@tamagui/demos 2.7.6 → 3.0.0-beta.637.1

package/dist/cjs/AnimationsDemo.cjs

@@ -1,29 +1,28 @@
+
 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
-  });
+	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 AnimationsDemo_exports = {};
 __export(AnimationsDemo_exports, {
-  AnimationsDemo: () => AnimationsDemo,
-  positions: () => positions
+	AnimationsDemo: () => AnimationsDemo,
+	positions: () => positions
 });
 module.exports = __toCommonJS(AnimationsDemo_exports);
 var import_logo = require("@tamagui/logo");
@@ -31,74 +30,56 @@ var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
 var import_tamagui = require("tamagui");
 var 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
-  });
-  const position = positions[positionI];
-  const onPress = (0, import_tamagui.useEvent)(() => {
-    setPositionI(x => {
-      return (x + 1) % positions.length;
-    });
-  });
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_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_2.Play,
-      theme: props.tint ?? "surface2",
-      size: "$5",
-      circular: true,
-      onPress
-    })]
-  });
+	const [positionI, setPositionI] = (0, import_tamagui.useControllableState)({
+		strategy: "most-recent-wins",
+		prop: props.position,
+		defaultProp: 0
+	});
+	const position = positions[positionI];
+	const onPress = (0, import_tamagui.useEvent)(() => {
+		setPositionI((x) => {
+			return (x + 1) % positions.length;
+		});
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+		transition: props.animation ?? "bouncy",
+		borderColor: "border-color",
+		borderWidth: 1,
+		rounded: "9",
+		bg: "color9",
+		...position,
+		animateOnly: ["transform"],
+		onPress,
+		size: 104,
+		children: import_tamagui.isWeb && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: .75 })
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+		position: "absolute",
+		b: 20,
+		l: 20,
+		icon: import_lucide_icons_2.Play,
+		theme: props.tint ?? "level3",
+		size: "5",
+		circular: true,
+		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
-  }
-}];
+const positions = [
+	{
+		x: 0,
+		y: 0,
+		scale: "1 hover:1.01 press:0.9",
+		rotate: "0deg"
+	},
+	{
+		x: -50,
+		y: -50,
+		scale: "0.5 hover:0.6 press:0.4",
+		rotate: "-45deg"
+	},
+	{
+		x: 50,
+		y: 50,
+		scale: "1 hover:1.1 press:0.9",
+		rotate: "180deg"
+	}
+];

package/dist/cjs/AnimationsDemo.native.cjs

@@ -0,0 +1,88 @@
+"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 AnimationsDemo_exports = {};
+__export(AnimationsDemo_exports, {
+	AnimationsDemo: () => AnimationsDemo,
+	positions: () => positions
+});
+module.exports = __toCommonJS(AnimationsDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_logo = require("@tamagui/logo");
+var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
+var import_tamagui = require("tamagui");
+function AnimationsDemo(props) {
+	var [positionI, setPositionI] = (0, import_tamagui.useControllableState)({
+		strategy: "most-recent-wins",
+		prop: props.position,
+		defaultProp: 0
+	});
+	var position = positions[positionI];
+	var onPress = (0, import_tamagui.useEvent)(function() {
+		setPositionI(function(x) {
+			return (x + 1) % positions.length;
+		});
+	});
+	var _props_animation, _props_tint;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+		transition: (_props_animation = props.animation) !== null && _props_animation !== void 0 ? _props_animation : "bouncy",
+		borderColor: "border-color",
+		borderWidth: 1,
+		rounded: "9",
+		bg: "color9",
+		...position,
+		animateOnly: ["transform"],
+		onPress,
+		size: 104,
+		children: import_tamagui.isWeb && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: .75 })
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+		position: "absolute",
+		b: 20,
+		l: 20,
+		icon: import_lucide_icons_2.Play,
+		theme: (_props_tint = props.tint) !== null && _props_tint !== void 0 ? _props_tint : "level3",
+		size: "5",
+		circular: true,
+		onPress
+	})] });
+}
+var positions = [
+	{
+		x: 0,
+		y: 0,
+		scale: "1 hover:1.01 press:0.9",
+		rotate: "0deg"
+	},
+	{
+		x: -50,
+		y: -50,
+		scale: "0.5 hover:0.6 press:0.4",
+		rotate: "-45deg"
+	},
+	{
+		x: 50,
+		y: 50,
+		scale: "1 hover:1.1 press:0.9",
+		rotate: "180deg"
+	}
+];

package/dist/cjs/AnimationsDemo.native.js

@@ -1,31 +1,30 @@
 "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
