@sekiui/elements 0.0.60 → 0.0.63

package/dist/cjs/seki-accordion.cjs.entry.js

@@ -0,0 +1,109 @@
+'use strict';
+
+var index = require('./index-BAbJauWg.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 = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.sekiValueChange = index.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 (index.h(index.Host, { key: 'b367d40aeb0681c76bed2604253a9c252f8d6789', "data-disabled": this.disabled ? '' : undefined }, index.h("div", { key: '059af8e7d70150b2d1d21278d42bc80e82c371a6', part: "accordion", class: "accordion" }, index.h("slot", { key: 'cdd5a8de344649e1444994de99d52590ac774575' }))));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "value": ["valueChanged"]
+    }; }
+};
+SekiAccordion.style = sekiAccordionCss;
+
+exports.seki_accordion = SekiAccordion;

package/dist/cjs/seki-alert-description.cjs.entry.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var index = require('./index-BAbJauWg.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 = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        const descClass = `alert-description ${this.class || ''}`.trim();
+        return (index.h("div", { key: 'f24abf6daf02072702c91ddaaceda585dbda4749', class: descClass }, index.h("slot", { key: 'bf7114145ae8f7dd08e4dc628a58e1798f3edc5b' })));
+    }
+};
+SekiAlertDescription.style = sekiAlertCss;
+
+exports.seki_alert_description = SekiAlertDescription;

package/dist/cjs/seki-alert-title.cjs.entry.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var index = require('./index-BAbJauWg.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 = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        const titleClass = `alert-title ${this.class || ''}`.trim();
+        return (index.h("h5", { key: '4d059b274f70e9364a895b3b120b4ac2308a4f76', class: titleClass }, index.h("slot", { key: '1e6c71b1e7f083d7d493f24a9b0044fa8214dbef' })));
+    }
+};
+SekiAlertTitle.style = sekiAlertCss;
+
+exports.seki_alert_title = SekiAlertTitle;

package/dist/cjs/seki-alert.cjs.entry.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var index = require('./index-BAbJauWg.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 = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * 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 (index.h("div", { key: '6e4bb29a618fbabfab42aadd2a92c7f2d92c7a5b', class: classString, role: "alert" }, hasIcon && (index.h("span", { key: '0db676887f66efd8c0ddce4e5ab1ff9aaac73582', class: "seki-alert__icon" }, index.h("slot", { key: '0e30b9a3eb7e249ca8643a468d95dacc4a5063f2', name: "icon" }))), index.h("div", { key: '9a567dccf495baeab9e8f23954bbccc8d16d94d0', class: "seki-alert__content" }, index.h("slot", { key: '0b505306482a05111cddc5cfb07fdc6204f10851' }))));
+    }
+    hasSlot(name) {
+        const slot = this.el.querySelector(`[slot="${name}"]`);
+        return !!slot;
+    }
+    get el() { return index.getElement(this); }
+};
+SekiAlert.style = sekiAlertCss;
+
+exports.seki_alert = SekiAlert;

package/dist/cjs/seki-aspect-ratio.cjs.entry.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var index = require('./index-BAbJauWg.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 = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * 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 (index.h(index.Host, { key: 'c0832cb4c1f210dfd7c3cd804e4635e09acff5fb' }, index.h("div", { key: 'f059142c437ddef939d2be86f0abad702eb0cbab', part: "container", class: "aspect-ratio", style: { paddingBottom } }, index.h("div", { key: '09d32a408a550029e052b81e309f7b524c7b1c9a', class: "aspect-ratio__content" }, index.h("slot", { key: '60f269facc890c7df6ebcec76fbdc7bacac3e727' })))));
+    }
+};
+SekiAspectRatio.style = sekiAspectRatioCss;
+
+exports.seki_aspect_ratio = SekiAspectRatio;

package/dist/cjs/seki-avatar-fallback.cjs.entry.js

@@ -0,0 +1,46 @@
+'use strict';
+
+var index = require('./index-BAbJauWg.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 = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * 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 (index.h("span", { class: "seki-avatar-fallback" }, index.h("slot", null)));
+    }
+    get el() { return index.getElement(this); }
+};
+SekiAvatarFallback.style = sekiAvatarFallbackCss;
+
+exports.seki_avatar_fallback = SekiAvatarFallback;

