@sekiui/elements 0.0.60 → 0.0.63

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

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

package/dist/cdn/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/cdn/seki-alert-title.js

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

package/dist/cdn/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/cdn/seki-alert.js

@@ -0,0 +1,65 @@
+import { p as proxyCustomElement, H, h } from './p-BF5nneSK.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/cdn/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/cdn/seki-aspect-ratio.js

@@ -0,0 +1,56 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-BF5nneSK.js';
+
+const sekiAspectRatioCss = ":host{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96.1%);--seki-neutral-200:hsl(0, 0%, 89.8%);--seki-neutral-300:hsl(0, 0%, 83.1%);--seki-neutral-400:hsl(0, 0%, 63.9%);--seki-neutral-500:hsl(0, 0%, 45.1%);--seki-neutral-600:hsl(0, 0%, 32.2%);--seki-neutral-700:hsl(0, 0%, 25.1%);--seki-neutral-800:hsl(0, 0%, 14.9%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 3.9%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 84.2%, 60.2%);--seki-destructive-600:hsl(0, 72%, 41%);--seki-chart-1:hsl(12, 76%, 61%);--seki-chart-2:hsl(173, 58%, 39%);--seki-chart-3:hsl(197, 37%, 24%);--seki-chart-4:hsl(43, 74%, 66%);--seki-chart-5:hsl(27, 87%, 67%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.1%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}:host{--seki-button-primary-bg:var(--seki-primary);--seki-button-primary-text:var(--seki-primary-foreground);--seki-button-primary-border:transparent;--seki-button-primary-hover-bg:hsl(0, 0%, 9%, 0.9);--seki-button-primary-hover-text:var(--seki-primary-foreground);--seki-button-primary-hover-border:transparent;--seki-button-secondary-bg:var(--seki-secondary);--seki-button-secondary-text:var(--seki-secondary-foreground);--seki-button-secondary-border:transparent;--seki-button-secondary-hover-bg:hsl(0, 0%, 96.1%, 0.8);--seki-button-secondary-hover-text:var(--seki-secondary-foreground);--seki-button-secondary-hover-border:transparent;--seki-button-outline-bg:transparent;--seki-button-outline-text:var(--seki-foreground);--seki-button-outline-border:var(--seki-input);--seki-button-outline-hover-bg:var(--seki-accent);--seki-button-outline-hover-text:var(--seki-accent-foreground);--seki-button-outline-hover-border:var(--seki-input);--seki-button-ghost-bg:transparent;--seki-button-ghost-text:var(--seki-foreground);--seki-button-ghost-border:transparent;--seki-button-ghost-hover-bg:var(--seki-accent);--seki-button-ghost-hover-text:var(--seki-accent-foreground);--seki-button-ghost-hover-border:transparent;--seki-button-destructive-bg:var(--seki-destructive);--seki-button-destructive-text:var(--seki-destructive-foreground);--seki-button-destructive-border:transparent;--seki-button-destructive-hover-bg:hsl(0, 84.2%, 60.2%, 0.9);--seki-button-destructive-hover-border:transparent;--seki-button-sm-padding-x:var(--seki-spacing-3, 0.75rem);--seki-button-sm-padding-y:0.375rem;--seki-button-sm-font-size:var(--seki-text-sm, 0.875rem);--seki-button-sm-height:2.25rem;--seki-button-md-padding-x:var(--seki-spacing-4, 1rem);--seki-button-md-padding-y:var(--seki-spacing-2, 0.5rem);--seki-button-md-font-size:var(--seki-text-base, 1rem);--seki-button-md-height:2.5rem;--seki-button-lg-padding-x:2rem;--seki-button-lg-padding-y:0.5rem;--seki-button-lg-font-size:1rem;--seki-button-lg-height:2.75rem;--seki-button-icon-sm-size:2rem;--seki-button-icon-size:2.5rem;--seki-button-icon-lg-size:3rem;--seki-button-icon-gap:0.5rem;--seki-button-link-bg:transparent;--seki-button-link-text:var(--seki-primary);--seki-button-link-border:transparent;--seki-button-link-hover-bg:transparent;--seki-button-link-hover-text:var(--seki-primary);--seki-button-link-hover-border:transparent;--seki-button-radius:var(--seki-radius-md, 0.375rem);--seki-button-font-weight:var(--seki-font-medium, 500);--seki-button-transition-duration:150ms;--seki-button-transition-timing:ease-in-out;--seki-button-shadow:var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--seki-button-shadow-hover:var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));--seki-button-disabled-opacity:0.5;--seki-input-bg:var(--seki-background);--seki-input-border:var(--seki-border);--seki-input-text:var(--seki-foreground);--seki-input-placeholder:var(--seki-muted-foreground);--seki-input-ring:var(--seki-ring);--seki-input-invalid-border:var(--seki-destructive);--seki-input-invalid-ring:var(--seki-destructive);--seki-input-disabled-opacity:0.5;--seki-input-radius:var(--seki-radius-md);--seki-input-ring-offset:2px;--seki-select-trigger-bg:var(--seki-background);--seki-select-trigger-border:1px solid var(--seki-border);--seki-select-trigger-bg-hover:var(--seki-muted);--seki-select-trigger-radius:var(--seki-radius-md);--seki-select-trigger-min-height:2.5rem;--seki-select-trigger-padding:0.5rem 0.75rem;--seki-select-trigger-gap:0.5rem;--seki-select-content-bg:var(--seki-popover);--seki-select-content-border:1px solid var(--seki-border);--seki-select-content-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1);--seki-select-content-radius:var(--seki-radius-md);--seki-select-content-padding:0.5rem 0;--seki-select-option-padding:0.5rem 0.75rem;--seki-select-option-gap:0.5rem;--seki-select-option-radius:var(--seki-radius-sm);--seki-select-option-bg-hover:var(--seki-muted);--seki-select-option-bg-selected:var(--seki-muted);--seki-select-group-label-padding:0.5rem 0.75rem;--seki-select-group-label-font-size:var(--seki-font-size-xs);--seki-select-group-label-font-weight:var(--seki-font-semibold);--seki-select-group-label-color:var(--seki-muted-foreground);--seki-select-group-separator:1px solid var(--seki-border)}:host{--seki-spacing-0:0;--seki-spacing-0-5:0.125rem;--seki-spacing-1:0.25rem;--seki-spacing-1-5:0.375rem;--seki-spacing-2:0.5rem;--seki-spacing-2-5:0.625rem;--seki-spacing-3:0.75rem;--seki-spacing-3-5:0.875rem;--seki-spacing-4:1rem;--seki-spacing-5:1.25rem;--seki-spacing-6:1.5rem;--seki-spacing-8:2rem;--seki-spacing-10:2.5rem;--seki-spacing-12:3rem;--seki-spacing-16:4rem;--seki-spacing-20:5rem;--seki-spacing-24:6rem;--seki-input-height-sm:2rem;--seki-input-height-md:2.5rem;--seki-input-height-lg:3rem;--seki-input-padding-x:0.75rem;--seki-input-padding-y:0.5rem;--seki-input-font-size:0.875rem;--seki-input-ring-offset:2px}:host{--seki-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--seki-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--seki-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1)}:host{--seki-font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n    Arial, sans-serif;--seki-font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--seki-text-xs:0.75rem;--seki-text-sm:0.875rem;--seki-text-base:1rem;--seki-text-lg:1.125rem;--seki-text-xl:1.25rem;--seki-text-2xl:1.5rem;--seki-text-3xl:1.875rem;--seki-text-4xl:2.25rem;--seki-font-normal:400;--seki-font-medium:500;--seki-font-semibold:600;--seki-font-bold:700;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:host{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;}:host{--seki-sidebar-width:16rem;--seki-sidebar-width-icon:3rem;--seki-sidebar-width-mobile:18rem;--seki-sidebar-background:hsl(0, 0%, 98%);--seki-sidebar-foreground:hsl(240, 5.3%, 26.1%);--seki-sidebar-primary:hsl(240, 5.9%, 10%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98%);--seki-sidebar-accent:hsl(240, 4.8%, 95.9%);--seki-sidebar-accent-foreground:hsl(240, 5.9%, 10%);--seki-sidebar-border:hsl(220, 13%, 91%);--seki-sidebar-ring:hsl(217.2, 91.2%, 59.8%);--seki-sidebar-muted-foreground:hsl(240, 3.8%, 46.1%);--seki-sidebar-menu-button-height:2rem;--seki-sidebar-menu-button-height-lg:3rem;--seki-sidebar-menu-button-padding:0.5rem;--seki-sidebar-menu-button-gap:0.5rem;--seki-sidebar-menu-button-radius:var(--seki-radius-md, 0.375rem);--seki-sidebar-menu-sub-padding-left:1.75rem;--seki-sidebar-menu-sub-border-width:1px;--seki-sidebar-group-padding:0.5rem;--seki-sidebar-group-label-height:2rem;--seki-sidebar-group-label-padding:0.5rem;--seki-sidebar-header-height:auto;--seki-sidebar-footer-height:auto;--seki-sidebar-header-padding:0.5rem;--seki-sidebar-footer-padding:0.5rem;--seki-sidebar-content-padding:0.5rem;--seki-sidebar-rail-width:1rem;--seki-sidebar-transition-duration:200ms;--seki-sidebar-transition-timing:ease-in-out;--seki-sidebar-mobile-breakpoint:768px;--seki-sidebar-overlay-bg:hsla(0, 0%, 0%, 0.8)}:host([data-theme='dark']){--seki-sidebar-background:hsl(240, 5.9%, 10%);--seki-sidebar-foreground:hsl(240, 4.8%, 95.9%);--seki-sidebar-primary:hsl(0, 0%, 98%);--seki-sidebar-primary-foreground:hsl(240, 5.9%, 10%);--seki-sidebar-accent:hsl(240, 3.7%, 15.9%);--seki-sidebar-accent-foreground:hsl(240, 4.8%, 95.9%);--seki-sidebar-border:hsl(240, 3.7%, 15.9%);--seki-sidebar-ring:hsl(217.2, 91.2%, 59.8%);--seki-sidebar-muted-foreground:hsl(240, 5%, 64.9%)}:host{--seki-animation-fast:150ms;--seki-animation-normal:200ms;--seki-animation-slow:300ms;--seki-ease-in:cubic-bezier(0.4, 0, 1, 1);--seki-ease-out:cubic-bezier(0, 0, 0.2, 1);--seki-ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--seki-accordion-content-height:auto}@keyframes seki-fade-in{from{opacity:0}to{opacity:1}}@keyframes seki-fade-out{from{opacity:1}to{opacity:0}}@keyframes seki-scale-in{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes seki-scale-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.95)}}@keyframes seki-slide-in-from-top{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes seki-slide-out-to-top{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes seki-slide-in-from-bottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes seki-slide-out-to-bottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes seki-slide-in-from-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes seki-slide-out-to-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes seki-slide-in-from-right{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes seki-slide-out-to-right{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes seki-accordion-down{from{height:0;opacity:0}to{height:var(--seki-accordion-content-height);opacity:1}}@keyframes seki-accordion-up{from{height:var(--seki-accordion-content-height);opacity:1}to{height:0;opacity:0}}@keyframes seki-zoom-in{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}@keyframes seki-zoom-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.96)}}@keyframes seki-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes seki-pulse{0%,100%{opacity:1}50%{opacity:0.5}}@keyframes seki-bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8, 0, 1, 1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}}@keyframes seki-collapsible-open{from{height:0;overflow:hidden}to{height:var(--seki-collapsible-content-height, auto)}}@keyframes seki-collapsible-close{from{height:var(--seki-collapsible-content-height, auto)}to{height:0;overflow:hidden}}@keyframes seki-toast-slide-in-right{from{transform:translateX(calc(100% + 1rem))}to{transform:translateX(0)}}@keyframes seki-toast-slide-out-right{from{transform:translateX(0)}to{transform:translateX(calc(100% + 1rem))}}@keyframes seki-toast-swipe-out{from{transform:translateX(var(--seki-toast-swipe-end-x, 0))}to{transform:translateX(calc(100% + 1rem))}}.seki-animate-fade-in{animation:seki-fade-in var(--seki-animation-normal) var(--seki-ease-out)}.seki-animate-fade-out{animation:seki-fade-out var(--seki-animation-normal) var(--seki-ease-in)}.seki-animate-scale-in{animation:seki-scale-in var(--seki-animation-normal) var(--seki-ease-out)}.seki-animate-scale-out{animation:seki-scale-out var(--seki-animation-normal) var(--seki-ease-in)}.seki-animate-spin{animation:seki-spin 1s linear infinite}.seki-animate-pulse{animation:seki-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.seki-animate-bounce{animation:seki-bounce 1s infinite}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}:host{display:block;width:100%}.aspect-ratio{position:relative;width:100%;}.aspect-ratio__content{position:absolute;top:0;right:0;bottom:0;left:0}::slotted(*){width:100%;height:100%;object-fit:cover}::slotted(img){display:block}::slotted(video){display:block}::slotted(iframe){display:block;border:0}";
+
+const SekiAspectRatio$1 = /*@__PURE__*/ proxyCustomElement(class SekiAspectRatio extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        /**
+         * The desired aspect ratio as a number (width / height)
+         * Common values: 16/9 (widescreen), 4/3 (standard), 1 (square), 21/9 (ultrawide)
+         */
+        this.ratio = 1;
+    }
+    componentWillLoad() {
+        if (this.ratio <= 0 || !isFinite(this.ratio)) {
+            console.warn(`Invalid ratio "${this.ratio}". Ratio must be a positive finite number. Defaulting to 1.`);
+        }
+    }
+    getSafeRatio() {
+        if (this.ratio <= 0 || !isFinite(this.ratio)) {
+            return 1;
+        }
+        return this.ratio;
+    }
+    render() {
+        const safeRatio = this.getSafeRatio();
+        const paddingBottom = `${(1 / safeRatio) * 100}%`;
+        return (h(Host, { key: 'c0832cb4c1f210dfd7c3cd804e4635e09acff5fb' }, h("div", { key: 'f059142c437ddef939d2be86f0abad702eb0cbab', part: "container", class: "aspect-ratio", style: { paddingBottom } }, h("div", { key: '09d32a408a550029e052b81e309f7b524c7b1c9a', class: "aspect-ratio__content" }, h("slot", { key: '60f269facc890c7df6ebcec76fbdc7bacac3e727' })))));
+    }
+    static get style() { return sekiAspectRatioCss; }
+}, [257, "seki-aspect-ratio", {
+        "ratio": [2]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-aspect-ratio"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-aspect-ratio":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiAspectRatio$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiAspectRatio = SekiAspectRatio$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiAspectRatio, defineCustomElement };

package/dist/cdn/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/cdn/seki-avatar-fallback.js

@@ -0,0 +1,68 @@
+import { p as proxyCustomElement, H, h } from './p-BF5nneSK.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/cdn/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/cdn/seki-avatar-image.js

@@ -0,0 +1,78 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-BF5nneSK.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/cdn/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;

package/dist/cdn/seki-avatar.js

@@ -0,0 +1,102 @@
+import { p as proxyCustomElement, H, h } from './p-BF5nneSK.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$1 = /*@__PURE__*/ proxyCustomElement(class SekiAvatar extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        /**
+         * 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 (h("span", { key: '29505452c9dc31731095f816f18cbf96579b2ed0', class: classString, role: "img" }, h("slot", { key: 'fe73f8e582a31ace433a7e3d1f514679bb58dffa' })));
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "size": ["validateSize"],
+        "shape": ["validateShape"]
+    }; }
+    static get style() { return sekiAvatarCss; }
+}, [257, "seki-avatar", {
+        "size": [1],
+        "shape": [1],
+        "imageLoaded": [32],
+        "imageError": [32]
+    }, [[0, "avatarImageLoad", "handleImageLoad"], [0, "avatarImageError", "handleImageError"]], {
+        "size": ["validateSize"],
+        "shape": ["validateShape"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-avatar"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-avatar":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiAvatar$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiAvatar = SekiAvatar$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiAvatar, defineCustomElement };

package/dist/cdn/seki-badge.js

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h } from './p-D31scOlb.js';
+import { p as proxyCustomElement, H, h } from './p-BF5nneSK.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$1 = /*@__PURE__*/ proxyCustomElement(class SekiBadge extends H {
     constructor(registerHost) {

package/dist/cdn/seki-breadcrumb-ellipsis.d.ts

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