-  });
+	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 AnimationsDemo_exports = {};
 __export(AnimationsDemo_exports, {
-  AnimationsDemo: () => AnimationsDemo,
-  positions: () => positions
+	AnimationsDemo: () => AnimationsDemo,
+	positions: () => positions
 });
 module.exports = __toCommonJS(AnimationsDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -33,76 +32,59 @@ var import_logo = require("@tamagui/logo");
 var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
 var import_tamagui = require("tamagui");
 function AnimationsDemo(props) {
-  var [positionI, setPositionI] = (0, import_tamagui.useControllableState)({
-    strategy: "most-recent-wins",
-    prop: props.position,
-    defaultProp: 0
-  });
-  var position = positions[positionI];
-  var onPress = (0, import_tamagui.useEvent)(function () {
-    setPositionI(function (x) {
-      return (x + 1) % positions.length;
-    });
-  });
-  var _props_animation, _props_tint;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
-      transition: (_props_animation = props.animation) !== null && _props_animation !== void 0 ? _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_2.Play,
-      theme: (_props_tint = props.tint) !== null && _props_tint !== void 0 ? _props_tint : "surface2",
-      size: "$5",
-      circular: true,
-      onPress
-    })]
-  });
+	var [positionI, setPositionI] = (0, import_tamagui.useControllableState)({
+		strategy: "most-recent-wins",
+		prop: props.position,
+		defaultProp: 0
+	});
+	var position = positions[positionI];
+	var onPress = (0, import_tamagui.useEvent)(function() {
+		setPositionI(function(x) {
+			return (x + 1) % positions.length;
+		});
+	});
+	var _props_animation, _props_tint;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+		transition: (_props_animation = props.animation) !== null && _props_animation !== void 0 ? _props_animation : "bouncy",
+		borderColor: "border-color",
+		borderWidth: 1,
+		rounded: "9",
+		bg: "color9",
+		...position,
+		animateOnly: ["transform"],
+		onPress,
+		size: 104,
+		children: import_tamagui.isWeb && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: .75 })
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+		position: "absolute",
+		b: 20,
+		l: 20,
+		icon: import_lucide_icons_2.Play,
+		theme: (_props_tint = props.tint) !== null && _props_tint !== void 0 ? _props_tint : "level3",
+		size: "5",
+		circular: true,
+		onPress
+	})] });
 }
