@tamagui/demos 1.89.28 → 1.89.29

package/dist/cjs/AccordionDemo.native.js

@@ -18,39 +18,77 @@ __export(AccordionDemo_exports, {
   AccordionDemo: () => AccordionDemo
 });
 module.exports = __toCommonJS(AccordionDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui");
 function AccordionDemo() {
-  return /* @__PURE__ */ React.createElement(import_tamagui.Accordion, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(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."))));
+    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: function(param) {
+              var open = param.open;
+              return /* @__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: function(param) {
+              var open = param.open;
+              return /* @__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."
+            })
+          })
+        ]
+      })
+    ]
+  });
 }
 // 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/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"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,sBAA4B,kCAC5B,iBAA6C;AAEtC,SAASA,gBAAAA;AACd,SACE,uCAAAC,MAACC,0BAAAA;IAAUC,UAAS;IAASC,OAAM;IAAMC,MAAK;;MAC5C,uCAAAJ,MAACC,yBAAUI,MAAI;QAACC,OAAM;;UACpB,uCAAAC,KAACN,yBAAUO,SAAO;YAACC,eAAc;YAAMC,gBAAe;sBACnD,SAAA,OAAA;kBAAGC,OAAAA,MAAAA;qBACF,uCAAAX,MAAA,mBAAAY,UAAA;;kBACE,uCAAAL,KAACM,0BAAAA;8BAAU;;kBACX,uCAAAN,KAACO,uBAAAA;oBAAOC,WAAU;oBAAQC,QAAQL,OAAO,WAAW;8BAClD,uCAAAJ,KAACU,iCAAAA;sBAAYC,MAAK;;;;;;;UAK1B,uCAAAX,KAACN,yBAAUkB,SAAO;sBAChB,uCAAAZ,KAACM,0BAAAA;wBAAU;;;;;MAOf,uCAAAb,MAACC,yBAAUI,MAAI;QAACC,OAAM;;UACpB,uCAAAC,KAACN,yBAAUO,SAAO;YAACC,eAAc;YAAMC,gBAAe;sBACnD,SAAA,OAAA;kBAAGC,OAAAA,MAAAA;qBACF,uCAAAX,MAAA,mBAAAY,UAAA;;kBACE,uCAAAL,KAACM,0BAAAA;8BAAU;;kBACX,uCAAAN,KAACO,uBAAAA;oBAAOC,WAAU;oBAAQC,QAAQL,OAAO,WAAW;8BAClD,uCAAAJ,KAACU,iCAAAA;sBAAYC,MAAK;;;;;;;UAK1B,uCAAAX,KAACN,yBAAUkB,SAAO;sBAChB,uCAAAZ,KAACM,0BAAAA;wBAAU;;;;;;;AAQrB;",
+  "names": ["AccordionDemo", "_jsxs", "Accordion", "overflow", "width", "type", "Item", "value", "_jsx", "Trigger", "flexDirection", "justifyContent", "open", "_Fragment", "Paragraph", "Square", "animation", "rotate", "ChevronDown", "size", "Content"]
 }

package/dist/cjs/AddThemeDemo.native.js

@@ -18,7 +18,7 @@ __export(AddThemeDemo_exports, {
   AddThemeDemo: () => AddThemeDemo
 });
 module.exports = __toCommonJS(AddThemeDemo_exports);
-var import_theme = require("@tamagui/theme"), import_react = require("react"), import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), 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++)
@@ -68,28 +68,40 @@ function _unsupported_iterable_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, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(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"));
+    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: function() {
+          (0, import_theme.addTheme)({
+            name: "superblue",
+            insertCSS: !0,
+            theme: {
+              background: "#000",
+              color: "blue"
+            }
+          }), setTheme("superblue");
+        },
+        children: "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/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"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,eAAyB,2BACzB,eAAyB,kBACzB,iBAAkD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE3C,SAASA,eAAAA;AACd,MAA0BC,YAAAA,qBAAAA,uBAAAA,GAAAA,CAAAA,GAAnBC,QAAmBD,UAAAA,CAAAA,GAAZE,WAAYF,UAAAA,CAAAA;AAE1B,SACE,uCAAAG,MAACC,uBAAAA;IAAOC,YAAW;IAASC,OAAK;;MAC/B,uCAAAH,MAACI,mBAAAA;;UAAG;UAAQN,SAAS;;;MAErB,uCAAAO,KAACC,sBAAAA;QAAMC,MAAMT,SAAS;kBACpB,uCAAAO,KAACG,uBAAAA;UAAOC,cAAa;UAAKC,MAAM;UAAKC,iBAAgB;;;MAGvD,uCAAAN,KAACO,uBAAAA;QACCC,UAAUf,UAAU;QACpBgB,SAAS,WAAA;AACPC,qCAAS;YACPR,MAAM;YACNS,WAAW;YACXlB,OAAO;cACLmB,YAAY;cACZC,OAAO;YACT;UACF,CAAA,GACAnB,SAAS,WAAA;QACX;kBACD;;;;AAKP;",
+  "names": ["AddThemeDemo", "useState", "theme", "setTheme", "_jsxs", "YStack", "alignItems", "space", "H3", "_jsx", "Theme", "name", "Square", "borderRadius", "size", "backgroundColor", "Button", "disabled", "onPress", "addTheme", "insertCSS", "background", "color"]
 }

package/dist/cjs/AlertDialogDemo.native.js

@@ -18,62 +18,91 @@ __export(AlertDialogDemo_exports, {
   AlertDialogDemo: () => AlertDialogDemo
 });
 module.exports = __toCommonJS(AlertDialogDemo_exports);
-var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), import_tamagui = require("tamagui");
 function AlertDialogDemo() {
-  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")))))));
+  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")
+        ]
+      })
+    ]
+  });
 }
 // 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/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"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,iBAAoD;AAE7C,SAASA,kBAAAA;AACd,SACE,uCAAAC,MAACC,4BAAAA;IAAYC,QAAM;;MACjB,uCAAAC,KAACF,2BAAYG,SAAO;QAACC,SAAO;kBAC1B,uCAAAF,KAACG,uBAAAA;oBAAO;;;MAGV,uCAAAN,MAACC,2BAAYM,QAAM;;UACjB,uCAAAJ,KAACF,2BAAYO,SAAO;YAElBC,WAAU;YACVC,SAAS;YACTC,YAAY;cAAED,SAAS;YAAE;YACzBE,WAAW;cAAEF,SAAS;YAAE;aAJpB,SAAA;UAMN,uCAAAP,KAACF,2BAAYY,SAAO;YAClBC,UAAQ;YACRC,SAAO;YAEPN,WAAW;cACT;cACA;gBACEC,SAAS;kBACPM,mBAAmB;gBACrB;cACF;;YAEFL,YAAY;cAAEM,GAAG;cAAGC,GAAG;cAAKR,SAAS;cAAGS,OAAO;YAAI;YACnDP,WAAW;cAAEK,GAAG;cAAGC,GAAG;cAAIR,SAAS;cAAGS,OAAO;YAAK;YAClDF,GAAG;YACHE,OAAO;YACPT,SAAS;YACTQ,GAAG;sBAEH,uCAAAlB,MAACoB,uBAAAA;cAAOC,OAAK;;gBACX,uCAAAlB,KAACF,2BAAYqB,OAAK;4BAAC;;gBACnB,uCAAAnB,KAACF,2BAAYsB,aAAW;4BAAC;;gBAIzB,uCAAAvB,MAACwB,uBAAAA;kBAAOH,OAAM;kBAAKI,gBAAe;;oBAChC,uCAAAtB,KAACF,2BAAYyB,QAAM;sBAACrB,SAAO;gCACzB,uCAAAF,KAACG,uBAAAA;kCAAO;;;oBAEV,uCAAAH,KAACF,2BAAY0B,QAAM;sBAACtB,SAAO;gCACzB,uCAAAF,KAACG,uBAAAA;wBAAOsB,OAAM;kCAAS;;;;;;;aA3BzB,SAAA;;;;;AAmCd;",
+  "names": ["AlertDialogDemo", "_jsxs", "AlertDialog", "native", "_jsx", "Trigger", "asChild", "Button", "Portal", "Overlay", "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,7 +19,7 @@ __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");
+var import_jsx_runtime = require("react/jsx-runtime"), 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++)
@@ -63,15 +63,30 @@ function _non_iterable_rest() {
 }
 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) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
       return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-    }))), ownKeys.forEach(function(key) {
+    }))), ownKeys2.forEach(function(key) {
       _define_property(target, key, source[key]);
     });
   }
   return target;
 }
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _object_spread_props(target, source) {
+  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+  }), 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();
 }
@@ -96,35 +111,42 @@ function AnimationsDemo(props) {
       return (x + 1) % positions.length;
     });
   });
-  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
-  }));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, _object_spread_props(_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), {
+        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
+      })
+    ]
+  });
 }
 var positions = [
   {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "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"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;uDAAA,cAAyB,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,uCAAAC,MAAA,mBAAAC,UAAA;;MACE,uCAAAC,KAACC,uBAAAA,qBAAAA,eAAAA;QACCC,WAAWjB,MAAMiB,aAAa;QAC9BC,aAAa;UAAC;;QACdT;QACAU,MAAM;QACNC,aAAY;QACZC,aAAa;QACbC,cAAa;QACbC,iBAAgB;QAChBC,YAAY;UACVC,OAAO;QACT;QACAC,YAAY;UACVD,OAAO;QACT;SACIrB,QAAAA,GAAAA;kBAEHJ,MAAM2B,YAAY,uCAAAZ,KAACa,sBAAAA;UAASC,WAAW;;;MAG1C,uCAAAd,KAACe,uBAAAA;QACC1B,UAAS;QACT2B,QAAQ;QACRC,MAAM;QACNC,MAAMC;QACNC,OAAOnC,MAAMoC;QACbjB,MAAK;QACLkB,UAAQ;QACR5B;;;;AAIR;AAEO,IAAMD,YAAY;EACvB;IACEG,GAAG;IACH2B,GAAG;IACHb,OAAO;IACPc,QAAQ;EACV;EACA;IACE5B,GAAG;IACH2B,GAAG;IACHb,OAAO;IACPc,QAAQ;IACRf,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;EACF;EACA;IACEd,GAAG;IACH2B,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", "_jsxs", "_Fragment", "_jsx", "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,7 +18,7 @@ __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");
+var import_jsx_runtime = require("react/jsx-runtime"), 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++)
@@ -71,34 +71,40 @@ function AnimationsEnterDemo(props) {
     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, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(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"));
+  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,
+          opacity: 0
+        },
+        animation: "bouncy",
+        elevation: "$4",
+        size: 110,
+        opacity: 1,
+        scale: 1,
+        y: 0,
+        backgroundColor: "$pink10",
+        borderRadius: "$9",
+        children: (_props_children = props.children) !== null && _props_children !== void 0 ? _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: function() {
+          return setKey(Math.random());
+        },
+        children: "Re-mount"
+      })
+    ]
+  });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/AnimationsEnterDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA,kBAAyB,0BACzB,eAAiC,kBACjC,iBAAuC,oBAEvC,2BAAkC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE3B,SAASA,oBAAoBC,OAAU;AAC5C,MAAMC,UAAMC,qBAAoB,IAAA,GAC1BC,qBAAiBC,4CAAkBH,KAAK;IAAEI,MAAM;EAAK,CAAA,GACrCC,YAAAA,qBAAAA,uBAAS,CAAA,GAAA,CAAA,GAAxBC,MAAeD,UAAAA,CAAAA,GAAVE,SAAUF,UAAAA,CAAAA;AAEtB,MAAI,CAACH;AACH,WAAO,sBAAA,cAACM,uBAAAA;MAAOR;;MAqBVD;AAlBP,SACE,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACU,uBAAAA;IACCH;IACAI,YAAY;MACVC,OAAO;MACPC,GAAG;MACHC,SAAS;IACX;IACAC,WAAU;IACVC,WAAU;IACVC,MAAM;IACNH,SAAS;IACTF,OAAO;IACPC,GAAG;IACHK,iBAAgB;IAChBC,cAAa;MAEZnB,kBAAAA,MAAMoB,cAAQ,QAAdpB,oBAAAA,SAAAA,kBAAkB,sBAAA,cAACqB,sBAAAA;IAASC,WAAW;OAG1C,sBAAA,cAACC,uBAAAA;IAAON,MAAK;IAAKO,WAAU;IAAKC,SAAS,WAAA;aAAMjB,OAAOkB,KAAKC,OAAM,CAAA;;KAAK,UAAA,CAAA;AAK7E;",
-  "names": ["AnimationsEnterDemo", "props", "ref", "useRef", "hasIntersected", "useIsIntersecting", "once", "useState", "key", "setKey", "YStack", "Square", "enterStyle", "scale", "y", "opacity", "animation", "elevation", "size", "backgroundColor", "borderRadius", "children", "LogoIcon", "downscale", "Button", "marginTop", "onPress", "Math", "random"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,cAAyB,0BACzB,eAAiC,kBACjC,iBAAuC,oBAEvC,2BAAkC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE3B,SAASA,oBAAoBC,OAAU;AAC5C,MAAMC,UAAMC,qBAAoB,IAAA,GAC1BC,qBAAiBC,4CAAkBH,KAAK;IAAEI,MAAM;EAAK,CAAA,GACrCC,YAAAA,qBAAAA,uBAAS,CAAA,GAAA,CAAA,GAAxBC,MAAeD,UAAAA,CAAAA,GAAVE,SAAUF,UAAAA,CAAAA;AAEtB,MAAI,CAACH;AACH,WAAO,uCAAAM,KAACC,uBAAAA;MAAOT;;MAqBVD;AAlBP,SACE,uCAAAW,MAAA,mBAAAC,UAAA;;MACE,uCAAAH,KAACI,uBAAAA;QAECC,YAAY;UACVC,OAAO;UACPC,GAAG;UACHC,SAAS;QACX;QACAC,WAAU;QACVC,WAAU;QACVC,MAAM;QACNH,SAAS;QACTF,OAAO;QACPC,GAAG;QACHK,iBAAgB;QAChBC,cAAa;mBAEZtB,kBAAAA,MAAMuB,cAAQ,QAAdvB,oBAAAA,SAAAA,kBAAkB,uCAAAS,KAACe,sBAAAA;UAASC,WAAW;;SAfnClB,GAAAA;MAkBP,uCAAAE,KAACiB,uBAAAA;QAAON,MAAK;QAAKO,WAAU;QAAKC,SAAS,WAAA;iBAAMpB,OAAOqB,KAAKC,OAAM,CAAA;;kBAAK;;;;AAK7E;",
+  "names": ["AnimationsEnterDemo", "props", "ref", "useRef", "hasIntersected", "useIsIntersecting", "once", "useState", "key", "setKey", "_jsx", "YStack", "_jsxs", "_Fragment", "Square", "enterStyle", "scale", "y", "opacity", "animation", "elevation", "size", "backgroundColor", "borderRadius", "children", "LogoIcon", "downscale", "Button", "marginTop", "onPress", "Math", "random"]
 }