@tamagui/demos 1.88.1 → 1.88.3

package/dist/jsx/ColorsDemo.js

@@ -8,63 +8,75 @@ import {
   getTokens,
   getVariableValue
 } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 const colorGroups = ["orange", "yellow", "green", "blue", "purple", "pink", "red"];
 function ColorsDemo() {
   const colors = getTokens({ prefixed: !1 }).color, [colorsLight, colorsDark] = [getColors(colors), getColors(colors, !0)];
-  return <YStack marginTop="$4" space="$8">
-    <ColorsRow title="Light" colors={colorsLight} />
-    <Separator />
-    <ColorsRow title="Dark" colors={colorsDark} />
-  </YStack>;
+  return /* @__PURE__ */ jsxs(YStack, { marginTop: "$4", space: "$8", children: [
+    /* @__PURE__ */ jsx(ColorsRow, { title: "Light", colors: colorsLight }),
+    /* @__PURE__ */ jsx(Separator, {}),
+    /* @__PURE__ */ jsx(ColorsRow, { title: "Dark", colors: colorsDark })
+  ] });
 }
 function ColorsRow({ title, colors }) {
-  return <YStack space $sm={{ space: "$2" }}>
-    <H2 size="$2">{title}</H2>
-    <XStack space alignSelf="center">
-      <YStack space $sm={{ space: "$2" }} alignSelf="center">
-        {colors.map((group, index) => <XStack space="$2" key={index}>{group.map((color) => <Square
-          key={`${color.key}${index}`}
-          borderRadius="$2"
-          size="$4"
-          height="$4"
-          borderWidth={1}
-          backgroundColor={getVariableValue(color)}
-          borderColor="$color7"
-          $sm={{
-            size: "$2"
-          }}
-          $xs={{
-            size: "$1"
-          }}
-        />)}</XStack>)}
-        <XStack space="$2" alignSelf="center">{new Array(13).fill(0).slice(1).map((_, index) => <Paragraph
-          color="$color10"
-          textAlign="center"
-          width="$4"
-          $sm={{
-            width: "$2"
-          }}
-          $xs={{
-            width: "$1"
-          }}
-          key={index}
-        >{index}</Paragraph>)}</XStack>
-      </YStack>
-      <YStack space="$4" marginTop="$2">{colorGroups.map((name) => <Paragraph
-        theme={name}
-        color="$color10"
-        height="$4"
-        rotate="-10deg"
-        $sm={{
-          height: "$2"
-        }}
-        $xs={{
-          height: "$1"
-        }}
-        key={name}
-      >{name}</Paragraph>)}</YStack>
-    </XStack>
-  </YStack>;
+  return /* @__PURE__ */ jsxs(YStack, { space: !0, $sm: { space: "$2" }, children: [
+    /* @__PURE__ */ jsx(H2, { size: "$2", children: title }),
+    /* @__PURE__ */ jsxs(XStack, { space: !0, alignSelf: "center", children: [
+      /* @__PURE__ */ jsxs(YStack, { space: !0, $sm: { space: "$2" }, alignSelf: "center", children: [
+        colors.map((group, index) => /* @__PURE__ */ jsx(XStack, { space: "$2", children: group.map((color) => /* @__PURE__ */ jsx(
+          Square,
+          {
+            borderRadius: "$2",
+            size: "$4",
+            height: "$4",
+            borderWidth: 1,
+            backgroundColor: getVariableValue(color),
+            borderColor: "$color7",
+            $sm: {
+              size: "$2"
+            },
+            $xs: {
+              size: "$1"
+            }
+          },
+          `${color.key}${index}`
+        )) }, index)),
+        /* @__PURE__ */ jsx(XStack, { space: "$2", alignSelf: "center", children: new Array(13).fill(0).slice(1).map((_, index) => /* @__PURE__ */ jsx(
+          Paragraph,
+          {
+            color: "$color10",
+            textAlign: "center",
+            width: "$4",
+            $sm: {
+              width: "$2"
+            },
+            $xs: {
+              width: "$1"
+            },
+            children: index
+          },
+          index
+        )) })
+      ] }),
+      /* @__PURE__ */ jsx(YStack, { space: "$4", marginTop: "$2", children: colorGroups.map((name) => /* @__PURE__ */ jsx(
+        Paragraph,
+        {
+          theme: name,
+          color: "$color10",
+          height: "$4",
+          rotate: "-10deg",
+          $sm: {
+            height: "$2"
+          },
+          $xs: {
+            height: "$1"
+          },
+          children: name
+        },
+        name
+      )) })
+    ] })
+  ] });
 }
 function getColors(colors, dark = !1) {
   return colorGroups.map((group) => Object.keys(colors).filter(

package/dist/jsx/ColorsDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ColorsDemo.tsx"],
-  "mappings": "AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,cAAc,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAE1E,SAAS,aAAa;AAC3B,QAAM,SAAS,UAAU,EAAE,UAAU,GAAM,CAAC,EAAE,OACxC,CAAC,aAAa,UAAU,IAAI,CAAC,UAAU,MAAM,GAAG,UAAU,QAAQ,EAAI,CAAC;AAE7E,SACE,CAAC,OAAO,UAAU,KAAK,MAAM;AAAA,IAC3B,CAAC,UAAU,MAAM,QAAQ,QAAQ,aAAa;AAAA,IAC9C,CAAC,UAAU;AAAA,IACX,CAAC,UAAU,MAAM,OAAO,QAAQ,YAAY;AAAA,EAC9C,EAJC;AAML;AAEA,SAAS,UAAU,EAAE,OAAO,OAAO,GAA4C;AAC7E,SACE,CAAC,OAAO,MAAM,KAAK,EAAE,OAAO,KAAK;AAAA,IAC/B,CAAC,GAAG,KAAK,MAAM,MAAM,EAApB;AAAA,IAED,CAAC,OAAO,MAAM,UAAU;AAAA,MACtB,CAAC,OAAO,MAAM,KAAK,EAAE,OAAO,KAAK,GAAG,UAAU;AAAA,SAC3C,OAAO,IAAI,CAAC,OAAO,UAEhB,CAAC,OAAO,MAAM,KAAK,KAAK,QACrB,MAAM,IAAI,CAAC,UAER,CAAC;AAAA,UACC,KAAK,GAAG,MAAM,GAAG,GAAG,KAAK;AAAA,UACzB,aAAa;AAAA,UACb,KAAK;AAAA,UACL,OAAO;AAAA,UACP,aAAa;AAAA,UACb,iBAAiB,iBAAiB,KAAK;AAAA,UACvC,YAAY;AAAA,UACZ,KAAK;AAAA,YACH,MAAM;AAAA,UACR;AAAA,UACA,KAAK;AAAA,YACH,MAAM;AAAA,UACR;AAAA,QACF,EAEH,EACH,EApBC,OAsBJ;AAAA,QAED,CAAC,OAAO,MAAM,KAAK,UAAU,UAC1B,IAAI,MAAM,EAAE,EACV,KAAK,CAAC,EACN,MAAM,CAAC,EACP,IAAI,CAAC,GAAG,UAEL,CAAC;AAAA,UACC,MAAM;AAAA,UACN,UAAU;AAAA,UACV,MAAM;AAAA,UACN,KAAK;AAAA,YACH,OAAO;AAAA,UACT;AAAA,UACA,KAAK;AAAA,YACH,OAAO;AAAA,UACT;AAAA,UACA,KAAK;AAAA,UAEJ,MACH,EAbC,UAeJ,EACL,EAtBC;AAAA,MAuBH,EAlDC;AAAA,MAoDD,CAAC,OAAO,MAAM,KAAK,UAAU,MAC1B,YAAY,IAAI,CAAC,SAChB,CAAC;AAAA,QACC,OAAO;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA,QACP,KAAK;AAAA,UACH,QAAQ;AAAA,QACV;AAAA,QACA,KAAK;AAAA,UACH,QAAQ;AAAA,QACV;AAAA,QACA,KAAK;AAAA,QAEJ,KACH,EAdC,UAeF,EACH,EAlBC;AAAA,IAmBH,EAxEC;AAAA,EAyEH,EA5EC;AA8EL;AAEA,SAAS,UAAU,QAAkC,OAAO,IAAO;AACjE,SAAO,YAAY,IAAI,CAAC,UACf,OAAO,KAAK,MAAM,EACtB;AAAA,IACC,CAAC,UACC,MAAM,WAAW,KAAK,MACrB,OAAO,MAAM,SAAS,MAAM,IAAI,CAAC,MAAM,SAAS,MAAM;AAAA,EAC3D,EACC,IAAI,CAAC,QAAQ,OAAO,GAAG,CAAC,CAC5B;AACH;",
+  "mappings": "AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AASH,SACE,KADF;AAPJ,MAAM,cAAc,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAE1E,SAAS,aAAa;AAC3B,QAAM,SAAS,UAAU,EAAE,UAAU,GAAM,CAAC,EAAE,OACxC,CAAC,aAAa,UAAU,IAAI,CAAC,UAAU,MAAM,GAAG,UAAU,QAAQ,EAAI,CAAC;AAE7E,SACE,qBAAC,UAAO,WAAU,MAAK,OAAM,MAC3B;AAAA,wBAAC,aAAU,OAAM,SAAQ,QAAQ,aAAa;AAAA,IAC9C,oBAAC,aAAU;AAAA,IACX,oBAAC,aAAU,OAAM,QAAO,QAAQ,YAAY;AAAA,KAC9C;AAEJ;AAEA,SAAS,UAAU,EAAE,OAAO,OAAO,GAA4C;AAC7E,SACE,qBAAC,UAAO,OAAK,IAAC,KAAK,EAAE,OAAO,KAAK,GAC/B;AAAA,wBAAC,MAAG,MAAK,MAAM,iBAAM;AAAA,IAErB,qBAAC,UAAO,OAAK,IAAC,WAAU,UACtB;AAAA,2BAAC,UAAO,OAAK,IAAC,KAAK,EAAE,OAAO,KAAK,GAAG,WAAU,UAC3C;AAAA,eAAO,IAAI,CAAC,OAAO,UAEhB,oBAAC,UAAO,OAAM,MACX,gBAAM,IAAI,CAAC,UAER;AAAA,UAAC;AAAA;AAAA,YAEC,cAAa;AAAA,YACb,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAa;AAAA,YACb,iBAAiB,iBAAiB,KAAK;AAAA,YACvC,aAAY;AAAA,YACZ,KAAK;AAAA,cACH,MAAM;AAAA,YACR;AAAA,YACA,KAAK;AAAA,cACH,MAAM;AAAA,YACR;AAAA;AAAA,UAZK,GAAG,MAAM,GAAG,GAAG,KAAK;AAAA,QAa3B,CAEH,KAnBqB,KAoBxB,CAEH;AAAA,QAED,oBAAC,UAAO,OAAM,MAAK,WAAU,UAC1B,cAAI,MAAM,EAAE,EACV,KAAK,CAAC,EACN,MAAM,CAAC,EACP,IAAI,CAAC,GAAG,UAEL;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,WAAU;AAAA,YACV,OAAM;AAAA,YACN,KAAK;AAAA,cACH,OAAO;AAAA,YACT;AAAA,YACA,KAAK;AAAA,cACH,OAAO;AAAA,YACT;AAAA,YAGC;AAAA;AAAA,UAFI;AAAA,QAGP,CAEH,GACL;AAAA,SACF;AAAA,MAEA,oBAAC,UAAO,OAAM,MAAK,WAAU,MAC1B,sBAAY,IAAI,CAAC,SAChB;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAO;AAAA,UACP,KAAK;AAAA,YACH,QAAQ;AAAA,UACV;AAAA,UACA,KAAK;AAAA,YACH,QAAQ;AAAA,UACV;AAAA,UAGC;AAAA;AAAA,QAFI;AAAA,MAGP,CACD,GACH;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,SAAS,UAAU,QAAkC,OAAO,IAAO;AACjE,SAAO,YAAY,IAAI,CAAC,UACf,OAAO,KAAK,MAAM,EACtB;AAAA,IACC,CAAC,UACC,MAAM,WAAW,KAAK,MACrB,OAAO,MAAM,SAAS,MAAM,IAAI,CAAC,MAAM,SAAS,MAAM;AAAA,EAC3D,EACC,IAAI,CAAC,QAAQ,OAAO,GAAG,CAAC,CAC5B;AACH;",
   "names": []
 }

package/dist/jsx/ColorsDemo.native.js

@@ -1,77 +1,100 @@
-import {
-  H2,
-  Paragraph,
-  Separator,
-  Square,
-  XStack,
-  YStack,
-  getTokens,
-  getVariableValue
-} 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 ColorsDemo_exports = {};
+__export(ColorsDemo_exports, {
+  ColorsDemo: () => ColorsDemo
+});
+module.exports = __toCommonJS(ColorsDemo_exports);
+var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 const colorGroups = ["orange", "yellow", "green", "blue", "purple", "pink", "red"];
 function ColorsDemo() {
-  const colors = getTokens({ prefixed: !1 }).color, [colorsLight, colorsDark] = [getColors(colors), getColors(colors, !0)];
-  return <YStack marginTop="$4" space="$8">
-    <ColorsRow title="Light" colors={colorsLight} />
-    <Separator />
-    <ColorsRow title="Dark" colors={colorsDark} />
-  </YStack>;
+  const colors = (0, import_tamagui.getTokens)({ prefixed: !1 }).color, [colorsLight, colorsDark] = [getColors(colors), getColors(colors, !0)];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { marginTop: "$4", space: "$8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColorsRow, { title: "Light", colors: colorsLight }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColorsRow, { title: "Dark", colors: colorsDark })
+  ] });
 }
 function ColorsRow({ title, colors }) {
-  return <YStack space $sm={{ space: "$2" }}>
-    <H2 size="$2">{title}</H2>
-    <XStack space alignSelf="center">
-      <YStack space $sm={{ space: "$2" }} alignSelf="center">
-        {colors.map((group, index) => <XStack space="$2" key={index}>{group.map((color) => <Square
-          key={`${color.key}${index}`}
-          borderRadius="$2"
-          size="$4"
-          height="$4"
-          borderWidth={1}
-          backgroundColor={getVariableValue(color)}
-          borderColor="$color7"
-          $sm={{
-            size: "$2"
-          }}
-          $xs={{
-            size: "$1"
-          }}
-        />)}</XStack>)}
-        <XStack space="$2" alignSelf="center">{new Array(13).fill(0).slice(1).map((_, index) => <Paragraph
-          color="$color10"
-          textAlign="center"
-          width="$4"
-          $sm={{
-            width: "$2"
-          }}
-          $xs={{
-            width: "$1"
-          }}
-          key={index}
-        >{index}</Paragraph>)}</XStack>
-      </YStack>
-      <YStack space="$4" marginTop="$2">{colorGroups.map((name) => <Paragraph
-        theme={name}
-        color="$color10"
-        height="$4"
-        rotate="-10deg"
-        $sm={{
-          height: "$2"
-        }}
-        $xs={{
-          height: "$1"
-        }}
-        key={name}
-      >{name}</Paragraph>)}</YStack>
-    </XStack>
-  </YStack>;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: !0, $sm: { space: "$2" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, { size: "$2", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: !0, alignSelf: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: !0, $sm: { space: "$2" }, alignSelf: "center", children: [
+        colors.map((group, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, { space: "$2", children: group.map((color) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_tamagui.Square,
+          {
+            borderRadius: "$2",
+            size: "$4",
+            height: "$4",
+            borderWidth: 1,
+            backgroundColor: (0, import_tamagui.getVariableValue)(color),
+            borderColor: "$color7",
+            $sm: {
+              size: "$2"
+            },
+            $xs: {
+              size: "$1"
+            }
+          },
+          `${color.key}${index}`
+        )) }, index)),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, { space: "$2", alignSelf: "center", children: new Array(13).fill(0).slice(1).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_tamagui.Paragraph,
+          {
+            color: "$color10",
+            textAlign: "center",
+            width: "$4",
+            $sm: {
+              width: "$2"
+            },
+            $xs: {
+              width: "$1"
+            },
+            children: index
+          },
+          index
+        )) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { space: "$4", marginTop: "$2", children: colorGroups.map((name) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_tamagui.Paragraph,
+        {
+          theme: name,
+          color: "$color10",
+          height: "$4",
+          rotate: "-10deg",
+          $sm: {
+            height: "$2"
+          },
+          $xs: {
+            height: "$1"
+          },
+          children: name
+        },
+        name
+      )) })
+    ] })
+  ] });
 }
 function getColors(colors, dark = !1) {
   return colorGroups.map((group) => Object.keys(colors).filter(
     (color) => color.startsWith(group) && (dark ? color.endsWith("Dark") : !color.endsWith("Dark"))
   ).map((key) => colors[key]));
 }
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   ColorsDemo
-};
+});
 //# sourceMappingURL=ColorsDemo.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ColorsDemo.tsx"],
