@hanzogui/demos 4.4.0 → 8.0.0

package/dist/cjs/ToastDuplicateDemo.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","ToastDuplicateDemo_exports","ToastDuplicateDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_toast","import_react","import_gui","savedCount","setSavedCount","default","useState","jsxs","YStack","items","children","jsx","Button","onPress","old","Array","map","_","index","Toast","viewportName","duration","enterStyle","opacity","scale","y","exitStyle","transition","XStack","gap","CheckCircle2","Title","Description"],"sources":["ToastDuplicateDemo.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 ToastDuplicateDemo_exports = {};\n__export(ToastDuplicateDemo_exports, {\n  ToastDuplicateDemo: () => ToastDuplicateDemo\n});\nmodule.exports = __toCommonJS(ToastDuplicateDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_lucide_icons_2 = require(\"@hanzogui/lucide-icons-2\");\nvar import_toast = require(\"@hanzogui/toast\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_gui = require(\"@hanzo/gui\");\nvar ToastDuplicateDemo = function() {\n  var [savedCount, setSavedCount] = import_react.default.useState(0);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n    items: \"center\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n        onPress: function() {\n          setSavedCount(function(old) {\n            return old + 1;\n          });\n        },\n        children: \"Show toast\"\n      }),\n      [\n        ...Array(savedCount)\n      ].map(function(_, index) {\n        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast, {\n          viewportName: (\n            // Sends to a viewport that supports multiple toasts with the `multipleToasts` prop\n            \"viewport-multiple\"\n          ),\n          duration: 4e3,\n          enterStyle: {\n            opacity: 0,\n            scale: 0.5,\n            y: -25\n          },\n          exitStyle: {\n            opacity: 0,\n            scale: 1,\n            y: -20\n          },\n          y: 0,\n          opacity: 1,\n          scale: 1,\n          transition: \"100ms\",\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n            gap: \"$4\",\n            items: \"center\",\n            children: [\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.YStack, {\n                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.CheckCircle2, {})\n              }),\n              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n                children: [\n                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Title, {\n                    children: \"Successfully saved!\"\n                  }),\n                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Description, {\n                    children: \"Don't worry... We've got your data.\"\n                  })\n                ]\n              })\n            ]\n          })\n        }, index);\n      })\n    ]\n  });\n};\n//# sourceMappingURL=ToastDuplicateDemo.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToastDuplicateDemo_exports","__export","ToastDuplicateDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_v2","import_hanzogui","jsxs","Toast","children","jsx","Viewport","ToastList","YStack","items","Button","onPress","toast","description","toasts","useToasts","Fragment","map","t","index","Item"],"sources":["../../src/ToastDuplicateDemo.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,YAA6B,CAAAK,0BAAA;AAC7B,IAAAK,kBAAwC,GAAAC,OAAA;AACxC,IAAAC,qBAAuC,GAAAD,OAAA;AAOnC,IAAAE,SAAA,GAAAF,OAAA;AAFG,IAAAG,eAAM,GAAAH,OAAqB,WAAM;AACtC,IAAAJ,kBACE,YAAAA,CAAA;EACE,0BAAAG,kBAAA,CAACK,IAAA,EAAAF,SAAA,CAAMG,KAAA;IAIPC,QAAA,GACG,mBAAAP,kBAAA,CAAAQ,GAAA,EAAAL,SAAA,CAAAG,KAAA,CAAAG,QAAA;MAAAF,QAAA,qBAAAP,kBAAA,CAAAQ,GAAA,EAAAE,SAAA;IAAA,EACC,EACE,mBAAAV,kBAAM,CAAAQ,GAAA,EAAAJ,eAAuB,CAAAO,MAAA;MAAAC,KAC3B;MAAaL,QACd,qBAAAP,kBAAA,CAAAQ,GAAA,EAAAJ,eAAA,CAAAS,MAAA;QACHC,OAAA,WAAAA,CAAA;UACD,IAAAX,SAAA,CAAAY,KAAA;YAAAC,WAAA;UAGH;QACF;QAEJT,QAAA;MAEM;IACJ,EAAM;EAOI;AAEA;AAGE,IAAAG,SAAA,YAAAA,CAAA;EAEA,IACC;IAAEO;EAAA,QACDd,SAAA,CAAAe,SAAA;EAEA,OAEJ,mBAAAlB,kBAAA,CAAAQ,GAAA,EAAAR,kBAAA,CAAAmB,QAAA;IAAAZ,QAfe,EAiBnBU,MAEJ,CAAAG,GAAA,WAAAC,CAAA,EAAAC,KAAA;MAEJ,0BAAAtB,kBAAA,CAAAQ,GAAA,EAAAL,SAAA,CAAAG,KAAA,CAAAiB,IAAA","ignoreList":[]}

package/dist/cjs/ToastV1Demo.cjs

@@ -0,0 +1,155 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var ToastV1Demo_exports = {};
+__export(ToastV1Demo_exports, {
+  ToastV1Demo: () => ToastV1Demo
+});
+module.exports = __toCommonJS(ToastV1Demo_exports);
+var import_toast = require("@hanzogui/toast");
+var import_react = __toESM(require("react"), 1);
+var import_hanzogui = require("hanzogui");
+var import_jsx_runtime = require("react/jsx-runtime");
+const ToastV1Demo = () => {
+  const [native, setNative] = import_react.default.useState(false);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+    gap: "$4",
+    items: "center",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastControl, {
+      native
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(CurrentToast, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(NativeOptions, {
+      native,
+      setNative
+    })]
+  });
+};
+const CurrentToast = () => {
+  const currentToast = (0, import_toast.useToastState)();
+  if (!currentToast || currentToast.isHandledNatively) return null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast, {
+    duration: currentToast.duration,
+    viewportName: currentToast.viewportName,
+    enterStyle: {
+      opacity: 0,
+      scale: 0.95,
+      y: -80
+    },
+    exitStyle: {
+      opacity: 0,
+      scale: 0.95,
+      y: -80
+    },
+    opacity: 1,
+    scale: 1,
+    y: -50,
+    transition: "quicker",
+    bg: "$color2",
+    boxShadow: "0px 2px 4px rgba(0,0,0,0.12), 0px 8px 24px rgba(0,0,0,0.08)",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+      gap: "$5",
+      items: "center",
+      justify: "space-between",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+        gap: "$0.5",
+        flex: 1,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Title, {
+          children: currentToast.title
+        }), !!currentToast.message && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Description, {
+          children: currentToast.message
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Action, {
+        asChild: true,
+        altText: "Dismiss toast",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+          size: "$2",
+          children: "Dismiss"
+        })
+      })]
+    })
+  }, currentToast.id);
+};
+const ToastControl = ({
+  native
+}) => {
+  const toast = (0, import_toast.useToastController)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+    gap: "$2",
+    justify: "center",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+      onPress: () => {
+        toast.show("Successfully saved!", {
+          message: "Don't worry, we've got your data.",
+          native,
+          demo: true
+        });
+      },
+      children: "Show"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+      onPress: () => {
+        toast.hide();
+      },
+      children: "Hide"
+    })]
+  });
+};
+const NativeOptions = ({
+  native,
+  setNative
+}) => {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+    gap: "$3",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
+      size: "$1",
+      onPress: () => setNative(false),
+      children: "Custom"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Switch, {
+      theme: "surface2",
+      id: "native-toggle",
+      size: "$1",
+      checked: !!native,
+      onCheckedChange: val => setNative(val),
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Switch.Thumb, {
+        theme: "accent",
+        transition: ["quickest", {
+          transform: {
+            overshootClamping: true
+          }
+        }]
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
+      size: "$1",
+      onPress: () => setNative(true),
+      children: "Native"
+    })]
+  });
+};

