@sekiui/elements 0.0.65 → 0.0.69

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

@@ -0,0 +1,214 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-DJy0z1-k.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-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-context([data-theme=\"dark\"]) .scrollbar:hover{background:var(--seki-muted, hsl(0, 0%, 14.9%))}:host-context([data-theme=\"dark\"]) .thumb{background:var(--seki-border, hsl(0, 0%, 14.9%))}:host-context([data-theme=\"dark\"]) .thumb:hover,:host-context([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 SekiScrollBar$1 = /*@__PURE__*/ proxyCustomElement(class SekiScrollBar extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.isDragging = false;
+        this.dragStartPosition = 0;
+        this.dragStartScroll = 0;
+        this.scrollHandler = () => this.updateFromContext();
+        /**
+         * Scrollbar orientation
+         */
+        this.orientation = 'vertical';
+        /**
+         * Thumb size as percentage
+         */
+        this.thumbSize = 0;
+        /**
+         * Thumb position as percentage
+         */
+        this.thumbPosition = 0;
+        /**
+         * Whether scrollbar should be visible (has overflow)
+         */
+        this.hasOverflow = false;
+        this.handleTrackClick = (event) => {
+            if (event.target === this.thumbRef)
+                return;
+            if (!this.trackRef)
+                return;
+            const context = this.getContext();
+            if (!(context === null || context === void 0 ? void 0 : context.viewportEl))
+                return;
+            const rect = this.trackRef.getBoundingClientRect();
+            const isVertical = this.orientation === 'vertical';
+            if (isVertical) {
+                const clickPosition = (event.clientY - rect.top) / rect.height;
+                const maxScroll = context.scrollHeight - context.clientHeight;
+                context.viewportEl.scrollTop = clickPosition * maxScroll;
+            }
+            else {
+                const clickPosition = (event.clientX - rect.left) / rect.width;
+                const maxScroll = context.scrollWidth - context.clientWidth;
+                context.viewportEl.scrollLeft = clickPosition * maxScroll;
+            }
+        };
+        this.handleThumbMouseDown = (event) => {
+            event.preventDefault();
+            this.startDrag(event.clientX, event.clientY);
+        };
+        this.handleThumbTouchStart = (event) => {
+            const touch = event.touches[0];
+            this.startDrag(touch.clientX, touch.clientY);
+        };
+        this.handleMouseMove = (event) => {
+            if (!this.isDragging)
+                return;
+            this.handleDrag(event.clientX, event.clientY);
+        };
+        this.handleTouchMove = (event) => {
+            if (!this.isDragging)
+                return;
+            event.preventDefault();
+            const touch = event.touches[0];
+            this.handleDrag(touch.clientX, touch.clientY);
+        };
+        this.handleMouseUp = () => {
+            this.endDrag();
+        };
+        this.handleTouchEnd = () => {
+            this.endDrag();
+        };
+    }
+    getContext() {
+        const scrollArea = this.el.closest('seki-scroll-area');
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return scrollArea ? scrollArea._scrollAreaContext : null;
+    }
+    componentDidLoad() {
+        this.updateFromContext();
+        // Listen for scroll changes
+        const scrollArea = this.el.closest('seki-scroll-area');
+        if (scrollArea) {
+            this.scrollAreaRef = scrollArea;
+            scrollArea.addEventListener('sekiScroll', this.scrollHandler);
+            // Also update on resize
+            this.resizeObserver = new ResizeObserver(() => {
+                this.updateFromContext();
+            });
+            this.resizeObserver.observe(scrollArea);
+        }
+        // Setup drag listeners
+        document.addEventListener('mousemove', this.handleMouseMove);
+        document.addEventListener('mouseup', this.handleMouseUp);
+        document.addEventListener('touchmove', this.handleTouchMove, { passive: false });
+        document.addEventListener('touchend', this.handleTouchEnd);
+    }
+    disconnectedCallback() {
+        var _a, _b;
+        document.removeEventListener('mousemove', this.handleMouseMove);
+        document.removeEventListener('mouseup', this.handleMouseUp);
+        document.removeEventListener('touchmove', this.handleTouchMove);
+        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();
+    }
+    updateFromContext() {
+        const context = this.getContext();
+        if (!context)
+            return;
+        const isVertical = this.orientation === 'vertical';
+        if (isVertical) {
+            const { scrollTop, scrollHeight, clientHeight } = context;
+            this.hasOverflow = scrollHeight > clientHeight;
+            if (this.hasOverflow) {
+                // Thumb size as percentage of track
+                this.thumbSize = (clientHeight / scrollHeight) * 100;
+                // Thumb position as percentage
+                const maxScroll = scrollHeight - clientHeight;
+                this.thumbPosition = maxScroll > 0 ? (scrollTop / maxScroll) * (100 - this.thumbSize) : 0;
+            }
+        }
+        else {
+            const { scrollLeft, scrollWidth, clientWidth } = context;
+            this.hasOverflow = scrollWidth > clientWidth;
+            if (this.hasOverflow) {
+                this.thumbSize = (clientWidth / scrollWidth) * 100;
+                const maxScroll = scrollWidth - clientWidth;
+                this.thumbPosition = maxScroll > 0 ? (scrollLeft / maxScroll) * (100 - this.thumbSize) : 0;
+            }
+        }
+    }
+    startDrag(clientX, clientY) {
+        this.isDragging = true;
+        const context = this.getContext();
+        if (!context)
+            return;
+        const isVertical = this.orientation === 'vertical';
+        this.dragStartPosition = isVertical ? clientY : clientX;
+        this.dragStartScroll = isVertical ? context.scrollTop : context.scrollLeft;
+        document.body.style.userSelect = 'none';
+    }
+    handleDrag(clientX, clientY) {
+        const context = this.getContext();
+        if (!(context === null || context === void 0 ? void 0 : context.viewportEl) || !this.trackRef)
+            return;
+        const rect = this.trackRef.getBoundingClientRect();
+        const isVertical = this.orientation === 'vertical';
+        const trackSize = isVertical ? rect.height : rect.width;
+        const currentPosition = isVertical ? clientY : clientX;
+        const delta = currentPosition - this.dragStartPosition;
+        // Convert pixel delta to scroll delta
+        const scrollableDistance = isVertical
+            ? context.scrollHeight - context.clientHeight
+            : context.scrollWidth - context.clientWidth;
+        const thumbSizePixels = (this.thumbSize / 100) * trackSize;
+        const scrollRatio = scrollableDistance / (trackSize - thumbSizePixels);
+        const scrollDelta = delta * scrollRatio;
+        if (isVertical) {
+            context.viewportEl.scrollTop = this.dragStartScroll + scrollDelta;
+        }
+        else {
+            context.viewportEl.scrollLeft = this.dragStartScroll + scrollDelta;
+        }
+    }
+    endDrag() {
+        if (this.isDragging) {
+            this.isDragging = false;
+            document.body.style.userSelect = '';
+        }
+    }
+    render() {
+        if (!this.hasOverflow) {
+            return null;
+        }
+        const isVertical = this.orientation === 'vertical';
+        const thumbStyle = isVertical
+            ? { height: `${this.thumbSize}%`, top: `${this.thumbPosition}%` }
+            : { width: `${this.thumbSize}%`, left: `${this.thumbPosition}%` };
+        return (h(Host, { "aria-hidden": "true" }, h("div", { ref: (el) => (this.trackRef = el), part: "scrollbar", class: "scrollbar", "data-orientation": this.orientation, onClick: this.handleTrackClick }, h("div", { ref: (el) => (this.thumbRef = el), part: "thumb", class: "thumb", style: thumbStyle, onMouseDown: this.handleThumbMouseDown, onTouchStart: this.handleThumbTouchStart }))));
+    }
+    get el() { return this; }
+    static get style() { return sekiScrollBarCss; }
+}, [257, "seki-scroll-bar", {
+        "orientation": [513],
+        "thumbSize": [32],
+        "thumbPosition": [32],
+        "hasOverflow": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-scroll-bar"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-scroll-bar":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiScrollBar$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiScrollBar = SekiScrollBar$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiScrollBar, defineCustomElement };

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

@@ -15,7 +15,7 @@ const SekiSelectGroup$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelectGroup
     // Render
     // ===========================
     render() {
-        return (h(Host, { key: 'dca8fbe31e5c41a84c02d3d74c05b321c11d5a82' }, h("div", { key: 'ef8bee775f0d82ed8d07f9d0b6536b6e3260ebff', class: "group", role: "group", "aria-labelledby": this.groupLabelId }, h("div", { key: '146deb5607ba94f23a46b3f5baeafcabeec52658', class: "group-separator", "aria-hidden": "true" }), h("div", { key: '30ebf405317419271134651f39dce7ec74041078', class: "group-label", id: this.groupLabelId, role: "presentation" }, h("slot", { key: '36da05fa59cb940572280c746ea3975e4b93df72', name: "label" }, this.label)), h("div", { key: '4d0ce029f20b7d100d459e41549562f8d371e442', class: "group-options" }, h("slot", { key: 'fb5d98ef6ac46382df96a191d58965eb2d57ecbf' })))));
+        return (h(Host, { key: '854700579da301ebc8597750668ccafa2e6c6818' }, h("div", { key: '50d2f32f63e24cbaf675f3c7bbaa47b8e1a4eb34', class: "group", role: "group", "aria-labelledby": this.groupLabelId }, h("div", { key: 'd291e0af0bfa3f22e4f4e3025d185073f76de6eb', class: "group-separator", "aria-hidden": "true" }), h("div", { key: 'ada4a971353afbb4f50e58e6f68b4cd6ae18266f', class: "group-label", id: this.groupLabelId, role: "presentation" }, h("slot", { key: 'a0dcfef4f9a983642c1fa14fc33287dbf4222956', name: "label" }, this.label)), h("div", { key: '959a0c9abb6786d06d517cd9729c45349daf53af', class: "group-options" }, h("slot", { key: '8aa1d51c58c45f6d806445bd2ca34ec94e07b51e' })))));
     }
     static get style() { return sekiSelectGroupCss; }
 }, [257, "seki-select-group", {

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

@@ -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: '34b0054a9810a9717159d13938bc0a6714823972' }, h("div", { key: 'bdffceb8a1bc408998484bcf5fbc45b894854660', 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: '240b1b1ac7a97f029ead79838d88fcab8ec44324', class: "option-label" }, h("slot", { key: '6b425f82130d506460cee4278aaf11e5636ca41e' })), isSelected && (h("span", { key: '44e1260f0b069176051acabd2c0d068a907c2be0', class: "option-indicator", "aria-hidden": "true" }, h("slot", { key: '1bc3a477d945c10ba5dcd443f7dc08e87ab6632f', name: "selected-indicator" }, h("svg", { key: 'fb645a2cae4ab9379e8214569146d8cfa2e2d880', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'edf1ef0fd7578c7a3442741e36040a65a377db2e', d: "M10 3L4.5 8.5L2 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
+        return (h(Host, { key: '7021e96b4449873f1f3e4ed233c3a07411842cf6' }, h("div", { key: '8365465c9e0ba0ce6e73c178c6109417eba79e00', 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: '119293548ea068f0592831da9dbac61fb006400c', class: "option-label" }, h("slot", { key: '6c04339bc92a5aecb93644877fbe79facb29fea5' })), isSelected && (h("span", { key: '037fcde68ad103086e10bba094cb1392ab7d1324', class: "option-indicator", "aria-hidden": "true" }, h("slot", { key: '36c57502ae75f7a12ea4782a49666c0d183db46a', name: "selected-indicator" }, h("svg", { key: '4d1bb4155561689746197b843f86f0b8b0d2bb28', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'e1d8ae985b099ae5837f456743e34bdc777a8e9d', 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

@@ -342,7 +342,7 @@ const SekiSelect$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelect extends H
     // Render
     // ===========================
     render() {
-        return (h(Host, { key: 'c110550a601aa08d5abba413735d357240a5d9b3' }, h("slot", { key: '14139afd23b220b0f3081f7381aa5510131af8e8' }), this.name && this.renderHiddenNativeElement()));
+        return (h(Host, { key: '1713817f2c41e61b4970ab0bddddf3f5c235c438' }, h("slot", { key: '7c48491fd67c6825da7b1182491ec2c8c7c7a1ff' }), this.name && this.renderHiddenNativeElement()));
     }
     renderHiddenNativeElement() {
         if (this.multiple) {

package/dist/cdn/seki-separator.js

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

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

@@ -15,7 +15,7 @@ const SekiSheetClose$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetClose e
         };
     }
     render() {
-        return (h("div", { key: '7f8eacd7ccc7434d2e618ac5c54ccde1ba623a05', class: "seki-sheet-close", part: "close", onClick: this.handleClick }, h("slot", { key: 'f38e1ff6f5842c5d9fb60a9a1323601ba851b795' })));
+        return (h("div", { key: '733293c78f93b7e3bee4589dd674d85734de8139', class: "seki-sheet-close", part: "close", onClick: this.handleClick }, h("slot", { key: '264e1f2cb61df37474cbf1c295b3188259c17070' })));
     }
     static get style() { return sekiSheetCss; }
 }, [257, "seki-sheet-close"]);

package/dist/cdn/seki-sheet-content.js

@@ -27,10 +27,10 @@ const SekiSheetContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetConte
         }
     }
     render() {
-        return (h(Host, { key: 'ed1ff16d14f6b4018da1618edb1038a570123879', "data-side": this.side }, h("div", { key: '0fa8afd6ba15e0a32dd14d68c05d701e0b1f12e6', role: "dialog", "aria-modal": "true", class: {
+        return (h(Host, { key: '652d09db19bf28de5ed62a9cb002344ca7e2f22a', "data-side": this.side }, h("div", { key: 'c589924dafc9169302fe56b2d551856c50fe7875', role: "dialog", "aria-modal": "true", class: {
                 'seki-sheet-content': true,
                 [`seki-sheet-content--${this.side}`]: true,
-            }, part: "content" }, h("button", { key: 'fdcdc83fc3f7bc2cfe19a4e40db391e640c398e8', type: "button", class: "seki-sheet-close-button", "aria-label": "Close", onClick: this.handleCloseClick }, h("svg", { key: 'efc7b88ae3123e0e76fc82af69e1648ae56b63d8', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: '7fc51c72b57108da90c03a4ef5a209f52cf4e518', d: "M18 6 6 18" }), h("path", { key: 'a43b7d1e5d81e46b729376dd1e3949ae00ae933f', d: "m6 6 12 12" }))), h("slot", { key: '9b979b500288b9293ea6df3d38204795e230d2c9' }))));
+            }, part: "content" }, h("button", { key: '359d587f63a59f382e73a850034fb351f5a4305c', type: "button", class: "seki-sheet-close-button", "aria-label": "Close", onClick: this.handleCloseClick }, h("svg", { key: 'c388e78609e4233fbfbc98afda060919afd4631f', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: '53dd128a38cf28f77c4b1f23cf4321b27f86baba', d: "M18 6 6 18" }), h("path", { key: '2a47e222327416e6b1edb31bce0742f3e69de539', d: "m6 6 12 12" }))), h("slot", { key: '2a0b004fc71a14404b9b642a955022bb67297fb0' }))));
     }
     get el() { return this; }
     static get style() { return sekiSheetCss; }

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

@@ -11,7 +11,7 @@ const SekiSheetDescription$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetD
         this.__attachShadow();
     }
     render() {
-        return (h("p", { key: '9fbe3f677aba8e70c32f2bff2cf21e0013dc17fa', class: "seki-sheet-description", part: "description" }, h("slot", { key: 'd42cf576101d5c6a7f1dae4fb8916dbb8cf52bc1' })));
+        return (h("p", { key: '3309e9c4f8c55ec6c35281866a3d4dc28fb53625', class: "seki-sheet-description", part: "description" }, h("slot", { key: '9028f2b865c6eb96fd50d42a83a9b21b0e8e7ae5' })));
     }
     static get style() { return sekiSheetCss; }
 }, [257, "seki-sheet-description"]);

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

@@ -11,7 +11,7 @@ const SekiSheetFooter$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetFooter
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: 'ec2e5a79224929f7dadba9d92dd8909ed6756677', class: "seki-sheet-footer", part: "footer" }, h("slot", { key: 'e17445b1ec97a254bfa043bd082f9e9a2176d58e' })));
+        return (h("div", { key: 'd8250ffda74fbb802b7bc874157c40c730821ce7', class: "seki-sheet-footer", part: "footer" }, h("slot", { key: 'b7cbcb553d21e727a96876c55a695fde2901c4ff' })));
     }
     static get style() { return sekiSheetCss; }
 }, [257, "seki-sheet-footer"]);

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

