@hanzogui/demos 8.3.0 → 8.3.3

package/dist/esm/StacksDemo.native.js

@@ -1,85 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { XStack, YStack, ZStack } from "@hanzo/gui";
-function StacksDemo() {
-  return /* @__PURE__ */_jsxs(XStack, {
-    maxW: 250,
-    p: "$2",
-    self: "center",
-    gap: "$2",
-    children: [/* @__PURE__ */_jsxs(YStack, {
-      flex: 1,
-      flexBasis: "auto",
-      borderWidth: 2,
-      borderColor: "$color",
-      rounded: "$4",
-      gap: "$2",
-      p: "$2",
-      children: [/* @__PURE__ */_jsx(YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      }), /* @__PURE__ */_jsx(YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      }), /* @__PURE__ */_jsx(YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      })]
-    }), /* @__PURE__ */_jsxs(XStack, {
-      flex: 1,
-      flexBasis: "auto",
-      borderWidth: 2,
-      borderColor: "$color",
-      rounded: "$4",
-      gap: "$2",
-      p: "$2",
-      children: [/* @__PURE__ */_jsx(YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      }), /* @__PURE__ */_jsx(YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      }), /* @__PURE__ */_jsx(YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      })]
-    }), /* @__PURE__ */_jsxs(ZStack, {
-      flex: 1,
-      flexBasis: "auto",
-      maxW: 50,
-      maxH: 85,
-      width: 100,
-      children: [/* @__PURE__ */_jsx(YStack, {
-        fullscreen: true,
-        rounded: "$4",
-        p: "$2",
-        borderColor: "$color",
-        borderWidth: 2
-      }), /* @__PURE__ */_jsx(YStack, {
-        borderColor: "$color",
-        fullscreen: true,
-        y: 10,
-        x: 10,
-        borderWidth: 2,
-        rounded: "$4",
-        p: "$2"
-      }), /* @__PURE__ */_jsx(YStack, {
-        borderColor: "$color",
-        fullscreen: true,
-        y: 20,
-        x: 20,
-        borderWidth: 2,
-        rounded: "$4",
-        p: "$2"
-      })]
-    })]
-  });
-}
-export { StacksDemo };
-//# sourceMappingURL=StacksDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","XStack","YStack","ZStack","StacksDemo","maxW","p","self","gap","children","flex","flexBasis","borderWidth","borderColor","rounded","bg","maxH"],"sources":["../../src/StacksDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAQ,IAAAC,KAAA,QAAc;AAKjC,OAAAC,KASE,MATF;AAHC,SAASC,MAAA,EAAAC,MAAa,EAAAC,MAAA;AAC3B,SACEC,WAAA;EACE,sBAAAL,KAAA,CAAAE,MAAA;IAAAI,IAAC;IAAAC,CAAA;IAAAC,IACC,UAAM;IAAAC,GAAA,EACN;IAAUC,QACV,GAAa,eACDV,KAAA,CAAAG,MAAA;MACZQ,IAAA;MACAC,SAAI;MACJC,WAAE;MAEFC,WAAA;MAAAC,OAAA;MAAwCN,GACxC;MAAwCF,CAAA,EACxC;MAAwCG,QAAA,kBAAAZ,IAAA,CAAAK,MAAA;QAC1Ca,EAAA;QAEAD,OAAA;QAACR,CAAA;MAAA,IACC,eAAMT,IAAA,CAAAK,MAAA;QACNa,EAAA,UAAU;QACVD,OAAA,EAAa;QACbR,CAAA;MACA,IACA,eAAIT,IAAA,CAAAK,MAAA;QACFa,EAAA;QAEFD,OAAA;QAAAR,CAAA;MACA;IACwC,mBAAAP,KAAA,CAAAE,MAAA;MAC1CS,IAAA;MAEAC,SAAA,QAAC;MACCC,WAAA;MACAC,WAAA;MAACC,OAAA;MAAAN,GAAA;MAAAF,CAAA,EACC;MAAYG,QACZ,GACA,eAAGZ,IAAA,CAAAK,MAAA;QACHa,EAAG;QACHD,OAAA,MAAa;QACbR,CAAA;MACA,IAAE,eAAAT,IAAA,CAAAK,MAAA;QACJa,EAAA;QACAD,OAAA;QAACR,CAAA;MAAA,IACC,eAAYT,IAAA,CAAAK,MAAA;QACZa,EAAA,UAAU;QACVD,OAAG;QACHR,CAAG;MACH;IACQ,IACN,eAAAP,KAAA,CAAAI,MAAA;MACJO,IAAA;MACFC,SAAA;MACFN,IAAA;MAEJW,IAAA","ignoreList":[]}

