@hanzogui/demos 4.3.1 → 8.0.0

package/dist/cjs/StacksDemo.native.js

@@ -40,14 +40,14 @@ __export(StacksDemo_exports, {
 module.exports = __toCommonJS(StacksDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"), 1);
-var import_gui = require("@hanzo/gui");
+var import_hanzogui = require("hanzogui");
 function StacksDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
     maxW: 250,
     p: "$2",
     self: "center",
     gap: "$2",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
       flex: 1,
       flexBasis: "auto",
       borderWidth: 2,
@@ -55,20 +55,20 @@ function StacksDemo() {
       rounded: "$4",
       gap: "$2",
       p: "$2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
         bg: "$color",
         rounded: "$3",
         p: "$2"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
         bg: "$color",
         rounded: "$3",
         p: "$2"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
         bg: "$color",
         rounded: "$3",
         p: "$2"
       })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
       flex: 1,
       flexBasis: "auto",
       borderWidth: 2,
@@ -76,32 +76,32 @@ function StacksDemo() {
       rounded: "$4",
       gap: "$2",
       p: "$2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
         bg: "$color",
         rounded: "$3",
         p: "$2"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
         bg: "$color",
         rounded: "$3",
         p: "$2"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
         bg: "$color",
         rounded: "$3",
         p: "$2"
       })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.ZStack, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.ZStack, {
       flex: 1,
       flexBasis: "auto",
       maxW: 50,
       maxH: 85,
       width: 100,
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
         fullscreen: true,
         rounded: "$4",
         p: "$2",
         borderColor: "$color",
         borderWidth: 2
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
         borderColor: "$color",
         fullscreen: true,
         y: 10,
@@ -109,7 +109,7 @@ function StacksDemo() {
         borderWidth: 2,
         rounded: "$4",
         p: "$2"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
         borderColor: "$color",
         fullscreen: true,
         y: 20,

package/dist/cjs/StacksDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["to","__toESM","mod","isNodeMode","target","__create","__getProtoOf","__copyProps","__esModule","__defProp","value","enumerable","__toCommonJS","StacksDemo_exports","__export","StacksDemo","module","exports","import_jsx_runtime","require","import_react","import_gui","jsxs","XStack","maxW","p","self","gap","children","YStack","flex","flexBasis","borderWidth","borderColor","rounded","jsx","bg"],"sources":["../../src/StacksDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;EAAA,OAAAA,EAAA;AAAA;AAAA,IAAAC,OAAA,GAAAA,CAAAC,GAAA,EAAAC,UAAA,EAAAC,MAAA,MAAAA,MAAA,GAAAF,GAAA,WAAAG,QAAA,CAAAC,YAAA,CAAAJ,GAAA,SAAAK,WAAA;AAAA;AAAA;AACA;AAKM;AAHCJ,UAAS,KAAAD,GAAA,IAAa,CAAAA,GAAA,CAAAM,UAAA,GAAAC,SAAA,CAAAL,MAAA;EAAAM,KAAA,EAAAR,GAAA;EAAAS,UAAA;AAAA,KAAAP,MAAA,EAC3BF,GAEI;AAAA,IAAAU,YAAC,GAAAV,GAAA,IAAAK,WAAA,CAAAE,SAAA;EAAAC,KAAA;AAAA,IAAAR,GAAA;AAAA,IAAAW,kBAAA;AAAAC,QACC,CAAAD,kBAAM;EAAAE,UACN,EAAAA,CAAA,KAAUA;AAAA;AACGC,MAAA,CAAAC,OACb,GAAAL,YAAY,CAAAC,kBAAA;AAAA,IAAAK,kBACJ,GAAAC,OAAA;AAAA,IAAAC,YACJ,GAAAnB,OAAA,CAAAkB,OAAA;AAAA,IAAAE,UACF,GAAAF,OAAA;AAAA,SAEFJ,WAAA;EAAA,0BAAAG,kBAAA,CAAAI,IAAA,EAACD,UAAA,CAAAE,MAAA;IAAuCC,IAAA,EACxC;IAAwCC,CAAA,MACxC;IAAwCC,IAAA;IAAAC,GAAA;IAC1CC,QAAA,GAEA,mBAAAV,kBAAA,CAAAI,IAAA,EAAAD,UAAA,CAAAQ,MAAA;MAACC,IAAA;MAAAC,SAAA;MACCC,WAAM;MACNC,WAAU;MACVC,OAAA,MAAa;MACbP,GAAA;MACAF,CAAA;MACAG,QAAI,GACJ,eAAE,IAAAV,kBAAA,CAAAiB,GAAA,EAAAd,UAAA,CAAAQ,MAAA;QAEFO,EAAA;QAAAF,OAAA;QACAT,CAAA;MACA,IAAwC,mBAAAP,kBAAA,CAAAiB,GAAA,EAAAd,UAAA,CAAAQ,MAAA;QAAAO,EAAA;QAC1CF,OAAA;QAEAT,CAAA;MACE,IACA,mBAAAP,kBAAA,CAAAiB,GAAA,EAAAd,UAAA,CAAAQ,MAAA;QAACO,EAAA;QAAAF,OAAA;QACCT,CAAA;MACA;IACG,IACA,eACH,CAAa,GAAAP,kBAAA,CAAAI,IAAA,EAAAD,UAAA,CAAAE,MAAA;MAAAO,IACb;MAAQC,SACN;MAAAC,WAAA;MACJC,WAAA;MACAC,OAAA;MAACP,GAAA;MAAAF,CAAA;MAAAG,QACC,GACA,eAAU,IAAAV,kBAAA,CAAAiB,GAAA,EAAAd,UAAA,CAAAQ,MAAA;QACVO,EAAG;QACHF,OAAG;QACHT,CAAA;MACA,IACA,eAAE,IAAAP,kBAAA,CAAAiB,GAAA,EAAAd,UAAA,CAAAQ,MAAA;QAAAO,EAAA;QACJF,OAAA;QACFT,CAAA;MACF,IAEJ,mBAAAP,kBAAA,CAAAiB,GAAA,EAAAd,UAAA,CAAAQ,MAAA","ignoreList":[]}
+{"version":3,"names":["to","__toESM","mod","isNodeMode","target","__create","__getProtoOf","__copyProps","__esModule","__defProp","value","enumerable","__toCommonJS","StacksDemo_exports","__export","StacksDemo","module","exports","import_jsx_runtime","require","import_react","import_hanzogui","jsxs","XStack","maxW","p","self","gap","children","YStack","flex","flexBasis","borderWidth","borderColor","rounded","jsx","bg"],"sources":["../../src/StacksDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;EAAA,OAAAA,EAAA;AAAA;AAAA,IAAAC,OAAA,GAAAA,CAAAC,GAAA,EAAAC,UAAA,EAAAC,MAAA,MAAAA,MAAA,GAAAF,GAAA,WAAAG,QAAA,CAAAC,YAAA,CAAAJ,GAAA,SAAAK,WAAA;AAAA;AAAA;AACA;AAKM;AAHCJ,UAAS,KAAAD,GAAA,IAAa,CAAAA,GAAA,CAAAM,UAAA,GAAAC,SAAA,CAAAL,MAAA;EAAAM,KAAA,EAAAR,GAAA;EAAAS,UAAA;AAAA,KAAAP,MAAA,EAC3BF,GAEI;AAAA,IAAAU,YAAC,GAAAV,GAAA,IAAAK,WAAA,CAAAE,SAAA;EAAAC,KAAA;AAAA,IAAAR,GAAA;AAAA,IAAAW,kBAAA;AAAAC,QACC,CAAAD,kBAAM;EAAAE,UACN,EAAAA,CAAA,KAAUA;AAAA;AACGC,MAAA,CAAAC,OACb,GAAAL,YAAY,CAAAC,kBAAA;AAAA,IAAAK,kBACJ,GAAAC,OAAA;AAAA,IAAAC,YACJ,GAAAnB,OAAA,CAAAkB,OAAA;AAAA,IAAAE,eACF,GAAAF,OAAA;AAAA,SAEFJ,WAAA;EAAA,0BAAAG,kBAAA,CAAAI,IAAA,EAACD,eAAA,CAAAE,MAAA;IAAuCC,IAAA,EACxC;IAAwCC,CAAA,MACxC;IAAwCC,IAAA;IAAAC,GAAA;IAC1CC,QAAA,GAEA,mBAAAV,kBAAA,CAAAI,IAAA,EAAAD,eAAA,CAAAQ,MAAA;MAACC,IAAA;MAAAC,SAAA;MACCC,WAAM;MACNC,WAAU;MACVC,OAAA,MAAa;MACbP,GAAA;MACAF,CAAA;MACAG,QAAI,GACJ,eAAE,IAAAV,kBAAA,CAAAiB,GAAA,EAAAd,eAAA,CAAAQ,MAAA;QAEFO,EAAA;QAAAF,OAAA;QACAT,CAAA;MACA,IAAwC,mBAAAP,kBAAA,CAAAiB,GAAA,EAAAd,eAAA,CAAAQ,MAAA;QAAAO,EAAA;QAC1CF,OAAA;QAEAT,CAAA;MACE,IACA,mBAAAP,kBAAA,CAAAiB,GAAA,EAAAd,eAAA,CAAAQ,MAAA;QAACO,EAAA;QAAAF,OAAA;QACCT,CAAA;MACA;IACG,IACA,eACH,CAAa,GAAAP,kBAAA,CAAAI,IAAA,EAAAD,eAAA,CAAAE,MAAA;MAAAO,IACb;MAAQC,SACN;MAAAC,WAAA;MACJC,WAAA;MACAC,OAAA;MAACP,GAAA;MAAAF,CAAA;MAAAG,QACC,GACA,eAAU,IAAAV,kBAAA,CAAAiB,GAAA,EAAAd,eAAA,CAAAQ,MAAA;QACVO,EAAG;QACHF,OAAG;QACHT,CAAA;MACA,IACA,eAAE,IAAAP,kBAAA,CAAAiB,GAAA,EAAAd,eAAA,CAAAQ,MAAA;QAAAO,EAAA;QACJF,OAAA;QACFT,CAAA;MACF,IAEJ,mBAAAP,kBAAA,CAAAiB,GAAA,EAAAd,eAAA,CAAAQ,MAAA","ignoreList":[]}

package/dist/cjs/SwitchDemo.cjs

@@ -26,15 +26,15 @@ __export(SwitchDemo_exports, {
   SwitchWithLabel: () => SwitchWithLabel
 });
 module.exports = __toCommonJS(SwitchDemo_exports);
-var import_gui = require("@hanzo/gui");
+var import_hanzogui = require("hanzogui");
 var import_jsx_runtime = require("react/jsx-runtime");
 function SwitchDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
       width: 200,
       items: "center",
       gap: "$3",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
         gap: "$3",
         $xs: {
           flexDirection: "column"
@@ -45,7 +45,7 @@ function SwitchDemo() {
           size: "$2",
           defaultChecked: true
         })]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
         gap: "$3",
         $xs: {
           flexDirection: "column"
@@ -56,7 +56,7 @@ function SwitchDemo() {
           size: "$3",
           defaultChecked: true
         })]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
         gap: "$3",
         $xs: {
           flexDirection: "column"
@@ -73,21 +73,21 @@ function SwitchDemo() {
 }
 function SwitchWithLabel(props) {
   const id = `switch-${props.size.toString().slice(1)}-${props.defaultChecked ?? ""}}`;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
     width: 200,
     items: "center",
     gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
       pr: "$0",
       minW: 90,
       justify: "flex-end",
       size: props.size,
       htmlFor: id,
       children: "Accept"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Separator, {
       minH: 20,
       vertical: true
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Switch, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Switch, {
       id,
       transition: "300ms",
       size: props.size,
@@ -95,7 +95,7 @@ function SwitchWithLabel(props) {
       activeStyle: {
         backgroundColor: "$color6"
       },
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Switch.Thumb, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Switch.Thumb, {
         transition: "quickest"
       })
     })]

package/dist/cjs/SwitchDemo.native.js

@@ -29,14 +29,14 @@ __export(SwitchDemo_exports, {
 });
 module.exports = __toCommonJS(SwitchDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_gui = require("@hanzo/gui");
+var import_hanzogui = require("hanzogui");
 function SwitchDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
       width: 200,
       items: "center",
       gap: "$3",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
         gap: "$3",
         $xs: {
           flexDirection: "column"
@@ -47,7 +47,7 @@ function SwitchDemo() {
           size: "$2",
           defaultChecked: true
         })]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
         gap: "$3",
         $xs: {
           flexDirection: "column"
@@ -58,7 +58,7 @@ function SwitchDemo() {
           size: "$3",
           defaultChecked: true
         })]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
         gap: "$3",
         $xs: {
           flexDirection: "column"
@@ -76,21 +76,21 @@ function SwitchDemo() {
 function SwitchWithLabel(props) {
   var _props_defaultChecked;
   var id = `switch-${props.size.toString().slice(1)}-${(_props_defaultChecked = props.defaultChecked) !== null && _props_defaultChecked !== void 0 ? _props_defaultChecked : ""}}`;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
     width: 200,
     items: "center",
     gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
       pr: "$0",
       minW: 90,
       justify: "flex-end",
       size: props.size,
       htmlFor: id,
       children: "Accept"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Separator, {
       minH: 20,
       vertical: true
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Switch, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Switch, {
       id,
       transition: "300ms",
       size: props.size,
@@ -100,7 +100,7 @@ function SwitchWithLabel(props) {
       activeStyle: {
         backgroundColor: "$color6"
       },
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Switch.Thumb, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Switch.Thumb, {
         transition: "quickest"
       })
     })]

package/dist/cjs/SwitchDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SwitchDemo_exports","__export","SwitchDemo","SwitchWithLabel","module","exports","import_jsx_runtime","require","import_gui","jsx","Fragment","children","jsxs","YStack","width","items","gap","XStack","$xs","flexDirection","size","defaultChecked"],"sources":["../../src/SwitchDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA,UAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAgEV,YAAA,CAAAK,kBAAA;AAI5D,IAAAM,kBAAA,GAAAC,OAAA;AAFG,IAAAC,UAAS,GAAAD,OAAa;AAC3B,SACEL,WAAA;EAEI,0BAAAI,kBAAA,CAAAG,GAAC,EAAAH,kBAAO,CAAAI,QAAI,EAAK;IACfC,QAAA,qBAAAL,kBAAC,CAAAM,IAAA,EAAAJ,UAAgB,CAAAK,MAAK;MACtBC,KAAA;MAA0CC,KAC5C;MACAC,GAAA;MACEL,QAAA,GACA,mBAAAL,kBAAA,CAAAM,IAAC,EAAAJ,UAAA,CAAAS,MAAgB;QACnBD,GAAA;QACAE,GAAA;UACEC,aAAA;QACA;QACFR,QAAA,GAEJ,mBAAAL,kBAAA,CAAAG,GAAA,EAAAN,eAAA;UAEJiB,IAAA;QAEgB,IAKR,eAAe,CAAM,GAAAd,kBAAgB,CAAMG,GAAE,EAAAN,eAAU;UAE3DiB,IAAA;UACEC,cAAA;QAGA;MACC,uBAAAf,kBAAA,CAAAM,IAAA,EAAAJ,UAAA,CAAAS,MAAA;QACCD,GAAA;QACAE,GAAA;UACAC,aAAY;QACZ;QAGAR,QAAA,GACE,eAAiB,IAAAL,kBAAA,CAAAG,GAAA,EAAAN,eAAA;UACnBiB,IAAA;QAEA,IAAoC,mBAAAd,kBAAA,CAAAG,GAAA,EAAAN,eAAA;UACtCiB,IAAA;UACFC,cAAA;QAEJ","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SwitchDemo_exports","__export","SwitchDemo","SwitchWithLabel","module","exports","import_jsx_runtime","require","import_hanzogui","jsx","Fragment","children","jsxs","YStack","width","items","gap","XStack","$xs","flexDirection","size","defaultChecked"],"sources":["../../src/SwitchDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA,UAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAV,YAAgE,CAAAK,kBAAA;AAI5D,IAAAM,kBAAA,GAAAC,OAAA;AAFG,IAAAC,eAAS,GAAaD,OAAA;AAC3B,SACEL,WAAA;EAEI,0BAAAI,kBAAA,CAAAG,GAAC,EAAAH,kBAAA,CAAAI,QAAW;IACVC,QAAA,qBAAAL,kBAAC,CAAAM,IAAA,EAAAJ,eAAgB,CAAKK,MAAK;MAC3BC,KAAA;MAA0CC,KAC5C;MACAC,GAAA;MACEL,QAAA,GACA,mBAAAL,kBAAA,CAAAM,IAAC,EAAAJ,eAAA,CAAgBS,MAAK;QACxBD,GAAA;QACAE,GAAA;UACEC,aAAA;QACA;QACFR,QAAA,GAEJ,mBAAAL,kBAAA,CAAAG,GAAA,EAAAN,eAAA;UAEJiB,IAAA;QAEgB,IAKR,eAAe,CAAM,GAAAd,kBAAgB,CAAMG,GAAE,EAAAN,eAAU;UAE3DiB,IAAA;UACEC,cAAA;QAGA;MACC,uBAAAf,kBAAA,CAAAM,IAAA,EAAAJ,eAAA,CAAAS,MAAA;QACCD,GAAA;QACAE,GAAA;UACAC,aAAY;QACZ;QAGAR,QAAA,GACE,eAAiB,IAAAL,kBAAA,CAAAG,GAAA,EAAAN,eAAA;UACnBiB,IAAA;QAEA,IAAoC,mBAAAd,kBAAA,CAAAG,GAAA,EAAAN,eAAA;UACtCiB,IAAA;UACFC,cAAA;QAEJ","ignoreList":[]}

package/dist/cjs/SwitchHeadlessDemo.cjs

@@ -39,17 +39,17 @@ module.exports = __toCommonJS(SwitchHeadlessDemo_exports);
 var import_react = __toESM(require("react"), 1);
 var import_switch_headless = require("@hanzogui/switch-headless");
 var import_react_native = require("react-native-web");
-var import_gui = require("@hanzo/gui");
+var import_hanzogui = require("hanzogui");
 var import_jsx_runtime = require("react/jsx-runtime");
 function SwitchHeadlessDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
     width: 200,
     items: "center",
     gap: "$3",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
       gap: "$3",
       items: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
         htmlFor: "headless",
         children: "Headless"
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(HeadlessSwitch, {

package/dist/cjs/SwitchHeadlessDemo.native.js

@@ -42,16 +42,16 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"), 1);
 var import_switch_headless = require("@hanzogui/switch-headless");
 var import_react_native = require("react-native");
-var import_gui = require("@hanzo/gui");
+var import_hanzogui = require("hanzogui");
 function SwitchHeadlessDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
     width: 200,
     items: "center",
     gap: "$3",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
       gap: "$3",
       items: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
         htmlFor: "headless",
         children: "Headless"
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(HeadlessSwitch, {

package/dist/cjs/SwitchHeadlessDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SwitchHeadlessDemo_exports","__export","SwitchHeadlessDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_switch_headless","import_react_native","import_gui","jsx","YStack","width","items","gap","children","jsxs","XStack","Label","htmlFor","HeadlessSwitch","defaultChecked","id","default","forwardRef","props","ref","checked","setChecked","useState","switchProps","switchRef","bubbleInput","useSwitch","animation","Animated","Value","useEffect","timing","toValue","duration","useNativeDriver","start","translateX","useMemo","interpolate","inputRange","outputRange","Fragment","Pressable","style","height"],"sources":["../../src/SwitchHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,0BAAA;AAElB,IAAAK,kBAAA,GAAAC,OAA0B;AAG1B,IAAAC,YAAA,GAAAC,OAAoC,CAAAF,OAAA;AACpC,IAAAG,sBAAsC,GAAAH,OAAA;AAKhC,IAAAI,mBAAA,GAAAJ,OAAA;AAHC,IAAAK,UAAS,GAAAL,OAAA,aAAqB;AACnC,SACEJ,mBAAA;EAEI,0BAAAG,kBAAA,CAACO,GAAA,EAAAD,UAAA,CAAAE,MAAM;IACPC,KAAA;IAA6CC,KAEjD;IAEJC,GAAA;IAEAC,QAAM,iBAAiB,IAAAZ,kBAAM,CAAAa,IAAuC,EAAAP,UAAO,CAAAQ,MAAQ;MACjFH,GAAO;MACPD,KAAQ;MACNE,QAAA,GACC,eAAmB,IAAAZ,kBAAA,CAAAO,GAAA,EAAAD,UAAA,CAAAS,KAAA;QACpBC,OAAA;QACFJ,QAAA;MAEM,CAAC,GAEP,eAAM,IAAAZ,kBAAgB,CAAAO,GAAA,EAAAU,cAAA;QACpBC,cAAA;QACEC,EAAA;MACA;IAEF,CAAC;EACH;AAEA;AAAyB,IACvBF,cACE,GAAU,eAAYf,YAAA,CAAAkB,OAAA,CAAAC,UAAA,WAAAC,KAAA,EAAAC,GAAA;EAAA,IACpB,CAAAC,OAAA,EAAAC,UAAiB,IAAAvB,YAAA,CAAAkB,OAAA,CAAAM,QAAA,CAAAJ,KAAA,CAAAJ,cAAA;EAAA,IACjB;IAAAS,WAAa;IAACC,SAAK;IAAAC;EAAA,QAAAzB,sBAAA,CAAA0B,SAAA,EAAAR,KAAA,GACrBE,OAAC,EACHC,UAAU,CACZ,EAAAF,GAAA;EAEA,KAAAQ,SACE,IAAA7B,YAAA,CAAAkB,OAAA,CAAAM,QAAA;IACE,WAAArB,mBAAA,CAAA2B,QAAA,CAAAC,KAAA;EAAA;EAAC/B,YAAA,CAAAkB,OAAA,CAAAc,SAAA;IAAA7B,mBACQ,CAAA2B,QAAA,CAAAG,MAAA,CAAAJ,SAAA;MAAAK,OACL,EAAAZ,OAAO;MAAAa,QACP,KAAQ;MAAAC,eACR;IAAc,GAAAC,KACd;EAAyC,IAC3Cf,OACA,EAAKO,SACD;EAEJ,IAAAS,UAAC,GAAAtC,YAAA,CAAAkB,OAAS,CAAAqB,OAAA;IAAA,OAATV,SAAA,CAAAW,WAAA;MAAAC,UACC,GAAO,GACL,EACmB;MACHC,WACd,GAAO,GACC;IAEV;EAC4B,IAC5Bb,SACF;EAAA,OACF,mBAAA/B,kBAAA,CAAAa,IAAA,EAAAb,kBAAA,CAAA6C,QAAA;IAAAjC,QAAA,GACF,mBAAAZ,kBAAA,CAAAO,GAAA,EAAAF,mBAAA,CAAAyC,SAAA;MACCC,KAAA;QACHtC,KAAA;QAEHuC,MAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SwitchHeadlessDemo_exports","__export","SwitchHeadlessDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_switch_headless","import_react_native","import_hanzogui","jsx","YStack","width","items","gap","children","jsxs","XStack","Label","htmlFor","HeadlessSwitch","defaultChecked","id","default","forwardRef","props","ref","checked","setChecked","useState","switchProps","switchRef","bubbleInput","useSwitch","animation","Animated","Value","useEffect","timing","toValue","duration","useNativeDriver","start","translateX","useMemo","interpolate","inputRange","outputRange","Fragment","Pressable","style","height"],"sources":["../../src/SwitchHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,0BAAA;AAElB,IAAAK,kBAAA,GAAAC,OAA0B;AAG1B,IAAAC,YAAA,GAAAC,OAAoC,CAAAF,OAAA;AACpC,IAAAG,sBAAsC,GAAAH,OAAA;AAKhC,IAAAI,mBAAA,GAAAJ,OAAA;AAHC,IAAAK,eAAS,GAAAL,OAAA,CAAqB;AACnC,SACEJ,mBAAA;EAEI,0BAAAG,kBAAA,CAACO,GAAA,EAAAD,eAAA,CAAAE,MAAM;IACPC,KAAA;IAA6CC,KAEjD;IAEJC,GAAA;IAEAC,QAAM,iBAAiB,IAAAZ,kBAAM,CAAAa,IAAuC,EAAAP,eAAe,CAAAQ,MAAA;MACjFH,GAAO;MACPD,KAAQ;MACNE,QAAA,GACC,eAAmB,IAAAZ,kBAAA,CAAAO,GAAA,EAAAD,eAAA,CAAAS,KAAA;QACpBC,OAAA;QACFJ,QAAA;MAEM,CAAC,GAEP,eAAM,IAAAZ,kBAAgB,CAAAO,GAAA,EAAAU,cAAA;QACpBC,cAAA;QACEC,EAAA;MACA;IAEF,CAAC;EACH;AAEA;AAAyB,IACvBF,cACE,GAAU,eAAYf,YAAA,CAAAkB,OAAA,CAAAC,UAAA,WAAAC,KAAA,EAAAC,GAAA;EAAA,IACpB,CAAAC,OAAA,EAAAC,UAAiB,IAAAvB,YAAA,CAAAkB,OAAA,CAAAM,QAAA,CAAAJ,KAAA,CAAAJ,cAAA;EAAA,IACjB;IAAAS,WAAa;IAACC,SAAK;IAAAC;EAAA,QAAAzB,sBAAA,CAAA0B,SAAA,EAAAR,KAAA,GACrBE,OAAC,EACHC,UAAU,CACZ,EAAAF,GAAA;EAEA,KAAAQ,SACE,IAAA7B,YAAA,CAAAkB,OAAA,CAAAM,QAAA;IACE,WAAArB,mBAAA,CAAA2B,QAAA,CAAAC,KAAA;EAAA;EAAC/B,YAAA,CAAAkB,OAAA,CAAAc,SAAA;IAAA7B,mBACQ,CAAA2B,QAAA,CAAAG,MAAA,CAAAJ,SAAA;MAAAK,OACL,EAAAZ,OAAO;MAAAa,QACP,KAAQ;MAAAC,eACR;IAAc,GAAAC,KACd;EAAyC,IAC3Cf,OACA,EAAKO,SACD;EAEJ,IAAAS,UAAC,GAAAtC,YAAA,CAAAkB,OAAS,CAAAqB,OAAA;IAAA,OAATV,SAAA,CAAAW,WAAA;MAAAC,UACC,GAAO,GACL,EACmB;MACHC,WACd,GAAO,GACC;IAEV;EAC4B,IAC5Bb,SACF;EAAA,OACF,mBAAA/B,kBAAA,CAAAa,IAAA,EAAAb,kBAAA,CAAA6C,QAAA;IAAAjC,QAAA,GACF,mBAAAZ,kBAAA,CAAAO,GAAA,EAAAF,mBAAA,CAAAyC,SAAA;MACCC,KAAA;QACHtC,KAAA;QAEHuC,MAAA","ignoreList":[]}

package/dist/cjs/SwitchUnstyledDemo.cjs

@@ -28,7 +28,7 @@ __export(SwitchUnstyledDemo_exports, {
 module.exports = __toCommonJS(SwitchUnstyledDemo_exports);
 var import_core = require("@hanzogui/core");
 var import_switch = require("@hanzogui/switch");
-var import_gui = require("@hanzo/gui");
+var import_hanzogui = require("hanzogui");
 var import_jsx_runtime = require("react/jsx-runtime");
 const Frame = (0, import_core.styled)(import_core.View, {
   width: 40,
@@ -69,14 +69,14 @@ const Switch = (0, import_switch.createSwitch)({
   Thumb
 });
 function SwitchUnstyledDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
     width: 200,
     items: "center",
     gap: "$3",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
       gap: "$3",
       items: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
         htmlFor: "unstyled-switch",
         children: "Unstyled"
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Switch, {

package/dist/cjs/SwitchUnstyledDemo.native.js

@@ -31,7 +31,7 @@ module.exports = __toCommonJS(SwitchUnstyledDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_core = require("@hanzogui/core");
 var import_switch = require("@hanzogui/switch");
-var import_gui = require("@hanzo/gui");
+var import_hanzogui = require("hanzogui");
 var Frame = (0, import_core.styled)(import_core.View, {
   width: 40,
   height: 20,
@@ -71,14 +71,14 @@ var Switch = (0, import_switch.createSwitch)({
   Thumb
 });
 function SwitchUnstyledDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
     width: 200,
     items: "center",
     gap: "$3",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
       gap: "$3",
       items: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
         htmlFor: "unstyled-switch",
         children: "Unstyled"
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Switch, {

package/dist/cjs/SwitchUnstyledDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SwitchUnstyledDemo_exports","__export","Switch","SwitchUnstyledDemo","module","exports","import_jsx_runtime","require","import_core","import_switch","import_gui","Frame","styled","View","width","height","rounded","variants","checked","true","backgroundColor","false","defaultVariants","Thumb","bg","opacity","createSwitch","jsx","YStack","items","gap"],"sources":["../../src/SwitchUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,MAAA,EAAAA,CAAA,KAAAA,MAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAA6B,CAAAK,0BAAA;AAC7B,IAAAM,kBAA6B,GAAAC,OAAA;AAC7B,IAAAC,WAAA,GAAsCD,OAAA;AA+ChC,IAAAE,aAAA,GAAAF,OAAA;AA7CN,IAAAG,UAAM,GAAAH,OAAQ,cAAO;AAAM,IACzBI,KAAO,OAAAH,WAAA,CAAAI,MAAA,EAAAJ,WAAA,CAAAK,IAAA;EACPC,KAAA,IAAQ;EACRC,MAAA,IAAS;EACTC,OAAA,IAAU;EAAAC,QACR;IAASC,OACP,EAAM;MAAAC,IACJ;QACFC,eAAA;MACA;MAAOC,KACL;QACFD,eAAA;MACF;IACF;EACA;EAAiBE,eACN;IACXJ,OAAA;EACD;AAED;AAA2B,IACzBK,KAAO,OAAAf,WAAA,CAAAI,MAAA,EAAAJ,WAAA,CAAAK,IAAA;EACPC,KAAA,IAAQ;EACRC,MAAI;EACJS,EAAA,SAAS;EAETR,OAAA,IAAU;EAAAC,QACR;IAASC,OACP,EAAM;MAAAC,IACJ;QACFM,OAAA;MACA;MAAOJ,KACL;QACFI,OAAA;MACF;IACF;EACD;AAEM;AAA4B,IACjCvB,MAAA,OAAAO,aAAA,CAAAiB,YAAA;EACAf,KAAA;EACDY;AAEM;AACL,SACEpB,mBAAA;EAEI,0BAAAG,kBAAA,CAACqB,GAAA,EAAAjB,UAAA,CAAAkB,MAAM;IACPd,KAAA;IAEAe,KAEJ;IAEJC,GAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SwitchUnstyledDemo_exports","__export","Switch","SwitchUnstyledDemo","module","exports","import_jsx_runtime","require","import_core","import_switch","import_hanzogui","Frame","styled","View","width","height","rounded","variants","checked","true","backgroundColor","false","defaultVariants","Thumb","bg","opacity","createSwitch","jsx","YStack","items","gap"],"sources":["../../src/SwitchUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,MAAA,EAAAA,CAAA,KAAAA,MAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAA6B,CAAAK,0BAAA;AAC7B,IAAAM,kBAA6B,GAAAC,OAAA;AAC7B,IAAAC,WAAA,GAAAD,OAAsC;AA+ChC,IAAAE,aAAA,GAAAF,OAAA;AA7CN,IAAAG,eAAc,GAAAH,OAAA,WAAO;AAAM,IACzBI,KAAO,OAAAH,WAAA,CAAAI,MAAA,EAAAJ,WAAA,CAAAK,IAAA;EACPC,KAAA,IAAQ;EACRC,MAAA,IAAS;EACTC,OAAA,IAAU;EAAAC,QACR;IAASC,OACP,EAAM;MAAAC,IACJ;QACFC,eAAA;MACA;MAAOC,KACL;QACFD,eAAA;MACF;IACF;EACA;EAAiBE,eACN;IACXJ,OAAA;EACD;AAED;AAA2B,IACzBK,KAAO,OAAAf,WAAA,CAAAI,MAAA,EAAAJ,WAAA,CAAAK,IAAA;EACPC,KAAA,IAAQ;EACRC,MAAI;EACJS,EAAA,SAAS;EAETR,OAAA,IAAU;EAAAC,QACR;IAASC,OACP,EAAM;MAAAC,IACJ;QACFM,OAAA;MACA;MAAOJ,KACL;QACFI,OAAA;MACF;IACF;EACD;AAEM;AAA4B,IACjCvB,MAAA,OAAAO,aAAA,CAAAiB,YAAA;EACAf,KAAA;EACDY;AAEM;AACL,SACEpB,mBAAA;EAEI,0BAAAG,kBAAA,CAACqB,GAAA,EAAAjB,eAAA,CAAAkB,MAAM;IACPd,KAAA;IAEAe,KAEJ;IAEJC,GAAA","ignoreList":[]}

package/dist/cjs/TabsAdvancedDemo.cjs

@@ -37,7 +37,7 @@ __export(TabsAdvancedDemo_exports, {
 });
 module.exports = __toCommonJS(TabsAdvancedDemo_exports);
 var import_react = __toESM(require("react"), 1);
-var import_gui = require("@hanzo/gui");
+var import_hanzogui = require("hanzogui");
 var import_jsx_runtime = require("react/jsx-runtime");
 const demos = ["background", "underline"];
 const demosTitle = {
@@ -48,7 +48,7 @@ const TabsAdvancedDemo = () => {
   const [demoIndex, setDemoIndex] = import_react.default.useState(0);
   const demo = demos[demoIndex];
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [demo === "underline" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsAdvancedUnderline, {}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsAdvancedBackground, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
+    children: [demo === "underline" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsAdvancedUnderline, {}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsAdvancedBackground, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
       items: "center",
       gap: "$4",
       position: "absolute",
@@ -57,7 +57,7 @@ const TabsAdvancedDemo = () => {
       $xxs: {
         display: "none"
       },
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
         size: "$2",
         onPress: () => setDemoIndex(x => (x + 1) % demos.length),
         children: demosTitle[demo]
@@ -104,7 +104,7 @@ const TabsAdvancedBackground = () => {
       setIntentIndicator(layout);
     }
   };
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tabs, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Tabs, {
     value: currentTab,
     onValueChange: setCurrentTab,
     orientation: "horizontal",
@@ -115,7 +115,7 @@ const TabsAdvancedBackground = () => {
     activationMode: "manual",
     bg: "$background",
     rounded: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AnimatePresence, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.AnimatePresence, {
       children: intentAt && /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsRovingIndicator, {
         rounded: "$4",
         width: intentAt.width,
@@ -123,7 +123,7 @@ const TabsAdvancedBackground = () => {
         x: intentAt.x,
         y: intentAt.y
       })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AnimatePresence, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.AnimatePresence, {
       children: activeAt && /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsRovingIndicator, {
         rounded: "$4",
         theme: "accent",
@@ -132,55 +132,52 @@ const TabsAdvancedBackground = () => {
         x: activeAt.x,
         y: activeAt.y
       })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
       position: "relative",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tabs.List, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Tabs.List, {
         loop: false,
         "aria-label": "Manage your account",
         gap: "$2",
         backgroundColor: "transparent",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Tabs.Tab, {
           unstyled: true,
-          paddingVertical: "$2",
           paddingHorizontal: "$3",
           value: "tab1",
           onInteraction: handleOnInteraction,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
             children: "Profile"
           })
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Tabs.Tab, {
           unstyled: true,
-          paddingVertical: "$2",
           paddingHorizontal: "$3",
           value: "tab2",
           onInteraction: handleOnInteraction,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
             children: "Connections"
           })
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Tabs.Tab, {
           unstyled: true,
-          paddingVertical: "$2",
           paddingHorizontal: "$3",
           value: "tab3",
           onInteraction: handleOnInteraction,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
             children: "Notifications"
           })
         })]
       })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AnimatePresence, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.AnimatePresence, {
       exitBeforeEnter: true,
       custom: {
         direction
       },
       initial: false,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(AnimatedYStack, {
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Content, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Tabs.Content, {
           value: currentTab,
           forceMount: true,
           flex: 1,
           justify: "center",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.H5, {
             text: "center",
             children: currentTab
           })
@@ -228,7 +225,7 @@ const TabsAdvancedUnderline = () => {
       setIntentIndicator(layout);
     }
   };
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tabs, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Tabs, {
     value: currentTab,
     onValueChange: setCurrentTab,
     orientation: "horizontal",
@@ -238,16 +235,16 @@ const TabsAdvancedUnderline = () => {
     activationMode: "manual",
     bg: "$background",
     rounded: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
       position: "relative",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AnimatePresence, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.AnimatePresence, {
         children: intentAt && /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsRovingIndicator, {
           width: intentAt.width,
           height: "$0.5",
           x: intentAt.x,
           b: 0
         })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AnimatePresence, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.AnimatePresence, {
         children: activeAt && /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsRovingIndicator, {
           theme: "accent",
           active: true,
@@ -256,7 +253,7 @@ const TabsAdvancedUnderline = () => {
           x: activeAt.x,
           b: 0
         })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tabs.List, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Tabs.List, {
         loop: false,
         "aria-label": "Manage your account",
         borderBottomLeftRadius: 0,
@@ -265,49 +262,52 @@ const TabsAdvancedUnderline = () => {
         borderColor: "$color3",
         borderBottomWidth: "$0.5",
         backgroundColor: "transparent",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Tabs.Tab, {
           unstyled: true,
           paddingHorizontal: "$3",
-          paddingVertical: "$2",
           value: "tab1",
           onInteraction: handleOnInteraction,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+            select: "none",
+            cursor: "default",
             children: "Profile"
           })
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Tabs.Tab, {
           unstyled: true,
           paddingHorizontal: "$3",
-          paddingVertical: "$2",
           value: "tab2",
           onInteraction: handleOnInteraction,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+            select: "none",
+            cursor: "default",
             children: "Connections"
           })
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Tabs.Tab, {
           unstyled: true,
           paddingHorizontal: "$3",
-          paddingVertical: "$2",
           value: "tab3",
           onInteraction: handleOnInteraction,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+            select: "none",
+            cursor: "default",
             children: "Notifications"
           })
         })]
       })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AnimatePresence, {
-      exitBeforeEnter: true,
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.AnimatePresence, {
+      mode: "wait",
       custom: {
         direction
       },
       initial: false,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(AnimatedYStack, {
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Content, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Tabs.Content, {
           value: currentTab,
           forceMount: true,
           flex: 1,
           justify: "center",
           flexBasis: "auto",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.H5, {
             text: "center",
             children: currentTab
           })
@@ -320,7 +320,7 @@ const TabsRovingIndicator = ({
   active,
   ...props
 }) => {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
     position: "absolute",
     backgroundColor: "$color5",
     opacity: 0.7,
@@ -332,13 +332,13 @@ const TabsRovingIndicator = ({
       opacity: 0
     },
     ...(active && {
-      backgroundColor: "$color8",
+      backgroundColor: "$color5",
       opacity: 0.6
     }),
     ...props
   });
 };
-const AnimatedYStack = (0, import_gui.styled)(import_gui.YStack, {
+const AnimatedYStack = (0, import_hanzogui.styled)(import_hanzogui.YStack, {
   flex: 1,
   x: 0,
   opacity: 1,