@tamagui/demos 1.110.5 → 1.111.1

package/dist/esm/AnimationsEnterDemo.native.js

@@ -3,49 +3,8 @@ import React from "react";
 import { LogoIcon } from "@tamagui/logo";
 import { Button, Square, YStack, isWeb } from "tamagui";
 import { useIsIntersecting } from "./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) {
-  var ref = React.useRef(null), _React_useState = _sliced_to_array(React.useState(0), 2), key = _React_useState[0], setKey = _React_useState[1];
+  var ref = React.useRef(null), [key, setKey] = React.useState(0);
   if (isWeb) {
     var hasIntersected = useIsIntersecting(ref, {
       once: !0

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/AnimationsEnterDemo.tsx"],
-  "mappings": ";AAAA,OAAOA,WAAW;AAClB,SAASC,gBAAgB;AAEzB,SAASC,QAAQC,QAAQC,QAAQC,aAAa;AAE9C,SAASC,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE3B,SAASC,oBAAoBC,OAAU;AAC5C,MAAMC,MAAMT,MAAMU,OAAoB,IAAA,GAChBV,kBAAAA,iBAAAA,MAAMW,SAAS,CAAA,GAAA,CAAA,GAA9BC,MAAeZ,gBAAAA,CAAAA,GAAVa,SAAUb,gBAAAA,CAAAA;AAEtB,MAAIK,OAAO;AACT,QAAMS,iBAAiBR,kBAAkBG,KAAK;MAAEM,MAAM;IAAK,CAAA;AAE3D,QAAI,CAACD;AACH,aAAO,qBAACV,QAAAA;QAAOK;;EAEnB;MAoBOD;AAlBP,SACE,sBAAA,WAAA;;MACE,qBAACL,QAAAA;QAECa,YAAY;UACVC,OAAO;UACPC,GAAG;UACHC,SAAS;QACX;QACAC,WAAU;QACVC,WAAU;QACVC,MAAM;QACNH,SAAS;QACTF,OAAO;QACPC,GAAG;QACHK,iBAAgB;QAChBC,cAAa;mBAEZhB,kBAAAA,MAAMiB,cAAQ,QAAdjB,oBAAAA,SAAAA,kBAAkB,qBAACP,UAAAA;UAASyB,WAAW;;SAfnCd,GAAAA;MAkBP,qBAACV,QAAAA;QAAOoB,MAAK;QAAKK,WAAU;QAAKC,SAAS,WAAA;iBAAMf,OAAOgB,KAAKC,OAAM,CAAA;;kBAAK;;;;AAK7E;",
-  "names": ["React", "LogoIcon", "Button", "Square", "YStack", "isWeb", "useIsIntersecting", "AnimationsEnterDemo", "props", "ref", "useRef", "useState", "key", "setKey", "hasIntersected", "once", "enterStyle", "scale", "y", "opacity", "animation", "elevation", "size", "backgroundColor", "borderRadius", "children", "downscale", "marginTop", "onPress", "Math", "random"]
+  "mappings": ";AAAA,OAAOA,WAAW;AAClB,SAASC,gBAAgB;AAEzB,SAASC,QAAQC,QAAQC,QAAQC,aAAa;AAE9C,SAASC,yBAAyB;AAE3B,SAASC,oBAAoBC,OAAU;AAC5C,MAAMC,MAAMT,MAAMU,OAAoB,IAAA,GAChC,CAACC,KAAKC,MAAAA,IAAUZ,MAAMa,SAAS,CAAA;AAErC,MAAIR,OAAO;AACT,QAAMS,iBAAiBR,kBAAkBG,KAAK;MAAEM,MAAM;IAAK,CAAA;AAE3D,QAAI,CAACD;AACH,aAAO,qBAACV,QAAAA;QAAOK;;EAEnB;MAoBOD;AAlBP,SACE,sBAAA,WAAA;;MACE,qBAACL,QAAAA;QAECa,YAAY;UACVC,OAAO;UACPC,GAAG;UACHC,SAAS;QACX;QACAC,WAAU;QACVC,WAAU;QACVC,MAAM;QACNH,SAAS;QACTF,OAAO;QACPC,GAAG;QACHK,iBAAgB;QAChBC,cAAa;mBAEZhB,kBAAAA,MAAMiB,cAAQ,QAAdjB,oBAAAA,SAAAA,kBAAkB,qBAACP,UAAAA;UAASyB,WAAW;;SAfnCf,GAAAA;MAkBP,qBAACT,QAAAA;QAAOoB,MAAK;QAAKK,WAAU;QAAKC,SAAS,WAAA;iBAAMhB,OAAOiB,KAAKC,OAAM,CAAA;;kBAAK;;;;AAK7E;",
+  "names": ["React", "LogoIcon", "Button", "Square", "YStack", "isWeb", "useIsIntersecting", "AnimationsEnterDemo", "props", "ref", "useRef", "key", "setKey", "useState", "hasIntersected", "once", "enterStyle", "scale", "y", "opacity", "animation", "elevation", "size", "backgroundColor", "borderRadius", "children", "downscale", "marginTop", "onPress", "Math", "random"]
 }

package/dist/esm/AnimationsEnterDemo.native.mjs

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import { LogoIcon } from "@tamagui/logo";
+import { Button, Square, YStack, isWeb } from "tamagui";
+import { useIsIntersecting } from "./useOnIntersecting.mjs";
+function AnimationsEnterDemo(props) {
+  var ref = React.useRef(null),
+    [key, setKey] = React.useState(0);
+  if (isWeb) {
+    var hasIntersected = useIsIntersecting(ref, {
+      once: !0
+    });
+    if (!hasIntersected) return /* @__PURE__ */_jsx(YStack, {
+      ref
+    });
+  }
+  var _props_children;
+  return /* @__PURE__ */_jsxs(_Fragment, {
+    children: [/* @__PURE__ */_jsx(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__ */_jsx(LogoIcon, {
+        downscale: 0.75
+      })
+    }, key), /* @__PURE__ */_jsx(Button, {
+      size: "$3",
+      marginTop: "$4",
+      onPress: function () {
+        return setKey(Math.random());
+      },
+      children: "Re-mount"
+    })]
+  });
+}
+export { AnimationsEnterDemo };
+//# sourceMappingURL=AnimationsEnterDemo.native.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","LogoIcon","Button","Square","YStack","isWeb","useIsIntersecting","AnimationsEnterDemo","props","ref","useRef","key","setKey","useState","hasIntersected","once","_props_children","children","enterStyle","scale","y","opacity","animation","elevation","size"],"sources":["../../src/AnimationsEnterDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAClB,OAAAC,KAAS,aAAgB;AAEzB,SAASC,QAAQ,QAAQ,eAAQ;AAEjC,SAASC,MAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,KAAyB;AAUrB,SAKTC,iBAAA,iCALS;AARN,SAASC,oBAAoBC,KAAA,EAAY;EAC9C,IAAAC,GAAM,GAAAT,KAAM,CAAAU,MAAM,KAAoB;IAAI,CAAAC,GACnC,EAAAC,MAAK,IAAMZ,KAAI,CAAAa,QAAM,GAAS;EAErC,IAAAR,KAAI;IAUA,IAAAS,cAAA,GAAAR,iBAAA,CAAAG,GAAA;MAACM,IAAA;IAAA;IAAA,IAEC,CAAAD,cAAY,SACV,eAAOnB,IAAA,CAAAS,MAAA;MAAAK;IACJ;EACM;EACX,IAAAO,eACU;EAAA,OACV,eAAUnB,KAAA,CAAAE,SAAA;IAAAkB,QACV,EAAM,gBACGtB,IAAA,CAAAQ,MAAA;MACTe,UAAO;QACPC,KAAG;QACHC,CAAA;QACAC,OAAA;MAEC;MAA6CC,SAAA;MAfzCC,SAAA;MAgBPC,IAAA;MAEAH,OAAA;MAGFF,KAAA;MAEJC,CAAA","ignoreList":[]}

package/dist/esm/AnimationsHoverDemo.native.mjs

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LogoIcon } from "@tamagui/logo";
+import { Square } from "tamagui";
+function AnimationsHoverDemo() {
+  return /* @__PURE__ */_jsx(Square, {
+    borderColor: "$borderColor",
+    animation: "bouncy",
+    elevation: "$4",
+    backgroundColor: "$color9",
+    size: 104,
+    borderRadius: "$9",
+    hoverStyle: {
+      scale: 1.2
+    },
+    pressStyle: {
+      scale: 0.9
+    },
+    children: /* @__PURE__ */_jsx(LogoIcon, {
+      downscale: 0.75
+    })
+  });
+}
+export { AnimationsHoverDemo };
+//# sourceMappingURL=AnimationsHoverDemo.native.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","LogoIcon","Square","AnimationsHoverDemo","borderColor","animation","elevation","backgroundColor","size","borderRadius","hoverStyle","scale","pressStyle","children","downscale"],"sources":["../../src/AnimationsHoverDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAgB;AACzB,SAASC,QAAA,QAAc;AAkBjB,SAAAC,MAAA;AAhBC,SAASC,oBAAA,EAAsB;EACpC,OACE,eAAAH,IAAA,CAAAE,MAAA;IAACE,WAAA;IAAAC,SAAA;IAAAC,SACC,MAAY;IAAAC,eACF;IAAAC,IACV;IAAUC,YACV;IAAgBC,UACV;MACNC,KAAA;IAAa;IACDC,UACV,EAAO;MACTD,KAAA;IAAA;IACYE,QACV,iBAAOb,IAAA,CAAAC,QAAA;MACTa,SAAA;IAAA;EAE2B;AAAA;AAGjC,S","ignoreList":[]}

