npm - @sekiui/elements - Versions diffs - 0.0.82 → 0.0.84 - Mend

@sekiui/elements 0.0.82 → 0.0.84

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (846) hide show

package/dist/cdn/seki-scroll-bar.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import { p as proxyCustomElement, H, d as registerThemeSync, u as unregisterThemeSync, h, e as Host } from './p-DpCiMzzg.js';
+import { m as mirrorAncestorAttributes } from './p-BgtjDG0h.js';
-const sekiScrollBarCss = ":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:block;position:absolute;z-index:1}:host([orientation=\"vertical\"]){top:0;right:0;width:12px;height:100%;padding:2px}:host([orientation=\"horizontal\"]){bottom:0;left:0;height:12px;width:100%;padding:2px}:host-context([data-has-vertical-overflow][data-has-horizontal-overflow]):host([orientation=\"vertical\"]){height:calc(100% - 12px)}:host-context([data-has-vertical-overflow][data-has-horizontal-overflow]):host([orientation=\"horizontal\"]){width:calc(100% - 12px)}.scrollbar{position:relative;width:100%;height:100%;border-radius:var(--seki-radius-full, 9999px);background:transparent;transition:background 150ms ease}.scrollbar:hover{background:var(--seki-muted, hsl(0, 0%, 96.1%))}.thumb{position:absolute;border-radius:var(--seki-radius-full, 9999px);background:var(--seki-border, hsl(0, 0%, 89.8%));opacity:0.7;transition:opacity 150ms ease, background 150ms ease;cursor:pointer}[data-orientation=\"vertical\"] .thumb{width:100%;min-height:20px}[data-orientation=\"horizontal\"] .thumb{height:100%;min-width:20px}.thumb:hover,.thumb:active{background:var(--seki-neutral-400, hsl(0, 0%, 63.9%));opacity:1}:host([data-theme='dark']) .scrollbar:hover{background:var(--seki-muted, hsl(0, 0%, 14.9%))}:host([data-theme='dark']) .thumb{background:var(--seki-border, hsl(0, 0%, 14.9%))}:host([data-theme='dark']) .thumb:hover,:host([data-theme='dark']) .thumb:active{background:var(--seki-neutral-500, hsl(0, 0%, 45.1%))}:host([data-theme='dark']) .scrollbar:hover{background:var(--seki-muted, hsl(0, 0%, 14.9%))}:host([data-theme='dark']) .thumb{background:var(--seki-border, hsl(0, 0%, 14.9%))}:host([data-theme='dark']) .thumb:hover,:host([data-theme='dark']) .thumb:active{background:var(--seki-neutral-500, hsl(0, 0%, 45.1%))}@media (prefers-color-scheme: dark){:host(:not([data-theme=\"light\"])) .scrollbar:hover{background:var(--seki-muted, hsl(0, 0%, 14.9%))}:host(:not([data-theme=\"light\"])) .thumb{background:var(--seki-border, hsl(0, 0%, 14.9%))}:host(:not([data-theme=\"light\"])) .thumb:hover,:host(:not([data-theme=\"light\"])) .thumb:active{background:var(--seki-neutral-500, hsl(0, 0%, 45.1%))}}:host-context([data-state=\"hidden\"]){opacity:0;pointer-events:none;transition:opacity 200ms ease-out}:host-context([data-state=\"visible\"]){opacity:1;pointer-events:auto;transition:opacity 150ms ease-in}:host-context(:hover){opacity:1;pointer-events:auto}@media (prefers-reduced-motion: reduce){.scrollbar,.thumb,:host{transition:none}}";
+const sekiScrollBarCss = ":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:block;position:absolute;z-index:1}:host([orientation=\"vertical\"]){top:0;right:0;width:12px;height:100%;padding:2px}:host([orientation=\"horizontal\"]){bottom:0;left:0;height:12px;width:100%;padding:2px}:host([data-has-vertical-overflow][data-has-horizontal-overflow][orientation=\"vertical\"]){height:calc(100% - 12px)}:host([data-has-vertical-overflow][data-has-horizontal-overflow][orientation=\"horizontal\"]){width:calc(100% - 12px)}.scrollbar{position:relative;width:100%;height:100%;border-radius:var(--seki-radius-full, 9999px);background:transparent;transition:background 150ms ease}.scrollbar:hover{background:var(--seki-muted, hsl(0, 0%, 96.1%))}.thumb{position:absolute;border-radius:var(--seki-radius-full, 9999px);background:var(--seki-border, hsl(0, 0%, 89.8%));opacity:0.7;transition:opacity 150ms ease, background 150ms ease;cursor:pointer}[data-orientation=\"vertical\"] .thumb{width:100%;min-height:20px}[data-orientation=\"horizontal\"] .thumb{height:100%;min-width:20px}.thumb:hover,.thumb:active{background:var(--seki-neutral-400, hsl(0, 0%, 63.9%));opacity:1}:host([data-theme='dark']) .scrollbar:hover{background:var(--seki-muted, hsl(0, 0%, 14.9%))}:host([data-theme='dark']) .thumb{background:var(--seki-border, hsl(0, 0%, 14.9%))}:host([data-theme='dark']) .thumb:hover,:host([data-theme='dark']) .thumb:active{background:var(--seki-neutral-500, hsl(0, 0%, 45.1%))}:host([data-theme='dark']) .scrollbar:hover{background:var(--seki-muted, hsl(0, 0%, 14.9%))}:host([data-theme='dark']) .thumb{background:var(--seki-border, hsl(0, 0%, 14.9%))}:host([data-theme='dark']) .thumb:hover,:host([data-theme='dark']) .thumb:active{background:var(--seki-neutral-500, hsl(0, 0%, 45.1%))}@media (prefers-color-scheme: dark){:host(:not([data-theme=\"light\"])) .scrollbar:hover{background:var(--seki-muted, hsl(0, 0%, 14.9%))}:host(:not([data-theme=\"light\"])) .thumb{background:var(--seki-border, hsl(0, 0%, 14.9%))}:host(:not([data-theme=\"light\"])) .thumb:hover,:host(:not([data-theme=\"light\"])) .thumb:active{background:var(--seki-neutral-500, hsl(0, 0%, 45.1%))}}:host([data-state=\"hidden\"]){opacity:0;pointer-events:none;transition:opacity 200ms ease-out}:host([data-state=\"visible\"]){opacity:1;pointer-events:auto;transition:opacity 150ms ease-in}:host([data-parent-hover]){opacity:1;pointer-events:auto}@media (prefers-reduced-motion: reduce){.scrollbar,.thumb,:host{transition:none}}";
 const SekiScrollBar$1 = /*@__PURE__*/ proxyCustomElement(class SekiScrollBar extends H {
     constructor(registerHost) {
@@ -103,9 +104,10 @@ const SekiScrollBar$1 = /*@__PURE__*/ proxyCustomElement(class SekiScrollBar ext
     }
     connectedCallback() {
         registerThemeSync(this.el);
+        this.attrMirror = mirrorAncestorAttributes(this.el, 'seki-scroll-area', ['data-state', 'data-has-vertical-overflow', 'data-has-horizontal-overflow'], { trackHover: true });
     }
     disconnectedCallback() {
-        var _a, _b;
+        var _a, _b, _c;
         unregisterThemeSync(this.el);
         document.removeEventListener('mousemove', this.handleMouseMove);
         document.removeEventListener('mouseup', this.handleMouseUp);
@@ -113,6 +115,8 @@ const SekiScrollBar$1 = /*@__PURE__*/ proxyCustomElement(class SekiScrollBar ext
         document.removeEventListener('touchend', this.handleTouchEnd);
         (_a = this.scrollAreaRef) === null || _a === void 0 ? void 0 : _a.removeEventListener('sekiScroll', this.scrollHandler);
         (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
+        (_c = this.attrMirror) === null || _c === void 0 ? void 0 : _c.disconnect();
+        this.attrMirror = undefined;
     }
     updateFromContext() {
         const context = this.getContext();

package/dist/cdn/seki-select-group.js CHANGED Viewed

@@ -21,7 +21,7 @@ const SekiSelectGroup$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelectGroup
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: 'e351318be0e30d57db2ae560dbc7feb719ffeb9a' }, h("div", { key: 'a0974589692fa7a337011bfe7d25e64bbe5e872b', class: "group", role: "group", "aria-labelledby": this.groupLabelId }, h("div", { key: '48d45cee86d3a0ef56cea3891691e682dd04e2c6', class: "group-separator", "aria-hidden": "true" }), h("div", { key: '3cfd23915eb4a2d704975aef8749786645426079', class: "group-label", id: this.groupLabelId, role: "presentation" }, h("slot", { key: 'dab4b40a32f9e23cbc94085a5d75162704fa01a8', name: "label" }, this.label)), h("div", { key: 'd3ac276b85ca1e2e5d9bc7c212620bcce6cafc35', class: "group-options" }, h("slot", { key: 'b7746d8cb39704b38b798a694a28f3ed42eab856' })))));
+        return (h(Host, { key: '7867d34d43e681de3888de3eeb2031924a43dd6f' }, h("div", { key: 'e3b8189016809b3c1efb046cff1a472d6d5c59da', class: "group", role: "group", "aria-labelledby": this.groupLabelId }, h("div", { key: '24fb1871c80afdc7e0d3f656e95d11d40cbfc269', class: "group-separator", "aria-hidden": "true" }), h("div", { key: '5219a007eb3abddea08b2ecb7d0b4c84985e50e9', class: "group-label", id: this.groupLabelId, role: "presentation" }, h("slot", { key: 'ab8a8a1e12404c9c808020cc51bbb34d48eb7ecf', name: "label" }, this.label)), h("div", { key: '324e7941e25fb1f91542ad0c28f9753aba24f6e1', class: "group-options" }, h("slot", { key: '42069f7464d8cdd1b1c7fb868e8d4e2a24fae48f' })))));
     }
     get el() { return this; }
     static get style() { return sekiSelectGroupCss; }

package/dist/cdn/seki-select-option.js CHANGED Viewed

@@ -14,9 +14,9 @@ const SekiSelectOption$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelectOpti
         /** Whether the option is disabled */
         this.disabled = false;
         // ===========================
-        // State
+        // Lifecycle
         // ===========================
-        this.optionId = `option-${Math.random().toString(36).substr(2, 9)}`;
+        this.hasRegistered = false;
         // ===========================
         // Event Handlers
         // ===========================
@@ -49,21 +49,26 @@ const SekiSelectOption$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelectOpti
         };
     }
     // ===========================