@@ -11,7 +11,7 @@ const SekiSheetHeader$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetHeader
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '2aeb8dc8c9c739f20656e8436ca57a05fd1deaba', class: "seki-sheet-header", part: "header" }, h("slot", { key: '5135f9a81ad77e6c69433f737b1d62c11d8a6921' })));
+        return (h("div", { key: '7b98f20366a5ed4800cd984ca9787b97e3749df0', class: "seki-sheet-header", part: "header" }, h("slot", { key: 'c036551ac51c066ffe84bb6106e57708765740bb' })));
     }
     static get style() { return sekiSheetCss; }
 }, [257, "seki-sheet-header"]);

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

@@ -11,7 +11,7 @@ const SekiSheetTitle$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetTitle e
         this.__attachShadow();
     }
     render() {
-        return (h("h2", { key: '09748dc861d9d3e1ff77cd488c535f8beef72661', class: "seki-sheet-title", part: "title" }, h("slot", { key: 'ca2f9a8f9ca917d13b788dab40c95642fd6d269e' })));
+        return (h("h2", { key: '77a62e9941ef7a26037962fcda360b09716665fb', class: "seki-sheet-title", part: "title" }, h("slot", { key: '718987c1aed326e0d94278e98245891a70e7b506' })));
     }
     static get style() { return sekiSheetCss; }
 }, [257, "seki-sheet-title"]);

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

