@tamagui/demos 1.14.0 → 1.14.2

package/dist/cjs/tamagui.config.js

@@ -1,2 +1,28 @@
-"use strict";var e=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var d=(f,o)=>{for(var t in o)e(f,t,{get:o[t],enumerable:!0})},g=(f,o,t,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of a(o))!c.call(f,r)&&r!==t&&e(f,r,{get:()=>o[r],enumerable:!(i=p(o,r))||i.enumerable});return f};var l=f=>g(e({},"__esModule",{value:!0}),f);var u={};d(u,{default:()=>n});module.exports=l(u);var m=require("./conf"),n=m.config;0&&(module.exports={});
+"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 tamagui_config_exports = {};
+__export(tamagui_config_exports, {
+  default: () => tamagui_config_default
+});
+module.exports = __toCommonJS(tamagui_config_exports);
+var import_conf = require("./conf");
+var tamagui_config_default = import_conf.config;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});
 //# sourceMappingURL=tamagui.config.js.map

package/dist/cjs/tamagui.config.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/tamagui.config.ts"],
   "sourcesContent": ["import { config } from './conf'\nexport default config\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,kBAChBF,EAAQ",
-  "names": ["tamagui_config_exports", "__export", "tamagui_config_default", "__toCommonJS", "import_conf"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAuB;AACvB,IAAO,yBAAQ;",
+  "names": []
 }

package/dist/cjs/useOnIntersecting.js

@@ -1,2 +1,93 @@
-"use strict";var y=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var O=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var H=(e,n)=>{for(var o in n)y(e,o,{get:n[o],enumerable:!0})},L=(e,n,o,l)=>{if(n&&typeof n=="object"||typeof n=="function")for(let s of O(n))!E.call(e,s)&&s!==o&&y(e,s,{get:()=>n[s],enumerable:!(l=M(n,s))||l.enumerable});return e};var T=e=>L(y({},"__esModule",{value:!0}),e);var A={};H(A,{useIsIntersecting:()=>d,useOnIntersecting:()=>p});module.exports=T(A);var f=require("react"),b=require("tamagui");function d(e,{once:n,...o}={}){const[l,s]=(0,f.useState)([]);return b.isWeb&&p(e,i=>{const u=i.some(t=>t==null?void 0:t.isIntersecting);n&&!u||s(t=>{const r=i.map(c=>(c==null?void 0:c.isIntersecting)??!1);return t.length===r.length&&t.every((c,R)=>c===r[R])?t:r})},o),Array.isArray(e)?l:l[0]}function p(e,n,{threshold:o=0,root:l,rootMargin:s}={},i=[]){const u=(0,b.useEvent)(n);(0,f.useEffect)(()=>{const t=Array.isArray(e)?e:[e];if(!t.length)return;let r=null,c=[];const R={threshold:o,root:l,rootMargin:s},I=new IntersectionObserver(a=>{c=t.map((v,g)=>a.find(m=>m.target===v.current)??c[g]??null),r==null||r(),r=u(c)||null},R);for(const a of t)a.current&&I.observe(a.current);return()=>{r==null||r(),I.disconnect()}},[u,e,l,s,o,...i])}0&&(module.exports={useIsIntersecting,useOnIntersecting});
+"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 useOnIntersecting_exports = {};
+__export(useOnIntersecting_exports, {
+  useIsIntersecting: () => useIsIntersecting,
+  useOnIntersecting: () => useOnIntersecting
+});
+module.exports = __toCommonJS(useOnIntersecting_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+function useIsIntersecting(refs, { once, ...opts } = {}) {
+  const [values, setValues] = (0, import_react.useState)([]);
+  if (import_tamagui.isWeb) {
+    useOnIntersecting(
+      refs,
+      (entries) => {
+        const intersecting = entries.some((x) => x == null ? void 0 : x.isIntersecting);
+        if (once && !intersecting)
+          return;
+        setValues((prev) => {
+          const next = entries.map((e) => (e == null ? void 0 : e.isIntersecting) ?? false);
+          if (prev.length === next.length && prev.every((e, i) => e === next[i])) {
+            return prev;
+          }
+          return next;
+        });
+      },
+      opts
+    );
+  }
+  return Array.isArray(refs) ? values : values[0];
+}
+function useOnIntersecting(refsIn, incomingCbRaw, { threshold = 0, root, rootMargin } = {}, mountArgs = []) {
+  const onIntersectEvent = (0, import_tamagui.useEvent)(incomingCbRaw);
+  (0, import_react.useEffect)(() => {
+    const refs = Array.isArray(refsIn) ? refsIn : [refsIn];
+    if (!refs.length)
+      return;
+    let dispose = null;
+    let currentEntries = [];
+    const options = {
+      threshold,
+      root,
+      rootMargin
+    };
+    const io = new IntersectionObserver((entries) => {
+      currentEntries = refs.map((ref, index) => {
+        return entries.find((x) => x.target === ref.current) ?? currentEntries[index] ?? null;
+      });
+      dispose == null ? void 0 : dispose();
+      dispose = onIntersectEvent(currentEntries) || null;
+    }, options);
+    for (const ref of refs) {
+      if (ref.current) {
+        io.observe(ref.current);
+      }
+    }
+    return () => {
+      dispose == null ? void 0 : dispose();
+      io.disconnect();
+    };
+  }, [
+    onIntersectEvent,
+    refsIn,
+    root,
+    rootMargin,
+    threshold,
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    ...mountArgs
+  ]);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useIsIntersecting,
+  useOnIntersecting
+});
 //# sourceMappingURL=useOnIntersecting.js.map

package/dist/cjs/useOnIntersecting.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/useOnIntersecting.tsx"],
   "sourcesContent": ["import { MutableRefObject, useEffect, useState } from 'react'\nimport { isWeb, useEvent } from 'tamagui'\n\ntype DisposeFn = () => void\n\ntype IntersectCallback = (\n  props: (IntersectionObserverEntry | null)[],\n  didResize?: boolean\n) => DisposeFn | void | null\n\ntype HTMLRef = MutableRefObject<HTMLElement | null>\n\nexport function useIsIntersecting<Ref extends HTMLRef | HTMLRef[]>(\n  refs: Ref,\n  { once, ...opts }: IntersectionObserverInit & { once?: boolean } = {}\n): Ref extends any[] ? boolean[] : boolean {\n  const [values, setValues] = useState<boolean[]>([])\n\n  if (isWeb) {\n    useOnIntersecting(\n      refs,\n      (entries) => {\n        const intersecting = entries.some((x) => x?.isIntersecting)\n        if (once && !intersecting) return\n        setValues((prev) => {\n          const next = entries.map((e) => e?.isIntersecting ?? false)\n          if (prev.length === next.length && prev.every((e, i) => e === next[i])) {\n            return prev\n          }\n          return next\n        })\n      },\n      opts\n    )\n  }\n\n  return (Array.isArray(refs) ? values : values[0]) as any\n}\n\nexport function useOnIntersecting<Ref extends HTMLRef | HTMLRef[]>(\n  refsIn: Ref,\n  incomingCbRaw: IntersectCallback,\n  { threshold = 0, root, rootMargin }: IntersectionObserverInit = {},\n  mountArgs: any[] = []\n) {\n  const onIntersectEvent = useEvent(incomingCbRaw)\n\n  useEffect(() => {\n    const refs = (Array.isArray(refsIn) ? refsIn : [refsIn]) as HTMLRef[]\n    if (!refs.length) return\n\n    let dispose: DisposeFn | null = null\n    let currentEntries: (IntersectionObserverEntry | null)[] = []\n    const options = {\n      threshold,\n      root,\n      rootMargin,\n    }\n    const io = new IntersectionObserver((entries) => {\n      currentEntries = refs.map((ref, index) => {\n        return (\n          entries.find((x) => x.target === ref.current) ?? currentEntries[index] ?? null\n        )\n      })\n      dispose?.()\n      dispose = onIntersectEvent(currentEntries) || null\n    }, options)\n\n    for (const ref of refs) {\n      if (ref.current) {\n        io.observe(ref.current)\n      }\n    }\n\n    return () => {\n      dispose?.()\n      io.disconnect()\n    }\n  }, [\n    onIntersectEvent,\n    refsIn,\n    root,\n    rootMargin,\n    threshold,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    ...mountArgs,\n  ])\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,uBAAAE,EAAA,sBAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAAsD,iBACtDC,EAAgC,mBAWzB,SAASJ,EACdK,EACA,CAAE,KAAAC,EAAM,GAAGC,CAAK,EAAmD,CAAC,EAC3B,CACzC,KAAM,CAACC,EAAQC,CAAS,KAAI,YAAoB,CAAC,CAAC,EAElD,OAAI,SACFR,EACEI,EACCK,GAAY,CACX,MAAMC,EAAeD,EAAQ,KAAME,GAAMA,GAAA,YAAAA,EAAG,cAAc,EACtDN,GAAQ,CAACK,GACbF,EAAWI,GAAS,CAClB,MAAMC,EAAOJ,EAAQ,IAAKK,IAAMA,GAAA,YAAAA,EAAG,iBAAkB,EAAK,EAC1D,OAAIF,EAAK,SAAWC,EAAK,QAAUD,EAAK,MAAM,CAACE,EAAGC,IAAMD,IAAMD,EAAKE,CAAC,CAAC,EAC5DH,EAEFC,CACT,CAAC,CACH,EACAP,CACF,EAGM,MAAM,QAAQF,CAAI,EAAIG,EAASA,EAAO,CAAC,CACjD,CAEO,SAASP,EACdgB,EACAC,EACA,CAAE,UAAAC,EAAY,EAAG,KAAAC,EAAM,WAAAC,CAAW,EAA8B,CAAC,EACjEC,EAAmB,CAAC,EACpB,CACA,MAAMC,KAAmB,YAASL,CAAa,KAE/C,aAAU,IAAM,CACd,MAAMb,EAAQ,MAAM,QAAQY,CAAM,EAAIA,EAAS,CAACA,CAAM,EACtD,GAAI,CAACZ,EAAK,OAAQ,OAElB,IAAImB,EAA4B,KAC5BC,EAAuD,CAAC,EAC5D,MAAMC,EAAU,CACd,UAAAP,EACA,KAAAC,EACA,WAAAC,CACF,EACMM,EAAK,IAAI,qBAAsBjB,GAAY,CAC/Ce,EAAiBpB,EAAK,IAAI,CAACuB,EAAKC,IAE5BnB,EAAQ,KAAME,GAAMA,EAAE,SAAWgB,EAAI,OAAO,GAAKH,EAAeI,CAAK,GAAK,IAE7E,EACDL,GAAA,MAAAA,IACAA,EAAUD,EAAiBE,CAAc,GAAK,IAChD,EAAGC,CAAO,EAEV,UAAWE,KAAOvB,EACZuB,EAAI,SACND,EAAG,QAAQC,EAAI,OAAO,EAI1B,MAAO,IAAM,CACXJ,GAAA,MAAAA,IACAG,EAAG,WAAW,CAChB,CACF,EAAG,CACDJ,EACAN,EACAG,EACAC,EACAF,EAEA,GAAGG,CACL,CAAC,CACH",
-  "names": ["useOnIntersecting_exports", "__export", "useIsIntersecting", "useOnIntersecting", "__toCommonJS", "import_react", "import_tamagui", "refs", "once", "opts", "values", "setValues", "entries", "intersecting", "x", "prev", "next", "e", "i", "refsIn", "incomingCbRaw", "threshold", "root", "rootMargin", "mountArgs", "onIntersectEvent", "dispose", "currentEntries", "options", "io", "ref", "index"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsD;AACtD,qBAAgC;AAWzB,SAAS,kBACd,MACA,EAAE,MAAM,GAAG,KAAK,IAAmD,CAAC,GAC3B;AACzC,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAoB,CAAC,CAAC;AAElD,MAAI,sBAAO;AACT;AAAA,MACE;AAAA,MACA,CAAC,YAAY;AACX,cAAM,eAAe,QAAQ,KAAK,CAAC,MAAM,uBAAG,cAAc;AAC1D,YAAI,QAAQ,CAAC;AAAc;AAC3B,kBAAU,CAAC,SAAS;AAClB,gBAAM,OAAO,QAAQ,IAAI,CAAC,OAAM,uBAAG,mBAAkB,KAAK;AAC1D,cAAI,KAAK,WAAW,KAAK,UAAU,KAAK,MAAM,CAAC,GAAG,MAAM,MAAM,KAAK,CAAC,CAAC,GAAG;AACtE,mBAAO;AAAA,UACT;AACA,iBAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAQ,MAAM,QAAQ,IAAI,IAAI,SAAS,OAAO,CAAC;AACjD;AAEO,SAAS,kBACd,QACA,eACA,EAAE,YAAY,GAAG,MAAM,WAAW,IAA8B,CAAC,GACjE,YAAmB,CAAC,GACpB;AACA,QAAM,uBAAmB,yBAAS,aAAa;AAE/C,8BAAU,MAAM;AACd,UAAM,OAAQ,MAAM,QAAQ,MAAM,IAAI,SAAS,CAAC,MAAM;AACtD,QAAI,CAAC,KAAK;AAAQ;AAElB,QAAI,UAA4B;AAChC,QAAI,iBAAuD,CAAC;AAC5D,UAAM,UAAU;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,IACF;AACA,UAAM,KAAK,IAAI,qBAAqB,CAAC,YAAY;AAC/C,uBAAiB,KAAK,IAAI,CAAC,KAAK,UAAU;AACxC,eACE,QAAQ,KAAK,CAAC,MAAM,EAAE,WAAW,IAAI,OAAO,KAAK,eAAe,KAAK,KAAK;AAAA,MAE9E,CAAC;AACD;AACA,gBAAU,iBAAiB,cAAc,KAAK;AAAA,IAChD,GAAG,OAAO;AAEV,eAAW,OAAO,MAAM;AACtB,UAAI,IAAI,SAAS;AACf,WAAG,QAAQ,IAAI,OAAO;AAAA,MACxB;AAAA,IACF;AAEA,WAAO,MAAM;AACX;AACA,SAAG,WAAW;AAAA,IAChB;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA,GAAG;AAAA,EACL,CAAC;AACH;",
+  "names": []
 }

package/dist/esm/AddThemeDemo.js

@@ -1,2 +1,36 @@
-import{jsx as r,jsxs as o}from"react/jsx-runtime";import{addTheme as m}from"@tamagui/theme";import{useState as u}from"react";import{Button as n,H3 as s,Square as a,Theme as d,YStack as l}from"tamagui";function p(){const[e,t]=u();return o(l,{alignItems:"center",space:!0,children:[o(s,{children:["Theme: ",e??"none"]}),r(d,{name:e??"red",children:r(a,{borderRadius:"$8",size:100,backgroundColor:"$color"})}),r(n,{disabled:e==="superblue",onPress:()=>{m({name:"superblue",insertCSS:!0,theme:{background:"#000",color:"blue"}}),t("superblue")},children:"Add superblue theme"})]})}export{p as AddThemeDemo};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { addTheme } from "@tamagui/theme";
+import { useState } from "react";
+import { Button, H3, Square, Theme, YStack } from "tamagui";
+function AddThemeDemo() {
+  const [theme, setTheme] = useState();
+  return /* @__PURE__ */ jsxs(YStack, { alignItems: "center", space: true, children: [
+    /* @__PURE__ */ jsxs(H3, { children: [
+      "Theme: ",
+      theme ?? "none"
+    ] }),
+    /* @__PURE__ */ jsx(Theme, { name: theme ?? "red", children: /* @__PURE__ */ jsx(Square, { borderRadius: "$8", size: 100, backgroundColor: "$color" }) }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        disabled: theme === "superblue",
+        onPress: () => {
+          addTheme({
+            name: "superblue",
+            insertCSS: true,
+            theme: {
+              background: "#000",
+              color: "blue"
+            }
+          });
+          setTheme("superblue");
+        },
+        children: "Add superblue theme"
+      }
+    )
+  ] });
+}
+export {
+  AddThemeDemo
+};
 //# sourceMappingURL=AddThemeDemo.js.map

package/dist/esm/AddThemeDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/AddThemeDemo.tsx"],
   "sourcesContent": ["import { addTheme } from '@tamagui/theme'\nimport { useState } from 'react'\nimport { Button, H3, Square, Theme, YStack } from 'tamagui'\n\nexport function AddThemeDemo() {\n  const [theme, setTheme] = useState<any>()\n\n  return (\n    <YStack alignItems=\"center\" space>\n      <H3>Theme: {theme ?? 'none'}</H3>\n\n      <Theme name={theme ?? 'red'}>\n        <Square borderRadius=\"$8\" size={100} backgroundColor=\"$color\" />\n      </Theme>\n\n      <Button\n        disabled={theme === 'superblue'}\n        onPress={() => {\n          addTheme({\n            name: 'superblue',\n            insertCSS: true,\n            theme: {\n              background: '#000',\n              color: 'blue',\n            },\n          })\n          setTheme('superblue')\n        }}\n      >\n        Add superblue theme\n      </Button>\n    </YStack>\n  )\n}\n"],
-  "mappings": "AASM,OAGE,OAAAA,EAHF,QAAAC,MAAA,oBATN,OAAS,YAAAC,MAAgB,iBACzB,OAAS,YAAAC,MAAgB,QACzB,OAAS,UAAAC,EAAQ,MAAAC,EAAI,UAAAC,EAAQ,SAAAC,EAAO,UAAAC,MAAc,UAE3C,SAASC,GAAe,CAC7B,KAAM,CAACC,EAAOC,CAAQ,EAAIR,EAAc,EAExC,OACEF,EAACO,EAAA,CAAO,WAAW,SAAS,MAAK,GAC/B,UAAAP,EAACI,EAAA,CAAG,oBAAQK,GAAS,QAAO,EAE5BV,EAACO,EAAA,CAAM,KAAMG,GAAS,MACpB,SAAAV,EAACM,EAAA,CAAO,aAAa,KAAK,KAAM,IAAK,gBAAgB,SAAS,EAChE,EAEAN,EAACI,EAAA,CACC,SAAUM,IAAU,YACpB,QAAS,IAAM,CACbR,EAAS,CACP,KAAM,YACN,UAAW,GACX,MAAO,CACL,WAAY,OACZ,MAAO,MACT,CACF,CAAC,EACDS,EAAS,WAAW,CACtB,EACD,+BAED,GACF,CAEJ",
-  "names": ["jsx", "jsxs", "addTheme", "useState", "Button", "H3", "Square", "Theme", "YStack", "AddThemeDemo", "theme", "setTheme"]
+  "mappings": "AASM,SAGE,KAHF;AATN,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,QAAQ,OAAO,cAAc;AAE3C,SAAS,eAAe;AAC7B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAc;AAExC,SACE,qBAAC,UAAO,YAAW,UAAS,OAAK,MAC/B;AAAA,yBAAC,MAAG;AAAA;AAAA,MAAQ,SAAS;AAAA,OAAO;AAAA,IAE5B,oBAAC,SAAM,MAAM,SAAS,OACpB,8BAAC,UAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,UAAU;AAAA,QACpB,SAAS,MAAM;AACb,mBAAS;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,OAAO;AAAA,cACL,YAAY;AAAA,cACZ,OAAO;AAAA,YACT;AAAA,UACF,CAAC;AACD,mBAAS,WAAW;AAAA,QACtB;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;",
+  "names": []
 }