-    // Lifecycle
+    // State
     // ===========================
+    // Deterministic id so it matches the `option-${value}` reference that
+    // seki-select-trigger emits as aria-activedescendant. (Note: full
+    // cross-shadow IDREF resolution still requires the trigger and options to
+    // share a tree scope — see seki-select-trigger for the known limitation.)
+    get optionId() {
+        return `option-${this.value}`;
+    }
     componentDidLoad() {
-        var _a;
-        // Register this option with parent select
-        const selectContext = this.getSelectContext();
-        const displayLabel = this.label || ((_a = this.el.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || '';
-        selectContext === null || selectContext === void 0 ? void 0 : selectContext.registerOption({
-            value: this.value,
-            label: displayLabel,
-            disabled: this.disabled,
-        });
+        this.registerWithParent();
     }
     connectedCallback() {
         registerThemeSync(this.el);
+        // Re-register on reconnect (after a DOM move). componentDidLoad fires only
+        // once, so without this the option would stay unregistered after being moved.
+        // Parent registration is idempotent, so this never duplicates.
+        if (this.hasRegistered) {
+            this.registerWithParent();
+        }
     }
     disconnectedCallback() {
         unregisterThemeSync(this.el);
@@ -71,6 +76,17 @@ const SekiSelectOption$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelectOpti
         const selectContext = this.getSelectContext();
         selectContext === null || selectContext === void 0 ? void 0 : selectContext.unregisterOption(this.value);
     }
+    registerWithParent() {
+        var _a;
+        const selectContext = this.getSelectContext();
+        const displayLabel = this.label || ((_a = this.el.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || '';
+        selectContext === null || selectContext === void 0 ? void 0 : selectContext.registerOption({
+            value: this.value,
+            label: displayLabel,
+            disabled: this.disabled,
+        });
+        this.hasRegistered = true;
+    }
     // ===========================
     // Helpers
     // ===========================
@@ -85,7 +101,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: '8ba7a9bd8c4423bdc87237421bfed49ed485de7f' }, h("div", { key: 'cdeedf3061b3de0a12a56faccd56121fbcd4c7e3', 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: '902d9c4caa962efa60eeb697a0595764ca82d822', class: "option-label" }, h("slot", { key: 'd15a6dfa001e33df302e17847aeb4b63ef2ca9fa' })), isSelected && (h("span", { key: '708d5a9eaea23837e6a75df3ae86ae484367b477', class: "option-indicator", "aria-hidden": "true" }, h("slot", { key: 'c170f9b1a743ce16aeee0ced9b3b67836c4e2677', name: "selected-indicator" }, h("svg", { key: '230c202c463fbf5912ab900595135e5df69fd6ee', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'cad9198c5e438617c840b1e8e97db69e1b5a5a85', d: "M10 3L4.5 8.5L2 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
+        return (h(Host, { key: '9d4d802e1b193bf95d139ceffd512756be470779' }, h("div", { key: '28df50bb268b156ebd469525ea24436e3c3004c2', 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: '7cf7de57d19d17e2ec48117da0e4315d47b5d8a0', class: "option-label" }, h("slot", { key: '4085971b6c43e6f5e60e3df35e71ead8b67ad14e' })), isSelected && (h("span", { key: '6fc629d0160e5099a7fb2c716a456df083c828ac', class: "option-indicator", "aria-hidden": "true" }, h("slot", { key: '81e1a764e87689248b2830ef57fe4257905a6545', name: "selected-indicator" }, h("svg", { key: 'e465bc7c15d93ac9a5f457222462c331fff12ca3', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '3e1f8d96113cf57df17b9090f5c926201b4e0c4d', 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/cdn/seki-select.js CHANGED Viewed

@@ -12,6 +12,7 @@ const SekiSelect$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelect extends H
         this.sekiChange = createEvent(this, "sekiChange");
         this.sekiOpenChange = createEvent(this, "sekiOpenChange");
         this.sekiValidate = createEvent(this, "sekiValidate");
+        this.internals = this.attachInternals();
         /** Enable multi-select mode */
         this.multiple = false;
         /** Placeholder text shown when no selection */
@@ -130,7 +131,17 @@ const SekiSelect$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelect extends H
             return this.registeredOptions.filter(opt => opt.value === this.internalValue);
         };
         this.registerOption = (option) => {
-            this.registeredOptions = [...this.registeredOptions, option];
+            // Idempotent: replace in place if this value already exists (e.g. an option
+            // re-registering after a DOM move) so reconnects can't create duplicates.
+            const existingIndex = this.registeredOptions.findIndex(opt => opt.value === option.value);
+            if (existingIndex >= 0) {
+                const next = [...this.registeredOptions];
+                next[existingIndex] = option;
+                this.registeredOptions = next;
+            }
+            else {
+                this.registeredOptions = [...this.registeredOptions, option];
+            }
         };
         this.unregisterOption = (value) => {
             this.registeredOptions = this.registeredOptions.filter(opt => opt.value !== value);
@@ -170,6 +181,8 @@ const SekiSelect$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelect extends H
         }
         // Expose context on the element for child components
         this.el.selectContext = this.selectContext;
+        // Seed the form value so an unchanged select still submits its initial value.
+        this.syncFormValue();
     }
     componentDidLoad() {
         // Expose context on the element for child components
@@ -209,10 +222,45 @@ const SekiSelect$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelect extends H
     }
     handleInternalValueChange() {
         this.updateContextOnElement();
+        this.syncFormValue();
+    }
+    handleDisabledChange() {
+        this.syncFormValue();
     }
     updateContextOnElement() {
         this.el.selectContext = this.selectContext;
     }
+    /**
+     * Mirror the current selection into the associated form via ElementInternals.
+     * Replaces the previous hidden native control, which lived inside the shadow
+     * root and therefore never participated in form submission.
+     */
+    syncFormValue() {
+        if (!this.internals || typeof this.internals.setFormValue !== 'function') {
+            return;
+        }
+        // Disabled controls do not contribute a value to the form.
+        if (this.disabled) {
+            this.internals.setFormValue(null);
+            return;
+        }
+        if (this.multiple) {
+            const values = Array.isArray(this.internalValue) ? this.internalValue : [];
+            if (!this.name || values.length === 0) {
+                this.internals.setFormValue(null);
+                return;
+            }
+            const formData = new FormData();
+            for (const val of values) {
+                formData.append(this.name, String(val));
+            }
+            this.internals.setFormValue(formData);
+        }
+        else {
+            const value = this.internalValue;
+            this.internals.setFormValue(value === '' || value === undefined || value === null ? null : String(value));
+        }
+    }
     // ===========================
     // Methods
     // ===========================
@@ -275,29 +323,33 @@ const SekiSelect$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelect extends H
         }
     }
     focusNextOption() {
-        if (this.registeredOptions.length === 0)
+        const options = this.registeredOptions;
+        if (options.length === 0)
             return;
-        let nextIndex = 0;
-        if (this.focusedOptionValue !== null) {
-            const currentIndex = this.registeredOptions.findIndex(opt => opt.value === this.focusedOptionValue);
-            nextIndex = currentIndex >= 0 ? Math.min(currentIndex + 1, this.registeredOptions.length - 1) : 0;
-        }
-        const nextOption = this.registeredOptions[nextIndex];
-        if (nextOption && !nextOption.disabled) {
-            this.handleOptionFocus(nextOption.value);
+        const currentIndex = this.focusedOptionValue !== null
+            ? options.findIndex(opt => opt.value === this.focusedOptionValue)
+            : -1;
+        // Walk forward to the next enabled option, skipping disabled ones.
+        for (let i = currentIndex + 1; i < options.length; i++) {
+            if (!options[i].disabled) {
+                this.handleOptionFocus(options[i].value);
+                return;
+            }
         }
     }
     focusPreviousOption() {
-        if (this.registeredOptions.length === 0)
+        const options = this.registeredOptions;
+        if (options.length === 0)
             return;
-        let prevIndex = this.registeredOptions.length - 1;
-        if (this.focusedOptionValue !== null) {
-            const currentIndex = this.registeredOptions.findIndex(opt => opt.value === this.focusedOptionValue);
-            prevIndex = currentIndex > 0 ? currentIndex - 1 : this.registeredOptions.length - 1;
-        }
-        const prevOption = this.registeredOptions[prevIndex];
-        if (prevOption && !prevOption.disabled) {
-            this.handleOptionFocus(prevOption.value);
+        const currentIndex = this.focusedOptionValue !== null
+            ? options.findIndex(opt => opt.value === this.focusedOptionValue)
+            : options.length;
+        // Walk backward to the previous enabled option, skipping disabled ones.
+        for (let i = currentIndex - 1; i >= 0; i--) {
+            if (!options[i].disabled) {
+                this.handleOptionFocus(options[i].value);
+                return;
+            }
         }
     }
     addToSearchBuffer(char) {
@@ -346,26 +398,19 @@ const SekiSelect$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelect extends H
     // Render
     // ===========================
     render() {
-        return (h(Host, { key: '5a1333b70dd0f6cb4e02c42643cd21b89f896ceb' }, h("slot", { key: 'd67d8ebd047bb146f42a5ce73871324868235137' }), this.name && this.renderHiddenNativeElement()));
-    }
-    renderHiddenNativeElement() {
-        if (this.multiple) {
-            return (h("select", { class: "select-native", name: this.name, multiple: true, required: this.required, disabled: this.disabled, "aria-hidden": "true", tabindex: -1 }, Array.isArray(this.internalValue) &&
-                this.internalValue.map(val => (h("option", { value: val, selected: true }, val)))));
-        }
-        else {
-            return (h("input", { type: "hidden", class: "select-native", name: this.name, value: this.internalValue, required: this.required, disabled: this.disabled }));
-        }
+        return (h(Host, { key: '3fad15b79a53f9ef681d129650f0f533c6c07ff8' }, h("slot", { key: 'f6d571849ceb5fa3459a252a76311df4c2c6dff4' })));
     }
+    static get formAssociated() { return true; }
     get el() { return this; }
     static get watchers() { return {
         "value": ["handleValuePropChange"],
         "open": ["handleOpenPropChange"],
         "isOpen": ["handleIsOpenChange"],
-        "internalValue": ["handleInternalValueChange"]
+        "internalValue": ["handleInternalValueChange"],
+        "disabled": ["handleDisabledChange"]
     }; }
     static get style() { return sekiSelectCss; }
-}, [257, "seki-select", {
+}, [321, "seki-select", {
         "value": [1032],
         "defaultValue": [8, "default-value"],
         "multiple": [4],
@@ -374,7 +419,7 @@ const SekiSelect$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelect extends H
         "required": [4],
         "open": [1028],
         "defaultOpen": [4, "default-open"],
-        "name": [1],
+        "name": [513],
         "maxVisiblePills": [2, "max-visible-pills"],
         "ariaLabel": [1, "aria-label"],
         "ariaLabelledby": [1, "aria-labelledby"],
@@ -397,7 +442,8 @@ const SekiSelect$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelect extends H
         "value": ["handleValuePropChange"],
         "open": ["handleOpenPropChange"],
         "isOpen": ["handleIsOpenChange"],
-        "internalValue": ["handleInternalValueChange"]
+        "internalValue": ["handleInternalValueChange"],
+        "disabled": ["handleDisabledChange"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/cdn/seki-separator.js CHANGED Viewed

@@ -29,7 +29,7 @@ const SekiSeparator$1 = /*@__PURE__*/ proxyCustomElement(class SekiSeparator ext
     }
     render() {
         const isVertical = this.orientation === 'vertical';
-        return (h("div", { key: 'ed4e388d8b14612ba2e7d5ba56d3107398a8f75f', class: {
+        return (h("div", { key: '7c9d4f8485d17373b0b8ba181be63c4fa56aa1aa', class: {
                 'seki-separator': true,
                 'seki-separator--horizontal': !isVertical,
                 'seki-separator--vertical': isVertical,

package/dist/cdn/seki-sheet-close.js CHANGED Viewed

@@ -21,7 +21,7 @@ const SekiSheetClose$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetClose e
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: '1cbac3a45a982cf402b796e8a5d1a2a7a555e967', class: "seki-sheet-close", part: "close", onClick: this.handleClick }, h("slot", { key: 'e0383ad8d5b6be4d9333387eb57a9555cd20f395' })));
+        return (h("div", { key: '6dd2f5309d4da6557f4f570677f80c91c244ab6e', class: "seki-sheet-close", part: "close", onClick: this.handleClick }, h("slot", { key: '39a1f16e2aa3d19e1b9a62b96c4aef6a30278aeb' })));
     }
     get el() { return this; }
     static get style() { return sekiSheetCss; }

package/dist/cdn/seki-sheet-description.js CHANGED Viewed

@@ -17,7 +17,7 @@ const SekiSheetDescription$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetD
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("p", { key: '1051b675aa3674a86d624b5bb520a6d9f37824bd', class: "seki-sheet-description", part: "description" }, h("slot", { key: '9117ef53a2d4c44ceeacfe9db450725f1ded8cb2' })));
+        return (h("p", { key: '30311fecac67e26c13a4ebf25b16f14c2a2c7dc0', class: "seki-sheet-description", part: "description" }, h("slot", { key: '0fcba9a2e7b525f21bf4ff3a8e5deabf7bc9f861' })));
     }
     get el() { return this; }
     static get style() { return sekiSheetCss; }

package/dist/cdn/seki-sheet-footer.js CHANGED Viewed

@@ -17,7 +17,7 @@ const SekiSheetFooter$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetFooter
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: 'dd056f387174e6588b920f3e42ecbadd05ce85eb', class: "seki-sheet-footer", part: "footer" }, h("slot", { key: '9dc0a77787334c15730e5c9123f90f33a1914d12' })));
+        return (h("div", { key: 'b7fb7fcf90475d33930f27895a565ef588bf4e6f', class: "seki-sheet-footer", part: "footer" }, h("slot", { key: '89fc76ca642736afd2c614a2cf924c2017f0bb47' })));
     }
     get el() { return this; }
     static get style() { return sekiSheetCss; }

package/dist/cdn/seki-sheet-header.js CHANGED Viewed

@@ -17,7 +17,7 @@ const SekiSheetHeader$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetHeader
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: '8792fcbb571404574ee5e7f016482b8fdb02edb2', class: "seki-sheet-header", part: "header" }, h("slot", { key: 'd151a643e10d99bca1029414b78ba260931d28fa' })));
+        return (h("div", { key: '6876a4ebeb5ad508f94a02dfd05e1cef1892013b', class: "seki-sheet-header", part: "header" }, h("slot", { key: '3e2019eb8835587cb9aebfd06ad0fb9e20f9bde7' })));
     }
     get el() { return this; }
     static get style() { return sekiSheetCss; }

package/dist/cdn/seki-sheet-title.js CHANGED Viewed

@@ -17,7 +17,7 @@ const SekiSheetTitle$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetTitle e
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("h2", { key: 'fa86c77c1e03fd9ab3f974347072def9827d2fa3', class: "seki-sheet-title", part: "title" }, h("slot", { key: '367a5f16a209b6fd0f3dc71f6b7be6bd1ed07573' })));
+        return (h("h2", { key: 'd0cdb3c0743914e4501aeb2b396b75800a183eed', class: "seki-sheet-title", part: "title" }, h("slot", { key: '3d978b2c5a42a971aae11ba31cf6c3b8ed452fe8' })));
     }
     get el() { return this; }
     static get style() { return sekiSheetCss; }

package/dist/cdn/seki-sheet-trigger.js CHANGED Viewed

@@ -21,7 +21,7 @@ const SekiSheetTrigger$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetTrigg
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: '994e3c0c66b00e3957dd5590c5a66639d1aff515', class: "seki-sheet-trigger", part: "trigger", onClick: this.handleClick }, h("slot", { key: '167575e4915968c6c45efe1a248a27b121c7937d' })));
+        return (h("div", { key: '0139f6ffe5f5039c1c098f194048254ee3cc8c2b', class: "seki-sheet-trigger", part: "trigger", onClick: this.handleClick }, h("slot", { key: 'dd86e3fdd694b556e2112d76279036d8d4252c4c' })));
     }
     get el() { return this; }
     static get style() { return sekiSheetCss; }

package/dist/cdn/seki-sheet.js CHANGED Viewed

@@ -59,10 +59,10 @@ const SekiSheet$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheet extends H {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: '614727058a67df99cd883d34eea0fc10c89e07a6', class: {
+        return (h("div", { key: 'bba151ac6fe32ddaa36a6d60b3ebb45209786362', class: {
                 'seki-sheet': true,
                 'seki-sheet--open': this.isOpen,
-            }, part: "sheet" }, h("slot", { key: '8d921a4be67d5ba1f9c27c56b913c46a611e1f76' }), this.isOpen && (h("div", { key: '2ef22f47303aaf10bc632db09dbf7d27380ab69c', class: "seki-sheet-overlay", part: "overlay", onClick: () => this.close() }))));
+            }, part: "sheet" }, h("slot", { key: '6e28341b810135c669581f010e5c3c6d8d276232' }), this.isOpen && (h("div", { key: 'a8382da9411b2b7e1929b938287a28b06628cc46', class: "seki-sheet-overlay", part: "overlay", onClick: () => this.close() }))));
     }
     get el() { return this; }
     static get style() { return sekiSheetCss; }

package/dist/cdn/seki-sidebar-content.js CHANGED Viewed

@@ -17,7 +17,7 @@ const SekiSidebarContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarC
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: 'efb6267ec6d84337046779af5c1750f939dddb70', class: "sidebar-content" }, h("slot", { key: '4d2b422428b2616e6c144dc628f15fd70f1122b9' })));
+        return (h("div", { key: '4737da0a0a4d547b659e9b160b07c2923cc1e3e0', class: "sidebar-content" }, h("slot", { key: '90ec37f12264da090fe9ace989dae3c402521e28' })));
     }
     get el() { return this; }
     static get style() { return sekiSidebarContentCss; }

