@sekiui/elements 0.0.65 → 0.0.69

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

@@ -0,0 +1,149 @@
+'use strict';
+
+var index = require('./index-BexiZ2GR.js');
+
+const sekiMenubarCss = ":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:inline-flex}.menubar{display:flex;align-items:center;gap:var(--seki-spacing-1, 0.25rem);padding:var(--seki-spacing-1, 0.25rem);background-color:var(--seki-background, hsl(0 0% 100%));border:1px solid var(--seki-border, hsl(240 5.9% 90%));border-radius:var(--seki-radius-md, 0.375rem)}:host-context([data-theme=\"dark\"]) .menubar{background-color:var(--seki-background, hsl(240 10% 3.9%));border-color:var(--seki-border, hsl(240 3.7% 15.9%))}";
+
+const SekiMenubar = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.sekiSelect = index.createEvent(this, "sekiSelect");
+        this.sekiOpenChange = index.createEvent(this, "sekiOpenChange");
+        /**
+         * Whether arrow keys wrap around
+         */
+        this.loop = true;
+        this._activeMenuId = null;
+        this._menuIds = [];
+        /**
+         * Context for child components
+         */
+        this._menubarContext = {
+            get activeMenuId() {
+                return null;
+            },
+            get menuIds() {
+                return [];
+            },
+            get loop() {
+                return true;
+            },
+            openMenu: () => { },
+            closeMenu: () => { },
+            registerMenu: () => { },
+            unregisterMenu: () => { },
+            focusTrigger: () => { },
+            getNextMenuId: () => null,
+            getPrevMenuId: () => null,
+        };
+        this.openMenu = (menuId) => {
+            if (this._activeMenuId === menuId)
+                return;
+            this._activeMenuId = menuId;
+            this.sekiOpenChange.emit(menuId);
+            this.setupClickOutside();
+        };
+        this.closeMenu = () => {
+            if (this._activeMenuId === null)
+                return;
+            this._activeMenuId = null;
+            this.sekiOpenChange.emit(null);
+            this.removeClickOutside();
+        };
+        this.registerMenu = (menuId) => {
+            if (!this._menuIds.includes(menuId)) {
+                this._menuIds = [...this._menuIds, menuId];
+            }
+        };
+        this.unregisterMenu = (menuId) => {
+            this._menuIds = this._menuIds.filter((id) => id !== menuId);
+        };
+        this.focusTrigger = (menuId) => {
+            const menu = this.el.querySelector(`seki-menubar-menu[menu-id="${menuId}"]`);
+            const trigger = menu === null || menu === void 0 ? void 0 : menu.querySelector('seki-menubar-trigger');
+            if (trigger) {
+                trigger.focus();
+            }
+        };
+        this.getNextMenuId = (currentId) => {
+            const index = this._menuIds.indexOf(currentId);
+            if (index === -1)
+                return null;
+            const nextIndex = index + 1;
+            if (nextIndex >= this._menuIds.length) {
+                return this.loop ? this._menuIds[0] : null;
+            }
+            return this._menuIds[nextIndex];
+        };
+        this.getPrevMenuId = (currentId) => {
+            const index = this._menuIds.indexOf(currentId);
+            if (index === -1)
+                return null;
+            const prevIndex = index - 1;
+            if (prevIndex < 0) {
+                return this.loop ? this._menuIds[this._menuIds.length - 1] : null;
+            }
+            return this._menuIds[prevIndex];
+        };
+    }
+    componentWillLoad() {
+        this.updateContext();
+    }
+    componentDidUpdate() {
+        this.updateContext();
+    }
+    updateContext() {
+        this._menubarContext = {
+            activeMenuId: this._activeMenuId,
+            menuIds: this._menuIds,
+            loop: this.loop,
+            openMenu: this.openMenu,
+            closeMenu: this.closeMenu,
+            registerMenu: this.registerMenu,
+            unregisterMenu: this.unregisterMenu,
+            focusTrigger: this.focusTrigger,
+            getNextMenuId: this.getNextMenuId,
+            getPrevMenuId: this.getPrevMenuId,
+        };
+    }
+    setupClickOutside() {
+        setTimeout(() => {
+            this.clickOutsideHandler = (e) => {
+                const path = e.composedPath();
+                if (!path.includes(this.el)) {
+                    this.closeMenu();
+                }
+            };
+            document.addEventListener('click', this.clickOutsideHandler, { capture: true });
+        }, 0);
+    }
+    removeClickOutside() {
+        if (this.clickOutsideHandler) {
+            document.removeEventListener('click', this.clickOutsideHandler, { capture: true });
+            this.clickOutsideHandler = undefined;
+        }
+    }
+    handleEscape(event) {
+        if (this._activeMenuId && event.key === 'Escape') {
+            event.preventDefault();
+            const menuId = this._activeMenuId;
+            this.closeMenu();
+            this.focusTrigger(menuId);
+        }
+    }
+    handleItemSelect(event) {
+        event.stopPropagation();
+        this.sekiSelect.emit(event.detail);
+        this.closeMenu();
+    }
+    disconnectedCallback() {
+        this.removeClickOutside();
+    }
+    render() {
+        return (index.h(index.Host, { key: '1f91e6ae3177b8514656a24649d89bef24b1b7b8' }, index.h("div", { key: '1b83da3772892a684fdca45e49623a8661d5cd49', part: "menubar", role: "menubar", class: "menubar" }, index.h("slot", { key: '8a215708f6369484b24718010d0ffc96514a1f04' }))));
+    }
+    get el() { return index.getElement(this); }
+};
+SekiMenubar.style = sekiMenubarCss;
+
+exports.seki_menubar = SekiMenubar;

