@tamagui/demos 1.89.25 → 1.89.27-1708112217600

package/dist/cjs/AccordionDemo.native.js

@@ -18,24 +18,39 @@ __export(AccordionDemo_exports, {
   AccordionDemo: () => AccordionDemo
 });
 module.exports = __toCommonJS(AccordionDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui");
 function AccordionDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion, { overflow: "hidden", width: "$20", type: "multiple", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion.Item, { value: "a1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", children: ({ open }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "1. Take a cold shower" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { animation: "quick", rotate: open ? "180deg" : "0deg", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronDown, { size: "$1" }) })
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue." }) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion.Item, { value: "a2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", children: ({ open }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "2. Eat 4 eggs" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { animation: "quick", rotate: open ? "180deg" : "0deg", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronDown, { size: "$1" }) })
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "Eggs have been a dietary staple since time immemorial and there\u2019s good reason for their continued presence in our menus and meals." }) })
-    ] })
-  ] });
+  return /* @__PURE__ */ React.createElement(import_tamagui.Accordion, {
+    overflow: "hidden",
+    width: "$20",
+    type: "multiple"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Accordion.Item, {
+    value: "a1"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Accordion.Trigger, {
+    flexDirection: "row",
+    justifyContent: "space-between"
+  }, function(param) {
+    var open = param.open;
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_tamagui.Paragraph, null, "1. Take a cold shower"), /* @__PURE__ */ React.createElement(import_tamagui.Square, {
+      animation: "quick",
+      rotate: open ? "180deg" : "0deg"
+    }, /* @__PURE__ */ React.createElement(import_lucide_icons.ChevronDown, {
+      size: "$1"
+    })));
+  }), /* @__PURE__ */ React.createElement(import_tamagui.Accordion.Content, null, /* @__PURE__ */ React.createElement(import_tamagui.Paragraph, null, "Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue."))), /* @__PURE__ */ React.createElement(import_tamagui.Accordion.Item, {
+    value: "a2"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Accordion.Trigger, {
+    flexDirection: "row",
+    justifyContent: "space-between"
+  }, function(param) {
+    var open = param.open;
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_tamagui.Paragraph, null, "2. Eat 4 eggs"), /* @__PURE__ */ React.createElement(import_tamagui.Square, {
+      animation: "quick",
+      rotate: open ? "180deg" : "0deg"
+    }, /* @__PURE__ */ React.createElement(import_lucide_icons.ChevronDown, {
+      size: "$1"
+    })));
+  }), /* @__PURE__ */ React.createElement(import_tamagui.Accordion.Content, null, /* @__PURE__ */ React.createElement(import_tamagui.Paragraph, null, "Eggs have been a dietary staple since time immemorial and there\u2019s good reason for their continued presence in our menus and meals."))));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/AccordionDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA4B,kCAC5B,iBAA6C,oBAQjC;AANL,SAAS,gBAAgB;AAC9B,SACE,6CAAC,4BAAU,UAAS,UAAS,OAAM,OAAM,MAAK,YAC5C;AAAA,iDAAC,yBAAU,MAAV,EAAe,OAAM,MACpB;AAAA,kDAAC,yBAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACnD,WAAC,EAAE,KAAK,MACP,4EACE;AAAA,oDAAC,4BAAU,mCAAqB;AAAA,QAChC,4CAAC,yBAAO,WAAU,SAAQ,QAAQ,OAAO,WAAW,QAClD,sDAAC,mCAAY,MAAK,MAAK,GACzB;AAAA,SACF,GAEJ;AAAA,MACA,4CAAC,yBAAU,SAAV,EACC,sDAAC,4BAAU,wJAGX,GACF;AAAA,OACF;AAAA,IAEA,6CAAC,yBAAU,MAAV,EAAe,OAAM,MACpB;AAAA,kDAAC,yBAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACnD,WAAC,EAAE,KAAK,MACP,4EACE;AAAA,oDAAC,4BAAU,2BAAa;AAAA,QACxB,4CAAC,yBAAO,WAAU,SAAQ,QAAQ,OAAO,WAAW,QAClD,sDAAC,mCAAY,MAAK,MAAK,GACzB;AAAA,SACF,GAEJ;AAAA,MACA,4CAAC,yBAAU,SAAV,EACC,sDAAC,4BAAU,qJAGX,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/AccordionDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;0BAA4B,kCAC5B,iBAA6C;AAEtC,SAASA,gBAAAA;AACd,SACE,sBAAA,cAACC,0BAAAA;IAAUC,UAAS;IAASC,OAAM;IAAMC,MAAK;KAC5C,sBAAA,cAACH,yBAAUI,MAAI;IAACC,OAAM;KACpB,sBAAA,cAACL,yBAAUM,SAAO;IAACC,eAAc;IAAMC,gBAAe;KACnD,SAAA,OAAA;QAAGC,OAAAA,MAAAA;WACF,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACC,0BAAAA,MAAU,uBAAA,GACX,sBAAA,cAACC,uBAAAA;MAAOC,WAAU;MAAQC,QAAQJ,OAAO,WAAW;OAClD,sBAAA,cAACK,iCAAAA;MAAYC,MAAK;;MAK1B,sBAAA,cAACf,yBAAUgB,SAAO,MAChB,sBAAA,cAACN,0BAAAA,MAAU,4IAAA,CAAA,CAAA,GAOf,sBAAA,cAACV,yBAAUI,MAAI;IAACC,OAAM;KACpB,sBAAA,cAACL,yBAAUM,SAAO;IAACC,eAAc;IAAMC,gBAAe;KACnD,SAAA,OAAA;QAAGC,OAAAA,MAAAA;WACF,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACC,0BAAAA,MAAU,eAAA,GACX,sBAAA,cAACC,uBAAAA;MAAOC,WAAU;MAAQC,QAAQJ,OAAO,WAAW;OAClD,sBAAA,cAACK,iCAAAA;MAAYC,MAAK;;MAK1B,sBAAA,cAACf,yBAAUgB,SAAO,MAChB,sBAAA,cAACN,0BAAAA,MAAU,yIAAA,CAAA,CAAA,CAAA;AAQrB;",
+  "names": ["AccordionDemo", "Accordion", "overflow", "width", "type", "Item", "value", "Trigger", "flexDirection", "justifyContent", "open", "Paragraph", "Square", "animation", "rotate", "ChevronDown", "size", "Content"]
 }

