@hanzogui/demos 3.0.5 → 4.3.1

package/dist/cjs/ToastDuplicateDemo.cjs

@@ -2,43 +2,45 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  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: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// 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 ToastDuplicateDemo_exports = {};
 __export(ToastDuplicateDemo_exports, {
   ToastDuplicateDemo: () => ToastDuplicateDemo
 });
 module.exports = __toCommonJS(ToastDuplicateDemo_exports);
-var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2"),
-  import_toast = require("@hanzogui/toast"),
-  import_react = __toESM(require("react"), 1),
-  import_gui = require("@hanzo/gui"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
+var import_toast = require("@hanzogui/toast");
+var import_react = __toESM(require("react"), 1);
+var import_gui = require("@hanzo/gui");
+var import_jsx_runtime = require("react/jsx-runtime");
 const ToastDuplicateDemo = () => {
   const [savedCount, setSavedCount] = import_react.default.useState(0);
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {

package/dist/cjs/ToastDuplicateDemo.native.js

@@ -4,89 +4,91 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  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: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// 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 ToastDuplicateDemo_exports = {};
 __export(ToastDuplicateDemo_exports, {
   ToastDuplicateDemo: () => ToastDuplicateDemo
 });
 module.exports = __toCommonJS(ToastDuplicateDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_lucide_icons_2 = require("@hanzogui/lucide-icons-2"),
-  import_toast = require("@hanzogui/toast"),
-  import_react = __toESM(require("react"), 1),
-  import_gui = require("@hanzo/gui"),
-  ToastDuplicateDemo = function () {
-    var [savedCount, setSavedCount] = import_react.default.useState(0);
-    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-      items: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-        onPress: function () {
-          setSavedCount(function (old) {
-            return old + 1;
-          });
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
+var import_toast = require("@hanzogui/toast");
+var import_react = __toESM(require("react"), 1);
+var import_gui = require("@hanzo/gui");
+var ToastDuplicateDemo = function () {
+  var [savedCount, setSavedCount] = import_react.default.useState(0);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+    items: "center",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+      onPress: function () {
+        setSavedCount(function (old) {
+          return old + 1;
+        });
+      },
+      children: "Show toast"
+    }), [...Array(savedCount)].map(function (_, index) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast, {
+        viewportName:
+        // Sends to a viewport that supports multiple toasts with the `multipleToasts` prop
+        "viewport-multiple",
+        duration: 4e3,
+        enterStyle: {
+          opacity: 0,
+          scale: 0.5,
+          y: -25
         },
-        children: "Show toast"
-      }), [...Array(savedCount)].map(function (_, index) {
-        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast, {
-          viewportName:
-          // Sends to a viewport that supports multiple toasts with the `multipleToasts` prop
-          "viewport-multiple",
-          duration: 4e3,
-          enterStyle: {
-            opacity: 0,
-            scale: 0.5,
-            y: -25
-          },
-          exitStyle: {
-            opacity: 0,
-            scale: 1,
-            y: -20
-          },
-          y: 0,
-          opacity: 1,
+        exitStyle: {
+          opacity: 0,
           scale: 1,
-          transition: "100ms",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-            gap: "$4",
-            items: "center",
-            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.CheckCircle2, {})
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Title, {
-                children: "Successfully saved!"
-              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Description, {
-                children: "Don't worry... We've got your data."
-              })]
+          y: -20
+        },
+        y: 0,
+        opacity: 1,
+        scale: 1,
+        transition: "100ms",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+          gap: "$4",
+          items: "center",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.CheckCircle2, {})
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Title, {
+              children: "Successfully saved!"
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Description, {
+              children: "Don't worry... We've got your data."
             })]
-          })
-        }, index);
-      })]
-    });
-  };
+          })]
+        })
+      }, index);
+    })]
+  });
+};
 //# sourceMappingURL=ToastDuplicateDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToastDuplicateDemo_exports","__export","ToastDuplicateDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_toast","import_react","__toESM","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"],"sources":["../../src/ToastDuplicateDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA6B,CAAAK,0BAAA;AAQtB,IAAAK,kBAAM,GAAAC,OAAqB,CAAM;EAAAC,qBAAA,GAAAD,OAAA;EAAAE,YAAA,GAAAF,OAAA;EAAAG,YAAA,GAAAC,OAAA,CAAAJ,OAAA;EAAAK,UAAA,GAAAL,OAAA;EAAAJ,kBAAA,YAAAA,CAAA;IACtC,KAAAU,UAAO,EAAAC,aAAY,IAAaJ,YAAI,CAAAK,OAAA,CAAAC,QAAM,GAAS;IAEnD,OACE,mBAAAV,kBAAA,CAAAW,IAAA,EAACL,UAAA,CAAAM,MAAA;MACCC,KAAA;MAAAC,QAAC,sBAAAd,kBAAA,CAAAe,GAAA,EAAAT,UAAA,CAAAU,MAAA;QACCC,OAAA,EAAS,SAAAA,CAAA,EAAM;UACbT,aAAA,CAAc,UAASU,GAAA;YACzB,OAAAA,GAAA;UACD;QAAA;QAEDJ,QAAA;MACE,EAAG,EACF,IAAAK,KAAA,CAAAZ,UAAA,GACCa,GAAA,WAAAC,CAAa,EAAAC,KAAA;QAEb,sBAAU,IAAAtB,kBAAA,CAAAe,GAAA,EAAAZ,YAAA,CAAAoB,KAAA;UACVC,YAAc;UACd;UACG,mBACH;UACAC,QAAO;UACPC,UAAW;YAEXC,OAAA;YACEC,KAAA;YAIAC,CAAA;UACE;UAAgCC,SAChC;YAAsDH,OACxD;YACFC,KAAA;YAAAC,CAAA;UAlBK;UAoBRA,CAAA;UACHF,OAAA;UAEJC,KAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToastDuplicateDemo_exports","__export","ToastDuplicateDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_toast","import_react","__toESM","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"],"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,kBAAsB,GAAAC,OAAA;AACtB,IAAAC,qBAAkB,GAAAD,OAAA;AAClB,IAAAE,YAAA,GAAuCF,OAAA;AAUjC,IAAAG,YAAA,GAAAC,OAAA,CAAAJ,OAAA;AALC,IAAAK,UAAM,GAAAL,OAAA,aAA2B;AACtC,IAAAJ,kBAAmB,YAAAA,CAAA,EAAa;EAEhC,KAAAU,UACE,EAAAC,aAAA,IAAAJ,YAAA,CAAAK,OAAC,CAAAC,QAAA;EACC,0BAAAV,kBAAA,CAAAW,IAAA,EAAAL,UAAA,CAAAM,MAAA;IAAAC,KAAC;IAAAC,QAAA,kBACU,CAAM,GAAAd,kBAAA,CAAAe,GAAA,EAAAT,UAAA,CAAAU,MAAA;MACbC,OAAA,WAAAA,CAAA,EAAe;QACjBT,aAAA,WAAAU,GAAA;UACD,OAAAA,GAAA;QAAA;MAED;MACKJ,QAAM;IACR,KACC,GAAAK,KAAA,CAAAZ,UAAa,GAEba,GAAA,WAAUC,CAAA,EAAAC,KAAA;MACV,sBAAuB,IAAGtB,kBAAmB,CAAAe,GAAA,EAAAZ,YAAA,CAAAoB,KAAA;QAC7CC,YAAa;QACV;QACH,mBACA;QACAC,QAAA,EAAW;QAEXC,UAAA;UACEC,OAAA;UAIAC,KAAA;UACEC,CAAA;QAAgC;QACsBC,SACxD;UACFH,OAAA;UAAAC,KAAA;UAlBKC,CAAA;QAoBR;QACHA,CAAA;QAEJF,OAAA","ignoreList":[]}

