@sekiui/elements 0.0.75 → 0.0.78

package/dist/esm/seki-input-otp.entry.js

@@ -224,11 +224,11 @@ const SekiInputOtp = class {
         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: '0f93332f20e86ffba635f6fed88fe2cccf04d7bd', class: {
+        return (h("div", { key: '43374da76db7e87a8e497e21bd2ebee05ddb610b', class: {
                 'input-otp-container': true,
                 'input-otp-container--disabled': this.disabled,
                 'input-otp-container--invalid': this.invalid,
-            }, onClick: this.handleContainerClick }, h("input", { key: '08abf6cc3c7f427bc7811ac619df37147e276caa', 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: '1b657601f5531c7f50d9cc9d418bacbd0b051880' })));
+            }, onClick: this.handleContainerClick }, h("input", { key: '435715b138963caf230b146f7ef0ebb30fbdb448', 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: 'd41e3db322c8c6883ae551628efe2f10b43e931b' })));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }

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

@@ -90,7 +90,7 @@ const SekiInput = class {
         }
     }
     render() {
-        return (h("input", { key: 'ad4f39fae83a75cd901ed9cf5c33b3989742af92', 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: '7ac8f139e46442e4f63539d0684f5460369bed7a', 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 formAssociated() { return true; }
 };

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

@@ -0,0 +1,51 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-B7S_tFx7.js';
+
+const sekiItemCss = ":host{display:block;--seki-item-padding-x:var(--seki-spacing-3, 0.75rem);--seki-item-padding-y:var(--seki-spacing-2, 0.5rem);--seki-item-gap:var(--seki-spacing-3, 0.75rem);--seki-item-radius:var(--seki-radius-sm, 0.25rem);--seki-item-bg:transparent;--seki-item-bg-hover:var(--seki-accent, hsl(240 4.8% 95.9%));--seki-item-bg-active:var(--seki-accent, hsl(240 4.8% 95.9%));--seki-item-color:var(--seki-foreground, hsl(240 10% 3.9%));--seki-item-color-muted:var(--seki-muted-foreground, hsl(240 3.8% 46.1%));--seki-item-font-size:var(--seki-font-size-sm, 0.875rem);--seki-item-font-weight:var(--seki-font-weight-normal, 400);--seki-item-line-height:var(--seki-line-height-tight, 1.25)}:host([data-theme='dark']){--seki-item-bg-hover:var(--seki-accent, hsl(240 3.7% 15.9%));--seki-item-bg-active:var(--seki-accent, hsl(240 3.7% 15.9%));--seki-item-color:var(--seki-foreground, hsl(0 0% 98%));--seki-item-color-muted:var(--seki-muted-foreground, hsl(240 5% 64.9%))}.seki-item{display:flex;align-items:center;gap:var(--seki-item-gap);padding:var(--seki-item-padding-y) var(--seki-item-padding-x);border-radius:var(--seki-item-radius);background-color:var(--seki-item-bg);color:var(--seki-item-color);font-family:var(--seki-font-sans, system-ui);font-size:var(--seki-item-font-size);font-weight:var(--seki-item-font-weight);line-height:var(--seki-item-line-height);cursor:default;user-select:none;outline:none;transition:background-color 0.15s ease, color 0.15s ease;box-sizing:border-box}:host(.seki-item--interactive) .seki-item{cursor:pointer}:host(.seki-item--interactive) .seki-item:hover{background-color:var(--seki-item-bg-hover)}:host(.seki-item--interactive) .seki-item:focus-visible{outline:2px solid var(--seki-ring, hsl(240 5.9% 10%));outline-offset:-2px}:host(.seki-item--active) .seki-item{background-color:var(--seki-item-bg-active);font-weight:var(--seki-font-weight-medium, 500)}:host(.seki-item--disabled) .seki-item{opacity:0.5;pointer-events:none}:host(.seki-item--inset) .seki-item{padding-left:var(--seki-spacing-8, 2rem)}.seki-item__leading{display:flex;align-items:center;flex-shrink:0;color:var(--seki-item-color-muted)}.seki-item__leading:empty{display:none}.seki-item__content{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seki-item__trailing{display:flex;align-items:center;flex-shrink:0;margin-left:auto;color:var(--seki-item-color-muted);font-size:var(--seki-font-size-xs, 0.75rem)}.seki-item__trailing:empty{display:none}@media (prefers-reduced-motion: reduce){.seki-item{transition:none}}@media (prefers-contrast: more){:host(.seki-item--interactive) .seki-item:focus-visible{outline-width:3px}}";
+
+const SekiItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.sekiSelect = createEvent(this, "sekiSelect");
+        /**
+         * Visual variant of the item
+         * @default 'default'
+         */
+        this.variant = 'default';
+        /**
+         * Whether the item is in active/selected state
+         */
+        this.active = false;
+        /**
+         * Whether the item is disabled
+         */
+        this.disabled = false;
+        /**
+         * Whether the item is interactive (clickable/focusable)
+         * @default true
+         */
+        this.interactive = true;
+        this.handleClick = () => {
+            if (!this.disabled && this.interactive) {
+                this.sekiSelect.emit();
+            }
+        };
+        this.handleKeyDown = (event) => {
+            if (!this.disabled && this.interactive && (event.key === 'Enter' || event.key === ' ')) {
+                event.preventDefault();
+                this.sekiSelect.emit();
+            }
+        };
+    }
+    render() {
+        const isInteractive = this.interactive && !this.disabled;
+        return (h(Host, { key: '4d6535794744c36086f3c9242757c61c3c4b758d', class: {
+                'seki-item--active': this.active,
+                'seki-item--disabled': this.disabled,
+                'seki-item--inset': this.variant === 'inset',
+                'seki-item--interactive': isInteractive,
+            } }, h("div", { key: '839ba9c32ee980cbdb919971a833aa83d1162892', 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: 'b38c41f70c7e5d8e6b86b85408e9b9f2e5ce7ec2', class: "seki-item__leading", part: "leading" }, h("slot", { key: 'b4330ae0ac48b16c326204116f8f22f8c1763047', name: "leading" })), h("span", { key: 'e7329059ce8a88058b1a26c4b9c65a6ea633cb12', class: "seki-item__content", part: "content" }, h("slot", { key: 'bcc3e6a047247585e40f1aba51429b0eeb4f9b52' })), h("span", { key: '11f2c98572ba112489d5ac7e4955b255e8d5c5ac', class: "seki-item__trailing", part: "trailing" }, h("slot", { key: '3ab27f7f5719e9e87fbcd20095f0ab005c4bf77d', name: "trailing" })))));
+    }
+};
+SekiItem.style = sekiItemCss;
+
+export { SekiItem as seki_item };

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