package/dist/esm/SwitchDemo.mjs

@@ -1,77 +0,0 @@
-import { Label, Separator, Switch, XStack, YStack } from "@hanzo/gui";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function SwitchDemo() {
-  return /* @__PURE__ */jsx(Fragment, {
-    children: /* @__PURE__ */jsxs(YStack, {
-      width: 200,
-      items: "center",
-      gap: "$3",
-      children: [/* @__PURE__ */jsxs(XStack, {
-        gap: "$3",
-        $xs: {
-          flexDirection: "column"
-        },
-        children: [/* @__PURE__ */jsx(SwitchWithLabel, {
-          size: "$2"
-        }), /* @__PURE__ */jsx(SwitchWithLabel, {
-          size: "$2",
-          defaultChecked: true
-        })]
-      }), /* @__PURE__ */jsxs(XStack, {
-        gap: "$3",
-        $xs: {
-          flexDirection: "column"
-        },
-        children: [/* @__PURE__ */jsx(SwitchWithLabel, {
-          size: "$3"
-        }), /* @__PURE__ */jsx(SwitchWithLabel, {
-          size: "$3",
-          defaultChecked: true
-        })]
-      }), /* @__PURE__ */jsxs(XStack, {
-        gap: "$3",
-        $xs: {
-          flexDirection: "column"
-        },
-        children: [/* @__PURE__ */jsx(SwitchWithLabel, {
-          size: "$4"
-        }), /* @__PURE__ */jsx(SwitchWithLabel, {
-          size: "$4",
-          defaultChecked: true
-        })]
-      })]
-    })
-  });
-}
-function SwitchWithLabel(props) {
-  const id = `switch-${props.size.toString().slice(1)}-${props.defaultChecked ?? ""}}`;
-  return /* @__PURE__ */jsxs(XStack, {
-    width: 200,
-    items: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */jsx(Label, {
-      pr: "$0",
-      minW: 90,
-      justify: "flex-end",
-      size: props.size,
-      htmlFor: id,
-      children: "Accept"
-    }), /* @__PURE__ */jsx(Separator, {
-      minH: 20,
-      vertical: true
-    }), /* @__PURE__ */jsx(Switch, {
-      id,
-      transition: "300ms",
-      size: props.size,
-      defaultChecked: props.defaultChecked,
-      activeStyle: {
-        backgroundColor: "$color6"
-      },
-      children: /* @__PURE__ */jsx(Switch.Thumb, {
-        transition: "quickest"
-      })
-    })]
-  });
-}
-export { SwitchDemo, SwitchWithLabel };
-//# sourceMappingURL=SwitchDemo.mjs.map

