@tamagui/demos 1.89.28 → 1.89.29

package/dist/esm/StacksDemo.native.js

@@ -1,77 +1,98 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "react";
 import { XStack, YStack, ZStack } from "tamagui";
 function StacksDemo() {
-  return /* @__PURE__ */ React.createElement(XStack, {
+  return /* @__PURE__ */ _jsxs(XStack, {
     maxWidth: 250,
     padding: "$2",
     alignSelf: "center",
-    space: !0
-  }, /* @__PURE__ */ React.createElement(YStack, {
-    flex: 1,
-    space: "$2",
-    borderWidth: 2,
-    borderColor: "$color",
-    borderRadius: "$4",
-    padding: "$2"
-  }, /* @__PURE__ */ React.createElement(YStack, {
-    backgroundColor: "$color",
-    borderRadius: "$3",
-    padding: "$2"
-  }), /* @__PURE__ */ React.createElement(YStack, {
-    backgroundColor: "$color",
-    borderRadius: "$3",
-    padding: "$2"
-  }), /* @__PURE__ */ React.createElement(YStack, {
-    backgroundColor: "$color",
-    borderRadius: "$3",
-    padding: "$2"
-  })), /* @__PURE__ */ React.createElement(XStack, {
-    flex: 1,
-    space: "$2",
-    borderWidth: 2,
-    borderColor: "$color",
-    borderRadius: "$4",
-    padding: "$2"
-  }, /* @__PURE__ */ React.createElement(YStack, {
-    backgroundColor: "$color",
-    borderRadius: "$3",
-    padding: "$2"
-  }), /* @__PURE__ */ React.createElement(YStack, {
-    backgroundColor: "$color",
-    borderRadius: "$3",
-    padding: "$2"
-  }), /* @__PURE__ */ React.createElement(YStack, {
-    backgroundColor: "$color",
-    borderRadius: "$3",
-    padding: "$2"
-  })), /* @__PURE__ */ React.createElement(ZStack, {
-    maxWidth: 50,
-    maxHeight: 85,
-    width: 100,
-    flex: 1
-  }, /* @__PURE__ */ React.createElement(YStack, {
-    fullscreen: !0,
-    borderRadius: "$4",
-    padding: "$2",
-    borderColor: "$color",
-    borderWidth: 2
-  }), /* @__PURE__ */ React.createElement(YStack, {
-    borderColor: "$color",
-    fullscreen: !0,
-    y: 10,
-    x: 10,
-    borderWidth: 2,
-    borderRadius: "$4",
-    padding: "$2"
-  }), /* @__PURE__ */ React.createElement(YStack, {
-    borderColor: "$color",
-    fullscreen: !0,
-    y: 20,
-    x: 20,
-    borderWidth: 2,
-    borderRadius: "$4",
-    padding: "$2"
-  })));
+    space: !0,
+    children: [
+      /* @__PURE__ */ _jsxs(YStack, {
+        flex: 1,
+        space: "$2",
+        borderWidth: 2,
+        borderColor: "$color",
+        borderRadius: "$4",
+        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,
+        space: "$2",
+        borderWidth: 2,
+        borderColor: "$color",
+        borderRadius: "$4",
+        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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/StacksDemo.tsx"],
-  "mappings": "AAAA,OAAOA,WAAW;AAClB,SAASC,QAAQC,QAAQC,cAAc;AAEhC,SAASC,aAAAA;AACd,SACE,sBAAA,cAACH,QAAAA;IAAOI,UAAU;IAAKC,SAAQ;IAAKC,WAAU;IAASC,OAAAA;KACrD,sBAAA,cAACN,QAAAA;IACCO,MAAM;IACND,OAAM;IACNE,aAAa;IACbC,aAAY;IACZC,cAAa;IACbN,SAAQ;KAER,sBAAA,cAACJ,QAAAA;IAAOW,iBAAgB;IAASD,cAAa;IAAKN,SAAQ;MAC3D,sBAAA,cAACJ,QAAAA;IAAOW,iBAAgB;IAASD,cAAa;IAAKN,SAAQ;MAC3D,sBAAA,cAACJ,QAAAA;IAAOW,iBAAgB;IAASD,cAAa;IAAKN,SAAQ;OAG7D,sBAAA,cAACL,QAAAA;IACCQ,MAAM;IACND,OAAM;IACNE,aAAa;IACbC,aAAY;IACZC,cAAa;IACbN,SAAQ;KAER,sBAAA,cAACJ,QAAAA;IAAOW,iBAAgB;IAASD,cAAa;IAAKN,SAAQ;MAC3D,sBAAA,cAACJ,QAAAA;IAAOW,iBAAgB;IAASD,cAAa;IAAKN,SAAQ;MAC3D,sBAAA,cAACJ,QAAAA;IAAOW,iBAAgB;IAASD,cAAa;IAAKN,SAAQ;OAG7D,sBAAA,cAACH,QAAAA;IAAOE,UAAU;IAAIS,WAAW;IAAIC,OAAO;IAAKN,MAAM;KACrD,sBAAA,cAACP,QAAAA;IACCc,YAAAA;IACAJ,cAAa;IACbN,SAAQ;IACRK,aAAY;IACZD,aAAa;MAEf,sBAAA,cAACR,QAAAA;IACCS,aAAY;IACZK,YAAAA;IACAC,GAAG;IACHC,GAAG;IACHR,aAAa;IACbE,cAAa;IACbN,SAAQ;MAEV,sBAAA,cAACJ,QAAAA;IACCS,aAAY;IACZK,YAAAA;IACAC,GAAG;IACHC,GAAG;IACHR,aAAa;IACbE,cAAa;IACbN,SAAQ;;AAKlB;",
-  "names": ["React", "XStack", "YStack", "ZStack", "StacksDemo", "maxWidth", "padding", "alignSelf", "space", "flex", "borderWidth", "borderColor", "borderRadius", "backgroundColor", "maxHeight", "width", "fullscreen", "y", "x"]
+  "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,63 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Label, Separator, Switch, XStack, YStack } from "tamagui";
 function SwitchDemo() {
-  return /* @__PURE__ */ React.createElement(YStack, {
+  return /* @__PURE__ */ _jsxs(YStack, {
     width: 200,
     alignItems: "center",
-    gap: "$3"
-  }, /* @__PURE__ */ React.createElement(XStack, {
     gap: "$3",
-    $xs: {
-      flexDirection: "column"
-    }
-  }, /* @__PURE__ */ React.createElement(SwitchWithLabel, {
-    size: "$2"
-  }), /* @__PURE__ */ React.createElement(SwitchWithLabel, {
-    size: "$2",
-    defaultChecked: !0
-  })), /* @__PURE__ */ React.createElement(XStack, {
-    gap: "$3",
-    $xs: {
-      flexDirection: "column"
-    }
-  }, /* @__PURE__ */ React.createElement(SwitchWithLabel, {
-    size: "$3"
-  }), /* @__PURE__ */ React.createElement(SwitchWithLabel, {
-    size: "$3",
-    defaultChecked: !0
-  })), /* @__PURE__ */ React.createElement(XStack, {
-    gap: "$3",
-    $xs: {
-      flexDirection: "column"
-    }
-  }, /* @__PURE__ */ React.createElement(SwitchWithLabel, {
-    size: "$4"
-  }), /* @__PURE__ */ React.createElement(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-".concat(props.size.toString().slice(1), "-").concat((_props_defaultChecked = props.defaultChecked) !== null && _props_defaultChecked !== void 0 ? _props_defaultChecked : "", "}");
-  return /* @__PURE__ */ React.createElement(XStack, {
+  return /* @__PURE__ */ _jsxs(XStack, {
     width: 200,
     alignItems: "center",
-    gap: "$4"
-  }, /* @__PURE__ */ React.createElement(Label, {
-    paddingRight: "$0",
-    minWidth: 90,
-    justifyContent: "flex-end",
-    size: props.size,
-    htmlFor: id
-  }, "Accept"), /* @__PURE__ */ React.createElement(Separator, {
-    minHeight: 20,
-    vertical: !0
-  }), /* @__PURE__ */ React.createElement(Switch, {
-    id,
-    size: props.size,
-    defaultChecked: props.defaultChecked
-  }, /* @__PURE__ */ React.createElement(Switch.Thumb, {
-    animation: "quicker"
-  })));
+    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,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/SwitchDemo.tsx"],
-  "mappings": "AACA,SAASA,OAAOC,WAAWC,QAAQC,QAAQC,cAAsB;AAE1D,SAASC,aAAAA;AACd,SACE,sBAAA,cAACD,QAAAA;IAAOE,OAAO;IAAKC,YAAW;IAASC,KAAI;KAC1C,sBAAA,cAACL,QAAAA;IAAOK,KAAI;IAAKC,KAAK;MAAEC,eAAe;IAAS;KAC9C,sBAAA,cAACC,iBAAAA;IAAgBC,MAAK;MACtB,sBAAA,cAACD,iBAAAA;IAAgBC,MAAK;IAAKC,gBAAAA;OAE7B,sBAAA,cAACV,QAAAA;IAAOK,KAAI;IAAKC,KAAK;MAAEC,eAAe;IAAS;KAC9C,sBAAA,cAACC,iBAAAA;IAAgBC,MAAK;MACtB,sBAAA,cAACD,iBAAAA;IAAgBC,MAAK;IAAKC,gBAAAA;OAE7B,sBAAA,cAACV,QAAAA;IAAOK,KAAI;IAAKC,KAAK;MAAEC,eAAe;IAAS;KAC9C,sBAAA,cAACC,iBAAAA;IAAgBC,MAAK;MACtB,sBAAA,cAACD,iBAAAA;IAAgBC,MAAK;IAAKC,gBAAAA;;AAInC;AAEO,SAASF,gBAAgBG,OAAqD;MAC5BA,uBAAjDC,KAAM,UAA2CD,OAAlCA,MAAMF,KAAKI,SAAQ,EAAGC,MAAM,CAAA,GAAG,GAAA,EAA8B,QAA3BH,wBAAAA,MAAMD,oBAAc,QAApBC,0BAAAA,SAAAA,wBAAwB,IAAG,GAAA;AAClF,SACE,sBAAA,cAACX,QAAAA;IAAOG,OAAO;IAAKC,YAAW;IAASC,KAAI;KAC1C,sBAAA,cAACR,OAAAA;IACCkB,cAAa;IACbC,UAAU;IACVC,gBAAe;IACfR,MAAME,MAAMF;IACZS,SAASN;KACV,QAAA,GAGD,sBAAA,cAACd,WAAAA;IAAUqB,WAAW;IAAIC,UAAAA;MAC1B,sBAAA,cAACrB,QAAAA;IAAOa;IAAQH,MAAME,MAAMF;IAAMC,gBAAgBC,MAAMD;KACtD,sBAAA,cAACX,OAAOsB,OAAK;IAACC,WAAU;;AAIhC;",
+  "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,KAAM,UAA2CD,OAAlCA,MAAMF,KAAKI,SAAQ,EAAGC,MAAM,CAAA,GAAG,GAAA,EAA8B,QAA3BH,wBAAAA,MAAMD,oBAAc,QAApBC,0BAAAA,SAAAA,wBAAwB,IAAG,GAAA;AAClF,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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useSwitch } from "@tamagui/switch-headless";
 import { forwardRef, useEffect, useRef, useState } from "react";
 import { Animated, Pressable } from "react-native";
@@ -45,15 +46,30 @@ function _non_iterable_rest() {
 }
 function _object_spread(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {}, ownKeys = Object.keys(source);
-    typeof Object.getOwnPropertySymbols == "function" && (ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
       return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-    }))), ownKeys.forEach(function(key) {
+    }))), ownKeys2.forEach(function(key) {
       _define_property(target, key, source[key]);
     });
   }
   return target;
 }
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _object_spread_props(target, source) {
+  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+  }), target;
+}
 function _sliced_to_array(arr, i) {
   return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
 }
@@ -69,19 +85,25 @@ function _unsupported_iterable_to_array(o, minLen) {
   }
 }
 function SwitchHeadlessDemo() {
-  return /* @__PURE__ */ React.createElement(YStack, {
+  return /* @__PURE__ */ _jsx(YStack, {
     width: 200,
     alignItems: "center",
-    space: "$3"
-  }, /* @__PURE__ */ React.createElement(XStack, {
     space: "$3",
-    alignItems: "center"
-  }, /* @__PURE__ */ React.createElement(Label, {
-    htmlFor: "headless"
-  }, "Headless"), /* @__PURE__ */ React.createElement(HeadlessSwitch, {
-    defaultChecked: !0,
-    id: "headless"
-  })));
+    children: /* @__PURE__ */ _jsxs(XStack, {
+      space: "$3",
+      alignItems: "center",
+      children: [
+        /* @__PURE__ */ _jsx(Label, {
+          htmlFor: "headless",
+          children: "Headless"
+        }),
+        /* @__PURE__ */ _jsx(HeadlessSwitch, {
+          defaultChecked: !0,
+          id: "headless"
+        })
+      ]
+    })
+  });
 }
 var HeadlessSwitch = /* @__PURE__ */ forwardRef(function(props, ref) {
   var _useState = _sliced_to_array(useState(props.defaultChecked || !1), 2), checked = _useState[0], setChecked = _useState[1], _useSwitch = useSwitch(props, [
@@ -96,40 +118,47 @@ var HeadlessSwitch = /* @__PURE__ */ forwardRef(function(props, ref) {
     }).start();
   }, [
     checked
-  ]), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Pressable, _object_spread({
-    style: {
-      width: 40,
-      height: 20,
-      borderRadius: 100,
-      backgroundColor: checked ? "lightblue" : "silver"
-    },
-    ref: switchRef
-  }, switchProps), /* @__PURE__ */ React.createElement(Animated.View, {
-    style: [
-      {
-        backgroundColor: "black",
-        borderRadius: 100,
-        width: 20,
-        height: 20
-      },
-      {
-        transform: [
-          {
-            translateX: animation.interpolate({
-              inputRange: [
-                0,
-                1
-              ],
-              outputRange: [
-                0,
-                20
+  ]), /* @__PURE__ */ _jsxs(_Fragment, {
+    children: [
+      /* @__PURE__ */ _jsx(Pressable, _object_spread_props(_object_spread({
+        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
     ]
-  })), bubbleInput);
+  });
 });
 export {
   SwitchHeadlessDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/SwitchHeadlessDemo.tsx"],
-  "mappings": "AACA,SAASA,iBAAiB;AAC1B,SAASC,YAAYC,WAAWC,QAAQC,gBAAgB;AAExD,SAASC,UAAUC,iBAAiB;AACpC,SAASC,OAAOC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE/B,SAASC,qBAAAA;AACd,SACE,sBAAA,cAACD,QAAAA;IAAOE,OAAO;IAAKC,YAAW;IAASC,OAAM;KAC5C,sBAAA,cAACL,QAAAA;IAAOK,OAAM;IAAKD,YAAW;KAC5B,sBAAA,cAACL,OAAAA;IAAMO,SAAQ;KAAW,UAAA,GAC1B,sBAAA,cAACC,gBAAAA;IAAeC,gBAAAA;IAAeC,IAAG;;AAI1C;AAEA,IAAMF,iBAAiBd,2BAAsC,SAACiB,OAAOC,KAAAA;AACnE,MAA8Bf,YAAAA,iBAAAA,SAASc,MAAMF,kBAAkB,EAAA,GAAA,CAAA,GAAxDI,UAAuBhB,UAAAA,CAAAA,GAAdiB,aAAcjB,UAAAA,CAAAA,GACkBJ,aAAAA,UAC9CkB,OACA;IAACE;IAASC;KACVF,GAAAA,GAHMG,cAAwCtB,WAAxCsB,aAAaC,YAA2BvB,WAA3BuB,WAAWC,cAAgBxB,WAAhBwB,aAM1BC,YAAYtB,OAAO,IAAIE,SAASqB,MAAMN,UAAU,IAAI,CAAA,CAAA,EAAIO;AAE9DzB,mBAAU,WAAA;AACRG,aAASuB,OAAOH,WAAW;MACzBI,SAAST,UAAU,IAAI;MACvBU,UAAU;MACVC,iBAAiB;IACnB,CAAA,EAAGC,MAAK;EACV,GAAG;IAACZ;GAAQ,GAGV,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACd,WAAAA,eAAAA;IACC2B,OAAO;MACLtB,OAAO;MACPuB,QAAQ;MACRC,cAAc;MACdC,iBAAiBhB,UAAU,cAAc;IAC3C;IACAD,KAAKI;KACDD,WAAAA,GAEJ,sBAAA,cAACjB,SAASgC,MAAI;IACZJ,OAAO;MACL;QACEG,iBAAiB;QACjBD,cAAc;QACdxB,OAAO;QACPuB,QAAQ;MACV;MACA;QACEI,WAAW;UACT;YACEC,YAAYd,UAAUe,YAAY;cAChCC,YAAY;gBAAC;gBAAG;;cAChBC,aAAa;gBAAC;gBAAG;;YACnB,CAAA;UACF;;MAEJ;;OAILlB,WAAAA;AAGP,CAAA;",
+  "mappings": ";AACA,SAASA,iBAAiB;AAC1B,SAASC,YAAYC,WAAWC,QAAQC,gBAAgB;AAExD,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;MAAOK,OAAM;MAAKD,YAAW;;QAC5B,qBAACL,OAAAA;UAAMO,SAAQ;oBAAW;;QAC1B,qBAACC,gBAAAA;UAAeC,gBAAc;UAACC,IAAG;;;;;AAI1C;AAEA,IAAMF,iBAAiBd,2BAAsC,SAACiB,OAAOC,KAAAA;AACnE,MAA8Bf,YAAAA,iBAAAA,SAASc,MAAMF,kBAAkB,EAAA,GAAA,CAAA,GAAxDI,UAAuBhB,UAAAA,CAAAA,GAAdiB,aAAcjB,UAAAA,CAAAA,GACkBJ,aAAAA,UAC9CkB,OACA;IAACE;IAASC;KACVF,GAAAA,GAHMG,cAAwCtB,WAAxCsB,aAAaC,YAA2BvB,WAA3BuB,WAAWC,cAAgBxB,WAAhBwB,aAM1BC,YAAYtB,OAAO,IAAIE,SAASqB,MAAMN,UAAU,IAAI,CAAA,CAAA,EAAIO;AAE9DzB,mBAAU,WAAA;AACRG,aAASuB,OAAOH,WAAW;MACzBI,SAAST,UAAU,IAAI;MACvBU,UAAU;MACVC,iBAAiB;IACnB,CAAA,EAAGC,MAAK;EACV,GAAG;IAACZ;GAAQ,GAGV,sBAAA,WAAA;;MACE,qBAACd,WAAAA,qBAAAA,eAAAA;QACC2B,OAAO;UACLtB,OAAO;UACPuB,QAAQ;UACRC,cAAc;UACdC,iBAAiBhB,UAAU,cAAc;QAC3C;QACAD,KAAKI;SACDD,WAAAA,GAAAA;kBAEJ,qBAACjB,SAASgC,MAAI;UACZJ,OAAO;YACL;cACEG,iBAAiB;cACjBD,cAAc;cACdxB,OAAO;cACPuB,QAAQ;YACV;YACA;cACEI,WAAW;gBACT;kBACEC,YAAYd,UAAUe,YAAY;oBAChCC,YAAY;sBAAC;sBAAG;;oBAChBC,aAAa;sBAAC;sBAAG;;kBACnB,CAAA;gBACF;;YAEJ;;;;MAILlB;;;AAGP,CAAA;",
   "names": ["useSwitch", "forwardRef", "useEffect", "useRef", "useState", "Animated", "Pressable", "Label", "XStack", "YStack", "SwitchHeadlessDemo", "width", "alignItems", "space", "htmlFor", "HeadlessSwitch", "defaultChecked", "id", "props", "ref", "checked", "setChecked", "switchProps", "switchRef", "bubbleInput", "animation", "Value", "current", "timing", "toValue", "duration", "useNativeDriver", "start", "style", "height", "borderRadius", "backgroundColor", "View", "transform", "translateX", "interpolate", "inputRange", "outputRange"]
 }

package/dist/esm/SwitchUnstyledDemo.native.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Stack, styled } from "@tamagui/core";
 import { SwitchStyledContext, createSwitch } from "@tamagui/switch";
 import { Label, XStack, YStack } from "tamagui";
@@ -42,21 +43,28 @@ var Frame = styled(Stack, {
   Thumb
 });
 function SwitchUnstyledDemo() {
-  return /* @__PURE__ */ React.createElement(YStack, {
+  return /* @__PURE__ */ _jsx(YStack, {
     width: 200,
     alignItems: "center",
-    space: "$3"
-  }, /* @__PURE__ */ React.createElement(XStack, {
     space: "$3",
-    alignItems: "center"
-  }, /* @__PURE__ */ React.createElement(Label, {
-    htmlFor: "unstyled-switch"
-  }, "Unstyled"), /* @__PURE__ */ React.createElement(Switch, {
-    defaultChecked: !0,
-    id: "unstyled-switch"
-  }, /* @__PURE__ */ React.createElement(Switch.Thumb, {
-    animation: "quick"
-  }))));
+    children: /* @__PURE__ */ _jsxs(XStack, {
+      space: "$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"
+          })
+        })
+      ]
+    })
+  });
 }
 export {
   Switch,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/SwitchUnstyledDemo.tsx"],
-  "mappings": "AAAA,SAASA,OAAOC,cAAc;AAC9B,SAASC,qBAAqBC,oBAAoB;AAClD,SAASC,OAAOC,QAAQC,cAAc;AAEtC,IAAMC,QAAQN,OAAOD,OAAO;EAC1BQ,SAASN;EACTO,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,QAAQjB,OAAOD,OAAO;EAC1BQ,SAASN;EACTO,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,GAGaC,SAASjB,aAAa;;EAEjCI;;EAEAW;AACF,CAAA;AAEO,SAASG,qBAAAA;AACd,SACE,sBAAA,cAACf,QAAAA;IAAOG,OAAO;IAAKa,YAAW;IAASC,OAAM;KAC5C,sBAAA,cAAClB,QAAAA;IAAOkB,OAAM;IAAKD,YAAW;KAC5B,sBAAA,cAAClB,OAAAA;IAAMoB,SAAQ;KAAkB,UAAA,GACjC,sBAAA,cAACJ,QAAAA;IAAOK,gBAAAA;IAAeC,IAAG;KACxB,sBAAA,cAACN,OAAOF,OAAK;IAACS,WAAU;;AAKlC;",
+  "mappings": ";AAAA,SAASA,OAAOC,cAAc;AAC9B,SAASC,qBAAqBC,oBAAoB;AAClD,SAASC,OAAOC,QAAQC,cAAc;AAEtC,IAAMC,QAAQN,OAAOD,OAAO;EAC1BQ,SAASN;EACTO,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,QAAQjB,OAAOD,OAAO;EAC1BQ,SAASN;EACTO,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,GAGaC,SAASjB,aAAa;;EAEjCI;;EAEAW;AACF,CAAA;AAEO,SAASG,qBAAAA;AACd,SACE,qBAACf,QAAAA;IAAOG,OAAO;IAAKa,YAAW;IAASC,OAAM;cAC5C,sBAAClB,QAAAA;MAAOkB,OAAM;MAAKD,YAAW;;QAC5B,qBAAClB,OAAAA;UAAMoB,SAAQ;oBAAkB;;QACjC,qBAACJ,QAAAA;UAAOK,gBAAc;UAACC,IAAG;oBACxB,qBAACN,OAAOF,OAAK;YAACS,WAAU;;;;;;AAKlC;",
   "names": ["Stack", "styled", "SwitchStyledContext", "createSwitch", "Label", "XStack", "YStack", "Frame", "context", "width", "height", "borderRadius", "variants", "checked", "true", "backgroundColor", "false", "defaultVariants", "Thumb", "opacity", "Switch", "SwitchUnstyledDemo", "alignItems", "space", "htmlFor", "defaultChecked", "id", "animation"]
 }