package/dist/cjs/seki-avatar-image.cjs.entry.js

@@ -0,0 +1,54 @@
+'use strict';
+
+var index = require('./index-BAbJauWg.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 = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.avatarImageLoad = index.createEvent(this, "avatarImageLoad");
+        this.avatarImageError = index.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 (index.h("img", { class: classString, src: this.src, alt: this.alt, onLoad: this.handleLoad, onError: this.handleError }));
+    }
+    get el() { return index.getElement(this); }
+};
+SekiAvatarImage.style = sekiAvatarImageCss;
+
+exports.seki_avatar_image = SekiAvatarImage;

package/dist/cjs/seki-avatar.cjs.entry.js

@@ -0,0 +1,75 @@
+'use strict';
+
+var index = require('./index-BAbJauWg.js');
+
+const sekiAvatarCss = ":host{--seki-avatar-size-xs:24px;--seki-avatar-size-sm:32px;--seki-avatar-size-md:40px;--seki-avatar-size-lg:48px;--seki-avatar-size-xl:64px;--seki-avatar-radius-circle:9999px;--seki-avatar-radius-square:var(--radius-md, 8px);--seki-avatar-bg:var(--seki-muted, hsl(240 4.8% 95.9%));--seki-avatar-border:var(--seki-border, hsl(240 5.9% 90%));display:inline-block}:host-context([data-theme='dark']){--seki-avatar-bg:var(--seki-muted, hsl(240 3.7% 15.9%));--seki-avatar-border:var(--seki-border, hsl(240 3.7% 15.9%))}.seki-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;overflow:hidden;background-color:var(--seki-avatar-bg);flex-shrink:0}.seki-avatar--xs{width:var(--seki-avatar-size-xs);height:var(--seki-avatar-size-xs);font-size:10px}.seki-avatar--sm{width:var(--seki-avatar-size-sm);height:var(--seki-avatar-size-sm);font-size:12px}.seki-avatar--md{width:var(--seki-avatar-size-md);height:var(--seki-avatar-size-md);font-size:14px}.seki-avatar--lg{width:var(--seki-avatar-size-lg);height:var(--seki-avatar-size-lg);font-size:16px}.seki-avatar--xl{width:var(--seki-avatar-size-xl);height:var(--seki-avatar-size-xl);font-size:20px}.seki-avatar--circle{border-radius:var(--seki-avatar-radius-circle)}.seki-avatar--square{border-radius:var(--seki-avatar-radius-square)}::slotted(seki-avatar-image){position:absolute;inset:0;width:100%;height:100%}::slotted(seki-avatar-fallback){display:flex;align-items:center;justify-content:center;width:100%;height:100%}.seki-avatar--image-loaded ::slotted(seki-avatar-fallback){display:none}@media (prefers-contrast: more){.seki-avatar{border:2px solid var(--seki-avatar-border)}}@media (prefers-reduced-motion: reduce){.seki-avatar{transition:none}}";
+
+const SekiAvatar = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * Size of the avatar
+         * @default 'md'
+         */
+        this.size = 'md';
+        /**
+         * Shape of the avatar
+         * @default 'circle'
+         */
+        this.shape = 'circle';
+        /**
+         * Tracks whether the image has loaded successfully
+         */
+        this.imageLoaded = false;
+        /**
+         * Tracks whether the image has errored
+         */
+        this.imageError = false;
+    }
+    validateSize(newValue) {
+        const validSizes = ['xs', 'sm', 'md', 'lg', 'xl'];
+        if (!validSizes.includes(newValue)) {
+            console.warn(`Invalid size "${newValue}". Must be one of: ${validSizes.join(', ')}`);
+        }
+    }
+    validateShape(newValue) {
+        const validShapes = ['circle', 'square'];
+        if (!validShapes.includes(newValue)) {
+            console.warn(`Invalid shape "${newValue}". Must be one of: ${validShapes.join(', ')}`);
+        }
+    }
+    handleImageLoad() {
+        this.imageLoaded = true;
+        this.imageError = false;
+    }
+    handleImageError() {
+        this.imageLoaded = false;
+        this.imageError = true;
+    }
+    componentWillLoad() {
+        this.validateSize(this.size);
+        this.validateShape(this.shape);
+    }
+    render() {
+        const classes = {
+            'seki-avatar': true,
+            [`seki-avatar--${this.size}`]: true,
+            [`seki-avatar--${this.shape}`]: true,
+            'seki-avatar--image-loaded': this.imageLoaded,
+            'seki-avatar--image-error': this.imageError,
+        };
+        const classString = Object.entries(classes)
+            .filter(([, active]) => active)
+            .map(([name]) => name)
+            .join(' ');
+        return (index.h("span", { key: '29505452c9dc31731095f816f18cbf96579b2ed0', class: classString, role: "img" }, index.h("slot", { key: 'fe73f8e582a31ace433a7e3d1f514679bb58dffa' })));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "size": ["validateSize"],
+        "shape": ["validateShape"]
+    }; }
+};
+SekiAvatar.style = sekiAvatarCss;
+
+exports.seki_avatar = SekiAvatar;

