@hanzogui/demos 4.4.0 → 8.0.0

package/dist/cjs/TabsDemo.native.js

@@ -40,7 +40,7 @@ __export(TabsDemo_exports, {
 module.exports = __toCommonJS(TabsDemo_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");
 var demos = ["horizontal", "vertical"];
 var demosTitle = {
   horizontal: "Horizontal",
@@ -49,12 +49,12 @@ var demosTitle = {
 function TabsDemo() {
   var [demoIndex, setDemoIndex] = import_react.default.useState(0);
   var demo = demos[demoIndex];
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
     px: "$4",
-    ...(import_gui.isWeb && {
+    ...(import_hanzogui.isWeb && {
       position: "unset"
     }),
-    children: [demo === "horizontal" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(HorizontalTabs, {}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(VerticalTabs, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
+    children: [demo === "horizontal" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(HorizontalTabs, {}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(VerticalTabs, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
       items: "center",
       gap: "$4",
       position: "absolute",
@@ -63,7 +63,7 @@ function TabsDemo() {
       $maxXs: {
         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: function () {
           return setDemoIndex(function (x) {
@@ -78,8 +78,8 @@ function TabsDemo() {
 var HorizontalTabs = function () {
   var {
     width
-  } = (0, import_gui.useWindowDimensions)();
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tabs, {
+  } = (0, import_hanzogui.useWindowDimensions)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Tabs, {
     defaultValue: "tab1",
     orientation: "horizontal",
     flexDirection: "column",
@@ -91,65 +91,65 @@ var HorizontalTabs = function () {
     rounded: "$4",
     borderWidth: "$0.25",
     borderColor: "$borderColor",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tabs.List, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Tabs.List, {
       "aria-label": "Manage your account",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Tabs.Tab, {
         activeStyle: {
           backgroundColor: "$color3"
         },
         flex: 1,
         value: "tab1",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
           fontFamily: "$body",
           text: "center",
           ellipsis: true,
           children: "Profile"
         })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Tabs.Tab, {
         activeStyle: {
           backgroundColor: "$color3"
         },
         flex: 1,
         value: "tab2",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
           fontFamily: "$body",
           text: "center",
           ellipsis: true,
           children: "Connections"
         })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Tabs.Tab, {
         activeStyle: {
           backgroundColor: "$color3"
         },
         flex: 1,
         value: "tab3",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
           fontFamily: "$body",
           text: "center",
           ellipsis: true,
           children: "Notifications"
         })
       })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
       value: "tab1",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.H5, {
         children: "Profile"
       })
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
       value: "tab2",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.H5, {
         children: "Connections"
       })
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
       value: "tab3",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.H5, {
         children: "Notifications"
       })
     })]
   });
 };
 var VerticalTabs = function () {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tabs, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Tabs, {
     defaultValue: "tab1",
     flexDirection: "row",
     orientation: "vertical",
@@ -158,50 +158,50 @@ var VerticalTabs = function () {
     borderWidth: "$0.25",
     overflow: "hidden",
     borderColor: "$borderColor",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tabs.List, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Tabs.List, {
       "aria-label": "Manage your account",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Tabs.Tab, {
         activeStyle: {
           backgroundColor: "$color3"
         },
         value: "tab1",
-        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, {
         activeStyle: {
           backgroundColor: "$color3"
         },
         value: "tab2",
-        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, {
         activeStyle: {
           backgroundColor: "$color3"
         },
         value: "tab3",
-        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.Separator, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Separator, {
       vertical: true
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
       value: "tab1",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.H5, {
         text: "center",
         children: "Profile"
       })
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
       value: "tab2",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.H5, {
         text: "center",
         children: "Connections"
       })
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
       value: "tab3",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.H5, {
         text: "center",
         children: "Notifications"
       })
@@ -209,7 +209,7 @@ var VerticalTabs = function () {
   });
 };
 var TabsContent = function (props) {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Content, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Tabs.Content, {
     bg: "$background",
     p: "$2",
     items: "center",

package/dist/cjs/TabsDemo.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","TabsDemo_exports","TabsDemo","module","exports","import_jsx_runtime","require","import_react","import_gui","demos","demosTitle","horizontal","vertical","demoIndex","setDemoIndex","default","useState","demo","jsxs","YStack","px","isWeb","position","children","jsx","HorizontalTabs","VerticalTabs","XStack","items","gap","b","l","$maxXs","display","Button","size","onPress","x","length","width","useWindowDimensions","Tabs","defaultValue","orientation","flexDirection","$maxMd","height","rounded","borderWidth","borderColor","List","Tab","activeStyle","backgroundColor","flex","SizableText","fontFamily","text","ellipsis","Separator","TabsContent","H5","overflow","props","Content","bg","p","justify","borderTopLeftRadius","borderTopRightRadius"],"sources":["TabsDemo.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 TabsDemo_exports = {};\n__export(TabsDemo_exports, {\n  TabsDemo: () => TabsDemo\n});\nmodule.exports = __toCommonJS(TabsDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_gui = require(\"@hanzo/gui\");\nvar demos = [\n  \"horizontal\",\n  \"vertical\"\n];\nvar demosTitle = {\n  horizontal: \"Horizontal\",\n  vertical: \"Vertical\"\n};\nfunction TabsDemo() {\n  var [demoIndex, setDemoIndex] = import_react.default.useState(0);\n  var demo = demos[demoIndex];\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n    px: \"$4\",\n    ...import_gui.isWeb && {\n      position: \"unset\"\n    },\n    children: [\n      demo === \"horizontal\" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HorizontalTabs, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(VerticalTabs, {}),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.XStack, {\n        items: \"center\",\n        gap: \"$4\",\n        position: \"absolute\",\n        b: \"$3\",\n        l: \"$4\",\n        $maxXs: {\n          display: \"none\"\n        },\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n          size: \"$2\",\n          onPress: function() {\n            return setDemoIndex(function(x) {\n              return (x + 1) % demos.length;\n            });\n          },\n          children: demosTitle[demo]\n        })\n      })\n    ]\n  });\n}\nvar HorizontalTabs = function() {\n  var { width } = (0, import_gui.useWindowDimensions)();\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Tabs, {\n    defaultValue: \"tab1\",\n    orientation: \"horizontal\",\n    flexDirection: \"column\",\n    $maxMd: {\n      width: width - 32\n    },\n    width: 400,\n    height: 150,\n    rounded: \"$4\",\n    borderWidth: \"$0.25\",\n    borderColor: \"$borderColor\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Tabs.List, {\n        \"aria-label\": \"Manage your account\",\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {\n            activeStyle: {\n              backgroundColor: \"$color3\"\n            },\n            flex: 1,\n            value: \"tab1\",\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.SizableText, {\n              fontFamily: \"$body\",\n              text: \"center\",\n              ellipsis: true,\n              children: \"Profile\"\n            })\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {\n            activeStyle: {\n              backgroundColor: \"$color3\"\n            },\n            flex: 1,\n            value: \"tab2\",\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.SizableText, {\n              fontFamily: \"$body\",\n              text: \"center\",\n              ellipsis: true,\n              children: \"Connections\"\n            })\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {\n            activeStyle: {\n              backgroundColor: \"$color3\"\n            },\n            flex: 1,\n            value: \"tab3\",\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.SizableText, {\n              fontFamily: \"$body\",\n              text: \"center\",\n              ellipsis: true,\n              children: \"Notifications\"\n            })\n          })\n        ]\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Separator, {}),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, {\n        value: \"tab1\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.H5, {\n          children: \"Profile\"\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, {\n        value: \"tab2\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.H5, {\n          children: \"Connections\"\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, {\n        value: \"tab3\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.H5, {\n          children: \"Notifications\"\n        })\n      })\n    ]\n  });\n};\nvar VerticalTabs = function() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Tabs, {\n    defaultValue: \"tab1\",\n    flexDirection: \"row\",\n    orientation: \"vertical\",\n    width: 400,\n    rounded: \"$4\",\n    borderWidth: \"$0.25\",\n    overflow: \"hidden\",\n    borderColor: \"$borderColor\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Tabs.List, {\n        \"aria-label\": \"Manage your account\",\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {\n            activeStyle: {\n              backgroundColor: \"$color3\"\n            },\n            value: \"tab1\",\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.SizableText, {\n              children: \"Profile\"\n            })\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {\n            activeStyle: {\n              backgroundColor: \"$color3\"\n            },\n            value: \"tab2\",\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.SizableText, {\n              children: \"Connections\"\n            })\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {\n            activeStyle: {\n              backgroundColor: \"$color3\"\n            },\n            value: \"tab3\",\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.SizableText, {\n              children: \"Notifications\"\n            })\n          })\n        ]\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Separator, {\n        vertical: true\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, {\n        value: \"tab1\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.H5, {\n          text: \"center\",\n          children: \"Profile\"\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, {\n        value: \"tab2\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.H5, {\n          text: \"center\",\n          children: \"Connections\"\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, {\n        value: \"tab3\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.H5, {\n          text: \"center\",\n          children: \"Notifications\"\n        })\n      })\n    ]\n  });\n};\nvar TabsContent = function(props) {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Tabs.Content, {\n    bg: \"$background\",\n    p: \"$2\",\n    items: \"center\",\n    justify: \"center\",\n    flex: 1,\n    borderColor: \"$background\",\n    rounded: \"$2\",\n    borderTopLeftRadius: 0,\n    borderTopRightRadius: 0,\n    borderWidth: \"$2\",\n    ...props,\n    children: props.children\n  }, \"tab3\");\n};\n//# sourceMappingURL=TabsDemo.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TabsDemo_exports","__export","TabsDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_hanzogui","demos","demosTitle","horizontal","vertical","demoIndex","setDemoIndex","default","useState","demo","jsxs","YStack","px","isWeb","position","children","jsx","HorizontalTabs","VerticalTabs","XStack","items","gap","b","l","$maxXs","display","Button","size","onPress","x","length","width","useWindowDimensions","Tabs","defaultValue","orientation","flexDirection","$maxMd","height","rounded","borderWidth","borderColor","List","Tab","activeStyle","backgroundColor","flex","SizableText","fontFamily","text","ellipsis","Separator","TabsContent","H5","overflow"],"sources":["../../src/TabsDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/TabsHeadlessDemo.cjs

@@ -30,17 +30,17 @@ __export(TabsHeadlessDemo_exports, {
 });
 module.exports = __toCommonJS(TabsHeadlessDemo_exports);
 var import_react = require("react");
-var import_gui = require("@hanzo/gui");
+var import_hanzogui = require("hanzogui");
 var import_tabs = require("@hanzogui/tabs");
 var import_get_button_sized = require("@hanzogui/get-button-sized");
 var import_jsx_runtime =
 // web only fix for position relative
 require("react/jsx-runtime");
 const demos = ["horizontal", "vertical"];
-const TabsFrame = (0, import_gui.styled)(import_gui.SizableStack, {
+const TabsFrame = (0, import_hanzogui.styled)(import_hanzogui.SizableStack, {
   name: "TabsFrame"
 });
-const TabFrame = (0, import_gui.styled)(import_gui.ThemeableStack, {
+const TabFrame = (0, import_hanzogui.styled)(import_hanzogui.ThemeableStack, {
   name: "TabsTrigger",
   render: "button",
   cursor: "pointer",
@@ -67,7 +67,7 @@ const TabFrame = (0, import_gui.styled)(import_gui.ThemeableStack, {
   }
 });
 const CONTENT_NAME = "TabsContent";
-const ContentFrame = (0, import_gui.styled)(import_gui.ThemeableStack, {
+const ContentFrame = (0, import_hanzogui.styled)(import_hanzogui.ThemeableStack, {
   name: CONTENT_NAME,
   flex: 1,
   p: "$6",
@@ -83,14 +83,14 @@ const CustomTabs = (0, import_tabs.createTabs)({
 });
 function TabsHeadlessDemo() {
   const [demo, setDemo] = (0, import_react.useState)(demos[0]);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
     px: "$4",
-    ...(import_gui.isWeb && {
+    ...(import_hanzogui.isWeb && {
       position: "static"
     }),
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsView, {
       flexDirection: demo === "horizontal" ? "row" : "column"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
       items: "center",
       gap: "$4",
       position: "absolute",
@@ -99,10 +99,10 @@ function TabsHeadlessDemo() {
       $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: () => setDemo(demo === "horizontal" ? "vertical" : "horizontal"),
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button.Text, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button.Text, {
           textTransform: "capitalize",
           children: demo
         })

package/dist/cjs/TabsHeadlessDemo.native.js

@@ -44,14 +44,14 @@ __export(TabsHeadlessDemo_exports, {
 module.exports = __toCommonJS(TabsHeadlessDemo_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");
 var import_tabs = require("@hanzogui/tabs");
 var import_get_button_sized = require("@hanzogui/get-button-sized");
 var demos = ["horizontal", "vertical"];
-var TabsFrame = (0, import_gui.styled)(import_gui.SizableStack, {
+var TabsFrame = (0, import_hanzogui.styled)(import_hanzogui.SizableStack, {
   name: "TabsFrame"
 });
-var TabFrame = (0, import_gui.styled)(import_gui.ThemeableStack, {
+var TabFrame = (0, import_hanzogui.styled)(import_hanzogui.ThemeableStack, {
   name: "TabsTrigger",
   render: "button",
   cursor: "pointer",
@@ -78,7 +78,7 @@ var TabFrame = (0, import_gui.styled)(import_gui.ThemeableStack, {
   }
 });
 var CONTENT_NAME = "TabsContent";
-var ContentFrame = (0, import_gui.styled)(import_gui.ThemeableStack, {
+var ContentFrame = (0, import_hanzogui.styled)(import_hanzogui.ThemeableStack, {
   name: CONTENT_NAME,
   flex: 1,
   p: "$6",
@@ -97,14 +97,14 @@ function TabsHeadlessDemo() {
   return (
     // web only fix for position relative
     /* @__PURE__ */
-    (0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+    (0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
       px: "$4",
-      ...(import_gui.isWeb && {
+      ...(import_hanzogui.isWeb && {
         position: "static"
       }),
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsView, {
         flexDirection: demo === "horizontal" ? "row" : "column"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
         items: "center",
         gap: "$4",
         position: "absolute",
@@ -113,12 +113,12 @@ function TabsHeadlessDemo() {
         $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: function () {
             return setDemo(demo === "horizontal" ? "vertical" : "horizontal");
           },
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button.Text, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button.Text, {
             textTransform: "capitalize",
             children: demo
           })

package/dist/cjs/TabsHeadlessDemo.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","TabsHeadlessDemo_exports","ContentFrame","CustomTabs","TabFrame","TabsFrame","TabsHeadlessDemo","module","exports","import_jsx_runtime","require","import_react","import_gui","import_tabs","import_get_button_sized","demos","styled","SizableStack","ThemeableStack","render","cursor","backgroundColor","variants","size","getButtonSized","disabled","true","pointerEvents","active","hoverStyle","focusStyle","CONTENT_NAME","flex","p","justify","items","bg","rounded","createTabs","demo","setDemo","useState","jsxs","YStack","px","isWeb","position","children","jsx","TabsView","flexDirection","XStack","gap","b","l","$xxs","display","Button","onPress","Text","textTransform","content","param","defaultValue","List","map","index","Tab","activeStyle","Content"],"sources":["TabsHeadlessDemo.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 TabsHeadlessDemo_exports = {};\n__export(TabsHeadlessDemo_exports, {\n  ContentFrame: () => ContentFrame,\n  CustomTabs: () => CustomTabs,\n  TabFrame: () => TabFrame,\n  TabsFrame: () => TabsFrame,\n  TabsHeadlessDemo: () => TabsHeadlessDemo\n});\nmodule.exports = __toCommonJS(TabsHeadlessDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_gui = require(\"@hanzo/gui\");\nvar import_tabs = require(\"@hanzogui/tabs\");\nvar import_get_button_sized = require(\"@hanzogui/get-button-sized\");\nvar demos = [\n  \"horizontal\",\n  \"vertical\"\n];\nvar TabsFrame = (0, import_gui.styled)(import_gui.SizableStack, {\n  name: \"TabsFrame\"\n});\nvar TabFrame = (0, import_gui.styled)(import_gui.ThemeableStack, {\n  name: \"TabsTrigger\",\n  render: \"button\",\n  cursor: \"pointer\",\n  backgroundColor: \"transparent\",\n  variants: {\n    size: {\n      \"...size\": import_get_button_sized.getButtonSized\n    },\n    disabled: {\n      true: {\n        pointerEvents: \"none\"\n      }\n    },\n    active: {\n      true: {\n        hoverStyle: {\n          backgroundColor: \"$background\"\n        },\n        focusStyle: {\n          backgroundColor: \"$background\"\n        }\n      }\n    }\n  }\n});\nvar CONTENT_NAME = \"TabsContent\";\nvar ContentFrame = (0, import_gui.styled)(import_gui.ThemeableStack, {\n  name: CONTENT_NAME,\n  flex: 1,\n  p: \"$6\",\n  justify: \"center\",\n  items: \"center\",\n  bg: \"$color4\",\n  rounded: \"$4\"\n});\nvar CustomTabs = (0, import_tabs.createTabs)({\n  TabsFrame,\n  TabFrame,\n  ContentFrame\n});\nfunction TabsHeadlessDemo() {\n  var [demo, setDemo] = (0, import_react.useState)(demos[0]);\n  return (\n    // web only fix for position relative\n    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n      px: \"$4\",\n      ...import_gui.isWeb && {\n        position: \"static\"\n      },\n      children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsView, {\n          flexDirection: demo === \"horizontal\" ? \"row\" : \"column\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.XStack, {\n          items: \"center\",\n          gap: \"$4\",\n          position: \"absolute\",\n          b: \"$3\",\n          l: \"$4\",\n          $xxs: {\n            display: \"none\"\n          },\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n            size: \"$2\",\n            onPress: function() {\n              return setDemo(demo === \"horizontal\" ? \"vertical\" : \"horizontal\");\n            },\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button.Text, {\n              textTransform: \"capitalize\",\n              children: demo\n            })\n          })\n        })\n      ]\n    })\n  );\n}\nvar content = [\n  \"Home\",\n  \"Profile\",\n  \"Settings\"\n];\nvar TabsView = function(param) {\n  var { flexDirection = \"row\" } = param;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CustomTabs, {\n    flexDirection: flexDirection === \"column\" ? \"row\" : \"column\",\n    defaultValue: content[0],\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomTabs.List, {\n        flexDirection,\n        children: content.map(function(name, index) {\n          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomTabs.Tab, {\n            value: name,\n            activeStyle: {\n              backgroundColor: \"transparent\"\n            },\n            children: name\n          }, index);\n        })\n      }),\n      content.map(function(name, index) {\n        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomTabs.Content, {\n          value: name,\n          children: name\n        }, index);\n      })\n    ]\n  });\n};\n//# sourceMappingURL=TabsHeadlessDemo.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["to","__toESM","mod","isNodeMode","target","__create","__getProtoOf","__copyProps","__esModule","__defProp","value","enumerable","__toCommonJS","TabsHeadlessDemo_exports","__export","ContentFrame","CustomTabs","TabFrame","TabsFrame","TabsHeadlessDemo","module","exports","import_jsx_runtime","require","import_react","import_hanzogui","import_tabs","import_get_button_sized","demos","styled","SizableStack","name","ThemeableStack","render","cursor","backgroundColor","variants","size","getButtonSized","disabled","true","pointerEvents","active","hoverStyle","focusStyle","CONTENT_NAME","flex","p","justify","items","bg","rounded","createTabs","demo","setDemo","useState","jsxs","YStack","px","isWeb","position","children","jsx","TabsView","flexDirection","XStack","gap","b","l","$xxs","display","Button","onPress","Text","textTransform","content","param"],"sources":["../../src/TabsHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/TextDemo.cjs

@@ -25,25 +25,25 @@ __export(TextDemo_exports, {
   TextDemo: () => TextDemo
 });
 module.exports = __toCommonJS(TextDemo_exports);
-var import_gui = require("@hanzo/gui");
+var import_hanzogui = require("hanzogui");
 var import_jsx_runtime = require("react/jsx-runtime");
 function TextDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
     gap: "$2",
     items: "center",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
       size: "$3",
       children: "SizableText"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
       size: "$2",
       fontWeight: "800",
       children: "Paragraph"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Paragraph, {
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Strong, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Paragraph, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Strong, {
         children: "Strong"
-      }), ", ", /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Em, {
+      }), ", ", /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Em, {
         children: "Em"
-      }), ", ", /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Span, {
+      }), ", ", /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Span, {
         children: "Span"
       })]
     })]

package/dist/cjs/TextDemo.native.js

@@ -28,24 +28,24 @@ __export(TextDemo_exports, {
 });
 module.exports = __toCommonJS(TextDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_gui = require("@hanzo/gui");
+var import_hanzogui = require("hanzogui");
 function TextDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
     gap: "$2",
     items: "center",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
       size: "$3",
       children: "SizableText"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
       size: "$2",
       fontWeight: "800",
       children: "Paragraph"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Paragraph, {
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Strong, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Paragraph, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Strong, {
         children: "Strong"
-      }), ", ", /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Em, {
+      }), ", ", /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Em, {
         children: "Em"
-      }), ", ", /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Span, {
+      }), ", ", /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Span, {
         children: "Span"
       })]
     })]

package/dist/cjs/TextDemo.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","TextDemo_exports","TextDemo","module","exports","import_jsx_runtime","require","import_gui","jsxs","YStack","gap","items","children","jsx","SizableText","size","Paragraph","fontWeight","Strong","Em","Span"],"sources":["TextDemo.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 TextDemo_exports = {};\n__export(TextDemo_exports, {\n  TextDemo: () => TextDemo\n});\nmodule.exports = __toCommonJS(TextDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_gui = require(\"@hanzo/gui\");\nfunction TextDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n    gap: \"$2\",\n    items: \"center\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.SizableText, {\n        size: \"$3\",\n        children: \"SizableText\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Paragraph, {\n        size: \"$2\",\n        fontWeight: \"800\",\n        children: \"Paragraph\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Paragraph, {\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Strong, {\n            children: \"Strong\"\n          }),\n          \", \",\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Em, {\n            children: \"Em\"\n          }),\n          \", \",\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Span, {\n            children: \"Span\"\n          })\n        ]\n      })\n    ]\n  });\n}\n//# sourceMappingURL=TextDemo.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TextDemo_exports","__export","TextDemo","module","exports","import_jsx_runtime","require","import_hanzogui","jsxs","YStack","gap","items","children","jsx","SizableText","size","Paragraph","fontWeight"],"sources":["../../src/TextDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAiE,CAAAK,gBAAA;AAK3D,IAAAK,kBAAA,GAAAC,OAAA;AAHC,IAAAC,eAAS,GAAWD,OAAA;AACzB,SACEJ,SAAA;EACE,0BAAAG,kBAAA,CAACG,IAAA,EAAAD,eAAA,CAAAE,MAAA;IACDC,GAAA;IAGAC,KAAA;IACEC,QAAA,GAAuB,mBAAAP,kBAAA,CAAAQ,GAAA,EAAAN,eAAA,CAAAO,WAAA;MAAEC,IAAA;MAAWH,QAAA;IAAE,IAAU,eAClD,IAAAP,kBAAA,CAAAQ,GAAA,EAAAN,eAAA,CAAAS,SAAA;MACFD,IAAA;MAEJE,UAAA","ignoreList":[]}

package/dist/cjs/ThemeBuilderDemo.cjs

@@ -25,13 +25,13 @@ __export(ThemeBuilderDemo_exports, {
   ThemeBuilderDemo: () => ThemeBuilderDemo
 });
 module.exports = __toCommonJS(ThemeBuilderDemo_exports);
-var import_gui = require("@hanzo/gui");
+var import_hanzogui = require("hanzogui");
 var import_jsx_runtime = require("react/jsx-runtime");
 function ThemeBuilderDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
     fullscreen: true,
     overflow: "hidden",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
       maxH: 200,
       y: -100,
       x: -50,
@@ -100,76 +100,76 @@ function ThemeBuilderDemo() {
 }
 function Col(props) {
   const subTheme = props.subTheme ? `_${props.subTheme}` : "";
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
     p: "$2.5",
     gap: "$3.5",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
       rounded: "$6",
       size: "$10",
       theme: props.subTheme,
       bg: "$background",
       ...props
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
       rounded: "$6",
       size: "$10",
       theme: "orange" + subTheme,
       bg: "$background",
       ...props
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
       rounded: "$6",
       size: "$10",
       theme: "yellow" + subTheme,
       bg: "$background",
       ...props
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
       rounded: "$6",
       size: "$10",
       theme: "green" + subTheme,
       bg: "$background",
       ...props
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
       rounded: "$6",
       size: "$10",
       theme: "blue" + subTheme,
       bg: "$background",
       ...props
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
       rounded: "$6",
       size: "$10",
       theme: "purple" + subTheme,
       bg: "$background",
       ...props
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
       rounded: "$6",
       size: "$10",
       theme: "pink" + subTheme,
       bg: "$background",
       ...props
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
       rounded: "$6",
       size: "$10",
       theme: "red" + subTheme,
       bg: "$background",
       ...props
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
       rounded: "$6",
       size: "$10",
       theme: props.subTheme,
       bg: "$background",
       ...props
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
       rounded: "$6",
       size: "$10",
       theme: "orange" + subTheme,
       bg: "$background",
       ...props
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
       rounded: "$6",
       size: "$10",
       theme: "yellow" + subTheme,
       bg: "$background",
       ...props
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
       rounded: "$6",
       size: "$10",
       theme: "green" + subTheme,