@sekiui/elements 0.0.75 → 0.0.78

package/dist/components/seki-empty.js

@@ -0,0 +1,39 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-CRDvlLTq.js';
+
+const sekiEmptyCss = ":host{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96.1%);--seki-neutral-200:hsl(0, 0%, 89.8%);--seki-neutral-300:hsl(0, 0%, 83.1%);--seki-neutral-400:hsl(0, 0%, 63.9%);--seki-neutral-500:hsl(0, 0%, 45.1%);--seki-neutral-600:hsl(0, 0%, 32.2%);--seki-neutral-700:hsl(0, 0%, 25.1%);--seki-neutral-800:hsl(0, 0%, 14.9%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 3.9%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 84.2%, 60.2%);--seki-destructive-600:hsl(0, 72%, 41%);--seki-chart-1:hsl(12, 76%, 61%);--seki-chart-2:hsl(173, 58%, 39%);--seki-chart-3:hsl(197, 37%, 24%);--seki-chart-4:hsl(43, 74%, 66%);--seki-chart-5:hsl(27, 87%, 67%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.1%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}:host{--seki-button-primary-bg:var(--seki-primary);--seki-button-primary-text:var(--seki-primary-foreground);--seki-button-primary-border:transparent;--seki-button-primary-hover-bg:hsl(0, 0%, 9%, 0.9);--seki-button-primary-hover-text:var(--seki-primary-foreground);--seki-button-primary-hover-border:transparent;--seki-button-secondary-bg:var(--seki-secondary);--seki-button-secondary-text:var(--seki-secondary-foreground);--seki-button-secondary-border:transparent;--seki-button-secondary-hover-bg:hsl(0, 0%, 96.1%, 0.8);--seki-button-secondary-hover-text:var(--seki-secondary-foreground);--seki-button-secondary-hover-border:transparent;--seki-button-outline-bg:transparent;--seki-button-outline-text:var(--seki-foreground);--seki-button-outline-border:var(--seki-input);--seki-button-outline-hover-bg:var(--seki-accent);--seki-button-outline-hover-text:var(--seki-accent-foreground);--seki-button-outline-hover-border:var(--seki-input);--seki-button-ghost-bg:transparent;--seki-button-ghost-text:var(--seki-foreground);--seki-button-ghost-border:transparent;--seki-button-ghost-hover-bg:var(--seki-accent);--seki-button-ghost-hover-text:var(--seki-accent-foreground);--seki-button-ghost-hover-border:transparent;--seki-button-destructive-bg:var(--seki-destructive);--seki-button-destructive-text:var(--seki-destructive-foreground);--seki-button-destructive-border:transparent;--seki-button-destructive-hover-bg:hsl(0, 84.2%, 60.2%, 0.9);--seki-button-destructive-hover-border:transparent;--seki-button-sm-padding-x:var(--seki-spacing-3, 0.75rem);--seki-button-sm-padding-y:0.375rem;--seki-button-sm-font-size:var(--seki-text-sm, 0.875rem);--seki-button-sm-height:2.25rem;--seki-button-md-padding-x:var(--seki-spacing-4, 1rem);--seki-button-md-padding-y:var(--seki-spacing-2, 0.5rem);--seki-button-md-font-size:var(--seki-text-base, 1rem);--seki-button-md-height:2.5rem;--seki-button-lg-padding-x:2rem;--seki-button-lg-padding-y:0.5rem;--seki-button-lg-font-size:1rem;--seki-button-lg-height:2.75rem;--seki-button-icon-sm-size:2rem;--seki-button-icon-size:2.5rem;--seki-button-icon-lg-size:3rem;--seki-button-icon-gap:0.5rem;--seki-button-link-bg:transparent;--seki-button-link-text:var(--seki-primary);--seki-button-link-border:transparent;--seki-button-link-hover-bg:transparent;--seki-button-link-hover-text:var(--seki-primary);--seki-button-link-hover-border:transparent;--seki-button-radius:var(--seki-radius-md, 0.375rem);--seki-button-font-weight:var(--seki-font-medium, 500);--seki-button-transition-duration:150ms;--seki-button-transition-timing:ease-in-out;--seki-button-shadow:var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--seki-button-shadow-hover:var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));--seki-button-disabled-opacity:0.5;--seki-input-bg:var(--seki-background);--seki-input-border:var(--seki-border);--seki-input-text:var(--seki-foreground);--seki-input-placeholder:var(--seki-muted-foreground);--seki-input-ring:var(--seki-ring);--seki-input-invalid-border:var(--seki-destructive);--seki-input-invalid-ring:var(--seki-destructive);--seki-input-disabled-opacity:0.5;--seki-input-radius:var(--seki-radius-md);--seki-input-ring-offset:2px;--seki-select-trigger-bg:var(--seki-background);--seki-select-trigger-border:1px solid var(--seki-border);--seki-select-trigger-bg-hover:var(--seki-muted);--seki-select-trigger-radius:var(--seki-radius-md);--seki-select-trigger-min-height:2.5rem;--seki-select-trigger-padding:0.5rem 0.75rem;--seki-select-trigger-gap:0.5rem;--seki-select-content-bg:var(--seki-popover);--seki-select-content-border:1px solid var(--seki-border);--seki-select-content-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1);--seki-select-content-radius:var(--seki-radius-md);--seki-select-content-padding:0.5rem 0;--seki-select-option-padding:0.5rem 0.75rem;--seki-select-option-gap:0.5rem;--seki-select-option-radius:var(--seki-radius-sm);--seki-select-option-bg-hover:var(--seki-muted);--seki-select-option-bg-selected:var(--seki-muted);--seki-select-group-label-padding:0.5rem 0.75rem;--seki-select-group-label-font-size:var(--seki-font-size-xs);--seki-select-group-label-font-weight:var(--seki-font-semibold);--seki-select-group-label-color:var(--seki-muted-foreground);--seki-select-group-separator:1px solid var(--seki-border)}:host{--seki-spacing-0:0;--seki-spacing-0-5:0.125rem;--seki-spacing-1:0.25rem;--seki-spacing-1-5:0.375rem;--seki-spacing-2:0.5rem;--seki-spacing-2-5:0.625rem;--seki-spacing-3:0.75rem;--seki-spacing-3-5:0.875rem;--seki-spacing-4:1rem;--seki-spacing-5:1.25rem;--seki-spacing-6:1.5rem;--seki-spacing-8:2rem;--seki-spacing-10:2.5rem;--seki-spacing-12:3rem;--seki-spacing-16:4rem;--seki-spacing-20:5rem;--seki-spacing-24:6rem;--seki-input-height-sm:2rem;--seki-input-height-md:2.5rem;--seki-input-height-lg:3rem;--seki-input-padding-x:0.75rem;--seki-input-padding-y:0.5rem;--seki-input-font-size:0.875rem;--seki-input-ring-offset:2px}:host{--seki-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--seki-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--seki-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1)}:host{--seki-font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n    Arial, sans-serif;--seki-font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--seki-text-xs:0.75rem;--seki-text-sm:0.875rem;--seki-text-base:1rem;--seki-text-lg:1.125rem;--seki-text-xl:1.25rem;--seki-text-2xl:1.5rem;--seki-text-3xl:1.875rem;--seki-text-4xl:2.25rem;--seki-font-normal:400;--seki-font-medium:500;--seki-font-semibold:600;--seki-font-bold:700;--seki-leading-none:1;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:host{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;}:host{--seki-sidebar-width:16rem;--seki-sidebar-width-icon:3rem;--seki-sidebar-width-mobile:18rem;--seki-sidebar-background:hsl(0, 0%, 98%);--seki-sidebar-foreground:hsl(240, 5.3%, 26.1%);--seki-sidebar-primary:hsl(240, 5.9%, 10%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98%);--seki-sidebar-accent:hsl(240, 4.8%, 95.9%);--seki-sidebar-accent-foreground:hsl(240, 5.9%, 10%);--seki-sidebar-border:hsl(220, 13%, 91%);--seki-sidebar-ring:hsl(217.2, 91.2%, 59.8%);--seki-sidebar-muted-foreground:hsl(240, 3.8%, 46.1%);--seki-sidebar-menu-button-height:2rem;--seki-sidebar-menu-button-height-lg:3rem;--seki-sidebar-menu-button-padding:0.5rem;--seki-sidebar-menu-button-gap:0.5rem;--seki-sidebar-menu-button-radius:var(--seki-radius-md, 0.375rem);--seki-sidebar-menu-sub-padding-left:1.75rem;--seki-sidebar-menu-sub-border-width:1px;--seki-sidebar-group-padding:0.5rem;--seki-sidebar-group-label-height:2rem;--seki-sidebar-group-label-padding:0.5rem;--seki-sidebar-header-height:auto;--seki-sidebar-footer-height:auto;--seki-sidebar-header-padding:0.5rem;--seki-sidebar-footer-padding:0.5rem;--seki-sidebar-content-padding:0.5rem;--seki-sidebar-rail-width:1rem;--seki-sidebar-transition-duration:200ms;--seki-sidebar-transition-timing:ease-in-out;--seki-sidebar-mobile-breakpoint:768px;--seki-sidebar-overlay-bg:hsla(0, 0%, 0%, 0.8)}:host([data-theme='dark']){--seki-sidebar-background:hsl(240, 5.9%, 10%);--seki-sidebar-foreground:hsl(240, 4.8%, 95.9%);--seki-sidebar-primary:hsl(0, 0%, 98%);--seki-sidebar-primary-foreground:hsl(240, 5.9%, 10%);--seki-sidebar-accent:hsl(240, 3.7%, 15.9%);--seki-sidebar-accent-foreground:hsl(240, 4.8%, 95.9%);--seki-sidebar-border:hsl(240, 3.7%, 15.9%);--seki-sidebar-ring:hsl(217.2, 91.2%, 59.8%);--seki-sidebar-muted-foreground:hsl(240, 5%, 64.9%)}:host{--seki-animation-fast:150ms;--seki-animation-normal:200ms;--seki-animation-slow:300ms;--seki-ease-in:cubic-bezier(0.4, 0, 1, 1);--seki-ease-out:cubic-bezier(0, 0, 0.2, 1);--seki-ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--seki-accordion-content-height:auto}@keyframes seki-fade-in{from{opacity:0}to{opacity:1}}@keyframes seki-fade-out{from{opacity:1}to{opacity:0}}@keyframes seki-scale-in{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes seki-scale-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.95)}}@keyframes seki-slide-in-from-top{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes seki-slide-out-to-top{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes seki-slide-in-from-bottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes seki-slide-out-to-bottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes seki-slide-in-from-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes seki-slide-out-to-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes seki-slide-in-from-right{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes seki-slide-out-to-right{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes seki-accordion-down{from{height:0;opacity:0}to{height:var(--seki-accordion-content-height);opacity:1}}@keyframes seki-accordion-up{from{height:var(--seki-accordion-content-height);opacity:1}to{height:0;opacity:0}}@keyframes seki-zoom-in{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}@keyframes seki-zoom-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.96)}}@keyframes seki-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes seki-pulse{0%,100%{opacity:1}50%{opacity:0.5}}@keyframes seki-bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8, 0, 1, 1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}}@keyframes seki-collapsible-open{from{height:0;overflow:hidden}to{height:var(--seki-collapsible-content-height, auto)}}@keyframes seki-collapsible-close{from{height:var(--seki-collapsible-content-height, auto)}to{height:0;overflow:hidden}}@keyframes seki-toast-slide-in-right{from{transform:translateX(calc(100% + 1rem))}to{transform:translateX(0)}}@keyframes seki-toast-slide-out-right{from{transform:translateX(0)}to{transform:translateX(calc(100% + 1rem))}}@keyframes seki-toast-swipe-out{from{transform:translateX(var(--seki-toast-swipe-end-x, 0))}to{transform:translateX(calc(100% + 1rem))}}.seki-animate-fade-in{animation:seki-fade-in var(--seki-animation-normal) var(--seki-ease-out)}.seki-animate-fade-out{animation:seki-fade-out var(--seki-animation-normal) var(--seki-ease-in)}.seki-animate-scale-in{animation:seki-scale-in var(--seki-animation-normal) var(--seki-ease-out)}.seki-animate-scale-out{animation:seki-scale-out var(--seki-animation-normal) var(--seki-ease-in)}.seki-animate-spin{animation:seki-spin 1s linear infinite}.seki-animate-pulse{animation:seki-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.seki-animate-bounce{animation:seki-bounce 1s infinite}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}:host{display:flex;align-items:center;justify-content:center;--seki-empty-padding:var(--seki-spacing-10, 2.5rem);--seki-empty-gap:var(--seki-spacing-3, 0.75rem);--seki-empty-title-color:var(--seki-color-text, var(--seki-foreground, hsl(240 10% 3.9%)));--seki-empty-description-color:var(--seki-color-muted-foreground, var(--seki-muted-foreground, hsl(240 3.8% 46.1%)));--seki-empty-icon-color:var(--seki-color-muted-foreground, var(--seki-muted-foreground, hsl(240 3.8% 46.1%)));--seki-empty-icon-size:3rem}:host([data-theme='dark']){--seki-empty-title-color:var(--seki-foreground, hsl(0 0% 98%));--seki-empty-description-color:var(--seki-muted-foreground, hsl(240 5% 64.9%));--seki-empty-icon-color:var(--seki-muted-foreground, hsl(240 5% 64.9%))}.seki-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--seki-empty-padding);gap:var(--seki-empty-gap);width:100%}.seki-empty__icon{color:var(--seki-empty-icon-color);font-size:var(--seki-empty-icon-size);line-height:1}.seki-empty__icon:empty{display:none}.seki-empty__title{margin:0;font-family:var(--seki-font-sans, system-ui);font-size:var(--seki-font-size-lg, 1rem);font-weight:var(--seki-font-weight-semibold, 600);line-height:var(--seki-line-height-tight, 1.25);color:var(--seki-empty-title-color)}.seki-empty__description{margin:0;font-family:var(--seki-font-sans, system-ui);font-size:var(--seki-font-size-sm, 0.875rem);font-weight:var(--seki-font-weight-normal, 400);line-height:var(--seki-line-height-normal, 1.5);color:var(--seki-empty-description-color);max-width:24rem}.seki-empty__content:empty{display:none}.seki-empty__content{font-family:var(--seki-font-sans, system-ui);font-size:var(--seki-font-size-sm, 0.875rem);color:var(--seki-empty-description-color)}.seki-empty__action:empty{display:none}.seki-empty__action{margin-top:var(--seki-spacing-2, 0.5rem)}";
+
+const SekiEmpty$1 = /*@__PURE__*/ proxyCustomElement(class SekiEmpty extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    render() {
+        return (h(Host, { key: 'ac527c0af3cae92a9a033f4d4491438e28d7b22e' }, h("div", { key: '47cefa391634462168bde2fb3a309ca37f3e6d9f', class: "seki-empty", part: "empty", role: "status" }, h("div", { key: '74b0f3a896a75474f53df057eae1d70655a08dec', class: "seki-empty__icon", part: "icon" }, h("slot", { key: 'c8dd81e2e8b9270d1a6d6abcfface89c8be5fb4e', name: "icon" })), this.heading && (h("h3", { key: '9e13bd1ad787629f37774bd8268e1c61ee66778a', class: "seki-empty__title", part: "title" }, this.heading)), this.description && (h("p", { key: '17077a7d12141a945bb83e87f96b744f49ad815f', class: "seki-empty__description", part: "description" }, this.description)), h("div", { key: '9b60cea355987e41bb68be9d7054ebd02a75cedf', class: "seki-empty__content", part: "content" }, h("slot", { key: '068f96672c6ab0bdbd26c829ff4fca05711ef418' })), h("div", { key: '4c2c717593e1957a7f3613d49a5a8ff5dbb72efd', class: "seki-empty__action", part: "action" }, h("slot", { key: 'b3979f89cf8b7d47ee663946fd52efd85bc29f17', name: "action" })))));
+    }
+    static get style() { return sekiEmptyCss; }
+}, [257, "seki-empty", {
+        "heading": [1],
+        "description": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-empty"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-empty":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiEmpty$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiEmpty = SekiEmpty$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiEmpty, defineCustomElement };

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

@@ -37,7 +37,7 @@ const SekiFieldDescription$1 = /*@__PURE__*/ proxyCustomElement(class SekiFieldD
         return this.componentId;
     }
     render() {
-        return (h("div", { key: '93b6b20ec452ccc43f4cc5ae2db62a613f8fde30', id: this.componentId, class: "description" }, h("slot", { key: 'ac8b697eaaf61a81251050ce6ec71ca15a94cac9' })));
+        return (h("div", { key: 'f6cb4722b423b0f0199112e5e93ffe28c1e93b95', id: this.componentId, class: "description" }, h("slot", { key: '23230cbad9b062e0bc8c35ebffb3d47a42cf5777' })));
     }
     static get style() { return sekiFieldDescriptionCss; }
 }, [257, "seki-field-description", {

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

@@ -65,7 +65,7 @@ const SekiFieldError$1 = /*@__PURE__*/ proxyCustomElement(class SekiFieldError e
     }
     render() {
         const style = this._visible ? {} : { display: 'none' };
-        return (h("div", { key: '5682cd708f1e268ec859c75be829a2a1c0c417e0', id: this.componentId, class: "error", "aria-live": "polite", style: style }, h("slot", { key: '448efdf48a937c47ed73b4892fbb725685184d67' })));
+        return (h("div", { key: 'd9724bb69db22e086c5ca4044b2fd67935648c0d', id: this.componentId, class: "error", "aria-live": "polite", style: style }, h("slot", { key: 'b7639644780b51eadec75ccdd9dbb9f987b4c19f' })));
     }
     static get watchers() { return {
         "visible": ["handleVisibleChange"]

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

@@ -19,7 +19,7 @@ const SekiFieldGroup$1 = /*@__PURE__*/ proxyCustomElement(class SekiFieldGroup e
         const style = {
             '--seki-field-group-gap': this.gap,
         };
-        return (h("div", { key: '4790f77c090c3a3ecf09c7231bb29a6827bae2b4', class: "field-group", style: style }, h("slot", { key: '1dac5a2aeb7cacaf25592f53493500a25bc49008' })));
+        return (h("div", { key: 'cc93a82a2b5d4b1935a8cf5406b4dcac09c6991c', class: "field-group", style: style }, h("slot", { key: '95403fbbcb400b7672d3debcf3469ba1f50cca6f' })));
     }
     static get style() { return sekiFieldGroupCss; }
 }, [257, "seki-field-group", {

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

@@ -17,7 +17,7 @@ const SekiFieldLabel$1 = /*@__PURE__*/ proxyCustomElement(class SekiFieldLabel e
     }
     render() {
         const labelProps = this.htmlFor ? { for: this.htmlFor } : {};
-        return (h("label", Object.assign({ key: 'c0749f5d66f1cb8536e87aaae35fe42d4bd5a03d' }, labelProps), h("slot", { key: 'faf8f9d473c5083de897caf08714893a1a6bd545' }), this.required && h("span", { key: '9706a790d8689cf1afbee908c7e091664d5de07b', class: "required-indicator" }, " *")));
+        return (h("label", Object.assign({ key: '104706ce84b822023a696816b5ae82eb1685fe5a' }, labelProps), h("slot", { key: '175c31261d162ce9d746337a3e55358dd1840015' }), this.required && h("span", { key: 'a06996ec81a3da6284b9c268c52fdfba522f487a', class: "required-indicator" }, " *")));
     }
     static get style() { return sekiFieldLabelCss; }
 }, [257, "seki-field-label", {

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

@@ -11,7 +11,7 @@ const SekiFieldLegend$1 = /*@__PURE__*/ proxyCustomElement(class SekiFieldLegend
         this.__attachShadow();
     }
     render() {
-        return (h("legend", { key: '396dd9e536a40fbf35368131831120869cf341b7' }, h("slot", { key: '4faf3b993173031b14789d1d3e5b2d752726dfa5' })));
+        return (h("legend", { key: 'bb989475b9f113d302cd3cc5414909d1935c2642' }, h("slot", { key: 'dc7866320f0890d794d575f9eb8c632eede89196' })));
     }
     static get style() { return sekiFieldLegendCss; }
 }, [257, "seki-field-legend"]);

package/dist/components/seki-field.js

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

package/dist/components/seki-fieldset.js

@@ -16,7 +16,7 @@ const SekiFieldset$1 = /*@__PURE__*/ proxyCustomElement(class SekiFieldset exten
         this.disabled = false;
     }
     render() {
-        return (h("fieldset", { key: '3976b94936eebe92300108b8ffb98d059792bece', disabled: this.disabled, class: "fieldset" }, h("slot", { key: '6e8e25a89ca5f497c608fa70cea16209f4fed30b', name: "legend" }), h("div", { key: '29610fedff85674dbf3a94bc226ee80577ca9661', class: "fieldset-content" }, h("slot", { key: '2436d8ce8f17460756f3d68f94da13fb89110ec7' }))));
+        return (h("fieldset", { key: '368edb114008b09042a503e751f9423cfab00aa2', disabled: this.disabled, class: "fieldset" }, h("slot", { key: 'ec4fe172df1dff1357f25111888f65f7b05772c8', name: "legend" }), h("div", { key: 'db62b32767b97dcb929074911098327e1a8091e5', class: "fieldset-content" }, h("slot", { key: '0d5b5656b6c469484c2079bb6327b10143a4c0ea' }))));
     }
     static get style() { return sekiFieldsetCss; }
 }, [257, "seki-fieldset", {

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

@@ -103,7 +103,7 @@ const SekiHoverCardTrigger$1 = /*@__PURE__*/ proxyCustomElement(class SekiHoverC
         this.isOpen = event.detail.open;
     }
     render() {
-        return (h(Host, { key: 'e28f2b08392be8441dc85935db02ea586e947c41' }, 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 }, h("slot", { key: '389139801052402c58bc09e6c24e5366a3d120b4' }))));
+        return (h(Host, { key: 'd8542dcc45bc50faea9992bce7272530004f5fcc' }, 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 }, h("slot", { key: 'b338d54d27471d0adacf2a87b118e90054bf2dc0' }))));
     }
     get el() { return this; }
     static get style() { return sekiHoverCardTriggerCss; }

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

@@ -15,7 +15,7 @@ const SekiInputAddon$1 = /*@__PURE__*/ proxyCustomElement(class SekiInputAddon e
         this.size = 'md';
     }
     render() {
-        return (h(Host, { key: '4e687090261154281a62d2ab4c59a5cdd5f13964' }, h("div", { key: 'e67248f2cb32cba04383397c0d3b00f697f7f48c', class: `addon addon--${this.size}` }, h("slot", { key: 'a8092b4c68cdbd824f573c2e3a923f006179f3e7' }))));
+        return (h(Host, { key: 'e2b648590e19f30ffdc57ba90727f015dd122148' }, h("div", { key: 'ee48e44d23ecbd3ab80dce1300cc1d454de0cd51', class: `addon addon--${this.size}` }, h("slot", { key: 'e066e1c7eb4a8f0a23022eddce0c55a1c2373e97' }))));
     }
     static get style() { return sekiInputAddonCss; }
 }, [257, "seki-input-addon", {

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

@@ -61,7 +61,7 @@ const SekiInputGroup$1 = /*@__PURE__*/ proxyCustomElement(class SekiInputGroup e
         });
     }
     render() {
-        return (h(Host, { key: '1ce1f5b51a0f18450db8993990bfda0040f34854' }, h("div", { key: '0a1b206a85a2ac8826bc251e08aa8060aff74b8a', class: "input-group", role: "group", "aria-label": this.ariaLabel }, h("slot", { key: '36f9e8ea6db435aa9ddfc92f6c996080fa4e81e8', onSlotchange: () => this.updateChildren() }))));
+        return (h(Host, { key: '1835d43ac9bc2aa3b6a48648d5c0fdddf3fa03f0' }, h("div", { key: '3c9d5dbe44c957084ab91c3d11bda5e53d6d49f3', class: "input-group", role: "group", "aria-label": this.ariaLabel }, h("slot", { key: '3262526b777875a3b932bec0ee7acd8d2f56b32b', onSlotchange: () => this.updateChildren() }))));
     }
     get el() { return this; }
     static get style() { return sekiInputGroupCss; }

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