package/dist/cjs/seki-badge.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DzoHqiUq.js');
+var index = require('./index-BAbJauWg.js');
 
-const sekiBadgeCss = ":host{--seki-badge-default-bg:var(--color-primary, #2563eb);--seki-badge-default-text:var(--color-white, #ffffff);--seki-badge-default-border:transparent;--seki-badge-secondary-bg:var(--color-surface-secondary, #e5e7eb);--seki-badge-secondary-text:var(--color-text-primary, #1f2937);--seki-badge-secondary-border:transparent;--seki-badge-destructive-bg:var(--color-destructive, #ef4444);--seki-badge-destructive-text:var(--color-white, #ffffff);--seki-badge-destructive-border:transparent;--seki-badge-outline-bg:transparent;--seki-badge-outline-text:var(--color-text-primary, #1f2937);--seki-badge-outline-border:var(--color-border, #d1d5db);--seki-badge-font-size:var(--seki-font-size-sm, 12px);--seki-badge-font-weight:var(--seki-font-weight-medium, 500);--seki-badge-line-height:1.25rem;--seki-badge-font-family:var(--seki-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto);--seki-badge-spacing:var(--spacing-unit, 8px);--seki-badge-padding-x:calc(var(--seki-badge-spacing) * 0.75);--seki-badge-padding-y:calc(var(--seki-badge-spacing) * 0.5);--seki-badge-border-radius:var(--radius-sm, 4px);--seki-badge-border-radius-rounded:999px;--seki-badge-icon-size:1em;--seki-badge-icon-margin:2px}:host([data-theme='dark']){--seki-badge-secondary-bg:var(--color-surface-secondary-dark, #374151);--seki-badge-secondary-text:var(--color-text-primary-dark, #f3f4f6);--seki-badge-outline-text:var(--color-text-primary-dark, #f3f4f6);--seki-badge-outline-border:var(--color-border-dark, #4b5563)}.seki-badge{display:inline-flex;align-items:center;gap:var(--seki-badge-icon-margin);padding:var(--seki-badge-padding-y) var(--seki-badge-padding-x);border-radius:var(--seki-badge-border-radius);border:1px solid var(--seki-badge-default-border);font-family:var(--seki-badge-font-family);font-size:var(--seki-badge-font-size);font-weight:var(--seki-badge-font-weight);line-height:var(--seki-badge-line-height);white-space:nowrap;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box}.seki-badge--rounded{border-radius:var(--seki-badge-border-radius-rounded)}.seki-badge--default{background-color:var(--seki-badge-default-bg);color:var(--seki-badge-default-text);border-color:var(--seki-badge-default-border)}.seki-badge--secondary{background-color:var(--seki-badge-secondary-bg);color:var(--seki-badge-secondary-text);border-color:var(--seki-badge-secondary-border)}.seki-badge--destructive{background-color:var(--seki-badge-destructive-bg);color:var(--seki-badge-destructive-text);border-color:var(--seki-badge-destructive-border)}.seki-badge--outline{background-color:var(--seki-badge-outline-bg);color:var(--seki-badge-outline-text);border-color:var(--seki-badge-outline-border)}.seki-badge__icon{display:inline-flex;align-items:center;justify-content:center;font-size:var(--seki-badge-icon-size);line-height:1}.seki-badge__text{display:inline-flex;align-items:center;flex-shrink:1;min-width:0}.seki-badge__text::slotted(*){overflow:hidden;text-overflow:ellipsis;white-space:normal}@media (prefers-contrast: more){.seki-badge{border-width:2px}.seki-badge--outline{border-width:2px}}@media (prefers-reduced-motion: reduce){.seki-badge{transition:none}}";
+const sekiBadgeCss = ":host{--seki-badge-default-bg:var(--color-primary, #2563eb);--seki-badge-default-text:var(--color-white, #ffffff);--seki-badge-default-border:transparent;--seki-badge-secondary-bg:var(--color-surface-secondary, #e5e7eb);--seki-badge-secondary-text:var(--color-text-primary, #1f2937);--seki-badge-secondary-border:transparent;--seki-badge-destructive-bg:var(--color-destructive, #ef4444);--seki-badge-destructive-text:var(--color-white, #ffffff);--seki-badge-destructive-border:transparent;--seki-badge-outline-bg:transparent;--seki-badge-outline-text:var(--color-text-primary, #1f2937);--seki-badge-outline-border:var(--color-border, #d1d5db);--seki-badge-font-size:var(--seki-font-size-sm, 12px);--seki-badge-font-weight:var(--seki-font-weight-medium, 500);--seki-badge-line-height:var(--seki-line-height-tight, 1.25);--seki-badge-font-family:var(--seki-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto);--seki-badge-spacing:var(--spacing-unit, 8px);--seki-badge-padding-x:calc(var(--seki-badge-spacing) * 0.75);--seki-badge-padding-y:calc(var(--seki-badge-spacing) * 0.5);--seki-badge-border-radius:var(--radius-sm, 4px);--seki-badge-border-radius-rounded:999px;--seki-badge-icon-size:1em;--seki-badge-icon-margin:2px}:host([data-theme='dark']){--seki-badge-secondary-bg:var(--color-surface-secondary-dark, #374151);--seki-badge-secondary-text:var(--color-text-primary-dark, #f3f4f6);--seki-badge-outline-text:var(--color-text-primary-dark, #f3f4f6);--seki-badge-outline-border:var(--color-border-dark, #4b5563)}.seki-badge{display:inline-flex;align-items:center;gap:var(--seki-badge-icon-margin);padding:var(--seki-badge-padding-y) var(--seki-badge-padding-x);border-radius:var(--seki-badge-border-radius);border:1px solid var(--seki-badge-default-border);font-family:var(--seki-badge-font-family);font-size:var(--seki-badge-font-size);font-weight:var(--seki-badge-font-weight);line-height:var(--seki-badge-line-height);white-space:nowrap;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box}.seki-badge--rounded{border-radius:var(--seki-badge-border-radius-rounded)}.seki-badge--default{background-color:var(--seki-badge-default-bg);color:var(--seki-badge-default-text);border-color:var(--seki-badge-default-border)}.seki-badge--secondary{background-color:var(--seki-badge-secondary-bg);color:var(--seki-badge-secondary-text);border-color:var(--seki-badge-secondary-border)}.seki-badge--destructive{background-color:var(--seki-badge-destructive-bg);color:var(--seki-badge-destructive-text);border-color:var(--seki-badge-destructive-border)}.seki-badge--outline{background-color:var(--seki-badge-outline-bg);color:var(--seki-badge-outline-text);border-color:var(--seki-badge-outline-border)}.seki-badge__icon{display:inline-flex;align-items:center;justify-content:center;font-size:var(--seki-badge-icon-size);line-height:1}.seki-badge__text{display:inline-flex;align-items:center;flex-shrink:1;min-width:0}.seki-badge__text::slotted(*){overflow:hidden;text-overflow:ellipsis;white-space:normal}@media (prefers-contrast: more){.seki-badge{border-width:2px}.seki-badge--outline{border-width:2px}}@media (prefers-reduced-motion: reduce){.seki-badge{transition:none}}";
 
 const SekiBadge = class {
     constructor(hostRef) {

package/dist/cjs/seki-breadcrumb-ellipsis.cjs.entry.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var index = require('./index-BAbJauWg.js');
+
+const sekiBreadcrumbCss = ":host{--seki-breadcrumb-text-color:var(--seki-muted-foreground, hsl(0, 0%, 45.1%));--seki-breadcrumb-link-color:var(--seki-foreground, hsl(0, 0%, 3.9%));--seki-breadcrumb-link-hover:var(--seki-primary, hsl(0, 0%, 9%));--seki-breadcrumb-separator-color:var(--seki-muted-foreground, hsl(0, 0%, 45.1%));--seki-breadcrumb-font-size:var(--seki-font-size-sm, 14px);--seki-breadcrumb-font-family:var(--seki-font-sans, system-ui, -apple-system, sans-serif);--seki-breadcrumb-gap:0.375rem;display:block}:host([data-theme='dark']){--seki-breadcrumb-text-color:var(--seki-muted-foreground, hsl(0, 0%, 63.9%));--seki-breadcrumb-link-color:var(--seki-foreground, hsl(0, 0%, 98%));--seki-breadcrumb-link-hover:var(--seki-primary, hsl(0, 0%, 98%));--seki-breadcrumb-separator-color:var(--seki-muted-foreground, hsl(0, 0%, 63.9%))}.seki-breadcrumb{font-family:var(--seki-breadcrumb-font-family);font-size:var(--seki-breadcrumb-font-size)}.seki-breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--seki-breadcrumb-gap);list-style:none;margin:0;padding:0}.seki-breadcrumb-item{display:inline-flex;align-items:center;gap:var(--seki-breadcrumb-gap)}.seki-breadcrumb-link{color:var(--seki-breadcrumb-text-color);text-decoration:none;transition:color 0.15s ease}.seki-breadcrumb-link:hover{color:var(--seki-breadcrumb-link-hover)}.seki-breadcrumb-link:focus-visible{outline:2px solid var(--seki-breadcrumb-link-hover);outline-offset:2px;border-radius:var(--seki-radius-sm, 2px)}.seki-breadcrumb-page{color:var(--seki-breadcrumb-link-color);font-weight:var(--seki-font-weight-normal, 400)}.seki-breadcrumb-separator{display:inline-flex;align-items:center;justify-content:center;color:var(--seki-breadcrumb-separator-color)}.seki-breadcrumb-separator svg{width:1rem;height:1rem;flex-shrink:0}.seki-breadcrumb-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;color:var(--seki-breadcrumb-text-color)}.seki-breadcrumb-ellipsis svg{width:1rem;height:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}@media (prefers-contrast: more){.seki-breadcrumb-link:focus-visible{outline-width:3px}}@media (prefers-reduced-motion: reduce){.seki-breadcrumb-link{transition:none}}";
+
+const SekiBreadcrumbEllipsis = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h("span", { key: '33c4c7103609b9a4fc830bbc96464e1a1fd031dd', role: "presentation", "aria-hidden": "true", class: "seki-breadcrumb-ellipsis", part: "ellipsis" }, index.h("svg", { key: '5625757050aa8a70515c0e8eec674d6ab7ae0ed0', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("circle", { key: '44dd8628de64596c5c9a1ccc7fd2bc56315b15cb', cx: "12", cy: "12", r: "1" }), index.h("circle", { key: '63b3518f6097bde13dcc4cf1acc7f32c02878260', cx: "19", cy: "12", r: "1" }), index.h("circle", { key: '13e25f68228bd3263ab4cf27ef9fb01b2af6471b', cx: "5", cy: "12", r: "1" })), index.h("span", { key: '9fc5e3eaf8699cf7e1b748d0dabb03956cfa9f5d', class: "sr-only" }, "More")));
+    }
+};
+SekiBreadcrumbEllipsis.style = sekiBreadcrumbCss;
+
+exports.seki_breadcrumb_ellipsis = SekiBreadcrumbEllipsis;