package/dist/cjs/ToastV1Demo.native.js

@@ -0,0 +1,166 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var ToastV1Demo_exports = {};
+__export(ToastV1Demo_exports, {
+  ToastV1Demo: () => ToastV1Demo
+});
+module.exports = __toCommonJS(ToastV1Demo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_toast = require("@hanzogui/toast");
+var import_react = __toESM(require("react"), 1);
+var import_hanzogui = require("hanzogui");
+var ToastV1Demo = function () {
+  var [native, setNative] = import_react.default.useState(false);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+    gap: "$4",
+    items: "center",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastControl, {
+      native
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(CurrentToast, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(NativeOptions, {
+      native,
+      setNative
+    })]
+  });
+};
+var CurrentToast = function () {
+  var currentToast = (0, import_toast.useToastState)();
+  if (!currentToast || currentToast.isHandledNatively) return null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast, {
+    duration: currentToast.duration,
+    viewportName: currentToast.viewportName,
+    enterStyle: {
+      opacity: 0,
+      scale: 0.95,
+      y: -80
+    },
+    exitStyle: {
+      opacity: 0,
+      scale: 0.95,
+      y: -80
+    },
+    opacity: 1,
+    scale: 1,
+    y: -50,
+    transition: "quicker",
+    bg: "$color2",
+    boxShadow: "0px 2px 4px rgba(0,0,0,0.12), 0px 8px 24px rgba(0,0,0,0.08)",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+      gap: "$5",
+      items: "center",
+      justify: "space-between",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+        gap: "$0.5",
+        flex: 1,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Title, {
+          children: currentToast.title
+        }), !!currentToast.message && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Description, {
+          children: currentToast.message
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Action, {
+        asChild: true,
+        altText: "Dismiss toast",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+          size: "$2",
+          children: "Dismiss"
+        })
+      })]
+    })
+  }, currentToast.id);
+};
+var ToastControl = function (param) {
+  var {
+    native
+  } = param;
+  var toast = (0, import_toast.useToastController)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+    gap: "$2",
+    justify: "center",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+      onPress: function () {
+        toast.show("Successfully saved!", {
+          message: "Don't worry, we've got your data.",
+          native,
+          demo: true
+        });
+      },
+      children: "Show"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+      onPress: function () {
+        toast.hide();
+      },
+      children: "Hide"
+    })]
+  });
+};
+var NativeOptions = function (param) {
+  var {
+    native,
+    setNative
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+    gap: "$3",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
+      size: "$1",
+      onPress: function () {
+        return setNative(false);
+      },
+      children: "Custom"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Switch, {
+      theme: "surface2",
+      id: "native-toggle",
+      size: "$1",
+      checked: !!native,
+      onCheckedChange: function (val) {
+        return setNative(val);
+      },
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Switch.Thumb, {
+        theme: "accent",
+        transition: ["quickest", {
+          transform: {
+            overshootClamping: true
+          }
+        }]
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
+      size: "$1",
+      onPress: function () {
+        return setNative(true);
+      },
+      children: "Native"
+    })]
+  });
+};
+//# sourceMappingURL=ToastV1Demo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToastV1Demo_exports","__export","ToastV1Demo","module","exports","import_jsx_runtime","require","import_toast","import_react","__toESM","import_hanzogui","native","setNative","default","useState","jsxs","YStack","gap","items","children","jsx","ToastControl","CurrentToast","NativeOptions","currentToast","useToastState","isHandledNatively","Toast","duration","viewportName","enterStyle","opacity","scale","y","exitStyle","transition","bg","boxShadow","XStack","justify","flex","Title","title","message","Description","Action","asChild","altText","Button","size","id","param","toast","useToastController","onPress","show","demo","hide"],"sources":["../../src/ToastV1Demo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/ToggleGroupDemo.cjs