package/dist/cdn/seki-sidebar-footer.js CHANGED Viewed

@@ -31,7 +31,7 @@ const SekiSidebarFooter$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarFo
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '5aa96420d96f1b83b57199a65c7bdd42c3df5211', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: 'd29f73d957757e1e0737dc3cbb7e540ab97e083b', class: { 'sidebar-footer': true, 'sidebar-footer--icon-mode': this._isIconMode } }, h("slot", { key: '6538184599c0bfeda91dc324ca9a2655dce0b5ea' }))));
+        return (h(Host, { key: '1152c6a4fa0594df739634a51897d2883d30377f', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: 'ec7d23a6d84fcaa3ccbda15ce237eb76e54ae48d', class: { 'sidebar-footer': true, 'sidebar-footer--icon-mode': this._isIconMode } }, h("slot", { key: 'bb8181e7b3c865bc599d9eb6dc480e484e250a39' }))));
     }
     get el() { return this; }
     static get style() { return sekiSidebarFooterCss; }

package/dist/cdn/seki-sidebar-group-action.js CHANGED Viewed

@@ -21,7 +21,7 @@ const SekiSidebarGroupAction$1 = /*@__PURE__*/ proxyCustomElement(class SekiSide
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: 'a6a84f2617364ca6c7f422010f8834506289bff3' }, h("button", { key: 'fe83283065195ad8bd76a5a4360c3d744812672f', class: "sidebar-group-action", type: "button", disabled: this.disabled, "aria-label": this.ariaLabel }, h("slot", { key: 'af5206dbafaba73927305d054737b8b9cc3eb446' }))));
+        return (h(Host, { key: 'dd28ffe5695923ac553db63ce9fd916911294a9b' }, h("button", { key: '6bc353a3635240cfb30118e6fbbcd66896ff3e9f', class: "sidebar-group-action", type: "button", disabled: this.disabled, "aria-label": this.ariaLabel }, h("slot", { key: '9f917fd544e68ce996283893a8b056467a16c153' }))));
     }
     get el() { return this; }
     static get style() { return sekiSidebarGroupActionCss; }

