@tamagui/demos 2.0.0-rc.8 → 2.0.0

package/dist/cjs/AddThemeDemo.js

@@ -1,56 +0,0 @@
-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 __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, { 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: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var AddThemeDemo_exports = {};
-__export(AddThemeDemo_exports, {
-  AddThemeDemo: () => AddThemeDemo
-});
-module.exports = __toCommonJS(AddThemeDemo_exports);
-var import_theme = require("@tamagui/theme"), import_react = __toESM(require("react"), 1), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-function AddThemeDemo() {
-  const [theme, setTheme] = import_react.default.useState();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { items: "center", gap: "$4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H3, { children: [
-      "Theme: ",
-      theme ?? "none"
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: theme ?? "red", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, { rounded: "$8", width: 100, height: 100, bg: "$color" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Button,
-      {
-        disabled: theme === "superblue",
-        onPress: () => {
-          (0, import_theme.addTheme)({
-            name: "superblue",
-            insertCSS: !0,
-            theme: {
-              background: "#000",
-              color: "blue"
-            }
-          }), setTheme("superblue");
-        },
-        children: "Add superblue theme"
-      }
-    )
-  ] });
-}
-//# sourceMappingURL=AddThemeDemo.js.map

package/dist/cjs/AddThemeDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AddThemeDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyB,2BACzB,eAAkB,8BAElB,iBAAgD,oBAO1C;AALC,SAAS,eAAe;AAC7B,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAAA,QAAM,SAAc;AAE9C,SACE,6CAAC,yBAAO,OAAM,UAAS,KAAI,MACzB;AAAA,iDAAC,qBAAG;AAAA;AAAA,MAAQ,SAAS;AAAA,OAAO;AAAA,IAE5B,4CAAC,wBAAM,MAAM,SAAS,OACpB,sDAAC,uBAAK,SAAQ,MAAK,OAAO,KAAK,QAAQ,KAAK,IAAG,UAAS,GAC1D;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,UAAU;AAAA,QACpB,SAAS,MAAM;AACb,qCAAS;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,OAAO;AAAA,cACL,YAAY;AAAA,cACZ,OAAO;AAAA,YACT;AAAA,UACF,CAAC,GACD,SAAS,WAAW;AAAA,QACtB;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;",
-  "names": ["React"]
-}

package/dist/cjs/AlertDialogDemo.js

@@ -1,68 +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: !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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var AlertDialogDemo_exports = {};
-__export(AlertDialogDemo_exports, {
-  AlertDialogDemo: () => AlertDialogDemo
-});
-module.exports = __toCommonJS(AlertDialogDemo_exports);
-var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-function AlertDialogDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.AlertDialog, { native: !0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Trigger, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Show Alert" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.AlertDialog.Portal, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_tamagui.AlertDialog.Overlay,
-        {
-          transition: "quick",
-          opacity: 0.5,
-          backgroundColor: "$background",
-          enterStyle: { opacity: 0 },
-          exitStyle: { opacity: 0 }
-        },
-        "overlay"
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_tamagui.AlertDialog.Content,
-        {
-          elevate: !0,
-          transition: [
-            "quick",
-            {
-              opacity: {
-                overshootClamping: !0
-              }
-            }
-          ],
-          enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
-          exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
-          x: 0,
-          scale: 1,
-          opacity: 1,
-          y: 0,
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { gap: "$4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Title, { children: "Accept" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Description, { children: "By pressing yes, you accept our terms and conditions." }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$3", justify: "flex-end", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Cancel, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Cancel" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Action, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "accent", children: "Accept" }) })
-            ] })
-          ] })
-        },
-        "content"
-      )
-    ] })
-  ] });
-}
-//# sourceMappingURL=AlertDialogDemo.js.map

