@sekiui/elements 0.0.61 → 0.0.64

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: 'ac021f2d11c4e4d5e4a3be5ae8523162ab242b5b', "data-disabled": this.disabled ? '' : undefined }, h("div", { key: '6e00d2ceca10034a8a6f7bf07a773832151fb875', part: "accordion", class: "accordion" }, h("slot", { key: '3cf23aec93663359c2ffa4061fa34c1ed9c1ed92' }))));
+    }
+    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: '1e9f5151f85a30137e50a83da1508b7aeb40baf4', class: descClass }, h("slot", { key: 'ef86b165c7c05082bcb2dcd022c4108e8b549752' })));
+    }
+    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: '3e8015294e45c372adeddc054e74f4f07ae61885', class: titleClass }, h("slot", { key: '6516819bbcb1e045b6b5e08f178348de644b9f18' })));
+    }
+    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: 'c13353870f945a5456edf66523a043d7d89e2d4f' }, h("div", { key: '72584e24701fadfcf75a10ae10a32a201f0f8967', part: "container", class: "aspect-ratio", style: { paddingBottom } }, h("div", { key: '45188fe34626c8beee8357316c75da84e5eaf605', class: "aspect-ratio__content" }, h("slot", { key: 'dd4606c5fe82395848a663d808271d1ebf41f95e' })))));
+    }
+    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 };

package/dist/components/seki-avatar-fallback.d.ts

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

package/dist/components/seki-avatar-fallback.js

@@ -0,0 +1,68 @@
+import { p as proxyCustomElement, H, h } from './p-C_O046uN.js';
+
+const sekiAvatarFallbackCss = ":host{--seki-avatar-fallback-font-size:inherit;--seki-avatar-fallback-font-weight:var(--seki-font-weight-medium, 500);--seki-avatar-fallback-font-family:var(--seki-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto);--seki-avatar-fallback-bg:var(--seki-muted, hsl(240 4.8% 95.9%));--seki-avatar-fallback-text:var(--seki-muted-foreground, hsl(240 3.8% 46.1%));display:flex;width:100%;height:100%}:host-context([data-theme='dark']){--seki-avatar-fallback-bg:var(--seki-muted, hsl(240 3.7% 15.9%));--seki-avatar-fallback-text:var(--seki-muted-foreground, hsl(240 5% 64.9%))}.seki-avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--seki-avatar-fallback-bg);color:var(--seki-avatar-fallback-text);font-family:var(--seki-avatar-fallback-font-family);font-size:var(--seki-avatar-fallback-font-size);font-weight:var(--seki-avatar-fallback-font-weight);line-height:1;text-transform:uppercase;user-select:none}@media (prefers-contrast: more){.seki-avatar-fallback{border:1px solid currentColor}}";
+
+const SekiAvatarFallback$1 = /*@__PURE__*/ proxyCustomElement(class SekiAvatarFallback extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        /**
+         * Delay in milliseconds before showing the fallback
+         * Useful to avoid flickering when image loads quickly
+         * @default 0
+         */
+        this.delayMs = 0;
+        /**
+         * Whether to show the fallback content
+         */
+        this.canRender = false;
+    }
+    componentWillLoad() {
+        if (this.delayMs > 0) {
+            this.timeoutId = setTimeout(() => {
+                this.canRender = true;
+            }, this.delayMs);
+        }
+        else {
+            this.canRender = true;
+        }
+    }
+    disconnectedCallback() {
+        if (this.timeoutId) {
+            clearTimeout(this.timeoutId);
+        }
+    }
+    render() {
+        if (!this.canRender) {
+            return null;
+        }
+        return (h("span", { class: "seki-avatar-fallback" }, h("slot", null)));
+    }
+    get el() { return this; }
+    static get style() { return sekiAvatarFallbackCss; }
+}, [257, "seki-avatar-fallback", {
+        "delayMs": [2, "delay-ms"],
+        "canRender": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-avatar-fallback"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-avatar-fallback":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiAvatarFallback$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiAvatarFallback = SekiAvatarFallback$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiAvatarFallback, defineCustomElement };

package/dist/components/seki-avatar-image.d.ts

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

package/dist/components/seki-avatar-image.js

@@ -0,0 +1,78 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-C_O046uN.js';
+
+const sekiAvatarImageCss = ":host{display:contents}.seki-avatar-image{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 150ms ease-in-out}.seki-avatar-image--loaded{opacity:1}.seki-avatar-image--error{display:none}@media (prefers-reduced-motion: reduce){.seki-avatar-image{transition:none}}";
+
+const SekiAvatarImage$1 = /*@__PURE__*/ proxyCustomElement(class SekiAvatarImage extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.avatarImageLoad = createEvent(this, "avatarImageLoad");
+        this.avatarImageError = createEvent(this, "avatarImageError");
+        /**
+         * Alt text for the avatar image
+         */
+        this.alt = '';
+        /**
+         * Tracks whether the image has loaded
+         */
+        this.loaded = false;
+        /**
+         * Tracks whether the image has errored
+         */
+        this.hasError = false;
+        this.handleLoad = () => {
+            this.loaded = true;
+            this.hasError = false;
+            this.avatarImageLoad.emit();
+        };
+        this.handleError = () => {
+            this.loaded = false;
+            this.hasError = true;
+            this.avatarImageError.emit();
+        };
+    }
+    render() {
+        if (!this.src) {
+            return null;
+        }
+        const classes = {
+            'seki-avatar-image': true,
+            'seki-avatar-image--loaded': this.loaded,
+            'seki-avatar-image--error': this.hasError,
+        };
+        const classString = Object.entries(classes)
+            .filter(([, active]) => active)
+            .map(([name]) => name)
+            .join(' ');
+        return (h("img", { class: classString, src: this.src, alt: this.alt, onLoad: this.handleLoad, onError: this.handleError }));
+    }
+    get el() { return this; }
+    static get style() { return sekiAvatarImageCss; }
+}, [257, "seki-avatar-image", {
+        "src": [1],
+        "alt": [1],
+        "loaded": [32],
+        "hasError": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-avatar-image"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-avatar-image":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiAvatarImage$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiAvatarImage = SekiAvatarImage$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiAvatarImage, defineCustomElement };

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

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