@sekiui/elements 0.0.81 → 0.0.83

package/dist/components/seki-table-row.js

@@ -21,10 +21,10 @@ const SekiTableRow$1 = /*@__PURE__*/ proxyCustomElement(class SekiTableRow exten
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("tr", { key: '7064ca866bd0a0efea5552b40be304c98c5221d7', class: {
+        return (h("tr", { key: '38970f379cb5701bb4bc65c5136375cbb2e3fc15', class: {
                 'seki-table-row': true,
                 'seki-table-row--selected': this.selected,
-            }, "data-state": this.selected ? 'selected' : undefined }, h("slot", { key: '2a5e6c2cf9b524f730775e11685f76bf5ae5bdc7' })));
+            }, "data-state": this.selected ? 'selected' : undefined }, h("slot", { key: 'af31af867841f0c129a8ae15863703b2d5e28dcc' })));
     }
     get el() { return this; }
     static get style() { return sekiTableRowCss; }

package/dist/components/seki-table.js

@@ -17,7 +17,7 @@ const SekiTable$1 = /*@__PURE__*/ proxyCustomElement(class SekiTable extends H {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: '11d097f420a1e128a1db645f9f9f22654432ab8e', class: "seki-table-container" }, h("table", { key: '284dfa560d84e5984affcab895e981a2ca4feb31', class: "seki-table", role: "table", "aria-label": this.ariaLabel }, h("slot", { key: '321c7ee41d9d3c8ef3b9b7c1f84b96f77dc94ce9' }))));
+        return (h("div", { key: 'd70c0835e8f47912319255f805041d34f4554ed9', class: "seki-table-container" }, h("table", { key: 'a686da7245cbf7bc97f2bf6c96e0f7b3f04513fc', class: "seki-table", role: "table", "aria-label": this.ariaLabel }, h("slot", { key: '867c48b3a836259277b9d6f54fd17685bda5bccb' }))));
     }
     get el() { return this; }
     static get style() { return sekiTableCss; }

package/dist/components/seki-tabs-content.js

@@ -10,6 +10,11 @@ const SekiTabsContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiTabsContent
         }
         this.__attachShadow();
         this._isSelected = false;
