Merge pull request 'make forge a peer dependency' (#2) from probablycorey/howl:forge into forge

Reviewed-on: #2

.npmrc

@@ -1 +0,0 @@
-registry=https://npm.nose.space

package.json

@@ -1,14 +1,8 @@
 {
-  "name": "@because/howl",
+  "name": "howl",
-  "version": "0.0.3",
+  "module": "index.tsx",
-  "module": "src/index.tsx",
   "type": "module",
   "exports": "./src/index.tsx",
-  "files": [
-    "src",
-    "!src/**/*.test.*",
-    "README.md"
-  ],
   "scripts": {
     "dev": "bun run --hot test/server.tsx"
   },
@@ -18,9 +12,9 @@
   },
   "peerDependencies": {
     "typescript": "^5",
-    "@because/forge": "*"
+    "forge": "*"
   },
   "dependencies": {
     "lucide-static": "^0.555.0"
   }
-}
+}

src/avatar.tsx

@@ -1,4 +1,4 @@
-import { define } from '@because/forge'
+import { define } from 'forge'
 import { theme } from './theme'
 import { Section } from './section'
 import { H2, Text } from './text'

src/box.tsx

@@ -1,4 +1,4 @@
-import { define } from '@because/forge'
+import { define } from 'forge'
 import { theme } from './theme'
 
 export const Box = define('Box', {

src/button.tsx

@@ -1,4 +1,4 @@
-import { define } from '@because/forge'
+import { define } from 'forge'
 import { theme } from './theme'
 import { VStack, HStack } from './stack'
 import { Section } from './section'

src/code.tsx

@@ -1,4 +1,4 @@
-import { define } from '@because/forge'
+import { define } from 'forge'
 import { theme } from './theme'
 
 // Code block container

src/divider.tsx

@@ -1,4 +1,4 @@
-import { define } from '@because/forge'
+import { define } from 'forge'
 import { theme } from './theme'
 import { Section } from './section'
 import { H2 } from './text'

src/grid.tsx

@@ -1,4 +1,4 @@
-import { define } from '@because/forge'
+import { define } from 'forge'
 import { theme } from './theme'
 import { VStack, HStack } from './stack'
 import { Button } from './button'

src/icon.tsx

@@ -1,4 +1,4 @@
-import { define } from '@because/forge'
+import { define } from 'forge'
 import { theme } from './theme'
 import * as icons from 'lucide-static'
 import { Grid } from './grid'

src/image.tsx

@@ -1,4 +1,4 @@
-import { define } from '@because/forge'
+import { define } from 'forge'
 import { Section } from './section'
 import { H2, H3, H4, H5, Text } from './text'
 import { VStack, HStack } from './stack'

src/index.tsx

@@ -1,5 +1,5 @@
 // Re-export Forge utilities
-export { Styles, extendThemes } from '@because/forge'
+export { Styles, extendThemes } from 'forge'
 export { theme } from './theme'
 
 export { cn } from './cn'

src/input.tsx

@@ -1,4 +1,4 @@
-import { define } from '@because/forge'
+import { define } from 'forge'
 import { theme } from './theme'
 import { Section } from './section'
 import { H2 } from './text'

src/layout.tsx

@@ -1,4 +1,4 @@
-import { define } from '@because/forge'
+import { define } from 'forge'
 import { theme } from './theme'
 
 // Dark mode toggle button

src/section.tsx

@@ -1,4 +1,4 @@
-import { define } from '@because/forge'
+import { define } from 'forge'
 import { theme } from './theme'
 
 export const Section = define('Section', {

src/select.tsx

@@ -1,4 +1,4 @@
-import { define } from '@because/forge'
+import { define } from 'forge'
 import { theme } from './theme'
 import { Section } from './section'
 import { H2 } from './text'

src/stack.tsx

@@ -1,4 +1,4 @@
-import { define } from '@because/forge'
+import { define } from 'forge'
 import { theme } from './theme'
 import { H2 } from './text'
 import { RedBox, GreenBox, BlueBox } from './box'

src/text.tsx

@@ -1,4 +1,4 @@
-import { define } from '@because/forge'
+import { define } from 'forge'
 import { theme } from './theme'
 
 export const H1 = define('H1', {

src/theme.ts

@@ -1,4 +1,4 @@
-import { createThemes } from '@because/forge'
+import { createThemes } from 'forge'
 
 const lightTheme = {
   // Colors

test/layout.tsx

@@ -1,6 +1,6 @@
 import "hono/jsx"
 import { raw } from "hono/html"
-import { Styles } from '@because/forge'
+import { Styles } from "forge"
 import {
   DarkModeToggle,
   PageTitle,