@@ -11,7 +11,7 @@ const SekiInputOtpGroup$1 = /*@__PURE__*/ proxyCustomElement(class SekiInputOtpG
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: 'ea05f89e0e527d285149b8f903f83c9ed35dd9fb', class: "group", role: "group" }, h("slot", { key: '575ed924e8e2b099f89a82b4d7496fb13e7e9428' })));
+        return (h("div", { key: '3291a3ff1a7694236c5036d4b1aaa06752a2b1b3', class: "group", role: "group" }, h("slot", { key: '8237ed893dba844676cb2ae47978e6740ca37bc2' })));
     }
     static get style() { return sekiInputOtpGroupCss; }
 }, [257, "seki-input-otp-group"]);

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

@@ -11,7 +11,7 @@ const SekiInputOtpSeparator$1 = /*@__PURE__*/ proxyCustomElement(class SekiInput
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: 'b912b705b23e967321ebf027c21a00b08fdc11b6', role: "separator", "aria-orientation": "vertical", class: "separator" }, h("slot", { key: 'b7f92dab56e561b2936db467bb78945955aa9dc8' }, h("span", { key: '890937dbd45369d261a00e71f45b9b39fc286bf9', "aria-hidden": "true" }, "-"))));
+        return (h("div", { key: 'fae3e0e1252aae420c462c399b7fa902d4bd3558', role: "separator", "aria-orientation": "vertical", class: "separator" }, h("slot", { key: '517453b7a9d48147ed649de03301b5aff3b0fb44' }, h("span", { key: '8bfc6bec1c34b1a45b64845b9fc4c0b4a978f01a', "aria-hidden": "true" }, "-"))));
     }
     static get style() { return sekiInputOtpSeparatorCss; }
 }, [257, "seki-input-otp-separator"]);

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