@@ -15,7 +15,7 @@ const SekiSheetTrigger$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetTrigg
         };
     }
     render() {
-        return (h("div", { key: '7944f71598de1c7029cd12d56c9f6005e8b585ce', class: "seki-sheet-trigger", part: "trigger", onClick: this.handleClick }, h("slot", { key: 'e876c1ad18ac2e76b6d0b510bc740021ff30bf97' })));
+        return (h("div", { key: 'cf15768bc7e6ed460c073b57f07d124e075431ae', class: "seki-sheet-trigger", part: "trigger", onClick: this.handleClick }, h("slot", { key: '6470172a96064c99b04e12d6ba0bc364ba2e2bbb' })));
     }
     static get style() { return sekiSheetCss; }
 }, [257, "seki-sheet-trigger"]);

package/dist/cdn/seki-sheet.js

@@ -53,10 +53,10 @@ const SekiSheet$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheet extends H {
         }
     }
     render() {
-        return (h("div", { key: '874c68220787799bdaa3ae8ed29ca86c1b587823', class: {
+        return (h("div", { key: '1272647e7d9b293d49d5f898df37dfb7cfd8db71', class: {
                 'seki-sheet': true,
                 'seki-sheet--open': this.isOpen,
-            }, part: "sheet" }, h("slot", { key: '7137d6e580a7b54b1fd40dcbbe150420755dd2a6' }), this.isOpen && (h("div", { key: 'bd643a315d033026f995d5169ea3c81b39db4287', class: "seki-sheet-overlay", part: "overlay", onClick: () => this.close() }))));
+            }, part: "sheet" }, h("slot", { key: 'f6b172998b0726a733e2c73074f88c144b69ba0e' }), this.isOpen && (h("div", { key: '38f44eadb22bbfdceb23602f455cb1ca72be999d', class: "seki-sheet-overlay", part: "overlay", onClick: () => this.close() }))));
     }
     static get style() { return sekiSheetCss; }
 }, [257, "seki-sheet", {

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

@@ -11,7 +11,7 @@ const SekiSidebarContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarC
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '440800f4a55551a29c0a1570c6e1b7fcb0aaa3be', class: "sidebar-content" }, h("slot", { key: 'ded6225e91fb6b155e90f55c7aa469fbed4a49e5' })));
+        return (h("div", { key: 'c470cba177e1786b48205272dbea57df708c6668', class: "sidebar-content" }, h("slot", { key: 'bcbedee88979cec9020d9c91904fd680d2cf255c' })));
     }
     static get style() { return sekiSidebarContentCss; }
 }, [257, "seki-sidebar-content"]);

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

