@hanzogui/demos 8.3.0 → 8.3.3

package/dist/esm/NewInputsDemo.mjs

@@ -1,40 +0,0 @@
-import { Button, XStack, YStack } from "@hanzo/gui";
-import { Input, TextArea } from "@hanzogui/input";
-import { jsx, jsxs } from "react/jsx-runtime";
-function NewInputsDemo() {
-  return /* @__PURE__ */jsxs(YStack, {
-    width: 200,
-    minH: 250,
-    overflow: "hidden",
-    gap: "$2",
-    m: "$3",
-    p: "$2",
-    children: [/* @__PURE__ */jsx(InputDemo, {
-      size: "$2"
-    }), /* @__PURE__ */jsx(InputDemo, {
-      size: "$3"
-    }), /* @__PURE__ */jsx(InputDemo, {
-      size: "$4"
-    }), /* @__PURE__ */jsx(TextArea, {
-      theme: "surface1",
-      placeholder: "Enter your details..."
-    })]
-  });
-}
-function InputDemo(props) {
-  return /* @__PURE__ */jsxs(XStack, {
-    items: "center",
-    gap: "$2",
-    children: [/* @__PURE__ */jsx(Input, {
-      theme: "surface1",
-      flex: 1,
-      size: props.size,
-      placeholder: `Size ${props.size}...`
-    }), /* @__PURE__ */jsx(Button, {
-      size: props.size,
-      children: "Go"
-    })]
-  });
-}
-export { NewInputsDemo };
-//# sourceMappingURL=NewInputsDemo.mjs.map

package/dist/esm/NewInputsDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["Button","XStack","YStack","Input","TextArea","jsx","jsxs","NewInputsDemo","width","minH","overflow","gap","m","p","children","InputDemo","size","theme","placeholder","props","items","flex"],"sources":["../../src/NewInputsDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,EAAeC,MAAA,EAAQC,MAAA,QAAc;AAC9C,SAASC,KAAA,EAAOC,QAAA,QAAgB;AAI5B,SACEC,GAAA,EADFC,IAAA;AAFG,SAASC,cAAA,EAAgB;EAC9B,OACE,eAAAD,IAAA,CAACJ,MAAA;IAAOM,KAAA,EAAO;IAAKC,IAAA,EAAM;IAAKC,QAAA,EAAS;IAASC,GAAA,EAAI;IAAKC,CAAA,EAAE;IAAKC,CAAA,EAAE;IACjEC,QAAA,kBAAAT,GAAA,CAACU,SAAA;MAAUC,IAAA,EAAK;IAAA,CAAK,GACrB,eAAAX,GAAA,CAACU,SAAA;MAAUC,IAAA,EAAK;IAAA,CAAK,GACrB,eAAAX,GAAA,CAACU,SAAA;MAAUC,IAAA,EAAK;IAAA,CAAK,GACrB,eAAAX,GAAA,CAACD,QAAA;MAASa,KAAA,EAAM;MAAWC,WAAA,EAAY;IAAA,CAAwB;EAAA,CACjE;AAEJ;AAEA,SAASH,UAAUI,KAAA,EAA6B;EAC9C,OACE,eAAAb,IAAA,CAACL,MAAA;IAAOmB,KAAA,EAAM;IAAST,GAAA,EAAI;IACzBG,QAAA,kBAAAT,GAAA,CAACF,KAAA;MACCc,KAAA,EAAM;MACNI,IAAA,EAAM;MACNL,IAAA,EAAMG,KAAA,CAAMH,IAAA;MACZE,WAAA,EAAa,QAAQC,KAAA,CAAMH,IAAI;IAAA,CACjC,GACA,eAAAX,GAAA,CAACL,MAAA;MAAOgB,IAAA,EAAMG,KAAA,CAAMH,IAAA;MAAMF,QAAA;IAAA,CAAE;EAAA,CAC9B;AAEJ","ignoreList":[]}

