@editora/ui-core 0.1.19 → 0.1.20

package/dist/spinning-text.cjs.js

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const D=require("./ElementBase-1b301e7f.js"),I="14s",N=" • ",b="linear",L=4,O=1,F=12,Q=new Set(["clockwise","counterclockwise"]),U=new Set(["default","surface","soft","solid","glass","contrast","minimal"]),B=new Set(["brand","neutral","info","success","warning","danger"]),j=new Set(["sm","md","lg","xl","1","2","3","4"]),q=new Set(["none","low","high"]),r={sm:{fontSize:"12px",fontSizePx:12,radius:"56px",radiusPx:56,padding:"12px",letterSpacing:"0.16em",letterSpacingPx:1.92,surfaceRadius:"24px"},md:{fontSize:"14px",fontSizePx:14,radius:"78px",radiusPx:78,padding:"16px",letterSpacing:"0.16em",letterSpacingPx:2.24,surfaceRadius:"28px"},lg:{fontSize:"16px",fontSizePx:16,radius:"96px",radiusPx:96,padding:"20px",letterSpacing:"0.18em",letterSpacingPx:2.88,surfaceRadius:"32px"},xl:{fontSize:"20px",fontSizePx:20,radius:"122px",radiusPx:122,padding:"24px",letterSpacing:"0.2em",letterSpacingPx:4,surfaceRadius:"36px"}},G=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("./ElementBase-EV6mVBUV.js"),D="14s",I=" • ",h="linear",N=4,L=1,O=12,F=new Set(["clockwise","counterclockwise"]),Q=new Set(["default","surface","soft","solid","glass","contrast","minimal"]),U=new Set(["brand","neutral","info","success","warning","danger"]),B=new Set(["sm","md","lg","xl","1","2","3","4"]),j=new Set(["none","low","high"]),r={sm:{fontSize:"12px",fontSizePx:12,radius:"56px",radiusPx:56,padding:"12px",letterSpacing:"0.16em",letterSpacingPx:1.92,surfaceRadius:"24px"},md:{fontSize:"14px",fontSizePx:14,radius:"78px",radiusPx:78,padding:"16px",letterSpacing:"0.16em",letterSpacingPx:2.24,surfaceRadius:"28px"},lg:{fontSize:"16px",fontSizePx:16,radius:"96px",radiusPx:96,padding:"20px",letterSpacing:"0.18em",letterSpacingPx:2.88,surfaceRadius:"32px"},xl:{fontSize:"20px",fontSizePx:20,radius:"122px",radiusPx:122,padding:"24px",letterSpacing:"0.2em",letterSpacingPx:4,surfaceRadius:"36px"}},q=`
   :host {
-    --ui-spinning-text-duration: ${I};
-    --ui-spinning-text-easing: ${b};
+    --ui-spinning-text-duration: ${D};
+    --ui-spinning-text-easing: ${h};
     --ui-spinning-text-font-size: ${r.lg.fontSize};
     --ui-spinning-text-font-weight: 760;
     --ui-spinning-text-letter-spacing: ${r.lg.letterSpacing};
@@ -367,16 +367,16 @@
       forced-color-adjust: none;
     }
   }
-`;function V(t){return t!=null&&Q.has(t)?t:"clockwise"}function X(t){return t!=null&&U.has(t)?t:"default"}function Y(t){return t!=null&&B.has(t)?t:"brand"}function Z(t){return t==null||!j.has(t)?"lg":t==="1"?"sm":t==="2"?"md":t==="3"?"lg":t==="4"?"xl":t}function H(t){return t!=null&&q.has(t)?t:"low"}function u(t){if(t==null||t.trim()==="")return null;const e=t.trim().split(/\s+/).filter(Boolean);return e.length?e.map(i=>/^-?\d+(\.\d+)?$/.test(i)?`${i}px`:i).join(" "):null}function W(t,n,e=Number.POSITIVE_INFINITY){if(t==null||t.trim()==="")return n;const i=Number.parseInt(t,10);return!Number.isFinite(i)||i<=0?n:Math.min(i,e)}function J(t,n){if(t==null||t.trim()==="")return n;const e=Number.parseFloat(t.replace(/rpm$/i,"").trim());return Number.isFinite(e)&&e>0?e:n}function f(t,n,e){if(t==null||t.trim()==="")return e;const i=t.trim();return/^-?\d+(\.\d+)?$/.test(i)||/^-?\d+(\.\d+)?px$/i.test(i)?Number.parseFloat(i):/^-?\d+(\.\d+)?em$/i.test(i)?Number.parseFloat(i)*n:/^-?\d+(\.\d+)?rem$/i.test(i)?Number.parseFloat(i)*16:e}function K(t,n){const e=tt(t);if(e)return e;const i=J(n,L);return`${Math.max(60/i,.25)}s`}function tt(t){if(t==null||t.trim()==="")return null;const n=t.trim();return/^-?\d+(\.\d+)?(ms|s)$/i.test(n)?n:/^-?\d+(\.\d+)?$/i.test(n)?`${n}s`:null}function h(t){const n=t.getAttribute("text");if(n!=null)return n;let e="";for(const i of Array.from(t.childNodes)){if(i.nodeType===Node.TEXT_NODE){e+=i.textContent||"";continue}if(i.nodeType!==Node.ELEMENT_NODE)continue;const a=i;a.getAttribute("slot")!=="center"&&(e+=a.textContent||"")}return e}function it(t){return t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function nt(t){if(!t)return[];const n=Intl;if(typeof Intl<"u"&&n.Segmenter){const e=new n.Segmenter(void 0,{granularity:"grapheme"});return Array.from(e.segment(t),i=>i.segment)}return Array.from(t)}function et(t,n,e){const i=t.replace(/\s+/g," ").trim();return i?n<=1?i:Array.from({length:n},()=>i).join(e):""}function rt(t,n,e){if(t<=1)return Math.max(n*1.5,20);const i=Math.max(n*.62+Math.max(e,0),n*.48),a=t*i;return Math.ceil(a/(2*Math.PI)+n*.6)}function s(t,n,e){e==null||e===""?t.style.removeProperty(n):t.style.setProperty(n,e)}class m extends D.ElementBase{constructor(){super(),this._lightDomObserver=null,this._mediaQuery=null,this._onLightDomMutation=this._onLightDomMutation.bind(this),this._onReducedMotionChange=this._onReducedMotionChange.bind(this)}static get observedAttributes(){return["text","repeat","separator","speed","duration","direction","variant","tone","size","radius","padding","font-size","font-weight","letter-spacing","color","accent","orbit-color","easing","elevation","paused","pause-on-hover","pause-on-focus"]}connectedCallback(){super.connectedCallback(),this.setAttribute("role","img"),this._observeLightDom(),this._bindReducedMotion(),this._syncState()}disconnectedCallback(){if(this._lightDomObserver&&(this._lightDomObserver.disconnect(),this._lightDomObserver=null),this._mediaQuery){try{this._mediaQuery.removeEventListener("change",this._onReducedMotionChange)}catch{this._mediaQuery.removeListener(this._onReducedMotionChange)}this._mediaQuery=null}super.disconnectedCallback()}play(){this.removeAttribute("paused"),this._syncState()}pause(){this.setAttribute("paused",""),this._syncState()}refresh(){this.requestRender()}attributeChangedCallback(n,e,i){super.attributeChangedCallback(n,e,i),n==="paused"&&e!==i&&this._syncState()}render(){var d;const n=Z(this.getAttribute("size")),e=r[n],i=h(this),a=W(this.getAttribute("repeat"),O,F),v=this.getAttribute("separator")??N,z=et(i,a,v),o=nt(z),S=!!this.querySelector('[slot="center"]'),c=u(this.getAttribute("font-size")),g=u(this.getAttribute("letter-spacing")),y=u(this.getAttribute("padding")),w=u(this.getAttribute("radius")),p=f(c,e.fontSizePx,e.fontSizePx),A=f(g,p,e.letterSpacingPx),_=o.length?rt(o.length,p,A):0,$=K(this.getAttribute("duration"),this.getAttribute("speed")),T=V(this.getAttribute("direction")),E=X(this.getAttribute("variant")),R=Y(this.getAttribute("tone")),M=H(this.getAttribute("elevation")),P=((d=this.getAttribute("easing"))==null?void 0:d.trim())||b,k=o.length?o.map((l,x)=>{const C=l===" "?"&nbsp;":it(l);return`
+`;function G(t){return t!=null&&F.has(t)?t:"clockwise"}function V(t){return t!=null&&Q.has(t)?t:"default"}function X(t){return t!=null&&U.has(t)?t:"brand"}function Y(t){return t==null||!B.has(t)?"lg":t==="1"?"sm":t==="2"?"md":t==="3"?"lg":t==="4"?"xl":t}function Z(t){return t!=null&&j.has(t)?t:"low"}function u(t){if(t==null||t.trim()==="")return null;const n=t.trim().split(/\s+/).filter(Boolean);return n.length?n.map(e=>/^-?\d+(\.\d+)?$/.test(e)?`${e}px`:e).join(" "):null}function H(t,i,n=Number.POSITIVE_INFINITY){if(t==null||t.trim()==="")return i;const e=Number.parseInt(t,10);return!Number.isFinite(e)||e<=0?i:Math.min(e,n)}function W(t,i){if(t==null||t.trim()==="")return i;const n=Number.parseFloat(t.replace(/rpm$/i,"").trim());return Number.isFinite(n)&&n>0?n:i}function x(t,i,n){if(t==null||t.trim()==="")return n;const e=t.trim();return/^-?\d+(\.\d+)?$/.test(e)||/^-?\d+(\.\d+)?px$/i.test(e)?Number.parseFloat(e):/^-?\d+(\.\d+)?em$/i.test(e)?Number.parseFloat(e)*i:/^-?\d+(\.\d+)?rem$/i.test(e)?Number.parseFloat(e)*16:n}function J(t,i){const n=K(t);if(n)return n;const e=W(i,N);return`${Math.max(60/e,.25)}s`}function K(t){if(t==null||t.trim()==="")return null;const i=t.trim();return/^-?\d+(\.\d+)?(ms|s)$/i.test(i)?i:/^-?\d+(\.\d+)?$/i.test(i)?`${i}s`:null}function f(t){const i=t.getAttribute("text");if(i!=null)return i;let n="";for(const e of Array.from(t.childNodes)){if(e.nodeType===Node.TEXT_NODE){n+=e.textContent||"";continue}if(e.nodeType!==Node.ELEMENT_NODE)continue;const a=e;a.getAttribute("slot")!=="center"&&(n+=a.textContent||"")}return n}function tt(t){return t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function it(t){if(!t)return[];const i=Intl;if(typeof Intl<"u"&&i.Segmenter){const n=new i.Segmenter(void 0,{granularity:"grapheme"});return Array.from(n.segment(t),e=>e.segment)}return Array.from(t)}function nt(t,i,n){const e=t.replace(/\s+/g," ").trim();return e?i<=1?e:Array.from({length:i},()=>e).join(n):""}function et(t,i,n){if(t<=1)return Math.max(i*1.5,20);const e=Math.max(i*.62+Math.max(n,0),i*.48),a=t*e;return Math.ceil(a/(2*Math.PI)+i*.6)}function s(t,i,n){n==null||n===""?t.style.removeProperty(i):t.style.setProperty(i,n)}class b extends C.ElementBase{constructor(){super(),this._lightDomObserver=null,this._mediaQuery=null,this._onLightDomMutation=this._onLightDomMutation.bind(this),this._onReducedMotionChange=this._onReducedMotionChange.bind(this)}static get observedAttributes(){return["text","repeat","separator","speed","duration","direction","variant","tone","size","radius","padding","font-size","font-weight","letter-spacing","color","accent","orbit-color","easing","elevation","paused","pause-on-hover","pause-on-focus"]}connectedCallback(){super.connectedCallback(),this.setAttribute("role","img"),this._observeLightDom(),this._bindReducedMotion(),this._syncState()}disconnectedCallback(){if(this._lightDomObserver&&(this._lightDomObserver.disconnect(),this._lightDomObserver=null),this._mediaQuery){try{this._mediaQuery.removeEventListener("change",this._onReducedMotionChange)}catch{this._mediaQuery.removeListener(this._onReducedMotionChange)}this._mediaQuery=null}super.disconnectedCallback()}play(){this.removeAttribute("paused"),this._syncState()}pause(){this.setAttribute("paused",""),this._syncState()}refresh(){this.requestRender()}attributeChangedCallback(i,n,e){super.attributeChangedCallback(i,n,e),i==="paused"&&n!==e&&this._syncState()}render(){const i=Y(this.getAttribute("size")),n=r[i],e=f(this),a=H(this.getAttribute("repeat"),L,O),m=this.getAttribute("separator")??I,v=nt(e,a,m),o=it(v),z=!!this.querySelector('[slot="center"]'),c=u(this.getAttribute("font-size")),g=u(this.getAttribute("letter-spacing")),S=u(this.getAttribute("padding")),y=u(this.getAttribute("radius")),p=x(c,n.fontSizePx,n.fontSizePx),w=x(g,p,n.letterSpacingPx),A=o.length?et(o.length,p,w):0,_=J(this.getAttribute("duration"),this.getAttribute("speed")),$=G(this.getAttribute("direction")),T=V(this.getAttribute("variant")),E=X(this.getAttribute("tone")),R=Z(this.getAttribute("elevation")),M=this.getAttribute("easing")?.trim()||h,P=o.length?o.map((d,l)=>{const k=d===" "?"&nbsp;":tt(d);return`
               <span
                 class="glyph"
                 part="glyph"
                 aria-hidden="true"
-                data-index="${x}"
-                style="--ui-spinning-text-index:${x};"
-              >${C}</span>
-            `}).join(""):"";s(this,"--ui-spinning-text-duration",$),s(this,"--ui-spinning-text-easing",P),s(this,"--ui-spinning-text-font-size",c),s(this,"--ui-spinning-text-letter-spacing",g),s(this,"--ui-spinning-text-padding",y),s(this,"--ui-spinning-text-radius",w),s(this,"--ui-spinning-text-color",this.getAttribute("color")),s(this,"--ui-spinning-text-accent",this.getAttribute("accent")),s(this,"--ui-spinning-text-orbit-color",this.getAttribute("orbit-color")),s(this,"--ui-spinning-text-font-weight",this.getAttribute("font-weight")),s(this,"--ui-spinning-text-min-radius",`${_}px`),s(this,"--ui-spinning-text-step",o.length?`${360/o.length}deg`:null),i.trim()?this.setAttribute("aria-label",i.replace(/\s+/g," ").trim()):this.removeAttribute("aria-label"),this.setAttribute("data-direction",T),this.setAttribute("data-variant",E),this.setAttribute("data-tone",R),this.setAttribute("data-elevation",M),this.setContent(`
-      <style>${G}</style>
+                data-index="${l}"
+                style="--ui-spinning-text-index:${l};"
+              >${k}</span>
+            `}).join(""):"";s(this,"--ui-spinning-text-duration",_),s(this,"--ui-spinning-text-easing",M),s(this,"--ui-spinning-text-font-size",c),s(this,"--ui-spinning-text-letter-spacing",g),s(this,"--ui-spinning-text-padding",S),s(this,"--ui-spinning-text-radius",y),s(this,"--ui-spinning-text-color",this.getAttribute("color")),s(this,"--ui-spinning-text-accent",this.getAttribute("accent")),s(this,"--ui-spinning-text-orbit-color",this.getAttribute("orbit-color")),s(this,"--ui-spinning-text-font-weight",this.getAttribute("font-weight")),s(this,"--ui-spinning-text-min-radius",`${A}px`),s(this,"--ui-spinning-text-step",o.length?`${360/o.length}deg`:null),e.trim()?this.setAttribute("aria-label",e.replace(/\s+/g," ").trim()):this.removeAttribute("aria-label"),this.setAttribute("data-direction",$),this.setAttribute("data-variant",T),this.setAttribute("data-tone",E),this.setAttribute("data-elevation",R),this.setContent(`
+      <style>${q}</style>
       <div class="root" part="root">
         <div class="surface" part="surface">
           <div class="stage" part="stage">
@@ -385,11 +385,11 @@
               part="ring"
               aria-hidden="true"
               data-glyph-count="${o.length}"
-            >${k}</div>
-            <div class="center-shell${S?"":" center-shell--empty"}" part="center">
+            >${P}</div>
+            <div class="center-shell${z?"":" center-shell--empty"}" part="center">
               <slot name="center"></slot>
             </div>
           </div>
         </div>
       </div>
-    `),this._syncState()}_observeLightDom(){this._lightDomObserver||typeof MutationObserver>"u"||(this._lightDomObserver=new MutationObserver(this._onLightDomMutation),this._lightDomObserver.observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:["slot"]}))}_bindReducedMotion(){if(!(this._mediaQuery||typeof window>"u"||typeof window.matchMedia!="function")){this._mediaQuery=window.matchMedia("(prefers-reduced-motion: reduce)");try{this._mediaQuery.addEventListener("change",this._onReducedMotionChange)}catch{this._mediaQuery.addListener(this._onReducedMotionChange)}}}_onLightDomMutation(){this.requestRender()}_onReducedMotionChange(){this._syncState()}_syncState(){var i;if(!h(this).replace(/\s+/g," ").trim()){this.setAttribute("data-state","idle");return}const e=!!((i=this._mediaQuery)!=null&&i.matches);this.setAttribute("data-motion",e?"reduced":"auto"),this.setAttribute("data-state",e||this.hasAttribute("paused")?"paused":"running")}}typeof customElements<"u"&&!customElements.get("ui-spinning-text")&&customElements.define("ui-spinning-text",m);exports.UISpinningText=m;
+    `),this._syncState()}_observeLightDom(){this._lightDomObserver||typeof MutationObserver>"u"||(this._lightDomObserver=new MutationObserver(this._onLightDomMutation),this._lightDomObserver.observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:["slot"]}))}_bindReducedMotion(){if(!(this._mediaQuery||typeof window>"u"||typeof window.matchMedia!="function")){this._mediaQuery=window.matchMedia("(prefers-reduced-motion: reduce)");try{this._mediaQuery.addEventListener("change",this._onReducedMotionChange)}catch{this._mediaQuery.addListener(this._onReducedMotionChange)}}}_onLightDomMutation(){this.requestRender()}_onReducedMotionChange(){this._syncState()}_syncState(){if(!f(this).replace(/\s+/g," ").trim()){this.setAttribute("data-state","idle");return}const n=!!this._mediaQuery?.matches;this.setAttribute("data-motion",n?"reduced":"auto"),this.setAttribute("data-state",n||this.hasAttribute("paused")?"paused":"running")}}typeof customElements<"u"&&!customElements.get("ui-spinning-text")&&customElements.define("ui-spinning-text",b);exports.UISpinningText=b;

package/dist/spinning-text.esm.js

@@ -1,5 +1,5 @@
-import { E as C } from "./ElementBase-909688f3.mjs";
-const D = "14s", N = " • ", b = "linear", I = 4, L = 1, O = 12, F = /* @__PURE__ */ new Set(["clockwise", "counterclockwise"]), Q = /* @__PURE__ */ new Set(["default", "surface", "soft", "solid", "glass", "contrast", "minimal"]), U = /* @__PURE__ */ new Set(["brand", "neutral", "info", "success", "warning", "danger"]), B = /* @__PURE__ */ new Set(["sm", "md", "lg", "xl", "1", "2", "3", "4"]), j = /* @__PURE__ */ new Set(["none", "low", "high"]), r = {
+import { E as k } from "./ElementBase-YlTLMsGk.mjs";
+const C = "14s", D = " • ", h = "linear", N = 4, I = 1, L = 12, O = /* @__PURE__ */ new Set(["clockwise", "counterclockwise"]), F = /* @__PURE__ */ new Set(["default", "surface", "soft", "solid", "glass", "contrast", "minimal"]), Q = /* @__PURE__ */ new Set(["brand", "neutral", "info", "success", "warning", "danger"]), U = /* @__PURE__ */ new Set(["sm", "md", "lg", "xl", "1", "2", "3", "4"]), B = /* @__PURE__ */ new Set(["none", "low", "high"]), r = {
   sm: {
     fontSize: "12px",
     fontSizePx: 12,
@@ -40,10 +40,10 @@ const D = "14s", N = " • ", b = "linear", I = 4, L = 1, O = 12, F = /* @__PURE
     letterSpacingPx: 4,
     surfaceRadius: "36px"
   }
-}, q = `
+}, j = `
   :host {
-    --ui-spinning-text-duration: ${D};
-    --ui-spinning-text-easing: ${b};
+    --ui-spinning-text-duration: ${C};
+    --ui-spinning-text-easing: ${h};
     --ui-spinning-text-font-size: ${r.lg.fontSize};
     --ui-spinning-text-font-weight: 760;
     --ui-spinning-text-letter-spacing: ${r.lg.letterSpacing};
@@ -410,102 +410,92 @@ const D = "14s", N = " • ", b = "linear", I = 4, L = 1, O = 12, F = /* @__PURE
     }
   }
 `;
+function q(t) {
+  return t != null && O.has(t) ? t : "clockwise";
+}
 function G(t) {
-  return t != null && F.has(t) ? t : "clockwise";
+  return t != null && F.has(t) ? t : "default";
 }
 function V(t) {
-  return t != null && Q.has(t) ? t : "default";
+  return t != null && Q.has(t) ? t : "brand";
 }
 function X(t) {
-  return t != null && U.has(t) ? t : "brand";
+  return t == null || !U.has(t) ? "lg" : t === "1" ? "sm" : t === "2" ? "md" : t === "3" ? "lg" : t === "4" ? "xl" : t;
 }
 function Y(t) {
-  return t == null || !B.has(t) ? "lg" : t === "1" ? "sm" : t === "2" ? "md" : t === "3" ? "lg" : t === "4" ? "xl" : t;
-}
-function Z(t) {
-  return t != null && j.has(t) ? t : "low";
+  return t != null && B.has(t) ? t : "low";
 }
 function u(t) {
-  if (t == null || t.trim() === "")
-    return null;
-  const e = t.trim().split(/\s+/).filter(Boolean);
-  return e.length ? e.map((i) => /^-?\d+(\.\d+)?$/.test(i) ? `${i}px` : i).join(" ") : null;
+  if (t == null || t.trim() === "") return null;
+  const n = t.trim().split(/\s+/).filter(Boolean);
+  return n.length ? n.map((e) => /^-?\d+(\.\d+)?$/.test(e) ? `${e}px` : e).join(" ") : null;
 }
-function H(t, n, e = Number.POSITIVE_INFINITY) {
-  if (t == null || t.trim() === "")
-    return n;
-  const i = Number.parseInt(t, 10);
-  return !Number.isFinite(i) || i <= 0 ? n : Math.min(i, e);
+function Z(t, i, n = Number.POSITIVE_INFINITY) {
+  if (t == null || t.trim() === "") return i;
+  const e = Number.parseInt(t, 10);
+  return !Number.isFinite(e) || e <= 0 ? i : Math.min(e, n);
 }
-function W(t, n) {
-  if (t == null || t.trim() === "")
-    return n;
-  const e = Number.parseFloat(t.replace(/rpm$/i, "").trim());
-  return Number.isFinite(e) && e > 0 ? e : n;
+function H(t, i) {
+  if (t == null || t.trim() === "") return i;
+  const n = Number.parseFloat(t.replace(/rpm$/i, "").trim());
+  return Number.isFinite(n) && n > 0 ? n : i;
 }
-function f(t, n, e) {
-  if (t == null || t.trim() === "")
-    return e;
-  const i = t.trim();
-  return /^-?\d+(\.\d+)?$/.test(i) || /^-?\d+(\.\d+)?px$/i.test(i) ? Number.parseFloat(i) : /^-?\d+(\.\d+)?em$/i.test(i) ? Number.parseFloat(i) * n : /^-?\d+(\.\d+)?rem$/i.test(i) ? Number.parseFloat(i) * 16 : e;
+function x(t, i, n) {
+  if (t == null || t.trim() === "") return n;
+  const e = t.trim();
+  return /^-?\d+(\.\d+)?$/.test(e) || /^-?\d+(\.\d+)?px$/i.test(e) ? Number.parseFloat(e) : /^-?\d+(\.\d+)?em$/i.test(e) ? Number.parseFloat(e) * i : /^-?\d+(\.\d+)?rem$/i.test(e) ? Number.parseFloat(e) * 16 : n;
 }
-function J(t, n) {
-  const e = K(t);
-  if (e)
-    return e;
-  const i = W(n, I);
-  return `${Math.max(60 / i, 0.25)}s`;
+function W(t, i) {
+  const n = J(t);
+  if (n) return n;
+  const e = H(i, N);
+  return `${Math.max(60 / e, 0.25)}s`;
 }
-function K(t) {
-  if (t == null || t.trim() === "")
-    return null;
-  const n = t.trim();
-  return /^-?\d+(\.\d+)?(ms|s)$/i.test(n) ? n : /^-?\d+(\.\d+)?$/i.test(n) ? `${n}s` : null;
+function J(t) {
+  if (t == null || t.trim() === "") return null;
+  const i = t.trim();
+  return /^-?\d+(\.\d+)?(ms|s)$/i.test(i) ? i : /^-?\d+(\.\d+)?$/i.test(i) ? `${i}s` : null;
 }
-function h(t) {
-  const n = t.getAttribute("text");
-  if (n != null)
-    return n;
-  let e = "";
-  for (const i of Array.from(t.childNodes)) {
-    if (i.nodeType === Node.TEXT_NODE) {
-      e += i.textContent || "";
+function f(t) {
+  const i = t.getAttribute("text");
+  if (i != null) return i;
+  let n = "";
+  for (const e of Array.from(t.childNodes)) {
+    if (e.nodeType === Node.TEXT_NODE) {
+      n += e.textContent || "";
       continue;
     }
-    if (i.nodeType !== Node.ELEMENT_NODE)
-      continue;
-    const a = i;
-    a.getAttribute("slot") !== "center" && (e += a.textContent || "");
+    if (e.nodeType !== Node.ELEMENT_NODE) continue;
+    const a = e;
+    a.getAttribute("slot") !== "center" && (n += a.textContent || "");
   }
-  return e;
+  return n;
 }
-function tt(t) {
+function K(t) {
   return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function it(t) {
-  if (!t)
-    return [];
-  const n = Intl;
-  if (typeof Intl < "u" && n.Segmenter) {
-    const e = new n.Segmenter(void 0, { granularity: "grapheme" });
-    return Array.from(e.segment(t), (i) => i.segment);
+function tt(t) {
+  if (!t) return [];
+  const i = Intl;
+  if (typeof Intl < "u" && i.Segmenter) {
+    const n = new i.Segmenter(void 0, { granularity: "grapheme" });
+    return Array.from(n.segment(t), (e) => e.segment);
   }
   return Array.from(t);
 }
-function nt(t, n, e) {
-  const i = t.replace(/\s+/g, " ").trim();
-  return i ? n <= 1 ? i : Array.from({ length: n }, () => i).join(e) : "";
+function it(t, i, n) {
+  const e = t.replace(/\s+/g, " ").trim();
+  return e ? i <= 1 ? e : Array.from({ length: i }, () => e).join(n) : "";
 }
-function et(t, n, e) {
-  if (t <= 1)
-    return Math.max(n * 1.5, 20);
-  const i = Math.max(n * 0.62 + Math.max(e, 0), n * 0.48), a = t * i;
-  return Math.ceil(a / (2 * Math.PI) + n * 0.6);
+function nt(t, i, n) {
+  if (t <= 1) return Math.max(i * 1.5, 20);
+  const e = Math.max(i * 0.62 + Math.max(n, 0), i * 0.48), a = t * e;
+  return Math.ceil(a / (2 * Math.PI) + i * 0.6);
 }
-function s(t, n, e) {
-  e == null || e === "" ? t.style.removeProperty(n) : t.style.setProperty(n, e);
+function s(t, i, n) {
+  n == null || n === "" ? t.style.removeProperty(i) : t.style.setProperty(i, n);
 }
-class rt extends C {
+class et extends k {
   constructor() {
     super(), this._lightDomObserver = null, this._mediaQuery = null, this._onLightDomMutation = this._onLightDomMutation.bind(this), this._onReducedMotionChange = this._onReducedMotionChange.bind(this);
   }
@@ -558,25 +548,24 @@ class rt extends C {
   refresh() {
     this.requestRender();
   }
-  attributeChangedCallback(n, e, i) {
-    super.attributeChangedCallback(n, e, i), n === "paused" && e !== i && this._syncState();
+  attributeChangedCallback(i, n, e) {
+    super.attributeChangedCallback(i, n, e), i === "paused" && n !== e && this._syncState();
   }
   render() {
-    var d;
-    const n = Y(this.getAttribute("size")), e = r[n], i = h(this), a = H(this.getAttribute("repeat"), L, O), m = this.getAttribute("separator") ?? N, v = nt(i, a, m), o = it(v), z = !!this.querySelector('[slot="center"]'), c = u(this.getAttribute("font-size")), g = u(this.getAttribute("letter-spacing")), y = u(this.getAttribute("padding")), S = u(this.getAttribute("radius")), p = f(c, e.fontSizePx, e.fontSizePx), w = f(g, p, e.letterSpacingPx), A = o.length ? et(o.length, p, w) : 0, _ = J(this.getAttribute("duration"), this.getAttribute("speed")), $ = G(this.getAttribute("direction")), E = V(this.getAttribute("variant")), T = X(this.getAttribute("tone")), R = Z(this.getAttribute("elevation")), M = ((d = this.getAttribute("easing")) == null ? void 0 : d.trim()) || b, P = o.length ? o.map((l, x) => {
-      const k = l === " " ? "&nbsp;" : tt(l);
+    const i = X(this.getAttribute("size")), n = r[i], e = f(this), a = Z(this.getAttribute("repeat"), I, L), b = this.getAttribute("separator") ?? D, m = it(e, a, b), o = tt(m), v = !!this.querySelector('[slot="center"]'), c = u(this.getAttribute("font-size")), g = u(this.getAttribute("letter-spacing")), z = u(this.getAttribute("padding")), y = u(this.getAttribute("radius")), p = x(c, n.fontSizePx, n.fontSizePx), S = x(g, p, n.letterSpacingPx), w = o.length ? nt(o.length, p, S) : 0, A = W(this.getAttribute("duration"), this.getAttribute("speed")), _ = q(this.getAttribute("direction")), $ = G(this.getAttribute("variant")), E = V(this.getAttribute("tone")), T = Y(this.getAttribute("elevation")), R = this.getAttribute("easing")?.trim() || h, M = o.length ? o.map((d, l) => {
+      const P = d === " " ? "&nbsp;" : K(d);
       return `
               <span
                 class="glyph"
                 part="glyph"
                 aria-hidden="true"
-                data-index="${x}"
-                style="--ui-spinning-text-index:${x};"
-              >${k}</span>
+                data-index="${l}"
+                style="--ui-spinning-text-index:${l};"
+              >${P}</span>
             `;
     }).join("") : "";
-    s(this, "--ui-spinning-text-duration", _), s(this, "--ui-spinning-text-easing", M), s(this, "--ui-spinning-text-font-size", c), s(this, "--ui-spinning-text-letter-spacing", g), s(this, "--ui-spinning-text-padding", y), s(this, "--ui-spinning-text-radius", S), s(this, "--ui-spinning-text-color", this.getAttribute("color")), s(this, "--ui-spinning-text-accent", this.getAttribute("accent")), s(this, "--ui-spinning-text-orbit-color", this.getAttribute("orbit-color")), s(this, "--ui-spinning-text-font-weight", this.getAttribute("font-weight")), s(this, "--ui-spinning-text-min-radius", `${A}px`), s(this, "--ui-spinning-text-step", o.length ? `${360 / o.length}deg` : null), i.trim() ? this.setAttribute("aria-label", i.replace(/\s+/g, " ").trim()) : this.removeAttribute("aria-label"), this.setAttribute("data-direction", $), this.setAttribute("data-variant", E), this.setAttribute("data-tone", T), this.setAttribute("data-elevation", R), this.setContent(`
-      <style>${q}</style>
+    s(this, "--ui-spinning-text-duration", A), s(this, "--ui-spinning-text-easing", R), s(this, "--ui-spinning-text-font-size", c), s(this, "--ui-spinning-text-letter-spacing", g), s(this, "--ui-spinning-text-padding", z), s(this, "--ui-spinning-text-radius", y), s(this, "--ui-spinning-text-color", this.getAttribute("color")), s(this, "--ui-spinning-text-accent", this.getAttribute("accent")), s(this, "--ui-spinning-text-orbit-color", this.getAttribute("orbit-color")), s(this, "--ui-spinning-text-font-weight", this.getAttribute("font-weight")), s(this, "--ui-spinning-text-min-radius", `${w}px`), s(this, "--ui-spinning-text-step", o.length ? `${360 / o.length}deg` : null), e.trim() ? this.setAttribute("aria-label", e.replace(/\s+/g, " ").trim()) : this.removeAttribute("aria-label"), this.setAttribute("data-direction", _), this.setAttribute("data-variant", $), this.setAttribute("data-tone", E), this.setAttribute("data-elevation", T), this.setContent(`
+      <style>${j}</style>
       <div class="root" part="root">
         <div class="surface" part="surface">
           <div class="stage" part="stage">
@@ -585,8 +574,8 @@ class rt extends C {
               part="ring"
               aria-hidden="true"
               data-glyph-count="${o.length}"
-            >${P}</div>
-            <div class="center-shell${z ? "" : " center-shell--empty"}" part="center">
+            >${M}</div>
+            <div class="center-shell${v ? "" : " center-shell--empty"}" part="center">
               <slot name="center"></slot>
             </div>
           </div>
@@ -620,16 +609,15 @@ class rt extends C {
     this._syncState();
   }
   _syncState() {
-    var i;
-    if (!h(this).replace(/\s+/g, " ").trim()) {
+    if (!f(this).replace(/\s+/g, " ").trim()) {
       this.setAttribute("data-state", "idle");
       return;
     }
-    const e = !!((i = this._mediaQuery) != null && i.matches);
-    this.setAttribute("data-motion", e ? "reduced" : "auto"), this.setAttribute("data-state", e || this.hasAttribute("paused") ? "paused" : "running");
+    const n = !!this._mediaQuery?.matches;
+    this.setAttribute("data-motion", n ? "reduced" : "auto"), this.setAttribute("data-state", n || this.hasAttribute("paused") ? "paused" : "running");
   }
 }
-typeof customElements < "u" && !customElements.get("ui-spinning-text") && customElements.define("ui-spinning-text", rt);
+typeof customElements < "u" && !customElements.get("ui-spinning-text") && customElements.define("ui-spinning-text", et);
 export {
-  rt as UISpinningText
+  et as UISpinningText
 };

package/dist/split-button.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("./ElementBase-1b301e7f.js"),g=require("./portal-c69756c0.js"),h=require("./dismissable-layer-193e3bed.js"),x=require("./positioner-33529bb8.js");require("./listbox-ef2f708e.js");require("./collection-a2969ad2.js");require("./collection.cjs.js");const m=160,v=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("./ElementBase-EV6mVBUV.js"),f=require("./portal-DgpQ3Jo1.js"),g=require("./dismissable-layer-DNfrKA20.js"),h=require("./positioner-D_fqyx_j.js");require("./listbox-B6QgECax.js");const l=160,x=["--ui-split-button-menu-bg","--ui-split-button-menu-color","--ui-split-button-menu-border","--ui-split-button-menu-radius","--ui-split-button-menu-shadow","--ui-split-button-menu-accent","--ui-split-button-menu-accent-strong","--ui-split-button-menu-shortcut","--ui-split-button-menu-separator","--ui-split-button-menu-muted","--ui-split-button-menu-danger","--ui-split-button-menu-option-border","--ui-split-button-menu-option-border-strong","--ui-split-button-menu-option-shadow","--ui-split-button-menu-affordance-bg","--ui-split-button-menu-affordance-border","--ui-split-button-menu-affordance-size","--ui-split-button-menu-list-gap","--ui-split-button-menu-list-padding-top","--ui-split-button-menu-item-min-height","--ui-split-button-menu-item-radius","--ui-split-button-menu-item-padding"],v=`
   :host {
     --ui-split-button-radius: 12px;
     --ui-split-button-border: 1px solid color-mix(in srgb, var(--ui-color-border, #cbd5e1) 70%, transparent);
@@ -183,7 +183,7 @@
     opacity: 0;
     transform: translateY(-6px) scale(0.985);
     transform-origin: top left;
-    transition: opacity ${m}ms cubic-bezier(0.22, 1, 0.36, 1), transform ${m}ms cubic-bezier(0.22, 1, 0.36, 1);
+    transition: opacity ${l}ms cubic-bezier(0.22, 1, 0.36, 1), transform ${l}ms cubic-bezier(0.22, 1, 0.36, 1);
     will-change: opacity, transform;
   }
 
@@ -473,7 +473,7 @@
       transform: none;
     }
   }
-`;function y(d,e){const t=d.cloneNode(!0);if(t.setAttribute("slot","menuitem"),t.setAttribute("data-menu-item","true"),t.setAttribute("data-index",String(e)),t.setAttribute("role","menuitem"),t.setAttribute("tabindex","-1"),t.classList.add("menu-option"),t.setAttribute("data-has-description",t.querySelector("[data-menu-description]")?"true":"false"),t.setAttribute("data-has-shortcut",t.querySelector("[data-menu-shortcut]")?"true":"false"),t.hasAttribute("disabled")&&t.setAttribute("aria-disabled","true"),!t.querySelector("[data-menu-affordance]")){const n=document.createElement("span");n.setAttribute("data-menu-affordance","true"),n.setAttribute("aria-hidden","true"),t.prepend(n)}return t.id||(t.id=`ui-split-button-item-${Math.random().toString(36).slice(2,9)}`),t}class b extends f.ElementBase{constructor(){super(),this._portalEl=null,this._portalRoot=null,this._layer=null,this._positioner=null,this._listbox=null,this._triggerButton=null,this._toggleButton=null,this._menuItems=[],this._lastFocused=null,this._closeTimer=null,this._onPrimaryClick=this._onPrimaryClick.bind(this),this._onToggleClick=this._onToggleClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onMenuPointerDown=this._onMenuPointerDown.bind(this),this._onMenuPointerMove=this._onMenuPointerMove.bind(this)}static get observedAttributes(){return["label","menu-label","menu-heading","menu-description","variant","density","menu-density","menu-shape","disabled","open"]}openMenu(){var e,t;this.hasAttribute("disabled")||this.hasAttribute("open")&&((e=this._portalEl)==null?void 0:e.getAttribute("data-state"))!=="closing"||!this._portalEl&&this._collectMenuItems().length===0||(this._lastFocused=document.activeElement||this._toggleButton,this._clearCloseTimer(),this._portalEl&&(this._setMenuState("opening"),this._portalEl.style.pointerEvents="auto",(t=this._positioner)==null||t.update(),requestAnimationFrame(()=>this._setMenuState("open"))),this.setAttribute("open",""),queueMicrotask(()=>{if(!this._portalEl)this._mountMenu();else try{this._portalEl.focus({preventScroll:!0})}catch{this._portalEl.focus()}}))}closeMenu(){this.hasAttribute("open")&&this.removeAttribute("open")}toggleMenu(){this.hasAttribute("open")?this.closeMenu():this.openMenu()}connectedCallback(){super.connectedCallback(),this.hasAttribute("open")&&this.openMenu()}disconnectedCallback(){this._teardownMenu(!0),super.disconnectedCallback()}attributeChangedCallback(e,t,n){if(t!==n){if(e==="open"){n!=null?this.openMenu():this._beginCloseMenu();return}this.isConnected&&this.requestRender()}}render(){var n,i,o;const e=this.getAttribute("label")||"Run action",t=this.getAttribute("menu-label")||"Open action menu";this.setContent(`
+`;function y(m,e){const t=m.cloneNode(!0);if(t.setAttribute("slot","menuitem"),t.setAttribute("data-menu-item","true"),t.setAttribute("data-index",String(e)),t.setAttribute("role","menuitem"),t.setAttribute("tabindex","-1"),t.classList.add("menu-option"),t.setAttribute("data-has-description",t.querySelector("[data-menu-description]")?"true":"false"),t.setAttribute("data-has-shortcut",t.querySelector("[data-menu-shortcut]")?"true":"false"),t.hasAttribute("disabled")&&t.setAttribute("aria-disabled","true"),!t.querySelector("[data-menu-affordance]")){const n=document.createElement("span");n.setAttribute("data-menu-affordance","true"),n.setAttribute("aria-hidden","true"),t.prepend(n)}return t.id||(t.id=`ui-split-button-item-${Math.random().toString(36).slice(2,9)}`),t}class c extends b.ElementBase{constructor(){super(),this._portalEl=null,this._portalRoot=null,this._layer=null,this._positioner=null,this._listbox=null,this._triggerButton=null,this._toggleButton=null,this._menuItems=[],this._lastFocused=null,this._closeTimer=null,this._onPrimaryClick=this._onPrimaryClick.bind(this),this._onToggleClick=this._onToggleClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onMenuPointerDown=this._onMenuPointerDown.bind(this),this._onMenuPointerMove=this._onMenuPointerMove.bind(this)}static get observedAttributes(){return["label","menu-label","menu-heading","menu-description","variant","density","menu-density","menu-shape","disabled","open"]}openMenu(){this.hasAttribute("disabled")||this.hasAttribute("open")&&this._portalEl?.getAttribute("data-state")!=="closing"||!this._portalEl&&this._collectMenuItems().length===0||(this._lastFocused=document.activeElement||this._toggleButton,this._clearCloseTimer(),this._portalEl&&(this._setMenuState("opening"),this._portalEl.style.pointerEvents="auto",this._positioner?.update(),requestAnimationFrame(()=>this._setMenuState("open"))),this.setAttribute("open",""),queueMicrotask(()=>{if(!this._portalEl)this._mountMenu();else try{this._portalEl.focus({preventScroll:!0})}catch{this._portalEl.focus()}}))}closeMenu(){this.hasAttribute("open")&&this.removeAttribute("open")}toggleMenu(){this.hasAttribute("open")?this.closeMenu():this.openMenu()}connectedCallback(){super.connectedCallback(),this.hasAttribute("open")&&this.openMenu()}disconnectedCallback(){this._teardownMenu(!0),super.disconnectedCallback()}attributeChangedCallback(e,t,n){if(t!==n){if(e==="open"){n!=null?this.openMenu():this._beginCloseMenu();return}this.isConnected&&this.requestRender()}}render(){const e=this.getAttribute("label")||"Run action",t=this.getAttribute("menu-label")||"Open action menu";this.setContent(`
       <style>${v}</style>
       <div class="group" part="group">
         <button class="button" part="button" type="button">${e}</button>
@@ -482,4 +482,4 @@
         </button>
       </div>
       <div class="slot-source"><slot name="menuitem"></slot></div>
-    `),this._triggerButton=this.root.querySelector(".button"),this._toggleButton=this.root.querySelector(".toggle"),this._syncToggleState(),(n=this._triggerButton)==null||n.addEventListener("click",this._onPrimaryClick),(i=this._toggleButton)==null||i.addEventListener("click",this._onToggleClick),(o=this._toggleButton)==null||o.addEventListener("keydown",this._onKeyDown)}_onPrimaryClick(e){this.hasAttribute("disabled")||this.dispatchEvent(new CustomEvent("primary-action",{detail:{originalEvent:e},bubbles:!0,composed:!0}))}_onToggleClick(){this.toggleMenu()}_onKeyDown(e){(e.key==="ArrowDown"||e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.openMenu())}_mountMenu(){var c;if(this._portalEl)return;const e=g.createPortalContainer();if(!e)return;this._portalRoot=e,this._portalRoot.classList.add("ui-split-button-portal");const t=document.createElement("div");t.className="menu",t.setAttribute("role","menu"),t.setAttribute("data-state","opening"),t.tabIndex=-1,t.style.pointerEvents="auto";const n=document.createElement("style");n.textContent=_;const i=this.getAttribute("menu-heading")||"",o=this.getAttribute("menu-description")||"",r=i||o?(()=>{const a=document.createElement("div");if(a.className="menu-header",i){const u=document.createElement("p");u.className="menu-heading",u.textContent=i,a.appendChild(u)}if(o){const u=document.createElement("p");u.className="menu-description",u.textContent=o,a.appendChild(u)}return a})():null,s=document.createElement("ui-listbox");if(s.setAttribute("item-selector",'[slot="menuitem"]'),s.setAttribute("item-role","menuitem"),s.setAttribute("active-attribute","data-active"),this._menuItems=this._collectMenuItems(),this._menuItems.length===0){this.removeAttribute("open");return}const l=(c=this.root.querySelector(".group"))==null?void 0:c.getBoundingClientRect();l&&Number.isFinite(l.width)&&l.width>0&&(t.style.minWidth=`${Math.max(260,Math.round(l.width))}px`),this._menuItems.forEach(a=>s.appendChild(a)),s.refresh(),t.append(n),r&&t.appendChild(r),t.appendChild(s),this._portalRoot.appendChild(t),this._portalEl=t,this._listbox=s,this._positioner=x.createPositioner({floating:t,anchor:this.root.querySelector(".group")||this._toggleButton||this,placement:"bottom-start",offset:6,fitViewport:!0}),this._layer=h.createDismissableLayer({node:t,trigger:this._toggleButton,closeOnEscape:!0,closeOnPointerOutside:!0,onDismiss:()=>this.closeMenu()}),s.addEventListener("click",a=>this._onMenuClick(a)),s.addEventListener("pointerdown",this._onMenuPointerDown),s.addEventListener("pointermove",this._onMenuPointerMove,{passive:!0}),s.addEventListener("keydown",a=>this._onMenuKeyDown(a));const p=this._listbox.focusBoundary("first",{focus:!1,scroll:!1});p&&this._listbox.setActiveItem(p,{focus:!1,scroll:!1}),this._syncToggleState(),requestAnimationFrame(()=>this._setMenuState("open")),queueMicrotask(()=>{try{t.focus({preventScroll:!0})}catch{t.focus()}})}_collectMenuItems(){const e=this.root.querySelector('slot[name="menuitem"]');return(e?e.assignedElements({flatten:!0}):[]).filter(n=>n.getAttribute("slot")==="menuitem").map((n,i)=>y(n,i))}_onMenuClick(e){var i,o;const t=e.composedPath(),n=this._menuItems.find(r=>t.includes(r));if(!n){const r=(o=(i=e.target)==null?void 0:i.closest)==null?void 0:o.call(i,"[data-menu-item]");r&&this._selectMenuItem(r);return}this._selectMenuItem(n)}_onMenuPointerDown(e){var n,i;(i=(n=e.target)==null?void 0:n.closest)!=null&&i.call(n,"[data-menu-item]")&&e.preventDefault()}_onMenuPointerMove(e){var n,i;if(!this._listbox)return;const t=(i=(n=e.target)==null?void 0:n.closest)==null?void 0:i.call(n,"[data-menu-item]");!t||t.hasAttribute("disabled")||t.getAttribute("aria-disabled")==="true"||this._listbox.getActiveItem()!==t&&this._listbox.setActiveItem(t,{focus:!1,scroll:!1})}_onMenuKeyDown(e){if(this._listbox){if(e.key==="Escape"||e.key==="Tab"){e.preventDefault(),this.closeMenu();return}if(e.key==="ArrowDown"){e.preventDefault(),this._listbox.move(1,{focus:!1,scroll:!0});return}if(e.key==="ArrowUp"){e.preventDefault(),this._listbox.move(-1,{focus:!1,scroll:!0});return}if(e.key==="Home"){e.preventDefault(),this._listbox.focusBoundary("first",{focus:!1,scroll:!0});return}if(e.key==="End"){e.preventDefault(),this._listbox.focusBoundary("last",{focus:!1,scroll:!0});return}if(e.key==="Enter"||e.key===" "){e.preventDefault();const t=this._listbox.getActiveItem();t&&this._selectMenuItem(t)}}}_syncToggleState(){var e;(e=this._toggleButton)==null||e.setAttribute("aria-expanded",this.hasAttribute("open")?"true":"false")}_selectMenuItem(e){const t=Number(e.getAttribute("data-index")||-1);this.dispatchEvent(new CustomEvent("select",{detail:{index:t,value:e.getAttribute("data-value")||void 0,label:e.getAttribute("data-label")||(e.textContent||"").trim()},bubbles:!0,composed:!0})),this.closeMenu()}_beginCloseMenu(){this._portalEl&&(this._clearCloseTimer(),this._setMenuState("closing"),this._portalEl.style.pointerEvents="none",this._closeTimer=window.setTimeout(()=>{this._closeTimer=null,this._teardownMenu(!0)},m))}_setMenuState(e){var t;(t=this._portalEl)==null||t.setAttribute("data-state",e)}_clearCloseTimer(){this._closeTimer!=null&&(window.clearTimeout(this._closeTimer),this._closeTimer=null)}_teardownMenu(e=!1){var t,n,i;if(this._clearCloseTimer(),(t=this._layer)==null||t.destroy(),this._layer=null,(n=this._positioner)==null||n.destroy(),this._positioner=null,this._listbox=null,(i=this._portalEl)!=null&&i.parentElement&&this._portalEl.parentElement.removeChild(this._portalEl),this._portalEl=null,this._portalRoot=null,this._syncToggleState(),e){const o=this._toggleButton||this._lastFocused;o&&o.isConnected&&queueMicrotask(()=>{try{o.focus({preventScroll:!0})}catch{o.focus()}})}this._lastFocused=null}}typeof customElements<"u"&&!customElements.get("ui-split-button")&&customElements.define("ui-split-button",b);exports.UISplitButton=b;
+    `),this._triggerButton=this.root.querySelector(".button"),this._toggleButton=this.root.querySelector(".toggle"),this._syncToggleState(),this._triggerButton?.addEventListener("click",this._onPrimaryClick),this._toggleButton?.addEventListener("click",this._onToggleClick),this._toggleButton?.addEventListener("keydown",this._onKeyDown)}_onPrimaryClick(e){this.hasAttribute("disabled")||this.dispatchEvent(new CustomEvent("primary-action",{detail:{originalEvent:e},bubbles:!0,composed:!0}))}_onToggleClick(){this.toggleMenu()}_onKeyDown(e){(e.key==="ArrowDown"||e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.openMenu())}_applyPortalTokens(e){const t=window.getComputedStyle(this);x.forEach(n=>{const i=t.getPropertyValue(n).trim();i?e.style.setProperty(n,i):e.style.removeProperty(n)})}_mountMenu(){if(this._portalEl)return;const e=f.createPortalContainer();if(!e)return;this._portalRoot=e,this._portalRoot.classList.add("ui-split-button-portal");const t=document.createElement("div");t.className="menu",t.setAttribute("role","menu"),t.setAttribute("data-state","opening"),t.tabIndex=-1,t.style.pointerEvents="auto";const n=document.createElement("style");n.textContent=_;const i=this.getAttribute("menu-heading")||"",r=this.getAttribute("menu-description")||"",d=i||r?(()=>{const s=document.createElement("div");if(s.className="menu-header",i){const a=document.createElement("p");a.className="menu-heading",a.textContent=i,s.appendChild(a)}if(r){const a=document.createElement("p");a.className="menu-description",a.textContent=r,s.appendChild(a)}return s})():null,o=document.createElement("ui-listbox");if(o.setAttribute("item-selector",'[slot="menuitem"]'),o.setAttribute("item-role","menuitem"),o.setAttribute("active-attribute","data-active"),this._menuItems=this._collectMenuItems(),this._menuItems.length===0){this.removeAttribute("open");return}const u=this.root.querySelector(".group")?.getBoundingClientRect();u&&Number.isFinite(u.width)&&u.width>0&&(t.style.minWidth=`${Math.max(260,Math.round(u.width))}px`),this._menuItems.forEach(s=>o.appendChild(s)),o.refresh(),t.append(n),d&&t.appendChild(d),t.appendChild(o),this._applyPortalTokens(t),this._portalRoot.appendChild(t),this._portalEl=t,this._listbox=o,this._positioner=h.createPositioner({floating:t,anchor:this.root.querySelector(".group")||this._toggleButton||this,placement:"bottom-start",offset:6,fitViewport:!0}),this._layer=g.createDismissableLayer({node:t,trigger:this._toggleButton,closeOnEscape:!0,closeOnPointerOutside:!0,onDismiss:()=>this.closeMenu()}),o.addEventListener("click",s=>this._onMenuClick(s)),o.addEventListener("pointerdown",this._onMenuPointerDown),o.addEventListener("pointermove",this._onMenuPointerMove,{passive:!0}),o.addEventListener("keydown",s=>this._onMenuKeyDown(s));const p=this._listbox.focusBoundary("first",{focus:!1,scroll:!1});p&&this._listbox.setActiveItem(p,{focus:!1,scroll:!1}),this._syncToggleState(),requestAnimationFrame(()=>this._setMenuState("open")),queueMicrotask(()=>{try{t.focus({preventScroll:!0})}catch{t.focus()}})}_collectMenuItems(){const e=this.root.querySelector('slot[name="menuitem"]');return(e?e.assignedElements({flatten:!0}):[]).filter(n=>n.getAttribute("slot")==="menuitem").map((n,i)=>y(n,i))}_onMenuClick(e){const t=e.composedPath(),n=this._menuItems.find(i=>t.includes(i));if(!n){const i=e.target?.closest?.("[data-menu-item]");i&&this._selectMenuItem(i);return}this._selectMenuItem(n)}_onMenuPointerDown(e){e.target?.closest?.("[data-menu-item]")&&e.preventDefault()}_onMenuPointerMove(e){if(!this._listbox)return;const t=e.target?.closest?.("[data-menu-item]");!t||t.hasAttribute("disabled")||t.getAttribute("aria-disabled")==="true"||this._listbox.getActiveItem()!==t&&this._listbox.setActiveItem(t,{focus:!1,scroll:!1})}_onMenuKeyDown(e){if(this._listbox){if(e.key==="Escape"||e.key==="Tab"){e.preventDefault(),this.closeMenu();return}if(e.key==="ArrowDown"){e.preventDefault(),this._listbox.move(1,{focus:!1,scroll:!0});return}if(e.key==="ArrowUp"){e.preventDefault(),this._listbox.move(-1,{focus:!1,scroll:!0});return}if(e.key==="Home"){e.preventDefault(),this._listbox.focusBoundary("first",{focus:!1,scroll:!0});return}if(e.key==="End"){e.preventDefault(),this._listbox.focusBoundary("last",{focus:!1,scroll:!0});return}if(e.key==="Enter"||e.key===" "){e.preventDefault();const t=this._listbox.getActiveItem();t&&this._selectMenuItem(t)}}}_syncToggleState(){this._toggleButton?.setAttribute("aria-expanded",this.hasAttribute("open")?"true":"false")}_selectMenuItem(e){const t=Number(e.getAttribute("data-index")||-1);this.dispatchEvent(new CustomEvent("select",{detail:{index:t,value:e.getAttribute("data-value")||void 0,label:e.getAttribute("data-label")||(e.textContent||"").trim()},bubbles:!0,composed:!0})),this.closeMenu()}_beginCloseMenu(){this._portalEl&&(this._clearCloseTimer(),this._setMenuState("closing"),this._portalEl.style.pointerEvents="none",this._closeTimer=window.setTimeout(()=>{this._closeTimer=null,this._teardownMenu(!0)},l))}_setMenuState(e){this._portalEl?.setAttribute("data-state",e)}_clearCloseTimer(){this._closeTimer!=null&&(window.clearTimeout(this._closeTimer),this._closeTimer=null)}_teardownMenu(e=!1){if(this._clearCloseTimer(),this._layer?.destroy(),this._layer=null,this._positioner?.destroy(),this._positioner=null,this._listbox=null,this._portalEl?.parentElement&&this._portalEl.parentElement.removeChild(this._portalEl),this._portalEl=null,this._portalRoot=null,this._syncToggleState(),e){const t=this._toggleButton||this._lastFocused;t&&t.isConnected&&queueMicrotask(()=>{try{t.focus({preventScroll:!0})}catch{t.focus()}})}this._lastFocused=null}}typeof customElements<"u"&&!customElements.get("ui-split-button")&&customElements.define("ui-split-button",c);exports.UISplitButton=c;