@hanzogui/demos 3.0.6 → 4.4.0

package/dist/cjs/AnimationsDelayDemo.cjs

@@ -2,53 +2,58 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  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: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// 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),
-  import_gui = require("@hanzo/gui"),
-  import_useOnIntersecting = require("./useOnIntersecting.cjs"),
-  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.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
 const colors = ["$color9", "$color10", "$color11", "$color12"];
 function AnimationsDelayDemo() {
-  const ref = import_react.default.useRef(null),
-    hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {
-      once: !0
-    }),
-    [show, setShow] = import_react.default.useState(!0);
-  return import_gui.isWeb && !hasIntersected ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-    ref,
-    height: 150
-  }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+  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, {

package/dist/cjs/AnimationsDelayDemo.native.js

@@ -4,53 +4,58 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  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: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// 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"),
-  import_react = __toESM(require("react"), 1),
-  import_gui = require("@hanzo/gui"),
-  import_useOnIntersecting = require("./useOnIntersecting.native.js"),
-  colors = ["$color9", "$color10", "$color11", "$color12"];
+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),
-    hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {
-      once: !0
-    }),
-    [show, setShow] = import_react.default.useState(!0);
-  return import_gui.isWeb && !hasIntersected ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-    ref,
-    height: 150
-  }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+  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, {

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

@@ -1 +1 @@
-{"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,2BAClB;AAIA,IAAAK,kBAAgB,GAAAC,OAAW,oBAAwB;EAAAC,YAAU,GAAAC,OAAA,CAAAF,OAAA;EAAAG,UAAA,GAAAH,OAAA;EAAAI,wBAAA,GAAAJ,OAAA;EAAAK,MAAA,IAEtD,SAAS,EACd,UAAM,EAIN,UAAI,EAMA,WAIQ;AAAC,SAAAT,oBAAA;EAAA,IAAAU,GAEC,GAAAL,YAAa,CAAAM,OAAW,CAAAC,MAAO,KAAI;IAAIC,cAAC,OAAAL,wBAAA,CAAAM,iBAAA,EAAAJ,GAAA;MAAAK,IACxC;IAAY;IAAA,CAAAC,IACV,EAAAC,OAAS,IAAAZ,YAAA,CAAAM,OAAA,CAAAO,QAAA;EAAA,OAAAX,UACF,CAAAY,KAAA,KAAAN,cAAA,sBAAAV,kBAAA,CAAAiB,GAAA,EAAAb,UAAA,CAAAc,MAAA;IAAAX,GAAA;IACJY,MACL;EAAA,oBACW,IAAAnB,kBAAA,CAAAoB,IAAA,EAAAhB,UAAA,CAAAc,MAAA;IAAAG,GAAA,MACT;IAASC,KAAA,EACT,QAAO;IAAAC,QACP,EAAG,gBACL,IAAAvB,kBAAA,CAAAiB,GAAA,EAAAb,UAAA,CAAAoB,MAAA;MACAH,GAAA,MAAM;MACNF,MAAI;MACJG,KAAA,UAAQ;MAAAG,OAAA;MAdHF,QAAA,qBAAAvB,kBAAA,CAAAiB,GAAA,EAAAb,UAAA,CAAAsB,eAAA;QAiBbH,QACF,EAAAV,IAAA,IAAAP,MAAA,CAAAqB,GAAA,WAAAC,KAAA,EAAAC,CAAA;UAEA,0BAAA7B,kBAAC,CAAAiB,GAAA,EAAAb,UAAO,CAAA0B,MAAK,EAAK;YAGpBC,UAAA,GAEJ,S","ignoreList":[]}
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","AnimationsDelayDemo_exports","AnimationsDelayDemo","module","exports","import_jsx_runtime","require","import_react","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","delay","enterStyle","opacity","scale","y","exitStyle","size","bg","rounded","Button","onPress"],"sources":["AnimationsDelayDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AnimationsDelayDemo_exports = {};\n__export(AnimationsDelayDemo_exports, {\n  AnimationsDelayDemo: () => AnimationsDelayDemo\n});\nmodule.exports = __toCommonJS(AnimationsDelayDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_gui = require(\"@hanzo/gui\");\nvar import_useOnIntersecting = require(\"./useOnIntersecting\");\nvar colors = [\n  \"$color9\",\n  \"$color10\",\n  \"$color11\",\n  \"$color12\"\n];\nfunction AnimationsDelayDemo() {\n  var ref = import_react.default.useRef(null);\n  var hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {\n    once: true\n  });\n  var [show, setShow] = import_react.default.useState(true);\n  if (import_gui.isWeb && !hasIntersected) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.YStack, {\n      ref,\n      height: 150\n    });\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n    gap: \"$4\",\n    items: \"center\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.XStack, {\n        gap: \"$3\",\n        height: 100,\n        items: \"center\",\n        justify: \"center\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.AnimatePresence, {\n          children: show && colors.map(function(color, i) {\n            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Square, {\n              transition: [\n                \"200ms\",\n                {\n                  delay: i * 100\n                }\n              ],\n              enterStyle: {\n                opacity: 0,\n                scale: 0.5,\n                y: 20\n              },\n              exitStyle: {\n                opacity: 0,\n                scale: 0,\n                y: 20\n              },\n              size: 60,\n              bg: color,\n              rounded: \"$4\"\n            }, color);\n          })\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n        size: \"$3\",\n        onPress: function() {\n          return setShow(!show);\n        },\n        children: show ? \"Hide\" : \"Show\"\n      })\n    ]\n  });\n}\n//# sourceMappingURL=AnimationsDelayDemo.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/AnimationsDemo.cjs

@@ -3,20 +3,22 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var AnimationsDemo_exports = {};
 __export(AnimationsDemo_exports, {
@@ -24,20 +26,22 @@ __export(AnimationsDemo_exports, {
   positions: () => positions
 });
 module.exports = __toCommonJS(AnimationsDemo_exports);
-var import_logo = require("@hanzogui/logo"),
-  import_lucide_icons_2 = require("@hanzogui/lucide-icons-2"),
-  import_gui = require("@hanzo/gui"),
-  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");
+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
-    }),
-    position = positions[positionI],
-    onPress = (0, import_gui.useEvent)(() => {
-      setPositionI(x => (x + 1) % positions.length);
+    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",
@@ -65,7 +69,7 @@ function AnimationsDemo(props) {
       icon: import_lucide_icons_2.Play,
       theme: props.tint ?? "surface2",
       size: "$5",
-      circular: !0,
+      circular: true,
       onPress
     })]
   });

package/dist/cjs/AnimationsDemo.native.js

@@ -5,20 +5,22 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var AnimationsDemo_exports = {};
 __export(AnimationsDemo_exports, {
@@ -26,24 +28,23 @@ __export(AnimationsDemo_exports, {
   positions: () => positions
 });
 module.exports = __toCommonJS(AnimationsDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_logo = require("@hanzogui/logo"),
-  import_lucide_icons_2 = require("@hanzogui/lucide-icons-2"),
-  import_gui = require("@hanzo/gui");
+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
-    }),
-    position = positions[positionI],
-    onPress = (0, import_gui.useEvent)(function () {
-      setPositionI(function (x) {
-        return (x + 1) % positions.length;
-      });
-    }),
-    _props_animation,
-    _props_tint;
+    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",
@@ -71,7 +72,7 @@ function AnimationsDemo(props) {
       icon: import_lucide_icons_2.Play,
       theme: (_props_tint = props.tint) !== null && _props_tint !== void 0 ? _props_tint : "surface2",
       size: "$5",
-      circular: !0,
+      circular: true,
       onPress
     })]
   });

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

