@hanzogui/demos 8.3.0 → 8.3.3

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

@@ -1 +0,0 @@
-{"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","React","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","LogoIcon","downscale"],"sources":["../../src/AnimationsEnterDemo.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,kBAAyB,GAAAC,OAAA;AAEzB,IAAAC,YAAA,GAA8CC,OAAA,CAAAF,OAAA;AAE9C,IAAAG,WAAA,GAAAH,OAAA,iBAAkC;AAQvB,IAAAI,UAAA,GAAAJ,OAAA;AANJ,IAAAK,wBAAS,GAAoBL,OAAY;AAC9C,SAAMJ,mBAAMU,CAAAC,KAAA,EAAM;EAClB,IAAAC,GAAO,GAAAP,YAAe,CAAAQ,OAAA,CAAAC,MAAA,MAAM;EAC5B,KAAAC,GAAM,EAAAC,MAAA,IAAAX,YAAiB,CAAAQ,OAAA,CAAAI,QAAA;EAEvB,IAAIC,cAAA,OAAUT,wBAAgB,CAAAU,iBAAA,EAAAP,GAAA;IAC5BQ,IAAA;EACF;EAEA,IAAAZ,UACE,CAAAa,KAAA,KAAAH,cAAA;IACE,0BAAAf,kBAAA,CAAAmB,GAAA,EAAAd,UAAA,CAAAe,MAAA;MAACX;IAAA;EAAA;EAEa,IAAAY,eACH;EAAA,sBACJ,IAAArB,kBAAA,CAAAsB,IAAA,EAAAtB,kBAAA,CAAAuB,QAAA;IAAAC,QACH,GAAS,eACX,IAAAxB,kBAAA,CAAAmB,GAAA,EAAAd,UAAA,CAAAoB,MAAA;MACAC,UAAA,EAAW;QACXC,KAAA,KAAU;QACVC,CAAA,GAAM;QACNC,OAAS;MACT;MACAC,UAAG;MACHC,SAAG;MACHC,IAAA,KAAQ;MAEPH,OAAA;MAA6CF,KAAA;MAfzCC,CAAA;MAgBPK,EAAA;MAEAC,OAAA;MAGFV,QAAA,GAAAH,eAAA,GAAAb,KAAA,CAAAgB,QAAA,cAAAH,eAAA,cAAAA,eAAA,sBAAArB,kBAAA,CAAAmB,GAAA,EAAAf,WAAA,CAAA+B,QAAA;QAEJC,SAAA","ignoreList":[]}

package/dist/cjs/AnimationsHoverDemo.cjs

@@ -1,49 +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 AnimationsHoverDemo_exports = {};
-__export(AnimationsHoverDemo_exports, {
-  AnimationsHoverDemo: () => AnimationsHoverDemo
-});
-module.exports = __toCommonJS(AnimationsHoverDemo_exports);
-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",
-    transition: "bouncy",
-    elevation: "$4",
-    bg: "$color9",
-    size: 104,
-    rounded: "$9",
-    hoverStyle: {
-      scale: 1.2
-    },
-    pressStyle: {
-      scale: 0.9
-    },
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
-      downscale: 0.75
-    })
-  });
-}

package/dist/cjs/AnimationsHoverDemo.native.js

@@ -1,52 +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 AnimationsHoverDemo_exports = {};
-__export(AnimationsHoverDemo_exports, {
-  AnimationsHoverDemo: () => AnimationsHoverDemo
-});
-module.exports = __toCommonJS(AnimationsHoverDemo_exports);
-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",
-    transition: "bouncy",
-    elevation: "$4",
-    bg: "$color9",
-    size: 104,
-    rounded: "$9",
-    hoverStyle: {
-      scale: 1.2
-    },
-    pressStyle: {
-      scale: 0.9
-    },
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
-      downscale: 0.75
-    })
-  });
-}
-//# sourceMappingURL=AnimationsHoverDemo.native.js.map

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

@@ -1 +0,0 @@
-{"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,2BAAA;AACzB,IAAAK,kBAAuB,GAAAC,OAAA;AAkBjB,IAAAC,WAAA,GAAAD,OAAA;AAhBC,IAAAE,UAAS,GAAAF,OAAA,aAAsB;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":[]}

package/dist/cjs/AnimationsPresenceDemo.cjs