package/dist/esm/AddThemeDemo.mjs

@@ -1,2 +1,36 @@
-import{jsx as r,jsxs as o}from"react/jsx-runtime";import{addTheme as m}from"@tamagui/theme";import{useState as u}from"react";import{Button as n,H3 as s,Square as a,Theme as d,YStack as l}from"tamagui";function p(){const[e,t]=u();return o(l,{alignItems:"center",space:!0,children:[o(s,{children:["Theme: ",e??"none"]}),r(d,{name:e??"red",children:r(a,{borderRadius:"$8",size:100,backgroundColor:"$color"})}),r(n,{disabled:e==="superblue",onPress:()=>{m({name:"superblue",insertCSS:!0,theme:{background:"#000",color:"blue"}}),t("superblue")},children:"Add superblue theme"})]})}export{p as AddThemeDemo};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { addTheme } from "@tamagui/theme";
+import { useState } from "react";
+import { Button, H3, Square, Theme, YStack } from "tamagui";
+function AddThemeDemo() {
+  const [theme, setTheme] = useState();
+  return /* @__PURE__ */ jsxs(YStack, { alignItems: "center", space: true, children: [
+    /* @__PURE__ */ jsxs(H3, { children: [
+      "Theme: ",
+      theme ?? "none"
+    ] }),
+    /* @__PURE__ */ jsx(Theme, { name: theme ?? "red", children: /* @__PURE__ */ jsx(Square, { borderRadius: "$8", size: 100, backgroundColor: "$color" }) }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        disabled: theme === "superblue",
+        onPress: () => {
+          addTheme({
+            name: "superblue",
+            insertCSS: true,
+            theme: {
+              background: "#000",
+              color: "blue"
+            }
+          });
+          setTheme("superblue");
+        },
+        children: "Add superblue theme"
+      }
+    )
+  ] });
+}
+export {
+  AddThemeDemo
+};
 //# sourceMappingURL=AddThemeDemo.mjs.map

