@tamagui/demos 1.88.1 → 1.88.2

package/dist/jsx/StacksDemo.js

@@ -1,58 +1,76 @@
 import { XStack, YStack, ZStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 function StacksDemo() {
-  return <XStack maxWidth={250} padding="$2" alignSelf="center" space>
-    <YStack
-      flex={1}
-      space="$2"
-      borderWidth={2}
-      borderColor="$color"
-      borderRadius="$4"
-      padding="$2"
-    >
-      <YStack backgroundColor="$color" borderRadius="$3" padding="$2" />
-      <YStack backgroundColor="$color" borderRadius="$3" padding="$2" />
-      <YStack backgroundColor="$color" borderRadius="$3" padding="$2" />
-    </YStack>
-    <XStack
-      flex={1}
-      space="$2"
-      borderWidth={2}
-      borderColor="$color"
-      borderRadius="$4"
-      padding="$2"
-    >
-      <YStack backgroundColor="$color" borderRadius="$3" padding="$2" />
-      <YStack backgroundColor="$color" borderRadius="$3" padding="$2" />
-      <YStack backgroundColor="$color" borderRadius="$3" padding="$2" />
-    </XStack>
-    <ZStack maxWidth={50} maxHeight={85} width={100} flex={1}>
-      <YStack
-        fullscreen
-        borderRadius="$4"
-        padding="$2"
-        borderColor="$color"
-        borderWidth={2}
-      />
-      <YStack
-        borderColor="$color"
-        fullscreen
-        y={10}
-        x={10}
-        borderWidth={2}
-        borderRadius="$4"
-        padding="$2"
-      />
-      <YStack
-        borderColor="$color"
-        fullscreen
-        y={20}
-        x={20}
-        borderWidth={2}
-        borderRadius="$4"
-        padding="$2"
-      />
-    </ZStack>
-  </XStack>;
+  return /* @__PURE__ */ jsxs(XStack, { maxWidth: 250, padding: "$2", alignSelf: "center", 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/jsx/StacksDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/StacksDemo.tsx"],
-  "mappings": "AACA,SAAS,QAAQ,QAAQ,cAAc;AAEhC,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO,UAAU,KAAK,QAAQ,KAAK,UAAU,SAAS;AAAA,IACrD,CAAC;AAAA,MACC,MAAM;AAAA,MACN,MAAM;AAAA,MACN,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,QAAQ;AAAA;AAAA,MAER,CAAC,OAAO,gBAAgB,SAAS,aAAa,KAAK,QAAQ,KAAK;AAAA,MAChE,CAAC,OAAO,gBAAgB,SAAS,aAAa,KAAK,QAAQ,KAAK;AAAA,MAChE,CAAC,OAAO,gBAAgB,SAAS,aAAa,KAAK,QAAQ,KAAK;AAAA,IAClE,EAXC;AAAA,IAaD,CAAC;AAAA,MACC,MAAM;AAAA,MACN,MAAM;AAAA,MACN,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,QAAQ;AAAA;AAAA,MAER,CAAC,OAAO,gBAAgB,SAAS,aAAa,KAAK,QAAQ,KAAK;AAAA,MAChE,CAAC,OAAO,gBAAgB,SAAS,aAAa,KAAK,QAAQ,KAAK;AAAA,MAChE,CAAC,OAAO,gBAAgB,SAAS,aAAa,KAAK,QAAQ,KAAK;AAAA,IAClE,EAXC;AAAA,IAaD,CAAC,OAAO,UAAU,IAAI,WAAW,IAAI,OAAO,KAAK,MAAM;AAAA,MACrD,CAAC;AAAA,QACC;AAAA,QACA,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,aAAa;AAAA,MACf;AAAA,MACA,CAAC;AAAA,QACC,YAAY;AAAA,QACZ;AAAA,QACA,GAAG;AAAA,QACH,GAAG;AAAA,QACH,aAAa;AAAA,QACb,aAAa;AAAA,QACb,QAAQ;AAAA,MACV;AAAA,MACA,CAAC;AAAA,QACC,YAAY;AAAA,QACZ;AAAA,QACA,GAAG;AAAA,QACH,GAAG;AAAA,QACH,aAAa;AAAA,QACb,aAAa;AAAA,QACb,QAAQ;AAAA,MACV;AAAA,IACF,EA1BC;AAAA,EA2BH,EAtDC;AAwDL;",
+  "mappings": "AACA,SAAS,QAAQ,QAAQ,cAAc;AAKjC,SAQE,KARF;AAHC,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,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,8BAAC,UAAO,iBAAgB,UAAS,cAAa,MAAK,SAAQ,MAAK;AAAA,UAChE,oBAAC,UAAO,iBAAgB,UAAS,cAAa,MAAK,SAAQ,MAAK;AAAA,UAChE,oBAAC,UAAO,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,8BAAC,UAAO,iBAAgB,UAAS,cAAa,MAAK,SAAQ,MAAK;AAAA,UAChE,oBAAC,UAAO,iBAAgB,UAAS,cAAa,MAAK,SAAQ,MAAK;AAAA,UAChE,oBAAC,UAAO,iBAAgB,UAAS,cAAa,MAAK,SAAQ,MAAK;AAAA;AAAA;AAAA,IAClE;AAAA,IAEA,qBAAC,UAAO,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": []
 }

package/dist/jsx/StacksDemo.native.js

@@ -1,60 +1,98 @@
-import { XStack, YStack, ZStack } from "tamagui";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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 StacksDemo_exports = {};
+__export(StacksDemo_exports, {
+  StacksDemo: () => StacksDemo
+});
+module.exports = __toCommonJS(StacksDemo_exports);
+var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function StacksDemo() {
-  return <XStack maxWidth={250} padding="$2" alignSelf="center" space>
-    <YStack
-      flex={1}
-      space="$2"
-      borderWidth={2}
-      borderColor="$color"
-      borderRadius="$4"
-      padding="$2"
-    >
-      <YStack backgroundColor="$color" borderRadius="$3" padding="$2" />
-      <YStack backgroundColor="$color" borderRadius="$3" padding="$2" />
-      <YStack backgroundColor="$color" borderRadius="$3" padding="$2" />
-    </YStack>
-    <XStack
-      flex={1}
-      space="$2"
-      borderWidth={2}
-      borderColor="$color"
-      borderRadius="$4"
-      padding="$2"
-    >
-      <YStack backgroundColor="$color" borderRadius="$3" padding="$2" />
-      <YStack backgroundColor="$color" borderRadius="$3" padding="$2" />
-      <YStack backgroundColor="$color" borderRadius="$3" padding="$2" />
-    </XStack>
-    <ZStack maxWidth={50} maxHeight={85} width={100} flex={1}>
-      <YStack
-        fullscreen
-        borderRadius="$4"
-        padding="$2"
-        borderColor="$color"
-        borderWidth={2}
-      />
-      <YStack
-        borderColor="$color"
-        fullscreen
-        y={10}
-        x={10}
-        borderWidth={2}
-        borderRadius="$4"
-        padding="$2"
-      />
-      <YStack
-        borderColor="$color"
-        fullscreen
-        y={20}
-        x={20}
-        borderWidth={2}
-        borderRadius="$4"
-        padding="$2"
-      />
-    </ZStack>
-  </XStack>;
+  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"
+        }
+      )
+    ] })
+  ] });
 }
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   StacksDemo
-};
+});
 //# sourceMappingURL=StacksDemo.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/StacksDemo.tsx"],