package/dist/cjs/AlertDialogDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AlertDialogDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAoD,oBAM5C;AAJD,SAAS,kBAAkB;AAChC,SACE,6CAAC,8BAAY,QAAM,IACjB;AAAA,gDAAC,2BAAY,SAAZ,EAAoB,SAAO,IAC1B,sDAAC,yBAAO,wBAAU,GACpB;AAAA,IAEA,6CAAC,2BAAY,QAAZ,EACC;AAAA;AAAA,QAAC,2BAAY;AAAA,QAAZ;AAAA,UAEC,YAAW;AAAA,UACX,SAAS;AAAA,UACT,iBAAgB;AAAA,UAChB,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,QALpB;AAAA,MAMN;AAAA,MACA;AAAA,QAAC,2BAAY;AAAA,QAAZ;AAAA,UACC,SAAO;AAAA,UAEP,YAAY;AAAA,YACV;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,UACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,GAAG;AAAA,UACH,OAAO;AAAA,UACP,SAAS;AAAA,UACT,GAAG;AAAA,UAEH,uDAAC,yBAAO,KAAI,MACV;AAAA,wDAAC,2BAAY,OAAZ,EAAkB,oBAAM;AAAA,YACzB,4CAAC,2BAAY,aAAZ,EAAwB,mEAEzB;AAAA,YAEA,6CAAC,yBAAO,KAAI,MAAK,SAAQ,YACvB;AAAA,0DAAC,2BAAY,QAAZ,EAAmB,SAAO,IACzB,sDAAC,yBAAO,oBAAM,GAChB;AAAA,cACA,4CAAC,2BAAY,QAAZ,EAAmB,SAAO,IACzB,sDAAC,yBAAO,OAAM,UAAS,oBAAM,GAC/B;AAAA,eACF;AAAA,aACF;AAAA;AAAA,QA9BI;AAAA,MA+BN;AAAA,OACF;AAAA,KACF;AAEJ;",
-  "names": []
-}

package/dist/cjs/AnimationsDelayDemo.js

@@ -1,56 +0,0 @@
-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 __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, { 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: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var AnimationsDelayDemo_exports = {};
-__export(AnimationsDelayDemo_exports, {
-  AnimationsDelayDemo: () => AnimationsDelayDemo
-});
-module.exports = __toCommonJS(AnimationsDelayDemo_exports);
-var import_react = __toESM(require("react"), 1), import_tamagui = require("tamagui"), import_useOnIntersecting = require("./useOnIntersecting"), 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_tamagui.isWeb && !hasIntersected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { ref, height: 150 }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { gap: "$4", items: "center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, { gap: "$3", height: 100, items: "center", justify: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, { children: show && colors.map((color, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Square,
-      {
-        transition: ["200ms", { delay: i * 100 }],
-        enterStyle: {
-          opacity: 0,
-          scale: 0.5,
-          y: 20
-        },
-        exitStyle: {
-          opacity: 0,
-          scale: 0,
-          y: 20
-        },
-        size: 60,
-        bg: color,
-        rounded: "$4"
-      },
-      color
-    )) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$3", onPress: () => setShow(!show), children: show ? "Hide" : "Show" })
-  ] });
-}
-//# sourceMappingURL=AnimationsDelayDemo.js.map