package/dist/esm/AddThemeDemo.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/AddThemeDemo.tsx"],
   "sourcesContent": ["import { addTheme } from '@tamagui/theme'\nimport { useState } from 'react'\nimport { Button, H3, Square, Theme, YStack } from 'tamagui'\n\nexport function AddThemeDemo() {\n  const [theme, setTheme] = useState<any>()\n\n  return (\n    <YStack alignItems=\"center\" space>\n      <H3>Theme: {theme ?? 'none'}</H3>\n\n      <Theme name={theme ?? 'red'}>\n        <Square borderRadius=\"$8\" size={100} backgroundColor=\"$color\" />\n      </Theme>\n\n      <Button\n        disabled={theme === 'superblue'}\n        onPress={() => {\n          addTheme({\n            name: 'superblue',\n            insertCSS: true,\n            theme: {\n              background: '#000',\n              color: 'blue',\n            },\n          })\n          setTheme('superblue')\n        }}\n      >\n        Add superblue theme\n      </Button>\n    </YStack>\n  )\n}\n"],
-  "mappings": "AASM,OAGE,OAAAA,EAHF,QAAAC,MAAA,oBATN,OAAS,YAAAC,MAAgB,iBACzB,OAAS,YAAAC,MAAgB,QACzB,OAAS,UAAAC,EAAQ,MAAAC,EAAI,UAAAC,EAAQ,SAAAC,EAAO,UAAAC,MAAc,UAE3C,SAASC,GAAe,CAC7B,KAAM,CAACC,EAAOC,CAAQ,EAAIR,EAAc,EAExC,OACEF,EAACO,EAAA,CAAO,WAAW,SAAS,MAAK,GAC/B,UAAAP,EAACI,EAAA,CAAG,oBAAQK,GAAS,QAAO,EAE5BV,EAACO,EAAA,CAAM,KAAMG,GAAS,MACpB,SAAAV,EAACM,EAAA,CAAO,aAAa,KAAK,KAAM,IAAK,gBAAgB,SAAS,EAChE,EAEAN,EAACI,EAAA,CACC,SAAUM,IAAU,YACpB,QAAS,IAAM,CACbR,EAAS,CACP,KAAM,YACN,UAAW,GACX,MAAO,CACL,WAAY,OACZ,MAAO,MACT,CACF,CAAC,EACDS,EAAS,WAAW,CACtB,EACD,+BAED,GACF,CAEJ",
-  "names": ["jsx", "jsxs", "addTheme", "useState", "Button", "H3", "Square", "Theme", "YStack", "AddThemeDemo", "theme", "setTheme"]
+  "mappings": "AASM,SAGE,KAHF;AATN,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,QAAQ,OAAO,cAAc;AAE3C,SAAS,eAAe;AAC7B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAc;AAExC,SACE,qBAAC,UAAO,YAAW,UAAS,OAAK,MAC/B;AAAA,yBAAC,MAAG;AAAA;AAAA,MAAQ,SAAS;AAAA,OAAO;AAAA,IAE5B,oBAAC,SAAM,MAAM,SAAS,OACpB,8BAAC,UAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,UAAU;AAAA,QACpB,SAAS,MAAM;AACb,mBAAS;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,OAAO;AAAA,cACL,YAAY;AAAA,cACZ,OAAO;AAAA,YACT;AAAA,UACF,CAAC;AACD,mBAAS,WAAW;AAAA,QACtB;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;",
+  "names": []
 }