package/dist/cjs/AddThemeDemo.native.js

@@ -18,33 +18,78 @@ __export(AddThemeDemo_exports, {
   AddThemeDemo: () => AddThemeDemo
 });
 module.exports = __toCommonJS(AddThemeDemo_exports);
-var import_theme = require("@tamagui/theme"), import_react = require("react"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-function AddThemeDemo() {
-  const [theme, setTheme] = (0, import_react.useState)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { alignItems: "center", space: !0, 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_theme.addTheme)({
-            name: "superblue",
-            insertCSS: !0,
-            theme: {
-              background: "#000",
-              color: "blue"
-            }
-          }), setTheme("superblue");
-        },
-        children: "Add superblue theme"
+var import_theme = require("@tamagui/theme"), import_react = require("react"), import_tamagui = require("tamagui");
+function _array_like_to_array(arr, len) {
+  (len == null || len > arr.length) && (len = arr.length);
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
+    arr2[i] = arr[i];
+  return arr2;
+}
+function _array_with_holes(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i != null) {
+    var _arr = [], _n = !0, _d = !1, _s, _e;
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
+        ;
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        !_n && _i.return != null && _i.return();
+      } finally {
+        if (_d)
+          throw _e;
       }
-    )
-  ] });
+    }
+    return _arr;
+  }
+}
+function _non_iterable_rest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+  if (o) {
+    if (typeof o == "string")
+      return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
+      return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+      return _array_like_to_array(o, minLen);
+  }
+}
+function AddThemeDemo() {
+  var _useState = _sliced_to_array((0, import_react.useState)(), 2), theme = _useState[0], setTheme = _useState[1];
+  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    alignItems: "center",
+    space: !0
+  }, /* @__PURE__ */ React.createElement(import_tamagui.H3, null, "Theme: ", theme ?? "none"), /* @__PURE__ */ React.createElement(import_tamagui.Theme, {
+    name: theme ?? "red"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Square, {
+    borderRadius: "$8",
+    size: 100,
+    backgroundColor: "$color"
+  })), /* @__PURE__ */ React.createElement(import_tamagui.Button, {
+    disabled: theme === "superblue",
+    onPress: function() {
+      (0, import_theme.addTheme)({
+        name: "superblue",
+        insertCSS: !0,
+        theme: {
+          background: "#000",
+          color: "blue"
+        }
+      }), setTheme("superblue");
+    }
+  }, "Add superblue theme"));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/AddThemeDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyB,2BACzB,eAAyB,kBACzB,iBAAkD,oBAO5C;AALC,SAAS,eAAe;AAC7B,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAc;AAExC,SACE,6CAAC,yBAAO,YAAW,UAAS,OAAK,IAC/B;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,qCAAS;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,OAAO;AAAA,cACL,YAAY;AAAA,cACZ,OAAO;AAAA,YACT;AAAA,UACF,CAAC,GACD,SAAS,WAAW;AAAA,QACtB;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/AddThemeDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA,mBAAyB,2BACzB,eAAyB,kBACzB,iBAAkD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE3C,SAASA,eAAAA;AACd,MAA0BC,YAAAA,qBAAAA,uBAAAA,GAAAA,CAAAA,GAAnBC,QAAmBD,UAAAA,CAAAA,GAAZE,WAAYF,UAAAA,CAAAA;AAE1B,SACE,sBAAA,cAACG,uBAAAA;IAAOC,YAAW;IAASC,OAAAA;KAC1B,sBAAA,cAACC,mBAAAA,MAAG,WAAQL,SAAS,MAAA,GAErB,sBAAA,cAACM,sBAAAA;IAAMC,MAAMP,SAAS;KACpB,sBAAA,cAACQ,uBAAAA;IAAOC,cAAa;IAAKC,MAAM;IAAKC,iBAAgB;OAGvD,sBAAA,cAACC,uBAAAA;IACCC,UAAUb,UAAU;IACpBc,SAAS,WAAA;AACPC,iCAAS;QACPR,MAAM;QACNS,WAAW;QACXhB,OAAO;UACLiB,YAAY;UACZC,OAAO;QACT;MACF,CAAA,GACAjB,SAAS,WAAA;IACX;KACD,qBAAA,CAAA;AAKP;",
+  "names": ["AddThemeDemo", "useState", "theme", "setTheme", "YStack", "alignItems", "space", "H3", "Theme", "name", "Square", "borderRadius", "size", "backgroundColor", "Button", "disabled", "onPress", "addTheme", "insertCSS", "background", "color"]
 }