@@ -26,15 +26,15 @@ __export(ToggleGroupDemo_exports, {
 });
 module.exports = __toCommonJS(ToggleGroupDemo_exports);
 var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
-var import_gui = require("@hanzo/gui");
+var import_hanzogui = require("hanzogui");
 var import_jsx_runtime = require("react/jsx-runtime");
 function ToggleGroupDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
     px: "$4",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
       items: "center",
       gap: "$10",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
         items: "center",
         gap: "$6",
         children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupComponent, {
@@ -44,7 +44,7 @@ function ToggleGroupDemo() {
           type: "multiple",
           orientation: "horizontal"
         })]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
         items: "center",
         gap: "$6",
         y: -28,
@@ -61,26 +61,26 @@ function ToggleGroupDemo() {
 }
 function ToggleGroupComponent(props) {
   const id = `switch-${props.type}`;
-  const Group = props.orientation === "horizontal" ? import_gui.XGroup : import_gui.YGroup;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+  const Group = props.orientation === "horizontal" ? import_hanzogui.XGroup : import_hanzogui.YGroup;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
     flexDirection: props.orientation === "horizontal" ? "row" : "column",
     items: "center",
     justify: "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",
       justify: "flex-end",
       size: "$4",
       htmlFor: id,
       children: props.type === "single" ? "Single" : "Multiple"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ToggleGroup, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ToggleGroup, {
       orientation: props.orientation,
       id,
       type: props.type,
       disableDeactivation: props.type === "single" ? true : void 0,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(Group, {
         children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Group.Item, {
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ToggleGroup.Item, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ToggleGroup.Item, {
             value: "left",
             "aria-label": "Left aligned",
             borderRadius: "$4",
@@ -92,7 +92,7 @@ function ToggleGroupComponent(props) {
             })
           })
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Group.Item, {
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ToggleGroup.Item, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ToggleGroup.Item, {
             value: "center",
             "aria-label": "Center aligned",
             borderRadius: "$4",
@@ -104,7 +104,7 @@ function ToggleGroupComponent(props) {
             })
           })
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Group.Item, {
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ToggleGroup.Item, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ToggleGroup.Item, {
             value: "right",
             "aria-label": "Right aligned",
             borderRadius: "$4",

package/dist/cjs/ToggleGroupDemo.native.js

@@ -29,14 +29,14 @@ __export(ToggleGroupDemo_exports, {
 module.exports = __toCommonJS(ToggleGroupDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
-var import_gui = require("@hanzo/gui");
+var import_hanzogui = require("hanzogui");
 function ToggleGroupDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
     px: "$4",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
       items: "center",
       gap: "$10",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
         items: "center",
         gap: "$6",
         children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupComponent, {
@@ -46,7 +46,7 @@ function ToggleGroupDemo() {
           type: "multiple",
           orientation: "horizontal"
         })]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
         items: "center",
         gap: "$6",
         y: -28,
@@ -63,26 +63,26 @@ function ToggleGroupDemo() {
 }
 function ToggleGroupComponent(props) {
   var id = `switch-${props.type}`;
-  var Group = props.orientation === "horizontal" ? import_gui.XGroup : import_gui.YGroup;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+  var Group = props.orientation === "horizontal" ? import_hanzogui.XGroup : import_hanzogui.YGroup;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
     flexDirection: props.orientation === "horizontal" ? "row" : "column",
     items: "center",
     justify: "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",
       justify: "flex-end",
       size: "$4",
       htmlFor: id,
       children: props.type === "single" ? "Single" : "Multiple"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ToggleGroup, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ToggleGroup, {
       orientation: props.orientation,
       id,
       type: props.type,
       disableDeactivation: props.type === "single" ? true : void 0,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(Group, {
         children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Group.Item, {
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ToggleGroup.Item, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ToggleGroup.Item, {
             value: "left",
             "aria-label": "Left aligned",
             borderRadius: "$4",
@@ -94,7 +94,7 @@ function ToggleGroupComponent(props) {
             })
           })
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Group.Item, {
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ToggleGroup.Item, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ToggleGroup.Item, {
             value: "center",
             "aria-label": "Center aligned",
             borderRadius: "$4",
@@ -106,7 +106,7 @@ function ToggleGroupComponent(props) {
             })
           })
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Group.Item, {
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ToggleGroup.Item, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ToggleGroup.Item, {
             value: "right",
             "aria-label": "Right aligned",
             borderRadius: "$4",

package/dist/cjs/ToggleGroupDemo.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","ToggleGroupDemo_exports","ToggleGroupDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_gui","jsx","YStack","px","children","jsxs","XStack","items","gap","ToggleGroupComponent","type","orientation","y","props","id","Group","XGroup","YGroup","flexDirection","justify","Label","pr","size","htmlFor","ToggleGroup","disableDeactivation","Item","borderRadius","activeStyle","backgroundColor","AlignLeft","AlignCenter","AlignRight"],"sources":["ToggleGroupDemo.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 ToggleGroupDemo_exports = {};\n__export(ToggleGroupDemo_exports, {\n  ToggleGroupDemo: () => ToggleGroupDemo\n});\nmodule.exports = __toCommonJS(ToggleGroupDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_lucide_icons_2 = require(\"@hanzogui/lucide-icons-2\");\nvar import_gui = require(\"@hanzo/gui\");\nfunction ToggleGroupDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.YStack, {\n    px: \"$4\",\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n      items: \"center\",\n      gap: \"$10\",\n      children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n          items: \"center\",\n          gap: \"$6\",\n          children: [\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, {\n              type: \"single\",\n              orientation: \"horizontal\"\n            }),\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, {\n              type: \"multiple\",\n              orientation: \"horizontal\"\n            })\n          ]\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n          items: \"center\",\n          gap: \"$6\",\n          y: -28,\n          children: [\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, {\n              type: \"single\",\n              orientation: \"vertical\"\n            }),\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, {\n              type: \"multiple\",\n              orientation: \"vertical\"\n            })\n          ]\n        })\n      ]\n    })\n  });\n}\nfunction ToggleGroupComponent(props) {\n  var id = `switch-${props.type}`;\n  var Group = props.orientation === \"horizontal\" ? import_gui.XGroup : import_gui.YGroup;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n    flexDirection: props.orientation === \"horizontal\" ? \"row\" : \"column\",\n    items: \"center\",\n    justify: \"center\",\n    gap: \"$4\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Label, {\n        pr: \"$0\",\n        justify: \"flex-end\",\n        size: \"$4\",\n        htmlFor: id,\n        children: props.type === \"single\" ? \"Single\" : \"Multiple\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.ToggleGroup, {\n        orientation: props.orientation,\n        id,\n        type: props.type,\n        disableDeactivation: props.type === \"single\" ? true : void 0,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Group, {\n          children: [\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Group.Item, {\n              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.ToggleGroup.Item, {\n                value: \"left\",\n                \"aria-label\": \"Left aligned\",\n                borderRadius: \"$4\",\n                activeStyle: {\n                  backgroundColor: \"$color5\"\n                },\n                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.AlignLeft, {\n                  size: 16\n                })\n              })\n            }),\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Group.Item, {\n              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.ToggleGroup.Item, {\n                value: \"center\",\n                \"aria-label\": \"Center aligned\",\n                borderRadius: \"$4\",\n                activeStyle: {\n                  backgroundColor: \"$color5\"\n                },\n                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.AlignCenter, {\n                  size: 16\n                })\n              })\n            }),\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Group.Item, {\n              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.ToggleGroup.Item, {\n                value: \"right\",\n                \"aria-label\": \"Right aligned\",\n                borderRadius: \"$4\",\n                activeStyle: {\n                  backgroundColor: \"$color5\"\n                },\n                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.AlignRight, {\n                  size: 16\n                })\n              })\n            })\n          ]\n        })\n      })\n    ]\n  });\n}\n//# sourceMappingURL=ToggleGroupDemo.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToggleGroupDemo_exports","__export","ToggleGroupDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_hanzogui","jsx","YStack","px","children","jsxs","XStack","items","gap","ToggleGroupComponent","type","orientation","y","props","id","Group","XGroup","YGroup","flexDirection","justify","Label","pr","size","htmlFor","ToggleGroup","disableDeactivation","Item","borderRadius"],"sources":["../../src/ToggleGroupDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAmD,CAAAK,uBAAA;AACnD,IAAAK,kBAAmE,GAAAC,OAAA;AAM3D,IAAAC,qBAAA,GAAAD,OAAA;AAJD,IAAAE,eAAS,GAAAF,OAAkB;AAChC,SACEJ,gBAAA;EAEI,0BAAAG,kBAAA,CAAAI,GAAC,EAAAD,eAAA,CAAAE,MAAO;IACNC,EAAA;IAA6DC,QAC7D,qBAAAP,kBAAC,CAAAQ,IAAA,EAAAL,eAAqB,CAAAM,MAAK;MAAoCC,KACjE;MACAC,GAAA;MACEJ,QAAA,GACA,mBAAAP,kBAAA,CAAAQ,IAAC,EAAAL,eAAA,CAAAE,MAAqB;QACxBK,KAAA;QAEJC,GAAA;QAEJJ,QAAA,GAES,iBAAqB,EAAAP,kBAG3B,CAAAI,GAAA,EAAAQ,oBAAA;UACUC,IAAA,UAAU;UACfC,WAAc;QAGlB,IAAC,mBAAAd,kBAAA,CAAAI,GAAA,EAAAQ,oBAAA;UAAAC,IAAA;UACCC,WAAe,EAAM;QACrB,CAAM;MAEN,IAEA,mBAAAd,kBAAA,CAAAQ,IAAA,EAAAL,eAAA,CAAAM,MAAA;QAAAC,KAAA;QAIAC,GAAA;QAACI,CAAA;QAAAR,QAAA,GACC,eAAa,IAAMP,kBAAA,CAAAI,GAAA,EAAAQ,oBAAA;UACnBC,IAAA;UACAC,WAAY;QACZ,IAEA,mBAAAd,kBAAA,CAAAI,GAAA,EAAAQ,oBACE;UAAAC,IAAA;UACEC,WAAC;QAAY;MACL;IAEO;EAC6B;AAErB;AAAA,SAAAF,oBAEzBA,CAAAI,KAAA;EAAA,IAAAC,EAAA,aAEAD,KAAA,CAAAH,IAAA;EACE,IAAAK,KAAA,GAAAF,KAAC,CAAAF,WAAA,iBAAY,GAAAX,eAAA,CAAAgB,MAAA,GAAAhB,eAAA,CAAAiB,MAAA;EAAA,sBAAZ,IAAApB,kBAAA,CAAAQ,IAAA,EAAAL,eAAA,CAAAM,MAAA;IAAAY,aAAA,EACCL,KAAA,CAAMF,WAAA;IAAAJ,KAAA,UACN;IAAWY,OAAA,UACX;IAAaX,GAAA;IAC6BJ,QAAA,GAEnB,mBAAAP,kBAAA,CAAAI,GAAA,EAAAD,eAAA,CAAAoB,KAAA;MAAAC,EAAA,MACzB;MACFF,OAEA;MACEG,IAAA,MAAC;MAAYC,OAAA,EAAZT,EAAA;MAAAV,QAAA,EACCS,KAAA,CAAAH,IAAM;IAAA,IACK,eACX,IAAAb,kBAAa,CAAAI,GAAA,EAAAD,eAAA,CAAAwB,WAAA;MAAAb,WACb,EAAAE,KAAA,CAAAF,WAAe;MAA2BG,EAAA;MAEpBJ,IAAA,EAAAG,KAAA,CAAAH,IAAA;MAAAe,mBAE1B,EAAAZ,KAAA,CAAAH,IAAA;MAAAN,QACF,qBAAAP,kBAAA,CAAAQ,IAAA,EAAAU,KAAA;QAAAX,QAAA,GACF,mBAAAP,kBAAA,CAAAI,GAAA,EAAAc,KAAA,CAAAW,IAAA;UAAAtB,QAAA,qBAAAP,kBAAA,CAAAI,GAAA,EAAAD,eAAA,CAAAwB,WAAA,CAAAE,IAAA;YAAAnC,KAAA;YACF;YAEJoC,YAAA","ignoreList":[]}

package/dist/cjs/TokensDemo.cjs

@@ -38,7 +38,7 @@ __export(TokensDemo_exports, {
 module.exports = __toCommonJS(TokensDemo_exports);
 var import_core = require("@hanzogui/core");
 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 sections = [{
   name: `Size`,
@@ -55,17 +55,17 @@ const sections = [{
 }];
 function TokensDemo() {
   const [section, setSection] = import_react.default.useState("size");
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
     gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XGroup, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XGroup, {
       items: "center",
       self: "center",
       children: sections.map(({
         name,
         key
       }) => {
-        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XGroup.Item, {
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XGroup.Item, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
             size: "$3",
             theme: section === key ? "accent" : null,
             onPress: () => setSection(key),
@@ -86,31 +86,31 @@ function SizeSection({
   const st = Object.keys(tokens).sort((a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1);
   const spaceTokens = st.filter(t => Number.parseFloat(t) >= 0);
   const spaceTokensNegative = st.filter(t => Number.parseFloat(t) < 0).sort((a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
     flex: 1,
     gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H2, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.H2, {
       children: "Sizes"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
       width: "100%",
       gap: "$2",
       children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(token => {
-        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
           width: "100%",
           items: "center",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
             width: "25%",
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.H3, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.H3, {
               size: "$6",
               children: ["$", token]
             })
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
             width: "20%",
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.H4, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.H4, {
               size: "$5",
               children: [tokens[token]?.val, "px"]
             })
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
             size: tokens[token]?.val,
             backgroundColor: "$color5",
             ...(section === "spaceNegative" && {