package/dist/esm/AlertDialogDemo.js

@@ -1,2 +1,53 @@
-import{jsx as t,jsxs as o}from"react/jsx-runtime";import{AlertDialog as e,Button as i,XStack as a,YStack as l}from"tamagui";function n(){return o(e,{native:!0,children:[t(e.Trigger,{asChild:!0,children:t(i,{children:"Show Alert"})}),o(e.Portal,{children:[t(e.Overlay,{animation:"quick",opacity:.5,enterStyle:{opacity:0},exitStyle:{opacity:0}},"overlay"),t(e.Content,{bordered:!0,elevate:!0,animation:["quick",{opacity:{overshootClamping:!0}}],enterStyle:{x:0,y:-20,opacity:0,scale:.9},exitStyle:{x:0,y:10,opacity:0,scale:.95},x:0,scale:1,opacity:1,y:0,children:o(l,{space:!0,children:[t(e.Title,{children:"Accept"}),t(e.Description,{children:"By pressing yes, you accept our terms and conditions."}),o(a,{space:"$3",justifyContent:"flex-end",children:[t(e.Cancel,{asChild:!0,children:t(i,{children:"Cancel"})}),t(e.Action,{asChild:!0,children:t(i,{theme:"active",children:"Accept"})})]})]})},"content")]})]})}export{n as AlertDialogDemo};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertDialog, Button, XStack, YStack } from "tamagui";
+function AlertDialogDemo() {
+  return /* @__PURE__ */ jsxs(AlertDialog, { native: true, children: [
+    /* @__PURE__ */ jsx(AlertDialog.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { children: "Show Alert" }) }),
+    /* @__PURE__ */ jsxs(AlertDialog.Portal, { children: [
+      /* @__PURE__ */ jsx(
+        AlertDialog.Overlay,
+        {
+          animation: "quick",
+          opacity: 0.5,
+          enterStyle: { opacity: 0 },
+          exitStyle: { opacity: 0 }
+        },
+        "overlay"
+      ),
+      /* @__PURE__ */ jsx(
+        AlertDialog.Content,
+        {
+          bordered: true,
+          elevate: true,
+          animation: [
+            "quick",
+            {
+              opacity: {
+                overshootClamping: true
+              }
+            }
+          ],
+          enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
+          exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
+          x: 0,
+          scale: 1,
+          opacity: 1,
+          y: 0,
+          children: /* @__PURE__ */ jsxs(YStack, { space: true, children: [
+            /* @__PURE__ */ jsx(AlertDialog.Title, { children: "Accept" }),
+            /* @__PURE__ */ jsx(AlertDialog.Description, { children: "By pressing yes, you accept our terms and conditions." }),
+            /* @__PURE__ */ jsxs(XStack, { space: "$3", justifyContent: "flex-end", children: [
+              /* @__PURE__ */ jsx(AlertDialog.Cancel, { asChild: true, children: /* @__PURE__ */ jsx(Button, { children: "Cancel" }) }),
+              /* @__PURE__ */ jsx(AlertDialog.Action, { asChild: true, children: /* @__PURE__ */ jsx(Button, { theme: "active", children: "Accept" }) })
+            ] })
+          ] })
+        },
+        "content"
+      )
+    ] })
+  ] });
+}
+export {
+  AlertDialogDemo
+};
 //# sourceMappingURL=AlertDialogDemo.js.map

