@tamagui/demos 1.113.1 → 1.114.0

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

@@ -1 +1,6 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","XStack","YStack","ZStack","StacksDemo","maxWidth","padding","alignSelf","space","children","flex","borderWidth","borderColor","borderRadius","backgroundColor","maxHeight","width","fullscreen"],"sources":["../../src/StacksDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAQ,IAAAC,KAAA,QAAc;AAKjC;AAHC,SAASC,MAAA,EAAAC,MAAa,EAAAC,MAAA;AAC3B,SACEC,WAAA;EACE,sBAAAJ,KAAA,CAAAC,MAAA;IAAAI,QAAC;IAAAC,OAAA;IAAAC,SACC,EAAM;IAAAC,KACN;IAAMC,QACN,GAAa,eACDT,KAAA,CAAAE,MAAA;MACZQ,IAAA;MACAF,KAAA,MAAQ;MAERG,WAAA;MAAAC,WAAA;MAAgEC,YAChE;MAAgEP,OAChE;MAAgEG,QAAA,kBAAAX,IAAA,CAAAI,MAAA;QAClEY,eAAA;QAEAD,YAAA;QAACP,OAAA;MAAA,IACC,eAAMR,IAAA,CAAAI,MAAA;QACNY,eAAM;QACND,YAAa;QACbP,OAAA,EAAY;MACZ,IACA,eAAQR,IAAA,CAAAI,MAAA;QAERY,eAAA;QAAAD,YAAA,MAAC;QACDP,OAAA;MACA;IAAgE,IAClE,eAAAN,KAAA,CAAAC,MAAA;MAEAS,IAAA;MACEF,KAAA;MAACG,WAAA;MAAAC,WAAA;MAAAC,YACC,EAAU;MAAAP,OACV;MAAaG,QACb,GACA,eAAYX,IAAA,CAAAI,MAAA;QACZY,eAAa;QAAAD,YAAA;QACfP,OAAA;MACA,IAAC,eAAAR,IAAA,CAAAI,MAAA;QAAAY,eAAA;QACCD,YAAY;QACZP,OAAA;MACA,IACA,eAAGR,IAAA,CAAAI,MAAA;QACHY,eAAa;QACbD,YAAa;QACbP,OAAQ;MAAA;IAEV,mBAACN,KAAA,CAAAG,MAAA;MAAAE,QAAA;MAAAU,SACC;MAAYC,KACZ;MAAUN,IACV,EAAG;MAAAD,QACA,GACH,eAAaX,IAAA,CAAAI,MAAA;QACbe,UAAA,EAAa;QACbJ,YAAQ;QAAAP,OAAA;QACVM,WAAA;QACFD,WAAA;MACF,IAEJ,eAAAb,IAAA,CAAAI,MAAA","ignoreList":[]}
+{
+  "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,OAAK;;MAC1D,sBAACN,QAAAA;QACCO,MAAM;QACND,OAAM;QACNE,aAAa;QACbC,aAAY;QACZC,cAAa;QACbN,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;QACND,OAAM;QACNE,aAAa;QACbC,aAAY;QACZC,cAAa;QACbN,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", "space", "flex", "borderWidth", "borderColor", "borderRadius", "backgroundColor", "maxHeight", "width", "fullscreen", "y", "x"]
+}

package/dist/esm/SwitchDemo.native.js

