@editora/ui-core 0.2.0 → 0.2.2

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

@@ -1,26 +1,26 @@
 import "./portal-DeaM1tYY.mjs";
 import "./positioner-BE8Nbho2.mjs";
-function C() {
+function A() {
   return typeof window < "u" && typeof document < "u";
 }
-function F(n) {
+function N(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 j(n) {
+function V(n) {
   return n === "replace" || n === "stack" ? n : "queue";
 }
-function z(n) {
+function L(n) {
   return `ui-alert-dialog-${n}`;
 }
-function B(n, a) {
-  const e = n.kind === "alert" && a.action === "cancel" ? "dismiss" : a.action, r = n.dialog?.getChecked();
+function Z(n, a) {
+  const e = n.kind === "alert" && a.action === "cancel" ? "dismiss" : a.action, t = n.dialog?.getChecked();
   if (n.kind === "prompt") {
     const i = n.dialog?.getInputValue() ?? n.value ?? "";
     return {
       id: n.id,
       action: e,
       value: i,
-      checked: r,
+      checked: t,
       source: a.source,
       reason: a.reason
     };
@@ -29,12 +29,12 @@ function B(n, a) {
     id: n.id,
     action: e,
     value: n.value,
-    checked: r,
+    checked: t,
     source: a.source,
     reason: a.reason
   };
 }
-function h(n, a, e) {
+function y(n, a, e) {
   return n.kind === "prompt" ? {
     id: n.id,
     action: "dismiss",
@@ -51,10 +51,10 @@ function h(n, a, e) {
     reason: e
   };
 }
-function N(n) {
+function U(n) {
   return n === "esc" || n === "backdrop" || n === "close-icon" || n === "abort" || n === "unmount" || n === "replace" || n === "programmatic" ? n : "abort";
 }
-class V {
+class Q {
   constructor(a) {
     this._container = null, this._ownsContainer = !1, this._queue = [], this._active = [], this._disposed = !1, this._seed = 0, this._defaults = {}, this._container = a ?? null;
   }
@@ -77,42 +77,42 @@ class V {
     this._disposed = !0;
     const e = [...this._active, ...this._queue];
     this._queue = [];
-    for (const r of e)
-      this._settle(r, h(r, a), !1);
+    for (const t of e)
+      this._settle(t, y(t, 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, e) {
-    const r = this._mergeOptions(e);
-    if (!C() || this._disposed) {
+    const t = this._mergeOptions(e);
+    if (!A() || this._disposed) {
       const s = {
-        id: r.id || z(++this._seed),
+        id: t.id || L(++this._seed),
         action: "dismiss",
         source: "unmount"
       };
       return Promise.resolve(s);
     }
-    const i = r.id || z(++this._seed), t = j(r.mode);
+    const i = t.id || L(++this._seed), r = V(t.mode);
     return new Promise((s) => {
       const c = {
         id: i,
         kind: a,
-        mode: t,
-        options: r,
+        mode: r,
+        options: t,
         settled: !1,
         processing: !1,
         resolve: s,
         cleanup: []
       };
-      if (r.signal?.aborted) {
-        this._settle(c, h(c, "abort"), !1);
+      if (t.signal?.aborted) {
+        this._settle(c, y(c, "abort"), !1);
         return;
       }
-      if (t === "replace") {
+      if (r === "replace") {
         const d = this._active[this._active.length - 1];
-        d && this._settle(d, h(d, "replace", "replace"), !1, !1), this._open(c);
+        d && this._settle(d, y(d, "replace", "replace"), !1, !1), this._open(c);
         return;
       }
-      if (t === "stack") {
+      if (r === "stack") {
         this._open(c);
         return;
       }
@@ -126,68 +126,68 @@ class V {
   _open(a) {
     const e = this._ensureContainer();
     if (!e) {
-      this._settle(a, h(a, "unmount"), !1);
+      this._settle(a, y(a, "unmount"), !1);
       return;
     }
-    const r = document.createElement("ui-alert-dialog");
-    a.dialog = r, a.checked = !!a.options.checkbox?.defaultChecked;
+    const t = document.createElement("ui-alert-dialog");
+    a.dialog = t, a.checked = !!a.options.checkbox?.defaultChecked;
     const i = this._buildConfig(a);
-    r.dialogId = a.id, r.config = i;
-    const t = (d) => {
+    t.dialogId = a.id, t.config = i;
+    const r = (d) => {
       if (a.settled) return;
-      const u = d.detail;
-      a.value = u?.inputValue, a.checked = u?.checked;
-      const x = this._validatePrompt(a);
-      if (x) {
-        d.preventDefault(), r.setError(x);
+      const f = d.detail;
+      a.value = f?.inputValue, a.checked = f?.checked;
+      const g = this._validatePrompt(a);
+      if (g) {
+        d.preventDefault(), t.setError(g);
         return;
       }
       if (!a.options.onConfirm) {
-        r.clearError();
+        t.clearError();
         return;
       }
-      d.preventDefault(), a.processing = !0, r.state = "loading", r.clearError(), Promise.resolve(
+      d.preventDefault(), a.processing = !0, t.state = "loading", t.clearError(), Promise.resolve(
         a.options.onConfirm({
           id: a.id,
           value: a.value,
           checked: a.checked,
-          dialog: r,
+          dialog: t,
           signal: a.options.signal
         })
       ).then(() => {
-        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));
+        a.processing = !1, t.state = "idle", t.clearError(), a.settled || t.close("confirm");
+      }).catch((m) => {
+        a.processing = !1, t.state = "error", t.setError(N(m));
       });
     }, s = () => {
-      a.settled || (a.value = r.getInputValue(), a.checked = r.getChecked(), r.state === "error" && r.clearError());
+      a.settled || (a.value = t.getInputValue(), a.checked = t.getChecked(), t.state === "error" && t.clearError());
     }, c = (d) => {
       if (a.settled) return;
-      const u = d.detail;
-      this._handleClose(a, u);
+      const f = d.detail;
+      this._handleClose(a, f);
     };
-    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) {
+    if (t.addEventListener("ui-confirm", r), t.addEventListener("ui-change", s), t.addEventListener("ui-close", c), a.cleanup.push(() => t.removeEventListener("ui-confirm", r)), a.cleanup.push(() => t.removeEventListener("ui-change", s)), a.cleanup.push(() => t.removeEventListener("ui-close", c)), a.options.signal) {
       const d = () => {
-        a.settled || this._settle(a, h(a, "abort"), !1);
+        a.settled || this._settle(a, y(a, "abort"), !1);
       };
       a.options.signal.addEventListener("abort", d, { once: !0 }), a.cleanup.push(() => a.options.signal?.removeEventListener("abort", d));
     }
-    this._active.push(a), e.appendChild(r), r.open = !0, this._updateStackZIndex();
+    this._active.push(a), e.appendChild(t), t.open = !0, this._updateStackZIndex();
   }
   _validatePrompt(a) {
     if (a.kind !== "prompt") return 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;
+    const t = a.options.input, i = a.dialog?.getInputValue() ?? a.value ?? "";
+    return t?.required && !i.trim() ? "Please enter a value." : t?.validate ? t.validate(i) : null;
   }
-  _settle(a, e, r, i = !0) {
+  _settle(a, e, t, i = !0) {
     if (!a.settled) {
-      if (a.settled = !0, this._cleanupRequest(a), this._active = this._active.filter((t) => t !== a), this._queue = this._queue.filter((t) => t !== a), a.dialog) {
-        const t = a.dialog;
-        if (!r && t.open) {
-          const s = N(e.source);
-          t.close("dismiss", s, e.reason);
+      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 (!t && r.open) {
+          const s = U(e.source);
+          r.close("dismiss", s, e.reason);
         }
-        t.parentElement && t.parentElement.removeChild(t);
+        r.parentElement && r.parentElement.removeChild(r);
       }
       a.resolve(e), this._updateStackZIndex(), !this._disposed && i && this._drainQueue();
     }
@@ -205,7 +205,7 @@ class V {
     a && this._open(a);
   }
   _buildConfig(a) {
-    const e = a.options, r = a.kind === "prompt", i = a.kind === "alert", t = r ? e.input : void 0;
+    const e = a.options, t = a.kind === "prompt", i = a.kind === "alert", r = t ? e.input : void 0;
     return {
       id: a.id,
       title: e.title,
@@ -219,7 +219,7 @@ class V {
       closeOnBackdrop: e.closeOnBackdrop,
       lockWhileLoading: e.lockWhileLoading ?? !0,
       role: e.role || "alertdialog",
-      tone: e.tone || (i ? "info" : r ? "neutral" : "warning"),
+      tone: e.tone || (i ? "info" : t ? "neutral" : "warning"),
       size: e.size || "md",
       variant: e.variant || "surface",
       radius: e.radius,
@@ -233,11 +233,11 @@ class V {
       showCancel: !i,
       showClose: e.dismissible ?? !0,
       input: {
-        enabled: r,
-        label: t?.label,
-        placeholder: t?.placeholder,
-        value: t?.defaultValue || "",
-        required: t?.required
+        enabled: t,
+        label: r?.label,
+        placeholder: r?.placeholder,
+        value: r?.defaultValue || "",
+        required: r?.required
       },
       checkbox: {
         enabled: !!e.checkbox?.enabled,
@@ -256,10 +256,10 @@ class V {
     };
   }
   _handleClose(a, e) {
-    const r = B(a, e);
+    const t = Z(a, e);
     if (e.action === "cancel" && a.options.onCancel) {
       Promise.resolve(a.options.onCancel(this._buildLifecycleContext(a))).finally(() => {
-        this._settle(a, r, !0);
+        this._settle(a, t, !0);
       });
       return;
     }
@@ -271,11 +271,11 @@ class V {
           reason: e.reason
         })
       ).finally(() => {
-        this._settle(a, r, !0);
+        this._settle(a, t, !0);
       });
       return;
     }
-    this._settle(a, r, !0);
+    this._settle(a, t, !0);
   }
   _mergeOptions(a) {
     const e = this._defaults;
@@ -289,7 +289,7 @@ class V {
     };
   }
   _ensureContainer() {
-    if (!C()) return null;
+    if (!A()) 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;
@@ -301,38 +301,38 @@ class V {
     }
   }
 }
-let g = null;
-function Z(n = {}) {
-  return new V(n.container ?? null);
+let h = null;
+function W(n = {}) {
+  return new Q(n.container ?? null);
 }
-function S() {
-  return g || (g = Z()), g;
+function T() {
+  return h || (h = W()), h;
 }
-function da(n = {}) {
-  return S().alert(n);
+function xa(n = {}) {
+  return T().alert(n);
 }
-function fa(n = {}) {
-  return S().confirm(n);
+function ha(n = {}) {
+  return T().confirm(n);
 }
-function ua(n = {}) {
-  return S().prompt(n);
+function ba(n = {}) {
+  return T().prompt(n);
 }
-function ga(n = "programmatic") {
-  g && (g.destroy(n), g = null);
+function va(n = "programmatic") {
+  h && (h.destroy(n), h = null);
 }
-function E() {
+function I() {
   return typeof window < "u" && typeof document < "u";
 }
-function U(n) {
+function G(n) {
   return n === "replace" || n === "stack" ? n : "queue";
 }
-function A(n) {
+function O(n) {
   return `ui-dialog-${n}`;
 }
-function Q(n) {
+function X(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 W {
+class K {
   constructor(a) {
     this._container = null, this._ownsContainer = !1, this._queue = [], this._active = [], this._disposed = !1, this._seed = 0, this._container = a ?? null;
   }
@@ -349,9 +349,9 @@ class W {
     this._disposed = !0;
     const e = [...this._active, ...this._queue];
     this._queue = [];
-    for (const r of e)
-      this._settle(r, {
-        id: r.id,
+    for (const t of e)
+      this._settle(t, {
+        id: t.id,
         action: "dismiss",
         source: a,
         reason: a
@@ -359,40 +359,40 @@ class W {
     this._active = [], this._ownsContainer && this._container && this._container.parentElement && this._container.parentElement.removeChild(this._container), this._container = null, this._ownsContainer = !1;
   }
   _enqueue(a) {
-    if (!E() || this._disposed)
+    if (!I() || this._disposed)
       return Promise.resolve({
-        id: a.id || A(++this._seed),
+        id: a.id || O(++this._seed),
         action: "dismiss",
         source: "unmount"
       });
-    const e = a.id || A(++this._seed), r = U(a.mode);
+    const e = a.id || O(++this._seed), t = G(a.mode);
     return new Promise((i) => {
-      const t = {
+      const r = {
         id: e,
-        mode: r,
+        mode: t,
         options: a,
         settled: !1,
         resolve: i,
         cleanup: []
       };
       if (a.signal?.aborted) {
-        this._settle(t, { id: e, action: "dismiss", source: "abort" }, !1);
+        this._settle(r, { id: e, action: "dismiss", source: "abort" }, !1);
         return;
       }
-      if (r === "replace") {
+      if (t === "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);
+        s && this._settle(s, { id: s.id, action: "dismiss", source: "replace", reason: "replace" }, !1, !1), this._open(r);
         return;
       }
-      if (r === "stack") {
-        this._open(t);
+      if (t === "stack") {
+        this._open(r);
         return;
       }
       if (this._active.length > 0) {
-        this._queue.push(t);
+        this._queue.push(r);
         return;
       }
-      this._open(t);
+      this._open(r);
     });
   }
   _open(a) {
@@ -405,28 +405,28 @@ class W {
       }, !1);
       return;
     }
-    const r = document.createElement("ui-dialog");
-    a.dialog = r;
+    const t = document.createElement("ui-dialog");
+    a.dialog = t;
     const i = this._buildConfig(a.options, a.id);
-    r.dialogId = a.id, r.config = i;
-    const t = (c) => {
+    t.dialogId = a.id, t.config = i;
+    const r = (c) => {
       if (a.settled) return;
       const d = c.detail;
       if (a.resultFormData = d?.formData, !a.options.onSubmit) {
-        r.clearError();
+        t.clearError();
         return;
       }
-      c.preventDefault(), r.state = "loading", r.clearError(), Promise.resolve(
+      c.preventDefault(), t.state = "loading", t.clearError(), Promise.resolve(
         a.options.onSubmit({
           id: a.id,
-          dialog: r,
+          dialog: t,
           signal: a.options.signal,
           formData: d?.formData
         })
       ).then(() => {
-        a.settled || (r.state = "idle", r.clearError(), r.close("submit"));
-      }).catch((u) => {
-        r.state = "error", r.setError(Q(u));
+        a.settled || (t.state = "idle", t.clearError(), t.close("submit"));
+      }).catch((f) => {
+        t.state = "error", t.setError(X(f));
       });
     }, s = (c) => {
       if (a.settled) return;
@@ -439,7 +439,7 @@ class W {
         formData: a.resultFormData
       }, !0);
     };
-    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) {
+    if (t.addEventListener("ui-submit", r), t.addEventListener("ui-close", s), a.cleanup.push(() => t.removeEventListener("ui-submit", r)), a.cleanup.push(() => t.removeEventListener("ui-close", s)), a.options.signal) {
       const c = () => {
         a.settled || this._settle(a, {
           id: a.id,
@@ -449,13 +449,13 @@ class W {
       };
       a.options.signal.addEventListener("abort", c, { once: !0 }), a.cleanup.push(() => a.options.signal?.removeEventListener("abort", c));
     }
-    this._active.push(a), e.appendChild(r), r.openDialog(), this._updateStackZIndex();
+    this._active.push(a), e.appendChild(t), t.openDialog(), this._updateStackZIndex();
   }
-  _settle(a, e, r, i = !0) {
+  _settle(a, e, t, i = !0) {
     if (!a.settled) {
-      if (a.settled = !0, this._cleanupRequest(a), this._active = this._active.filter((t) => t !== a), this._queue = this._queue.filter((t) => t !== a), a.dialog) {
-        const t = a.dialog;
-        !r && t.open && t.close("dismiss", e.source || "abort", e.reason), t.parentElement && t.parentElement.removeChild(t);
+      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;
+        !t && r.open && r.close("dismiss", e.source || "abort", e.reason), r.parentElement && r.parentElement.removeChild(r);
       }
       a.resolve(e), this._updateStackZIndex(), !this._disposed && i && this._drainQueue();
     }
@@ -497,7 +497,7 @@ class W {
     };
   }
   _ensureContainer() {
-    if (!E()) return null;
+    if (!I()) 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;
@@ -509,36 +509,36 @@ class W {
     }
   }
 }
-let m = null;
-function G(n = {}) {
-  return new W(n.container ?? null);
+let b = null;
+function J(n = {}) {
+  return new K(n.container ?? null);
 }
-function L() {
-  return m || (m = G()), m;
+function M() {
+  return b || (b = J()), b;
 }
-function ma(n = {}) {
-  return L().open(n);
+function ya(n = {}) {
+  return M().open(n);
 }
-function xa(n = {}) {
-  return L().confirm(n);
+function wa(n = {}) {
+  return M().confirm(n);
 }
-function ha(n = "programmatic") {
-  m && (m.destroy(n), m = null);
+function ka(n = "programmatic") {
+  b && (b.destroy(n), b = 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);
+const Y = ["1", "2", "3", "4"], q = { 1: "24px", 2: "32px", 3: "40px", 4: "48px" }, aa = { 1: "12px", 2: "14px", 3: "16px", 4: "18px" }, ea = { 1: "8px", 2: "12px", 3: "16px", 4: "20px" }, na = { 1: 0, 2: 0, 3: 2, 4: 4 };
+function ta(n) {
+  const a = n.palette?.gray || {}, e = n.palette?.accent || {}, t = n.radiusScale || {}, i = n.colors, r = {}, s = (c, d) => {
+    d && (r[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;
+  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), r["--ui-ring-width"] = "2px", r["--ui-ring-offset"] = "2px";
+  for (const c of Y) {
+    r[`--ui-control-height-${c}`] = q[c], r[`--ui-control-font-size-${c}`] = aa[c], r[`--ui-control-padding-inline-${c}`] = ea[c];
+    const d = na[c], f = n.radius || t[2] || "6px";
+    r[`--ui-control-radius-${c}`] = d ? `calc(${f} + ${d}px)` : f;
   }
-  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;
+  return r["--ui-motion-enter-easing"] = "cubic-bezier(0.16, 1, 0.3, 1)", r["--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"), r;
 }
-const O = {
+const R = {
   1: "#0000000d",
   2: "#0000001a",
   3: "#00000026",
@@ -551,7 +551,7 @@ const O = {
   10: "#000c",
   11: "#000000e6",
   12: "#000000f2"
-}, I = {
+}, $ = {
   1: "#ffffff0d",
   2: "#ffffff1a",
   3: "#ffffff26",
@@ -564,7 +564,7 @@ const O = {
   10: "#fffc",
   11: "#ffffffe6",
   12: "#fffffff2"
-}, f = {
+}, u = {
   amber: {
     light: {
       scale: {
@@ -915,7 +915,7 @@ const O = {
       track: "#7b7b7b"
     }
   }
-}, ea = {
+}, ra = {
   button: {
     "classic-after-inset": "2px",
     "classic-box-shadow-top": "inset 0 0 0 1px var(--gray-a5), inset 0 1px 1px var(--white-a10)",
@@ -1164,7 +1164,7 @@ const O = {
   input: {
     bg: "var(--color-panel-solid)"
   }
-}, na = {
+}, ia = {
   button: {
     "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)",
@@ -1414,41 +1414,41 @@ const O = {
     bg: "var(--color-panel-solid)"
   }
 };
-function b(n) {
+function w(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 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;
+  const e = a.length === 3 ? a.replace(/./g, (i) => i + i) : a.slice(0, 6), t = (i) => {
+    const r = parseInt(e.slice(i, i + 2), 16) / 255;
+    return r <= 0.03928 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4;
   };
-  return 0.2126 * r(0) + 0.7152 * r(2) + 0.0722 * r(4);
+  return 0.2126 * t(0) + 0.7152 * t(2) + 0.0722 * t(4);
 }
-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 v(n, a) {
+  const e = w(n), t = w(a);
+  return e === null || t === null ? null : (Math.max(e, t) + 0.05) / (Math.min(e, t) + 0.05);
 }
-function ra(n, a) {
+function oa(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") };
+  const t = e.foregroundOnPrimary;
+  return a ? e.primary === a.colors?.primary ? {} : t && t !== a.colors?.foregroundOnPrimary ? {} : { foregroundOnPrimary: k(e.primary, a.colors?.foregroundOnPrimary || "#ffffff") } : t ? {} : { foregroundOnPrimary: k(e.primary, "#ffffff") };
 }
-function v(n, a) {
-  const e = _(a, n);
+function k(n, a) {
+  const e = v(a, n);
   if (e === null || e >= 4.5) return a;
-  const r = _("#ffffff", n) ?? 0;
-  return (_("#111111", n) ?? 0) > r ? "#111111" : "#ffffff";
+  const t = v("#ffffff", n) ?? 0;
+  return (v("#111111", n) ?? 0) > t ? "#111111" : "#ffffff";
 }
-function P(n) {
+function H(n) {
   return {
     primary: n.scale[9],
     primaryHover: n.scale[10] || n.scale[9],
-    foregroundOnPrimary: v(n.scale[9], n.contrast),
+    foregroundOnPrimary: k(n.scale[9], n.contrast),
     focusRing: n.scale[8] || n.scale[9],
     warning: n.scale[9]
   };
 }
-const y = {
+const _ = {
   colors: {
     primary: "#ffc53d",
     primaryHover: "#ffba18",
@@ -1494,18 +1494,18 @@ const y = {
       11: "#0000009b",
       12: "#000000df"
     },
-    blackAlpha: O,
-    whiteAlpha: I,
+    blackAlpha: R,
+    whiteAlpha: $,
     accent: {
-      ...f.amber.light.scale
+      ...u.amber.light.scale
     },
     accentAlpha: {
-      ...f.amber.light.alphaScale
+      ...u.amber.light.alphaScale
     },
-    accentContrast: f.amber.light.contrast,
-    accentSurface: f.amber.light.surface,
-    accentIndicator: f.amber.light.indicator,
-    accentTrack: f.amber.light.track
+    accentContrast: u.amber.light.contrast,
+    accentSurface: u.amber.light.surface,
+    accentIndicator: u.amber.light.indicator,
+    accentTrack: u.amber.light.track
   },
   surfaces: {
     background: "#ffffff",
@@ -1603,11 +1603,11 @@ const y = {
   effects: {
     backdropFilterPanel: "blur(64px)"
   },
-  components: ea,
+  components: ra,
   zIndex: { modal: 1e3, overlay: 900, toast: 1100 },
   breakpoints: { sm: "640px", md: "768px", lg: "1024px" }
-}, ta = {
-  ...y,
+}, sa = {
+  ..._,
   colors: {
     primary: "#ffc53d",
     primaryHover: "#ffd60a",
@@ -1625,7 +1625,7 @@ const y = {
     info: "#4cc3d6"
   },
   palette: {
-    ...y.palette,
+    ..._.palette,
     gray: {
       1: "#111",
       2: "#191919",
@@ -1654,18 +1654,18 @@ const y = {
       11: "#ffffffaf",
       12: "#ffffffed"
     },
-    blackAlpha: O,
-    whiteAlpha: I,
+    blackAlpha: R,
+    whiteAlpha: $,
     accent: {
-      ...f.amber.dark.scale
+      ...u.amber.dark.scale
     },
     accentAlpha: {
-      ...f.amber.dark.alphaScale
+      ...u.amber.dark.alphaScale
     },
-    accentContrast: f.amber.dark.contrast,
-    accentSurface: f.amber.dark.surface,
-    accentIndicator: f.amber.dark.indicator,
-    accentTrack: f.amber.dark.track
+    accentContrast: u.amber.dark.contrast,
+    accentSurface: u.amber.dark.surface,
+    accentIndicator: u.amber.dark.indicator,
+    accentTrack: u.amber.dark.track
   },
   surfaces: {
     background: "#111111",
@@ -1687,141 +1687,141 @@ const y = {
     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: na
-}, ba = y, D = /* @__PURE__ */ new Set();
+  components: ia
+}, _a = _, F = /* @__PURE__ */ new Set();
 function p(n, a) {
   if (!(!n && !a))
     return { ...n || {}, ...a || {} };
 }
-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) {
+function ca(n) {
+  const a = n?.colors, e = n?.surfaces || {}, t = {};
+  if (!a) return t;
+  if (a.background && !e.background && (t.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);
+    e.surface || (t.surface = a.surface), e.panelSolid || (t.panelSolid = a.surface), e.panel || (t.panel = i), e.panelTranslucent || (t.panelTranslucent = i);
   }
-  return r;
+  return t;
 }
-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 ? {
+function S(n, a) {
+  const e = a?.mode || "light", t = e === "dark" ? sa : _, i = a?.accentPalette, r = i ? u[i][e] : null, s = r ? {
     colors: {
-      ...P(t)
+      ...H(r)
     },
     palette: {
-      accent: t.scale,
-      accentAlpha: t.alphaScale,
-      accentContrast: t.contrast,
-      accentSurface: t.surface,
-      accentIndicator: t.indicator,
-      accentTrack: t.track
+      accent: r.scale,
+      accentAlpha: r.alphaScale,
+      accentContrast: r.contrast,
+      accentSurface: r.surface,
+      accentIndicator: r.indicator,
+      accentTrack: r.track
     }
   } : null;
   return {
-    ...r,
+    ...t,
     ...n,
     colors: {
-      ...r.colors,
+      ...t.colors,
       ...s?.colors || {},
       ...n?.colors || {},
-      ...ra(n)
+      ...oa(n)
     },
     palette: {
-      ...r.palette || {},
+      ...t.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)
+      gray: p(t.palette?.gray, n?.palette?.gray),
+      grayAlpha: p(t.palette?.grayAlpha, n?.palette?.grayAlpha),
+      blackAlpha: p(t.palette?.blackAlpha, n?.palette?.blackAlpha),
+      whiteAlpha: p(t.palette?.whiteAlpha, n?.palette?.whiteAlpha),
+      accent: p(r?.scale || t.palette?.accent, n?.palette?.accent),
+      accentAlpha: p(r?.alphaScale || t.palette?.accentAlpha, n?.palette?.accentAlpha)
     },
     surfaces: {
-      ...r.surfaces || {},
-      ...ia(n),
+      ...t.surfaces || {},
+      ...ca(n),
       ...n?.surfaces || {}
     },
     shadows: {
-      ...r.shadows || {},
+      ...t.shadows || {},
       ...n?.shadows || {}
     },
     spacing: {
-      ...r.spacing || {},
+      ...t.spacing || {},
       ...n?.spacing || {}
     },
-    spaceScale: p(r.spaceScale, n?.spaceScale),
-    radiusScale: p(r.radiusScale, n?.radiusScale),
+    spaceScale: p(t.spaceScale, n?.spaceScale),
+    radiusScale: p(t.radiusScale, n?.radiusScale),
     typography: {
-      ...r.typography || {},
+      ...t.typography || {},
       ...n?.typography || {},
       size: {
-        ...r.typography?.size || {},
+        ...t.typography?.size || {},
         ...n?.typography?.size || {}
       },
-      fontScale: p(r.typography?.fontScale, n?.typography?.fontScale),
-      lineHeight: p(r.typography?.lineHeight, n?.typography?.lineHeight),
-      letterSpacing: p(r.typography?.letterSpacing, n?.typography?.letterSpacing)
+      fontScale: p(t.typography?.fontScale, n?.typography?.fontScale),
+      lineHeight: p(t.typography?.lineHeight, n?.typography?.lineHeight),
+      letterSpacing: p(t.typography?.letterSpacing, n?.typography?.letterSpacing)
     },
     motion: {
-      ...r.motion || {},
+      ...t.motion || {},
       ...n?.motion || {}
     },
     effects: {
-      ...r.effects || {},
+      ...t.effects || {},
       ...n?.effects || {}
     },
     components: {
-      ...r.components || {},
+      ...t.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)
+      button: p(t.components?.button, n?.components?.button),
+      badge: p(t.components?.badge, n?.components?.badge),
+      dropdown: p(t.components?.dropdown, n?.components?.dropdown),
+      select: p(t.components?.select, n?.components?.select),
+      sidebar: p(t.components?.sidebar, n?.components?.sidebar),
+      card: p(t.components?.card, n?.components?.card),
+      navigationMenu: p(t.components?.navigationMenu, n?.components?.navigationMenu),
+      blockControls: p(t.components?.blockControls, n?.components?.blockControls),
+      box: p(t.components?.box, n?.components?.box),
+      breadcrumb: p(t.components?.breadcrumb, n?.components?.breadcrumb),
+      contextMenu: p(t.components?.contextMenu, n?.components?.contextMenu),
+      menubar: p(t.components?.menubar, n?.components?.menubar),
+      alert: p(t.components?.alert, n?.components?.alert),
+      alertDialog: p(t.components?.alertDialog, n?.components?.alertDialog),
+      appHeader: p(t.components?.appHeader, n?.components?.appHeader),
+      aspectRatio: p(t.components?.aspectRatio, n?.components?.aspectRatio),
+      avatar: p(t.components?.avatar, n?.components?.avatar),
+      menu: p(t.components?.menu, n?.components?.menu),
+      multiSelect: p(t.components?.multiSelect, n?.components?.multiSelect),
+      panel: p(t.components?.panel, n?.components?.panel),
+      input: p(t.components?.input, n?.components?.input)
     },
     zIndex: {
-      ...r.zIndex || {},
+      ...t.zIndex || {},
       ...n?.zIndex || {}
     },
     breakpoints: {
-      ...r.breakpoints || {},
+      ...t.breakpoints || {},
       ...n?.breakpoints || {}
     }
   };
 }
-function va(n, a, e = "light") {
-  const r = f[a][e], i = n;
-  return w(
+function Sa(n, a, e = "light") {
+  const t = u[a][e], i = n;
+  return S(
     {
       ...i,
       colors: {
         ...i.colors || {},
-        ...P(r)
+        ...H(t)
       },
       palette: {
         ...i.palette || {},
-        accent: r.scale,
-        accentAlpha: r.alphaScale,
-        accentContrast: r.contrast,
-        accentSurface: r.surface,
-        accentIndicator: r.indicator,
-        accentTrack: r.track
+        accent: t.scale,
+        accentAlpha: t.alphaScale,
+        accentContrast: t.contrast,
+        accentSurface: t.surface,
+        accentIndicator: t.indicator,
+        accentTrack: t.track
       }
     },
     { mode: e }
@@ -1831,120 +1831,176 @@ function o(n, a, e) {
   n[a] = e;
 }
 function l(n, a, e) {
-  e && Object.entries(e).forEach(([r, i]) => {
-    typeof i == "string" && i && (n[`${a}${r}`] = i);
+  e && Object.entries(e).forEach(([t, i]) => {
+    typeof i == "string" && i && (n[`${a}${t}`] = i);
   });
 }
-function ya(n) {
-  n && D.add(n);
+function Ca(n) {
+  n && F.add(n);
 }
-function oa(n) {
-  return M(w(n));
+function la(n) {
+  return j(S(n));
+}
+const pa = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i;
+function E(n) {
+  const a = pa.exec(n.trim());
+  if (!a) return null;
+  const e = a[1].length === 3 ? a[1].replace(/./g, (t) => t + t) : a[1];
+  return [parseInt(e.slice(0, 2), 16), parseInt(e.slice(2, 4), 16), parseInt(e.slice(4, 6), 16)];
 }
-function sa(n) {
+function z(n, a, e) {
+  const t = E(n), i = E(a);
+  return !t || !i ? null : "#" + t.map((s, c) => Math.round(s + (i[c] - s) * e)).map((s) => s.toString(16).padStart(2, "0")).join("");
+}
+function da(n) {
+  const a = {}, e = n.colors, t = e.surface || e.background, i = e.text;
+  if (!t || !i) return a;
+  const r = [
+    // the accent's text step (Radix step 11) can sit just under 4.5:1 (amber is 4.49:1 on near-white)
+    ["accent", n.palette?.accent?.["11"] || e.primary],
+    ["danger", e.danger],
+    ["success", e.success],
+    ["warning", e.warning],
+    ["info", e.info]
+  ];
+  for (const [s, c] of r) {
+    if (!c) continue;
+    if (!E(c)) {
+      a[`--ui-color-${s}-text`] = `color-mix(in srgb, ${c} 62%, ${i})`;
+      continue;
+    }
+    const d = z(c, t, 0.86);
+    let f = c;
+    for (let g = 0; g <= 18; g += 1) {
+      const m = z(c, i, g * 0.05);
+      if (!m) break;
+      f = m;
+      const x = v(m, t) ?? 0, C = d ? v(m, d) ?? 0 : x;
+      if (x >= 5.5 && C >= 5) break;
+    }
+    if (a[`--ui-color-${s}-text`] = f, s === "danger" || s === "success") {
+      let g = c;
+      for (let m = 0; m <= 12; m += 1) {
+        const x = z(c, "#000000", m * 0.05);
+        if (!x || (g = x, (v("#ffffff", x) ?? 0) >= 4.6)) break;
+      }
+      a[`--ui-color-${s}-solid`] = g, a[`--ui-color-foreground-on-${s}`] = "#ffffff";
+    }
+  }
+  return a;
+}
+function fa(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;
+  const t = (m, x, C) => `color-mix(in srgb, ${m} ${x}%, ${C})`, i = a.surface || a.background, r = 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 = {
+  const d = a.background ? w(a.background) : null, f = s?.["1"] ? w(s[1]) : null;
+  i && r && d !== null && f !== null && d < 0.4 != f < 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
+    2: t(r, 4, i),
+    3: t(r, 8, i),
+    4: t(r, 12, i),
+    5: t(r, 16, i),
+    6: t(r, 20, i),
+    7: t(r, 28, i),
+    8: t(r, 40, i),
+    11: a.muted || r,
+    12: r
   });
-  const x = c?.["9"];
-  return i && t && a.primary && x && x.trim().toLowerCase() !== a.primary.trim().toLowerCase() && (c = {
+  const g = c?.["9"];
+  return i && r && a.primary && g && g.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),
+    2: t(a.primary, 6, i),
+    3: t(a.primary, 14, i),
+    4: t(a.primary, 20, i),
+    5: t(a.primary, 26, i),
+    7: t(a.primary, 42, i),
     9: a.primary,
     10: a.primaryHover || a.primary,
-    11: r(a.primary, 60, t)
+    11: t(a.primary, 60, r)
   }), s === e.gray && c === e.accent ? n : { ...n, palette: { ...e, gray: s, accent: c } };
 }
-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 j(n) {
+  const a = fa(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, ta(a)), Object.assign(e, da(a)), o(e, "--ui-color-foreground-on-warning", k(a.colors.warning || a.colors.primary, "#ffffff")), e;
 }
-function T(n, a) {
-  Object.entries(a).forEach(([e, r]) => {
+function P(n, a) {
+  Object.entries(a).forEach(([e, t]) => {
     try {
-      n.style.setProperty(e, r);
+      n.style.setProperty(e, t);
     } catch {
     }
   });
 }
-function wa(n, a = ":root") {
-  const e = Object.entries(oa(n)).map(([r, i]) => `  ${r}: ${i};`).join(`
+function za(n, a = ":root") {
+  const e = Object.entries(la(n)).map(([t, i]) => `  ${t}: ${i};`).join(`
 `);
   return `${a} {
 ${e}
 }
 `;
 }
-function R(n) {
+function B(n) {
   return n === document ? document.documentElement : n instanceof ShadowRoot ? n.host : n;
 }
-function ca(n, a = typeof document < "u" ? document : null) {
+function ua(n, a = typeof document < "u" ? document : null) {
   if (!a) return;
-  const e = M(w(n)), r = a === document || a instanceof ShadowRoot, i = R(a);
-  if (T(i, e), r)
-    for (const t of D)
+  const e = j(S(n)), t = a === document || a instanceof ShadowRoot, i = B(a);
+  if (P(i, e), D(i, e["--ui-color-background"]), t)
+    for (const r of F)
       try {
-        T(t, e);
+        P(r, e), D(r, e["--ui-color-background"]);
       } catch {
       }
 }
-function ka(n = {}) {
+function D(n, a) {
+  const e = a ? w(a) : null;
+  if (e !== null)
+    try {
+      n.style.setProperty("color-scheme", e < 0.179 ? "dark" : "light");
+    } catch {
+    }
+}
+function Ea(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);
+  const e = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(prefers-color-scheme: dark)") : null, t = (r) => {
+    const s = r ? "dark" : "light";
+    ua(S(r ? n.dark : n.light, { accentPalette: n.accentPalette, mode: s }), a);
+    const c = B(a);
     c.setAttribute("data-ui-mode", s), c.style.setProperty("color-scheme", s);
   };
-  if (r(!!e?.matches), !e) return () => {
+  if (t(!!e?.matches), !e) return () => {
   };
-  const i = (t) => r(t.matches);
+  const i = (r) => t(r.matches);
   return typeof e.addEventListener == "function" ? (e.addEventListener("change", i), () => e.removeEventListener("change", i)) : (e.addListener(i), () => e.removeListener(i));
 }
 export {
-  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
+  Q as A,
+  K as D,
+  xa as a,
+  Ea as b,
+  ua as c,
+  u as d,
+  sa as e,
+  _ as f,
+  ha as g,
+  wa as h,
+  W as i,
+  J as j,
+  S as k,
+  _a as l,
+  oa as m,
+  ta as n,
+  ca as o,
+  va as p,
+  ka as q,
+  ba as r,
+  k as s,
+  Ca as t,
+  ya as u,
+  za as v,
+  la as w,
+  Sa as x
 };