@@ -1,125 +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 AnimationsPresenceDemo_exports = {};
-__export(AnimationsPresenceDemo_exports, {
-  AnimationsPresenceDemo: () => AnimationsPresenceDemo,
-  images: () => images
-});
-module.exports = __toCommonJS(AnimationsPresenceDemo_exports);
-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
-        }
-      })
-    }
-  }
-});
-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]);
-  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",
-    position: "relative",
-    height: 300,
-    width: "100%",
-    items: "center",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {
-      initial: false,
-      custom: {
-        going
-      },
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(GalleryItem, {
-        transition: "slow",
-        going,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Image, {
-          src: images[imageIndex],
-          width: 820,
-          height: 300,
-          objectFit: "cover"
-        })
-      }, page)
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      "aria-label": "Carousel left",
-      icon: import_lucide_icons_2.ArrowLeft,
-      size: "$5",
-      position: "absolute",
-      l: "$4",
-      circular: true,
-      onPress: () => paginate(-1),
-      boxShadow: "0 0 10px rgba(0,0,0,0.5)",
-      z: 100
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      "aria-label": "Carousel right",
-      icon: import_lucide_icons_2.ArrowRight,
-      size: "$5",
-      position: "absolute",
-      r: "$4",
-      circular: true,
-      onPress: () => paginate(1),
-      boxShadow: "0 0 10px rgba(0,0,0,0.5)",
-      z: 100
-    })]
-  });
-}

package/dist/cjs/AnimationsPresenceDemo.native.js

@@ -1,136 +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 AnimationsPresenceDemo_exports = {};
-__export(AnimationsPresenceDemo_exports, {
-  AnimationsPresenceDemo: () => AnimationsPresenceDemo,
-  images: () => images
-});
-module.exports = __toCommonJS(AnimationsPresenceDemo_exports);
-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
-          }
-        };
-      }
-    }
-  }
-});
-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]);
-  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",
-    position: "relative",
-    height: 300,
-    width: "100%",
-    items: "center",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {
-      initial: false,
-      custom: {
-        going
-      },
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(GalleryItem, {
-        transition: "slow",
-        going,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Image, {
-          src: images[imageIndex],
-          width: 820,
-          height: 300,
-          objectFit: "cover"
-        })
-      }, page)
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      "aria-label": "Carousel left",
-      icon: import_lucide_icons_2.ArrowLeft,
-      size: "$5",
-      position: "absolute",
-      l: "$4",
-      circular: true,
-      onPress: function () {
-        return paginate(-1);
-      },
-      boxShadow: "0 0 10px rgba(0,0,0,0.5)",
-      z: 100
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      "aria-label": "Carousel right",
-      icon: import_lucide_icons_2.ArrowRight,
-      size: "$5",
-      position: "absolute",
-      r: "$4",
-      circular: true,
-      onPress: function () {
-        return paginate(1);
-      },
-      boxShadow: "0 0 10px rgba(0,0,0,0.5)",
-      z: 100
-    })]
-  });
-}
-//# sourceMappingURL=AnimationsPresenceDemo.native.js.map

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

@@ -1 +0,0 @@
-{"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":[]}

package/dist/cjs/AnimationsTimingDemo.cjs

@@ -1,48 +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 AnimationsTimingDemo_exports = {};
-__export(AnimationsTimingDemo_exports, {
-  AnimationsTimingDemo: () => AnimationsTimingDemo
-});
-module.exports = __toCommonJS(AnimationsTimingDemo_exports);
-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",
-    transition: "100ms",
-    elevation: "$4",
-    size: 110,
-    rounded: "$9",
-    hoverStyle: {
-      scale: 1.2
-    },
-    pressStyle: {
-      scale: 0.9
-    },
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
-      downscale: 0.75
-    })
-  });
-}

package/dist/cjs/AnimationsTimingDemo.native.js

@@ -1,51 +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 AnimationsTimingDemo_exports = {};
-__export(AnimationsTimingDemo_exports, {
-  AnimationsTimingDemo: () => AnimationsTimingDemo
-});
-module.exports = __toCommonJS(AnimationsTimingDemo_exports);
-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",
-    transition: "100ms",
-    elevation: "$4",
-    size: 110,
-    rounded: "$9",
-    hoverStyle: {
-      scale: 1.2
-    },
-    pressStyle: {
-      scale: 0.9
-    },
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
-      downscale: 0.75
-    })
-  });
-}
-//# sourceMappingURL=AnimationsTimingDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsTimingDemo_exports","__export","AnimationsTimingDemo","module","exports","import_jsx_runtime","require","import_logo","import_gui","jsx","Square","bg","transition","elevation","size","rounded","hoverStyle","scale","pressStyle","children","LogoIcon","downscale"],"sources":["../../src/AnimationsTimingDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,4BAAA;AAAAC,QAAA,CAAAD,4BAAA;EAAAE,oBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAyB,CAAAK,4BAAA;AACzB,IAAAK,kBAAuB,GAAAC,OAAA;AAiBjB,IAAAC,WAAA,GAAAD,OAAA;AAfC,IAAAE,UAAS,GAAAF,OAAA,aAAuB;AACrC,SACEJ,qBAAA;EAAA,OAAC,mBAAAG,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAE,MAAA;IAAAC,EAAA;IAAAC,UACI;IAAAC,SACH,MAAW;IAAAC,IACX;IAAUC,OACV,EAAM;IAAAC,UACN,EAAQ;MACRC,KAAA;IAAY;IACHC,UACT;MACAD,KAAA;IAAY;IACHE,QACT,qBAAAd,kBAAA,CAAAI,GAAA,EAAAF,WAAA,CAAAa,QAAA;MAEAC,SAAA;IAA2B;EAC7B;AAEJ","ignoreList":[]}

