@tamagui/demos 1.125.6 → 1.125.8

package/dist/esm/AnimationsEnterDemo.native.js

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

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

@@ -1,6 +1 @@
-{
-  "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"]
-}
+{"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,oBAAQ;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":[]}

package/dist/esm/AnimationsHoverDemo.native.js

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

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

@@ -1,6 +1 @@
-{
-  "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"]
-}
+{"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,105 +6,92 @@ 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;
-};
-function AnimationsPresenceDemo() {
-  var [[page, going], setPage] = React.useState([
-    0,
-    0
-  ]), imageIndex = wrap(0, images.length, page), paginate = function(going2) {
-    setPage([
-      page + going2,
-      going2
-    ]);
+  }),
+  wrap = function (min, max, v) {
+    var rangeSize = max - min;
+    return ((v - min) % rangeSize + rangeSize) % rangeSize + min;
   };
-  return /* @__PURE__ */ _jsxs(XStack, {
+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, {
-        "aria-label": "Carousel left",
-        icon: ArrowLeft,
-        size: "$5",
-        position: "absolute",
-        left: "$4",
-        circular: !0,
-        elevate: !0,
-        onPress: function() {
-          return paginate(-1);
-        },
-        zIndex: 100
-      }),
-      /* @__PURE__ */ _jsx(Button, {
-        "aria-label": "Carousel right",
-        icon: ArrowRight,
-        size: "$5",
-        position: "absolute",
-        right: "$4",
-        circular: !0,
-        elevate: !0,
-        onPress: function() {
-          return paginate(1);
-        },
-        zIndex: 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, {
+      "aria-label": "Carousel left",
+      icon: ArrowLeft,
+      size: "$5",
+      position: "absolute",
+      left: "$4",
+      circular: !0,
+      elevate: !0,
+      onPress: function () {
+        return paginate(-1);
+      },
+      zIndex: 100
+    }), /* @__PURE__ */_jsx(Button, {
+      "aria-label": "Carousel right",
+      icon: ArrowRight,
+      size: "$5",
+      position: "absolute",
+      right: "$4",
+      circular: !0,
+      elevate: !0,
+      onPress: function () {
+        return paginate(1);
+      },
+      zIndex: 100
+    })]
   });
 }
-export {
-  AnimationsPresenceDemo,
-  images
-};
-//# sourceMappingURL=AnimationsPresenceDemo.js.map
+export { AnimationsPresenceDemo, images };
+//# sourceMappingURL=AnimationsPresenceDemo.native.js.map

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

@@ -1,6 +1 @@
-{
-  "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,cAAW;QACXC,MAAM9C;QACN+C,MAAK;QACLX,UAAS;QACTY,MAAK;QACLC,UAAQ;QACRC,SAAO;QACPC,SAAS,WAAA;iBAAMlB,SAAS,EAAC;;QACzBlB,QAAQ;;MAGV,qBAACb,QAAAA;QACC2C,cAAW;QACXC,MAAM7C;QACN8C,MAAK;QACLX,UAAS;QACTgB,OAAM;QACNH,UAAQ;QACRC,SAAO;QACPC,SAAS,WAAA;iBAAMlB,SAAS,CAAA;;QACxBlB,QAAQ;;;;AAIhB;",
-  "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", "aria-label", "icon", "size", "left", "circular", "elevate", "onPress", "right"]
-}
+{"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","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,KAAW,CAAAO,MAAA;IAAAgC,QACX,UAAM;IAAAC,eACD;IAAAC,QACL,YAAS;IAAAC,MAAA,EACT;IAAKC,KAAA,QACL;IAAQC,UACR,UAAO;IAAAC,QACP,GAA0B,eAClB/C,IAAA,CAAAI,eAAA;MAAA4C,OAAA;MACVC,MAAA;QAEAzB;MAAA;MAACuB,QAAA,iBAAA/C,IAAA,CAAAmB,WAAA;QAAA+B,SACC,QAAW;QAAA1B,KACX;QAAMuB,QACD,iBAAA/C,IAAA,CAAAQ,KAAA;UACL2C,MAAA;YACAC,GAAA,EAAMrC,MAAA,CAAAsB,UAAA;YACNQ,KAAA,KAAQ;YACRD,MAAA,EAAO;UACP;QAAyB;MACjB,GAAAV,IAAA;IAAA,EACV,iBAAAlC,IAAA,CAAAO,MAAA;MAAA;MACF8C,IAAA,EAAAhD,SAAA;MAEJiD,IAAA","ignoreList":[]}

package/dist/esm/AnimationsTimingDemo.native.js

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

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

@@ -1,6 +1 @@
-{
-  "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"]
-}
+{"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.js

@@ -2,41 +2,30 @@ 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.js.map
+export { AvatarDemo };
+//# sourceMappingURL=AvatarDemo.native.js.map

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

@@ -1,6 +1 @@
-{
-  "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"]
-}
+{"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

@@ -12,112 +12,91 @@ 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.js.map
+export { BuildAButtonDemo };
+//# sourceMappingURL=BuildAButtonDemo.native.js.map