@@ -72,7 +72,7 @@ const SekiInputOtpSlot$1 = /*@__PURE__*/ proxyCustomElement(class SekiInputOtpSl
             'slot--invalid': this.isInvalid,
             'slot--focused': this.hasFocus,
         };
-        return (h("div", { key: 'd3974dd9d02b3980eabf494c4846b7596af7f824', class: classes, "aria-hidden": "true", onClick: this.handleClick }, h("span", { key: 'f728a1c36b826552dcd61ae4f90a37b4d4d166a0', class: "char" }, this.getDisplayChar()), this.isActive && h("span", { key: '12cc8b14fa275dbffb204e0a8f243a7a57d30876', class: "caret" })));
+        return (h("div", { key: 'e19bc7a5f9dca5eeaca428f6973508e34c82fa81', class: classes, "aria-hidden": "true", onClick: this.handleClick }, h("span", { key: '9a2422985127c5dc876d085817ec619baa2000a8', class: "char" }, this.getDisplayChar()), this.isActive && h("span", { key: '14195dd6d0614d84ed4b3e03defd8ece52736acf', class: "caret" })));
     }
     get el() { return this; }
     static get style() { return sekiInputOtpSlotCss; }

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

@@ -222,11 +222,11 @@ const SekiInputOtp$1 = /*@__PURE__*/ proxyCustomElement(class SekiInputOtp exten
         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 this; }

