@sekiui/elements 0.0.60 → 0.0.63

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

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

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

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

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

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

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

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

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

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

package/dist/components/seki-avatar.js

@@ -0,0 +1,102 @@
+import { p as proxyCustomElement, H, h } from './p-C_O046uN.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/components/seki-badge.js

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h } from './p-D2lrrniN.js';
+import { p as proxyCustomElement, H, h } from './p-C_O046uN.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/components/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;

package/dist/components/seki-breadcrumb-ellipsis.js

@@ -0,0 +1,36 @@
+import { p as proxyCustomElement, H, h } from './p-C_O046uN.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$1 = /*@__PURE__*/ proxyCustomElement(class SekiBreadcrumbEllipsis extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    render() {
+        return (h("span", { key: '33c4c7103609b9a4fc830bbc96464e1a1fd031dd', role: "presentation", "aria-hidden": "true", class: "seki-breadcrumb-ellipsis", part: "ellipsis" }, 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" }, h("circle", { key: '44dd8628de64596c5c9a1ccc7fd2bc56315b15cb', cx: "12", cy: "12", r: "1" }), h("circle", { key: '63b3518f6097bde13dcc4cf1acc7f32c02878260', cx: "19", cy: "12", r: "1" }), h("circle", { key: '13e25f68228bd3263ab4cf27ef9fb01b2af6471b', cx: "5", cy: "12", r: "1" })), h("span", { key: '9fc5e3eaf8699cf7e1b748d0dabb03956cfa9f5d', class: "sr-only" }, "More")));
+    }
+    static get style() { return sekiBreadcrumbCss; }
+}, [257, "seki-breadcrumb-ellipsis"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-breadcrumb-ellipsis"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-breadcrumb-ellipsis":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiBreadcrumbEllipsis$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiBreadcrumbEllipsis = SekiBreadcrumbEllipsis$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiBreadcrumbEllipsis, defineCustomElement };

package/dist/components/seki-breadcrumb-item.d.ts

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

package/dist/components/seki-breadcrumb-item.js

@@ -0,0 +1,36 @@
+import { p as proxyCustomElement, H, h } from './p-C_O046uN.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$1 = /*@__PURE__*/ proxyCustomElement(class SekiBreadcrumbItem extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    render() {
+        return (h("li", { key: 'ff9719b2c63717cdbbecb89e55b9448c71271d98', class: "seki-breadcrumb-item", part: "item" }, h("slot", { key: '49e05250b59699e2de61feec32d89247195d02e4' })));
+    }
+    static get style() { return sekiBreadcrumbCss; }
+}, [257, "seki-breadcrumb-item"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-breadcrumb-item"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-breadcrumb-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiBreadcrumbItem$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiBreadcrumbItem = SekiBreadcrumbItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiBreadcrumbItem, defineCustomElement };

package/dist/components/seki-breadcrumb-link.d.ts

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

package/dist/components/seki-breadcrumb-link.js

@@ -0,0 +1,39 @@
+import { p as proxyCustomElement, H, h } from './p-C_O046uN.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$1 = /*@__PURE__*/ proxyCustomElement(class SekiBreadcrumbLink extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    render() {
+        return (h("a", { key: 'f3ec124d88cac375dc5d5bb3407e8a3e7b692866', href: this.href, target: this.target, class: "seki-breadcrumb-link", part: "link" }, h("slot", { key: '1dede3df395a4423c4e14065e8613a6014651658' })));
+    }
+    static get style() { return sekiBreadcrumbCss; }
+}, [257, "seki-breadcrumb-link", {
+        "href": [1],
+        "target": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-breadcrumb-link"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-breadcrumb-link":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiBreadcrumbLink$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiBreadcrumbLink = SekiBreadcrumbLink$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiBreadcrumbLink, defineCustomElement };

package/dist/components/seki-breadcrumb-list.d.ts

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

package/dist/components/seki-breadcrumb-list.js

@@ -0,0 +1,36 @@
+import { p as proxyCustomElement, H, h } from './p-C_O046uN.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$1 = /*@__PURE__*/ proxyCustomElement(class SekiBreadcrumbList extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    render() {
+        return (h("ol", { key: '9f99d9bc4e344fbfb5f0f59b345f093d5749d5cd', class: "seki-breadcrumb-list", part: "list" }, h("slot", { key: '31a7e18de584f162e2165a454640ed56d31cc9b4' })));
+    }
+    static get style() { return sekiBreadcrumbCss; }
+}, [257, "seki-breadcrumb-list"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-breadcrumb-list"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-breadcrumb-list":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiBreadcrumbList$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiBreadcrumbList = SekiBreadcrumbList$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiBreadcrumbList, defineCustomElement };

package/dist/components/seki-breadcrumb-page.d.ts

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

package/dist/components/seki-breadcrumb-page.js

@@ -0,0 +1,36 @@
+import { p as proxyCustomElement, H, h } from './p-C_O046uN.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$1 = /*@__PURE__*/ proxyCustomElement(class SekiBreadcrumbPage extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    render() {
+        return (h("span", { key: '4da8666d70d7de92b571a241d57ddf8ef9025cba', role: "link", "aria-disabled": "true", "aria-current": "page", class: "seki-breadcrumb-page", part: "page" }, h("slot", { key: '6b3e507adfb0a965420b3a041581055c15a0a4a5' })));
+    }
+    static get style() { return sekiBreadcrumbCss; }
+}, [257, "seki-breadcrumb-page"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-breadcrumb-page"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-breadcrumb-page":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiBreadcrumbPage$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiBreadcrumbPage = SekiBreadcrumbPage$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiBreadcrumbPage, defineCustomElement };

package/dist/components/seki-breadcrumb-separator.d.ts

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

package/dist/components/seki-breadcrumb-separator.js

@@ -0,0 +1,41 @@
+import { p as proxyCustomElement, H, h } from './p-C_O046uN.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 SekiBreadcrumbSeparator$1 = /*@__PURE__*/ proxyCustomElement(class SekiBreadcrumbSeparator extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    hasCustomContent() {
+        return this.el.childNodes.length > 0;
+    }
+    render() {
+        const hasContent = this.hasCustomContent();
+        return (h("li", { key: '270d0f8a8399de9c2ebe3df94ad39d38589eed9e', role: "presentation", "aria-hidden": "true", class: "seki-breadcrumb-separator", part: "separator" }, hasContent ? (h("slot", null)) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { d: "m9 18 6-6-6-6" })))));
+    }
+    get el() { return this; }
+    static get style() { return sekiBreadcrumbCss; }
+}, [257, "seki-breadcrumb-separator"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-breadcrumb-separator"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-breadcrumb-separator":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiBreadcrumbSeparator$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiBreadcrumbSeparator = SekiBreadcrumbSeparator$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiBreadcrumbSeparator, defineCustomElement };