@tamagui/demos 1.123.0 → 1.123.2

package/dist/jsx/StacksDemo.js

@@ -1,78 +0,0 @@
-import { XStack, YStack, ZStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function StacksDemo() {
-  return /* @__PURE__ */ jsxs(XStack, { maxWidth: 250, padding: "$2", alignSelf: "center", gap: "$2", children: [
-    /* @__PURE__ */ jsxs(
-      YStack,
-      {
-        flex: 1,
-        borderWidth: 2,
-        borderColor: "$color",
-        borderRadius: "$4",
-        gap: "$2",
-        padding: "$2",
-        children: [
-          /* @__PURE__ */ jsx(YStack, { backgroundColor: "$color", borderRadius: "$3", padding: "$2" }),
-          /* @__PURE__ */ jsx(YStack, { backgroundColor: "$color", borderRadius: "$3", padding: "$2" }),
-          /* @__PURE__ */ jsx(YStack, { backgroundColor: "$color", borderRadius: "$3", padding: "$2" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      XStack,
-      {
-        flex: 1,
-        borderWidth: 2,
-        borderColor: "$color",
-        borderRadius: "$4",
-        gap: "$2",
-        padding: "$2",
-        children: [
-          /* @__PURE__ */ jsx(YStack, { backgroundColor: "$color", borderRadius: "$3", padding: "$2" }),
-          /* @__PURE__ */ jsx(YStack, { backgroundColor: "$color", borderRadius: "$3", padding: "$2" }),
-          /* @__PURE__ */ jsx(YStack, { backgroundColor: "$color", borderRadius: "$3", padding: "$2" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(ZStack, { maxWidth: 50, maxHeight: 85, width: 100, flex: 1, children: [
-      /* @__PURE__ */ jsx(
-        YStack,
-        {
-          fullscreen: !0,
-          borderRadius: "$4",
-          padding: "$2",
-          borderColor: "$color",
-          borderWidth: 2
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        YStack,
-        {
-          borderColor: "$color",
-          fullscreen: !0,
-          y: 10,
-          x: 10,
-          borderWidth: 2,
-          borderRadius: "$4",
-          padding: "$2"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        YStack,
-        {
-          borderColor: "$color",
-          fullscreen: !0,
-          y: 20,
-          x: 20,
-          borderWidth: 2,
-          borderRadius: "$4",
-          padding: "$2"
-        }
-      )
-    ] })
-  ] });
-}
-export {
-  StacksDemo
-};
-//# sourceMappingURL=StacksDemo.js.map

package/dist/jsx/StacksDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/StacksDemo.tsx"],
-  "mappings": "AACA,SAAS,QAAQ,QAAQ,cAAc;AAKjC,SAQE,KARF;AAHC,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,UAAU,KAAK,SAAQ,MAAK,WAAU,UAAS,KAAI,MACzD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,cAAa;AAAA,QACb,KAAI;AAAA,QACJ,SAAQ;AAAA,QAER;AAAA,8BAAC,UAAO,iBAAgB,UAAS,cAAa,MAAK,SAAQ,MAAK;AAAA,UAChE,oBAAC,UAAO,iBAAgB,UAAS,cAAa,MAAK,SAAQ,MAAK;AAAA,UAChE,oBAAC,UAAO,iBAAgB,UAAS,cAAa,MAAK,SAAQ,MAAK;AAAA;AAAA;AAAA,IAClE;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,cAAa;AAAA,QACb,KAAI;AAAA,QACJ,SAAQ;AAAA,QAER;AAAA,8BAAC,UAAO,iBAAgB,UAAS,cAAa,MAAK,SAAQ,MAAK;AAAA,UAChE,oBAAC,UAAO,iBAAgB,UAAS,cAAa,MAAK,SAAQ,MAAK;AAAA,UAChE,oBAAC,UAAO,iBAAgB,UAAS,cAAa,MAAK,SAAQ,MAAK;AAAA;AAAA;AAAA,IAClE;AAAA,IAEA,qBAAC,UAAO,UAAU,IAAI,WAAW,IAAI,OAAO,KAAK,MAAM,GACrD;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,YAAU;AAAA,UACV,cAAa;AAAA,UACb,SAAQ;AAAA,UACR,aAAY;AAAA,UACZ,aAAa;AAAA;AAAA,MACf;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,aAAY;AAAA,UACZ,YAAU;AAAA,UACV,GAAG;AAAA,UACH,GAAG;AAAA,UACH,aAAa;AAAA,UACb,cAAa;AAAA,UACb,SAAQ;AAAA;AAAA,MACV;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,aAAY;AAAA,UACZ,YAAU;AAAA,UACV,GAAG;AAAA,UACH,GAAG;AAAA,UACH,aAAa;AAAA,UACb,cAAa;AAAA,UACb,SAAQ;AAAA;AAAA,MACV;AAAA,OACF;AAAA,KACF;AAEJ;",
-  "names": []
-}

package/dist/jsx/StacksDemo.mjs

@@ -1,81 +0,0 @@
-import { XStack, YStack, ZStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function StacksDemo() {
-  return /* @__PURE__ */jsxs(XStack, {
-    maxWidth: 250,
-    padding: "$2",
-    alignSelf: "center",
-    gap: "$2",
-    children: [/* @__PURE__ */jsxs(YStack, {
-      flex: 1,
-      borderWidth: 2,
-      borderColor: "$color",
-      borderRadius: "$4",
-      gap: "$2",
-      padding: "$2",
-      children: [/* @__PURE__ */jsx(YStack, {
-        backgroundColor: "$color",
-        borderRadius: "$3",
-        padding: "$2"
-      }), /* @__PURE__ */jsx(YStack, {
-        backgroundColor: "$color",
-        borderRadius: "$3",
-        padding: "$2"
-      }), /* @__PURE__ */jsx(YStack, {
-        backgroundColor: "$color",
-        borderRadius: "$3",
-        padding: "$2"
-      })]
-    }), /* @__PURE__ */jsxs(XStack, {
-      flex: 1,
-      borderWidth: 2,
-      borderColor: "$color",
-      borderRadius: "$4",
-      gap: "$2",
-      padding: "$2",
-      children: [/* @__PURE__ */jsx(YStack, {
-        backgroundColor: "$color",
-        borderRadius: "$3",
-        padding: "$2"
-      }), /* @__PURE__ */jsx(YStack, {
-        backgroundColor: "$color",
-        borderRadius: "$3",
-        padding: "$2"
-      }), /* @__PURE__ */jsx(YStack, {
-        backgroundColor: "$color",
-        borderRadius: "$3",
-        padding: "$2"
-      })]
-    }), /* @__PURE__ */jsxs(ZStack, {
-      maxWidth: 50,
-      maxHeight: 85,
-      width: 100,
-      flex: 1,
-      children: [/* @__PURE__ */jsx(YStack, {
-        fullscreen: !0,
-        borderRadius: "$4",
-        padding: "$2",
-        borderColor: "$color",
-        borderWidth: 2
-      }), /* @__PURE__ */jsx(YStack, {
-        borderColor: "$color",
-        fullscreen: !0,
-        y: 10,
-        x: 10,
-        borderWidth: 2,
-        borderRadius: "$4",
-        padding: "$2"
-      }), /* @__PURE__ */jsx(YStack, {
-        borderColor: "$color",
-        fullscreen: !0,
-        y: 20,
-        x: 20,
-        borderWidth: 2,
-        borderRadius: "$4",
-        padding: "$2"
-      })]
-    })]
-  });
-}
-export { StacksDemo };
-//# sourceMappingURL=StacksDemo.mjs.map

package/dist/jsx/StacksDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["XStack","YStack","ZStack","jsx","jsxs","StacksDemo","maxWidth","padding","alignSelf","gap","children","flex","borderWidth","borderColor","borderRadius","backgroundColor","maxHeight","width","fullscreen","y","x"],"sources":["../../src/StacksDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AAKjC,SAQEC,GAAA,EARFC,IAAA;AAHC,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAD,IAAA,CAACJ,MAAA;IAAOM,QAAA,EAAU;IAAKC,OAAA,EAAQ;IAAKC,SAAA,EAAU;IAASC,GAAA,EAAI;IACzDC,QAAA,kBAAAN,IAAA,CAACH,MAAA;MACCU,IAAA,EAAM;MACNC,WAAA,EAAa;MACbC,WAAA,EAAY;MACZC,YAAA,EAAa;MACbL,GAAA,EAAI;MACJF,OAAA,EAAQ;MAERG,QAAA,kBAAAP,GAAA,CAACF,MAAA;QAAOc,eAAA,EAAgB;QAASD,YAAA,EAAa;QAAKP,OAAA,EAAQ;MAAA,CAAK,GAChE,eAAAJ,GAAA,CAACF,MAAA;QAAOc,eAAA,EAAgB;QAASD,YAAA,EAAa;QAAKP,OAAA,EAAQ;MAAA,CAAK,GAChE,eAAAJ,GAAA,CAACF,MAAA;QAAOc,eAAA,EAAgB;QAASD,YAAA,EAAa;QAAKP,OAAA,EAAQ;MAAA,CAAK;IAAA,CAClE,GAEA,eAAAH,IAAA,CAACJ,MAAA;MACCW,IAAA,EAAM;MACNC,WAAA,EAAa;MACbC,WAAA,EAAY;MACZC,YAAA,EAAa;MACbL,GAAA,EAAI;MACJF,OAAA,EAAQ;MAERG,QAAA,kBAAAP,GAAA,CAACF,MAAA;QAAOc,eAAA,EAAgB;QAASD,YAAA,EAAa;QAAKP,OAAA,EAAQ;MAAA,CAAK,GAChE,eAAAJ,GAAA,CAACF,MAAA;QAAOc,eAAA,EAAgB;QAASD,YAAA,EAAa;QAAKP,OAAA,EAAQ;MAAA,CAAK,GAChE,eAAAJ,GAAA,CAACF,MAAA;QAAOc,eAAA,EAAgB;QAASD,YAAA,EAAa;QAAKP,OAAA,EAAQ;MAAA,CAAK;IAAA,CAClE,GAEA,eAAAH,IAAA,CAACF,MAAA;MAAOI,QAAA,EAAU;MAAIU,SAAA,EAAW;MAAIC,KAAA,EAAO;MAAKN,IAAA,EAAM;MACrDD,QAAA,kBAAAP,GAAA,CAACF,MAAA;QACCiB,UAAA,EAAU;QACVJ,YAAA,EAAa;QACbP,OAAA,EAAQ;QACRM,WAAA,EAAY;QACZD,WAAA,EAAa;MAAA,CACf,GACA,eAAAT,GAAA,CAACF,MAAA;QACCY,WAAA,EAAY;QACZK,UAAA,EAAU;QACVC,CAAA,EAAG;QACHC,CAAA,EAAG;QACHR,WAAA,EAAa;QACbE,YAAA,EAAa;QACbP,OAAA,EAAQ;MAAA,CACV,GACA,eAAAJ,GAAA,CAACF,MAAA;QACCY,WAAA,EAAY;QACZK,UAAA,EAAU;QACVC,CAAA,EAAG;QACHC,CAAA,EAAG;QACHR,WAAA,EAAa;QACbE,YAAA,EAAa;QACbP,OAAA,EAAQ;MAAA,CACV;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/jsx/StacksDemo.native.js

@@ -1,100 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import "react";
-import { XStack, YStack, ZStack } from "tamagui";
-function StacksDemo() {
-  return /* @__PURE__ */ _jsxs(XStack, {
-    maxWidth: 250,
-    padding: "$2",
-    alignSelf: "center",
-    gap: "$2",
-    children: [
-      /* @__PURE__ */ _jsxs(YStack, {
-        flex: 1,
-        borderWidth: 2,
-        borderColor: "$color",
-        borderRadius: "$4",
-        gap: "$2",
-        padding: "$2",
-        children: [
-          /* @__PURE__ */ _jsx(YStack, {
-            backgroundColor: "$color",
-            borderRadius: "$3",
-            padding: "$2"
-          }),
-          /* @__PURE__ */ _jsx(YStack, {
-            backgroundColor: "$color",
-            borderRadius: "$3",
-            padding: "$2"
-          }),
-          /* @__PURE__ */ _jsx(YStack, {
-            backgroundColor: "$color",
-            borderRadius: "$3",
-            padding: "$2"
-          })
-        ]
-      }),
-      /* @__PURE__ */ _jsxs(XStack, {
-        flex: 1,
-        borderWidth: 2,
-        borderColor: "$color",
-        borderRadius: "$4",
-        gap: "$2",
-        padding: "$2",
-        children: [
-          /* @__PURE__ */ _jsx(YStack, {
-            backgroundColor: "$color",
-            borderRadius: "$3",
-            padding: "$2"
-          }),
-          /* @__PURE__ */ _jsx(YStack, {
-            backgroundColor: "$color",
-            borderRadius: "$3",
-            padding: "$2"
-          }),
-          /* @__PURE__ */ _jsx(YStack, {
-            backgroundColor: "$color",
-            borderRadius: "$3",
-            padding: "$2"
-          })
-        ]
-      }),
-      /* @__PURE__ */ _jsxs(ZStack, {
-        maxWidth: 50,
-        maxHeight: 85,
-        width: 100,
-        flex: 1,
-        children: [
-          /* @__PURE__ */ _jsx(YStack, {
-            fullscreen: !0,
-            borderRadius: "$4",
-            padding: "$2",
-            borderColor: "$color",
-            borderWidth: 2
-          }),
-          /* @__PURE__ */ _jsx(YStack, {
-            borderColor: "$color",
-            fullscreen: !0,
-            y: 10,
-            x: 10,
-            borderWidth: 2,
-            borderRadius: "$4",
-            padding: "$2"
-          }),
-          /* @__PURE__ */ _jsx(YStack, {
-            borderColor: "$color",
-            fullscreen: !0,
-            y: 20,
-            x: 20,
-            borderWidth: 2,
-            borderRadius: "$4",
-            padding: "$2"
-          })
-        ]
-      })
-    ]
-  });
-}
-export {
-  StacksDemo
-};
-//# sourceMappingURL=StacksDemo.js.map

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

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Users/n8/tamagui/code/demos/src/StacksDemo.tsx"],
-  "mappings": ";AAAA,OAAkB;AAClB,SAASA,QAAQC,QAAQC,cAAc;AAEhC,SAASC,aAAAA;AACd,SACE,sBAACH,QAAAA;IAAOI,UAAU;IAAKC,SAAQ;IAAKC,WAAU;IAASC,KAAI;;MACzD,sBAACN,QAAAA;QACCO,MAAM;QACNC,aAAa;QACbC,aAAY;QACZC,cAAa;QACbJ,KAAI;QACJF,SAAQ;;UAER,qBAACJ,QAAAA;YAAOW,iBAAgB;YAASD,cAAa;YAAKN,SAAQ;;UAC3D,qBAACJ,QAAAA;YAAOW,iBAAgB;YAASD,cAAa;YAAKN,SAAQ;;UAC3D,qBAACJ,QAAAA;YAAOW,iBAAgB;YAASD,cAAa;YAAKN,SAAQ;;;;MAG7D,sBAACL,QAAAA;QACCQ,MAAM;QACNC,aAAa;QACbC,aAAY;QACZC,cAAa;QACbJ,KAAI;QACJF,SAAQ;;UAER,qBAACJ,QAAAA;YAAOW,iBAAgB;YAASD,cAAa;YAAKN,SAAQ;;UAC3D,qBAACJ,QAAAA;YAAOW,iBAAgB;YAASD,cAAa;YAAKN,SAAQ;;UAC3D,qBAACJ,QAAAA;YAAOW,iBAAgB;YAASD,cAAa;YAAKN,SAAQ;;;;MAG7D,sBAACH,QAAAA;QAAOE,UAAU;QAAIS,WAAW;QAAIC,OAAO;QAAKN,MAAM;;UACrD,qBAACP,QAAAA;YACCc,YAAU;YACVJ,cAAa;YACbN,SAAQ;YACRK,aAAY;YACZD,aAAa;;UAEf,qBAACR,QAAAA;YACCS,aAAY;YACZK,YAAU;YACVC,GAAG;YACHC,GAAG;YACHR,aAAa;YACbE,cAAa;YACbN,SAAQ;;UAEV,qBAACJ,QAAAA;YACCS,aAAY;YACZK,YAAU;YACVC,GAAG;YACHC,GAAG;YACHR,aAAa;YACbE,cAAa;YACbN,SAAQ;;;;;;AAKlB;",
-  "names": ["XStack", "YStack", "ZStack", "StacksDemo", "maxWidth", "padding", "alignSelf", "gap", "flex", "borderWidth", "borderColor", "borderRadius", "backgroundColor", "maxHeight", "width", "fullscreen", "y", "x"]
-}

package/dist/jsx/SwitchDemo.js

@@ -1,41 +0,0 @@
-import { Label, Separator, Switch, XStack, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function SwitchDemo() {
-  return /* @__PURE__ */ jsxs(YStack, { width: 200, alignItems: "center", gap: "$3", children: [
-    /* @__PURE__ */ jsxs(XStack, { gap: "$3", $xs: { flexDirection: "column" }, children: [
-      /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$2" }),
-      /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$2", defaultChecked: !0 })
-    ] }),
-    /* @__PURE__ */ jsxs(XStack, { gap: "$3", $xs: { flexDirection: "column" }, children: [
-      /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$3" }),
-      /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$3", defaultChecked: !0 })
-    ] }),
-    /* @__PURE__ */ jsxs(XStack, { gap: "$3", $xs: { flexDirection: "column" }, children: [
-      /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$4" }),
-      /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$4", defaultChecked: !0 })
-    ] })
-  ] });
-}
-function SwitchWithLabel(props) {
-  const id = `switch-${props.size.toString().slice(1)}-${props.defaultChecked ?? ""}}`;
-  return /* @__PURE__ */ jsxs(XStack, { width: 200, alignItems: "center", gap: "$4", children: [
-    /* @__PURE__ */ jsx(
-      Label,
-      {
-        paddingRight: "$0",
-        minWidth: 90,
-        justifyContent: "flex-end",
-        size: props.size,
-        htmlFor: id,
-        children: "Accept"
-      }
-    ),
-    /* @__PURE__ */ jsx(Separator, { minHeight: 20, vertical: !0 }),
-    /* @__PURE__ */ jsx(Switch, { id, size: props.size, defaultChecked: props.defaultChecked, children: /* @__PURE__ */ jsx(Switch.Thumb, { animation: "quicker" }) })
-  ] });
-}
-export {
-  SwitchDemo,
-  SwitchWithLabel
-};
-//# sourceMappingURL=SwitchDemo.js.map

package/dist/jsx/SwitchDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/SwitchDemo.tsx"],
-  "mappings": "AACA,SAAS,OAAO,WAAW,QAAQ,QAAQ,cAAsB;AAK3D,SACE,KADF;AAHC,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C;AAAA,yBAAC,UAAO,KAAI,MAAK,KAAK,EAAE,eAAe,SAAS,GAC9C;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,qBAAC,UAAO,KAAI,MAAK,KAAK,EAAE,eAAe,SAAS,GAC9C;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,qBAAC,UAAO,KAAI,MAAK,KAAK,EAAE,eAAe,SAAS,GAC9C;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,KACF;AAEJ;AAEO,SAAS,gBAAgB,OAAuD;AACrF,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC,IAAI,MAAM,kBAAkB,EAAE;AACjF,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,cAAa;AAAA,QACb,UAAU;AAAA,QACV,gBAAe;AAAA,QACf,MAAM,MAAM;AAAA,QACZ,SAAS;AAAA,QACV;AAAA;AAAA,IAED;AAAA,IACA,oBAAC,aAAU,WAAW,IAAI,UAAQ,IAAC;AAAA,IACnC,oBAAC,UAAO,IAAQ,MAAM,MAAM,MAAM,gBAAgB,MAAM,gBACtD,8BAAC,OAAO,OAAP,EAAa,WAAU,WAAU,GACpC;AAAA,KACF;AAEJ;",
-  "names": []
-}

package/dist/jsx/SwitchDemo.mjs

@@ -1,71 +0,0 @@
-import { Label, Separator, Switch, XStack, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function SwitchDemo() {
-  return /* @__PURE__ */jsxs(YStack, {
-    width: 200,
-    alignItems: "center",
-    gap: "$3",
-    children: [/* @__PURE__ */jsxs(XStack, {
-      gap: "$3",
-      $xs: {
-        flexDirection: "column"
-      },
-      children: [/* @__PURE__ */jsx(SwitchWithLabel, {
-        size: "$2"
-      }), /* @__PURE__ */jsx(SwitchWithLabel, {
-        size: "$2",
-        defaultChecked: !0
-      })]
-    }), /* @__PURE__ */jsxs(XStack, {
-      gap: "$3",
-      $xs: {
-        flexDirection: "column"
-      },
-      children: [/* @__PURE__ */jsx(SwitchWithLabel, {
-        size: "$3"
-      }), /* @__PURE__ */jsx(SwitchWithLabel, {
-        size: "$3",
-        defaultChecked: !0
-      })]
-    }), /* @__PURE__ */jsxs(XStack, {
-      gap: "$3",
-      $xs: {
-        flexDirection: "column"
-      },
-      children: [/* @__PURE__ */jsx(SwitchWithLabel, {
-        size: "$4"
-      }), /* @__PURE__ */jsx(SwitchWithLabel, {
-        size: "$4",
-        defaultChecked: !0
-      })]
-    })]
-  });
-}
-function SwitchWithLabel(props) {
-  const id = `switch-${props.size.toString().slice(1)}-${props.defaultChecked ?? ""}}`;
-  return /* @__PURE__ */jsxs(XStack, {
-    width: 200,
-    alignItems: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */jsx(Label, {
-      paddingRight: "$0",
-      minWidth: 90,
-      justifyContent: "flex-end",
-      size: props.size,
-      htmlFor: id,
-      children: "Accept"
-    }), /* @__PURE__ */jsx(Separator, {
-      minHeight: 20,
-      vertical: !0
-    }), /* @__PURE__ */jsx(Switch, {
-      id,
-      size: props.size,
-      defaultChecked: props.defaultChecked,
-      children: /* @__PURE__ */jsx(Switch.Thumb, {
-        animation: "quicker"
-      })
-    })]
-  });
-}
-export { SwitchDemo, SwitchWithLabel };
-//# sourceMappingURL=SwitchDemo.mjs.map

package/dist/jsx/SwitchDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["Label","Separator","Switch","XStack","YStack","jsx","jsxs","SwitchDemo","width","alignItems","gap","children","$xs","flexDirection","SwitchWithLabel","size","defaultChecked","props","id","toString","slice","paddingRight","minWidth","justifyContent","htmlFor","minHeight","vertical","Thumb","animation"],"sources":["../../src/SwitchDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,KAAA,EAAOC,SAAA,EAAWC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAsB;AAK3D,SACEC,GAAA,EADFC,IAAA;AAHC,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAD,IAAA,CAACF,MAAA;IAAOI,KAAA,EAAO;IAAKC,UAAA,EAAW;IAASC,GAAA,EAAI;IAC1CC,QAAA,kBAAAL,IAAA,CAACH,MAAA;MAAOO,GAAA,EAAI;MAAKE,GAAA,EAAK;QAAEC,aAAA,EAAe;MAAS;MAC9CF,QAAA,kBAAAN,GAAA,CAACS,eAAA;QAAgBC,IAAA,EAAK;MAAA,CAAK,GAC3B,eAAAV,GAAA,CAACS,eAAA;QAAgBC,IAAA,EAAK;QAAKC,cAAA,EAAc;MAAA,CAAC;IAAA,CAC5C,GACA,eAAAV,IAAA,CAACH,MAAA;MAAOO,GAAA,EAAI;MAAKE,GAAA,EAAK;QAAEC,aAAA,EAAe;MAAS;MAC9CF,QAAA,kBAAAN,GAAA,CAACS,eAAA;QAAgBC,IAAA,EAAK;MAAA,CAAK,GAC3B,eAAAV,GAAA,CAACS,eAAA;QAAgBC,IAAA,EAAK;QAAKC,cAAA,EAAc;MAAA,CAAC;IAAA,CAC5C,GACA,eAAAV,IAAA,CAACH,MAAA;MAAOO,GAAA,EAAI;MAAKE,GAAA,EAAK;QAAEC,aAAA,EAAe;MAAS;MAC9CF,QAAA,kBAAAN,GAAA,CAACS,eAAA;QAAgBC,IAAA,EAAK;MAAA,CAAK,GAC3B,eAAAV,GAAA,CAACS,eAAA;QAAgBC,IAAA,EAAK;QAAKC,cAAA,EAAc;MAAA,CAAC;IAAA,CAC5C;EAAA,CACF;AAEJ;AAEO,SAASF,gBAAgBG,KAAA,EAAuD;EACrF,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,CAACH,MAAA;IAAOK,KAAA,EAAO;IAAKC,UAAA,EAAW;IAASC,GAAA,EAAI;IAC1CC,QAAA,kBAAAN,GAAA,CAACL,KAAA;MACCqB,YAAA,EAAa;MACbC,QAAA,EAAU;MACVC,cAAA,EAAe;MACfR,IAAA,EAAME,KAAA,CAAMF,IAAA;MACZS,OAAA,EAASN,EAAA;MACVP,QAAA;IAAA,CAED,GACA,eAAAN,GAAA,CAACJ,SAAA;MAAUwB,SAAA,EAAW;MAAIC,QAAA,EAAQ;IAAA,CAAC,GACnC,eAAArB,GAAA,CAACH,MAAA;MAAOgB,EAAA;MAAQH,IAAA,EAAME,KAAA,CAAMF,IAAA;MAAMC,cAAA,EAAgBC,KAAA,CAAMD,cAAA;MACtDL,QAAA,iBAAAN,GAAA,CAACH,MAAA,CAAOyB,KAAA,EAAP;QAAaC,SAAA,EAAU;MAAA,CAAU;IAAA,CACpC;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/jsx/SwitchDemo.native.js

@@ -1,91 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Label, Separator, Switch, XStack, YStack } from "tamagui";
-function SwitchDemo() {
-  return /* @__PURE__ */ _jsxs(YStack, {
-    width: 200,
-    alignItems: "center",
-    gap: "$3",
-    children: [
-      /* @__PURE__ */ _jsxs(XStack, {
-        gap: "$3",
-        $xs: {
-          flexDirection: "column"
-        },
-        children: [
-          /* @__PURE__ */ _jsx(SwitchWithLabel, {
-            size: "$2"
-          }),
-          /* @__PURE__ */ _jsx(SwitchWithLabel, {
-            size: "$2",
-            defaultChecked: !0
-          })
-        ]
-      }),
-      /* @__PURE__ */ _jsxs(XStack, {
-        gap: "$3",
-        $xs: {
-          flexDirection: "column"
-        },
-        children: [
-          /* @__PURE__ */ _jsx(SwitchWithLabel, {
-            size: "$3"
-          }),
-          /* @__PURE__ */ _jsx(SwitchWithLabel, {
-            size: "$3",
-            defaultChecked: !0
-          })
-        ]
-      }),
-      /* @__PURE__ */ _jsxs(XStack, {
-        gap: "$3",
-        $xs: {
-          flexDirection: "column"
-        },
-        children: [
-          /* @__PURE__ */ _jsx(SwitchWithLabel, {
-            size: "$4"
-          }),
-          /* @__PURE__ */ _jsx(SwitchWithLabel, {
-            size: "$4",
-            defaultChecked: !0
-          })
-        ]
-      })
-    ]
-  });
-}
-function SwitchWithLabel(props) {
-  var _props_defaultChecked, id = `switch-${props.size.toString().slice(1)}-${(_props_defaultChecked = props.defaultChecked) !== null && _props_defaultChecked !== void 0 ? _props_defaultChecked : ""}}`;
-  return /* @__PURE__ */ _jsxs(XStack, {
-    width: 200,
-    alignItems: "center",
-    gap: "$4",
-    children: [
-      /* @__PURE__ */ _jsx(Label, {
-        paddingRight: "$0",
-        minWidth: 90,
-        justifyContent: "flex-end",
-        size: props.size,
-        htmlFor: id,
-        children: "Accept"
-      }),
-      /* @__PURE__ */ _jsx(Separator, {
-        minHeight: 20,
-        vertical: !0
-      }),
-      /* @__PURE__ */ _jsx(Switch, {
-        id,
-        size: props.size,
-        defaultChecked: props.defaultChecked,
-        children: /* @__PURE__ */ _jsx(Switch.Thumb, {
-          animation: "quicker"
-        })
-      })
-    ]
-  });
-}
-export {
-  SwitchDemo,
-  SwitchWithLabel
-};
-//# sourceMappingURL=SwitchDemo.js.map

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

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Users/n8/tamagui/code/demos/src/SwitchDemo.tsx"],
-  "mappings": ";AACA,SAASA,OAAOC,WAAWC,QAAQC,QAAQC,cAAsB;AAE1D,SAASC,aAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,OAAO;IAAKC,YAAW;IAASC,KAAI;;MAC1C,sBAACL,QAAAA;QAAOK,KAAI;QAAKC,KAAK;UAAEC,eAAe;QAAS;;UAC9C,qBAACC,iBAAAA;YAAgBC,MAAK;;UACtB,qBAACD,iBAAAA;YAAgBC,MAAK;YAAKC,gBAAc;;;;MAE3C,sBAACV,QAAAA;QAAOK,KAAI;QAAKC,KAAK;UAAEC,eAAe;QAAS;;UAC9C,qBAACC,iBAAAA;YAAgBC,MAAK;;UACtB,qBAACD,iBAAAA;YAAgBC,MAAK;YAAKC,gBAAc;;;;MAE3C,sBAACV,QAAAA;QAAOK,KAAI;QAAKC,KAAK;UAAEC,eAAe;QAAS;;UAC9C,qBAACC,iBAAAA;YAAgBC,MAAK;;UACtB,qBAACD,iBAAAA;YAAgBC,MAAK;YAAKC,gBAAc;;;;;;AAIjD;AAEO,SAASF,gBAAgBG,OAAqD;MAC5BA,uBAAjDC,KAAK,UAAUD,MAAMF,KAAKI,SAAQ,EAAGC,MAAM,CAAA,CAAA,KAAMH,wBAAAA,MAAMD,oBAAc,QAApBC,0BAAAA,SAAAA,wBAAwB,EAAA;AAC/E,SACE,sBAACX,QAAAA;IAAOG,OAAO;IAAKC,YAAW;IAASC,KAAI;;MAC1C,qBAACR,OAAAA;QACCkB,cAAa;QACbC,UAAU;QACVC,gBAAe;QACfR,MAAME,MAAMF;QACZS,SAASN;kBACV;;MAGD,qBAACd,WAAAA;QAAUqB,WAAW;QAAIC,UAAQ;;MAClC,qBAACrB,QAAAA;QAAOa;QAAQH,MAAME,MAAMF;QAAMC,gBAAgBC,MAAMD;kBACtD,qBAACX,OAAOsB,OAAK;UAACC,WAAU;;;;;AAIhC;",
-  "names": ["Label", "Separator", "Switch", "XStack", "YStack", "SwitchDemo", "width", "alignItems", "gap", "$xs", "flexDirection", "SwitchWithLabel", "size", "defaultChecked", "props", "id", "toString", "slice", "paddingRight", "minWidth", "justifyContent", "htmlFor", "minHeight", "vertical", "Thumb", "animation"]
-}

package/dist/jsx/SwitchHeadlessDemo.js

@@ -1,67 +0,0 @@
-import React from "react";
-import { useSwitch } from "@tamagui/switch-headless";
-import { Animated, Pressable } from "react-native-web";
-import { Label, XStack, YStack } from "tamagui";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function SwitchHeadlessDemo() {
-  return /* @__PURE__ */ jsx(YStack, { width: 200, alignItems: "center", space: "$3", children: /* @__PURE__ */ jsxs(XStack, { gap: "$3", alignItems: "center", children: [
-    /* @__PURE__ */ jsx(Label, { htmlFor: "headless", children: "Headless" }),
-    /* @__PURE__ */ jsx(HeadlessSwitch, { defaultChecked: !0, id: "headless" })
-  ] }) });
-}
-const HeadlessSwitch = React.forwardRef((props, ref) => {
-  const [checked, setChecked] = React.useState(props.defaultChecked || !1), { switchProps, switchRef, bubbleInput } = useSwitch(
-    props,
-    [checked, setChecked],
-    ref
-  ), animation = React.useRef(new Animated.Value(checked ? 1 : 0)).current;
-  return React.useEffect(() => {
-    Animated.timing(animation, {
-      toValue: checked ? 1 : 0,
-      duration: 100,
-      useNativeDriver: !0
-    }).start();
-  }, [checked]), /* @__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: animation.interpolate({
-                      inputRange: [0, 1],
-                      outputRange: [0, 20]
-                    })
-                  }
-                ]
-              }
-            ]
-          }
-        )
-      }
-    ),
-    bubbleInput
-  ] });
-});
-export {
-  SwitchHeadlessDemo
-};
-//# sourceMappingURL=SwitchHeadlessDemo.js.map

package/dist/jsx/SwitchHeadlessDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/SwitchHeadlessDemo.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,iBAAiB;AAG1B,SAAS,UAAU,iBAAiB;AACpC,SAAS,OAAO,QAAQ,cAAc;AAKhC,SA2BF,UA1BI,KADF;AAHC,SAAS,qBAAqB;AACnC,SACE,oBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C,+BAAC,UAAO,KAAI,MAAK,YAAW,UAC1B;AAAA,wBAAC,SAAM,SAAQ,YAAW,sBAAQ;AAAA,IAClC,oBAAC,kBAAe,gBAAc,IAAC,IAAG,YAAW;AAAA,KAC/C,GACF;AAEJ;AAEA,MAAM,iBAAiB,MAAM,WAAsC,CAAC,OAAO,QAAQ;AACjF,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,MAAM,kBAAkB,EAAK,GACpE,EAAE,aAAa,WAAW,YAAY,IAAI;AAAA,IAC9C;AAAA,IACA,CAAC,SAAS,UAAU;AAAA,IACpB;AAAA,EACF,GAEM,YAAY,MAAM,OAAO,IAAI,SAAS,MAAM,UAAU,IAAI,CAAC,CAAC,EAAE;AAEpE,eAAM,UAAU,MAAM;AACpB,aAAS,OAAO,WAAW;AAAA,MACzB,SAAS,UAAU,IAAI;AAAA,MACvB,UAAU;AAAA,MACV,iBAAiB;AAAA,IACnB,CAAC,EAAE,MAAM;AAAA,EACX,GAAG,CAAC,OAAO,CAAC,GAGV,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,iBAAiB,UAAU,cAAc;AAAA,QAC3C;AAAA,QACA,KAAK;AAAA,QACJ,GAAG;AAAA,QAEJ;AAAA,UAAC,SAAS;AAAA,UAAT;AAAA,YACC,OAAO;AAAA,cACL;AAAA,gBACE,iBAAiB;AAAA,gBACjB,cAAc;AAAA,gBACd,OAAO;AAAA,gBACP,QAAQ;AAAA,cACV;AAAA,cACA;AAAA,gBACE,WAAW;AAAA,kBACT;AAAA,oBACE,YAAY,UAAU,YAAY;AAAA,sBAChC,YAAY,CAAC,GAAG,CAAC;AAAA,sBACjB,aAAa,CAAC,GAAG,EAAE;AAAA,oBACrB,CAAC;AAAA,kBACH;AAAA,gBACF;AAAA,cACF;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACC;AAAA,KACH;AAEJ,CAAC;",
-  "names": []
-}

package/dist/jsx/SwitchHeadlessDemo.mjs

@@ -1,67 +0,0 @@
-import React from "react";
-import { useSwitch } from "@tamagui/switch-headless";
-import { Animated, Pressable } from "react-native-web";
-import { Label, XStack, YStack } from "tamagui";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function SwitchHeadlessDemo() {
-  return /* @__PURE__ */jsx(YStack, {
-    width: 200,
-    alignItems: "center",
-    space: "$3",
-    children: /* @__PURE__ */jsxs(XStack, {
-      gap: "$3",
-      alignItems: "center",
-      children: [/* @__PURE__ */jsx(Label, {
-        htmlFor: "headless",
-        children: "Headless"
-      }), /* @__PURE__ */jsx(HeadlessSwitch, {
-        defaultChecked: !0,
-        id: "headless"
-      })]
-    })
-  });
-}
-const HeadlessSwitch = React.forwardRef((props, ref) => {
-  const [checked, setChecked] = React.useState(props.defaultChecked || !1),
-    {
-      switchProps,
-      switchRef,
-      bubbleInput
-    } = useSwitch(props, [checked, setChecked], ref),
-    animation = React.useRef(new Animated.Value(checked ? 1 : 0)).current;
-  return React.useEffect(() => {
-    Animated.timing(animation, {
-      toValue: checked ? 1 : 0,
-      duration: 100,
-      useNativeDriver: !0
-    }).start();
-  }, [checked]), /* @__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: animation.interpolate({
-              inputRange: [0, 1],
-              outputRange: [0, 20]
-            })
-          }]
-        }]
-      })
-    }), bubbleInput]
-  });
-});
-export { SwitchHeadlessDemo };
-//# sourceMappingURL=SwitchHeadlessDemo.mjs.map

package/dist/jsx/SwitchHeadlessDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useSwitch","Animated","Pressable","Label","XStack","YStack","Fragment","jsx","jsxs","SwitchHeadlessDemo","width","alignItems","space","children","gap","htmlFor","HeadlessSwitch","defaultChecked","id","forwardRef","props","ref","checked","setChecked","useState","switchProps","switchRef","bubbleInput","animation","useRef","Value","current","useEffect","timing","toValue","duration","useNativeDriver","start","style","height","borderRadius","backgroundColor","View","transform","translateX","interpolate","inputRange","outputRange"],"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,SA2BFC,QAAA,EA1BIC,GAAA,EADFC,IAAA;AAHC,SAASC,mBAAA,EAAqB;EACnC,OACE,eAAAF,GAAA,CAACF,MAAA;IAAOK,KAAA,EAAO;IAAKC,UAAA,EAAW;IAASC,KAAA,EAAM;IAC5CC,QAAA,iBAAAL,IAAA,CAACJ,MAAA;MAAOU,GAAA,EAAI;MAAKH,UAAA,EAAW;MAC1BE,QAAA,kBAAAN,GAAA,CAACJ,KAAA;QAAMY,OAAA,EAAQ;QAAWF,QAAA;MAAA,CAAQ,GAClC,eAAAN,GAAA,CAACS,cAAA;QAAeC,cAAA,EAAc;QAACC,EAAA,EAAG;MAAA,CAAW;IAAA,CAC/C;EAAA,CACF;AAEJ;AAEA,MAAMF,cAAA,GAAiBjB,KAAA,CAAMoB,UAAA,CAAsC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACjF,MAAM,CAACC,OAAA,EAASC,UAAU,IAAIxB,KAAA,CAAMyB,QAAA,CAASJ,KAAA,CAAMH,cAAA,IAAkB,EAAK;IACpE;MAAEQ,WAAA;MAAaC,SAAA;MAAWC;IAAY,IAAI3B,SAAA,CAC9CoB,KAAA,EACA,CAACE,OAAA,EAASC,UAAU,GACpBF,GACF;IAEMO,SAAA,GAAY7B,KAAA,CAAM8B,MAAA,CAAO,IAAI5B,QAAA,CAAS6B,KAAA,CAAMR,OAAA,GAAU,IAAI,CAAC,CAAC,EAAES,OAAA;EAEpE,OAAAhC,KAAA,CAAMiC,SAAA,CAAU,MAAM;IACpB/B,QAAA,CAASgC,MAAA,CAAOL,SAAA,EAAW;MACzBM,OAAA,EAASZ,OAAA,GAAU,IAAI;MACvBa,QAAA,EAAU;MACVC,eAAA,EAAiB;IACnB,CAAC,EAAEC,KAAA,CAAM;EACX,GAAG,CAACf,OAAO,CAAC,GAGV,eAAAd,IAAA,CAAAF,QAAA;IACEO,QAAA,kBAAAN,GAAA,CAACL,SAAA;MACCoC,KAAA,EAAO;QACL5B,KAAA,EAAO;QACP6B,MAAA,EAAQ;QACRC,YAAA,EAAc;QACdC,eAAA,EAAiBnB,OAAA,GAAU,cAAc;MAC3C;MACAD,GAAA,EAAKK,SAAA;MACJ,GAAGD,WAAA;MAEJZ,QAAA,iBAAAN,GAAA,CAACN,QAAA,CAASyC,IAAA,EAAT;QACCJ,KAAA,EAAO,CACL;UACEG,eAAA,EAAiB;UACjBD,YAAA,EAAc;UACd9B,KAAA,EAAO;UACP6B,MAAA,EAAQ;QACV,GACA;UACEI,SAAA,EAAW,CACT;YACEC,UAAA,EAAYhB,SAAA,CAAUiB,WAAA,CAAY;cAChCC,UAAA,EAAY,CAAC,GAAG,CAAC;cACjBC,WAAA,EAAa,CAAC,GAAG,EAAE;YACrB,CAAC;UACH;QAEJ;MACF,CACF;IAAA,CACF,GACCpB,WAAA;EAAA,CACH;AAEJ,CAAC","ignoreList":[]}