@tamagui/demos 3.0.0-beta.1312.1 → 3.0.0-beta.1341.1

package/dist/cjs/AnimationsDelayDemo.cjs

@@ -68,7 +68,7 @@ function AnimationsDelayDemo() {
 				size: 60
 			}, color)) })
 		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-			size: "3",
+			size: "sm",
 			onPress: () => setShow(!show),
 			children: show ? "Hide" : "Show"
 		})]

package/dist/cjs/AnimationsDelayDemo.native.cjs

@@ -72,7 +72,7 @@ function AnimationsDelayDemo() {
 				}, color);
 			}) })
 		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-			size: "3",
+			size: "sm",
 			onPress: function() {
 				return setShow(!show);
 			},

package/dist/cjs/AnimationsDelayDemo.native.js

@@ -72,7 +72,7 @@ function AnimationsDelayDemo() {
 				}, color);
 			}) })
 		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-			size: "3",
+			size: "sm",
 			onPress: function() {
 				return setShow(!show);
 			},

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

@@ -1 +1 @@
-{"version":3,"file":"AnimationsDelayDemo.native.js","names":[],"sources":["cjs/AnimationsDelayDemo.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 AnimationsDelayDemo_exports = {};\n__export(AnimationsDelayDemo_exports, {\n  AnimationsDelayDemo: () => AnimationsDelayDemo\n});\nmodule.exports = __toCommonJS(AnimationsDelayDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_tamagui = require(\"tamagui\");\nvar import_useOnIntersecting = require(\"./useOnIntersecting\");\nvar colors = [\n  \"color-8\",\n  \"color-9\",\n  \"color-10\",\n  \"color-11\"\n];\nfunction AnimationsDelayDemo() {\n  var ref = import_react.default.useRef(null);\n  var hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {\n    once: true\n  });\n  var [show, setShow] = import_react.default.useState(true);\n  if (import_tamagui.isWeb && !hasIntersected) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n      ref,\n      height: 150\n    });\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n    gap: \"4\",\n    items: \"center\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {\n        gap: \"3\",\n        height: 100,\n        items: \"center\",\n        justify: \"center\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, {\n          children: show && colors.map(function(color, i) {\n            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n              transition: {\n                duration: 200,\n                delay: i * 100\n              },\n              opacity: \"enter:0 exit:0\",\n              scale: \"enter:0.5 exit:0\",\n              y: \"enter:20px exit:20px\",\n              bg: color,\n              rounded: \"4\",\n              size: 60\n            }, color);\n          })\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n        size: \"3\",\n        onPress: function() {\n          return setShow(!show);\n        },\n        children: show ? \"Hide\" : \"Show\"\n      })\n    ]\n  });\n}\n//# sourceMappingURL=AnimationsDelayDemo.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,iBAAiB,QAAQ,SAAS;AACtC,IAAI,2BAA2B,QAAQ,+BAAqB;AAC5D,IAAI,SAAS;CACX;CACA;CACA;CACA;AACF;AACA,SAAS,sBAAsB;CAC7B,IAAI,MAAM,aAAa,QAAQ,OAAO,IAAI;CAC1C,IAAI,kBAAkB,GAAG,yBAAyB,kBAAiB,CAAE,KAAK,EACxE,MAAM,KACR,CAAC;CACD,IAAI,CAAC,MAAM,WAAW,aAAa,QAAQ,SAAS,IAAI;CACxD,IAAI,eAAe,SAAS,CAAC,gBAAgB;EAC3C,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ;GACxE;GACA,QAAQ;EACV,CAAC;CACH;CACA,OAAuB,iBAAC,GAAG,mBAAmB,KAAI,CAAE,eAAe,QAAQ;EACzE,KAAK;EACL,OAAO;EACP,UAAU,CACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ;GACjE,KAAK;GACL,QAAQ;GACR,OAAO;GACP,SAAS;GACT,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,iBAAiB,EACpF,UAAU,QAAQ,OAAO,IAAI,SAAS,OAAO,GAAG;IAC9C,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ;KACxE,YAAY;MACV,UAAU;MACV,OAAO,IAAI;KACb;KACA,SAAS;KACT,OAAO;KACP,GAAG;KACH,IAAI;KACJ,SAAS;KACT,MAAM;IACR,GAAG,KAAK;GACV,CAAC,EACH,CAAC;EACH,CAAC,GACe,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ;GACjE,MAAM;GACN,SAAS,WAAW;IAClB,OAAO,QAAQ,CAAC,IAAI;GACtB;GACA,UAAU,OAAO,SAAS;EAC5B,CAAC,CACH;CACF,CAAC;AACH"}
+{"version":3,"file":"AnimationsDelayDemo.native.js","names":[],"sources":["cjs/AnimationsDelayDemo.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 AnimationsDelayDemo_exports = {};\n__export(AnimationsDelayDemo_exports, {\n  AnimationsDelayDemo: () => AnimationsDelayDemo\n});\nmodule.exports = __toCommonJS(AnimationsDelayDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_tamagui = require(\"tamagui\");\nvar import_useOnIntersecting = require(\"./useOnIntersecting\");\nvar colors = [\n  \"color-8\",\n  \"color-9\",\n  \"color-10\",\n  \"color-11\"\n];\nfunction AnimationsDelayDemo() {\n  var ref = import_react.default.useRef(null);\n  var hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {\n    once: true\n  });\n  var [show, setShow] = import_react.default.useState(true);\n  if (import_tamagui.isWeb && !hasIntersected) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n      ref,\n      height: 150\n    });\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n    gap: \"4\",\n    items: \"center\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {\n        gap: \"3\",\n        height: 100,\n        items: \"center\",\n        justify: \"center\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, {\n          children: show && colors.map(function(color, i) {\n            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n              transition: {\n                duration: 200,\n                delay: i * 100\n              },\n              opacity: \"enter:0 exit:0\",\n              scale: \"enter:0.5 exit:0\",\n              y: \"enter:20px exit:20px\",\n              bg: color,\n              rounded: \"4\",\n              size: 60\n            }, color);\n          })\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n        size: \"sm\",\n        onPress: function() {\n          return setShow(!show);\n        },\n        children: show ? \"Hide\" : \"Show\"\n      })\n    ]\n  });\n}\n//# sourceMappingURL=AnimationsDelayDemo.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,iBAAiB,QAAQ,SAAS;AACtC,IAAI,2BAA2B,QAAQ,+BAAqB;AAC5D,IAAI,SAAS;CACX;CACA;CACA;CACA;AACF;AACA,SAAS,sBAAsB;CAC7B,IAAI,MAAM,aAAa,QAAQ,OAAO,IAAI;CAC1C,IAAI,kBAAkB,GAAG,yBAAyB,kBAAiB,CAAE,KAAK,EACxE,MAAM,KACR,CAAC;CACD,IAAI,CAAC,MAAM,WAAW,aAAa,QAAQ,SAAS,IAAI;CACxD,IAAI,eAAe,SAAS,CAAC,gBAAgB;EAC3C,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ;GACxE;GACA,QAAQ;EACV,CAAC;CACH;CACA,OAAuB,iBAAC,GAAG,mBAAmB,KAAI,CAAE,eAAe,QAAQ;EACzE,KAAK;EACL,OAAO;EACP,UAAU,CACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ;GACjE,KAAK;GACL,QAAQ;GACR,OAAO;GACP,SAAS;GACT,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,iBAAiB,EACpF,UAAU,QAAQ,OAAO,IAAI,SAAS,OAAO,GAAG;IAC9C,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ;KACxE,YAAY;MACV,UAAU;MACV,OAAO,IAAI;KACb;KACA,SAAS;KACT,OAAO;KACP,GAAG;KACH,IAAI;KACJ,SAAS;KACT,MAAM;IACR,GAAG,KAAK;GACV,CAAC,EACH,CAAC;EACH,CAAC,GACe,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ;GACjE,MAAM;GACN,SAAS,WAAW;IAClB,OAAO,QAAQ,CAAC,IAAI;GACtB;GACA,UAAU,OAAO,SAAS;EAC5B,CAAC,CACH;CACF,CAAC;AACH"}

package/dist/cjs/AnimationsDemo.cjs

@@ -59,7 +59,7 @@ function AnimationsDemo(props) {
 		l: 20,
 		icon: import_lucide_icons_2.Play,
 		theme: props.tint ?? "level3",
-		size: "5",
+		size: "lg",
 		circular: true,
 		onPress
 	})] });