-  "mappings": "AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,cAAc,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAE1E,SAAS,aAAa;AAC3B,QAAM,SAAS,UAAU,EAAE,UAAU,GAAM,CAAC,EAAE,OACxC,CAAC,aAAa,UAAU,IAAI,CAAC,UAAU,MAAM,GAAG,UAAU,QAAQ,EAAI,CAAC;AAE7E,SACE,CAAC,OAAO,UAAU,KAAK,MAAM;AAAA,IAC3B,CAAC,UAAU,MAAM,QAAQ,QAAQ,aAAa;AAAA,IAC9C,CAAC,UAAU;AAAA,IACX,CAAC,UAAU,MAAM,OAAO,QAAQ,YAAY;AAAA,EAC9C,EAJC;AAML;AAEA,SAAS,UAAU,EAAE,OAAO,OAAO,GAA4C;AAC7E,SACE,CAAC,OAAO,MAAM,KAAK,EAAE,OAAO,KAAK;AAAA,IAC/B,CAAC,GAAG,KAAK,MAAM,MAAM,EAApB;AAAA,IAED,CAAC,OAAO,MAAM,UAAU;AAAA,MACtB,CAAC,OAAO,MAAM,KAAK,EAAE,OAAO,KAAK,GAAG,UAAU;AAAA,SAC3C,OAAO,IAAI,CAAC,OAAO,UAEhB,CAAC,OAAO,MAAM,KAAK,KAAK,QACrB,MAAM,IAAI,CAAC,UAER,CAAC;AAAA,UACC,KAAK,GAAG,MAAM,GAAG,GAAG,KAAK;AAAA,UACzB,aAAa;AAAA,UACb,KAAK;AAAA,UACL,OAAO;AAAA,UACP,aAAa;AAAA,UACb,iBAAiB,iBAAiB,KAAK;AAAA,UACvC,YAAY;AAAA,UACZ,KAAK;AAAA,YACH,MAAM;AAAA,UACR;AAAA,UACA,KAAK;AAAA,YACH,MAAM;AAAA,UACR;AAAA,QACF,EAEH,EACH,EApBC,OAsBJ;AAAA,QAED,CAAC,OAAO,MAAM,KAAK,UAAU,UAC1B,IAAI,MAAM,EAAE,EACV,KAAK,CAAC,EACN,MAAM,CAAC,EACP,IAAI,CAAC,GAAG,UAEL,CAAC;AAAA,UACC,MAAM;AAAA,UACN,UAAU;AAAA,UACV,MAAM;AAAA,UACN,KAAK;AAAA,YACH,OAAO;AAAA,UACT;AAAA,UACA,KAAK;AAAA,YACH,OAAO;AAAA,UACT;AAAA,UACA,KAAK;AAAA,UAEJ,MACH,EAbC,UAeJ,EACL,EAtBC;AAAA,MAuBH,EAlDC;AAAA,MAoDD,CAAC,OAAO,MAAM,KAAK,UAAU,MAC1B,YAAY,IAAI,CAAC,SAChB,CAAC;AAAA,QACC,OAAO;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA,QACP,KAAK;AAAA,UACH,QAAQ;AAAA,QACV;AAAA,QACA,KAAK;AAAA,UACH,QAAQ;AAAA,QACV;AAAA,QACA,KAAK;AAAA,QAEJ,KACH,EAdC,UAeF,EACH,EAlBC;AAAA,IAmBH,EAxEC;AAAA,EAyEH,EA5EC;AA8EL;AAEA,SAAS,UAAU,QAAkC,OAAO,IAAO;AACjE,SAAO,YAAY,IAAI,CAAC,UACf,OAAO,KAAK,MAAM,EACtB;AAAA,IACC,CAAC,UACC,MAAM,WAAW,KAAK,MACrB,OAAO,MAAM,SAAS,MAAM,IAAI,CAAC,MAAM,SAAS,MAAM;AAAA,EAC3D,EACC,IAAI,CAAC,QAAQ,OAAO,GAAG,CAAC,CAC5B;AACH;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBASO,oBASH;AAPJ,MAAM,cAAc,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAE1E,SAAS,aAAa;AAC3B,QAAM,aAAS,0BAAU,EAAE,UAAU,GAAM,CAAC,EAAE,OACxC,CAAC,aAAa,UAAU,IAAI,CAAC,UAAU,MAAM,GAAG,UAAU,QAAQ,EAAI,CAAC;AAE7E,SACE,6CAAC,yBAAO,WAAU,MAAK,OAAM,MAC3B;AAAA,gDAAC,aAAU,OAAM,SAAQ,QAAQ,aAAa;AAAA,IAC9C,4CAAC,4BAAU;AAAA,IACX,4CAAC,aAAU,OAAM,QAAO,QAAQ,YAAY;AAAA,KAC9C;AAEJ;AAEA,SAAS,UAAU,EAAE,OAAO,OAAO,GAA4C;AAC7E,SACE,6CAAC,yBAAO,OAAK,IAAC,KAAK,EAAE,OAAO,KAAK,GAC/B;AAAA,gDAAC,qBAAG,MAAK,MAAM,iBAAM;AAAA,IAErB,6CAAC,yBAAO,OAAK,IAAC,WAAU,UACtB;AAAA,mDAAC,yBAAO,OAAK,IAAC,KAAK,EAAE,OAAO,KAAK,GAAG,WAAU,UAC3C;AAAA,eAAO,IAAI,CAAC,OAAO,UAEhB,4CAAC,yBAAO,OAAM,MACX,gBAAM,IAAI,CAAC,UAER;AAAA,UAAC;AAAA;AAAA,YAEC,cAAa;AAAA,YACb,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAa;AAAA,YACb,qBAAiB,iCAAiB,KAAK;AAAA,YACvC,aAAY;AAAA,YACZ,KAAK;AAAA,cACH,MAAM;AAAA,YACR;AAAA,YACA,KAAK;AAAA,cACH,MAAM;AAAA,YACR;AAAA;AAAA,UAZK,GAAG,MAAM,GAAG,GAAG,KAAK;AAAA,QAa3B,CAEH,KAnBqB,KAoBxB,CAEH;AAAA,QAED,4CAAC,yBAAO,OAAM,MAAK,WAAU,UAC1B,cAAI,MAAM,EAAE,EACV,KAAK,CAAC,EACN,MAAM,CAAC,EACP,IAAI,CAAC,GAAG,UAEL;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,WAAU;AAAA,YACV,OAAM;AAAA,YACN,KAAK;AAAA,cACH,OAAO;AAAA,YACT;AAAA,YACA,KAAK;AAAA,cACH,OAAO;AAAA,YACT;AAAA,YAGC;AAAA;AAAA,UAFI;AAAA,QAGP,CAEH,GACL;AAAA,SACF;AAAA,MAEA,4CAAC,yBAAO,OAAM,MAAK,WAAU,MAC1B,sBAAY,IAAI,CAAC,SAChB;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAO;AAAA,UACP,KAAK;AAAA,YACH,QAAQ;AAAA,UACV;AAAA,UACA,KAAK;AAAA,YACH,QAAQ;AAAA,UACV;AAAA,UAGC;AAAA;AAAA,QAFI;AAAA,MAGP,CACD,GACH;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,SAAS,UAAU,QAAkC,OAAO,IAAO;AACjE,SAAO,YAAY,IAAI,CAAC,UACf,OAAO,KAAK,MAAM,EACtB;AAAA,IACC,CAAC,UACC,MAAM,WAAW,KAAK,MACrB,OAAO,MAAM,SAAS,MAAM,IAAI,CAAC,MAAM,SAAS,MAAM;AAAA,EAC3D,EACC,IAAI,CAAC,QAAQ,OAAO,GAAG,CAAC,CAC5B;AACH;",
   "names": []
 }

