@tamagui/demos 1.61.2 → 1.62.0

package/dist/cjs/TokensDemo.js

@@ -1,105 +1,89 @@
-"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: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
+    __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))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
+      !__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: true }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var TokensDemo_exports = {};
 __export(TokensDemo_exports, {
   TokensDemo: () => TokensDemo
 });
 module.exports = __toCommonJS(TokensDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_core = require("@tamagui/core");
-var import_react = require("react");
-var import_tamagui = require("tamagui");
+var import_core = require("@tamagui/core"), import_react = require("react"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 const sections = [
   {
-    name: `Size`,
-    key: `size`
+    name: "Size",
+    key: "size"
   },
   {
-    name: `Space`,
+    name: "Space",
     key: "space"
   },
   {
-    name: `Space (-)`,
-    key: `spaceNegative`
+    name: "Space (-)",
+    key: "spaceNegative"
   },
   {
-    name: `Radius`,
-    key: `radius`
+    name: "Radius",
+    key: "radius"
   }
 ];
 function TokensDemo() {
   const [section, setSection] = (0, import_react.useState)("size");
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup, { alignItems: "center", alignSelf: "center", children: sections.map(({ name, key }) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_tamagui.Button,
-        {
-          size: "$3",
-          theme: section === key ? "active" : null,
-          fontFamily: "$silkscreen",
-          onPress: () => setSection(key),
-          children: name
-        }
-      ) }, key);
-    }) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: !0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup, { alignItems: "center", alignSelf: "center", children: sections.map(({ name, key }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Button,
+      {
+        size: "$3",
+        theme: section === key ? "active" : null,
+        fontFamily: "$silkscreen",
+        onPress: () => setSection(key),
+        children: name
+      }
+    ) }, key)) }),
     (section === "size" || section === "spaceNegative" || section === "space" || section === "radius") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SizeSection, { section })
   ] });
 }
 function SizeSection({ section }) {
-  const allTokens = (0, import_core.getConfig)().tokens;
-  const tokens = allTokens[section.startsWith("space") ? "space" : section];
-  const st = Object.keys(tokens).sort((a, b) => parseFloat(a) > parseFloat(b) ? 1 : -1);
-  const spaceTokens = st.filter((t) => parseFloat(t) >= 0);
-  const spaceTokensNegative = st.filter((t) => parseFloat(t) < 0).sort((a, b) => parseFloat(a) > parseFloat(b) ? -1 : 1);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { flex: 1, space: true, children: [
+  const allTokens = (0, import_core.getConfig)().tokens, tokens = allTokens[section.startsWith("space") ? "space" : section], st = Object.keys(tokens).sort((a, b) => parseFloat(a) > parseFloat(b) ? 1 : -1), spaceTokens = st.filter((t) => parseFloat(t) >= 0), spaceTokensNegative = st.filter((t) => parseFloat(t) < 0).sort((a, b) => parseFloat(a) > parseFloat(b) ? -1 : 1);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { flex: 1, space: !0, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, { children: "Sizes" }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: "100%", space: "$2", separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}), children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(
-      (token) => {
-        var _a, _b, _c, _d, _e;
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: "100%", alignItems: "center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: "25%", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H3, { size: "$6", children: [
-            "$",
-            token
-          ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: "20%", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H4, { size: "$5", children: [
-            (_a = tokens[token]) == null ? void 0 : _a.val,
-            "px"
-          ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_tamagui.Square,
-            {
-              size: (_b = tokens[token]) == null ? void 0 : _b.val,
-              backgroundColor: "$color5",
-              ...section === "spaceNegative" && {
-                backgroundColor: "$red5",
-                size: -((_c = tokens[spaceTokensNegative.find(
-                  (t) => parseFloat(t) === -parseFloat(token)
-                ) ?? token]) == null ? void 0 : _c.val)
-              },
-              ...section === "radius" && {
-                size: (_d = allTokens.size[token]) == null ? void 0 : _d.val,
-                borderRadius: (_e = tokens[token]) == null ? void 0 : _e.val
-              }
+      (token) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: "100%", alignItems: "center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: "25%", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H3, { size: "$6", children: [
+          "$",
+          token
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: "20%", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H4, { size: "$5", children: [
+          tokens[token]?.val,
+          "px"
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_tamagui.Square,
+          {
+            size: tokens[token]?.val,
+            backgroundColor: "$color5",
+            ...section === "spaceNegative" && {
+              backgroundColor: "$red5",
+              size: -tokens[spaceTokensNegative.find(
+                (t) => parseFloat(t) === -parseFloat(token)
+              ) ?? token]?.val
+            },
+            ...section === "radius" && {
+              size: allTokens.size[token]?.val,
+              borderRadius: tokens[token]?.val
             }
-          )
-        ] }, token);
-      }
+          }
+        )
+      ] }, token)
     ) })
   ] });
 }

