@tamagui/demos 1.110.5 → 1.111.1

package/dist/cjs/useOnIntersecting.native.js

@@ -20,80 +20,8 @@ __export(useOnIntersecting_exports, {
 });
 module.exports = __toCommonJS(useOnIntersecting_exports);
 var 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 _array_without_holes(arr) {
-  if (Array.isArray(arr)) return _array_like_to_array(arr);
-}
-function _iterable_to_array(iter) {
-  if (typeof Symbol < "u" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-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 _non_iterable_spread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _object_without_properties(source, excluded) {
-  if (source == null) return {};
-  var target = _object_without_properties_loose(source, excluded), key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++)
-      key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
-  }
-  return target;
-}
-function _object_without_properties_loose(source, excluded) {
-  if (source == null) return {};
-  var target = {}, sourceKeys = Object.keys(source), key, i;
-  for (i = 0; i < sourceKeys.length; i++)
-    key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (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 _to_consumable_array(arr) {
-  return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-}
-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 useIsIntersecting(refs) {
-  var _param = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, once = _param.once, opts = _object_without_properties(_param, [
-    "once"
-  ]), _useState = _sliced_to_array((0, import_react.useState)([]), 2), values = _useState[0], setValues = _useState[1];
+  var { once, ...opts } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, [values, setValues] = (0, import_react.useState)([]);
   return import_tamagui.isWeb && useOnIntersecting(refs, function(entries) {
     var intersecting = entries.some(function(x) {
       return x == null ? void 0 : x.isIntersecting;
@@ -110,7 +38,7 @@ function useIsIntersecting(refs) {
   }, opts), Array.isArray(refs) ? values : values[0];
 }
 function useOnIntersecting(refsIn, incomingCbRaw) {
-  var _ref = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, _ref_threshold = _ref.threshold, threshold = _ref_threshold === void 0 ? 0 : _ref_threshold, root = _ref.root, rootMargin = _ref.rootMargin, mountArgs = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : [], onIntersectEvent = (0, import_tamagui.useEvent)(incomingCbRaw);
+  var { threshold = 0, root, rootMargin } = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, mountArgs = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : [], onIntersectEvent = (0, import_tamagui.useEvent)(incomingCbRaw);
   (0, import_react.useEffect)(function() {
     var refs = Array.isArray(refsIn) ? refsIn : [
       refsIn
@@ -122,10 +50,10 @@ function useOnIntersecting(refsIn, incomingCbRaw) {
         rootMargin
       }, io = new IntersectionObserver(function(entries) {
         currentEntries = refs.map(function(ref2, index) {
-          var _entries_find, _ref2;
-          return (_ref2 = (_entries_find = entries.find(function(x) {
+          var _entries_find, _ref;
+          return (_ref = (_entries_find = entries.find(function(x) {
             return x.target === ref2.current;
-          })) !== null && _entries_find !== void 0 ? _entries_find : currentEntries[index]) !== null && _ref2 !== void 0 ? _ref2 : null;
+          })) !== null && _entries_find !== void 0 ? _entries_find : currentEntries[index]) !== null && _ref !== void 0 ? _ref : null;
         }), dispose == null || dispose(), dispose = onIntersectEvent(currentEntries) || null;
       }, options), _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
       try {
@@ -152,8 +80,9 @@ function useOnIntersecting(refsIn, incomingCbRaw) {
     refsIn,
     root,
     rootMargin,
-    threshold
-  ].concat(_to_consumable_array(mountArgs)));
+    threshold,
+    ...mountArgs
+  ]);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/useOnIntersecting.tsx"],
-  "mappings": "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",
-  "names": ["useIsIntersecting", "refs", "once", "opts", "useState", "values", "setValues", "isWeb", "useOnIntersecting", "entries", "intersecting", "some", "x", "isIntersecting", "prev", "next", "map", "e", "length", "every", "i", "Array", "isArray", "refsIn", "incomingCbRaw", "threshold", "root", "rootMargin", "mountArgs", "onIntersectEvent", "useEvent", "useEffect", "dispose", "currentEntries", "options", "io", "IntersectionObserver", "ref", "index", "find", "target", "current", "observe", "disconnect"]
+  "mappings": ";;;;;;;;;;;;;;;AACA;;;;;;mBAAoC,kBACpC,iBAAgC;AAWzB,SAASA,kBACdC,MAAS;MACT,EAAEC,MAAM,GAAGC,KAAAA,IAAX,UAAA,SAAA,KAAA,UAAA,CAAA,MAAA,SAAA,UAAA,CAAA,IAAmE,CAAC,GAE9D,CAACC,QAAQC,SAAAA,QAAaC,uBAAoB,CAAA,CAAE;AAElD,SAAIC,wBACFC,kBACEP,MACA,SAACQ,SAAAA;AACC,QAAMC,eAAeD,QAAQE,KAAK,SAACC,GAAAA;aAAMA,KAAAA,OAAAA,SAAAA,EAAGC;;AAC5C,IAAIX,QAAQ,CAACQ,gBACbL,UAAU,SAACS,MAAAA;AACT,UAAMC,OAAON,QAAQO,IAAI,SAACC,GAAAA;YAAMA;gBAAAA,oBAAAA,KAAAA,OAAAA,SAAAA,EAAGJ,oBAAc,QAAjBI,sBAAAA,SAAAA,oBAAqB;;AACrD,aAAIH,KAAKI,WAAWH,KAAKG,UAAUJ,KAAKK,MAAM,SAACF,GAAGG,GAAAA;eAAMH,MAAMF,KAAKK,CAAAA;WAC1DN,OAEFC;IACT,CAAA;EACF,GACAZ,IAAAA,GAIIkB,MAAMC,QAAQrB,IAAAA,IAAQG,SAASA,OAAO,CAAA;AAChD;AAEO,SAASI,kBACde,QACAC,eAAgC;MAChC,EAAEC,YAAY,GAAGC,MAAMC,WAAU,IAAjC,UAAA,SAAA,KAAA,UAAA,CAAA,MAAA,SAAA,UAAA,CAAA,IAAgE,CAAC,GACjEC,YAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAmB,CAAA,GAEbC,uBAAmBC,yBAASN,aAAAA;AAElCO,8BAAU,WAAA;AACR,QAAM9B,OAAQoB,MAAMC,QAAQC,MAAAA,IAAUA,SAAS;MAACA;;AAChD,QAAKtB,KAAKiB,QAEV;UAAIc,UAA4B,MAC5BC,iBAAuD,CAAA,GACrDC,UAAU;QACdT;QACAC;QACAC;MACF,GACMQ,KAAK,IAAIC,qBAAqB,SAAC3B,SAAAA;AACnCwB,yBAAiBhC,KAAKe,IAAI,SAACqB,MAAKC,OAAAA;cAE5B7B,eAAAA;AADF,kBACEA,QAAAA,gBAAAA,QAAQ8B,KAAK,SAAC3B,GAAAA;mBAAMA,EAAE4B,WAAWH,KAAII;0BAArChC,kBAAAA,SAAAA,gBAAiDwB,eAAeK,KAAAA,OAAM,QAAtE7B,SAAAA,SAAAA,OAA0E;QAE9E,CAAA,GACAuB,WAAAA,QAAAA,QAAAA,GACAA,UAAUH,iBAAiBI,cAAAA,KAAmB;MAChD,GAAGC,OAAAA,GAEE,4BAAA,IAAA,oBAAA,IAAA,iBAAA;;AAAL,iBAAK,YAAajC,KAAAA,OAAAA,QAAAA,EAAAA,GAAb,OAAA,EAAA,6BAAA,QAAA,UAAA,KAAA,GAAA,OAAA,4BAAA,IAAmB;AAAnB,cAAMoC,MAAN,MAAA;AACH,UAAIA,IAAII,WACNN,GAAGO,QAAQL,IAAII,OAAO;QAE1B;;AAJK,4BAAA,IAAA,iBAAA;;;WAAA,6BAAA,UAAA,UAAA,QAAA,UAAA,OAAA;;cAAA;kBAAA;;;AAML,aAAO,WAAA;AACLT,mBAAAA,QAAAA,QAAAA,GACAG,GAAGQ,WAAU;MACf;;EACF,GAAG;IACDd;IACAN;IACAG;IACAC;IACAF;OAEGG;GACJ;AACH;",
+  "names": ["useIsIntersecting", "refs", "once", "opts", "values", "setValues", "useState", "isWeb", "useOnIntersecting", "entries", "intersecting", "some", "x", "isIntersecting", "prev", "next", "map", "e", "length", "every", "i", "Array", "isArray", "refsIn", "incomingCbRaw", "threshold", "root", "rootMargin", "mountArgs", "onIntersectEvent", "useEvent", "useEffect", "dispose", "currentEntries", "options", "io", "IntersectionObserver", "ref", "index", "find", "target", "current", "observe", "disconnect"]
 }

package/dist/esm/AccordionDemo.native.js

@@ -14,7 +14,7 @@ function AccordionDemo() {
             flexDirection: "row",
             justifyContent: "space-between",
             children: function(param) {
-              var open = param.open;
+              var { open } = param;
               return /* @__PURE__ */ _jsxs(_Fragment, {
                 children: [
                   /* @__PURE__ */ _jsx(Paragraph, {
@@ -52,7 +52,7 @@ function AccordionDemo() {
             flexDirection: "row",
             justifyContent: "space-between",
             children: function(param) {
-              var open = param.open;
+              var { open } = param;
               return /* @__PURE__ */ _jsxs(_Fragment, {
                 children: [
                   /* @__PURE__ */ _jsx(Paragraph, {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/AccordionDemo.tsx"],
-  "mappings": ";AAAA,SAASA,mBAAmB;AAC5B,SAASC,WAAWC,WAAWC,cAAc;AAEtC,SAASC,gBAAAA;AACd,SACE,sBAACH,WAAAA;IAAUI,UAAS;IAASC,OAAM;IAAMC,MAAK;;MAC5C,sBAACN,UAAUO,MAAI;QAACC,OAAM;;UACpB,qBAACR,UAAUS,SAAO;YAACC,eAAc;YAAMC,gBAAe;sBACnD,SAAA,OAAA;kBACCC,OAAAA,MAAAA;qBAIA,sBAAA,WAAA;;kBACE,qBAACX,WAAAA;8BAAU;;kBACX,qBAACC,QAAAA;oBAAOW,WAAU;oBAAQC,QAAQF,OAAO,WAAW;8BAClD,qBAACb,aAAAA;sBAAYgB,MAAK;;;;;;;UAK1B,qBAACf,UAAUgB,gBAAc;YAACH,WAAU;sBAClC,qBAACb,UAAUiB,SAAO;cAACJ,WAAU;cAASK,WAAW;gBAAEC,SAAS;cAAE;wBAC5D,qBAAClB,WAAAA;0BAAU;;;;;;MAQjB,sBAACD,UAAUO,MAAI;QAACC,OAAM;;UACpB,qBAACR,UAAUS,SAAO;YAACC,eAAc;YAAMC,gBAAe;sBACnD,SAAA,OAAA;kBACCC,OAAAA,MAAAA;qBAIA,sBAAA,WAAA;;kBACE,qBAACX,WAAAA;8BAAU;;kBACX,qBAACC,QAAAA;oBAAOW,WAAU;oBAAQC,QAAQF,OAAO,WAAW;8BAClD,qBAACb,aAAAA;sBAAYgB,MAAK;;;;;;;UAK1B,qBAACf,UAAUgB,gBAAc;YAACH,WAAU;sBAClC,qBAACb,UAAUiB,SAAO;cAACJ,WAAU;cAASK,WAAW;gBAAEC,SAAS;cAAE;wBAC5D,qBAAClB,WAAAA;0BAAU;;;;;;;;AASvB;",
+  "mappings": ";AAAA,SAASA,mBAAmB;AAC5B,SAASC,WAAWC,WAAWC,cAAc;AAEtC,SAASC,gBAAAA;AACd,SACE,sBAACH,WAAAA;IAAUI,UAAS;IAASC,OAAM;IAAMC,MAAK;;MAC5C,sBAACN,UAAUO,MAAI;QAACC,OAAM;;UACpB,qBAACR,UAAUS,SAAO;YAACC,eAAc;YAAMC,gBAAe;sBACnD,SAAA,OAAA;kBAAC,EACAC,KAAI,IAGL;qBACC,sBAAA,WAAA;;kBACE,qBAACX,WAAAA;8BAAU;;kBACX,qBAACC,QAAAA;oBAAOW,WAAU;oBAAQC,QAAQF,OAAO,WAAW;8BAClD,qBAACb,aAAAA;sBAAYgB,MAAK;;;;;;;UAK1B,qBAACf,UAAUgB,gBAAc;YAACH,WAAU;sBAClC,qBAACb,UAAUiB,SAAO;cAACJ,WAAU;cAASK,WAAW;gBAAEC,SAAS;cAAE;wBAC5D,qBAAClB,WAAAA;0BAAU;;;;;;MAQjB,sBAACD,UAAUO,MAAI;QAACC,OAAM;;UACpB,qBAACR,UAAUS,SAAO;YAACC,eAAc;YAAMC,gBAAe;sBACnD,SAAA,OAAA;kBAAC,EACAC,KAAI,IAGL;qBACC,sBAAA,WAAA;;kBACE,qBAACX,WAAAA;8BAAU;;kBACX,qBAACC,QAAAA;oBAAOW,WAAU;oBAAQC,QAAQF,OAAO,WAAW;8BAClD,qBAACb,aAAAA;sBAAYgB,MAAK;;;;;;;UAK1B,qBAACf,UAAUgB,gBAAc;YAACH,WAAU;sBAClC,qBAACb,UAAUiB,SAAO;cAACJ,WAAU;cAASK,WAAW;gBAAEC,SAAS;cAAE;wBAC5D,qBAAClB,WAAAA;0BAAU;;;;;;;;AASvB;",
   "names": ["ChevronDown", "Accordion", "Paragraph", "Square", "AccordionDemo", "overflow", "width", "type", "Item", "value", "Trigger", "flexDirection", "justifyContent", "open", "animation", "rotate", "size", "HeightAnimator", "Content", "exitStyle", "opacity"]
 }

package/dist/esm/AccordionDemo.native.mjs

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ChevronDown } from "@tamagui/lucide-icons";
+import { Accordion, Paragraph, Square } from "tamagui";
+function AccordionDemo() {
+  return /* @__PURE__ */_jsxs(Accordion, {
+    overflow: "hidden",
+    width: "$20",
+    type: "multiple",
+    children: [/* @__PURE__ */_jsxs(Accordion.Item, {
+      value: "a1",
+      children: [/* @__PURE__ */_jsx(Accordion.Trigger, {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        children: function (param) {
+          var {
+            open
+          } = param;
+          return /* @__PURE__ */_jsxs(_Fragment, {
+            children: [/* @__PURE__ */_jsx(Paragraph, {
+              children: "1. Take a cold shower"
+            }), /* @__PURE__ */_jsx(Square, {
+              animation: "quick",
+              rotate: open ? "180deg" : "0deg",
+              children: /* @__PURE__ */_jsx(ChevronDown, {
+                size: "$1"
+              })
+            })]
+          });
+        }
+      }), /* @__PURE__ */_jsx(Accordion.HeightAnimator, {
+        animation: "medium",
+        children: /* @__PURE__ */_jsx(Accordion.Content, {
+          animation: "medium",
+          exitStyle: {
+            opacity: 0
+          },
+          children: /* @__PURE__ */_jsx(Paragraph, {
+            children: "Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue."
+          })
+        })
+      })]
+    }), /* @__PURE__ */_jsxs(Accordion.Item, {
+      value: "a2",
+      children: [/* @__PURE__ */_jsx(Accordion.Trigger, {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        children: function (param) {
+          var {
+            open
+          } = param;
+          return /* @__PURE__ */_jsxs(_Fragment, {
+            children: [/* @__PURE__ */_jsx(Paragraph, {
+              children: "2. Eat 4 eggs"
+            }), /* @__PURE__ */_jsx(Square, {
+              animation: "quick",
+              rotate: open ? "180deg" : "0deg",
+              children: /* @__PURE__ */_jsx(ChevronDown, {
+                size: "$1"
+              })
+            })]
+          });
+        }
+      }), /* @__PURE__ */_jsx(Accordion.HeightAnimator, {
+        animation: "medium",
+        children: /* @__PURE__ */_jsx(Accordion.Content, {
+          animation: "medium",
+          exitStyle: {
+            opacity: 0
+          },
+          children: /* @__PURE__ */_jsx(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."
+          })
+        })
+      })]
+    })]
+  });
+}
+export { AccordionDemo };
+//# sourceMappingURL=AccordionDemo.native.mjs.map

package/dist/esm/AccordionDemo.native.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ChevronDown","Accordion","Paragraph","Square","AccordionDemo","overflow","width","type","children","Item","value","Trigger","flexDirection","justifyContent","param","open","animation","rotate"],"sources":["../../src/AccordionDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAmBC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAC5B,SAASC,WAAW,+BAAyB;AAYjC,SAAAC,SAAA,EACEC,SADF,EAAAC,MAAA;AAVL,SAASC,cAAA,EAAgB;EAC9B,OACE,eAAAP,KAAC,CAAAI,SAAA;IACCI,QAAA;IACEC,KAAA;IACIC,IACA;IAAAC,QAIA,GACE,eAAAX,KAAA,CAACI,SAAA,CAAAQ,IAAU;MACXC,KAAA;MAEAF,QAGN,GACA,eAACb,IAAA,CAAAM,SAAU,CAAAU,OAAA;QAQbC,aAAA;QAEAC,cAAC,iBAAe;QACdL,QAAA,WAAAA,CAACM,KAAU;UAEP;YAAAC;UAAA,IAAAD,KAAA;UAIA,sBAAAjB,KAAA,CAAAE,SACE;YAAAS,QAAA,GACA,eAACb,IAAO,CAAAO,SAAA,EAAU;cAKxBM,QAAA;YACA,IAQF,eAAAb,IAAA,CAAAQ,MAAA;cACFa,SAAA;cAEJC,MAAA,EAAAF,IAAA","ignoreList":[]}

package/dist/esm/AddThemeDemo.native.js

@@ -2,49 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { addTheme } from "@tamagui/theme";
 import { Button, H3, Square, Theme, YStack } from "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 _React_useState = _sliced_to_array(React.useState(), 2), theme = _React_useState[0], setTheme = _React_useState[1];
+  var [theme, setTheme] = React.useState();
   return /* @__PURE__ */ _jsxs(YStack, {
     alignItems: "center",
     space: !0,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/AddThemeDemo.tsx"],
-  "mappings": ";AAAA,OAAOA,WAAW;AAClB,SAASC,gBAAgB;AAEzB,SAASC,QAAQC,IAAIC,QAAQC,OAAOC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE3C,SAASC,eAAAA;AACd,MAA0BP,kBAAAA,iBAAAA,MAAMQ,SAAQ,GAAA,CAAA,GAAjCC,QAAmBT,gBAAAA,CAAAA,GAAZU,WAAYV,gBAAAA,CAAAA;AAE1B,SACE,sBAACM,QAAAA;IAAOK,YAAW;IAASC,OAAK;;MAC/B,sBAACT,IAAAA;;UAAG;UAAQM,SAAS;;;MAErB,qBAACJ,OAAAA;QAAMQ,MAAMJ,SAAS;kBACpB,qBAACL,QAAAA;UAAOU,cAAa;UAAKC,MAAM;UAAKC,iBAAgB;;;MAGvD,qBAACd,QAAAA;QACCe,UAAUR,UAAU;QACpBS,SAAS,WAAA;AACPjB,mBAAS;YACPY,MAAM;YACNM,WAAW;YACXV,OAAO;cACLW,YAAY;cACZC,OAAO;YACT;UACF,CAAA,GACAX,SAAS,WAAA;QACX;kBACD;;;;AAKP;",
-  "names": ["React", "addTheme", "Button", "H3", "Square", "Theme", "YStack", "AddThemeDemo", "useState", "theme", "setTheme", "alignItems", "space", "name", "borderRadius", "size", "backgroundColor", "disabled", "onPress", "insertCSS", "background", "color"]
+  "mappings": ";AAAA,OAAOA,WAAW;AAClB,SAASC,gBAAgB;AAEzB,SAASC,QAAQC,IAAIC,QAAQC,OAAOC,cAAc;AAE3C,SAASC,eAAAA;AACd,MAAM,CAACC,OAAOC,QAAAA,IAAYT,MAAMU,SAAQ;AAExC,SACE,sBAACJ,QAAAA;IAAOK,YAAW;IAASC,OAAK;;MAC/B,sBAACT,IAAAA;;UAAG;UAAQK,SAAS;;;MAErB,qBAACH,OAAAA;QAAMQ,MAAML,SAAS;kBACpB,qBAACJ,QAAAA;UAAOU,cAAa;UAAKC,MAAM;UAAKC,iBAAgB;;;MAGvD,qBAACd,QAAAA;QACCe,UAAUT,UAAU;QACpBU,SAAS,WAAA;AACPjB,mBAAS;YACPY,MAAM;YACNM,WAAW;YACXX,OAAO;cACLY,YAAY;cACZC,OAAO;YACT;UACF,CAAA,GACAZ,SAAS,WAAA;QACX;kBACD;;;;AAKP;",
+  "names": ["React", "addTheme", "Button", "H3", "Square", "Theme", "YStack", "AddThemeDemo", "theme", "setTheme", "useState", "alignItems", "space", "name", "borderRadius", "size", "backgroundColor", "disabled", "onPress", "insertCSS", "background", "color"]
 }

package/dist/esm/AddThemeDemo.native.mjs

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { addTheme } from "@tamagui/theme";
+import { Button, H3, Square, Theme, YStack } from "tamagui";
+function AddThemeDemo() {
+  var [theme, setTheme] = React.useState();
+  return /* @__PURE__ */_jsxs(YStack, {
+    alignItems: "center",
+    space: !0,
+    children: [/* @__PURE__ */_jsxs(H3, {
+      children: ["Theme: ", theme ?? "none"]
+    }), /* @__PURE__ */_jsx(Theme, {
+      name: theme ?? "red",
+      children: /* @__PURE__ */_jsx(Square, {
+        borderRadius: "$8",
+        size: 100,
+        backgroundColor: "$color"
+      })
+    }), /* @__PURE__ */_jsx(Button, {
+      disabled: theme === "superblue",
+      onPress: function () {
+        addTheme({
+          name: "superblue",
+          insertCSS: !0,
+          theme: {
+            background: "#000",
+            color: "blue"
+          }
+        }), setTheme("superblue");
+      },
+      children: "Add superblue theme"
+    })]
+  });
+}
+export { AddThemeDemo };
+//# sourceMappingURL=AddThemeDemo.native.mjs.map

package/dist/esm/AddThemeDemo.native.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","addTheme","Button","H3","Square","Theme","YStack","AddThemeDemo","theme","setTheme","useState","alignItems","space","children","name","borderRadius","size","backgroundColor","disabled","onPress","insertCSS"],"sources":["../../src/AddThemeDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAS,aAAgB;AAEzB,SAASC,QAAQ,QAAI,gBAAe;AAO9B,SAGEC,MAHF,EAAAC,EAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,MAAA;AALC,SAASC,aAAA,EAAe;EAC7B,KAAAC,KAAO,EAAAC,QAAO,IAAQT,KAAI,CAAAU,QAAM;EAEhC,OACE,eAAAX,KAAC,CAAAO,MAAA;IACCK,UAAA;IAAIC,KAAA;IAAAC,QAAQ,GAAS,eAAOd,KAAA,CAAAI,EAAA;MAE5BU,QAAA,GAIA,WAACL,KAAA;IAAA,EACC,EAAoB,eACXX,IAAM,CAAAQ,KAAA;MACbS,IAAA,EAAAN,KAAS;MAAAK,QACP,EAAM,eAAAhB,IAAA,CAAAO,MAAA;QAAAW,YACN,EAAW;QAAAC,IACX,KAAO;QAAAC,eACL,EAAY;MAAA;IACL,IACT,eAEFpB,IAAS,CAAAK,MAAA,EAAW;MACtBgB,QAAA,EAAAV,KAAA;MACDW,OAAA,WAAAA,CAAA;QAAAlB,QAAA;UAEDa,IAAA;UACFM,SAAA;UAEJZ,KAAA","ignoreList":[]}

package/dist/esm/AlertDialogDemo.native.mjs

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertDialog, Button, XStack, YStack } from "tamagui";
+function AlertDialogDemo() {
+  return /* @__PURE__ */_jsxs(AlertDialog, {
+    native: !0,
+    children: [/* @__PURE__ */_jsx(AlertDialog.Trigger, {
+      asChild: !0,
+      children: /* @__PURE__ */_jsx(Button, {
+        children: "Show Alert"
+      })
+    }), /* @__PURE__ */_jsxs(AlertDialog.Portal, {
+      children: [/* @__PURE__ */_jsx(AlertDialog.Overlay, {
+        animation: "quick",
+        opacity: 0.5,
+        enterStyle: {
+          opacity: 0
+        },
+        exitStyle: {
+          opacity: 0
+        }
+      }, "overlay"), /* @__PURE__ */_jsx(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__ */_jsxs(YStack, {
+          space: !0,
+          children: [/* @__PURE__ */_jsx(AlertDialog.Title, {
+            children: "Accept"
+          }), /* @__PURE__ */_jsx(AlertDialog.Description, {
+            children: "By pressing yes, you accept our terms and conditions."
+          }), /* @__PURE__ */_jsxs(XStack, {
+            gap: "$3",
+            justifyContent: "flex-end",
+            children: [/* @__PURE__ */_jsx(AlertDialog.Cancel, {
+              asChild: !0,
+              children: /* @__PURE__ */_jsx(Button, {
+                children: "Cancel"
+              })
+            }), /* @__PURE__ */_jsx(AlertDialog.Action, {
+              asChild: !0,
+              children: /* @__PURE__ */_jsx(Button, {
+                theme: "active",
+                children: "Accept"
+              })
+            })]
+          })]
+        })
+      }, "content")]
+    })]
+  });
+}
+export { AlertDialogDemo };
+//# sourceMappingURL=AlertDialogDemo.native.mjs.map

package/dist/esm/AlertDialogDemo.native.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","AlertDialog","Button","XStack","YStack","AlertDialogDemo","native","children","Trigger","asChild","Portal","Overlay","animation","opacity","enterStyle","exitStyle","Content","bordered","elevate","overshootClamping","x","y","scale"],"sources":["../../src/AlertDialogDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAQC,KAAA,QAAQ,mBAAc;AAM5C,SAAAC,WAoCI,EAAAC,MApCJ,EAAAC,MAAA,EAAAC,MAAA;AAJD,SAASC,gBAAA,EAAkB;EAChC,OACE,eAAAL,KAAC,CAAAC,WAAA;IACCK,MAAA;IAIAC,QAAA,GACE,eAAAT,IAAA,CAAAG,WAAA,CAAAO,OAAA;MAACC,OAAA;MAAAF,QAAA,iBAAAT,IAAA,CAAAI,MAAA;QAECK,QAAA;MAAU;IACD,IACgB,eACdP,KAAE,CAAAC,WAAW,CAAAS,MAAA;MAAAH,QAAA,GAJpB,eAAAT,IAAA,CAAAG,WAAA,CAAAU,OAAA;QAKNC,SAAA;QACAC,OAAA;QAACC,UAAY;UAAZD,OAAA;QACC;QACAE,SAAO;UAEPF,OAAW;QACT;MAAA,GACA,2BACWf,IAAA,CAAAG,WAAA,CAAAe,OAAA;QAAAC,QACP;QAAmBC,OACrB;QACFN,SAAA,GACF,SACA;UACAC,OAAa;YACVM,iBAAA;UACH;QACA,EACG;QAEHL,UAAA;UACEM,CAAA;UACAC,CAAA;UAIAR,OAAA;UACES,KAAA;QAEA;QAGAP,SACF;UACFK,CAAA;UAAAC,CAAA;UA9BIR,OAAA;UA+BNS,KAAA;QACF;QACFF,CAAA;QAEJE,KAAA","ignoreList":[]}

package/dist/esm/AnimationsDemo.native.js

@@ -2,94 +2,19 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { LogoIcon } from "@tamagui/logo";
 import { Play } from "@tamagui/lucide-icons";
 import { Button, Square, useControllableState, useEvent } from "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] : {}, ownKeys2 = Object.keys(source);
-    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-    }))), 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();
-}
-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) {
-  var _useControllableState = _sliced_to_array(useControllableState({
+  var [positionI, setPositionI] = useControllableState({
     strategy: "most-recent-wins",
     prop: props.position,
     defaultProp: 0
-  }), 2), positionI = _useControllableState[0], setPositionI = _useControllableState[1], position = positions[positionI], onPress = useEvent(function() {
+  }), position = positions[positionI], onPress = useEvent(function() {
     setPositionI(function(x) {
       return (x + 1) % positions.length;
     });
   });
   return /* @__PURE__ */ _jsxs(_Fragment, {
     children: [
-      /* @__PURE__ */ _jsx(Square, _object_spread_props(_object_spread({
+      /* @__PURE__ */ _jsx(Square, {
         animation: props.animation || "bouncy",
         animateOnly: [
           "transform"
@@ -105,12 +30,12 @@ function AnimationsDemo(props) {
         },
         pressStyle: {
           scale: 0.9
-        }
-      }, position), {
+        },
+        ...position,
         children: props.children || /* @__PURE__ */ _jsx(LogoIcon, {
           downscale: 0.75
         })
-      })),
+      }),
       /* @__PURE__ */ _jsx(Button, {
         position: "absolute",
         bottom: 20,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/AnimationsDemo.tsx"],
-  "mappings": ";AAAA,SAASA,gBAAgB;AACzB,SAASC,YAAY;AACrB,SAASC,QAAQC,QAAQC,sBAAsBC,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAExD,SAASC,eAAeC,OAAK;AAClC,MAAkCH,wBAAAA,iBAAAA,qBAAqB;IACrDI,UAAU;IACVC,MAAMF,MAAMG;IACZC,aAAa;EACf,CAAA,GAAA,CAAA,GAJOC,YAA2BR,sBAAAA,CAAAA,GAAhBS,eAAgBT,sBAAAA,CAAAA,GAK5BM,WAAWI,UAAUF,SAAAA,GACrBG,UAAUV,SAAS,WAAA;AACvBQ,iBAAa,SAACG,GAAAA;AACZ,cAAQA,IAAI,KAAKF,UAAUG;IAC7B,CAAA;EACF,CAAA;AAEA,SACE,sBAAA,WAAA;;MACE,qBAACd,QAAAA,qBAAAA,eAAAA;QACCe,WAAYX,MAAMW,aAAa;QAC/BC,aAAa;UAAC;;QACdJ;QACAK,MAAM;QACNC,aAAY;QACZC,aAAa;QACbC,cAAa;QACbC,iBAAgB;QAChBC,YAAY;UACVC,OAAO;QACT;QACAC,YAAY;UACVD,OAAO;QACT;SACIhB,QAAAA,GAAAA;kBAEHH,MAAMqB,YAAY,qBAAC5B,UAAAA;UAAS6B,WAAW;;;MAG1C,qBAAC3B,QAAAA;QACCQ,UAAS;QACToB,QAAQ;QACRC,MAAM;QACNC,MAAM/B;QACNgC,OAAO1B,MAAM2B;QACbd,MAAK;QACLe,UAAQ;QACRpB;;;;AAIR;AAEO,IAAMD,YAAY;EACvB;IACEE,GAAG;IACHoB,GAAG;IACHV,OAAO;IACPW,QAAQ;EACV;EACA;IACErB,GAAG;IACHoB,GAAG;IACHV,OAAO;IACPW,QAAQ;IACRZ,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;EACF;EACA;IACEV,GAAG;IACHoB,GAAG;IACHV,OAAO;IACPW,QAAQ;IACRZ,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;EACF;;",
-  "names": ["LogoIcon", "Play", "Button", "Square", "useControllableState", "useEvent", "AnimationsDemo", "props", "strategy", "prop", "position", "defaultProp", "positionI", "setPositionI", "positions", "onPress", "x", "length", "animation", "animateOnly", "size", "borderColor", "borderWidth", "borderRadius", "backgroundColor", "hoverStyle", "scale", "pressStyle", "children", "downscale", "bottom", "left", "icon", "theme", "tint", "circular", "y", "rotate"]
+  "mappings": ";AAAA,SAASA,gBAAgB;AACzB,SAASC,YAAY;AACrB,SAASC,QAAQC,QAAQC,sBAAsBC,gBAAgB;AAExD,SAASC,eAAeC,OAAK;AAClC,MAAM,CAACC,WAAWC,YAAAA,IAAgBL,qBAAqB;IACrDM,UAAU;IACVC,MAAMJ,MAAMK;IACZC,aAAa;EACf,CAAA,GACMD,WAAWE,UAAUN,SAAAA,GACrBO,UAAUV,SAAS,WAAA;AACvBI,iBAAa,SAACO,GAAAA;AACZ,cAAQA,IAAI,KAAKF,UAAUG;IAC7B,CAAA;EACF,CAAA;AAEA,SACE,sBAAA,WAAA;;MACE,qBAACd,QAAAA;QACCe,WAAYX,MAAMW,aAAa;QAC/BC,aAAa;UAAC;;QACdJ;QACAK,MAAM;QACNC,aAAY;QACZC,aAAa;QACbC,cAAa;QACbC,iBAAgB;QAChBC,YAAY;UACVC,OAAO;QACT;QACAC,YAAY;UACVD,OAAO;QACT;QACC,GAAGd;kBAEHL,MAAMqB,YAAY,qBAAC5B,UAAAA;UAAS6B,WAAW;;;MAG1C,qBAAC3B,QAAAA;QACCU,UAAS;QACTkB,QAAQ;QACRC,MAAM;QACNC,MAAM/B;QACNgC,OAAO1B,MAAM2B;QACbd,MAAK;QACLe,UAAQ;QACRpB;;;;AAIR;AAEO,IAAMD,YAAY;EACvB;IACEE,GAAG;IACHoB,GAAG;IACHV,OAAO;IACPW,QAAQ;EACV;EACA;IACErB,GAAG;IACHoB,GAAG;IACHV,OAAO;IACPW,QAAQ;IACRZ,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;EACF;EACA;IACEV,GAAG;IACHoB,GAAG;IACHV,OAAO;IACPW,QAAQ;IACRZ,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;EACF;;",
+  "names": ["LogoIcon", "Play", "Button", "Square", "useControllableState", "useEvent", "AnimationsDemo", "props", "positionI", "setPositionI", "strategy", "prop", "position", "defaultProp", "positions", "onPress", "x", "length", "animation", "animateOnly", "size", "borderColor", "borderWidth", "borderRadius", "backgroundColor", "hoverStyle", "scale", "pressStyle", "children", "downscale", "bottom", "left", "icon", "theme", "tint", "circular", "y", "rotate"]
 }

package/dist/esm/AnimationsDemo.native.mjs

@@ -0,0 +1,78 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { LogoIcon } from "@tamagui/logo";
+import { Play } from "@tamagui/lucide-icons";
+import { Button, Square, useControllableState, useEvent } from "tamagui";
+function AnimationsDemo(props) {
+  var [positionI, setPositionI] = useControllableState({
+      strategy: "most-recent-wins",
+      prop: props.position,
+      defaultProp: 0
+    }),
+    position = positions[positionI],
+    onPress = useEvent(function () {
+      setPositionI(function (x) {
+        return (x + 1) % positions.length;
+      });
+    });
+  return /* @__PURE__ */_jsxs(_Fragment, {
+    children: [/* @__PURE__ */_jsx(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__ */_jsx(LogoIcon, {
+        downscale: 0.75
+      })
+    }), /* @__PURE__ */_jsx(Button, {
+      position: "absolute",
+      bottom: 20,
+      left: 20,
+      icon: Play,
+      theme: props.tint,
+      size: "$5",
+      circular: !0,
+      onPress
+    })]
+  });
+}
+var positions = [{
+  x: 0,
+  y: 0,
+  scale: 1,
+  rotate: "0deg"
+}, {
+  x: -50,
+  y: -50,
+  scale: 0.5,
+  rotate: "-45deg",
+  hoverStyle: {
+    scale: 0.6
+  },
+  pressStyle: {
+    scale: 0.4
+  }
+}, {
+  x: 50,
+  y: 50,
+  scale: 1,
+  rotate: "180deg",
+  hoverStyle: {
+    scale: 1.1
+  },
+  pressStyle: {
+    scale: 0.9
+  }
+}];
+export { AnimationsDemo, positions };
+//# sourceMappingURL=AnimationsDemo.native.mjs.map

package/dist/esm/AnimationsDemo.native.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","LogoIcon","Play","Button","Square","useControllableState","useEvent","AnimationsDemo","props","positionI","setPositionI","strategy","prop","position","defaultProp","positions","onPress","x","length","children","animation","animateOnly","size","borderColor","borderWidth","borderRadius","backgroundColor","hoverStyle","scale","pressStyle","downscale","bottom","left","icon","theme","tint","circular","y","rotate"],"sources":["../../src/AnimationsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAgB,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AACzB,SAASC,QAAA,QAAY;AACrB,SAASC,IAAA,QAAQ,uBAAQ;AAgBrB,SAAAC,MAAA,EAAAC,MAkBuB,EAlBvBC,oBAAA,EAAAC,QAAA;AAdG,SAASC,eAAeC,KAAA,EAAO;EACpC,KAAAC,SAAO,EAAAC,YAAW,IAAYL,oBAAI;MAChCM,QAAA,EAAU;MACVC,IAAA,EAAMJ,KAAA,CAAMK,QAAA;MACZC,WAAA,EAAa;IACf,CAAC;IACKD,QAAA,GAAWE,SAAA,CAAUN,SAAS;IAC9BO,OAAA,GAAUV,QAAA,CAAS,YAAM;MAC7BI,YAAA,CAAa,UACHO,CAAA,EAAI;QAEf,QAAAA,CAAA,QAAAF,SAAA,CAAAG,MAAA;MAED;IAEI;EAAA,OAAC,eAAApB,KAAA,CAAAE,SAAA;IAAAmB,QAAA,kBACavB,IAAM,CAAAQ,MAAA;MAClBgB,SAAA,EAAAZ,KAAc,CAAAY,SAAW;MACzBC,WAAA,GACA,WAAM,CACN;MACAL,OAAA;MACAM,IAAA;MACAC,WAAA,gBAAgB;MAChBC,WAAA,EAAY;MAAAC,YACH;MACTC,eAAA;MACAC,UAAA,EAAY;QACVC,KAAA,EAAO;MACT;MACCC,UAAG;QAEHD,KAAA;MAA6C;MAChD,GAAAf,QAAA;MAEAM,QAAA,EAAAX,KAAA,CAAAW,QAAA,mBAAAvB,IAAA,CAAAK,QAAA;QAAC6B,SAAA;MAAA;IAAA,EACC,EAAS,eACDlC,IAAA,CAAAO,MAAA;MACRU,QAAM;MACNkB,MAAM;MACNC,IAAA,IAAO;MACPC,IAAA,EAAK/B,IAAA;MACLgC,KAAA,EAAA1B,KAAQ,CAAA2B,IAAA;MACRb,IAAA;MAAAc,QAAA;MACFpB;IACF;EAIG;AAAkB;AACvB,IACED,SAAG;EAEHE,CAAA;EACAoB,CAAA;EACFT,KAAA;EACAU,MAAA;AAAA,GACK;EAEHrB,CAAA;EACAoB,CAAA;EACAT,KAAA;EAAYU,MACV,UAAO;EACTX,UAAA;IACAC,KAAA;EAAY;EAEZC,UAAA;IACFD,KAAA;EACA;AAAA,GACK;EAEHX,CAAA;EACAoB,CAAA;EACAT,KAAA;EAAYU,MACV,UAAO;EACTX,UAAA;IACAC,KAAA;EAAY;EAEZC,UAAA;IACFD,KAAA;EACF","ignoreList":[]}