package/dist/cjs/AnimationsDemo.native.cjs

@@ -62,7 +62,7 @@ function AnimationsDemo(props) {
 		l: 20,
 		icon: import_lucide_icons_2.Play,
 		theme: (_props_tint = props.tint) !== null && _props_tint !== void 0 ? _props_tint : "level3",
-		size: "5",
+		size: "lg",
 		circular: true,
 		onPress
 	})] });

package/dist/cjs/AnimationsDemo.native.js

@@ -62,7 +62,7 @@ function AnimationsDemo(props) {
 		l: 20,
 		icon: import_lucide_icons_2.Play,
 		theme: (_props_tint = props.tint) !== null && _props_tint !== void 0 ? _props_tint : "level3",
-		size: "5",
+		size: "lg",
 		circular: true,
 		onPress
 	})] });

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

@@ -1 +1 @@
-{"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: {\n          preset: (_props_animation = props.animation) !== null && _props_animation !== void 0 ? _props_animation : \"bouncy\",\n          properties: \"transform\"\n        },\n        borderColor: \"border-color\",\n        borderWidth: 1,\n        rounded: \"9\",\n        bg: \"color-9\",\n        ...position,\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,qBAAoB,CAAE;EACvE,UAAU;EACV,MAAM,MAAM;EACZ,aAAa;CACf,CAAC;CACD,IAAI,WAAW,UAAU;CACzB,IAAI,WAAW,GAAG,eAAe,SAAQ,CAAE,WAAW;EACpD,aAAa,SAAS,GAAG;GACvB,QAAQ,IAAI,KAAK,UAAU;EAC7B,CAAC;CACH,CAAC;CACD,IAAI,kBAAkB;CACtB,OAAuB,iBAAC,GAAG,mBAAmB,KAAI,CAAE,mBAAmB,UAAU,EAC/E,UAAU,CACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ;EACjE,YAAY;GACV,SAAS,mBAAmB,MAAM,eAAe,QAAQ,qBAAqB,KAAK,IAAI,mBAAmB;GAC1G,YAAY;EACd;EACA,aAAa;EACb,aAAa;EACb,SAAS;EACT,IAAI;EACJ,GAAG;EACH;EACA,MAAM;EACN,UAAU,eAAe,SAAyB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,YAAY,UAAU,EAClG,WAAW,IACb,CAAC;CACH,CAAC,GACe,iBAAC,GAAG,mBAAmB,IAAG,CAAE,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"}
+{"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: {\n          preset: (_props_animation = props.animation) !== null && _props_animation !== void 0 ? _props_animation : \"bouncy\",\n          properties: \"transform\"\n        },\n        borderColor: \"border-color\",\n        borderWidth: 1,\n        rounded: \"9\",\n        bg: \"color-9\",\n        ...position,\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: \"lg\",\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,qBAAoB,CAAE;EACvE,UAAU;EACV,MAAM,MAAM;EACZ,aAAa;CACf,CAAC;CACD,IAAI,WAAW,UAAU;CACzB,IAAI,WAAW,GAAG,eAAe,SAAQ,CAAE,WAAW;EACpD,aAAa,SAAS,GAAG;GACvB,QAAQ,IAAI,KAAK,UAAU;EAC7B,CAAC;CACH,CAAC;CACD,IAAI,kBAAkB;CACtB,OAAuB,iBAAC,GAAG,mBAAmB,KAAI,CAAE,mBAAmB,UAAU,EAC/E,UAAU,CACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ;EACjE,YAAY;GACV,SAAS,mBAAmB,MAAM,eAAe,QAAQ,qBAAqB,KAAK,IAAI,mBAAmB;GAC1G,YAAY;EACd;EACA,aAAa;EACb,aAAa;EACb,SAAS;EACT,IAAI;EACJ,GAAG;EACH;EACA,MAAM;EACN,UAAU,eAAe,SAAyB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,YAAY,UAAU,EAClG,WAAW,IACb,CAAC;CACH,CAAC,GACe,iBAAC,GAAG,mBAAmB,IAAG,CAAE,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

@@ -50,7 +50,7 @@ function AnimationsEnterDemo(props) {
 		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",
+		size: "sm",
 		mt: "4",
 		onPress: () => setKey(Math.random()),
 		children: "Re-mount"

package/dist/cjs/AnimationsEnterDemo.native.cjs

@@ -53,7 +53,7 @@ function AnimationsEnterDemo(props) {
 		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",
+		size: "sm",
 		mt: "4",
 		onPress: function() {
 			return setKey(Math.random());

package/dist/cjs/AnimationsEnterDemo.native.js

@@ -53,7 +53,7 @@ function AnimationsEnterDemo(props) {
 		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",
+		size: "sm",
 		mt: "4",
 		onPress: function() {
 			return setKey(Math.random());

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

@@ -1 +1 @@
-{"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: \"color-9\",\n        rounded: \"9\",\n        boxShadow: \"0 4px 12px shadow-color\",\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"}
+{"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: \"color-9\",\n        rounded: \"9\",\n        boxShadow: \"0 4px 12px shadow-color\",\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: \"sm\",\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/AnimationsPresenceDemo.cjs

@@ -90,7 +90,7 @@ function AnimationsPresenceDemo() {
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
 				"aria-label": "Carousel left",
 				icon: import_lucide_icons_2.ArrowLeft,
-				size: "5",
+				size: "lg",
 				position: "absolute",
 				l: "4",
 				boxShadow: "0 0 10px rgba(0,0,0,0.5)",
@@ -101,7 +101,7 @@ function AnimationsPresenceDemo() {
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
 				"aria-label": "Carousel right",
 				icon: import_lucide_icons_2.ArrowRight,
-				size: "5",
+				size: "lg",
 				position: "absolute",
 				r: "4",
 				boxShadow: "0 0 10px rgba(0,0,0,0.5)",

package/dist/cjs/AnimationsPresenceDemo.native.cjs

@@ -96,7 +96,7 @@ function AnimationsPresenceDemo() {
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
 				"aria-label": "Carousel left",
 				icon: import_lucide_icons_2.ArrowLeft,
-				size: "5",
+				size: "lg",
 				position: "absolute",
 				l: "4",
 				boxShadow: "0 0 10px rgba(0,0,0,0.5)",
@@ -109,7 +109,7 @@ function AnimationsPresenceDemo() {
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
 				"aria-label": "Carousel right",
 				icon: import_lucide_icons_2.ArrowRight,
-				size: "5",
+				size: "lg",
 				position: "absolute",
 				r: "4",
 				boxShadow: "0 0 10px rgba(0,0,0,0.5)",

package/dist/cjs/AnimationsPresenceDemo.native.js

@@ -96,7 +96,7 @@ function AnimationsPresenceDemo() {
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
 				"aria-label": "Carousel left",
 				icon: import_lucide_icons_2.ArrowLeft,
-				size: "5",
+				size: "lg",
 				position: "absolute",
 				l: "4",
 				boxShadow: "0 0 10px rgba(0,0,0,0.5)",
@@ -109,7 +109,7 @@ function AnimationsPresenceDemo() {
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
 				"aria-label": "Carousel right",
 				icon: import_lucide_icons_2.ArrowRight,
-				size: "5",
+				size: "lg",
 				position: "absolute",
 				r: "4",
 				boxShadow: "0 0 10px rgba(0,0,0,0.5)",

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

@@ -1 +1 @@
-{"version":3,"file":"AnimationsPresenceDemo.native.js","names":[],"sources":["cjs/AnimationsPresenceDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AnimationsPresenceDemo_exports = {};\n__export(AnimationsPresenceDemo_exports, {\n  AnimationsPresenceDemo: () => AnimationsPresenceDemo,\n  images: () => images\n});\nmodule.exports = __toCommonJS(AnimationsPresenceDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_animate_presence = require(\"@tamagui/animate-presence\");\nvar import_lucide_icons_2 = require(\"@tamagui/lucide-icons-2\");\nvar import_tamagui = require(\"tamagui\");\nvar import_photo1 = __toESM(require(\"@tamagui/demos/photo/photo1\"), 1);\nvar import_photo2 = __toESM(require(\"@tamagui/demos/photo/photo2\"), 1);\nvar import_photo3 = __toESM(require(\"@tamagui/demos/photo/photo3\"), 1);\nvar images = [\n  import_photo1.default,\n  import_photo2.default,\n  import_photo3.default\n].map(function(x) {\n  return x.src || x;\n});\nvar GalleryItem = (0, import_tamagui.styled)(import_tamagui.YStack, {\n  z: 1,\n  x: 0,\n  opacity: 1,\n  position: \"absolute\",\n  inset: 0,\n  variants: {\n    // 1 = right, 0 = nowhere, -1 = left\n    going: import_tamagui.styled.dynamic(function(going) {\n      return {\n        x: `enter:${going > 0 ? 1e3 : -1e3}px exit:${going < 0 ? 1e3 : -1e3}px`,\n        opacity: \"enter:0 exit:0\",\n        zIndex: \"exit:0\"\n      };\n    })\n  }\n});\nvar wrap = function(min, max, v) {\n  var rangeSize = max - min;\n  return ((v - min) % rangeSize + rangeSize) % rangeSize + min;\n};\nfunction AnimationsPresenceDemo() {\n  var [[page, going], setPage] = import_react.default.useState([\n    0,\n    0\n  ]);\n  var imageIndex = wrap(0, images.length, page);\n  var paginate = function(going2) {\n    setPage([\n      page + going2,\n      going2\n    ]);\n  };\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n    overflow: \"hidden\",\n    bg: \"#000\",\n    position: \"relative\",\n    height: 300,\n    width: \"100%\",\n    items: \"center\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {\n        initial: false,\n        custom: {\n          going\n        },\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GalleryItem, {\n          transition: \"slow\",\n          going,\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Image, {\n            src: images[imageIndex],\n            width: 820,\n            height: 300,\n            objectFit: \"cover\"\n          })\n        }, page)\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n        \"aria-label\": \"Carousel left\",\n        icon: import_lucide_icons_2.ArrowLeft,\n        size: \"5\",\n        position: \"absolute\",\n        l: \"4\",\n        boxShadow: \"0 0 10px rgba(0,0,0,0.5)\",\n        z: 100,\n        circular: true,\n        onPress: function() {\n          return paginate(-1);\n        }\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n        \"aria-label\": \"Carousel right\",\n        icon: import_lucide_icons_2.ArrowRight,\n        size: \"5\",\n        position: \"absolute\",\n        r: \"4\",\n        boxShadow: \"0 0 10px rgba(0,0,0,0.5)\",\n        z: 100,\n        circular: true,\n        onPress: function() {\n          return paginate(1);\n        }\n      })\n    ]\n  });\n}\n//# sourceMappingURL=AnimationsPresenceDemo.js.map\n"],"mappings":"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"}
+{"version":3,"file":"AnimationsPresenceDemo.native.js","names":[],"sources":["cjs/AnimationsPresenceDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AnimationsPresenceDemo_exports = {};\n__export(AnimationsPresenceDemo_exports, {\n  AnimationsPresenceDemo: () => AnimationsPresenceDemo,\n  images: () => images\n});\nmodule.exports = __toCommonJS(AnimationsPresenceDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_animate_presence = require(\"@tamagui/animate-presence\");\nvar import_lucide_icons_2 = require(\"@tamagui/lucide-icons-2\");\nvar import_tamagui = require(\"tamagui\");\nvar import_photo1 = __toESM(require(\"@tamagui/demos/photo/photo1\"), 1);\nvar import_photo2 = __toESM(require(\"@tamagui/demos/photo/photo2\"), 1);\nvar import_photo3 = __toESM(require(\"@tamagui/demos/photo/photo3\"), 1);\nvar images = [\n  import_photo1.default,\n  import_photo2.default,\n  import_photo3.default\n].map(function(x) {\n  return x.src || x;\n});\nvar GalleryItem = (0, import_tamagui.styled)(import_tamagui.YStack, {\n  z: 1,\n  x: 0,\n  opacity: 1,\n  position: \"absolute\",\n  inset: 0,\n  variants: {\n    // 1 = right, 0 = nowhere, -1 = left\n    going: import_tamagui.styled.dynamic(function(going) {\n      return {\n        x: `enter:${going > 0 ? 1e3 : -1e3}px exit:${going < 0 ? 1e3 : -1e3}px`,\n        opacity: \"enter:0 exit:0\",\n        zIndex: \"exit:0\"\n      };\n    })\n  }\n});\nvar wrap = function(min, max, v) {\n  var rangeSize = max - min;\n  return ((v - min) % rangeSize + rangeSize) % rangeSize + min;\n};\nfunction AnimationsPresenceDemo() {\n  var [[page, going], setPage] = import_react.default.useState([\n    0,\n    0\n  ]);\n  var imageIndex = wrap(0, images.length, page);\n  var paginate = function(going2) {\n    setPage([\n      page + going2,\n      going2\n    ]);\n  };\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n    overflow: \"hidden\",\n    bg: \"#000\",\n    position: \"relative\",\n    height: 300,\n    width: \"100%\",\n    items: \"center\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {\n        initial: false,\n        custom: {\n          going\n        },\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GalleryItem, {\n          transition: \"slow\",\n          going,\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Image, {\n            src: images[imageIndex],\n            width: 820,\n            height: 300,\n            objectFit: \"cover\"\n          })\n        }, page)\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n        \"aria-label\": \"Carousel left\",\n        icon: import_lucide_icons_2.ArrowLeft,\n        size: \"lg\",\n        position: \"absolute\",\n        l: \"4\",\n        boxShadow: \"0 0 10px rgba(0,0,0,0.5)\",\n        z: 100,\n        circular: true,\n        onPress: function() {\n          return paginate(-1);\n        }\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n        \"aria-label\": \"Carousel right\",\n        icon: import_lucide_icons_2.ArrowRight,\n        size: \"lg\",\n        position: \"absolute\",\n        r: \"4\",\n        boxShadow: \"0 0 10px rgba(0,0,0,0.5)\",\n        z: 100,\n        circular: true,\n        onPress: function() {\n          return paginate(1);\n        }\n      })\n    ]\n  });\n}\n//# sourceMappingURL=AnimationsPresenceDemo.js.map\n"],"mappings":"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"}

package/dist/cjs/BuildAButtonDemo.cjs

@@ -43,7 +43,7 @@ function BuildAButtonDemo() {
 			children: [
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
 					y: 35,
-					size: "2",
+					size: "xs",
 					...outlined,
 					subTheme: "level2",
 					borderWidth: 1
@@ -58,26 +58,26 @@ function BuildAButtonDemo() {
 					icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Hand, {})
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
-					size: "6",
+					size: "xl",
 					subTheme: "level3"
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
-					size: "6",
+					size: "xl",
 					subTheme: "level3",
 					...outlined
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
-					size: "8",
+					size: "xl",
 					subTheme: "level3",
 					iconAfter: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Drumstick, {}),
 					...outlined
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
-					size: "10",
+					size: "xl",
 					subTheme: "level2"
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
-					size: "8",
+					size: "xl",
 					subTheme: "level3",
 					...outlined,
 					rounded: 0

package/dist/cjs/BuildAButtonDemo.native.cjs

@@ -45,7 +45,7 @@ function BuildAButtonDemo() {
 			children: [
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
 					y: 35,
-					size: "2",
+					size: "xs",
 					...outlined,
 					subTheme: "level2",
 					borderWidth: 1
@@ -60,26 +60,26 @@ function BuildAButtonDemo() {
 					icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Hand, {})
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
-					size: "6",
+					size: "xl",
 					subTheme: "level3"
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
-					size: "6",
+					size: "xl",
 					subTheme: "level3",
 					...outlined
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
-					size: "8",
+					size: "xl",
 					subTheme: "level3",
 					iconAfter: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Drumstick, {}),
 					...outlined
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
-					size: "10",
+					size: "xl",
 					subTheme: "level2"
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
-					size: "8",
+					size: "xl",
 					subTheme: "level3",
 					...outlined,
 					rounded: 0

package/dist/cjs/BuildAButtonDemo.native.js

@@ -45,7 +45,7 @@ function BuildAButtonDemo() {
 			children: [
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
 					y: 35,
-					size: "2",
+					size: "xs",
 					...outlined,
 					subTheme: "level2",
 					borderWidth: 1
@@ -60,26 +60,26 @@ function BuildAButtonDemo() {
 					icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Hand, {})
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
-					size: "6",
+					size: "xl",
 					subTheme: "level3"
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
-					size: "6",
+					size: "xl",
 					subTheme: "level3",
 					...outlined
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
-					size: "8",
+					size: "xl",
 					subTheme: "level3",
 					iconAfter: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Drumstick, {}),
 					...outlined
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
-					size: "10",
+					size: "xl",
 					subTheme: "level2"
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
-					size: "8",
+					size: "xl",
 					subTheme: "level3",
 					...outlined,
 					rounded: 0

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

@@ -1 +1 @@
-{"version":3,"file":"BuildAButtonDemo.native.js","names":[],"sources":["cjs/BuildAButtonDemo.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 BuildAButtonDemo_exports = {};\n__export(BuildAButtonDemo_exports, {\n  BuildAButtonDemo: () => BuildAButtonDemo\n});\nmodule.exports = __toCommonJS(BuildAButtonDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_lucide_icons_2 = require(\"@tamagui/lucide-icons-2\");\nvar import_tamagui = require(\"tamagui\");\nvar outlined = {\n  bg: \"transparent hover:transparent\",\n  borderWidth: 2,\n  borderColor: \"background hover:background-press\",\n  rounded: \"10\"\n};\nfunction BuildAButtonDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n    position: \"absolute\",\n    inset: 0,\n    overflow: \"hidden\",\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n      maxH: 200,\n      y: -100,\n      x: -40,\n      rotate: \"-10deg\",\n      children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n          y: 35,\n          size: \"2\",\n          ...outlined,\n          subTheme: \"level2\",\n          borderWidth: 1\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n          y: 30\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n          y: -50,\n          ...outlined\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n          ...outlined,\n          icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Hand, {})\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n          size: \"6\",\n          subTheme: \"level3\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n          size: \"6\",\n          subTheme: \"level3\",\n          ...outlined\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n          size: \"8\",\n          subTheme: \"level3\",\n          iconAfter: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Drumstick, {}),\n          ...outlined\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n          size: \"10\",\n          subTheme: \"level2\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n          size: \"8\",\n          subTheme: \"level3\",\n          ...outlined,\n          rounded: 0\n        })\n      ]\n    })\n  });\n}\nfunction ButtonCol(props) {\n  var { subTheme, ...buttonProps } = props;\n  var subThemeSuffix = subTheme ? `_${subTheme}` : \"\";\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n    p: \"2\",\n    gap: \"3\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n        theme: subTheme,\n        ...buttonProps,\n        children: \"Hello\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n        theme: \"orange\" + subThemeSuffix,\n        ...buttonProps,\n        children: \"Hello\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n        theme: \"yellow\" + subThemeSuffix,\n        ...buttonProps,\n        children: \"Hello\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n        theme: \"green\" + subThemeSuffix,\n        ...buttonProps,\n        children: \"Hello\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n        theme: \"blue\" + subThemeSuffix,\n        ...buttonProps,\n        children: \"Hello\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n        theme: \"purple\" + subThemeSuffix,\n        ...buttonProps,\n        children: \"Hello\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n        theme: \"pink\" + subThemeSuffix,\n        ...buttonProps,\n        children: \"Hello\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n        theme: \"red\" + subThemeSuffix,\n        ...buttonProps,\n        children: \"Hello\"\n      })\n    ]\n  });\n}\n//# sourceMappingURL=BuildAButtonDemo.js.map\n"],"mappings":"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"}
+{"version":3,"file":"BuildAButtonDemo.native.js","names":[],"sources":["cjs/BuildAButtonDemo.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 BuildAButtonDemo_exports = {};\n__export(BuildAButtonDemo_exports, {\n  BuildAButtonDemo: () => BuildAButtonDemo\n});\nmodule.exports = __toCommonJS(BuildAButtonDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_lucide_icons_2 = require(\"@tamagui/lucide-icons-2\");\nvar import_tamagui = require(\"tamagui\");\nvar outlined = {\n  bg: \"transparent hover:transparent\",\n  borderWidth: 2,\n  borderColor: \"background hover:background-press\",\n  rounded: \"10\"\n};\nfunction BuildAButtonDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n    position: \"absolute\",\n    inset: 0,\n    overflow: \"hidden\",\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n      maxH: 200,\n      y: -100,\n      x: -40,\n      rotate: \"-10deg\",\n      children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n          y: 35,\n          size: \"xs\",\n          ...outlined,\n          subTheme: \"level2\",\n          borderWidth: 1\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n          y: 30\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n          y: -50,\n          ...outlined\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n          ...outlined,\n          icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Hand, {})\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n          size: \"xl\",\n          subTheme: \"level3\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n          size: \"xl\",\n          subTheme: \"level3\",\n          ...outlined\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n          size: \"xl\",\n          subTheme: \"level3\",\n          iconAfter: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Drumstick, {}),\n          ...outlined\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n          size: \"xl\",\n          subTheme: \"level2\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n          size: \"xl\",\n          subTheme: \"level3\",\n          ...outlined,\n          rounded: 0\n        })\n      ]\n    })\n  });\n}\nfunction ButtonCol(props) {\n  var { subTheme, ...buttonProps } = props;\n  var subThemeSuffix = subTheme ? `_${subTheme}` : \"\";\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n    p: \"2\",\n    gap: \"3\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n        theme: subTheme,\n        ...buttonProps,\n        children: \"Hello\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n        theme: \"orange\" + subThemeSuffix,\n        ...buttonProps,\n        children: \"Hello\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n        theme: \"yellow\" + subThemeSuffix,\n        ...buttonProps,\n        children: \"Hello\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n        theme: \"green\" + subThemeSuffix,\n        ...buttonProps,\n        children: \"Hello\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n        theme: \"blue\" + subThemeSuffix,\n        ...buttonProps,\n        children: \"Hello\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n        theme: \"purple\" + subThemeSuffix,\n        ...buttonProps,\n        children: \"Hello\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n        theme: \"pink\" + subThemeSuffix,\n        ...buttonProps,\n        children: \"Hello\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n        theme: \"red\" + subThemeSuffix,\n        ...buttonProps,\n        children: \"Hello\"\n      })\n    ]\n  });\n}\n//# sourceMappingURL=BuildAButtonDemo.js.map\n"],"mappings":"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"}

package/dist/cjs/ButtonDemo.cjs

@@ -33,18 +33,18 @@ function ButtonDemo() {
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
 				self: "center",
 				icon: import_lucide_icons_2.Airplay,
-				size: "6",
+				size: "xl",
 				children: "Large"
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
 				gap: "2",
 				justify: "center",
 				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-					size: "3",
+					size: "sm",
 					theme: "accent",
 					children: "Active"
 				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-					size: "3",
+					size: "sm",
 					variant: "outlined",
 					children: "Outlined"
 				})]
@@ -55,7 +55,7 @@ function ButtonDemo() {
 				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
 					name: "accent",
 					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Button, {
-						size: "3",
+						size: "sm",
 						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button.Icon, {
 							size: 14,
 							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Activity, {})
@@ -66,19 +66,19 @@ function ButtonDemo() {
 					})
 				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
 					iconAfter: import_lucide_icons_2.Activity,
-					size: "3",
+					size: "sm",
 					children: "iconAfter"
 				})]
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XGroup, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
 				width: "50%",
-				size: "2",
+				size: "xs",
 				disabled: true,
 				opacity: .5,
 				children: "disabled"
 			}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
 				width: "50%",
-				size: "2",
+				size: "xs",
 				children: "plain"
 			}) })] })
 		]

package/dist/cjs/ButtonDemo.native.cjs

@@ -35,18 +35,18 @@ function ButtonDemo() {
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
 				self: "center",
 				icon: import_lucide_icons_2.Airplay,
-				size: "6",
+				size: "xl",
 				children: "Large"
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
 				gap: "2",
 				justify: "center",
 				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-					size: "3",
+					size: "sm",
 					theme: "accent",
 					children: "Active"
 				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-					size: "3",
+					size: "sm",
 					variant: "outlined",
 					children: "Outlined"
 				})]
@@ -57,7 +57,7 @@ function ButtonDemo() {
 				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
 					name: "accent",
 					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Button, {
-						size: "3",
+						size: "sm",
 						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button.Icon, {
 							size: 14,
 							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Activity, {})
@@ -68,19 +68,19 @@ function ButtonDemo() {
 					})
 				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
 					iconAfter: import_lucide_icons_2.Activity,
-					size: "3",
+					size: "sm",
 					children: "iconAfter"
 				})]
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XGroup, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
 				width: "50%",