@@ -25,7 +25,7 @@ const SekiSidebarFooter$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarFo
         this._isIconMode = !event.detail.open && !event.detail.isMobile;
     }
     render() {
-        return (h(Host, { key: '7533108aae72a1fc510668de33c0265315fa09f2', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: '004b64c3d9afee004807ad9db13e6fc233ccd407', class: { 'sidebar-footer': true, 'sidebar-footer--icon-mode': this._isIconMode } }, h("slot", { key: '80493bb142f326bb31ced8e8553794dbe66703f6' }))));
+        return (h(Host, { key: '7a49115c8008bbd824b7f75679ef18d83f2cf94c', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: 'c02cb53ed0394049c4b56028b6a2848474640032', class: { 'sidebar-footer': true, 'sidebar-footer--icon-mode': this._isIconMode } }, h("slot", { key: '609c52d13a68af9e5581478e21dd58ebe5bfb309' }))));
     }
     static get style() { return sekiSidebarFooterCss; }
 }, [257, "seki-sidebar-footer", {

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

@@ -15,7 +15,7 @@ const SekiSidebarGroupAction$1 = /*@__PURE__*/ proxyCustomElement(class SekiSide
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '80f23ed1303997491b01245989dc6ef0d1a1097c' }, h("button", { key: 'c6e71e6a2e6fea6a6b075a461141f4f0590eb9c6', class: "sidebar-group-action", type: "button", disabled: this.disabled, "aria-label": this.ariaLabel }, h("slot", { key: '41db36bee9d1bf6421808c3107e1a9d99e429d08' }))));
+        return (h(Host, { key: '0ec72375fae1159d0d4cdbea7b71979cc28e35e1' }, h("button", { key: 'ecc25c261ec630d50b957a52815a3b40d92926d2', class: "sidebar-group-action", type: "button", disabled: this.disabled, "aria-label": this.ariaLabel }, h("slot", { key: 'cd44ed5293665d3a3b023fe1749724c98693fa3c' }))));
     }
     static get style() { return sekiSidebarGroupActionCss; }
 }, [257, "seki-sidebar-group-action", {

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

@@ -11,7 +11,7 @@ const SekiSidebarGroupContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiSid
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: 'b6abc168dfb77d0fadd60727fec0d662b3ef915b', class: "sidebar-group-content" }, h("slot", { key: '178dd847412c2f894fddb4c6d25e15b21f2c9558' })));
+        return (h("div", { key: 'b83f6deff78f0444f1b6039c11761b5a3a67c8be', class: "sidebar-group-content" }, h("slot", { key: '1927a7ff9e4cf1689b5695d80c908af7609a3b7b' })));
     }
     static get style() { return sekiSidebarGroupCss; }
 }, [257, "seki-sidebar-group-content"]);

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

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

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-DJy0z1-k.js';
-import { d as defineCustomElement$2 } from './p-COHtFZQr.js';
+import { d as defineCustomElement$2 } from './p-Bm51JquO.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-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}";
 
