@tamagui/demos 1.113.0 → 1.113.2

package/dist/esm/AnimationsEnterDemo.native.js

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

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

@@ -1 +1,6 @@
-{"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,uCALS;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":[]}
+{
+  "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,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/AnimationsHoverDemo.native.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { LogoIcon } from "@tamagui/logo";
 import { Square } from "tamagui";
 function AnimationsHoverDemo() {
-  return /* @__PURE__ */_jsx(Square, {
+  return /* @__PURE__ */ _jsx(Square, {
     borderColor: "$borderColor",
     animation: "bouncy",
     elevation: "$4",
@@ -15,10 +15,12 @@ function AnimationsHoverDemo() {
     pressStyle: {
       scale: 0.9
     },
-    children: /* @__PURE__ */_jsx(LogoIcon, {
+    children: /* @__PURE__ */ _jsx(LogoIcon, {
       downscale: 0.75
     })
   });
 }
-export { AnimationsHoverDemo };
-//# sourceMappingURL=AnimationsHoverDemo.native.js.map
+export {
+  AnimationsHoverDemo
+};
+//# sourceMappingURL=AnimationsHoverDemo.js.map

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

@@ -1 +1,6 @@
-{"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":[]}
+{
+  "version": 3,
+  "sources": ["../../src/Users/n8/tamagui/code/demos/src/AnimationsHoverDemo.tsx"],
+  "mappings": ";AAAA,SAASA,gBAAgB;AACzB,SAASC,cAAc;AAEhB,SAASC,sBAAAA;AACd,SACE,qBAACD,QAAAA;IACCE,aAAY;IACZC,WAAU;IACVC,WAAU;IACVC,iBAAgB;IAChBC,MAAM;IACNC,cAAa;IACbC,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;cAEA,qBAACV,UAAAA;MAASY,WAAW;;;AAG3B;",
+  "names": ["LogoIcon", "Square", "AnimationsHoverDemo", "borderColor", "animation", "elevation", "backgroundColor", "size", "borderRadius", "hoverStyle", "scale", "pressStyle", "downscale"]
+}

package/dist/esm/AnimationsPresenceDemo.native.js

@@ -6,92 +6,105 @@ 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
-            }
-          };
-        }
+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;
-  };
+  }
+}), 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, {
+  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
-    })]
+    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.js.map
+export {
+  AnimationsPresenceDemo,
+  images
+};
+//# sourceMappingURL=AnimationsPresenceDemo.js.map

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

