@tamagui/demos 1.13.3 → 1.13.4

package/dist/cjs/tamagui.config.js

@@ -1,28 +1,2 @@
-"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 = {});
+"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={});
 //# 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": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAuB;AACvB,IAAO,yBAAQ;",
-  "names": []
+  "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"]
 }

package/dist/cjs/useOnIntersecting.js

@@ -1,93 +1,2 @@
-"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
-});
+"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});
 //# 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": ";;;;;;;;;;;;;;;;;;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": []
+  "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"]
 }

package/dist/esm/AddThemeDemo.js

@@ -1,36 +1,2 @@
-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
-};
+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};
 //# 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,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": []
+  "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"]
 }

package/dist/esm/AddThemeDemo.mjs

@@ -1,36 +1,2 @@
-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
-};
+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};
 //# 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,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": []
+  "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"]
 }

package/dist/esm/AlertDialogDemo.js

@@ -1,53 +1,2 @@
-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
-};
+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};
 //# 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,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": []
+  "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"]
 }

package/dist/esm/AlertDialogDemo.mjs

@@ -1,53 +1,2 @@
-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
-};
+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};
 //# 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,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": []
+  "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"]
 }

package/dist/esm/AnimationsDemo.js

@@ -1,89 +1,2 @@
-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
-};
+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};
 //# 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,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": []
+  "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"]
 }