package/dist/esm/AlertDialogDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/AlertDialogDemo.tsx"],
   "sourcesContent": ["import { AlertDialog, Button, XStack, YStack } from 'tamagui'\n\nexport function AlertDialogDemo() {\n  return (\n    <AlertDialog native>\n      <AlertDialog.Trigger asChild>\n        <Button>Show Alert</Button>\n      </AlertDialog.Trigger>\n\n      <AlertDialog.Portal>\n        <AlertDialog.Overlay\n          key=\"overlay\"\n          animation=\"quick\"\n          opacity={0.5}\n          enterStyle={{opacity:0 }}\n          exitStyle={{opacity:0 }}\n        />\n        <AlertDialog.Content\n          bordered\n          elevate\n          key=\"content\"\n          animation={[\n            'quick',\n            {\n              opacity: {\n                overshootClamping: true,\n              },\n            },\n          ]}\n          enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}\n          exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}\n          x={0}\n          scale={1}\n          opacity={1}\n          y={0}\n        >\n          <YStack space>\n            <AlertDialog.Title>Accept</AlertDialog.Title>\n            <AlertDialog.Description>\n              By pressing yes, you accept our terms and conditions.\n            </AlertDialog.Description>\n\n            <XStack space=\"$3\" justifyContent=\"flex-end\">\n              <AlertDialog.Cancel asChild>\n                <Button>Cancel</Button>\n              </AlertDialog.Cancel>\n              <AlertDialog.Action asChild>\n                <Button theme=\"active\">Accept</Button>\n              </AlertDialog.Action>\n            </XStack>\n          </YStack>\n        </AlertDialog.Content>\n      </AlertDialog.Portal>\n    </AlertDialog>\n  )\n}\n"],
-  "mappings": "AAMQ,cAAAA,EAoCI,QAAAC,MApCJ,oBANR,OAAS,eAAAC,EAAa,UAAAC,EAAQ,UAAAC,EAAQ,UAAAC,MAAc,UAE7C,SAASC,GAAkB,CAChC,OACEL,EAACC,EAAA,CAAY,OAAM,GACjB,UAAAF,EAACE,EAAY,QAAZ,CAAoB,QAAO,GAC1B,SAAAF,EAACG,EAAA,CAAO,sBAAU,EACpB,EAEAF,EAACC,EAAY,OAAZ,CACC,UAAAF,EAACE,EAAY,QAAZ,CAEC,UAAU,QACV,QAAS,GACT,WAAY,CAAC,QAAQ,CAAE,EACvB,UAAW,CAAC,QAAQ,CAAE,GAJlB,SAKN,EACAF,EAACE,EAAY,QAAZ,CACC,SAAQ,GACR,QAAO,GAEP,UAAW,CACT,QACA,CACE,QAAS,CACP,kBAAmB,EACrB,CACF,CACF,EACA,WAAY,CAAE,EAAG,EAAG,EAAG,IAAK,QAAS,EAAG,MAAO,EAAI,EACnD,UAAW,CAAE,EAAG,EAAG,EAAG,GAAI,QAAS,EAAG,MAAO,GAAK,EAClD,EAAG,EACH,MAAO,EACP,QAAS,EACT,EAAG,EAEH,SAAAD,EAACI,EAAA,CAAO,MAAK,GACX,UAAAL,EAACE,EAAY,MAAZ,CAAkB,kBAAM,EACzBF,EAACE,EAAY,YAAZ,CAAwB,iEAEzB,EAEAD,EAACG,EAAA,CAAO,MAAM,KAAK,eAAe,WAChC,UAAAJ,EAACE,EAAY,OAAZ,CAAmB,QAAO,GACzB,SAAAF,EAACG,EAAA,CAAO,kBAAM,EAChB,EACAH,EAACE,EAAY,OAAZ,CAAmB,QAAO,GACzB,SAAAF,EAACG,EAAA,CAAO,MAAM,SAAS,kBAAM,EAC/B,GACF,GACF,GA9BI,SA+BN,GACF,GACF,CAEJ",
-  "names": ["jsx", "jsxs", "AlertDialog", "Button", "XStack", "YStack", "AlertDialogDemo"]
+  "mappings": "AAMQ,cAoCI,YApCJ;AANR,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAE7C,SAAS,kBAAkB;AAChC,SACE,qBAAC,eAAY,QAAM,MACjB;AAAA,wBAAC,YAAY,SAAZ,EAAoB,SAAO,MAC1B,8BAAC,UAAO,wBAAU,GACpB;AAAA,IAEA,qBAAC,YAAY,QAAZ,EACC;AAAA;AAAA,QAAC,YAAY;AAAA,QAAZ;AAAA,UAEC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY,EAAC,SAAQ,EAAE;AAAA,UACvB,WAAW,EAAC,SAAQ,EAAE;AAAA;AAAA,QAJlB;AAAA,MAKN;AAAA,MACA;AAAA,QAAC,YAAY;AAAA,QAAZ;AAAA,UACC,UAAQ;AAAA,UACR,SAAO;AAAA,UAEP,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,UACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,GAAG;AAAA,UACH,OAAO;AAAA,UACP,SAAS;AAAA,UACT,GAAG;AAAA,UAEH,+BAAC,UAAO,OAAK,MACX;AAAA,gCAAC,YAAY,OAAZ,EAAkB,oBAAM;AAAA,YACzB,oBAAC,YAAY,aAAZ,EAAwB,mEAEzB;AAAA,YAEA,qBAAC,UAAO,OAAM,MAAK,gBAAe,YAChC;AAAA,kCAAC,YAAY,QAAZ,EAAmB,SAAO,MACzB,8BAAC,UAAO,oBAAM,GAChB;AAAA,cACA,oBAAC,YAAY,QAAZ,EAAmB,SAAO,MACzB,8BAAC,UAAO,OAAM,UAAS,oBAAM,GAC/B;AAAA,eACF;AAAA,aACF;AAAA;AAAA,QA9BI;AAAA,MA+BN;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "names": []
 }

