@framework-m/ui 0.2.2

package/dist/index.js

@@ -0,0 +1,4981 @@
+var Ni = Object.defineProperty;
+var Ti = (e, t, n) => t in e ? Ni(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var vr = (e, t, n) => Ti(e, typeof t != "symbol" ? t + "" : t, n);
+import { jsx as w, jsxs as Xe, Fragment as Cn } from "react/jsx-runtime";
+import * as fo from "react";
+import te, { createContext as Xt, useState as us, useEffect as Tt, useContext as An, useCallback as ds, useLayoutEffect as xi, useRef as jt, useSyncExternalStore as fs, useId as ms, Children as bn, isValidElement as Wo, cloneElement as yn, forwardRef as hs, memo as wi, useMemo as _i } from "react";
+import { createPortal as $i } from "react-dom";
+const ps = Xt(null), mo = "framework-m-theme";
+function Ci() {
+  const e = localStorage.getItem(mo);
+  return e === "light" || e === "dark" ? e : window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function Er(e) {
+  const t = document.documentElement;
+  e === "dark" ? t.classList.add("dark") : t.classList.remove("dark");
+}
+function qc({ children: e }) {
+  const [t, n] = us(Ci);
+  Tt(() => {
+    Er(t);
+  }, [t]), Tt(() => {
+    const i = window.matchMedia("(prefers-color-scheme: dark)"), a = (l) => {
+      localStorage.getItem(mo) || n(l.matches ? "dark" : "light");
+    };
+    return i.addEventListener("change", a), () => i.removeEventListener("change", a);
+  }, []);
+  const o = (i) => {
+    n(i), localStorage.setItem(mo, i), Er(i);
+  }, s = { theme: t, setTheme: o, toggleTheme: () => {
+    o(t === "light" ? "dark" : "light");
+  } };
+  return /* @__PURE__ */ w(ps.Provider, { value: s, children: e });
+}
+function gs() {
+  const e = An(ps);
+  if (!e)
+    throw new Error("useTheme must be used within ThemeProvider");
+  return e;
+}
+function Ai() {
+  return /* @__PURE__ */ Xe(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "20",
+      height: "20",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ w("circle", { cx: "12", cy: "12", r: "5" }),
+        /* @__PURE__ */ w("line", { x1: "12", y1: "1", x2: "12", y2: "3" }),
+        /* @__PURE__ */ w("line", { x1: "12", y1: "21", x2: "12", y2: "23" }),
+        /* @__PURE__ */ w("line", { x1: "4.22", y1: "4.22", x2: "5.64", y2: "5.64" }),
+        /* @__PURE__ */ w("line", { x1: "18.36", y1: "18.36", x2: "19.78", y2: "19.78" }),
+        /* @__PURE__ */ w("line", { x1: "1", y1: "12", x2: "3", y2: "12" }),
+        /* @__PURE__ */ w("line", { x1: "21", y1: "12", x2: "23", y2: "12" }),
+        /* @__PURE__ */ w("line", { x1: "4.22", y1: "19.78", x2: "5.64", y2: "18.36" }),
+        /* @__PURE__ */ w("line", { x1: "18.36", y1: "5.64", x2: "19.78", y2: "4.22" })
+      ]
+    }
+  );
+}
+function Oi() {
+  return /* @__PURE__ */ w(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "20",
+      height: "20",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ w("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" })
+    }
+  );
+}
+function Jc() {
+  const { theme: e, toggleTheme: t } = gs();
+  return /* @__PURE__ */ Xe(
+    "button",
+    {
+      onClick: t,
+      className: "theme-toggle",
+      "aria-label": `Switch to ${e === "light" ? "dark" : "light"} mode`,
+      title: `Current theme: ${e}`,
+      type: "button",
+      children: [
+        e === "light" ? /* @__PURE__ */ w(Oi, {}) : /* @__PURE__ */ w(Ai, {}),
+        /* @__PURE__ */ w("style", { children: `
+        .theme-toggle {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          width: 40px;
+          height: 40px;
+          border: none;
+          background: transparent;
+          cursor: pointer;
+          border-radius: 8px;
+          color: var(--text-color, #333);
+          transition: all 0.2s ease;
+        }
+
+        .theme-toggle:hover {
+          background: var(--hover-bg, rgba(0, 0, 0, 0.05));
+        }
+
+        .theme-toggle:active {
+          transform: scale(0.95);
+        }
+
+        .theme-toggle:focus-visible {
+          outline: 2px solid var(--primary-color, #3b82f6);
+          outline-offset: 2px;
+        }
+
+        .dark .theme-toggle {
+          color: var(--text-color-dark, #e5e7eb);
+        }
+
+        .dark .theme-toggle:hover {
+          background: var(--hover-bg-dark, rgba(255, 255, 255, 0.1));
+        }
+      ` })
+      ]
+    }
+  );
+}
+const nt = {
+  // order of keys here important! in priority order
+  hoverStyle: {
+    name: "hover",
+    priority: 2
+  },
+  pressStyle: {
+    name: "active",
+    stateKey: "press",
+    priority: 3
+  },
+  focusVisibleStyle: {
+    name: "focus-visible",
+    priority: 4,
+    stateKey: "focusVisible"
+  },
+  focusStyle: {
+    name: "focus",
+    priority: 4
+  },
+  focusWithinStyle: {
+    name: "focus-within",
+    priority: 4,
+    stateKey: "focusWithin"
+  },
+  disabledStyle: {
+    name: "disabled",
+    priority: 5,
+    stateKey: "disabled"
+  }
+}, jo = {
+  hover: nt.hoverStyle.priority,
+  press: nt.pressStyle.priority,
+  focus: nt.focusStyle.priority,
+  focusVisible: nt.focusVisibleStyle.priority,
+  focusWithin: nt.focusWithinStyle.priority,
+  disabled: nt.disabledStyle.priority
+}, Oe = {
+  ...nt,
+  enterStyle: {
+    name: "enter",
+    selector: ".t_unmounted",
+    priority: 4
+  },
+  exitStyle: {
+    name: "exit",
+    priority: 5
+  }
+}, Ri = Object.keys(Oe).length, zo = (e, t) => {
+  const n = {};
+  for (const o in e) o in t || (n[o] = e[o]);
+  for (const o in t) bs(n, e, t, o);
+  return n;
+}, Ii = (e, t, n) => {
+  let o = null;
+  if (!e && !t) return [n, o];
+  if (e && !t) return [zo(e, n), o];
+  const r = {};
+  for (const s in e) s in n || (r[s] = e[s]);
+  for (const s in t) {
+    if (s in n) continue;
+    const i = t[s];
+    i !== void 0 && (r[s] = i);
+  }
+  for (const s in n) bs(r, e, n, s), t && s in t && (o || (o = {}), o[s] = n[s]);
+  return [r, o];
+};
+function bs(e, t, n, o) {
+  let r = n[o];
+  if (t && o in t && (o in Oe || o[0] === "$") && r && typeof r == "object") {
+    const s = t[o];
+    s && typeof s == "object" && (r = zo(s, r));
+  }
+  e[o] = r;
+}
+function ho(e) {
+  let t = "";
+  for (const n in e) {
+    t += n;
+    const o = e[n];
+    let r = typeof o;
+    if (!o || r !== "object" && r !== "function") t += r + o;
+    else if (Kn.has(o)) t += Kn.get(o);
+    else {
+      let s = Math.random();
+      Kn.set(o, s), t += s;
+    }
+  }
+  return t;
+}
+const Kn = /* @__PURE__ */ new WeakMap(), Fi = (e, t = "") => {
+  "use no memo";
+  const n = te.createContext, o = te.useMemo, r = te.useContext, s = n(e), i = s.Provider, a = s, l = /* @__PURE__ */ new Map(), d = n(t);
+  function u(p) {
+    let g = l.get(p);
+    return g || (g = n(e), l.set(p, g)), g;
+  }
+  const c = (p) => t ? `${t}--${p}` : p, m = ({
+    children: p,
+    scope: g,
+    // performance: avoid creating objects
+    __disableMergeDefaultValues: b,
+    ...h
+  }) => {
+    const S = c(g), N = o(() => b ? h : zo(e, h), [ho(h)]);
+    let y = i;
+    return S && (y = u(S).Provider), /* @__PURE__ */ w(d.Provider, {
+      value: S,
+      children: /* @__PURE__ */ w(y, {
+        value: N,
+        children: p
+      })
+    });
+  }, f = (p = "") => {
+    const g = r(d), b = t ? p ? c(p) : g : p, h = b ? u(b) : s;
+    return r(h);
+  };
+  return a.Provider = m, a.props = e, a.context = s, a.useStyledContext = f, a;
+}, un = Fi({
+  disableSSR: void 0,
+  inText: !1,
+  language: null,
+  animationDriver: null,
+  setParentFocusState: null,
+  insets: null
+}), Nr = Xt(null);
+function Vi(e, t) {
+  return ds((n) => {
+    e((o) => {
+      const r = typeof n == "function" ? n(o) : n, s = po(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;
+    });
+  }, [e, t]);
+}
+function po(e, t) {
+  return !e || !t || ys(e, t) ? e || t : {
+    ...e,
+    ...t
+  };
+}
+function ys(e, t) {
+  for (const n in t) if (e[n] !== t[n]) return !1;
+  return !0;
+}
+const Et = !0, Ss = typeof window < "u", On = !Ss, St = Ss, Ae = On ? Tt : xi;
+process.env.TEST_NATIVE_PLATFORM;
+const vs = "web", Es = "t_", zt = 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 Ns, Ts = !1;
+const Mi = process.env.NODE_ENV === "development" ? `
+Haven't called createTamagui yet. ${zt}
+` : "❌ Error 001", Uo = () => Ns || (globalThis.__tamaguiConfig ? (process.env.NODE_ENV === "development" && !globalThis.__tamaguiHasWarnedGlobalFallback && !globalThis.__tamaguiPendingCheck && (globalThis.__tamaguiPendingCheck = !0, setTimeout(() => {
+  !Ts && !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), we = (e) => {
+  const t = Uo();
+  if (process.env.NODE_ENV === "development" && !t) throw new Error(Mi);
+  return t.settings[e] ?? // @ts-expect-error
+  t[e];
+}, Di = (e) => {
+  Ts = !0, Ns = e, globalThis.__tamaguiConfig = e;
+}, De = () => {
+  const e = Uo();
+  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;
+}, xs = () => Uo();
+function Pi(e) {
+  return e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`).toLowerCase();
+}
+const Hn = /* @__PURE__ */ new WeakMap();
+function ws(e) {
+  if (typeof e == "string") return e;
+  if (Hn.has(e)) return Hn.get(e);
+  const t = Object.entries(e).map(([n, o]) => (n = Pi(n), typeof o == "string" ? `(${n}: ${o})` : (typeof o == "number" && /[height|width]$/.test(n) && (o = `${o}px`), `(${n}: ${o})`))).join(" and ");
+  return Hn.set(e, t), t;
+}
+let Rn = (
+  // development only safeguard
+  process.env.NODE_ENV === "development" ? new Proxy({}, {
+    get(e, t) {
+      if (typeof t == "string" && t[0] === "$" && // dont error on $$typeof
+      t[1] !== "$") throw new Error(`Access mediaState should not use "$": ${t}`);
+      return Reflect.get(e, t);
+    }
+  }) : {}
+);
+const ki = (e) => {
+  Rn = e;
+}, Ut = {}, Ye = () => Rn, Go = /* @__PURE__ */ new Set();
+function Li(e) {
+  return e.replace(/-([a-z])/g, (t, n) => n.toUpperCase());
+}
+function Bi(e) {
+  return e ? Li(e) in jo : !1;
+}
+function _s(e) {
+  const t = Ye(), [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 && !Bi(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
+  };
+}
+const Tr = "_";
+let go = null, dn = null;
+function Wi() {
+  go = null, dn = null;
+}
+const ji = {
+  press: "active",
+  focusVisible: "focus-visible",
+  focusWithin: "focus-within"
+}, xr = new Array(12).fill(0).map((e, t) => new Array(t).fill(":root").join(""));
+function zi(e, t, n, o, r = !1, s = "") {
+  const i = t.lastIndexOf(":root") + 5, a = t.lastIndexOf("{"), l = t.slice(i, a), d = we("addThemeClassName") !== !1 && r ? "" : " ", u = o.pseudo ? ji[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 Ui = (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, p = "", g = a.slice(0, a.indexOf("-") + 1), b = `${g}${Tr}${t.replace("-", "")}${p}${Tr}`;
+  let h = "", S = "", N, y, $ = a.replace(g, b), M = d.map((C) => C.replaceAll(a, $)).join(";"), K = !1;
+  if (f) {
+    let C = (s || 0) + (m || c ? 1 : 0);
+    if (u || m) {
+      const A = _s(u ? "theme-" + t : t), {
+        name: T,
+        media: P,
+        pseudo: B
+      } = A;
+      N = P, m && (y = T), (B === "press" || l === "active") && (C += 2), B === "hover" && (K = !0);
+      const [k, W] = zi(T, M, m, A, u, xr[C]);
+      h = M.replace(k, W);
+    } else h = `${xr[C]}${M}`;
+  }
+  if (!f || N) {
+    if (!dn) {
+      const k = Object.keys(n);
+      dn = Object.fromEntries(k.map((W) => [W, ws(n[W])])), go = Object.fromEntries(k.map((W, ae) => [W, new Array(ae + 1).fill(":root").join("")]));
+    }
+    const C = N || t, A = dn[C], T = `${A}`, P = N ? S : go[C], B = N ? `@container ${y}` : "@media";
+    N && (M = h), M.includes(B) ? h = M.replace("{", ` and ${T} {`).replace("and screen and", "and") : h = `${B} ${T}{${P}${M}}`, N && (h = `@supports (contain: ${we("webContainerType") || "inline-size"}) {${h}}`);
+  }
+  return K && (h = `@media (hover:hover){${h}}`), [i, void 0, $, void 0, [h]];
+}, Gi = typeof window < "u" && window.matchMedia || Ki;
+function Ki(e) {
+  return {
+    match: (t, n) => !1,
+    addListener() {
+    },
+    removeListener() {
+    },
+    matches: !1
+  };
+}
+const $s = /\$(platform|theme|group)-/, Hi = (e) => e[0] !== "$" ? !1 : !!(Go.has(e) || $s.test(e)), wr = (e) => {
+  if (e[0] !== "$") return !1;
+  if (Go.has(e)) return !0;
+  const t = e.match($s);
+  return t ? t[1] : !1;
+};
+let Cs, As;
+const Xi = (e) => {
+  if (process.env.NODE_ENV === "development" && e[0] === "$") throw new Error("use short key");
+  return As.indexOf(e) + 100;
+}, bo = /* @__PURE__ */ new Set();
+let yo = 0;
+const Yi = (e) => {
+  const {
+    media: t
+  } = e, n = we("mediaQueryDefaultActive");
+  if (t) {
+    yo++, Wi();
+    for (const o in t) Ye()[o] = (n == null ? void 0 : n[o]) || !1, Go.add(`$${o}`);
+    Object.assign(Ut, t), Cs = {
+      ...Ye()
+    }, As = Object.keys(t), qi();
+  }
+};
+function Zi() {
+  bo.forEach((e) => e()), bo.clear();
+}
+let _r = -1;
+function qi() {
+  if (!On && !process.env.IS_STATIC && _r !== yo) {
+    _r = yo, Zi();
+    for (const e in Ut) {
+      let t = function() {
+        const s = !!o().matches;
+        s !== Ye()[e] && (ki({
+          ...Ye(),
+          [e]: s
+        }), Os());
+      };
+      const n = ws(Ut[e]), o = () => Gi(n), r = o();
+      if (!r) throw new Error("⚠️ No match");
+      r.addListener(t), bo.add(() => {
+        r.removeListener(t);
+      }), t();
+    }
+  }
+}
+const So = /* @__PURE__ */ new Set();
+function Os() {
+  So.forEach((e) => e(Ye()));
+}
+const vo = /* @__PURE__ */ new WeakMap();
+function Ji(e, t, n) {
+  const o = vo.get(e);
+  (!o || o.enabled !== t || n) && vo.set(e, {
+    ...o,
+    enabled: t,
+    keys: n
+  });
+}
+function Qi(e) {
+  return So.add(e), () => {
+    So.delete(e);
+  };
+}
+function ea(e, t) {
+  "use no memo";
+  const n = e ? vo.get(e) : null, o = jt(null);
+  o.current || (o.current = {
+    keys: /* @__PURE__ */ new Set(),
+    lastState: Ye()
+  }), 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 = fs(Qi, () => {
+    const i = (n == null ? void 0 : n.keys) || r, {
+      lastState: a,
+      pendingState: l
+    } = o.current;
+    if (!i.size) return a;
+    const d = Ye();
+    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;
+  }, ta);
+  return new Proxy(s, {
+    get(i, a) {
+      return !Sn && typeof a == "string" && r.add(a), Reflect.get(s, a);
+    }
+  });
+}
+const ta = () => Cs;
+let Sn = !1;
+function $r(e) {
+  Sn = e;
+}
+function na(e, t) {
+  Sn = !0;
+  let n;
+  try {
+    n = Object.fromEntries([...e].map((o) => [o, Rs(o, t)]));
+  } finally {
+    Sn = !1;
+  }
+  return n;
+}
+const oa = (e, t, n, o) => {
+  const r = o ? Xi(e) : Ri, s = n.usedKeys;
+  return !s[t] || r > s[t] ? r : null;
+};
+function Rs(e, t) {
+  const n = Ut[e];
+  return Object.keys(n).every((o) => {
+    const r = +n[o], s = o.startsWith("max"), i = o.endsWith("Width"), a = t[i ? "width" : "height"];
+    return s ? a < r : a > r;
+  });
+}
+const rn = /* @__PURE__ */ new Map();
+let Xn = 0;
+const wt = (e, t = 10) => {
+  if (rn.has(e)) return rn.get(e);
+  let n = e;
+  n[0] === "v" && n.startsWith("var(") && (n = n.slice(6, n.length - 1));
+  let o = 0, r = "", s = 0;
+  const i = n.length;
+  for (let l = 0; l < i; l++) {
+    if (t !== "strict" && s <= t) {
+      const d = n.charCodeAt(l);
+      if (d === 46) {
+        r += "--";
+        continue;
+      }
+      if (sa(d)) {
+        s++, r += n[l];
+        continue;
+      }
+    }
+    o = ra(o, n[l]);
+  }
+  const a = r + (o ? Math.abs(o) : "");
+  return Xn > 1e4 && (rn.clear(), Xn = 0), rn.set(e, a), Xn++, a;
+}, ra = (e, t) => Math.imul(31, e) + t.charCodeAt(0) | 0;
+function sa(e) {
+  return (
+    // A-Z
+    e >= 65 && e <= 90 || // a-z
+    e >= 97 && e <= 122 || // _
+    e === 95 || // -
+    e === 45 || // 0-9
+    e >= 48 && e <= 57
+  );
+}
+function ia(e, [t, n]) {
+  return Math.min(n, Math.max(t, e));
+}
+function Ko(e, t, {
+  checkDefaultPrevented: n = !0
+} = {}) {
+  return !e || !t ? t || e || void 0 : (o) => {
+    if (e == null || e(o), !o || !(n && typeof o == "object" && "defaultPrevented" in o) || // @ts-ignore
+    "defaultPrevented" in o && !o.defaultPrevented) return t == null ? void 0 : t(o);
+  };
+}
+const Dt = 0, aa = 1, it = 2, Is = 3, In = 4, Fs = ["web", "android", "ios"];
+function la(e) {
+  if (!e) return null;
+  const t = ca(e);
+  for (const n of Fs) if (n === vs && t.has(n)) return n;
+  return null;
+}
+function ca(e) {
+  const t = e === !0 ? Fs : 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 Ho = {
+  backgroundAttachment: !0,
+  backgroundBlendMode: !0,
+  backgroundClip: !0,
+  backgroundOrigin: !0,
+  backgroundRepeat: !0,
+  borderBottomStyle: !0,
+  borderLeftStyle: !0,
+  borderRightStyle: !0,
+  borderTopStyle: !0,
+  contain: !0,
+  containerType: !0,
+  content: !0,
+  float: !0,
+  maskBorderMode: !0,
+  maskBorderRepeat: !0,
+  maskClip: !0,
+  maskComposite: !0,
+  maskMode: !0,
+  maskOrigin: !0,
+  maskRepeat: !0,
+  maskType: !0,
+  objectFit: !0,
+  overflowBlock: !0,
+  overflowInline: !0,
+  overflowX: !0,
+  overflowY: !0,
+  // NOTE: pointerEvents is NOT web-only - it's a core React Native View prop (not a style)
+  pointerEvents: !0,
+  scrollbarWidth: !0,
+  textWrap: !0,
+  touchAction: !0,
+  transformStyle: !0,
+  willChange: !0
+}, Xo = {
+  whiteSpace: !0,
+  wordWrap: !0,
+  textOverflow: !0,
+  WebkitBoxOrient: !0
+}, Vs = {
+  ...Ho,
+  transition: !0,
+  backdropFilter: !0,
+  WebkitBackdropFilter: !0,
+  background: !0,
+  borderTop: !0,
+  borderRight: !0,
+  borderBottom: !0,
+  borderLeft: !0,
+  backgroundPosition: !0,
+  backgroundSize: !0,
+  borderImage: !0,
+  caretColor: !0,
+  clipPath: !0,
+  mask: !0,
+  maskBorder: !0,
+  maskBorderOutset: !0,
+  maskBorderSlice: !0,
+  maskBorderSource: !0,
+  maskBorderWidth: !0,
+  maskImage: !0,
+  maskPosition: !0,
+  maskSize: !0,
+  objectPosition: !0,
+  textEmphasis: !0,
+  userSelect: !0
+}, Ms = {
+  ...Xo,
+  textDecorationDistance: !0,
+  // cursor: now cross-platform - in stylePropsView
+  WebkitLineClamp: !0
+}, Ds = {
+  // border longhands
+  borderWidth: !0,
+  borderStyle: !0,
+  borderColor: !0,
+  borderTopWidth: !0,
+  borderTopStyle: !0,
+  borderTopColor: !0,
+  borderRightWidth: !0,
+  borderRightStyle: !0,
+  borderRightColor: !0,
+  borderBottomWidth: !0,
+  borderBottomStyle: !0,
+  borderBottomColor: !0,
+  borderLeftWidth: !0,
+  borderLeftStyle: !0,
+  borderLeftColor: !0,
+  // outline longhands
+  outlineWidth: !0,
+  outlineStyle: !0,
+  outlineColor: !0,
+  outlineOffset: !0
+}, Ps = {
+  color: !0,
+  textDecorationColor: !0,
+  textShadowColor: !0
+}, at = {
+  radius: {
+    borderRadius: !0,
+    borderTopLeftRadius: !0,
+    borderTopRightRadius: !0,
+    borderBottomLeftRadius: !0,
+    borderBottomRightRadius: !0,
+    // logical
+    borderStartStartRadius: !0,
+    borderStartEndRadius: !0,
+    borderEndStartRadius: !0,
+    borderEndEndRadius: !0
+  },
+  size: {
+    width: !0,
+    height: !0,
+    minWidth: !0,
+    minHeight: !0,
+    maxWidth: !0,
+    maxHeight: !0,
+    blockSize: !0,
+    minBlockSize: !0,
+    maxBlockSize: !0,
+    inlineSize: !0,
+    minInlineSize: !0,
+    maxInlineSize: !0
+  },
+  zIndex: {
+    zIndex: !0
+  },
+  color: {
+    backgroundColor: !0,
+    borderColor: !0,
+    borderBlockStartColor: !0,
+    borderBlockEndColor: !0,
+    borderBlockColor: !0,
+    borderBottomColor: !0,
+    borderInlineColor: !0,
+    borderInlineStartColor: !0,
+    borderInlineEndColor: !0,
+    borderTopColor: !0,
+    borderLeftColor: !0,
+    borderRightColor: !0,
+    borderEndColor: !0,
+    borderStartColor: !0,
+    shadowColor: !0,
+    ...Ps,
+    // outlineColor is supported on RN 0.77+ (New Architecture)
+    outlineColor: !0,
+    caretColor: !0
+  }
+}, ks = {
+  alignContent: !0,
+  alignItems: !0,
+  alignSelf: !0,
+  backfaceVisibility: !0,
+  borderCurve: !0,
+  borderStyle: !0,
+  borderBlockStyle: !0,
+  borderBlockEndStyle: !0,
+  borderBlockStartStyle: !0,
+  borderInlineStyle: !0,
+  borderInlineEndStyle: !0,
+  borderInlineStartStyle: !0,
+  boxSizing: !0,
+  cursor: !0,
+  direction: !0,
+  display: !0,
+  flexDirection: !0,
+  flexWrap: !0,
+  isolation: !0,
+  justifyContent: !0,
+  mixBlendMode: !0,
+  outlineStyle: !0,
+  overflow: !0,
+  position: !0
+}, Ls = {
+  fontFamily: !0,
+  fontStyle: !0,
+  fontVariant: !0,
+  textTransform: !0
+}, Bs = {
+  textAlign: !0,
+  textDecorationLine: !0,
+  textDecorationStyle: !0,
+  userSelect: !0
+}, Ws = {
+  WebkitLineClamp: !0,
+  lineClamp: !0,
+  gridTemplateColumns: !0,
+  gridTemplateAreas: !0
+}, js = {
+  ...ks,
+  ...Ls,
+  ...Bs,
+  ...Ws,
+  ...Ho,
+  ...Xo
+}, Yo = {
+  ...Ws,
+  animationIterationCount: !0,
+  aspectRatio: !0,
+  borderImageOutset: !0,
+  borderImageSlice: !0,
+  borderImageWidth: !0,
+  columnCount: !0,
+  flex: !0,
+  flexGrow: !0,
+  flexOrder: !0,
+  flexPositive: !0,
+  flexShrink: !0,
+  flexNegative: !0,
+  fontWeight: !0,
+  gridRow: !0,
+  gridRowEnd: !0,
+  gridRowGap: !0,
+  gridRowStart: !0,
+  gridColumn: !0,
+  gridColumnEnd: !0,
+  gridColumnGap: !0,
+  gridColumnStart: !0,
+  opacity: !0,
+  order: !0,
+  orphans: !0,
+  tabSize: !0,
+  widows: !0,
+  zIndex: !0,
+  zoom: !0,
+  scale: !0,
+  scaleX: !0,
+  scaleY: !0,
+  scaleZ: !0,
+  shadowOpacity: !0
+}, Yt = {
+  x: !0,
+  y: !0,
+  scale: !0,
+  perspective: !0,
+  scaleX: !0,
+  scaleY: !0,
+  skewX: !0,
+  skewY: !0,
+  matrix: !0,
+  rotate: !0,
+  rotateY: !0,
+  rotateX: !0,
+  rotateZ: !0
+}, Zo = {
+  ...ks,
+  borderBottomEndRadius: !0,
+  borderBottomStartRadius: !0,
+  borderBottomWidth: !0,
+  borderLeftWidth: !0,
+  borderRightWidth: !0,
+  borderBlockWidth: !0,
+  borderBlockEndWidth: !0,
+  borderBlockStartWidth: !0,
+  borderInlineWidth: !0,
+  borderInlineEndWidth: !0,
+  borderInlineStartWidth: !0,
+  borderTopEndRadius: !0,
+  borderTopStartRadius: !0,
+  borderTopWidth: !0,
+  borderWidth: !0,
+  transform: !0,
+  transformOrigin: !0,
+  borderEndWidth: !0,
+  borderStartWidth: !0,
+  bottom: !0,
+  end: !0,
+  flexBasis: !0,
+  gap: !0,
+  columnGap: !0,
+  rowGap: !0,
+  left: !0,
+  margin: !0,
+  marginBlock: !0,
+  marginBlockEnd: !0,
+  marginBlockStart: !0,
+  marginInline: !0,
+  marginInlineStart: !0,
+  marginInlineEnd: !0,
+  marginBottom: !0,
+  marginEnd: !0,
+  marginHorizontal: !0,
+  marginLeft: !0,
+  marginRight: !0,
+  marginStart: !0,
+  marginTop: !0,
+  marginVertical: !0,
+  padding: !0,
+  paddingBottom: !0,
+  paddingInline: !0,
+  paddingBlock: !0,
+  paddingBlockStart: !0,
+  paddingInlineEnd: !0,
+  paddingInlineStart: !0,
+  paddingEnd: !0,
+  paddingHorizontal: !0,
+  paddingLeft: !0,
+  paddingRight: !0,
+  paddingStart: !0,
+  paddingTop: !0,
+  paddingVertical: !0,
+  right: !0,
+  start: !0,
+  top: !0,
+  inset: !0,
+  insetBlock: !0,
+  insetBlockEnd: !0,
+  insetBlockStart: !0,
+  insetInline: !0,
+  insetInlineEnd: !0,
+  insetInlineStart: !0,
+  shadowOffset: !0,
+  shadowRadius: !0,
+  ...at.color,
+  ...at.radius,
+  ...at.size,
+  ...Yt,
+  ...Yo,
+  boxShadow: !0,
+  border: !0,
+  filter: !0,
+  // RN 0.76+ supports linear-gradient via backgroundImage
+  backgroundImage: !0,
+  // the actual RN 0.76+ prop name (backgroundImage expands to this on native)
+  experimental_backgroundImage: !0,
+  // RN 0.76/0.77+ style props (New Architecture)
+  outline: !0,
+  outlineColor: !0,
+  outlineOffset: !0,
+  outlineWidth: !0,
+  // web-only for convenience - tree-shaken on native
+  ...Vs
+}, ua = {
+  ...Ls,
+  fontSize: !0,
+  fontWeight: !0,
+  letterSpacing: !0,
+  lineHeight: !0
+}, qo = {
+  ...ua,
+  ...Bs,
+  ...Ps,
+  textShadow: !0,
+  textShadowOffset: !0,
+  textShadowRadius: !0,
+  verticalAlign: !0,
+  // web-only text props - tree-shaken on native
+  ...Ms
+}, Jo = {
+  ...Zo,
+  ...qo
+}, zs = Jo, vn = {
+  enterStyle: !0,
+  exitStyle: !0,
+  hoverStyle: !0,
+  pressStyle: !0,
+  focusStyle: !0,
+  disabledStyle: !0,
+  focusWithinStyle: !0,
+  focusVisibleStyle: !0
+}, Fn = Zo, da = /* @__PURE__ */ Symbol(), fa = (e, t) => (Object.assign(e, t), e[da] = !0, e), ma = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  StyleObjectIdentifier: it,
+  StyleObjectProperty: Dt,
+  StyleObjectPseudo: Is,
+  StyleObjectRules: In,
+  StyleObjectValue: aa,
+  clamp: ia,
+  composeEventHandlers: Ko,
+  cssShorthandLonghands: Ds,
+  nonAnimatableStyleProps: js,
+  nonAnimatableWebTextProps: Xo,
+  nonAnimatableWebViewProps: Ho,
+  shouldRenderNativePlatform: la,
+  simpleHash: wt,
+  stylePropsAll: zs,
+  stylePropsText: Jo,
+  stylePropsTextOnly: qo,
+  stylePropsTransform: Yt,
+  stylePropsUnitless: Yo,
+  stylePropsView: Zo,
+  tokenCategories: at,
+  validPseudoKeys: vn,
+  validStyles: Fn,
+  webOnlyStylePropsText: Ms,
+  webOnlyStylePropsView: Vs,
+  withStaticProperties: fa
+}, Symbol.toStringTag, { value: "Module" }));
+function Us(e) {
+  return `var(--${process.env.TAMAGUI_CSS_VARIABLE_PREFIX || ""}${e})`;
+}
+const Gt = (e, t = !1) => {
+  if (!t && Te(e)) return e;
+  const {
+    key: n,
+    name: o,
+    val: r
+  } = e;
+  return {
+    isVar: !0,
+    key: n,
+    name: t ? o : wt(o, 40),
+    val: r,
+    variable: t ? Us(o) : Ks(o)
+  };
+};
+function Nt(e, t = !1) {
+  return Te(e) ? !t && Et && e.variable ? e.variable : `${e.val}` : `${e || ""}`;
+}
+function Te(e) {
+  return e && typeof e == "object" && "isVar" in e;
+}
+function ha(e, t = "size") {
+  var o;
+  if (e != null && e.dynamic) return e;
+  if (Qo(!0), Te(e)) return Nt(e);
+  const n = De().tokensParsed;
+  return Nt(((o = n[t]) == null ? void 0 : o[e]) ?? e);
+}
+let Gs = !1;
+const Qo = (e) => Gs = e, pa = () => Gs;
+function En(e, t) {
+  return Te(e) ? (Qo(!0), e.val) : e;
+}
+function ga(e) {
+  return Te(e) ? e.variable : e;
+}
+const Ks = (e, t = !0) => {
+  if (process.env.NODE_ENV === "development" && (!e || typeof e != "string")) throw new Error(`createCSSVariable expected string, got: ${e}`);
+  const n = wt(e, 60);
+  return t ? Us(n) : n;
+}, Yn = /* @__PURE__ */ new Map();
+let Ot, Rt, Cr, It;
+const ba = {};
+function ya(e, t, n, o) {
+  if (!(t != null && t.theme)) return ba;
+  if (Ot = n, Rt = o, Cr = e, It = t, Yn.has(It.theme)) return Yn.get(It.theme);
+  De();
+  function r(i, a = !1) {
+    Ot && (Ot.current || (Ot.current = /* @__PURE__ */ new Set()), Ot.current.add(i), a && Rt && (Rt.current || (Rt.current = /* @__PURE__ */ new Set()), Rt.current.add(i)), process.env.NODE_ENV === "development" && Cr.debug && console.info(` 🎨 useTheme() tracking key: ${i} schemeOptimized=${a}`));
+  }
+  const s = Object.fromEntries(Object.entries(t.theme).flatMap(([i, a]) => {
+    const l = {
+      ...a,
+      get val() {
+        return globalThis.tamaguiAvoidTracking || r(i, !1), a.val;
+      },
+      get(d) {
+        if (!It) return;
+        const u = ha(a), {
+          name: c,
+          scheme: m
+        } = It;
+        return u;
+      }
+    };
+    return [[i, l], [`$${i}`, l]];
+  }));
+  return Yn.set(t.theme, s), s;
+}
+const Hs = Xt(""), Eo = /* @__PURE__ */ new Map(), Pt = {}, Zn = /* @__PURE__ */ new WeakMap(), qn = /* @__PURE__ */ new WeakMap(), Ft = /* @__PURE__ */ new Map(), rt = /* @__PURE__ */ new Map(), Jn = /* @__PURE__ */ new Map(), Xs = (e) => rt.get(e);
+let Ar = 0;
+const ht = /* @__PURE__ */ new Map();
+let Or = -1, Qn = null;
+const Sa = (e, t = !1, n, o) => {
+  "use no memo";
+  const {
+    disable: r
+  } = e, s = An(Hs);
+  if (!s && !t) throw new Error(process.env.NODE_ENV === "development" ? `${zt}
+
+Looked for theme${e.name ? ` "${e.name}"` : ""}${e.componentName ? ` (component: ${e.componentName})` : ""}, but no parent theme context was found (parentId: ${s}).` : zt);
+  if (r) return rt.get(s) || {
+    id: "",
+    name: "light",
+    theme: De().themes.light
+    // inverses: 0,
+  };
+  const i = ms(), a = ds((c) => (Pt[s] = Pt[s] || /* @__PURE__ */ new Set(), Pt[s].add(i), Eo.set(i, () => {
+    Ft.set(i, !0), c();
+  }), () => {
+    Eo.delete(i), Pt[s].delete(i), Jn.delete(i), rt.delete(i), Ft.delete(i);
+  }), [i, s]), l = Na(e), d = () => {
+    var y, $, M, K;
+    let c = Jn.get(i);
+    const m = rt.get(s);
+    if (c && !Ft.has(i) && m && c._parentName === m.name && c._propsKey === l) return c;
+    const f = !1, p = ((y = n == null ? void 0 : n.current) == null ? void 0 : y.size) ?? 0, g = ((($ = o == null ? void 0 : o.current) == null ? void 0 : $.size) ?? 0) === p && p > 0, b = f, h = e.passThrough ? !1 : t || e.name === "light" || e.name === "dark" || e.name === null ? !0 : Zn.get(n) ? (M = n == null ? void 0 : n.current) != null && M.size ? !0 : (K = e.needsUpdate) == null ? void 0 : K.call(e) : !0, [S, N] = va(c, e, l, t, i, s, h, Ft.get(i));
+    return Ft.delete(i), (!c || S) && (c = {
+      ...N
+    }, Jn.set(i, c)), process.env.NODE_ENV === "development" && e.debug === "verbose" && (console.groupCollapsed(` ${i} getSnapshot ${S}`, c.name, ">", N.name), console.info({
+      props: e,
+      propsKey: l,
+      isRoot: t,
+      parentId: s,
+      local: c,
+      next: N,
+      needsUpdate: h,
+      isSchemeOnlyChange: f,
+      allKeysSchemeOptimized: g,
+      canSkipForSchemeChange: b
+    }), console.groupEnd()), N !== c && (Object.assign(c, N), c.id = i), c._parentName = m == null ? void 0 : m.name, c._propsKey = l, rt.set(i, N), c;
+  };
+  process.env.NODE_ENV === "development" && globalThis.time && globalThis.time`theme-prep-uses`;
+  const u = fs(a, d, d);
+  return Ae(() => {
+    var c;
+    if (!Zn.get(n)) {
+      Zn.set(n, !0);
+      return;
+    }
+    if (!l) {
+      qn.get(n) && Rr(i), qn.set(n, !1);
+      return;
+    }
+    process.env.NODE_ENV === "development" && e.debug === "verbose" && console.warn(` · useTheme(${i}) scheduleUpdate`, l, (c = rt.get(i)) == null ? void 0 : c.name), Rr(i), qn.set(n, !0);
+  }, [n, l]), u;
+}, va = (e, t, n, o = !1, r, s, i, a) => {
+  const {
+    debug: l
+  } = t, d = rt.get(s);
+  if (t.passThrough) return [!1, e || d || {
+    name: ""
+  }];
+  Qn || (Qn = De().themes);
+  const u = !n && (!e || !(e != null && e.isNew)) ? null : Ea(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({
+      name: u,
+      lastState: e,
+      parentState: d,
+      props: t,
+      propsKey: n,
+      id: r,
+      isSameAsParent: c
+    }), console.groupEnd();
+  }
+  if (c) return !m && e ? [!1, e] : [m, {
+    ...d,
+    isNew: !1
+  }];
+  if (!u) {
+    const h = e ?? d;
+    if (!h) throw new Error(process.env.NODE_ENV === "development" ? `${zt}
+
+Looked for theme${t.name ? ` "${t.name}"` : ""}${t.componentName ? ` (component: ${t.componentName})` : ""}, but no theme state was resolved (parentId: ${s}, id: ${r}).` : zt);
+    return m ? [!0, {
+      ...d || e
+    }] : [!1, h];
+  }
+  const f = No(u), p = d && f !== d.scheme, g = {
+    id: r,
+    name: u,
+    theme: Qn[u],
+    scheme: f,
+    parentId: s,
+    parentName: d == null ? void 0 : d.name,
+    // inverses,
+    isInverse: p,
+    isNew: !0
+  };
+  if (a !== "force" && e && e.name === u) return [!1, g];
+  const b = a !== "force" && e && !i && g.name === e.name;
+  return process.env.NODE_ENV === "development" && l === "verbose" && (console.groupCollapsed(` · useTheme(${r}) ⏭️ ${u} shouldAvoidRerender: ${b}`), console.info({
+    lastState: e,
+    needsUpdate: i,
+    nextState: g,
+    pendingUpdate: a
+  }), console.groupEnd()), b ? [!1, g] : [!0, g];
+};
+function Rr(e) {
+  const t = [e], n = /* @__PURE__ */ new Set();
+  for (; t.length; ) {
+    const o = t.shift(), r = Pt[o];
+    if (r) for (const s of r) n.has(s) || (n.add(s), t.push(s));
+  }
+  n.forEach((o) => {
+    var r;
+    (r = Eo.get(o)) == null || r();
+  });
+}
+const Ys = {
+  light: "light",
+  dark: "dark"
+};
+function No(e) {
+  return Ys[e.split("_")[0]];
+}
+function Ea(e = "", t, n = !1) {
+  const {
+    name: o,
+    reset: r
+  } = t, s = t.unstyled ? void 0 : t.componentName;
+  if (o && r) throw new Error(process.env.NODE_ENV === "production" ? "❌004" : "Cannot reset and set a new name at the same time.");
+  const i = `${e}|${o || ""}|${s || ""}|${r ? 1 : 0}|${n ? 1 : 0}`;
+  if (Or !== Ar) ht.clear(), Or = Ar;
+  else {
+    const m = ht.get(i);
+    if (m !== void 0) return m;
+  }
+  const {
+    themes: a
+  } = De();
+  if (r) {
+    if (e === "light" || e === "dark") {
+      const b = e === "light" ? "dark" : "light";
+      return ht.set(i, b), b;
+    }
+    const m = e.lastIndexOf("_"), f = m <= 0 ? e : e.slice(m), p = e.slice(0, m), g = a[f] ? f : p;
+    return ht.set(i, g), g;
+  }
+  const l = e.split("_"), d = l[l.length - 1];
+  d && d[0].toLowerCase() !== d[0] && l.pop();
+  const u = [o && s ? `${o}_${s}` : void 0, o, s].filter(Boolean);
+  let c = null;
+  if (o) {
+    const m = No(o);
+    if (m) {
+      for (const f of u) if (f in a) {
+        c = f;
+        break;
+      }
+    }
+    if (!c && !m && No(e)) {
+      const f = [];
+      for (let p = l.length; p >= 1; p--) f.push(l.slice(0, p).join("_"));
+      e: for (const p of f) {
+        const g = [s ? `${p}_${o}_${s}` : void 0, `${p}_${o}`].filter(Boolean);
+        for (const b of g) if (b in a) {
+          c = b;
+          break e;
+        }
+      }
+    }
+  }
+  if (!c) if (!o && s) {
+    const m = `${l.join("_")}_${s}`;
+    m in a && (c = m);
+  } else {
+    const m = l.length;
+    for (let f = 0; f <= m; f++) {
+      const p = (f === 0 ? l : l.slice(0, -f)).join("_");
+      for (const g of u) {
+        const b = p ? `${p}_${g}` : g;
+        if (b in a) {
+          c = b;
+          break;
+        }
+      }
+      if (c) break;
+    }
+  }
+  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
+  !Ys[c] ? (ht.set(i, null), null) : (ht.set(i, c), c);
+}
+const Na = ({
+  name: e,
+  reset: t,
+  forceClassName: n,
+  componentName: o
+}) => `${e || ""}${t || ""}${n || ""}${o || ""}`, Ta = (e) => "name" in e || "reset" in e || "forceClassName" in e, Zs = (e, t = !1) => {
+  "use no memo";
+  const n = jt(null), o = jt(null), r = Sa(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 ? {} : ya(e, r, n, o), r];
+};
+function xa(e, t) {
+  typeof e == "function" ? e(t) : e && (e.current = t);
+}
+function er(...e) {
+  return (t) => e.forEach((n) => xa(n, t));
+}
+const To = (() => {
+  if (process.env.NODE_ENV === "development") try {
+    return new Function("try {return this===window;}catch(e){ return false;}")();
+  } catch {
+  }
+  return !1;
+})(), tr = {
+  hover: !1,
+  press: !1,
+  pressIn: !1,
+  focus: !1,
+  focusVisible: !1,
+  focusWithin: !1,
+  unmounted: !0,
+  disabled: !1
+}, xo = {
+  ...tr,
+  unmounted: !1
+}, wa = {
+  ...tr,
+  unmounted: "should-enter"
+};
+function eo(e, t = !0) {
+  return {
+    onMouseEnter: e.onMouseEnter,
+    onMouseLeave: e.onMouseLeave,
+    [t ? "onClick" : "onPress"]: e.onPress,
+    onMouseDown: e.onPressIn,
+    onMouseUp: e.onPressOut,
+    onTouchStart: e.onPressIn,
+    onTouchEnd: e.onPressOut,
+    onFocus: e.onFocus,
+    onBlur: e.onBlur
+  };
+}
+const nr = (e, t) => {
+  var i;
+  let n = e == null ? void 0 : e.defaultProps;
+  const o = De(), r = t || (e == null ? void 0 : e.componentName) || // important: this is how we end up getting the defaultProps we set in createTamagui
+  (e.isText ? "Text" : "View"), s = (i = o == null ? void 0 : o.defaultProps) == null ? void 0 : i[r];
+  return s && (n = n ? {
+    ...s,
+    ...n
+  } : s), n;
+};
+function Nn(e) {
+  var t;
+  return e ? typeof e.useAnimations == "function" ? e : "default" in e && typeof ((t = e.default) == null ? void 0 : t.useAnimations) == "function" ? e.default : null : null;
+}
+const wo = {
+  height: 0,
+  width: 0
+};
+function _a({
+  shadowColor: e,
+  shadowOffset: t,
+  shadowOpacity: n,
+  shadowRadius: o
+}) {
+  const {
+    height: r,
+    width: s
+  } = t || wo;
+  return {
+    shadowOffset: {
+      width: s || 0,
+      height: r || 0
+    },
+    shadowRadius: o || 0,
+    // pass color through as-is, opacity applied via color-mix in getCSSStylesAtomic
+    shadowColor: e,
+    // default to 1 if not specified (color-mix will handle the opacity)
+    shadowOpacity: n ?? 1
+  };
+}
+function Vn(e) {
+  var t;
+  (e.shadowRadius != null || e.shadowColor || e.shadowOpacity != null || e.shadowOffset) && Object.assign(e, _a(e));
+  for (const n in Ir) n in e && (e[t = Ir[n]] || (e[t] = "solid"));
+}
+const Ir = {
+  borderWidth: "borderStyle",
+  borderBottomWidth: "borderBottomStyle",
+  borderTopWidth: "borderTopStyle",
+  borderLeftWidth: "borderLeftStyle",
+  borderRightWidth: "borderRightStyle"
+  // TODO: need to add borderBlock and borderInline here, but they are alot and might impact performance
+}, $a = (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;
+}, Ca = {
+  ...zs,
+  translateX: !0,
+  translateY: !0
+};
+function xe(e, t = "") {
+  if (Yo[t] || t && !Ca[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;
+  return typeof e == "number" ? n = `${e}px` : t && (n = `${n}`), n;
+}
+function or(e) {
+  return e.map(
+    // { scale: 2 } => 'scale(2)'
+    // { translateX: 20 } => 'translateX(20px)'
+    // { matrix: [1,2,3,4,5,6] } => 'matrix(1,2,3,4,5,6)'
+    // { perspective: 1000 } => perspective(1000px)
+    (t) => {
+      const n = Object.keys(t)[0], o = t[n];
+      return n === "matrix" || n === "matrix3d" ? `${n}(${o.join(",")})` : `${n}(${xe(o, n)})`;
+    }
+  ).join(" ");
+}
+function to(e) {
+  rr(e);
+  const t = [];
+  for (const n in e) {
+    if (n === "$$css") continue;
+    const o = e[n];
+    if (n in Oe) o && t.push(...qs(o, Oe[n]));
+    else if (Hi(n)) for (const r in o) {
+      const s = _o(o, r);
+      s && (s[0] = n, t.push(s));
+    }
+    else {
+      const r = _o(e, n);
+      r && t.push(r);
+    }
+  }
+  return t;
+}
+const qs = (e, t) => {
+  rr(e);
+  const n = [];
+  for (const o in e) {
+    const r = _o(e, o, t);
+    r && n.push(r);
+  }
+  return n;
+};
+let sn = null;
+const _o = (e, t, n) => {
+  let o = e[t];
+  if (o == null) return;
+  t === "transform" && Array.isArray(e.transform) && (o = or(o));
+  const r = xe(o, t), s = wt(typeof r == "string" ? r : `${r}`), i = n ? `0${n.name}-` : "";
+  sn || (sn = xs());
+  let a = `_${(sn == null ? void 0 : sn.inverseShorthands[t]) || t}-${i}${s}`;
+  t === "pointerEvents" && !n && (r === "box-none" ? a = "_pe-boxnone" : r === "box-only" && (a = "_pe-boxonly"));
+  const l = Ia(a, t, r, n);
+  return [
+    // array for performance
+    t,
+    r,
+    a,
+    n == null ? void 0 : n.name,
+    l
+  ];
+};
+function rr(e) {
+  const {
+    shadowOffset: t,
+    shadowRadius: n,
+    shadowColor: o,
+    shadowOpacity: r
+  } = e;
+  if (n != null || o || t != null || r != null) {
+    const l = t || wo, d = xe(l.width), u = xe(l.height), c = xe(n), m = $a(o, r);
+    if (m) {
+      const f = `${d} ${u} ${c} ${m}`;
+      e.boxShadow = e.boxShadow ? `${e.boxShadow}, ${f}` : f;
+    }
+    delete e.shadowOffset, delete e.shadowRadius, delete e.shadowColor, delete e.shadowOpacity;
+  }
+  const {
+    textShadowColor: s,
+    textShadowOffset: i,
+    textShadowRadius: a
+  } = e;
+  if (s || i || a) {
+    const {
+      height: l,
+      width: d
+    } = i || wo, u = a || 0, c = xe(s, "textShadowColor");
+    if (c && (l !== 0 || d !== 0 || u !== 0)) {
+      const m = xe(u), f = xe(d), p = xe(l);
+      e.textShadow = `${f} ${p} ${m} ${c}`;
+    }
+    delete e.textShadowColor, delete e.textShadowOffset, delete e.textShadowRadius;
+  }
+}
+function an(e, t = !1) {
+  let n = "";
+  for (const [o, r] of e) n += `${Oa(o)}:${r}${t ? " !important" : ""};`;
+  return `{${n}}`;
+}
+const no = {}, Aa = (e) => `-${e.toLowerCase()}`, Oa = (e) => {
+  if (e in no) return no[e];
+  const t = e.replace(/[A-Z]/g, Aa);
+  return no[e] = t, t;
+}, Ra = (() => {
+  const e = {};
+  for (const t in Oe) {
+    const n = Oe[t];
+    e[n.name] = `${[...Array(n.priority)].map(() => ":root").join("")} `;
+  }
+  return e;
+})();
+function Ia(e, t, n, o) {
+  const r = o ? o.name === "disabled" ? "[aria-disabled]" : `:${o.name}` : "", s = o == null ? void 0 : o.selector, i = t in Ds ? `.${e}.${e}` : `.${e}`;
+  let a = o ? s ? `${s} ${i}` : `${Ra[o.name]} ${i}${r}` : `:root ${i}`;
+  s === Oe.enterStyle.selector && (a = `${a}, .${e}${s}`);
+  const l = !!o;
+  let d = [];
+  switch (t) {
+    // Equivalent to using '::placeholder'
+    case "placeholderTextColor": {
+      const u = an([["color", n], ["opacity", 1]], l);
+      d.push(`${a}::placeholder${u}`);
+      break;
+    }
+    // all webkit prefixed rules
+    case "backgroundClip":
+    case "userSelect": {
+      const u = `Webkit${`${t[0].toUpperCase()}${t.slice(1)}`}`, c = an([[t, n], [u, n]], l);
+      d.push(`${a}${c}`);
+      break;
+    }
+    // Polyfill for additional 'pointer-events' values
+    case "pointerEvents": {
+      let u = n;
+      n === "auto" || n === "box-only" ? u = "auto" : (n === "none" || n === "box-none") && (u = "none");
+      const c = an([["pointerEvents", u]], !0);
+      d.push(`${a}${c}`);
+      break;
+    }
+    default: {
+      const u = an([[t, n]], l);
+      d.push(`${a}${u}`);
+      break;
+    }
+  }
+  return (o == null ? void 0 : o.name) === "hover" && (d = d.map((u) => `@media (hover) {${u}}`)), d;
+}
+const Fr = /* @__PURE__ */ new WeakMap(), $o = /* @__PURE__ */ new Map(), Js = {}, Co = {}, Fa = () => Js, Ao = () => process.env.TAMAGUI_DID_OUTPUT_CSS ? [] : Object.keys(Co).sort().map((e) => Co[e]);
+let Vr = null;
+function Va(e = !1, t) {
+  if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
+    if (process.env.NODE_ENV === "test") return;
+    let n;
+    const o = document.styleSheets || [], r = Vr, s = new Set(o);
+    for (const i of s) if (i) {
+      const a = Dr(i, !1, e, t);
+      a && (n = a);
+    }
+    if (Vr = s, r) for (const i of r) i && !s.has(i) && Dr(i, !0);
+    return n;
+  }
+}
+function Ma(e) {
+  const t = ($o.get(e) || 0) + 1;
+  return $o.set(e, t), t;
+}
+const Mr = process.env.TAMAGUI_BAIL_AFTER_SCANNING_X_CSS_RULES, Da = Mr ? +Mr : 8e3;
+function Dr(e, t = !1, n = !1, o) {
+  var f, p;
+  let r;
+  try {
+    if (r = e.cssRules, !r) return;
+  } catch {
+    return;
+  }
+  const s = (f = fn(r[0], n)) == null ? void 0 : f[0], i = (p = fn(r[r.length - 1], n)) == null ? void 0 : p[0], a = `${r.length}${s}${i}`, l = Fr.get(e);
+  if (!t && l === a) return;
+  const d = r.length;
+  let u = 0, c;
+  const m = {};
+  for (let g = 0; g < d; g++) {
+    const b = r[g];
+    if (!(b instanceof CSSStyleRule)) continue;
+    const h = fn(b, n);
+    if (h) u = 0;
+    else {
+      if (u++, u > Da) return;
+      continue;
+    }
+    const [S, N, y] = h;
+    if (y) {
+      const $ = Pa(N, o);
+      if ($) {
+        for (const M of $.names) m[M] ? (Object.apply(m[M], $.theme), $.names = $.names.filter((K) => K !== M)) : m[M] = $.theme;
+        c || (c = []), c.push($);
+      }
+      continue;
+    }
+  }
+  return Fr.set(e, a), c;
+}
+let pt, Pr = null;
+function Pa(e, t) {
+  const n = e.selectorText.split(",");
+  if (!n.length) return;
+  if (t != null && t.color && !pt) {
+    pt = {};
+    for (const i in t.color) {
+      const a = t.color[i];
+      a && (pt[a.name] = a.val);
+    }
+  }
+  const o = (e.cssText || "").slice(e.selectorText.length + 2, -1).split(";"), r = {};
+  for (const i of o) {
+    const a = i.indexOf(":");
+    if (a === -1) continue;
+    const l = i.indexOf("--");
+    let d = i.slice(l === -1 ? 0 : l + 2, a);
+    process.env.TAMAGUI_CSS_VARIABLE_PREFIX && (d = d.replace(process.env.TAMAGUI_CSS_VARIABLE_PREFIX, ""));
+    const u = i.slice(a + 2);
+    let c;
+    if (u[0] === "v" && u.startsWith("var(")) {
+      const m = u.slice(6, -1), f = pt == null ? void 0 : pt[m];
+      f ? c = f : (Pr || (Pr = getComputedStyle(document.body)), c = Pr.getPropertyValue("--" + m));
+    } else c = u;
+    r[d] = Gt({
+      key: d,
+      name: d,
+      val: c
+    }, !0);
+  }
+  const s = /* @__PURE__ */ new Set();
+  for (const i of n) {
+    if (i === " .tm_xxt") continue;
+    const a = i.lastIndexOf(".t_"), l = i.slice(a).slice(3), [d] = i[a - 5], u = d === "d" ? "dark" : d === "i" ? "light" : "", c = u && u !== l ? `${u}_${l}` : l;
+    !c || c === "light_dark" || c === "dark_light" || s.add(c);
+  }
+  return {
+    names: [...s],
+    theme: r
+  };
+}
+const kr = /\.tm_xxt/;
+function fn(e, t = !1) {
+  if (e instanceof CSSStyleRule) {
+    const n = e.selectorText;
+    if (n[0] === ":" && n[1] === "r" && kr.test(n)) {
+      const o = ka(
+        // next.js minifies it so its in front
+        n.replace(kr, "")
+      );
+      return t ? [o, e, !0] : [o, e];
+    }
+  } else if (e instanceof CSSMediaRule) return e.cssRules.length > 1 ? void 0 : fn(e.cssRules[0]);
+}
+const ka = (e) => {
+  const t = e.indexOf(":");
+  return t > -1 ? e.slice(7, t) : e.slice(7);
+};
+let Vt = null, Qs = !0;
+function La() {
+  Qs = !1;
+}
+function ei(e, t) {
+  return Qs && (Co[e] = t.join(" ")), !0;
+}
+function Ba(e) {
+  if (!Vt && document.head) {
+    const t = document.createElement("style");
+    t.id = "_tamagui-styles", Vt = document.head.appendChild(t).sheet;
+  }
+  if (Vt) for (const t in e) {
+    const n = e[t], o = n[it];
+    if (!ti(o)) continue;
+    const r = n[In];
+    Js[o] = r.join(`
+`), Ma(o), ei(o, r);
+    try {
+      for (const s of r) Vt.insertRule(s, Vt.cssRules.length);
+    } catch {
+      process.env.NODE_ENV === "production" && console.error("Error inserting style rule", r);
+    }
+  }
+}
+const Wa = process.env.TAMAGUI_INSERT_SELECTOR_TRIES ? +process.env.TAMAGUI_INSERT_SELECTOR_TRIES : 1;
+function ti(e) {
+  if (process.env.IS_STATIC === "is_static") return !0;
+  const t = $o.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 < Wa;
+}
+function oo(e) {
+  if (!e.startsWith("$platform")) return !0;
+  const t = e.slice(10);
+  return (
+    // web, ios, android
+    t === vs || // web, native
+    t === "web"
+  );
+}
+function ja(e, t) {
+  if (e.startsWith("$theme-")) return e.slice(7).startsWith(t);
+}
+function G(...e) {
+  if (process.env.NODE_ENV !== "production") {
+    $r(!0);
+    try {
+      return console.info(...e);
+    } catch (t) {
+      console.error(t);
+    } finally {
+      $r(!1);
+    }
+  }
+}
+const za = [["flexGrow", 0], ["flexShrink", 1], ["flexBasis", "auto"]];
+function ni(e, t) {
+  if (e === "flex") return t === -1 ? za : [["flexGrow", t], ["flexShrink", 1], ["flexBasis", we("styleCompat") === "legacy" ? "auto" : 0]];
+  switch (e) {
+    case "writingDirection":
+      return [["direction", t]];
+    // some safari-based browsers seem not to support without -webkit prefix
+    case "backdropFilter":
+      return [["backdropFilter", t], ["WebkitBackdropFilter", t]];
+  }
+  if (e in Lt) return Lt[e].map((n) => [n, t]);
+}
+const Lr = ["Top", "Right", "Bottom", "Left"], Br = ["Right", "Left"], Wr = ["Top", "Bottom"], jr = ["X", "Y"], Lt = {
+  borderColor: ["TopColor", "RightColor", "BottomColor", "LeftColor"],
+  borderRadius: ["TopLeftRadius", "TopRightRadius", "BottomRightRadius", "BottomLeftRadius"],
+  borderWidth: ["TopWidth", "RightWidth", "BottomWidth", "LeftWidth"],
+  margin: Lr,
+  marginHorizontal: Br,
+  marginVertical: Wr,
+  padding: Lr,
+  paddingHorizontal: Br,
+  paddingVertical: Wr,
+  // react-native only supports borderStyle
+  borderStyle: ["TopStyle", "RightStyle", "BottomStyle", "LeftStyle"],
+  // react-native doesn't support X / Y
+  overflow: jr,
+  overscrollBehavior: jr
+};
+var cs;
+for (const e in Lt) {
+  const t = e.slice(0, ((cs = /[A-Z]/.exec(e)) == null ? void 0 : cs.index) ?? e.length);
+  Lt[e] = Lt[e].map((n) => `${t}${n}`);
+}
+const ro = /* @__PURE__ */ new WeakMap(), Ua = (e) => {
+  if (ro.has(e)) return ro.get(e);
+  const {
+    props: t,
+    conf: n,
+    context: o,
+    theme: r,
+    styleProps: s
+  } = e, i = s.styledContext;
+  let a = n.fontsParsed;
+  o != null && o.language && (a = Oo(n.fontsParsed, o.language));
+  const l = {
+    fonts: a,
+    tokens: n.tokensParsed,
+    theme: r,
+    context: i,
+    get fontFamily() {
+      return En(e.fontFamily || e.props.fontFamily) || t.fontFamily || En(we("defaultFont"));
+    },
+    get font() {
+      return a[this.fontFamily] || (!t.fontFamily || t.fontFamily[0] === "$" ? a[we("defaultFont") || ""] : void 0);
+    },
+    props: t
+  };
+  return ro.set(e, l), l;
+}, so = /* @__PURE__ */ new WeakMap();
+function Oo(e, t) {
+  if (so.has(t)) return so.get(t);
+  const n = {
+    ...e,
+    ...Object.fromEntries(Object.entries(t).flatMap(([o, r]) => {
+      if (r === "default") return [];
+      const s = `$${o}_${r}`;
+      return [[`$${o}`, e[s]]];
+    }))
+  };
+  return so.set(t, n), n;
+}
+const Ga = {
+  fontSize: "size",
+  fontWeight: "weight"
+};
+let zr = !1, oi = null;
+function Ka() {
+  return oi;
+}
+function sr(e) {
+  oi = e;
+}
+const Kt = (e, t, n, o) => {
+  var g, b, h, S, N, y;
+  let r = n.resolveValues || "none";
+  if (r === "none") return t;
+  const {
+    theme: s,
+    conf: i = De(),
+    context: a,
+    fontFamily: l,
+    staticConfig: d
+  } = o, u = s ? s[t] || s[t.slice(1)] : void 0, c = i.tokensParsed;
+  let m, f = !1;
+  const p = (g = d == null ? void 0 : d.accept) == null ? void 0 : g[e];
+  if (p) {
+    const $ = u ?? ((b = c[p]) == null ? void 0 : b[t]);
+    $ != null && (r = "value", m = $, f = !0);
+  }
+  if (u) {
+    if (r === "except-theme") return t;
+    m = u, process.env.NODE_ENV === "development" && o.debug === "verbose" && (globalThis.tamaguiAvoidTracking = !0, console.info(` - resolving ${e} to theme value ${t} resolveAs ${r}`, m), globalThis.tamaguiAvoidTracking = !1), f = !0;
+  } else {
+    if (t in i.specificTokens) f = !0, m = i.specificTokens[t];
+    else {
+      switch (e) {
+        case "fontFamily": {
+          m = ((h = (a != null && a.language ? Oo(i.fontsParsed, a.language) : i.fontsParsed)[t]) == null ? void 0 : h.family) || t, sr(t), f = !0;
+          break;
+        }
+        case "fontSize":
+        case "lineHeight":
+        case "letterSpacing":
+        case "fontWeight": {
+          const $ = l || i.defaultFontToken;
+          if ($) {
+            const M = a != null && a.language ? Oo(i.fontsParsed, a.language) : i.fontsParsed;
+            m = ((N = (S = M[$] || M[i.defaultFontToken]) == null ? void 0 : S[Ga[e] || e]) == null ? void 0 : N[t]) || t, f = !0;
+          }
+          break;
+        }
+      }
+      for (const $ in at) if (e in at[$]) {
+        const M = (y = c[$]) == null ? void 0 : y[t];
+        M != null ? (m = M, f = !0) : process.env.NODE_ENV === "development" && process.env.TAMAGUI_DISABLE_MISSING_TOKEN_LOG !== "1" && (zr || (zr = !0, console.groupCollapsed(`[tamagui] Warning: missing token ${e} in category ${$} - ${t} (open for details)`), console.info(`Note: this could just be due to you not setting all the theme tokens Tamagui expects, which is harmless, but
+                    it also often can be because you have a duplicated Tamagui in your bundle, which can cause tricky bugs.`), console.info(`To see if you have duplicated dependencies, in Chrome DevTools hit CMD+P and type TamaguiProvider.
+                    If you see both a .cjs and a .mjs entry, it's duplicated.`), console.info("You can debug that issue by opening the .mjs and .cjs files and setting a breakpoint at the top of each."), console.info("We only log this warning one time as it's sometimes harmless, to disable this log entirely set process.env.TAMAGUI_DISABLE_MISSING_TOKEN_LOG=1."), console.groupEnd()));
+      }
+    }
+    if (!f) {
+      const $ = c.space[t];
+      $ != null && (m = $, f = !0);
+    }
+  }
+  if (f) {
+    const $ = ir(e, m, r);
+    return process.env.NODE_ENV === "development" && o.debug === "verbose" && (globalThis.tamaguiAvoidTracking = !0, console.info("resolved", r, m, $), globalThis.tamaguiAvoidTracking = !1), $;
+  }
+  process.env.NODE_ENV === "development" && o.debug === "verbose" && console.warn(`Warning: no token found for ${e}, omitting`);
+};
+function ir(e, t, n) {
+  if (n === "none") return t;
+  if (Te(t)) {
+    if (n === "value") return t.val;
+    const o = t == null ? void 0 : t.get;
+    return typeof o == "function" ? o(n === "web" ? "web" : void 0) : t.variable;
+  }
+  return t;
+}
+const Mn = (e) => e && !Array.isArray(e) && typeof e == "object";
+function ri(e, t = !1) {
+  const n = {};
+  for (let o in e) {
+    const r = e[o];
+    if (r == null) continue;
+    if (o in Oe || // this should capture all parent-based styles like media, group, etc
+    o[0] === "$" && Mn(r)) {
+      n[o] = ri(r, t);
+      continue;
+    }
+    const s = t ? r : xe(r, o), i = ni(o, s);
+    i ? Object.assign(n, Object.fromEntries(i)) : n[o] = s;
+  }
+  return Vn(n), n;
+}
+const Ha = /(\$[\w.-]+)/g;
+function Xa(e, t, n, o) {
+  return t.replace(Ha, (r) => {
+    let s = Kt("size", r, n, o);
+    return s == null && (s = Kt("color", r, n, o)), s != null ? String(s) : r;
+  });
+}
+const Ya = {
+  boxShadow: !0,
+  textShadow: !0,
+  filter: !0,
+  backgroundImage: !0,
+  border: !0,
+  outline: !0
+};
+function si(e, t, n, o) {
+  return !t.includes("$") || !Ya[e] ? t : Xa(e, t, n, o);
+}
+function Ro(e) {
+  return typeof e == "string" && e.includes("rem");
+}
+const Za = {
+  accessibilityElementsHidden: 1,
+  accessibilityIgnoresInvertColors: 1,
+  accessibilityLanguage: 1,
+  adjustsFontSizeToFit: 1,
+  allowFontScaling: 1,
+  android_hyphenationFrequency: 1,
+  dataDetectorType: 1,
+  dynamicTypeRamp: 1,
+  elevationAndroid: 1,
+  ellipsizeMode: 1,
+  hapticFeedback: 1,
+  hapticStyle: 1,
+  hitSlop: 1,
+  importantForAccessibility: 1,
+  lineBreakStrategyIOS: 1,
+  maxFontSizeMultiplier: 1,
+  minimumFontScale: 1,
+  needsOffscreenAlphaCompositing: 1,
+  nextFocusDown: 1,
+  nextFocusForward: 1,
+  nextFocusLeft: 1,
+  nextFocusRight: 1,
+  nextFocusUp: 1,
+  onAccessibilityAction: 1,
+  onAccessibilityEscape: 1,
+  onAccessibilityTap: 1,
+  onMagicTap: 1,
+  onTextLayout: 1,
+  pressRetentionOffset: 1,
+  selectionColor: 1,
+  shouldRasterizeIOS: 1,
+  suppressHighlighting: 1,
+  textBreakStrategy: 1
+}, lt = {
+  untilMeasured: 1,
+  transition: 1,
+  space: 1,
+  animateOnly: 1,
+  animatedBy: 1,
+  disableClassName: 1,
+  debug: 1,
+  componentName: 1,
+  disableOptimization: 1,
+  render: 1,
+  style: 1,
+  // handled after loop so pseudos set usedKeys and override it if necessary
+  group: 1,
+  animatePresence: 1
+};
+process.env.NODE_ENV === "test" && (lt["data-test-renders"] = 1);
+Object.assign(lt, Za);
+const ii = (e, t, n, o, r) => {
+  if (o) return r(e, t);
+  if (sr(null), e === "elevationAndroid") return;
+  const {
+    conf: s,
+    styleProps: i,
+    staticConfig: a
+  } = n, {
+    variants: l
+  } = a;
+  if (!i.noExpand && l && e in l) {
+    const u = ai(e, t, i, n, "");
+    if (u) {
+      u.forEach(([c, m]) => r(c, m));
+      return;
+    }
+  }
+  i.disableExpandShorthands || e in s.shorthands && (e = s.shorthands[e]);
+  const d = t;
+  if (t != null) if (typeof t == "string")
+    if (t[0] === "$") t = Kt(e, t, i, n);
+    else {
+      const u = si(e, t, i, n);
+      t = u !== t ? u : Ro(t) ? t : t;
+    }
+  else Te(t) ? t = ir(e, t, i.resolveValues) : Ro(t) && (t = t);
+  if (t != null) {
+    const u = Ka();
+    e === "fontFamily" && u && (n.fontFamily = u);
+    const c = i.noExpand ? null : ni(e, t);
+    if (c) {
+      const m = c.length;
+      for (let f = 0; f < m; f++) {
+        const [p, g] = c[f];
+        r(p, g, d);
+      }
+    } else r(e, t, d);
+  }
+}, ai = (e, t, n, o, r) => {
+  const {
+    staticConfig: s,
+    conf: i,
+    debug: a
+  } = o, {
+    variants: l
+  } = s;
+  if (!l) return;
+  let d = Qa(l[e], t, i, o);
+  if (process.env.NODE_ENV === "development" && a === "verbose" && (console.groupCollapsed(`♦️♦️♦️ resolve variant ${e}`), console.info({
+    key: e,
+    value: t,
+    variantValue: d,
+    variants: l
+  }), console.groupEnd()), !d) {
+    if (process.env.TAMAGUI_WARN_ON_MISSING_VARIANT === "1" && typeof t != "boolean") {
+      const c = s.componentName || "[UnnamedComponent]";
+      console.warn(`No variant found: ${c} has variant "${e}", but no matching value "${t}"`);
+    }
+    return;
+  }
+  if (typeof d == "function") {
+    const c = d, m = Ua(o);
+    d = c(t, m), process.env.NODE_ENV === "development" && a === "verbose" && (console.groupCollapsed("   expanded functional variant", e), console.info({
+      fn: c,
+      variantValue: d,
+      extras: m
+    }), console.groupEnd());
+  }
+  let u;
+  if (Mn(d)) {
+    const c = d.fontFamily || d[i.inverseShorthands.fontFamily];
+    c && (u = qa(c, i), o.fontFamily = u, process.env.NODE_ENV === "development" && a === "verbose" && console.info("   updating font family", u)), d = li(e, d, n, o, r);
+  }
+  if (d) {
+    const c = ri(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] === "$" && sr(En(u)), m;
+  }
+};
+function qa(e, t) {
+  if (Te(e)) {
+    const n = Ur.get(e);
+    if (n) return n;
+    for (const o in t.fontsParsed) {
+      const r = t.fontsParsed[o].family;
+      if (Te(r) && (Ur.set(r, o), r === e)) return o;
+    }
+  } else if (typeof e == "string" && e[0] === "$") return e;
+}
+const Ur = /* @__PURE__ */ new WeakMap(), li = (e, t, n, o, r) => {
+  var c, m, f, p;
+  const {
+    conf: s,
+    staticConfig: i,
+    debug: a,
+    theme: l
+  } = o, {
+    variants: d
+  } = i, u = {};
+  process.env.NODE_ENV === "development" && a === "verbose" && console.info("   - resolveTokensAndVariants", e, t);
+  for (const g in t) {
+    const b = s.shorthands[g] || g, h = t[g];
+    if (!(!n.noSkip && b in lt)) {
+      if (i) {
+        const S = ((c = i.context) == null ? void 0 : c.props) || ((f = (m = i.parentStaticConfig) == null ? void 0 : m.context) == null ? void 0 : f.props);
+        S && b in S && (o.overriddenContextProps || (o.overriddenContextProps = {}), o.overriddenContextProps[b] = h, o.originalContextPropValues || (o.originalContextPropValues = {}), o.originalContextPropValues[b] = h);
+      }
+      if (n.noExpand) u[b] = h;
+      else if (d && b in d) {
+        if (r && r === e) u[b] = h[0] === "$" ? Kt(b, h, n, o) : h;
+        else {
+          const S = ai(b, h, n, o, e);
+          if (S) for (const [N, y] of S) y != null && (N in Oe ? (u[N] ?? (u[N] = {}), Object.assign(u[N], y)) : u[N] = y);
+        }
+        continue;
+      }
+      if (Te(h)) {
+        u[b] = ir(b, h, n.resolveValues), process.env.NODE_ENV === "development" && a === "verbose" && console.info("variable", b, u[b]);
+        continue;
+      }
+      if (typeof h == "string") {
+        const S = h[0] === "$" ? Kt(b, h, n, o) : si(b, h, n, o);
+        u[b] = S === h && Ro(h) ? h : S;
+        continue;
+      }
+      if (Mn(h)) {
+        const S = li(b, h, n, o, e);
+        process.env.NODE_ENV === "development" && a === "verbose" && console.info("object", b, S), u[b] ?? (u[b] = {}), Object.assign(u[b], S);
+      } else u[b] = h;
+      process.env.NODE_ENV === "development" && a && ((p = u[b]) == null ? void 0 : p[0]) === "$" && console.warn(`⚠️ Missing token in theme ${l.name}:`, b, u[b], l);
+    }
+  }
+  return u;
+}, Ja = ["size", "color", "radius", "space", "zIndex"].map((e) => ({
+  name: e,
+  spreadName: `...${e}`
+}));
+function Qa(e, t, n, {
+  theme: o
+}) {
+  if (!e) return;
+  if (typeof e == "function") return e;
+  const r = e[t];
+  if (r) return r;
+  if (t != null) {
+    const {
+      tokensParsed: s
+    } = n;
+    for (const {
+      name: a,
+      spreadName: l
+    } of Ja) 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 ci = (e, t) => e < t ? -1 : e > t ? 1 : 0;
+let tt;
+const Bt = /* @__PURE__ */ new WeakMap(), Gr = "-";
+function Kr(e, t) {
+  const n = e.split("-"), o = n.length;
+  if (
+    // check if its actually a simple group selector to avoid breaking selectors
+    o === 2 || o === 3 && jo[n[n.length - 1]]
+  ) {
+    const r = n[1];
+    if (r !== "true" && t && !t[r]) return e.replace("$group-", "$group-true-");
+  }
+  return e;
+}
+function Hr(e, t, n) {
+  return e in t ? !0 : n && e in n;
+}
+const ui = (e, t, n, o, r, s, i, a, l, d, u, c, m) => {
+  var qe, ut, _t;
+  tt = tt || De();
+  const f = m || (a == null ? void 0 : a.animationDriver) || tt.animations;
+  if (e.passThrough) return null;
+  s.isAnimated && (f != null && f.isReactNative) && !s.noNormalize && (s.noNormalize = "values");
+  const {
+    shorthands: p
+  } = tt, {
+    isHOC: g,
+    isText: b,
+    isInput: h,
+    variants: S,
+    isReactNative: N,
+    inlineProps: y,
+    inlineWhenUnflattened: $,
+    parentStaticConfig: M,
+    acceptsClassName: K
+  } = t, C = {}, A = s.mediaState || Rn, T = K && Et && !s.noClass, P = {}, B = {};
+  e.space;
+  let k = null, W = !1, ae, de, Y, he = e.className || "", Re = 0;
+  const ke = t.validStyles || (t.isText || t.isInput ? Jo : Fn);
+  process.env.NODE_ENV === "development" && (c === "profile" || globalThis.time) && time`split-styles-setup`;
+  const E = {
+    classNames: B,
+    conf: tt,
+    props: e,
+    styleProps: s,
+    componentState: r,
+    staticConfig: t,
+    style: null,
+    theme: n,
+    usedKeys: {},
+    viewProps: C,
+    context: a,
+    debug: c,
+    // resolved animation driver (respects animatedBy prop)
+    animationDriver: f
+  };
+  if (process.env.IS_STATIC === "is_static") {
+    const {
+      fallbackProps: F
+    } = s;
+    F && (E.props = new Proxy(e, {
+      get(x, V, ne) {
+        return Reflect.has(e, V) ? Reflect.get(e, V) : Reflect.get(F, V);
+      }
+    }));
+  }
+  process.env.NODE_ENV === "development" && (c === "profile" || globalThis.time) && time`style-state`, process.env.NODE_ENV === "development" && c === "verbose" && St && To && (console.groupCollapsed("🔹 getSplitStyles 👇"), G({
+    props: e,
+    staticConfig: t,
+    shouldDoClasses: T,
+    styleProps: s,
+    rulesToInsert: P,
+    componentState: r,
+    styleState: E,
+    theme: {
+      ...n
+    }
+  }));
+  const {
+    asChild: Le
+  } = e, {
+    accept: ve
+  } = t, {
+    noSkip: H,
+    disableExpandShorthands: O,
+    noExpand: Ue,
+    styledContext: Dn
+  } = s, {
+    webContainerType: ct
+  } = tt.settings, Ze = M == null ? void 0 : M.variants;
+  for (const F in e) {
+    let x = F, V = e[x];
+    if (x === "children") {
+      C[x] = V;
+      continue;
+    }
+    if (process.env.NODE_ENV === "development" && (c === "profile" || globalThis.time) && time`before-prop-${x}`, process.env.NODE_ENV === "test" && x === "jestAnimatedStyle") continue;
+    if (ve) {
+      const R = ve[x];
+      if ((R === "style" || R === "textStyle") && V && typeof V == "object") {
+        C[x] = kt(E, x, V, s.noClass);
+        continue;
+      }
+    }
+    if (O || x in p && (x = p[x]), x === "className") continue;
+    if (Le) {
+      const R = nr(t);
+      if (R) {
+        const Q = R[F] ?? R[x];
+        if (Q !== void 0 && V === Q) continue;
+      }
+    }
+    if (x in lt && !H && !g) {
+      if (x === "group") {
+        const R = `t_group_${V}`, Q = ["continer", void 0, R, void 0, [`.${R} { container-name: ${V}; container-type: ${ct || "inline-size"}; }`]];
+        Mt(P, Q);
+      }
+      continue;
+    }
+    let ne = Hr(x, ke, ve);
+    if (t.isReactNative && x.startsWith("data-")) {
+      x = x.replace("data-", ""), C.dataSet || (C.dataSet = {}), C.dataSet[x] = V;
+      continue;
+    }
+    if (!Ue) {
+      if (x === "disabled" && V === !0 && (C["aria-disabled"] = !0, (d === "button" || d === "form" || d === "input" || d === "select" || d === "textarea") && (C.disabled = !0), !(S != null && S.disabled))) continue;
+      if (x === "testID") {
+        N ? C.testID = V : (C["data-testid"] = V, s.isAnimated && (f != null && f.isReactNative) && (C.testID = V));
+        continue;
+      }
+      if (x === "id") {
+        C.id = V;
+        continue;
+      }
+    }
+    let oe = !ne && S && x in S;
+    const Be = ne || oe;
+    let ie = x in vn, se = !Be && !ie ? wr(x) : !1, le = !!(se || ie);
+    le && se === "group" && (x = Kr(x, l));
+    const Fe = ne || le || oe && !Ue;
+    if (Fe && (Le === "except-style" || Le === "except-style-web")) continue;
+    const D = !Fe && g || // is in parent variants
+    g && Ze && x in Ze || (y == null ? void 0 : y.has(x)), Je = Ze == null ? void 0 : Ze[x], dt = !!(g && (ne || le || Je || x in lt)), Ee = D || dt;
+    if (process.env.NODE_ENV === "development" && c === "verbose" && (console.groupCollapsed(`  🔑 ${F}${x !== F ? ` (shorthand for ${x})` : ""} ${Ee ? "(pass)" : ""}`), G({
+      isVariant: oe,
+      valInit: V,
+      shouldPassProp: D
+    }), St && G({
+      variants: S,
+      variant: S == null ? void 0 : S[x],
+      isVariant: oe,
+      isHOCShouldPassThrough: dt,
+      usedKeys: {
+        ...E.usedKeys
+      },
+      parentStaticConfig: M
+    })), Ee && (Xr(C, x, V, le), process.env.NODE_ENV === "development" && c === "verbose" && console.groupEnd(), !oe)) continue;
+    if (!H && x in lt) {
+      process.env.NODE_ENV === "development" && c === "verbose" && console.groupEnd();
+      continue;
+    }
+    (b || h) && V && (x === "fontFamily" || x === p.fontFamily) && V in tt.fontsParsed && (E.fontFamily = V);
+    const qt = le || !Be;
+    if (ii(x, V, E, qt, (R, Q, $t) => {
+      var re, Ge, Qt, Qe;
+      const Jt = Dn && R in Dn;
+      if (!g && qt && !Jt && !le) {
+        C[R] = Q;
+        return;
+      }
+      if (process.env.NODE_ENV === "development" && c === "verbose" && (console.groupCollapsed("  💠 expanded", x, "=>", R), G(Q), console.groupEnd()), Q != null) {
+        if (!g && Hr(R, ke, ve)) {
+          Ht(E, R, Q, 1, !1, $t);
+          return;
+        }
+        if (ie = R in vn, se = ie ? !1 : wr(R), le = !!(se || ie), oe = S && R in S, se === "group" && (R = Kr(R, l)), (y != null && y.has(R) || process.env.IS_STATIC === "is_static" && ($ != null && $.has(R))) && (C[R] = e[R] ?? Q), s.noExpand && ie || g && (le || ((re = M == null ? void 0 : M.variants) == null ? void 0 : re[x]))) {
+          Xr(C, R, Q, le), process.env.NODE_ENV === "development" && c === "verbose" && (console.groupCollapsed(` - passing down prop ${R}`), G({
+            val: Q,
+            after: {
+              ...C[R]
+            }
+          }), console.groupEnd());
+          return;
+        }
+        if (ie) {
+          if (!Q) return;
+          const ee = kt(E, R, Q, s.noClass && process.env.IS_STATIC !== "is_static");
+          if ((!T || process.env.IS_STATIC === "is_static") && (k || (k = {}), k[R] || (k[R] = {}), process.env.IS_STATIC === "is_static")) {
+            Object.assign(k[R], ee);
+            return;
+          }
+          const Ve = Oe[R], Ne = R === "enterStyle", $e = R === "exitStyle";
+          if (!Ve) return;
+          if (T && !$e) {
+            const ye = qs(ee, Ve);
+            process.env.NODE_ENV === "development" && c === "verbose" && console.info("pseudo:", R, ee, ye);
+            for (const Z of ye) {
+              const ce = `${Z[Dt]}${Gr}${Ve.name}`;
+              Mt(P, Z), B[ce] = Z[it];
+            }
+          }
+          if (!T || $e || Ne) {
+            const ye = Ve.stateKey || Ve.name;
+            let Z = r[ye] === !1;
+            $e && (Z = !s.isExiting), Ne && r.unmounted === !1 && (Z = !0), process.env.NODE_ENV === "development" && c === "verbose" && (console.groupCollapsed("pseudo", R, {
+              isDisabled: Z
+            }), G({
+              pseudoStyleObject: ee,
+              isDisabled: Z,
+              descriptor: Ve,
+              componentState: r
+            }), console.groupEnd());
+            const ce = Ve.priority, pe = Bt.get(ee);
+            for (const z in ee) {
+              const q = ee[z];
+              if (Z) io(z, E);
+              else {
+                const ge = E.usedKeys[z] || 0, Pe = ce >= ge;
+                Pe && (process.env.IS_STATIC === "is_static" && (k || (k = {}), k[R] || (k[R] = {}), k[R][z] = q), Ht(E, z, q, ce, !1, pe == null ? void 0 : pe[z])), process.env.NODE_ENV === "development" && c === "verbose" && G("    subKey", z, Pe, {
+                  importance: ce,
+                  curImportance: ge,
+                  pkey: z,
+                  val: q
+                });
+              }
+            }
+            if (!Z) for (const z in Q) {
+              const q = p[z] || z;
+              E.usedKeys[q] = Math.max(ce, E.usedKeys[q] || 0);
+            }
+          }
+          return;
+        }
+        if (se) {
+          if (!Q) return;
+          const ee = R.slice(se == "theme" ? 7 : 1);
+          if (W || (W = !0), (Q.space || !T || s.willBeAnimated) && ((!W || typeof W == "boolean") && (W = /* @__PURE__ */ new Set()), W.add(ee)), se === "platform" && !oo(R)) return;
+          process.env.NODE_ENV === "development" && c === "verbose" && G(`  📺 ${R}`, {
+            key: R,
+            val: Q,
+            props: e,
+            shouldDoClasses: T,
+            acceptsClassName: K,
+            componentState: r,
+            mediaState: A
+          });
+          const Ve = Re;
+          if (Re += 1, T) {
+            const Ne = kt(E, R, Q, !1), $e = to(Ne);
+            for (const ye of $e) {
+              const Z = ye[Dt], ce = Z[0] === "$";
+              if (ce && !oo(Z)) continue;
+              const pe = Ui(ye, ee, Ut, se, !1, Ve);
+              process.env.NODE_ENV === "development" && c === "verbose" && G("📺 media style:", pe);
+              const z = ce ? ye[2] : "", q = `${ye[Dt]}${z}${Gr}${ee}${ye[Is] || ""}`;
+              Mt(P, pe), B[q] = pe[it];
+            }
+          } else {
+            let Ne = function(z, q, ge) {
+              E.style || (E.style = {}), sl(E, ee, z, q, A[ee], ce, c, ge) && z === "fontFamily" && (E.fontFamily = Z.fontFamily);
+            };
+            const $e = se === "theme", ye = se === "group";
+            if (!$e && se !== "platform" && !ye) {
+              if (!A[ee]) {
+                process.env.NODE_ENV === "development" && c === "verbose" && G(`  📺 ❌ DISABLED ${ee}`);
+                return;
+              }
+              process.env.NODE_ENV === "development" && c === "verbose" && G(`  📺 ✅ ENABLED ${ee}`);
+            }
+            const Z = kt(E, R, Q, !0);
+            let ce = 0;
+            if ($e) {
+              if (ae = !0, !(o === ee || o.startsWith(ee))) return;
+            } else if (ye) {
+              const z = _s(ee), q = z.name, ge = (Ge = l == null ? void 0 : l[q]) == null ? void 0 : Ge.state, Pe = z.pseudo, Me = z.media;
+              if (!ge) {
+                process.env.NODE_ENV === "development" && c && G(`No parent with group prop, skipping styles: ${q}`), de || (de = /* @__PURE__ */ new Set());
+                return;
+              }
+              const We = (Qt = r.group) == null ? void 0 : Qt[q];
+              if (Me) {
+                Y || (Y = /* @__PURE__ */ new Set()), Y.add(Me);
+                const be = We == null ? void 0 : We.media;
+                let Ce = be == null ? void 0 : be[Me];
+                if (!be && ge.layout && (Ce = Rs(Me, ge.layout)), process.env.NODE_ENV === "development" && c === "verbose" && G(` 🏘️ GROUP media ${Me} active? ${Ce}`, {
+                  ...be,
+                  usedKeys: {
+                    ...E.usedKeys
+                  }
+                }), !Ce) {
+                  for (const je in Z) io(je, E);
+                  return;
+                }
+                ce = 2;
+              }
+              if (Pe) {
+                de || (de = /* @__PURE__ */ new Set()), de.add(q);
+                const be = (Qe = We || // fallback to context initially
+                (l == null ? void 0 : l[q].state)) == null ? void 0 : Qe.pseudo, Ce = be == null ? void 0 : be[Pe], je = jo[Pe];
+                if (process.env.NODE_ENV === "development" && c === "verbose" && G(` 🏘️ GROUP pseudo ${Me} active? ${Ce}, priority ${je}`, {
+                  componentGroupPseudoState: {
+                    ...be
+                  },
+                  usedKeys: {
+                    ...E.usedKeys
+                  }
+                }), !Ce) {
+                  for (const ft in Z) io(ft, E);
+                  return;
+                }
+                ce = je;
+              }
+            }
+            const pe = Bt.get(Z);
+            ye && Z.transition && (E.pseudoTransitions || (E.pseudoTransitions = {}), E.pseudoTransitions[`$${ee}`] = Z.transition);
+            for (const z in Z) if (z !== "space") if (z[0] === "$") {
+              if (!oo(z) || !ja(z, o)) continue;
+              const q = Bt.get(Z[z]);
+              for (const ge in Z[z]) Ne(ge, Z[z][ge], q == null ? void 0 : q[ge]);
+            } else Ne(z, Z[z], pe == null ? void 0 : pe[z]);
+          }
+          return;
+        }
+        if (!oe) {
+          if (Jt) return;
+          C[R] = Q;
+        }
+      }
+    }), process.env.NODE_ENV === "development" && c === "verbose") {
+      try {
+        G(" ✔️ expand complete", x), G("style", {
+          ...E.style
+        }), G("viewProps", {
+          ...C
+        }), G("transforms", {
+          ...E.flatTransforms
+        });
+      } catch {
+      }
+      console.groupEnd();
+    }
+  }
+  if (process.env.NODE_ENV === "development" && (c === "profile" || globalThis.time) && time`split-styles-propsend`, s.noNormalize !== !1 && (E.style && (Vn(E.style), !s.noExpand && !s.noMergeStyle && Et && (!N || (f == null ? void 0 : f.inputStyle) !== "css") && rr(E.style)), E.flatTransforms && (E.style || (E.style = {}), di(E.style, E.flatTransforms))), !s.noNormalize && !t.isReactNative && !t.isHOC && (!s.isAnimated || (f == null ? void 0 : f.inputStyle) === "css") && Array.isArray((qe = E.style) == null ? void 0 : qe.transform) && (E.style.transform = or(E.style.transform)), !s.noMergeStyle && E.style && T) {
+    let F, x = !1;
+    if (!E.style.$$css) {
+      const V = to(E.style);
+      for (const ne of V) {
+        const [oe, Be, ie] = ne, se = s.isAnimated && s.noClass && ((ut = e.animateOnly) == null ? void 0 : ut.includes(oe)), le = !se && !s.isAnimated && St && (f == null ? void 0 : f.outputStyle) === "css" && ((_t = e.animateOnly) == null ? void 0 : _t.includes(oe));
+        se ? (F || (F = {}), F[oe] = E.style[oe]) : le ? (F || (F = {}), F[oe] = Be, x = !0) : (Mt(P, ne), B[oe] = ie);
+      }
+      process.env.NODE_ENV === "development" && e.debug === "verbose" && (console.groupCollapsed("🔹 getSplitStyles final style object"), console.info(E.style), console.info("retainedStyles", F), console.groupEnd()), (x || process.env.IS_STATIC !== "is_static") && (E.style = F || {});
+    }
+  }
+  if (!s.noMergeStyle && E.style && !T && s.isAnimated && !(f != null && f.isReactNative) && !E.style.$$css) {
+    const F = {};
+    let x = !1;
+    e.animateOnly;
+    for (const V in E.style) V in js && (F[V] = E.style[V], delete E.style[V], x = !0);
+    if (x) {
+      const V = to(F);
+      for (const ne of V) Mt(P, ne), B[ne[Dt]] = ne[it];
+    }
+  }
+  const Ie = e.style;
+  if (!s.noMergeStyle && Ie) if (g) C.style = Yr(Ie);
+  else {
+    const F = Array.isArray(Ie), x = F ? Ie.length : 1;
+    for (let V = 0; V < x; V++) {
+      const ne = F ? Ie[V] : Ie;
+      ne && (ne.$$css ? Object.assign(E.classNames, ne) : (E.style || (E.style = {}), Object.assign(E.style, Yr(ne))));
+    }
+  }
+  process.env.NODE_ENV === "development" && (c === "profile" || globalThis.time) && time`split-styles-pre-result`;
+  const _e = {
+    hasMedia: W,
+    fontFamily: E.fontFamily,
+    viewProps: C,
+    style: E.style,
+    pseudos: k,
+    classNames: B,
+    rulesToInsert: P,
+    dynamicThemeAccess: ae,
+    pseudoGroups: de,
+    mediaGroups: Y,
+    overriddenContextProps: E.overriddenContextProps,
+    pseudoTransitions: E.pseudoTransitions
+  }, me = Le === "except-style" || Le === "except-style-web";
+  if (!s.noMergeStyle && !me) {
+    const F = E.style;
+    {
+      let x = b || h ? E.fontFamily : null;
+      x && x[0] === "$" && (x = x.slice(1));
+      const V = x ? `font_${x}` : "", ne = e.group ? `t_group_${e.group}` : "", oe = e.componentName || t.componentName, Be = e.asChild || !oe || oe === "Text" ? "" : `is_${oe}`;
+      let ie = [];
+      Be && ie.push(Be), b ? ie.push("is_Text") : ie.push("is_View"), V && ie.push(V), B && ie.push(Object.values(B).join(" ")), ne && ie.push(ne), e.className && ie.push(e.className);
+      const se = ie.join(" "), le = N || s.isAnimated && (f == null ? void 0 : f.isReactNative);
+      if (s.isAnimated && (f == null ? void 0 : f.inputStyle) === "css") C.className = se, F && (C.style = F);
+      else if (le) {
+        let Fe;
+        for (const D of se.split(" ")) Fe || (Fe = {
+          $$css: !0
+        }), Fe[D] = D;
+        C.style = Fe ? [...Array.isArray(F) ? F : [F], Fe] : [F];
+      } else se && (C.className = se), F && (C.style = F);
+    }
+  }
+  if (process.env.NODE_ENV === "development" && c === "verbose" && St && To) {
+    console.groupEnd(), console.groupCollapsed("🔹 getSplitStyles ===>");
+    try {
+      const F = {
+        ..._e,
+        className: he,
+        componentState: r,
+        viewProps: C,
+        rulesToInsert: P,
+        parentSplitStyles: i
+      };
+      for (const x in F) G(x, F[x]);
+    } catch {
+    }
+    console.groupEnd();
+  }
+  return process.env.NODE_ENV === "development" && (c === "profile" || globalThis.time) && time`split-styles-done`, _e;
+};
+function di(e, t) {
+  Object.entries(t).sort(([n], [o]) => ci(n, o)).forEach(([n, o]) => {
+    Tn(e, n, o, !0);
+  });
+}
+function Ht(e, t, n, o, r = !1, s) {
+  var c, m, f, p;
+  const {
+    viewProps: i,
+    styleProps: a,
+    staticConfig: l,
+    usedKeys: d
+  } = e;
+  if ((d[t] || 0) > o) return;
+  const u = ((c = l.context) == null ? void 0 : c.props) || ((f = (m = l.parentStaticConfig) == null ? void 0 : m.context) == null ? void 0 : f.props);
+  if (u && t in u) {
+    e.overriddenContextProps || (e.overriddenContextProps = {});
+    const g = (p = e.originalContextPropValues) == null ? void 0 : p[t];
+    e.overriddenContextProps[t] = s ?? g ?? n;
+  }
+  if (t in Yt) e.flatTransforms || (e.flatTransforms = {}), d[t] = o, e.flatTransforms[t] = n;
+  else {
+    const g = !r && !a.noNormalize ? xe(n, t) : n;
+    l.accept && t in l.accept ? i[t] = g : (e.style || (e.style = {}), d[t] = o, e.style[t] = // if you dont do this you'll be passing props.transform arrays directly here and then mutating them
+    // if theres any flatTransforms later, causing issues (mutating props is bad, in strict mode styles get borked)
+    t === "transform" && Array.isArray(g) ? [...g] : g);
+  }
+}
+const kt = (e, t, n, o) => {
+  var d, u;
+  const {
+    staticConfig: r,
+    conf: s,
+    styleProps: i
+  } = e, a = {};
+  let l;
+  for (let c in n) {
+    const m = n[c];
+    if (c = s.shorthands[c] || c, c === "transition") {
+      e.pseudoTransitions || (e.pseudoTransitions = {}), e.pseudoTransitions[t] = m;
+      const f = e.animationDriver;
+      if ((f == null ? void 0 : f.outputStyle) === "css") {
+        const p = (d = f.animations) == null ? void 0 : d[m];
+        if (p) {
+          const g = t[0] === "$" ? " !important" : "";
+          a.transition = `all ${p}${g}`;
+        }
+      }
+      continue;
+    }
+    !r.isHOC && c in lt && !i.noSkip || ii(c, m, e, !1, (f, p, g) => {
+      g !== void 0 && (l || (l = {}), l[f] = g), f in vn && (p = kt(e, f, p, o)), !o && f in Yt ? Tn(a, f, p) : a[f] = i.noNormalize ? p : xe(p, c);
+    });
+  }
+  if (!o) {
+    const c = (u = e.style) == null ? void 0 : u.transform, m = e.flatTransforms, f = a.transform;
+    if (Array.isArray(f) && f.length) {
+      const p = f.length;
+      if (Array.isArray(c)) {
+        const g = [];
+        e: for (let b = 0; b < c.length; b++) {
+          const h = c[b];
+          for (const S in h) {
+            for (let N = 0; N < p; N++) for (const y in f[N]) {
+              if (S === y) continue e;
+              break;
+            }
+            g.push(h);
+            break;
+          }
+        }
+        for (let b = 0; b < p; b++) g.push(f[b]);
+        a.transform = g;
+      }
+      if (m) e: for (const g in m) {
+        const b = g === "x" ? "translateX" : g === "y" ? "translateY" : g;
+        for (let h = 0; h < p; h++) for (const S in f[h]) {
+          if (b === S) continue e;
+          break;
+        }
+        Tn(a, g, m[g]);
+      }
+    } else m && di(a, m);
+  }
+  return i.noNormalize || Vn(a), l && Bt.set(a, l), a;
+}, el = te.useInsertionEffect || Ae, tl = (e, t, n, o, r, s, i, a, l, d, u, c, m) => {
+  "use no memo";
+  const f = ui(e, t, n, o, r, s, i, a, l, d, u, c, m);
+  return el(() => {
+    f && Ba(f.rulesToInsert);
+  }, [f == null ? void 0 : f.rulesToInsert]), f;
+};
+function Mt(e, t) {
+  {
+    const n = t[it];
+    ti(n) && (ei(n, t[In]), e[n] = t);
+  }
+}
+const nl = process.env.TAMAGUI_DEFAULT_COLOR || "rgba(0,0,0,0)", ol = {
+  ...Object.fromEntries(Object.entries(at.color).map(([e, t]) => [e, nl])),
+  opacity: 1,
+  scale: 1,
+  scaleX: 1,
+  scaleY: 1,
+  rotate: "0deg",
+  rotateX: "0deg",
+  rotateY: "0deg",
+  rotateZ: "0deg",
+  skewX: "0deg",
+  skewY: "0deg",
+  x: 0,
+  y: 0,
+  borderRadius: 0
+}, Tn = (e, t, n, o = !1) => {
+  typeof e.transform != "string" && (e.transform || (e.transform = []), e.transform[o ? "unshift" : "push"]({
+    [rl[t] || t]: n
+  }));
+}, rl = {
+  x: "translateX",
+  y: "translateY"
+};
+function Xr(e, t, n, o = !1) {
+  if (o) {
+    const r = {
+      ...e[t],
+      ...n
+    };
+    delete e[t], e[t] = r;
+  } else e[t] = n;
+}
+function sl(e, t, n, o, r, s, i, a) {
+  const l = e.usedKeys;
+  let d = oa(t, n, e, r);
+  if (s && (d = (d || 0) + s), process.env.NODE_ENV === "development" && i === "verbose" && G(`mergeMediaByImportance ${n} importance usedKey ${l[n]} next ${d}`), d === null) return !1;
+  if (n in Oe) {
+    const u = Oe[n], c = u.stateKey || u.name;
+    if (e.componentState[c] === !1) return !1;
+    const m = Bt.get(o);
+    for (const f in o) Ht(e, f, o[f], d, !1, m == null ? void 0 : m[f]);
+  } else Ht(e, n, o, d, !1, a);
+  return !0;
+}
+function Yr(e) {
+  const t = {};
+  for (const n in e) {
+    const o = e[n];
+    n in Yt ? Tn(t, n, o) : t[n] = xe(o, n);
+  }
+  return Array.isArray(t.transform) && (t.transform = or(t.transform)), Vn(t), t;
+}
+function io(e, t) {
+  const n = ol[e];
+  n != null && !(e in t.usedKeys) && (!t.style || !(e in t.style)) && Ht(t, e, n, 1);
+}
+const il = /^on[A-Z]/;
+function fi(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 ? er(o, r) : r || o : il.test(n) && typeof o == "function" && typeof r == "function" ? e[n] = Ko(o, r) : e[n] = r);
+  }
+  return e;
+}
+function al(e, t, n) {
+  const o = fi({
+    ...e
+  }, t);
+  return o.children = n, o;
+}
+function Zr(e, t, n, o) {
+  var s, i, a;
+  if (!n) return o;
+  const r = e || {
+    hover: !1,
+    press: !1,
+    focus: !1,
+    groups: {}
+  };
+  if (t.press && !r.press && n.pressStyle) return n.pressStyle;
+  if (t.hover && !r.hover && n.hoverStyle) return n.hoverStyle;
+  if (t.focus && !r.focus && n.focusStyle) return n.focusStyle;
+  for (const l in n) if (l.startsWith("$group-")) {
+    const d = l.match(/^\$group-(.+)-(hover|press|focus)$/);
+    if (!d) continue;
+    const u = d[1], c = d[2], m = (i = (s = t.group) == null ? void 0 : s[u]) == null ? void 0 : i.pseudo, f = (a = r.groups) == null ? void 0 : a[u];
+    if (m != null && m[c] && !(f != null && f[c])) return n[l];
+  }
+  return o;
+}
+function qr(e) {
+  var n;
+  const t = {};
+  if (e.group) for (const o in e.group) {
+    const r = (n = e.group[o]) == null ? void 0 : n.pseudo;
+    r && (t[o] = {
+      hover: r.hover,
+      press: r.press,
+      focus: r.focus
+    });
+  }
+  return {
+    hover: e.hover,
+    press: e.press,
+    focus: e.focus,
+    groups: t
+  };
+}
+const ze = {};
+function ll(e) {
+  Object.assign(ze, e);
+}
+const cl = (e) => {
+  var t;
+  (t = ze.setElementProps) == null || t.call(ze, e);
+}, ul = (e) => {
+  const {
+    pseudoGroups: t,
+    mediaGroups: n,
+    groupContext: o
+  } = e;
+  if (t || n) {
+    process.env.NODE_ENV === "development" && !o && console.debug("No context group found");
+    const r = /* @__PURE__ */ new Set();
+    if (t) for (const s of t) r.add(Jr(s, e));
+    if (n) for (const s of n) r.add(Jr(s, e));
+    return () => {
+      r.forEach((s) => s());
+    };
+  }
+}, Jr = (e, {
+  setStateShallow: t,
+  pseudoGroups: n,
+  mediaGroups: o,
+  groupContext: r
+}) => {
+  const s = r == null ? void 0 : r[e];
+  if (!s) return () => {
+  };
+  const i = s.subscribe(({
+    layout: a,
+    pseudo: l
+  }) => {
+    t((d) => {
+      var m;
+      let u = !1;
+      const c = ((m = d.group) == null ? void 0 : m[e]) || {
+        pseudo: {},
+        media: {}
+      };
+      if (l && (n != null && n.has(e))) c.pseudo || (c.pseudo = {}), po(c.pseudo, l) !== c.pseudo && (Object.assign(c.pseudo, l), u = !0);
+      else if (a && o) {
+        c.media || (c.media = {});
+        const f = na(o, a), p = po(c.media, f);
+        p !== c.media && (Object.assign(c.media, p), u = !0);
+      }
+      return u ? {
+        group: {
+          ...d.group,
+          [e]: c
+        }
+      } : d;
+    });
+  });
+  return () => {
+    i(), t({
+      group: {}
+    });
+  };
+}, xn = Xt(!1), dl = ({
+  children: e,
+  enabled: t
+}) => {
+  const n = An(xn);
+  return /* @__PURE__ */ w(xn.Provider, {
+    value: t ?? n,
+    children: e
+  });
+}, fl = () => fo.useContext(xn);
+function mi() {
+  return fo.useContext(xn) ? !0 : fo.useSyncExternalStore(ml, () => !0, () => !1);
+}
+const ml = () => () => {
+};
+let Se;
+function hi({
+  themeState: e,
+  themeProps: t,
+  children: n
+}) {
+  if (process.env.NODE_ENV === "development") {
+    const o = mi();
+    if (process.env.NODE_ENV === "development" && typeof document < "u" && (Se || (Se = document.createElement("div"), Se.style.height = "200px", Se.style.overflowY = "scroll", Se.style.position = "fixed", Se.style.zIndex = 1e7, Se.style.bottom = "30px", Se.style.left = "30px", Se.style.right = "30px", Se.style.display = "flex", Se.style.border = "1px solid #888", Se.style.flexDirection = "row", Se.style.background = "var(--background)")), Tt(() => {
+      document.body.appendChild(Se);
+    }, []), t["disable-child-theme"] || !o) return n;
+    const r = e.parentId ? Xs(e.parentId) : null;
+    return /* @__PURE__ */ Xe(Cn, {
+      children: [$i(/* @__PURE__ */ Xe("code", {
+        style: {
+          whiteSpace: "pre",
+          maxWidth: 250,
+          overflow: "auto",
+          padding: 5
+        },
+        children: ["<Theme ", e.id, " /> ", JSON.stringify({
+          name: e.name,
+          color1: e.theme.color1.val,
+          parentId: e.parentId,
+          // inverses: themeState.inverses,
+          isNew: e.isNew,
+          themeProps: {
+            name: t.name,
+            componentName: t.componentName,
+            reset: t.reset
+          },
+          parentState: {
+            name: r == null ? void 0 : r.name,
+            isNew: r == null ? void 0 : r.isNew
+          }
+        }, null, 2)]
+      }), Se), /* @__PURE__ */ w("div", {
+        style: {
+          color: "red"
+        },
+        children: e.id
+      }), n]
+    });
+  }
+  return n;
+}
+hi.displayName = "ThemeDebug";
+const Zt = hs(function(e, t) {
+  "use no memo";
+  if (e.disable) return e.children;
+  const {
+    passThrough: n
+  } = e, o = !!e._isRoot, [r, s] = Zs(e, o);
+  let i = e["disable-child-theme"] ? bn.map(e.children, (l) => n || !Wo(l) ? l : yn(l, {
+    "data-disable-theme": !0
+  })) : e.children;
+  if (t) try {
+    te.Children.only(i), i = yn(i, {
+      ref: t
+    });
+  } catch {
+  }
+  const a = jt({
+    hasEverThemed: !1
+  });
+  return pi(s, i, e, o, a, n);
+});
+Zt.avoidForwardRef = !0;
+function pi(e, t, n, o = !1, r, s = !1) {
+  const {
+    shallow: i,
+    forceClassName: a
+  } = n, l = r.current;
+  let d = l.hasEverThemed || e.isNew || o || Ta(n);
+  if (process.env.NODE_ENV === "development" && n.debug === "visualize" && (t = /* @__PURE__ */ w(hi, {
+    themeState: e,
+    themeProps: n,
+    children: t
+  })), !d) return t;
+  t = /* @__PURE__ */ w(Hs.Provider, {
+    value: e.id,
+    children: t
+  });
+  const {
+    isInverse: u,
+    name: c
+  } = e, m = u || a;
+  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 = Xs(e.isNew ? e.id : e.parentId);
+    if (!f) throw new Error("‼️010");
+    t = bn.toArray(t).map((p) => Wo(p) ? s ? p : yn(p, void 0, /* @__PURE__ */ w(Zt, {
+      name: f.name,
+      children: p.props.children
+    })) : p);
+  }
+  if (process.env.NODE_ENV === "development" && !s && n.debug && console.warn(" getThemedChildren", {
+    requiresExtraWrapper: m,
+    forceClassName: a,
+    themeState: e,
+    state: l,
+    themeSpanProps: Qr(e, n, o)
+  }), a === !1) return t;
+  {
+    const f = n.contain ? pl : hl, {
+      className: p = "",
+      color: g
+    } = s ? {} : Qr(e, n, o);
+    if (t = /* @__PURE__ */ w("span", {
+      className: `${p} is_Theme`,
+      style: s ? f : {
+        color: g,
+        ...f
+      },
+      children: t
+    }), l.hasEverThemed === "wrapped") {
+      const b = m ? `${c.startsWith("light") ? "t_light" : c.startsWith("dark") ? "t_dark" : ""} _dsp_contents` : "_dsp_contents";
+      t = /* @__PURE__ */ w("span", {
+        className: b,
+        children: t
+      });
+    }
+    return t;
+  }
+}
+const hl = {
+  display: "contents"
+}, pl = {
+  display: "contents",
+  contain: "strict"
+}, gl = {
+  className: "",
+  color: void 0
+};
+function Qr(e, t, n = !1) {
+  if (!e.isNew && !t.forceClassName) return gl;
+  const o = e != null && e.theme && e.isNew ? Nt(e.theme.color) : "", r = e.name.replace(bl, ""), s = r.split("_");
+  let i = `t_${r}`;
+  if (s.length > 1) {
+    const l = [];
+    for (let d = 1; d <= s.length; d++) l.push(`t_${s.slice(0, d).join("_")}`);
+    i = l.join(" ");
+  }
+  const a = `${n ? "" : "t_sub_theme"} ${i}`;
+  return {
+    color: o,
+    className: a
+  };
+}
+const bl = /^(dark|light)_/;
+function yl(e, t, n = !1) {
+  const o = te.forwardRef(function(r, s) {
+    "use no memo";
+    const i = nr(t, r.componentName), a = i == null ? void 0 : i.theme, l = i == null ? void 0 : i.themeReset, {
+      theme: d,
+      componentName: u,
+      themeReset: c,
+      ...m
+    } = r;
+    let f;
+    const p = t == null ? void 0 : t.context;
+    if (p) for (const N in p.props) {
+      const y = r[N];
+      y !== void 0 && (f = f || {}, f[N] = y);
+    }
+    const g = (
+      // @ts-expect-error its ok
+      /* @__PURE__ */ w(e, {
+        ref: s,
+        ...m,
+        "data-disable-theme": !0
+      })
+    );
+    let b = null;
+    const h = u || (t == null ? void 0 : t.componentName);
+    if (h && (b = b || {}, b.componentName = h), "debug" in r && (b = b || {}, b.debug = r.debug), ("theme" in r || a) && (b = b || {}, b.name = "theme" in r ? r.theme : a), ("themeReset" in r || l) && (b = b || {}, b.reset = "themeReset" in r ? c : l), n && !b) return g;
+    let S = /* @__PURE__ */ w(Zt, {
+      "disable-child-theme": !0,
+      ...b,
+      children: g
+    });
+    if (p) {
+      const N = p.Provider, y = te.useContext(p);
+      S = /* @__PURE__ */ w(N, {
+        ...y,
+        ...f,
+        children: S
+      });
+    }
+    return S;
+  });
+  return o.displayName = `Themed(${(e == null ? void 0 : e.displayName) || (e == null ? void 0 : e.name) || "Anonymous"})`, o;
+}
+function Sl(e) {
+  if (e.length) return /* @__PURE__ */ w(Cn, {
+    children: e.map((t) => {
+      const n = t[it];
+      return /* @__PURE__ */ w("style", {
+        href: `t_${n}`,
+        precedence: "default",
+        suppressHydrationWarning: !0,
+        children: t[In].join(`
+`)
+      }, n);
+    })
+  });
+}
+const vl = (e, t, n, o) => {
+  "use no memo";
+  var ae;
+  const r = mi(), s = !fl(), i = t != null && t.isStub || t == null ? void 0 : t.useAnimations, {
+    isHOC: a
+  } = n, l = jt(
+    // performance: avoid creating object every render
+    void 0
+  );
+  l.current || (l.current = {
+    startedUnhydrated: s && !r
+  });
+  const d = !!(!a && "transition" in e || e.style && El(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), p = !On && f;
+  p && !m.hasAnimated && (m.hasAnimated = !0);
+  const {
+    disableClassName: g
+  } = e, b = !a && p && e.animatePresence !== !1 && ((ae = t == null ? void 0 : t.usePresence) == null ? void 0 : ae.call(t)) || null, h = b == null ? void 0 : b[2], S = (h == null ? void 0 : h.isPresent) === !1, N = (h == null ? void 0 : h.isPresent) === !0 && h.initial !== !1, y = !!e.enterStyle, $ = d && !r && ((t == null ? void 0 : t.isReactNative) || u !== "css"), M = !a && (y || N || $ || // disableClassName doesnt work server side, only client, so needs hydrate
+  // this is just for a better ux, supports css variables for light/dark, media queries, etc
+  g) ? (
+    // on the very first render we switch all spring animation drivers to css rendering
+    // this is because we need to use css variables, which they don't support to do proper SSR
+    // 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
+    y || N ? wa : tr
+  ) : xo, K = Nl(e);
+  K != null && (M.disabled = K);
+  const C = us(M), A = e.forceStyle ? {
+    ...C[0],
+    [e.forceStyle]: !0
+  } : C[0], T = C[1];
+  let P = p;
+  $ && !n.isHOC && !r && (P = !1, m.willHydrate = !0), K !== A.disabled && (K && Object.assign(A, xo), A.disabled = K, T((de) => ({
+    ...A
+  })));
+  const B = e.group, k = Vi(T, e.debug);
+  if (h && P && r && n.variants) {
+    process.env.NODE_ENV === "development" && e.debug === "verbose" && console.warn(`has presenceState ${JSON.stringify(h)}`);
+    const {
+      enterVariant: de,
+      exitVariant: Y,
+      enterExitVariant: he,
+      custom: Re
+    } = h;
+    Mn(Re) && Object.assign(e, Re);
+    const ke = Y ?? he, E = de ?? he;
+    A.unmounted && E && n.variants[E] ? (process.env.NODE_ENV === "development" && e.debug === "verbose" && console.warn(`Animating presence ENTER "${E}"`), e[E] = !0) : S && ke && (process.env.NODE_ENV === "development" && e.debug === "verbose" && console.warn(`Animating presence EXIT "${ke}"`), e[ke] = Y !== he);
+  }
+  let W = !!e.forceStyle;
+  if (!r) W = !1;
+  else if (r) {
+    const de = P && r, Y = !n.acceptsClassName && (we("disableSSR") || !A.unmounted), he = g && !A.unmounted;
+    (de && c !== "css" || he || Y) && (W = !0, process.env.NODE_ENV === "development" && e.debug === "verbose" && G("avoiding className", {
+      isAnimatedAndHydrated: de,
+      isDisabledManually: he,
+      isClassNameDisabled: Y
+    }));
+  }
+  return {
+    startedUnhydrated: m.startedUnhydrated,
+    curStateRef: m,
+    disabled: K,
+    groupName: B,
+    hasAnimationProp: d,
+    hasEnterStyle: y,
+    isAnimated: P,
+    isExiting: S,
+    isHydrated: r,
+    presence: b,
+    presenceState: h,
+    setState: T,
+    setStateShallow: k,
+    noClass: W,
+    state: A,
+    stateRef: l,
+    inputStyle: u,
+    outputStyle: c,
+    willBeAnimated: p,
+    willBeAnimatedClient: f
+  };
+};
+function El(e) {
+  return Object.keys(e).some((t) => {
+    const n = e[t];
+    return n && typeof n == "object" && "_animation" in n;
+  });
+}
+const Nl = (e) => {
+  var t;
+  return e.disabled || e.passThrough || ((t = e.accessibilityState) == null ? void 0 : t.disabled) || e["aria-disabled"] || e.accessibilityDisabled || !1;
+}, Tl = wi(hs(function(e, t) {
+  const {
+    children: n,
+    ...o
+  } = e;
+  if (Wo(n)) {
+    const r = xl(n, o);
+    return yn(n, n.type.avoidForwardRef ? r : {
+      ...r,
+      ref: er(t, n.props.ref)
+    });
+  }
+  return bn.count(n) > 1 ? bn.only(null) : null;
+})), ln = {
+  onPress: "onClick",
+  onPressOut: "onMouseUp",
+  onPressIn: "onMouseDown"
+};
+function xl(e, t) {
+  const n = e.props, o = typeof e.type == "string";
+  if (o) for (const s in ln) s in t && (t[ln[s]] = t[s], delete t[s]);
+  const r = fi(t, n);
+  if (o) for (const s in ln) s in r && (r[ln[s]] = r[s], delete r[s]);
+  return r;
+}
+let I, gt, mn;
+const vt = /* @__PURE__ */ new Set(), wl = /* @__PURE__ */ new Set(["hover", "press", "pressIn", "group", "focus", "focusWithin", "media", "group"]);
+if (typeof window < "u") {
+  const e = () => {
+    vt.forEach((n) => n((o) => o.press || o.pressIn ? {
+      ...o,
+      press: !1,
+      pressIn: !1
+    } : o)), vt.clear();
+  }, t = () => {
+    vt.forEach((n) => n((o) => o.press || o.pressIn || o.hover ? {
+      ...o,
+      press: !1,
+      pressIn: !1,
+      hover: !1
+    } : o)), vt.clear();
+  };
+  addEventListener("mouseup", e), addEventListener("touchend", t), addEventListener("touchcancel", t), process.env.NODE_ENV === "development" && (mn = () => {
+  });
+}
+const ot = {
+  value: !1
+}, Io = {
+  value: !1
+};
+typeof document < "u" && (document.addEventListener("keydown", () => {
+  ot.value || (ot.value = !0);
+}), document.addEventListener("mousedown", () => {
+  ot.value && (ot.value = !1);
+}), document.addEventListener("mousemove", () => {
+  ot.value && (ot.value = !1), Io.value = !1;
+}), document.addEventListener("touchstart", () => {
+  Io.value = !0;
+}));
+function gi(e) {
+  let t = null;
+  const {
+    Component: n,
+    isText: o,
+    isHOC: r
+  } = e, s = te.forwardRef((u, c) => {
+    "use no memo";
+    var pr, gr, br, yr;
+    t = t || De();
+    const m = process.env.NODE_ENV === "development" ? te.useId() : "";
+    process.env.NODE_ENV === "development" && mn && (mn(), mn = void 0), process.env.NODE_ENV === "test" && u["data-test-renders"] && (u["data-test-renders"].current = u["data-test-renders"].current ?? 0, u["data-test-renders"].current += 1);
+    const {
+      context: f,
+      isReactNative: p
+    } = e, g = u.debug, b = f ? te.useContext(f) : void 0;
+    let h = null;
+    const S = te.useContext(un), N = !!(o && S.inText);
+    !process.env.TAMAGUI_IS_CORE_NODE && process.env.NODE_ENV === "development" && g === "profile" && !I && (I = require("@tamagui/timer").timer().start(), globalThis.time = I), process.env.NODE_ENV === "development" && !I && globalThis.time && (I = globalThis.time), process.env.NODE_ENV === "development" && I && I`non-tamagui time (ignore)`;
+    let y = u;
+    const $ = y.componentName || e.componentName, M = nr(e, y.componentName), [K, C] = Ii(M, b, u);
+    y = K, h = C, process.env.NODE_ENV === "development" && St && te.useEffect(() => {
+      let v, _ = null;
+      const L = () => {
+        var U;
+        if (_) try {
+          (U = _.parentNode) == null || U.removeChild(_), _ = null;
+        } catch {
+        }
+      }, j = (U = !1) => {
+        if (v = O.current.host, !!v) if (U) {
+          _ || (_ = document.createElement("span"), _.style.inset = "0px", _.style.zIndex = "1000000", _.style.position = "absolute", _.style.borderColor = "red", _.style.borderWidth = "1px", _.style.borderStyle = "dotted");
+          const J = v.getAttribute("data-at") || "", et = v.getAttribute("data-in") || "", ue = document.createElement("span");
+          ue.style.position = "absolute", ue.style.top = "0px", ue.style.left = "0px", ue.style.padding = "3px", ue.style.background = "rgba(0,0,0,0.75)", ue.style.color = "rgba(255,255,255,1)", ue.style.fontSize = "12px", ue.style.lineHeight = "12px", ue.style.fontFamily = "monospace", ue.innerText = `${$ || ""} ${J} ${et}`.trim(), _.appendChild(ue), v.appendChild(_);
+        } else L();
+      };
+      return gt = gt || /* @__PURE__ */ new Set(), gt.add(j), () => {
+        L(), gt == null || gt.delete(j);
+      };
+    }, [$]);
+    const A = te.useContext(Nr), T = y.animatedBy && t ? t.animationDrivers ? t.animationDrivers[y.animatedBy] ?? t.animations : y.animatedBy === "default" ? t.animations : null : Nn(S.animationDriver) ?? Nn(t == null ? void 0 : t.animations) ?? null, P = T == null ? void 0 : T.useAnimations, B = vl(y, T != null && T.isStub ? null : T, e), {
+      disabled: k,
+      groupName: W,
+      hasAnimationProp: ae,
+      hasEnterStyle: de,
+      isAnimated: Y,
+      isExiting: he,
+      isHydrated: Re,
+      presence: ke,
+      presenceState: E,
+      setState: Le,
+      noClass: ve,
+      state: H,
+      stateRef: O,
+      inputStyle: Ue,
+      outputStyle: Dn,
+      willBeAnimated: ct,
+      willBeAnimatedClient: Ze,
+      startedUnhydrated: Ie
+    } = B;
+    ae && (T != null && T.avoidReRenders) && Ae(() => {
+      const v = O.current.nextState;
+      v && (O.current.nextState = void 0, B.setStateShallow(v));
+    });
+    const _e = _i(() => {
+      var _, L;
+      if (!W || y.passThrough) return A;
+      const v = /* @__PURE__ */ new Set();
+      return (L = (_ = O.current.group) == null ? void 0 : _.listeners) == null || L.clear(), O.current.group = {
+        listeners: v,
+        emit(j) {
+          v.forEach((U) => U(j));
+        },
+        subscribe(j) {
+          return v.add(j), v.size === 1 && me({
+            hasDynGroupChildren: !0
+          }), () => {
+            v.delete(j), v.size === 0 && me({
+              hasDynGroupChildren: !1
+            });
+          };
+        }
+      }, {
+        ...A,
+        [W]: {
+          state: {
+            pseudo: xo
+          },
+          subscribe: (j) => {
+            var J;
+            const U = (J = O.current.group) == null ? void 0 : J.subscribe(j);
+            return () => {
+              U == null || U();
+            };
+          }
+        }
+      };
+    }, [O, W, A]);
+    let me = B.setStateShallow;
+    process.env.NODE_ENV === "development" && I && I`use-state`;
+    const qe = y.render, ut = (!n || typeof n == "string") && qe || n, _t = o ? ut || "span" : ut || (N ? "span" : "div");
+    let F = _t;
+    T && Y && T.needsCustomComponent && (F = T[o ? "Text" : "View"] || F);
+    const x = y["data-disable-theme"] || r;
+    process.env.NODE_ENV === "development" && I && I`theme-props`;
+    const V = {
+      componentName: $,
+      disable: x,
+      shallow: y.themeShallow,
+      debug: g,
+      unstyled: y.unstyled
+    };
+    if ("theme" in y && (V.name = y.theme), V.needsUpdate = () => !!O.current.isListeningToTheme, process.env.NODE_ENV === "development" && g && g !== "profile") {
+      const v = `${$ || (n == null ? void 0 : n.displayName) || (n == null ? void 0 : n.name) || "[Unnamed Component]"}`, _ = (de ? "(hasEnter)" : " ") + (Y ? "(animated)" : " ") + (p ? "(rnw)" : " ") + (ve ? "(noClass)" : " ") + (H.press || H.pressIn ? "(PRESSED)" : " ") + (H.hover ? "(HOVERED)" : " ") + (H.focus ? "(FOCUSED)" : " ") + (H.focusWithin ? "(WITHIN FOCUSED)" : " ") + ((E == null ? void 0 : E.isPresent) === !1 ? "(EXIT)" : ""), L = u["data-is"] || "", j = `<${v} /> ${m} ${L ? ` ${L}` : ""} ${_.trim()} (hydrated: ${Re}) (unmounted: ${H.unmounted})`, U = u.children;
+      let J = typeof U == "string" ? U.length > 4 ? U.slice(0, 4) + "..." : U : "";
+      J.length && (J = `(children: ${J})`), console.info(`%c ${j}`, "background: green; color: white;"), On ? G({
+        noClass: ve,
+        isAnimated: Y,
+        isWeb: Et,
+        inputStyle: Ue
+      }) : (console.groupEnd(), console.groupCollapsed(`${J} [inspect props, state, context 👇]`), G("props in:", u), G("final props:", y, Object.keys(y)), G({
+        state: H,
+        staticConfig: e,
+        elementType: F,
+        themeStateProps: V
+      }), G({
+        context: f,
+        overriddenContextProps: h,
+        componentContext: S
+      }), G({
+        presence: ke,
+        isAnimated: Y,
+        isHOC: r,
+        hasAnimationProp: ae,
+        useAnimations: P
+      }), console.groupEnd());
+    }
+    process.env.NODE_ENV === "development" && I && I`pre-theme-media`;
+    const [ne, oe] = Zs(V);
+    process.env.NODE_ENV === "development" && I && I`theme`, F = ut || F;
+    const Be = typeof F == "string", ie = ea(S, g);
+    Qo(!1), process.env.NODE_ENV === "development" && I && I`media`;
+    const se = (
+      // if HOC + mounted + has animation prop, resolve as value so it passes non-variable to child
+      Y && Ue !== "css" || r && H.unmounted == !1 && ae ? "value" : "auto"
+    ), le = {
+      mediaState: ie,
+      noClass: ve,
+      resolveValues: se,
+      isExiting: he,
+      isAnimated: Y,
+      willBeAnimated: ct,
+      styledContext: b
+    }, Fe = (oe == null ? void 0 : oe.name) || "";
+    process.env.NODE_ENV === "development" && I && I`split-styles-prepare`;
+    const D = tl(y, e, ne, Fe, H, le, null, S, _e, F, Ie, g, T), Je = !D;
+    let dt = e.context;
+    if (D != null && D.overriddenContextProps) {
+      const v = e.context || ((pr = e.parentStaticConfig) == null ? void 0 : pr.context);
+      if (v) {
+        for (const _ in D.overriddenContextProps) h = h || {}, h[_] = D.overriddenContextProps[_];
+        e.context || (dt = v);
+      }
+    }
+    const Ee = W && (_e == null ? void 0 : _e[W]) || null;
+    if (!Je && Ee && // avoids onLayout if we don't need it
+    y.containerType !== "normal") {
+      const v = Ee == null ? void 0 : Ee.state;
+      v && v.layout === void 0 && ((gr = D.style) != null && gr.width || (br = D.style) != null && br.height) && (v.layout = {
+        width: es(D.style.width),
+        height: es(D.style.height)
+      });
+    }
+    const qt = y.transition && typeof y.transition == "object" && !Array.isArray(y.transition) && ("enter" in y.transition || "exit" in y.transition);
+    if (!Je && (ae || W) && (T != null && T.avoidReRenders) && !qt) {
+      let v = function() {
+        const L = O.current.nextState;
+        if (Ee) {
+          const {
+            group: j,
+            hasDynGroupChildren: U,
+            unmounted: J,
+            transition: et,
+            ...ue
+          } = L;
+          i(Ee, O.current.group || null, ue);
+        }
+      };
+      const _ = me;
+      if (O.current.updateStyleListener = () => {
+        const L = O.current.useStyleListener;
+        if (!L) {
+          const ue = O.current.nextState;
+          ue && (O.current.nextState = void 0, _(ue));
+          return;
+        }
+        const j = O.current.nextState || H, U = O.current.nextMedia, J = ui(y, e, ne, Fe, j, U ? {
+          ...le,
+          mediaState: U
+        } : le, null, S, _e, F, Ie, g, T), et = Zr(O.current.prevPseudoState, j, J == null ? void 0 : J.pseudoTransitions, y.transition);
+        O.current.prevPseudoState = qr(j), L((J == null ? void 0 : J.style) || {}, et);
+      }, S.mediaEmitListeners = S.mediaEmitListeners || /* @__PURE__ */ new Set(), !O.current.mediaEmitCleanup) {
+        const L = (j) => {
+          var U, J;
+          O.current.nextMedia = j, (J = (U = O.current).updateStyleListener) == null || J.call(U);
+        };
+        S.mediaEmitListeners.add(L), O.current.mediaEmitCleanup = () => {
+          var j;
+          (j = S.mediaEmitListeners) == null || j.delete(L);
+        };
+      }
+      S.mediaEmit = S.mediaEmit || ((L) => {
+        for (const j of S.mediaEmitListeners) j(L);
+      }), O.current.setStateShallow = (L) => {
+        var ue, Sr;
+        const j = O.current.nextState || H, U = typeof L == "function" ? L(j) : L;
+        if (U === j || ys(j, U)) return;
+        const J = Object.keys(U).every((Ei) => wl.has(Ei)), et = {
+          ...j,
+          ...U
+        };
+        O.current.nextState = et, J ? (process.env.NODE_ENV === "development" && g && g !== "profile" && (console.groupCollapsed("[⚡️] avoid setState", $, U, {
+          updatedState: et,
+          props: y
+        }), console.info(O.current.host), console.groupEnd()), v(), (Sr = (ue = O.current).updateStyleListener) == null || Sr.call(ue)) : (process.env.NODE_ENV === "development" && g && g !== "profile" && console.info("[🐌] re-render", {
+          canAvoidReRender: J,
+          next: U
+        }), _(U));
+      }, me = (L) => {
+        var j, U;
+        (U = (j = O.current).setStateShallow) == null || U.call(j, L);
+      };
+    }
+    process.env.NODE_ENV === "development" && I && I`split-styles`, D && (y.group && y.untilMeasured === "hide" && !O.current.hasMeasured && (D.style = D.style || {}, D.style.opacity = 0), D.dynamicThemeAccess != null && (O.current.isListeningToTheme = D.dynamicThemeAccess));
+    const R = (D == null ? void 0 : D.hasMedia) && D.hasMedia !== !0, Q = pa() || R || ve && (D == null ? void 0 : D.hasMedia) === !0, $t = R ? D.hasMedia : null;
+    process.env.NODE_ENV === "development" && g === "verbose" && console.info("useMedia() createComponent", Q, $t), Ji(S, Q, $t);
+    const {
+      viewProps: Jt,
+      pseudos: re,
+      style: Ge,
+      classNames: Qt,
+      pseudoGroups: Qe,
+      mediaGroups: ee
+    } = D || {}, Ve = y, {
+      asChild: Ne,
+      children: $e,
+      themeShallow: ye,
+      spaceDirection: Z,
+      onPress: ce,
+      onLongPress: pe,
+      onPressIn: z,
+      onPressOut: q,
+      onHoverIn: ge,
+      onHoverOut: Pe,
+      onMouseUp: Me,
+      onMouseDown: We,
+      onMouseEnter: be,
+      onMouseLeave: Ce,
+      onFocus: je,
+      onBlur: ft,
+      separator: Gc,
+      // ignore from here on out
+      passThrough: cr,
+      forceStyle: Kc,
+      // @ts-ignore  for next/link compat etc
+      onClick: en,
+      theme: ur,
+      ...Ct
+    } = Jt || {};
+    let fe = Ct;
+    y.forceStyle && (fe.forceStyle = y.forceStyle), r && (typeof ur < "u" && (fe.theme = ur), typeof cr < "u" && (fe.passThrough = cr));
+    let Pn;
+    const vi = (
+      // if it supports css vars we run it on server too to get matching initial style
+      (Ue === "css" ? Ze : ct) && P && !r
+    );
+    let dr;
+    if (vi) {
+      const v = T != null && T.avoidReRenders ? (j) => {
+        O.current.useStyleListener = j;
+      } : void 0, _ = Zr(O.current.prevPseudoState, H, D == null ? void 0 : D.pseudoTransitions, y.transition);
+      D && (D.effectiveTransition = _), O.current.prevPseudoState = qr(H);
+      const L = P({
+        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: Re ? Ge || {} : {
+          ...Ge
+        },
+        // @ts-ignore
+        styleState: D,
+        useStyleEmitter: v,
+        presence: ke,
+        componentState: H,
+        styleProps: le,
+        theme: ne,
+        themeName: Fe,
+        pseudos: re || null,
+        staticConfig: e,
+        stateRef: O
+      });
+      L && (L.ref && (dr = L.ref), Re && L && (Pn = L.style, fe.style = Pn, L.className && (fe.className = `${H.unmounted === "should-enter" ? "t_unmounted " : ""}${fe.className || ""} ${L.className}`))), process.env.NODE_ENV === "development" && I && I`animations`;
+    }
+    process.env.NODE_ENV === "development" && y.untilMeasured && !y.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" && I && I`destructure`, !Je && Ee && // avoids onLayout if we don't need it
+    y.containerType !== "normal" && (Ct.onLayout = Ko(Ct.onLayout, (v) => {
+      var L;
+      const _ = v.nativeEvent.layout;
+      Ee.state.layout = _, (L = O.current.group) == null || L.emit({
+        layout: _
+      }), !O.current.hasMeasured && y.untilMeasured === "hide" && Le((j) => ({
+        ...j
+      })), O.current.hasMeasured = !0;
+    })), fe = ((yr = ze.usePropsTransform) == null ? void 0 : yr.call(ze, F, Ct, O, O.current.willHydrate)) || Ct, O.current.composedRef || (O.current.composedRef = er((v) => O.current.host = v, c, cl, dr)), fe.ref = O.current.composedRef, process.env.NODE_ENV === "development" && !p && !o && Et && !r && te.Children.toArray(y.children).forEach((v) => {
+      typeof v == "string" && v !== `
+` && console.error(`Unexpected text node: ${v}. A text node cannot be a child of a <${e.componentName || u.tag || "View"}>.`, y);
+    }), process.env.NODE_ENV === "development" && I && I`events-hooks`;
+    const fr = () => {
+      me({
+        press: !1,
+        pressIn: !1
+      });
+    };
+    process.env.NODE_ENV === "development" && Et && Ae(() => {
+      if (g === "verbose") {
+        let v = function(L) {
+          const j = {};
+          for (let U = 0; U < L.length; U++) {
+            let J = L[U];
+            j[J] = L.getPropertyValue(J);
+          }
+          return j;
+        };
+        const _ = O.current.host ? v(getComputedStyle(O.current.host)) : {};
+        console.groupCollapsed(`Rendered > (opacity: ${_.opacity})`), console.warn(O.current.host), console.warn(_), console.groupEnd();
+      }
+    }), Ae(() => {
+      if (H.unmounted === !0 && de) {
+        me({
+          unmounted: "should-enter"
+        });
+        return;
+      }
+      if (H.unmounted) {
+        if (Ue === "css") {
+          let v = !1;
+          return requestAnimationFrame(() => {
+            v || requestAnimationFrame(() => {
+              v || me({
+                unmounted: !1
+              });
+            });
+          }), () => {
+            v = !0;
+          };
+        }
+        me({
+          unmounted: !1
+        });
+      }
+      return () => {
+        var v, _;
+        vt.delete(Le), (_ = (v = O.current).mediaEmitCleanup) == null || _.call(v);
+      };
+    }, [H.unmounted, Ue]), Ae(() => {
+      if (!k && !(!Qe && !ee) && _e) return ul({
+        groupContext: _e,
+        setStateShallow: me,
+        mediaGroups: ee,
+        pseudoGroups: Qe
+      });
+    }, [_e, k, Qe ? ho(Qe) : 0, ee ? ho(ee) : 0]);
+    const kn = O.current.group;
+    Ae(() => {
+      !Ee || !kn || i(Ee, kn, H);
+    }, [Ee, kn, H]);
+    const At = !k && ve && (re == null ? void 0 : re.pressStyle), Ln = !k && ve && (re == null ? void 0 : re.focusStyle), mr = !k && ve && (re == null ? void 0 : re.focusVisibleStyle), Bn = !!(At || Ln || mr || je || ft || S.setParentFocusState), tn = !!(W && H.hasDynGroupChildren), Ke = !!(tn || At || ce || q || z || We || Me || pe || en || re != null && re.focusVisibleStyle), Wn = !k && ve && (re == null ? void 0 : re.hoverStyle), nn = !!(tn || Wn), on = !!(tn || nn || be || Ce), jn = !k && !y.asChild && !!(Bn || Ke || on || At || Wn || Ln), zn = !!(tn || At);
+    process.env.NODE_ENV === "development" && I && I`events-setup`, process.env.NODE_ENV === "development" && g === "verbose" && G("🪩 events()", {
+      runtimeFocusStyle: Ln,
+      runtimePressStyle: At,
+      runtimeHoverStyle: Wn,
+      runtimeFocusVisibleStyle: mr,
+      attachPress: Ke,
+      attachFocus: Bn,
+      attachHover: on,
+      shouldAttach: jn,
+      needsHoverState: nn,
+      pseudos: re
+    });
+    const mt = jn ? {
+      onPressOut: Ke ? (v) => {
+        fr(), q == null || q(v), Me == null || Me(v);
+      } : void 0,
+      ...(on || Ke) && {
+        onMouseEnter: (v) => {
+          const _ = {};
+          nn && !Io.value && (_.hover = !0), zn && H.pressIn && (_.press = !0), me(_), ge == null || ge(v), be == null || be(v);
+        },
+        onMouseLeave: (v) => {
+          const _ = {};
+          nn && (_.hover = !1), zn && (_.press = !1, _.pressIn = !1), me(_), Pe == null || Pe(v), Ce == null || Ce(v);
+        }
+      },
+      onPressIn: Ke ? (v) => {
+        zn && me({
+          press: !0,
+          pressIn: !0
+        }), z == null || z(v), We == null || We(v), vt.add(Le);
+      } : void 0,
+      onPress: Ke ? (v) => {
+        fr(), en == null || en(v), ce == null || ce(v), pe == null || pe(v);
+      } : void 0,
+      ...Bn && {
+        onFocus: (v) => {
+          const _ = {};
+          S.setParentFocusState && (_.focusWithin = !0), re != null && re.focusVisibleStyle && ot.value ? _.focusVisible = !0 : _.focus = !0, me(_), je == null || je(v);
+        },
+        onBlur: (v) => {
+          S.setParentFocusState && S.setParentFocusState({
+            focusWithin: !1
+          }), me({
+            focus: !1,
+            focusVisible: !1,
+            focusWithin: !1
+          }), ft == null || ft(v);
+        }
+      }
+    } : null;
+    if (mt && !p && Object.assign(fe, eo(mt)), process.env.NODE_ENV === "development" && I && I`events`, process.env.NODE_ENV === "development" && g === "verbose" && G("events", {
+      events: mt,
+      attachHover: on,
+      attachPress: Ke
+    }), process.env.NODE_ENV === "development" && I && I`hooks`, Ne) {
+      F = Tl;
+      {
+        const v = eo({
+          onPress: ce,
+          onPressIn: z,
+          onPressOut: q,
+          onMouseEnter: be,
+          onMouseLeave: Ce
+        }, Ne === "web" || Ne === "except-style-web");
+        Object.assign(fe, v);
+      }
+    }
+    process.env.NODE_ENV === "development" && I && I`spaced-as-child`;
+    let X;
+    if (Je) X = te.createElement(_t, {
+      style: {
+        display: "contents"
+      }
+    }, u.children);
+    else {
+      ze.useChildren && (X = ze.useChildren(F, X || $e, fe));
+      const v = typeof qe == "string";
+      if (qe && !v) {
+        const _ = _l(qe, X || $e, fe, B);
+        _ && (fe = _.viewProps, F = _.elementType);
+      }
+      X || (v && fe.render, X = te.createElement(F, fe, X || $e)), process.env.NODE_ENV === "development" && I && I`use-children`;
+    }
+    const Un = T == null ? void 0 : T.ResetPresence, Gn = !!// not when passing down to child
+    (!Ne && // not when passThrough
+    D && // not when HOC
+    !r && Un && ct && (de || E)), hr = O.current.hasEverResetPresence;
+    if (Gn && !hr && (O.current.hasEverResetPresence = !0), (Gn || hr) && Un && (X = /* @__PURE__ */ w(Un, {
+      disabled: !Gn,
+      children: X
+    })), process.env.NODE_ENV === "development" && I && I`create-element`, "focusWithinStyle" in u && (X = /* @__PURE__ */ w(un.Provider, {
+      ...S,
+      setParentFocusState: me,
+      children: X
+    })), "group" in y && (X = /* @__PURE__ */ w(Nr.Provider, {
+      value: _e,
+      children: X
+    })), !Ne && o && !N && (X = /* @__PURE__ */ w(un.Provider, {
+      ...S,
+      inText: !0,
+      children: X
+    })), process.env.NODE_ENV === "development" && I && I`group-context`, X = x || !D ? X : pi(oe, X, V, !1, O), process.env.NODE_ENV === "development" && I && I`themed-children`, p && !Ne && (X = /* @__PURE__ */ w("span", {
+      className: "_dsp_contents",
+      ...!Je && Re && mt && eo(mt),
+      children: X
+    })), h && dt) {
+      const v = dt.Provider;
+      for (const _ in b) _ in h || (h[_] = b[_]);
+      X = /* @__PURE__ */ w(v, {
+        __disableMergeDefaultValues: !0,
+        ...h,
+        children: X
+      });
+    }
+    if (process.env.NODE_ENV === "development" && I && I`context-override`, Ie && D && (X = /* @__PURE__ */ Xe(Cn, {
+      children: [X, Re ? null : Sl(Object.values(D.rulesToInsert))]
+    })), process.env.NODE_ENV === "development" && I && I`style-tags`, process.env.NODE_ENV === "development" && g && g !== "profile") {
+      const v = `render <${typeof F == "string" ? F : "Component"} /> (${m}) with props`;
+      if (St) {
+        console.groupCollapsed(v);
+        try {
+          G("viewProps", fe), G("children", X), typeof window < "u" && G({
+            propsIn: u,
+            props: y,
+            attachPress: Ke,
+            animationStyles: Pn,
+            classNames: Qt,
+            content: X,
+            elementType: F,
+            events: mt,
+            isAnimated: Y,
+            hasRuntimeMediaKeys: R,
+            isStringElement: Be,
+            mediaListeningKeys: $t,
+            pseudos: re,
+            shouldAttach: jn,
+            noClass: ve,
+            shouldListenForMedia: Q,
+            splitStyles: D,
+            splitStylesStyle: Ge,
+            state: H,
+            stateRef: O,
+            staticConfig: e,
+            styleProps: le,
+            themeState: oe,
+            viewProps: fe,
+            willBeAnimated: ct,
+            startedUnhydrated: Ie
+          });
+        } catch {
+        } finally {
+          console.groupEnd();
+        }
+      } else {
+        G(v), G("state: ", H), To && G("viewProps", fe), G("final styles:");
+        for (const _ in Ge) G(_, Ge[_]);
+      }
+    }
+    return process.env.NODE_ENV === "development" && I && (I`rest`, globalThis.willPrint || (globalThis.willPrint = !0, setTimeout(() => {
+      delete globalThis.willPrint, I.print(), I = null;
+    }, 50))), X;
+  });
+  function i(u, c, m) {
+    if (!u || !c) return;
+    const f = {
+      ...u.state,
+      pseudo: m
+    };
+    c.emit(f), u.state = f;
+  }
+  e.componentName && (s.displayName = e.componentName);
+  let a = s;
+  a = te.memo(a), a.staticConfig = e;
+  function l(u) {
+    return {
+      ...e,
+      ...u,
+      neverFlatten: !0,
+      isHOC: !0,
+      isStyledHOC: !1
+    };
+  }
+  function d(u, c) {
+    let m = typeof u == "function" && u.length === 1 ? u : te.forwardRef(u);
+    const f = l(c == null ? void 0 : c.staticConfig);
+    return m = c != null && c.disableTheme ? m : yl(m, f, !0), (f.memo || process.env.TAMAGUI_MEMOIZE_STYLEABLE) && (m = te.memo(m)), m.staticConfig = f, m.styleable = d, m;
+  }
+  return a.styleable = d, a;
+}
+const es = (e) => typeof e == "number" ? e : typeof e == "string" ? +e.replace("px", "") : 0, _l = (e, t, n, o) => {
+  if (typeof e == "function" && (e = e(n, o)), e && typeof e == "object" && te.isValidElement(e) && e) {
+    const r = e.props, s = r ? al(r, n, t) : n;
+    return {
+      elementType: e.type,
+      viewProps: s
+    };
+  }
+}, Fo = (e) => {
+  process.env.TAMAGUI_DID_OUTPUT_CSS || hn.set(En(e), e);
+}, Vo = (e, t = !1) => process.env.TAMAGUI_DID_OUTPUT_CSS ? "" : `--${process.env.TAMAGUI_CSS_VARIABLE_PREFIX || ""}${Ks(e.name, !1)}:${!t && typeof e.val == "number" ? `${e.val}px` : e.val}`, hn = /* @__PURE__ */ new Map();
+let $l = 0;
+const Mo = [], Cl = (e) => {
+  if (hn.has(e)) return hn.get(e);
+  const t = `t${$l++}`, n = `var(--${t})`, o = {
+    val: e,
+    name: t,
+    variable: n
+  };
+  return hn.set(e, o), Mo.push(o), o;
+};
+let Al = 1e4;
+const ao = /* @__PURE__ */ new Map(), Ol = (e) => {
+  if (ao.has(e)) return ao.get(e);
+  const t = `t${Al++}`, n = `var(--${t})`, o = {
+    val: e,
+    name: t,
+    variable: n
+  };
+  return ao.set(e, o), o;
+}, Rl = ["dark", "light"], Il = ["light", "dark"];
+function Fl(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 = `.${Es}`;
+    let l = "";
+    const d = e.useMutatedVariables ? Ol : Cl;
+    for (const h in r) {
+      const S = r[h], N = d(S.val).variable;
+      l += `--${process.env.TAMAGUI_CSS_VARIABLE_PREFIX || ""}${wt(h, 40)}:${N};`;
+    }
+    const u = o === "dark", c = o === "light", m = s.map((h) => `${a}${h}`), f = new Set(u || c ? m : []);
+    if (i) for (const h of s) {
+      const S = u || h.startsWith("dark_"), N = !S && (c || h.startsWith("light_"));
+      if (!(S || N)) {
+        f.add(`${a}${h}`);
+        continue;
+      }
+      const y = `${a}${h.replace(/^(dark|light)_/, "")}`, $ = S ? Rl : Il, [M, K] = $, C = Math.round(2 * 1.5);
+      for (let A = 0; A < C; A++) {
+        const T = A % 2 === 1;
+        if (T && A < 3) continue;
+        const P = new Array(A + 1).fill(0).map((de, Y) => `${a}${Y % 2 === 0 ? M : K}`);
+        let B = P.length > 1 ? P.slice(1) : P;
+        if (T) {
+          const [de, Y, ...he] = B;
+          B = [Y, ...he, Y];
+        }
+        const k = B[B.length - 1], W = y === k ? "" : y, ae = B.join(" ");
+        f.add(`${ae} ${W}`);
+      }
+    }
+    const p = [...f].sort(ci), g = `${p.map((h) => {
+      const S = we("addThemeClassName");
+      return Vl(h) && (S === "html" || S === "body") ? `${S === "body" ? "body" : ":root"}${h}` : `:root ${h}`;
+    }).join(", ") + ", .tm_xxt"} {${l}}`;
+    if (t.push(g), we("shouldAddPrefersColorThemes")) {
+      const h = o.startsWith("dark"), S = h ? "dark" : "light", N = p.map((C) => {
+        if (C == Do || C === Po) return ":root";
+        if (!(h && C.startsWith(Po) || !h && C.startsWith(Do))) return C.replace(/^\.t_(dark|light) /, "").trim();
+      }).filter(Boolean).join(", "), y = !o.includes("_");
+      let $ = "";
+      if (y) {
+        const C = r.background ? `background:${Nt(r.background)};` : "", A = r.color ? `color:${Nt(r.color)}` : "";
+        $ = C || A ? `body{${C}${A}}
+    ` : "";
+      }
+      const M = `${N} {${l}}`, K = `@media(prefers-color-scheme:${S}){
+    ${$}${M}
+  }`;
+      t.push(K);
+    }
+    const b = we("selectionStyles");
+    if (b) {
+      const h = b(r);
+      if (h) {
+        const S = m.map((y) => `${y} ::selection`).join(", "), N = Object.entries(h).flatMap(([y, $]) => $ ? `${y === "backgroundColor" ? "background" : y}:${Nt($)}` : []).join(";");
+        if (N) {
+          const y = `${S}{${N}}`;
+          t.push(y);
+        }
+      }
+    }
+    return t;
+  }
+  return [];
+}
+const Do = ".t_dark", Po = ".t_light", Vl = (e) => e === Do || e === Po || e.startsWith(".t_dark ") || e.startsWith(".t_light "), bi = {};
+function Ml(e) {
+  for (const {
+    names: n,
+    theme: o
+  } of e) for (const r of n) bi[r] = o;
+  const t = {};
+  for (const {
+    names: n,
+    theme: o
+  } of e) for (const r of n) {
+    const s = Dl(r, o);
+    t[r] = s;
+  }
+  return t;
+}
+function Dl(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, bi[s]);
+  return Object.assign(n, t), n;
+}
+function Pl(e, t) {
+  const n = e[t];
+  Te(n) ? n.name !== t && (e[t] = Gt({
+    key: n.name,
+    name: t,
+    val: n.val
+  })) : e[t] = Gt({
+    key: t,
+    name: t,
+    val: n
+  });
+}
+const ts = /* @__PURE__ */ new WeakMap(), wn = (e, t = "", n = !1) => {
+  if (ts.has(e)) return e;
+  const o = {};
+  for (let r in e) {
+    const s = e[r], i = r[0] === "$", a = i ? r : `$${r}`, l = i ? a.slice(1) : r;
+    if (Te(s)) {
+      o[l] = s;
+      continue;
+    }
+    const d = wt(l, 1e3), u = t && t !== "t-color" ? `${t}-${d}` : `c-${d}`;
+    if (s && typeof s == "object" && "needsPx" in s && "val" in s) {
+      const m = Gt({
+        val: s.val,
+        name: u,
+        key: a
+      });
+      m.needsPx = s.needsPx, o[l] = m;
+      continue;
+    }
+    if (s && typeof s == "object") {
+      o[l] = wn(
+        e[l],
+        u,
+        !1
+        /* note: don't pass isFont down, we want to avoid it past the first level */
+      );
+      continue;
+    }
+    const c = Te(s) ? s : Gt({
+      val: s,
+      name: u,
+      key: a
+    });
+    o[l] = c;
+  }
+  return ts.set(o, !0), o;
+}, bt = (e) => {
+  console.warn(`No animation driver configured. To use ${e}, you must pass \`animations\` to createTamagui. See: https://tamagui.dev/docs/core/animations`);
+}, kl = () => ({
+  isReactNative: !1,
+  inputStyle: "css",
+  outputStyle: "css",
+  isStub: !0,
+  animations: {},
+  useAnimations: () => bt("animations"),
+  usePresence: () => bt("usePresence"),
+  ResetPresence: () => bt("ResetPresence"),
+  useAnimatedNumber: () => bt("useAnimatedNumber"),
+  useAnimatedNumberStyle: () => bt("useAnimatedNumberStyle"),
+  useAnimatedNumberReaction: () => bt("useAnimatedNumberReaction")
+}), Ll = kl();
+function Bl(e, t = "$true") {
+  const n = ["font-family: var(--f-family)"], o = (l) => {
+    const d = l == null ? void 0 : l[t];
+    if (Te(d)) return ga(d);
+  }, r = o(e.letterSpacing);
+  r && n.push(`letter-spacing: ${r}`);
+  const s = o(e.lineHeight);
+  s && n.push(`line-height: ${s}`);
+  const i = o(e.style);
+  i && n.push(`font-style: ${i}`);
+  const a = o(e.weight);
+  return a && n.push(`font-weight: ${a}`), n;
+}
+function Wl(e, t) {
+  if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
+    const n = [], o = Object.keys(e).sort();
+    for (const r of o) {
+      const s = Object.keys(e[r]).sort();
+      for (const i of s) {
+        const a = e[r][i];
+        {
+          Fo(a);
+          const l = a.needsPx === !0, d = t(r), u = !(l || d);
+          n.push(Vo(a, u));
+        }
+      }
+    }
+    return n;
+  }
+  return [];
+}
+function jl(e, t) {
+  if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
+    const n = {};
+    if (!e) return n;
+    const o = Object.keys(e).sort();
+    for (const r of o) {
+      const s = e[r], [i, a] = r.includes("_") ? r.split("_") : [r], l = t(s);
+      n[r] = {
+        name: i.slice(1),
+        declarations: l,
+        language: a,
+        fontParsed: s
+      };
+    }
+    return n;
+  }
+  return {};
+}
+function zl(e, t, n = "$true") {
+  if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
+    let o = function(a, l = "") {
+      return `:root${l} { ${[...a].join("; ")}
+}`;
+    };
+    const r = [];
+    e.length && r.push(o(e));
+    const s = [], i = Object.keys(t).sort();
+    for (const a of i) {
+      const {
+        name: l,
+        declarations: d,
+        language: u = "default"
+      } = t[a], c = `.font_${l}`;
+      s.push(c);
+      const m = `:root .t_lang-${l}-${u} ${c}`, f = u === "default" ? ` ${c}, ${m}` : m, p = o(d, f);
+      r.push(p);
+    }
+    if (s.length) {
+      const a = t[i[0]];
+      if (a != null && a.fontParsed) {
+        const l = Bl(a.fontParsed, n), d = [...s, ".is_View"].join(", ");
+        r.push(`${d} {${l.join("; ")}}`);
+      }
+    }
+    return r;
+  }
+  return [];
+}
+function Ul(e, t) {
+  if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
+    let n = [];
+    for (const {
+      names: o,
+      theme: r
+    } of e) {
+      const s = Fl({
+        config: t,
+        themeName: o[0],
+        names: o,
+        theme: r
+      });
+      n = [...n, ...s];
+    }
+    return n;
+  }
+  return [];
+}
+function Gl(e, t = {}, n) {
+  if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
+    const {
+      separator: o = `
+`,
+      sinceLastCall: r,
+      exclude: s
+    } = t;
+    if (r && n.value >= 0) {
+      const l = Ao(), d = l.slice(n.value);
+      return n.value = l.length, d.join(o);
+    }
+    n.value = 0;
+    const i = Ao().join(o);
+    if (s === "design-system") return i;
+    const a = s ? "" : e.getThemeRulesSets().join(o);
+    return `${`._ovs-contain {overscroll-behavior:contain;}
+.is_View { display: flex; align-items: stretch; flex-direction: column; flex-basis: auto; box-sizing: border-box; min-height: 0; min-width: 0; flex-shrink: 0; }
+.is_Text { display: inline; box-sizing: border-box; word-wrap: break-word; white-space: pre-wrap; margin: 0; }
+@scope (.is_Text) to (.is_View) { .is_Text { white-space: inherit; word-wrap: inherit; } }
+._dsp_contents {display:contents;}
+._no_backdrop::backdrop {display: none;}
+.is_Input::selection, .is_TextArea::selection {background-color: var(--selectionColor);}
+.is_Input::placeholder, .is_TextArea::placeholder {color: var(--placeholderColor);}
+:root ._pe-boxonly>* {pointer-events:none;}
+:root ._pe-boxnone>* {pointer-events:auto;}
+._hsb-x::-webkit-scrollbar:horizontal { display: none !important; }
+._hsb-y::-webkit-scrollbar:vertical { display: none !important; }
+._hsb-x { scrollbar-width: none !important; }
+._hsb-y { scrollbar-width: none !important; }
+${Mo.length ? `:root{${Mo.map((l) => `--${l.name}:${l.val}`).join(";")}}` : ""}
+${e.cssRuleSets.join(o)}`}
+${a}
+${i}`;
+  }
+  return "";
+}
+function Kl(e) {
+  var n;
+  const t = {};
+  for (const o in e) {
+    const r = e[o];
+    if (o === "family" || o === "face") t[o] = r;
+    else {
+      t[o] = {};
+      for (const s in r) {
+        let i = r[s];
+        ((n = i.val) == null ? void 0 : n[0]) === "$" && (i = i.val), t[o][`$${s}`] = i;
+      }
+    }
+  }
+  return t;
+}
+function Hl(e) {
+  if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
+    const t = [];
+    for (const n in e) if (n !== "face") {
+      if (n === "family") {
+        const o = e[n];
+        Fo(o), t.push(Vo(o));
+      } else for (const o in e[n]) if (typeof e[n][o] != "string") {
+        const r = e[n][o];
+        Fo(r), t.push(Vo(r));
+      }
+    }
+    return t;
+  }
+  return [];
+}
+const Xl = (() => {
+  if (process.env.NODE_ENV === "development") {
+    class e {
+      constructor() {
+        vr(this, "Helpers", ma);
+      }
+      get mediaState() {
+        return {
+          ...Rn
+        };
+      }
+      get config() {
+        return De();
+      }
+      get insertedRules() {
+        return Ao();
+      }
+      get allSelectors() {
+        return Fa();
+      }
+      get identifierToValue() {
+        return Yl;
+      }
+    }
+    return new e();
+  }
+})(), Yl = /* @__PURE__ */ new Map();
+function Zl(e) {
+  return (/* @__PURE__ */ new Set(["size", "space", "radius"])).has(e);
+}
+function ql(e) {
+  var M, K, C;
+  const t = xs();
+  t && (e = {
+    ...t,
+    ...e
+  });
+  const n = {}, o = wn(e.tokens || {});
+  if (e.tokens) {
+    const A = {};
+    for (const T in o) {
+      n[T] = {}, A[T] = {};
+      const P = o[T];
+      for (const B in P) {
+        const k = P[B], W = `$${B}`;
+        n[T][W] = k, A[T][W] = k, A[T][B] = k;
+      }
+    }
+  }
+  let r;
+  if (e.themes) {
+    const A = Object.keys(e.themes).length === 0;
+    A && !process.env.TAMAGUI_DID_OUTPUT_CSS && (r = Va(A, n));
+  }
+  let s = null, i;
+  if (e.fonts) {
+    const A = Object.fromEntries(Object.entries(e.fonts).map(([T, P]) => [T, wn(P, "f", !0)]));
+    i = (() => {
+      const T = {};
+      for (const P in A) {
+        const B = A[P], k = Kl(B);
+        T[`$${P}`] = k, !s && k.size && (s = new Set(Object.keys(k.size)));
+      }
+      return T;
+    })();
+  }
+  const a = {}, l = (() => {
+    const A = Object.keys(o).sort();
+    for (const ae of A) {
+      const de = Object.keys(o[ae]).sort();
+      for (const Y of de) {
+        const he = o[ae][Y];
+        if (a[`$${ae}.${Y}`] = he, process.env.NODE_ENV === "development" && typeof he > "u") throw new Error(`No value for tokens.${ae}.${Y}:
+${JSON.stringify(he, null, 2)}`);
+      }
+    }
+    const T = Wl(o, Zl), P = jl(i, Hl), B = zl(T, P), k = e.themes, W = r ?? Jl(k, o.color);
+    return {
+      themes: Ml(W),
+      cssRuleSets: B,
+      getThemeRulesSets() {
+        return Ul(W, e);
+      }
+    };
+  })(), d = e.shorthands || {}, u = {
+    ...Ql,
+    ...d
+  }, c = {
+    value: -1
+  }, m = (A = {}) => Gl(l, A, c), f = (A) => m({
+    ...A,
+    sinceLastCall: !0
+  }), p = (M = e.settings) == null ? void 0 : M.defaultFont, g = (() => {
+    let A = p;
+    return (A == null ? void 0 : A[0]) === "$" && (A = A.slice(1)), A;
+  })(), b = ((K = e.settings) == null ? void 0 : K.defaultPosition) || "static", h = e.defaultProps || {};
+  b !== "static" && (h.View = {
+    ...h.View,
+    position: b
+  });
+  const S = g ? `$${g}` : "", N = e.animations, y = Nn(N), $ = {
+    fonts: {},
+    onlyAllowShorthands: !1,
+    fontLanguages: [],
+    media: {},
+    ...e,
+    // normalized animations (resolved from multi-driver format if needed)
+    animations: y ?? N ?? Ll,
+    animationDrivers: y !== null && y !== N ? N : void 0,
+    defaultProps: h,
+    settings: {
+      webContainerType: "inline-size",
+      ...e.settings
+    },
+    tokens: o,
+    // vite made this into a function if it wasn't set
+    shorthands: u,
+    userShorthands: d,
+    inverseShorthands: u ? Object.fromEntries(Object.entries(u).map(([A, T]) => [T, A])) : {},
+    themes: l.themes,
+    fontsParsed: i || {},
+    themeConfig: l,
+    tokensParsed: n,
+    parsed: !0,
+    getNewCSS: f,
+    getCSS: m,
+    defaultFont: g,
+    fontSizeTokens: s || /* @__PURE__ */ new Set(),
+    specificTokens: a,
+    defaultFontToken: S
+    // const tokens = [...getToken(tokens.size[0])]
+    // .spacer-sm + ._dsp_contents._dsp-sm-hidden { margin-left: -var(--${}) }
+  };
+  return Di($), Yi($), process.env.NODE_ENV === "development" && ((C = process.env.DEBUG) != null && C.startsWith("tamagui") && console.info("Tamagui config:", $), globalThis.Tamagui || (globalThis.Tamagui = Xl)), $;
+}
+function Jl(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);
+    if (o.has(l)) {
+      o.get(l).names.push(s);
+      continue;
+    }
+    const d = {
+      ...t,
+      ...a
+    };
+    for (const c in d) Pl(d, c);
+    const u = {
+      names: [s],
+      theme: d
+    };
+    n.push(u), o.set(l, u);
+  }
+  return n;
+}
+const Ql = {
+  bblr: "borderBottomLeftRadius",
+  bbrr: "borderBottomRightRadius",
+  bbs: "borderBottomStyle",
+  bls: "borderLeftStyle",
+  brc: "borderRightColor",
+  brs: "borderRightStyle",
+  brw: "borderRightWidth",
+  bs: "borderStyle",
+  btc: "borderTopColor",
+  btlr: "borderTopLeftRadius",
+  btrr: "borderTopRightRadius",
+  bts: "borderTopStyle",
+  btw: "borderTopWidth",
+  bw: "borderWidth",
+  bxs: "boxSizing",
+  bxsh: "boxShadow",
+  col: "color",
+  cur: "cursor",
+  dsp: "display",
+  fb: "flexBasis",
+  fd: "flexDirection",
+  ff: "fontFamily",
+  fs: "fontSize",
+  fst: "fontStyle",
+  fw: "fontWeight",
+  fwr: "flexWrap",
+  // height: 'h',
+  lh: "lineHeight",
+  ls: "letterSpacing",
+  o: "opacity",
+  ov: "overflow",
+  ox: "overflowX",
+  oy: "overflowY",
+  pe: "pointerEvents",
+  pos: "position",
+  td: "textDecorationLine",
+  tr: "transform",
+  tt: "textTransform",
+  va: "verticalAlign",
+  wb: "wordBreak",
+  // width: 'w',
+  ws: "whiteSpace",
+  ww: "wordWrap"
+};
+function ec(e) {
+  return wn(e, process.env.TAMAGUI_TOKEN_PREFIX ?? "t");
+}
+const tc = gi({
+  acceptsClassName: !0,
+  validStyles: Fn
+});
+let lo = "";
+function nc({
+  children: e,
+  theme: t,
+  isRootRoot: n,
+  passThrough: o,
+  style: r
+}) {
+  const [s, i] = te.useState(!n);
+  if (te.useEffect(() => {
+    s || i(!0);
+  }, []), !lo) {
+    const l = De().defaultFont;
+    l && (lo = `font_${l}`);
+  }
+  const a = /* @__PURE__ */ w("span", {
+    style: r,
+    className: `_dsp_contents ${s ? "" : "t_unmounted"} ${lo}`,
+    children: e
+  });
+  return n ? a : /* @__PURE__ */ w(Zt, {
+    passThrough: o,
+    contain: !0,
+    forceClassName: !0,
+    name: t,
+    children: a
+  });
+}
+const oc = (e) => {
+  "use no memo";
+  const t = we("addThemeClassName");
+  Ae(() => {
+    if (t === !1) return;
+    const o = `${Es}${e.defaultTheme}`, r = we("addThemeClassName") === "html" ? document.documentElement : document.body;
+    return r.classList.add(o), () => {
+      r.classList.remove(o);
+    };
+  }, [e.defaultTheme, t]);
+  const n = t === void 0;
+  return /* @__PURE__ */ w(Zt, {
+    className: e.className,
+    name: e.defaultTheme,
+    forceClassName: n,
+    _isRoot: ms,
+    children: e.children
+  });
+};
+function rc({
+  children: e,
+  disableInjectCSS: t,
+  config: n,
+  className: o,
+  defaultTheme: r,
+  reset: s,
+  insets: i
+}) {
+  Ae(() => {
+    La(), Os();
+  }, []);
+  const a = te.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 = te.useMemo(() => Nn(n == null ? void 0 : n.animations), [n == null ? void 0 : n.animations]);
+  Tt(() => {
+    var u;
+    (u = l == null ? void 0 : l.onMount) == null || u.call(l);
+  }, []);
+  let d = /* @__PURE__ */ w(un.Provider, {
+    animationDriver: l,
+    insets: a,
+    children: /* @__PURE__ */ w(oc, {
+      defaultTheme: r,
+      reset: s,
+      className: o,
+      children: /* @__PURE__ */ w(nc, {
+        theme: r,
+        isRootRoot: !0,
+        children: e
+      })
+    })
+  });
+  return we("disableSSR") && (d = /* @__PURE__ */ w(dl, {
+    enabled: !0,
+    children: d
+  })), /* @__PURE__ */ Xe(Cn, {
+    children: [d, n && !t && /* @__PURE__ */ w("style", {
+      precedence: "default",
+      href: "tamagui-css",
+      children: n.getCSS()
+    }, "tamagui-css")]
+  });
+}
+const ns = {
+  maxWidth: "100%",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+}, sc = gi({
+  componentName: "Text",
+  acceptsClassName: !0,
+  isText: !0,
+  defaultProps: void 0,
+  inlineWhenUnflattened: /* @__PURE__ */ new Set(["fontFamily"]),
+  variants: {
+    numberOfLines: {
+      1: ns,
+      ":number": (e) => e >= 1 ? {
+        WebkitLineClamp: e,
+        WebkitBoxOrient: "vertical",
+        display: "-webkit-box",
+        overflow: "hidden"
+      } : null
+    },
+    ellipsis: {
+      true: ns
+    }
+  },
+  validStyles: {
+    ...Fn,
+    ...qo
+  }
+}), _n = /* @__PURE__ */ new WeakMap(), ar = /* @__PURE__ */ new WeakMap(), Wt = /* @__PURE__ */ new Set(), xt = /* @__PURE__ */ new WeakMap(), ic = () => globalThis.__TAMAGUI_ONLAYOUT_PRETRANSFORM === !0 || process.env.TAMAGUI_ONLAYOUT_PRETRANSFORM === "1";
+let co;
+function ko() {
+  return co === void 0 && (co = typeof window < "u" && new URLSearchParams(window.location.search).has("__tamaDebugLayout")), co;
+}
+const ac = {}, lc = Xt(""), yi = typeof IntersectionObserver < "u";
+let He = null, cc = "async";
+const st = /* @__PURE__ */ new WeakMap();
+let Lo = !0;
+const pn = /* @__PURE__ */ new Map();
+function uc() {
+  Lo && (Lo = !1, pn && (pn.forEach((e) => e()), pn.clear()));
+}
+function os() {
+  !yi || He || (He = new IntersectionObserver((e) => {
+    for (let t = 0; t < e.length; t++) {
+      const n = e[t], o = n.target;
+      xt.get(o) !== n.isIntersecting && xt.set(o, n.isIntersecting);
+    }
+  }, {
+    threshold: 0
+  }));
+}
+function rs(e, t) {
+  return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
+}
+if (yi) {
+  let e = function() {
+    return n || (n = new IntersectionObserver((p) => {
+      s = Math.round(performance.now() - r);
+      for (let g = 0; g < p.length; g++) t.set(p[g].target, p[g].boundingClientRect);
+      process.env.NODE_ENV === "development" && ko() && s > 50 && console.warn("[onLayout-io-delay]", s + "ms", p.length, "entries"), o && (o(!0), o = null);
+    }, {
+      threshold: 0
+    }), n);
+  };
+  const t = /* @__PURE__ */ new WeakMap();
+  let n = null, o = null, r = 0, s = 0;
+  async function i(p) {
+    const g = _n.get(p);
+    if (typeof g != "function") return;
+    const b = p.parentElement;
+    if (!b) return;
+    let h, S;
+    if (h = t.get(p), S = t.get(b), !h || !S) return;
+    const N = st.get(p), y = st.get(b), $ = !N || !rs(N, h), M = !y || !rs(y, S);
+    if ($ || M) {
+      st.set(p, h), st.set(b, S);
+      const K = Bo(h, S, p);
+      process.env.NODE_ENV === "development" && ko() && console.log("[useElementLayout] change", {
+        tag: p.tagName,
+        id: p.id || void 0,
+        className: (p.className || "").slice(0, 60) || void 0,
+        layout: K.nativeEvent.layout,
+        first: !N
+      }), Lo ? pn.set(p, () => g(K)) : g(K);
+    }
+  }
+  const a = typeof requestAnimationFrame < "u" ? requestAnimationFrame : void 0, l = process.env.TAMAGUI_LAYOUT_FRAME_SKIP, d = l ? +l : 10, u = 20;
+  let c = d, m = 0;
+  async function f() {
+    if (m++ % c !== 0) {
+      a ? a(f) : setTimeout(f, 16);
+      return;
+    }
+    if (m >= Number.MAX_SAFE_INTEGER && (m = 0), cc !== "off") {
+      const p = [], g = /* @__PURE__ */ new Set();
+      for (const b of Wt) {
+        const h = b.parentElement;
+        if (!(h instanceof HTMLElement)) {
+          gn(b);
+          continue;
+        }
+        const S = ar.get(b);
+        S && ac[S] === !0 || xt.get(b) !== !1 && (p.push(b), g.add(h));
+      }
+      if (p.length > 0) {
+        const b = e();
+        r = performance.now();
+        for (let h = 0; h < p.length; h++) b.observe(p[h]);
+        for (const h of g) b.observe(h);
+        await new Promise((h) => {
+          o = h;
+        });
+        for (let h = 0; h < p.length; h++) b.unobserve(p[h]);
+        for (const h of g) b.unobserve(h);
+        s > 50 ? c = Math.min(c + 2, u) : s < 20 && (c = Math.max(c - 1, d));
+        for (let h = 0; h < p.length; h++) i(p[h]);
+      }
+    }
+    a ? a(f) : setTimeout(f, 16);
+  }
+  f();
+}
+const Bo = (e, t, n) => ({
+  nativeEvent: {
+    layout: Si(e, t, n),
+    target: e
+  },
+  timeStamp: Date.now()
+}), dc = (e) => ({
+  width: e.offsetWidth,
+  height: e.offsetHeight
+}), Si = (e, t, n) => {
+  const {
+    left: o,
+    top: r
+  } = e, s = o - t.left, i = r - t.top, {
+    width: a,
+    height: l
+  } = ic() && n ? dc(n) : {
+    width: e.width,
+    height: e.height
+  };
+  return {
+    x: s,
+    y: i,
+    width: a,
+    height: l,
+    pageX: e.left,
+    pageY: e.top
+  };
+};
+function gn(e) {
+  Wt.delete(e), _n.delete(e), ar.delete(e), st.delete(e), xt.delete(e), He && He.unobserve(e);
+}
+const cn = /* @__PURE__ */ new WeakMap();
+function fc(e, t) {
+  var r;
+  const n = An(lc), o = ss((r = e.current) == null ? void 0 : r.host);
+  o && t && (_n.set(o, t), ar.set(o, n)), Ae(() => {
+    var c;
+    if (!t) return;
+    const s = ss((c = e.current) == null ? void 0 : c.host), i = cn.get(e);
+    if (s === i || (i && gn(i), cn.set(e, s), !s)) return;
+    Wt.add(s), os(), He && (He.observe(s), xt.set(s, !0));
+    const a = _n.get(s);
+    if (typeof a != "function") return;
+    const l = s.parentElement;
+    if (!l) return;
+    const d = s.getBoundingClientRect(), u = l.getBoundingClientRect();
+    st.set(s, d), st.set(l, u), a(Bo(d, u, s));
+  }), Ae(() => {
+    var a;
+    if (!t) return;
+    const s = (a = e.current) == null ? void 0 : a.host;
+    if (!s) return;
+    Wt.add(s), os(), He && (He.observe(s), xt.set(s, !0)), process.env.NODE_ENV === "development" && ko() && console.log("[useElementLayout] register", {
+      tag: s.tagName,
+      id: s.id || void 0,
+      className: (s.className || "").slice(0, 60) || void 0,
+      totalNodes: Wt.size
+    });
+    const i = s.parentNode;
+    return i && t(Bo(s.getBoundingClientRect(), i.getBoundingClientRect(), s)), () => {
+      gn(s);
+      const l = cn.get(e);
+      l && l !== s && gn(l), cn.delete(e);
+    };
+  }, [e, !!t]);
+}
+function ss(e) {
+  if (!(typeof HTMLElement > "u")) return e instanceof HTMLElement ? e : void 0;
+}
+const is = (e) => new Promise((t) => {
+  if (!e || e.nodeType !== 1) return t(!1);
+  const n = new IntersectionObserver((o) => (n.disconnect(), t(o[0].boundingClientRect)), {
+    threshold: 0
+  });
+  n.observe(e);
+}), lr = async (e, t) => {
+  const n = t || (e == null ? void 0 : e.parentElement);
+  if (n instanceof HTMLElement) {
+    const [o, r] = await Promise.all([is(e), is(n)]);
+    if (r && o) return Si(o, r, e);
+  }
+  return null;
+}, mc = async (e, t) => {
+  const n = await lr(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 hc(e) {
+  return (t) => mc(e, t);
+}
+const pc = async (e, t) => {
+  const n = await lr(e, null);
+  return n && (t == null || t(n.pageX, n.pageY, n.width, n.height)), n;
+}, gc = (e) => (t) => pc(e, t), bc = async (e, t, n) => {
+  const o = await lr(e, t);
+  return o && (n == null || n(o.x, o.y, o.width, o.height, o.pageX, o.pageY)), o;
+};
+function yc(e) {
+  return (t, n) => bc(e, t, n);
+}
+function Sc() {
+  return null;
+}
+const vc = (e) => (Ae(() => {
+  uc();
+}, []), /* @__PURE__ */ w(rc, {
+  ...e
+})), Ec = (e) => ql(e);
+ll({
+  getBaseViews: Sc,
+  setElementProps: (e) => {
+    e && !e.measure && (e.measure || (e.measure = hc(e)), e.measureInWindow || (e.measureInWindow = gc(e)), e.measureLayout || (e.measureLayout = yc(e)));
+  },
+  usePropsTransform(e, t, n, o) {
+    {
+      const r = typeof e == "string", {
+        // remove event props handles by useResponderEvents
+        onMoveShouldSetResponder: s,
+        onMoveShouldSetResponderCapture: i,
+        onResponderEnd: a,
+        onResponderGrant: l,
+        onResponderMove: d,
+        onResponderReject: u,
+        onResponderRelease: c,
+        onResponderStart: m,
+        onResponderTerminate: f,
+        onResponderTerminationRequest: p,
+        onScrollShouldSetResponder: g,
+        onScrollShouldSetResponderCapture: b,
+        onSelectionChangeShouldSetResponder: h,
+        onSelectionChangeShouldSetResponderCapture: S,
+        onStartShouldSetResponder: N,
+        onStartShouldSetResponderCapture: y,
+        // android
+        collapsable: $,
+        focusable: M,
+        // deprecated,
+        accessible: K,
+        accessibilityDisabled: C,
+        onLayout: A,
+        hrefAttrs: T,
+        ...P
+      } = t;
+      if ((o || r) && fc(n, r ? A : void 0), r) {
+        if (P.href && T) {
+          const {
+            download: B,
+            rel: k,
+            target: W
+          } = T;
+          B != null && (P.download = B), k && (P.rel = k), typeof W == "string" && (P.target = W.charAt(0) !== "_" ? `_${W}` : W);
+        }
+        return P;
+      }
+    }
+  }
+});
+const Nc = tc, Tc = sc, xc = { 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" } }, wc = { 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)" }, 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)" } }, $n = {
+  brand: xc,
+  semantic: wc
+}, _c = { sans: "'Google Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif", mono: "'JetBrains Mono', 'Fira Code', monospace" }, $c = { xs: "0.75rem", sm: "0.875rem", base: "0.875rem", md: "1rem", lg: "1.125rem", xl: "1.375rem", "2xl": "1.75rem", "3xl": "2rem" }, Cc = { normal: 400, medium: 500, semibold: 600, bold: 700 }, Ac = { tight: 1.3, normal: 1.5, relaxed: 1.6 }, Oc = {
+  fontFamily: _c,
+  fontSize: $c,
+  fontWeight: Cc,
+  lineHeight: Ac
+}, Rc = { xs: "0.25rem", sm: "0.5rem", md: "1rem", lg: "1.5rem", xl: "2rem", "2xl": "3rem" }, Ic = { sm: "4px", md: "6px", lg: "8px", xl: "12px", full: "9999px" }, Fc = { 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)" }, as = {
+  spacing: Rc,
+  borderRadius: Ic,
+  shadow: Fc
+};
+function Vc() {
+  const e = $n.brand.violet, t = $n.brand.navy;
+  return {
+    violet50: e[50],
+    violet100: e[100],
+    violet200: e[200],
+    violet300: e[300],
+    violet400: e[400],
+    violet500: e[500],
+    violet600: e[600],
+    violet700: e[700],
+    violet800: e[800],
+    violet900: e[900],
+    navy50: t[50],
+    navy100: t[100],
+    navy200: t[200],
+    navy300: t[300],
+    navy400: t[400],
+    navy500: t[500],
+    navy600: t[600],
+    navy700: t[700],
+    navy800: t[800],
+    navy900: t[900],
+    white: "#ffffff",
+    black: "#000000"
+  };
+}
+function Mc() {
+  const e = Oc.fontSize;
+  return {
+    xs: e.xs,
+    sm: e.sm,
+    md: e.md,
+    lg: e.lg,
+    xl: e.xl,
+    xxl: e["2xl"]
+  };
+}
+function ls(e) {
+  const t = $n.semantic[e];
+  return {
+    background: t.bg,
+    color: t.text,
+    borderColor: t.border,
+    placeholderColor: t.textMuted,
+    primary: t.primary,
+    secondary: $n.brand.navy[900],
+    success: t.success,
+    warning: t.warning,
+    error: t.error
+  };
+}
+function Dc() {
+  return {
+    tokens: {
+      color: Vc(),
+      space: as.spacing,
+      size: Mc(),
+      radius: as.borderRadius,
+      zIndex: {
+        base: 0,
+        dropdown: 100,
+        modal: 1200,
+        toast: 1400
+      }
+    },
+    themes: {
+      light: ls("light"),
+      dark: ls("dark")
+    }
+  };
+}
+const yt = Dc(), Pc = ec({
+  color: yt.tokens.color,
+  space: yt.tokens.space,
+  size: yt.tokens.size,
+  radius: yt.tokens.radius,
+  zIndex: yt.tokens.zIndex
+}), kc = Ec({
+  tokens: Pc,
+  themes: yt.themes,
+  defaultTheme: "light"
+});
+function Qc({ children: e }) {
+  const { theme: t } = gs();
+  return /* @__PURE__ */ w(
+    vc,
+    {
+      config: kc,
+      defaultTheme: t,
+      disableInjectCSS: !0,
+      children: e
+    }
+  );
+}
+const uo = {
+  draft: { bg: "#e0e0e0", text: "#333" },
+  pending: { bg: "#fff3cd", text: "#856404" },
+  submitted: { bg: "#cce5ff", text: "#004085" },
+  approved: { bg: "#d4edda", text: "#155724" },
+  rejected: { bg: "#f8d7da", text: "#721c24" },
+  cancelled: { bg: "#f5f5f5", text: "#666" },
+  completed: { bg: "#d4edda", text: "#155724" },
+  on_hold: { bg: "#fff3cd", text: "#856404" },
+  default: { bg: "#e9ecef", text: "#495057" }
+};
+function Lc(e) {
+  if (!e) return uo.default;
+  const t = e.toLowerCase().replace(/\s+/g, "_");
+  return uo[t] ?? uo.default;
+}
+function eu({
+  state: e,
+  docstatus: t,
+  className: n,
+  style: o
+}) {
+  const r = e ?? (t === 0 ? "Draft" : t === 1 ? "Submitted" : t === 2 ? "Cancelled" : void 0);
+  if (!r) return null;
+  const s = Lc(r);
+  return /* @__PURE__ */ w(
+    "span",
+    {
+      className: n,
+      style: {
+        display: "inline-block",
+        padding: "0.25rem 0.75rem",
+        borderRadius: "9999px",
+        fontSize: "0.75rem",
+        fontWeight: 500,
+        textTransform: "capitalize",
+        backgroundColor: s.bg,
+        color: s.text,
+        ...o
+      },
+      children: r
+    }
+  );
+}
+const Bc = [
+  { code: "en", label: "English" },
+  { code: "hi", label: "हिन्दी" },
+  { code: "ta", label: "தமிழ்" },
+  { code: "es", label: "Español" },
+  { code: "fr", label: "Français" }
+];
+function tu({
+  language: e,
+  onChangeLanguage: t,
+  locales: n = Bc
+}) {
+  return /* @__PURE__ */ Xe("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+    /* @__PURE__ */ w(
+      "label",
+      {
+        htmlFor: "locale-select",
+        style: { fontSize: "14px", color: "var(--color-text)" },
+        children: "🌐"
+      }
+    ),
+    /* @__PURE__ */ w(
+      "select",
+      {
+        id: "locale-select",
+        value: e,
+        onChange: async (r) => {
+          await t(r.target.value);
+        },
+        style: {
+          padding: "4px 8px",
+          borderRadius: "4px",
+          border: "1px solid var(--color-border)",
+          backgroundColor: "var(--color-bg)",
+          color: "var(--color-text)",
+          cursor: "pointer",
+          fontSize: "14px"
+        },
+        children: n.map((r) => /* @__PURE__ */ w("option", { value: r.code, children: r.label }, r.code))
+      }
+    )
+  ] });
+}
+function nu({
+  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__ */ w("div", { "aria-busy": "true", "aria-label": "Loading content", children: Array.from({ length: r }, (a, l) => /* @__PURE__ */ w(
+    "div",
+    {
+      className: `skeleton ${s} ${o}`,
+      style: l === r - 1 ? { ...i, width: "60%" } : i
+    },
+    l
+  )) }) : /* @__PURE__ */ w(
+    "div",
+    {
+      className: `skeleton ${s} ${o}`,
+      style: i,
+      "aria-busy": "true",
+      "aria-label": "Loading"
+    }
+  );
+}
+const Wc = {
+  sm: "btn-sm",
+  md: "",
+  lg: "btn-lg"
+}, ou = te.forwardRef(
+  function({
+    variant: t = "default",
+    loading: n = !1,
+    size: o = "md",
+    disabled: r,
+    className: s = "",
+    children: i,
+    ...a
+  }, l) {
+    const d = [
+      "btn",
+      t !== "default" ? `btn-${t}` : "",
+      n ? "btn-loading" : "",
+      Wc[o] || "",
+      s
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ w(
+      "button",
+      {
+        ref: l,
+        className: d,
+        disabled: r || n,
+        "aria-disabled": r || n || void 0,
+        "aria-busy": n || void 0,
+        ...a,
+        children: i
+      }
+    );
+  }
+), jc = {
+  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)" }
+}, zc = {
+  success: "✓",
+  error: "✕",
+  warning: "⚠",
+  info: "ℹ"
+};
+function Uc({
+  message: e,
+  variant: t = "info",
+  duration: n = 4e3,
+  onDismiss: o
+}) {
+  return Tt(() => {
+    if (n > 0 && o) {
+      const r = setTimeout(o, n);
+      return () => clearTimeout(r);
+    }
+  }, [n, o]), /* @__PURE__ */ w(
+    "div",
+    {
+      className: `toast toast-${t}`,
+      role: "alert",
+      "aria-live": "assertive",
+      "aria-atomic": "true",
+      style: jc[t],
+      children: /* @__PURE__ */ Xe(
+        "div",
+        {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            gap: "var(--spacing-sm)"
+          },
+          children: [
+            /* @__PURE__ */ w("span", { "aria-hidden": "true", style: { fontWeight: 600 }, children: zc[t] }),
+            /* @__PURE__ */ w("span", { children: e }),
+            o && /* @__PURE__ */ w(
+              "button",
+              {
+                onClick: o,
+                "aria-label": "Dismiss notification",
+                style: {
+                  marginLeft: "auto",
+                  background: "none",
+                  border: "none",
+                  cursor: "pointer",
+                  color: "var(--color-text-muted)",
+                  fontSize: "1rem",
+                  padding: "0 var(--spacing-xs)"
+                },
+                children: "✕"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function ru({
+  toasts: e,
+  onDismiss: t
+}) {
+  return /* @__PURE__ */ w(
+    "div",
+    {
+      "aria-label": "Notifications",
+      style: {
+        position: "fixed",
+        bottom: "var(--spacing-lg)",
+        right: "var(--spacing-lg)",
+        zIndex: 60,
+        display: "flex",
+        flexDirection: "column",
+        gap: "var(--spacing-sm)",
+        pointerEvents: "none"
+      },
+      children: e.map((n) => /* @__PURE__ */ w("div", { style: { pointerEvents: "auto" }, children: /* @__PURE__ */ w(Uc, { ...n, onDismiss: () => t(n.id) }) }, n.id))
+    }
+  );
+}
+function su(e) {
+  return /* @__PURE__ */ w(Nc, { ...e });
+}
+function iu(e) {
+  return /* @__PURE__ */ w(Tc, { ...e });
+}
+export {
+  ou as Button,
+  tu as LocaleSwitcher,
+  nu as Skeleton,
+  eu as StateBadge,
+  Qc as TamaguiProvider,
+  su as TamaguiStack,
+  iu as TamaguiText,
+  qc as ThemeProvider,
+  Jc as ThemeToggle,
+  Uc as Toast,
+  ru as ToastContainer,
+  $n as colors,
+  Dc as generateTamaguiTokensAndThemes,
+  as as spacing,
+  kc as tamaguiConfig,
+  Oc as typography,
+  gs as useTheme
+};
+//# sourceMappingURL=index.js.map