@hanzogui/demos 4.4.0 → 8.0.0

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":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","SwitchDemo_exports","SwitchDemo","SwitchWithLabel","module","exports","import_jsx_runtime","require","import_gui","jsx","Fragment","children","jsxs","YStack","width","items","gap","XStack","$xs","flexDirection","size","defaultChecked","props","_props_defaultChecked","id","toString","slice","Label","pr","minW","justify","htmlFor","Separator","minH","vertical","Switch","transition","activeStyle","backgroundColor","Thumb"],"sources":["SwitchDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar SwitchDemo_exports = {};\n__export(SwitchDemo_exports, {\n  SwitchDemo: () => SwitchDemo,\n  SwitchWithLabel: () => SwitchWithLabel\n});\nmodule.exports = __toCommonJS(SwitchDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_gui = require(\"@hanzo/gui\");\nfunction SwitchDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n      width: 200,\n      items: \"center\",\n      gap: \"$3\",\n      children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n          gap: \"$3\",\n          $xs: {\n            flexDirection: \"column\"\n          },\n          children: [\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, {\n              size: \"$2\"\n            }),\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, {\n              size: \"$2\",\n              defaultChecked: true\n            })\n          ]\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n          gap: \"$3\",\n          $xs: {\n            flexDirection: \"column\"\n          },\n          children: [\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, {\n              size: \"$3\"\n            }),\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, {\n              size: \"$3\",\n              defaultChecked: true\n            })\n          ]\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n          gap: \"$3\",\n          $xs: {\n            flexDirection: \"column\"\n          },\n          children: [\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, {\n              size: \"$4\"\n            }),\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, {\n              size: \"$4\",\n              defaultChecked: true\n            })\n          ]\n        })\n      ]\n    })\n  });\n}\nfunction SwitchWithLabel(props) {\n  var _props_defaultChecked;\n  var id = `switch-${props.size.toString().slice(1)}-${(_props_defaultChecked = props.defaultChecked) !== null && _props_defaultChecked !== void 0 ? _props_defaultChecked : \"\"}}`;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n    width: 200,\n    items: \"center\",\n    gap: \"$4\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Label, {\n        pr: \"$0\",\n        minW: 90,\n        justify: \"flex-end\",\n        size: props.size,\n        htmlFor: id,\n        children: \"Accept\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Separator, {\n        minH: 20,\n        vertical: true\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Switch, {\n        id,\n        transition: \"300ms\",\n        size: props.size,\n        defaultChecked: props.defaultChecked,\n        // use activeStyle to choose youra active color\n        // default to $backgroundActive unless \"unstyled\" boolean prop is on\n        activeStyle: {\n          backgroundColor: \"$color6\"\n        },\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Switch.Thumb, {\n          transition: \"quickest\"\n        })\n      })\n    ]\n  });\n}\n//# sourceMappingURL=SwitchDemo.js.map\n"],"mappings":"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","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":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","SwitchHeadlessDemo_exports","SwitchHeadlessDemo","module","exports","import_jsx_runtime","require","import_react","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","borderRadius","backgroundColor","View","transform"],"sources":["SwitchHeadlessDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar SwitchHeadlessDemo_exports = {};\n__export(SwitchHeadlessDemo_exports, {\n  SwitchHeadlessDemo: () => SwitchHeadlessDemo\n});\nmodule.exports = __toCommonJS(SwitchHeadlessDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_switch_headless = require(\"@hanzogui/switch-headless\");\nvar import_react_native = require(\"react-native\");\nvar import_gui = require(\"@hanzo/gui\");\nfunction SwitchHeadlessDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.YStack, {\n    width: 200,\n    items: \"center\",\n    gap: \"$3\",\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n      gap: \"$3\",\n      items: \"center\",\n      children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Label, {\n          htmlFor: \"headless\",\n          children: \"Headless\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HeadlessSwitch, {\n          defaultChecked: true,\n          id: \"headless\"\n        })\n      ]\n    })\n  });\n}\nvar HeadlessSwitch = /* @__PURE__ */ import_react.default.forwardRef(function(props, ref) {\n  var [checked, setChecked] = import_react.default.useState(props.defaultChecked || false);\n  var { switchProps, switchRef, bubbleInput } = (0, import_switch_headless.useSwitch)(props, [\n    checked,\n    setChecked\n  ], ref);\n  var [animation] = import_react.default.useState(function() {\n    return new import_react_native.Animated.Value(0);\n  });\n  import_react.default.useEffect(function() {\n    import_react_native.Animated.timing(animation, {\n      toValue: checked ? 1 : 0,\n      duration: 100,\n      useNativeDriver: true\n    }).start();\n  }, [\n    checked,\n    animation\n  ]);\n  var translateX = import_react.default.useMemo(function() {\n    return animation.interpolate({\n      inputRange: [\n        0,\n        1\n      ],\n      outputRange: [\n        0,\n        20\n      ]\n    });\n  }, [\n    animation\n  ]);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Pressable, {\n        style: {\n          width: 40,\n          height: 20,\n          borderRadius: 100,\n          backgroundColor: checked ? \"lightblue\" : \"silver\"\n        },\n        ref: switchRef,\n        ...switchProps,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Animated.View, {\n          style: [\n            {\n              backgroundColor: \"black\",\n              borderRadius: 100,\n              width: 20,\n              height: 20\n            },\n            {\n              transform: [\n                {\n                  translateX\n                }\n              ]\n            }\n          ]\n        })\n      }),\n      bubbleInput\n    ]\n  });\n});\n//# sourceMappingURL=SwitchHeadlessDemo.js.map\n"],"mappings":"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","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":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","SwitchUnstyledDemo_exports","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","children","jsxs","XStack","Label","htmlFor","defaultChecked","id","transition"],"sources":["SwitchUnstyledDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar SwitchUnstyledDemo_exports = {};\n__export(SwitchUnstyledDemo_exports, {\n  Switch: () => Switch,\n  SwitchUnstyledDemo: () => SwitchUnstyledDemo\n});\nmodule.exports = __toCommonJS(SwitchUnstyledDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@hanzogui/core\");\nvar import_switch = require(\"@hanzogui/switch\");\nvar import_gui = require(\"@hanzo/gui\");\nvar Frame = (0, import_core.styled)(import_core.View, {\n  width: 40,\n  height: 20,\n  rounded: 20,\n  variants: {\n    checked: {\n      true: {\n        backgroundColor: \"lightblue\"\n      },\n      false: {\n        backgroundColor: \"silver\"\n      }\n    }\n  },\n  defaultVariants: {\n    checked: false\n  }\n});\nvar Thumb = (0, import_core.styled)(import_core.View, {\n  width: 20,\n  height: 20,\n  bg: \"black\",\n  rounded: 20,\n  variants: {\n    checked: {\n      true: {\n        opacity: 0.8\n      },\n      false: {\n        opacity: 0.5\n      }\n    }\n  }\n});\nvar Switch = (0, import_switch.createSwitch)({\n  Frame,\n  Thumb\n});\nfunction SwitchUnstyledDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.YStack, {\n    width: 200,\n    items: \"center\",\n    gap: \"$3\",\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n      gap: \"$3\",\n      items: \"center\",\n      children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Label, {\n          htmlFor: \"unstyled-switch\",\n          children: \"Unstyled\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Switch, {\n          defaultChecked: true,\n          id: \"unstyled-switch\",\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Switch.Thumb, {\n            transition: \"quickest\"\n          })\n        })\n      ]\n    })\n  });\n}\n//# sourceMappingURL=SwitchUnstyledDemo.js.map\n"],"mappings":"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","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,