@tamagui/demos 1.89.26 → 1.89.27-1708112217600

package/dist/cjs/StacksDemo.native.js

@@ -1,8 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: !0 });
@@ -12,84 +13,92 @@ var __export = (target, all) => {
       !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var StacksDemo_exports = {};
 __export(StacksDemo_exports, {
   StacksDemo: () => StacksDemo
 });
 module.exports = __toCommonJS(StacksDemo_exports);
-var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react")), import_tamagui = require("tamagui");
 function StacksDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { maxWidth: 250, padding: "$2", alignSelf: "center", space: !0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      import_tamagui.YStack,
-      {
-        flex: 1,
-        space: "$2",
-        borderWidth: 2,
-        borderColor: "$color",
-        borderRadius: "$4",
-        padding: "$2",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { backgroundColor: "$color", borderRadius: "$3", padding: "$2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { backgroundColor: "$color", borderRadius: "$3", padding: "$2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { backgroundColor: "$color", borderRadius: "$3", padding: "$2" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      import_tamagui.XStack,
-      {
-        flex: 1,
-        space: "$2",
-        borderWidth: 2,
-        borderColor: "$color",
-        borderRadius: "$4",
-        padding: "$2",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { backgroundColor: "$color", borderRadius: "$3", padding: "$2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { backgroundColor: "$color", borderRadius: "$3", padding: "$2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { backgroundColor: "$color", borderRadius: "$3", padding: "$2" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.ZStack, { maxWidth: 50, maxHeight: 85, width: 100, flex: 1, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_tamagui.YStack,
-        {
-          fullscreen: !0,
-          borderRadius: "$4",
-          padding: "$2",
-          borderColor: "$color",
-          borderWidth: 2
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_tamagui.YStack,
-        {
-          borderColor: "$color",
-          fullscreen: !0,
-          y: 10,
-          x: 10,
-          borderWidth: 2,
-          borderRadius: "$4",
-          padding: "$2"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_tamagui.YStack,
-        {
-          borderColor: "$color",
-          fullscreen: !0,
-          y: 20,
-          x: 20,
-          borderWidth: 2,
-          borderRadius: "$4",
-          padding: "$2"
-        }
-      )
-    ] })
-  ] });
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
+    maxWidth: 250,
+    padding: "$2",
+    alignSelf: "center",
+    space: !0
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    flex: 1,
+    space: "$2",
+    borderWidth: 2,
+    borderColor: "$color",
+    borderRadius: "$4",
+    padding: "$2"
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    backgroundColor: "$color",
+    borderRadius: "$3",
+    padding: "$2"
+  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    backgroundColor: "$color",
+    borderRadius: "$3",
+    padding: "$2"
+  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    backgroundColor: "$color",
+    borderRadius: "$3",
+    padding: "$2"
+  })), /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
+    flex: 1,
+    space: "$2",
+    borderWidth: 2,
+    borderColor: "$color",
+    borderRadius: "$4",
+    padding: "$2"
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    backgroundColor: "$color",
+    borderRadius: "$3",
+    padding: "$2"
+  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    backgroundColor: "$color",
+    borderRadius: "$3",
+    padding: "$2"
+  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    backgroundColor: "$color",
+    borderRadius: "$3",
+    padding: "$2"
+  })), /* @__PURE__ */ import_react.default.createElement(import_tamagui.ZStack, {
+    maxWidth: 50,
+    maxHeight: 85,
+    width: 100,
+    flex: 1
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    fullscreen: !0,
+    borderRadius: "$4",
+    padding: "$2",
+    borderColor: "$color",
+    borderWidth: 2
+  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    borderColor: "$color",
+    fullscreen: !0,
+    y: 10,
+    x: 10,
+    borderWidth: 2,
+    borderRadius: "$4",
+    padding: "$2"
+  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    borderColor: "$color",
+    fullscreen: !0,
+    y: 20,
+    x: 20,
+    borderWidth: 2,
+    borderRadius: "$4",
+    padding: "$2"
+  })));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/StacksDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAuC,oBAKjC;AAHC,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,UAAU,KAAK,SAAQ,MAAK,WAAU,UAAS,OAAK,IAC1D;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,OAAM;AAAA,QACN,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,cAAa;AAAA,QACb,SAAQ;AAAA,QAER;AAAA,sDAAC,yBAAO,iBAAgB,UAAS,cAAa,MAAK,SAAQ,MAAK;AAAA,UAChE,4CAAC,yBAAO,iBAAgB,UAAS,cAAa,MAAK,SAAQ,MAAK;AAAA,UAChE,4CAAC,yBAAO,iBAAgB,UAAS,cAAa,MAAK,SAAQ,MAAK;AAAA;AAAA;AAAA,IAClE;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,OAAM;AAAA,QACN,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,cAAa;AAAA,QACb,SAAQ;AAAA,QAER;AAAA,sDAAC,yBAAO,iBAAgB,UAAS,cAAa,MAAK,SAAQ,MAAK;AAAA,UAChE,4CAAC,yBAAO,iBAAgB,UAAS,cAAa,MAAK,SAAQ,MAAK;AAAA,UAChE,4CAAC,yBAAO,iBAAgB,UAAS,cAAa,MAAK,SAAQ,MAAK;AAAA;AAAA;AAAA,IAClE;AAAA,IAEA,6CAAC,yBAAO,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": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/StacksDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;mBAAkB,2BAClB,iBAAuC;AAEhC,SAASA,aAAAA;AACd,SACE,6BAAAC,QAAA,cAACC,uBAAAA;IAAOC,UAAU;IAAKC,SAAQ;IAAKC,WAAU;IAASC,OAAAA;KACrD,6BAAAL,QAAA,cAACM,uBAAAA;IACCC,MAAM;IACNF,OAAM;IACNG,aAAa;IACbC,aAAY;IACZC,cAAa;IACbP,SAAQ;KAER,6BAAAH,QAAA,cAACM,uBAAAA;IAAOK,iBAAgB;IAASD,cAAa;IAAKP,SAAQ;MAC3D,6BAAAH,QAAA,cAACM,uBAAAA;IAAOK,iBAAgB;IAASD,cAAa;IAAKP,SAAQ;MAC3D,6BAAAH,QAAA,cAACM,uBAAAA;IAAOK,iBAAgB;IAASD,cAAa;IAAKP,SAAQ;OAG7D,6BAAAH,QAAA,cAACC,uBAAAA;IACCM,MAAM;IACNF,OAAM;IACNG,aAAa;IACbC,aAAY;IACZC,cAAa;IACbP,SAAQ;KAER,6BAAAH,QAAA,cAACM,uBAAAA;IAAOK,iBAAgB;IAASD,cAAa;IAAKP,SAAQ;MAC3D,6BAAAH,QAAA,cAACM,uBAAAA;IAAOK,iBAAgB;IAASD,cAAa;IAAKP,SAAQ;MAC3D,6BAAAH,QAAA,cAACM,uBAAAA;IAAOK,iBAAgB;IAASD,cAAa;IAAKP,SAAQ;OAG7D,6BAAAH,QAAA,cAACY,uBAAAA;IAAOV,UAAU;IAAIW,WAAW;IAAIC,OAAO;IAAKP,MAAM;KACrD,6BAAAP,QAAA,cAACM,uBAAAA;IACCS,YAAAA;IACAL,cAAa;IACbP,SAAQ;IACRM,aAAY;IACZD,aAAa;MAEf,6BAAAR,QAAA,cAACM,uBAAAA;IACCG,aAAY;IACZM,YAAAA;IACAC,GAAG;IACHC,GAAG;IACHT,aAAa;IACbE,cAAa;IACbP,SAAQ;MAEV,6BAAAH,QAAA,cAACM,uBAAAA;IACCG,aAAY;IACZM,YAAAA;IACAC,GAAG;IACHC,GAAG;IACHT,aAAa;IACbE,cAAa;IACbP,SAAQ;;AAKlB;",
+  "names": ["StacksDemo", "React", "XStack", "maxWidth", "padding", "alignSelf", "space", "YStack", "flex", "borderWidth", "borderColor", "borderRadius", "backgroundColor", "ZStack", "maxHeight", "width", "fullscreen", "y", "x"]
 }