package/dist/cjs/seki-breadcrumb-item.cjs.entry.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var index = require('./index-BAbJauWg.js');
+
+const sekiBreadcrumbCss = ":host{--seki-breadcrumb-text-color:var(--seki-muted-foreground, hsl(0, 0%, 45.1%));--seki-breadcrumb-link-color:var(--seki-foreground, hsl(0, 0%, 3.9%));--seki-breadcrumb-link-hover:var(--seki-primary, hsl(0, 0%, 9%));--seki-breadcrumb-separator-color:var(--seki-muted-foreground, hsl(0, 0%, 45.1%));--seki-breadcrumb-font-size:var(--seki-font-size-sm, 14px);--seki-breadcrumb-font-family:var(--seki-font-sans, system-ui, -apple-system, sans-serif);--seki-breadcrumb-gap:0.375rem;display:block}:host([data-theme='dark']){--seki-breadcrumb-text-color:var(--seki-muted-foreground, hsl(0, 0%, 63.9%));--seki-breadcrumb-link-color:var(--seki-foreground, hsl(0, 0%, 98%));--seki-breadcrumb-link-hover:var(--seki-primary, hsl(0, 0%, 98%));--seki-breadcrumb-separator-color:var(--seki-muted-foreground, hsl(0, 0%, 63.9%))}.seki-breadcrumb{font-family:var(--seki-breadcrumb-font-family);font-size:var(--seki-breadcrumb-font-size)}.seki-breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--seki-breadcrumb-gap);list-style:none;margin:0;padding:0}.seki-breadcrumb-item{display:inline-flex;align-items:center;gap:var(--seki-breadcrumb-gap)}.seki-breadcrumb-link{color:var(--seki-breadcrumb-text-color);text-decoration:none;transition:color 0.15s ease}.seki-breadcrumb-link:hover{color:var(--seki-breadcrumb-link-hover)}.seki-breadcrumb-link:focus-visible{outline:2px solid var(--seki-breadcrumb-link-hover);outline-offset:2px;border-radius:var(--seki-radius-sm, 2px)}.seki-breadcrumb-page{color:var(--seki-breadcrumb-link-color);font-weight:var(--seki-font-weight-normal, 400)}.seki-breadcrumb-separator{display:inline-flex;align-items:center;justify-content:center;color:var(--seki-breadcrumb-separator-color)}.seki-breadcrumb-separator svg{width:1rem;height:1rem;flex-shrink:0}.seki-breadcrumb-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;color:var(--seki-breadcrumb-text-color)}.seki-breadcrumb-ellipsis svg{width:1rem;height:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}@media (prefers-contrast: more){.seki-breadcrumb-link:focus-visible{outline-width:3px}}@media (prefers-reduced-motion: reduce){.seki-breadcrumb-link{transition:none}}";
+
+const SekiBreadcrumbItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h("li", { key: 'ff9719b2c63717cdbbecb89e55b9448c71271d98', class: "seki-breadcrumb-item", part: "item" }, index.h("slot", { key: '49e05250b59699e2de61feec32d89247195d02e4' })));
+    }
+};
+SekiBreadcrumbItem.style = sekiBreadcrumbCss;
+
+exports.seki_breadcrumb_item = SekiBreadcrumbItem;