package/dist/esm/NewInputsDemo.native.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, XStack, YStack } from "@hanzo/gui";
-import { Input, TextArea } from "@hanzogui/input";
-function NewInputsDemo() {
-  return /* @__PURE__ */_jsxs(YStack, {
-    width: 200,
-    minH: 250,
-    overflow: "hidden",
-    gap: "$2",
-    m: "$3",
-    p: "$2",
-    children: [/* @__PURE__ */_jsx(InputDemo, {
-      size: "$2"
-    }), /* @__PURE__ */_jsx(InputDemo, {
-      size: "$3"
-    }), /* @__PURE__ */_jsx(InputDemo, {
-      size: "$4"
-    }), /* @__PURE__ */_jsx(TextArea, {
-      theme: "surface1",
-      placeholder: "Enter your details..."
-    })]
-  });
-}
-function InputDemo(props) {
-  return /* @__PURE__ */_jsxs(XStack, {
-    items: "center",
-    gap: "$2",
-    children: [/* @__PURE__ */_jsx(Input, {
-      theme: "surface1",
-      flex: 1,
-      size: props.size,
-      placeholder: `Size ${props.size}...`
-    }), /* @__PURE__ */_jsx(Button, {
-      size: props.size,
-      children: "Go"
-    })]
-  });
-}
-export { NewInputsDemo };
-//# sourceMappingURL=NewInputsDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","XStack","YStack","Input","TextArea","NewInputsDemo","width","minH","overflow","gap","m","p","children","InputDemo","size","theme","placeholder"],"sources":["../../src/NewInputsDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAe,EAAAC,IAAQ,IAAAC,KAAA,QAAc;AAC9C,SAASC,MAAA,EAAOC,MAAA,EAAAC,MAAA,QAAgB;AAI5B,SACEC,KADF,EAAAC,QAAA;AAFG,SAASC,cAAA,EAAgB;EAC9B,OACE,eAAAN,KAAC,CAAAG,MAAA;IACCI,KAAA;IACAC,IAAA;IACAC,QAAA;IACAC,GAAA;IAA+DC,CACjE;IAEJC,CAAA;IAEAC,QAAS,GACP,eACEf,IAAA,CAAAgB,SAAC;MACCC,IAAA;IAAC,mBAAAjB,IAAA,CAAAgB,SAAA;MACCC,IAAA;IAAM,EACN,EAAM,eACMjB,IAAA,CAAAgB,SAAA;MACZC,IAAA;IAA+B,IACjC,eAAAjB,IAAA,CAAAO,QAAA;MACAW,KAAA,YAAC;MACHC,WAAA;IAEJ","ignoreList":[]}

package/dist/esm/PopoverDemo.mjs

