@sekiui/elements 0.0.75 → 0.0.78

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

@@ -38,7 +38,7 @@ const SekiField = class {
     }
     render() {
         const hasMultiple = this.hasMultipleControls();
-        return (index.h(index.Host, { key: '7f154da2e04e9c38a46aab0f45984099d6e1e2d3', "data-orientation": this.orientation, "data-invalid": this.invalid ? '' : undefined, role: hasMultiple ? 'group' : undefined }, index.h("div", { key: '26d2b2bf8afb830b82902be28722f287bfe00fad', class: "field" }, index.h("div", { key: 'c1bbf9ce44ebe12cbf73af1dac4b2c43d7f01e8a', class: "field-label" }, index.h("slot", { key: '6e8d39e0b122f4304d6929540dcff7476b7595d8', name: "label" })), index.h("div", { key: '469a25133b82067ac0d89ccfd216b4984a70152a', class: "field-control" }, index.h("slot", { key: 'a7aaab46048dca4163811e7a9404816944183f9a' })), index.h("div", { key: '85ce2c774c392b6ed32a47951dcc516cb198086a', class: "field-description" }, index.h("slot", { key: '7d8226292e7570bd58bfaa90135e977d71337e74', name: "description" })), index.h("div", { key: 'a279b81333e3aa8061f72da7fc115925ca96b15c', class: "field-error" }, index.h("slot", { key: '34c88dddf01676d9465ea43edea7d5624b333429', name: "error" })))));
+        return (index.h(index.Host, { key: '70eb9cf6169f122ab19b1fc610ccf5a1a157eec0', "data-orientation": this.orientation, "data-invalid": this.invalid ? '' : undefined, role: hasMultiple ? 'group' : undefined }, index.h("div", { key: '13e4c8fbe8a85a456b78fa60a00093d12e9098b8', class: "field" }, index.h("div", { key: 'd730efeab073b64df6e56e38a8c9a0c0a15acebe', class: "field-label" }, index.h("slot", { key: '308bd1b765bc4cd1cdcec449ed96332b439601ca', name: "label" })), index.h("div", { key: 'a3aaa062b3073fc06d34bae6a59dd5e49dbbbcef', class: "field-control" }, index.h("slot", { key: '817e0b1fd2e87f78cf4d24f7addc421e83e7d491' })), index.h("div", { key: '78e2f35468cba1527e65b2dfd0fa7914d25d72db', class: "field-description" }, index.h("slot", { key: '5a349650821988399b795254643a655cd278a02b', name: "description" })), index.h("div", { key: '970ee1805527fc52ecf5008f9871f66f209b6116', class: "field-error" }, index.h("slot", { key: 'e280be42810c0830cbebc85472744c7615d342fd', name: "error" })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -14,7 +14,7 @@ const SekiFieldset = class {
         this.disabled = false;
     }
     render() {
-        return (index.h("fieldset", { key: '3976b94936eebe92300108b8ffb98d059792bece', disabled: this.disabled, class: "fieldset" }, index.h("slot", { key: '6e8e25a89ca5f497c608fa70cea16209f4fed30b', name: "legend" }), index.h("div", { key: '29610fedff85674dbf3a94bc226ee80577ca9661', class: "fieldset-content" }, index.h("slot", { key: '2436d8ce8f17460756f3d68f94da13fb89110ec7' }))));
+        return (index.h("fieldset", { key: '368edb114008b09042a503e751f9423cfab00aa2', disabled: this.disabled, class: "fieldset" }, index.h("slot", { key: 'ec4fe172df1dff1357f25111888f65f7b05772c8', name: "legend" }), index.h("div", { key: 'db62b32767b97dcb929074911098327e1a8091e5', class: "fieldset-content" }, index.h("slot", { key: '0d5b5656b6c469484c2079bb6327b10143a4c0ea' }))));
     }
 };
 SekiFieldset.style = sekiFieldsetCss;

package/dist/cjs/seki-hover-card-trigger.cjs.entry.js

@@ -101,7 +101,7 @@ const SekiHoverCardTrigger = class {
         this.isOpen = event.detail.open;
     }
     render() {
-        return (index.h(index.Host, { key: 'e28f2b08392be8441dc85935db02ea586e947c41' }, index.h("span", { key: 'c8a3c5fe7b627aa5776210d207444782769a7129', 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 }, index.h("slot", { key: '389139801052402c58bc09e6c24e5366a3d120b4' }))));
+        return (index.h(index.Host, { key: 'd8542dcc45bc50faea9992bce7272530004f5fcc' }, index.h("span", { key: 'ae6798fd2b908c3b19cd2c9193b9769ad6ccf25a', 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 }, index.h("slot", { key: 'b338d54d27471d0adacf2a87b118e90054bf2dc0' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-input-addon.cjs.entry.js

@@ -13,7 +13,7 @@ const SekiInputAddon = class {
         this.size = 'md';
     }
     render() {
-        return (index.h(index.Host, { key: '4e687090261154281a62d2ab4c59a5cdd5f13964' }, index.h("div", { key: 'e67248f2cb32cba04383397c0d3b00f697f7f48c', class: `addon addon--${this.size}` }, index.h("slot", { key: 'a8092b4c68cdbd824f573c2e3a923f006179f3e7' }))));
+        return (index.h(index.Host, { key: 'e2b648590e19f30ffdc57ba90727f015dd122148' }, index.h("div", { key: 'ee48e44d23ecbd3ab80dce1300cc1d454de0cd51', class: `addon addon--${this.size}` }, index.h("slot", { key: 'e066e1c7eb4a8f0a23022eddce0c55a1c2373e97' }))));
     }
 };
 SekiInputAddon.style = sekiInputAddonCss;

package/dist/cjs/seki-input-group.cjs.entry.js

@@ -59,7 +59,7 @@ const SekiInputGroup = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '1ce1f5b51a0f18450db8993990bfda0040f34854' }, index.h("div", { key: '0a1b206a85a2ac8826bc251e08aa8060aff74b8a', class: "input-group", role: "group", "aria-label": this.ariaLabel }, index.h("slot", { key: '36f9e8ea6db435aa9ddfc92f6c996080fa4e81e8', onSlotchange: () => this.updateChildren() }))));
+        return (index.h(index.Host, { key: '1835d43ac9bc2aa3b6a48648d5c0fdddf3fa03f0' }, index.h("div", { key: '3c9d5dbe44c957084ab91c3d11bda5e53d6d49f3', class: "input-group", role: "group", "aria-label": this.ariaLabel }, index.h("slot", { key: '3262526b777875a3b932bec0ee7acd8d2f56b32b', onSlotchange: () => this.updateChildren() }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-input-otp-group.cjs.entry.js

@@ -9,7 +9,7 @@ const SekiInputOtpGroup = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'ea05f89e0e527d285149b8f903f83c9ed35dd9fb', class: "group", role: "group" }, index.h("slot", { key: '575ed924e8e2b099f89a82b4d7496fb13e7e9428' })));
+        return (index.h("div", { key: '3291a3ff1a7694236c5036d4b1aaa06752a2b1b3', class: "group", role: "group" }, index.h("slot", { key: '8237ed893dba844676cb2ae47978e6740ca37bc2' })));
     }
 };
 SekiInputOtpGroup.style = sekiInputOtpGroupCss;

package/dist/cjs/seki-input-otp-separator.cjs.entry.js

@@ -9,7 +9,7 @@ const SekiInputOtpSeparator = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'b912b705b23e967321ebf027c21a00b08fdc11b6', role: "separator", "aria-orientation": "vertical", class: "separator" }, index.h("slot", { key: 'b7f92dab56e561b2936db467bb78945955aa9dc8' }, index.h("span", { key: '890937dbd45369d261a00e71f45b9b39fc286bf9', "aria-hidden": "true" }, "-"))));
+        return (index.h("div", { key: 'fae3e0e1252aae420c462c399b7fa902d4bd3558', role: "separator", "aria-orientation": "vertical", class: "separator" }, index.h("slot", { key: '517453b7a9d48147ed649de03301b5aff3b0fb44' }, index.h("span", { key: '8bfc6bec1c34b1a45b64845b9fc4c0b4a978f01a', "aria-hidden": "true" }, "-"))));
     }
 };
 SekiInputOtpSeparator.style = sekiInputOtpSeparatorCss;