package/dist/cjs/seki-breadcrumb-link.cjs.entry.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var index = require('./index-BAbJauWg.js');
+
+const sekiBreadcrumbCss = ":host{--seki-breadcrumb-text-color:var(--seki-muted-foreground, hsl(0, 0%, 45.1%));--seki-breadcrumb-link-color:var(--seki-foreground, hsl(0, 0%, 3.9%));--seki-breadcrumb-link-hover:var(--seki-primary, hsl(0, 0%, 9%));--seki-breadcrumb-separator-color:var(--seki-muted-foreground, hsl(0, 0%, 45.1%));--seki-breadcrumb-font-size:var(--seki-font-size-sm, 14px);--seki-breadcrumb-font-family:var(--seki-font-sans, system-ui, -apple-system, sans-serif);--seki-breadcrumb-gap:0.375rem;display:block}:host([data-theme='dark']){--seki-breadcrumb-text-color:var(--seki-muted-foreground, hsl(0, 0%, 63.9%));--seki-breadcrumb-link-color:var(--seki-foreground, hsl(0, 0%, 98%));--seki-breadcrumb-link-hover:var(--seki-primary, hsl(0, 0%, 98%));--seki-breadcrumb-separator-color:var(--seki-muted-foreground, hsl(0, 0%, 63.9%))}.seki-breadcrumb{font-family:var(--seki-breadcrumb-font-family);font-size:var(--seki-breadcrumb-font-size)}.seki-breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--seki-breadcrumb-gap);list-style:none;margin:0;padding:0}.seki-breadcrumb-item{display:inline-flex;align-items:center;gap:var(--seki-breadcrumb-gap)}.seki-breadcrumb-link{color:var(--seki-breadcrumb-text-color);text-decoration:none;transition:color 0.15s ease}.seki-breadcrumb-link:hover{color:var(--seki-breadcrumb-link-hover)}.seki-breadcrumb-link:focus-visible{outline:2px solid var(--seki-breadcrumb-link-hover);outline-offset:2px;border-radius:var(--seki-radius-sm, 2px)}.seki-breadcrumb-page{color:var(--seki-breadcrumb-link-color);font-weight:var(--seki-font-weight-normal, 400)}.seki-breadcrumb-separator{display:inline-flex;align-items:center;justify-content:center;color:var(--seki-breadcrumb-separator-color)}.seki-breadcrumb-separator svg{width:1rem;height:1rem;flex-shrink:0}.seki-breadcrumb-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;color:var(--seki-breadcrumb-text-color)}.seki-breadcrumb-ellipsis svg{width:1rem;height:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}@media (prefers-contrast: more){.seki-breadcrumb-link:focus-visible{outline-width:3px}}@media (prefers-reduced-motion: reduce){.seki-breadcrumb-link{transition:none}}";
+
+const SekiBreadcrumbLink = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h("a", { key: 'f3ec124d88cac375dc5d5bb3407e8a3e7b692866', href: this.href, target: this.target, class: "seki-breadcrumb-link", part: "link" }, index.h("slot", { key: '1dede3df395a4423c4e14065e8613a6014651658' })));
+    }
+};
+SekiBreadcrumbLink.style = sekiBreadcrumbCss;
+
+exports.seki_breadcrumb_link = SekiBreadcrumbLink;

