@tamagui/demos 1.1.7 → 1.1.9

package/dist/cjs/AddThemeDemo.js

@@ -26,25 +26,15 @@ var import_react = require("react");
 var import_tamagui = require("tamagui");
 function AddThemeDemo() {
   const [theme, setTheme] = (0, import_react.useState)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    ai: "center",
-    space: true,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H3, {
-        children: [
-          "Theme: ",
-          theme ?? "none"
-        ]
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
-        name: theme ?? "red",
-        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, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { ai: "center", space: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H3, { children: [
+      "Theme: ",
+      theme ?? "none"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: theme ?? "red", 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,
+      {
         disabled: theme === "superblue",
         onPress: () => {
           (0, import_tamagui.addTheme)({
@@ -58,9 +48,9 @@ function AddThemeDemo() {
           setTheme("superblue");
         },
         children: "Add superblue theme"
-      })
-    ]
-  });
+      }
+    )
+  ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/AddThemeDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/AddThemeDemo.tsx"],
   "sourcesContent": ["import { useState } from 'react'\nimport { Button, H3, Square, Theme, YStack, addTheme } from 'tamagui'\n\nexport function AddThemeDemo() {\n  const [theme, setTheme] = useState<any>()\n\n  return (\n    <YStack ai=\"center\" space>\n      <H3>Theme: {theme ?? 'none'}</H3>\n\n      <Theme name={theme ?? 'red'}>\n        <Square borderRadius=\"$8\" size={100} backgroundColor=\"$color\" />\n      </Theme>\n\n      <Button\n        disabled={theme === 'superblue'}\n        onPress={() => {\n          addTheme({\n            name: 'superblue',\n            insertCSS: true,\n            theme: {\n              background: '#000',\n              color: 'blue',\n            },\n          })\n          setTheme('superblue')\n        }}\n      >\n        Add superblue theme\n      </Button>\n    </YStack>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQM;AARN,mBAAyB;AACzB,qBAA4D;AAErD,SAAS,eAAe;AAC7B,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAc;AAExC,SACE,6CAAC;AAAA,IAAO,IAAG;AAAA,IAAS,OAAK;AAAA,IACvB;AAAA,mDAAC;AAAA,QAAG;AAAA;AAAA,UAAQ,SAAS;AAAA;AAAA,OAAO;AAAA,MAE5B,4CAAC;AAAA,QAAM,MAAM,SAAS;AAAA,QACpB,sDAAC;AAAA,UAAO,cAAa;AAAA,UAAK,MAAM;AAAA,UAAK,iBAAgB;AAAA,SAAS;AAAA,OAChE;AAAA,MAEA,4CAAC;AAAA,QACC,UAAU,UAAU;AAAA,QACpB,SAAS,MAAM;AACb,uCAAS;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,OAAO;AAAA,cACL,YAAY;AAAA,cACZ,OAAO;AAAA,YACT;AAAA,UACF,CAAC;AACD,mBAAS,WAAW;AAAA,QACtB;AAAA,QACD;AAAA,OAED;AAAA;AAAA,GACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQM;AARN,mBAAyB;AACzB,qBAA4D;AAErD,SAAS,eAAe;AAC7B,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAc;AAExC,SACE,6CAAC,yBAAO,IAAG,UAAS,OAAK,MACvB;AAAA,iDAAC,qBAAG;AAAA;AAAA,MAAQ,SAAS;AAAA,OAAO;AAAA,IAE5B,4CAAC,wBAAM,MAAM,SAAS,OACpB,sDAAC,yBAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,UAAU;AAAA,QACpB,SAAS,MAAM;AACb,uCAAS;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,OAAO;AAAA,cACL,YAAY;AAAA,cACZ,OAAO;AAAA,YACT;AAAA,UACF,CAAC;AACD,mBAAS,WAAW;AAAA,QACtB;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/cjs/AlertDialogDemo.js

@@ -24,75 +24,51 @@ module.exports = __toCommonJS(AlertDialogDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_tamagui = require("tamagui");
 function AlertDialogDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.AlertDialog, {
-    native: true,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Trigger, {
-        asChild: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-          children: "Show Alert"
-        })
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.AlertDialog.Portal, {
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Overlay, {
-            animation: "quick",
-            o: 0.5,
-            enterStyle: { o: 0 },
-            exitStyle: { o: 0 }
-          }, "overlay"),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Content, {
-            bordered: true,
-            elevate: true,
-            animation: [
-              "quick",
-              {
-                opacity: {
-                  overshootClamping: true
-                }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.AlertDialog, { native: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Show Alert" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.AlertDialog.Portal, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_tamagui.AlertDialog.Overlay,
+        {
+          animation: "quick",
+          o: 0.5,
+          enterStyle: { o: 0 },
+          exitStyle: { o: 0 }
+        },
+        "overlay"
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_tamagui.AlertDialog.Content,
+        {
+          bordered: true,
+          elevate: true,
+          animation: [
+            "quick",
+            {
+              opacity: {
+                overshootClamping: true
               }
-            ],
-            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,
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-              space: true,
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Title, {
-                  children: "Accept"
-                }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Description, {
-                  children: "By pressing yes, you accept our terms and conditions."
-                }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-                  space: "$3",
-                  jc: "flex-end",
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Cancel, {
-                      asChild: true,
-                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-                        children: "Cancel"
-                      })
-                    }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Action, {
-                      asChild: true,
-                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-                        theme: "active",
-                        children: "Accept"
-                      })
-                    })
-                  ]
-                })
-              ]
-            })
-          }, "content")
-        ]
-      })
-    ]
-  });
+            }
+          ],
+          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,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: true, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Title, { children: "Accept" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Description, { children: "By pressing yes, you accept our terms and conditions." }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$3", jc: "flex-end", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Cancel, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Cancel" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Action, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "active", children: "Accept" }) })
+            ] })
+          ] })
+        },
+        "content"
+      )
+    ] })
+  ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/AlertDialogDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/AlertDialogDemo.tsx"],
   "sourcesContent": ["import { AlertDialog, Button, XStack, YStack } from 'tamagui'\n\nexport function AlertDialogDemo() {\n  return (\n    <AlertDialog native>\n      <AlertDialog.Trigger asChild>\n        <Button>Show Alert</Button>\n      </AlertDialog.Trigger>\n\n      <AlertDialog.Portal>\n        <AlertDialog.Overlay\n          key=\"overlay\"\n          animation=\"quick\"\n          o={0.5}\n          enterStyle={{ o: 0 }}\n          exitStyle={{ o: 0 }}\n        />\n        <AlertDialog.Content\n          bordered\n          elevate\n          key=\"content\"\n          animation={[\n            'quick',\n            {\n              opacity: {\n                overshootClamping: true,\n              },\n            },\n          ]}\n          enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}\n          exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}\n          x={0}\n          scale={1}\n          opacity={1}\n          y={0}\n        >\n          <YStack space>\n            <AlertDialog.Title>Accept</AlertDialog.Title>\n            <AlertDialog.Description>\n              By pressing yes, you accept our terms and conditions.\n            </AlertDialog.Description>\n\n            <XStack space=\"$3\" jc=\"flex-end\">\n              <AlertDialog.Cancel asChild>\n                <Button>Cancel</Button>\n              </AlertDialog.Cancel>\n              <AlertDialog.Action asChild>\n                <Button theme=\"active\">Accept</Button>\n              </AlertDialog.Action>\n            </XStack>\n          </YStack>\n        </AlertDialog.Content>\n      </AlertDialog.Portal>\n    </AlertDialog>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMQ;AANR,qBAAoD;AAE7C,SAAS,kBAAkB;AAChC,SACE,6CAAC;AAAA,IAAY,QAAM;AAAA,IACjB;AAAA,kDAAC,2BAAY,SAAZ;AAAA,QAAoB,SAAO;AAAA,QAC1B,sDAAC;AAAA,UAAO;AAAA,SAAU;AAAA,OACpB;AAAA,MAEA,6CAAC,2BAAY,QAAZ;AAAA,QACC;AAAA,sDAAC,2BAAY,SAAZ;AAAA,YAEC,WAAU;AAAA,YACV,GAAG;AAAA,YACH,YAAY,EAAE,GAAG,EAAE;AAAA,YACnB,WAAW,EAAE,GAAG,EAAE;AAAA,aAJd,SAKN;AAAA,UACA,4CAAC,2BAAY,SAAZ;AAAA,YACC,UAAQ;AAAA,YACR,SAAO;AAAA,YAEP,WAAW;AAAA,cACT;AAAA,cACA;AAAA,gBACE,SAAS;AAAA,kBACP,mBAAmB;AAAA,gBACrB;AAAA,cACF;AAAA,YACF;AAAA,YACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,YACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,YAClD,GAAG;AAAA,YACH,OAAO;AAAA,YACP,SAAS;AAAA,YACT,GAAG;AAAA,YAEH,uDAAC;AAAA,cAAO,OAAK;AAAA,cACX;AAAA,4DAAC,2BAAY,OAAZ;AAAA,kBAAkB;AAAA,iBAAM;AAAA,gBACzB,4CAAC,2BAAY,aAAZ;AAAA,kBAAwB;AAAA,iBAEzB;AAAA,gBAEA,6CAAC;AAAA,kBAAO,OAAM;AAAA,kBAAK,IAAG;AAAA,kBACpB;AAAA,gEAAC,2BAAY,QAAZ;AAAA,sBAAmB,SAAO;AAAA,sBACzB,sDAAC;AAAA,wBAAO;AAAA,uBAAM;AAAA,qBAChB;AAAA,oBACA,4CAAC,2BAAY,QAAZ;AAAA,sBAAmB,SAAO;AAAA,sBACzB,sDAAC;AAAA,wBAAO,OAAM;AAAA,wBAAS;AAAA,uBAAM;AAAA,qBAC/B;AAAA;AAAA,iBACF;AAAA;AAAA,aACF;AAAA,aA9BI,SA+BN;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMQ;AANR,qBAAoD;AAE7C,SAAS,kBAAkB;AAChC,SACE,6CAAC,8BAAY,QAAM,MACjB;AAAA,gDAAC,2BAAY,SAAZ,EAAoB,SAAO,MAC1B,sDAAC,yBAAO,wBAAU,GACpB;AAAA,IAEA,6CAAC,2BAAY,QAAZ,EACC;AAAA;AAAA,QAAC,2BAAY;AAAA,QAAZ;AAAA,UAEC,WAAU;AAAA,UACV,GAAG;AAAA,UACH,YAAY,EAAE,GAAG,EAAE;AAAA,UACnB,WAAW,EAAE,GAAG,EAAE;AAAA;AAAA,QAJd;AAAA,MAKN;AAAA,MACA;AAAA,QAAC,2BAAY;AAAA,QAAZ;AAAA,UACC,UAAQ;AAAA,UACR,SAAO;AAAA,UAEP,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,UACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,GAAG;AAAA,UACH,OAAO;AAAA,UACP,SAAS;AAAA,UACT,GAAG;AAAA,UAEH,uDAAC,yBAAO,OAAK,MACX;AAAA,wDAAC,2BAAY,OAAZ,EAAkB,oBAAM;AAAA,YACzB,4CAAC,2BAAY,aAAZ,EAAwB,mEAEzB;AAAA,YAEA,6CAAC,yBAAO,OAAM,MAAK,IAAG,YACpB;AAAA,0DAAC,2BAAY,QAAZ,EAAmB,SAAO,MACzB,sDAAC,yBAAO,oBAAM,GAChB;AAAA,cACA,4CAAC,2BAAY,QAAZ,EAAmB,SAAO,MACzB,sDAAC,yBAAO,OAAM,UAAS,oBAAM,GAC/B;AAAA,eACF;AAAA,aACF;AAAA;AAAA,QA9BI;AAAA,MA+BN;AAAA,OACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/cjs/AnimationsDemo.js

@@ -38,9 +38,10 @@ function AnimationsDemo(props) {
       return (x + 1) % positions.length;
     });
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Square,
+      {
         animation: props.animation || "bouncy",
         onPress,
         size: 104,
@@ -55,11 +56,12 @@ function AnimationsDemo(props) {
           scale: 0.9
         },
         ...position,
-        children: props.children || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
-          downscale: 0.75
-        })
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+        children: props.children || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: 0.75 })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Button,
+      {
         pos: "absolute",
         b: 20,
         l: 20,
@@ -68,9 +70,9 @@ function AnimationsDemo(props) {
         size: "$5",
         circular: true,
         onPress
-      })
-    ]
-  });
+      }
+    )
+  ] });
 }
 const positions = [
   {

package/dist/cjs/AnimationsDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/AnimationsDemo.tsx"],
   "sourcesContent": ["import { LogoIcon } from '@tamagui/logo'\nimport { Play } from '@tamagui/lucide-icons'\nimport { Button, Square, useControllableState, useEvent } from 'tamagui'\n\nexport function AnimationsDemo(props) {\n  const [positionI, setPositionI] = useControllableState({\n    strategy: 'most-recent-wins',\n    prop: props.position,\n    defaultProp: 0,\n  })\n  const position = positions[positionI]\n  const onPress = useEvent(() => {\n    setPositionI((x) => {\n      return (x + 1) % positions.length\n    })\n  })\n\n  return (\n    <>\n      <Square\n        animation={props.animation || 'bouncy'}\n        onPress={onPress}\n        size={104}\n        boc=\"$borderColor\"\n        bw={1}\n        br=\"$9\"\n        bc=\"$color9\"\n        hoverStyle={{\n          scale: 1.1,\n        }}\n        pressStyle={{\n          scale: 0.9,\n        }}\n        {...position}\n      >\n        {props.children || <LogoIcon downscale={0.75} />}\n      </Square>\n\n      <Button\n        pos=\"absolute\"\n        b={20}\n        l={20}\n        icon={Play}\n        theme={props.tint}\n        size=\"$5\"\n        circular\n        onPress={onPress}\n      />\n    </>\n  )\n}\n\nexport const positions = [\n  {\n    x: 0,\n    y: 0,\n    scale: 1,\n    rotate: '0deg',\n  },\n  {\n    x: -50,\n    y: -50,\n    scale: 0.5,\n    rotate: '-45deg',\n    hoverStyle: {\n      scale: 0.6,\n    },\n    pressStyle: {\n      scale: 0.4,\n    },\n  },\n  {\n    x: 50,\n    y: 50,\n    scale: 1,\n    rotate: '180deg',\n    hoverStyle: {\n      scale: 1.1,\n    },\n    pressStyle: {\n      scale: 0.9,\n    },\n  },\n]\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBI;AAlBJ,kBAAyB;AACzB,0BAAqB;AACrB,qBAA+D;AAExD,SAAS,eAAe,OAAO;AACpC,QAAM,CAAC,WAAW,YAAY,QAAI,qCAAqB;AAAA,IACrD,UAAU;AAAA,IACV,MAAM,MAAM;AAAA,IACZ,aAAa;AAAA,EACf,CAAC;AACD,QAAM,WAAW,UAAU;AAC3B,QAAM,cAAU,yBAAS,MAAM;AAC7B,iBAAa,CAAC,MAAM;AAClB,cAAQ,IAAI,KAAK,UAAU;AAAA,IAC7B,CAAC;AAAA,EACH,CAAC;AAED,SACE;AAAA,IACE;AAAA,kDAAC;AAAA,QACC,WAAW,MAAM,aAAa;AAAA,QAC9B;AAAA,QACA,MAAM;AAAA,QACN,KAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAG;AAAA,QACH,IAAG;AAAA,QACH,YAAY;AAAA,UACV,OAAO;AAAA,QACT;AAAA,QACA,YAAY;AAAA,UACV,OAAO;AAAA,QACT;AAAA,QACC,GAAG;AAAA,QAEH,gBAAM,YAAY,4CAAC;AAAA,UAAS,WAAW;AAAA,SAAM;AAAA,OAChD;AAAA,MAEA,4CAAC;AAAA,QACC,KAAI;AAAA,QACJ,GAAG;AAAA,QACH,GAAG;AAAA,QACH,MAAM;AAAA,QACN,OAAO,MAAM;AAAA,QACb,MAAK;AAAA,QACL,UAAQ;AAAA,QACR;AAAA,OACF;AAAA;AAAA,GACF;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBI;AAlBJ,kBAAyB;AACzB,0BAAqB;AACrB,qBAA+D;AAExD,SAAS,eAAe,OAAO;AACpC,QAAM,CAAC,WAAW,YAAY,QAAI,qCAAqB;AAAA,IACrD,UAAU;AAAA,IACV,MAAM,MAAM;AAAA,IACZ,aAAa;AAAA,EACf,CAAC;AACD,QAAM,WAAW,UAAU,SAAS;AACpC,QAAM,cAAU,yBAAS,MAAM;AAC7B,iBAAa,CAAC,MAAM;AAClB,cAAQ,IAAI,KAAK,UAAU;AAAA,IAC7B,CAAC;AAAA,EACH,CAAC;AAED,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,MAAM,aAAa;AAAA,QAC9B;AAAA,QACA,MAAM;AAAA,QACN,KAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAG;AAAA,QACH,IAAG;AAAA,QACH,YAAY;AAAA,UACV,OAAO;AAAA,QACT;AAAA,QACA,YAAY;AAAA,UACV,OAAO;AAAA,QACT;AAAA,QACC,GAAG;AAAA,QAEH,gBAAM,YAAY,4CAAC,wBAAS,WAAW,MAAM;AAAA;AAAA,IAChD;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,KAAI;AAAA,QACJ,GAAG;AAAA,QACH,GAAG;AAAA,QACH,MAAM;AAAA,QACN,OAAO,MAAM;AAAA,QACb,MAAK;AAAA,QACL,UAAQ;AAAA,QACR;AAAA;AAAA,IACF;AAAA,KACF;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/cjs/AnimationsEnterDemo.js

@@ -31,13 +31,12 @@ function AnimationsEnterDemo(props) {
   const hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, { once: true });
   const [key, setKey] = (0, import_react.useState)(0);
   if (!hasIntersected) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-      ref
-    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { ref });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Square,
+      {
         enterStyle: {
           scale: 1.5,
           y: -10,
@@ -51,18 +50,12 @@ function AnimationsEnterDemo(props) {
         y: 0,
         bc: "$pink10",
         br: "$9",
-        children: props.children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
-          downscale: 0.75
-        })
-      }, key),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-        size: "$3",
-        mt: "$4",
-        onPress: () => setKey(Math.random()),
-        children: "Re-mount"
-      })
-    ]
-  });
+        children: props.children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: 0.75 })
+      },
+      key
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$3", mt: "$4", onPress: () => setKey(Math.random()), children: "Re-mount" })
+  ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/AnimationsEnterDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/AnimationsEnterDemo.tsx"],
   "sourcesContent": ["import { LogoIcon } from '@tamagui/logo'\nimport { useRef, useState } from 'react'\nimport { Button, Square, YStack } from 'tamagui'\n\nimport { useIsIntersecting } from './useOnIntersecting'\n\nexport function AnimationsEnterDemo(props: any) {\n  const ref = useRef<HTMLElement>(null)\n  const hasIntersected = useIsIntersecting(ref, { once: true })\n  const [key, setKey] = useState(0)\n\n  if (!hasIntersected) {\n    return <YStack ref={ref} />\n  }\n\n  return (\n    <>\n      <Square\n        key={key}\n        enterStyle={{\n          scale: 1.5,\n          y: -10,\n          opacity: 0,\n        }}\n        animation=\"bouncy\"\n        elevation=\"$4\"\n        size={110}\n        opacity={1}\n        scale={1}\n        y={0}\n        bc=\"$pink10\"\n        br=\"$9\"\n      >\n        {props.children ?? <LogoIcon downscale={0.75} />}\n      </Square>\n\n      <Button size=\"$3\" mt=\"$4\" onPress={() => setKey(Math.random())}>\n        Re-mount\n      </Button>\n    </>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAYW;AAZX,kBAAyB;AACzB,mBAAiC;AACjC,qBAAuC;AAEvC,+BAAkC;AAE3B,SAAS,oBAAoB,OAAY;AAC9C,QAAM,UAAM,qBAAoB,IAAI;AACpC,QAAM,qBAAiB,4CAAkB,KAAK,EAAE,MAAM,KAAK,CAAC;AAC5D,QAAM,CAAC,KAAK,MAAM,QAAI,uBAAS,CAAC;AAEhC,MAAI,CAAC,gBAAgB;AACnB,WAAO,4CAAC;AAAA,MAAO;AAAA,KAAU;AAAA,EAC3B;AAEA,SACE;AAAA,IACE;AAAA,kDAAC;AAAA,QAEC,YAAY;AAAA,UACV,OAAO;AAAA,UACP,GAAG;AAAA,UACH,SAAS;AAAA,QACX;AAAA,QACA,WAAU;AAAA,QACV,WAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,OAAO;AAAA,QACP,GAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA,QAEF,gBAAM,YAAY,4CAAC;AAAA,UAAS,WAAW;AAAA,SAAM;AAAA,SAfzC,GAgBP;AAAA,MAEA,4CAAC;AAAA,QAAO,MAAK;AAAA,QAAK,IAAG;AAAA,QAAK,SAAS,MAAM,OAAO,KAAK,OAAO,CAAC;AAAA,QAAG;AAAA,OAEhE;AAAA;AAAA,GACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAYW;AAZX,kBAAyB;AACzB,mBAAiC;AACjC,qBAAuC;AAEvC,+BAAkC;AAE3B,SAAS,oBAAoB,OAAY;AAC9C,QAAM,UAAM,qBAAoB,IAAI;AACpC,QAAM,qBAAiB,4CAAkB,KAAK,EAAE,MAAM,KAAK,CAAC;AAC5D,QAAM,CAAC,KAAK,MAAM,QAAI,uBAAS,CAAC;AAEhC,MAAI,CAAC,gBAAgB;AACnB,WAAO,4CAAC,yBAAO,KAAU;AAAA,EAC3B;AAEA,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QAEC,YAAY;AAAA,UACV,OAAO;AAAA,UACP,GAAG;AAAA,UACH,SAAS;AAAA,QACX;AAAA,QACA,WAAU;AAAA,QACV,WAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,OAAO;AAAA,QACP,GAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA,QAEF,gBAAM,YAAY,4CAAC,wBAAS,WAAW,MAAM;AAAA;AAAA,MAfzC;AAAA,IAgBP;AAAA,IAEA,4CAAC,yBAAO,MAAK,MAAK,IAAG,MAAK,SAAS,MAAM,OAAO,KAAK,OAAO,CAAC,GAAG,sBAEhE;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/cjs/AnimationsHoverDemo.js

@@ -25,22 +25,23 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_logo = require("@tamagui/logo");
 var import_tamagui = require("tamagui");
 function AnimationsHoverDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
-    bc: "$pink10",
-    animation: "bouncy",
-    elevation: "$4",
-    size: 110,
-    br: "$9",
-    hoverStyle: {
-      scale: 1.2
-    },
-    pressStyle: {
-      scale: 0.9
-    },
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
-      downscale: 0.75
-    })
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_tamagui.Square,
+    {
+      bc: "$pink10",
+      animation: "bouncy",
+      elevation: "$4",
+      size: 110,
+      br: "$9",
+      hoverStyle: {
+        scale: 1.2
+      },
+      pressStyle: {
+        scale: 0.9
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: 0.75 })
+    }
+  );
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/AnimationsHoverDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/AnimationsHoverDemo.tsx"],
   "sourcesContent": ["import { LogoIcon } from '@tamagui/logo'\nimport { Square } from 'tamagui'\n\nexport function AnimationsHoverDemo() {\n  return (\n    <Square\n      bc=\"$pink10\"\n      animation=\"bouncy\"\n      elevation=\"$4\"\n      size={110}\n      br=\"$9\"\n      hoverStyle={{\n        scale: 1.2,\n      }}\n      pressStyle={{\n        scale: 0.9,\n      }}\n    >\n      <LogoIcon downscale={0.75} />\n    </Square>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBM;AAlBN,kBAAyB;AACzB,qBAAuB;AAEhB,SAAS,sBAAsB;AACpC,SACE,4CAAC;AAAA,IACC,IAAG;AAAA,IACH,WAAU;AAAA,IACV,WAAU;AAAA,IACV,MAAM;AAAA,IACN,IAAG;AAAA,IACH,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IAEA,sDAAC;AAAA,MAAS,WAAW;AAAA,KAAM;AAAA,GAC7B;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBM;AAlBN,kBAAyB;AACzB,qBAAuB;AAEhB,SAAS,sBAAsB;AACpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAU;AAAA,MACV,WAAU;AAAA,MACV,MAAM;AAAA,MACN,IAAG;AAAA,MACH,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MAEA,sDAAC,wBAAS,WAAW,MAAM;AAAA;AAAA,EAC7B;AAEJ;",
   "names": []
 }

