@editora/ui-core 0.1.20 → 0.1.22

package/dist/placement-grid.esm.js

@@ -1,5 +1,5 @@
-import { E as b } from "./ElementBase-YlTLMsGk.mjs";
-const _ = {
+import { E as _ } from "./ElementBase-YlTLMsGk.mjs";
+const b = {
   sm: "var(--ui-breakpoint-sm, 640px)",
   md: "var(--ui-breakpoint-md, 768px)",
   lg: "var(--ui-breakpoint-lg, 1024px)",
@@ -187,7 +187,7 @@ function g(u, t) {
       return {};
   }
 }
-class I extends b {
+class I extends _ {
   constructor() {
     super(...arguments), this._lastClassname = "", this._appliedInlineProps = /* @__PURE__ */ new Set(), this._mutationObserver = null, this._suppressMutations = !1, this._focusedValue = null, this._dragItem = null, this._dragOverItem = null, this._onKeyDownBound = (t) => this._onKeyDown(t), this._onClickBound = (t) => this._onClick(t), this._onDragStartBound = (t) => this._onDragStart(t), this._onDragOverBound = (t) => this._onDragOver(t), this._onDropBound = (t) => this._onDrop(t), this._onDragEndBound = () => this._clearDragState();
   }
@@ -234,8 +234,8 @@ class I extends b {
       const e = this.getAttribute(t);
       if (!e || f(e)) return;
       const s = g(t, e);
-      Object.entries(s).forEach(([r, i]) => {
-        this.style.setProperty(r, i), this._appliedInlineProps.add(r);
+      Object.entries(s).forEach(([r, a]) => {
+        this.style.setProperty(r, a), this._appliedInlineProps.add(r);
       });
     });
   }
@@ -246,21 +246,21 @@ class I extends b {
       lg: {},
       xl: {}
     };
-    p.forEach((a) => {
-      const o = this.getAttribute(a), n = f(o);
+    p.forEach((i) => {
+      const o = this.getAttribute(i), n = f(o);
       if (!n) return;
       const l = (c, m) => {
-        Object.assign(c, g(a, m));
+        Object.assign(c, g(i, m));
       };
       typeof n.initial == "string" && l(t, n.initial), typeof n.sm == "string" && l(e.sm, n.sm), typeof n.md == "string" && l(e.md, n.md), typeof n.lg == "string" && l(e.lg, n.lg), typeof n.xl == "string" && l(e.xl, n.xl);
     });
-    const s = (a, o) => {
+    const s = (i, o) => {
       const n = Object.entries(o);
-      return n.length ? `${a} { ${n.map(([l, c]) => `${l}: ${c};`).join(" ")} }` : "";
-    }, r = [], i = s(":host", t);
-    return i && r.push(i), Object.keys(e).forEach((a) => {
-      const o = s(":host", e[a]);
-      o && r.push(`@media (min-width: ${_[a]}) { ${o} }`);
+      return n.length ? `${i} { ${n.map(([l, c]) => `${l}: ${c};`).join(" ")} }` : "";
+    }, r = [], a = s(":host", t);
+    return a && r.push(a), Object.keys(e).forEach((i) => {
+      const o = s(":host", e[i]);
+      o && r.push(`@media (min-width: ${b[i]}) { ${o} }`);
     }), r.join(`
 `);
   }
@@ -280,17 +280,17 @@ class I extends b {
     const t = this._fallbackColumnCount();
     let e = 0;
     return this._items().map((s, r) => {
-      let i = d(s.getAttribute("data-row")), a = d(s.getAttribute("data-column"));
+      let a = d(s.getAttribute("data-row")), i = d(s.getAttribute("data-column"));
       const o = d(s.getAttribute("data-row-span")) || 1, n = d(s.getAttribute("data-column-span")) || 1;
-      if (i == null || a == null) {
+      if (a == null || i == null) {
         const l = e++, c = Math.floor(l / t) + 1, m = l % t + 1;
-        i == null && (i = c), a == null && (a = m);
+        a == null && (a = c), i == null && (i = m);
       }
       return {
         el: s,
         index: r,
-        row: i,
-        column: a,
+        row: a,
+        column: i,
         rowSpan: o,
         columnSpan: n,
         value: s.getAttribute("data-value") || s.id || String(r),
@@ -312,18 +312,12 @@ class I extends b {
     return [...t].sort((e, s) => e.row !== s.row ? e.row - s.row : e.column !== s.column ? e.column - s.column : e.index - s.index);
   }
   _syncHostSemantics(t) {
-    this._isInteractive() ? (this.hasAttribute("role") || (this.setAttribute("role", "grid"), this.setAttribute("data-ui-placement-role", "")), this.setAttribute(
-      "aria-rowcount",
-      String(t.reduce((e, s) => Math.max(e, s.row + s.rowSpan - 1), 0))
-    ), this.setAttribute(
-      "aria-colcount",
-      String(t.reduce((e, s) => Math.max(e, s.column + s.columnSpan - 1), this._fallbackColumnCount()))
-    )) : this.hasAttribute("data-ui-placement-role") && (this.removeAttribute("role"), this.removeAttribute("data-ui-placement-role"), this.removeAttribute("aria-rowcount"), this.removeAttribute("aria-colcount"));
+    this._isInteractive() ? this.hasAttribute("role") || (this.setAttribute("role", "list"), this.setAttribute("data-ui-placement-role", "")) : this.hasAttribute("data-ui-placement-role") && (this.removeAttribute("role"), this.removeAttribute("data-ui-placement-role")), (!this._isInteractive() || this.hasAttribute("data-ui-placement-role")) && (this.removeAttribute("aria-rowcount"), this.removeAttribute("aria-colcount"));
   }
   _setFocusedItem(t, e = !1) {
     const s = this._items(), r = t || s[0] || null;
-    this._focusedValue = r && (r.getAttribute("data-value") || r.id) || null, s.forEach((i) => {
-      this._isInteractive() ? i.tabIndex = i === r ? 0 : -1 : i.removeAttribute("tabindex");
+    this._focusedValue = r && (r.getAttribute("data-value") || r.id) || null, s.forEach((a) => {
+      this._isInteractive() ? a.tabIndex = a === r ? 0 : -1 : a.removeAttribute("tabindex");
     }), e && r && r.focus({ preventScroll: !0 });
   }
   _syncItems() {
@@ -333,7 +327,13 @@ class I extends b {
       this._order() === "row-major" && e.forEach((r) => this.appendChild(r.el)), this._syncHostSemantics(e);
       const s = e.find((r) => r.value === this._focusedValue)?.el || e[0]?.el || null;
       e.forEach((r) => {
-        r.el.style.gridColumn = `${r.column} / span ${r.columnSpan}`, r.el.style.gridRow = `${r.row} / span ${r.rowSpan}`, r.el.style.minInlineSize = "0", r.el.style.boxSizing = "border-box", this._isInteractive() ? (r.el.hasAttribute("role") || r.el.setAttribute("role", "gridcell"), r.el.setAttribute("aria-rowindex", String(r.row)), r.el.setAttribute("aria-colindex", String(r.column)), r.columnSpan > 1 ? r.el.setAttribute("aria-colspan", String(r.columnSpan)) : r.el.removeAttribute("aria-colspan"), r.rowSpan > 1 ? r.el.setAttribute("aria-rowspan", String(r.rowSpan)) : r.el.removeAttribute("aria-rowspan"), r.selected ? r.el.setAttribute("aria-selected", "true") : r.el.removeAttribute("aria-selected"), r.disabled ? r.el.setAttribute("aria-disabled", "true") : r.el.removeAttribute("aria-disabled")) : (r.el.removeAttribute("aria-rowindex"), r.el.removeAttribute("aria-colindex"), r.el.removeAttribute("aria-rowspan"), r.el.removeAttribute("aria-colspan"), r.el.removeAttribute("aria-selected"), r.el.removeAttribute("aria-disabled")), this._isDraggable() && !r.disabled ? (r.el.setAttribute("data-draggable", ""), r.el.setAttribute("draggable", "true")) : (r.el.removeAttribute("data-draggable"), r.el.removeAttribute("draggable"));
+        if (r.el.style.gridColumn = `${r.column} / span ${r.columnSpan}`, r.el.style.gridRow = `${r.row} / span ${r.rowSpan}`, r.el.style.minInlineSize = "0", r.el.style.boxSizing = "border-box", this._isInteractive()) {
+          r.el.hasAttribute("role") || (r.el.setAttribute("role", "listitem"), r.el.setAttribute("data-ui-placement-item-role", ""));
+          const a = e.indexOf(r) + 1;
+          r.el.hasAttribute("data-ui-placement-item-role") && (r.el.setAttribute("aria-posinset", String(a)), r.el.setAttribute("aria-setsize", String(e.length)), r.selected ? r.el.setAttribute("aria-current", "true") : r.el.removeAttribute("aria-current")), r.disabled ? r.el.setAttribute("aria-disabled", "true") : r.el.removeAttribute("aria-disabled");
+        } else
+          r.el.hasAttribute("data-ui-placement-item-role") && (r.el.removeAttribute("role"), r.el.removeAttribute("data-ui-placement-item-role")), r.el.removeAttribute("aria-posinset"), r.el.removeAttribute("aria-setsize"), r.el.removeAttribute("aria-current"), r.el.removeAttribute("aria-disabled");
+        this._isDraggable() && !r.disabled ? (r.el.setAttribute("data-draggable", ""), r.el.setAttribute("draggable", "true")) : (r.el.removeAttribute("data-draggable"), r.el.removeAttribute("draggable"));
       }), this._setFocusedItem(s, !1);
     } finally {
       this._suppressMutations = !1;
@@ -348,53 +348,53 @@ class I extends b {
     return this._computeItems().find((e) => e.el === t) || null;
   }
   _intervalsOverlap(t, e, s, r) {
-    const i = t + e - 1, a = s + r - 1;
-    return t <= a && s <= i;
+    const a = t + e - 1, i = s + r - 1;
+    return t <= i && s <= a;
   }
   _findNeighbor(t, e) {
-    const s = this._computeItems().filter((a) => !a.disabled && a.el !== t.el);
+    const s = this._computeItems().filter((i) => !i.disabled && i.el !== t.el);
     if (!s.length) return null;
-    const r = s.filter((a) => e === "left" || e === "right" ? this._intervalsOverlap(t.row, t.rowSpan, a.row, a.rowSpan) ? e === "left" ? a.column < t.column : a.column > t.column : !1 : this._intervalsOverlap(t.column, t.columnSpan, a.column, a.columnSpan) ? e === "up" ? a.row < t.row : a.row > t.row : !1);
+    const r = s.filter((i) => e === "left" || e === "right" ? this._intervalsOverlap(t.row, t.rowSpan, i.row, i.rowSpan) ? e === "left" ? i.column < t.column : i.column > t.column : !1 : this._intervalsOverlap(t.column, t.columnSpan, i.column, i.columnSpan) ? e === "up" ? i.row < t.row : i.row > t.row : !1);
     if (!r.length) {
-      const a = this._order() === "row-major" ? this._sortMeta(this._computeItems()) : this._computeItems(), o = a.findIndex((l) => l.el === t.el);
-      return a[o + (e === "left" || e === "up" ? -1 : 1)]?.el || null;
+      const i = this._order() === "row-major" ? this._sortMeta(this._computeItems()) : this._computeItems(), o = i.findIndex((l) => l.el === t.el);
+      return i[o + (e === "left" || e === "up" ? -1 : 1)]?.el || null;
     }
-    return r.sort((a, o) => {
+    return r.sort((i, o) => {
       if (e === "left" || e === "right") {
-        const c = Math.abs(a.column - t.column), m = Math.abs(o.column - t.column);
-        return c !== m ? c - m : Math.abs(a.row - t.row) - Math.abs(o.row - t.row);
+        const c = Math.abs(i.column - t.column), m = Math.abs(o.column - t.column);
+        return c !== m ? c - m : Math.abs(i.row - t.row) - Math.abs(o.row - t.row);
       }
-      const n = Math.abs(a.row - t.row), l = Math.abs(o.row - t.row);
-      return n !== l ? n - l : Math.abs(a.column - t.column) - Math.abs(o.column - t.column);
+      const n = Math.abs(i.row - t.row), l = Math.abs(o.row - t.row);
+      return n !== l ? n - l : Math.abs(i.column - t.column) - Math.abs(o.column - t.column);
     })[0]?.el || null;
   }
   _moveItemTo(t, e, s, r) {
-    const i = this._metaForItem(t);
-    !i || i.disabled || (t.setAttribute("data-row", String(e)), t.setAttribute("data-column", String(s)), this.dispatchEvent(
+    const a = this._metaForItem(t);
+    !a || a.disabled || (t.setAttribute("data-row", String(e)), t.setAttribute("data-column", String(s)), this.dispatchEvent(
       new CustomEvent("itemmove", {
         bubbles: !0,
         composed: !0,
         detail: {
-          value: i.value,
+          value: a.value,
           reason: r,
-          from: { row: i.row, column: i.column },
+          from: { row: a.row, column: a.column },
           to: { row: e, column: s }
         }
       })
     ), this.requestRender());
   }
   _swapItems(t, e, s) {
-    const r = this._metaForItem(t), i = this._metaForItem(e);
-    !r || !i || (t.setAttribute("data-row", String(i.row)), t.setAttribute("data-column", String(i.column)), e.setAttribute("data-row", String(r.row)), e.setAttribute("data-column", String(r.column)), this.dispatchEvent(
+    const r = this._metaForItem(t), a = this._metaForItem(e);
+    !r || !a || (t.setAttribute("data-row", String(a.row)), t.setAttribute("data-column", String(a.column)), e.setAttribute("data-row", String(r.row)), e.setAttribute("data-column", String(r.column)), this.dispatchEvent(
       new CustomEvent("itemmove", {
         bubbles: !0,
         composed: !0,
         detail: {
           value: r.value,
-          targetValue: i.value,
+          targetValue: a.value,
           reason: s,
           from: { row: r.row, column: r.column },
-          to: { row: i.row, column: i.column }
+          to: { row: a.row, column: a.column }
         }
       })
     ), this.requestRender());
@@ -410,24 +410,24 @@ class I extends b {
     if (!e) return;
     const s = this._metaForItem(e);
     if (!s || s.disabled) return;
-    const r = t.key, i = r === "ArrowLeft" || r === "ArrowRight" || r === "ArrowUp" || r === "ArrowDown";
-    if (t.altKey && this._isDraggable() && i) {
+    const r = t.key, a = r === "ArrowLeft" || r === "ArrowRight" || r === "ArrowUp" || r === "ArrowDown";
+    if (t.altKey && this._isDraggable() && a) {
       t.preventDefault();
       const o = r === "ArrowDown" ? 1 : r === "ArrowUp" ? -1 : 0, n = r === "ArrowRight" ? 1 : r === "ArrowLeft" ? -1 : 0;
       this._moveItemTo(e, Math.max(1, s.row + o), Math.max(1, s.column + n), "keyboard"), this._setFocusedItem(e, !0);
       return;
     }
-    let a = null;
-    if (r === "ArrowLeft") a = this._findNeighbor(s, "left");
-    else if (r === "ArrowRight") a = this._findNeighbor(s, "right");
-    else if (r === "ArrowUp") a = this._findNeighbor(s, "up");
-    else if (r === "ArrowDown") a = this._findNeighbor(s, "down");
-    else if (r === "Home") a = (this._order() === "row-major" ? this._sortMeta(this._computeItems()) : this._computeItems())[0]?.el || null;
+    let i = null;
+    if (r === "ArrowLeft") i = this._findNeighbor(s, "left");
+    else if (r === "ArrowRight") i = this._findNeighbor(s, "right");
+    else if (r === "ArrowUp") i = this._findNeighbor(s, "up");
+    else if (r === "ArrowDown") i = this._findNeighbor(s, "down");
+    else if (r === "Home") i = (this._order() === "row-major" ? this._sortMeta(this._computeItems()) : this._computeItems())[0]?.el || null;
     else if (r === "End") {
       const o = this._order() === "row-major" ? this._sortMeta(this._computeItems()) : this._computeItems();
-      a = o[o.length - 1]?.el || null;
+      i = o[o.length - 1]?.el || null;
     }
-    a && (t.preventDefault(), this._setFocusedItem(a, !0));
+    i && (t.preventDefault(), this._setFocusedItem(i, !0));
   }
   _onDragStart(t) {
     if (!this._isDraggable()) return;

package/dist/plugin-panel.cjs.js

@@ -121,7 +121,7 @@
           <header class="header" part="header" style="display:flex;align-items:flex-start;gap:10px;padding:12px 14px 0;">
             <div style="min-width:0;display:grid;gap:4px;flex:1 1 auto;">
               ${e?`<strong part="title" style="font-size:14px;line-height:1.3;">${e}</strong>`:""}
-              ${t?`<p part="description" style="margin:0;font-size:12px;line-height:1.4;color:var(--ui-color-muted, #64748b);">${t}</p>`:""}
+              ${t?`<p part="description" style="margin:0;font-size:12px;line-height:1.4;color:var(--ui-color-muted, #526175);">${t}</p>`:""}
             </div>
             ${i?'<button type="button" class="dismiss" part="dismiss-button" aria-label="Close panel" style="border:none;background:transparent;color:inherit;cursor:pointer;font:inherit;padding:4px 6px;">Close</button>':""}
           </header>

package/dist/plugin-panel.esm.js

@@ -155,7 +155,7 @@ class o extends a {
           <header class="header" part="header" style="display:flex;align-items:flex-start;gap:10px;padding:12px 14px 0;">
             <div style="min-width:0;display:grid;gap:4px;flex:1 1 auto;">
               ${e ? `<strong part="title" style="font-size:14px;line-height:1.3;">${e}</strong>` : ""}
-              ${t ? `<p part="description" style="margin:0;font-size:12px;line-height:1.4;color:var(--ui-color-muted, #64748b);">${t}</p>` : ""}
+              ${t ? `<p part="description" style="margin:0;font-size:12px;line-height:1.4;color:var(--ui-color-muted, #526175);">${t}</p>` : ""}
             </div>
             ${i ? '<button type="button" class="dismiss" part="dismiss-button" aria-label="Close panel" style="border:none;background:transparent;color:inherit;cursor:pointer;font:inherit;padding:4px 6px;">Close</button>' : ""}
           </header>

package/dist/popover.cjs.js

@@ -8,7 +8,7 @@
         color-mix(in srgb, var(--ui-color-surface-elevated, #f8fafc) 24%, var(--ui-color-surface, #ffffff)) 100%
       );
     --ui-popover-text: var(--ui-color-text, #0f172a);
-    --ui-popover-muted: var(--ui-color-muted, #64748b);
+    --ui-popover-muted: var(--ui-color-muted, #526175);
     --ui-popover-border-color: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 70%, transparent);
     --ui-popover-border: 1px solid var(--ui-popover-border-color);
     --ui-popover-shadow:
@@ -45,7 +45,7 @@
   }
 
   .popover-shell[data-tone="neutral"] {
-    --ui-popover-accent: var(--ui-color-muted, #64748b);
+    --ui-popover-accent: var(--ui-color-muted, #526175);
   }
 
   .popover-shell[data-tone="brand"],
@@ -54,11 +54,11 @@
   }
 
   .popover-shell[data-tone="success"] {
-    --ui-popover-accent: var(--ui-color-success, #16a34a);
+    --ui-popover-accent: var(--ui-color-success, #15803d);
   }
 
   .popover-shell[data-tone="warning"] {
-    --ui-popover-accent: var(--ui-color-warning, #d97706);
+    --ui-popover-accent: var(--ui-color-warning, #b45309);
   }
 
   .popover-shell[data-tone="danger"] {
@@ -283,4 +283,4 @@
       box-shadow: none;
     }
   }
-`;class d extends h.ElementBase{constructor(){super(),this._portalEl=null,this._panelEl=null,this._positioner=null,this._layer=null,this._isOpen=!1,this._restoreFocusEl=null,this._contentObserver=null,this._hostObserver=null,this._syncPortalScheduled=!1,this._onHostClick=this._handleHostClick.bind(this)}static get observedAttributes(){return["open","placement","offset","flip","shift","close-on-escape","close-on-outside","variant","tone","size","radius","elevation"]}attributeChangedCallback(e,t,r){if(t!==r){if(e==="open"){this._syncOpenState();return}this._isOpen&&this._portalEl?.isConnected&&(e==="placement"||e==="offset"||e==="flip"||e==="shift"||e==="variant"||e==="tone"||e==="size"||e==="radius"||e==="elevation"?this._mountPortal():(e==="close-on-escape"||e==="close-on-outside")&&this._syncDismissableLayer())}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this._onHostClick),this._observeHost(),this._syncOpenState()}disconnectedCallback(){this.removeEventListener("click",this._onHostClick),this._hostObserver?.disconnect(),this._hostObserver=null,this._teardownPortal(),super.disconnectedCallback()}_handleHostClick(e){const t=this._getTrigger();if(!t)return;const r=typeof e.composedPath=="function"?e.composedPath():[],o=e.target instanceof Node?e.target:null;(r.includes(t)||o&&(t===o||t.contains(o)))&&this.toggle()}open(){this.setAttribute("open","")}close(){this.removeAttribute("open")}toggle(){this.hasAttribute("open")?this.close():this.open()}updatePosition(){this._positioner?.update()}_getTrigger(){return this.querySelector('[slot="trigger"]')}_buildPortalContent(){const e=document.createElement("div");e.className="popover-shell",e.style.pointerEvents="auto";const t=this.getAttribute("variant");t&&(e.dataset.variant=t);const r=this.getAttribute("tone");r&&(e.dataset.tone=r);const o=this.getAttribute("size");o&&(e.dataset.size=o);const a=this.getAttribute("elevation");a&&(e.dataset.elevation=a);const s=this.getAttribute("radius");if(s&&s.trim()){const p=s.trim(),v=/^-?\d+(\.\d+)?$/.test(p)?`${p}px`:p;e.style.setProperty("--ui-popover-radius",v)}const l=document.createElement("style");l.textContent=m,e.appendChild(l);const i=document.createElement("div");i.className="panel show",this._panelEl=i;const c=document.createElement("div");c.className="arrow",i.appendChild(c);const u=this.querySelector('[slot="content"]'),n=document.createElement("div");return n.className="content",u&&n.appendChild(u.cloneNode(!0)),i.appendChild(n),e.appendChild(i),e}_getContentSource(){return this.querySelector('[slot="content"]')}_placement(){const e=this.getAttribute("placement");return e||"bottom"}_offset(){const e=Number(this.getAttribute("offset"));return Number.isFinite(e)?e:8}_closeOnEscape(){return this.getAttribute("close-on-escape")!=="false"}_closeOnOutside(){return this.getAttribute("close-on-outside")!=="false"}_syncDismissableLayer(){const e=this._getTrigger();!e||!this._panelEl||(this._layer?.destroy(),this._layer=b.createDismissableLayer({node:this._panelEl,trigger:e,closeOnEscape:this._closeOnEscape(),closeOnPointerOutside:this._closeOnOutside(),onDismiss:()=>this.close()}))}_teardownPortal(){if(this._contentObserver?.disconnect(),this._contentObserver=null,this._layer?.destroy(),this._layer=null,this._positioner?.destroy(),this._positioner=null,this._panelEl=null,this._portalEl?.parentElement)try{this._portalEl.parentElement.removeChild(this._portalEl)}catch{}this._portalEl=null}_schedulePortalSync(){this._syncPortalScheduled||!this._isOpen||(this._syncPortalScheduled=!0,queueMicrotask(()=>{this._syncPortalScheduled=!1,this._isOpen&&this._mountPortal()}))}_observeContent(){this._contentObserver?.disconnect(),this._contentObserver=null;const e=this._getContentSource();!e||typeof MutationObserver>"u"||(this._contentObserver=new MutationObserver(()=>this._schedulePortalSync()),this._contentObserver.observe(e,{attributes:!0,childList:!0,characterData:!0,subtree:!0}))}_observeHost(){this._hostObserver?.disconnect(),this._hostObserver=null,!(typeof MutationObserver>"u")&&(this._hostObserver=new MutationObserver(()=>this._schedulePortalSync()),this._hostObserver.observe(this,{childList:!0,subtree:!1}))}_mountPortal(){const e=this._getTrigger();if(!e)return;this._teardownPortal(),this._portalEl=this._buildPortalContent();const t=f.createPortalContainer();t&&(t.appendChild(this._portalEl),this._observeContent(),this._positioner=g.createPositioner({anchor:e,floating:this._portalEl,placement:this._placement(),offset:this._offset(),shift:this.getAttribute("shift")!=="false",flip:this.getAttribute("flip")!=="false",arrow:this._portalEl.querySelector(".arrow")}),this._syncDismissableLayer())}_syncOpenState(){const e=this.hasAttribute("open");if(e===this._isOpen){e&&(!this._portalEl||!this._portalEl.isConnected?this._mountPortal():this._positioner?.update());return}if(this._isOpen=e,e){this._restoreFocusEl=document.activeElement instanceof HTMLElement?document.activeElement:null,this._mountPortal(),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("open-change",{detail:{open:!0},bubbles:!0,composed:!0}));return}this._teardownPortal(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("open-change",{detail:{open:!1},bubbles:!0,composed:!0}));const t=this._getTrigger(),r=this._restoreFocusEl;this._restoreFocusEl=null;const o=(t&&t.isConnected?t:r)||null;if(o&&o.isConnected)try{o.focus()}catch{}}render(){this.setContent('<slot name="trigger"></slot>')}shouldRenderOnAttributeChange(e,t,r){return!1}}typeof customElements<"u"&&!customElements.get("ui-popover")&&customElements.define("ui-popover",d);exports.UIPopover=d;
+`;class d extends h.ElementBase{constructor(){super(),this._portalEl=null,this._panelEl=null,this._positioner=null,this._layer=null,this._isOpen=!1,this._restoreFocusEl=null,this._contentObserver=null,this._hostObserver=null,this._syncPortalScheduled=!1,this._onHostClick=this._handleHostClick.bind(this)}static get observedAttributes(){return["open","placement","offset","flip","shift","close-on-escape","close-on-outside","variant","tone","size","radius","elevation"]}attributeChangedCallback(e,t,r){if(t!==r){if(e==="open"){this._syncOpenState();return}this._isOpen&&this._portalEl?.isConnected&&(e==="placement"||e==="offset"||e==="flip"||e==="shift"||e==="variant"||e==="tone"||e==="size"||e==="radius"||e==="elevation"?this._mountPortal():(e==="close-on-escape"||e==="close-on-outside")&&this._syncDismissableLayer())}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this._onHostClick),this._observeHost(),this._syncOpenState()}disconnectedCallback(){this.removeEventListener("click",this._onHostClick),this._hostObserver?.disconnect(),this._hostObserver=null,this._teardownPortal(),super.disconnectedCallback()}_handleHostClick(e){const t=this._getTrigger();if(!t)return;const r=typeof e.composedPath=="function"?e.composedPath():[],o=e.target instanceof Node?e.target:null;(r.includes(t)||o&&(t===o||t.contains(o)))&&this.toggle()}open(){this.setAttribute("open","")}close(){this.removeAttribute("open")}toggle(){this.hasAttribute("open")?this.close():this.open()}updatePosition(){this._positioner?.update()}_getTrigger(){return this.querySelector('[slot="trigger"]')}_buildPortalContent(){const e=document.createElement("div");e.className="popover-shell",e.style.pointerEvents="auto";const t=this.getAttribute("variant");t&&(e.dataset.variant=t);const r=this.getAttribute("tone");r&&(e.dataset.tone=r);const o=this.getAttribute("size");o&&(e.dataset.size=o);const s=this.getAttribute("elevation");s&&(e.dataset.elevation=s);const a=this.getAttribute("radius");if(a&&a.trim()){const p=a.trim(),v=/^-?\d+(\.\d+)?$/.test(p)?`${p}px`:p;e.style.setProperty("--ui-popover-radius",v)}const l=document.createElement("style");l.textContent=m,e.appendChild(l);const i=document.createElement("div");i.className="panel show",this._panelEl=i;const c=document.createElement("div");c.className="arrow",i.appendChild(c);const u=this.querySelector('[slot="content"]'),n=document.createElement("div");return n.className="content",u&&n.appendChild(u.cloneNode(!0)),i.appendChild(n),e.appendChild(i),e}_getContentSource(){return this.querySelector('[slot="content"]')}_placement(){const e=this.getAttribute("placement");return e||"bottom"}_offset(){const e=Number(this.getAttribute("offset"));return Number.isFinite(e)?e:8}_closeOnEscape(){return this.getAttribute("close-on-escape")!=="false"}_closeOnOutside(){return this.getAttribute("close-on-outside")!=="false"}_syncDismissableLayer(){const e=this._getTrigger();!e||!this._panelEl||(this._layer?.destroy(),this._layer=b.createDismissableLayer({node:this._panelEl,trigger:e,closeOnEscape:this._closeOnEscape(),closeOnPointerOutside:this._closeOnOutside(),onDismiss:()=>this.close()}))}_teardownPortal(){if(this._contentObserver?.disconnect(),this._contentObserver=null,this._layer?.destroy(),this._layer=null,this._positioner?.destroy(),this._positioner=null,this._panelEl=null,this._portalEl?.parentElement)try{this._portalEl.parentElement.removeChild(this._portalEl)}catch{}this._portalEl=null}_schedulePortalSync(){this._syncPortalScheduled||!this._isOpen||(this._syncPortalScheduled=!0,queueMicrotask(()=>{this._syncPortalScheduled=!1,this._isOpen&&this._mountPortal()}))}_observeContent(){this._contentObserver?.disconnect(),this._contentObserver=null;const e=this._getContentSource();!e||typeof MutationObserver>"u"||(this._contentObserver=new MutationObserver(()=>this._schedulePortalSync()),this._contentObserver.observe(e,{attributes:!0,childList:!0,characterData:!0,subtree:!0}))}_observeHost(){this._hostObserver?.disconnect(),this._hostObserver=null,!(typeof MutationObserver>"u")&&(this._hostObserver=new MutationObserver(()=>this._schedulePortalSync()),this._hostObserver.observe(this,{childList:!0,subtree:!1}))}_mountPortal(){const e=this._getTrigger();if(!e)return;this._teardownPortal(),this._portalEl=this._buildPortalContent();const t=f.createPortalContainer();t&&(t.appendChild(this._portalEl),this._observeContent(),this._positioner=g.createPositioner({anchor:e,floating:this._portalEl,placement:this._placement(),offset:this._offset(),shift:this.getAttribute("shift")!=="false",flip:this.getAttribute("flip")!=="false",arrow:this._portalEl.querySelector(".arrow")}),this._syncDismissableLayer())}_syncOpenState(){const e=this.hasAttribute("open");if(e===this._isOpen){e&&(!this._portalEl||!this._portalEl.isConnected?this._mountPortal():this._positioner?.update());return}if(this._isOpen=e,e){this._restoreFocusEl=document.activeElement instanceof HTMLElement?document.activeElement:null,this._mountPortal(),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("open-change",{detail:{open:!0},bubbles:!0,composed:!0}));return}this._teardownPortal(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("open-change",{detail:{open:!1},bubbles:!0,composed:!0}));const t=this._getTrigger(),r=this._restoreFocusEl;this._restoreFocusEl=null;const o=(t&&t.isConnected?t:r)||null;if(o&&o.isConnected)try{o.focus()}catch{}}render(){this.setContent('<slot name="trigger"></slot>')}shouldRenderOnAttributeChange(e,t,r){return!1}}typeof customElements<"u"&&!customElements.get("ui-popover")&&customElements.define("ui-popover",d);exports.UIPopover=d;

package/dist/popover.esm.js

@@ -12,7 +12,7 @@ const g = `
         color-mix(in srgb, var(--ui-color-surface-elevated, #f8fafc) 24%, var(--ui-color-surface, #ffffff)) 100%
       );
     --ui-popover-text: var(--ui-color-text, #0f172a);
-    --ui-popover-muted: var(--ui-color-muted, #64748b);
+    --ui-popover-muted: var(--ui-color-muted, #526175);
     --ui-popover-border-color: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 70%, transparent);
     --ui-popover-border: 1px solid var(--ui-popover-border-color);
     --ui-popover-shadow:
@@ -49,7 +49,7 @@ const g = `
   }
 
   .popover-shell[data-tone="neutral"] {
-    --ui-popover-accent: var(--ui-color-muted, #64748b);
+    --ui-popover-accent: var(--ui-color-muted, #526175);
   }
 
   .popover-shell[data-tone="brand"],
@@ -58,11 +58,11 @@ const g = `
   }
 
   .popover-shell[data-tone="success"] {
-    --ui-popover-accent: var(--ui-color-success, #16a34a);
+    --ui-popover-accent: var(--ui-color-success, #15803d);
   }
 
   .popover-shell[data-tone="warning"] {
-    --ui-popover-accent: var(--ui-color-warning, #d97706);
+    --ui-popover-accent: var(--ui-color-warning, #b45309);
   }
 
   .popover-shell[data-tone="danger"] {

package/dist/portal.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./ElementBase-EV6mVBUV.js"),l=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./ElementBase-EV6mVBUV.js"),l=require("./selector-BvAh35ve.js"),a=`
   :host {
     display: contents;
     color-scheme: light dark;
@@ -31,8 +31,8 @@
       --ui-portal-color: CanvasText;
     }
   }
-`;function a(r){return r==="prepend"?"prepend":"append"}function h(r){return r.nodeType===Node.ELEMENT_NODE?!0:r.nodeType===Node.TEXT_NODE?!!r.textContent?.trim():!1}function u(r){return r.nodeType===Node.ELEMENT_NODE||r.nodeType===Node.TEXT_NODE}class n extends o.ElementBase{constructor(){super(),this._headless=!1,this._strategy="append",this._target=null,this._slot=null,this._entries=[],this._syncing=!1,this._guardTimer=null,this._targetObserver=null,this._pendingSlotSync=!1,this._onSlotChange=this._onSlotChange.bind(this),this._onTargetMutations=this._onTargetMutations.bind(this)}static get observedAttributes(){return["target","headless","strategy","disabled"]}connectedCallback(){super.connectedCallback(),this._syncConfig(),this._mountAllFromSlot()}disconnectedCallback(){this._guardTimer!=null&&(window.clearTimeout(this._guardTimer),this._guardTimer=null),this._slot&&(this._slot.removeEventListener("slotchange",this._onSlotChange),this._slot=null),this._disconnectTargetObserver(),this._restoreAll(),super.disconnectedCallback()}attributeChangedCallback(t,e,s){if(e!==s){if(this._syncConfig(),this._headless){this._restoreAll();return}(t==="target"||t==="strategy"||t==="disabled"||t==="headless")&&this._moveAllToTarget()}}_syncConfig(){this._headless=this.hasAttribute("headless")||this.hasAttribute("disabled"),this._strategy=a(this.getAttribute("strategy")),this._target=this._resolveTarget(),this._connectTargetObserver()}_resolveTarget(){const t=this.getAttribute("target");if(t){const e=document.querySelector(t);if(e instanceof HTMLElement)return e;this.dispatchEvent(new CustomEvent("target-missing",{detail:{target:t},bubbles:!0}))}return document.body}_connectTargetObserver(){this._disconnectTargetObserver(),!(!this._target||typeof MutationObserver>"u")&&(this._targetObserver=new MutationObserver(this._onTargetMutations),this._targetObserver.observe(this._target,{childList:!0,subtree:!0}))}_disconnectTargetObserver(){this._targetObserver&&(this._targetObserver.disconnect(),this._targetObserver=null)}_onTargetMutations(){if(this._syncing)return;let t=!1;this._entries=this._entries.filter(e=>{if(e.node.isConnected)return!0;try{e.anchor.parentNode&&e.anchor.parentNode.removeChild(e.anchor)}catch{}return t=!0,!1}),t&&this.dispatchEvent(new CustomEvent("sync",{detail:{count:this._entries.length},bubbles:!0}))}_beginSync(){this._syncing=!0,this._guardTimer!=null&&window.clearTimeout(this._guardTimer),this._guardTimer=window.setTimeout(()=>{this._syncing=!1,this._guardTimer=null,this._pendingSlotSync&&(this._pendingSlotSync=!1,this._mountAllFromSlot())},0)}_findEntry(t){return this._entries.find(e=>e.node===t)}_portalNode(t){if(!this._target||this._headless||!u(t)||this._findEntry(t)||!this.contains(t))return;const e=document.createComment("ui-portal-anchor"),s=t.parentNode;s&&(this._beginSync(),s.insertBefore(e,t),this._strategy==="prepend"?this._target.insertBefore(t,this._target.firstChild):this._target.appendChild(t),this._entries.push({node:t,anchor:e}))}_restoreEntry(t){const{node:e,anchor:s}=t;this._beginSync(),s.parentNode&&(s.parentNode.insertBefore(e,s),s.parentNode.removeChild(s))}_restoreAll(){if(!this._entries.length)return;const t=[...this._entries];this._entries=[],t.forEach(e=>this._restoreEntry(e)),this.dispatchEvent(new CustomEvent("unmount",{detail:{count:t.length},bubbles:!0}))}_moveAllToTarget(){if(this._headless){this._restoreAll();return}const t=[...this._entries];this._entries=[],t.forEach(e=>{const s=e.anchor,i=e.node;s.parentNode&&(this._beginSync(),this._strategy==="prepend"?this._target.insertBefore(i,this._target.firstChild):this._target.appendChild(i),this._entries.push({node:i,anchor:s}))}),this.dispatchEvent(new CustomEvent("mount",{detail:{count:this._entries.length},bubbles:!0}))}_mountAllFromSlot(){if(this._headless)return;const t=this._slot||this.root.querySelector("slot");if(!t)return;const e=t.assignedNodes({flatten:!0}).filter(s=>h(s));e.forEach(s=>this._portalNode(s)),e.length&&this.dispatchEvent(new CustomEvent("mount",{detail:{count:this._entries.length},bubbles:!0}))}_pruneDetachedEntries(){this._entries.length&&(this._entries=this._entries.filter(t=>{if(t.node.isConnected)return!0;try{t.anchor.parentNode&&t.anchor.parentNode.removeChild(t.anchor)}catch{}return!1}))}_onSlotChange(){if(!this._headless){if(this._syncing){this._pendingSlotSync=!0;return}this._pruneDetachedEntries(),this._mountAllFromSlot()}}render(){this.setContent(`
-      <style>${l}</style>
+`;function h(r){return r==="prepend"?"prepend":"append"}function u(r){return r.nodeType===Node.ELEMENT_NODE?!0:r.nodeType===Node.TEXT_NODE?!!r.textContent?.trim():!1}function c(r){return r.nodeType===Node.ELEMENT_NODE||r.nodeType===Node.TEXT_NODE}class n extends o.ElementBase{constructor(){super(),this._headless=!1,this._strategy="append",this._target=null,this._slot=null,this._entries=[],this._syncing=!1,this._guardTimer=null,this._targetObserver=null,this._pendingSlotSync=!1,this._onSlotChange=this._onSlotChange.bind(this),this._onTargetMutations=this._onTargetMutations.bind(this)}static get observedAttributes(){return["target","headless","strategy","disabled"]}connectedCallback(){super.connectedCallback(),this._syncConfig(),this._mountAllFromSlot()}disconnectedCallback(){this._guardTimer!=null&&(window.clearTimeout(this._guardTimer),this._guardTimer=null),this._slot&&(this._slot.removeEventListener("slotchange",this._onSlotChange),this._slot=null),this._disconnectTargetObserver(),this._restoreAll(),super.disconnectedCallback()}attributeChangedCallback(t,e,s){if(e!==s){if(this._syncConfig(),this._headless){this._restoreAll();return}(t==="target"||t==="strategy"||t==="disabled"||t==="headless")&&this._moveAllToTarget()}}_syncConfig(){this._headless=this.hasAttribute("headless")||this.hasAttribute("disabled"),this._strategy=h(this.getAttribute("strategy")),this._target=this._resolveTarget(),this._connectTargetObserver()}_resolveTarget(){const t=this.getAttribute("target");if(t){const e=l.safeQuerySelector(document,t);if(e instanceof HTMLElement)return e;this.dispatchEvent(new CustomEvent("target-missing",{detail:{target:t},bubbles:!0}))}return document.body}_connectTargetObserver(){this._disconnectTargetObserver(),!(!this._target||typeof MutationObserver>"u")&&(this._targetObserver=new MutationObserver(this._onTargetMutations),this._targetObserver.observe(this._target,{childList:!0,subtree:!0}))}_disconnectTargetObserver(){this._targetObserver&&(this._targetObserver.disconnect(),this._targetObserver=null)}_onTargetMutations(){if(this._syncing)return;let t=!1;this._entries=this._entries.filter(e=>{if(e.node.isConnected)return!0;try{e.anchor.parentNode&&e.anchor.parentNode.removeChild(e.anchor)}catch{}return t=!0,!1}),t&&this.dispatchEvent(new CustomEvent("sync",{detail:{count:this._entries.length},bubbles:!0}))}_beginSync(){this._syncing=!0,this._guardTimer!=null&&window.clearTimeout(this._guardTimer),this._guardTimer=window.setTimeout(()=>{this._syncing=!1,this._guardTimer=null,this._pendingSlotSync&&(this._pendingSlotSync=!1,this._mountAllFromSlot())},0)}_findEntry(t){return this._entries.find(e=>e.node===t)}_portalNode(t){if(!this._target||this._headless||!c(t)||this._findEntry(t)||!this.contains(t))return;const e=document.createComment("ui-portal-anchor"),s=t.parentNode;s&&(this._beginSync(),s.insertBefore(e,t),this._strategy==="prepend"?this._target.insertBefore(t,this._target.firstChild):this._target.appendChild(t),this._entries.push({node:t,anchor:e}))}_restoreEntry(t){const{node:e,anchor:s}=t;this._beginSync(),s.parentNode&&(s.parentNode.insertBefore(e,s),s.parentNode.removeChild(s))}_restoreAll(){if(!this._entries.length)return;const t=[...this._entries];this._entries=[],t.forEach(e=>this._restoreEntry(e)),this.dispatchEvent(new CustomEvent("unmount",{detail:{count:t.length},bubbles:!0}))}_moveAllToTarget(){if(this._headless){this._restoreAll();return}const t=[...this._entries];this._entries=[],t.forEach(e=>{const s=e.anchor,i=e.node;s.parentNode&&(this._beginSync(),this._strategy==="prepend"?this._target.insertBefore(i,this._target.firstChild):this._target.appendChild(i),this._entries.push({node:i,anchor:s}))}),this.dispatchEvent(new CustomEvent("mount",{detail:{count:this._entries.length},bubbles:!0}))}_mountAllFromSlot(){if(this._headless)return;const t=this._slot||this.root.querySelector("slot");if(!t)return;const e=t.assignedNodes({flatten:!0}).filter(s=>u(s));e.forEach(s=>this._portalNode(s)),e.length&&this.dispatchEvent(new CustomEvent("mount",{detail:{count:this._entries.length},bubbles:!0}))}_pruneDetachedEntries(){this._entries.length&&(this._entries=this._entries.filter(t=>{if(t.node.isConnected)return!0;try{t.anchor.parentNode&&t.anchor.parentNode.removeChild(t.anchor)}catch{}return!1}))}_onSlotChange(){if(!this._headless){if(this._syncing){this._pendingSlotSync=!0;return}this._pruneDetachedEntries(),this._mountAllFromSlot()}}render(){this.setContent(`
+      <style>${a}</style>
       <div class="source" part="source">
         <slot></slot>
       </div>

package/dist/portal.esm.js

@@ -1,5 +1,6 @@
 import { E as n } from "./ElementBase-YlTLMsGk.mjs";
-const o = `
+import { s as o } from "./selector-WI8pD7YO.mjs";
+const a = `
   :host {
     display: contents;
     color-scheme: light dark;
@@ -36,13 +37,13 @@ const o = `
 function l(r) {
   return r === "prepend" ? "prepend" : "append";
 }
-function a(r) {
+function h(r) {
   return r.nodeType === Node.ELEMENT_NODE ? !0 : r.nodeType === Node.TEXT_NODE ? !!r.textContent?.trim() : !1;
 }
-function h(r) {
+function u(r) {
   return r.nodeType === Node.ELEMENT_NODE || r.nodeType === Node.TEXT_NODE;
 }
-class u extends n {
+class c extends n {
   constructor() {
     super(), this._headless = !1, this._strategy = "append", this._target = null, this._slot = null, this._entries = [], this._syncing = !1, this._guardTimer = null, this._targetObserver = null, this._pendingSlotSync = !1, this._onSlotChange = this._onSlotChange.bind(this), this._onTargetMutations = this._onTargetMutations.bind(this);
   }
@@ -70,7 +71,7 @@ class u extends n {
   _resolveTarget() {
     const t = this.getAttribute("target");
     if (t) {
-      const e = document.querySelector(t);
+      const e = o(document, t);
       if (e instanceof HTMLElement) return e;
       this.dispatchEvent(
         new CustomEvent("target-missing", {
@@ -108,7 +109,7 @@ class u extends n {
     return this._entries.find((e) => e.node === t);
   }
   _portalNode(t) {
-    if (!this._target || this._headless || !h(t) || this._findEntry(t) || !this.contains(t)) return;
+    if (!this._target || this._headless || !u(t) || this._findEntry(t) || !this.contains(t)) return;
     const e = document.createComment("ui-portal-anchor"), s = t.parentNode;
     s && (this._beginSync(), s.insertBefore(e, t), this._strategy === "prepend" ? this._target.insertBefore(t, this._target.firstChild) : this._target.appendChild(t), this._entries.push({ node: t, anchor: e }));
   }
@@ -136,7 +137,7 @@ class u extends n {
     if (this._headless) return;
     const t = this._slot || this.root.querySelector("slot");
     if (!t) return;
-    const e = t.assignedNodes({ flatten: !0 }).filter((s) => a(s));
+    const e = t.assignedNodes({ flatten: !0 }).filter((s) => h(s));
     e.forEach((s) => this._portalNode(s)), e.length && this.dispatchEvent(new CustomEvent("mount", { detail: { count: this._entries.length }, bubbles: !0 }));
   }
   _pruneDetachedEntries() {
@@ -160,7 +161,7 @@ class u extends n {
   }
   render() {
     this.setContent(`
-      <style>${o}</style>
+      <style>${a}</style>
       <div class="source" part="source">
         <slot></slot>
       </div>
@@ -172,7 +173,7 @@ class u extends n {
     return !1;
   }
 }
-typeof customElements < "u" && !customElements.get("ui-portal") && customElements.define("ui-portal", u);
+typeof customElements < "u" && !customElements.get("ui-portal") && customElements.define("ui-portal", c);
 export {
-  u as UIPortal
+  c as UIPortal
 };

package/dist/positioner.cjs.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./ElementBase-EV6mVBUV.js"),c=require("./positioner-D_fqyx_j.js"),h=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./ElementBase-EV6mVBUV.js"),h=require("./positioner-D_fqyx_j.js"),a=require("./selector-BvAh35ve.js"),d=`
   :host {
     display: contents;
     color-scheme: light dark;
   }
-`;function r(s,t=0){const e=Number(s);return Number.isFinite(e)?e:t}function o(s){if(s==null)return!1;const t=s.toLowerCase();return t!=="false"&&t!=="0"&&t!=="off"}function d(s){return new Set(["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"]).has(s)?s:"bottom"}function f(s){return s==="absolute"?"absolute":"fixed"}class a extends u.ElementBase{constructor(){super(...arguments),this._positioner=null,this._observer=null}static get observedAttributes(){return["open","placement","strategy","offset","cross-offset","flip","shift","match-width","fit-viewport","auto-placement","hide-when-detached","inline","boundary-padding","dir","anchor","headless"]}connectedCallback(){super.connectedCallback(),this._observer=new MutationObserver(()=>this._syncPositioner()),this._observer.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot","id"]}),this._syncPositioner()}disconnectedCallback(){this._observer?.disconnect(),this._observer=null,this._destroyPositioner(),super.disconnectedCallback()}attributeChangedCallback(t,e,i){e!==i&&this._syncPositioner()}open(){this.setAttribute("open","")}close(){this.removeAttribute("open")}updatePosition(){this._positioner?.update()}_destroyPositioner(){this._positioner?.destroy(),this._positioner=null}_resolveAnchor(){const t=this.getAttribute("anchor");if(t){const i=this.getRootNode(),n=i instanceof ShadowRoot||i instanceof Document?i.querySelector(t):null;if(n instanceof HTMLElement)return n;const l=document.querySelector(t);if(l instanceof HTMLElement)return l}const e=this.querySelector('[slot="anchor"]');return e instanceof HTMLElement?e:null}_resolveFloating(){const t=this.querySelector('[slot="content"]');return t instanceof HTMLElement?t:Array.from(this.children).find(e=>e.getAttribute("slot")!=="anchor")}_syncPositioner(){if(!this.isConnected)return;if(this.hasAttribute("headless")||!this.hasAttribute("open")){this._destroyPositioner();return}const t=this._resolveAnchor(),e=this._resolveFloating();if(!(t instanceof HTMLElement)||!(e instanceof HTMLElement)){this._destroyPositioner();return}this._destroyPositioner(),this._positioner=c.createPositioner({anchor:t,floating:e,placement:d(this.getAttribute("placement")),strategy:f(this.getAttribute("strategy")),dir:this.getAttribute("dir")==="rtl"?"rtl":"ltr",offset:r(this.getAttribute("offset"),8),crossOffset:r(this.getAttribute("cross-offset"),0),flip:!this.hasAttribute("flip")||o(this.getAttribute("flip")),shift:!this.hasAttribute("shift")||o(this.getAttribute("shift")),matchWidth:o(this.getAttribute("match-width")),fitViewport:o(this.getAttribute("fit-viewport")),autoPlacement:o(this.getAttribute("auto-placement")),hideWhenDetached:o(this.getAttribute("hide-when-detached")),inline:o(this.getAttribute("inline")),boundaryPadding:r(this.getAttribute("boundary-padding"),4),arrow:this.querySelector('[slot="arrow"], .arrow'),onUpdate:i=>{this.dispatchEvent(new CustomEvent("position-change",{detail:i,bubbles:!0,composed:!0}))}})}render(){this.setContent(`<style>${h}</style><slot name="anchor"></slot><slot name="content"></slot><slot></slot>`)}shouldRenderOnAttributeChange(){return!1}}typeof customElements<"u"&&!customElements.get("ui-positioner")&&customElements.define("ui-positioner",a);exports.UIPositioner=a;
+`;function r(s,t=0){const e=Number(s);return Number.isFinite(e)?e:t}function o(s){if(s==null)return!1;const t=s.toLowerCase();return t!=="false"&&t!=="0"&&t!=="off"}function f(s){return new Set(["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"]).has(s)?s:"bottom"}function b(s){return s==="absolute"?"absolute":"fixed"}class u extends c.ElementBase{constructor(){super(...arguments),this._positioner=null,this._observer=null}static get observedAttributes(){return["open","placement","strategy","offset","cross-offset","flip","shift","match-width","fit-viewport","auto-placement","hide-when-detached","inline","boundary-padding","dir","anchor","headless"]}connectedCallback(){super.connectedCallback(),this._observer=new MutationObserver(()=>this._syncPositioner()),this._observer.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot","id"]}),this._syncPositioner()}disconnectedCallback(){this._observer?.disconnect(),this._observer=null,this._destroyPositioner(),super.disconnectedCallback()}attributeChangedCallback(t,e,i){e!==i&&this._syncPositioner()}open(){this.setAttribute("open","")}close(){this.removeAttribute("open")}updatePosition(){this._positioner?.update()}_destroyPositioner(){this._positioner?.destroy(),this._positioner=null}_resolveAnchor(){const t=this.getAttribute("anchor");if(t){const i=this.getRootNode(),n=i instanceof ShadowRoot||i instanceof Document?a.safeQuerySelector(i,t):null;if(n instanceof HTMLElement)return n;const l=a.safeQuerySelector(document,t);if(l instanceof HTMLElement)return l}const e=this.querySelector('[slot="anchor"]');return e instanceof HTMLElement?e:null}_resolveFloating(){const t=this.querySelector('[slot="content"]');return t instanceof HTMLElement?t:Array.from(this.children).find(e=>e.getAttribute("slot")!=="anchor")}_syncPositioner(){if(!this.isConnected)return;if(this.hasAttribute("headless")||!this.hasAttribute("open")){this._destroyPositioner();return}const t=this._resolveAnchor(),e=this._resolveFloating();if(!(t instanceof HTMLElement)||!(e instanceof HTMLElement)){this._destroyPositioner();return}this._destroyPositioner(),this._positioner=h.createPositioner({anchor:t,floating:e,placement:f(this.getAttribute("placement")),strategy:b(this.getAttribute("strategy")),dir:this.getAttribute("dir")==="rtl"?"rtl":"ltr",offset:r(this.getAttribute("offset"),8),crossOffset:r(this.getAttribute("cross-offset"),0),flip:!this.hasAttribute("flip")||o(this.getAttribute("flip")),shift:!this.hasAttribute("shift")||o(this.getAttribute("shift")),matchWidth:o(this.getAttribute("match-width")),fitViewport:o(this.getAttribute("fit-viewport")),autoPlacement:o(this.getAttribute("auto-placement")),hideWhenDetached:o(this.getAttribute("hide-when-detached")),inline:o(this.getAttribute("inline")),boundaryPadding:r(this.getAttribute("boundary-padding"),4),arrow:this.querySelector('[slot="arrow"], .arrow'),onUpdate:i=>{this.dispatchEvent(new CustomEvent("position-change",{detail:i,bubbles:!0,composed:!0}))}})}render(){this.setContent(`<style>${d}</style><slot name="anchor"></slot><slot name="content"></slot><slot></slot>`)}shouldRenderOnAttributeChange(){return!1}}typeof customElements<"u"&&!customElements.get("ui-positioner")&&customElements.define("ui-positioner",u);exports.UIPositioner=u;

package/dist/positioner.esm.js

@@ -1,6 +1,7 @@
-import { E as l } from "./ElementBase-YlTLMsGk.mjs";
-import { e as h } from "./positioner-D0VGxtYU.mjs";
-const c = `
+import { E as h } from "./ElementBase-YlTLMsGk.mjs";
+import { e as c } from "./positioner-D0VGxtYU.mjs";
+import { s as l } from "./selector-WI8pD7YO.mjs";
+const u = `
   :host {
     display: contents;
     color-scheme: light dark;
@@ -15,7 +16,7 @@ function o(s) {
   const t = s.toLowerCase();
   return t !== "false" && t !== "0" && t !== "off";
 }
-function u(s) {
+function d(s) {
   return (/* @__PURE__ */ new Set([
     "top",
     "top-start",
@@ -31,10 +32,10 @@ function u(s) {
     "left-end"
   ])).has(s) ? s : "bottom";
 }
-function d(s) {
+function f(s) {
   return s === "absolute" ? "absolute" : "fixed";
 }
-class f extends l {
+class b extends h {
   constructor() {
     super(...arguments), this._positioner = null, this._observer = null;
   }
@@ -82,9 +83,9 @@ class f extends l {
   _resolveAnchor() {
     const t = this.getAttribute("anchor");
     if (t) {
-      const i = this.getRootNode(), n = i instanceof ShadowRoot || i instanceof Document ? i.querySelector(t) : null;
+      const i = this.getRootNode(), n = i instanceof ShadowRoot || i instanceof Document ? l(i, t) : null;
       if (n instanceof HTMLElement) return n;
-      const a = document.querySelector(t);
+      const a = l(document, t);
       if (a instanceof HTMLElement) return a;
     }
     const e = this.querySelector('[slot="anchor"]');
@@ -105,11 +106,11 @@ class f extends l {
       this._destroyPositioner();
       return;
     }
-    this._destroyPositioner(), this._positioner = h({
+    this._destroyPositioner(), this._positioner = c({
       anchor: t,
       floating: e,
-      placement: u(this.getAttribute("placement")),
-      strategy: d(this.getAttribute("strategy")),
+      placement: d(this.getAttribute("placement")),
+      strategy: f(this.getAttribute("strategy")),
       dir: this.getAttribute("dir") === "rtl" ? "rtl" : "ltr",
       offset: r(this.getAttribute("offset"), 8),
       crossOffset: r(this.getAttribute("cross-offset"), 0),
@@ -128,13 +129,13 @@ class f extends l {
     });
   }
   render() {
-    this.setContent(`<style>${c}</style><slot name="anchor"></slot><slot name="content"></slot><slot></slot>`);
+    this.setContent(`<style>${u}</style><slot name="anchor"></slot><slot name="content"></slot><slot></slot>`);
   }
   shouldRenderOnAttributeChange() {
     return !1;
   }
 }
-typeof customElements < "u" && !customElements.get("ui-positioner") && customElements.define("ui-positioner", f);
+typeof customElements < "u" && !customElements.get("ui-positioner") && customElements.define("ui-positioner", b);
 export {
-  f as UIPositioner
+  b as UIPositioner
 };

package/dist/primitives/auto-scroll.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Per-frame scroll step for a pointer at `position` inside the span [start, end]: negative near
+ * the start, positive near the end, 0 elsewhere. The step grows linearly from 0 at the edge of the
+ * `zone` to `maxStep` at the very edge, and the zone never exceeds half the span.
+ */
+export declare function edgeScrollDelta(position: number, start: number, end: number, zone?: number, maxStep?: number): number;
+/** The nearest ancestor (crossing shadow roots) that scrolls vertically, or null for the page. */
+export declare function findScrollParent(element: Element | null): HTMLElement | null;
+//# sourceMappingURL=auto-scroll.d.ts.map

package/dist/primitives/auto-scroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auto-scroll.d.ts","sourceRoot":"","sources":["../../src/primitives/auto-scroll.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,SAAK,EAAE,OAAO,SAAK,GAAG,MAAM,CAO7G;AAID,kGAAkG;AAClG,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,GAAG,WAAW,GAAG,IAAI,CAU5E"}

package/dist/primitives/control-name.d.ts

@@ -0,0 +1,30 @@
+export declare function syncControlName(control: HTMLElement | null | undefined, host: HTMLElement, labelId: string | null, fallbackName?: string): void;
+/**
+ * Keeps the text of an `<slot>`'s fallback content in step with an attribute. Fallback text written
+ * only at first render goes stale when a framework sets the attribute after the element connects
+ * (React does), leaving an empty label or description.
+ */
+export declare function syncSlotFallbackText(slot: HTMLSlotElement | null | undefined, text: string): void;
+/**
+ * What the host was described with from outside its shadow root: its own `aria-description` plus the text
+ * of any `aria-describedby` ids that resolve where the host lives. A `ui-field` supplies its description
+ * and error this way; its own ids sit in another shadow root and could never be followed.
+ */
+export declare function externalDescriptionText(host: HTMLElement): string;
+/**
+ * Keeps one visually hidden element, next to `anchor`, holding the host's external description, and
+ * returns its id (or null when there is nothing to say) so a control in the same shadow root can point
+ * an aria-describedby at it.
+ */
+export declare function syncExternalDescription(anchor: HTMLElement | null | undefined, host: HTMLElement, uid: string): string | null;
+/**
+ * Sets `aria-describedby` on a control inside a shadow root: the ids of descriptions that live in that
+ * same root (`ownIds`), plus the host's external description (see `syncExternalDescription`).
+ */
+export declare function syncControlDescription(control: HTMLElement | null | undefined, host: HTMLElement, uid: string, ownIds?: string[]): void;
+/** The same hidden description as markup, for components that render their shadow root from a template. */
+export declare function externalDescriptionMarkup(host: HTMLElement, uid: string): {
+    id: string;
+    html: string;
+};
+//# sourceMappingURL=control-name.d.ts.map

package/dist/primitives/control-name.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-name.d.ts","sourceRoot":"","sources":["../../src/primitives/control-name.ts"],"names":[],"mappings":"AAQA,wBAAgB,eAAe,CAC7B,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EACvC,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,MAAM,GAAG,IAAI,EACtB,YAAY,SAAK,GAChB,IAAI,CAaN;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,GAAG,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAIjG;AAKD;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,WAAW,GAAG,MAAM,CAUjE;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAqB7H;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EACvC,IAAI,EAAE,WAAW,EACjB,GAAG,EAAE,MAAM,EACX,MAAM,GAAE,MAAM,EAAO,GACpB,IAAI,CASN;AAED,2GAA2G;AAC3G,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAMtG"}

package/dist/primitives/selector.d.ts

@@ -0,0 +1,4 @@
+export declare function isValidSelector(selector: string): boolean;
+/** `root.querySelector(selector)` that yields null instead of throwing on an invalid selector. */
+export declare function safeQuerySelector<T extends Element = Element>(root: ParentNode, selector: string): T | null;
+//# sourceMappingURL=selector.d.ts.map

package/dist/primitives/selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selector.d.ts","sourceRoot":"","sources":["../../src/primitives/selector.ts"],"names":[],"mappings":"AAMA,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAazD;AAED,kGAAkG;AAClG,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,GAAG,IAAI,CAG3G"}

package/dist/primitives/trigger.d.ts

@@ -0,0 +1,2 @@
+export declare function resolveTriggerControl(trigger: HTMLElement): HTMLElement;
+//# sourceMappingURL=trigger.d.ts.map