@editora/ui-core 0.1.7 → 0.1.9

package/dist/runtime-3cc1c386.mjs

@@ -0,0 +1,2065 @@
+function ae(e = "ui-portal-root") {
+  if (typeof document > "u")
+    return null;
+  let a = document.getElementById(e);
+  return a || (a = document.createElement("div"), a.id = e, a.style.position = "fixed", a.style.top = "0", a.style.left = "0", a.style.width = "100%", a.style.height = "0", a.style.pointerEvents = "none", a.style.zIndex = "var(--ui-portal-z, 1600)", document.body.appendChild(a)), a.style.zIndex || (a.style.zIndex = "var(--ui-portal-z, 1600)"), a;
+}
+function Va(e, a, i = "top") {
+  const n = typeof i == "string" ? { placement: i } : i, r = n.placement || "top", t = typeof n.offset == "number" ? n.offset : 8, l = !!n.shift, s = e.getBoundingClientRect(), p = a.getBoundingClientRect();
+  let c = 0, d = 0;
+  r === "top" ? (c = s.top - p.height - t, d = s.left + (s.width - p.width) / 2) : r === "bottom" ? (c = s.bottom + t, d = s.left + (s.width - p.width) / 2) : r === "left" ? (c = s.top + (s.height - p.height) / 2, d = s.left - p.width - t) : (c = s.top + (s.height - p.height) / 2, d = s.right + t);
+  const y = s.left + s.width / 2, x = s.top + s.height / 2, _ = Math.round(y - d), w = Math.round(x - c);
+  if (l) {
+    const m = window.innerWidth || document.documentElement.clientWidth, b = window.innerHeight || document.documentElement.clientHeight;
+    if (r === "top" || r === "bottom") {
+      const h = m - p.width - 4;
+      d < 4 && (d = Math.min(h, d + (4 - d))), d > h && (d = Math.max(4, d - (d - h)));
+    } else {
+      const h = b - p.height - 4;
+      c < 4 && (c = Math.min(h, c + (4 - c))), c > h && (c = Math.max(4, c - (c - h)));
+    }
+  }
+  return { top: c, left: d, placement: r, x: _, y: w };
+}
+function ee(e, a, i) {
+  let n = null, r = null, t = null, l = 0;
+  const s = [], p = () => {
+    l || (l = requestAnimationFrame(() => {
+      l = 0, i();
+    }));
+  }, c = () => p();
+  if (typeof ResizeObserver < "u") {
+    n = new ResizeObserver(p), r = new ResizeObserver(p);
+    try {
+      n.observe(e);
+    } catch {
+    }
+    try {
+      r.observe(a);
+    } catch {
+    }
+  }
+  if (typeof MutationObserver < "u") {
+    t = new MutationObserver(p);
+    try {
+      t.observe(e, { attributes: !0, childList: !1, subtree: !1 });
+    } catch {
+    }
+  }
+  return window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), s.push(() => window.removeEventListener("scroll", c, !0)), s.push(() => window.removeEventListener("resize", c)), s.push(() => {
+    n && n.disconnect(), n = null;
+  }), s.push(() => {
+    r && r.disconnect(), r = null;
+  }), s.push(() => {
+    t && t.disconnect(), t = null;
+  }), s.push(() => {
+    l && (cancelAnimationFrame(l), l = 0);
+  }), () => s.forEach((d) => {
+    try {
+      d();
+    } catch {
+    }
+  });
+}
+function he(e, a, i = "top") {
+  const n = typeof i == "string" ? { placement: i } : i, r = n.placement || "top", t = typeof n.offset == "number" ? n.offset : 8, l = n.flip !== !1, s = !!n.shift, p = ae();
+  if (!p)
+    return;
+  a.style.position = "absolute", a.style.pointerEvents = "auto", p.appendChild(a);
+  let c = () => {
+  };
+  function d(x, _, w) {
+    const m = a.querySelector(".arrow");
+    if (!m)
+      return;
+    const b = e.getBoundingClientRect(), g = b.left + b.width / 2, h = b.top + b.height / 2;
+    if (w === "top" || w === "bottom") {
+      const S = g - _, C = 8, k = a.offsetWidth - 8, z = Math.max(C, Math.min(k, S));
+      m.style.left = `${Math.round(z)}px`, m.style.top = "";
+    } else {
+      const S = h - x, C = 8, k = a.offsetHeight - 8, z = Math.max(C, Math.min(k, S));
+      m.style.top = `${Math.round(z)}px`, m.style.left = "";
+    }
+  }
+  function y() {
+    var b;
+    if (e && typeof e.getBoundingClientRect == "function" && e instanceof HTMLElement) {
+      const g = e, h = (b = g.getRootNode) == null ? void 0 : b.call(g), S = h instanceof ShadowRoot ? h.host : null, C = g.isConnected || document.body.contains(g) || (S ? document.body.contains(S) : !1), k = window.getComputedStyle(g), z = k.display !== "none" && k.visibility !== "hidden" && parseFloat(k.opacity || "1") > 0;
+      if (!C || !z) {
+        try {
+          a.parentElement && a.parentElement.removeChild(a);
+        } catch {
+        }
+        c();
+        return;
+      }
+    }
+    const x = Va(e, a, { placement: r, offset: t, shift: s }), _ = window.innerWidth || document.documentElement.clientWidth, w = window.innerHeight || document.documentElement.clientHeight;
+    let m = x;
+    l && (x.top < 0 && r === "top" || x.top + a.offsetHeight > w && r === "bottom") && (m = Va(e, a, { placement: r === "top" ? "bottom" : "top", offset: t, shift: s })), m.left < 4 && (m.left = 4), m.left + a.offsetWidth > _ - 4 && (m.left = _ - a.offsetWidth - 4), m.top < 4 && (m.top = 4), m.top + a.offsetHeight > w - 4 && (m.top = w - a.offsetHeight - 4), a.style.top = `${Math.round(m.top)}px`, a.style.left = `${Math.round(m.left)}px`, d(m.top, m.left, m.placement), a.setAttribute("data-placement", m.placement);
+  }
+  return y(), c = ee(e, a, y), () => {
+    try {
+      a.parentElement && a.parentElement.removeChild(a);
+    } catch {
+    }
+    c();
+  };
+}
+function ja() {
+  return typeof window < "u" && typeof document < "u";
+}
+function ne(e) {
+  return e ? typeof e == "string" ? e : e instanceof Error && e.message ? e.message : "Something went wrong. Please try again." : "Something went wrong. Please try again.";
+}
+function ie(e) {
+  return e === "replace" || e === "stack" ? e : "queue";
+}
+function Ua(e) {
+  return `ui-alert-dialog-${e}`;
+}
+function te(e, a) {
+  var r, t;
+  const i = e.kind === "alert" && a.action === "cancel" ? "dismiss" : a.action, n = (r = e.dialog) == null ? void 0 : r.getChecked();
+  if (e.kind === "prompt") {
+    const l = ((t = e.dialog) == null ? void 0 : t.getInputValue()) ?? e.value ?? "";
+    return {
+      id: e.id,
+      action: i,
+      value: l,
+      checked: n,
+      source: a.source,
+      reason: a.reason
+    };
+  }
+  return {
+    id: e.id,
+    action: i,
+    value: e.value,
+    checked: n,
+    source: a.source,
+    reason: a.reason
+  };
+}
+function ka(e, a, i) {
+  var n, r, t;
+  return e.kind === "prompt" ? {
+    id: e.id,
+    action: "dismiss",
+    value: ((n = e.dialog) == null ? void 0 : n.getInputValue()) ?? e.value ?? "",
+    checked: (r = e.dialog) == null ? void 0 : r.getChecked(),
+    source: a,
+    reason: i
+  } : {
+    id: e.id,
+    action: "dismiss",
+    value: e.value,
+    checked: (t = e.dialog) == null ? void 0 : t.getChecked(),
+    source: a,
+    reason: i
+  };
+}
+function oe(e) {
+  return e === "esc" || e === "backdrop" || e === "close-icon" || e === "abort" || e === "unmount" || e === "replace" || e === "programmatic" ? e : "abort";
+}
+class re {
+  constructor(a) {
+    this._container = null, this._ownsContainer = !1, this._queue = [], this._active = [], this._disposed = !1, this._seed = 0, this._defaults = {}, this._container = a ?? null;
+  }
+  setContainer(a) {
+    this._container = a, this._ownsContainer = !1;
+  }
+  setDefaults(a) {
+    this._defaults = a ? { ...a } : {};
+  }
+  alert(a = {}) {
+    return this._enqueue("alert", a);
+  }
+  confirm(a = {}) {
+    return this._enqueue("confirm", a);
+  }
+  prompt(a = {}) {
+    return this._enqueue("prompt", a);
+  }
+  destroy(a = "unmount") {
+    this._disposed = !0;
+    const i = [...this._active, ...this._queue];
+    this._queue = [];
+    for (const n of i)
+      this._settle(n, ka(n, a), !1);
+    this._active = [], this._ownsContainer && this._container && this._container.parentElement && this._container.parentElement.removeChild(this._container), this._container = null, this._ownsContainer = !1;
+  }
+  _enqueue(a, i) {
+    const n = this._mergeOptions(i);
+    if (!ja() || this._disposed) {
+      const l = {
+        id: n.id || Ua(++this._seed),
+        action: "dismiss",
+        source: "unmount"
+      };
+      return Promise.resolve(l);
+    }
+    const r = n.id || Ua(++this._seed), t = ie(n.mode);
+    return new Promise((l) => {
+      var p;
+      const s = {
+        id: r,
+        kind: a,
+        mode: t,
+        options: n,
+        settled: !1,
+        processing: !1,
+        resolve: l,
+        cleanup: []
+      };
+      if ((p = n.signal) != null && p.aborted) {
+        this._settle(s, ka(s, "abort"), !1);
+        return;
+      }
+      if (t === "replace") {
+        const c = this._active[this._active.length - 1];
+        c && this._settle(c, ka(c, "replace", "replace"), !1, !1), this._open(s);
+        return;
+      }
+      if (t === "stack") {
+        this._open(s);
+        return;
+      }
+      if (this._active.length > 0) {
+        this._queue.push(s);
+        return;
+      }
+      this._open(s);
+    });
+  }
+  _open(a) {
+    var p;
+    const i = this._ensureContainer();
+    if (!i) {
+      this._settle(a, ka(a, "unmount"), !1);
+      return;
+    }
+    const n = document.createElement("ui-alert-dialog");
+    a.dialog = n, a.checked = !!((p = a.options.checkbox) != null && p.defaultChecked);
+    const r = this._buildConfig(a);
+    n.dialogId = a.id, n.config = r;
+    const t = (c) => {
+      if (a.settled)
+        return;
+      const d = c.detail;
+      a.value = d == null ? void 0 : d.inputValue, a.checked = d == null ? void 0 : d.checked;
+      const y = this._validatePrompt(a);
+      if (y) {
+        c.preventDefault(), n.setError(y);
+        return;
+      }
+      if (!a.options.onConfirm) {
+        n.clearError();
+        return;
+      }
+      c.preventDefault(), a.processing = !0, n.state = "loading", n.clearError(), Promise.resolve(
+        a.options.onConfirm({
+          id: a.id,
+          value: a.value,
+          checked: a.checked,
+          dialog: n,
+          signal: a.options.signal
+        })
+      ).then(() => {
+        a.processing = !1, n.state = "idle", n.clearError(), a.settled || n.close("confirm");
+      }).catch((x) => {
+        a.processing = !1, n.state = "error", n.setError(ne(x));
+      });
+    }, l = () => {
+      a.settled || (a.value = n.getInputValue(), a.checked = n.getChecked(), n.state === "error" && n.clearError());
+    }, s = (c) => {
+      if (a.settled)
+        return;
+      const d = c.detail;
+      this._handleClose(a, d);
+    };
+    if (n.addEventListener("ui-confirm", t), n.addEventListener("ui-change", l), n.addEventListener("ui-close", s), a.cleanup.push(() => n.removeEventListener("ui-confirm", t)), a.cleanup.push(() => n.removeEventListener("ui-change", l)), a.cleanup.push(() => n.removeEventListener("ui-close", s)), a.options.signal) {
+      const c = () => {
+        a.settled || this._settle(a, ka(a, "abort"), !1);
+      };
+      a.options.signal.addEventListener("abort", c, { once: !0 }), a.cleanup.push(() => {
+        var d;
+        return (d = a.options.signal) == null ? void 0 : d.removeEventListener("abort", c);
+      });
+    }
+    this._active.push(a), i.appendChild(n), n.open = !0, this._updateStackZIndex();
+  }
+  _validatePrompt(a) {
+    var t;
+    if (a.kind !== "prompt")
+      return null;
+    const n = a.options.input, r = ((t = a.dialog) == null ? void 0 : t.getInputValue()) ?? a.value ?? "";
+    return n != null && n.required && !r.trim() ? "Please enter a value." : n != null && n.validate ? n.validate(r) : null;
+  }
+  _settle(a, i, n, r = !0) {
+    if (!a.settled) {
+      if (a.settled = !0, this._cleanupRequest(a), this._active = this._active.filter((t) => t !== a), this._queue = this._queue.filter((t) => t !== a), a.dialog) {
+        const t = a.dialog;
+        if (!n && t.open) {
+          const l = oe(i.source);
+          t.close("dismiss", l, i.reason);
+        }
+        t.parentElement && t.parentElement.removeChild(t);
+      }
+      a.resolve(i), this._updateStackZIndex(), !this._disposed && r && this._drainQueue();
+    }
+  }
+  _cleanupRequest(a) {
+    for (const i of a.cleanup.splice(0))
+      try {
+        i();
+      } catch {
+      }
+  }
+  _drainQueue() {
+    if (this._active.length > 0)
+      return;
+    const a = this._queue.shift();
+    a && this._open(a);
+  }
+  _buildConfig(a) {
+    var l, s, p;
+    const i = a.options, n = a.kind === "prompt", r = a.kind === "alert", t = n ? i.input : void 0;
+    return {
+      id: a.id,
+      title: i.title,
+      description: i.description,
+      confirmText: i.confirmText || (r ? "OK" : "Confirm"),
+      cancelText: i.cancelText || "Cancel",
+      loadingText: i.loadingText,
+      errorMessage: i.errorMessage,
+      dismissible: i.dismissible ?? !0,
+      closeOnEsc: i.closeOnEsc,
+      closeOnBackdrop: i.closeOnBackdrop,
+      lockWhileLoading: i.lockWhileLoading ?? !0,
+      role: i.role || "alertdialog",
+      tone: i.tone || (r ? "info" : n ? "neutral" : "warning"),
+      size: i.size || "md",
+      variant: i.variant || "surface",
+      radius: i.radius,
+      elevation: i.elevation || "low",
+      indicator: i.indicator || "line",
+      initialFocus: i.initialFocus,
+      ariaLabel: i.ariaLabel,
+      ariaLabelledby: i.ariaLabelledby,
+      ariaDescribedby: i.ariaDescribedby,
+      headless: i.headless,
+      showCancel: !r,
+      showClose: i.dismissible ?? !0,
+      input: {
+        enabled: n,
+        label: t == null ? void 0 : t.label,
+        placeholder: t == null ? void 0 : t.placeholder,
+        value: (t == null ? void 0 : t.defaultValue) || "",
+        required: t == null ? void 0 : t.required
+      },
+      checkbox: {
+        enabled: !!((l = i.checkbox) != null && l.enabled),
+        label: (s = i.checkbox) == null ? void 0 : s.label,
+        checked: (p = i.checkbox) == null ? void 0 : p.defaultChecked
+      }
+    };
+  }
+  _buildLifecycleContext(a) {
+    var i, n;
+    return {
+      id: a.id,
+      value: ((i = a.dialog) == null ? void 0 : i.getInputValue()) ?? a.value,
+      checked: ((n = a.dialog) == null ? void 0 : n.getChecked()) ?? a.checked,
+      dialog: a.dialog,
+      signal: a.options.signal
+    };
+  }
+  _handleClose(a, i) {
+    const n = te(a, i);
+    if (i.action === "cancel" && a.options.onCancel) {
+      Promise.resolve(a.options.onCancel(this._buildLifecycleContext(a))).finally(() => {
+        this._settle(a, n, !0);
+      });
+      return;
+    }
+    if (i.action === "dismiss" && a.options.onDismiss) {
+      Promise.resolve(
+        a.options.onDismiss({
+          ...this._buildLifecycleContext(a),
+          source: i.source || "programmatic",
+          reason: i.reason
+        })
+      ).finally(() => {
+        this._settle(a, n, !0);
+      });
+      return;
+    }
+    this._settle(a, n, !0);
+  }
+  _mergeOptions(a) {
+    const i = this._defaults;
+    return {
+      ...i,
+      ...a,
+      checkbox: {
+        ...i.checkbox || {},
+        ...a.checkbox || {}
+      }
+    };
+  }
+  _ensureContainer() {
+    if (!ja())
+      return null;
+    if (this._container && this._container.isConnected)
+      return this._container;
+    let a = document.querySelector('[data-ui-alert-dialog-host="true"]');
+    return a ? this._ownsContainer = !1 : (a = document.createElement("div"), a.setAttribute("data-ui-alert-dialog-host", "true"), a.style.position = "relative", a.style.zIndex = "1000", document.body.appendChild(a), this._ownsContainer = !0), this._container = a, a;
+  }
+  _updateStackZIndex() {
+    for (let a = 0; a < this._active.length; a += 1) {
+      const i = this._active[a];
+      i.dialog && (i.dialog.style.setProperty("--ui-alert-backdrop-z", String(1e3 + a * 2)), i.dialog.style.setProperty("--ui-alert-z", String(1001 + a * 2)));
+    }
+  }
+}
+let E = null;
+function se(e = {}) {
+  return new re(e.container ?? null);
+}
+function Sa() {
+  return E || (E = se()), E;
+}
+function ge(e = {}) {
+  return Sa().alert(e);
+}
+function xe(e = {}) {
+  return Sa().confirm(e);
+}
+function be(e = {}) {
+  return Sa().prompt(e);
+}
+function ye(e = "programmatic") {
+  E && (E.destroy(e), E = null);
+}
+function Za() {
+  return typeof window < "u" && typeof document < "u";
+}
+function pe(e) {
+  return e === "replace" || e === "stack" ? e : "queue";
+}
+function Na(e) {
+  return `ui-dialog-${e}`;
+}
+function ce(e) {
+  return e ? typeof e == "string" ? e : e instanceof Error && e.message ? e.message : "Something went wrong. Please try again." : "Something went wrong. Please try again.";
+}
+class le {
+  constructor(a) {
+    this._container = null, this._ownsContainer = !1, this._queue = [], this._active = [], this._disposed = !1, this._seed = 0, this._container = a ?? null;
+  }
+  setContainer(a) {
+    this._container = a, this._ownsContainer = !1;
+  }
+  open(a = {}) {
+    return this._enqueue(a);
+  }
+  confirm(a = {}) {
+    return this._enqueue({ ...a, showCancel: a.showCancel ?? !0 });
+  }
+  destroy(a = "unmount") {
+    this._disposed = !0;
+    const i = [...this._active, ...this._queue];
+    this._queue = [];
+    for (const n of i)
+      this._settle(n, {
+        id: n.id,
+        action: "dismiss",
+        source: a,
+        reason: a
+      }, !1);
+    this._active = [], this._ownsContainer && this._container && this._container.parentElement && this._container.parentElement.removeChild(this._container), this._container = null, this._ownsContainer = !1;
+  }
+  _enqueue(a) {
+    if (!Za() || this._disposed)
+      return Promise.resolve({
+        id: a.id || Na(++this._seed),
+        action: "dismiss",
+        source: "unmount"
+      });
+    const i = a.id || Na(++this._seed), n = pe(a.mode);
+    return new Promise((r) => {
+      var l;
+      const t = {
+        id: i,
+        mode: n,
+        options: a,
+        settled: !1,
+        resolve: r,
+        cleanup: []
+      };
+      if ((l = a.signal) != null && l.aborted) {
+        this._settle(t, { id: i, action: "dismiss", source: "abort" }, !1);
+        return;
+      }
+      if (n === "replace") {
+        const s = this._active[this._active.length - 1];
+        s && this._settle(s, { id: s.id, action: "dismiss", source: "replace", reason: "replace" }, !1, !1), this._open(t);
+        return;
+      }
+      if (n === "stack") {
+        this._open(t);
+        return;
+      }
+      if (this._active.length > 0) {
+        this._queue.push(t);
+        return;
+      }
+      this._open(t);
+    });
+  }
+  _open(a) {
+    const i = this._ensureContainer();
+    if (!i) {
+      this._settle(a, {
+        id: a.id,
+        action: "dismiss",
+        source: "unmount"
+      }, !1);
+      return;
+    }
+    const n = document.createElement("ui-dialog");
+    a.dialog = n;
+    const r = this._buildConfig(a.options, a.id);
+    n.dialogId = a.id, n.config = r;
+    const t = (s) => {
+      if (a.settled)
+        return;
+      const p = s.detail;
+      if (a.resultFormData = p == null ? void 0 : p.formData, !a.options.onSubmit) {
+        n.clearError();
+        return;
+      }
+      s.preventDefault(), n.state = "loading", n.clearError(), Promise.resolve(
+        a.options.onSubmit({
+          id: a.id,
+          dialog: n,
+          signal: a.options.signal,
+          formData: p == null ? void 0 : p.formData
+        })
+      ).then(() => {
+        a.settled || (n.state = "idle", n.clearError(), n.close("submit"));
+      }).catch((c) => {
+        n.state = "error", n.setError(ce(c));
+      });
+    }, l = (s) => {
+      if (a.settled)
+        return;
+      const p = s.detail;
+      this._settle(a, {
+        id: a.id,
+        action: p.action,
+        source: p.source,
+        reason: p.reason,
+        formData: a.resultFormData
+      }, !0);
+    };
+    if (n.addEventListener("ui-submit", t), n.addEventListener("ui-close", l), a.cleanup.push(() => n.removeEventListener("ui-submit", t)), a.cleanup.push(() => n.removeEventListener("ui-close", l)), a.options.signal) {
+      const s = () => {
+        a.settled || this._settle(a, {
+          id: a.id,
+          action: "dismiss",
+          source: "abort"
+        }, !1);
+      };
+      a.options.signal.addEventListener("abort", s, { once: !0 }), a.cleanup.push(() => {
+        var p;
+        return (p = a.options.signal) == null ? void 0 : p.removeEventListener("abort", s);
+      });
+    }
+    this._active.push(a), i.appendChild(n), n.openDialog(), this._updateStackZIndex();
+  }
+  _settle(a, i, n, r = !0) {
+    if (!a.settled) {
+      if (a.settled = !0, this._cleanupRequest(a), this._active = this._active.filter((t) => t !== a), this._queue = this._queue.filter((t) => t !== a), a.dialog) {
+        const t = a.dialog;
+        !n && t.open && t.close("dismiss", i.source || "abort", i.reason), t.parentElement && t.parentElement.removeChild(t);
+      }
+      a.resolve(i), this._updateStackZIndex(), !this._disposed && r && this._drainQueue();
+    }
+  }
+  _cleanupRequest(a) {
+    for (const i of a.cleanup.splice(0))
+      try {
+        i();
+      } catch {
+      }
+  }
+  _drainQueue() {
+    if (this._active.length > 0)
+      return;
+    const a = this._queue.shift();
+    a && this._open(a);
+  }
+  _buildConfig(a, i) {
+    return {
+      id: i,
+      title: a.title,
+      description: a.description,
+      submitText: a.submitText || "Submit",
+      cancelText: a.cancelText || "Cancel",
+      loadingText: a.loadingText,
+      errorMessage: a.errorMessage,
+      dismissible: a.dismissible ?? !0,
+      closeOnOverlay: a.closeOnOverlay,
+      closeOnEsc: a.closeOnEsc,
+      lockWhileLoading: a.lockWhileLoading ?? !0,
+      role: a.role || "dialog",
+      size: a.size || "md",
+      initialFocus: a.initialFocus,
+      ariaLabel: a.ariaLabel,
+      ariaLabelledby: a.ariaLabelledby,
+      ariaDescribedby: a.ariaDescribedby,
+      headless: a.headless,
+      showCancel: a.showCancel ?? !0,
+      showClose: a.showClose ?? a.dismissible ?? !0
+    };
+  }
+  _ensureContainer() {
+    if (!Za())
+      return null;
+    if (this._container && this._container.isConnected)
+      return this._container;
+    let a = document.querySelector('[data-ui-dialog-host="true"]');
+    return a ? this._ownsContainer = !1 : (a = document.createElement("div"), a.setAttribute("data-ui-dialog-host", "true"), a.style.position = "relative", a.style.zIndex = "1200", document.body.appendChild(a), this._ownsContainer = !0), this._container = a, a;
+  }
+  _updateStackZIndex() {
+    for (let a = 0; a < this._active.length; a += 1) {
+      const i = this._active[a];
+      i.dialog && (i.dialog.style.setProperty("--ui-dialog-backdrop-z", String(1200 + a * 2)), i.dialog.style.setProperty("--ui-dialog-z", String(1201 + a * 2)));
+    }
+  }
+}
+let M = null;
+function de(e = {}) {
+  return new le(e.container ?? null);
+}
+function Xa() {
+  return M || (M = de()), M;
+}
+function we(e = {}) {
+  return Xa().open(e);
+}
+function ve(e = {}) {
+  return Xa().confirm(e);
+}
+function ke(e = "programmatic") {
+  M && (M.destroy(e), M = null);
+}
+const Ya = {
+  1: "#0000000d",
+  2: "#0000001a",
+  3: "#00000026",
+  4: "#0003",
+  5: "#0000004d",
+  6: "#0006",
+  7: "#00000080",
+  8: "#0009",
+  9: "#000000b3",
+  10: "#000c",
+  11: "#000000e6",
+  12: "#000000f2"
+}, Ga = {
+  1: "#ffffff0d",
+  2: "#ffffff1a",
+  3: "#ffffff26",
+  4: "#fff3",
+  5: "#ffffff4d",
+  6: "#fff6",
+  7: "#ffffff80",
+  8: "#fff9",
+  9: "#ffffffb3",
+  10: "#fffc",
+  11: "#ffffffe6",
+  12: "#fffffff2"
+}, v = {
+  amber: {
+    light: {
+      scale: {
+        1: "#fefdfb",
+        2: "#fefbe9",
+        3: "#fff7c2",
+        4: "#ffee9c",
+        5: "#fbe577",
+        6: "#f3d673",
+        7: "#e9c162",
+        8: "#e2a336",
+        9: "#ffc53d",
+        10: "#ffba18",
+        11: "#ab6400",
+        12: "#4f3422"
+      },
+      alphaScale: {
+        1: "#c0800004",
+        2: "#f4d10016",
+        3: "#ffde003d",
+        4: "#ffd40063",
+        5: "#f8cf0088",
+        6: "#eab5008c",
+        7: "#dc9b009d",
+        8: "#da8a00c9",
+        9: "#ffb300c2",
+        10: "#ffb300e7",
+        11: "#ab6400",
+        12: "#341500dd"
+      },
+      contrast: "#21201c",
+      surface: "#fefae4cc",
+      indicator: "#ffc53d",
+      track: "#ffc53d"
+    },
+    dark: {
+      scale: {
+        1: "#16120c",
+        2: "#1d180f",
+        3: "#302008",
+        4: "#3f2700",
+        5: "#4d3000",
+        6: "#5c3d05",
+        7: "#714f19",
+        8: "#8f6424",
+        9: "#ffc53d",
+        10: "#ffd60a",
+        11: "#ffca16",
+        12: "#ffe7b3"
+      },
+      alphaScale: {
+        1: "#e63c0006",
+        2: "#fd9b000d",
+        3: "#fa820022",
+        4: "#fc820032",
+        5: "#fd8b0041",
+        6: "#fd9b0051",
+        7: "#ffab2567",
+        8: "#ffae3587",
+        9: "#ffc53d",
+        10: "#ffd60a",
+        11: "#ffca16",
+        12: "#ffe7b3"
+      },
+      contrast: "#21201c",
+      surface: "#271f1380",
+      indicator: "#ffc53d",
+      track: "#ffc53d"
+    }
+  },
+  blue: {
+    light: {
+      scale: {
+        1: "#fbfdff",
+        2: "#f4faff",
+        3: "#e6f4fe",
+        4: "#d5efff",
+        5: "#c2e5ff",
+        6: "#acd8fc",
+        7: "#8ec8f6",
+        8: "#5eb1ef",
+        9: "#0090ff",
+        10: "#0588f0",
+        11: "#0d74ce",
+        12: "#113264"
+      },
+      alphaScale: {
+        1: "#0080ff04",
+        2: "#008cff0b",
+        3: "#008ff519",
+        4: "#009eff2a",
+        5: "#0093ff3d",
+        6: "#0088f653",
+        7: "#0083eb71",
+        8: "#0084e6a1",
+        9: "#0090ff",
+        10: "#0086f0fa",
+        11: "#006dcbf2",
+        12: "#002359ee"
+      },
+      contrast: "#ffffff",
+      surface: "#f1f9ffcc",
+      indicator: "#0090ff",
+      track: "#0090ff"
+    },
+    dark: {
+      scale: {
+        1: "#0d1520",
+        2: "#111927",
+        3: "#0d2847",
+        4: "#003362",
+        5: "#004074",
+        6: "#104d87",
+        7: "#205d9e",
+        8: "#2870bd",
+        9: "#0090ff",
+        10: "#3b9eff",
+        11: "#70b8ff",
+        12: "#c2e6ff"
+      },
+      alphaScale: {
+        1: "#004df211",
+        2: "#1166fb18",
+        3: "#0077ff3a",
+        4: "#0075ff57",
+        5: "#0081fd6b",
+        6: "#0f89fd7f",
+        7: "#2a91fe98",
+        8: "#3094feb9",
+        9: "#0090ff",
+        10: "#3b9eff",
+        11: "#70b8ff",
+        12: "#c2e6ff"
+      },
+      contrast: "#ffffff",
+      surface: "#0f274380",
+      indicator: "#0090ff",
+      track: "#0090ff"
+    }
+  },
+  green: {
+    light: {
+      scale: {
+        1: "#fbfefc",
+        2: "#f4fbf6",
+        3: "#e6f6eb",
+        4: "#d6f1df",
+        5: "#c4e8d1",
+        6: "#adddc0",
+        7: "#8eceaa",
+        8: "#5bb98b",
+        9: "#30a46c",
+        10: "#2b9a66",
+        11: "#218358",
+        12: "#193b2d"
+      },
+      alphaScale: {
+        1: "#00c04004",
+        2: "#00a32f0b",
+        3: "#00a43319",
+        4: "#00a83829",
+        5: "#019c393b",
+        6: "#00963c52",
+        7: "#00914071",
+        8: "#00924ba4",
+        9: "#008f4acf",
+        10: "#008647d4",
+        11: "#00713fde",
+        12: "#002616e6"
+      },
+      contrast: "#ffffff",
+      surface: "#f1faf4cc",
+      indicator: "#30a46c",
+      track: "#30a46c"
+    },
+    dark: {
+      scale: {
+        1: "#0e1512",
+        2: "#121b17",
+        3: "#132d21",
+        4: "#113b29",
+        5: "#174933",
+        6: "#20573e",
+        7: "#28684a",
+        8: "#2f7c57",
+        9: "#30a46c",
+        10: "#33b074",
+        11: "#3dd68c",
+        12: "#b1f1cb"
+      },
+      alphaScale: {
+        1: "#00de4505",
+        2: "#29f99d0b",
+        3: "#22ff991e",
+        4: "#11ff9930",
+        5: "#2bffa23f",
+        6: "#44ffaa4d",
+        7: "#50fdac5f",
+        8: "#54ffad75",
+        9: "#44ffa49f",
+        10: "#43fea4ab",
+        11: "#46fea5d4",
+        12: "#bbffd7ef"
+      },
+      contrast: "#0f1a14",
+      surface: "#13281e80",
+      indicator: "#30a46c",
+      track: "#30a46c"
+    }
+  },
+  red: {
+    light: {
+      scale: {
+        1: "#fffcfc",
+        2: "#fff7f7",
+        3: "#feebec",
+        4: "#ffdbdc",
+        5: "#ffcdce",
+        6: "#fdbdbe",
+        7: "#f4a9aa",
+        8: "#eb8e90",
+        9: "#e5484d",
+        10: "#dc3e42",
+        11: "#ce2c31",
+        12: "#641723"
+      },
+      alphaScale: {
+        1: "#ff000003",
+        2: "#ff000008",
+        3: "#f3000d14",
+        4: "#ff000824",
+        5: "#ff000632",
+        6: "#f8000442",
+        7: "#df000356",
+        8: "#d2000571",
+        9: "#db0007b7",
+        10: "#d10005c1",
+        11: "#c40006d3",
+        12: "#55000de8"
+      },
+      contrast: "#ffffff",
+      surface: "#fff5f5cc",
+      indicator: "#e5484d",
+      track: "#e5484d"
+    },
+    dark: {
+      scale: {
+        1: "#191111",
+        2: "#201314",
+        3: "#3b1219",
+        4: "#500f1c",
+        5: "#611623",
+        6: "#72232d",
+        7: "#8c333a",
+        8: "#b54548",
+        9: "#e5484d",
+        10: "#ec5d5e",
+        11: "#ff9592",
+        12: "#ffd1d9"
+      },
+      alphaScale: {
+        1: "#f4121209",
+        2: "#f22f3e11",
+        3: "#ff173f2d",
+        4: "#fe0a3b44",
+        5: "#ff204756",
+        6: "#ff3e5668",
+        7: "#ff536184",
+        8: "#ff5d61b0",
+        9: "#fe4e54e4",
+        10: "#ff6465eb",
+        11: "#ff9592",
+        12: "#ffd1d9"
+      },
+      contrast: "#ffffff",
+      surface: "#32141780",
+      indicator: "#e5484d",
+      track: "#e5484d"
+    }
+  },
+  gray: {
+    light: {
+      scale: {
+        1: "#fcfcfc",
+        2: "#f9f9f9",
+        3: "#f0f0f0",
+        4: "#e8e8e8",
+        5: "#e0e0e0",
+        6: "#d9d9d9",
+        7: "#cecece",
+        8: "#bbb",
+        9: "#8d8d8d",
+        10: "#838383",
+        11: "#646464",
+        12: "#202020"
+      },
+      alphaScale: {
+        1: "#00000003",
+        2: "#00000006",
+        3: "#0000000f",
+        4: "#00000017",
+        5: "#0000001f",
+        6: "#00000026",
+        7: "#00000031",
+        8: "#00000044",
+        9: "#00000072",
+        10: "#0000007c",
+        11: "#0000009b",
+        12: "#000000df"
+      },
+      contrast: "#ffffff",
+      surface: "#f8f8f8cc",
+      indicator: "#8d8d8d",
+      track: "#8d8d8d"
+    },
+    dark: {
+      scale: {
+        1: "#111",
+        2: "#191919",
+        3: "#222",
+        4: "#2a2a2a",
+        5: "#313131",
+        6: "#3a3a3a",
+        7: "#484848",
+        8: "#606060",
+        9: "#6e6e6e",
+        10: "#7b7b7b",
+        11: "#b4b4b4",
+        12: "#eee"
+      },
+      alphaScale: {
+        1: "#0000",
+        2: "#ffffff09",
+        3: "#ffffff12",
+        4: "#ffffff1b",
+        5: "#ffffff22",
+        6: "#ffffff2c",
+        7: "#ffffff3b",
+        8: "#ffffff55",
+        9: "#ffffff64",
+        10: "#ffffff72",
+        11: "#ffffffaf",
+        12: "#ffffffed"
+      },
+      contrast: "#111111",
+      surface: "#1d1d1d80",
+      indicator: "#7b7b7b",
+      track: "#7b7b7b"
+    }
+  }
+}, fe = {
+  button: {
+    "height-sm": "32px",
+    "height-md": "36px",
+    "height-lg": "44px",
+    "classic-after-inset": "2px",
+    "classic-box-shadow-top": "inset 0 0 0 1px var(--gray-a5), inset 0 1px 1px var(--white-a10)",
+    "classic-box-shadow-bottom": "inset 0 4px 2px -2px var(--white-a9), inset 0 2px 1px -1px var(--white-a9)",
+    "classic-disabled-box-shadow": "inset 0 0 0 1px var(--gray-a4), inset 0 1px 1px var(--gray-a1)",
+    "classic-active-filter": "brightness(0.985) saturate(0.98)",
+    "solid-active-filter": "brightness(0.96) saturate(1.02)"
+  },
+  badge: {
+    radius: "999px",
+    shadow: "none",
+    "font-size": "12px",
+    "font-weight": "600",
+    gap: "6px",
+    "padding-block": "5px",
+    "padding-inline": "10px",
+    "border-width": "1px"
+  },
+  blockControls: {
+    bg: "var(--color-panel)",
+    border: "1px solid color-mix(in srgb, var(--gray-a5) 80%, transparent)",
+    radius: "var(--ui-radius)",
+    shadow: "var(--shadow-2)",
+    gap: "6px",
+    padding: "8px",
+    "item-radius": "var(--ui-radius)"
+  },
+  box: {
+    bg: "var(--color-panel-solid)",
+    border: "1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",
+    radius: "var(--ui-radius)",
+    shadow: "var(--shadow-2)",
+    backdrop: "var(--backdrop-filter-panel)"
+  },
+  breadcrumb: {
+    radius: "var(--ui-radius)",
+    gap: "8px",
+    "font-size": "14px",
+    shadow: "none",
+    "item-padding-block": "4px",
+    "item-padding-inline": "9px"
+  },
+  dropdown: {
+    bg: "color-mix(in srgb, var(--color-panel-solid) 98%, transparent)",
+    border: "1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",
+    radius: "var(--radius-4)",
+    shadow: "var(--shadow-5)",
+    backdrop: "none",
+    "content-padding": "0px",
+    "min-width": "224px",
+    "item-height": "36px",
+    "item-padding-x": "12px",
+    "item-padding-y": "8px",
+    "item-gap": "10px",
+    "item-radius": "0px",
+    "item-font-size": "14px",
+    "item-line-height": "20px",
+    "separator-margin": "6px 10px"
+  },
+  select: {
+    bg: "var(--color-panel-solid)",
+    border: "1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",
+    radius: "var(--ui-radius)",
+    shadow: "none",
+    "height-sm": "34px",
+    "height-md": "42px",
+    "height-lg": "46px",
+    "padding-x": "12px",
+    gap: "8px",
+    "label-color": "var(--ui-color-text)",
+    "description-color": "var(--ui-color-muted)",
+    "menu-bg": "var(--color-panel-solid)",
+    "menu-color": "var(--ui-color-text)",
+    "menu-border": "1px solid color-mix(in srgb, var(--gray-a5) 80%, transparent)",
+    "menu-radius": "var(--radius-4)",
+    "menu-shadow": "var(--shadow-5)",
+    "menu-padding": "8px",
+    "menu-min-width": "232px",
+    "menu-item-height": "36px",
+    "menu-item-padding-x": "12px",
+    "menu-item-padding-y": "8px",
+    "menu-item-gap": "10px",
+    "menu-item-radius": "var(--radius-2)",
+    "menu-item-font-size": "14px",
+    "menu-item-line-height": "20px",
+    "menu-separator-margin": "6px 10px"
+  },
+  sidebar: {
+    bg: "var(--color-panel-solid)",
+    border: "1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",
+    radius: "4px",
+    shadow: "var(--shadow-5)",
+    padding: "12px",
+    gap: "12px",
+    "header-padding": "6px 8px 10px",
+    "item-radius": "4px",
+    "item-height": "45px",
+    "item-padding-x": "6px",
+    "item-padding-y": "3px",
+    "item-gap": "8px",
+    "item-font-size": "12px",
+    "item-line-height": "22px",
+    "section-gap": "10px",
+    "section-label-size": "12px",
+    "section-label-spacing": "0.06em",
+    "submenu-indent": "18px",
+    "promo-radius": "4px",
+    "promo-padding": "18px"
+  },
+  card: {
+    bg: "var(--color-panel-solid)",
+    border: "1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",
+    radius: "var(--ui-radius)",
+    shadow: "var(--shadow-2)",
+    "hover-shadow": "var(--shadow-3)",
+    "active-shadow": "var(--shadow-2)",
+    "classic-shadow": "var(--shadow-2)",
+    "classic-hover-shadow": "var(--shadow-3)",
+    "classic-active-shadow": "var(--shadow-2)"
+  },
+  multiSelect: {
+    bg: "var(--color-panel-solid)",
+    border: "1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",
+    radius: "var(--ui-radius)",
+    shadow: "none",
+    "height-sm": "38px",
+    "height-md": "44px",
+    "height-lg": "48px",
+    "padding-x": "10px",
+    "padding-y": "8px",
+    "panel-bg": "var(--color-panel-solid)",
+    "panel-border": "1px solid color-mix(in srgb, var(--gray-a5) 84%, transparent)",
+    "panel-radius": "calc(var(--ui-radius) + 2px)",
+    "panel-shadow": "var(--shadow-4)",
+    "chip-radius": "999px",
+    "chip-gap": "6px",
+    "chip-padding-x": "10px",
+    "chip-padding-y": "6px",
+    "option-radius": "10px",
+    "option-gap": "10px",
+    "option-padding-x": "10px",
+    "option-padding-y": "10px"
+  },
+  navigationMenu: {
+    bg: "var(--color-panel-solid)",
+    border: "1px solid color-mix(in srgb, var(--gray-a5) 80%, transparent)",
+    radius: "var(--radius-4)",
+    shadow: "var(--shadow-2)",
+    padding: "6px",
+    gap: "6px",
+    "item-radius": "var(--radius-2)",
+    "item-padding-x": "12px",
+    "item-padding-y": "8px",
+    "item-font-size": "14px",
+    "item-font-weight": "600",
+    "item-line-height": "20px",
+    "panel-bg": "var(--color-panel-solid)",
+    "panel-border": "1px solid color-mix(in srgb, var(--gray-a5) 80%, transparent)",
+    "panel-radius": "var(--radius-4)",
+    "panel-shadow": "var(--shadow-3)",
+    "panel-padding": "12px"
+  },
+  menubar: {
+    bg: "var(--color-panel-solid)",
+    border: "1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",
+    radius: "var(--radius-4)",
+    shadow: "var(--shadow-2)",
+    padding: "6px",
+    gap: "6px",
+    "item-radius": "var(--radius-2)",
+    "item-padding-x": "14px",
+    "item-padding-y": "9px",
+    "item-font-size": "14px",
+    "item-font-weight": "600",
+    "item-line-height": "20px",
+    "panel-bg": "var(--color-panel-solid)",
+    "panel-color": "var(--ui-color-text)",
+    "panel-border": "1px solid color-mix(in srgb, var(--gray-a5) 80%, transparent)",
+    "panel-shadow": "var(--shadow-5)",
+    "panel-radius": "var(--radius-4)",
+    "panel-padding": "8px",
+    "panel-min-width": "232px",
+    "panel-item-height": "36px",
+    "panel-item-padding-x": "12px",
+    "panel-item-padding-y": "8px",
+    "panel-item-gap": "10px",
+    "panel-item-radius": "var(--radius-2)",
+    "panel-item-font-size": "14px",
+    "panel-item-line-height": "20px",
+    "panel-separator-margin": "6px 10px"
+  },
+  contextMenu: {
+    bg: "var(--color-panel-solid)",
+    border: "1px solid color-mix(in srgb, var(--gray-a5) 80%, transparent)",
+    radius: "var(--radius-4)",
+    shadow: "var(--shadow-5)",
+    padding: "8px",
+    "min-width": "232px",
+    "item-height": "36px",
+    "item-padding-x": "12px",
+    "item-padding-y": "8px",
+    "item-gap": "10px",
+    "item-radius": "var(--radius-2)",
+    "item-font-size": "14px",
+    "item-line-height": "20px",
+    "submenu-radius": "var(--radius-4)",
+    "submenu-padding": "8px"
+  },
+  alert: {
+    bg: "var(--color-panel-solid)",
+    border: "1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",
+    radius: "var(--ui-radius)",
+    shadow: "var(--shadow-2)",
+    "padding-x": "16px",
+    "padding-y": "14px",
+    gap: "var(--ui-default-gap)",
+    "icon-size": "26px",
+    "dismiss-size": "28px"
+  },
+  alertDialog: {
+    bg: "var(--color-panel-solid)",
+    border: "1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",
+    radius: "var(--ui-radius)",
+    shadow: "var(--shadow-4)",
+    backdrop: "var(--color-overlay)",
+    padding: "20px",
+    gap: "var(--ui-default-gap)",
+    "min-width": "360px",
+    "max-width": "min(90vw, 560px)",
+    "header-gap": "10px",
+    "footer-gap": "10px"
+  },
+  appHeader: {
+    bg: "var(--color-panel)",
+    border: "1px solid color-mix(in srgb, var(--gray-a5) 78%, transparent)",
+    radius: "0px",
+    shadow: "none",
+    padding: "16px",
+    gap: "12px",
+    height: "64px",
+    "height-dense": "52px",
+    "control-radius": "var(--ui-radius)"
+  },
+  aspectRatio: {
+    bg: "var(--color-panel-solid)",
+    border: "1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",
+    radius: "var(--radius-4)",
+    shadow: "none",
+    "empty-bg": "color-mix(in srgb, var(--accent-a3) 24%, transparent)",
+    "badge-radius": "999px"
+  },
+  avatar: {
+    bg: "var(--color-panel-solid)",
+    border: "1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",
+    radius: "999px",
+    shadow: "0 1px 2px rgba(15, 23, 42, 0.06), 0 12px 24px rgba(15, 23, 42, 0.12)",
+    "size-sm": "30px",
+    "size-md": "40px",
+    "size-lg": "52px",
+    "badge-radius": "999px",
+    "status-border": "2px solid var(--color-panel-solid)"
+  },
+  menu: {
+    bg: "var(--color-panel-solid)",
+    border: "1px solid color-mix(in srgb, var(--gray-a5) 80%, transparent)",
+    radius: "var(--radius-4)",
+    shadow: "var(--shadow-5)",
+    backdrop: "none",
+    "content-padding": "8px",
+    "min-width": "232px",
+    "item-height": "36px",
+    "item-padding-x": "12px",
+    "item-padding-y": "8px",
+    "item-gap": "10px",
+    "item-radius": "var(--radius-2)",
+    "item-font-size": "14px",
+    "item-line-height": "20px",
+    "separator-margin": "6px 10px"
+  },
+  panel: {
+    bg: "var(--color-panel)",
+    border: "1px solid color-mix(in srgb, var(--gray-a5) 72%, transparent)",
+    radius: "var(--ui-radius)",
+    shadow: "var(--shadow-4)",
+    backdrop: "var(--backdrop-filter-panel)",
+    padding: "var(--ui-default-gap)"
+  },
+  input: {
+    "height-sm": "32px",
+    "height-md": "36px",
+    "height-lg": "44px",
+    bg: "var(--color-panel-solid)",
+    border: "1px solid color-mix(in srgb, var(--gray-a5) 84%, transparent)",
+    "focus-ring": "0 0 0 3px color-mix(in srgb, var(--accent-a5) 48%, transparent)"
+  }
+}, ue = {
+  button: {
+    "height-sm": "32px",
+    "height-md": "36px",
+    "height-lg": "44px",
+    "classic-after-inset": "1px",
+    "classic-box-shadow-top": "inset 0 0 0 1px var(--white-a2), inset 0 4px 2px -2px var(--white-a3), inset 0 1px 1px var(--white-a6), inset 0 -1px 1px var(--black-a6)",
+    "classic-box-shadow-bottom": "inset 0 0 0 1px var(--black-a4), inset 0 -1px 1px var(--black-a8)",
+    "classic-disabled-box-shadow": "inset 0 0 0 1px var(--gray-a5), inset 0 4px 2px -2px var(--gray-a2), inset 0 1px 1px var(--gray-a5), inset 0 -1px 1px var(--black-a3), inset 0 0 0 1px var(--gray-a2)",
+    "classic-active-filter": "brightness(0.94) saturate(0.95)",
+    "solid-active-filter": "brightness(0.92) saturate(1.04)"
+  },
+  badge: {
+    radius: "999px",
+    shadow: "none",
+    "font-size": "12px",
+    "font-weight": "600",
+    gap: "6px",
+    "padding-block": "5px",
+    "padding-inline": "10px",
+    "border-width": "1px"
+  },
+  blockControls: {
+    bg: "var(--color-panel)",
+    border: "1px solid color-mix(in srgb, var(--gray-a6) 86%, transparent)",
+    radius: "var(--ui-radius)",
+    shadow: "var(--shadow-2)",
+    gap: "6px",
+    padding: "8px",
+    "item-radius": "var(--ui-radius)"
+  },
+  box: {
+    bg: "var(--color-panel-solid)",
+    border: "1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",
+    radius: "var(--ui-radius)",
+    shadow: "var(--shadow-2)",
+    backdrop: "var(--backdrop-filter-panel)"
+  },
+  breadcrumb: {
+    radius: "var(--ui-radius)",
+    gap: "8px",
+    "font-size": "14px",
+    shadow: "none",
+    "item-padding-block": "4px",
+    "item-padding-inline": "9px"
+  },
+  dropdown: {
+    bg: "color-mix(in srgb, var(--color-panel-solid) 98%, transparent)",
+    border: "1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",
+    radius: "var(--radius-4)",
+    shadow: "var(--shadow-5)",
+    backdrop: "none",
+    "content-padding": "0px",
+    "min-width": "224px",
+    "item-height": "36px",
+    "item-padding-x": "12px",
+    "item-padding-y": "8px",
+    "item-gap": "10px",
+    "item-radius": "0px",
+    "item-font-size": "14px",
+    "item-line-height": "20px",
+    "separator-margin": "6px 10px"
+  },
+  select: {
+    bg: "var(--color-panel-solid)",
+    border: "1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",
+    radius: "var(--ui-radius)",
+    shadow: "none",
+    "height-sm": "34px",
+    "height-md": "42px",
+    "height-lg": "46px",
+    "padding-x": "12px",
+    gap: "8px",
+    "label-color": "var(--ui-color-text)",
+    "description-color": "var(--ui-color-muted)",
+    "menu-bg": "var(--color-panel-solid)",
+    "menu-color": "var(--ui-color-text)",
+    "menu-border": "1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",
+    "menu-radius": "var(--radius-4)",
+    "menu-shadow": "var(--shadow-5)",
+    "menu-padding": "8px",
+    "menu-min-width": "232px",
+    "menu-item-height": "36px",
+    "menu-item-padding-x": "12px",
+    "menu-item-padding-y": "8px",
+    "menu-item-gap": "10px",
+    "menu-item-radius": "var(--radius-2)",
+    "menu-item-font-size": "14px",
+    "menu-item-line-height": "20px",
+    "menu-separator-margin": "6px 10px"
+  },
+  sidebar: {
+    bg: "var(--color-panel-solid)",
+    border: "1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",
+    radius: "4px",
+    shadow: "var(--shadow-5)",
+    padding: "12px",
+    gap: "12px",
+    "header-padding": "6px 8px 10px",
+    "item-radius": "4px",
+    "item-height": "45px",
+    "item-padding-x": "6px",
+    "item-padding-y": "3px",
+    "item-gap": "8px",
+    "item-font-size": "12px",
+    "item-line-height": "22px",
+    "section-gap": "10px",
+    "section-label-size": "12px",
+    "section-label-spacing": "0.06em",
+    "submenu-indent": "18px",
+    "promo-radius": "4px",
+    "promo-padding": "18px"
+  },
+  card: {
+    bg: "var(--color-panel-solid)",
+    border: "1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",
+    radius: "var(--ui-radius)",
+    shadow: "var(--shadow-2)",
+    "hover-shadow": "var(--shadow-3)",
+    "active-shadow": "var(--shadow-2)",
+    "classic-shadow": "var(--shadow-2)",
+    "classic-hover-shadow": "var(--shadow-3)",
+    "classic-active-shadow": "var(--shadow-2)"
+  },
+  multiSelect: {
+    bg: "var(--color-panel-solid)",
+    border: "1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",
+    radius: "var(--ui-radius)",
+    shadow: "none",
+    "height-sm": "38px",
+    "height-md": "44px",
+    "height-lg": "48px",
+    "padding-x": "10px",
+    "padding-y": "8px",
+    "panel-bg": "var(--color-panel-solid)",
+    "panel-border": "1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",
+    "panel-radius": "calc(var(--ui-radius) + 2px)",
+    "panel-shadow": "var(--shadow-4)",
+    "chip-radius": "999px",
+    "chip-gap": "6px",
+    "chip-padding-x": "10px",
+    "chip-padding-y": "6px",
+    "option-radius": "10px",
+    "option-gap": "10px",
+    "option-padding-x": "10px",
+    "option-padding-y": "10px"
+  },
+  navigationMenu: {
+    bg: "var(--color-panel-solid)",
+    border: "1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",
+    radius: "var(--radius-4)",
+    shadow: "var(--shadow-2)",
+    padding: "6px",
+    gap: "6px",
+    "item-radius": "var(--radius-2)",
+    "item-padding-x": "12px",
+    "item-padding-y": "8px",
+    "item-font-size": "14px",
+    "item-font-weight": "600",
+    "item-line-height": "20px",
+    "panel-bg": "var(--color-panel-solid)",
+    "panel-border": "1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",
+    "panel-radius": "var(--radius-4)",
+    "panel-shadow": "var(--shadow-3)",
+    "panel-padding": "12px"
+  },
+  menubar: {
+    bg: "var(--color-panel-solid)",
+    border: "1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",
+    radius: "var(--radius-4)",
+    shadow: "var(--shadow-2)",
+    padding: "6px",
+    gap: "6px",
+    "item-radius": "var(--radius-2)",
+    "item-padding-x": "14px",
+    "item-padding-y": "9px",
+    "item-font-size": "14px",
+    "item-font-weight": "600",
+    "item-line-height": "20px",
+    "panel-bg": "var(--color-panel-solid)",
+    "panel-color": "var(--ui-color-text)",
+    "panel-border": "1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",
+    "panel-shadow": "var(--shadow-5)",
+    "panel-radius": "var(--radius-4)",
+    "panel-padding": "8px",
+    "panel-min-width": "232px",
+    "panel-item-height": "36px",
+    "panel-item-padding-x": "12px",
+    "panel-item-padding-y": "8px",
+    "panel-item-gap": "10px",
+    "panel-item-radius": "var(--radius-2)",
+    "panel-item-font-size": "14px",
+    "panel-item-line-height": "20px",
+    "panel-separator-margin": "6px 10px"
+  },
+  contextMenu: {
+    bg: "var(--color-panel-solid)",
+    border: "1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",
+    radius: "var(--radius-4)",
+    shadow: "var(--shadow-5)",
+    padding: "8px",
+    "min-width": "232px",
+    "item-height": "36px",
+    "item-padding-x": "12px",
+    "item-padding-y": "8px",
+    "item-gap": "10px",
+    "item-radius": "var(--radius-2)",
+    "item-font-size": "14px",
+    "item-line-height": "20px",
+    "submenu-radius": "var(--radius-4)",
+    "submenu-padding": "8px"
+  },
+  alert: {
+    bg: "var(--color-panel-solid)",
+    border: "1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",
+    radius: "var(--ui-radius)",
+    shadow: "var(--shadow-2)",
+    "padding-x": "16px",
+    "padding-y": "14px",
+    gap: "var(--ui-default-gap)",
+    "icon-size": "26px",
+    "dismiss-size": "28px"
+  },
+  alertDialog: {
+    bg: "var(--color-panel-solid)",
+    border: "1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",
+    radius: "var(--ui-radius)",
+    shadow: "var(--shadow-4)",
+    backdrop: "var(--color-overlay)",
+    padding: "20px",
+    gap: "var(--ui-default-gap)",
+    "min-width": "360px",
+    "max-width": "min(90vw, 560px)",
+    "header-gap": "10px",
+    "footer-gap": "10px"
+  },
+  appHeader: {
+    bg: "var(--color-panel)",
+    border: "1px solid color-mix(in srgb, var(--gray-a6) 82%, transparent)",
+    radius: "0px",
+    shadow: "none",
+    padding: "16px",
+    gap: "12px",
+    height: "64px",
+    "height-dense": "52px",
+    "control-radius": "var(--ui-radius)"
+  },
+  aspectRatio: {
+    bg: "var(--color-panel-solid)",
+    border: "1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",
+    radius: "var(--radius-4)",
+    shadow: "none",
+    "empty-bg": "color-mix(in srgb, var(--accent-a3) 20%, transparent)",
+    "badge-radius": "999px"
+  },
+  avatar: {
+    bg: "var(--color-panel-solid)",
+    border: "1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",
+    radius: "999px",
+    shadow: "0 1px 2px rgba(2, 6, 23, 0.18), 0 12px 24px rgba(2, 6, 23, 0.28)",
+    "size-sm": "30px",
+    "size-md": "40px",
+    "size-lg": "52px",
+    "badge-radius": "999px",
+    "status-border": "2px solid var(--color-panel-solid)"
+  },
+  menu: {
+    bg: "var(--color-panel-solid)",
+    border: "1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",
+    radius: "var(--radius-4)",
+    shadow: "var(--shadow-5)",
+    backdrop: "none",
+    "content-padding": "8px",
+    "min-width": "232px",
+    "item-height": "36px",
+    "item-padding-x": "12px",
+    "item-padding-y": "8px",
+    "item-gap": "10px",
+    "item-radius": "var(--radius-2)",
+    "item-font-size": "14px",
+    "item-line-height": "20px",
+    "separator-margin": "6px 10px"
+  },
+  panel: {
+    bg: "var(--color-panel)",
+    border: "1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",
+    radius: "var(--ui-radius)",
+    shadow: "var(--shadow-4)",
+    backdrop: "var(--backdrop-filter-panel)",
+    padding: "var(--ui-default-gap)"
+  },
+  input: {
+    "height-sm": "32px",
+    "height-md": "36px",
+    "height-lg": "44px",
+    bg: "var(--color-panel-solid)",
+    border: "1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",
+    "focus-ring": "0 0 0 3px color-mix(in srgb, var(--accent-a6) 42%, transparent)"
+  }
+};
+function Ka(e) {
+  return {
+    primary: e.scale[9],
+    primaryHover: e.scale[10] || e.scale[9],
+    foregroundOnPrimary: e.contrast,
+    focusRing: e.scale[8] || e.scale[9],
+    warning: e.scale[9]
+  };
+}
+const _a = {
+  colors: {
+    primary: "#ffc53d",
+    primaryHover: "#ffba18",
+    foregroundOnPrimary: "#21201c",
+    background: "#ffffff",
+    surface: "#fcfcfc",
+    surfaceAlt: "#f9f9f9",
+    text: "#202020",
+    muted: "#646464",
+    border: "#0000001f",
+    focusRing: "#e2a336",
+    success: "#30a46c",
+    danger: "#e5484d",
+    warning: "#ffc53d"
+  },
+  palette: {
+    gray: {
+      1: "#fcfcfc",
+      2: "#f9f9f9",
+      3: "#f0f0f0",
+      4: "#e8e8e8",
+      5: "#e0e0e0",
+      6: "#d9d9d9",
+      7: "#cecece",
+      8: "#bbb",
+      9: "#8d8d8d",
+      10: "#838383",
+      11: "#646464",
+      12: "#202020"
+    },
+    grayAlpha: {
+      1: "#00000003",
+      2: "#00000006",
+      3: "#0000000f",
+      4: "#00000017",
+      5: "#0000001f",
+      6: "#00000026",
+      7: "#00000031",
+      8: "#00000044",
+      9: "#00000072",
+      10: "#0000007c",
+      11: "#0000009b",
+      12: "#000000df"
+    },
+    blackAlpha: Ya,
+    whiteAlpha: Ga,
+    accent: {
+      ...v.amber.light.scale
+    },
+    accentAlpha: {
+      ...v.amber.light.alphaScale
+    },
+    accentContrast: v.amber.light.contrast,
+    accentSurface: v.amber.light.surface,
+    accentIndicator: v.amber.light.indicator,
+    accentTrack: v.amber.light.track
+  },
+  surfaces: {
+    background: "#ffffff",
+    surface: "#fcfcfc",
+    panel: "#ffffffcc",
+    panelSolid: "#ffffff",
+    panelTranslucent: "#ffffffcc",
+    overlay: "rgba(2, 6, 23, 0.52)",
+    transparent: "transparent"
+  },
+  radius: "4px",
+  radiusScale: {
+    1: "3px",
+    2: "4px",
+    3: "6px",
+    4: "8px",
+    5: "12px",
+    6: "16px"
+  },
+  shadows: {
+    sm: "0 0 0 1px var(--gray-a3),0 0 0 0.5px var(--black-a1),0 1px 1px 0 var(--gray-a2),0 2px 1px -1px var(--black-a1),0 1px 3px 0 var(--black-a1)",
+    md: "0 0 0 1px var(--gray-a3),0 2px 3px -2px var(--gray-a3),0 3px 12px -4px var(--black-a2),0 4px 16px -8px var(--black-a2)",
+    lg: "0 0 0 1px var(--gray-a3),0 8px 40px var(--black-a1),0 12px 32px -16px var(--gray-a3)",
+    1: "inset 0 0 0 1px var(--gray-a5),inset 0 1.5px 2px 0 var(--gray-a2),inset 0 1.5px 2px 0 var(--black-a2)",
+    2: "0 0 0 1px var(--gray-a3),0 0 0 0.5px var(--black-a1),0 1px 1px 0 var(--gray-a2),0 2px 1px -1px var(--black-a1),0 1px 3px 0 var(--black-a1)",
+    3: "0 0 0 1px var(--gray-a3),0 2px 3px -2px var(--gray-a3),0 3px 12px -4px var(--black-a2),0 4px 16px -8px var(--black-a2)",
+    4: "0 0 0 1px var(--gray-a3),0 8px 40px var(--black-a1),0 12px 32px -16px var(--gray-a3)",
+    5: "0 0 0 1px var(--gray-a3),0 12px 60px var(--black-a3),0 12px 32px -16px var(--gray-a5)",
+    6: "0 0 0 1px var(--gray-a3),0 12px 60px var(--black-a3),0 16px 64px var(--gray-a2),0 16px 36px -20px var(--gray-a7)"
+  },
+  spacing: {
+    xs: "4px",
+    sm: "8px",
+    md: "12px",
+    lg: "24px",
+    xl: "32px",
+    xxl: "48px"
+  },
+  spaceScale: {
+    1: "4px",
+    2: "8px",
+    3: "12px",
+    4: "16px",
+    5: "24px",
+    6: "32px",
+    7: "40px",
+    8: "48px",
+    9: "64px"
+  },
+  typography: {
+    family: '-apple-system,BlinkMacSystemFont,"Segoe UI (Custom)",Roboto,"Helvetica Neue","Open Sans (Custom)",system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji"',
+    headingFamily: '-apple-system,BlinkMacSystemFont,"Segoe UI (Custom)",Roboto,"Helvetica Neue","Open Sans (Custom)",system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji"',
+    codeFamily: '"Menlo","Consolas (Custom)","Bitstream Vera Sans Mono",monospace,"Apple Color Emoji","Segoe UI Emoji"',
+    size: { sm: "12px", md: "14px", lg: "16px" },
+    fontScale: {
+      1: "12px",
+      2: "14px",
+      3: "16px",
+      4: "18px",
+      5: "20px",
+      6: "24px",
+      7: "28px",
+      8: "35px",
+      9: "60px"
+    },
+    lineHeight: {
+      1: "16px",
+      2: "20px",
+      3: "24px",
+      4: "26px",
+      5: "28px",
+      6: "30px",
+      7: "36px",
+      8: "40px",
+      9: "60px"
+    },
+    letterSpacing: {
+      1: "0.0025em",
+      2: "0em",
+      3: "0em",
+      4: "-0.0025em",
+      5: "-0.005em",
+      6: "-0.00625em",
+      7: "-0.0075em",
+      8: "-0.01em",
+      9: "-0.025em"
+    }
+  },
+  motion: {
+    durationShort: "120ms",
+    durationBase: "180ms",
+    durationLong: "260ms",
+    easing: "cubic-bezier(0.2, 0.8, 0.2, 1)"
+  },
+  effects: {
+    backdropFilterPanel: "blur(64px)"
+  },
+  components: fe,
+  zIndex: { modal: 1e3, overlay: 900, toast: 1100 },
+  breakpoints: { sm: "640px", md: "768px", lg: "1024px" }
+}, me = {
+  ..._a,
+  colors: {
+    primary: "#ffc53d",
+    primaryHover: "#ffd60a",
+    foregroundOnPrimary: "#21201c",
+    background: "#111111",
+    surface: "#111111",
+    surfaceAlt: "#191919",
+    text: "#eeeeee",
+    muted: "#b4b4b4",
+    border: "#ffffff22",
+    focusRing: "#ffc53d",
+    success: "#30a46c",
+    danger: "#e5484d",
+    warning: "#ffc53d"
+  },
+  palette: {
+    ..._a.palette,
+    gray: {
+      1: "#111",
+      2: "#191919",
+      3: "#222",
+      4: "#2a2a2a",
+      5: "#313131",
+      6: "#3a3a3a",
+      7: "#484848",
+      8: "#606060",
+      9: "#6e6e6e",
+      10: "#7b7b7b",
+      11: "#b4b4b4",
+      12: "#eee"
+    },
+    grayAlpha: {
+      1: "#0000",
+      2: "#ffffff09",
+      3: "#ffffff12",
+      4: "#ffffff1b",
+      5: "#ffffff22",
+      6: "#ffffff2c",
+      7: "#ffffff3b",
+      8: "#ffffff55",
+      9: "#ffffff64",
+      10: "#ffffff72",
+      11: "#ffffffaf",
+      12: "#ffffffed"
+    },
+    blackAlpha: Ya,
+    whiteAlpha: Ga,
+    accent: {
+      ...v.amber.dark.scale
+    },
+    accentAlpha: {
+      ...v.amber.dark.alphaScale
+    },
+    accentContrast: v.amber.dark.contrast,
+    accentSurface: v.amber.dark.surface,
+    accentIndicator: v.amber.dark.indicator,
+    accentTrack: v.amber.dark.track
+  },
+  surfaces: {
+    background: "#111111",
+    surface: "#111111",
+    panel: "#21212180",
+    panelSolid: "#191919",
+    panelTranslucent: "#21212180",
+    overlay: "rgba(0, 0, 0, 0.72)",
+    transparent: "transparent"
+  },
+  shadows: {
+    sm: "0 0 0 1px var(--gray-a6),0 0 0 0.5px var(--black-a3),0 1px 1px 0 var(--black-a6),0 2px 1px -1px var(--black-a6),0 1px 3px 0 var(--black-a5)",
+    md: "0 0 0 1px var(--gray-a6),0 2px 3px -2px var(--black-a3),0 3px 8px -2px var(--black-a6),0 4px 12px -4px var(--black-a7)",
+    lg: "0 0 0 1px var(--gray-a6),0 8px 40px var(--black-a3),0 12px 32px -16px var(--black-a5)",
+    1: "inset 0 -1px 1px 0 var(--gray-a3),inset 0 0 0 1px var(--gray-a3),inset 0 3px 4px 0 var(--black-a5),inset 0 0 0 1px var(--gray-a4)",
+    2: "0 0 0 1px var(--gray-a6),0 0 0 0.5px var(--black-a3),0 1px 1px 0 var(--black-a6),0 2px 1px -1px var(--black-a6),0 1px 3px 0 var(--black-a5)",
+    3: "0 0 0 1px var(--gray-a6),0 2px 3px -2px var(--black-a3),0 3px 8px -2px var(--black-a6),0 4px 12px -4px var(--black-a7)",
+    4: "0 0 0 1px var(--gray-a6),0 8px 40px var(--black-a3),0 12px 32px -16px var(--black-a5)",
+    5: "0 0 0 1px var(--gray-a6),0 12px 60px var(--black-a5),0 12px 32px -16px var(--black-a7)",
+    6: "0 0 0 1px var(--gray-a6),0 12px 60px var(--black-a4),0 16px 64px var(--black-a6),0 16px 36px -20px var(--black-a11)"
+  },
+  components: ue
+}, _e = _a, Ja = /* @__PURE__ */ new Set();
+function u(e, a) {
+  if (!(!e && !a))
+    return { ...e || {}, ...a || {} };
+}
+function qa(e, a) {
+  var p, c, d, y, x, _, w, m, b, g, h, S, C, k, z, A, L, T, I, D, R, H, P, F, B, $, O, W, V, j, U, Z, N, Q, X, Y, G, K, J, q, aa, ea, na, ia, ta, oa, ra, sa, pa, ca, la, da, fa, ua, ma, ha, ga, xa, ba, ya, wa, va;
+  const i = (a == null ? void 0 : a.mode) || "light", n = i === "dark" ? me : _a, r = a == null ? void 0 : a.accentPalette, t = r ? v[r][i] : null, l = t ? {
+    colors: {
+      ...Ka(t)
+    },
+    palette: {
+      accent: t.scale,
+      accentAlpha: t.alphaScale,
+      accentContrast: t.contrast,
+      accentSurface: t.surface,
+      accentIndicator: t.indicator,
+      accentTrack: t.track
+    }
+  } : null;
+  return {
+    ...n,
+    ...e,
+    colors: {
+      ...n.colors,
+      ...(l == null ? void 0 : l.colors) || {},
+      ...(e == null ? void 0 : e.colors) || {}
+    },
+    palette: {
+      ...n.palette || {},
+      ...(l == null ? void 0 : l.palette) || {},
+      ...(e == null ? void 0 : e.palette) || {},
+      gray: u((p = n.palette) == null ? void 0 : p.gray, (c = e == null ? void 0 : e.palette) == null ? void 0 : c.gray),
+      grayAlpha: u((d = n.palette) == null ? void 0 : d.grayAlpha, (y = e == null ? void 0 : e.palette) == null ? void 0 : y.grayAlpha),
+      blackAlpha: u((x = n.palette) == null ? void 0 : x.blackAlpha, (_ = e == null ? void 0 : e.palette) == null ? void 0 : _.blackAlpha),
+      whiteAlpha: u((w = n.palette) == null ? void 0 : w.whiteAlpha, (m = e == null ? void 0 : e.palette) == null ? void 0 : m.whiteAlpha),
+      accent: u((t == null ? void 0 : t.scale) || ((b = n.palette) == null ? void 0 : b.accent), (g = e == null ? void 0 : e.palette) == null ? void 0 : g.accent),
+      accentAlpha: u((t == null ? void 0 : t.alphaScale) || ((h = n.palette) == null ? void 0 : h.accentAlpha), (S = e == null ? void 0 : e.palette) == null ? void 0 : S.accentAlpha)
+    },
+    surfaces: {
+      ...n.surfaces || {},
+      ...(e == null ? void 0 : e.surfaces) || {}
+    },
+    shadows: {
+      ...n.shadows || {},
+      ...(e == null ? void 0 : e.shadows) || {}
+    },
+    spacing: {
+      ...n.spacing || {},
+      ...(e == null ? void 0 : e.spacing) || {}
+    },
+    spaceScale: u(n.spaceScale, e == null ? void 0 : e.spaceScale),
+    radiusScale: u(n.radiusScale, e == null ? void 0 : e.radiusScale),
+    typography: {
+      ...n.typography || {},
+      ...(e == null ? void 0 : e.typography) || {},
+      size: {
+        ...((C = n.typography) == null ? void 0 : C.size) || {},
+        ...((k = e == null ? void 0 : e.typography) == null ? void 0 : k.size) || {}
+      },
+      fontScale: u((z = n.typography) == null ? void 0 : z.fontScale, (A = e == null ? void 0 : e.typography) == null ? void 0 : A.fontScale),
+      lineHeight: u((L = n.typography) == null ? void 0 : L.lineHeight, (T = e == null ? void 0 : e.typography) == null ? void 0 : T.lineHeight),
+      letterSpacing: u((I = n.typography) == null ? void 0 : I.letterSpacing, (D = e == null ? void 0 : e.typography) == null ? void 0 : D.letterSpacing)
+    },
+    motion: {
+      ...n.motion || {},
+      ...(e == null ? void 0 : e.motion) || {}
+    },
+    effects: {
+      ...n.effects || {},
+      ...(e == null ? void 0 : e.effects) || {}
+    },
+    components: {
+      ...n.components || {},
+      ...(e == null ? void 0 : e.components) || {},
+      button: u((R = n.components) == null ? void 0 : R.button, (H = e == null ? void 0 : e.components) == null ? void 0 : H.button),
+      badge: u((P = n.components) == null ? void 0 : P.badge, (F = e == null ? void 0 : e.components) == null ? void 0 : F.badge),
+      dropdown: u((B = n.components) == null ? void 0 : B.dropdown, ($ = e == null ? void 0 : e.components) == null ? void 0 : $.dropdown),
+      select: u((O = n.components) == null ? void 0 : O.select, (W = e == null ? void 0 : e.components) == null ? void 0 : W.select),
+      sidebar: u((V = n.components) == null ? void 0 : V.sidebar, (j = e == null ? void 0 : e.components) == null ? void 0 : j.sidebar),
+      card: u((U = n.components) == null ? void 0 : U.card, (Z = e == null ? void 0 : e.components) == null ? void 0 : Z.card),
+      navigationMenu: u((N = n.components) == null ? void 0 : N.navigationMenu, (Q = e == null ? void 0 : e.components) == null ? void 0 : Q.navigationMenu),
+      blockControls: u((X = n.components) == null ? void 0 : X.blockControls, (Y = e == null ? void 0 : e.components) == null ? void 0 : Y.blockControls),
+      box: u((G = n.components) == null ? void 0 : G.box, (K = e == null ? void 0 : e.components) == null ? void 0 : K.box),
+      breadcrumb: u((J = n.components) == null ? void 0 : J.breadcrumb, (q = e == null ? void 0 : e.components) == null ? void 0 : q.breadcrumb),
+      contextMenu: u((aa = n.components) == null ? void 0 : aa.contextMenu, (ea = e == null ? void 0 : e.components) == null ? void 0 : ea.contextMenu),
+      menubar: u((na = n.components) == null ? void 0 : na.menubar, (ia = e == null ? void 0 : e.components) == null ? void 0 : ia.menubar),
+      alert: u((ta = n.components) == null ? void 0 : ta.alert, (oa = e == null ? void 0 : e.components) == null ? void 0 : oa.alert),
+      alertDialog: u((ra = n.components) == null ? void 0 : ra.alertDialog, (sa = e == null ? void 0 : e.components) == null ? void 0 : sa.alertDialog),
+      appHeader: u((pa = n.components) == null ? void 0 : pa.appHeader, (ca = e == null ? void 0 : e.components) == null ? void 0 : ca.appHeader),
+      aspectRatio: u((la = n.components) == null ? void 0 : la.aspectRatio, (da = e == null ? void 0 : e.components) == null ? void 0 : da.aspectRatio),
+      avatar: u((fa = n.components) == null ? void 0 : fa.avatar, (ua = e == null ? void 0 : e.components) == null ? void 0 : ua.avatar),
+      menu: u((ma = n.components) == null ? void 0 : ma.menu, (ha = e == null ? void 0 : e.components) == null ? void 0 : ha.menu),
+      multiSelect: u((ga = n.components) == null ? void 0 : ga.multiSelect, (xa = e == null ? void 0 : e.components) == null ? void 0 : xa.multiSelect),
+      panel: u((ba = n.components) == null ? void 0 : ba.panel, (ya = e == null ? void 0 : e.components) == null ? void 0 : ya.panel),
+      input: u((wa = n.components) == null ? void 0 : wa.input, (va = e == null ? void 0 : e.components) == null ? void 0 : va.input)
+    },
+    zIndex: {
+      ...n.zIndex || {},
+      ...(e == null ? void 0 : e.zIndex) || {}
+    },
+    breakpoints: {
+      ...n.breakpoints || {},
+      ...(e == null ? void 0 : e.breakpoints) || {}
+    }
+  };
+}
+function Se(e, a, i = "light") {
+  const n = v[a][i], r = e;
+  return qa(
+    {
+      ...r,
+      colors: {
+        ...r.colors || {},
+        ...Ka(n)
+      },
+      palette: {
+        ...r.palette || {},
+        accent: n.scale,
+        accentAlpha: n.alphaScale,
+        accentContrast: n.contrast,
+        accentSurface: n.surface,
+        accentIndicator: n.indicator,
+        accentTrack: n.track
+      }
+    },
+    { mode: i }
+  );
+}
+function o(e, a, i) {
+  try {
+    e.style.setProperty(a, i);
+  } catch {
+  }
+}
+function f(e, a, i) {
+  i && Object.entries(i).forEach(([n, r]) => {
+    typeof r == "string" && r && e.style.setProperty(`${a}${n}`, r);
+  });
+}
+function Ce(e) {
+  e && Ja.add(e);
+}
+function Qa(e, a) {
+  var i, n, r, t, l, s, p, c, d, y, x, _, w, m, b, g, h, S, C, k, z, A, L, T, I, D, R, H, P, F, B, $, O, W, V, j, U, Z, N, Q, X, Y, G, K, J, q, aa, ea, na, ia, ta, oa, ra, sa, pa, ca, la, da, fa, ua, ma, ha, ga, xa, ba, ya, wa, va, Ca, za, Aa, Ea, Ma, La, Ta, Ia, Da, Ra, Ha, Pa, Fa, Ba, $a, Oa, Wa;
+  o(e, "--ui-color-primary", a.colors.primary), o(e, "--ui-color-primary-hover", a.colors.primaryHover || a.colors.primary), o(e, "--ui-color-foreground-on-primary", a.colors.foregroundOnPrimary || "#ffffff"), o(e, "--ui-color-background", a.colors.background || "#ffffff"), o(e, "--ui-color-surface", a.colors.surface || a.colors.background || "#ffffff"), o(e, "--ui-color-surface-alt", a.colors.surfaceAlt || a.colors.surface || "#f9f9f9"), o(e, "--ui-color-text", a.colors.text || "#202020"), o(e, "--ui-color-muted", a.colors.muted || "#646464"), o(e, "--ui-color-border", a.colors.border || "#0000001f"), o(e, "--ui-color-focus-ring", a.colors.focusRing || a.colors.primary), o(e, "--ui-color-success", a.colors.success || "#30a46c"), o(e, "--ui-color-danger", a.colors.danger || "#e5484d"), o(e, "--ui-color-warning", a.colors.warning || a.colors.primary), o(e, "--ui-primary", a.colors.primary), o(e, "--ui-primary-hover", a.colors.primaryHover || a.colors.primary), o(e, "--ui-foreground", a.colors.foregroundOnPrimary || "#ffffff"), o(e, "--ui-background", a.colors.background || "#ffffff"), o(e, "--ui-surface", a.colors.surface || a.colors.background || "#ffffff"), o(e, "--ui-surface-alt", a.colors.surfaceAlt || a.colors.surface || "#f9f9f9"), o(e, "--ui-text", a.colors.text || "#202020"), o(e, "--ui-muted", a.colors.muted || "#646464"), o(e, "--ui-border", a.colors.border || "#0000001f"), o(e, "--ui-focus-ring", a.colors.focusRing || a.colors.primary), o(e, "--ui-success", a.colors.success || "#30a46c"), o(e, "--ui-error", a.colors.danger || "#e5484d"), o(e, "--ui-warning", a.colors.warning || a.colors.primary), o(e, "--ui-radius", a.radius || "4px"), o(e, "--ui-space-xs", ((i = a.spacing) == null ? void 0 : i.xs) || "4px"), o(e, "--ui-space-sm", ((n = a.spacing) == null ? void 0 : n.sm) || "8px"), o(e, "--ui-space-md", ((r = a.spacing) == null ? void 0 : r.md) || "12px"), o(e, "--ui-space-lg", ((t = a.spacing) == null ? void 0 : t.lg) || "24px"), o(e, "--ui-space-xl", ((l = a.spacing) == null ? void 0 : l.xl) || "32px"), o(e, "--ui-space-xxl", ((s = a.spacing) == null ? void 0 : s.xxl) || "48px"), o(e, "--ui-default-gap", ((p = a.spacing) == null ? void 0 : p.sm) || ((c = a.spaceScale) == null ? void 0 : c["2"]) || "8px"), o(e, "--ui-shadow-sm", ((d = a.shadows) == null ? void 0 : d.sm) || ((y = a.shadows) == null ? void 0 : y["2"]) || "none"), o(e, "--ui-shadow-md", ((x = a.shadows) == null ? void 0 : x.md) || ((_ = a.shadows) == null ? void 0 : _["3"]) || "none"), o(e, "--ui-shadow-lg", ((w = a.shadows) == null ? void 0 : w.lg) || ((m = a.shadows) == null ? void 0 : m["4"]) || "none"), o(e, "--ui-font-family", ((b = a.typography) == null ? void 0 : b.family) || "system-ui, sans-serif"), o(e, "--ui-font-family-heading", ((g = a.typography) == null ? void 0 : g.headingFamily) || ((h = a.typography) == null ? void 0 : h.family) || "system-ui, sans-serif"), o(e, "--ui-font-family-code", ((S = a.typography) == null ? void 0 : S.codeFamily) || "monospace"), o(e, "--ui-font-size-sm", ((k = (C = a.typography) == null ? void 0 : C.size) == null ? void 0 : k.sm) || "12px"), o(e, "--ui-font-size-md", ((A = (z = a.typography) == null ? void 0 : z.size) == null ? void 0 : A.md) || "14px"), o(e, "--ui-font-size-lg", ((T = (L = a.typography) == null ? void 0 : L.size) == null ? void 0 : T.lg) || "16px"), o(e, "--ui-default-font-size", ((D = (I = a.typography) == null ? void 0 : I.size) == null ? void 0 : D.md) || ((H = (R = a.typography) == null ? void 0 : R.fontScale) == null ? void 0 : H["2"]) || "14px"), o(e, "--ui-default-line-height", ((F = (P = a.typography) == null ? void 0 : P.lineHeight) == null ? void 0 : F["2"]) || "20px"), o(e, "--ui-default-letter-spacing", (($ = (B = a.typography) == null ? void 0 : B.letterSpacing) == null ? void 0 : $["2"]) || "0em"), o(e, "--ui-motion-short", ((O = a.motion) == null ? void 0 : O.durationShort) || "120ms"), o(e, "--ui-motion-base", ((W = a.motion) == null ? void 0 : W.durationBase) || "180ms"), o(e, "--ui-motion-long", ((V = a.motion) == null ? void 0 : V.durationLong) || "260ms"), o(e, "--ui-motion-easing", ((j = a.motion) == null ? void 0 : j.easing) || "cubic-bezier(0.2, 0.8, 0.2, 1)"), o(e, "--ui-z-modal", String(((U = a.zIndex) == null ? void 0 : U.modal) ?? 1e3)), o(e, "--ui-z-overlay", String(((Z = a.zIndex) == null ? void 0 : Z.overlay) ?? 900)), o(e, "--ui-z-toast", String(((N = a.zIndex) == null ? void 0 : N.toast) ?? 1100)), o(e, "--ui-breakpoint-sm", ((Q = a.breakpoints) == null ? void 0 : Q.sm) || "640px"), o(e, "--ui-breakpoint-md", ((X = a.breakpoints) == null ? void 0 : X.md) || "768px"), o(e, "--ui-breakpoint-lg", ((Y = a.breakpoints) == null ? void 0 : Y.lg) || "1024px"), o(e, "--color-background", ((G = a.surfaces) == null ? void 0 : G.background) || a.colors.background || "#ffffff"), o(e, "--color-surface", ((K = a.surfaces) == null ? void 0 : K.surface) || a.colors.surface || "#fcfcfc"), o(e, "--color-panel", ((J = a.surfaces) == null ? void 0 : J.panel) || ((q = a.surfaces) == null ? void 0 : q.panelTranslucent) || "#ffffffcc"), o(e, "--color-panel-solid", ((aa = a.surfaces) == null ? void 0 : aa.panelSolid) || a.colors.surface || "#ffffff"), o(e, "--color-panel-translucent", ((ea = a.surfaces) == null ? void 0 : ea.panelTranslucent) || "#ffffffcc"), o(e, "--color-overlay", ((na = a.surfaces) == null ? void 0 : na.overlay) || "rgba(2, 6, 23, 0.52)"), o(e, "--color-transparent", ((ia = a.surfaces) == null ? void 0 : ia.transparent) || "transparent"), o(e, "--backdrop-filter-panel", ((ta = a.effects) == null ? void 0 : ta.backdropFilterPanel) || "blur(64px)"), (oa = a.palette) != null && oa.accentContrast && o(e, "--accent-contrast", a.palette.accentContrast), (ra = a.palette) != null && ra.accentSurface && o(e, "--accent-surface", a.palette.accentSurface), (sa = a.palette) != null && sa.accentIndicator && o(e, "--accent-indicator", a.palette.accentIndicator), (pa = a.palette) != null && pa.accentTrack && o(e, "--accent-track", a.palette.accentTrack), f(e, "--gray-", (ca = a.palette) == null ? void 0 : ca.gray), f(e, "--gray-a", (la = a.palette) == null ? void 0 : la.grayAlpha), f(e, "--black-a", (da = a.palette) == null ? void 0 : da.blackAlpha), f(e, "--white-a", (fa = a.palette) == null ? void 0 : fa.whiteAlpha), f(e, "--accent-", (ua = a.palette) == null ? void 0 : ua.accent), f(e, "--accent-a", (ma = a.palette) == null ? void 0 : ma.accentAlpha), f(e, "--space-", a.spaceScale), f(e, "--radius-", a.radiusScale), f(e, "--font-size-", (ha = a.typography) == null ? void 0 : ha.fontScale), f(e, "--line-height-", (ga = a.typography) == null ? void 0 : ga.lineHeight), f(e, "--letter-spacing-", (xa = a.typography) == null ? void 0 : xa.letterSpacing), f(e, "--shadow-", a.shadows), f(e, "--base-button-", (ba = a.components) == null ? void 0 : ba.button), f(e, "--base-badge-", (ya = a.components) == null ? void 0 : ya.badge), f(e, "--base-dropdown-", (wa = a.components) == null ? void 0 : wa.dropdown), f(e, "--base-select-", (va = a.components) == null ? void 0 : va.select), f(e, "--base-sidebar-", (Ca = a.components) == null ? void 0 : Ca.sidebar), f(e, "--base-block-controls-", (za = a.components) == null ? void 0 : za.blockControls), f(e, "--base-box-", (Aa = a.components) == null ? void 0 : Aa.box), f(e, "--base-breadcrumb-", (Ea = a.components) == null ? void 0 : Ea.breadcrumb), f(e, "--base-card-", (Ma = a.components) == null ? void 0 : Ma.card), f(e, "--base-multi-select-", (La = a.components) == null ? void 0 : La.multiSelect), f(e, "--base-navigation-menu-", (Ta = a.components) == null ? void 0 : Ta.navigationMenu), f(e, "--base-menubar-", (Ia = a.components) == null ? void 0 : Ia.menubar), f(e, "--base-context-menu-", (Da = a.components) == null ? void 0 : Da.contextMenu), f(e, "--base-alert-", (Ra = a.components) == null ? void 0 : Ra.alert), f(e, "--base-alert-dialog-", (Ha = a.components) == null ? void 0 : Ha.alertDialog), f(e, "--base-app-header-", (Pa = a.components) == null ? void 0 : Pa.appHeader), f(e, "--base-aspect-ratio-", (Fa = a.components) == null ? void 0 : Fa.aspectRatio), f(e, "--base-avatar-", (Ba = a.components) == null ? void 0 : Ba.avatar), f(e, "--base-menu-", ($a = a.components) == null ? void 0 : $a.menu), f(e, "--base-panel-", (Oa = a.components) == null ? void 0 : Oa.panel), f(e, "--base-input-", (Wa = a.components) == null ? void 0 : Wa.input);
+}
+function ze(e, a = typeof document < "u" ? document : null) {
+  if (!a)
+    return;
+  const i = qa(e), n = a === document || a instanceof ShadowRoot;
+  let r;
+  if (a === document ? r = document.documentElement : a instanceof ShadowRoot ? r = a.host : r = a, Qa(r, i), n)
+    for (const t of Ja)
+      try {
+        Qa(t, i);
+      } catch {
+      }
+}
+export {
+  re as A,
+  le as D,
+  se as a,
+  ge as b,
+  ae as c,
+  xe as d,
+  ye as e,
+  de as f,
+  we as g,
+  ve as h,
+  ke as i,
+  v as j,
+  _a as k,
+  me as l,
+  _e as m,
+  qa as n,
+  ze as o,
+  be as p,
+  Va as q,
+  Ce as r,
+  he as s,
+  ee as t,
+  Se as w
+};