-var 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
-  }
-}];
+var positions = [
+	{
+		x: 0,
+		y: 0,
+		scale: "1 hover:1.01 press:0.9",
+		rotate: "0deg"
+	},
+	{
+		x: -50,
+		y: -50,
+		scale: "0.5 hover:0.6 press:0.4",
+		rotate: "-45deg"
+	},
+	{
+		x: 50,
+		y: 50,
+		scale: "1 hover:1.1 press:0.9",
+		rotate: "180deg"
+	}
+];
+
 //# sourceMappingURL=AnimationsDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsDemo_exports","__export","AnimationsDemo","positions","module","exports","import_jsx_runtime","require","import_logo","import_lucide_icons_2","import_tamagui","props","positionI","setPositionI","useControllableState","strategy","prop","position","defaultProp","onPress","useEvent","x","length","_props_animation","_props_tint","jsxs","Fragment","children","jsx","Square","transition","animation","animateOnly","size","borderColor","borderWidth","rounded","bg","hoverStyle","scale","pressStyle","isWeb","LogoIcon","downscale","Button","b","l","icon","Play","theme","tint","circular","y","rotate"],"sources":["../../src/AnimationsDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAyB,CAAAK,sBAAA;AACzB,IAAAM,kBAAA,GAAAC,OAAqB;AACrB,IAAAC,WAAA,GAAAD,OAA6E;AAgBzE,IAAAE,qBAAA,GAAAF,OAAA;AAdG,IAAAG,cAAS,GAAAH,OAAe,UAAO;AACpC,SAAOL,cAAWA,CAAAS,KAAA;EAAqC,IACrD,CAAAC,SAAU,EAAAC,YAAA,QAAAH,cAAA,CAAAI,oBAAA;IACVC,QAAM,oBAAM;IACZC,IAAA,EAAAL,KAAA,CAAAM,QAAa;IACdC,WAAA;EACD;EACA,IAAAD,QAAM,GAAAd,SAAU,CAAAS,SAAA;EACd,IAAAO,OAAA,IAAa,CAAC,EAAAT,cAAM,CAAAU,QAAA;IAClBP,YAAQ,WAASQ,CAAA;MAClB,QAAAA,CAAA,QAAAlB,SAAA,CAAAmB,MAAA;IACF;EAED;EAEI,IAAAC,gBAAA,EAAAC,WAAA;EAAA,OAAC,mBAAAlB,kBAAA,CAAAmB,IAAA,EAAAnB,kBAAA,CAAAoB,QAAA;IAAAC,QAAA,kBACa,IAAMrB,kBAAa,CAAAsB,GAAA,EAAAlB,cAAA,CAAAmB,MAAA;MAC/BC,UAAA,GAAaP,gBAAY,GAAAZ,KAAA,CAAAoB,SAAA,cAAAR,gBAAA,cAAAA,gBAAA;MACzBS,WAAA,GACA,WAAM,CACN;MACAb,OAAA;MACAc,IAAA,KAAQ;MACRC,WAAG;MACHC,WAAA,EAAY;MAAAC,OACV,EAAO;MACTC,EAAA;MACAC,UAAA,EAAY;QACVC,KAAA,EAAO;MACT;MACCC,UAAG;QAEHD,KAAA;MAAoC;MACvC,GAAAtB,QAAA;MAEAU,QAAA,EAAAjB,cAAA,CAAA+B,KAAA,uBAAAnC,kBAAA,CAAAsB,GAAA,EAAApB,WAAA,CAAAkC,QAAA;QAACC,SAAA;MAAA;IAAA,EACC,EAAS,eACN,IAAArC,kBAAA,CAAAsB,GAAA,EAAAlB,cAAA,CAAAkC,MAAA;MACH3B,QAAG;MACH4B,CAAA;MACAC,CAAA;MACAC,IAAA,EAAKtC,qBAAA,CAAAuC,IAAA;MACLC,KAAA,GAAAzB,WAAQ,GAAAb,KAAA,CAAAuC,IAAA,cAAA1B,WAAA,cAAAA,WAAA;MACRS,IAAA;MAAAkB,QAAA;MACFhC;IACF;EAIG;AAAkB;AACvB,IACEhB,SAAG;EAEHkB,CAAA;EACA+B,CAAA;EACFb,KAAA;EACAc,MAAA;AAAA,GACK;EAEHhC,CAAA;EACA+B,CAAA;EACAb,KAAA;EAAYc,MACV,UAAO;EACTf,UAAA;IACAC,KAAA;EAAY;EAEZC,UAAA;IACFD,KAAA;EACA;AAAA,GACK;EAEHlB,CAAA;EACA+B,CAAA;EACAb,KAAA;EAAYc,MACV,UAAO;EACTf,UAAA;IACAC,KAAA;EAAY;EAEZC,UAAA;IACFD,KAAA;EACF","ignoreList":[]}
