@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/SpinnerDemo.native.js

@@ -1,18 +1,20 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Spinner, YStack } from "tamagui";
+
 function SpinnerDemo() {
-  return /* @__PURE__ */_jsxs(YStack, {
-    p: "$3",
-    gap: "$4",
-    items: "center",
-    children: [/* @__PURE__ */_jsx(Spinner, {
-      size: "small",
-      color: "$green10"
-    }), /* @__PURE__ */_jsx(Spinner, {
-      size: "large",
-      color: "$yellow10"
-    })]
-  });
+	return /* @__PURE__ */ jsxs(YStack, {
+		p: "3",
+		gap: "4",
+		items: "center",
+		children: [/* @__PURE__ */ jsx(Spinner, {
+			size: "small",
+			color: "green10"
+		}), /* @__PURE__ */ jsx(Spinner, {
+			size: "large",
+			color: "yellow10"
+		})]
+	});
 }
+
 export { SpinnerDemo };
 //# sourceMappingURL=SpinnerDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Spinner","YStack","SpinnerDemo","p","gap","items","children"],"sources":["../../src/SpinnerDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAS,EAAAC,IAAA,IAAAC,KAAc;AAI5B,SACEC,OADF,EAAAC,MAAA;AAFG,SAASC,YAAA,EAAc;EAC5B,OACE,eAAAH,KAAC,CAAAE,MAAA;IACCE,CAAA;IACAC,GAAA;IAAwCC,KAC1C;IAEJC,QAAA,G","ignoreList":[]}