package/dist/cjs/AnimationsPresenceDemo.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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: true }) : target,
   mod
 ));
@@ -51,30 +55,11 @@ function AnimationsPresenceDemo() {
   };
   const enterVariant = direction === 1 || direction === 0 ? "isRight" : "isLeft";
   const exitVariant = direction === 1 ? "isLeft" : "isRight";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-    ov: "hidden",
-    bc: "#000",
-    pos: "relative",
-    h: 300,
-    w: "100%",
-    ai: "center",
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {
-        enterVariant,
-        exitVariant,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(YStackEnterable, {
-          animation: "bouncy",
-          fullscreen: true,
-          x: 0,
-          o: 1,
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Image, {
-            src: images[imageIndex],
-            width: 780,
-            height: 300
-          })
-        }, page)
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { ov: "hidden", bc: "#000", pos: "relative", h: 300, w: "100%", ai: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, { enterVariant, exitVariant, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(YStackEnterable, { animation: "bouncy", fullscreen: true, x: 0, o: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Image, { src: images[imageIndex], width: 780, height: 300 }) }, page) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Button,
+      {
         accessibilityLabel: "Carousel left",
         icon: import_lucide_icons.ArrowLeft,
         size: "$5",
@@ -83,8 +68,11 @@ function AnimationsPresenceDemo() {
         circular: true,
         elevate: true,
         onPress: () => paginate(-1)
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Button,
+      {
         accessibilityLabel: "Carousel right",
         icon: import_lucide_icons.ArrowRight,
         size: "$5",
@@ -93,9 +81,9 @@ function AnimationsPresenceDemo() {
         circular: true,
         elevate: true,
         onPress: () => paginate(1)
-      })
-    ]
-  });
+      }
+    )
+  ] });
 }
 const wrap = (min, max, v) => {
   const rangeSize = max - min;

package/dist/cjs/AnimationsPresenceDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/AnimationsPresenceDemo.tsx"],
   "sourcesContent": ["import { AnimatePresence } from '@tamagui/animate-presence'\nimport { ArrowLeft, ArrowRight } from '@tamagui/lucide-icons'\nimport { useState } from 'react'\nimport { Button, Image, XStack, YStack, styled } from 'tamagui'\n\n// @ts-ignore\nimport photo1 from '../../public/photo1.jpg'\n// @ts-ignore\nimport photo2 from '../../public/photo2.jpg'\n// @ts-ignore\nimport photo3 from '../../public/photo3.jpg'\n\nexport const images = [photo1, photo2, photo3].map((x) => x.src || x)\n\nconst YStackEnterable = styled(YStack, {\n  variants: {\n    isLeft: { true: { x: -300, opacity: 0 } },\n    isRight: { true: { x: 300, opacity: 0 } },\n  } as const,\n})\n\nexport function AnimationsPresenceDemo() {\n  const [[page, direction], setPage] = useState([0, 0])\n\n  const imageIndex = wrap(0, images.length, page)\n\n  const paginate = (newDirection: number) => {\n    setPage([page + newDirection, newDirection])\n  }\n\n  const enterVariant = direction === 1 || direction === 0 ? 'isRight' : 'isLeft'\n  const exitVariant = direction === 1 ? 'isLeft' : 'isRight'\n\n  return (\n    <XStack ov=\"hidden\" bc=\"#000\" pos=\"relative\" h={300} w=\"100%\" ai=\"center\">\n      <AnimatePresence enterVariant={enterVariant} exitVariant={exitVariant}>\n        <YStackEnterable key={page} animation=\"bouncy\" fullscreen x={0} o={1}>\n          <Image src={images[imageIndex]} width={780} height={300} />\n        </YStackEnterable>\n      </AnimatePresence>\n\n      <Button\n        accessibilityLabel=\"Carousel left\"\n        icon={ArrowLeft}\n        size=\"$5\"\n        pos=\"absolute\"\n        l=\"$4\"\n        circular\n        elevate\n        onPress={() => paginate(-1)}\n      />\n      <Button\n        accessibilityLabel=\"Carousel right\"\n        icon={ArrowRight}\n        size=\"$5\"\n        pos=\"absolute\"\n        r=\"$4\"\n        circular\n        elevate\n        onPress={() => paginate(1)}\n      />\n    </XStack>\n  )\n}\n\nconst wrap = (min: number, max: number, v: number) => {\n  const rangeSize = max - min\n  return ((((v - min) % rangeSize) + rangeSize) % rangeSize) + min\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCI;AAlCJ,8BAAgC;AAChC,0BAAsC;AACtC,mBAAyB;AACzB,qBAAsD;AAGtD,oBAAmB;AAEnB,oBAAmB;AAEnB,oBAAmB;AAEZ,MAAM,SAAS,CAAC,cAAAA,SAAQ,cAAAC,SAAQ,cAAAC,OAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;AAEpE,MAAM,sBAAkB,uBAAO,uBAAQ;AAAA,EACrC,UAAU;AAAA,IACR,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,SAAS,EAAE,EAAE;AAAA,IACxC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,SAAS,EAAE,EAAE;AAAA,EAC1C;AACF,CAAC;AAEM,SAAS,yBAAyB;AACvC,QAAM,CAAC,CAAC,MAAM,SAAS,GAAG,OAAO,QAAI,uBAAS,CAAC,GAAG,CAAC,CAAC;AAEpD,QAAM,aAAa,KAAK,GAAG,OAAO,QAAQ,IAAI;AAE9C,QAAM,WAAW,CAAC,iBAAyB;AACzC,YAAQ,CAAC,OAAO,cAAc,YAAY,CAAC;AAAA,EAC7C;AAEA,QAAM,eAAe,cAAc,KAAK,cAAc,IAAI,YAAY;AACtE,QAAM,cAAc,cAAc,IAAI,WAAW;AAEjD,SACE,6CAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAO,KAAI;AAAA,IAAW,GAAG;AAAA,IAAK,GAAE;AAAA,IAAO,IAAG;AAAA,IAC/D;AAAA,kDAAC;AAAA,QAAgB;AAAA,QAA4B;AAAA,QAC3C,sDAAC;AAAA,UAA2B,WAAU;AAAA,UAAS,YAAU;AAAA,UAAC,GAAG;AAAA,UAAG,GAAG;AAAA,UACjE,sDAAC;AAAA,YAAM,KAAK,OAAO;AAAA,YAAa,OAAO;AAAA,YAAK,QAAQ;AAAA,WAAK;AAAA,WADrC,IAEtB;AAAA,OACF;AAAA,MAEA,4CAAC;AAAA,QACC,oBAAmB;AAAA,QACnB,MAAM;AAAA,QACN,MAAK;AAAA,QACL,KAAI;AAAA,QACJ,GAAE;AAAA,QACF,UAAQ;AAAA,QACR,SAAO;AAAA,QACP,SAAS,MAAM,SAAS,EAAE;AAAA,OAC5B;AAAA,MACA,4CAAC;AAAA,QACC,oBAAmB;AAAA,QACnB,MAAM;AAAA,QACN,MAAK;AAAA,QACL,KAAI;AAAA,QACJ,GAAE;AAAA,QACF,UAAQ;AAAA,QACR,SAAO;AAAA,QACP,SAAS,MAAM,SAAS,CAAC;AAAA,OAC3B;AAAA;AAAA,GACF;AAEJ;AAEA,MAAM,OAAO,CAAC,KAAa,KAAa,MAAc;AACpD,QAAM,YAAY,MAAM;AACxB,WAAW,IAAI,OAAO,YAAa,aAAa,YAAa;AAC/D;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCI;AAlCJ,8BAAgC;AAChC,0BAAsC;AACtC,mBAAyB;AACzB,qBAAsD;AAGtD,oBAAmB;AAEnB,oBAAmB;AAEnB,oBAAmB;AAEZ,MAAM,SAAS,CAAC,cAAAA,SAAQ,cAAAC,SAAQ,cAAAC,OAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;AAEpE,MAAM,sBAAkB,uBAAO,uBAAQ;AAAA,EACrC,UAAU;AAAA,IACR,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,SAAS,EAAE,EAAE;AAAA,IACxC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,SAAS,EAAE,EAAE;AAAA,EAC1C;AACF,CAAC;AAEM,SAAS,yBAAyB;AACvC,QAAM,CAAC,CAAC,MAAM,SAAS,GAAG,OAAO,QAAI,uBAAS,CAAC,GAAG,CAAC,CAAC;AAEpD,QAAM,aAAa,KAAK,GAAG,OAAO,QAAQ,IAAI;AAE9C,QAAM,WAAW,CAAC,iBAAyB;AACzC,YAAQ,CAAC,OAAO,cAAc,YAAY,CAAC;AAAA,EAC7C;AAEA,QAAM,eAAe,cAAc,KAAK,cAAc,IAAI,YAAY;AACtE,QAAM,cAAc,cAAc,IAAI,WAAW;AAEjD,SACE,6CAAC,yBAAO,IAAG,UAAS,IAAG,QAAO,KAAI,YAAW,GAAG,KAAK,GAAE,QAAO,IAAG,UAC/D;AAAA,gDAAC,2CAAgB,cAA4B,aAC3C,sDAAC,mBAA2B,WAAU,UAAS,YAAU,MAAC,GAAG,GAAG,GAAG,GACjE,sDAAC,wBAAM,KAAK,OAAO,UAAU,GAAG,OAAO,KAAK,QAAQ,KAAK,KADrC,IAEtB,GACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,oBAAmB;AAAA,QACnB,MAAM;AAAA,QACN,MAAK;AAAA,QACL,KAAI;AAAA,QACJ,GAAE;AAAA,QACF,UAAQ;AAAA,QACR,SAAO;AAAA,QACP,SAAS,MAAM,SAAS,EAAE;AAAA;AAAA,IAC5B;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,oBAAmB;AAAA,QACnB,MAAM;AAAA,QACN,MAAK;AAAA,QACL,KAAI;AAAA,QACJ,GAAE;AAAA,QACF,UAAQ;AAAA,QACR,SAAO;AAAA,QACP,SAAS,MAAM,SAAS,CAAC;AAAA;AAAA,IAC3B;AAAA,KACF;AAEJ;AAEA,MAAM,OAAO,CAAC,KAAa,KAAa,MAAc;AACpD,QAAM,YAAY,MAAM;AACxB,WAAW,IAAI,OAAO,YAAa,aAAa,YAAa;AAC/D;",
   "names": ["photo1", "photo2", "photo3"]
 }

package/dist/cjs/AnimationsTimingDemo.js

@@ -25,22 +25,23 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_logo = require("@tamagui/logo");
 var import_tamagui = require("tamagui");
 function AnimationsTimingDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
-    bc: "$pink10",
-    animation: "100ms",
-    elevation: "$4",
-    size: 110,
-    br: "$9",
-    hoverStyle: {
-      scale: 1.2
-    },
-    pressStyle: {
-      scale: 0.9
-    },
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
-      downscale: 0.75
-    })
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_tamagui.Square,
+    {
+      bc: "$pink10",
+      animation: "100ms",
+      elevation: "$4",
+      size: 110,
+      br: "$9",
+      hoverStyle: {
+        scale: 1.2
+      },
+      pressStyle: {
+        scale: 0.9
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: 0.75 })
+    }
+  );
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/AnimationsTimingDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/AnimationsTimingDemo.tsx"],
   "sourcesContent": ["import { LogoIcon } from '@tamagui/logo'\nimport { Square } from 'tamagui'\n\nexport function AnimationsTimingDemo() {\n  return (\n    <Square\n      bc=\"$pink10\"\n      animation=\"100ms\"\n      elevation=\"$4\"\n      size={110}\n      br=\"$9\"\n      hoverStyle={{\n        scale: 1.2,\n      }}\n      pressStyle={{\n        scale: 0.9,\n      }}\n    >\n      <LogoIcon downscale={0.75} />\n    </Square>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBM;AAlBN,kBAAyB;AACzB,qBAAuB;AAEhB,SAAS,uBAAuB;AACrC,SACE,4CAAC;AAAA,IACC,IAAG;AAAA,IACH,WAAU;AAAA,IACV,WAAU;AAAA,IACV,MAAM;AAAA,IACN,IAAG;AAAA,IACH,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IAEA,sDAAC;AAAA,MAAS,WAAW;AAAA,KAAM;AAAA,GAC7B;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBM;AAlBN,kBAAyB;AACzB,qBAAuB;AAEhB,SAAS,uBAAuB;AACrC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAU;AAAA,MACV,WAAU;AAAA,MACV,MAAM;AAAA,MACN,IAAG;AAAA,MACH,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MAEA,sDAAC,wBAAS,WAAW,MAAM;AAAA;AAAA,EAC7B;AAEJ;",
   "names": []
 }

