@kamiui/kami 0.1.0

package/dist/index-CVNk3zin.js

@@ -0,0 +1,4163 @@
+import { jsx as o, jsxs as y, Fragment as G } from "react/jsx-runtime";
+import mt, { createContext as se, forwardRef as gt, useState as B, useRef as L, useCallback as $, useImperativeHandle as bt, useLayoutEffect as xt, useEffect as _, useContext as Z, Component as yt, useId as Ze, useMemo as he } from "react";
+import { createPortal as wt } from "react-dom";
+const Re = "cubic-bezier(0.16, 1, 0.3, 1)", q = "cubic-bezier(0.16, 1, 0.3, 1)", $e = "cubic-bezier(0.34, 1.28, 0.64, 1)", et = se(null);
+function tt() {
+  const e = Z(et);
+  if (!e) throw new Error("useNavigation must be used within <NavigationStack>");
+  return e;
+}
+const nt = se(0);
+function kt() {
+  return Z(nt);
+}
+function A(e, t, n = "none") {
+  e && (e.style.transition = n, e.style.transform = `translate3d(${t}px,0,0)`);
+}
+const St = gt(
+  function({ initialPage: t }, n) {
+    const r = window.innerWidth, [a, i] = B([
+      { id: "root", page: t }
+    ]), c = L(/* @__PURE__ */ new Map()), s = L(null), d = L(a);
+    d.current = a;
+    const l = L(!1);
+    l.current = a.length > 1;
+    const u = (g) => c.current.get(g) ?? null, f = () => d.current[d.current.length - 1].id, v = () => d.current.length > 1 ? d.current[d.current.length - 2].id : null, b = $(
+      () => i((g) => g.length > 1 ? g.slice(0, -1) : g),
+      []
+    ), E = $(() => {
+      const g = f(), x = v();
+      A(u(g), r, `transform 0.28s ${q}`), A(x ? u(x) : null, 0, `transform 0.28s ${q}`), setTimeout(b, 280);
+    }, [r, b]), k = $((g) => {
+      i((x) => [...x, { id: crypto.randomUUID(), page: g }]);
+    }, []), h = $((g = !0) => {
+      if (d.current.length <= 1) return;
+      const x = d.current[0], w = d.current[d.current.length - 1], N = u(x.id), T = u(w.id);
+      if (!g) {
+        N && A(N, 0), i([x]);
+        return;
+      }
+      N && A(N, -r * 0.3), A(T, r, `transform 0.28s ${q}`), N && A(N, 0, `transform 0.28s ${q}`), setTimeout(() => i([x]), 285);
+    }, [r]);
+    bt(n, () => ({ popToRoot: h }), [h]);
+    const p = L(a.length);
+    xt(() => {
+      const g = a.length;
+      if (g <= p.current) {
+        p.current = g;
+        return;
+      }
+      p.current = g;
+      const x = f(), w = v(), N = u(x), T = w ? u(w) : null;
+      A(N, r), N?.getBoundingClientRect(), A(N, 0, `transform 0.38s ${Re}`), A(T, -r * 0.3, `transform 0.38s ${Re}`);
+    }, [a.length, r]);
+    const m = L({
+      active: !1,
+      startX: 0,
+      startY: 0,
+      startTime: 0,
+      locked: !1,
+      // horizontal direction confirmed
+      cancelled: !1
+      // vertical — let scroll win
+    });
+    _(() => {
+      const g = s.current;
+      if (!g) return;
+      const x = (T) => {
+        if (!l.current) return;
+        const C = T.touches[0];
+        C.clientX > 44 || (m.current = {
+          active: !0,
+          startX: C.clientX,
+          startY: C.clientY,
+          startTime: Date.now(),
+          locked: !1,
+          cancelled: !1
+        });
+      }, w = (T) => {
+        const C = m.current;
+        if (!C.active || C.cancelled) return;
+        const P = T.touches[0], I = P.clientX - C.startX, R = Math.abs(P.clientY - C.startY);
+        if (!C.locked) {
+          if (Math.abs(I) < 6 && R < 6) return;
+          if (I > 0 && I >= R)
+            C.locked = !0;
+          else {
+            C.cancelled = !0, C.active = !1;
+            return;
+          }
+        }
+        T.preventDefault();
+        const D = Math.max(0, I), O = f(), j = v();
+        A(u(O), D), A(j ? u(j) : null, -r * 0.3 + D * 0.3);
+      }, N = (T) => {
+        const C = m.current;
+        if (!C.active || C.cancelled) {
+          C.active = !1;
+          return;
+        }
+        C.active = !1;
+        const P = T.changedTouches[0], I = Math.max(0, P.clientX - C.startX), R = Math.max(Date.now() - C.startTime, 1), D = I / R, O = f(), j = v(), le = u(O), M = j ? u(j) : null;
+        I > r * 0.35 || D > 0.4 ? (A(le, r, `transform 0.22s ${q}`), A(M, 0, `transform 0.22s ${q}`), setTimeout(b, 220)) : (A(le, 0, `transform 0.3s ${$e}`), A(M, -r * 0.3, `transform 0.3s ${$e}`));
+      };
+      return g.addEventListener("touchstart", x, { passive: !0 }), g.addEventListener("touchmove", w, { passive: !1 }), g.addEventListener("touchend", N, { passive: !0 }), g.addEventListener("touchcancel", N, { passive: !0 }), () => {
+        g.removeEventListener("touchstart", x), g.removeEventListener("touchmove", w), g.removeEventListener("touchend", N), g.removeEventListener("touchcancel", N);
+      };
+    }, [r, b]);
+    const S = a.length > 1;
+    return /* @__PURE__ */ o(et.Provider, { value: { push: k, pop: E, canGoBack: S }, children: /* @__PURE__ */ o("div", { ref: s, className: "h-dvh overflow-hidden relative", children: a.map((g, x) => {
+      const w = x === a.length - 1, N = x === a.length - 2, T = !w && !N;
+      return (
+        // Each page gets its own depth — Navbar reads this, not global canGoBack
+        /* @__PURE__ */ o(nt.Provider, { value: x, children: /* @__PURE__ */ o(
+          "div",
+          {
+            ref: (C) => {
+              C ? c.current.set(g.id, C) : c.current.delete(g.id);
+            },
+            className: "absolute inset-0 will-change-transform",
+            style: {
+              visibility: T ? "hidden" : "visible",
+              transform: w ? "translate3d(0,0,0)" : `translate3d(${-r * 0.3}px,0,0)`,
+              zIndex: x
+            },
+            children: g.page
+          }
+        ) }, g.id)
+      );
+    }) }) });
+  }
+);
+var Q;
+(function(e) {
+  e.Unimplemented = "UNIMPLEMENTED", e.Unavailable = "UNAVAILABLE";
+})(Q || (Q = {}));
+class we extends Error {
+  constructor(t, n, r) {
+    super(t), this.message = t, this.code = n, this.data = r;
+  }
+}
+const Et = (e) => {
+  var t, n;
+  return e?.androidBridge ? "android" : !((n = (t = e?.webkit) === null || t === void 0 ? void 0 : t.messageHandlers) === null || n === void 0) && n.bridge ? "ios" : "web";
+}, Pt = (e) => {
+  const t = e.CapacitorCustomPlatform || null, n = e.Capacitor || {}, r = n.Plugins = n.Plugins || {}, a = () => t !== null ? t.name : Et(e), i = () => a() !== "web", c = (f) => {
+    const v = l.get(f);
+    return !!(v?.platforms.has(a()) || s(f));
+  }, s = (f) => {
+    var v;
+    return (v = n.PluginHeaders) === null || v === void 0 ? void 0 : v.find((b) => b.name === f);
+  }, d = (f) => e.console.error(f), l = /* @__PURE__ */ new Map(), u = (f, v = {}) => {
+    const b = l.get(f);
+    if (b)
+      return console.warn(`Capacitor plugin "${f}" already registered. Cannot register plugins twice.`), b.proxy;
+    const E = a(), k = s(f);
+    let h;
+    const p = async () => (!h && E in v ? h = typeof v[E] == "function" ? h = await v[E]() : h = v[E] : t !== null && !h && "web" in v && (h = typeof v.web == "function" ? h = await v.web() : h = v.web), h), m = (T, C) => {
+      var P, I;
+      if (k) {
+        const R = k?.methods.find((D) => C === D.name);
+        if (R)
+          return R.rtype === "promise" ? (D) => n.nativePromise(f, C.toString(), D) : (D, O) => n.nativeCallback(f, C.toString(), D, O);
+        if (T)
+          return (P = T[C]) === null || P === void 0 ? void 0 : P.bind(T);
+      } else {
+        if (T)
+          return (I = T[C]) === null || I === void 0 ? void 0 : I.bind(T);
+        throw new we(`"${f}" plugin is not implemented on ${E}`, Q.Unimplemented);
+      }
+    }, S = (T) => {
+      let C;
+      const P = (...I) => {
+        const R = p().then((D) => {
+          const O = m(D, T);
+          if (O) {
+            const j = O(...I);
+            return C = j?.remove, j;
+          } else
+            throw new we(`"${f}.${T}()" is not implemented on ${E}`, Q.Unimplemented);
+        });
+        return T === "addListener" && (R.remove = async () => C()), R;
+      };
+      return P.toString = () => `${T.toString()}() { [capacitor code] }`, Object.defineProperty(P, "name", {
+        value: T,
+        writable: !1,
+        configurable: !1
+      }), P;
+    }, g = S("addListener"), x = S("removeListener"), w = (T, C) => {
+      const P = g({ eventName: T }, C), I = async () => {
+        const D = await P;
+        x({
+          eventName: T,
+          callbackId: D
+        }, C);
+      }, R = new Promise((D) => P.then(() => D({ remove: I })));
+      return R.remove = async () => {
+        console.warn("Using addListener() without 'await' is deprecated."), await I();
+      }, R;
+    }, N = new Proxy({}, {
+      get(T, C) {
+        switch (C) {
+          // https://github.com/facebook/react/issues/20030
+          case "$$typeof":
+            return;
+          case "toJSON":
+            return () => ({});
+          case "addListener":
+            return k ? w : g;
+          case "removeListener":
+            return x;
+          default:
+            return S(C);
+        }
+      }
+    });
+    return r[f] = N, l.set(f, {
+      name: f,
+      proxy: N,
+      platforms: /* @__PURE__ */ new Set([...Object.keys(v), ...k ? [E] : []])
+    }), N;
+  };
+  return n.convertFileSrc || (n.convertFileSrc = (f) => f), n.getPlatform = a, n.handleError = d, n.isNativePlatform = i, n.isPluginAvailable = c, n.registerPlugin = u, n.Exception = we, n.DEBUG = !!n.DEBUG, n.isLoggingEnabled = !!n.isLoggingEnabled, n;
+}, Lt = (e) => e.Capacitor = Pt(e), Ee = /* @__PURE__ */ Lt(typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : typeof global < "u" ? global : {}), be = Ee.registerPlugin;
+class Ne {
+  constructor() {
+    this.listeners = {}, this.retainedEventArguments = {}, this.windowListeners = {};
+  }
+  addListener(t, n) {
+    let r = !1;
+    this.listeners[t] || (this.listeners[t] = [], r = !0), this.listeners[t].push(n);
+    const i = this.windowListeners[t];
+    i && !i.registered && this.addWindowListener(i), r && this.sendRetainedArgumentsForEvent(t);
+    const c = async () => this.removeListener(t, n);
+    return Promise.resolve({ remove: c });
+  }
+  async removeAllListeners() {
+    this.listeners = {};
+    for (const t in this.windowListeners)
+      this.removeWindowListener(this.windowListeners[t]);
+    this.windowListeners = {};
+  }
+  notifyListeners(t, n, r) {
+    const a = this.listeners[t];
+    if (!a) {
+      if (r) {
+        let i = this.retainedEventArguments[t];
+        i || (i = []), i.push(n), this.retainedEventArguments[t] = i;
+      }
+      return;
+    }
+    a.forEach((i) => i(n));
+  }
+  hasListeners(t) {
+    var n;
+    return !!(!((n = this.listeners[t]) === null || n === void 0) && n.length);
+  }
+  registerWindowListener(t, n) {
+    this.windowListeners[n] = {
+      registered: !1,
+      windowEventName: t,
+      pluginEventName: n,
+      handler: (r) => {
+        this.notifyListeners(n, r);
+      }
+    };
+  }
+  unimplemented(t = "not implemented") {
+    return new Ee.Exception(t, Q.Unimplemented);
+  }
+  unavailable(t = "not available") {
+    return new Ee.Exception(t, Q.Unavailable);
+  }
+  async removeListener(t, n) {
+    const r = this.listeners[t];
+    if (!r)
+      return;
+    const a = r.indexOf(n);
+    this.listeners[t].splice(a, 1), this.listeners[t].length || this.removeWindowListener(this.windowListeners[t]);
+  }
+  addWindowListener(t) {
+    window.addEventListener(t.windowEventName, t.handler), t.registered = !0;
+  }
+  removeWindowListener(t) {
+    t && (window.removeEventListener(t.windowEventName, t.handler), t.registered = !1);
+  }
+  sendRetainedArgumentsForEvent(t) {
+    const n = this.retainedEventArguments[t];
+    n && (delete this.retainedEventArguments[t], n.forEach((r) => {
+      this.notifyListeners(t, r);
+    }));
+  }
+}
+const je = (e) => encodeURIComponent(e).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape), _e = (e) => e.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
+class Ct extends Ne {
+  async getCookies() {
+    const t = document.cookie, n = {};
+    return t.split(";").forEach((r) => {
+      if (r.length <= 0)
+        return;
+      let [a, i] = r.replace(/=/, "CAP_COOKIE").split("CAP_COOKIE");
+      a = _e(a).trim(), i = _e(i).trim(), n[a] = i;
+    }), n;
+  }
+  async setCookie(t) {
+    try {
+      const n = je(t.key), r = je(t.value), a = t.expires ? `; expires=${t.expires.replace("expires=", "")}` : "", i = (t.path || "/").replace("path=", ""), c = t.url != null && t.url.length > 0 ? `domain=${t.url}` : "";
+      document.cookie = `${n}=${r || ""}${a}; path=${i}; ${c};`;
+    } catch (n) {
+      return Promise.reject(n);
+    }
+  }
+  async deleteCookie(t) {
+    try {
+      document.cookie = `${t.key}=; Max-Age=0`;
+    } catch (n) {
+      return Promise.reject(n);
+    }
+  }
+  async clearCookies() {
+    try {
+      const t = document.cookie.split(";") || [];
+      for (const n of t)
+        document.cookie = n.replace(/^ +/, "").replace(/=.*/, `=;expires=${(/* @__PURE__ */ new Date()).toUTCString()};path=/`);
+    } catch (t) {
+      return Promise.reject(t);
+    }
+  }
+  async clearAllCookies() {
+    try {
+      await this.clearCookies();
+    } catch (t) {
+      return Promise.reject(t);
+    }
+  }
+}
+be("CapacitorCookies", {
+  web: () => new Ct()
+});
+const Nt = async (e) => new Promise((t, n) => {
+  const r = new FileReader();
+  r.onload = () => {
+    const a = r.result;
+    t(a.indexOf(",") >= 0 ? a.split(",")[1] : a);
+  }, r.onerror = (a) => n(a), r.readAsDataURL(e);
+}), Tt = (e = {}) => {
+  const t = Object.keys(e);
+  return Object.keys(e).map((a) => a.toLocaleLowerCase()).reduce((a, i, c) => (a[i] = e[t[c]], a), {});
+}, It = (e, t = !0) => e ? Object.entries(e).reduce((r, a) => {
+  const [i, c] = a;
+  let s, d;
+  return Array.isArray(c) ? (d = "", c.forEach((l) => {
+    s = t ? encodeURIComponent(l) : l, d += `${i}=${s}&`;
+  }), d.slice(0, -1)) : (s = t ? encodeURIComponent(c) : c, d = `${i}=${s}`), `${r}&${d}`;
+}, "").substr(1) : null, Dt = (e, t = {}) => {
+  const n = Object.assign({ method: e.method || "GET", headers: e.headers }, t), a = Tt(e.headers)["content-type"] || "";
+  if (typeof e.data == "string")
+    n.body = e.data;
+  else if (a.includes("application/x-www-form-urlencoded")) {
+    const i = new URLSearchParams();
+    for (const [c, s] of Object.entries(e.data || {}))
+      i.set(c, s);
+    n.body = i.toString();
+  } else if (a.includes("multipart/form-data") || e.data instanceof FormData) {
+    const i = new FormData();
+    if (e.data instanceof FormData)
+      e.data.forEach((s, d) => {
+        i.append(d, s);
+      });
+    else
+      for (const s of Object.keys(e.data))
+        i.append(s, e.data[s]);
+    n.body = i;
+    const c = new Headers(n.headers);
+    c.delete("content-type"), n.headers = c;
+  } else (a.includes("application/json") || typeof e.data == "object") && (n.body = JSON.stringify(e.data));
+  return n;
+};
+class Rt extends Ne {
+  /**
+   * Perform an Http request given a set of options
+   * @param options Options to build the HTTP request
+   */
+  async request(t) {
+    const n = Dt(t, t.webFetchExtra), r = It(t.params, t.shouldEncodeUrlParams), a = r ? `${t.url}?${r}` : t.url, i = await fetch(a, n), c = i.headers.get("content-type") || "";
+    let { responseType: s = "text" } = i.ok ? t : {};
+    c.includes("application/json") && (s = "json");
+    let d, l;
+    switch (s) {
+      case "arraybuffer":
+      case "blob":
+        l = await i.blob(), d = await Nt(l);
+        break;
+      case "json":
+        d = await i.json();
+        break;
+      default:
+        d = await i.text();
+    }
+    const u = {};
+    return i.headers.forEach((f, v) => {
+      u[v] = f;
+    }), {
+      data: d,
+      headers: u,
+      status: i.status,
+      url: i.url
+    };
+  }
+  /**
+   * Perform an Http GET request given a set of options
+   * @param options Options to build the HTTP request
+   */
+  async get(t) {
+    return this.request(Object.assign(Object.assign({}, t), { method: "GET" }));
+  }
+  /**
+   * Perform an Http POST request given a set of options
+   * @param options Options to build the HTTP request
+   */
+  async post(t) {
+    return this.request(Object.assign(Object.assign({}, t), { method: "POST" }));
+  }
+  /**
+   * Perform an Http PUT request given a set of options
+   * @param options Options to build the HTTP request
+   */
+  async put(t) {
+    return this.request(Object.assign(Object.assign({}, t), { method: "PUT" }));
+  }
+  /**
+   * Perform an Http PATCH request given a set of options
+   * @param options Options to build the HTTP request
+   */
+  async patch(t) {
+    return this.request(Object.assign(Object.assign({}, t), { method: "PATCH" }));
+  }
+  /**
+   * Perform an Http DELETE request given a set of options
+   * @param options Options to build the HTTP request
+   */
+  async delete(t) {
+    return this.request(Object.assign(Object.assign({}, t), { method: "DELETE" }));
+  }
+}
+be("CapacitorHttp", {
+  web: () => new Rt()
+});
+var Ae;
+(function(e) {
+  e.Dark = "DARK", e.Light = "LIGHT", e.Default = "DEFAULT";
+})(Ae || (Ae = {}));
+var Oe;
+(function(e) {
+  e.StatusBar = "StatusBar", e.NavigationBar = "NavigationBar";
+})(Oe || (Oe = {}));
+class $t extends Ne {
+  async setStyle() {
+    this.unavailable("not available for web");
+  }
+  async setAnimation() {
+    this.unavailable("not available for web");
+  }
+  async show() {
+    this.unavailable("not available for web");
+  }
+  async hide() {
+    this.unavailable("not available for web");
+  }
+}
+be("SystemBars", {
+  web: () => new $t()
+});
+var oe;
+(function(e) {
+  e.Heavy = "HEAVY", e.Medium = "MEDIUM", e.Light = "LIGHT";
+})(oe || (oe = {}));
+var ie;
+(function(e) {
+  e.Success = "SUCCESS", e.Warning = "WARNING", e.Error = "ERROR";
+})(ie || (ie = {}));
+const K = be("Haptics", {
+  web: () => import("./web-4j5o-jby.js").then((e) => new e.HapticsWeb())
+}), V = (e) => {
+  e().catch(() => {
+  });
+}, Y = () => V(() => K.impact({ style: oe.Light })), xe = () => V(() => K.impact({ style: oe.Medium })), rt = () => V(() => K.impact({ style: oe.Heavy })), at = () => V(() => K.notification({ type: ie.Success })), jt = () => V(() => K.notification({ type: ie.Warning })), _t = () => V(() => K.notification({ type: ie.Error })), me = () => V(() => K.selectionStart()), At = {
+  // Brand primitives
+  ink: "var(--color-ink)",
+  paper: "var(--color-paper)",
+  accent: "var(--color-accent)",
+  // Grammar colors
+  noun: "var(--color-noun)",
+  topic: "var(--color-topic)",
+  subject: "var(--color-subject)",
+  object: "var(--color-object)",
+  verb: "var(--color-verb)",
+  particle: "var(--color-particle)",
+  // Semantic status
+  success: "var(--color-success)",
+  warning: "var(--color-warning)",
+  danger: "var(--color-danger)",
+  muted: "var(--color-muted)"
+}, Ot = {
+  bg: "var(--surface-bg)",
+  border: "var(--surface-border)",
+  active: "var(--surface-active)",
+  solid: "var(--surface-solid)",
+  solidHover: "var(--surface-solid-hover)",
+  divider: "var(--surface-divider)",
+  inputBg: "var(--input-bg)",
+  success: "var(--surface-success)",
+  warning: "var(--surface-warning)",
+  danger: "var(--surface-danger)",
+  info: "var(--surface-info)"
+}, Ht = {
+  "2xs": "var(--text-2xs)",
+  // 11px
+  xs: "var(--text-xs)",
+  // 12px
+  sm: "var(--text-sm)",
+  // 13px
+  base: "var(--text-base)",
+  // 15px — iOS body
+  md: "var(--text-md)",
+  // 17px — iOS headline
+  lg: "var(--text-lg)",
+  // 20px
+  xl: "var(--text-xl)",
+  // 24px
+  "2xl": "var(--text-2xl)",
+  // 28px
+  "3xl": "var(--text-3xl)"
+  // 34px — iOS large title
+}, Mt = {
+  sans: "var(--font-sans)",
+  mono: "var(--font-mono)"
+}, Bt = {
+  0: "var(--space-0)",
+  0.5: "var(--space-0-5)",
+  // 2px
+  1: "var(--space-1)",
+  // 4px
+  1.5: "var(--space-1-5)",
+  // 6px
+  2: "var(--space-2)",
+  // 8px
+  2.5: "var(--space-2-5)",
+  // 10px
+  3: "var(--space-3)",
+  // 12px
+  3.5: "var(--space-3-5)",
+  // 14px
+  4: "var(--space-4)",
+  // 16px
+  5: "var(--space-5)",
+  // 20px
+  6: "var(--space-6)",
+  // 24px
+  7: "var(--space-7)",
+  // 28px
+  8: "var(--space-8)",
+  // 32px
+  10: "var(--space-10)",
+  // 40px
+  12: "var(--space-12)",
+  // 48px
+  16: "var(--space-16)"
+  // 64px
+}, Wt = "var(--touch-target)", Yt = {
+  xs: "var(--radius-xs)",
+  // 6px
+  sm: "var(--radius-sm)",
+  // 10px
+  md: "var(--radius-md)",
+  // 14px
+  lg: "var(--radius-lg)",
+  // 20px
+  xl: "var(--radius-xl)",
+  // 28px
+  full: "var(--radius-full)"
+  // 9999px
+}, zt = {
+  xs: "var(--shadow-xs)",
+  sm: "var(--shadow-sm)",
+  md: "var(--shadow-md)",
+  lg: "var(--shadow-lg)",
+  float: "var(--shadow-float)",
+  // floating UI (tab bar, sheets)
+  glow: "var(--shadow-glow)"
+  // accent glow / focus
+}, Ut = {
+  accent: "var(--ring-accent)",
+  // accent focus ring (red)
+  input: "var(--ring-input)"
+  // input focus ring (blue)
+}, Xt = {
+  fast: "var(--duration-fast)",
+  // 150ms
+  base: "var(--duration-base)",
+  // 220ms
+  slow: "var(--duration-slow)"
+  // 380ms
+}, Ft = {
+  out: "var(--ease-out)",
+  spring: "var(--ease-spring)",
+  inOut: "var(--ease-in-out)"
+}, Gt = {
+  fast: "var(--transition-fast)",
+  base: "var(--transition-base)",
+  spring: "var(--transition-spring)"
+}, z = {
+  base: 0,
+  raised: 10,
+  overlay: 40,
+  modal: 50,
+  toast: 60,
+  navbar: 20,
+  tabBar: 30,
+  sheetBackdrop: 70,
+  sheet: 80,
+  actionSheetBackdrop: 70,
+  actionSheet: 80,
+  top: 9999
+}, Zn = {
+  color: At,
+  surface: Ot,
+  text: Ht,
+  font: Mt,
+  space: Bt,
+  touchTarget: Wt,
+  radius: Yt,
+  shadow: zt,
+  ring: Ut,
+  duration: Xt,
+  ease: Ft,
+  transition: Gt,
+  z
+};
+function er({ tabs: e, activeTab: t, onChange: n }) {
+  return (
+    // outer div is full-width pointer-events-none so content underneath is still tappable
+    /* @__PURE__ */ o(
+      "div",
+      {
+        className: "fixed bottom-0 left-0 right-0 flex justify-center pointer-events-none",
+        style: {
+          zIndex: z.tabBar,
+          paddingBottom: "calc(env(safe-area-inset-bottom) + 10px)"
+        },
+        children: /* @__PURE__ */ o("div", { className: "pointer-events-auto flex bg-[var(--surface-bg)] backdrop-blur-2xl rounded-full shadow-[0_4px_32px_rgba(0,0,0,0.18)] border border-[var(--surface-border)] p-1.5 gap-1", children: e.map((r) => /* @__PURE__ */ o(
+          Kt,
+          {
+            icon: r.icon,
+            label: r.label,
+            active: t === r.id,
+            onClick: () => {
+              xe(), n(r.id);
+            }
+          },
+          r.id
+        )) })
+      }
+    )
+  );
+}
+function Kt({
+  icon: e,
+  label: t,
+  active: n,
+  onClick: r
+}) {
+  return /* @__PURE__ */ y(
+    "button",
+    {
+      onClick: r,
+      className: [
+        "flex flex-col items-center gap-0.5 px-5 py-2 rounded-full min-w-[72px]",
+        "transition-all duration-200 select-none active:scale-[0.93]",
+        n ? "bg-[var(--color-ink)]" : "bg-transparent"
+      ].join(" "),
+      children: [
+        /* @__PURE__ */ o("span", { className: `text-lg leading-none font-black ${n ? "text-white" : "text-gray-400"}`, children: e }),
+        /* @__PURE__ */ o("span", { className: `text-[10px] font-mono uppercase tracking-widest ${n ? "text-white/70" : "text-gray-400"}`, children: t })
+      ]
+    }
+  );
+}
+const Te = se(null);
+function Vt() {
+  const e = Z(Te);
+  return () => e?.current?.();
+}
+function qt({ children: e, className: t = "" }) {
+  const n = L(() => {
+  });
+  return /* @__PURE__ */ o(Te.Provider, { value: n, children: /* @__PURE__ */ o("div", { className: `h-full flex flex-col bg-[var(--color-paper)] ${t}`, children: e }) });
+}
+function Jt({
+  children: e,
+  className: t = "",
+  includeTabBarInset: n = !0
+}) {
+  const r = L(null), a = Z(Te);
+  return _(() => {
+    if (a)
+      return a.current = () => r.current?.scrollTo({ top: 0, behavior: "smooth" }), () => {
+        a && (a.current = () => {
+        });
+      };
+  }, [a]), /* @__PURE__ */ o(
+    "div",
+    {
+      ref: r,
+      className: `flex-1 overflow-y-auto overscroll-contain ${t}`,
+      style: {
+        paddingBottom: n ? "calc(env(safe-area-inset-bottom) + 80px)" : "env(safe-area-inset-bottom)"
+      },
+      children: e
+    }
+  );
+}
+function tr({ children: e, className: t = "" }) {
+  return /* @__PURE__ */ o(qt, { className: t, children: e });
+}
+function nr({ children: e, className: t = "" }) {
+  return /* @__PURE__ */ o(Jt, { includeTabBarInset: !1, className: t, children: e });
+}
+function rr({ title: e, left: t, right: n }) {
+  const { pop: r } = tt(), a = kt(), i = Vt(), c = a > 0;
+  return /* @__PURE__ */ y(
+    "header",
+    {
+      className: "shrink-0 bg-[var(--surface-bg)] backdrop-blur-2xl flex flex-col",
+      style: { paddingTop: "env(safe-area-inset-top)" },
+      children: [
+        /* @__PURE__ */ y("div", { className: "h-11 flex items-center px-3 gap-1", children: [
+          /* @__PURE__ */ o("div", { className: "w-24 flex items-center", children: t !== void 0 ? t : c ? /* @__PURE__ */ o(
+            "button",
+            {
+              onClick: () => {
+                xe(), r();
+              },
+              className: "flex items-center gap-1 text-[var(--color-accent)] font-mono text-xs tracking-wider min-h-[44px] min-w-[44px] active:opacity-40 transition-opacity",
+              children: "← back"
+            }
+          ) : null }),
+          /* @__PURE__ */ o("div", { className: "flex-1 flex justify-center", children: /* @__PURE__ */ o(
+            "button",
+            {
+              onClick: i,
+              className: "text-[15px] font-semibold text-[var(--color-ink)] truncate active:opacity-60 transition-opacity",
+              children: e
+            }
+          ) }),
+          /* @__PURE__ */ o("div", { className: "w-24 flex items-center justify-end", children: n })
+        ] }),
+        /* @__PURE__ */ o("div", { className: "h-px bg-[var(--surface-divider)]" })
+      ]
+    }
+  );
+}
+function ar({ children: e, className: t = "", onClick: n }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      onClick: n,
+      className: [
+        "bg-[var(--surface-solid)] rounded-2xl border border-[var(--surface-border)] shadow-sm p-5",
+        !!n ? "cursor-pointer active:scale-[0.98] active:shadow-none active:bg-[var(--surface-active)] transition-all select-none" : "",
+        t
+      ].join(" "),
+      children: e
+    }
+  );
+}
+const He = [
+  "a[href]",
+  "button:not([disabled])",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])',
+  "summary",
+  '[contenteditable="true"]'
+].join(", ");
+function Qt(e, t, n) {
+  const r = L(null);
+  _(() => {
+    if (!t) {
+      r.current && r.current instanceof HTMLElement && r.current.focus({ preventScroll: !0 }), r.current = null;
+      return;
+    }
+    r.current = document.activeElement;
+    const i = setTimeout(() => {
+      const s = e.current;
+      if (!s) return;
+      const d = Array.from(
+        s.querySelectorAll(He)
+      ).filter((l) => !l.closest('[aria-hidden="true"]'));
+      d.length > 0 ? d[0].focus({ preventScroll: !0 }) : (s.tabIndex = -1, s.focus({ preventScroll: !0 }));
+    }, 80), c = (s) => {
+      if (s.key === "Escape") {
+        s.preventDefault(), n?.();
+        return;
+      }
+      if (s.key !== "Tab") return;
+      const d = e.current;
+      if (!d) return;
+      const l = Array.from(
+        d.querySelectorAll(He)
+      ).filter((v) => !v.closest('[aria-hidden="true"]'));
+      if (l.length === 0) return;
+      const u = l[0], f = l[l.length - 1];
+      s.shiftKey ? document.activeElement === u && (s.preventDefault(), f.focus({ preventScroll: !0 })) : document.activeElement === f && (s.preventDefault(), u.focus({ preventScroll: !0 }));
+    };
+    return document.addEventListener("keydown", c), () => {
+      clearTimeout(i), document.removeEventListener("keydown", c);
+    };
+  }, [t, e, n]);
+}
+const Zt = {
+  sm: 16,
+  md: 24,
+  lg: 36
+}, en = {
+  sm: 2,
+  md: 2.5,
+  lg: 3
+};
+function ot({
+  size: e,
+  color: t,
+  ariaLabel: n,
+  className: r = ""
+}) {
+  const a = Zt[e], i = en[e], c = (a - i * 2) / 2, s = a / 2, d = 2 * Math.PI * c, l = d * 0.75, u = d * 0.25;
+  return /* @__PURE__ */ y(
+    "svg",
+    {
+      role: "progressbar",
+      "aria-label": n,
+      "aria-valuetext": n,
+      width: a,
+      height: a,
+      viewBox: `0 0 ${a} ${a}`,
+      fill: "none",
+      className: ["kami-spinner", r].filter(Boolean).join(" "),
+      style: {
+        animationName: "kami-spin",
+        animationDuration: "0.8s",
+        animationTimingFunction: "linear",
+        animationIterationCount: "infinite",
+        flexShrink: 0,
+        display: "block"
+      },
+      children: [
+        /* @__PURE__ */ o(
+          "circle",
+          {
+            cx: s,
+            cy: s,
+            r: c,
+            stroke: t,
+            strokeWidth: i,
+            strokeOpacity: 0.2
+          }
+        ),
+        /* @__PURE__ */ o(
+          "circle",
+          {
+            cx: s,
+            cy: s,
+            r: c,
+            stroke: t,
+            strokeWidth: i,
+            strokeLinecap: "round",
+            strokeDasharray: `${l} ${u}`,
+            strokeDashoffset: 0
+          }
+        )
+      ]
+    }
+  );
+}
+function it({
+  size: e = "md",
+  color: t = "var(--color-accent)",
+  "aria-label": n = "Loading",
+  className: r = ""
+}) {
+  return /* @__PURE__ */ o(
+    ot,
+    {
+      size: e,
+      color: t,
+      ariaLabel: n,
+      className: r
+    }
+  );
+}
+function tn({ visible: e, label: t, backdropOpacity: n = 0.5 }) {
+  const r = L(null);
+  return Qt(r, e), _(() => {
+    if (!e) return;
+    const a = document.body.style.overflow;
+    return document.body.style.overflow = "hidden", () => {
+      document.body.style.overflow = a;
+    };
+  }, [e]), e ? /* @__PURE__ */ o(
+    "div",
+    {
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": t ?? "Loading",
+      "aria-busy": "true",
+      ref: r,
+      style: {
+        position: "fixed",
+        inset: 0,
+        zIndex: 9999,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        flexDirection: "column",
+        gap: 16,
+        backgroundColor: `rgba(0, 0, 0, ${n})`,
+        backdropFilter: "blur(4px)",
+        WebkitBackdropFilter: "blur(4px)"
+      },
+      children: /* @__PURE__ */ y(
+        "div",
+        {
+          style: {
+            background: "var(--surface-solid)",
+            borderRadius: 20,
+            padding: "28px 36px",
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            gap: 14,
+            boxShadow: "var(--shadow-float)",
+            minWidth: 120
+          },
+          children: [
+            /* @__PURE__ */ o(ot, { size: "lg", color: "var(--color-accent)", ariaLabel: t ?? "Loading" }),
+            t && /* @__PURE__ */ o("p", { style: {
+              fontSize: 15,
+              fontWeight: 500,
+              color: "var(--color-ink)",
+              margin: 0,
+              lineHeight: 1.3,
+              textAlign: "center"
+            }, children: t })
+          ]
+        }
+      )
+    }
+  ) : null;
+}
+it.Overlay = tn;
+const nn = {
+  primary: "bg-[var(--color-ink)] text-[var(--color-paper)] active:opacity-75",
+  secondary: "bg-[var(--input-bg)] text-[var(--color-ink)] active:bg-[var(--surface-divider)]",
+  ghost: "text-[var(--color-accent)] active:opacity-50"
+}, rn = {
+  primary: "var(--color-paper)",
+  secondary: "var(--color-ink)",
+  ghost: "var(--color-accent)"
+};
+function an({
+  children: e,
+  onClick: t,
+  variant: n = "primary",
+  disabled: r = !1,
+  loading: a = !1,
+  className: i = "",
+  fullWidth: c = !1,
+  type: s = "button",
+  "aria-label": d,
+  "aria-pressed": l,
+  "aria-expanded": u,
+  "aria-controls": f
+}) {
+  const v = r || a;
+  return /* @__PURE__ */ y(
+    "button",
+    {
+      type: s,
+      onClick: t,
+      disabled: v,
+      "aria-label": d,
+      "aria-pressed": l,
+      "aria-expanded": u,
+      "aria-controls": f,
+      "aria-busy": a || void 0,
+      className: [
+        // 44px min touch target (Apple HIG)
+        "min-h-[44px] px-5 rounded-xl font-semibold text-[15px]",
+        "transition-all select-none",
+        // Use relative + flex to position spinner without layout shift
+        "relative flex items-center justify-center gap-2",
+        c ? "w-full" : "",
+        nn[n],
+        v ? "opacity-40 pointer-events-none" : "",
+        i
+      ].join(" "),
+      children: [
+        a && /* @__PURE__ */ o(
+          it,
+          {
+            size: "sm",
+            color: rn[n],
+            "aria-label": "Loading"
+          }
+        ),
+        /* @__PURE__ */ o("span", { className: a ? "opacity-0 select-none pointer-events-none absolute" : "", children: e })
+      ]
+    }
+  );
+}
+function or({ children: e, className: t = "", inset: n = !1 }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: [
+        "bg-white overflow-hidden",
+        n ? "mx-4 rounded-2xl border border-gray-100 shadow-sm" : "border-y border-gray-100",
+        t
+      ].join(" "),
+      children: /* @__PURE__ */ o("div", { className: "divide-y divide-gray-100", children: e })
+    }
+  );
+}
+function ir({
+  title: e,
+  subtitle: t,
+  media: n,
+  after: r,
+  chevron: a = !1,
+  onClick: i,
+  className: c = ""
+}) {
+  return /* @__PURE__ */ y(
+    i ? "button" : "div",
+    {
+      onClick: i,
+      className: [
+        "w-full text-left flex items-center gap-3 px-4 py-3",
+        "min-h-[44px] select-none",
+        // 44px Apple HIG touch target
+        i ? "active:bg-gray-50 transition-colors cursor-pointer" : "",
+        c
+      ].join(" "),
+      children: [
+        n && /* @__PURE__ */ o("div", { className: "shrink-0 flex items-center justify-center", children: n }),
+        /* @__PURE__ */ y("div", { className: "flex-1 min-w-0 text-left", children: [
+          /* @__PURE__ */ o("p", { className: "text-[15px] font-medium text-[var(--color-ink)] leading-snug", children: e }),
+          t && /* @__PURE__ */ o("p", { className: "text-[13px] text-gray-500 mt-0.5 leading-snug", children: t })
+        ] }),
+        r && /* @__PURE__ */ o("div", { className: "shrink-0 text-[13px] text-gray-400", children: r }),
+        a && /* @__PURE__ */ o("span", { className: "shrink-0 text-gray-300 text-lg leading-none", children: "›" })
+      ]
+    }
+  );
+}
+function sr({ children: e, className: t = "" }) {
+  return /* @__PURE__ */ o("p", { className: `text-xs font-mono text-gray-400 uppercase tracking-widest px-4 pt-6 pb-2 ${t}`, children: e });
+}
+function H({ className: e = "", style: t }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: [
+        "animate-pulse rounded-lg bg-[var(--input-bg)]",
+        e
+      ].join(" "),
+      style: t
+    }
+  );
+}
+function st({ lines: e = 1, className: t = "" }) {
+  return /* @__PURE__ */ o("div", { className: ["space-y-2", t].join(" "), "aria-hidden": "true", children: Array.from({ length: e }).map((n, r) => /* @__PURE__ */ o(
+    H,
+    {
+      className: [
+        "h-3",
+        r === e - 1 && e > 1 ? "w-3/5" : "w-full"
+      ].join(" ")
+    },
+    r
+  )) });
+}
+function on({ size: e = 40, className: t = "" }) {
+  return /* @__PURE__ */ o(
+    H,
+    {
+      className: ["rounded-full shrink-0", t].join(" "),
+      style: { width: e, height: e }
+    }
+  );
+}
+function sn({ width: e = "100%", height: t = 12, className: n = "", style: r }) {
+  return /* @__PURE__ */ o(
+    H,
+    {
+      className: n,
+      style: { width: e, height: t, ...r }
+    }
+  );
+}
+function lt({ className: e = "" }) {
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: [
+        "bg-[var(--surface-bg)] rounded-3xl border border-[var(--surface-border)]",
+        "shadow-[0_2px_16px_rgba(0,0,0,0.06)] p-5 space-y-3",
+        e
+      ].join(" "),
+      children: [
+        /* @__PURE__ */ y("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ o(H, { className: "w-2 h-2 rounded-full" }),
+          /* @__PURE__ */ o(H, { className: "h-2.5 w-20" })
+        ] }),
+        /* @__PURE__ */ o(H, { className: "h-4 w-4/5" }),
+        /* @__PURE__ */ o(H, { className: "h-3 w-3/5" })
+      ]
+    }
+  );
+}
+function ln({ className: e = "" }) {
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: [
+        "bg-[var(--surface-bg)] rounded-3xl border border-[var(--surface-border)]",
+        "shadow-[0_2px_16px_rgba(0,0,0,0.06)] p-5 space-y-2.5",
+        e
+      ].join(" "),
+      children: [
+        /* @__PURE__ */ o(H, { className: "h-2.5 w-24" }),
+        /* @__PURE__ */ o(H, { className: "h-7 w-2/3" }),
+        /* @__PURE__ */ o(H, { className: "h-2.5 w-1/2" }),
+        /* @__PURE__ */ o(H, { className: "h-3 w-4/5" })
+      ]
+    }
+  );
+}
+function cn({ className: e = "" }) {
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: [
+        "bg-[var(--surface-solid)] rounded-2xl border border-[var(--surface-border)]",
+        "shadow-sm p-5 space-y-3",
+        e
+      ].join(" "),
+      children: [
+        /* @__PURE__ */ o(H, { className: "h-4 w-3/4" }),
+        /* @__PURE__ */ o(st, { lines: 2 })
+      ]
+    }
+  );
+}
+function dn({ count: e = 6, className: t = "" }) {
+  return /* @__PURE__ */ o("div", { className: ["grid grid-cols-1 md:grid-cols-2 gap-3", t].join(" "), children: Array.from({ length: e }).map((n, r) => /* @__PURE__ */ o(lt, {}, r)) });
+}
+const lr = {
+  /** Shimmer rectangle — use for arbitrary shapes. */
+  Box: H,
+  /** One or more text lines (last line shorter for realism). */
+  Text: st,
+  /** Circle — for avatars, icons. */
+  Circle: on,
+  /** Single horizontal bar at arbitrary width/height. */
+  Line: sn,
+  /** Full lesson card placeholder (matches LessonCard shape). */
+  LessonCard: lt,
+  /** SOS phrase card placeholder. */
+  PhraseCard: ln,
+  /** Generic white card placeholder (matches Card component). */
+  Card: cn,
+  /** Full two-column responsive grid of LessonCard skeletons. */
+  LessonGrid: dn
+};
+function un({
+  title: e = "Something went wrong",
+  message: t,
+  onRetry: n,
+  className: r = ""
+}) {
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      className: [
+        "flex flex-col items-center justify-center text-center py-12 px-6 space-y-3",
+        r
+      ].join(" "),
+      children: [
+        /* @__PURE__ */ o("span", { className: "text-4xl select-none", "aria-hidden": "true", children: "⚠️" }),
+        /* @__PURE__ */ o("p", { className: "font-bold text-[var(--color-ink)] text-base", children: e }),
+        t && /* @__PURE__ */ o("p", { className: "text-sm text-[var(--color-muted)] font-mono leading-snug max-w-xs", children: t }),
+        n && /* @__PURE__ */ o(
+          "button",
+          {
+            onClick: n,
+            className: [
+              "mt-2 px-5 py-2 rounded-xl text-sm font-semibold",
+              "bg-[var(--color-accent)] text-white",
+              "active:opacity-70 transition-opacity"
+            ].join(" "),
+            children: "Try again"
+          }
+        )
+      ]
+    }
+  );
+}
+class cr extends yt {
+  constructor(t) {
+    super(t), this.state = { hasError: !1, error: null };
+  }
+  static getDerivedStateFromError(t) {
+    return { hasError: !0, error: t };
+  }
+  componentDidCatch(t, n) {
+    this.props.onError?.(t, n), Promise.resolve().then(() => {
+    }).catch(() => {
+    });
+  }
+  handleRetry = () => {
+    this.setState({ hasError: !1, error: null });
+  };
+  render() {
+    return this.state.hasError ? this.props.fallback !== void 0 ? this.props.fallback : /* @__PURE__ */ o(
+      un,
+      {
+        title: "Something went wrong",
+        message: this.state.error?.message,
+        onRetry: this.handleRetry
+      }
+    ) : this.props.children;
+  }
+}
+const ct = se(null);
+function dr() {
+  const e = Z(ct);
+  if (!e) throw new Error("useToast must be used within <ToastProvider>");
+  return e;
+}
+const fn = {
+  default: { bg: "bg-[var(--color-ink)] text-white dark:bg-[var(--surface-solid)]", icon: "" },
+  success: { bg: "bg-[var(--surface-success)] text-[var(--color-success)]", icon: "✓" },
+  error: { bg: "bg-[var(--surface-danger)] text-[var(--color-danger)]", icon: "✕" },
+  info: { bg: "bg-[var(--surface-info)] text-[var(--color-subject)]", icon: "ℹ" },
+  warning: { bg: "bg-[var(--surface-warning)] text-[var(--color-warning)]", icon: "⚠" }
+};
+function Me({
+  item: e,
+  onDismiss: t
+}) {
+  const n = fn[e.variant], r = L(null), a = $((i) => {
+    i && i.animate(
+      [
+        { opacity: 0, transform: "translateY(16px) scale(0.96)" },
+        { opacity: 1, transform: "translateY(0)    scale(1)" }
+      ],
+      { duration: 260, easing: "cubic-bezier(0.34, 1.28, 0.64, 1)", fill: "forwards" }
+    );
+  }, []);
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      ref: r,
+      style: { opacity: e.exiting ? 0 : void 0, transition: e.exiting ? "opacity 200ms ease" : void 0 },
+      children: /* @__PURE__ */ y(
+        "div",
+        {
+          ref: a,
+          className: [
+            "flex items-center gap-2 px-4 py-3 rounded-2xl shadow-[var(--shadow-md)]",
+            "max-w-[calc(100vw-48px)] min-w-[180px]",
+            n.bg
+          ].join(" "),
+          children: [
+            n.icon && /* @__PURE__ */ o("span", { className: "text-base font-bold shrink-0 leading-none", children: n.icon }),
+            /* @__PURE__ */ o("span", { className: "text-sm font-semibold leading-snug flex-1", children: e.message }),
+            e.action && /* @__PURE__ */ o(
+              "button",
+              {
+                onClick: () => {
+                  e.action.onPress(), t(e.id);
+                },
+                className: "text-xs font-bold opacity-70 hover:opacity-100 uppercase tracking-wide shrink-0 active:opacity-50 pl-2",
+                children: e.action.label
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+let hn = 1;
+function ur({ children: e }) {
+  const [t, n] = B([]), r = $((s) => {
+    n((d) => d.map((l) => l.id === s ? { ...l, exiting: !0 } : l)), setTimeout(() => {
+      n((d) => d.filter((l) => l.id !== s));
+    }, 220);
+  }, []), a = $((s, d = {}) => {
+    const l = hn++, u = d.duration ?? 2600, f = {
+      id: l,
+      message: s,
+      variant: d.variant ?? "default",
+      duration: u,
+      position: d.position ?? "bottom",
+      action: d.action,
+      exiting: !1
+    };
+    n((v) => [...v.slice(-3), f]), setTimeout(() => r(l), u);
+  }, [r]), i = t.filter((s) => s.position === "bottom"), c = t.filter((s) => s.position === "top");
+  return /* @__PURE__ */ y(ct.Provider, { value: { show: a }, children: [
+    e,
+    i.length > 0 && /* @__PURE__ */ o(
+      "div",
+      {
+        className: "fixed inset-x-0 bottom-0 flex flex-col items-center gap-2 pb-[calc(env(safe-area-inset-bottom)+68px)] pointer-events-none",
+        style: { zIndex: z.toast },
+        "aria-live": "polite",
+        "aria-atomic": "true",
+        children: i.map((s) => /* @__PURE__ */ o("div", { className: "pointer-events-auto", children: /* @__PURE__ */ o(Me, { item: s, onDismiss: r }) }, s.id))
+      }
+    ),
+    c.length > 0 && /* @__PURE__ */ o(
+      "div",
+      {
+        className: "fixed inset-x-0 top-0 flex flex-col items-center gap-2 pt-[calc(env(safe-area-inset-top)+12px)] pointer-events-none",
+        style: { zIndex: z.toast },
+        "aria-live": "polite",
+        "aria-atomic": "true",
+        children: c.map((s) => /* @__PURE__ */ o("div", { className: "pointer-events-auto", children: /* @__PURE__ */ o(Me, { item: s, onDismiss: r }) }, s.id))
+      }
+    )
+  ] });
+}
+const de = {
+  enter: { duration: 360, easing: "cubic-bezier(0.34, 1.28, 0.64, 1)" },
+  exit: { duration: 240, easing: "cubic-bezier(0.4, 0, 0.6, 1)" }
+};
+function dt({ open: e, onClose: t, title: n, children: r }) {
+  const a = L(null), i = L(null), c = L(!1);
+  _(() => {
+    const u = a.current, f = i.current;
+    if (!(!u || !f)) {
+      if (e && !c.current)
+        u.style.display = "block", f.style.display = "block", u.animate(
+          [{ opacity: 0 }, { opacity: 1 }],
+          { ...de.enter, fill: "forwards" }
+        ), f.animate(
+          [
+            { transform: "translateY(100%)" },
+            { transform: "translateY(0)" }
+          ],
+          { ...de.enter, fill: "forwards" }
+        );
+      else if (!e && c.current) {
+        const v = u.animate(
+          [{ opacity: 1 }, { opacity: 0 }],
+          { ...de.exit, fill: "forwards" }
+        );
+        f.animate(
+          [
+            { transform: "translateY(0)" },
+            { transform: "translateY(100%)" }
+          ],
+          { ...de.exit, fill: "forwards" }
+        ), v.onfinish = () => {
+          u.style.display = "none", f.style.display = "none";
+        };
+      }
+      c.current = e;
+    }
+  }, [e]);
+  const s = L(null), d = $((u) => {
+    s.current = u.touches[0].clientY;
+  }, []), l = $((u) => {
+    if (s.current === null) return;
+    u.changedTouches[0].clientY - s.current > 60 && t(), s.current = null;
+  }, [t]);
+  return /* @__PURE__ */ y(G, { children: [
+    /* @__PURE__ */ o(
+      "div",
+      {
+        ref: a,
+        style: { display: "none", zIndex: z.sheetBackdrop },
+        className: "fixed inset-0 bg-black/40 backdrop-blur-sm",
+        onClick: t,
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ y(
+      "div",
+      {
+        ref: i,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": n,
+        style: { display: "none", zIndex: z.sheet },
+        className: [
+          "fixed inset-x-0 bottom-0",
+          "bg-[var(--surface-solid)] rounded-t-[28px]",
+          "shadow-[var(--shadow-float)]",
+          "max-h-[90dvh] flex flex-col"
+        ].join(" "),
+        children: [
+          /* @__PURE__ */ y(
+            "div",
+            {
+              className: "flex flex-col items-center pt-3 pb-2 cursor-grab active:cursor-grabbing select-none shrink-0",
+              onTouchStart: d,
+              onTouchEnd: l,
+              children: [
+                /* @__PURE__ */ o("div", { className: "w-9 h-1 bg-[var(--surface-divider)] rounded-full mb-3" }),
+                n && /* @__PURE__ */ o("p", { className: "text-[17px] font-semibold text-[var(--color-ink)] pb-1", children: n })
+              ]
+            }
+          ),
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: "overflow-y-auto px-4 pb-[calc(env(safe-area-inset-bottom)+16px)] flex-1",
+              children: r
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+const J = {
+  enter: { duration: 340, easing: "cubic-bezier(0.34, 1.28, 0.64, 1)" },
+  exit: { duration: 200, easing: "cubic-bezier(0.4, 0, 0.6, 1)" }
+};
+function fr({ open: e, onClose: t, title: n, actions: r }) {
+  const a = L(null), i = L(null), c = L(null), s = L(!1);
+  _(() => {
+    const l = a.current, u = i.current, f = c.current;
+    if (!(!l || !u || !f)) {
+      if (e && !s.current)
+        l.style.display = "block", u.style.display = "block", f.style.display = "block", l.animate(
+          [{ opacity: 0 }, { opacity: 1 }],
+          { ...J.enter, fill: "forwards" }
+        ), u.animate(
+          [
+            { opacity: 0, transform: "translateY(20px) scale(0.97)" },
+            { opacity: 1, transform: "translateY(0) scale(1)" }
+          ],
+          { ...J.enter, fill: "forwards" }
+        ), f.animate(
+          [
+            { opacity: 0, transform: "translateY(10px)" },
+            { opacity: 1, transform: "translateY(0)" }
+          ],
+          { ...J.enter, delay: 40, fill: "forwards" }
+        );
+      else if (!e && s.current) {
+        const v = l.animate(
+          [{ opacity: 1 }, { opacity: 0 }],
+          { ...J.exit, fill: "forwards" }
+        );
+        u.animate(
+          [
+            { opacity: 1, transform: "translateY(0) scale(1)" },
+            { opacity: 0, transform: "translateY(12px) scale(0.97)" }
+          ],
+          { ...J.exit, fill: "forwards" }
+        ), f.animate(
+          [{ opacity: 1 }, { opacity: 0 }],
+          { ...J.exit, fill: "forwards" }
+        ), v.onfinish = () => {
+          l.style.display = "none", u.style.display = "none", f.style.display = "none";
+        };
+      }
+      s.current = e;
+    }
+  }, [e]);
+  const d = (l) => {
+    l.disabled || (t(), setTimeout(() => l.onPress(), 160));
+  };
+  return /* @__PURE__ */ y(G, { children: [
+    /* @__PURE__ */ o(
+      "div",
+      {
+        ref: a,
+        style: { display: "none", zIndex: z.actionSheetBackdrop },
+        className: "fixed inset-0 bg-black/30 backdrop-blur-[2px]",
+        onClick: t,
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ y(
+      "div",
+      {
+        ref: i,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": n ?? "Action sheet",
+        style: { display: "none", zIndex: z.actionSheet },
+        className: [
+          "fixed inset-x-4",
+          "bottom-[calc(env(safe-area-inset-bottom)+76px)]",
+          // above tab bar
+          "bg-[var(--surface-solid)] rounded-[20px]",
+          "shadow-[var(--shadow-float)]",
+          "overflow-hidden"
+        ].join(" "),
+        children: [
+          n && /* @__PURE__ */ o("div", { className: "px-4 pt-4 pb-3 border-b border-[var(--surface-divider)]", children: /* @__PURE__ */ o("p", { className: "text-xs text-gray-400 text-center font-medium leading-snug", children: n }) }),
+          r.map((l, u) => /* @__PURE__ */ o(
+            "button",
+            {
+              onClick: () => d(l),
+              disabled: l.disabled,
+              className: [
+                "w-full px-4 py-[15px] text-left text-[17px] font-medium",
+                "active:bg-[var(--surface-active)] transition-colors",
+                u > 0 ? "border-t border-[var(--surface-divider)]" : "",
+                l.destructive ? "text-[var(--color-danger)]" : "text-[var(--color-ink)]",
+                l.disabled ? "opacity-40 cursor-not-allowed" : ""
+              ].join(" "),
+              children: l.label
+            },
+            u
+          ))
+        ]
+      }
+    ),
+    /* @__PURE__ */ o(
+      "button",
+      {
+        ref: c,
+        onClick: t,
+        style: { display: "none", zIndex: z.actionSheet },
+        className: [
+          "fixed inset-x-4",
+          "bottom-[calc(env(safe-area-inset-bottom)+8px)]",
+          "bg-[var(--surface-solid)] rounded-[20px]",
+          "py-[15px] text-center text-[17px] font-semibold text-[var(--color-accent)]",
+          "shadow-[var(--shadow-float)]",
+          "active:bg-[var(--surface-active)] transition-colors"
+        ].join(" "),
+        children: "Cancel"
+      }
+    )
+  ] });
+}
+function ee() {
+  const e = window.visualViewport?.height ?? window.innerHeight, t = `${Math.round(e)}px`;
+  document.documentElement.style.setProperty("--app-height", t);
+  const n = document.getElementById("root");
+  n && (n.style.height = "var(--app-height)", n.style.overflow = "hidden"), document.documentElement.style.height = "var(--app-height)", document.body.style.height = "var(--app-height)", document.body.style.overflow = "hidden";
+}
+function hr({
+  children: e,
+  lockZoom: t = !0
+}) {
+  return _(() => {
+    const n = document.querySelector('meta[name="viewport"]'), r = n?.getAttribute("content") ?? null, a = document.getElementById("root"), i = a?.style.height ?? "", c = a?.style.overflow ?? "", s = document.documentElement.style.height, d = document.body.style.height, l = document.body.style.overflow;
+    t && n && n.setAttribute("content", "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover");
+    const u = (b) => b.preventDefault(), f = (b) => {
+      b.touches.length > 1 && b.preventDefault();
+    }, v = (b) => {
+      b.ctrlKey && b.preventDefault();
+    };
+    return t && (document.addEventListener("gesturestart", u, { passive: !1 }), document.addEventListener("gesturechange", u, { passive: !1 }), document.addEventListener("gestureend", u, { passive: !1 }), document.addEventListener("touchmove", f, { passive: !1 }), window.addEventListener("wheel", v, { passive: !1 })), ee(), window.addEventListener("resize", ee), window.visualViewport?.addEventListener("resize", ee), () => {
+      window.removeEventListener("resize", ee), window.visualViewport?.removeEventListener("resize", ee), t && (document.removeEventListener("gesturestart", u), document.removeEventListener("gesturechange", u), document.removeEventListener("gestureend", u), document.removeEventListener("touchmove", f), window.removeEventListener("wheel", v)), n && r && n.setAttribute("content", r), a && (a.style.height = i, a.style.overflow = c), document.documentElement.style.height = s, document.body.style.height = d, document.body.style.overflow = l;
+    };
+  }, [t]), /* @__PURE__ */ o(G, { children: e });
+}
+const ut = se(null);
+function pr() {
+  const e = Z(ut);
+  if (!e)
+    throw new Error("useOverlayNavigator must be used within <OverlayNavigatorProvider>");
+  return e;
+}
+function pn({
+  page: e,
+  onClosed: t
+}) {
+  const { push: n, canGoBack: r } = tt(), a = L(!1), i = L(!1);
+  return _(() => {
+    a.current || (a.current = !0, requestAnimationFrame(() => n(e)));
+  }, [e, n]), _(() => {
+    if (a.current) {
+      if (r) {
+        i.current = !0;
+        return;
+      }
+      i.current && t();
+    }
+  }, [r, t]), /* @__PURE__ */ o("div", { className: "h-full w-full pointer-events-none" });
+}
+function vr({ children: e }) {
+  const [t, n] = B(null), r = $(() => n(null), []), a = $((i) => n(i), []);
+  return /* @__PURE__ */ y(
+    ut.Provider,
+    {
+      value: {
+        present: a,
+        dismiss: r,
+        isPresented: t !== null
+      },
+      children: [
+        e,
+        t && wt(
+          /* @__PURE__ */ o("div", { className: "fixed inset-0", style: { zIndex: z.sheet }, children: /* @__PURE__ */ o(
+            St,
+            {
+              initialPage: /* @__PURE__ */ o(pn, { page: t, onClosed: r })
+            }
+          ) }),
+          document.body
+        )
+      ]
+    }
+  );
+}
+function Ie(e = {}) {
+  const {
+    stiffness: t = 200,
+    damping: n = 26,
+    mass: r = 1,
+    dt: a = 8,
+    maxDuration: i = 1200
+  } = e, c = [];
+  let s = 0, d = 0, l = 0;
+  const u = 2e-3;
+  for (; l < i; ) {
+    const f = (-t * (s - 1) - n * d) / r;
+    if (d = d + f * (a / 1e3), s = s + d * (a / 1e3), c.push(s), l += a, Math.abs(s - 1) < u && Math.abs(d) < u) break;
+  }
+  return c.length === 0 && c.push(1), c[c.length - 1] = 1, { values: c, duration: c.length * a };
+}
+const De = {
+  /** Snappy, iOS-feel. Great for UI elements. */
+  default: { stiffness: 200, damping: 26, mass: 1 },
+  /** Bouncy — for fun interactions, not navigation. */
+  bouncy: { stiffness: 300, damping: 18, mass: 1 },
+  /** Stiff, fast. For subtle feedback. */
+  snappy: { stiffness: 400, damping: 35, mass: 1 },
+  /** Slow, gentle. For larger elements. */
+  gentle: { stiffness: 100, damping: 22, mass: 1.2 },
+  /** Smooth eased in-out. For page transitions. */
+  smooth: { stiffness: 220, damping: 32, mass: 1 }
+};
+function vn() {
+  return [{ opacity: 0 }, { opacity: 1 }];
+}
+function mn() {
+  return [{ opacity: 1 }, { opacity: 0 }];
+}
+function mr(e, t, n = De.default) {
+  const { values: r } = Ie(n);
+  return r.map((a) => ({
+    transform: gn(e, t, a),
+    offset: void 0
+    // let the browser distribute evenly
+  }));
+}
+function gn(e, t, n) {
+  const r = parseFloat(e) || 0, a = parseFloat(t) || 0, i = r + (a - r) * n;
+  return e.replace(/[-\d.]+/, String(Math.round(i * 100) / 100));
+}
+const Pe = (e) => ({
+  duration: e,
+  fill: "forwards"
+});
+function ue(e, t, n = De.default) {
+  const { duration: r } = Ie(n);
+  return {
+    enter: {
+      keyframes: [
+        { opacity: 0, transform: e },
+        { opacity: 1, transform: "translateX(0) translateY(0) scale(1)" }
+      ],
+      timing: { ...Pe(r), easing: "cubic-bezier(0.34, 1.28, 0.64, 1)" }
+    },
+    exit: {
+      keyframes: [
+        { opacity: 1, transform: "translateX(0) translateY(0) scale(1)" },
+        { opacity: 0, transform: t }
+      ],
+      timing: Pe(200)
+    }
+  };
+}
+const gr = {
+  /** Slide up from bottom (modal / toast enter style) */
+  slideUp: ue("translateY(20px) scale(0.97)", "translateY(12px) scale(0.98)"),
+  /** Slide down from top */
+  slideDown: ue("translateY(-20px) scale(0.97)", "translateY(-12px) scale(0.98)"),
+  /** Slide in from right (iOS push) */
+  slideRight: ue("translateX(100%)", "translateX(30%)"),
+  /** Slide in from left (iOS pop) */
+  slideLeft: ue("translateX(-30%)", "translateX(100%)"),
+  /** Scale in (zoom from 0.92 to 1) */
+  scale: {
+    enter: {
+      keyframes: [{ opacity: 0, transform: "scale(0.92)" }, { opacity: 1, transform: "scale(1)" }],
+      timing: { duration: Ie(De.default).duration, fill: "forwards", easing: "cubic-bezier(0.34, 1.28, 0.64, 1)" }
+    },
+    exit: {
+      keyframes: [{ opacity: 1, transform: "scale(1)" }, { opacity: 0, transform: "scale(0.95)" }],
+      timing: Pe(200)
+    }
+  },
+  /** Pure fade (no movement) */
+  fade: {
+    enter: {
+      keyframes: vn(),
+      timing: { duration: 220, fill: "forwards", easing: "ease-out" }
+    },
+    exit: {
+      keyframes: mn(),
+      timing: { duration: 160, fill: "forwards", easing: "ease-in" }
+    }
+  }
+};
+function X(e, { keyframes: t, timing: n }) {
+  return e ? e.animate(t, n) : null;
+}
+function br(e, t, n) {
+  const i = "cubic-bezier(0.28, 0.64, 0.34, 1)", c = "cubic-bezier(0.22, 0.61, 0.36, 1)";
+  switch (n) {
+    case "push": {
+      X(e, {
+        keyframes: [
+          { transform: "translateX(100%)", opacity: 0.8 },
+          { transform: "translateX(0)", opacity: 1 }
+        ],
+        timing: { duration: 360, fill: "forwards", easing: i }
+      }), X(t, {
+        keyframes: [
+          { transform: "translateX(0)", opacity: 1 },
+          { transform: "translateX(-28%)", opacity: 0.6 }
+        ],
+        timing: { duration: 360, fill: "forwards", easing: i }
+      });
+      break;
+    }
+    case "pop": {
+      X(e, {
+        keyframes: [
+          { transform: "translateX(-28%)", opacity: 0.6 },
+          { transform: "translateX(0)", opacity: 1 }
+        ],
+        timing: { duration: 300, fill: "forwards", easing: c }
+      }), X(t, {
+        keyframes: [
+          { transform: "translateX(0)", opacity: 1 },
+          { transform: "translateX(100%)", opacity: 0.8 }
+        ],
+        timing: { duration: 300, fill: "forwards", easing: c }
+      });
+      break;
+    }
+    case "modal": {
+      X(e, {
+        keyframes: [
+          { transform: "translateY(100%)", opacity: 0.9 },
+          { transform: "translateY(0)", opacity: 1 }
+        ],
+        timing: { duration: 360, fill: "forwards", easing: i }
+      });
+      break;
+    }
+    case "dismiss": {
+      X(t, {
+        keyframes: [
+          { transform: "translateY(0)", opacity: 1 },
+          { transform: "translateY(100%)", opacity: 0.9 }
+        ],
+        timing: { duration: 300, fill: "forwards", easing: c }
+      });
+      break;
+    }
+  }
+}
+function xr(e) {
+  const t = L(null), n = $(() => {
+    const a = X(t.current, e.enter);
+    return a ? new Promise((i) => {
+      a.onfinish = () => i();
+    }) : Promise.resolve();
+  }, [e]), r = $(() => {
+    const a = X(t.current, e.exit);
+    return a ? new Promise((i) => {
+      a.onfinish = () => i();
+    }) : Promise.resolve();
+  }, [e]);
+  return [t, n, r];
+}
+function yr({
+  label: e,
+  helper: t,
+  error: n,
+  type: r = "text",
+  value: a,
+  onChange: i,
+  placeholder: c,
+  disabled: s = !1,
+  clearable: d = !1,
+  leadingIcon: l,
+  className: u = ""
+}) {
+  const f = Ze(), v = L(null), [b, E] = B(!1), k = r === "password", h = k && b ? "text" : r, p = a !== void 0 && a !== "", m = !!n, S = m ? "focus-within:shadow-[0_0_0_3px_rgba(230,57,70,0.28)]" : "focus-within:shadow-[0_0_0_3px_rgba(67,97,238,0.24)]";
+  return /* @__PURE__ */ y("div", { className: `flex flex-col gap-1.5 ${u}`, children: [
+    e && /* @__PURE__ */ o(
+      "label",
+      {
+        htmlFor: f,
+        className: "text-[13px] font-medium text-[var(--color-ink)] px-1",
+        children: e
+      }
+    ),
+    /* @__PURE__ */ y(
+      "div",
+      {
+        className: [
+          "flex items-center gap-2 px-3 rounded-xl min-h-[44px]",
+          "bg-[var(--input-bg)] transition-shadow duration-150",
+          S,
+          m ? "shadow-[0_0_0_1.5px_rgba(230,57,70,0.5)]" : "",
+          s ? "opacity-40 pointer-events-none" : ""
+        ].join(" "),
+        onClick: () => v.current?.focus(),
+        children: [
+          l && /* @__PURE__ */ o("span", { className: "shrink-0 text-[var(--color-muted)] text-[17px] leading-none select-none", children: l }),
+          /* @__PURE__ */ o(
+            "input",
+            {
+              ref: v,
+              id: f,
+              type: h,
+              value: a,
+              onChange: (g) => i?.(g.target.value),
+              placeholder: c,
+              disabled: s,
+              autoCapitalize: r === "email" || k ? "none" : void 0,
+              autoCorrect: k || r === "email" ? "off" : void 0,
+              spellCheck: k ? !1 : void 0,
+              className: [
+                "flex-1 min-w-0 bg-transparent outline-none select-text",
+                "text-[15px] text-[var(--color-ink)] placeholder:text-[var(--color-muted)]",
+                "leading-none py-3"
+              ].join(" ")
+            }
+          ),
+          d && p && !k && /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              onPointerDown: (g) => {
+                g.preventDefault(), i?.(""), v.current?.focus();
+              },
+              className: "shrink-0 flex items-center justify-center w-5 h-5 rounded-full bg-[var(--color-muted)] opacity-60 active:opacity-40 transition-opacity",
+              "aria-label": "Clear",
+              children: /* @__PURE__ */ o("span", { className: "text-white text-[11px] font-bold leading-none select-none", children: "✕" })
+            }
+          ),
+          k && /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              onPointerDown: (g) => {
+                g.preventDefault(), E((x) => !x);
+              },
+              className: "shrink-0 text-[var(--color-muted)] text-[15px] leading-none min-w-[28px] min-h-[28px] flex items-center justify-center active:opacity-40 transition-opacity",
+              "aria-label": b ? "Hide password" : "Show password",
+              children: b ? "🙈" : "👁"
+            }
+          )
+        ]
+      }
+    ),
+    (t || n) && /* @__PURE__ */ o(
+      "p",
+      {
+        className: [
+          "text-[12px] px-1 leading-snug",
+          m ? "text-[var(--color-danger)]" : "text-[var(--color-muted)]"
+        ].join(" "),
+        children: n ?? t
+      }
+    )
+  ] });
+}
+const bn = {
+  default: "bg-[var(--surface-solid-hover)] text-[var(--color-ink)]  border border-[var(--surface-divider)]",
+  primary: "bg-[var(--color-accent)]         text-white",
+  success: "bg-[var(--surface-success)]      text-[var(--color-success)]",
+  warning: "bg-[var(--surface-warning)]      text-[#7a5c00]",
+  danger: "bg-[var(--surface-danger)]       text-[var(--color-danger)]",
+  muted: "bg-[var(--input-bg)]             text-[var(--color-muted)]"
+}, xn = {
+  sm: "text-[10px] px-1.5 py-px  font-bold tracking-wide leading-none",
+  md: "text-[12px] px-2   py-0.5 font-semibold leading-none"
+};
+function wr({
+  children: e,
+  variant: t = "default",
+  size: n = "md",
+  className: r = ""
+}) {
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      className: [
+        "inline-flex items-center justify-center rounded-full select-none whitespace-nowrap",
+        bn[t],
+        xn[n],
+        r
+      ].join(" "),
+      children: e
+    }
+  );
+}
+function yn({
+  label: e,
+  selected: t = !1,
+  onToggle: n,
+  disabled: r = !1,
+  icon: a,
+  className: i = ""
+}) {
+  return /* @__PURE__ */ y(
+    "button",
+    {
+      type: "button",
+      onClick: () => !r && n?.(!t),
+      disabled: r,
+      className: [
+        // layout + shape
+        "inline-flex items-center gap-1.5 px-3.5 rounded-full select-none",
+        "min-h-[34px]",
+        // comfortable tap height under 44px rows
+        "transition-all duration-150",
+        // selected state
+        t ? "bg-[var(--color-ink)] text-white shadow-[var(--shadow-xs)]" : "bg-[var(--input-bg)] text-[var(--color-ink)] border border-[var(--surface-divider)]",
+        // interaction
+        r ? "opacity-40 pointer-events-none" : "active:scale-[0.94] active:opacity-80",
+        i
+      ].join(" "),
+      children: [
+        a && /* @__PURE__ */ o("span", { className: "text-[13px] leading-none", children: a }),
+        /* @__PURE__ */ o("span", { className: "text-[13px] font-medium leading-none whitespace-nowrap", children: e }),
+        t && /* @__PURE__ */ o("span", { className: "text-[10px] leading-none opacity-70", children: "✓" })
+      ]
+    }
+  );
+}
+function kr({
+  options: e,
+  value: t,
+  onChange: n,
+  multi: r = !1,
+  className: a = ""
+}) {
+  const i = Array.isArray(t) ? t : [t], c = (s) => {
+    if (r) {
+      const d = i, l = d.includes(s) ? d.filter((u) => u !== s) : [...d, s];
+      n(l);
+    } else
+      n(s);
+  };
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: `flex gap-2 overflow-x-auto pb-1 ${a}`,
+      style: {
+        scrollbarWidth: "none",
+        WebkitOverflowScrolling: "touch"
+      },
+      children: e.map((s) => /* @__PURE__ */ o(
+        yn,
+        {
+          label: s.label,
+          icon: s.icon,
+          selected: i.includes(s.value),
+          onToggle: () => c(s.value)
+        },
+        s.value
+      ))
+    }
+  );
+}
+const Be = "cubic-bezier(0.34, 1.56, 0.64, 1)", We = "0.32s";
+function Sr({
+  options: e,
+  value: t,
+  onChange: n,
+  size: r = "md",
+  fullWidth: a = !0,
+  className: i = "",
+  "aria-label": c
+}) {
+  const s = Ze(), d = e.length, l = Math.max(0, e.findIndex((p) => p.value === t)), u = r === "sm" ? "30px" : "36px", f = r === "sm" ? "12px" : "13px", v = "500", b = 2, E = `calc((100% - ${b * 2}px) / ${d})`, k = `calc(${b}px + ${l} * (100% - ${b * 2}px) / ${d})`;
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      role: "tablist",
+      "aria-label": c ?? "Segmented control",
+      onKeyDown: (p) => {
+        const m = e.map((x, w) => ({ o: x, i: w })).filter(({ o: x }) => !x.disabled).map(({ i: x }) => x), S = m.indexOf(l);
+        let g = null;
+        if (p.key === "ArrowRight" || p.key === "ArrowDown" ? (p.preventDefault(), g = (S + 1) % m.length) : p.key === "ArrowLeft" || p.key === "ArrowUp" ? (p.preventDefault(), g = (S - 1 + m.length) % m.length) : p.key === "Home" ? (p.preventDefault(), g = 0) : p.key === "End" && (p.preventDefault(), g = m.length - 1), g !== null) {
+          const x = m[g];
+          n(e[x].value);
+        }
+      },
+      className: i,
+      style: {
+        position: "relative",
+        display: "inline-flex",
+        width: a ? "100%" : "auto",
+        height: u,
+        backgroundColor: "var(--input-bg)",
+        borderRadius: "var(--radius-sm)",
+        // 10px — matches iOS
+        padding: `${b}px`,
+        boxSizing: "border-box",
+        // subtle inner shadow like iOS
+        boxShadow: "inset 0 1px 3px rgba(0,0,0,0.12)"
+      },
+      children: [
+        /* @__PURE__ */ o(
+          "div",
+          {
+            "aria-hidden": "true",
+            style: {
+              position: "absolute",
+              top: `${b}px`,
+              left: k,
+              width: E,
+              bottom: `${b}px`,
+              borderRadius: `calc(var(--radius-sm) - ${b}px)`,
+              // inset radius
+              backgroundColor: "var(--surface-solid)",
+              boxShadow: "var(--shadow-xs)",
+              transition: `left ${We} ${Be}`,
+              pointerEvents: "none",
+              willChange: "left"
+            }
+          }
+        ),
+        e.map((p, m) => {
+          const S = m === l, g = p.disabled === !0, x = `${s}-tab-${p.value}`;
+          return /* @__PURE__ */ y(
+            "button",
+            {
+              id: x,
+              role: "tab",
+              type: "button",
+              "aria-selected": S,
+              "aria-disabled": g,
+              tabIndex: S ? 0 : -1,
+              disabled: g,
+              onClick: () => !g && n(p.value),
+              style: {
+                // layout
+                flex: 1,
+                position: "relative",
+                zIndex: 1,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                gap: "4px",
+                padding: "0 4px",
+                minWidth: 0,
+                // typography
+                fontSize: f,
+                fontWeight: v,
+                fontFamily: "var(--font-sans)",
+                lineHeight: 1,
+                whiteSpace: "nowrap",
+                userSelect: "none",
+                // color — transitions smoothly with the pill
+                color: S ? "var(--color-ink)" : "var(--color-muted)",
+                opacity: g ? 0.38 : 1,
+                // transitions
+                transition: `color ${We} ${Be}, opacity 150ms ease`,
+                // reset button defaults
+                background: "transparent",
+                border: "none",
+                outline: "none",
+                cursor: g ? "not-allowed" : "pointer",
+                WebkitTapHighlightColor: "transparent",
+                borderRadius: `calc(var(--radius-sm) - ${b}px)`
+              },
+              children: [
+                p.icon && /* @__PURE__ */ o(
+                  "span",
+                  {
+                    style: {
+                      fontSize: r === "sm" ? "11px" : "13px",
+                      lineHeight: 1,
+                      flexShrink: 0
+                    },
+                    children: p.icon
+                  }
+                ),
+                /* @__PURE__ */ o(
+                  "span",
+                  {
+                    style: {
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      maxWidth: "100%"
+                    },
+                    children: p.label
+                  }
+                )
+              ]
+            },
+            p.value
+          );
+        })
+      ]
+    }
+  );
+}
+const wn = {
+  xs: 3,
+  sm: 6,
+  md: 8,
+  lg: 12
+}, kn = {
+  accent: "var(--color-accent)",
+  success: "var(--color-success)",
+  warning: "var(--color-warning)",
+  danger: "var(--color-danger)",
+  muted: "var(--color-muted)"
+};
+function Er({
+  value: e,
+  max: t = 100,
+  size: n = "sm",
+  variant: r = "accent",
+  showLabel: a = !1,
+  label: i,
+  animated: c = !0,
+  "aria-label": s,
+  className: d = ""
+}) {
+  const l = Math.max(0, Math.min(e, t)), u = t > 0 ? l / t * 100 : 0, f = wn[n], v = kn[r], b = i ?? (t !== 100 ? `${l} / ${t}` : null), E = u > 0 ? `${Math.round(u)}%` : null;
+  return /* @__PURE__ */ y("div", { className: d, style: { width: "100%" }, children: [
+    a && (b || E) && /* @__PURE__ */ y(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          marginBottom: 6
+        },
+        children: [
+          b && /* @__PURE__ */ o(
+            "span",
+            {
+              style: {
+                fontSize: 11,
+                fontFamily: "var(--font-mono)",
+                color: "var(--color-muted)",
+                lineHeight: 1
+              },
+              children: b
+            }
+          ),
+          E && /* @__PURE__ */ o(
+            "span",
+            {
+              style: {
+                fontSize: 11,
+                fontFamily: "var(--font-mono)",
+                color: v,
+                lineHeight: 1
+              },
+              children: E
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        role: "progressbar",
+        "aria-valuenow": Math.round(u),
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-label": s ?? "Progress",
+        style: {
+          position: "relative",
+          width: "100%",
+          height: f,
+          borderRadius: 9999,
+          backgroundColor: "var(--input-bg)",
+          overflow: "hidden"
+        },
+        children: /* @__PURE__ */ o(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              inset: 0,
+              right: "auto",
+              // let width control the fill
+              width: `${u}%`,
+              borderRadius: 9999,
+              backgroundColor: v,
+              transition: c ? "width 0.5s cubic-bezier(0.4, 0, 0.2, 1)" : void 0,
+              // Subtle shimmer on larger bars to suggest activity
+              ...n === "lg" || n === "md" ? {
+                backgroundImage: `linear-gradient(
+                    90deg,
+                    ${v} 0%,
+                    color-mix(in srgb, ${v} 80%, white) 50%,
+                    ${v} 100%
+                  )`
+              } : {}
+            }
+          }
+        )
+      }
+    )
+  ] });
+}
+function Pr({
+  total: e,
+  current: t,
+  dotSize: n = 8,
+  gap: r = 6,
+  "aria-label": a,
+  className: i = ""
+}) {
+  const c = Math.max(0, Math.min(t, e - 1)), s = n * 2;
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      role: "tablist",
+      "aria-label": a ?? `Step ${c + 1} of ${e}`,
+      className: i,
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: r,
+        padding: "4px 0"
+      },
+      children: Array.from({ length: e }, (d, l) => {
+        const u = l === c, f = l < c;
+        return /* @__PURE__ */ o(
+          "div",
+          {
+            role: "tab",
+            "aria-selected": u,
+            "aria-label": `Step ${l + 1}`,
+            style: {
+              // Shape: active expands to a capsule, others stay circular
+              width: u ? s : n,
+              height: n,
+              borderRadius: 9999,
+              // Colour
+              backgroundColor: u ? "var(--color-accent)" : f ? "color-mix(in srgb, var(--color-accent) 30%, transparent)" : "var(--input-bg)",
+              border: !u && !f ? "1.5px solid var(--surface-divider)" : "none",
+              // Spring-like transition — width + background together
+              transition: [
+                "width 0.32s cubic-bezier(0.34, 1.56, 0.64, 1)",
+                "background-color 0.2s ease"
+              ].join(", "),
+              // Perf
+              willChange: "width",
+              flexShrink: 0
+            }
+          },
+          l
+        );
+      })
+    }
+  );
+}
+const Sn = "cubic-bezier(0.34, 1.28, 0.64, 1)", En = "cubic-bezier(0.4, 0, 0.6, 1)";
+function Pn() {
+  return /* @__PURE__ */ y(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ o("circle", { cx: "11", cy: "11", r: "7.5" }),
+        /* @__PURE__ */ o("line", { x1: "16.5", y1: "16.5", x2: "22", y2: "22" })
+      ]
+    }
+  );
+}
+function Lr({
+  value: e,
+  onChange: t,
+  onCancel: n,
+  onFocus: r,
+  onBlur: a,
+  onSubmit: i,
+  placeholder: c = "Search",
+  showCancel: s = !1,
+  cancelLabel: d = "Cancel",
+  disabled: l = !1,
+  autoFocus: u = !1,
+  className: f = ""
+}) {
+  const v = L(null), b = e.length > 0, E = () => {
+    Y(), r?.();
+  }, k = () => {
+    a?.();
+  }, h = () => {
+    t(""), v.current?.focus();
+  }, p = () => {
+    t(""), v.current?.blur(), n?.();
+  }, m = (S) => {
+    S.key === "Enter" ? (S.preventDefault(), i?.(e), v.current?.blur()) : S.key === "Escape" && p();
+  };
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      className: `flex items-center gap-2 ${f}`,
+      style: { WebkitTapHighlightColor: "transparent" },
+      children: [
+        /* @__PURE__ */ y(
+          "div",
+          {
+            className: [
+              "flex items-center gap-1.5 px-3 flex-1 min-w-0",
+              "bg-[var(--input-bg)] rounded-[var(--radius-full)]",
+              "transition-shadow duration-150",
+              s ? "focus-within:shadow-[0_0_0_2.5px_rgba(67,97,238,0.22)]" : "",
+              l ? "opacity-40 pointer-events-none" : ""
+            ].join(" "),
+            style: {
+              height: 36,
+              // iOS UISearchBar canonical height
+              minHeight: 36
+            },
+            onClick: () => v.current?.focus(),
+            children: [
+              /* @__PURE__ */ o(
+                "span",
+                {
+                  className: "shrink-0 text-[var(--color-muted)] leading-none",
+                  style: { marginTop: 1 },
+                  children: /* @__PURE__ */ o(Pn, {})
+                }
+              ),
+              /* @__PURE__ */ o(
+                "input",
+                {
+                  ref: v,
+                  type: "search",
+                  inputMode: "search",
+                  enterKeyHint: "search",
+                  autoCapitalize: "none",
+                  autoCorrect: "off",
+                  autoComplete: "off",
+                  spellCheck: !1,
+                  autoFocus: u,
+                  value: e,
+                  disabled: l,
+                  placeholder: c,
+                  onChange: (S) => t(S.target.value),
+                  onFocus: E,
+                  onBlur: k,
+                  onKeyDown: m,
+                  className: [
+                    "flex-1 min-w-0 bg-transparent outline-none",
+                    "text-[15px] text-[var(--color-ink)]",
+                    "placeholder:text-[var(--color-muted)]",
+                    // Reset native search input chrome (✕ button on WebKit)
+                    "[&::-webkit-search-decoration]:hidden",
+                    "[&::-webkit-search-cancel-button]:hidden",
+                    "[&::-webkit-search-results-button]:hidden"
+                  ].join(" "),
+                  "aria-label": c
+                }
+              ),
+              b && /* @__PURE__ */ o(
+                "button",
+                {
+                  type: "button",
+                  onPointerDown: (S) => {
+                    S.preventDefault(), h();
+                  },
+                  className: [
+                    "shrink-0 flex items-center justify-center",
+                    "w-[17px] h-[17px] rounded-full",
+                    "bg-[var(--color-muted)] opacity-50",
+                    "active:opacity-30 transition-opacity duration-100"
+                  ].join(" "),
+                  "aria-label": "Clear search",
+                  children: /* @__PURE__ */ o(
+                    "span",
+                    {
+                      className: "text-white font-bold leading-none select-none",
+                      style: { fontSize: 10 },
+                      children: "✕"
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ o(
+          "div",
+          {
+            "aria-hidden": !s,
+            style: {
+              // Spring-physics width transition: expand from 0 → auto
+              // We drive it with max-width + opacity so the pill reflows naturally
+              maxWidth: s ? 80 : 0,
+              opacity: s ? 1 : 0,
+              overflow: "hidden",
+              transition: [
+                `max-width 0.32s ${s ? Sn : En}`,
+                `opacity   ${s ? "0.2s 0.04s ease" : "0.15s ease"}`
+              ].join(", "),
+              flexShrink: 0,
+              whiteSpace: "nowrap",
+              // Pad left inside so text doesn't touch the pill edge
+              paddingLeft: 0
+            },
+            children: /* @__PURE__ */ o(
+              "button",
+              {
+                type: "button",
+                tabIndex: s ? 0 : -1,
+                onClick: p,
+                className: [
+                  "text-[var(--color-accent)] font-medium text-[17px]",
+                  "min-h-[44px] min-w-[44px]",
+                  "flex items-center justify-center",
+                  "active:opacity-50 transition-opacity duration-100",
+                  "select-none whitespace-nowrap"
+                ].join(" "),
+                style: { paddingLeft: 4 },
+                children: d
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+const re = 51, fe = 31, pe = 27, Le = 2, Ln = re - pe - Le * 2, Cn = {
+  success: "var(--color-success)",
+  accent: "var(--color-accent)",
+  primary: "var(--color-ink)"
+}, ke = "cubic-bezier(0.34, 1.28, 0.64, 1)", Se = "320ms";
+function Cr({
+  checked: e,
+  onChange: t,
+  label: n,
+  sublabel: r,
+  disabled: a = !1,
+  variant: i = "success",
+  "aria-label": c,
+  className: s = ""
+}) {
+  const d = () => {
+    a || (Y(), t(!e));
+  }, l = (E) => {
+    (E.key === " " || E.key === "Enter") && (E.preventDefault(), d());
+  }, u = {
+    position: "relative",
+    width: re,
+    minWidth: re,
+    // prevent flex shrink
+    height: fe,
+    borderRadius: fe / 2,
+    backgroundColor: e ? Cn[i] : "var(--input-bg)",
+    // Inset shadow gives the recessed track look iOS uses
+    boxShadow: e ? "none" : "inset 0 0 0 1.5px var(--surface-divider)",
+    transition: [
+      `background-color ${Se} ${ke}`,
+      `box-shadow        ${Se} ${ke}`
+    ].join(", "),
+    cursor: a ? "not-allowed" : "pointer",
+    opacity: a ? 0.4 : 1,
+    flexShrink: 0
+  }, f = {
+    position: "absolute",
+    top: Le,
+    left: Le,
+    width: pe,
+    height: pe,
+    borderRadius: pe / 2,
+    backgroundColor: "#ffffff",
+    boxShadow: "0 2px 6px rgba(0,0,0,0.22), 0 0.5px 2px rgba(0,0,0,0.14)",
+    transform: e ? `translateX(${Ln}px)` : "translateX(0px)",
+    transition: `transform ${Se} ${ke}`,
+    willChange: "transform",
+    pointerEvents: "none"
+  }, v = !!(n || r), b = /* @__PURE__ */ o(
+    "div",
+    {
+      role: "switch",
+      "aria-checked": e,
+      "aria-disabled": a,
+      "aria-label": v ? void 0 : c ?? "Toggle",
+      tabIndex: a ? -1 : 0,
+      onKeyDown: l,
+      style: u,
+      onClick: v ? void 0 : d,
+      children: /* @__PURE__ */ o("div", { style: f })
+    }
+  );
+  return v ? /* @__PURE__ */ y(
+    "div",
+    {
+      role: "switch",
+      "aria-checked": e,
+      "aria-disabled": a,
+      "aria-label": c,
+      tabIndex: a ? -1 : 0,
+      onKeyDown: l,
+      onClick: d,
+      className: s,
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        gap: 12,
+        minHeight: 44,
+        // Apple HIG minimum touch target
+        cursor: a ? "not-allowed" : "pointer",
+        opacity: a ? 0.4 : 1,
+        // Override cursor on the inner track when label is present
+        userSelect: "none",
+        WebkitTapHighlightColor: "transparent"
+      },
+      children: [
+        /* @__PURE__ */ y("div", { style: { flex: 1, minWidth: 0 }, children: [
+          n && /* @__PURE__ */ o("p", { style: {
+            fontSize: 15,
+            fontWeight: 500,
+            color: "var(--color-ink)",
+            lineHeight: 1.3,
+            margin: 0
+          }, children: n }),
+          r && /* @__PURE__ */ o("p", { style: {
+            fontSize: 13,
+            color: "var(--color-muted)",
+            lineHeight: 1.3,
+            margin: "2px 0 0"
+          }, children: r })
+        ] }),
+        /* @__PURE__ */ o("div", { style: { ...u, cursor: "inherit" }, children: /* @__PURE__ */ o("div", { style: f }) })
+      ]
+    }
+  ) : /* @__PURE__ */ o(
+    "div",
+    {
+      className: s,
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        // Extend touch target to 44px using padding — visually transparent
+        padding: `${(44 - fe) / 2}px ${(44 - re) / 2}px`,
+        margin: `-${(44 - fe) / 2}px -${(44 - re) / 2}px`,
+        cursor: a ? "not-allowed" : "pointer"
+      },
+      onClick: d,
+      children: b
+    }
+  );
+}
+function Nr() {
+  return he(() => ({
+    impact(e) {
+      switch (e) {
+        case "light":
+          Y();
+          break;
+        case "medium":
+          xe();
+          break;
+        case "heavy":
+          rt();
+          break;
+      }
+    },
+    notification(e) {
+      switch (e) {
+        case "success":
+          at();
+          break;
+        case "warning":
+          jt();
+          break;
+        case "error":
+          _t();
+          break;
+      }
+    },
+    selection() {
+      me();
+    }
+  }), []);
+}
+function Tr(e = {}) {
+  const t = L(null), n = L(e);
+  return n.current = e, _(() => {
+    const r = t.current;
+    if (!r) return;
+    let a = 0, i = 0, c = 0, s = 0, d = 0, l = 0, u = 0, f = !1;
+    const v = (h, p) => ({
+      dx: h - a,
+      dy: p - i,
+      vx: l,
+      vy: u,
+      x: h,
+      y: p
+    }), b = (h) => {
+      h.isPrimary && (a = h.clientX, i = h.clientY, c = h.clientX, s = h.clientY, d = h.timeStamp, l = 0, u = 0, f = !0, r.setPointerCapture(h.pointerId), n.current.onStart?.(v(h.clientX, h.clientY)));
+    }, E = (h) => {
+      if (!f || !h.isPrimary) return;
+      n.current.preventDefault !== !1 && h.preventDefault();
+      const p = h.timeStamp - d;
+      p > 0 && (l = 0.7 * ((h.clientX - c) / p) + (1 - 0.7) * l, u = 0.7 * ((h.clientY - s) / p) + (1 - 0.7) * u), c = h.clientX, s = h.clientY, d = h.timeStamp, n.current.onMove?.(v(h.clientX, h.clientY));
+    }, k = (h) => {
+      !f || !h.isPrimary || (f = !1, n.current.onEnd?.(v(h.clientX, h.clientY)));
+    };
+    return r.addEventListener("pointerdown", b, { passive: !0 }), r.addEventListener("pointermove", E, { passive: !1 }), r.addEventListener("pointerup", k, { passive: !0 }), r.addEventListener("pointercancel", k, { passive: !0 }), () => {
+      r.removeEventListener("pointerdown", b), r.removeEventListener("pointermove", E), r.removeEventListener("pointerup", k), r.removeEventListener("pointercancel", k);
+    };
+  }, []), t;
+}
+function Ye(e) {
+  const [t, n] = [e[0], e[1]], r = n.clientX - t.clientX, a = n.clientY - t.clientY;
+  return Math.hypot(r, a);
+}
+function ze(e) {
+  return [
+    (e[0].clientX + e[1].clientX) / 2,
+    (e[0].clientY + e[1].clientY) / 2
+  ];
+}
+function Ir(e = {}) {
+  const t = L(null), n = L(e);
+  return n.current = e, _(() => {
+    const r = t.current;
+    if (!r) return;
+    let a = 0, i = !1;
+    const c = (l) => {
+      if (l.touches.length !== 2) return;
+      l.preventDefault(), a = Ye(l.touches), i = !0;
+      const u = ze(l.touches);
+      n.current.onStart?.({ scale: 1, origin: u });
+    }, s = (l) => {
+      if (!i || l.touches.length !== 2) return;
+      l.preventDefault();
+      const u = Ye(l.touches), f = a > 0 ? u / a : 1, v = ze(l.touches);
+      n.current.onMove?.({ scale: f, origin: v });
+    }, d = (l) => {
+      i && l.touches.length < 2 && (i = !1, n.current.onEnd?.({ scale: 1, origin: [0, 0] }));
+    };
+    return r.addEventListener("touchstart", c, { passive: !1 }), r.addEventListener("touchmove", s, { passive: !1 }), r.addEventListener("touchend", d, { passive: !0 }), r.addEventListener("touchcancel", d, { passive: !0 }), () => {
+      r.removeEventListener("touchstart", c), r.removeEventListener("touchmove", s), r.removeEventListener("touchend", d), r.removeEventListener("touchcancel", d);
+    };
+  }, []), t;
+}
+function Dr(e) {
+  const t = L(null), n = L(e);
+  return n.current = e, _(() => {
+    const r = t.current;
+    if (!r) return;
+    let a = null, i = 0, c = 0;
+    const s = () => {
+      a !== null && (clearTimeout(a), a = null);
+    }, d = (u) => {
+      if (!u.isPrimary) return;
+      i = u.clientX, c = u.clientY, s();
+      const f = n.current.delay ?? 500, v = n.current.haptic !== !1;
+      a = setTimeout(() => {
+        a = null, v && xe(), n.current.onLongPress();
+      }, f);
+    }, l = (u) => {
+      if (!u.isPrimary || a === null) return;
+      const f = n.current.threshold ?? 10;
+      Math.hypot(u.clientX - i, u.clientY - c) > f && s();
+    };
+    return r.addEventListener("pointerdown", d, { passive: !0 }), r.addEventListener("pointermove", l, { passive: !0 }), r.addEventListener("pointerup", s, { passive: !0 }), r.addEventListener("pointercancel", s, { passive: !0 }), () => {
+      s(), r.removeEventListener("pointerdown", d), r.removeEventListener("pointermove", l), r.removeEventListener("pointerup", s), r.removeEventListener("pointercancel", s);
+    };
+  }, []), t;
+}
+const Nn = {
+  default: "📭",
+  error: "⚠️",
+  offline: "📡",
+  search: "🔍"
+};
+function Tn({ label: e, onPress: t, variant: n = "primary" }) {
+  const r = () => {
+    Y(), t();
+  };
+  return n === "ghost" ? /* @__PURE__ */ o(
+    "button",
+    {
+      type: "button",
+      onClick: r,
+      style: {
+        background: "transparent",
+        border: "none",
+        color: "var(--color-accent)",
+        fontSize: 17,
+        fontWeight: 500,
+        padding: "10px 20px",
+        minHeight: 44,
+        cursor: "pointer",
+        borderRadius: 12,
+        transition: "opacity 0.12s ease"
+      },
+      onPointerDown: (a) => a.currentTarget.style.opacity = "0.5",
+      onPointerUp: (a) => a.currentTarget.style.opacity = "1",
+      onPointerLeave: (a) => a.currentTarget.style.opacity = "1",
+      children: e
+    }
+  ) : /* @__PURE__ */ o(
+    "button",
+    {
+      type: "button",
+      onClick: r,
+      style: {
+        background: "var(--color-ink)",
+        border: "none",
+        color: "var(--color-paper)",
+        fontSize: 15,
+        fontWeight: 600,
+        padding: "0 24px",
+        height: 44,
+        minWidth: 120,
+        cursor: "pointer",
+        borderRadius: 12,
+        transition: "opacity 0.12s ease",
+        WebkitTapHighlightColor: "transparent"
+      },
+      onPointerDown: (a) => a.currentTarget.style.opacity = "0.7",
+      onPointerUp: (a) => a.currentTarget.style.opacity = "1",
+      onPointerLeave: (a) => a.currentTarget.style.opacity = "1",
+      children: e
+    }
+  );
+}
+function Rr({
+  icon: e,
+  title: t,
+  subtitle: n,
+  action: r,
+  variant: a = "default",
+  contained: i = !1,
+  className: c = ""
+}) {
+  const s = e !== void 0 ? e : Nn[a], d = typeof s == "string", l = r != null && typeof r == "object" && "label" in r && "onPress" in r;
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      className: c,
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        textAlign: "center",
+        padding: i ? "32px 24px" : "48px 32px",
+        // Full-screen: fill parent height; contained: let content determine height
+        ...i ? {} : { flex: 1, minHeight: 280 }
+      },
+      children: [
+        s != null && /* @__PURE__ */ o(
+          "div",
+          {
+            "aria-hidden": "true",
+            style: {
+              marginBottom: i ? 16 : 20,
+              fontSize: i ? 40 : 52,
+              lineHeight: 1,
+              // Slight entrance: no JS animation, keep it simple and safe
+              opacity: 1
+            },
+            children: d ? /* @__PURE__ */ o("span", { role: "img", "aria-hidden": "true", style: { fontSize: "inherit" }, children: s }) : s
+          }
+        ),
+        /* @__PURE__ */ o(
+          "p",
+          {
+            style: {
+              fontSize: i ? 17 : 20,
+              fontWeight: 700,
+              color: a === "error" ? "var(--color-danger)" : "var(--color-ink)",
+              lineHeight: 1.3,
+              margin: 0,
+              marginBottom: n ? 6 : r ? 20 : 0,
+              maxWidth: 280
+            },
+            children: t
+          }
+        ),
+        n && /* @__PURE__ */ o(
+          "p",
+          {
+            style: {
+              fontSize: i ? 14 : 15,
+              fontWeight: 400,
+              color: "var(--color-muted)",
+              lineHeight: 1.5,
+              margin: 0,
+              marginBottom: r ? i ? 20 : 28 : 0,
+              maxWidth: 260
+            },
+            children: n
+          }
+        ),
+        r && /* @__PURE__ */ o("div", { style: { marginTop: !n && r ? i ? 20 : 24 : 0 }, children: l ? /* @__PURE__ */ o(Tn, { ...r }) : r })
+      ]
+    }
+  );
+}
+const ft = {
+  xs: 28,
+  sm: 36,
+  md: 44,
+  lg: 56,
+  xl: 80
+}, In = {
+  xs: 11,
+  sm: 13,
+  md: 16,
+  lg: 20,
+  xl: 28
+}, Dn = {
+  xs: 8,
+  sm: 10,
+  md: 12,
+  lg: 14,
+  xl: 18
+}, Rn = {
+  xs: 1.5,
+  sm: 2,
+  md: 2.5,
+  lg: 2.5,
+  xl: 3
+}, Ue = [
+  "#4361ee",
+  // subject blue
+  "#2d6a4f",
+  // success green
+  "#e63946",
+  // accent red
+  "#e76f51",
+  // object orange
+  "#6d6875",
+  // particle purple
+  "#9b2226",
+  // verb deep red
+  "#457b9d",
+  // calm blue
+  "#2a9d8f"
+  // teal
+];
+function $n(e) {
+  let t = 0;
+  for (let n = 0; n < e.length; n++)
+    t = t * 31 + e.charCodeAt(n) >>> 0;
+  return Ue[t % Ue.length];
+}
+function jn(e) {
+  if (!e.trim()) return "?";
+  const t = e.trim().split(/\s+/);
+  return t.length === 1 ? t[0][0].toUpperCase() : (t[0][0] + t[t.length - 1][0]).toUpperCase();
+}
+function _n({ size: e }) {
+  const t = ft[e];
+  return /* @__PURE__ */ y(G, { children: [
+    /* @__PURE__ */ o("style", { children: `
+        @keyframes kami-avatar-shimmer {
+          0%   { background-position: -200% 0; }
+          100% { background-position:  200% 0; }
+        }
+      ` }),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        "aria-hidden": "true",
+        style: {
+          width: t,
+          height: t,
+          borderRadius: "50%",
+          backgroundImage: "linear-gradient(90deg, var(--input-bg) 25%, var(--surface-divider) 50%, var(--input-bg) 75%)",
+          backgroundSize: "200% 100%",
+          animation: "kami-avatar-shimmer 1.4s ease-in-out infinite",
+          flexShrink: 0
+        }
+      }
+    )
+  ] });
+}
+function $r({
+  src: e,
+  name: t = "",
+  size: n = "md",
+  online: r = !1,
+  loading: a = !1,
+  onClick: i,
+  alt: c,
+  className: s = ""
+}) {
+  const [d, l] = B(!1), u = ft[n], f = In[n], v = Dn[n], b = Rn[n], E = !!e && !d, k = !E, h = jn(t), p = $n(t || "?"), m = c ?? t ?? "Avatar", S = !!i, g = () => {
+    i && (Y(), i());
+  };
+  if (a)
+    return /* @__PURE__ */ o("div", { className: s, style: { position: "relative", display: "inline-flex", flexShrink: 0 }, children: /* @__PURE__ */ o(_n, { size: n }) });
+  const x = {
+    width: u,
+    height: u,
+    borderRadius: "50%",
+    overflow: "hidden",
+    flexShrink: 0,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: k ? p : "var(--input-bg)",
+    position: "relative",
+    userSelect: "none",
+    transition: S ? "transform 0.12s ease, opacity 0.12s ease" : void 0,
+    cursor: S ? "pointer" : "default",
+    WebkitTapHighlightColor: "transparent"
+  }, w = S ? /* @__PURE__ */ y(
+    "button",
+    {
+      type: "button",
+      onClick: g,
+      "aria-label": m,
+      style: {
+        ...x,
+        padding: 0,
+        border: "none",
+        outline: "none"
+      },
+      className: [
+        S ? "active:scale-[0.90] active:opacity-80" : "",
+        s
+      ].join(" "),
+      children: [
+        E && /* @__PURE__ */ o(
+          "img",
+          {
+            src: e,
+            alt: m,
+            onError: () => l(!0),
+            style: { width: "100%", height: "100%", objectFit: "cover", display: "block" },
+            draggable: !1
+          }
+        ),
+        k && /* @__PURE__ */ o(
+          "span",
+          {
+            style: {
+              fontSize: f,
+              fontWeight: 700,
+              color: "#ffffff",
+              lineHeight: 1,
+              letterSpacing: n === "xl" ? "-0.5px" : void 0
+            },
+            "aria-hidden": "true",
+            children: h
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ y(
+    "div",
+    {
+      role: "img",
+      "aria-label": m,
+      style: x,
+      className: s,
+      children: [
+        E && /* @__PURE__ */ o(
+          "img",
+          {
+            src: e,
+            alt: m,
+            onError: () => l(!0),
+            style: { width: "100%", height: "100%", objectFit: "cover", display: "block" },
+            draggable: !1
+          }
+        ),
+        k && /* @__PURE__ */ o(
+          "span",
+          {
+            style: {
+              fontSize: f,
+              fontWeight: 700,
+              color: "#ffffff",
+              lineHeight: 1,
+              letterSpacing: n === "xl" ? "-0.5px" : void 0
+            },
+            "aria-hidden": "true",
+            children: h
+          }
+        )
+      ]
+    }
+  );
+  return r ? /* @__PURE__ */ y(
+    "div",
+    {
+      style: { position: "relative", display: "inline-flex", flexShrink: 0 },
+      children: [
+        w,
+        /* @__PURE__ */ o(
+          "div",
+          {
+            "aria-label": "Online",
+            style: {
+              position: "absolute",
+              bottom: b / 2,
+              right: b / 2,
+              width: v,
+              height: v,
+              borderRadius: "50%",
+              backgroundColor: "var(--color-success)",
+              border: `${b}px solid white`,
+              boxSizing: "border-box",
+              pointerEvents: "none"
+            }
+          }
+        )
+      ]
+    }
+  ) : w;
+}
+function jr({
+  children: e,
+  overlap: t = -8,
+  className: n = ""
+}) {
+  const r = mt.Children.toArray(e);
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: n,
+      style: { display: "flex", flexDirection: "row" },
+      children: r.map((a, i) => /* @__PURE__ */ o(
+        "div",
+        {
+          style: {
+            // Each item is offset left by `overlap` px relative to the previous
+            marginLeft: i === 0 ? 0 : t,
+            // Right-to-left stacking: first child is on top
+            zIndex: r.length - i,
+            position: "relative",
+            // White ring between avatars
+            borderRadius: "50%",
+            boxShadow: "0 0 0 2px white"
+          },
+          children: a
+        },
+        i
+      ))
+    }
+  );
+}
+const An = 72, On = 108, ge = 14, ae = ge * 2 + 8, Xe = 2 * Math.PI * ge, Fe = { duration: 260, easing: "cubic-bezier(0.4, 0, 0.6, 1)" };
+function Hn({ progress: e, spinning: t, translateY: n }) {
+  const r = ae + 8, a = r / 2, i = Xe, c = i - i * Math.min(e, 1);
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      "aria-hidden": "true",
+      style: {
+        position: "absolute",
+        top: 0,
+        left: "50%",
+        transform: `translateX(-50%) translateY(${n}px)`,
+        width: r,
+        height: r,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        // Only visible when pulled
+        opacity: Math.max(0, Math.min(1, n / 24)),
+        transition: t ? void 0 : "opacity 80ms ease",
+        pointerEvents: "none"
+      },
+      children: /* @__PURE__ */ y(
+        "svg",
+        {
+          width: r,
+          height: r,
+          viewBox: `0 0 ${r} ${r}`,
+          fill: "none",
+          children: [
+            /* @__PURE__ */ o(
+              "circle",
+              {
+                cx: a,
+                cy: a,
+                r: ge,
+                stroke: "var(--surface-divider)",
+                strokeWidth: "2.5"
+              }
+            ),
+            /* @__PURE__ */ o(
+              "circle",
+              {
+                cx: a,
+                cy: a,
+                r: ge,
+                stroke: "var(--color-accent)",
+                strokeWidth: "2.5",
+                strokeLinecap: "round",
+                strokeDasharray: i,
+                strokeDashoffset: t ? Xe * 0.75 : c,
+                transform: `rotate(-90 ${a} ${a})`,
+                style: t ? {
+                  animationName: "kami-ptr-spin",
+                  animationDuration: "800ms",
+                  animationTimingFunction: "linear",
+                  animationIterationCount: "infinite"
+                } : {
+                  transition: "stroke-dashoffset 60ms linear"
+                }
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function _r({
+  onRefresh: e,
+  children: t,
+  disabled: n = !1,
+  threshold: r = An,
+  className: a = "",
+  style: i
+}) {
+  const c = L(null), s = L(null), d = L(null), l = L("idle"), u = L(0), f = L(0), v = L(!1), [b, E] = B({
+    translateY: -ae,
+    progress: 0,
+    spinning: !1
+  }), k = $((p, m) => {
+    const S = s.current;
+    S && (m ? S.animate(
+      [{ transform: `translateY(${p}px)` }],
+      { ...Fe, fill: "forwards" }
+    ) : S.style.transform = `translateY(${p}px)`);
+  }, []), h = $(() => {
+    l.current = "snapping", k(0, !0), E({ translateY: -ae, progress: 0, spinning: !1 }), setTimeout(() => {
+      l.current = "idle";
+    }, Fe.duration + 50);
+  }, [k]);
+  return _(() => {
+    const p = c.current, m = d.current;
+    if (!p || !m) return;
+    const S = (w) => {
+      n || l.current !== "idle" || m.scrollTop > 2 || (u.current = w.touches[0].clientY, f.current = 0, v.current = !1, l.current = "pulling");
+    }, g = (w) => {
+      if (l.current !== "pulling" && l.current !== "triggered") return;
+      const N = w.touches[0].clientY - u.current;
+      if (N <= 0) {
+        l.current === "pulling" && (l.current = "idle");
+        return;
+      }
+      m.scrollTop <= 0 && w.preventDefault();
+      const T = N, C = T < r ? T : r + (T - r) * 0.25;
+      f.current = Math.min(C, On);
+      const P = Math.min(f.current / r, 1);
+      f.current >= r && !v.current ? (v.current = !0, l.current = "triggered", Y()) : f.current < r && (l.current = "pulling", v.current = !1), k(f.current), E({
+        translateY: f.current - ae - 8,
+        progress: P,
+        spinning: !1
+      });
+    }, x = async () => {
+      if (l.current === "triggered") {
+        l.current = "refreshing";
+        const w = r + 8;
+        k(w, !0), E((N) => ({ ...N, translateY: w - ae - 8, spinning: !0 })), at();
+        try {
+          await e();
+        } finally {
+          h();
+        }
+      } else l.current === "pulling" && h();
+    };
+    return p.addEventListener("touchstart", S, { passive: !0 }), p.addEventListener("touchmove", g, { passive: !1 }), p.addEventListener("touchend", x, { passive: !0 }), p.addEventListener("touchcancel", h, { passive: !0 }), () => {
+      p.removeEventListener("touchstart", S), p.removeEventListener("touchmove", g), p.removeEventListener("touchend", x), p.removeEventListener("touchcancel", h);
+    };
+  }, [n, r, e, k, h]), /* @__PURE__ */ y(G, { children: [
+    /* @__PURE__ */ o("style", { children: `
+        @keyframes kami-ptr-spin {
+          from { transform: rotate(-90deg); }
+          to   { transform: rotate(270deg); }
+        }
+      ` }),
+    /* @__PURE__ */ y(
+      "div",
+      {
+        ref: c,
+        className: a,
+        style: { position: "relative", overflow: "hidden", height: "100%", ...i },
+        children: [
+          /* @__PURE__ */ o(Hn, { ...b }),
+          /* @__PURE__ */ o(
+            "div",
+            {
+              ref: d,
+              style: {
+                height: "100%",
+                overflowY: "auto",
+                WebkitOverflowScrolling: "touch"
+              },
+              children: /* @__PURE__ */ o("div", { ref: s, style: { willChange: "transform" }, children: t })
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function Mn() {
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ o("polyline", { points: "6 9 12 15 18 9" })
+    }
+  );
+}
+function Bn() {
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      width: "17",
+      height: "17",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ o("polyline", { points: "20 6 9 17 4 12" })
+    }
+  );
+}
+function Wn({ option: e, selected: t, multi: n, onPress: r }) {
+  return /* @__PURE__ */ y(
+    "button",
+    {
+      type: "button",
+      disabled: e.disabled,
+      onClick: r,
+      className: [
+        "w-full flex items-center gap-3 px-4 py-3.5 min-h-[50px]",
+        "text-left select-none transition-colors duration-100",
+        "active:bg-[var(--surface-active)]",
+        e.disabled ? "opacity-40 cursor-not-allowed" : "cursor-pointer"
+        // Show a top divider for all but the first row
+      ].join(" "),
+      style: { borderTop: "1px solid var(--surface-divider)" },
+      children: [
+        n ? /* @__PURE__ */ o(
+          "div",
+          {
+            style: {
+              width: 22,
+              height: 22,
+              flexShrink: 0,
+              borderRadius: 6,
+              border: t ? "2px solid var(--color-accent)" : "2px solid var(--surface-divider)",
+              background: t ? "var(--color-accent)" : "transparent",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              transition: "background 0.15s ease, border-color 0.15s ease"
+            },
+            children: t && /* @__PURE__ */ o(
+              "svg",
+              {
+                width: "12",
+                height: "12",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "white",
+                strokeWidth: "3",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                children: /* @__PURE__ */ o("polyline", { points: "20 6 9 17 4 12" })
+              }
+            )
+          }
+        ) : e.icon ? /* @__PURE__ */ o("span", { className: "text-[20px] leading-none shrink-0", children: e.icon }) : null,
+        /* @__PURE__ */ y("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ o("p", { className: [
+            "text-[15px] leading-snug",
+            t && !n ? "font-semibold text-[var(--color-ink)]" : "font-medium text-[var(--color-ink)]"
+          ].join(" "), children: e.label }),
+          e.sublabel && /* @__PURE__ */ o("p", { className: "text-[13px] text-[var(--color-muted)] mt-0.5 leading-snug", children: e.sublabel })
+        ] }),
+        !n && t && /* @__PURE__ */ o("span", { className: "shrink-0 text-[var(--color-accent)]", children: /* @__PURE__ */ o(Bn, {}) })
+      ]
+    }
+  );
+}
+function Yn({ label: e, displayValue: t, hasValue: n, disabled: r, clearable: a, onClear: i, onClick: c, ariaLabel: s }) {
+  return /* @__PURE__ */ y("div", { className: "flex flex-col gap-1.5", children: [
+    e && /* @__PURE__ */ o("span", { className: "text-[13px] font-medium text-[var(--color-ink)] px-1", children: e }),
+    /* @__PURE__ */ y(
+      "button",
+      {
+        type: "button",
+        onClick: c,
+        disabled: r,
+        "aria-label": s,
+        "aria-haspopup": "listbox",
+        className: [
+          "flex items-center gap-2 px-3 min-h-[44px] rounded-xl w-full text-left",
+          "bg-[var(--input-bg)] transition-shadow duration-150",
+          "active:shadow-[0_0_0_2.5px_rgba(67,97,238,0.22)]",
+          r ? "opacity-40 pointer-events-none" : ""
+        ].join(" "),
+        children: [
+          /* @__PURE__ */ o("span", { className: [
+            "flex-1 text-[15px] truncate",
+            n ? "text-[var(--color-ink)]" : "text-[var(--color-muted)]"
+          ].join(" "), children: t }),
+          a && n && i && /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              onPointerDown: (d) => {
+                d.preventDefault(), d.stopPropagation(), i();
+              },
+              className: "shrink-0 flex items-center justify-center w-5 h-5 rounded-full bg-[var(--color-muted)] opacity-60 active:opacity-40 transition-opacity",
+              "aria-label": "Clear selection",
+              children: /* @__PURE__ */ o("span", { className: "text-white font-bold leading-none", style: { fontSize: 10 }, children: "✕" })
+            }
+          ),
+          /* @__PURE__ */ o("span", { className: "shrink-0 text-[var(--color-muted)]", children: /* @__PURE__ */ o(Mn, {}) })
+        ]
+      }
+    )
+  ] });
+}
+function zn({ value: e, onChange: t, placeholder: n = "Search…" }) {
+  const r = L(null);
+  return /* @__PURE__ */ o("div", { className: "px-4 pb-3 pt-1", children: /* @__PURE__ */ y(
+    "div",
+    {
+      className: "flex items-center gap-2 px-3 bg-[var(--input-bg)] rounded-full",
+      style: { height: 36 },
+      onClick: () => r.current?.focus(),
+      children: [
+        /* @__PURE__ */ y(
+          "svg",
+          {
+            width: "14",
+            height: "14",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            className: "text-[var(--color-muted)] shrink-0",
+            "aria-hidden": "true",
+            children: [
+              /* @__PURE__ */ o("circle", { cx: "11", cy: "11", r: "7.5" }),
+              /* @__PURE__ */ o("line", { x1: "16.5", y1: "16.5", x2: "22", y2: "22" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ o(
+          "input",
+          {
+            ref: r,
+            type: "search",
+            inputMode: "search",
+            autoCapitalize: "none",
+            autoCorrect: "off",
+            value: e,
+            onChange: (a) => t(a.target.value),
+            placeholder: n,
+            className: [
+              "flex-1 min-w-0 bg-transparent outline-none",
+              "text-[15px] text-[var(--color-ink)] placeholder:text-[var(--color-muted)]",
+              "[&::-webkit-search-cancel-button]:hidden",
+              "[&::-webkit-search-decoration]:hidden"
+            ].join(" ")
+          }
+        ),
+        e && /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            onPointerDown: (a) => {
+              a.preventDefault(), t("");
+            },
+            className: "shrink-0 flex items-center justify-center w-[16px] h-[16px] rounded-full bg-[var(--color-muted)] opacity-50 active:opacity-30",
+            "aria-label": "Clear search",
+            children: /* @__PURE__ */ o("span", { className: "text-white font-bold leading-none", style: { fontSize: 9 }, children: "✕" })
+          }
+        )
+      ]
+    }
+  ) });
+}
+function Ar(e) {
+  const {
+    options: t,
+    placeholder: n = "Select…",
+    label: r,
+    title: a,
+    searchable: i = !1,
+    disabled: c = !1,
+    doneLabel: s = "Done",
+    clearable: d = !1,
+    className: l = "",
+    "aria-label": u
+  } = e, [f, v] = B(!1), [b, E] = B(""), k = a ?? r ?? n, h = he(() => e.multi ? t.filter((P) => e.value.includes(P.value)) : t.filter((P) => P.value === e.value), [t, (e.multi, e.value)]), p = he(() => {
+    if (h.length === 0) return n;
+    if (e.multi)
+      return h.length === 1 ? h[0].label : `${h[0].label} +${h.length - 1} more`;
+    const P = h[0];
+    return P.icon ? `${P.icon}  ${P.label}` : P.label;
+  }, [h, n, e.multi]), m = h.length > 0, S = he(() => {
+    if (!b.trim()) return t;
+    const P = b.toLowerCase();
+    return t.filter(
+      (I) => I.label.toLowerCase().includes(P) || (I.sublabel?.toLowerCase().includes(P) ?? !1)
+    );
+  }, [t, b]), g = () => {
+    c || (Y(), E(""), v(!0));
+  }, x = () => {
+    v(!1), E("");
+  }, w = (P) => {
+    e.multi || (me(), e.onChange(P), setTimeout(x, 100));
+  }, N = (P) => {
+    if (!e.multi) return;
+    me();
+    const I = e.value, R = I.includes(P) ? I.filter((D) => D !== P) : [...I, P];
+    e.onChange(R);
+  }, T = () => {
+    e.multi || e.onClear?.();
+  }, C = b.trim() && S.length === 0;
+  return /* @__PURE__ */ y("div", { className: l, children: [
+    /* @__PURE__ */ o(
+      Yn,
+      {
+        label: r,
+        displayValue: p,
+        hasValue: m,
+        disabled: c,
+        clearable: d && !e.multi,
+        onClear: T,
+        onClick: g,
+        ariaLabel: u ?? r ?? n
+      }
+    ),
+    /* @__PURE__ */ y(dt, { open: f, onClose: x, title: k, children: [
+      i && /* @__PURE__ */ o(
+        zn,
+        {
+          value: b,
+          onChange: E,
+          placeholder: `Search ${k.toLowerCase()}…`
+        }
+      ),
+      /* @__PURE__ */ o(
+        "div",
+        {
+          role: "listbox",
+          "aria-label": k,
+          "aria-multiselectable": e.multi,
+          children: C ? /* @__PURE__ */ y("div", { className: "py-10 flex flex-col items-center gap-2", children: [
+            /* @__PURE__ */ o("p", { className: "text-[34px] leading-none", children: "🔍" }),
+            /* @__PURE__ */ y("p", { className: "text-[15px] text-[var(--color-muted)]", children: [
+              "No results for “",
+              b,
+              "”"
+            ] })
+          ] }) : S.map((P) => {
+            const I = e.multi ? e.value.includes(P.value) : e.value === P.value;
+            return /* @__PURE__ */ o(
+              Wn,
+              {
+                option: P,
+                selected: I,
+                multi: !!e.multi,
+                onPress: () => e.multi ? N(P.value) : w(P.value)
+              },
+              P.value
+            );
+          })
+        }
+      ),
+      e.multi && /* @__PURE__ */ o("div", { className: "pt-4 pb-2", children: /* @__PURE__ */ y(
+        "button",
+        {
+          type: "button",
+          onClick: x,
+          className: [
+            "w-full bg-[var(--color-ink)] text-[var(--color-paper)]",
+            "rounded-xl py-3.5 text-[15px] font-semibold",
+            "active:opacity-75 transition-opacity"
+          ].join(" "),
+          children: [
+            s,
+            e.value.length > 0 && /* @__PURE__ */ y("span", { className: "opacity-60 font-normal", children: [
+              " ",
+              "· ",
+              e.value.length,
+              " selected"
+            ] })
+          ]
+        }
+      ) })
+    ] })
+  ] });
+}
+const W = 44, ht = 5, Ce = W * ht, te = Math.floor(ht / 2);
+function Un(e) {
+  return typeof e == "string" ? { value: e, label: e } : e;
+}
+function Ge(e) {
+  return String(e).padStart(2, "0");
+}
+function ve(e, t, n) {
+  return Math.max(t, Math.min(n, e));
+}
+function ne({
+  items: e,
+  value: t,
+  onChange: n,
+  width: r,
+  "aria-label": a = "Picker",
+  className: i = ""
+}) {
+  const c = e.map(Un), s = L(null), d = L(-1), l = L(!1), u = $((h, p = "smooth") => {
+    const m = s.current;
+    m && (l.current = !0, m.scrollTo({ top: h * W, behavior: p }), setTimeout(() => {
+      l.current = !1;
+    }, 400));
+  }, []);
+  _(() => {
+    const h = c.findIndex((p) => p.value === t);
+    h < 0 || (u(h, d.current < 0 ? "instant" : "smooth"), d.current = h);
+  }, [t]);
+  const f = $(() => {
+    const h = s.current;
+    if (!h) return;
+    const p = Math.round(h.scrollTop / W), m = ve(p, 0, c.length - 1);
+    if (m === d.current) return;
+    const S = c[m];
+    S?.disabled || (d.current = m, l.current || me(), n(S.value));
+  }, [c, n]), v = L(null), b = $(() => {
+    f(), v.current && clearTimeout(v.current), v.current = setTimeout(f, 120);
+  }, [f]), E = $((h) => {
+    const p = c.findIndex((m) => m.value === t);
+    if (h.key === "ArrowDown") {
+      h.preventDefault();
+      const m = ve(p + 1, 0, c.length - 1);
+      n(c[m].value);
+    } else if (h.key === "ArrowUp") {
+      h.preventDefault();
+      const m = ve(p - 1, 0, c.length - 1);
+      n(c[m].value);
+    }
+  }, [c, t, n]), k = c.findIndex((h) => h.value === t);
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      className: i,
+      style: {
+        position: "relative",
+        height: Ce,
+        width: r ?? void 0,
+        flex: r ? void 0 : 1,
+        overflow: "hidden",
+        userSelect: "none"
+      },
+      children: [
+        /* @__PURE__ */ o("div", { style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          height: W * te,
+          background: "linear-gradient(to bottom, var(--surface-solid) 20%, transparent)",
+          zIndex: 2,
+          pointerEvents: "none"
+        }, "aria-hidden": "true" }),
+        /* @__PURE__ */ o("div", { style: {
+          position: "absolute",
+          bottom: 0,
+          left: 0,
+          right: 0,
+          height: W * te,
+          background: "linear-gradient(to top, var(--surface-solid) 20%, transparent)",
+          zIndex: 2,
+          pointerEvents: "none"
+        }, "aria-hidden": "true" }),
+        /* @__PURE__ */ o(
+          "div",
+          {
+            "aria-hidden": "true",
+            style: {
+              position: "absolute",
+              top: W * te,
+              left: 0,
+              right: 0,
+              height: W,
+              borderTop: "1px solid var(--surface-divider)",
+              borderBottom: "1px solid var(--surface-divider)",
+              zIndex: 2,
+              pointerEvents: "none"
+            }
+          }
+        ),
+        /* @__PURE__ */ o(
+          "div",
+          {
+            ref: s,
+            role: "listbox",
+            "aria-label": a,
+            tabIndex: 0,
+            onScroll: b,
+            onKeyDown: E,
+            style: {
+              height: Ce,
+              overflowY: "scroll",
+              scrollSnapType: "y mandatory",
+              WebkitOverflowScrolling: "touch",
+              paddingTop: W * te,
+              paddingBottom: W * te,
+              outline: "none",
+              // Hide scrollbar (cross-browser)
+              scrollbarWidth: "none",
+              msOverflowStyle: "none"
+            },
+            children: c.map((h, p) => {
+              const m = p === k;
+              return /* @__PURE__ */ o(
+                "div",
+                {
+                  role: "option",
+                  "aria-selected": m,
+                  "aria-disabled": h.disabled,
+                  onClick: () => {
+                    h.disabled || (u(p), n(h.value));
+                  },
+                  style: {
+                    height: W,
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    scrollSnapAlign: "center",
+                    fontSize: m ? 20 : 17,
+                    fontWeight: m ? 600 : 400,
+                    color: h.disabled ? "var(--color-muted)" : m ? "var(--color-ink)" : "color-mix(in srgb, var(--color-ink) 55%, transparent)",
+                    transition: "font-size 120ms ease, color 120ms ease",
+                    cursor: h.disabled ? "not-allowed" : "pointer",
+                    paddingInline: 12,
+                    textAlign: "center",
+                    whiteSpace: "nowrap"
+                  },
+                  children: h.label
+                },
+                h.value
+              );
+            })
+          }
+        )
+      ]
+    }
+  );
+}
+function Xn(e) {
+  return Array.from(
+    { length: 12 },
+    (t, n) => new Intl.DateTimeFormat(e, { month: "short" }).format(new Date(2e3, n, 1))
+  );
+}
+function Ke(e, t) {
+  return new Date(e, t + 1, 0).getDate();
+}
+function Ve(e, t) {
+  return Array.from({ length: t - e + 1 }, (n, r) => String(e + r));
+}
+function Fn({
+  value: e,
+  onChange: t,
+  mode: n = "date",
+  min: r,
+  max: a,
+  locale: i,
+  className: c = ""
+}) {
+  const s = Xn(i), d = e.getFullYear(), l = e.getMonth(), u = e.getDate(), f = e.getHours(), v = e.getMinutes(), b = r?.getFullYear() ?? d - 50, E = a?.getFullYear() ?? d + 50, k = Ve(b, E), h = s.map((w, N) => ({
+    value: String(N),
+    label: w
+  })), p = Ke(d, l), m = Ve(1, p).map((w) => ({ value: w, label: w })), S = Array.from({ length: 24 }, (w, N) => ({
+    value: String(N),
+    label: Ge(N)
+  })), g = Array.from({ length: 60 }, (w, N) => ({
+    value: String(N),
+    label: Ge(N)
+  })), x = (w) => {
+    const N = w.y ?? d, T = w.m ?? l, C = Ke(N, T), P = ve(w.d ?? u, 1, C), I = w.h ?? f, R = w.min ?? v, D = new Date(e);
+    D.setFullYear(N), D.setMonth(T), D.setDate(P), D.setHours(I), D.setMinutes(R), t(D);
+  };
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      className: c,
+      style: {
+        display: "flex",
+        flexDirection: "row",
+        alignItems: "stretch",
+        background: "var(--surface-solid)",
+        borderRadius: 16,
+        overflow: "hidden",
+        height: Ce
+      },
+      children: [
+        (n === "date" || n === "datetime") && /* @__PURE__ */ y(G, { children: [
+          /* @__PURE__ */ o(
+            ne,
+            {
+              items: h,
+              value: String(l),
+              onChange: (w) => x({ m: Number(w) }),
+              "aria-label": "Month"
+            }
+          ),
+          /* @__PURE__ */ o(
+            ne,
+            {
+              items: m,
+              value: String(u),
+              onChange: (w) => x({ d: Number(w) }),
+              "aria-label": "Day",
+              width: 56
+            }
+          ),
+          /* @__PURE__ */ o(
+            ne,
+            {
+              items: k,
+              value: String(d),
+              onChange: (w) => x({ y: Number(w) }),
+              "aria-label": "Year",
+              width: 80
+            }
+          )
+        ] }),
+        n === "datetime" && /* @__PURE__ */ o("div", { style: {
+          width: 1,
+          background: "var(--surface-divider)",
+          alignSelf: "stretch",
+          flexShrink: 0
+        } }),
+        (n === "time" || n === "datetime") && /* @__PURE__ */ y(G, { children: [
+          /* @__PURE__ */ o(
+            ne,
+            {
+              items: S,
+              value: String(f),
+              onChange: (w) => x({ h: Number(w) }),
+              "aria-label": "Hour",
+              width: 56
+            }
+          ),
+          /* @__PURE__ */ o(
+            ne,
+            {
+              items: g,
+              value: String(v),
+              onChange: (w) => x({ min: Number(w) }),
+              "aria-label": "Minute",
+              width: 56
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function Or({
+  mode: e = "date",
+  initialValue: t,
+  title: n
+} = {}) {
+  const [r, a] = B(!1), [i, c] = B(t ?? /* @__PURE__ */ new Date()), [s, d] = B(t ?? /* @__PURE__ */ new Date());
+  return { value: i, open: () => {
+    d(i), a(!0);
+  }, sheet: /* @__PURE__ */ y(dt, { open: r, onClose: () => {
+    d(i), a(!1);
+  }, title: n ?? (e === "date" ? "Select date" : e === "time" ? "Select time" : "Select date & time"), children: [
+    /* @__PURE__ */ o("div", { style: { padding: "8px 16px 0" }, children: /* @__PURE__ */ o(Fn, { mode: e, value: s, onChange: d }) }),
+    /* @__PURE__ */ o("div", { style: { padding: "16px" }, children: /* @__PURE__ */ o(an, { onClick: () => {
+      c(s), a(!1);
+    }, fullWidth: !0, children: "Done" }) })
+  ] }) };
+}
+const pt = {
+  destructive: "var(--color-danger)",
+  primary: "var(--color-accent)",
+  secondary: "var(--color-muted)"
+}, Gn = { duration: 320, easing: "cubic-bezier(0.34, 1.28, 0.64, 1)" }, Kn = { duration: 260, easing: "cubic-bezier(0.4, 0, 0.6, 1)" }, qe = 0.88, Je = 8, Vn = 1.2;
+function Qe({
+  action: e,
+  targetWidth: t,
+  side: n
+}) {
+  const r = pt[e.variant ?? "secondary"];
+  return /* @__PURE__ */ y(
+    "button",
+    {
+      type: "button",
+      onClick: () => e.onPress(),
+      style: {
+        width: t,
+        minWidth: t,
+        minHeight: 44,
+        height: "100%",
+        background: r,
+        border: "none",
+        color: "white",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: 2,
+        cursor: "pointer",
+        flexShrink: 0,
+        // Leading actions are flush right; trailing flush left
+        order: n === "leading" ? -1 : 1,
+        transition: "opacity 100ms ease"
+      },
+      onPointerDown: (a) => {
+        a.currentTarget.style.opacity = "0.75";
+      },
+      onPointerUp: (a) => {
+        a.currentTarget.style.opacity = "1";
+      },
+      onPointerLeave: (a) => {
+        a.currentTarget.style.opacity = "1";
+      },
+      children: [
+        e.icon && /* @__PURE__ */ o("span", { style: { fontSize: 18, lineHeight: 1 }, children: e.icon }),
+        /* @__PURE__ */ o("span", { style: { fontSize: 11, fontWeight: 600, lineHeight: 1, letterSpacing: "0.02em" }, children: e.label })
+      ]
+    }
+  );
+}
+function Hr({
+  children: e,
+  trailingActions: t = [],
+  leadingActions: n = [],
+  fullSwipeEnabled: r = !0,
+  fullSwipeThreshold: a = 0.55,
+  className: i = ""
+}) {
+  const c = L(null), s = L(null), d = L(null), l = L(0), u = L(null), [f, v] = B(!1), b = t.reduce(
+    (p, m) => p + (m.width ?? 80),
+    0
+  ), E = n.reduce(
+    (p, m) => p + (m.width ?? 80),
+    0
+  ), k = $((p, m) => {
+    const S = s.current;
+    if (S)
+      if (l.current = p, m) {
+        const g = p === 0 ? Kn : Gn;
+        S.animate(
+          [{ transform: `translateX(${p}px)` }],
+          { ...g, fill: "forwards" }
+        );
+      } else
+        S.style.transform = `translateX(${p}px)`;
+  }, []), h = $(() => {
+    u.current = null, k(0, !0);
+  }, [k]);
+  return _(() => {
+    const p = c.current;
+    if (!p) return;
+    let m = 0, S = 0, g = 0, x = "idle", w = !1;
+    const N = () => d.current?.offsetWidth ?? 375, T = (I) => {
+      I.isPrimary && (m = I.clientX, S = I.clientY, g = l.current, x = "deciding", w = !1, p.setPointerCapture(I.pointerId));
+    }, C = (I) => {
+      if (!I.isPrimary || x === "idle" || x === "vert") return;
+      const R = I.clientX - m, D = I.clientY - S, O = Math.abs(R), j = Math.abs(D);
+      if (x === "deciding") {
+        if (O < Je && j < Je) return;
+        if (j > O * Vn) {
+          x = "vert";
+          return;
+        }
+        x = "horiz";
+      }
+      I.preventDefault();
+      const le = N(), M = g + R;
+      let U = M;
+      if (M < 0) {
+        const F = -b;
+        if (M < F) {
+          const vt = M - F;
+          U = F + vt * 0.25;
+        }
+        const ye = Math.abs(U) / le, ce = r && ye >= a && t.length > 0;
+        ce !== w && (w = ce, v(ce), ce ? rt() : Y());
+      } else if (M > 0) {
+        const F = E;
+        if (M > F) {
+          const ye = M - F;
+          U = F + ye * 0.25;
+        }
+      }
+      U < 0 && t.length === 0 && (U = M * 0.08), U > 0 && n.length === 0 && (U = M * 0.08), k(U);
+    }, P = (I) => {
+      if (!I.isPrimary || x !== "horiz") {
+        x = "idle";
+        return;
+      }
+      x = "idle";
+      const R = N(), D = l.current;
+      if (w && t.length > 0 && D < 0) {
+        k(-R, !0), v(!1), setTimeout(() => {
+          t[0].onPress(), setTimeout(() => k(0), 400);
+        }, 220);
+        return;
+      }
+      v(!1);
+      const O = 0.35;
+      if (D < 0 && t.length > 0) {
+        const j = -(b * qe);
+        Math.abs(D) > b * O ? (u.current = "trailing", Y(), k(j, !0)) : h();
+      } else if (D > 0 && n.length > 0) {
+        const j = E * qe;
+        D > E * O ? (u.current = "leading", Y(), k(j, !0)) : h();
+      } else
+        h();
+    };
+    return p.addEventListener("pointerdown", T, { passive: !0 }), p.addEventListener("pointermove", C, { passive: !1 }), p.addEventListener("pointerup", P, { passive: !0 }), p.addEventListener("pointercancel", () => {
+      x = "idle", h();
+    }, { passive: !0 }), () => {
+      p.removeEventListener("pointerdown", T), p.removeEventListener("pointermove", C), p.removeEventListener("pointerup", P);
+    };
+  }, [
+    t,
+    n,
+    b,
+    E,
+    r,
+    a,
+    k,
+    h
+  ]), _(() => {
+    const p = (m) => {
+      m.key === "Escape" && u.current && h();
+    };
+    return document.addEventListener("keydown", p), () => document.removeEventListener("keydown", p);
+  }, [h]), /* @__PURE__ */ y(
+    "div",
+    {
+      ref: d,
+      className: i,
+      style: {
+        position: "relative",
+        overflow: "hidden",
+        // Full-swipe: flash the first trailing action's colour beneath the row
+        backgroundColor: f && t.length > 0 ? pt[t[0].variant ?? "secondary"] : void 0,
+        transition: f ? "background-color 100ms ease" : void 0
+      },
+      children: [
+        n.length > 0 && /* @__PURE__ */ o(
+          "div",
+          {
+            "aria-hidden": "true",
+            style: {
+              position: "absolute",
+              left: 0,
+              top: 0,
+              bottom: 0,
+              display: "flex",
+              alignItems: "stretch",
+              pointerEvents: u.current === "leading" ? "auto" : "none"
+            },
+            children: n.map((p, m) => /* @__PURE__ */ o(
+              Qe,
+              {
+                action: p,
+                targetWidth: p.width ?? 80,
+                side: "leading"
+              },
+              m
+            ))
+          }
+        ),
+        t.length > 0 && /* @__PURE__ */ o(
+          "div",
+          {
+            "aria-hidden": "true",
+            style: {
+              position: "absolute",
+              right: 0,
+              top: 0,
+              bottom: 0,
+              display: "flex",
+              alignItems: "stretch",
+              pointerEvents: u.current === "trailing" ? "auto" : "none"
+            },
+            children: t.map((p, m) => /* @__PURE__ */ o(
+              Qe,
+              {
+                action: p,
+                targetWidth: p.width ?? 80,
+                side: "trailing"
+              },
+              m
+            ))
+          }
+        ),
+        /* @__PURE__ */ o(
+          "div",
+          {
+            ref: c,
+            style: {
+              position: "relative",
+              zIndex: 1,
+              willChange: "transform",
+              touchAction: "pan-y",
+              // allow vertical scroll, we handle horizontal
+              cursor: "default",
+              backgroundColor: "var(--surface-solid)"
+            },
+            children: /* @__PURE__ */ o("div", { ref: s, style: { willChange: "transform" }, children: e })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  zt as $,
+  fr as A,
+  wr as B,
+  ar as C,
+  Fn as D,
+  Rr as E,
+  tr as F,
+  Cr as G,
+  ur as H,
+  oe as I,
+  ne as J,
+  X as K,
+  or as L,
+  At as M,
+  ie as N,
+  tn as O,
+  qt as P,
+  Xt as Q,
+  Ft as R,
+  Lr as S,
+  er as T,
+  vn as U,
+  mn as V,
+  Ne as W,
+  Mt as X,
+  br as Y,
+  Yt as Z,
+  Ut as _,
+  it as a,
+  mr as a0,
+  Bt as a1,
+  Ie as a2,
+  De as a3,
+  Ot as a4,
+  Ht as a5,
+  Zn as a6,
+  Wt as a7,
+  Gt as a8,
+  xr as a9,
+  Or as aa,
+  Qt as ab,
+  Nr as ac,
+  Dr as ad,
+  tt as ae,
+  pr as af,
+  Tr as ag,
+  Ir as ah,
+  Vt as ai,
+  dr as aj,
+  z as ak,
+  hr as b,
+  $r as c,
+  jr as d,
+  dt as e,
+  an as f,
+  yn as g,
+  kr as h,
+  cr as i,
+  un as j,
+  nr as k,
+  yr as l,
+  ir as m,
+  rr as n,
+  St as o,
+  vr as p,
+  Jt as q,
+  gr as r,
+  Er as s,
+  _r as t,
+  sr as u,
+  Sr as v,
+  Ar as w,
+  lr as x,
+  Pr as y,
+  Hr as z
+};