package/dist/esm/SwitchDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["Label","Separator","Switch","XStack","YStack","Fragment","jsx","jsxs","SwitchDemo","children","width","items","gap","$xs","flexDirection","SwitchWithLabel","size","defaultChecked","props","id","toString","slice","pr","minW","justify","htmlFor","minH","vertical","transition","activeStyle","backgroundColor","Thumb"],"sources":["../../src/SwitchDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,KAAA,EAAOC,SAAA,EAAWC,MAAA,EAAeC,MAAA,EAAQC,MAAA,QAAc;AAI5D,SAAAC,QAAA,EAGMC,GAAA,EADFC,IAAA,QAFJ;AAFG,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAF,GAAA,CAAAD,QAAA;IACEI,QAAA,iBAAAF,IAAA,CAACH,MAAA;MAAOM,KAAA,EAAO;MAAKC,KAAA,EAAM;MAASC,GAAA,EAAI;MACrCH,QAAA,kBAAAF,IAAA,CAACJ,MAAA;QAAOS,GAAA,EAAI;QAAKC,GAAA,EAAK;UAAEC,aAAA,EAAe;QAAS;QAC9CL,QAAA,kBAAAH,GAAA,CAACS,eAAA;UAAgBC,IAAA,EAAK;QAAA,CAAK,GAC3B,eAAAV,GAAA,CAACS,eAAA;UAAgBC,IAAA,EAAK;UAAKC,cAAA,EAAc;QAAA,CAAC;MAAA,CAC5C,GACA,eAAAV,IAAA,CAACJ,MAAA;QAAOS,GAAA,EAAI;QAAKC,GAAA,EAAK;UAAEC,aAAA,EAAe;QAAS;QAC9CL,QAAA,kBAAAH,GAAA,CAACS,eAAA;UAAgBC,IAAA,EAAK;QAAA,CAAK,GAC3B,eAAAV,GAAA,CAACS,eAAA;UAAgBC,IAAA,EAAK;UAAKC,cAAA,EAAc;QAAA,CAAC;MAAA,CAC5C,GACA,eAAAV,IAAA,CAACJ,MAAA;QAAOS,GAAA,EAAI;QAAKC,GAAA,EAAK;UAAEC,aAAA,EAAe;QAAS;QAC9CL,QAAA,kBAAAH,GAAA,CAACS,eAAA;UAAgBC,IAAA,EAAK;QAAA,CAAK,GAC3B,eAAAV,GAAA,CAACS,eAAA;UAAgBC,IAAA,EAAK;UAAKC,cAAA,EAAc;QAAA,CAAC;MAAA,CAC5C;IAAA,CACF;EAAA,CACF;AAEJ;AAEO,SAASF,gBAAgBG,KAAA,EAI7B;EACD,MAAMC,EAAA,GAAK,UAAUD,KAAA,CAAMF,IAAA,CAAKI,QAAA,CAAS,EAAEC,KAAA,CAAM,CAAC,CAAC,IAAIH,KAAA,CAAMD,cAAA,IAAkB,EAAE;EACjF,OACE,eAAAV,IAAA,CAACJ,MAAA;IAAOO,KAAA,EAAO;IAAKC,KAAA,EAAM;IAASC,GAAA,EAAI;IACrCH,QAAA,kBAAAH,GAAA,CAACN,KAAA;MAAMsB,EAAA,EAAG;MAAKC,IAAA,EAAM;MAAIC,OAAA,EAAQ;MAAWR,IAAA,EAAME,KAAA,CAAMF,IAAA;MAAMS,OAAA,EAASN,EAAA;MAAIV,QAAA;IAAA,CAE3E,GACA,eAAAH,GAAA,CAACL,SAAA;MAAUyB,IAAA,EAAM;MAAIC,QAAA,EAAQ;IAAA,CAAC,GAC9B,eAAArB,GAAA,CAACJ,MAAA;MACCiB,EAAA;MACAS,UAAA,EAAW;MACXZ,IAAA,EAAME,KAAA,CAAMF,IAAA;MACZC,cAAA,EAAgBC,KAAA,CAAMD,cAAA;MAGtBY,WAAA,EAAa;QACXC,eAAA,EAAiB;MACnB;MAEArB,QAAA,iBAAAH,GAAA,CAACJ,MAAA,CAAO6B,KAAA,EAAP;QAAaH,UAAA,EAAW;MAAA,CAAW;IAAA,CACtC;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/SwitchDemo.native.js

@@ -1,80 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Label, Separator, Switch, XStack, YStack } from "@hanzo/gui";
-function SwitchDemo() {
-  return /* @__PURE__ */_jsx(_Fragment, {
-    children: /* @__PURE__ */_jsxs(YStack, {
-      width: 200,
-      items: "center",
-      gap: "$3",
-      children: [/* @__PURE__ */_jsxs(XStack, {
-        gap: "$3",
-        $xs: {
-          flexDirection: "column"
-        },
-        children: [/* @__PURE__ */_jsx(SwitchWithLabel, {
-          size: "$2"
-        }), /* @__PURE__ */_jsx(SwitchWithLabel, {
-          size: "$2",
-          defaultChecked: true
-        })]
-      }), /* @__PURE__ */_jsxs(XStack, {
-        gap: "$3",
-        $xs: {
-          flexDirection: "column"
-        },
-        children: [/* @__PURE__ */_jsx(SwitchWithLabel, {
-          size: "$3"
-        }), /* @__PURE__ */_jsx(SwitchWithLabel, {
-          size: "$3",
-          defaultChecked: true
-        })]
-      }), /* @__PURE__ */_jsxs(XStack, {
-        gap: "$3",
-        $xs: {
-          flexDirection: "column"
-        },
-        children: [/* @__PURE__ */_jsx(SwitchWithLabel, {
-          size: "$4"
-        }), /* @__PURE__ */_jsx(SwitchWithLabel, {
-          size: "$4",
-          defaultChecked: true
-        })]
-      })]
-    })
-  });
-}
-function SwitchWithLabel(props) {
-  var _props_defaultChecked;
-  var id = `switch-${props.size.toString().slice(1)}-${(_props_defaultChecked = props.defaultChecked) !== null && _props_defaultChecked !== void 0 ? _props_defaultChecked : ""}}`;
-  return /* @__PURE__ */_jsxs(XStack, {
-    width: 200,
-    items: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */_jsx(Label, {
-      pr: "$0",
-      minW: 90,
-      justify: "flex-end",
-      size: props.size,
-      htmlFor: id,
-      children: "Accept"
-    }), /* @__PURE__ */_jsx(Separator, {
-      minH: 20,
-      vertical: true
-    }), /* @__PURE__ */_jsx(Switch, {
-      id,
-      transition: "300ms",
-      size: props.size,
-      defaultChecked: props.defaultChecked,
-      // use activeStyle to choose youra active color
-      // default to $backgroundActive unless "unstyled" boolean prop is on
-      activeStyle: {
-        backgroundColor: "$color6"
-      },
-      children: /* @__PURE__ */_jsx(Switch.Thumb, {
-        transition: "quickest"
-      })
-    })]
-  });
-}
-export { SwitchDemo, SwitchWithLabel };
-//# sourceMappingURL=SwitchDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Label","Separator","Switch","XStack","YStack","SwitchDemo","children","width","items","gap","$xs","flexDirection","SwitchWithLabel","size","defaultChecked"],"sources":["../../src/SwitchDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAA,IAAWC,KAAe,EAAAC,QAAQ,IAAAC,SAAc;AAI5D,SAAAC,KAAA,EAAAC,SAEI,EAAAC,MAAA,EAAAC,MAFJ,EAAAC,MAAA;AAFG,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAV,IAAA,CAAAI,SAAA,EACE;IACEO,QAAA,iBAACT,KAAO,CAAAO,MAAI;MACVG,KAAA;MACAC,KAAA;MAA0CC,GAC5C;MACAH,QAAA,GACE,eAAAT,KAAC,CAAAM,MAAA;QACDM,GAAA;QACFC,GAAA;UACAC,aAAC;QACC;QACAL,QAAA,GACF,eAAAX,IAAA,CAAAiB,eAAA;UAEJC,IAAA;QAEJ,IAEgB,eAAgBlB,IAI7B,CAAAiB,eAAA;UACUC,IAAA,MAAU;UAEnBC,cAAA,EAAC;QACC;MAIA,IAAC,eAAAjB,KAAA,CAAAM,MAAA;QAAAM,GAAA;QACCC,GAAA;UACAC,aAAW;QACX;QACAL,QAAA,GAGA,eAAaX,IAAA,CAAAiB,eAAA;UACXC,IAAA;QACF,IAEA,eAAAlB,IAAA,CAAAiB,eAAQ;UAA4BC,IAAA;UACtCC,cAAA;QACF","ignoreList":[]}

