@sekiui/elements 0.0.55 → 0.0.57

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

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './p-QhPshhKB.js';
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BzYKy7d3.js';
 
 const sekiSelectOptionCss = ":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%)}: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-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{display:block}.option{display:flex;align-items:center;justify-content:space-between;gap:var(--seki-select-option-gap);padding:var(--seki-select-option-padding);border-radius:var(--seki-select-option-radius);cursor:pointer;transition:background-color 0.15s ease;user-select:none}.option:hover:not([data-disabled=\"true\"]){background:var(--seki-select-option-bg-hover)}.option[data-focused=\"true\"]:not([data-disabled=\"true\"]){background:var(--seki-select-option-bg-hover);outline:2px solid var(--seki-color-ring);outline-offset:-2px}.option[data-selected=\"true\"]{background:var(--seki-select-option-bg-selected)}.option[data-disabled=\"true\"]{cursor:not-allowed;opacity:0.5}.option-label{flex:1;color:var(--seki-color-foreground);font-family:var(--seki-font-sans);font-size:var(--seki-font-size-base);font-weight:var(--seki-font-normal);line-height:var(--seki-leading-normal)}.option-indicator{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--seki-color-foreground)}[data-theme=\"dark\"] .option{color:var(--seki-color-foreground)}[data-theme=\"dark\"] .option:hover:not([data-disabled=\"true\"]){background:var(--seki-select-option-bg-hover)}[data-theme=\"dark\"] .option[data-selected=\"true\"]{background:var(--seki-select-option-bg-selected)}@media (prefers-reduced-motion: reduce){.option{transition:none}}";
 
@@ -81,7 +81,7 @@ const SekiSelectOption$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelectOpti
         const selectContext = this.getSelectContext();
         const isSelected = (selectContext === null || selectContext === void 0 ? void 0 : selectContext.isValueSelected(this.value)) || false;
         const isFocused = (selectContext === null || selectContext === void 0 ? void 0 : selectContext.focusedOptionValue) === this.value;
