@editora/ui-core 0.1.19 → 0.1.21

package/dist/radio-group.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("./ElementBase-1b301e7f.js"),c=require("./roving-focus-group-5c059bf9.js"),x=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("./ElementBase-EV6mVBUV.js"),c=require("./roving-focus-group-BdJ_4Njm.js"),g=`
   :host {
     display: block;
     width: 100%;
@@ -229,27 +229,27 @@
       background: Highlight;
     }
   }
-`;function h(s){return s.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function p(s){return s==="horizontal"?"horizontal":"vertical"}function _(s){return s==="sm"||s==="lg"?s:"md"}function m(s){return s==="card"||s==="segmented"?s:"default"}function I(s){return s==="neutral"||s==="success"||s==="warning"||s==="danger"||s==="info"?s:"brand"}class f extends g.ElementBase{constructor(){super(),this._value="",this._disabled=!1,this._required=!1,this._orientation="vertical",this._focusIndex=-1,this._options=[],this._observer=null,this._onClickBound=e=>this._onClick(e),this._onKeydownBound=e=>this._onKeydown(e)}static get observedAttributes(){return["value","disabled","required","name","orientation","variant","size","tone","options","headless"]}connectedCallback(){this._syncFromAttributes(),super.connectedCallback(),this.root.addEventListener("click",this._onClickBound),this.root.addEventListener("keydown",this._onKeydownBound),typeof MutationObserver<"u"&&(this._observer||(this._observer=new MutationObserver(()=>{this.hasAttribute("options")||(this._syncFromAttributes(),this.requestRender())})),this._observer.observe(this,{childList:!0,subtree:!0,characterData:!0}))}disconnectedCallback(){var e;this.root.removeEventListener("click",this._onClickBound),this.root.removeEventListener("keydown",this._onKeydownBound),(e=this._observer)==null||e.disconnect(),super.disconnectedCallback()}attributeChangedCallback(e,i,t){i!==t&&(this._syncFromAttributes(),e==="options"?this.requestRender():this._syncInteractiveState(),e==="value"&&this.dispatchEvent(new CustomEvent("valuechange",{detail:{value:this._value},bubbles:!0,composed:!0})))}get value(){return this._value}set value(e){const i=String(e||"");i!==this._value&&this.setAttribute("value",i)}get disabled(){return this._disabled}set disabled(e){e?this.setAttribute("disabled",""):this.removeAttribute("disabled")}_syncFromAttributes(){var e;if(this._value=this.getAttribute("value")||"",this._disabled=this.hasAttribute("disabled"),this._required=this.hasAttribute("required"),this._orientation=p(this.getAttribute("orientation")),this._options=this._collectOptions(),this._focusIndex<0||this._focusIndex>=this._options.length||(e=this._options[this._focusIndex])!=null&&e.disabled){const i=this._findSelectedIndex();this._focusIndex=i>=0?i:this._findFirstEnabledIndex()}}_collectOptions(){const e=this.getAttribute("options");if(e&&e.trim())try{const t=JSON.parse(e);if(Array.isArray(t)){const r=t.map((o,a)=>{if(typeof o=="string")return{value:o,label:o,disabled:!1};if(o&&typeof o=="object"){const n=String(o.value??`option-${a+1}`),d=String(o.label??n),l=o.description==null?void 0:String(o.description),u=!!o.disabled;return{value:n,label:d,description:l,disabled:u}}return null}).filter(Boolean);if(r.length)return r}}catch{}return Array.from(this.children).filter(t=>t instanceof HTMLElement&&t.hasAttribute("data-radio")).map((t,r)=>{const o=t.getAttribute("data-value")||t.getAttribute("value"),a=(t.getAttribute("data-label")||t.textContent||"").trim(),n=(o||a||`option-${r+1}`).trim(),d=(t.getAttribute("data-description")||"").trim()||void 0,l=t.hasAttribute("data-disabled")||t.getAttribute("aria-disabled")==="true";return{value:n,label:a||n,description:d,disabled:l}})}_findSelectedIndex(){const e=this._options.findIndex(i=>i.value===this._value&&!i.disabled);return e>=0?e:this._value?-1:this._findFirstEnabledIndex()}_findFirstEnabledIndex(){return this._options.findIndex(e=>!e.disabled)}_selectIndex(e,i){if(this._disabled)return;const t=this._options[e];if(!t||t.disabled)return;const r=this._value!==t.value;if(this._focusIndex=e,r){this._value=t.value,this.getAttribute("value")!==t.value?this.setAttribute("value",t.value):this.requestRender();const o={value:t.value,option:{...t},reason:i,name:this.getAttribute("name")||void 0};this.dispatchEvent(new CustomEvent("input",{detail:o,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:o,bubbles:!0,composed:!0}))}else this.requestRender();this._focusOption(e)}_moveSelection(e){const i=c.moveRovingFocusIndex(this._options,this._focusIndex,e>0?1:-1,{wrap:!0,fallbackIndex:c.resolveRovingFocusIndex(this._options,{activeIndex:this._focusIndex,selectedIndex:this._findSelectedIndex(),getDisabled:t=>!!t.disabled}),getDisabled:t=>!!t.disabled});i>=0&&this._selectIndex(i,"keyboard")}_focusOption(e){const i=this.root.querySelector(`.option[data-index="${e}"]`);c.focusRovingItem(i)}_syncInteractiveState(){if(!this.root.querySelector(".root"))return;this.setAttribute("role","radiogroup"),this.setAttribute("aria-disabled",this._disabled?"true":"false"),this.setAttribute("aria-required",this._required?"true":"false"),this.setAttribute("aria-orientation",this._orientation);const i=this._findSelectedIndex(),t=i>=0?i:this._findFirstEnabledIndex();this._focusIndex=c.resolveRovingFocusIndex(this._options,{activeIndex:this._focusIndex,selectedIndex:t,getDisabled:a=>!!a.disabled});const r=this.root.querySelectorAll(".option[data-index]");r.forEach(a=>{const n=Number(a.getAttribute("data-index"));if(Number.isNaN(n))return;const d=this._options[n];if(!d)return;const l=n===t,u=this._disabled||!!d.disabled,b=n===this._focusIndex?0:-1;a.setAttribute("data-value",d.value),a.setAttribute("data-checked",l?"true":"false"),a.setAttribute("data-disabled",u?"true":"false"),a.setAttribute("aria-checked",l?"true":"false"),a.setAttribute("aria-disabled",u?"true":"false"),a.setAttribute("tabindex",String(b))});const o=Array.from(r);c.syncRovingTabStops(o,o[this._focusIndex]||null,{activeAttribute:null})}_onClick(e){const i=e.target;if(!i)return;const t=i.closest(".option");if(!t)return;const r=Number(t.getAttribute("data-index"));Number.isNaN(r)||this._selectIndex(r,"click")}_onKeydown(e){if(this._disabled)return;const i=e.key,t=this._orientation==="horizontal";if(i==="ArrowRight"&&t||i==="ArrowDown"){e.preventDefault(),this._moveSelection(1);return}if(i==="ArrowLeft"&&t||i==="ArrowUp"){e.preventDefault(),this._moveSelection(-1);return}if(i==="Home"){e.preventDefault();const r=c.getRovingFocusBoundaryIndex(this._options,"first",o=>!!o.disabled);r>=0&&this._selectIndex(r,"keyboard");return}if(i==="End"){e.preventDefault();const r=c.getRovingFocusBoundaryIndex(this._options,"last",o=>!!o.disabled);r>=0&&this._selectIndex(r,"keyboard");return}if(i===" "||i==="Enter"){e.preventDefault();const r=this._focusIndex>=0?this._focusIndex:this._findSelectedIndex();r>=0&&this._selectIndex(r,"keyboard")}}render(){var n;const e=_(this.getAttribute("size")),i=m(this.getAttribute("variant")),t=I(this.getAttribute("tone")),r=p(this.getAttribute("orientation"));this.setAttribute("role","radiogroup"),this.setAttribute("aria-disabled",this._disabled?"true":"false"),this.setAttribute("aria-required",this._required?"true":"false"),this.setAttribute("aria-orientation",r);const o=this._findSelectedIndex(),a=o>=0?o:this._findFirstEnabledIndex();(this._focusIndex<0||this._focusIndex>=this._options.length||(n=this._options[this._focusIndex])!=null&&n.disabled)&&(this._focusIndex=a),this.setContent(`
-      <style>${x}</style>
+`;function h(s){return s.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function p(s){return s==="horizontal"?"horizontal":"vertical"}function x(s){return s==="sm"||s==="lg"?s:"md"}function _(s){return s==="card"||s==="segmented"?s:"default"}function m(s){return s==="neutral"||s==="success"||s==="warning"||s==="danger"||s==="info"?s:"brand"}class f extends v.ElementBase{constructor(){super(),this._value="",this._disabled=!1,this._required=!1,this._orientation="vertical",this._focusIndex=-1,this._options=[],this._observer=null,this._onClickBound=e=>this._onClick(e),this._onKeydownBound=e=>this._onKeydown(e)}static get observedAttributes(){return["value","disabled","required","name","orientation","variant","size","tone","options","headless"]}connectedCallback(){this._syncFromAttributes(),super.connectedCallback(),this.root.addEventListener("click",this._onClickBound),this.root.addEventListener("keydown",this._onKeydownBound),typeof MutationObserver<"u"&&(this._observer||(this._observer=new MutationObserver(()=>{this.hasAttribute("options")||(this._syncFromAttributes(),this.requestRender())})),this._observer.observe(this,{childList:!0,subtree:!0,characterData:!0}))}disconnectedCallback(){this.root.removeEventListener("click",this._onClickBound),this.root.removeEventListener("keydown",this._onKeydownBound),this._observer?.disconnect(),super.disconnectedCallback()}attributeChangedCallback(e,i,t){i!==t&&(this._syncFromAttributes(),e==="options"?this.requestRender():this._syncInteractiveState(),e==="value"&&this.dispatchEvent(new CustomEvent("valuechange",{detail:{value:this._value},bubbles:!0,composed:!0})))}get value(){return this._value}set value(e){const i=String(e||"");i!==this._value&&this.setAttribute("value",i)}get disabled(){return this._disabled}set disabled(e){e?this.setAttribute("disabled",""):this.removeAttribute("disabled")}_syncFromAttributes(){if(this._value=this.getAttribute("value")||"",this._disabled=this.hasAttribute("disabled"),this._required=this.hasAttribute("required"),this._orientation=p(this.getAttribute("orientation")),this._options=this._collectOptions(),this._focusIndex<0||this._focusIndex>=this._options.length||this._options[this._focusIndex]?.disabled){const e=this._findSelectedIndex();this._focusIndex=e>=0?e:this._findFirstEnabledIndex()}}_collectOptions(){const e=this.getAttribute("options");if(e&&e.trim())try{const t=JSON.parse(e);if(Array.isArray(t)){const r=t.map((o,a)=>{if(typeof o=="string")return{value:o,label:o,disabled:!1};if(o&&typeof o=="object"){const n=String(o.value??`option-${a+1}`),d=String(o.label??n),l=o.description==null?void 0:String(o.description),u=!!o.disabled;return{value:n,label:d,description:l,disabled:u}}return null}).filter(Boolean);if(r.length)return r}}catch{}return Array.from(this.children).filter(t=>t instanceof HTMLElement&&t.hasAttribute("data-radio")).map((t,r)=>{const o=t.getAttribute("data-value")||t.getAttribute("value"),a=(t.getAttribute("data-label")||t.textContent||"").trim(),n=(o||a||`option-${r+1}`).trim(),d=(t.getAttribute("data-description")||"").trim()||void 0,l=t.hasAttribute("data-disabled")||t.getAttribute("aria-disabled")==="true";return{value:n,label:a||n,description:d,disabled:l}})}_findSelectedIndex(){const e=this._options.findIndex(i=>i.value===this._value&&!i.disabled);return e>=0?e:this._value?-1:this._findFirstEnabledIndex()}_findFirstEnabledIndex(){return this._options.findIndex(e=>!e.disabled)}_selectIndex(e,i){if(this._disabled)return;const t=this._options[e];if(!t||t.disabled)return;const r=this._value!==t.value;if(this._focusIndex=e,r){this._value=t.value,this.getAttribute("value")!==t.value?this.setAttribute("value",t.value):this.requestRender();const o={value:t.value,option:{...t},reason:i,name:this.getAttribute("name")||void 0};this.dispatchEvent(new CustomEvent("input",{detail:o,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:o,bubbles:!0,composed:!0}))}else this.requestRender();this._focusOption(e)}_moveSelection(e){const i=c.moveRovingFocusIndex(this._options,this._focusIndex,e>0?1:-1,{wrap:!0,fallbackIndex:c.resolveRovingFocusIndex(this._options,{activeIndex:this._focusIndex,selectedIndex:this._findSelectedIndex(),getDisabled:t=>!!t.disabled}),getDisabled:t=>!!t.disabled});i>=0&&this._selectIndex(i,"keyboard")}_focusOption(e){const i=this.root.querySelector(`.option[data-index="${e}"]`);c.focusRovingItem(i)}_syncInteractiveState(){if(!this.root.querySelector(".root"))return;this.setAttribute("role","radiogroup"),this.setAttribute("aria-disabled",this._disabled?"true":"false"),this.setAttribute("aria-required",this._required?"true":"false"),this.setAttribute("aria-orientation",this._orientation);const i=this._findSelectedIndex(),t=i>=0?i:this._findFirstEnabledIndex();this._focusIndex=c.resolveRovingFocusIndex(this._options,{activeIndex:this._focusIndex,selectedIndex:t,getDisabled:a=>!!a.disabled});const r=this.root.querySelectorAll(".option[data-index]");r.forEach(a=>{const n=Number(a.getAttribute("data-index"));if(Number.isNaN(n))return;const d=this._options[n];if(!d)return;const l=n===t,u=this._disabled||!!d.disabled,b=n===this._focusIndex?0:-1;a.setAttribute("data-value",d.value),a.setAttribute("data-checked",l?"true":"false"),a.setAttribute("data-disabled",u?"true":"false"),a.setAttribute("aria-checked",l?"true":"false"),a.setAttribute("aria-disabled",u?"true":"false"),a.setAttribute("tabindex",String(b))});const o=Array.from(r);c.syncRovingTabStops(o,o[this._focusIndex]||null,{activeAttribute:null})}_onClick(e){const i=e.target;if(!i)return;const t=i.closest(".option");if(!t)return;const r=Number(t.getAttribute("data-index"));Number.isNaN(r)||this._selectIndex(r,"click")}_onKeydown(e){if(this._disabled)return;const i=e.key,t=this._orientation==="horizontal";if(i==="ArrowRight"&&t||i==="ArrowDown"){e.preventDefault(),this._moveSelection(1);return}if(i==="ArrowLeft"&&t||i==="ArrowUp"){e.preventDefault(),this._moveSelection(-1);return}if(i==="Home"){e.preventDefault();const r=c.getRovingFocusBoundaryIndex(this._options,"first",o=>!!o.disabled);r>=0&&this._selectIndex(r,"keyboard");return}if(i==="End"){e.preventDefault();const r=c.getRovingFocusBoundaryIndex(this._options,"last",o=>!!o.disabled);r>=0&&this._selectIndex(r,"keyboard");return}if(i===" "||i==="Enter"){e.preventDefault();const r=this._focusIndex>=0?this._focusIndex:this._findSelectedIndex();r>=0&&this._selectIndex(r,"keyboard")}}render(){const e=x(this.getAttribute("size")),i=_(this.getAttribute("variant")),t=m(this.getAttribute("tone")),r=p(this.getAttribute("orientation"));this.setAttribute("role","radiogroup"),this.setAttribute("aria-disabled",this._disabled?"true":"false"),this.setAttribute("aria-required",this._required?"true":"false"),this.setAttribute("aria-orientation",r);const o=this._findSelectedIndex(),a=o>=0?o:this._findFirstEnabledIndex();(this._focusIndex<0||this._focusIndex>=this._options.length||this._options[this._focusIndex]?.disabled)&&(this._focusIndex=a),this.setContent(`
+      <style>${g}</style>
       <div class="root" part="root" data-size="${e}" data-variant="${i}" data-tone="${t}">
-        ${this._options.map((d,l)=>{const u=l===a,b=this._disabled||!!d.disabled,v=l===this._focusIndex?0:-1;return`
+        ${this._options.map((n,d)=>{const l=d===a,u=this._disabled||!!n.disabled,b=d===this._focusIndex?0:-1;return`
               <button
                 type="button"
                 class="option"
                 part="option"
                 role="radio"
-                data-index="${l}"
-                data-value="${h(d.value)}"
-                data-checked="${u?"true":"false"}"
-                data-disabled="${b?"true":"false"}"
-                aria-checked="${u?"true":"false"}"
-                aria-disabled="${b?"true":"false"}"
-                tabindex="${v}"
+                data-index="${d}"
+                data-value="${h(n.value)}"
+                data-checked="${l?"true":"false"}"
+                data-disabled="${u?"true":"false"}"
+                aria-checked="${l?"true":"false"}"
+                aria-disabled="${u?"true":"false"}"
+                tabindex="${b}"
               >
                 <span class="control" part="control"><span class="dot" part="dot"></span></span>
                 <span class="text" part="text">
-                  <span class="label" part="label">${h(d.label)}</span>
-                  ${d.description?`<span class="description" part="description">${h(d.description)}</span>`:""}
+                  <span class="label" part="label">${h(n.label)}</span>
+                  ${n.description?`<span class="description" part="description">${h(n.description)}</span>`:""}
                 </span>
               </button>
             `}).join("")}

package/dist/radio-group.esm.js

@@ -1,6 +1,6 @@
-import { E as x } from "./ElementBase-909688f3.mjs";
-import { m as g, r as h, f as m, s as _, g as p } from "./roving-focus-group-4350c9a7.mjs";
-const I = `
+import { E as v } from "./ElementBase-YlTLMsGk.mjs";
+import { m as x, r as h, f as g, s as m, g as p } from "./roving-focus-group-Dbm1Jko_.mjs";
+const _ = `
   :host {
     display: block;
     width: 100%;
@@ -238,16 +238,16 @@ function b(s) {
 function f(s) {
   return s === "horizontal" ? "horizontal" : "vertical";
 }
-function A(s) {
+function I(s) {
   return s === "sm" || s === "lg" ? s : "md";
 }
-function y(s) {
+function A(s) {
   return s === "card" || s === "segmented" ? s : "default";
 }
-function k(s) {
+function y(s) {
   return s === "neutral" || s === "success" || s === "warning" || s === "danger" || s === "info" ? s : "brand";
 }
-class w extends x {
+class k extends v {
   constructor() {
     super(), this._value = "", this._disabled = !1, this._required = !1, this._orientation = "vertical", this._focusIndex = -1, this._options = [], this._observer = null, this._onClickBound = (e) => this._onClick(e), this._onKeydownBound = (e) => this._onKeydown(e);
   }
@@ -271,8 +271,7 @@ class w extends x {
     })), this._observer.observe(this, { childList: !0, subtree: !0, characterData: !0 }));
   }
   disconnectedCallback() {
-    var e;
-    this.root.removeEventListener("click", this._onClickBound), this.root.removeEventListener("keydown", this._onKeydownBound), (e = this._observer) == null || e.disconnect(), super.disconnectedCallback();
+    this.root.removeEventListener("click", this._onClickBound), this.root.removeEventListener("keydown", this._onKeydownBound), this._observer?.disconnect(), super.disconnectedCallback();
   }
   attributeChangedCallback(e, i, t) {
     i !== t && (this._syncFromAttributes(), e === "options" ? this.requestRender() : this._syncInteractiveState(), e === "value" && this.dispatchEvent(
@@ -297,10 +296,9 @@ class w extends x {
     e ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
   }
   _syncFromAttributes() {
-    var e;
-    if (this._value = this.getAttribute("value") || "", this._disabled = this.hasAttribute("disabled"), this._required = this.hasAttribute("required"), this._orientation = f(this.getAttribute("orientation")), this._options = this._collectOptions(), this._focusIndex < 0 || this._focusIndex >= this._options.length || (e = this._options[this._focusIndex]) != null && e.disabled) {
-      const i = this._findSelectedIndex();
-      this._focusIndex = i >= 0 ? i : this._findFirstEnabledIndex();
+    if (this._value = this.getAttribute("value") || "", this._disabled = this.hasAttribute("disabled"), this._required = this.hasAttribute("required"), this._orientation = f(this.getAttribute("orientation")), this._options = this._collectOptions(), this._focusIndex < 0 || this._focusIndex >= this._options.length || this._options[this._focusIndex]?.disabled) {
+      const e = this._findSelectedIndex();
+      this._focusIndex = e >= 0 ? e : this._findFirstEnabledIndex();
     }
   }
   _collectOptions() {
@@ -318,8 +316,7 @@ class w extends x {
             }
             return null;
           }).filter(Boolean);
-          if (r.length)
-            return r;
+          if (r.length) return r;
         }
       } catch {
       }
@@ -338,11 +335,9 @@ class w extends x {
     return this._options.findIndex((e) => !e.disabled);
   }
   _selectIndex(e, i) {
-    if (this._disabled)
-      return;
+    if (this._disabled) return;
     const t = this._options[e];
-    if (!t || t.disabled)
-      return;
+    if (!t || t.disabled) return;
     const r = this._value !== t.value;
     if (this._focusIndex = e, r) {
       this._value = t.value, this.getAttribute("value") !== t.value ? this.setAttribute("value", t.value) : this.requestRender();
@@ -353,7 +348,7 @@ class w extends x {
     this._focusOption(e);
   }
   _moveSelection(e) {
-    const i = g(this._options, this._focusIndex, e > 0 ? 1 : -1, {
+    const i = x(this._options, this._focusIndex, e > 0 ? 1 : -1, {
       wrap: !0,
       fallbackIndex: h(this._options, {
         activeIndex: this._focusIndex,
@@ -366,11 +361,10 @@ class w extends x {
   }
   _focusOption(e) {
     const i = this.root.querySelector(`.option[data-index="${e}"]`);
-    m(i);
+    g(i);
   }
   _syncInteractiveState() {
-    if (!this.root.querySelector(".root"))
-      return;
+    if (!this.root.querySelector(".root")) return;
     this.setAttribute("role", "radiogroup"), this.setAttribute("aria-disabled", this._disabled ? "true" : "false"), this.setAttribute("aria-required", this._required ? "true" : "false"), this.setAttribute("aria-orientation", this._orientation);
     const i = this._findSelectedIndex(), t = i >= 0 ? i : this._findFirstEnabledIndex();
     this._focusIndex = h(this._options, {
@@ -381,30 +375,25 @@ class w extends x {
     const r = this.root.querySelectorAll(".option[data-index]");
     r.forEach((a) => {
       const n = Number(a.getAttribute("data-index"));
-      if (Number.isNaN(n))
-        return;
+      if (Number.isNaN(n)) return;
       const d = this._options[n];
-      if (!d)
-        return;
+      if (!d) return;
       const l = n === t, u = this._disabled || !!d.disabled, c = n === this._focusIndex ? 0 : -1;
       a.setAttribute("data-value", d.value), a.setAttribute("data-checked", l ? "true" : "false"), a.setAttribute("data-disabled", u ? "true" : "false"), a.setAttribute("aria-checked", l ? "true" : "false"), a.setAttribute("aria-disabled", u ? "true" : "false"), a.setAttribute("tabindex", String(c));
     });
     const o = Array.from(r);
-    _(o, o[this._focusIndex] || null, { activeAttribute: null });
+    m(o, o[this._focusIndex] || null, { activeAttribute: null });
   }
   _onClick(e) {
     const i = e.target;
-    if (!i)
-      return;
+    if (!i) return;
     const t = i.closest(".option");
-    if (!t)
-      return;
+    if (!t) return;
     const r = Number(t.getAttribute("data-index"));
     Number.isNaN(r) || this._selectIndex(r, "click");
   }
   _onKeydown(e) {
-    if (this._disabled)
-      return;
+    if (this._disabled) return;
     const i = e.key, t = this._orientation === "horizontal";
     if (i === "ArrowRight" && t || i === "ArrowDown") {
       e.preventDefault(), this._moveSelection(1);
@@ -433,33 +422,32 @@ class w extends x {
     }
   }
   render() {
-    var n;
-    const e = A(this.getAttribute("size")), i = y(this.getAttribute("variant")), t = k(this.getAttribute("tone")), r = f(this.getAttribute("orientation"));
+    const e = I(this.getAttribute("size")), i = A(this.getAttribute("variant")), t = y(this.getAttribute("tone")), r = f(this.getAttribute("orientation"));
     this.setAttribute("role", "radiogroup"), this.setAttribute("aria-disabled", this._disabled ? "true" : "false"), this.setAttribute("aria-required", this._required ? "true" : "false"), this.setAttribute("aria-orientation", r);
     const o = this._findSelectedIndex(), a = o >= 0 ? o : this._findFirstEnabledIndex();
-    (this._focusIndex < 0 || this._focusIndex >= this._options.length || (n = this._options[this._focusIndex]) != null && n.disabled) && (this._focusIndex = a), this.setContent(`
-      <style>${I}</style>
+    (this._focusIndex < 0 || this._focusIndex >= this._options.length || this._options[this._focusIndex]?.disabled) && (this._focusIndex = a), this.setContent(`
+      <style>${_}</style>
       <div class="root" part="root" data-size="${e}" data-variant="${i}" data-tone="${t}">
-        ${this._options.map((d, l) => {
-      const u = l === a, c = this._disabled || !!d.disabled, v = l === this._focusIndex ? 0 : -1;
+        ${this._options.map((n, d) => {
+      const l = d === a, u = this._disabled || !!n.disabled, c = d === this._focusIndex ? 0 : -1;
       return `
               <button
                 type="button"
                 class="option"
                 part="option"
                 role="radio"
-                data-index="${l}"
-                data-value="${b(d.value)}"
-                data-checked="${u ? "true" : "false"}"
-                data-disabled="${c ? "true" : "false"}"
-                aria-checked="${u ? "true" : "false"}"
-                aria-disabled="${c ? "true" : "false"}"
-                tabindex="${v}"
+                data-index="${d}"
+                data-value="${b(n.value)}"
+                data-checked="${l ? "true" : "false"}"
+                data-disabled="${u ? "true" : "false"}"
+                aria-checked="${l ? "true" : "false"}"
+                aria-disabled="${u ? "true" : "false"}"
+                tabindex="${c}"
               >
                 <span class="control" part="control"><span class="dot" part="dot"></span></span>
                 <span class="text" part="text">
-                  <span class="label" part="label">${b(d.label)}</span>
-                  ${d.description ? `<span class="description" part="description">${b(d.description)}</span>` : ""}
+                  <span class="label" part="label">${b(n.label)}</span>
+                  ${n.description ? `<span class="description" part="description">${b(n.description)}</span>` : ""}
                 </span>
               </button>
             `;
@@ -471,7 +459,7 @@ class w extends x {
     return e === "options";
   }
 }
-typeof customElements < "u" && !customElements.get("ui-radio-group") && customElements.define("ui-radio-group", w);
+typeof customElements < "u" && !customElements.get("ui-radio-group") && customElements.define("ui-radio-group", k);
 export {
-  w as UIRadioGroup
+  k as UIRadioGroup
 };

package/dist/radio.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./ElementBase-1b301e7f.js"),u=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./ElementBase-EV6mVBUV.js"),u=`
   :host {
     --ui-radio-size: 18px;
     --ui-radio-hit-area: 24px;

package/dist/radio.esm.js

@@ -1,4 +1,4 @@
-import { E as l } from "./ElementBase-909688f3.mjs";
+import { E as l } from "./ElementBase-YlTLMsGk.mjs";
 const u = `
   :host {
     --ui-radio-size: 18px;
@@ -371,15 +371,13 @@ class s extends l {
   }
   _resolveQueryScope() {
     const e = this.closest("form, ui-form");
-    if (e)
-      return e;
+    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];
+    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
@@ -398,8 +396,7 @@ class s extends l {
     }
   }
   _checkFromUser(e) {
-    if (this.disabled || this.loading || this.checked)
-      return;
+    if (this.disabled || this.loading || this.checked) return;
     this.checked = !0;
     const i = {
       checked: !0,
@@ -411,8 +408,7 @@ class s extends l {
   }
   _moveGroupSelection(e) {
     const i = this._getGroupMembers().filter((n) => !n.disabled && !n.loading);
-    if (i.length <= 1)
-      return;
+    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());
   }

package/dist/rating.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const V=require("./ElementBase-1b301e7f.js"),C=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const V=require("./ElementBase-EV6mVBUV.js"),C=`
   :host {
     --ui-rating-size: var(--ui-control-size, var(--ui-font-size-lg, 20px));
     --ui-rating-gap: var(--ui-control-gap, 6px);

package/dist/rating.esm.js

@@ -1,4 +1,4 @@
-import { E as V } from "./ElementBase-909688f3.mjs";
+import { E as V } from "./ElementBase-YlTLMsGk.mjs";
 const M = `
   :host {
     --ui-rating-size: var(--ui-control-size, var(--ui-font-size-lg, 20px));
@@ -339,8 +339,7 @@ function y(e) {
   return e === "scale" || e === "pulse" || e === "none" ? e : null;
 }
 function q(e) {
-  if (!e)
-    return null;
+  if (!e) return null;
   const t = e.trim();
   return t ? t === "full" ? "999px" : /^-?\\d+(\\.\\d+)?$/.test(t) ? `${t}px` : t : null;
 }
@@ -357,15 +356,13 @@ function u(e, t) {
 }
 function o(e, t) {
   const i = e.getAttribute(t);
-  if (i != null)
-    return i;
+  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);
+  if (i != null) return x(i);
   const r = e[t];
   return typeof r == "boolean" ? r : typeof r == "string" ? x(r) : !1;
 }
@@ -434,8 +431,7 @@ class B extends V {
   }
   set value(t) {
     const i = Number(t);
-    if (!Number.isFinite(i))
-      return;
+    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"));
   }
@@ -468,15 +464,13 @@ class B extends V {
     return t instanceof Element ? t.closest(".star") : null;
   }
   _getStarIndex(t) {
-    if (!t)
-      return -1;
+    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 (r === -1) return this._value;
     if (this._precision !== 0.5)
       return r + 1;
     const s = i.getBoundingClientRect(), n = t.clientX - s.left <= s.width / 2 ? 0.5 : 1;
@@ -489,14 +483,12 @@ class B extends V {
     return `${this._formatValue(t)} out of ${this._max}`;
   }
   _onRootClick(t) {
-    if (this._disabled || this._readonly)
-      return;
+    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;
+    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());
   }
@@ -504,8 +496,7 @@ class B extends V {
     this._disabled || this._readonly || (this._hoverValue = 0, this.removeAttribute("state"), this._syncStars());
   }
   _onRootFocusIn(t) {
-    if (this._disabled || this._readonly)
-      return;
+    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());
   }
@@ -513,11 +504,9 @@ class B extends V {
     this._disabled || this._readonly || (this._hoverValue = 0, this.removeAttribute("state"), this._syncStars());
   }
   _onRootKeyDown(t) {
-    if (this._disabled || this._readonly)
-      return;
+    if (this._disabled || this._readonly) return;
     const i = t, r = this._getStarFromEventTarget(i.target), s = this._getStarIndex(r);
-    if (s === -1)
-      return;
+    if (s === -1) return;
     let a = this._value;
     const n = this._precision;
     switch (i.key) {

package/dist/{roving-focus-group-4350c9a7.mjs → roving-focus-group-Dbm1Jko_.mjs}

@@ -5,8 +5,7 @@ function d(e, n, r = a) {
   if (n === "first")
     return e.findIndex((t) => !r(t));
   for (let t = e.length - 1; t >= 0; t -= 1)
-    if (!r(e[t]))
-      return t;
+    if (!r(e[t])) return t;
   return -1;
 }
 function o(e, n = {}) {
@@ -14,15 +13,13 @@ function o(e, n = {}) {
   return t >= 0 && t < e.length && !r(e[t]) ? t : c >= 0 && c < e.length && !r(e[c]) ? c : d(e, "first", r);
 }
 function i(e, n, r, t = {}) {
-  if (!e.length)
-    return -1;
+  if (!e.length) return -1;
   const c = t.getDisabled || a, f = t.wrap !== !1;
   let u = typeof t.fallbackIndex == "number" ? t.fallbackIndex : n;
   for (let l = 0; l < e.length; l += 1) {
     if (u += r, !f && (u < 0 || u >= e.length))
       return -1;
-    if (u < 0 && (u = e.length - 1), u >= e.length && (u = 0), !c(e[u]))
-      return u;
+    if (u < 0 && (u = e.length - 1), u >= e.length && (u = 0), !c(e[u])) return u;
   }
   return -1;
 }

package/dist/roving-focus-group.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./roving-focus-group-5c059bf9.js");function d(n){if(!n.isConnected||n.hidden)return!1;const t=window.getComputedStyle(n);return!(t.display==="none"||t.visibility==="hidden")}function u(n){const t=n.getAttribute("aria-disabled");return n.hasAttribute("disabled")||t==="true"||n.disabled===!0}class l extends HTMLElement{constructor(){super(...arguments),this._container=null}static get observedAttributes(){return["item-selector","direct-item-selector","active-attribute","loop"]}get container(){return this._container}set container(t){this._container=t}get itemSelector(){return this.getAttribute("item-selector")||'[tabindex], button, [role="tab"], [role="radio"]'}get directItemSelector(){return this.getAttribute("direct-item-selector")||""}get activeAttribute(){const t=this.getAttribute("active-attribute");return t===""?null:t||null}queryItems(){const t=this._container||this,i=this.directItemSelector.trim();let e=i?Array.from(t.querySelectorAll(i)):[];return e.length||(e=Array.from(t.querySelectorAll(this.itemSelector))),e.filter(r=>d(r))}queryEnabledItems(){return this.queryItems().filter(t=>!u(t))}getActiveItem(){return this.queryItems().find(t=>t.getAttribute("tabindex")==="0")||null}setActiveItem(t,i={}){const e=this.queryItems(),r=t&&e.includes(t)&&!u(t)?t:null;return s.syncRovingTabStops(e,r,{activeAttribute:this.activeAttribute}),r&&i.focus&&s.focusRovingItem(r),this.dispatchEvent(new CustomEvent("active-item-change",{detail:{item:r},bubbles:!0,composed:!0})),r}focusBoundary(t,i={}){const e=this.queryItems(),r=s.getRovingFocusBoundaryIndex(e,t,u);return r<0?null:this.setActiveItem(e[r],i)}move(t,i={}){const e=this.queryItems();if(!e.length)return null;const r=i.current||this.getActiveItem(),o=r?e.indexOf(r):-1,a=s.resolveRovingFocusIndex(e,{activeIndex:o,getDisabled:u}),c=s.moveRovingFocusIndex(e,o,t,{wrap:i.wrap!==!1&&this.getAttribute("loop")!=="false",fallbackIndex:a,getDisabled:u});return c<0?null:this.setActiveItem(e[c],{focus:i.focus})}}typeof customElements<"u"&&!customElements.get("ui-roving-focus-group")&&customElements.define("ui-roving-focus-group",l);exports.UIRovingFocusGroup=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./roving-focus-group-BdJ_4Njm.js");function d(n){if(!n.isConnected||n.hidden)return!1;const t=window.getComputedStyle(n);return!(t.display==="none"||t.visibility==="hidden")}function u(n){const t=n.getAttribute("aria-disabled");return n.hasAttribute("disabled")||t==="true"||n.disabled===!0}class l extends HTMLElement{constructor(){super(...arguments),this._container=null}static get observedAttributes(){return["item-selector","direct-item-selector","active-attribute","loop"]}get container(){return this._container}set container(t){this._container=t}get itemSelector(){return this.getAttribute("item-selector")||'[tabindex], button, [role="tab"], [role="radio"]'}get directItemSelector(){return this.getAttribute("direct-item-selector")||""}get activeAttribute(){const t=this.getAttribute("active-attribute");return t===""?null:t||null}queryItems(){const t=this._container||this,i=this.directItemSelector.trim();let e=i?Array.from(t.querySelectorAll(i)):[];return e.length||(e=Array.from(t.querySelectorAll(this.itemSelector))),e.filter(r=>d(r))}queryEnabledItems(){return this.queryItems().filter(t=>!u(t))}getActiveItem(){return this.queryItems().find(t=>t.getAttribute("tabindex")==="0")||null}setActiveItem(t,i={}){const e=this.queryItems(),r=t&&e.includes(t)&&!u(t)?t:null;return s.syncRovingTabStops(e,r,{activeAttribute:this.activeAttribute}),r&&i.focus&&s.focusRovingItem(r),this.dispatchEvent(new CustomEvent("active-item-change",{detail:{item:r},bubbles:!0,composed:!0})),r}focusBoundary(t,i={}){const e=this.queryItems(),r=s.getRovingFocusBoundaryIndex(e,t,u);return r<0?null:this.setActiveItem(e[r],i)}move(t,i={}){const e=this.queryItems();if(!e.length)return null;const r=i.current||this.getActiveItem(),o=r?e.indexOf(r):-1,a=s.resolveRovingFocusIndex(e,{activeIndex:o,getDisabled:u}),c=s.moveRovingFocusIndex(e,o,t,{wrap:i.wrap!==!1&&this.getAttribute("loop")!=="false",fallbackIndex:a,getDisabled:u});return c<0?null:this.setActiveItem(e[c],{focus:i.focus})}}typeof customElements<"u"&&!customElements.get("ui-roving-focus-group")&&customElements.define("ui-roving-focus-group",l);exports.UIRovingFocusGroup=l;

package/dist/roving-focus-group.esm.js

@@ -1,7 +1,6 @@
-import { s as l, f as a, g as d, r as m, m as f } from "./roving-focus-group-4350c9a7.mjs";
+import { s as l, f as a, g as d, r as m, m as f } from "./roving-focus-group-Dbm1Jko_.mjs";
 function b(s) {
-  if (!s.isConnected || s.hidden)
-    return !1;
+  if (!s.isConnected || s.hidden) return !1;
   const t = window.getComputedStyle(s);
   return !(t.display === "none" || t.visibility === "hidden");
 }
@@ -53,8 +52,7 @@ class g extends HTMLElement {
   }
   move(t, i = {}) {
     const e = this.queryItems();
-    if (!e.length)
-      return null;
+    if (!e.length) return null;
     const r = i.current || this.getActiveItem(), u = r ? e.indexOf(r) : -1, c = m(e, {
       activeIndex: u,
       getDisabled: n