@tamagui/demos 1.122.8 → 1.123.1

package/dist/jsx/AnimationsEnterDemo.js

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

package/dist/jsx/AnimationsEnterDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AnimationsEnterDemo.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,gBAAgB;AAEzB,SAAS,QAAQ,QAAQ,QAAQ,aAAa;AAE9C,SAAS,yBAAyB;AAUrB,SAKT,UALS,KAKT,YALS;AARN,SAAS,oBAAoB,OAAY;AAC9C,QAAM,MAAM,MAAM,OAAoB,IAAI,GACpC,CAAC,KAAK,MAAM,IAAI,MAAM,SAAS,CAAC;AAEtC,SAAI,SAGE,CAFmB,kBAAkB,KAAK,EAAE,MAAM,GAAK,CAAC,IAGnD,oBAAC,UAAO,KAAU,IAK3B,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QAEC,YAAY;AAAA,UACV,OAAO;AAAA,UACP,GAAG;AAAA,UACH,SAAS;AAAA,QACX;AAAA,QACA,WAAU;AAAA,QACV,WAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,OAAO;AAAA,QACP,GAAG;AAAA,QACH,iBAAgB;AAAA,QAChB,cAAa;AAAA,QAEZ,gBAAM,YAAY,oBAAC,YAAS,WAAW,MAAM;AAAA;AAAA,MAfzC;AAAA,IAgBP;AAAA,IAEA,oBAAC,UAAO,MAAK,MAAK,WAAU,MAAK,SAAS,MAAM,OAAO,KAAK,OAAO,CAAC,GAAG,sBAEvE;AAAA,KACF;AAEJ;",
-  "names": []
-}

package/dist/jsx/AnimationsEnterDemo.mjs

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

package/dist/jsx/AnimationsEnterDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","LogoIcon","Button","Square","YStack","isWeb","useIsIntersecting","Fragment","jsx","jsxs","AnimationsEnterDemo","props","ref","useRef","key","setKey","useState","once","children","enterStyle","scale","y","opacity","animation","elevation","size","backgroundColor","borderRadius","downscale","marginTop","onPress","Math","random"],"sources":["../../src/AnimationsEnterDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,QAAA,QAAgB;AAEzB,SAASC,MAAA,EAAQC,MAAA,EAAQC,MAAA,EAAQC,KAAA,QAAa;AAE9C,SAASC,iBAAA,QAAyB;AAUrB,SAKTC,QAAA,EALSC,GAAA,EAKTC,IAAA,QALS;AARN,SAASC,oBAAoBC,KAAA,EAAY;EAC9C,MAAMC,GAAA,GAAMZ,KAAA,CAAMa,MAAA,CAAoB,IAAI;IACpC,CAACC,GAAA,EAAKC,MAAM,IAAIf,KAAA,CAAMgB,QAAA,CAAS,CAAC;EAEtC,OAAIX,KAAA,IAGE,CAFmBC,iBAAA,CAAkBM,GAAA,EAAK;IAAEK,IAAA,EAAM;EAAK,CAAC,IAGnD,eAAAT,GAAA,CAACJ,MAAA;IAAOQ;EAAA,CAAU,IAK3B,eAAAH,IAAA,CAAAF,QAAA;IACEW,QAAA,kBAAAV,GAAA,CAACL,MAAA;MAECgB,UAAA,EAAY;QACVC,KAAA,EAAO;QACPC,CAAA,EAAG;QACHC,OAAA,EAAS;MACX;MACAC,SAAA,EAAU;MACVC,SAAA,EAAU;MACVC,IAAA,EAAM;MACNH,OAAA,EAAS;MACTF,KAAA,EAAO;MACPC,CAAA,EAAG;MACHK,eAAA,EAAgB;MAChBC,YAAA,EAAa;MAEZT,QAAA,EAAAP,KAAA,CAAMO,QAAA,IAAY,eAAAV,GAAA,CAACP,QAAA;QAAS2B,SAAA,EAAW;MAAA,CAAM;IAAA,GAfzCd,GAgBP,GAEA,eAAAN,GAAA,CAACN,MAAA;MAAOuB,IAAA,EAAK;MAAKI,SAAA,EAAU;MAAKC,OAAA,EAASA,CAAA,KAAMf,MAAA,CAAOgB,IAAA,CAAKC,MAAA,CAAO,CAAC;MAAGd,QAAA;IAAA,CAEvE;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/jsx/AnimationsEnterDemo.native.js

