@editora/ui-core 0.1.19 → 0.1.20

package/dist/floating-toolbar.esm.js

@@ -1,6 +1,6 @@
-import { E as c } from "./ElementBase-909688f3.mjs";
-import { l as b } from "./positioner-e9770c66.mjs";
-const f = `
+import { E as u } from "./ElementBase-YlTLMsGk.mjs";
+import { e as h } from "./positioner-D0VGxtYU.mjs";
+const d = `
   :host {
     position: fixed;
     inset: 0;
@@ -203,41 +203,38 @@ const f = `
     }
   }
 `;
-function p(i, t) {
-  if (i == null || i === "")
-    return t;
-  const e = Number(i);
+function c(o, t) {
+  if (o == null || o === "") return t;
+  const e = Number(o);
   return Number.isFinite(e) ? e : t;
 }
-function h(i, t) {
-  if (i == null)
-    return t;
-  const e = i.trim().toLowerCase();
+function a(o, t) {
+  if (o == null) return t;
+  const e = o.trim().toLowerCase();
   return e !== "false" && e !== "0" && e !== "off";
 }
-function g(i) {
-  if (!document.body.contains(i))
-    return !1;
-  const t = window.getComputedStyle(i);
+function b(o) {
+  if (!document.body.contains(o)) return !1;
+  const t = window.getComputedStyle(o);
   return !(t.display === "none" || t.visibility === "hidden" || Number.parseFloat(t.opacity || "1") <= 0);
 }
-function _(i) {
-  return i === "top" || i === "bottom" ? i : "auto";
+function f(o) {
+  return o === "top" || o === "bottom" ? o : "auto";
 }
-function m(i) {
-  return i === "start" || i === "end" ? i : "center";
+function p(o) {
+  return o === "start" || o === "end" ? o : "center";
 }
-function v(i, t) {
-  const e = i === "top" ? "top" : "bottom";
+function g(o, t) {
+  const e = o === "top" ? "top" : "bottom";
   return t === "start" ? `${e}-start` : t === "end" ? `${e}-end` : e;
 }
-function y(i) {
+function _(o) {
   const t = 'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])', e = [];
-  return i.forEach((o) => {
-    o instanceof HTMLElement && (o.matches(t) && e.push(o), e.push(...Array.from(o.querySelectorAll(t))));
+  return o.forEach((i) => {
+    i instanceof HTMLElement && (i.matches(t) && e.push(i), e.push(...Array.from(i.querySelectorAll(t))));
   }), Array.from(new Set(e));
 }
-class w extends c {
+class m extends u {
   constructor() {
     super(...arguments), this._anchor = null, this._panel = null, this._toolbarSlot = null, this._defaultSlot = null, this._raf = null, this._resizeObserver = null, this._mutationObserver = null, this._positioner = null, this._positionerPlacement = null, this._positionerOffset = 0, this._globalListenersBound = !1, this._isOpen = !1, this._closeReason = "programmatic", this._onWindowChangeBound = this._onWindowChange.bind(this), this._onDocumentPointerDownBound = this._onDocumentPointerDown.bind(this), this._onDocumentKeyDownBound = this._onDocumentKeyDown.bind(this), this._onPanelKeyDownBound = this._onPanelKeyDown.bind(this), this._onSlotChangeBound = this._onSlotChange.bind(this);
   }
@@ -265,11 +262,10 @@ class w extends c {
     super.connectedCallback(), this._syncAnchorFromAttribute(), this._syncOpenState(), this._schedulePosition();
   }
   disconnectedCallback() {
-    var t;
-    this._unbindGlobalListeners(), this._teardownObservers(), (t = this._positioner) == null || t.destroy(), this._positioner = null, this._raf != null && (cancelAnimationFrame(this._raf), this._raf = null), super.disconnectedCallback();
+    this._unbindGlobalListeners(), this._teardownObservers(), this._positioner?.destroy(), this._positioner = null, this._raf != null && (cancelAnimationFrame(this._raf), this._raf = null), super.disconnectedCallback();
   }
-  attributeChangedCallback(t, e, o) {
-    if (e !== o) {
+  attributeChangedCallback(t, e, i) {
+    if (e !== i) {
       if (t === "anchor-id") {
         this._syncAnchorFromAttribute(), this.hasAttribute("open") && !this._anchor && this._requestClose("anchor-missing"), this._schedulePosition();
         return;
@@ -294,8 +290,7 @@ class w extends c {
     }
   }
   showForAnchorId(t) {
-    if (this.hasAttribute("disabled") || !t)
-      return;
+    if (this.hasAttribute("disabled") || !t) return;
     const e = document.getElementById(t);
     if (!e) {
       this._requestClose("anchor-missing");
@@ -313,7 +308,6 @@ class w extends c {
     this.hasAttribute("open") && (this._closeReason = t, this.removeAttribute("open"));
   }
   _syncOpenState() {
-    var e;
     const t = this.hasAttribute("open") && !this.hasAttribute("headless") && !this.hasAttribute("disabled");
     if (t === this._isOpen) {
       t && this._schedulePosition();
@@ -323,7 +317,7 @@ class w extends c {
       this._bindGlobalListeners(), this._ensureObservers(), this._dispatchOpenEvents(), this._schedulePosition();
       return;
     }
-    this._unbindGlobalListeners(), this._teardownObservers(), (e = this._positioner) == null || e.destroy(), this._positioner = null, this._positionerPlacement = null, this._positionerOffset = 0, this._raf != null && (cancelAnimationFrame(this._raf), this._raf = null), this._dispatchCloseEvents(this._closeReason), this._closeReason = "programmatic";
+    this._unbindGlobalListeners(), this._teardownObservers(), this._positioner?.destroy(), this._positioner = null, this._positionerPlacement = null, this._positionerOffset = 0, this._raf != null && (cancelAnimationFrame(this._raf), this._raf = null), this._dispatchCloseEvents(this._closeReason), this._closeReason = "programmatic";
   }
   _dispatchOpenEvents() {
     this.dispatchEvent(new CustomEvent("open", { bubbles: !0, composed: !0 })), this.dispatchEvent(
@@ -350,8 +344,7 @@ class w extends c {
     );
   }
   _requestClose(t) {
-    if (!this.hasAttribute("open"))
-      return;
+    if (!this.hasAttribute("open")) return;
     const e = new CustomEvent("request-close", {
       detail: { reason: t },
       bubbles: !0,
@@ -359,13 +352,13 @@ class w extends c {
       cancelable: !0
     });
     this.dispatchEvent(e);
-    const o = new CustomEvent("ui-request-close", {
+    const i = new CustomEvent("ui-request-close", {
       detail: { reason: t },
       bubbles: !0,
       composed: !0,
       cancelable: !0
     });
-    this.dispatchEvent(o), !(e.defaultPrevented || o.defaultPrevented) && this.closeToolbar(t);
+    this.dispatchEvent(i), !(e.defaultPrevented || i.defaultPrevented) && this.closeToolbar(t);
   }
   _syncAnchorFromAttribute() {
     const t = this.getAttribute("anchor-id");
@@ -416,25 +409,22 @@ class w extends c {
     this._globalListenersBound && (window.removeEventListener("scroll", this._onWindowChangeBound, !0), window.removeEventListener("resize", this._onWindowChangeBound), document.removeEventListener("pointerdown", this._onDocumentPointerDownBound, !0), document.removeEventListener("keydown", this._onDocumentKeyDownBound, !0), this._globalListenersBound = !1);
   }
   _position() {
-    var s, a;
-    if (!this.hasAttribute("open") || this.hasAttribute("headless") || this.hasAttribute("disabled"))
-      return;
+    if (!this.hasAttribute("open") || this.hasAttribute("headless") || this.hasAttribute("disabled")) return;
     if (!this._anchor) {
       this._requestClose("anchor-missing");
       return;
     }
-    if (!g(this._anchor)) {
+    if (!b(this._anchor)) {
       this._requestClose("anchor-hidden");
       return;
     }
-    if (!this._panel)
-      return;
-    const t = Math.max(0, p(this.getAttribute("offset"), 8)), e = _(this.getAttribute("placement")), o = m(this.getAttribute("align")), n = v(e, o);
-    if (!this._positioner || this._positionerPlacement !== n || this._positionerOffset !== t) {
-      (s = this._positioner) == null || s.destroy(), this._positioner = b({
+    if (!this._panel) return;
+    const t = Math.max(0, c(this.getAttribute("offset"), 8)), e = f(this.getAttribute("placement")), i = p(this.getAttribute("align")), r = g(e, i);
+    if (!this._positioner || this._positionerPlacement !== r || this._positionerOffset !== t) {
+      this._positioner?.destroy(), this._positioner = h({
         anchor: this._anchor,
         floating: this._panel,
-        placement: n,
+        placement: r,
         strategy: "fixed",
         offset: t,
         flip: !0,
@@ -447,72 +437,57 @@ class w extends c {
         observeLayoutShift: !1,
         observeAnchorResize: !1,
         observeFloatingResize: !1,
-        onUpdate: (l) => {
-          var u;
-          const d = l.placement.startsWith("top") ? "top" : "bottom";
-          this.style.setProperty("--ui-floating-toolbar-origin-x", o === "start" ? "0%" : o === "end" ? "100%" : "50%"), (u = this._panel) == null || u.setAttribute("data-side", d);
+        onUpdate: (s) => {
+          const l = s.placement.startsWith("top") ? "top" : "bottom";
+          this.style.setProperty("--ui-floating-toolbar-origin-x", i === "start" ? "0%" : i === "end" ? "100%" : "50%"), this._panel?.setAttribute("data-side", l);
         }
-      }), this._positionerPlacement = n, this._positionerOffset = t;
+      }), this._positionerPlacement = r, this._positionerOffset = t;
       return;
     }
-    (a = this._positioner) == null || a.update();
+    this._positioner?.update();
   }
   _onWindowChange() {
     this.hasAttribute("open") && this._schedulePosition();
   }
   _onDocumentPointerDown(t) {
-    if (!this.hasAttribute("open") || !h(this.getAttribute("close-on-outside"), !0))
-      return;
+    if (!this.hasAttribute("open") || !a(this.getAttribute("close-on-outside"), !0)) return;
     const e = t.composedPath();
     e.includes(this) || this._anchor && e.includes(this._anchor) || this._requestClose("outside");
   }
   _onDocumentKeyDown(t) {
-    this.hasAttribute("open") && t.key === "Escape" && h(this.getAttribute("close-on-escape"), !0) && (t.preventDefault(), this._requestClose("escape"));
+    this.hasAttribute("open") && t.key === "Escape" && a(this.getAttribute("close-on-escape"), !0) && (t.preventDefault(), this._requestClose("escape"));
   }
   _onPanelKeyDown(t) {
-    if (!this._panel || !["ArrowRight", "ArrowLeft", "Home", "End"].includes(t.key))
-      return;
+    if (!this._panel || !["ArrowRight", "ArrowLeft", "Home", "End"].includes(t.key)) return;
     const e = this._getFocusableItems();
-    if (e.length === 0)
-      return;
-    const o = document.activeElement, n = o ? e.indexOf(o) : -1;
-    let r = n;
-    t.key === "Home" ? r = 0 : t.key === "End" ? r = e.length - 1 : t.key === "ArrowRight" ? r = n < 0 ? 0 : (n + 1) % e.length : t.key === "ArrowLeft" && (r = n < 0 ? e.length - 1 : (n - 1 + e.length) % e.length);
-    const s = e[r];
+    if (e.length === 0) return;
+    const i = document.activeElement, r = i ? e.indexOf(i) : -1;
+    let n = r;
+    t.key === "Home" ? n = 0 : t.key === "End" ? n = e.length - 1 : t.key === "ArrowRight" ? n = r < 0 ? 0 : (r + 1) % e.length : t.key === "ArrowLeft" && (n = r < 0 ? e.length - 1 : (r - 1 + e.length) % e.length);
+    const s = e[n];
     s && (t.preventDefault(), s.focus());
   }
   _getFocusableItems() {
-    var o, n;
-    const t = ((o = this._toolbarSlot) == null ? void 0 : o.assignedElements({ flatten: !0 })) || [], e = ((n = this._defaultSlot) == null ? void 0 : n.assignedElements({ flatten: !0 })) || [];
-    return y([...t, ...e]);
+    const t = this._toolbarSlot?.assignedElements({ flatten: !0 }) || [], e = this._defaultSlot?.assignedElements({ flatten: !0 }) || [];
+    return _([...t, ...e]);
   }
   _onSlotChange() {
     this._syncRowVisibility(), this._schedulePosition();
   }
   _syncRowVisibility() {
-    var r, s;
     const t = this.root.querySelector(".row-toolbar"), e = this.root.querySelector(".row-default");
-    if (!t || !e)
-      return;
-    const o = (((r = this._toolbarSlot) == null ? void 0 : r.assignedNodes({ flatten: !0 })) || []).some((a) => {
-      var l;
-      return a.nodeType === Node.TEXT_NODE ? !!((l = a.textContent) != null && l.trim()) : a.nodeType === Node.ELEMENT_NODE;
-    }), n = (((s = this._defaultSlot) == null ? void 0 : s.assignedNodes({ flatten: !0 })) || []).some((a) => {
-      var l;
-      return a.nodeType === Node.TEXT_NODE ? !!((l = a.textContent) != null && l.trim()) : a.nodeType === Node.ELEMENT_NODE;
-    });
-    o ? t.removeAttribute("hidden") : t.setAttribute("hidden", ""), n ? e.removeAttribute("hidden") : e.setAttribute("hidden", "");
+    if (!t || !e) return;
+    const i = (this._toolbarSlot?.assignedNodes({ flatten: !0 }) || []).some((n) => n.nodeType === Node.TEXT_NODE ? !!n.textContent?.trim() : n.nodeType === Node.ELEMENT_NODE), r = (this._defaultSlot?.assignedNodes({ flatten: !0 }) || []).some((n) => n.nodeType === Node.TEXT_NODE ? !!n.textContent?.trim() : n.nodeType === Node.ELEMENT_NODE);
+    i ? t.removeAttribute("hidden") : t.setAttribute("hidden", ""), r ? e.removeAttribute("hidden") : e.setAttribute("hidden", "");
   }
   _syncPanelA11y() {
-    if (!this._panel)
-      return;
+    if (!this._panel) return;
     const t = this.getAttribute("aria-labelledby"), e = this.getAttribute("aria-label") || (t ? null : "Floating toolbar");
     t ? this._panel.setAttribute("aria-labelledby", t) : this._panel.removeAttribute("aria-labelledby"), e ? this._panel.setAttribute("aria-label", e) : this._panel.removeAttribute("aria-label");
   }
   render() {
-    var t, e, o, n, r, s;
     this.setContent(`
-      <style>${f}</style>
+      <style>${d}</style>
       <section class="panel" part="panel" role="toolbar" aria-orientation="horizontal" tabindex="-1">
         <div class="row row-toolbar" part="row-toolbar">
           <slot name="toolbar"></slot>
@@ -521,10 +496,10 @@ class w extends c {
           <slot></slot>
         </div>
       </section>
-    `), this._panel = this.root.querySelector(".panel"), this._toolbarSlot = this.root.querySelector('slot[name="toolbar"]'), this._defaultSlot = this.root.querySelector("slot:not([name])"), (t = this._panel) == null || t.removeEventListener("keydown", this._onPanelKeyDownBound), (e = this._panel) == null || e.addEventListener("keydown", this._onPanelKeyDownBound), (o = this._toolbarSlot) == null || o.removeEventListener("slotchange", this._onSlotChangeBound), (n = this._defaultSlot) == null || n.removeEventListener("slotchange", this._onSlotChangeBound), (r = this._toolbarSlot) == null || r.addEventListener("slotchange", this._onSlotChangeBound), (s = this._defaultSlot) == null || s.addEventListener("slotchange", this._onSlotChangeBound), this._syncPanelA11y(), this._syncRowVisibility(), this._refreshObservers(), this._schedulePosition();
+    `), this._panel = this.root.querySelector(".panel"), this._toolbarSlot = this.root.querySelector('slot[name="toolbar"]'), this._defaultSlot = this.root.querySelector("slot:not([name])"), this._panel?.removeEventListener("keydown", this._onPanelKeyDownBound), this._panel?.addEventListener("keydown", this._onPanelKeyDownBound), this._toolbarSlot?.removeEventListener("slotchange", this._onSlotChangeBound), this._defaultSlot?.removeEventListener("slotchange", this._onSlotChangeBound), this._toolbarSlot?.addEventListener("slotchange", this._onSlotChangeBound), this._defaultSlot?.addEventListener("slotchange", this._onSlotChangeBound), this._syncPanelA11y(), this._syncRowVisibility(), this._refreshObservers(), this._schedulePosition();
   }
 }
-typeof customElements < "u" && !customElements.get("ui-floating-toolbar") && customElements.define("ui-floating-toolbar", w);
+typeof customElements < "u" && !customElements.get("ui-floating-toolbar") && customElements.define("ui-floating-toolbar", m);
 export {
-  w as UIFloatingToolbar
+  m as UIFloatingToolbar
 };

package/dist/focus-scope-Bwug2gDv.js

@@ -0,0 +1 @@
+"use strict";const f=[],b=["a[href]","area[href]",'input:not([type="hidden"])',"select","textarea","button","iframe","[tabindex]",'[contenteditable="true"]'].join(", ");function h(){const t=f.filter(e=>!e.paused);return t.length?t[t.length-1]:null}function y(t){return!(t.hasAttribute("disabled")||t.getAttribute("aria-hidden")==="true"||t.hasAttribute("hidden")||t.getAttribute("tabindex")==="-1")}function a(t){return Array.from(t.querySelectorAll(b)).filter(y)}function d(t){t.hasAttribute("tabindex")||t.setAttribute("tabindex","-1")}function m(t){return typeof t=="function"?t():t??null}function s(t){if(!t||!t.isConnected)return!1;try{return t.focus(),!0}catch{return!1}}function F(t){return t.querySelector('[aria-selected="true"], [data-selected="true"], [selected], [checked], [aria-current="true"]')||null}function E(t){if(!t.options.inertOthers||typeof document>"u"||!document.body)return;const e=Array.from(document.body.children);t.inerted=e.filter(r=>r!==t.options.node&&!r.contains(t.options.node)).map(r=>{const c=r.hasAttribute("inert");return c||r.setAttribute("inert",""),{element:r,hadInert:c}})}function v(t){t.inerted.forEach(({element:e,hadInert:r})=>{r||e.removeAttribute("inert")}),t.inerted=[]}function A(t){if(!(t.node instanceof HTMLElement))throw new Error("createFocusScope requires a valid HTMLElement node");const e={id:Symbol("focus-scope"),options:{trapped:!0,loop:!0,restoreFocus:!0,autoFocus:"first",inertOthers:!1,...t},paused:!1,previouslyFocused:document.activeElement instanceof HTMLElement?document.activeElement:null,inerted:[],onKeyDown:()=>{},onFocusIn:()=>{}},r=()=>{const n=a(e.options.node)[0]||null;s(n)||(d(e.options.node),s(e.options.node))},c=()=>{const n=a(e.options.node),o=n.length?n[n.length-1]:null;s(o)||(d(e.options.node),s(e.options.node))},u=()=>{const n=m(e.options.initialFocus);if(s(n))return;const o=e.options.autoFocus;if(o!=="none"){if(o==="container"){d(e.options.node),s(e.options.node);return}if(o==="selected"){const i=F(e.options.node);if(s(i))return}r()}};return e.onKeyDown=n=>{if(e.paused||h()?.id!==e.id||!e.options.trapped||n.key!=="Tab")return;const o=a(e.options.node);if(!o.length){n.preventDefault(),u();return}const i=document.activeElement instanceof HTMLElement?document.activeElement:null;if(!i||!e.options.node.contains(i)){n.preventDefault(),u();return}const l=o[0],p=o[o.length-1];if(n.shiftKey){(i===l||i===e.options.node)&&(n.preventDefault(),e.options.loop&&s(p));return}i===p&&(n.preventDefault(),e.options.loop&&s(l))},e.onFocusIn=n=>{if(e.paused||h()?.id!==e.id||!e.options.trapped)return;const o=n.target;(typeof n.composedPath=="function"?n.composedPath():[]).includes(e.options.node)||o instanceof Node&&(e.options.node.contains(o)||u())},f.push(e),E(e),document.addEventListener("keydown",e.onKeyDown,!0),document.addEventListener("focusin",e.onFocusIn,!0),u(),{destroy(){const n=f.findIndex(i=>i.id===e.id);if(n>=0&&f.splice(n,1),document.removeEventListener("keydown",e.onKeyDown,!0),document.removeEventListener("focusin",e.onFocusIn,!0),v(e),!e.options.restoreFocus)return;const o=m(e.options.finalFocus)||e.previouslyFocused;s(o)},focusFirst:r,focusLast:c,focusInitial:u,pause(){e.paused=!0},resume(){e.paused=!1}}}exports.createFocusScope=A;

package/dist/{focus-scope-103833ee.mjs → focus-scope-CmEsG5UZ.mjs}

@@ -1,4 +1,4 @@
-const a = [], y = [
+const f = [], b = [
   "a[href]",
   "area[href]",
   'input:not([type="hidden"])',
@@ -9,55 +9,53 @@ const a = [], y = [
   "[tabindex]",
   '[contenteditable="true"]'
 ].join(", ");
-function m() {
-  const t = a.filter((e) => !e.paused);
+function h() {
+  const t = f.filter((e) => !e.paused);
   return t.length ? t[t.length - 1] : null;
 }
-function F(t) {
+function y(t) {
   return !(t.hasAttribute("disabled") || t.getAttribute("aria-hidden") === "true" || t.hasAttribute("hidden") || t.getAttribute("tabindex") === "-1");
 }
-function d(t) {
-  return Array.from(t.querySelectorAll(y)).filter(F);
+function a(t) {
+  return Array.from(t.querySelectorAll(b)).filter(y);
 }
-function l(t) {
+function d(t) {
   t.hasAttribute("tabindex") || t.setAttribute("tabindex", "-1");
 }
-function b(t) {
+function m(t) {
   return typeof t == "function" ? t() : t ?? null;
 }
 function s(t) {
-  if (!t || !t.isConnected)
-    return !1;
+  if (!t || !t.isConnected) return !1;
   try {
     return t.focus(), !0;
   } catch {
     return !1;
   }
 }
-function E(t) {
+function F(t) {
   return t.querySelector(
     '[aria-selected="true"], [data-selected="true"], [selected], [checked], [aria-current="true"]'
   ) || null;
 }
-function v(t) {
-  if (!t.options.inertOthers || typeof document > "u" || !document.body)
-    return;
+function E(t) {
+  if (!t.options.inertOthers || typeof document > "u" || !document.body) return;
   const e = Array.from(document.body.children);
   t.inerted = e.filter((r) => r !== t.options.node && !r.contains(t.options.node)).map((r) => {
-    const f = r.hasAttribute("inert");
-    return f || r.setAttribute("inert", ""), { element: r, hadInert: f };
+    const c = r.hasAttribute("inert");
+    return c || r.setAttribute("inert", ""), { element: r, hadInert: c };
   });
 }
-function A(t) {
+function v(t) {
   t.inerted.forEach(({ element: e, hadInert: r }) => {
     r || e.removeAttribute("inert");
   }), t.inerted = [];
 }
-function L(t) {
+function A(t) {
   if (!(t.node instanceof HTMLElement))
     throw new Error("createFocusScope requires a valid HTMLElement node");
   const e = {
-    id: Symbol("focus-scope"),
+    id: /* @__PURE__ */ Symbol("focus-scope"),
     options: {
       trapped: !0,
       loop: !0,
@@ -74,34 +72,30 @@ function L(t) {
     onFocusIn: () => {
     }
   }, r = () => {
-    const n = d(e.options.node)[0] || null;
-    s(n) || (l(e.options.node), s(e.options.node));
-  }, f = () => {
-    const n = d(e.options.node), o = n.length ? n[n.length - 1] : null;
-    s(o) || (l(e.options.node), s(e.options.node));
+    const n = a(e.options.node)[0] || null;
+    s(n) || (d(e.options.node), s(e.options.node));
+  }, c = () => {
+    const n = a(e.options.node), o = n.length ? n[n.length - 1] : null;
+    s(o) || (d(e.options.node), s(e.options.node));
   }, u = () => {
-    const n = b(e.options.initialFocus);
-    if (s(n))
-      return;
+    const n = m(e.options.initialFocus);
+    if (s(n)) return;
     const o = e.options.autoFocus;
     if (o !== "none") {
       if (o === "container") {
-        l(e.options.node), s(e.options.node);
+        d(e.options.node), s(e.options.node);
         return;
       }
       if (o === "selected") {
-        const i = E(e.options.node);
-        if (s(i))
-          return;
+        const i = F(e.options.node);
+        if (s(i)) return;
       }
       r();
     }
   };
   return e.onKeyDown = (n) => {
-    var h;
-    if (e.paused || ((h = m()) == null ? void 0 : h.id) !== e.id || !e.options.trapped || n.key !== "Tab")
-      return;
-    const o = d(e.options.node);
+    if (e.paused || h()?.id !== e.id || !e.options.trapped || n.key !== "Tab") return;
+    const o = a(e.options.node);
     if (!o.length) {
       n.preventDefault(), u();
       return;
@@ -111,28 +105,25 @@ function L(t) {
       n.preventDefault(), u();
       return;
     }
-    const c = o[0], p = o[o.length - 1];
+    const l = o[0], p = o[o.length - 1];
     if (n.shiftKey) {
-      (i === c || i === e.options.node) && (n.preventDefault(), e.options.loop && s(p));
+      (i === l || i === e.options.node) && (n.preventDefault(), e.options.loop && s(p));
       return;
     }
-    i === p && (n.preventDefault(), e.options.loop && s(c));
+    i === p && (n.preventDefault(), e.options.loop && s(l));
   }, e.onFocusIn = (n) => {
-    var c;
-    if (e.paused || ((c = m()) == null ? void 0 : c.id) !== e.id || !e.options.trapped)
-      return;
+    if (e.paused || h()?.id !== e.id || !e.options.trapped) return;
     const o = n.target;
     (typeof n.composedPath == "function" ? n.composedPath() : []).includes(e.options.node) || o instanceof Node && (e.options.node.contains(o) || u());
-  }, a.push(e), v(e), document.addEventListener("keydown", e.onKeyDown, !0), document.addEventListener("focusin", e.onFocusIn, !0), u(), {
+  }, f.push(e), E(e), document.addEventListener("keydown", e.onKeyDown, !0), document.addEventListener("focusin", e.onFocusIn, !0), u(), {
     destroy() {
-      const n = a.findIndex((i) => i.id === e.id);
-      if (n >= 0 && a.splice(n, 1), document.removeEventListener("keydown", e.onKeyDown, !0), document.removeEventListener("focusin", e.onFocusIn, !0), A(e), !e.options.restoreFocus)
-        return;
-      const o = b(e.options.finalFocus) || e.previouslyFocused;
+      const n = f.findIndex((i) => i.id === e.id);
+      if (n >= 0 && f.splice(n, 1), document.removeEventListener("keydown", e.onKeyDown, !0), document.removeEventListener("focusin", e.onFocusIn, !0), v(e), !e.options.restoreFocus) return;
+      const o = m(e.options.finalFocus) || e.previouslyFocused;
       s(o);
     },
     focusFirst: r,
-    focusLast: f,
+    focusLast: c,
     focusInitial: u,
     pause() {
       e.paused = !0;
@@ -143,5 +134,5 @@ function L(t) {
   };
 }
 export {
-  L as c
+  A as c
 };

package/dist/focus-scope.cjs.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./ElementBase-1b301e7f.js"),n=require("./focus-scope-2b12b4e7.js"),u=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./ElementBase-EV6mVBUV.js"),n=require("./focus-scope-Bwug2gDv.js"),u=`
   :host {
     display: contents;
     color-scheme: light dark;
   }
-`;function a(e){return e==="selected"||e==="container"||e==="none"?e:"first"}function o(e){if(e==null)return!1;const t=e.toLowerCase();return t!=="false"&&t!=="0"&&t!=="off"}class i extends c.ElementBase{constructor(){super(...arguments),this._scope=null,this._onKeyDown=t=>{if(t.key!=="Escape"||!this.hasAttribute("active"))return;const s=document.activeElement;s&&!this.contains(s)||this.dispatchEvent(new CustomEvent("escape",{detail:{originalEvent:t},bubbles:!0,composed:!0}))}}static get observedAttributes(){return["active","trapped","loop","restore-focus","auto-focus","inert-others","headless"]}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this._onKeyDown,!0),this._syncScope()}disconnectedCallback(){document.removeEventListener("keydown",this._onKeyDown,!0),this._destroyScope(),super.disconnectedCallback()}attributeChangedCallback(t,s,r){s!==r&&this._syncScope()}get initialFocus(){return this.querySelector("[data-ui-initial-focus], [autofocus]")}get finalFocus(){return this.querySelector("[data-ui-final-focus]")}activate(){this.setAttribute("active","")}deactivate(){this.removeAttribute("active")}focusFirst(){var t;(t=this._scope)==null||t.focusFirst()}focusInitial(){var t;(t=this._scope)==null||t.focusInitial()}_destroyScope(){var t;(t=this._scope)==null||t.destroy(),this._scope=null}_syncScope(){if(this.isConnected){if(this.hasAttribute("headless")||!this.hasAttribute("active")){this._destroyScope();return}this._destroyScope(),this._scope=n.createFocusScope({node:this,trapped:!this.hasAttribute("trapped")||o(this.getAttribute("trapped")),loop:!this.hasAttribute("loop")||o(this.getAttribute("loop")),restoreFocus:!this.hasAttribute("restore-focus")||o(this.getAttribute("restore-focus")),autoFocus:a(this.getAttribute("auto-focus")),initialFocus:this.initialFocus,finalFocus:this.finalFocus,inertOthers:o(this.getAttribute("inert-others"))}),this.dispatchEvent(new CustomEvent("focus-scope-mount",{bubbles:!0,composed:!0}))}}render(){this.setContent(`<style>${u}</style><slot></slot>`)}shouldRenderOnAttributeChange(){return!1}}typeof customElements<"u"&&!customElements.get("ui-focus-scope")&&customElements.define("ui-focus-scope",i);exports.UIFocusScope=i;
+`;function a(t){return t==="selected"||t==="container"||t==="none"?t:"first"}function o(t){if(t==null)return!1;const e=t.toLowerCase();return e!=="false"&&e!=="0"&&e!=="off"}class i extends c.ElementBase{constructor(){super(...arguments),this._scope=null,this._onKeyDown=e=>{if(e.key!=="Escape"||!this.hasAttribute("active"))return;const s=document.activeElement;s&&!this.contains(s)||this.dispatchEvent(new CustomEvent("escape",{detail:{originalEvent:e},bubbles:!0,composed:!0}))}}static get observedAttributes(){return["active","trapped","loop","restore-focus","auto-focus","inert-others","headless"]}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this._onKeyDown,!0),this._syncScope()}disconnectedCallback(){document.removeEventListener("keydown",this._onKeyDown,!0),this._destroyScope(),super.disconnectedCallback()}attributeChangedCallback(e,s,r){s!==r&&this._syncScope()}get initialFocus(){return this.querySelector("[data-ui-initial-focus], [autofocus]")}get finalFocus(){return this.querySelector("[data-ui-final-focus]")}activate(){this.setAttribute("active","")}deactivate(){this.removeAttribute("active")}focusFirst(){this._scope?.focusFirst()}focusInitial(){this._scope?.focusInitial()}_destroyScope(){this._scope?.destroy(),this._scope=null}_syncScope(){if(this.isConnected){if(this.hasAttribute("headless")||!this.hasAttribute("active")){this._destroyScope();return}this._destroyScope(),this._scope=n.createFocusScope({node:this,trapped:!this.hasAttribute("trapped")||o(this.getAttribute("trapped")),loop:!this.hasAttribute("loop")||o(this.getAttribute("loop")),restoreFocus:!this.hasAttribute("restore-focus")||o(this.getAttribute("restore-focus")),autoFocus:a(this.getAttribute("auto-focus")),initialFocus:this.initialFocus,finalFocus:this.finalFocus,inertOthers:o(this.getAttribute("inert-others"))}),this.dispatchEvent(new CustomEvent("focus-scope-mount",{bubbles:!0,composed:!0}))}}render(){this.setContent(`<style>${u}</style><slot></slot>`)}shouldRenderOnAttributeChange(){return!1}}typeof customElements<"u"&&!customElements.get("ui-focus-scope")&&customElements.define("ui-focus-scope",i);exports.UIFocusScope=i;

package/dist/focus-scope.esm.js

@@ -1,29 +1,27 @@
-import { E as r } from "./ElementBase-909688f3.mjs";
-import { c as n } from "./focus-scope-103833ee.mjs";
+import { E as r } from "./ElementBase-YlTLMsGk.mjs";
+import { c as n } from "./focus-scope-CmEsG5UZ.mjs";
 const c = `
   :host {
     display: contents;
     color-scheme: light dark;
   }
 `;
-function u(e) {
-  return e === "selected" || e === "container" || e === "none" ? e : "first";
+function u(t) {
+  return t === "selected" || t === "container" || t === "none" ? t : "first";
 }
-function o(e) {
-  if (e == null)
-    return !1;
-  const t = e.toLowerCase();
-  return t !== "false" && t !== "0" && t !== "off";
+function o(t) {
+  if (t == null) return !1;
+  const e = t.toLowerCase();
+  return e !== "false" && e !== "0" && e !== "off";
 }
 class a extends r {
   constructor() {
-    super(...arguments), this._scope = null, this._onKeyDown = (t) => {
-      if (t.key !== "Escape" || !this.hasAttribute("active"))
-        return;
+    super(...arguments), this._scope = null, this._onKeyDown = (e) => {
+      if (e.key !== "Escape" || !this.hasAttribute("active")) return;
       const s = document.activeElement;
       s && !this.contains(s) || this.dispatchEvent(
         new CustomEvent("escape", {
-          detail: { originalEvent: t },
+          detail: { originalEvent: e },
           bubbles: !0,
           composed: !0
         })
@@ -39,7 +37,7 @@ class a extends r {
   disconnectedCallback() {
     document.removeEventListener("keydown", this._onKeyDown, !0), this._destroyScope(), super.disconnectedCallback();
   }
-  attributeChangedCallback(t, s, i) {
+  attributeChangedCallback(e, s, i) {
     s !== i && this._syncScope();
   }
   get initialFocus() {
@@ -55,16 +53,13 @@ class a extends r {
     this.removeAttribute("active");
   }
   focusFirst() {
-    var t;
-    (t = this._scope) == null || t.focusFirst();
+    this._scope?.focusFirst();
   }
   focusInitial() {
-    var t;
-    (t = this._scope) == null || t.focusInitial();
+    this._scope?.focusInitial();
   }
   _destroyScope() {
-    var t;
-    (t = this._scope) == null || t.destroy(), this._scope = null;
+    this._scope?.destroy(), this._scope = null;
   }
   _syncScope() {
     if (this.isConnected) {