@tamagui/demos 1.89.27 → 1.89.29

package/dist/cjs/SwitchHeadlessDemo.native.js

@@ -18,7 +18,7 @@ __export(SwitchHeadlessDemo_exports, {
   SwitchHeadlessDemo: () => SwitchHeadlessDemo
 });
 module.exports = __toCommonJS(SwitchHeadlessDemo_exports);
-var import_switch_headless = require("@tamagui/switch-headless"), import_react = require("react"), import_react_native = require("react-native"), import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), import_switch_headless = require("@tamagui/switch-headless"), import_react = require("react"), import_react_native = require("react-native"), import_tamagui = require("tamagui");
 function _array_like_to_array(arr, len) {
   (len == null || len > arr.length) && (len = arr.length);
   for (var i = 0, arr2 = new Array(len); i < len; i++)
@@ -62,15 +62,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();
 }
@@ -86,19 +101,25 @@ function _unsupported_iterable_to_array(o, minLen) {
   }
 }
 function SwitchHeadlessDemo() {
-  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
     width: 200,
     alignItems: "center",
-    space: "$3"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
     space: "$3",
-    alignItems: "center"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Label, {
-    htmlFor: "headless"
-  }, "Headless"), /* @__PURE__ */ React.createElement(HeadlessSwitch, {
-    defaultChecked: !0,
-    id: "headless"
-  })));
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      space: "$3",
+      alignItems: "center",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+          htmlFor: "headless",
+          children: "Headless"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HeadlessSwitch, {
+          defaultChecked: !0,
+          id: "headless"
+        })
+      ]
+    })
+  });
 }
 var HeadlessSwitch = /* @__PURE__ */ (0, import_react.forwardRef)(function(props, ref) {
   var _useState = _sliced_to_array((0, import_react.useState)(props.defaultChecked || !1), 2), checked = _useState[0], setChecked = _useState[1], _useSwitch = (0, import_switch_headless.useSwitch)(props, [
@@ -113,40 +134,47 @@ var HeadlessSwitch = /* @__PURE__ */ (0, import_react.forwardRef)(function(props
     }).start();
   }, [
     checked
-  ]), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_react_native.Pressable, _object_spread({
-    style: {
-      width: 40,
-      height: 20,
-      borderRadius: 100,
-      backgroundColor: checked ? "lightblue" : "silver"
-    },
-    ref: switchRef
-  }, switchProps), /* @__PURE__ */ React.createElement(import_react_native.Animated.View, {
-    style: [
-      {
-        backgroundColor: "black",
-        borderRadius: 100,
-        width: 20,
-        height: 20
-      },
-      {
-        transform: [
-          {
-            translateX: animation.interpolate({
-              inputRange: [
-                0,
-                1
-              ],
-              outputRange: [
-                0,
-                20
+  ]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Pressable, _object_spread_props(_object_spread({
+        style: {
+          width: 40,
+          height: 20,
+          borderRadius: 100,
+          backgroundColor: checked ? "lightblue" : "silver"
+        },
+        ref: switchRef
+      }, switchProps), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Animated.View, {
+          style: [
+            {
+              backgroundColor: "black",
+              borderRadius: 100,
+              width: 20,
+              height: 20
+            },
+            {
+              transform: [
+                {
+                  translateX: animation.interpolate({
+                    inputRange: [
+                      0,
+                      1
+                    ],
+                    outputRange: [
+                      0,
+                      20
+                    ]
+                  })
+                }
               ]
-            })
-          }
-        ]
-      }
+            }
+          ]
+        })
+      })),
+      bubbleInput
     ]
-  })), bubbleInput);
+  });
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/SwitchHeadlessDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AACA,6BAA0B,qCAC1B,eAAwD,kBAExD,sBAAoC,yBACpC,iBAAsC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE/B,SAASA,qBAAAA;AACd,SACE,sBAAA,cAACC,uBAAAA;IAAOC,OAAO;IAAKC,YAAW;IAASC,OAAM;KAC5C,sBAAA,cAACC,uBAAAA;IAAOD,OAAM;IAAKD,YAAW;KAC5B,sBAAA,cAACG,sBAAAA;IAAMC,SAAQ;KAAW,UAAA,GAC1B,sBAAA,cAACC,gBAAAA;IAAeC,gBAAAA;IAAeC,IAAG;;AAI1C;AAEA,IAAMF,iBAAiBG,6CAAsC,SAACC,OAAOC,KAAAA;AACnE,MAA8BC,YAAAA,qBAAAA,uBAASF,MAAMH,kBAAkB,EAAA,GAAA,CAAA,GAAxDM,UAAuBD,UAAAA,CAAAA,GAAdE,aAAcF,UAAAA,CAAAA,GACkBG,iBAAAA,kCAC9CL,OACA;IAACG;IAASC;KACVH,GAAAA,GAHMK,cAAwCD,WAAxCC,aAAaC,YAA2BF,WAA3BE,WAAWC,cAAgBH,WAAhBG,aAM1BC,gBAAYC,qBAAO,IAAIC,6BAASC,MAAMT,UAAU,IAAI,CAAA,CAAA,EAAIU;AAE9DC,qCAAU,WAAA;AACRH,iCAASI,OAAON,WAAW;MACzBO,SAASb,UAAU,IAAI;MACvBc,UAAU;MACVC,iBAAiB;IACnB,CAAA,EAAGC,MAAK;EACV,GAAG;IAAChB;GAAQ,GAGV,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACiB,+BAAAA,eAAAA;IACCC,OAAO;MACL/B,OAAO;MACPgC,QAAQ;MACRC,cAAc;MACdC,iBAAiBrB,UAAU,cAAc;IAC3C;IACAF,KAAKM;KACDD,WAAAA,GAEJ,sBAAA,cAACK,6BAASc,MAAI;IACZJ,OAAO;MACL;QACEG,iBAAiB;QACjBD,cAAc;QACdjC,OAAO;QACPgC,QAAQ;MACV;MACA;QACEI,WAAW;UACT;YACEC,YAAYlB,UAAUmB,YAAY;cAChCC,YAAY;gBAAC;gBAAG;;cAChBC,aAAa;gBAAC;gBAAG;;YACnB,CAAA;UACF;;MAEJ;;OAILtB,WAAAA;AAGP,CAAA;",
-  "names": ["SwitchHeadlessDemo", "YStack", "width", "alignItems", "space", "XStack", "Label", "htmlFor", "HeadlessSwitch", "defaultChecked", "id", "forwardRef", "props", "ref", "useState", "checked", "setChecked", "useSwitch", "switchProps", "switchRef", "bubbleInput", "animation", "useRef", "Animated", "Value", "current", "useEffect", "timing", "toValue", "duration", "useNativeDriver", "start", "Pressable", "style", "height", "borderRadius", "backgroundColor", "View", "transform", "translateX", "interpolate", "inputRange", "outputRange"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDACA,yBAA0B,qCAC1B,eAAwD,kBAExD,sBAAoC,yBACpC,iBAAsC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE/B,SAASA,qBAAAA;AACd,SACE,uCAAAC,KAACC,uBAAAA;IAAOC,OAAO;IAAKC,YAAW;IAASC,OAAM;cAC5C,uCAAAC,MAACC,uBAAAA;MAAOF,OAAM;MAAKD,YAAW;;QAC5B,uCAAAH,KAACO,sBAAAA;UAAMC,SAAQ;oBAAW;;QAC1B,uCAAAR,KAACS,gBAAAA;UAAeC,gBAAc;UAACC,IAAG;;;;;AAI1C;AAEA,IAAMF,iBAAiBG,6CAAsC,SAACC,OAAOC,KAAAA;AACnE,MAA8BC,YAAAA,qBAAAA,uBAASF,MAAMH,kBAAkB,EAAA,GAAA,CAAA,GAAxDM,UAAuBD,UAAAA,CAAAA,GAAdE,aAAcF,UAAAA,CAAAA,GACkBG,iBAAAA,kCAC9CL,OACA;IAACG;IAASC;KACVH,GAAAA,GAHMK,cAAwCD,WAAxCC,aAAaC,YAA2BF,WAA3BE,WAAWC,cAAgBH,WAAhBG,aAM1BC,gBAAYC,qBAAO,IAAIC,6BAASC,MAAMT,UAAU,IAAI,CAAA,CAAA,EAAIU;AAE9DC,qCAAU,WAAA;AACRH,iCAASI,OAAON,WAAW;MACzBO,SAASb,UAAU,IAAI;MACvBc,UAAU;MACVC,iBAAiB;IACnB,CAAA,EAAGC,MAAK;EACV,GAAG;IAAChB;GAAQ,GAGV,uCAAAX,MAAA,mBAAA4B,UAAA;;MACE,uCAAAjC,KAACkC,+BAAAA,qBAAAA,eAAAA;QACCC,OAAO;UACLjC,OAAO;UACPkC,QAAQ;UACRC,cAAc;UACdC,iBAAiBtB,UAAU,cAAc;QAC3C;QACAF,KAAKM;SACDD,WAAAA,GAAAA;kBAEJ,uCAAAnB,KAACwB,6BAASe,MAAI;UACZJ,OAAO;YACL;cACEG,iBAAiB;cACjBD,cAAc;cACdnC,OAAO;cACPkC,QAAQ;YACV;YACA;cACEI,WAAW;gBACT;kBACEC,YAAYnB,UAAUoB,YAAY;oBAChCC,YAAY;sBAAC;sBAAG;;oBAChBC,aAAa;sBAAC;sBAAG;;kBACnB,CAAA;gBACF;;YAEJ;;;;MAILvB;;;AAGP,CAAA;",
+  "names": ["SwitchHeadlessDemo", "_jsx", "YStack", "width", "alignItems", "space", "_jsxs", "XStack", "Label", "htmlFor", "HeadlessSwitch", "defaultChecked", "id", "forwardRef", "props", "ref", "useState", "checked", "setChecked", "useSwitch", "switchProps", "switchRef", "bubbleInput", "animation", "useRef", "Animated", "Value", "current", "useEffect", "timing", "toValue", "duration", "useNativeDriver", "start", "_Fragment", "Pressable", "style", "height", "borderRadius", "backgroundColor", "View", "transform", "translateX", "interpolate", "inputRange", "outputRange"]
 }