package/dist/esm/AlertDialogDemo.mjs

@@ -1,2 +1,53 @@
-import{jsx as t,jsxs as o}from"react/jsx-runtime";import{AlertDialog as e,Button as i,XStack as a,YStack as l}from"tamagui";function n(){return o(e,{native:!0,children:[t(e.Trigger,{asChild:!0,children:t(i,{children:"Show Alert"})}),o(e.Portal,{children:[t(e.Overlay,{animation:"quick",opacity:.5,enterStyle:{opacity:0},exitStyle:{opacity:0}},"overlay"),t(e.Content,{bordered:!0,elevate:!0,animation:["quick",{opacity:{overshootClamping:!0}}],enterStyle:{x:0,y:-20,opacity:0,scale:.9},exitStyle:{x:0,y:10,opacity:0,scale:.95},x:0,scale:1,opacity:1,y:0,children:o(l,{space:!0,children:[t(e.Title,{children:"Accept"}),t(e.Description,{children:"By pressing yes, you accept our terms and conditions."}),o(a,{space:"$3",justifyContent:"flex-end",children:[t(e.Cancel,{asChild:!0,children:t(i,{children:"Cancel"})}),t(e.Action,{asChild:!0,children:t(i,{theme:"active",children:"Accept"})})]})]})},"content")]})]})}export{n as AlertDialogDemo};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertDialog, Button, XStack, YStack } from "tamagui";
+function AlertDialogDemo() {
+  return /* @__PURE__ */ jsxs(AlertDialog, { native: true, children: [
+    /* @__PURE__ */ jsx(AlertDialog.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { children: "Show Alert" }) }),
+    /* @__PURE__ */ jsxs(AlertDialog.Portal, { children: [
+      /* @__PURE__ */ jsx(
+        AlertDialog.Overlay,
+        {
+          animation: "quick",
+          opacity: 0.5,
+          enterStyle: { opacity: 0 },
+          exitStyle: { opacity: 0 }
+        },
+        "overlay"
+      ),
+      /* @__PURE__ */ jsx(
+        AlertDialog.Content,
+        {
+          bordered: true,
+          elevate: true,
+          animation: [
+            "quick",
+            {
+              opacity: {
+                overshootClamping: true
+              }
+            }
+          ],
+          enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
+          exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
+          x: 0,
+          scale: 1,
+          opacity: 1,
+          y: 0,
+          children: /* @__PURE__ */ jsxs(YStack, { space: true, children: [
+            /* @__PURE__ */ jsx(AlertDialog.Title, { children: "Accept" }),
+            /* @__PURE__ */ jsx(AlertDialog.Description, { children: "By pressing yes, you accept our terms and conditions." }),
+            /* @__PURE__ */ jsxs(XStack, { space: "$3", justifyContent: "flex-end", children: [
+              /* @__PURE__ */ jsx(AlertDialog.Cancel, { asChild: true, children: /* @__PURE__ */ jsx(Button, { children: "Cancel" }) }),
+              /* @__PURE__ */ jsx(AlertDialog.Action, { asChild: true, children: /* @__PURE__ */ jsx(Button, { theme: "active", children: "Accept" }) })
+            ] })
+          ] })
+        },
+        "content"
+      )
+    ] })
+  ] });
+}
+export {
+  AlertDialogDemo
+};
 //# sourceMappingURL=AlertDialogDemo.mjs.map

package/dist/esm/AlertDialogDemo.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/AlertDialogDemo.tsx"],
   "sourcesContent": ["import { AlertDialog, Button, XStack, YStack } from 'tamagui'\n\nexport function AlertDialogDemo() {\n  return (\n    <AlertDialog native>\n      <AlertDialog.Trigger asChild>\n        <Button>Show Alert</Button>\n      </AlertDialog.Trigger>\n\n      <AlertDialog.Portal>\n        <AlertDialog.Overlay\n          key=\"overlay\"\n          animation=\"quick\"\n          opacity={0.5}\n          enterStyle={{opacity:0 }}\n          exitStyle={{opacity:0 }}\n        />\n        <AlertDialog.Content\n          bordered\n          elevate\n          key=\"content\"\n          animation={[\n            'quick',\n            {\n              opacity: {\n                overshootClamping: true,\n              },\n            },\n          ]}\n          enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}\n          exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}\n          x={0}\n          scale={1}\n          opacity={1}\n          y={0}\n        >\n          <YStack space>\n            <AlertDialog.Title>Accept</AlertDialog.Title>\n            <AlertDialog.Description>\n              By pressing yes, you accept our terms and conditions.\n            </AlertDialog.Description>\n\n            <XStack space=\"$3\" justifyContent=\"flex-end\">\n              <AlertDialog.Cancel asChild>\n                <Button>Cancel</Button>\n              </AlertDialog.Cancel>\n              <AlertDialog.Action asChild>\n                <Button theme=\"active\">Accept</Button>\n              </AlertDialog.Action>\n            </XStack>\n          </YStack>\n        </AlertDialog.Content>\n      </AlertDialog.Portal>\n    </AlertDialog>\n  )\n}\n"],