package/dist/cjs/TokensDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/TokensDemo.tsx"],
-  "mappings": "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",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAkC,0BAClC,eAAyB,kBACzB,iBAA8E,oBA2B1E;AAvBJ,MAAM,WAA6C;AAAA,EACjD;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF;AAEO,SAAS,aAAa;AAC3B,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAkB,MAAM;AAEtD,SACE,6CAAC,yBAAO,OAAK,IACX;AAAA,gDAAC,yBAAO,YAAW,UAAS,WAAU,UACnC,mBAAS,IAAI,CAAC,EAAE,MAAM,IAAI,MAEvB,4CAAC,sBAAO,MAAP,EACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,YAAY,MAAM,WAAW;AAAA,QACpC,YAAW;AAAA,QACX,SAAS,MAAM,WAAW,GAAG;AAAA,QAE5B;AAAA;AAAA,IACH,KARgB,GASlB,CAEH,GACH;AAAA,KAEE,YAAY,UACZ,YAAY,mBACZ,YAAY,WACZ,YAAY,aAAa,4CAAC,eAAY,SAAkB;AAAA,KAC5D;AAEJ;AAEA,SAAS,YAAY,EAAE,QAAQ,GAAyB;AACtD,QAAM,gBAAY,uBAAU,EAAE,QACxB,SAAS,UAAU,QAAQ,WAAW,OAAO,IAAI,UAAU,OAAO,GAClE,KAAK,OAAO,KAAK,MAAM,EAAE,KAAK,CAAC,GAAG,MAAO,WAAW,CAAC,IAAI,WAAW,CAAC,IAAI,IAAI,EAAG,GAChF,cAAc,GAAG,OAAO,CAAC,MAAM,WAAW,CAAC,KAAK,CAAC,GACjD,sBAAsB,GACzB,OAAO,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAC/B,KAAK,CAAC,GAAG,MAAO,WAAW,CAAC,IAAI,WAAW,CAAC,IAAI,KAAK,CAAE;AAE1D,SACE,6CAAC,yBAAO,MAAM,GAAG,OAAK,IACpB;AAAA,gDAAC,qBAAG,mBAAK;AAAA,IACT,4CAAC,yBAAO,OAAM,QAAO,OAAM,MAAK,WAAW,4CAAC,4BAAU,GAClD,uBAAY,kBAAkB,sBAAsB,aAAa;AAAA,MACjE,CAAC,UAEG,6CAAC,yBAAO,OAAM,QAAO,YAAW,UAC9B;AAAA,oDAAC,yBAAO,OAAM,OACZ,uDAAC,qBAAG,MAAK,MAAK;AAAA;AAAA,UAAE;AAAA,WAAM,GACxB;AAAA,QACA,4CAAC,yBAAO,OAAM,OACZ,uDAAC,qBAAG,MAAK,MAAM;AAAA,iBAAO,KAAK,GAAG;AAAA,UAAI;AAAA,WAAE,GACtC;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,OAAO,KAAK,GAAG;AAAA,YACrB,iBAAgB;AAAA,YACf,GAAI,YAAY,mBAAmB;AAAA,cAClC,iBAAiB;AAAA,cACjB,MAAM,CAAC,OACL,oBAAoB;AAAA,gBAClB,CAAC,MAAM,WAAW,CAAC,MAAM,CAAC,WAAW,KAAK;AAAA,cAC5C,KAAK,KACP,GAAG;AAAA,YACL;AAAA,YACC,GAAI,YAAY,YAAY;AAAA,cAC3B,MAAM,UAAU,KAAK,KAAK,GAAG;AAAA,cAC7B,cAAc,OAAO,KAAK,GAAG;AAAA,YAC/B;AAAA;AAAA,QACF;AAAA,WAtB4C,KAuB9C;AAAA,IAGN,GACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/cjs/TokensDemo.native.js