package/dist/cjs/ToggleGroupDemo.cjs

@@ -3,29 +3,31 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var ToggleGroupDemo_exports = {};
 __export(ToggleGroupDemo_exports, {
   ToggleGroupDemo: () => ToggleGroupDemo
 });
 module.exports = __toCommonJS(ToggleGroupDemo_exports);
-var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2"),
-  import_gui = require("@hanzo/gui"),
-  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_jsx_runtime = require("react/jsx-runtime");
 function ToggleGroupDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
     px: "$4",
@@ -58,8 +60,8 @@ function ToggleGroupDemo() {
   });
 }
 function ToggleGroupComponent(props) {
-  const id = `switch-${props.type}`,
-    Group = props.orientation === "horizontal" ? import_gui.XGroup : import_gui.YGroup;
+  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, {
     flexDirection: props.orientation === "horizontal" ? "row" : "column",
     items: "center",
@@ -75,7 +77,7 @@ function ToggleGroupComponent(props) {
       orientation: props.orientation,
       id,
       type: props.type,
-      disableDeactivation: props.type === "single" ? !0 : void 0,
+      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, {

package/dist/cjs/ToggleGroupDemo.native.js

@@ -5,29 +5,31 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var ToggleGroupDemo_exports = {};
 __export(ToggleGroupDemo_exports, {
   ToggleGroupDemo: () => ToggleGroupDemo
 });
 module.exports = __toCommonJS(ToggleGroupDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_lucide_icons_2 = require("@hanzogui/lucide-icons-2"),
-  import_gui = require("@hanzo/gui");
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
+var import_gui = require("@hanzo/gui");
 function ToggleGroupDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
     px: "$4",
@@ -60,8 +62,8 @@ function ToggleGroupDemo() {
   });
 }
 function ToggleGroupComponent(props) {
-  var id = `switch-${props.type}`,
-    Group = props.orientation === "horizontal" ? import_gui.XGroup : import_gui.YGroup;
+  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, {
     flexDirection: props.orientation === "horizontal" ? "row" : "column",
     items: "center",
@@ -77,7 +79,7 @@ function ToggleGroupComponent(props) {
       orientation: props.orientation,
       id,
       type: props.type,
-      disableDeactivation: props.type === "single" ? !0 : void 0,
+      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, {

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToggleGroupDemo_exports","__export","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"],"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;AAG5C,IAAAK,kBAAS,GAAAC,OAAkB;EAAAC,qBAAA,GAAAD,OAAA;EAAAE,UAAA,GAAAF,OAAA;AAChC,SACEJ,gBAAA;EAEI,0BAAAG,kBAAA,CAAAI,GAAC,EAAAD,UAAA,CAAAE,MAAO;IACNC,EAAA;IAA6DC,QAC7D,qBAAAP,kBAAC,CAAAQ,IAAA,EAAAL,UAAA,CAAAM,MAAqB;MAAyCC,KACjE;MACAC,GAAA;MACEJ,QAAA,GACA,mBAAAP,kBAAA,CAAAQ,IAAC,EAAAL,UAAA,CAAAE,MAAA;QACHK,KAAA;QAEJC,GAAA;QAEJJ,QAAA,GAES,iBAAqB,EAAAP,kBAG3B,CAAAI,GAAA,EAAAQ,oBAAA;UACUC,IAAA,UAAU;UAInBC,WAAA;QAAC,uBAAAd,kBAAA,CAAAI,GAAA,EAAAQ,oBAAA;UACCC,IAAA,YAAqB;UACfC,WAAA;QACN;MAGA,uBAAAd,kBAAA,CAAAQ,IAAA,EAACL,UAAA,CAAAM,MAAA,EAAM;QAIPC,KAAA;QAACC,GAAA;QAAAI,CAAA;QAAAR,QACC,GACA,mBAAAP,kBAAA,CAAAI,GAAA,EAAAQ,oBAAA;UACAC,IAAM,UAAM;UACZC,WAAA;QAEA,IACE,mBAAAd,kBAAA,CAAAI,GAAA,EAAAQ,oBACE;UAAAC,IAAC;UAAYC,WAAZ;QAAA;MAEY;IAE+B;EAErB;AAAA;AAEzB,SAAAF,oBAEAA,CAAAI,KAAA;EACE,IAAAC,EAAA,aAACD,KAAA,CAAAH,IAAA;IAAAK,KAAY,GAAAF,KAAA,CAAAF,WAAA,oBAAAX,UAAA,CAAAgB,MAAA,GAAAhB,UAAA,CAAAiB,MAAA;EAAA,sBAAZ,IAAApB,kBAAA,CAAAQ,IAAA,EAAAL,UAAA,CAAAM,MAAA;IAAAY,aAAA,EACCL,KAAA,CAAMF,WAAA;IAAAJ,KAAA,UACN;IAAWY,OAAA,UACX;IAAaX,GAAA;IAC6BJ,QAAA,GAEnB,mBAAAP,kBAAA,CAAAI,GAAA,EAAAD,UAAA,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,UAAA,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,UAAA,CAAAwB,WAAA,CAAAE,IAAA;YAAAnC,KAAA;YACF;YAEJoC,YAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToggleGroupDemo_exports","__export","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"],"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,UAAS,GAAAF,OAAA,aAAkB;AAChC,SACEJ,gBAAA;EAEI,0BAAAG,kBAAA,CAAAI,GAAC,EAAAD,UAAA,CAAAE,MAAO;IACNC,EAAA;IAA6DC,QAC7D,qBAAAP,kBAAC,CAAAQ,IAAA,EAAAL,UAAA,CAAAM,MAAqB;MAAyCC,KACjE;MACAC,GAAA;MACEJ,QAAA,GACA,mBAAAP,kBAAA,CAAAQ,IAAC,EAAAL,UAAA,CAAAE,MAAA;QACHK,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,UAAA,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,UAAA,CAAAgB,MAAA,GAAAhB,UAAA,CAAAiB,MAAA;EAAA,sBAAZ,IAAApB,kBAAA,CAAAQ,IAAA,EAAAL,UAAA,CAAAM,MAAA;IAAAY,aAAA,EACCL,KAAA,CAAMF,WAAA;IAAAJ,KAAA,UACN;IAAWY,OAAA,UACX;IAAaX,GAAA;IAC6BJ,QAAA,GAEnB,mBAAAP,kBAAA,CAAAI,GAAA,EAAAD,UAAA,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,UAAA,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,UAAA,CAAAwB,WAAA,CAAAE,IAAA;YAAAnC,KAAA;YACF;YAEJoC,YAAA","ignoreList":[]}

package/dist/cjs/TokensDemo.cjs

@@ -2,54 +2,56 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  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: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// 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 TokensDemo_exports = {};
 __export(TokensDemo_exports, {
   TokensDemo: () => TokensDemo
 });
 module.exports = __toCommonJS(TokensDemo_exports);
-var import_core = require("@hanzogui/core"),
-  import_react = __toESM(require("react"), 1),
-  import_gui = require("@hanzo/gui"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@hanzogui/core");
+var import_react = __toESM(require("react"), 1);
+var import_gui = require("@hanzo/gui");
+var import_jsx_runtime = require("react/jsx-runtime");
 const sections = [{
-  name: "Size",
-  key: "size"
+  name: `Size`,
+  key: `size`
 }, {
-  name: "Space",
+  name: `Space`,
   key: "space"
 }, {
-  name: "Space (-)",
-  key: "spaceNegative"
+  name: `Space (-)`,
+  key: `spaceNegative`
 }, {
-  name: "Radius",
-  key: "radius"
+  name: `Radius`,
+  key: `radius`
 }];
 function TokensDemo() {
   const [section, setSection] = import_react.default.useState("size");
@@ -61,14 +63,16 @@ function TokensDemo() {
       children: sections.map(({
         name,
         key
-      }) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XGroup.Item, {
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-          size: "$3",
-          theme: section === key ? "accent" : null,
-          onPress: () => setSection(key),
-          children: name
-        })
-      }, key))
+      }) => {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XGroup.Item, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+            size: "$3",
+            theme: section === key ? "accent" : null,
+            onPress: () => setSection(key),
+            children: name
+          })
+        }, key);
+      })
     }), (section === "size" || section === "spaceNegative" || section === "space" || section === "radius") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(SizeSection, {
       section
     })]
