@sekiui/elements 0.0.84 → 0.0.85

package/dist/collection/components/field/seki-field.js

@@ -39,7 +39,7 @@ export class SekiField {
     }
     render() {
         const hasMultiple = this.hasMultipleControls();
-        return (h(Host, { key: '4cffb32c1a3db72ea2cce5c77c81ede90f7e5697', "data-orientation": this.orientation, "data-invalid": this.invalid ? '' : undefined, role: hasMultiple ? 'group' : undefined }, h("div", { key: 'ad0e7ea873abdcfbfbb6b361b78899cf683d78a7', class: "field" }, h("div", { key: '9706614e5d5b2ff5a760e50d5091a00474caf856', class: "field-label" }, h("slot", { key: '33d6163597757399eb83b9e908b202dbe03c10d0', name: "label" })), h("div", { key: 'f329d33d0f7cd6ad638737032b677667ed19f373', class: "field-control" }, h("slot", { key: '6362b164d2d00dcc1fb8494f5519490547b06cef' })), h("div", { key: 'f8d6fc9db027dea7800def59a77ab3cbb2ed85dd', class: "field-description" }, h("slot", { key: '9d2b537f656d340ec622ac7dca5c6470451aa36b', name: "description" })), h("div", { key: '1541c2f8be9ff8a30136aa81c0cbf600b505b54b', class: "field-error" }, h("slot", { key: '24999d1d99c206be36f9ed8095fa3dab84086921', name: "error" })))));
+        return (h(Host, { key: 'f23c22ff3b3655244bf04ca47c91967713f13807', "data-orientation": this.orientation, "data-invalid": this.invalid ? '' : undefined, role: hasMultiple ? 'group' : undefined }, h("div", { key: 'f29cf2530c5d599ec2bb687bf40faa68487b546b', class: "field" }, h("div", { key: '201a4ee9b3bf9c5254b050ddc5979a35a9594573', class: "field-label" }, h("slot", { key: 'c5492adacd0504aac8eeb97e246605a72615ce05', name: "label" })), h("div", { key: 'd4ab6f7f780110351c55578a769a8cf4b1ee162d', class: "field-control" }, h("slot", { key: '39d9ed2b98260dd86b76a86179839ca3c14e1083' })), h("div", { key: 'b9f8546301e01a81c9bb7a8a581854c3a50b422d', class: "field-description" }, h("slot", { key: 'fab19512f04e9f9266b49b7640c6f22d5ac4c9d8', name: "description" })), h("div", { key: 'eb5c5224dd8548f707600b6e230a9c2456038a08', class: "field-error" }, h("slot", { key: '7cba0e70daf9fa0aa9e13646c805840d2190d6de', name: "error" })))));
     }
     static get is() { return "seki-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/field-description/seki-field-description.js

@@ -36,7 +36,7 @@ export class SekiFieldDescription {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: '330c5cd4338dfe421493fda832c3c5332665ff04', id: this.componentId, class: "description" }, h("slot", { key: '370edccd1c9f8d44e43b575d45bdaf3d39bc0a42' })));
+        return (h("div", { key: 'a3c76afa6fc462b702b0ac0a6fc162f84aa85d2d', id: this.componentId, class: "description" }, h("slot", { key: '47fc8cf9ee309067b57a0a5d32dba32bb063fc59' })));
     }
     static get is() { return "seki-field-description"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/field-error/seki-field-error.js

@@ -64,7 +64,7 @@ export class SekiFieldError {
     }
     render() {
         const style = this._visible ? {} : { display: 'none' };
-        return (h("div", { key: '86562ec722ded90ce43b58a7b3a61072f653617b', id: this.componentId, class: "error", "aria-live": "polite", style: style }, h("slot", { key: 'b21cc1fcdf422ae425a099085112ec8d2776db7c' })));
+        return (h("div", { key: '3ffe0f2ee2d7693096d2dc723c300979a43e172c', id: this.componentId, class: "error", "aria-live": "polite", style: style }, h("slot", { key: '4b913ca950d5fbc2acf7f523ca2af1514a50509d' })));
     }
     static get is() { return "seki-field-error"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/field-group/seki-field-group.js

@@ -18,7 +18,7 @@ export class SekiFieldGroup {
         const style = {
             '--seki-field-group-gap': this.gap,
         };
-        return (h("div", { key: 'c3684e081ff8f1b19ddcda5fc25bfb87f2f7b50d', class: "field-group", style: style }, h("slot", { key: '0ead64560d27f3b1faeda4b6dc730469851c1440' })));
+        return (h("div", { key: '91531b3bd390b3df6ff1941ca0838b9d29972131', class: "field-group", style: style }, h("slot", { key: '625fce6297f11d64848826d5e68e61b21cc7f770' })));
     }
     static get is() { return "seki-field-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/field-label/seki-field-label.js

@@ -16,7 +16,7 @@ export class SekiFieldLabel {
     }
     render() {
         const labelProps = this.htmlFor ? { for: this.htmlFor } : {};
-        return (h("label", Object.assign({ key: '04d2d5d05935ab3bdea92e1c67739d2e6401e0fc' }, labelProps), h("slot", { key: '70681b5cffac8a18d1e33447337c55f591a6e0c9' }), this.required && h("span", { key: '8807ec715491e016267eae2608c15a13037213fe', class: "required-indicator" }, " *")));
+        return (h("label", Object.assign({ key: '8f180cd70e6a1b9f9174f9e0e05f0465d2991769' }, labelProps), h("slot", { key: 'e8036f8a874bd9a33f8b4cbbe21bd4124f6c0235' }), this.required && h("span", { key: '88c46e943ac5a27a613ec2d0768158d1c56f236c', class: "required-indicator" }, " *")));
     }
     static get is() { return "seki-field-label"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/field-legend/seki-field-legend.js

@@ -8,7 +8,7 @@ export class SekiFieldLegend {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("legend", { key: 'a366c20ab3876e26c4878cfe6699e6a29b1cb39c' }, h("slot", { key: 'c759c608db95a841556cf658841f3e003ec308c5' })));
+        return (h("legend", { key: 'fe6c1d90b4affe234433050a3c187516b6c664cd' }, h("slot", { key: 'bd5eb63544ac1ee39efbb1c54cbe774020783f32' })));
     }
     static get is() { return "seki-field-legend"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/fieldset/seki-fieldset.js

@@ -15,7 +15,7 @@ export class SekiFieldset {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("fieldset", { key: '0d59504d98786357f7b13f2b92310467516ec5b2', disabled: this.disabled, class: "fieldset" }, h("slot", { key: '6329e6b1bfe6ad3bcc711ffc751be62d6d80226c', name: "legend" }), h("div", { key: 'a9ed14e778e5783df38fdc5d5a5210de5a1d9a0f', class: "fieldset-content" }, h("slot", { key: '24d448049a51cef2dc5a6b9283c472b625b614d2' }))));
+        return (h("fieldset", { key: '0ff07afc87b66c43897002a695f513a56d2eb4b9', disabled: this.disabled, class: "fieldset" }, h("slot", { key: '68336d157f79c236ca6f1d24e239cf2522d028bb', name: "legend" }), h("div", { key: 'e9cc810db38aa75802001c94724579cbf594f4a9', class: "fieldset-content" }, h("slot", { key: '1d03995b8cb7207426103d49813628a9b1dc1d63' }))));
     }
     static get is() { return "seki-fieldset"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/hover-card/seki-hover-card-trigger.js

@@ -129,7 +129,7 @@ export class SekiHoverCardTrigger {
         }
     }
     render() {
-        return (h(Host, { key: 'c49fa6a632069fcde511ad17844a1b20b7bd8b7d' }, h("span", { key: '2b0515dd0a8d1f800fe0ec2afca05f1e7a036764', part: "trigger", class: "hover-card-trigger", "aria-haspopup": "dialog", "aria-expanded": this.isOpen ? 'true' : 'false', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onFocus: this.handleFocus, onBlur: this.handleBlur, onClick: this.handleClick }, h("slot", { key: 'e3e000d26a9f464a70b86bd1496adbc291db7d0a' }))));
+        return (h(Host, { key: '258805fc513b371e433ba9d37b6b4efc45ef22e7' }, h("span", { key: '4233601c929fca34a5c562e17aba498609efb3c5', part: "trigger", class: "hover-card-trigger", "aria-haspopup": "dialog", "aria-expanded": this.isOpen ? 'true' : 'false', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onFocus: this.handleFocus, onBlur: this.handleBlur, onClick: this.handleClick }, h("slot", { key: '981f8b8f3684c289f9553aedf9b888df4dd05f3f' }))));
     }
     static get is() { return "seki-hover-card-trigger"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/hover-card/seki-hover-card.js

@@ -234,7 +234,7 @@ export class SekiHoverCard {
         this.removeScrollListener();
     }
     render() {
-        return (h(Host, { key: '068054d3a74f75993b1371f8f0313bdfd9b82f70', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: '461ab4384676f33bd0ca89c14bcb15931fa1c08e', class: "hover-card" }, h("slot", { key: 'c7ffac904174636e9cd39f63b9d69f0d1555c62f' }))));
+        return (h(Host, { key: 'd9513b0ab573257d7908eae821a52f1fcdbc81d5', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: '511ad3e9d3dbe3109d2fc975c589c7645e2e8a4d', class: "hover-card" }, h("slot", { key: 'e398a37ed117d455b77d751af59c337094a46fb5' }))));
     }
     static get is() { return "seki-hover-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/input/seki-input.js

@@ -82,7 +82,7 @@ export class SekiInput {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("input", { key: 'ab1a545f2b4a7e8aae96d56b2dfbf51fca642e6e', type: this.type, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, name: this.name, autocomplete: this.autocomplete, min: this.min, max: this.max, step: this.step, pattern: this.pattern, minlength: this.minlength, maxlength: this.maxlength, class: `input input--${this.size}${this.invalid ? ' input--invalid' : ''}`, "aria-label": this.ariaLabel, "aria-describedby": this.ariaDescribedby, "aria-invalid": this.invalid ? 'true' : null, "aria-disabled": this.disabled ? 'true' : null, onInput: this.handleInput, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur }));
+        return (h("input", { key: '2401855269fed1363b372679f047713a9c499805', type: this.type, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, name: this.name, autocomplete: this.autocomplete, min: this.min, max: this.max, step: this.step, pattern: this.pattern, minlength: this.minlength, maxlength: this.maxlength, class: `input input--${this.size}${this.invalid ? ' input--invalid' : ''}`, "aria-label": this.ariaLabel, "aria-describedby": this.ariaDescribedby, "aria-invalid": this.invalid ? 'true' : null, "aria-disabled": this.disabled ? 'true' : null, onInput: this.handleInput, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur }));
     }
     static get is() { return "seki-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/input-group/seki-input-addon.js

@@ -14,7 +14,7 @@ export class SekiInputAddon {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: 'da18dde31c6e787b9bdd928279a5ce08ab62b27f' }, h("div", { key: '42fe8665cd6159e8863b51401a14c0dea82936a2', class: `addon addon--${this.size}` }, h("slot", { key: 'fa148b6a1a7832075db29c2aa0fb57d073f8f9d0' }))));
+        return (h(Host, { key: '0ed1bb42b95be35e0820c6a2f9cb50a38ad3ba77' }, h("div", { key: '1d4863f00f396f40a2f3068be6c12c840e7c63cc', class: `addon addon--${this.size}` }, h("slot", { key: '318f95c9b8af70dabe946008216c88d0fc229ae3' }))));
     }
     static get is() { return "seki-input-addon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/input-group/seki-input-group.js

@@ -60,7 +60,7 @@ export class SekiInputGroup {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: 'bd1f9493f032958d5ad68dfb31e156faa5245db0' }, h("div", { key: '875f950b3a15d9cb9fb4785ed7abb0e2d73a871f', class: "input-group", role: "group", "aria-label": this.ariaLabel }, h("slot", { key: '8c1cf328b98a2e794eec3245a9e889af2ffa567e', onSlotchange: () => this.updateChildren() }))));
+        return (h(Host, { key: 'a64e77d12a53458dc91038bbf6e9c611fa7ee843' }, h("div", { key: '3be8dacd8f917469150a7014c3b05d292d10a734', class: "input-group", role: "group", "aria-label": this.ariaLabel }, h("slot", { key: '3f13e0e76fff3bfd3074fe80c9102bdc32e3ec72', onSlotchange: () => this.updateChildren() }))));
     }
     static get is() { return "seki-input-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/input-otp/seki-input-otp-group.js

@@ -8,7 +8,7 @@ export class SekiInputOtpGroup {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: 'a72358f543c1eeced713389239c9dd987e6ec341', class: "group", role: "group" }, h("slot", { key: 'edff4c64c0da61b420f6312239d8251ce840c1fe' })));
+        return (h("div", { key: '41226a5c7b9135456f425e5bad450dbc5c2770df', class: "group", role: "group" }, h("slot", { key: '01fdeeb7e632fdb620a941bfe6b050ec4a3054e4' })));
     }
     static get is() { return "seki-input-otp-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/input-otp/seki-input-otp-separator.js

@@ -8,7 +8,7 @@ export class SekiInputOtpSeparator {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: '263bac2bcdf46c506e5fab17af37e137b3d2686b', role: "separator", "aria-orientation": "vertical", class: "separator" }, h("slot", { key: 'a204fd61778b23dc0293b2aae947dd520e915a48' }, h("span", { key: 'e16aa60eed2fb00eb9469dc030016156d467c81e', "aria-hidden": "true" }, "-"))));
+        return (h("div", { key: 'b4807b350f0e4bb6c6d8142f0da818a39e0aca84', role: "separator", "aria-orientation": "vertical", class: "separator" }, h("slot", { key: 'ad6dc7c2168cca3aa67c79ca96a1fbb700e5bfb2' }, h("span", { key: '326e399be4601bc9062cca0b7b4b593e69b071b9', "aria-hidden": "true" }, "-"))));
     }
     static get is() { return "seki-input-otp-separator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/input-otp/seki-input-otp-slot.js

@@ -69,7 +69,7 @@ export class SekiInputOtpSlot {
             'slot--invalid': this.isInvalid,
             'slot--focused': this.hasFocus,
         };
-        return (h("div", { key: 'f97036441010e16452500af42b81c5bf8a4c0c46', class: classes, "aria-hidden": "true", onClick: this.handleClick }, h("span", { key: '4c08a46d675974c7571bc053a64b755269a92ac6', class: "char" }, this.getDisplayChar()), this.isActive && h("span", { key: '1dbd933b7bc82f1d2d1d37d4d5f39724698303a3', class: "caret" })));
+        return (h("div", { key: '64c9c6849fa128a04f59cedd67a09ee17663cc8b', class: classes, "aria-hidden": "true", onClick: this.handleClick }, h("span", { key: '0bdf6357d5d9c280b6d8576e0225f79c936d2849', class: "char" }, this.getDisplayChar()), this.isActive && h("span", { key: '5c4c06fb64c6875e20cc0d9182b89d3e8a135030', class: "caret" })));
     }
     static get is() { return "seki-input-otp-slot"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/input-otp/seki-input-otp.js

@@ -216,11 +216,11 @@ export class SekiInputOtp {
         const inputMode = this.pattern === 'digits' ? 'numeric' : 'text';
         const inputPattern = this.pattern === 'digits' ? '[0-9]*' : '[a-zA-Z0-9]*';
         const ariaLabelText = this.ariaLabel || `Enter ${this.maxlength}-digit code`;
-        return (h("div", { key: 'c2fb81478bc60e129f88a60bfed0517c46909223', class: {
+        return (h("div", { key: '8ba99ba10add9645b9fe971a17ef9f99f0db5d03', class: {
                 'input-otp-container': true,
                 'input-otp-container--disabled': this.disabled,
                 'input-otp-container--invalid': this.invalid,
-            }, onClick: this.handleContainerClick }, h("input", { key: 'c6b45df211169eba36e09a5c633314dccdb2fbe7', ref: (el) => (this.inputRef = el), type: "text", inputMode: inputMode, autocomplete: this.autocomplete, pattern: inputPattern, maxLength: this.maxlength, value: this.value, disabled: this.disabled, required: this.required, name: this.name, class: "input-otp-hidden", "aria-label": ariaLabelText, "aria-describedby": this.ariaDescribedby, "aria-invalid": this.invalid ? 'true' : null, "aria-disabled": this.disabled ? 'true' : null, onInput: this.handleInput, onKeyDown: this.handleKeyDown, onPaste: this.handlePaste, onFocus: this.handleFocus, onBlur: this.handleBlur }), h("slot", { key: '6077aa7df179db034de78ff8c7c4c82a836a0949' })));
+            }, onClick: this.handleContainerClick }, h("input", { key: '8d74b596aef2a6654d2a2d27fdfc8e55d73f80f2', ref: (el) => (this.inputRef = el), type: "text", inputMode: inputMode, autocomplete: this.autocomplete, pattern: inputPattern, maxLength: this.maxlength, value: this.value, disabled: this.disabled, required: this.required, name: this.name, class: "input-otp-hidden", "aria-label": ariaLabelText, "aria-describedby": this.ariaDescribedby, "aria-invalid": this.invalid ? 'true' : null, "aria-disabled": this.disabled ? 'true' : null, onInput: this.handleInput, onKeyDown: this.handleKeyDown, onPaste: this.handlePaste, onFocus: this.handleFocus, onBlur: this.handleBlur }), h("slot", { key: 'fd0ac0208df1eefdd4ee3f1ba386dd0fc3a39e69' })));
     }
     static get is() { return "seki-input-otp"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/item/seki-item.js

@@ -54,12 +54,12 @@ export class SekiItem {
     }
     render() {
         const isInteractive = this.interactive && !this.disabled;
-        return (h(Host, { key: '0f2293e68d9ff3a30e971268f600e6ff335ee8d6', class: {
+        return (h(Host, { key: 'afc2753af50689da7b74ffa88d30165b9d0d703c', class: {
                 'seki-item--active': this.active,
                 'seki-item--disabled': this.disabled,
                 'seki-item--inset': this.variant === 'inset',
                 'seki-item--interactive': isInteractive,
-            } }, h("div", { key: 'bf5286abefe0659f2bfd542e03ddbd2310e1137f', class: "seki-item", part: "item", role: isInteractive ? 'option' : undefined, tabindex: isInteractive ? 0 : -1, "aria-selected": this.active ? 'true' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: '5e5938444cc4616cc6ed9a289e2b92cc9fa64209', class: "seki-item__leading", part: "leading" }, h("slot", { key: 'eab7c37f91894288e39e564086916fbc9a3c42c2', name: "leading" })), h("span", { key: 'a056010ceaf400c7015959d73b7e2bb2af5e6131', class: "seki-item__content", part: "content" }, h("slot", { key: '003d902c057805f00ae955e6772ed50ed62a2f33' })), h("span", { key: '9c46eccc15a75e2f938183c06a82fe0d861f487f', class: "seki-item__trailing", part: "trailing" }, h("slot", { key: 'adfa6b176d5b72a990868c1454d3676502cc3396', name: "trailing" })))));
+            } }, h("div", { key: 'd9dc7a28bdb4052cfcf63419ae453a75bb633f29', class: "seki-item", part: "item", role: isInteractive ? 'option' : undefined, tabindex: isInteractive ? 0 : -1, "aria-selected": this.active ? 'true' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: 'cec26371147ffe7455bf8853186a7864e9306eaa', class: "seki-item__leading", part: "leading" }, h("slot", { key: 'a9654c13e51032788d6848a081747b3f4c119eda', name: "leading" })), h("span", { key: '81de0c94e25fd3fa67cf6912731ab201b0ea6352', class: "seki-item__content", part: "content" }, h("slot", { key: '706e63e91c80c0ab00d2b98494e4a845f682a36f' })), h("span", { key: '586a43d81357ec1cbd0e442174ed719cfbf8ca86', class: "seki-item__trailing", part: "trailing" }, h("slot", { key: '73e66a5dc46606da0b0c4e92df9c6ab377af803c', name: "trailing" })))));
     }
     static get is() { return "seki-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/kbd/seki-kbd.js

@@ -14,7 +14,7 @@ export class SekiKbd {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("kbd", { key: '603f2bada1ec0f1880241771113886b5aa6a937a', class: `kbd kbd--${this.size}` }, h("slot", { key: 'dee6c34bfc342dcce1adbcbc31d5850c605dec3e' })));
+        return (h("kbd", { key: '901e019a4333b2aae02ed38d8a3dc0405fe25c65', class: `kbd kbd--${this.size}` }, h("slot", { key: '02c958173ada455476ef0c6523898c9351cb6a53' })));
     }
     static get is() { return "seki-kbd"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/label/seki-label.js

@@ -30,10 +30,10 @@ export class SekiLabel {
     }
     render() {
         const labelProps = this.for ? { for: this.for } : {};
-        return (h("label", Object.assign({ key: '87dcec5c8035433a3308005099d2b970ab63bbd2', part: "label" }, labelProps, { class: {
+        return (h("label", Object.assign({ key: '9f8ed3a70860ae6d9a8bb0e61130996d48506304', part: "label" }, labelProps, { class: {
                 'seki-label': true,
                 'seki-label--disabled': !!this.disabled,
-            } }), h("slot", { key: 'a189fda5e5b9e6320747f1de59478e12eeebe4c6' }), this.required && h("span", { key: '390852bf55abc318cc16487d0c9dad05b970502f', class: "seki-label__required" }, " *")));
+            } }), h("slot", { key: '1bb43516da47401d0b924819b5394af8c7f18c61' }), this.required && h("span", { key: '698d36593e227447b3d6614b3938e032578dbe2c', class: "seki-label__required" }, " *")));
     }
     static get is() { return "seki-label"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/marker/seki-marker-content.js

@@ -26,10 +26,10 @@ export class SekiMarkerContent {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("span", { key: '6c4c113f84a0a7ea90268a52f2d39aa0a5c65bac', class: {
+        return (h("span", { key: '3523511d12f643b057741559968fe905d6b83780', class: {
                 'seki-marker-content': true,
                 'seki-marker-content--shimmer': !!this.shimmer,
-            }, part: "content" }, h("slot", { key: '953c541c1ccc636d7069f8aae23328c2c251f049' })));
+            }, part: "content" }, h("slot", { key: 'e45d0a6900d2e556114339f9e60b03265497d814' })));
     }
     static get is() { return "seki-marker-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/marker/seki-marker-icon.js

@@ -18,7 +18,7 @@ export class SekiMarkerIcon {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("span", { key: '96cdfbb1528dcf82875e3555d3a32dbc3667746f', class: "seki-marker-icon", "aria-hidden": "true", part: "icon" }, h("slot", { key: 'b1745053aaa43c1381254d3fae20c7c6823fe3cc' })));
+        return (h("span", { key: 'db19e4c6297b6a199d44af2859a7e04dd7380fea', class: "seki-marker-icon", "aria-hidden": "true", part: "icon" }, h("slot", { key: '2d12364b21b1b2226dff51cab9e68f503b56c1b9' })));
     }
     static get is() { return "seki-marker-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/marker/seki-marker.js

@@ -40,10 +40,10 @@ export class SekiMarker {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: '682ee44a3a6fe294f59564967da28b2fd6757527', class: {
+        return (h("div", { key: '185145f18521fec6654df297d95e408b7ea15c72', class: {
                 'seki-marker': true,
                 [`seki-marker--${this.variant}`]: !!this.variant,
-            }, part: "marker" }, h("slot", { key: '9cbf8548fae7854b01ce18586c5cfb457c11d8d4' })));
+            }, part: "marker" }, h("slot", { key: '3f95dff63420af179a3efb9e59e27b6cc980e0dc' })));
     }
     static get is() { return "seki-marker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menubar/seki-menubar-checkbox.js

@@ -49,10 +49,10 @@ export class SekiMenubarCheckbox {
         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)))));
     }
     static get is() { return "seki-menubar-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menubar/seki-menubar-content.js

@@ -152,7 +152,14 @@ export class SekiMenubarContent {
             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/collection/components/menubar/seki-menubar-group.js

@@ -16,7 +16,7 @@ export class SekiMenubarGroup {
         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' }))));
     }
     static get is() { return "seki-menubar-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menubar/seki-menubar-item.js

@@ -46,11 +46,11 @@ export class SekiMenubarItem {
         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)))));
     }
     static get is() { return "seki-menubar-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menubar/seki-menubar-menu.js

@@ -31,7 +31,7 @@ export class SekiMenubarMenu {
         }
     }
     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' }))));
     }
     static get is() { return "seki-menubar-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menubar/seki-menubar-radio-group.js

@@ -38,7 +38,7 @@ export class SekiMenubarRadioGroup {
         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' }))));
     }
     static get is() { return "seki-menubar-radio-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menubar/seki-menubar-radio.js

@@ -56,10 +56,10 @@ export class SekiMenubarRadio {
         (_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' }))));
     }
     static get is() { return "seki-menubar-radio"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menubar/seki-menubar-separator.js

@@ -13,7 +13,7 @@ export class SekiMenubarSeparator {
         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" })));
     }
     static get is() { return "seki-menubar-separator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menubar/seki-menubar-shortcut.js

@@ -15,7 +15,7 @@ export class SekiMenubarShortcut {
         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' }))));
     }
     static get is() { return "seki-menubar-shortcut"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menubar/seki-menubar-sub-trigger.js

@@ -37,11 +37,11 @@ export class SekiMenubarSubTrigger {
         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" })))));
     }
     static get is() { return "seki-menubar-sub-trigger"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menubar/seki-menubar-sub.js

@@ -108,7 +108,7 @@ export class SekiMenubarSub {
         }
     }
     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" }))));
     }
     static get is() { return "seki-menubar-sub"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menubar/seki-menubar-trigger.js

@@ -107,10 +107,10 @@ export class SekiMenubarTrigger {
         (_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' }))));
     }
     static get is() { return "seki-menubar-trigger"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menubar/seki-menubar.js

@@ -41,6 +41,7 @@ export class SekiMenubar {
             if (this._activeMenuId === menuId)
                 return;
             this._activeMenuId = menuId;
+            this.updateContext();
             this.sekiOpenChange.emit(menuId);
             this.setupClickOutside();
         };
@@ -48,6 +49,7 @@ export class SekiMenubar {
             if (this._activeMenuId === null)
                 return;
             this._activeMenuId = null;
+            this.updateContext();
             this.sekiOpenChange.emit(null);
             this.removeClickOutside();
         };
@@ -106,6 +108,10 @@ export class SekiMenubar {
             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
@@ -154,7 +160,7 @@ export class SekiMenubar {
         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' }))));
     }
     static get is() { return "seki-menubar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/native-select/seki-native-select.js

@@ -35,7 +35,7 @@ export class SekiNativeSelect {
         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" })))));
     }
     static get is() { return "seki-native-select"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/navigation-menu/seki-navigation-menu-content.js

@@ -203,13 +203,13 @@ export class SekiNavigationMenuContent {
         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' }))));
     }
     static get is() { return "seki-navigation-menu-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/navigation-menu/seki-navigation-menu-item.js

@@ -91,12 +91,12 @@ export class SekiNavigationMenuItem {
         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' }))));
     }
     static get is() { return "seki-navigation-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/navigation-menu/seki-navigation-menu-link.js

@@ -79,13 +79,13 @@ export class SekiNavigationMenuLink {
     }
     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)))));
     }
     static get is() { return "seki-navigation-menu-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/navigation-menu/seki-navigation-menu-list.js

@@ -106,7 +106,7 @@ export class SekiNavigationMenuList {
         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' }))));
     }
     static get is() { return "seki-navigation-menu-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/navigation-menu/seki-navigation-menu-trigger.js

@@ -181,12 +181,12 @@ export class SekiNavigationMenuTrigger {
     }
     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" })))));
     }
     static get is() { return "seki-navigation-menu-trigger"; }
     static get encapsulation() { return "shadow"; }