-				size: "2",
+				size: "xs",
 				disabled: true,
 				opacity: .5,
 				children: "disabled"
 			}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
 				width: "50%",
-				size: "2",
+				size: "xs",
 				children: "plain"
 			}) })] })
 		]

package/dist/cjs/ButtonDemo.native.js

@@ -35,18 +35,18 @@ function ButtonDemo() {
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
 				self: "center",
 				icon: import_lucide_icons_2.Airplay,
-				size: "6",
+				size: "xl",
 				children: "Large"
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
 				gap: "2",
 				justify: "center",
 				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-					size: "3",
+					size: "sm",
 					theme: "accent",
 					children: "Active"
 				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-					size: "3",
+					size: "sm",
 					variant: "outlined",
 					children: "Outlined"
 				})]
@@ -57,7 +57,7 @@ function ButtonDemo() {
 				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
 					name: "accent",
 					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Button, {
-						size: "3",
+						size: "sm",
 						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button.Icon, {
 							size: 14,
 							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Activity, {})
@@ -68,19 +68,19 @@ function ButtonDemo() {
 					})
 				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
 					iconAfter: import_lucide_icons_2.Activity,
-					size: "3",
+					size: "sm",
 					children: "iconAfter"
 				})]
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XGroup, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
 				width: "50%",
-				size: "2",
+				size: "xs",
 				disabled: true,
 				opacity: .5,
 				children: "disabled"
 			}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
 				width: "50%",
-				size: "2",
+				size: "xs",
 				children: "plain"
 			}) })] })
 		]