@sekiui/elements 0.0.84 → 0.0.85

package/dist/esm/seki-menubar-checkbox.entry.js

@@ -45,10 +45,10 @@ const SekiMenubarCheckbox = class {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '6cf84dc92dfbc7f34c6feeafd9072011952a9261' }, h("div", { key: '56a8c961598fbb4248d78a4e3aee80fc3cdc9a69', part: "item", role: "menuitemcheckbox", class: {
+        return (h(Host, { key: 'e7f80970126873c2f763c2d83ad75da81ff385a6' }, h("div", { key: 'eda9d3d2437b85604562caba0d750232ab94b739', part: "item", role: "menuitemcheckbox", class: {
                 'menubar-checkbox': true,
                 'menubar-checkbox--disabled': this.disabled,
-            }, tabindex: this.disabled ? -1 : 0, "aria-checked": this._checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: '003e66f704ee1bda60628d6c9cb4f55ed523fc71', part: "indicator", class: "menubar-checkbox__indicator" }, this._checked && (h("svg", { key: 'e2668d4c7f811c34aeaca413d4342802d186850e', 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" }, h("polyline", { key: '0ec3ac5e7900165235f005e8655050a6713ac33d', points: "20 6 9 17 4 12" })))), h("slot", { key: 'b0030fa9d04e3675372445162768dc0974e6a5fc' }), this.shortcut && (h("span", { key: 'dfb75e160ecd539c71b700b574b1ca300272512b', part: "shortcut", class: "menubar-checkbox-shortcut" }, this.shortcut)))));
+            }, tabindex: this.disabled ? -1 : 0, "aria-checked": this._checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: '4599fec9deb80de6613c5b6dd9b3a86f1c0f273d', part: "indicator", class: "menubar-checkbox__indicator" }, this._checked && (h("svg", { key: '370911ca1ecb8af0b066d24985e5a8318459667a', 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" }, h("polyline", { key: '528f895f163b25110cce2c2ea39d71c57835d82d', points: "20 6 9 17 4 12" })))), h("slot", { key: '96fffed56c77d92e74dd836bbb0e0449253972c2' }), this.shortcut && (h("span", { key: '96dc656235a9ba5b0b266b581b6cc42c14f923a6', part: "shortcut", class: "menubar-checkbox-shortcut" }, this.shortcut)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/seki-menubar-content.entry.js

@@ -148,7 +148,14 @@ const SekiMenubarContent = class {
             align: this.align,
             sideOffset: this.sideOffset,
         });
-        this._position = { top: `${top}px`, left: `${left}px` };
+        const next = { top: `${top}px`, left: `${left}px` };
+        // Guard against redundant writes: componentDidRender calls this every render
+        // while open, and @State setters always trigger a re-render on a new object
+        // reference even when the computed value is unchanged, which would otherwise
+        // loop forever (render -> componentDidRender -> updatePosition -> re-render).
+        if (next.top === this._position.top && next.left === this._position.left)
+            return;
+        this._position = next;
     }
     connectedCallback() {
         registerThemeSync(this.el);

package/dist/esm/seki-menubar-group.entry.js

@@ -14,7 +14,7 @@ const SekiMenubarGroup = class {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: 'a70040707595e384e9ea0d49164b8cb6da77391c' }, h("div", { key: '733ac22de36cab4710cf51b03f544f312067fa2b', part: "group", role: "group", class: "menubar-group" }, this.label && (h("div", { key: '5c1096a076012ec6e06053ea0b2b297395c7a62c', part: "label", class: "menubar-group-label" }, this.label)), h("slot", { key: 'd8c607df106b0efd5a3a808005e7df395090cab7' }))));
+        return (h(Host, { key: '12c22704c38a9cfc98ef4fadd0746b25a7db8cd9' }, h("div", { key: '22fb359c15026164a6a1fe3fd8e50a25b81ba005', part: "group", role: "group", class: "menubar-group" }, this.label && (h("div", { key: 'bed201bda88cb90f6858dc36cc8d11c337916c38', part: "label", class: "menubar-group-label" }, this.label)), h("slot", { key: '7db8dcb2f96ea96232fc75c56fa9f158e5e71b15' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/seki-menubar-item.entry.js

@@ -43,11 +43,11 @@ const SekiMenubarItem = class {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '8237cb23d0d5cf66ef1a563ab7f9b72de7f0bb67' }, h("div", { key: '669e2bdd18efc7eaa0b4a2b6a320b7c04af40b88', part: "item", role: "menuitem", class: {
+        return (h(Host, { key: '5e23271b12a95ca2661532ecef75a1c52ff6d5d8' }, h("div", { key: '8f59bb09048cb3b9b8ad72a23a239688579d2e12', part: "item", role: "menuitem", class: {
                 'menubar-item': true,
                 'menubar-item--disabled': this.disabled,
                 'menubar-item--inset': this.inset,
-            }, tabindex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("slot", { key: 'aad4d95cd19cddf247b59b2e25940eaf9f1421d8' }), this.shortcut && (h("span", { key: 'a315a0a30970f352313dfe06aadf55a4a9e2aae3', part: "shortcut", class: "menubar-item-shortcut" }, this.shortcut)))));
+            }, tabindex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("slot", { key: 'af760864e581c6b663dc35a0e16771e864e4069c' }), this.shortcut && (h("span", { key: '586eedfdf8ff4824144af2efa642f678c17985e5', part: "shortcut", class: "menubar-item-shortcut" }, this.shortcut)))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/seki-menubar-menu.entry.js

@@ -29,7 +29,7 @@ const SekiMenubarMenu = class {
         }
     }
     render() {
-        return (h(Host, { key: 'd328e032ef3108ef08cb1bc3c9ca725b1c4c1fdc' }, h("div", { key: '4a9f54c45c49bb262f3de86a110355a42c20895d', part: "menu", class: "menubar-menu" }, h("slot", { key: 'd25de5203bf1a831bf1f6a8cff706a020b359ac6' }))));
+        return (h(Host, { key: '2c284c454b4177dea44a2e6ed1addcad57c5dd81' }, h("div", { key: '34c253f31f95a528c8e067888e637268fbd99476', part: "menu", class: "menubar-menu" }, h("slot", { key: '3988680cad92906d9126c43b09af55676e9609b2' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/seki-menubar-radio-group.entry.js

@@ -36,7 +36,7 @@ const SekiMenubarRadioGroup = class {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '11fb84934201a569abcc9d3310cf630ce508797f' }, h("div", { key: 'ec99ce927c6121f7f653ed0f5dcbf4c857dcaa4b', part: "group", role: "group", class: "menubar-radio-group" }, h("slot", { key: 'd0e4ab29e49bbe3f10670fb4e5d6744a6640e928' }))));
+        return (h(Host, { key: 'a78b5f4366863b965454187df89fed9c95592038' }, h("div", { key: '71660951b2ff31a2024651346c8b6a3146aa668a', part: "group", role: "group", class: "menubar-radio-group" }, h("slot", { key: '7cff717976f45b3006364a2fc18943cc3a1f1309' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/seki-menubar-radio.entry.js

@@ -53,10 +53,10 @@ const SekiMenubarRadio = class {
         (_a = this.radioGroupEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('sekiValueChange', this.onRadioGroupValueChange);
     }
     render() {
-        return (h(Host, { key: '20cc160b7e5070279bab1536eafe4bf0b6914ffa' }, h("div", { key: 'a4f5d8c21020bf621e75f0b495959162a9e59910', part: "item", role: "menuitemradio", class: {
+        return (h(Host, { key: '86f4a0e36e5f7eb24786a163c475700918b87264' }, h("div", { key: '8f252e3eeddcf133576c226cf0f5b82f8bfe893b', part: "item", role: "menuitemradio", class: {
                 'menubar-radio': true,
                 'menubar-radio--disabled': this.disabled,
-            }, tabindex: this.disabled ? -1 : 0, "aria-checked": this._isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: 'e2f9a9a75674de2e9983201f777f41102a8eaa9f', part: "indicator", class: "menubar-radio__indicator" }, this._isChecked && (h("svg", { key: 'd408c93936760ed31f585beb6302cc1f70f0648b', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor" }, h("circle", { key: '213a815afd3a4d5ba639992de27d469c1da01032', cx: "12", cy: "12", r: "4" })))), h("slot", { key: 'c04ea5154b34acdd9683e0626322a531de5034a5' }))));
+            }, tabindex: this.disabled ? -1 : 0, "aria-checked": this._isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: '1c8eb28d9415f5b104d1740e183e77c27bcfb7f5', part: "indicator", class: "menubar-radio__indicator" }, this._isChecked && (h("svg", { key: 'a8291f6b69899da2cadbc7b75c42278bae5669f5', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor" }, h("circle", { key: 'a672171997ec2478c6dd7dd9e01fa32df1378864', cx: "12", cy: "12", r: "4" })))), h("slot", { key: '8e4310e3838641d337ec50f66034772d3add3bd0' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/seki-menubar-separator.entry.js

@@ -14,7 +14,7 @@ const SekiMenubarSeparator = class {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '17ede9830801810fc93c4242fad90e97f48ce363' }, h("div", { key: '3d139dc6efe8e49853b6c2a1940cf1906165893f', part: "separator", role: "separator", class: "menubar-separator" })));
+        return (h(Host, { key: 'ce47a59e358769d743e66aef611446bdb09a6c73' }, h("div", { key: '0e3e8503dd4f012d1007b3f66dae08647d3406b5', part: "separator", role: "separator", class: "menubar-separator" })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/seki-menubar-shortcut.entry.js

@@ -14,7 +14,7 @@ const SekiMenubarShortcut = class {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: 'c87e86fcb0682407cdc129cdc2b36e7da25d3994' }, h("span", { key: '1865a842e549c0ebbaaa547f03b9d2c456206c0d', part: "shortcut", class: "menubar-shortcut" }, h("slot", { key: 'c7554e1f6aa9250900c405a8178f86ab12db8364' }))));
+        return (h(Host, { key: '57e20895c7161c25aab577ce5b0f64ebc2d4becd' }, h("span", { key: 'b566f93e7460e627521d59b54659cae452866651', part: "shortcut", class: "menubar-shortcut" }, h("slot", { key: '80fd78369dddb9262726553bc08a777d5afee66f' }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -33,11 +33,11 @@ const SekiMenubarSubTrigger = class {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: 'f8b8f21daf65a3c1768b1dd29a4f0fabdaaa9fd4' }, h("div", { key: 'e441ac687a872a267753401454b8f89ce070c6a4', part: "trigger", role: "menuitem", class: {
+        return (h(Host, { key: '8945ab41363c380060ebfe45042c4a9c6a9effc5' }, h("div", { key: 'f9b45282991f845c0f9d6aaef85b22c8a9de4079', 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' }, h("slot", { key: '92d0ddd48218274c941e0b9fb5f45174a1fde043' }), 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" }, h("polyline", { key: '30a4c704ae4a62561a5dfaa019229243cb189170', 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' }, h("slot", { key: 'ebc80df660afe318fbf019cb1472923d5d09c457' }), h("svg", { key: 'cace204baef80bd117d11aeb46ad702561935041', 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" }, h("polyline", { key: '65c364d387311c6ab65587851720c466c03fe35f', points: "9 18 15 12 9 6" })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -104,7 +104,7 @@ const SekiMenubarSub = class {
         }
     }
     render() {
-        return (h(Host, { key: 'fbcd1450f228d885e70a85660f9ef1d6d5d11a42', "data-state": this._isOpen ? 'open' : 'closed', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: '3cfb28806b6a836413e8a46b9b097b10ad9f20ff', part: "sub", class: "menubar-sub", style: { position: 'relative' } }, h("slot", { key: 'd958a77a9ad9cf26a845626ebd16c9f978336867', name: "trigger" }), h("slot", { key: '62004a8f9b2cdf4907db69a702595e3abbb94c36', name: "content" }))));
+        return (h(Host, { key: '4c085f21b0f3dc2f351d23cf4a344591550d14a1', "data-state": this._isOpen ? 'open' : 'closed', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: 'd65636cfb5cb35b159ee3c634aca7b8ac3ce2964', part: "sub", class: "menubar-sub", style: { position: 'relative' } }, h("slot", { key: '5deea92da2242790390ddc64c62b841fcc1e2bd0', name: "trigger" }), h("slot", { key: 'cbee2714a1d07381ce52d48fd2fb1c8030578845', name: "content" }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -103,10 +103,10 @@ const SekiMenubarTrigger = class {
         (_a = this.menubarEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('sekiOpenChange', this.onMenubarOpenChange);
     }
     render() {
-        return (h(Host, { key: 'dbd7fb2ab6a1202fab32d742f181cd7a5d1d0476' }, h("button", { key: '9d5caf282dd3b2c9de087266dc8b9ad88e0b89a2', part: "trigger", type: "button", role: "menuitem", class: {
+        return (h(Host, { key: '208e0a5e2f62b44250209a7b334fa6b682c6931f' }, h("button", { key: '384d99a1477db3c0d8a74fafceadd73399ff0598', 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 }, h("slot", { key: 'fed1a9cf2a925d740695980b41d268177bb2129f' }))));
+            }, 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 }, h("slot", { key: 'a2cf99bcd3f00c26229962bcb7ae08241fdd5928' }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -39,6 +39,7 @@ const SekiMenubar = class {
             if (this._activeMenuId === menuId)
                 return;
             this._activeMenuId = menuId;
+            this.updateContext();
             this.sekiOpenChange.emit(menuId);
             this.setupClickOutside();
         };
@@ -46,6 +47,7 @@ const SekiMenubar = class {
             if (this._activeMenuId === null)
                 return;
             this._activeMenuId = null;
+            this.updateContext();
             this.sekiOpenChange.emit(null);
             this.removeClickOutside();
         };
@@ -104,6 +106,10 @@ const SekiMenubar = class {
             getNextMenuId: this.getNextMenuId,
             getPrevMenuId: this.getPrevMenuId,
         };
+        // Also expose on the host element: seki-menubar-content reads context via
+        // `this.el.closest('seki-menubar')._menubarContext`, a DOM-element lookup.
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.el._menubarContext = this._menubarContext;
     }
     setupClickOutside() {
         // Clear any pending timeout/handler first so a rapid open→close→open cannot
@@ -152,7 +158,7 @@ const SekiMenubar = class {
         this.removeClickOutside();
     }
     render() {
-        return (h(Host, { key: '2a29a195f321084fda6b2c123887e39ea969b1f0' }, h("div", { key: '574fdbffd6c0a0d75b498aca7860751232d9e53f', part: "menubar", role: "menubar", class: "menubar" }, h("slot", { key: '080ba5c852e3c0397e536451b1288e778d3241d9' }))));
+        return (h(Host, { key: '0d9734a2d50f7402dbaa0557a4ea243671ef29f9' }, h("div", { key: '0dd3a322888465a688807805c88e617a9a082e59', part: "menubar", role: "menubar", class: "menubar" }, h("slot", { key: 'c644e4f20a8a6e06d15a2535b1bf4596888fde60' }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -24,7 +24,7 @@ const SekiNativeSelect = class {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '06c1263022892c128e1ff1eba05a99879b6cdbf1', class: { 'seki-native-select--disabled': this.disabled } }, h("div", { key: 'cfcd7624ab9b2b008272258acd58832e21de69d6', class: "seki-native-select" }, 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 && (h("option", { key: '9a9455abc7c3be7907bc48cfdb622fad3620735e', value: "", disabled: true, selected: !this.value && !this.defaultValue }, this.placeholder)), h("slot", { key: 'd310c6cdae31847fe93daabfc86bbb1b0cdf2762' })), 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" }, h("path", { key: '1864330846f7cf2ac998b70890b41035fed564f4', d: "m6 9 6 6 6-6" })))));
+        return (h(Host, { key: 'dee4a14b271e9573c620fa5a933582fdeda82e12', class: { 'seki-native-select--disabled': this.disabled } }, h("div", { key: '5ab6f149966c23337c072da7b9848a8375fd0658', class: "seki-native-select" }, h("select", { key: 'eb9fc70883908c714842eec3cf2f1e21c5e6539d', class: "seki-native-select__select", name: this.name, disabled: this.disabled, required: this.required, "aria-label": this.ariaLabel, onChange: this.handleChange }, this.placeholder && (h("option", { key: 'f136f2327108907fd6776c4d454f55805299ce76', value: "", disabled: true, selected: !this.value && !this.defaultValue }, this.placeholder)), h("slot", { key: '89ce1754ecf8011b058d7f44d5666c7e6858473c' })), h("svg", { key: 'a0bbf755abb26ca1009b129d9a96b6ab9dc38f85', 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" }, h("path", { key: '042e10e605b2f7ca713294efe73408ea933860f8', d: "m6 9 6 6 6-6" })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -207,13 +207,13 @@ const SekiNavigationMenuContent = class {
         if (this.layout === 'grid') {
             customStyles['--content-columns'] = String(this.columns);
         }
-        return (h(Host, { key: 'fd4af3ffd1e105c90564d860917c88c30c8606b6', class: {
+        return (h(Host, { key: 'cc7b200e5e73b51f86913ea17623bfb3edc56789', 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,
-            }, "data-mobile": this.isMobile ? '' : undefined, style: customStyles }, h("div", { key: 'f55e89e59c9126118e15d7433e83f0113be21328', id: `content-${itemId}`, class: "navigation-menu-content__inner", role: "menu", "aria-labelledby": `trigger-${itemId}` }, h("slot", { key: '3fe1d809ccb69408a4153f8638caffe169fe3b3a' }))));
+            }, "data-mobile": this.isMobile ? '' : undefined, style: customStyles }, h("div", { key: '7685e2d4385087379302fd51516ccdc731148268', id: `content-${itemId}`, class: "navigation-menu-content__inner", role: "menu", "aria-labelledby": `trigger-${itemId}` }, h("slot", { key: '10f3923aede5969fa99f8b8aa7d44fbee14e17f2' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -95,12 +95,12 @@ const SekiNavigationMenuItem = class {
         return this.parentMenu;
     }
     render() {
-        return (h(Host, { key: '968dbf852a440e97c46d1f1036a9554d81058889', class: {
+        return (h(Host, { key: '57de3c40d5882ba5aba8d8b16aa3faae7cbdb2c7', 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, "data-mobile-expanded": this.mobileExpanded ? '' : undefined }, h("li", { key: '84fd1a796784024ca0ff6f068aee7c2e416a7934', class: "navigation-menu-item__container", role: "none" }, h("slot", { key: '70bd982cb3c84ba7a68452f02fcea1477b37efd6' }))));
+            }, "data-item-id": this.itemId, "data-mobile-expanded": this.mobileExpanded ? '' : undefined }, h("li", { key: 'b49d57e78977f6b1191d9c36095846ffaef85a77', class: "navigation-menu-item__container", role: "none" }, h("slot", { key: '0c27eb50891c915b10523a06d143acbbcdae0f79' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -83,13 +83,13 @@ const SekiNavigationMenuLink = class {
     }
     render() {
         const hasDescription = Boolean(this.description);
-        return (h(Host, { key: 'c4f1a5bcf3faa4a719c294c114a941a45c9795ac', class: {
+        return (h(Host, { key: '943fe3e249cda40cf10bb7112fd99ad7a41012ea', 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,
-            } }, 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 ? (h("div", { class: "navigation-menu-link__content" }, h("span", { class: "navigation-menu-link__title" }, h("slot", null)), h("span", { class: "navigation-menu-link__description" }, this.description))) : (h("slot", null)))));
+            } }, h("a", { key: '7f3706ba65b2d09289653d3bff69c6b6669bbed8', 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 ? (h("div", { class: "navigation-menu-link__content" }, h("span", { class: "navigation-menu-link__title" }, h("slot", null)), h("span", { class: "navigation-menu-link__description" }, this.description))) : (h("slot", null)))));
     }
     get el() { return getElement(this); }
 };

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

@@ -110,7 +110,7 @@ const SekiNavigationMenuList = class {
         this.focusedIndex = index;
     }
     render() {
-        return (h(Host, { key: '30448cc6ca88489984b3f1a2b907ba4874dce124' }, h("ul", { key: 'e63b9f1fac449d35e3616186eac7a12ff085274d', class: "navigation-menu-list", role: "menubar" }, h("slot", { key: '0919c2642f38f7e49c3b0e504b8e5dba4e840065' }))));
+        return (h(Host, { key: 'b9c964295b088a362c0c10f54ffafdc15b637c4a' }, h("ul", { key: '4cab4b2a5427c0e8458118040c850438d7071c17', class: "navigation-menu-list", role: "menubar" }, h("slot", { key: '94c9d46ed7f1876a3fa6d090feb7b3bd26f740b7' }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -186,12 +186,12 @@ const SekiNavigationMenuTrigger = class {
     }
     render() {
         const itemId = this.getItemId();
-        return (h(Host, { key: '5ae4b7fe933a849a2752df6814a539adbf302a2b', class: {
+        return (h(Host, { key: 'aef4f5caf44cd86b1067cb8ca3c049546502bf4d', class: {
                 'navigation-menu-trigger': true,
                 'navigation-menu-trigger--open': this.isOpen,
                 'navigation-menu-trigger--disabled': this.disabled,
                 'navigation-menu-trigger--mobile': this.isMobile,
-            } }, 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 }, h("span", { key: '809e6492039c97a1746379be060a0bc0f18d05b8', class: "navigation-menu-trigger__label" }, h("slot", { key: '0ea30cadd7706ffdf562a4bb20bd4093fdc5fa54' })), 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" }, h("polyline", { key: '9403714a423005f9c37f355db7dac8dc84de49c2', points: "2 4 6 8 10 4" })))));
+            } }, h("button", { key: 'ab62993ebf4e06f9adef3b56879e6f48551dbe25', 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 }, h("span", { key: '42e0f35c833e98ef02de96008ea3bcffa726f44d', class: "navigation-menu-trigger__label" }, h("slot", { key: 'a2d767a434296c126bf27895edf459cf855655da' })), h("svg", { key: '2320f5638feeca738af3c4a6731c4e23baaf836f', 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" }, h("polyline", { key: 'a549f233859d6d8121fe1a29391d26df5ee042d1', points: "2 4 6 8 10 4" })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -147,14 +147,14 @@ const SekiNavigationMenuViewport = class {
         return h("slot", null);
     }
     render() {
-        return (h(Host, { key: 'c863186fc1f5fa38f62d722497f1eca6564175ff', class: {
+        return (h(Host, { key: '2921ce165bd9a37f0dba3935531609e5aeb447f6', 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`,
-            } }, h("div", { key: '558ad311e9ee87bce50b1caaebbd438ef4f4ffa0', class: "navigation-menu-viewport__indicator" }, h("svg", { key: '187cb7822a78f9ec991c403c1c0d255ef1c93434', width: "20", height: "10", viewBox: "0 0 20 10", fill: "currentColor" }, h("polygon", { key: '6a2cb9eb92b18a5815dfc433066f24bc4bb80d76', points: "10,0 20,10 0,10" }))), h("div", { key: '2aaa62ba0e22c828ef21bc4196b78ef78f60faf9', ref: el => (this.contentRef = el), class: "navigation-menu-viewport__content" }, this.renderContent())));
+            } }, h("div", { key: '40dfc462c2fed6ad69a4c9d3ca66459c2337e2c4', class: "navigation-menu-viewport__indicator" }, h("svg", { key: '83b12f8b212886195bb13f482b8415bacad75bbe', width: "20", height: "10", viewBox: "0 0 20 10", fill: "currentColor" }, h("polygon", { key: '68693f3b9e4fe8ad603aa96d85732cf627c76468', points: "10,0 20,10 0,10" }))), h("div", { key: '5e13028babaf8cd4e1cc4e353af9dbda31f3a279', ref: el => (this.contentRef = el), class: "navigation-menu-viewport__content" }, this.renderContent())));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -207,10 +207,10 @@ const SekiNavigationMenu = class {
     // Render
     // =========================================================================
     render() {
-        return (h(Host, { key: '53d2661dfd58fa7309d2a0defc307b17dd55dbf3', class: {
+        return (h(Host, { key: '899be6382156c8f728a66c4f68e2f11bb76f665e', class: {
                 'navigation-menu': true,
                 'navigation-menu--mobile': this.isMobile,
-            }, "data-mobile": this.isMobile ? '' : undefined }, h("nav", { key: 'da9466f28b733cec9d795716bfb7b19cd3d24e3c', class: "navigation-menu__nav", role: "navigation", "aria-label": this.ariaLabel }, this.isMobile ? this.renderMobileNav() : this.renderDesktopNav())));
+            }, "data-mobile": this.isMobile ? '' : undefined }, h("nav", { key: '07eb22a1bdf3ab3e063ccda7ef5d50a54fbf3318', class: "navigation-menu__nav", role: "navigation", "aria-label": this.ariaLabel }, this.isMobile ? this.renderMobileNav() : this.renderDesktopNav())));
     }
     renderDesktopNav() {
         return [

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

@@ -14,7 +14,7 @@ const SekiPaginationContent = class {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("ul", { key: 'ea31819c031372d7ffb9d9d59ddc5a197dbca28d', class: "seki-pagination-content", part: "content" }, h("slot", { key: 'b836217e609787d2b60f88f1ff552cd4407e1a29' })));
+        return (h("ul", { key: '809db5da9b7a1998a9522e950bcadf268356994f', class: "seki-pagination-content", part: "content" }, h("slot", { key: '35def5e6d87c8e8caee0a4eafa4a1295e323ce1f' })));
     }
     get el() { return getElement(this); }
 };

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

@@ -14,7 +14,7 @@ const SekiPaginationEllipsis = class {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("span", { key: 'ef6f7bf930de4da04444bcd475d6dceb9be69cec', "aria-hidden": "true", class: "seki-pagination-ellipsis", part: "ellipsis" }, 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" }, h("circle", { key: '85166ad9fc2d89b2430eebfa63b42fbfa85496ef', cx: "12", cy: "12", r: "1" }), h("circle", { key: 'c06dbee553119935e90d86c83798aaca644d4705', cx: "19", cy: "12", r: "1" }), h("circle", { key: '1fcf378e59e1c3371e606c622d723714ab6e0df8', cx: "5", cy: "12", r: "1" })), h("span", { key: '749bf80cc5d367bb22b82b7795149875f4358662', class: "sr-only" }, "More pages")));
+        return (h("span", { key: 'c29209b949226769e18f72a7a2b40ab5ce3538f0', "aria-hidden": "true", class: "seki-pagination-ellipsis", part: "ellipsis" }, h("svg", { key: 'c0a70e307c2d07a24144e5f1a319fdccca977efe', 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" }, h("circle", { key: '340bd5994686d151857e567f6721163ae5893c98', cx: "12", cy: "12", r: "1" }), h("circle", { key: 'e98ce478858ccdcb970ec932e2e27b729cc4c2e1', cx: "19", cy: "12", r: "1" }), h("circle", { key: 'cedb6f6c15373f13f84489a473a6790def19f246', cx: "5", cy: "12", r: "1" })), h("span", { key: '2b8721985a746e8e260fb1f95ecfbdbde4b0c87c', class: "sr-only" }, "More pages")));
     }
     get el() { return getElement(this); }
 };

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

@@ -14,7 +14,7 @@ const SekiPaginationItem = class {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("li", { key: '1045893c9b246255f8c9fac22ea2fbce1bd4fb7d', class: "seki-pagination-item", part: "item" }, h("slot", { key: 'bdb551483afa3926f1dc5fe771f2fcf6a437f96c' })));
+        return (h("li", { key: '98818e023bac6a6b023790be6ec4517f5e5b1a4e', class: "seki-pagination-item", part: "item" }, h("slot", { key: 'a862ab3707802f5bd958ebf2a939ebf1c9c16c93' })));
     }
     get el() { return getElement(this); }
 };

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

@@ -23,11 +23,11 @@ const SekiPaginationLink = class {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'span';
-        return (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: {
+        return (h(Tag, { key: '1e902270671bef859515491ad8ce99e3369dc7d1', 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" }, h("slot", { key: '19b2c6755295f81fc78e0c07beef714ba32e7468' })));
+            }, part: "link" }, h("slot", { key: '82733ef02666a3f2eb8888b1875cd1bca3c2cf7b' })));
     }
     get el() { return getElement(this); }
 };

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

@@ -19,11 +19,11 @@ const SekiPaginationNext = class {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'span';
-        return (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: {
+        return (h(Tag, { key: 'd78276a48e545a126b0baa9e5ee74b8fce9e4d2e', 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" }, h("span", { key: '9aa466c1762cfb7371fcac60e4f0cc68be690b00' }, "Next"), 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" }, h("path", { key: 'fe66a4d4d749c1696bae7b75de281d27953543b1', d: "m9 18 6-6-6-6" }))));
+            }, part: "next" }, h("span", { key: '6de317f9190ba75fb69b494c26df2b131eae39c4' }, "Next"), h("svg", { key: 'ceae6d32f5d190dd293bcfff61abc623936ae927', 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" }, h("path", { key: 'a501a74524e43b311c591ab253cce74e5ffbba35', d: "m9 18 6-6-6-6" }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -19,11 +19,11 @@ const SekiPaginationPrevious = class {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'span';
-        return (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: {
+        return (h(Tag, { key: '304b9b0d11e6151186b7b6233ab26f696b85c7b9', 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" }, 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" }, h("path", { key: '3b78b0168308783b538fddf56678653b01110625', d: "m15 18-6-6 6-6" })), h("span", { key: '48c97da757dfa5be9e1c24ceb9406f7de729c682' }, "Previous")));
+            }, part: "previous" }, h("svg", { key: 'cfcd3f43d9f4da12641c9914ce31a793a21ce6f8', 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" }, h("path", { key: '60fcd22b6b2ed5bd43fe8f5f63f4df41ee3dda4f', d: "m15 18-6-6 6-6" })), h("span", { key: '100e37a84a97a793da7cf88ebc62300027d721ff' }, "Previous")));
     }
     get el() { return getElement(this); }
 };

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

@@ -14,7 +14,7 @@ const SekiPagination = class {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("nav", { key: 'bc43b557ab08b1c7566f34af6b9de57f99f95889', role: "navigation", "aria-label": "pagination", class: "seki-pagination", part: "pagination" }, h("slot", { key: 'a545d97342e968437167fa553b7b66df5a2898c3' })));
+        return (h("nav", { key: '3547490065920802dd0005b178087637beb63798', role: "navigation", "aria-label": "pagination", class: "seki-pagination", part: "pagination" }, h("slot", { key: 'e606d75d38f3eba10e036ef979fe918c0f3b3dd3' })));
     }
     get el() { return getElement(this); }
 };

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

@@ -18,7 +18,7 @@ const SekiPopoverClose = class {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '0ef002b3abe12dff2d5db49065dd9c4f9e6eb780' }, h("button", { key: '7a5a09ef9ca1eec3cacc40b37cac96682097a7ba', part: "close", type: "button", class: "popover-close", "aria-label": "Close" }, h("slot", { key: '137d3956bd8e3813c296fbb176c306e152b35e50' }, 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" }, h("path", { key: '27b2172fb76c7cc1c8fed9b347dc182357211593', d: "M18 6 6 18" }), h("path", { key: '6b4bb18b5a12ac901dc8fa018e554f474693ba41', d: "m6 6 12 12" }))))));
+        return (h(Host, { key: '593860fb16f0c671074c8e0566ec311d7bc1f31e' }, h("button", { key: 'ccbe7d9fcd13f47cff136d863e730ba87943874f', part: "close", type: "button", class: "popover-close", "aria-label": "Close" }, h("slot", { key: '4ef2b06c2aa32c9e09e8afa13fe191851d7e2b0a' }, h("svg", { key: '183eca1e8a61a6f08ca81e2a55998e0ea9545812', 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" }, h("path", { key: '85a38fa83f4098841953f86f87033aa11bc7760d', d: "M18 6 6 18" }), h("path", { key: '9222b659e7d481dcd84cd2823f174412a9173939', d: "m6 6 12 12" }))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/seki-popover-content.entry.js

@@ -65,7 +65,14 @@ const SekiPopoverContent = class {
             sideOffset: this.sideOffset,
             alignOffset: this.alignOffset,
         });
-        this._position = { top: `${top}px`, left: `${left}px` };
+        const next = { top: `${top}px`, left: `${left}px` };
+        // Guard against redundant writes: componentDidRender calls this every render
+        // while open, and @State setters always trigger a re-render on a new object
+        // reference even when the computed value is unchanged, which would otherwise
+        // loop forever (render -> componentDidRender -> updatePosition -> re-render).
+        if (next.top === this._position.top && next.left === this._position.left && side === this._actualSide)
+            return;
+        this._position = next;
         this._actualSide = side;
     }
     connectedCallback() {

package/dist/esm/seki-popover-trigger.entry.js

@@ -19,7 +19,7 @@ const SekiPopoverTrigger = class {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '65d97401bc0769ccf29613a90d250c1246976f96' }, h("span", { key: '5e36207444878ed24c8a20ee7f4d8f3203fdd8a7', part: "trigger", class: "popover-trigger" }, h("slot", { key: 'a5d75e85123ce48feee9ed291e9cfab29859c34b' }))));
+        return (h(Host, { key: '3894241d3abf464808969b0e9aeab52741b6f78f' }, h("span", { key: 'a75275693866f0d5794d014a63d0e6a47a3c3d63', part: "trigger", class: "popover-trigger" }, h("slot", { key: '6ffae740616ca2f688b9942f8b7641c75ca5b97b' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/seki-popover.entry.js

@@ -60,10 +60,10 @@ const SekiPopover = class {
             return;
         this._isOpen = true;
         this.open = true;
-        this.sekiOpenChange.emit(true);
-        this.setupClickOutside();
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.el._popoverContext = this.getContext();
+        this.sekiOpenChange.emit(true);
+        this.setupClickOutside();
     }
     /**
      * Close the popover
@@ -73,10 +73,10 @@ const SekiPopover = class {
             return;
         this._isOpen = false;
         this.open = false;
-        this.sekiOpenChange.emit(false);
-        this.removeClickOutside();
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.el._popoverContext = this.getContext();
+        this.sekiOpenChange.emit(false);
+        this.removeClickOutside();
     }
     /**
      * Toggle the popover
@@ -160,7 +160,7 @@ const SekiPopover = class {
         this.removeClickOutside();
     }
     render() {
-        return (h(Host, { key: '31974618c7383783980511b55823a55bfe2dae1e', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: 'f6bc040f29ba0ae30783407550928d3733ec1113', part: "popover", class: "popover" }, h("slot", { key: 'ffbb6edae291c99b941642f81ff8c7862d59525a' }))));
+        return (h(Host, { key: '40a449a5a19ff166152479e287868b4fd6a93d1b', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: '3ff308f91165de51c2d6252a7a00c4b8489b32ca', part: "popover", class: "popover" }, h("slot", { key: '0448b69418484f08c1998660be66ad8ea42ff315' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/seki-progress.entry.js

@@ -63,7 +63,7 @@ const SekiProgress = class {
         const state = this.getState();
         const percentage = this.getPercentage();
         const isIndeterminate = state === 'indeterminate';
-        return (h("div", { key: '44a502b524adfa60846b3d3bf5bf3e9cb02a90d1', class: "seki-progress", role: "progressbar", "aria-valuenow": isIndeterminate ? undefined : this.value, "aria-valuemin": 0, "aria-valuemax": this.max, "aria-valuetext": this.getValueLabel(), "aria-label": this.ariaLabel, "data-state": state, "data-value": this.value, "data-max": this.max }, h("div", { key: '42daaa7585cbb00b0557797da677c85546939b5a', class: {
+        return (h("div", { key: 'e5e0cfb41cd74f404c1eec5c3ca28df6dd62a2dd', class: "seki-progress", role: "progressbar", "aria-valuenow": isIndeterminate ? undefined : this.value, "aria-valuemin": 0, "aria-valuemax": this.max, "aria-valuetext": this.getValueLabel(), "aria-label": this.ariaLabel, "data-state": state, "data-value": this.value, "data-max": this.max }, h("div", { key: 'a63d336fceefcba0c38fb8b3fe76c940e29d6121', class: {
                 'seki-progress__indicator': true,
                 'seki-progress__indicator--indeterminate': isIndeterminate,
             }, "data-state": state, "data-value": this.value, "data-max": this.max, style: {

package/dist/esm/seki-radio-group-item.entry.js

@@ -53,7 +53,7 @@ const SekiRadioGroupItem = class {
     }
     render() {
         const dataState = this.checked ? 'checked' : 'unchecked';
-        return (h(Host, { key: '32474c3a959d8dd5e3a03d9c754e3c5293d1f7b7', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("button", { key: '4e46f66134f531e61477ba07fdfee5ff6f997202', type: "button", role: "radio", class: "radio", part: "radio", ref: el => this.buttonEl = el, "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, "aria-describedby": this.ariaDescribedby || undefined, tabindex: this.checked ? 0 : -1, disabled: this.disabled, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, this.checked && (h("span", { key: '8b75b8b3c20c82fa490e5f456118d75ffd40fd90', class: "indicator", part: "indicator" })))));
+        return (h(Host, { key: '33f1ff68441202a4948380c4e097a589f3184311', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("button", { key: '93132150e92cad49312169ebe130512138dddcbe', type: "button", role: "radio", class: "radio", part: "radio", ref: el => this.buttonEl = el, "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, "aria-describedby": this.ariaDescribedby || undefined, tabindex: this.checked ? 0 : -1, disabled: this.disabled, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, this.checked && (h("span", { key: '550717f64030adc132c7d757a9576570fb3556f9', class: "indicator", part: "indicator" })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/seki-radio-group.entry.js

@@ -125,7 +125,7 @@ const SekiRadioGroup = class {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '5ce2f8187be4b8c6b38cedce5650080eff0336b2', role: "radiogroup", "aria-label": this.ariaLabel, "aria-required": this.required ? 'true' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? '' : null }, h("slot", { key: '4051f3d8f08ebc679a867eff91e180a35b659eae' }), this.name && this.selectedValue && (h("input", { key: '21a6d632e39c05600d9c553bd1f2ac558f422f22', type: "hidden", name: this.name, value: this.selectedValue }))));
+        return (h(Host, { key: 'afc41711f555f589e41b3d6a1de8a665f25d3fa6', role: "radiogroup", "aria-label": this.ariaLabel, "aria-required": this.required ? 'true' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? '' : null }, h("slot", { key: '5c8e88dac63d3b78e3e9b67e40a6ea7d7b88ac72' }), this.name && this.selectedValue && (h("input", { key: 'e5c4cdad7dd11d36e793dc40078e60cf5503d1bb', type: "hidden", name: this.name, value: this.selectedValue }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/seki-resizable-handle.entry.js

@@ -155,13 +155,13 @@ const SekiResizableHandle = class {
     }
     render() {
         const isHorizontal = this._direction === 'horizontal';
-        return (h(Host, { key: '3602233af1a09633d52dc41b076716452b32240a' }, h("div", { key: 'e54ae0019acc4202d0bffc6f96a4f025ea0d9e7e', part: "handle", role: "separator", tabindex: this.disabled ? -1 : 0, "aria-valuenow": this.getAriaValue(), "aria-valuemin": 0, "aria-valuemax": 100, "aria-orientation": isHorizontal ? 'vertical' : 'horizontal', "aria-label": "Resize handle", class: {
+        return (h(Host, { key: '380040340177d1f0d415f41bc729de20329dfc76' }, h("div", { key: '113692d8eb59a275e03d12b0bff64dd553c2eaea', part: "handle", role: "separator", tabindex: this.disabled ? -1 : 0, "aria-valuenow": this.getAriaValue(), "aria-valuemin": 0, "aria-valuemax": 100, "aria-orientation": isHorizontal ? 'vertical' : 'horizontal', "aria-label": "Resize handle", class: {
                 'resizable-handle': true,
                 'resizable-handle--horizontal': isHorizontal,
                 'resizable-handle--vertical': !isHorizontal,
                 'resizable-handle--disabled': this.disabled,
                 'resizable-handle--dragging': this._isDragging,
-            }, onPointerDown: this.handlePointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp }, this.withHandle && (h("div", { key: 'a4aaa33a41c36f93cf060bbf8294e7736d43be39', part: "grip", class: "resizable-handle__grip" }, h("svg", { key: '437252ff1fd788e541e7618ed55a4a858c5696db', class: "resizable-handle__grip-icon", viewBox: "0 0 6 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '500b72ba51d82c2f64377520e73ebf1005084d2d', cx: "1.5", cy: "2", r: "1", fill: "currentColor" }), h("circle", { key: '96971e03e66e1d3a3492a84be646832c592d570c', cx: "4.5", cy: "2", r: "1", fill: "currentColor" }), h("circle", { key: '0cb829c89f7d52d4fd6f4b848fde280b35f095bf', cx: "1.5", cy: "6", r: "1", fill: "currentColor" }), h("circle", { key: '54dbc4b6c925a6db684efd82291897f1ea39ff01', cx: "4.5", cy: "6", r: "1", fill: "currentColor" }), h("circle", { key: 'be7b25f2d1d046eb75051a6fe61c831492b3d539', cx: "1.5", cy: "10", r: "1", fill: "currentColor" }), h("circle", { key: 'b7d3af0b09fb28defc25feb45420a3d87bf475cc', cx: "4.5", cy: "10", r: "1", fill: "currentColor" }), h("circle", { key: 'dd1510bb802d8c9b3de1f59dea4515a2c54ef269', cx: "1.5", cy: "14", r: "1", fill: "currentColor" }), h("circle", { key: '308e1efb992f81d519a1e7fa1ccbd95ab2bfa393', cx: "4.5", cy: "14", r: "1", fill: "currentColor" })))))));
+            }, onPointerDown: this.handlePointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp }, this.withHandle && (h("div", { key: '45ee80e8e8538520c9a768a13bf180d1ec0399c7', part: "grip", class: "resizable-handle__grip" }, h("svg", { key: 'e2f6334f783f0bef4ee6a92988aeca0cc6034662', class: "resizable-handle__grip-icon", viewBox: "0 0 6 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '3105f50dc7664410b6c3f5cd7b799362425cfc70', cx: "1.5", cy: "2", r: "1", fill: "currentColor" }), h("circle", { key: '7616d2464cf4b64aa2e12824774d6b40f42a18a4', cx: "4.5", cy: "2", r: "1", fill: "currentColor" }), h("circle", { key: '33a5fa35fa58924d0bf865f947bbe005bb399ab9', cx: "1.5", cy: "6", r: "1", fill: "currentColor" }), h("circle", { key: 'e7214ed46c55d3604f480edf9463c8b282b9d377', cx: "4.5", cy: "6", r: "1", fill: "currentColor" }), h("circle", { key: '20895b1a9cfbbf0a9b462abd5da5a52bdc1f4a2a', cx: "1.5", cy: "10", r: "1", fill: "currentColor" }), h("circle", { key: '41e6aee818a36c62698e7410421c6f6ec02e289b', cx: "4.5", cy: "10", r: "1", fill: "currentColor" }), h("circle", { key: '099718dcfb26eadbb1669af39dc7055e2fdf306b', cx: "1.5", cy: "14", r: "1", fill: "currentColor" }), h("circle", { key: 'a1aecfc7c664fb4248842d632f1fa3feeff3b37b', cx: "4.5", cy: "14", r: "1", fill: "currentColor" })))))));
     }
     get el() { return getElement(this); }
 };