@editora/ui-core 0.2.2 → 0.3.0

package/dist/drawer.esm.js

@@ -1,4 +1,5 @@
-import { E as O } from "./ElementBase-BeZT54Hj.mjs";
+import { E as S } from "./ElementBase-D5QsC5Vw.mjs";
+import { g as O, d as T, c as D } from "./focus-scope-Dl0qk5GP.mjs";
 import { O as v } from "./overlayManager-BJjU1VA8.mjs";
 function k(i) {
   return typeof requestAnimationFrame == "function" ? requestAnimationFrame(() => i()) : window.setTimeout(i, 16);
@@ -12,7 +13,7 @@ function F(i) {
     window.clearTimeout(i);
   }
 }
-const L = 'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])', T = /* @__PURE__ */ new Set([
+const $ = 'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])', B = /* @__PURE__ */ new Set([
   "side",
   "dismissible",
   "headless",
@@ -33,7 +34,7 @@ const L = 'button:not([disabled]), [href], input:not([disabled]), select:not([di
   "aria-labelledby",
   "aria-describedby",
   "initial-focus"
-]), D = `
+]), R = `
   :host {
     position: fixed;
     inset: 0;
@@ -390,7 +391,7 @@ const L = 'button:not([disabled]), [href], input:not([disabled]), select:not([di
     --ui-drawer-muted: #94a3b8;
     --ui-drawer-border-color: #334155;
     --ui-drawer-overlay: rgba(2, 6, 23, 0.78);
-    --ui-drawer-focus-ring: #93c5fd;
+    --ui-drawer-focus-ring: var(--ui-color-accent-on-dark, #93c5fd);
     --ui-drawer-control-bg: #111827;
     --ui-drawer-control-bg-hover: color-mix(in srgb, #ffffff 14%, transparent);
   }
@@ -538,17 +539,17 @@ function _(i, e) {
 function y(i) {
   return i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function I(i, e) {
+function L(i, e) {
   return i === "top" || i === "bottom" || i === "left" || i === "right" ? i : i === "start" ? e === "rtl" ? "right" : "left" : i === "end" ? e === "rtl" ? "left" : "right" : "left";
 }
 function C(i, e) {
   const t = i.querySelector(`[slot="${e}"]`);
   return t ? t.textContent?.trim().length !== 0 || t.children.length > 0 : !1;
 }
-function S() {
+function I() {
   return typeof window < "u" && typeof document < "u";
 }
-class $ extends O {
+class q extends S {
   constructor() {
     super(), this._uid = Math.random().toString(36).slice(2, 10), this._isOpen = !1, this._restoreFocusEl = null, this._globalListenersBound = !1, this._closeReason = "programmatic", this._focusInitialFrame = 0, this._focusTrapFrame = 0, this._restoreFocusFrame = 0, this._onRootClick = this._onRootClick.bind(this), this._onDocumentKeyDown = this._onDocumentKeyDown.bind(this), this._onDocumentFocusIn = this._onDocumentFocusIn.bind(this);
   }
@@ -590,7 +591,7 @@ class $ extends O {
         this._syncOpenState();
         return;
       }
-      if (T.has(e)) {
+      if (B.has(e)) {
         this._syncLiveUi(), this._isOpen && (e === "initial-focus" || e === "dismissible" || e === "show-close") && this._scheduleEnsureFocusTrap();
         return;
       }
@@ -683,7 +684,7 @@ class $ extends O {
   }
   _resolvedSide() {
     const e = this.getAttribute("dir") || document.documentElement.getAttribute("dir") || "ltr";
-    return I(this.getAttribute("side"), e === "rtl" ? "rtl" : "ltr");
+    return L(this.getAttribute("side"), e === "rtl" ? "rtl" : "ltr");
   }
   _isTopMost() {
     const e = v.top();
@@ -699,7 +700,7 @@ class $ extends O {
   }
   _isFocusable(e) {
     if (!e || !e.isConnected || e.disabled || e.matches('[inert], [aria-hidden="true"]') || e.closest('[inert], [aria-hidden="true"]')) return !1;
-    if (!S()) return !0;
+    if (!I()) return !0;
     const t = window.getComputedStyle(e);
     return t.display !== "none" && t.visibility !== "hidden";
   }
@@ -707,7 +708,7 @@ class $ extends O {
     const e = this._getPanel(), t = [], r = (s) => {
       this._isFocusable(s) && (t.includes(s) || t.push(s));
     };
-    return this.querySelectorAll(L).forEach(r), e && e.querySelectorAll(L).forEach(r), t;
+    return e ? O(e).forEach(r) : this.querySelectorAll($).forEach(r), t;
   }
   _cancelScheduledFocusWork() {
     this._focusInitialFrame && (F(this._focusInitialFrame), this._focusInitialFrame = 0), this._focusTrapFrame && (F(this._focusTrapFrame), this._focusTrapFrame = 0), this._restoreFocusFrame && (F(this._restoreFocusFrame), this._restoreFocusFrame = 0);
@@ -794,7 +795,7 @@ class $ extends O {
   }
   _canRestoreFocus(e) {
     if (!e || !e.isConnected || e.disabled) return !1;
-    if (!S()) return !0;
+    if (!I()) return !0;
     const t = window.getComputedStyle(e);
     return t.display !== "none" && t.visibility !== "hidden";
   }
@@ -877,7 +878,7 @@ class $ extends O {
       e.preventDefault(), t.focus();
       return;
     }
-    const s = r[0], a = r[r.length - 1], o = document.activeElement, n = !!o && this._isNodeInsideDrawer(o);
+    const s = r[0], a = r[r.length - 1], o = T(), n = !!o && (this._isNodeInsideDrawer(o) || !!t && D(t, o));
     if (e.shiftKey) {
       if (!n || o === s) {
         e.preventDefault();
@@ -914,11 +915,11 @@ class $ extends O {
     t && this._isNodeInsideDrawer(t) || s.includes(this) || r && s.includes(r) || this._scheduleFocusInitial();
   }
   render() {
-    const e = this.getAttribute("dir") || document.documentElement.getAttribute("dir") || "ltr", t = I(this.getAttribute("side"), e === "rtl" ? "rtl" : "ltr"), r = this.showClose, s = C(this, "header"), a = C(this, "footer"), o = (this.getAttribute("title") || "").trim(), n = (this.getAttribute("description") || "").trim(), A = r || s || !!o || !!n, u = `ui-drawer-title-${this._uid}`, g = `ui-drawer-description-${this._uid}`, c = `ui-drawer-body-${this._uid}`, h = this.getAttribute("aria-label") || "", x = this.getAttribute("aria-labelledby") || "", p = this.getAttribute("aria-describedby") || "", m = s ? (this.querySelector('[slot="header"]')?.textContent || "").replace(/\s+/g, " ").trim() : "", w = !h && !x && !!m, b = x || (!h && !w && (s || o) ? u : ""), l = [];
+    const e = this.getAttribute("dir") || document.documentElement.getAttribute("dir") || "ltr", t = L(this.getAttribute("side"), e === "rtl" ? "rtl" : "ltr"), r = this.showClose, s = C(this, "header"), a = C(this, "footer"), o = (this.getAttribute("title") || "").trim(), n = (this.getAttribute("description") || "").trim(), A = r || s || !!o || !!n, u = `ui-drawer-title-${this._uid}`, g = `ui-drawer-description-${this._uid}`, c = `ui-drawer-body-${this._uid}`, h = this.getAttribute("aria-label") || "", x = this.getAttribute("aria-labelledby") || "", p = this.getAttribute("aria-describedby") || "", m = s ? (this.querySelector('[slot="header"]')?.textContent || "").replace(/\s+/g, " ").trim() : "", w = !h && !x && !!m, b = x || (!h && !w && (s || o) ? u : ""), l = [];
     p ? l.push(p) : (n && l.push(g), l.push(c));
     const f = h || (w ? m : b ? "" : "Drawer"), d = this.state === "loading";
     this.setContent(`
-      <style>${D}</style>
+      <style>${R}</style>
       <div class="overlay" part="overlay" aria-hidden="true"></div>
       <div
         class="panel side-${t}"
@@ -963,7 +964,7 @@ class $ extends O {
     this._globalListenersBound && (document.removeEventListener("keydown", this._onDocumentKeyDown, !0), document.removeEventListener("focusin", this._onDocumentFocusIn, !0), this._globalListenersBound = !1);
   }
 }
-typeof customElements < "u" && !customElements.get("ui-drawer") && customElements.define("ui-drawer", $);
+typeof customElements < "u" && !customElements.get("ui-drawer") && customElements.define("ui-drawer", q);
 export {
-  $ as UIDrawer
+  q as UIDrawer
 };

package/dist/dropdown.cjs.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("./ElementBase-DxbvhLJs.js"),w=require("./overlay-motion-B56x1GoY.js"),k=require("./trigger-DkPsKxsP.js"),A=require("./menu-item-styles-DUdyjQ7i.js"),l=['[role="menuitem"]','[role="menuitemcheckbox"]','[role="menuitemradio"]',".item","[data-menu-item]"].join(", "),S=`
-  ${w.OVERLAY_MOTION_CSS}
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("./ElementBase-CbUsP3D6.js"),v=require("./clone-source-C7E_ri5f.js"),_=require("./overlay-motion-B56x1GoY.js"),A=require("./trigger-DkPsKxsP.js"),S=require("./menu-item-styles-DUdyjQ7i.js"),l=['[role="menuitem"]','[role="menuitemcheckbox"]','[role="menuitemradio"]',".item","[data-menu-item]"].join(", "),C=`
+  ${_.OVERLAY_MOTION_CSS}
 
   :host {
     --ui-dropdown-bg: var(
@@ -232,7 +232,7 @@
     --ui-dropdown-color: #f8fafc;
     --ui-dropdown-muted: #94a3b8;
     --ui-dropdown-border-color: #334155;
-    --ui-dropdown-ring: #93c5fd;
+    --ui-dropdown-ring: var(--ui-color-accent-on-dark, #93c5fd);
     --ui-dropdown-item-active-color: #f8fafc;
     --ui-dropdown-item-secondary-active-color: color-mix(in srgb, #f8fafc 82%, transparent);
     --ui-dropdown-item-hover-bg: color-mix(in srgb, #ffffff 12%, transparent);
@@ -269,7 +269,7 @@
     --ui-dropdown-item-checked-bg: color-mix(in srgb, var(--ui-color-warning, #b45309) 17%, transparent);
   }
 
-  ${A.createSharedMenuItemCss({scopes:[".menu"],prefix:"--ui-dropdown",shortcutSelectors:[".shortcut",".meta"],activeStateSelectors:['.item[data-active="true"]','[role="menuitem"][data-active="true"]','[role="menuitemcheckbox"][data-active="true"]','[role="menuitemradio"][data-active="true"]','[data-menu-item][data-active="true"]']})}
+  ${S.createSharedMenuItemCss({scopes:[".menu"],prefix:"--ui-dropdown",shortcutSelectors:[".shortcut",".meta"],activeStateSelectors:['.item[data-active="true"]','[role="menuitem"][data-active="true"]','[role="menuitemcheckbox"][data-active="true"]','[role="menuitemradio"][data-active="true"]','[data-menu-item][data-active="true"]']})}
 
   .menu [role='menuitem'],
   .menu [role='menuitemcheckbox'],
@@ -490,8 +490,8 @@
       color: HighlightText;
     }
   }
-`;function C(i){return i==="top"||i==="left"||i==="right"?i:"bottom"}function E(i){const e=(i||"").trim().toLowerCase();return e==="sm"||e==="1"||e==="compact"?"sm":e==="lg"||e==="3"||e==="comfortable"?"lg":"md"}function I(i){const e=(i||"").trim().toLowerCase();return!e||e==="default"?null:e==="none"?"0px":e==="sm"?"8px":e==="md"?"12px":e==="lg"||e==="large"?"16px":e==="full"||e==="pill"?"999px":e==="square"?"6px":e==="soft"||e==="rounded"?"14px":/^\d+(\.\d+)?$/.test(e)?`${e}px`:/^\d+(\.\d+)?(px|rem|em|%)$/.test(e)?e:i}function p(i,e){return i.getAttribute(e)||""}function f(i,e){if(i==null)return e;const t=i.trim().toLowerCase();return t!=="false"&&t!=="0"&&t!=="off"}function h(){return typeof window<"u"&&typeof document<"u"}function b(i){return i.hasAttribute("disabled")||i.getAttribute("aria-disabled")==="true"||i.disabled===!0}function T(i){return(i.getAttribute("aria-label")||i.textContent||"").trim()}function g(i){if(i)try{i.focus({preventScroll:!0})}catch{i.focus()}}function M(i,e){const t=i.offsetTop,r=t+i.offsetHeight,o=e.scrollTop,a=o+e.clientHeight;if(t<o){e.scrollTop=t;return}r>a&&(e.scrollTop=Math.max(0,r-e.clientHeight))}function O(i){return _(i)}function _(i){if(i.nodeType===Node.TEXT_NODE)return document.createTextNode(i.textContent||"");if(!(i instanceof HTMLElement))return i.cloneNode(!1);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(_(r))}),t}function P(i,e,t){for(let r=e+t;r>=0&&r<i.length;r+=t)if(!b(i[r]))return r;return-1}function D(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(T(n).toLowerCase().startsWith(e))return n}return null}const F=new Set(["variant","density","shape","elevation","tone","size","radius"]),L=new Set(["aria-label","aria-labelledby","aria-describedby"]),z=["--ui-dropdown-bg","--ui-dropdown-color","--ui-dropdown-muted","--ui-dropdown-border-color","--ui-dropdown-border","--ui-dropdown-shadow","--ui-dropdown-radius","--ui-dropdown-padding","--ui-dropdown-min-width","--ui-dropdown-gap","--ui-dropdown-ring","--ui-dropdown-backdrop","--ui-dropdown-item-radius","--ui-dropdown-item-font-weight","--ui-dropdown-item-hover-bg","--ui-dropdown-item-active-bg","--ui-dropdown-item-checked-bg","--ui-dropdown-item-active-color","--ui-dropdown-duration","--ui-dropdown-easing"];class x extends y.ElementBase{constructor(){super(),this._isOpen=!1,this._panelEl=null,this._portalEl=null,this._restoreFocusEl=null,this._typeaheadBuffer="",this._typeaheadTimer=null,this._placement="bottom",this._openListenersBound=!1,this._openFrame=0,this._checkboxState=new Map,this._radioState=new Map,this._menuId=`ui-dropdown-menu-${Math.random().toString(36).slice(2,10)}`,this._triggerId=`ui-dropdown-trigger-${Math.random().toString(36).slice(2,10)}`,this._onHostClick=this._onHostClick.bind(this),this._onHostKeyDown=this._onHostKeyDown.bind(this),this._onDocumentPointerDown=this._onDocumentPointerDown.bind(this),this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return["open","disabled","placement","variant","size","density","radius","shape","elevation","tone","close-on-select","close-on-scroll","typeahead","aria-label","aria-labelledby","aria-describedby"]}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this._onHostClick),this.addEventListener("keydown",this._onHostKeyDown),this.root.addEventListener("slotchange",this._onSlotChange),this._syncOpenState(),this._syncTriggerA11y()}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,t,r){if(t!==r){if(e==="open"){this._syncOpenState();return}if(!(e==="close-on-select"||e==="close-on-scroll"||e==="typeahead")){if(e==="disabled"){this.hasAttribute("disabled")&&this._isOpen&&this.close("disabled"),this._syncTriggerA11y();return}if(this._isOpen&&(e==="placement"||F.has(e))){this._syncMenuPresentation(),this._schedulePanelSync();return}this._isOpen&&L.has(e)&&this._syncMenuA11y()}}}open(){this.hasAttribute("disabled")||this.hasAttribute("open")||this.setAttribute("open","")}close(e="programmatic"){!this.hasAttribute("open")&&!this._isOpen||this._close(e)}closeDropdown(e="programmatic"){if(!(!this.hasAttribute("open")&&!this._isOpen)){if(e==="programmatic"){this.close(e);return}this._requestClose(e)}}toggle(){if(this._isOpen){this._requestClose("trigger");return}this.open()}get closeOnSelect(){return f(this.getAttribute("close-on-select"),!0)}set closeOnSelect(e){this.setAttribute("close-on-select",e?"true":"false")}get closeOnScroll(){return f(this.getAttribute("close-on-scroll"),!0)}set closeOnScroll(e){this.setAttribute("close-on-scroll",e?"true":"false")}get typeahead(){return f(this.getAttribute("typeahead"),!0)}set typeahead(e){this.setAttribute("typeahead",e?"true":"false")}_getTrigger(){return this.querySelector('[slot="trigger"]')}_getContentSource(){return this.querySelector('[slot="content"]')}_getMenu(){return this._portalEl}_isFocusable(e){if(!e||!e.isConnected||e.disabled||e.getAttribute("aria-hidden")==="true")return!1;if(!h())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 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 t=new CustomEvent("request-close",{detail:{reason:e},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(t);const r=new CustomEvent("ui-request-close",{detail:{reason:e},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(r),!(t.defaultPrevented||r.defaultPrevented)&&this.close(e)}_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,composed:!0,detail:{open:!1,reason:e}})),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0,detail:{reason:e}})),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}_syncOpenState(){const e=this.hasAttribute("open")&&!this.hasAttribute("disabled");if(e===this._isOpen){this._syncControlState(),this._syncTriggerA11y(),e&&(this._syncMenuPresentation(),this._syncMenuA11y(),this._schedulePanelSync());return}if(e){this._isOpen=!0,this._restoreFocusEl=document.activeElement,this._renderMenuContent(),this._syncMenuPresentation(),this._syncMenuA11y(),this._syncControlState(),this._syncTriggerA11y(),this._attachOpenListeners(),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{open:!0}})),this._schedulePanelSync("first");return}this._close("programmatic",{restoreFocus:!1})}_attachOpenListeners(){this._openListenersBound||(document.addEventListener("pointerdown",this._onDocumentPointerDown,!0),this._openListenersBound=!0)}_teardownOpenListeners(){this._openListenersBound&&(document.removeEventListener("pointerdown",this._onDocumentPointerDown,!0),this._openListenersBound=!1)}_syncTriggerA11y(){const e=this._getTrigger();if(!e)return;const t=k.resolveTriggerControl(e);if(t.id||(t.id=this._triggerId),t.setAttribute("aria-haspopup","menu"),t.setAttribute("aria-expanded",this._isOpen?"true":"false"),this._isOpen?t.setAttribute("aria-controls",this._menuId):t.removeAttribute("aria-controls"),this.hasAttribute("disabled")){t.setAttribute("aria-disabled","true"),t.setAttribute("tabindex","-1");return}t.getAttribute("aria-disabled")==="true"&&t.removeAttribute("aria-disabled"),t.getAttribute("tabindex")==="-1"&&t.removeAttribute("tabindex")}_renderMenuContent(){const e=this._getMenu();if(!e)return;e.replaceChildren();const t=this._getContentSource();if(t&&e.appendChild(O(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,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,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(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)===t;e.setAttribute("aria-checked",a?"true":"false"),e.setAttribute("data-state",a?"checked":"unchecked")}_syncMenuPresentation(){const e=this._getMenu();if(!e)return;const t=h()?window.getComputedStyle(this):null;t&&z.forEach(c=>{const m=t.getPropertyValue(c).trim();m?e.style.setProperty(c,m):e.style.removeProperty(c)});const r=p(this,"variant"),o=E(this.getAttribute("size")||this.getAttribute("density")),a=p(this,"density"),n=p(this,"shape"),u=p(this,"elevation"),s=p(this,"tone"),d=I(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}e.style.removeProperty("--ui-dropdown-radius"),e.style.removeProperty("--ui-dropdown-item-radius")}_syncMenuA11y(){const e=this._getMenu();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,t=this._getMenu();!e||!t||(e.setAttribute("data-placement",this._placement),w.setPanelOpen(e,this._isOpen,String(this._placement).split("-")[0]))}_schedulePanelSync(e){this._openFrame&&cancelAnimationFrame(this._openFrame),this._openFrame=requestAnimationFrame(()=>{this._openFrame=0,this._syncPanelState(),e==="first"&&this._focusFirstItem(),e==="last"&&this._focusLastItem()})}_syncPanelState(){const e=this._panelEl;!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 t=this._getTrigger();if(!t||!h())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 t=this._getTrigger();if(!t||!h())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=C(this.getAttribute("placement")),t=this._getTrigger(),r=this._getMenu();if(!t||!r||!h())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,t={}){if(this._clearActiveItem(),!!e&&(e.setAttribute("data-active","true"),t.focus&&g(e),t.scroll)){const r=this._getMenu();r&&M(e,r)}}_focusFirstItem(){const e=this._queryItems(!1);this._setActiveItem(e[0]||null,{focus:!0,scroll:!0})}_focusLastItem(){const e=this._queryItems(!1);this._setActiveItem(e[e.length-1]||null,{focus:!0,scroll:!0})}_moveFocus(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=P(t,o,e);if(a>=0){this._setActiveItem(t[a],{focus:!0,scroll:!0});return}e>0?this._focusFirstItem():this._focusLastItem()}_resetTypeahead(){this._typeaheadBuffer="",this._typeaheadTimer!=null&&(window.clearTimeout(this._typeaheadTimer),this._typeaheadTimer=null)}_isTypeaheadKey(e){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 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=D(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 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"),r>=0&&this._checkboxState.set(r,n);return}if(t!=="menuitemradio")return;const a=e.getAttribute("data-group")||e.getAttribute("name")||""||"__default__";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 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 t=this._getTrigger();return t?(typeof e.composedPath=="function"?e.composedPath():[]).includes(t):!1}_emitSelect(e){const t={value:e.getAttribute("data-value")||e.getAttribute("value")||void 0,label:e.getAttribute("aria-label")||e.textContent?.trim()||void 0,checked:e.getAttribute("aria-checked")==="true",item:e};this.dispatchEvent(new CustomEvent("select",{bubbles:!0,composed:!0,detail:t}))}_onHostClick(e){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)){if(e.preventDefault(),this._isOpen){this._requestClose("trigger");return}this.open()}}_onHostKeyDown(e){if(!this._isOpen){if(!this._isEventInsideTrigger(e)||!["ArrowDown","ArrowUp","Enter"," "].includes(e.key))return;e.preventDefault(),this.open(),this._schedulePanelSync(e.key==="ArrowUp"?"last":"first");return}if(!this._handleTypeahead(e)){if(e.key==="Escape"){e.preventDefault(),this._requestClose("escape");return}if(e.key==="ArrowDown"){e.preventDefault(),this._moveFocus(1);return}if(e.key==="ArrowUp"){e.preventDefault(),this._moveFocus(-1);return}if(e.key==="Home"){e.preventDefault(),this._focusFirstItem();return}if(e.key==="End"){e.preventDefault(),this._focusLastItem();return}if(e.key==="Tab"){this._requestClose("tab");return}if(e.key==="Enter"||e.key===" "){const t=this._currentFocusedItem();if(!t||!this._getMenu()?.contains(t)||b(t))return;e.preventDefault(),t.click()}}}_onDocumentPointerDown(e){!this._isOpen||(typeof e.composedPath=="function"?e.composedPath():[]).includes(this)||this._requestClose("outside")}_onSlotChange(){this._syncTriggerA11y(),this._isOpen&&(this._renderMenuContent(),this._syncMenuPresentation(),this._syncMenuA11y(),this._schedulePanelSync())}render(){this.setContent(`
-      <style>${S}</style>
+`;function E(i){return i==="top"||i==="left"||i==="right"?i:"bottom"}function I(i){const e=(i||"").trim().toLowerCase();return e==="sm"||e==="1"||e==="compact"?"sm":e==="lg"||e==="3"||e==="comfortable"?"lg":"md"}function T(i){const e=(i||"").trim().toLowerCase();return!e||e==="default"?null:e==="none"?"0px":e==="sm"?"8px":e==="md"?"12px":e==="lg"||e==="large"?"16px":e==="full"||e==="pill"?"999px":e==="square"?"6px":e==="soft"||e==="rounded"?"14px":/^\d+(\.\d+)?$/.test(e)?`${e}px`:/^\d+(\.\d+)?(px|rem|em|%)$/.test(e)?e:i}function h(i,e){return i.getAttribute(e)||""}function f(i,e){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"}function b(i){return i.hasAttribute("disabled")||i.getAttribute("aria-disabled")==="true"||i.disabled===!0}function M(i){return(i.getAttribute("aria-label")||i.textContent||"").trim()}function g(i){if(i)try{i.focus({preventScroll:!0})}catch{i.focus()}}function O(i,e){const t=i.offsetTop,r=t+i.offsetHeight,o=e.scrollTop,a=o+e.clientHeight;if(t<o){e.scrollTop=t;return}r>a&&(e.scrollTop=Math.max(0,r-e.clientHeight))}function P(i){return v.revealClone(x(i))}function x(i){if(i.nodeType===Node.TEXT_NODE)return document.createTextNode(i.textContent||"");if(!(i instanceof HTMLElement))return i.cloneNode(!1);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(x(r))}),t}function D(i,e,t){for(let r=e+t;r>=0&&r<i.length;r+=t)if(!b(i[r]))return r;return-1}function F(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(M(n).toLowerCase().startsWith(e))return n}return null}const L=new Set(["variant","density","shape","elevation","tone","size","radius"]),z=new Set(["aria-label","aria-labelledby","aria-describedby"]),q=["--ui-dropdown-bg","--ui-dropdown-color","--ui-dropdown-muted","--ui-dropdown-border-color","--ui-dropdown-border","--ui-dropdown-shadow","--ui-dropdown-radius","--ui-dropdown-padding","--ui-dropdown-min-width","--ui-dropdown-gap","--ui-dropdown-ring","--ui-dropdown-backdrop","--ui-dropdown-item-radius","--ui-dropdown-item-font-weight","--ui-dropdown-item-hover-bg","--ui-dropdown-item-active-bg","--ui-dropdown-item-checked-bg","--ui-dropdown-item-active-color","--ui-dropdown-duration","--ui-dropdown-easing"];class y extends k.ElementBase{constructor(){super(),this._isOpen=!1,this._panelEl=null,this._portalEl=null,this._restoreFocusEl=null,this._typeaheadBuffer="",this._typeaheadTimer=null,this._placement="bottom",this._openListenersBound=!1,this._openFrame=0,this._checkboxState=new Map,this._radioState=new Map,this._menuId=`ui-dropdown-menu-${Math.random().toString(36).slice(2,10)}`,this._triggerId=`ui-dropdown-trigger-${Math.random().toString(36).slice(2,10)}`,this._onHostClick=this._onHostClick.bind(this),this._onHostKeyDown=this._onHostKeyDown.bind(this),this._onDocumentPointerDown=this._onDocumentPointerDown.bind(this),this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return["open","disabled","placement","variant","size","density","radius","shape","elevation","tone","close-on-select","close-on-scroll","typeahead","aria-label","aria-labelledby","aria-describedby"]}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this._onHostClick),this.addEventListener("keydown",this._onHostKeyDown),this.root.addEventListener("slotchange",this._onSlotChange),this._syncOpenState(),this._syncTriggerA11y()}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,t,r){if(t!==r){if(e==="open"){this._syncOpenState();return}if(!(e==="close-on-select"||e==="close-on-scroll"||e==="typeahead")){if(e==="disabled"){this.hasAttribute("disabled")&&this._isOpen&&this.close("disabled"),this._syncTriggerA11y();return}if(this._isOpen&&(e==="placement"||L.has(e))){this._syncMenuPresentation(),this._schedulePanelSync();return}this._isOpen&&z.has(e)&&this._syncMenuA11y()}}}open(){this.hasAttribute("disabled")||this.hasAttribute("open")||this.setAttribute("open","")}close(e="programmatic"){!this.hasAttribute("open")&&!this._isOpen||this._close(e)}closeDropdown(e="programmatic"){if(!(!this.hasAttribute("open")&&!this._isOpen)){if(e==="programmatic"){this.close(e);return}this._requestClose(e)}}toggle(){if(this._isOpen){this._requestClose("trigger");return}this.open()}get closeOnSelect(){return f(this.getAttribute("close-on-select"),!0)}set closeOnSelect(e){this.setAttribute("close-on-select",e?"true":"false")}get closeOnScroll(){return f(this.getAttribute("close-on-scroll"),!0)}set closeOnScroll(e){this.setAttribute("close-on-scroll",e?"true":"false")}get typeahead(){return f(this.getAttribute("typeahead"),!0)}set typeahead(e){this.setAttribute("typeahead",e?"true":"false")}_getTrigger(){return this.querySelector('[slot="trigger"]')}_getContentSource(){return this.querySelector('[slot="content"]')}_getMenu(){return this._portalEl}_isFocusable(e){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 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 t=new CustomEvent("request-close",{detail:{reason:e},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(t);const r=new CustomEvent("ui-request-close",{detail:{reason:e},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(r),!(t.defaultPrevented||r.defaultPrevented)&&this.close(e)}_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,composed:!0,detail:{open:!1,reason:e}})),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0,detail:{reason:e}})),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}_syncOpenState(){const e=this.hasAttribute("open")&&!this.hasAttribute("disabled");if(e===this._isOpen){this._syncControlState(),this._syncTriggerA11y(),e&&(this._syncMenuPresentation(),this._syncMenuA11y(),this._schedulePanelSync());return}if(e){this._isOpen=!0,this._restoreFocusEl=document.activeElement,this._renderMenuContent(),this._syncMenuPresentation(),this._syncMenuA11y(),this._syncControlState(),this._syncTriggerA11y(),this._attachOpenListeners(),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{open:!0}})),this._schedulePanelSync("first");return}this._close("programmatic",{restoreFocus:!1})}_attachOpenListeners(){this._openListenersBound||(document.addEventListener("pointerdown",this._onDocumentPointerDown,!0),this._openListenersBound=!0)}_teardownOpenListeners(){this._openListenersBound&&(document.removeEventListener("pointerdown",this._onDocumentPointerDown,!0),this._openListenersBound=!1)}_syncTriggerA11y(){const e=this._getTrigger();if(!e)return;const t=A.resolveTriggerControl(e);if(t.id||(t.id=this._triggerId),t.setAttribute("aria-haspopup","menu"),t.setAttribute("aria-expanded",this._isOpen?"true":"false"),this._isOpen?t.setAttribute("aria-controls",this._menuId):t.removeAttribute("aria-controls"),this.hasAttribute("disabled")){t.setAttribute("aria-disabled","true"),t.setAttribute("tabindex","-1");return}t.getAttribute("aria-disabled")==="true"&&t.removeAttribute("aria-disabled"),t.getAttribute("tabindex")==="-1"&&t.removeAttribute("tabindex")}_renderMenuContent(){const e=this._getMenu();if(!e)return;e.replaceChildren();const t=this._getContentSource();if(t&&e.appendChild(P(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,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,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(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)===t;e.setAttribute("aria-checked",a?"true":"false"),e.setAttribute("data-state",a?"checked":"unchecked")}_syncMenuPresentation(){const e=this._getMenu();if(!e)return;const t=p()?window.getComputedStyle(this):null;t&&q.forEach(c=>{const m=t.getPropertyValue(c).trim();m?e.style.setProperty(c,m):e.style.removeProperty(c)});const r=h(this,"variant"),o=I(this.getAttribute("size")||this.getAttribute("density")),a=h(this,"density"),n=h(this,"shape"),u=h(this,"elevation"),s=h(this,"tone"),d=T(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}e.style.removeProperty("--ui-dropdown-radius"),e.style.removeProperty("--ui-dropdown-item-radius")}_syncMenuA11y(){const e=this._getMenu();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,t=this._getMenu();!e||!t||(e.setAttribute("data-placement",this._placement),_.setPanelOpen(e,this._isOpen,String(this._placement).split("-")[0]))}_schedulePanelSync(e){this._openFrame&&cancelAnimationFrame(this._openFrame),this._openFrame=requestAnimationFrame(()=>{this._openFrame=0,this._syncPanelState(),e==="first"&&this._focusFirstItem(),e==="last"&&this._focusLastItem()})}_syncPanelState(){const e=this._panelEl;!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 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 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=E(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),w=Math.min(Math.max(r.scrollWidth,r.offsetWidth)+4,360);return e==="top"?s>=m||s>u?"top":"bottom":e==="left"?c>=w||c>d?"left":"right":e==="right"?d>=w||d>=c?"right":"left":u>=m||u>=s?"bottom":"top"}_clearActiveItem(){this._queryItems(!0).forEach(e=>e.removeAttribute("data-active"))}_setActiveItem(e,t={}){if(this._clearActiveItem(),!!e&&(e.setAttribute("data-active","true"),t.focus&&g(e),t.scroll)){const r=this._getMenu();r&&O(e,r)}}_focusFirstItem(){const e=this._queryItems(!1);this._setActiveItem(e[0]||null,{focus:!0,scroll:!0})}_focusLastItem(){const e=this._queryItems(!1);this._setActiveItem(e[e.length-1]||null,{focus:!0,scroll:!0})}_moveFocus(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=D(t,o,e);if(a>=0){this._setActiveItem(t[a],{focus:!0,scroll:!0});return}e>0?this._focusFirstItem():this._focusLastItem()}_resetTypeahead(){this._typeaheadBuffer="",this._typeaheadTimer!=null&&(window.clearTimeout(this._typeaheadTimer),this._typeaheadTimer=null)}_isTypeaheadKey(e){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 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=F(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 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"),r>=0&&this._checkboxState.set(r,n);return}if(t!=="menuitemradio")return;const a=e.getAttribute("data-group")||e.getAttribute("name")||""||"__default__";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 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 t=this._getTrigger();return t?(typeof e.composedPath=="function"?e.composedPath():[]).includes(t):!1}_emitSelect(e){const t={value:e.getAttribute("data-value")||e.getAttribute("value")||void 0,label:e.getAttribute("aria-label")||e.textContent?.trim()||void 0,checked:e.getAttribute("aria-checked")==="true",item:e};this.dispatchEvent(new CustomEvent("select",{bubbles:!0,composed:!0,detail:t}))}_onHostClick(e){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)){if(e.preventDefault(),this._isOpen){this._requestClose("trigger");return}this.open()}}_onHostKeyDown(e){if(!this._isOpen){if(!this._isEventInsideTrigger(e)||!["ArrowDown","ArrowUp","Enter"," "].includes(e.key))return;e.preventDefault(),this.open(),this._schedulePanelSync(e.key==="ArrowUp"?"last":"first");return}if(!this._handleTypeahead(e)){if(e.key==="Escape"){e.preventDefault(),this._requestClose("escape");return}if(e.key==="ArrowDown"){e.preventDefault(),this._moveFocus(1);return}if(e.key==="ArrowUp"){e.preventDefault(),this._moveFocus(-1);return}if(e.key==="Home"){e.preventDefault(),this._focusFirstItem();return}if(e.key==="End"){e.preventDefault(),this._focusLastItem();return}if(e.key==="Tab"){this._requestClose("tab");return}if(e.key==="Enter"||e.key===" "){const t=this._currentFocusedItem();if(!t||!this._getMenu()?.contains(t)||b(t))return;e.preventDefault(),t.click()}}}_onDocumentPointerDown(e){!this._isOpen||(typeof e.composedPath=="function"?e.composedPath():[]).includes(this)||this._requestClose("outside")}_onSlotChange(){v.hideCloneSource(this._getContentSource()),this._syncTriggerA11y(),this._isOpen&&(this._renderMenuContent(),this._syncMenuPresentation(),this._syncMenuA11y(),this._schedulePanelSync())}render(){this.setContent(`
+      <style>${C}</style>
       <div class="root" part="root">
         <div class="trigger" part="trigger">
           <slot name="trigger"></slot>
@@ -510,4 +510,4 @@
         <slot name="content"></slot>
       </div>
       <slot></slot>
-    `),this._panelEl=this.root.querySelector(".panel"),this._portalEl=this.root.querySelector(".menu"),this._syncMenuPresentation(),this._syncMenuA11y(),this._syncTriggerA11y(),this._syncControlState(),this._isOpen?(this._renderMenuContent(),this._schedulePanelSync()):this._clearMenuContent()}shouldRenderOnAttributeChange(){return!1}}typeof customElements<"u"&&!customElements.get("ui-dropdown")&&customElements.define("ui-dropdown",x);exports.UIDropdown=x;
+    `),this._panelEl=this.root.querySelector(".panel"),this._portalEl=this.root.querySelector(".menu"),v.hideCloneSource(this._getContentSource()),this._syncMenuPresentation(),this._syncMenuA11y(),this._syncTriggerA11y(),this._syncControlState(),this._isOpen?(this._renderMenuContent(),this._schedulePanelSync()):this._clearMenuContent()}shouldRenderOnAttributeChange(){return!1}}typeof customElements<"u"&&!customElements.get("ui-dropdown")&&customElements.define("ui-dropdown",y);exports.UIDropdown=y;

package/dist/dropdown.esm.js

@@ -1,15 +1,16 @@
-import { E as _ } from "./ElementBase-BeZT54Hj.mjs";
-import { O as x, s as y } from "./overlay-motion-BX3dPLay.mjs";
-import { r as k } from "./trigger-BjnxLCeQ.mjs";
-import { c as A } from "./menu-item-styles-CdqxPUuw.mjs";
+import { E as x } from "./ElementBase-D5QsC5Vw.mjs";
+import { h as w, r as y } from "./clone-source-BxK2pEVw.mjs";
+import { O as k, s as A } from "./overlay-motion-BX3dPLay.mjs";
+import { r as S } from "./trigger-BjnxLCeQ.mjs";
+import { c as C } from "./menu-item-styles-CdqxPUuw.mjs";
 const l = [
   '[role="menuitem"]',
   '[role="menuitemcheckbox"]',
   '[role="menuitemradio"]',
   ".item",
   "[data-menu-item]"
-].join(", "), S = `
-  ${x}
+].join(", "), E = `
+  ${k}
 
   :host {
     --ui-dropdown-bg: var(
@@ -242,7 +243,7 @@ const l = [
     --ui-dropdown-color: #f8fafc;
     --ui-dropdown-muted: #94a3b8;
     --ui-dropdown-border-color: #334155;
-    --ui-dropdown-ring: #93c5fd;
+    --ui-dropdown-ring: var(--ui-color-accent-on-dark, #93c5fd);
     --ui-dropdown-item-active-color: #f8fafc;
     --ui-dropdown-item-secondary-active-color: color-mix(in srgb, #f8fafc 82%, transparent);
     --ui-dropdown-item-hover-bg: color-mix(in srgb, #ffffff 12%, transparent);
@@ -279,7 +280,7 @@ const l = [
     --ui-dropdown-item-checked-bg: color-mix(in srgb, var(--ui-color-warning, #b45309) 17%, transparent);
   }
 
-  ${A({
+  ${C({
   scopes: [".menu"],
   prefix: "--ui-dropdown",
   shortcutSelectors: [".shortcut", ".meta"],
@@ -512,14 +513,14 @@ const l = [
     }
   }
 `;
-function C(i) {
+function I(i) {
   return i === "top" || i === "left" || i === "right" ? i : "bottom";
 }
-function E(i) {
+function T(i) {
   const e = (i || "").trim().toLowerCase();
   return e === "sm" || e === "1" || e === "compact" ? "sm" : e === "lg" || e === "3" || e === "comfortable" ? "lg" : "md";
 }
-function I(i) {
+function M(i) {
   const e = (i || "").trim().toLowerCase();
   return !e || e === "default" ? null : e === "none" ? "0px" : e === "sm" ? "8px" : e === "md" ? "12px" : e === "lg" || e === "large" ? "16px" : e === "full" || e === "pill" ? "999px" : e === "square" ? "6px" : e === "soft" || e === "rounded" ? "14px" : /^\d+(\.\d+)?$/.test(e) ? `${e}px` : /^\d+(\.\d+)?(px|rem|em|%)$/.test(e) ? e : i;
 }
@@ -537,7 +538,7 @@ function h() {
 function b(i) {
   return i.hasAttribute("disabled") || i.getAttribute("aria-disabled") === "true" || i.disabled === !0;
 }
-function T(i) {
+function O(i) {
   return (i.getAttribute("aria-label") || i.textContent || "").trim();
 }
 function g(i) {
@@ -548,7 +549,7 @@ function g(i) {
       i.focus();
     }
 }
-function M(i, e) {
+function P(i, e) {
   const t = i.offsetTop, r = t + i.offsetHeight, o = e.scrollTop, a = o + e.clientHeight;
   if (t < o) {
     e.scrollTop = t;
@@ -556,10 +557,10 @@ function M(i, e) {
   }
   r > a && (e.scrollTop = Math.max(0, r - e.clientHeight));
 }
-function O(i) {
-  return w(i);
+function F(i) {
+  return y(_(i));
 }
-function w(i) {
+function _(i) {
   if (i.nodeType === Node.TEXT_NODE)
     return document.createTextNode(i.textContent || "");
   if (!(i instanceof HTMLElement))
@@ -568,26 +569,26 @@ function w(i) {
   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.appendChild(_(r));
   }), t;
 }
-function P(i, e, t) {
+function D(i, e, t) {
   for (let r = e + t; r >= 0 && r < i.length; r += t)
     if (!b(i[r])) return r;
   return -1;
 }
-function F(i, e, t) {
+function L(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 (T(n).toLowerCase().startsWith(e)) return n;
+    if (O(n).toLowerCase().startsWith(e)) return n;
   }
   return null;
 }
-const D = /* @__PURE__ */ new Set(["variant", "density", "shape", "elevation", "tone", "size", "radius"]), L = /* @__PURE__ */ new Set(["aria-label", "aria-labelledby", "aria-describedby"]), z = [
+const z = /* @__PURE__ */ new Set(["variant", "density", "shape", "elevation", "tone", "size", "radius"]), H = /* @__PURE__ */ new Set(["aria-label", "aria-labelledby", "aria-describedby"]), q = [
   "--ui-dropdown-bg",
   "--ui-dropdown-color",
   "--ui-dropdown-muted",
@@ -609,7 +610,7 @@ const D = /* @__PURE__ */ new Set(["variant", "density", "shape", "elevation", "
   "--ui-dropdown-duration",
   "--ui-dropdown-easing"
 ];
-class H extends _ {
+class B extends x {
   constructor() {
     super(), this._isOpen = !1, this._panelEl = null, this._portalEl = null, this._restoreFocusEl = null, this._typeaheadBuffer = "", this._typeaheadTimer = null, this._placement = "bottom", this._openListenersBound = !1, this._openFrame = 0, this._checkboxState = /* @__PURE__ */ new Map(), this._radioState = /* @__PURE__ */ new Map(), this._menuId = `ui-dropdown-menu-${Math.random().toString(36).slice(2, 10)}`, this._triggerId = `ui-dropdown-trigger-${Math.random().toString(36).slice(2, 10)}`, this._onHostClick = this._onHostClick.bind(this), this._onHostKeyDown = this._onHostKeyDown.bind(this), this._onDocumentPointerDown = this._onDocumentPointerDown.bind(this), this._onSlotChange = this._onSlotChange.bind(this);
   }
@@ -650,11 +651,11 @@ class H extends _ {
           this.hasAttribute("disabled") && this._isOpen && this.close("disabled"), this._syncTriggerA11y();
           return;
         }
-        if (this._isOpen && (e === "placement" || D.has(e))) {
+        if (this._isOpen && (e === "placement" || z.has(e))) {
           this._syncMenuPresentation(), this._schedulePanelSync();
           return;
         }
-        this._isOpen && L.has(e) && this._syncMenuA11y();
+        this._isOpen && H.has(e) && this._syncMenuA11y();
       }
     }
   }
@@ -786,7 +787,7 @@ class H extends _ {
   _syncTriggerA11y() {
     const e = this._getTrigger();
     if (!e) return;
-    const t = k(e);
+    const t = S(e);
     if (t.id || (t.id = this._triggerId), t.setAttribute("aria-haspopup", "menu"), t.setAttribute("aria-expanded", this._isOpen ? "true" : "false"), this._isOpen ? t.setAttribute("aria-controls", this._menuId) : t.removeAttribute("aria-controls"), this.hasAttribute("disabled")) {
       t.setAttribute("aria-disabled", "true"), t.setAttribute("tabindex", "-1");
       return;
@@ -798,7 +799,7 @@ class H extends _ {
     if (!e) return;
     e.replaceChildren();
     const t = this._getContentSource();
-    if (t && e.appendChild(O(t)), !e.querySelector(l)) {
+    if (t && e.appendChild(F(t)), !e.querySelector(l)) {
       const r = document.createElement("div");
       r.className = "empty-state", r.textContent = "No items", e.appendChild(r);
     }
@@ -833,11 +834,11 @@ class H extends _ {
     const e = this._getMenu();
     if (!e) return;
     const t = h() ? window.getComputedStyle(this) : null;
-    t && z.forEach((c) => {
+    t && q.forEach((c) => {
       const m = t.getPropertyValue(c).trim();
       m ? e.style.setProperty(c, m) : e.style.removeProperty(c);
     });
-    const r = p(this, "variant"), o = E(this.getAttribute("size") || this.getAttribute("density")), a = p(this, "density"), n = p(this, "shape"), u = p(this, "elevation"), s = p(this, "tone"), d = I(this.getAttribute("radius") || n || null);
+    const r = p(this, "variant"), o = T(this.getAttribute("size") || this.getAttribute("density")), a = p(this, "density"), n = p(this, "shape"), u = p(this, "elevation"), s = p(this, "tone"), d = M(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;
@@ -852,7 +853,7 @@ class H extends _ {
   }
   _syncControlState() {
     const e = this._panelEl, t = this._getMenu();
-    !e || !t || (e.setAttribute("data-placement", this._placement), y(e, this._isOpen, String(this._placement).split("-")[0]));
+    !e || !t || (e.setAttribute("data-placement", this._placement), A(e, this._isOpen, String(this._placement).split("-")[0]));
   }
   _schedulePanelSync(e) {
     this._openFrame && cancelAnimationFrame(this._openFrame), this._openFrame = requestAnimationFrame(() => {
@@ -876,7 +877,7 @@ class H extends _ {
     return e === "top" ? r.top - 12 : o - r.bottom - 12;
   }
   _resolvePlacement() {
-    const e = C(this.getAttribute("placement")), t = this._getTrigger(), r = this._getMenu();
+    const e = I(this.getAttribute("placement")), t = this._getTrigger(), r = this._getMenu();
     if (!t || !r || !h()) 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";
@@ -887,7 +888,7 @@ class H extends _ {
   _setActiveItem(e, t = {}) {
     if (this._clearActiveItem(), !!e && (e.setAttribute("data-active", "true"), t.focus && g(e), t.scroll)) {
       const r = this._getMenu();
-      r && M(e, r);
+      r && P(e, r);
     }
   }
   _focusFirstItem() {
@@ -901,7 +902,7 @@ class H extends _ {
   _moveFocus(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 = P(t, o, e);
+    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 = D(t, o, e);
     if (a >= 0) {
       this._setActiveItem(t[a], { focus: !0, scroll: !0 });
       return;
@@ -918,7 +919,7 @@ class H extends _ {
     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 = F(this._queryItems(!0), this._typeaheadBuffer, this._currentFocusedItem());
+    const r = L(this._queryItems(!0), this._typeaheadBuffer, this._currentFocusedItem());
     return r ? (this._setActiveItem(r, { focus: !0, scroll: !0 }), e.preventDefault(), !0) : !1;
   }
   _querySourceItems() {
@@ -1023,11 +1024,11 @@ class H extends _ {
     !this._isOpen || (typeof e.composedPath == "function" ? e.composedPath() : []).includes(this) || this._requestClose("outside");
   }
   _onSlotChange() {
-    this._syncTriggerA11y(), this._isOpen && (this._renderMenuContent(), this._syncMenuPresentation(), this._syncMenuA11y(), this._schedulePanelSync());
+    w(this._getContentSource()), this._syncTriggerA11y(), this._isOpen && (this._renderMenuContent(), this._syncMenuPresentation(), this._syncMenuA11y(), this._schedulePanelSync());
   }
   render() {
     this.setContent(`
-      <style>${S}</style>
+      <style>${E}</style>
       <div class="root" part="root">
         <div class="trigger" part="trigger">
           <slot name="trigger"></slot>
@@ -1046,13 +1047,13 @@ class H extends _ {
         <slot name="content"></slot>
       </div>
       <slot></slot>
-    `), this._panelEl = this.root.querySelector(".panel"), this._portalEl = this.root.querySelector(".menu"), this._syncMenuPresentation(), this._syncMenuA11y(), this._syncTriggerA11y(), this._syncControlState(), this._isOpen ? (this._renderMenuContent(), this._schedulePanelSync()) : this._clearMenuContent();
+    `), this._panelEl = this.root.querySelector(".panel"), this._portalEl = this.root.querySelector(".menu"), w(this._getContentSource()), this._syncMenuPresentation(), this._syncMenuA11y(), this._syncTriggerA11y(), this._syncControlState(), this._isOpen ? (this._renderMenuContent(), this._schedulePanelSync()) : this._clearMenuContent();
   }
   shouldRenderOnAttributeChange() {
     return !1;
   }
 }
-typeof customElements < "u" && !customElements.get("ui-dropdown") && customElements.define("ui-dropdown", H);
+typeof customElements < "u" && !customElements.get("ui-dropdown") && customElements.define("ui-dropdown", B);
 export {
-  H as UIDropdown
+  B as UIDropdown
 };

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-DxbvhLJs.js"),c=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./ElementBase-CbUsP3D6.js"),c=`
   :host {
     display: block;
     --ui-empty-bg: linear-gradient(180deg, var(--ui-color-surface, #ffffff), var(--ui-color-surface-alt, #f8fafc));
@@ -89,6 +89,16 @@
     outline-offset: 2px;
   }
 
+  /* variant="plain": no box of its own, for use inside a Card, a table or a panel that already
+     draws one. */
+  :host([variant="plain"]) .card {
+    background: transparent;
+    border: 0;
+    border-radius: 0;
+    box-shadow: none;
+    padding-inline: 0;
+  }
+
   :host([compact]) .card {
     padding: 18px;
     gap: 10px;
@@ -151,7 +161,7 @@
       border-color: Highlight;
     }
   }
-`;function i(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}class n extends a.ElementBase{constructor(){super(),this._actionBtn=null,this._onActionClick=this._onActionClick.bind(this)}static get observedAttributes(){return["title","description","action-label","tone","compact","headless"]}disconnectedCallback(){this._actionBtn&&(this._actionBtn.removeEventListener("click",this._onActionClick),this._actionBtn=null),super.disconnectedCallback()}_onActionClick(){this.dispatchEvent(new CustomEvent("action",{bubbles:!0}))}render(){this._actionBtn&&(this._actionBtn.removeEventListener("click",this._onActionClick),this._actionBtn=null);const o=this.getAttribute("title")||"No results found",r=this.getAttribute("description")||"Try adjusting your filters or creating a new record.",t=this.getAttribute("action-label")||"";this.setContent(`
+`;function i(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}class n extends a.ElementBase{constructor(){super(),this._actionBtn=null,this._onActionClick=this._onActionClick.bind(this)}static get observedAttributes(){return["title","description","action-label","tone","compact","headless","variant"]}disconnectedCallback(){this._actionBtn&&(this._actionBtn.removeEventListener("click",this._onActionClick),this._actionBtn=null),super.disconnectedCallback()}_onActionClick(){this.dispatchEvent(new CustomEvent("action",{bubbles:!0}))}render(){this._actionBtn&&(this._actionBtn.removeEventListener("click",this._onActionClick),this._actionBtn=null);const o=this.getAttribute("title")||"No results found",r=this.getAttribute("description")||"Try adjusting your filters or creating a new record.",t=this.getAttribute("action-label")||"";this.setContent(`
       <style>${c}</style>
       <section class="card" role="status" aria-live="polite">
         <div class="icon" part="icon" aria-hidden="true">

package/dist/empty-state.esm.js

@@ -1,4 +1,4 @@
-import { E as n } from "./ElementBase-BeZT54Hj.mjs";
+import { E as n } from "./ElementBase-D5QsC5Vw.mjs";
 const a = `
   :host {
     display: block;
@@ -90,6 +90,16 @@ const a = `
     outline-offset: 2px;
   }
 
+  /* variant="plain": no box of its own, for use inside a Card, a table or a panel that already
+     draws one. */
+  :host([variant="plain"]) .card {
+    background: transparent;
+    border: 0;
+    border-radius: 0;
+    box-shadow: none;
+    padding-inline: 0;
+  }
+
   :host([compact]) .card {
     padding: 18px;
     gap: 10px;
@@ -153,15 +163,15 @@ const a = `
     }
   }
 `;
-function i(e) {
-  return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+function i(o) {
+  return o.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
 class c extends n {
   constructor() {
     super(), this._actionBtn = null, this._onActionClick = this._onActionClick.bind(this);
   }
   static get observedAttributes() {
-    return ["title", "description", "action-label", "tone", "compact", "headless"];
+    return ["title", "description", "action-label", "tone", "compact", "headless", "variant"];
   }
   disconnectedCallback() {
     this._actionBtn && (this._actionBtn.removeEventListener("click", this._onActionClick), this._actionBtn = null), super.disconnectedCallback();
@@ -171,7 +181,7 @@ class c extends n {
   }
   render() {
     this._actionBtn && (this._actionBtn.removeEventListener("click", this._onActionClick), this._actionBtn = null);
-    const o = this.getAttribute("title") || "No results found", r = this.getAttribute("description") || "Try adjusting your filters or creating a new record.", t = this.getAttribute("action-label") || "";
+    const e = this.getAttribute("title") || "No results found", r = this.getAttribute("description") || "Try adjusting your filters or creating a new record.", t = this.getAttribute("action-label") || "";
     this.setContent(`
       <style>${a}</style>
       <section class="card" role="status" aria-live="polite">
@@ -179,7 +189,7 @@ class c extends n {
           <slot name="icon">i</slot>
         </div>
         <h3 class="title" part="title">
-          <slot name="title">${i(o)}</slot>
+          <slot name="title">${i(e)}</slot>
         </h3>
         <p class="description" part="description">
           <slot name="description">${i(r)}</slot>
@@ -191,7 +201,7 @@ class c extends n {
       </section>
     `), this._actionBtn = this.root.querySelector(".default-action"), this._actionBtn && this._actionBtn.addEventListener("click", this._onActionClick);
   }
-  shouldRenderOnAttributeChange(o, r, t) {
+  shouldRenderOnAttributeChange(e, r, t) {
     return !0;
   }
 }