@hanzogui/demos 3.0.6 → 4.3.1

package/dist/esm/ToastDemo.native.js

@@ -3,124 +3,125 @@ import { Toast, useToastController, useToastState } from "@hanzogui/toast";
 import React from "react";
 import { Button, Label, Switch, XStack, YStack } from "@hanzo/gui";
 var ToastDemo = function () {
-    var [native, setNative] = React.useState(!1);
-    return /* @__PURE__ */_jsxs(YStack, {
-      gap: "$4",
+  var [native, setNative] = React.useState(false);
+  return /* @__PURE__ */_jsxs(YStack, {
+    gap: "$4",
+    items: "center",
+    children: [/* @__PURE__ */_jsx(ToastControl, {
+      native
+    }), /* @__PURE__ */_jsx(CurrentToast, {}), /* @__PURE__ */_jsx(NativeOptions, {
+      native,
+      setNative
+    })]
+  });
+};
+var CurrentToast = function () {
+  var currentToast = useToastState();
+  if (!currentToast || currentToast.isHandledNatively) return null;
+  return /* @__PURE__ */_jsx(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__ */_jsxs(XStack, {
+      gap: "$5",
       items: "center",
-      children: [/* @__PURE__ */_jsx(ToastControl, {
-        native
-      }), /* @__PURE__ */_jsx(CurrentToast, {}), /* @__PURE__ */_jsx(NativeOptions, {
-        native,
-        setNative
+      justify: "space-between",
+      children: [/* @__PURE__ */_jsxs(YStack, {
+        gap: "$0.5",
+        flex: 1,
+        children: [/* @__PURE__ */_jsx(Toast.Title, {
+          children: currentToast.title
+        }), !!currentToast.message && /* @__PURE__ */_jsx(Toast.Description, {
+          children: currentToast.message
+        })]
+      }), /* @__PURE__ */_jsx(Toast.Action, {
+        asChild: true,
+        altText: "Dismiss toast",
+        children: /* @__PURE__ */_jsx(Button, {
+          size: "$2",
+          children: "Dismiss"
+        })
       })]
-    });
-  },
-  CurrentToast = function () {
-    var currentToast = useToastState();
-    return !currentToast || currentToast.isHandledNatively ? null : /* @__PURE__ */_jsx(Toast, {
-      duration: currentToast.duration,
-      viewportName: currentToast.viewportName,
-      enterStyle: {
-        opacity: 0,
-        scale: 0.95,
-        y: -80
+    })
+  }, currentToast.id);
+};
+var ToastControl = function (param) {
+  var {
+    native
+  } = param;
+  var toast = useToastController();
+  return /* @__PURE__ */_jsxs(XStack, {
+    gap: "$2",
+    justify: "center",
+    children: [/* @__PURE__ */_jsx(Button, {
+      onPress: function () {
+        toast.show("Successfully saved!", {
+          message: "Don't worry, we've got your data.",
+          native,
+          demo: true
+        });
       },
-      exitStyle: {
-        opacity: 0,
-        scale: 0.95,
-        y: -80
+      children: "Show"
+    }), /* @__PURE__ */_jsx(Button, {
+      onPress: function () {
+        toast.hide();
       },
-      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__ */_jsxs(XStack, {
-        gap: "$5",
-        items: "center",
-        justify: "space-between",
-        children: [/* @__PURE__ */_jsxs(YStack, {
-          gap: "$0.5",
-          flex: 1,
-          children: [/* @__PURE__ */_jsx(Toast.Title, {
-            children: currentToast.title
-          }), !!currentToast.message && /* @__PURE__ */_jsx(Toast.Description, {
-            children: currentToast.message
-          })]
-        }), /* @__PURE__ */_jsx(Toast.Action, {
-          asChild: !0,
-          altText: "Dismiss toast",
-          children: /* @__PURE__ */_jsx(Button, {
-            size: "$2",
-            children: "Dismiss"
-          })
-        })]
+      children: "Hide"
+    })]
+  });
+};
+var NativeOptions = function (param) {
+  var {
+    native,
+    setNative
+  } = param;
+  return /* @__PURE__ */_jsxs(XStack, {
+    gap: "$3",
+    children: [/* @__PURE__ */_jsx(Label, {
+      size: "$1",
+      onPress: function () {
+        return setNative(false);
+      },
+      children: "Custom"
+    }), /* @__PURE__ */_jsx(Switch, {
+      theme: "surface2",
+      id: "native-toggle",
+      size: "$1",
+      checked: !!native,
+      onCheckedChange: function (val) {
+        return setNative(val);
+      },
+      children: /* @__PURE__ */_jsx(Switch.Thumb, {
+        theme: "accent",
+        transition: ["quickest", {
+          transform: {
+            overshootClamping: true
+          }
+        }]
       })
-    }, currentToast.id);
-  },
-  ToastControl = function (param) {
-    var {
-        native
-      } = param,
-      toast = useToastController();
-    return /* @__PURE__ */_jsxs(XStack, {
-      gap: "$2",
-      justify: "center",
-      children: [/* @__PURE__ */_jsx(Button, {
-        onPress: function () {
-          toast.show("Successfully saved!", {
-            message: "Don't worry, we've got your data.",
-            native,
-            demo: !0
-          });
-        },
-        children: "Show"
-      }), /* @__PURE__ */_jsx(Button, {
-        onPress: function () {
-          toast.hide();
-        },
-        children: "Hide"
-      })]
-    });
-  },
-  NativeOptions = function (param) {
-    var {
-      native,
-      setNative
-    } = param;
-    return /* @__PURE__ */_jsxs(XStack, {
-      gap: "$3",
-      children: [/* @__PURE__ */_jsx(Label, {
-        size: "$1",
-        onPress: function () {
-          return setNative(!1);
-        },
-        children: "Custom"
-      }), /* @__PURE__ */_jsx(Switch, {
-        theme: "surface2",
-        id: "native-toggle",
-        size: "$1",
-        checked: !!native,
-        onCheckedChange: function (val) {
-          return setNative(val);
-        },
-        children: /* @__PURE__ */_jsx(Switch.Thumb, {
-          theme: "accent",
-          transition: ["quickest", {
-            transform: {
-              overshootClamping: !0
-            }
-          }]
-        })
-      }), /* @__PURE__ */_jsx(Label, {
-        size: "$1",
-        onPress: function () {
-          return setNative(!0);
-        },
-        children: "Native"
-      })]
-    });
-  };
+    }), /* @__PURE__ */_jsx(Label, {
+      size: "$1",
+      onPress: function () {
+        return setNative(true);
+      },
+      children: "Native"
+    })]
+  });
+};
 export { ToastDemo };
 //# sourceMappingURL=ToastDemo.native.js.map

package/dist/esm/ToastDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Toast","useToastController","useToastState","React","Button","Label","Switch","XStack","YStack","ToastDemo","native","setNative","useState","gap","items","children","ToastControl","CurrentToast","NativeOptions","currentToast","isHandledNatively","duration","viewportName","enterStyle","opacity","scale","y","exitStyle","transition","bg","boxShadow","justify","flex","Title","title","message","Description","Action","asChild","altText","size","id","param","toast","onPress","show","demo","hide"],"sources":["../../src/ToastDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAA,IAAAC,KAAA,QAAoB,mBAAqB;AACzD,SAAOC,KAAA,EAAAC,kBAAW,EAAAC,aAAA;AAClB,OAAAC,KAAS,MAAQ,OAAO;AAWpB,SACEC,MADF,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAJG,IAAAC,SAAM,YAAAA,CAAA,EAAkB;IAC7B,KAAAC,MAAO,EAAAC,SAAQ,IAASR,KAAI,CAAAS,QAAM,GAAS;IAE3C,OACE,eAAAb,KAAC,CAAAS,MAAA;MACCK,GAAA;MACAC,KAAA;MAEAC,QAAA,GACF,eAAAlB,IAAA,CAAAmB,YAAA;QAIEN;MACJ,EAAM,EAEN,eAAKb,IAAgB,CAAAoB,YAAa,OAG/B,eAAApB,IAAA,CAAAqB,aAAA;QAAAR,MAAA;QAECC;MACA;IAC8C;EACD;EAAAM,YACpC,YAAAA,CAAA;IAAA,IACTE,YAAO,GAAAjB,aAAA;IAAA,OACJ,CAAAiB,YAAA,IAAAA,YAAA,CAAAC,iBAAA,yBAAAvB,IAAA,CAAAG,KAAA;MAAAqB,QACH,EAAAF,YAAW,CAAAE,QAAA;MAAAC,YACR,EAAAH,YAAA,CAAAG,YAAA;MAAAC,UACH;QAEAC,OAAA;QACEC,KAAA;QACEC,CAAA;MAAiC;MAEUC,SAE7C;QAAAH,OACA;QAEAC,KACF;QAAAC,CAAA;MAtBK;MAuBPF,OAAA;MAIEC,KAAA;MACJC,CAAA,GAAM;MAENE,UACE;MACEC,EAAA;MAAAC,SAAC;MAAAf,QAAA,iBAAAhB,KAAA,CAAAQ,MAAA;QAAAM,GACC;QACEC,KAAA,UAAW;QAAuBiB,OAChC,iBAAS;QAAAhB,QACT,kBACMhB,KAAA,CAAAS,MAAA;UACRK,GAAC;UACHmB,IAAA;UACDjB,QAAA,kBAAAlB,IAAA,CAAAG,KAAA,CAAAiC,KAAA;YAEDlB,QAAA,EAAAI,YAAA,CAAAe;UACA,IAAC,EAAAf,YAAA,CAAAgB,OAAA,mBAAAtC,IAAA,CAAAG,KAAA,CAAAoC,WAAA;YAAArB,QAAA,EAAAI,YAAA,CAAAgB;UACC;QAEA,IACD,eAAAtC,IAAA,CAAAG,KAAA,CAAAqC,MAAA;UAAAC,OAAA;UAEDC,OAAA;UACFxB,QAAA,iBAAAlB,IAAA,CAAAO,MAAA;YAIEoC,IAAA,MAAiB;YACrBzB,QAAA;UACA;QAME;MAIE;IAAA,GAACI,YAAA,CAAAsB,EAAA;EAAA;EAAAzB,YAAA,YAAAA,CAAA0B,KAAA;IAAA,IACC;QAAAhC;MAAM,IAAAgC,KAAA;MAAAC,KAAA,GAAA1C,kBAAA;IAAA,OACN,eAAGF,KAAA,CAAAQ,MAAA;MAAAM,GACH,MAAK;MAAAkB,OACL,UAAW;MAAAhB,QACX,GAEA,eAAAlB,IAAA,CAAAO,MAAA;QAACwC,OAAO,WAAAA,CAAA;UAAPD,KAAA,CAAAE,IAAA;YACCV,OAAM;YACNzB,MAAA;YACEoC,IAAA;UAAA,EACA;QAAA;QACa/B,QACT;MAAmB,IACrB,eACFlB,IAAA,CAAAO,MAAA;QAAAwC,OACF,WAAAA,CAAA;UAAAD,KAAA,CAAAI,IAAA;QACF;QAAAhC,QAAA;MACF;IAIA,CACF","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Toast","useToastController","useToastState","React","Button","Label","Switch","XStack","YStack","ToastDemo","native","setNative","useState","gap","items","children","ToastControl","CurrentToast","NativeOptions","currentToast","isHandledNatively","duration","viewportName","enterStyle","opacity","scale","y","exitStyle","transition","bg","boxShadow","justify","flex","Title","title","message","Description","Action","asChild","altText","size","id","param","toast","onPress","show","demo","hide"],"sources":["../../src/ToastDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAA,IAAAC,KAAA,QAAoB,mBAAqB;AACzD,SAAOC,KAAA,EAAAC,kBAAW,EAAAC,aAAA;AAClB,OAAAC,KAAS,MAAQ,OAAO;AAWpB,SACEC,MADF,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAJG,IAAAC,SAAM,YAAAA,CAAA,EAAkB;EAC7B,KAAAC,MAAO,EAAAC,SAAQ,IAASR,KAAI,CAAAS,QAAM,MAAS;EAE3C,OACE,eAAAb,KAAC,CAAAS,MAAA;IACCK,GAAA;IACAC,KAAA;IAEAC,QAAA,GACF,eAAAlB,IAAA,CAAAmB,YAAA;MAEJN;IAEM,IACJ,eAAMb,IAAe,CAAAoB,YAAc,OAE/B,eAACpB,IAAgB,CAAAqB,aAAa;MAElCR,MACE;MAACC;IAAA;EAEwB;AACI;AACmB,IAAAM,YAC9C,GAAa,SAAAA,CAAA,EAAS;EAAuB,IAC7CE,YAAS,GAAAjB,aAAA;EAAA,IACT,CAAAiB,YAAO,IAAAA,YAAA,CAAAC,iBAAA;EAAA,OACJ,eAAAvB,IAAA,CAAAG,KAAA;IAAAqB,QACH,EAAAF,YAAW,CAAAE,QAAA;IAAAC,YACR,EAAAH,YAAA,CAAAG,YAAA;IAAAC,UACH;MAEAC,OAAA;MACEC,KAAA;MACEC,CAAA;IAAiC;IAEUC,SAE7C;MAAAH,OACA;MAEAC,KACF;MAAAC,CAAA;IAtBK;IAuBPF,OAAA;IAEJC,KAAA;IAEAC,CAAA,EAAM;IACJE,UAAM,EAAQ;IAEdC,EAAA,WACE;IACEC,SAAA;IAAAf,QAAC,iBAAAhB,KAAA,CAAAQ,MAAA;MAAAM,GAAA;MAAAC,KACC,UAAS;MACPiB,OAAA,iBAAW;MAAuBhB,QAChC,GAAS,eACThB,KAAA,CAAAS,MAAA;QAAAK,GACA,QAAM;QACRmB,IAAC;QACHjB,QAAA,GACD,eAAAlB,IAAA,CAAAG,KAAA,CAAAiC,KAAA;UAAAlB,QAAA,EAAAI,YAAA,CAAAe;QAED,IACA,EAAAf,YAAA,CAAAgB,OAAA,mBAAAtC,IAAA,CAAAG,KAAA,CAAAoC,WAAA;UAACrB,QAAA,EAAAI,YAAA,CAAAgB;QAAA;MAEG,IACF,eAAAtC,IAAA,CAAAG,KAAA,CAAAqC,MAAA;QACDC,OAAA;QAAAC,OAAA;QAEDxB,QAAA,iBAAAlB,IAAA,CAAAO,MAAA;UACFoC,IAAA;UAEJzB,QAAA;QAEM;MACJ;IAEF;EAIE,GAAAI,YACE,CAAAsB,EAAA;AACE;AAEA,IACAzB,YAAA,YAAAA,CAAA0B,KAAA;EAAA,IAAC;IAAAhC;EAAA,IAAAgC,KAAA;EAAA,IAAAC,KAAA,GAAA1C,kBAAA;EAAA,OACC,eAAMF,KAAA,CAAAQ,MAAA;IAAAM,GAAA,EACN,IAAG;IAAAkB,OACH,UAAK;IAAAhB,QACL,GAAW,eACXlB,IAAkB,CAAAO,MAAA,EAAQ;MAE1BwC,OAAA,WAAAA,CAAA;QAACD,KAAA,CAAAE,IAAO;UAAPV,OAAA;UACCzB,MAAA;UACAoC,IAAA;QAAY;MACV;MACA/B,QACE;IAAW,IACU,eACrBlB,IAAA,CAAAO,MAAA;MAAAwC,OACF,WAAAA,CAAA;QAAAD,KACF,CAAAI,IAAA;MAAA;MACFhC,QAAA;IAAA;EACF,EAEA;AAEA;AAGN,IAAAG,aAAA,YAAAA,CAAAwB,KAAA","ignoreList":[]}

package/dist/esm/ToggleGroupDemo.mjs

@@ -33,8 +33,8 @@ function ToggleGroupDemo() {
   });
 }
 function ToggleGroupComponent(props) {
-  const id = `switch-${props.type}`,
-    Group = props.orientation === "horizontal" ? XGroup : YGroup;
+  const id = `switch-${props.type}`;
+  const Group = props.orientation === "horizontal" ? XGroup : YGroup;
   return /* @__PURE__ */jsxs(XStack, {
     flexDirection: props.orientation === "horizontal" ? "row" : "column",
     items: "center",
@@ -50,7 +50,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__ */jsxs(Group, {
         children: [/* @__PURE__ */jsx(Group.Item, {
           children: /* @__PURE__ */jsx(ToggleGroup.Item, {

package/dist/esm/ToggleGroupDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["AlignCenter","AlignLeft","AlignRight","Label","ToggleGroup","XGroup","YGroup","XStack","YStack","jsx","jsxs","ToggleGroupDemo","px","children","items","gap","ToggleGroupComponent","type","orientation","y","props","id","Group","flexDirection","justify","pr","size","htmlFor","disableDeactivation","Item","value","borderRadius","activeStyle","backgroundColor"],"sources":["../../src/ToggleGroupDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["AlignCenter","AlignLeft","AlignRight","Label","ToggleGroup","XGroup","YGroup","XStack","YStack","jsx","jsxs","ToggleGroupDemo","px","children","items","gap","ToggleGroupComponent","type","orientation","y","props","id","Group","flexDirection","justify","pr","size","htmlFor","disableDeactivation","Item","value","borderRadius","activeStyle","backgroundColor"],"sources":["../../src/ToggleGroupDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/ToggleGroupDemo.native.js

@@ -33,8 +33,8 @@ function ToggleGroupDemo() {
   });
 }
 function ToggleGroupComponent(props) {
-  var id = `switch-${props.type}`,
-    Group = props.orientation === "horizontal" ? XGroup : YGroup;
+  var id = `switch-${props.type}`;
+  var Group = props.orientation === "horizontal" ? XGroup : YGroup;
   return /* @__PURE__ */_jsxs(XStack, {
     flexDirection: props.orientation === "horizontal" ? "row" : "column",
     items: "center",
@@ -50,7 +50,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__ */_jsxs(Group, {
         children: [/* @__PURE__ */_jsx(Group.Item, {
           children: /* @__PURE__ */_jsx(ToggleGroup.Item, {

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","AlignCenter","AlignLeft","AlignRight","Label","ToggleGroup","XGroup","YGroup","XStack","YStack","ToggleGroupDemo","px","children","items","gap","ToggleGroupComponent","type","orientation","y","props","id","Group","flexDirection","justify","pr","size","htmlFor","disableDeactivation","Item","value","borderRadius","activeStyle"],"sources":["../../src/ToggleGroupDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAW,2BAAkB;AACnD,SAASC,WAAO,EAAAC,SAAa,EAAAC,UAAQ,QAAQ,0BAAsB;AAM3D,SACEC,KADF,EAAAC,WAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAJD,SAASC,gBAAA,EAAkB;EAChC,OACE,eAAAZ,IAAC,CAAAW,MAAA;IAEGE,EAAA;IACEC,QAAA,iBAACZ,KAAA,CAAAQ,MAAA;MACDK,KAAA;MAA+DC,GACjE;MACAF,QAAA,GACE,eAAAZ,KAAC,CAAAS,MAAA;QACDI,KAAA;QACFC,GAAA;QAEJF,QAAA,GAEJ,eAAAd,IAAA,CAAAiB,oBAAA;UAESC,IAAA;UAIIC,WAAU;QAInB,IAAC,eAAAnB,IAAA,CAAAiB,oBAAA;UAAAC,IAAA;UACCC,WAAe,EAAM;QACrB,CAAM;MAEN,IAEA,eAAAjB,KAAA,CAAAQ,MAAA;QAAAK,KAAA;QAIAC,GAAA;QAACI,CAAA;QAAAN,QAAA,GACC,eAAad,IAAM,CAAAiB,oBAAA;UACnBC,IAAA;UACAC,WAAY;QACZ,IAEA,eAAAnB,IAAA,CAAAiB,oBACE;UAAAC,IAAA;UACEC,WAAC;QAAY;MACL;IAEO;EAC6B;AAErB;AAAA,SAAAF,oBAEzBA,CAAAI,KAAA;EAAA,IAAAC,EAAA,aAEAD,KAAA,CAAAH,IAAA;IAACK,KAAM,GAAAF,KACL,CAAAF,WAAA,oBAAAX,MAAA,GAAAC,MAAA;EAAA,sBAACP,KAAY,CAAAQ,MAAA;IAAAc,aAAZ,EAAAH,KAAA,CAAAF,WAAA;IAAAJ,KAAA,UACC;IAAMU,OAAA,UACN;IAAWT,GAAA;IACEF,QAAA,GAC6B,eAE1Cd,IAAA,CAAAM,KAAA;MAAuBoB,EAAA;MAAAD,OACzB,EACF;MAAAE,IAAA,EAEA;MACEC,OAAA,EAACN,EAAA;MAAYR,QAAZ,EAAAO,KAAA,CAAAH,IAAA;IAAA,IACO,eACNlB,IAAA,CAAAO,WAAW;MAAAY,WACX,EAAAE,KAAA,CAAAF,WAAa;MAAAG,EAAA;MAC6BJ,IAAA,EAAAG,KAE1C,CAAAH,IAAA;MAAsBW,mBAAA,EAAAR,KAAA,CAAAH,IAAA;MAAAJ,QACxB,EACF,eAAAZ,KAAA,CAAAqB,KAAA;QAAAT,QACF,kBAAAd,IAAA,CAAAuB,KAAA,CAAAO,IAAA;UACFhB,QAAA,iBAAAd,IAAA,CAAAO,WAAA,CAAAuB,IAAA;YAAAC,KAAA;YAAA;YACFC,YAAA;YAEJC,WAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","AlignCenter","AlignLeft","AlignRight","Label","ToggleGroup","XGroup","YGroup","XStack","YStack","ToggleGroupDemo","px","children","items","gap","ToggleGroupComponent","type","orientation","y","props","id","Group","flexDirection","justify","pr","size","htmlFor","disableDeactivation","Item","value","borderRadius","activeStyle"],"sources":["../../src/ToggleGroupDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAW,2BAAkB;AACnD,SAASC,WAAO,EAAAC,SAAa,EAAAC,UAAQ,QAAQ,0BAAsB;AAM3D,SACEC,KADF,EAAAC,WAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAJD,SAASC,gBAAA,EAAkB;EAChC,OACE,eAAAZ,IAAC,CAAAW,MAAA;IAEGE,EAAA;IACEC,QAAA,iBAACZ,KAAA,CAAAQ,MAAA;MACDK,KAAA;MAA+DC,GACjE;MACAF,QAAA,GACE,eAAAZ,KAAC,CAAAS,MAAA;QACDI,KAAA;QACFC,GAAA;QAEJF,QAAA,GAEJ,eAAAd,IAAA,CAAAiB,oBAAA;UAESC,IAAA;UAIIC,WAAU;QACf,IAGJ,eAAAnB,IAAA,CAAAiB,oBAAA;UAACC,IAAA;UAAAC,WAAA;QACC;MAEA,IACA,eAAIjB,KAAA,CAAAQ,MAAA;QAEJK,KAAA;QAAAC,GAAA;QAIAI,CAAA;QAACN,QAAA,kBAAAd,IAAA,CAAAiB,oBAAA;UACCC,IAAA,UAAa;UACbC,WAAA;QACA,IACA,eAAAnB,IAAA,CAAqBiB,oBAAe;UAEpCC,IAAA;UACEC,WAAA;QACE;MAAC;IAEY;EACE;AAC6B;AAErB,SAAAF,qBAAAI,KAAA;EAAA,IAAAC,EAAA,aAEzBD,KAAA,CAAAH,IAAA;EAAA,IAAAK,KAAA,GAEAF,KAAA,CAAAF,WAAA,KAAC,YACC,GAAAX,MAAA,GAAAC,MAAA;EAAA,sBAACP,KAAY,CAAAQ,MAAA;IAAAc,aAAZ,EAAAH,KAAA,CAAAF,WAAA;IAAAJ,KAAA,UACC;IAAMU,OAAA,UACN;IAAWT,GAAA;IACEF,QAAA,GAC6B,eAE1Cd,IAAA,CAAAM,KAAA;MAAuBoB,EAAA;MAAAD,OACzB,EACF;MAAAE,IAAA,EAEA;MACEC,OAAA,EAACN,EAAA;MAAYR,QAAZ,EAAAO,KAAA,CAAAH,IAAA;IAAA,IACO,eACNlB,IAAA,CAAAO,WAAW;MAAAY,WACX,EAAAE,KAAA,CAAAF,WAAa;MAAAG,EAAA;MAC6BJ,IAAA,EAAAG,KAE1C,CAAAH,IAAA;MAAsBW,mBAAA,EAAAR,KAAA,CAAAH,IAAA;MAAAJ,QACxB,EACF,eAAAZ,KAAA,CAAAqB,KAAA;QAAAT,QACF,kBAAAd,IAAA,CAAAuB,KAAA,CAAAO,IAAA;UACFhB,QAAA,iBAAAd,IAAA,CAAAO,WAAA,CAAAuB,IAAA;YAAAC,KAAA;YAAA;YACFC,YAAA;YAEJC,WAAA","ignoreList":[]}

package/dist/esm/TokensDemo.mjs

@@ -3,17 +3,17 @@ import React from "react";
 import { Button, H2, H3, H4, Square, XGroup, XStack, YStack } from "@hanzo/gui";
 import { jsx, jsxs } from "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] = React.useState("size");
@@ -25,14 +25,16 @@ function TokensDemo() {
       children: sections.map(({
         name,
         key
-      }) => /* @__PURE__ */jsx(XGroup.Item, {
-        children: /* @__PURE__ */jsx(Button, {
-          size: "$3",
-          theme: section === key ? "accent" : null,
-          onPress: () => setSection(key),
-          children: name
-        })
-      }, key))
+      }) => {
+        return /* @__PURE__ */jsx(XGroup.Item, {
+          children: /* @__PURE__ */jsx(Button, {
+            size: "$3",
+            theme: section === key ? "accent" : null,
+            onPress: () => setSection(key),
+            children: name
+          })
+        }, key);
+      })
     }), (section === "size" || section === "spaceNegative" || section === "space" || section === "radius") && /* @__PURE__ */jsx(SizeSection, {
       section
     })]
@@ -41,11 +43,11 @@ function TokensDemo() {
 function SizeSection({
   section
 }) {
-  const allTokens = 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 = 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__ */jsxs(YStack, {
     flex: 1,
     gap: "$4",
@@ -54,34 +56,36 @@ function SizeSection({
     }), /* @__PURE__ */jsx(YStack, {
       width: "100%",
       gap: "$2",
-      children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(token => /* @__PURE__ */jsxs(XStack, {
-        width: "100%",
-        items: "center",
-        children: [/* @__PURE__ */jsx(YStack, {
-          width: "25%",
-          children: /* @__PURE__ */jsxs(H3, {
-            size: "$6",
-            children: ["$", token]
-          })
-        }), /* @__PURE__ */jsx(YStack, {
-          width: "20%",
-          children: /* @__PURE__ */jsxs(H4, {
-            size: "$5",
-            children: [tokens[token]?.val, "px"]
-          })
-        }), /* @__PURE__ */jsx(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__ */jsxs(XStack, {
+          width: "100%",
+          items: "center",
+          children: [/* @__PURE__ */jsx(YStack, {
+            width: "25%",
+            children: /* @__PURE__ */jsxs(H3, {
+              size: "$6",
+              children: ["$", token]
+            })
+          }), /* @__PURE__ */jsx(YStack, {
+            width: "20%",
+            children: /* @__PURE__ */jsxs(H4, {
+              size: "$5",
+              children: [tokens[token]?.val, "px"]
+            })
+          }), /* @__PURE__ */jsx(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);
+      })
     })]
   });
 }

package/dist/esm/TokensDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["getConfig","React","Button","H2","H3","H4","Square","XGroup","XStack","YStack","jsx","jsxs","sections","name","key","TokensDemo","section","setSection","useState","gap","children","items","self","map","Item","size","theme","onPress","SizeSection","allTokens","tokens","startsWith","st","Object","keys","sort","a","b","Number","parseFloat","spaceTokens","filter","t","spaceTokensNegative","flex","width","token","val","backgroundColor","find","borderRadius"],"sources":["../../src/TokensDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["getConfig","React","Button","H2","H3","H4","Square","XGroup","XStack","YStack","jsx","jsxs","sections","name","key","TokensDemo","section","setSection","useState","gap","children","items","self","map","Item","size","theme","onPress","SizeSection","allTokens","tokens","startsWith","st","Object","keys","sort","a","b","Number","parseFloat","spaceTokens","filter","t","spaceTokensNegative","flex","width","token","val","backgroundColor","find","borderRadius"],"sources":["../../src/TokensDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/TokensDemo.native.js

@@ -3,17 +3,17 @@ import { getConfig } from "@hanzogui/core";
 import React from "react";
 import { Button, H2, H3, H4, Square, XGroup, XStack, YStack } from "@hanzo/gui";
 var 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() {
   var [section, setSection] = React.useState("size");
@@ -45,21 +45,21 @@ function TokensDemo() {
 }
 function SizeSection(param) {
   var {
-      section
-    } = param,
-    allTokens = getConfig().tokens,
-    tokens = allTokens[section.startsWith("space") ? "space" : section],
-    st = Object.keys(tokens).sort(function (a, b) {
-      return Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1;
-    }),
-    spaceTokens = st.filter(function (t) {
-      return Number.parseFloat(t) >= 0;
-    }),
-    spaceTokensNegative = st.filter(function (t) {
-      return Number.parseFloat(t) < 0;
-    }).sort(function (a, b) {
-      return Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1;
-    });
+    section
+  } = param;
+  var allTokens = getConfig().tokens;
+  var tokens = allTokens[section.startsWith("space") ? "space" : section];
+  var st = Object.keys(tokens).sort(function (a, b) {
+    return Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1;
+  });
+  var spaceTokens = st.filter(function (t) {
+    return Number.parseFloat(t) >= 0;
+  });
+  var spaceTokensNegative = st.filter(function (t) {
+    return Number.parseFloat(t) < 0;
+  }).sort(function (a, b) {
+    return Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1;
+  });
   return /* @__PURE__ */_jsxs(YStack, {
     flex: 1,
     gap: "$4",
@@ -69,7 +69,8 @@ function SizeSection(param) {
       width: "100%",
       gap: "$2",
       children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(function (token) {
-        var _tokens_token, _tokens_token1, _tokens_, _allTokens_size_token, _tokens_token2, _spaceTokensNegative_find;
+        var _tokens_token, _tokens_token1, _tokens_, _allTokens_size_token, _tokens_token2;
+        var _spaceTokensNegative_find;
         return /* @__PURE__ */_jsxs(XStack, {
           width: "100%",
           items: "center",

package/dist/esm/TokensDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","getConfig","React","Button","H2","H3","H4","Square","XGroup","XStack","YStack","sections","name","key","TokensDemo","section","setSection","useState","gap","children","items","self","map","param","Item","size","theme","onPress","SizeSection","allTokens","tokens","startsWith","st","Object","keys","sort","a","b","Number","parseFloat","spaceTokens","filter","t","spaceTokensNegative","flex","width","token","_tokens_token","_tokens_token1","_tokens_","_allTokens_size_token","_tokens_token2","_spaceTokensNegative_find"],"sources":["../../src/TokensDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAiB,IAAAC,KAAA;AAC1B,SAAOC,SAAW;AAClB,OAAAC,KAAS,MAAQ,OAAQ;AA2BrB,SAKUC,MALV,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAvBJ,IAAAC,QAAM,IACJ;EACEC,IAAA,EAAM;EACNC,GAAA,EAAK;AACP,GACA;EACED,IAAA,EAAM;EACNC,GAAA,EAAK;AACP,GACA;EACED,IAAA,EAAM;EACNC,GAAA,EAAK;AACP,GACA;EACED,IAAA,EAAM;EACNC,GAAA,EAAK;AACP,EACF;AAEO,SAASC,WAAA,EAAa;EAC3B,KAAAC,OAAO,EAAAC,UAAS,IAAUd,KAAI,CAAAe,QAAM,OAAkB;EAEtD,OACE,eAAAjB,KAAC,CAAAU,MAAA;IACCQ,GAAA;IAIQC,QAAC,kBAAArB,IAAA,CAAAU,MAAA;MACCY,KAAA,EAAK;MACLC,IAAA,UAAO;MACPF,QAAA,EAASR,QAAM,CAAAW,GAAA,WAAcC,KAAA;QAE5B;UAAAX,IAAA;UAAAC;QAAA,IAAAU,KAAA;QAAA,sBAAAzB,IAAA,CAAAU,MAAA,CAAAgB,IAAA;UAELL,QAGN,iBAAArB,IAAA,CAAAK,MAAA;YAEEsB,IAAY;YAIhBC,KAAA,EAAAX,OAAA,KAAAF,GAAA;YAEJc,OAAA,WAAAA,CAAA;cAES,OAAcX,UAAQ,CAAyBH,GAAA;YAChD;YAGJM,QAAO,EAAAP;UAEH;QAMJ,GAAAC,GAAA;MACE;IACA,IAEI,CAACE,OAAA,KAEG,UAAAA,OAAA,KAAC,eAAa,IAAAA,OAAO,KAAM,WACzBA,OAAA,iCAAAjB,IAAA,CAAA8B,WAAA;MAAAb;IACgB;EAAE;AAClB;AAEiB,SAAAa,WAAOA,CAAAL,KAAQ;EAAA;MAAAR;IAAI,IAAAQ,KAAA;IAAAM,SAAA,GAAA5B,SAAA,GAAA6B,MAAA;IAAAA,MAAA,GAAAD,SAAA,CAAAd,OAAA,CAAAgB,UAAA,sBAAAhB,OAAA;IAAAiB,EAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAK,IAAA,WAAAC,CAAA,EAAAC,CAAA;MAAA,OAAEC,MACtC,CAAAC,UAAA,CAAAH,CAAA,IAAAE,MAAA,CAAAC,UAAA,CAAAF,CAAA;IAAA;IAAAG,WACA,GAAAR,EAAA,CAAAS,MAAA,WAAAC,CAAA;MAAA,OAACJ,MAAA,CAAAC,UAAA,CAAAG,CAAA;IAAA;IAAAC,mBAAA,GAAAX,EAAA,CAAAS,MAAA,WAAAC,CAAA;MAAA,OAAAJ,MACC,CAAMC,UAAO,CAAAG,CAAK,IAAG;IAAA,GAAAP,IAAA,WACrBC,CAAA,EAAAC,CAAA;MAAgB,OAAAC,MACX,CAAAC,UAAY,CAAAH,CAAA,IAAAE,MAAA,CAAAC,UAAmB,CAAAF,CAAA;IAAA;EACjB,sBAEdrC,KACC,CAAAU,MAAA;IAAoBkC,IAAA;IACsC1B,GAAA;IAEzDC,QACP,kBACKrB,IAAA,CAAYM,EAAA;MAAYe,QAC3B;IAA6B,IACA,eAC/BrB,IAAA,CAAAY,MAAA;MAAAmC,KAAA;MACF3B,GAAA;MAAAC,QACF,GAAAJ,OAAA,uBAAA4B,mBAAA,GAAAH,WAAA,EAAAlB,GAAA,WAAAwB,KAAA;QAIR,IAAAC,aAAA,EAAAC,cAAA,EAAAC,QAAA,EAAAC,qBAAA,EAAAC,cAAA,EAAAC,yBAAA;QACF,sBAAApD,KAAA,CAAAS,MAAA;UAEJoC,KAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","getConfig","React","Button","H2","H3","H4","Square","XGroup","XStack","YStack","sections","name","key","TokensDemo","section","setSection","useState","gap","children","items","self","map","param","Item","size","theme","onPress","SizeSection","allTokens","tokens","startsWith","st","Object","keys","sort","a","b","Number","parseFloat","spaceTokens","filter","t","spaceTokensNegative","flex","width","token","_tokens_token","_tokens_token1","_tokens_","_allTokens_size_token","_tokens_token2","_spaceTokensNegative_find"],"sources":["../../src/TokensDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/TooltipDemo.mjs

@@ -67,10 +67,10 @@ function Demo({
   return /* @__PURE__ */jsxs(Tooltip, {
     ...props,
     children: [/* @__PURE__ */jsx(Tooltip.Trigger, {
-      asChild: !0,
+      asChild: true,
       children: /* @__PURE__ */jsx(Button, {
         icon: Icon,
-        circular: !0
+        circular: true
       })
     }), /* @__PURE__ */jsxs(Tooltip.Content, {
       enterStyle: {
@@ -93,7 +93,7 @@ function Demo({
       px: "$3",
       transition: ["quick", {
         opacity: {
-          overshootClamping: !0
+          overshootClamping: true
         }
       }],
       children: [/* @__PURE__ */jsx(Tooltip.Arrow, {}), /* @__PURE__ */jsx(Paragraph, {

package/dist/esm/TooltipDemo.native.js

@@ -68,10 +68,10 @@ function Demo(param) {
   return /* @__PURE__ */_jsxs(Tooltip, {
     ...props,
     children: [/* @__PURE__ */_jsx(Tooltip.Trigger, {
-      asChild: !0,
+      asChild: true,
       children: /* @__PURE__ */_jsx(Button, {
         icon: Icon,
-        circular: !0
+        circular: true
       })
     }), /* @__PURE__ */_jsxs(Tooltip.Content, {
       enterStyle: {
@@ -94,7 +94,7 @@ function Demo(param) {
       px: "$3",
       transition: ["quick", {
         opacity: {
-          overshootClamping: !0
+          overshootClamping: true
         }
       }],
       children: [/* @__PURE__ */_jsx(Tooltip.Arrow, {}), /* @__PURE__ */_jsx(Paragraph, {