@@ -1,126 +0,0 @@
-import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@hanzogui/lucide-icons-2";
-import { useState } from "react";
-import { Adapt, Button, Input, isWeb, Label, Popover, Sheet, XStack, YStack } from "@hanzo/gui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function PopoverDemo() {
-  const [shouldAdapt, setShouldAdapt] = useState(true);
-  return /* @__PURE__ */jsxs(YStack, {
-    gap: "$4",
-    children: [/* @__PURE__ */jsxs(XStack, {
-      gap: "$2",
-      flex: 1,
-      justify: "center",
-      items: "center",
-      children: [/* @__PURE__ */jsx(Demo, {
-        shouldAdapt,
-        placement: "left",
-        Icon: ChevronLeft,
-        Name: "left-popover"
-      }), /* @__PURE__ */jsx(Demo, {
-        shouldAdapt,
-        placement: "bottom",
-        Icon: ChevronDown,
-        Name: "bottom-popover"
-      }), /* @__PURE__ */jsx(Demo, {
-        shouldAdapt,
-        placement: "top",
-        Icon: ChevronUp,
-        Name: "top-popover"
-      }), /* @__PURE__ */jsx(Demo, {
-        shouldAdapt,
-        placement: "right",
-        Icon: ChevronRight,
-        Name: "right-popover"
-      })]
-    }), !isWeb && /* @__PURE__ */jsxs(Button, {
-      onPress: () => setShouldAdapt(!shouldAdapt),
-      children: ["Adapt to Sheet: ", `${shouldAdapt}`]
-    })]
-  });
-}
-function Demo({
-  Icon,
-  Name,
-  shouldAdapt,
-  ...props
-}) {
-  return /* @__PURE__ */jsxs(Popover, {
-    size: "$5",
-    allowFlip: true,
-    stayInFrame: true,
-    offset: 15,
-    resize: true,
-    ...props,
-    children: [/* @__PURE__ */jsx(Popover.Trigger, {
-      asChild: true,
-      children: /* @__PURE__ */jsx(Button, {
-        icon: Icon
-      })
-    }), shouldAdapt && /* @__PURE__ */jsx(Adapt, {
-      when: "maxMd",
-      platform: "touch",
-      children: /* @__PURE__ */jsxs(Sheet, {
-        transition: "medium",
-        modal: true,
-        dismissOnSnapToBottom: true,
-        children: [/* @__PURE__ */jsx(Sheet.Frame, {
-          p: "$4",
-          children: /* @__PURE__ */jsx(Adapt.Contents, {})
-        }), /* @__PURE__ */jsx(Sheet.Overlay, {
-          bg: "$shadowColor",
-          transition: "lazy",
-          enterStyle: {
-            opacity: 0
-          },
-          exitStyle: {
-            opacity: 0
-          }
-        })]
-      })
-    }), /* @__PURE__ */jsxs(Popover.Content, {
-      borderWidth: 1,
-      borderColor: "$borderColor",
-      width: 300,
-      height: 200,
-      enterStyle: {
-        y: -10,
-        opacity: 0
-      },
-      exitStyle: {
-        y: -10,
-        opacity: 0
-      },
-      boxShadow: "0px 4px 8px rgba(0,0,0,0.1), 0px 12px 32px rgba(0,0,0,0.08)",
-      transition: ["quick", {
-        opacity: {
-          overshootClamping: true
-        }
-      }],
-      children: [/* @__PURE__ */jsx(Popover.Arrow, {
-        borderWidth: 1,
-        borderColor: "$borderColor"
-      }), /* @__PURE__ */jsxs(XStack, {
-        gap: "$3",
-        mb: "$3",
-        children: [/* @__PURE__ */jsx(Label, {
-          size: "$3",
-          htmlFor: Name,
-          children: "Name"
-        }), /* @__PURE__ */jsx(Input, {
-          flex: 1,
-          size: "$3",
-          id: Name
-        })]
-      }), /* @__PURE__ */jsx(Popover.Close, {
-        asChild: true,
-        children: /* @__PURE__ */jsx(Button, {
-          size: "$3",
-          onPress: () => {},
-          children: "Submit"
-        })
-      })]
-    })]
-  });
-}
-export { Demo, PopoverDemo };
-//# sourceMappingURL=PopoverDemo.mjs.map

