@editora/ui-core 0.2.1 → 0.3.0

package/dist/{runtime-BRT7E4A8.mjs → runtime-CORXjP7e.mjs}

@@ -3,58 +3,58 @@ import "./positioner-BE8Nbho2.mjs";
 function A() {
   return typeof window < "u" && typeof document < "u";
 }
-function B(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 V(t) {
+  return t ? typeof t == "string" ? t : t instanceof Error && t.message ? t.message : "Something went wrong. Please try again." : "Something went wrong. Please try again.";
 }
-function N(n) {
-  return n === "replace" || n === "stack" ? n : "queue";
+function Z(t) {
+  return t === "replace" || t === "stack" ? t : "queue";
 }
-function L(n) {
-  return `ui-alert-dialog-${n}`;
+function L(t) {
+  return `ui-alert-dialog-${t}`;
 }
-function V(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 ?? "";
+function U(t, a) {
+  const e = t.kind === "alert" && a.action === "cancel" ? "dismiss" : a.action, n = t.dialog?.getChecked();
+  if (t.kind === "prompt") {
+    const i = t.dialog?.getInputValue() ?? t.value ?? "";
     return {
-      id: n.id,
+      id: t.id,
       action: e,
       value: i,
-      checked: t,
+      checked: n,
       source: a.source,
       reason: a.reason
     };
   }
   return {
-    id: n.id,
+    id: t.id,
     action: e,
-    value: n.value,
-    checked: t,
+    value: t.value,
+    checked: n,
     source: a.source,
     reason: a.reason
   };
 }
-function y(n, a, e) {
-  return n.kind === "prompt" ? {
-    id: n.id,
+function y(t, a, e) {
+  return t.kind === "prompt" ? {
+    id: t.id,
     action: "dismiss",
-    value: n.dialog?.getInputValue() ?? n.value ?? "",
-    checked: n.dialog?.getChecked(),
+    value: t.dialog?.getInputValue() ?? t.value ?? "",
+    checked: t.dialog?.getChecked(),
     source: a,
     reason: e
   } : {
-    id: n.id,
+    id: t.id,
     action: "dismiss",
-    value: n.value,
-    checked: n.dialog?.getChecked(),
+    value: t.value,
+    checked: t.dialog?.getChecked(),
     source: a,
     reason: e
   };
 }
-function Z(n) {
-  return n === "esc" || n === "backdrop" || n === "close-icon" || n === "abort" || n === "unmount" || n === "replace" || n === "programmatic" ? n : "abort";
+function G(t) {
+  return t === "esc" || t === "backdrop" || t === "close-icon" || t === "abort" || t === "unmount" || t === "replace" || t === "programmatic" ? t : "abort";
 }
-class U {
+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,39 +77,39 @@ class U {
     this._disposed = !0;
     const e = [...this._active, ...this._queue];
     this._queue = [];
-    for (const t of e)
-      this._settle(t, y(t, a), !1);
+    for (const n of e)
+      this._settle(n, y(n, a), !1);
     this._active = [], this._ownsContainer && this._container && this._container.parentElement && this._container.parentElement.removeChild(this._container), this._container = null, this._ownsContainer = !1;
   }
   _enqueue(a, e) {
-    const t = this._mergeOptions(e);
+    const n = this._mergeOptions(e);
     if (!A() || this._disposed) {
       const s = {
-        id: t.id || L(++this._seed),
+        id: n.id || L(++this._seed),
         action: "dismiss",
         source: "unmount"
       };
       return Promise.resolve(s);
     }
-    const i = t.id || L(++this._seed), r = N(t.mode);
+    const i = n.id || L(++this._seed), r = Z(n.mode);
     return new Promise((s) => {
       const c = {
         id: i,
         kind: a,
         mode: r,
-        options: t,
+        options: n,
         settled: !1,
         processing: !1,
         resolve: s,
         cleanup: []
       };
-      if (t.signal?.aborted) {
+      if (n.signal?.aborted) {
         this._settle(c, y(c, "abort"), !1);
         return;
       }
       if (r === "replace") {
-        const d = this._active[this._active.length - 1];
-        d && this._settle(d, y(d, "replace", "replace"), !1, !1), this._open(c);
+        const l = this._active[this._active.length - 1];
+        l && this._settle(l, y(l, "replace", "replace"), !1, !1), this._open(c);
         return;
       }
       if (r === "stack") {
@@ -129,62 +129,62 @@ class U {
       this._settle(a, y(a, "unmount"), !1);
       return;
     }
-    const t = document.createElement("ui-alert-dialog");
-    a.dialog = t, a.checked = !!a.options.checkbox?.defaultChecked;
+    const n = document.createElement("ui-alert-dialog");
+    a.dialog = n, a.checked = !!a.options.checkbox?.defaultChecked;
     const i = this._buildConfig(a);
-    t.dialogId = a.id, t.config = i;
-    const r = (d) => {
+    n.dialogId = a.id, n.config = i;
+    const r = (l) => {
       if (a.settled) return;
-      const f = d.detail;
+      const f = l.detail;
       a.value = f?.inputValue, a.checked = f?.checked;
-      const g = this._validatePrompt(a);
-      if (g) {
-        d.preventDefault(), t.setError(g);
+      const u = this._validatePrompt(a);
+      if (u) {
+        l.preventDefault(), n.setError(u);
         return;
       }
       if (!a.options.onConfirm) {
-        t.clearError();
+        n.clearError();
         return;
       }
-      d.preventDefault(), a.processing = !0, t.state = "loading", t.clearError(), Promise.resolve(
+      l.preventDefault(), a.processing = !0, n.state = "loading", n.clearError(), Promise.resolve(
         a.options.onConfirm({
           id: a.id,
           value: a.value,
           checked: a.checked,
-          dialog: t,
+          dialog: n,
           signal: a.options.signal
         })
       ).then(() => {
-        a.processing = !1, t.state = "idle", t.clearError(), a.settled || t.close("confirm");
-      }).catch((m) => {
-        a.processing = !1, t.state = "error", t.setError(B(m));
+        a.processing = !1, n.state = "idle", n.clearError(), a.settled || n.close("confirm");
+      }).catch((x) => {
+        a.processing = !1, n.state = "error", n.setError(V(x));
       });
     }, s = () => {
-      a.settled || (a.value = t.getInputValue(), a.checked = t.getChecked(), t.state === "error" && t.clearError());
-    }, c = (d) => {
+      a.settled || (a.value = n.getInputValue(), a.checked = n.getChecked(), n.state === "error" && n.clearError());
+    }, c = (l) => {
       if (a.settled) return;
-      const f = d.detail;
+      const f = l.detail;
       this._handleClose(a, f);
     };
-    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 = () => {
+    if (n.addEventListener("ui-confirm", r), n.addEventListener("ui-change", s), n.addEventListener("ui-close", c), a.cleanup.push(() => n.removeEventListener("ui-confirm", r)), a.cleanup.push(() => n.removeEventListener("ui-change", s)), a.cleanup.push(() => n.removeEventListener("ui-close", c)), a.options.signal) {
+      const l = () => {
         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));
+      a.options.signal.addEventListener("abort", l, { once: !0 }), a.cleanup.push(() => a.options.signal?.removeEventListener("abort", l));
     }
-    this._active.push(a), e.appendChild(t), t.open = !0, this._updateStackZIndex();
+    this._active.push(a), e.appendChild(n), n.open = !0, this._updateStackZIndex();
   }
   _validatePrompt(a) {
     if (a.kind !== "prompt") return 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;
+    const n = a.options.input, i = a.dialog?.getInputValue() ?? a.value ?? "";
+    return n?.required && !i.trim() ? "Please enter a value." : n?.validate ? n.validate(i) : null;
   }
-  _settle(a, e, t, i = !0) {
+  _settle(a, e, n, i = !0) {
     if (!a.settled) {
       if (a.settled = !0, this._cleanupRequest(a), this._active = this._active.filter((r) => r !== a), this._queue = this._queue.filter((r) => r !== a), a.dialog) {
         const r = a.dialog;
-        if (!t && r.open) {
-          const s = Z(e.source);
+        if (!n && r.open) {
+          const s = G(e.source);
           r.close("dismiss", s, e.reason);
         }
         r.parentElement && r.parentElement.removeChild(r);
@@ -205,7 +205,7 @@ class U {
     a && this._open(a);
   }
   _buildConfig(a) {
-    const e = a.options, t = a.kind === "prompt", i = a.kind === "alert", r = t ? e.input : void 0;
+    const e = a.options, n = a.kind === "prompt", i = a.kind === "alert", r = n ? e.input : void 0;
     return {
       id: a.id,
       title: e.title,
@@ -219,7 +219,7 @@ class U {
       closeOnBackdrop: e.closeOnBackdrop,
       lockWhileLoading: e.lockWhileLoading ?? !0,
       role: e.role || "alertdialog",
-      tone: e.tone || (i ? "info" : t ? "neutral" : "warning"),
+      tone: e.tone || (i ? "info" : n ? "neutral" : "warning"),
       size: e.size || "md",
       variant: e.variant || "surface",
       radius: e.radius,
@@ -233,7 +233,7 @@ class U {
       showCancel: !i,
       showClose: e.dismissible ?? !0,
       input: {
-        enabled: t,
+        enabled: n,
         label: r?.label,
         placeholder: r?.placeholder,
         value: r?.defaultValue || "",
@@ -256,10 +256,10 @@ class U {
     };
   }
   _handleClose(a, e) {
-    const t = V(a, e);
+    const n = U(a, e);
     if (e.action === "cancel" && a.options.onCancel) {
       Promise.resolve(a.options.onCancel(this._buildLifecycleContext(a))).finally(() => {
-        this._settle(a, t, !0);
+        this._settle(a, n, !0);
       });
       return;
     }
@@ -271,11 +271,11 @@ class U {
           reason: e.reason
         })
       ).finally(() => {
-        this._settle(a, t, !0);
+        this._settle(a, n, !0);
       });
       return;
     }
-    this._settle(a, t, !0);
+    this._settle(a, n, !0);
   }
   _mergeOptions(a) {
     const e = this._defaults;
@@ -302,37 +302,37 @@ class U {
   }
 }
 let h = null;
-function Q(n = {}) {
-  return new U(n.container ?? null);
+function W(t = {}) {
+  return new Q(t.container ?? null);
 }
 function T() {
-  return h || (h = Q()), h;
+  return h || (h = W()), h;
 }
-function ma(n = {}) {
-  return T().alert(n);
+function ha(t = {}) {
+  return T().alert(t);
 }
-function xa(n = {}) {
-  return T().confirm(n);
+function ba(t = {}) {
+  return T().confirm(t);
 }
-function ha(n = {}) {
-  return T().prompt(n);
+function va(t = {}) {
+  return T().prompt(t);
 }
-function ba(n = "programmatic") {
-  h && (h.destroy(n), h = null);
+function ya(t = "programmatic") {
+  h && (h.destroy(t), h = null);
 }
 function I() {
   return typeof window < "u" && typeof document < "u";
 }
-function W(n) {
-  return n === "replace" || n === "stack" ? n : "queue";
+function X(t) {
+  return t === "replace" || t === "stack" ? t : "queue";
 }
-function O(n) {
-  return `ui-dialog-${n}`;
+function O(t) {
+  return `ui-dialog-${t}`;
 }
-function G(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 K(t) {
+  return t ? typeof t == "string" ? t : t instanceof Error && t.message ? t.message : "Something went wrong. Please try again." : "Something went wrong. Please try again.";
 }
-class X {
+class Y {
   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 X {
     this._disposed = !0;
     const e = [...this._active, ...this._queue];
     this._queue = [];
-    for (const t of e)
-      this._settle(t, {
-        id: t.id,
+    for (const n of e)
+      this._settle(n, {
+        id: n.id,
         action: "dismiss",
         source: a,
         reason: a
@@ -365,11 +365,11 @@ class X {
         action: "dismiss",
         source: "unmount"
       });
-    const e = a.id || O(++this._seed), t = W(a.mode);
+    const e = a.id || O(++this._seed), n = X(a.mode);
     return new Promise((i) => {
       const r = {
         id: e,
-        mode: t,
+        mode: n,
         options: a,
         settled: !1,
         resolve: i,
@@ -379,12 +379,12 @@ class X {
         this._settle(r, { id: e, action: "dismiss", source: "abort" }, !1);
         return;
       }
-      if (t === "replace") {
+      if (n === "replace") {
         const s = this._active[this._active.length - 1];
         s && this._settle(s, { id: s.id, action: "dismiss", source: "replace", reason: "replace" }, !1, !1), this._open(r);
         return;
       }
-      if (t === "stack") {
+      if (n === "stack") {
         this._open(r);
         return;
       }
@@ -405,41 +405,41 @@ class X {
       }, !1);
       return;
     }
-    const t = document.createElement("ui-dialog");
-    a.dialog = t;
+    const n = document.createElement("ui-dialog");
+    a.dialog = n;
     const i = this._buildConfig(a.options, a.id);
-    t.dialogId = a.id, t.config = i;
+    n.dialogId = a.id, n.config = i;
     const r = (c) => {
       if (a.settled) return;
-      const d = c.detail;
-      if (a.resultFormData = d?.formData, !a.options.onSubmit) {
-        t.clearError();
+      const l = c.detail;
+      if (a.resultFormData = l?.formData, !a.options.onSubmit) {
+        n.clearError();
         return;
       }
-      c.preventDefault(), t.state = "loading", t.clearError(), Promise.resolve(
+      c.preventDefault(), n.state = "loading", n.clearError(), Promise.resolve(
         a.options.onSubmit({
           id: a.id,
-          dialog: t,
+          dialog: n,
           signal: a.options.signal,
-          formData: d?.formData
+          formData: l?.formData
         })
       ).then(() => {
-        a.settled || (t.state = "idle", t.clearError(), t.close("submit"));
+        a.settled || (n.state = "idle", n.clearError(), n.close("submit"));
       }).catch((f) => {
-        t.state = "error", t.setError(G(f));
+        n.state = "error", n.setError(K(f));
       });
     }, s = (c) => {
       if (a.settled) return;
-      const d = c.detail;
+      const l = c.detail;
       this._settle(a, {
         id: a.id,
-        action: d.action,
-        source: d.source,
-        reason: d.reason,
+        action: l.action,
+        source: l.source,
+        reason: l.reason,
         formData: a.resultFormData
       }, !0);
     };
-    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) {
+    if (n.addEventListener("ui-submit", r), n.addEventListener("ui-close", s), a.cleanup.push(() => n.removeEventListener("ui-submit", r)), a.cleanup.push(() => n.removeEventListener("ui-close", s)), a.options.signal) {
       const c = () => {
         a.settled || this._settle(a, {
           id: a.id,
@@ -449,13 +449,13 @@ class X {
       };
       a.options.signal.addEventListener("abort", c, { once: !0 }), a.cleanup.push(() => a.options.signal?.removeEventListener("abort", c));
     }
-    this._active.push(a), e.appendChild(t), t.openDialog(), this._updateStackZIndex();
+    this._active.push(a), e.appendChild(n), n.openDialog(), this._updateStackZIndex();
   }
-  _settle(a, e, t, i = !0) {
+  _settle(a, e, n, i = !0) {
     if (!a.settled) {
       if (a.settled = !0, this._cleanupRequest(a), this._active = this._active.filter((r) => r !== a), this._queue = this._queue.filter((r) => r !== a), a.dialog) {
         const r = a.dialog;
-        !t && r.open && r.close("dismiss", e.source || "abort", e.reason), r.parentElement && r.parentElement.removeChild(r);
+        !n && 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();
     }
@@ -510,35 +510,49 @@ class X {
   }
 }
 let b = null;
-function K(n = {}) {
-  return new X(n.container ?? null);
+function J(t = {}) {
+  return new Y(t.container ?? null);
 }
-function D() {
-  return b || (b = K()), b;
+function R() {
+  return b || (b = J()), b;
 }
-function va(n = {}) {
-  return D().open(n);
+function wa(t = {}) {
+  return R().open(t);
 }
-function ya(n = {}) {
-  return D().confirm(n);
+function ka(t = {}) {
+  return R().confirm(t);
 }
-function wa(n = "programmatic") {
-  b && (b.destroy(n), b = null);
+function _a(t = "programmatic") {
+  b && (b.destroy(t), b = null);
 }
-const J = ["1", "2", "3", "4"], Y = { 1: "24px", 2: "32px", 3: "40px", 4: "48px" }, q = { 1: "12px", 2: "14px", 3: "16px", 4: "18px" }, aa = { 1: "8px", 2: "12px", 3: "16px", 4: "20px" }, ea = { 1: 0, 2: 0, 3: 2, 4: 4 };
-function na(n) {
-  const a = n.palette?.gray || {}, e = n.palette?.accent || {}, t = n.radiusScale || {}, i = n.colors, r = {}, s = (c, d) => {
-    d && (r[c] = d);
+const q = ["1", "2", "3", "4"], aa = {
+  compact: { 1: "20px", 2: "28px", 3: "36px", 4: "44px" },
+  default: { 1: "24px", 2: "32px", 3: "40px", 4: "48px" },
+  comfortable: { 1: "28px", 2: "36px", 3: "44px", 4: "52px" }
+}, ea = {
+  compact: { 1: "12px", 2: "13px", 3: "15px", 4: "17px" },
+  default: { 1: "12px", 2: "14px", 3: "16px", 4: "18px" },
+  comfortable: { 1: "13px", 2: "15px", 3: "16px", 4: "18px" }
+}, ta = {
+  compact: { 1: "6px", 2: "10px", 3: "14px", 4: "18px" },
+  default: { 1: "8px", 2: "12px", 3: "16px", 4: "20px" },
+  comfortable: { 1: "10px", 2: "14px", 3: "18px", 4: "22px" }
+}, P = { compact: "6px", default: "8px", comfortable: "12px" }, na = { 1: 0, 2: 0, 3: 2, 4: 4 };
+function ra(t) {
+  const a = t.palette?.gray || {}, e = t.palette?.accent || {}, n = t.radiusScale || {}, i = t.colors, r = {}, s = (l, f) => {
+    f && (r[l] = f);
   };
-  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 J) {
-    r[`--ui-control-height-${c}`] = Y[c], r[`--ui-control-font-size-${c}`] = q[c], r[`--ui-control-padding-inline-${c}`] = aa[c];
-    const d = ea[c], f = n.radius || t[2] || "6px";
-    r[`--ui-control-radius-${c}`] = d ? `calc(${f} + ${d}px)` : f;
+  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-accent-on-dark", i.primary ? `color-mix(in srgb, ${i.primary} 45%, #ffffff)` : void 0), s("--ui-color-surface-elevated", t.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";
+  const c = t.density === "compact" || t.density === "comfortable" ? t.density : "default";
+  r["--ui-density"] = c, r["--ui-density-gap"] = P[c], r["--ui-default-gap"] = P[c];
+  for (const l of q) {
+    r[`--ui-control-height-${l}`] = aa[c][l], r[`--ui-control-font-size-${l}`] = ea[c][l], r[`--ui-control-padding-inline-${l}`] = ta[c][l];
+    const f = na[l], u = t.radius || n[2] || "6px";
+    r[`--ui-control-radius-${l}`] = f ? `calc(${u} + ${f}px)` : u;
   }
-  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;
+  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", t.typography?.codeFamily || "monospace"), s("--font-mono", t.typography?.codeFamily || "monospace"), s("--ui-breakpoint-xl", t.breakpoints?.xl || "1280px"), r;
 }
-const M = {
+const $ = {
   1: "#0000000d",
   2: "#0000001a",
   3: "#00000026",
@@ -551,7 +565,7 @@ const M = {
   10: "#000c",
   11: "#000000e6",
   12: "#000000f2"
-}, R = {
+}, H = {
   1: "#ffffff0d",
   2: "#ffffff1a",
   3: "#ffffff26",
@@ -564,7 +578,7 @@ const M = {
   10: "#fffc",
   11: "#ffffffe6",
   12: "#fffffff2"
-}, u = {
+}, g = {
   amber: {
     light: {
       scale: {
@@ -915,7 +929,7 @@ const M = {
       track: "#7b7b7b"
     }
   }
-}, ta = {
+}, ia = {
   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 +1178,7 @@ const M = {
   input: {
     bg: "var(--color-panel-solid)"
   }
-}, ra = {
+}, oa = {
   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,38 +1428,38 @@ const M = {
     bg: "var(--color-panel-solid)"
   }
 };
-function w(n) {
-  const a = /^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.exec(n.trim())?.[1];
+function w(t) {
+  const a = /^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.exec(t.trim())?.[1];
   if (!a) return null;
-  const e = a.length === 3 ? a.replace(/./g, (i) => i + i) : a.slice(0, 6), t = (i) => {
+  const e = a.length === 3 ? a.replace(/./g, (i) => i + i) : a.slice(0, 6), n = (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 * t(0) + 0.7152 * t(2) + 0.0722 * t(4);
+  return 0.2126 * n(0) + 0.7152 * n(2) + 0.0722 * n(4);
 }
-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 v(t, a) {
+  const e = w(t), n = w(a);
+  return e === null || n === null ? null : (Math.max(e, n) + 0.05) / (Math.min(e, n) + 0.05);
 }
-function ia(n, a) {
-  const e = n?.colors;
+function sa(t, a) {
+  const e = t?.colors;
   if (!e?.primary) return {};
-  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") };
+  const n = e.foregroundOnPrimary;
+  return a ? e.primary === a.colors?.primary ? {} : n && n !== a.colors?.foregroundOnPrimary ? {} : { foregroundOnPrimary: k(e.primary, a.colors?.foregroundOnPrimary || "#ffffff") } : n ? {} : { foregroundOnPrimary: k(e.primary, "#ffffff") };
 }
-function k(n, a) {
-  const e = v(a, n);
+function k(t, a) {
+  const e = v(a, t);
   if (e === null || e >= 4.5) return a;
-  const t = v("#ffffff", n) ?? 0;
-  return (v("#111111", n) ?? 0) > t ? "#111111" : "#ffffff";
+  const n = v("#ffffff", t) ?? 0;
+  return (v("#111111", t) ?? 0) > n ? "#111111" : "#ffffff";
 }
-function $(n) {
+function F(t) {
   return {
-    primary: n.scale[9],
-    primaryHover: n.scale[10] || n.scale[9],
-    foregroundOnPrimary: k(n.scale[9], n.contrast),
-    focusRing: n.scale[8] || n.scale[9],
-    warning: n.scale[9]
+    primary: t.scale[9],
+    primaryHover: t.scale[10] || t.scale[9],
+    foregroundOnPrimary: k(t.scale[9], t.contrast),
+    focusRing: t.scale[8] || t.scale[9],
+    warning: t.scale[9]
   };
 }
 const _ = {
@@ -1494,18 +1508,18 @@ const _ = {
       11: "#0000009b",
       12: "#000000df"
     },
-    blackAlpha: M,
-    whiteAlpha: R,
+    blackAlpha: $,
+    whiteAlpha: H,
     accent: {
-      ...u.amber.light.scale
+      ...g.amber.light.scale
     },
     accentAlpha: {
-      ...u.amber.light.alphaScale
+      ...g.amber.light.alphaScale
     },
-    accentContrast: u.amber.light.contrast,
-    accentSurface: u.amber.light.surface,
-    accentIndicator: u.amber.light.indicator,
-    accentTrack: u.amber.light.track
+    accentContrast: g.amber.light.contrast,
+    accentSurface: g.amber.light.surface,
+    accentIndicator: g.amber.light.indicator,
+    accentTrack: g.amber.light.track
   },
   surfaces: {
     background: "#ffffff",
@@ -1603,10 +1617,10 @@ const _ = {
   effects: {
     backdropFilterPanel: "blur(64px)"
   },
-  components: ta,
+  components: ia,
   zIndex: { modal: 1e3, overlay: 900, toast: 1100 },
   breakpoints: { sm: "640px", md: "768px", lg: "1024px" }
-}, oa = {
+}, ca = {
   ..._,
   colors: {
     primary: "#ffc53d",
@@ -1654,18 +1668,18 @@ const _ = {
       11: "#ffffffaf",
       12: "#ffffffed"
     },
-    blackAlpha: M,
-    whiteAlpha: R,
+    blackAlpha: $,
+    whiteAlpha: H,
     accent: {
-      ...u.amber.dark.scale
+      ...g.amber.dark.scale
     },
     accentAlpha: {
-      ...u.amber.dark.alphaScale
+      ...g.amber.dark.alphaScale
     },
-    accentContrast: u.amber.dark.contrast,
-    accentSurface: u.amber.dark.surface,
-    accentIndicator: u.amber.dark.indicator,
-    accentTrack: u.amber.dark.track
+    accentContrast: g.amber.dark.contrast,
+    accentSurface: g.amber.dark.surface,
+    accentIndicator: g.amber.dark.indicator,
+    accentTrack: g.amber.dark.track
   },
   surfaces: {
     background: "#111111",
@@ -1687,25 +1701,25 @@ const _ = {
     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: ra
-}, ka = _, H = /* @__PURE__ */ new Set();
-function p(n, a) {
-  if (!(!n && !a))
-    return { ...n || {}, ...a || {} };
+  components: oa
+}, Sa = _, j = /* @__PURE__ */ new Set();
+function d(t, a) {
+  if (!(!t && !a))
+    return { ...t || {}, ...a || {} };
 }
-function sa(n) {
-  const a = n?.colors, e = n?.surfaces || {}, t = {};
-  if (!a) return t;
-  if (a.background && !e.background && (t.background = a.background), a.surface) {
+function la(t) {
+  const a = t?.colors, e = t?.surfaces || {}, n = {};
+  if (!a) return n;
+  if (a.background && !e.background && (n.background = a.background), a.surface) {
     const i = `color-mix(in srgb, ${a.surface} 80%, transparent)`;
-    e.surface || (t.surface = a.surface), e.panelSolid || (t.panelSolid = a.surface), e.panel || (t.panel = i), e.panelTranslucent || (t.panelTranslucent = i);
+    e.surface || (n.surface = a.surface), e.panelSolid || (n.panelSolid = a.surface), e.panel || (n.panel = i), e.panelTranslucent || (n.panelTranslucent = i);
   }
-  return t;
+  return n;
 }
-function S(n, a) {
-  const e = a?.mode || "light", t = e === "dark" ? oa : _, i = a?.accentPalette, r = i ? u[i][e] : null, s = r ? {
+function S(t, a) {
+  const e = a?.mode || "light", n = e === "dark" ? ca : _, i = a?.accentPalette, r = i ? g[i][e] : null, s = r ? {
     colors: {
-      ...$(r)
+      ...F(r)
     },
     palette: {
       accent: r.scale,
@@ -1717,147 +1731,147 @@ function S(n, a) {
     }
   } : null;
   return {
-    ...t,
     ...n,
+    ...t,
     colors: {
-      ...t.colors,
+      ...n.colors,
       ...s?.colors || {},
-      ...n?.colors || {},
-      ...ia(n)
+      ...t?.colors || {},
+      ...sa(t)
     },
     palette: {
-      ...t.palette || {},
+      ...n.palette || {},
       ...s?.palette || {},
-      ...n?.palette || {},
-      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)
+      ...t?.palette || {},
+      gray: d(n.palette?.gray, t?.palette?.gray),
+      grayAlpha: d(n.palette?.grayAlpha, t?.palette?.grayAlpha),
+      blackAlpha: d(n.palette?.blackAlpha, t?.palette?.blackAlpha),
+      whiteAlpha: d(n.palette?.whiteAlpha, t?.palette?.whiteAlpha),
+      accent: d(r?.scale || n.palette?.accent, t?.palette?.accent),
+      accentAlpha: d(r?.alphaScale || n.palette?.accentAlpha, t?.palette?.accentAlpha)
     },
     surfaces: {
-      ...t.surfaces || {},
-      ...sa(n),
-      ...n?.surfaces || {}
+      ...n.surfaces || {},
+      ...la(t),
+      ...t?.surfaces || {}
     },
     shadows: {
-      ...t.shadows || {},
-      ...n?.shadows || {}
+      ...n.shadows || {},
+      ...t?.shadows || {}
     },
     spacing: {
-      ...t.spacing || {},
-      ...n?.spacing || {}
+      ...n.spacing || {},
+      ...t?.spacing || {}
     },
-    spaceScale: p(t.spaceScale, n?.spaceScale),
-    radiusScale: p(t.radiusScale, n?.radiusScale),
+    spaceScale: d(n.spaceScale, t?.spaceScale),
+    radiusScale: d(n.radiusScale, t?.radiusScale),
     typography: {
-      ...t.typography || {},
-      ...n?.typography || {},
+      ...n.typography || {},
+      ...t?.typography || {},
       size: {
-        ...t.typography?.size || {},
-        ...n?.typography?.size || {}
+        ...n.typography?.size || {},
+        ...t?.typography?.size || {}
       },
-      fontScale: p(t.typography?.fontScale, n?.typography?.fontScale),
-      lineHeight: p(t.typography?.lineHeight, n?.typography?.lineHeight),
-      letterSpacing: p(t.typography?.letterSpacing, n?.typography?.letterSpacing)
+      fontScale: d(n.typography?.fontScale, t?.typography?.fontScale),
+      lineHeight: d(n.typography?.lineHeight, t?.typography?.lineHeight),
+      letterSpacing: d(n.typography?.letterSpacing, t?.typography?.letterSpacing)
     },
     motion: {
-      ...t.motion || {},
-      ...n?.motion || {}
+      ...n.motion || {},
+      ...t?.motion || {}
     },
     effects: {
-      ...t.effects || {},
-      ...n?.effects || {}
+      ...n.effects || {},
+      ...t?.effects || {}
     },
     components: {
-      ...t.components || {},
-      ...n?.components || {},
-      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)
+      ...n.components || {},
+      ...t?.components || {},
+      button: d(n.components?.button, t?.components?.button),
+      badge: d(n.components?.badge, t?.components?.badge),
+      dropdown: d(n.components?.dropdown, t?.components?.dropdown),
+      select: d(n.components?.select, t?.components?.select),
+      sidebar: d(n.components?.sidebar, t?.components?.sidebar),
+      card: d(n.components?.card, t?.components?.card),
+      navigationMenu: d(n.components?.navigationMenu, t?.components?.navigationMenu),
+      blockControls: d(n.components?.blockControls, t?.components?.blockControls),
+      box: d(n.components?.box, t?.components?.box),
+      breadcrumb: d(n.components?.breadcrumb, t?.components?.breadcrumb),
+      contextMenu: d(n.components?.contextMenu, t?.components?.contextMenu),
+      menubar: d(n.components?.menubar, t?.components?.menubar),
+      alert: d(n.components?.alert, t?.components?.alert),
+      alertDialog: d(n.components?.alertDialog, t?.components?.alertDialog),
+      appHeader: d(n.components?.appHeader, t?.components?.appHeader),
+      aspectRatio: d(n.components?.aspectRatio, t?.components?.aspectRatio),
+      avatar: d(n.components?.avatar, t?.components?.avatar),
+      menu: d(n.components?.menu, t?.components?.menu),
+      multiSelect: d(n.components?.multiSelect, t?.components?.multiSelect),
+      panel: d(n.components?.panel, t?.components?.panel),
+      input: d(n.components?.input, t?.components?.input)
     },
     zIndex: {
-      ...t.zIndex || {},
-      ...n?.zIndex || {}
+      ...n.zIndex || {},
+      ...t?.zIndex || {}
     },
     breakpoints: {
-      ...t.breakpoints || {},
-      ...n?.breakpoints || {}
+      ...n.breakpoints || {},
+      ...t?.breakpoints || {}
     }
   };
 }
-function _a(n, a, e = "light") {
-  const t = u[a][e], i = n;
+function Ca(t, a, e = "light") {
+  const n = g[a][e], i = t;
   return S(
     {
       ...i,
       colors: {
         ...i.colors || {},
-        ...$(t)
+        ...F(n)
       },
       palette: {
         ...i.palette || {},
-        accent: t.scale,
-        accentAlpha: t.alphaScale,
-        accentContrast: t.contrast,
-        accentSurface: t.surface,
-        accentIndicator: t.indicator,
-        accentTrack: t.track
+        accent: n.scale,
+        accentAlpha: n.alphaScale,
+        accentContrast: n.contrast,
+        accentSurface: n.surface,
+        accentIndicator: n.indicator,
+        accentTrack: n.track
       }
     },
     { mode: e }
   );
 }
-function o(n, a, e) {
-  n[a] = e;
+function o(t, a, e) {
+  t[a] = e;
 }
-function l(n, a, e) {
-  e && Object.entries(e).forEach(([t, i]) => {
-    typeof i == "string" && i && (n[`${a}${t}`] = i);
+function p(t, a, e) {
+  e && Object.entries(e).forEach(([n, i]) => {
+    typeof i == "string" && i && (t[`${a}${n}`] = i);
   });
 }
-function Sa(n) {
-  n && H.add(n);
+function za(t) {
+  t && j.add(t);
 }
-function ca(n) {
-  return F(S(n));
+function pa(t) {
+  return N(S(t));
 }
-const la = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i;
-function E(n) {
-  const a = la.exec(n.trim());
+const da = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i;
+function E(t) {
+  const a = da.exec(t.trim());
   if (!a) return null;
-  const e = a[1].length === 3 ? a[1].replace(/./g, (t) => t + t) : a[1];
+  const e = a[1].length === 3 ? a[1].replace(/./g, (n) => n + n) : a[1];
   return [parseInt(e.slice(0, 2), 16), parseInt(e.slice(2, 4), 16), parseInt(e.slice(4, 6), 16)];
 }
-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 z(t, a, e) {
+  const n = E(t), i = E(a);
+  return !n || !i ? null : "#" + n.map((s, c) => Math.round(s + (i[c] - s) * e)).map((s) => s.toString(16).padStart(2, "0")).join("");
 }
-function pa(n) {
-  const a = {}, e = n.colors, t = e.surface || e.background, i = e.text;
-  if (!t || !i) return a;
+function fa(t) {
+  const a = {}, e = t.colors, n = e.surface || e.background, i = e.text;
+  if (!n || !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],
+    ["accent", t.palette?.accent?.["11"] || e.primary],
     ["danger", e.danger],
     ["success", e.success],
     ["warning", e.warning],
@@ -1869,130 +1883,138 @@ function pa(n) {
       a[`--ui-color-${s}-text`] = `color-mix(in srgb, ${c} 62%, ${i})`;
       continue;
     }
-    const d = z(c, t, 0.86);
+    const l = z(c, n, 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;
+    for (let u = 0; u <= 18; u += 1) {
+      const x = z(c, i, u * 0.05);
+      if (!x) break;
+      f = x;
+      const m = v(x, n) ?? 0, C = l ? v(x, l) ?? 0 : m;
+      if (m >= 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;
+      let u = c;
+      for (let x = 0; x <= 12; x += 1) {
+        const m = z(c, "#000000", x * 0.05);
+        if (!m || (u = m, (v("#ffffff", m) ?? 0) >= 4.6)) break;
       }
-      a[`--ui-color-${s}-solid`] = g, a[`--ui-color-foreground-on-${s}`] = "#ffffff";
+      a[`--ui-color-${s}-solid`] = u, a[`--ui-color-foreground-on-${s}`] = "#ffffff";
     }
   }
   return a;
 }
-function da(n) {
-  const a = n.colors, e = n.palette;
-  if (!e || !a) return n;
-  const t = (m, x, C) => `color-mix(in srgb, ${m} ${x}%, ${C})`, i = a.surface || a.background, r = a.text;
+function ua(t) {
+  const a = t.colors, e = t.palette;
+  if (!e || !a) return t;
+  const n = (x, m, C) => `color-mix(in srgb, ${x} ${m}%, ${C})`, i = a.surface || a.background, r = a.text;
   let s = e.gray, c = e.accent;
-  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 = {
+  const l = a.background ? w(a.background) : null, f = s?.["1"] ? w(s[1]) : null;
+  i && r && l !== null && f !== null && l < 0.4 != f < 0.4 && (s = {
     ...s,
-    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),
+    2: n(r, 4, i),
+    3: n(r, 8, i),
+    4: n(r, 12, i),
+    5: n(r, 16, i),
+    6: n(r, 20, i),
+    7: n(r, 28, i),
+    8: n(r, 40, i),
     11: a.muted || r,
     12: r
   });
-  const g = c?.["9"];
-  return i && r && a.primary && g && g.trim().toLowerCase() !== a.primary.trim().toLowerCase() && (c = {
+  const u = c?.["9"];
+  return i && r && a.primary && u && u.trim().toLowerCase() !== a.primary.trim().toLowerCase() && (c = {
     ...c,
-    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),
+    2: n(a.primary, 6, i),
+    3: n(a.primary, 14, i),
+    4: n(a.primary, 20, i),
+    5: n(a.primary, 26, i),
+    7: n(a.primary, 42, i),
     9: a.primary,
     10: a.primaryHover || a.primary,
-    11: t(a.primary, 60, r)
-  }), s === e.gray && c === e.accent ? n : { ...n, palette: { ...e, gray: s, accent: c } };
+    11: n(a.primary, 60, r)
+  }), s === e.gray && c === e.accent ? t : { ...t, palette: { ...e, gray: s, accent: c } };
 }
-function F(n) {
-  const a = da(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, na(a)), Object.assign(e, pa(a)), o(e, "--ui-color-foreground-on-warning", k(a.colors.warning || a.colors.primary, "#ffffff")), e;
+function N(t) {
+  const a = ua(t), 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), p(e, "--gray-", a.palette?.gray), p(e, "--gray-a", a.palette?.grayAlpha), p(e, "--black-a", a.palette?.blackAlpha), p(e, "--white-a", a.palette?.whiteAlpha), p(e, "--accent-", a.palette?.accent), p(e, "--accent-a", a.palette?.accentAlpha), p(e, "--space-", a.spaceScale), p(e, "--radius-", a.radiusScale), p(e, "--font-size-", a.typography?.fontScale), p(e, "--line-height-", a.typography?.lineHeight), p(e, "--letter-spacing-", a.typography?.letterSpacing), p(e, "--shadow-", a.shadows), p(e, "--base-button-", a.components?.button), p(e, "--base-badge-", a.components?.badge), p(e, "--base-dropdown-", a.components?.dropdown), p(e, "--base-select-", a.components?.select), p(e, "--base-sidebar-", a.components?.sidebar), p(e, "--base-block-controls-", a.components?.blockControls), p(e, "--base-box-", a.components?.box), p(e, "--base-breadcrumb-", a.components?.breadcrumb), p(e, "--base-card-", a.components?.card), p(e, "--base-multi-select-", a.components?.multiSelect), p(e, "--base-navigation-menu-", a.components?.navigationMenu), p(e, "--base-menubar-", a.components?.menubar), p(e, "--base-context-menu-", a.components?.contextMenu), p(e, "--base-alert-", a.components?.alert), p(e, "--base-alert-dialog-", a.components?.alertDialog), p(e, "--base-app-header-", a.components?.appHeader), p(e, "--base-aspect-ratio-", a.components?.aspectRatio), p(e, "--base-avatar-", a.components?.avatar), p(e, "--base-menu-", a.components?.menu), p(e, "--base-panel-", a.components?.panel), p(e, "--base-input-", a.components?.input), Object.assign(e, ra(a)), Object.assign(e, fa(a)), o(e, "--ui-color-foreground-on-warning", k(a.colors.warning || a.colors.primary, "#ffffff")), e;
 }
-function P(n, a) {
-  Object.entries(a).forEach(([e, t]) => {
+function D(t, a) {
+  Object.entries(a).forEach(([e, n]) => {
     try {
-      n.style.setProperty(e, t);
+      t.style.setProperty(e, n);
     } catch {
     }
   });
 }
-function Ca(n, a = ":root") {
-  const e = Object.entries(ca(n)).map(([t, i]) => `  ${t}: ${i};`).join(`
+function Ea(t, a = ":root") {
+  const e = Object.entries(pa(t)).map(([n, i]) => `  ${n}: ${i};`).join(`
 `);
   return `${a} {
 ${e}
 }
 `;
 }
-function j(n) {
-  return n === document ? document.documentElement : n instanceof ShadowRoot ? n.host : n;
+function B(t) {
+  return t === document ? document.documentElement : t instanceof ShadowRoot ? t.host : t;
 }
-function fa(n, a = typeof document < "u" ? document : null) {
+function ga(t, a = typeof document < "u" ? document : null) {
   if (!a) return;
-  const e = F(S(n)), t = a === document || a instanceof ShadowRoot, i = j(a);
-  if (P(i, e), t)
-    for (const r of H)
+  const e = N(S(t)), n = a === document || a instanceof ShadowRoot, i = B(a);
+  if (D(i, e), M(i, e["--ui-color-background"]), n)
+    for (const r of j)
       try {
-        P(r, e);
+        D(r, e), M(r, e["--ui-color-background"]);
       } catch {
       }
 }
-function za(n = {}) {
-  const a = n.root === void 0 ? typeof document < "u" ? document : null : n.root;
+function M(t, a) {
+  const e = a ? w(a) : null;
+  if (e !== null)
+    try {
+      t.style.setProperty("color-scheme", e < 0.179 ? "dark" : "light");
+    } catch {
+    }
+}
+function Ta(t = {}) {
+  const a = t.root === void 0 ? typeof document < "u" ? document : null : t.root;
   if (!a) return () => {
   };
-  const e = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(prefers-color-scheme: dark)") : null, t = (r) => {
+  const e = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(prefers-color-scheme: dark)") : null, n = (r) => {
     const s = r ? "dark" : "light";
-    fa(S(r ? n.dark : n.light, { accentPalette: n.accentPalette, mode: s }), a);
-    const c = j(a);
+    ga(S(r ? t.dark : t.light, { accentPalette: t.accentPalette, mode: s }), a);
+    const c = B(a);
     c.setAttribute("data-ui-mode", s), c.style.setProperty("color-scheme", s);
   };
-  if (t(!!e?.matches), !e) return () => {
+  if (n(!!e?.matches), !e) return () => {
   };
-  const i = (r) => t(r.matches);
+  const i = (r) => n(r.matches);
   return typeof e.addEventListener == "function" ? (e.addEventListener("change", i), () => e.removeEventListener("change", i)) : (e.addListener(i), () => e.removeListener(i));
 }
 export {
-  U as A,
-  X as D,
-  ma as a,
-  za as b,
-  fa as c,
-  u as d,
-  oa as e,
+  Q as A,
+  Y as D,
+  ha as a,
+  Ta as b,
+  ga as c,
+  g as d,
+  ca as e,
   _ as f,
-  xa as g,
-  ya as h,
-  Q as i,
-  K as j,
+  ba as g,
+  ka as h,
+  W as i,
+  J as j,
   S as k,
-  ka as l,
-  ia as m,
-  na as n,
-  sa as o,
-  ba as p,
-  wa as q,
-  ha as r,
+  Sa as l,
+  sa as m,
+  ra as n,
+  la as o,
+  ya as p,
+  _a as q,
+  va as r,
   k as s,
-  Sa as t,
-  va as u,
-  Ca as v,
-  ca as w,
-  _a as x
+  za as t,
+  wa as u,
+  Ea as v,
+  pa as w,
+  Ca as x
 };