@@ -11,7 +11,7 @@ const SekiKbd = class {
         this.size = 'md';
     }
     render() {
-        return (h("kbd", { key: '720fbd65437fcc6636094b93e5fd0517c249a56d', class: `kbd kbd--${this.size}` }, h("slot", { key: 'c96ad0e080fd65a64779c14b520ff42ee7ebcf46' })));
+        return (h("kbd", { key: '4d3c67010114787137fc0a16e1813092a296acaa', class: `kbd kbd--${this.size}` }, h("slot", { key: '991cfce3db378f61a7a41e7e611980d1cf9d273b' })));
     }
 };
 SekiKbd.style = sekiKbdCss;

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

@@ -38,10 +38,10 @@ const SekiMenubarCheckbox = class {
         this._checked = this.checked;
     }
     render() {
-        return (h(Host, { key: 'd2cacc42db5ed1dce9a7b48999f3be6f0b8f4be7' }, h("div", { key: '55e70d7217d4f2a57e0440fa143b590c05679ab1', part: "item", role: "menuitemcheckbox", class: {
+        return (h(Host, { key: '0e8701bc6e89c38f88a4f9b7de7c20e5daeff9c2' }, h("div", { key: '2f63c44662d69cc37f3cb98d812fa83ad3bfd84e', 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: '21338485de9e308957898f5bd24f3c0a8653fee8', part: "indicator", class: "menubar-checkbox__indicator" }, this._checked && (h("svg", { key: '9e8f45aec473622a4f4d3dfa35b54a67697060a7', 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: 'af90b1b6cf242c3d12ce64fe3dfebae5b7f45515', points: "20 6 9 17 4 12" })))), h("slot", { key: '8f749e575fafc3977f2fefe0f29cc08f2d274ae6' }), this.shortcut && (h("span", { key: '4d19a0853d66738f324ae9bcd0d3ce0ce90f4e32', 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: '8106989d251091eaa46abd50ec87b549e66be847', part: "indicator", class: "menubar-checkbox__indicator" }, this._checked && (h("svg", { key: '2b5f88fa4a41172f96656b35f8a2a6f7a1973967', 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: '34040296d9fe74338fef916d4d5cfac4277cb6bb', points: "20 6 9 17 4 12" })))), h("slot", { key: '0c587e97082cebf412838ab3dd977da67ecb8d81' }), this.shortcut && (h("span", { key: '84ee8f28681fadef5ac5a78a4fd72882b80970d8', part: "shortcut", class: "menubar-checkbox-shortcut" }, this.shortcut)))));
     }
     static get watchers() { return {
         "checked": ["watchChecked"]

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

@@ -7,7 +7,7 @@ const SekiMenubarGroup = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '8cfcd616fb02705767992456665b0d1cc990105c' }, h("div", { key: 'e4e8ed8aa10d468bd8e0f6d6e76b78a34fd00bd4', part: "group", role: "group", class: "menubar-group" }, this.label && (h("div", { key: 'ad8caad596c82e410e6b0427131a9321028cedd5', part: "label", class: "menubar-group-label" }, this.label)), h("slot", { key: 'f6633043fbf282bd6995ed2bbf7cae001d55dfd7' }))));
+        return (h(Host, { key: '78725cc4e76194d531836da1c49e5e4965c4eb4f' }, h("div", { key: '0b62b1495ee06c3325908175efb16efea70c2095', part: "group", role: "group", class: "menubar-group" }, this.label && (h("div", { key: 'cbf536f245e2303f7af980596b822f60cc7960b8', part: "label", class: "menubar-group-label" }, this.label)), h("slot", { key: 'b61ec915d1c8b5fee6c8252276dfafbb22fdec76' }))));
     }
 };
 SekiMenubarGroup.style = sekiMenubarGroupCss;

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