package/dist/cjs/SwitchDemo.native.js

@@ -19,40 +19,66 @@ __export(SwitchDemo_exports, {
   SwitchWithLabel: () => SwitchWithLabel
 });
 module.exports = __toCommonJS(SwitchDemo_exports);
-var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
 function SwitchDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: 200, alignItems: "center", gap: "$3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$3", $xs: { flexDirection: "column" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$2", defaultChecked: !0 })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$3", $xs: { flexDirection: "column" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$3" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$3", defaultChecked: !0 })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$3", $xs: { flexDirection: "column" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$4", defaultChecked: !0 })
-    ] })
-  ] });
+  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    width: 200,
+    alignItems: "center",
+    gap: "$3"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    gap: "$3",
+    $xs: {
+      flexDirection: "column"
+    }
+  }, /* @__PURE__ */ React.createElement(SwitchWithLabel, {
+    size: "$2"
+  }), /* @__PURE__ */ React.createElement(SwitchWithLabel, {
+    size: "$2",
+    defaultChecked: !0
+  })), /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    gap: "$3",
+    $xs: {
+      flexDirection: "column"
+    }
+  }, /* @__PURE__ */ React.createElement(SwitchWithLabel, {
+    size: "$3"
+  }), /* @__PURE__ */ React.createElement(SwitchWithLabel, {
+    size: "$3",
+    defaultChecked: !0
+  })), /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    gap: "$3",
+    $xs: {
+      flexDirection: "column"
+    }
+  }, /* @__PURE__ */ React.createElement(SwitchWithLabel, {
+    size: "$4"
+  }), /* @__PURE__ */ React.createElement(SwitchWithLabel, {
+    size: "$4",
+    defaultChecked: !0
+  })));
 }
 function SwitchWithLabel(props) {
-  const id = `switch-${props.size.toString().slice(1)}-${props.defaultChecked ?? ""}}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: 200, alignItems: "center", gap: "$4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Label,
-      {
-        paddingRight: "$0",
-        minWidth: 90,
-        justifyContent: "flex-end",
-        size: props.size,
-        htmlFor: id,
-        children: "Accept"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, { minHeight: 20, vertical: !0 }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch, { id, size: props.size, defaultChecked: props.defaultChecked, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch.Thumb, { animation: "quicker" }) })
-  ] });
+  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(import_tamagui.XStack, {
+    width: 200,
+    alignItems: "center",
+    gap: "$4"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Label, {
+    paddingRight: "$0",
+    minWidth: 90,
+    justifyContent: "flex-end",
+    size: props.size,
+    htmlFor: id
+  }, "Accept"), /* @__PURE__ */ React.createElement(import_tamagui.Separator, {
+    minHeight: 20,
+    vertical: !0
+  }), /* @__PURE__ */ React.createElement(import_tamagui.Switch, {
+    id,
+    size: props.size,
+    defaultChecked: props.defaultChecked
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Switch.Thumb, {
+    animation: "quicker"
+  })));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/SwitchDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAiE,oBAK3D;AAHC,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C;AAAA,iDAAC,yBAAO,KAAI,MAAK,KAAK,EAAE,eAAe,SAAS,GAC9C;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,6CAAC,yBAAO,KAAI,MAAK,KAAK,EAAE,eAAe,SAAS,GAC9C;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,6CAAC,yBAAO,KAAI,MAAK,KAAK,EAAE,eAAe,SAAS,GAC9C;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,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,6CAAC,yBAAO,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,4CAAC,4BAAU,WAAW,IAAI,UAAQ,IAAC;AAAA,IACnC,4CAAC,yBAAO,IAAQ,MAAM,MAAM,MAAM,gBAAgB,MAAM,gBACtD,sDAAC,sBAAO,OAAP,EAAa,WAAU,WAAU,GACpC;AAAA,KACF;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/SwitchDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;AACA;;;;;;qBAAiE;AAE1D,SAASA,aAAAA;AACd,SACE,sBAAA,cAACC,uBAAAA;IAAOC,OAAO;IAAKC,YAAW;IAASC,KAAI;KAC1C,sBAAA,cAACC,uBAAAA;IAAOD,KAAI;IAAKE,KAAK;MAAEC,eAAe;IAAS;KAC9C,sBAAA,cAACC,iBAAAA;IAAgBC,MAAK;MACtB,sBAAA,cAACD,iBAAAA;IAAgBC,MAAK;IAAKC,gBAAAA;OAE7B,sBAAA,cAACL,uBAAAA;IAAOD,KAAI;IAAKE,KAAK;MAAEC,eAAe;IAAS;KAC9C,sBAAA,cAACC,iBAAAA;IAAgBC,MAAK;MACtB,sBAAA,cAACD,iBAAAA;IAAgBC,MAAK;IAAKC,gBAAAA;OAE7B,sBAAA,cAACL,uBAAAA;IAAOD,KAAI;IAAKE,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,cAACN,uBAAAA;IAAOH,OAAO;IAAKC,YAAW;IAASC,KAAI;KAC1C,sBAAA,cAACW,sBAAAA;IACCC,cAAa;IACbC,UAAU;IACVC,gBAAe;IACfT,MAAME,MAAMF;IACZU,SAASP;KACV,QAAA,GAGD,sBAAA,cAACQ,0BAAAA;IAAUC,WAAW;IAAIC,UAAAA;MAC1B,sBAAA,cAACC,uBAAAA;IAAOX;IAAQH,MAAME,MAAMF;IAAMC,gBAAgBC,MAAMD;KACtD,sBAAA,cAACa,sBAAOC,OAAK;IAACC,WAAU;;AAIhC;",
+  "names": ["SwitchDemo", "YStack", "width", "alignItems", "gap", "XStack", "$xs", "flexDirection", "SwitchWithLabel", "size", "defaultChecked", "props", "id", "toString", "slice", "Label", "paddingRight", "minWidth", "justifyContent", "htmlFor", "Separator", "minHeight", "vertical", "Switch", "Thumb", "animation"]
 }

package/dist/cjs/SwitchHeadlessDemo.native.js

@@ -18,64 +18,135 @@ __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"), import_jsx_runtime = require("react/jsx-runtime");
+var 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++)
+    arr2[i] = arr[i];
+  return arr2;
+}
+function _array_with_holes(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function _define_property(obj, key, value) {
+  return key in obj ? Object.defineProperty(obj, key, {
+    value,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : obj[key] = value, obj;
+}
+function _iterable_to_array_limit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i != null) {
+    var _arr = [], _n = !0, _d = !1, _s, _e;
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
+        ;
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        !_n && _i.return != null && _i.return();
+      } finally {
+        if (_d)
+          throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+function _non_iterable_rest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+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) {
+      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+    }))), ownKeys.forEach(function(key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return 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();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+  if (o) {
+    if (typeof o == "string")
+      return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
+      return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+      return _array_like_to_array(o, minLen);
+  }
+}
 function SwitchHeadlessDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: 200, alignItems: "center", space: "$3", 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" })
-  ] }) });
+  return /* @__PURE__ */ React.createElement(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"
+  })));
 }
-const HeadlessSwitch = (0, import_react.forwardRef)((props, ref) => {
-  const [checked, setChecked] = (0, import_react.useState)(props.defaultChecked || !1), { switchProps, switchRef, bubbleInput } = (0, import_switch_headless.useSwitch)(
-    props,
-    [checked, setChecked],
-    ref
-  ), animation = (0, import_react.useRef)(new import_react_native.Animated.Value(checked ? 1 : 0)).current;
-  return (0, import_react.useEffect)(() => {
+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, [
+    checked,
+    setChecked
+  ], ref), switchProps = _useSwitch.switchProps, switchRef = _useSwitch.switchRef, bubbleInput = _useSwitch.bubbleInput, animation = (0, import_react.useRef)(new import_react_native.Animated.Value(checked ? 1 : 0)).current;
+  return (0, import_react.useEffect)(function() {
     import_react_native.Animated.timing(animation, {
       toValue: checked ? 1 : 0,
       duration: 100,
       useNativeDriver: !0
     }).start();
-  }, [checked]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_react_native.Pressable,
+  }, [
+    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
+      },
       {
-        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,
+        transform: [
           {
-            style: [
-              {
-                backgroundColor: "black",
-                borderRadius: 100,
-                width: 20,
-                height: 20
-              },
-              {
-                transform: [
-                  {
-                    translateX: animation.interpolate({
-                      inputRange: [0, 1],
-                      outputRange: [0, 20]
-                    })
-                  }
-                ]
-              }
-            ]
+            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/SwitchHeadlessDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,6BAA0B,qCAC1B,eAAwD,kBAExD,sBAAoC,yBACpC,iBAAsC,oBAKhC;AAHC,SAAS,qBAAqB;AACnC,SACE,4CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C,uDAAC,yBAAO,OAAM,MAAK,YAAW,UAC5B;AAAA,gDAAC,wBAAM,SAAQ,YAAW,sBAAQ;AAAA,IAClC,4CAAC,kBAAe,gBAAc,IAAC,IAAG,YAAW;AAAA,KAC/C,GACF;AAEJ;AAEA,MAAM,qBAAiB,yBAAsC,CAAC,OAAO,QAAQ;AAC3E,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,MAAM,kBAAkB,EAAK,GAC9D,EAAE,aAAa,WAAW,YAAY,QAAI;AAAA,IAC9C;AAAA,IACA,CAAC,SAAS,UAAU;AAAA,IACpB;AAAA,EACF,GAEM,gBAAY,qBAAO,IAAI,6BAAS,MAAM,UAAU,IAAI,CAAC,CAAC,EAAE;AAE9D,qCAAU,MAAM;AACd,iCAAS,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,4EACE;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,6BAAS;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": []
+  "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"]
 }

package/dist/cjs/SwitchUnstyledDemo.native.js

@@ -19,8 +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"), import_jsx_runtime = require("react/jsx-runtime");
-const Frame = (0, import_core.styled)(import_core.Stack, {
+var 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,
@@ -61,10 +60,21 @@ const Frame = (0, import_core.styled)(import_core.Stack, {
   Thumb
 });
 function SwitchUnstyledDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: 200, alignItems: "center", space: "$3", 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" }) })
-  ] }) });
+  return /* @__PURE__ */ React.createElement(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"
+  }))));
 }
 // 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/SwitchUnstyledDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA8B,0BAC9B,gBAAkD,4BAClD,iBAAsC,oBAoDhC;AAlDN,MAAM,YAAQ,oBAAO,mBAAO;AAAA,EAC1B,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC,GAEK,YAAQ,oBAAO,mBAAO;AAAA,EAC1B,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAGY,aAAS,4BAAa;AAAA;AAAA,EAEjC;AAAA;AAAA,EAEA;AACF,CAAC;AAEM,SAAS,qBAAqB;AACnC,SACE,4CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C,uDAAC,yBAAO,OAAM,MAAK,YAAW,UAC5B;AAAA,gDAAC,wBAAM,SAAQ,mBAAkB,sBAAQ;AAAA,IACzC,4CAAC,UAAO,gBAAc,IAAC,IAAG,mBACxB,sDAAC,OAAO,OAAP,EAAa,WAAU,SAAQ,GAClC;AAAA,KACF,GACF;AAEJ;",
-  "names": []
+  "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"]
 }