@hanzogui/demos 8.2.1 → 8.3.2

package/dist/cjs/AlertDialogDemo.native.js

@@ -1,101 +0,0 @@
-"use strict";
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var AlertDialogDemo_exports = {};
-__export(AlertDialogDemo_exports, {
-  AlertDialogDemo: () => AlertDialogDemo
-});
-module.exports = __toCommonJS(AlertDialogDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_gui = require("@hanzo/gui");
-function AlertDialogDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.AlertDialog, {
-    native: true,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AlertDialog.Trigger, {
-      asChild: true,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-        children: "Show Alert"
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.AlertDialog.Portal, {
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AlertDialog.Overlay, {
-        transition: "quick",
-        opacity: 0.5,
-        backgroundColor: "$background",
-        enterStyle: {
-          opacity: 0
-        },
-        exitStyle: {
-          opacity: 0
-        }
-      }, "overlay"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AlertDialog.Content, {
-        elevate: true,
-        transition: ["quick", {
-          opacity: {
-            overshootClamping: true
-          }
-        }],
-        enterStyle: {
-          x: 0,
-          y: -20,
-          opacity: 0,
-          scale: 0.9
-        },
-        exitStyle: {
-          x: 0,
-          y: 10,
-          opacity: 0,
-          scale: 0.95
-        },
-        x: 0,
-        scale: 1,
-        opacity: 1,
-        y: 0,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-          gap: "$4",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AlertDialog.Title, {
-            children: "Accept"
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AlertDialog.Description, {
-            children: "By pressing yes, you accept our terms and conditions."
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-            gap: "$3",
-            justify: "flex-end",
-            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AlertDialog.Cancel, {
-              asChild: true,
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-                children: "Cancel"
-              })
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AlertDialog.Action, {
-              asChild: true,
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-                theme: "accent",
-                children: "Accept"
-              })
-            })]
-          })]
-        })
-      }, "content")]
-    })]
-  });
-}
-//# sourceMappingURL=AlertDialogDemo.native.js.map

package/dist/cjs/AlertDialogDemo.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AlertDialogDemo_exports","__export","AlertDialogDemo","module","exports","import_jsx_runtime","require","import_gui","jsxs","AlertDialog","native","children","jsx","Trigger","asChild","Button","Portal","Overlay","transition","opacity","backgroundColor","enterStyle","exitStyle","Content","elevate","overshootClamping","x","y","scale"],"sources":["../../src/AlertDialogDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAoDT,YAAA,CAAAK,uBAAA;AAM5C,IAAAK,kBAAA,GAAAC,OAAA;AAJD,IAAAC,UAAS,GAAAD,OAAA,aAAkB;AAChC,SACEJ,gBAAA;EACE,0BAAAG,kBAAA,CAACG,IAAA,EAAAD,UAAA,CAAAE,WAAY;IAIbC,MAAA;IACEC,QAAA,kBAAC,IAAAN,kBAAY,CAAAO,GAAA,EAAAL,UAAA,CAAAE,WAAA,CAAAI,OAAA;MAAZC,OAAA;MAAAH,QAEC,iBAAW,IAAAN,kBAAA,CAAAO,GAAA,EAAAL,UAAA,CAAAQ,MAAA;QACXJ,QAAA,EAAS;MAAA;IACO,IACS,eACd,CAAE,GAAAN,kBAAW,CAAAG,IAAA,EAAAD,UAAA,CAAAE,WAAA,CAAAO,MAAA;MAAAL,QAAA,GALpB,mBAAAN,kBAAA,CAAAO,GAAA,EAAAL,UAAA,CAAAE,WAAA,CAAAQ,OAAA;QAMNC,UAAA;QACAC,OAAA;QAACC,eAAA,eAAY;QAAZC,UAAA;UACCF,OAAO;QAEP;QACEG,SAAA;UACAH,OAAA;QAAA;MACW,YACP,GAAmB,eACrB,IAAAd,kBAAA,CAAAO,GAAA,EAAAL,UAAA,CAAAE,WAAA,CAAAc,OAAA;QACFC,OAAA;QACFN,UAAA,GACA,SACA;UACGC,OAAA;YACIM,iBAAA;UACP;QACG,EAEH;QACEJ,UAAA;UACAK,CAAA;UAIAC,CAAA;UACER,OAAA;UAGAS,KAAA;QAEA;QACFN,SACF;UAAAI,CAAA;UA9BIC,CAAA;UA+BNR,OAAA;UACFS,KAAA;QACF;QAEJF,CAAA","ignoreList":[]}

