@editora/ui-core 0.1.21 → 0.1.23

package/dist/placement-grid.esm.js

@@ -1,5 +1,5 @@
-import { E as b } from "./ElementBase-YlTLMsGk.mjs";
-const _ = {
+import { E as _ } from "./ElementBase-BeZT54Hj.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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./ElementBase-EV6mVBUV.js"),o=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./ElementBase-DxbvhLJs.js"),o=`
   :host {
     position: fixed;
     display: block;
@@ -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

@@ -1,4 +1,4 @@
-import { E as a } from "./ElementBase-YlTLMsGk.mjs";
+import { E as a } from "./ElementBase-BeZT54Hj.mjs";
 const s = `
   :host {
     position: fixed;
@@ -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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("./ElementBase-EV6mVBUV.js"),f=require("./portal-DgpQ3Jo1.js"),b=require("./dismissable-layer-DNfrKA20.js"),g=require("./positioner-D_fqyx_j.js"),m=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("./ElementBase-DxbvhLJs.js"),f=require("./portal-DgpQ3Jo1.js"),b=require("./dismissable-layer-DNfrKA20.js"),g=require("./positioner-D_fqyx_j.js"),m=`
   .popover-shell {
     --ui-popover-accent: var(--ui-color-primary, var(--ui-primary, #2563eb));
     --ui-popover-bg:
@@ -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

@@ -1,4 +1,4 @@
-import { E as v } from "./ElementBase-YlTLMsGk.mjs";
+import { E as v } from "./ElementBase-BeZT54Hj.mjs";
 import { b as h } from "./portal-bR42gHvG.mjs";
 import { c as f } from "./dismissable-layer-BmPIoK80.mjs";
 import { e as b } from "./positioner-D0VGxtYU.mjs";
@@ -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=require("./selector-BvAh35ve.js"),a=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./ElementBase-DxbvhLJs.js"),l=require("./selector-BvAh35ve.js"),a=`
   :host {
     display: contents;
     color-scheme: light dark;

package/dist/portal.esm.js

@@ -1,4 +1,4 @@
-import { E as n } from "./ElementBase-YlTLMsGk.mjs";
+import { E as n } from "./ElementBase-BeZT54Hj.mjs";
 import { s as o } from "./selector-WI8pD7YO.mjs";
 const a = `
   :host {

package/dist/positioner.cjs.js

@@ -1,4 +1,4 @@
-"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=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./ElementBase-DxbvhLJs.js"),h=require("./positioner-D_fqyx_j.js"),a=require("./selector-BvAh35ve.js"),d=`
   :host {
     display: contents;
     color-scheme: light dark;

package/dist/positioner.esm.js

@@ -1,4 +1,4 @@
-import { E as h } from "./ElementBase-YlTLMsGk.mjs";
+import { E as h } from "./ElementBase-BeZT54Hj.mjs";
 import { e as c } from "./positioner-D0VGxtYU.mjs";
 import { s as l } from "./selector-WI8pD7YO.mjs";
 const u = `

package/dist/presence.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./ElementBase-EV6mVBUV.js"),l=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./ElementBase-DxbvhLJs.js"),l=`
   :host {
     --ui-presence-duration-enter: 180ms;
     --ui-presence-duration-exit: 150ms;

package/dist/presence.esm.js

@@ -1,4 +1,4 @@
-import { E as c } from "./ElementBase-YlTLMsGk.mjs";
+import { E as c } from "./ElementBase-BeZT54Hj.mjs";
 const d = `
   :host {
     --ui-presence-duration-enter: 180ms;

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/trigger.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"trigger.d.ts","sourceRoot":"","sources":["../../src/primitives/trigger.ts"],"names":[],"mappings":"AAMA,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,WAAW,GAAG,WAAW,CAQvE"}

package/dist/progress.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("./ElementBase-EV6mVBUV.js"),g=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("./ElementBase-DxbvhLJs.js"),m=`
   :host {
     display: block;
     width: 100%;
@@ -311,8 +311,8 @@
       border-width: 2px;
     }
   }
-`;function u(e,r,t){return Number.isNaN(e)||e<r?r:e>t?t:e}function b(e,r){if(e==null)return r;const t=String(e).toLowerCase();return t!=="false"&&t!=="0"}function d(e,r){if(e==null||e==="")return r;const t=Number(e);return Number.isFinite(t)?t:r}function m(e){return e==="xs"||e==="sm"||e==="lg"?e:"md"}function v(e){return e==="solid"||e==="soft"||e==="line"||e==="glass"||e==="contrast"?e:"default"}function _(e){return e==="success"||e==="warning"||e==="danger"||e==="info"||e==="neutral"?e:"brand"}function x(e){return e==="square"||e==="round"?e:"pill"}function E(e){return e==="circle"||e==="radial"?"circle":"line"}class p extends f.ElementBase{constructor(){super(),this._value=0,this._buffer=0,this._max=100,this._min=0,this._percent=0,this._bufferPercent=0,this._indeterminate=!1,this._domReady=!1,this._metaEl=null,this._trackEl=null,this._bufferEl=null,this._valueEl=null,this._radialWrapEl=null,this._radialBufferEl=null,this._radialValueEl=null,this._radialCenterEl=null,this._lastEmitted="",this._completeFired=!1}static get observedAttributes(){return["value","buffer","max","min","indeterminate","size","variant","tone","shape","mode","striped","animated","show-label","label","format","precision","headless"]}connectedCallback(){this._syncFromAttributes(),super.connectedCallback(),this._emitState()}attributeChangedCallback(r,t,i){t!==i&&(this._syncFromAttributes(),this.isConnected&&this.render(),(r==="value"||r==="buffer"||r==="max"||r==="min"||r==="indeterminate")&&this._emitState())}setValue(r){this.setAttribute("value",String(r))}setBuffer(r){this.setAttribute("buffer",String(r))}increment(r=1){this.setValue(this._value+r)}reset(){this.setValue(this._min)}_syncFromAttributes(){const r=d(this.getAttribute("min"),0),t=d(this.getAttribute("max"),100),i=t>r?t:r+1,s=d(this.getAttribute("value"),r),o=d(this.getAttribute("buffer"),s),c=this.hasAttribute("indeterminate"),n=u(s,r,i),a=u(o,r,i),l=Math.max(1e-6,i-r);this._min=r,this._max=i,this._value=n,this._buffer=a,this._indeterminate=c,this._percent=u((n-r)/l*100,0,100),this._bufferPercent=u((a-r)/l*100,0,100)}_formatLabel(r){const t=(this.getAttribute("format")||"percent").toLowerCase(),i=u(Math.round(d(this.getAttribute("precision"),0)),0,3);if(t==="value")return`${this._value.toFixed(i)} / ${this._max.toFixed(i)}`;if(t==="fraction"){const s=Math.max(1,this._max-this._min);return`${Math.max(0,this._value-this._min).toFixed(i)}/${s.toFixed(i)}`}return`${r.toFixed(i)}%`}_emitState(){if(this._indeterminate)return;const r=`${this._value}|${this._buffer}|${this._max}|${this._min}`;r!==this._lastEmitted&&(this._lastEmitted=r,this.dispatchEvent(new CustomEvent("change",{detail:{value:this._value,buffer:this._buffer,max:this._max,min:this._min,percent:this._percent,bufferPercent:this._bufferPercent},bubbles:!0})),this._value>=this._max?this._completeFired||(this.dispatchEvent(new CustomEvent("complete",{detail:{value:this._value,max:this._max},bubbles:!0})),this._completeFired=!0):this._completeFired=!1)}_ensureDom(){this._domReady||(this.setContent(`
-      <style>${g}</style>
+`;function u(e,r,t){return Number.isNaN(e)||e<r?r:e>t?t:e}function v(e,r){if(e==null)return r;const t=String(e).toLowerCase();return t!=="false"&&t!=="0"}function c(e,r){if(e==null||e==="")return r;const t=Number(e);return Number.isFinite(t)?t:r}function _(e){return e==="xs"||e==="sm"||e==="lg"?e:"md"}function x(e){return e==="solid"||e==="soft"||e==="line"||e==="glass"||e==="contrast"?e:"default"}function E(e){return e==="success"||e==="warning"||e==="danger"||e==="info"||e==="neutral"?e:"brand"}function k(e){return e==="square"||e==="round"?e:"pill"}function A(e){return e==="circle"||e==="radial"?"circle":"line"}class p extends b.ElementBase{constructor(){super(),this._value=0,this._buffer=0,this._max=100,this._min=0,this._percent=0,this._bufferPercent=0,this._indeterminate=!1,this._domReady=!1,this._metaEl=null,this._trackEl=null,this._bufferEl=null,this._valueEl=null,this._radialWrapEl=null,this._radialBufferEl=null,this._radialValueEl=null,this._radialCenterEl=null,this._lastEmitted="",this._completeFired=!1}static get observedAttributes(){return["value","buffer","max","min","indeterminate","size","variant","tone","shape","mode","striped","animated","show-label","label","aria-label","format","precision","headless"]}connectedCallback(){this._syncFromAttributes(),super.connectedCallback(),this._emitState()}attributeChangedCallback(r,t,i){t!==i&&(this._syncFromAttributes(),this.isConnected&&this.render(),(r==="value"||r==="buffer"||r==="max"||r==="min"||r==="indeterminate")&&this._emitState())}setValue(r){this.setAttribute("value",String(r))}setBuffer(r){this.setAttribute("buffer",String(r))}increment(r=1){this.setValue(this._value+r)}reset(){this.setValue(this._min)}_syncFromAttributes(){const r=c(this.getAttribute("min"),0),t=c(this.getAttribute("max"),100),i=t>r?t:r+1,s=c(this.getAttribute("value"),r),o=c(this.getAttribute("buffer"),s),d=this.hasAttribute("indeterminate"),l=u(s,r,i),a=u(o,r,i),n=Math.max(1e-6,i-r);this._min=r,this._max=i,this._value=l,this._buffer=a,this._indeterminate=d,this._percent=u((l-r)/n*100,0,100),this._bufferPercent=u((a-r)/n*100,0,100)}_formatLabel(r){const t=(this.getAttribute("format")||"percent").toLowerCase(),i=u(Math.round(c(this.getAttribute("precision"),0)),0,3);if(t==="value")return`${this._value.toFixed(i)} / ${this._max.toFixed(i)}`;if(t==="fraction"){const s=Math.max(1,this._max-this._min);return`${Math.max(0,this._value-this._min).toFixed(i)}/${s.toFixed(i)}`}return`${r.toFixed(i)}%`}_emitState(){if(this._indeterminate)return;const r=`${this._value}|${this._buffer}|${this._max}|${this._min}`;r!==this._lastEmitted&&(this._lastEmitted=r,this.dispatchEvent(new CustomEvent("change",{detail:{value:this._value,buffer:this._buffer,max:this._max,min:this._min,percent:this._percent,bufferPercent:this._bufferPercent},bubbles:!0})),this._value>=this._max?this._completeFired||(this.dispatchEvent(new CustomEvent("complete",{detail:{value:this._value,max:this._max},bubbles:!0})),this._completeFired=!0):this._completeFired=!1)}_ensureDom(){this._domReady||(this.setContent(`
+      <style>${m}</style>
       <div class="root" part="root">
         <div class="meta" part="label"></div>
         <div class="track" part="track" role="progressbar">
@@ -326,4 +326,4 @@
           <div class="radial-center" part="radial-label"></div>
         </div>
       </div>
-    `),this._metaEl=this.root.querySelector(".meta"),this._trackEl=this.root.querySelector(".track"),this._bufferEl=this.root.querySelector(".buffer"),this._valueEl=this.root.querySelector(".value"),this._radialWrapEl=this.root.querySelector(".radial-wrap"),this._radialBufferEl=this.root.querySelector(".radial-buffer"),this._radialValueEl=this.root.querySelector(".radial-value"),this._radialCenterEl=this.root.querySelector(".radial-center"),this._domReady=!0)}render(){this._ensureDom();const r=b(this.getAttribute("show-label"),!1),t=this.getAttribute("label"),i=t!=null&&t!==""?t:this._indeterminate?"Loading...":this._formatLabel(this._percent),s=m(this.getAttribute("size")),o=v(this.getAttribute("variant")),c=_(this.getAttribute("tone")),n=x(this.getAttribute("shape")),a=E(this.getAttribute("mode")),l=r&&a==="circle",h=r&&a!=="circle";this._metaEl&&(this._metaEl.textContent=h?i:"",this._metaEl.setAttribute("aria-hidden",h?"false":"true")),this._trackEl&&(this._trackEl.dataset.size=s,this._trackEl.dataset.variant=o,this._trackEl.dataset.tone=c,this._trackEl.dataset.shape=n,a==="line"?(this._trackEl.setAttribute("aria-valuemin",String(this._min)),this._trackEl.setAttribute("aria-valuemax",String(this._max)),this._trackEl.setAttribute("aria-busy",this._indeterminate?"true":"false"),this._trackEl.setAttribute("role","progressbar"),this._indeterminate?(this._trackEl.removeAttribute("aria-valuenow"),this._trackEl.setAttribute("aria-valuetext","Loading")):(this._trackEl.removeAttribute("aria-valuetext"),this._trackEl.setAttribute("aria-valuenow",String(this._value)))):(this._trackEl.removeAttribute("role"),this._trackEl.removeAttribute("aria-valuemin"),this._trackEl.removeAttribute("aria-valuemax"),this._trackEl.removeAttribute("aria-valuenow"),this._trackEl.removeAttribute("aria-valuetext"),this._trackEl.removeAttribute("aria-busy"))),this._bufferEl&&(this._bufferEl.style.width=`${this._indeterminate?0:this._bufferPercent}%`),this._valueEl&&(this._valueEl.style.width=`${this._indeterminate?38:this._percent}%`),this._radialWrapEl&&(this._radialWrapEl.dataset.size=s,this._radialWrapEl.dataset.variant=o,this._radialWrapEl.dataset.tone=c,this._radialWrapEl.dataset.shape=n,a==="circle"?(this._radialWrapEl.setAttribute("aria-valuemin",String(this._min)),this._radialWrapEl.setAttribute("aria-valuemax",String(this._max)),this._radialWrapEl.setAttribute("aria-busy",this._indeterminate?"true":"false"),this._radialWrapEl.setAttribute("role","progressbar"),this._indeterminate?(this._radialWrapEl.removeAttribute("aria-valuenow"),this._radialWrapEl.setAttribute("aria-valuetext","Loading")):(this._radialWrapEl.removeAttribute("aria-valuetext"),this._radialWrapEl.setAttribute("aria-valuenow",String(this._value)))):(this._radialWrapEl.removeAttribute("role"),this._radialWrapEl.removeAttribute("aria-valuemin"),this._radialWrapEl.removeAttribute("aria-valuemax"),this._radialWrapEl.removeAttribute("aria-valuenow"),this._radialWrapEl.removeAttribute("aria-valuetext"),this._radialWrapEl.removeAttribute("aria-busy"))),this._radialBufferEl&&this._radialBufferEl.style.setProperty("--ui-radial-buffer",String(this._indeterminate?0:this._bufferPercent)),this._radialValueEl&&this._radialValueEl.style.setProperty("--ui-radial-value",String(this._indeterminate?24:this._percent)),this._radialCenterEl&&(this._radialCenterEl.textContent=l?i:"",this._radialCenterEl.setAttribute("aria-hidden",l?"false":"true"))}}typeof customElements<"u"&&!customElements.get("ui-progress")&&customElements.define("ui-progress",p);exports.UIProgress=p;
+    `),this._metaEl=this.root.querySelector(".meta"),this._trackEl=this.root.querySelector(".track"),this._bufferEl=this.root.querySelector(".buffer"),this._valueEl=this.root.querySelector(".value"),this._radialWrapEl=this.root.querySelector(".radial-wrap"),this._radialBufferEl=this.root.querySelector(".radial-buffer"),this._radialValueEl=this.root.querySelector(".radial-value"),this._radialCenterEl=this.root.querySelector(".radial-center"),this._domReady=!0)}render(){this._ensureDom();const r=v(this.getAttribute("show-label"),!1),t=this.getAttribute("label"),i=t!=null&&t!==""?t:this._indeterminate?"Loading...":this._formatLabel(this._percent),s=_(this.getAttribute("size")),o=x(this.getAttribute("variant")),d=E(this.getAttribute("tone")),l=k(this.getAttribute("shape")),a=A(this.getAttribute("mode")),n=r&&a==="circle",h=r&&a!=="circle",f=(this.getAttribute("aria-label")||"").trim()||(t||"").trim()||"Progress";for(const g of[this._trackEl,this._radialWrapEl])g?.setAttribute("aria-label",f);this._metaEl&&(this._metaEl.textContent=h?i:"",this._metaEl.setAttribute("aria-hidden",h?"false":"true")),this._trackEl&&(this._trackEl.dataset.size=s,this._trackEl.dataset.variant=o,this._trackEl.dataset.tone=d,this._trackEl.dataset.shape=l,a==="line"?(this._trackEl.setAttribute("aria-valuemin",String(this._min)),this._trackEl.setAttribute("aria-valuemax",String(this._max)),this._trackEl.setAttribute("aria-busy",this._indeterminate?"true":"false"),this._trackEl.setAttribute("role","progressbar"),this._indeterminate?(this._trackEl.removeAttribute("aria-valuenow"),this._trackEl.setAttribute("aria-valuetext","Loading")):(this._trackEl.removeAttribute("aria-valuetext"),this._trackEl.setAttribute("aria-valuenow",String(this._value)))):(this._trackEl.removeAttribute("role"),this._trackEl.removeAttribute("aria-valuemin"),this._trackEl.removeAttribute("aria-valuemax"),this._trackEl.removeAttribute("aria-valuenow"),this._trackEl.removeAttribute("aria-valuetext"),this._trackEl.removeAttribute("aria-busy"))),this._bufferEl&&(this._bufferEl.style.width=`${this._indeterminate?0:this._bufferPercent}%`),this._valueEl&&(this._valueEl.style.width=`${this._indeterminate?38:this._percent}%`),this._radialWrapEl&&(this._radialWrapEl.dataset.size=s,this._radialWrapEl.dataset.variant=o,this._radialWrapEl.dataset.tone=d,this._radialWrapEl.dataset.shape=l,a==="circle"?(this._radialWrapEl.setAttribute("aria-valuemin",String(this._min)),this._radialWrapEl.setAttribute("aria-valuemax",String(this._max)),this._radialWrapEl.setAttribute("aria-busy",this._indeterminate?"true":"false"),this._radialWrapEl.setAttribute("role","progressbar"),this._indeterminate?(this._radialWrapEl.removeAttribute("aria-valuenow"),this._radialWrapEl.setAttribute("aria-valuetext","Loading")):(this._radialWrapEl.removeAttribute("aria-valuetext"),this._radialWrapEl.setAttribute("aria-valuenow",String(this._value)))):(this._radialWrapEl.removeAttribute("role"),this._radialWrapEl.removeAttribute("aria-valuemin"),this._radialWrapEl.removeAttribute("aria-valuemax"),this._radialWrapEl.removeAttribute("aria-valuenow"),this._radialWrapEl.removeAttribute("aria-valuetext"),this._radialWrapEl.removeAttribute("aria-busy"))),this._radialBufferEl&&this._radialBufferEl.style.setProperty("--ui-radial-buffer",String(this._indeterminate?0:this._bufferPercent)),this._radialValueEl&&this._radialValueEl.style.setProperty("--ui-radial-value",String(this._indeterminate?24:this._percent)),this._radialCenterEl&&(this._radialCenterEl.textContent=n?i:"",this._radialCenterEl.setAttribute("aria-hidden",n?"false":"true"))}}typeof customElements<"u"&&!customElements.get("ui-progress")&&customElements.define("ui-progress",p);exports.UIProgress=p;