@editora/ui-core 0.1.8 → 0.1.10

package/dist/runtime-4ac0107b.mjs

@@ -0,0 +1,1954 @@
+import "./portal-1cf392ca.mjs";
+function ja() {
+  return typeof window < "u" && typeof document < "u";
+}
+function qa(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 ae(e) {
+  return e === "replace" || e === "stack" ? e : "queue";
+}
+function Za(e) {
+  return `ui-alert-dialog-${e}`;
+}
+function ee(e, a) {
+  var r, o;
+  const n = e.kind === "alert" && a.action === "cancel" ? "dismiss" : a.action, i = (r = e.dialog) == null ? void 0 : r.getChecked();
+  if (e.kind === "prompt") {
+    const c = ((o = e.dialog) == null ? void 0 : o.getInputValue()) ?? e.value ?? "";
+    return {
+      id: e.id,
+      action: n,
+      value: c,
+      checked: i,
+      source: a.source,
+      reason: a.reason
+    };
+  }
+  return {
+    id: e.id,
+    action: n,
+    value: e.value,
+    checked: i,
+    source: a.source,
+    reason: a.reason
+  };
+}
+function ka(e, a, n) {
+  var i, r, o;
+  return e.kind === "prompt" ? {
+    id: e.id,
+    action: "dismiss",
+    value: ((i = e.dialog) == null ? void 0 : i.getInputValue()) ?? e.value ?? "",
+    checked: (r = e.dialog) == null ? void 0 : r.getChecked(),
+    source: a,
+    reason: n
+  } : {
+    id: e.id,
+    action: "dismiss",
+    value: e.value,
+    checked: (o = e.dialog) == null ? void 0 : o.getChecked(),
+    source: a,
+    reason: n
+  };
+}
+function ie(e) {
+  return e === "esc" || e === "backdrop" || e === "close-icon" || e === "abort" || e === "unmount" || e === "replace" || e === "programmatic" ? e : "abort";
+}
+class ne {
+  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 n = [...this._active, ...this._queue];
+    this._queue = [];
+    for (const i of n)
+      this._settle(i, ka(i, 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, n) {
+    const i = this._mergeOptions(n);
+    if (!ja() || this._disposed) {
+      const c = {
+        id: i.id || Za(++this._seed),
+        action: "dismiss",
+        source: "unmount"
+      };
+      return Promise.resolve(c);
+    }
+    const r = i.id || Za(++this._seed), o = ae(i.mode);
+    return new Promise((c) => {
+      var d;
+      const l = {
+        id: r,
+        kind: a,
+        mode: o,
+        options: i,
+        settled: !1,
+        processing: !1,
+        resolve: c,
+        cleanup: []
+      };
+      if ((d = i.signal) != null && d.aborted) {
+        this._settle(l, ka(l, "abort"), !1);
+        return;
+      }
+      if (o === "replace") {
+        const f = this._active[this._active.length - 1];
+        f && this._settle(f, ka(f, "replace", "replace"), !1, !1), this._open(l);
+        return;
+      }
+      if (o === "stack") {
+        this._open(l);
+        return;
+      }
+      if (this._active.length > 0) {
+        this._queue.push(l);
+        return;
+      }
+      this._open(l);
+    });
+  }
+  _open(a) {
+    var d;
+    const n = this._ensureContainer();
+    if (!n) {
+      this._settle(a, ka(a, "unmount"), !1);
+      return;
+    }
+    const i = document.createElement("ui-alert-dialog");
+    a.dialog = i, a.checked = !!((d = a.options.checkbox) != null && d.defaultChecked);
+    const r = this._buildConfig(a);
+    i.dialogId = a.id, i.config = r;
+    const o = (f) => {
+      if (a.settled)
+        return;
+      const u = f.detail;
+      a.value = u == null ? void 0 : u.inputValue, a.checked = u == null ? void 0 : u.checked;
+      const m = this._validatePrompt(a);
+      if (m) {
+        f.preventDefault(), i.setError(m);
+        return;
+      }
+      if (!a.options.onConfirm) {
+        i.clearError();
+        return;
+      }
+      f.preventDefault(), a.processing = !0, i.state = "loading", i.clearError(), Promise.resolve(
+        a.options.onConfirm({
+          id: a.id,
+          value: a.value,
+          checked: a.checked,
+          dialog: i,
+          signal: a.options.signal
+        })
+      ).then(() => {
+        a.processing = !1, i.state = "idle", i.clearError(), a.settled || i.close("confirm");
+      }).catch((h) => {
+        a.processing = !1, i.state = "error", i.setError(qa(h));
+      });
+    }, c = () => {
+      a.settled || (a.value = i.getInputValue(), a.checked = i.getChecked(), i.state === "error" && i.clearError());
+    }, l = (f) => {
+      if (a.settled)
+        return;
+      const u = f.detail;
+      this._handleClose(a, u);
+    };
+    if (i.addEventListener("ui-confirm", o), i.addEventListener("ui-change", c), i.addEventListener("ui-close", l), a.cleanup.push(() => i.removeEventListener("ui-confirm", o)), a.cleanup.push(() => i.removeEventListener("ui-change", c)), a.cleanup.push(() => i.removeEventListener("ui-close", l)), a.options.signal) {
+      const f = () => {
+        a.settled || this._settle(a, ka(a, "abort"), !1);
+      };
+      a.options.signal.addEventListener("abort", f, { once: !0 }), a.cleanup.push(() => {
+        var u;
+        return (u = a.options.signal) == null ? void 0 : u.removeEventListener("abort", f);
+      });
+    }
+    this._active.push(a), n.appendChild(i), i.open = !0, this._updateStackZIndex();
+  }
+  _validatePrompt(a) {
+    var o;
+    if (a.kind !== "prompt")
+      return null;
+    const i = a.options.input, r = ((o = a.dialog) == null ? void 0 : o.getInputValue()) ?? a.value ?? "";
+    return i != null && i.required && !r.trim() ? "Please enter a value." : i != null && i.validate ? i.validate(r) : null;
+  }
+  _settle(a, n, i, r = !0) {
+    if (!a.settled) {
+      if (a.settled = !0, this._cleanupRequest(a), this._active = this._active.filter((o) => o !== a), this._queue = this._queue.filter((o) => o !== a), a.dialog) {
+        const o = a.dialog;
+        if (!i && o.open) {
+          const c = ie(n.source);
+          o.close("dismiss", c, n.reason);
+        }
+        o.parentElement && o.parentElement.removeChild(o);
+      }
+      a.resolve(n), this._updateStackZIndex(), !this._disposed && r && this._drainQueue();
+    }
+  }
+  _cleanupRequest(a) {
+    for (const n of a.cleanup.splice(0))
+      try {
+        n();
+      } catch {
+      }
+  }
+  _drainQueue() {
+    if (this._active.length > 0)
+      return;
+    const a = this._queue.shift();
+    a && this._open(a);
+  }
+  _buildConfig(a) {
+    var c, l, d;
+    const n = a.options, i = a.kind === "prompt", r = a.kind === "alert", o = i ? n.input : void 0;
+    return {
+      id: a.id,
+      title: n.title,
+      description: n.description,
+      confirmText: n.confirmText || (r ? "OK" : "Confirm"),
+      cancelText: n.cancelText || "Cancel",
+      loadingText: n.loadingText,
+      errorMessage: n.errorMessage,
+      dismissible: n.dismissible ?? !0,
+      closeOnEsc: n.closeOnEsc,
+      closeOnBackdrop: n.closeOnBackdrop,
+      lockWhileLoading: n.lockWhileLoading ?? !0,
+      role: n.role || "alertdialog",
+      tone: n.tone || (r ? "info" : i ? "neutral" : "warning"),
+      size: n.size || "md",
+      variant: n.variant || "surface",
+      radius: n.radius,
+      elevation: n.elevation || "low",
+      indicator: n.indicator || "line",
+      initialFocus: n.initialFocus,
+      ariaLabel: n.ariaLabel,
+      ariaLabelledby: n.ariaLabelledby,
+      ariaDescribedby: n.ariaDescribedby,
+      headless: n.headless,
+      showCancel: !r,
+      showClose: n.dismissible ?? !0,
+      input: {
+        enabled: i,
+        label: o == null ? void 0 : o.label,
+        placeholder: o == null ? void 0 : o.placeholder,
+        value: (o == null ? void 0 : o.defaultValue) || "",
+        required: o == null ? void 0 : o.required
+      },
+      checkbox: {
+        enabled: !!((c = n.checkbox) != null && c.enabled),
+        label: (l = n.checkbox) == null ? void 0 : l.label,
+        checked: (d = n.checkbox) == null ? void 0 : d.defaultChecked
+      }
+    };
+  }
+  _buildLifecycleContext(a) {
+    var n, i;
+    return {
+      id: a.id,
+      value: ((n = a.dialog) == null ? void 0 : n.getInputValue()) ?? a.value,
+      checked: ((i = a.dialog) == null ? void 0 : i.getChecked()) ?? a.checked,
+      dialog: a.dialog,
+      signal: a.options.signal
+    };
+  }
+  _handleClose(a, n) {
+    const i = ee(a, n);
+    if (n.action === "cancel" && a.options.onCancel) {
+      Promise.resolve(a.options.onCancel(this._buildLifecycleContext(a))).finally(() => {
+        this._settle(a, i, !0);
+      });
+      return;
+    }
+    if (n.action === "dismiss" && a.options.onDismiss) {
+      Promise.resolve(
+        a.options.onDismiss({
+          ...this._buildLifecycleContext(a),
+          source: n.source || "programmatic",
+          reason: n.reason
+        })
+      ).finally(() => {
+        this._settle(a, i, !0);
+      });
+      return;
+    }
+    this._settle(a, i, !0);
+  }
+  _mergeOptions(a) {
+    const n = this._defaults;
+    return {
+      ...n,
+      ...a,
+      checkbox: {
+        ...n.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 n = this._active[a];
+      n.dialog && (n.dialog.style.setProperty("--ui-alert-backdrop-z", String(1e3 + a * 2)), n.dialog.style.setProperty("--ui-alert-z", String(1001 + a * 2)));
+    }
+  }
+}
+let x = null;
+function oe(e = {}) {
+  return new ne(e.container ?? null);
+}
+function Sa() {
+  return x || (x = oe()), x;
+}
+function ue(e = {}) {
+  return Sa().alert(e);
+}
+function ge(e = {}) {
+  return Sa().confirm(e);
+}
+function me(e = {}) {
+  return Sa().prompt(e);
+}
+function he(e = "programmatic") {
+  x && (x.destroy(e), x = null);
+}
+function Ua() {
+  return typeof window < "u" && typeof document < "u";
+}
+function te(e) {
+  return e === "replace" || e === "stack" ? e : "queue";
+}
+function Qa(e) {
+  return `ui-dialog-${e}`;
+}
+function re(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 se {
+  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 n = [...this._active, ...this._queue];
+    this._queue = [];
+    for (const i of n)
+      this._settle(i, {
+        id: i.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 (!Ua() || this._disposed)
+      return Promise.resolve({
+        id: a.id || Qa(++this._seed),
+        action: "dismiss",
+        source: "unmount"
+      });
+    const n = a.id || Qa(++this._seed), i = te(a.mode);
+    return new Promise((r) => {
+      var c;
+      const o = {
+        id: n,
+        mode: i,
+        options: a,
+        settled: !1,
+        resolve: r,
+        cleanup: []
+      };
+      if ((c = a.signal) != null && c.aborted) {
+        this._settle(o, { id: n, action: "dismiss", source: "abort" }, !1);
+        return;
+      }
+      if (i === "replace") {
+        const l = this._active[this._active.length - 1];
+        l && this._settle(l, { id: l.id, action: "dismiss", source: "replace", reason: "replace" }, !1, !1), this._open(o);
+        return;
+      }
+      if (i === "stack") {
+        this._open(o);
+        return;
+      }
+      if (this._active.length > 0) {
+        this._queue.push(o);
+        return;
+      }
+      this._open(o);
+    });
+  }
+  _open(a) {
+    const n = this._ensureContainer();
+    if (!n) {
+      this._settle(a, {
+        id: a.id,
+        action: "dismiss",
+        source: "unmount"
+      }, !1);
+      return;
+    }
+    const i = document.createElement("ui-dialog");
+    a.dialog = i;
+    const r = this._buildConfig(a.options, a.id);
+    i.dialogId = a.id, i.config = r;
+    const o = (l) => {
+      if (a.settled)
+        return;
+      const d = l.detail;
+      if (a.resultFormData = d == null ? void 0 : d.formData, !a.options.onSubmit) {
+        i.clearError();
+        return;
+      }
+      l.preventDefault(), i.state = "loading", i.clearError(), Promise.resolve(
+        a.options.onSubmit({
+          id: a.id,
+          dialog: i,
+          signal: a.options.signal,
+          formData: d == null ? void 0 : d.formData
+        })
+      ).then(() => {
+        a.settled || (i.state = "idle", i.clearError(), i.close("submit"));
+      }).catch((f) => {
+        i.state = "error", i.setError(re(f));
+      });
+    }, c = (l) => {
+      if (a.settled)
+        return;
+      const d = l.detail;
+      this._settle(a, {
+        id: a.id,
+        action: d.action,
+        source: d.source,
+        reason: d.reason,
+        formData: a.resultFormData
+      }, !0);
+    };
+    if (i.addEventListener("ui-submit", o), i.addEventListener("ui-close", c), a.cleanup.push(() => i.removeEventListener("ui-submit", o)), a.cleanup.push(() => i.removeEventListener("ui-close", c)), a.options.signal) {
+      const l = () => {
+        a.settled || this._settle(a, {
+          id: a.id,
+          action: "dismiss",
+          source: "abort"
+        }, !1);
+      };
+      a.options.signal.addEventListener("abort", l, { once: !0 }), a.cleanup.push(() => {
+        var d;
+        return (d = a.options.signal) == null ? void 0 : d.removeEventListener("abort", l);
+      });
+    }
+    this._active.push(a), n.appendChild(i), i.openDialog(), this._updateStackZIndex();
+  }
+  _settle(a, n, i, r = !0) {
+    if (!a.settled) {
+      if (a.settled = !0, this._cleanupRequest(a), this._active = this._active.filter((o) => o !== a), this._queue = this._queue.filter((o) => o !== a), a.dialog) {
+        const o = a.dialog;
+        !i && o.open && o.close("dismiss", n.source || "abort", n.reason), o.parentElement && o.parentElement.removeChild(o);
+      }
+      a.resolve(n), this._updateStackZIndex(), !this._disposed && r && this._drainQueue();
+    }
+  }
+  _cleanupRequest(a) {
+    for (const n of a.cleanup.splice(0))
+      try {
+        n();
+      } catch {
+      }
+  }
+  _drainQueue() {
+    if (this._active.length > 0)
+      return;
+    const a = this._queue.shift();
+    a && this._open(a);
+  }
+  _buildConfig(a, n) {
+    return {
+      id: n,
+      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 (!Ua())
+      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 n = this._active[a];
+      n.dialog && (n.dialog.style.setProperty("--ui-dialog-backdrop-z", String(1200 + a * 2)), n.dialog.style.setProperty("--ui-dialog-z", String(1201 + a * 2)));
+    }
+  }
+}
+let b = null;
+function pe(e = {}) {
+  return new se(e.container ?? null);
+}
+function Na() {
+  return b || (b = pe()), b;
+}
+function xe(e = {}) {
+  return Na().open(e);
+}
+function be(e = {}) {
+  return Na().confirm(e);
+}
+function ye(e = "programmatic") {
+  b && (b.destroy(e), b = null);
+}
+const Ga = {
+  1: "#0000000d",
+  2: "#0000001a",
+  3: "#00000026",
+  4: "#0003",
+  5: "#0000004d",
+  6: "#0006",
+  7: "#00000080",
+  8: "#0009",
+  9: "#000000b3",
+  10: "#000c",
+  11: "#000000e6",
+  12: "#000000f2"
+}, Ka = {
+  1: "#ffffff0d",
+  2: "#ffffff1a",
+  3: "#ffffff26",
+  4: "#fff3",
+  5: "#ffffff4d",
+  6: "#fff6",
+  7: "#ffffff80",
+  8: "#fff9",
+  9: "#ffffffb3",
+  10: "#fffc",
+  11: "#ffffffe6",
+  12: "#fffffff2"
+}, g = {
+  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"
+    }
+  }
+}, ce = {
+  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)"
+  }
+}, le = {
+  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 Ja(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: Ga,
+    whiteAlpha: Ka,
+    accent: {
+      ...g.amber.light.scale
+    },
+    accentAlpha: {
+      ...g.amber.light.alphaScale
+    },
+    accentContrast: g.amber.light.contrast,
+    accentSurface: g.amber.light.surface,
+    accentIndicator: g.amber.light.indicator,
+    accentTrack: g.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: ce,
+  zIndex: { modal: 1e3, overlay: 900, toast: 1100 },
+  breakpoints: { sm: "640px", md: "768px", lg: "1024px" }
+}, de = {
+  ..._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: Ga,
+    whiteAlpha: Ka,
+    accent: {
+      ...g.amber.dark.scale
+    },
+    accentAlpha: {
+      ...g.amber.dark.alphaScale
+    },
+    accentContrast: g.amber.dark.contrast,
+    accentSurface: g.amber.dark.surface,
+    accentIndicator: g.amber.dark.indicator,
+    accentTrack: g.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: le
+}, we = _a, Xa = /* @__PURE__ */ new Set();
+function p(e, a) {
+  if (!(!e && !a))
+    return { ...e || {}, ...a || {} };
+}
+function Ya(e, a) {
+  var d, f, u, m, h, y, w, v, k, _, S, C, z, E, A, D, T, I, L, M, P, R, H, F, O, B, $, V, j, Z, U, Q, W, N, G, K, J, X, Y, q, aa, ea, ia, na, oa, ta, ra, sa, pa, ca, la, da, fa, ua, ga, ma, ha, xa, ba, ya, wa, va;
+  const n = (a == null ? void 0 : a.mode) || "light", i = n === "dark" ? de : _a, r = a == null ? void 0 : a.accentPalette, o = r ? g[r][n] : null, c = o ? {
+    colors: {
+      ...Ja(o)
+    },
+    palette: {
+      accent: o.scale,
+      accentAlpha: o.alphaScale,
+      accentContrast: o.contrast,
+      accentSurface: o.surface,
+      accentIndicator: o.indicator,
+      accentTrack: o.track
+    }
+  } : null;
+  return {
+    ...i,
+    ...e,
+    colors: {
+      ...i.colors,
+      ...(c == null ? void 0 : c.colors) || {},
+      ...(e == null ? void 0 : e.colors) || {}
+    },
+    palette: {
+      ...i.palette || {},
+      ...(c == null ? void 0 : c.palette) || {},
+      ...(e == null ? void 0 : e.palette) || {},
+      gray: p((d = i.palette) == null ? void 0 : d.gray, (f = e == null ? void 0 : e.palette) == null ? void 0 : f.gray),
+      grayAlpha: p((u = i.palette) == null ? void 0 : u.grayAlpha, (m = e == null ? void 0 : e.palette) == null ? void 0 : m.grayAlpha),
+      blackAlpha: p((h = i.palette) == null ? void 0 : h.blackAlpha, (y = e == null ? void 0 : e.palette) == null ? void 0 : y.blackAlpha),
+      whiteAlpha: p((w = i.palette) == null ? void 0 : w.whiteAlpha, (v = e == null ? void 0 : e.palette) == null ? void 0 : v.whiteAlpha),
+      accent: p((o == null ? void 0 : o.scale) || ((k = i.palette) == null ? void 0 : k.accent), (_ = e == null ? void 0 : e.palette) == null ? void 0 : _.accent),
+      accentAlpha: p((o == null ? void 0 : o.alphaScale) || ((S = i.palette) == null ? void 0 : S.accentAlpha), (C = e == null ? void 0 : e.palette) == null ? void 0 : C.accentAlpha)
+    },
+    surfaces: {
+      ...i.surfaces || {},
+      ...(e == null ? void 0 : e.surfaces) || {}
+    },
+    shadows: {
+      ...i.shadows || {},
+      ...(e == null ? void 0 : e.shadows) || {}
+    },
+    spacing: {
+      ...i.spacing || {},
+      ...(e == null ? void 0 : e.spacing) || {}
+    },
+    spaceScale: p(i.spaceScale, e == null ? void 0 : e.spaceScale),
+    radiusScale: p(i.radiusScale, e == null ? void 0 : e.radiusScale),
+    typography: {
+      ...i.typography || {},
+      ...(e == null ? void 0 : e.typography) || {},
+      size: {
+        ...((z = i.typography) == null ? void 0 : z.size) || {},
+        ...((E = e == null ? void 0 : e.typography) == null ? void 0 : E.size) || {}
+      },
+      fontScale: p((A = i.typography) == null ? void 0 : A.fontScale, (D = e == null ? void 0 : e.typography) == null ? void 0 : D.fontScale),
+      lineHeight: p((T = i.typography) == null ? void 0 : T.lineHeight, (I = e == null ? void 0 : e.typography) == null ? void 0 : I.lineHeight),
+      letterSpacing: p((L = i.typography) == null ? void 0 : L.letterSpacing, (M = e == null ? void 0 : e.typography) == null ? void 0 : M.letterSpacing)
+    },
+    motion: {
+      ...i.motion || {},
+      ...(e == null ? void 0 : e.motion) || {}
+    },
+    effects: {
+      ...i.effects || {},
+      ...(e == null ? void 0 : e.effects) || {}
+    },
+    components: {
+      ...i.components || {},
+      ...(e == null ? void 0 : e.components) || {},
+      button: p((P = i.components) == null ? void 0 : P.button, (R = e == null ? void 0 : e.components) == null ? void 0 : R.button),
+      badge: p((H = i.components) == null ? void 0 : H.badge, (F = e == null ? void 0 : e.components) == null ? void 0 : F.badge),
+      dropdown: p((O = i.components) == null ? void 0 : O.dropdown, (B = e == null ? void 0 : e.components) == null ? void 0 : B.dropdown),
+      select: p(($ = i.components) == null ? void 0 : $.select, (V = e == null ? void 0 : e.components) == null ? void 0 : V.select),
+      sidebar: p((j = i.components) == null ? void 0 : j.sidebar, (Z = e == null ? void 0 : e.components) == null ? void 0 : Z.sidebar),
+      card: p((U = i.components) == null ? void 0 : U.card, (Q = e == null ? void 0 : e.components) == null ? void 0 : Q.card),
+      navigationMenu: p((W = i.components) == null ? void 0 : W.navigationMenu, (N = e == null ? void 0 : e.components) == null ? void 0 : N.navigationMenu),
+      blockControls: p((G = i.components) == null ? void 0 : G.blockControls, (K = e == null ? void 0 : e.components) == null ? void 0 : K.blockControls),
+      box: p((J = i.components) == null ? void 0 : J.box, (X = e == null ? void 0 : e.components) == null ? void 0 : X.box),
+      breadcrumb: p((Y = i.components) == null ? void 0 : Y.breadcrumb, (q = e == null ? void 0 : e.components) == null ? void 0 : q.breadcrumb),
+      contextMenu: p((aa = i.components) == null ? void 0 : aa.contextMenu, (ea = e == null ? void 0 : e.components) == null ? void 0 : ea.contextMenu),
+      menubar: p((ia = i.components) == null ? void 0 : ia.menubar, (na = e == null ? void 0 : e.components) == null ? void 0 : na.menubar),
+      alert: p((oa = i.components) == null ? void 0 : oa.alert, (ta = e == null ? void 0 : e.components) == null ? void 0 : ta.alert),
+      alertDialog: p((ra = i.components) == null ? void 0 : ra.alertDialog, (sa = e == null ? void 0 : e.components) == null ? void 0 : sa.alertDialog),
+      appHeader: p((pa = i.components) == null ? void 0 : pa.appHeader, (ca = e == null ? void 0 : e.components) == null ? void 0 : ca.appHeader),
+      aspectRatio: p((la = i.components) == null ? void 0 : la.aspectRatio, (da = e == null ? void 0 : e.components) == null ? void 0 : da.aspectRatio),
+      avatar: p((fa = i.components) == null ? void 0 : fa.avatar, (ua = e == null ? void 0 : e.components) == null ? void 0 : ua.avatar),
+      menu: p((ga = i.components) == null ? void 0 : ga.menu, (ma = e == null ? void 0 : e.components) == null ? void 0 : ma.menu),
+      multiSelect: p((ha = i.components) == null ? void 0 : ha.multiSelect, (xa = e == null ? void 0 : e.components) == null ? void 0 : xa.multiSelect),
+      panel: p((ba = i.components) == null ? void 0 : ba.panel, (ya = e == null ? void 0 : e.components) == null ? void 0 : ya.panel),
+      input: p((wa = i.components) == null ? void 0 : wa.input, (va = e == null ? void 0 : e.components) == null ? void 0 : va.input)
+    },
+    zIndex: {
+      ...i.zIndex || {},
+      ...(e == null ? void 0 : e.zIndex) || {}
+    },
+    breakpoints: {
+      ...i.breakpoints || {},
+      ...(e == null ? void 0 : e.breakpoints) || {}
+    }
+  };
+}
+function ve(e, a, n = "light") {
+  const i = g[a][n], r = e;
+  return Ya(
+    {
+      ...r,
+      colors: {
+        ...r.colors || {},
+        ...Ja(i)
+      },
+      palette: {
+        ...r.palette || {},
+        accent: i.scale,
+        accentAlpha: i.alphaScale,
+        accentContrast: i.contrast,
+        accentSurface: i.surface,
+        accentIndicator: i.indicator,
+        accentTrack: i.track
+      }
+    },
+    { mode: n }
+  );
+}
+function t(e, a, n) {
+  try {
+    e.style.setProperty(a, n);
+  } catch {
+  }
+}
+function s(e, a, n) {
+  n && Object.entries(n).forEach(([i, r]) => {
+    typeof r == "string" && r && e.style.setProperty(`${a}${i}`, r);
+  });
+}
+function ke(e) {
+  e && Xa.add(e);
+}
+function Wa(e, a) {
+  var n, i, r, o, c, l, d, f, u, m, h, y, w, v, k, _, S, C, z, E, A, D, T, I, L, M, P, R, H, F, O, B, $, V, j, Z, U, Q, W, N, G, K, J, X, Y, q, aa, ea, ia, na, oa, ta, ra, sa, pa, ca, la, da, fa, ua, ga, ma, ha, xa, ba, ya, wa, va, Ca, za, Ea, Aa, Da, Ta, Ia, La, Ma, Pa, Ra, Ha, Fa, Oa, Ba, $a, Va;
+  t(e, "--ui-color-primary", a.colors.primary), t(e, "--ui-color-primary-hover", a.colors.primaryHover || a.colors.primary), t(e, "--ui-color-foreground-on-primary", a.colors.foregroundOnPrimary || "#ffffff"), t(e, "--ui-color-background", a.colors.background || "#ffffff"), t(e, "--ui-color-surface", a.colors.surface || a.colors.background || "#ffffff"), t(e, "--ui-color-surface-alt", a.colors.surfaceAlt || a.colors.surface || "#f9f9f9"), t(e, "--ui-color-text", a.colors.text || "#202020"), t(e, "--ui-color-muted", a.colors.muted || "#646464"), t(e, "--ui-color-border", a.colors.border || "#0000001f"), t(e, "--ui-color-focus-ring", a.colors.focusRing || a.colors.primary), t(e, "--ui-color-success", a.colors.success || "#30a46c"), t(e, "--ui-color-danger", a.colors.danger || "#e5484d"), t(e, "--ui-color-warning", a.colors.warning || a.colors.primary), t(e, "--ui-primary", a.colors.primary), t(e, "--ui-primary-hover", a.colors.primaryHover || a.colors.primary), t(e, "--ui-foreground", a.colors.foregroundOnPrimary || "#ffffff"), t(e, "--ui-background", a.colors.background || "#ffffff"), t(e, "--ui-surface", a.colors.surface || a.colors.background || "#ffffff"), t(e, "--ui-surface-alt", a.colors.surfaceAlt || a.colors.surface || "#f9f9f9"), t(e, "--ui-text", a.colors.text || "#202020"), t(e, "--ui-muted", a.colors.muted || "#646464"), t(e, "--ui-border", a.colors.border || "#0000001f"), t(e, "--ui-focus-ring", a.colors.focusRing || a.colors.primary), t(e, "--ui-success", a.colors.success || "#30a46c"), t(e, "--ui-error", a.colors.danger || "#e5484d"), t(e, "--ui-warning", a.colors.warning || a.colors.primary), t(e, "--ui-radius", a.radius || "4px"), t(e, "--ui-space-xs", ((n = a.spacing) == null ? void 0 : n.xs) || "4px"), t(e, "--ui-space-sm", ((i = a.spacing) == null ? void 0 : i.sm) || "8px"), t(e, "--ui-space-md", ((r = a.spacing) == null ? void 0 : r.md) || "12px"), t(e, "--ui-space-lg", ((o = a.spacing) == null ? void 0 : o.lg) || "24px"), t(e, "--ui-space-xl", ((c = a.spacing) == null ? void 0 : c.xl) || "32px"), t(e, "--ui-space-xxl", ((l = a.spacing) == null ? void 0 : l.xxl) || "48px"), t(e, "--ui-default-gap", ((d = a.spacing) == null ? void 0 : d.sm) || ((f = a.spaceScale) == null ? void 0 : f["2"]) || "8px"), t(e, "--ui-shadow-sm", ((u = a.shadows) == null ? void 0 : u.sm) || ((m = a.shadows) == null ? void 0 : m["2"]) || "none"), t(e, "--ui-shadow-md", ((h = a.shadows) == null ? void 0 : h.md) || ((y = a.shadows) == null ? void 0 : y["3"]) || "none"), t(e, "--ui-shadow-lg", ((w = a.shadows) == null ? void 0 : w.lg) || ((v = a.shadows) == null ? void 0 : v["4"]) || "none"), t(e, "--ui-font-family", ((k = a.typography) == null ? void 0 : k.family) || "system-ui, sans-serif"), t(e, "--ui-font-family-heading", ((_ = a.typography) == null ? void 0 : _.headingFamily) || ((S = a.typography) == null ? void 0 : S.family) || "system-ui, sans-serif"), t(e, "--ui-font-family-code", ((C = a.typography) == null ? void 0 : C.codeFamily) || "monospace"), t(e, "--ui-font-size-sm", ((E = (z = a.typography) == null ? void 0 : z.size) == null ? void 0 : E.sm) || "12px"), t(e, "--ui-font-size-md", ((D = (A = a.typography) == null ? void 0 : A.size) == null ? void 0 : D.md) || "14px"), t(e, "--ui-font-size-lg", ((I = (T = a.typography) == null ? void 0 : T.size) == null ? void 0 : I.lg) || "16px"), t(e, "--ui-default-font-size", ((M = (L = a.typography) == null ? void 0 : L.size) == null ? void 0 : M.md) || ((R = (P = a.typography) == null ? void 0 : P.fontScale) == null ? void 0 : R["2"]) || "14px"), t(e, "--ui-default-line-height", ((F = (H = a.typography) == null ? void 0 : H.lineHeight) == null ? void 0 : F["2"]) || "20px"), t(e, "--ui-default-letter-spacing", ((B = (O = a.typography) == null ? void 0 : O.letterSpacing) == null ? void 0 : B["2"]) || "0em"), t(e, "--ui-motion-short", (($ = a.motion) == null ? void 0 : $.durationShort) || "120ms"), t(e, "--ui-motion-base", ((V = a.motion) == null ? void 0 : V.durationBase) || "180ms"), t(e, "--ui-motion-long", ((j = a.motion) == null ? void 0 : j.durationLong) || "260ms"), t(e, "--ui-motion-easing", ((Z = a.motion) == null ? void 0 : Z.easing) || "cubic-bezier(0.2, 0.8, 0.2, 1)"), t(e, "--ui-z-modal", String(((U = a.zIndex) == null ? void 0 : U.modal) ?? 1e3)), t(e, "--ui-z-overlay", String(((Q = a.zIndex) == null ? void 0 : Q.overlay) ?? 900)), t(e, "--ui-z-toast", String(((W = a.zIndex) == null ? void 0 : W.toast) ?? 1100)), t(e, "--ui-breakpoint-sm", ((N = a.breakpoints) == null ? void 0 : N.sm) || "640px"), t(e, "--ui-breakpoint-md", ((G = a.breakpoints) == null ? void 0 : G.md) || "768px"), t(e, "--ui-breakpoint-lg", ((K = a.breakpoints) == null ? void 0 : K.lg) || "1024px"), t(e, "--color-background", ((J = a.surfaces) == null ? void 0 : J.background) || a.colors.background || "#ffffff"), t(e, "--color-surface", ((X = a.surfaces) == null ? void 0 : X.surface) || a.colors.surface || "#fcfcfc"), t(e, "--color-panel", ((Y = a.surfaces) == null ? void 0 : Y.panel) || ((q = a.surfaces) == null ? void 0 : q.panelTranslucent) || "#ffffffcc"), t(e, "--color-panel-solid", ((aa = a.surfaces) == null ? void 0 : aa.panelSolid) || a.colors.surface || "#ffffff"), t(e, "--color-panel-translucent", ((ea = a.surfaces) == null ? void 0 : ea.panelTranslucent) || "#ffffffcc"), t(e, "--color-overlay", ((ia = a.surfaces) == null ? void 0 : ia.overlay) || "rgba(2, 6, 23, 0.52)"), t(e, "--color-transparent", ((na = a.surfaces) == null ? void 0 : na.transparent) || "transparent"), t(e, "--backdrop-filter-panel", ((oa = a.effects) == null ? void 0 : oa.backdropFilterPanel) || "blur(64px)"), (ta = a.palette) != null && ta.accentContrast && t(e, "--accent-contrast", a.palette.accentContrast), (ra = a.palette) != null && ra.accentSurface && t(e, "--accent-surface", a.palette.accentSurface), (sa = a.palette) != null && sa.accentIndicator && t(e, "--accent-indicator", a.palette.accentIndicator), (pa = a.palette) != null && pa.accentTrack && t(e, "--accent-track", a.palette.accentTrack), s(e, "--gray-", (ca = a.palette) == null ? void 0 : ca.gray), s(e, "--gray-a", (la = a.palette) == null ? void 0 : la.grayAlpha), s(e, "--black-a", (da = a.palette) == null ? void 0 : da.blackAlpha), s(e, "--white-a", (fa = a.palette) == null ? void 0 : fa.whiteAlpha), s(e, "--accent-", (ua = a.palette) == null ? void 0 : ua.accent), s(e, "--accent-a", (ga = a.palette) == null ? void 0 : ga.accentAlpha), s(e, "--space-", a.spaceScale), s(e, "--radius-", a.radiusScale), s(e, "--font-size-", (ma = a.typography) == null ? void 0 : ma.fontScale), s(e, "--line-height-", (ha = a.typography) == null ? void 0 : ha.lineHeight), s(e, "--letter-spacing-", (xa = a.typography) == null ? void 0 : xa.letterSpacing), s(e, "--shadow-", a.shadows), s(e, "--base-button-", (ba = a.components) == null ? void 0 : ba.button), s(e, "--base-badge-", (ya = a.components) == null ? void 0 : ya.badge), s(e, "--base-dropdown-", (wa = a.components) == null ? void 0 : wa.dropdown), s(e, "--base-select-", (va = a.components) == null ? void 0 : va.select), s(e, "--base-sidebar-", (Ca = a.components) == null ? void 0 : Ca.sidebar), s(e, "--base-block-controls-", (za = a.components) == null ? void 0 : za.blockControls), s(e, "--base-box-", (Ea = a.components) == null ? void 0 : Ea.box), s(e, "--base-breadcrumb-", (Aa = a.components) == null ? void 0 : Aa.breadcrumb), s(e, "--base-card-", (Da = a.components) == null ? void 0 : Da.card), s(e, "--base-multi-select-", (Ta = a.components) == null ? void 0 : Ta.multiSelect), s(e, "--base-navigation-menu-", (Ia = a.components) == null ? void 0 : Ia.navigationMenu), s(e, "--base-menubar-", (La = a.components) == null ? void 0 : La.menubar), s(e, "--base-context-menu-", (Ma = a.components) == null ? void 0 : Ma.contextMenu), s(e, "--base-alert-", (Pa = a.components) == null ? void 0 : Pa.alert), s(e, "--base-alert-dialog-", (Ra = a.components) == null ? void 0 : Ra.alertDialog), s(e, "--base-app-header-", (Ha = a.components) == null ? void 0 : Ha.appHeader), s(e, "--base-aspect-ratio-", (Fa = a.components) == null ? void 0 : Fa.aspectRatio), s(e, "--base-avatar-", (Oa = a.components) == null ? void 0 : Oa.avatar), s(e, "--base-menu-", (Ba = a.components) == null ? void 0 : Ba.menu), s(e, "--base-panel-", ($a = a.components) == null ? void 0 : $a.panel), s(e, "--base-input-", (Va = a.components) == null ? void 0 : Va.input);
+}
+function _e(e, a = typeof document < "u" ? document : null) {
+  if (!a)
+    return;
+  const n = Ya(e), i = a === document || a instanceof ShadowRoot;
+  let r;
+  if (a === document ? r = document.documentElement : a instanceof ShadowRoot ? r = a.host : r = a, Wa(r, n), i)
+    for (const o of Xa)
+      try {
+        Wa(o, n);
+      } catch {
+      }
+}
+export {
+  ne as A,
+  se as D,
+  ue as a,
+  ge as b,
+  oe as c,
+  he as d,
+  pe as e,
+  be as f,
+  ye as g,
+  g as h,
+  _a as i,
+  de as j,
+  we as k,
+  Ya as l,
+  _e as m,
+  me as p,
+  ke as r,
+  xe as s,
+  ve as w
+};