package/dist/cjs/SwitchUnstyledDemo.native.js

@@ -19,7 +19,7 @@ __export(SwitchUnstyledDemo_exports, {
   SwitchUnstyledDemo: () => SwitchUnstyledDemo
 });
 module.exports = __toCommonJS(SwitchUnstyledDemo_exports);
-var import_core = require("@tamagui/core"), import_switch = require("@tamagui/switch"), import_tamagui = require("tamagui"), Frame = (0, import_core.styled)(import_core.Stack, {
+var import_jsx_runtime = require("react/jsx-runtime"), import_core = require("@tamagui/core"), import_switch = require("@tamagui/switch"), import_tamagui = require("tamagui"), Frame = (0, import_core.styled)(import_core.Stack, {
   context: import_switch.SwitchStyledContext,
   width: 40,
   height: 20,
@@ -60,21 +60,28 @@ var import_core = require("@tamagui/core"), import_switch = require("@tamagui/sw
   Thumb
 });
 function SwitchUnstyledDemo() {
-  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
     width: 200,
     alignItems: "center",
-    space: "$3"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
     space: "$3",
-    alignItems: "center"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Label, {
-    htmlFor: "unstyled-switch"
-  }, "Unstyled"), /* @__PURE__ */ React.createElement(Switch, {
-    defaultChecked: !0,
-    id: "unstyled-switch"
-  }, /* @__PURE__ */ React.createElement(Switch.Thumb, {
-    animation: "quick"
-  }))));
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      space: "$3",
+      alignItems: "center",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+          htmlFor: "unstyled-switch",
+          children: "Unstyled"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Switch, {
+          defaultChecked: !0,
+          id: "unstyled-switch",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Switch.Thumb, {
+            animation: "quick"
+          })
+        })
+      ]
+    })
+  });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/SwitchUnstyledDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;;kBAA8B,0BAC9B,gBAAkD,4BAClD,iBAAsC,oBAEhCA,YAAQC,oBAAOC,mBAAO;EAC1BC,SAASC;EACTC,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,YAAQb,oBAAOC,mBAAO;EAC1BC,SAASC;EACTC,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,aAASC,4BAAa;;EAEjCjB;;EAEAc;AACF,CAAA;AAEO,SAASI,qBAAAA;AACd,SACE,sBAAA,cAACC,uBAAAA;IAAOd,OAAO;IAAKe,YAAW;IAASC,OAAM;KAC5C,sBAAA,cAACC,uBAAAA;IAAOD,OAAM;IAAKD,YAAW;KAC5B,sBAAA,cAACG,sBAAAA;IAAMC,SAAQ;KAAkB,UAAA,GACjC,sBAAA,cAACR,QAAAA;IAAOS,gBAAAA;IAAeC,IAAG;KACxB,sBAAA,cAACV,OAAOF,OAAK;IAACa,WAAU;;AAKlC;",
-  "names": ["Frame", "styled", "Stack", "context", "SwitchStyledContext", "width", "height", "borderRadius", "variants", "checked", "true", "backgroundColor", "false", "defaultVariants", "Thumb", "opacity", "Switch", "createSwitch", "SwitchUnstyledDemo", "YStack", "alignItems", "space", "XStack", "Label", "htmlFor", "defaultChecked", "id", "animation"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;uDAAA,cAA8B,0BAC9B,gBAAkD,4BAClD,iBAAsC,oBAEhCA,YAAQC,oBAAOC,mBAAO;EAC1BC,SAASC;EACTC,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,YAAQb,oBAAOC,mBAAO;EAC1BC,SAASC;EACTC,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,aAASC,4BAAa;;EAEjCjB;;EAEAc;AACF,CAAA;AAEO,SAASI,qBAAAA;AACd,SACE,uCAAAC,KAACC,uBAAAA;IAAOf,OAAO;IAAKgB,YAAW;IAASC,OAAM;cAC5C,uCAAAC,MAACC,uBAAAA;MAAOF,OAAM;MAAKD,YAAW;;QAC5B,uCAAAF,KAACM,sBAAAA;UAAMC,SAAQ;oBAAkB;;QACjC,uCAAAP,KAACH,QAAAA;UAAOW,gBAAc;UAACC,IAAG;oBACxB,uCAAAT,KAACH,OAAOF,OAAK;YAACe,WAAU;;;;;;AAKlC;",
+  "names": ["Frame", "styled", "Stack", "context", "SwitchStyledContext", "width", "height", "borderRadius", "variants", "checked", "true", "backgroundColor", "false", "defaultVariants", "Thumb", "opacity", "Switch", "createSwitch", "SwitchUnstyledDemo", "_jsx", "YStack", "alignItems", "space", "_jsxs", "XStack", "Label", "htmlFor", "defaultChecked", "id", "animation"]
 }