@editora/ui-core 0.1.12 → 0.1.14

package/dist/radio.esm.js

@@ -0,0 +1,455 @@
+import { E as l } from "./ElementBase-909688f3.mjs";
+const u = `
+  :host {
+    --ui-radio-size: 18px;
+    --ui-radio-hit-area: 24px;
+    --ui-radio-dot-size: 8px;
+    --ui-radio-border: 1.5px solid color-mix(in srgb, var(--ui-radio-accent, var(--ui-primary, var(--ui-color-primary, #2563eb))) 44%, var(--ui-color-border, #cbd5e1) 56%);
+    --ui-radio-background: var(--ui-bg, var(--ui-color-surface, #ffffff));
+    --ui-radio-accent: var(--ui-primary, var(--ui-color-primary, #2563eb));
+    --ui-radio-dot-color: var(--ui-radio-accent);
+    --ui-radio-focus: 0 0 0 4px color-mix(in srgb, var(--ui-radio-accent) 24%, transparent);
+    --ui-radio-invalid: var(--ui-color-danger, #dc2626);
+    --ui-radio-invalid-focus: 0 0 0 4px color-mix(in srgb, var(--ui-radio-invalid) 24%, transparent);
+    --ui-radio-disabled-bg: color-mix(in srgb, var(--ui-color-surface-alt, #f1f5f9) 88%, #ffffff 12%);
+    --ui-radio-disabled-border: 1.5px solid color-mix(in srgb, var(--ui-color-border, #cbd5e1) 78%, transparent);
+    --ui-radio-label-color: var(--ui-color-text, var(--ui-text, #0f172a));
+    --ui-radio-muted: var(--ui-color-muted, #64748b);
+    --ui-radio-duration: 170ms;
+    --ui-radio-easing: cubic-bezier(0.2, 0.8, 0.2, 1);
+
+    display: inline-flex;
+    vertical-align: middle;
+    cursor: pointer;
+    user-select: none;
+    color-scheme: light dark;
+  }
+
+  :host([density="compact"]) {
+    --ui-radio-size: 16px;
+    --ui-radio-hit-area: 20px;
+    --ui-radio-dot-size: 7px;
+    --ui-radio-duration: 140ms;
+  }
+
+  :host([density="compact"]) .label {
+    font-size: 13px;
+    line-height: 1.35;
+  }
+
+  :host([density="comfortable"]) {
+    --ui-radio-size: 20px;
+    --ui-radio-hit-area: 28px;
+    --ui-radio-dot-size: 9px;
+  }
+
+  :host([density="comfortable"]) .label {
+    font-size: 15px;
+  }
+
+  :host([tone="neutral"]) { --ui-radio-accent: #64748b; }
+  :host([tone="success"]) { --ui-radio-accent: #16a34a; }
+  :host([tone="warning"]) { --ui-radio-accent: #d97706; }
+  :host([tone="danger"]) { --ui-radio-accent: #dc2626; }
+  :host([tone="info"]) { --ui-radio-accent: #0ea5e9; }
+
+  :host([disabled]),
+  :host([loading]) {
+    cursor: not-allowed;
+  }
+
+  .row {
+    display: inline-flex;
+    align-items: center;
+    gap: 10px;
+    min-height: var(--ui-radio-hit-area);
+  }
+
+  .control-wrap {
+    width: var(--ui-radio-hit-area);
+    min-width: var(--ui-radio-hit-area);
+    height: var(--ui-radio-hit-area);
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .control {
+    width: var(--ui-radio-size);
+    min-width: var(--ui-radio-size);
+    height: var(--ui-radio-size);
+    border-radius: 999px;
+    border: var(--ui-radio-border);
+    background: var(--ui-radio-background);
+    box-sizing: border-box;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    overflow: hidden;
+    transition:
+      border-color var(--ui-radio-duration) var(--ui-radio-easing),
+      background-color var(--ui-radio-duration) var(--ui-radio-easing),
+      box-shadow var(--ui-radio-duration) var(--ui-radio-easing),
+      transform var(--ui-radio-duration) var(--ui-radio-easing);
+  }
+
+  .control::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+    background: linear-gradient(180deg, color-mix(in srgb, #ffffff 26%, transparent), transparent 56%);
+    opacity: 0.18;
+    pointer-events: none;
+    transition: opacity var(--ui-radio-duration) var(--ui-radio-easing);
+  }
+
+  .dot {
+    width: var(--ui-radio-dot-size);
+    height: var(--ui-radio-dot-size);
+    border-radius: 999px;
+    background: var(--ui-radio-dot-color);
+    opacity: 0;
+    transform: scale(0.2);
+    transition:
+      opacity var(--ui-radio-duration) var(--ui-radio-easing),
+      transform var(--ui-radio-duration) var(--ui-radio-easing);
+  }
+
+  .spinner {
+    position: absolute;
+    width: calc(var(--ui-radio-size) - 5px);
+    height: calc(var(--ui-radio-size) - 5px);
+    border-radius: 999px;
+    border: 2px solid color-mix(in srgb, currentColor 25%, transparent);
+    border-top-color: currentColor;
+    opacity: 0;
+    animation: ui-radio-spin 700ms linear infinite;
+    pointer-events: none;
+  }
+
+  :host([checked]) .control {
+    border-color: var(--ui-radio-accent);
+    background: color-mix(in srgb, var(--ui-radio-accent) 8%, var(--ui-radio-background));
+  }
+
+  :host([checked]) .control::before {
+    opacity: 0.28;
+  }
+
+  :host([checked]) .dot {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  :host(:focus-visible) .control {
+    box-shadow: var(--ui-radio-focus);
+  }
+
+  :host(:not([disabled]):not([loading]):hover) .control {
+    transform: translateY(-0.5px);
+    border-color: color-mix(in srgb, var(--ui-radio-accent) 80%, #0f172a 20%);
+  }
+
+  :host(:not([disabled]):not([loading]):active) .control {
+    transform: scale(0.96);
+  }
+
+  :host([invalid]) .control {
+    border-color: var(--ui-radio-invalid);
+  }
+
+  :host([invalid]:focus-visible) .control {
+    box-shadow: var(--ui-radio-invalid-focus);
+  }
+
+  :host([disabled]) .control,
+  :host([loading]) .control {
+    background: var(--ui-radio-disabled-bg);
+    border: var(--ui-radio-disabled-border);
+    box-shadow: none;
+    transform: none;
+  }
+
+  :host([loading]) .spinner {
+    opacity: 1;
+  }
+
+  .label {
+    color: var(--ui-radio-label-color);
+    font-size: 14px;
+    line-height: 1.4;
+    letter-spacing: -0.005em;
+  }
+
+  .label:empty {
+    display: none;
+  }
+
+  :host([disabled]) .label,
+  :host([loading]) .label {
+    color: color-mix(in srgb, var(--ui-radio-label-color) 55%, var(--ui-radio-muted) 45%);
+  }
+
+  :host([headless]) .control {
+    display: none;
+  }
+
+  :host([headless]) .control-wrap {
+    width: 0;
+    min-width: 0;
+    height: 0;
+  }
+
+  :host([headless]) .row {
+    gap: 0;
+  }
+
+  :host([headless]) .label {
+    color: inherit;
+    font: inherit;
+  }
+
+  @keyframes ui-radio-spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .control,
+    .dot,
+    .spinner {
+      transition: none !important;
+      animation: none !important;
+    }
+  }
+
+  @media (prefers-contrast: more) {
+    :host {
+      --ui-radio-border: 2px solid currentColor;
+      --ui-radio-disabled-border: 2px solid currentColor;
+    }
+  }
+
+  @media (forced-colors: active) {
+    :host {
+      --ui-radio-background: Canvas;
+      --ui-radio-border: 1px solid CanvasText;
+      --ui-radio-accent: Highlight;
+      --ui-radio-invalid: Highlight;
+      --ui-radio-disabled-bg: Canvas;
+      --ui-radio-disabled-border: 1px solid GrayText;
+      --ui-radio-focus: 0 0 0 2px Highlight;
+      --ui-radio-invalid-focus: 0 0 0 2px Highlight;
+      --ui-radio-label-color: CanvasText;
+    }
+  }
+`;
+function o(r) {
+  return r !== null && r.toLowerCase() !== "false" && r !== "0";
+}
+function c(r) {
+  return r instanceof HTMLElement ? !!r.closest('a, button, input, select, textarea, [contenteditable="true"], [data-ui-radio-no-toggle]') : !1;
+}
+class s extends l {
+  constructor() {
+    super(), this._uid = `ui-radio-${Math.random().toString(36).slice(2, 9)}`, this._onClick = this._onClick.bind(this), this._onKeyDown = this._onKeyDown.bind(this);
+  }
+  static get observedAttributes() {
+    return [
+      "checked",
+      "disabled",
+      "loading",
+      "invalid",
+      "required",
+      "headless",
+      "name",
+      "value",
+      "tabindex"
+    ];
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener("click", this._onClick), this.addEventListener("keydown", this._onKeyDown), this.checked && this._uncheckSiblings(), this._syncA11yState();
+  }
+  disconnectedCallback() {
+    this.removeEventListener("click", this._onClick), this.removeEventListener("keydown", this._onKeyDown), super.disconnectedCallback();
+  }
+  attributeChangedCallback(e, i, t) {
+    i !== t && ((e === "checked" || e === "name") && this.checked && this._uncheckSiblings(), this._syncA11yState());
+  }
+  get checked() {
+    return o(this.getAttribute("checked"));
+  }
+  set checked(e) {
+    const i = !!e;
+    i !== this.checked && (i ? this.setAttribute("checked", "") : this.removeAttribute("checked"));
+  }
+  get disabled() {
+    return o(this.getAttribute("disabled"));
+  }
+  set disabled(e) {
+    const i = !!e;
+    i !== this.disabled && (i ? this.setAttribute("disabled", "") : this.removeAttribute("disabled"));
+  }
+  get loading() {
+    return o(this.getAttribute("loading"));
+  }
+  set loading(e) {
+    const i = !!e;
+    i !== this.loading && (i ? this.setAttribute("loading", "") : this.removeAttribute("loading"));
+  }
+  get invalid() {
+    return o(this.getAttribute("invalid"));
+  }
+  set invalid(e) {
+    const i = !!e;
+    i !== this.invalid && (i ? this.setAttribute("invalid", "") : this.removeAttribute("invalid"));
+  }
+  get required() {
+    return o(this.getAttribute("required"));
+  }
+  set required(e) {
+    const i = !!e;
+    i !== this.required && (i ? this.setAttribute("required", "") : this.removeAttribute("required"));
+  }
+  get headless() {
+    return this.hasAttribute("headless");
+  }
+  set headless(e) {
+    e !== this.headless && (e ? this.setAttribute("headless", "") : this.removeAttribute("headless"));
+  }
+  get name() {
+    return this.getAttribute("name") || "";
+  }
+  set name(e) {
+    const i = String(e || "").trim();
+    if (!i) {
+      this.removeAttribute("name");
+      return;
+    }
+    this.setAttribute("name", i);
+  }
+  get value() {
+    return this.getAttribute("value") || "";
+  }
+  set value(e) {
+    const i = String(e || "");
+    if (!i) {
+      this.removeAttribute("value");
+      return;
+    }
+    this.setAttribute("value", i);
+  }
+  get density() {
+    return this.getAttribute("density") || "default";
+  }
+  set density(e) {
+    const i = (e || "").trim().toLowerCase();
+    if (!i || i === "default") {
+      this.removeAttribute("density");
+      return;
+    }
+    this.setAttribute("density", i);
+  }
+  get tone() {
+    const e = this.getAttribute("tone");
+    return e === "neutral" || e === "success" || e === "warning" || e === "danger" || e === "info" ? e : "brand";
+  }
+  set tone(e) {
+    const i = (e || "").trim().toLowerCase();
+    if (!i || i === "brand") {
+      this.removeAttribute("tone");
+      return;
+    }
+    this.setAttribute("tone", i);
+  }
+  _syncA11yState() {
+    const e = this.disabled || this.loading, i = e ? "-1" : this.getAttribute("tabindex") || "0", t = `${this._uid}-label`;
+    this.setAttribute("role", "radio"), this.setAttribute("aria-checked", this.checked ? "true" : "false"), this.setAttribute("aria-disabled", e ? "true" : "false"), this.setAttribute("aria-busy", this.loading ? "true" : "false"), this.setAttribute("aria-required", this.required ? "true" : "false"), this.invalid ? this.setAttribute("aria-invalid", "true") : this.removeAttribute("aria-invalid"), this.setAttribute("aria-labelledby", t), this.setAttribute("tabindex", i);
+  }
+  _resolveQueryScope() {
+    const e = this.closest("form, ui-form");
+    if (e)
+      return e;
+    const i = this.getRootNode();
+    return i instanceof Document || i instanceof ShadowRoot || i instanceof Element ? i : null;
+  }
+  _getGroupMembers() {
+    const e = this.name.trim();
+    if (!e)
+      return [this];
+    const i = this._resolveQueryScope();
+    return !i || !("querySelectorAll" in i) ? [this] : Array.from(i.querySelectorAll("ui-radio")).filter(
+      (t) => t instanceof s && t.name === e
+    );
+  }
+  _uncheckSiblings() {
+    this._getGroupMembers().forEach((i) => {
+      i !== this && i.checked && (i.checked = !1);
+    });
+  }
+  _focusSelf() {
+    try {
+      this.focus({ preventScroll: !0 });
+    } catch {
+      this.focus();
+    }
+  }
+  _checkFromUser(e) {
+    if (this.disabled || this.loading || this.checked)
+      return;
+    this.checked = !0;
+    const i = {
+      checked: !0,
+      value: this.value || void 0,
+      name: this.name || void 0,
+      reason: e
+    };
+    this.dispatchEvent(new CustomEvent("input", { detail: i, bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("change", { detail: i, bubbles: !0, composed: !0 }));
+  }
+  _moveGroupSelection(e) {
+    const i = this._getGroupMembers().filter((n) => !n.disabled && !n.loading);
+    if (i.length <= 1)
+      return;
+    const d = (Math.max(i.indexOf(this), 0) + e + i.length) % i.length, a = i[d];
+    !a || a === this || (a._checkFromUser("keyboard"), a._focusSelf());
+  }
+  _onClick(e) {
+    this.disabled || this.loading || e.composedPath().some((t) => c(t)) || this._checkFromUser("click");
+  }
+  _onKeyDown(e) {
+    if (!(this.disabled || this.loading)) {
+      if (e.key === " " || e.key === "Enter") {
+        e.preventDefault(), this._checkFromUser("keyboard");
+        return;
+      }
+      if (this.name) {
+        if (e.key === "ArrowRight" || e.key === "ArrowDown") {
+          e.preventDefault(), this._moveGroupSelection(1);
+          return;
+        }
+        (e.key === "ArrowLeft" || e.key === "ArrowUp") && (e.preventDefault(), this._moveGroupSelection(-1));
+      }
+    }
+  }
+  render() {
+    this._syncA11yState(), this.setContent(`
+      <style>${u}</style>
+      <span class="row" part="root">
+        <span class="control-wrap" part="hit-area" aria-hidden="true">
+          <span class="control" part="control">
+            <span class="dot" part="dot"></span>
+            <span class="spinner" part="spinner"></span>
+          </span>
+        </span>
+        <span class="label" id="${this._uid}-label" part="label"><slot></slot></span>
+      </span>
+    `);
+  }
+}
+typeof customElements < "u" && !customElements.get("ui-radio") && customElements.define("ui-radio", s);
+export {
+  s as UIRadio
+};

package/dist/{runtime-4ac0107b.mjs → runtime-161f68a2.mjs}

@@ -1,4 +1,5 @@
-import "./portal-1cf392ca.mjs";
+import "./portal-fe73e5cc.mjs";
+import "./positioner-e9770c66.mjs";
 function ja() {
   return typeof window < "u" && typeof document < "u";
 }
@@ -323,16 +324,16 @@ function oe(e = {}) {
 function Sa() {
   return x || (x = oe()), x;
 }
-function ue(e = {}) {
+function ge(e = {}) {
   return Sa().alert(e);
 }
-function ge(e = {}) {
+function me(e = {}) {
   return Sa().confirm(e);
 }
-function me(e = {}) {
+function he(e = {}) {
   return Sa().prompt(e);
 }
-function he(e = "programmatic") {
+function xe(e = "programmatic") {
   x && (x.destroy(e), x = null);
 }
 function Ua() {
@@ -540,13 +541,13 @@ function pe(e = {}) {
 function Na() {
   return b || (b = pe()), b;
 }
-function xe(e = {}) {
+function be(e = {}) {
   return Na().open(e);
 }
-function be(e = {}) {
+function ye(e = {}) {
   return Na().confirm(e);
 }
-function ye(e = "programmatic") {
+function we(e = "programmatic") {
   b && (b.destroy(e), b = null);
 }
 const Ga = {
@@ -1772,7 +1773,7 @@ const _a = {
     6: "0 0 0 1px var(--gray-a6),0 12px 60px var(--black-a4),0 16px 64px var(--black-a6),0 16px 36px -20px var(--black-a11)"
   },
   components: le
-}, we = _a, Xa = /* @__PURE__ */ new Set();
+}, ve = _a, Xa = /* @__PURE__ */ new Set();
 function p(e, a) {
   if (!(!e && !a))
     return { ...e || {}, ...a || {} };
@@ -1879,7 +1880,7 @@ function Ya(e, a) {
     }
   };
 }
-function ve(e, a, n = "light") {
+function ke(e, a, n = "light") {
   const i = g[a][n], r = e;
   return Ya(
     {
@@ -1912,14 +1913,14 @@ function s(e, a, n) {
     typeof r == "string" && r && e.style.setProperty(`${a}${i}`, r);
   });
 }
-function ke(e) {
+function _e(e) {
   e && Xa.add(e);
 }
 function Wa(e, a) {
   var n, i, r, o, c, l, d, f, u, m, h, y, w, v, k, _, S, C, z, E, A, D, T, I, L, M, P, R, H, F, O, B, $, V, j, Z, U, Q, W, N, G, K, J, X, Y, q, aa, ea, ia, na, oa, ta, ra, sa, pa, ca, la, da, fa, ua, ga, ma, ha, xa, ba, ya, wa, va, Ca, za, Ea, Aa, Da, Ta, Ia, La, Ma, Pa, Ra, Ha, Fa, Oa, Ba, $a, Va;
   t(e, "--ui-color-primary", a.colors.primary), t(e, "--ui-color-primary-hover", a.colors.primaryHover || a.colors.primary), t(e, "--ui-color-foreground-on-primary", a.colors.foregroundOnPrimary || "#ffffff"), t(e, "--ui-color-background", a.colors.background || "#ffffff"), t(e, "--ui-color-surface", a.colors.surface || a.colors.background || "#ffffff"), t(e, "--ui-color-surface-alt", a.colors.surfaceAlt || a.colors.surface || "#f9f9f9"), t(e, "--ui-color-text", a.colors.text || "#202020"), t(e, "--ui-color-muted", a.colors.muted || "#646464"), t(e, "--ui-color-border", a.colors.border || "#0000001f"), t(e, "--ui-color-focus-ring", a.colors.focusRing || a.colors.primary), t(e, "--ui-color-success", a.colors.success || "#30a46c"), t(e, "--ui-color-danger", a.colors.danger || "#e5484d"), t(e, "--ui-color-warning", a.colors.warning || a.colors.primary), t(e, "--ui-primary", a.colors.primary), t(e, "--ui-primary-hover", a.colors.primaryHover || a.colors.primary), t(e, "--ui-foreground", a.colors.foregroundOnPrimary || "#ffffff"), t(e, "--ui-background", a.colors.background || "#ffffff"), t(e, "--ui-surface", a.colors.surface || a.colors.background || "#ffffff"), t(e, "--ui-surface-alt", a.colors.surfaceAlt || a.colors.surface || "#f9f9f9"), t(e, "--ui-text", a.colors.text || "#202020"), t(e, "--ui-muted", a.colors.muted || "#646464"), t(e, "--ui-border", a.colors.border || "#0000001f"), t(e, "--ui-focus-ring", a.colors.focusRing || a.colors.primary), t(e, "--ui-success", a.colors.success || "#30a46c"), t(e, "--ui-error", a.colors.danger || "#e5484d"), t(e, "--ui-warning", a.colors.warning || a.colors.primary), t(e, "--ui-radius", a.radius || "4px"), t(e, "--ui-space-xs", ((n = a.spacing) == null ? void 0 : n.xs) || "4px"), t(e, "--ui-space-sm", ((i = a.spacing) == null ? void 0 : i.sm) || "8px"), t(e, "--ui-space-md", ((r = a.spacing) == null ? void 0 : r.md) || "12px"), t(e, "--ui-space-lg", ((o = a.spacing) == null ? void 0 : o.lg) || "24px"), t(e, "--ui-space-xl", ((c = a.spacing) == null ? void 0 : c.xl) || "32px"), t(e, "--ui-space-xxl", ((l = a.spacing) == null ? void 0 : l.xxl) || "48px"), t(e, "--ui-default-gap", ((d = a.spacing) == null ? void 0 : d.sm) || ((f = a.spaceScale) == null ? void 0 : f["2"]) || "8px"), t(e, "--ui-shadow-sm", ((u = a.shadows) == null ? void 0 : u.sm) || ((m = a.shadows) == null ? void 0 : m["2"]) || "none"), t(e, "--ui-shadow-md", ((h = a.shadows) == null ? void 0 : h.md) || ((y = a.shadows) == null ? void 0 : y["3"]) || "none"), t(e, "--ui-shadow-lg", ((w = a.shadows) == null ? void 0 : w.lg) || ((v = a.shadows) == null ? void 0 : v["4"]) || "none"), t(e, "--ui-font-family", ((k = a.typography) == null ? void 0 : k.family) || "system-ui, sans-serif"), t(e, "--ui-font-family-heading", ((_ = a.typography) == null ? void 0 : _.headingFamily) || ((S = a.typography) == null ? void 0 : S.family) || "system-ui, sans-serif"), t(e, "--ui-font-family-code", ((C = a.typography) == null ? void 0 : C.codeFamily) || "monospace"), t(e, "--ui-font-size-sm", ((E = (z = a.typography) == null ? void 0 : z.size) == null ? void 0 : E.sm) || "12px"), t(e, "--ui-font-size-md", ((D = (A = a.typography) == null ? void 0 : A.size) == null ? void 0 : D.md) || "14px"), t(e, "--ui-font-size-lg", ((I = (T = a.typography) == null ? void 0 : T.size) == null ? void 0 : I.lg) || "16px"), t(e, "--ui-default-font-size", ((M = (L = a.typography) == null ? void 0 : L.size) == null ? void 0 : M.md) || ((R = (P = a.typography) == null ? void 0 : P.fontScale) == null ? void 0 : R["2"]) || "14px"), t(e, "--ui-default-line-height", ((F = (H = a.typography) == null ? void 0 : H.lineHeight) == null ? void 0 : F["2"]) || "20px"), t(e, "--ui-default-letter-spacing", ((B = (O = a.typography) == null ? void 0 : O.letterSpacing) == null ? void 0 : B["2"]) || "0em"), t(e, "--ui-motion-short", (($ = a.motion) == null ? void 0 : $.durationShort) || "120ms"), t(e, "--ui-motion-base", ((V = a.motion) == null ? void 0 : V.durationBase) || "180ms"), t(e, "--ui-motion-long", ((j = a.motion) == null ? void 0 : j.durationLong) || "260ms"), t(e, "--ui-motion-easing", ((Z = a.motion) == null ? void 0 : Z.easing) || "cubic-bezier(0.2, 0.8, 0.2, 1)"), t(e, "--ui-z-modal", String(((U = a.zIndex) == null ? void 0 : U.modal) ?? 1e3)), t(e, "--ui-z-overlay", String(((Q = a.zIndex) == null ? void 0 : Q.overlay) ?? 900)), t(e, "--ui-z-toast", String(((W = a.zIndex) == null ? void 0 : W.toast) ?? 1100)), t(e, "--ui-breakpoint-sm", ((N = a.breakpoints) == null ? void 0 : N.sm) || "640px"), t(e, "--ui-breakpoint-md", ((G = a.breakpoints) == null ? void 0 : G.md) || "768px"), t(e, "--ui-breakpoint-lg", ((K = a.breakpoints) == null ? void 0 : K.lg) || "1024px"), t(e, "--color-background", ((J = a.surfaces) == null ? void 0 : J.background) || a.colors.background || "#ffffff"), t(e, "--color-surface", ((X = a.surfaces) == null ? void 0 : X.surface) || a.colors.surface || "#fcfcfc"), t(e, "--color-panel", ((Y = a.surfaces) == null ? void 0 : Y.panel) || ((q = a.surfaces) == null ? void 0 : q.panelTranslucent) || "#ffffffcc"), t(e, "--color-panel-solid", ((aa = a.surfaces) == null ? void 0 : aa.panelSolid) || a.colors.surface || "#ffffff"), t(e, "--color-panel-translucent", ((ea = a.surfaces) == null ? void 0 : ea.panelTranslucent) || "#ffffffcc"), t(e, "--color-overlay", ((ia = a.surfaces) == null ? void 0 : ia.overlay) || "rgba(2, 6, 23, 0.52)"), t(e, "--color-transparent", ((na = a.surfaces) == null ? void 0 : na.transparent) || "transparent"), t(e, "--backdrop-filter-panel", ((oa = a.effects) == null ? void 0 : oa.backdropFilterPanel) || "blur(64px)"), (ta = a.palette) != null && ta.accentContrast && t(e, "--accent-contrast", a.palette.accentContrast), (ra = a.palette) != null && ra.accentSurface && t(e, "--accent-surface", a.palette.accentSurface), (sa = a.palette) != null && sa.accentIndicator && t(e, "--accent-indicator", a.palette.accentIndicator), (pa = a.palette) != null && pa.accentTrack && t(e, "--accent-track", a.palette.accentTrack), s(e, "--gray-", (ca = a.palette) == null ? void 0 : ca.gray), s(e, "--gray-a", (la = a.palette) == null ? void 0 : la.grayAlpha), s(e, "--black-a", (da = a.palette) == null ? void 0 : da.blackAlpha), s(e, "--white-a", (fa = a.palette) == null ? void 0 : fa.whiteAlpha), s(e, "--accent-", (ua = a.palette) == null ? void 0 : ua.accent), s(e, "--accent-a", (ga = a.palette) == null ? void 0 : ga.accentAlpha), s(e, "--space-", a.spaceScale), s(e, "--radius-", a.radiusScale), s(e, "--font-size-", (ma = a.typography) == null ? void 0 : ma.fontScale), s(e, "--line-height-", (ha = a.typography) == null ? void 0 : ha.lineHeight), s(e, "--letter-spacing-", (xa = a.typography) == null ? void 0 : xa.letterSpacing), s(e, "--shadow-", a.shadows), s(e, "--base-button-", (ba = a.components) == null ? void 0 : ba.button), s(e, "--base-badge-", (ya = a.components) == null ? void 0 : ya.badge), s(e, "--base-dropdown-", (wa = a.components) == null ? void 0 : wa.dropdown), s(e, "--base-select-", (va = a.components) == null ? void 0 : va.select), s(e, "--base-sidebar-", (Ca = a.components) == null ? void 0 : Ca.sidebar), s(e, "--base-block-controls-", (za = a.components) == null ? void 0 : za.blockControls), s(e, "--base-box-", (Ea = a.components) == null ? void 0 : Ea.box), s(e, "--base-breadcrumb-", (Aa = a.components) == null ? void 0 : Aa.breadcrumb), s(e, "--base-card-", (Da = a.components) == null ? void 0 : Da.card), s(e, "--base-multi-select-", (Ta = a.components) == null ? void 0 : Ta.multiSelect), s(e, "--base-navigation-menu-", (Ia = a.components) == null ? void 0 : Ia.navigationMenu), s(e, "--base-menubar-", (La = a.components) == null ? void 0 : La.menubar), s(e, "--base-context-menu-", (Ma = a.components) == null ? void 0 : Ma.contextMenu), s(e, "--base-alert-", (Pa = a.components) == null ? void 0 : Pa.alert), s(e, "--base-alert-dialog-", (Ra = a.components) == null ? void 0 : Ra.alertDialog), s(e, "--base-app-header-", (Ha = a.components) == null ? void 0 : Ha.appHeader), s(e, "--base-aspect-ratio-", (Fa = a.components) == null ? void 0 : Fa.aspectRatio), s(e, "--base-avatar-", (Oa = a.components) == null ? void 0 : Oa.avatar), s(e, "--base-menu-", (Ba = a.components) == null ? void 0 : Ba.menu), s(e, "--base-panel-", ($a = a.components) == null ? void 0 : $a.panel), s(e, "--base-input-", (Va = a.components) == null ? void 0 : Va.input);
 }
-function _e(e, a = typeof document < "u" ? document : null) {
+function Se(e, a = typeof document < "u" ? document : null) {
   if (!a)
     return;
   const n = Ya(e), i = a === document || a instanceof ShadowRoot;
@@ -1934,21 +1935,21 @@ function _e(e, a = typeof document < "u" ? document : null) {
 export {
   ne as A,
   se as D,
-  ue as a,
-  ge as b,
+  ge as a,
+  me as b,
   oe as c,
-  he as d,
+  xe as d,
   pe as e,
-  be as f,
-  ye as g,
+  ye as f,
+  we as g,
   g as h,
   _a as i,
   de as j,
-  we as k,
+  ve as k,
   Ya as l,
-  _e as m,
-  me as p,
-  ke as r,
-  xe as s,
-  ve as w
+  Se as m,
+  he as p,
+  _e as r,
+  be as s,
+  ke as w
 };