@@ -1 +1,6 @@
-{"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":[]}
+{
+  "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,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/AnimationsTimingDemo.native.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { LogoIcon } from "@tamagui/logo";
 import { Square } from "tamagui";
 function AnimationsTimingDemo() {
-  return /* @__PURE__ */_jsx(Square, {
+  return /* @__PURE__ */ _jsx(Square, {
     backgroundColor: "$pink10",
     animation: "100ms",
     elevation: "$4",
@@ -14,10 +14,12 @@ function AnimationsTimingDemo() {
     pressStyle: {
       scale: 0.9
     },
-    children: /* @__PURE__ */_jsx(LogoIcon, {
+    children: /* @__PURE__ */ _jsx(LogoIcon, {
       downscale: 0.75
     })
   });
 }
-export { AnimationsTimingDemo };
-//# sourceMappingURL=AnimationsTimingDemo.native.js.map
+export {
+  AnimationsTimingDemo
+};
+//# sourceMappingURL=AnimationsTimingDemo.js.map

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

@@ -1 +1,6 @@
-{"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":[]}
+{
+  "version": 3,
+  "sources": ["../../src/Users/n8/tamagui/code/demos/src/AnimationsTimingDemo.tsx"],
+  "mappings": ";AAAA,SAASA,gBAAgB;AACzB,SAASC,cAAc;AAEhB,SAASC,uBAAAA;AACd,SACE,qBAACD,QAAAA;IACCE,iBAAgB;IAChBC,WAAU;IACVC,WAAU;IACVC,MAAM;IACNC,cAAa;IACbC,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;cAEA,qBAACT,UAAAA;MAASW,WAAW;;;AAG3B;",
+  "names": ["LogoIcon", "Square", "AnimationsTimingDemo", "backgroundColor", "animation", "elevation", "size", "borderRadius", "hoverStyle", "scale", "pressStyle", "downscale"]
+}

package/dist/esm/AvatarDemo.native.js

@@ -2,30 +2,41 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "react";
 import { Avatar, XStack } from "tamagui";
 function AvatarDemo() {
-  return /* @__PURE__ */_jsxs(XStack, {
+  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"
-      })]
-    })]
+    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.js.map
+export {
+  AvatarDemo
+};
+//# sourceMappingURL=AvatarDemo.js.map

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

@@ -1 +1,6 @@
-{"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":[]}
+{
+  "version": 3,
+  "sources": ["../../src/Users/n8/tamagui/code/demos/src/AvatarDemo.tsx"],
+  "mappings": ";AAAA,OAAkB;AAClB,SAASA,QAAQC,cAAc;AAExB,SAASC,aAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,YAAW;IAASC,KAAI;;MAC9B,sBAACJ,QAAAA;QAAOK,UAAQ;QAACC,MAAK;;UACpB,qBAACN,OAAOO,OAAK;YACXC,oBAAmB;YACnBC,KAAI;;UAEN,qBAACT,OAAOU,UAAQ;YAACC,iBAAgB;;;;MAGnC,sBAACX,QAAAA;QAAOK,UAAQ;QAACC,MAAK;;UACpB,qBAACN,OAAOO,OAAK;YACXC,oBAAmB;YACnBC,KAAI;;UAEN,qBAACT,OAAOU,UAAQ;YAACE,SAAS;YAAKD,iBAAgB;;;;;;AAIvD;",
+  "names": ["Avatar", "XStack", "AvatarDemo", "alignItems", "gap", "circular", "size", "Image", "accessibilityLabel", "src", "Fallback", "backgroundColor", "delayMs"]
+}

package/dist/esm/BuildAButtonDemo.native.js

@@ -12,91 +12,112 @@ var outlined = {
   }
 };
 function BuildAButtonDemo() {
-  return /* @__PURE__ */_jsx(YStack, {
+  return /* @__PURE__ */ _jsx(YStack, {
     fullscreen: !0,
     ov: "hidden",
-    children: /* @__PURE__ */_jsxs(XStack, {
+    children: /* @__PURE__ */ _jsxs(XStack, {
       mah: 200,
       y: -100,
       x: -40,
       rotate: "-10deg",
-      children: [/* @__PURE__ */_jsx(ButtonCol, {
-        y: 35,
-        size: "$2",
-        ...outlined,
-        subTheme: "alt1",
-        borderWidth: 1
-      }), /* @__PURE__ */_jsx(ButtonCol, {
-        y: 30
-      }), /* @__PURE__ */_jsx(ButtonCol, {
-        y: -50,
-        ...outlined
-      }), /* @__PURE__ */_jsx(ButtonCol, {
-        ...outlined,
-        icon: /* @__PURE__ */_jsx(Hand, {})
-      }), /* @__PURE__ */_jsx(ButtonCol, {
-        size: "$6",
-        subTheme: "alt2"
-      }), /* @__PURE__ */_jsx(ButtonCol, {
-        size: "$6",
-        subTheme: "alt2",
-        ...outlined
-      }), /* @__PURE__ */_jsx(ButtonCol, {
-        size: "$8",
-        subTheme: "alt2",
-        iconAfter: /* @__PURE__ */_jsx(Drumstick, {}),
-        ...outlined
-      }), /* @__PURE__ */_jsx(ButtonCol, {
-        size: "$10",
-        subTheme: "alt1"
-      }), /* @__PURE__ */_jsx(ButtonCol, {
-        size: "$8",
-        subTheme: "alt2",
-        ...outlined,
-        borderRadius: 0
-      })]
+      children: [
+        /* @__PURE__ */ _jsx(ButtonCol, {
+          y: 35,
+          size: "$2",
+          ...outlined,
+          subTheme: "alt1",
+          borderWidth: 1
+        }),
+        /* @__PURE__ */ _jsx(ButtonCol, {
+          y: 30
+        }),
+        /* @__PURE__ */ _jsx(ButtonCol, {
+          y: -50,
+          ...outlined
+        }),
+        /* @__PURE__ */ _jsx(ButtonCol, {
+          ...outlined,
+          icon: /* @__PURE__ */ _jsx(Hand, {})
+        }),
+        /* @__PURE__ */ _jsx(ButtonCol, {
+          size: "$6",
+          subTheme: "alt2"
+        }),
+        /* @__PURE__ */ _jsx(ButtonCol, {
+          size: "$6",
+          subTheme: "alt2",
+          ...outlined
+        }),
+        /* @__PURE__ */ _jsx(ButtonCol, {
+          size: "$8",
+          subTheme: "alt2",
+          iconAfter: /* @__PURE__ */ _jsx(Drumstick, {}),
+          ...outlined
+        }),
+        /* @__PURE__ */ _jsx(ButtonCol, {
+          size: "$10",
+          subTheme: "alt1"
+        }),
+        /* @__PURE__ */ _jsx(ButtonCol, {
+          size: "$8",
+          subTheme: "alt2",
+          ...outlined,
+          borderRadius: 0
+        })
+      ]
     })
   });
 }
 function ButtonCol(props) {
   var subTheme = props.subTheme ? `_${props.subTheme}` : "";
-  return /* @__PURE__ */_jsxs(YStack, {
+  return /* @__PURE__ */ _jsxs(YStack, {
     padding: "$2",
     gap: "$3",
-    children: [/* @__PURE__ */_jsx(Button, {
-      theme: props.subTheme,
-      ...props,
-      children: "Hello"
-    }), /* @__PURE__ */_jsx(Button, {
-      theme: "orange" + subTheme,
-      ...props,
-      children: "Hello"
-    }), /* @__PURE__ */_jsx(Button, {
-      theme: "yellow" + subTheme,
-      ...props,
-      children: "Hello"
-    }), /* @__PURE__ */_jsx(Button, {
-      theme: "green" + subTheme,
-      ...props,
-      children: "Hello"
-    }), /* @__PURE__ */_jsx(Button, {
-      theme: "blue" + subTheme,
-      ...props,
-      children: "Hello"
-    }), /* @__PURE__ */_jsx(Button, {
-      theme: "purple" + subTheme,
-      ...props,
-      children: "Hello"
-    }), /* @__PURE__ */_jsx(Button, {
-      theme: "pink" + subTheme,
-      ...props,
-      children: "Hello"
-    }), /* @__PURE__ */_jsx(Button, {
-      theme: "red" + subTheme,
-      ...props,
-      children: "Hello"
-    })]
+    children: [
+      /* @__PURE__ */ _jsx(Button, {
+        theme: props.subTheme,
+        ...props,
+        children: "Hello"
+      }),
+      /* @__PURE__ */ _jsx(Button, {
+        theme: "orange" + subTheme,
+        ...props,
+        children: "Hello"
+      }),
+      /* @__PURE__ */ _jsx(Button, {
+        theme: "yellow" + subTheme,
+        ...props,
+        children: "Hello"
+      }),
+      /* @__PURE__ */ _jsx(Button, {
+        theme: "green" + subTheme,
+        ...props,
+        children: "Hello"
+      }),
+      /* @__PURE__ */ _jsx(Button, {
+        theme: "blue" + subTheme,
+        ...props,
+        children: "Hello"
+      }),
+      /* @__PURE__ */ _jsx(Button, {
+        theme: "purple" + subTheme,
+        ...props,
+        children: "Hello"
+      }),
+      /* @__PURE__ */ _jsx(Button, {
+        theme: "pink" + subTheme,
+        ...props,
+        children: "Hello"
+      }),
+      /* @__PURE__ */ _jsx(Button, {
+        theme: "red" + subTheme,
+        ...props,
+        children: "Hello"
+      })
+    ]
   });
 }
-export { BuildAButtonDemo };
-//# sourceMappingURL=BuildAButtonDemo.native.js.map
+export {
+  BuildAButtonDemo
+};
+//# sourceMappingURL=BuildAButtonDemo.js.map