@@ -12,7 +12,7 @@ const SekiSidebarGroup$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarGro
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: 'b7c7c38de6eaa2437d14c64d1a75b58a2775b9e3', class: "sidebar-group" }, this.label && (h("seki-sidebar-group-label", { key: '77314d079fde51fe6b6d4c083dc07f5ffef98f65' }, this.label)), h("div", { key: '7d7e9ff88e755758fcaa5fe518d663a2d6b46060', class: "sidebar-group-content" }, h("slot", { key: '70c4a637ff684409f14424ac8c669aefa53a141c' }))));
+        return (h("div", { key: 'dc83c269a0e1e967863f01bab6d391aaeff6c529', class: "sidebar-group" }, this.label && (h("seki-sidebar-group-label", { key: 'bcb35e686fafb33a8f90153cb8eb405015c1f801' }, this.label)), h("div", { key: '805d5086d34b32428f1204709810f0b540084427', class: "sidebar-group-content" }, h("slot", { key: 'ebbad1c2a1ea54b3cf1d935e74e50ca6164482cd' }))));
     }
     static get style() { return sekiSidebarGroupCss; }
 }, [257, "seki-sidebar-group", {

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

@@ -25,7 +25,7 @@ const SekiSidebarHeader$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarHe
         this._isIconMode = !event.detail.open && !event.detail.isMobile;
     }
     render() {
-        return (h(Host, { key: '80fa3e3f3114904e540aeed90055875cba54bd9d', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: 'f9e361e8f673dc6a5cf7d220f2e532b39dd35a9e', class: { 'sidebar-header': true, 'sidebar-header--icon-mode': this._isIconMode } }, h("slot", { key: '4597be6db31279cdcabc16fa52d317d6f5ed7a80' }))));
+        return (h(Host, { key: 'c4cba12a6a02472ba62b6a41c39cc3bc86e6a921', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: '68fc42d30aa3b8a07a8720a686812c945e51df8d', class: { 'sidebar-header': true, 'sidebar-header--icon-mode': this._isIconMode } }, h("slot", { key: '99d0abb43ee282c52ba53315f892dde9bef6da84' }))));
     }
     static get style() { return sekiSidebarHeaderCss; }
 }, [257, "seki-sidebar-header", {

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

@@ -11,7 +11,7 @@ const SekiSidebarInset$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarIns
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: 'f5e0668608715a3baee9aeb62db2727373f93355', class: "sidebar-inset" }, h("slot", { key: '282318b6efd605111a5669f59c8cd111f28f8fc3' })));
+        return (h("div", { key: 'e31080befeb07b99548644fd7898745b4f64ceaf', class: "sidebar-inset" }, h("slot", { key: '7631ba0966e199e2a806e1c0844ee3c4abd658dd' })));
     }
     static get style() { return sekiSidebarCss; }
 }, [257, "seki-sidebar-inset"]);

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