package/dist/esm/SwitchHeadlessDemo.mjs

@@ -1,69 +0,0 @@
-import React from "react";
-import { useSwitch } from "@hanzogui/switch-headless";
-import { Animated, Pressable } from "react-native-web";
-import { Label, XStack, YStack } from "@hanzo/gui";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function SwitchHeadlessDemo() {
-  return /* @__PURE__ */jsx(YStack, {
-    width: 200,
-    items: "center",
-    gap: "$3",
-    children: /* @__PURE__ */jsxs(XStack, {
-      gap: "$3",
-      items: "center",
-      children: [/* @__PURE__ */jsx(Label, {
-        htmlFor: "headless",
-        children: "Headless"
-      }), /* @__PURE__ */jsx(HeadlessSwitch, {
-        defaultChecked: true,
-        id: "headless"
-      })]
-    })
-  });
-}
-const HeadlessSwitch = React.forwardRef((props, ref) => {
-  const [checked, setChecked] = React.useState(props.defaultChecked || false);
-  const {
-    switchProps,
-    switchRef,
-    bubbleInput
-  } = useSwitch(props, [checked, setChecked], ref);
-  const [animation] = React.useState(() => new Animated.Value(0));
-  React.useEffect(() => {
-    Animated.timing(animation, {
-      toValue: checked ? 1 : 0,
-      duration: 100,
-      useNativeDriver: true
-    }).start();
-  }, [checked, animation]);
-  const translateX = React.useMemo(() => animation.interpolate({
-    inputRange: [0, 1],
-    outputRange: [0, 20]
-  }), [animation]);
-  return /* @__PURE__ */jsxs(Fragment, {
-    children: [/* @__PURE__ */jsx(Pressable, {
-      style: {
-        width: 40,
-        height: 20,
-        borderRadius: 100,
-        backgroundColor: checked ? "lightblue" : "silver"
-      },
-      ref: switchRef,
-      ...switchProps,
-      children: /* @__PURE__ */jsx(Animated.View, {
-        style: [{
-          backgroundColor: "black",
-          borderRadius: 100,
-          width: 20,
-          height: 20
-        }, {
-          transform: [{
-            translateX
-          }]
-        }]
-      })
-    }), bubbleInput]
-  });
-});
-export { SwitchHeadlessDemo };
-//# sourceMappingURL=SwitchHeadlessDemo.mjs.map