package/dist/esm/AnimationsPresenceDemo.native.js

@@ -6,47 +6,6 @@ import { Button, Image, XStack, YStack, styled } from "tamagui";
 import photo1 from "../../public/photo1.jpg";
 import photo2 from "../../public/photo2.jpg";
 import photo3 from "../../public/photo3.jpg";
-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);
-  }
-}
 var images = [
   photo1,
   photo2,
@@ -81,10 +40,10 @@ var images = [
   return ((v - min) % rangeSize + rangeSize) % rangeSize + min;
 };
 function AnimationsPresenceDemo() {
-  var _React_useState = _sliced_to_array(React.useState([
+  var [[page, going], setPage] = React.useState([
     0,
     0
-  ]), 2), _React_useState_ = _sliced_to_array(_React_useState[0], 2), page = _React_useState_[0], going = _React_useState_[1], setPage = _React_useState[1], imageIndex = wrap(0, images.length, page), paginate = function(going2) {
+  ]), imageIndex = wrap(0, images.length, page), paginate = function(going2) {
     setPage([
       page + going2,
       going2

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/AnimationsPresenceDemo.tsx"],
-  "mappings": ";AAAA,OAAOA,WAAW;AAClB,SAASC,uBAAuB;AAChC,SAASC,WAAWC,kBAAkB;AAEtC,SAASC,QAAQC,OAAOC,QAAQC,QAAQC,cAAc;AAGtD,OAAOC,YAAY;AAEnB,OAAOC,YAAY;AAEnB,OAAOC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEZ,IAAMC,SAAS;EAACH;EAAQC;EAAQC;EAAQE,IAAI,SAACC,GAAAA;SAAMA,EAAEC,OAAOD;IAE7DE,cAAcR,OAAOD,QAAQ;EACjCU,QAAQ;EACRH,GAAG;EACHI,SAAS;EACTC,YAAY;EAEZC,UAAU;;IAERC,OAAO;MACL,WAAW,SAACA,OAAAA;eAAW;UACrBC,YAAY;YACVR,GAAGO,QAAQ,IAAI,MAAO;YACtBH,SAAS;UACX;UACAK,WAAW;YACTN,QAAQ;YACRH,GAAGO,QAAQ,IAAI,MAAO;YACtBH,SAAS;UACX;QACF;;IACF;EACF;AACF,CAAA,GAEMM,OAAO,SAACC,KAAaC,KAAaC,GAAAA;AACtC,MAAMC,YAAYF,MAAMD;AACxB,WAAWE,IAAIF,OAAOG,YAAaA,aAAaA,YAAaH;AAC/D;AAEO,SAASI,yBAAAA;AACd,MAAiC7B,kBAAAA,iBAAAA,MAAM8B,SAAS;IAAC;IAAG;GAAE,GAAA,CAAA,GAAA,mBAAA,iBAArB9B,gBAAAA,CAAAA,GAAAA,CAAAA,GAAzB+B,OAAAA,iBAAAA,CAAAA,GAAMV,QAAAA,iBAAAA,CAAAA,GAAQW,UAAWhC,gBAAAA,CAAAA,GAE3BiC,aAAaT,KAAK,GAAGZ,OAAOsB,QAAQH,IAAAA,GACpCI,WAAW,SAACd,QAAAA;AAChBW,YAAQ;MAACD,OAAOV;MAAOA;KAAM;EAC/B;AAEA,SACE,sBAACf,QAAAA;IACC8B,UAAS;IACTC,iBAAgB;IAChBC,UAAS;IACTC,QAAQ;IACRC,OAAM;IACNC,YAAW;;MAEX,qBAACxC,iBAAAA;QAAgByC,SAAS;QAAOC,QAAQ;UAAEtB;QAAM;kBAC/C,qBAACL,aAAAA;UAAuB4B,WAAU;UAAOvB;oBACvC,qBAAChB,OAAAA;YAAMwC,QAAQ;cAAEC,KAAKlC,OAAOqB,UAAAA;cAAaO,OAAO;cAAKD,QAAQ;YAAI;;WADlDR,IAAAA;;MAKpB,qBAAC3B,QAAAA;QACC2C,oBAAmB;QACnBC,MAAM9C;QACN+C,MAAK;QACLX,UAAS;QACTY,MAAK;QACLC,UAAQ;QACRC,SAAO;QACPC,SAAS,WAAA;iBAAMlB,SAAS,EAAC;;QACzBmB,IAAI;;MAGN,qBAAClD,QAAAA;QACC2C,oBAAmB;QACnBC,MAAM7C;QACN8C,MAAK;QACLX,UAAS;QACTiB,OAAM;QACNJ,UAAQ;QACRC,SAAO;QACPC,SAAS,WAAA;iBAAMlB,SAAS,CAAA;;QACxBmB,IAAI;;;;AAIZ;",
-  "names": ["React", "AnimatePresence", "ArrowLeft", "ArrowRight", "Button", "Image", "XStack", "YStack", "styled", "photo1", "photo2", "photo3", "images", "map", "x", "src", "GalleryItem", "zIndex", "opacity", "fullscreen", "variants", "going", "enterStyle", "exitStyle", "wrap", "min", "max", "v", "rangeSize", "AnimationsPresenceDemo", "useState", "page", "setPage", "imageIndex", "length", "paginate", "overflow", "backgroundColor", "position", "height", "width", "alignItems", "initial", "custom", "animation", "source", "uri", "accessibilityLabel", "icon", "size", "left", "circular", "elevate", "onPress", "zi", "right"]
+  "mappings": ";AAAA,OAAOA,WAAW;AAClB,SAASC,uBAAuB;AAChC,SAASC,WAAWC,kBAAkB;AAEtC,SAASC,QAAQC,OAAOC,QAAQC,QAAQC,cAAc;AAGtD,OAAOC,YAAY;AAEnB,OAAOC,YAAY;AAEnB,OAAOC,YAAY;AAEZ,IAAMC,SAAS;EAACH;EAAQC;EAAQC;EAAQE,IAAI,SAACC,GAAAA;SAAMA,EAAEC,OAAOD;IAE7DE,cAAcR,OAAOD,QAAQ;EACjCU,QAAQ;EACRH,GAAG;EACHI,SAAS;EACTC,YAAY;EAEZC,UAAU;;IAERC,OAAO;MACL,WAAW,SAACA,OAAAA;eAAW;UACrBC,YAAY;YACVR,GAAGO,QAAQ,IAAI,MAAO;YACtBH,SAAS;UACX;UACAK,WAAW;YACTN,QAAQ;YACRH,GAAGO,QAAQ,IAAI,MAAO;YACtBH,SAAS;UACX;QACF;;IACF;EACF;AACF,CAAA,GAEMM,OAAO,SAACC,KAAaC,KAAaC,GAAAA;AACtC,MAAMC,YAAYF,MAAMD;AACxB,WAAWE,IAAIF,OAAOG,YAAaA,aAAaA,YAAaH;AAC/D;AAEO,SAASI,yBAAAA;AACd,MAAM,CAAC,CAACC,MAAMT,KAAAA,GAAQU,OAAAA,IAAW/B,MAAMgC,SAAS;IAAC;IAAG;GAAE,GAEhDC,aAAaT,KAAK,GAAGZ,OAAOsB,QAAQJ,IAAAA,GACpCK,WAAW,SAACd,QAAAA;AAChBU,YAAQ;MAACD,OAAOT;MAAOA;KAAM;EAC/B;AAEA,SACE,sBAACf,QAAAA;IACC8B,UAAS;IACTC,iBAAgB;IAChBC,UAAS;IACTC,QAAQ;IACRC,OAAM;IACNC,YAAW;;MAEX,qBAACxC,iBAAAA;QAAgByC,SAAS;QAAOC,QAAQ;UAAEtB;QAAM;kBAC/C,qBAACL,aAAAA;UAAuB4B,WAAU;UAAOvB;oBACvC,qBAAChB,OAAAA;YAAMwC,QAAQ;cAAEC,KAAKlC,OAAOqB,UAAAA;cAAaO,OAAO;cAAKD,QAAQ;YAAI;;WADlDT,IAAAA;;MAKpB,qBAAC1B,QAAAA;QACC2C,oBAAmB;QACnBC,MAAM9C;QACN+C,MAAK;QACLX,UAAS;QACTY,MAAK;QACLC,UAAQ;QACRC,SAAO;QACPC,SAAS,WAAA;iBAAMlB,SAAS,EAAC;;QACzBmB,IAAI;;MAGN,qBAAClD,QAAAA;QACC2C,oBAAmB;QACnBC,MAAM7C;QACN8C,MAAK;QACLX,UAAS;QACTiB,OAAM;QACNJ,UAAQ;QACRC,SAAO;QACPC,SAAS,WAAA;iBAAMlB,SAAS,CAAA;;QACxBmB,IAAI;;;;AAIZ;",
+  "names": ["React", "AnimatePresence", "ArrowLeft", "ArrowRight", "Button", "Image", "XStack", "YStack", "styled", "photo1", "photo2", "photo3", "images", "map", "x", "src", "GalleryItem", "zIndex", "opacity", "fullscreen", "variants", "going", "enterStyle", "exitStyle", "wrap", "min", "max", "v", "rangeSize", "AnimationsPresenceDemo", "page", "setPage", "useState", "imageIndex", "length", "paginate", "overflow", "backgroundColor", "position", "height", "width", "alignItems", "initial", "custom", "animation", "source", "uri", "accessibilityLabel", "icon", "size", "left", "circular", "elevate", "onPress", "zi", "right"]
 }

package/dist/esm/AnimationsPresenceDemo.native.mjs

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { AnimatePresence } from "@tamagui/animate-presence";
+import { ArrowLeft, ArrowRight } from "@tamagui/lucide-icons";
+import { Button, Image, XStack, YStack, styled } from "tamagui";
+import photo1 from "../../public/photo1.jpg";
+import photo2 from "../../public/photo2.jpg";
+import photo3 from "../../public/photo3.jpg";
+var images = [photo1, photo2, photo3].map(function (x) {
+    return x.src || x;
+  }),
+  GalleryItem = styled(YStack, {
+    zIndex: 1,
+    x: 0,
+    opacity: 1,
+    fullscreen: !0,
+    variants: {
+      // 1 = right, 0 = nowhere, -1 = left
+      going: {
+        ":number": function (going) {
+          return {
+            enterStyle: {
+              x: going > 0 ? 1e3 : -1e3,
+              opacity: 0
+            },
+            exitStyle: {
+              zIndex: 0,
+              x: going < 0 ? 1e3 : -1e3,
+              opacity: 0
+            }
+          };
+        }
+      }
+    }
+  }),
+  wrap = function (min, max, v) {
+    var rangeSize = max - min;
+    return ((v - min) % rangeSize + rangeSize) % rangeSize + min;
+  };
+function AnimationsPresenceDemo() {
+  var [[page, going], setPage] = React.useState([0, 0]),
+    imageIndex = wrap(0, images.length, page),
+    paginate = function (going2) {
+      setPage([page + going2, going2]);
+    };
+  return /* @__PURE__ */_jsxs(XStack, {
+    overflow: "hidden",
+    backgroundColor: "#000",
+    position: "relative",
+    height: 300,
+    width: "100%",
+    alignItems: "center",
+    children: [/* @__PURE__ */_jsx(AnimatePresence, {
+      initial: !1,
+      custom: {
+        going
+      },
+      children: /* @__PURE__ */_jsx(GalleryItem, {
+        animation: "slow",
+        going,
+        children: /* @__PURE__ */_jsx(Image, {
+          source: {
+            uri: images[imageIndex],
+            width: 820,
+            height: 300
+          }
+        })
+      }, page)
+    }), /* @__PURE__ */_jsx(Button, {
+      accessibilityLabel: "Carousel left",
+      icon: ArrowLeft,
+      size: "$5",
+      position: "absolute",
+      left: "$4",
+      circular: !0,
+      elevate: !0,
+      onPress: function () {
+        return paginate(-1);
+      },
+      zi: 100
+    }), /* @__PURE__ */_jsx(Button, {
+      accessibilityLabel: "Carousel right",
+      icon: ArrowRight,
+      size: "$5",
+      position: "absolute",
+      right: "$4",
+      circular: !0,
+      elevate: !0,
+      onPress: function () {
+        return paginate(1);
+      },
+      zi: 100
+    })]
+  });
+}
+export { AnimationsPresenceDemo, images };
+//# sourceMappingURL=AnimationsPresenceDemo.native.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","AnimatePresence","ArrowLeft","ArrowRight","Button","Image","XStack","YStack","styled","photo1","photo2","photo3","images","map","x","src","GalleryItem","zIndex","opacity","fullscreen","variants","going",":number","enterStyle","exitStyle","wrap","min","max","v","rangeSize","AnimationsPresenceDemo","page","setPage","useState","imageIndex","length","paginate","going2","overflow","backgroundColor","position","height","width","alignItems","children","initial","custom","animation","source","uri","accessibilityLabel","icon","size"],"sources":["../../src/AnimationsPresenceDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAS;AACT,SAASC,eAAW,mCAAkB;AAEtC,SAASC,SAAQ,EAAAC,UAAO,QAAQ,uBAAsB;AAGtD,SAAOC,MAAA,EAAAC,KAAY,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAEnB,OAAOC,MAAA,MAAY;AAEnB,OAAOC,MAAA,MAAY;AA0Cf,OAAAC,MAUM,MAVN;AAxCG,IAAAC,MAAM,IAGXH,MAAA,EACAC,MAAG,EACHC,MAAA,CAAS,CACTE,GAAA,WAAYC,CAAA;IAEZ,OAAAA,CAAA,CAAAC,GAAU,IAAAD,CAAA;EAAA;EAAAE,WAAA,GAAAR,MAAA,CAAAD,MAAA;IAAAU,MAER,GAAO;IAAAH,CAAA,GACL;IAAuBI,OACrB;IAAYC,UACV,EAAG;IAAmBC,QACtB;MAAS;MACXC,KACA;QAAW,SACT,WAAAC,CAAQD,KAAA;UAAA,OACL;YACHE,UAAS;cACXT,CAAA,EAAAO,KAAA;cACFH,OAAA;YACF;YACFM,SAAA;cAGYP,MAAa;cACnBH,CAAA,EAAAO,KAAY,OAAM;cACbH,OAAI;YACjB;UAEO,CAAS;QACd;MAIE;IACF;EAEA;EAAAO,IAAA,GACE,SAAAA,CAAAC,GAAA,EAAAC,GAAA,EAAAC,CAAA;IAAA,IAACC,SAAA,GAAAF,GAAA,GAAAD,GAAA;IAAA,SAAAE,CAAA,GAAAF,GAAA,IAAAG,SAAA,GAAAA,SAAA,IAAAA,SAAA,GAAAH,GAAA;EAAA;AACU,SACTI,sBAAgBA,CAAA;EAAA,IAChB,EAAAC,IAAA,EAAAV,KAAS,GAAAW,OAAA,IAAAhC,KAAA,CAAAiC,QAAA,KACD,EACF;IACNC,UAAA,GAAWT,IAAA,IAAAb,MAAA,CAAAuB,MAAA,EAAAJ,IAAA;IAAAK,QAAA,YAAAA,CAAAC,MAAA;MAAAL,OAEX,EAAAD,IAAA,GAAAM,MAAA,EAIAA,MAEA;IAAC;EAAA,sBACCtC,KAAA,CAAAO,MAAmB;IAAAgC,QACnB,UAAM;IAAAC,eACD;IAAAC,QACL,YAAS;IAAAC,MAAA,EACT;IAAKC,KAAA,QACL;IAAQC,UACR,UAAO;IAAAC,QACP,GAA0B,eACtB/C,IAAA,CAAAI,eAAA;MAAA4C,OAAA;MACNC,MAAA;QAEAzB;MAAA;MAACuB,QAAA,iBAAA/C,IAAA,CAAAmB,WAAA;QAAA+B,SACC;QAAmB1B,KACnB;QAAMuB,QACD,iBAAA/C,IAAA,CAAAQ,KAAA;UACL2C,MAAA;YACAC,GAAA,EAAMrC,MAAA,CAAAsB,UAAA;YACNQ,KAAA,KAAQ;YACRD,MAAA,EAAO;UACP;QAAyB;MACrB,GAAAV,IAAA;IAAA,EACN,iBAAAlC,IAAA,CAAAO,MAAA;MAAA8C,kBAAA;MACFC,IAAA,EAAAjD,SAAA;MAEJkD,IAAA","ignoreList":[]}

package/dist/esm/AnimationsTimingDemo.native.mjs

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LogoIcon } from "@tamagui/logo";
+import { Square } from "tamagui";
+function AnimationsTimingDemo() {
+  return /* @__PURE__ */_jsx(Square, {
+    backgroundColor: "$pink10",
+    animation: "100ms",
+    elevation: "$4",
+    size: 110,
+    borderRadius: "$9",
+    hoverStyle: {
+      scale: 1.2
+    },
+    pressStyle: {
+      scale: 0.9
+    },
+    children: /* @__PURE__ */_jsx(LogoIcon, {
+      downscale: 0.75
+    })
+  });
+}
+export { AnimationsTimingDemo };
+//# sourceMappingURL=AnimationsTimingDemo.native.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","LogoIcon","Square","AnimationsTimingDemo","backgroundColor","animation","elevation","size","borderRadius","hoverStyle","scale","pressStyle","children","downscale"],"sources":["../../src/AnimationsTimingDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAgB;AACzB,SAASC,QAAA,QAAc;AAiBjB,SAAAC,MAAA;AAfC,SAASC,qBAAA,EAAuB;EACrC,OACE,eAAAH,IAAA,CAAAE,MAAA;IAACE,eAAA;IAAAC,SAAA;IAAAC,SACC;IAAgBC,IAChB;IAAUC,YACV,EAAU;IAAAC,UACJ;MACNC,KAAA;IAAa;IACDC,UACV,EAAO;MACTD,KAAA;IAAA;IACYE,QACV,iBAAOZ,IAAA,CAAAC,QAAA;MACTY,SAAA;IAAA;EAE2B;AAAA;AAGjC,S","ignoreList":[]}

package/dist/esm/AvatarDemo.native.mjs

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "react";
+import { Avatar, XStack } from "tamagui";
+function AvatarDemo() {
+  return /* @__PURE__ */_jsxs(XStack, {
+    alignItems: "center",
+    gap: "$6",
+    children: [/* @__PURE__ */_jsxs(Avatar, {
+      circular: !0,
+      size: "$10",
+      children: [/* @__PURE__ */_jsx(Avatar.Image, {
+        accessibilityLabel: "Cam",
+        src: "https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"
+      }), /* @__PURE__ */_jsx(Avatar.Fallback, {
+        backgroundColor: "$blue10"
+      })]
+    }), /* @__PURE__ */_jsxs(Avatar, {
+      circular: !0,
+      size: "$8",
+      children: [/* @__PURE__ */_jsx(Avatar.Image, {
+        accessibilityLabel: "Nate Wienert",
+        src: "https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"
+      }), /* @__PURE__ */_jsx(Avatar.Fallback, {
+        delayMs: 600,
+        backgroundColor: "$blue10"
+      })]
+    })]
+  });
+}
+export { AvatarDemo };
+//# sourceMappingURL=AvatarDemo.native.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Avatar","XStack","AvatarDemo","alignItems","gap","children","circular","size","Image","accessibilityLabel","src","Fallback","backgroundColor"],"sources":["../../src/AvatarDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAA,IAAAC,KAAc;AAKzB;AAHC,SAASC,MAAA,EAAAC,MAAa;AAC3B,SACEC,WAAA;EACE,sBAACH,KAAA,CAAAE,MAAO;IACNE,UAAA;IAAAC,GAAA,EAAC;IAAOC,QAAP,kBACCN,KAAA,CAAAC,MAAmB;MAAAM,QACf;MAAAC,IAAA;MACNF,QAAA,GACA,eAACR,IAAA,CAAAG,MAAO,CAAAQ,KAAP,EAAgB;QACnBC,kBAAA;QAEAC,GAAA;MACE,IAAC,eAAOb,IAAA,CAAAG,MAAA,CAAAW,QAAA;QAAPC,eAAA;MACC;IACI,IACN,eAAAb,KAAA,CAAAC,MAAA;MACAM,QAAA;MACFC,IAAA;MACFF,QAAA,GAEJ,eAAAR,IAAA,CAAAG,MAAA,CAAAQ,KAAA","ignoreList":[]}

package/dist/esm/BuildAButtonDemo.native.js

@@ -1,40 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Drumstick, Hand } from "@tamagui/lucide-icons";
 import { Button, XStack, YStack } from "tamagui";
-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 _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;
-}
 var outlined = {
   backgroundColor: "transparent",
   borderWidth: 2,
@@ -55,95 +21,99 @@ function BuildAButtonDemo() {
       x: -40,
       rotate: "-10deg",
       children: [
-        /* @__PURE__ */ _jsx(ButtonCol, _object_spread_props(_object_spread({
+        /* @__PURE__ */ _jsx(ButtonCol, {
           y: 35,
-          size: "$2"
-        }, outlined), {
+          size: "$2",
+          ...outlined,
           subTheme: "alt1",
           borderWidth: 1
-        })),
+        }),
         /* @__PURE__ */ _jsx(ButtonCol, {
           y: 30
         }),
-        /* @__PURE__ */ _jsx(ButtonCol, _object_spread({
-          y: -50
-        }, outlined)),
-        /* @__PURE__ */ _jsx(ButtonCol, _object_spread_props(_object_spread({}, outlined), {
+        /* @__PURE__ */ _jsx(ButtonCol, {
+          y: -50,
+          ...outlined
+        }),
+        /* @__PURE__ */ _jsx(ButtonCol, {
+          ...outlined,
           icon: /* @__PURE__ */ _jsx(Hand, {})
-        })),
+        }),
         /* @__PURE__ */ _jsx(ButtonCol, {
           size: "$6",
           subTheme: "alt2"
         }),
-        /* @__PURE__ */ _jsx(ButtonCol, _object_spread({
+        /* @__PURE__ */ _jsx(ButtonCol, {
           size: "$6",
-          subTheme: "alt2"
-        }, outlined)),
-        /* @__PURE__ */ _jsx(ButtonCol, _object_spread({
+          subTheme: "alt2",
+          ...outlined
+        }),
+        /* @__PURE__ */ _jsx(ButtonCol, {
           size: "$8",
           subTheme: "alt2",
-          iconAfter: /* @__PURE__ */ _jsx(Drumstick, {})
-        }, outlined)),
+          iconAfter: /* @__PURE__ */ _jsx(Drumstick, {}),
+          ...outlined
+        }),
         /* @__PURE__ */ _jsx(ButtonCol, {
           size: "$10",
           subTheme: "alt1"
         }),
-        /* @__PURE__ */ _jsx(ButtonCol, _object_spread_props(_object_spread({
+        /* @__PURE__ */ _jsx(ButtonCol, {
           size: "$8",
-          subTheme: "alt2"
-        }, outlined), {
+          subTheme: "alt2",
+          ...outlined,
           borderRadius: 0
-        }))
+        })
       ]
     })
   });
 }
 function ButtonCol(props) {
-  var subTheme = props.subTheme ? "_".concat(props.subTheme) : "";
+  var subTheme = props.subTheme ? `_${props.subTheme}` : "";
   return /* @__PURE__ */ _jsxs(YStack, {
     padding: "$2",
     gap: "$3",
     children: [
-      /* @__PURE__ */ _jsx(Button, _object_spread_props(_object_spread({
-        theme: props.subTheme
-      }, props), {
+      /* @__PURE__ */ _jsx(Button, {
+        theme: props.subTheme,
+        ...props,
         children: "Hello"
-      })),
-      /* @__PURE__ */ _jsx(Button, _object_spread_props(_object_spread({
-        theme: "orange" + subTheme
-      }, props), {
+      }),
+      /* @__PURE__ */ _jsx(Button, {
+        theme: "orange" + subTheme,
+        ...props,
         children: "Hello"
-      })),
-      /* @__PURE__ */ _jsx(Button, _object_spread_props(_object_spread({
-        theme: "yellow" + subTheme
-      }, props), {
+      }),
+      /* @__PURE__ */ _jsx(Button, {
+        theme: "yellow" + subTheme,
+        ...props,
         children: "Hello"
-      })),
-      /* @__PURE__ */ _jsx(Button, _object_spread_props(_object_spread({
-        theme: "green" + subTheme
-      }, props), {
+      }),
+      /* @__PURE__ */ _jsx(Button, {
+        theme: "green" + subTheme,
+        ...props,
         children: "Hello"
-      })),
-      /* @__PURE__ */ _jsx(Button, _object_spread_props(_object_spread({
-        theme: "blue" + subTheme
-      }, props), {
+      }),
+      /* @__PURE__ */ _jsx(Button, {
+        theme: "blue" + subTheme,
+        ...props,
         children: "Hello"
-      })),
-      /* @__PURE__ */ _jsx(Button, _object_spread_props(_object_spread({
-        theme: "purple" + subTheme
-      }, props), {
+      }),
+      /* @__PURE__ */ _jsx(Button, {
+        theme: "purple" + subTheme,
+        ...props,
         children: "Hello"
-      })),
-      /* @__PURE__ */ _jsx(Button, _object_spread_props(_object_spread({
-        theme: "pink" + subTheme
-      }, props), {
+      }),
+      /* @__PURE__ */ _jsx(Button, {
+        theme: "pink" + subTheme,
+        ...props,
         children: "Hello"
-      })),
-      /* @__PURE__ */ _jsx(Button, _object_spread_props(_object_spread({
-        theme: "red" + subTheme
-      }, props), {
+      }),
+      /* @__PURE__ */ _jsx(Button, {
+        theme: "red" + subTheme,
+        ...props,
         children: "Hello"
-      }))
+      })
     ]
   });
 }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/BuildAButtonDemo.tsx"],
