@hanzogui/demos 8.3.0 → 8.3.3

package/dist/esm/AnimationsDemo.native.js

@@ -1,79 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { LogoIcon } from "@hanzogui/logo";
-import { Play } from "@hanzogui/lucide-icons-2";
-import { Button, isWeb, Square, useControllableState, useEvent } from "@hanzo/gui";
-function AnimationsDemo(props) {
-  var [positionI, setPositionI] = useControllableState({
-    strategy: "most-recent-wins",
-    prop: props.position,
-    defaultProp: 0
-  });
-  var position = positions[positionI];
-  var onPress = useEvent(function () {
-    setPositionI(function (x) {
-      return (x + 1) % positions.length;
-    });
-  });
-  var _props_animation, _props_tint;
-  return /* @__PURE__ */_jsxs(_Fragment, {
-    children: [/* @__PURE__ */_jsx(Square, {
-      transition: (_props_animation = props.animation) !== null && _props_animation !== void 0 ? _props_animation : "bouncy",
-      animateOnly: ["transform"],
-      onPress,
-      size: 104,
-      borderColor: "$borderColor",
-      borderWidth: 1,
-      rounded: "$9",
-      bg: "$color9",
-      hoverStyle: {
-        scale: 1.01
-      },
-      pressStyle: {
-        scale: 0.9
-      },
-      ...position,
-      children: isWeb && /* @__PURE__ */_jsx(LogoIcon, {
-        downscale: 0.75
-      })
-    }), /* @__PURE__ */_jsx(Button, {
-      position: "absolute",
-      b: 20,
-      l: 20,
-      icon: Play,
-      theme: (_props_tint = props.tint) !== null && _props_tint !== void 0 ? _props_tint : "surface2",
-      size: "$5",
-      circular: true,
-      onPress
-    })]
-  });
-}
-var positions = [{
-  x: 0,
-  y: 0,
-  scale: 1,
-  rotate: "0deg"
-}, {
-  x: -50,
-  y: -50,
-  scale: 0.5,
-  rotate: "-45deg",
-  hoverStyle: {
-    scale: 0.6
-  },
-  pressStyle: {
-    scale: 0.4
-  }
-}, {
-  x: 50,
-  y: 50,
-  scale: 1,
-  rotate: "180deg",
-  hoverStyle: {
-    scale: 1.1
-  },
-  pressStyle: {
-    scale: 0.9
-  }
-}];
-export { AnimationsDemo, positions };
-//# sourceMappingURL=AnimationsDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","LogoIcon","Play","Button","isWeb","Square","useControllableState","useEvent","AnimationsDemo","props","positionI","setPositionI","strategy","prop","position","defaultProp","positions","onPress","x","length","_props_animation","_props_tint","children","transition","animation","animateOnly","size","borderColor","borderWidth","rounded","bg","hoverStyle","scale","pressStyle","downscale","b","l","icon","theme","tint","circular","y","rotate"],"sources":["../../src/AnimationsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAgB,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AACzB,SAASC,QAAA,QAAY;AACrB,SAASC,IAAA,QAAQ,0BAAe;AAgB5B,SAAAC,MAAA,EAAAC,KAkBc,EAlBdC,MAAA,EAAAC,oBAAA,EAAAC,QAAA;AAdG,SAASC,eAAeC,KAAA,EAAO;EACpC,KAAAC,SAAO,EAAAC,YAAW,IAAYL,oBAAI;IAChCM,QAAA,EAAU;IACVC,IAAA,EAAMJ,KAAA,CAAMK,QAAA;IACZC,WAAA,EAAa;EACf,CAAC;EACD,IAAAD,QAAM,GAAAE,SAAW,CAAAN,SAAU;EAC3B,IAAAO,OAAM,GAAAV,QAAU,aAAe;IAC7BI,YAAA,CAAa,UAAOO,CAAA;MAClB,QAAQA,CAAA,GAAI,KAAKF,SAAA,CAAUG,MAAA;IAC7B,CAAC;EACH,CAAC;EAED,IAAAC,gBACE,EAAAC,WAAA;EACE,sBAAAvB,KAAA,CAAAE,SAAA;IAAAsB,QAAC,kBAAA1B,IAAA,CAAAS,MAAA;MACCkB,UAAA,EAAY,CAAAH,gBAAM,GAAaX,KAAA,CAAAe,SAAA,cAAAJ,gBAAA,cAAAA,gBAAA;MAC/BK,WAAA,EAAa,CACb,YACA;MACAR,OAAA;MACAS,IAAA;MACAC,WAAQ;MACRC,WAAG;MACHC,OAAA,MAAY;MAAAC,EACV,WAAO;MACTC,UAAA;QACAC,KAAA;MAAY;MAEZC,UAAA;QACCD,KAAG;MAEH;MAAoC,GAAAlB,QAAA;MACvCQ,QAAA,EAAAlB,KAAA,mBAAAR,IAAA,CAAAK,QAAA;QAEAiC,SAAA;MAAC;IAAA,mBACUtC,IAAA,CAAAO,MAAA;MACTW,QAAG;MACHqB,CAAA,EAAG;MACHC,CAAA;MACAC,IAAA,EAAAnC,IAAO;MACPoC,KAAA,EAAK,CAAAjB,WAAA,GAAAZ,KAAA,CAAA8B,IAAA,cAAAlB,WAAA,cAAAA,WAAA;MACLK,IAAA,MAAQ;MACRc,QAAA;MAAAvB;IACF;EAGN;AAEO;AAAkB,IACvBD,SAAA;EAEEE,CAAA,EAAG;EACHuB,CAAA;EACAT,KAAA,GAAQ;EACVU,MAAA;AACA;EAEExB,CAAA,EAAG;EACHuB,CAAA;EACAT,KAAA,KAAQ;EACRU,MAAA,UAAY;EAAAX,UACH;IACTC,KAAA;EACA;EAAYC,UACH;IACTD,KAAA;EACF;AACA;EAEEd,CAAA,EAAG;EACHuB,CAAA;EACAT,KAAA,GAAQ;EACRU,MAAA,UAAY;EAAAX,UACH;IACTC,KAAA;EACA;EAAYC,UACH;IACTD,KAAA;EACF;AACF,E","ignoreList":[]}