package/dist/cjs/AnimationsDelayDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AnimationsDelayDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,8BAClB,iBAAuE,oBAEvE,2BAAkC,gCAUvB;AARX,MAAM,SAAS,CAAC,WAAW,YAAY,YAAY,UAAU;AAEtD,SAAS,sBAAsB;AACpC,QAAM,MAAM,aAAAA,QAAM,OAAoB,IAAI,GACpC,qBAAiB,4CAAkB,KAAK,EAAE,MAAM,GAAK,CAAC,GACtD,CAAC,MAAM,OAAO,IAAI,aAAAA,QAAM,SAAS,EAAI;AAE3C,SAAI,wBAAS,CAAC,iBACL,4CAAC,yBAAO,KAAiB,QAAQ,KAAK,IAI7C,6CAAC,yBAAO,KAAI,MAAK,OAAM,UACrB;AAAA,gDAAC,yBAAO,KAAI,MAAK,QAAQ,KAAK,OAAM,UAAS,SAAQ,UACnD,sDAAC,kCACE,kBACC,OAAO,IAAI,CAAC,OAAO,MACjB;AAAA,MAAC;AAAA;AAAA,QAEC,YAAY,CAAC,SAAS,EAAE,OAAO,IAAI,IAAI,CAAC;AAAA,QACxC,YAAY;AAAA,UACV,SAAS;AAAA,UACT,OAAO;AAAA,UACP,GAAG;AAAA,QACL;AAAA,QACA,WAAW;AAAA,UACT,SAAS;AAAA,UACT,OAAO;AAAA,UACP,GAAG;AAAA,QACL;AAAA,QACA,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,SAAQ;AAAA;AAAA,MAdH;AAAA,IAeP,CACD,GACL,GACF;AAAA,IAEA,4CAAC,yBAAO,MAAK,MAAK,SAAS,MAAM,QAAQ,CAAC,IAAI,GAC3C,iBAAO,SAAS,QACnB;AAAA,KACF;AAEJ;",
-  "names": ["React"]
-}

package/dist/cjs/AnimationsDemo.js

@@ -1,99 +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: !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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var AnimationsDemo_exports = {};
-__export(AnimationsDemo_exports, {
-  AnimationsDemo: () => AnimationsDemo,
-  positions: () => positions
-});
-module.exports = __toCommonJS(AnimationsDemo_exports);
-var import_logo = require("@tamagui/logo"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-function AnimationsDemo(props) {
-  const [positionI, setPositionI] = (0, import_tamagui.useControllableState)({
-    strategy: "most-recent-wins",
-    prop: props.position,
-    defaultProp: 0
-  }), position = positions[positionI], onPress = (0, import_tamagui.useEvent)(() => {
-    setPositionI((x) => (x + 1) % positions.length);
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Square,
-      {
-        transition: props.animation ?? "bouncy",
-        animateOnly: ["transform"],
-        onPress,
-        size: 104,
-        borderColor: "$borderColor",
-        borderWidth: 1,
-        rounded: "$9",
-        bg: "$color9",
-        hoverStyle: {
-          scale: 1.01
-        },
-        pressStyle: {
-          scale: 0.9
-        },
-        ...position,
-        children: import_tamagui.isWeb && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: 0.75 })
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Button,
-      {
-        position: "absolute",
-        b: 20,
-        l: 20,
-        icon: import_lucide_icons.Play,
-        theme: props.tint ?? "surface2",
-        size: "$5",
-        circular: !0,
-        onPress
-      }
-    )
-  ] });
-}
-const positions = [
-  {
-    x: 0,
-    y: 0,
-    scale: 1,
-    rotate: "0deg"
-  },
-  {
-    x: -50,
-    y: -50,
-    scale: 0.5,
-    rotate: "-45deg",
-    hoverStyle: {
-      scale: 0.6
-    },
-    pressStyle: {
-      scale: 0.4
-    }
-  },
-  {
-    x: 50,
-    y: 50,
-    scale: 1,
-    rotate: "180deg",
-    hoverStyle: {
-      scale: 1.1
-    },
-    pressStyle: {
-      scale: 0.9
-    }
-  }
-];
-//# sourceMappingURL=AnimationsDemo.js.map

