@editora/ui-react 0.1.10 → 0.1.11

package/dist/runtime-3cc1c386-b4118dbe.mjs

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