@editora/ui-core 0.1.19 → 0.1.21

package/dist/alert-dialog.esm.js

@@ -1,6 +1,6 @@
-import { E as J } from "./ElementBase-909688f3.mjs";
-import { a as L, r as S } from "./scroll-lock-31da444f.mjs";
-const Q = `
+import { E as K } from "./ElementBase-YlTLMsGk.mjs";
+import { a as F, r as z } from "./scroll-lock-LfqXXqsu.mjs";
+const Y = `
   :host {
     display: block;
     color-scheme: light dark;
@@ -499,47 +499,44 @@ const Q = `
       border: 1px solid CanvasText;
     }
   }
-`, X = 'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+`, N = 'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
 function p(e, t) {
-  if (e == null)
-    return t;
+  if (e == null) return t;
   const i = e.trim().toLowerCase();
   return i !== "false" && i !== "0" && i !== "off";
 }
 function a(e) {
   return String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function tt(e) {
+function Z(e) {
   return e === "info" || e === "success" || e === "warning" || e === "danger" ? e : "neutral";
 }
-function it(e) {
+function G(e) {
   return e === "sm" || e === "1" ? "sm" : e === "lg" || e === "3" ? "lg" : "md";
 }
-function et(e) {
+function J(e) {
   return e === "soft" || e === "outline" || e === "solid" ? e : "surface";
 }
-function rt(e) {
+function Q(e) {
   return e === "none" || e === "high" ? e : "low";
 }
-function st(e) {
+function U(e) {
   return e === "none" ? "none" : "line";
 }
-function at(e, t = "var(--base-alert-dialog-radius, var(--ui-radius, 4px))") {
-  if (e == null)
-    return t;
+function X(e, t = "var(--base-alert-dialog-radius, var(--ui-radius, 4px))") {
+  if (e == null) return t;
   const i = e.trim().toLowerCase();
   return i ? i === "full" || i === "pill" ? "999px" : /^-?\d+(\.\d+)?$/.test(i) ? `${i}px` : e : t;
 }
-const ot = /* @__PURE__ */ new Set(["tone", "size", "variant", "elevation", "indicator", "radius"]);
-function nt(e) {
+const tt = /* @__PURE__ */ new Set(["tone", "size", "variant", "elevation", "indicator", "radius"]);
+function it(e) {
   return e === "success" ? '<svg width="16" height="16" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M5 10.2 8.3 13.4 15 6.8"></path></svg>' : e === "warning" ? '<svg width="16" height="16" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M10 3.6 17 16.4H3L10 3.6Z"></path><path d="M10 8v3.4"></path><circle cx="10" cy="14.1" r="0.9" fill="currentColor" stroke="none"></circle></svg>' : e === "danger" ? '<svg width="16" height="16" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><circle cx="10" cy="10" r="7.1"></circle><path d="m7.5 7.5 5 5M12.5 7.5l-5 5"></path></svg>' : e === "info" ? '<svg width="16" height="16" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><circle cx="10" cy="10" r="7.1"></circle><path d="M10 13v-3.8"></path><circle cx="10" cy="6.5" r="0.9" fill="currentColor" stroke="none"></circle></svg>' : '<svg width="16" height="16" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M6 10h8"></path><circle cx="10" cy="10" r="7.1"></circle></svg>';
 }
-function l() {
+function c() {
   return typeof window < "u" && typeof document < "u";
 }
-function $() {
-  if (!l())
-    return null;
+function E() {
+  if (!c()) return null;
   const e = document.activeElement;
   return e instanceof HTMLElement ? e : null;
 }
@@ -555,7 +552,7 @@ function h(e) {
     window.clearTimeout(e);
   }
 }
-const B = class c extends J {
+const l = class l extends K {
   constructor() {
     super(), this._lastActive = null, this._active = !1, this._terminalEmitted = !1, this._closeMeta = null, this._uid = Math.random().toString(36).slice(2, 10), this._dialogId = "", this._config = {}, this._inputValue = "", this._checked = !1, this._runtimeError = "", this._activeHeadless = !1, this._focusInitialFrame = 0, this._restoreFocusFrame = 0, this._onClick = this._onClick.bind(this), this._onKeyDown = this._onKeyDown.bind(this), this._onFocusIn = this._onFocusIn.bind(this), this._onInput = this._onInput.bind(this), this._dialogId = this._uid;
   }
@@ -595,7 +592,7 @@ const B = class c extends J {
   }
   attributeChangedCallback(t, i, r) {
     if (i !== r) {
-      if (ot.has(t)) {
+      if (tt.has(t)) {
         this._syncVisualTokens();
         return;
       }
@@ -653,7 +650,7 @@ const B = class c extends J {
     this.setAttribute("role", t);
   }
   get tone() {
-    return tt(this.getAttribute("tone"));
+    return Z(this.getAttribute("tone"));
   }
   set tone(t) {
     if (t === "neutral") {
@@ -663,7 +660,7 @@ const B = class c extends J {
     this.setAttribute("tone", t);
   }
   get size() {
-    return it(this.getAttribute("size"));
+    return G(this.getAttribute("size"));
   }
   set size(t) {
     if (t === "md") {
@@ -673,7 +670,7 @@ const B = class c extends J {
     this.setAttribute("size", t);
   }
   get variant() {
-    return et(this.getAttribute("variant"));
+    return J(this.getAttribute("variant"));
   }
   set variant(t) {
     if (t === "surface") {
@@ -683,7 +680,7 @@ const B = class c extends J {
     this.setAttribute("variant", t);
   }
   get elevation() {
-    return rt(this.getAttribute("elevation"));
+    return Q(this.getAttribute("elevation"));
   }
   set elevation(t) {
     if (t === "low") {
@@ -693,7 +690,7 @@ const B = class c extends J {
     this.setAttribute("elevation", t);
   }
   get indicator() {
-    return st(this.getAttribute("indicator"));
+    return U(this.getAttribute("indicator"));
   }
   set indicator(t) {
     if (t === "line") {
@@ -743,12 +740,10 @@ const B = class c extends J {
     return this._config;
   }
   set config(t) {
-    var i, r;
-    this._config = t || {}, this._config.id && (this._dialogId = this._config.id), this._config.dismissible != null && (this.dismissible = !!this._config.dismissible), this._config.closeOnEsc != null && (this.closeOnEsc = !!this._config.closeOnEsc), this._config.closeOnBackdrop != null && (this.closeOnBackdrop = !!this._config.closeOnBackdrop), this._config.lockWhileLoading != null && (this.lockWhileLoading = !!this._config.lockWhileLoading), this._config.role && (this.roleType = this._config.role), this._config.tone && (this.tone = this._config.tone), this._config.size && (this.size = this._config.size), this._config.variant && (this.variant = this._config.variant), this._config.elevation && (this.elevation = this._config.elevation), this._config.indicator && (this.indicator = this._config.indicator), this._config.radius != null && (this.radius = String(this._config.radius)), this._config.ariaLabel && this.setAttribute("aria-label", this._config.ariaLabel), this._config.ariaLabelledby && this.setAttribute("aria-labelledby", this._config.ariaLabelledby), this._config.ariaDescribedby && this.setAttribute("aria-describedby", this._config.ariaDescribedby), this._config.initialFocus && (this.initialFocus = this._config.initialFocus), this._config.headless != null && (this.headless = !!this._config.headless), this._inputValue = ((i = this._config.input) == null ? void 0 : i.value) ?? this._inputValue, this._checked = ((r = this._config.checkbox) == null ? void 0 : r.checked) ?? this._checked, this._runtimeError = this._config.errorMessage || "", this._syncVisualTokens(), this.requestRender();
+    this._config = t || {}, this._config.id && (this._dialogId = this._config.id), this._config.dismissible != null && (this.dismissible = !!this._config.dismissible), this._config.closeOnEsc != null && (this.closeOnEsc = !!this._config.closeOnEsc), this._config.closeOnBackdrop != null && (this.closeOnBackdrop = !!this._config.closeOnBackdrop), this._config.lockWhileLoading != null && (this.lockWhileLoading = !!this._config.lockWhileLoading), this._config.role && (this.roleType = this._config.role), this._config.tone && (this.tone = this._config.tone), this._config.size && (this.size = this._config.size), this._config.variant && (this.variant = this._config.variant), this._config.elevation && (this.elevation = this._config.elevation), this._config.indicator && (this.indicator = this._config.indicator), this._config.radius != null && (this.radius = String(this._config.radius)), this._config.ariaLabel && this.setAttribute("aria-label", this._config.ariaLabel), this._config.ariaLabelledby && this.setAttribute("aria-labelledby", this._config.ariaLabelledby), this._config.ariaDescribedby && this.setAttribute("aria-describedby", this._config.ariaDescribedby), this._config.initialFocus && (this.initialFocus = this._config.initialFocus), this._config.headless != null && (this.headless = !!this._config.headless), this._inputValue = this._config.input?.value ?? this._inputValue, this._checked = this._config.checkbox?.checked ?? this._checked, this._runtimeError = this._config.errorMessage || "", this._syncVisualTokens(), this.requestRender();
   }
   getInputValue() {
-    const t = this.root.querySelector(".input");
-    return (t == null ? void 0 : t.value) ?? this._inputValue;
+    return this.root.querySelector(".input")?.value ?? this._inputValue;
   }
   setInputValue(t) {
     this._inputValue = t;
@@ -756,8 +751,7 @@ const B = class c extends J {
     i && (i.value = t);
   }
   getChecked() {
-    const t = this.root.querySelector(".checkbox-input");
-    return (t == null ? void 0 : t.checked) ?? this._checked;
+    return this.root.querySelector(".checkbox-input")?.checked ?? this._checked;
   }
   setChecked(t) {
     this._checked = t;
@@ -777,7 +771,7 @@ const B = class c extends J {
     this.hasAttribute("role") || this.setAttribute("role", "alertdialog");
   }
   _syncVisualTokens() {
-    this.style.setProperty("--ui-alert-radius", at(this.getAttribute("radius")));
+    this.style.setProperty("--ui-alert-radius", X(this.getAttribute("radius")));
   }
   _syncOpenState() {
     const t = this.hasAttribute("open");
@@ -788,18 +782,17 @@ const B = class c extends J {
     !t && this._active && this._deactivate();
   }
   _activate() {
-    this._active = !0, this._activeHeadless = this.headless, this._terminalEmitted = !1, this._closeMeta = null, c._openStack.includes(this) || c._openStack.push(this), this._lastActive = this.headless ? null : $(), this.headless || L(), l() && !this.headless && document.addEventListener("focusin", this._onFocusIn, !0);
+    this._active = !0, this._activeHeadless = this.headless, this._terminalEmitted = !1, this._closeMeta = null, l._openStack.includes(this) || l._openStack.push(this), this._lastActive = this.headless ? null : E(), this.headless || F(), c() && !this.headless && document.addEventListener("focusin", this._onFocusIn, !0);
     const t = this.dialogId || this._uid;
     this._dispatchWithLegacy("ui-open", "open", { id: t }), this.headless || (this._focusInitialFrame && h(this._focusInitialFrame), this._focusInitialFrame = v(() => {
       this._focusInitialFrame = 0, this._focusInitial();
     })), this.requestRender();
   }
   _deactivate() {
-    if (!this._active)
-      return;
+    if (!this._active) return;
     this._active = !1;
-    const t = c._openStack.lastIndexOf(this);
-    if (t >= 0 && c._openStack.splice(t, 1), l() && !this._activeHeadless && document.removeEventListener("focusin", this._onFocusIn, !0), this._activeHeadless || S(), !this._terminalEmitted) {
+    const t = l._openStack.lastIndexOf(this);
+    if (t >= 0 && l._openStack.splice(t, 1), c() && !this._activeHeadless && document.removeEventListener("focusin", this._onFocusIn, !0), this._activeHeadless || z(), !this._terminalEmitted) {
       const r = this._closeMeta || { action: "dismiss", source: "abort" }, s = this.dialogId || this._uid;
       r.action === "cancel" ? this._dispatchWithLegacy("ui-cancel", "cancel", { id: s }) : r.action === "dismiss" && this._dispatchWithLegacy("ui-dismiss", "dismiss", {
         id: s,
@@ -824,10 +817,10 @@ const B = class c extends J {
   _syncActiveEnvironment() {
     if (this._active && this.headless !== this._activeHeadless) {
       if (this.headless) {
-        l() && document.removeEventListener("focusin", this._onFocusIn, !0), S(), this._lastActive = null, this._activeHeadless = !0;
+        c() && document.removeEventListener("focusin", this._onFocusIn, !0), z(), this._lastActive = null, this._activeHeadless = !0;
         return;
       }
-      this._lastActive = $(), L(), l() && document.addEventListener("focusin", this._onFocusIn, !0), this._activeHeadless = !1, this._focusInitialFrame && h(this._focusInitialFrame), this._focusInitialFrame = v(() => {
+      this._lastActive = E(), F(), c() && document.addEventListener("focusin", this._onFocusIn, !0), this._activeHeadless = !1, this._focusInitialFrame && h(this._focusInitialFrame), this._focusInitialFrame = v(() => {
         this._focusInitialFrame = 0, this._focusInitial();
       });
     }
@@ -849,28 +842,24 @@ const B = class c extends J {
     return this.dispatchEvent(n), o;
   }
   _isTopMost() {
-    if (!this._active)
-      return !1;
-    const t = c._openStack;
+    if (!this._active) return !1;
+    const t = l._openStack;
     return t.length > 0 && t[t.length - 1] === this;
   }
   _queryPanel() {
     return this.root.querySelector(".dialog");
   }
   _collectFocusable(t) {
-    return Array.from(t.querySelectorAll(X)).filter((i) => {
-      if (i.disabled || i.getAttribute("aria-hidden") === "true")
-        return !1;
-      const s = l() ? window.getComputedStyle(i) : null;
+    return Array.from(t.querySelectorAll(N)).filter((i) => {
+      if (i.disabled || i.getAttribute("aria-hidden") === "true") return !1;
+      const s = c() ? window.getComputedStyle(i) : null;
       return !(s && (s.display === "none" || s.visibility === "hidden"));
     });
   }
   _focusInitial() {
-    if (!this.open)
-      return;
+    if (!this.open) return;
     const t = this._queryPanel();
-    if (!t)
-      return;
+    if (!t) return;
     const i = this.initialFocus;
     if (i) {
       const n = t.querySelector(i);
@@ -887,11 +876,9 @@ const B = class c extends J {
     }
   }
   _handleTab(t) {
-    if (t.key !== "Tab")
-      return;
+    if (t.key !== "Tab") return;
     const i = this._queryPanel();
-    if (!i)
-      return;
+    if (!i) return;
     const r = this._collectFocusable(i);
     if (!r.length) {
       t.preventDefault(), i.focus();
@@ -905,11 +892,9 @@ const B = class c extends J {
     s === n && (t.preventDefault(), o.focus());
   }
   _onFocusIn(t) {
-    if (!this.open || !this._isTopMost())
-      return;
+    if (!this.open || !this._isTopMost()) return;
     const i = this._queryPanel();
-    if (!i)
-      return;
+    if (!i) return;
     const r = t.target;
     (typeof t.composedPath == "function" ? t.composedPath() : []).includes(i) || r && i.contains(r) || this._focusInitial();
   }
@@ -939,8 +924,7 @@ const B = class c extends J {
     this._isInteractionLocked() || this.close("cancel");
   }
   _onClick(t) {
-    if (!this.open || !this._isTopMost())
-      return;
+    if (!this.open || !this._isTopMost()) return;
     const i = t.target;
     if (i) {
       if (i.classList.contains("backdrop") && this.closeOnBackdrop) {
@@ -961,8 +945,7 @@ const B = class c extends J {
   _onKeyDown(t) {
     if (!(!this.open || !this._isTopMost())) {
       if (t.key === "Escape") {
-        if (!this.closeOnEsc)
-          return;
+        if (!this.closeOnEsc) return;
         t.preventDefault(), t.stopPropagation(), this._requestDismiss("esc");
         return;
       }
@@ -970,77 +953,76 @@ const B = class c extends J {
     }
   }
   render() {
-    var A, F, z, I, E, C;
     if (!this.open) {
       this.setContent("");
       return;
     }
-    const t = this._config.title ?? this.getAttribute("title") ?? "", i = this._config.description ?? this.getAttribute("description") ?? "", r = this._config.confirmText ?? this.getAttribute("confirm-text") ?? "Confirm", s = this._config.cancelText ?? this.getAttribute("cancel-text") ?? "Cancel", o = this._config.loadingText ?? this.getAttribute("loading-text") ?? "Working...", n = !!((A = this._config.input) != null && A.enabled), T = ((F = this._config.input) == null ? void 0 : F.label) || "Value", q = ((z = this._config.input) == null ? void 0 : z.placeholder) || "", D = !!((I = this._config.input) != null && I.required), M = !!((E = this._config.checkbox) != null && E.enabled), O = ((C = this._config.checkbox) == null ? void 0 : C.label) || "Remember this choice", V = this.state, f = this._runtimeError || this._config.errorMessage || this.getAttribute("error-message") || "", x = `ui-alert-title-${this._uid}`, _ = `ui-alert-description-${this._uid}`, k = `ui-alert-error-${this._uid}`, H = !!this.querySelector('[slot="title"]'), W = !!this.querySelector('[slot="description"]'), R = !!this.querySelector('[slot="icon"]'), P = !!this.querySelector('[slot="footer"]'), j = !!this.querySelector('[slot="content"]'), g = H || !!t, b = W || !!i, K = R || g || b, Y = this._config.showCancel ?? this.dismissible, U = this._config.showClose ?? this.dismissible, N = this.tone, Z = this.getAttribute("aria-label") || "", G = this.getAttribute("aria-labelledby") || "", y = this.getAttribute("aria-describedby") || "", m = G || (g ? x : ""), w = Z || (m ? "" : t || i || "Dialog"), u = [];
-    y ? u.push(y) : (b && u.push(_), f && u.push(k));
-    const d = V === "loading";
+    const t = this._config.title ?? this.getAttribute("title") ?? "", i = this._config.description ?? this.getAttribute("description") ?? "", r = this._config.confirmText ?? this.getAttribute("confirm-text") ?? "Confirm", s = this._config.cancelText ?? this.getAttribute("cancel-text") ?? "Cancel", o = this._config.loadingText ?? this.getAttribute("loading-text") ?? "Working...", n = !!this._config.input?.enabled, I = this._config.input?.label || "Value", C = this._config.input?.placeholder || "", L = !!this._config.input?.required, S = !!this._config.checkbox?.enabled, $ = this._config.checkbox?.label || "Remember this choice", B = this.state, f = this._runtimeError || this._config.errorMessage || this.getAttribute("error-message") || "", _ = `ui-alert-title-${this._uid}`, k = `ui-alert-description-${this._uid}`, y = `ui-alert-error-${this._uid}`, T = !!this.querySelector('[slot="title"]'), q = !!this.querySelector('[slot="description"]'), M = !!this.querySelector('[slot="icon"]'), O = !!this.querySelector('[slot="footer"]'), D = !!this.querySelector('[slot="content"]'), g = T || !!t, b = q || !!i, V = M || g || b, H = this._config.showCancel ?? this.dismissible, W = this._config.showClose ?? this.dismissible, R = this.tone, P = this.getAttribute("aria-label") || "", j = this.getAttribute("aria-labelledby") || "", w = this.getAttribute("aria-describedby") || "", m = j || (g ? _ : ""), A = P || (m ? "" : t || i || "Dialog"), u = [];
+    w ? u.push(w) : (b && u.push(k), f && u.push(y));
+    const d = B === "loading";
     this.setContent(`
-      <style>${Q}</style>
+      <style>${Y}</style>
       <div class="backdrop" part="backdrop" role="presentation" data-open="${String(this.open)}">
         <section
           class="dialog"
           part="dialog"
           role="${a(this.roleType)}"
           aria-modal="true"
-          ${w ? `aria-label="${a(w)}"` : ""}
+          ${A ? `aria-label="${a(A)}"` : ""}
           ${m ? `aria-labelledby="${a(m)}"` : ""}
           ${u.length ? `aria-describedby="${a(u.join(" "))}"` : ""}
           tabindex="-1"
         >
-          ${U ? `<button class="close" part="close" aria-label="Close dialog">
+          ${W ? `<button class="close" part="close" aria-label="Close dialog">
                 <svg width="14" height="14" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round">
                   <path d="m6 6 8 8M14 6l-8 8"></path>
                 </svg>
               </button>` : ""}
 
-          ${K ? `<header class="header">
+          ${V ? `<header class="header">
                 <div class="header-main">
                   <span class="icon-wrap" part="icon-wrap" aria-hidden="true">
                     <span class="icon" part="icon">
-                      <slot name="icon">${nt(N)}</slot>
+                      <slot name="icon">${it(R)}</slot>
                     </span>
                   </span>
                   <div class="heading">
-                    ${g ? `<h2 id="${x}" class="title" part="title"><slot name="title">${a(t)}</slot></h2>` : ""}
-                    ${b ? `<p id="${_}" class="description" part="description"><slot name="description">${a(i)}</slot></p>` : ""}
+                    ${g ? `<h2 id="${_}" class="title" part="title"><slot name="title">${a(t)}</slot></h2>` : ""}
+                    ${b ? `<p id="${k}" class="description" part="description"><slot name="description">${a(i)}</slot></p>` : ""}
                   </div>
                 </div>
               </header>` : ""}
 
           <div class="content" part="content">
-            ${j ? '<slot name="content"></slot>' : "<slot></slot>"}
+            ${D ? '<slot name="content"></slot>' : "<slot></slot>"}
 
             ${n ? `<label class="input-wrap">
-                  <span class="label">${a(T)}</span>
+                  <span class="label">${a(I)}</span>
                   <input
                     class="input"
                     part="input"
                     type="text"
                     value="${a(this.getInputValue())}"
-                    placeholder="${a(q)}"
-                    ${D ? "required" : ""}
+                    placeholder="${a(C)}"
+                    ${L ? "required" : ""}
                     ${d ? "disabled" : ""}
                   />
                 </label>` : ""}
 
-            ${M ? `<label class="checkbox" part="checkbox">
+            ${S ? `<label class="checkbox" part="checkbox">
                   <span class="checkbox-line">
                     <input class="checkbox-input" type="checkbox" ${this.getChecked() ? "checked" : ""} ${d ? "disabled" : ""} />
-                    <span>${a(O)}</span>
+                    <span>${a($)}</span>
                   </span>
                 </label>` : ""}
           </div>
 
-          <div class="error" id="${k}" part="error" aria-live="polite" data-empty="${String(!f)}">${a(f)}</div>
+          <div class="error" id="${y}" part="error" aria-live="polite" data-empty="${String(!f)}">${a(f)}</div>
 
           <footer class="footer" part="footer">
             ${d ? `<span class="loading"><span class="spinner" aria-hidden="true"></span><span>${a(o)}</span></span>` : '<span aria-hidden="true"></span>'}
 
-            ${P ? '<slot name="footer"></slot>' : `${Y ? `<button class="btn btn-cancel" part="cancel" type="button" ${d ? "disabled" : ""}>${a(s)}</button>` : ""}
+            ${O ? '<slot name="footer"></slot>' : `${H ? `<button class="btn btn-cancel" part="cancel" type="button" ${d ? "disabled" : ""}>${a(s)}</button>` : ""}
                  <button class="btn btn-confirm" part="confirm" type="button" ${d ? "disabled" : ""}>${a(r)}</button>`}
           </footer>
         </section>
@@ -1048,9 +1030,9 @@ const B = class c extends J {
     `);
   }
 };
-B._openStack = [];
-let lt = B;
-typeof customElements < "u" && !customElements.get("ui-alert-dialog") && customElements.define("ui-alert-dialog", lt);
+l._openStack = [];
+let x = l;
+typeof customElements < "u" && !customElements.get("ui-alert-dialog") && customElements.define("ui-alert-dialog", x);
 export {
-  lt as UIAlertDialog
+  x as UIAlertDialog
 };

package/dist/alert.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("./ElementBase-1b301e7f.js"),z=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("./ElementBase-EV6mVBUV.js"),z=`
   :host {
     display: block;
     --ui-alert-radius: var(--base-alert-radius, var(--ui-radius, 4px));

package/dist/alert.esm.js

@@ -1,4 +1,4 @@
-import { E as w } from "./ElementBase-909688f3.mjs";
+import { E as w } from "./ElementBase-YlTLMsGk.mjs";
 const y = `
   :host {
     display: block;
@@ -349,15 +349,13 @@ function A(i) {
   return i === "none" ? "none" : "line";
 }
 function $(i, r = "var(--base-alert-radius, var(--ui-radius, 4px))") {
-  if (!i || !i.trim())
-    return r;
+  if (!i || !i.trim()) return r;
   const t = i.trim().toLowerCase();
   return t === "full" || t === "pill" ? "999px" : t === "square" || t === "none" ? "0px" : /^-?\d+(\.\d+)?$/.test(t) ? `${t}px` : i.trim();
 }
 function s(i, r) {
   return Array.from(i.children).some((t) => {
-    if (!(t instanceof HTMLElement))
-      return !1;
+    if (!(t instanceof HTMLElement)) return !1;
     const e = t.getAttribute("slot") || "";
     return r ? e === r : e === "";
   });
@@ -400,8 +398,7 @@ class B extends w {
   }
   _onSlotChange() {
     const r = this.root.querySelector(".actions");
-    if (!r || !this._actionsSlot)
-      return;
+    if (!r || !this._actionsSlot) return;
     const t = this._actionsSlot.assignedNodes({ flatten: !0 }).length > 0;
     r.setAttribute("data-empty", t ? "false" : "true");
   }

package/dist/anchor.cjs.js

@@ -22,9 +22,9 @@
     cursor: default;
     opacity: 0.6;
   }
-`;class i extends HTMLElement{constructor(){super();const t=this.attachShadow({mode:"open"});t.innerHTML=`
+`;class i extends HTMLElement{static get observedAttributes(){return["href","target","rel","download","hreflang","referrerpolicy","ping","type","aria-label","title"]}constructor(){super();const t=this.attachShadow({mode:"open"});t.innerHTML=`
       <style>${r}</style>
       <a part="anchor">
         <slot></slot>
       </a>
-    `,this.anchorEl=t.querySelector("a")}static get observedAttributes(){return["href","target","rel","download","hreflang","referrerpolicy","ping","type","aria-label","title"]}connectedCallback(){this.syncAttributes()}attributeChangedCallback(){this.syncAttributes()}syncAttributes(){const t=this.getAttribute("href");this.syncAttribute("href"),this.syncAttribute("target"),this.syncAttribute("rel"),this.syncAttribute("download"),this.syncAttribute("hreflang"),this.syncAttribute("referrerpolicy"),this.syncAttribute("ping"),this.syncAttribute("type"),this.syncAttribute("aria-label"),this.syncAttribute("title"),t?this.anchorEl.removeAttribute("aria-disabled"):(this.anchorEl.removeAttribute("href"),this.anchorEl.setAttribute("aria-disabled","true"))}syncAttribute(t){const e=this.getAttribute(t);if(e==null){this.anchorEl.removeAttribute(t);return}this.anchorEl.setAttribute(t,e)}}typeof customElements<"u"&&!customElements.get("ui-anchor")&&customElements.define("ui-anchor",i);exports.UIAnchor=i;
+    `,this.anchorEl=t.querySelector("a")}connectedCallback(){this.syncAttributes()}attributeChangedCallback(){this.syncAttributes()}syncAttributes(){const t=this.getAttribute("href");this.syncAttribute("href"),this.syncAttribute("target"),this.syncAttribute("rel"),this.syncAttribute("download"),this.syncAttribute("hreflang"),this.syncAttribute("referrerpolicy"),this.syncAttribute("ping"),this.syncAttribute("type"),this.syncAttribute("aria-label"),this.syncAttribute("title"),t?this.anchorEl.removeAttribute("aria-disabled"):(this.anchorEl.removeAttribute("href"),this.anchorEl.setAttribute("aria-disabled","true"))}syncAttribute(t){const e=this.getAttribute(t);if(e==null){this.anchorEl.removeAttribute(t);return}this.anchorEl.setAttribute(t,e)}}typeof customElements<"u"&&!customElements.get("ui-anchor")&&customElements.define("ui-anchor",i);exports.UIAnchor=i;

package/dist/anchor.esm.js

@@ -24,6 +24,9 @@ const i = `
   }
 `;
 class r extends HTMLElement {
+  static get observedAttributes() {
+    return ["href", "target", "rel", "download", "hreflang", "referrerpolicy", "ping", "type", "aria-label", "title"];
+  }
   constructor() {
     super();
     const t = this.attachShadow({ mode: "open" });
@@ -34,9 +37,6 @@ class r extends HTMLElement {
       </a>
     `, this.anchorEl = t.querySelector("a");
   }
-  static get observedAttributes() {
-    return ["href", "target", "rel", "download", "hreflang", "referrerpolicy", "ping", "type", "aria-label", "title"];
-  }
   connectedCallback() {
     this.syncAttributes();
   }