@@ -0,0 +1,95 @@
+"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 TokensDemo_exports = {};
+__export(TokensDemo_exports, {
+  TokensDemo: () => TokensDemo
+});
+module.exports = __toCommonJS(TokensDemo_exports);
+var import_core = require("@tamagui/core"), import_react = require("react"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+const sections = [
+  {
+    name: "Size",
+    key: "size"
+  },
+  {
+    name: "Space",
+    key: "space"
+  },
+  {
+    name: "Space (-)",
+    key: "spaceNegative"
+  },
+  {
+    name: "Radius",
+    key: "radius"
+  }
+];
+function TokensDemo() {
+  const [section, setSection] = (0, import_react.useState)("size");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: !0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup, { alignItems: "center", alignSelf: "center", children: sections.map(({ name, key }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Button,
+      {
+        size: "$3",
+        theme: section === key ? "active" : null,
+        fontFamily: "$silkscreen",
+        onPress: () => setSection(key),
+        children: name
+      }
+    ) }, key)) }),
+    (section === "size" || section === "spaceNegative" || section === "space" || section === "radius") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SizeSection, { section })
+  ] });
+}
+function SizeSection({ section }) {
+  const allTokens = (0, import_core.getConfig)().tokens, tokens = allTokens[section.startsWith("space") ? "space" : section], st = Object.keys(tokens).sort((a, b) => parseFloat(a) > parseFloat(b) ? 1 : -1), spaceTokens = st.filter((t) => parseFloat(t) >= 0), spaceTokensNegative = st.filter((t) => parseFloat(t) < 0).sort((a, b) => parseFloat(a) > parseFloat(b) ? -1 : 1);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { flex: 1, space: !0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, { children: "Sizes" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: "100%", space: "$2", separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}), children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(
+      (token) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: "100%", alignItems: "center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: "25%", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H3, { size: "$6", children: [
+          "$",
+          token
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: "20%", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H4, { size: "$5", children: [
+          tokens[token]?.val,
+          "px"
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_tamagui.Square,
+          {
+            size: tokens[token]?.val,
+            backgroundColor: "$color5",
+            ...section === "spaceNegative" && {
+              backgroundColor: "$red5",
+              size: -tokens[spaceTokensNegative.find(
+                (t) => parseFloat(t) === -parseFloat(token)
+              ) ?? token]?.val
+            },
+            ...section === "radius" && {
+              size: allTokens.size[token]?.val,
+              borderRadius: tokens[token]?.val
+            }
+          }
+        )
+      ] }, token)
+    ) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TokensDemo
+});
+//# sourceMappingURL=TokensDemo.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/TokensDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAkC,0BAClC,eAAyB,kBACzB,iBAA8E,oBA2B1E;AAvBJ,MAAM,WAA6C;AAAA,EACjD;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF;AAEO,SAAS,aAAa;AAC3B,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAkB,MAAM;AAEtD,SACE,6CAAC,yBAAO,OAAK,IACX;AAAA,gDAAC,yBAAO,YAAW,UAAS,WAAU,UACnC,mBAAS,IAAI,CAAC,EAAE,MAAM,IAAI,MAEvB,4CAAC,sBAAO,MAAP,EACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,YAAY,MAAM,WAAW;AAAA,QACpC,YAAW;AAAA,QACX,SAAS,MAAM,WAAW,GAAG;AAAA,QAE5B;AAAA;AAAA,IACH,KARgB,GASlB,CAEH,GACH;AAAA,KAEE,YAAY,UACZ,YAAY,mBACZ,YAAY,WACZ,YAAY,aAAa,4CAAC,eAAY,SAAkB;AAAA,KAC5D;AAEJ;AAEA,SAAS,YAAY,EAAE,QAAQ,GAAyB;AACtD,QAAM,gBAAY,uBAAU,EAAE,QACxB,SAAS,UAAU,QAAQ,WAAW,OAAO,IAAI,UAAU,OAAO,GAClE,KAAK,OAAO,KAAK,MAAM,EAAE,KAAK,CAAC,GAAG,MAAO,WAAW,CAAC,IAAI,WAAW,CAAC,IAAI,IAAI,EAAG,GAChF,cAAc,GAAG,OAAO,CAAC,MAAM,WAAW,CAAC,KAAK,CAAC,GACjD,sBAAsB,GACzB,OAAO,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAC/B,KAAK,CAAC,GAAG,MAAO,WAAW,CAAC,IAAI,WAAW,CAAC,IAAI,KAAK,CAAE;AAE1D,SACE,6CAAC,yBAAO,MAAM,GAAG,OAAK,IACpB;AAAA,gDAAC,qBAAG,mBAAK;AAAA,IACT,4CAAC,yBAAO,OAAM,QAAO,OAAM,MAAK,WAAW,4CAAC,4BAAU,GAClD,uBAAY,kBAAkB,sBAAsB,aAAa;AAAA,MACjE,CAAC,UAEG,6CAAC,yBAAO,OAAM,QAAO,YAAW,UAC9B;AAAA,oDAAC,yBAAO,OAAM,OACZ,uDAAC,qBAAG,MAAK,MAAK;AAAA;AAAA,UAAE;AAAA,WAAM,GACxB;AAAA,QACA,4CAAC,yBAAO,OAAM,OACZ,uDAAC,qBAAG,MAAK,MAAM;AAAA,iBAAO,KAAK,GAAG;AAAA,UAAI;AAAA,WAAE,GACtC;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,OAAO,KAAK,GAAG;AAAA,YACrB,iBAAgB;AAAA,YACf,GAAI,YAAY,mBAAmB;AAAA,cAClC,iBAAiB;AAAA,cACjB,MAAM,CAAC,OACL,oBAAoB;AAAA,gBAClB,CAAC,MAAM,WAAW,CAAC,MAAM,CAAC,WAAW,KAAK;AAAA,cAC5C,KAAK,KACP,GAAG;AAAA,YACL;AAAA,YACC,GAAI,YAAY,YAAY;AAAA,cAC3B,MAAM,UAAU,KAAK,KAAK,GAAG;AAAA,cAC7B,cAAc,OAAO,KAAK,GAAG;AAAA,YAC/B;AAAA;AAAA,QACF;AAAA,WAtB4C,KAuB9C;AAAA,IAGN,GACF;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/cjs/TooltipDemo.js