package/dist/cjs/seki-navigation-menu-content.cjs.entry.js

@@ -199,13 +199,13 @@ const SekiNavigationMenuContent = class {
         if (this.layout === 'grid') {
             customStyles['--content-columns'] = String(this.columns);
         }
-        return (index.h(index.Host, { key: 'e99742e119b47368bbcdc628e7ec19e59fe5293b', class: {
+        return (index.h(index.Host, { key: '3eb7eec6d89760ee53d3b0fc777f5107d8d6370f', class: {
                 'navigation-menu-content': true,
                 'navigation-menu-content--open': this.isOpen,
                 'navigation-menu-content--mobile': this.isMobile,
                 [`navigation-menu-content--layout-${this.layout}`]: true,
                 [`navigation-menu-content--align-${this.align}`]: true,
-            }, style: customStyles }, index.h("div", { key: '712e10dc759a7e1ee9aa848f1aef81c5f15c95c9', id: `content-${itemId}`, class: "navigation-menu-content__inner", role: "menu", "aria-labelledby": `trigger-${itemId}` }, index.h("slot", { key: 'a51e82b60b383ce0e0b0266d0d48582a078326ae' }))));
+            }, style: customStyles }, index.h("div", { key: '5d8e04a75de92f49b985d9a4d3d8c9bc4a93ba32', id: `content-${itemId}`, class: "navigation-menu-content__inner", role: "menu", "aria-labelledby": `trigger-${itemId}` }, index.h("slot", { key: 'a027ebebb35c49cf44d393346de120fb54863fb2' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/seki-navigation-menu-item.cjs.entry.js

@@ -92,12 +92,12 @@ const SekiNavigationMenuItem = class {
         return this.parentMenu;
     }
     render() {
-        return (index.h(index.Host, { key: 'f1773ca2d7e6470b6c76c7a9eb4c4df2b8d8edb1', class: {
+        return (index.h(index.Host, { key: '143ac0fb0bfa304b678215e5a0e864f7ab68bdac', class: {
                 'navigation-menu-item': true,
                 'navigation-menu-item--open': this.isOpen,
                 'navigation-menu-item--mobile': this.isMobile,
                 'navigation-menu-item--mobile-expanded': this.mobileExpanded,
-            }, "data-item-id": this.itemId }, index.h("li", { key: 'a303c8f3861462b4602f2d9eca0ecc1eee04772f', class: "navigation-menu-item__container", role: "none" }, index.h("slot", { key: '55801b1a767218f971d95675a3bc3d7e76bcbc5c' }))));
+            }, "data-item-id": this.itemId }, index.h("li", { key: 'e33642f6ee552c793826fbb151069b43358a1d15', class: "navigation-menu-item__container", role: "none" }, index.h("slot", { key: 'fafb09e27ef33392fc057a18534796b3622d1641' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/seki-navigation-menu-link.cjs.entry.js

@@ -73,13 +73,13 @@ const SekiNavigationMenuLink = class {
     }
     render() {
         const hasDescription = Boolean(this.description);
-        return (index.h(index.Host, { key: 'bf4ccd31ec357facb978417db3c44a15971d5247', class: {
+        return (index.h(index.Host, { key: '71e964b26cdf951e7ce7ec1c923c76aa69b3940e', class: {
                 'navigation-menu-link': true,
                 'navigation-menu-link--active': this.active,
                 'navigation-menu-link--disabled': this.disabled,
                 'navigation-menu-link--in-content': this.isInContent,
                 'navigation-menu-link--with-description': hasDescription,
-            } }, index.h("a", { key: '59f01a7e192d20215794aea5413ab981d94ed55c', class: "navigation-menu-link__anchor", href: this.disabled ? undefined : this.href, target: this.target || undefined, rel: this.target === '_blank' ? 'noopener noreferrer' : undefined, role: this.isInContent ? 'menuitem' : undefined, "aria-current": this.active ? 'page' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, hasDescription ? (index.h("div", { class: "navigation-menu-link__content" }, index.h("span", { class: "navigation-menu-link__title" }, index.h("slot", null)), index.h("span", { class: "navigation-menu-link__description" }, this.description))) : (index.h("slot", null)))));
+            } }, index.h("a", { key: 'd04816e49118a70ef6f2ae096b10e8c79ac50a7d', class: "navigation-menu-link__anchor", href: this.disabled ? undefined : this.href, target: this.target || undefined, rel: this.target === '_blank' ? 'noopener noreferrer' : undefined, role: this.isInContent ? 'menuitem' : undefined, "aria-current": this.active ? 'page' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, hasDescription ? (index.h("div", { class: "navigation-menu-link__content" }, index.h("span", { class: "navigation-menu-link__title" }, index.h("slot", null)), index.h("span", { class: "navigation-menu-link__description" }, this.description))) : (index.h("slot", null)))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-navigation-menu-list.cjs.entry.js

@@ -102,7 +102,7 @@ const SekiNavigationMenuList = class {
         this.focusedIndex = index;
     }
     render() {
-        return (index.h(index.Host, { key: 'f3b68cfc86bb6bede79b30d4f44738d17269a831' }, index.h("ul", { key: '4379c736988916d80f743cda52efa15773ffe789', class: "navigation-menu-list", role: "menubar" }, index.h("slot", { key: '271f44c7083fdb07dcb2f7a39c8acc6e4b8308f3' }))));
+        return (index.h(index.Host, { key: '8aa21102e298eafc6506b37f69c595fca88c390f' }, index.h("ul", { key: 'cbce0ec84c4871ed59aefc7785210eebc00fb13e', class: "navigation-menu-list", role: "menubar" }, index.h("slot", { key: '4b5f2c02c73b3b92c1bfa27bc3474f33a75893a5' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-navigation-menu-trigger.cjs.entry.js

@@ -181,12 +181,12 @@ const SekiNavigationMenuTrigger = class {
     }
     render() {
         const itemId = this.getItemId();
-        return (index.h(index.Host, { key: 'f4d2a060eafd3739baa6aa3320544e0b02c74290', class: {
+        return (index.h(index.Host, { key: 'aaf7929c6f5f2d7960edfd7bf7f885e7f080b906', class: {
                 'navigation-menu-trigger': true,
                 'navigation-menu-trigger--open': this.isOpen,
                 'navigation-menu-trigger--disabled': this.disabled,
                 'navigation-menu-trigger--mobile': this.isMobile,
-            } }, index.h("button", { key: '7ce6e0ad60872bd8bbde32cecc3db55f6a9bb1d3', ref: el => (this.buttonRef = el), type: "button", class: "navigation-menu-trigger__button", role: "menuitem", "aria-haspopup": "true", "aria-expanded": String(this.isOpen), "aria-controls": `content-${itemId}`, disabled: this.disabled, tabindex: this.isOpen ? '0' : '-1', onClick: this.handleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onKeyDown: this.handleKeyDown }, index.h("span", { key: 'af220ddb36339018f268e55184eebace03e03e67', class: "navigation-menu-trigger__label" }, index.h("slot", { key: 'afd2f5aa04de7145e15b0a66a5f910ab29f73f93' })), index.h("svg", { key: 'e73be45da67d2252cf673b9730269ecfe7d1a0bb', class: "navigation-menu-trigger__chevron", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("polyline", { key: '36d3e9b9f19423b45505c424a0f340215a28794a', points: "2 4 6 8 10 4" })))));
+            } }, index.h("button", { key: '49dab4524b5291a6ea8da7dcb77e027f3cf8e36f', ref: el => (this.buttonRef = el), type: "button", class: "navigation-menu-trigger__button", role: "menuitem", "aria-haspopup": "true", "aria-expanded": String(this.isOpen), "aria-controls": `content-${itemId}`, disabled: this.disabled, tabindex: this.isOpen ? '0' : '-1', onClick: this.handleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onKeyDown: this.handleKeyDown }, index.h("span", { key: '8b598c78c4c9790baab135d4ba56c8e15809398c', class: "navigation-menu-trigger__label" }, index.h("slot", { key: 'cde3c2b21ea27e235998b97224e4016c4e46ef62' })), index.h("svg", { key: '19cca46ccf11ea0f74decadd6ac07c10315fe407', class: "navigation-menu-trigger__chevron", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("polyline", { key: '1b701259ed3102ca66b4f877fbeceea1a5100fab', points: "2 4 6 8 10 4" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-navigation-menu-viewport.cjs.entry.js

@@ -144,14 +144,14 @@ const SekiNavigationMenuViewport = class {
         return index.h("slot", null);
     }
     render() {
-        return (index.h(index.Host, { key: '9936f9be4895dcf44be5f9605356705491e0bca3', class: {
+        return (index.h(index.Host, { key: '3911df5d4b4647ddf0f18bfefa630a681fd7e18a', class: {
                 'navigation-menu-viewport': true,
                 'navigation-menu-viewport--visible': this.isVisible,
             }, style: {
                 '--indicator-left': `${this.indicatorLeft}px`,
                 '--content-offset': `${this.contentOffset}px`,
                 '--content-height': `${this.contentHeight}px`,
-            } }, index.h("div", { key: 'fadc3feb9cbbaa7330aff130e1eec5a66f8c0c5f', class: "navigation-menu-viewport__indicator" }, index.h("svg", { key: '2dcde65ba835302e781acdff7aceccced5536112', width: "20", height: "10", viewBox: "0 0 20 10", fill: "currentColor" }, index.h("polygon", { key: '3d90b3f7dc7ca622b940613c0aa727ee65602a7c', points: "10,0 20,10 0,10" }))), index.h("div", { key: 'bd350c3ef18085d6a12ac6841980b771e1730c14', ref: el => (this.contentRef = el), class: "navigation-menu-viewport__content" }, this.renderContent())));
+            } }, index.h("div", { key: 'bd1e2afde03be6a40e2fdf9f373dcc2c6c6b266d', class: "navigation-menu-viewport__indicator" }, index.h("svg", { key: 'fd84ddf7498a78ab2401908f7a738f0e52f9f1fa', width: "20", height: "10", viewBox: "0 0 20 10", fill: "currentColor" }, index.h("polygon", { key: 'a22d87b3c5dcee741a8e21ed207df7122d7d3529', points: "10,0 20,10 0,10" }))), index.h("div", { key: '063926c513925f1443eaec8bf74d461c8f6ead19', ref: el => (this.contentRef = el), class: "navigation-menu-viewport__content" }, this.renderContent())));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/seki-navigation-menu.cjs.entry.js

@@ -204,10 +204,10 @@ const SekiNavigationMenu = class {
     // Render
     // =========================================================================
     render() {
-        return (index.h(index.Host, { key: 'afd3ea83a33e84ddb8dbae6976d2bc8170e018c9', class: {
+        return (index.h(index.Host, { key: '06ab5b4a05f02cde28a65f2f5b2643c51cd763ea', class: {
                 'navigation-menu': true,
                 'navigation-menu--mobile': this.isMobile,
-            } }, index.h("nav", { key: '8c9ea5a87a9cf6c14f228bebf08b81cd4937bb5d', class: "navigation-menu__nav", role: "navigation", "aria-label": this.ariaLabel }, this.isMobile ? this.renderMobileNav() : this.renderDesktopNav())));
+            } }, index.h("nav", { key: '9738113287f83970a6dd3a4993337186e0d7912a', class: "navigation-menu__nav", role: "navigation", "aria-label": this.ariaLabel }, this.isMobile ? this.renderMobileNav() : this.renderDesktopNav())));
     }
     renderDesktopNav() {
         return [

package/dist/cjs/seki-pagination-content.cjs.entry.js

@@ -9,7 +9,7 @@ const SekiPaginationContent = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("ul", { key: 'bb874089dd809ba38f73fbdbdff4f0dbc5980b02', class: "seki-pagination-content", part: "content" }, index.h("slot", { key: 'f2e22599878180d4ff21db5c5bae13ac06b0e113' })));
+        return (index.h("ul", { key: '1f4a81b597772dc61958cf5f3ccaa68a8cf3ce44', class: "seki-pagination-content", part: "content" }, index.h("slot", { key: '65be1385ac194d18593a20cadebe0b89885d9448' })));
     }
 };
 SekiPaginationContent.style = sekiPaginationCss;

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

@@ -9,7 +9,7 @@ const SekiPaginationEllipsis = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("span", { key: '451c5784f6d165c9243613705d6600d7a5599c8f', "aria-hidden": "true", class: "seki-pagination-ellipsis", part: "ellipsis" }, index.h("svg", { key: '9e5ee941ab6239c00d6e027a5d582ed7d5878c72', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("circle", { key: '6e5b51b315c18ac6409a923852532b8fadb2d094', cx: "12", cy: "12", r: "1" }), index.h("circle", { key: 'f3dd45bb2f04c236a59e293b1ceee7bb4e7fc23e', cx: "19", cy: "12", r: "1" }), index.h("circle", { key: '1d6ff30035df442efff21da961aea21bfbfc5254', cx: "5", cy: "12", r: "1" })), index.h("span", { key: 'beeed4c3363b4b5d1f0d66584d6058d829913557', class: "sr-only" }, "More pages")));
+        return (index.h("span", { key: '17645afce50ca6d5a41c917b00d61659393b8492', "aria-hidden": "true", class: "seki-pagination-ellipsis", part: "ellipsis" }, index.h("svg", { key: 'c3ed89b161160dedca2d8b8d77847b8286982fa9', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("circle", { key: '928d8e9ce6e074565b7b19a6922d3cbce296d9c2', cx: "12", cy: "12", r: "1" }), index.h("circle", { key: '2f1c409856a8ea1e0fd65ae2e000cd0d2621fb3f', cx: "19", cy: "12", r: "1" }), index.h("circle", { key: '134d2d11f1fe5a71d062e3aa24f6708cd192fbdf', cx: "5", cy: "12", r: "1" })), index.h("span", { key: '02201b8629c0691335d74661079179b3c1fc89d2', class: "sr-only" }, "More pages")));
     }
 };
 SekiPaginationEllipsis.style = sekiPaginationCss;

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

@@ -9,7 +9,7 @@ const SekiPaginationItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("li", { key: '3e9a32b24d02479a5018fb37df0c69bcf9ed8d42', class: "seki-pagination-item", part: "item" }, index.h("slot", { key: '2c34afbefa62f49d9686f73d46e754fc997ceee3' })));
+        return (index.h("li", { key: 'd51f7f5053f9e5dca71ca218eee86fc60a7b3b03', class: "seki-pagination-item", part: "item" }, index.h("slot", { key: '2046f619c174f6e4a707d27d0759646370654e80' })));
     }
 };
 SekiPaginationItem.style = sekiPaginationCss;

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

@@ -18,11 +18,11 @@ const SekiPaginationLink = class {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'span';
-        return (index.h(Tag, { key: '76c74b81c204da5f33f2a9d6ca43456c2f187a80', href: this.href && !this.disabled ? this.href : undefined, "aria-current": this.active ? 'page' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, class: {
+        return (index.h(Tag, { key: 'c6fa655c16c36bb27051a23ebc7549e2ca239de6', href: this.href && !this.disabled ? this.href : undefined, "aria-current": this.active ? 'page' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, class: {
                 'seki-pagination-link': true,
                 'seki-pagination-link--active': !!this.active,
                 'seki-pagination-link--disabled': !!this.disabled,
-            }, part: "link" }, index.h("slot", { key: '33a477e107218327d3fafef458aebd238f93e946' })));
+            }, part: "link" }, index.h("slot", { key: '454f08adedcad492bbaedb076a7ad476aa69eaec' })));
     }
 };
 SekiPaginationLink.style = sekiPaginationCss;

package/dist/cjs/seki-pagination-next.cjs.entry.js

@@ -14,11 +14,11 @@ const SekiPaginationNext = class {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'span';
-        return (index.h(Tag, { key: 'b99bc421527b506a26e5670e689f90ee4367d66d', href: this.href && !this.disabled ? this.href : undefined, "aria-label": "Go to next page", "aria-disabled": this.disabled ? 'true' : undefined, class: {
+        return (index.h(Tag, { key: 'df5a1a6a6d7dfae69f78847aae9c470a95c647d1', href: this.href && !this.disabled ? this.href : undefined, "aria-label": "Go to next page", "aria-disabled": this.disabled ? 'true' : undefined, class: {
                 'seki-pagination-link': true,
                 'seki-pagination-nav': true,
                 'seki-pagination-link--disabled': !!this.disabled,
-            }, part: "next" }, index.h("span", { key: '61f16884b2db9b05eee2572bba7f8900eef1d457' }, "Next"), index.h("svg", { key: 'ed511f11b7b05f65a777dd3defd11e738a060a6a', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("path", { key: '8f04826fd04b0850440c3d86b463b809d8d633a2', d: "m9 18 6-6-6-6" }))));
+            }, part: "next" }, index.h("span", { key: 'b462da1fe5cc05b77f2f69a3395850ec01279706' }, "Next"), index.h("svg", { key: '748150ff86ce4435da70da3792423a9e7ff633a0', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("path", { key: '169efda5d7c3c9cd9544fc6423594ade85cec308', d: "m9 18 6-6-6-6" }))));
     }
 };
 SekiPaginationNext.style = sekiPaginationCss;

package/dist/cjs/seki-pagination-previous.cjs.entry.js

@@ -14,11 +14,11 @@ const SekiPaginationPrevious = class {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'span';
-        return (index.h(Tag, { key: 'e330730e539f6d328ffc90d08e666617ae0c9f69', href: this.href && !this.disabled ? this.href : undefined, "aria-label": "Go to previous page", "aria-disabled": this.disabled ? 'true' : undefined, class: {
+        return (index.h(Tag, { key: '22adcbddd5e9cdbf2a94595c4deda3fd51d062fa', href: this.href && !this.disabled ? this.href : undefined, "aria-label": "Go to previous page", "aria-disabled": this.disabled ? 'true' : undefined, class: {
                 'seki-pagination-link': true,
                 'seki-pagination-nav': true,
                 'seki-pagination-link--disabled': !!this.disabled,
-            }, part: "previous" }, index.h("svg", { key: '24900d5ae4a3636fba9f8dead20a787dd286075b', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("path", { key: '45169865e0e5d53956c2554049e98e0584964eb4', d: "m15 18-6-6 6-6" })), index.h("span", { key: '31545bbcdde9afdb1b5885810affefa4f5c9d7b8' }, "Previous")));
+            }, part: "previous" }, index.h("svg", { key: 'e818c52a78b396c8678679e8d3843482f9397a87', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("path", { key: '04272709bf8385f7cbb77444933e30a8863cacf9', d: "m15 18-6-6 6-6" })), index.h("span", { key: '82d32eddfc6af16d0d4042b04f83936f26634854' }, "Previous")));
     }
 };
 SekiPaginationPrevious.style = sekiPaginationCss;

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

@@ -9,7 +9,7 @@ const SekiPagination = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("nav", { key: '508b9f9a002100b5e30d522de0d09159c418366c', role: "navigation", "aria-label": "pagination", class: "seki-pagination", part: "pagination" }, index.h("slot", { key: '7866bea20669d995108345f8e776ba45af765c1a' })));
+        return (index.h("nav", { key: '3b70d5aae99d2cf3f44756d5c0d0218efe677e36', role: "navigation", "aria-label": "pagination", class: "seki-pagination", part: "pagination" }, index.h("slot", { key: '7e91e5159e39c3bfa75d2a03cff7322f28679e27' })));
     }
 };
 SekiPagination.style = sekiPaginationCss;

package/dist/cjs/seki-popover-close.cjs.entry.js

@@ -13,7 +13,7 @@ const SekiPopoverClose = class {
         this.closePopover.emit();
     }
     render() {
-        return (index.h(index.Host, { key: '4917bd1761ecebcc2db91c8a9c407342cb729843' }, index.h("button", { key: '43a1df6ddee8abbd27a119becead5f58730b8c5f', part: "close", type: "button", class: "popover-close", "aria-label": "Close" }, index.h("slot", { key: '566eb434e4b308707d702f82376222354a4ce806' }, index.h("svg", { key: '80321d5633cbfa202c391f902cd0c6ab6151fefd', 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" }, index.h("path", { key: 'e630a6cb52dd71bc5363af19e97eb6bcd25d16c2', d: "M18 6 6 18" }), index.h("path", { key: 'e95c3d88bee560187b200932ef37d0472745208f', d: "m6 6 12 12" }))))));
+        return (index.h(index.Host, { key: '2973989927c052aabd53dd2d01cbac5d15e5b7f1' }, index.h("button", { key: '79a0bf7f23292dbd62d4b08f0faa250ca838c0ab', part: "close", type: "button", class: "popover-close", "aria-label": "Close" }, index.h("slot", { key: '023d772f563e355937ea54244869f40325cf2ed3' }, index.h("svg", { key: '3887c69ff72f25ada49c6c3ba03c4f2c7e6b5099', 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" }, index.h("path", { key: '38630ce327393f9f8c29d0cf3a5b89508bef39e0', d: "M18 6 6 18" }), index.h("path", { key: '544a27bb12d838311cd71746a98d83825fb83d10', d: "m6 6 12 12" }))))));
     }
 };
 SekiPopoverClose.style = sekiPopoverCloseCss;

package/dist/cjs/seki-popover-trigger.cjs.entry.js

@@ -14,7 +14,7 @@ const SekiPopoverTrigger = class {
         this.triggerClick.emit();
     }
     render() {
-        return (index.h(index.Host, { key: '033c753ac4ae6fad59e75ff163c2517f69dd4d46' }, index.h("span", { key: '5fe817152dd4213c40c40b0815d4a02ead153baa', part: "trigger", class: "popover-trigger" }, index.h("slot", { key: '8cd45c21866db82966d918205745fb90a4091256' }))));
+        return (index.h(index.Host, { key: 'fc74746672f19f390bd132c16736d65962474b94' }, index.h("span", { key: '1b37ef9adddf11cf8de693177e8d8046f78b805d', part: "trigger", class: "popover-trigger" }, index.h("slot", { key: 'b1a8e1c7a52c68b9743e61e293fc593974939c4e' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -147,7 +147,7 @@ const SekiPopover = class {
         this.removeClickOutside();
     }
     render() {
-        return (index.h(index.Host, { key: 'cef5d98f8e1fb7ba9e12c480d94b30ef0dfbc9d4', "data-state": this._isOpen ? 'open' : 'closed' }, index.h("div", { key: '64022373efb5c3835d3a6a2d58b5c8f7b5faba78', part: "popover", class: "popover" }, index.h("slot", { key: 'ada45ba79cb523fad6bbdf077b7f840ae4a37207' }))));
+        return (index.h(index.Host, { key: 'd75007d41acb09b7500ccb6e533f2b23e72ab129', "data-state": this._isOpen ? 'open' : 'closed' }, index.h("div", { key: '9f170c69dab28430f609f2ec35470fc820d41af9', part: "popover", class: "popover" }, index.h("slot", { key: '74adb8ee39da12f890d326121b0fb75d17b043ec' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -58,7 +58,7 @@ const SekiProgress = class {
         const state = this.getState();
         const percentage = this.getPercentage();
         const isIndeterminate = state === 'indeterminate';
-        return (index.h("div", { key: '96eccc43ef9afaa2cfe9cccdb8080f0fb2967717', class: "seki-progress", role: "progressbar", "aria-valuenow": isIndeterminate ? undefined : this.value, "aria-valuemin": 0, "aria-valuemax": this.max, "aria-valuetext": this.getValueLabel(), "aria-label": this.ariaLabel, "data-state": state, "data-value": this.value, "data-max": this.max }, index.h("div", { key: '764f8720a5b1c90ad08c56e0b2af74eb3a804116', class: {
+        return (index.h("div", { key: 'e22076ff5a28475f6f8bfc92d6e8d303d7430330', class: "seki-progress", role: "progressbar", "aria-valuenow": isIndeterminate ? undefined : this.value, "aria-valuemin": 0, "aria-valuemax": this.max, "aria-valuetext": this.getValueLabel(), "aria-label": this.ariaLabel, "data-state": state, "data-value": this.value, "data-max": this.max }, index.h("div", { key: '748c4b1d01ac6d03d398560e04630277a4d4c2b4', class: {
                 'seki-progress__indicator': true,
                 'seki-progress__indicator--indeterminate': isIndeterminate,
             }, "data-state": state, "data-value": this.value, "data-max": this.max, style: {

package/dist/cjs/seki-radio-group-item.cjs.entry.js

@@ -48,7 +48,7 @@ const SekiRadioGroupItem = class {
     }
     render() {
         const dataState = this.checked ? 'checked' : 'unchecked';
-        return (index.h(index.Host, { key: '579ceb0e20eb50b3363a5682b1feb58bc006aa6a', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, index.h("button", { key: 'b85d5fcadba0c845c348a62249032637d53ff146', type: "button", role: "radio", class: "radio", part: "radio", ref: el => this.buttonEl = el, "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, "aria-describedby": this.ariaDescribedby || undefined, tabindex: this.checked ? 0 : -1, disabled: this.disabled, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, this.checked && (index.h("span", { key: '6d803cc2513056546bb60deee9ea1dab08b0ebc4', class: "indicator", part: "indicator" })))));
+        return (index.h(index.Host, { key: '78545375ddb529a921fa70199fc5f01b90548aab', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, index.h("button", { key: '646cf607f97bce2e124f9de26b6a40d676dcdb6a', type: "button", role: "radio", class: "radio", part: "radio", ref: el => this.buttonEl = el, "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, "aria-describedby": this.ariaDescribedby || undefined, tabindex: this.checked ? 0 : -1, disabled: this.disabled, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, this.checked && (index.h("span", { key: '032ee732c2e4f264ca6bcef1f8df51b309a0042e', class: "indicator", part: "indicator" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-radio-group.cjs.entry.js

@@ -120,7 +120,7 @@ const SekiRadioGroup = class {
         this.updateChildItems();
     }
     render() {
-        return (index.h(index.Host, { key: 'd4c3f644d16117f98472c22b7a4f4bae72fcedf1', role: "radiogroup", "aria-label": this.ariaLabel, "aria-required": this.required ? 'true' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? '' : null }, index.h("slot", { key: 'fe5fc84916d92fff0d929be539e76be41b275a30' }), this.name && this.selectedValue && (index.h("input", { key: '788973728809316b241244439643b514d6108e2f', type: "hidden", name: this.name, value: this.selectedValue }))));
+        return (index.h(index.Host, { key: '3b1113bf1b0c2fedee31cc8235dc6a4f995025fa', role: "radiogroup", "aria-label": this.ariaLabel, "aria-required": this.required ? 'true' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? '' : null }, index.h("slot", { key: '3cede46da844e81c413953cbfeaef82a8780fcb8' }), this.name && this.selectedValue && (index.h("input", { key: 'f02eb7761e0c4cfced31a92a33cfd4cff48423f3', type: "hidden", name: this.name, value: this.selectedValue }))));
     }
     get el() { return index.getElement(this); }
 };