+{"version":3,"file":"AnimationsDemo.native.js","names":[],"sources":["cjs/AnimationsDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AnimationsDemo_exports = {};\n__export(AnimationsDemo_exports, {\n  AnimationsDemo: () => AnimationsDemo,\n  positions: () => positions\n});\nmodule.exports = __toCommonJS(AnimationsDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_logo = require(\"@tamagui/logo\");\nvar import_lucide_icons_2 = require(\"@tamagui/lucide-icons-2\");\nvar import_tamagui = require(\"tamagui\");\nfunction AnimationsDemo(props) {\n  var [positionI, setPositionI] = (0, import_tamagui.useControllableState)({\n    strategy: \"most-recent-wins\",\n    prop: props.position,\n    defaultProp: 0\n  });\n  var position = positions[positionI];\n  var onPress = (0, import_tamagui.useEvent)(function() {\n    setPositionI(function(x) {\n      return (x + 1) % positions.length;\n    });\n  });\n  var _props_animation, _props_tint;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n        transition: (_props_animation = props.animation) !== null && _props_animation !== void 0 ? _props_animation : \"bouncy\",\n        borderColor: \"border-color\",\n        borderWidth: 1,\n        rounded: \"9\",\n        bg: \"color9\",\n        ...position,\n        animateOnly: [\n          \"transform\"\n        ],\n        onPress,\n        size: 104,\n        children: import_tamagui.isWeb && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {\n          downscale: 0.75\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n        position: \"absolute\",\n        b: 20,\n        l: 20,\n        icon: import_lucide_icons_2.Play,\n        theme: (_props_tint = props.tint) !== null && _props_tint !== void 0 ? _props_tint : \"level3\",\n        size: \"5\",\n        circular: true,\n        onPress\n      })\n    ]\n  });\n}\nvar positions = [\n  {\n    x: 0,\n    y: 0,\n    scale: \"1 hover:1.01 press:0.9\",\n    rotate: \"0deg\"\n  },\n  {\n    x: -50,\n    y: -50,\n    scale: \"0.5 hover:0.6 press:0.4\",\n    rotate: \"-45deg\"\n  },\n  {\n    x: 50,\n    y: 50,\n    scale: \"1 hover:1.1 press:0.9\",\n    rotate: \"180deg\"\n  }\n];\n//# sourceMappingURL=AnimationsDemo.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,yBAAyB,CAAC;AAC9B,SAAS,wBAAwB;CAC/B,sBAAsB;CACtB,iBAAiB;AACnB,CAAC;AACD,OAAO,UAAU,aAAa,sBAAsB;AACpD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,wBAAwB,QAAQ,yBAAyB;AAC7D,IAAI,iBAAiB,QAAQ,SAAS;AACtC,SAAS,eAAe,OAAO;CAC7B,IAAI,CAAC,WAAW,iBAAiB,GAAG,eAAe,sBAAsB;EACvE,UAAU;EACV,MAAM,MAAM;EACZ,aAAa;CACf,CAAC;CACD,IAAI,WAAW,UAAU;CACzB,IAAI,WAAW,GAAG,eAAe,UAAU,WAAW;EACpD,aAAa,SAAS,GAAG;GACvB,QAAQ,IAAI,KAAK,UAAU;EAC7B,CAAC;CACH,CAAC;CACD,IAAI,kBAAkB;CACtB,OAAuB,iBAAC,GAAG,mBAAmB,MAAM,mBAAmB,UAAU,EAC/E,UAAU,CACQ,iBAAC,GAAG,mBAAmB,KAAK,eAAe,QAAQ;EACjE,aAAa,mBAAmB,MAAM,eAAe,QAAQ,qBAAqB,KAAK,IAAI,mBAAmB;EAC9G,aAAa;EACb,aAAa;EACb,SAAS;EACT,IAAI;EACJ,GAAG;EACH,aAAa,CACX,WACF;EACA;EACA,MAAM;EACN,UAAU,eAAe,SAAyB,iBAAC,GAAG,mBAAmB,KAAK,YAAY,UAAU,EAClG,WAAW,IACb,CAAC;CACH,CAAC,GACe,iBAAC,GAAG,mBAAmB,KAAK,eAAe,QAAQ;EACjE,UAAU;EACV,GAAG;EACH,GAAG;EACH,MAAM,sBAAsB;EAC5B,QAAQ,cAAc,MAAM,UAAU,QAAQ,gBAAgB,KAAK,IAAI,cAAc;EACrF,MAAM;EACN,UAAU;EACV;CACF,CAAC,CACH,EACF,CAAC;AACH;AACA,IAAI,YAAY;CACd;EACE,GAAG;EACH,GAAG;EACH,OAAO;EACP,QAAQ;CACV;CACA;EACE,GAAG,CAAC;EACJ,GAAG,CAAC;EACJ,OAAO;EACP,QAAQ;CACV;CACA;EACE,GAAG;EACH,GAAG;EACH,OAAO;EACP,QAAQ;CACV;AACF"}

package/dist/cjs/AnimationsEnterDemo.cjs

@@ -1,3 +1,4 @@
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -5,36 +6,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_react = __toESM(require("react"), 1);
 var import_logo = require("@tamagui/logo");
@@ -42,39 +34,26 @@ var import_tamagui = require("tamagui");
 var import_useOnIntersecting = require("./useOnIntersecting.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 function AnimationsEnterDemo(props) {
-  const ref = import_react.default.useRef(null);
-  const [key, setKey] = import_react.default.useState(0);
-  const hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {
-    once: true
-  });
-  if (import_tamagui.isWeb && !hasIntersected) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-      ref
-    });
-  }
-  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 ?? /* @__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"
-    })]
-  });
-}
+	const ref = import_react.default.useRef(null);
+	const [key, setKey] = import_react.default.useState(0);
+	const hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, { once: true });
+	if (import_tamagui.isWeb && !hasIntersected) {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { ref });
+	}
+	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 ?? /* @__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: () => setKey(Math.random()),
+		children: "Re-mount"
+	})] });
+}

package/dist/cjs/AnimationsEnterDemo.native.cjs

@@ -0,0 +1,64 @@
+"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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var AnimationsEnterDemo_exports = {};
+__export(AnimationsEnterDemo_exports, { AnimationsEnterDemo: () => AnimationsEnterDemo });
+module.exports = __toCommonJS(AnimationsEnterDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+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, {
+		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"
+	})] });
+}