package/dist/cjs/seki-breadcrumb-list.cjs.entry.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var index = require('./index-BAbJauWg.js');
+
+const sekiBreadcrumbCss = ":host{--seki-breadcrumb-text-color:var(--seki-muted-foreground, hsl(0, 0%, 45.1%));--seki-breadcrumb-link-color:var(--seki-foreground, hsl(0, 0%, 3.9%));--seki-breadcrumb-link-hover:var(--seki-primary, hsl(0, 0%, 9%));--seki-breadcrumb-separator-color:var(--seki-muted-foreground, hsl(0, 0%, 45.1%));--seki-breadcrumb-font-size:var(--seki-font-size-sm, 14px);--seki-breadcrumb-font-family:var(--seki-font-sans, system-ui, -apple-system, sans-serif);--seki-breadcrumb-gap:0.375rem;display:block}:host([data-theme='dark']){--seki-breadcrumb-text-color:var(--seki-muted-foreground, hsl(0, 0%, 63.9%));--seki-breadcrumb-link-color:var(--seki-foreground, hsl(0, 0%, 98%));--seki-breadcrumb-link-hover:var(--seki-primary, hsl(0, 0%, 98%));--seki-breadcrumb-separator-color:var(--seki-muted-foreground, hsl(0, 0%, 63.9%))}.seki-breadcrumb{font-family:var(--seki-breadcrumb-font-family);font-size:var(--seki-breadcrumb-font-size)}.seki-breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--seki-breadcrumb-gap);list-style:none;margin:0;padding:0}.seki-breadcrumb-item{display:inline-flex;align-items:center;gap:var(--seki-breadcrumb-gap)}.seki-breadcrumb-link{color:var(--seki-breadcrumb-text-color);text-decoration:none;transition:color 0.15s ease}.seki-breadcrumb-link:hover{color:var(--seki-breadcrumb-link-hover)}.seki-breadcrumb-link:focus-visible{outline:2px solid var(--seki-breadcrumb-link-hover);outline-offset:2px;border-radius:var(--seki-radius-sm, 2px)}.seki-breadcrumb-page{color:var(--seki-breadcrumb-link-color);font-weight:var(--seki-font-weight-normal, 400)}.seki-breadcrumb-separator{display:inline-flex;align-items:center;justify-content:center;color:var(--seki-breadcrumb-separator-color)}.seki-breadcrumb-separator svg{width:1rem;height:1rem;flex-shrink:0}.seki-breadcrumb-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;color:var(--seki-breadcrumb-text-color)}.seki-breadcrumb-ellipsis svg{width:1rem;height:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}@media (prefers-contrast: more){.seki-breadcrumb-link:focus-visible{outline-width:3px}}@media (prefers-reduced-motion: reduce){.seki-breadcrumb-link{transition:none}}";
+
+const SekiBreadcrumbList = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h("ol", { key: '9f99d9bc4e344fbfb5f0f59b345f093d5749d5cd', class: "seki-breadcrumb-list", part: "list" }, index.h("slot", { key: '31a7e18de584f162e2165a454640ed56d31cc9b4' })));
+    }
+};
+SekiBreadcrumbList.style = sekiBreadcrumbCss;
+
+exports.seki_breadcrumb_list = SekiBreadcrumbList;