+{"version":3,"file":"SpinnerDemo.native.js","names":[],"sources":["esm/SpinnerDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Spinner, YStack } from \"tamagui\";\nfunction SpinnerDemo() {\n  return /* @__PURE__ */ _jsxs(YStack, {\n    p: \"3\",\n    gap: \"4\",\n    items: \"center\",\n    children: [\n      /* @__PURE__ */ _jsx(Spinner, {\n        size: \"small\",\n        color: \"green10\"\n      }),\n      /* @__PURE__ */ _jsx(Spinner, {\n        size: \"large\",\n        color: \"yellow10\"\n      })\n    ]\n  });\n}\nexport {\n  SpinnerDemo\n};\n//# sourceMappingURL=SpinnerDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,cAAc;CACrB,OAAuB,qBAAM,QAAQ;EACnC,GAAG;EACH,KAAK;EACL,OAAO;EACP,UAAU,CACQ,oBAAK,SAAS;GAC5B,MAAM;GACN,OAAO;EACT,CAAC,GACe,oBAAK,SAAS;GAC5B,MAAM;GACN,OAAO;EACT,CAAC,CACH;CACF,CAAC;AACH"}

package/dist/esm/StacksDemo.mjs

@@ -1,84 +1,105 @@
 import { XStack, YStack, ZStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 function StacksDemo() {
-  return /* @__PURE__ */jsxs(XStack, {
-    maxW: 250,
-    p: "$2",
-    self: "center",
-    gap: "$2",
-    children: [/* @__PURE__ */jsxs(YStack, {
-      flex: 1,
-      flexBasis: "auto",
-      borderWidth: 2,
-      borderColor: "$color",
-      rounded: "$4",
-      gap: "$2",
-      p: "$2",
-      children: [/* @__PURE__ */jsx(YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      }), /* @__PURE__ */jsx(YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      }), /* @__PURE__ */jsx(YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      })]
-    }), /* @__PURE__ */jsxs(XStack, {
-      flex: 1,
-      flexBasis: "auto",
-      borderWidth: 2,
-      borderColor: "$color",
-      rounded: "$4",
-      gap: "$2",
-      p: "$2",
-      children: [/* @__PURE__ */jsx(YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      }), /* @__PURE__ */jsx(YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      }), /* @__PURE__ */jsx(YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      })]
-    }), /* @__PURE__ */jsxs(ZStack, {
-      flex: 1,
-      flexBasis: "auto",
-      maxW: 50,
-      maxH: 85,
-      width: 100,
-      children: [/* @__PURE__ */jsx(YStack, {
-        fullscreen: true,
-        rounded: "$4",
-        p: "$2",
-        borderColor: "$color",
-        borderWidth: 2
-      }), /* @__PURE__ */jsx(YStack, {
-        borderColor: "$color",
-        fullscreen: true,
-        y: 10,
-        x: 10,
-        borderWidth: 2,
-        rounded: "$4",
-        p: "$2"
-      }), /* @__PURE__ */jsx(YStack, {
-        borderColor: "$color",
-        fullscreen: true,
-        y: 20,
-        x: 20,
-        borderWidth: 2,
-        rounded: "$4",
-        p: "$2"
-      })]
-    })]
-  });
+	return /* @__PURE__ */ jsxs(XStack, {
+		maxW: 250,
+		p: "2",
+		self: "center",
+		gap: "2",
+		children: [
+			/* @__PURE__ */ jsxs(YStack, {
+				flex: 1,
+				flexBasis: "auto",
+				borderWidth: 2,
+				borderColor: "color",
+				rounded: "4",
+				gap: "2",
+				p: "2",
+				children: [
+					/* @__PURE__ */ jsx(YStack, {
+						bg: "color",
+						rounded: "3",
+						p: "2"
+					}),
+					/* @__PURE__ */ jsx(YStack, {
+						bg: "color",
+						rounded: "3",
+						p: "2"
+					}),
+					/* @__PURE__ */ jsx(YStack, {
+						bg: "color",
+						rounded: "3",
+						p: "2"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs(XStack, {
+				flex: 1,
+				flexBasis: "auto",
+				borderWidth: 2,
+				borderColor: "color",
+				rounded: "4",
+				gap: "2",
+				p: "2",
+				children: [
+					/* @__PURE__ */ jsx(YStack, {
+						bg: "color",
+						rounded: "3",
+						p: "2"
+					}),
+					/* @__PURE__ */ jsx(YStack, {
+						bg: "color",
+						rounded: "3",
+						p: "2"
+					}),
+					/* @__PURE__ */ jsx(YStack, {
+						bg: "color",
+						rounded: "3",
+						p: "2"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs(ZStack, {
+				flex: 1,
+				flexBasis: "auto",
+				maxW: 50,
+				maxH: 85,
+				width: 100,
+				children: [
+					/* @__PURE__ */ jsx(YStack, {
+						position: "absolute",
+						inset: 0,
+						rounded: "4",
+						p: "2",
+						borderColor: "color",
+						borderWidth: 2
+					}),
+					/* @__PURE__ */ jsx(YStack, {
+						borderColor: "color",
+						position: "absolute",
+						inset: 0,
+						y: 10,
+						x: 10,
+						borderWidth: 2,
+						rounded: "4",
+						p: "2"
+					}),
+					/* @__PURE__ */ jsx(YStack, {
+						borderColor: "color",
+						position: "absolute",
+						inset: 0,
+						y: 20,
+						x: 20,
+						borderWidth: 2,
+						rounded: "4",
+						p: "2"
+					})
+				]
+			})
+		]
+	});
 }
+
 export { StacksDemo };
 //# sourceMappingURL=StacksDemo.mjs.map

package/dist/esm/StacksDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["XStack","YStack","ZStack","jsx","jsxs","StacksDemo","maxW","p","self","gap","children","flex","flexBasis","borderWidth","borderColor","rounded","bg","maxH","width","fullscreen","y","x"],"sources":["../../src/StacksDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AAKjC,SASEC,GAAA,EATFC,IAAA;AAHC,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAD,IAAA,CAACJ,MAAA;IAAOM,IAAA,EAAM;IAAKC,CAAA,EAAE;IAAKC,IAAA,EAAK;IAASC,GAAA,EAAI;IAC1CC,QAAA,kBAAAN,IAAA,CAACH,MAAA;MACCU,IAAA,EAAM;MACNC,SAAA,EAAU;MACVC,WAAA,EAAa;MACbC,WAAA,EAAY;MACZC,OAAA,EAAQ;MACRN,GAAA,EAAI;MACJF,CAAA,EAAE;MAEFG,QAAA,kBAAAP,GAAA,CAACF,MAAA;QAAOe,EAAA,EAAG;QAASD,OAAA,EAAQ;QAAKR,CAAA,EAAE;MAAA,CAAK,GACxC,eAAAJ,GAAA,CAACF,MAAA;QAAOe,EAAA,EAAG;QAASD,OAAA,EAAQ;QAAKR,CAAA,EAAE;MAAA,CAAK,GACxC,eAAAJ,GAAA,CAACF,MAAA;QAAOe,EAAA,EAAG;QAASD,OAAA,EAAQ;QAAKR,CAAA,EAAE;MAAA,CAAK;IAAA,CAC1C,GAEA,eAAAH,IAAA,CAACJ,MAAA;MACCW,IAAA,EAAM;MACNC,SAAA,EAAU;MACVC,WAAA,EAAa;MACbC,WAAA,EAAY;MACZC,OAAA,EAAQ;MACRN,GAAA,EAAI;MACJF,CAAA,EAAE;MAEFG,QAAA,kBAAAP,GAAA,CAACF,MAAA;QAAOe,EAAA,EAAG;QAASD,OAAA,EAAQ;QAAKR,CAAA,EAAE;MAAA,CAAK,GACxC,eAAAJ,GAAA,CAACF,MAAA;QAAOe,EAAA,EAAG;QAASD,OAAA,EAAQ;QAAKR,CAAA,EAAE;MAAA,CAAK,GACxC,eAAAJ,GAAA,CAACF,MAAA;QAAOe,EAAA,EAAG;QAASD,OAAA,EAAQ;QAAKR,CAAA,EAAE;MAAA,CAAK;IAAA,CAC1C,GAEA,eAAAH,IAAA,CAACF,MAAA;MAAOS,IAAA,EAAM;MAAGC,SAAA,EAAU;MAAON,IAAA,EAAM;MAAIW,IAAA,EAAM;MAAIC,KAAA,EAAO;MAC3DR,QAAA,kBAAAP,GAAA,CAACF,MAAA;QAAOkB,UAAA,EAAU;QAACJ,OAAA,EAAQ;QAAKR,CAAA,EAAE;QAAKO,WAAA,EAAY;QAASD,WAAA,EAAa;MAAA,CAAG,GAC5E,eAAAV,GAAA,CAACF,MAAA;QACCa,WAAA,EAAY;QACZK,UAAA,EAAU;QACVC,CAAA,EAAG;QACHC,CAAA,EAAG;QACHR,WAAA,EAAa;QACbE,OAAA,EAAQ;QACRR,CAAA,EAAE;MAAA,CACJ,GACA,eAAAJ,GAAA,CAACF,MAAA;QACCa,WAAA,EAAY;QACZK,UAAA,EAAU;QACVC,CAAA,EAAG;QACHC,CAAA,EAAG;QACHR,WAAA,EAAa;QACbE,OAAA,EAAQ;QACRR,CAAA,EAAE;MAAA,CACJ;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"file":"StacksDemo.js","names":[],"sources":["esm/StacksDemo.js"],"sourcesContent":["import { XStack, YStack, ZStack } from \"tamagui\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nfunction StacksDemo() {\n  return /* @__PURE__ */ jsxs(XStack, { maxW: 250, p: \"2\", self: \"center\", gap: \"2\", children: [\n    /* @__PURE__ */ jsxs(\n      YStack,\n      {\n        flex: 1,\n        flexBasis: \"auto\",\n        borderWidth: 2,\n        borderColor: \"color\",\n        rounded: \"4\",\n        gap: \"2\",\n        p: \"2\",\n        children: [\n          /* @__PURE__ */ jsx(YStack, { bg: \"color\", rounded: \"3\", p: \"2\" }),\n          /* @__PURE__ */ jsx(YStack, { bg: \"color\", rounded: \"3\", p: \"2\" }),\n          /* @__PURE__ */ jsx(YStack, { bg: \"color\", rounded: \"3\", p: \"2\" })\n        ]\n      }\n    ),\n    /* @__PURE__ */ jsxs(\n      XStack,\n      {\n        flex: 1,\n        flexBasis: \"auto\",\n        borderWidth: 2,\n        borderColor: \"color\",\n        rounded: \"4\",\n        gap: \"2\",\n        p: \"2\",\n        children: [\n          /* @__PURE__ */ jsx(YStack, { bg: \"color\", rounded: \"3\", p: \"2\" }),\n          /* @__PURE__ */ jsx(YStack, { bg: \"color\", rounded: \"3\", p: \"2\" }),\n          /* @__PURE__ */ jsx(YStack, { bg: \"color\", rounded: \"3\", p: \"2\" })\n        ]\n      }\n    ),\n    /* @__PURE__ */ jsxs(ZStack, { flex: 1, flexBasis: \"auto\", maxW: 50, maxH: 85, width: 100, children: [\n      /* @__PURE__ */ jsx(\n        YStack,\n        {\n          position: \"absolute\",\n          inset: 0,\n          rounded: \"4\",\n          p: \"2\",\n          borderColor: \"color\",\n          borderWidth: 2\n        }\n      ),\n      /* @__PURE__ */ jsx(\n        YStack,\n        {\n          borderColor: \"color\",\n          position: \"absolute\",\n          inset: 0,\n          y: 10,\n          x: 10,\n          borderWidth: 2,\n          rounded: \"4\",\n          p: \"2\"\n        }\n      ),\n      /* @__PURE__ */ jsx(\n        YStack,\n        {\n          borderColor: \"color\",\n          position: \"absolute\",\n          inset: 0,\n          y: 20,\n          x: 20,\n          borderWidth: 2,\n          rounded: \"4\",\n          p: \"2\"\n        }\n      )\n    ] })\n  ] });\n}\nexport {\n  StacksDemo\n};\n//# sourceMappingURL=StacksDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,aAAa;CACpB,OAAuB,qBAAK,QAAQ;EAAE,MAAM;EAAK,GAAG;EAAK,MAAM;EAAU,KAAK;EAAK,UAAU;GAC3E,qBACd,QACA;IACE,MAAM;IACN,WAAW;IACX,aAAa;IACb,aAAa;IACb,SAAS;IACT,KAAK;IACL,GAAG;IACH,UAAU;KACQ,oBAAI,QAAQ;MAAE,IAAI;MAAS,SAAS;MAAK,GAAG;KAAI,CAAC;KACjD,oBAAI,QAAQ;MAAE,IAAI;MAAS,SAAS;MAAK,GAAG;KAAI,CAAC;KACjD,oBAAI,QAAQ;MAAE,IAAI;MAAS,SAAS;MAAK,GAAG;KAAI,CAAC;IACnE;GACF,CACF;GACgB,qBACd,QACA;IACE,MAAM;IACN,WAAW;IACX,aAAa;IACb,aAAa;IACb,SAAS;IACT,KAAK;IACL,GAAG;IACH,UAAU;KACQ,oBAAI,QAAQ;MAAE,IAAI;MAAS,SAAS;MAAK,GAAG;KAAI,CAAC;KACjD,oBAAI,QAAQ;MAAE,IAAI;MAAS,SAAS;MAAK,GAAG;KAAI,CAAC;KACjD,oBAAI,QAAQ;MAAE,IAAI;MAAS,SAAS;MAAK,GAAG;KAAI,CAAC;IACnE;GACF,CACF;GACgB,qBAAK,QAAQ;IAAE,MAAM;IAAG,WAAW;IAAQ,MAAM;IAAI,MAAM;IAAI,OAAO;IAAK,UAAU;KACnF,oBACd,QACA;MACE,UAAU;MACV,OAAO;MACP,SAAS;MACT,GAAG;MACH,aAAa;MACb,aAAa;KACf,CACF;KACgB,oBACd,QACA;MACE,aAAa;MACb,UAAU;MACV,OAAO;MACP,GAAG;MACH,GAAG;MACH,aAAa;MACb,SAAS;MACT,GAAG;KACL,CACF;KACgB,oBACd,QACA;MACE,aAAa;MACb,UAAU;MACV,OAAO;MACP,GAAG;MACH,GAAG;MACH,aAAa;MACb,SAAS;MACT,GAAG;KACL,CACF;IACF;GAAE,CAAC;EACL;CAAE,CAAC;AACL"}

package/dist/esm/StacksDemo.native.js

@@ -1,85 +1,106 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
 import { XStack, YStack, ZStack } from "tamagui";
+
 function StacksDemo() {
-  return /* @__PURE__ */_jsxs(XStack, {
-    maxW: 250,
-    p: "$2",
-    self: "center",
-    gap: "$2",
-    children: [/* @__PURE__ */_jsxs(YStack, {
-      flex: 1,
-      flexBasis: "auto",
-      borderWidth: 2,
-      borderColor: "$color",
-      rounded: "$4",
-      gap: "$2",
-      p: "$2",
-      children: [/* @__PURE__ */_jsx(YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      }), /* @__PURE__ */_jsx(YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      }), /* @__PURE__ */_jsx(YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      })]
-    }), /* @__PURE__ */_jsxs(XStack, {
-      flex: 1,
-      flexBasis: "auto",
-      borderWidth: 2,
-      borderColor: "$color",
-      rounded: "$4",
-      gap: "$2",
-      p: "$2",
-      children: [/* @__PURE__ */_jsx(YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      }), /* @__PURE__ */_jsx(YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      }), /* @__PURE__ */_jsx(YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      })]
-    }), /* @__PURE__ */_jsxs(ZStack, {
-      flex: 1,
-      flexBasis: "auto",
-      maxW: 50,
-      maxH: 85,
-      width: 100,
-      children: [/* @__PURE__ */_jsx(YStack, {
-        fullscreen: true,
-        rounded: "$4",
-        p: "$2",
-        borderColor: "$color",
-        borderWidth: 2
-      }), /* @__PURE__ */_jsx(YStack, {
-        borderColor: "$color",
-        fullscreen: true,
-        y: 10,
-        x: 10,
-        borderWidth: 2,
-        rounded: "$4",
-        p: "$2"
-      }), /* @__PURE__ */_jsx(YStack, {
-        borderColor: "$color",
-        fullscreen: true,
-        y: 20,
-        x: 20,
-        borderWidth: 2,
-        rounded: "$4",
-        p: "$2"
-      })]
-    })]
-  });
+	return /* @__PURE__ */ jsxs(XStack, {
+		maxW: 250,
+		p: "2",
+		self: "center",
+		gap: "2",
+		children: [
+			/* @__PURE__ */ jsxs(YStack, {
+				flex: 1,
+				flexBasis: "auto",
+				borderWidth: 2,
+				borderColor: "color",
+				rounded: "4",
+				gap: "2",
+				p: "2",
+				children: [
+					/* @__PURE__ */ jsx(YStack, {
+						bg: "color",
+						rounded: "3",
+						p: "2"
+					}),
+					/* @__PURE__ */ jsx(YStack, {
+						bg: "color",
+						rounded: "3",
+						p: "2"
+					}),
+					/* @__PURE__ */ jsx(YStack, {
+						bg: "color",
+						rounded: "3",
+						p: "2"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs(XStack, {
+				flex: 1,
+				flexBasis: "auto",
+				borderWidth: 2,
+				borderColor: "color",
+				rounded: "4",
+				gap: "2",
+				p: "2",
+				children: [
+					/* @__PURE__ */ jsx(YStack, {
+						bg: "color",
+						rounded: "3",
+						p: "2"
+					}),
+					/* @__PURE__ */ jsx(YStack, {
+						bg: "color",
+						rounded: "3",
+						p: "2"
+					}),
+					/* @__PURE__ */ jsx(YStack, {
+						bg: "color",
+						rounded: "3",
+						p: "2"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs(ZStack, {
+				flex: 1,
+				flexBasis: "auto",
+				maxW: 50,
+				maxH: 85,
+				width: 100,
+				children: [
+					/* @__PURE__ */ jsx(YStack, {
+						position: "absolute",
+						inset: 0,
+						rounded: "4",
+						p: "2",
+						borderColor: "color",
+						borderWidth: 2
+					}),
+					/* @__PURE__ */ jsx(YStack, {
+						borderColor: "color",
+						position: "absolute",
+						inset: 0,
+						y: 10,
+						x: 10,
+						borderWidth: 2,
+						rounded: "4",
+						p: "2"
+					}),
+					/* @__PURE__ */ jsx(YStack, {
+						borderColor: "color",
+						position: "absolute",
+						inset: 0,
+						y: 20,
+						x: 20,
+						borderWidth: 2,
+						rounded: "4",
+						p: "2"
+					})
+				]
+			})
+		]
+	});
 }
+
 export { StacksDemo };
 //# sourceMappingURL=StacksDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","XStack","YStack","ZStack","StacksDemo","maxW","p","self","gap","children","flex","flexBasis","borderWidth","borderColor","rounded","bg","maxH"],"sources":["../../src/StacksDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAQ,IAAAC,KAAA,QAAc;AAKjC,OAAAC,KASE,MATF;AAHC,SAASC,MAAA,EAAAC,MAAa,EAAAC,MAAA;AAC3B,SACEC,WAAA;EACE,sBAAAL,KAAA,CAAAE,MAAA;IAAAI,IAAC;IAAAC,CAAA;IAAAC,IACC,UAAM;IAAAC,GAAA,EACN;IAAUC,QACV,GAAa,eACDV,KAAA,CAAAG,MAAA;MACZQ,IAAA;MACAC,SAAI;MACJC,WAAE;MAEFC,WAAA;MAAAC,OAAA;MAAwCN,GACxC;MAAwCF,CAAA,EACxC;MAAwCG,QAAA,kBAAAZ,IAAA,CAAAK,MAAA;QAC1Ca,EAAA;QAEAD,OAAA;QAACR,CAAA;MAAA,IACC,eAAMT,IAAA,CAAAK,MAAA;QACNa,EAAA,UAAU;QACVD,OAAA,EAAa;QACbR,CAAA;MACA,IACA,eAAIT,IAAA,CAAAK,MAAA;QACFa,EAAA;QAEFD,OAAA;QAAAR,CAAA;MACA;IACwC,mBAAAP,KAAA,CAAAE,MAAA;MAC1CS,IAAA;MAEAC,SAAA,QAAC;MACCC,WAAA;MACAC,WAAA;MAACC,OAAA;MAAAN,GAAA;MAAAF,CAAA,EACC;MAAYG,QACZ,GACA,eAAGZ,IAAA,CAAAK,MAAA;QACHa,EAAG;QACHD,OAAA,MAAa;QACbR,CAAA;MACA,IAAE,eAAAT,IAAA,CAAAK,MAAA;QACJa,EAAA;QACAD,OAAA;QAACR,CAAA;MAAA,IACC,eAAYT,IAAA,CAAAK,MAAA;QACZa,EAAA,UAAU;QACVD,OAAG;QACHR,CAAG;MACH;IACQ,IACN,eAAAP,KAAA,CAAAI,MAAA;MACJO,IAAA;MACFC,SAAA;MACFN,IAAA;MAEJW,IAAA","ignoreList":[]}
+{"version":3,"file":"StacksDemo.native.js","names":[],"sources":["esm/StacksDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport { XStack, YStack, ZStack } from \"tamagui\";\nfunction StacksDemo() {\n  return /* @__PURE__ */ _jsxs(XStack, {\n    maxW: 250,\n    p: \"2\",\n    self: \"center\",\n    gap: \"2\",\n    children: [\n      /* @__PURE__ */ _jsxs(YStack, {\n        flex: 1,\n        flexBasis: \"auto\",\n        borderWidth: 2,\n        borderColor: \"color\",\n        rounded: \"4\",\n        gap: \"2\",\n        p: \"2\",\n        children: [\n          /* @__PURE__ */ _jsx(YStack, {\n            bg: \"color\",\n            rounded: \"3\",\n            p: \"2\"\n          }),\n          /* @__PURE__ */ _jsx(YStack, {\n            bg: \"color\",\n            rounded: \"3\",\n            p: \"2\"\n          }),\n          /* @__PURE__ */ _jsx(YStack, {\n            bg: \"color\",\n            rounded: \"3\",\n            p: \"2\"\n          })\n        ]\n      }),\n      /* @__PURE__ */ _jsxs(XStack, {\n        flex: 1,\n        flexBasis: \"auto\",\n        borderWidth: 2,\n        borderColor: \"color\",\n        rounded: \"4\",\n        gap: \"2\",\n        p: \"2\",\n        children: [\n          /* @__PURE__ */ _jsx(YStack, {\n            bg: \"color\",\n            rounded: \"3\",\n            p: \"2\"\n          }),\n          /* @__PURE__ */ _jsx(YStack, {\n            bg: \"color\",\n            rounded: \"3\",\n            p: \"2\"\n          }),\n          /* @__PURE__ */ _jsx(YStack, {\n            bg: \"color\",\n            rounded: \"3\",\n            p: \"2\"\n          })\n        ]\n      }),\n      /* @__PURE__ */ _jsxs(ZStack, {\n        flex: 1,\n        flexBasis: \"auto\",\n        maxW: 50,\n        maxH: 85,\n        width: 100,\n        children: [\n          /* @__PURE__ */ _jsx(YStack, {\n            position: \"absolute\",\n            inset: 0,\n            rounded: \"4\",\n            p: \"2\",\n            borderColor: \"color\",\n            borderWidth: 2\n          }),\n          /* @__PURE__ */ _jsx(YStack, {\n            borderColor: \"color\",\n            position: \"absolute\",\n            inset: 0,\n            y: 10,\n            x: 10,\n            borderWidth: 2,\n            rounded: \"4\",\n            p: \"2\"\n          }),\n          /* @__PURE__ */ _jsx(YStack, {\n            borderColor: \"color\",\n            position: \"absolute\",\n            inset: 0,\n            y: 20,\n            x: 20,\n            borderWidth: 2,\n            rounded: \"4\",\n            p: \"2\"\n          })\n        ]\n      })\n    ]\n  });\n}\nexport {\n  StacksDemo\n};\n//# sourceMappingURL=StacksDemo.js.map\n"],"mappings":";;;;;AAGA,SAAS,aAAa;CACpB,OAAuB,qBAAM,QAAQ;EACnC,MAAM;EACN,GAAG;EACH,MAAM;EACN,KAAK;EACL,UAAU;GACQ,qBAAM,QAAQ;IAC5B,MAAM;IACN,WAAW;IACX,aAAa;IACb,aAAa;IACb,SAAS;IACT,KAAK;IACL,GAAG;IACH,UAAU;KACQ,oBAAK,QAAQ;MAC3B,IAAI;MACJ,SAAS;MACT,GAAG;KACL,CAAC;KACe,oBAAK,QAAQ;MAC3B,IAAI;MACJ,SAAS;MACT,GAAG;KACL,CAAC;KACe,oBAAK,QAAQ;MAC3B,IAAI;MACJ,SAAS;MACT,GAAG;KACL,CAAC;IACH;GACF,CAAC;GACe,qBAAM,QAAQ;IAC5B,MAAM;IACN,WAAW;IACX,aAAa;IACb,aAAa;IACb,SAAS;IACT,KAAK;IACL,GAAG;IACH,UAAU;KACQ,oBAAK,QAAQ;MAC3B,IAAI;MACJ,SAAS;MACT,GAAG;KACL,CAAC;KACe,oBAAK,QAAQ;MAC3B,IAAI;MACJ,SAAS;MACT,GAAG;KACL,CAAC;KACe,oBAAK,QAAQ;MAC3B,IAAI;MACJ,SAAS;MACT,GAAG;KACL,CAAC;IACH;GACF,CAAC;GACe,qBAAM,QAAQ;IAC5B,MAAM;IACN,WAAW;IACX,MAAM;IACN,MAAM;IACN,OAAO;IACP,UAAU;KACQ,oBAAK,QAAQ;MAC3B,UAAU;MACV,OAAO;MACP,SAAS;MACT,GAAG;MACH,aAAa;MACb,aAAa;KACf,CAAC;KACe,oBAAK,QAAQ;MAC3B,aAAa;MACb,UAAU;MACV,OAAO;MACP,GAAG;MACH,GAAG;MACH,aAAa;MACb,SAAS;MACT,GAAG;KACL,CAAC;KACe,oBAAK,QAAQ;MAC3B,aAAa;MACb,UAAU;MACV,OAAO;MACP,GAAG;MACH,GAAG;MACH,aAAa;MACb,SAAS;MACT,GAAG;KACL,CAAC;IACH;GACF,CAAC;EACH;CACF,CAAC;AACH"}

package/dist/esm/SwitchDemo.mjs

@@ -1,77 +1,69 @@
 import { Label, Separator, Switch, XStack, YStack } from "tamagui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
 function SwitchDemo() {
-  return /* @__PURE__ */jsx(Fragment, {
-    children: /* @__PURE__ */jsxs(YStack, {
-      width: 200,
-      items: "center",
-      gap: "$3",
-      children: [/* @__PURE__ */jsxs(XStack, {
-        gap: "$3",
-        $xs: {
-          flexDirection: "column"
-        },
-        children: [/* @__PURE__ */jsx(SwitchWithLabel, {
-          size: "$2"
-        }), /* @__PURE__ */jsx(SwitchWithLabel, {
-          size: "$2",
-          defaultChecked: true
-        })]
-      }), /* @__PURE__ */jsxs(XStack, {
-        gap: "$3",
-        $xs: {
-          flexDirection: "column"
-        },
-        children: [/* @__PURE__ */jsx(SwitchWithLabel, {
-          size: "$3"
-        }), /* @__PURE__ */jsx(SwitchWithLabel, {
-          size: "$3",
-          defaultChecked: true
-        })]
-      }), /* @__PURE__ */jsxs(XStack, {
-        gap: "$3",
-        $xs: {
-          flexDirection: "column"
-        },
-        children: [/* @__PURE__ */jsx(SwitchWithLabel, {
-          size: "$4"
-        }), /* @__PURE__ */jsx(SwitchWithLabel, {
-          size: "$4",
-          defaultChecked: true
-        })]
-      })]
-    })
-  });
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(YStack, {
+		width: 200,
+		items: "center",
+		gap: "3",
+		children: [
+			/* @__PURE__ */ jsxs(XStack, {
+				gap: "3",
+				flexDirection: "xs:column",
+				children: [/* @__PURE__ */ jsx(SwitchWithLabel, { size: "2" }), /* @__PURE__ */ jsx(SwitchWithLabel, {
+					size: "2",
+					defaultChecked: true
+				})]
+			}),
+			/* @__PURE__ */ jsxs(XStack, {
+				gap: "3",
+				flexDirection: "xs:column",
+				children: [/* @__PURE__ */ jsx(SwitchWithLabel, { size: "3" }), /* @__PURE__ */ jsx(SwitchWithLabel, {
+					size: "3",
+					defaultChecked: true
+				})]
+			}),
+			/* @__PURE__ */ jsxs(XStack, {
+				gap: "3",
+				flexDirection: "xs:column",
+				children: [/* @__PURE__ */ jsx(SwitchWithLabel, { size: "4" }), /* @__PURE__ */ jsx(SwitchWithLabel, {
+					size: "4",
+					defaultChecked: true
+				})]
+			})
+		]
+	}) });
 }
 function SwitchWithLabel(props) {
-  const id = `switch-${props.size.toString().slice(1)}-${props.defaultChecked ?? ""}}`;
-  return /* @__PURE__ */jsxs(XStack, {
-    width: 200,
-    items: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */jsx(Label, {
-      pr: "$0",
-      minW: 90,
-      justify: "flex-end",
-      size: props.size,
-      htmlFor: id,
-      children: "Accept"
-    }), /* @__PURE__ */jsx(Separator, {
-      minH: 20,
-      vertical: true
-    }), /* @__PURE__ */jsx(Switch, {
-      id,
-      transition: "300ms",
-      size: props.size,
-      defaultChecked: props.defaultChecked,
-      activeStyle: {
-        backgroundColor: "$color6"
-      },
-      children: /* @__PURE__ */jsx(Switch.Thumb, {
-        transition: "quickest"
-      })
-    })]
-  });
+	const id = `switch-${props.size}-${props.defaultChecked ?? ""}}`;
+	return /* @__PURE__ */ jsxs(XStack, {
+		width: 200,
+		items: "center",
+		gap: "4",
+		children: [
+			/* @__PURE__ */ jsx(Label, {
+				pr: "0",
+				minW: 90,
+				justify: "flex-end",
+				size: props.size,
+				htmlFor: id,
+				children: "Accept"
+			}),
+			/* @__PURE__ */ jsx(Separator, {
+				minH: 20,
+				vertical: true
+			}),
+			/* @__PURE__ */ jsx(Switch, {
+				id,
+				transition: "300ms",
+				size: props.size,
+				defaultChecked: props.defaultChecked,
+				activeStyle: { backgroundColor: "color6" },
+				children: /* @__PURE__ */ jsx(Switch.Thumb, { transition: "quickest" })
+			})
+		]
+	});
 }
+
 export { SwitchDemo, SwitchWithLabel };
 //# sourceMappingURL=SwitchDemo.mjs.map

package/dist/esm/SwitchDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Label","Separator","Switch","XStack","YStack","Fragment","jsx","jsxs","SwitchDemo","children","width","items","gap","$xs","flexDirection","SwitchWithLabel","size","defaultChecked","props","id","toString","slice","pr","minW","justify","htmlFor","minH","vertical","transition","activeStyle","backgroundColor","Thumb"],"sources":["../../src/SwitchDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,KAAA,EAAOC,SAAA,EAAWC,MAAA,EAAeC,MAAA,EAAQC,MAAA,QAAc;AAI5D,SAAAC,QAAA,EAGMC,GAAA,EADFC,IAAA,QAFJ;AAFG,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAF,GAAA,CAAAD,QAAA;IACEI,QAAA,iBAAAF,IAAA,CAACH,MAAA;MAAOM,KAAA,EAAO;MAAKC,KAAA,EAAM;MAASC,GAAA,EAAI;MACrCH,QAAA,kBAAAF,IAAA,CAACJ,MAAA;QAAOS,GAAA,EAAI;QAAKC,GAAA,EAAK;UAAEC,aAAA,EAAe;QAAS;QAC9CL,QAAA,kBAAAH,GAAA,CAACS,eAAA;UAAgBC,IAAA,EAAK;QAAA,CAAK,GAC3B,eAAAV,GAAA,CAACS,eAAA;UAAgBC,IAAA,EAAK;UAAKC,cAAA,EAAc;QAAA,CAAC;MAAA,CAC5C,GACA,eAAAV,IAAA,CAACJ,MAAA;QAAOS,GAAA,EAAI;QAAKC,GAAA,EAAK;UAAEC,aAAA,EAAe;QAAS;QAC9CL,QAAA,kBAAAH,GAAA,CAACS,eAAA;UAAgBC,IAAA,EAAK;QAAA,CAAK,GAC3B,eAAAV,GAAA,CAACS,eAAA;UAAgBC,IAAA,EAAK;UAAKC,cAAA,EAAc;QAAA,CAAC;MAAA,CAC5C,GACA,eAAAV,IAAA,CAACJ,MAAA;QAAOS,GAAA,EAAI;QAAKC,GAAA,EAAK;UAAEC,aAAA,EAAe;QAAS;QAC9CL,QAAA,kBAAAH,GAAA,CAACS,eAAA;UAAgBC,IAAA,EAAK;QAAA,CAAK,GAC3B,eAAAV,GAAA,CAACS,eAAA;UAAgBC,IAAA,EAAK;UAAKC,cAAA,EAAc;QAAA,CAAC;MAAA,CAC5C;IAAA,CACF;EAAA,CACF;AAEJ;AAEO,SAASF,gBAAgBG,KAAA,EAI7B;EACD,MAAMC,EAAA,GAAK,UAAUD,KAAA,CAAMF,IAAA,CAAKI,QAAA,CAAS,EAAEC,KAAA,CAAM,CAAC,CAAC,IAAIH,KAAA,CAAMD,cAAA,IAAkB,EAAE;EACjF,OACE,eAAAV,IAAA,CAACJ,MAAA;IAAOO,KAAA,EAAO;IAAKC,KAAA,EAAM;IAASC,GAAA,EAAI;IACrCH,QAAA,kBAAAH,GAAA,CAACN,KAAA;MAAMsB,EAAA,EAAG;MAAKC,IAAA,EAAM;MAAIC,OAAA,EAAQ;MAAWR,IAAA,EAAME,KAAA,CAAMF,IAAA;MAAMS,OAAA,EAASN,EAAA;MAAIV,QAAA;IAAA,CAE3E,GACA,eAAAH,GAAA,CAACL,SAAA;MAAUyB,IAAA,EAAM;MAAIC,QAAA,EAAQ;IAAA,CAAC,GAC9B,eAAArB,GAAA,CAACJ,MAAA;MACCiB,EAAA;MACAS,UAAA,EAAW;MACXZ,IAAA,EAAME,KAAA,CAAMF,IAAA;MACZC,cAAA,EAAgBC,KAAA,CAAMD,cAAA;MAGtBY,WAAA,EAAa;QACXC,eAAA,EAAiB;MACnB;MAEArB,QAAA,iBAAAH,GAAA,CAACJ,MAAA,CAAO6B,KAAA,EAAP;QAAaH,UAAA,EAAW;MAAA,CAAW;IAAA,CACtC;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"file":"SwitchDemo.js","names":[],"sources":["esm/SwitchDemo.js"],"sourcesContent":["import { Label, Separator, Switch, XStack, YStack } from \"tamagui\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nfunction SwitchDemo() {\n  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(YStack, { width: 200, items: \"center\", gap: \"3\", children: [\n    /* @__PURE__ */ jsxs(XStack, { gap: \"3\", flexDirection: \"xs:column\", children: [\n      /* @__PURE__ */ jsx(SwitchWithLabel, { size: \"2\" }),\n      /* @__PURE__ */ jsx(SwitchWithLabel, { size: \"2\", defaultChecked: true })\n    ] }),\n    /* @__PURE__ */ jsxs(XStack, { gap: \"3\", flexDirection: \"xs:column\", children: [\n      /* @__PURE__ */ jsx(SwitchWithLabel, { size: \"3\" }),\n      /* @__PURE__ */ jsx(SwitchWithLabel, { size: \"3\", defaultChecked: true })\n    ] }),\n    /* @__PURE__ */ jsxs(XStack, { gap: \"3\", flexDirection: \"xs:column\", children: [\n      /* @__PURE__ */ jsx(SwitchWithLabel, { size: \"4\" }),\n      /* @__PURE__ */ jsx(SwitchWithLabel, { size: \"4\", defaultChecked: true })\n    ] })\n  ] }) });\n}\nfunction SwitchWithLabel(props) {\n  const id = `switch-${props.size}-${props.defaultChecked ?? \"\"}}`;\n  return /* @__PURE__ */ jsxs(XStack, { width: 200, items: \"center\", gap: \"4\", children: [\n    /* @__PURE__ */ jsx(Label, { pr: \"0\", minW: 90, justify: \"flex-end\", size: props.size, htmlFor: id, children: \"Accept\" }),\n    /* @__PURE__ */ jsx(Separator, { minH: 20, vertical: true }),\n    /* @__PURE__ */ jsx(\n      Switch,\n      {\n        id,\n        transition: \"300ms\",\n        size: props.size,\n        defaultChecked: props.defaultChecked,\n        activeStyle: {\n          backgroundColor: \"color6\"\n        },\n        children: /* @__PURE__ */ jsx(Switch.Thumb, { transition: \"quickest\" })\n      }\n    )\n  ] });\n}\nexport {\n  SwitchDemo,\n  SwitchWithLabel\n};\n//# sourceMappingURL=SwitchDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,aAAa;CACpB,OAAuB,oBAAI,UAAU,EAAE,UAA0B,qBAAK,QAAQ;EAAE,OAAO;EAAK,OAAO;EAAU,KAAK;EAAK,UAAU;GAC/G,qBAAK,QAAQ;IAAE,KAAK;IAAK,eAAe;IAAa,UAAU,CAC7D,oBAAI,iBAAiB,EAAE,MAAM,IAAI,CAAC,GAClC,oBAAI,iBAAiB;KAAE,MAAM;KAAK,gBAAgB;IAAK,CAAC,CAC1E;GAAE,CAAC;GACa,qBAAK,QAAQ;IAAE,KAAK;IAAK,eAAe;IAAa,UAAU,CAC7D,oBAAI,iBAAiB,EAAE,MAAM,IAAI,CAAC,GAClC,oBAAI,iBAAiB;KAAE,MAAM;KAAK,gBAAgB;IAAK,CAAC,CAC1E;GAAE,CAAC;GACa,qBAAK,QAAQ;IAAE,KAAK;IAAK,eAAe;IAAa,UAAU,CAC7D,oBAAI,iBAAiB,EAAE,MAAM,IAAI,CAAC,GAClC,oBAAI,iBAAiB;KAAE,MAAM;KAAK,gBAAgB;IAAK,CAAC,CAC1E;GAAE,CAAC;EACL;CAAE,CAAC,EAAE,CAAC;AACR;AACA,SAAS,gBAAgB,OAAO;CAC9B,MAAM,KAAK,UAAU,MAAM,KAAK,GAAG,MAAM,kBAAkB,GAAG;CAC9D,OAAuB,qBAAK,QAAQ;EAAE,OAAO;EAAK,OAAO;EAAU,KAAK;EAAK,UAAU;GACrE,oBAAI,OAAO;IAAE,IAAI;IAAK,MAAM;IAAI,SAAS;IAAY,MAAM,MAAM;IAAM,SAAS;IAAI,UAAU;GAAS,CAAC;GACxG,oBAAI,WAAW;IAAE,MAAM;IAAI,UAAU;GAAK,CAAC;GAC3C,oBACd,QACA;IACE;IACA,YAAY;IACZ,MAAM,MAAM;IACZ,gBAAgB,MAAM;IACtB,aAAa,EACX,iBAAiB,SACnB;IACA,UAA0B,oBAAI,OAAO,OAAO,EAAE,YAAY,WAAW,CAAC;GACxE,CACF;EACF;CAAE,CAAC;AACL"}