package/dist/cjs/AvatarDemo.cjs

@@ -1,55 +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 AvatarDemo_exports = {};
-__export(AvatarDemo_exports, {
-  AvatarDemo: () => AvatarDemo
-});
-module.exports = __toCommonJS(AvatarDemo_exports);
-var import_gui = require("@hanzo/gui");
-var import_jsx_runtime = require("react/jsx-runtime");
-function AvatarDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-    items: "center",
-    gap: "$6",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Avatar, {
-      circular: true,
-      size: "$10",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Avatar.Image, {
-        "aria-label": "Cam",
-        src: "https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Avatar.Fallback, {
-        bg: "$blue10"
-      })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Avatar, {
-      circular: true,
-      size: "$8",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Avatar.Image, {
-        "aria-label": "Nate Wienert",
-        src: "https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Avatar.Fallback, {
-        delayMs: 600,
-        bg: "$blue10"
-      })]
-    })]
-  });
-}

package/dist/cjs/AvatarDemo.native.js

@@ -1,58 +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 AvatarDemo_exports = {};
-__export(AvatarDemo_exports, {
-  AvatarDemo: () => AvatarDemo
-});
-module.exports = __toCommonJS(AvatarDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_gui = require("@hanzo/gui");
-function AvatarDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-    items: "center",
-    gap: "$6",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Avatar, {
-      circular: true,
-      size: "$10",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Avatar.Image, {
-        "aria-label": "Cam",
-        src: "https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Avatar.Fallback, {
-        bg: "$blue10"
-      })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Avatar, {
-      circular: true,
-      size: "$8",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Avatar.Image, {
-        "aria-label": "Nate Wienert",
-        src: "https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Avatar.Fallback, {
-        delayMs: 600,
-        bg: "$blue10"
-      })]
-    })]
-  });
-}
-//# sourceMappingURL=AvatarDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AvatarDemo_exports","__export","AvatarDemo","module","exports","import_jsx_runtime","require","import_gui","jsxs","XStack","items","gap","children","Avatar","circular","size","jsx","Image","src","Fallback","bg"],"sources":["../../src/AvatarDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAA+BT,YAAA,CAAAK,kBAAA;AAKzB,IAAAK,kBAAA,GAAAC,OAAA;AAHC,IAAAC,UAAS,GAAAD,OAAa;AAC3B,SACEJ,WAAA;EACE,0BAAAG,kBAAA,CAAAG,IAAC,EAAAD,UAAA,CAAAE,MAAO;IACNC,KAAA;IAAAC,GAAA,EAAC;IAAOC,QAAP,kBACC,EAAW,EAAAP,kBAAA,CAAAG,IAAA,EAAAD,UAAA,CAAAM,MAAA;MAAAC,QACP;MAAAC,IAAA;MACNH,QAAA,GACA,mBAAAP,kBAAA,CAAAW,GAAC,EAAAT,UAAA,CAAAM,MAAO,CAAAI,KAAA,EAAP;QACH;QAEAC,GAAA;MACE,IAAC,eAAO,IAAAb,kBAAA,CAAAW,GAAA,EAAAT,UAAA,CAAAM,MAAA,CAAAM,QAAA;QAAPC,EAAA;MACC;IACI,IACN,mBAAAf,kBAAA,CAAAG,IAAA,EAAAD,UAAA,CAAAM,MAAA;MACAC,QAAA;MACFC,IAAA;MACFH,QAAA,GAEJ,mBAAAP,kBAAA,CAAAW,GAAA,EAAAT,UAAA,CAAAM,MAAA,CAAAI,KAAA","ignoreList":[]}

package/dist/cjs/BoxShadowTokenDemo.cjs

@@ -1,59 +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 BoxShadowTokenDemo_exports = {};
-__export(BoxShadowTokenDemo_exports, {
-  BoxShadowTokenDemo: () => BoxShadowTokenDemo
-});
-module.exports = __toCommonJS(BoxShadowTokenDemo_exports);
-var import_gui = require("@hanzo/gui");
-var import_jsx_runtime = require("react/jsx-runtime");
-const StyledShadowBox = (0, import_gui.styled)(import_gui.View, {
-  width: 100,
-  height: 100,
-  backgroundColor: "$color5",
-  borderRadius: "$4",
-  boxShadow: "0px 2px 8px $shadowColor"
-});
-function BoxShadowTokenDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-    gap: "$4",
-    items: "center",
-    p: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Text, {
-      testID: "box-shadow-token-title",
-      children: "BoxShadow Token Test"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(StyledShadowBox, {
-      testID: "box-shadow-styled"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.View, {
-      width: 100,
-      height: 100,
-      backgroundColor: "$color5",
-      borderRadius: "$4",
-      boxShadow: "0px 2px 8px $shadowColor",
-      testID: "box-shadow-prop"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Text, {
-      testID: "box-shadow-token-ok",
-      children: "OK"
-    })]
-  });
-}