package/dist/esm/AnimationsEnterDemo.mjs

@@ -1,44 +0,0 @@
-import React from "react";
-import { LogoIcon } from "@hanzogui/logo";
-import { Button, Square, YStack, isWeb } from "@hanzo/gui";
-import { useIsIntersecting } from "./useOnIntersecting.mjs";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function AnimationsEnterDemo(props) {
-  const ref = React.useRef(null);
-  const [key, setKey] = React.useState(0);
-  const hasIntersected = useIsIntersecting(ref, {
-    once: true
-  });
-  if (isWeb && !hasIntersected) {
-    return /* @__PURE__ */jsx(YStack, {
-      ref
-    });
-  }
-  return /* @__PURE__ */jsxs(Fragment, {
-    children: [/* @__PURE__ */jsx(Square, {
-      enterStyle: {
-        scale: 1.5,
-        y: -10,
-        opacity: 0
-      },
-      transition: "bouncy",
-      elevation: "$4",
-      size: 110,
-      opacity: 1,
-      scale: 1,
-      y: 0,
-      bg: "$color9",
-      rounded: "$9",
-      children: props.children ?? /* @__PURE__ */jsx(LogoIcon, {
-        downscale: 0.75
-      })
-    }, key), /* @__PURE__ */jsx(Button, {
-      size: "$3",
-      mt: "$4",
-      onPress: () => setKey(Math.random()),
-      children: "Re-mount"
-    })]
-  });
-}
-export { AnimationsEnterDemo };
-//# sourceMappingURL=AnimationsEnterDemo.mjs.map