@@ -15,7 +15,7 @@ const SekiSidebarMenuAction$1 = /*@__PURE__*/ proxyCustomElement(class SekiSideb
         this.disabled = false;
     }
     render() {
-        return (h("button", { key: '2b0cfc60d4435f5542fe69b32a61c4e6f4bac7b3', class: "sidebar-menu-action", disabled: this.disabled, type: "button", "aria-label": "More options" }, h("slot", { key: 'bd496508028b5b579d5d54b7be4e5354d8d02852' })));
+        return (h("button", { key: 'eebc7af3c060402ceedffaac78a9b937392762f9', class: "sidebar-menu-action", disabled: this.disabled, type: "button", "aria-label": "More options" }, h("slot", { key: '91018cbf484c203c5c134ce45b549f4d822dcf7a' })));
     }
     static get style() { return sekiSidebarMenuCss; }
 }, [257, "seki-sidebar-menu-action", {

package/dist/cdn/seki-sidebar-menu-badge.js

@@ -11,7 +11,7 @@ const SekiSidebarMenuBadge$1 = /*@__PURE__*/ proxyCustomElement(class SekiSideba
         this.__attachShadow();
     }
     render() {
-        return (h("span", { key: 'bd8c865ae2c4608299012cab994a6b4340db748c', class: "sidebar-menu-badge" }, h("slot", { key: 'ea28d94f9058c392b1ae77b6e3a03a259b574d38' })));
+        return (h("span", { key: '80ff9dccd43ef5ca5f4790892d3f297be92e51ef', class: "sidebar-menu-badge" }, h("slot", { key: '0a65ce157e4bc68f40fddbe8727eeec830c55766' })));
     }
     static get style() { return sekiSidebarMenuCss; }
 }, [257, "seki-sidebar-menu-badge"]);