package/dist/jsx/DialogDemo.js

@@ -14,76 +14,94 @@ import {
   XStack
 } from "tamagui";
 import { SelectDemoItem } from "./SelectDemo";
+import { jsx, jsxs } from "react/jsx-runtime";
 function DialogDemo() {
-  return <DialogInstance />;
+  return /* @__PURE__ */ jsx(DialogInstance, {});
 }
 function DialogInstance() {
   const [open, setOpen] = useState(!1);
-  return <Dialog
-    modal
-    onOpenChange={(open2) => {
-      setOpen(open2);
-    }}
-  >
-    <Dialog.Trigger asChild><Button>Show Dialog</Button></Dialog.Trigger>
-    <Adapt when="sm" platform="touch"><Sheet animation="medium" zIndex={2e5} modal dismissOnSnapToBottom>
-      <Sheet.Frame padding="$4" gap="$4"><Adapt.Contents /></Sheet.Frame>
-      <Sheet.Overlay
-        animation="lazy"
-        enterStyle={{ opacity: 0 }}
-        exitStyle={{ opacity: 0 }}
-      />
-    </Sheet></Adapt>
-    <Dialog.Portal>
-      <Dialog.Overlay
-        key="overlay"
-        animation="quick"
-        opacity={0.5}
-        enterStyle={{ opacity: 0 }}
-        exitStyle={{ opacity: 0 }}
-      />
-      <Dialog.Content
-        bordered
-        elevate
-        key="content"
-        animateOnly={["transform", "opacity"]}
-        animation={[
-          "quick",
-          {
-            opacity: {
-              overshootClamping: !0
+  return /* @__PURE__ */ jsxs(
+    Dialog,
+    {
+      modal: !0,
+      onOpenChange: (open2) => {
+        setOpen(open2);
+      },
+      children: [
+        /* @__PURE__ */ jsx(Dialog.Trigger, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { children: "Show Dialog" }) }),
+        /* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Sheet, { animation: "medium", zIndex: 2e5, modal: !0, dismissOnSnapToBottom: !0, children: [
+          /* @__PURE__ */ jsx(Sheet.Frame, { padding: "$4", gap: "$4", children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }),
+          /* @__PURE__ */ jsx(
+            Sheet.Overlay,
+            {
+              animation: "lazy",
+              enterStyle: { opacity: 0 },
+              exitStyle: { opacity: 0 }
             }
-          }
-        ]}
-        enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}
-        exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}
-        gap="$4"
-      >
-        <Dialog.Title>Edit profile</Dialog.Title>
-        <Dialog.Description>Make changes to your profile here. Click save when you're done.</Dialog.Description>
-        <Fieldset gap="$4" horizontal>
-          <Label width={160} justifyContent="flex-end" htmlFor="name">Name</Label>
-          <Input flex={1} id="name" defaultValue="Nate Wienert" />
-        </Fieldset>
-        <Fieldset gap="$4" horizontal>
-          <Label width={160} justifyContent="flex-end" htmlFor="username"><TooltipSimple label="Pick your favorite" placement="bottom-start"><Paragraph>Food</Paragraph></TooltipSimple></Label>
-          <SelectDemoItem />
-        </Fieldset>
-        <XStack alignSelf="flex-end" gap="$4">
-          <DialogInstance />
-          <Dialog.Close displayWhenAdapted asChild><Button theme="alt1" aria-label="Close">Save changes</Button></Dialog.Close>
-        </XStack>
-        <Unspaced><Dialog.Close asChild><Button
-          position="absolute"
-          top="$3"
-          right="$3"
-          size="$2"
-          circular
-          icon={X}
-        /></Dialog.Close></Unspaced>
-      </Dialog.Content>
-    </Dialog.Portal>
-  </Dialog>;
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxs(Dialog.Portal, { children: [
+          /* @__PURE__ */ jsx(
+            Dialog.Overlay,
+            {
+              animation: "quick",
+              opacity: 0.5,
+              enterStyle: { opacity: 0 },
+              exitStyle: { opacity: 0 }
+            },
+            "overlay"
+          ),
+          /* @__PURE__ */ jsxs(
+            Dialog.Content,
+            {
+              bordered: !0,
+              elevate: !0,
+              animateOnly: ["transform", "opacity"],
+              animation: [
+                "quick",
+                {
+                  opacity: {
+                    overshootClamping: !0
+                  }
+                }
+              ],
+              enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
+              exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
+              gap: "$4",
+              children: [
+                /* @__PURE__ */ jsx(Dialog.Title, { children: "Edit profile" }),
+                /* @__PURE__ */ jsx(Dialog.Description, { children: "Make changes to your profile here. Click save when you're done." }),
+                /* @__PURE__ */ jsxs(Fieldset, { gap: "$4", horizontal: !0, children: [
+                  /* @__PURE__ */ jsx(Label, { width: 160, justifyContent: "flex-end", htmlFor: "name", children: "Name" }),
+                  /* @__PURE__ */ jsx(Input, { flex: 1, id: "name", defaultValue: "Nate Wienert" })
+                ] }),
+                /* @__PURE__ */ jsxs(Fieldset, { gap: "$4", horizontal: !0, children: [
+                  /* @__PURE__ */ jsx(Label, { width: 160, justifyContent: "flex-end", htmlFor: "username", children: /* @__PURE__ */ jsx(TooltipSimple, { label: "Pick your favorite", placement: "bottom-start", children: /* @__PURE__ */ jsx(Paragraph, { children: "Food" }) }) }),
+                  /* @__PURE__ */ jsx(SelectDemoItem, {})
+                ] }),
+                /* @__PURE__ */ jsxs(XStack, { alignSelf: "flex-end", gap: "$4", children: [
+                  /* @__PURE__ */ jsx(DialogInstance, {}),
+                  /* @__PURE__ */ jsx(Dialog.Close, { displayWhenAdapted: !0, asChild: !0, children: /* @__PURE__ */ jsx(Button, { theme: "active", "aria-label": "Close", children: "Save changes" }) })
+                ] }),
+                /* @__PURE__ */ jsx(Unspaced, { children: /* @__PURE__ */ jsx(Dialog.Close, { asChild: !0, children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    position: "absolute",
+                    top: "$3",
+                    right: "$3",
+                    size: "$2",
+                    circular: !0,
+                    icon: X
+                  }
+                ) }) })
+              ]
+            },
+            "content"
+          )
+        ] })
+      ]
+    }
+  );
 }
 export {
   DialogDemo

package/dist/jsx/DialogDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/DialogDemo.tsx"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["open"]
 }