@@ -1,29 +1,23 @@
-"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: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
+    __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))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
+      !__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: true }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var TooltipDemo_exports = {};
 __export(TooltipDemo_exports, {
   TooltipDemo: () => TooltipDemo
 });
 module.exports = __toCommonJS(TooltipDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_lucide_icons = require("@tamagui/lucide-icons");
-var import_tamagui = require("tamagui");
+var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function TooltipDemo() {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TooltipGroup, { delay: { open: 3e3, close: 100 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: "$2", alignSelf: "center", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$2", children: [
@@ -45,7 +39,7 @@ function TooltipDemo() {
 }
 function Demo({ Icon, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tooltip, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tooltip.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { icon: Icon, circular: true }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tooltip.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { icon: Icon, circular: !0 }) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       import_tamagui.Tooltip.Content,
       {
@@ -59,7 +53,7 @@ function Demo({ Icon, ...props }) {
           "quick",
           {
             opacity: {
-              overshootClamping: true
+              overshootClamping: !0
             }
           }
         ],

package/dist/cjs/TooltipDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/TooltipDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBQ;AArBR,0BAMO;AACP,qBAQO;AAEA,SAAS,cAAc;AAC5B,SACE,4CAAC,+BAAa,OAAO,EAAE,MAAM,KAAM,OAAO,IAAI,GAC5C,uDAAC,yBAAO,OAAM,MAAK,WAAU,UAC3B;AAAA,iDAAC,yBAAO,OAAM,MACZ;AAAA,kDAAC,QAAK,SAAQ,KAAI,WAAU,WAAU,MAAM,4BAAQ;AAAA,MACpD,4CAAC,QAAK,SAAQ,KAAI,WAAU,OAAM,MAAM,+BAAW;AAAA,MACnD,4CAAC,QAAK,SAAQ,KAAI,WAAU,aAAY,MAAM,4BAAQ;AAAA,OACxD;AAAA,IACA,6CAAC,yBAAO,OAAM,MACZ;AAAA,kDAAC,QAAK,SAAQ,KAAI,WAAU,QAAO,MAAM,iCAAa;AAAA,MACtD,4CAAC,yBAAO,MAAM,GAAG;AAAA,MACjB,4CAAC,QAAK,SAAQ,KAAI,WAAU,SAAQ,MAAM,kCAAc;AAAA,OAC1D;AAAA,IACA,6CAAC,yBAAO,OAAM,MACZ;AAAA,kDAAC,QAAK,SAAQ,KAAI,WAAU,cAAa,MAAM,4BAAQ;AAAA,MACvD,4CAAC,QAAK,SAAQ,KAAI,WAAU,UAAS,MAAM,iCAAa;AAAA,MACxD,4CAAC,QAAK,SAAQ,KAAI,WAAU,gBAAe,MAAM,4BAAQ;AAAA,OAC3D;AAAA,KACF,GACF;AAEJ;AAEA,SAAS,KAAK,EAAE,MAAM,GAAG,MAAM,GAAkC;AAC/D,SACE,6CAAC,0BAAS,GAAG,OACX;AAAA,gDAAC,uBAAQ,SAAR,EACC,sDAAC,yBAAO,MAAM,MAAM,UAAQ,MAAC,GAC/B;AAAA,IACA;AAAA,MAAC,uBAAQ;AAAA,MAAR;AAAA,QACC,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,IAAI;AAAA,QAClD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,IAAI;AAAA,QACjD,OAAO;AAAA,QACP,GAAG;AAAA,QACH,GAAG;AAAA,QACH,SAAS;AAAA,QACT,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAEA;AAAA,sDAAC,uBAAQ,OAAR,EAAc;AAAA,UACf,4CAAC,4BAAU,MAAK,MAAK,YAAW,MAAK,yBAErC;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAMO,kCACP,iBAQO,oBAMC;AAJD,SAAS,cAAc;AAC5B,SACE,4CAAC,+BAAa,OAAO,EAAE,MAAM,KAAM,OAAO,IAAI,GAC5C,uDAAC,yBAAO,OAAM,MAAK,WAAU,UAC3B;AAAA,iDAAC,yBAAO,OAAM,MACZ;AAAA,kDAAC,QAAK,SAAQ,KAAI,WAAU,WAAU,MAAM,4BAAQ;AAAA,MACpD,4CAAC,QAAK,SAAQ,KAAI,WAAU,OAAM,MAAM,+BAAW;AAAA,MACnD,4CAAC,QAAK,SAAQ,KAAI,WAAU,aAAY,MAAM,4BAAQ;AAAA,OACxD;AAAA,IACA,6CAAC,yBAAO,OAAM,MACZ;AAAA,kDAAC,QAAK,SAAQ,KAAI,WAAU,QAAO,MAAM,iCAAa;AAAA,MACtD,4CAAC,yBAAO,MAAM,GAAG;AAAA,MACjB,4CAAC,QAAK,SAAQ,KAAI,WAAU,SAAQ,MAAM,kCAAc;AAAA,OAC1D;AAAA,IACA,6CAAC,yBAAO,OAAM,MACZ;AAAA,kDAAC,QAAK,SAAQ,KAAI,WAAU,cAAa,MAAM,4BAAQ;AAAA,MACvD,4CAAC,QAAK,SAAQ,KAAI,WAAU,UAAS,MAAM,iCAAa;AAAA,MACxD,4CAAC,QAAK,SAAQ,KAAI,WAAU,gBAAe,MAAM,4BAAQ;AAAA,OAC3D;AAAA,KACF,GACF;AAEJ;AAEA,SAAS,KAAK,EAAE,MAAM,GAAG,MAAM,GAAkC;AAC/D,SACE,6CAAC,0BAAS,GAAG,OACX;AAAA,gDAAC,uBAAQ,SAAR,EACC,sDAAC,yBAAO,MAAM,MAAM,UAAQ,IAAC,GAC/B;AAAA,IACA;AAAA,MAAC,uBAAQ;AAAA,MAAR;AAAA,QACC,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,IAAI;AAAA,QAClD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,IAAI;AAAA,QACjD,OAAO;AAAA,QACP,GAAG;AAAA,QACH,GAAG;AAAA,QACH,SAAS;AAAA,QACT,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAEA;AAAA,sDAAC,uBAAQ,OAAR,EAAc;AAAA,UACf,4CAAC,4BAAU,MAAK,MAAK,YAAW,MAAK,yBAErC;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/cjs/TooltipDemo.native.js

@@ -0,0 +1,73 @@
+"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 TooltipDemo_exports = {};
+__export(TooltipDemo_exports, {
+  TooltipDemo: () => TooltipDemo
+});
+module.exports = __toCommonJS(TooltipDemo_exports);
+var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+function TooltipDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TooltipGroup, { delay: { open: 3e3, close: 100 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: "$2", alignSelf: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, { groupId: "0", placement: "top-end", Icon: import_lucide_icons.Circle }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, { groupId: "1", placement: "top", Icon: import_lucide_icons.ChevronUp }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, { groupId: "2", placement: "top-start", Icon: import_lucide_icons.Circle })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, { groupId: "3", placement: "left", Icon: import_lucide_icons.ChevronLeft }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { flex: 1 }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, { groupId: "4", placement: "right", Icon: import_lucide_icons.ChevronRight })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, { groupId: "5", placement: "bottom-end", Icon: import_lucide_icons.Circle }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, { groupId: "6", placement: "bottom", Icon: import_lucide_icons.ChevronDown }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, { groupId: "7", placement: "bottom-start", Icon: import_lucide_icons.Circle })
+    ] })
+  ] }) });
+}
+function Demo({ Icon, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tooltip, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tooltip.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { icon: Icon, circular: !0 }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_tamagui.Tooltip.Content,
+      {
+        enterStyle: { x: 0, y: -5, opacity: 0, scale: 0.9 },
+        exitStyle: { x: 0, y: -5, opacity: 0, scale: 0.9 },
+        scale: 1,
+        x: 0,
+        y: 0,
+        opacity: 1,
+        animation: [
+          "quick",
+          {
+            opacity: {
+              overshootClamping: !0
+            }
+          }
+        ],
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tooltip.Arrow, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { size: "$2", lineHeight: "$1", children: "Hello world" })
+        ]
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TooltipDemo
+});
+//# sourceMappingURL=TooltipDemo.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/TooltipDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAMO,kCACP,iBAQO,oBAMC;AAJD,SAAS,cAAc;AAC5B,SACE,4CAAC,+BAAa,OAAO,EAAE,MAAM,KAAM,OAAO,IAAI,GAC5C,uDAAC,yBAAO,OAAM,MAAK,WAAU,UAC3B;AAAA,iDAAC,yBAAO,OAAM,MACZ;AAAA,kDAAC,QAAK,SAAQ,KAAI,WAAU,WAAU,MAAM,4BAAQ;AAAA,MACpD,4CAAC,QAAK,SAAQ,KAAI,WAAU,OAAM,MAAM,+BAAW;AAAA,MACnD,4CAAC,QAAK,SAAQ,KAAI,WAAU,aAAY,MAAM,4BAAQ;AAAA,OACxD;AAAA,IACA,6CAAC,yBAAO,OAAM,MACZ;AAAA,kDAAC,QAAK,SAAQ,KAAI,WAAU,QAAO,MAAM,iCAAa;AAAA,MACtD,4CAAC,yBAAO,MAAM,GAAG;AAAA,MACjB,4CAAC,QAAK,SAAQ,KAAI,WAAU,SAAQ,MAAM,kCAAc;AAAA,OAC1D;AAAA,IACA,6CAAC,yBAAO,OAAM,MACZ;AAAA,kDAAC,QAAK,SAAQ,KAAI,WAAU,cAAa,MAAM,4BAAQ;AAAA,MACvD,4CAAC,QAAK,SAAQ,KAAI,WAAU,UAAS,MAAM,iCAAa;AAAA,MACxD,4CAAC,QAAK,SAAQ,KAAI,WAAU,gBAAe,MAAM,4BAAQ;AAAA,OAC3D;AAAA,KACF,GACF;AAEJ;AAEA,SAAS,KAAK,EAAE,MAAM,GAAG,MAAM,GAAkC;AAC/D,SACE,6CAAC,0BAAS,GAAG,OACX;AAAA,gDAAC,uBAAQ,SAAR,EACC,sDAAC,yBAAO,MAAM,MAAM,UAAQ,IAAC,GAC/B;AAAA,IACA;AAAA,MAAC,uBAAQ;AAAA,MAAR;AAAA,QACC,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,IAAI;AAAA,QAClD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,IAAI;AAAA,QACjD,OAAO;AAAA,QACP,GAAG;AAAA,QACH,GAAG;AAAA,QACH,SAAS;AAAA,QACT,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAEA;AAAA,sDAAC,uBAAQ,OAAR,EAAc;AAAA,UACf,4CAAC,4BAAU,MAAK,MAAK,YAAW,MAAK,yBAErC;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/cjs/UpdateThemeDemo.js