@@ -1,52 +0,0 @@
-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";
-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.js.map

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

@@ -1,6 +0,0 @@
-{
-  "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/jsx/AnimationsHoverDemo.js

@@ -1,27 +0,0 @@
-import { LogoIcon } from "@tamagui/logo";
-import { Square } from "tamagui";
-import { jsx } from "react/jsx-runtime";
-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.js.map

package/dist/jsx/AnimationsHoverDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AnimationsHoverDemo.tsx"],
-  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAkBjB;AAhBC,SAAS,sBAAsB;AACpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAY;AAAA,MACZ,WAAU;AAAA,MACV,WAAU;AAAA,MACV,iBAAgB;AAAA,MAChB,MAAM;AAAA,MACN,cAAa;AAAA,MACb,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MAEA,8BAAC,YAAS,WAAW,MAAM;AAAA;AAAA,EAC7B;AAEJ;",
-  "names": []
-}

package/dist/jsx/AnimationsHoverDemo.mjs

@@ -1,24 +0,0 @@
-import { LogoIcon } from "@tamagui/logo";
-import { Square } from "tamagui";
-import { jsx } from "react/jsx-runtime";
-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.mjs.map

package/dist/jsx/AnimationsHoverDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["LogoIcon","Square","jsx","AnimationsHoverDemo","borderColor","animation","elevation","backgroundColor","size","borderRadius","hoverStyle","scale","pressStyle","children","downscale"],"sources":["../../src/AnimationsHoverDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,QAAgB;AACzB,SAASC,MAAA,QAAc;AAkBjB,SAAAC,GAAA;AAhBC,SAASC,oBAAA,EAAsB;EACpC,OACE,eAAAD,GAAA,CAACD,MAAA;IACCG,WAAA,EAAY;IACZC,SAAA,EAAU;IACVC,SAAA,EAAU;IACVC,eAAA,EAAgB;IAChBC,IAAA,EAAM;IACNC,YAAA,EAAa;IACbC,UAAA,EAAY;MACVC,KAAA,EAAO;IACT;IACAC,UAAA,EAAY;MACVD,KAAA,EAAO;IACT;IAEAE,QAAA,iBAAAX,GAAA,CAACF,QAAA;MAASc,SAAA,EAAW;IAAA,CAAM;EAAA,CAC7B;AAEJ","ignoreList":[]}

package/dist/jsx/AnimationsHoverDemo.native.js

@@ -1,26 +0,0 @@
-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.js.map

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