package/dist/esm/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","hasIntersected","once","children","enterStyle","scale","y","opacity","transition","elevation","size","bg","rounded","downscale","mt","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;AAQvB,SAIPC,QAAA,EAJOC,GAAA,EAIPC,IAAA,QAJO;AANJ,SAASC,oBAAoBC,KAAA,EAAY;EAC9C,MAAMC,GAAA,GAAMZ,KAAA,CAAMa,MAAA,CAAoB,IAAI;EAC1C,MAAM,CAACC,GAAA,EAAKC,MAAM,IAAIf,KAAA,CAAMgB,QAAA,CAAS,CAAC;EACtC,MAAMC,cAAA,GAAiBX,iBAAA,CAAkBM,GAAA,EAAK;IAAEM,IAAA,EAAM;EAAK,CAAC;EAE5D,IAAIb,KAAA,IAAS,CAACY,cAAA,EAAgB;IAC5B,OAAO,eAAAT,GAAA,CAACJ,MAAA;MAAOQ;IAAA,CAAiB;EAClC;EAEA,OACE,eAAAH,IAAA,CAAAF,QAAA;IACEY,QAAA,kBAAAX,GAAA,CAACL,MAAA;MAECiB,UAAA,EAAY;QACVC,KAAA,EAAO;QACPC,CAAA,EAAG;QACHC,OAAA,EAAS;MACX;MACAC,UAAA,EAAW;MACXC,SAAA,EAAU;MACVC,IAAA,EAAM;MACNH,OAAA,EAAS;MACTF,KAAA,EAAO;MACPC,CAAA,EAAG;MACHK,EAAA,EAAG;MACHC,OAAA,EAAQ;MAEPT,QAAA,EAAAR,KAAA,CAAMQ,QAAA,IAAY,eAAAX,GAAA,CAACP,QAAA;QAAS4B,SAAA,EAAW;MAAA,CAAM;IAAA,GAfzCf,GAgBP,GAEA,eAAAN,GAAA,CAACN,MAAA;MAAOwB,IAAA,EAAK;MAAKI,EAAA,EAAG;MAAKC,OAAA,EAASA,CAAA,KAAMhB,MAAA,CAAOiB,IAAA,CAAKC,MAAA,CAAO,CAAC;MAAGd,QAAA;IAAA,CAEhE;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/AnimationsEnterDemo.native.js

@@ -1,47 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from "react";
-import { LogoIcon } from "@hanzogui/logo";
-import { Button, Square, YStack, isWeb } from "@hanzo/gui";
-import { useIsIntersecting } from "./useOnIntersecting.native.js";
-function AnimationsEnterDemo(props) {
-  var ref = React.useRef(null);
-  var [key, setKey] = React.useState(0);
-  var hasIntersected = useIsIntersecting(ref, {
-    once: true
-  });
-  if (isWeb && !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
-      },
-      transition: "bouncy",
-      elevation: "$4",
-      size: 110,
-      opacity: 1,
-      scale: 1,
-      y: 0,
-      bg: "$color9",
-      rounded: "$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",
-      mt: "$4",
-      onPress: function () {
-        return setKey(Math.random());
-      },
-      children: "Re-mount"
-    })]
-  });
-}
-export { AnimationsEnterDemo };
-//# sourceMappingURL=AnimationsEnterDemo.native.js.map

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

@@ -1 +0,0 @@
-{"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","transition","elevation","size","bg","rounded","downscale"],"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,gBAAQ;AAEjC,SAASC,MAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,KAAyB;AAQvB,SAIPC,iBAAA,uCAJO;AANJ,SAASC,oBAAoBC,KAAA,EAAY;EAC9C,IAAAC,GAAM,GAAAT,KAAM,CAAAU,MAAM,KAAoB;EACtC,KAAAC,GAAO,EAAAC,MAAK,IAAMZ,KAAI,CAAAa,QAAM,GAAS;EACrC,IAAAC,cAAM,GAAAR,iBAAiB,CAAAG,GAAkB;IAEzCM,IAAI;EACF;EACF,IAAAV,KAAA,KAAAS,cAAA;IAEA,OACE,eAAAnB,IAAA,CAAAS,MAAA;MACEK;IAAA,EAAC;EAAA;EAAA,IAAAO,eAEa;EAAA,sBACHnB,KAAA,CAAAE,SAAA;IAAAkB,QACP,EAAG,gBACMtB,IAAA,CAAAQ,MAAA;MACXe,UAAA;QACAC,KAAA,KAAW;QACXC,CAAA;QACAC,OAAM;MACN;MACAC,UAAO;MACPC,SAAG;MACHC,IAAG;MACHH,OAAA,EAAQ;MAEPF,KAAA;MAA6CC,CAAA;MAfzCK,EAAA;MAgBPC,OAAA;MAEAT,QAAA,GAAAD,eAAQ,GAAAR,KAAK,CAAAS,QAAQ,MAAK,QAASD,eAAa,KAAK,KAAO,CAAC,GAAGA,eAAA,kBAEhErB,IAAA,CAAAM,QAAA;QACF0B,SAAA;MAEJ","ignoreList":[]}