package/dist/esm/PopoverDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["ChevronDown","ChevronLeft","ChevronRight","ChevronUp","useState","Adapt","Button","Input","isWeb","Label","Popover","Sheet","XStack","YStack","jsx","jsxs","PopoverDemo","shouldAdapt","setShouldAdapt","gap","children","flex","justify","items","Demo","placement","Icon","Name","onPress","props","size","allowFlip","stayInFrame","offset","resize","Trigger","asChild","icon","when","platform","transition","modal","dismissOnSnapToBottom","Frame","p","Contents","Overlay","bg","enterStyle","opacity","exitStyle","Content","borderWidth","borderColor","width","height","y","boxShadow","overshootClamping","Arrow","mb","htmlFor","id","Close"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/PopoverDemo.native.js

@@ -1,130 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@hanzogui/lucide-icons-2";
-import { useState } from "react";
-import { Adapt, Button, Input, isWeb, Label, Popover, Sheet, XStack, YStack } from "@hanzo/gui";
-function PopoverDemo() {
-  var [shouldAdapt, setShouldAdapt] = useState(true);
-  return /* @__PURE__ */_jsxs(YStack, {
-    gap: "$4",
-    children: [/* @__PURE__ */_jsxs(XStack, {
-      gap: "$2",
-      flex: 1,
-      justify: "center",
-      items: "center",
-      children: [/* @__PURE__ */_jsx(Demo, {
-        shouldAdapt,
-        placement: "left",
-        Icon: ChevronLeft,
-        Name: "left-popover"
-      }), /* @__PURE__ */_jsx(Demo, {
-        shouldAdapt,
-        placement: "bottom",
-        Icon: ChevronDown,
-        Name: "bottom-popover"
-      }), /* @__PURE__ */_jsx(Demo, {
-        shouldAdapt,
-        placement: "top",
-        Icon: ChevronUp,
-        Name: "top-popover"
-      }), /* @__PURE__ */_jsx(Demo, {
-        shouldAdapt,
-        placement: "right",
-        Icon: ChevronRight,
-        Name: "right-popover"
-      })]
-    }), !isWeb && /* @__PURE__ */_jsxs(Button, {
-      onPress: function () {
-        return setShouldAdapt(!shouldAdapt);
-      },
-      children: ["Adapt to Sheet: ", `${shouldAdapt}`]
-    })]
-  });
-}
-function Demo(param) {
-  var {
-    Icon,
-    Name,
-    shouldAdapt,
-    ...props
-  } = param;
-  return /* @__PURE__ */_jsxs(Popover, {
-    size: "$5",
-    allowFlip: true,
-    stayInFrame: true,
-    offset: 15,
-    resize: true,
-    ...props,
-    children: [/* @__PURE__ */_jsx(Popover.Trigger, {
-      asChild: true,
-      children: /* @__PURE__ */_jsx(Button, {
-        icon: Icon
-      })
-    }), shouldAdapt && /* @__PURE__ */_jsx(Adapt, {
-      when: "maxMd",
-      platform: "touch",
-      children: /* @__PURE__ */_jsxs(Sheet, {
-        transition: "medium",
-        modal: true,
-        dismissOnSnapToBottom: true,
-        children: [/* @__PURE__ */_jsx(Sheet.Frame, {
-          p: "$4",
-          children: /* @__PURE__ */_jsx(Adapt.Contents, {})
-        }), /* @__PURE__ */_jsx(Sheet.Overlay, {
-          bg: "$shadowColor",
-          transition: "lazy",
-          enterStyle: {
-            opacity: 0
-          },
-          exitStyle: {
-            opacity: 0
-          }
-        })]
-      })
-    }), /* @__PURE__ */_jsxs(Popover.Content, {
-      borderWidth: 1,
-      borderColor: "$borderColor",
-      width: 300,
-      height: 200,
-      enterStyle: {
-        y: -10,
-        opacity: 0
-      },
-      exitStyle: {
-        y: -10,
-        opacity: 0
-      },
-      boxShadow: "0px 4px 8px rgba(0,0,0,0.1), 0px 12px 32px rgba(0,0,0,0.08)",
-      transition: ["quick", {
-        opacity: {
-          overshootClamping: true
-        }
-      }],
-      children: [/* @__PURE__ */_jsx(Popover.Arrow, {
-        borderWidth: 1,
-        borderColor: "$borderColor"
-      }), /* @__PURE__ */_jsxs(XStack, {
-        gap: "$3",
-        mb: "$3",
-        children: [/* @__PURE__ */_jsx(Label, {
-          size: "$3",
-          htmlFor: Name,
-          children: "Name"
-        }), /* @__PURE__ */_jsx(Input, {
-          flex: 1,
-          size: "$3",
-          id: Name
-        })]
-      }), /* @__PURE__ */_jsx(Popover.Close, {
-        asChild: true,
-        children: /* @__PURE__ */_jsx(Button, {
-          size: "$3",
-          onPress: function () {},
-          children: (/* Custom code goes here, does not interfere with popover closure */
-          "Submit")
-        })
-      })]
-    })]
-  });
-}
-export { Demo, PopoverDemo };
-//# sourceMappingURL=PopoverDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","useState","Adapt","Button","Input","isWeb","Label","Popover","Sheet","XStack","YStack","PopoverDemo","shouldAdapt","setShouldAdapt","gap","children","flex","justify","items","Demo","placement","Icon","Name","onPress","param","props","size","allowFlip","stayInFrame","offset","resize","Trigger","asChild","icon","when","platform","transition","modal","dismissOnSnapToBottom","Frame","p","Contents","Overlay","bg","enterStyle","opacity","exitStyle","Content","borderWidth","borderColor","width","height","y","boxShadow","overshootClamping","Arrow","mb"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/ProgressDemo.mjs

@@ -1,56 +0,0 @@
-import React from "react";
-import { Button, Paragraph, Progress, XStack, YStack } from "@hanzo/gui";
-import { Play, RotateCcw } from "@hanzogui/lucide-icons-2";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function ProgressDemo() {
-  const [key, setKey] = React.useState(0);
-  const [progress, setProgress] = React.useState(60);
-  const [slider, setSlider] = React.useState([60]);
-  return /* @__PURE__ */jsxs(Fragment, {
-    children: [/* @__PURE__ */jsxs(YStack, {
-      height: 60,
-      items: "center",
-      gap: "$4",
-      children: [/* @__PURE__ */jsxs(Paragraph, {
-        height: 30,
-        opacity: 0.5,
-        children: ["Progress: ", progress]
-      }), /* @__PURE__ */jsx(Progress, {
-        theme: "surface2",
-        value: progress,
-        children: /* @__PURE__ */jsx(Progress.Indicator, {
-          backgroundColor: "$color",
-          transition: ["quicker", {
-            transform: {
-              overshootClamping: true
-            }
-          }]
-        })
-      }, key)]
-    }), /* @__PURE__ */jsxs(XStack, {
-      items: "center",
-      gap: "$2",
-      position: "absolute",
-      b: "$3",
-      l: "$4",
-      $xxs: {
-        display: "none"
-      },
-      children: [/* @__PURE__ */jsx(Button, {
-        size: "$3",
-        icon: Play,
-        onPress: () => setProgress(prev => (prev + 20) % 100)
-      }), /* @__PURE__ */jsx(Button, {
-        size: "$3",
-        icon: RotateCcw,
-        onPress: () => {
-          setKey(Math.random());
-          setProgress(0);
-          setSlider([0]);
-        }
-      })]
-    })]
-  });
-}
-export { ProgressDemo };
-//# sourceMappingURL=ProgressDemo.mjs.map

package/dist/esm/ProgressDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Button","Paragraph","Progress","XStack","YStack","Play","RotateCcw","Fragment","jsx","jsxs","ProgressDemo","key","setKey","useState","progress","setProgress","slider","setSlider","children","height","items","gap","opacity","theme","value","Indicator","backgroundColor","transition","transform","overshootClamping","position","b","l","$xxs","display","size","icon","onPress","prev","Math","random"],"sources":["../../src/ProgressDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,MAAA,EAAQC,SAAA,EAAWC,QAAA,EAAyBC,MAAA,EAAQC,MAAA,QAAc;AAC3E,SAASC,IAAA,EAAMC,SAAA,QAAiB;AAQ5B,SAAAC,QAAA,EAOMC,GAAA,EALFC,IAAA,QAFJ;AANG,SAASC,aAAA,EAAe;EAC7B,MAAM,CAACC,GAAA,EAAKC,MAAM,IAAIb,KAAA,CAAMc,QAAA,CAAS,CAAC;EACtC,MAAM,CAACC,QAAA,EAAUC,WAAW,IAAIhB,KAAA,CAAMc,QAAA,CAAS,EAAE;EACjD,MAAM,CAACG,MAAA,EAAQC,SAAS,IAAIlB,KAAA,CAAMc,QAAA,CAAmB,CAAC,EAAE,CAAC;EAEzD,OACE,eAAAJ,IAAA,CAAAF,QAAA;IACEW,QAAA,kBAAAT,IAAA,CAACL,MAAA;MAAOe,MAAA,EAAQ;MAAIC,KAAA,EAAM;MAASC,GAAA,EAAI;MACrCH,QAAA,kBAAAT,IAAA,CAACR,SAAA;QAAUkB,MAAA,EAAQ;QAAIG,OAAA,EAAS;QAAKJ,QAAA,iBACxBJ,QAAA;MAAA,CACb,GAEA,eAAAN,GAAA,CAACN,QAAA;QAAmBqB,KAAA,EAAM;QAAWC,KAAA,EAAOV,QAAA;QAC1CI,QAAA,iBAAAV,GAAA,CAACN,QAAA,CAASuB,SAAA,EAAT;UACCC,eAAA,EAAgB;UAChBC,UAAA,EAAY,CACV,WACA;YACEC,SAAA,EAAW;cACTC,iBAAA,EAAmB;YACrB;UACF;QACF,CACF;MAAA,GAXalB,GAYf;IAAA,CACF,GAEA,eAAAF,IAAA,CAACN,MAAA;MACCiB,KAAA,EAAM;MACNC,GAAA,EAAI;MACJS,QAAA,EAAS;MACTC,CAAA,EAAE;MACFC,CAAA,EAAE;MACFC,IAAA,EAAM;QAAEC,OAAA,EAAS;MAAO;MAqBxBhB,QAAA,kBAAAV,GAAA,CAACR,MAAA;QACCmC,IAAA,EAAK;QACLC,IAAA,EAAM/B,IAAA;QACNgC,OAAA,EAASA,CAAA,KAAMtB,WAAA,CAAauB,IAAA,KAAUA,IAAA,GAAO,MAAM,GAAG;MAAA,CACxD,GACA,eAAA9B,GAAA,CAACR,MAAA;QACCmC,IAAA,EAAK;QACLC,IAAA,EAAM9B,SAAA;QACN+B,OAAA,EAASA,CAAA,KAAM;UACbzB,MAAA,CAAO2B,IAAA,CAAKC,MAAA,CAAO,CAAC;UACpBzB,WAAA,CAAY,CAAC;UACbE,SAAA,CAAU,CAAC,CAAC,CAAC;QACf;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/ProgressDemo.native.js

@@ -1,80 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from "react";
-import { Button, Paragraph, Progress, XStack, YStack } from "@hanzo/gui";
-import { Play, RotateCcw } from "@hanzogui/lucide-icons-2";
-function ProgressDemo() {
-  var [key, setKey] = React.useState(0);
-  var [progress, setProgress] = React.useState(60);
-  var [slider, setSlider] = React.useState([60]);
-  return /* @__PURE__ */_jsxs(_Fragment, {
-    children: [/* @__PURE__ */_jsxs(YStack, {
-      height: 60,
-      items: "center",
-      gap: "$4",
-      children: [/* @__PURE__ */_jsxs(Paragraph, {
-        height: 30,
-        opacity: 0.5,
-        children: ["Progress: ", progress]
-      }), /* @__PURE__ */_jsx(Progress, {
-        theme: "surface2",
-        value: progress,
-        children: /* @__PURE__ */_jsx(Progress.Indicator, {
-          backgroundColor: "$color",
-          transition: ["quicker", {
-            transform: {
-              overshootClamping: true
-            }
-          }]
-        })
-      }, key)]
-    }), /* @__PURE__ */_jsxs(XStack, {
-      items: "center",
-      gap: "$2",
-      position: "absolute",
-      b: "$3",
-      l: "$4",
-      $xxs: {
-        display: "none"
-      },
-      children: [
-      /* <Slider
-        size="$2"
-        theme="surface2"
-        width={130}
-        value={slider}
-        min={0}
-        max={100}
-        step={1}
-        onValueChange={([val]) => {
-          setProgress(val)
-          setSlider([val])
-        }}
-      >
-        <Slider.Track borderWidth={1} borderColor="$color5">
-          <Slider.TrackActive />
-        </Slider.Track>
-        <Slider.Thumb theme="accent" circular index={0} />
-      </Slider> */
-      /* @__PURE__ */
-      _jsx(Button, {
-        size: "$3",
-        icon: Play,
-        onPress: function () {
-          return setProgress(function (prev) {
-            return (prev + 20) % 100;
-          });
-        }
-      }), /* @__PURE__ */_jsx(Button, {
-        size: "$3",
-        icon: RotateCcw,
-        onPress: function () {
-          setKey(Math.random());
-          setProgress(0);
-          setSlider([0]);
-        }
-      })]
-    })]
-  });
-}
-export { ProgressDemo };
-//# sourceMappingURL=ProgressDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","Button","Paragraph","Progress","XStack","YStack","Play","RotateCcw","ProgressDemo","key","setKey","useState","progress","setProgress","slider","setSlider","children","height","items","gap","opacity","theme","value","Indicator","backgroundColor","transition","transform","overshootClamping","position","b","l","$xxs","display"],"sources":["../../src/ProgressDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAClB,OAAAC,KAAS,MAAQ;AACjB,SAASC,MAAM,EAAAC,SAAA,EAAAC,QAAiB,EAAAC,MAAA,EAAAC,MAAA;AAQ5B,SAAAC,IAAA,EAAAC,SAEI,kCAFJ;AANG,SAASC,aAAA,EAAe;EAC7B,KAAAC,GAAO,EAAAC,MAAK,IAAMV,KAAI,CAAAW,QAAM,GAAS;EACrC,KAAAC,QAAO,EAAAC,WAAU,IAAWb,KAAI,CAAAW,QAAM,GAAS;EAC/C,KAAAG,MAAO,EAAAC,SAAQ,IAASf,KAAI,CAAAW,QAAM,EAElC,GAEI;EACE,sBAAAd,KAAC,CAAAE,SAAU;IAA0BiB,QAAA,kBACxBnB,KAAA,CAAAQ,MAAA;MAAAY,MACb;MAEAC,KAAA;MACGC,GAAA,MAAS;MAATH,QAAA,GACC,eAAAnB,KAAgB,CAAAK,SAAA;QAChBe,MAAA,IAAY;QACVG,OAAA;QACAJ,QAAA,GACE,YAAW,EAAAJ,QACT;MACF,EACF,EACF,eAAAjB,IAAA,CAAAQ,QAAA;QAAAkB,KAAA;QAVWC,KAYf,EAAAV,QAAA;QACFI,QAAA,iBAAArB,IAAA,CAAAQ,QAAA,CAAAoB,SAAA;UAEAC,eAAA;UAACC,UAAA,cACO;YACFC,SAAA;cACKC,iBAAA;YACP;UACA;QAsBF;MAAA,GAAAlB,GAAA;IAAC,mBACMZ,KAAA,CAAAO,MAAA;MAAAc,KAAA,EACL,QAAM;MAAAC,GAAA,MACN;MAAsDS,QAAA;MAAAC,CAAA,EACxD;MAAAC,CAAA,EACA;MAAAC,IAAC;QAAAC,OAAA;MAAA;MACMhB,QACL;MAAM;AAEJ;AACA;AACA;AAAa;AACf;AAAA;AACF;AAAA;AAAA;AACF;AAGN","ignoreList":[]}

package/dist/esm/RadioGroupDemo.mjs

@@ -1,50 +0,0 @@
-import { Label, RadioGroup, Theme, XStack, YStack } from "@hanzo/gui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function RadioGroupDemo() {
-  return /* @__PURE__ */jsx(Theme, {
-    name: "surface2",
-    children: /* @__PURE__ */jsx(RadioGroup, {
-      "aria-labelledby": "Select one item",
-      defaultValue: "3",
-      name: "form",
-      children: /* @__PURE__ */jsxs(YStack, {
-        width: 300,
-        items: "center",
-        gap: "$2",
-        children: [/* @__PURE__ */jsx(RadioGroupItemWithLabel, {
-          size: "$3",
-          value: "2",
-          label: "Second value"
-        }), /* @__PURE__ */jsx(RadioGroupItemWithLabel, {
-          size: "$4",
-          value: "3",
-          label: "Third value"
-        }), /* @__PURE__ */jsx(RadioGroupItemWithLabel, {
-          size: "$5",
-          value: "4",
-          label: "Fourth value"
-        })]
-      })
-    })
-  });
-}
-function RadioGroupItemWithLabel(props) {
-  const id = `radiogroup-${props.value}`;
-  return /* @__PURE__ */jsxs(XStack, {
-    width: 300,
-    items: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */jsx(RadioGroup.Item, {
-      value: props.value,
-      id,
-      size: props.size,
-      children: /* @__PURE__ */jsx(RadioGroup.Indicator, {})
-    }), /* @__PURE__ */jsx(Label, {
-      size: props.size,
-      htmlFor: id,
-      children: props.label
-    })]
-  });
-}
-export { RadioGroupDemo, RadioGroupItemWithLabel };
-//# sourceMappingURL=RadioGroupDemo.mjs.map