package/dist/esm/SwitchHeadlessDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useSwitch","Animated","Pressable","Label","XStack","YStack","Fragment","jsx","jsxs","SwitchHeadlessDemo","width","items","gap","children","htmlFor","HeadlessSwitch","defaultChecked","id","forwardRef","props","ref","checked","setChecked","useState","switchProps","switchRef","bubbleInput","animation","Value","useEffect","timing","toValue","duration","useNativeDriver","start","translateX","useMemo","interpolate","inputRange","outputRange","style","height","borderRadius","backgroundColor","View","transform"],"sources":["../../src/SwitchHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,SAASC,SAAA,QAAiB;AAG1B,SAASC,QAAA,EAAUC,SAAA,QAAiB;AACpC,SAASC,KAAA,EAAOC,MAAA,EAAQC,MAAA,QAAc;AAKhC,SAoCFC,QAAA,EAnCIC,GAAA,EADFC,IAAA;AAHC,SAASC,mBAAA,EAAqB;EACnC,OACE,eAAAF,GAAA,CAACF,MAAA;IAAOK,KAAA,EAAO;IAAKC,KAAA,EAAM;IAASC,GAAA,EAAI;IACrCC,QAAA,iBAAAL,IAAA,CAACJ,MAAA;MAAOQ,GAAA,EAAI;MAAKD,KAAA,EAAM;MACrBE,QAAA,kBAAAN,GAAA,CAACJ,KAAA;QAAMW,OAAA,EAAQ;QAAWD,QAAA;MAAA,CAAQ,GAClC,eAAAN,GAAA,CAACQ,cAAA;QAAeC,cAAA,EAAc;QAACC,EAAA,EAAG;MAAA,CAAW;IAAA,CAC/C;EAAA,CACF;AAEJ;AAEA,MAAMF,cAAA,GAAiBhB,KAAA,CAAMmB,UAAA,CAAsC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACjF,MAAM,CAACC,OAAA,EAASC,UAAU,IAAIvB,KAAA,CAAMwB,QAAA,CAASJ,KAAA,CAAMH,cAAA,IAAkB,KAAK;EAC1E,MAAM;IAAEQ,WAAA;IAAaC,SAAA;IAAWC;EAAY,IAAI1B,SAAA,CAC9CmB,KAAA,EACA,CAACE,OAAA,EAASC,UAAU,GACpBF,GACF;EAEA,MAAM,CAACO,SAAS,IAAI5B,KAAA,CAAMwB,QAAA,CAAS,MAAM,IAAItB,QAAA,CAAS2B,KAAA,CAAM,CAAC,CAAC;EAE9D7B,KAAA,CAAM8B,SAAA,CAAU,MAAM;IACpB5B,QAAA,CAAS6B,MAAA,CAAOH,SAAA,EAAW;MACzBI,OAAA,EAASV,OAAA,GAAU,IAAI;MACvBW,QAAA,EAAU;MACVC,eAAA,EAAiB;IACnB,CAAC,EAAEC,KAAA,CAAM;EACX,GAAG,CAACb,OAAA,EAASM,SAAS,CAAC;EAEvB,MAAMQ,UAAA,GAAapC,KAAA,CAAMqC,OAAA,CACvB,MACET,SAAA,CAAUU,WAAA,CAAY;IACpBC,UAAA,EAAY,CAAC,GAAG,CAAC;IACjBC,WAAA,EAAa,CAAC,GAAG,EAAE;EACrB,CAAC,GACH,CAACZ,SAAS,CACZ;EAEA,OACE,eAAAnB,IAAA,CAAAF,QAAA;IACEO,QAAA,kBAAAN,GAAA,CAACL,SAAA;MACCsC,KAAA,EAAO;QACL9B,KAAA,EAAO;QACP+B,MAAA,EAAQ;QACRC,YAAA,EAAc;QACdC,eAAA,EAAiBtB,OAAA,GAAU,cAAc;MAC3C;MACAD,GAAA,EAAKK,SAAA;MACJ,GAAGD,WAAA;MAEJX,QAAA,iBAAAN,GAAA,CAACN,QAAA,CAAS2C,IAAA,EAAT;QACCJ,KAAA,EAAO,CACL;UACEG,eAAA,EAAiB;UACjBD,YAAA,EAAc;UACdhC,KAAA,EAAO;UACP+B,MAAA,EAAQ;QACV,GACA;UACEI,SAAA,EAAW,CAAC;YAAEV;UAAW,CAAC;QAC5B;MACF,CACF;IAAA,CACF,GACCT,WAAA;EAAA,CACH;AAEJ,CAAC","ignoreList":[]}

package/dist/esm/SwitchHeadlessDemo.native.js