package/dist/cdn/seki-sidebar-menu-button.js

@@ -76,7 +76,7 @@ const SekiSidebarMenuButton$1 = /*@__PURE__*/ proxyCustomElement(class SekiSideb
                 buttonProps.tabIndex = -1;
             }
         }
-        return (h(Tag, Object.assign({ key: '089f3657d4a5e3e7d36f1970d3d048257ee838a6' }, buttonProps), h("span", { key: '3db7e5f530a34e7e547c98c3ee549e522d8b0d8e', class: "sidebar-menu-button-content" }, h("slot", { key: 'd75951d5ea727caa8dec556efe21c1116038c0c1' })), this._isIconMode && this.tooltipText && (h("span", { key: '1907a24cff0aa545f5f069b04ce822760bbaefb4', class: "sr-only" }, this.tooltipText))));
+        return (h(Tag, Object.assign({ key: 'db1008aceefb2f8573ae49bdac432dc5d95b247f' }, buttonProps), h("span", { key: '4f249c4ade199ba487bca1087f6baf71350be810', class: "sidebar-menu-button-content" }, h("slot", { key: 'f96cdb058e69d102a5667c4a0e337b37dcbf4e67' })), this._isIconMode && this.tooltipText && (h("span", { key: 'd24c134ec227fde5a7962e71e93ac2d681873227', class: "sr-only" }, this.tooltipText))));
     }
     get el() { return this; }
     static get style() { return sekiSidebarMenuCss; }

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