package/dist/components/seki-input.js

@@ -88,7 +88,7 @@ const SekiInput$1 = /*@__PURE__*/ proxyCustomElement(class SekiInput extends H {
         }
     }
     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; }
     static get style() { return sekiInputCss; }

package/dist/components/seki-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SekiItem extends Components.SekiItem, HTMLElement {}
+export const SekiItem: {
+    prototype: SekiItem;
+    new (): SekiItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/seki-item.js

@@ -0,0 +1,77 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-CRDvlLTq.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$1 = /*@__PURE__*/ proxyCustomElement(class SekiItem extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        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" })))));
+    }
+    static get style() { return sekiItemCss; }
+}, [257, "seki-item", {
+        "variant": [1],
+        "active": [4],
+        "disabled": [4],
+        "interactive": [4]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-item"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiItem$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiItem = SekiItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiItem, defineCustomElement };

package/dist/components/seki-kbd.js

@@ -15,7 +15,7 @@ const SekiKbd$1 = /*@__PURE__*/ proxyCustomElement(class SekiKbd extends H {
         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' })));
     }
     static get style() { return sekiKbdCss; }
 }, [257, "seki-kbd", {

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

@@ -42,10 +42,10 @@ const SekiMenubarCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class SekiMenubar
         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/components/seki-menubar-group.js

@@ -11,7 +11,7 @@ const SekiMenubarGroup$1 = /*@__PURE__*/ proxyCustomElement(class SekiMenubarGro
         this.__attachShadow();
     }
     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' }))));
     }
     static get style() { return sekiMenubarGroupCss; }
 }, [257, "seki-menubar-group", {

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

@@ -40,11 +40,11 @@ const SekiMenubarItem$1 = /*@__PURE__*/ proxyCustomElement(class SekiMenubarItem
         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 this; }
     static get style() { return sekiMenubarItemCss; }

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

@@ -28,7 +28,7 @@ const SekiMenubarMenu$1 = /*@__PURE__*/ proxyCustomElement(class SekiMenubarMenu
         }
     }
     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 this; }
     static get style() { return sekiMenubarMenuCss; }

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

@@ -33,7 +33,7 @@ const SekiMenubarRadioGroup$1 = /*@__PURE__*/ proxyCustomElement(class SekiMenub
         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/components/seki-menubar-radio.js

@@ -48,10 +48,10 @@ const SekiMenubarRadio$1 = /*@__PURE__*/ proxyCustomElement(class SekiMenubarRad
         }
     }
     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 this; }
     static get style() { return sekiMenubarRadioCss; }

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

@@ -11,7 +11,7 @@ const SekiMenubarSeparator$1 = /*@__PURE__*/ proxyCustomElement(class SekiMenuba
         this.__attachShadow();
     }
     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" })));
     }
     static get style() { return sekiMenubarSeparatorCss; }
 }, [257, "seki-menubar-separator"]);

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