-        return (h(Host, { key: '368d46b8ceba8e1591986e2c5badadeba25d6d63' }, h("div", { key: 'a222d31554354b845f976c7fda2baae8b1262afb', class: "option", role: "option", id: this.optionId, onClick: this.handleOptionClick, onFocus: this.handleOptionFocus, onKeyDown: this.handleOptionKeyDown, "aria-selected": isSelected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "data-selected": isSelected ? 'true' : undefined, "data-focused": isFocused ? 'true' : undefined, "data-disabled": this.disabled ? 'true' : undefined, tabindex: -1 }, h("span", { key: '6c2b16e8a4de74912a55762fd71d11b960e070c0', class: "option-label" }, h("slot", { key: '99a147943a0e965170c7dde7b9fbf4745262c302' })), isSelected && (h("span", { key: 'b436d100e94537723b8daa78869b1ff199c0c121', class: "option-indicator", "aria-hidden": "true" }, h("slot", { key: '037f26b6213220ef26f88e70895b358cb615cc46', name: "selected-indicator" }, h("svg", { key: '54a7fbc3119e83bfd1173cc60b349cb9eb0d745a', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '22c392c22a9334bf302c85bf2745deb701dfdf59', d: "M10 3L4.5 8.5L2 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
+        return (h(Host, { key: 'a094d52197f71ea608c5d6864a9e1144c5cbb214' }, h("div", { key: '664ef7d213d976c25575dacec8fedf4270127894', class: "option", role: "option", id: this.optionId, onClick: this.handleOptionClick, onFocus: this.handleOptionFocus, onKeyDown: this.handleOptionKeyDown, "aria-selected": isSelected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "data-selected": isSelected ? 'true' : undefined, "data-focused": isFocused ? 'true' : undefined, "data-disabled": this.disabled ? 'true' : undefined, tabindex: -1 }, h("span", { key: 'bf8997e6251d4bb205631c316e0bb61cc7dacafc', class: "option-label" }, h("slot", { key: 'cac04b726bb0a021e019ec305dbf133f9ec6eafc' })), isSelected && (h("span", { key: '07e161e78770a780978e82e372d982a5ed8ee183', class: "option-indicator", "aria-hidden": "true" }, h("slot", { key: '3ff2360575e24d76753d9c73690fc08851f7d2ce', name: "selected-indicator" }, h("svg", { key: '2379ac109dd1a3acb2645d3ea9040329670b5ce4', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '99acd47c4077be2b703022441a283b74508271c7', d: "M10 3L4.5 8.5L2 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
     }
     get el() { return this; }
     static get style() { return sekiSelectOptionCss; }

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

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, a as Host } from './p-QhPshhKB.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-BzYKy7d3.js';
 
 const sekiSelectTriggerCss = ":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%)}: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-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{display:block}.trigger-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--seki-select-trigger-min-height);padding:var(--seki-select-trigger-padding);gap:var(--seki-select-trigger-gap);font-family:var(--seki-font-sans);font-size:var(--seki-font-size-base);font-weight:var(--seki-font-normal);line-height:var(--seki-leading-normal);background:var(--seki-select-trigger-bg);border:var(--seki-select-trigger-border);border-radius:var(--seki-select-trigger-radius);cursor:pointer;transition:background-color 0.2s ease, border-color 0.2s ease}.trigger-button:hover:not(:disabled){background:var(--seki-select-trigger-bg-hover)}.trigger-button:focus-visible{outline:2px solid var(--seki-color-ring);outline-offset:2px;border-color:var(--seki-color-ring)}.trigger-button:disabled{cursor:not-allowed;opacity:0.5}.trigger-button[data-disabled=\"true\"]{cursor:not-allowed;opacity:0.5}.trigger-placeholder{color:var(--seki-color-muted-foreground)}.trigger-value{flex:1;text-align:left;color:var(--seki-color-foreground)}.trigger-pills{display:flex;flex-wrap:wrap;gap:0.375rem;flex:1}.trigger-pill{display:inline-flex;align-items:center;gap:0.25rem;padding:0.125rem 0.5rem;background:var(--seki-color-muted);border-radius:var(--seki-radius-sm);font-size:var(--seki-font-size-sm);font-weight:var(--seki-font-normal);line-height:var(--seki-leading-normal);color:var(--seki-color-foreground)}.pill-remove{all:unset;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;border-radius:50%;cursor:pointer;color:var(--seki-color-muted-foreground);transition:background-color 0.15s ease, color 0.15s ease}.pill-remove:hover{background:var(--seki-color-muted-foreground);color:var(--seki-color-background)}.trigger-overflow{color:var(--seki-color-muted-foreground);font-size:var(--seki-font-size-sm);font-weight:var(--seki-font-normal);line-height:var(--seki-leading-normal)}.trigger-chevron{flex-shrink:0;color:var(--seki-color-muted-foreground);transition:transform 0.2s ease}.trigger-button[data-state=\"open\"] .trigger-chevron{transform:rotate(180deg)}[data-theme=\"dark\"] .trigger-button{background:var(--seki-select-trigger-bg);border-color:var(--seki-color-border)}@media (prefers-reduced-motion: reduce){.trigger-button,.trigger-chevron,.pill-remove{transition:none}}";
 

package/dist/components/seki-select.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './p-QhPshhKB.js';
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BzYKy7d3.js';
 
 const sekiSelectCss = ":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%)}: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-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-select-trigger-padding:var(--seki-spacing-2) var(--seki-spacing-3);--seki-select-trigger-gap:var(--seki-spacing-2);--seki-select-trigger-border:1px solid var(--seki-color-border);--seki-select-trigger-radius:var(--seki-radius-md);--seki-select-trigger-bg:var(--seki-color-background);--seki-select-trigger-bg-hover:var(--seki-color-muted);--seki-select-trigger-min-height:var(--seki-size-10);--seki-select-content-bg:var(--seki-color-background);--seki-select-content-border:1px solid var(--seki-color-border);--seki-select-content-radius:var(--seki-radius-md);--seki-select-content-shadow:var(--seki-shadow-lg);--seki-select-content-max-height:12.5rem;--seki-select-content-padding:var(--seki-spacing-1);--seki-select-option-padding:var(--seki-spacing-2) var(--seki-spacing-3);--seki-select-option-bg-hover:var(--seki-color-muted);--seki-select-option-bg-selected:var(--seki-color-accent);--seki-select-option-radius:var(--seki-radius-sm);--seki-select-option-gap:var(--seki-spacing-2);--seki-select-group-label-padding:var(--seki-spacing-2) var(--seki-spacing-3);--seki-select-group-label-font-size:var(--seki-font-size-sm);--seki-select-group-label-font-weight:var(--seki-font-weight-semibold);--seki-select-group-label-color:var(--seki-color-muted-foreground);--seki-select-group-separator:1px solid var(--seki-color-border);display:inline-block;position:relative;width:100%}.select-native{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}";
 
@@ -342,7 +342,7 @@ const SekiSelect$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelect extends H
     // Render
     // ===========================
     render() {
-        return (h(Host, { key: '78edc08bd62bc19a1752ec58b966e57e5ef3afc8' }, h("slot", { key: 'adcf89b43702e2f62a60d73e693d9b5d362e3169' }), this.name && this.renderHiddenNativeElement()));
+        return (h(Host, { key: 'f9b0a239ecb0737c8341b1a2377d37d00374dfd7' }, h("slot", { key: '0245a9ff1da69043b08517ba859b305108710252' }), this.name && this.renderHiddenNativeElement()));
     }
     renderHiddenNativeElement() {
         if (this.multiple) {

package/dist/components/seki-sidebar-content.d.ts

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

package/dist/components/seki-sidebar-content.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, c as Host } from './p-BzYKy7d3.js';
+
+const sekiSidebarContentCss = ".sc-seki-sidebar-content-h{display:flex;flex:1;overflow:hidden;min-height:0}.content-wrapper.sc-seki-sidebar-content{display:flex;flex-direction:column;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;padding:var(--sidebar-padding, 0.5rem);gap:var(--sidebar-gap, 0.5rem)}.content-wrapper.sc-seki-sidebar-content::-webkit-scrollbar{width:var(--scrollbar-width, 6px)}.content-wrapper.sc-seki-sidebar-content::-webkit-scrollbar-track{background:transparent}.content-wrapper.sc-seki-sidebar-content::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb, #d1d5db);border-radius:var(--scrollbar-radius, 3px);border:2px solid transparent;background-clip:content-box}.content-wrapper.sc-seki-sidebar-content::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover, #9ca3af);background-clip:content-box}[data-theme=\"dark\"].sc-seki-sidebar-content-h .content-wrapper.sc-seki-sidebar-content::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-dark, #52525b);background-clip:content-box}[data-theme=\"dark\"].sc-seki-sidebar-content-h .content-wrapper.sc-seki-sidebar-content::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-dark, #71717a);background-clip:content-box}.content-wrapper.sc-seki-sidebar-content{scrollbar-color:var(--scrollbar-thumb, #d1d5db) transparent;scrollbar-width:thin}[data-theme=\"dark\"].sc-seki-sidebar-content-h .content-wrapper.sc-seki-sidebar-content{scrollbar-color:var(--scrollbar-thumb-dark, #52525b) transparent}@media print{.sc-seki-sidebar-content-h{overflow:visible}.content-wrapper.sc-seki-sidebar-content{overflow:visible;padding:0}}@media (prefers-contrast: more){.content-wrapper.sc-seki-sidebar-content::-webkit-scrollbar-thumb{border-width:1px}}";
+
+const SekiSidebarContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarContent extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    /**
+     * Render the component
+     */
+    render() {
+        return (h(Host, { key: 'e0fbac0ce2f3013667eadd8ad31c3de5f598490c' }, h("div", { key: '6a9015ee078aa4434b07d77c16f90362646786f6', class: "content-wrapper" }, h("slot", { key: '7490825d408800a5ba57f8f07a64f7b8abbbd4fd' }))));
+    }
+    static get style() { return sekiSidebarContentCss; }
+}, [262, "seki-sidebar-content"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-sidebar-content"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-sidebar-content":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiSidebarContent$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiSidebarContent = SekiSidebarContent$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiSidebarContent, defineCustomElement };

package/dist/components/seki-sidebar-footer.d.ts

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

package/dist/components/seki-sidebar-footer.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, c as Host } from './p-BzYKy7d3.js';
+
+const sekiSidebarFooterCss = ".sc-seki-sidebar-footer-h{display:block;padding:var(--sidebar-padding, 0.5rem);border-top:1px solid var(--sidebar-border, #e5e7eb);background-color:var(--sidebar-bg, #ffffff);position:sticky;bottom:0;z-index:10;min-height:var(--sidebar-footer-height, auto);flex-shrink:0}[data-theme=\"dark\"].sc-seki-sidebar-footer-h{border-top-color:var(--sidebar-border-dark, #27272a);background-color:var(--sidebar-bg-dark, #09090b)}.footer-wrapper.sc-seki-sidebar-footer{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;gap:var(--sidebar-gap, 0.5rem)}@media print{.sc-seki-sidebar-footer-h{display:none}}@media (prefers-contrast: more){.sc-seki-sidebar-footer-h{border-top-width:2px}}";
+
+const SekiSidebarFooter$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarFooter extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    /**
+     * Render the component
+     */
+    render() {
+        return (h(Host, { key: '1ce49f79758c8281d9b5c8c2589f938c1a731ceb' }, h("div", { key: '28992ba4de35c194c9c2f76e8d14f0299a23b242', class: "footer-wrapper" }, h("slot", { key: '7896c9c1823da9d65a4f99206840823372e5b174' }))));
+    }
+    static get style() { return sekiSidebarFooterCss; }
+}, [262, "seki-sidebar-footer"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-sidebar-footer"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-sidebar-footer":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiSidebarFooter$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiSidebarFooter = SekiSidebarFooter$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiSidebarFooter, defineCustomElement };

package/dist/components/seki-sidebar-group.d.ts

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

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

@@ -0,0 +1,131 @@
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BzYKy7d3.js';
+
+const sekiSidebarGroupCss = ".sc-seki-sidebar-group-h{display:block;width:100%}.group-wrapper.sc-seki-sidebar-group{display:flex;flex-direction:column;gap:var(--sidebar-gap, 0.5rem)}.group-header.sc-seki-sidebar-group{display:flex;align-items:center;gap:var(--sidebar-gap, 0.5rem);padding:var(--sidebar-padding-sm, 0.25rem 0);color:var(--sidebar-muted, var(--seki-color-text-muted));text-transform:uppercase;letter-spacing:0.05em;transition:margin-top 200ms ease-linear, opacity 200ms ease-linear;font-size:var(--seki-font-size-xs);font-weight:var(--seki-font-weight-semibold);font-family:var(--seki-font-sans)}[data-theme=\"dark\"].sc-seki-sidebar-group-h .group-header.sc-seki-sidebar-group{color:var(--sidebar-muted-dark, #a1a1aa)}.group-toggle.sc-seki-sidebar-group{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;background:transparent;border:none;cursor:pointer;color:inherit;font-size:0.75rem;transition:transform var(--sidebar-transition, 200ms) ease-out;border-radius:var(--sidebar-radius-sm, 0.25rem)}.group-toggle.sc-seki-sidebar-group:hover{background-color:var(--sidebar-hover-bg, #f3f4f6)}.group-toggle.sc-seki-sidebar-group:focus-visible{outline:2px solid var(--sidebar-primary, #3b82f6);outline-offset:2px}[data-theme=\"dark\"].sc-seki-sidebar-group-h .group-toggle.sc-seki-sidebar-group:hover{background-color:var(--sidebar-hover-bg-dark, #27272a)}[data-collapsed=\"true\"].sc-seki-sidebar-group-h .group-toggle.sc-seki-sidebar-group .toggle-icon.sc-seki-sidebar-group{transform:rotate(-90deg)}.toggle-icon.sc-seki-sidebar-group{display:inline-block;transition:transform var(--sidebar-transition, 200ms) ease-out}.group-title.sc-seki-sidebar-group{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-action.sc-seki-sidebar-group{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;background:transparent;border:none;cursor:pointer;color:inherit;transition:background-color var(--sidebar-transition, 200ms) ease-out;border-radius:var(--sidebar-radius-sm, 0.25rem)}.group-action.sc-seki-sidebar-group:hover{background-color:var(--sidebar-hover-bg, #f3f4f6)}.group-action.sc-seki-sidebar-group:focus-visible{outline:2px solid var(--sidebar-primary, #3b82f6);outline-offset:2px}[data-theme=\"dark\"].sc-seki-sidebar-group-h .group-action.sc-seki-sidebar-group:hover{background-color:var(--sidebar-hover-bg-dark, #27272a)}.group-content.sc-seki-sidebar-group{display:flex;flex-direction:column;gap:var(--sidebar-gap, 0.5rem);animation:slideDown var(--sidebar-transition, 200ms) ease-out}@keyframes slideDown{from{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}@media print{.group-toggle.sc-seki-sidebar-group,.group-action.sc-seki-sidebar-group{display:none}}@media (prefers-contrast: more){.group-toggle.sc-seki-sidebar-group,.group-action.sc-seki-sidebar-group{border:1px solid currentColor}}seki-sidebar[data-state=\"closed\"][data-collapse-mode=\"icon\"].sc-seki-sidebar-group-h .group-header.sc-seki-sidebar-group,seki-sidebar[data-state=\"closed\"][data-collapse-mode=\"icon\"] .sc-seki-sidebar-group-h .group-header.sc-seki-sidebar-group{margin-top:-2rem;opacity:0;visibility:hidden;pointer-events:none}seki-sidebar[data-state=\"open\"].sc-seki-sidebar-group-h .group-header.sc-seki-sidebar-group,seki-sidebar[data-state=\"open\"] .sc-seki-sidebar-group-h .group-header.sc-seki-sidebar-group,seki-sidebar.sc-seki-sidebar-group-h:not([data-state=\"closed\"]) .group-header.sc-seki-sidebar-group,seki-sidebar:not([data-state=\"closed\"]) .sc-seki-sidebar-group-h .group-header.sc-seki-sidebar-group{margin-top:0;opacity:1;visibility:visible;pointer-events:auto}";
+
+const SekiSidebarGroup$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarGroup extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.collapsedChange = createEvent(this, "collapsedChange");
+        /**
+         * Allow collapsing this group
+         * @type {boolean}
+         * @default false
+         */
+        this.collapsible = false;
+        /**
+         * Initial collapsed state
+         * @type {boolean}
+         * @default false
+         */
+        this.defaultCollapsed = false;
+        /**
+         * Internal state: whether group is collapsed
+         */
+        this.isCollapsed = false;
+        /**
+         * Toggle collapsed state
+         */
+        this.handleToggle = () => {
+            if (!this.collapsible)
+                return;
+            this.isCollapsed = !this.isCollapsed;
+            this.collapsedChange.emit({ isCollapsed: this.isCollapsed });
+        };
+        /**
+         * Handle keyboard navigation on toggle button
+         * - Enter/Space: toggle group
+         * - ArrowLeft: collapse group
+         * - ArrowRight: expand group
+         */
+        this.handleToggleKeyDown = (event) => {
+            if (!this.collapsible)
+                return;
+            switch (event.key) {
+                case 'Enter':
+                case ' ':
+                    event.preventDefault();
+                    this.handleToggle();
+                    break;
+                case 'ArrowLeft':
+                    event.preventDefault();
+                    if (!this.isCollapsed) {
+                        this.isCollapsed = true;
+                        this.collapsedChange.emit({ isCollapsed: true });
+                    }
+                    break;
+                case 'ArrowRight':
+                    event.preventDefault();
+                    if (this.isCollapsed) {
+                        this.isCollapsed = false;
+                        this.collapsedChange.emit({ isCollapsed: false });
+                    }
+                    break;
+            }
+        };
+        /**
+         * Handle action button click
+         */
+        this.handleAction = (event) => {
+            var _a, _b;
+            event.stopPropagation();
+            (_b = (_a = this.action) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a);
+        };
+    }
+    /**
+     * Component lifecycle: initialize state
+     */
+    componentWillLoad() {
+        this.isCollapsed = Boolean(this.defaultCollapsed);
+    }
+    /**
+     * Get current collapsed state
+     */
+    async isCollapsedState() {
+        return Boolean(this.isCollapsed);
+    }
+    /**
+     * Set collapsed state
+     */
+    async setCollapsed(collapsed) {
+        this.isCollapsed = collapsed;
+        this.collapsedChange.emit({ isCollapsed: collapsed });
+    }
+    /**
+     * Render the component
+     */
+    render() {
+        return (h(Host, { key: 'c052df772b318b7c39d3b254746327e60409cdfa', "data-collapsed": this.isCollapsed }, h("div", { key: '3dd8a428ddbcc450f5f66a8f677e56893ace1c55', class: "group-wrapper" }, this.title && (h("div", { key: 'c1066e46ffe417f11fb87fe871483b0693c47886', class: "group-header" }, this.collapsible && (h("button", { key: '6f7b1180e40d4d1157c403735a80d6bdda425002', class: "group-toggle", "aria-expanded": !this.isCollapsed, "aria-label": `Toggle ${this.title} section`, onClick: this.handleToggle, onKeyDown: this.handleToggleKeyDown, type: "button" }, h("span", { key: '78cbb975a0a87693ad16ce2b6aaa8e4cfcb3fcfa', class: "toggle-icon" }, "\u25B6"))), h("span", { key: 'c61dec1def7006312775205323f8365ada2d8019', class: "group-title" }, this.title), this.action && (h("button", { key: '982669c5234425ee0b6dd951090547f35ca9bb82', class: "group-action", "aria-label": this.action.label, onClick: this.handleAction, type: "button" }, h("span", { key: '38fb06a76ace76673588755a132c00ef962e7a83', innerHTML: this.action.icon }))))), !this.isCollapsed && (h("div", { key: '532861c2c414ba077f96d58e613b11e3b6c47740', class: "group-content" }, h("slot", { key: '8a2472eb32df603d65c3f467b5dd2c995bcf72a6' }))))));
+    }
+    get el() { return this; }
+    static get style() { return sekiSidebarGroupCss; }
+}, [262, "seki-sidebar-group", {
+        "title": [1],
+        "collapsible": [516],
+        "defaultCollapsed": [516, "default-collapsed"],
+        "action": [16],
+        "isCollapsed": [32],
+        "isCollapsedState": [64],
+        "setCollapsed": [64]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-sidebar-group"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-sidebar-group":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiSidebarGroup$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiSidebarGroup = SekiSidebarGroup$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiSidebarGroup, defineCustomElement };

package/dist/components/seki-sidebar-header.d.ts

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

package/dist/components/seki-sidebar-header.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, c as Host } from './p-BzYKy7d3.js';
+
+const sekiSidebarHeaderCss = ".sc-seki-sidebar-header-h{display:block;padding:var(--sidebar-padding, 0.5rem);border-bottom:1px solid var(--sidebar-border, #e5e7eb);background-color:var(--sidebar-bg, #ffffff);position:sticky;top:0;z-index:10;min-height:var(--sidebar-header-height, 3.5rem);flex-shrink:0}[data-theme=\"dark\"].sc-seki-sidebar-header-h{border-bottom-color:var(--sidebar-border-dark, #27272a);background-color:var(--sidebar-bg-dark, #09090b)}.header-wrapper.sc-seki-sidebar-header{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;gap:var(--sidebar-gap, 0.5rem)}@media print{.sc-seki-sidebar-header-h{display:none}}@media (prefers-contrast: more){.sc-seki-sidebar-header-h{border-bottom-width:2px}}";
+
+const SekiSidebarHeader$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarHeader extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    /**
+     * Render the component
+     */
+    render() {
+        return (h(Host, { key: '569ce4ce34a4af67b6d4af30521ad0a0f680e724' }, h("div", { key: '2e6e5044a6e2536e776ef3548c7d9245acdd6eb0', class: "header-wrapper" }, h("slot", { key: '3c33bc75721c33bd3a6a3ba002ecd8e0e528ca13' }))));
+    }
+    static get style() { return sekiSidebarHeaderCss; }
+}, [262, "seki-sidebar-header"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-sidebar-header"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-sidebar-header":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiSidebarHeader$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiSidebarHeader = SekiSidebarHeader$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiSidebarHeader, defineCustomElement };

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

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

package/dist/components/seki-sidebar-menu-item.js

@@ -0,0 +1,200 @@
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BzYKy7d3.js';
+
+const sekiSidebarMenuItemCss = ".sc-seki-sidebar-menu-item-h{display:block;width:100%}.item-wrapper.sc-seki-sidebar-menu-item{display:flex;list-style:none;margin:0;padding:0;width:100%}.item-content.sc-seki-sidebar-menu-item{display:flex;align-items:center;justify-content:flex-start;gap:var(--sidebar-gap, 0.5rem);width:100%;padding:var(--sidebar-item-padding, 0.5rem 0.75rem);text-decoration:none;color:var(--sidebar-item-foreground, var(--seki-color-text));background-color:transparent;border:none;border-radius:var(--sidebar-radius-sm, 0.25rem);cursor:pointer;transition:width 200ms ease-linear, height 200ms ease-linear, padding 200ms ease-linear;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--seki-font-size-sm);font-weight:var(--seki-font-weight-medium);font-family:var(--seki-font-sans);line-height:1.25rem}[data-theme=\"dark\"].sc-seki-sidebar-menu-item-h .item-content.sc-seki-sidebar-menu-item{color:var(--sidebar-item-foreground-dark, #f1f5f9)}.item-content.sc-seki-sidebar-menu-item:hover:not([aria-disabled=\"true\"]){background-color:var(--sidebar-item-hover-bg, #f3f4f6);color:var(--sidebar-item-hover-foreground, #111827)}[data-theme=\"dark\"].sc-seki-sidebar-menu-item-h .item-content.sc-seki-sidebar-menu-item:hover:not([aria-disabled=\"true\"]){background-color:var(--sidebar-item-hover-bg-dark, #27272a);color:var(--sidebar-item-hover-foreground-dark, #fafafa)}.item-content.sc-seki-sidebar-menu-item:focus-visible{outline:2px solid var(--sidebar-primary, #3b82f6);outline-offset:-2px}[data-active=\"true\"].sc-seki-sidebar-menu-item-h .item-content.sc-seki-sidebar-menu-item{background-color:var(--sidebar-item-active-bg, #e0e7ff);color:var(--sidebar-item-active-foreground, #1e40af);font-weight:600}[data-theme=\"dark\"][data-active=\"true\"].sc-seki-sidebar-menu-item-h .item-content.sc-seki-sidebar-menu-item{background-color:var(--sidebar-item-active-bg-dark, #312e81);color:var(--sidebar-item-active-foreground-dark, #c7d2fe)}[data-disabled=\"true\"].sc-seki-sidebar-menu-item-h .item-content.sc-seki-sidebar-menu-item{opacity:0.5;cursor:not-allowed;pointer-events:none}.item-icon.sc-seki-sidebar-menu-item{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;flex-shrink:0;font-size:1rem;color:inherit}.item-label.sc-seki-sidebar-menu-item{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-badge.sc-seki-sidebar-menu-item{display:inline-flex;align-items:center;justify-content:center;padding:0.125rem 0.375rem;border-radius:var(--sidebar-radius-sm, 0.25rem);flex-shrink:0;margin-left:auto;font-size:var(--seki-font-size-xs);font-weight:var(--seki-font-weight-semibold);font-family:var(--seki-font-sans)}.badge-default.sc-seki-sidebar-menu-item{background-color:var(--sidebar-badge-bg, #dbeafe);color:var(--sidebar-badge-foreground, #1e40af)}.badge-secondary.sc-seki-sidebar-menu-item{background-color:var(--sidebar-badge-secondary-bg, #e5e7eb);color:var(--sidebar-badge-secondary-foreground, #374151)}.badge-destructive.sc-seki-sidebar-menu-item{background-color:var(--sidebar-badge-destructive-bg, #fee2e2);color:var(--sidebar-badge-destructive-foreground, #991b1b)}[data-theme=\"dark\"].sc-seki-sidebar-menu-item-h .badge-default.sc-seki-sidebar-menu-item{background-color:var(--sidebar-badge-bg-dark, #1e3a8a);color:var(--sidebar-badge-foreground-dark, #93c5fd)}[data-theme=\"dark\"].sc-seki-sidebar-menu-item-h .badge-secondary.sc-seki-sidebar-menu-item{background-color:var(--sidebar-badge-secondary-bg-dark, #3f3f46);color:var(--sidebar-badge-secondary-foreground-dark, #d4d4d8)}[data-theme=\"dark\"].sc-seki-sidebar-menu-item-h .badge-destructive.sc-seki-sidebar-menu-item{background-color:var(--sidebar-badge-destructive-bg-dark, #7f1d1d);color:var(--sidebar-badge-destructive-foreground-dark, #fca5a5)}@media print{[data-active=\"true\"].sc-seki-sidebar-menu-item-h .item-content.sc-seki-sidebar-menu-item{text-decoration:underline;font-weight:bold}}@media (prefers-contrast: more){.item-content.sc-seki-sidebar-menu-item{border:1px solid transparent}.item-content.sc-seki-sidebar-menu-item:focus-visible{border-color:var(--sidebar-primary, #3b82f6)}}@media (prefers-reduced-motion: reduce){.item-content.sc-seki-sidebar-menu-item{transition:none}}seki-sidebar[data-state=\"closed\"][data-collapse-mode=\"icon\"].sc-seki-sidebar-menu-item-h .item-label.sc-seki-sidebar-menu-item,seki-sidebar[data-state=\"closed\"][data-collapse-mode=\"icon\"] .sc-seki-sidebar-menu-item-h .item-label.sc-seki-sidebar-menu-item{margin-left:-0.5rem;opacity:0;transition:margin-left 200ms ease-linear, opacity 200ms ease-linear}seki-sidebar[data-state=\"closed\"][data-collapse-mode=\"icon\"].sc-seki-sidebar-menu-item-h .item-badge.sc-seki-sidebar-menu-item,seki-sidebar[data-state=\"closed\"][data-collapse-mode=\"icon\"] .sc-seki-sidebar-menu-item-h .item-badge.sc-seki-sidebar-menu-item{margin-left:-0.5rem;opacity:0;transition:margin-left 200ms ease-linear, opacity 200ms ease-linear}seki-sidebar[data-state=\"closed\"][data-collapse-mode=\"icon\"].sc-seki-sidebar-menu-item-h .item-content.sc-seki-sidebar-menu-item,seki-sidebar[data-state=\"closed\"][data-collapse-mode=\"icon\"] .sc-seki-sidebar-menu-item-h .item-content.sc-seki-sidebar-menu-item{justify-content:center;padding:0.5rem}seki-sidebar[data-state=\"closed\"][data-collapse-mode=\"icon\"].sc-seki-sidebar-menu-item-h .item-icon.sc-seki-sidebar-menu-item,seki-sidebar[data-state=\"closed\"][data-collapse-mode=\"icon\"] .sc-seki-sidebar-menu-item-h .item-icon.sc-seki-sidebar-menu-item{width:1rem;height:1rem}seki-sidebar[data-state=\"open\"].sc-seki-sidebar-menu-item-h .item-label.sc-seki-sidebar-menu-item,seki-sidebar[data-state=\"open\"] .sc-seki-sidebar-menu-item-h .item-label.sc-seki-sidebar-menu-item,seki-sidebar.sc-seki-sidebar-menu-item-h:not([data-state=\"closed\"]) .item-label.sc-seki-sidebar-menu-item,seki-sidebar:not([data-state=\"closed\"]) .sc-seki-sidebar-menu-item-h .item-label.sc-seki-sidebar-menu-item{margin-left:0;opacity:1;transition:margin-left 200ms ease-linear, opacity 200ms ease-linear}";
+
+const SekiSidebarMenuItem$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarMenuItem extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.navigate = createEvent(this, "navigate");
+        /**
+         * Disable interaction
+         * @type {boolean}
+         * @default false
+         */
+        this.disabled = false;
+        /**
+         * Highlight as current page
+         * @type {boolean}
+         * @default false
+         */
+        this.isActive = false;
+        /**
+         * ARIA current value for active items
+         * @type {string}
+         */
+        this.ariaCurrentValue = 'page';
+        /**
+         * Handle item click
+         */
+        this.handleClick = () => {
+            if (this.disabled) {
+                return;
+            }
+            if (this.href) {
+                this.navigate.emit({
+                    href: this.href,
+                    target: this.target,
+                });
+            }
+        };
+        /**
+         * Handle keyboard navigation
+         * - Enter/Space: activate item
+         * - ArrowDown: focus next menu item
+         * - ArrowUp: focus previous menu item
+         * - ArrowRight: expand parent submenu (if collapsed)
+         * - ArrowLeft: collapse parent submenu (if expanded)
+         * - Home: focus first menu item
+         * - End: focus last menu item
+         */
+        this.handleKeyDown = (event) => {
+            if (this.disabled) {
+                return;
+            }
+            switch (event.key) {
+                case 'Enter':
+                case ' ':
+                    event.preventDefault();
+                    this.handleClick();
+                    break;
+                case 'ArrowDown':
+                    event.preventDefault();
+                    this.focusNextItem();
+                    break;
+                case 'ArrowUp':
+                    event.preventDefault();
+                    this.focusPreviousItem();
+                    break;
+                case 'ArrowRight':
+                    event.preventDefault();
+                    this.expandParentSubmenu();
+                    break;
+                case 'ArrowLeft':
+                    event.preventDefault();
+                    this.collapseParentSubmenu();
+                    break;
+                case 'Home':
+                    event.preventDefault();
+                    this.focusFirstItem();
+                    break;
+                case 'End':
+                    event.preventDefault();
+                    this.focusLastItem();
+                    break;
+            }
+        };
+        /**
+         * Focus next menu item in the menu
+         */
+        this.focusNextItem = () => {
+            const currentItem = this.el;
+            const items = this.getEnabledItems();
+            const currentIndex = items.indexOf(currentItem);
+            if (currentIndex >= 0 && currentIndex < items.length - 1) {
+                items[currentIndex + 1].focus();
+            }
+        };
+        /**
+         * Focus previous menu item in the menu
+         */
+        this.focusPreviousItem = () => {
+            const currentItem = this.el;
+            const items = this.getEnabledItems();
+            const currentIndex = items.indexOf(currentItem);
+            if (currentIndex > 0) {
+                items[currentIndex - 1].focus();
+            }
+        };
+        /**
+         * Focus first menu item in the menu
+         */
+        this.focusFirstItem = () => {
+            const items = this.getEnabledItems();
+            if (items.length > 0) {
+                items[0].focus();
+            }
+        };
+        /**
+         * Focus last menu item in the menu
+         */
+        this.focusLastItem = () => {
+            const items = this.getEnabledItems();
+            if (items.length > 0) {
+                items[items.length - 1].focus();
+            }
+        };
+        /**
+         * Expand parent submenu if collapsed
+         */
+        this.expandParentSubmenu = () => {
+            var _a;
+            const parent = this.el.closest('seki-sidebar-menu-sub');
+            if (parent && parent.isCollapsed) {
+                (_a = parent.setCollapsed) === null || _a === void 0 ? void 0 : _a.call(parent, false);
+            }
+        };
+        /**
+         * Collapse parent submenu if expanded
+         */
+        this.collapseParentSubmenu = () => {
+            var _a;
+            const parent = this.el.closest('seki-sidebar-menu-sub');
+            if (parent && !parent.isCollapsed) {
+                (_a = parent.setCollapsed) === null || _a === void 0 ? void 0 : _a.call(parent, true);
+            }
+        };
+    }
+    /**
+     * Get all enabled menu items
+     */
+    getEnabledItems() {
+        const currentItem = this.el;
+        const parent = currentItem.parentElement;
+        if (!parent)
+            return [];
+        return Array.from(parent.querySelectorAll('seki-sidebar-menu-item')).filter((item) => {
+            const element = item;
+            return !element.disabled;
+        });
+    }
+    /**
+     * Render the component
+     */
+    render() {
+        const Element = this.href ? 'a' : 'button';
+        const isAriaButton = !this.href;
+        return (h(Host, { key: '78b181eedfa609c2a61a6a14ff58830d4310b921', "data-active": this.isActive, "data-disabled": this.disabled }, h("li", { key: '11be63adc450617466f0646a8e38c0b29cceb23f', class: "item-wrapper" }, h(Element, { key: '6fd60f8a87973df75a44dcad3e4e162c56aab4ba', class: "item-content", href: this.href, target: this.target, disabled: isAriaButton && this.disabled, role: isAriaButton ? 'menuitem' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, "aria-current": this.isActive ? this.ariaCurrentValue : undefined, "aria-label": this.ariaLabel, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: 'f689b3bb789a4efdd4b9cb9d4c00d27a10c7edab', class: "item-icon" }, h("slot", { key: '0c998b390f9010f9e6877f6d5a8ecb8c71866926', name: "icon" })), h("span", { key: '8dbe7143085361aeefb031cac580df6fbd5868a4', class: "item-label" }, h("slot", { key: 'dbf40e4a1a70f57cbc92131af942926eec49e99e' })), this.badge && (h("span", { key: '74c4726252d2faec5a443f2d8756b9307b372ea7', class: `item-badge badge-${this.badge.variant || 'default'}`, "aria-label": this.badge.text }, this.badge.text))))));
+    }
+    get el() { return this; }
+    static get style() { return sekiSidebarMenuItemCss; }
+}, [262, "seki-sidebar-menu-item", {
+        "href": [1],
+        "target": [1],
+        "disabled": [516],
+        "isActive": [516, "is-active"],
+        "badge": [16],
+        "ariaLabel": [1, "aria-label"],
+        "ariaCurrentValue": [1, "aria-current-value"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-sidebar-menu-item"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-sidebar-menu-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiSidebarMenuItem$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiSidebarMenuItem = SekiSidebarMenuItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiSidebarMenuItem, defineCustomElement };