package/dist/esm/AnimationsHoverDemo.mjs

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

package/dist/esm/AnimationsHoverDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["LogoIcon","Square","jsx","AnimationsHoverDemo","borderColor","transition","elevation","bg","size","rounded","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,UAAA,EAAW;IACXC,SAAA,EAAU;IACVC,EAAA,EAAG;IACHC,IAAA,EAAM;IACNC,OAAA,EAAQ;IACRC,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/esm/AnimationsHoverDemo.native.js

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","LogoIcon","Square","AnimationsHoverDemo","borderColor","transition","elevation","bg","size","rounded","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,UAAA;IAAAC,SACC,MAAY;IAAAC,EACZ;IAAWC,IACX;IAAUC,OACP;IAAAC,UACG;MACNC,KAAA;IAAQ;IACIC,UACV,EAAO;MACTD,KAAA;IAAA;IACYE,QACV,iBAAOb,IAAA,CAAAC,QAAA;MACTa,SAAA;IAAA;EAE2B;AAAA;AAGjC,S","ignoreList":[]}

package/dist/esm/AnimationsPresenceDemo.mjs

@@ -1,88 +0,0 @@
-import React from "react";
-import { AnimatePresence } from "@hanzogui/animate-presence";
-import { ArrowLeft, ArrowRight } from "@hanzogui/lucide-icons-2";
-import { Button, Image, XStack, YStack, styled } from "@hanzo/gui";
-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);
-const GalleryItem = styled(YStack, {
-  z: 1,
-  x: 0,
-  opacity: 1,
-  fullscreen: true,
-  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
-        }
-      })
-    }
-  }
-});
-const 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]);
-  const imageIndex = wrap(0, images.length, page);
-  const paginate = going2 => {
-    setPage([page + going2, going2]);
-  };
-  return /* @__PURE__ */jsxs(XStack, {
-    overflow: "hidden",
-    bg: "#000",
-    position: "relative",
-    height: 300,
-    width: "100%",
-    items: "center",
-    children: [/* @__PURE__ */jsx(AnimatePresence, {
-      initial: false,
-      custom: {
-        going
-      },
-      children: /* @__PURE__ */jsx(GalleryItem, {
-        transition: "slow",
-        going,
-        children: /* @__PURE__ */jsx(Image, {
-          src: images[imageIndex],
-          width: 820,
-          height: 300,
-          objectFit: "cover"
-        })
-      }, page)
-    }), /* @__PURE__ */jsx(Button, {
-      "aria-label": "Carousel left",
-      icon: ArrowLeft,
-      size: "$5",
-      position: "absolute",
-      l: "$4",
-      circular: true,
-      onPress: () => paginate(-1),
-      boxShadow: "0 0 10px rgba(0,0,0,0.5)",
-      z: 100
-    }), /* @__PURE__ */jsx(Button, {
-      "aria-label": "Carousel right",
-      icon: ArrowRight,
-      size: "$5",
-      position: "absolute",
-      r: "$4",
-      circular: true,
-      onPress: () => paginate(1),
-      boxShadow: "0 0 10px rgba(0,0,0,0.5)",
-      z: 100
-    })]
-  });
-}
-export { AnimationsPresenceDemo, images };
-//# sourceMappingURL=AnimationsPresenceDemo.mjs.map

