@tamagui/demos 1.61.2 → 1.62.0

package/dist/esm/TokensDemo.js

@@ -1,82 +1,73 @@
-import { jsx, jsxs } from "react/jsx-runtime";
 import { getConfig } from "@tamagui/core";
 import { useState } from "react";
 import { Button, H2, H3, H4, Separator, Square, XGroup, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "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] = useState("size");
-  return /* @__PURE__ */ jsxs(YStack, { space: true, children: [
-    /* @__PURE__ */ jsx(XGroup, { alignItems: "center", alignSelf: "center", children: sections.map(({ name, key }) => {
-      return /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          size: "$3",
-          theme: section === key ? "active" : null,
-          fontFamily: "$silkscreen",
-          onPress: () => setSection(key),
-          children: name
-        }
-      ) }, key);
-    }) }),
+  return /* @__PURE__ */ jsxs(YStack, { space: !0, children: [
+    /* @__PURE__ */ jsx(XGroup, { alignItems: "center", alignSelf: "center", children: sections.map(({ name, key }) => /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(
+      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__ */ jsx(SizeSection, { section })
   ] });
 }
 function SizeSection({ section }) {
-  const allTokens = 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__ */ jsxs(YStack, { flex: 1, space: true, children: [
+  const allTokens = 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__ */ jsxs(YStack, { flex: 1, space: !0, children: [
     /* @__PURE__ */ jsx(H2, { children: "Sizes" }),
     /* @__PURE__ */ jsx(YStack, { width: "100%", space: "$2", separator: /* @__PURE__ */ jsx(Separator, {}), children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(
-      (token) => {
-        var _a, _b, _c, _d, _e;
-        return /* @__PURE__ */ jsxs(XStack, { width: "100%", alignItems: "center", children: [
-          /* @__PURE__ */ jsx(YStack, { width: "25%", children: /* @__PURE__ */ jsxs(H3, { size: "$6", children: [
-            "$",
-            token
-          ] }) }),
-          /* @__PURE__ */ jsx(YStack, { width: "20%", children: /* @__PURE__ */ jsxs(H4, { size: "$5", children: [
-            (_a = tokens[token]) == null ? void 0 : _a.val,
-            "px"
-          ] }) }),
-          /* @__PURE__ */ jsx(
-            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__ */ jsxs(XStack, { width: "100%", alignItems: "center", children: [
+        /* @__PURE__ */ jsx(YStack, { width: "25%", children: /* @__PURE__ */ jsxs(H3, { size: "$6", children: [
+          "$",
+          token
+        ] }) }),
+        /* @__PURE__ */ jsx(YStack, { width: "20%", children: /* @__PURE__ */ jsxs(H4, { size: "$5", children: [
+          tokens[token]?.val,
+          "px"
+        ] }) }),
+        /* @__PURE__ */ jsx(
+          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/esm/TokensDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/TokensDemo.tsx"],
-  "mappings": "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",
+  "mappings": "AAAA,SAAiB,iBAAiB;AAClC,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,IAAI,WAAW,QAAQ,QAAQ,QAAQ,cAAc;AA2B1E,SAKU,KALV;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,IAAI,SAAkB,MAAM;AAEtD,SACE,qBAAC,UAAO,OAAK,IACX;AAAA,wBAAC,UAAO,YAAW,UAAS,WAAU,UACnC,mBAAS,IAAI,CAAC,EAAE,MAAM,IAAI,MAEvB,oBAAC,OAAO,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,oBAAC,eAAY,SAAkB;AAAA,KAC5D;AAEJ;AAEA,SAAS,YAAY,EAAE,QAAQ,GAAyB;AACtD,QAAM,YAAY,UAAU,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,qBAAC,UAAO,MAAM,GAAG,OAAK,IACpB;AAAA,wBAAC,MAAG,mBAAK;AAAA,IACT,oBAAC,UAAO,OAAM,QAAO,OAAM,MAAK,WAAW,oBAAC,aAAU,GAClD,uBAAY,kBAAkB,sBAAsB,aAAa;AAAA,MACjE,CAAC,UAEG,qBAAC,UAAO,OAAM,QAAO,YAAW,UAC9B;AAAA,4BAAC,UAAO,OAAM,OACZ,+BAAC,MAAG,MAAK,MAAK;AAAA;AAAA,UAAE;AAAA,WAAM,GACxB;AAAA,QACA,oBAAC,UAAO,OAAM,OACZ,+BAAC,MAAG,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/esm/TooltipDemo.js

@@ -1,4 +1,3 @@
-import { jsx, jsxs } from "react/jsx-runtime";
 import {
   ChevronDown,
   ChevronLeft,
@@ -14,6 +13,7 @@ import {
   XStack,
   YStack
 } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 function TooltipDemo() {
   return /* @__PURE__ */ jsx(TooltipGroup, { delay: { open: 3e3, close: 100 }, children: /* @__PURE__ */ jsxs(YStack, { space: "$2", alignSelf: "center", children: [
     /* @__PURE__ */ jsxs(XStack, { space: "$2", children: [
@@ -35,7 +35,7 @@ function TooltipDemo() {
 }
 function Demo({ Icon, ...props }) {
   return /* @__PURE__ */ jsxs(Tooltip, { ...props, children: [
-    /* @__PURE__ */ jsx(Tooltip.Trigger, { children: /* @__PURE__ */ jsx(Button, { icon: Icon, circular: true }) }),
+    /* @__PURE__ */ jsx(Tooltip.Trigger, { children: /* @__PURE__ */ jsx(Button, { icon: Icon, circular: !0 }) }),
     /* @__PURE__ */ jsxs(
       Tooltip.Content,
       {
@@ -49,7 +49,7 @@ function Demo({ Icon, ...props }) {
           "quick",
           {
             opacity: {
-              overshootClamping: true
+              overshootClamping: !0
             }
           }
         ],

package/dist/esm/TooltipDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/TooltipDemo.tsx"],
-  "mappings": "AAqBQ,SACE,KADF;AArBR;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,cAAc;AAC5B,SACE,oBAAC,gBAAa,OAAO,EAAE,MAAM,KAAM,OAAO,IAAI,GAC5C,+BAAC,UAAO,OAAM,MAAK,WAAU,UAC3B;AAAA,yBAAC,UAAO,OAAM,MACZ;AAAA,0BAAC,QAAK,SAAQ,KAAI,WAAU,WAAU,MAAM,QAAQ;AAAA,MACpD,oBAAC,QAAK,SAAQ,KAAI,WAAU,OAAM,MAAM,WAAW;AAAA,MACnD,oBAAC,QAAK,SAAQ,KAAI,WAAU,aAAY,MAAM,QAAQ;AAAA,OACxD;AAAA,IACA,qBAAC,UAAO,OAAM,MACZ;AAAA,0BAAC,QAAK,SAAQ,KAAI,WAAU,QAAO,MAAM,aAAa;AAAA,MACtD,oBAAC,UAAO,MAAM,GAAG;AAAA,MACjB,oBAAC,QAAK,SAAQ,KAAI,WAAU,SAAQ,MAAM,cAAc;AAAA,OAC1D;AAAA,IACA,qBAAC,UAAO,OAAM,MACZ;AAAA,0BAAC,QAAK,SAAQ,KAAI,WAAU,cAAa,MAAM,QAAQ;AAAA,MACvD,oBAAC,QAAK,SAAQ,KAAI,WAAU,UAAS,MAAM,aAAa;AAAA,MACxD,oBAAC,QAAK,SAAQ,KAAI,WAAU,gBAAe,MAAM,QAAQ;AAAA,OAC3D;AAAA,KACF,GACF;AAEJ;AAEA,SAAS,KAAK,EAAE,MAAM,GAAG,MAAM,GAAkC;AAC/D,SACE,qBAAC,WAAS,GAAG,OACX;AAAA,wBAAC,QAAQ,SAAR,EACC,8BAAC,UAAO,MAAM,MAAM,UAAQ,MAAC,GAC/B;AAAA,IACA;AAAA,MAAC,QAAQ;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,8BAAC,QAAQ,OAAR,EAAc;AAAA,UACf,oBAAC,aAAU,MAAK,MAAK,YAAW,MAAK,yBAErC;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAMC,SACE,KADF;AAJD,SAAS,cAAc;AAC5B,SACE,oBAAC,gBAAa,OAAO,EAAE,MAAM,KAAM,OAAO,IAAI,GAC5C,+BAAC,UAAO,OAAM,MAAK,WAAU,UAC3B;AAAA,yBAAC,UAAO,OAAM,MACZ;AAAA,0BAAC,QAAK,SAAQ,KAAI,WAAU,WAAU,MAAM,QAAQ;AAAA,MACpD,oBAAC,QAAK,SAAQ,KAAI,WAAU,OAAM,MAAM,WAAW;AAAA,MACnD,oBAAC,QAAK,SAAQ,KAAI,WAAU,aAAY,MAAM,QAAQ;AAAA,OACxD;AAAA,IACA,qBAAC,UAAO,OAAM,MACZ;AAAA,0BAAC,QAAK,SAAQ,KAAI,WAAU,QAAO,MAAM,aAAa;AAAA,MACtD,oBAAC,UAAO,MAAM,GAAG;AAAA,MACjB,oBAAC,QAAK,SAAQ,KAAI,WAAU,SAAQ,MAAM,cAAc;AAAA,OAC1D;AAAA,IACA,qBAAC,UAAO,OAAM,MACZ;AAAA,0BAAC,QAAK,SAAQ,KAAI,WAAU,cAAa,MAAM,QAAQ;AAAA,MACvD,oBAAC,QAAK,SAAQ,KAAI,WAAU,UAAS,MAAM,aAAa;AAAA,MACxD,oBAAC,QAAK,SAAQ,KAAI,WAAU,gBAAe,MAAM,QAAQ;AAAA,OAC3D;AAAA,KACF,GACF;AAEJ;AAEA,SAAS,KAAK,EAAE,MAAM,GAAG,MAAM,GAAkC;AAC/D,SACE,qBAAC,WAAS,GAAG,OACX;AAAA,wBAAC,QAAQ,SAAR,EACC,8BAAC,UAAO,MAAM,MAAM,UAAQ,IAAC,GAC/B;AAAA,IACA;AAAA,MAAC,QAAQ;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,8BAAC,QAAQ,OAAR,EAAc;AAAA,UACf,oBAAC,aAAU,MAAK,MAAK,YAAW,MAAK,yBAErC;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/esm/UpdateThemeDemo.js

@@ -1,4 +1,3 @@
-import { jsx, jsxs } from "react/jsx-runtime";
 import * as Config from "@tamagui/site-config";
 import { addTheme, updateTheme } from "@tamagui/theme";
 import { useState } from "react";
@@ -12,23 +11,20 @@ import {
   useForceUpdate,
   useIsomorphicLayoutEffect
 } from "tamagui";
-const colors = Config.config.tokens.color;
-const colorKeys = Object.keys(colors);
+import { jsx, jsxs } from "react/jsx-runtime";
+const colors = Config.config.tokens.color, colorKeys = Object.keys(colors);
 function UpdateThemeDemo() {
-  const [theme, setTheme] = useState();
-  const update = useForceUpdate();
-  useIsomorphicLayoutEffect(() => {
+  const [theme, setTheme] = useState(), update = useForceUpdate();
+  return useIsomorphicLayoutEffect(() => {
     addTheme({
       name: "custom",
-      insertCSS: true,
+      insertCSS: !0,
       theme: {
         color: "red",
         color2: "blue"
       }
-    });
-    setTheme("custom");
-  }, []);
-  return /* @__PURE__ */ jsxs(YStack, { alignItems: "center", space: true, children: [
+    }), setTheme("custom");
+  }, []), /* @__PURE__ */ jsxs(YStack, { alignItems: "center", space: !0, children: [
     /* @__PURE__ */ jsx(XStack, { gap: "$5", children: /* @__PURE__ */ jsx(Theme, { name: theme ?? null, children: /* @__PURE__ */ jsx(Square, { borderRadius: "$8", size: 100, backgroundColor: "$color" }) }) }),
     /* @__PURE__ */ jsx(
       Button,
@@ -42,8 +38,7 @@ function UpdateThemeDemo() {
             theme: {
               color: randomColor
             }
-          });
-          update();
+          }), update();
         },
         children: "Set to random color"
       }

package/dist/esm/UpdateThemeDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/UpdateThemeDemo.tsx"],
-  "mappings": "AAkCI,SAGM,KAHN;AAlCJ,YAAY,YAAY;AACxB,SAAS,UAAU,mBAAmB;AACtC,SAAgB,gBAAgB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,SAAS,OAAO,OAAO,OAAO;AACpC,MAAM,YAAY,OAAO,KAAK,MAAM;AAE7B,SAAS,kBAAkB;AAChC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAc;AACxC,QAAM,SAAS,eAAe;AAE9B,4BAA0B,MAAM;AAC9B,aAAS;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,qBAAC,UAAO,YAAW,UAAS,OAAK,MAC/B;AAAA,wBAAC,UAAO,KAAK,MACX,8BAAC,SAAM,MAAM,SAAS,MACpB,8BAAC,UAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE,GACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,cAAc;AAAA,YAClB,OAAO,UAAU,KAAK,MAAM,KAAK,OAAO,IAAI,UAAU,MAAM,CAAC,CAAC;AAAA,UAChE;AACA,sBAAY;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,YAAY,YAAY;AACxB,SAAS,UAAU,mBAAmB;AACtC,SAAgB,gBAAgB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAsBH,SAGM,KAHN;AApBJ,MAAM,SAAS,OAAO,OAAO,OAAO,OAC9B,YAAY,OAAO,KAAK,MAAM;AAE7B,SAAS,kBAAkB;AAChC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAc,GAClC,SAAS,eAAe;AAE9B,mCAA0B,MAAM;AAC9B,aAAS;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,qBAAC,UAAO,YAAW,UAAS,OAAK,IAC/B;AAAA,wBAAC,UAAO,KAAK,MACX,8BAAC,SAAM,MAAM,SAAS,MACpB,8BAAC,UAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE,GACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,cAAc;AAAA,YAClB,OAAO,UAAU,KAAK,MAAM,KAAK,OAAO,IAAI,UAAU,MAAM,CAAC,CAAC;AAAA,UAChE;AACA,sBAAY;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/esm/useOnIntersecting.js

@@ -2,25 +2,17 @@ import { useEffect, useState } from "react";
 import { isWeb, useEvent } from "tamagui";
 function useIsIntersecting(refs, { once, ...opts } = {}) {
   const [values, setValues] = useState([]);
-  if (isWeb) {
-    useOnIntersecting(
-      refs,
-      (entries) => {
-        const intersecting = entries.some((x) => x == null ? void 0 : x.isIntersecting);
-        if (once && !intersecting)
-          return;
-        setValues((prev) => {
-          const next = entries.map((e) => (e == null ? void 0 : e.isIntersecting) ?? false);
-          if (prev.length === next.length && prev.every((e, i) => e === next[i])) {
-            return prev;
-          }
-          return next;
-        });
-      },
-      opts
-    );
-  }
-  return Array.isArray(refs) ? values : values[0];
+  return isWeb && useOnIntersecting(
+    refs,
+    (entries) => {
+      const intersecting = entries.some((x) => x?.isIntersecting);
+      once && !intersecting || setValues((prev) => {
+        const next = entries.map((e) => e?.isIntersecting ?? !1);
+        return prev.length === next.length && prev.every((e, i) => e === next[i]) ? prev : next;
+      });
+    },
+    opts
+  ), Array.isArray(refs) ? values : values[0];
 }
 function useOnIntersecting(refsIn, incomingCbRaw, { threshold = 0, root, rootMargin } = {}, mountArgs = []) {
   const onIntersectEvent = useEvent(incomingCbRaw);
@@ -28,28 +20,18 @@ function useOnIntersecting(refsIn, incomingCbRaw, { threshold = 0, root, rootMar
     const refs = Array.isArray(refsIn) ? refsIn : [refsIn];
     if (!refs.length)
       return;
-    let dispose = null;
-    let currentEntries = [];
+    let dispose = null, currentEntries = [];
     const options = {
       threshold,
       root,
       rootMargin
-    };
-    const io = new IntersectionObserver((entries) => {
-      currentEntries = refs.map((ref, index) => {
-        return entries.find((x) => x.target === ref.current) ?? currentEntries[index] ?? null;
-      });
-      dispose == null ? void 0 : dispose();
-      dispose = onIntersectEvent(currentEntries) || null;
+    }, io = new IntersectionObserver((entries) => {
+      currentEntries = refs.map((ref, index) => entries.find((x) => x.target === ref.current) ?? currentEntries[index] ?? null), dispose?.(), dispose = onIntersectEvent(currentEntries) || null;
     }, options);
-    for (const ref of refs) {
-      if (ref.current) {
-        io.observe(ref.current);
-      }
-    }
+    for (const ref of refs)
+      ref.current && io.observe(ref.current);
     return () => {
-      dispose == null ? void 0 : dispose();
-      io.disconnect();
+      dispose?.(), io.disconnect();
     };
   }, [
     onIntersectEvent,

package/dist/esm/useOnIntersecting.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/useOnIntersecting.tsx"],
-  "mappings": "AAAA,SAA2B,WAAW,gBAAgB;AACtD,SAAS,OAAO,gBAAgB;AAWzB,SAAS,kBACd,MACA,EAAE,MAAM,GAAG,KAAK,IAAmD,CAAC,GAC3B;AACzC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAoB,CAAC,CAAC;AAElD,MAAI,OAAO;AACT;AAAA,MACE;AAAA,MACA,CAAC,YAAY;AACX,cAAM,eAAe,QAAQ,KAAK,CAAC,MAAM,uBAAG,cAAc;AAC1D,YAAI,QAAQ,CAAC;AAAc;AAC3B,kBAAU,CAAC,SAAS;AAClB,gBAAM,OAAO,QAAQ,IAAI,CAAC,OAAM,uBAAG,mBAAkB,KAAK;AAC1D,cAAI,KAAK,WAAW,KAAK,UAAU,KAAK,MAAM,CAAC,GAAG,MAAM,MAAM,KAAK,CAAC,CAAC,GAAG;AACtE,mBAAO;AAAA,UACT;AACA,iBAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAQ,MAAM,QAAQ,IAAI,IAAI,SAAS,OAAO,CAAC;AACjD;AAEO,SAAS,kBACd,QACA,eACA,EAAE,YAAY,GAAG,MAAM,WAAW,IAA8B,CAAC,GACjE,YAAmB,CAAC,GACpB;AACA,QAAM,mBAAmB,SAAS,aAAa;AAE/C,YAAU,MAAM;AACd,UAAM,OAAQ,MAAM,QAAQ,MAAM,IAAI,SAAS,CAAC,MAAM;AACtD,QAAI,CAAC,KAAK;AAAQ;AAElB,QAAI,UAA4B;AAChC,QAAI,iBAAuD,CAAC;AAC5D,UAAM,UAAU;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,IACF;AACA,UAAM,KAAK,IAAI,qBAAqB,CAAC,YAAY;AAC/C,uBAAiB,KAAK,IAAI,CAAC,KAAK,UAAU;AACxC,eACE,QAAQ,KAAK,CAAC,MAAM,EAAE,WAAW,IAAI,OAAO,KAAK,eAAe,KAAK,KAAK;AAAA,MAE9E,CAAC;AACD;AACA,gBAAU,iBAAiB,cAAc,KAAK;AAAA,IAChD,GAAG,OAAO;AAEV,eAAW,OAAO,MAAM;AACtB,UAAI,IAAI,SAAS;AACf,WAAG,QAAQ,IAAI,OAAO;AAAA,MACxB;AAAA,IACF;AAEA,WAAO,MAAM;AACX;AACA,SAAG,WAAW;AAAA,IAChB;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA,GAAG;AAAA,EACL,CAAC;AACH;",
+  "mappings": "AAAA,SAA2B,WAAW,gBAAgB;AACtD,SAAS,OAAO,gBAAgB;AAWzB,SAAS,kBACd,MACA,EAAE,MAAM,GAAG,KAAK,IAAmD,CAAC,GAC3B;AACzC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAoB,CAAC,CAAC;AAElD,SAAI,SACF;AAAA,IACE;AAAA,IACA,CAAC,YAAY;AACX,YAAM,eAAe,QAAQ,KAAK,CAAC,MAAM,GAAG,cAAc;AAC1D,MAAI,QAAQ,CAAC,gBACb,UAAU,CAAC,SAAS;AAClB,cAAM,OAAO,QAAQ,IAAI,CAAC,MAAM,GAAG,kBAAkB,EAAK;AAC1D,eAAI,KAAK,WAAW,KAAK,UAAU,KAAK,MAAM,CAAC,GAAG,MAAM,MAAM,KAAK,CAAC,CAAC,IAC5D,OAEF;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA;AAAA,EACF,GAGM,MAAM,QAAQ,IAAI,IAAI,SAAS,OAAO,CAAC;AACjD;AAEO,SAAS,kBACd,QACA,eACA,EAAE,YAAY,GAAG,MAAM,WAAW,IAA8B,CAAC,GACjE,YAAmB,CAAC,GACpB;AACA,QAAM,mBAAmB,SAAS,aAAa;AAE/C,YAAU,MAAM;AACd,UAAM,OAAQ,MAAM,QAAQ,MAAM,IAAI,SAAS,CAAC,MAAM;AACtD,QAAI,CAAC,KAAK;AAAQ;AAElB,QAAI,UAA4B,MAC5B,iBAAuD,CAAC;AAC5D,UAAM,UAAU;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,IACF,GACM,KAAK,IAAI,qBAAqB,CAAC,YAAY;AAC/C,uBAAiB,KAAK,IAAI,CAAC,KAAK,UAE5B,QAAQ,KAAK,CAAC,MAAM,EAAE,WAAW,IAAI,OAAO,KAAK,eAAe,KAAK,KAAK,IAE7E,GACD,UAAU,GACV,UAAU,iBAAiB,cAAc,KAAK;AAAA,IAChD,GAAG,OAAO;AAEV,eAAW,OAAO;AAChB,MAAI,IAAI,WACN,GAAG,QAAQ,IAAI,OAAO;AAI1B,WAAO,MAAM;AACX,gBAAU,GACV,GAAG,WAAW;AAAA,IAChB;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA,GAAG;AAAA,EACL,CAAC;AACH;",
   "names": []
 }

package/dist/jsx/AccordionDemo.native.js

@@ -0,0 +1,24 @@
+import { ChevronDown } from "@tamagui/lucide-icons";
+import { Accordion, Paragraph, Square } from "tamagui";
+function AccordionDemo() {
+  return <Accordion overflow="hidden" width="$20" type="multiple">
+    <Accordion.Item value="a1">
+      <Accordion.Trigger flexDirection="row" justifyContent="space-between">{({ open }) => <>
+        <Paragraph>1. Take a cold shower</Paragraph>
+        <Square animation="quick" rotate={open ? "180deg" : "0deg"}><ChevronDown size="$1" /></Square>
+      </>}</Accordion.Trigger>
+      <Accordion.Content><Paragraph>Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue.</Paragraph></Accordion.Content>
+    </Accordion.Item>
+    <Accordion.Item value="a2">
+      <Accordion.Trigger flexDirection="row" justifyContent="space-between">{({ open }) => <>
+        <Paragraph>2. Eat 4 eggs</Paragraph>
+        <Square animation="quick" rotate={open ? "180deg" : "0deg"}><ChevronDown size="$1" /></Square>
+      </>}</Accordion.Trigger>
+      <Accordion.Content><Paragraph>{"Eggs have been a dietary staple since time immemorial and there\u2019s good reason for their continued presence in our menus and meals."}</Paragraph></Accordion.Content>
+    </Accordion.Item>
+  </Accordion>;
+}
+export {
+  AccordionDemo
+};
+//# sourceMappingURL=AccordionDemo.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/AccordionDemo.tsx"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,WAAW,WAAW,cAAc;AAEtC,SAAS,gBAAgB;AAC9B,SACE,CAAC,UAAU,SAAS,SAAS,MAAM,MAAM,KAAK;AAAA,IAC5C,CAAC,UAAU,KAAK,MAAM;AAAA,MACpB,CAAC,UAAU,QAAQ,cAAc,MAAM,eAAe,iBACnD,CAAC,EAAE,KAAK,MACP;AAAA,QACE,CAAC,UAAU,qBAAqB,EAA/B;AAAA,QACD,CAAC,OAAO,UAAU,QAAQ,QAAQ,OAAO,WAAW,QAClD,CAAC,YAAY,KAAK,KAAK,EACzB,EAFC;AAAA,MAGH,IAEJ,EATC,UAAU;AAAA,MAUX,CAAC,UAAU,QACT,CAAC,UAAU,0IAGX,EAHC,UAIH,EALC,UAAU;AAAA,IAMb,EAjBC,UAAU;AAAA,IAmBX,CAAC,UAAU,KAAK,MAAM;AAAA,MACpB,CAAC,UAAU,QAAQ,cAAc,MAAM,eAAe,iBACnD,CAAC,EAAE,KAAK,MACP;AAAA,QACE,CAAC,UAAU,aAAa,EAAvB;AAAA,QACD,CAAC,OAAO,UAAU,QAAQ,QAAQ,OAAO,WAAW,QAClD,CAAC,YAAY,KAAK,KAAK,EACzB,EAFC;AAAA,MAGH,IAEJ,EATC,UAAU;AAAA,MAUX,CAAC,UAAU,QACT,CAAC,WAAU,0IAGX,EAHC,UAIH,EALC,UAAU;AAAA,IAMb,EAjBC,UAAU;AAAA,EAkBb,EAtCC;AAwCL;",
+  "names": []
+}

package/dist/jsx/AddThemeDemo.js

@@ -14,13 +14,12 @@ function AddThemeDemo() {
       onPress={() => {
         addTheme({
           name: "superblue",
-          insertCSS: true,
+          insertCSS: !0,
           theme: {
             background: "#000",
             color: "blue"
           }
-        });
-        setTheme("superblue");
+        }), setTheme("superblue");
       }}
     >Add superblue theme</Button>
   </YStack>;

package/dist/jsx/AddThemeDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/AddThemeDemo.tsx"],
-  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,QAAQ,OAAO,cAAc;AAE3C,SAAS,eAAe;AAC7B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAc;AAExC,SACE,CAAC,OAAO,WAAW,SAAS;AAAA,IAC1B,CAAC;AAAA,OAAG;AAAA,OAAQ,SAAS;AAAA,IAAO,EAA3B;AAAA,IAED,CAAC,MAAM,MAAM,SAAS,OACpB,CAAC,OAAO,aAAa,KAAK,MAAM,KAAK,gBAAgB,SAAS,EAChE,EAFC;AAAA,IAID,CAAC;AAAA,MACC,UAAU,UAAU;AAAA,MACpB,SAAS,MAAM;AACb,iBAAS;AAAA,UACP,MAAM;AAAA,UACN,WAAW;AAAA,UACX,OAAO;AAAA,YACL,YAAY;AAAA,YACZ,OAAO;AAAA,UACT;AAAA,QACF,CAAC;AACD,iBAAS,WAAW;AAAA,MACtB;AAAA,KACD,mBAED,EAfC;AAAA,EAgBH,EAvBC;AAyBL;",
+  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,QAAQ,OAAO,cAAc;AAE3C,SAAS,eAAe;AAC7B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAc;AAExC,SACE,CAAC,OAAO,WAAW,SAAS;AAAA,IAC1B,CAAC;AAAA,OAAG;AAAA,OAAQ,SAAS;AAAA,IAAO,EAA3B;AAAA,IAED,CAAC,MAAM,MAAM,SAAS,OACpB,CAAC,OAAO,aAAa,KAAK,MAAM,KAAK,gBAAgB,SAAS,EAChE,EAFC;AAAA,IAID,CAAC;AAAA,MACC,UAAU,UAAU;AAAA,MACpB,SAAS,MAAM;AACb,iBAAS;AAAA,UACP,MAAM;AAAA,UACN,WAAW;AAAA,UACX,OAAO;AAAA,YACL,YAAY;AAAA,YACZ,OAAO;AAAA,UACT;AAAA,QACF,CAAC,GACD,SAAS,WAAW;AAAA,MACtB;AAAA,KACD,mBAED,EAfC;AAAA,EAgBH,EAvBC;AAyBL;",
   "names": []
 }

package/dist/jsx/AddThemeDemo.native.js

@@ -0,0 +1,30 @@
+import { addTheme } from "@tamagui/theme";
+import { useState } from "react";
+import { Button, H3, Square, Theme, YStack } from "tamagui";
+function AddThemeDemo() {
+  const [theme, setTheme] = useState();
+  return <YStack alignItems="center" space>
+    <H3>
+      {"Theme: "}
+      {theme ?? "none"}
+    </H3>
+    <Theme name={theme ?? "red"}><Square borderRadius="$8" size={100} backgroundColor="$color" /></Theme>
+    <Button
+      disabled={theme === "superblue"}
+      onPress={() => {
+        addTheme({
+          name: "superblue",
+          insertCSS: !0,
+          theme: {
+            background: "#000",
+            color: "blue"
+          }
+        }), setTheme("superblue");
+      }}
+    >Add superblue theme</Button>
+  </YStack>;
+}
+export {
+  AddThemeDemo
+};
+//# sourceMappingURL=AddThemeDemo.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/AddThemeDemo.tsx"],
+  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,QAAQ,OAAO,cAAc;AAE3C,SAAS,eAAe;AAC7B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAc;AAExC,SACE,CAAC,OAAO,WAAW,SAAS;AAAA,IAC1B,CAAC;AAAA,OAAG;AAAA,OAAQ,SAAS;AAAA,IAAO,EAA3B;AAAA,IAED,CAAC,MAAM,MAAM,SAAS,OACpB,CAAC,OAAO,aAAa,KAAK,MAAM,KAAK,gBAAgB,SAAS,EAChE,EAFC;AAAA,IAID,CAAC;AAAA,MACC,UAAU,UAAU;AAAA,MACpB,SAAS,MAAM;AACb,iBAAS;AAAA,UACP,MAAM;AAAA,UACN,WAAW;AAAA,UACX,OAAO;AAAA,YACL,YAAY;AAAA,YACZ,OAAO;AAAA,UACT;AAAA,QACF,CAAC,GACD,SAAS,WAAW;AAAA,MACtB;AAAA,KACD,mBAED,EAfC;AAAA,EAgBH,EAvBC;AAyBL;",
+  "names": []
+}

package/dist/jsx/AlertDialogDemo.js

@@ -18,7 +18,7 @@ function AlertDialogDemo() {
           "quick",
           {
             opacity: {
-              overshootClamping: true
+              overshootClamping: !0
             }
           }
         ]}

package/dist/jsx/AlertDialogDemo.native.js

@@ -0,0 +1,45 @@
+import { AlertDialog, Button, XStack, YStack } from "tamagui";
+function AlertDialogDemo() {
+  return <AlertDialog native>
+    <AlertDialog.Trigger asChild><Button>Show Alert</Button></AlertDialog.Trigger>
+    <AlertDialog.Portal>
+      <AlertDialog.Overlay
+        key="overlay"
+        animation="quick"
+        opacity={0.5}
+        enterStyle={{ opacity: 0 }}
+        exitStyle={{ opacity: 0 }}
+      />
+      <AlertDialog.Content
+        bordered
+        elevate
+        key="content"
+        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 }}
+        x={0}
+        scale={1}
+        opacity={1}
+        y={0}
+      ><YStack space>
+        <AlertDialog.Title>Accept</AlertDialog.Title>
+        <AlertDialog.Description>By pressing yes, you accept our terms and conditions.</AlertDialog.Description>
+        <XStack space="$3" justifyContent="flex-end">
+          <AlertDialog.Cancel asChild><Button>Cancel</Button></AlertDialog.Cancel>
+          <AlertDialog.Action asChild><Button theme="active">Accept</Button></AlertDialog.Action>
+        </XStack>
+      </YStack></AlertDialog.Content>
+    </AlertDialog.Portal>
+  </AlertDialog>;
+}
+export {
+  AlertDialogDemo
+};
+//# sourceMappingURL=AlertDialogDemo.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/AlertDialogDemo.tsx"],
+  "mappings": "AAAA,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAE7C,SAAS,kBAAkB;AAChC,SACE,CAAC,YAAY;AAAA,IACX,CAAC,YAAY,QAAQ,QACnB,CAAC,OAAO,UAAU,EAAjB,OACH,EAFC,YAAY;AAAA,IAIb,CAAC,YAAY;AAAA,MACX,CAAC,YAAY;AAAA,QACX,IAAI;AAAA,QACJ,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY,EAAE,SAAS,EAAE;AAAA,QACzB,WAAW,EAAE,SAAS,EAAE;AAAA,MAC1B;AAAA,MACA,CAAC,YAAY;AAAA,QACX;AAAA,QACA;AAAA,QACA,IAAI;AAAA,QACJ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,QACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,QAClD,GAAG;AAAA,QACH,OAAO;AAAA,QACP,SAAS;AAAA,QACT,GAAG;AAAA,OAEH,CAAC,OAAO;AAAA,QACN,CAAC,YAAY,MAAM,MAAM,EAAxB,YAAY;AAAA,QACb,CAAC,YAAY,YAAY,qDAEzB,EAFC,YAAY;AAAA,QAIb,CAAC,OAAO,MAAM,KAAK,eAAe;AAAA,UAChC,CAAC,YAAY,OAAO,QAClB,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,YAAY;AAAA,UAGb,CAAC,YAAY,OAAO,QAClB,CAAC,OAAO,MAAM,SAAS,MAAM,EAA5B,OACH,EAFC,YAAY;AAAA,QAGf,EAPC;AAAA,MAQH,EAdC,OAeH,EAlCC,YAAY;AAAA,IAmCf,EA3CC,YAAY;AAAA,EA4Cf,EAjDC;AAmDL;",
+  "names": []
+}

package/dist/jsx/AnimationsDemo.js

@@ -6,12 +6,8 @@ function AnimationsDemo(props) {
     strategy: "most-recent-wins",
     prop: props.position,
     defaultProp: 0
-  });
-  const position = positions[positionI];
-  const onPress = useEvent(() => {
-    setPositionI((x) => {
-      return (x + 1) % positions.length;
-    });
+  }), position = positions[positionI], onPress = useEvent(() => {
+    setPositionI((x) => (x + 1) % positions.length);
   });
   return <>
     <Square

package/dist/jsx/AnimationsDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/AnimationsDemo.tsx"],
-  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,QAAQ,QAAQ,sBAAsB,gBAAgB;AAExD,SAAS,eAAe,OAAO;AACpC,QAAM,CAAC,WAAW,YAAY,IAAI,qBAAqB;AAAA,IACrD,UAAU;AAAA,IACV,MAAM,MAAM;AAAA,IACZ,aAAa;AAAA,EACf,CAAC;AACD,QAAM,WAAW,UAAU,SAAS;AACpC,QAAM,UAAU,SAAS,MAAM;AAC7B,iBAAa,CAAC,MAAM;AAClB,cAAQ,IAAI,KAAK,UAAU;AAAA,IAC7B,CAAC;AAAA,EACH,CAAC;AAED,SACE;AAAA,IACE,CAAC;AAAA,MACC,WAAW,MAAM,aAAa;AAAA,MAC9B,aAAa,CAAC,WAAW;AAAA,MACzB,SAAS;AAAA,MACT,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,aAAa;AAAA,MACb,gBAAgB;AAAA,MAChB,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,UACI;AAAA,MAEH,MAAM,YAAY,CAAC,SAAS,WAAW,MAAM,GAChD,EAlBC;AAAA,IAoBD,CAAC;AAAA,MACC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO,MAAM;AAAA,MACb,KAAK;AAAA,MACL;AAAA,MACA,SAAS;AAAA,IACX;AAAA,EACF;AAEJ;AAEO,MAAM,YAAY;AAAA,EACvB;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AACF;",
+  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,QAAQ,QAAQ,sBAAsB,gBAAgB;AAExD,SAAS,eAAe,OAAO;AACpC,QAAM,CAAC,WAAW,YAAY,IAAI,qBAAqB;AAAA,IACrD,UAAU;AAAA,IACV,MAAM,MAAM;AAAA,IACZ,aAAa;AAAA,EACf,CAAC,GACK,WAAW,UAAU,SAAS,GAC9B,UAAU,SAAS,MAAM;AAC7B,iBAAa,CAAC,OACJ,IAAI,KAAK,UAAU,MAC5B;AAAA,EACH,CAAC;AAED,SACE;AAAA,IACE,CAAC;AAAA,MACC,WAAW,MAAM,aAAa;AAAA,MAC9B,aAAa,CAAC,WAAW;AAAA,MACzB,SAAS;AAAA,MACT,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,aAAa;AAAA,MACb,gBAAgB;AAAA,MAChB,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,UACI;AAAA,MAEH,MAAM,YAAY,CAAC,SAAS,WAAW,MAAM,GAChD,EAlBC;AAAA,IAoBD,CAAC;AAAA,MACC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO,MAAM;AAAA,MACb,KAAK;AAAA,MACL;AAAA,MACA,SAAS;AAAA,IACX;AAAA,EACF;AAEJ;AAEO,MAAM,YAAY;AAAA,EACvB;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/jsx/AnimationsDemo.native.js

@@ -0,0 +1,78 @@
+import { LogoIcon } from "@tamagui/logo";
+import { Play } from "@tamagui/lucide-icons";
+import { Button, Square, useControllableState, useEvent } from "tamagui";
+function AnimationsDemo(props) {
+  const [positionI, setPositionI] = useControllableState({
+    strategy: "most-recent-wins",
+    prop: props.position,
+    defaultProp: 0
+  }), position = positions[positionI], onPress = useEvent(() => {
+    setPositionI((x) => (x + 1) % positions.length);
+  });
+  return <>
+    <Square
+      animation={props.animation || "bouncy"}
+      animateOnly={["transform"]}
+      onPress={onPress}
+      size={104}
+      borderColor="$borderColor"
+      borderWidth={1}
+      borderRadius="$9"
+      backgroundColor="$color9"
+      hoverStyle={{
+        scale: 1.5
+      }}
+      pressStyle={{
+        scale: 0.9
+      }}
+      {...position}
+    >{props.children || <LogoIcon downscale={0.75} />}</Square>
+    <Button
+      position="absolute"
+      bottom={20}
+      left={20}
+      icon={Play}
+      theme={props.tint}
+      size="$5"
+      circular
+      onPress={onPress}
+    />
+  </>;
+}
+const positions = [
+  {
+    x: 0,
+    y: 0,
+    scale: 1,
+    rotate: "0deg"
+  },
+  {
+    x: -50,
+    y: -50,
+    scale: 0.5,
+    rotate: "-45deg",
+    hoverStyle: {
+      scale: 0.6
+    },
+    pressStyle: {
+      scale: 0.4
+    }
+  },
+  {
+    x: 50,
+    y: 50,
+    scale: 1,
+    rotate: "180deg",
+    hoverStyle: {
+      scale: 1.1
+    },
+    pressStyle: {
+      scale: 0.9
+    }
+  }
+];
+export {
+  AnimationsDemo,
+  positions
+};
+//# sourceMappingURL=AnimationsDemo.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/AnimationsDemo.tsx"],
+  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,QAAQ,QAAQ,sBAAsB,gBAAgB;AAExD,SAAS,eAAe,OAAO;AACpC,QAAM,CAAC,WAAW,YAAY,IAAI,qBAAqB;AAAA,IACrD,UAAU;AAAA,IACV,MAAM,MAAM;AAAA,IACZ,aAAa;AAAA,EACf,CAAC,GACK,WAAW,UAAU,SAAS,GAC9B,UAAU,SAAS,MAAM;AAC7B,iBAAa,CAAC,OACJ,IAAI,KAAK,UAAU,MAC5B;AAAA,EACH,CAAC;AAED,SACE;AAAA,IACE,CAAC;AAAA,MACC,WAAW,MAAM,aAAa;AAAA,MAC9B,aAAa,CAAC,WAAW;AAAA,MACzB,SAAS;AAAA,MACT,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,aAAa;AAAA,MACb,gBAAgB;AAAA,MAChB,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,UACI;AAAA,MAEH,MAAM,YAAY,CAAC,SAAS,WAAW,MAAM,GAChD,EAlBC;AAAA,IAoBD,CAAC;AAAA,MACC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO,MAAM;AAAA,MACb,KAAK;AAAA,MACL;AAAA,MACA,SAAS;AAAA,IACX;AAAA,EACF;AAEJ;AAEO,MAAM,YAAY;AAAA,EACvB;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AACF;",
+  "names": []
+}