package/dist/cjs/seki-breadcrumb-page.cjs.entry.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var index = require('./index-BAbJauWg.js');
+
+const sekiBreadcrumbCss = ":host{--seki-breadcrumb-text-color:var(--seki-muted-foreground, hsl(0, 0%, 45.1%));--seki-breadcrumb-link-color:var(--seki-foreground, hsl(0, 0%, 3.9%));--seki-breadcrumb-link-hover:var(--seki-primary, hsl(0, 0%, 9%));--seki-breadcrumb-separator-color:var(--seki-muted-foreground, hsl(0, 0%, 45.1%));--seki-breadcrumb-font-size:var(--seki-font-size-sm, 14px);--seki-breadcrumb-font-family:var(--seki-font-sans, system-ui, -apple-system, sans-serif);--seki-breadcrumb-gap:0.375rem;display:block}:host([data-theme='dark']){--seki-breadcrumb-text-color:var(--seki-muted-foreground, hsl(0, 0%, 63.9%));--seki-breadcrumb-link-color:var(--seki-foreground, hsl(0, 0%, 98%));--seki-breadcrumb-link-hover:var(--seki-primary, hsl(0, 0%, 98%));--seki-breadcrumb-separator-color:var(--seki-muted-foreground, hsl(0, 0%, 63.9%))}.seki-breadcrumb{font-family:var(--seki-breadcrumb-font-family);font-size:var(--seki-breadcrumb-font-size)}.seki-breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--seki-breadcrumb-gap);list-style:none;margin:0;padding:0}.seki-breadcrumb-item{display:inline-flex;align-items:center;gap:var(--seki-breadcrumb-gap)}.seki-breadcrumb-link{color:var(--seki-breadcrumb-text-color);text-decoration:none;transition:color 0.15s ease}.seki-breadcrumb-link:hover{color:var(--seki-breadcrumb-link-hover)}.seki-breadcrumb-link:focus-visible{outline:2px solid var(--seki-breadcrumb-link-hover);outline-offset:2px;border-radius:var(--seki-radius-sm, 2px)}.seki-breadcrumb-page{color:var(--seki-breadcrumb-link-color);font-weight:var(--seki-font-weight-normal, 400)}.seki-breadcrumb-separator{display:inline-flex;align-items:center;justify-content:center;color:var(--seki-breadcrumb-separator-color)}.seki-breadcrumb-separator svg{width:1rem;height:1rem;flex-shrink:0}.seki-breadcrumb-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;color:var(--seki-breadcrumb-text-color)}.seki-breadcrumb-ellipsis svg{width:1rem;height:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}@media (prefers-contrast: more){.seki-breadcrumb-link:focus-visible{outline-width:3px}}@media (prefers-reduced-motion: reduce){.seki-breadcrumb-link{transition:none}}";
+
+const SekiBreadcrumbPage = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h("span", { key: '4da8666d70d7de92b571a241d57ddf8ef9025cba', role: "link", "aria-disabled": "true", "aria-current": "page", class: "seki-breadcrumb-page", part: "page" }, index.h("slot", { key: '6b3e507adfb0a965420b3a041581055c15a0a4a5' })));
+    }
+};
+SekiBreadcrumbPage.style = sekiBreadcrumbCss;
+
+exports.seki_breadcrumb_page = SekiBreadcrumbPage;