package/dist/cjs/AnimationsDelayDemo.cjs

@@ -1,90 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var AnimationsDelayDemo_exports = {};
-__export(AnimationsDelayDemo_exports, {
-  AnimationsDelayDemo: () => AnimationsDelayDemo
-});
-module.exports = __toCommonJS(AnimationsDelayDemo_exports);
-var import_react = __toESM(require("react"), 1);
-var import_gui = require("@hanzo/gui");
-var import_useOnIntersecting = require("./useOnIntersecting.cjs");
-var import_jsx_runtime = require("react/jsx-runtime");
-const colors = ["$color9", "$color10", "$color11", "$color12"];
-function AnimationsDelayDemo() {
-  const ref = import_react.default.useRef(null);
-  const hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {
-    once: true
-  });
-  const [show, setShow] = import_react.default.useState(true);
-  if (import_gui.isWeb && !hasIntersected) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-      ref,
-      height: 150
-    });
-  }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-    gap: "$4",
-    items: "center",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
-      gap: "$3",
-      height: 100,
-      items: "center",
-      justify: "center",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AnimatePresence, {
-        children: show && colors.map((color, i) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
-          transition: ["200ms", {
-            delay: i * 100
-          }],
-          enterStyle: {
-            opacity: 0,
-            scale: 0.5,
-            y: 20
-          },
-          exitStyle: {
-            opacity: 0,
-            scale: 0,
-            y: 20
-          },
-          size: 60,
-          bg: color,
-          rounded: "$4"
-        }, color))
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      size: "$3",
-      onPress: () => setShow(!show),
-      children: show ? "Hide" : "Show"
-    })]
-  });
-}

package/dist/cjs/AnimationsDelayDemo.native.js

@@ -1,97 +0,0 @@
-"use strict";
-
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var AnimationsDelayDemo_exports = {};
-__export(AnimationsDelayDemo_exports, {
-  AnimationsDelayDemo: () => AnimationsDelayDemo
-});
-module.exports = __toCommonJS(AnimationsDelayDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = __toESM(require("react"), 1);
-var import_gui = require("@hanzo/gui");
-var import_useOnIntersecting = require("./useOnIntersecting.native.js");
-var colors = ["$color9", "$color10", "$color11", "$color12"];
-function AnimationsDelayDemo() {
-  var ref = import_react.default.useRef(null);
-  var hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {
-    once: true
-  });
-  var [show, setShow] = import_react.default.useState(true);
-  if (import_gui.isWeb && !hasIntersected) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-      ref,
-      height: 150
-    });
-  }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-    gap: "$4",
-    items: "center",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
-      gap: "$3",
-      height: 100,
-      items: "center",
-      justify: "center",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AnimatePresence, {
-        children: show && colors.map(function (color, i) {
-          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
-            transition: ["200ms", {
-              delay: i * 100
-            }],
-            enterStyle: {
-              opacity: 0,
-              scale: 0.5,
-              y: 20
-            },
-            exitStyle: {
-              opacity: 0,
-              scale: 0,
-              y: 20
-            },
-            size: 60,
-            bg: color,
-            rounded: "$4"
-          }, color);
-        })
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      size: "$3",
-      onPress: function () {
-        return setShow(!show);
-      },
-      children: show ? "Hide" : "Show"
-    })]
-  });
-}
-//# sourceMappingURL=AnimationsDelayDemo.native.js.map