-  "mappings": "AACA,SAAS,QAAQ,QAAQ,cAAc;AAEhC,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO,UAAU,KAAK,QAAQ,KAAK,UAAU,SAAS;AAAA,IACrD,CAAC;AAAA,MACC,MAAM;AAAA,MACN,MAAM;AAAA,MACN,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,QAAQ;AAAA;AAAA,MAER,CAAC,OAAO,gBAAgB,SAAS,aAAa,KAAK,QAAQ,KAAK;AAAA,MAChE,CAAC,OAAO,gBAAgB,SAAS,aAAa,KAAK,QAAQ,KAAK;AAAA,MAChE,CAAC,OAAO,gBAAgB,SAAS,aAAa,KAAK,QAAQ,KAAK;AAAA,IAClE,EAXC;AAAA,IAaD,CAAC;AAAA,MACC,MAAM;AAAA,MACN,MAAM;AAAA,MACN,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,QAAQ;AAAA;AAAA,MAER,CAAC,OAAO,gBAAgB,SAAS,aAAa,KAAK,QAAQ,KAAK;AAAA,MAChE,CAAC,OAAO,gBAAgB,SAAS,aAAa,KAAK,QAAQ,KAAK;AAAA,MAChE,CAAC,OAAO,gBAAgB,SAAS,aAAa,KAAK,QAAQ,KAAK;AAAA,IAClE,EAXC;AAAA,IAaD,CAAC,OAAO,UAAU,IAAI,WAAW,IAAI,OAAO,KAAK,MAAM;AAAA,MACrD,CAAC;AAAA,QACC;AAAA,QACA,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,aAAa;AAAA,MACf;AAAA,MACA,CAAC;AAAA,QACC,YAAY;AAAA,QACZ;AAAA,QACA,GAAG;AAAA,QACH,GAAG;AAAA,QACH,aAAa;AAAA,QACb,aAAa;AAAA,QACb,QAAQ;AAAA,MACV;AAAA,MACA,CAAC;AAAA,QACC,YAAY;AAAA,QACZ;AAAA,QACA,GAAG;AAAA,QACH,GAAG;AAAA,QACH,aAAa;AAAA,QACb,aAAa;AAAA,QACb,QAAQ;AAAA,MACV;AAAA,IACF,EA1BC;AAAA,EA2BH,EAtDC;AAwDL;",
+  "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": []
 }

