@hanzogui/demos 3.0.6 → 4.4.0

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsEnterDemo_exports","__export","AnimationsEnterDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_logo","import_gui","import_useOnIntersecting","props","ref","default","useRef","key","setKey","useState","hasIntersected","useIsIntersecting","once","isWeb","jsx","YStack","_props_children","jsxs","Fragment","children","Square","enterStyle","scale","y","opacity","transition","elevation","size","bg","rounded"],"sources":["../../src/AnimationsEnterDemo.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;AAMO,IAAAK,kBAAS,GAAAC,OAAoB,oBAAY;EAAAC,YAAA,GAAAC,OAAA,CAAAF,OAAA;EAAAG,WAAA,GAAAH,OAAA;EAAAI,UAAA,GAAAJ,OAAA;EAAAK,wBAAA,GAAAL,OAAA;AAC9C,SAAMJ,mBAAMA,CAAAU,KAAA,EAAM;EAIlB,IAAAC,GAAI,GAAAN,YAAA,CAAAO,OAAU,CAAAC,MAAA;IACL,CAAAC,GAAA,EAAAC,MAAA,IAAAV,YAAA,CAAAO,OAAA,CAAAI,QAAC;IAAAC,cAAA,GAAO,IAAiBR,wBAIhC,CAAAS,iBAAA,EAAAP,GAAA;MACEQ,IAAA;IAAA;EAAC,IAAAX,UAAA,CAAAY,KAAA,KAAAH,cAAA,SAEC,eAAY,IAAAd,kBAAA,CAAAkB,GAAA,EAAAb,UAAA,CAAAc,MAAA;IAAAX;EACH;EACJ,IAAAY,eACM;EAAA,OACX,mBAAApB,kBAAA,CAAAqB,IAAA,EAAArB,kBAAA,CAAAsB,QAAA;IAAAC,QACA,GAAW,eACD,IAAAvB,kBAAA,CAAAkB,GAAA,EAAAb,UAAA,CAAAmB,MAAA;MACVC,UAAM;QACNC,KAAA,EAAS;QACTC,CAAA,KAAO;QACPC,OAAG;MACH;MACAC,UAAQ;MAEPC,SAAA;MAA6CC,IAAA;MAfzCH,OAAA;MAgBPF,KAAA;MAEAC,CAAA;MAGFK,EAAA;MAEJC,OAAA","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","AnimationsEnterDemo_exports","AnimationsEnterDemo","module","exports","import_jsx_runtime","require","import_react","import_logo","import_gui","import_useOnIntersecting","props","ref","default","useRef","setKey","useState","hasIntersected","useIsIntersecting","once","isWeb","jsx","YStack","_props_children","jsxs","Fragment","children","Square","enterStyle","scale","y","opacity","transition","elevation","size","bg","rounded","LogoIcon","downscale","Button","mt","onPress","Math","random"],"sources":["AnimationsEnterDemo.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 AnimationsEnterDemo_exports = {};\n__export(AnimationsEnterDemo_exports, {\n  AnimationsEnterDemo: () => AnimationsEnterDemo\n});\nmodule.exports = __toCommonJS(AnimationsEnterDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_logo = require(\"@hanzogui/logo\");\nvar import_gui = require(\"@hanzo/gui\");\nvar import_useOnIntersecting = require(\"./useOnIntersecting\");\nfunction AnimationsEnterDemo(props) {\n  var ref = import_react.default.useRef(null);\n  var [key, setKey] = import_react.default.useState(0);\n  var hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {\n    once: true\n  });\n  if (import_gui.isWeb && !hasIntersected) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.YStack, {\n      ref\n    });\n  }\n  var _props_children;\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        enterStyle: {\n          scale: 1.5,\n          y: -10,\n          opacity: 0\n        },\n        transition: \"bouncy\",\n        elevation: \"$4\",\n        size: 110,\n        opacity: 1,\n        scale: 1,\n        y: 0,\n        bg: \"$color9\",\n        rounded: \"$9\",\n        children: (_props_children = props.children) !== null && _props_children !== void 0 ? _props_children : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {\n          downscale: 0.75\n        })\n      }, key),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n        size: \"$3\",\n        mt: \"$4\",\n        onPress: function() {\n          return setKey(Math.random());\n        },\n        children: \"Re-mount\"\n      })\n    ]\n  });\n}\n//# sourceMappingURL=AnimationsEnterDemo.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/AnimationsHoverDemo.cjs

@@ -3,29 +3,31 @@ 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 AnimationsHoverDemo_exports = {};
 __export(AnimationsHoverDemo_exports, {
   AnimationsHoverDemo: () => AnimationsHoverDemo
 });
 module.exports = __toCommonJS(AnimationsHoverDemo_exports);
-var import_logo = require("@hanzogui/logo"),
-  import_gui = require("@hanzo/gui"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_logo = require("@hanzogui/logo");
+var import_gui = require("@hanzo/gui");
+var import_jsx_runtime = require("react/jsx-runtime");
 function AnimationsHoverDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
     borderColor: "$borderColor",

package/dist/cjs/AnimationsHoverDemo.native.js

@@ -5,29 +5,31 @@ 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 AnimationsHoverDemo_exports = {};
 __export(AnimationsHoverDemo_exports, {
   AnimationsHoverDemo: () => AnimationsHoverDemo
 });
 module.exports = __toCommonJS(AnimationsHoverDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_logo = require("@hanzogui/logo"),
-  import_gui = require("@hanzo/gui");
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_logo = require("@hanzogui/logo");
+var import_gui = require("@hanzo/gui");
 function AnimationsHoverDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
     borderColor: "$borderColor",

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsHoverDemo_exports","__export","AnimationsHoverDemo","module","exports","import_jsx_runtime","require","import_logo","import_gui","jsx","Square","borderColor","transition","elevation","bg","size","rounded","hoverStyle","scale","pressStyle","children","LogoIcon","downscale"],"sources":["../../src/AnimationsHoverDemo.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,YAAyB,CAAAK,2BACzB,CAAuB;AAEhB,IAAAK,kBAAS,GAAAC,OAAsB;EAAAC,WAAA,GAAAD,OAAA;EAAAE,UAAA,GAAAF,OAAA;AACpC,SACEJ,oBAAA;EAAA,OAAC,mBAAAG,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAE,MAAA;IAAAC,WAAA;IAAAC,UACC,UAAY;IAAAC,SACZ,MAAW;IAAAC,EACX,WAAU;IAAAC,IACV,EAAG;IAAAC,OACH,EAAM;IAAAC,UACN,EAAQ;MACRC,KAAA;IAAY;IACHC,UACT;MACAD,KAAA;IAAY;IACHE,QACT,qBAAAf,kBAAA,CAAAI,GAAA,EAAAF,WAAA,CAAAc,QAAA;MAEAC,SAAA;IAA2B;EAC7B;AAEJ","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","AnimationsHoverDemo_exports","AnimationsHoverDemo","module","exports","import_jsx_runtime","require","import_logo","import_gui","jsx","Square","borderColor","transition","elevation","bg","size","rounded","hoverStyle","scale","pressStyle","children","LogoIcon","downscale"],"sources":["AnimationsHoverDemo.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 AnimationsHoverDemo_exports = {};\n__export(AnimationsHoverDemo_exports, {\n  AnimationsHoverDemo: () => AnimationsHoverDemo\n});\nmodule.exports = __toCommonJS(AnimationsHoverDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_logo = require(\"@hanzogui/logo\");\nvar import_gui = require(\"@hanzo/gui\");\nfunction AnimationsHoverDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Square, {\n    borderColor: \"$borderColor\",\n    transition: \"bouncy\",\n    elevation: \"$4\",\n    bg: \"$color9\",\n    size: 104,\n    rounded: \"$9\",\n    hoverStyle: {\n      scale: 1.2\n    },\n    pressStyle: {\n      scale: 0.9\n    },\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {\n      downscale: 0.75\n    })\n  });\n}\n//# sourceMappingURL=AnimationsHoverDemo.js.map\n"],"mappings":"AAAA,YAAY;;AACZ,IAAIA,SAAS,GAAGC,MAAM,CAACC,cAAc;AACrC,IAAIC,gBAAgB,GAAGF,MAAM,CAACG,wBAAwB;AACtD,IAAIC,iBAAiB,GAAGJ,MAAM,CAACK,mBAAmB;AAClD,IAAIC,YAAY,GAAGN,MAAM,CAACO,SAAS,CAACC,cAAc;AAClD,IAAIC,QAAQ,GAAGA,CAACC,MAAM,EAAEC,GAAG,KAAK;EAC9B,KAAK,IAAIC,IAAI,IAAID,GAAG,EAClBZ,SAAS,CAACW,MAAM,EAAEE,IAAI,EAAE;IAAEC,GAAG,EAAEF,GAAG,CAACC,IAAI,CAAC;IAAEE,UAAU,EAAE;EAAK,CAAC,CAAC;AACjE,CAAC;AACD,IAAIC,WAAW,GAAGA,CAACC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,IAAI,KAAK;EAC5C,IAAIF,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,UAAU,EAAE;IAClE,KAAK,IAAIG,GAAG,IAAIhB,iBAAiB,CAACa,IAAI,CAAC,EACrC,IAAI,CAACX,YAAY,CAACe,IAAI,CAACL,EAAE,EAAEI,GAAG,CAAC,IAAIA,GAAG,KAAKF,MAAM,EAC/CnB,SAAS,CAACiB,EAAE,EAAEI,GAAG,EAAE;MAAEP,GAAG,EAAEA,CAAA,KAAMI,IAAI,CAACG,GAAG,CAAC;MAAEN,UAAU,EAAE,EAAEK,IAAI,GAAGjB,gBAAgB,CAACe,IAAI,EAAEG,GAAG,CAAC,CAAC,IAAID,IAAI,CAACL;IAAW,CAAC,CAAC;EACxH;EACA,OAAOE,EAAE;AACX,CAAC;AACD,IAAIM,YAAY,GAAIC,GAAG,IAAKR,WAAW,CAAChB,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE;EAAEyB,KAAK,EAAE;AAAK,CAAC,CAAC,EAAED,GAAG,CAAC;AAC1F,IAAIE,2BAA2B,GAAG,CAAC,CAAC;AACpChB,QAAQ,CAACgB,2BAA2B,EAAE;EACpCC,mBAAmB,EAAEA,CAAA,KAAMA;AAC7B,CAAC,CAAC;AACFC,MAAM,CAACC,OAAO,GAAGN,YAAY,CAACG,2BAA2B,CAAC;AAC1D,IAAII,kBAAkB,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AACrD,IAAIC,WAAW,GAAGD,OAAO,CAAC,gBAAgB,CAAC;AAC3C,IAAIE,UAAU,GAAGF,OAAO,CAAC,YAAY,CAAC;AACtC,SAASJ,mBAAmBA,CAAA,EAAG;EAC7B,OAAO,eAAgB,CAAC,CAAC,EAAEG,kBAAkB,CAACI,GAAG,EAAED,UAAU,CAACE,MAAM,EAAE;IACpEC,WAAW,EAAE,cAAc;IAC3BC,UAAU,EAAE,QAAQ;IACpBC,SAAS,EAAE,IAAI;IACfC,EAAE,EAAE,SAAS;IACbC,IAAI,EAAE,GAAG;IACTC,OAAO,EAAE,IAAI;IACbC,UAAU,EAAE;MACVC,KAAK,EAAE;IACT,CAAC;IACDC,UAAU,EAAE;MACVD,KAAK,EAAE;IACT,CAAC;IACDE,QAAQ,EAAE,eAAgB,CAAC,CAAC,EAAEf,kBAAkB,CAACI,GAAG,EAAEF,WAAW,CAACc,QAAQ,EAAE;MAC1EC,SAAS,EAAE;IACb,CAAC;EACH,CAAC,CAAC;AACJ","ignoreList":[]}

package/dist/cjs/AnimationsPresenceDemo.cjs

@@ -2,80 +2,82 @@ 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 AnimationsPresenceDemo_exports = {};
 __export(AnimationsPresenceDemo_exports, {
   AnimationsPresenceDemo: () => AnimationsPresenceDemo,
   images: () => images
 });
 module.exports = __toCommonJS(AnimationsPresenceDemo_exports);
-var import_react = __toESM(require("react"), 1),
-  import_animate_presence = require("@hanzogui/animate-presence"),
-  import_lucide_icons_2 = require("@hanzogui/lucide-icons-2"),
-  import_gui = require("@hanzo/gui"),
-  import_photo1 = __toESM(require("../../public/photo1.jpg"), 1),
-  import_photo2 = __toESM(require("../../public/photo2.jpg"), 1),
-  import_photo3 = __toESM(require("../../public/photo3.jpg"), 1),
-  import_jsx_runtime = require("react/jsx-runtime");
-const images = [import_photo1.default, import_photo2.default, import_photo3.default].map(x => x.src || x),
-  GalleryItem = (0, import_gui.styled)(import_gui.YStack, {
-    z: 1,
-    x: 0,
-    opacity: 1,
-    fullscreen: !0,
-    variants: {
-      // 1 = right, 0 = nowhere, -1 = left
-      going: {
-        ":number": going => ({
-          enterStyle: {
-            x: going > 0 ? 1e3 : -1e3,
-            opacity: 0
-          },
-          exitStyle: {
-            zIndex: 0,
-            x: going < 0 ? 1e3 : -1e3,
-            opacity: 0
-          }
-        })
-      }
+var import_react = __toESM(require("react"), 1);
+var import_animate_presence = require("@hanzogui/animate-presence");
+var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
+var import_gui = require("@hanzo/gui");
+var import_photo1 = __toESM(require("../../public/photo1.jpg"), 1);
+var import_photo2 = __toESM(require("../../public/photo2.jpg"), 1);
+var import_photo3 = __toESM(require("../../public/photo3.jpg"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+const images = [import_photo1.default, import_photo2.default, import_photo3.default].map(x => x.src || x);
+const GalleryItem = (0, import_gui.styled)(import_gui.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
+        }
+      })
     }
-  }),
-  wrap = (min, max, v) => {
-    const rangeSize = max - min;
-    return ((v - min) % rangeSize + rangeSize) % rangeSize + min;
-  };
+  }
+});
+const wrap = (min, max, v) => {
+  const rangeSize = max - min;
+  return ((v - min) % rangeSize + rangeSize) % rangeSize + min;
+};
 function AnimationsPresenceDemo() {
-  const [[page, going], setPage] = import_react.default.useState([0, 0]),
-    imageIndex = wrap(0, images.length, page),
-    paginate = going2 => {
-      setPage([page + going2, going2]);
-    };
+  const [[page, going], setPage] = import_react.default.useState([0, 0]);
+  const imageIndex = wrap(0, images.length, page);
+  const paginate = going2 => {
+    setPage([page + going2, going2]);
+  };
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
     overflow: "hidden",
     bg: "#000",
@@ -84,7 +86,7 @@ function AnimationsPresenceDemo() {
     width: "100%",
     items: "center",
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {
-      initial: !1,
+      initial: false,
       custom: {
         going
       },
@@ -104,7 +106,7 @@ function AnimationsPresenceDemo() {
       size: "$5",
       position: "absolute",
       l: "$4",
-      circular: !0,
+      circular: true,
       onPress: () => paginate(-1),
       boxShadow: "0 0 10px rgba(0,0,0,0.5)",
       z: 100
@@ -114,7 +116,7 @@ function AnimationsPresenceDemo() {
       size: "$5",
       position: "absolute",
       r: "$4",
-      circular: !0,
+      circular: true,
       onPress: () => paginate(1),
       boxShadow: "0 0 10px rgba(0,0,0,0.5)",
       z: 100

package/dist/cjs/AnimationsPresenceDemo.native.js

@@ -4,84 +4,86 @@ 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 AnimationsPresenceDemo_exports = {};
 __export(AnimationsPresenceDemo_exports, {
   AnimationsPresenceDemo: () => AnimationsPresenceDemo,
   images: () => images
 });
 module.exports = __toCommonJS(AnimationsPresenceDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_react = __toESM(require("react"), 1),
-  import_animate_presence = require("@hanzogui/animate-presence"),
-  import_lucide_icons_2 = require("@hanzogui/lucide-icons-2"),
-  import_gui = require("@hanzo/gui"),
-  import_photo1 = __toESM(require("../../public/photo1.jpg"), 1),
-  import_photo2 = __toESM(require("../../public/photo2.jpg"), 1),
-  import_photo3 = __toESM(require("../../public/photo3.jpg"), 1),
-  images = [import_photo1.default, import_photo2.default, import_photo3.default].map(function (x) {
-    return x.src || x;
-  }),
-  GalleryItem = (0, import_gui.styled)(import_gui.YStack, {
-    z: 1,
-    x: 0,
-    opacity: 1,
-    fullscreen: !0,
-    variants: {
-      // 1 = right, 0 = nowhere, -1 = left
-      going: {
-        ":number": function (going) {
-          return {
-            enterStyle: {
-              x: going > 0 ? 1e3 : -1e3,
-              opacity: 0
-            },
-            exitStyle: {
-              zIndex: 0,
-              x: going < 0 ? 1e3 : -1e3,
-              opacity: 0
-            }
-          };
-        }
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+var import_animate_presence = require("@hanzogui/animate-presence");
+var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
+var import_gui = require("@hanzo/gui");
+var import_photo1 = __toESM(require("../../public/photo1.jpg"), 1);
+var import_photo2 = __toESM(require("../../public/photo2.jpg"), 1);
+var import_photo3 = __toESM(require("../../public/photo3.jpg"), 1);
+var images = [import_photo1.default, import_photo2.default, import_photo3.default].map(function (x) {
+  return x.src || x;
+});
+var GalleryItem = (0, import_gui.styled)(import_gui.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
+          }
+        };
       }
     }
-  }),
-  wrap = function (min, max, v) {
-    var rangeSize = max - min;
-    return ((v - min) % rangeSize + rangeSize) % rangeSize + min;
-  };
+  }
+});
+var wrap = function (min, max, v) {
+  var rangeSize = max - min;
+  return ((v - min) % rangeSize + rangeSize) % rangeSize + min;
+};
 function AnimationsPresenceDemo() {
-  var [[page, going], setPage] = import_react.default.useState([0, 0]),
-    imageIndex = wrap(0, images.length, page),
-    paginate = function (going2) {
-      setPage([page + going2, going2]);
-    };
+  var [[page, going], setPage] = import_react.default.useState([0, 0]);
+  var imageIndex = wrap(0, images.length, page);
+  var paginate = function (going2) {
+    setPage([page + going2, going2]);
+  };
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
     overflow: "hidden",
     bg: "#000",
@@ -90,7 +92,7 @@ function AnimationsPresenceDemo() {
     width: "100%",
     items: "center",
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {
-      initial: !1,
+      initial: false,
       custom: {
         going
       },
@@ -110,7 +112,7 @@ function AnimationsPresenceDemo() {
       size: "$5",
       position: "absolute",
       l: "$4",
-      circular: !0,
+      circular: true,
       onPress: function () {
         return paginate(-1);
       },
@@ -122,7 +124,7 @@ function AnimationsPresenceDemo() {
       size: "$5",
       position: "absolute",
       r: "$4",
-      circular: !0,
+      circular: true,
       onPress: function () {
         return paginate(1);
       },

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsPresenceDemo_exports","__export","AnimationsPresenceDemo","images","module","exports","import_jsx_runtime","require","import_react","__toESM","import_animate_presence","import_lucide_icons_2","import_gui","import_photo1","import_photo2","import_photo3","default","map","x","src","GalleryItem","styled","YStack","z","opacity","fullscreen","variants","going",":number","enterStyle","exitStyle","zIndex","wrap","min","max","v","rangeSize","page","setPage","useState","imageIndex","length","paginate","going2","jsxs","XStack","overflow","bg","position","height","width","items","children","jsx","AnimatePresence","initial","custom","transition","Image","objectFit","Button","icon","ArrowLeft","size"],"sources":["../../src/AnimationsPresenceDemo.tsx"],"sourcesContent":[null],"mappings":"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","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","AnimationsPresenceDemo_exports","AnimationsPresenceDemo","images","module","exports","import_jsx_runtime","require","import_react","import_animate_presence","import_lucide_icons_2","import_gui","import_photo1","import_photo2","import_photo3","default","map","x","src","GalleryItem","styled","YStack","z","opacity","fullscreen","variants","going",":number","enterStyle","exitStyle","zIndex","wrap","min","max","v","rangeSize","page","setPage","useState","imageIndex","length","paginate","going2","jsxs","XStack","overflow","bg","position","height","width","items","children","jsx","AnimatePresence","initial","custom","transition","Image","objectFit","Button","icon","ArrowLeft","size","l","circular","onPress","boxShadow","ArrowRight","r"],"sources":["AnimationsPresenceDemo.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 AnimationsPresenceDemo_exports = {};\n__export(AnimationsPresenceDemo_exports, {\n  AnimationsPresenceDemo: () => AnimationsPresenceDemo,\n  images: () => images\n});\nmodule.exports = __toCommonJS(AnimationsPresenceDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_animate_presence = require(\"@hanzogui/animate-presence\");\nvar import_lucide_icons_2 = require(\"@hanzogui/lucide-icons-2\");\nvar import_gui = require(\"@hanzo/gui\");\nvar import_photo1 = __toESM(require(\"../../public/photo1.jpg\"), 1);\nvar import_photo2 = __toESM(require(\"../../public/photo2.jpg\"), 1);\nvar import_photo3 = __toESM(require(\"../../public/photo3.jpg\"), 1);\nvar images = [\n  import_photo1.default,\n  import_photo2.default,\n  import_photo3.default\n].map(function(x) {\n  return x.src || x;\n});\nvar GalleryItem = (0, import_gui.styled)(import_gui.YStack, {\n  z: 1,\n  x: 0,\n  opacity: 1,\n  fullscreen: true,\n  variants: {\n    // 1 = right, 0 = nowhere, -1 = left\n    going: {\n      \":number\": function(going) {\n        return {\n          enterStyle: {\n            x: going > 0 ? 1e3 : -1e3,\n            opacity: 0\n          },\n          exitStyle: {\n            zIndex: 0,\n            x: going < 0 ? 1e3 : -1e3,\n            opacity: 0\n          }\n        };\n      }\n    }\n  }\n});\nvar wrap = function(min, max, v) {\n  var rangeSize = max - min;\n  return ((v - min) % rangeSize + rangeSize) % rangeSize + min;\n};\nfunction AnimationsPresenceDemo() {\n  var [[page, going], setPage] = import_react.default.useState([\n    0,\n    0\n  ]);\n  var imageIndex = wrap(0, images.length, page);\n  var paginate = function(going2) {\n    setPage([\n      page + going2,\n      going2\n    ]);\n  };\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n    overflow: \"hidden\",\n    bg: \"#000\",\n    position: \"relative\",\n    height: 300,\n    width: \"100%\",\n    items: \"center\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {\n        initial: false,\n        custom: {\n          going\n        },\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GalleryItem, {\n          transition: \"slow\",\n          going,\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Image, {\n            src: images[imageIndex],\n            width: 820,\n            height: 300,\n            objectFit: \"cover\"\n          })\n        }, page)\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n        \"aria-label\": \"Carousel left\",\n        icon: import_lucide_icons_2.ArrowLeft,\n        size: \"$5\",\n        position: \"absolute\",\n        l: \"$4\",\n        circular: true,\n        onPress: function() {\n          return paginate(-1);\n        },\n        boxShadow: \"0 0 10px rgba(0,0,0,0.5)\",\n        z: 100\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n        \"aria-label\": \"Carousel right\",\n        icon: import_lucide_icons_2.ArrowRight,\n        size: \"$5\",\n        position: \"absolute\",\n        r: \"$4\",\n        circular: true,\n        onPress: function() {\n          return paginate(1);\n        },\n        boxShadow: \"0 0 10px rgba(0,0,0,0.5)\",\n        z: 100\n      })\n    ]\n  });\n}\n//# sourceMappingURL=AnimationsPresenceDemo.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/AnimationsTimingDemo.cjs

@@ -3,29 +3,31 @@ 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 AnimationsTimingDemo_exports = {};
 __export(AnimationsTimingDemo_exports, {
   AnimationsTimingDemo: () => AnimationsTimingDemo
 });
 module.exports = __toCommonJS(AnimationsTimingDemo_exports);
-var import_logo = require("@hanzogui/logo"),
-  import_gui = require("@hanzo/gui"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_logo = require("@hanzogui/logo");
+var import_gui = require("@hanzo/gui");
+var import_jsx_runtime = require("react/jsx-runtime");
 function AnimationsTimingDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
     bg: "$color9",

package/dist/cjs/AnimationsTimingDemo.native.js

@@ -5,29 +5,31 @@ 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 AnimationsTimingDemo_exports = {};
 __export(AnimationsTimingDemo_exports, {
   AnimationsTimingDemo: () => AnimationsTimingDemo
 });
 module.exports = __toCommonJS(AnimationsTimingDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_logo = require("@hanzogui/logo"),
-  import_gui = require("@hanzo/gui");
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_logo = require("@hanzogui/logo");
+var import_gui = require("@hanzo/gui");
 function AnimationsTimingDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
     bg: "$color9",