-  "mappings": "AAMQ,cAAAA,EAoCI,QAAAC,MApCJ,oBANR,OAAS,eAAAC,EAAa,UAAAC,EAAQ,UAAAC,EAAQ,UAAAC,MAAc,UAE7C,SAASC,GAAkB,CAChC,OACEL,EAACC,EAAA,CAAY,OAAM,GACjB,UAAAF,EAACE,EAAY,QAAZ,CAAoB,QAAO,GAC1B,SAAAF,EAACG,EAAA,CAAO,sBAAU,EACpB,EAEAF,EAACC,EAAY,OAAZ,CACC,UAAAF,EAACE,EAAY,QAAZ,CAEC,UAAU,QACV,QAAS,GACT,WAAY,CAAC,QAAQ,CAAE,EACvB,UAAW,CAAC,QAAQ,CAAE,GAJlB,SAKN,EACAF,EAACE,EAAY,QAAZ,CACC,SAAQ,GACR,QAAO,GAEP,UAAW,CACT,QACA,CACE,QAAS,CACP,kBAAmB,EACrB,CACF,CACF,EACA,WAAY,CAAE,EAAG,EAAG,EAAG,IAAK,QAAS,EAAG,MAAO,EAAI,EACnD,UAAW,CAAE,EAAG,EAAG,EAAG,GAAI,QAAS,EAAG,MAAO,GAAK,EAClD,EAAG,EACH,MAAO,EACP,QAAS,EACT,EAAG,EAEH,SAAAD,EAACI,EAAA,CAAO,MAAK,GACX,UAAAL,EAACE,EAAY,MAAZ,CAAkB,kBAAM,EACzBF,EAACE,EAAY,YAAZ,CAAwB,iEAEzB,EAEAD,EAACG,EAAA,CAAO,MAAM,KAAK,eAAe,WAChC,UAAAJ,EAACE,EAAY,OAAZ,CAAmB,QAAO,GACzB,SAAAF,EAACG,EAAA,CAAO,kBAAM,EAChB,EACAH,EAACE,EAAY,OAAZ,CAAmB,QAAO,GACzB,SAAAF,EAACG,EAAA,CAAO,MAAM,SAAS,kBAAM,EAC/B,GACF,GACF,GA9BI,SA+BN,GACF,GACF,CAEJ",
-  "names": ["jsx", "jsxs", "AlertDialog", "Button", "XStack", "YStack", "AlertDialogDemo"]
+  "mappings": "AAMQ,cAoCI,YApCJ;AANR,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAE7C,SAAS,kBAAkB;AAChC,SACE,qBAAC,eAAY,QAAM,MACjB;AAAA,wBAAC,YAAY,SAAZ,EAAoB,SAAO,MAC1B,8BAAC,UAAO,wBAAU,GACpB;AAAA,IAEA,qBAAC,YAAY,QAAZ,EACC;AAAA;AAAA,QAAC,YAAY;AAAA,QAAZ;AAAA,UAEC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY,EAAC,SAAQ,EAAE;AAAA,UACvB,WAAW,EAAC,SAAQ,EAAE;AAAA;AAAA,QAJlB;AAAA,MAKN;AAAA,MACA;AAAA,QAAC,YAAY;AAAA,QAAZ;AAAA,UACC,UAAQ;AAAA,UACR,SAAO;AAAA,UAEP,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,UACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,GAAG;AAAA,UACH,OAAO;AAAA,UACP,SAAS;AAAA,UACT,GAAG;AAAA,UAEH,+BAAC,UAAO,OAAK,MACX;AAAA,gCAAC,YAAY,OAAZ,EAAkB,oBAAM;AAAA,YACzB,oBAAC,YAAY,aAAZ,EAAwB,mEAEzB;AAAA,YAEA,qBAAC,UAAO,OAAM,MAAK,gBAAe,YAChC;AAAA,kCAAC,YAAY,QAAZ,EAAmB,SAAO,MACzB,8BAAC,UAAO,oBAAM,GAChB;AAAA,cACA,oBAAC,YAAY,QAAZ,EAAmB,SAAO,MACzB,8BAAC,UAAO,OAAM,UAAS,oBAAM,GAC/B;AAAA,eACF;AAAA,aACF;AAAA;AAAA,QA9BI;AAAA,MA+BN;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "names": []
 }

package/dist/esm/AnimationsDemo.js