package/dist/cjs/AlertDialogDemo.native.js

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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/AlertDialogDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAoD,oBAM5C;AAJD,SAAS,kBAAkB;AAChC,SACE,6CAAC,8BAAY,QAAM,IACjB;AAAA,gDAAC,2BAAY,SAAZ,EAAoB,SAAO,IAC1B,sDAAC,yBAAO,wBAAU,GACpB;AAAA,IAEA,6CAAC,2BAAY,QAAZ,EACC;AAAA;AAAA,QAAC,2BAAY;AAAA,QAAZ;AAAA,UAEC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,QAJpB;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,IACX;AAAA,wDAAC,2BAAY,OAAZ,EAAkB,oBAAM;AAAA,YACzB,4CAAC,2BAAY,aAAZ,EAAwB,mEAEzB;AAAA,YAEA,6CAAC,yBAAO,OAAM,MAAK,gBAAe,YAChC;AAAA,0DAAC,2BAAY,QAAZ,EAAmB,SAAO,IACzB,sDAAC,yBAAO,oBAAM,GAChB;AAAA,cACA,4CAAC,2BAAY,QAAZ,EAAmB,SAAO,IACzB,sDAAC,yBAAO,OAAM,UAAS,oBAAM,GAC/B;AAAA,eACF;AAAA,aACF;AAAA;AAAA,QA9BI;AAAA,MA+BN;AAAA,OACF;AAAA,KACF;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/AlertDialogDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;qBAAoD;AAE7C,SAASA,kBAAAA;AACd,SACE,sBAAA,cAACC,4BAAAA;IAAYC,QAAAA;KACX,sBAAA,cAACD,2BAAYE,SAAO;IAACC,SAAAA;KACnB,sBAAA,cAACC,uBAAAA,MAAO,YAAA,CAAA,GAGV,sBAAA,cAACJ,2BAAYK,QAAM,MACjB,sBAAA,cAACL,2BAAYM,SAAO;IAClBC,KAAI;IACJC,WAAU;IACVC,SAAS;IACTC,YAAY;MAAED,SAAS;IAAE;IACzBE,WAAW;MAAEF,SAAS;IAAE;MAE1B,sBAAA,cAACT,2BAAYY,SAAO;IAClBC,UAAAA;IACAC,SAAAA;IACAP,KAAI;IACJC,WAAW;MACT;MACA;QACEC,SAAS;UACPM,mBAAmB;QACrB;MACF;;IAEFL,YAAY;MAAEM,GAAG;MAAGC,GAAG;MAAKR,SAAS;MAAGS,OAAO;IAAI;IACnDP,WAAW;MAAEK,GAAG;MAAGC,GAAG;MAAIR,SAAS;MAAGS,OAAO;IAAK;IAClDF,GAAG;IACHE,OAAO;IACPT,SAAS;IACTQ,GAAG;KAEH,sBAAA,cAACE,uBAAAA;IAAOC,OAAAA;KACN,sBAAA,cAACpB,2BAAYqB,OAAK,MAAC,QAAA,GACnB,sBAAA,cAACrB,2BAAYsB,aAAW,MAAC,uDAAA,GAIzB,sBAAA,cAACC,uBAAAA;IAAOH,OAAM;IAAKI,gBAAe;KAChC,sBAAA,cAACxB,2BAAYyB,QAAM;IAACtB,SAAAA;KAClB,sBAAA,cAACC,uBAAAA,MAAO,QAAA,CAAA,GAEV,sBAAA,cAACJ,2BAAY0B,QAAM;IAACvB,SAAAA;KAClB,sBAAA,cAACC,uBAAAA;IAAOuB,OAAM;KAAS,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAQvC;",
+  "names": ["AlertDialogDemo", "AlertDialog", "native", "Trigger", "asChild", "Button", "Portal", "Overlay", "key", "animation", "opacity", "enterStyle", "exitStyle", "Content", "bordered", "elevate", "overshootClamping", "x", "y", "scale", "YStack", "space", "Title", "Description", "XStack", "justifyContent", "Cancel", "Action", "theme"]
 }

