@editora/ui-core 0.1.18 → 0.1.20

package/dist/dropdown.esm.js

@@ -1,5 +1,5 @@
-import { E as _ } from "./ElementBase-909688f3.mjs";
-import { c as x } from "./menu-item-styles-27fdbac4.mjs";
+import { E as _ } from "./ElementBase-YlTLMsGk.mjs";
+import { c as x } from "./menu-item-styles-CZiPwPwl.mjs";
 const l = [
   '[role="menuitem"]',
   '[role="menuitemcheckbox"]',
@@ -523,10 +523,9 @@ function h(i, e) {
   return i.getAttribute(e) || "";
 }
 function f(i, e) {
-  if (i == null)
-    return e;
-  const r = i.trim().toLowerCase();
-  return r !== "false" && r !== "0" && r !== "off";
+  if (i == null) return e;
+  const t = i.trim().toLowerCase();
+  return t !== "false" && t !== "0" && t !== "off";
 }
 function p() {
   return typeof window < "u" && typeof document < "u";
@@ -546,12 +545,12 @@ function g(i) {
     }
 }
 function E(i, e) {
-  const r = i.offsetTop, t = r + i.offsetHeight, o = e.scrollTop, a = o + e.clientHeight;
-  if (r < o) {
-    e.scrollTop = r;
+  const t = i.offsetTop, r = t + i.offsetHeight, o = e.scrollTop, a = o + e.clientHeight;
+  if (t < o) {
+    e.scrollTop = t;
     return;
   }
-  t > a && (e.scrollTop = Math.max(0, t - e.clientHeight));
+  r > a && (e.scrollTop = Math.max(0, r - e.clientHeight));
 }
 function I(i) {
   return w(i);
@@ -561,30 +560,26 @@ function w(i) {
     return document.createTextNode(i.textContent || "");
   if (!(i instanceof HTMLElement))
     return i.cloneNode(!1);
-  const e = i.tagName === "UI-BOX", r = document.createElement(e ? "div" : i.tagName.toLowerCase());
-  return Array.from(i.attributes).forEach((t) => {
-    t.name !== "slot" && r.setAttribute(t.name, t.value);
-  }), Array.from(i.childNodes).forEach((t) => {
-    r.appendChild(w(t));
-  }), r;
+  const e = i.tagName === "UI-BOX", t = document.createElement(e ? "div" : i.tagName.toLowerCase());
+  return Array.from(i.attributes).forEach((r) => {
+    r.name !== "slot" && t.setAttribute(r.name, r.value);
+  }), Array.from(i.childNodes).forEach((r) => {
+    t.appendChild(w(r));
+  }), t;
 }
-function T(i, e, r) {
-  for (let t = e + r; t >= 0 && t < i.length; t += r)
-    if (!b(i[t]))
-      return t;
+function T(i, e, t) {
+  for (let r = e + t; r >= 0 && r < i.length; r += t)
+    if (!b(i[r])) return r;
   return -1;
 }
-function M(i, e, r) {
-  if (!e)
-    return null;
-  const t = i.filter((a) => !b(a));
-  if (!t.length)
-    return null;
-  const o = r ? t.indexOf(r) : -1;
-  for (let a = 1; a <= t.length; a += 1) {
-    const n = t[(o + a + t.length) % t.length];
-    if (C(n).toLowerCase().startsWith(e))
-      return n;
+function M(i, e, t) {
+  if (!e) return null;
+  const r = i.filter((a) => !b(a));
+  if (!r.length) return null;
+  const o = t ? r.indexOf(t) : -1;
+  for (let a = 1; a <= r.length; a += 1) {
+    const n = r[(o + a + r.length) % r.length];
+    if (C(n).toLowerCase().startsWith(e)) return n;
   }
   return null;
 }
@@ -640,8 +635,8 @@ class D extends _ {
   disconnectedCallback() {
     this.removeEventListener("click", this._onHostClick), this.removeEventListener("keydown", this._onHostKeyDown), this.root.removeEventListener("slotchange", this._onSlotChange), this._teardownOpenListeners(), this._openFrame && cancelAnimationFrame(this._openFrame), super.disconnectedCallback();
   }
-  attributeChangedCallback(e, r, t) {
-    if (r !== t) {
+  attributeChangedCallback(e, t, r) {
+    if (t !== r) {
       if (e === "open") {
         this._syncOpenState();
         return;
@@ -709,43 +704,39 @@ class D extends _ {
     return this._portalEl;
   }
   _isFocusable(e) {
-    if (!e || !e.isConnected || e.disabled || e.getAttribute("aria-hidden") === "true")
-      return !1;
-    if (!p())
-      return !0;
-    const r = window.getComputedStyle(e);
-    return r.display !== "none" && r.visibility !== "hidden";
+    if (!e || !e.isConnected || e.disabled || e.getAttribute("aria-hidden") === "true") return !1;
+    if (!p()) return !0;
+    const t = window.getComputedStyle(e);
+    return t.display !== "none" && t.visibility !== "hidden";
   }
   _currentFocusedItem() {
     const e = this.root.activeElement || document.activeElement;
     return e instanceof HTMLElement ? e.closest(l) : null;
   }
   _queryItems(e = !0) {
-    const r = this._getMenu();
-    if (!r)
-      return [];
-    const t = Array.from(r.querySelectorAll(l));
-    return e ? t : t.filter((o) => !b(o));
+    const t = this._getMenu();
+    if (!t) return [];
+    const r = Array.from(t.querySelectorAll(l));
+    return e ? r : r.filter((o) => !b(o));
   }
   _requestClose(e) {
-    if (!this._isOpen)
-      return;
-    const r = new CustomEvent("request-close", {
+    if (!this._isOpen) return;
+    const t = new CustomEvent("request-close", {
       detail: { reason: e },
       bubbles: !0,
       composed: !0,
       cancelable: !0
     });
-    this.dispatchEvent(r);
-    const t = new CustomEvent("ui-request-close", {
+    this.dispatchEvent(t);
+    const r = new CustomEvent("ui-request-close", {
       detail: { reason: e },
       bubbles: !0,
       composed: !0,
       cancelable: !0
     });
-    this.dispatchEvent(t), !(r.defaultPrevented || t.defaultPrevented) && this.close(e);
+    this.dispatchEvent(r), !(t.defaultPrevented || r.defaultPrevented) && this.close(e);
   }
-  _close(e, r = {}) {
+  _close(e, t = {}) {
     if (this._openFrame && cancelAnimationFrame(this._openFrame), this._openFrame = 0, this._isOpen = !1, this._teardownOpenListeners(), this.hasAttribute("open") && this.removeAttribute("open"), this._syncControlState(), this._syncTriggerA11y(), this._clearActiveItem(), this._clearMenuContent(), this._resetTypeahead(), this.dispatchEvent(
       new CustomEvent("change", {
         bubbles: !0,
@@ -758,9 +749,9 @@ class D extends _ {
         composed: !0,
         detail: { reason: e }
       })
-    ), r.restoreFocus !== !1) {
-      const t = this._getTrigger();
-      t && this._isFocusable(t) ? g(t) : this._restoreFocusEl && this._isFocusable(this._restoreFocusEl) && g(this._restoreFocusEl);
+    ), t.restoreFocus !== !1) {
+      const r = this._getTrigger();
+      r && this._isFocusable(r) ? g(r) : this._restoreFocusEl && this._isFocusable(this._restoreFocusEl) && g(this._restoreFocusEl);
     }
     this._restoreFocusEl = null;
   }
@@ -800,55 +791,50 @@ class D extends _ {
   }
   _renderMenuContent() {
     const e = this._getMenu();
-    if (!e)
-      return;
+    if (!e) return;
     e.replaceChildren();
-    const r = this._getContentSource();
-    if (r && e.appendChild(I(r)), !e.querySelector(l)) {
-      const t = document.createElement("div");
-      t.className = "empty-state", t.textContent = "No items", e.appendChild(t);
+    const t = this._getContentSource();
+    if (t && e.appendChild(I(t)), !e.querySelector(l)) {
+      const r = document.createElement("div");
+      r.className = "empty-state", r.textContent = "No items", e.appendChild(r);
     }
     this._syncMenuItemSemantics();
   }
   _syncMenuItemSemantics() {
-    this._queryItems(!0).forEach((e, r) => {
-      e.getAttribute("role") || e.setAttribute("role", "menuitem"), e.hasAttribute("tabindex") || e.setAttribute("tabindex", "-1"), e.dataset.sourceIndex = String(r), e.hasAttribute("disabled") && e.getAttribute("aria-disabled") !== "true" && e.setAttribute("aria-disabled", "true");
-      const t = e.getAttribute("role");
-      (t === "menuitemcheckbox" || t === "menuitemradio") && !e.hasAttribute("aria-checked") && e.setAttribute("aria-checked", "false"), this._applyStoredItemState(e, r);
+    this._queryItems(!0).forEach((e, t) => {
+      e.getAttribute("role") || e.setAttribute("role", "menuitem"), e.hasAttribute("tabindex") || e.setAttribute("tabindex", "-1"), e.dataset.sourceIndex = String(t), e.hasAttribute("disabled") && e.getAttribute("aria-disabled") !== "true" && e.setAttribute("aria-disabled", "true");
+      const r = e.getAttribute("role");
+      (r === "menuitemcheckbox" || r === "menuitemradio") && !e.hasAttribute("aria-checked") && e.setAttribute("aria-checked", "false"), this._applyStoredItemState(e, t);
     });
   }
   _clearMenuContent() {
     const e = this._getMenu();
     e && e.replaceChildren();
   }
-  _applyStoredItemState(e, r) {
-    const t = e.getAttribute("role");
-    if (t === "menuitemcheckbox") {
-      if (!this._checkboxState.has(r))
-        return;
-      const n = this._checkboxState.get(r) === !0;
+  _applyStoredItemState(e, t) {
+    const r = e.getAttribute("role");
+    if (r === "menuitemcheckbox") {
+      if (!this._checkboxState.has(t)) return;
+      const n = this._checkboxState.get(t) === !0;
       e.setAttribute("aria-checked", n ? "true" : "false"), e.setAttribute("data-state", n ? "checked" : "unchecked");
       return;
     }
-    if (t !== "menuitemradio")
-      return;
+    if (r !== "menuitemradio") return;
     const o = e.getAttribute("data-group") || e.getAttribute("name") || "__default__";
-    if (!this._radioState.has(o))
-      return;
-    const a = this._radioState.get(o) === r;
+    if (!this._radioState.has(o)) return;
+    const a = this._radioState.get(o) === t;
     e.setAttribute("aria-checked", a ? "true" : "false"), e.setAttribute("data-state", a ? "checked" : "unchecked");
   }
   _syncMenuPresentation() {
     const e = this._getMenu();
-    if (!e)
-      return;
-    const r = p() ? window.getComputedStyle(this) : null;
-    r && F.forEach((c) => {
-      const m = r.getPropertyValue(c).trim();
+    if (!e) return;
+    const t = p() ? window.getComputedStyle(this) : null;
+    t && F.forEach((c) => {
+      const m = t.getPropertyValue(c).trim();
       m ? e.style.setProperty(c, m) : e.style.removeProperty(c);
     });
-    const t = h(this, "variant"), o = A(this.getAttribute("size") || this.getAttribute("density")), a = h(this, "density"), n = h(this, "shape"), u = h(this, "elevation"), s = h(this, "tone"), d = S(this.getAttribute("radius") || n || null);
-    if (t && t !== "default" ? e.setAttribute("data-variant", t) : e.removeAttribute("data-variant"), o !== "md" ? e.setAttribute("data-size", o) : e.removeAttribute("data-size"), a && a !== "default" ? e.setAttribute("data-density", a) : e.removeAttribute("data-density"), n && n !== "default" ? e.setAttribute("data-shape", n) : e.removeAttribute("data-shape"), u && u !== "default" ? e.setAttribute("data-elevation", u) : e.removeAttribute("data-elevation"), s && s !== "default" && s !== "brand" ? e.setAttribute("data-tone", s) : e.removeAttribute("data-tone"), d) {
+    const r = h(this, "variant"), o = A(this.getAttribute("size") || this.getAttribute("density")), a = h(this, "density"), n = h(this, "shape"), u = h(this, "elevation"), s = h(this, "tone"), d = S(this.getAttribute("radius") || n || null);
+    if (r && r !== "default" ? e.setAttribute("data-variant", r) : e.removeAttribute("data-variant"), o !== "md" ? e.setAttribute("data-size", o) : e.removeAttribute("data-size"), a && a !== "default" ? e.setAttribute("data-density", a) : e.removeAttribute("data-density"), n && n !== "default" ? e.setAttribute("data-shape", n) : e.removeAttribute("data-shape"), u && u !== "default" ? e.setAttribute("data-elevation", u) : e.removeAttribute("data-elevation"), s && s !== "default" && s !== "brand" ? e.setAttribute("data-tone", s) : e.removeAttribute("data-tone"), d) {
       e.style.setProperty("--ui-dropdown-radius", d), e.style.setProperty("--ui-dropdown-item-radius", d === "999px" ? "999px" : `max(0px, calc(${d} - 2px))`);
       return;
     }
@@ -856,14 +842,13 @@ class D extends _ {
   }
   _syncMenuA11y() {
     const e = this._getMenu();
-    if (!e)
-      return;
-    const r = this._getTrigger(), t = this.getAttribute("aria-label") || "", o = this.getAttribute("aria-labelledby") || "", a = this.getAttribute("aria-describedby") || "", n = o || (!t && (r != null && r.id) ? r.id : "");
-    t ? e.setAttribute("aria-label", t) : e.removeAttribute("aria-label"), n ? e.setAttribute("aria-labelledby", n) : e.removeAttribute("aria-labelledby"), a ? e.setAttribute("aria-describedby", a) : e.removeAttribute("aria-describedby");
+    if (!e) return;
+    const t = this._getTrigger(), r = this.getAttribute("aria-label") || "", o = this.getAttribute("aria-labelledby") || "", a = this.getAttribute("aria-describedby") || "", n = o || (!r && t?.id ? t.id : "");
+    r ? e.setAttribute("aria-label", r) : e.removeAttribute("aria-label"), n ? e.setAttribute("aria-labelledby", n) : e.removeAttribute("aria-labelledby"), a ? e.setAttribute("aria-describedby", a) : e.removeAttribute("aria-describedby");
   }
   _syncControlState() {
-    const e = this._panelEl, r = this._getMenu();
-    !e || !r || (e.hidden = !this._isOpen, e.setAttribute("data-placement", this._placement));
+    const e = this._panelEl, t = this._getMenu();
+    !e || !t || (e.hidden = !this._isOpen, e.setAttribute("data-placement", this._placement));
   }
   _schedulePanelSync(e) {
     this._openFrame && cancelAnimationFrame(this._openFrame), this._openFrame = requestAnimationFrame(() => {
@@ -875,33 +860,30 @@ class D extends _ {
     !e || !this._isOpen || (this._placement = this._resolvePlacement(), e.setAttribute("data-placement", this._placement), this.style.setProperty("--ui-dropdown-available-width", `${Math.max(0, Math.floor(this._availableWidth(this._placement)))}px`), this.style.setProperty("--ui-dropdown-available-height", `${Math.max(0, Math.floor(this._availableHeight(this._placement)))}px`));
   }
   _availableWidth(e) {
-    const r = this._getTrigger();
-    if (!r || !p())
-      return 380;
-    const t = r.getBoundingClientRect(), o = window.innerWidth || document.documentElement.clientWidth || 0;
-    return e === "left" ? t.left - 12 : e === "right" ? o - t.right - 12 : o - t.left - 12;
+    const t = this._getTrigger();
+    if (!t || !p()) return 380;
+    const r = t.getBoundingClientRect(), o = window.innerWidth || document.documentElement.clientWidth || 0;
+    return e === "left" ? r.left - 12 : e === "right" ? o - r.right - 12 : o - r.left - 12;
   }
   _availableHeight(e) {
-    const r = this._getTrigger();
-    if (!r || !p())
-      return 440;
-    const t = r.getBoundingClientRect(), o = window.innerHeight || document.documentElement.clientHeight || 0;
-    return e === "top" ? t.top - 12 : o - t.bottom - 12;
+    const t = this._getTrigger();
+    if (!t || !p()) return 440;
+    const r = t.getBoundingClientRect(), o = window.innerHeight || document.documentElement.clientHeight || 0;
+    return e === "top" ? r.top - 12 : o - r.bottom - 12;
   }
   _resolvePlacement() {
-    const e = k(this.getAttribute("placement")), r = this._getTrigger(), t = this._getMenu();
-    if (!r || !t || !p())
-      return e;
-    const o = r.getBoundingClientRect(), a = window.innerWidth || document.documentElement.clientWidth || 0, n = window.innerHeight || document.documentElement.clientHeight || 0, u = Math.max(0, n - o.bottom - 12), s = Math.max(0, o.top - 12), d = Math.max(0, a - o.right - 12), c = Math.max(0, o.left - 12), m = Math.min(Math.max(t.scrollHeight, t.offsetHeight) + 4, 320), v = Math.min(Math.max(t.scrollWidth, t.offsetWidth) + 4, 360);
+    const e = k(this.getAttribute("placement")), t = this._getTrigger(), r = this._getMenu();
+    if (!t || !r || !p()) return e;
+    const o = t.getBoundingClientRect(), a = window.innerWidth || document.documentElement.clientWidth || 0, n = window.innerHeight || document.documentElement.clientHeight || 0, u = Math.max(0, n - o.bottom - 12), s = Math.max(0, o.top - 12), d = Math.max(0, a - o.right - 12), c = Math.max(0, o.left - 12), m = Math.min(Math.max(r.scrollHeight, r.offsetHeight) + 4, 320), v = Math.min(Math.max(r.scrollWidth, r.offsetWidth) + 4, 360);
     return e === "top" ? s >= m || s > u ? "top" : "bottom" : e === "left" ? c >= v || c > d ? "left" : "right" : e === "right" ? d >= v || d >= c ? "right" : "left" : u >= m || u >= s ? "bottom" : "top";
   }
   _clearActiveItem() {
     this._queryItems(!0).forEach((e) => e.removeAttribute("data-active"));
   }
-  _setActiveItem(e, r = {}) {
-    if (this._clearActiveItem(), !!e && (e.setAttribute("data-active", "true"), r.focus && g(e), r.scroll)) {
-      const t = this._getMenu();
-      t && E(e, t);
+  _setActiveItem(e, t = {}) {
+    if (this._clearActiveItem(), !!e && (e.setAttribute("data-active", "true"), t.focus && g(e), t.scroll)) {
+      const r = this._getMenu();
+      r && E(e, r);
     }
   }
   _focusFirstItem() {
@@ -913,12 +895,11 @@ class D extends _ {
     this._setActiveItem(e[e.length - 1] || null, { focus: !0, scroll: !0 });
   }
   _moveFocus(e) {
-    const r = this._queryItems(!0);
-    if (!r.length)
-      return;
-    const t = this._currentFocusedItem() || this._queryItems(!0).find((n) => n.getAttribute("data-active") === "true") || null, o = t ? r.indexOf(t) : e > 0 ? -1 : r.length, a = T(r, o, e);
+    const t = this._queryItems(!0);
+    if (!t.length) return;
+    const r = this._currentFocusedItem() || this._queryItems(!0).find((n) => n.getAttribute("data-active") === "true") || null, o = r ? t.indexOf(r) : e > 0 ? -1 : t.length, a = T(t, o, e);
     if (a >= 0) {
-      this._setActiveItem(r[a], { focus: !0, scroll: !0 });
+      this._setActiveItem(t[a], { focus: !0, scroll: !0 });
       return;
     }
     e > 0 ? this._focusFirstItem() : this._focusLastItem();
@@ -930,52 +911,46 @@ class D extends _ {
     return e.ctrlKey || e.metaKey || e.altKey ? !1 : e.key.length === 1 && /\S/.test(e.key);
   }
   _handleTypeahead(e) {
-    if (!this.typeahead || !this._isTypeaheadKey(e))
-      return !1;
-    const r = e.key.toLowerCase();
-    this._typeaheadBuffer = `${this._typeaheadBuffer}${r}`.slice(0, 24), this._typeaheadTimer != null && window.clearTimeout(this._typeaheadTimer), this._typeaheadTimer = window.setTimeout(() => this._resetTypeahead(), 460);
-    const t = M(this._queryItems(!0), this._typeaheadBuffer, this._currentFocusedItem());
-    return t ? (this._setActiveItem(t, { focus: !0, scroll: !0 }), e.preventDefault(), !0) : !1;
+    if (!this.typeahead || !this._isTypeaheadKey(e)) return !1;
+    const t = e.key.toLowerCase();
+    this._typeaheadBuffer = `${this._typeaheadBuffer}${t}`.slice(0, 24), this._typeaheadTimer != null && window.clearTimeout(this._typeaheadTimer), this._typeaheadTimer = window.setTimeout(() => this._resetTypeahead(), 460);
+    const r = M(this._queryItems(!0), this._typeaheadBuffer, this._currentFocusedItem());
+    return r ? (this._setActiveItem(r, { focus: !0, scroll: !0 }), e.preventDefault(), !0) : !1;
   }
   _querySourceItems() {
     const e = this._getContentSource();
     return e ? Array.from(e.querySelectorAll(l)) : [];
   }
   _applySelectionBehavior(e) {
-    const r = e.getAttribute("role"), t = Number(e.dataset.sourceIndex || "-1");
-    if (r === "menuitemcheckbox") {
+    const t = e.getAttribute("role"), r = Number(e.dataset.sourceIndex || "-1");
+    if (t === "menuitemcheckbox") {
       const n = e.getAttribute("aria-checked") !== "true";
-      e.setAttribute("aria-checked", n ? "true" : "false"), e.setAttribute("data-state", n ? "checked" : "unchecked"), t >= 0 && this._checkboxState.set(t, n);
+      e.setAttribute("aria-checked", n ? "true" : "false"), e.setAttribute("data-state", n ? "checked" : "unchecked"), r >= 0 && this._checkboxState.set(r, n);
       return;
     }
-    if (r !== "menuitemradio")
-      return;
+    if (t !== "menuitemradio") return;
     const a = e.getAttribute("data-group") || e.getAttribute("name") || "" || "__default__";
-    t >= 0 && this._radioState.set(a, t), this._queryItems(!0).filter((n) => n.getAttribute("role") === "menuitemradio").forEach((n) => {
-      const u = n.getAttribute("data-group") || n.getAttribute("name") || "";
-      if (a && (u || "__default__") !== a)
-        return;
+    r >= 0 && this._radioState.set(a, r), this._queryItems(!0).filter((n) => n.getAttribute("role") === "menuitemradio").forEach((n) => {
+      if ((n.getAttribute("data-group") || n.getAttribute("name") || "" || "__default__") !== a) return;
       const s = n === e;
       n.setAttribute("aria-checked", s ? "true" : "false"), n.setAttribute("data-state", s ? "checked" : "unchecked");
     });
   }
   _findMenuItemFromEvent(e) {
-    const r = typeof e.composedPath == "function" ? e.composedPath() : [];
-    for (const o of r)
-      if (o instanceof HTMLElement && o.matches(l))
-        return o;
-    const t = e.target;
-    return t instanceof HTMLElement ? t.closest(l) : null;
+    const t = typeof e.composedPath == "function" ? e.composedPath() : [];
+    for (const o of t)
+      if (o instanceof HTMLElement && o.matches(l)) return o;
+    const r = e.target;
+    return r instanceof HTMLElement ? r.closest(l) : null;
   }
   _isEventInsideTrigger(e) {
-    const r = this._getTrigger();
-    return r ? (typeof e.composedPath == "function" ? e.composedPath() : []).includes(r) : !1;
+    const t = this._getTrigger();
+    return t ? (typeof e.composedPath == "function" ? e.composedPath() : []).includes(t) : !1;
   }
   _emitSelect(e) {
-    var t;
-    const r = {
+    const t = {
       value: e.getAttribute("data-value") || e.getAttribute("value") || void 0,
-      label: e.getAttribute("aria-label") || ((t = e.textContent) == null ? void 0 : t.trim()) || void 0,
+      label: e.getAttribute("aria-label") || e.textContent?.trim() || void 0,
       checked: e.getAttribute("aria-checked") === "true",
       item: e
     };
@@ -983,17 +958,15 @@ class D extends _ {
       new CustomEvent("select", {
         bubbles: !0,
         composed: !0,
-        detail: r
+        detail: t
       })
     );
   }
   _onHostClick(e) {
-    var t;
-    if (this.hasAttribute("disabled"))
-      return;
-    const r = this._isOpen ? this._findMenuItemFromEvent(e) : null;
-    if (r && ((t = this._getMenu()) != null && t.contains(r)) && !b(r)) {
-      this._applySelectionBehavior(r), this._setActiveItem(r, { focus: !0, scroll: !0 }), this._emitSelect(r), this.closeOnSelect && this._requestClose("select");
+    if (this.hasAttribute("disabled")) return;
+    const t = this._isOpen ? this._findMenuItemFromEvent(e) : null;
+    if (t && this._getMenu()?.contains(t) && !b(t)) {
+      this._applySelectionBehavior(t), this._setActiveItem(t, { focus: !0, scroll: !0 }), this._emitSelect(t), this.closeOnSelect && this._requestClose("select");
       return;
     }
     if (this._isEventInsideTrigger(e)) {
@@ -1005,10 +978,8 @@ class D extends _ {
     }
   }
   _onHostKeyDown(e) {
-    var r;
     if (!this._isOpen) {
-      if (!this._isEventInsideTrigger(e) || !["ArrowDown", "ArrowUp", "Enter", " "].includes(e.key))
-        return;
+      if (!this._isEventInsideTrigger(e) || !["ArrowDown", "ArrowUp", "Enter", " "].includes(e.key)) return;
       e.preventDefault(), this.open(), this._schedulePanelSync(e.key === "ArrowUp" ? "last" : "first");
       return;
     }
@@ -1039,8 +1010,7 @@ class D extends _ {
       }
       if (e.key === "Enter" || e.key === " ") {
         const t = this._currentFocusedItem();
-        if (!t || !((r = this._getMenu()) != null && r.contains(t)) || b(t))
-          return;
+        if (!t || !this._getMenu()?.contains(t) || b(t)) return;
         e.preventDefault(), t.click();
       }
     }

package/dist/dropzone.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./file-upload.cjs.js");require("./ElementBase-1b301e7f.js");class e extends t.UIFileUpload{connectedCallback(){this.hasAttribute("surface")||this.setAttribute("surface","dropzone"),super.connectedCallback()}}typeof customElements<"u"&&!customElements.get("ui-dropzone")&&customElements.define("ui-dropzone",e);exports.UIDropzone=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./file-upload.cjs.js");class e extends t.UIFileUpload{connectedCallback(){this.hasAttribute("surface")||this.setAttribute("surface","dropzone"),super.connectedCallback()}}typeof customElements<"u"&&!customElements.get("ui-dropzone")&&customElements.define("ui-dropzone",e);exports.UIDropzone=e;

package/dist/dropzone.esm.js

@@ -1,5 +1,4 @@
 import { UIFileUpload as e } from "./file-upload.esm.js";
-import "./ElementBase-909688f3.mjs";
 class t extends e {
   connectedCallback() {
     this.hasAttribute("surface") || this.setAttribute("surface", "dropzone"), super.connectedCallback();

package/dist/empty-state.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./ElementBase-1b301e7f.js"),c=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./ElementBase-EV6mVBUV.js"),c=`
   :host {
     display: block;
     --ui-empty-bg: linear-gradient(180deg, var(--ui-color-surface, #ffffff), var(--ui-color-surface-alt, #f8fafc));

package/dist/empty-state.esm.js

@@ -1,4 +1,4 @@
-import { E as n } from "./ElementBase-909688f3.mjs";
+import { E as n } from "./ElementBase-YlTLMsGk.mjs";
 const a = `
   :host {
     display: block;

package/dist/field-error.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./ElementBase-1b301e7f.js"),u=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./ElementBase-EV6mVBUV.js"),u=`
   :host {
     --ui-field-error-color: var(--ui-color-danger, var(--ui-error, #dc2626));
     --ui-field-error-size: 12px;

package/dist/field-error.esm.js

@@ -1,4 +1,4 @@
-import { E as d } from "./ElementBase-909688f3.mjs";
+import { E as d } from "./ElementBase-YlTLMsGk.mjs";
 const l = `
   :host {
     --ui-field-error-color: var(--ui-color-danger, var(--ui-error, #dc2626));
@@ -104,8 +104,7 @@ class f extends d {
   }
   _resolveTarget() {
     const r = this.getAttribute("for");
-    if (!r)
-      return null;
+    if (!r) return null;
     const i = this.getRootNode();
     return i instanceof Document || i instanceof ShadowRoot ? i.getElementById(r) : document.getElementById(r);
   }
@@ -113,8 +112,7 @@ class f extends d {
     this._target && this._errorId && (a(this._target, "aria-describedby", this._errorId, !1), this._target.getAttribute("aria-errormessage") === this._errorId && this._target.removeAttribute("aria-errormessage"), this._target.getAttribute("aria-invalid") === "true" && !this._target.hasAttribute("data-ui-invalid-persist") && this._target.removeAttribute("aria-invalid")), this._target = null;
   }
   _syncAssociation() {
-    if (this._clearAssociation(), !this.hasAttribute("active") || this.hasAttribute("hidden"))
-      return;
+    if (this._clearAssociation(), !this.hasAttribute("active") || this.hasAttribute("hidden")) return;
     const r = this._resolveTarget();
     r && (this._errorId = u(this, "msg"), this._target = r, a(r, "aria-describedby", this._errorId, !0), r.setAttribute("aria-errormessage", this._errorId), r.setAttribute("aria-invalid", "true"));
   }

package/dist/field.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E=require("./ElementBase-1b301e7f.js"),q=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E=require("./ElementBase-EV6mVBUV.js"),q=`
   :host {
     --ui-field-gap: 8px;
     --ui-field-label-width: 192px;
@@ -370,19 +370,19 @@
       box-shadow: none;
     }
   }
-`;function b(o){return o.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function p(o){if(!o)return!1;const e=o.assignedNodes({flatten:!0});return e.length?e.some(t=>{var l;return t.nodeType===Node.TEXT_NODE?!!((l=t.textContent)!=null&&l.trim()):t.nodeType===Node.ELEMENT_NODE}):!1}function f(o){if(o.hasAttribute("disabled")||o.getAttribute("aria-disabled")==="true"||o.getAttribute("tabindex")==="-1")return!1;const e=window.getComputedStyle(o);return!(e.display==="none"||e.visibility==="hidden")}function k(o){return!!o.closest('button, a, input, select, textarea, summary, [contenteditable=""], [contenteditable="true"], [role="button"]')}function _(o){return Array.from(new Set(o.filter(Boolean)))}const S='ui-input, ui-textarea, ui-select, ui-combobox, input, textarea, select, button, [tabindex]:not([tabindex="-1"])';class A extends E.ElementBase{constructor(){super(),this._uid=Math.random().toString(36).slice(2,9),this._controlCache=null,this._stateSyncQueued=!1,this._onRootClick=this._onRootClick.bind(this),this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return["label","description","error","for","required","invalid","orientation","headless","variant","tone","density","shape","shell","label-width"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onRootClick),this.root.addEventListener("slotchange",this._onSlotChange),this._scheduleDerivedStateSync()}disconnectedCallback(){this.root.removeEventListener("click",this._onRootClick),this.root.removeEventListener("slotchange",this._onSlotChange),super.disconnectedCallback()}attributeChangedCallback(e,t,l){if(t!==l){if(e==="for"&&this._invalidateControlCache(),e==="label-width"){const i=this.getAttribute("label-width");i?this.style.setProperty("--ui-field-label-width",i):this.style.removeProperty("--ui-field-label-width")}if(e==="label"||e==="description"||e==="error"||e==="required"||e==="for"){this.isConnected&&this.requestRender();return}e==="invalid"&&this._scheduleDerivedStateSync()}}_onSlotChange(){this._invalidateControlCache(),this._scheduleDerivedStateSync()}_onRootClick(e){const t=e.target;t&&t.closest(".label")&&(k(t)||this._focusControl())}_invalidateControlCache(){this._controlCache=null}_scheduleDerivedStateSync(){this._stateSyncQueued||(this._stateSyncQueued=!0,queueMicrotask(()=>{this._stateSyncQueued=!1,this.isConnected&&this._syncDerivedState()}))}_focusControl(){const e=this._resolveControlElement();if(e)try{e.focus({preventScroll:!0})}catch{e.focus()}}_resolveControlElement(){if(this._controlCache&&this._controlCache.isConnected&&f(this._controlCache))return this._controlCache;const e=this.getAttribute("for");if(e){const r=document.getElementById(e);if(r instanceof HTMLElement&&f(r))return this._controlCache=r,r}const t=this.root.querySelector("slot:not([name])"),l=(t==null?void 0:t.assignedElements({flatten:!0}))||[];for(const r of l){if(!(r instanceof HTMLElement))continue;if(f(r))return this._controlCache=r,r;const s=r.querySelector(S);if(s&&f(s))return this._controlCache=s,s}const i=this.querySelector(S);return i&&f(i)?(this._controlCache=i,i):null}_syncDerivedState(){const e=this.root.querySelector('slot[name="label"]'),t=this.root.querySelector('slot[name="actions"]'),l=this.root.querySelector('slot[name="description"]'),i=this.root.querySelector('slot[name="error"]'),r=(this.getAttribute("label")||"").trim(),s=(this.getAttribute("description")||"").trim(),h=(this.getAttribute("error")||"").trim(),n=!!r||p(e),c=p(t),d=!!s||p(l),u=!!h||p(i),C=n||c||d,a=n||c,g=this.root.querySelector(".meta"),v=this.root.querySelector(".label-row"),m=this.root.querySelector(".label"),x=this.root.querySelector(".actions"),y=this.root.querySelector(".description"),w=this.root.querySelector(".error");g&&(C?g.removeAttribute("hidden"):g.setAttribute("hidden","")),v&&(a?v.removeAttribute("hidden"):v.setAttribute("hidden","")),m&&(n?m.removeAttribute("hidden"):m.setAttribute("hidden","")),x&&(c?x.removeAttribute("hidden"):x.setAttribute("hidden","")),y&&(d?y.removeAttribute("hidden"):y.setAttribute("hidden","")),w&&(u?w.removeAttribute("hidden"):w.setAttribute("hidden","")),this._syncControlA11y(n,d,u)}_syncControlA11y(e,t,l){const i=this._resolveControlElement();if(!i)return;const r=`${this._uid}-label`,s=`${this._uid}-description`,h=`${this._uid}-error`,n=(i.getAttribute("aria-labelledby")||"").split(/\s+/).filter(a=>a&&a!==r);!i.hasAttribute("aria-label")&&e&&n.push(r);const c=_(n);c.length?i.setAttribute("aria-labelledby",c.join(" ")):i.removeAttribute("aria-labelledby");const d=(i.getAttribute("aria-describedby")||"").split(/\s+/).filter(a=>a&&a!==s&&a!==h);t&&d.push(s),l&&d.push(h);const u=_(d);u.length?i.setAttribute("aria-describedby",u.join(" ")):i.removeAttribute("aria-describedby"),this.hasAttribute("invalid")||l?i.setAttribute("aria-invalid","true"):i.removeAttribute("aria-invalid"),this.hasAttribute("required")?i.setAttribute("aria-required","true"):i.removeAttribute("aria-required")}render(){const e=this.getAttribute("label")||"",t=this.getAttribute("description")||"",l=this.getAttribute("error")||"",i=this.hasAttribute("required"),r=this.getAttribute("for")||"";this.setContent(`
+`;function b(o){return o.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function p(o){if(!o)return!1;const e=o.assignedNodes({flatten:!0});return e.length?e.some(r=>r.nodeType===Node.TEXT_NODE?!!r.textContent?.trim():r.nodeType===Node.ELEMENT_NODE):!1}function f(o){if(o.hasAttribute("disabled")||o.getAttribute("aria-disabled")==="true"||o.getAttribute("tabindex")==="-1")return!1;const e=window.getComputedStyle(o);return!(e.display==="none"||e.visibility==="hidden")}function k(o){return!!o.closest('button, a, input, select, textarea, summary, [contenteditable=""], [contenteditable="true"], [role="button"]')}function _(o){return Array.from(new Set(o.filter(Boolean)))}const S='ui-input, ui-textarea, ui-select, ui-combobox, input, textarea, select, button, [tabindex]:not([tabindex="-1"])';class A extends E.ElementBase{constructor(){super(),this._uid=Math.random().toString(36).slice(2,9),this._controlCache=null,this._stateSyncQueued=!1,this._onRootClick=this._onRootClick.bind(this),this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return["label","description","error","for","required","invalid","orientation","headless","variant","tone","density","shape","shell","label-width"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onRootClick),this.root.addEventListener("slotchange",this._onSlotChange),this._scheduleDerivedStateSync()}disconnectedCallback(){this.root.removeEventListener("click",this._onRootClick),this.root.removeEventListener("slotchange",this._onSlotChange),super.disconnectedCallback()}attributeChangedCallback(e,r,l){if(r!==l){if(e==="for"&&this._invalidateControlCache(),e==="label-width"){const i=this.getAttribute("label-width");i?this.style.setProperty("--ui-field-label-width",i):this.style.removeProperty("--ui-field-label-width")}if(e==="label"||e==="description"||e==="error"||e==="required"||e==="for"){this.isConnected&&this.requestRender();return}e==="invalid"&&this._scheduleDerivedStateSync()}}_onSlotChange(){this._invalidateControlCache(),this._scheduleDerivedStateSync()}_onRootClick(e){const r=e.target;r&&r.closest(".label")&&(k(r)||this._focusControl())}_invalidateControlCache(){this._controlCache=null}_scheduleDerivedStateSync(){this._stateSyncQueued||(this._stateSyncQueued=!0,queueMicrotask(()=>{this._stateSyncQueued=!1,this.isConnected&&this._syncDerivedState()}))}_focusControl(){const e=this._resolveControlElement();if(e)try{e.focus({preventScroll:!0})}catch{e.focus()}}_resolveControlElement(){if(this._controlCache&&this._controlCache.isConnected&&f(this._controlCache))return this._controlCache;const e=this.getAttribute("for");if(e){const t=document.getElementById(e);if(t instanceof HTMLElement&&f(t))return this._controlCache=t,t}const l=this.root.querySelector("slot:not([name])")?.assignedElements({flatten:!0})||[];for(const t of l){if(!(t instanceof HTMLElement))continue;if(f(t))return this._controlCache=t,t;const s=t.querySelector(S);if(s&&f(s))return this._controlCache=s,s}const i=this.querySelector(S);return i&&f(i)?(this._controlCache=i,i):null}_syncDerivedState(){const e=this.root.querySelector('slot[name="label"]'),r=this.root.querySelector('slot[name="actions"]'),l=this.root.querySelector('slot[name="description"]'),i=this.root.querySelector('slot[name="error"]'),t=(this.getAttribute("label")||"").trim(),s=(this.getAttribute("description")||"").trim(),h=(this.getAttribute("error")||"").trim(),n=!!t||p(e),c=p(r),d=!!s||p(l),u=!!h||p(i),C=n||c||d,a=n||c,g=this.root.querySelector(".meta"),v=this.root.querySelector(".label-row"),m=this.root.querySelector(".label"),x=this.root.querySelector(".actions"),y=this.root.querySelector(".description"),w=this.root.querySelector(".error");g&&(C?g.removeAttribute("hidden"):g.setAttribute("hidden","")),v&&(a?v.removeAttribute("hidden"):v.setAttribute("hidden","")),m&&(n?m.removeAttribute("hidden"):m.setAttribute("hidden","")),x&&(c?x.removeAttribute("hidden"):x.setAttribute("hidden","")),y&&(d?y.removeAttribute("hidden"):y.setAttribute("hidden","")),w&&(u?w.removeAttribute("hidden"):w.setAttribute("hidden","")),this._syncControlA11y(n,d,u)}_syncControlA11y(e,r,l){const i=this._resolveControlElement();if(!i)return;const t=`${this._uid}-label`,s=`${this._uid}-description`,h=`${this._uid}-error`,n=(i.getAttribute("aria-labelledby")||"").split(/\s+/).filter(a=>a&&a!==t);!i.hasAttribute("aria-label")&&e&&n.push(t);const c=_(n);c.length?i.setAttribute("aria-labelledby",c.join(" ")):i.removeAttribute("aria-labelledby");const d=(i.getAttribute("aria-describedby")||"").split(/\s+/).filter(a=>a&&a!==s&&a!==h);r&&d.push(s),l&&d.push(h);const u=_(d);u.length?i.setAttribute("aria-describedby",u.join(" ")):i.removeAttribute("aria-describedby"),this.hasAttribute("invalid")||l?i.setAttribute("aria-invalid","true"):i.removeAttribute("aria-invalid"),this.hasAttribute("required")?i.setAttribute("aria-required","true"):i.removeAttribute("aria-required")}render(){const e=this.getAttribute("label")||"",r=this.getAttribute("description")||"",l=this.getAttribute("error")||"",i=this.hasAttribute("required"),t=this.getAttribute("for")||"";this.setContent(`
       <style>${q}</style>
       <div class="frame" part="field">
         <div class="meta" part="meta">
           <div class="label-row" part="top">
-            <label class="label" id="${this._uid}-label" ${r?`for="${b(r)}"`:""}>
+            <label class="label" id="${this._uid}-label" ${t?`for="${b(t)}"`:""}>
               <slot name="label">${b(e)}</slot>
               ${i?'<span class="required" aria-hidden="true">*</span>':""}
             </label>
             <div class="actions" part="actions"><slot name="actions"></slot></div>
           </div>
           <p class="description" id="${this._uid}-description" part="description">
-            <slot name="description">${b(t)}</slot>
+            <slot name="description">${b(r)}</slot>
           </p>
         </div>
 
@@ -395,4 +395,4 @@
           </p>
         </div>
       </div>
-    `),this._invalidateControlCache(),this._scheduleDerivedStateSync()}shouldRenderOnAttributeChange(e,t,l){return e==="label"||e==="description"||e==="error"||e==="required"||e==="for"}}typeof customElements<"u"&&!customElements.get("ui-field")&&customElements.define("ui-field",A);exports.UIField=A;
+    `),this._invalidateControlCache(),this._scheduleDerivedStateSync()}shouldRenderOnAttributeChange(e,r,l){return e==="label"||e==="description"||e==="error"||e==="required"||e==="for"}}typeof customElements<"u"&&!customElements.get("ui-field")&&customElements.define("ui-field",A);exports.UIField=A;