@tamagui/demos 1.125.6 → 1.125.7

package/dist/esm/StacksDemo.native.js

@@ -2,99 +2,81 @@ 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, {
+  return /* @__PURE__ */_jsxs(XStack, {
     maxWidth: 250,
     padding: "$2",
     alignSelf: "center",
     gap: "$2",
-    children: [
-      /* @__PURE__ */ _jsxs(YStack, {
-        flex: 1,
-        borderWidth: 2,
-        borderColor: "$color",
+    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",
-        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,
+        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",
-        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"
-          })
-        ]
-      })
-    ]
+        padding: "$2"
+      })]
+    })]
   });
 }
-export {
-  StacksDemo
-};
-//# sourceMappingURL=StacksDemo.js.map
+export { StacksDemo };
+//# sourceMappingURL=StacksDemo.native.js.map

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

@@ -1,6 +1 @@
-{
-  "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"]
-}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","XStack","YStack","ZStack","StacksDemo","maxWidth","padding","alignSelf","gap","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,GAAA,EACN;IAAaC,QACb,GAAY,eACCT,KAAA,CAAAE,MAAA;MACbQ,IAAA,EAAI;MACJC,WAAQ;MAERC,WAAA;MAAAC,YAAA;MAAgEL,GAChE;MAAgEF,OAChE;MAAgEG,QAAA,kBAAAX,IAAA,CAAAI,MAAA;QAClEY,eAAA;QAEAD,YAAA;QAACP,OAAA;MAAA,IACC,eAAMR,IAAA,CAAAI,MAAA;QACNY,eAAa;QACbD,YAAY;QACZP,OAAA;MACA,IACA,eAAQR,IAAA,CAAAI,MAAA;QAERY,eAAA;QAAAD,YAAA,MAAC;QACDP,OAAA;MACA;IAAgE,IAClE,eAAAN,KAAA,CAAAC,MAAA;MAEAS,IAAA;MACEC,WAAA;MAACC,WAAA;MAAAC,YAAA;MAAAL,GACC;MAAUF,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":[]}

package/dist/esm/SwitchDemo.native.js

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

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

@@ -1,6 +1 @@
-{
-  "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"]
-}
+{"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":[]}

package/dist/esm/SwitchHeadlessDemo.native.js

@@ -4,82 +4,64 @@ 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,
+  }, [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,
-          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
-    ]
+          width: 20,
+          height: 20
+        }, {
+          transform: [{
+            translateX: animation.interpolate({
+              inputRange: [0, 1],
+              outputRange: [0, 20]
+            })
+          }]
+        }]
+      })
+    }), bubbleInput]
   });
 });
-export {
-  SwitchHeadlessDemo
-};
-//# sourceMappingURL=SwitchHeadlessDemo.js.map
+export { SwitchHeadlessDemo };
+//# sourceMappingURL=SwitchHeadlessDemo.native.js.map

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

@@ -1,6 +1 @@
-{
-  "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"]
-}
+{"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":[]}

package/dist/esm/SwitchUnstyledDemo.native.js

@@ -3,67 +3,63 @@ 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
     }
-  },
-  defaultVariants: {
-    checked: !1
-  }
-}), Thumb = styled(Stack, {
-  width: 20,
-  height: 20,
-  backgroundColor: "black",
-  borderRadius: 20,
-  variants: {
-    checked: {
-      true: {
-        opacity: 0.8
-      },
-      false: {
-        opacity: 0.5
+  }),
+  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.js.map
+export { Switch, SwitchUnstyledDemo };
+//# sourceMappingURL=SwitchUnstyledDemo.native.js.map

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

@@ -1,6 +1 @@
-{
-  "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"]
-}
+{"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":[]}