3

fixes duplicate module instances when bundled

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

.npmrc

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

package.json

@@ -1,8 +1,14 @@
 {
-  "name": "howl",
+  "name": "@because/howl",
-  "module": "index.tsx",
+  "version": "0.0.3",
+  "module": "src/index.tsx",
   "type": "module",
   "exports": "./src/index.tsx",
+  "files": [
+    "src",
+    "!src/**/*.test.*",
+    "README.md"
+  ],
   "scripts": {
     "dev": "bun run --hot test/server.tsx"
   },
@@ -11,10 +17,10 @@
     "hono": "^4.10.7"
   },
   "peerDependencies": {
-    "typescript": "^5"
+    "typescript": "^5",
+    "@because/forge": "*"
   },
   "dependencies": {
-    "forge": "git+https://git.nose.space/defunkt/forge",
     "lucide-static": "^0.555.0"
   }
-}
+}

src/avatar.tsx

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

src/box.tsx

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

src/button.tsx

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

src/code.tsx

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

src/divider.tsx

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

src/grid.tsx

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

src/icon.tsx

@@ -1,4 +1,4 @@
-import { define } from 'forge'
+import { define } from '@because/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 'forge'
+import { define } from '@because/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 'forge'
+export { Styles, extendThemes } from '@because/forge'
 export { theme } from './theme'
 
 export { cn } from './cn'

src/input.tsx

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

src/layout.tsx

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

src/section.tsx

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

src/select.tsx

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

src/stack.tsx

@@ -1,4 +1,4 @@
-import { define } from 'forge'
+import { define } from '@because/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 'forge'
+import { define } from '@because/forge'
 import { theme } from './theme'
 
 export const H1 = define('H1', {

src/theme.ts

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

test/layout.tsx

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