@@ -1,73 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from "react";
-import { useSwitch } from "@hanzogui/switch-headless";
-import { Animated, Pressable } from "react-native";
-import { Label, XStack, YStack } from "@hanzo/gui";
-function SwitchHeadlessDemo() {
-  return /* @__PURE__ */_jsx(YStack, {
-    width: 200,
-    items: "center",
-    gap: "$3",
-    children: /* @__PURE__ */_jsxs(XStack, {
-      gap: "$3",
-      items: "center",
-      children: [/* @__PURE__ */_jsx(Label, {
-        htmlFor: "headless",
-        children: "Headless"
-      }), /* @__PURE__ */_jsx(HeadlessSwitch, {
-        defaultChecked: true,
-        id: "headless"
-      })]
-    })
-  });
-}
-var HeadlessSwitch = /* @__PURE__ */React.forwardRef(function (props, ref) {
-  var [checked, setChecked] = React.useState(props.defaultChecked || false);
-  var {
-    switchProps,
-    switchRef,
-    bubbleInput
-  } = useSwitch(props, [checked, setChecked], ref);
-  var [animation] = React.useState(function () {
-    return new Animated.Value(0);
-  });
-  React.useEffect(function () {
-    Animated.timing(animation, {
-      toValue: checked ? 1 : 0,
-      duration: 100,
-      useNativeDriver: true
-    }).start();
-  }, [checked, animation]);
-  var translateX = React.useMemo(function () {
-    return animation.interpolate({
-      inputRange: [0, 1],
-      outputRange: [0, 20]
-    });
-  }, [animation]);
-  return /* @__PURE__ */_jsxs(_Fragment, {
-    children: [/* @__PURE__ */_jsx(Pressable, {
-      style: {
-        width: 40,
-        height: 20,
-        borderRadius: 100,
-        backgroundColor: checked ? "lightblue" : "silver"
-      },
-      ref: switchRef,
-      ...switchProps,
-      children: /* @__PURE__ */_jsx(Animated.View, {
-        style: [{
-          backgroundColor: "black",
-          borderRadius: 100,
-          width: 20,
-          height: 20
-        }, {
-          transform: [{
-            translateX
-          }]
-        }]
-      })
-    }), bubbleInput]
-  });
-});
-export { SwitchHeadlessDemo };
-//# sourceMappingURL=SwitchHeadlessDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","useSwitch","Animated","Pressable","Label","XStack","YStack","SwitchHeadlessDemo","width","items","gap","children","htmlFor","HeadlessSwitch","defaultChecked","id","forwardRef","props","ref","checked","setChecked","useState","switchProps","switchRef","bubbleInput","animation","Value","useEffect","timing","toValue","duration","useNativeDriver","start","translateX","useMemo","interpolate","inputRange","outputRange","style","height","borderRadius"],"sources":["../../src/SwitchHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAElB,OAAAC,KAAS;AAGT,SAASC,SAAA,QAAU,2BAAiB;AACpC,SAASC,QAAO,EAAAC,SAAQ,sBAAc;AAKhC,SAoCFC,KAAA,EAAAC,MAnCI,EADFC,MAAA;AAHC,SAASC,mBAAA,EAAqB;EACnC,OACE,eAAAZ,IAAC,CAAAW,MAAA;IAEGE,KAAA;IACAC,KAAA;IAA6CC,GAC/C,EACF;IAEJC,QAAA,iBAAAd,KAAA,CAAAQ,MAAA;MAEMK,GAAA;MACJD,KAAO,UAAS;MAChBE,QAAQ,GACN,eAAAhB,IAAA,CAAAS,KAAA;QACCQ,OAAS,YAAU;QACpBD,QAAA;MACF,IAEM,eAAchB,IAAM,CAAAkB,cAAe;QAEnCC,cAAgB;QACpBC,EAAA,EAAS;MACP;IACU;EACO,EACnB;AAAS;AAGX,IAAAF,cAAM,GAAa,eAAMb,KAAA,CAAAgB,UAAA,WAAAC,KAAA,EAAAC,GAAA;EAAA,IACvB,CAAAC,OACE,EAAAC,UAAU,IAAApB,KAAY,CAAAqB,QAAA,CAAAJ,KAAA,CAAAH,cAAA;EAAA,IACpB;IAAAQ,WAAa;IAAAC,SAAI;IAAAC;EAAA,IAAAvB,SAAA,CAAAgB,KAAA,GAAAE,OACjB,EACFC,UAAC,GACFF,GAAA;EACH,KAAAO,SAAA,IAAAzB,KAAA,CAAAqB,QAAA;IAEA,OACE,IAAAnB,QAAA,CAAAwB,KAAA;EACE;EAAA1B,KAAC,CAAA2B,SAAA;IAAAzB,QAAA,CAAA0B,MAAA,CAAAH,SAAA;MAAAI,OACC,EAAOV,OAAA;MAAAW,QACL,KAAO;MAAAC,eACC;IAAA,GAAAC,KACR;EAAc,IAC2Bb,OAC3C,EAAAM,SACK;EACD,IAAAQ,UAEJ,GAAAjC,KAAA,CAAAkC,OAAA;IAAA,OAACT,SAAS,CAAAU,WAAA;MAAAC,UAAT,MACQ,EACL;MACmBC,WACjB,GAAc,GACP;IAET;EACA,IAC4BZ,SAAA,CAC5B;EACF,sBAAA5B,KAAA,CAAAE,SAAA;IAAAY,QACF,kBAAAhB,IAAA,CAAAQ,SAAA;MACFmC,KAAA;QACC9B,KAAA;QACH+B,MAAA;QAEHC,YAAA","ignoreList":[]}