package/dist/esm/RadioGroupDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["Label","RadioGroup","Theme","XStack","YStack","jsx","jsxs","RadioGroupDemo","name","children","defaultValue","width","items","gap","RadioGroupItemWithLabel","size","value","label","props","id","Item","Indicator","htmlFor"],"sources":["../../src/RadioGroupDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,KAAA,EAAOC,UAAA,EAAYC,KAAA,EAAOC,MAAA,EAAQC,MAAA,QAAc;AAMjD,SACEC,GAAA,EADFC,IAAA;AAJD,SAASC,eAAA,EAAiB;EAC/B,OACE,eAAAF,GAAA,CAACH,KAAA;IAAMM,IAAA,EAAK;IACVC,QAAA,iBAAAJ,GAAA,CAACJ,UAAA;MAAW,mBAAgB;MAAkBS,YAAA,EAAa;MAAIF,IAAA,EAAK;MAClEC,QAAA,iBAAAH,IAAA,CAACF,MAAA;QAAOO,KAAA,EAAO;QAAKC,KAAA,EAAM;QAASC,GAAA,EAAI;QACrCJ,QAAA,kBAAAJ,GAAA,CAACS,uBAAA;UAAwBC,IAAA,EAAK;UAAKC,KAAA,EAAM;UAAIC,KAAA,EAAM;QAAA,CAAe,GAClE,eAAAZ,GAAA,CAACS,uBAAA;UAAwBC,IAAA,EAAK;UAAKC,KAAA,EAAM;UAAIC,KAAA,EAAM;QAAA,CAAc,GACjE,eAAAZ,GAAA,CAACS,uBAAA;UAAwBC,IAAA,EAAK;UAAKC,KAAA,EAAM;UAAIC,KAAA,EAAM;QAAA,CAAe;MAAA,CACpE;IAAA,CACF;EAAA,CACF;AAEJ;AAEO,SAASH,wBAAwBI,KAAA,EAIrC;EACD,MAAMC,EAAA,GAAK,cAAcD,KAAA,CAAMF,KAAK;EACpC,OACE,eAAAV,IAAA,CAACH,MAAA;IAAOQ,KAAA,EAAO;IAAKC,KAAA,EAAM;IAASC,GAAA,EAAI;IACrCJ,QAAA,kBAAAJ,GAAA,CAACJ,UAAA,CAAWmB,IAAA,EAAX;MAAgBJ,KAAA,EAAOE,KAAA,CAAMF,KAAA;MAAOG,EAAA;MAAQJ,IAAA,EAAMG,KAAA,CAAMH,IAAA;MACvDN,QAAA,iBAAAJ,GAAA,CAACJ,UAAA,CAAWoB,SAAA,EAAX,EAAqB;IAAA,CACxB,GAEA,eAAAhB,GAAA,CAACL,KAAA;MAAMe,IAAA,EAAMG,KAAA,CAAMH,IAAA;MAAMO,OAAA,EAASH,EAAA;MAC/BV,QAAA,EAAAS,KAAA,CAAMD;IAAA,CACT;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/RadioGroupDemo.native.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Label, RadioGroup, Theme, XStack, YStack } from "@hanzo/gui";
-function RadioGroupDemo() {
-  return /* @__PURE__ */_jsx(Theme, {
-    name: "surface2",
-    children: /* @__PURE__ */_jsx(RadioGroup, {
-      "aria-labelledby": "Select one item",
-      defaultValue: "3",
-      name: "form",
-      children: /* @__PURE__ */_jsxs(YStack, {
-        width: 300,
-        items: "center",
-        gap: "$2",
-        children: [/* @__PURE__ */_jsx(RadioGroupItemWithLabel, {
-          size: "$3",
-          value: "2",
-          label: "Second value"
-        }), /* @__PURE__ */_jsx(RadioGroupItemWithLabel, {
-          size: "$4",
-          value: "3",
-          label: "Third value"
-        }), /* @__PURE__ */_jsx(RadioGroupItemWithLabel, {
-          size: "$5",
-          value: "4",
-          label: "Fourth value"
-        })]
-      })
-    })
-  });
-}
-function RadioGroupItemWithLabel(props) {
-  var id = `radiogroup-${props.value}`;
-  return /* @__PURE__ */_jsxs(XStack, {
-    width: 300,
-    items: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */_jsx(RadioGroup.Item, {
-      value: props.value,
-      id,
-      size: props.size,
-      children: /* @__PURE__ */_jsx(RadioGroup.Indicator, {})
-    }), /* @__PURE__ */_jsx(Label, {
-      size: props.size,
-      htmlFor: id,
-      children: props.label
-    })]
-  });
-}
-export { RadioGroupDemo, RadioGroupItemWithLabel };
-//# sourceMappingURL=RadioGroupDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Label","RadioGroup","Theme","XStack","YStack","RadioGroupDemo","name","children","defaultValue","width","items","gap","RadioGroupItemWithLabel","size"],"sources":["../../src/RadioGroupDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAA,IAAYC,KAAO,QAAQ,mBAAc;AAMjD,SACEC,KADF,EAAAC,UAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA;AAJD,SAASC,eAAA,EAAiB;EAC/B,OACE,eAAAR,IAAC,CAAAK,KAAA;IAGKI,IAAA;IACAC,QAAA,iBAACV,IAAA,CAAAI,UAAA;MACD,mBAAC;MACHO,YAEJ;MAEJF,IAAA;MAEOC,QAAS,iBAAAR,KAAwB,CAAAK,MAIrC;QACKK,KAAK;QACXC,KACE;QACEC,GAAA;QAIAJ,QAAA,GAGF,eAAAV,IAAA,CAAAe,uBAAA;UAEJC,IAAA","ignoreList":[]}