@@ -1,20 +1,15 @@
-"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
+    __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))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
@@ -22,37 +17,28 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   // 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: true }) : target,
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
   mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var UpdateThemeDemo_exports = {};
 __export(UpdateThemeDemo_exports, {
   UpdateThemeDemo: () => UpdateThemeDemo
 });
 module.exports = __toCommonJS(UpdateThemeDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var Config = __toESM(require("@tamagui/site-config"));
-var import_theme = require("@tamagui/theme");
-var import_react = require("react");
-var import_tamagui = require("tamagui");
-const colors = Config.config.tokens.color;
-const colorKeys = Object.keys(colors);
+var Config = __toESM(require("@tamagui/site-config")), import_theme = require("@tamagui/theme"), import_react = require("react"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+const colors = Config.config.tokens.color, colorKeys = Object.keys(colors);
 function UpdateThemeDemo() {
-  const [theme, setTheme] = (0, import_react.useState)();
-  const update = (0, import_tamagui.useForceUpdate)();
-  (0, import_tamagui.useIsomorphicLayoutEffect)(() => {
+  const [theme, setTheme] = (0, import_react.useState)(), update = (0, import_tamagui.useForceUpdate)();
+  return (0, import_tamagui.useIsomorphicLayoutEffect)(() => {
     (0, import_theme.addTheme)({
       name: "custom",
-      insertCSS: true,
+      insertCSS: !0,
       theme: {
         color: "red",
         color2: "blue"
       }
-    });
-    setTheme("custom");
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { alignItems: "center", space: true, children: [
+    }), setTheme("custom");
+  }, []), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { alignItems: "center", space: !0, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, { gap: "$5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: theme ?? null, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { borderRadius: "$8", size: 100, backgroundColor: "$color" }) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_tamagui.Button,
@@ -66,8 +52,7 @@ function UpdateThemeDemo() {
             theme: {
               color: randomColor
             }
-          });
-          update();
+          }), update();
         },
         children: "Set to random color"
       }

package/dist/cjs/UpdateThemeDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/UpdateThemeDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCI;AAlCJ,aAAwB;AACxB,mBAAsC;AACtC,mBAAgC;AAChC,qBASO;AAEP,MAAM,SAAS,OAAO,OAAO,OAAO;AACpC,MAAM,YAAY,OAAO,KAAK,MAAM;AAE7B,SAAS,kBAAkB;AAChC,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAc;AACxC,QAAM,aAAS,+BAAe;AAE9B,gDAA0B,MAAM;AAC9B,+BAAS;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,IACF,CAAC;AACD,aAAS,QAAQ;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,SACE,6CAAC,yBAAO,YAAW,UAAS,OAAK,MAC/B;AAAA,gDAAC,yBAAO,KAAK,MACX,sDAAC,wBAAM,MAAM,SAAS,MACpB,sDAAC,yBAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE,GACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,kBAAc;AAAA,YAClB,OAAO,UAAU,KAAK,MAAM,KAAK,OAAO,IAAI,UAAU,MAAM,CAAC,CAAC;AAAA,UAChE;AACA,wCAAY;AAAA,YACV,MAAM;AAAA,YACN,OAAO;AAAA,cACL,OAAO;AAAA,YACT;AAAA,UACF,CAAC;AACD,iBAAO;AAAA,QACT;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAAwB,0CACxB,eAAsC,2BACtC,eAAgC,kBAChC,iBASO,oBAsBH;AApBJ,MAAM,SAAS,OAAO,OAAO,OAAO,OAC9B,YAAY,OAAO,KAAK,MAAM;AAE7B,SAAS,kBAAkB;AAChC,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAc,GAClC,aAAS,+BAAe;AAE9B,uDAA0B,MAAM;AAC9B,+BAAS;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,IACF,CAAC,GACD,SAAS,QAAQ;AAAA,EACnB,GAAG,CAAC,CAAC,GAGH,6CAAC,yBAAO,YAAW,UAAS,OAAK,IAC/B;AAAA,gDAAC,yBAAO,KAAK,MACX,sDAAC,wBAAM,MAAM,SAAS,MACpB,sDAAC,yBAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE,GACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,kBAAc;AAAA,YAClB,OAAO,UAAU,KAAK,MAAM,KAAK,OAAO,IAAI,UAAU,MAAM,CAAC,CAAC;AAAA,UAChE;AACA,wCAAY;AAAA,YACV,MAAM;AAAA,YACN,OAAO;AAAA,cACL,OAAO;AAAA,YACT;AAAA,UACF,CAAC,GACD,OAAO;AAAA,QACT;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/cjs/UpdateThemeDemo.native.js

@@ -0,0 +1,67 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 });
+}, __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 __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 UpdateThemeDemo_exports = {};
+__export(UpdateThemeDemo_exports, {
+  UpdateThemeDemo: () => UpdateThemeDemo
+});
+module.exports = __toCommonJS(UpdateThemeDemo_exports);
+var Config = __toESM(require("@tamagui/site-config")), import_theme = require("@tamagui/theme"), import_react = require("react"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+const colors = Config.config.tokens.color, colorKeys = Object.keys(colors);
+function UpdateThemeDemo() {
+  const [theme, setTheme] = (0, import_react.useState)(), update = (0, import_tamagui.useForceUpdate)();
+  return (0, import_tamagui.useIsomorphicLayoutEffect)(() => {
+    (0, import_theme.addTheme)({
+      name: "custom",
+      insertCSS: !0,
+      theme: {
+        color: "red",
+        color2: "blue"
+      }
+    }), setTheme("custom");
+  }, []), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { alignItems: "center", space: !0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, { gap: "$5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: theme ?? null, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { borderRadius: "$8", size: 100, backgroundColor: "$color" }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Button,
+      {
+        onPress: () => {
+          const randomColor = (0, import_tamagui.getVariableValue)(
+            colors[colorKeys[Math.floor(Math.random() * colorKeys.length)]]
+          );
+          (0, import_theme.updateTheme)({
+            name: "custom",
+            theme: {
+              color: randomColor
+            }
+          }), update();
+        },
+        children: "Set to random color"
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  UpdateThemeDemo
+});
+//# sourceMappingURL=UpdateThemeDemo.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/UpdateThemeDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAAwB,0CACxB,eAAsC,2BACtC,eAAgC,kBAChC,iBASO,oBAsBH;AApBJ,MAAM,SAAS,OAAO,OAAO,OAAO,OAC9B,YAAY,OAAO,KAAK,MAAM;AAE7B,SAAS,kBAAkB;AAChC,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAc,GAClC,aAAS,+BAAe;AAE9B,uDAA0B,MAAM;AAC9B,+BAAS;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,IACF,CAAC,GACD,SAAS,QAAQ;AAAA,EACnB,GAAG,CAAC,CAAC,GAGH,6CAAC,yBAAO,YAAW,UAAS,OAAK,IAC/B;AAAA,gDAAC,yBAAO,KAAK,MACX,sDAAC,wBAAM,MAAM,SAAS,MACpB,sDAAC,yBAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE,GACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,kBAAc;AAAA,YAClB,OAAO,UAAU,KAAK,MAAM,KAAK,OAAO,IAAI,UAAU,MAAM,CAAC,CAAC;AAAA,UAChE;AACA,wCAAY;AAAA,YACV,MAAM;AAAA,YACN,OAAO;AAAA,cACL,OAAO;AAAA,YACT;AAAA,UACF,CAAC,GACD,OAAO;AAAA,QACT;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -1,18 +1,14 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
+  if (from && typeof from == "object" || typeof from == "function")
     for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var src_exports = {};
 module.exports = __toCommonJS(src_exports);
 __reExport(src_exports, require("./AccordionDemo"), module.exports);