@@ -1,2 +1,89 @@
-import{Fragment as p,jsx as e,jsxs as b}from"react/jsx-runtime";import{LogoIcon as a}from"@tamagui/logo";import{Play as c}from"@tamagui/lucide-icons";import{Button as d,Square as u,useControllableState as m,useEvent as y}from"tamagui";function f(o){const[s,n]=m({strategy:"most-recent-wins",prop:o.position,defaultProp:0}),i=r[s],t=y(()=>{n(l=>(l+1)%r.length)});return b(p,{children:[e(u,{animation:o.animation||"bouncy",onPress:t,size:104,borderColor:"$borderColor",borderWidth:1,borderRadius:"$9",backgroundColor:"$color9",hoverStyle:{scale:1.1},pressStyle:{scale:.9},...i,children:o.children||e(a,{downscale:.75})}),e(d,{position:"absolute",bottom:20,left:20,icon:c,theme:o.tint,size:"$5",circular:!0,onPress:t})]})}const r=[{x:0,y:0,scale:1,rotate:"0deg"},{x:-50,y:-50,scale:.5,rotate:"-45deg",hoverStyle:{scale:.6},pressStyle:{scale:.4}},{x:50,y:50,scale:1,rotate:"180deg",hoverStyle:{scale:1.1},pressStyle:{scale:.9}}];export{f as AnimationsDemo,r as positions};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { LogoIcon } from "@tamagui/logo";
+import { Play } from "@tamagui/lucide-icons";
+import { Button, Square, useControllableState, useEvent } from "tamagui";
+function AnimationsDemo(props) {
+  const [positionI, setPositionI] = useControllableState({
+    strategy: "most-recent-wins",
+    prop: props.position,
+    defaultProp: 0
+  });
+  const position = positions[positionI];
+  const onPress = useEvent(() => {
+    setPositionI((x) => {
+      return (x + 1) % positions.length;
+    });
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Square,
+      {
+        animation: props.animation || "bouncy",
+        onPress,
+        size: 104,
+        borderColor: "$borderColor",
+        borderWidth: 1,
+        borderRadius: "$9",
+        backgroundColor: "$color9",
+        hoverStyle: {
+          scale: 1.1
+        },
+        pressStyle: {
+          scale: 0.9
+        },
+        ...position,
+        children: props.children || /* @__PURE__ */ jsx(LogoIcon, { downscale: 0.75 })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        position: "absolute",
+        bottom: 20,
+        left: 20,
+        icon: Play,
+        theme: props.tint,
+        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
+    }
+  }
+];
+export {
+  AnimationsDemo,
+  positions
+};
 //# sourceMappingURL=AnimationsDemo.js.map

package/dist/esm/AnimationsDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/AnimationsDemo.tsx"],
   "sourcesContent": ["import { LogoIcon } from '@tamagui/logo'\nimport { Play } from '@tamagui/lucide-icons'\nimport { Button, Square, useControllableState, useEvent } from 'tamagui'\n\nexport function AnimationsDemo(props) {\n  const [positionI, setPositionI] = useControllableState({\n    strategy: 'most-recent-wins',\n    prop: props.position,\n    defaultProp: 0,\n  })\n  const position = positions[positionI]\n  const onPress = useEvent(() => {\n    setPositionI((x) => {\n      return (x + 1) % positions.length\n    })\n  })\n\n  return (\n    <>\n      <Square\n        animation={props.animation || 'bouncy'}\n        onPress={onPress}\n        size={104}\n        borderColor=\"$borderColor\"\n        borderWidth={1}\n        borderRadius=\"$9\"\n        backgroundColor=\"$color9\"\n        hoverStyle={{\n          scale: 1.1,\n        }}\n        pressStyle={{\n          scale: 0.9,\n        }}\n        {...position}\n      >\n        {props.children || <LogoIcon downscale={0.75} />}\n      </Square>\n\n      <Button\n        position=\"absolute\"\n        bottom={20}\n        left={20}\n        icon={Play}\n        theme={props.tint}\n        size=\"$5\"\n        circular\n        onPress={onPress}\n      />\n    </>\n  )\n}\n\nexport const positions = [\n  {\n    x: 0,\n    y: 0,\n    scale: 1,\n    rotate: '0deg',\n  },\n  {\n    x: -50,\n    y: -50,\n    scale: 0.5,\n    rotate: '-45deg',\n    hoverStyle: {\n      scale: 0.6,\n    },\n    pressStyle: {\n      scale: 0.4,\n    },\n  },\n  {\n    x: 50,\n    y: 50,\n    scale: 1,\n    rotate: '180deg',\n    hoverStyle: {\n      scale: 1.1,\n    },\n    pressStyle: {\n      scale: 0.9,\n    },\n  },\n]\n"],
-  "mappings": "AAkBI,mBAAAA,EAiBuB,OAAAC,EAjBvB,QAAAC,MAAA,oBAlBJ,OAAS,YAAAC,MAAgB,gBACzB,OAAS,QAAAC,MAAY,wBACrB,OAAS,UAAAC,EAAQ,UAAAC,EAAQ,wBAAAC,EAAsB,YAAAC,MAAgB,UAExD,SAASC,EAAeC,EAAO,CACpC,KAAM,CAACC,EAAWC,CAAY,EAAIL,EAAqB,CACrD,SAAU,mBACV,KAAMG,EAAM,SACZ,YAAa,CACf,CAAC,EACKG,EAAWC,EAAUH,CAAS,EAC9BI,EAAUP,EAAS,IAAM,CAC7BI,EAAcI,IACJA,EAAI,GAAKF,EAAU,MAC5B,CACH,CAAC,EAED,OACEZ,EAAAF,EAAA,CACE,UAAAC,EAACK,EAAA,CACC,UAAWI,EAAM,WAAa,SAC9B,QAASK,EACT,KAAM,IACN,YAAY,eACZ,YAAa,EACb,aAAa,KACb,gBAAgB,UAChB,WAAY,CACV,MAAO,GACT,EACA,WAAY,CACV,MAAO,EACT,EACC,GAAGF,EAEH,SAAAH,EAAM,UAAYT,EAACE,EAAA,CAAS,UAAW,IAAM,EAChD,EAEAF,EAACI,EAAA,CACC,SAAS,WACT,OAAQ,GACR,KAAM,GACN,KAAMD,EACN,MAAOM,EAAM,KACb,KAAK,KACL,SAAQ,GACR,QAASK,EACX,GACF,CAEJ,CAEO,MAAMD,EAAY,CACvB,CACE,EAAG,EACH,EAAG,EACH,MAAO,EACP,OAAQ,MACV,EACA,CACE,EAAG,IACH,EAAG,IACH,MAAO,GACP,OAAQ,SACR,WAAY,CACV,MAAO,EACT,EACA,WAAY,CACV,MAAO,EACT,CACF,EACA,CACE,EAAG,GACH,EAAG,GACH,MAAO,EACP,OAAQ,SACR,WAAY,CACV,MAAO,GACT,EACA,WAAY,CACV,MAAO,EACT,CACF,CACF",
-  "names": ["Fragment", "jsx", "jsxs", "LogoIcon", "Play", "Button", "Square", "useControllableState", "useEvent", "AnimationsDemo", "props", "positionI", "setPositionI", "position", "positions", "onPress", "x"]
+  "mappings": "AAkBI,mBAiBuB,KAjBvB;AAlBJ,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,QAAQ,QAAQ,sBAAsB,gBAAgB;AAExD,SAAS,eAAe,OAAO;AACpC,QAAM,CAAC,WAAW,YAAY,IAAI,qBAAqB;AAAA,IACrD,UAAU;AAAA,IACV,MAAM,MAAM;AAAA,IACZ,aAAa;AAAA,EACf,CAAC;AACD,QAAM,WAAW,UAAU,SAAS;AACpC,QAAM,UAAU,SAAS,MAAM;AAC7B,iBAAa,CAAC,MAAM;AAClB,cAAQ,IAAI,KAAK,UAAU;AAAA,IAC7B,CAAC;AAAA,EACH,CAAC;AAED,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,MAAM,aAAa;AAAA,QAC9B;AAAA,QACA,MAAM;AAAA,QACN,aAAY;AAAA,QACZ,aAAa;AAAA,QACb,cAAa;AAAA,QACb,iBAAgB;AAAA,QAChB,YAAY;AAAA,UACV,OAAO;AAAA,QACT;AAAA,QACA,YAAY;AAAA,UACV,OAAO;AAAA,QACT;AAAA,QACC,GAAG;AAAA,QAEH,gBAAM,YAAY,oBAAC,YAAS,WAAW,MAAM;AAAA;AAAA,IAChD;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO,MAAM;AAAA,QACb,MAAK;AAAA,QACL,UAAQ;AAAA,QACR;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEO,MAAM,YAAY;AAAA,EACvB;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AACF;",
+  "names": []
 }