-  "mappings": ";AAAA,SAASA,WAAWC,YAAY;AAEhC,SAASC,QAAQC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEvC,IAAMC,WAAW;EACfC,iBAAiB;EACjBC,aAAa;EACbC,aAAa;EACbC,cAAc;EAEdC,YAAY;IACVJ,iBAAiB;IACjBE,aAAa;EACf;AACF;AAEO,SAASG,mBAAAA;AACd,SACE,qBAACP,QAAAA;IAAOQ,YAAU;IAACC,IAAG;cACpB,sBAACV,QAAAA;MAAOW,KAAK;MAAKC,GAAG;MAAMC,GAAG;MAAKC,QAAO;;QACxC,qBAACC,WAAAA,qBAAAA,eAAAA;UAAUH,GAAG;UAAII,MAAK;WAASd,QAAAA,GAAAA;UAAUe,UAAS;UAAOb,aAAa;;QACvE,qBAACW,WAAAA;UAAUH,GAAG;;QACd,qBAACG,WAAAA,eAAAA;UAAUH,GAAG;WAASV,QAAAA,CAAAA;QACvB,qBAACa,WAAAA,qBAAAA,eAAAA,CAAAA,GAAcb,QAAAA,GAAAA;UAAUgB,MAAM,qBAACpB,MAAAA,CAAAA,CAAAA;;QAChC,qBAACiB,WAAAA;UAAUC,MAAK;UAAKC,UAAS;;QAC9B,qBAACF,WAAAA,eAAAA;UAAUC,MAAK;UAAKC,UAAS;WAAWf,QAAAA,CAAAA;QACzC,qBAACa,WAAAA,eAAAA;UAAUC,MAAK;UAAKC,UAAS;UAAOE,WAAW,qBAACtB,WAAAA,CAAAA,CAAAA;WAAkBK,QAAAA,CAAAA;QACnE,qBAACa,WAAAA;UAAUC,MAAK;UAAMC,UAAS;;QAC/B,qBAACF,WAAAA,qBAAAA,eAAAA;UAAUC,MAAK;UAAKC,UAAS;WAAWf,QAAAA,GAAAA;UAAUI,cAAc;;;;;AAIzE;AAEA,SAASS,UACPK,OAEC;AAED,MAAMH,WAAWG,MAAMH,WAAY,IAAkB,OAAfG,MAAMH,QAAQ,IAAK;AACzD,SACE,sBAAChB,QAAAA;IAAOoB,SAAQ;IAAKC,KAAI;;MACvB,qBAACvB,QAAAA,qBAAAA,eAAAA;QAAOwB,OAAOH,MAAMH;SAAcG,KAAAA,GAAAA;kBAAO;;MAG1C,qBAACrB,QAAAA,qBAAAA,eAAAA;QAAOwB,OAAQ,WAAWN;SAA4BG,KAAAA,GAAAA;kBAAO;;MAG9D,qBAACrB,QAAAA,qBAAAA,eAAAA;QAAOwB,OAAQ,WAAWN;SAA4BG,KAAAA,GAAAA;kBAAO;;MAG9D,qBAACrB,QAAAA,qBAAAA,eAAAA;QAAOwB,OAAQ,UAAUN;SAA4BG,KAAAA,GAAAA;kBAAO;;MAG7D,qBAACrB,QAAAA,qBAAAA,eAAAA;QAAOwB,OAAQ,SAASN;SAA4BG,KAAAA,GAAAA;kBAAO;;MAG5D,qBAACrB,QAAAA,qBAAAA,eAAAA;QAAOwB,OAAQ,WAAWN;SAA4BG,KAAAA,GAAAA;kBAAO;;MAG9D,qBAACrB,QAAAA,qBAAAA,eAAAA;QAAOwB,OAAQ,SAASN;SAA4BG,KAAAA,GAAAA;kBAAO;;MAG5D,qBAACrB,QAAAA,qBAAAA,eAAAA;QAAOwB,OAAQ,QAAQN;SAA4BG,KAAAA,GAAAA;kBAAO;;;;AAKjE;",
+  "mappings": ";AAAA,SAASA,WAAWC,YAAY;AAEhC,SAASC,QAAQC,QAAQC,cAAc;AAEvC,IAAMC,WAAW;EACfC,iBAAiB;EACjBC,aAAa;EACbC,aAAa;EACbC,cAAc;EAEdC,YAAY;IACVJ,iBAAiB;IACjBE,aAAa;EACf;AACF;AAEO,SAASG,mBAAAA;AACd,SACE,qBAACP,QAAAA;IAAOQ,YAAU;IAACC,IAAG;cACpB,sBAACV,QAAAA;MAAOW,KAAK;MAAKC,GAAG;MAAMC,GAAG;MAAKC,QAAO;;QACxC,qBAACC,WAAAA;UAAUH,GAAG;UAAII,MAAK;UAAM,GAAGd;UAAUe,UAAS;UAAOb,aAAa;;QACvE,qBAACW,WAAAA;UAAUH,GAAG;;QACd,qBAACG,WAAAA;UAAUH,GAAG;UAAM,GAAGV;;QACvB,qBAACa,WAAAA;UAAW,GAAGb;UAAUgB,MAAM,qBAACpB,MAAAA,CAAAA,CAAAA;;QAChC,qBAACiB,WAAAA;UAAUC,MAAK;UAAKC,UAAS;;QAC9B,qBAACF,WAAAA;UAAUC,MAAK;UAAKC,UAAS;UAAQ,GAAGf;;QACzC,qBAACa,WAAAA;UAAUC,MAAK;UAAKC,UAAS;UAAOE,WAAW,qBAACtB,WAAAA,CAAAA,CAAAA;UAAe,GAAGK;;QACnE,qBAACa,WAAAA;UAAUC,MAAK;UAAMC,UAAS;;QAC/B,qBAACF,WAAAA;UAAUC,MAAK;UAAKC,UAAS;UAAQ,GAAGf;UAAUI,cAAc;;;;;AAIzE;AAEA,SAASS,UACPK,OAEC;AAED,MAAMH,WAAWG,MAAMH,WAAW,IAAIG,MAAMH,QAAQ,KAAK;AACzD,SACE,sBAAChB,QAAAA;IAAOoB,SAAQ;IAAKC,KAAI;;MACvB,qBAACvB,QAAAA;QAAOwB,OAAOH,MAAMH;QAAW,GAAGG;kBAAO;;MAG1C,qBAACrB,QAAAA;QAAOwB,OAAQ,WAAWN;QAAyB,GAAGG;kBAAO;;MAG9D,qBAACrB,QAAAA;QAAOwB,OAAQ,WAAWN;QAAyB,GAAGG;kBAAO;;MAG9D,qBAACrB,QAAAA;QAAOwB,OAAQ,UAAUN;QAAyB,GAAGG;kBAAO;;MAG7D,qBAACrB,QAAAA;QAAOwB,OAAQ,SAASN;QAAyB,GAAGG;kBAAO;;MAG5D,qBAACrB,QAAAA;QAAOwB,OAAQ,WAAWN;QAAyB,GAAGG;kBAAO;;MAG9D,qBAACrB,QAAAA;QAAOwB,OAAQ,SAASN;QAAyB,GAAGG;kBAAO;;MAG5D,qBAACrB,QAAAA;QAAOwB,OAAQ,QAAQN;QAAyB,GAAGG;kBAAO;;;;AAKjE;",
   "names": ["Drumstick", "Hand", "Button", "XStack", "YStack", "outlined", "backgroundColor", "borderWidth", "borderColor", "borderRadius", "hoverStyle", "BuildAButtonDemo", "fullscreen", "ov", "mah", "y", "x", "rotate", "ButtonCol", "size", "subTheme", "icon", "iconAfter", "props", "padding", "gap", "theme"]
 }