package/dist/esm/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","z","opacity","fullscreen","variants","going","enterStyle","exitStyle","zIndex","wrap","min","max","v","rangeSize","AnimationsPresenceDemo","page","setPage","useState","imageIndex","length","paginate","going2","overflow","bg","position","height","width","items","children","initial","custom","transition","objectFit","icon","size","l","circular","onPress","boxShadow","r"],"sources":["../../src/AnimationsPresenceDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/AnimationsPresenceDemo.native.js

@@ -1,96 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { AnimatePresence } from "@hanzogui/animate-presence";
-import { ArrowLeft, ArrowRight } from "@hanzogui/lucide-icons-2";
-import { Button, Image, XStack, YStack, styled } from "@hanzo/gui";
-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;
-});
-var GalleryItem = styled(YStack, {
-  z: 1,
-  x: 0,
-  opacity: 1,
-  fullscreen: true,
-  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 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]);
-  var imageIndex = wrap(0, images.length, page);
-  var paginate = function (going2) {
-    setPage([page + going2, going2]);
-  };
-  return /* @__PURE__ */_jsxs(XStack, {
-    overflow: "hidden",
-    bg: "#000",
-    position: "relative",
-    height: 300,
-    width: "100%",
-    items: "center",
-    children: [/* @__PURE__ */_jsx(AnimatePresence, {
-      initial: false,
-      custom: {
-        going
-      },
-      children: /* @__PURE__ */_jsx(GalleryItem, {
-        transition: "slow",
-        going,
-        children: /* @__PURE__ */_jsx(Image, {
-          src: images[imageIndex],
-          width: 820,
-          height: 300,
-          objectFit: "cover"
-        })
-      }, page)
-    }), /* @__PURE__ */_jsx(Button, {
-      "aria-label": "Carousel left",
-      icon: ArrowLeft,
-      size: "$5",
-      position: "absolute",
-      l: "$4",
-      circular: true,
-      onPress: function () {
-        return paginate(-1);
-      },
-      boxShadow: "0 0 10px rgba(0,0,0,0.5)",
-      z: 100
-    }), /* @__PURE__ */_jsx(Button, {
-      "aria-label": "Carousel right",
-      icon: ArrowRight,
-      size: "$5",
-      position: "absolute",
-      r: "$4",
-      circular: true,
-      onPress: function () {
-        return paginate(1);
-      },
-      boxShadow: "0 0 10px rgba(0,0,0,0.5)",
-      z: 100
-    })]
-  });
-}
-export { AnimationsPresenceDemo, images };
-//# sourceMappingURL=AnimationsPresenceDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","AnimatePresence","ArrowLeft","ArrowRight","Button","Image","XStack","YStack","styled","photo1","photo2","photo3","images","map","x","src","GalleryItem","z","opacity","fullscreen","variants","going",":number","enterStyle","exitStyle","zIndex","wrap","max","v","rangeSize","min","AnimationsPresenceDemo","page","setPage","useState","imageIndex","length","paginate","going2","overflow","bg","position","height","width","items","children","initial","custom","transition","objectFit","icon","size"],"sources":["../../src/AnimationsPresenceDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAS;AACT,SAASC,eAAW,oCAAkB;AAEtC,SAASC,SAAQ,EAAAC,UAAO,QAAQ,0BAAsB;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,IAEbH,MAAM,EACJC,MAAG,EACHC,MAAG,EACHE,GAAA,WAASC,CAAA;EACT,OAAAA,CAAA,CAAAC,GAAY,IAAAD,CAAA;AAAA,EAEZ;AAAU,IAAAE,WAAA,GAAAR,MAAA,CAAAD,MAAA;EAAAU,CAAA,EAER;EAAOH,CAAA,GACL;EAAuBI,OACrB;EAAYC,UACV,EAAG;EAAmBC,QACtB;IAAS;IACXC,KACA;MAAW,SACT,WAAAC,CAAQD,KAAA;QAAA,OACL;UACHE,UAAS;YACXT,CAAA,EAAAO,KAAA;YACFH,OAAA;UACF;UACFM,SAAA;YACDC,MAAA;YAEKX,CAAO,EAACO,KAAa,IAAa,MAAc;YAC9CH,OAAA,EAAY;UAClB;QACF;MAEO;IACL;EAEA;AACA;AACE,IAAAQ,IAAA,YAAAA,CAAgBL,GAAA,EAAAM,GAAO,EAAAC,CAAA;EACzB,IAAAC,SAAA,GAAAF,GAAA,GAAAG,GAAA;EAEA,OACE,EAAAF,CAAA,GAAAE,GAAA,IAAAD,SAAA,GAAAA,SAAA,IAAAA,SAAA,GAAAC,GAAA;AAAA;AAAC,SAAAC,uBAAA;EAAA,IACC,EAAAC,IAAA,EAAAX,KAAS,GAAAY,OAAA,IAAAjC,KAAA,CAAAkC,QAAA,KACN,EACM;EACD,IACRC,UAAM,GAAAT,IAAA,IAAAd,MAAA,CAAAwB,MAAA,EAAAJ,IAAA;EAAA,IACNK,QAAM,YAAAA,CAAAC,MAAA;IAAAL,OAEN,EAAAD,IAAA,GAAAM,MAAA,EAIAA,MAEA;EAAC;EAAA,sBACCvC,KAAW,CAAAO,MAAA;IAAAiC,QACX,UAAM;IAAAC,EAAA,QACN;IAAKC,QACL,YAAS;IAAAC,MAAA,EACT,GAAE;IAAAC,KAAA,QACF;IAAQC,KAAA,UACR;IAA0BC,QAC1B,GAAU,eACPhD,IAAA,CAAAI,eAAA;MAAA6C,OAAA;MACLC,MAAA;QAEA1B;MAAA;MAACwB,QAAA,iBAAAhD,IAAA,CAAAmB,WAAA;QAAAgC,UACC,QAAW;QAAA3B,KACX;QAAMwB,QACD,iBAAAhD,IAAA,CAAAQ,KAAA;UACLU,GAAA,EAAAH,MAAS,CAAAuB,UAAA;UACTQ,KAAE;UACFD,MAAA,KAAQ;UACRO,SAAS;QAAgB;MACf,GAAAjB,IACP;IAAA,mBACLnC,IAAA,CAAAO,MAAA;MAAA;MAAA8C,IAAA,EAAAhD,SAAA;MACFiD,IAAA;MAEJV,QAAA","ignoreList":[]}

