@tamagui/demos 2.7.7 → 3.0.0-beta.1091.1

package/dist/cjs/AnimationsEnterDemo.native.js

@@ -7,36 +7,27 @@ 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
-  });
+	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;
+	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
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var AnimationsEnterDemo_exports = {};
-__export(AnimationsEnterDemo_exports, {
-  AnimationsEnterDemo: () => AnimationsEnterDemo
-});
+__export(AnimationsEnterDemo_exports, { AnimationsEnterDemo: () => AnimationsEnterDemo });
 module.exports = __toCommonJS(AnimationsEnterDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"), 1);
@@ -44,43 +35,31 @@ var import_logo = require("@tamagui/logo");
 var import_tamagui = require("tamagui");
 var import_useOnIntersecting = require("./useOnIntersecting.native.js");
 function AnimationsEnterDemo(props) {
-  var ref = import_react.default.useRef(null);
-  var [key, setKey] = import_react.default.useState(0);
-  var hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {
-    once: true
-  });
-  if (import_tamagui.isWeb && !hasIntersected) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-      ref
-    });
-  }
-  var _props_children;
-  return /* @__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 = props.children) !== null && _props_children !== void 0 ? _props_children : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
-        downscale: 0.75
-      })
-    }, key), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-      size: "$3",
-      mt: "$4",
-      onPress: function () {
-        return setKey(Math.random());
-      },
-      children: "Re-mount"
-    })]
-  });
+	var ref = import_react.default.useRef(null);
+	var [key, setKey] = import_react.default.useState(0);
+	var hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, { once: true });
+	if (import_tamagui.isWeb && !hasIntersected) {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { ref });
+	}
+	var _props_children;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+		opacity: "1 enter:0",
+		scale: "1 enter:1.5",
+		y: "0 enter:-10px",
+		transition: "bouncy",
+		bg: "color9",
+		rounded: "9",
+		elevation: "4",
+		size: 110,
+		children: (_props_children = props.children) !== null && _props_children !== void 0 ? _props_children : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: .75 })
+	}, key), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+		size: "3",
+		mt: "4",
+		onPress: function() {
+			return setKey(Math.random());
+		},
+		children: "Re-mount"
+	})] });
 }
+
 //# sourceMappingURL=AnimationsEnterDemo.native.js.map

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_tamagui","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,GAAAC,OAA8C,CAAAF,OAAA;AAE9C,IAAAG,WAAA,GAAAH,OAAA,gBAAkC;AAQvB,IAAAI,cAAA,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,OAAAT,wBAA0B,CAAAU,iBAAA,EAAAP,GAAA;IAC5BQ,IAAA;EACF;EAEA,IAAAZ,cACE,CAAAa,KAAA,KAAAH,cAAA;IACE,0BAAAf,kBAAA,CAAAmB,GAAA,EAAAd,cAAA,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,cAAA,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":[]}
+{"version":3,"file":"AnimationsEnterDemo.native.js","names":[],"sources":["cjs/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(\"@tamagui/logo\");\nvar import_tamagui = require(\"tamagui\");\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_tamagui.isWeb && !hasIntersected) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.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_tamagui.Square, {\n        opacity: \"1 enter:0\",\n        scale: \"1 enter:1.5\",\n        y: \"0 enter:-10px\",\n        transition: \"bouncy\",\n        bg: \"color9\",\n        rounded: \"9\",\n        elevation: \"4\",\n        size: 110,\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_tamagui.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":";;;AACA,IAAI,WAAW,OAAO;AACtB,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO;AAC1B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,WAAW,KAAK,YAAY,YAAY,SAAS,OAAO,OAAO,SAAS,aAAa,GAAG,CAAC,IAAI,CAAC,GAAG,YAKnG,cAAc,CAAC,OAAO,CAAC,IAAI,aAAa,UAAU,QAAQ,WAAW;CAAE,OAAO;CAAK,YAAY;AAAK,CAAC,IAAI,QACzG,GACF;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,8BAA8B,CAAC;AACnC,SAAS,6BAA6B,EACpC,2BAA2B,oBAC7B,CAAC;AACD,OAAO,UAAU,aAAa,2BAA2B;AACzD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,eAAe,QAAQ,QAAQ,OAAO,GAAG,CAAC;AAC9C,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,iBAAiB,QAAQ,SAAS;AACtC,IAAI,2BAA2B,QAAQ,+BAAqB;AAC5D,SAAS,oBAAoB,OAAO;CAClC,IAAI,MAAM,aAAa,QAAQ,OAAO,IAAI;CAC1C,IAAI,CAAC,KAAK,UAAU,aAAa,QAAQ,SAAS,CAAC;CACnD,IAAI,kBAAkB,GAAG,yBAAyB,kBAAiB,CAAE,KAAK,EACxE,MAAM,KACR,CAAC;CACD,IAAI,eAAe,SAAS,CAAC,gBAAgB;EAC3C,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ,EACxE,IACF,CAAC;CACH;CACA,IAAI;CACJ,OAAuB,iBAAC,GAAG,mBAAmB,KAAI,CAAE,mBAAmB,UAAU,EAC/E,UAAU,CACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ;EACjE,SAAS;EACT,OAAO;EACP,GAAG;EACH,YAAY;EACZ,IAAI;EACJ,SAAS;EACT,WAAW;EACX,MAAM;EACN,WAAW,kBAAkB,MAAM,cAAc,QAAQ,oBAAoB,KAAK,IAAI,kBAAkC,iBAAC,GAAG,mBAAmB,IAAG,CAAE,YAAY,UAAU,EACxK,WAAW,IACb,CAAC;CACH,GAAG,GAAG,GACU,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ;EACjE,MAAM;EACN,IAAI;EACJ,SAAS,WAAW;GAClB,OAAO,OAAO,KAAK,OAAO,CAAC;EAC7B;EACA,UAAU;CACZ,CAAC,CACH,EACF,CAAC;AACH"}

package/dist/cjs/AnimationsHoverDemo.cjs

@@ -3,47 +3,36 @@ 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
-  });
+	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;
+	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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var AnimationsHoverDemo_exports = {};
-__export(AnimationsHoverDemo_exports, {
-  AnimationsHoverDemo: () => AnimationsHoverDemo
-});
+__export(AnimationsHoverDemo_exports, { AnimationsHoverDemo: () => AnimationsHoverDemo });
 module.exports = __toCommonJS(AnimationsHoverDemo_exports);
 var import_logo = require("@tamagui/logo");
 var import_tamagui = require("tamagui");
 var 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
-    })
-  });
-}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+		borderColor: "border-color",
+		transition: "bouncy",
+		bg: "color9",
+		rounded: "9",
+		scale: "hover:1.2 press:0.9",
+		elevation: "4",
+		size: 104,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: .75 })
+	});
+}

package/dist/cjs/AnimationsHoverDemo.native.cjs

@@ -0,0 +1,40 @@
+"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("@tamagui/logo");
+var import_tamagui = require("tamagui");
+function AnimationsHoverDemo() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+		borderColor: "border-color",
+		transition: "bouncy",
+		bg: "color9",
+		rounded: "9",
+		scale: "hover:1.2 press:0.9",
+		elevation: "4",
+		size: 104,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: .75 })
+	});
+}

package/dist/cjs/AnimationsHoverDemo.native.js

@@ -5,48 +5,38 @@ 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
-  });
+	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;
+	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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var AnimationsHoverDemo_exports = {};
-__export(AnimationsHoverDemo_exports, {
-  AnimationsHoverDemo: () => AnimationsHoverDemo
-});
+__export(AnimationsHoverDemo_exports, { AnimationsHoverDemo: () => AnimationsHoverDemo });
 module.exports = __toCommonJS(AnimationsHoverDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_logo = require("@tamagui/logo");
 var import_tamagui = require("tamagui");
 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
-    })
-  });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+		borderColor: "border-color",
+		transition: "bouncy",
+		bg: "color9",
+		rounded: "9",
+		scale: "hover:1.2 press:0.9",
+		elevation: "4",
+		size: 104,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: .75 })
+	});
 }
+
 //# sourceMappingURL=AnimationsHoverDemo.native.js.map

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_tamagui","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,cAAS,GAAAF,OAAA,UAAsB;AACpC,SACEJ,oBAAA;EAAA,OAAC,mBAAAG,kBAAA,CAAAI,GAAA,EAAAD,cAAA,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,"file":"AnimationsHoverDemo.native.js","names":[],"sources":["cjs/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(\"@tamagui/logo\");\nvar import_tamagui = require(\"tamagui\");\nfunction AnimationsHoverDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n    borderColor: \"border-color\",\n    transition: \"bouncy\",\n    bg: \"color9\",\n    rounded: \"9\",\n    scale: \"hover:1.2 press:0.9\",\n    elevation: \"4\",\n    size: 104,\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":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,8BAA8B,CAAC;AACnC,SAAS,6BAA6B,EACpC,2BAA2B,oBAC7B,CAAC;AACD,OAAO,UAAU,aAAa,2BAA2B;AACzD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,iBAAiB,QAAQ,SAAS;AACtC,SAAS,sBAAsB;CAC7B,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ;EACxE,aAAa;EACb,YAAY;EACZ,IAAI;EACJ,SAAS;EACT,OAAO;EACP,WAAW;EACX,MAAM;EACN,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,YAAY,UAAU,EAC1E,WAAW,IACb,CAAC;CACH,CAAC;AACH"}

package/dist/cjs/AnimationsPresenceDemo.cjs

@@ -5,121 +5,110 @@ 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
-  });
+	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;
+	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
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var AnimationsPresenceDemo_exports = {};
 __export(AnimationsPresenceDemo_exports, {
-  AnimationsPresenceDemo: () => AnimationsPresenceDemo,
-  images: () => images
+	AnimationsPresenceDemo: () => AnimationsPresenceDemo,
+	images: () => images
 });
 module.exports = __toCommonJS(AnimationsPresenceDemo_exports);
 var import_react = __toESM(require("react"), 1);
 var import_animate_presence = require("@tamagui/animate-presence");
 var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
 var import_tamagui = require("tamagui");
-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_photo1 = __toESM(require("@tamagui/demos/photo/photo1"), 1);
+var import_photo2 = __toESM(require("@tamagui/demos/photo/photo2"), 1);
+var import_photo3 = __toESM(require("@tamagui/demos/photo/photo3"), 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 images = [
+	import_photo1.default,
+	import_photo2.default,
+	import_photo3.default
+].map((x) => x.src || x);
 const GalleryItem = (0, import_tamagui.styled)(import_tamagui.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
-        }
-      })
-    }
-  }
+	z: 1,
+	x: 0,
+	opacity: 1,
+	position: "absolute",
+	inset: 0,
+	variants: { going: import_tamagui.styled.dynamic((going) => ({
+		x: `enter:${going > 0 ? 1e3 : -1e3}px exit:${going < 0 ? 1e3 : -1e3}px`,
+		opacity: "enter:0 exit:0",
+		zIndex: "exit:0"
+	})) }
 });
 const wrap = (min, max, v) => {
-  const rangeSize = max - min;
-  return ((v - min) % rangeSize + rangeSize) % rangeSize + min;
+	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_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: false,
-      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_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_tamagui.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
-    })]
-  });
-}
+	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_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: false,
+				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_2.ArrowLeft,
+				size: "5",
+				position: "absolute",
+				l: "4",
+				boxShadow: "0 0 10px rgba(0,0,0,0.5)",
+				z: 100,
+				circular: true,
+				onPress: () => paginate(-1)
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+				"aria-label": "Carousel right",
+				icon: import_lucide_icons_2.ArrowRight,
+				size: "5",
+				position: "absolute",
+				r: "4",
+				boxShadow: "0 0 10px rgba(0,0,0,0.5)",
+				z: 100,
+				circular: true,
+				onPress: () => paginate(1)
+			})
+		]
+	});
+}