@@ -11,7 +11,7 @@ const SekiMenubarShortcut$1 = /*@__PURE__*/ proxyCustomElement(class SekiMenubar
         this.__attachShadow();
     }
     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' }))));
     }
     static get style() { return sekiMenubarShortcutCss; }
 }, [257, "seki-menubar-shortcut"]);

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

@@ -30,11 +30,11 @@ const SekiMenubarSubTrigger$1 = /*@__PURE__*/ proxyCustomElement(class SekiMenub
         }
     }
     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 this; }
     static get style() { return sekiMenubarSubTriggerCss; }

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

@@ -103,7 +103,7 @@ const SekiMenubarSub$1 = /*@__PURE__*/ proxyCustomElement(class SekiMenubarSub e
         }
     }
     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 this; }
     static get style() { return sekiMenubarSubCss; }

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

@@ -98,10 +98,10 @@ const SekiMenubarTrigger$1 = /*@__PURE__*/ proxyCustomElement(class SekiMenubarT
         }
     }
     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 this; }
     static get style() { return sekiMenubarTriggerCss; }

package/dist/components/seki-menubar.js

@@ -142,7 +142,7 @@ const SekiMenubar$1 = /*@__PURE__*/ proxyCustomElement(class SekiMenubar extends
         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 this; }
     static get style() { return sekiMenubarCss; }

package/dist/components/seki-native-select.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SekiNativeSelect extends Components.SekiNativeSelect, HTMLElement {}
+export const SekiNativeSelect: {
+    prototype: SekiNativeSelect;
+    new (): SekiNativeSelect;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,54 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-CRDvlLTq.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$1 = /*@__PURE__*/ proxyCustomElement(class SekiNativeSelect extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        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 this; }
+    static get style() { return sekiNativeSelectCss; }
+}, [262, "seki-native-select", {
+        "value": [1025],
+        "defaultValue": [1, "default-value"],
+        "placeholder": [1],
+        "disabled": [4],
+        "required": [4],
+        "name": [1],
+        "ariaLabel": [1, "aria-label"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-native-select"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-native-select":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiNativeSelect$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiNativeSelect = SekiNativeSelect$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiNativeSelect, defineCustomElement };