@editora/ui-core 0.1.19 → 0.1.20

package/dist/split-button.esm.js

@@ -1,11 +1,32 @@
-import { E as b } from "./ElementBase-909688f3.mjs";
-import { c as f } from "./portal-fe73e5cc.mjs";
-import { c as g } from "./dismissable-layer-9c7e6b58.mjs";
-import { l as h } from "./positioner-e9770c66.mjs";
-import "./listbox-308789a0.mjs";
-import "./collection-a1aac0c6.mjs";
-import "./collection.esm.js";
-const m = 160, x = `
+import { E as c } from "./ElementBase-YlTLMsGk.mjs";
+import { b } from "./portal-bR42gHvG.mjs";
+import { c as f } from "./dismissable-layer-BmPIoK80.mjs";
+import { e as g } from "./positioner-D0VGxtYU.mjs";
+import "./listbox-DJamVeFj.mjs";
+const l = 160, h = [
+  "--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"
+], x = `
   :host {
     --ui-split-button-radius: 12px;
     --ui-split-button-border: 1px solid color-mix(in srgb, var(--ui-color-border, #cbd5e1) 70%, transparent);
@@ -190,7 +211,7 @@ const m = 160, x = `
     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;
   }
 
@@ -481,15 +502,15 @@ const m = 160, x = `
     }
   }
 `;
-function _(d, e) {
-  const t = d.cloneNode(!0);
+function _(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 y extends b {
+class y extends c {
   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);
   }
@@ -497,10 +518,8 @@ class y extends b {
     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();
+    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 });
@@ -531,7 +550,6 @@ class y extends b {
     }
   }
   render() {
-    var n, i, o;
     const e = this.getAttribute("label") || "Run action", t = this.getAttribute("menu-label") || "Open action menu";
     this.setContent(`
       <style>${x}</style>
@@ -542,7 +560,7 @@ class y extends b {
         </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);
+    `), 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 }));
@@ -553,50 +571,54 @@ class y extends b {
   _onKeyDown(e) {
     (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.openMenu());
   }
+  _applyPortalTokens(e) {
+    const t = window.getComputedStyle(this);
+    h.forEach((n) => {
+      const i = t.getPropertyValue(n).trim();
+      i ? e.style.setProperty(n, i) : e.style.removeProperty(n);
+    });
+  }
   _mountMenu() {
-    var c;
-    if (this._portalEl)
-      return;
-    const e = f();
-    if (!e)
-      return;
+    if (this._portalEl) return;
+    const e = b();
+    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 = v;
-    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);
+    const i = this.getAttribute("menu-heading") || "", r = this.getAttribute("menu-description") || "", p = 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 (o) {
-        const u = document.createElement("p");
-        u.className = "menu-description", u.textContent = o, a.appendChild(u);
+      if (r) {
+        const a = document.createElement("p");
+        a.className = "menu-description", a.textContent = r, s.appendChild(a);
       }
-      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) {
+      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 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 = h({
+    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), p && t.appendChild(p), t.appendChild(o), this._applyPortalTokens(t), this._portalRoot.appendChild(t), this._portalEl = t, this._listbox = o, this._positioner = g({
       floating: t,
       anchor: this.root.querySelector(".group") || this._toggleButton || this,
       placement: "bottom-start",
       offset: 6,
       fitViewport: !0
-    }), this._layer = g({
+    }), this._layer = f({
       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(() => {
+    }), 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 d = this._listbox.focusBoundary("first", { focus: !1, scroll: !1 });
+    d && this._listbox.setActiveItem(d, { focus: !1, scroll: !1 }), this._syncToggleState(), requestAnimationFrame(() => this._setMenuState("open")), queueMicrotask(() => {
       try {
         t.focus({ preventScroll: !0 });
       } catch {
@@ -609,24 +631,20 @@ class y extends b {
     return (e ? e.assignedElements({ flatten: !0 }) : []).filter((n) => n.getAttribute("slot") === "menuitem").map((n, i) => _(n, i));
   }
   _onMenuClick(e) {
-    var i, o;
-    const t = e.composedPath(), n = this._menuItems.find((r) => t.includes(r));
+    const t = e.composedPath(), n = this._menuItems.find((i) => t.includes(i));
     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);
+      const i = e.target?.closest?.("[data-menu-item]");
+      i && this._selectMenuItem(i);
       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();
+    e.target?.closest?.("[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]");
+    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) {
@@ -659,8 +677,7 @@ class y extends b {
     }
   }
   _syncToggleState() {
-    var e;
-    (e = this._toggleButton) == null || e.setAttribute("aria-expanded", this.hasAttribute("open") ? "true" : "false");
+    this._toggleButton?.setAttribute("aria-expanded", this.hasAttribute("open") ? "true" : "false");
   }
   _selectMenuItem(e) {
     const t = Number(e.getAttribute("data-index") || -1);
@@ -679,24 +696,22 @@ class y extends b {
   _beginCloseMenu() {
     this._portalEl && (this._clearCloseTimer(), this._setMenuState("closing"), this._portalEl.style.pointerEvents = "none", this._closeTimer = window.setTimeout(() => {
       this._closeTimer = null, this._teardownMenu(!0);
-    }, m));
+    }, l));
   }
   _setMenuState(e) {
-    var t;
-    (t = this._portalEl) == null || t.setAttribute("data-state", e);
+    this._portalEl?.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(() => {
+    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 {
-          o.focus({ preventScroll: !0 });
+          t.focus({ preventScroll: !0 });
         } catch {
-          o.focus();
+          t.focus();
         }
       });
     }

package/dist/splitter.cjs.js

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

package/dist/splitter.esm.js

@@ -1,4 +1,4 @@
-import { E as s } from "./ElementBase-909688f3.mjs";
+import { E as s } from "./ElementBase-YlTLMsGk.mjs";
 const r = `
   :host {
     --ui-splitter-size: 10px;

package/dist/stepper.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("./ElementBase-1b301e7f.js"),f=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("./ElementBase-EV6mVBUV.js"),g=`
   :host {
     --ui-stepper-gap: 8px;
     --ui-stepper-radius: 12px;
@@ -279,28 +279,28 @@
       border-color: CanvasText;
     }
   }
-`;function u(o){return o.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function h(o){if(!o)return[];try{const e=JSON.parse(o);return Array.isArray(e)?e.filter(t=>t&&typeof t=="object"):[]}catch{return[]}}function d(o){if(o==null)return!1;const e=String(o).toLowerCase();return e!=="false"&&e!=="0"&&e!=="off"}class b extends g.ElementBase{constructor(){super(),this._observer=null,this._isSyncingValueAttribute=!1,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this)}static get observedAttributes(){return["steps","value","orientation","variant","size","clickable","linear","headless","aria-label"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onClick),this.root.addEventListener("keydown",this._onKeyDown),this._observer=new MutationObserver(()=>{this.hasAttribute("steps")||this.requestRender()}),this._observer.observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:["slot","data-value","data-label","data-description","data-optional","data-disabled","data-state","disabled"]})}disconnectedCallback(){this.root.removeEventListener("click",this._onClick),this.root.removeEventListener("keydown",this._onKeyDown),this._observer&&(this._observer.disconnect(),this._observer=null),super.disconnectedCallback()}attributeChangedCallback(e,t,r){if(t!==r){if(e==="value"){this._isSyncingValueAttribute||this._syncValueUi();return}if(e==="aria-label"){const s=this.root.querySelector(".frame");if(s){s.setAttribute("aria-label",r||"Stepper");return}}this.isConnected&&this.requestRender()}}_fromSlots(){return Array.from(this.querySelectorAll('[slot="step"], [data-step]')).map((t,r)=>{var p;const s=t.getAttribute("data-value")||String(r+1),i=t.getAttribute("data-label")||t.getAttribute("title")||((p=t.textContent)==null?void 0:p.trim())||`Step ${r+1}`,a=t.getAttribute("data-description")||"",l=d(t.getAttribute("data-optional")),n=t.hasAttribute("disabled")||d(t.getAttribute("data-disabled")),c=t.getAttribute("data-state");return{index:r,value:s,label:i,description:a,optional:l,disabled:n,state:c==="complete"||c==="error"||c==="warning"?c:"default"}})}_fromAttr(){return h(this.getAttribute("steps")).map((e,t)=>{const r=e.state==="complete"||e.state==="error"||e.state==="warning"?e.state:"default";return{index:t,value:e.value!=null?String(e.value):String(t+1),label:e.label!=null?String(e.label):`Step ${t+1}`,description:e.description!=null?String(e.description):"",optional:!!e.optional,disabled:!!e.disabled,state:r}})}_steps(){const e=this._fromAttr();return e.length?e:this._fromSlots()}_activeIndex(e){if(!e.length)return-1;const t=this.getAttribute("value")||"";if(t){const s=e.findIndex(i=>i.value===t);if(s>=0)return s}const r=e.find(s=>!s.disabled)||e[0];return r&&this.getAttribute("value")!==r.value&&this.setAttribute("value",r.value),e.findIndex(s=>s.value===r.value)}get value(){return this.getAttribute("value")||""}set value(e){const t=String(e||"");t?this.setAttribute("value",t):this.removeAttribute("value")}goTo(e){const t=this._steps();if(!t.length)return!1;const r=this._activeIndex(t),s=typeof e=="number"?e:t.findIndex(i=>i.value===String(e));return!Number.isInteger(s)||s<0||s>=t.length?!1:this._selectIndex(t,r,s,"api")}next(){const e=this._steps(),t=this._activeIndex(e);if(t<0)return!1;const r=Math.min(e.length-1,t+1);return this._selectIndex(e,t,r,"next")}prev(){const e=this._steps(),t=this._activeIndex(e);if(t<0)return!1;const r=Math.max(0,t-1);return this._selectIndex(e,t,r,"prev")}_selectIndex(e,t,r,s){if(r===t)return!0;const i=e[r];if(!i||i.disabled||this.hasAttribute("linear")&&r>t+1)return!1;const a=e[t],l=new CustomEvent("before-change",{detail:{currentIndex:t,nextIndex:r,currentValue:(a==null?void 0:a.value)||"",nextValue:i.value,trigger:s},bubbles:!0,composed:!0,cancelable:!0});if(!this.dispatchEvent(l))return!1;this.value=i.value;const n={index:r,value:i.value,label:i.label,trigger:s};return this.dispatchEvent(new CustomEvent("input",{detail:n,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:n,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("select",{detail:n,bubbles:!0,composed:!0})),!0}_onClick(e){const t=e.target,r=t==null?void 0:t.closest(".trigger");if(!r||!this.hasAttribute("clickable")&&!this.hasAttribute("linear"))return;const s=Number(r.getAttribute("data-index"));if(!Number.isInteger(s))return;const i=this._steps(),a=this._activeIndex(i);this._selectIndex(i,a,s,"click")}_moveFocus(e,t){const r=Array.from(this.root.querySelectorAll(".trigger:not([disabled])"));if(!r.length)return;const s=r.indexOf(e);if(s<0)return;const i=(s+t+r.length)%r.length;r[i].focus()}_onKeyDown(e){const t=e.target,r=t==null?void 0:t.closest(".trigger");if(!r)return;const s=this.getAttribute("orientation")==="vertical",i=!s&&getComputedStyle(this).direction==="rtl",a=s?"ArrowDown":i?"ArrowLeft":"ArrowRight",l=s?"ArrowUp":i?"ArrowRight":"ArrowLeft";if(e.key===a){e.preventDefault(),this._moveFocus(r,1);return}if(e.key===l){e.preventDefault(),this._moveFocus(r,-1);return}if(e.key==="Home"||e.key==="End"){const n=Array.from(this.root.querySelectorAll(".trigger:not([disabled])"));if(!n.length)return;e.preventDefault(),(e.key==="Home"?n[0]:n[n.length-1]).focus();return}(e.key===" "||e.key==="Enter")&&(e.preventDefault(),r.click())}_syncValueUi(){if(!this.isConnected)return;if(!this.root.querySelector(".list")){this.requestRender();return}const e=this._steps();if(!e.length)return;this._isSyncingValueAttribute=!0;let t=-1;try{t=this._activeIndex(e)}finally{this._isSyncingValueAttribute=!1}Array.from(this.root.querySelectorAll(".item")).forEach((s,i)=>{const a=e[i];if(!a)return;const l=a.state!=="default"?a.state:i<t?"complete":i===t?"current":"upcoming";s.setAttribute("data-state",l),s.setAttribute("data-active",i===t?"true":"false");const n=s.querySelector(".trigger");n&&n.setAttribute("aria-current",i===t?"step":"false");const c=s.querySelector(".index");c&&(c.textContent=i<t?"✓":String(i+1))})}render(){const e=this._steps(),t=this._activeIndex(e),r=this.getAttribute("aria-label")||"Stepper",s=e.map((i,a)=>`
-          <li class="item" part="item" data-state="${i.state!=="default"?i.state:a<t?"complete":a===t?"current":"upcoming"}" data-active="${a===t?"true":"false"}">
+`;function u(o){return o.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function f(o){if(!o)return[];try{const t=JSON.parse(o);return Array.isArray(t)?t.filter(e=>e&&typeof e=="object"):[]}catch{return[]}}function p(o){if(o==null)return!1;const t=String(o).toLowerCase();return t!=="false"&&t!=="0"&&t!=="off"}class d extends b.ElementBase{constructor(){super(),this._observer=null,this._isSyncingValueAttribute=!1,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this)}static get observedAttributes(){return["steps","value","orientation","variant","size","clickable","linear","headless","aria-label"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onClick),this.root.addEventListener("keydown",this._onKeyDown),this._observer=new MutationObserver(()=>{this.hasAttribute("steps")||this.requestRender()}),this._observer.observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:["slot","data-value","data-label","data-description","data-optional","data-disabled","data-state","disabled"]})}disconnectedCallback(){this.root.removeEventListener("click",this._onClick),this.root.removeEventListener("keydown",this._onKeyDown),this._observer&&(this._observer.disconnect(),this._observer=null),super.disconnectedCallback()}attributeChangedCallback(t,e,r){if(e!==r){if(t==="value"){this._isSyncingValueAttribute||this._syncValueUi();return}if(t==="aria-label"){const s=this.root.querySelector(".frame");if(s){s.setAttribute("aria-label",r||"Stepper");return}}this.isConnected&&this.requestRender()}}_fromSlots(){return Array.from(this.querySelectorAll('[slot="step"], [data-step]')).map((e,r)=>{const s=e.getAttribute("data-value")||String(r+1),i=e.getAttribute("data-label")||e.getAttribute("title")||e.textContent?.trim()||`Step ${r+1}`,a=e.getAttribute("data-description")||"",l=p(e.getAttribute("data-optional")),n=e.hasAttribute("disabled")||p(e.getAttribute("data-disabled")),c=e.getAttribute("data-state");return{index:r,value:s,label:i,description:a,optional:l,disabled:n,state:c==="complete"||c==="error"||c==="warning"?c:"default"}})}_fromAttr(){return f(this.getAttribute("steps")).map((t,e)=>{const r=t.state==="complete"||t.state==="error"||t.state==="warning"?t.state:"default";return{index:e,value:t.value!=null?String(t.value):String(e+1),label:t.label!=null?String(t.label):`Step ${e+1}`,description:t.description!=null?String(t.description):"",optional:!!t.optional,disabled:!!t.disabled,state:r}})}_steps(){const t=this._fromAttr();return t.length?t:this._fromSlots()}_activeIndex(t){if(!t.length)return-1;const e=this.getAttribute("value")||"";if(e){const s=t.findIndex(i=>i.value===e);if(s>=0)return s}const r=t.find(s=>!s.disabled)||t[0];return r&&this.getAttribute("value")!==r.value&&this.setAttribute("value",r.value),t.findIndex(s=>s.value===r.value)}get value(){return this.getAttribute("value")||""}set value(t){const e=String(t||"");e?this.setAttribute("value",e):this.removeAttribute("value")}goTo(t){const e=this._steps();if(!e.length)return!1;const r=this._activeIndex(e),s=typeof t=="number"?t:e.findIndex(i=>i.value===String(t));return!Number.isInteger(s)||s<0||s>=e.length?!1:this._selectIndex(e,r,s,"api")}next(){const t=this._steps(),e=this._activeIndex(t);if(e<0)return!1;const r=Math.min(t.length-1,e+1);return this._selectIndex(t,e,r,"next")}prev(){const t=this._steps(),e=this._activeIndex(t);if(e<0)return!1;const r=Math.max(0,e-1);return this._selectIndex(t,e,r,"prev")}_selectIndex(t,e,r,s){if(r===e)return!0;const i=t[r];if(!i||i.disabled||this.hasAttribute("linear")&&r>e+1)return!1;const a=t[e],l=new CustomEvent("before-change",{detail:{currentIndex:e,nextIndex:r,currentValue:a?.value||"",nextValue:i.value,trigger:s},bubbles:!0,composed:!0,cancelable:!0});if(!this.dispatchEvent(l))return!1;this.value=i.value;const n={index:r,value:i.value,label:i.label,trigger:s};return this.dispatchEvent(new CustomEvent("input",{detail:n,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:n,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("select",{detail:n,bubbles:!0,composed:!0})),!0}_onClick(t){const r=t.target?.closest(".trigger");if(!r||!this.hasAttribute("clickable")&&!this.hasAttribute("linear"))return;const s=Number(r.getAttribute("data-index"));if(!Number.isInteger(s))return;const i=this._steps(),a=this._activeIndex(i);this._selectIndex(i,a,s,"click")}_moveFocus(t,e){const r=Array.from(this.root.querySelectorAll(".trigger:not([disabled])"));if(!r.length)return;const s=r.indexOf(t);if(s<0)return;const i=(s+e+r.length)%r.length;r[i].focus()}_onKeyDown(t){const r=t.target?.closest(".trigger");if(!r)return;const s=this.getAttribute("orientation")==="vertical",i=!s&&getComputedStyle(this).direction==="rtl",a=s?"ArrowDown":i?"ArrowLeft":"ArrowRight",l=s?"ArrowUp":i?"ArrowRight":"ArrowLeft";if(t.key===a){t.preventDefault(),this._moveFocus(r,1);return}if(t.key===l){t.preventDefault(),this._moveFocus(r,-1);return}if(t.key==="Home"||t.key==="End"){const n=Array.from(this.root.querySelectorAll(".trigger:not([disabled])"));if(!n.length)return;t.preventDefault(),(t.key==="Home"?n[0]:n[n.length-1]).focus();return}(t.key===" "||t.key==="Enter")&&(t.preventDefault(),r.click())}_syncValueUi(){if(!this.isConnected)return;if(!this.root.querySelector(".list")){this.requestRender();return}const t=this._steps();if(!t.length)return;this._isSyncingValueAttribute=!0;let e=-1;try{e=this._activeIndex(t)}finally{this._isSyncingValueAttribute=!1}Array.from(this.root.querySelectorAll(".item")).forEach((s,i)=>{const a=t[i];if(!a)return;const l=a.state!=="default"?a.state:i<e?"complete":i===e?"current":"upcoming";s.setAttribute("data-state",l),s.setAttribute("data-active",i===e?"true":"false");const n=s.querySelector(".trigger");n&&n.setAttribute("aria-current",i===e?"step":"false");const c=s.querySelector(".index");c&&(c.textContent=i<e?"✓":String(i+1))})}render(){const t=this._steps(),e=this._activeIndex(t),r=this.getAttribute("aria-label")||"Stepper",s=t.map((i,a)=>`
+          <li class="item" part="item" data-state="${i.state!=="default"?i.state:a<e?"complete":a===e?"current":"upcoming"}" data-active="${a===e?"true":"false"}">
             <button
               type="button"
               class="trigger"
               part="trigger"
               data-index="${a}"
-              aria-current="${a===t?"step":"false"}"
+              aria-current="${a===e?"step":"false"}"
               aria-disabled="${i.disabled?"true":"false"}"
               ${i.disabled?"disabled":""}
             >
-              <span class="index" part="index">${a<t?"✓":a+1}</span>
+              <span class="index" part="index">${a<e?"✓":a+1}</span>
               <span class="meta" part="meta">
                 <span class="label">${u(i.label)}${i.optional?" (optional)":""}</span>
                 ${i.description?`<span class="description">${u(i.description)}</span>`:""}
               </span>
             </button>
-            ${a<e.length-1?'<span class="connector" part="connector"></span>':""}
+            ${a<t.length-1?'<span class="connector" part="connector"></span>':""}
           </li>
         `).join("");this.setContent(`
-      <style>${f}</style>
+      <style>${g}</style>
       <section class="frame" part="frame" role="group" aria-label="${u(r)}">
         <ol class="list" part="list">${s}</ol>
       </section>
-    `)}}typeof customElements<"u"&&!customElements.get("ui-stepper")&&customElements.define("ui-stepper",b);exports.UIStepper=b;
+    `)}}typeof customElements<"u"&&!customElements.get("ui-stepper")&&customElements.define("ui-stepper",d);exports.UIStepper=d;

package/dist/stepper.esm.js

@@ -1,5 +1,5 @@
-import { E as b } from "./ElementBase-909688f3.mjs";
-const g = `
+import { E as d } from "./ElementBase-YlTLMsGk.mjs";
+const b = `
   :host {
     --ui-stepper-gap: 8px;
     --ui-stepper-radius: 12px;
@@ -284,9 +284,8 @@ const g = `
 function u(o) {
   return o.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function f(o) {
-  if (!o)
-    return [];
+function g(o) {
+  if (!o) return [];
   try {
     const t = JSON.parse(o);
     return Array.isArray(t) ? t.filter((e) => e && typeof e == "object") : [];
@@ -294,13 +293,12 @@ function f(o) {
     return [];
   }
 }
-function d(o) {
-  if (o == null)
-    return !1;
+function p(o) {
+  if (o == null) return !1;
   const t = String(o).toLowerCase();
   return t !== "false" && t !== "0" && t !== "off";
 }
-class h extends b {
+class f extends d {
   constructor() {
     super(), this._observer = null, this._isSyncingValueAttribute = !1, this._onClick = this._onClick.bind(this), this._onKeyDown = this._onKeyDown.bind(this);
   }
@@ -349,13 +347,12 @@ class h extends b {
   }
   _fromSlots() {
     return Array.from(this.querySelectorAll('[slot="step"], [data-step]')).map((e, r) => {
-      var p;
-      const s = e.getAttribute("data-value") || String(r + 1), i = e.getAttribute("data-label") || e.getAttribute("title") || ((p = e.textContent) == null ? void 0 : p.trim()) || `Step ${r + 1}`, a = e.getAttribute("data-description") || "", l = d(e.getAttribute("data-optional")), n = e.hasAttribute("disabled") || d(e.getAttribute("data-disabled")), c = e.getAttribute("data-state");
+      const s = e.getAttribute("data-value") || String(r + 1), i = e.getAttribute("data-label") || e.getAttribute("title") || e.textContent?.trim() || `Step ${r + 1}`, a = e.getAttribute("data-description") || "", l = p(e.getAttribute("data-optional")), n = e.hasAttribute("disabled") || p(e.getAttribute("data-disabled")), c = e.getAttribute("data-state");
       return { index: r, value: s, label: i, description: a, optional: l, disabled: n, state: c === "complete" || c === "error" || c === "warning" ? c : "default" };
     });
   }
   _fromAttr() {
-    return f(this.getAttribute("steps")).map((t, e) => {
+    return g(this.getAttribute("steps")).map((t, e) => {
       const r = t.state === "complete" || t.state === "error" || t.state === "warning" ? t.state : "default";
       return {
         index: e,
@@ -373,13 +370,11 @@ class h extends b {
     return t.length ? t : this._fromSlots();
   }
   _activeIndex(t) {
-    if (!t.length)
-      return -1;
+    if (!t.length) return -1;
     const e = this.getAttribute("value") || "";
     if (e) {
       const s = t.findIndex((i) => i.value === e);
-      if (s >= 0)
-        return s;
+      if (s >= 0) return s;
     }
     const r = t.find((s) => !s.disabled) || t[0];
     return r && this.getAttribute("value") !== r.value && this.setAttribute("value", r.value), t.findIndex((s) => s.value === r.value);
@@ -393,36 +388,31 @@ class h extends b {
   }
   goTo(t) {
     const e = this._steps();
-    if (!e.length)
-      return !1;
+    if (!e.length) return !1;
     const r = this._activeIndex(e), s = typeof t == "number" ? t : e.findIndex((i) => i.value === String(t));
     return !Number.isInteger(s) || s < 0 || s >= e.length ? !1 : this._selectIndex(e, r, s, "api");
   }
   next() {
     const t = this._steps(), e = this._activeIndex(t);
-    if (e < 0)
-      return !1;
+    if (e < 0) return !1;
     const r = Math.min(t.length - 1, e + 1);
     return this._selectIndex(t, e, r, "next");
   }
   prev() {
     const t = this._steps(), e = this._activeIndex(t);
-    if (e < 0)
-      return !1;
+    if (e < 0) return !1;
     const r = Math.max(0, e - 1);
     return this._selectIndex(t, e, r, "prev");
   }
   _selectIndex(t, e, r, s) {
-    if (r === e)
-      return !0;
+    if (r === e) return !0;
     const i = t[r];
-    if (!i || i.disabled || this.hasAttribute("linear") && r > e + 1)
-      return !1;
+    if (!i || i.disabled || this.hasAttribute("linear") && r > e + 1) return !1;
     const a = t[e], l = new CustomEvent("before-change", {
       detail: {
         currentIndex: e,
         nextIndex: r,
-        currentValue: (a == null ? void 0 : a.value) || "",
+        currentValue: a?.value || "",
         nextValue: i.value,
         trigger: s
       },
@@ -430,8 +420,7 @@ class h extends b {
       composed: !0,
       cancelable: !0
     });
-    if (!this.dispatchEvent(l))
-      return !1;
+    if (!this.dispatchEvent(l)) return !1;
     this.value = i.value;
     const n = {
       index: r,
@@ -442,29 +431,24 @@ class h extends b {
     return this.dispatchEvent(new CustomEvent("input", { detail: n, bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("change", { detail: n, bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("select", { detail: n, bubbles: !0, composed: !0 })), !0;
   }
   _onClick(t) {
-    const e = t.target, r = e == null ? void 0 : e.closest(".trigger");
-    if (!r || !this.hasAttribute("clickable") && !this.hasAttribute("linear"))
-      return;
+    const r = t.target?.closest(".trigger");
+    if (!r || !this.hasAttribute("clickable") && !this.hasAttribute("linear")) return;
     const s = Number(r.getAttribute("data-index"));
-    if (!Number.isInteger(s))
-      return;
+    if (!Number.isInteger(s)) return;
     const i = this._steps(), a = this._activeIndex(i);
     this._selectIndex(i, a, s, "click");
   }
   _moveFocus(t, e) {
     const r = Array.from(this.root.querySelectorAll(".trigger:not([disabled])"));
-    if (!r.length)
-      return;
+    if (!r.length) return;
     const s = r.indexOf(t);
-    if (s < 0)
-      return;
+    if (s < 0) return;
     const i = (s + e + r.length) % r.length;
     r[i].focus();
   }
   _onKeyDown(t) {
-    const e = t.target, r = e == null ? void 0 : e.closest(".trigger");
-    if (!r)
-      return;
+    const r = t.target?.closest(".trigger");
+    if (!r) return;
     const s = this.getAttribute("orientation") === "vertical", i = !s && getComputedStyle(this).direction === "rtl", a = s ? "ArrowDown" : i ? "ArrowLeft" : "ArrowRight", l = s ? "ArrowUp" : i ? "ArrowRight" : "ArrowLeft";
     if (t.key === a) {
       t.preventDefault(), this._moveFocus(r, 1);
@@ -476,23 +460,20 @@ class h extends b {
     }
     if (t.key === "Home" || t.key === "End") {
       const n = Array.from(this.root.querySelectorAll(".trigger:not([disabled])"));
-      if (!n.length)
-        return;
+      if (!n.length) return;
       t.preventDefault(), (t.key === "Home" ? n[0] : n[n.length - 1]).focus();
       return;
     }
     (t.key === " " || t.key === "Enter") && (t.preventDefault(), r.click());
   }
   _syncValueUi() {
-    if (!this.isConnected)
-      return;
+    if (!this.isConnected) return;
     if (!this.root.querySelector(".list")) {
       this.requestRender();
       return;
     }
     const t = this._steps();
-    if (!t.length)
-      return;
+    if (!t.length) return;
     this._isSyncingValueAttribute = !0;
     let e = -1;
     try {
@@ -502,8 +483,7 @@ class h extends b {
     }
     Array.from(this.root.querySelectorAll(".item")).forEach((s, i) => {
       const a = t[i];
-      if (!a)
-        return;
+      if (!a) return;
       const l = a.state !== "default" ? a.state : i < e ? "complete" : i === e ? "current" : "upcoming";
       s.setAttribute("data-state", l), s.setAttribute("data-active", i === e ? "true" : "false");
       const n = s.querySelector(".trigger");
@@ -534,14 +514,14 @@ class h extends b {
           </li>
         `).join("");
     this.setContent(`
-      <style>${g}</style>
+      <style>${b}</style>
       <section class="frame" part="frame" role="group" aria-label="${u(r)}">
         <ol class="list" part="list">${s}</ol>
       </section>
     `);
   }
 }
-typeof customElements < "u" && !customElements.get("ui-stepper") && customElements.define("ui-stepper", h);
+typeof customElements < "u" && !customElements.get("ui-stepper") && customElements.define("ui-stepper", f);
 export {
-  h as UIStepper
+  f as UIStepper
 };

package/dist/switch.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("./ElementBase-1b301e7f.js"),f=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const w=require("./ElementBase-EV6mVBUV.js"),g=`
   :host {
     --ui-switch-width: 44px;
     --ui-switch-height: 24px;
@@ -372,8 +372,8 @@
       background: HighlightText;
     }
   }
-`,u=new Set(["label","description"]);function d(s){if(s==null)return!1;const t=String(s).toLowerCase();return t!=="false"&&t!=="0"&&t!=="off"}function b(s){return String(s).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function m(s){for(const t of s)if(t instanceof HTMLElement&&t.matches('a,button,input,select,textarea,[contenteditable="true"],[data-ui-switch-no-toggle]'))return!0;return!1}class p extends g.ElementBase{constructor(){super(),this._control=null,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return["checked","disabled","headless","loading","size","variant","tone","shape","elevation","label","description","name","value","required","tabindex","aria-label"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onClick),this.root.addEventListener("keydown",this._onKeyDown),this.root.addEventListener("slotchange",this._onSlotChange),this._syncAria()}disconnectedCallback(){this.root.removeEventListener("click",this._onClick),this.root.removeEventListener("keydown",this._onKeyDown),this.root.removeEventListener("slotchange",this._onSlotChange),super.disconnectedCallback()}attributeChangedCallback(t,i,e){if(i!==e){if(u.has(t)){super.attributeChangedCallback(t,i,e);return}this._syncAria()}}get checked(){return this.hasAttribute("checked")}set checked(t){t?this.setAttribute("checked",""):this.removeAttribute("checked")}get disabled(){return this.hasAttribute("disabled")||this.hasAttribute("loading")}set disabled(t){t?this.setAttribute("disabled",""):this.removeAttribute("disabled")}toggle(t){if(this.disabled)return;const i=typeof t=="boolean"?t:!this.checked;if(i===this.checked){this._syncAria();return}this.checked=i,this._syncAria();const e={checked:i,value:this.getAttribute("value")||"on",name:this.getAttribute("name")||"",required:d(this.getAttribute("required"))};this.dispatchEvent(new CustomEvent("input",{detail:e,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:e,bubbles:!0,composed:!0}))}_syncAria(){const t=this.checked,i=this.disabled,e=this.hasAttribute("loading"),r=d(this.getAttribute("required"));this.setAttribute("role","switch"),this.setAttribute("aria-checked",t?"true":"false"),this.setAttribute("aria-disabled",i?"true":"false"),this.setAttribute("aria-busy",e?"true":"false"),r?this.setAttribute("aria-required","true"):this.removeAttribute("aria-required");const o=this.getAttribute("data-ui-switch-tabindex");i?(o==null&&this.setAttribute("data-ui-switch-tabindex",this.getAttribute("tabindex")||""),this.getAttribute("tabindex")!=="-1"&&this.setAttribute("tabindex","-1")):o!=null?(o?this.setAttribute("tabindex",o):this.removeAttribute("tabindex"),this.removeAttribute("data-ui-switch-tabindex")):this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this._control&&(this._control.disabled=i)}_onClick(t){if(this.disabled)return;const i=t.composedPath();if(!i.some(a=>a instanceof HTMLElement&&a.classList.contains("control"))&&m(i))return;const r=t.target;r instanceof HTMLElement&&r.closest(".shell")&&(this.toggle(),this.focus({preventScroll:!0}))}_onKeyDown(t){if(this.disabled||t.defaultPrevented)return;const i=t.target;if(i instanceof HTMLElement&&i!==this&&!i.closest(".control"))return;const e=getComputedStyle(this).direction==="rtl";if(t.key===" "||t.key==="Enter"){t.preventDefault(),this.toggle();return}if(t.key==="ArrowLeft"){t.preventDefault(),this.toggle(e);return}if(t.key==="ArrowRight"){t.preventDefault(),this.toggle(!e);return}if(t.key==="Home"){t.preventDefault(),this.toggle(!1);return}t.key==="End"&&(t.preventDefault(),this.toggle(!0))}_onSlotChange(){this.requestRender()}render(){const t=this.checked,i=this.disabled,e=(this.getAttribute("label")||"").trim(),r=(this.getAttribute("description")||"").trim(),o=Array.from(this.childNodes).some(n=>{var l;return n.nodeType===Node.TEXT_NODE?!!((l=n.textContent)!=null&&l.trim()):n.nodeType!==Node.ELEMENT_NODE?!1:!n.getAttribute("slot")}),a=!!this.querySelector('[slot="description"]'),c=!!e||o,h=!!r||a,w=c||h;this.setContent(`
-      <style>${f}</style>
+`,l=new Set(["label","description"]);function u(s){if(s==null)return!1;const t=String(s).toLowerCase();return t!=="false"&&t!=="0"&&t!=="off"}function d(s){return String(s).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function f(s){for(const t of s)if(t instanceof HTMLElement&&t.matches('a,button,input,select,textarea,[contenteditable="true"],[data-ui-switch-no-toggle]'))return!0;return!1}class b extends w.ElementBase{constructor(){super(),this._control=null,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return["checked","disabled","headless","loading","size","variant","tone","shape","elevation","label","description","name","value","required","tabindex","aria-label"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onClick),this.root.addEventListener("keydown",this._onKeyDown),this.root.addEventListener("slotchange",this._onSlotChange),this._syncAria()}disconnectedCallback(){this.root.removeEventListener("click",this._onClick),this.root.removeEventListener("keydown",this._onKeyDown),this.root.removeEventListener("slotchange",this._onSlotChange),super.disconnectedCallback()}attributeChangedCallback(t,i,e){if(i!==e){if(l.has(t)){super.attributeChangedCallback(t,i,e);return}this._syncAria()}}get checked(){return this.hasAttribute("checked")}set checked(t){t?this.setAttribute("checked",""):this.removeAttribute("checked")}get disabled(){return this.hasAttribute("disabled")||this.hasAttribute("loading")}set disabled(t){t?this.setAttribute("disabled",""):this.removeAttribute("disabled")}toggle(t){if(this.disabled)return;const i=typeof t=="boolean"?t:!this.checked;if(i===this.checked){this._syncAria();return}this.checked=i,this._syncAria();const e={checked:i,value:this.getAttribute("value")||"on",name:this.getAttribute("name")||"",required:u(this.getAttribute("required"))};this.dispatchEvent(new CustomEvent("input",{detail:e,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:e,bubbles:!0,composed:!0}))}_syncAria(){const t=this.checked,i=this.disabled,e=this.hasAttribute("loading"),r=u(this.getAttribute("required"));this.setAttribute("role","switch"),this.setAttribute("aria-checked",t?"true":"false"),this.setAttribute("aria-disabled",i?"true":"false"),this.setAttribute("aria-busy",e?"true":"false"),r?this.setAttribute("aria-required","true"):this.removeAttribute("aria-required");const o=this.getAttribute("data-ui-switch-tabindex");i?(o==null&&this.setAttribute("data-ui-switch-tabindex",this.getAttribute("tabindex")||""),this.getAttribute("tabindex")!=="-1"&&this.setAttribute("tabindex","-1")):o!=null?(o?this.setAttribute("tabindex",o):this.removeAttribute("tabindex"),this.removeAttribute("data-ui-switch-tabindex")):this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this._control&&(this._control.disabled=i)}_onClick(t){if(this.disabled)return;const i=t.composedPath();if(!i.some(a=>a instanceof HTMLElement&&a.classList.contains("control"))&&f(i))return;const r=t.target;r instanceof HTMLElement&&r.closest(".shell")&&(this.toggle(),this.focus({preventScroll:!0}))}_onKeyDown(t){if(this.disabled||t.defaultPrevented)return;const i=t.target;if(i instanceof HTMLElement&&i!==this&&!i.closest(".control"))return;const e=getComputedStyle(this).direction==="rtl";if(t.key===" "||t.key==="Enter"){t.preventDefault(),this.toggle();return}if(t.key==="ArrowLeft"){t.preventDefault(),this.toggle(e);return}if(t.key==="ArrowRight"){t.preventDefault(),this.toggle(!e);return}if(t.key==="Home"){t.preventDefault(),this.toggle(!1);return}t.key==="End"&&(t.preventDefault(),this.toggle(!0))}_onSlotChange(){this.requestRender()}render(){const t=this.checked,i=this.disabled,e=(this.getAttribute("label")||"").trim(),r=(this.getAttribute("description")||"").trim(),o=Array.from(this.childNodes).some(n=>n.nodeType===Node.TEXT_NODE?!!n.textContent?.trim():n.nodeType!==Node.ELEMENT_NODE?!1:!n.getAttribute("slot")),a=!!this.querySelector('[slot="description"]'),c=!!e||o,h=!!r||a,p=c||h;this.setContent(`
+      <style>${g}</style>
       <span class="shell" part="shell">
         <button
           type="button"
@@ -389,9 +389,9 @@
             <span class="thumb-icon icon-off" aria-hidden="true">•</span>
           </span>
         </button>
-        <span class="label-wrap" part="label-wrap" ${w?"":"hidden"}>
-          <span class="label" part="label" ${c?"":"hidden"}><slot>${b(e)}</slot></span>
-          <span class="description" part="description" ${h?"":"hidden"}><slot name="description">${b(r)}</slot></span>
+        <span class="label-wrap" part="label-wrap" ${p?"":"hidden"}>
+          <span class="label" part="label" ${c?"":"hidden"}><slot>${d(e)}</slot></span>
+          <span class="description" part="description" ${h?"":"hidden"}><slot name="description">${d(r)}</slot></span>
         </span>
       </span>
-    `),this._control=this.root.querySelector(".control"),this._syncAria(),this.setAttribute("aria-checked",t?"true":"false")}shouldRenderOnAttributeChange(t,i,e){return u.has(t)}}typeof customElements<"u"&&!customElements.get("ui-switch")&&customElements.define("ui-switch",p);exports.UISwitch=p;
+    `),this._control=this.root.querySelector(".control"),this._syncAria(),this.setAttribute("aria-checked",t?"true":"false")}shouldRenderOnAttributeChange(t,i,e){return l.has(t)}}typeof customElements<"u"&&!customElements.get("ui-switch")&&customElements.define("ui-switch",b);exports.UISwitch=b;