package/dist/cjs/AnimationsDelayDemo.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsDelayDemo_exports","__export","AnimationsDelayDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_gui","import_useOnIntersecting","colors","ref","default","useRef","hasIntersected","useIsIntersecting","once","show","setShow","useState","isWeb","jsx","YStack","height","jsxs","gap","items","children","XStack","justify","AnimatePresence","map","color","i","Square","transition"],"sources":["../../src/AnimationsDelayDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,2BAAA;AAClB,IAAAK,kBAAuE,GAAAC,OAAA;AAEvE,IAAAC,YAAA,GAAAC,OAAA,CAAAF,OAAkC;AAUvB,IAAAG,UAAA,GAAAH,OAAA;AARX,IAAAI,wBAA2B,GAAAJ,OAAA,CAAY,+BAAY,CAAU;AAEtD,IAAAK,MAAS,IACd,SAAM,EACN,UAAM,EACN,UAAO,EAEP,UAAI,CACF;AAA6C,SAC/CT,oBAAA;EAEA,IAAAU,GACE,GAAAL,YAAA,CAAAM,OAAA,CAAAC,MAAA;EACE,IAAAC,cAAA,OAAAL,wBAAC,CAAAM,iBAAO,EAAAJ,GAAI;IAIJK,IAAC;EAAA;EAAA,KAAAC,IAEC,EAAAC,OAAY,CAAC,GAAAZ,YAAW,CAAAM,OAAW,CAAAO,QAAK;EAAA,IAAAX,UACxC,CAAAY,KAAY,KAAAN,cAAA;IAAA,OACV,eAAS,IAAAV,kBAAA,CAAAiB,GAAA,EAAAb,UAAA,CAAAc,MAAA;MAAAX,GAAA;MACFY,MACP,EAAG;IAAA;EACL;EACW,sBACA,IAAAnB,kBAAA,CAAAoB,IAAA,EAAAhB,UAAA,CAAAc,MAAA;IAAAG,GAAA,MACT;IAAOC,KAAA,EACP,QAAG;IAAAC,QACL,kBACM,IAAAvB,kBAAA,CAAAiB,GAAA,EAAAb,UAAA,CAAAoB,MAAA;MACNH,GAAA,EAAI;MACJF,MAAA,KAAQ;MAAAG,KAAA;MAdHG,OAAA;MAiBbF,QACF,qBAAAvB,kBAAA,CAAAiB,GAAA,EAAAb,UAAA,CAAAsB,eAAA;QAEAH,QAAA,EAAAV,IAAA,IAAAP,MAAA,CAAAqB,GAAA,WAACC,KAAA,EAAAC,CAAA;UAGH,0BAAA7B,kBAAA,CAAAiB,GAAA,EAAAb,UAAA,CAAA0B,MAAA;YAEJC,UAAA,G","ignoreList":[]}

package/dist/cjs/AnimationsDemo.cjs

@@ -1,104 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var AnimationsDemo_exports = {};
-__export(AnimationsDemo_exports, {
-  AnimationsDemo: () => AnimationsDemo,
-  positions: () => positions
-});
-module.exports = __toCommonJS(AnimationsDemo_exports);
-var import_logo = require("@hanzogui/logo");
-var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
-var import_gui = require("@hanzo/gui");
-var import_jsx_runtime = require("react/jsx-runtime");
-function AnimationsDemo(props) {
-  const [positionI, setPositionI] = (0, import_gui.useControllableState)({
-    strategy: "most-recent-wins",
-    prop: props.position,
-    defaultProp: 0
-  });
-  const position = positions[positionI];
-  const onPress = (0, import_gui.useEvent)(() => {
-    setPositionI(x => {
-      return (x + 1) % positions.length;
-    });
-  });
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
-      transition: 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: import_gui.isWeb && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
-        downscale: 0.75
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      position: "absolute",
-      b: 20,
-      l: 20,
-      icon: import_lucide_icons_2.Play,
-      theme: props.tint ?? "surface2",
-      size: "$5",
-      circular: true,
-      onPress
-    })]
-  });
-}
-const 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
-  }
-}];