@@ -77,11 +81,11 @@ function TokensDemo() {
 function SizeSection({
   section
 }) {
-  const allTokens = (0, import_core.getConfig)().tokens,
-    tokens = allTokens[section.startsWith("space") ? "space" : section],
-    st = Object.keys(tokens).sort((a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1),
-    spaceTokens = st.filter(t => Number.parseFloat(t) >= 0),
-    spaceTokensNegative = st.filter(t => Number.parseFloat(t) < 0).sort((a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1);
+  const allTokens = (0, import_core.getConfig)().tokens;
+  const tokens = allTokens[section.startsWith("space") ? "space" : section];
+  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, {
     flex: 1,
     gap: "$4",
@@ -90,34 +94,36 @@ function SizeSection({
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
       width: "100%",
       gap: "$2",
-      children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(token => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-        width: "100%",
-        items: "center",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-          width: "25%",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.H3, {
-            size: "$6",
-            children: ["$", token]
-          })
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-          width: "20%",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.H4, {
-            size: "$5",
-            children: [tokens[token]?.val, "px"]
-          })
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
-          size: tokens[token]?.val,
-          backgroundColor: "$color5",
-          ...(section === "spaceNegative" && {
-            backgroundColor: "$red5",
-            size: -tokens[spaceTokensNegative.find(t => Number.parseFloat(t) === -Number.parseFloat(token)) ?? token]?.val
-          }),
-          ...(section === "radius" && {
-            size: allTokens.size[token]?.val,
-            borderRadius: tokens[token]?.val
-          })
-        })]
-      }, token))
+      children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(token => {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+          width: "100%",
+          items: "center",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+            width: "25%",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.H3, {
+              size: "$6",
+              children: ["$", token]
+            })
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+            width: "20%",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.H4, {
+              size: "$5",
+              children: [tokens[token]?.val, "px"]
+            })
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
+            size: tokens[token]?.val,
+            backgroundColor: "$color5",
+            ...(section === "spaceNegative" && {
+              backgroundColor: "$red5",
+              size: -tokens[spaceTokensNegative.find(t => Number.parseFloat(t) === -Number.parseFloat(token)) ?? token]?.val
+            }),
+            ...(section === "radius" && {
+              size: allTokens.size[token]?.val,
+              borderRadius: tokens[token]?.val
+            })
+          })]
+        }, token);
+      })
     })]
   });
 }