package/dist/jsx/SwitchDemo.js

@@ -1,37 +1,42 @@
 import { Label, Separator, Switch, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 function SwitchDemo() {
-  return <YStack width={200} alignItems="center" space="$3">
-    <XStack space="$3" $xs={{ flexDirection: "column" }}>
-      <SwitchWithLabel size="$2" />
-      <SwitchWithLabel size="$2" defaultChecked />
-    </XStack>
-    <XStack space="$3" $xs={{ flexDirection: "column" }}>
-      <SwitchWithLabel size="$3" />
-      <SwitchWithLabel size="$3" defaultChecked />
-    </XStack>
-    <XStack space="$3" $xs={{ flexDirection: "column" }}>
-      <SwitchWithLabel size="$4" />
-      <SwitchWithLabel size="$4" defaultChecked />
-    </XStack>
-    <XStack space="$3" $xs={{ flexDirection: "column" }}>
-      <SwitchWithLabel size="$5" />
-      <SwitchWithLabel size="$5" defaultChecked />
-    </XStack>
-  </YStack>;
+  return /* @__PURE__ */ jsxs(YStack, { width: 200, alignItems: "center", space: "$3", children: [
+    /* @__PURE__ */ jsxs(XStack, { space: "$3", $xs: { flexDirection: "column" }, children: [
+      /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$2" }),
+      /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$2", defaultChecked: !0 })
+    ] }),
+    /* @__PURE__ */ jsxs(XStack, { space: "$3", $xs: { flexDirection: "column" }, children: [
+      /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$3" }),
+      /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$3", defaultChecked: !0 })
+    ] }),
+    /* @__PURE__ */ jsxs(XStack, { space: "$3", $xs: { flexDirection: "column" }, children: [
+      /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$4" }),
+      /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$4", defaultChecked: !0 })
+    ] }),
+    /* @__PURE__ */ jsxs(XStack, { space: "$3", $xs: { flexDirection: "column" }, children: [
+      /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$5" }),
+      /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$5", defaultChecked: !0 })
+    ] })
+  ] });
 }
 function SwitchWithLabel(props) {
   const id = `switch-${props.size.toString().slice(1)}-${props.defaultChecked ?? ""}}`;
-  return <XStack width={200} alignItems="center" space="$4">
-    <Label
-      paddingRight="$0"
-      minWidth={90}
-      justifyContent="flex-end"
-      size={props.size}
-      htmlFor={id}
-    >Accept</Label>
-    <Separator minHeight={20} vertical />
-    <Switch id={id} size={props.size} defaultChecked={props.defaultChecked}><Switch.Thumb animation="quicker" /></Switch>
-  </XStack>;
+  return /* @__PURE__ */ jsxs(XStack, { width: 200, alignItems: "center", space: "$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/jsx/SwitchDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SwitchDemo.tsx"],
-  "mappings": "AAAA,SAAS,OAAO,WAAuB,QAAQ,QAAQ,cAAsB;AAEtE,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO,OAAO,KAAK,WAAW,SAAS,MAAM;AAAA,IAC5C,CAAC,OAAO,MAAM,KAAK,KAAK,EAAE,eAAe,SAAS;AAAA,MAChD,CAAC,gBAAgB,KAAK,KAAK;AAAA,MAC3B,CAAC,gBAAgB,KAAK,KAAK,eAAe;AAAA,IAC5C,EAHC;AAAA,IAID,CAAC,OAAO,MAAM,KAAK,KAAK,EAAE,eAAe,SAAS;AAAA,MAChD,CAAC,gBAAgB,KAAK,KAAK;AAAA,MAC3B,CAAC,gBAAgB,KAAK,KAAK,eAAe;AAAA,IAC5C,EAHC;AAAA,IAID,CAAC,OAAO,MAAM,KAAK,KAAK,EAAE,eAAe,SAAS;AAAA,MAChD,CAAC,gBAAgB,KAAK,KAAK;AAAA,MAC3B,CAAC,gBAAgB,KAAK,KAAK,eAAe;AAAA,IAC5C,EAHC;AAAA,IAID,CAAC,OAAO,MAAM,KAAK,KAAK,EAAE,eAAe,SAAS;AAAA,MAChD,CAAC,gBAAgB,KAAK,KAAK;AAAA,MAC3B,CAAC,gBAAgB,KAAK,KAAK,eAAe;AAAA,IAC5C,EAHC;AAAA,EAIH,EAjBC;AAmBL;AAEO,SAAS,gBAAgB,OAAuD;AACrF,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC,IAAI,MAAM,kBAAkB,EAAE;AACjF,SACE,CAAC,OAAO,OAAO,KAAK,WAAW,SAAS,MAAM;AAAA,IAC5C,CAAC;AAAA,MACC,aAAa;AAAA,MACb,UAAU;AAAA,MACV,eAAe;AAAA,MACf,MAAM,MAAM;AAAA,MACZ,SAAS;AAAA,KACV,MAED,EARC;AAAA,IASD,CAAC,UAAU,WAAW,IAAI,SAAS;AAAA,IACnC,CAAC,OAAO,IAAI,IAAI,MAAM,MAAM,MAAM,gBAAgB,MAAM,gBACtD,CAAC,OAAO,MAAM,UAAU,UAAU,EACpC,EAFC;AAAA,EAGH,EAdC;AAgBL;",
+  "mappings": "AAAA,SAAS,OAAO,WAAuB,QAAQ,QAAQ,cAAsB;AAKvE,SACE,KADF;AAHC,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,yBAAC,UAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,qBAAC,UAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,qBAAC,UAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,qBAAC,UAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,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,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;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,oBAAC,aAAU,WAAW,IAAI,UAAQ,IAAC;AAAA,IACnC,oBAAC,UAAO,IAAQ,MAAM,MAAM,MAAM,gBAAgB,MAAM,gBACtD,8BAAC,OAAO,OAAP,EAAa,WAAU,WAAU,GACpC;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/jsx/SwitchDemo.native.js

@@ -1,40 +1,66 @@
-import { Label, Separator, Switch, XStack, YStack } from "tamagui";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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 SwitchDemo_exports = {};
+__export(SwitchDemo_exports, {
+  SwitchDemo: () => SwitchDemo,
+  SwitchWithLabel: () => SwitchWithLabel
+});
+module.exports = __toCommonJS(SwitchDemo_exports);
+var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function SwitchDemo() {
-  return <YStack width={200} alignItems="center" space="$3">
-    <XStack space="$3" $xs={{ flexDirection: "column" }}>
-      <SwitchWithLabel size="$2" />
-      <SwitchWithLabel size="$2" defaultChecked />
-    </XStack>
-    <XStack space="$3" $xs={{ flexDirection: "column" }}>
-      <SwitchWithLabel size="$3" />
-      <SwitchWithLabel size="$3" defaultChecked />
-    </XStack>
-    <XStack space="$3" $xs={{ flexDirection: "column" }}>
-      <SwitchWithLabel size="$4" />
-      <SwitchWithLabel size="$4" defaultChecked />
-    </XStack>
-    <XStack space="$3" $xs={{ flexDirection: "column" }}>
-      <SwitchWithLabel size="$5" />
-      <SwitchWithLabel size="$5" defaultChecked />
-    </XStack>
-  </YStack>;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: 200, alignItems: "center", space: "$3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$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, { space: "$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, { space: "$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 })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$3", $xs: { flexDirection: "column" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$5", defaultChecked: !0 })
+    ] })
+  ] });
 }
 function SwitchWithLabel(props) {
   const id = `switch-${props.size.toString().slice(1)}-${props.defaultChecked ?? ""}}`;
-  return <XStack width={200} alignItems="center" space="$4">
-    <Label
-      paddingRight="$0"
-      minWidth={90}
-      justifyContent="flex-end"
-      size={props.size}
-      htmlFor={id}
-    >Accept</Label>
-    <Separator minHeight={20} vertical />
-    <Switch id={id} size={props.size} defaultChecked={props.defaultChecked}><Switch.Thumb animation="quicker" /></Switch>
-  </XStack>;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: 200, alignItems: "center", space: "$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" }) })
+  ] });
 }
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   SwitchDemo,
   SwitchWithLabel