package/dist/cdn/seki-sidebar-group-content.js CHANGED Viewed

@@ -17,7 +17,7 @@ const SekiSidebarGroupContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiSid
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: '0b54d0090e51db825125ba86c21be82c08e5f74a', class: "sidebar-group-content" }, h("slot", { key: '23e35cfef208e22808272cf0cf2d55392cae873a' })));
+        return (h("div", { key: 'ad67fd3d5a4d329c748aada24f1e4f3b034ea900', class: "sidebar-group-content" }, h("slot", { key: 'f15f2b6f4f43b44869cfcb7d3bae08ada6089d2b' })));
     }
     get el() { return this; }
     static get style() { return sekiSidebarGroupCss; }

package/dist/cdn/seki-sidebar-group-label.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as SekiSidebarGroupLabel$1, d as defineCustomElement$1 } from './p-Dj6GD4nq.js';
+import { S as SekiSidebarGroupLabel$1, d as defineCustomElement$1 } from './p-CM3W2ecZ.js';
 const SekiSidebarGroupLabel = SekiSidebarGroupLabel$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/cdn/seki-sidebar-group.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, d as registerThemeSync, u as unregisterThemeSync, h } from './p-DpCiMzzg.js';
-import { d as defineCustomElement$2 } from './p-Dj6GD4nq.js';
+import { d as defineCustomElement$2 } from './p-CM3W2ecZ.js';
 const sekiSidebarGroupCss = ":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{--sidebar-foreground:var(--seki-sidebar-foreground);--sidebar-muted-foreground:var(--seki-sidebar-muted-foreground, hsl(240, 3.8%, 46.1%));display:block}.sidebar-group{display:flex;flex-direction:column;gap:0.25rem;padding:0.5rem 0}.sidebar-group-label{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.5rem 0.25rem;font-family:var(--seki-font-sans, system-ui, sans-serif);font-size:var(--seki-font-size-xs, 0.75rem);font-weight:var(--seki-font-weight-semibold, 600);line-height:var(--seki-line-height-tight, 1.25);color:var(--sidebar-muted-foreground);text-transform:uppercase;letter-spacing:0.05em}.sidebar-group-content{display:flex;flex-direction:column;gap:0.125rem}";