package/dist/cjs/AvatarDemo.js

@@ -24,39 +24,28 @@ module.exports = __toCommonJS(AvatarDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_tamagui = require("tamagui");
 function AvatarDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-    ai: "center",
-    space: "$6",
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Avatar, {
-        circular: true,
-        size: "$10",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Image, {
-            accessibilityLabel: "Cam",
-            src: "https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Fallback, {
-            backgroundColor: "$blue10"
-          })
-        ]
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Avatar, {
-        circular: true,
-        size: "$8",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Image, {
-            accessibilityLabel: "Nate Wienert",
-            src: "https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Fallback, {
-            delayMs: 600,
-            backgroundColor: "$blue10"
-          })
-        ]
-      })
-    ]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { ai: "center", space: "$6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Avatar, { circular: true, size: "$10", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_tamagui.Avatar.Image,
+        {
+          accessibilityLabel: "Cam",
+          src: "https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Fallback, { backgroundColor: "$blue10" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Avatar, { circular: true, size: "$8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_tamagui.Avatar.Image,
+        {
+          accessibilityLabel: "Nate Wienert",
+          src: "https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Fallback, { delayMs: 600, backgroundColor: "$blue10" })
+    ] })
+  ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/AvatarDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/AvatarDemo.tsx"],
   "sourcesContent": ["import React from 'react'\nimport { Avatar, XStack } from 'tamagui'\n\nexport function AvatarDemo() {\n  return (\n    <XStack ai=\"center\" space=\"$6\">\n      <Avatar circular size=\"$10\">\n        <Avatar.Image\n          accessibilityLabel=\"Cam\"\n          src=\"https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80\"\n        />\n        <Avatar.Fallback backgroundColor=\"$blue10\" />\n      </Avatar>\n\n      <Avatar circular size=\"$8\">\n        <Avatar.Image\n          accessibilityLabel=\"Nate Wienert\"\n          src=\"https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80\"\n        />\n        <Avatar.Fallback delayMs={600} backgroundColor=\"$blue10\" />\n      </Avatar>\n    </XStack>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMM;AALN,qBAA+B;AAExB,SAAS,aAAa;AAC3B,SACE,6CAAC;AAAA,IAAO,IAAG;AAAA,IAAS,OAAM;AAAA,IACxB;AAAA,mDAAC;AAAA,QAAO,UAAQ;AAAA,QAAC,MAAK;AAAA,QACpB;AAAA,sDAAC,sBAAO,OAAP;AAAA,YACC,oBAAmB;AAAA,YACnB,KAAI;AAAA,WACN;AAAA,UACA,4CAAC,sBAAO,UAAP;AAAA,YAAgB,iBAAgB;AAAA,WAAU;AAAA;AAAA,OAC7C;AAAA,MAEA,6CAAC;AAAA,QAAO,UAAQ;AAAA,QAAC,MAAK;AAAA,QACpB;AAAA,sDAAC,sBAAO,OAAP;AAAA,YACC,oBAAmB;AAAA,YACnB,KAAI;AAAA,WACN;AAAA,UACA,4CAAC,sBAAO,UAAP;AAAA,YAAgB,SAAS;AAAA,YAAK,iBAAgB;AAAA,WAAU;AAAA;AAAA,OAC3D;AAAA;AAAA,GACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMM;AALN,qBAA+B;AAExB,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,IAAG,UAAS,OAAM,MACxB;AAAA,iDAAC,yBAAO,UAAQ,MAAC,MAAK,OACpB;AAAA;AAAA,QAAC,sBAAO;AAAA,QAAP;AAAA,UACC,oBAAmB;AAAA,UACnB,KAAI;AAAA;AAAA,MACN;AAAA,MACA,4CAAC,sBAAO,UAAP,EAAgB,iBAAgB,WAAU;AAAA,OAC7C;AAAA,IAEA,6CAAC,yBAAO,UAAQ,MAAC,MAAK,MACpB;AAAA;AAAA,QAAC,sBAAO;AAAA,QAAP;AAAA,UACC,oBAAmB;AAAA,UACnB,KAAI;AAAA;AAAA,MACN;AAAA,MACA,4CAAC,sBAAO,UAAP,EAAgB,SAAS,KAAK,iBAAgB,WAAU;AAAA,OAC3D;AAAA,KACF;AAEJ;",
   "names": []
 }