@@ -11,7 +11,7 @@ const SekiSidebarMenuItem$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebar
         this.__attachShadow();
     }
     render() {
-        return (h("li", { key: '04f297c6a73cf5b838edaa84eb75df5660c9d1a6', class: "sidebar-menu-item", role: "none" }, h("slot", { key: '16f03115765577233d2dda3837cc64c7e70ae698' })));
+        return (h("li", { key: '3d481de2d3118616d7576f44d4bf7bfccd550f65', class: "sidebar-menu-item", role: "none" }, h("slot", { key: 'b8c34d9314660e5c93298689622ce3b95b096dfd' })));
     }
     static get style() { return sekiSidebarMenuCss; }
 }, [257, "seki-sidebar-menu-item"]);

package/dist/cdn/seki-sidebar-menu-skeleton.js

@@ -15,7 +15,7 @@ const SekiSidebarMenuSkeleton$1 = /*@__PURE__*/ proxyCustomElement(class SekiSid
         this.showIcon = false;
     }
     render() {
-        return (h("div", { key: '590cbb890e448303c4363b4acd9fbf9fe5edac49', class: "sidebar-menu-skeleton" }, this.showIcon && h("div", { key: '31fe3117640c6bdaf1d12dd4659041dd56d7ea0c', class: "sidebar-menu-skeleton-icon" }), h("div", { key: '4f6313760e452a7a8483c33a9955783b16e8c0f1', class: "sidebar-menu-skeleton-text" })));
+        return (h("div", { key: '03c23eafe3c39e8d5303bbe587600300c57e2a42', class: "sidebar-menu-skeleton" }, this.showIcon && h("div", { key: '1cc9bbdd981668e227f78cf0401fc9096fc69ced', class: "sidebar-menu-skeleton-icon" }), h("div", { key: '1a0d17e3a00783e9814579928d06123ab5c0e4c2', class: "sidebar-menu-skeleton-text" })));
     }
     static get style() { return sekiSidebarMenuCss; }
 }, [257, "seki-sidebar-menu-skeleton", {

package/dist/cdn/seki-sidebar-menu-sub-button.js

@@ -19,10 +19,10 @@ const SekiSidebarMenuSubButton$1 = /*@__PURE__*/ proxyCustomElement(class SekiSi
         this.disabled = false;
     }
     render() {
-        return (h("button", { key: '6bf08f32b14152c0a6f99536d711a3c2d3ab47d5', class: {
+        return (h("button", { key: '521f97bd1b7ed25dc54827783de27bae45d4bb1b', class: {
                 'sidebar-menu-sub-button': true,
                 'sidebar-menu-sub-button--active': this.active,
-            }, disabled: this.disabled, type: "button", role: "menuitem" }, h("slot", { key: 'd925e659cd1af0ae739cc99e108923ac9a0c7b77' })));
+            }, disabled: this.disabled, type: "button", role: "menuitem" }, h("slot", { key: '037ef1075c017f1f0828492260371fce7360703a' })));
     }
     static get style() { return sekiSidebarMenuSubCss; }
 }, [257, "seki-sidebar-menu-sub-button", {

package/dist/cdn/seki-sidebar-menu-sub-item.js

@@ -11,7 +11,7 @@ const SekiSidebarMenuSubItem$1 = /*@__PURE__*/ proxyCustomElement(class SekiSide
         this.__attachShadow();
     }
     render() {
-        return (h("li", { key: 'fdc5c44c48bdca7ed4d7c9c2ff13498ef8c4b192', class: "sidebar-menu-sub-item", role: "none" }, h("slot", { key: 'c8acb7d91828c783565eb6357a27f691f2b295ec' })));
+        return (h("li", { key: 'aed5cd3ec911836d8de10f129bc116874e6e8d6b', class: "sidebar-menu-sub-item", role: "none" }, h("slot", { key: '501518d341e0669a7acb177a589e94684acd4d7f' })));
     }
     static get style() { return sekiSidebarMenuSubCss; }
 }, [257, "seki-sidebar-menu-sub-item"]);