@@ -18,7 +18,7 @@ const SekiSidebarGroup$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarGro
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: '57ee8c7f266be7817ef0c2c08d00a8804a73052b', class: "sidebar-group" }, this.label && (h("seki-sidebar-group-label", { key: 'c2f47870898d7c1c256e20a08142660c2af5039d' }, this.label)), h("div", { key: '36b8f12110274b6df9a13214e12296e4e9c06fb3', class: "sidebar-group-content" }, h("slot", { key: 'b827f8839760b048df21bff413e30114e6234e8f' }))));
+        return (h("div", { key: '1d6a7c3473f7af44bd1af50b62ae089d7fc35c81', class: "sidebar-group" }, this.label && (h("seki-sidebar-group-label", { key: '42883a80189fb71391d35c24f303687b9efb7887' }, this.label)), h("div", { key: '429b4273b9511d07e55c34d5118d299c05bf0d0b', class: "sidebar-group-content" }, h("slot", { key: 'cef4eb3f9946caac5c3daae5d824a243d98d887c' }))));
     }
     get el() { return this; }
     static get style() { return sekiSidebarGroupCss; }

package/dist/cdn/seki-sidebar-header.js CHANGED Viewed

@@ -31,7 +31,7 @@ const SekiSidebarHeader$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarHe
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '0f4ec9ec27ba10ab22d2aa80adab6f396d4c371d', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: '045caea28040bca8270e39ddcb46911e3aba0b4a', class: { 'sidebar-header': true, 'sidebar-header--icon-mode': this._isIconMode } }, h("slot", { key: '62f68e1a0a2dfae1d15586ae88ee3ba69482936d' }))));
+        return (h(Host, { key: 'f9fb878683bbbfae9545a60e489600cab7cd43de', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: '183ee2acb6d6eb84f07f926e29b206f41bbc351d', class: { 'sidebar-header': true, 'sidebar-header--icon-mode': this._isIconMode } }, h("slot", { key: '4bb0f792eb9b6e3e76284a4e42282eacc400ad95' }))));
     }
     get el() { return this; }
     static get style() { return sekiSidebarHeaderCss; }