package/dist/esm/SwitchUnstyledDemo.mjs

@@ -1,65 +0,0 @@
-import { View, styled } from "@hanzogui/core";
-import { createSwitch } from "@hanzogui/switch";
-import { Label, XStack, YStack } from "@hanzo/gui";
-import { jsx, jsxs } from "react/jsx-runtime";
-const Frame = styled(View, {
-  width: 40,
-  height: 20,
-  rounded: 20,
-  variants: {
-    checked: {
-      true: {
-        backgroundColor: "lightblue"
-      },
-      false: {
-        backgroundColor: "silver"
-      }
-    }
-  },
-  defaultVariants: {
-    checked: false
-  }
-});
-const Thumb = styled(View, {
-  width: 20,
-  height: 20,
-  bg: "black",
-  rounded: 20,
-  variants: {
-    checked: {
-      true: {
-        opacity: 0.8
-      },
-      false: {
-        opacity: 0.5
-      }
-    }
-  }
-});
-const Switch = createSwitch({
-  Frame,
-  Thumb
-});
-function SwitchUnstyledDemo() {
-  return /* @__PURE__ */jsx(YStack, {
-    width: 200,
-    items: "center",
-    gap: "$3",
-    children: /* @__PURE__ */jsxs(XStack, {
-      gap: "$3",
-      items: "center",
-      children: [/* @__PURE__ */jsx(Label, {
-        htmlFor: "unstyled-switch",
-        children: "Unstyled"
-      }), /* @__PURE__ */jsx(Switch, {
-        defaultChecked: true,
-        id: "unstyled-switch",
-        children: /* @__PURE__ */jsx(Switch.Thumb, {
-          transition: "quickest"
-        })
-      })]
-    })
-  });
-}
-export { Switch, SwitchUnstyledDemo };
-//# sourceMappingURL=SwitchUnstyledDemo.mjs.map

