@editora/ui-core 0.1.12 → 0.1.13

package/dist/{portal-1cf392ca.mjs → portal-9060f7a6.mjs}

@@ -8,7 +8,7 @@ function C(r, t, p = "top") {
   const f = typeof p == "string" ? { placement: p } : p, s = f.placement || "top", c = typeof f.offset == "number" ? f.offset : 8, h = !!f.shift, e = r.getBoundingClientRect(), l = t.getBoundingClientRect();
   let o = 0, i = 0;
   s === "top" ? (o = e.top - l.height - c, i = e.left + (e.width - l.width) / 2) : s === "bottom" ? (o = e.bottom + c, i = e.left + (e.width - l.width) / 2) : s === "left" ? (o = e.top + (e.height - l.height) / 2, i = e.left - l.width - c) : (o = e.top + (e.height - l.height) / 2, i = e.right + c);
-  const v = e.left + e.width / 2, m = e.top + e.height / 2, g = Math.round(v - i), y = Math.round(m - o);
+  const b = e.left + e.width / 2, m = e.top + e.height / 2, g = Math.round(b - i), y = Math.round(m - o);
   if (h) {
     const n = window.innerWidth || document.documentElement.clientWidth, u = window.innerHeight || document.documentElement.clientHeight;
     if (s === "top" || s === "bottom") {
@@ -46,7 +46,7 @@ function L(r, t, p) {
     } catch {
     }
   }
-  return window.addEventListener("scroll", o, !0), window.addEventListener("resize", o), e.push(() => window.removeEventListener("scroll", o, !0)), e.push(() => window.removeEventListener("resize", o)), e.push(() => {
+  return window.addEventListener("scroll", o, { passive: !0, capture: !0 }), window.addEventListener("resize", o), e.push(() => window.removeEventListener("scroll", o, !0)), e.push(() => window.removeEventListener("resize", o)), e.push(() => {
     f && f.disconnect(), f = null;
   }), e.push(() => {
     s && s.disconnect(), s = null;
@@ -74,17 +74,17 @@ function H(r, t, p = "top") {
       return;
     const u = r.getBoundingClientRect(), d = u.left + u.width / 2, a = u.top + u.height / 2;
     if (y === "top" || y === "bottom") {
-      const b = d - g, x = 8, w = t.offsetWidth - 8, M = Math.max(x, Math.min(w, b));
+      const v = d - g, x = 8, w = t.offsetWidth - 8, M = Math.max(x, Math.min(w, v));
       n.style.left = `${Math.round(M)}px`, n.style.top = "";
     } else {
-      const b = a - m, x = 8, w = t.offsetHeight - 8, M = Math.max(x, Math.min(w, b));
+      const v = a - m, x = 8, w = t.offsetHeight - 8, M = Math.max(x, Math.min(w, v));
       n.style.top = `${Math.round(M)}px`, n.style.left = "";
     }
   }
-  function v() {
+  function b() {
     var u;
     if (r && typeof r.getBoundingClientRect == "function" && r instanceof HTMLElement) {
-      const d = r, a = (u = d.getRootNode) == null ? void 0 : u.call(d), b = a instanceof ShadowRoot ? a.host : null, x = d.isConnected || document.body.contains(d) || (b ? document.body.contains(b) : !1), w = window.getComputedStyle(d), M = w.display !== "none" && w.visibility !== "hidden" && parseFloat(w.opacity || "1") > 0;
+      const d = r, a = (u = d.getRootNode) == null ? void 0 : u.call(d), v = a instanceof ShadowRoot ? a.host : null, x = d.isConnected || document.body.contains(d) || (v ? document.body.contains(v) : !1), w = window.getComputedStyle(d), M = w.display !== "none" && w.visibility !== "hidden" && parseFloat(w.opacity || "1") > 0;
       if (!x || !M) {
         try {
           t.parentElement && t.parentElement.removeChild(t);
@@ -98,7 +98,7 @@ function H(r, t, p = "top") {
     let n = m;
     h && (m.top < 0 && s === "top" || m.top + t.offsetHeight > y && s === "bottom") && (n = C(r, t, { placement: s === "top" ? "bottom" : "top", offset: c, shift: e })), n.left < 4 && (n.left = 4), n.left + t.offsetWidth > g - 4 && (n.left = g - t.offsetWidth - 4), n.top < 4 && (n.top = 4), n.top + t.offsetHeight > y - 4 && (n.top = y - t.offsetHeight - 4), t.style.top = `${Math.round(n.top)}px`, t.style.left = `${Math.round(n.left)}px`, i(n.top, n.left, n.placement), t.setAttribute("data-placement", n.placement);
   }
-  return v(), o = L(r, t, v), () => {
+  return b(), o = L(r, t, b), () => {
     try {
       t.parentElement && t.parentElement.removeChild(t);
     } catch {

package/dist/portal-d9bae456.js

@@ -0,0 +1 @@
+"use strict";function z(r="ui-portal-root"){if(typeof document>"u")return null;let t=document.getElementById(r);return t||(t=document.createElement("div"),t.id=r,t.style.position="fixed",t.style.top="0",t.style.left="0",t.style.width="100%",t.style.height="0",t.style.pointerEvents="none",t.style.zIndex="var(--ui-portal-z, 1600)",document.body.appendChild(t)),t.style.zIndex||(t.style.zIndex="var(--ui-portal-z, 1600)"),t}function C(r,t,p="top"){const f=typeof p=="string"?{placement:p}:p,s=f.placement||"top",c=typeof f.offset=="number"?f.offset:8,h=!!f.shift,e=r.getBoundingClientRect(),l=t.getBoundingClientRect();let o=0,i=0;s==="top"?(o=e.top-l.height-c,i=e.left+(e.width-l.width)/2):s==="bottom"?(o=e.bottom+c,i=e.left+(e.width-l.width)/2):s==="left"?(o=e.top+(e.height-l.height)/2,i=e.left-l.width-c):(o=e.top+(e.height-l.height)/2,i=e.right+c);const b=e.left+e.width/2,m=e.top+e.height/2,g=Math.round(b-i),y=Math.round(m-o);if(h){const n=window.innerWidth||document.documentElement.clientWidth,u=window.innerHeight||document.documentElement.clientHeight;if(s==="top"||s==="bottom"){const a=n-l.width-4;i<4&&(i=Math.min(a,i+(4-i))),i>a&&(i=Math.max(4,i-(i-a)))}else{const a=u-l.height-4;o<4&&(o=Math.min(a,o+(4-o))),o>a&&(o=Math.max(4,o-(o-a)))}}return{top:o,left:i,placement:s,x:g,y}}function L(r,t,p){let f=null,s=null,c=null,h=0;const e=[],l=()=>{h||(h=requestAnimationFrame(()=>{h=0,p()}))},o=()=>l();if(typeof ResizeObserver<"u"){f=new ResizeObserver(l),s=new ResizeObserver(l);try{f.observe(r)}catch{}try{s.observe(t)}catch{}}if(typeof MutationObserver<"u"){c=new MutationObserver(l);try{c.observe(r,{attributes:!0,childList:!1,subtree:!1})}catch{}}return window.addEventListener("scroll",o,{passive:!0,capture:!0}),window.addEventListener("resize",o),e.push(()=>window.removeEventListener("scroll",o,!0)),e.push(()=>window.removeEventListener("resize",o)),e.push(()=>{f&&f.disconnect(),f=null}),e.push(()=>{s&&s.disconnect(),s=null}),e.push(()=>{c&&c.disconnect(),c=null}),e.push(()=>{h&&(cancelAnimationFrame(h),h=0)}),()=>e.forEach(i=>{try{i()}catch{}})}function R(r,t,p="top"){const f=typeof p=="string"?{placement:p}:p,s=f.placement||"top",c=typeof f.offset=="number"?f.offset:8,h=f.flip!==!1,e=!!f.shift,l=z();if(!l)return;t.style.position="absolute",t.style.pointerEvents="auto",l.appendChild(t);let o=()=>{};function i(m,g,y){const n=t.querySelector(".arrow");if(!n)return;const u=r.getBoundingClientRect(),d=u.left+u.width/2,a=u.top+u.height/2;if(y==="top"||y==="bottom"){const v=d-g,M=8,w=t.offsetWidth-8,x=Math.max(M,Math.min(w,v));n.style.left=`${Math.round(x)}px`,n.style.top=""}else{const v=a-m,M=8,w=t.offsetHeight-8,x=Math.max(M,Math.min(w,v));n.style.top=`${Math.round(x)}px`,n.style.left=""}}function b(){var u;if(r&&typeof r.getBoundingClientRect=="function"&&r instanceof HTMLElement){const d=r,a=(u=d.getRootNode)==null?void 0:u.call(d),v=a instanceof ShadowRoot?a.host:null,M=d.isConnected||document.body.contains(d)||(v?document.body.contains(v):!1),w=window.getComputedStyle(d),x=w.display!=="none"&&w.visibility!=="hidden"&&parseFloat(w.opacity||"1")>0;if(!M||!x){try{t.parentElement&&t.parentElement.removeChild(t)}catch{}o();return}}const m=C(r,t,{placement:s,offset:c,shift:e}),g=window.innerWidth||document.documentElement.clientWidth,y=window.innerHeight||document.documentElement.clientHeight;let n=m;h&&(m.top<0&&s==="top"||m.top+t.offsetHeight>y&&s==="bottom")&&(n=C(r,t,{placement:s==="top"?"bottom":"top",offset:c,shift:e})),n.left<4&&(n.left=4),n.left+t.offsetWidth>g-4&&(n.left=g-t.offsetWidth-4),n.top<4&&(n.top=4),n.top+t.offsetHeight>y-4&&(n.top=y-t.offsetHeight-4),t.style.top=`${Math.round(n.top)}px`,t.style.left=`${Math.round(n.left)}px`,i(n.top,n.left,n.placement),t.setAttribute("data-placement",n.placement)}return b(),o=L(r,t,b),()=>{try{t.parentElement&&t.parentElement.removeChild(t)}catch{}o()}}exports.autoUpdatePosition=L;exports.computePosition=C;exports.createPortalContainer=z;exports.showPortalFor=R;

package/dist/{positioner-fbd61bf1.mjs → positioner-16f3cca1.mjs}

@@ -1,13 +1,13 @@
 function w(e) {
   return e instanceof HTMLElement;
 }
-function P(e) {
+function v(e) {
   return !!e && typeof e.top == "number" && typeof e.left == "number";
 }
 function g(e) {
-  return w(e) ? e.getBoundingClientRect() : P(e) ? e : e.getBoundingClientRect();
+  return w(e) ? e.getBoundingClientRect() : v(e) ? e : e.getBoundingClientRect();
 }
-function v(e) {
+function P(e) {
   if (e instanceof HTMLElement) {
     const i = e.getBoundingClientRect();
     return {
@@ -55,28 +55,28 @@ function m(e, n, t) {
 function E(e, n, t, i) {
   const { side: o } = h(n.placement), r = t.left + t.width / 2, s = t.top + t.height / 2;
   if (o === "top" || o === "bottom") {
-    const l = Math.max(8, i.width - 8), d = m(r - n.x, 8, l);
-    e.style.left = `${Math.round(d)}px`, e.style.top = "";
+    const l = Math.max(8, i.width - 8), a = m(r - n.x, 8, l);
+    e.style.left = `${Math.round(a)}px`, e.style.top = "";
   } else {
-    const l = Math.max(8, i.height - 8), d = m(s - n.y, 8, l);
-    e.style.top = `${Math.round(d)}px`, e.style.left = "";
+    const l = Math.max(8, i.height - 8), a = m(s - n.y, 8, l);
+    e.style.top = `${Math.round(a)}px`, e.style.left = "";
   }
 }
 function D(e, n, t = {}) {
-  const i = g(e), o = w(n) ? n.getBoundingClientRect() : n, r = v(t.boundary ?? null), s = t.placement || "bottom", c = typeof t.offset == "number" ? t.offset : 8, l = typeof t.crossOffset == "number" ? t.crossOffset : 0;
-  let d = s, f = b(i, o, d, c, l);
-  if (t.flip && x(d, f, o, r)) {
-    const a = M(d), u = b(i, o, a, c, l);
-    x(a, u, o, r) || (d = a, f = u);
+  const i = g(e), o = w(n) ? n.getBoundingClientRect() : n, r = P(t.boundary ?? null), s = t.placement || "bottom", c = typeof t.offset == "number" ? t.offset : 8, l = typeof t.crossOffset == "number" ? t.crossOffset : 0;
+  let a = s, f = b(i, o, a, c, l);
+  if (t.flip && x(a, f, o, r)) {
+    const d = M(a), u = b(i, o, d, c, l);
+    x(d, u, o, r) || (a = d, f = u);
   }
   if (t.shift || t.fitViewport) {
-    const a = r.left + 4, u = r.top + 4, y = Math.max(a, r.right - o.width - 4), p = Math.max(u, r.bottom - o.height - 4);
-    f.x = m(f.x, a, y), f.y = m(f.y, u, p);
+    const d = r.left + 4, u = r.top + 4, y = Math.max(d, r.right - o.width - 4), p = Math.max(u, r.bottom - o.height - 4);
+    f.x = m(f.x, d, y), f.y = m(f.y, u, p);
   }
   return {
     x: f.x,
     y: f.y,
-    placement: d,
+    placement: a,
     availableWidth: Math.max(0, r.right - f.x - 4),
     availableHeight: Math.max(0, r.bottom - f.y - 4)
   };
@@ -95,7 +95,7 @@ function A(e, n, t, i) {
       o = 0, t();
     }));
   }, l = () => c();
-  return i.observeWindowResize && window.addEventListener("resize", l), i.observeScroll && window.addEventListener("scroll", l, !0), typeof ResizeObserver < "u" && (i.observeAnchorResize && w(e) && (r = new ResizeObserver(c), r.observe(e)), i.observeFloatingResize && (s = new ResizeObserver(c), s.observe(n))), () => {
+  return i.observeWindowResize && window.addEventListener("resize", l), i.observeScroll && window.addEventListener("scroll", l, { passive: !0, capture: !0 }), typeof ResizeObserver < "u" && (i.observeAnchorResize && w(e) && (r = new ResizeObserver(c), r.observe(e)), i.observeFloatingResize && (s = new ResizeObserver(c), s.observe(n))), () => {
     i.observeWindowResize && window.removeEventListener("resize", l), i.observeScroll && window.removeEventListener("scroll", l, !0), r && r.disconnect(), s && s.disconnect(), o && cancelAnimationFrame(o);
   };
 }

package/dist/positioner-43b1c75a.js

@@ -0,0 +1 @@
+"use strict";function w(e){return e instanceof HTMLElement}function v(e){return!!e&&typeof e.top=="number"&&typeof e.left=="number"}function g(e){return w(e)?e.getBoundingClientRect():v(e)?e:e.getBoundingClientRect()}function M(e){if(e instanceof HTMLElement){const n=e.getBoundingClientRect();return{top:n.top,left:n.left,right:n.right,bottom:n.bottom,width:n.width,height:n.height}}const i=window.innerWidth||document.documentElement.clientWidth||0,t=window.innerHeight||document.documentElement.clientHeight||0;return{top:0,left:0,right:i,bottom:t,width:i,height:t}}function h(e){const[i,t]=e.split("-");return{side:i,align:t||"center"}}function E(e){const{side:i,align:t}=h(e);return`${i==="top"?"bottom":i==="bottom"?"top":i==="left"?"right":"left"}${t==="center"?"":`-${t}`}`}function b(e,i,t,n,o){const{side:r,align:s}=h(t);let c=0,l=0;return r==="top"||r==="bottom"?(s==="start"?c=e.left:s==="end"?c=e.right-i.width:c=e.left+(e.width-i.width)/2,l=r==="top"?e.top-i.height-n:e.bottom+n,c+=o):(s==="start"?l=e.top:s==="end"?l=e.bottom-i.height:l=e.top+(e.height-i.height)/2,c=r==="left"?e.left-i.width-n:e.right+n,l+=o),{x:c,y:l}}function x(e,i,t,n){const{side:o}=h(e);return o==="top"?i.y<n.top+4:o==="bottom"?i.y+t.height>n.bottom-4:o==="left"?i.x<n.left+4:i.x+t.width>n.right-4}function m(e,i,t){return Math.min(t,Math.max(i,e))}function D(e,i,t,n){const{side:o}=h(i.placement),r=t.left+t.width/2,s=t.top+t.height/2;if(o==="top"||o==="bottom"){const l=Math.max(8,n.width-8),u=m(r-i.x,8,l);e.style.left=`${Math.round(u)}px`,e.style.top=""}else{const l=Math.max(8,n.height-8),u=m(s-i.y,8,l);e.style.top=`${Math.round(u)}px`,e.style.left=""}}function y(e,i,t={}){const n=g(e),o=w(i)?i.getBoundingClientRect():i,r=M(t.boundary??null),s=t.placement||"bottom",c=typeof t.offset=="number"?t.offset:8,l=typeof t.crossOffset=="number"?t.crossOffset:0;let u=s,f=b(n,o,u,c,l);if(t.flip&&x(u,f,o,r)){const a=E(u),d=b(n,o,a,c,l);x(a,d,o,r)||(u=a,f=d)}if(t.shift||t.fitViewport){const a=r.left+4,d=r.top+4,p=Math.max(a,r.right-o.width-4),P=Math.max(d,r.bottom-o.height-4);f.x=m(f.x,a,p),f.y=m(f.y,d,P)}return{x:f.x,y:f.y,placement:u,availableWidth:Math.max(0,r.right-f.x-4),availableHeight:Math.max(0,r.bottom-f.y-4)}}function W(e,i){return i!=="absolute"?e:{...e,x:e.x+window.scrollX,y:e.y+window.scrollY}}function A(e,i,t,n){let o=0,r=null,s=null;const c=()=>{o||(o=requestAnimationFrame(()=>{o=0,t()}))},l=()=>c();return n.observeWindowResize&&window.addEventListener("resize",l),n.observeScroll&&window.addEventListener("scroll",l,{passive:!0,capture:!0}),typeof ResizeObserver<"u"&&(n.observeAnchorResize&&w(e)&&(r=new ResizeObserver(c),r.observe(e)),n.observeFloatingResize&&(s=new ResizeObserver(c),s.observe(i))),()=>{n.observeWindowResize&&window.removeEventListener("resize",l),n.observeScroll&&window.removeEventListener("scroll",l,!0),r&&r.disconnect(),s&&s.disconnect(),o&&cancelAnimationFrame(o)}}function I(e){if(!(e.floating instanceof HTMLElement))throw new Error("createPositioner requires a valid floating HTMLElement");const i=e.strategy||"fixed",t=e.floating,n=A(e.anchor,t,o,{observeWindowResize:e.observeWindowResize??!0,observeScroll:e.observeScroll??!0,observeAnchorResize:e.observeAnchorResize??!0,observeFloatingResize:e.observeFloatingResize??!(e.fitViewport||e.matchWidth)});function o(){var c;const r=y(e.anchor,t,e),s=W(r,i);if(t.style.position=i,t.style.left=`${Math.round(s.x)}px`,t.style.top=`${Math.round(s.y)}px`,t.style.setProperty("--ui-positioner-x",`${Math.round(s.x)}px`),t.style.setProperty("--ui-positioner-y",`${Math.round(s.y)}px`),e.matchWidth){const l=g(e.anchor);t.style.width=`${Math.round(l.width)}px`}return e.fitViewport&&(t.style.maxWidth=`${Math.round(r.availableWidth)}px`,t.style.maxHeight=`${Math.round(r.availableHeight)}px`),t.setAttribute("data-placement",r.placement),e.arrow instanceof HTMLElement&&D(e.arrow,r,g(e.anchor),t.getBoundingClientRect()),(c=e.onUpdate)==null||c.call(e,r),r}return o(),{update:o,destroy(){n()}}}exports.computePositionState=y;exports.createPositioner=I;

package/dist/positioner.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./ElementBase-1b301e7f.js"),a=require("./positioner-accc6e5f.js"),h=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./ElementBase-1b301e7f.js"),a=require("./positioner-43b1c75a.js"),h=`
   :host {
     display: contents;
     color-scheme: light dark;

package/dist/positioner.esm.js

@@ -1,5 +1,5 @@
 import { E as c } from "./ElementBase-909688f3.mjs";
-import { a } from "./positioner-fbd61bf1.mjs";
+import { a } from "./positioner-16f3cca1.mjs";
 const h = `
   :host {
     display: contents;

package/dist/quick-actions.cjs.js

@@ -124,6 +124,7 @@
   :host([floating]) {
     position: fixed;
     z-index: 1250;
+    contain: layout paint;
   }
 
   :host([floating][placement="bottom-right"]) {
@@ -146,6 +147,11 @@
     top: 16px;
   }
 
+  :host([floating]) .root {
+    transform: translateZ(0);
+    backface-visibility: hidden;
+  }
+
   :host([headless]) .root {
     display: none;
   }
@@ -191,11 +197,11 @@
       border-color: Highlight;
     }
   }
-`;let g=0;function l(u){return u.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}class d extends h.ElementBase{constructor(){super(),this._instanceId=++g,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,i,t){if(i!==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 i=typeof e=="boolean"?e:!this.open;this.open=i;const t={open:i};this.dispatchEvent(new CustomEvent(i?"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(i=>i instanceof HTMLElement):[]}_actionsId(){return`ui-quick-actions-${this._instanceId}-actions`}_syncActionAccessibility(e){this._actions().forEach((t,s)=>{var r;if(t.id||(t.id=`ui-quick-actions-${this._instanceId}-action-${s+1}`),t.hasAttribute("role")||t.setAttribute("role","button"),!t.hasAttribute("aria-label")){const o=(r=t.textContent)==null?void 0:r.trim();o&&t.setAttribute("aria-label",o)}if(e){const o=t.getAttribute("data-ui-quick-tabindex");o!=null?(o==="__none__"?t.removeAttribute("tabindex"):t.setAttribute("tabindex",o),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){var n;const i=e.target;if(!i)return;if(i.closest(".toggle")){this.toggle();return}const s=e.composedPath(),r=this._actions(),o=r.find(b=>s.includes(b));if(!o)return;const a=r.indexOf(o),c={index:a,id:o.id||o.getAttribute("data-id")||String(a+1),label:o.getAttribute("aria-label")||((n=o.textContent)==null?void 0:n.trim())||`Action ${a+1}`};this.dispatchEvent(new CustomEvent("select",{detail:c,bubbles:!0,composed:!0})),this.getAttribute("mode")==="fab"&&this.hide()}_moveFocus(e,i){const t=this._actions();if(!t.length)return;const s=t.indexOf(e);if(s<0)return;const r=(s+i+t.length)%t.length;t[r].focus()}_onKeyDown(e){if(e.key==="Escape"&&this.open&&this.getAttribute("mode")==="fab"){e.preventDefault(),this.hide();return}const i=e.target;if(!i)return;const s=this._actions().find(n=>n===i||n.contains(i));if(!s)return;const r=this.getAttribute("orientation")==="vertical"||this.getAttribute("mode")==="fab",o=!r&&getComputedStyle(this).direction==="rtl",a=r?"ArrowDown":o?"ArrowLeft":"ArrowRight",c=r?"ArrowUp":o?"ArrowRight":"ArrowLeft";if(e.key===a){e.preventDefault(),this._moveFocus(s,1);return}if(e.key===c){e.preventDefault(),this._moveFocus(s,-1);return}if(e.key==="Home"||e.key==="End"){e.preventDefault();const n=this._actions();if(!n.length)return;(e.key==="Home"?n[0]:n[n.length-1]).focus()}}_syncOpenUi(){if(!this.isConnected)return;if(!this.root.querySelector(".root")){this.requestRender();return}const e=this.getAttribute("mode")==="fab"?"fab":"bar",i=this.hasAttribute("collapsible")||e==="fab",t=this.open||!i&&e==="bar",s=this.getAttribute("label")||"Quick actions",r=this.root.querySelector(".toggle");r&&(r.textContent=t?"−":"+",r.setAttribute("aria-label",s),r.setAttribute("aria-expanded",t?"true":"false"));const o=this.root.querySelector(".actions");o&&(t?o.removeAttribute("hidden"):o.setAttribute("hidden","")),this._syncActionAccessibility(t)}render(){const e=this.getAttribute("mode")==="fab"?"fab":"bar",i=this.hasAttribute("collapsible")||e==="fab",t=this.open||!i&&e==="bar",s=this.getAttribute("label")||"Quick actions",r=this._actionsId(),o=this.getAttribute("orientation")==="vertical"||e==="fab"?"vertical":"horizontal";this.setContent(`
+`;let g=0;function l(u){return u.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}class d extends h.ElementBase{constructor(){super(),this._instanceId=++g,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,i,t){if(i!==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 i=typeof e=="boolean"?e:!this.open;this.open=i;const t={open:i};this.dispatchEvent(new CustomEvent(i?"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(i=>i instanceof HTMLElement):[]}_actionsId(){return`ui-quick-actions-${this._instanceId}-actions`}_syncActionAccessibility(e){this._actions().forEach((t,n)=>{var r;if(t.id||(t.id=`ui-quick-actions-${this._instanceId}-action-${n+1}`),t.hasAttribute("role")||t.setAttribute("role","button"),!t.hasAttribute("aria-label")){const o=(r=t.textContent)==null?void 0:r.trim();o&&t.setAttribute("aria-label",o)}if(e){const o=t.getAttribute("data-ui-quick-tabindex");o!=null?(o==="__none__"?t.removeAttribute("tabindex"):t.setAttribute("tabindex",o),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){var s;const i=e.target;if(!i)return;if(i.closest(".toggle")){this.toggle();return}const n=e.composedPath(),r=this._actions(),o=r.find(b=>n.includes(b));if(!o)return;const a=r.indexOf(o),c={index:a,id:o.id||o.getAttribute("data-id")||String(a+1),label:o.getAttribute("aria-label")||((s=o.textContent)==null?void 0:s.trim())||`Action ${a+1}`};this.dispatchEvent(new CustomEvent("select",{detail:c,bubbles:!0,composed:!0})),this.getAttribute("mode")==="fab"&&this.hide()}_moveFocus(e,i){const t=this._actions();if(!t.length)return;const n=t.indexOf(e);if(n<0)return;const r=(n+i+t.length)%t.length;t[r].focus()}_onKeyDown(e){if(e.key==="Escape"&&this.open&&this.getAttribute("mode")==="fab"){e.preventDefault(),this.hide();return}const i=e.target;if(!i)return;const n=this._actions().find(s=>s===i||s.contains(i));if(!n)return;const r=this.getAttribute("orientation")==="vertical"||this.getAttribute("mode")==="fab",o=!r&&getComputedStyle(this).direction==="rtl",a=r?"ArrowDown":o?"ArrowLeft":"ArrowRight",c=r?"ArrowUp":o?"ArrowRight":"ArrowLeft";if(e.key===a){e.preventDefault(),this._moveFocus(n,1);return}if(e.key===c){e.preventDefault(),this._moveFocus(n,-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",i=this.hasAttribute("collapsible")||e==="fab",t=this.open||!i&&e==="bar",n=this.getAttribute("label")||"Quick actions",r=this.root.querySelector(".toggle");r&&(r.textContent=t?"−":"+",r.setAttribute("aria-label",n),r.setAttribute("aria-expanded",t?"true":"false"));const o=this.root.querySelector(".actions");o&&(t?o.removeAttribute("hidden"):o.setAttribute("hidden","")),this._syncActionAccessibility(t)}render(){const e=this.getAttribute("mode")==="fab"?"fab":"bar",i=this.hasAttribute("collapsible")||e==="fab",t=this.open||!i&&e==="bar",n=this.getAttribute("label")||"Quick actions",r=this._actionsId(),o=this.getAttribute("orientation")==="vertical"||e==="fab"?"vertical":"horizontal";this.setContent(`
       <style>${p}</style>
-      <section class="root" part="root" role="toolbar" aria-label="${l(s)}" aria-orientation="${o}">
-        ${i?`<button type="button" class="toggle" part="toggle" aria-label="${l(s)}" aria-controls="${r}" aria-haspopup="true" aria-expanded="${t?"true":"false"}">${t?"−":"+"}</button>`:""}
-        <div id="${r}" class="actions" part="actions" role="group" aria-label="${l(s)} list" ${t?"":"hidden"}>
+      <section class="root" part="root" role="toolbar" aria-label="${l(n)}" aria-orientation="${o}">
+        ${i?`<button type="button" class="toggle" part="toggle" aria-label="${l(n)}" aria-controls="${r}" aria-haspopup="true" aria-expanded="${t?"true":"false"}">${t?"−":"+"}</button>`:""}
+        <div id="${r}" class="actions" part="actions" role="group" aria-label="${l(n)} list" ${t?"":"hidden"}>
           <slot name="action"></slot>
         </div>
       </section>

package/dist/quick-actions.esm.js

@@ -125,6 +125,7 @@ const h = `
   :host([floating]) {
     position: fixed;
     z-index: 1250;
+    contain: layout paint;
   }
 
   :host([floating][placement="bottom-right"]) {
@@ -147,6 +148,11 @@ const h = `
     top: 16px;
   }
 
+  :host([floating]) .root {
+    transform: translateZ(0);
+    backface-visibility: hidden;
+  }
+
   :host([headless]) .root {
     display: none;
   }
@@ -255,9 +261,9 @@ class g extends b {
     return `ui-quick-actions-${this._instanceId}-actions`;
   }
   _syncActionAccessibility(e) {
-    this._actions().forEach((t, s) => {
+    this._actions().forEach((t, n) => {
       var r;
-      if (t.id || (t.id = `ui-quick-actions-${this._instanceId}-action-${s + 1}`), t.hasAttribute("role") || t.setAttribute("role", "button"), !t.hasAttribute("aria-label")) {
+      if (t.id || (t.id = `ui-quick-actions-${this._instanceId}-action-${n + 1}`), t.hasAttribute("role") || t.setAttribute("role", "button"), !t.hasAttribute("aria-label")) {
         const o = (r = t.textContent) == null ? void 0 : r.trim();
         o && t.setAttribute("aria-label", o);
       }
@@ -270,7 +276,7 @@ class g extends b {
     });
   }
   _onClick(e) {
-    var n;
+    var s;
     const i = e.target;
     if (!i)
       return;
@@ -278,13 +284,13 @@ class g extends b {
       this.toggle();
       return;
     }
-    const s = e.composedPath(), r = this._actions(), o = r.find((d) => s.includes(d));
+    const n = e.composedPath(), r = this._actions(), o = r.find((d) => n.includes(d));
     if (!o)
       return;
     const a = r.indexOf(o), c = {
       index: a,
       id: o.id || o.getAttribute("data-id") || String(a + 1),
-      label: o.getAttribute("aria-label") || ((n = o.textContent) == null ? void 0 : n.trim()) || `Action ${a + 1}`
+      label: o.getAttribute("aria-label") || ((s = o.textContent) == null ? void 0 : s.trim()) || `Action ${a + 1}`
     };
     this.dispatchEvent(new CustomEvent("select", { detail: c, bubbles: !0, composed: !0 })), this.getAttribute("mode") === "fab" && this.hide();
   }
@@ -292,10 +298,10 @@ class g extends b {
     const t = this._actions();
     if (!t.length)
       return;
-    const s = t.indexOf(e);
-    if (s < 0)
+    const n = t.indexOf(e);
+    if (n < 0)
       return;
-    const r = (s + i + t.length) % t.length;
+    const r = (n + i + t.length) % t.length;
     t[r].focus();
   }
   _onKeyDown(e) {
@@ -306,24 +312,24 @@ class g extends b {
     const i = e.target;
     if (!i)
       return;
-    const s = this._actions().find((n) => n === i || n.contains(i));
-    if (!s)
+    const n = this._actions().find((s) => s === i || s.contains(i));
+    if (!n)
       return;
     const r = this.getAttribute("orientation") === "vertical" || this.getAttribute("mode") === "fab", o = !r && getComputedStyle(this).direction === "rtl", a = r ? "ArrowDown" : o ? "ArrowLeft" : "ArrowRight", c = r ? "ArrowUp" : o ? "ArrowRight" : "ArrowLeft";
     if (e.key === a) {
-      e.preventDefault(), this._moveFocus(s, 1);
+      e.preventDefault(), this._moveFocus(n, 1);
       return;
     }
     if (e.key === c) {
-      e.preventDefault(), this._moveFocus(s, -1);
+      e.preventDefault(), this._moveFocus(n, -1);
       return;
     }
     if (e.key === "Home" || e.key === "End") {
       e.preventDefault();
-      const n = this._actions();
-      if (!n.length)
+      const s = this._actions();
+      if (!s.length)
         return;
-      (e.key === "Home" ? n[0] : n[n.length - 1]).focus();
+      (e.key === "Home" ? s[0] : s[s.length - 1]).focus();
     }
   }
   _syncOpenUi() {
@@ -333,18 +339,18 @@ class g extends b {
       this.requestRender();
       return;
     }
-    const e = this.getAttribute("mode") === "fab" ? "fab" : "bar", i = this.hasAttribute("collapsible") || e === "fab", t = this.open || !i && e === "bar", s = this.getAttribute("label") || "Quick actions", r = this.root.querySelector(".toggle");
-    r && (r.textContent = t ? "−" : "+", r.setAttribute("aria-label", s), r.setAttribute("aria-expanded", t ? "true" : "false"));
+    const e = this.getAttribute("mode") === "fab" ? "fab" : "bar", i = this.hasAttribute("collapsible") || e === "fab", t = this.open || !i && e === "bar", n = this.getAttribute("label") || "Quick actions", r = this.root.querySelector(".toggle");
+    r && (r.textContent = t ? "−" : "+", r.setAttribute("aria-label", n), r.setAttribute("aria-expanded", t ? "true" : "false"));
     const o = this.root.querySelector(".actions");
     o && (t ? o.removeAttribute("hidden") : o.setAttribute("hidden", "")), this._syncActionAccessibility(t);
   }
   render() {
-    const e = this.getAttribute("mode") === "fab" ? "fab" : "bar", i = this.hasAttribute("collapsible") || e === "fab", t = this.open || !i && e === "bar", s = this.getAttribute("label") || "Quick actions", r = this._actionsId(), o = this.getAttribute("orientation") === "vertical" || e === "fab" ? "vertical" : "horizontal";
+    const e = this.getAttribute("mode") === "fab" ? "fab" : "bar", i = this.hasAttribute("collapsible") || e === "fab", t = this.open || !i && e === "bar", n = this.getAttribute("label") || "Quick actions", r = this._actionsId(), o = this.getAttribute("orientation") === "vertical" || e === "fab" ? "vertical" : "horizontal";
     this.setContent(`
       <style>${h}</style>
-      <section class="root" part="root" role="toolbar" aria-label="${l(s)}" aria-orientation="${o}">
-        ${i ? `<button type="button" class="toggle" part="toggle" aria-label="${l(s)}" aria-controls="${r}" aria-haspopup="true" aria-expanded="${t ? "true" : "false"}">${t ? "−" : "+"}</button>` : ""}
-        <div id="${r}" class="actions" part="actions" role="group" aria-label="${l(s)} list" ${t ? "" : "hidden"}>
+      <section class="root" part="root" role="toolbar" aria-label="${l(n)}" aria-orientation="${o}">
+        ${i ? `<button type="button" class="toggle" part="toggle" aria-label="${l(n)}" aria-controls="${r}" aria-haspopup="true" aria-expanded="${t ? "true" : "false"}">${t ? "−" : "+"}</button>` : ""}
+        <div id="${r}" class="actions" part="actions" role="group" aria-label="${l(n)} list" ${t ? "" : "hidden"}>
           <slot name="action"></slot>
         </div>
       </section>

package/dist/radio.cjs.js

@@ -0,0 +1,259 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./ElementBase-1b301e7f.js"),u=`
+  :host {
+    --ui-radio-size: 18px;
+    --ui-radio-hit-area: 24px;
+    --ui-radio-dot-size: 8px;
+    --ui-radio-border: 1.5px solid color-mix(in srgb, var(--ui-radio-accent, var(--ui-primary, var(--ui-color-primary, #2563eb))) 44%, var(--ui-color-border, #cbd5e1) 56%);
+    --ui-radio-background: var(--ui-bg, var(--ui-color-surface, #ffffff));
+    --ui-radio-accent: var(--ui-primary, var(--ui-color-primary, #2563eb));
+    --ui-radio-dot-color: var(--ui-radio-accent);
+    --ui-radio-focus: 0 0 0 4px color-mix(in srgb, var(--ui-radio-accent) 24%, transparent);
+    --ui-radio-invalid: var(--ui-color-danger, #dc2626);
+    --ui-radio-invalid-focus: 0 0 0 4px color-mix(in srgb, var(--ui-radio-invalid) 24%, transparent);
+    --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-duration: 170ms;
+    --ui-radio-easing: cubic-bezier(0.2, 0.8, 0.2, 1);
+
+    display: inline-flex;
+    vertical-align: middle;
+    cursor: pointer;
+    user-select: none;
+    color-scheme: light dark;
+  }
+
+  :host([density="compact"]) {
+    --ui-radio-size: 16px;
+    --ui-radio-hit-area: 20px;
+    --ui-radio-dot-size: 7px;
+    --ui-radio-duration: 140ms;
+  }
+
+  :host([density="compact"]) .label {
+    font-size: 13px;
+    line-height: 1.35;
+  }
+
+  :host([density="comfortable"]) {
+    --ui-radio-size: 20px;
+    --ui-radio-hit-area: 28px;
+    --ui-radio-dot-size: 9px;
+  }
+
+  :host([density="comfortable"]) .label {
+    font-size: 15px;
+  }
+
+  :host([tone="neutral"]) { --ui-radio-accent: #64748b; }
+  :host([tone="success"]) { --ui-radio-accent: #16a34a; }
+  :host([tone="warning"]) { --ui-radio-accent: #d97706; }
+  :host([tone="danger"]) { --ui-radio-accent: #dc2626; }
+  :host([tone="info"]) { --ui-radio-accent: #0ea5e9; }
+
+  :host([disabled]),
+  :host([loading]) {
+    cursor: not-allowed;
+  }
+
+  .row {
+    display: inline-flex;
+    align-items: center;
+    gap: 10px;
+    min-height: var(--ui-radio-hit-area);
+  }
+
+  .control-wrap {
+    width: var(--ui-radio-hit-area);
+    min-width: var(--ui-radio-hit-area);
+    height: var(--ui-radio-hit-area);
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .control {
+    width: var(--ui-radio-size);
+    min-width: var(--ui-radio-size);
+    height: var(--ui-radio-size);
+    border-radius: 999px;
+    border: var(--ui-radio-border);
+    background: var(--ui-radio-background);
+    box-sizing: border-box;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    overflow: hidden;
+    transition:
+      border-color var(--ui-radio-duration) var(--ui-radio-easing),
+      background-color var(--ui-radio-duration) var(--ui-radio-easing),
+      box-shadow var(--ui-radio-duration) var(--ui-radio-easing),
+      transform var(--ui-radio-duration) var(--ui-radio-easing);
+  }
+
+  .control::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+    background: linear-gradient(180deg, color-mix(in srgb, #ffffff 26%, transparent), transparent 56%);
+    opacity: 0.18;
+    pointer-events: none;
+    transition: opacity var(--ui-radio-duration) var(--ui-radio-easing);
+  }
+
+  .dot {
+    width: var(--ui-radio-dot-size);
+    height: var(--ui-radio-dot-size);
+    border-radius: 999px;
+    background: var(--ui-radio-dot-color);
+    opacity: 0;
+    transform: scale(0.2);
+    transition:
+      opacity var(--ui-radio-duration) var(--ui-radio-easing),
+      transform var(--ui-radio-duration) var(--ui-radio-easing);
+  }
+
+  .spinner {
+    position: absolute;
+    width: calc(var(--ui-radio-size) - 5px);
+    height: calc(var(--ui-radio-size) - 5px);
+    border-radius: 999px;
+    border: 2px solid color-mix(in srgb, currentColor 25%, transparent);
+    border-top-color: currentColor;
+    opacity: 0;
+    animation: ui-radio-spin 700ms linear infinite;
+    pointer-events: none;
+  }
+
+  :host([checked]) .control {
+    border-color: var(--ui-radio-accent);
+    background: color-mix(in srgb, var(--ui-radio-accent) 8%, var(--ui-radio-background));
+  }
+
+  :host([checked]) .control::before {
+    opacity: 0.28;
+  }
+
+  :host([checked]) .dot {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  :host(:focus-visible) .control {
+    box-shadow: var(--ui-radio-focus);
+  }
+
+  :host(:not([disabled]):not([loading]):hover) .control {
+    transform: translateY(-0.5px);
+    border-color: color-mix(in srgb, var(--ui-radio-accent) 80%, #0f172a 20%);
+  }
+
+  :host(:not([disabled]):not([loading]):active) .control {
+    transform: scale(0.96);
+  }
+
+  :host([invalid]) .control {
+    border-color: var(--ui-radio-invalid);
+  }
+
+  :host([invalid]:focus-visible) .control {
+    box-shadow: var(--ui-radio-invalid-focus);
+  }
+
+  :host([disabled]) .control,
+  :host([loading]) .control {
+    background: var(--ui-radio-disabled-bg);
+    border: var(--ui-radio-disabled-border);
+    box-shadow: none;
+    transform: none;
+  }
+
+  :host([loading]) .spinner {
+    opacity: 1;
+  }
+
+  .label {
+    color: var(--ui-radio-label-color);
+    font-size: 14px;
+    line-height: 1.4;
+    letter-spacing: -0.005em;
+  }
+
+  .label:empty {
+    display: none;
+  }
+
+  :host([disabled]) .label,
+  :host([loading]) .label {
+    color: color-mix(in srgb, var(--ui-radio-label-color) 55%, var(--ui-radio-muted) 45%);
+  }
+
+  :host([headless]) .control {
+    display: none;
+  }
+
+  :host([headless]) .control-wrap {
+    width: 0;
+    min-width: 0;
+    height: 0;
+  }
+
+  :host([headless]) .row {
+    gap: 0;
+  }
+
+  :host([headless]) .label {
+    color: inherit;
+    font: inherit;
+  }
+
+  @keyframes ui-radio-spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .control,
+    .dot,
+    .spinner {
+      transition: none !important;
+      animation: none !important;
+    }
+  }
+
+  @media (prefers-contrast: more) {
+    :host {
+      --ui-radio-border: 2px solid currentColor;
+      --ui-radio-disabled-border: 2px solid currentColor;
+    }
+  }
+
+  @media (forced-colors: active) {
+    :host {
+      --ui-radio-background: Canvas;
+      --ui-radio-border: 1px solid CanvasText;
+      --ui-radio-accent: Highlight;
+      --ui-radio-invalid: Highlight;
+      --ui-radio-disabled-bg: Canvas;
+      --ui-radio-disabled-border: 1px solid GrayText;
+      --ui-radio-focus: 0 0 0 2px Highlight;
+      --ui-radio-invalid-focus: 0 0 0 2px Highlight;
+      --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(`
+      <style>${u}</style>
+      <span class="row" part="root">
+        <span class="control-wrap" part="hit-area" aria-hidden="true">
+          <span class="control" part="control">
+            <span class="dot" part="dot"></span>
+            <span class="spinner" part="spinner"></span>
+          </span>
+        </span>
+        <span class="label" id="${this._uid}-label" part="label"><slot></slot></span>
+      </span>
+    `)}}typeof customElements<"u"&&!customElements.get("ui-radio")&&customElements.define("ui-radio",s);exports.UIRadio=s;