package/dist/cjs/AnimationsDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AnimationsDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAyB,0BACzB,sBAAqB,kCACrB,iBAA6E,oBAgBzE;AAdG,SAAS,eAAe,OAAO;AACpC,QAAM,CAAC,WAAW,YAAY,QAAI,qCAAqB;AAAA,IACrD,UAAU;AAAA,IACV,MAAM,MAAM;AAAA,IACZ,aAAa;AAAA,EACf,CAAC,GACK,WAAW,UAAU,SAAS,GAC9B,cAAU,yBAAS,MAAM;AAC7B,iBAAa,CAAC,OACJ,IAAI,KAAK,UAAU,MAC5B;AAAA,EACH,CAAC;AAED,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,YAAY,MAAM,aAAa;AAAA,QAC/B,aAAa,CAAC,WAAW;AAAA,QACzB;AAAA,QACA,MAAM;AAAA,QACN,aAAY;AAAA,QACZ,aAAa;AAAA,QACb,SAAQ;AAAA,QACR,IAAG;AAAA,QACH,YAAY;AAAA,UACV,OAAO;AAAA,QACT;AAAA,QACA,YAAY;AAAA,UACV,OAAO;AAAA,QACT;AAAA,QACC,GAAG;AAAA,QAEH,kCAAS,4CAAC,wBAAS,WAAW,MAAM;AAAA;AAAA,IACvC;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,GAAG;AAAA,QACH,GAAG;AAAA,QACH,MAAM;AAAA,QACN,OAAO,MAAM,QAAQ;AAAA,QACrB,MAAK;AAAA,QACL,UAAQ;AAAA,QACR;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEO,MAAM,YAAY;AAAA,EACvB;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AACF;",
-  "names": []
-}

package/dist/cjs/AnimationsEnterDemo.js

@@ -1,55 +0,0 @@
-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 __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, { 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: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var AnimationsEnterDemo_exports = {};
-__export(AnimationsEnterDemo_exports, {
-  AnimationsEnterDemo: () => AnimationsEnterDemo
-});
-module.exports = __toCommonJS(AnimationsEnterDemo_exports);
-var import_react = __toESM(require("react"), 1), import_logo = require("@tamagui/logo"), import_tamagui = require("tamagui"), import_useOnIntersecting = require("./useOnIntersecting"), 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 });
-  return import_tamagui.isWeb && !hasIntersected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { ref }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Square,
-      {
-        enterStyle: {
-          scale: 1.5,
-          y: -10,
-          opacity: 0
-        },
-        transition: "bouncy",
-        elevation: "$4",
-        size: 110,
-        opacity: 1,
-        scale: 1,
-        y: 0,
-        bg: "$color9",
-        rounded: "$9",
-        children: props.children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: 0.75 })
-      },
-      key
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$3", mt: "$4", onPress: () => setKey(Math.random()), children: "Re-mount" })
-  ] });
-}
-//# sourceMappingURL=AnimationsEnterDemo.js.map

package/dist/cjs/AnimationsEnterDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AnimationsEnterDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,8BAClB,cAAyB,0BAEzB,iBAA8C,oBAE9C,2BAAkC,gCAQvB;AANJ,SAAS,oBAAoB,OAAY;AAC9C,QAAM,MAAM,aAAAA,QAAM,OAAoB,IAAI,GACpC,CAAC,KAAK,MAAM,IAAI,aAAAA,QAAM,SAAS,CAAC,GAChC,qBAAiB,4CAAkB,KAAK,EAAE,MAAM,GAAK,CAAC;AAE5D,SAAI,wBAAS,CAAC,iBACL,4CAAC,yBAAO,KAAiB,IAIhC,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QAEC,YAAY;AAAA,UACV,OAAO;AAAA,UACP,GAAG;AAAA,UACH,SAAS;AAAA,QACX;AAAA,QACA,YAAW;AAAA,QACX,WAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,OAAO;AAAA,QACP,GAAG;AAAA,QACH,IAAG;AAAA,QACH,SAAQ;AAAA,QAEP,gBAAM,YAAY,4CAAC,wBAAS,WAAW,MAAM;AAAA;AAAA,MAfzC;AAAA,IAgBP;AAAA,IAEA,4CAAC,yBAAO,MAAK,MAAK,IAAG,MAAK,SAAS,MAAM,OAAO,KAAK,OAAO,CAAC,GAAG,sBAEhE;AAAA,KACF;AAEJ;",
-  "names": ["React"]
-}

package/dist/cjs/AnimationsHoverDemo.js