-};
+});
 //# sourceMappingURL=SwitchDemo.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SwitchDemo.tsx"],
-  "mappings": "AAAA,SAAS,OAAO,WAAuB,QAAQ,QAAQ,cAAsB;AAEtE,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO,OAAO,KAAK,WAAW,SAAS,MAAM;AAAA,IAC5C,CAAC,OAAO,MAAM,KAAK,KAAK,EAAE,eAAe,SAAS;AAAA,MAChD,CAAC,gBAAgB,KAAK,KAAK;AAAA,MAC3B,CAAC,gBAAgB,KAAK,KAAK,eAAe;AAAA,IAC5C,EAHC;AAAA,IAID,CAAC,OAAO,MAAM,KAAK,KAAK,EAAE,eAAe,SAAS;AAAA,MAChD,CAAC,gBAAgB,KAAK,KAAK;AAAA,MAC3B,CAAC,gBAAgB,KAAK,KAAK,eAAe;AAAA,IAC5C,EAHC;AAAA,IAID,CAAC,OAAO,MAAM,KAAK,KAAK,EAAE,eAAe,SAAS;AAAA,MAChD,CAAC,gBAAgB,KAAK,KAAK;AAAA,MAC3B,CAAC,gBAAgB,KAAK,KAAK,eAAe;AAAA,IAC5C,EAHC;AAAA,IAID,CAAC,OAAO,MAAM,KAAK,KAAK,EAAE,eAAe,SAAS;AAAA,MAChD,CAAC,gBAAgB,KAAK,KAAK;AAAA,MAC3B,CAAC,gBAAgB,KAAK,KAAK,eAAe;AAAA,IAC5C,EAHC;AAAA,EAIH,EAjBC;AAmBL;AAEO,SAAS,gBAAgB,OAAuD;AACrF,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC,IAAI,MAAM,kBAAkB,EAAE;AACjF,SACE,CAAC,OAAO,OAAO,KAAK,WAAW,SAAS,MAAM;AAAA,IAC5C,CAAC;AAAA,MACC,aAAa;AAAA,MACb,UAAU;AAAA,MACV,eAAe;AAAA,MACf,MAAM,MAAM;AAAA,MACZ,SAAS;AAAA,KACV,MAED,EARC;AAAA,IASD,CAAC,UAAU,WAAW,IAAI,SAAS;AAAA,IACnC,CAAC,OAAO,IAAI,IAAI,MAAM,MAAM,MAAM,gBAAgB,MAAM,gBACtD,CAAC,OAAO,MAAM,UAAU,UAAU,EACpC,EAFC;AAAA,EAGH,EAdC;AAgBL;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA6E,oBAKvE;AAHC,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,iDAAC,yBAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,6CAAC,yBAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,6CAAC,yBAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,6CAAC,yBAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;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,OAAM,MAC5C;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": []
 }