@@ -1,72 +1,91 @@
 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, {
+  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
-      })]
-    })]
+    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, {
+  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"
+    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.native.js.map
+export {
+  SwitchDemo,
+  SwitchWithLabel
+};
+//# sourceMappingURL=SwitchDemo.js.map

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

@@ -1 +1,6 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Label","Separator","Switch","XStack","YStack","SwitchDemo","width","alignItems","gap","children","$xs","flexDirection","SwitchWithLabel","size","defaultChecked"],"sources":["../../src/SwitchDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAA,IAAWC,KAAQ,QAAQ,mBAAsB;AAK3D,SACEC,KADF,EAAAC,SAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAN,KAAC,CAAAK,MAAA;IACCE,KAAA;IACEC,UAAA;IAA2BC,GAC3B;IAA0CC,QAC5C,GACA,eAAAV,KAAC,CAAAI,MAAA,EAAO;MACNK,GAAA;MACAE,GAAA;QACFC,aAAA;MACA;MACEF,QAAA,GACA,eAACZ,IAAA,CAAAe,eAAgB;QACnBC,IAAA;MACF,IAEJ,eAAAhB,IAAA,CAAAe,eAAA;QAEgBC,IAAA;QACRC,cAAe,GAAM;MAEzB;IACG,mBAAAf,KAAA,CAAAI,MAAA;MACCK,GAAA;MACAE,GAAA;QACAC,aAAA,EAAe;MACf;MACAF,QAAA,EAAS,CACV,eAAAZ,IAAA,CAAAe,eAAA;QAAAC,IAAA;MAED,IACA,eAAChB,IAAA,CAAAe,eAAU,EAAW;QACtBC,IAAA;QAGFC,cAAA;MAEJ","ignoreList":[]}
+{
+  "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/esm/SwitchHeadlessDemo.native.js

@@ -4,64 +4,82 @@ import { useSwitch } from "@tamagui/switch-headless";
 import { Animated, Pressable } from "react-native";
 import { Label, XStack, YStack } from "tamagui";
 function SwitchHeadlessDemo() {
-  return /* @__PURE__ */_jsx(YStack, {
+  return /* @__PURE__ */ _jsx(YStack, {
     width: 200,
     alignItems: "center",
     space: "$3",
-    children: /* @__PURE__ */_jsxs(XStack, {
+    children: /* @__PURE__ */ _jsxs(XStack, {
       gap: "$3",
       alignItems: "center",
-      children: [/* @__PURE__ */_jsx(Label, {
-        htmlFor: "headless",
-        children: "Headless"
-      }), /* @__PURE__ */_jsx(HeadlessSwitch, {
-        defaultChecked: !0,
-        id: "headless"
-      })]
+      children: [
+        /* @__PURE__ */ _jsx(Label, {
+          htmlFor: "headless",
+          children: "Headless"
+        }),
+        /* @__PURE__ */ _jsx(HeadlessSwitch, {
+          defaultChecked: !0,
+          id: "headless"
+        })
+      ]
     })
   });
 }
-var HeadlessSwitch = /* @__PURE__ */React.forwardRef(function (props, ref) {
-  var [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(function () {
+var HeadlessSwitch = /* @__PURE__ */ React.forwardRef(function(props, ref) {
+  var [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(function() {
     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",
+  }, [
+    checked
+  ]), /* @__PURE__ */ _jsxs(_Fragment, {
+    children: [
+      /* @__PURE__ */ _jsx(Pressable, {
+        style: {
+          width: 40,
+          height: 20,
           borderRadius: 100,
-          width: 20,
-          height: 20
-        }, {
-          transform: [{
-            translateX: animation.interpolate({
-              inputRange: [0, 1],
-              outputRange: [0, 20]
-            })
-          }]
-        }]
-      })
-    }), bubbleInput]
+          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.native.js.map
+export {
+  SwitchHeadlessDemo
+};
+//# sourceMappingURL=SwitchHeadlessDemo.js.map

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

@@ -1 +1,6 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","useSwitch","Animated","Pressable","Label","XStack","YStack","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"],"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,0BAAiB;AACpC,SAASC,QAAO,EAAAC,SAAQ,sBAAc;AAKhC,SA2BFC,KAAA,EAAAC,MA1BI,EADFC,MAAA;AAHC,SAASC,mBAAA,EAAqB;EACnC,OACE,eAAAZ,IAAC,CAAAW,MAAA;IAEGE,KAAA;IACAC,UAAA,UAAC;IAA4CC,KAEjD;IAEJC,QAAA,iBAAAd,KAAA,CAAAQ,MAAA;MAEMO,GAAA;MACJH,UAAO,EAAS;MAEdE,QAAA,GACC,eAAmBhB,IAAA,CAAAS,KAAA;QACpBS,OAAA;QAGIF,QAAY;MAElB,IACE,eAAgBhB,IAAA,CAAAmB,cAAW;QACzBC,cAAS,EAAU;QACnBC,EAAA;MACA;IAEJ,CAAG;EAIC;AAAA;AAAC,IAAAF,cAAA,kBAAAd,KAAA,CAAAiB,UAAA,WAAAC,KAAA,EAAAC,GAAA;EAAA,KAAAC,OACC,EAAOC,UAAA,IAAArB,KAAA,CAAAsB,QAAA,CAAAJ,KAAA,CAAAH,cAAA;IAAA;MAAAQ,WAAA;MAAAC,SAAA;MAAAC;IAAA,IAAAxB,SAAA,CAAAiB,KAAA,GAAAE,OACL,EAAOC,UACP,CAAQ,EAAAF,GAAA;IACRO,SAAA,GAAA1B,KAAc,CAAA2B,MAAA,KAAAzB,QAAA,CAAA0B,KAAA,CAAAR,OAAA,WAAAS,OAAA;EAAA,OAAA7B,KACd,CAAA8B,SAAA,aAAiB;IAAwB5B,QAC3C,CAAA6B,MAAA,CAAAL,SAAA;MAAAM,OACK,EAAAZ,OAAA;MAAAa,QACD;MAAAC,eAEJ;IAAA,GAAAC,KAAC;EAAS,IAATf,OAAA,CACQ,kBACLvB,KAAA,CAAAE,SAAA;IAAAY,QAAA,GACmB,eACjBhB,IAAA,CAAAQ,SAAc;MAAAiC,KAAA;QACP5B,KAAA,EACP;QAAQ6B,MACV;QAAAC,YACA;QAAAC,eACE,EAAWnB,OAAA;MAAA;MACTD,GAAA,EAAAK,SACE;MAAkC,GAAAD,WAChC;MAAiBZ,QAAA,iBACjBhB,IAAc,CAAGO,QAAE,CAAAsC,IAAA;QAAAJ,KAAA,GACpB;UACHG,eACF;UACFD,YAAA;UACF9B,KAAA;UAAA6B,MAAA;QACF;UACFI,SAAA,GACC;YACHC,UAAA,EAAAhB,SAAA,CAAAiB,WAAA;cAEHC,UAAA,G","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/Users/n8/tamagui/code/demos/src/SwitchHeadlessDemo.tsx"],
+  "mappings": ";AAAA,OAAOA,WAAW;AAElB,SAASC,iBAAiB;AAG1B,SAASC,UAAUC,iBAAiB;AACpC,SAASC,OAAOC,QAAQC,cAAc;AAE/B,SAASC,qBAAAA;AACd,SACE,qBAACD,QAAAA;IAAOE,OAAO;IAAKC,YAAW;IAASC,OAAM;cAC5C,sBAACL,QAAAA;MAAOM,KAAI;MAAKF,YAAW;;QAC1B,qBAACL,OAAAA;UAAMQ,SAAQ;oBAAW;;QAC1B,qBAACC,gBAAAA;UAAeC,gBAAc;UAACC,IAAG;;;;;AAI1C;AAEA,IAAMF,iBAAiBb,sBAAMgB,WAAsC,SAACC,OAAOC,KAAAA;AACzE,MAAM,CAACC,SAASC,UAAAA,IAAcpB,MAAMqB,SAASJ,MAAMH,kBAAkB,EAAA,GAC/D,EAAEQ,aAAaC,WAAWC,YAAW,IAAKvB,UAC9CgB,OACA;IAACE;IAASC;KACVF,GAAAA,GAGIO,YAAYzB,MAAM0B,OAAO,IAAIxB,SAASyB,MAAMR,UAAU,IAAI,CAAA,CAAA,EAAIS;AAEpE5B,eAAM6B,UAAU,WAAA;AACd3B,aAAS4B,OAAOL,WAAW;MACzBM,SAASZ,UAAU,IAAI;MACvBa,UAAU;MACVC,iBAAiB;IACnB,CAAA,EAAGC,MAAK;EACV,GAAG;IAACf;GAAQ,GAGV,sBAAA,WAAA;;MACE,qBAAChB,WAAAA;QACCgC,OAAO;UACL3B,OAAO;UACP4B,QAAQ;UACRC,cAAc;UACdC,iBAAiBnB,UAAU,cAAc;QAC3C;QACAD,KAAKK;QACJ,GAAGD;kBAEJ,qBAACpB,SAASqC,MAAI;UACZJ,OAAO;YACL;cACEG,iBAAiB;cACjBD,cAAc;cACd7B,OAAO;cACP4B,QAAQ;YACV;YACA;cACEI,WAAW;gBACT;kBACEC,YAAYhB,UAAUiB,YAAY;oBAChCC,YAAY;sBAAC;sBAAG;;oBAChBC,aAAa;sBAAC;sBAAG;;kBACnB,CAAA;gBACF;;YAEJ;;;;MAILpB;;;AAGP,CAAA;",
+  "names": ["React", "useSwitch", "Animated", "Pressable", "Label", "XStack", "YStack", "SwitchHeadlessDemo", "width", "alignItems", "space", "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"]
+}

package/dist/esm/SwitchUnstyledDemo.native.js

@@ -3,63 +3,67 @@ import { Stack, styled } from "@tamagui/core";
 import { createSwitch } from "@tamagui/switch";
 import { Label, XStack, YStack } from "tamagui";
 var Frame = styled(Stack, {
-    width: 40,
-    height: 20,
-    borderRadius: 20,
-    variants: {
-      checked: {
-        true: {
-          backgroundColor: "lightblue"
-        },
-        false: {
-          backgroundColor: "silver"
-        }
+  width: 40,
+  height: 20,
+  borderRadius: 20,
+  variants: {
+    checked: {
+      true: {
+        backgroundColor: "lightblue"
+      },
+      false: {
+        backgroundColor: "silver"
       }
-    },
-    defaultVariants: {
-      checked: !1
     }
-  }),
-  Thumb = styled(Stack, {
-    width: 20,
-    height: 20,
-    backgroundColor: "black",
-    borderRadius: 20,
-    variants: {
-      checked: {
-        true: {
-          opacity: 0.8
-        },
-        false: {
-          opacity: 0.5
-        }
+  },
+  defaultVariants: {
+    checked: !1
+  }
+}), Thumb = styled(Stack, {
+  width: 20,
+  height: 20,
+  backgroundColor: "black",
+  borderRadius: 20,
+  variants: {
+    checked: {
+      true: {
+        opacity: 0.8
+      },
+      false: {
+        opacity: 0.5
       }
     }
-  }),
-  Switch = createSwitch({
-    Frame,
-    Thumb
-  });
+  }
+}), Switch = createSwitch({
+  Frame,
+  Thumb
+});
 function SwitchUnstyledDemo() {
-  return /* @__PURE__ */_jsx(YStack, {
+  return /* @__PURE__ */ _jsx(YStack, {
     width: 200,
     alignItems: "center",
     space: "$3",
-    children: /* @__PURE__ */_jsxs(XStack, {
+    children: /* @__PURE__ */ _jsxs(XStack, {
       gap: "$3",
       alignItems: "center",
-      children: [/* @__PURE__ */_jsx(Label, {
-        htmlFor: "unstyled-switch",
-        children: "Unstyled"
-      }), /* @__PURE__ */_jsx(Switch, {
-        defaultChecked: !0,
-        id: "unstyled-switch",
-        children: /* @__PURE__ */_jsx(Switch.Thumb, {
-          animation: "quick"
+      children: [
+        /* @__PURE__ */ _jsx(Label, {
+          htmlFor: "unstyled-switch",
+          children: "Unstyled"
+        }),
+        /* @__PURE__ */ _jsx(Switch, {
+          defaultChecked: !0,
+          id: "unstyled-switch",
+          children: /* @__PURE__ */ _jsx(Switch.Thumb, {
+            animation: "quick"
+          })
         })
-      })]
+      ]
     })
   });
 }
-export { Switch, SwitchUnstyledDemo };
-//# sourceMappingURL=SwitchUnstyledDemo.native.js.map
+export {
+  Switch,
+  SwitchUnstyledDemo
+};
+//# sourceMappingURL=SwitchUnstyledDemo.js.map

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

@@ -1 +1,6 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Stack","styled","createSwitch","Label","XStack","YStack","Frame","width","height","borderRadius","variants","checked","true","backgroundColor","false","defaultVariants","Thumb","opacity","Switch","SwitchUnstyledDemo","alignItems","space","children"],"sources":["../../src/SwitchUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAA,IAAcC,KAAA;AAC9B,SAASC,KAAA,EAAAC,MAAA,QAAoB;AAC7B,SAASC,YAAO,QAAQ,iBAAc;AA+ChC,SACEC,KADF,EAAAC,MAAA,EAAAC,MAAA;AA7CN,IAAAC,KAAM,GAAAL,MAAQ,CAAAD,KAAO;IACnBO,KAAA,EAAO;IACPC,MAAA,EAAQ;IACRC,YAAA,EAAc;IACdC,QAAA,EAAU;MACRC,OAAA,EAAS;QACPC,IAAA,EAAM;UACJC,eAAA,EAAiB;QACnB;QACAC,KAAA,EAAO;UACLD,eAAA,EAAiB;QACnB;MACF;IACF;IACAE,eAAA,EAAiB;MACfJ,OAAA,EAAS;IACX;EACF,CAAC;EAEKK,KAAA,GAAQf,MAAA,CAAOD,KAAA,EAAO;IAC1BO,KAAA,EAAO;IACPC,MAAA,EAAQ;IACRK,eAAA,EAAiB;IACjBJ,YAAA,EAAc;IAEdC,QAAA,EAAU;MACRC,OAAA,EAAS;QACPC,IAAA,EAAM;UACJK,OAAA,EAAS;QACX;QACAH,KAAA,EAAO;UACLG,OAAA,EAAS;QACX;MACF;IACF;EACF,CAAC;EAEYC,MAAA,GAAShB,YAAA,CAAa;IACjCI,KAAA;IACAU;EACF,CAAC;AAEM,SAASG,mBAAA,EAAqB;EACnC,OACE,eAAAtB,IAAC,CAAAQ,MAAA;IAEGE,KAAA;IACAa,UAAA,UAAC;IAEDC,KAEJ;IAEJC,QAAA,iBAAAvB,KAAA,CAAAK,MAAA","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/Users/n8/tamagui/code/demos/src/SwitchUnstyledDemo.tsx"],
+  "mappings": ";AACA,SAASA,OAAOC,cAAc;AAC9B,SAASC,oBAAoB;AAC7B,SAASC,OAAOC,QAAQC,cAAc;AAEtC,IAAMC,QAAQL,OAAOD,OAAO;EAC1BO,OAAO;EACPC,QAAQ;EACRC,cAAc;EACdC,UAAU;IACRC,SAAS;MACPC,MAAM;QACJC,iBAAiB;MACnB;MACAC,OAAO;QACLD,iBAAiB;MACnB;IACF;EACF;EACAE,iBAAiB;IACfJ,SAAS;EACX;AACF,CAAA,GAEMK,QAAQf,OAAOD,OAAO;EAC1BO,OAAO;EACPC,QAAQ;EACRK,iBAAiB;EACjBJ,cAAc;EAEdC,UAAU;IACRC,SAAS;MACPC,MAAM;QACJK,SAAS;MACX;MACAH,OAAO;QACLG,SAAS;MACX;IACF;EACF;AACF,CAAA,GAEaC,SAAShB,aAAa;EACjCI;EACAU;AACF,CAAA;AAEO,SAASG,qBAAAA;AACd,SACE,qBAACd,QAAAA;IAAOE,OAAO;IAAKa,YAAW;IAASC,OAAM;cAC5C,sBAACjB,QAAAA;MAAOkB,KAAI;MAAKF,YAAW;;QAC1B,qBAACjB,OAAAA;UAAMoB,SAAQ;oBAAkB;;QACjC,qBAACL,QAAAA;UAAOM,gBAAc;UAACC,IAAG;oBACxB,qBAACP,OAAOF,OAAK;YAACU,WAAU;;;;;;AAKlC;",
+  "names": ["Stack", "styled", "createSwitch", "Label", "XStack", "YStack", "Frame", "width", "height", "borderRadius", "variants", "checked", "true", "backgroundColor", "false", "defaultVariants", "Thumb", "opacity", "Switch", "SwitchUnstyledDemo", "alignItems", "space", "gap", "htmlFor", "defaultChecked", "id", "animation"]
+}