@editora/ui-core 0.1.21 → 0.1.22

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/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-EV6mVBUV.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;

package/dist/progress.esm.js

@@ -1,5 +1,5 @@
-import { E as p } from "./ElementBase-YlTLMsGk.mjs";
-const f = `
+import { E as g } from "./ElementBase-YlTLMsGk.mjs";
+const b = `
   :host {
     display: block;
     width: 100%;
@@ -316,32 +316,32 @@ const f = `
 function u(e, r, t) {
   return Number.isNaN(e) || e < r ? r : e > t ? t : e;
 }
-function g(e, r) {
+function m(e, r) {
   if (e == null) return r;
   const t = String(e).toLowerCase();
   return t !== "false" && t !== "0";
 }
-function d(e, r) {
+function c(e, r) {
   if (e == null || e === "") return r;
   const t = Number(e);
   return Number.isFinite(t) ? t : r;
 }
-function b(e) {
+function v(e) {
   return e === "xs" || e === "sm" || e === "lg" ? e : "md";
 }
-function m(e) {
+function _(e) {
   return e === "solid" || e === "soft" || e === "line" || e === "glass" || e === "contrast" ? e : "default";
 }
-function v(e) {
+function x(e) {
   return e === "success" || e === "warning" || e === "danger" || e === "info" || e === "neutral" ? e : "brand";
 }
-function _(e) {
+function E(e) {
   return e === "square" || e === "round" ? e : "pill";
 }
-function x(e) {
+function k(e) {
   return e === "circle" || e === "radial" ? "circle" : "line";
 }
-class E extends p {
+class A extends g {
   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;
   }
@@ -361,6 +361,7 @@ class E extends p {
       "animated",
       "show-label",
       "label",
+      "aria-label",
       "format",
       "precision",
       "headless"
@@ -385,11 +386,11 @@ class E extends p {
     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);
+    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(d(this.getAttribute("precision"), 0)), 0, 3);
+    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);
@@ -421,7 +422,7 @@ class E extends p {
   }
   _ensureDom() {
     this._domReady || (this.setContent(`
-      <style>${f}</style>
+      <style>${b}</style>
       <div class="root" part="root">
         <div class="meta" part="label"></div>
         <div class="track" part="track" role="progressbar">
@@ -439,11 +440,12 @@ class E extends p {
   }
   render() {
     this._ensureDom();
-    const r = g(this.getAttribute("show-label"), !1), t = this.getAttribute("label"), i = t != null && t !== "" ? t : this._indeterminate ? "Loading..." : this._formatLabel(this._percent), s = b(this.getAttribute("size")), o = m(this.getAttribute("variant")), c = v(this.getAttribute("tone")), n = _(this.getAttribute("shape")), a = x(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"));
+    const r = m(this.getAttribute("show-label"), !1), t = this.getAttribute("label"), i = t != null && t !== "" ? t : this._indeterminate ? "Loading..." : this._formatLabel(this._percent), s = v(this.getAttribute("size")), o = _(this.getAttribute("variant")), d = x(this.getAttribute("tone")), l = E(this.getAttribute("shape")), a = k(this.getAttribute("mode")), n = r && a === "circle", h = r && a !== "circle", p = (this.getAttribute("aria-label") || "").trim() || (t || "").trim() || "Progress";
+    for (const f of [this._trackEl, this._radialWrapEl]) f?.setAttribute("aria-label", p);
+    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", E);
+typeof customElements < "u" && !customElements.get("ui-progress") && customElements.define("ui-progress", A);
 export {
-  E as UIProgress
+  A as UIProgress
 };

package/dist/quick-actions.cjs.js

@@ -3,7 +3,7 @@
     --ui-quick-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 95%, transparent);
     --ui-quick-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent);
     --ui-quick-text: var(--ui-color-text, #0f172a);
-    --ui-quick-muted: var(--ui-color-muted, #64748b);
+    --ui-quick-muted: var(--ui-color-muted, #526175);
     --ui-quick-accent: var(--ui-color-primary, #2563eb);
     --ui-quick-focus: var(--ui-color-focus-ring, #2563eb);
 
@@ -199,10 +199,10 @@
   }
 `;let p=0;function l(u){return u.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}class d extends b.ElementBase{constructor(){super(),this._instanceId=++p,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this)}static get observedAttributes(){return["open","mode","orientation","variant","floating","placement","collapsible","label","headless"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onClick),this.root.addEventListener("keydown",this._onKeyDown),this.getAttribute("mode")!=="fab"&&!this.hasAttribute("collapsible")&&!this.hasAttribute("open")&&this.setAttribute("open","")}disconnectedCallback(){this.root.removeEventListener("click",this._onClick),this.root.removeEventListener("keydown",this._onKeyDown),super.disconnectedCallback()}attributeChangedCallback(e,o,t){if(o!==t){if(e==="open"){this._syncOpenUi();return}this.isConnected&&this.requestRender()}}get open(){return this.hasAttribute("open")}set open(e){e?this.setAttribute("open",""):this.removeAttribute("open")}show(){this.toggle(!0)}hide(){this.toggle(!1)}toggle(e){const o=typeof e=="boolean"?e:!this.open;this.open=o;const t={open:o};this.dispatchEvent(new CustomEvent(o?"open":"close",{detail:t,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:t,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("toggle",{detail:t,bubbles:!0,composed:!0}))}_actions(){const e=this.root.querySelector('slot[name="action"]');return e?e.assignedElements({flatten:!0}).filter(o=>o instanceof HTMLElement):[]}_actionsId(){return`ui-quick-actions-${this._instanceId}-actions`}_syncActionAccessibility(e){this._actions().forEach((t,r)=>{if(t.id||(t.id=`ui-quick-actions-${this._instanceId}-action-${r+1}`),t.hasAttribute("role")||t.setAttribute("role","button"),!t.hasAttribute("aria-label")){const i=t.textContent?.trim();i&&t.setAttribute("aria-label",i)}if(e){const i=t.getAttribute("data-ui-quick-tabindex");i!=null?(i==="__none__"?t.removeAttribute("tabindex"):t.setAttribute("tabindex",i),t.removeAttribute("data-ui-quick-tabindex")):t.hasAttribute("tabindex")||t.setAttribute("tabindex","0"),t.setAttribute("aria-hidden","false");return}t.hasAttribute("data-ui-quick-tabindex")||t.setAttribute("data-ui-quick-tabindex",t.getAttribute("tabindex")??"__none__"),t.setAttribute("tabindex","-1"),t.setAttribute("aria-hidden","true")})}_onClick(e){const o=e.target;if(!o)return;if(o.closest(".toggle")){this.toggle();return}const r=e.composedPath(),i=this._actions(),n=i.find(s=>r.includes(s));if(!n)return;const a=i.indexOf(n),c={index:a,id:n.id||n.getAttribute("data-id")||String(a+1),label:n.getAttribute("aria-label")||n.textContent?.trim()||`Action ${a+1}`};this.dispatchEvent(new CustomEvent("select",{detail:c,bubbles:!0,composed:!0})),this.getAttribute("mode")==="fab"&&this.hide()}_moveFocus(e,o){const t=this._actions();if(!t.length)return;const r=t.indexOf(e);if(r<0)return;const i=(r+o+t.length)%t.length;t[i].focus()}_onKeyDown(e){if(e.key==="Escape"&&this.open&&this.getAttribute("mode")==="fab"){e.preventDefault(),this.hide();return}const o=e.target;if(!o)return;const r=this._actions().find(s=>s===o||s.contains(o));if(!r)return;const i=this.getAttribute("orientation")==="vertical"||this.getAttribute("mode")==="fab",n=!i&&getComputedStyle(this).direction==="rtl",a=i?"ArrowDown":n?"ArrowLeft":"ArrowRight",c=i?"ArrowUp":n?"ArrowRight":"ArrowLeft";if(e.key===a){e.preventDefault(),this._moveFocus(r,1);return}if(e.key===c){e.preventDefault(),this._moveFocus(r,-1);return}if(e.key==="Home"||e.key==="End"){e.preventDefault();const s=this._actions();if(!s.length)return;(e.key==="Home"?s[0]:s[s.length-1]).focus()}}_syncOpenUi(){if(!this.isConnected)return;if(!this.root.querySelector(".root")){this.requestRender();return}const e=this.getAttribute("mode")==="fab"?"fab":"bar",o=this.hasAttribute("collapsible")||e==="fab",t=this.open||!o&&e==="bar",r=this.getAttribute("label")||"Quick actions",i=this.root.querySelector(".toggle");i&&(i.textContent=t?"−":"+",i.setAttribute("aria-label",r),i.setAttribute("aria-expanded",t?"true":"false"));const n=this.root.querySelector(".actions");n&&(t?n.removeAttribute("hidden"):n.setAttribute("hidden","")),this._syncActionAccessibility(t)}render(){const e=this.getAttribute("mode")==="fab"?"fab":"bar",o=this.hasAttribute("collapsible")||e==="fab",t=this.open||!o&&e==="bar",r=this.getAttribute("label")||"Quick actions",i=this._actionsId(),n=this.getAttribute("orientation")==="vertical"||e==="fab"?"vertical":"horizontal";this.setContent(`
       <style>${h}</style>
-      <section class="root" part="root" role="toolbar" aria-label="${l(r)}" aria-orientation="${n}">
+      <div class="root" part="root" role="toolbar" aria-label="${l(r)}" aria-orientation="${n}">
         ${o?`<button type="button" class="toggle" part="toggle" aria-label="${l(r)}" aria-controls="${i}" aria-haspopup="true" aria-expanded="${t?"true":"false"}">${t?"−":"+"}</button>`:""}
         <div id="${i}" class="actions" part="actions" role="group" aria-label="${l(r)} list" ${t?"":"hidden"}>
           <slot name="action"></slot>
         </div>
-      </section>
+      </div>
     `),this._syncActionAccessibility(t)}}typeof customElements<"u"&&!customElements.get("ui-quick-actions")&&customElements.define("ui-quick-actions",d);exports.UIQuickActions=d;

package/dist/quick-actions.esm.js

@@ -4,7 +4,7 @@ const b = `
     --ui-quick-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 95%, transparent);
     --ui-quick-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent);
     --ui-quick-text: var(--ui-color-text, #0f172a);
-    --ui-quick-muted: var(--ui-color-muted, #64748b);
+    --ui-quick-muted: var(--ui-color-muted, #526175);
     --ui-quick-accent: var(--ui-color-primary, #2563eb);
     --ui-quick-focus: var(--ui-color-focus-ring, #2563eb);
 
@@ -338,12 +338,12 @@ class p extends d {
     const e = this.getAttribute("mode") === "fab" ? "fab" : "bar", o = this.hasAttribute("collapsible") || e === "fab", t = this.open || !o && e === "bar", r = this.getAttribute("label") || "Quick actions", i = this._actionsId(), n = this.getAttribute("orientation") === "vertical" || e === "fab" ? "vertical" : "horizontal";
     this.setContent(`
       <style>${b}</style>
-      <section class="root" part="root" role="toolbar" aria-label="${l(r)}" aria-orientation="${n}">
+      <div class="root" part="root" role="toolbar" aria-label="${l(r)}" aria-orientation="${n}">
         ${o ? `<button type="button" class="toggle" part="toggle" aria-label="${l(r)}" aria-controls="${i}" aria-haspopup="true" aria-expanded="${t ? "true" : "false"}">${t ? "−" : "+"}</button>` : ""}
         <div id="${i}" class="actions" part="actions" role="group" aria-label="${l(r)} list" ${t ? "" : "hidden"}>
           <slot name="action"></slot>
         </div>
-      </section>
+      </div>
     `), this._syncActionAccessibility(t);
   }
 }

package/dist/radio-group.cjs.js

@@ -17,7 +17,7 @@
     --ui-radio-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 72%, transparent);
     --ui-radio-border-selected: var(--ui-color-primary, #2563eb);
     --ui-radio-text: var(--ui-color-text, #0f172a);
-    --ui-radio-muted: #64748b;
+    --ui-radio-muted: #526175;
     --ui-radio-shadow: none;
     --ui-radio-ring: color-mix(in srgb, var(--ui-color-primary, #2563eb) 34%, transparent);
   }

package/dist/radio-group.esm.js

@@ -19,7 +19,7 @@ const _ = `
     --ui-radio-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 72%, transparent);
     --ui-radio-border-selected: var(--ui-color-primary, #2563eb);
     --ui-radio-text: var(--ui-color-text, #0f172a);
-    --ui-radio-muted: #64748b;
+    --ui-radio-muted: #526175;
     --ui-radio-shadow: none;
     --ui-radio-ring: color-mix(in srgb, var(--ui-color-primary, #2563eb) 34%, transparent);
   }

package/dist/radio.cjs.js

@@ -13,7 +13,7 @@
     --ui-radio-disabled-bg: color-mix(in srgb, var(--ui-color-surface-alt, #f1f5f9) 88%, #ffffff 12%);
     --ui-radio-disabled-border: 1.5px solid color-mix(in srgb, var(--ui-color-border, #cbd5e1) 78%, transparent);
     --ui-radio-label-color: var(--ui-color-text, var(--ui-text, #0f172a));
-    --ui-radio-muted: var(--ui-color-muted, #64748b);
+    --ui-radio-muted: var(--ui-color-muted, #526175);
     --ui-radio-duration: 170ms;
     --ui-radio-easing: cubic-bezier(0.2, 0.8, 0.2, 1);
 
@@ -245,7 +245,7 @@
       --ui-radio-label-color: CanvasText;
     }
   }
-`;function o(r){return r!==null&&r.toLowerCase()!=="false"&&r!=="0"}function c(r){return r instanceof HTMLElement?!!r.closest('a, button, input, select, textarea, [contenteditable="true"], [data-ui-radio-no-toggle]'):!1}class s extends l.ElementBase{constructor(){super(),this._uid=`ui-radio-${Math.random().toString(36).slice(2,9)}`,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this)}static get observedAttributes(){return["checked","disabled","loading","invalid","required","headless","name","value","tabindex"]}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this._onClick),this.addEventListener("keydown",this._onKeyDown),this.checked&&this._uncheckSiblings(),this._syncA11yState()}disconnectedCallback(){this.removeEventListener("click",this._onClick),this.removeEventListener("keydown",this._onKeyDown),super.disconnectedCallback()}attributeChangedCallback(e,i,t){i!==t&&((e==="checked"||e==="name")&&this.checked&&this._uncheckSiblings(),this._syncA11yState())}get checked(){return o(this.getAttribute("checked"))}set checked(e){const i=!!e;i!==this.checked&&(i?this.setAttribute("checked",""):this.removeAttribute("checked"))}get disabled(){return o(this.getAttribute("disabled"))}set disabled(e){const i=!!e;i!==this.disabled&&(i?this.setAttribute("disabled",""):this.removeAttribute("disabled"))}get loading(){return o(this.getAttribute("loading"))}set loading(e){const i=!!e;i!==this.loading&&(i?this.setAttribute("loading",""):this.removeAttribute("loading"))}get invalid(){return o(this.getAttribute("invalid"))}set invalid(e){const i=!!e;i!==this.invalid&&(i?this.setAttribute("invalid",""):this.removeAttribute("invalid"))}get required(){return o(this.getAttribute("required"))}set required(e){const i=!!e;i!==this.required&&(i?this.setAttribute("required",""):this.removeAttribute("required"))}get headless(){return this.hasAttribute("headless")}set headless(e){e!==this.headless&&(e?this.setAttribute("headless",""):this.removeAttribute("headless"))}get name(){return this.getAttribute("name")||""}set name(e){const i=String(e||"").trim();if(!i){this.removeAttribute("name");return}this.setAttribute("name",i)}get value(){return this.getAttribute("value")||""}set value(e){const i=String(e||"");if(!i){this.removeAttribute("value");return}this.setAttribute("value",i)}get density(){return this.getAttribute("density")||"default"}set density(e){const i=(e||"").trim().toLowerCase();if(!i||i==="default"){this.removeAttribute("density");return}this.setAttribute("density",i)}get tone(){const e=this.getAttribute("tone");return e==="neutral"||e==="success"||e==="warning"||e==="danger"||e==="info"?e:"brand"}set tone(e){const i=(e||"").trim().toLowerCase();if(!i||i==="brand"){this.removeAttribute("tone");return}this.setAttribute("tone",i)}_syncA11yState(){const e=this.disabled||this.loading,i=e?"-1":this.getAttribute("tabindex")||"0",t=`${this._uid}-label`;this.setAttribute("role","radio"),this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("aria-disabled",e?"true":"false"),this.setAttribute("aria-busy",this.loading?"true":"false"),this.setAttribute("aria-required",this.required?"true":"false"),this.invalid?this.setAttribute("aria-invalid","true"):this.removeAttribute("aria-invalid"),this.setAttribute("aria-labelledby",t),this.setAttribute("tabindex",i)}_resolveQueryScope(){const e=this.closest("form, ui-form");if(e)return e;const i=this.getRootNode();return i instanceof Document||i instanceof ShadowRoot||i instanceof Element?i:null}_getGroupMembers(){const e=this.name.trim();if(!e)return[this];const i=this._resolveQueryScope();return!i||!("querySelectorAll"in i)?[this]:Array.from(i.querySelectorAll("ui-radio")).filter(t=>t instanceof s&&t.name===e)}_uncheckSiblings(){this._getGroupMembers().forEach(i=>{i!==this&&i.checked&&(i.checked=!1)})}_focusSelf(){try{this.focus({preventScroll:!0})}catch{this.focus()}}_checkFromUser(e){if(this.disabled||this.loading||this.checked)return;this.checked=!0;const i={checked:!0,value:this.value||void 0,name:this.name||void 0,reason:e};this.dispatchEvent(new CustomEvent("input",{detail:i,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:i,bubbles:!0,composed:!0}))}_moveGroupSelection(e){const i=this._getGroupMembers().filter(n=>!n.disabled&&!n.loading);if(i.length<=1)return;const d=(Math.max(i.indexOf(this),0)+e+i.length)%i.length,a=i[d];!a||a===this||(a._checkFromUser("keyboard"),a._focusSelf())}_onClick(e){this.disabled||this.loading||e.composedPath().some(t=>c(t))||this._checkFromUser("click")}_onKeyDown(e){if(!(this.disabled||this.loading)){if(e.key===" "||e.key==="Enter"){e.preventDefault(),this._checkFromUser("keyboard");return}if(this.name){if(e.key==="ArrowRight"||e.key==="ArrowDown"){e.preventDefault(),this._moveGroupSelection(1);return}(e.key==="ArrowLeft"||e.key==="ArrowUp")&&(e.preventDefault(),this._moveGroupSelection(-1))}}}render(){this._syncA11yState(),this.setContent(`
+`;function o(r){return r!==null&&r.toLowerCase()!=="false"&&r!=="0"}function c(r){return r instanceof HTMLElement?!!r.closest('a, button, input, select, textarea, [contenteditable="true"], [data-ui-radio-no-toggle]'):!1}class s extends l.ElementBase{constructor(){super(),this._uid=`ui-radio-${Math.random().toString(36).slice(2,9)}`,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this)}static get observedAttributes(){return["checked","disabled","loading","invalid","required","headless","name","value","tabindex"]}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this._onClick),this.addEventListener("keydown",this._onKeyDown),this.checked&&this._uncheckSiblings(),this._syncA11yState()}disconnectedCallback(){this.removeEventListener("click",this._onClick),this.removeEventListener("keydown",this._onKeyDown),super.disconnectedCallback()}attributeChangedCallback(e,i,t){i!==t&&((e==="checked"||e==="name")&&this.checked&&this._uncheckSiblings(),this._syncA11yState())}get checked(){return o(this.getAttribute("checked"))}set checked(e){const i=!!e;i!==this.checked&&(i?this.setAttribute("checked",""):this.removeAttribute("checked"))}get disabled(){return o(this.getAttribute("disabled"))}set disabled(e){const i=!!e;i!==this.disabled&&(i?this.setAttribute("disabled",""):this.removeAttribute("disabled"))}get loading(){return o(this.getAttribute("loading"))}set loading(e){const i=!!e;i!==this.loading&&(i?this.setAttribute("loading",""):this.removeAttribute("loading"))}get invalid(){return o(this.getAttribute("invalid"))}set invalid(e){const i=!!e;i!==this.invalid&&(i?this.setAttribute("invalid",""):this.removeAttribute("invalid"))}get required(){return o(this.getAttribute("required"))}set required(e){const i=!!e;i!==this.required&&(i?this.setAttribute("required",""):this.removeAttribute("required"))}get headless(){return this.hasAttribute("headless")}set headless(e){e!==this.headless&&(e?this.setAttribute("headless",""):this.removeAttribute("headless"))}get name(){return this.getAttribute("name")||""}set name(e){const i=String(e||"").trim();if(!i){this.removeAttribute("name");return}this.setAttribute("name",i)}get value(){return this.getAttribute("value")||""}set value(e){const i=String(e||"");if(!i){this.removeAttribute("value");return}this.setAttribute("value",i)}get density(){return this.getAttribute("density")||"default"}set density(e){const i=(e||"").trim().toLowerCase();if(!i||i==="default"){this.removeAttribute("density");return}this.setAttribute("density",i)}get tone(){const e=this.getAttribute("tone");return e==="neutral"||e==="success"||e==="warning"||e==="danger"||e==="info"?e:"brand"}set tone(e){const i=(e||"").trim().toLowerCase();if(!i||i==="brand"){this.removeAttribute("tone");return}this.setAttribute("tone",i)}_syncA11yState(){const e=this.disabled||this.loading,i=e?"-1":this.getAttribute("tabindex")||"0",t=`${this._uid}-label`;this.setAttribute("role","radio"),this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("aria-disabled",e?"true":"false"),this.setAttribute("aria-busy",this.loading?"true":"false"),this.setAttribute("aria-required",this.required?"true":"false"),this.invalid?this.setAttribute("aria-invalid","true"):this.removeAttribute("aria-invalid"),this.getAttribute("aria-labelledby")===t&&this.removeAttribute("aria-labelledby"),this.setAttribute("tabindex",i)}_resolveQueryScope(){const e=this.closest("form, ui-form");if(e)return e;const i=this.getRootNode();return i instanceof Document||i instanceof ShadowRoot||i instanceof Element?i:null}_getGroupMembers(){const e=this.name.trim();if(!e)return[this];const i=this._resolveQueryScope();return!i||!("querySelectorAll"in i)?[this]:Array.from(i.querySelectorAll("ui-radio")).filter(t=>t instanceof s&&t.name===e)}_uncheckSiblings(){this._getGroupMembers().forEach(i=>{i!==this&&i.checked&&(i.checked=!1)})}_focusSelf(){try{this.focus({preventScroll:!0})}catch{this.focus()}}_checkFromUser(e){if(this.disabled||this.loading||this.checked)return;this.checked=!0;const i={checked:!0,value:this.value||void 0,name:this.name||void 0,reason:e};this.dispatchEvent(new CustomEvent("input",{detail:i,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:i,bubbles:!0,composed:!0}))}_moveGroupSelection(e){const i=this._getGroupMembers().filter(n=>!n.disabled&&!n.loading);if(i.length<=1)return;const d=(Math.max(i.indexOf(this),0)+e+i.length)%i.length,a=i[d];!a||a===this||(a._checkFromUser("keyboard"),a._focusSelf())}_onClick(e){this.disabled||this.loading||e.composedPath().some(t=>c(t))||this._checkFromUser("click")}_onKeyDown(e){if(!(this.disabled||this.loading)){if(e.key===" "||e.key==="Enter"){e.preventDefault(),this._checkFromUser("keyboard");return}if(this.name){if(e.key==="ArrowRight"||e.key==="ArrowDown"){e.preventDefault(),this._moveGroupSelection(1);return}(e.key==="ArrowLeft"||e.key==="ArrowUp")&&(e.preventDefault(),this._moveGroupSelection(-1))}}}render(){this._syncA11yState(),this.setContent(`
       <style>${u}</style>
       <span class="row" part="root">
         <span class="control-wrap" part="hit-area" aria-hidden="true">

package/dist/radio.esm.js

@@ -14,7 +14,7 @@ const u = `
     --ui-radio-disabled-bg: color-mix(in srgb, var(--ui-color-surface-alt, #f1f5f9) 88%, #ffffff 12%);
     --ui-radio-disabled-border: 1.5px solid color-mix(in srgb, var(--ui-color-border, #cbd5e1) 78%, transparent);
     --ui-radio-label-color: var(--ui-color-text, var(--ui-text, #0f172a));
-    --ui-radio-muted: var(--ui-color-muted, #64748b);
+    --ui-radio-muted: var(--ui-color-muted, #526175);
     --ui-radio-duration: 170ms;
     --ui-radio-easing: cubic-bezier(0.2, 0.8, 0.2, 1);
 
@@ -367,7 +367,7 @@ class s extends l {
   }
   _syncA11yState() {
     const e = this.disabled || this.loading, i = e ? "-1" : this.getAttribute("tabindex") || "0", t = `${this._uid}-label`;
-    this.setAttribute("role", "radio"), this.setAttribute("aria-checked", this.checked ? "true" : "false"), this.setAttribute("aria-disabled", e ? "true" : "false"), this.setAttribute("aria-busy", this.loading ? "true" : "false"), this.setAttribute("aria-required", this.required ? "true" : "false"), this.invalid ? this.setAttribute("aria-invalid", "true") : this.removeAttribute("aria-invalid"), this.setAttribute("aria-labelledby", t), this.setAttribute("tabindex", i);
+    this.setAttribute("role", "radio"), this.setAttribute("aria-checked", this.checked ? "true" : "false"), this.setAttribute("aria-disabled", e ? "true" : "false"), this.setAttribute("aria-busy", this.loading ? "true" : "false"), this.setAttribute("aria-required", this.required ? "true" : "false"), this.invalid ? this.setAttribute("aria-invalid", "true") : this.removeAttribute("aria-invalid"), this.getAttribute("aria-labelledby") === t && this.removeAttribute("aria-labelledby"), this.setAttribute("tabindex", i);
   }
   _resolveQueryScope() {
     const e = this.closest("form, ui-form");

package/dist/rating.cjs.js

@@ -12,6 +12,8 @@
     --ui-rating-easing: var(--ui-motion-easing, cubic-bezier(0.2, 0.8, 0.2, 1));
     --ui-rating-radius: var(--ui-control-radius, var(--ui-radius, 4px));
     display: inline-flex;
+    flex-wrap: wrap;
+    max-inline-size: 100%;
     align-items: center;
     gap: var(--ui-rating-gap);
     color-scheme: light dark;
@@ -27,7 +29,7 @@
   }
 
   :host([tone="neutral"]) {
-    --ui-rating-color: color-mix(in srgb, var(--ui-color-muted, #64748b) 74%, var(--ui-color-text, #0f172a) 26%);
+    --ui-rating-color: color-mix(in srgb, var(--ui-color-muted, #526175) 74%, var(--ui-color-text, #0f172a) 26%);
   }
 
   :host([tone="info"]) {
@@ -35,7 +37,7 @@
   }
 
   :host([tone="success"]) {
-    --ui-rating-color: var(--ui-color-success, #16a34a);
+    --ui-rating-color: var(--ui-color-success, #15803d);
   }
 
   :host([tone="warning"]) {
@@ -252,7 +254,7 @@
 
   .label {
     font-size: var(--ui-font-size-sm, 12px);
-    color: var(--ui-color-muted, #64748b);
+    color: var(--ui-color-muted, #526175);
     white-space: nowrap;
   }
 
@@ -315,16 +317,15 @@
       forced-color-adjust: auto;
     }
   }
-`;function x(e){return e!==null&&e.toLowerCase()!=="false"&&e!=="0"}function $(e){return e==="soft"||e==="glass"||e==="contrast"||e==="minimal"?e:"default"}function N(e){return e==="sm"||e==="lg"?e:"md"}function T(e){return e==="square"||e==="pill"?e:"rounded"}function I(e){return e==="neutral"||e==="info"||e==="success"||e==="warning"||e==="danger"?e:null}function q(e){return e==="hover"||e==="focus"||e==="disabled"?e:"idle"}function y(e){return e==="scale"||e==="pulse"||e==="none"?e:null}function B(e){if(!e)return null;const t=e.trim();return t?t==="full"?"999px":/^-?\\d+(\\.\\d+)?$/.test(t)?`${t}px`:t:null}function A(e){const t=Number(e);return!Number.isFinite(t)||t<=0?1:t===.5?.5:1}function l(e,t,i){return Math.min(i,Math.max(t,e))}function u(e,t){const i=Math.round(e/t)*t;return Number(i.toFixed(2))}function o(e,t){const i=e.getAttribute(t);if(i!=null)return i;const r=e[t];return typeof r=="string"&&r.length>0?r:null}function f(e,t){const i=e.getAttribute(t);if(i!=null)return x(i);const r=e[t];return typeof r=="boolean"?r:typeof r=="string"?x(r):!1}function w(e){return e.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function z(e){return`
-    <svg viewBox="0 0 24 24" aria-hidden="true"${e?` class="${e}"`:""}>
+`;function x(i){return i!==null&&i.toLowerCase()!=="false"&&i!=="0"}function $(i){return i==="soft"||i==="glass"||i==="contrast"||i==="minimal"?i:"default"}function N(i){return i==="sm"||i==="lg"?i:"md"}function T(i){return i==="square"||i==="pill"?i:"rounded"}function I(i){return i==="neutral"||i==="info"||i==="success"||i==="warning"||i==="danger"?i:null}function q(i){return i==="hover"||i==="focus"||i==="disabled"?i:"idle"}function y(i){return i==="scale"||i==="pulse"||i==="none"?i:null}function B(i){if(!i)return null;const t=i.trim();return t?t==="full"?"999px":/^-?\\d+(\\.\\d+)?$/.test(t)?`${t}px`:t:null}function A(i){const t=Number(i);return!Number.isFinite(t)||t<=0?1:t===.5?.5:1}function n(i,t,e){return Math.min(e,Math.max(t,i))}function u(i,t){const e=Math.round(i/t)*t;return Number(e.toFixed(2))}function o(i,t){const e=i.getAttribute(t);if(e!=null)return e;const r=i[t];return typeof r=="string"&&r.length>0?r:null}function g(i,t){const e=i.getAttribute(t);if(e!=null)return x(e);const r=i[t];return typeof r=="boolean"?r:typeof r=="string"?x(r):!1}function w(i){return i.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function z(i){return`
+    <svg viewBox="0 0 24 24" aria-hidden="true"${i?` class="${i}"`:""}>
       <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path>
     </svg>
-  `}class k extends V.ElementBase{constructor(){super(),this._stars=[],this._value=0,this._max=5,this._precision=1,this._disabled=!1,this._readonly=!1,this._hoverValue=0,this._onRootClick=this._onRootClick.bind(this),this._onRootMouseMove=this._onRootMouseMove.bind(this),this._onRootMouseLeave=this._onRootMouseLeave.bind(this),this._onRootFocusIn=this._onRootFocusIn.bind(this),this._onRootFocusOut=this._onRootFocusOut.bind(this),this._onRootKeyDown=this._onRootKeyDown.bind(this)}static get observedAttributes(){return["value","max","precision","disabled","readonly","variant","size","headless","theme","tone","state","animation","shape","radius","aria-label","aria-labelledby","aria-describedby","label","show-value"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onRootClick,!0),this.root.addEventListener("mousemove",this._onRootMouseMove,!0),this.root.addEventListener("mouseleave",this._onRootMouseLeave,!0),this.root.addEventListener("focusin",this._onRootFocusIn,!0),this.root.addEventListener("focusout",this._onRootFocusOut,!0),this.root.addEventListener("keydown",this._onRootKeyDown,!0)}disconnectedCallback(){this.root.removeEventListener("click",this._onRootClick,!0),this.root.removeEventListener("mousemove",this._onRootMouseMove,!0),this.root.removeEventListener("mouseleave",this._onRootMouseLeave,!0),this.root.removeEventListener("focusin",this._onRootFocusIn,!0),this.root.removeEventListener("focusout",this._onRootFocusOut,!0),this.root.removeEventListener("keydown",this._onRootKeyDown,!0),super.disconnectedCallback()}attributeChangedCallback(t,i,r){if(i!==r){if(t==="value"){const s=Number(r);Number.isFinite(s)&&(this._value=l(u(s,this._precision),0,this._max),this._syncStars(),this._syncAria())}if(t==="max"){const s=Number(r);Number.isFinite(s)&&s>0&&(this._max=Math.max(1,s),this._value>this._max&&(this._value=this._max),this._syncStars(),this._syncAria())}if(t==="precision"&&(this._precision=A(r),this._value=l(u(this._value,this._precision),0,this._max),this._hoverValue=this._hoverValue>0?l(u(this._hoverValue,this._precision),0,this._max):0,this._syncStars(),this._syncAria()),t==="disabled"&&(this._disabled=r!==null),t==="readonly"&&(this._readonly=r!==null),t==="animation"){const s=y(r);s?this.setAttribute("data-animation",s):this.removeAttribute("data-animation")}this.isConnected&&this.requestRender()}}get value(){return this._value}set value(t){const i=Number(t);if(!Number.isFinite(i))return;const r=l(u(i,this._precision),0,this._max);this._value!==r&&(this._value=r,this.setAttribute("value",String(this._value)),this._syncStars(),this._syncAria(),this._emit("change"),this._emit("input"))}get max(){return this._max}set max(t){const i=Number(t);Number.isFinite(i)&&(this._max=Math.max(1,i),this.setAttribute("max",String(this._max)),this._value>this._max&&(this._value=this._max,this.setAttribute("value",String(this._value))),this.requestRender())}get precision(){return this._precision}set precision(t){this._precision=t===.5?.5:1,this.setAttribute("precision",String(this._precision)),this._value=l(u(this._value,this._precision),0,this._max),this.requestRender()}get disabled(){return this._disabled}set disabled(t){this._disabled=!!t,this._disabled?this.setAttribute("disabled",""):this.removeAttribute("disabled"),this.requestRender()}get readonly(){return this._readonly}set readonly(t){this._readonly=!!t,this._readonly?this.setAttribute("readonly",""):this.removeAttribute("readonly"),this.requestRender()}_getStarFromEventTarget(t){return t instanceof Element?t.closest(".star"):null}_getStarIndex(t){if(!t)return-1;const i=Number(t.dataset.index);return Number.isFinite(i)?i:-1}_getValueFromPointer(t,i){const r=this._getStarIndex(i);if(r===-1)return this._value;if(this._precision!==.5)return r+1;const s=i.getBoundingClientRect(),n=t.clientX-s.left<=s.width/2?.5:1;return r+n}_formatValue(t){return Number.isInteger(t)?String(t):t.toFixed(1)}_getAriaValueText(t){return`${this._formatValue(t)} out of ${this._max}`}_onRootClick(t){if(this._disabled||this._readonly)return;const i=t,r=this._getStarFromEventTarget(i.target);r&&(this.value=this._getValueFromPointer(i,r))}_onRootMouseMove(t){if(this._disabled||this._readonly)return;const i=t,r=this._getStarFromEventTarget(i.target);r&&(this._hoverValue=this._getValueFromPointer(i,r),this.setAttribute("state","hover"),this._syncStars())}_onRootMouseLeave(){this._disabled||this._readonly||(this._hoverValue=0,this.removeAttribute("state"),this._syncStars())}_onRootFocusIn(t){if(this._disabled||this._readonly)return;const i=this._getStarFromEventTarget(t.target),r=this._getStarIndex(i);r!==-1&&(this._hoverValue=r+1,this.setAttribute("state","focus"),this._syncStars())}_onRootFocusOut(){this._disabled||this._readonly||(this._hoverValue=0,this.removeAttribute("state"),this._syncStars())}_onRootKeyDown(t){if(this._disabled||this._readonly)return;const i=t,r=this._getStarFromEventTarget(i.target),s=this._getStarIndex(r);if(s===-1)return;let a=this._value;const n=this._precision;switch(i.key){case"ArrowRight":case"ArrowUp":case"+":a=l(this._value+n,0,this._max);break;case"ArrowLeft":case"ArrowDown":case"-":a=l(this._value-n,0,this._max);break;case"Home":a=0;break;case"End":a=this._max;break;case" ":case"Enter":a=s+1;break;default:return}i.preventDefault(),this.value=a}_getFillPercent(t,i){const r=i-(t-1);return r>=1?100:r<=0?0:r*100}_syncStars(){const t=this._hoverValue>0?this._hoverValue:this._value;this._stars.forEach((i,r)=>{const s=r+1,a=this._getFillPercent(s,t);if(i.style.setProperty("--fill-percent",`${a}%`),this._disabled){i.setAttribute("data-state","disabled"),i.setAttribute("aria-disabled","true");return}if(i.removeAttribute("aria-disabled"),this._hoverValue>0){a>0?i.setAttribute("data-state","hover"):i.removeAttribute("data-state");return}a>0?i.setAttribute("data-state","active"):i.removeAttribute("data-state")}),this._syncAria()}_syncAria(){const t=this._getAriaValueText(this._value);this.setAttribute("role","slider"),this.setAttribute("tabindex",this._disabled||this._readonly?"-1":"0"),this.setAttribute("aria-valuemin","0"),this.setAttribute("aria-valuemax",String(this._max)),this.setAttribute("aria-valuenow",String(this._value)),this.setAttribute("aria-valuetext",t),this.setAttribute("aria-orientation","horizontal"),this.setAttribute("aria-disabled",this._disabled?"true":"false"),this.setAttribute("aria-readonly",this._readonly?"true":"false"),this._stars.forEach((i,r)=>{const s=r+1,a=this._getFillPercent(s,this._hoverValue>0?this._hoverValue:this._value);i.setAttribute("role","presentation"),i.setAttribute("tabindex","-1"),i.setAttribute("aria-hidden","true"),i.setAttribute("aria-checked","false");const n=this._precision===.5?`${r+.5} to ${r+1}`:`${r+1}`;i.setAttribute("data-fill",String(a)),i.setAttribute("data-star-value",String(s)),i.setAttribute("aria-label",`${n}`)})}_emit(t){this.dispatchEvent(new CustomEvent(t,{detail:{value:this._value,max:this._max,precision:this._precision,disabled:this._disabled,readonly:this._readonly},bubbles:!0,composed:!0}))}render(){const t=f(this,"disabled"),i=f(this,"readonly"),r=$(o(this,"variant")),s=N(o(this,"size")),a=o(this,"theme"),n=I(o(this,"tone")),h=q(o(this,"state")),g=y(o(this,"animation")),c=T(o(this,"shape")),m=B(o(this,"radius")),R=A(o(this,"precision")),v=o(this,"aria-label"),p=o(this,"aria-labelledby"),_=o(this,"aria-describedby"),d=o(this,"label"),b=f(this,"show-value"),S=o(this,"value"),E=o(this,"max");this._max=Math.max(1,Number(E)||5),this._precision=R,this._value=l(u(Number(S)||0,this._precision),0,this._max),this._disabled=t,this._readonly=i,g?this.setAttribute("data-animation",g):this.removeAttribute("data-animation"),a==="dark"||a==="brand"?this.setAttribute("theme",a):this.removeAttribute("theme"),n?this.setAttribute("tone",n):this.removeAttribute("tone"),h==="disabled"?this.setAttribute("state","disabled"):h!=="idle"?this.setAttribute("state",h):this.removeAttribute("state"),c==="square"||c==="pill"?this.setAttribute("shape",c):this.removeAttribute("shape"),r==="default"?this.removeAttribute("variant"):this.setAttribute("variant",r),s==="md"?this.removeAttribute("size"):this.setAttribute("size",s),m?this.style.setProperty("--ui-rating-radius",m):this.style.removeProperty("--ui-rating-radius"),this.setAttribute("precision",String(this._precision));const F=Array.from({length:this._max},(P,L)=>`
-      <button
-        type="button"
+  `}class k extends V.ElementBase{constructor(){super(),this._autoAriaLabel=!1,this._stars=[],this._value=0,this._max=5,this._precision=1,this._disabled=!1,this._readonly=!1,this._hoverValue=0,this._onRootClick=this._onRootClick.bind(this),this._onRootMouseMove=this._onRootMouseMove.bind(this),this._onRootMouseLeave=this._onRootMouseLeave.bind(this),this._onRootFocusIn=this._onRootFocusIn.bind(this),this._onRootFocusOut=this._onRootFocusOut.bind(this),this._onRootKeyDown=this._onRootKeyDown.bind(this)}static get observedAttributes(){return["value","max","precision","disabled","readonly","variant","size","headless","theme","tone","state","animation","shape","radius","aria-label","aria-labelledby","aria-describedby","label","show-value"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onRootClick,!0),this.root.addEventListener("mousemove",this._onRootMouseMove,!0),this.root.addEventListener("mouseleave",this._onRootMouseLeave,!0),this.root.addEventListener("focusin",this._onRootFocusIn,!0),this.root.addEventListener("focusout",this._onRootFocusOut,!0),this.root.addEventListener("keydown",this._onRootKeyDown,!0)}disconnectedCallback(){this.root.removeEventListener("click",this._onRootClick,!0),this.root.removeEventListener("mousemove",this._onRootMouseMove,!0),this.root.removeEventListener("mouseleave",this._onRootMouseLeave,!0),this.root.removeEventListener("focusin",this._onRootFocusIn,!0),this.root.removeEventListener("focusout",this._onRootFocusOut,!0),this.root.removeEventListener("keydown",this._onRootKeyDown,!0),super.disconnectedCallback()}attributeChangedCallback(t,e,r){if(e!==r){if(t==="value"){const s=Number(r);Number.isFinite(s)&&(this._value=n(u(s,this._precision),0,this._max),this._syncStars(),this._syncAria())}if(t==="max"){const s=Number(r);Number.isFinite(s)&&s>0&&(this._max=Math.max(1,s),this._value>this._max&&(this._value=this._max),this._syncStars(),this._syncAria())}if(t==="precision"&&(this._precision=A(r),this._value=n(u(this._value,this._precision),0,this._max),this._hoverValue=this._hoverValue>0?n(u(this._hoverValue,this._precision),0,this._max):0,this._syncStars(),this._syncAria()),t==="disabled"&&(this._disabled=r!==null),t==="readonly"&&(this._readonly=r!==null),t==="animation"){const s=y(r);s?this.setAttribute("data-animation",s):this.removeAttribute("data-animation")}this.isConnected&&this.requestRender()}}get value(){return this._value}set value(t){const e=Number(t);if(!Number.isFinite(e))return;const r=n(u(e,this._precision),0,this._max);this._value!==r&&(this._value=r,this.setAttribute("value",String(this._value)),this._syncStars(),this._syncAria(),this._emit("change"),this._emit("input"))}get max(){return this._max}set max(t){const e=Number(t);Number.isFinite(e)&&(this._max=Math.max(1,e),this.setAttribute("max",String(this._max)),this._value>this._max&&(this._value=this._max,this.setAttribute("value",String(this._value))),this.requestRender())}get precision(){return this._precision}set precision(t){this._precision=t===.5?.5:1,this.setAttribute("precision",String(this._precision)),this._value=n(u(this._value,this._precision),0,this._max),this.requestRender()}get disabled(){return this._disabled}set disabled(t){this._disabled=!!t,this._disabled?this.setAttribute("disabled",""):this.removeAttribute("disabled"),this.requestRender()}get readonly(){return this._readonly}set readonly(t){this._readonly=!!t,this._readonly?this.setAttribute("readonly",""):this.removeAttribute("readonly"),this.requestRender()}_getStarFromEventTarget(t){return t instanceof Element?t.closest(".star"):null}_getStarIndex(t){if(!t)return-1;const e=Number(t.dataset.index);return Number.isFinite(e)?e:-1}_getValueFromPointer(t,e){const r=this._getStarIndex(e);if(r===-1)return this._value;if(this._precision!==.5)return r+1;const s=e.getBoundingClientRect(),l=t.clientX-s.left<=s.width/2?.5:1;return r+l}_formatValue(t){return Number.isInteger(t)?String(t):t.toFixed(1)}_getAriaValueText(t){return`${this._formatValue(t)} out of ${this._max}`}_onRootClick(t){if(this._disabled||this._readonly)return;const e=t,r=this._getStarFromEventTarget(e.target);r&&(this.value=this._getValueFromPointer(e,r))}_onRootMouseMove(t){if(this._disabled||this._readonly)return;const e=t,r=this._getStarFromEventTarget(e.target);r&&(this._hoverValue=this._getValueFromPointer(e,r),this.setAttribute("state","hover"),this._syncStars())}_onRootMouseLeave(){this._disabled||this._readonly||(this._hoverValue=0,this.removeAttribute("state"),this._syncStars())}_onRootFocusIn(t){if(this._disabled||this._readonly)return;const e=this._getStarFromEventTarget(t.target),r=this._getStarIndex(e);r!==-1&&(this._hoverValue=r+1,this.setAttribute("state","focus"),this._syncStars())}_onRootFocusOut(){this._disabled||this._readonly||(this._hoverValue=0,this.removeAttribute("state"),this._syncStars())}_onRootKeyDown(t){if(this._disabled||this._readonly)return;const e=t,r=this._getStarFromEventTarget(e.target),s=this._getStarIndex(r);if(s===-1)return;let a=this._value;const l=this._precision;switch(e.key){case"ArrowRight":case"ArrowUp":case"+":a=n(this._value+l,0,this._max);break;case"ArrowLeft":case"ArrowDown":case"-":a=n(this._value-l,0,this._max);break;case"Home":a=0;break;case"End":a=this._max;break;case" ":case"Enter":a=s+1;break;default:return}e.preventDefault(),this.value=a}_getFillPercent(t,e){const r=e-(t-1);return r>=1?100:r<=0?0:r*100}_syncStars(){const t=this._hoverValue>0?this._hoverValue:this._value;this._stars.forEach((e,r)=>{const s=r+1,a=this._getFillPercent(s,t);if(e.style.setProperty("--fill-percent",`${a}%`),this._disabled){e.setAttribute("data-state","disabled"),e.setAttribute("aria-disabled","true");return}if(e.removeAttribute("aria-disabled"),this._hoverValue>0){a>0?e.setAttribute("data-state","hover"):e.removeAttribute("data-state");return}a>0?e.setAttribute("data-state","active"):e.removeAttribute("data-state")}),this._syncAria()}_syncAria(){const t=this._getAriaValueText(this._value);this.setAttribute("role","slider"),this.setAttribute("tabindex",this._disabled||this._readonly?"-1":"0"),this.setAttribute("aria-valuemin","0"),this.setAttribute("aria-valuemax",String(this._max)),this.setAttribute("aria-valuenow",String(this._value)),this.setAttribute("aria-valuetext",t),this.setAttribute("aria-orientation","horizontal"),this.setAttribute("aria-disabled",this._disabled?"true":"false"),this.setAttribute("aria-readonly",this._readonly?"true":"false"),this._stars.forEach((e,r)=>{const s=r+1,a=this._getFillPercent(s,this._hoverValue>0?this._hoverValue:this._value);e.setAttribute("aria-hidden","true"),e.setAttribute("data-fill",String(a)),e.setAttribute("data-star-value",String(s))})}_emit(t){this.dispatchEvent(new CustomEvent(t,{detail:{value:this._value,max:this._max,precision:this._precision,disabled:this._disabled,readonly:this._readonly},bubbles:!0,composed:!0}))}render(){const t=g(this,"disabled"),e=g(this,"readonly"),r=$(o(this,"variant")),s=N(o(this,"size")),a=o(this,"theme"),l=I(o(this,"tone")),c=q(o(this,"state")),m=y(o(this,"animation")),d=T(o(this,"shape")),v=B(o(this,"radius")),R=A(o(this,"precision")),p=this._autoAriaLabel?null:o(this,"aria-label"),f=o(this,"aria-labelledby"),_=o(this,"aria-describedby"),h=o(this,"label"),b=g(this,"show-value"),S=o(this,"value"),E=o(this,"max");this._max=Math.max(1,Number(E)||5),this._precision=R,this._value=n(u(Number(S)||0,this._precision),0,this._max),this._disabled=t,this._readonly=e,m?this.setAttribute("data-animation",m):this.removeAttribute("data-animation"),a==="dark"||a==="brand"?this.setAttribute("theme",a):this.removeAttribute("theme"),l?this.setAttribute("tone",l):this.removeAttribute("tone"),c==="disabled"?this.setAttribute("state","disabled"):c!=="idle"?this.setAttribute("state",c):this.removeAttribute("state"),d==="square"||d==="pill"?this.setAttribute("shape",d):this.removeAttribute("shape"),r==="default"?this.removeAttribute("variant"):this.setAttribute("variant",r),s==="md"?this.removeAttribute("size"):this.setAttribute("size",s),v?this.style.setProperty("--ui-rating-radius",v):this.style.removeProperty("--ui-rating-radius"),this.setAttribute("precision",String(this._precision));const F=Array.from({length:this._max},(P,M)=>`
+      <span
         class="star"
-        tabindex="-1"
-        data-index="${L}"
+        aria-hidden="true"
+        data-index="${M}"
         part="star"
         style="--fill-percent: 0%;"
       >
@@ -336,8 +337,8 @@
             </span>
           </span>
         </span>
-      </button>
-    `).join(""),M=b?`${this._formatValue(this._value)} / ${this._max}`:"";this.setContent(`
+      </span>
+    `).join(""),L=b?`${this._formatValue(this._value)} / ${this._max}`:"";this.setContent(`
       <style>${C}</style>
       <div
         class="stars"
@@ -346,10 +347,10 @@
       >
         ${F}
       </div>
-      ${d||b?`
+      ${h||b?`
             <div class="label" part="label">
-              ${d?`<span class="label-text">${w(d)}</span>`:""}
-              ${b?`<span class="value">${w(M)}</span>`:""}
+              ${h?`<span class="label-text">${w(h)}</span>`:""}
+              ${b?`<span class="value">${w(L)}</span>`:""}
             </div>
           `:""}
-    `),queueMicrotask(()=>{this._stars=Array.from(this.root.querySelectorAll(".star")),this._syncStars()}),v?this.setAttribute("aria-label",v):this.removeAttribute("aria-label"),p?this.setAttribute("aria-labelledby",p):this.removeAttribute("aria-labelledby"),_?this.setAttribute("aria-describedby",_):this.removeAttribute("aria-describedby"),this._disabled?this.setAttribute("disabled",""):this.removeAttribute("disabled"),this._readonly?this.setAttribute("readonly",""):this.removeAttribute("readonly"),this._syncAria()}}typeof customElements<"u"&&!customElements.get("ui-rating")&&customElements.define("ui-rating",k);exports.UIRating=k;
+    `),queueMicrotask(()=>{this._stars=Array.from(this.root.querySelectorAll(".star")),this._syncStars()}),this._autoAriaLabel=!1,p?this.setAttribute("aria-label",p):f?this.removeAttribute("aria-label"):(this.setAttribute("aria-label",(h||"").trim()||"Rating"),this._autoAriaLabel=!0),f?this.setAttribute("aria-labelledby",f):this.removeAttribute("aria-labelledby"),_?this.setAttribute("aria-describedby",_):this.removeAttribute("aria-describedby"),this._disabled?this.setAttribute("disabled",""):this.removeAttribute("disabled"),this._readonly?this.setAttribute("readonly",""):this.removeAttribute("readonly"),this._syncAria()}}typeof customElements<"u"&&!customElements.get("ui-rating")&&customElements.define("ui-rating",k);exports.UIRating=k;