@@ -1,6 +0,0 @@
-{
-  "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/jsx/AnimationsPresenceDemo.js

@@ -1,85 +0,0 @@
-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";
-import { jsx, jsxs } from "react/jsx-runtime";
-const images = [photo1, photo2, photo3].map((x) => x.src || x), GalleryItem = styled(YStack, {
-  zIndex: 1,
-  x: 0,
-  opacity: 1,
-  fullscreen: !0,
-  variants: {
-    // 1 = right, 0 = nowhere, -1 = left
-    going: {
-      ":number": (going) => ({
-        enterStyle: {
-          x: going > 0 ? 1e3 : -1e3,
-          opacity: 0
-        },
-        exitStyle: {
-          zIndex: 0,
-          x: going < 0 ? 1e3 : -1e3,
-          opacity: 0
-        }
-      })
-    }
-  }
-}), wrap = (min, max, v) => {
-  const rangeSize = max - min;
-  return ((v - min) % rangeSize + rangeSize) % rangeSize + min;
-};
-function AnimationsPresenceDemo() {
-  const [[page, going], setPage] = React.useState([0, 0]), imageIndex = wrap(0, images.length, page), paginate = (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: () => paginate(-1),
-            zi: 100
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            accessibilityLabel: "Carousel right",
-            icon: ArrowRight,
-            size: "$5",
-            position: "absolute",
-            right: "$4",
-            circular: !0,
-            elevate: !0,
-            onPress: () => paginate(1),
-            zi: 100
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  AnimationsPresenceDemo,
-  images
-};
-//# sourceMappingURL=AnimationsPresenceDemo.js.map

package/dist/jsx/AnimationsPresenceDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AnimationsPresenceDemo.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,uBAAuB;AAChC,SAAS,WAAW,kBAAkB;AAEtC,SAAS,QAAQ,OAAO,QAAQ,QAAQ,cAAc;AAGtD,OAAO,YAAY;AAEnB,OAAO,YAAY;AAEnB,OAAO,YAAY;AA0Cf,SAUM,KAVN;AAxCG,MAAM,SAAS,CAAC,QAAQ,QAAQ,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,GAE9D,cAAc,OAAO,QAAQ;AAAA,EACjC,QAAQ;AAAA,EACR,GAAG;AAAA,EACH,SAAS;AAAA,EACT,YAAY;AAAA,EAEZ,UAAU;AAAA;AAAA,IAER,OAAO;AAAA,MACL,WAAW,CAAC,WAAW;AAAA,QACrB,YAAY;AAAA,UACV,GAAG,QAAQ,IAAI,MAAO;AAAA,UACtB,SAAS;AAAA,QACX;AAAA,QACA,WAAW;AAAA,UACT,QAAQ;AAAA,UACR,GAAG,QAAQ,IAAI,MAAO;AAAA,UACtB,SAAS;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAEK,OAAO,CAAC,KAAa,KAAa,MAAc;AACpD,QAAM,YAAY,MAAM;AACxB,WAAW,IAAI,OAAO,YAAa,aAAa,YAAa;AAC/D;AAEO,SAAS,yBAAyB;AACvC,QAAM,CAAC,CAAC,MAAM,KAAK,GAAG,OAAO,IAAI,MAAM,SAAS,CAAC,GAAG,CAAC,CAAC,GAEhD,aAAa,KAAK,GAAG,OAAO,QAAQ,IAAI,GACxC,WAAW,CAACA,WAAkB;AAClC,YAAQ,CAAC,OAAOA,QAAOA,MAAK,CAAC;AAAA,EAC/B;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,iBAAgB;AAAA,MAChB,UAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAM;AAAA,MACN,YAAW;AAAA,MAEX;AAAA,4BAAC,mBAAgB,SAAS,IAAO,QAAQ,EAAE,MAAM,GAC/C,8BAAC,eAAuB,WAAU,QAAO,OACvC,8BAAC,SAAM,QAAQ,EAAE,KAAK,OAAO,UAAU,GAAG,OAAO,KAAK,QAAQ,IAAI,GAAG,KADrD,IAElB,GACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,oBAAmB;AAAA,YACnB,MAAM;AAAA,YACN,MAAK;AAAA,YACL,UAAS;AAAA,YACT,MAAK;AAAA,YACL,UAAQ;AAAA,YACR,SAAO;AAAA,YACP,SAAS,MAAM,SAAS,EAAE;AAAA,YAC1B,IAAI;AAAA;AAAA,QACN;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,oBAAmB;AAAA,YACnB,MAAM;AAAA,YACN,MAAK;AAAA,YACL,UAAS;AAAA,YACT,OAAM;AAAA,YACN,UAAQ;AAAA,YACR,SAAO;AAAA,YACP,SAAS,MAAM,SAAS,CAAC;AAAA,YACzB,IAAI;AAAA;AAAA,QACN;AAAA;AAAA;AAAA,EACF;AAEJ;",
-  "names": ["going"]
-}

package/dist/jsx/AnimationsPresenceDemo.mjs

@@ -1,89 +0,0 @@
-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";
-import { jsx, jsxs } from "react/jsx-runtime";
-const images = [photo1, photo2, photo3].map(x => x.src || x),
-  GalleryItem = styled(YStack, {
-    zIndex: 1,
-    x: 0,
-    opacity: 1,
-    fullscreen: !0,
-    variants: {
-      // 1 = right, 0 = nowhere, -1 = left
-      going: {
-        ":number": going => ({
-          enterStyle: {
-            x: going > 0 ? 1e3 : -1e3,
-            opacity: 0
-          },
-          exitStyle: {
-            zIndex: 0,
-            x: going < 0 ? 1e3 : -1e3,
-            opacity: 0
-          }
-        })
-      }
-    }
-  }),
-  wrap = (min, max, v) => {
-    const rangeSize = max - min;
-    return ((v - min) % rangeSize + rangeSize) % rangeSize + min;
-  };
-function AnimationsPresenceDemo() {
-  const [[page, going], setPage] = React.useState([0, 0]),
-    imageIndex = wrap(0, images.length, page),
-    paginate = 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: () => paginate(-1),
-      zi: 100
-    }), /* @__PURE__ */jsx(Button, {
-      accessibilityLabel: "Carousel right",
-      icon: ArrowRight,
-      size: "$5",
-      position: "absolute",
-      right: "$4",
-      circular: !0,
-      elevate: !0,
-      onPress: () => paginate(1),
-      zi: 100
-    })]
-  });
-}
-export { AnimationsPresenceDemo, images };
-//# sourceMappingURL=AnimationsPresenceDemo.mjs.map