package/dist/cjs/AnimationsDemo.native.js

@@ -19,53 +19,114 @@ __export(AnimationsDemo_exports, {
   positions: () => positions
 });
 module.exports = __toCommonJS(AnimationsDemo_exports);
-var import_logo = require("@tamagui/logo"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+var import_logo = require("@tamagui/logo"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui");
+function _array_like_to_array(arr, len) {
+  (len == null || len > arr.length) && (len = arr.length);
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
+    arr2[i] = arr[i];
+  return arr2;
+}
+function _array_with_holes(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function _define_property(obj, key, value) {
+  return key in obj ? Object.defineProperty(obj, key, {
+    value,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : obj[key] = value, obj;
+}
+function _iterable_to_array_limit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i != null) {
+    var _arr = [], _n = !0, _d = !1, _s, _e;
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
+        ;
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        !_n && _i.return != null && _i.return();
+      } finally {
+        if (_d)
+          throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+function _non_iterable_rest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+    }))), ownKeys.forEach(function(key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function _sliced_to_array(arr, i) {
+  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+  if (o) {
+    if (typeof o == "string")
+      return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
+      return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+      return _array_like_to_array(o, minLen);
+  }
+}
 function AnimationsDemo(props) {
-  const [positionI, setPositionI] = (0, import_tamagui.useControllableState)({
+  var _useControllableState = _sliced_to_array((0, import_tamagui.useControllableState)({
     strategy: "most-recent-wins",
     prop: props.position,
     defaultProp: 0
-  }), position = positions[positionI], onPress = (0, import_tamagui.useEvent)(() => {
-    setPositionI((x) => (x + 1) % positions.length);
+  }), 2), positionI = _useControllableState[0], setPositionI = _useControllableState[1], position = positions[positionI], onPress = (0, import_tamagui.useEvent)(function() {
+    setPositionI(function(x) {
+      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,
-      {
-        animation: props.animation || "bouncy",
-        animateOnly: ["transform"],
-        onPress,
-        size: 104,
-        borderColor: "$borderColor",
-        borderWidth: 1,
-        borderRadius: "$9",
-        backgroundColor: "$color9",
-        hoverStyle: {
-          scale: 1.5
-        },
-        pressStyle: {
-          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,
-      {
-        position: "absolute",
-        bottom: 20,
-        left: 20,
-        icon: import_lucide_icons.Play,
-        theme: props.tint,
-        size: "$5",
-        circular: !0,
-        onPress
-      }
-    )
-  ] });
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_tamagui.Square, _object_spread({
+    animation: props.animation || "bouncy",
+    animateOnly: [
+      "transform"
+    ],
+    onPress,
+    size: 104,
+    borderColor: "$borderColor",
+    borderWidth: 1,
+    borderRadius: "$9",
+    backgroundColor: "$color9",
+    hoverStyle: {
+      scale: 1.5
+    },
+    pressStyle: {
+      scale: 0.9
+    }
+  }, position), props.children || /* @__PURE__ */ React.createElement(import_logo.LogoIcon, {
+    downscale: 0.75
+  })), /* @__PURE__ */ React.createElement(import_tamagui.Button, {
+    position: "absolute",
+    bottom: 20,
+    left: 20,
+    icon: import_lucide_icons.Play,
+    theme: props.tint,
+    size: "$5",
+    circular: !0,
+    onPress
+  }));
 }
-const positions = [
+var positions = [
   {
     x: 0,
     y: 0,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/AnimationsDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAyB,0BACzB,sBAAqB,kCACrB,iBAA+D,oBAgB3D;AAdG,SAAS,eAAe,OAAO;AACpC,QAAM,CAAC,WAAW,YAAY,QAAI,qCAAqB;AAAA,IACrD,UAAU;AAAA,IACV,MAAM,MAAM;AAAA,IACZ,aAAa;AAAA,EACf,CAAC,GACK,WAAW,UAAU,SAAS,GAC9B,cAAU,yBAAS,MAAM;AAC7B,iBAAa,CAAC,OACJ,IAAI,KAAK,UAAU,MAC5B;AAAA,EACH,CAAC;AAED,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,MAAM,aAAa;AAAA,QAC9B,aAAa,CAAC,WAAW;AAAA,QACzB;AAAA,QACA,MAAM;AAAA,QACN,aAAY;AAAA,QACZ,aAAa;AAAA,QACb,cAAa;AAAA,QACb,iBAAgB;AAAA,QAChB,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,UAAS;AAAA,QACT,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,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": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/AnimationsDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA,kBAAyB,0BACzB,sBAAqB,kCACrB,iBAA+D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAExD,SAASA,eAAeC,OAAK;AAClC,MAAkCC,wBAAAA,qBAAAA,qCAAqB;IACrDC,UAAU;IACVC,MAAMH,MAAMI;IACZC,aAAa;EACf,CAAA,GAAA,CAAA,GAJOC,YAA2BL,sBAAAA,CAAAA,GAAhBM,eAAgBN,sBAAAA,CAAAA,GAK5BG,WAAWI,UAAUF,SAAAA,GACrBG,cAAUC,yBAAS,WAAA;AACvBH,iBAAa,SAACI,GAAAA;AACZ,cAAQA,IAAI,KAAKH,UAAUI;IAC7B,CAAA;EACF,CAAA;AAEA,SACE,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACC,uBAAAA,eAAAA;IACCC,WAAWd,MAAMc,aAAa;IAC9BC,aAAa;MAAC;;IACdN;IACAO,MAAM;IACNC,aAAY;IACZC,aAAa;IACbC,cAAa;IACbC,iBAAgB;IAChBC,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;KACIlB,QAAAA,GAEHJ,MAAMwB,YAAY,sBAAA,cAACC,sBAAAA;IAASC,WAAW;OAG1C,sBAAA,cAACC,uBAAAA;IACCvB,UAAS;IACTwB,QAAQ;IACRC,MAAM;IACNC,MAAMC;IACNC,OAAOhC,MAAMiC;IACbjB,MAAK;IACLkB,UAAAA;IACAzB;;AAIR;AAEO,IAAMD,YAAY;EACvB;IACEG,GAAG;IACHwB,GAAG;IACHb,OAAO;IACPc,QAAQ;EACV;EACA;IACEzB,GAAG;IACHwB,GAAG;IACHb,OAAO;IACPc,QAAQ;IACRf,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;EACF;EACA;IACEX,GAAG;IACHwB,GAAG;IACHb,OAAO;IACPc,QAAQ;IACRf,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;EACF;;",
+  "names": ["AnimationsDemo", "props", "useControllableState", "strategy", "prop", "position", "defaultProp", "positionI", "setPositionI", "positions", "onPress", "useEvent", "x", "length", "Square", "animation", "animateOnly", "size", "borderColor", "borderWidth", "borderRadius", "backgroundColor", "hoverStyle", "scale", "pressStyle", "children", "LogoIcon", "downscale", "Button", "bottom", "left", "icon", "Play", "theme", "tint", "circular", "y", "rotate"]
 }

package/dist/cjs/AnimationsEnterDemo.native.js

@@ -18,32 +18,87 @@ __export(AnimationsEnterDemo_exports, {
   AnimationsEnterDemo: () => AnimationsEnterDemo
 });
 module.exports = __toCommonJS(AnimationsEnterDemo_exports);
-var import_logo = require("@tamagui/logo"), import_react = require("react"), import_tamagui = require("tamagui"), import_useOnIntersecting = require("./useOnIntersecting"), import_jsx_runtime = require("react/jsx-runtime");
+var import_logo = require("@tamagui/logo"), import_react = require("react"), import_tamagui = require("tamagui"), import_useOnIntersecting = require("./useOnIntersecting");
+function _array_like_to_array(arr, len) {
+  (len == null || len > arr.length) && (len = arr.length);
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
+    arr2[i] = arr[i];
+  return arr2;
+}
+function _array_with_holes(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i != null) {
+    var _arr = [], _n = !0, _d = !1, _s, _e;
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
+        ;
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        !_n && _i.return != null && _i.return();
+      } finally {
+        if (_d)
+          throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+function _non_iterable_rest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+  if (o) {
+    if (typeof o == "string")
+      return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
+      return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+      return _array_like_to_array(o, minLen);
+  }
+}
 function AnimationsEnterDemo(props) {
-  const ref = (0, import_react.useRef)(null), hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, { once: !0 }), [key, setKey] = (0, import_react.useState)(0);
-  return hasIntersected ? /* @__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,
-          opacity: 0
-        },
-        animation: "bouncy",
-        elevation: "$4",
-        size: 110,
-        opacity: 1,
-        scale: 1,
-        y: 0,
-        backgroundColor: "$pink10",
-        borderRadius: "$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", marginTop: "$4", onPress: () => setKey(Math.random()), children: "Re-mount" })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { ref });
+  var ref = (0, import_react.useRef)(null), hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {
+    once: !0
+  }), _useState = _sliced_to_array((0, import_react.useState)(0), 2), key = _useState[0], setKey = _useState[1];
+  if (!hasIntersected)
+    return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+      ref
+    });
+  var _props_children;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_tamagui.Square, {
+    key,
+    enterStyle: {
+      scale: 1.5,
+      y: -10,
+      opacity: 0
+    },
+    animation: "bouncy",
+    elevation: "$4",
+    size: 110,
+    opacity: 1,
+    scale: 1,
+    y: 0,
+    backgroundColor: "$pink10",
+    borderRadius: "$9"
+  }, (_props_children = props.children) !== null && _props_children !== void 0 ? _props_children : /* @__PURE__ */ React.createElement(import_logo.LogoIcon, {
+    downscale: 0.75
+  })), /* @__PURE__ */ React.createElement(import_tamagui.Button, {
+    size: "$3",
+    marginTop: "$4",
+    onPress: function() {
+      return setKey(Math.random());
+    }
+  }, "Re-mount"));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {