@sekiui/elements 0.0.82 → 0.0.84

package/dist/cjs/seki-menubar-sub-trigger.cjs.entry.js

@@ -35,11 +35,11 @@ const SekiMenubarSubTrigger = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: '5926c89854a423ed2ba7645116e6c9b7f34f02a8' }, index.h("div", { key: 'da811267f5af7d33976903f5d42f95443d9c8918', part: "trigger", role: "menuitem", class: {
+        return (index.h(index.Host, { key: 'f8b8f21daf65a3c1768b1dd29a4f0fabdaaa9fd4' }, index.h("div", { key: 'e441ac687a872a267753401454b8f89ce070c6a4', part: "trigger", role: "menuitem", class: {
                 'menubar-sub-trigger': true,
                 'menubar-sub-trigger--disabled': this.disabled,
                 'menubar-sub-trigger--inset': this.inset,
-            }, tabindex: this.disabled ? -1 : 0, "aria-haspopup": "menu", "aria-expanded": this._isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, "data-state": this._isOpen ? 'open' : 'closed' }, index.h("slot", { key: 'b5203f95a108507f990f013151f00bfedfdf1de5' }), index.h("svg", { key: 'f24f17053082f63d0f52141e6fc2e26ceace5739', part: "chevron", class: "menubar-sub-trigger__chevron", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("polyline", { key: 'b06d69c7390828fa552f692ee46ab3db415c36bf', points: "9 18 15 12 9 6" })))));
+            }, tabindex: this.disabled ? -1 : 0, "aria-haspopup": "menu", "aria-expanded": this._isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, "data-state": this._isOpen ? 'open' : 'closed' }, index.h("slot", { key: '92d0ddd48218274c941e0b9fb5f45174a1fde043' }), index.h("svg", { key: '8b8c2ec05a9e86ed1792fe41f624b782b21d6e6a', part: "chevron", class: "menubar-sub-trigger__chevron", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("polyline", { key: '30a4c704ae4a62561a5dfaa019229243cb189170', points: "9 18 15 12 9 6" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-menubar-sub.cjs.entry.js

@@ -106,7 +106,7 @@ const SekiMenubarSub = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '281a3c00fa652f36a8b3482a1e622f1df4ea3c51', "data-state": this._isOpen ? 'open' : 'closed', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("div", { key: 'a1d63c8cdbecdc95b3f0a53dc84e128d125dcb6c', part: "sub", class: "menubar-sub", style: { position: 'relative' } }, index.h("slot", { key: 'ff4c6d7fa7ce266f0aef771a6256d9d18cc30de3', name: "trigger" }), index.h("slot", { key: '0fa7c90f9ffe52a401d30bb2268de134f1d9450e', name: "content" }))));
+        return (index.h(index.Host, { key: 'fbcd1450f228d885e70a85660f9ef1d6d5d11a42', "data-state": this._isOpen ? 'open' : 'closed', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("div", { key: '3cfb28806b6a836413e8a46b9b097b10ad9f20ff', part: "sub", class: "menubar-sub", style: { position: 'relative' } }, index.h("slot", { key: 'd958a77a9ad9cf26a845626ebd16c9f978336867', name: "trigger" }), index.h("slot", { key: '62004a8f9b2cdf4907db69a702595e3abbb94c36', name: "content" }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-menubar-trigger.cjs.entry.js

@@ -13,6 +13,11 @@ const SekiMenubarTrigger = class {
          */
         this.disabled = false;
         this._isOpen = false;
+        this.onMenubarOpenChange = () => {
+            const context = this.getContext();
+            const menuId = this.getMenuId();
+            this._isOpen = (context === null || context === void 0 ? void 0 : context.activeMenuId) === menuId;
+        };
         this.handleClick = () => {
             if (this.disabled)
                 return;
@@ -87,26 +92,23 @@ const SekiMenubarTrigger = class {
         return (menu === null || menu === void 0 ? void 0 : menu.getAttribute('menu-id')) || null;
     }
     componentDidLoad() {
-        const menubar = this.el.closest('seki-menubar');
-        if (menubar) {
-            menubar.addEventListener('sekiOpenChange', () => {
-                const context = this.getContext();
-                const menuId = this.getMenuId();
-                this._isOpen = (context === null || context === void 0 ? void 0 : context.activeMenuId) === menuId;
-            });
-        }
+        var _a, _b;
+        this.menubarEl = (_a = this.el.closest('seki-menubar')) !== null && _a !== void 0 ? _a : undefined;
+        (_b = this.menubarEl) === null || _b === void 0 ? void 0 : _b.addEventListener('sekiOpenChange', this.onMenubarOpenChange);
     }
     connectedCallback() {
         themeSync.registerThemeSync(this.el);
     }
     disconnectedCallback() {
+        var _a;
         themeSync.unregisterThemeSync(this.el);
+        (_a = this.menubarEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('sekiOpenChange', this.onMenubarOpenChange);
     }
     render() {
-        return (index.h(index.Host, { key: 'f2e521d333074c6fbf9138c6df93d4e2755f94e7' }, index.h("button", { key: '8d4599c838568cc253b4c58e7ecd65f3c6b6855d', part: "trigger", type: "button", role: "menuitem", class: {
+        return (index.h(index.Host, { key: 'dbd7fb2ab6a1202fab32d742f181cd7a5d1d0476' }, index.h("button", { key: '9d5caf282dd3b2c9de087266dc8b9ad88e0b89a2', part: "trigger", type: "button", role: "menuitem", class: {
                 'menubar-trigger': true,
                 'menubar-trigger--disabled': this.disabled,
-            }, tabindex: this.disabled ? -1 : 0, "aria-haspopup": "menu", "aria-expanded": this._isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, "data-state": this._isOpen ? 'open' : 'closed', onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("slot", { key: '3a528fb597f00f9c3f740b248141286a0c02bfea' }))));
+            }, tabindex: this.disabled ? -1 : 0, "aria-haspopup": "menu", "aria-expanded": this._isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, "data-state": this._isOpen ? 'open' : 'closed', onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("slot", { key: 'fed1a9cf2a925d740695980b41d268177bb2129f' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-menubar.cjs.entry.js

@@ -108,7 +108,11 @@ const SekiMenubar = class {
         };
     }
     setupClickOutside() {
-        setTimeout(() => {
+        // Clear any pending timeout/handler first so a rapid open→close→open cannot
+        // leave a leaked listener or double-schedule.
+        this.removeClickOutside();
+        this.clickOutsideTimeout = setTimeout(() => {
+            this.clickOutsideTimeout = undefined;
             this.clickOutsideHandler = (e) => {
                 const path = e.composedPath();
                 if (!path.includes(this.el)) {
@@ -119,6 +123,11 @@ const SekiMenubar = class {
         }, 0);
     }
     removeClickOutside() {
+        // Cancel a still-pending registration so it can't fire after close/disconnect.
+        if (this.clickOutsideTimeout !== undefined) {
+            clearTimeout(this.clickOutsideTimeout);
+            this.clickOutsideTimeout = undefined;
+        }
         if (this.clickOutsideHandler) {
             document.removeEventListener('click', this.clickOutsideHandler, { capture: true });
             this.clickOutsideHandler = undefined;
@@ -145,7 +154,7 @@ const SekiMenubar = class {
         this.removeClickOutside();
     }
     render() {
-        return (index.h(index.Host, { key: '69b928f6070343e2f5a99430fad37aa194879194' }, index.h("div", { key: 'a0884fd8d9c2e4c51c83ccf9880ce01a5d54fc16', part: "menubar", role: "menubar", class: "menubar" }, index.h("slot", { key: '81bead716c8144d58a656f6ea82a71a61ea2d509' }))));
+        return (index.h(index.Host, { key: '2a29a195f321084fda6b2c123887e39ea969b1f0' }, index.h("div", { key: '574fdbffd6c0a0d75b498aca7860751232d9e53f', part: "menubar", role: "menubar", class: "menubar" }, index.h("slot", { key: '080ba5c852e3c0397e536451b1288e778d3241d9' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-native-select.cjs.entry.js

@@ -26,7 +26,7 @@ const SekiNativeSelect = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: '473d0b3862ba2bfb6a54819317446f6fc89bec55', class: { 'seki-native-select--disabled': this.disabled } }, index.h("div", { key: '5c11b0326bcc5fdcff93053000ce9afcc18b5c88', class: "seki-native-select" }, index.h("select", { key: '059b10b0119e3861e9836663031c382fd77bccf3', class: "seki-native-select__select", name: this.name, disabled: this.disabled, required: this.required, "aria-label": this.ariaLabel, onChange: this.handleChange }, this.placeholder && (index.h("option", { key: 'c23508ccd0472e76440cc464a0b775b2bc326b94', value: "", disabled: true, selected: !this.value && !this.defaultValue }, this.placeholder)), index.h("slot", { key: '700efca1da6876a2b4e495fb5cb19f38b27ee323' })), index.h("svg", { key: 'a1ae14642a4ed5fd2f0a7aca9c1e0bdd24729054', class: "seki-native-select__chevron", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("path", { key: '82bdd10cbb31ab91392cc8723c153735d76f68c5', d: "m6 9 6 6 6-6" })))));
+        return (index.h(index.Host, { key: '06c1263022892c128e1ff1eba05a99879b6cdbf1', class: { 'seki-native-select--disabled': this.disabled } }, index.h("div", { key: 'cfcd7624ab9b2b008272258acd58832e21de69d6', class: "seki-native-select" }, index.h("select", { key: '7702d0411e3a20ab73cc28dc42498bb65114bf1b', class: "seki-native-select__select", name: this.name, disabled: this.disabled, required: this.required, "aria-label": this.ariaLabel, onChange: this.handleChange }, this.placeholder && (index.h("option", { key: '9a9455abc7c3be7907bc48cfdb622fad3620735e', value: "", disabled: true, selected: !this.value && !this.defaultValue }, this.placeholder)), index.h("slot", { key: 'd310c6cdae31847fe93daabfc86bbb1b0cdf2762' })), index.h("svg", { key: 'b597495004880eb4e20c9bb620302999775cc204', class: "seki-native-select__chevron", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("path", { key: '1864330846f7cf2ac998b70890b41035fed564f4', d: "m6 9 6 6 6-6" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-navigation-menu-content.cjs.entry.js

@@ -2,8 +2,9 @@
 
 var index = require('./index-BVTkMb4K.js');
 var themeSync = require('./theme-sync-C-gKyzog.js');
+var ancestorAttrs = require('./ancestor-attrs-CnUfqtWw.js');
 
-const sekiNavigationMenuContentCss = ":host{--content-width:auto;--content-columns:2;--content-min-width:200px;--content-max-width:600px;display:none}:host(.navigation-menu-content--open:not(.navigation-menu-content--mobile)){display:block}:host(.navigation-menu-content--mobile){display:none}:host-context(seki-navigation-menu-item.navigation-menu-item--mobile-expanded) :host(.navigation-menu-content--mobile){display:block}.navigation-menu-content__inner{min-width:var(--content-min-width);max-width:var(--content-max-width);width:var(--content-width);padding:var(--seki-spacing-2, 0.5rem)}:host(.navigation-menu-content--layout-list) .navigation-menu-content__inner{display:flex;flex-direction:column;gap:var(--seki-spacing-1, 0.25rem)}:host(.navigation-menu-content--layout-grid) .navigation-menu-content__inner{display:grid;grid-template-columns:repeat(var(--content-columns), 1fr);gap:var(--seki-spacing-3, 0.75rem)}:host(.navigation-menu-content--mobile) .navigation-menu-content__inner{min-width:unset;max-width:unset;width:100%;padding:var(--seki-spacing-2, 0.5rem) 0;padding-left:var(--seki-spacing-4, 1rem);border-left:2px solid var(--seki-border);margin-left:var(--seki-spacing-4, 1rem)}:host(.navigation-menu-content--mobile.navigation-menu-content--layout-grid) .navigation-menu-content__inner{grid-template-columns:1fr}";
+const sekiNavigationMenuContentCss = ":host{--content-width:auto;--content-columns:2;--content-min-width:200px;--content-max-width:600px;display:none}:host(.navigation-menu-content--open:not(.navigation-menu-content--mobile)){display:block}:host(.navigation-menu-content--mobile){display:none}:host([data-mobile-expanded].navigation-menu-content--mobile){display:block}.navigation-menu-content__inner{min-width:var(--content-min-width);max-width:var(--content-max-width);width:var(--content-width);padding:var(--seki-spacing-2, 0.5rem)}:host(.navigation-menu-content--layout-list) .navigation-menu-content__inner{display:flex;flex-direction:column;gap:var(--seki-spacing-1, 0.25rem)}:host(.navigation-menu-content--layout-grid) .navigation-menu-content__inner{display:grid;grid-template-columns:repeat(var(--content-columns), 1fr);gap:var(--seki-spacing-3, 0.75rem)}:host(.navigation-menu-content--mobile) .navigation-menu-content__inner{min-width:unset;max-width:unset;width:100%;padding:var(--seki-spacing-2, 0.5rem) 0;padding-left:var(--seki-spacing-4, 1rem);border-left:2px solid var(--seki-border);margin-left:var(--seki-spacing-4, 1rem)}:host(.navigation-menu-content--mobile.navigation-menu-content--layout-grid) .navigation-menu-content__inner{grid-template-columns:1fr}";
 
 const SekiNavigationMenuContent = class {
     constructor(hostRef) {
@@ -71,10 +72,14 @@ const SekiNavigationMenuContent = class {
     }
     connectedCallback() {
         themeSync.registerThemeSync(this.el);
+        this.itemAttrMirror = ancestorAttrs.mirrorAncestorAttributes(this.el, 'seki-navigation-menu-item', ['data-mobile-expanded']);
     }
     disconnectedCallback() {
+        var _a;
         themeSync.unregisterThemeSync(this.el);
         this.cleanupContentInteractions();
+        (_a = this.itemAttrMirror) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.itemAttrMirror = undefined;
     }
     // =========================================================================
     // Watchers
@@ -204,13 +209,13 @@ const SekiNavigationMenuContent = class {
         if (this.layout === 'grid') {
             customStyles['--content-columns'] = String(this.columns);
         }
-        return (index.h(index.Host, { key: '3ac376eb7a89b0051be8d32d52917ae8fa76ed63', class: {
+        return (index.h(index.Host, { key: 'fd4af3ffd1e105c90564d860917c88c30c8606b6', class: {
                 'navigation-menu-content': true,
                 'navigation-menu-content--open': this.isOpen,
                 'navigation-menu-content--mobile': this.isMobile,
                 [`navigation-menu-content--layout-${this.layout}`]: true,
                 [`navigation-menu-content--align-${this.align}`]: true,
-            }, style: customStyles }, index.h("div", { key: 'e11577bb89474433f31fb195999cbfc6b51c5af7', id: `content-${itemId}`, class: "navigation-menu-content__inner", role: "menu", "aria-labelledby": `trigger-${itemId}` }, index.h("slot", { key: '863bf44d927def8b4ae4c306d8b41e8a169e8eaa' }))));
+            }, "data-mobile": this.isMobile ? '' : undefined, style: customStyles }, index.h("div", { key: 'f55e89e59c9126118e15d7433e83f0113be21328', id: `content-${itemId}`, class: "navigation-menu-content__inner", role: "menu", "aria-labelledby": `trigger-${itemId}` }, index.h("slot", { key: '3fe1d809ccb69408a4153f8638caffe169fe3b3a' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/seki-navigation-menu-item.cjs.entry.js

@@ -97,12 +97,12 @@ const SekiNavigationMenuItem = class {
         return this.parentMenu;
     }
     render() {
-        return (index.h(index.Host, { key: '0a5551472dc486b00e5228e4dfc8aa1d61fa89b8', class: {
+        return (index.h(index.Host, { key: '968dbf852a440e97c46d1f1036a9554d81058889', class: {
                 'navigation-menu-item': true,
                 'navigation-menu-item--open': this.isOpen,
                 'navigation-menu-item--mobile': this.isMobile,
                 'navigation-menu-item--mobile-expanded': this.mobileExpanded,
-            }, "data-item-id": this.itemId }, index.h("li", { key: '4bcd8edafa25aff059eb81933543239dbba486fe', class: "navigation-menu-item__container", role: "none" }, index.h("slot", { key: '93988867d4cd9f8d02af17a8f9569b213638cd6b' }))));
+            }, "data-item-id": this.itemId, "data-mobile-expanded": this.mobileExpanded ? '' : undefined }, index.h("li", { key: '84fd1a796784024ca0ff6f068aee7c2e416a7934', class: "navigation-menu-item__container", role: "none" }, index.h("slot", { key: '70bd982cb3c84ba7a68452f02fcea1477b37efd6' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/seki-navigation-menu-link.cjs.entry.js

@@ -2,8 +2,9 @@
 
 var index = require('./index-BVTkMb4K.js');
 var themeSync = require('./theme-sync-C-gKyzog.js');
+var ancestorAttrs = require('./ancestor-attrs-CnUfqtWw.js');
 
-const sekiNavigationMenuLinkCss = ":host{display:block}.navigation-menu-link__anchor{display:block;padding:var(--seki-spacing-2, 0.5rem) var(--seki-spacing-3, 0.75rem);font-family:var(--seki-font-sans);font-size:var(--seki-font-size-sm, 0.875rem);font-weight:var(--seki-font-weight-normal, 400);line-height:var(--seki-line-height-normal, 1.5);color:var(--seki-foreground);text-decoration:none;border-radius:var(--seki-radius-sm, 0.25rem);transition:background-color var(--seki-nav-animation-duration, 150ms) ease,\n    color var(--seki-nav-animation-duration, 150ms) ease}.navigation-menu-link__anchor:hover{background-color:var(--seki-muted)}.navigation-menu-link__anchor:focus-visible{outline:2px solid var(--seki-ring);outline-offset:2px}:host(.navigation-menu-link--active) .navigation-menu-link__anchor{font-weight:var(--seki-font-weight-medium, 500);color:var(--seki-primary);background-color:var(--seki-primary-foreground)}:host(.navigation-menu-link--disabled) .navigation-menu-link__anchor{opacity:0.5;cursor:not-allowed;pointer-events:none}:host(.navigation-menu-link--with-description) .navigation-menu-link__anchor{padding:var(--seki-spacing-3, 0.75rem)}.navigation-menu-link__content{display:flex;flex-direction:column;gap:var(--seki-spacing-1, 0.25rem)}.navigation-menu-link__title{font-weight:var(--seki-font-weight-medium, 500);color:var(--seki-foreground)}.navigation-menu-link__description{font-size:var(--seki-font-size-xs, 0.75rem);color:var(--seki-muted-foreground);line-height:var(--seki-line-height-relaxed, 1.625)}:host(.navigation-menu-link--in-content) .navigation-menu-link__anchor{min-height:36px;display:flex;align-items:center}:host-context(.navigation-menu-content--mobile) .navigation-menu-link__anchor{min-height:44px;padding:var(--seki-spacing-3, 0.75rem) var(--seki-spacing-4, 1rem)}:host([data-theme='dark']) .navigation-menu-link__anchor:hover{background-color:var(--seki-muted)}@media (prefers-reduced-motion: reduce){.navigation-menu-link__anchor{transition:none}}";
+const sekiNavigationMenuLinkCss = ":host{display:block}.navigation-menu-link__anchor{display:block;padding:var(--seki-spacing-2, 0.5rem) var(--seki-spacing-3, 0.75rem);font-family:var(--seki-font-sans);font-size:var(--seki-font-size-sm, 0.875rem);font-weight:var(--seki-font-weight-normal, 400);line-height:var(--seki-line-height-normal, 1.5);color:var(--seki-foreground);text-decoration:none;border-radius:var(--seki-radius-sm, 0.25rem);transition:background-color var(--seki-nav-animation-duration, 150ms) ease,\n    color var(--seki-nav-animation-duration, 150ms) ease}.navigation-menu-link__anchor:hover{background-color:var(--seki-muted)}.navigation-menu-link__anchor:focus-visible{outline:2px solid var(--seki-ring);outline-offset:2px}:host(.navigation-menu-link--active) .navigation-menu-link__anchor{font-weight:var(--seki-font-weight-medium, 500);color:var(--seki-primary);background-color:var(--seki-primary-foreground)}:host(.navigation-menu-link--disabled) .navigation-menu-link__anchor{opacity:0.5;cursor:not-allowed;pointer-events:none}:host(.navigation-menu-link--with-description) .navigation-menu-link__anchor{padding:var(--seki-spacing-3, 0.75rem)}.navigation-menu-link__content{display:flex;flex-direction:column;gap:var(--seki-spacing-1, 0.25rem)}.navigation-menu-link__title{font-weight:var(--seki-font-weight-medium, 500);color:var(--seki-foreground)}.navigation-menu-link__description{font-size:var(--seki-font-size-xs, 0.75rem);color:var(--seki-muted-foreground);line-height:var(--seki-line-height-relaxed, 1.625)}:host(.navigation-menu-link--in-content) .navigation-menu-link__anchor{min-height:36px;display:flex;align-items:center}:host([data-mobile]) .navigation-menu-link__anchor{min-height:44px;padding:var(--seki-spacing-3, 0.75rem) var(--seki-spacing-4, 1rem)}:host([data-theme='dark']) .navigation-menu-link__anchor:hover{background-color:var(--seki-muted)}@media (prefers-reduced-motion: reduce){.navigation-menu-link__anchor{transition:none}}";
 
 const SekiNavigationMenuLink = class {
     constructor(hostRef) {
@@ -74,19 +75,23 @@ const SekiNavigationMenuLink = class {
     }
     connectedCallback() {
         themeSync.registerThemeSync(this.el);
+        this.attrMirror = ancestorAttrs.mirrorAncestorAttributes(this.el, 'seki-navigation-menu-content', ['data-mobile']);
     }
     disconnectedCallback() {
+        var _a;
         themeSync.unregisterThemeSync(this.el);
+        (_a = this.attrMirror) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.attrMirror = undefined;
     }
     render() {
         const hasDescription = Boolean(this.description);
-        return (index.h(index.Host, { key: '502ddacfbfbf646b1e59e14c61aeafdb6f88abfc', class: {
+        return (index.h(index.Host, { key: 'c4f1a5bcf3faa4a719c294c114a941a45c9795ac', class: {
                 'navigation-menu-link': true,
                 'navigation-menu-link--active': this.active,
                 'navigation-menu-link--disabled': this.disabled,
                 'navigation-menu-link--in-content': this.isInContent,
                 'navigation-menu-link--with-description': hasDescription,
-            } }, index.h("a", { key: 'b51e731ebc66a823e3e3a4f8d5cab5b65f97f087', class: "navigation-menu-link__anchor", href: this.disabled ? undefined : this.href, target: this.target || undefined, rel: this.target === '_blank' ? 'noopener noreferrer' : undefined, role: this.isInContent ? 'menuitem' : undefined, "aria-current": this.active ? 'page' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, hasDescription ? (index.h("div", { class: "navigation-menu-link__content" }, index.h("span", { class: "navigation-menu-link__title" }, index.h("slot", null)), index.h("span", { class: "navigation-menu-link__description" }, this.description))) : (index.h("slot", null)))));
+            } }, index.h("a", { key: '0f113b3aa8fef6307fbbf811e6edd78db7ef8bb4', class: "navigation-menu-link__anchor", href: this.disabled ? undefined : this.href, target: this.target || undefined, rel: this.target === '_blank' ? 'noopener noreferrer' : undefined, role: this.isInContent ? 'menuitem' : undefined, "aria-current": this.active ? 'page' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, hasDescription ? (index.h("div", { class: "navigation-menu-link__content" }, index.h("span", { class: "navigation-menu-link__title" }, index.h("slot", null)), index.h("span", { class: "navigation-menu-link__description" }, this.description))) : (index.h("slot", null)))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-navigation-menu-list.cjs.entry.js

@@ -2,8 +2,9 @@
 
 var index = require('./index-BVTkMb4K.js');
 var themeSync = require('./theme-sync-C-gKyzog.js');
+var ancestorAttrs = require('./ancestor-attrs-CnUfqtWw.js');
 
-const sekiNavigationMenuListCss = ":host{display:block}.navigation-menu-list{display:flex;align-items:center;gap:var(--seki-nav-gap, 0.25rem);margin:0;padding:0;list-style:none}:host-context(seki-navigation-menu.navigation-menu--mobile) .navigation-menu-list{flex-direction:column;align-items:stretch;gap:var(--seki-spacing-1, 0.25rem)}";
+const sekiNavigationMenuListCss = ":host{display:block}.navigation-menu-list{display:flex;align-items:center;gap:var(--seki-nav-gap, 0.25rem);margin:0;padding:0;list-style:none}:host([data-mobile]) .navigation-menu-list{flex-direction:column;align-items:stretch;gap:var(--seki-spacing-1, 0.25rem)}";
 
 const SekiNavigationMenuList = class {
     constructor(hostRef) {
@@ -41,10 +42,14 @@ const SekiNavigationMenuList = class {
     }
     connectedCallback() {
         themeSync.registerThemeSync(this.el);
+        this.attrMirror = ancestorAttrs.mirrorAncestorAttributes(this.el, 'seki-navigation-menu', ['data-mobile']);
     }
     disconnectedCallback() {
+        var _a;
         themeSync.unregisterThemeSync(this.el);
         this.cleanupKeyboardNavigation();
+        (_a = this.attrMirror) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.attrMirror = undefined;
     }
     setupKeyboardNavigation() {
         this.el.addEventListener('keydown', this.handleKeyDown);
@@ -107,7 +112,7 @@ const SekiNavigationMenuList = class {
         this.focusedIndex = index;
     }
     render() {
-        return (index.h(index.Host, { key: '38071b4039c5dfadab5c58be53d02684825cdce2' }, index.h("ul", { key: '44553ecd9d84dcb380414da8cf3251213a7abdc1', class: "navigation-menu-list", role: "menubar" }, index.h("slot", { key: 'e664d20108a1fa84918b4b14670c4f6c4c7fdaf4' }))));
+        return (index.h(index.Host, { key: '30448cc6ca88489984b3f1a2b907ba4874dce124' }, index.h("ul", { key: 'e63b9f1fac449d35e3616186eac7a12ff085274d', class: "navigation-menu-list", role: "menubar" }, index.h("slot", { key: '0919c2642f38f7e49c3b0e504b8e5dba4e840065' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-navigation-menu-trigger.cjs.entry.js

@@ -8,7 +8,7 @@ const sekiNavigationMenuTriggerCss = ":host{display:inline-flex}.navigation-menu
 const SekiNavigationMenuTrigger = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.triggerActivate = index.createEvent(this, "seki-trigger-activate");
+        this.triggerActivate = index.createEvent(this, "sekiTriggerActivate");
         // =========================================================================
         // Props
         // =========================================================================
@@ -188,12 +188,12 @@ const SekiNavigationMenuTrigger = class {
     }
     render() {
         const itemId = this.getItemId();
-        return (index.h(index.Host, { key: '9361deb1ef34c980f4ccff32037ffb53e972cf91', class: {
+        return (index.h(index.Host, { key: '5ae4b7fe933a849a2752df6814a539adbf302a2b', class: {
                 'navigation-menu-trigger': true,
                 'navigation-menu-trigger--open': this.isOpen,
                 'navigation-menu-trigger--disabled': this.disabled,
                 'navigation-menu-trigger--mobile': this.isMobile,
-            } }, index.h("button", { key: '5736fd94663ff3b16d2770917a965538ef55cda1', ref: el => (this.buttonRef = el), type: "button", class: "navigation-menu-trigger__button", role: "menuitem", "aria-haspopup": "true", "aria-expanded": String(this.isOpen), "aria-controls": `content-${itemId}`, disabled: this.disabled, tabindex: this.isOpen ? '0' : '-1', onClick: this.handleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onKeyDown: this.handleKeyDown }, index.h("span", { key: 'fa626a6050e2ec49596d6c35ae2e7d211f6f41a2', class: "navigation-menu-trigger__label" }, index.h("slot", { key: '301f87d67ba40a52803bdabd8b92387f0303b44b' })), index.h("svg", { key: '9b4c4f91c5d3580e14b1ff1ac3f7fb6ea20cb4f5', class: "navigation-menu-trigger__chevron", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("polyline", { key: '9ca5be90f35f5757eeb7ea706505e83f59b221a9', points: "2 4 6 8 10 4" })))));
+            } }, index.h("button", { key: '8a5124fc282437ff0311365751cf7a900b638cba', ref: el => (this.buttonRef = el), type: "button", class: "navigation-menu-trigger__button", role: "menuitem", "aria-haspopup": "true", "aria-expanded": String(this.isOpen), "aria-controls": `content-${itemId}`, disabled: this.disabled, tabindex: this.isOpen ? '0' : '-1', onClick: this.handleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onKeyDown: this.handleKeyDown }, index.h("span", { key: '809e6492039c97a1746379be060a0bc0f18d05b8', class: "navigation-menu-trigger__label" }, index.h("slot", { key: '0ea30cadd7706ffdf562a4bb20bd4093fdc5fa54' })), index.h("svg", { key: '6423f36f719b1d47ae4ddb901157c884cd8891af', class: "navigation-menu-trigger__chevron", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("polyline", { key: '9403714a423005f9c37f355db7dac8dc84de49c2', points: "2 4 6 8 10 4" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-navigation-menu-viewport.cjs.entry.js

@@ -149,14 +149,14 @@ const SekiNavigationMenuViewport = class {
         return index.h("slot", null);
     }
     render() {
-        return (index.h(index.Host, { key: 'd6488e7ee474b8a5c14bda3c4354a18c8f95e2bd', class: {
+        return (index.h(index.Host, { key: 'c863186fc1f5fa38f62d722497f1eca6564175ff', class: {
                 'navigation-menu-viewport': true,
                 'navigation-menu-viewport--visible': this.isVisible,
             }, style: {
                 '--indicator-left': `${this.indicatorLeft}px`,
                 '--content-offset': `${this.contentOffset}px`,
                 '--content-height': `${this.contentHeight}px`,
-            } }, index.h("div", { key: 'c154a11e43e35c612c8516ce48e90ce963f120cd', class: "navigation-menu-viewport__indicator" }, index.h("svg", { key: '20963cf39499036ed89db44f1b34cf6b3064e3c8', width: "20", height: "10", viewBox: "0 0 20 10", fill: "currentColor" }, index.h("polygon", { key: 'd69af8e0581c22acf673595deef3bdce3aa12189', points: "10,0 20,10 0,10" }))), index.h("div", { key: '558cd698c2a894070a80b137e36dc62d25977043', ref: el => (this.contentRef = el), class: "navigation-menu-viewport__content" }, this.renderContent())));
+            } }, index.h("div", { key: '558ad311e9ee87bce50b1caaebbd438ef4f4ffa0', class: "navigation-menu-viewport__indicator" }, index.h("svg", { key: '187cb7822a78f9ec991c403c1c0d255ef1c93434', width: "20", height: "10", viewBox: "0 0 20 10", fill: "currentColor" }, index.h("polygon", { key: '6a2cb9eb92b18a5815dfc433066f24bc4bb80d76', points: "10,0 20,10 0,10" }))), index.h("div", { key: '2aaa62ba0e22c828ef21bc4196b78ef78f60faf9', ref: el => (this.contentRef = el), class: "navigation-menu-viewport__content" }, this.renderContent())));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/seki-navigation-menu.cjs.entry.js

@@ -8,9 +8,9 @@ const sekiNavigationMenuCss = ":host{--seki-neutral-50:hsl(0, 0%, 98%);--seki-ne
 const SekiNavigationMenu = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.menuOpen = index.createEvent(this, "seki-menu-open");
-        this.menuClose = index.createEvent(this, "seki-menu-close");
-        this.mobileToggle = index.createEvent(this, "seki-mobile-toggle");
+        this.menuOpen = index.createEvent(this, "sekiMenuOpen");
+        this.menuClose = index.createEvent(this, "sekiMenuClose");
+        this.mobileToggle = index.createEvent(this, "sekiMobileToggle");
         // =========================================================================
         // Props
         // =========================================================================
@@ -209,10 +209,10 @@ const SekiNavigationMenu = class {
     // Render
     // =========================================================================
     render() {
-        return (index.h(index.Host, { key: '92a88df19e0f9b8ca9f3e61d4ee2069ca4de88e6', class: {
+        return (index.h(index.Host, { key: '53d2661dfd58fa7309d2a0defc307b17dd55dbf3', class: {
                 'navigation-menu': true,
                 'navigation-menu--mobile': this.isMobile,
-            } }, index.h("nav", { key: '27723ddaff49efe3255ff27643bfaf773bb6587d', class: "navigation-menu__nav", role: "navigation", "aria-label": this.ariaLabel }, this.isMobile ? this.renderMobileNav() : this.renderDesktopNav())));
+            }, "data-mobile": this.isMobile ? '' : undefined }, index.h("nav", { key: 'da9466f28b733cec9d795716bfb7b19cd3d24e3c', class: "navigation-menu__nav", role: "navigation", "aria-label": this.ariaLabel }, this.isMobile ? this.renderMobileNav() : this.renderDesktopNav())));
     }
     renderDesktopNav() {
         return [

package/dist/cjs/seki-pagination-content.cjs.entry.js

@@ -16,7 +16,7 @@ const SekiPaginationContent = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h("ul", { key: '0eef5df2fbff0ec8f5db67936442132e7533b644', class: "seki-pagination-content", part: "content" }, index.h("slot", { key: 'c94e0346dd8691971bbc35533ba5e21ef4b2f016' })));
+        return (index.h("ul", { key: 'ea31819c031372d7ffb9d9d59ddc5a197dbca28d', class: "seki-pagination-content", part: "content" }, index.h("slot", { key: 'b836217e609787d2b60f88f1ff552cd4407e1a29' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-pagination-ellipsis.cjs.entry.js

@@ -16,7 +16,7 @@ const SekiPaginationEllipsis = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h("span", { key: 'e5da769c4014e32a068b14f782a51004c2c38ff1', "aria-hidden": "true", class: "seki-pagination-ellipsis", part: "ellipsis" }, index.h("svg", { key: 'ae6e59fa83ece765609c86b9d4497456788a30fa', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("circle", { key: '082f189f59a792748ec544fbb70216e64f93eb88', cx: "12", cy: "12", r: "1" }), index.h("circle", { key: '8275a7a6c3609af95fe65e6c041bfbd9cda6daab', cx: "19", cy: "12", r: "1" }), index.h("circle", { key: '3132f541937f0a7b919ba419a211825c6ec856d6', cx: "5", cy: "12", r: "1" })), index.h("span", { key: '00ea25eab6b6c2bada2b50693b6e249e54a1e04b', class: "sr-only" }, "More pages")));
+        return (index.h("span", { key: 'ef6f7bf930de4da04444bcd475d6dceb9be69cec', "aria-hidden": "true", class: "seki-pagination-ellipsis", part: "ellipsis" }, index.h("svg", { key: 'c7f8d27c48a0454f921e32df9274bd730c907cf6', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("circle", { key: '85166ad9fc2d89b2430eebfa63b42fbfa85496ef', cx: "12", cy: "12", r: "1" }), index.h("circle", { key: 'c06dbee553119935e90d86c83798aaca644d4705', cx: "19", cy: "12", r: "1" }), index.h("circle", { key: '1fcf378e59e1c3371e606c622d723714ab6e0df8', cx: "5", cy: "12", r: "1" })), index.h("span", { key: '749bf80cc5d367bb22b82b7795149875f4358662', class: "sr-only" }, "More pages")));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-pagination-item.cjs.entry.js

@@ -16,7 +16,7 @@ const SekiPaginationItem = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h("li", { key: '0ee2bdea0480c4628d356e0ce62c02e48933ce79', class: "seki-pagination-item", part: "item" }, index.h("slot", { key: '258953b60e2e3359e3072c212c29a47e237dc6b6' })));
+        return (index.h("li", { key: '1045893c9b246255f8c9fac22ea2fbce1bd4fb7d', class: "seki-pagination-item", part: "item" }, index.h("slot", { key: 'bdb551483afa3926f1dc5fe771f2fcf6a437f96c' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-pagination-link.cjs.entry.js

@@ -25,11 +25,11 @@ const SekiPaginationLink = class {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'span';
-        return (index.h(Tag, { key: 'fd072e785c7d4eb8c4d2559c4b9c237b6b837580', href: this.href && !this.disabled ? this.href : undefined, "aria-current": this.active ? 'page' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, class: {
+        return (index.h(Tag, { key: '22e5f7a4f4e907396b1d8a73eb5a323875dd6963', href: this.href && !this.disabled ? this.href : undefined, "aria-current": this.active ? 'page' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, class: {
                 'seki-pagination-link': true,
                 'seki-pagination-link--active': !!this.active,
                 'seki-pagination-link--disabled': !!this.disabled,
-            }, part: "link" }, index.h("slot", { key: 'a3dcd8928129282c981c1de6f49c906304d76179' })));
+            }, part: "link" }, index.h("slot", { key: '19b2c6755295f81fc78e0c07beef714ba32e7468' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-pagination-next.cjs.entry.js

@@ -21,11 +21,11 @@ const SekiPaginationNext = class {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'span';
-        return (index.h(Tag, { key: '1175280e4938aa058ab7c8e644966a12f89b21d5', href: this.href && !this.disabled ? this.href : undefined, "aria-label": "Go to next page", "aria-disabled": this.disabled ? 'true' : undefined, class: {
+        return (index.h(Tag, { key: '080ad3ee2bce104e0b15a68b3261bc09ebb1e0b7', href: this.href && !this.disabled ? this.href : undefined, "aria-label": "Go to next page", "aria-disabled": this.disabled ? 'true' : undefined, class: {
                 'seki-pagination-link': true,
                 'seki-pagination-nav': true,
                 'seki-pagination-link--disabled': !!this.disabled,
-            }, part: "next" }, index.h("span", { key: '1d4d9ff0373abac23d3e4aa9eb04d2e4f182ffdc' }, "Next"), index.h("svg", { key: '7c2a26387e55c8acf82b0a4c3d104bb284b1fe19', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("path", { key: 'f4009a3e8ffe7004be2ec9a7d8a6d941facc41ef', d: "m9 18 6-6-6-6" }))));
+            }, part: "next" }, index.h("span", { key: '9aa466c1762cfb7371fcac60e4f0cc68be690b00' }, "Next"), index.h("svg", { key: 'e62dfed8237e0d56b5b519a403394fe48bc35577', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("path", { key: 'fe66a4d4d749c1696bae7b75de281d27953543b1', d: "m9 18 6-6-6-6" }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-pagination-previous.cjs.entry.js

@@ -21,11 +21,11 @@ const SekiPaginationPrevious = class {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'span';
-        return (index.h(Tag, { key: '14f566cd8937714764002b877b7598133e62a9a0', href: this.href && !this.disabled ? this.href : undefined, "aria-label": "Go to previous page", "aria-disabled": this.disabled ? 'true' : undefined, class: {
+        return (index.h(Tag, { key: '367f79b96e1395b0f76c92b070ade5efc5dce055', href: this.href && !this.disabled ? this.href : undefined, "aria-label": "Go to previous page", "aria-disabled": this.disabled ? 'true' : undefined, class: {
                 'seki-pagination-link': true,
                 'seki-pagination-nav': true,
                 'seki-pagination-link--disabled': !!this.disabled,
-            }, part: "previous" }, index.h("svg", { key: '92005951a8344d359e670450c615320a95fc8228', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("path", { key: 'afd0983e2b2479bbb74d0b6a84c0fec6cc97c67e', d: "m15 18-6-6 6-6" })), index.h("span", { key: '4c98e96c6f985ae9cc816e37c514b97e42faf54c' }, "Previous")));
+            }, part: "previous" }, index.h("svg", { key: '8303bb9dc4f98c1819263c327144c0636e8aaab3', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("path", { key: '3b78b0168308783b538fddf56678653b01110625', d: "m15 18-6-6 6-6" })), index.h("span", { key: '48c97da757dfa5be9e1c24ceb9406f7de729c682' }, "Previous")));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-pagination.cjs.entry.js

@@ -16,7 +16,7 @@ const SekiPagination = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h("nav", { key: '6b96cf15c5ea0e5ab63c3f2bf548715f3e047fd8', role: "navigation", "aria-label": "pagination", class: "seki-pagination", part: "pagination" }, index.h("slot", { key: '1a03c02c329fd24ad34796891794ca3bce3b1470' })));
+        return (index.h("nav", { key: 'bc43b557ab08b1c7566f34af6b9de57f99f95889', role: "navigation", "aria-label": "pagination", class: "seki-pagination", part: "pagination" }, index.h("slot", { key: 'a545d97342e968437167fa553b7b66df5a2898c3' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-popover-close.cjs.entry.js

@@ -20,7 +20,7 @@ const SekiPopoverClose = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: '7312370b1be55cacbdf497e982635fce855af1b6' }, index.h("button", { key: '407bca7106d71e4ce1c87fbc95aac669f6904d79', part: "close", type: "button", class: "popover-close", "aria-label": "Close" }, index.h("slot", { key: '01814bdd47a683cb6ddb1b499f3ee7c0e5a7e751' }, index.h("svg", { key: 'fb566b8768c0255c0943204cbe2fdffcc4ddef22', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("path", { key: '2055fda483bad415580b14893cccf68e4cc86916', d: "M18 6 6 18" }), index.h("path", { key: '41b3f6a8ea41caf93d3dff8677babf2a2148a739', d: "m6 6 12 12" }))))));
+        return (index.h(index.Host, { key: '0ef002b3abe12dff2d5db49065dd9c4f9e6eb780' }, index.h("button", { key: '7a5a09ef9ca1eec3cacc40b37cac96682097a7ba', part: "close", type: "button", class: "popover-close", "aria-label": "Close" }, index.h("slot", { key: '137d3956bd8e3813c296fbb176c306e152b35e50' }, index.h("svg", { key: '40d7ac8a21667d888964677fb9be6f6a5001082a', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("path", { key: '27b2172fb76c7cc1c8fed9b347dc182357211593', d: "M18 6 6 18" }), index.h("path", { key: '6b4bb18b5a12ac901dc8fa018e554f474693ba41', d: "m6 6 12 12" }))))));
     }
     get el() { return index.getElement(this); }
 };