@sekiui/elements 0.0.60 → 0.0.63

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

@@ -0,0 +1,134 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-C_O046uN.js';
+
+const sekiAccordionTriggerCss = ":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}:host([data-disabled]){pointer-events:none}.accordion-trigger{display:flex;flex:1;align-items:center;justify-content:space-between;width:100%;padding:1rem 0;font-family:var(--seki-font-sans, system-ui, sans-serif);font-size:var(--seki-font-size-sm, 0.875rem);font-weight:var(--seki-font-weight-medium, 500);line-height:var(--seki-line-height-normal, 1.5);color:inherit;text-align:left;background:transparent;border:none;cursor:pointer;transition:text-decoration-color 0.2s ease;-webkit-appearance:none;appearance:none}.accordion-trigger:hover{text-decoration:underline}.accordion-trigger:disabled{opacity:0.5;cursor:not-allowed;text-decoration:none}.accordion-trigger:focus-visible{outline:2px solid var(--seki-ring, hsl(240 5% 64.9%));outline-offset:2px;border-radius:var(--seki-radius-sm, 0.25rem)}.accordion-chevron{flex-shrink:0;width:1rem;height:1rem;color:var(--seki-muted-foreground, hsl(240 3.8% 46.1%));transition:transform var(--seki-animation-normal, 200ms) var(--seki-ease-in-out, cubic-bezier(0.4, 0, 0.2, 1))}.accordion-chevron--open{transform:rotate(180deg)}";
+
+const SekiAccordionTrigger$1 = /*@__PURE__*/ proxyCustomElement(class SekiAccordionTrigger extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this._isOpen = false;
+    }
+    getItemContext() {
+        const item = this.el.closest('seki-accordion-item');
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return item ? item._accordionItemContext : null;
+    }
+    componentWillRender() {
+        var _a;
+        const context = this.getItemContext();
+        this._isOpen = (_a = context === null || context === void 0 ? void 0 : context.isOpen) !== null && _a !== void 0 ? _a : false;
+    }
+    handleClick() {
+        const context = this.getItemContext();
+        if (context && !context.disabled) {
+            context.toggle();
+        }
+    }
+    handleKeyDown(event) {
+        const context = this.getItemContext();
+        if (!context || context.disabled)
+            return;
+        switch (event.key) {
+            case 'Enter':
+            case ' ':
+                event.preventDefault();
+                context.toggle();
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                this.focusPreviousTrigger();
+                break;
+            case 'ArrowDown':
+                event.preventDefault();
+                this.focusNextTrigger();
+                break;
+            case 'Home':
+                event.preventDefault();
+                this.focusFirstTrigger();
+                break;
+            case 'End':
+                event.preventDefault();
+                this.focusLastTrigger();
+                break;
+        }
+    }
+    getAllTriggers() {
+        const accordion = this.el.closest('seki-accordion');
+        if (!accordion)
+            return [];
+        return Array.from(accordion.querySelectorAll('seki-accordion-trigger'));
+    }
+    focusPreviousTrigger() {
+        var _a;
+        const triggers = this.getAllTriggers();
+        const currentIndex = triggers.indexOf(this.el);
+        const previousIndex = currentIndex > 0 ? currentIndex - 1 : triggers.length - 1;
+        (_a = triggers[previousIndex]) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    focusNextTrigger() {
+        var _a;
+        const triggers = this.getAllTriggers();
+        const currentIndex = triggers.indexOf(this.el);
+        const nextIndex = currentIndex < triggers.length - 1 ? currentIndex + 1 : 0;
+        (_a = triggers[nextIndex]) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    focusFirstTrigger() {
+        var _a;
+        const triggers = this.getAllTriggers();
+        (_a = triggers[0]) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    focusLastTrigger() {
+        var _a;
+        const triggers = this.getAllTriggers();
+        (_a = triggers[triggers.length - 1]) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    componentDidLoad() {
+        // Listen for value changes from parent accordion
+        const accordion = this.el.closest('seki-accordion');
+        if (accordion) {
+            accordion.addEventListener('sekiValueChange', () => {
+                var _a;
+                const context = this.getItemContext();
+                this._isOpen = (_a = context === null || context === void 0 ? void 0 : context.isOpen) !== null && _a !== void 0 ? _a : false;
+            });
+        }
+    }
+    render() {
+        var _a, _b, _c, _d;
+        const context = this.getItemContext();
+        const isOpen = (_a = context === null || context === void 0 ? void 0 : context.isOpen) !== null && _a !== void 0 ? _a : false;
+        const disabled = (_b = context === null || context === void 0 ? void 0 : context.disabled) !== null && _b !== void 0 ? _b : false;
+        const contentId = (_c = context === null || context === void 0 ? void 0 : context.contentId) !== null && _c !== void 0 ? _c : '';
+        const triggerId = (_d = context === null || context === void 0 ? void 0 : context.triggerId) !== null && _d !== void 0 ? _d : '';
+        return (h(Host, { key: '287f35c02244c36e3ae8bc4ac751b1839bb8f2e2', "data-state": isOpen ? 'open' : 'closed', "data-disabled": disabled ? '' : undefined, tabindex: disabled ? -1 : 0, role: "button" }, h("button", { key: '2fc2f93825b1e8c394303aa16b8d8a41d22c8432', part: "trigger", type: "button", id: triggerId, class: "accordion-trigger", "aria-expanded": isOpen ? 'true' : 'false', "aria-controls": contentId, disabled: disabled }, h("slot", { key: '9024088fe4070feb082e4fc2f809341bcc5ba916' }), h("svg", { key: '11872179e7ef7857dfb57bed615c0be7f47070a9', part: "icon", class: {
+                'accordion-chevron': true,
+                'accordion-chevron--open': isOpen,
+            }, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: 'b427c13217577921312304181c52f3fb3c37b8e9', d: "m6 9 6 6 6-6" })))));
+    }
+    get el() { return this; }
+    static get style() { return sekiAccordionTriggerCss; }
+}, [257, "seki-accordion-trigger", {
+        "_isOpen": [32]
+    }, [[0, "click", "handleClick"], [0, "keydown", "handleKeyDown"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-accordion-trigger"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-accordion-trigger":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiAccordionTrigger$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiAccordionTrigger = SekiAccordionTrigger$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiAccordionTrigger, defineCustomElement };

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

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

package/dist/components/seki-accordion.js

@@ -0,0 +1,138 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-C_O046uN.js';
+
+const sekiAccordionCss = ":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}:host([disabled]){pointer-events:none;opacity:0.5}.accordion{display:flex;flex-direction:column}";
+
+const SekiAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SekiAccordion extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.sekiValueChange = createEvent(this, "sekiValueChange");
+        /**
+         * Accordion type - single allows only one item open, multiple allows many
+         */
+        this.type = 'single';
+        /**
+         * Whether all items can be closed in single mode
+         */
+        this.collapsible = false;
+        /**
+         * Disable all accordion items
+         */
+        this.disabled = false;
+        /**
+         * Internal state for open items
+         */
+        this._openItems = [];
+    }
+    componentWillLoad() {
+        var _a;
+        // Initialize from value or defaultValue
+        const initialValue = (_a = this.value) !== null && _a !== void 0 ? _a : this.defaultValue;
+        if (initialValue) {
+            this._openItems = Array.isArray(initialValue) ? [...initialValue] : [initialValue];
+        }
+    }
+    valueChanged(newValue) {
+        if (newValue !== undefined) {
+            this._openItems = Array.isArray(newValue) ? [...newValue] : [newValue];
+        }
+    }
+    /**
+     * Toggle an item's open state
+     */
+    async toggleItem(itemValue) {
+        if (this.disabled)
+            return;
+        const isCurrentlyOpen = this._openItems.includes(itemValue);
+        if (this.type === 'single') {
+            if (isCurrentlyOpen) {
+                // Only close if collapsible
+                if (this.collapsible) {
+                    this._openItems = [];
+                    this.value = undefined;
+                    this.sekiValueChange.emit('');
+                }
+            }
+            else {
+                this._openItems = [itemValue];
+                this.value = itemValue;
+                this.sekiValueChange.emit(itemValue);
+            }
+        }
+        else {
+            // Multiple mode
+            if (isCurrentlyOpen) {
+                this._openItems = this._openItems.filter(v => v !== itemValue);
+            }
+            else {
+                this._openItems = [...this._openItems, itemValue];
+            }
+            this.value = [...this._openItems];
+            this.sekiValueChange.emit([...this._openItems]);
+        }
+        // Update context for child components
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.el._accordionContext = this.getContext();
+    }
+    isItemOpen(itemValue) {
+        return this._openItems.includes(itemValue);
+    }
+    getContext() {
+        return {
+            type: this.type,
+            value: this._openItems,
+            disabled: this.disabled,
+            collapsible: this.collapsible,
+            toggleItem: (itemValue) => this.toggleItem(itemValue),
+            isItemOpen: (itemValue) => this.isItemOpen(itemValue),
+        };
+    }
+    componentDidLoad() {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.el._accordionContext = this.getContext();
+    }
+    componentDidUpdate() {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.el._accordionContext = this.getContext();
+    }
+    render() {
+        return (h(Host, { key: 'b367d40aeb0681c76bed2604253a9c252f8d6789', "data-disabled": this.disabled ? '' : undefined }, h("div", { key: '059af8e7d70150b2d1d21278d42bc80e82c371a6', part: "accordion", class: "accordion" }, h("slot", { key: 'cdd5a8de344649e1444994de99d52590ac774575' }))));
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "value": ["valueChanged"]
+    }; }
+    static get style() { return sekiAccordionCss; }
+}, [257, "seki-accordion", {
+        "type": [1],
+        "value": [1025],
+        "defaultValue": [1, "default-value"],
+        "collapsible": [4],
+        "disabled": [516],
+        "_openItems": [32],
+        "toggleItem": [64]
+    }, undefined, {
+        "value": ["valueChanged"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-accordion"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-accordion":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiAccordion$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiAccordion = SekiAccordion$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiAccordion, defineCustomElement };

package/dist/components/seki-alert-description.d.ts

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

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

@@ -0,0 +1,39 @@
+import { p as proxyCustomElement, H, h } from './p-C_O046uN.js';
+
+const sekiAlertCss = ":host{--seki-alert-padding:1rem;--seki-alert-gap:0.75rem;--seki-alert-border-radius:var(--seki-radius-lg, 0.5rem);--seki-alert-border-width:1px;--seki-alert-default-bg:var(--color-background, #ffffff);--seki-alert-default-border:var(--color-border, #e5e7eb);--seki-alert-default-text:var(--color-foreground, #0f172a);--seki-alert-default-icon:var(--color-foreground, #0f172a);--seki-alert-destructive-bg:var(--color-destructive-bg, #fef2f2);--seki-alert-destructive-border:var(--color-destructive, #ef4444);--seki-alert-destructive-text:var(--color-destructive, #dc2626);--seki-alert-destructive-icon:var(--color-destructive, #dc2626);--seki-alert-title-font-size:var(--seki-font-size-base, 1rem);--seki-alert-title-font-weight:var(--seki-font-weight-medium, 500);--seki-alert-title-line-height:var(--seki-line-height-tight, 1.25);--seki-alert-title-letter-spacing:-0.025em;--seki-alert-desc-font-size:var(--seki-font-size-sm, 0.875rem);--seki-alert-desc-font-weight:var(--seki-font-weight-normal, 400);--seki-alert-desc-line-height:var(--seki-line-height-normal, 1.5);--seki-alert-font-family:var(--seki-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);--seki-alert-icon-size:1rem;display:block}:host([data-theme='dark']){--seki-alert-default-bg:var(--color-background-dark, #1f2937);--seki-alert-default-border:var(--color-border-dark, #374151);--seki-alert-default-text:var(--color-foreground-dark, #f9fafb);--seki-alert-default-icon:var(--color-foreground-dark, #f9fafb);--seki-alert-destructive-bg:rgba(239, 68, 68, 0.1);--seki-alert-destructive-border:var(--color-destructive-dark, #f87171);--seki-alert-destructive-text:var(--color-destructive-dark, #f87171);--seki-alert-destructive-icon:var(--color-destructive-dark, #f87171)}.seki-alert{position:relative;display:flex;width:100%;padding:var(--seki-alert-padding);border-radius:var(--seki-alert-border-radius);border:var(--seki-alert-border-width) solid;font-family:var(--seki-alert-font-family);box-sizing:border-box}.seki-alert--default{background-color:var(--seki-alert-default-bg);border-color:var(--seki-alert-default-border);color:var(--seki-alert-default-text)}.seki-alert--default .seki-alert__icon{color:var(--seki-alert-default-icon)}.seki-alert--destructive{background-color:var(--seki-alert-destructive-bg);border-color:var(--seki-alert-destructive-border);color:var(--seki-alert-destructive-text)}.seki-alert--destructive .seki-alert__icon{color:var(--seki-alert-destructive-icon)}.seki-alert__icon{flex-shrink:0;display:flex;align-items:flex-start;justify-content:center;width:var(--seki-alert-icon-size);height:var(--seki-alert-icon-size);margin-right:var(--seki-alert-gap);margin-top:0.125rem;}.seki-alert__icon ::slotted(*){width:100%;height:100%}.seki-alert__content{flex:1;min-width:0}@media (prefers-contrast: more){.seki-alert{border-width:2px}}@media (prefers-reduced-motion: reduce){.seki-alert{transition:none}}.alert-title{margin:0;font-family:var(--seki-alert-font-family);font-size:var(--seki-alert-title-font-size);font-weight:var(--seki-alert-title-font-weight);line-height:var(--seki-alert-title-line-height);letter-spacing:var(--seki-alert-title-letter-spacing)}.alert-title+.alert-description,.alert-title:has(+.alert-description){margin-bottom:0.25rem}.alert-description{margin:0;font-family:var(--seki-alert-font-family);font-size:var(--seki-alert-desc-font-size);font-weight:var(--seki-alert-desc-font-weight);line-height:var(--seki-alert-desc-line-height);opacity:0.9}.alert-title+.alert-description{margin-top:0.25rem}";
+
+const SekiAlertDescription$1 = /*@__PURE__*/ proxyCustomElement(class SekiAlertDescription extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    render() {
+        const descClass = `alert-description ${this.class || ''}`.trim();
+        return (h("div", { key: 'f24abf6daf02072702c91ddaaceda585dbda4749', class: descClass }, h("slot", { key: 'bf7114145ae8f7dd08e4dc628a58e1798f3edc5b' })));
+    }
+    static get style() { return sekiAlertCss; }
+}, [257, "seki-alert-description", {
+        "class": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-alert-description"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-alert-description":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiAlertDescription$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiAlertDescription = SekiAlertDescription$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiAlertDescription, defineCustomElement };

package/dist/components/seki-alert-title.d.ts

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

package/dist/components/seki-alert-title.js

@@ -0,0 +1,39 @@
+import { p as proxyCustomElement, H, h } from './p-C_O046uN.js';
+
+const sekiAlertCss = ":host{--seki-alert-padding:1rem;--seki-alert-gap:0.75rem;--seki-alert-border-radius:var(--seki-radius-lg, 0.5rem);--seki-alert-border-width:1px;--seki-alert-default-bg:var(--color-background, #ffffff);--seki-alert-default-border:var(--color-border, #e5e7eb);--seki-alert-default-text:var(--color-foreground, #0f172a);--seki-alert-default-icon:var(--color-foreground, #0f172a);--seki-alert-destructive-bg:var(--color-destructive-bg, #fef2f2);--seki-alert-destructive-border:var(--color-destructive, #ef4444);--seki-alert-destructive-text:var(--color-destructive, #dc2626);--seki-alert-destructive-icon:var(--color-destructive, #dc2626);--seki-alert-title-font-size:var(--seki-font-size-base, 1rem);--seki-alert-title-font-weight:var(--seki-font-weight-medium, 500);--seki-alert-title-line-height:var(--seki-line-height-tight, 1.25);--seki-alert-title-letter-spacing:-0.025em;--seki-alert-desc-font-size:var(--seki-font-size-sm, 0.875rem);--seki-alert-desc-font-weight:var(--seki-font-weight-normal, 400);--seki-alert-desc-line-height:var(--seki-line-height-normal, 1.5);--seki-alert-font-family:var(--seki-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);--seki-alert-icon-size:1rem;display:block}:host([data-theme='dark']){--seki-alert-default-bg:var(--color-background-dark, #1f2937);--seki-alert-default-border:var(--color-border-dark, #374151);--seki-alert-default-text:var(--color-foreground-dark, #f9fafb);--seki-alert-default-icon:var(--color-foreground-dark, #f9fafb);--seki-alert-destructive-bg:rgba(239, 68, 68, 0.1);--seki-alert-destructive-border:var(--color-destructive-dark, #f87171);--seki-alert-destructive-text:var(--color-destructive-dark, #f87171);--seki-alert-destructive-icon:var(--color-destructive-dark, #f87171)}.seki-alert{position:relative;display:flex;width:100%;padding:var(--seki-alert-padding);border-radius:var(--seki-alert-border-radius);border:var(--seki-alert-border-width) solid;font-family:var(--seki-alert-font-family);box-sizing:border-box}.seki-alert--default{background-color:var(--seki-alert-default-bg);border-color:var(--seki-alert-default-border);color:var(--seki-alert-default-text)}.seki-alert--default .seki-alert__icon{color:var(--seki-alert-default-icon)}.seki-alert--destructive{background-color:var(--seki-alert-destructive-bg);border-color:var(--seki-alert-destructive-border);color:var(--seki-alert-destructive-text)}.seki-alert--destructive .seki-alert__icon{color:var(--seki-alert-destructive-icon)}.seki-alert__icon{flex-shrink:0;display:flex;align-items:flex-start;justify-content:center;width:var(--seki-alert-icon-size);height:var(--seki-alert-icon-size);margin-right:var(--seki-alert-gap);margin-top:0.125rem;}.seki-alert__icon ::slotted(*){width:100%;height:100%}.seki-alert__content{flex:1;min-width:0}@media (prefers-contrast: more){.seki-alert{border-width:2px}}@media (prefers-reduced-motion: reduce){.seki-alert{transition:none}}.alert-title{margin:0;font-family:var(--seki-alert-font-family);font-size:var(--seki-alert-title-font-size);font-weight:var(--seki-alert-title-font-weight);line-height:var(--seki-alert-title-line-height);letter-spacing:var(--seki-alert-title-letter-spacing)}.alert-title+.alert-description,.alert-title:has(+.alert-description){margin-bottom:0.25rem}.alert-description{margin:0;font-family:var(--seki-alert-font-family);font-size:var(--seki-alert-desc-font-size);font-weight:var(--seki-alert-desc-font-weight);line-height:var(--seki-alert-desc-line-height);opacity:0.9}.alert-title+.alert-description{margin-top:0.25rem}";
+
+const SekiAlertTitle$1 = /*@__PURE__*/ proxyCustomElement(class SekiAlertTitle extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    render() {
+        const titleClass = `alert-title ${this.class || ''}`.trim();
+        return (h("h5", { key: '4d059b274f70e9364a895b3b120b4ac2308a4f76', class: titleClass }, h("slot", { key: '1e6c71b1e7f083d7d493f24a9b0044fa8214dbef' })));
+    }
+    static get style() { return sekiAlertCss; }
+}, [257, "seki-alert-title", {
+        "class": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-alert-title"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-alert-title":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiAlertTitle$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiAlertTitle = SekiAlertTitle$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiAlertTitle, defineCustomElement };

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

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

package/dist/components/seki-alert.js

@@ -0,0 +1,65 @@
+import { p as proxyCustomElement, H, h } from './p-C_O046uN.js';
+
+const sekiAlertCss = ":host{--seki-alert-padding:1rem;--seki-alert-gap:0.75rem;--seki-alert-border-radius:var(--seki-radius-lg, 0.5rem);--seki-alert-border-width:1px;--seki-alert-default-bg:var(--color-background, #ffffff);--seki-alert-default-border:var(--color-border, #e5e7eb);--seki-alert-default-text:var(--color-foreground, #0f172a);--seki-alert-default-icon:var(--color-foreground, #0f172a);--seki-alert-destructive-bg:var(--color-destructive-bg, #fef2f2);--seki-alert-destructive-border:var(--color-destructive, #ef4444);--seki-alert-destructive-text:var(--color-destructive, #dc2626);--seki-alert-destructive-icon:var(--color-destructive, #dc2626);--seki-alert-title-font-size:var(--seki-font-size-base, 1rem);--seki-alert-title-font-weight:var(--seki-font-weight-medium, 500);--seki-alert-title-line-height:var(--seki-line-height-tight, 1.25);--seki-alert-title-letter-spacing:-0.025em;--seki-alert-desc-font-size:var(--seki-font-size-sm, 0.875rem);--seki-alert-desc-font-weight:var(--seki-font-weight-normal, 400);--seki-alert-desc-line-height:var(--seki-line-height-normal, 1.5);--seki-alert-font-family:var(--seki-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);--seki-alert-icon-size:1rem;display:block}:host([data-theme='dark']){--seki-alert-default-bg:var(--color-background-dark, #1f2937);--seki-alert-default-border:var(--color-border-dark, #374151);--seki-alert-default-text:var(--color-foreground-dark, #f9fafb);--seki-alert-default-icon:var(--color-foreground-dark, #f9fafb);--seki-alert-destructive-bg:rgba(239, 68, 68, 0.1);--seki-alert-destructive-border:var(--color-destructive-dark, #f87171);--seki-alert-destructive-text:var(--color-destructive-dark, #f87171);--seki-alert-destructive-icon:var(--color-destructive-dark, #f87171)}.seki-alert{position:relative;display:flex;width:100%;padding:var(--seki-alert-padding);border-radius:var(--seki-alert-border-radius);border:var(--seki-alert-border-width) solid;font-family:var(--seki-alert-font-family);box-sizing:border-box}.seki-alert--default{background-color:var(--seki-alert-default-bg);border-color:var(--seki-alert-default-border);color:var(--seki-alert-default-text)}.seki-alert--default .seki-alert__icon{color:var(--seki-alert-default-icon)}.seki-alert--destructive{background-color:var(--seki-alert-destructive-bg);border-color:var(--seki-alert-destructive-border);color:var(--seki-alert-destructive-text)}.seki-alert--destructive .seki-alert__icon{color:var(--seki-alert-destructive-icon)}.seki-alert__icon{flex-shrink:0;display:flex;align-items:flex-start;justify-content:center;width:var(--seki-alert-icon-size);height:var(--seki-alert-icon-size);margin-right:var(--seki-alert-gap);margin-top:0.125rem;}.seki-alert__icon ::slotted(*){width:100%;height:100%}.seki-alert__content{flex:1;min-width:0}@media (prefers-contrast: more){.seki-alert{border-width:2px}}@media (prefers-reduced-motion: reduce){.seki-alert{transition:none}}.alert-title{margin:0;font-family:var(--seki-alert-font-family);font-size:var(--seki-alert-title-font-size);font-weight:var(--seki-alert-title-font-weight);line-height:var(--seki-alert-title-line-height);letter-spacing:var(--seki-alert-title-letter-spacing)}.alert-title+.alert-description,.alert-title:has(+.alert-description){margin-bottom:0.25rem}.alert-description{margin:0;font-family:var(--seki-alert-font-family);font-size:var(--seki-alert-desc-font-size);font-weight:var(--seki-alert-desc-font-weight);line-height:var(--seki-alert-desc-line-height);opacity:0.9}.alert-title+.alert-description{margin-top:0.25rem}";
+
+const SekiAlert$1 = /*@__PURE__*/ proxyCustomElement(class SekiAlert extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        /**
+         * Visual variant of the alert
+         * @default 'default'
+         */
+        this.variant = 'default';
+    }
+    componentWillLoad() {
+        const validVariants = ['default', 'destructive'];
+        if (this.variant && !validVariants.includes(this.variant)) {
+            console.warn(`Invalid variant "${this.variant}". Must be one of: ${validVariants.join(', ')}`);
+            this.variant = 'default';
+        }
+    }
+    render() {
+        const hasIcon = this.hasSlot('icon');
+        const alertClasses = {
+            'seki-alert': true,
+            [`seki-alert--${this.variant}`]: !!this.variant,
+            'seki-alert--has-icon': hasIcon,
+        };
+        const classString = Object.entries(alertClasses)
+            .filter(([, active]) => active)
+            .map(([name]) => name)
+            .join(' ');
+        return (h("div", { key: '6e4bb29a618fbabfab42aadd2a92c7f2d92c7a5b', class: classString, role: "alert" }, hasIcon && (h("span", { key: '0db676887f66efd8c0ddce4e5ab1ff9aaac73582', class: "seki-alert__icon" }, h("slot", { key: '0e30b9a3eb7e249ca8643a468d95dacc4a5063f2', name: "icon" }))), h("div", { key: '9a567dccf495baeab9e8f23954bbccc8d16d94d0', class: "seki-alert__content" }, h("slot", { key: '0b505306482a05111cddc5cfb07fdc6204f10851' }))));
+    }
+    hasSlot(name) {
+        const slot = this.el.querySelector(`[slot="${name}"]`);
+        return !!slot;
+    }
+    get el() { return this; }
+    static get style() { return sekiAlertCss; }
+}, [257, "seki-alert", {
+        "variant": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-alert"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-alert":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiAlert$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiAlert = SekiAlert$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiAlert, defineCustomElement };

package/dist/components/seki-aspect-ratio.d.ts

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

package/dist/components/seki-aspect-ratio.js

@@ -0,0 +1,56 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-C_O046uN.js';
+
+const sekiAspectRatioCss = ":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;width:100%}.aspect-ratio{position:relative;width:100%;}.aspect-ratio__content{position:absolute;top:0;right:0;bottom:0;left:0}::slotted(*){width:100%;height:100%;object-fit:cover}::slotted(img){display:block}::slotted(video){display:block}::slotted(iframe){display:block;border:0}";
+
+const SekiAspectRatio$1 = /*@__PURE__*/ proxyCustomElement(class SekiAspectRatio extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        /**
+         * The desired aspect ratio as a number (width / height)
+         * Common values: 16/9 (widescreen), 4/3 (standard), 1 (square), 21/9 (ultrawide)
+         */
+        this.ratio = 1;
+    }
+    componentWillLoad() {
+        if (this.ratio <= 0 || !isFinite(this.ratio)) {
+            console.warn(`Invalid ratio "${this.ratio}". Ratio must be a positive finite number. Defaulting to 1.`);
+        }
+    }
+    getSafeRatio() {
+        if (this.ratio <= 0 || !isFinite(this.ratio)) {
+            return 1;
+        }
+        return this.ratio;
+    }
+    render() {
+        const safeRatio = this.getSafeRatio();
+        const paddingBottom = `${(1 / safeRatio) * 100}%`;
+        return (h(Host, { key: 'c0832cb4c1f210dfd7c3cd804e4635e09acff5fb' }, h("div", { key: 'f059142c437ddef939d2be86f0abad702eb0cbab', part: "container", class: "aspect-ratio", style: { paddingBottom } }, h("div", { key: '09d32a408a550029e052b81e309f7b524c7b1c9a', class: "aspect-ratio__content" }, h("slot", { key: '60f269facc890c7df6ebcec76fbdc7bacac3e727' })))));
+    }
+    static get style() { return sekiAspectRatioCss; }
+}, [257, "seki-aspect-ratio", {
+        "ratio": [2]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-aspect-ratio"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-aspect-ratio":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiAspectRatio$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiAspectRatio = SekiAspectRatio$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiAspectRatio, defineCustomElement };