package/dist/cjs/seki-input-otp-slot.cjs.entry.js

@@ -70,7 +70,7 @@ const SekiInputOtpSlot = class {
             'slot--invalid': this.isInvalid,
             'slot--focused': this.hasFocus,
         };
-        return (index.h("div", { key: 'd3974dd9d02b3980eabf494c4846b7596af7f824', class: classes, "aria-hidden": "true", onClick: this.handleClick }, index.h("span", { key: 'f728a1c36b826552dcd61ae4f90a37b4d4d166a0', class: "char" }, this.getDisplayChar()), this.isActive && index.h("span", { key: '12cc8b14fa275dbffb204e0a8f243a7a57d30876', class: "caret" })));
+        return (index.h("div", { key: 'e19bc7a5f9dca5eeaca428f6973508e34c82fa81', class: classes, "aria-hidden": "true", onClick: this.handleClick }, index.h("span", { key: '9a2422985127c5dc876d085817ec619baa2000a8', class: "char" }, this.getDisplayChar()), this.isActive && index.h("span", { key: '14195dd6d0614d84ed4b3e03defd8ece52736acf', class: "caret" })));
     }
     get el() { return index.getElement(this); }
 };

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

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

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

@@ -92,7 +92,7 @@ const SekiInput = class {
         }
     }
     render() {
-        return (index.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 (index.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/cjs/seki-item.cjs.entry.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var index = require('./index-BVTkMb4K.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) {
+        index.registerInstance(this, hostRef);
+        this.sekiSelect = index.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 (index.h(index.Host, { key: '4d6535794744c36086f3c9242757c61c3c4b758d', class: {
+                'seki-item--active': this.active,
+                'seki-item--disabled': this.disabled,
+                'seki-item--inset': this.variant === 'inset',
+                'seki-item--interactive': isInteractive,
+            } }, index.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 }, index.h("span", { key: 'b38c41f70c7e5d8e6b86b85408e9b9f2e5ce7ec2', class: "seki-item__leading", part: "leading" }, index.h("slot", { key: 'b4330ae0ac48b16c326204116f8f22f8c1763047', name: "leading" })), index.h("span", { key: 'e7329059ce8a88058b1a26c4b9c65a6ea633cb12', class: "seki-item__content", part: "content" }, index.h("slot", { key: 'bcc3e6a047247585e40f1aba51429b0eeb4f9b52' })), index.h("span", { key: '11f2c98572ba112489d5ac7e4955b255e8d5c5ac', class: "seki-item__trailing", part: "trailing" }, index.h("slot", { key: '3ab27f7f5719e9e87fbcd20095f0ab005c4bf77d', name: "trailing" })))));
+    }
+};
+SekiItem.style = sekiItemCss;
+
+exports.seki_item = SekiItem;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -28,11 +28,11 @@ const SekiMenubarSubTrigger = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'dcf28f8344c55fd3563226cd0254487f3b64443f' }, index.h("div", { key: '437d7dbce7ab6b3d40db030117e0bf2b5871bc75', part: "trigger", role: "menuitem", class: {
+        return (index.h(index.Host, { key: '9c864ddad897a720027c6652f839db3cc10a56f1' }, index.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' }, index.h("slot", { key: 'e45d5c4f0060bb87427cf567df15b020ad3b1737' }), index.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" }, index.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' }, index.h("slot", { key: 'd1edc4057fa09e80c4a5b885c1f64e68449da26e' }), index.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" }, index.h("polyline", { key: 'ecce7cef2d55a2fc91e326b276358d6266df45bc', points: "9 18 15 12 9 6" })))));
     }
     get el() { return index.getElement(this); }
 };

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

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

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

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

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

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

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

@@ -0,0 +1,28 @@
+'use strict';
+
+var index = require('./index-BVTkMb4K.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) {
+        index.registerInstance(this, hostRef);
+        this.sekiChange = index.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 (index.h(index.Host, { key: '8f1bad88434857a6a0d9e11789a59dc9dc5bd65b', class: { 'seki-native-select--disabled': this.disabled } }, index.h("div", { key: 'b78c09b9536e42d64ce478276e973e043123fe89', class: "seki-native-select" }, index.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 && (index.h("option", { key: '0785b1ae6dc07faf190644a80b00a55f01921d1b', value: "", disabled: true, selected: !this.value && !this.defaultValue }, this.placeholder)), index.h("slot", { key: 'bf81ecba782783c4839ab7d3fbceb15b8fa74e1c' })), index.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" }, index.h("path", { key: 'e71d6349f6603e7d7ecdbabe06d507ce00cc9d50', d: "m6 9 6 6 6-6" })))));
+    }
+    get el() { return index.getElement(this); }
+};
+SekiNativeSelect.style = sekiNativeSelectCss;
+
+exports.seki_native_select = SekiNativeSelect;

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

@@ -199,13 +199,13 @@ const SekiNavigationMenuContent = class {
         if (this.layout === 'grid') {
             customStyles['--content-columns'] = String(this.columns);
         }
-        return (index.h(index.Host, { key: '498dd8fe8a1ba27188f3a07ee808a0cf2d28fbcc', class: {
+        return (index.h(index.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 }, index.h("div", { key: 'ffba9a1ba4f5bf5c6afe19d9431a7f1363571b9c', id: `content-${itemId}`, class: "navigation-menu-content__inner", role: "menu", "aria-labelledby": `trigger-${itemId}` }, index.h("slot", { key: '384893648470caf617f00544e04bb8530c7cf50e' }))));
+            }, style: customStyles }, index.h("div", { key: '7cecc1f1d9bf627ae982991722dc977483c39892', id: `content-${itemId}`, class: "navigation-menu-content__inner", role: "menu", "aria-labelledby": `trigger-${itemId}` }, index.h("slot", { key: 'db6b30eb556ebed0907ead2a3182a9691e8e784f' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

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

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

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

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

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

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

@@ -181,12 +181,12 @@ const SekiNavigationMenuTrigger = class {
     }
     render() {
         const itemId = this.getItemId();
-        return (index.h(index.Host, { key: '6bf4dceea21f9f07f5b9f98eca9562be098edd9e', class: {
+        return (index.h(index.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,
-            } }, index.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 }, index.h("span", { key: 'a61468ea08940a8c5eec5dabdfbd547af38a71a2', class: "navigation-menu-trigger__label" }, index.h("slot", { key: '252423c24af2d2cd0bfe71d0a7ccd752abcd7cdd' })), index.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" }, index.h("polyline", { key: '50658c7c7aabaa07fe87e0ca4cb14c75a0b33327', points: "2 4 6 8 10 4" })))));
+            } }, index.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 }, index.h("span", { key: '52e0775682e3b12a18b2985dadc86fffaca6a7f8', class: "navigation-menu-trigger__label" }, index.h("slot", { key: '34f7ffb02b73dfc72e794a4e7f53001db584b8e6' })), index.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" }, index.h("polyline", { key: 'c8fbe13815ccce7debfc79f111bedfa3dc0fa3b8', points: "2 4 6 8 10 4" })))));
     }
     get el() { return index.getElement(this); }
 };

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

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

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

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

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

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

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

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

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

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

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

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

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

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