@framework-m/ui 0.4.0 → 0.5.0

package/dist/index.js

@@ -1,12 +1,12 @@
-var Fi = Object.defineProperty;
-var Vi = (e, t, n) => t in e ? Fi(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var Mr = (e, t, n) => Vi(e, typeof t != "symbol" ? t + "" : t, n);
+var Vi = Object.defineProperty;
+var Pi = (e, t, n) => t in e ? Vi(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var Mr = (e, t, n) => Pi(e, typeof t != "symbol" ? t + "" : t, n);
 import { jsx as y, jsxs as se, Fragment as Fn } from "react/jsx-runtime";
 import * as Eo from "react";
-import Z, { createContext as nn, useState as _t, useEffect as tt, useContext as Vn, useCallback as ws, useLayoutEffect as Pi, useRef as kt, useSyncExternalStore as Ns, useId as xs, Children as Tn, isValidElement as Jo, cloneElement as _n, forwardRef as Ts, memo as zi, useMemo as $o } from "react";
+import Z, { createContext as nn, useState as _t, useEffect as nt, useContext as Vn, useCallback as Ns, useLayoutEffect as Wi, useRef as kt, useSyncExternalStore as xs, useId as Ts, Children as Tn, isValidElement as Jo, cloneElement as _n, forwardRef as _s, memo as zi, useMemo as $o } from "react";
 import { createPortal as Li } from "react-dom";
-const _s = nn(null), wo = "framework-m-theme";
-function Wi() {
+const Cs = nn(null), wo = "framework-m-theme";
+function Bi() {
   const e = localStorage.getItem(wo);
   return e === "light" || e === "dark" ? e : window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
@@ -14,11 +14,11 @@ function Ir(e) {
   const t = document.documentElement;
   e === "dark" ? t.classList.add("dark") : t.classList.remove("dark");
 }
-function Au({ children: e }) {
-  const [t, n] = _t(Wi);
-  tt(() => {
+function Ru({ children: e }) {
+  const [t, n] = _t(Bi);
+  nt(() => {
     Ir(t);
-  }, [t]), tt(() => {
+  }, [t]), nt(() => {
     const i = window.matchMedia("(prefers-color-scheme: dark)"), a = (l) => {
       localStorage.getItem(wo) || n(l.matches ? "dark" : "light");
     };
@@ -29,15 +29,15 @@ function Au({ children: e }) {
   }, s = { theme: t, setTheme: o, toggleTheme: () => {
     o(t === "light" ? "dark" : "light");
   } };
-  return /* @__PURE__ */ y(_s.Provider, { value: s, children: e });
+  return /* @__PURE__ */ y(Cs.Provider, { value: s, children: e });
 }
-function Cs() {
-  const e = Vn(_s);
+function Os() {
+  const e = Vn(Cs);
   if (!e)
     throw new Error("useTheme must be used within ThemeProvider");
   return e;
 }
-function Bi() {
+function ji() {
   return /* @__PURE__ */ se(
     "svg",
     {
@@ -64,7 +64,7 @@ function Bi() {
     }
   );
 }
-function ji() {
+function Hi() {
   return /* @__PURE__ */ y(
     "svg",
     {
@@ -81,8 +81,8 @@ function ji() {
     }
   );
 }
-function Ru() {
-  const { theme: e, toggleTheme: t } = Cs();
+function ku() {
+  const { theme: e, toggleTheme: t } = Os();
   return /* @__PURE__ */ se(
     "button",
     {
@@ -92,7 +92,7 @@ function Ru() {
       title: `Current theme: ${e}`,
       type: "button",
       children: [
-        e === "light" ? /* @__PURE__ */ y(ji, {}) : /* @__PURE__ */ y(Bi, {}),
+        e === "light" ? /* @__PURE__ */ y(Hi, {}) : /* @__PURE__ */ y(ji, {}),
         /* @__PURE__ */ y("style", { children: `
         .theme-toggle {
           display: flex;
@@ -181,12 +181,12 @@ const ut = {
     name: "exit",
     priority: 5
   }
-}, Hi = Object.keys(Me).length, er = (e, t) => {
+}, Ui = Object.keys(Me).length, er = (e, t) => {
   const n = {};
   for (const o in e) o in t || (n[o] = e[o]);
-  for (const o in t) Os(n, e, t, o);
+  for (const o in t) As(n, e, t, o);
   return n;
-}, Ui = (e, t, n) => {
+}, Ki = (e, t, n) => {
   let o = null;
   if (!e && !t) return [n, o];
   if (e && !t) return [er(e, n), o];
@@ -197,10 +197,10 @@ const ut = {
     const i = t[s];
     i !== void 0 && (r[s] = i);
   }
-  for (const s in n) Os(r, e, n, s), t && s in t && (o || (o = {}), o[s] = n[s]);
+  for (const s in n) As(r, e, n, s), t && s in t && (o || (o = {}), o[s] = n[s]);
   return [r, o];
 };
-function Os(e, t, n, o) {
+function As(e, t, n, o) {
   let r = n[o];
   if (t && o in t && (o in Me || o[0] === "$") && r && typeof r == "object") {
     const s = t[o];
@@ -223,7 +223,7 @@ function No(e) {
   }
   return t;
 }
-const to = /* @__PURE__ */ new WeakMap(), Ki = (e, t = "") => {
+const to = /* @__PURE__ */ new WeakMap(), Gi = (e, t = "") => {
   "use no memo";
   const n = Z.createContext, o = Z.useMemo, r = Z.useContext, s = n(e), i = s.Provider, a = s, l = /* @__PURE__ */ new Map(), d = n(t);
   function u(b) {
@@ -251,7 +251,7 @@ const to = /* @__PURE__ */ new WeakMap(), Ki = (e, t = "") => {
     return r(h);
   };
   return a.Provider = m, a.props = e, a.context = s, a.useStyledContext = f, a;
-}, Sn = Ki({
+}, Sn = Gi({
   disableSSR: void 0,
   inText: !1,
   language: null,
@@ -259,8 +259,8 @@ const to = /* @__PURE__ */ new WeakMap(), Ki = (e, t = "") => {
   setParentFocusState: null,
   insets: null
 }), Dr = nn(null);
-function Gi(e, t) {
-  return ws((n) => {
+function Yi(e, t) {
+  return Ns((n) => {
     e((o) => {
       const r = typeof n == "function" ? n(o) : n, s = xo(o, r);
       return process.env.NODE_ENV === "development" && t && s !== o && (console.groupCollapsed("setStateShallow CHANGE", "=>", s), console.info("previously", o), console.trace(), console.groupEnd()), s;
@@ -268,52 +268,52 @@ function Gi(e, t) {
   }, [e, t]);
 }
 function xo(e, t) {
-  return !e || !t || As(e, t) ? e || t : {
+  return !e || !t || Rs(e, t) ? e || t : {
     ...e,
     ...t
   };
 }
-function As(e, t) {
+function Rs(e, t) {
   for (const n in t) if (e[n] !== t[n]) return !1;
   return !0;
 }
-const At = !0, Rs = typeof window < "u", Pn = !Rs, Ct = Rs, ke = Pn ? tt : Pi;
+const At = !0, ks = typeof window < "u", Pn = !ks, Ct = ks, ke = Pn ? nt : Wi;
 process.env.TEST_NATIVE_PLATFORM;
-const ks = "web", Ms = "t_", qt = process.env.NODE_ENV === "development" ? `Can't find Tamagui configuration.
+const Ms = "web", Is = "t_", qt = process.env.NODE_ENV === "development" ? `Can't find Tamagui configuration.
     
 Most of the time this is due to having mis-matched versions of Tamagui dependencies, or bundlers somehow duplicating them.
 First step is to ensure every "tamagui" and "@tamagui/*" dependency is on the same version, we have a CLI tool to help: 
 
   npx @tamagui/cli check
 ` : "Missing theme.";
-let Is, Ds = !1;
-const Yi = process.env.NODE_ENV === "development" ? `
+let Ds, Fs = !1;
+const Xi = process.env.NODE_ENV === "development" ? `
 Haven't called createTamagui yet. ${qt}
-` : "❌ Error 001", tr = () => Is || (globalThis.__tamaguiConfig ? (process.env.NODE_ENV === "development" && !globalThis.__tamaguiHasWarnedGlobalFallback && !globalThis.__tamaguiPendingCheck && (globalThis.__tamaguiPendingCheck = !0, setTimeout(() => {
-  !Ds && !globalThis.__tamaguiHasWarnedGlobalFallback && (globalThis.__tamaguiHasWarnedGlobalFallback = !0, console.warn("Tamagui: Using global config fallback. This may indicate duplicate tamagui instances (e.g., from Vite SSR bundling). This is handled automatically, but may cause issues.")), globalThis.__tamaguiPendingCheck = !1;
+` : "❌ Error 001", tr = () => Ds || (globalThis.__tamaguiConfig ? (process.env.NODE_ENV === "development" && !globalThis.__tamaguiHasWarnedGlobalFallback && !globalThis.__tamaguiPendingCheck && (globalThis.__tamaguiPendingCheck = !0, setTimeout(() => {
+  !Fs && !globalThis.__tamaguiHasWarnedGlobalFallback && (globalThis.__tamaguiHasWarnedGlobalFallback = !0, console.warn("Tamagui: Using global config fallback. This may indicate duplicate tamagui instances (e.g., from Vite SSR bundling). This is handled automatically, but may cause issues.")), globalThis.__tamaguiPendingCheck = !1;
 }, 500)), globalThis.__tamaguiConfig) : null), Ce = (e) => {
   const t = tr();
-  if (process.env.NODE_ENV === "development" && !t) throw new Error(Yi);
+  if (process.env.NODE_ENV === "development" && !t) throw new Error(Xi);
   return t.settings[e] ?? // @ts-expect-error
   t[e];
-}, Xi = (e) => {
-  Ds = !0, Is = e, globalThis.__tamaguiConfig = e;
+}, Zi = (e) => {
+  Fs = !0, Ds = e, globalThis.__tamaguiConfig = e;
 }, ze = () => {
   const e = tr();
   if (!e) throw new Error(process.env.NODE_ENV !== "production" ? "Missing tamagui config, you either have a duplicate config, or haven't set it up. Be sure createTamagui is called before rendering. Also, make sure all of your tamagui dependencies are on the same version (`tamagui`, `@tamagui/package-name`, etc.) not just in your package.json, but in your lockfile." : "Err0");
   return e;
-}, Fs = () => tr();
-function Zi(e) {
+}, Vs = () => tr();
+function qi(e) {
   return e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`).toLowerCase();
 }
 const no = /* @__PURE__ */ new WeakMap();
-function Vs(e) {
+function Ps(e) {
   if (typeof e == "string") return e;
   if (no.has(e)) return no.get(e);
-  const t = Object.entries(e).map(([n, o]) => (n = Zi(n), typeof o == "string" ? `(${n}: ${o})` : (typeof o == "number" && /[height|width]$/.test(n) && (o = `${o}px`), `(${n}: ${o})`))).join(" and ");
+  const t = Object.entries(e).map(([n, o]) => (n = qi(n), typeof o == "string" ? `(${n}: ${o})` : (typeof o == "number" && /[height|width]$/.test(n) && (o = `${o}px`), `(${n}: ${o})`))).join(" and ");
   return no.set(e, t), t;
 }
-let zn = (
+let Wn = (
   // development only safeguard
   process.env.NODE_ENV === "development" ? new Proxy({}, {
     get(e, t) {
@@ -323,19 +323,19 @@ let zn = (
     }
   }) : {}
 );
-const qi = (e) => {
-  zn = e;
-}, Jt = {}, nt = () => zn, nr = /* @__PURE__ */ new Set();
-function Ji(e) {
+const Ji = (e) => {
+  Wn = e;
+}, Jt = {}, ot = () => Wn, nr = /* @__PURE__ */ new Set();
+function Qi(e) {
   return e.replace(/-([a-z])/g, (t, n) => n.toUpperCase());
 }
-function Qi(e) {
-  return e ? Ji(e) in Qo : !1;
+function ea(e) {
+  return e ? Qi(e) in Qo : !1;
 }
-function Ps(e) {
-  const t = nt(), [n, o, r, s, i] = e.split("-"), a = r && s ? `${r}-${s}` : "", l = a && a in t && a || r && r in t && r || void 0;
+function Ws(e) {
+  const t = ot(), [n, o, r, s, i] = e.split("-"), a = r && s ? `${r}-${s}` : "", l = a && a in t && a || r && r in t && r || void 0;
   let d = l ? l === a ? i : s ? `${s}${i ? `-${i}` : ""}` : void 0 : r ? `${r}${s ? `-${s}` : ""}${i ? `-${i}` : ""}` : void 0;
-  return d && !Qi(d) && (process.env.NODE_ENV === "development" && console.warn(`Unknown group prop part "${d}" in "${e}". If this is a media query, ensure it's defined in your tamagui config.`), d = void 0), {
+  return d && !ea(d) && (process.env.NODE_ENV === "development" && console.warn(`Unknown group prop part "${d}" in "${e}". If this is a media query, ensure it's defined in your tamagui config.`), d = void 0), {
     name: o,
     pseudo: d,
     media: l
@@ -343,45 +343,45 @@ function Ps(e) {
 }
 const Fr = "_";
 let To = null, vn = null;
-function ea() {
+function ta() {
   To = null, vn = null;
 }
-const ta = {
+const na = {
   press: "active",
   focusVisible: "focus-visible",
   focusWithin: "focus-within"
 }, Vr = new Array(12).fill(0).map((e, t) => new Array(t).fill(":root").join(""));
-function na(e, t, n, o, r = !1, s = "") {
-  const i = t.lastIndexOf(":root") + 5, a = t.lastIndexOf("{"), l = t.slice(i, a), d = Ce("addThemeClassName") !== !1 && r ? "" : " ", u = o.pseudo ? ta[o.pseudo] || o.pseudo : void 0, c = u ? `:${u}` : "", m = `:root${s}${d}`, f = `.t_${n ? "group_" : ""}${e}${c}`;
+function oa(e, t, n, o, r = !1, s = "") {
+  const i = t.lastIndexOf(":root") + 5, a = t.lastIndexOf("{"), l = t.slice(i, a), d = Ce("addThemeClassName") !== !1 && r ? "" : " ", u = o.pseudo ? na[o.pseudo] || o.pseudo : void 0, c = u ? `:${u}` : "", m = `:root${s}${d}`, f = `.t_${n ? "group_" : ""}${e}${c}`;
   return [l, `${m}${f} ${l.replaceAll(":root", "")}`];
 }
-const oa = (e, t, n, o, r, s) => {
+const ra = (e, t, n, o, r, s) => {
   const [i, , a, l, d] = e, u = o === "theme", c = o === "platform", m = o === "group", f = u || c || m, b = "", p = a.slice(0, a.indexOf("-") + 1), g = `${p}${Fr}${t.replace("-", "")}${b}${Fr}`;
   let h = "", E = "", x, S, T = a.replace(p, g), P = d.map((R) => R.replaceAll(a, T)).join(";"), K = !1;
   if (f) {
     let R = (s || 0) + (m || c ? 1 : 0);
     if (u || m) {
-      const k = Ps(u ? "theme-" + t : t), {
+      const k = Ws(u ? "theme-" + t : t), {
         name: _,
         media: v,
         pseudo: $
       } = k;
       x = v, m && (S = _), ($ === "press" || l === "active") && (R += 2), $ === "hover" && (K = !0);
-      const [C, M] = na(_, P, m, k, u, Vr[R]);
+      const [C, M] = oa(_, P, m, k, u, Vr[R]);
       h = P.replace(C, M);
     } else h = `${Vr[R]}${P}`;
   }
   if (!f || x) {
     if (!vn) {
       const C = Object.keys(n);
-      vn = Object.fromEntries(C.map((M) => [M, Vs(n[M])])), To = Object.fromEntries(C.map((M, ie) => [M, new Array(ie + 1).fill(":root").join("")]));
+      vn = Object.fromEntries(C.map((M) => [M, Ps(n[M])])), To = Object.fromEntries(C.map((M, ie) => [M, new Array(ie + 1).fill(":root").join("")]));
     }
     const R = x || t, k = vn[R], _ = `${k}`, v = x ? E : To[R], $ = x ? `@container ${S}` : "@media";
     x && (P = h), P.includes($) ? h = P.replace("{", ` and ${_} {`).replace("and screen and", "and") : h = `${$} ${_}{${v}${P}}`, x && (h = `@supports (contain: ${Ce("webContainerType") || "inline-size"}) {${h}}`);
   }
   return K && (h = `@media (hover:hover){${h}}`), [i, void 0, T, void 0, [h]];
-}, ra = typeof window < "u" && window.matchMedia || sa;
-function sa(e) {
+}, sa = typeof window < "u" && window.matchMedia || ia;
+function ia(e) {
   return {
     match: (t, n) => !1,
     addListener() {
@@ -391,46 +391,46 @@ function sa(e) {
     matches: !1
   };
 }
-const zs = /\$(platform|theme|group)-/, ia = (e) => e[0] !== "$" ? !1 : !!(nr.has(e) || zs.test(e)), Pr = (e) => {
+const zs = /\$(platform|theme|group)-/, aa = (e) => e[0] !== "$" ? !1 : !!(nr.has(e) || zs.test(e)), Pr = (e) => {
   if (e[0] !== "$") return !1;
   if (nr.has(e)) return !0;
   const t = e.match(zs);
   return t ? t[1] : !1;
 };
-let Ls, Ws;
-const aa = (e) => {
+let Ls, Bs;
+const la = (e) => {
   if (process.env.NODE_ENV === "development" && e[0] === "$") throw new Error("use short key");
-  return Ws.indexOf(e) + 100;
+  return Bs.indexOf(e) + 100;
 }, _o = /* @__PURE__ */ new Set();
 let Co = 0;
-const la = (e) => {
+const ca = (e) => {
   const {
     media: t
   } = e, n = Ce("mediaQueryDefaultActive");
   if (t) {
-    Co++, ea();
-    for (const o in t) nt()[o] = (n == null ? void 0 : n[o]) || !1, nr.add(`$${o}`);
+    Co++, ta();
+    for (const o in t) ot()[o] = (n == null ? void 0 : n[o]) || !1, nr.add(`$${o}`);
     Object.assign(Jt, t), Ls = {
-      ...nt()
-    }, Ws = Object.keys(t), ua();
+      ...ot()
+    }, Bs = Object.keys(t), da();
   }
 };
-function ca() {
+function ua() {
   _o.forEach((e) => e()), _o.clear();
 }
-let zr = -1;
-function ua() {
-  if (!Pn && !process.env.IS_STATIC && zr !== Co) {
-    zr = Co, ca();
+let Wr = -1;
+function da() {
+  if (!Pn && !process.env.IS_STATIC && Wr !== Co) {
+    Wr = Co, ua();
     for (const e in Jt) {
       let t = function() {
         const s = !!o().matches;
-        s !== nt()[e] && (qi({
-          ...nt(),
+        s !== ot()[e] && (Ji({
+          ...ot(),
           [e]: s
-        }), Bs());
+        }), js());
       };
-      const n = Vs(Jt[e]), o = () => ra(n), r = o();
+      const n = Ps(Jt[e]), o = () => sa(n), r = o();
       if (!r) throw new Error("⚠️ No match");
       r.addListener(t), _o.add(() => {
         r.removeListener(t);
@@ -439,11 +439,11 @@ function ua() {
   }
 }
 const Oo = /* @__PURE__ */ new Set();
-function Bs() {
-  Oo.forEach((e) => e(nt()));
+function js() {
+  Oo.forEach((e) => e(ot()));
 }
 const Ao = /* @__PURE__ */ new WeakMap();
-function da(e, t, n) {
+function fa(e, t, n) {
   const o = Ao.get(e);
   (!o || o.enabled !== t || n) && Ao.set(e, {
     ...o,
@@ -451,58 +451,58 @@ function da(e, t, n) {
     keys: n
   });
 }
-function fa(e) {
+function ma(e) {
   return Oo.add(e), () => {
     Oo.delete(e);
   };
 }
-function ma(e, t) {
+function ha(e, t) {
   "use no memo";
   const n = e ? Ao.get(e) : null, o = kt(null);
   o.current || (o.current = {
     keys: /* @__PURE__ */ new Set(),
-    lastState: nt()
+    lastState: ot()
   }), o.current.pendingState && (o.current.lastState = o.current.pendingState, o.current.pendingState = void 0);
   const {
     keys: r
   } = o.current;
   r.size && r.clear();
-  const s = Ns(fa, () => {
+  const s = xs(ma, () => {
     const i = (n == null ? void 0 : n.keys) || r, {
       lastState: a,
       pendingState: l
     } = o.current;
     if (!i.size) return a;
-    const d = nt();
+    const d = ot();
     for (const u of i) if (d[u] !== (l || a)[u]) return process.env.NODE_ENV === "development" && t && console.warn("useMedia() ✍️", u, a[u], "=>", d[u]), e != null && e.mediaEmit ? (e.mediaEmit(d), o.current.pendingState = d, a) : (o.current.lastState = d, d);
     return a;
-  }, ha);
+  }, pa);
   return new Proxy(s, {
     get(i, a) {
       return !Cn && typeof a == "string" && r.add(a), Reflect.get(s, a);
     }
   });
 }
-const ha = () => Ls;
+const pa = () => Ls;
 let Cn = !1;
-function Lr(e) {
+function zr(e) {
   Cn = e;
 }
-function pa(e, t) {
+function ga(e, t) {
   Cn = !0;
   let n;
   try {
-    n = Object.fromEntries([...e].map((o) => [o, js(o, t)]));
+    n = Object.fromEntries([...e].map((o) => [o, Hs(o, t)]));
   } finally {
     Cn = !1;
   }
   return n;
 }
-const ga = (e, t, n, o) => {
-  const r = o ? aa(e) : Hi, s = n.usedKeys;
+const ba = (e, t, n, o) => {
+  const r = o ? la(e) : Ui, s = n.usedKeys;
   return !s[t] || r > s[t] ? r : null;
 };
-function js(e, t) {
+function Hs(e, t) {
   const n = Jt[e];
   return Object.keys(n).every((o) => {
     const r = +n[o], s = o.startsWith("max"), i = o.endsWith("Width"), a = t[i ? "width" : "height"];
@@ -524,17 +524,17 @@ const It = (e, t = 10) => {
         r += "--";
         continue;
       }
-      if (ya(d)) {
+      if (Sa(d)) {
         s++, r += n[l];
         continue;
       }
     }
-    o = ba(o, n[l]);
+    o = ya(o, n[l]);
   }
   const a = r + (o ? Math.abs(o) : "");
   return oo > 1e4 && (mn.clear(), oo = 0), mn.set(e, a), oo++, a;
-}, ba = (e, t) => Math.imul(31, e) + t.charCodeAt(0) | 0;
-function ya(e) {
+}, ya = (e, t) => Math.imul(31, e) + t.charCodeAt(0) | 0;
+function Sa(e) {
   return (
     // A-Z
     e >= 65 && e <= 90 || // a-z
@@ -544,7 +544,7 @@ function ya(e) {
     e >= 48 && e <= 57
   );
 }
-function Sa(e, [t, n]) {
+function va(e, [t, n]) {
   return Math.min(n, Math.max(t, e));
 }
 function or(e, t, {
@@ -555,15 +555,15 @@ function or(e, t, {
     "defaultPrevented" in o && !o.defaultPrevented) return t == null ? void 0 : t(o);
   };
 }
-const Ut = 0, va = 1, pt = 2, Hs = 3, Ln = 4, Us = ["web", "android", "ios"];
-function Ea(e) {
+const Ut = 0, Ea = 1, pt = 2, Us = 3, zn = 4, Ks = ["web", "android", "ios"];
+function $a(e) {
   if (!e) return null;
-  const t = $a(e);
-  for (const n of Us) if (n === ks && t.has(n)) return n;
+  const t = wa(e);
+  for (const n of Ks) if (n === Ms && t.has(n)) return n;
   return null;
 }
-function $a(e) {
-  const t = e === !0 ? Us : e === !1 ? [] : Array.isArray(e) ? e : [e], n = new Set(t);
+function wa(e) {
+  const t = e === !0 ? Ks : e === !1 ? [] : Array.isArray(e) ? e : [e], n = new Set(t);
   return n.has("mobile") && (n.add("android"), n.add("ios"), n.delete("mobile")), n;
 }
 const rr = {
@@ -605,7 +605,7 @@ const rr = {
   wordWrap: !0,
   textOverflow: !0,
   WebkitBoxOrient: !0
-}, Ks = {
+}, Gs = {
   ...rr,
   transition: !0,
   backdropFilter: !0,
@@ -632,12 +632,12 @@ const rr = {
   objectPosition: !0,
   textEmphasis: !0,
   userSelect: !0
-}, Gs = {
+}, Ys = {
   ...sr,
   textDecorationDistance: !0,
   // cursor: now cross-platform - in stylePropsView
   WebkitLineClamp: !0
-}, Ys = {
+}, Xs = {
   // border longhands
   borderWidth: !0,
   borderStyle: !0,
@@ -659,7 +659,7 @@ const rr = {
   outlineStyle: !0,
   outlineColor: !0,
   outlineOffset: !0
-}, Xs = {
+}, Zs = {
   color: !0,
   textDecorationColor: !0,
   textShadowColor: !0
@@ -709,12 +709,12 @@ const rr = {
     borderEndColor: !0,
     borderStartColor: !0,
     shadowColor: !0,
-    ...Xs,
+    ...Zs,
     // outlineColor is supported on RN 0.77+ (New Architecture)
     outlineColor: !0,
     caretColor: !0
   }
-}, Zs = {
+}, qs = {
   alignContent: !0,
   alignItems: !0,
   alignSelf: !0,
@@ -739,30 +739,30 @@ const rr = {
   outlineStyle: !0,
   overflow: !0,
   position: !0
-}, qs = {
+}, Js = {
   fontFamily: !0,
   fontStyle: !0,
   fontVariant: !0,
   textTransform: !0
-}, Js = {
+}, Qs = {
   textAlign: !0,
   textDecorationLine: !0,
   textDecorationStyle: !0,
   userSelect: !0
-}, Qs = {
+}, ei = {
   WebkitLineClamp: !0,
   lineClamp: !0,
   gridTemplateColumns: !0,
   gridTemplateAreas: !0
-}, ei = {
-  ...Zs,
+}, ti = {
   ...qs,
   ...Js,
   ...Qs,
+  ...ei,
   ...rr,
   ...sr
 }, ir = {
-  ...Qs,
+  ...ei,
   animationIterationCount: !0,
   aspectRatio: !0,
   borderImageOutset: !0,
@@ -811,7 +811,7 @@ const rr = {
   rotateX: !0,
   rotateZ: !0
 }, ar = {
-  ...Zs,
+  ...qs,
   borderBottomEndRadius: !0,
   borderBottomStartRadius: !0,
   borderBottomWidth: !0,
@@ -897,27 +897,27 @@ const rr = {
   outlineOffset: !0,
   outlineWidth: !0,
   // web-only for convenience - tree-shaken on native
-  ...Ks
-}, wa = {
-  ...qs,
+  ...Gs
+}, Na = {
+  ...Js,
   fontSize: !0,
   fontWeight: !0,
   letterSpacing: !0,
   lineHeight: !0
 }, lr = {
-  ...wa,
-  ...Js,
-  ...Xs,
+  ...Na,
+  ...Qs,
+  ...Zs,
   textShadow: !0,
   textShadowOffset: !0,
   textShadowRadius: !0,
   verticalAlign: !0,
   // web-only text props - tree-shaken on native
-  ...Gs
+  ...Ys
 }, cr = {
   ...ar,
   ...lr
-}, ti = cr, On = {
+}, ni = cr, On = {
   enterStyle: !0,
   exitStyle: !0,
   hoverStyle: !0,
@@ -926,22 +926,22 @@ const rr = {
   disabledStyle: !0,
   focusWithinStyle: !0,
   focusVisibleStyle: !0
-}, Wn = ar, Na = /* @__PURE__ */ Symbol(), xa = (e, t) => (Object.assign(e, t), e[Na] = !0, e), Ta = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ln = ar, xa = /* @__PURE__ */ Symbol(), Ta = (e, t) => (Object.assign(e, t), e[xa] = !0, e), _a = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   StyleObjectIdentifier: pt,
   StyleObjectProperty: Ut,
-  StyleObjectPseudo: Hs,
-  StyleObjectRules: Ln,
-  StyleObjectValue: va,
-  clamp: Sa,
+  StyleObjectPseudo: Us,
+  StyleObjectRules: zn,
+  StyleObjectValue: Ea,
+  clamp: va,
   composeEventHandlers: or,
-  cssShorthandLonghands: Ys,
-  nonAnimatableStyleProps: ei,
+  cssShorthandLonghands: Xs,
+  nonAnimatableStyleProps: ti,
   nonAnimatableWebTextProps: sr,
   nonAnimatableWebViewProps: rr,
-  shouldRenderNativePlatform: Ea,
+  shouldRenderNativePlatform: $a,
   simpleHash: It,
-  stylePropsAll: ti,
+  stylePropsAll: ni,
   stylePropsText: cr,
   stylePropsTextOnly: lr,
   stylePropsTransform: on,
@@ -949,12 +949,12 @@ const rr = {
   stylePropsView: ar,
   tokenCategories: gt,
   validPseudoKeys: On,
-  validStyles: Wn,
-  webOnlyStylePropsText: Gs,
-  webOnlyStylePropsView: Ks,
-  withStaticProperties: xa
+  validStyles: Ln,
+  webOnlyStylePropsText: Ys,
+  webOnlyStylePropsView: Gs,
+  withStaticProperties: Ta
 }, Symbol.toStringTag, { value: "Module" }));
-function ni(e) {
+function oi(e) {
   return `var(--${process.env.TAMAGUI_CSS_VARIABLE_PREFIX || ""}${e})`;
 }
 const Qt = (e, t = !1) => {
@@ -969,7 +969,7 @@ const Qt = (e, t = !1) => {
     key: n,
     name: t ? o : It(o, 40),
     val: r,
-    variable: t ? ni(o) : ri(o)
+    variable: t ? oi(o) : si(o)
   };
 };
 function Rt(e, t = !1) {
@@ -978,34 +978,34 @@ function Rt(e, t = !1) {
 function xe(e) {
   return e && typeof e == "object" && "isVar" in e;
 }
-function _a(e, t = "size") {
+function Ca(e, t = "size") {
   var o;
   if (e != null && e.dynamic) return e;
   if (ur(!0), xe(e)) return Rt(e);
   const n = ze().tokensParsed;
   return Rt(((o = n[t]) == null ? void 0 : o[e]) ?? e);
 }
-let oi = !1;
-const ur = (e) => oi = e, Ca = () => oi;
+let ri = !1;
+const ur = (e) => ri = e, Oa = () => ri;
 function An(e, t) {
   return xe(e) ? (ur(!0), e.val) : e;
 }
-function Oa(e) {
+function Aa(e) {
   return xe(e) ? e.variable : e;
 }
-const ri = (e, t = !0) => {
+const si = (e, t = !0) => {
   if (process.env.NODE_ENV === "development" && (!e || typeof e != "string")) throw new Error(`createCSSVariable expected string, got: ${e}`);
   const n = It(e, 60);
-  return t ? ni(n) : n;
+  return t ? oi(n) : n;
 }, ro = /* @__PURE__ */ new Map();
-let zt, Lt, Wr, Wt;
-const Aa = {};
-function Ra(e, t, n, o) {
-  if (!(t != null && t.theme)) return Aa;
-  if (zt = n, Lt = o, Wr = e, Wt = t, ro.has(Wt.theme)) return ro.get(Wt.theme);
+let Wt, zt, Lr, Lt;
+const Ra = {};
+function ka(e, t, n, o) {
+  if (!(t != null && t.theme)) return Ra;
+  if (Wt = n, zt = o, Lr = e, Lt = t, ro.has(Lt.theme)) return ro.get(Lt.theme);
   ze();
   function r(i, a = !1) {
-    zt && (zt.current || (zt.current = /* @__PURE__ */ new Set()), zt.current.add(i), a && Lt && (Lt.current || (Lt.current = /* @__PURE__ */ new Set()), Lt.current.add(i)), process.env.NODE_ENV === "development" && Wr.debug && console.info(` 🎨 useTheme() tracking key: ${i} schemeOptimized=${a}`));
+    Wt && (Wt.current || (Wt.current = /* @__PURE__ */ new Set()), Wt.current.add(i), a && zt && (zt.current || (zt.current = /* @__PURE__ */ new Set()), zt.current.add(i)), process.env.NODE_ENV === "development" && Lr.debug && console.info(` 🎨 useTheme() tracking key: ${i} schemeOptimized=${a}`));
   }
   const s = Object.fromEntries(Object.entries(t.theme).flatMap(([i, a]) => {
     const l = {
@@ -1014,11 +1014,11 @@ function Ra(e, t, n, o) {
         return globalThis.tamaguiAvoidTracking || r(i, !1), a.val;
       },
       get(d) {
-        if (!Wt) return;
-        const u = _a(a), {
+        if (!Lt) return;
+        const u = Ca(a), {
           name: c,
           scheme: m
-        } = Wt;
+        } = Lt;
         return u;
       }
     };
@@ -1026,15 +1026,15 @@ function Ra(e, t, n, o) {
   }));
   return ro.set(t.theme, s), s;
 }
-const si = nn(""), Ro = /* @__PURE__ */ new Map(), Kt = {}, so = /* @__PURE__ */ new WeakMap(), io = /* @__PURE__ */ new WeakMap(), Bt = /* @__PURE__ */ new Map(), mt = /* @__PURE__ */ new Map(), ao = /* @__PURE__ */ new Map(), ii = (e) => mt.get(e);
+const ii = nn(""), Ro = /* @__PURE__ */ new Map(), Kt = {}, so = /* @__PURE__ */ new WeakMap(), io = /* @__PURE__ */ new WeakMap(), Bt = /* @__PURE__ */ new Map(), mt = /* @__PURE__ */ new Map(), ao = /* @__PURE__ */ new Map(), ai = (e) => mt.get(e);
 let Br = 0;
 const wt = /* @__PURE__ */ new Map();
 let jr = -1, lo = null;
-const ka = (e, t = !1, n, o) => {
+const Ma = (e, t = !1, n, o) => {
   "use no memo";
   const {
     disable: r
-  } = e, s = Vn(si);
+  } = e, s = Vn(ii);
   if (!s && !t) throw new Error(process.env.NODE_ENV === "development" ? `${qt}
 
 Looked for theme${e.name ? ` "${e.name}"` : ""}${e.componentName ? ` (component: ${e.componentName})` : ""}, but no parent theme context was found (parentId: ${s}).` : qt);
@@ -1044,16 +1044,16 @@ Looked for theme${e.name ? ` "${e.name}"` : ""}${e.componentName ? ` (component:
     theme: ze().themes.light
     // inverses: 0,
   };
-  const i = xs(), a = ws((c) => (Kt[s] = Kt[s] || /* @__PURE__ */ new Set(), Kt[s].add(i), Ro.set(i, () => {
+  const i = Ts(), a = Ns((c) => (Kt[s] = Kt[s] || /* @__PURE__ */ new Set(), Kt[s].add(i), Ro.set(i, () => {
     Bt.set(i, !0), c();
   }), () => {
     Ro.delete(i), Kt[s].delete(i), ao.delete(i), mt.delete(i), Bt.delete(i);
-  }), [i, s]), l = Da(e), d = () => {
+  }), [i, s]), l = Fa(e), d = () => {
     var S, T, P, K;
     let c = ao.get(i);
     const m = mt.get(s);
     if (c && !Bt.has(i) && m && c._parentName === m.name && c._propsKey === l) return c;
-    const f = !1, b = ((S = n == null ? void 0 : n.current) == null ? void 0 : S.size) ?? 0, p = (((T = o == null ? void 0 : o.current) == null ? void 0 : T.size) ?? 0) === b && b > 0, g = f, h = e.passThrough ? !1 : t || e.name === "light" || e.name === "dark" || e.name === null ? !0 : so.get(n) ? (P = n == null ? void 0 : n.current) != null && P.size ? !0 : (K = e.needsUpdate) == null ? void 0 : K.call(e) : !0, [E, x] = Ma(c, e, l, t, i, s, h, Bt.get(i));
+    const f = !1, b = ((S = n == null ? void 0 : n.current) == null ? void 0 : S.size) ?? 0, p = (((T = o == null ? void 0 : o.current) == null ? void 0 : T.size) ?? 0) === b && b > 0, g = f, h = e.passThrough ? !1 : t || e.name === "light" || e.name === "dark" || e.name === null ? !0 : so.get(n) ? (P = n == null ? void 0 : n.current) != null && P.size ? !0 : (K = e.needsUpdate) == null ? void 0 : K.call(e) : !0, [E, x] = Ia(c, e, l, t, i, s, h, Bt.get(i));
     return Bt.delete(i), (!c || E) && (c = {
       ...x
     }, ao.set(i, c)), process.env.NODE_ENV === "development" && e.debug === "verbose" && (console.groupCollapsed(` ${i} getSnapshot ${E}`, c.name, ">", x.name), console.info({
@@ -1070,7 +1070,7 @@ Looked for theme${e.name ? ` "${e.name}"` : ""}${e.componentName ? ` (component:
     }), console.groupEnd()), x !== c && (Object.assign(c, x), c.id = i), c._parentName = m == null ? void 0 : m.name, c._propsKey = l, mt.set(i, x), c;
   };
   process.env.NODE_ENV === "development" && globalThis.time && globalThis.time`theme-prep-uses`;
-  const u = Ns(a, d, d);
+  const u = xs(a, d, d);
   return ke(() => {
     var c;
     if (!so.get(n)) {
@@ -1083,7 +1083,7 @@ Looked for theme${e.name ? ` "${e.name}"` : ""}${e.componentName ? ` (component:
     }
     process.env.NODE_ENV === "development" && e.debug === "verbose" && console.warn(` · useTheme(${i}) scheduleUpdate`, l, (c = mt.get(i)) == null ? void 0 : c.name), Hr(i), io.set(n, !0);
   }, [n, l]), u;
-}, Ma = (e, t, n, o = !1, r, s, i, a) => {
+}, Ia = (e, t, n, o = !1, r, s, i, a) => {
   const {
     debug: l
   } = t, d = mt.get(s);
@@ -1091,7 +1091,7 @@ Looked for theme${e.name ? ` "${e.name}"` : ""}${e.componentName ? ` (component:
     name: ""
   }];
   lo || (lo = ze().themes);
-  const u = !n && (!e || !(e != null && e.isNew)) ? null : Ia(d == null ? void 0 : d.name, t, a === "force" ? !0 : !!i), c = d && (!u || u === d.name), m = !!(a === "force" || i && (a || (e == null ? void 0 : e.name) !== (d == null ? void 0 : d.name)));
+  const u = !n && (!e || !(e != null && e.isNew)) ? null : Da(d == null ? void 0 : d.name, t, a === "force" ? !0 : !!i), c = d && (!u || u === d.name), m = !!(a === "force" || i && (a || (e == null ? void 0 : e.name) !== (d == null ? void 0 : d.name)));
   if (process.env.NODE_ENV === "development" && l === "verbose") {
     const h = ` · useTheme(${r}) getNextState => ${u} needsUpdate ${i} shouldRerender ${m}`;
     console.groupCollapsed(h), console.trace({
@@ -1148,14 +1148,14 @@ function Hr(e) {
     (r = Ro.get(o)) == null || r();
   });
 }
-const ai = {
+const li = {
   light: "light",
   dark: "dark"
 };
 function ko(e) {
-  return ai[e.split("_")[0]];
+  return li[e.split("_")[0]];
 }
-function Ia(e = "", t, n = !1) {
+function Da(e = "", t, n = !1) {
   const {
     name: o,
     reset: r
@@ -1221,25 +1221,25 @@ function Ia(e = "", t, n = !1) {
   }
   return !n && c === e && // if its a scheme only sub-theme, we always consider it "new" because it likely inverses
   // and we want to avoid reparenting
-  !ai[c] ? (wt.set(i, null), null) : (wt.set(i, c), c);
+  !li[c] ? (wt.set(i, null), null) : (wt.set(i, c), c);
 }
-const Da = ({
+const Fa = ({
   name: e,
   reset: t,
   forceClassName: n,
   componentName: o
-}) => `${e || ""}${t || ""}${n || ""}${o || ""}`, Fa = (e) => "name" in e || "reset" in e || "forceClassName" in e, li = (e, t = !1) => {
+}) => `${e || ""}${t || ""}${n || ""}${o || ""}`, Va = (e) => "name" in e || "reset" in e || "forceClassName" in e, ci = (e, t = !1) => {
   "use no memo";
-  const n = kt(null), o = kt(null), r = ka(e, t, n, o);
+  const n = kt(null), o = kt(null), r = Ma(e, t, n, o);
   return process.env.NODE_ENV === "development" && !e.passThrough && !(r != null && r.theme) && process.env.TAMAGUI_DISABLE_NO_THEME_WARNING !== "1" && console.error(`[tamagui] No theme found, this could be due to an invalid theme name (given theme props ${JSON.stringify(e)}).
 
-If this is intended and you are using Tamagui without any themes, you can disable this warning by setting the environment variable TAMAGUI_DISABLE_NO_THEME_WARNING=1`), [e.passThrough ? {} : Ra(e, r, n, o), r];
+If this is intended and you are using Tamagui without any themes, you can disable this warning by setting the environment variable TAMAGUI_DISABLE_NO_THEME_WARNING=1`), [e.passThrough ? {} : ka(e, r, n, o), r];
 };
-function Va(e, t) {
+function Pa(e, t) {
   typeof e == "function" ? e(t) : e && (e.current = t);
 }
 function dr(...e) {
-  return (t) => e.forEach((n) => Va(n, t));
+  return (t) => e.forEach((n) => Pa(n, t));
 }
 const Mo = (() => {
   if (process.env.NODE_ENV === "development") try {
@@ -1259,7 +1259,7 @@ const Mo = (() => {
 }, Io = {
   ...fr,
   unmounted: !1
-}, Pa = {
+}, Wa = {
   ...fr,
   unmounted: "should-enter"
 };
@@ -1330,13 +1330,13 @@ const Ur = {
   // TODO: need to add borderBlock and borderInline here, but they are alot and might impact performance
 }, La = (e, t) => {
   if (e) return typeof e != "string" ? e : e === "transparent" ? "rgba(0, 0, 0, 0)" : typeof t == "number" && t < 1 ? `color-mix(in srgb, ${e} ${Math.round(t * 100)}%, transparent)` : e;
-}, Wa = {
-  ...ti,
+}, Ba = {
+  ...ni,
   translateX: !0,
   translateY: !0
 };
 function _e(e, t = "") {
-  if (ir[t] || t && !Wa[t] || typeof e == "boolean") return e;
+  if (ir[t] || t && !Ba[t] || typeof e == "boolean") return e;
   if (e && typeof e == "object") if (typeof e.__getValue == "function") e = e.__getValue();
   else return e;
   let n = e;
@@ -1360,8 +1360,8 @@ function uo(e) {
   for (const n in e) {
     if (n === "$$css") continue;
     const o = e[n];
-    if (n in Me) o && t.push(...ci(o, Me[n]));
-    else if (ia(n)) for (const r in o) {
+    if (n in Me) o && t.push(...ui(o, Me[n]));
+    else if (aa(n)) for (const r in o) {
       const s = Fo(o, r);
       s && (s[0] = n, t.push(s));
     }
@@ -1372,7 +1372,7 @@ function uo(e) {
   }
   return t;
 }
-const ci = (e, t) => {
+const ui = (e, t) => {
   pr(e);
   const n = [];
   for (const o in e) {
@@ -1387,10 +1387,10 @@ const Fo = (e, t, n) => {
   if (o == null) return;
   t === "transform" && Array.isArray(e.transform) && (o = hr(o));
   const r = _e(o, t), s = It(typeof r == "string" ? r : `${r}`), i = n ? `0${n.name}-` : "";
-  hn || (hn = Fs());
+  hn || (hn = Vs());
   let a = `_${(hn == null ? void 0 : hn.inverseShorthands[t]) || t}-${i}${s}`;
   t === "pointerEvents" && !n && (r === "box-none" ? a = "_pe-boxnone" : r === "box-only" && (a = "_pe-boxonly"));
-  const l = Ua(a, t, r, n);
+  const l = Ka(a, t, r, n);
   return [
     // array for performance
     t,
@@ -1434,14 +1434,14 @@ function pr(e) {
 }
 function pn(e, t = !1) {
   let n = "";
-  for (const [o, r] of e) n += `${ja(o)}:${r}${t ? " !important" : ""};`;
+  for (const [o, r] of e) n += `${Ha(o)}:${r}${t ? " !important" : ""};`;
   return `{${n}}`;
 }
-const fo = {}, Ba = (e) => `-${e.toLowerCase()}`, ja = (e) => {
+const fo = {}, ja = (e) => `-${e.toLowerCase()}`, Ha = (e) => {
   if (e in fo) return fo[e];
-  const t = e.replace(/[A-Z]/g, Ba);
+  const t = e.replace(/[A-Z]/g, ja);
   return fo[e] = t, t;
-}, Ha = (() => {
+}, Ua = (() => {
   const e = {};
   for (const t in Me) {
     const n = Me[t];
@@ -1449,9 +1449,9 @@ const fo = {}, Ba = (e) => `-${e.toLowerCase()}`, ja = (e) => {
   }
   return e;
 })();
-function Ua(e, t, n, o) {
-  const r = o ? o.name === "disabled" ? "[aria-disabled]" : `:${o.name}` : "", s = o == null ? void 0 : o.selector, i = t in Ys ? `.${e}.${e}` : `.${e}`;
-  let a = o ? s ? `${s} ${i}` : `${Ha[o.name]} ${i}${r}` : `:root ${i}`;
+function Ka(e, t, n, o) {
+  const r = o ? o.name === "disabled" ? "[aria-disabled]" : `:${o.name}` : "", s = o == null ? void 0 : o.selector, i = t in Xs ? `.${e}.${e}` : `.${e}`;
+  let a = o ? s ? `${s} ${i}` : `${Ua[o.name]} ${i}${r}` : `:root ${i}`;
   s === Me.enterStyle.selector && (a = `${a}, .${e}${s}`);
   const l = !!o;
   let d = [];
@@ -1485,9 +1485,9 @@ function Ua(e, t, n, o) {
   }
   return (o == null ? void 0 : o.name) === "hover" && (d = d.map((u) => `@media (hover) {${u}}`)), d;
 }
-const Kr = /* @__PURE__ */ new WeakMap(), Vo = /* @__PURE__ */ new Map(), ui = {}, Po = {}, Ka = () => ui, zo = () => process.env.TAMAGUI_DID_OUTPUT_CSS ? [] : Object.keys(Po).sort().map((e) => Po[e]);
+const Kr = /* @__PURE__ */ new WeakMap(), Vo = /* @__PURE__ */ new Map(), di = {}, Po = {}, Ga = () => di, Wo = () => process.env.TAMAGUI_DID_OUTPUT_CSS ? [] : Object.keys(Po).sort().map((e) => Po[e]);
 let Gr = null;
-function Ga(e = !1, t) {
+function Ya(e = !1, t) {
   if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
     if (process.env.NODE_ENV === "test") return;
     let n;
@@ -1500,11 +1500,11 @@ function Ga(e = !1, t) {
     return n;
   }
 }
-function Ya(e) {
+function Xa(e) {
   const t = (Vo.get(e) || 0) + 1;
   return Vo.set(e, t), t;
 }
-const Yr = process.env.TAMAGUI_BAIL_AFTER_SCANNING_X_CSS_RULES, Xa = Yr ? +Yr : 8e3;
+const Yr = process.env.TAMAGUI_BAIL_AFTER_SCANNING_X_CSS_RULES, Za = Yr ? +Yr : 8e3;
 function Xr(e, t = !1, n = !1, o) {
   var f, b;
   let r;
@@ -1524,12 +1524,12 @@ function Xr(e, t = !1, n = !1, o) {
     const h = En(g, n);
     if (h) u = 0;
     else {
-      if (u++, u > Xa) return;
+      if (u++, u > Za) return;
       continue;
     }
     const [E, x, S] = h;
     if (S) {
-      const T = Za(x, o);
+      const T = qa(x, o);
       if (T) {
         for (const P of T.names) m[P] ? (Object.apply(m[P], T.theme), T.names = T.names.filter((K) => K !== P)) : m[P] = T.theme;
         c || (c = []), c.push(T);
@@ -1540,7 +1540,7 @@ function Xr(e, t = !1, n = !1, o) {
   return Kr.set(e, a), c;
 }
 let Nt, Zr = null;
-function Za(e, t) {
+function qa(e, t) {
   const n = e.selectorText.split(",");
   if (!n.length) return;
   if (t != null && t.color && !Nt) {
@@ -1585,7 +1585,7 @@ function En(e, t = !1) {
   if (e instanceof CSSStyleRule) {
     const n = e.selectorText;
     if (n[0] === ":" && n[1] === "r" && qr.test(n)) {
-      const o = qa(
+      const o = Ja(
         // next.js minifies it so its in front
         n.replace(qr, "")
       );
@@ -1593,28 +1593,28 @@ function En(e, t = !1) {
     }
   } else if (e instanceof CSSMediaRule) return e.cssRules.length > 1 ? void 0 : En(e.cssRules[0]);
 }
-const qa = (e) => {
+const Ja = (e) => {
   const t = e.indexOf(":");
   return t > -1 ? e.slice(7, t) : e.slice(7);
 };
-let jt = null, di = !0;
-function Ja() {
-  di = !1;
+let jt = null, fi = !0;
+function Qa() {
+  fi = !1;
 }
-function fi(e, t) {
-  return di && (Po[e] = t.join(" ")), !0;
+function mi(e, t) {
+  return fi && (Po[e] = t.join(" ")), !0;
 }
-function Qa(e) {
+function el(e) {
   if (!jt && document.head) {
     const t = document.createElement("style");
     t.id = "_tamagui-styles", jt = document.head.appendChild(t).sheet;
   }
   if (jt) for (const t in e) {
     const n = e[t], o = n[pt];
-    if (!mi(o)) continue;
-    const r = n[Ln];
-    ui[o] = r.join(`
-`), Ya(o), fi(o, r);
+    if (!hi(o)) continue;
+    const r = n[zn];
+    di[o] = r.join(`
+`), Xa(o), mi(o, r);
     try {
       for (const s of r) jt.insertRule(s, jt.cssRules.length);
     } catch {
@@ -1622,39 +1622,39 @@ function Qa(e) {
     }
   }
 }
-const el = process.env.TAMAGUI_INSERT_SELECTOR_TRIES ? +process.env.TAMAGUI_INSERT_SELECTOR_TRIES : 1;
-function mi(e) {
+const tl = process.env.TAMAGUI_INSERT_SELECTOR_TRIES ? +process.env.TAMAGUI_INSERT_SELECTOR_TRIES : 1;
+function hi(e) {
   if (process.env.IS_STATIC === "is_static") return !0;
   const t = Vo.get(e) || 0;
-  return process.env.NODE_ENV === "development" && t > +(process.env.TAMAGUI_STYLE_INSERTION_WARNING_LIMIT || 10) && console.warn('Warning: inserting many CSS rules, you may be animating something and generating many CSS insertions, which can degrade performance. Instead, try using the "disableClassName" property on elements that change styles often. To disable this warning set TAMAGUI_STYLE_INSERTION_WARNING_LIMIT from 50000 to something higher'), t < el;
+  return process.env.NODE_ENV === "development" && t > +(process.env.TAMAGUI_STYLE_INSERTION_WARNING_LIMIT || 10) && console.warn('Warning: inserting many CSS rules, you may be animating something and generating many CSS insertions, which can degrade performance. Instead, try using the "disableClassName" property on elements that change styles often. To disable this warning set TAMAGUI_STYLE_INSERTION_WARNING_LIMIT from 50000 to something higher'), t < tl;
 }
 function mo(e) {
   if (!e.startsWith("$platform")) return !0;
   const t = e.slice(10);
   return (
     // web, ios, android
-    t === ks || // web, native
+    t === Ms || // web, native
     t === "web"
   );
 }
-function tl(e, t) {
+function nl(e, t) {
   if (e.startsWith("$theme-")) return e.slice(7).startsWith(t);
 }
 function U(...e) {
   if (process.env.NODE_ENV !== "production") {
-    Lr(!0);
+    zr(!0);
     try {
       return console.info(...e);
     } catch (t) {
       console.error(t);
     } finally {
-      Lr(!1);
+      zr(!1);
     }
   }
 }
-const nl = [["flexGrow", 0], ["flexShrink", 1], ["flexBasis", "auto"]];
-function hi(e, t) {
-  if (e === "flex") return t === -1 ? nl : [["flexGrow", t], ["flexShrink", 1], ["flexBasis", Ce("styleCompat") === "legacy" ? "auto" : 0]];
+const ol = [["flexGrow", 0], ["flexShrink", 1], ["flexBasis", "auto"]];
+function pi(e, t) {
+  if (e === "flex") return t === -1 ? ol : [["flexGrow", t], ["flexShrink", 1], ["flexBasis", Ce("styleCompat") === "legacy" ? "auto" : 0]];
   switch (e) {
     case "writingDirection":
       return [["direction", t]];
@@ -1680,12 +1680,12 @@ const Jr = ["Top", "Right", "Bottom", "Left"], Qr = ["Right", "Left"], es = ["To
   overflow: ts,
   overscrollBehavior: ts
 };
-var $s;
+var ws;
 for (const e in Yt) {
-  const t = e.slice(0, (($s = /[A-Z]/.exec(e)) == null ? void 0 : $s.index) ?? e.length);
+  const t = e.slice(0, ((ws = /[A-Z]/.exec(e)) == null ? void 0 : ws.index) ?? e.length);
   Yt[e] = Yt[e].map((n) => `${t}${n}`);
 }
-const ho = /* @__PURE__ */ new WeakMap(), ol = (e) => {
+const ho = /* @__PURE__ */ new WeakMap(), rl = (e) => {
   if (ho.has(e)) return ho.get(e);
   const {
     props: t,
@@ -1695,7 +1695,7 @@ const ho = /* @__PURE__ */ new WeakMap(), ol = (e) => {
     styleProps: s
   } = e, i = s.styledContext;
   let a = n.fontsParsed;
-  o != null && o.language && (a = Lo(n.fontsParsed, o.language));
+  o != null && o.language && (a = zo(n.fontsParsed, o.language));
   const l = {
     fonts: a,
     tokens: n.tokensParsed,
@@ -1711,7 +1711,7 @@ const ho = /* @__PURE__ */ new WeakMap(), ol = (e) => {
   };
   return ho.set(e, l), l;
 }, po = /* @__PURE__ */ new WeakMap();
-function Lo(e, t) {
+function zo(e, t) {
   if (po.has(t)) return po.get(t);
   const n = {
     ...e,
@@ -1723,16 +1723,16 @@ function Lo(e, t) {
   };
   return po.set(t, n), n;
 }
-const rl = {
+const sl = {
   fontSize: "size",
   fontWeight: "weight"
 };
-let ns = !1, pi = null;
-function sl() {
-  return pi;
+let ns = !1, gi = null;
+function il() {
+  return gi;
 }
 function gr(e) {
-  pi = e;
+  gi = e;
 }
 const en = (e, t, n, o) => {
   var p, g, h, E, x, S;
@@ -1759,7 +1759,7 @@ const en = (e, t, n, o) => {
     else {
       switch (e) {
         case "fontFamily": {
-          m = ((h = (a != null && a.language ? Lo(i.fontsParsed, a.language) : i.fontsParsed)[t]) == null ? void 0 : h.family) || t, gr(t), f = !0;
+          m = ((h = (a != null && a.language ? zo(i.fontsParsed, a.language) : i.fontsParsed)[t]) == null ? void 0 : h.family) || t, gr(t), f = !0;
           break;
         }
         case "fontSize":
@@ -1768,8 +1768,8 @@ const en = (e, t, n, o) => {
         case "fontWeight": {
           const T = l || i.defaultFontToken;
           if (T) {
-            const P = a != null && a.language ? Lo(i.fontsParsed, a.language) : i.fontsParsed;
-            m = ((x = (E = P[T] || P[i.defaultFontToken]) == null ? void 0 : E[rl[e] || e]) == null ? void 0 : x[t]) || t, f = !0;
+            const P = a != null && a.language ? zo(i.fontsParsed, a.language) : i.fontsParsed;
+            m = ((x = (E = P[T] || P[i.defaultFontToken]) == null ? void 0 : E[sl[e] || e]) == null ? void 0 : x[t]) || t, f = !0;
           }
           break;
         }
@@ -1802,29 +1802,29 @@ function br(e, t, n) {
   return t;
 }
 const jn = (e) => e && !Array.isArray(e) && typeof e == "object";
-function gi(e, t = !1) {
+function bi(e, t = !1) {
   const n = {};
   for (let o in e) {
     const r = e[o];
     if (r == null) continue;
     if (o in Me || // this should capture all parent-based styles like media, group, etc
     o[0] === "$" && jn(r)) {
-      n[o] = gi(r, t);
+      n[o] = bi(r, t);
       continue;
     }
-    const s = t ? r : _e(r, o), i = hi(o, s);
+    const s = t ? r : _e(r, o), i = pi(o, s);
     i ? Object.assign(n, Object.fromEntries(i)) : n[o] = s;
   }
   return Bn(n), n;
 }
-const il = /(\$[\w.-]+)/g;
-function al(e, t, n, o) {
-  return t.replace(il, (r) => {
+const al = /(\$[\w.-]+)/g;
+function ll(e, t, n, o) {
+  return t.replace(al, (r) => {
     let s = en("size", r, n, o);
     return s == null && (s = en("color", r, n, o)), s != null ? String(s) : r;
   });
 }
-const ll = {
+const cl = {
   boxShadow: !0,
   textShadow: !0,
   filter: !0,
@@ -1832,13 +1832,13 @@ const ll = {
   border: !0,
   outline: !0
 };
-function bi(e, t, n, o) {
-  return !t.includes("$") || !ll[e] ? t : al(e, t, n, o);
+function yi(e, t, n, o) {
+  return !t.includes("$") || !cl[e] ? t : ll(e, t, n, o);
 }
-function Wo(e) {
+function Lo(e) {
   return typeof e == "string" && e.includes("rem");
 }
-const cl = {
+const ul = {
   accessibilityElementsHidden: 1,
   accessibilityIgnoresInvertColors: 1,
   accessibilityLanguage: 1,
@@ -1889,8 +1889,8 @@ const cl = {
   animatePresence: 1
 };
 process.env.NODE_ENV === "test" && (bt["data-test-renders"] = 1);
-Object.assign(bt, cl);
-const yi = (e, t, n, o, r) => {
+Object.assign(bt, ul);
+const Si = (e, t, n, o, r) => {
   if (o) return r(e, t);
   if (gr(null), e === "elevationAndroid") return;
   const {
@@ -1901,7 +1901,7 @@ const yi = (e, t, n, o, r) => {
     variants: l
   } = a;
   if (!i.noExpand && l && e in l) {
-    const u = Si(e, t, i, n, "");
+    const u = vi(e, t, i, n, "");
     if (u) {
       u.forEach(([c, m]) => r(c, m));
       return;
@@ -1912,14 +1912,14 @@ const yi = (e, t, n, o, r) => {
   if (t != null) if (typeof t == "string")
     if (t[0] === "$") t = en(e, t, i, n);
     else {
-      const u = bi(e, t, i, n);
-      t = u !== t ? u : Wo(t) ? t : t;
+      const u = yi(e, t, i, n);
+      t = u !== t ? u : Lo(t) ? t : t;
     }
-  else xe(t) ? t = br(e, t, i.resolveValues) : Wo(t) && (t = t);
+  else xe(t) ? t = br(e, t, i.resolveValues) : Lo(t) && (t = t);
   if (t != null) {
-    const u = sl();
+    const u = il();
     e === "fontFamily" && u && (n.fontFamily = u);
-    const c = i.noExpand ? null : hi(e, t);
+    const c = i.noExpand ? null : pi(e, t);
     if (c) {
       const m = c.length;
       for (let f = 0; f < m; f++) {
@@ -1928,7 +1928,7 @@ const yi = (e, t, n, o, r) => {
       }
     } else r(e, t, d);
   }
-}, Si = (e, t, n, o, r) => {
+}, vi = (e, t, n, o, r) => {
   const {
     staticConfig: s,
     conf: i,
@@ -1937,7 +1937,7 @@ const yi = (e, t, n, o, r) => {
     variants: l
   } = s;
   if (!l) return;
-  let d = fl(l[e], t, i, o);
+  let d = ml(l[e], t, i, o);
   if (process.env.NODE_ENV === "development" && a === "verbose" && (console.groupCollapsed(`♦️♦️♦️ resolve variant ${e}`), console.info({
     key: e,
     value: t,
@@ -1951,7 +1951,7 @@ const yi = (e, t, n, o, r) => {
     return;
   }
   if (typeof d == "function") {
-    const c = d, m = ol(o);
+    const c = d, m = rl(o);
     d = c(t, m), process.env.NODE_ENV === "development" && a === "verbose" && (console.groupCollapsed("   expanded functional variant", e), console.info({
       fn: c,
       variantValue: d,
@@ -1961,16 +1961,16 @@ const yi = (e, t, n, o, r) => {
   let u;
   if (jn(d)) {
     const c = d.fontFamily || d[i.inverseShorthands.fontFamily];
-    c && (u = ul(c, i), o.fontFamily = u, process.env.NODE_ENV === "development" && a === "verbose" && console.info("   updating font family", u)), d = vi(e, d, n, o, r);
+    c && (u = dl(c, i), o.fontFamily = u, process.env.NODE_ENV === "development" && a === "verbose" && console.info("   updating font family", u)), d = Ei(e, d, n, o, r);
   }
   if (d) {
-    const c = gi(d, !!n.noNormalize);
+    const c = bi(d, !!n.noNormalize);
     process.env.NODE_ENV === "development" && a === "verbose" && console.info("   expanding styles from ", d, "to", c);
     const m = Object.entries(c);
     return u && u[0] === "$" && gr(An(u)), m;
   }
 };
-function ul(e, t) {
+function dl(e, t) {
   if (xe(e)) {
     const n = os.get(e);
     if (n) return n;
@@ -1980,7 +1980,7 @@ function ul(e, t) {
     }
   } else if (typeof e == "string" && e[0] === "$") return e;
 }
-const os = /* @__PURE__ */ new WeakMap(), vi = (e, t, n, o, r) => {
+const os = /* @__PURE__ */ new WeakMap(), Ei = (e, t, n, o, r) => {
   var c, m, f, b;
   const {
     conf: s,
@@ -2002,7 +2002,7 @@ const os = /* @__PURE__ */ new WeakMap(), vi = (e, t, n, o, r) => {
       else if (d && g in d) {
         if (r && r === e) u[g] = h[0] === "$" ? en(g, h, n, o) : h;
         else {
-          const E = Si(g, h, n, o, e);
+          const E = vi(g, h, n, o, e);
           if (E) for (const [x, S] of E) S != null && (x in Me ? (u[x] ?? (u[x] = {}), Object.assign(u[x], S)) : u[x] = S);
         }
         continue;
@@ -2012,23 +2012,23 @@ const os = /* @__PURE__ */ new WeakMap(), vi = (e, t, n, o, r) => {
         continue;
       }
       if (typeof h == "string") {
-        const E = h[0] === "$" ? en(g, h, n, o) : bi(g, h, n, o);
-        u[g] = E === h && Wo(h) ? h : E;
+        const E = h[0] === "$" ? en(g, h, n, o) : yi(g, h, n, o);
+        u[g] = E === h && Lo(h) ? h : E;
         continue;
       }
       if (jn(h)) {
-        const E = vi(g, h, n, o, e);
+        const E = Ei(g, h, n, o, e);
         process.env.NODE_ENV === "development" && a === "verbose" && console.info("object", g, E), u[g] ?? (u[g] = {}), Object.assign(u[g], E);
       } else u[g] = h;
       process.env.NODE_ENV === "development" && a && ((b = u[g]) == null ? void 0 : b[0]) === "$" && console.warn(`⚠️ Missing token in theme ${l.name}:`, g, u[g], l);
     }
   }
   return u;
-}, dl = ["size", "color", "radius", "space", "zIndex"].map((e) => ({
+}, fl = ["size", "color", "radius", "space", "zIndex"].map((e) => ({
   name: e,
   spreadName: `...${e}`
 }));
-function fl(e, t, n, {
+function ml(e, t, n, {
   theme: o
 }) {
   if (!e) return;
@@ -2042,13 +2042,13 @@ function fl(e, t, n, {
     for (const {
       name: a,
       spreadName: l
-    } of dl) if (l in e && (a in s && t in s[a] || a === "color" && o && typeof t == "string" && t[0] === "$" && t.slice(1) in o)) return e[l];
+    } of fl) if (l in e && (a in s && t in s[a] || a === "color" && o && typeof t == "string" && t[0] === "$" && t.slice(1) in o)) return e[l];
     const i = e["...fontSize"];
     if (i && n.fontSizeTokens.has(t)) return i;
   }
   return e[`:${typeof t}`] || e["..."];
 }
-const Ei = (e, t) => e < t ? -1 : e > t ? 1 : 0;
+const $i = (e, t) => e < t ? -1 : e > t ? 1 : 0;
 let ct;
 const Xt = /* @__PURE__ */ new WeakMap(), rs = "-";
 function ss(e, t) {
@@ -2065,7 +2065,7 @@ function ss(e, t) {
 function is(e, t, n) {
   return e in t ? !0 : n && e in n;
 }
-const $i = (e, t, n, o, r, s, i, a, l, d, u, c, m) => {
+const wi = (e, t, n, o, r, s, i, a, l, d, u, c, m) => {
   var st, St, Dt;
   ct = ct || ze();
   const f = m || (a == null ? void 0 : a.animationDriver) || ct.animations;
@@ -2083,10 +2083,10 @@ const $i = (e, t, n, o, r, s, i, a, l, d, u, c, m) => {
     inlineWhenUnflattened: T,
     parentStaticConfig: P,
     acceptsClassName: K
-  } = t, R = {}, k = s.mediaState || zn, _ = K && At && !s.noClass, v = {}, $ = {};
+  } = t, R = {}, k = s.mediaState || Wn, _ = K && At && !s.noClass, v = {}, $ = {};
   e.space;
   let C = null, M = !1, ie, le, G, me = e.className || "", Te = 0;
-  const je = t.validStyles || (t.isText || t.isInput ? cr : Wn);
+  const He = t.validStyles || (t.isText || t.isInput ? cr : Ln);
   process.env.NODE_ENV === "development" && (c === "profile" || globalThis.time) && time`split-styles-setup`;
   const N = {
     classNames: $,
@@ -2109,8 +2109,8 @@ const $i = (e, t, n, o, r, s, i, a, l, d, u, c, m) => {
       fallbackProps: V
     } = s;
     V && (N.props = new Proxy(e, {
-      get(O, z, ne) {
-        return Reflect.has(e, z) ? Reflect.get(e, z) : Reflect.get(V, z);
+      get(O, W, ne) {
+        return Reflect.has(e, W) ? Reflect.get(e, W) : Reflect.get(V, W);
       }
     }));
   }
@@ -2127,74 +2127,74 @@ const $i = (e, t, n, o, r, s, i, a, l, d, u, c, m) => {
     }
   }));
   const {
-    asChild: He
+    asChild: Ue
   } = e, {
     accept: $e
   } = t, {
     noSkip: Y,
     disableExpandShorthands: I,
-    noExpand: Xe,
+    noExpand: Ze,
     styledContext: Un
   } = s, {
     webContainerType: yt
   } = ct.settings, rt = P == null ? void 0 : P.variants;
   for (const V in e) {
-    let O = V, z = e[O];
+    let O = V, W = e[O];
     if (O === "children") {
-      R[O] = z;
+      R[O] = W;
       continue;
     }
     if (process.env.NODE_ENV === "development" && (c === "profile" || globalThis.time) && time`before-prop-${O}`, process.env.NODE_ENV === "test" && O === "jestAnimatedStyle") continue;
     if ($e) {
       const D = $e[O];
-      if ((D === "style" || D === "textStyle") && z && typeof z == "object") {
-        R[O] = Gt(N, O, z, s.noClass);
+      if ((D === "style" || D === "textStyle") && W && typeof W == "object") {
+        R[O] = Gt(N, O, W, s.noClass);
         continue;
       }
     }
     if (I || O in b && (O = b[O]), O === "className") continue;
-    if (He) {
+    if (Ue) {
       const D = mr(t);
       if (D) {
         const ee = D[V] ?? D[O];
-        if (ee !== void 0 && z === ee) continue;
+        if (ee !== void 0 && W === ee) continue;
       }
     }
     if (O in bt && !Y && !p) {
       if (O === "group") {
-        const D = `t_group_${z}`, ee = ["continer", void 0, D, void 0, [`.${D} { container-name: ${z}; container-type: ${yt || "inline-size"}; }`]];
+        const D = `t_group_${W}`, ee = ["continer", void 0, D, void 0, [`.${D} { container-name: ${W}; container-type: ${yt || "inline-size"}; }`]];
         Ht(v, ee);
       }
       continue;
     }
-    let ne = is(O, je, $e);
+    let ne = is(O, He, $e);
     if (t.isReactNative && O.startsWith("data-")) {
-      O = O.replace("data-", ""), R.dataSet || (R.dataSet = {}), R.dataSet[O] = z;
+      O = O.replace("data-", ""), R.dataSet || (R.dataSet = {}), R.dataSet[O] = W;
       continue;
     }
-    if (!Xe) {
-      if (O === "disabled" && z === !0 && (R["aria-disabled"] = !0, (d === "button" || d === "form" || d === "input" || d === "select" || d === "textarea") && (R.disabled = !0), !(E != null && E.disabled))) continue;
+    if (!Ze) {
+      if (O === "disabled" && W === !0 && (R["aria-disabled"] = !0, (d === "button" || d === "form" || d === "input" || d === "select" || d === "textarea") && (R.disabled = !0), !(E != null && E.disabled))) continue;
       if (O === "testID") {
-        x ? R.testID = z : (R["data-testid"] = z, s.isAnimated && (f != null && f.isReactNative) && (R.testID = z));
+        x ? R.testID = W : (R["data-testid"] = W, s.isAnimated && (f != null && f.isReactNative) && (R.testID = W));
         continue;
       }
       if (O === "id") {
-        R.id = z;
+        R.id = W;
         continue;
       }
     }
     let oe = !ne && E && O in E;
-    const Ue = ne || oe;
-    let ce = O in On, ae = !Ue && !ce ? Pr(O) : !1, ue = !!(ae || ce);
+    const Ke = ne || oe;
+    let ce = O in On, ae = !Ke && !ce ? Pr(O) : !1, ue = !!(ae || ce);
     ue && ae === "group" && (O = ss(O, l));
-    const De = ne || ue || oe && !Xe;
-    if (De && (He === "except-style" || He === "except-style-web")) continue;
-    const L = !De && p || // is in parent variants
-    p && rt && O in rt || (S == null ? void 0 : S.has(O)), it = rt == null ? void 0 : rt[O], vt = !!(p && (ne || ue || it || O in bt)), we = L || vt;
+    const Fe = ne || ue || oe && !Ze;
+    if (Fe && (Ue === "except-style" || Ue === "except-style-web")) continue;
+    const z = !Fe && p || // is in parent variants
+    p && rt && O in rt || (S == null ? void 0 : S.has(O)), it = rt == null ? void 0 : rt[O], vt = !!(p && (ne || ue || it || O in bt)), we = z || vt;
     if (process.env.NODE_ENV === "development" && c === "verbose" && (console.groupCollapsed(`  🔑 ${V}${O !== V ? ` (shorthand for ${O})` : ""} ${we ? "(pass)" : ""}`), U({
       isVariant: oe,
-      valInit: z,
-      shouldPassProp: L
+      valInit: W,
+      shouldPassProp: z
     }), Ct && U({
       variants: E,
       variant: E == null ? void 0 : E[O],
@@ -2204,22 +2204,22 @@ const $i = (e, t, n, o, r, s, i, a, l, d, u, c, m) => {
         ...N.usedKeys
       },
       parentStaticConfig: P
-    })), we && (as(R, O, z, ue), process.env.NODE_ENV === "development" && c === "verbose" && console.groupEnd(), !oe)) continue;
+    })), we && (as(R, O, W, ue), process.env.NODE_ENV === "development" && c === "verbose" && console.groupEnd(), !oe)) continue;
     if (!Y && O in bt) {
       process.env.NODE_ENV === "development" && c === "verbose" && console.groupEnd();
       continue;
     }
-    (g || h) && z && (O === "fontFamily" || O === b.fontFamily) && z in ct.fontsParsed && (N.fontFamily = z);
-    const sn = ue || !Ue;
-    if (yi(O, z, N, sn, (D, ee, Ft) => {
-      var re, Ze, ln, at;
+    (g || h) && W && (O === "fontFamily" || O === b.fontFamily) && W in ct.fontsParsed && (N.fontFamily = W);
+    const sn = ue || !Ke;
+    if (Si(O, W, N, sn, (D, ee, Ft) => {
+      var re, qe, ln, at;
       const an = Un && D in Un;
       if (!p && sn && !an && !ue) {
         R[D] = ee;
         return;
       }
       if (process.env.NODE_ENV === "development" && c === "verbose" && (console.groupCollapsed("  💠 expanded", O, "=>", D), U(ee), console.groupEnd()), ee != null) {
-        if (!p && is(D, je, $e)) {
+        if (!p && is(D, He, $e)) {
           tn(N, D, ee, 1, !1, Ft);
           return;
         }
@@ -2239,34 +2239,34 @@ const $i = (e, t, n, o, r, s, i, a, l, d, u, c, m) => {
             Object.assign(C[D], te);
             return;
           }
-          const Fe = Me[D], Ne = D === "enterStyle", Ae = D === "exitStyle";
-          if (!Fe) return;
+          const Ve = Me[D], Ne = D === "enterStyle", Ae = D === "exitStyle";
+          if (!Ve) return;
           if (_ && !Ae) {
-            const ve = ci(te, Fe);
+            const ve = ui(te, Ve);
             process.env.NODE_ENV === "development" && c === "verbose" && console.info("pseudo:", D, te, ve);
             for (const q of ve) {
-              const de = `${q[Ut]}${rs}${Fe.name}`;
+              const de = `${q[Ut]}${rs}${Ve.name}`;
               Ht(v, q), $[de] = q[pt];
             }
           }
           if (!_ || Ae || Ne) {
-            const ve = Fe.stateKey || Fe.name;
+            const ve = Ve.stateKey || Ve.name;
             let q = r[ve] === !1;
             Ae && (q = !s.isExiting), Ne && r.unmounted === !1 && (q = !0), process.env.NODE_ENV === "development" && c === "verbose" && (console.groupCollapsed("pseudo", D, {
               isDisabled: q
             }), U({
               pseudoStyleObject: te,
               isDisabled: q,
-              descriptor: Fe,
+              descriptor: Ve,
               componentState: r
             }), console.groupEnd());
-            const de = Fe.priority, ge = Xt.get(te);
+            const de = Ve.priority, ge = Xt.get(te);
             for (const j in te) {
               const J = te[j];
               if (q) go(j, N);
               else {
-                const be = N.usedKeys[j] || 0, We = de >= be;
-                We && (process.env.IS_STATIC === "is_static" && (C || (C = {}), C[D] || (C[D] = {}), C[D][j] = J), tn(N, j, J, de, !1, ge == null ? void 0 : ge[j])), process.env.NODE_ENV === "development" && c === "verbose" && U("    subKey", j, We, {
+                const be = N.usedKeys[j] || 0, Le = de >= be;
+                Le && (process.env.IS_STATIC === "is_static" && (C || (C = {}), C[D] || (C[D] = {}), C[D][j] = J), tn(N, j, J, de, !1, ge == null ? void 0 : ge[j])), process.env.NODE_ENV === "development" && c === "verbose" && U("    subKey", j, Le, {
                   importance: de,
                   curImportance: be,
                   pkey: j,
@@ -2294,20 +2294,20 @@ const $i = (e, t, n, o, r, s, i, a, l, d, u, c, m) => {
             componentState: r,
             mediaState: k
           });
-          const Fe = Te;
+          const Ve = Te;
           if (Te += 1, _) {
             const Ne = Gt(N, D, ee, !1), Ae = uo(Ne);
             for (const ve of Ae) {
               const q = ve[Ut], de = q[0] === "$";
               if (de && !mo(q)) continue;
-              const ge = oa(ve, te, Jt, ae, !1, Fe);
+              const ge = ra(ve, te, Jt, ae, !1, Ve);
               process.env.NODE_ENV === "development" && c === "verbose" && U("📺 media style:", ge);
-              const j = de ? ve[2] : "", J = `${ve[Ut]}${j}${rs}${te}${ve[Hs] || ""}`;
+              const j = de ? ve[2] : "", J = `${ve[Ut]}${j}${rs}${te}${ve[Us] || ""}`;
               Ht(v, ge), $[J] = ge[pt];
             }
           } else {
             let Ne = function(j, J, be) {
-              N.style || (N.style = {}), yl(N, te, j, J, k[te], de, c, be) && j === "fontFamily" && (N.fontFamily = q.fontFamily);
+              N.style || (N.style = {}), Sl(N, te, j, J, k[te], de, c, be) && j === "fontFamily" && (N.fontFamily = q.fontFamily);
             };
             const Ae = ae === "theme", ve = ae === "group";
             if (!Ae && ae !== "platform" && !ve) {
@@ -2322,32 +2322,32 @@ const $i = (e, t, n, o, r, s, i, a, l, d, u, c, m) => {
             if (Ae) {
               if (ie = !0, !(o === te || o.startsWith(te))) return;
             } else if (ve) {
-              const j = Ps(te), J = j.name, be = (Ze = l == null ? void 0 : l[J]) == null ? void 0 : Ze.state, We = j.pseudo, Ve = j.media;
+              const j = Ws(te), J = j.name, be = (qe = l == null ? void 0 : l[J]) == null ? void 0 : qe.state, Le = j.pseudo, Pe = j.media;
               if (!be) {
                 process.env.NODE_ENV === "development" && c && U(`No parent with group prop, skipping styles: ${J}`), le || (le = /* @__PURE__ */ new Set());
                 return;
               }
-              const Ke = (ln = r.group) == null ? void 0 : ln[J];
-              if (Ve) {
-                G || (G = /* @__PURE__ */ new Set()), G.add(Ve);
-                const ye = Ke == null ? void 0 : Ke.media;
-                let Re = ye == null ? void 0 : ye[Ve];
-                if (!ye && be.layout && (Re = js(Ve, be.layout)), process.env.NODE_ENV === "development" && c === "verbose" && U(` 🏘️ GROUP media ${Ve} active? ${Re}`, {
+              const Ge = (ln = r.group) == null ? void 0 : ln[J];
+              if (Pe) {
+                G || (G = /* @__PURE__ */ new Set()), G.add(Pe);
+                const ye = Ge == null ? void 0 : Ge.media;
+                let Re = ye == null ? void 0 : ye[Pe];
+                if (!ye && be.layout && (Re = Hs(Pe, be.layout)), process.env.NODE_ENV === "development" && c === "verbose" && U(` 🏘️ GROUP media ${Pe} active? ${Re}`, {
                   ...ye,
                   usedKeys: {
                     ...N.usedKeys
                   }
                 }), !Re) {
-                  for (const Ge in q) go(Ge, N);
+                  for (const Ye in q) go(Ye, N);
                   return;
                 }
                 de = 2;
               }
-              if (We) {
+              if (Le) {
                 le || (le = /* @__PURE__ */ new Set()), le.add(J);
-                const ye = (at = Ke || // fallback to context initially
-                (l == null ? void 0 : l[J].state)) == null ? void 0 : at.pseudo, Re = ye == null ? void 0 : ye[We], Ge = Qo[We];
-                if (process.env.NODE_ENV === "development" && c === "verbose" && U(` 🏘️ GROUP pseudo ${Ve} active? ${Re}, priority ${Ge}`, {
+                const ye = (at = Ge || // fallback to context initially
+                (l == null ? void 0 : l[J].state)) == null ? void 0 : at.pseudo, Re = ye == null ? void 0 : ye[Le], Ye = Qo[Le];
+                if (process.env.NODE_ENV === "development" && c === "verbose" && U(` 🏘️ GROUP pseudo ${Pe} active? ${Re}, priority ${Ye}`, {
                   componentGroupPseudoState: {
                     ...ye
                   },
@@ -2358,13 +2358,13 @@ const $i = (e, t, n, o, r, s, i, a, l, d, u, c, m) => {
                   for (const Et in q) go(Et, N);
                   return;
                 }
-                de = Ge;
+                de = Ye;
               }
             }
             const ge = Xt.get(q);
             ve && q.transition && (N.pseudoTransitions || (N.pseudoTransitions = {}), N.pseudoTransitions[`$${te}`] = q.transition);
             for (const j in q) if (j !== "space") if (j[0] === "$") {
-              if (!mo(j) || !tl(j, o)) continue;
+              if (!mo(j) || !nl(j, o)) continue;
               const J = Xt.get(q[j]);
               for (const be in q[j]) Ne(be, q[j][be], J == null ? void 0 : J[be]);
             } else Ne(j, q[j], ge == null ? void 0 : ge[j]);
@@ -2390,13 +2390,13 @@ const $i = (e, t, n, o, r, s, i, a, l, d, u, c, m) => {
       console.groupEnd();
     }
   }
-  if (process.env.NODE_ENV === "development" && (c === "profile" || globalThis.time) && time`split-styles-propsend`, s.noNormalize !== !1 && (N.style && (Bn(N.style), !s.noExpand && !s.noMergeStyle && At && (!x || (f == null ? void 0 : f.inputStyle) !== "css") && pr(N.style)), N.flatTransforms && (N.style || (N.style = {}), wi(N.style, N.flatTransforms))), !s.noNormalize && !t.isReactNative && !t.isHOC && (!s.isAnimated || (f == null ? void 0 : f.inputStyle) === "css") && Array.isArray((st = N.style) == null ? void 0 : st.transform) && (N.style.transform = hr(N.style.transform)), !s.noMergeStyle && N.style && _) {
+  if (process.env.NODE_ENV === "development" && (c === "profile" || globalThis.time) && time`split-styles-propsend`, s.noNormalize !== !1 && (N.style && (Bn(N.style), !s.noExpand && !s.noMergeStyle && At && (!x || (f == null ? void 0 : f.inputStyle) !== "css") && pr(N.style)), N.flatTransforms && (N.style || (N.style = {}), Ni(N.style, N.flatTransforms))), !s.noNormalize && !t.isReactNative && !t.isHOC && (!s.isAnimated || (f == null ? void 0 : f.inputStyle) === "css") && Array.isArray((st = N.style) == null ? void 0 : st.transform) && (N.style.transform = hr(N.style.transform)), !s.noMergeStyle && N.style && _) {
     let V, O = !1;
     if (!N.style.$$css) {
-      const z = uo(N.style);
-      for (const ne of z) {
-        const [oe, Ue, ce] = ne, ae = s.isAnimated && s.noClass && ((St = e.animateOnly) == null ? void 0 : St.includes(oe)), ue = !ae && !s.isAnimated && Ct && (f == null ? void 0 : f.outputStyle) === "css" && ((Dt = e.animateOnly) == null ? void 0 : Dt.includes(oe));
-        ae ? (V || (V = {}), V[oe] = N.style[oe]) : ue ? (V || (V = {}), V[oe] = Ue, O = !0) : (Ht(v, ne), $[oe] = ce);
+      const W = uo(N.style);
+      for (const ne of W) {
+        const [oe, Ke, ce] = ne, ae = s.isAnimated && s.noClass && ((St = e.animateOnly) == null ? void 0 : St.includes(oe)), ue = !ae && !s.isAnimated && Ct && (f == null ? void 0 : f.outputStyle) === "css" && ((Dt = e.animateOnly) == null ? void 0 : Dt.includes(oe));
+        ae ? (V || (V = {}), V[oe] = N.style[oe]) : ue ? (V || (V = {}), V[oe] = Ke, O = !0) : (Ht(v, ne), $[oe] = ce);
       }
       process.env.NODE_ENV === "development" && e.debug === "verbose" && (console.groupCollapsed("🔹 getSplitStyles final style object"), console.info(N.style), console.info("retainedStyles", V), console.groupEnd()), (O || process.env.IS_STATIC !== "is_static") && (N.style = V || {});
     }
@@ -2405,18 +2405,18 @@ const $i = (e, t, n, o, r, s, i, a, l, d, u, c, m) => {
     const V = {};
     let O = !1;
     e.animateOnly;
-    for (const z in N.style) z in ei && (V[z] = N.style[z], delete N.style[z], O = !0);
+    for (const W in N.style) W in ti && (V[W] = N.style[W], delete N.style[W], O = !0);
     if (O) {
-      const z = uo(V);
-      for (const ne of z) Ht(v, ne), $[ne[Ut]] = ne[pt];
+      const W = uo(V);
+      for (const ne of W) Ht(v, ne), $[ne[Ut]] = ne[pt];
     }
   }
-  const Ie = e.style;
-  if (!s.noMergeStyle && Ie) if (p) R.style = ls(Ie);
+  const De = e.style;
+  if (!s.noMergeStyle && De) if (p) R.style = ls(De);
   else {
-    const V = Array.isArray(Ie), O = V ? Ie.length : 1;
-    for (let z = 0; z < O; z++) {
-      const ne = V ? Ie[z] : Ie;
+    const V = Array.isArray(De), O = V ? De.length : 1;
+    for (let W = 0; W < O; W++) {
+      const ne = V ? De[W] : De;
       ne && (ne.$$css ? Object.assign(N.classNames, ne) : (N.style || (N.style = {}), Object.assign(N.style, ls(ne))));
     }
   }
@@ -2434,23 +2434,23 @@ const $i = (e, t, n, o, r, s, i, a, l, d, u, c, m) => {
     mediaGroups: G,
     overriddenContextProps: N.overriddenContextProps,
     pseudoTransitions: N.pseudoTransitions
-  }, pe = He === "except-style" || He === "except-style-web";
+  }, pe = Ue === "except-style" || Ue === "except-style-web";
   if (!s.noMergeStyle && !pe) {
     const V = N.style;
     {
       let O = g || h ? N.fontFamily : null;
       O && O[0] === "$" && (O = O.slice(1));
-      const z = O ? `font_${O}` : "", ne = e.group ? `t_group_${e.group}` : "", oe = e.componentName || t.componentName, Ue = e.asChild || !oe || oe === "Text" ? "" : `is_${oe}`;
+      const W = O ? `font_${O}` : "", ne = e.group ? `t_group_${e.group}` : "", oe = e.componentName || t.componentName, Ke = e.asChild || !oe || oe === "Text" ? "" : `is_${oe}`;
       let ce = [];
-      Ue && ce.push(Ue), g ? ce.push("is_Text") : ce.push("is_View"), z && ce.push(z), $ && ce.push(Object.values($).join(" ")), ne && ce.push(ne), e.className && ce.push(e.className);
+      Ke && ce.push(Ke), g ? ce.push("is_Text") : ce.push("is_View"), W && ce.push(W), $ && ce.push(Object.values($).join(" ")), ne && ce.push(ne), e.className && ce.push(e.className);
       const ae = ce.join(" "), ue = x || s.isAnimated && (f == null ? void 0 : f.isReactNative);
       if (s.isAnimated && (f == null ? void 0 : f.inputStyle) === "css") R.className = ae, V && (R.style = V);
       else if (ue) {
-        let De;
-        for (const L of ae.split(" ")) De || (De = {
+        let Fe;
+        for (const z of ae.split(" ")) Fe || (Fe = {
           $$css: !0
-        }), De[L] = L;
-        R.style = De ? [...Array.isArray(V) ? V : [V], De] : [V];
+        }), Fe[z] = z;
+        R.style = Fe ? [...Array.isArray(V) ? V : [V], Fe] : [V];
       } else ae && (R.className = ae), V && (R.style = V);
     }
   }
@@ -2472,8 +2472,8 @@ const $i = (e, t, n, o, r, s, i, a, l, d, u, c, m) => {
   }
   return process.env.NODE_ENV === "development" && (c === "profile" || globalThis.time) && time`split-styles-done`, Oe;
 };
-function wi(e, t) {
-  Object.entries(t).sort(([n], [o]) => Ei(n, o)).forEach(([n, o]) => {
+function Ni(e, t) {
+  Object.entries(t).sort(([n], [o]) => $i(n, o)).forEach(([n, o]) => {
     kn(e, n, o, !0);
   });
 }
@@ -2522,7 +2522,7 @@ const Gt = (e, t, n, o) => {
       }
       continue;
     }
-    !r.isHOC && c in bt && !i.noSkip || yi(c, m, e, !1, (f, b, p) => {
+    !r.isHOC && c in bt && !i.noSkip || Si(c, m, e, !1, (f, b, p) => {
       p !== void 0 && (l || (l = {}), l[f] = p), f in On && (b = Gt(e, f, b, o)), !o && f in on ? kn(a, f, b) : a[f] = i.noNormalize ? b : _e(b, c);
     });
   }
@@ -2554,24 +2554,24 @@ const Gt = (e, t, n, o) => {
         }
         kn(a, p, m[p]);
       }
-    } else m && wi(a, m);
+    } else m && Ni(a, m);
   }
   return i.noNormalize || Bn(a), l && Xt.set(a, l), a;
-}, ml = Z.useInsertionEffect || ke, hl = (e, t, n, o, r, s, i, a, l, d, u, c, m) => {
+}, hl = Z.useInsertionEffect || ke, pl = (e, t, n, o, r, s, i, a, l, d, u, c, m) => {
   "use no memo";
-  const f = $i(e, t, n, o, r, s, i, a, l, d, u, c, m);
-  return ml(() => {
-    f && Qa(f.rulesToInsert);
+  const f = wi(e, t, n, o, r, s, i, a, l, d, u, c, m);
+  return hl(() => {
+    f && el(f.rulesToInsert);
   }, [f == null ? void 0 : f.rulesToInsert]), f;
 };
 function Ht(e, t) {
   {
     const n = t[pt];
-    mi(n) && (fi(n, t[Ln]), e[n] = t);
+    hi(n) && (mi(n, t[zn]), e[n] = t);
   }
 }
-const pl = process.env.TAMAGUI_DEFAULT_COLOR || "rgba(0,0,0,0)", gl = {
-  ...Object.fromEntries(Object.entries(gt.color).map(([e, t]) => [e, pl])),
+const gl = process.env.TAMAGUI_DEFAULT_COLOR || "rgba(0,0,0,0)", bl = {
+  ...Object.fromEntries(Object.entries(gt.color).map(([e, t]) => [e, gl])),
   opacity: 1,
   scale: 1,
   scaleX: 1,
@@ -2587,9 +2587,9 @@ const pl = process.env.TAMAGUI_DEFAULT_COLOR || "rgba(0,0,0,0)", gl = {
   borderRadius: 0
 }, kn = (e, t, n, o = !1) => {
   typeof e.transform != "string" && (e.transform || (e.transform = []), e.transform[o ? "unshift" : "push"]({
-    [bl[t] || t]: n
+    [yl[t] || t]: n
   }));
-}, bl = {
+}, yl = {
   x: "translateX",
   y: "translateY"
 };
@@ -2602,9 +2602,9 @@ function as(e, t, n, o = !1) {
     delete e[t], e[t] = r;
   } else e[t] = n;
 }
-function yl(e, t, n, o, r, s, i, a) {
+function Sl(e, t, n, o, r, s, i, a) {
   const l = e.usedKeys;
-  let d = ga(t, n, e, r);
+  let d = ba(t, n, e, r);
   if (s && (d = (d || 0) + s), process.env.NODE_ENV === "development" && i === "verbose" && U(`mergeMediaByImportance ${n} importance usedKey ${l[n]} next ${d}`), d === null) return !1;
   if (n in Me) {
     const u = Me[n], c = u.stateKey || u.name;
@@ -2623,22 +2623,22 @@ function ls(e) {
   return Array.isArray(t.transform) && (t.transform = hr(t.transform)), Bn(t), t;
 }
 function go(e, t) {
-  const n = gl[e];
+  const n = bl[e];
   n != null && !(e in t.usedKeys) && (!t.style || !(e in t.style)) && tn(t, e, n, 1);
 }
-const Sl = /^on[A-Z]/;
-function Ni(e, t) {
+const vl = /^on[A-Z]/;
+function xi(e, t) {
   for (const n in t) {
     const o = e[n], r = t[n];
     r !== void 0 && (n === "style" ? e.style = o && r ? {
       ...o,
       ...r
-    } : r || o : n === "className" ? e.className = o && r ? `${o} ${r}` : r || o : n === "ref" ? e.ref = o && r ? dr(o, r) : r || o : Sl.test(n) && typeof o == "function" && typeof r == "function" ? e[n] = or(o, r) : e[n] = r);
+    } : r || o : n === "className" ? e.className = o && r ? `${o} ${r}` : r || o : n === "ref" ? e.ref = o && r ? dr(o, r) : r || o : vl.test(n) && typeof o == "function" && typeof r == "function" ? e[n] = or(o, r) : e[n] = r);
   }
   return e;
 }
-function vl(e, t, n) {
-  const o = Ni({
+function El(e, t, n) {
+  const o = xi({
     ...e
   }, t);
   return o.children = n, o;
@@ -2681,14 +2681,14 @@ function us(e) {
     groups: t
   };
 }
-const Ye = {};
-function El(e) {
-  Object.assign(Ye, e);
+const Xe = {};
+function $l(e) {
+  Object.assign(Xe, e);
 }
-const $l = (e) => {
+const wl = (e) => {
   var t;
-  (t = Ye.setElementProps) == null || t.call(Ye, e);
-}, wl = (e) => {
+  (t = Xe.setElementProps) == null || t.call(Xe, e);
+}, Nl = (e) => {
   const {
     pseudoGroups: t,
     mediaGroups: n,
@@ -2726,7 +2726,7 @@ const $l = (e) => {
       if (l && (n != null && n.has(e))) c.pseudo || (c.pseudo = {}), xo(c.pseudo, l) !== c.pseudo && (Object.assign(c.pseudo, l), u = !0);
       else if (a && o) {
         c.media || (c.media = {});
-        const f = pa(o, a), b = xo(c.media, f);
+        const f = ga(o, a), b = xo(c.media, f);
         b !== c.media && (Object.assign(c.media, b), u = !0);
       }
       return u ? {
@@ -2742,7 +2742,7 @@ const $l = (e) => {
       group: {}
     });
   };
-}, Mn = nn(!1), Nl = ({
+}, Mn = nn(!1), xl = ({
   children: e,
   enabled: t
 }) => {
@@ -2751,24 +2751,24 @@ const $l = (e) => {
     value: t ?? n,
     children: e
   });
-}, xl = () => Eo.useContext(Mn);
-function xi() {
-  return Eo.useContext(Mn) ? !0 : Eo.useSyncExternalStore(Tl, () => !0, () => !1);
+}, Tl = () => Eo.useContext(Mn);
+function Ti() {
+  return Eo.useContext(Mn) ? !0 : Eo.useSyncExternalStore(_l, () => !0, () => !1);
 }
-const Tl = () => () => {
+const _l = () => () => {
 };
 let Ee;
-function Ti({
+function _i({
   themeState: e,
   themeProps: t,
   children: n
 }) {
   if (process.env.NODE_ENV === "development") {
-    const o = xi();
-    if (process.env.NODE_ENV === "development" && typeof document < "u" && (Ee || (Ee = document.createElement("div"), Ee.style.height = "200px", Ee.style.overflowY = "scroll", Ee.style.position = "fixed", Ee.style.zIndex = 1e7, Ee.style.bottom = "30px", Ee.style.left = "30px", Ee.style.right = "30px", Ee.style.display = "flex", Ee.style.border = "1px solid #888", Ee.style.flexDirection = "row", Ee.style.background = "var(--background)")), tt(() => {
+    const o = Ti();
+    if (process.env.NODE_ENV === "development" && typeof document < "u" && (Ee || (Ee = document.createElement("div"), Ee.style.height = "200px", Ee.style.overflowY = "scroll", Ee.style.position = "fixed", Ee.style.zIndex = 1e7, Ee.style.bottom = "30px", Ee.style.left = "30px", Ee.style.right = "30px", Ee.style.display = "flex", Ee.style.border = "1px solid #888", Ee.style.flexDirection = "row", Ee.style.background = "var(--background)")), nt(() => {
       document.body.appendChild(Ee);
     }, []), t["disable-child-theme"] || !o) return n;
-    const r = e.parentId ? ii(e.parentId) : null;
+    const r = e.parentId ? ai(e.parentId) : null;
     return /* @__PURE__ */ se(Fn, {
       children: [Li(/* @__PURE__ */ se("code", {
         style: {
@@ -2803,13 +2803,13 @@ function Ti({
   }
   return n;
 }
-Ti.displayName = "ThemeDebug";
-const rn = Ts(function(e, t) {
+_i.displayName = "ThemeDebug";
+const rn = _s(function(e, t) {
   "use no memo";
   if (e.disable) return e.children;
   const {
     passThrough: n
-  } = e, o = !!e._isRoot, [r, s] = li(e, o);
+  } = e, o = !!e._isRoot, [r, s] = ci(e, o);
   let i = e["disable-child-theme"] ? Tn.map(e.children, (l) => n || !Jo(l) ? l : _n(l, {
     "data-disable-theme": !0
   })) : e.children;
@@ -2822,21 +2822,21 @@ const rn = Ts(function(e, t) {
   const a = kt({
     hasEverThemed: !1
   });
-  return _i(s, i, e, o, a, n);
+  return Ci(s, i, e, o, a, n);
 });
 rn.avoidForwardRef = !0;
-function _i(e, t, n, o = !1, r, s = !1) {
+function Ci(e, t, n, o = !1, r, s = !1) {
   const {
     shallow: i,
     forceClassName: a
   } = n, l = r.current;
-  let d = l.hasEverThemed || e.isNew || o || Fa(n);
-  if (process.env.NODE_ENV === "development" && n.debug === "visualize" && (t = /* @__PURE__ */ y(Ti, {
+  let d = l.hasEverThemed || e.isNew || o || Va(n);
+  if (process.env.NODE_ENV === "development" && n.debug === "visualize" && (t = /* @__PURE__ */ y(_i, {
     themeState: e,
     themeProps: n,
     children: t
   })), !d) return t;
-  t = /* @__PURE__ */ y(si.Provider, {
+  t = /* @__PURE__ */ y(ii.Provider, {
     value: e.id,
     children: t
   });
@@ -2847,7 +2847,7 @@ function _i(e, t, n, o = !1, r, s = !1) {
   if (l.hasEverThemed || (l.hasEverThemed = !0), (m || // if the theme is exactly dark or light, its likely to change between dark/light
   // and that would require wrapping which would re-parent, so to avoid re-parenting do this
   e.name === "dark" || e.name === "light") && (l.hasEverThemed = "wrapped"), i && e.parentId) {
-    const f = ii(e.isNew ? e.id : e.parentId);
+    const f = ai(e.isNew ? e.id : e.parentId);
     if (!f) throw new Error("‼️010");
     t = Tn.toArray(t).map((b) => Jo(b) ? s ? b : _n(b, void 0, /* @__PURE__ */ y(rn, {
       name: f.name,
@@ -2862,7 +2862,7 @@ function _i(e, t, n, o = !1, r, s = !1) {
     themeSpanProps: fs(e, n, o)
   }), a === !1) return t;
   {
-    const f = n.contain ? Cl : _l, {
+    const f = n.contain ? Ol : Cl, {
       className: b = "",
       color: p
     } = s ? {} : fs(e, n, o);
@@ -2883,18 +2883,18 @@ function _i(e, t, n, o = !1, r, s = !1) {
     return t;
   }
 }
-const _l = {
+const Cl = {
   display: "contents"
-}, Cl = {
+}, Ol = {
   display: "contents",
   contain: "strict"
-}, Ol = {
+}, Al = {
   className: "",
   color: void 0
 };
 function fs(e, t, n = !1) {
-  if (!e.isNew && !t.forceClassName) return Ol;
-  const o = e != null && e.theme && e.isNew ? Rt(e.theme.color) : "", r = e.name.replace(Al, ""), s = r.split("_");
+  if (!e.isNew && !t.forceClassName) return Al;
+  const o = e != null && e.theme && e.isNew ? Rt(e.theme.color) : "", r = e.name.replace(Rl, ""), s = r.split("_");
   let i = `t_${r}`;
   if (s.length > 1) {
     const l = [];
@@ -2907,8 +2907,8 @@ function fs(e, t, n = !1) {
     className: a
   };
 }
-const Al = /^(dark|light)_/;
-function Rl(e, t, n = !1) {
+const Rl = /^(dark|light)_/;
+function kl(e, t, n = !1) {
   const o = Z.forwardRef(function(r, s) {
     "use no memo";
     const i = mr(t, r.componentName), a = i == null ? void 0 : i.theme, l = i == null ? void 0 : i.themeReset, {
@@ -2951,7 +2951,7 @@ function Rl(e, t, n = !1) {
   });
   return o.displayName = `Themed(${(e == null ? void 0 : e.displayName) || (e == null ? void 0 : e.name) || "Anonymous"})`, o;
 }
-function kl(e) {
+function Ml(e) {
   if (e.length) return /* @__PURE__ */ y(Fn, {
     children: e.map((t) => {
       const n = t[pt];
@@ -2959,16 +2959,16 @@ function kl(e) {
         href: `t_${n}`,
         precedence: "default",
         suppressHydrationWarning: !0,
-        children: t[Ln].join(`
+        children: t[zn].join(`
 `)
       }, n);
     })
   });
 }
-const Ml = (e, t, n, o) => {
+const Il = (e, t, n, o) => {
   "use no memo";
   var ie;
-  const r = xi(), s = !xl(), i = t != null && t.isStub || t == null ? void 0 : t.useAnimations, {
+  const r = Ti(), s = !Tl(), i = t != null && t.isStub || t == null ? void 0 : t.useAnimations, {
     isHOC: a
   } = n, l = kt(
     // performance: avoid creating object every render
@@ -2977,7 +2977,7 @@ const Ml = (e, t, n, o) => {
   l.current || (l.current = {
     startedUnhydrated: s && !r
   });
-  const d = !!(!a && "transition" in e || e.style && Il(e.style)), u = (t == null ? void 0 : t.inputStyle) ?? "css", c = (t == null ? void 0 : t.outputStyle) ?? "css", m = l.current;
+  const d = !!(!a && "transition" in e || e.style && Dl(e.style)), u = (t == null ? void 0 : t.inputStyle) ?? "css", c = (t == null ? void 0 : t.outputStyle) ?? "css", m = l.current;
   !s && d && (m.hasAnimated = !0);
   const f = !!(d && !a && i || m.hasAnimated), b = !Pn && f;
   b && !m.hasAnimated && (m.hasAnimated = !0);
@@ -2991,8 +2991,8 @@ const Ml = (e, t, n, o) => {
     // without flickers of the wrong colors.
     // but once we do that initial hydration and we are in client side rendering mode,
     // we can avoid the extra re-render on mount
-    S || x ? Pa : fr
-  ) : Io, K = Dl(e);
+    S || x ? Wa : fr
+  ) : Io, K = Fl(e);
   K != null && (P.disabled = K);
   const R = _t(P), k = e.forceStyle ? {
     ...R[0],
@@ -3002,7 +3002,7 @@ const Ml = (e, t, n, o) => {
   T && !n.isHOC && !r && (v = !1, m.willHydrate = !0), K !== k.disabled && (K && Object.assign(k, Io), k.disabled = K, _((le) => ({
     ...k
   })));
-  const $ = e.group, C = Gi(_, e.debug);
+  const $ = e.group, C = Yi(_, e.debug);
   if (h && v && r && n.variants) {
     process.env.NODE_ENV === "development" && e.debug === "verbose" && console.warn(`has presenceState ${JSON.stringify(h)}`);
     const {
@@ -3012,8 +3012,8 @@ const Ml = (e, t, n, o) => {
       custom: Te
     } = h;
     jn(Te) && Object.assign(e, Te);
-    const je = G ?? me, N = le ?? me;
-    k.unmounted && N && n.variants[N] ? (process.env.NODE_ENV === "development" && e.debug === "verbose" && console.warn(`Animating presence ENTER "${N}"`), e[N] = !0) : E && je && (process.env.NODE_ENV === "development" && e.debug === "verbose" && console.warn(`Animating presence EXIT "${je}"`), e[je] = G !== me);
+    const He = G ?? me, N = le ?? me;
+    k.unmounted && N && n.variants[N] ? (process.env.NODE_ENV === "development" && e.debug === "verbose" && console.warn(`Animating presence ENTER "${N}"`), e[N] = !0) : E && He && (process.env.NODE_ENV === "development" && e.debug === "verbose" && console.warn(`Animating presence EXIT "${He}"`), e[He] = G !== me);
   }
   let M = !!e.forceStyle;
   if (!r) M = !1;
@@ -3048,22 +3048,22 @@ const Ml = (e, t, n, o) => {
     willBeAnimatedClient: f
   };
 };
-function Il(e) {
+function Dl(e) {
   return Object.keys(e).some((t) => {
     const n = e[t];
     return n && typeof n == "object" && "_animation" in n;
   });
 }
-const Dl = (e) => {
+const Fl = (e) => {
   var t;
   return e.disabled || e.passThrough || ((t = e.accessibilityState) == null ? void 0 : t.disabled) || e["aria-disabled"] || e.accessibilityDisabled || !1;
-}, Fl = zi(Ts(function(e, t) {
+}, Vl = zi(_s(function(e, t) {
   const {
     children: n,
     ...o
   } = e;
   if (Jo(n)) {
-    const r = Vl(n, o);
+    const r = Pl(n, o);
     return _n(n, n.type.avoidForwardRef ? r : {
       ...r,
       ref: dr(t, n.props.ref)
@@ -3075,15 +3075,15 @@ const Dl = (e) => {
   onPressOut: "onMouseUp",
   onPressIn: "onMouseDown"
 };
-function Vl(e, t) {
+function Pl(e, t) {
   const n = e.props, o = typeof e.type == "string";
   if (o) for (const s in gn) s in t && (t[gn[s]] = t[s], delete t[s]);
-  const r = Ni(t, n);
+  const r = xi(t, n);
   if (o) for (const s in gn) s in r && (r[gn[s]] = r[s], delete r[s]);
   return r;
 }
 let F, xt, $n;
-const Ot = /* @__PURE__ */ new Set(), Pl = /* @__PURE__ */ new Set(["hover", "press", "pressIn", "group", "focus", "focusWithin", "media", "group"]);
+const Ot = /* @__PURE__ */ new Set(), Wl = /* @__PURE__ */ new Set(["hover", "press", "pressIn", "group", "focus", "focusWithin", "media", "group"]);
 if (typeof window < "u") {
   const e = () => {
     Ot.forEach((n) => n((o) => o.press || o.pressIn ? {
@@ -3136,10 +3136,10 @@ function Hn(e) {
     const E = Z.useContext(Sn), x = !!(o && E.inText);
     !process.env.TAMAGUI_IS_CORE_NODE && process.env.NODE_ENV === "development" && p === "profile" && !F && (F = require("@tamagui/timer").timer().start(), globalThis.time = F), process.env.NODE_ENV === "development" && !F && globalThis.time && (F = globalThis.time), process.env.NODE_ENV === "development" && F && F`non-tamagui time (ignore)`;
     let S = u;
-    const T = S.componentName || e.componentName, P = mr(e, S.componentName), [K, R] = Ui(P, g, u);
+    const T = S.componentName || e.componentName, P = mr(e, S.componentName), [K, R] = Ki(P, g, u);
     S = K, h = R, process.env.NODE_ENV === "development" && Ct && Z.useEffect(() => {
       let w, A = null;
-      const W = () => {
+      const L = () => {
         var H;
         if (A) try {
           (H = A.parentNode) == null || H.removeChild(A), A = null;
@@ -3150,13 +3150,13 @@ function Hn(e) {
           A || (A = document.createElement("span"), A.style.inset = "0px", A.style.zIndex = "1000000", A.style.position = "absolute", A.style.borderColor = "red", A.style.borderWidth = "1px", A.style.borderStyle = "dotted");
           const Q = w.getAttribute("data-at") || "", lt = w.getAttribute("data-in") || "", fe = document.createElement("span");
           fe.style.position = "absolute", fe.style.top = "0px", fe.style.left = "0px", fe.style.padding = "3px", fe.style.background = "rgba(0,0,0,0.75)", fe.style.color = "rgba(255,255,255,1)", fe.style.fontSize = "12px", fe.style.lineHeight = "12px", fe.style.fontFamily = "monospace", fe.innerText = `${T || ""} ${Q} ${lt}`.trim(), A.appendChild(fe), w.appendChild(A);
-        } else W();
+        } else L();
       };
       return xt = xt || /* @__PURE__ */ new Set(), xt.add(B), () => {
-        W(), xt == null || xt.delete(B);
+        L(), xt == null || xt.delete(B);
       };
     }, [T]);
-    const k = Z.useContext(Dr), _ = S.animatedBy && t ? t.animationDrivers ? t.animationDrivers[S.animatedBy] ?? t.animations : S.animatedBy === "default" ? t.animations : null : Rn(E.animationDriver) ?? Rn(t == null ? void 0 : t.animations) ?? null, v = _ == null ? void 0 : _.useAnimations, $ = Ml(S, _ != null && _.isStub ? null : _, e), {
+    const k = Z.useContext(Dr), _ = S.animatedBy && t ? t.animationDrivers ? t.animationDrivers[S.animatedBy] ?? t.animations : S.animatedBy === "default" ? t.animations : null : Rn(E.animationDriver) ?? Rn(t == null ? void 0 : t.animations) ?? null, v = _ == null ? void 0 : _.useAnimations, $ = Il(S, _ != null && _.isStub ? null : _, e), {
       disabled: C,
       groupName: M,
       hasAnimationProp: ie,
@@ -3164,27 +3164,27 @@ function Hn(e) {
       isAnimated: G,
       isExiting: me,
       isHydrated: Te,
-      presence: je,
+      presence: He,
       presenceState: N,
-      setState: He,
+      setState: Ue,
       noClass: $e,
       state: Y,
       stateRef: I,
-      inputStyle: Xe,
+      inputStyle: Ze,
       outputStyle: Un,
       willBeAnimated: yt,
       willBeAnimatedClient: rt,
-      startedUnhydrated: Ie
+      startedUnhydrated: De
     } = $;
     ie && (_ != null && _.avoidReRenders) && ke(() => {
       const w = I.current.nextState;
       w && (I.current.nextState = void 0, $.setStateShallow(w));
     });
     const Oe = $o(() => {
-      var A, W;
+      var A, L;
       if (!M || S.passThrough) return k;
       const w = /* @__PURE__ */ new Set();
-      return (W = (A = I.current.group) == null ? void 0 : A.listeners) == null || W.clear(), I.current.group = {
+      return (L = (A = I.current.group) == null ? void 0 : A.listeners) == null || L.clear(), I.current.group = {
         listeners: w,
         emit(B) {
           w.forEach((H) => H(B));
@@ -3221,32 +3221,32 @@ function Hn(e) {
     _ && G && _.needsCustomComponent && (V = _[o ? "Text" : "View"] || V);
     const O = S["data-disable-theme"] || r;
     process.env.NODE_ENV === "development" && F && F`theme-props`;
-    const z = {
+    const W = {
       componentName: T,
       disable: O,
       shallow: S.themeShallow,
       debug: p,
       unstyled: S.unstyled
     };
-    if ("theme" in S && (z.name = S.theme), z.needsUpdate = () => !!I.current.isListeningToTheme, process.env.NODE_ENV === "development" && p && p !== "profile") {
-      const w = `${T || (n == null ? void 0 : n.displayName) || (n == null ? void 0 : n.name) || "[Unnamed Component]"}`, A = (le ? "(hasEnter)" : " ") + (G ? "(animated)" : " ") + (b ? "(rnw)" : " ") + ($e ? "(noClass)" : " ") + (Y.press || Y.pressIn ? "(PRESSED)" : " ") + (Y.hover ? "(HOVERED)" : " ") + (Y.focus ? "(FOCUSED)" : " ") + (Y.focusWithin ? "(WITHIN FOCUSED)" : " ") + ((N == null ? void 0 : N.isPresent) === !1 ? "(EXIT)" : ""), W = u["data-is"] || "", B = `<${w} /> ${m} ${W ? ` ${W}` : ""} ${A.trim()} (hydrated: ${Te}) (unmounted: ${Y.unmounted})`, H = u.children;
+    if ("theme" in S && (W.name = S.theme), W.needsUpdate = () => !!I.current.isListeningToTheme, process.env.NODE_ENV === "development" && p && p !== "profile") {
+      const w = `${T || (n == null ? void 0 : n.displayName) || (n == null ? void 0 : n.name) || "[Unnamed Component]"}`, A = (le ? "(hasEnter)" : " ") + (G ? "(animated)" : " ") + (b ? "(rnw)" : " ") + ($e ? "(noClass)" : " ") + (Y.press || Y.pressIn ? "(PRESSED)" : " ") + (Y.hover ? "(HOVERED)" : " ") + (Y.focus ? "(FOCUSED)" : " ") + (Y.focusWithin ? "(WITHIN FOCUSED)" : " ") + ((N == null ? void 0 : N.isPresent) === !1 ? "(EXIT)" : ""), L = u["data-is"] || "", B = `<${w} /> ${m} ${L ? ` ${L}` : ""} ${A.trim()} (hydrated: ${Te}) (unmounted: ${Y.unmounted})`, H = u.children;
       let Q = typeof H == "string" ? H.length > 4 ? H.slice(0, 4) + "..." : H : "";
       Q.length && (Q = `(children: ${Q})`), console.info(`%c ${B}`, "background: green; color: white;"), Pn ? U({
         noClass: $e,
         isAnimated: G,
         isWeb: At,
-        inputStyle: Xe
+        inputStyle: Ze
       }) : (console.groupEnd(), console.groupCollapsed(`${Q} [inspect props, state, context 👇]`), U("props in:", u), U("final props:", S, Object.keys(S)), U({
         state: Y,
         staticConfig: e,
         elementType: V,
-        themeStateProps: z
+        themeStateProps: W
       }), U({
         context: f,
         overriddenContextProps: h,
         componentContext: E
       }), U({
-        presence: je,
+        presence: He,
         isAnimated: G,
         isHOC: r,
         hasAnimationProp: ie,
@@ -3254,13 +3254,13 @@ function Hn(e) {
       }), console.groupEnd());
     }
     process.env.NODE_ENV === "development" && F && F`pre-theme-media`;
-    const [ne, oe] = li(z);
+    const [ne, oe] = ci(W);
     process.env.NODE_ENV === "development" && F && F`theme`, V = St || V;
-    const Ue = typeof V == "string", ce = ma(E, p);
+    const Ke = typeof V == "string", ce = ha(E, p);
     ur(!1), process.env.NODE_ENV === "development" && F && F`media`;
     const ae = (
       // if HOC + mounted + has animation prop, resolve as value so it passes non-variable to child
-      G && Xe !== "css" || r && Y.unmounted == !1 && ie ? "value" : "auto"
+      G && Ze !== "css" || r && Y.unmounted == !1 && ie ? "value" : "auto"
     ), ue = {
       mediaState: ce,
       noClass: $e,
@@ -3269,14 +3269,14 @@ function Hn(e) {
       isAnimated: G,
       willBeAnimated: yt,
       styledContext: g
-    }, De = (oe == null ? void 0 : oe.name) || "";
+    }, Fe = (oe == null ? void 0 : oe.name) || "";
     process.env.NODE_ENV === "development" && F && F`split-styles-prepare`;
-    const L = hl(S, e, ne, De, Y, ue, null, E, Oe, V, Ie, p, _), it = !L;
+    const z = pl(S, e, ne, Fe, Y, ue, null, E, Oe, V, De, p, _), it = !z;
     let vt = e.context;
-    if (L != null && L.overriddenContextProps) {
+    if (z != null && z.overriddenContextProps) {
       const w = e.context || ((Cr = e.parentStaticConfig) == null ? void 0 : Cr.context);
       if (w) {
-        for (const A in L.overriddenContextProps) h = h || {}, h[A] = L.overriddenContextProps[A];
+        for (const A in z.overriddenContextProps) h = h || {}, h[A] = z.overriddenContextProps[A];
         e.context || (vt = w);
       }
     }
@@ -3284,15 +3284,15 @@ function Hn(e) {
     if (!it && we && // avoids onLayout if we don't need it
     S.containerType !== "normal") {
       const w = we == null ? void 0 : we.state;
-      w && w.layout === void 0 && ((Or = L.style) != null && Or.width || (Ar = L.style) != null && Ar.height) && (w.layout = {
-        width: ms(L.style.width),
-        height: ms(L.style.height)
+      w && w.layout === void 0 && ((Or = z.style) != null && Or.width || (Ar = z.style) != null && Ar.height) && (w.layout = {
+        width: ms(z.style.width),
+        height: ms(z.style.height)
       });
     }
     const sn = S.transition && typeof S.transition == "object" && !Array.isArray(S.transition) && ("enter" in S.transition || "exit" in S.transition);
     if (!it && (ie || M) && (_ != null && _.avoidReRenders) && !sn) {
       let w = function() {
-        const W = I.current.nextState;
+        const L = I.current.nextState;
         if (we) {
           const {
             group: B,
@@ -3300,40 +3300,40 @@ function Hn(e) {
             unmounted: Q,
             transition: lt,
             ...fe
-          } = W;
+          } = L;
           i(we, I.current.group || null, fe);
         }
       };
       const A = pe;
       if (I.current.updateStyleListener = () => {
-        const W = I.current.useStyleListener;
-        if (!W) {
+        const L = I.current.useStyleListener;
+        if (!L) {
           const fe = I.current.nextState;
           fe && (I.current.nextState = void 0, A(fe));
           return;
         }
-        const B = I.current.nextState || Y, H = I.current.nextMedia, Q = $i(S, e, ne, De, B, H ? {
+        const B = I.current.nextState || Y, H = I.current.nextMedia, Q = wi(S, e, ne, Fe, B, H ? {
           ...ue,
           mediaState: H
-        } : ue, null, E, Oe, V, Ie, p, _), lt = cs(I.current.prevPseudoState, B, Q == null ? void 0 : Q.pseudoTransitions, S.transition);
-        I.current.prevPseudoState = us(B), W((Q == null ? void 0 : Q.style) || {}, lt);
+        } : ue, null, E, Oe, V, De, p, _), lt = cs(I.current.prevPseudoState, B, Q == null ? void 0 : Q.pseudoTransitions, S.transition);
+        I.current.prevPseudoState = us(B), L((Q == null ? void 0 : Q.style) || {}, lt);
       }, E.mediaEmitListeners = E.mediaEmitListeners || /* @__PURE__ */ new Set(), !I.current.mediaEmitCleanup) {
-        const W = (B) => {
+        const L = (B) => {
           var H, Q;
           I.current.nextMedia = B, (Q = (H = I.current).updateStyleListener) == null || Q.call(H);
         };
-        E.mediaEmitListeners.add(W), I.current.mediaEmitCleanup = () => {
+        E.mediaEmitListeners.add(L), I.current.mediaEmitCleanup = () => {
           var B;
-          (B = E.mediaEmitListeners) == null || B.delete(W);
+          (B = E.mediaEmitListeners) == null || B.delete(L);
         };
       }
-      E.mediaEmit = E.mediaEmit || ((W) => {
-        for (const B of E.mediaEmitListeners) B(W);
-      }), I.current.setStateShallow = (W) => {
+      E.mediaEmit = E.mediaEmit || ((L) => {
+        for (const B of E.mediaEmitListeners) B(L);
+      }), I.current.setStateShallow = (L) => {
         var fe, kr;
-        const B = I.current.nextState || Y, H = typeof W == "function" ? W(B) : W;
-        if (H === B || As(B, H)) return;
-        const Q = Object.keys(H).every((Di) => Pl.has(Di)), lt = {
+        const B = I.current.nextState || Y, H = typeof L == "function" ? L(B) : L;
+        if (H === B || Rs(B, H)) return;
+        const Q = Object.keys(H).every((Fi) => Wl.has(Fi)), lt = {
           ...B,
           ...H
         };
@@ -3344,22 +3344,22 @@ function Hn(e) {
           canAvoidReRender: Q,
           next: H
         }), A(H));
-      }, pe = (W) => {
+      }, pe = (L) => {
         var B, H;
-        (H = (B = I.current).setStateShallow) == null || H.call(B, W);
+        (H = (B = I.current).setStateShallow) == null || H.call(B, L);
       };
     }
-    process.env.NODE_ENV === "development" && F && F`split-styles`, L && (S.group && S.untilMeasured === "hide" && !I.current.hasMeasured && (L.style = L.style || {}, L.style.opacity = 0), L.dynamicThemeAccess != null && (I.current.isListeningToTheme = L.dynamicThemeAccess));
-    const D = (L == null ? void 0 : L.hasMedia) && L.hasMedia !== !0, ee = Ca() || D || $e && (L == null ? void 0 : L.hasMedia) === !0, Ft = D ? L.hasMedia : null;
-    process.env.NODE_ENV === "development" && p === "verbose" && console.info("useMedia() createComponent", ee, Ft), da(E, ee, Ft);
+    process.env.NODE_ENV === "development" && F && F`split-styles`, z && (S.group && S.untilMeasured === "hide" && !I.current.hasMeasured && (z.style = z.style || {}, z.style.opacity = 0), z.dynamicThemeAccess != null && (I.current.isListeningToTheme = z.dynamicThemeAccess));
+    const D = (z == null ? void 0 : z.hasMedia) && z.hasMedia !== !0, ee = Oa() || D || $e && (z == null ? void 0 : z.hasMedia) === !0, Ft = D ? z.hasMedia : null;
+    process.env.NODE_ENV === "development" && p === "verbose" && console.info("useMedia() createComponent", ee, Ft), fa(E, ee, Ft);
     const {
       viewProps: an,
       pseudos: re,
-      style: Ze,
+      style: qe,
       classNames: ln,
       pseudoGroups: at,
       mediaGroups: te
-    } = L || {}, Fe = S, {
+    } = z || {}, Ve = S, {
       asChild: Ne,
       children: Ae,
       themeShallow: ve,
@@ -3369,17 +3369,17 @@ function Hn(e) {
       onPressIn: j,
       onPressOut: J,
       onHoverIn: be,
-      onHoverOut: We,
-      onMouseUp: Ve,
-      onMouseDown: Ke,
+      onHoverOut: Le,
+      onMouseUp: Pe,
+      onMouseDown: Ge,
       onMouseEnter: ye,
       onMouseLeave: Re,
-      onFocus: Ge,
+      onFocus: Ye,
       onBlur: Et,
-      separator: Nu,
+      separator: xu,
       // ignore from here on out
       passThrough: $r,
-      forceStyle: xu,
+      forceStyle: Tu,
       // @ts-ignore  for next/link compat etc
       onClick: cn,
       theme: wr,
@@ -3388,49 +3388,49 @@ function Hn(e) {
     let he = Vt;
     S.forceStyle && (he.forceStyle = S.forceStyle), r && (typeof wr < "u" && (he.theme = wr), typeof $r < "u" && (he.passThrough = $r));
     let Kn;
-    const Ii = (
+    const Di = (
       // if it supports css vars we run it on server too to get matching initial style
-      (Xe === "css" ? rt : yt) && v && !r
+      (Ze === "css" ? rt : yt) && v && !r
     );
     let Nr;
-    if (Ii) {
+    if (Di) {
       const w = _ != null && _.avoidReRenders ? (B) => {
         I.current.useStyleListener = B;
-      } : void 0, A = cs(I.current.prevPseudoState, Y, L == null ? void 0 : L.pseudoTransitions, S.transition);
-      L && (L.effectiveTransition = A), I.current.prevPseudoState = us(Y);
-      const W = v({
-        props: Fe,
+      } : void 0, A = cs(I.current.prevPseudoState, Y, z == null ? void 0 : z.pseudoTransitions, S.transition);
+      z && (z.effectiveTransition = A), I.current.prevPseudoState = us(Y);
+      const L = v({
+        props: Ve,
         // clone style to prevent animation driver mutations from leaking to viewProps
         // during SSR/pre-hydration (CSS driver mutates style.transition in place)
-        style: Te ? Ze || {} : {
-          ...Ze
+        style: Te ? qe || {} : {
+          ...qe
         },
         // @ts-ignore
-        styleState: L,
+        styleState: z,
         useStyleEmitter: w,
-        presence: je,
+        presence: He,
         componentState: Y,
         styleProps: ue,
         theme: ne,
-        themeName: De,
+        themeName: Fe,
         pseudos: re || null,
         staticConfig: e,
         stateRef: I
       });
-      W && (W.ref && (Nr = W.ref), Te && W && (Kn = W.style, he.style = Kn, W.className && (he.className = `${Y.unmounted === "should-enter" ? "t_unmounted " : ""}${he.className || ""} ${W.className}`))), process.env.NODE_ENV === "development" && F && F`animations`;
+      L && (L.ref && (Nr = L.ref), Te && L && (Kn = L.style, he.style = Kn, L.className && (he.className = `${Y.unmounted === "should-enter" ? "t_unmounted " : ""}${he.className || ""} ${L.className}`))), process.env.NODE_ENV === "development" && F && F`animations`;
     }
     process.env.NODE_ENV === "development" && S.untilMeasured && !S.group && console.warn(`You set the untilMeasured prop without setting group. This doesn't work, be sure to set untilMeasured on the parent that sets group, not the children that use the $group- prop.
 
 If you meant to do this, you can disable this warning - either change untilMeasured and group at the same time, or do group={conditional ? 'name' : undefined}`), process.env.NODE_ENV === "development" && F && F`destructure`, !it && we && // avoids onLayout if we don't need it
     S.containerType !== "normal" && (Vt.onLayout = or(Vt.onLayout, (w) => {
-      var W;
+      var L;
       const A = w.nativeEvent.layout;
-      we.state.layout = A, (W = I.current.group) == null || W.emit({
+      we.state.layout = A, (L = I.current.group) == null || L.emit({
         layout: A
-      }), !I.current.hasMeasured && S.untilMeasured === "hide" && He((B) => ({
+      }), !I.current.hasMeasured && S.untilMeasured === "hide" && Ue((B) => ({
         ...B
       })), I.current.hasMeasured = !0;
-    })), he = ((Rr = Ye.usePropsTransform) == null ? void 0 : Rr.call(Ye, V, Vt, I, I.current.willHydrate)) || Vt, I.current.composedRef || (I.current.composedRef = dr((w) => I.current.host = w, c, $l, Nr)), he.ref = I.current.composedRef, process.env.NODE_ENV === "development" && !b && !o && At && !r && Z.Children.toArray(S.children).forEach((w) => {
+    })), he = ((Rr = Xe.usePropsTransform) == null ? void 0 : Rr.call(Xe, V, Vt, I, I.current.willHydrate)) || Vt, I.current.composedRef || (I.current.composedRef = dr((w) => I.current.host = w, c, wl, Nr)), he.ref = I.current.composedRef, process.env.NODE_ENV === "development" && !b && !o && At && !r && Z.Children.toArray(S.children).forEach((w) => {
       typeof w == "string" && w !== `
 ` && console.error(`Unexpected text node: ${w}. A text node cannot be a child of a <${e.componentName || u.tag || "View"}>.`, S);
     }), process.env.NODE_ENV === "development" && F && F`events-hooks`;
@@ -3442,11 +3442,11 @@ If you meant to do this, you can disable this warning - either change untilMeasu
     };
     process.env.NODE_ENV === "development" && At && ke(() => {
       if (p === "verbose") {
-        let w = function(W) {
+        let w = function(L) {
           const B = {};
-          for (let H = 0; H < W.length; H++) {
-            let Q = W[H];
-            B[Q] = W.getPropertyValue(Q);
+          for (let H = 0; H < L.length; H++) {
+            let Q = L[H];
+            B[Q] = L.getPropertyValue(Q);
           }
           return B;
         };
@@ -3461,7 +3461,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         return;
       }
       if (Y.unmounted) {
-        if (Xe === "css") {
+        if (Ze === "css") {
           let w = !1;
           return requestAnimationFrame(() => {
             w || requestAnimationFrame(() => {
@@ -3479,10 +3479,10 @@ If you meant to do this, you can disable this warning - either change untilMeasu
       }
       return () => {
         var w, A;
-        Ot.delete(He), (A = (w = I.current).mediaEmitCleanup) == null || A.call(w);
+        Ot.delete(Ue), (A = (w = I.current).mediaEmitCleanup) == null || A.call(w);
       };
-    }, [Y.unmounted, Xe]), ke(() => {
-      if (!C && !(!at && !te) && Oe) return wl({
+    }, [Y.unmounted, Ze]), ke(() => {
+      if (!C && !(!at && !te) && Oe) return Nl({
         groupContext: Oe,
         setStateShallow: pe,
         mediaGroups: te,
@@ -3493,13 +3493,13 @@ If you meant to do this, you can disable this warning - either change untilMeasu
     ke(() => {
       !we || !Gn || i(we, Gn, Y);
     }, [we, Gn, Y]);
-    const Pt = !C && $e && (re == null ? void 0 : re.pressStyle), Yn = !C && $e && (re == null ? void 0 : re.focusStyle), Tr = !C && $e && (re == null ? void 0 : re.focusVisibleStyle), Xn = !!(Pt || Yn || Tr || Ge || Et || E.setParentFocusState), un = !!(M && Y.hasDynGroupChildren), qe = !!(un || Pt || de || J || j || Ke || Ve || ge || cn || re != null && re.focusVisibleStyle), Zn = !C && $e && (re == null ? void 0 : re.hoverStyle), dn = !!(un || Zn), fn = !!(un || dn || ye || Re), qn = !C && !S.asChild && !!(Xn || qe || fn || Pt || Zn || Yn), Jn = !!(un || Pt);
+    const Pt = !C && $e && (re == null ? void 0 : re.pressStyle), Yn = !C && $e && (re == null ? void 0 : re.focusStyle), Tr = !C && $e && (re == null ? void 0 : re.focusVisibleStyle), Xn = !!(Pt || Yn || Tr || Ye || Et || E.setParentFocusState), un = !!(M && Y.hasDynGroupChildren), Je = !!(un || Pt || de || J || j || Ge || Pe || ge || cn || re != null && re.focusVisibleStyle), Zn = !C && $e && (re == null ? void 0 : re.hoverStyle), dn = !!(un || Zn), fn = !!(un || dn || ye || Re), qn = !C && !S.asChild && !!(Xn || Je || fn || Pt || Zn || Yn), Jn = !!(un || Pt);
     process.env.NODE_ENV === "development" && F && F`events-setup`, process.env.NODE_ENV === "development" && p === "verbose" && U("🪩 events()", {
       runtimeFocusStyle: Yn,
       runtimePressStyle: Pt,
       runtimeHoverStyle: Zn,
       runtimeFocusVisibleStyle: Tr,
-      attachPress: qe,
+      attachPress: Je,
       attachFocus: Xn,
       attachHover: fn,
       shouldAttach: qn,
@@ -3507,32 +3507,32 @@ If you meant to do this, you can disable this warning - either change untilMeasu
       pseudos: re
     });
     const $t = qn ? {
-      onPressOut: qe ? (w) => {
-        xr(), J == null || J(w), Ve == null || Ve(w);
+      onPressOut: Je ? (w) => {
+        xr(), J == null || J(w), Pe == null || Pe(w);
       } : void 0,
-      ...(fn || qe) && {
+      ...(fn || Je) && {
         onMouseEnter: (w) => {
           const A = {};
           dn && !Bo.value && (A.hover = !0), Jn && Y.pressIn && (A.press = !0), pe(A), be == null || be(w), ye == null || ye(w);
         },
         onMouseLeave: (w) => {
           const A = {};
-          dn && (A.hover = !1), Jn && (A.press = !1, A.pressIn = !1), pe(A), We == null || We(w), Re == null || Re(w);
+          dn && (A.hover = !1), Jn && (A.press = !1, A.pressIn = !1), pe(A), Le == null || Le(w), Re == null || Re(w);
         }
       },
-      onPressIn: qe ? (w) => {
+      onPressIn: Je ? (w) => {
         Jn && pe({
           press: !0,
           pressIn: !0
-        }), j == null || j(w), Ke == null || Ke(w), Ot.add(He);
+        }), j == null || j(w), Ge == null || Ge(w), Ot.add(Ue);
       } : void 0,
-      onPress: qe ? (w) => {
+      onPress: Je ? (w) => {
         xr(), cn == null || cn(w), de == null || de(w), ge == null || ge(w);
       } : void 0,
       ...Xn && {
         onFocus: (w) => {
           const A = {};
-          E.setParentFocusState && (A.focusWithin = !0), re != null && re.focusVisibleStyle && dt.value ? A.focusVisible = !0 : A.focus = !0, pe(A), Ge == null || Ge(w);
+          E.setParentFocusState && (A.focusWithin = !0), re != null && re.focusVisibleStyle && dt.value ? A.focusVisible = !0 : A.focus = !0, pe(A), Ye == null || Ye(w);
         },
         onBlur: (w) => {
           E.setParentFocusState && E.setParentFocusState({
@@ -3548,9 +3548,9 @@ If you meant to do this, you can disable this warning - either change untilMeasu
     if ($t && !b && Object.assign(he, co($t)), process.env.NODE_ENV === "development" && F && F`events`, process.env.NODE_ENV === "development" && p === "verbose" && U("events", {
       events: $t,
       attachHover: fn,
-      attachPress: qe
+      attachPress: Je
     }), process.env.NODE_ENV === "development" && F && F`hooks`, Ne) {
-      V = Fl;
+      V = Vl;
       {
         const w = co({
           onPress: de,
@@ -3570,7 +3570,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
       }
     }, u.children);
     else {
-      Ye.useChildren && (X = Ye.useChildren(V, X || Ae, he));
+      Xe.useChildren && (X = Xe.useChildren(V, X || Ae, he));
       const w = typeof st == "string";
       if (st && !w) {
         const A = zl(st, X || Ae, he, $);
@@ -3580,7 +3580,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
     }
     const Qn = _ == null ? void 0 : _.ResetPresence, eo = !!// not when passing down to child
     (!Ne && // not when passThrough
-    L && // not when HOC
+    z && // not when HOC
     !r && Qn && yt && (le || N)), _r = I.current.hasEverResetPresence;
     if (eo && !_r && (I.current.hasEverResetPresence = !0), (eo || _r) && Qn && (X = /* @__PURE__ */ y(Qn, {
       disabled: !eo,
@@ -3596,7 +3596,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
       ...E,
       inText: !0,
       children: X
-    })), process.env.NODE_ENV === "development" && F && F`group-context`, X = O || !L ? X : _i(oe, X, z, !1, I), process.env.NODE_ENV === "development" && F && F`themed-children`, b && !Ne && (X = /* @__PURE__ */ y("span", {
+    })), process.env.NODE_ENV === "development" && F && F`group-context`, X = O || !z ? X : Ci(oe, X, W, !1, I), process.env.NODE_ENV === "development" && F && F`themed-children`, b && !Ne && (X = /* @__PURE__ */ y("span", {
       className: "_dsp_contents",
       ...!it && Te && $t && co($t),
       children: X
@@ -3609,8 +3609,8 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         children: X
       });
     }
-    if (process.env.NODE_ENV === "development" && F && F`context-override`, Ie && L && (X = /* @__PURE__ */ se(Fn, {
-      children: [X, Te ? null : kl(Object.values(L.rulesToInsert))]
+    if (process.env.NODE_ENV === "development" && F && F`context-override`, De && z && (X = /* @__PURE__ */ se(Fn, {
+      children: [X, Te ? null : Ml(Object.values(z.rulesToInsert))]
     })), process.env.NODE_ENV === "development" && F && F`style-tags`, process.env.NODE_ENV === "development" && p && p !== "profile") {
       const w = `render <${typeof V == "string" ? V : "Component"} /> (${m}) with props`;
       if (Ct) {
@@ -3619,7 +3619,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           U("viewProps", he), U("children", X), typeof window < "u" && U({
             propsIn: u,
             props: S,
-            attachPress: qe,
+            attachPress: Je,
             animationStyles: Kn,
             classNames: ln,
             content: X,
@@ -3627,14 +3627,14 @@ If you meant to do this, you can disable this warning - either change untilMeasu
             events: $t,
             isAnimated: G,
             hasRuntimeMediaKeys: D,
-            isStringElement: Ue,
+            isStringElement: Ke,
             mediaListeningKeys: Ft,
             pseudos: re,
             shouldAttach: qn,
             noClass: $e,
             shouldListenForMedia: ee,
-            splitStyles: L,
-            splitStylesStyle: Ze,
+            splitStyles: z,
+            splitStylesStyle: qe,
             state: Y,
             stateRef: I,
             staticConfig: e,
@@ -3642,7 +3642,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
             themeState: oe,
             viewProps: he,
             willBeAnimated: yt,
-            startedUnhydrated: Ie
+            startedUnhydrated: De
           });
         } catch {
         } finally {
@@ -3650,7 +3650,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         }
       } else {
         U(w), U("state: ", Y), Mo && U("viewProps", he), U("final styles:");
-        for (const A in Ze) U(A, Ze[A]);
+        for (const A in qe) U(A, qe[A]);
       }
     }
     return process.env.NODE_ENV === "development" && F && (F`rest`, globalThis.willPrint || (globalThis.willPrint = !0, setTimeout(() => {
@@ -3680,13 +3680,13 @@ If you meant to do this, you can disable this warning - either change untilMeasu
   function d(u, c) {
     let m = typeof u == "function" && u.length === 1 ? u : Z.forwardRef(u);
     const f = l(c == null ? void 0 : c.staticConfig);
-    return m = c != null && c.disableTheme ? m : Rl(m, f, !0), (f.memo || process.env.TAMAGUI_MEMOIZE_STYLEABLE) && (m = Z.memo(m)), m.staticConfig = f, m.styleable = d, m;
+    return m = c != null && c.disableTheme ? m : kl(m, f, !0), (f.memo || process.env.TAMAGUI_MEMOIZE_STYLEABLE) && (m = Z.memo(m)), m.staticConfig = f, m.styleable = d, m;
   }
   return a.styleable = d, a;
 }
 const ms = (e) => typeof e == "number" ? e : typeof e == "string" ? +e.replace("px", "") : 0, zl = (e, t, n, o) => {
   if (typeof e == "function" && (e = e(n, o)), e && typeof e == "object" && Z.isValidElement(e) && e) {
-    const r = e.props, s = r ? vl(r, n, t) : n;
+    const r = e.props, s = r ? El(r, n, t) : n;
     return {
       elementType: e.type,
       viewProps: s
@@ -3694,9 +3694,9 @@ const ms = (e) => typeof e == "number" ? e : typeof e == "string" ? +e.replace("
   }
 }, jo = (e) => {
   process.env.TAMAGUI_DID_OUTPUT_CSS || wn.set(An(e), e);
-}, Ho = (e, t = !1) => process.env.TAMAGUI_DID_OUTPUT_CSS ? "" : `--${process.env.TAMAGUI_CSS_VARIABLE_PREFIX || ""}${ri(e.name, !1)}:${!t && typeof e.val == "number" ? `${e.val}px` : e.val}`, wn = /* @__PURE__ */ new Map();
+}, Ho = (e, t = !1) => process.env.TAMAGUI_DID_OUTPUT_CSS ? "" : `--${process.env.TAMAGUI_CSS_VARIABLE_PREFIX || ""}${si(e.name, !1)}:${!t && typeof e.val == "number" ? `${e.val}px` : e.val}`, wn = /* @__PURE__ */ new Map();
 let Ll = 0;
-const Uo = [], Wl = (e) => {
+const Uo = [], Bl = (e) => {
   if (wn.has(e)) return wn.get(e);
   const t = `t${Ll++}`, n = `var(--${t})`, o = {
     val: e,
@@ -3705,26 +3705,26 @@ const Uo = [], Wl = (e) => {
   };
   return wn.set(e, o), Uo.push(o), o;
 };
-let Bl = 1e4;
-const bo = /* @__PURE__ */ new Map(), jl = (e) => {
+let jl = 1e4;
+const bo = /* @__PURE__ */ new Map(), Hl = (e) => {
   if (bo.has(e)) return bo.get(e);
-  const t = `t${Bl++}`, n = `var(--${t})`, o = {
+  const t = `t${jl++}`, n = `var(--${t})`, o = {
     val: e,
     name: t,
     variable: n
   };
   return bo.set(e, o), o;
-}, Hl = ["dark", "light"], Ul = ["light", "dark"];
-function Kl(e) {
+}, Ul = ["dark", "light"], Kl = ["light", "dark"];
+function Gl(e) {
   if (!process.env.TAMAGUI_DID_OUTPUT_CSS && (!process.env.TAMAGUI_DOES_SSR_CSS || process.env.TAMAGUI_DOES_SSR_CSS === "mutates-themes" || process.env.TAMAGUI_DOES_SSR_CSS === "false")) {
     const t = [], {
       config: n,
       themeName: o,
       theme: r,
       names: s
-    } = e, i = e.hasDarkLight ?? (n.themes && ("light" in n.themes || "dark" in n.themes)), a = `.${Ms}`;
+    } = e, i = e.hasDarkLight ?? (n.themes && ("light" in n.themes || "dark" in n.themes)), a = `.${Is}`;
     let l = "";
-    const d = e.useMutatedVariables ? jl : Wl;
+    const d = e.useMutatedVariables ? Hl : Bl;
     for (const h in r) {
       const E = r[h], x = d(E.val).variable;
       l += `--${process.env.TAMAGUI_CSS_VARIABLE_PREFIX || ""}${It(h, 40)}:${x};`;
@@ -3736,7 +3736,7 @@ function Kl(e) {
         f.add(`${a}${h}`);
         continue;
       }
-      const S = `${a}${h.replace(/^(dark|light)_/, "")}`, T = E ? Hl : Ul, [P, K] = T, R = Math.round(2 * 1.5);
+      const S = `${a}${h.replace(/^(dark|light)_/, "")}`, T = E ? Ul : Kl, [P, K] = T, R = Math.round(2 * 1.5);
       for (let k = 0; k < R; k++) {
         const _ = k % 2 === 1;
         if (_ && k < 3) continue;
@@ -3750,9 +3750,9 @@ function Kl(e) {
         f.add(`${ie} ${M}`);
       }
     }
-    const b = [...f].sort(Ei), p = `${b.map((h) => {
+    const b = [...f].sort($i), p = `${b.map((h) => {
       const E = Ce("addThemeClassName");
-      return Gl(h) && (E === "html" || E === "body") ? `${E === "body" ? "body" : ":root"}${h}` : `:root ${h}`;
+      return Yl(h) && (E === "html" || E === "body") ? `${E === "body" ? "body" : ":root"}${h}` : `:root ${h}`;
     }).join(", ") + ", .tm_xxt"} {${l}}`;
     if (t.push(p), Ce("shouldAddPrefersColorThemes")) {
       const h = o.startsWith("dark"), E = h ? "dark" : "light", x = b.map((R) => {
@@ -3785,28 +3785,28 @@ function Kl(e) {
   }
   return [];
 }
-const Ko = ".t_dark", Go = ".t_light", Gl = (e) => e === Ko || e === Go || e.startsWith(".t_dark ") || e.startsWith(".t_light "), Ci = {};
-function Yl(e) {
+const Ko = ".t_dark", Go = ".t_light", Yl = (e) => e === Ko || e === Go || e.startsWith(".t_dark ") || e.startsWith(".t_light "), Oi = {};
+function Xl(e) {
   for (const {
     names: n,
     theme: o
-  } of e) for (const r of n) Ci[r] = o;
+  } of e) for (const r of n) Oi[r] = o;
   const t = {};
   for (const {
     names: n,
     theme: o
   } of e) for (const r of n) {
-    const s = Xl(r, o);
+    const s = Zl(r, o);
     t[r] = s;
   }
   return t;
 }
-function Xl(e, t) {
+function Zl(e, t) {
   const n = {}, o = [], r = e.split("_").slice(0, -1).map((s) => (o.push(s), o.join("_")));
-  for (const s of r) Object.assign(n, Ci[s]);
+  for (const s of r) Object.assign(n, Oi[s]);
   return Object.assign(n, t), n;
 }
-function Zl(e, t) {
+function ql(e, t) {
   const n = e[t];
   xe(n) ? n.name !== t && (e[t] = Qt({
     key: n.name,
@@ -3818,7 +3818,7 @@ function Zl(e, t) {
     val: n
   });
 }
-const ql = ["100", "200", "300", "400", "500", "600", "700", "800", "900"], Jl = (e, t, n) => {
+const Jl = ["100", "200", "300", "400", "500", "600", "700", "800", "900"], Ql = (e, t, n) => {
   if (typeof e == "string") return e;
   const o = Object.keys(e);
   let r = e[o[0]];
@@ -3826,8 +3826,8 @@ const ql = ["100", "200", "300", "400", "500", "600", "700", "800", "900"], Jl =
     const i = e[s] ?? n ?? r;
     return r = i, n = i, [s, i];
   }));
-}, Oi = (e) => {
-  const t = Object.keys(e.size || {}), n = Object.fromEntries(Object.entries(e).map(([o, r]) => [o, Jl(r, o === "face" ? ql : t, o === "face" ? {
+}, Ai = (e) => {
+  const t = Object.keys(e.size || {}), n = Object.fromEntries(Object.entries(e).map(([o, r]) => [o, Ql(r, o === "face" ? Jl : t, o === "face" ? {
     normal: e.family
   } : void 0)]));
   return Object.freeze(n);
@@ -3869,7 +3869,7 @@ const ql = ["100", "200", "300", "400", "500", "600", "700", "800", "900"], Jl =
   return hs.set(o, !0), o;
 }, Tt = (e) => {
   console.warn(`No animation driver configured. To use ${e}, you must pass \`animations\` to createTamagui. See: https://tamagui.dev/docs/core/animations`);
-}, Ql = () => ({
+}, ec = () => ({
   isReactNative: !1,
   inputStyle: "css",
   outputStyle: "css",
@@ -3881,11 +3881,11 @@ const ql = ["100", "200", "300", "400", "500", "600", "700", "800", "900"], Jl =
   useAnimatedNumber: () => Tt("useAnimatedNumber"),
   useAnimatedNumberStyle: () => Tt("useAnimatedNumberStyle"),
   useAnimatedNumberReaction: () => Tt("useAnimatedNumberReaction")
-}), ec = Ql();
-function tc(e, t = "$true") {
+}), tc = ec();
+function nc(e, t = "$true") {
   const n = ["font-family: var(--f-family)"], o = (l) => {
     const d = l == null ? void 0 : l[t];
-    if (xe(d)) return Oa(d);
+    if (xe(d)) return Aa(d);
   }, r = o(e.letterSpacing);
   r && n.push(`letter-spacing: ${r}`);
   const s = o(e.lineHeight);
@@ -3895,7 +3895,7 @@ function tc(e, t = "$true") {
   const a = o(e.weight);
   return a && n.push(`font-weight: ${a}`), n;
 }
-function nc(e, t) {
+function oc(e, t) {
   if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
     const n = [], o = Object.keys(e).sort();
     for (const r of o) {
@@ -3913,7 +3913,7 @@ function nc(e, t) {
   }
   return [];
 }
-function oc(e, t) {
+function rc(e, t) {
   if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
     const n = {};
     if (!e) return n;
@@ -3931,7 +3931,7 @@ function oc(e, t) {
   }
   return {};
 }
-function rc(e, t, n = "$true") {
+function sc(e, t, n = "$true") {
   if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
     let o = function(a, l = "") {
       return `:root${l} { ${[...a].join("; ")}
@@ -3953,7 +3953,7 @@ function rc(e, t, n = "$true") {
     if (s.length) {
       const a = t[i[0]];
       if (a != null && a.fontParsed) {
-        const l = tc(a.fontParsed, n), d = [...s, ".is_View"].join(", ");
+        const l = nc(a.fontParsed, n), d = [...s, ".is_View"].join(", ");
         r.push(`${d} {${l.join("; ")}}`);
       }
     }
@@ -3961,14 +3961,14 @@ function rc(e, t, n = "$true") {
   }
   return [];
 }
-function sc(e, t) {
+function ic(e, t) {
   if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
     let n = [];
     for (const {
       names: o,
       theme: r
     } of e) {
-      const s = Kl({
+      const s = Gl({
         config: t,
         themeName: o[0],
         names: o,
@@ -3980,7 +3980,7 @@ function sc(e, t) {
   }
   return [];
 }
-function ic(e, t = {}, n) {
+function ac(e, t = {}, n) {
   if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
     const {
       separator: o = `
@@ -3989,11 +3989,11 @@ function ic(e, t = {}, n) {
       exclude: s
     } = t;
     if (r && n.value >= 0) {
-      const l = zo(), d = l.slice(n.value);
+      const l = Wo(), d = l.slice(n.value);
       return n.value = l.length, d.join(o);
     }
     n.value = 0;
-    const i = zo().join(o);
+    const i = Wo().join(o);
     if (s === "design-system") return i;
     const a = s ? "" : e.getThemeRulesSets().join(o);
     return `${`._ovs-contain {overscroll-behavior:contain;}
@@ -4017,7 +4017,7 @@ ${i}`;
   }
   return "";
 }
-function ac(e) {
+function lc(e) {
   var n;
   const t = {};
   for (const o in e) {
@@ -4033,7 +4033,7 @@ function ac(e) {
   }
   return t;
 }
-function lc(e) {
+function cc(e) {
   if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
     const t = [];
     for (const n in e) if (n !== "face") {
@@ -4049,39 +4049,39 @@ function lc(e) {
   }
   return [];
 }
-const cc = (() => {
+const uc = (() => {
   if (process.env.NODE_ENV === "development") {
     class e {
       constructor() {
-        Mr(this, "Helpers", Ta);
+        Mr(this, "Helpers", _a);
       }
       get mediaState() {
         return {
-          ...zn
+          ...Wn
         };
       }
       get config() {
         return ze();
       }
       get insertedRules() {
-        return zo();
+        return Wo();
       }
       get allSelectors() {
-        return Ka();
+        return Ga();
       }
       get identifierToValue() {
-        return uc;
+        return dc;
       }
     }
     return new e();
   }
-})(), uc = /* @__PURE__ */ new Map();
-function dc(e) {
+})(), dc = /* @__PURE__ */ new Map();
+function fc(e) {
   return (/* @__PURE__ */ new Set(["size", "space", "radius"])).has(e);
 }
-function fc(e) {
+function mc(e) {
   var P, K, R;
-  const t = Fs();
+  const t = Vs();
   t && (e = {
     ...t,
     ...e
@@ -4101,7 +4101,7 @@ function fc(e) {
   let r;
   if (e.themes) {
     const k = Object.keys(e.themes).length === 0;
-    k && !process.env.TAMAGUI_DID_OUTPUT_CSS && (r = Ga(k, n));
+    k && !process.env.TAMAGUI_DID_OUTPUT_CSS && (r = Ya(k, n));
   }
   let s = null, i;
   if (e.fonts) {
@@ -4109,7 +4109,7 @@ function fc(e) {
     i = (() => {
       const _ = {};
       for (const v in k) {
-        const $ = k[v], C = ac($);
+        const $ = k[v], C = lc($);
         _[`$${v}`] = C, !s && C.size && (s = new Set(Object.keys(C.size)));
       }
       return _;
@@ -4125,20 +4125,20 @@ function fc(e) {
 ${JSON.stringify(me, null, 2)}`);
       }
     }
-    const _ = nc(o, dc), v = oc(i, lc), $ = rc(_, v), C = e.themes, M = r ?? mc(C, o.color);
+    const _ = oc(o, fc), v = rc(i, cc), $ = sc(_, v), C = e.themes, M = r ?? hc(C, o.color);
     return {
-      themes: Yl(M),
+      themes: Xl(M),
       cssRuleSets: $,
       getThemeRulesSets() {
-        return sc(M, e);
+        return ic(M, e);
       }
     };
   })(), d = e.shorthands || {}, u = {
-    ...hc,
+    ...pc,
     ...d
   }, c = {
     value: -1
-  }, m = (k = {}) => ic(l, k, c), f = (k) => m({
+  }, m = (k = {}) => ac(l, k, c), f = (k) => m({
     ...k,
     sinceLastCall: !0
   }), b = (P = e.settings) == null ? void 0 : P.defaultFont, p = (() => {
@@ -4156,7 +4156,7 @@ ${JSON.stringify(me, null, 2)}`);
     media: {},
     ...e,
     // normalized animations (resolved from multi-driver format if needed)
-    animations: S ?? x ?? ec,
+    animations: S ?? x ?? tc,
     animationDrivers: S !== null && S !== x ? x : void 0,
     defaultProps: h,
     settings: {
@@ -4182,9 +4182,9 @@ ${JSON.stringify(me, null, 2)}`);
     // const tokens = [...getToken(tokens.size[0])]
     // .spacer-sm + ._dsp_contents._dsp-sm-hidden { margin-left: -var(--${}) }
   };
-  return Xi(T), la(T), process.env.NODE_ENV === "development" && ((R = process.env.DEBUG) != null && R.startsWith("tamagui") && console.info("Tamagui config:", T), globalThis.Tamagui || (globalThis.Tamagui = cc)), T;
+  return Zi(T), ca(T), process.env.NODE_ENV === "development" && ((R = process.env.DEBUG) != null && R.startsWith("tamagui") && console.info("Tamagui config:", T), globalThis.Tamagui || (globalThis.Tamagui = uc)), T;
 }
-function mc(e, t) {
+function hc(e, t) {
   const n = [], o = /* @__PURE__ */ new Map(), r = Object.keys(e).sort();
   for (const s of r) {
     const i = s.startsWith("dark") ? "dark" : s.startsWith("light") ? "light" : "", a = e[s], l = i + JSON.stringify(a);
@@ -4196,7 +4196,7 @@ function mc(e, t) {
       ...t,
       ...a
     };
-    for (const c in d) Zl(d, c);
+    for (const c in d) ql(d, c);
     const u = {
       names: [s],
       theme: d
@@ -4205,7 +4205,7 @@ function mc(e, t) {
   }
   return n;
 }
-const hc = {
+const pc = {
   bblr: "borderBottomLeftRadius",
   bbrr: "borderBottomRightRadius",
   bbs: "borderBottomStyle",
@@ -4250,13 +4250,13 @@ const hc = {
   ws: "whiteSpace",
   ww: "wordWrap"
 };
-function pc(e) {
+function gc(e) {
   return In(e, process.env.TAMAGUI_TOKEN_PREFIX ?? "t");
 }
-const gc = /* @__PURE__ */ new WeakMap();
-function bc(e) {
+const bc = /* @__PURE__ */ new WeakMap();
+function yc(e) {
   var t;
-  if (e) return e.getSize && e.prefetch ? bn.Image : e.displayName === "Text" && e.render ? bn.Text : e.render && (e.displayName === "ScrollView" || e.displayName === "View") ? bn.default : (t = e.State) != null && t.blurTextInput ? bn.TextInput : gc.get(e);
+  if (e) return e.getSize && e.prefetch ? bn.Image : e.displayName === "Text" && e.render ? bn.Text : e.render && (e.displayName === "ScrollView" || e.displayName === "View") ? bn.default : (t = e.State) != null && t.blurTextInput ? bn.TextInput : bc.get(e);
 }
 const bn = {
   Image: {
@@ -4275,11 +4275,11 @@ const bn = {
   default: {
     isReactNative: !0
   }
-}, Ai = (e, t, n = 0) => {
+}, Ri = (e, t, n = 0) => {
   const o = {};
   for (const r in t) {
     const s = e == null ? void 0 : e[r], i = t[r];
-    !s || typeof i == "function" ? o[r] = i : s && !i ? o[r] = s[r] : n === 0 ? o[r] = Ai(s, i, n + 1) : o[r] = {
+    !s || typeof i == "function" ? o[r] = i : s && !i ? o[r] = s[r] : n === 0 ? o[r] = Ri(s, i, n + 1) : o[r] = {
       ...s,
       ...i
     };
@@ -4288,9 +4288,9 @@ const bn = {
     ...e,
     ...o
   };
-}, yc = /* @__PURE__ */ new Set(["a", "abbr", "b", "bdi", "bdo", "cite", "code", "data", "del", "dfn", "em", "i", "ins", "kbd", "label", "mark", "q", "s", "samp", "small", "span", "strong", "sub", "sup", "time", "u", "var"]);
-function Sc(e, t) {
-  const n = yc.has(e), {
+}, Sc = /* @__PURE__ */ new Set(["a", "abbr", "b", "bdi", "bdo", "cite", "code", "data", "del", "dfn", "em", "i", "ins", "kbd", "label", "mark", "q", "s", "samp", "small", "span", "strong", "sub", "sup", "time", "u", "var"]);
+function vc(e, t) {
+  const n = Sc.has(e), {
     variants: o,
     name: r,
     defaultVariants: s,
@@ -4309,11 +4309,11 @@ function Sc(e, t) {
   };
   return (a.children || i) && (l.neverFlatten = !0), Hn(l);
 }
-function vc(e, t, n) {
+function Ec(e, t, n) {
   if (process.env.NODE_ENV !== "production" && !e) throw new Error("No component given to styled()");
   const o = e.staticConfig, r = !!o && !(o.isReactNative || o.isHOC);
   let s = o != null && o.isHOC && !(o != null && o.isStyledHOC) || r ? e : (o == null ? void 0 : o.Component) || e;
-  const i = o ? void 0 : bc(s), a = !!(i || n != null && n.isReactNative || o != null && o.isReactNative), l = (() => {
+  const i = o ? void 0 : yc(s), a = !!(i || n != null && n.isReactNative || o != null && o.isReactNative), l = (() => {
     let {
       variants: u,
       name: c,
@@ -4327,7 +4327,7 @@ function vc(e, t, n) {
         const P = S[T];
         o.defaultVariants && T in o.defaultVariants && (!m || !(T in m)) && (p || (p = {}), p[T] = P), !(T in b) && (!m || !(T in m)) && (g || (g = {}), g[T] = S[T]);
       }
-      o.variants && (u = Ai(o.variants, u));
+      o.variants && (u = Ri(o.variants, u));
     }
     (g || m || p) && (b = {
       ...g,
@@ -4359,16 +4359,16 @@ function vc(e, t, n) {
   for (const u in e) u !== "propTypes" && (u in d || (d[u] = e[u]));
   return d;
 }
-const Le = new Proxy(vc, {
+const Ie = new Proxy(Ec, {
   get(e, t) {
-    return t in e ? e[t] : (n) => Sc(t, n);
+    return t in e ? e[t] : (n) => vc(t, n);
   }
-}), Ec = Hn({
+}), $c = Hn({
   acceptsClassName: !0,
-  validStyles: Wn
+  validStyles: Ln
 });
 let yo = "";
-function $c({
+function wc({
   children: e,
   theme: t,
   isRootRoot: n,
@@ -4395,12 +4395,12 @@ function $c({
     children: a
   });
 }
-const wc = (e) => {
+const Nc = (e) => {
   "use no memo";
   const t = Ce("addThemeClassName");
   ke(() => {
     if (t === !1) return;
-    const o = `${Ms}${e.defaultTheme}`, r = Ce("addThemeClassName") === "html" ? document.documentElement : document.body;
+    const o = `${Is}${e.defaultTheme}`, r = Ce("addThemeClassName") === "html" ? document.documentElement : document.body;
     return r.classList.add(o), () => {
       r.classList.remove(o);
     };
@@ -4410,11 +4410,11 @@ const wc = (e) => {
     className: e.className,
     name: e.defaultTheme,
     forceClassName: n,
-    _isRoot: xs,
+    _isRoot: Ts,
     children: e.children
   });
 };
-function Nc({
+function xc({
   children: e,
   disableInjectCSS: t,
   config: n,
@@ -4424,28 +4424,28 @@ function Nc({
   insets: i
 }) {
   ke(() => {
-    Ja(), Bs();
+    Qa(), js();
   }, []);
   const a = Z.useMemo(() => i, [i == null ? void 0 : i.top, i == null ? void 0 : i.right, i == null ? void 0 : i.bottom, i == null ? void 0 : i.left]), l = Z.useMemo(() => Rn(n == null ? void 0 : n.animations), [n == null ? void 0 : n.animations]);
-  tt(() => {
+  nt(() => {
     var u;
     (u = l == null ? void 0 : l.onMount) == null || u.call(l);
   }, []);
   let d = /* @__PURE__ */ y(Sn.Provider, {
     animationDriver: l,
     insets: a,
-    children: /* @__PURE__ */ y(wc, {
+    children: /* @__PURE__ */ y(Nc, {
       defaultTheme: r,
       reset: s,
       className: o,
-      children: /* @__PURE__ */ y($c, {
+      children: /* @__PURE__ */ y(wc, {
         theme: r,
         isRootRoot: !0,
         children: e
       })
     })
   });
-  return Ce("disableSSR") && (d = /* @__PURE__ */ y(Nl, {
+  return Ce("disableSSR") && (d = /* @__PURE__ */ y(xl, {
     enabled: !0,
     children: d
   })), /* @__PURE__ */ se(Fn, {
@@ -4461,7 +4461,7 @@ const ps = {
   overflow: "hidden",
   textOverflow: "ellipsis",
   whiteSpace: "nowrap"
-}, xc = Hn({
+}, Tc = Hn({
   componentName: "Text",
   acceptsClassName: !0,
   isText: !0,
@@ -4482,24 +4482,24 @@ const ps = {
     }
   },
   validStyles: {
-    ...Wn,
+    ...Ln,
     ...lr
   }
-}), Dn = /* @__PURE__ */ new WeakMap(), yr = /* @__PURE__ */ new WeakMap(), Zt = /* @__PURE__ */ new Set(), Mt = /* @__PURE__ */ new WeakMap(), Tc = () => globalThis.__TAMAGUI_ONLAYOUT_PRETRANSFORM === !0 || process.env.TAMAGUI_ONLAYOUT_PRETRANSFORM === "1";
+}), Dn = /* @__PURE__ */ new WeakMap(), yr = /* @__PURE__ */ new WeakMap(), Zt = /* @__PURE__ */ new Set(), Mt = /* @__PURE__ */ new WeakMap(), _c = () => globalThis.__TAMAGUI_ONLAYOUT_PRETRANSFORM === !0 || process.env.TAMAGUI_ONLAYOUT_PRETRANSFORM === "1";
 let So;
 function Yo() {
   return So === void 0 && (So = typeof window < "u" && new URLSearchParams(window.location.search).has("__tamaDebugLayout")), So;
 }
-const _c = {}, Cc = nn(""), Ri = typeof IntersectionObserver < "u";
-let et = null, Oc = "async";
+const Cc = {}, Oc = nn(""), ki = typeof IntersectionObserver < "u";
+let tt = null, Ac = "async";
 const ht = /* @__PURE__ */ new WeakMap();
 let Xo = !0;
 const Nn = /* @__PURE__ */ new Map();
-function Ac() {
+function Rc() {
   Xo && (Xo = !1, Nn && (Nn.forEach((e) => e()), Nn.clear()));
 }
 function gs() {
-  !Ri || et || (et = new IntersectionObserver((e) => {
+  !ki || tt || (tt = new IntersectionObserver((e) => {
     for (let t = 0; t < e.length; t++) {
       const n = e[t], o = n.target;
       Mt.get(o) !== n.isIntersecting && Mt.set(o, n.isIntersecting);
@@ -4511,7 +4511,7 @@ function gs() {
 function bs(e, t) {
   return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
 }
-if (Ri) {
+if (ki) {
   let e = function() {
     return n || (n = new IntersectionObserver((b) => {
       s = Math.round(performance.now() - r);
@@ -4550,7 +4550,7 @@ if (Ri) {
       a ? a(f) : setTimeout(f, 16);
       return;
     }
-    if (m >= Number.MAX_SAFE_INTEGER && (m = 0), Oc !== "off") {
+    if (m >= Number.MAX_SAFE_INTEGER && (m = 0), Ac !== "off") {
       const b = [], p = /* @__PURE__ */ new Set();
       for (const g of Zt) {
         const h = g.parentElement;
@@ -4559,7 +4559,7 @@ if (Ri) {
           continue;
         }
         const E = yr.get(g);
-        E && _c[E] === !0 || Mt.get(g) !== !1 && (b.push(g), p.add(h));
+        E && Cc[E] === !0 || Mt.get(g) !== !1 && (b.push(g), p.add(h));
       }
       if (b.length > 0) {
         const g = e();
@@ -4581,21 +4581,21 @@ if (Ri) {
 }
 const Zo = (e, t, n) => ({
   nativeEvent: {
-    layout: ki(e, t, n),
+    layout: Mi(e, t, n),
     target: e
   },
   timeStamp: Date.now()
-}), Rc = (e) => ({
+}), kc = (e) => ({
   width: e.offsetWidth,
   height: e.offsetHeight
-}), ki = (e, t, n) => {
+}), Mi = (e, t, n) => {
   const {
     left: o,
     top: r
   } = e, s = o - t.left, i = r - t.top, {
     width: a,
     height: l
-  } = Tc() && n ? Rc(n) : {
+  } = _c() && n ? kc(n) : {
     width: e.width,
     height: e.height
   };
@@ -4609,18 +4609,18 @@ const Zo = (e, t, n) => ({
   };
 };
 function xn(e) {
-  Zt.delete(e), Dn.delete(e), yr.delete(e), ht.delete(e), Mt.delete(e), et && et.unobserve(e);
+  Zt.delete(e), Dn.delete(e), yr.delete(e), ht.delete(e), Mt.delete(e), tt && tt.unobserve(e);
 }
 const yn = /* @__PURE__ */ new WeakMap();
-function kc(e, t) {
+function Mc(e, t) {
   var r;
-  const n = Vn(Cc), o = ys((r = e.current) == null ? void 0 : r.host);
+  const n = Vn(Oc), o = ys((r = e.current) == null ? void 0 : r.host);
   o && t && (Dn.set(o, t), yr.set(o, n)), ke(() => {
     var c;
     if (!t) return;
     const s = ys((c = e.current) == null ? void 0 : c.host), i = yn.get(e);
     if (s === i || (i && xn(i), yn.set(e, s), !s)) return;
-    Zt.add(s), gs(), et && (et.observe(s), Mt.set(s, !0));
+    Zt.add(s), gs(), tt && (tt.observe(s), Mt.set(s, !0));
     const a = Dn.get(s);
     if (typeof a != "function") return;
     const l = s.parentElement;
@@ -4632,7 +4632,7 @@ function kc(e, t) {
     if (!t) return;
     const s = (a = e.current) == null ? void 0 : a.host;
     if (!s) return;
-    Zt.add(s), gs(), et && (et.observe(s), Mt.set(s, !0)), process.env.NODE_ENV === "development" && Yo() && console.log("[useElementLayout] register", {
+    Zt.add(s), gs(), tt && (tt.observe(s), Mt.set(s, !0)), process.env.NODE_ENV === "development" && Yo() && console.log("[useElementLayout] register", {
       tag: s.tagName,
       id: s.id || void 0,
       className: (s.className || "").slice(0, 60) || void 0,
@@ -4659,38 +4659,38 @@ const Ss = (e) => new Promise((t) => {
   const n = t || (e == null ? void 0 : e.parentElement);
   if (n instanceof HTMLElement) {
     const [o, r] = await Promise.all([Ss(e), Ss(n)]);
-    if (r && o) return ki(o, r, e);
+    if (r && o) return Mi(o, r, e);
   }
   return null;
-}, Mc = async (e, t) => {
+}, Ic = async (e, t) => {
   const n = await Sr(e, e.parentNode instanceof HTMLElement ? e.parentNode : null);
   return n && (t == null || t(n.x, n.y, n.width, n.height, n.pageX, n.pageY)), n;
 };
-function Ic(e) {
-  return (t) => Mc(e, t);
+function Dc(e) {
+  return (t) => Ic(e, t);
 }
-const Dc = async (e, t) => {
+const Fc = async (e, t) => {
   const n = await Sr(e, null);
   return n && (t == null || t(n.pageX, n.pageY, n.width, n.height)), n;
-}, Fc = (e) => (t) => Dc(e, t), Vc = async (e, t, n) => {
+}, Vc = (e) => (t) => Fc(e, t), Pc = async (e, t, n) => {
   const o = await Sr(e, t);
   return o && (n == null || n(o.x, o.y, o.width, o.height, o.pageX, o.pageY)), o;
 };
-function Pc(e) {
-  return (t, n) => Vc(e, t, n);
+function Wc(e) {
+  return (t, n) => Pc(e, t, n);
 }
 function zc() {
   return null;
 }
 const Lc = (e) => (ke(() => {
-  Ac();
-}, []), /* @__PURE__ */ y(Nc, {
+  Rc();
+}, []), /* @__PURE__ */ y(xc, {
   ...e
-})), Wc = (e) => fc(e);
-El({
+})), Bc = (e) => mc(e);
+$l({
   getBaseViews: zc,
   setElementProps: (e) => {
-    e && !e.measure && (e.measure || (e.measure = Ic(e)), e.measureInWindow || (e.measureInWindow = Fc(e)), e.measureLayout || (e.measureLayout = Pc(e)));
+    e && !e.measure && (e.measure || (e.measure = Dc(e)), e.measureInWindow || (e.measureInWindow = Vc(e)), e.measureLayout || (e.measureLayout = Wc(e)));
   },
   usePropsTransform(e, t, n, o) {
     {
@@ -4722,7 +4722,7 @@ El({
         hrefAttrs: _,
         ...v
       } = t;
-      if ((o || r) && kc(n, r ? k : void 0), r) {
+      if ((o || r) && Mc(n, r ? k : void 0), r) {
         if (v.href && _) {
           const {
             download: $,
@@ -4736,20 +4736,20 @@ El({
     }
   }
 });
-const ot = Ec, vr = xc, Bc = { violet: { 50: "#F5F3FF", 100: "#EDE9FE", 200: "#DDD6FE", 300: "#C4B5FD", 400: "#A78BFA", 500: "#8B5CF6", 600: "#7C3AED", 700: "#6D28D9", 800: "#5B21B6", 900: "#4C1D95", 950: "#2E1065" }, navy: { 50: "#E8EDF4", 100: "#C5D0E0", 200: "#9EAFCA", 300: "#778EB4", 400: "#5975A3", 500: "#3B5C93", 600: "#2F4A78", 700: "#1E3358", 800: "#0F1F3A", 900: "#021526", 950: "#01101E" } }, jc = { light: { primary: "#8B5CF6", primaryHover: "#7C3AED", primaryActive: "#6D28D9", bg: "#FFFFFF", bgSecondary: "#F8FAFC", bgTertiary: "#F1F5F9", border: "#E2E8F0", text: "#0F172A", textSecondary: "#64748B", textMuted: "#94A3B8", sidebarBg: "#021526", sidebarText: "#E2E8F0", sidebarTextMuted: "rgba(255, 255, 255, 0.65)", sidebarHover: "rgba(139, 92, 246, 0.15)", sidebarSearchBg: "rgba(255, 255, 255, 0.1)", sidebarItemActiveBg: "rgba(139, 92, 246, 0.3)", success: "#22C55E", warning: "#F59E0B", error: "#EF4444", errorBg: "#FFF2F0", errorBorder: "#FFCCC7", focusRing: "rgba(139, 92, 246, 0.25)", secondary: "#0F172A", borderColorMuted: "rgba(226, 232, 240, 0.4)" }, dark: { primary: "#A78BFA", primaryHover: "#8B5CF6", primaryActive: "#7C3AED", bg: "#021526", bgSecondary: "#0F1F3A", bgTertiary: "#1E3358", border: "#1E3358", text: "#F1F5F9", textSecondary: "#CBD5E1", textMuted: "#94A3B8", sidebarBg: "#01101E", sidebarText: "#E2E8F0", sidebarTextMuted: "#94A3B8", sidebarHover: "rgba(167, 139, 250, 0.15)", sidebarSearchBg: "rgba(255, 255, 255, 0.05)", sidebarItemActiveBg: "rgba(167, 139, 250, 0.2)", success: "#22C55E", warning: "#F59E0B", error: "#EF4444", errorBg: "rgba(239, 68, 68, 0.1)", errorBorder: "rgba(239, 68, 68, 0.3)", focusRing: "rgba(167, 139, 250, 0.3)", secondary: "#F1F5F9", borderColorMuted: "rgba(30, 51, 88, 0.4)" } }, qo = {
-  brand: Bc,
-  semantic: jc
-}, Hc = { sans: "'Google Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif", mono: "'JetBrains Mono', 'Fira Code', monospace" }, Uc = { xs: "0.75rem", sm: "0.875rem", base: "0.875rem", md: "1rem", lg: "1.125rem", xl: "1.375rem", "2xl": "1.75rem", "3xl": "2rem" }, Kc = { normal: 400, medium: 500, semibold: 600, bold: 700 }, Gc = { tight: 1.3, normal: 1.5, relaxed: 1.6 }, Er = {
-  fontFamily: Hc,
-  fontSize: Uc,
-  fontWeight: Kc,
-  lineHeight: Gc
-}, Yc = { xs: "0.25rem", sm: "0.5rem", md: "1rem", lg: "1.5rem", xl: "2rem", "2xl": "3rem" }, Xc = { sm: "4px", md: "6px", lg: "8px", xl: "12px", full: "9999px" }, Zc = { sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)", md: "0 4px 6px -1px rgb(0 0 0 / 0.1)", lg: "0 10px 15px -3px rgb(0 0 0 / 0.1)" }, Mi = {
-  spacing: Yc,
-  borderRadius: Xc,
-  shadow: Zc
+const je = $c, vr = Tc, jc = { violet: { 50: "#F5F3FF", 100: "#EDE9FE", 200: "#DDD6FE", 300: "#C4B5FD", 400: "#A78BFA", 500: "#8B5CF6", 600: "#7C3AED", 700: "#6D28D9", 800: "#5B21B6", 900: "#4C1D95", 950: "#2E1065" }, navy: { 50: "#E8EDF4", 100: "#C5D0E0", 200: "#9EAFCA", 300: "#778EB4", 400: "#5975A3", 500: "#3B5C93", 600: "#2F4A78", 700: "#1E3358", 800: "#0F1F3A", 900: "#021526", 950: "#01101E" } }, Hc = { light: { primary: "#8B5CF6", primaryHover: "#7C3AED", primaryActive: "#6D28D9", bg: "#FFFFFF", bgSecondary: "#F8FAFC", bgTertiary: "#F1F5F9", border: "#E2E8F0", text: "#0F172A", textSecondary: "#64748B", textMuted: "#94A3B8", sidebarBg: "#021526", sidebarText: "#E2E8F0", sidebarTextMuted: "rgba(255, 255, 255, 0.65)", sidebarHover: "rgba(139, 92, 246, 0.15)", sidebarSearchBg: "rgba(255, 255, 255, 0.1)", sidebarItemActiveBg: "rgba(139, 92, 246, 0.3)", success: "#22C55E", warning: "#F59E0B", error: "#EF4444", errorBg: "#FFF2F0", errorBorder: "#FFCCC7", focusRing: "rgba(139, 92, 246, 0.25)", secondary: "#0F172A", borderColorMuted: "rgba(226, 232, 240, 0.4)" }, dark: { primary: "#A78BFA", primaryHover: "#8B5CF6", primaryActive: "#7C3AED", bg: "#021526", bgSecondary: "#0F1F3A", bgTertiary: "#1E3358", border: "#1E3358", text: "#F1F5F9", textSecondary: "#CBD5E1", textMuted: "#94A3B8", sidebarBg: "#01101E", sidebarText: "#E2E8F0", sidebarTextMuted: "#94A3B8", sidebarHover: "rgba(167, 139, 250, 0.15)", sidebarSearchBg: "rgba(255, 255, 255, 0.05)", sidebarItemActiveBg: "rgba(167, 139, 250, 0.2)", success: "#22C55E", warning: "#F59E0B", error: "#EF4444", errorBg: "rgba(239, 68, 68, 0.1)", errorBorder: "rgba(239, 68, 68, 0.3)", focusRing: "rgba(167, 139, 250, 0.3)", secondary: "#F1F5F9", borderColorMuted: "rgba(30, 51, 88, 0.4)" } }, qo = {
+  brand: jc,
+  semantic: Hc
+}, Uc = { sans: "'Google Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif", mono: "'JetBrains Mono', 'Fira Code', monospace" }, Kc = { xs: "0.75rem", sm: "0.875rem", base: "0.875rem", md: "1rem", lg: "1.125rem", xl: "1.375rem", "2xl": "1.75rem", "3xl": "2rem" }, Gc = { normal: 400, medium: 500, semibold: 600, bold: 700 }, Yc = { tight: 1.3, normal: 1.5, relaxed: 1.6 }, Er = {
+  fontFamily: Uc,
+  fontSize: Kc,
+  fontWeight: Gc,
+  lineHeight: Yc
+}, Xc = { xs: "0.25rem", sm: "0.5rem", md: "1rem", lg: "1.5rem", xl: "2rem", "2xl": "3rem" }, Zc = { sm: "4px", md: "6px", lg: "8px", xl: "12px", full: "9999px" }, qc = { sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)", md: "0 4px 6px -1px rgb(0 0 0 / 0.1)", lg: "0 10px 15px -3px rgb(0 0 0 / 0.1)" }, Ii = {
+  spacing: Xc,
+  borderRadius: Zc,
+  shadow: qc
 };
-function qc() {
+function Jc() {
   return {
     primary: qo.semantic.light.primary,
     secondary: qo.semantic.light.secondary,
@@ -4758,7 +4758,7 @@ function qc() {
     transparent: "transparent"
   };
 }
-function Jc() {
+function Qc() {
   const e = {};
   return Object.entries(Er.fontSize).forEach(([t, n]) => {
     const o = parseFloat(n.toString());
@@ -4789,27 +4789,27 @@ function vs(e) {
     }, {})
   };
 }
-function Qc() {
+function eu() {
   const e = {};
-  return Object.entries(Mi.spacing).forEach(([t, n]) => {
+  return Object.entries(Ii.spacing).forEach(([t, n]) => {
     const o = parseFloat(n.toString());
     e[t] = isNaN(o) ? 0 : o * 16;
   }), e;
 }
-function eu() {
+function tu() {
   const e = {};
-  return Object.entries(Mi.borderRadius).forEach(([t, n]) => {
+  return Object.entries(Ii.borderRadius).forEach(([t, n]) => {
     const o = parseFloat(n.toString());
     e[t] = isNaN(o) ? 0 : o;
   }), e.full = 9999, e.pill = 9999, e.round = 8, e;
 }
-function tu() {
+function nu() {
   return {
     tokens: {
-      color: qc(),
-      space: Qc(),
-      size: Jc(),
-      radius: eu(),
+      color: Jc(),
+      space: eu(),
+      size: Qc(),
+      radius: tu(),
       zIndex: {
         base: 0,
         dropdown: 100,
@@ -4823,15 +4823,15 @@ function tu() {
     }
   };
 }
-const Qe = tu(), nu = pc({
-  color: Qe.tokens.color,
-  space: Qe.tokens.space,
-  size: Qe.tokens.size,
-  radius: Qe.tokens.radius,
-  zIndex: Qe.tokens.zIndex
-}), ou = Oi({
+const et = nu(), ou = gc({
+  color: et.tokens.color,
+  space: et.tokens.space,
+  size: et.tokens.size,
+  radius: et.tokens.radius,
+  zIndex: et.tokens.zIndex
+}), ru = Ai({
   family: Er.fontFamily.sans,
-  size: Qe.tokens.size,
+  size: et.tokens.size,
   lineHeight: {
     tight: 1.3,
     normal: 1.5
@@ -4846,9 +4846,9 @@ const Qe = tu(), nu = pc({
     base: 0,
     lg: -0.2
   }
-}), ru = Oi({
+}), su = Ai({
   family: Er.fontFamily.sans,
-  size: Qe.tokens.size,
+  size: et.tokens.size,
   lineHeight: {
     tight: 1.3,
     normal: 1.5
@@ -4859,21 +4859,36 @@ const Qe = tu(), nu = pc({
     semibold: "600",
     bold: "700"
   }
-}), su = Wc({
-  tokens: nu,
-  themes: Qe.themes,
+}), iu = Bc({
+  tokens: ou,
+  themes: et.themes,
   fonts: {
-    heading: ou,
-    body: ru
+    heading: ru,
+    body: su
   },
-  defaultTheme: "light"
+  defaultTheme: "light",
+  media: {
+    xs: { maxWidth: 659 },
+    sm: { maxWidth: 800 },
+    md: { maxWidth: 1024 },
+    lg: { maxWidth: 1280 },
+    xl: { maxWidth: 1420 },
+    gtXs: { minWidth: 660 },
+    gtSm: { minWidth: 801 },
+    gtMd: { minWidth: 1025 },
+    gtLg: { minWidth: 1281 },
+    short: { maxHeight: 820 },
+    tall: { minHeight: 821 },
+    hoverNone: { hover: "none" },
+    pointerCoarse: { pointer: "coarse" }
+  }
 });
-function ku({ children: e }) {
-  const { theme: t } = Cs();
+function Mu({ children: e }) {
+  const { theme: t } = Os();
   return /* @__PURE__ */ y(
     Lc,
     {
-      config: su,
+      config: iu,
       defaultTheme: t,
       children: e
     }
@@ -4890,12 +4905,12 @@ const vo = {
   on_hold: { bg: "#fff3cd", text: "#856404" },
   default: { bg: "#e9ecef", text: "#495057" }
 };
-function iu(e) {
+function au(e) {
   if (!e) return vo.default;
   const t = e.toLowerCase().replace(/\s+/g, "_");
   return vo[t] ?? vo.default;
 }
-function Mu({
+function Iu({
   state: e,
   docstatus: t,
   className: n,
@@ -4903,7 +4918,7 @@ function Mu({
 }) {
   const r = e ?? (t === 0 ? "Draft" : t === 1 ? "Submitted" : t === 2 ? "Cancelled" : void 0);
   if (!r) return null;
-  const s = iu(r);
+  const s = au(r);
   return /* @__PURE__ */ y(
     "span",
     {
@@ -4923,17 +4938,17 @@ function Mu({
     }
   );
 }
-const au = [
+const lu = [
   { code: "en", label: "English" },
   { code: "hi", label: "हिन्दी" },
   { code: "ta", label: "தமிழ்" },
   { code: "es", label: "Español" },
   { code: "fr", label: "Français" }
 ];
-function Iu({
+function Du({
   language: e,
   onChangeLanguage: t,
-  locales: n = au
+  locales: n = lu
 }) {
   return /* @__PURE__ */ se("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
     /* @__PURE__ */ y(
@@ -4966,32 +4981,67 @@ function Iu({
     )
   ] });
 }
-function Du({
-  variant: e = "text",
-  width: t,
-  height: n,
-  className: o = "",
-  count: r = 1
-}) {
-  const s = `skeleton-${e}`, i = {};
-  return t && (i.width = typeof t == "number" ? `${t}px` : t), n && (i.height = typeof n == "number" ? `${n}px` : n), r > 1 ? /* @__PURE__ */ y("div", { "aria-busy": "true", "aria-label": "Loading content", children: Array.from({ length: r }, (a, l) => /* @__PURE__ */ y(
-    "div",
+const Es = Ie(je, {
+  name: "Skeleton",
+  backgroundColor: "$colorBgTertiary",
+  borderRadius: "$md",
+  display: "flex",
+  variants: {
+    variant: {
+      text: {
+        height: 14,
+        width: "80%",
+        marginBottom: "$sm"
+      },
+      "text-short": {
+        height: 14,
+        width: "40%",
+        marginBottom: "$sm"
+      },
+      heading: {
+        height: 24,
+        width: "60%",
+        marginBottom: "$md"
+      },
+      avatar: {
+        width: 40,
+        height: 40,
+        borderRadius: 1e3
+      },
+      button: {
+        height: 36,
+        width: 100,
+        borderRadius: "$md"
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "text"
+  }
+}), Fu = ({
+  count: e = 1,
+  className: t = "",
+  ...n
+}) => {
+  const o = `skeleton ${t}`.trim();
+  return e > 1 ? /* @__PURE__ */ y(je, { "aria-busy": !0, "aria-label": "Loading content", children: Array.from({ length: e }, (r, s) => /* @__PURE__ */ y(
+    Es,
     {
-      className: `skeleton ${s} ${o}`,
-      style: l === r - 1 ? { ...i, width: "60%" } : i
+      className: o,
+      ...n,
+      ...s === e - 1 && n.variant === "text" ? { width: "60%" } : {}
     },
-    l
+    s
   )) }) : /* @__PURE__ */ y(
-    "div",
+    Es,
     {
-      className: `skeleton ${s} ${o}`,
-      style: i,
-      "aria-busy": "true",
-      "aria-label": "Loading"
+      className: o,
+      "aria-busy": !0,
+      "aria-label": "Loading",
+      ...n
     }
   );
-}
-const Es = Le(ot, {
+}, $s = Ie(je, {
   name: "MStack",
   display: "flex",
   flexDirection: "column",
@@ -5009,7 +5059,7 @@ const Es = Le(ot, {
       }
     }
   }
-}), lu = Le(ot, {
+}), cu = Ie(je, {
   name: "XStack",
   display: "flex",
   flexDirection: "row",
@@ -5027,7 +5077,7 @@ const Es = Le(ot, {
       }
     }
   }
-}), Je = lu, cu = Le(ot, {
+}), Qe = cu, uu = Ie(je, {
   name: "YStack",
   display: "flex",
   flexDirection: "column",
@@ -5045,7 +5095,7 @@ const Es = Le(ot, {
       }
     }
   }
-}), Be = cu, uu = Le(ot, {
+}), Be = uu, du = Ie(je, {
   name: "ZStack",
   display: "flex",
   position: "relative",
@@ -5063,7 +5113,7 @@ const Es = Le(ot, {
       }
     }
   }
-}), Fu = uu, du = Le(vr, {
+}), Vu = du, fu = Ie(vr, {
   name: "MText",
   fontFamily: "$body",
   display: "inline-flex",
@@ -5082,7 +5132,7 @@ const Es = Le(ot, {
       muted: { color: "$colorMuted" }
     }
   }
-}), Se = du, fu = Le(vr, {
+}), Se = fu, mu = Ie(vr, {
   name: "Paragraph",
   fontFamily: "$body",
   display: "inline-flex",
@@ -5097,7 +5147,7 @@ const Es = Le(ot, {
       $xxl: { fontSize: "$xxl" }
     }
   }
-}), Vu = fu, mu = Le(vr, {
+}), Pu = mu, hu = Ie(vr, {
   name: "Heading",
   fontFamily: "$body",
   fontWeight: "800",
@@ -5113,7 +5163,7 @@ const Es = Le(ot, {
       $xxl: { fontSize: "$xxl" }
     }
   }
-}), Pu = mu, hu = Le(ot, {
+}), Wu = hu, pu = Ie(je, {
   name: "Button",
   flexDirection: "row",
   alignItems: "center",
@@ -5197,7 +5247,7 @@ const Es = Le(ot, {
     size: "md"
   }
 });
-function Pe({
+function We({
   children: e,
   variant: t = "default",
   size: n = "md",
@@ -5207,7 +5257,7 @@ function Pe({
   ...i
 }) {
   return /* @__PURE__ */ y(
-    hu,
+    pu,
     {
       tag: s,
       type: i.type,
@@ -5228,7 +5278,7 @@ function Pe({
     }
   );
 }
-const pu = Le(ot, {
+const gu = Ie(je, {
   name: "Card",
   flexDirection: "column",
   backgroundColor: "$background",
@@ -5264,7 +5314,7 @@ const pu = Le(ot, {
     elevated: !0,
     padded: "md"
   }
-}), gu = pu, bu = Le("input", {
+}), bu = gu, yu = Ie("input", {
   name: "Input",
   backgroundColor: "$backgroundSecondary",
   borderRadius: "$round",
@@ -5318,7 +5368,7 @@ const pu = Le(ot, {
   value: n,
   ...o
 }, r) => /* @__PURE__ */ y(
-  bu,
+  yu,
   {
     ref: r,
     ...n !== void 0 ? { value: n } : {},
@@ -5329,7 +5379,7 @@ const pu = Le(ot, {
   }
 ));
 ft.displayName = "Input";
-const yu = Z.forwardRef(({
+const Su = Z.forwardRef(({
   value: e,
   onChange: t,
   onChangeText: n,
@@ -5345,9 +5395,9 @@ const yu = Z.forwardRef(({
     const v = new Date(e);
     return isNaN(v.getTime()) ? /* @__PURE__ */ new Date() : v;
   }, [e]), [g, h] = _t(new Date(p));
-  tt(() => {
+  nt(() => {
     h(new Date(p));
-  }, [p]), tt(() => {
+  }, [p]), nt(() => {
     const v = ($) => {
       f.current && !f.current.contains($.target) && (l(!1), u(!1), m(!1));
     };
@@ -5381,7 +5431,7 @@ const yu = Z.forwardRef(({
       position: "relative",
       width: "100%",
       children: [
-        /* @__PURE__ */ se(Je, { alignItems: "center", position: "relative", children: [
+        /* @__PURE__ */ se(Qe, { alignItems: "center", position: "relative", children: [
           /* @__PURE__ */ y(
             ft,
             {
@@ -5395,7 +5445,7 @@ const yu = Z.forwardRef(({
             }
           ),
           /* @__PURE__ */ y(
-            Je,
+            Qe,
             {
               position: "absolute",
               right: 12,
@@ -5411,7 +5461,7 @@ const yu = Z.forwardRef(({
           )
         ] }),
         a && /* @__PURE__ */ se(
-          gu,
+          bu,
           {
             elevated: !0,
             position: "absolute",
@@ -5425,9 +5475,9 @@ const yu = Z.forwardRef(({
             borderColor: "$borderColor",
             borderWidth: 1,
             children: [
-              /* @__PURE__ */ se(Je, { justifyContent: "space-between", alignItems: "center", marginBottom: "$3", children: [
+              /* @__PURE__ */ se(Qe, { justifyContent: "space-between", alignItems: "center", marginBottom: "$3", children: [
                 /* @__PURE__ */ y(
-                  Pe,
+                  We,
                   {
                     size: "sm",
                     borderRadius: 100,
@@ -5438,7 +5488,7 @@ const yu = Z.forwardRef(({
                     children: /* @__PURE__ */ y(Se, { fontSize: 12, position: "relative", left: -1, children: "<" })
                   }
                 ),
-                /* @__PURE__ */ se(Je, { alignItems: "center", cursor: "pointer", children: [
+                /* @__PURE__ */ se(Qe, { alignItems: "center", cursor: "pointer", children: [
                   /* @__PURE__ */ y(Be, { onDoubleClick: () => m(!0), children: c ? /* @__PURE__ */ y(
                     ft,
                     {
@@ -5455,7 +5505,7 @@ const yu = Z.forwardRef(({
                       }
                     }
                   ) : /* @__PURE__ */ y(Se, { fontSize: 12, fontWeight: "700", color: "$primary", children: _[g.getMonth()] }) }),
-                  /* @__PURE__ */ y(ot, { width: 12 }),
+                  /* @__PURE__ */ y(je, { width: 12 }),
                   /* @__PURE__ */ y(Be, { onDoubleClick: () => u(!0), children: d ? /* @__PURE__ */ y(
                     ft,
                     {
@@ -5474,7 +5524,7 @@ const yu = Z.forwardRef(({
                   ) : /* @__PURE__ */ y(Se, { fontWeight: "700", color: "$primary", children: g.getFullYear() }) })
                 ] }),
                 /* @__PURE__ */ y(
-                  Pe,
+                  We,
                   {
                     size: "sm",
                     borderRadius: 100,
@@ -5486,12 +5536,12 @@ const yu = Z.forwardRef(({
                   }
                 )
               ] }),
-              /* @__PURE__ */ se(Je, { flexWrap: "wrap", gap: 2, marginBottom: "$2", children: [
-                /* @__PURE__ */ y(Je, { width: "100%", justifyContent: "space-around", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((v) => /* @__PURE__ */ y(Es, { width: 36, alignItems: "center", children: /* @__PURE__ */ y(Se, { fontSize: 10, color: "muted", fontWeight: "600", children: v }) }, v)) }),
+              /* @__PURE__ */ se(Qe, { flexWrap: "wrap", gap: 2, marginBottom: "$2", children: [
+                /* @__PURE__ */ y(Qe, { width: "100%", justifyContent: "space-around", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((v) => /* @__PURE__ */ y($s, { width: 36, alignItems: "center", children: /* @__PURE__ */ y(Se, { fontSize: 10, color: "muted", fontWeight: "600", children: v }) }, v)) }),
                 k.map((v, $) => {
                   const C = v === p.getDate() && g.getMonth() === p.getMonth() && g.getFullYear() === p.getFullYear();
                   return /* @__PURE__ */ y(
-                    Es,
+                    $s,
                     {
                       width: 36,
                       height: 36,
@@ -5509,9 +5559,9 @@ const yu = Z.forwardRef(({
                 })
               ] }),
               o === "datetime-local" && /* @__PURE__ */ se(Be, { marginTop: "$2", paddingTop: "$3", borderTopWidth: 1, borderColor: "$borderColor", gap: "$2", children: [
-                /* @__PURE__ */ se(Je, { justifyContent: "space-around", alignItems: "center", children: [
+                /* @__PURE__ */ se(Qe, { justifyContent: "space-around", alignItems: "center", children: [
                   /* @__PURE__ */ se(Be, { alignItems: "center", gap: "$1", children: [
-                    /* @__PURE__ */ y(Pe, { size: "sm", variant: "ghost", padding: 0, onPress: () => S(1, 0, 0), children: /* @__PURE__ */ y(Se, { fontSize: 16, children: "+" }) }),
+                    /* @__PURE__ */ y(We, { size: "sm", variant: "ghost", padding: 0, onPress: () => S(1, 0, 0), children: /* @__PURE__ */ y(Se, { fontSize: 16, children: "+" }) }),
                     /* @__PURE__ */ y(
                       ft,
                       {
@@ -5531,11 +5581,11 @@ const yu = Z.forwardRef(({
                         }
                       }
                     ),
-                    /* @__PURE__ */ y(Pe, { size: "sm", variant: "ghost", padding: 0, onPress: () => S(-1, 0, 0), children: /* @__PURE__ */ y(Se, { fontSize: 16, children: "-" }) })
+                    /* @__PURE__ */ y(We, { size: "sm", variant: "ghost", padding: 0, onPress: () => S(-1, 0, 0), children: /* @__PURE__ */ y(Se, { fontSize: 16, children: "-" }) })
                   ] }),
                   /* @__PURE__ */ y(Se, { fontSize: 16, color: "muted", marginTop: 10, position: "relative", top: -2, children: ":" }),
                   /* @__PURE__ */ se(Be, { alignItems: "center", gap: "$1", children: [
-                    /* @__PURE__ */ y(Pe, { size: "sm", variant: "ghost", padding: 0, onPress: () => S(0, 5, 0), children: /* @__PURE__ */ y(Se, { fontSize: 16, children: "+" }) }),
+                    /* @__PURE__ */ y(We, { size: "sm", variant: "ghost", padding: 0, onPress: () => S(0, 5, 0), children: /* @__PURE__ */ y(Se, { fontSize: 16, children: "+" }) }),
                     /* @__PURE__ */ y(
                       ft,
                       {
@@ -5554,11 +5604,11 @@ const yu = Z.forwardRef(({
                         }
                       }
                     ),
-                    /* @__PURE__ */ y(Pe, { size: "sm", variant: "ghost", padding: 0, onPress: () => S(0, -5, 0), children: /* @__PURE__ */ y(Se, { fontSize: 16, children: "-" }) })
+                    /* @__PURE__ */ y(We, { size: "sm", variant: "ghost", padding: 0, onPress: () => S(0, -5, 0), children: /* @__PURE__ */ y(Se, { fontSize: 16, children: "-" }) })
                   ] }),
                   /* @__PURE__ */ y(Se, { fontSize: 16, color: "muted", marginTop: 10, position: "relative", top: -2, children: ":" }),
                   /* @__PURE__ */ se(Be, { alignItems: "center", gap: "$1", children: [
-                    /* @__PURE__ */ y(Pe, { size: "sm", variant: "ghost", padding: 0, onPress: () => S(0, 0, 10), children: /* @__PURE__ */ y(Se, { fontSize: 16, children: "+" }) }),
+                    /* @__PURE__ */ y(We, { size: "sm", variant: "ghost", padding: 0, onPress: () => S(0, 0, 10), children: /* @__PURE__ */ y(Se, { fontSize: 16, children: "+" }) }),
                     /* @__PURE__ */ y(
                       ft,
                       {
@@ -5577,10 +5627,10 @@ const yu = Z.forwardRef(({
                         }
                       }
                     ),
-                    /* @__PURE__ */ y(Pe, { size: "sm", variant: "ghost", padding: 0, onPress: () => S(0, 0, -10), children: /* @__PURE__ */ y(Se, { fontSize: 16, children: "-" }) })
+                    /* @__PURE__ */ y(We, { size: "sm", variant: "ghost", padding: 0, onPress: () => S(0, 0, -10), children: /* @__PURE__ */ y(Se, { fontSize: 16, children: "-" }) })
                   ] }),
                   /* @__PURE__ */ y(Be, { justifyContent: "center", marginTop: 10, position: "relative", top: -2, children: /* @__PURE__ */ y(
-                    Pe,
+                    We,
                     {
                       size: "sm",
                       variant: "primary",
@@ -5593,9 +5643,9 @@ const yu = Z.forwardRef(({
                     }
                   ) })
                 ] }),
-                /* @__PURE__ */ se(Je, { marginTop: "$1", children: [
+                /* @__PURE__ */ se(Qe, { marginTop: "$1", children: [
                   /* @__PURE__ */ y(
-                    Pe,
+                    We,
                     {
                       variant: "default",
                       size: "sm",
@@ -5604,9 +5654,9 @@ const yu = Z.forwardRef(({
                       children: "Now"
                     }
                   ),
-                  /* @__PURE__ */ y(ot, { width: 8 }),
+                  /* @__PURE__ */ y(je, { width: 8 }),
                   /* @__PURE__ */ y(
-                    Pe,
+                    We,
                     {
                       variant: "primary",
                       size: "sm",
@@ -5624,8 +5674,8 @@ const yu = Z.forwardRef(({
     }
   );
 });
-yu.displayName = "DatePicker";
-const Su = Le("select", {
+Su.displayName = "DatePicker";
+const vu = Ie("select", {
   name: "Select",
   backgroundColor: "$backgroundSecondary",
   borderRadius: "$round",
@@ -5670,7 +5720,7 @@ const Su = Le("select", {
   defaultVariants: {
     size: "md"
   }
-}), vu = Z.forwardRef(({
+}), Eu = Z.forwardRef(({
   error: e,
   size: t = "md",
   value: n,
@@ -5692,7 +5742,7 @@ const Su = Le("select", {
       pointerEvents: "box-none",
       children: [
         /* @__PURE__ */ se(
-          Su,
+          vu,
           {
             ref: u,
             ...c ? { value: n } : {},
@@ -5733,25 +5783,25 @@ const Su = Le("select", {
     }
   );
 });
-vu.displayName = "Select";
-const Eu = {
+Eu.displayName = "Select";
+const $u = {
   success: { borderLeft: "3px solid var(--color-success)" },
   error: { borderLeft: "3px solid var(--color-error)" },
   warning: { borderLeft: "3px solid var(--color-warning)" },
   info: { borderLeft: "3px solid var(--color-primary)" }
-}, $u = {
+}, wu = {
   success: "✓",
   error: "✕",
   warning: "⚠",
   info: "ℹ"
 };
-function wu({
+function Nu({
   message: e,
   variant: t = "info",
   duration: n = 4e3,
   onDismiss: o
 }) {
-  return tt(() => {
+  return nt(() => {
     if (n > 0 && o) {
       const r = setTimeout(o, n);
       return () => clearTimeout(r);
@@ -5763,7 +5813,7 @@ function wu({
       role: "alert",
       "aria-live": "assertive",
       "aria-atomic": "true",
-      style: Eu[t],
+      style: $u[t],
       children: /* @__PURE__ */ se(
         "div",
         {
@@ -5773,7 +5823,7 @@ function wu({
             gap: "var(--spacing-sm)"
           },
           children: [
-            /* @__PURE__ */ y("span", { "aria-hidden": "true", style: { fontWeight: 600 }, children: $u[t] }),
+            /* @__PURE__ */ y("span", { "aria-hidden": "true", style: { fontWeight: 600 }, children: wu[t] }),
             /* @__PURE__ */ y("span", { children: e }),
             o && /* @__PURE__ */ y(
               "button",
@@ -5816,36 +5866,36 @@ function zu({
         gap: "var(--spacing-sm)",
         pointerEvents: "none"
       },
-      children: e.map((n) => /* @__PURE__ */ y("div", { style: { pointerEvents: "auto" }, children: /* @__PURE__ */ y(wu, { ...n, onDismiss: () => t(n.id) }) }, n.id))
+      children: e.map((n) => /* @__PURE__ */ y("div", { style: { pointerEvents: "auto" }, children: /* @__PURE__ */ y(Nu, { ...n, onDismiss: () => t(n.id) }) }, n.id))
     }
   );
 }
 export {
-  Pe as Button,
-  gu as Card,
-  yu as DatePicker,
-  Pu as Heading,
+  We as Button,
+  bu as Card,
+  Su as DatePicker,
+  Wu as Heading,
   ft as Input,
-  Iu as LocaleSwitcher,
-  ku as MProvider,
-  Es as MStack,
+  Du as LocaleSwitcher,
+  Mu as MProvider,
+  $s as MStack,
   Se as MText,
-  Vu as Paragraph,
-  vu as Select,
-  Du as Skeleton,
-  Mu as StateBadge,
-  Au as ThemeProvider,
-  Ru as ThemeToggle,
-  wu as Toast,
+  Pu as Paragraph,
+  Eu as Select,
+  Fu as Skeleton,
+  Iu as StateBadge,
+  Ru as ThemeProvider,
+  ku as ThemeToggle,
+  Nu as Toast,
   zu as ToastContainer,
-  Je as XStack,
+  Qe as XStack,
   Be as YStack,
-  Fu as ZStack,
+  Vu as ZStack,
   qo as colors,
-  tu as generateMDesignConfig,
-  su as mThemeConfig,
-  Mi as spacing,
+  nu as generateMDesignConfig,
+  iu as mThemeConfig,
+  Ii as spacing,
   Er as typography,
-  Cs as useTheme
+  Os as useTheme
 };
 //# sourceMappingURL=index.js.map