@hanzogui/demos 8.0.0 → 8.0.2

package/dist/esm/AnimationsDemo.mjs

@@ -1,6 +1,6 @@
 import { LogoIcon } from "@hanzogui/logo";
 import { Play } from "@hanzogui/lucide-icons-2";
-import { Button, isWeb, Square, useControllableState, useEvent } from "hanzogui";
+import { Button, isWeb, Square, useControllableState, useEvent } from "@hanzo/gui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function AnimationsDemo(props) {
   const [positionI, setPositionI] = useControllableState({

package/dist/esm/AnimationsDemo.native.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { LogoIcon } from "@hanzogui/logo";
 import { Play } from "@hanzogui/lucide-icons-2";
-import { Button, isWeb, Square, useControllableState, useEvent } from "hanzogui";
+import { Button, isWeb, Square, useControllableState, useEvent } from "@hanzo/gui";
 function AnimationsDemo(props) {
   var [positionI, setPositionI] = useControllableState({
     strategy: "most-recent-wins",

package/dist/esm/AnimationsEnterDemo.mjs

@@ -1,6 +1,6 @@
 import React from "react";
 import { LogoIcon } from "@hanzogui/logo";
-import { Button, Square, YStack, isWeb } from "hanzogui";
+import { Button, Square, YStack, isWeb } from "@hanzo/gui";
 import { useIsIntersecting } from "./useOnIntersecting.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function AnimationsEnterDemo(props) {

package/dist/esm/AnimationsEnterDemo.native.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from "react";
 import { LogoIcon } from "@hanzogui/logo";
-import { Button, Square, YStack, isWeb } from "hanzogui";
+import { Button, Square, YStack, isWeb } from "@hanzo/gui";
 import { useIsIntersecting } from "./useOnIntersecting.native.js";
 function AnimationsEnterDemo(props) {
   var ref = React.useRef(null);

package/dist/esm/AnimationsHoverDemo.mjs

@@ -1,5 +1,5 @@
 import { LogoIcon } from "@hanzogui/logo";
-import { Square } from "hanzogui";
+import { Square } from "@hanzo/gui";
 import { jsx } from "react/jsx-runtime";
 function AnimationsHoverDemo() {
   return /* @__PURE__ */jsx(Square, {

package/dist/esm/AnimationsHoverDemo.native.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { LogoIcon } from "@hanzogui/logo";
-import { Square } from "hanzogui";
+import { Square } from "@hanzo/gui";
 function AnimationsHoverDemo() {
   return /* @__PURE__ */_jsx(Square, {
     borderColor: "$borderColor",

package/dist/esm/AnimationsPresenceDemo.mjs

@@ -1,7 +1,7 @@
 import React from "react";
 import { AnimatePresence } from "@hanzogui/animate-presence";
 import { ArrowLeft, ArrowRight } from "@hanzogui/lucide-icons-2";
-import { Button, Image, XStack, YStack, styled } from "hanzogui";
+import { Button, Image, XStack, YStack, styled } from "@hanzo/gui";
 import photo1 from "../../public/photo1.jpg";
 import photo2 from "../../public/photo2.jpg";
 import photo3 from "../../public/photo3.jpg";

package/dist/esm/AnimationsPresenceDemo.native.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { AnimatePresence } from "@hanzogui/animate-presence";
 import { ArrowLeft, ArrowRight } from "@hanzogui/lucide-icons-2";
-import { Button, Image, XStack, YStack, styled } from "hanzogui";
+import { Button, Image, XStack, YStack, styled } from "@hanzo/gui";
 import photo1 from "../../public/photo1.jpg";
 import photo2 from "../../public/photo2.jpg";
 import photo3 from "../../public/photo3.jpg";

package/dist/esm/AnimationsTimingDemo.mjs

@@ -1,5 +1,5 @@
 import { LogoIcon } from "@hanzogui/logo";
-import { Square } from "hanzogui";
+import { Square } from "@hanzo/gui";
 import { jsx } from "react/jsx-runtime";
 function AnimationsTimingDemo() {
   return /* @__PURE__ */jsx(Square, {

package/dist/esm/AnimationsTimingDemo.native.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { LogoIcon } from "@hanzogui/logo";
-import { Square } from "hanzogui";
+import { Square } from "@hanzo/gui";
 function AnimationsTimingDemo() {
   return /* @__PURE__ */_jsx(Square, {
     bg: "$color9",

package/dist/esm/AvatarDemo.mjs

@@ -1,4 +1,4 @@
-import { Avatar, XStack } from "hanzogui";
+import { Avatar, XStack } from "@hanzo/gui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function AvatarDemo() {
   return /* @__PURE__ */jsxs(XStack, {

package/dist/esm/AvatarDemo.native.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Avatar, XStack } from "hanzogui";
+import { Avatar, XStack } from "@hanzo/gui";
 function AvatarDemo() {
   return /* @__PURE__ */_jsxs(XStack, {
     items: "center",

package/dist/esm/BoxShadowTokenDemo.mjs

@@ -1,4 +1,4 @@
-import { styled, View, Text, YStack } from "hanzogui";
+import { styled, View, Text, YStack } from "@hanzo/gui";
 import { jsx, jsxs } from "react/jsx-runtime";
 const StyledShadowBox = styled(View, {
   width: 100,

package/dist/esm/BoxShadowTokenDemo.native.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { styled, View, Text, YStack } from "hanzogui";
+import { styled, View, Text, YStack } from "@hanzo/gui";
 var StyledShadowBox = styled(View, {
   width: 100,
   height: 100,

package/dist/esm/BrandTokensDemo.mjs

@@ -0,0 +1,112 @@
+import { Button, Card, H2, Paragraph, Text, Theme, XStack, YStack } from "hanzogui";
+import { jsx, jsxs } from "react/jsx-runtime";
+const BRANDS = ["hanzo", "lux", "zoo", "pars"];
+const SURFACES = [["background", "$background", "#000 canvas"], ["color2", "$color2", "#0a0a0a surface"], ["color3", "$color3", "#111 raised"], ["color4", "$color4", "#171717 elevated"]];
+function BrandTokensDemo() {
+  return /* @__PURE__ */jsx(Theme, {
+    name: "dark",
+    children: /* @__PURE__ */jsxs(YStack, {
+      backgroundColor: "$background",
+      padding: "$6",
+      gap: "$5",
+      minHeight: 640,
+      children: [/* @__PURE__ */jsxs(YStack, {
+        gap: "$2",
+        children: [/* @__PURE__ */jsx(H2, {
+          fontFamily: "$heading",
+          color: "$color12",
+          children: "Hanzo GUI \u2014 design tokens"
+        }), /* @__PURE__ */jsx(Paragraph, {
+          color: "$color11",
+          fontFamily: "$body",
+          children: "True-black canvas \xB7 one accent per brand \xB7 Geist type system"
+        })]
+      }), /* @__PURE__ */jsxs(YStack, {
+        gap: "$2",
+        children: [/* @__PURE__ */jsx(Text, {
+          color: "$color11",
+          fontFamily: "$mono",
+          fontSize: "$2",
+          children: "neutral surface ramp"
+        }), /* @__PURE__ */jsx(XStack, {
+          gap: "$3",
+          flexWrap: "wrap",
+          children: SURFACES.map(([name, tok, label]) => /* @__PURE__ */jsxs(YStack, {
+            backgroundColor: tok,
+            width: 160,
+            height: 96,
+            borderRadius: 12,
+            borderWidth: 1,
+            borderColor: "$borderColor",
+            padding: "$3",
+            justifyContent: "flex-end",
+            children: [/* @__PURE__ */jsx(Text, {
+              color: "$color12",
+              fontFamily: "$mono",
+              fontSize: "$3",
+              children: name
+            }), /* @__PURE__ */jsx(Text, {
+              color: "$color10",
+              fontSize: "$2",
+              children: label
+            })]
+          }, name))
+        })]
+      }), /* @__PURE__ */jsxs(YStack, {
+        gap: "$2",
+        children: [/* @__PURE__ */jsx(Text, {
+          color: "$color11",
+          fontFamily: "$mono",
+          fontSize: "$2",
+          children: "per-brand accent (applied sparingly over the shared canvas)"
+        }), /* @__PURE__ */jsx(XStack, {
+          gap: "$4",
+          flexWrap: "wrap",
+          children: BRANDS.map(b => /* @__PURE__ */jsx(Theme, {
+            name: b,
+            children: /* @__PURE__ */jsxs(Card, {
+              backgroundColor: "$color2",
+              borderWidth: 1,
+              borderColor: "$borderColor",
+              borderRadius: 12,
+              padding: "$4",
+              width: 210,
+              gap: "$3",
+              children: [/* @__PURE__ */jsxs(XStack, {
+                alignItems: "center",
+                gap: "$2",
+                children: [/* @__PURE__ */jsx(YStack, {
+                  width: 14,
+                  height: 14,
+                  borderRadius: 999,
+                  backgroundColor: "$color9"
+                }), /* @__PURE__ */jsx(Text, {
+                  color: "$color12",
+                  fontFamily: "$heading",
+                  fontSize: "$5",
+                  children: b
+                })]
+              }), /* @__PURE__ */jsx(YStack, {
+                height: 44,
+                borderRadius: 8,
+                backgroundColor: "$color9",
+                alignItems: "center",
+                justifyContent: "center",
+                children: /* @__PURE__ */jsx(Text, {
+                  color: "$color1",
+                  fontSize: "$3",
+                  fontWeight: "700",
+                  children: "Primary CTA"
+                })
+              }), /* @__PURE__ */jsx(Button, {
+                children: "Themed button"
+              })]
+            })
+          }, b))
+        })]
+      })]
+    })
+  });
+}
+export { BrandTokensDemo };
+//# sourceMappingURL=BrandTokensDemo.mjs.map

package/dist/esm/BrandTokensDemo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Button","Card","H2","Paragraph","Text","Theme","XStack","YStack","jsx","jsxs","BRANDS","SURFACES","BrandTokensDemo","name","children","backgroundColor","padding","gap","minHeight","fontFamily","color","fontSize","flexWrap","map","tok","label","width","height","borderRadius","borderWidth","borderColor","justifyContent","b","alignItems","fontWeight"],"sources":["../../src/BrandTokensDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/BrandTokensDemo.native.js

@@ -0,0 +1,117 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Card, H2, Paragraph, Text, Theme, XStack, YStack } from "hanzogui";
+var BRANDS = ["hanzo", "lux", "zoo", "pars"];
+var SURFACES = [["background", "$background", "#000 canvas"], ["color2", "$color2", "#0a0a0a surface"], ["color3", "$color3", "#111 raised"], ["color4", "$color4", "#171717 elevated"]];
+function BrandTokensDemo() {
+  return /* @__PURE__ */_jsx(Theme, {
+    name: "dark",
+    children: /* @__PURE__ */_jsxs(YStack, {
+      backgroundColor: "$background",
+      padding: "$6",
+      gap: "$5",
+      minHeight: 640,
+      children: [/* @__PURE__ */_jsxs(YStack, {
+        gap: "$2",
+        children: [/* @__PURE__ */_jsx(H2, {
+          fontFamily: "$heading",
+          color: "$color12",
+          children: "Hanzo GUI \u2014 design tokens"
+        }), /* @__PURE__ */_jsx(Paragraph, {
+          color: "$color11",
+          fontFamily: "$body",
+          children: "True-black canvas \xB7 one accent per brand \xB7 Geist type system"
+        })]
+      }), /* @__PURE__ */_jsxs(YStack, {
+        gap: "$2",
+        children: [/* @__PURE__ */_jsx(Text, {
+          color: "$color11",
+          fontFamily: "$mono",
+          fontSize: "$2",
+          children: "neutral surface ramp"
+        }), /* @__PURE__ */_jsx(XStack, {
+          gap: "$3",
+          flexWrap: "wrap",
+          children: SURFACES.map(function (param) {
+            var [name, tok, label] = param;
+            return /* @__PURE__ */_jsxs(YStack, {
+              backgroundColor: tok,
+              width: 160,
+              height: 96,
+              borderRadius: 12,
+              borderWidth: 1,
+              borderColor: "$borderColor",
+              padding: "$3",
+              justifyContent: "flex-end",
+              children: [/* @__PURE__ */_jsx(Text, {
+                color: "$color12",
+                fontFamily: "$mono",
+                fontSize: "$3",
+                children: name
+              }), /* @__PURE__ */_jsx(Text, {
+                color: "$color10",
+                fontSize: "$2",
+                children: label
+              })]
+            }, name);
+          })
+        })]
+      }), /* @__PURE__ */_jsxs(YStack, {
+        gap: "$2",
+        children: [/* @__PURE__ */_jsx(Text, {
+          color: "$color11",
+          fontFamily: "$mono",
+          fontSize: "$2",
+          children: "per-brand accent (applied sparingly over the shared canvas)"
+        }), /* @__PURE__ */_jsx(XStack, {
+          gap: "$4",
+          flexWrap: "wrap",
+          children: BRANDS.map(function (b) {
+            return /* @__PURE__ */_jsx(Theme, {
+              name: b,
+              children: /* @__PURE__ */_jsxs(Card, {
+                backgroundColor: "$color2",
+                borderWidth: 1,
+                borderColor: "$borderColor",
+                borderRadius: 12,
+                padding: "$4",
+                width: 210,
+                gap: "$3",
+                children: [/* @__PURE__ */_jsxs(XStack, {
+                  alignItems: "center",
+                  gap: "$2",
+                  children: [/* @__PURE__ */_jsx(YStack, {
+                    width: 14,
+                    height: 14,
+                    borderRadius: 999,
+                    backgroundColor: "$color9"
+                  }), /* @__PURE__ */_jsx(Text, {
+                    color: "$color12",
+                    fontFamily: "$heading",
+                    fontSize: "$5",
+                    children: b
+                  })]
+                }), /* @__PURE__ */_jsx(YStack, {
+                  height: 44,
+                  borderRadius: 8,
+                  backgroundColor: "$color9",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  children: /* @__PURE__ */_jsx(Text, {
+                    color: "$color1",
+                    fontSize: "$3",
+                    fontWeight: "700",
+                    children: "Primary CTA"
+                  })
+                }), /* @__PURE__ */_jsx(Button, {
+                  children: "Themed button"
+                })]
+              })
+            }, b);
+          })
+        })]
+      })]
+    })
+  });
+}
+export { BrandTokensDemo };
+//# sourceMappingURL=BrandTokensDemo.native.js.map

package/dist/esm/BrandTokensDemo.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","Card","H2","Paragraph","Text","Theme","XStack","YStack","BRANDS","SURFACES","BrandTokensDemo","name","children","backgroundColor","padding","gap","minHeight","fontFamily","color","fontSize","flexWrap","map","param","tok","label","width","height","borderRadius","borderWidth","borderColor","justifyContent"],"sources":["../../src/BrandTokensDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAM,IAAIC,KAAA,QAAW,mBAAqB;AAoBnD,SACEC,MADF,EAAAC,IAAA,EAAAC,EAAA,EAAAC,SAAA,EAAAC,IAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA;AAbR,IAAAC,MAAM,IAEN,OAAM,EACJ,KAAC,EACD,KAAC,EACD,MAAC,CAAkC;AAErC,IAAAC,QAAA,IAEO,CACL,YACE,EAEI,eACE,cAEA,EAGA,CAGF,UACE,WAEA,iBACA,CAEI,EAAC,SAEC,EAAiB,SACjB,EAAO,aACP,CAAQ,EACM,CACD,QACb,EAAY,SACZ,EAAQ,kBACR,CAAe,CAEf;AAEA,SAAAC,eACAA,CAAA;EAEA,sBAAAb,IAAA,CAAAQ,KAAA;IAAAM,IAAA;IAAAC,QAfK,iBAAAb,KAAA,CAAAQ,MAAA;MAgBPM,eAEJ;MAAAC,OACF;MAEAC,GAAA;MACEC,SAAA;MAGAJ,QAAA,GAGO,eAAAb,KAAA,CAAAQ,MAAA;QAAAQ,GAAA;QACCH,QAAA,GACA,eAAaf,IAAA,CAAAK,EAAA;UACbe,UAAY;UACZC,KAAA,YAAc;UACdN,QAAQ;QACR,IACA,eAAIf,IAAA,CAAAM,SAAA;UAEJe,KAAA;UAAAD,UAAA,SAAC;UACCL,QAAA;QAAA;MAAC,IACQ,eACPb,KAAQ,CAAAQ,MAAA;QAAAQ,GAAA,MACR;QAAcH,QACd,GAAgB,eAAAf,IAAA,CAAAO,IAAA;UAClBc,KAAA;UACAD,UAAA;UAEAE,QACF;UACAP,QAAA;QAAA,EAAC,iBAAAf,IAAA,CAAAS,MAAA;UAAAS,GACC;UAAQK,QACR,QAAc;UAAAR,QACd,EAAAH,QAAA,CAAgBY,GAAA,WAAAC,KAAA;YAChB,KAAAX,IAAA,EAAAY,GAAW,EAAAC,KAAA,IAAAF,KAAA;YACX,sBAAevB,KAAA,CAAAQ,MAAA;cAEfM,eAAA,EAAAU,GAAA;cAEAE,KAAA;cACFC,MAAA;cACAC,YAAA,EAAC;cAAoBC,WAAA;cAAAC,WAAA;cAI7Bf,OAAA;cACFgB,cAAA;cAEJlB,QAAA,GAEJ,eAAAf,IAAA,CAAAO,IAAA","ignoreList":[]}

package/dist/esm/BuildAButtonDemo.mjs

@@ -1,5 +1,5 @@
 import { Drumstick, Hand } from "@hanzogui/lucide-icons-2";
-import { Button, XStack, YStack } from "hanzogui";
+import { Button, XStack, YStack } from "@hanzo/gui";
 import { jsx, jsxs } from "react/jsx-runtime";
 const outlined = {
   bg: "transparent",

package/dist/esm/BuildAButtonDemo.native.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Drumstick, Hand } from "@hanzogui/lucide-icons-2";
-import { Button, XStack, YStack } from "hanzogui";
+import { Button, XStack, YStack } from "@hanzo/gui";
 var outlined = {
   bg: "transparent",
   borderWidth: 2,

package/dist/esm/ButtonDemo.mjs

@@ -1,6 +1,6 @@
 import { Button } from "@hanzogui/button";
 import { Activity, Airplay } from "@hanzogui/lucide-icons-2";
-import { Theme, XGroup, XStack, YStack } from "hanzogui";
+import { Theme, XGroup, XStack, YStack } from "@hanzo/gui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function ButtonDemo() {
   return /* @__PURE__ */jsxs(YStack, {

package/dist/esm/ButtonDemo.native.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from "@hanzogui/button";
 import { Activity, Airplay } from "@hanzogui/lucide-icons-2";
-import { Theme, XGroup, XStack, YStack } from "hanzogui";
+import { Theme, XGroup, XStack, YStack } from "@hanzo/gui";
 function ButtonDemo() {
   return /* @__PURE__ */_jsxs(YStack, {
     p: "$3",

package/dist/esm/CardDemo.mjs

@@ -1,4 +1,4 @@
-import { Button, Card, H2, Image, Paragraph, Theme, XStack } from "hanzogui";
+import { Button, Card, H2, Image, Paragraph, Theme, XStack } from "@hanzo/gui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function CardDemo() {
   return /* @__PURE__ */jsx(Theme, {

package/dist/esm/CardDemo.native.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Card, H2, Image, Paragraph, Theme, XStack } from "hanzogui";
+import { Button, Card, H2, Image, Paragraph, Theme, XStack } from "@hanzo/gui";
 function CardDemo() {
   return /* @__PURE__ */_jsx(Theme, {
     name: "surface1",

package/dist/esm/CheckboxDemo.mjs

@@ -1,5 +1,5 @@
 import { Check as CheckIcon } from "@hanzogui/lucide-icons-2";
-import { Checkbox, Label, Theme, XStack, YStack } from "hanzogui";
+import { Checkbox, Label, Theme, XStack, YStack } from "@hanzo/gui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function CheckboxDemo() {
   return /* @__PURE__ */jsx(Theme, {

package/dist/esm/CheckboxDemo.native.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Check as CheckIcon } from "@hanzogui/lucide-icons-2";
-import { Checkbox, Label, Theme, XStack, YStack } from "hanzogui";
+import { Checkbox, Label, Theme, XStack, YStack } from "@hanzo/gui";
 function CheckboxDemo() {
   return /* @__PURE__ */_jsx(Theme, {
     name: "surface2",

package/dist/esm/CheckboxHeadlessDemo.mjs

@@ -2,7 +2,7 @@ import React from "react";
 import { useCheckbox } from "@hanzogui/checkbox-headless";
 import { Check, Minus } from "@hanzogui/lucide-icons-2";
 import { Pressable } from "react-native-web";
-import { Label, XStack, YStack } from "hanzogui";
+import { Label, XStack, YStack } from "@hanzo/gui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function CheckboxHeadlessDemo() {
   return /* @__PURE__ */jsx(YStack, {

package/dist/esm/CheckboxHeadlessDemo.native.js

@@ -3,7 +3,7 @@ import React from "react";
 import { useCheckbox } from "@hanzogui/checkbox-headless";
 import { Check, Minus } from "@hanzogui/lucide-icons-2";
 import { Pressable } from "react-native";
-import { Label, XStack, YStack } from "hanzogui";
+import { Label, XStack, YStack } from "@hanzo/gui";
 function CheckboxHeadlessDemo() {
   return /* @__PURE__ */_jsx(YStack, {
     width: 200,

package/dist/esm/CheckboxUnstyledDemo.mjs

@@ -1,7 +1,7 @@
 import { createCheckbox } from "@hanzogui/checkbox";
 import { View, styled } from "@hanzogui/core";
 import { Check } from "@hanzogui/lucide-icons-2";
-import { Label, XStack, YStack } from "hanzogui";
+import { Label, XStack, YStack } from "@hanzo/gui";
 import { jsx, jsxs } from "react/jsx-runtime";
 const Frame = styled(View, {
   borderWidth: 1,

package/dist/esm/CheckboxUnstyledDemo.native.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createCheckbox } from "@hanzogui/checkbox";
 import { View, styled } from "@hanzogui/core";
 import { Check } from "@hanzogui/lucide-icons-2";
-import { Label, XStack, YStack } from "hanzogui";
+import { Label, XStack, YStack } from "@hanzo/gui";
 var Frame = styled(View, {
   borderWidth: 1,
   borderColor: "$borderColor",

package/dist/esm/ColorsDemo.mjs

@@ -1,5 +1,5 @@
 import { blue, blueDark, gray, grayDark, green, greenDark, red, redDark, yellow, yellowDark } from "@hanzogui/colors";
-import { H2, Paragraph, Separator, Square, XStack, YStack } from "hanzogui";
+import { H2, Paragraph, Separator, Square, XStack, YStack } from "@hanzo/gui";
 import { jsx, jsxs } from "react/jsx-runtime";
 const colorGroups = ["gray", "blue", "green", "yellow", "red"];
 const lightColors = {

package/dist/esm/ColorsDemo.native.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { blue, blueDark, gray, grayDark, green, greenDark, red, redDark, yellow, yellowDark } from "@hanzogui/colors";
-import { H2, Paragraph, Separator, Square, XStack, YStack } from "hanzogui";
+import { H2, Paragraph, Separator, Square, XStack, YStack } from "@hanzo/gui";
 var colorGroups = ["gray", "blue", "green", "yellow", "red"];
 var lightColors = {
   gray,

package/dist/esm/ContextMenuDemo.mjs

@@ -1,7 +1,7 @@
 import { ContextMenu } from "@hanzogui/context-menu";
 import { Calendar, Check, ChevronRight } from "@hanzogui/lucide-icons-2";
 import React from "react";
-import { Text, View, YStack } from "hanzogui";
+import { Text, View, YStack } from "@hanzo/gui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function ContextMenuDemo() {
   const [bookmarksChecked, setBookmarksChecked] = React.useState(true);

package/dist/esm/ContextMenuDemo.native.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ContextMenu } from "@hanzogui/context-menu";
 import { Calendar, Check, ChevronRight } from "@hanzogui/lucide-icons-2";
 import React from "react";
-import { Text, View, YStack } from "hanzogui";
+import { Text, View, YStack } from "@hanzo/gui";
 function ContextMenuDemo() {
   var [bookmarksChecked, setBookmarksChecked] = React.useState(true);
   var [native, setNative] = React.useState(true);

package/dist/esm/DialogDemo.mjs

@@ -1,6 +1,6 @@
 import { ChevronDown, X } from "@hanzogui/lucide-icons-2";
 import { useState } from "react";
-import { Adapt, Button, Dialog, Fieldset, Input, Label, Paragraph, Select, Sheet, TooltipSimple, Unspaced, View, XGroup, XStack } from "hanzogui";
+import { Adapt, Button, Dialog, Fieldset, Input, Label, Paragraph, Select, Sheet, TooltipSimple, Unspaced, View, XGroup, XStack } from "@hanzo/gui";
 import { SelectDemoContents } from "./SelectDemo.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 function DialogDemo() {

package/dist/esm/DialogDemo.native.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronDown, X } from "@hanzogui/lucide-icons-2";
 import { useState } from "react";
-import { Adapt, Button, Dialog, Fieldset, Input, Label, Paragraph, Select, Sheet, TooltipSimple, Unspaced, View, XGroup, XStack } from "hanzogui";
+import { Adapt, Button, Dialog, Fieldset, Input, Label, Paragraph, Select, Sheet, TooltipSimple, Unspaced, View, XGroup, XStack } from "@hanzo/gui";
 import { SelectDemoContents } from "./SelectDemo.native.js";
 function DialogDemo() {
   var [mode, setMode] = useState("plain");

package/dist/esm/FormsDemo.mjs

@@ -1,5 +1,5 @@
 import React from "react";
-import { Button, Form, Spinner, AnimatePresence, YStack } from "hanzogui";
+import { Button, Form, Spinner, AnimatePresence, YStack } from "@hanzo/gui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function FormsDemo(props) {
   const [status, setStatus] = React.useState("off");

package/dist/esm/FormsDemo.native.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import { Button, Form, Spinner, AnimatePresence, YStack } from "hanzogui";
+import { Button, Form, Spinner, AnimatePresence, YStack } from "@hanzo/gui";
 function FormsDemo(props) {
   var [status, setStatus] = React.useState("off");
   React.useEffect(function () {

package/dist/esm/GroupDemo.mjs

@@ -1,5 +1,5 @@
 import { Activity, Airplay } from "@hanzogui/lucide-icons-2";
-import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "hanzogui";
+import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "@hanzo/gui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function GroupDemo() {
   return /* @__PURE__ */jsxs(YStack, {

package/dist/esm/GroupDemo.native.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Activity, Airplay } from "@hanzogui/lucide-icons-2";
-import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "hanzogui";
+import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "@hanzo/gui";
 function GroupDemo() {
   return /* @__PURE__ */_jsxs(YStack, {
     p: "$3",

package/dist/esm/HeadingsDemo.mjs

@@ -1,4 +1,4 @@
-import { H1, H2, H3, H4, H5, H6, YStack } from "hanzogui";
+import { H1, H2, H3, H4, H5, H6, YStack } from "@hanzo/gui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function HeadingsDemo() {
   return /* @__PURE__ */jsxs(YStack, {

package/dist/esm/HeadingsDemo.native.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { H1, H2, H3, H4, H5, H6, YStack } from "hanzogui";
+import { H1, H2, H3, H4, H5, H6, YStack } from "@hanzo/gui";
 function HeadingsDemo() {
   return /* @__PURE__ */_jsxs(YStack, {
     self: "center",

package/dist/esm/InputsDemo.mjs

@@ -1,4 +1,4 @@
-import { Button, Input, TextArea, XStack, YStack } from "hanzogui";
+import { Button, Input, TextArea, XStack, YStack } from "@hanzo/gui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function InputsDemo() {
   return /* @__PURE__ */jsxs(YStack, {

package/dist/esm/InputsDemo.native.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Input, TextArea, XStack, YStack } from "hanzogui";
+import { Button, Input, TextArea, XStack, YStack } from "@hanzo/gui";
 function InputsDemo() {
   return /* @__PURE__ */_jsxs(YStack, {
     width: 200,

package/dist/esm/LabelDemo.mjs

@@ -1,4 +1,4 @@
-import { Input, Label, Switch, XStack, YStack } from "hanzogui";
+import { Input, Label, Switch, XStack, YStack } from "@hanzo/gui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function LabelDemo() {
   return /* @__PURE__ */jsxs(YStack, {

package/dist/esm/LabelDemo.native.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Input, Label, Switch, XStack, YStack } from "hanzogui";
+import { Input, Label, Switch, XStack, YStack } from "@hanzo/gui";
 function LabelDemo() {
   return /* @__PURE__ */_jsxs(YStack, {
     $maxMd: {

package/dist/esm/LinearGradientDemo.mjs

@@ -1,4 +1,4 @@
-import { XStack } from "hanzogui";
+import { XStack } from "@hanzo/gui";
 import { LinearGradient } from "@hanzogui/linear-gradient";
 import { jsx, jsxs } from "react/jsx-runtime";
 function LinearGradientDemo() {