+        this.onTabsValueChange = () => {
+            var _a;
+            const context = this.getContext();
+            this._isSelected = (_a = context === null || context === void 0 ? void 0 : context.isSelected(this.value)) !== null && _a !== void 0 ? _a : false;
+        };
         this.instanceId = ++SekiTabsContent.instanceCount;
     }
     getContext() {
@@ -29,28 +34,25 @@ const SekiTabsContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiTabsContent
         this._isSelected = (_a = context === null || context === void 0 ? void 0 : context.isSelected(this.value)) !== null && _a !== void 0 ? _a : false;
     }
     componentDidLoad() {
+        var _a, _b;
         // Listen for value changes from parent tabs
-        const tabs = this.el.closest('seki-tabs');
-        if (tabs) {
-            tabs.addEventListener('sekiValueChange', () => {
-                var _a;
-                const context = this.getContext();
-                this._isSelected = (_a = context === null || context === void 0 ? void 0 : context.isSelected(this.value)) !== null && _a !== void 0 ? _a : false;
-            });
-        }
+        this.tabsEl = (_a = this.el.closest('seki-tabs')) !== null && _a !== void 0 ? _a : undefined;
+        (_b = this.tabsEl) === null || _b === void 0 ? void 0 : _b.addEventListener('sekiValueChange', this.onTabsValueChange);
     }
     connectedCallback() {
         registerThemeSync(this.el);
     }
     disconnectedCallback() {
+        var _a;
         unregisterThemeSync(this.el);
+        (_a = this.tabsEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('sekiValueChange', this.onTabsValueChange);
     }
     render() {
         const isSelected = this._isSelected;
-        return (h(Host, { key: '5a23d8c5925c8defc774709f4cd70938158a2a41', "data-state": isSelected ? 'active' : 'inactive', role: "tabpanel", id: this.panelId, "aria-labelledby": this.triggerId, hidden: !isSelected, tabindex: isSelected ? 0 : -1 }, h("div", { key: 'd3ed6e061c072006e2a0c804d67f21cfd29d8bee', part: "content", class: {
+        return (h(Host, { key: '7af297cd54e8bea988a1c9f070993150350d9703', "data-state": isSelected ? 'active' : 'inactive', role: "tabpanel", id: this.panelId, "aria-labelledby": this.triggerId, hidden: !isSelected, tabindex: isSelected ? 0 : -1 }, h("div", { key: '08c864b57ccd71d87470810c9b6cb7599143abae', part: "content", class: {
                 'tabs-content': true,
                 'tabs-content--active': isSelected,
-            } }, h("slot", { key: 'c53d3801200719e7d73cc0220c0abf7f03b6f597' }))));
+            } }, h("slot", { key: '2d19c0f1bf8fbef4ce6f8ab374f921f4f0fa4ac1' }))));
     }
     get el() { return this; }
     static get style() { return sekiTabsContentCss; }

package/dist/components/seki-tabs-list.js

@@ -25,10 +25,10 @@ const SekiTabsList$1 = /*@__PURE__*/ proxyCustomElement(class SekiTabsList exten
         var _a;
         const context = this.getContext();
         const orientation = (_a = context === null || context === void 0 ? void 0 : context.orientation) !== null && _a !== void 0 ? _a : 'horizontal';
-        return (h(Host, { key: '7c6791eaaa2d7cc1defca94611c41104ae50925c', "data-orientation": orientation }, h("div", { key: '473a1f344b7f491a4d356575391784c52d6e77b6', part: "list", role: "tablist", "aria-orientation": orientation, class: {
+        return (h(Host, { key: '32b805b2ce5b203dbd5a939d90dae450999dc409', "data-orientation": orientation }, h("div", { key: '544a4b05e3cd41768e17c276bec94c2b9d33eabc', part: "list", role: "tablist", "aria-orientation": orientation, class: {
                 'tabs-list': true,
                 [`tabs-list--${orientation}`]: true,
-            } }, h("slot", { key: 'cbd529fd23f8cb23ef239caa1e0da02b635f803b' }))));
+            } }, h("slot", { key: '3f6b2bb6f5bcbcfeb2065341e0eedde8c6a967c6' }))));
     }
     get el() { return this; }
     static get style() { return sekiTabsListCss; }

package/dist/components/seki-tabs-trigger.js

@@ -14,6 +14,11 @@ const SekiTabsTrigger$1 = /*@__PURE__*/ proxyCustomElement(class SekiTabsTrigger
          */
         this.disabled = false;
         this._isSelected = false;
+        this.onTabsValueChange = () => {
+            var _a;
+            const context = this.getContext();
+            this._isSelected = (_a = context === null || context === void 0 ? void 0 : context.isSelected(this.value)) !== null && _a !== void 0 ? _a : false;
+        };
         this.instanceId = ++SekiTabsTrigger.instanceCount;
     }
     getContext() {
@@ -33,15 +38,10 @@ const SekiTabsTrigger$1 = /*@__PURE__*/ proxyCustomElement(class SekiTabsTrigger
         this._isSelected = (_a = context === null || context === void 0 ? void 0 : context.isSelected(this.value)) !== null && _a !== void 0 ? _a : false;
     }
     componentDidLoad() {
+        var _a, _b;
         // Listen for value changes from parent tabs
-        const tabs = this.el.closest('seki-tabs');
-        if (tabs) {
-            tabs.addEventListener('sekiValueChange', () => {
-                var _a;
-                const context = this.getContext();
-                this._isSelected = (_a = context === null || context === void 0 ? void 0 : context.isSelected(this.value)) !== null && _a !== void 0 ? _a : false;
-            });
-        }
+        this.tabsEl = (_a = this.el.closest('seki-tabs')) !== null && _a !== void 0 ? _a : undefined;
+        (_b = this.tabsEl) === null || _b === void 0 ? void 0 : _b.addEventListener('sekiValueChange', this.onTabsValueChange);
     }
     handleClick() {
         if (this.disabled)
@@ -157,14 +157,16 @@ const SekiTabsTrigger$1 = /*@__PURE__*/ proxyCustomElement(class SekiTabsTrigger
         registerThemeSync(this.el);
     }
     disconnectedCallback() {
+        var _a;
         unregisterThemeSync(this.el);
+        (_a = this.tabsEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('sekiValueChange', this.onTabsValueChange);
     }
     render() {
         const isSelected = this._isSelected;
-        return (h(Host, { key: '8688d0f344ef4fb56263e3043f341e619ac551cc', "data-state": isSelected ? 'active' : 'inactive', "data-disabled": this.disabled ? '' : undefined, tabindex: this.disabled ? -1 : 0, role: "tab", "aria-selected": isSelected ? 'true' : 'false', "aria-controls": this.panelId }, h("button", { key: 'c95725cb42683bf3661f31129dc92de3c0d24f1f', part: "trigger", type: "button", id: this.triggerId, class: {
+        return (h(Host, { key: 'c5ac6f44d2498dc723c082b5a3cf8cc0514345c3', "data-state": isSelected ? 'active' : 'inactive', "data-disabled": this.disabled ? '' : undefined, tabindex: this.disabled ? -1 : 0, role: "tab", "aria-selected": isSelected ? 'true' : 'false', "aria-controls": this.panelId }, h("button", { key: 'd90ac732efef5ed590cbc7c5be482e6173216ed2', part: "trigger", type: "button", id: this.triggerId, class: {
                 'tabs-trigger': true,
                 'tabs-trigger--active': isSelected,
-            }, disabled: this.disabled, tabindex: -1 }, h("slot", { key: 'df36d5356fea73f4d37a1baee60af4d9ecf87a2a' }))));
+            }, disabled: this.disabled, tabindex: -1 }, h("slot", { key: '76ffd78ccd3c355c1dcc41cab0fe0fe59b88bdff' }))));
     }
     get el() { return this; }
     static get style() { return sekiTabsTriggerCss; }

package/dist/components/seki-tabs.js

@@ -69,10 +69,10 @@ const SekiTabs$1 = /*@__PURE__*/ proxyCustomElement(class SekiTabs extends H {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '919f780e7d36995bc1112e8fd1056f4a12d48359', "data-orientation": this.orientation }, h("div", { key: '554012f8ae1584aa85765f2d73ce414a5780ee2d', part: "tabs", class: {
+        return (h(Host, { key: '7ad13d3b99af4bbf3c0ca5e843eccc6161a7ca87', "data-orientation": this.orientation }, h("div", { key: '145c03db641722f8f63b65c9e8d5ec92da6f76c3', part: "tabs", class: {
                 'tabs': true,
                 [`tabs--${this.orientation}`]: true,
-            } }, h("slot", { key: 'd9d9d99a8c4a8c1e943220cded69ab3571099003' }))));
+            } }, h("slot", { key: 'd12772fe0afda9d031e1a5ed65ef37226fe09598' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/seki-textarea.js

@@ -92,7 +92,7 @@ const SekiTextarea$1 = /*@__PURE__*/ proxyCustomElement(class SekiTextarea exten
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("textarea", { key: 'e7c3603f27a938149763b839761630d677d0d348', value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, name: this.name, rows: this.rows, cols: this.cols, minlength: this.minlength, maxlength: this.maxlength, autocomplete: this.autocomplete, class: `textarea textarea--resize-${this.resize}${this.invalid ? ' textarea--invalid' : ''}`, "aria-label": this.ariaLabel, "aria-describedby": this.ariaDescribedby, "aria-invalid": this.invalid ? 'true' : null, "aria-disabled": this.disabled ? 'true' : null, onInput: this.handleInput, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur }));
+        return (h("textarea", { key: 'e36fc95f58c1d267267d35db9be1774951c9c1d7', value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, name: this.name, rows: this.rows, cols: this.cols, minlength: this.minlength, maxlength: this.maxlength, autocomplete: this.autocomplete, class: `textarea textarea--resize-${this.resize}${this.invalid ? ' textarea--invalid' : ''}`, "aria-label": this.ariaLabel, "aria-describedby": this.ariaDescribedby, "aria-invalid": this.invalid ? 'true' : null, "aria-disabled": this.disabled ? 'true' : null, onInput: this.handleInput, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur }));
     }
     static get formAssociated() { return true; }
     get el() { return this; }

package/dist/components/seki-toggle-group.js

@@ -156,7 +156,7 @@ const SekiToggleGroup$1 = /*@__PURE__*/ proxyCustomElement(class SekiToggleGroup
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '39631f06ff34ddfff87b1ce6c0262e31695b5d67', role: "group", "aria-label": this.ariaLabel, "aria-orientation": this.orientation }, h("slot", { key: 'd3c8a6a466d60ea36f580824ceacf9d1f74f6c88' })));
+        return (h(Host, { key: 'a58fde3e3b41fd41a7f0d11b860ddf0fdd60855c', role: "group", "aria-label": this.ariaLabel, "aria-orientation": this.orientation }, h("slot", { key: '039c82e1a77c6c2c6965c94df169ec000119f833' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/seki-toggle.js

@@ -154,7 +154,7 @@ const SekiToggle$1 = /*@__PURE__*/ proxyCustomElement(class SekiToggle extends H
                 tabIndex = focusedValue === this.value ? 0 : -1;
             }
         }
-        return (h(Host, { key: 'e6f103071272b08391bd0fae9a41e23bd239f7d6', "data-state": dataState, "data-disabled": effectiveDisabled ? '' : null }, h("button", { key: '4e88b76611c55410f20ec5ea20eed73a32224525', type: "button", class: `toggle toggle--${effectiveVariant} toggle--${effectiveSize}`, part: "toggle", "aria-pressed": isPressed ? 'true' : 'false', "aria-disabled": effectiveDisabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, disabled: effectiveDisabled, tabindex: tabIndex, onClick: this.handleClick }, h("slot", { key: '95067bf4c802e8f0ca1990d0448c6476fc514bc6' }))));
+        return (h(Host, { key: 'b467caa09837abd63a820bef7a05d64f1e206efe', "data-state": dataState, "data-disabled": effectiveDisabled ? '' : null }, h("button", { key: '617420144589f944253aed3c88556aa0f3db73b7', type: "button", class: `toggle toggle--${effectiveVariant} toggle--${effectiveSize}`, part: "toggle", "aria-pressed": isPressed ? 'true' : 'false', "aria-disabled": effectiveDisabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, disabled: effectiveDisabled, tabindex: tabIndex, onClick: this.handleClick }, h("slot", { key: '29ea33cb06d270e999dd41e1fcfe0bd58626f9ce' }))));
     }
     get el() { return this; }
     static get style() { return sekiToggleCss; }

package/dist/components/seki-tooltip.js

@@ -51,6 +51,7 @@ const SekiTooltip$1 = /*@__PURE__*/ proxyCustomElement(class SekiTooltip extends
         this.longPressTimer = null;
         this.touchStartX = 0;
         this.touchStartY = 0;
+        this.hasLoaded = false;
         /**
          * Handle mouse enter on trigger
          */
@@ -305,10 +306,11 @@ const SekiTooltip$1 = /*@__PURE__*/ proxyCustomElement(class SekiTooltip extends
         trigger.addEventListener('touchend', this.onTriggerTouchEnd);
         // Escape key on document
         document.addEventListener('keydown', this.onEscapeKey);
-        // Apply aria-describedby to trigger
+        // Apply aria-describedby to trigger (idempotent — keep the existing id so a
+        // re-attach after a DOM move doesn't regenerate it).
         const contentSlot = this.el.querySelector('[slot="content"]');
         if (contentSlot) {
-            const contentId = `tooltip-${Math.random().toString(36).substr(2, 9)}`;
+            const contentId = contentSlot.id || `tooltip-${Math.random().toString(36).substr(2, 9)}`;
             contentSlot.id = contentId;
             trigger.setAttribute('aria-describedby', contentId);
         }
@@ -327,12 +329,23 @@ const SekiTooltip$1 = /*@__PURE__*/ proxyCustomElement(class SekiTooltip extends
         trigger.removeEventListener('touchstart', this.onTriggerTouchStart);
         trigger.removeEventListener('touchmove', this.onTriggerTouchMove);
         trigger.removeEventListener('touchend', this.onTriggerTouchEnd);
+        // Escape key was registered on document in attachTriggerListeners; remove it
+        // here so it does not leak (and keep firing) after the tooltip is detached.
+        document.removeEventListener('keydown', this.onEscapeKey);
     }
     componentDidLoad() {
+        this.hasLoaded = true;
         this.attachTriggerListeners();
     }
     connectedCallback() {
         registerThemeSync(this.el);
+        // Re-attach on reconnect (e.g. the element was moved in the DOM). On first
+        // connect this is a no-op because children aren't ready yet — componentDidLoad
+        // handles the initial attach. addEventListener with the same handler refs is
+        // idempotent, so this never double-binds.
+        if (this.hasLoaded) {
+            this.attachTriggerListeners();
+        }
     }
     disconnectedCallback() {
         unregisterThemeSync(this.el);
@@ -346,7 +359,7 @@ const SekiTooltip$1 = /*@__PURE__*/ proxyCustomElement(class SekiTooltip extends
             clearTimeout(this.longPressTimer);
     }
     render() {
-        return (h("div", { key: '36ae47199849d6b033529f8af5606d3aa8179812', class: `tooltip ${this.isVisible ? 'tooltip--visible' : ''}`, role: "tooltip" }, h("slot", { key: '5fc103d6e655d53c6cac5740b24d655b13fcf852', name: "content" }), h("div", { key: '78d8fd177fb8965fc19f2fed8790f8e7cfe7baa0', class: "tooltip-arrow" })));
+        return (h("div", { key: 'b8f98d6cf19b3bb54b78f2f556055e9bf0333d89', class: `tooltip ${this.isVisible ? 'tooltip--visible' : ''}`, role: "tooltip" }, h("slot", { key: 'fc7995ac5e2570ff72e5e0a66cb014687c9e9c93', name: "content" }), h("div", { key: '553c15d7abdf477ed87d5b5d728b0a26c5a779e5', class: "tooltip-arrow" })));
     }
     get el() { return this; }
     static get style() { return sekiTooltipCss; }

package/dist/esm/ancestor-attrs-BgtjDG0h.js

@@ -0,0 +1,45 @@
+const NOOP_MIRROR = { disconnect() { } };
+function mirrorAncestorAttributes(host, ancestorSelector, attributes, options = {}) {
+    const ancestor = host.closest(ancestorSelector);
+    if (!ancestor)
+        return NOOP_MIRROR;
+    const sync = () => {
+        for (const attr of attributes) {
+            const value = ancestor.getAttribute(attr);
+            if (value === null) {
+                host.removeAttribute(attr);
+            }
+            else {
+                host.setAttribute(attr, value);
+            }
+        }
+    };
+    // Reflect current state, then keep it in sync with future attribute changes.
+    sync();
+    // MutationObserver is absent in non-DOM/test environments; the initial sync
+    // still runs, we just skip live updates there.
+    let observer;
+    if (typeof MutationObserver !== 'undefined') {
+        observer = new MutationObserver(sync);
+        observer.observe(ancestor, { attributes: true, attributeFilter: attributes });
+    }
+    let onEnter;
+    let onLeave;
+    if (options.trackHover) {
+        onEnter = () => host.setAttribute('data-parent-hover', '');
+        onLeave = () => host.removeAttribute('data-parent-hover');
+        ancestor.addEventListener('mouseenter', onEnter);
+        ancestor.addEventListener('mouseleave', onLeave);
+    }
+    return {
+        disconnect() {
+            observer === null || observer === void 0 ? void 0 : observer.disconnect();
+            if (onEnter)
+                ancestor.removeEventListener('mouseenter', onEnter);
+            if (onLeave)
+                ancestor.removeEventListener('mouseleave', onLeave);
+        },
+    };
+}
+
+export { mirrorAncestorAttributes as m };

package/dist/esm/focus-trap-D50kwTtW.js

@@ -0,0 +1,160 @@
+/**
+ * Focus trap utility for dialog and modal components.
+ *
+ * These helpers walk the *composed* (flattened) tree rather than a single
+ * shadow root. Dialog content is projected through a `<slot>`, so the actual
+ * focusable elements live in the host's light DOM — and custom elements like
+ * `seki-button` keep their focusable `<button>` inside their own shadow root.
+ * A plain `container.querySelectorAll()` never sees either, which is why the
+ * trap previously matched nothing.
+ */
+const FOCUSABLE_SELECTOR = [
+    'a[href]',
+    'button:not([disabled])',
+    'input:not([disabled])',
+    'select:not([disabled])',
+    'textarea:not([disabled])',
+    '[tabindex]:not([tabindex="-1"])',
+    'audio[controls]',
+    'video[controls]',
+    '[contenteditable]:not([contenteditable="false"])',
+].join(', ');
+function isFocusableCandidate(el) {
+    return el instanceof HTMLElement && el.matches(FOCUSABLE_SELECTOR);
+}
+function isHidden(el) {
+    return (el.hidden === true ||
+        el.getAttribute('aria-hidden') === 'true');
+}
+/**
+ * Recursively collect focusable elements in composed-tree (DOM) order,
+ * descending through shadow roots and resolving `<slot>` assignments.
+ */
+function collectFocusable(node, out) {
+    // Resolve slots to their assigned (projected) elements.
+    if (node.tagName === 'SLOT') {
+        const assigned = node.assignedElements({ flatten: true });
+        for (const el of assigned) {
+            collectFocusable(el, out);
+        }
+        return;
+    }
+    // Skip hidden subtrees entirely.
+    if (isHidden(node))
+        return;
+    if (isFocusableCandidate(node)) {
+        out.push(node);
+    }
+    // When an element hosts a shadow root, its rendered subtree is the shadow
+    // tree (light children only surface via slots inside it). Otherwise walk
+    // the light children directly.
+    const children = node.shadowRoot
+        ? Array.from(node.shadowRoot.children)
+        : Array.from(node.children);
+    for (const child of children) {
+        collectFocusable(child, out);
+    }
+}
+/**
+ * Get all focusable elements within a container, crossing shadow-DOM and slot
+ * boundaries so projected content and nested web components are included.
+ */
+function getFocusableElements(container) {
+    var _a;
+    const out = [];
+    const root = (_a = container.shadowRoot) !== null && _a !== void 0 ? _a : container;
+    for (const child of Array.from(root.children)) {
+        collectFocusable(child, out);
+    }
+    return out;
+}
+/**
+ * Resolve the deepest active element, descending into nested shadow roots.
+ * `document.activeElement` only reports the outermost shadow host.
+ */
+function getDeepActiveElement() {
+    var _a;
+    let active = document.activeElement;
+    while ((_a = active === null || active === void 0 ? void 0 : active.shadowRoot) === null || _a === void 0 ? void 0 : _a.activeElement) {
+        active = active.shadowRoot.activeElement;
+    }
+    return active;
+}
+/**
+ * Focus the first focusable element in a container.
+ */
+function focusFirst(container) {
+    const focusables = getFocusableElements(container);
+    if (focusables.length > 0) {
+        focusables[0].focus();
+    }
+}
+/**
+ * Trap focus within a container during Tab key navigation.
+ */
+function trapFocus(container, event) {
+    if (event.key !== 'Tab')
+        return;
+    const focusables = getFocusableElements(container);
+    if (focusables.length === 0) {
+        // Nothing focusable inside — keep focus from escaping the modal.
+        event.preventDefault();
+        return;
+    }
+    const first = focusables[0];
+    const last = focusables[focusables.length - 1];
+    const active = getDeepActiveElement();
+    // `contains()` does not cross shadow boundaries, so detect "escaped" focus by
+    // membership in the composed focusables list instead.
+    const isInside = active !== null && focusables.indexOf(active) !== -1;
+    if (event.shiftKey) {
+        if (active === first || !isInside) {
+            event.preventDefault();
+            last.focus();
+        }
+    }
+    else {
+        if (active === last || !isInside) {
+            event.preventDefault();
+            first.focus();
+        }
+    }
+}
+// ---------------------------------------------------------------------------
+// Body scroll lock (reference-counted so stacked modals don't unlock early).
+// ---------------------------------------------------------------------------
+let scrollLockCount = 0;
+let savedOverflow = '';
+let savedPaddingRight = '';
+/**
+ * Lock body scroll when a modal opens. Safe to nest: the lock is only applied
+ * on the first call and the original inline styles are restored on the last
+ * matching unlock.
+ */
+function lockBodyScroll() {
+    if (scrollLockCount === 0) {
+        savedOverflow = document.body.style.overflow;
+        savedPaddingRight = document.body.style.paddingRight;
+        const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
+        document.body.style.overflow = 'hidden';
+        if (scrollbarWidth > 0) {
+            document.body.style.paddingRight = `${scrollbarWidth}px`;
+        }
+    }
+    scrollLockCount++;
+}
+/**
+ * Unlock body scroll when a modal closes. Only the final unlock restores the
+ * original inline styles.
+ */
+function unlockBodyScroll() {
+    if (scrollLockCount === 0)
+        return;
+    scrollLockCount--;
+    if (scrollLockCount === 0) {
+        document.body.style.overflow = savedOverflow;
+        document.body.style.paddingRight = savedPaddingRight;
+    }
+}
+
+export { focusFirst as f, lockBodyScroll as l, trapFocus as t, unlockBodyScroll as u };