package/dist/esm/SwitchUnstyledDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["View","styled","createSwitch","Label","XStack","YStack","jsx","jsxs","Frame","width","height","rounded","variants","checked","true","backgroundColor","false","defaultVariants","Thumb","bg","opacity","Switch","SwitchUnstyledDemo","items","gap","children","htmlFor","defaultChecked","id","transition"],"sources":["../../src/SwitchUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,EAAMC,MAAA,QAAc;AAC7B,SAASC,YAAA,QAAoB;AAC7B,SAASC,KAAA,EAAOC,MAAA,EAAQC,MAAA,QAAc;AA+ChC,SACEC,GAAA,EADFC,IAAA;AA7CN,MAAMC,KAAA,GAAQP,MAAA,CAAOD,IAAA,EAAM;EACzBS,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRC,OAAA,EAAS;EACTC,QAAA,EAAU;IACRC,OAAA,EAAS;MACPC,IAAA,EAAM;QACJC,eAAA,EAAiB;MACnB;MACAC,KAAA,EAAO;QACLD,eAAA,EAAiB;MACnB;IACF;EACF;EACAE,eAAA,EAAiB;IACfJ,OAAA,EAAS;EACX;AACF,CAAC;AAED,MAAMK,KAAA,GAAQjB,MAAA,CAAOD,IAAA,EAAM;EACzBS,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRS,EAAA,EAAI;EACJR,OAAA,EAAS;EAETC,QAAA,EAAU;IACRC,OAAA,EAAS;MACPC,IAAA,EAAM;QACJM,OAAA,EAAS;MACX;MACAJ,KAAA,EAAO;QACLI,OAAA,EAAS;MACX;IACF;EACF;AACF,CAAC;AAEM,MAAMC,MAAA,GAASnB,YAAA,CAAa;EACjCM,KAAA;EACAU;AACF,CAAC;AAEM,SAASI,mBAAA,EAAqB;EACnC,OACE,eAAAhB,GAAA,CAACD,MAAA;IAAOI,KAAA,EAAO;IAAKc,KAAA,EAAM;IAASC,GAAA,EAAI;IACrCC,QAAA,iBAAAlB,IAAA,CAACH,MAAA;MAAOoB,GAAA,EAAI;MAAKD,KAAA,EAAM;MACrBE,QAAA,kBAAAnB,GAAA,CAACH,KAAA;QAAMuB,OAAA,EAAQ;QAAkBD,QAAA;MAAA,CAAQ,GACzC,eAAAnB,GAAA,CAACe,MAAA;QAAOM,cAAA,EAAc;QAACC,EAAA,EAAG;QACxBH,QAAA,iBAAAnB,GAAA,CAACe,MAAA,CAAOH,KAAA,EAAP;UAAaW,UAAA,EAAW;QAAA,CAAW;MAAA,CACtC;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/SwitchUnstyledDemo.native.js

@@ -1,65 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { View, styled } from "@hanzogui/core";
-import { createSwitch } from "@hanzogui/switch";
-import { Label, XStack, YStack } from "@hanzo/gui";
-var Frame = styled(View, {
-  width: 40,
-  height: 20,
-  rounded: 20,
-  variants: {
-    checked: {
-      true: {
-        backgroundColor: "lightblue"
-      },
-      false: {
-        backgroundColor: "silver"
-      }
-    }
-  },
-  defaultVariants: {
-    checked: false
-  }
-});
-var Thumb = styled(View, {
-  width: 20,
-  height: 20,
-  bg: "black",
-  rounded: 20,
-  variants: {
-    checked: {
-      true: {
-        opacity: 0.8
-      },
-      false: {
-        opacity: 0.5
-      }
-    }
-  }
-});
-var Switch = createSwitch({
-  Frame,
-  Thumb
-});
-function SwitchUnstyledDemo() {
-  return /* @__PURE__ */_jsx(YStack, {
-    width: 200,
-    items: "center",
-    gap: "$3",
-    children: /* @__PURE__ */_jsxs(XStack, {
-      gap: "$3",
-      items: "center",
-      children: [/* @__PURE__ */_jsx(Label, {
-        htmlFor: "unstyled-switch",
-        children: "Unstyled"
-      }), /* @__PURE__ */_jsx(Switch, {
-        defaultChecked: true,
-        id: "unstyled-switch",
-        children: /* @__PURE__ */_jsx(Switch.Thumb, {
-          transition: "quickest"
-        })
-      })]
-    })
-  });
-}
-export { Switch, SwitchUnstyledDemo };
-//# sourceMappingURL=SwitchUnstyledDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","View","styled","createSwitch","Label","XStack","YStack","Frame","width","height","rounded","variants","checked","true","backgroundColor","false","defaultVariants","Thumb","bg","opacity","Switch","SwitchUnstyledDemo","items","gap","children"],"sources":["../../src/SwitchUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAMC,IAAA,EAAAC,IAAA,IAAcC,KAAA;AAC7B,SAASC,IAAA,EAAAC,MAAA,QAAoB;AAC7B,SAASC,YAAO,QAAQ,kBAAc;AA+ChC,SACEC,KADF,EAAAC,MAAA,EAAAC,MAAA;AA7CN,IAAAC,KAAM,GAAAL,MAAQ,CAAAD,IAAO;EACnBO,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRC,OAAA,EAAS;EACTC,QAAA,EAAU;IACRC,OAAA,EAAS;MACPC,IAAA,EAAM;QACJC,eAAA,EAAiB;MACnB;MACAC,KAAA,EAAO;QACLD,eAAA,EAAiB;MACnB;IACF;EACF;EACAE,eAAA,EAAiB;IACfJ,OAAA,EAAS;EACX;AACF,CAAC;AAED,IAAAK,KAAM,GAAAf,MAAQ,CAAAD,IAAO;EACnBO,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRS,EAAA,EAAI;EACJR,OAAA,EAAS;EAETC,QAAA,EAAU;IACRC,OAAA,EAAS;MACPC,IAAA,EAAM;QACJM,OAAA,EAAS;MACX;MACAJ,KAAA,EAAO;QACLI,OAAA,EAAS;MACX;IACF;EACF;AACF,CAAC;AAEM,IAAAC,MAAM,GAAAjB,YAAS;EACpBI,KAAA;EACAU;AACF,CAAC;AAEM,SAASI,mBAAA,EAAqB;EACnC,OACE,eAAAvB,IAAC,CAAAQ,MAAA;IAEGE,KAAA;IACAc,KAAA;IAEAC,GACF,EACF;IAEJC,QAAA,iBAAAxB,KAAA,CAAAK,MAAA","ignoreList":[]}