update deps

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,