@@ -1 +1 @@
-{"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,sBACzB;AAGO,IAAAM,kBAAS,GAAeC,OAAO;EAAAC,WAAA,GAAAD,OAAA;EAAAE,qBAAA,GAAAF,OAAA;EAAAG,UAAA,GAAAH,OAAA;AACpC,SAAOL,cAAWA,CAAAS,KAAA;EAAqC,IACrD,CAAAC,SAAU,EAAAC,YAAA,QAAAH,UAAA,CAAAI,oBAAA;MACVC,QAAM,oBAAM;MACZC,IAAA,EAAAL,KAAA,CAAAM,QAAa;MACdC,WACK,EAAW;IAEf;IAAAD,QAAA,GAAad,SACH,CAAAS,SAAS;IAAAO,OAAU,IAC5B,GAAAT,UAAA,CAAAU,QAAA;MACFP,YAAA,WAAAQ,CAAA;QAED,OACE,CAAAA,CAAA,QAAAlB,SAAA,CAAAmB,MAAA;MACE;IAAA;IAACC,gBAAA;IAAAC,WAAA;EAAA,0BAAAlB,kBAAA,CAAAmB,IAAA,EAAAnB,kBAAA,CAAAoB,QAAA;IAAAC,QACC,GAA+B,eACjB,IAAArB,kBAAW,CAAAsB,GAAA,EAAAlB,UAAA,CAAAmB,MAAA;MACzBC,UAAA,GAAAP,gBAAA,GAAAZ,KAAA,CAAAoB,SAAA,cAAAR,gBAAA,cAAAA,gBAAA;MACAS,WAAM,GACN,WAAY,CACZ;MACAb,OAAA;MACAc,IAAG;MACHC,WAAA,EAAY;MAAAC,WACH;MACTC,OAAA;MACAC,EAAA,WAAY;MAAAC,UACH;QACTC,KAAA;MACC;MAEAC,UAAA;QAAoCD,KAAA;MACvC;MAEA,GAAAtB,QAAA;MAACU,QAAA,EAAAjB,UAAA,CAAA+B,KAAA,uBAAAnC,kBAAA,CAAAsB,GAAA,EAAApB,WAAA,CAAAkC,QAAA;QAAAC,SAAA;MACC;IAAS,EACT,EAAG,eACA,IAAArC,kBAAA,CAAAsB,GAAA,EAAAlB,UAAA,CAAAkC,MAAA;MACH3B,QAAM;MACN4B,CAAA;MACAC,CAAA;MACAC,IAAA,EAAAtC,qBAAQ,CAAAuC,IAAA;MACRC,KAAA,GAAAzB,WAAA,GAAAb,KAAA,CAAAuC,IAAA,cAAA1B,WAAA,cAAAA,WAAA;MAAAS,IAAA;MACFkB,QAAA;MACFhC;IAEJ;EAGE;AAAA;AACK,IACHhB,SAAG;EAEHkB,CAAA;EACF+B,CAAA;EACAb,KAAA;EACEc,MAAG;AAAA,GACA;EAEHhC,CAAA;EACA+B,CAAA;EAAYb,KACV,KAAO;EACTc,MAAA;EACAf,UAAA,EAAY;IACVC,KAAA,EAAO;EACT;EACFC,UAAA;IACAD,KAAA;EACE;AAAG,GACA;EAEHlB,CAAA;EACA+B,CAAA;EAAYb,KACV;EACFc,MAAA;EACAf,UAAA,EAAY;IACVC,KAAA,EAAO;EACT;EACFC,UAAA;IACFD,KAAA","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","AnimationsDemo_exports","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":["AnimationsDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AnimationsDemo_exports = {};\n__export(AnimationsDemo_exports, {\n  AnimationsDemo: () => AnimationsDemo,\n  positions: () => positions\n});\nmodule.exports = __toCommonJS(AnimationsDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_logo = require(\"@hanzogui/logo\");\nvar import_lucide_icons_2 = require(\"@hanzogui/lucide-icons-2\");\nvar import_gui = require(\"@hanzo/gui\");\nfunction AnimationsDemo(props) {\n  var [positionI, setPositionI] = (0, import_gui.useControllableState)({\n    strategy: \"most-recent-wins\",\n    prop: props.position,\n    defaultProp: 0\n  });\n  var position = positions[positionI];\n  var onPress = (0, import_gui.useEvent)(function() {\n    setPositionI(function(x) {\n      return (x + 1) % positions.length;\n    });\n  });\n  var _props_animation, _props_tint;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Square, {\n        transition: (_props_animation = props.animation) !== null && _props_animation !== void 0 ? _props_animation : \"bouncy\",\n        animateOnly: [\n          \"transform\"\n        ],\n        onPress,\n        size: 104,\n        borderColor: \"$borderColor\",\n        borderWidth: 1,\n        rounded: \"$9\",\n        bg: \"$color9\",\n        hoverStyle: {\n          scale: 1.01\n        },\n        pressStyle: {\n          scale: 0.9\n        },\n        ...position,\n        children: import_gui.isWeb && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {\n          downscale: 0.75\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n        position: \"absolute\",\n        b: 20,\n        l: 20,\n        icon: import_lucide_icons_2.Play,\n        theme: (_props_tint = props.tint) !== null && _props_tint !== void 0 ? _props_tint : \"surface2\",\n        size: \"$5\",\n        circular: true,\n        onPress\n      })\n    ]\n  });\n}\nvar positions = [\n  {\n    x: 0,\n    y: 0,\n    scale: 1,\n    rotate: \"0deg\"\n  },\n  {\n    x: -50,\n    y: -50,\n    scale: 0.5,\n    rotate: \"-45deg\",\n    hoverStyle: {\n      scale: 0.6\n    },\n    pressStyle: {\n      scale: 0.4\n    }\n  },\n  {\n    x: 50,\n    y: 50,\n    scale: 1,\n    rotate: \"180deg\",\n    hoverStyle: {\n      scale: 1.1\n    },\n    pressStyle: {\n      scale: 0.9\n    }\n  }\n];\n//# sourceMappingURL=AnimationsDemo.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/AnimationsEnterDemo.cjs

@@ -2,52 +2,57 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  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: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// 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),
-  import_logo = require("@hanzogui/logo"),
-  import_gui = require("@hanzo/gui"),
-  import_useOnIntersecting = require("./useOnIntersecting.cjs"),
-  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.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
 function AnimationsEnterDemo(props) {
-  const ref = import_react.default.useRef(null),
-    [key, setKey] = import_react.default.useState(0),
-    hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {
-      once: !0
+  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 import_gui.isWeb && !hasIntersected ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-    ref
-  }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+  }
+  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,

package/dist/cjs/AnimationsEnterDemo.native.js

@@ -4,52 +4,56 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  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: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// 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"),
-  import_react = __toESM(require("react"), 1),
-  import_logo = require("@hanzogui/logo"),
-  import_gui = require("@hanzo/gui"),
-  import_useOnIntersecting = require("./useOnIntersecting.native.js");
+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),
-    [key, setKey] = import_react.default.useState(0),
-    hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {
-      once: !0
-    });
-  if (import_gui.isWeb && !hasIntersected) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-    ref
+  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, {