package/dist/cjs/AnimationsDemo.native.js

@@ -1,108 +0,0 @@
-"use strict";
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var AnimationsDemo_exports = {};
-__export(AnimationsDemo_exports, {
-  AnimationsDemo: () => AnimationsDemo,
-  positions: () => positions
-});
-module.exports = __toCommonJS(AnimationsDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_logo = require("@hanzogui/logo");
-var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
-var import_gui = require("@hanzo/gui");
-function AnimationsDemo(props) {
-  var [positionI, setPositionI] = (0, import_gui.useControllableState)({
-    strategy: "most-recent-wins",
-    prop: props.position,
-    defaultProp: 0
-  });
-  var position = positions[positionI];
-  var onPress = (0, import_gui.useEvent)(function () {
-    setPositionI(function (x) {
-      return (x + 1) % positions.length;
-    });
-  });
-  var _props_animation, _props_tint;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.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: import_gui.isWeb && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
-        downscale: 0.75
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      position: "absolute",
-      b: 20,
-      l: 20,
-      icon: import_lucide_icons_2.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
-  }
-}];
-//# sourceMappingURL=AnimationsDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsDemo_exports","__export","AnimationsDemo","positions","module","exports","import_jsx_runtime","require","import_logo","import_lucide_icons_2","import_gui","props","positionI","setPositionI","useControllableState","strategy","prop","position","defaultProp","onPress","useEvent","x","length","_props_animation","_props_tint","jsxs","Fragment","children","jsx","Square","transition","animation","animateOnly","size","borderColor","borderWidth","rounded","bg","hoverStyle","scale","pressStyle","isWeb","LogoIcon","downscale","Button","b","l","icon","Play","theme","tint","circular","y","rotate"],"sources":["../../src/AnimationsDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAyB,CAAAK,sBAAA;AACzB,IAAAM,kBAAA,GAAAC,OAAqB;AACrB,IAAAC,WAAA,GAA6ED,OAAA;AAgBzE,IAAAE,qBAAA,GAAAF,OAAA;AAdG,IAAAG,UAAS,GAAAH,OAAe,aAAO;AACpC,SAAOL,cAAWA,CAAAS,KAAA;EAAqC,IACrD,CAAAC,SAAU,EAAAC,YAAA,QAAAH,UAAA,CAAAI,oBAAA;IACVC,QAAM,oBAAM;IACZC,IAAA,EAAAL,KAAA,CAAAM,QAAa;IACdC,WAAA;EACD;EACA,IAAAD,QAAM,GAAAd,SAAU,CAAAS,SAAA;EACd,IAAAO,OAAA,IAAa,CAAC,EAAAT,UAAM,CAAAU,QAAA;IAClBP,YAAQ,WAASQ,CAAA;MAClB,QAAAA,CAAA,QAAAlB,SAAA,CAAAmB,MAAA;IACF;EAED;EAEI,IAAAC,gBAAA,EAAAC,WAAA;EAAA,OAAC,mBAAAlB,kBAAA,CAAAmB,IAAA,EAAAnB,kBAAA,CAAAoB,QAAA;IAAAC,QAAA,kBACa,IAAMrB,kBAAa,CAAAsB,GAAA,EAAAlB,UAAA,CAAAmB,MAAA;MAC/BC,UAAA,GAAaP,gBAAY,GAAAZ,KAAA,CAAAoB,SAAA,cAAAR,gBAAA,cAAAA,gBAAA;MACzBS,WAAA,GACA,WAAM,CACN;MACAb,OAAA;MACAc,IAAA,KAAQ;MACRC,WAAG;MACHC,WAAA,EAAY;MAAAC,OACV,EAAO;MACTC,EAAA;MACAC,UAAA,EAAY;QACVC,KAAA,EAAO;MACT;MACCC,UAAG;QAEHD,KAAA;MAAoC;MACvC,GAAAtB,QAAA;MAEAU,QAAA,EAAAjB,UAAA,CAAA+B,KAAA,uBAAAnC,kBAAA,CAAAsB,GAAA,EAAApB,WAAA,CAAAkC,QAAA;QAACC,SAAA;MAAA;IAAA,EACC,EAAS,eACN,IAAArC,kBAAA,CAAAsB,GAAA,EAAAlB,UAAA,CAAAkC,MAAA;MACH3B,QAAG;MACH4B,CAAA;MACAC,CAAA;MACAC,IAAA,EAAKtC,qBAAA,CAAAuC,IAAA;MACLC,KAAA,GAAAzB,WAAQ,GAAAb,KAAA,CAAAuC,IAAA,cAAA1B,WAAA,cAAAA,WAAA;MACRS,IAAA;MAAAkB,QAAA;MACFhC;IACF;EAIG;AAAkB;AACvB,IACEhB,SAAG;EAEHkB,CAAA;EACA+B,CAAA;EACFb,KAAA;EACAc,MAAA;AAAA,GACK;EAEHhC,CAAA;EACA+B,CAAA;EACAb,KAAA;EAAYc,MACV,UAAO;EACTf,UAAA;IACAC,KAAA;EAAY;EAEZC,UAAA;IACFD,KAAA;EACA;AAAA,GACK;EAEHlB,CAAA;EACA+B,CAAA;EACAb,KAAA;EAAYc,MACV,UAAO;EACTf,UAAA;IACAC,KAAA;EAAY;EAEZC,UAAA;IACFD,KAAA;EACF","ignoreList":[]}