package/dist/esm/AnimationsTimingDemo.mjs

@@ -1,23 +0,0 @@
-import { LogoIcon } from "@hanzogui/logo";
-import { Square } from "@hanzo/gui";
-import { jsx } from "react/jsx-runtime";
-function AnimationsTimingDemo() {
-  return /* @__PURE__ */jsx(Square, {
-    bg: "$color9",
-    transition: "100ms",
-    elevation: "$4",
-    size: 110,
-    rounded: "$9",
-    hoverStyle: {
-      scale: 1.2
-    },
-    pressStyle: {
-      scale: 0.9
-    },
-    children: /* @__PURE__ */jsx(LogoIcon, {
-      downscale: 0.75
-    })
-  });
-}
-export { AnimationsTimingDemo };
-//# sourceMappingURL=AnimationsTimingDemo.mjs.map

package/dist/esm/AnimationsTimingDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["LogoIcon","Square","jsx","AnimationsTimingDemo","bg","transition","elevation","size","rounded","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,EAAG;IACHC,UAAA,EAAW;IACXC,SAAA,EAAU;IACVC,IAAA,EAAM;IACNC,OAAA,EAAQ;IACRC,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/esm/AnimationsTimingDemo.native.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { LogoIcon } from "@hanzogui/logo";
-import { Square } from "@hanzo/gui";
-function AnimationsTimingDemo() {
-  return /* @__PURE__ */_jsx(Square, {
-    bg: "$color9",
-    transition: "100ms",
-    elevation: "$4",
-    size: 110,
-    rounded: "$9",
-    hoverStyle: {
-      scale: 1.2
-    },
-    pressStyle: {
-      scale: 0.9
-    },
-    children: /* @__PURE__ */_jsx(LogoIcon, {
-      downscale: 0.75
-    })
-  });
-}
-export { AnimationsTimingDemo };
-//# sourceMappingURL=AnimationsTimingDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","LogoIcon","Square","AnimationsTimingDemo","bg","transition","elevation","size","rounded","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,UAAA;IAAAC,SACI;IAAAC,IACH;IAAWC,OACX,MAAU;IAAAC,UACJ;MACNC,KAAA;IAAQ;IACIC,UACV,EAAO;MACTD,KAAA;IAAA;IACYE,QACV,iBAAOZ,IAAA,CAAAC,QAAA;MACTY,SAAA;IAAA;EAE2B;AAAA;AAGjC,S","ignoreList":[]}

package/dist/esm/AvatarDemo.mjs

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

package/dist/esm/AvatarDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["Avatar","XStack","jsx","jsxs","AvatarDemo","items","gap","children","circular","size","Image","src","Fallback","bg","delayMs"],"sources":["../../src/AvatarDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,EAAQC,MAAA,QAAc;AAKzB,SACEC,GAAA,EADFC,IAAA;AAHC,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAD,IAAA,CAACF,MAAA;IAAOI,KAAA,EAAM;IAASC,GAAA,EAAI;IACzBC,QAAA,kBAAAJ,IAAA,CAACH,MAAA;MAAOQ,QAAA,EAAQ;MAACC,IAAA,EAAK;MACpBF,QAAA,kBAAAL,GAAA,CAACF,MAAA,CAAOU,KAAA,EAAP;QACC,cAAW;QACXC,GAAA,EAAI;MAAA,CACN,GACA,eAAAT,GAAA,CAACF,MAAA,CAAOY,QAAA,EAAP;QAAgBC,EAAA,EAAG;MAAA,CAAU;IAAA,CAChC,GAEA,eAAAV,IAAA,CAACH,MAAA;MAAOQ,QAAA,EAAQ;MAACC,IAAA,EAAK;MACpBF,QAAA,kBAAAL,GAAA,CAACF,MAAA,CAAOU,KAAA,EAAP;QACC,cAAW;QACXC,GAAA,EAAI;MAAA,CACN,GACA,eAAAT,GAAA,CAACF,MAAA,CAAOY,QAAA,EAAP;QAAgBE,OAAA,EAAS;QAAKD,EAAA,EAAG;MAAA,CAAU;IAAA,CAC9C;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/AvatarDemo.native.js

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Avatar","XStack","AvatarDemo","items","gap","children","circular","size","Image","src","Fallback","bg"],"sources":["../../src/AvatarDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAA,IAAAC,KAAc;AAKzB,SACEC,MADF,EAAAC,MAAA;AAHC,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAH,KAAC,CAAAE,MAAA;IACCE,KAAA;IACEC,GAAA;IAAAC,QAAC,GAAO,eAAPN,KAAA,CAAAC,MAAA;MAAAM,QACC;MAAWC,IACX,OAAI;MAAAF,QAAA,GACN,eAAAR,IAAA,CAAAG,MAAA,CAAAQ,KAAA;QACA,cAAC;QACHC,GAAA;MAEA,IACE,eAAAZ,IAAA,CAAAG,MAAA,CAAAU,QAAA;QAACC,EAAA,EAAO;MAAP;IACY,IACP,eAAAZ,KAAA,CAAAC,MAAA;MACNM,QAAA;MACAC,IAAA;MACFF,QAAA,GACF,eAAAR,IAAA,CAAAG,MAAA,CAAAQ,KAAA;QAEJ","ignoreList":[]}

package/dist/esm/BoxShadowTokenDemo.mjs

@@ -1,34 +0,0 @@
-import { styled, View, Text, YStack } from "@hanzo/gui";
-import { jsx, jsxs } from "react/jsx-runtime";
-const StyledShadowBox = styled(View, {
-  width: 100,
-  height: 100,
-  backgroundColor: "$color5",
-  borderRadius: "$4",
-  boxShadow: "0px 2px 8px $shadowColor"
-});
-function BoxShadowTokenDemo() {
-  return /* @__PURE__ */jsxs(YStack, {
-    gap: "$4",
-    items: "center",
-    p: "$4",
-    children: [/* @__PURE__ */jsx(Text, {
-      testID: "box-shadow-token-title",
-      children: "BoxShadow Token Test"
-    }), /* @__PURE__ */jsx(StyledShadowBox, {
-      testID: "box-shadow-styled"
-    }), /* @__PURE__ */jsx(View, {
-      width: 100,
-      height: 100,
-      backgroundColor: "$color5",
-      borderRadius: "$4",
-      boxShadow: "0px 2px 8px $shadowColor",
-      testID: "box-shadow-prop"
-    }), /* @__PURE__ */jsx(Text, {
-      testID: "box-shadow-token-ok",
-      children: "OK"
-    })]
-  });
-}
-export { BoxShadowTokenDemo };
-//# sourceMappingURL=BoxShadowTokenDemo.mjs.map

package/dist/esm/BoxShadowTokenDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["styled","View","Text","YStack","jsx","jsxs","StyledShadowBox","width","height","backgroundColor","borderRadius","boxShadow","BoxShadowTokenDemo","gap","items","p","children","testID"],"sources":["../../src/BoxShadowTokenDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,EAAQC,IAAA,EAAMC,IAAA,EAAMC,MAAA,QAAc;AAevC,SACEC,GAAA,EADFC,IAAA;AAVJ,MAAMC,eAAA,GAAkBN,MAAA,CAAOC,IAAA,EAAM;EACnCM,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRC,eAAA,EAAiB;EACjBC,YAAA,EAAc;EACdC,SAAA,EAAW;AACb,CAAC;AAEM,SAASC,mBAAA,EAAqB;EACnC,OACE,eAAAP,IAAA,CAACF,MAAA;IAAOU,GAAA,EAAI;IAAKC,KAAA,EAAM;IAASC,CAAA,EAAE;IAChCC,QAAA,kBAAAZ,GAAA,CAACF,IAAA;MAAKe,MAAA,EAAO;MAAyBD,QAAA;IAAA,CAAoB,GAG1D,eAAAZ,GAAA,CAACE,eAAA;MAAgBW,MAAA,EAAO;IAAA,CAAoB,GAG5C,eAAAb,GAAA,CAACH,IAAA;MACCM,KAAA,EAAO;MACPC,MAAA,EAAQ;MACRC,eAAA,EAAgB;MAChBC,YAAA,EAAa;MACbC,SAAA,EAAU;MACVM,MAAA,EAAO;IAAA,CACT,GAEA,eAAAb,GAAA,CAACF,IAAA;MAAKe,MAAA,EAAO;MAAsBD,QAAA;IAAA,CAAE;EAAA,CACvC;AAEJ","ignoreList":[]}

package/dist/esm/BoxShadowTokenDemo.native.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { styled, View, Text, YStack } from "@hanzo/gui";
-var StyledShadowBox = styled(View, {
-  width: 100,
-  height: 100,
-  backgroundColor: "$color5",
-  borderRadius: "$4",
-  boxShadow: "0px 2px 8px $shadowColor"
-});
-function BoxShadowTokenDemo() {
-  return /* @__PURE__ */_jsxs(YStack, {
-    gap: "$4",
-    items: "center",
-    p: "$4",
-    children: [/* @__PURE__ */_jsx(Text, {
-      testID: "box-shadow-token-title",
-      children: "BoxShadow Token Test"
-    }), /* styled() definition - breaks if web imports leak to native */
-    /* @__PURE__ */_jsx(StyledShadowBox, {
-      testID: "box-shadow-styled"
-    }), /* inline prop - should always work */
-    /* @__PURE__ */_jsx(View, {
-      width: 100,
-      height: 100,
-      backgroundColor: "$color5",
-      borderRadius: "$4",
-      boxShadow: "0px 2px 8px $shadowColor",
-      testID: "box-shadow-prop"
-    }), /* @__PURE__ */_jsx(Text, {
-      testID: "box-shadow-token-ok",
-      children: "OK"
-    })]
-  });
-}
-export { BoxShadowTokenDemo };
-//# sourceMappingURL=BoxShadowTokenDemo.native.js.map