package/dist/jsx/AnimationsPresenceDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","AnimatePresence","ArrowLeft","ArrowRight","Button","Image","XStack","YStack","styled","photo1","photo2","photo3","jsx","jsxs","images","map","x","src","GalleryItem","zIndex","opacity","fullscreen","variants","going","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","left","circular","elevate","onPress","zi","right"],"sources":["../../src/AnimationsPresenceDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/AnimationsPresenceDemo.native.js

@@ -1,110 +0,0 @@
-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.js.map

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

@@ -1,6 +0,0 @@
-{
-  "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/jsx/AnimationsTimingDemo.js

@@ -1,26 +0,0 @@
-import { LogoIcon } from "@tamagui/logo";
-import { Square } from "tamagui";
-import { jsx } from "react/jsx-runtime";
-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.js.map

package/dist/jsx/AnimationsTimingDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AnimationsTimingDemo.tsx"],
-  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAiBjB;AAfC,SAAS,uBAAuB;AACrC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAgB;AAAA,MAChB,WAAU;AAAA,MACV,WAAU;AAAA,MACV,MAAM;AAAA,MACN,cAAa;AAAA,MACb,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MAEA,8BAAC,YAAS,WAAW,MAAM;AAAA;AAAA,EAC7B;AAEJ;",
-  "names": []
-}

package/dist/jsx/AnimationsTimingDemo.mjs

@@ -1,23 +0,0 @@
-import { LogoIcon } from "@tamagui/logo";
-import { Square } from "tamagui";
-import { jsx } from "react/jsx-runtime";
-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.mjs.map

package/dist/jsx/AnimationsTimingDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["LogoIcon","Square","jsx","AnimationsTimingDemo","backgroundColor","animation","elevation","size","borderRadius","hoverStyle","scale","pressStyle","children","downscale"],"sources":["../../src/AnimationsTimingDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,QAAgB;AACzB,SAASC,MAAA,QAAc;AAiBjB,SAAAC,GAAA;AAfC,SAASC,qBAAA,EAAuB;EACrC,OACE,eAAAD,GAAA,CAACD,MAAA;IACCG,eAAA,EAAgB;IAChBC,SAAA,EAAU;IACVC,SAAA,EAAU;IACVC,IAAA,EAAM;IACNC,YAAA,EAAa;IACbC,UAAA,EAAY;MACVC,KAAA,EAAO;IACT;IACAC,UAAA,EAAY;MACVD,KAAA,EAAO;IACT;IAEAE,QAAA,iBAAAV,GAAA,CAACF,QAAA;MAASa,SAAA,EAAW;IAAA,CAAM;EAAA,CAC7B;AAEJ","ignoreList":[]}

package/dist/jsx/AnimationsTimingDemo.native.js

@@ -1,25 +0,0 @@
-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.js.map