@editora/ui-core 0.1.24 → 0.2.0

package/dist/{runtime-CFnK53iC.mjs → runtime-CQM6wZOc.mjs}

@@ -1,60 +1,60 @@
-import "./portal-bR42gHvG.mjs";
-import "./positioner-D0VGxtYU.mjs";
-function k() {
+import "./portal-DeaM1tYY.mjs";
+import "./positioner-BE8Nbho2.mjs";
+function C() {
   return typeof window < "u" && typeof document < "u";
 }
-function O(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 F(n) {
+  return n ? typeof n == "string" ? n : n instanceof Error && n.message ? n.message : "Something went wrong. Please try again." : "Something went wrong. Please try again.";
 }
-function R(e) {
-  return e === "replace" || e === "stack" ? e : "queue";
+function j(n) {
+  return n === "replace" || n === "stack" ? n : "queue";
 }
-function _(e) {
-  return `ui-alert-dialog-${e}`;
+function z(n) {
+  return `ui-alert-dialog-${n}`;
 }
-function H(e, a) {
-  const r = e.kind === "alert" && a.action === "cancel" ? "dismiss" : a.action, i = e.dialog?.getChecked();
-  if (e.kind === "prompt") {
-    const s = e.dialog?.getInputValue() ?? e.value ?? "";
+function B(n, a) {
+  const e = n.kind === "alert" && a.action === "cancel" ? "dismiss" : a.action, r = n.dialog?.getChecked();
+  if (n.kind === "prompt") {
+    const i = n.dialog?.getInputValue() ?? n.value ?? "";
     return {
-      id: e.id,
-      action: r,
-      value: s,
-      checked: i,
+      id: n.id,
+      action: e,
+      value: i,
+      checked: r,
       source: a.source,
       reason: a.reason
     };
   }
   return {
-    id: e.id,
-    action: r,
-    value: e.value,
-    checked: i,
+    id: n.id,
+    action: e,
+    value: n.value,
+    checked: r,
     source: a.source,
     reason: a.reason
   };
 }
-function h(e, a, r) {
-  return e.kind === "prompt" ? {
-    id: e.id,
+function h(n, a, e) {
+  return n.kind === "prompt" ? {
+    id: n.id,
     action: "dismiss",
-    value: e.dialog?.getInputValue() ?? e.value ?? "",
-    checked: e.dialog?.getChecked(),
+    value: n.dialog?.getInputValue() ?? n.value ?? "",
+    checked: n.dialog?.getChecked(),
     source: a,
-    reason: r
+    reason: e
   } : {
-    id: e.id,
+    id: n.id,
     action: "dismiss",
-    value: e.value,
-    checked: e.dialog?.getChecked(),
+    value: n.value,
+    checked: n.dialog?.getChecked(),
     source: a,
-    reason: r
+    reason: e
   };
 }
-function F(e) {
-  return e === "esc" || e === "backdrop" || e === "close-icon" || e === "abort" || e === "unmount" || e === "replace" || e === "programmatic" ? e : "abort";
+function N(n) {
+  return n === "esc" || n === "backdrop" || n === "close-icon" || n === "abort" || n === "unmount" || n === "replace" || n === "programmatic" ? n : "abort";
 }
-class $ {
+class V {
   constructor(a) {
     this._container = null, this._ownsContainer = !1, this._queue = [], this._active = [], this._disposed = !1, this._seed = 0, this._defaults = {}, this._container = a ?? null;
   }
@@ -75,127 +75,127 @@ class $ {
   }
   destroy(a = "unmount") {
     this._disposed = !0;
-    const r = [...this._active, ...this._queue];
+    const e = [...this._active, ...this._queue];
     this._queue = [];
-    for (const i of r)
-      this._settle(i, h(i, a), !1);
+    for (const r of e)
+      this._settle(r, h(r, 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, r) {
-    const i = this._mergeOptions(r);
-    if (!k() || this._disposed) {
-      const l = {
-        id: i.id || _(++this._seed),
+  _enqueue(a, e) {
+    const r = this._mergeOptions(e);
+    if (!C() || this._disposed) {
+      const s = {
+        id: r.id || z(++this._seed),
         action: "dismiss",
         source: "unmount"
       };
-      return Promise.resolve(l);
+      return Promise.resolve(s);
     }
-    const s = i.id || _(++this._seed), n = R(i.mode);
-    return new Promise((l) => {
-      const d = {
-        id: s,
+    const i = r.id || z(++this._seed), t = j(r.mode);
+    return new Promise((s) => {
+      const c = {
+        id: i,
         kind: a,
-        mode: n,
-        options: i,
+        mode: t,
+        options: r,
         settled: !1,
         processing: !1,
-        resolve: l,
+        resolve: s,
         cleanup: []
       };
-      if (i.signal?.aborted) {
-        this._settle(d, h(d, "abort"), !1);
+      if (r.signal?.aborted) {
+        this._settle(c, h(c, "abort"), !1);
         return;
       }
-      if (n === "replace") {
-        const c = this._active[this._active.length - 1];
-        c && this._settle(c, h(c, "replace", "replace"), !1, !1), this._open(d);
+      if (t === "replace") {
+        const d = this._active[this._active.length - 1];
+        d && this._settle(d, h(d, "replace", "replace"), !1, !1), this._open(c);
         return;
       }
-      if (n === "stack") {
-        this._open(d);
+      if (t === "stack") {
+        this._open(c);
         return;
       }
       if (this._active.length > 0) {
-        this._queue.push(d);
+        this._queue.push(c);
         return;
       }
-      this._open(d);
+      this._open(c);
     });
   }
   _open(a) {
-    const r = this._ensureContainer();
-    if (!r) {
+    const e = this._ensureContainer();
+    if (!e) {
       this._settle(a, h(a, "unmount"), !1);
       return;
     }
-    const i = document.createElement("ui-alert-dialog");
-    a.dialog = i, a.checked = !!a.options.checkbox?.defaultChecked;
-    const s = this._buildConfig(a);
-    i.dialogId = a.id, i.config = s;
-    const n = (c) => {
+    const r = document.createElement("ui-alert-dialog");
+    a.dialog = r, a.checked = !!a.options.checkbox?.defaultChecked;
+    const i = this._buildConfig(a);
+    r.dialogId = a.id, r.config = i;
+    const t = (d) => {
       if (a.settled) return;
-      const u = c.detail;
+      const u = d.detail;
       a.value = u?.inputValue, a.checked = u?.checked;
-      const w = this._validatePrompt(a);
-      if (w) {
-        c.preventDefault(), i.setError(w);
+      const x = this._validatePrompt(a);
+      if (x) {
+        d.preventDefault(), r.setError(x);
         return;
       }
       if (!a.options.onConfirm) {
-        i.clearError();
+        r.clearError();
         return;
       }
-      c.preventDefault(), a.processing = !0, i.state = "loading", i.clearError(), Promise.resolve(
+      d.preventDefault(), a.processing = !0, r.state = "loading", r.clearError(), Promise.resolve(
         a.options.onConfirm({
           id: a.id,
           value: a.value,
           checked: a.checked,
-          dialog: i,
+          dialog: r,
           signal: a.options.signal
         })
       ).then(() => {
-        a.processing = !1, i.state = "idle", i.clearError(), a.settled || i.close("confirm");
-      }).catch((M) => {
-        a.processing = !1, i.state = "error", i.setError(O(M));
+        a.processing = !1, r.state = "idle", r.clearError(), a.settled || r.close("confirm");
+      }).catch((k) => {
+        a.processing = !1, r.state = "error", r.setError(F(k));
       });
-    }, l = () => {
-      a.settled || (a.value = i.getInputValue(), a.checked = i.getChecked(), i.state === "error" && i.clearError());
-    }, d = (c) => {
+    }, s = () => {
+      a.settled || (a.value = r.getInputValue(), a.checked = r.getChecked(), r.state === "error" && r.clearError());
+    }, c = (d) => {
       if (a.settled) return;
-      const u = c.detail;
+      const u = d.detail;
       this._handleClose(a, u);
     };
-    if (i.addEventListener("ui-confirm", n), i.addEventListener("ui-change", l), i.addEventListener("ui-close", d), a.cleanup.push(() => i.removeEventListener("ui-confirm", n)), a.cleanup.push(() => i.removeEventListener("ui-change", l)), a.cleanup.push(() => i.removeEventListener("ui-close", d)), a.options.signal) {
-      const c = () => {
+    if (r.addEventListener("ui-confirm", t), r.addEventListener("ui-change", s), r.addEventListener("ui-close", c), a.cleanup.push(() => r.removeEventListener("ui-confirm", t)), a.cleanup.push(() => r.removeEventListener("ui-change", s)), a.cleanup.push(() => r.removeEventListener("ui-close", c)), a.options.signal) {
+      const d = () => {
         a.settled || this._settle(a, h(a, "abort"), !1);
       };
-      a.options.signal.addEventListener("abort", c, { once: !0 }), a.cleanup.push(() => a.options.signal?.removeEventListener("abort", c));
+      a.options.signal.addEventListener("abort", d, { once: !0 }), a.cleanup.push(() => a.options.signal?.removeEventListener("abort", d));
     }
-    this._active.push(a), r.appendChild(i), i.open = !0, this._updateStackZIndex();
+    this._active.push(a), e.appendChild(r), r.open = !0, this._updateStackZIndex();
   }
   _validatePrompt(a) {
     if (a.kind !== "prompt") return null;
-    const i = a.options.input, s = a.dialog?.getInputValue() ?? a.value ?? "";
-    return i?.required && !s.trim() ? "Please enter a value." : i?.validate ? i.validate(s) : null;
+    const r = a.options.input, i = a.dialog?.getInputValue() ?? a.value ?? "";
+    return r?.required && !i.trim() ? "Please enter a value." : r?.validate ? r.validate(i) : null;
   }
-  _settle(a, r, i, s = !0) {
+  _settle(a, e, r, i = !0) {
     if (!a.settled) {
-      if (a.settled = !0, this._cleanupRequest(a), this._active = this._active.filter((n) => n !== a), this._queue = this._queue.filter((n) => n !== a), a.dialog) {
-        const n = a.dialog;
-        if (!i && n.open) {
-          const l = F(r.source);
-          n.close("dismiss", l, r.reason);
+      if (a.settled = !0, this._cleanupRequest(a), this._active = this._active.filter((t) => t !== a), this._queue = this._queue.filter((t) => t !== a), a.dialog) {
+        const t = a.dialog;
+        if (!r && t.open) {
+          const s = N(e.source);
+          t.close("dismiss", s, e.reason);
         }
-        n.parentElement && n.parentElement.removeChild(n);
+        t.parentElement && t.parentElement.removeChild(t);
       }
-      a.resolve(r), this._updateStackZIndex(), !this._disposed && s && this._drainQueue();
+      a.resolve(e), this._updateStackZIndex(), !this._disposed && i && this._drainQueue();
     }
   }
   _cleanupRequest(a) {
-    for (const r of a.cleanup.splice(0))
+    for (const e of a.cleanup.splice(0))
       try {
-        r();
+        e();
       } catch {
       }
   }
@@ -205,44 +205,44 @@ class $ {
     a && this._open(a);
   }
   _buildConfig(a) {
-    const r = a.options, i = a.kind === "prompt", s = a.kind === "alert", n = i ? r.input : void 0;
+    const e = a.options, r = a.kind === "prompt", i = a.kind === "alert", t = r ? e.input : void 0;
     return {
       id: a.id,
-      title: r.title,
-      description: r.description,
-      confirmText: r.confirmText || (s ? "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 || (s ? "info" : i ? "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: !s,
-      showClose: r.dismissible ?? !0,
+      title: e.title,
+      description: e.description,
+      confirmText: e.confirmText || (i ? "OK" : "Confirm"),
+      cancelText: e.cancelText || "Cancel",
+      loadingText: e.loadingText,
+      errorMessage: e.errorMessage,
+      dismissible: e.dismissible ?? !0,
+      closeOnEsc: e.closeOnEsc,
+      closeOnBackdrop: e.closeOnBackdrop,
+      lockWhileLoading: e.lockWhileLoading ?? !0,
+      role: e.role || "alertdialog",
+      tone: e.tone || (i ? "info" : r ? "neutral" : "warning"),
+      size: e.size || "md",
+      variant: e.variant || "surface",
+      radius: e.radius,
+      elevation: e.elevation || "low",
+      indicator: e.indicator || "line",
+      initialFocus: e.initialFocus,
+      ariaLabel: e.ariaLabel,
+      ariaLabelledby: e.ariaLabelledby,
+      ariaDescribedby: e.ariaDescribedby,
+      headless: e.headless,
+      showCancel: !i,
+      showClose: e.dismissible ?? !0,
       input: {
-        enabled: i,
-        label: n?.label,
-        placeholder: n?.placeholder,
-        value: n?.defaultValue || "",
-        required: n?.required
+        enabled: r,
+        label: t?.label,
+        placeholder: t?.placeholder,
+        value: t?.defaultValue || "",
+        required: t?.required
       },
       checkbox: {
-        enabled: !!r.checkbox?.enabled,
-        label: r.checkbox?.label,
-        checked: r.checkbox?.defaultChecked
+        enabled: !!e.checkbox?.enabled,
+        label: e.checkbox?.label,
+        checked: e.checkbox?.defaultChecked
       }
     };
   }
@@ -255,84 +255,84 @@ class $ {
       signal: a.options.signal
     };
   }
-  _handleClose(a, r) {
-    const i = H(a, r);
-    if (r.action === "cancel" && a.options.onCancel) {
+  _handleClose(a, e) {
+    const r = B(a, e);
+    if (e.action === "cancel" && a.options.onCancel) {
       Promise.resolve(a.options.onCancel(this._buildLifecycleContext(a))).finally(() => {
-        this._settle(a, i, !0);
+        this._settle(a, r, !0);
       });
       return;
     }
-    if (r.action === "dismiss" && a.options.onDismiss) {
+    if (e.action === "dismiss" && a.options.onDismiss) {
       Promise.resolve(
         a.options.onDismiss({
           ...this._buildLifecycleContext(a),
-          source: r.source || "programmatic",
-          reason: r.reason
+          source: e.source || "programmatic",
+          reason: e.reason
         })
       ).finally(() => {
-        this._settle(a, i, !0);
+        this._settle(a, r, !0);
       });
       return;
     }
-    this._settle(a, i, !0);
+    this._settle(a, r, !0);
   }
   _mergeOptions(a) {
-    const r = this._defaults;
+    const e = this._defaults;
     return {
-      ...r,
+      ...e,
       ...a,
       checkbox: {
-        ...r.checkbox || {},
+        ...e.checkbox || {},
         ...a.checkbox || {}
       }
     };
   }
   _ensureContainer() {
-    if (!k()) return null;
+    if (!C()) 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 r = this._active[a];
-      r.dialog && (r.dialog.style.setProperty("--ui-alert-backdrop-z", String(1e3 + a * 2)), r.dialog.style.setProperty("--ui-alert-z", String(1001 + a * 2)));
+      const e = this._active[a];
+      e.dialog && (e.dialog.style.setProperty("--ui-alert-backdrop-z", String(1e3 + a * 2)), e.dialog.style.setProperty("--ui-alert-z", String(1001 + a * 2)));
     }
   }
 }
-let m = null;
-function B(e = {}) {
-  return new $(e.container ?? null);
+let g = null;
+function Z(n = {}) {
+  return new V(n.container ?? null);
 }
-function y() {
-  return m || (m = B()), m;
+function S() {
+  return g || (g = Z()), g;
 }
-function Y(e = {}) {
-  return y().alert(e);
+function da(n = {}) {
+  return S().alert(n);
 }
-function q(e = {}) {
-  return y().confirm(e);
+function fa(n = {}) {
+  return S().confirm(n);
 }
-function aa(e = {}) {
-  return y().prompt(e);
+function ua(n = {}) {
+  return S().prompt(n);
 }
-function ea(e = "programmatic") {
-  m && (m.destroy(e), m = null);
+function ga(n = "programmatic") {
+  g && (g.destroy(n), g = null);
 }
-function S() {
+function E() {
   return typeof window < "u" && typeof document < "u";
 }
-function V(e) {
-  return e === "replace" || e === "stack" ? e : "queue";
+function U(n) {
+  return n === "replace" || n === "stack" ? n : "queue";
 }
-function C(e) {
-  return `ui-dialog-${e}`;
+function A(n) {
+  return `ui-dialog-${n}`;
 }
-function j(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 Q(n) {
+  return n ? typeof n == "string" ? n : n instanceof Error && n.message ? n.message : "Something went wrong. Please try again." : "Something went wrong. Please try again.";
 }
-class Z {
+class W {
   constructor(a) {
     this._container = null, this._ownsContainer = !1, this._queue = [], this._active = [], this._disposed = !1, this._seed = 0, this._container = a ?? null;
   }
@@ -347,11 +347,11 @@ class Z {
   }
   destroy(a = "unmount") {
     this._disposed = !0;
-    const r = [...this._active, ...this._queue];
+    const e = [...this._active, ...this._queue];
     this._queue = [];
-    for (const i of r)
-      this._settle(i, {
-        id: i.id,
+    for (const r of e)
+      this._settle(r, {
+        id: r.id,
         action: "dismiss",
         source: a,
         reason: a
@@ -359,45 +359,45 @@ class Z {
     this._active = [], this._ownsContainer && this._container && this._container.parentElement && this._container.parentElement.removeChild(this._container), this._container = null, this._ownsContainer = !1;
   }
   _enqueue(a) {
-    if (!S() || this._disposed)
+    if (!E() || this._disposed)
       return Promise.resolve({
-        id: a.id || C(++this._seed),
+        id: a.id || A(++this._seed),
         action: "dismiss",
         source: "unmount"
       });
-    const r = a.id || C(++this._seed), i = V(a.mode);
-    return new Promise((s) => {
-      const n = {
-        id: r,
-        mode: i,
+    const e = a.id || A(++this._seed), r = U(a.mode);
+    return new Promise((i) => {
+      const t = {
+        id: e,
+        mode: r,
         options: a,
         settled: !1,
-        resolve: s,
+        resolve: i,
         cleanup: []
       };
       if (a.signal?.aborted) {
-        this._settle(n, { id: r, action: "dismiss", source: "abort" }, !1);
+        this._settle(t, { id: e, 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(n);
+      if (r === "replace") {
+        const s = this._active[this._active.length - 1];
+        s && this._settle(s, { id: s.id, action: "dismiss", source: "replace", reason: "replace" }, !1, !1), this._open(t);
         return;
       }
-      if (i === "stack") {
-        this._open(n);
+      if (r === "stack") {
+        this._open(t);
         return;
       }
       if (this._active.length > 0) {
-        this._queue.push(n);
+        this._queue.push(t);
         return;
       }
-      this._open(n);
+      this._open(t);
     });
   }
   _open(a) {
-    const r = this._ensureContainer();
-    if (!r) {
+    const e = this._ensureContainer();
+    if (!e) {
       this._settle(a, {
         id: a.id,
         action: "dismiss",
@@ -405,65 +405,65 @@ class Z {
       }, !1);
       return;
     }
-    const i = document.createElement("ui-dialog");
-    a.dialog = i;
-    const s = this._buildConfig(a.options, a.id);
-    i.dialogId = a.id, i.config = s;
-    const n = (d) => {
+    const r = document.createElement("ui-dialog");
+    a.dialog = r;
+    const i = this._buildConfig(a.options, a.id);
+    r.dialogId = a.id, r.config = i;
+    const t = (c) => {
       if (a.settled) return;
-      const c = d.detail;
-      if (a.resultFormData = c?.formData, !a.options.onSubmit) {
-        i.clearError();
+      const d = c.detail;
+      if (a.resultFormData = d?.formData, !a.options.onSubmit) {
+        r.clearError();
         return;
       }
-      d.preventDefault(), i.state = "loading", i.clearError(), Promise.resolve(
+      c.preventDefault(), r.state = "loading", r.clearError(), Promise.resolve(
         a.options.onSubmit({
           id: a.id,
-          dialog: i,
+          dialog: r,
           signal: a.options.signal,
-          formData: c?.formData
+          formData: d?.formData
         })
       ).then(() => {
-        a.settled || (i.state = "idle", i.clearError(), i.close("submit"));
+        a.settled || (r.state = "idle", r.clearError(), r.close("submit"));
       }).catch((u) => {
-        i.state = "error", i.setError(j(u));
+        r.state = "error", r.setError(Q(u));
       });
-    }, l = (d) => {
+    }, s = (c) => {
       if (a.settled) return;
-      const c = d.detail;
+      const d = c.detail;
       this._settle(a, {
         id: a.id,
-        action: c.action,
-        source: c.source,
-        reason: c.reason,
+        action: d.action,
+        source: d.source,
+        reason: d.reason,
         formData: a.resultFormData
       }, !0);
     };
-    if (i.addEventListener("ui-submit", n), i.addEventListener("ui-close", l), a.cleanup.push(() => i.removeEventListener("ui-submit", n)), a.cleanup.push(() => i.removeEventListener("ui-close", l)), a.options.signal) {
-      const d = () => {
+    if (r.addEventListener("ui-submit", t), r.addEventListener("ui-close", s), a.cleanup.push(() => r.removeEventListener("ui-submit", t)), a.cleanup.push(() => r.removeEventListener("ui-close", s)), a.options.signal) {
+      const c = () => {
         a.settled || this._settle(a, {
           id: a.id,
           action: "dismiss",
           source: "abort"
         }, !1);
       };
-      a.options.signal.addEventListener("abort", d, { once: !0 }), a.cleanup.push(() => a.options.signal?.removeEventListener("abort", d));
+      a.options.signal.addEventListener("abort", c, { once: !0 }), a.cleanup.push(() => a.options.signal?.removeEventListener("abort", c));
     }
-    this._active.push(a), r.appendChild(i), i.openDialog(), this._updateStackZIndex();
+    this._active.push(a), e.appendChild(r), r.openDialog(), this._updateStackZIndex();
   }
-  _settle(a, r, i, s = !0) {
+  _settle(a, e, r, i = !0) {
     if (!a.settled) {
-      if (a.settled = !0, this._cleanupRequest(a), this._active = this._active.filter((n) => n !== a), this._queue = this._queue.filter((n) => n !== a), a.dialog) {
-        const n = a.dialog;
-        !i && n.open && n.close("dismiss", r.source || "abort", r.reason), n.parentElement && n.parentElement.removeChild(n);
+      if (a.settled = !0, this._cleanupRequest(a), this._active = this._active.filter((t) => t !== a), this._queue = this._queue.filter((t) => t !== a), a.dialog) {
+        const t = a.dialog;
+        !r && t.open && t.close("dismiss", e.source || "abort", e.reason), t.parentElement && t.parentElement.removeChild(t);
       }
-      a.resolve(r), this._updateStackZIndex(), !this._disposed && s && this._drainQueue();
+      a.resolve(e), this._updateStackZIndex(), !this._disposed && i && this._drainQueue();
     }
   }
   _cleanupRequest(a) {
-    for (const r of a.cleanup.splice(0))
+    for (const e of a.cleanup.splice(0))
       try {
-        r();
+        e();
       } catch {
       }
   }
@@ -472,9 +472,9 @@ class Z {
     const a = this._queue.shift();
     a && this._open(a);
   }
-  _buildConfig(a, r) {
+  _buildConfig(a, e) {
     return {
-      id: r,
+      id: e,
       title: a.title,
       description: a.description,
       submitText: a.submitText || "Submit",
@@ -497,35 +497,48 @@ class Z {
     };
   }
   _ensureContainer() {
-    if (!S()) return null;
+    if (!E()) 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 r = this._active[a];
-      r.dialog && (r.dialog.style.setProperty("--ui-dialog-backdrop-z", String(1200 + a * 2)), r.dialog.style.setProperty("--ui-dialog-z", String(1201 + a * 2)));
+      const e = this._active[a];
+      e.dialog && (e.dialog.style.setProperty("--ui-dialog-backdrop-z", String(1200 + a * 2)), e.dialog.style.setProperty("--ui-dialog-z", String(1201 + a * 2)));
     }
   }
 }
-let g = null;
-function U(e = {}) {
-  return new Z(e.container ?? null);
+let m = null;
+function G(n = {}) {
+  return new W(n.container ?? null);
+}
+function L() {
+  return m || (m = G()), m;
 }
-function A() {
-  return g || (g = U()), g;
+function ma(n = {}) {
+  return L().open(n);
 }
-function ia(e = {}) {
-  return A().open(e);
+function xa(n = {}) {
+  return L().confirm(n);
 }
-function ra(e = {}) {
-  return A().confirm(e);
+function ha(n = "programmatic") {
+  m && (m.destroy(n), m = null);
 }
-function oa(e = "programmatic") {
-  g && (g.destroy(e), g = null);
+const K = ["1", "2", "3", "4"], X = { 1: "24px", 2: "32px", 3: "40px", 4: "48px" }, J = { 1: "12px", 2: "14px", 3: "16px", 4: "18px" }, Y = { 1: "8px", 2: "12px", 3: "16px", 4: "20px" }, q = { 1: 0, 2: 0, 3: 2, 4: 4 };
+function aa(n) {
+  const a = n.palette?.gray || {}, e = n.palette?.accent || {}, r = n.radiusScale || {}, i = n.colors, t = {}, s = (c, d) => {
+    d && (t[c] = d);
+  };
+  s("--ui-color-surface-subtle", a[2]), s("--ui-color-fill", a[3]), s("--ui-color-fill-hover", a[4]), s("--ui-color-fill-active", a[5]), s("--ui-color-line-subtle", a[6]), s("--ui-color-line", a[7]), s("--ui-color-line-strong", a[8]), s("--ui-color-text-secondary", a[11] || i.muted), s("--ui-color-text-strong", a[12] || i.text), s("--ui-color-accent-subtle", e[2]), s("--ui-color-accent-fill", e[3]), s("--ui-color-accent-fill-hover", e[4]), s("--ui-color-accent-fill-active", e[5]), s("--ui-color-accent-line", e[7]), s("--ui-color-accent-solid", e[9] || i.primary), s("--ui-color-accent-solid-hover", e[10] || i.primaryHover || i.primary), s("--ui-color-accent-text", e[11]), s("--ui-color-surface-elevated", n.surfaces?.panelSolid || i.surfaceAlt || i.surface), s("--ui-color-info", i.info), s("--ui-color-placeholder", i.text ? `color-mix(in srgb, ${i.text} 62%, transparent)` : void 0), s("--ui-ring-color", i.focusRing || i.primary), t["--ui-ring-width"] = "2px", t["--ui-ring-offset"] = "2px";
+  for (const c of K) {
+    t[`--ui-control-height-${c}`] = X[c], t[`--ui-control-font-size-${c}`] = J[c], t[`--ui-control-padding-inline-${c}`] = Y[c];
+    const d = q[c], u = n.radius || r[2] || "6px";
+    t[`--ui-control-radius-${c}`] = d ? `calc(${u} + ${d}px)` : u;
+  }
+  return t["--ui-motion-enter-easing"] = "cubic-bezier(0.16, 1, 0.3, 1)", t["--ui-motion-exit-easing"] = "cubic-bezier(0.4, 0, 1, 1)", s("--ui-font-family-mono", n.typography?.codeFamily || "monospace"), s("--font-mono", n.typography?.codeFamily || "monospace"), s("--ui-breakpoint-xl", n.breakpoints?.xl || "1280px"), t;
 }
-const P = {
+const O = {
   1: "#0000000d",
   2: "#0000001a",
   3: "#00000026",
@@ -538,7 +551,7 @@ const P = {
   10: "#000c",
   11: "#000000e6",
   12: "#000000f2"
-}, T = {
+}, I = {
   1: "#ffffff0d",
   2: "#ffffff1a",
   3: "#ffffff26",
@@ -902,11 +915,8 @@ const P = {
       track: "#7b7b7b"
     }
   }
-}, Q = {
+}, ea = {
   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)",
@@ -915,14 +925,7 @@ const P = {
     "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"
+    shadow: "none"
   },
   blockControls: {
     bg: "var(--color-panel)",
@@ -967,12 +970,8 @@ const P = {
   },
   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)",
@@ -995,31 +994,18 @@ const P = {
   },
   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)",
@@ -1028,14 +1014,9 @@ const P = {
   },
   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)",
@@ -1043,7 +1024,6 @@ const P = {
     "chip-radius": "999px",
     "chip-gap": "6px",
     "chip-padding-x": "10px",
-    "chip-padding-y": "6px",
     "option-radius": "10px",
     "option-gap": "10px",
     "option-padding-x": "10px",
@@ -1051,12 +1031,8 @@ const P = {
   },
   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",
@@ -1116,13 +1092,10 @@ const P = {
   },
   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: {
@@ -1140,9 +1113,7 @@ const P = {
   },
   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",
@@ -1158,10 +1129,7 @@ const P = {
     "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",
@@ -1194,18 +1162,10 @@ const P = {
     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)"
+    bg: "var(--color-panel-solid)"
   }
-}, W = {
+}, na = {
   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)",
@@ -1214,14 +1174,7 @@ const P = {
     "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"
+    shadow: "none"
   },
   blockControls: {
     bg: "var(--color-panel)",
@@ -1266,12 +1219,8 @@ const P = {
   },
   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)",
@@ -1294,31 +1243,18 @@ const P = {
   },
   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)",
@@ -1327,14 +1263,9 @@ const P = {
   },
   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)",
@@ -1342,7 +1273,6 @@ const P = {
     "chip-radius": "999px",
     "chip-gap": "6px",
     "chip-padding-x": "10px",
-    "chip-padding-y": "6px",
     "option-radius": "10px",
     "option-gap": "10px",
     "option-padding-x": "10px",
@@ -1350,12 +1280,8 @@ const P = {
   },
   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",
@@ -1415,13 +1341,10 @@ const P = {
   },
   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: {
@@ -1439,9 +1362,7 @@ const P = {
   },
   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",
@@ -1457,10 +1378,7 @@ const P = {
     "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",
@@ -1493,49 +1411,44 @@ const P = {
     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)"
+    bg: "var(--color-panel-solid)"
   }
 };
-function z(e) {
-  const a = /^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.exec(e.trim())?.[1];
+function b(n) {
+  const a = /^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.exec(n.trim())?.[1];
   if (!a) return null;
-  const r = a.length === 3 ? a.replace(/./g, (s) => s + s) : a.slice(0, 6), i = (s) => {
-    const n = parseInt(r.slice(s, s + 2), 16) / 255;
-    return n <= 0.03928 ? n / 12.92 : ((n + 0.055) / 1.055) ** 2.4;
+  const e = a.length === 3 ? a.replace(/./g, (i) => i + i) : a.slice(0, 6), r = (i) => {
+    const t = parseInt(e.slice(i, i + 2), 16) / 255;
+    return t <= 0.03928 ? t / 12.92 : ((t + 0.055) / 1.055) ** 2.4;
   };
-  return 0.2126 * i(0) + 0.7152 * i(2) + 0.0722 * i(4);
+  return 0.2126 * r(0) + 0.7152 * r(2) + 0.0722 * r(4);
 }
-function b(e, a) {
-  const r = z(e), i = z(a);
-  return r === null || i === null ? null : (Math.max(r, i) + 0.05) / (Math.min(r, i) + 0.05);
+function _(n, a) {
+  const e = b(n), r = b(a);
+  return e === null || r === null ? null : (Math.max(e, r) + 0.05) / (Math.min(e, r) + 0.05);
 }
-function N(e, a) {
-  const r = e?.colors;
-  if (!r?.primary) return {};
-  const i = r.foregroundOnPrimary;
-  return a ? r.primary === a.colors?.primary ? {} : i && i !== a.colors?.foregroundOnPrimary ? {} : { foregroundOnPrimary: v(r.primary, a.colors?.foregroundOnPrimary || "#ffffff") } : i ? {} : { foregroundOnPrimary: v(r.primary, "#ffffff") };
+function ra(n, a) {
+  const e = n?.colors;
+  if (!e?.primary) return {};
+  const r = e.foregroundOnPrimary;
+  return a ? e.primary === a.colors?.primary ? {} : r && r !== a.colors?.foregroundOnPrimary ? {} : { foregroundOnPrimary: v(e.primary, a.colors?.foregroundOnPrimary || "#ffffff") } : r ? {} : { foregroundOnPrimary: v(e.primary, "#ffffff") };
 }
-function v(e, a) {
-  const r = b(a, e);
-  if (r === null || r >= 4.5) return a;
-  const i = b("#ffffff", e) ?? 0;
-  return (b("#111111", e) ?? 0) > i ? "#111111" : "#ffffff";
+function v(n, a) {
+  const e = _(a, n);
+  if (e === null || e >= 4.5) return a;
+  const r = _("#ffffff", n) ?? 0;
+  return (_("#111111", n) ?? 0) > r ? "#111111" : "#ffffff";
 }
-function D(e) {
+function P(n) {
   return {
-    primary: e.scale[9],
-    primaryHover: e.scale[10] || e.scale[9],
-    foregroundOnPrimary: v(e.scale[9], e.contrast),
-    focusRing: e.scale[8] || e.scale[9],
-    warning: e.scale[9]
+    primary: n.scale[9],
+    primaryHover: n.scale[10] || n.scale[9],
+    foregroundOnPrimary: v(n.scale[9], n.contrast),
+    focusRing: n.scale[8] || n.scale[9],
+    warning: n.scale[9]
   };
 }
-const x = {
+const y = {
   colors: {
     primary: "#ffc53d",
     primaryHover: "#ffba18",
@@ -1549,7 +1462,8 @@ const x = {
     focusRing: "#e2a336",
     success: "#30a46c",
     danger: "#e5484d",
-    warning: "#ffc53d"
+    warning: "#ffc53d",
+    info: "#0e7490"
   },
   palette: {
     gray: {
@@ -1580,8 +1494,8 @@ const x = {
       11: "#0000009b",
       12: "#000000df"
     },
-    blackAlpha: P,
-    whiteAlpha: T,
+    blackAlpha: O,
+    whiteAlpha: I,
     accent: {
       ...f.amber.light.scale
     },
@@ -1602,7 +1516,7 @@ const x = {
     overlay: "rgba(2, 6, 23, 0.52)",
     transparent: "transparent"
   },
-  radius: "4px",
+  radius: "6px",
   radiusScale: {
     1: "3px",
     2: "4px",
@@ -1689,11 +1603,11 @@ const x = {
   effects: {
     backdropFilterPanel: "blur(64px)"
   },
-  components: Q,
+  components: ea,
   zIndex: { modal: 1e3, overlay: 900, toast: 1100 },
   breakpoints: { sm: "640px", md: "768px", lg: "1024px" }
-}, G = {
-  ...x,
+}, ta = {
+  ...y,
   colors: {
     primary: "#ffc53d",
     primaryHover: "#ffd60a",
@@ -1707,10 +1621,11 @@ const x = {
     focusRing: "#ffc53d",
     success: "#30a46c",
     danger: "#e5484d",
-    warning: "#ffc53d"
+    warning: "#ffc53d",
+    info: "#4cc3d6"
   },
   palette: {
-    ...x.palette,
+    ...y.palette,
     gray: {
       1: "#111",
       2: "#191919",
@@ -1739,8 +1654,8 @@ const x = {
       11: "#ffffffaf",
       12: "#ffffffed"
     },
-    blackAlpha: P,
-    whiteAlpha: T,
+    blackAlpha: O,
+    whiteAlpha: I,
     accent: {
       ...f.amber.dark.scale
     },
@@ -1772,195 +1687,264 @@ const x = {
     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: W
-}, na = x, I = /* @__PURE__ */ new Set();
-function p(e, a) {
-  if (!(!e && !a))
-    return { ...e || {}, ...a || {} };
+  components: na
+}, ba = y, D = /* @__PURE__ */ new Set();
+function p(n, a) {
+  if (!(!n && !a))
+    return { ...n || {}, ...a || {} };
 }
-function K(e) {
-  const a = e?.colors, r = e?.surfaces || {}, i = {};
-  if (!a) return i;
-  if (a.background && !r.background && (i.background = a.background), a.surface) {
-    const s = `color-mix(in srgb, ${a.surface} 80%, transparent)`;
-    r.surface || (i.surface = a.surface), r.panelSolid || (i.panelSolid = a.surface), r.panel || (i.panel = s), r.panelTranslucent || (i.panelTranslucent = s);
+function ia(n) {
+  const a = n?.colors, e = n?.surfaces || {}, r = {};
+  if (!a) return r;
+  if (a.background && !e.background && (r.background = a.background), a.surface) {
+    const i = `color-mix(in srgb, ${a.surface} 80%, transparent)`;
+    e.surface || (r.surface = a.surface), e.panelSolid || (r.panelSolid = a.surface), e.panel || (r.panel = i), e.panelTranslucent || (r.panelTranslucent = i);
   }
-  return i;
+  return r;
 }
-function L(e, a) {
-  const r = a?.mode || "light", i = r === "dark" ? G : x, s = a?.accentPalette, n = s ? f[s][r] : null, l = n ? {
+function w(n, a) {
+  const e = a?.mode || "light", r = e === "dark" ? ta : y, i = a?.accentPalette, t = i ? f[i][e] : null, s = t ? {
     colors: {
-      ...D(n)
+      ...P(t)
     },
     palette: {
-      accent: n.scale,
-      accentAlpha: n.alphaScale,
-      accentContrast: n.contrast,
-      accentSurface: n.surface,
-      accentIndicator: n.indicator,
-      accentTrack: n.track
+      accent: t.scale,
+      accentAlpha: t.alphaScale,
+      accentContrast: t.contrast,
+      accentSurface: t.surface,
+      accentIndicator: t.indicator,
+      accentTrack: t.track
     }
   } : null;
   return {
-    ...i,
-    ...e,
+    ...r,
+    ...n,
     colors: {
-      ...i.colors,
-      ...l?.colors || {},
-      ...e?.colors || {},
-      ...N(e)
+      ...r.colors,
+      ...s?.colors || {},
+      ...n?.colors || {},
+      ...ra(n)
     },
     palette: {
-      ...i.palette || {},
-      ...l?.palette || {},
-      ...e?.palette || {},
-      gray: p(i.palette?.gray, e?.palette?.gray),
-      grayAlpha: p(i.palette?.grayAlpha, e?.palette?.grayAlpha),
-      blackAlpha: p(i.palette?.blackAlpha, e?.palette?.blackAlpha),
-      whiteAlpha: p(i.palette?.whiteAlpha, e?.palette?.whiteAlpha),
-      accent: p(n?.scale || i.palette?.accent, e?.palette?.accent),
-      accentAlpha: p(n?.alphaScale || i.palette?.accentAlpha, e?.palette?.accentAlpha)
+      ...r.palette || {},
+      ...s?.palette || {},
+      ...n?.palette || {},
+      gray: p(r.palette?.gray, n?.palette?.gray),
+      grayAlpha: p(r.palette?.grayAlpha, n?.palette?.grayAlpha),
+      blackAlpha: p(r.palette?.blackAlpha, n?.palette?.blackAlpha),
+      whiteAlpha: p(r.palette?.whiteAlpha, n?.palette?.whiteAlpha),
+      accent: p(t?.scale || r.palette?.accent, n?.palette?.accent),
+      accentAlpha: p(t?.alphaScale || r.palette?.accentAlpha, n?.palette?.accentAlpha)
     },
     surfaces: {
-      ...i.surfaces || {},
-      ...K(e),
-      ...e?.surfaces || {}
+      ...r.surfaces || {},
+      ...ia(n),
+      ...n?.surfaces || {}
     },
     shadows: {
-      ...i.shadows || {},
-      ...e?.shadows || {}
+      ...r.shadows || {},
+      ...n?.shadows || {}
     },
     spacing: {
-      ...i.spacing || {},
-      ...e?.spacing || {}
+      ...r.spacing || {},
+      ...n?.spacing || {}
     },
-    spaceScale: p(i.spaceScale, e?.spaceScale),
-    radiusScale: p(i.radiusScale, e?.radiusScale),
+    spaceScale: p(r.spaceScale, n?.spaceScale),
+    radiusScale: p(r.radiusScale, n?.radiusScale),
     typography: {
-      ...i.typography || {},
-      ...e?.typography || {},
+      ...r.typography || {},
+      ...n?.typography || {},
       size: {
-        ...i.typography?.size || {},
-        ...e?.typography?.size || {}
+        ...r.typography?.size || {},
+        ...n?.typography?.size || {}
       },
-      fontScale: p(i.typography?.fontScale, e?.typography?.fontScale),
-      lineHeight: p(i.typography?.lineHeight, e?.typography?.lineHeight),
-      letterSpacing: p(i.typography?.letterSpacing, e?.typography?.letterSpacing)
+      fontScale: p(r.typography?.fontScale, n?.typography?.fontScale),
+      lineHeight: p(r.typography?.lineHeight, n?.typography?.lineHeight),
+      letterSpacing: p(r.typography?.letterSpacing, n?.typography?.letterSpacing)
     },
     motion: {
-      ...i.motion || {},
-      ...e?.motion || {}
+      ...r.motion || {},
+      ...n?.motion || {}
     },
     effects: {
-      ...i.effects || {},
-      ...e?.effects || {}
+      ...r.effects || {},
+      ...n?.effects || {}
     },
     components: {
-      ...i.components || {},
-      ...e?.components || {},
-      button: p(i.components?.button, e?.components?.button),
-      badge: p(i.components?.badge, e?.components?.badge),
-      dropdown: p(i.components?.dropdown, e?.components?.dropdown),
-      select: p(i.components?.select, e?.components?.select),
-      sidebar: p(i.components?.sidebar, e?.components?.sidebar),
-      card: p(i.components?.card, e?.components?.card),
-      navigationMenu: p(i.components?.navigationMenu, e?.components?.navigationMenu),
-      blockControls: p(i.components?.blockControls, e?.components?.blockControls),
-      box: p(i.components?.box, e?.components?.box),
-      breadcrumb: p(i.components?.breadcrumb, e?.components?.breadcrumb),
-      contextMenu: p(i.components?.contextMenu, e?.components?.contextMenu),
-      menubar: p(i.components?.menubar, e?.components?.menubar),
-      alert: p(i.components?.alert, e?.components?.alert),
-      alertDialog: p(i.components?.alertDialog, e?.components?.alertDialog),
-      appHeader: p(i.components?.appHeader, e?.components?.appHeader),
-      aspectRatio: p(i.components?.aspectRatio, e?.components?.aspectRatio),
-      avatar: p(i.components?.avatar, e?.components?.avatar),
-      menu: p(i.components?.menu, e?.components?.menu),
-      multiSelect: p(i.components?.multiSelect, e?.components?.multiSelect),
-      panel: p(i.components?.panel, e?.components?.panel),
-      input: p(i.components?.input, e?.components?.input)
+      ...r.components || {},
+      ...n?.components || {},
+      button: p(r.components?.button, n?.components?.button),
+      badge: p(r.components?.badge, n?.components?.badge),
+      dropdown: p(r.components?.dropdown, n?.components?.dropdown),
+      select: p(r.components?.select, n?.components?.select),
+      sidebar: p(r.components?.sidebar, n?.components?.sidebar),
+      card: p(r.components?.card, n?.components?.card),
+      navigationMenu: p(r.components?.navigationMenu, n?.components?.navigationMenu),
+      blockControls: p(r.components?.blockControls, n?.components?.blockControls),
+      box: p(r.components?.box, n?.components?.box),
+      breadcrumb: p(r.components?.breadcrumb, n?.components?.breadcrumb),
+      contextMenu: p(r.components?.contextMenu, n?.components?.contextMenu),
+      menubar: p(r.components?.menubar, n?.components?.menubar),
+      alert: p(r.components?.alert, n?.components?.alert),
+      alertDialog: p(r.components?.alertDialog, n?.components?.alertDialog),
+      appHeader: p(r.components?.appHeader, n?.components?.appHeader),
+      aspectRatio: p(r.components?.aspectRatio, n?.components?.aspectRatio),
+      avatar: p(r.components?.avatar, n?.components?.avatar),
+      menu: p(r.components?.menu, n?.components?.menu),
+      multiSelect: p(r.components?.multiSelect, n?.components?.multiSelect),
+      panel: p(r.components?.panel, n?.components?.panel),
+      input: p(r.components?.input, n?.components?.input)
     },
     zIndex: {
-      ...i.zIndex || {},
-      ...e?.zIndex || {}
+      ...r.zIndex || {},
+      ...n?.zIndex || {}
     },
     breakpoints: {
-      ...i.breakpoints || {},
-      ...e?.breakpoints || {}
+      ...r.breakpoints || {},
+      ...n?.breakpoints || {}
     }
   };
 }
-function sa(e, a, r = "light") {
-  const i = f[a][r], s = e;
-  return L(
+function va(n, a, e = "light") {
+  const r = f[a][e], i = n;
+  return w(
     {
-      ...s,
+      ...i,
       colors: {
-        ...s.colors || {},
-        ...D(i)
+        ...i.colors || {},
+        ...P(r)
       },
       palette: {
-        ...s.palette || {},
-        accent: i.scale,
-        accentAlpha: i.alphaScale,
-        accentContrast: i.contrast,
-        accentSurface: i.surface,
-        accentIndicator: i.indicator,
-        accentTrack: i.track
+        ...i.palette || {},
+        accent: r.scale,
+        accentAlpha: r.alphaScale,
+        accentContrast: r.contrast,
+        accentSurface: r.surface,
+        accentIndicator: r.indicator,
+        accentTrack: r.track
       }
     },
-    { mode: r }
+    { mode: e }
   );
 }
-function o(e, a, r) {
-  try {
-    e.style.setProperty(a, r);
-  } catch {
-  }
+function o(n, a, e) {
+  n[a] = e;
 }
-function t(e, a, r) {
-  r && Object.entries(r).forEach(([i, s]) => {
-    typeof s == "string" && s && e.style.setProperty(`${a}${i}`, s);
+function l(n, a, e) {
+  e && Object.entries(e).forEach(([r, i]) => {
+    typeof i == "string" && i && (n[`${a}${r}`] = i);
   });
 }
-function ta(e) {
-  e && I.add(e);
+function ya(n) {
+  n && D.add(n);
+}
+function oa(n) {
+  return M(w(n));
 }
-function E(e, a) {
-  o(e, "--ui-color-primary", a.colors.primary), o(e, "--ui-color-primary-hover", a.colors.primaryHover || a.colors.primary), o(e, "--ui-color-foreground-on-primary", a.colors.foregroundOnPrimary || "#ffffff"), o(e, "--ui-color-background", a.colors.background || "#ffffff"), o(e, "--ui-color-surface", a.colors.surface || a.colors.background || "#ffffff"), o(e, "--ui-color-surface-alt", a.colors.surfaceAlt || a.colors.surface || "#f9f9f9"), o(e, "--ui-color-text", a.colors.text || "#202020"), o(e, "--ui-color-muted", a.colors.muted || "#646464"), o(e, "--ui-color-border", a.colors.border || "#0000001f"), o(e, "--ui-color-focus-ring", a.colors.focusRing || a.colors.primary), o(e, "--ui-color-success", a.colors.success || "#30a46c"), o(e, "--ui-color-danger", a.colors.danger || "#e5484d"), o(e, "--ui-color-warning", a.colors.warning || a.colors.primary), o(e, "--ui-primary", a.colors.primary), o(e, "--ui-primary-hover", a.colors.primaryHover || a.colors.primary), o(e, "--ui-foreground", a.colors.foregroundOnPrimary || "#ffffff"), o(e, "--ui-background", a.colors.background || "#ffffff"), o(e, "--ui-surface", a.colors.surface || a.colors.background || "#ffffff"), o(e, "--ui-surface-alt", a.colors.surfaceAlt || a.colors.surface || "#f9f9f9"), o(e, "--ui-text", a.colors.text || "#202020"), o(e, "--ui-muted", a.colors.muted || "#646464"), o(e, "--ui-border", a.colors.border || "#0000001f"), o(e, "--ui-focus-ring", a.colors.focusRing || a.colors.primary), o(e, "--ui-success", a.colors.success || "#30a46c"), o(e, "--ui-error", a.colors.danger || "#e5484d"), o(e, "--ui-warning", a.colors.warning || a.colors.primary), o(e, "--ui-radius", a.radius || "4px"), o(e, "--ui-space-xs", a.spacing?.xs || "4px"), o(e, "--ui-space-sm", a.spacing?.sm || "8px"), o(e, "--ui-space-md", a.spacing?.md || "12px"), o(e, "--ui-space-lg", a.spacing?.lg || "24px"), o(e, "--ui-space-xl", a.spacing?.xl || "32px"), o(e, "--ui-space-xxl", a.spacing?.xxl || "48px"), o(e, "--ui-default-gap", a.spacing?.sm || a.spaceScale?.["2"] || "8px"), o(e, "--ui-shadow-sm", a.shadows?.sm || a.shadows?.["2"] || "none"), o(e, "--ui-shadow-md", a.shadows?.md || a.shadows?.["3"] || "none"), o(e, "--ui-shadow-lg", a.shadows?.lg || a.shadows?.["4"] || "none"), o(e, "--ui-font-family", a.typography?.family || "system-ui, sans-serif"), o(e, "--ui-font-family-heading", a.typography?.headingFamily || a.typography?.family || "system-ui, sans-serif"), o(e, "--ui-font-family-code", a.typography?.codeFamily || "monospace"), o(e, "--ui-font-size-sm", a.typography?.size?.sm || "12px"), o(e, "--ui-font-size-md", a.typography?.size?.md || "14px"), o(e, "--ui-font-size-lg", a.typography?.size?.lg || "16px"), o(e, "--ui-default-font-size", a.typography?.size?.md || a.typography?.fontScale?.["2"] || "14px"), o(e, "--ui-default-line-height", a.typography?.lineHeight?.["2"] || "20px"), o(e, "--ui-default-letter-spacing", a.typography?.letterSpacing?.["2"] || "0em"), o(e, "--ui-motion-short", a.motion?.durationShort || "120ms"), o(e, "--ui-motion-base", a.motion?.durationBase || "180ms"), o(e, "--ui-motion-long", a.motion?.durationLong || "260ms"), o(e, "--ui-motion-easing", a.motion?.easing || "cubic-bezier(0.2, 0.8, 0.2, 1)"), o(e, "--ui-z-modal", String(a.zIndex?.modal ?? 1e3)), o(e, "--ui-z-overlay", String(a.zIndex?.overlay ?? 900)), o(e, "--ui-z-toast", String(a.zIndex?.toast ?? 1100)), o(e, "--ui-breakpoint-sm", a.breakpoints?.sm || "640px"), o(e, "--ui-breakpoint-md", a.breakpoints?.md || "768px"), o(e, "--ui-breakpoint-lg", a.breakpoints?.lg || "1024px"), o(e, "--color-background", a.surfaces?.background || a.colors.background || "#ffffff"), o(e, "--color-surface", a.surfaces?.surface || a.colors.surface || "#fcfcfc"), o(e, "--color-panel", a.surfaces?.panel || a.surfaces?.panelTranslucent || "#ffffffcc"), o(e, "--color-panel-solid", a.surfaces?.panelSolid || a.colors.surface || "#ffffff"), o(e, "--color-panel-translucent", a.surfaces?.panelTranslucent || "#ffffffcc"), o(e, "--color-overlay", a.surfaces?.overlay || "rgba(2, 6, 23, 0.52)"), o(e, "--color-transparent", a.surfaces?.transparent || "transparent"), o(e, "--backdrop-filter-panel", a.effects?.backdropFilterPanel || "blur(64px)"), a.palette?.accentContrast && o(e, "--accent-contrast", a.palette.accentContrast), a.palette?.accentSurface && o(e, "--accent-surface", a.palette.accentSurface), a.palette?.accentIndicator && o(e, "--accent-indicator", a.palette.accentIndicator), a.palette?.accentTrack && o(e, "--accent-track", a.palette.accentTrack), t(e, "--gray-", a.palette?.gray), t(e, "--gray-a", a.palette?.grayAlpha), t(e, "--black-a", a.palette?.blackAlpha), t(e, "--white-a", a.palette?.whiteAlpha), t(e, "--accent-", a.palette?.accent), t(e, "--accent-a", a.palette?.accentAlpha), t(e, "--space-", a.spaceScale), t(e, "--radius-", a.radiusScale), t(e, "--font-size-", a.typography?.fontScale), t(e, "--line-height-", a.typography?.lineHeight), t(e, "--letter-spacing-", a.typography?.letterSpacing), t(e, "--shadow-", a.shadows), t(e, "--base-button-", a.components?.button), t(e, "--base-badge-", a.components?.badge), t(e, "--base-dropdown-", a.components?.dropdown), t(e, "--base-select-", a.components?.select), t(e, "--base-sidebar-", a.components?.sidebar), t(e, "--base-block-controls-", a.components?.blockControls), t(e, "--base-box-", a.components?.box), t(e, "--base-breadcrumb-", a.components?.breadcrumb), t(e, "--base-card-", a.components?.card), t(e, "--base-multi-select-", a.components?.multiSelect), t(e, "--base-navigation-menu-", a.components?.navigationMenu), t(e, "--base-menubar-", a.components?.menubar), t(e, "--base-context-menu-", a.components?.contextMenu), t(e, "--base-alert-", a.components?.alert), t(e, "--base-alert-dialog-", a.components?.alertDialog), t(e, "--base-app-header-", a.components?.appHeader), t(e, "--base-aspect-ratio-", a.components?.aspectRatio), t(e, "--base-avatar-", a.components?.avatar), t(e, "--base-menu-", a.components?.menu), t(e, "--base-panel-", a.components?.panel), t(e, "--base-input-", a.components?.input);
+function sa(n) {
+  const a = n.colors, e = n.palette;
+  if (!e || !a) return n;
+  const r = (k, H, $) => `color-mix(in srgb, ${k} ${H}%, ${$})`, i = a.surface || a.background, t = a.text;
+  let s = e.gray, c = e.accent;
+  const d = a.background ? b(a.background) : null, u = s?.["1"] ? b(s[1]) : null;
+  i && t && d !== null && u !== null && d < 0.4 != u < 0.4 && (s = {
+    ...s,
+    2: r(t, 4, i),
+    3: r(t, 8, i),
+    4: r(t, 12, i),
+    5: r(t, 16, i),
+    6: r(t, 20, i),
+    7: r(t, 28, i),
+    8: r(t, 40, i),
+    11: a.muted || t,
+    12: t
+  });
+  const x = c?.["9"];
+  return i && t && a.primary && x && x.trim().toLowerCase() !== a.primary.trim().toLowerCase() && (c = {
+    ...c,
+    2: r(a.primary, 6, i),
+    3: r(a.primary, 14, i),
+    4: r(a.primary, 20, i),
+    5: r(a.primary, 26, i),
+    7: r(a.primary, 42, i),
+    9: a.primary,
+    10: a.primaryHover || a.primary,
+    11: r(a.primary, 60, t)
+  }), s === e.gray && c === e.accent ? n : { ...n, palette: { ...e, gray: s, accent: c } };
 }
-function pa(e, a = typeof document < "u" ? document : null) {
+function M(n) {
+  const a = sa(n), e = {};
+  return o(e, "--ui-color-primary", a.colors.primary), o(e, "--ui-color-primary-hover", a.colors.primaryHover || a.colors.primary), o(e, "--ui-color-foreground-on-primary", a.colors.foregroundOnPrimary || "#ffffff"), o(e, "--ui-color-background", a.colors.background || "#ffffff"), o(e, "--ui-color-surface", a.colors.surface || a.colors.background || "#ffffff"), o(e, "--ui-color-surface-alt", a.colors.surfaceAlt || a.colors.surface || "#f9f9f9"), o(e, "--ui-color-text", a.colors.text || "#202020"), o(e, "--ui-color-muted", a.colors.muted || "#646464"), o(e, "--ui-color-border", a.colors.border || "#0000001f"), o(e, "--ui-color-focus-ring", a.colors.focusRing || a.colors.primary), o(e, "--ui-color-success", a.colors.success || "#30a46c"), o(e, "--ui-color-danger", a.colors.danger || "#e5484d"), o(e, "--ui-color-warning", a.colors.warning || a.colors.primary), o(e, "--ui-primary", a.colors.primary), o(e, "--ui-primary-hover", a.colors.primaryHover || a.colors.primary), o(e, "--ui-foreground", a.colors.foregroundOnPrimary || "#ffffff"), o(e, "--ui-background", a.colors.background || "#ffffff"), o(e, "--ui-surface", a.colors.surface || a.colors.background || "#ffffff"), o(e, "--ui-surface-alt", a.colors.surfaceAlt || a.colors.surface || "#f9f9f9"), o(e, "--ui-text", a.colors.text || "#202020"), o(e, "--ui-muted", a.colors.muted || "#646464"), o(e, "--ui-border", a.colors.border || "#0000001f"), o(e, "--ui-focus-ring", a.colors.focusRing || a.colors.primary), o(e, "--ui-success", a.colors.success || "#30a46c"), o(e, "--ui-error", a.colors.danger || "#e5484d"), o(e, "--ui-warning", a.colors.warning || a.colors.primary), o(e, "--ui-radius", a.radius || "6px"), o(e, "--ui-space-xs", a.spacing?.xs || "4px"), o(e, "--ui-space-sm", a.spacing?.sm || "8px"), o(e, "--ui-space-md", a.spacing?.md || "12px"), o(e, "--ui-space-lg", a.spacing?.lg || "24px"), o(e, "--ui-space-xl", a.spacing?.xl || "32px"), o(e, "--ui-space-xxl", a.spacing?.xxl || "48px"), o(e, "--ui-default-gap", a.spacing?.sm || a.spaceScale?.["2"] || "8px"), o(e, "--ui-shadow-sm", a.shadows?.sm || a.shadows?.["2"] || "none"), o(e, "--ui-shadow-md", a.shadows?.md || a.shadows?.["3"] || "none"), o(e, "--ui-shadow-lg", a.shadows?.lg || a.shadows?.["4"] || "none"), o(e, "--ui-font-family", a.typography?.family || "system-ui, sans-serif"), o(e, "--ui-font-family-heading", a.typography?.headingFamily || a.typography?.family || "system-ui, sans-serif"), o(e, "--ui-font-family-code", a.typography?.codeFamily || "monospace"), o(e, "--ui-font-size-sm", a.typography?.size?.sm || "12px"), o(e, "--ui-font-size-md", a.typography?.size?.md || "14px"), o(e, "--ui-font-size-lg", a.typography?.size?.lg || "16px"), o(e, "--ui-default-font-size", a.typography?.size?.md || a.typography?.fontScale?.["2"] || "14px"), o(e, "--ui-default-line-height", a.typography?.lineHeight?.["2"] || "20px"), o(e, "--ui-default-letter-spacing", a.typography?.letterSpacing?.["2"] || "0em"), o(e, "--ui-motion-short", a.motion?.durationShort || "120ms"), o(e, "--ui-motion-base", a.motion?.durationBase || "180ms"), o(e, "--ui-motion-long", a.motion?.durationLong || "260ms"), o(e, "--ui-motion-easing", a.motion?.easing || "cubic-bezier(0.2, 0.8, 0.2, 1)"), o(e, "--ui-z-modal", String(a.zIndex?.modal ?? 1e3)), o(e, "--ui-z-overlay", String(a.zIndex?.overlay ?? 900)), o(e, "--ui-z-toast", String(a.zIndex?.toast ?? 1100)), o(e, "--ui-breakpoint-sm", a.breakpoints?.sm || "640px"), o(e, "--ui-breakpoint-md", a.breakpoints?.md || "768px"), o(e, "--ui-breakpoint-lg", a.breakpoints?.lg || "1024px"), o(e, "--color-background", a.surfaces?.background || a.colors.background || "#ffffff"), o(e, "--color-surface", a.surfaces?.surface || a.colors.surface || "#fcfcfc"), o(e, "--color-panel", a.surfaces?.panel || a.surfaces?.panelTranslucent || "#ffffffcc"), o(e, "--color-panel-solid", a.surfaces?.panelSolid || a.colors.surface || "#ffffff"), o(e, "--color-panel-translucent", a.surfaces?.panelTranslucent || "#ffffffcc"), o(e, "--color-overlay", a.surfaces?.overlay || "rgba(2, 6, 23, 0.52)"), o(e, "--color-transparent", a.surfaces?.transparent || "transparent"), o(e, "--backdrop-filter-panel", a.effects?.backdropFilterPanel || "blur(64px)"), a.palette?.accentContrast && o(e, "--accent-contrast", a.palette.accentContrast), a.palette?.accentSurface && o(e, "--accent-surface", a.palette.accentSurface), a.palette?.accentIndicator && o(e, "--accent-indicator", a.palette.accentIndicator), a.palette?.accentTrack && o(e, "--accent-track", a.palette.accentTrack), l(e, "--gray-", a.palette?.gray), l(e, "--gray-a", a.palette?.grayAlpha), l(e, "--black-a", a.palette?.blackAlpha), l(e, "--white-a", a.palette?.whiteAlpha), l(e, "--accent-", a.palette?.accent), l(e, "--accent-a", a.palette?.accentAlpha), l(e, "--space-", a.spaceScale), l(e, "--radius-", a.radiusScale), l(e, "--font-size-", a.typography?.fontScale), l(e, "--line-height-", a.typography?.lineHeight), l(e, "--letter-spacing-", a.typography?.letterSpacing), l(e, "--shadow-", a.shadows), l(e, "--base-button-", a.components?.button), l(e, "--base-badge-", a.components?.badge), l(e, "--base-dropdown-", a.components?.dropdown), l(e, "--base-select-", a.components?.select), l(e, "--base-sidebar-", a.components?.sidebar), l(e, "--base-block-controls-", a.components?.blockControls), l(e, "--base-box-", a.components?.box), l(e, "--base-breadcrumb-", a.components?.breadcrumb), l(e, "--base-card-", a.components?.card), l(e, "--base-multi-select-", a.components?.multiSelect), l(e, "--base-navigation-menu-", a.components?.navigationMenu), l(e, "--base-menubar-", a.components?.menubar), l(e, "--base-context-menu-", a.components?.contextMenu), l(e, "--base-alert-", a.components?.alert), l(e, "--base-alert-dialog-", a.components?.alertDialog), l(e, "--base-app-header-", a.components?.appHeader), l(e, "--base-aspect-ratio-", a.components?.aspectRatio), l(e, "--base-avatar-", a.components?.avatar), l(e, "--base-menu-", a.components?.menu), l(e, "--base-panel-", a.components?.panel), l(e, "--base-input-", a.components?.input), Object.assign(e, aa(a)), o(e, "--ui-color-foreground-on-warning", v(a.colors.warning || a.colors.primary, "#ffffff")), e;
+}
+function T(n, a) {
+  Object.entries(a).forEach(([e, r]) => {
+    try {
+      n.style.setProperty(e, r);
+    } catch {
+    }
+  });
+}
+function wa(n, a = ":root") {
+  const e = Object.entries(oa(n)).map(([r, i]) => `  ${r}: ${i};`).join(`
+`);
+  return `${a} {
+${e}
+}
+`;
+}
+function R(n) {
+  return n === document ? document.documentElement : n instanceof ShadowRoot ? n.host : n;
+}
+function ca(n, a = typeof document < "u" ? document : null) {
   if (!a) return;
-  const r = L(e), i = a === document || a instanceof ShadowRoot;
-  let s;
-  if (a === document ? s = document.documentElement : a instanceof ShadowRoot ? s = a.host : s = a, E(s, r), i)
-    for (const n of I)
+  const e = M(w(n)), r = a === document || a instanceof ShadowRoot, i = R(a);
+  if (T(i, e), r)
+    for (const t of D)
       try {
-        E(n, r);
+        T(t, e);
       } catch {
       }
 }
+function ka(n = {}) {
+  const a = n.root === void 0 ? typeof document < "u" ? document : null : n.root;
+  if (!a) return () => {
+  };
+  const e = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(prefers-color-scheme: dark)") : null, r = (t) => {
+    const s = t ? "dark" : "light";
+    ca(w(t ? n.dark : n.light, { accentPalette: n.accentPalette, mode: s }), a);
+    const c = R(a);
+    c.setAttribute("data-ui-mode", s), c.style.setProperty("color-scheme", s);
+  };
+  if (r(!!e?.matches), !e) return () => {
+  };
+  const i = (t) => r(t.matches);
+  return typeof e.addEventListener == "function" ? (e.addEventListener("change", i), () => e.removeEventListener("change", i)) : (e.addListener(i), () => e.removeListener(i));
+}
 export {
-  $ as A,
-  Z as D,
-  Y as a,
-  pa as b,
-  f as c,
-  G as d,
-  x as e,
-  q as f,
-  ra as g,
-  B as h,
-  U as i,
-  L as j,
-  na as k,
-  N as l,
-  K as m,
-  ea as n,
-  oa as o,
-  aa as p,
-  ta as q,
-  v as r,
-  ia as s,
-  sa as w
+  V as A,
+  W as D,
+  da as a,
+  ka as b,
+  ca as c,
+  f as d,
+  ta as e,
+  y as f,
+  fa as g,
+  xa as h,
+  Z as i,
+  G as j,
+  w as k,
+  ba as l,
+  ra as m,
+  aa as n,
+  ia as o,
+  ga as p,
+  ha as q,
+  ua as r,
+  v as s,
+  ya as t,
+  ma as u,
+  wa as v,
+  oa as w,
+  va as x
 };