@@ -1,41 +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: !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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var AnimationsHoverDemo_exports = {};
-__export(AnimationsHoverDemo_exports, {
-  AnimationsHoverDemo: () => AnimationsHoverDemo
-});
-module.exports = __toCommonJS(AnimationsHoverDemo_exports);
-var import_logo = require("@tamagui/logo"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-function AnimationsHoverDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_tamagui.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.js.map

package/dist/cjs/AnimationsHoverDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AnimationsHoverDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAyB,0BACzB,iBAAuB,oBAkBjB;AAhBC,SAAS,sBAAsB;AACpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAY;AAAA,MACZ,YAAW;AAAA,MACX,WAAU;AAAA,MACV,IAAG;AAAA,MACH,MAAM;AAAA,MACN,SAAQ;AAAA,MACR,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MAEA,sDAAC,wBAAS,WAAW,MAAM;AAAA;AAAA,EAC7B;AAEJ;",
-  "names": []
-}

package/dist/cjs/AnimationsPresenceDemo.js

@@ -1,102 +0,0 @@
-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 __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, { 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: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), 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("@tamagui/animate-presence"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), 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_tamagui.styled)(import_tamagui.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
-        }
-      })
-    }
-  }
-}), 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]);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_tamagui.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: !1, custom: { going }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GalleryItem, { transition: "slow", going, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Image, { src: images[imageIndex], width: 820, height: 300, objectFit: "cover" }) }, page) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_tamagui.Button,
-          {
-            "aria-label": "Carousel left",
-            icon: import_lucide_icons.ArrowLeft,
-            size: "$5",
-            position: "absolute",
-            l: "$4",
-            circular: !0,
-            onPress: () => paginate(-1),
-            boxShadow: "0 0 10px rgba(0,0,0,0.5)",
-            z: 100
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_tamagui.Button,
-          {
-            "aria-label": "Carousel right",
-            icon: import_lucide_icons.ArrowRight,
-            size: "$5",
-            position: "absolute",
-            r: "$4",
-            circular: !0,
-            onPress: () => paginate(1),
-            boxShadow: "0 0 10px rgba(0,0,0,0.5)",
-            z: 100
-          }
-        )
-      ]
-    }
-  );
-}
-//# sourceMappingURL=AnimationsPresenceDemo.js.map

package/dist/cjs/AnimationsPresenceDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AnimationsPresenceDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,8BAClB,0BAAgC,sCAChC,sBAAsC,kCAEtC,iBAAsD,oBAGtD,gBAAmB,gDAEnB,gBAAmB,gDAEnB,gBAAmB,gDA0Cf;AAxCG,MAAM,SAAS,CAAC,cAAAA,SAAQ,cAAAC,SAAQ,cAAAC,OAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,GAE9D,kBAAc,uBAAO,uBAAQ;AAAA,EACjC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS;AAAA,EACT,YAAY;AAAA,EAEZ,UAAU;AAAA;AAAA,IAER,OAAO;AAAA,MACL,WAAW,CAAC,WAAW;AAAA,QACrB,YAAY;AAAA,UACV,GAAG,QAAQ,IAAI,MAAO;AAAA,UACtB,SAAS;AAAA,QACX;AAAA,QACA,WAAW;AAAA,UACT,QAAQ;AAAA,UACR,GAAG,QAAQ,IAAI,MAAO;AAAA,UACtB,SAAS;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAEK,OAAO,CAAC,KAAa,KAAa,MAAc;AACpD,QAAM,YAAY,MAAM;AACxB,WAAW,IAAI,OAAO,YAAa,aAAa,YAAa;AAC/D;AAEO,SAAS,yBAAyB;AACvC,QAAM,CAAC,CAAC,MAAM,KAAK,GAAG,OAAO,IAAI,aAAAC,QAAM,SAAS,CAAC,GAAG,CAAC,CAAC,GAEhD,aAAa,KAAK,GAAG,OAAO,QAAQ,IAAI,GACxC,WAAW,CAACC,WAAkB;AAClC,YAAQ,CAAC,OAAOA,QAAOA,MAAK,CAAC;AAAA,EAC/B;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,IAAG;AAAA,MACH,UAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAM;AAAA,MACN,OAAM;AAAA,MAEN;AAAA,oDAAC,2CAAgB,SAAS,IAAO,QAAQ,EAAE,MAAM,GAC/C,sDAAC,eAAuB,YAAW,QAAO,OACxC,sDAAC,wBAAM,KAAK,OAAO,UAAU,GAAG,OAAO,KAAK,QAAQ,KAAK,WAAU,SAAQ,KAD3D,IAElB,GACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,cAAW;AAAA,YACX,MAAM;AAAA,YACN,MAAK;AAAA,YACL,UAAS;AAAA,YACT,GAAE;AAAA,YACF,UAAQ;AAAA,YACR,SAAS,MAAM,SAAS,EAAE;AAAA,YAC1B,WAAU;AAAA,YACV,GAAG;AAAA;AAAA,QACL;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,cAAW;AAAA,YACX,MAAM;AAAA,YACN,MAAK;AAAA,YACL,UAAS;AAAA,YACT,GAAE;AAAA,YACF,UAAQ;AAAA,YACR,SAAS,MAAM,SAAS,CAAC;AAAA,YACzB,WAAU;AAAA,YACV,GAAG;AAAA;AAAA,QACL;AAAA;AAAA;AAAA,EACF;AAEJ;",
-  "names": ["photo1", "photo2", "photo3", "React", "going"]
-}