package/dist/cjs/AnimationsEnterDemo.cjs

@@ -1,80 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var AnimationsEnterDemo_exports = {};
-__export(AnimationsEnterDemo_exports, {
-  AnimationsEnterDemo: () => AnimationsEnterDemo
-});
-module.exports = __toCommonJS(AnimationsEnterDemo_exports);
-var import_react = __toESM(require("react"), 1);
-var import_logo = require("@hanzogui/logo");
-var import_gui = require("@hanzo/gui");
-var import_useOnIntersecting = require("./useOnIntersecting.cjs");
-var import_jsx_runtime = require("react/jsx-runtime");
-function AnimationsEnterDemo(props) {
-  const ref = import_react.default.useRef(null);
-  const [key, setKey] = import_react.default.useState(0);
-  const hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {
-    once: true
-  });
-  if (import_gui.isWeb && !hasIntersected) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-      ref
-    });
-  }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.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__ */(0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
-        downscale: 0.75
-      })
-    }, key), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      size: "$3",
-      mt: "$4",
-      onPress: () => setKey(Math.random()),
-      children: "Re-mount"
-    })]
-  });
-}

package/dist/cjs/AnimationsEnterDemo.native.js

@@ -1,86 +0,0 @@
-"use strict";
-
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var AnimationsEnterDemo_exports = {};
-__export(AnimationsEnterDemo_exports, {
-  AnimationsEnterDemo: () => AnimationsEnterDemo
-});
-module.exports = __toCommonJS(AnimationsEnterDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = __toESM(require("react"), 1);
-var import_logo = require("@hanzogui/logo");
-var import_gui = require("@hanzo/gui");
-var import_useOnIntersecting = require("./useOnIntersecting.native.js");
-function AnimationsEnterDemo(props) {
-  var ref = import_react.default.useRef(null);
-  var [key, setKey] = import_react.default.useState(0);
-  var hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {
-    once: true
-  });
-  if (import_gui.isWeb && !hasIntersected) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-      ref
-    });
-  }
-  var _props_children;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.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__ */(0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
-        downscale: 0.75
-      })
-    }, key), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      size: "$3",
-      mt: "$4",
-      onPress: function () {
-        return setKey(Math.random());
-      },
-      children: "Re-mount"
-    })]
-  });
-}
-//# sourceMappingURL=AnimationsEnterDemo.native.js.map