package/dist/cdn/seki-sidebar-inset.js CHANGED Viewed

@@ -17,7 +17,7 @@ const SekiSidebarInset$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarIns
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: 'e6a4bd76f1f368ea260bdeb82216214f35489d1c', class: "sidebar-inset" }, h("slot", { key: 'c47810e0a61e203cb4b67f2e52953c6e90e1872e' })));
+        return (h("div", { key: 'd62538c4b0e8288d5fe2298b14033fef14a7422e', class: "sidebar-inset" }, h("slot", { key: '22332275106cabf678d852c9f2d68e5dae431fd4' })));
     }
     get el() { return this; }
     static get style() { return sekiSidebarCss; }

package/dist/cdn/seki-sidebar-menu-action.js CHANGED Viewed

@@ -21,7 +21,7 @@ const SekiSidebarMenuAction$1 = /*@__PURE__*/ proxyCustomElement(class SekiSideb
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("button", { key: '52f62e4805f9cd25af4dfeb71aa39e69222a3c53', class: "sidebar-menu-action", disabled: this.disabled, type: "button", "aria-label": "More options" }, h("slot", { key: '3b0a9b8c54b8295ddc0dc661440d37e981ac7e78' })));
+        return (h("button", { key: 'a0a0a2b9ef20c017f81e95455fdfc95e3abde327', class: "sidebar-menu-action", disabled: this.disabled, type: "button", "aria-label": "More options" }, h("slot", { key: '405909f82702834fa0720dc99bd66d073488bb93' })));
     }
     get el() { return this; }
     static get style() { return sekiSidebarMenuCss; }