package/dist/cjs/AnimationsTimingDemo.js

@@ -1,40 +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: !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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var AnimationsTimingDemo_exports = {};
-__export(AnimationsTimingDemo_exports, {
-  AnimationsTimingDemo: () => AnimationsTimingDemo
-});
-module.exports = __toCommonJS(AnimationsTimingDemo_exports);
-var import_logo = require("@tamagui/logo"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-function AnimationsTimingDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_tamagui.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.js.map

package/dist/cjs/AnimationsTimingDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AnimationsTimingDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAyB,0BACzB,iBAAuB,oBAiBjB;AAfC,SAAS,uBAAuB;AACrC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,YAAW;AAAA,MACX,WAAU;AAAA,MACV,MAAM;AAAA,MACN,SAAQ;AAAA,MACR,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MAEA,sDAAC,wBAAS,WAAW,MAAM;AAAA;AAAA,EAC7B;AAEJ;",
-  "names": []
-}

package/dist/cjs/AvatarDemo.js

@@ -1,45 +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: !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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var AvatarDemo_exports = {};
-__export(AvatarDemo_exports, {
-  AvatarDemo: () => AvatarDemo
-});
-module.exports = __toCommonJS(AvatarDemo_exports);
-var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-function AvatarDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { items: "center", gap: "$6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Avatar, { circular: !0, size: "$10", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_tamagui.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_tamagui.Avatar.Fallback, { bg: "$blue10" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Avatar, { circular: !0, size: "$8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_tamagui.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_tamagui.Avatar.Fallback, { delayMs: 600, bg: "$blue10" })
-    ] })
-  ] });
-}
-//# sourceMappingURL=AvatarDemo.js.map

package/dist/cjs/AvatarDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AvatarDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B,oBAKzB;AAHC,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,OAAM,UAAS,KAAI,MACzB;AAAA,iDAAC,yBAAO,UAAQ,IAAC,MAAK,OACpB;AAAA;AAAA,QAAC,sBAAO;AAAA,QAAP;AAAA,UACC,cAAW;AAAA,UACX,KAAI;AAAA;AAAA,MACN;AAAA,MACA,4CAAC,sBAAO,UAAP,EAAgB,IAAG,WAAU;AAAA,OAChC;AAAA,IAEA,6CAAC,yBAAO,UAAQ,IAAC,MAAK,MACpB;AAAA;AAAA,QAAC,sBAAO;AAAA,QAAP;AAAA,UACC,cAAW;AAAA,UACX,KAAI;AAAA;AAAA,MACN;AAAA,MACA,4CAAC,sBAAO,UAAP,EAAgB,SAAS,KAAK,IAAG,WAAU;AAAA,OAC9C;AAAA,KACF;AAEJ;",
-  "names": []
-}