@@ -36,11 +36,11 @@ const SekiMenubarItem = class {
         return menubar ? menubar._menubarContext : null;
     }
     render() {
-        return (h(Host, { key: '46d9233bf8991c039b7800d4ecf1168e318258f7' }, h("div", { key: 'a4519083aea8c4705571a3e645634be029a8ebc3', part: "item", role: "menuitem", class: {
+        return (h(Host, { key: 'b2f9cc3ff646d9780ecdc2bc4b6bbfc82ae5b04e' }, h("div", { key: 'eca654765fefec0226cdc0ef3a2d4752777ea9ee', 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: 'a379c5fc287cf67d0d553f5afff92f84930cc725' }), this.shortcut && (h("span", { key: '10c213b9a1f250dc9df6ef3081bc46cec37d619b', 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: 'ac197d8eed843bd0b50c58907bf5251594b96415' }), this.shortcut && (h("span", { key: 'f6a1e8875c99001e59b24d06529239ec844d5d95', part: "shortcut", class: "menubar-item-shortcut" }, this.shortcut)))));
     }
     get el() { return getElement(this); }
 };

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

@@ -24,7 +24,7 @@ const SekiMenubarMenu = class {
         }
     }
     render() {
-        return (h(Host, { key: 'af586b2041235d7f678f36a76f129769e5b6fbda' }, h("div", { key: '3b08ec4dfb6fb44a86f8da01aa42c8c625ebc4c1', part: "menu", class: "menubar-menu" }, h("slot", { key: 'd0eb9639e69e83d7d1fd59b81ecfcfabe6627d2e' }))));
+        return (h(Host, { key: '987f390fc17517baa44620f2c1b1c57d2eef5e83' }, h("div", { key: '1f2940d2b9041433c12b4f04d81e016f5ac34929', part: "menu", class: "menubar-menu" }, h("slot", { key: '528316419f524a06916edd68eadf3ba7b22733a8' }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -29,7 +29,7 @@ const SekiMenubarRadioGroup = class {
         this._radioGroupContext.setValue(event.detail);
     }
     render() {
-        return (h(Host, { key: '0b50af19a12ca5f45e57e14343db97524135268c' }, h("div", { key: '31ff8643523b09b87d94c53d45107b365f3d0555', part: "group", role: "group", class: "menubar-radio-group" }, h("slot", { key: 'edd62eca1badaf6ee0675f180f0de8fb95ed2046' }))));
+        return (h(Host, { key: '368ed309fdc79d9810644e6058f05ea11add079b' }, h("div", { key: '5674301216cc4106a77a127c65c02e67996ad9c2', part: "group", role: "group", class: "menubar-radio-group" }, h("slot", { key: 'ac97f64579e22db2cbff0cc63ed434356ee2e090' }))));
     }
     static get watchers() { return {
         "value": ["watchValue"]

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

@@ -44,10 +44,10 @@ const SekiMenubarRadio = class {
         }
     }
     render() {
-        return (h(Host, { key: '83e0653964122b386092d6ab6134bd02e31f2c60' }, h("div", { key: 'a46b0065b406543883ad2afd53527ec1eed1a2ef', part: "item", role: "menuitemradio", class: {
+        return (h(Host, { key: '2bf7c057d1597b33248e066e29c39eb61674c632' }, h("div", { key: 'cbc4a459454a61cca230b89f2e0a877e9cb49c93', 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: '73b8bd5aa54a00940e3f986a59f61b6bcec6ccc4', part: "indicator", class: "menubar-radio__indicator" }, this._isChecked && (h("svg", { key: '7fd4f9600fc9d61406d5e8696792d50ecdce90bf', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor" }, h("circle", { key: 'ab0f0a646fdddacbe2470503e3d16ceb6f5d1146', cx: "12", cy: "12", r: "4" })))), h("slot", { key: '4d72d46faa0b9a1d0ef258564181229ea600c734' }))));
+            }, 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: 'c0c43951781733e3c2be0197b0eef323822d4c1d', part: "indicator", class: "menubar-radio__indicator" }, this._isChecked && (h("svg", { key: 'b2ce0b97fa18104a4f993d054a780f4115e5bdaf', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor" }, h("circle", { key: '83d4d7c0212e095d2f0b12e0f5d82c0810180a0f', cx: "12", cy: "12", r: "4" })))), h("slot", { key: '71067f8c5307e7e09d6f3afc7b7b1b3b5ac8b5e5' }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -7,7 +7,7 @@ const SekiMenubarSeparator = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '1d5d135764872c0da04fdbdc5a70b79f45623db7' }, h("div", { key: 'ed28c9e3d861bec2cf919b2bc8b74da78c517eac', part: "separator", role: "separator", class: "menubar-separator" })));
+        return (h(Host, { key: '6f294ae0cdbf47b556a66afb803e3aa9d68ddc3b' }, h("div", { key: '9dd3885e37d3f1b38c5c11357cb8e27721a5153f', part: "separator", role: "separator", class: "menubar-separator" })));
     }
 };
 SekiMenubarSeparator.style = sekiMenubarSeparatorCss;

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

@@ -7,7 +7,7 @@ const SekiMenubarShortcut = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'd23f57889cd46a9a6db5066a6285356ece8ebb3b' }, h("span", { key: '914f6f4c81a0da51ed8a5f8b25daae9b11213822', part: "shortcut", class: "menubar-shortcut" }, h("slot", { key: 'cebe7e745d35c3376aa00a99af2ca3d708e670fc' }))));
+        return (h(Host, { key: 'c2290a0535664a7806d1338b96fc4aa6974b6b55' }, h("span", { key: '58483850b753a9ae853534e71d2a6704d577c4aa', part: "shortcut", class: "menubar-shortcut" }, h("slot", { key: '8d4fb6dfdb0b5f27ef43e6418c2e6266c6eecda9' }))));
     }
 };
 SekiMenubarShortcut.style = sekiMenubarShortcutCss;

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

@@ -26,11 +26,11 @@ const SekiMenubarSubTrigger = class {
         }
     }
     render() {
-        return (h(Host, { key: 'dcf28f8344c55fd3563226cd0254487f3b64443f' }, h("div", { key: '437d7dbce7ab6b3d40db030117e0bf2b5871bc75', part: "trigger", role: "menuitem", class: {
+        return (h(Host, { key: '9c864ddad897a720027c6652f839db3cc10a56f1' }, h("div", { key: 'faae229a49efcef3d38fe748e3b610c80a426279', 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: 'e45d5c4f0060bb87427cf567df15b020ad3b1737' }), h("svg", { key: '60e8a90d95b7e1a72da733ce576088e75f06dbf1', 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: 'e363f67423caa68ee1e495ec566b46d5894e17d7', 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: 'd1edc4057fa09e80c4a5b885c1f64e68449da26e' }), h("svg", { key: '4356fdd74ce60d9bd4f306d41bc675291c62cec2', 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: 'ecce7cef2d55a2fc91e326b276358d6266df45bc', points: "9 18 15 12 9 6" })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -99,7 +99,7 @@ const SekiMenubarSub = class {
         }
     }
     render() {
-        return (h(Host, { key: '2f889a2588f4dfa96f318bea86a9fbb3fdde3e11', "data-state": this._isOpen ? 'open' : 'closed', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: 'e5d94a8d4749d8b37b74675b1d2e52279998aa0a', part: "sub", class: "menubar-sub", style: { position: 'relative' } }, h("slot", { key: '8038e64f5b9456d9868631a017ec389fa8c1be89', name: "trigger" }), h("slot", { key: '45fca1220fa023719b93746d11c6e13b56441b08', name: "content" }))));
+        return (h(Host, { key: '51283d3e1f2d9b9dbd10305380938d1706958032', "data-state": this._isOpen ? 'open' : 'closed', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: 'f4dcce62c5449a26148d7d33a4ebef67183479fe', part: "sub", class: "menubar-sub", style: { position: 'relative' } }, h("slot", { key: '7378adf6a49c213ce279c73dd1ead3f08a04edca', name: "trigger" }), h("slot", { key: '442aa4a70139b9a65f96e35de29c5c9e6af829a3', name: "content" }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -94,10 +94,10 @@ const SekiMenubarTrigger = class {
         }
     }
     render() {
-        return (h(Host, { key: '003319508bafa3e29a23cf80a092c28b606efa8c' }, h("button", { key: '1f05184feb664b7127fbc747a0fb1c01b0ed5ae8', part: "trigger", type: "button", role: "menuitem", class: {
+        return (h(Host, { key: '11d6ac7d5a3c01e9cc12b373a8b1f0a6785a34cf' }, h("button", { key: 'babd7d454c87dad3a9574145f0ec8a7137d35dfc', 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: 'ccbfbd2acbbfaf6cbe91084bc10ef29129c93217' }))));
+            }, 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: '74c784f2224e30d6eba8716e760eaa2404cc626d' }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -138,7 +138,7 @@ const SekiMenubar = class {
         this.removeClickOutside();
     }
     render() {
-        return (h(Host, { key: 'af0555d49eb9c8e6414fced6c81cbcc6c48b749d' }, h("div", { key: '69401a474d7e813a706f8f5259371f5625114c21', part: "menubar", role: "menubar", class: "menubar" }, h("slot", { key: 'afdb9ed02037a6e16f11824905702b9eecd27178' }))));
+        return (h(Host, { key: '946f76fc634fd6196d87d77599fb761d65577d89' }, h("div", { key: '2e9da2ab35945ef037a40c315d914be4447d68d3', part: "menubar", role: "menubar", class: "menubar" }, h("slot", { key: 'c10530d620561c153400c7fee2066de93d5561f7' }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -0,0 +1,26 @@
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-B7S_tFx7.js';
+
+const sekiNativeSelectCss = ".sc-seki-native-select-h{display:inline-block;--seki-native-select-font-size:var(--seki-font-size-base, 14px);--seki-native-select-font-weight:var(--seki-font-weight-normal, 400);--seki-native-select-font-family:var(--seki-font-sans, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);--seki-native-select-line-height:var(--seki-line-height-tight, 1.25);--seki-native-select-height:2.5rem;--seki-native-select-padding-x:var(--seki-spacing-3, 0.75rem);--seki-native-select-radius:var(--seki-radius-md, 0.375rem);--seki-native-select-border:var(--seki-input-border, hsl(240 5.9% 90%));--seki-native-select-bg:var(--seki-input-bg, hsl(0 0% 100%));--seki-native-select-color:var(--seki-input-text, hsl(240 10% 3.9%));--seki-native-select-placeholder:var(--seki-input-placeholder, hsl(240 3.8% 46.1%));--seki-native-select-ring:var(--seki-input-ring, hsl(240 5.9% 10%));--seki-native-select-ring-offset:var(--seki-input-ring-offset, 2px);--seki-native-select-disabled-opacity:var(--seki-input-disabled-opacity, 0.5)}[data-theme='dark'].sc-seki-native-select-h{--seki-native-select-border:var(--seki-input-border, hsl(240 3.7% 15.9%));--seki-native-select-bg:var(--seki-input-bg, hsl(240 10% 3.9%));--seki-native-select-color:var(--seki-input-text, hsl(0 0% 98%));--seki-native-select-placeholder:var(--seki-input-placeholder, hsl(240 5% 64.9%))}.seki-native-select.sc-seki-native-select{position:relative;display:inline-flex;align-items:center;width:100%}.seki-native-select__select.sc-seki-native-select{appearance:none;-webkit-appearance:none;width:100%;height:var(--seki-native-select-height);padding:0 calc(var(--seki-native-select-padding-x) + 1.5rem) 0 var(--seki-native-select-padding-x);border:1px solid var(--seki-native-select-border);border-radius:var(--seki-native-select-radius);background-color:var(--seki-native-select-bg);color:var(--seki-native-select-color);font-family:var(--seki-native-select-font-family);font-size:var(--seki-native-select-font-size);font-weight:var(--seki-native-select-font-weight);line-height:var(--seki-native-select-line-height);cursor:pointer;outline:none;transition:border-color 0.15s ease, box-shadow 0.15s ease}.seki-native-select__select.sc-seki-native-select:focus-visible{outline:2px solid var(--seki-native-select-ring);outline-offset:var(--seki-native-select-ring-offset);border-color:var(--seki-native-select-ring)}.seki-native-select__select.sc-seki-native-select:hover:not(:disabled){border-color:var(--seki-native-select-ring)}.seki-native-select__select.sc-seki-native-select:disabled{opacity:var(--seki-native-select-disabled-opacity);cursor:not-allowed}.seki-native-select__select.sc-seki-native-select option[disabled].sc-seki-native-select{color:var(--seki-native-select-placeholder)}.seki-native-select__chevron.sc-seki-native-select{position:absolute;right:var(--seki-native-select-padding-x);pointer-events:none;color:var(--seki-native-select-placeholder);flex-shrink:0}.seki-native-select--disabled.sc-seki-native-select-h .seki-native-select__chevron.sc-seki-native-select{opacity:var(--seki-native-select-disabled-opacity)}@media (prefers-contrast: more){.seki-native-select__select.sc-seki-native-select:focus-visible{outline:3px solid;outline-offset:2px}}@media (prefers-reduced-motion: reduce){.seki-native-select__select.sc-seki-native-select{transition:none}}";
+
+const SekiNativeSelect = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.sekiChange = createEvent(this, "sekiChange");
+        /** Disable the select */
+        this.disabled = false;
+        /** Mark as required for form validation */
+        this.required = false;
+        this.handleChange = (event) => {
+            const select = event.target;
+            this.value = select.value;
+            this.sekiChange.emit({ value: select.value });
+        };
+    }
+    render() {
+        return (h(Host, { key: '8f1bad88434857a6a0d9e11789a59dc9dc5bd65b', class: { 'seki-native-select--disabled': this.disabled } }, h("div", { key: 'b78c09b9536e42d64ce478276e973e043123fe89', class: "seki-native-select" }, h("select", { key: 'f593959bb9601962e612944c36aeb57abc2fbf7f', 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: '0785b1ae6dc07faf190644a80b00a55f01921d1b', value: "", disabled: true, selected: !this.value && !this.defaultValue }, this.placeholder)), h("slot", { key: 'bf81ecba782783c4839ab7d3fbceb15b8fa74e1c' })), h("svg", { key: '500a8bd3de14952bded1cb5c7ef8283d9424b6e1', 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: 'e71d6349f6603e7d7ecdbabe06d507ce00cc9d50', d: "m6 9 6 6 6-6" })))));
+    }
+    get el() { return getElement(this); }
+};
+SekiNativeSelect.style = sekiNativeSelectCss;
+
+export { SekiNativeSelect as seki_native_select };

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

@@ -197,13 +197,13 @@ const SekiNavigationMenuContent = class {
         if (this.layout === 'grid') {
             customStyles['--content-columns'] = String(this.columns);
         }
-        return (h(Host, { key: '498dd8fe8a1ba27188f3a07ee808a0cf2d28fbcc', class: {
+        return (h(Host, { key: '66ff833f203aec61698dd3ea8c215ec21b986bc6', class: {
                 'navigation-menu-content': true,
                 'navigation-menu-content--open': this.isOpen,
                 'navigation-menu-content--mobile': this.isMobile,
                 [`navigation-menu-content--layout-${this.layout}`]: true,
                 [`navigation-menu-content--align-${this.align}`]: true,
-            }, style: customStyles }, h("div", { key: 'ffba9a1ba4f5bf5c6afe19d9431a7f1363571b9c', id: `content-${itemId}`, class: "navigation-menu-content__inner", role: "menu", "aria-labelledby": `trigger-${itemId}` }, h("slot", { key: '384893648470caf617f00544e04bb8530c7cf50e' }))));
+            }, style: customStyles }, h("div", { key: '7cecc1f1d9bf627ae982991722dc977483c39892', id: `content-${itemId}`, class: "navigation-menu-content__inner", role: "menu", "aria-labelledby": `trigger-${itemId}` }, h("slot", { key: 'db6b30eb556ebed0907ead2a3182a9691e8e784f' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -90,12 +90,12 @@ const SekiNavigationMenuItem = class {
         return this.parentMenu;
     }
     render() {
-        return (h(Host, { key: '1d3fc8fd3b8191e91d64ac15d90d3982bd00b7a9', class: {
+        return (h(Host, { key: '7fefb0c419a0d84ce1c56eb8e9be3ed9df0fa97a', 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 }, h("li", { key: '3767528f364241090ce705ed57db7d6e63211b35', class: "navigation-menu-item__container", role: "none" }, h("slot", { key: 'ce2daaa3e3ca6e36f6b74aac51f609402baac1ef' }))));
+            }, "data-item-id": this.itemId }, h("li", { key: '5eee0169ffaf8af408abfabab8fa0db20db7d2b9', class: "navigation-menu-item__container", role: "none" }, h("slot", { key: 'fdf76b7494dbc8377540b1407544c8ab99b68ef5' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -71,13 +71,13 @@ const SekiNavigationMenuLink = class {
     }
     render() {
         const hasDescription = Boolean(this.description);
-        return (h(Host, { key: '455f19822679cb53d91cdaa89db3f15f18f3ca13', class: {
+        return (h(Host, { key: 'ab26e14f38e14d8691840a943eb0dffcd5012258', 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: '56208d5d8cacea4f354a8b73d9cb2a243b864ebf', 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: '89080bdcab9b2b71ab8f1c7a3658040a484d8d99', 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

@@ -100,7 +100,7 @@ const SekiNavigationMenuList = class {
         this.focusedIndex = index;
     }
     render() {
-        return (h(Host, { key: '05bf1393f6a694d93d3c10208ed2be76a6c94685' }, h("ul", { key: 'd1c9ba40c90bb2b1c668dd68fa5cc534a61dd186', class: "navigation-menu-list", role: "menubar" }, h("slot", { key: 'd134cc7e5712846c160b9488199b19716fea66d8' }))));
+        return (h(Host, { key: 'fc64604bce44c5a514ba7bf31dcb1c37a54cece9' }, h("ul", { key: '6f0b9bc015d8ff64bdc175624a869e742017f1b4', class: "navigation-menu-list", role: "menubar" }, h("slot", { key: 'be61b54b93c3a61d1ff18fc0010c2e1681ccc480' }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -179,12 +179,12 @@ const SekiNavigationMenuTrigger = class {
     }
     render() {
         const itemId = this.getItemId();
-        return (h(Host, { key: '6bf4dceea21f9f07f5b9f98eca9562be098edd9e', class: {
+        return (h(Host, { key: 'c87073cccc2ec87cb72c766e1ff808917318fb2e', 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: '75c011f8deb97c6ced40aaa2e89d8076f931820b', 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: 'a61468ea08940a8c5eec5dabdfbd547af38a71a2', class: "navigation-menu-trigger__label" }, h("slot", { key: '252423c24af2d2cd0bfe71d0a7ccd752abcd7cdd' })), h("svg", { key: '58a9ecaf37968d6dfc3dbc2ebbe2b6c27d9c748b', 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: '50658c7c7aabaa07fe87e0ca4cb14c75a0b33327', points: "2 4 6 8 10 4" })))));
+            } }, h("button", { key: 'cc5ef6c4e29a2c8e5e5c75dbac1573a706fb1112', 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: '52e0775682e3b12a18b2985dadc86fffaca6a7f8', class: "navigation-menu-trigger__label" }, h("slot", { key: '34f7ffb02b73dfc72e794a4e7f53001db584b8e6' })), h("svg", { key: '436e45326da389a3d15075db07e39b4ba100723c', 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: 'c8fbe13815ccce7debfc79f111bedfa3dc0fa3b8', points: "2 4 6 8 10 4" })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -142,14 +142,14 @@ const SekiNavigationMenuViewport = class {
         return h("slot", null);
     }
     render() {
-        return (h(Host, { key: 'c15f352adc191348b3a1e58c25183f23e3978d65', class: {
+        return (h(Host, { key: '8aae278c53014c06a9f9162116abc53b6b0e624e', 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: '652f2de3f35eb956f80c8ef513e8ef4234ffff5c', class: "navigation-menu-viewport__indicator" }, h("svg", { key: '4a5c9d457cc497623e92f59c6e99adf6b8f95a1f', width: "20", height: "10", viewBox: "0 0 20 10", fill: "currentColor" }, h("polygon", { key: '33b4d5c0d942d30648cd14834ebb1a105df02ba1', points: "10,0 20,10 0,10" }))), h("div", { key: '99943856d2859ba65c7a5e8f2731d598b3eecf9b', ref: el => (this.contentRef = el), class: "navigation-menu-viewport__content" }, this.renderContent())));
+            } }, h("div", { key: '2ca0f31b1f0fb5149b9c76a828e290af243cffb3', class: "navigation-menu-viewport__indicator" }, h("svg", { key: '77f9881f67462b6a46c2a747bffa0b977d3f1933', width: "20", height: "10", viewBox: "0 0 20 10", fill: "currentColor" }, h("polygon", { key: '5af582fa0d357e121a017d288795fad0cec76725', points: "10,0 20,10 0,10" }))), h("div", { key: 'b7869f693dc107977e377eaf4f20d971b38fe529', 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-pagination-content.entry.js

@@ -7,7 +7,7 @@ const SekiPaginationContent = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("ul", { key: '7367f63ec5dc0dcbef0d21ae990264b423358c75', class: "seki-pagination-content", part: "content" }, h("slot", { key: '9bc967c0a37f8df24892467dc5de22970018c595' })));
+        return (h("ul", { key: '4cc959e3fe5cf9b1870a5d78fa98a027b5762c26', class: "seki-pagination-content", part: "content" }, h("slot", { key: 'd5842c876afc4944274a9866cd9d676d7f341363' })));
     }
 };
 SekiPaginationContent.style = sekiPaginationCss;

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

@@ -7,7 +7,7 @@ const SekiPaginationEllipsis = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("span", { key: '6de041c61d44992a9eeda1c2f38a8d6ddc72fd7a', "aria-hidden": "true", class: "seki-pagination-ellipsis", part: "ellipsis" }, h("svg", { key: '1c06dbfbc940856d153bd6ae0cc3d97f0ec32339', 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: '39cd475be5cf08be415d887439c7fc5f107be963', cx: "12", cy: "12", r: "1" }), h("circle", { key: '175c075dec5028564e2bf352d38efbf16988b3e2', cx: "19", cy: "12", r: "1" }), h("circle", { key: '98a85bdc3329379b32957d9bb5b8b18ef3b61a0b', cx: "5", cy: "12", r: "1" })), h("span", { key: 'c216d37d5afec49d764fc11dbb9c402b0f6b393c', class: "sr-only" }, "More pages")));
+        return (h("span", { key: '46490efca7224ad6012c02a6f8881ae441b6d266', "aria-hidden": "true", class: "seki-pagination-ellipsis", part: "ellipsis" }, h("svg", { key: 'dedb88f2eb424c2080514474dee8017755abd5eb', 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: '5a037c1ca86a9aea3bbaeed5ebd8c533ed6bcd92', cx: "12", cy: "12", r: "1" }), h("circle", { key: 'fde882ffaaac253544293dcc494e8895614e0183', cx: "19", cy: "12", r: "1" }), h("circle", { key: 'ed13773a070b10dd316a8ef6744aed2bf774b4eb', cx: "5", cy: "12", r: "1" })), h("span", { key: 'e68f64f659ff543c97175be8f2727ba9b9cc5370', class: "sr-only" }, "More pages")));
     }
 };
 SekiPaginationEllipsis.style = sekiPaginationCss;

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

@@ -7,7 +7,7 @@ const SekiPaginationItem = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("li", { key: '855e1bded3bd0bc2aa28fb90fa6591f812d029c8', class: "seki-pagination-item", part: "item" }, h("slot", { key: '40d7461faa4439a6cc2ebeab30ed9aca0fe6043f' })));
+        return (h("li", { key: 'c0f0edc8d93ed4342f6d3e899c10f96d724b85ef', class: "seki-pagination-item", part: "item" }, h("slot", { key: 'a6973fc40b6790ccd11cd0b45ae48cff03e3d325' })));
     }
 };
 SekiPaginationItem.style = sekiPaginationCss;

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

@@ -16,11 +16,11 @@ const SekiPaginationLink = class {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'span';
-        return (h(Tag, { key: 'a0bf219e9651779ef6621b9c253265bc1134b5d6', 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: '8d454a19ea4373fa208e8d2c8dfe62af59f64257', 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: '1f3bc4fa8d160ed36bed8ff7d64c1f25296d88b8' })));
+            }, part: "link" }, h("slot", { key: '2291abe68aa04cbf49cb7624754463d0d0e1a19d' })));
     }
 };
 SekiPaginationLink.style = sekiPaginationCss;

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

@@ -12,11 +12,11 @@ const SekiPaginationNext = class {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'span';
-        return (h(Tag, { key: 'd1d8a2489b1cd32415b47bef77f4757a813faa99', 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: '13114af2a724f7fbb8d67dc3882696c7c6103ab0', 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: '8995f6c4933d5196c9da291da9d269d6daf900ba' }, "Next"), h("svg", { key: 'b09789a129c385fa5bed45e9a7a78d75fff8fd58', 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: 'e86c5dc53bb6550a48bef1210f959bd09968285c', d: "m9 18 6-6-6-6" }))));
+            }, part: "next" }, h("span", { key: '08cc90e1a75637297b73bfcbeb923ae96370a757' }, "Next"), h("svg", { key: 'b4811948c2631d8af500b76eb06b518b0bbfd3cc', 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: 'b45f5e476f0c22b7931d4ed31283d03e84be0a77', d: "m9 18 6-6-6-6" }))));
     }
 };
 SekiPaginationNext.style = sekiPaginationCss;

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

@@ -12,11 +12,11 @@ const SekiPaginationPrevious = class {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'span';
-        return (h(Tag, { key: '091a4db079802b3e82a3065e57a807537796edd0', 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: '9195b831a924418c6a08ce79f67e33db29e9297e', 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: '13d194ed313958fca1d9ad157f7c82dba7f72181', 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: 'adcca4f74d55d1daed2a2b5cdc17fee31723fc22', d: "m15 18-6-6 6-6" })), h("span", { key: 'f2a2028e0290ca7255493c722f6f8511eaf3e0da' }, "Previous")));
+            }, part: "previous" }, h("svg", { key: 'd2d27b81309b2855be8c59de67ef564bbb191e91', 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: '86128075e4e297251043a45ca4f24ba9ea87a554', d: "m15 18-6-6 6-6" })), h("span", { key: '3147eaca5cbdf12c8b3c847657795d1f32b596a1' }, "Previous")));
     }
 };
 SekiPaginationPrevious.style = sekiPaginationCss;

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

@@ -7,7 +7,7 @@ const SekiPagination = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("nav", { key: '8da8f38789e03abd29954d527da6aa5a3d03af46', role: "navigation", "aria-label": "pagination", class: "seki-pagination", part: "pagination" }, h("slot", { key: '3a4da08c6f5ad3450c68ae40e9b00c76496d9f1a' })));
+        return (h("nav", { key: '627850809d2aaf231a9254329dd3906574be4d8d', role: "navigation", "aria-label": "pagination", class: "seki-pagination", part: "pagination" }, h("slot", { key: '11fbbd4dc836d19f52d7301f9ff2808490c33596' })));
     }
 };
 SekiPagination.style = sekiPaginationCss;

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

@@ -11,7 +11,7 @@ const SekiPopoverClose = class {
         this.closePopover.emit();
     }
     render() {
-        return (h(Host, { key: 'c24af6d48094c5a3954e990a654d156a9b8ea21e' }, h("button", { key: 'fc28843a52a3685b656c253eeef4460ac01dcc6c', part: "close", type: "button", class: "popover-close", "aria-label": "Close" }, h("slot", { key: 'b0b9592890aab3b35d7c9c4c2e1b0f3022c3f4da' }, h("svg", { key: 'b3f1007e7b943716ad9bfc98d04b306f17f7adfd', 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: 'ed7c69bf649cfc00e91908b653506f07bd81d7b5', d: "M18 6 6 18" }), h("path", { key: '1e1d84a97e95947ab80799f999e708edec942925', d: "m6 6 12 12" }))))));
+        return (h(Host, { key: 'ee09b646b2935243b0b138683be493e399cc523e' }, h("button", { key: '7f6a9693611a8597a7c467bbbffaf1d5fcf36bb4', part: "close", type: "button", class: "popover-close", "aria-label": "Close" }, h("slot", { key: '41df880a88b199ec29ed5c4db23a22eabfdb4cbb' }, h("svg", { key: 'c19d5030668db12045880ef2e0783bba70cad855', 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: '9b83da119013f112fc1b6a2d6adf45f2c60e184b', d: "M18 6 6 18" }), h("path", { key: 'a006e7a1101d195f333f0e3639d9732ffe77a3aa', d: "m6 6 12 12" }))))));
     }
 };
 SekiPopoverClose.style = sekiPopoverCloseCss;

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

@@ -12,7 +12,7 @@ const SekiPopoverTrigger = class {
         this.triggerClick.emit();
     }
     render() {
-        return (h(Host, { key: '7d944c6e5897706fd768e6b9ec017ed5b8884066' }, h("span", { key: '8ae1403da7ef8fdc5f35b3132c0f05f26aa7b909', part: "trigger", class: "popover-trigger" }, h("slot", { key: '9ccf5384f50868023be5ac7ac6cfdbfe3ccc715e' }))));
+        return (h(Host, { key: 'fef9f1e92982ba53f179466a4407e4573a464b9a' }, h("span", { key: '382a66da70827299cc15c5fe311b853bb42e053e', part: "trigger", class: "popover-trigger" }, h("slot", { key: '52282cbdaa2275d93e9b5d7589c39a044d5bc001' }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -56,7 +56,7 @@ const SekiProgress = class {
         const state = this.getState();
         const percentage = this.getPercentage();
         const isIndeterminate = state === 'indeterminate';
-        return (h("div", { key: 'e1696a48cf97c65052e60c9c929c37bfea397043', 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: 'fe52bd283d47ad74636823701e998af5c160eec7', class: {
+        return (h("div", { key: '17c93a4d1f1840b33b88643cb06ebb326ec67fb5', 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: '95a3f19ed02330c1cb53afe9e90c6692c87c5f41', 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

@@ -46,7 +46,7 @@ const SekiRadioGroupItem = class {
     }
     render() {
         const dataState = this.checked ? 'checked' : 'unchecked';
-        return (h(Host, { key: 'f1d55af4d9412782ad473a3c024793d7b8b9336a', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("button", { key: '2d9d7d233bc6e9a7745fc25f29edea3521b2ec7b', 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: '2c6c04c8f90d9cd5cc2f31506d8f0ab17dbe1849', class: "indicator", part: "indicator" })))));
+        return (h(Host, { key: '1ffaab83bba8020f0c4c1d8bd6776871db1a8162', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("button", { key: 'eee8f933b037a38fa11d0305f8cbf74ec5ef132f', 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: '3f3f8b0e48de30fcf24f7d71cdfe0eb85451e6f7', class: "indicator", part: "indicator" })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -118,7 +118,7 @@ const SekiRadioGroup = class {
         this.updateChildItems();
     }
     render() {
-        return (h(Host, { key: '7dbb9186aaee0c1a87de40dd8342845b7a8eef89', 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: '2097f095d331e3045e71c676e5e90d8b81c821b8' }), this.name && this.selectedValue && (h("input", { key: 'cd4c52ea8cf5061592adc828a2accd58ff24be53', type: "hidden", name: this.name, value: this.selectedValue }))));
+        return (h(Host, { key: 'ea72488fd339cf95014a2018bec249b2d11a7600', 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: 'd77156d046909313e49f86eea9a69535ff59e99e' }), this.name && this.selectedValue && (h("input", { key: 'f9efd4673c51723175aa496f3c87aa7dd8e7ccca', type: "hidden", name: this.name, value: this.selectedValue }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -150,13 +150,13 @@ const SekiResizableHandle = class {
     }
     render() {
         const isHorizontal = this._direction === 'horizontal';
-        return (h(Host, { key: '3fcc0ad27d5d75ee41d1c58680c0eabcb7e0579a' }, h("div", { key: '1810f0e6add4e9bdda8142d29f876bc8b64ff314', 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: 'ee280379632b29b59fcfba42631a04159c65e752' }, h("div", { key: '5754982c0f9daa3087ac74ad5b304748fb770687', 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: 'dc061c57c68d1a4da153135177f06682c015ffc1', part: "grip", class: "resizable-handle__grip" }, h("svg", { key: 'a60862ac3b7e8fabaf628fbf6f72966796f7aa81', class: "resizable-handle__grip-icon", viewBox: "0 0 6 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '3f8d6f64eb0eb46ced67c671a6c0446a454f056f', cx: "1.5", cy: "2", r: "1", fill: "currentColor" }), h("circle", { key: '799c8887208678672902b2957b1a27d28e93c682', cx: "4.5", cy: "2", r: "1", fill: "currentColor" }), h("circle", { key: 'aef9f2b0f91d9ccd9cd3ea584a4082b8e9a5d05d', cx: "1.5", cy: "6", r: "1", fill: "currentColor" }), h("circle", { key: 'b13f08886eae296fc66c731e973e76ba4499da75', cx: "4.5", cy: "6", r: "1", fill: "currentColor" }), h("circle", { key: '55baa36aadd9dabce7e1083d593ad1dcaaed3aa1', cx: "1.5", cy: "10", r: "1", fill: "currentColor" }), h("circle", { key: '33f82955724a27128ba176acddda238a14534ce3', cx: "4.5", cy: "10", r: "1", fill: "currentColor" }), h("circle", { key: '8f6cebfac4383576de2c9c68c8ac75f1c83f970b', cx: "1.5", cy: "14", r: "1", fill: "currentColor" }), h("circle", { key: '578cdea1bee646b7101524c3df84123814cd41bc', cx: "4.5", cy: "14", r: "1", fill: "currentColor" })))))));
+            }, onPointerDown: this.handlePointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp }, this.withHandle && (h("div", { key: '3e8a6b6fee18cca7dbff482462fab34105fcbe0f', part: "grip", class: "resizable-handle__grip" }, h("svg", { key: '76d11a28d3b072036f1caa1529b62a132ccd1316', class: "resizable-handle__grip-icon", viewBox: "0 0 6 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '95f5ef7b237e2ea29d107ec56f8289ae2b708a1a', cx: "1.5", cy: "2", r: "1", fill: "currentColor" }), h("circle", { key: '0ef88843f13970a6b91414d869c94a8f15eea330', cx: "4.5", cy: "2", r: "1", fill: "currentColor" }), h("circle", { key: '467a50fea9bf95fd9f47f7e0c0aa28766b85faff', cx: "1.5", cy: "6", r: "1", fill: "currentColor" }), h("circle", { key: 'fe9ed8ae8df3a04c971252b1d0a201303484a2f3', cx: "4.5", cy: "6", r: "1", fill: "currentColor" }), h("circle", { key: '431f5ffac1782a86435f22cd165b88e73c0054df', cx: "1.5", cy: "10", r: "1", fill: "currentColor" }), h("circle", { key: 'e8195ad9eea14674f669c063f61ff51d2a889041', cx: "4.5", cy: "10", r: "1", fill: "currentColor" }), h("circle", { key: '275a2439338a9db6b84e4dfb4431edbc9c394fcd', cx: "1.5", cy: "14", r: "1", fill: "currentColor" }), h("circle", { key: 'e63b6707f40ae1969d16c52a467ca1748e83c9dd', cx: "4.5", cy: "14", r: "1", fill: "currentColor" })))))));
     }
     get el() { return getElement(this); }
 };