@sekiui/elements 0.0.78 → 0.0.81

package/dist/collection/components/tabs/seki-tabs-trigger.js

@@ -1,4 +1,5 @@
 import { h, Host } from "@stencil/core";
+import { registerThemeSync, unregisterThemeSync } from "../../utils/theme-sync";
 /**
  * Tab trigger button
  *
@@ -152,12 +153,18 @@ export class SekiTabsTrigger {
             context.selectTab(value);
         }
     }
+    connectedCallback() {
+        registerThemeSync(this.el);
+    }
+    disconnectedCallback() {
+        unregisterThemeSync(this.el);
+    }
     render() {
         const isSelected = this._isSelected;
-        return (h(Host, { key: 'cf59ba8e35708f7bee30e148929daa71c3e09061', "data-state": isSelected ? 'active' : 'inactive', "data-disabled": this.disabled ? '' : undefined, tabindex: this.disabled ? -1 : 0, role: "tab", "aria-selected": isSelected ? 'true' : 'false', "aria-controls": this.panelId }, h("button", { key: 'f2283b134f50fbeafe81be963d235c5aa1115eb0', part: "trigger", type: "button", id: this.triggerId, class: {
+        return (h(Host, { key: '8688d0f344ef4fb56263e3043f341e619ac551cc', "data-state": isSelected ? 'active' : 'inactive', "data-disabled": this.disabled ? '' : undefined, tabindex: this.disabled ? -1 : 0, role: "tab", "aria-selected": isSelected ? 'true' : 'false', "aria-controls": this.panelId }, h("button", { key: 'c95725cb42683bf3661f31129dc92de3c0d24f1f', part: "trigger", type: "button", id: this.triggerId, class: {
                 'tabs-trigger': true,
                 'tabs-trigger--active': isSelected,
-            }, disabled: this.disabled, tabindex: -1 }, h("slot", { key: '6e4551e146bb2e7e3c5cc88322858b0ee0c88187' }))));
+            }, disabled: this.disabled, tabindex: -1 }, h("slot", { key: 'df36d5356fea73f4d37a1baee60af4d9ecf87a2a' }))));
     }
     static get is() { return "seki-tabs-trigger"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tabs/seki-tabs.js

@@ -1,4 +1,5 @@
 import { h, Host } from "@stencil/core";
+import { registerThemeSync, unregisterThemeSync } from "../../utils/theme-sync";
 /**
  * Tabs root component that manages selected tab state
  *
@@ -60,11 +61,17 @@ export class SekiTabs {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.el._tabsContext = this.getContext();
     }
+    connectedCallback() {
+        registerThemeSync(this.el);
+    }
+    disconnectedCallback() {
+        unregisterThemeSync(this.el);
+    }
     render() {
-        return (h(Host, { key: '69330a1e6e07d1428bffb2236b6cd113c1b6aff3', "data-orientation": this.orientation }, h("div", { key: 'ccf526615919406a2005980dd490db9a0157ac9d', part: "tabs", class: {
+        return (h(Host, { key: '919f780e7d36995bc1112e8fd1056f4a12d48359', "data-orientation": this.orientation }, h("div", { key: '554012f8ae1584aa85765f2d73ce414a5780ee2d', part: "tabs", class: {
                 'tabs': true,
                 [`tabs--${this.orientation}`]: true,
-            } }, h("slot", { key: '3ff7f84461979031c7d725f8334a1cd4b314ce83' }))));
+            } }, h("slot", { key: 'd9d9d99a8c4a8c1e943220cded69ab3571099003' }))));
     }
     static get is() { return "seki-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/textarea/seki-textarea.js

@@ -1,4 +1,5 @@
 import { h } from "@stencil/core";
+import { registerThemeSync, unregisterThemeSync } from "../../utils/theme-sync";
 /**
  * @component seki-textarea
  * @description A multi-line text input field with full form integration, accessibility support,
@@ -80,8 +81,14 @@ export class SekiTextarea {
             this.internals.setFormValue(this.value || '');
         }
     }
+    connectedCallback() {
+        registerThemeSync(this.el);
+    }
+    disconnectedCallback() {
+        unregisterThemeSync(this.el);
+    }
     render() {
-        return (h("textarea", { key: 'eb9d37f6d319227844e463c6453c76dfa80eac5e', value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, name: this.name, rows: this.rows, cols: this.cols, minlength: this.minlength, maxlength: this.maxlength, autocomplete: this.autocomplete, class: `textarea textarea--resize-${this.resize}${this.invalid ? ' textarea--invalid' : ''}`, "aria-label": this.ariaLabel, "aria-describedby": this.ariaDescribedby, "aria-invalid": this.invalid ? 'true' : null, "aria-disabled": this.disabled ? 'true' : null, onInput: this.handleInput, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur }));
+        return (h("textarea", { key: 'e7c3603f27a938149763b839761630d677d0d348', value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, name: this.name, rows: this.rows, cols: this.cols, minlength: this.minlength, maxlength: this.maxlength, autocomplete: this.autocomplete, class: `textarea textarea--resize-${this.resize}${this.invalid ? ' textarea--invalid' : ''}`, "aria-label": this.ariaLabel, "aria-describedby": this.ariaDescribedby, "aria-invalid": this.invalid ? 'true' : null, "aria-disabled": this.disabled ? 'true' : null, onInput: this.handleInput, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur }));
     }
     static get is() { return "seki-textarea"; }
     static get encapsulation() { return "shadow"; }
@@ -477,5 +484,6 @@ export class SekiTextarea {
                 }
             }];
     }
+    static get elementRef() { return "el"; }
     static get attachInternalsMemberName() { return "internals"; }
 }

package/dist/collection/components/toast/seki-toaster.js

@@ -1,4 +1,5 @@
 import { h } from "@stencil/core";
+import { registerThemeSync, unregisterThemeSync } from "../../utils/theme-sync";
 /**
  * Toaster component that manages and displays toast notifications.
  * Place this component once in your app layout.
@@ -93,7 +94,11 @@ export class SekiToaster {
         }
         this.removeToast(toast.id);
     }
+    connectedCallback() {
+        registerThemeSync(this.el);
+    }
     disconnectedCallback() {
+        unregisterThemeSync(this.el);
         // Clean up all timers
         this.timers.forEach((timer) => clearTimeout(timer));
         this.timers.clear();
@@ -103,7 +108,7 @@ export class SekiToaster {
             'seki-toaster': true,
             [`seki-toaster--${this.position}`]: true,
         };
-        return (h("div", { key: 'b0d9a9dde635e440d1916b0741283558a89edf74', class: positionClasses, role: "region", "aria-label": "Notifications", "aria-live": "polite" }, this.toasts.map((toast) => (h("div", { key: toast.id, class: {
+        return (h("div", { key: 'c329b174582f2c4f3e84196793f1ad68eb01a1c2', class: positionClasses, role: "region", "aria-label": "Notifications", "aria-live": "polite" }, this.toasts.map((toast) => (h("div", { key: toast.id, class: {
                 'seki-toast': true,
                 [`seki-toast--${toast.type}`]: true,
             }, role: "alert", "aria-atomic": "true", onMouseEnter: () => this.handleMouseEnter(toast.id), onMouseLeave: () => this.handleMouseLeave(toast) }, h("div", { class: "seki-toast__icon" }, this.renderIcon(toast.type)), h("div", { class: "seki-toast__content" }, h("div", { class: "seki-toast__message" }, toast.message), toast.description && (h("div", { class: "seki-toast__description" }, toast.description))), h("div", { class: "seki-toast__actions" }, toast.action && (h("button", { class: "seki-toast__action-btn", onClick: () => this.handleActionClick(toast) }, toast.action.label)), h("button", { class: "seki-toast__dismiss", "aria-label": "Dismiss notification", onClick: () => this.handleDismiss(toast.id) }, 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" }, h("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))))))));

package/dist/collection/components/toggle/seki-toggle.js

@@ -1,4 +1,5 @@
 import { h, Host } from "@stencil/core";
+import { registerThemeSync, unregisterThemeSync } from "../../utils/theme-sync";
 /**
  * @component seki-toggle
  * @description A two-state button that can be either on or off. Supports variants (default, outline)
@@ -100,7 +101,11 @@ export class SekiToggle {
             this.groupContext.registerToggle(this.value, this.el);
         }
     }
+    connectedCallback() {
+        registerThemeSync(this.el);
+    }
     disconnectedCallback() {
+        unregisterThemeSync(this.el);
         if (this.groupContext && this.value) {
             this.groupContext.unregisterToggle(this.value);
         }
@@ -150,7 +155,7 @@ export class SekiToggle {
                 tabIndex = focusedValue === this.value ? 0 : -1;
             }
         }
-        return (h(Host, { key: '27938856584ebafe4022f0c6a290ed188ed0613b', "data-state": dataState, "data-disabled": effectiveDisabled ? '' : null }, h("button", { key: 'fd5f2d14eb7c226683770853e3834559b603d107', type: "button", class: `toggle toggle--${effectiveVariant} toggle--${effectiveSize}`, part: "toggle", "aria-pressed": isPressed ? 'true' : 'false', "aria-disabled": effectiveDisabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, disabled: effectiveDisabled, tabindex: tabIndex, onClick: this.handleClick }, h("slot", { key: '589b4fdb56d617a975979d7085a98ffec7572c08' }))));
+        return (h(Host, { key: 'e6f103071272b08391bd0fae9a41e23bd239f7d6', "data-state": dataState, "data-disabled": effectiveDisabled ? '' : null }, h("button", { key: '4e88b76611c55410f20ec5ea20eed73a32224525', type: "button", class: `toggle toggle--${effectiveVariant} toggle--${effectiveSize}`, part: "toggle", "aria-pressed": isPressed ? 'true' : 'false', "aria-disabled": effectiveDisabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, disabled: effectiveDisabled, tabindex: tabIndex, onClick: this.handleClick }, h("slot", { key: '95067bf4c802e8f0ca1990d0448c6476fc514bc6' }))));
     }
     static get is() { return "seki-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/toggle-group/seki-toggle-group.js

@@ -1,5 +1,6 @@
 // src/components/toggle-group/seki-toggle-group.tsx
 import { Host, h } from "@stencil/core";
+import { registerThemeSync, unregisterThemeSync } from "../../utils/theme-sync";
 export class SekiToggleGroup {
     constructor() {
         /** Selection mode: single (radio-like) or multiple (checkbox-like) */
@@ -141,8 +142,14 @@ export class SekiToggleGroup {
             unregisterToggle: this.unregisterToggle,
         };
     }
+    connectedCallback() {
+        registerThemeSync(this.el);
+    }
+    disconnectedCallback() {
+        unregisterThemeSync(this.el);
+    }
     render() {
-        return (h(Host, { key: '26fe6af94f7db7a629ed09573d619f716a95950e', role: "group", "aria-label": this.ariaLabel, "aria-orientation": this.orientation }, h("slot", { key: 'cff95afcc615a1030523810c619a9f4517a41c8e' })));
+        return (h(Host, { key: '39631f06ff34ddfff87b1ce6c0262e31695b5d67', role: "group", "aria-label": this.ariaLabel, "aria-orientation": this.orientation }, h("slot", { key: 'd3c8a6a466d60ea36f580824ceacf9d1f74f6c88' })));
     }
     static get is() { return "seki-toggle-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tooltip/seki-tooltip.js

@@ -1,4 +1,5 @@
 import { h } from "@stencil/core";
+import { registerThemeSync, unregisterThemeSync } from "../../utils/theme-sync";
 /**
  * Tooltip Component
  *
@@ -335,7 +336,11 @@ export class SekiTooltip {
     componentDidLoad() {
         this.attachTriggerListeners();
     }
+    connectedCallback() {
+        registerThemeSync(this.el);
+    }
     disconnectedCallback() {
+        unregisterThemeSync(this.el);
         this.detachTriggerListeners();
         // Clean up timers
         if (this.showTimer)
@@ -346,7 +351,7 @@ export class SekiTooltip {
             clearTimeout(this.longPressTimer);
     }
     render() {
-        return (h("div", { key: '19f9b6a4fd349f4c63e925c62a92a43ffc5708c1', class: `tooltip ${this.isVisible ? 'tooltip--visible' : ''}`, role: "tooltip" }, h("slot", { key: 'dea2bc85176acfd1633596786fa54f2244d8b3f0', name: "content" }), h("div", { key: '5f12dd0da8de377210ff610027efd1c961ffadab', class: "tooltip-arrow" })));
+        return (h("div", { key: '36ae47199849d6b033529f8af5606d3aa8179812', class: `tooltip ${this.isVisible ? 'tooltip--visible' : ''}`, role: "tooltip" }, h("slot", { key: '5fc103d6e655d53c6cac5740b24d655b13fcf852', name: "content" }), h("div", { key: '78d8fd177fb8965fc19f2fed8790f8e7cfe7baa0', class: "tooltip-arrow" })));
     }
     static get is() { return "seki-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/utils/theme-sync.js

@@ -0,0 +1,55 @@
+/**
+ * Theme Sync Utility
+ * Mirrors the `data-theme` attribute from `document.documentElement` to all
+ * registered SekiUI component host elements, enabling dark mode in Shadow DOM.
+ */
+const registeredElements = new Set();
+let observer = null;
+function getCurrentTheme() {
+    if (typeof document === 'undefined')
+        return null;
+    return document.documentElement.getAttribute('data-theme');
+}
+function syncThemeToElement(el) {
+    const theme = getCurrentTheme();
+    if (theme) {
+        el.setAttribute('data-theme', theme);
+    }
+    else {
+        el.removeAttribute('data-theme');
+    }
+}
+function syncAllElements() {
+    registeredElements.forEach(syncThemeToElement);
+}
+function ensureObserver() {
+    if (observer || typeof document === 'undefined' || typeof MutationObserver === 'undefined')
+        return;
+    observer = new MutationObserver(syncAllElements);
+    observer.observe(document.documentElement, {
+        attributes: true,
+        attributeFilter: ['data-theme'],
+    });
+}
+/**
+ * Register an element to receive theme sync.
+ * Immediately syncs the current theme and starts observing if needed.
+ */
+export function registerThemeSync(el) {
+    if (!el)
+        return;
+    registeredElements.add(el);
+    ensureObserver();
+    syncThemeToElement(el);
+}
+/**
+ * Unregister an element from theme sync.
+ * Disconnects the observer when no elements remain.
+ */
+export function unregisterThemeSync(el) {
+    registeredElements.delete(el);
+    if (registeredElements.size === 0 && observer) {
+        observer.disconnect();
+        observer = null;
+    }
+}

package/dist/components/index.js

@@ -1,7 +1,7 @@
-export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-CRDvlLTq.js';
-export { S as SekiSwitch } from './p-B22VCuzQ.js';
-export { S as SekiLabel } from './p-DTT1ZfVQ.js';
-export { a as SekiSonner, S as SekiSonnerElement } from './p-B76-TRB7.js';
+export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-CmYbI_bV.js';
+export { S as SekiSwitch } from './p-BM76sYLV.js';
+export { S as SekiLabel } from './p-Mg46U8v2.js';
+export { a as SekiSonner, S as SekiSonnerElement } from './p-DxpkhI_1.js';
 
 /**
  * Keyboard Service

package/dist/{cdn/p-BdMKdemy.js → components/p-BM76sYLV.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-BZPTI4kB.js';
+import { p as proxyCustomElement, H, c as createEvent, d as registerThemeSync, u as unregisterThemeSync, h, e as Host } from './p-CmYbI_bV.js';
 
 const sekiSwitchCss = ":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-none:1;--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;align-items:center;justify-content:center;min-width:44px;min-height:44px}.switch{width:var(--seki-switch-width, 2.75rem);height:var(--seki-switch-height, 1.5rem);position:relative;display:inline-flex;align-items:center;flex-shrink:0;background-color:var(--seki-switch-bg-unchecked, var(--seki-muted, hsl(240 4.8% 95.9%)));border-radius:9999px;cursor:pointer;transition:background-color var(--seki-switch-transition-duration, 150ms) ease-out;outline:none}.switch:focus-visible{outline:2px solid var(--seki-switch-focus-ring, var(--seki-ring, hsl(240 5% 64.9%)));outline-offset:2px}:host([data-state=\"checked\"]) .switch{background-color:var(--seki-switch-bg-checked, var(--seki-primary, hsl(240 5.9% 10%)))}:host([data-disabled]) .switch{background-color:var(--seki-switch-bg-disabled, var(--seki-muted, hsl(240 4.8% 95.9%)));cursor:not-allowed;opacity:0.5}.thumb{width:var(--seki-switch-thumb-size, 1.25rem);height:var(--seki-switch-thumb-size, 1.25rem);background-color:var(--seki-switch-thumb-bg, var(--seki-background, hsl(0 0% 100%)));position:absolute;left:0.125rem;border-radius:50%;box-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);transition:transform var(--seki-switch-transition-duration, 150ms) ease-out;pointer-events:none}:host([data-state=\"checked\"]) .thumb{transform:translateX(calc(var(--seki-switch-width, 2.75rem) - var(--seki-switch-thumb-size, 1.25rem) - 0.25rem))}:host([data-theme='dark']) .switch{--seki-switch-bg-unchecked:var(--seki-muted, hsl(0, 0%, 14.9%));--seki-switch-bg-checked:var(--seki-primary, hsl(0, 0%, 98%));--seki-switch-focus-ring:var(--seki-ring, hsl(0, 0%, 83.1%))}:host([data-theme='dark']) .thumb{--seki-switch-thumb-bg:var(--seki-background, hsl(0, 0%, 3.9%))}:host([data-theme='dark'][data-state=\"checked\"]) .thumb{--seki-switch-thumb-bg:var(--seki-primary-foreground, hsl(0, 0%, 9%))}@media (prefers-color-scheme: dark){.switch{--seki-switch-bg-unchecked:var(--seki-muted, hsl(0, 0%, 14.9%))}.thumb{--seki-switch-thumb-bg:var(--seki-background, hsl(0, 0%, 3.9%))}}";
 
@@ -77,11 +77,18 @@ const SekiSwitch = /*@__PURE__*/ proxyCustomElement(class SekiSwitch extends H {
             this.toggle();
         }
     }
+    connectedCallback() {
+        registerThemeSync(this.el);
+    }
+    disconnectedCallback() {
+        unregisterThemeSync(this.el);
+    }
     render() {
         const isChecked = this.isChecked;
         const dataState = isChecked ? 'checked' : 'unchecked';
-        return (h(Host, { key: 'a4a584667a29a11a950021cac3ba3e4e4cda9685', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("div", { key: '1ac6f9b7bd0c90c0f3091707872da56b957b5432', class: "switch", part: "switch", role: "switch", "aria-checked": isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, "aria-required": this.required ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, onClick: this.handleClick }, h("span", { key: '528078b82e93f37bb0d1d2290e3f2807b6ac9d77', class: "thumb", part: "thumb" })), this.name && (h("input", { key: '277b3eac3450a5548866a97c699d0d9ccbbf5ce3', type: "checkbox", name: this.name, value: this.value, checked: isChecked, required: this.required, disabled: this.disabled, style: { display: 'none' }, tabindex: -1, "aria-hidden": "true" }))));
+        return (h(Host, { key: '70deb9f0982509c4a958444b1a095bad5ffa4d5e', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("div", { key: '88b7f61aaf76c64f5b287989b03f3aab8e33e66f', class: "switch", part: "switch", role: "switch", "aria-checked": isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, "aria-required": this.required ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, onClick: this.handleClick }, h("span", { key: '2634d8fce3ef5bbffc02eef26e95bcb83e20be1d', class: "thumb", part: "thumb" })), this.name && (h("input", { key: '1bb7c00eb059fb6f4a766ac8f95cd5430578abce', type: "checkbox", name: this.name, value: this.value, checked: isChecked, required: this.required, disabled: this.disabled, style: { display: 'none' }, tabindex: -1, "aria-hidden": "true" }))));
     }
+    get el() { return this; }
     static get style() { return sekiSwitchCss; }
 }, [257, "seki-switch", {
         "checked": [4],

package/dist/{cdn/p-BZPTI4kB.js → components/p-CmYbI_bV.js}

@@ -1,8 +1,8 @@
-const globalStyles = ":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-none:1;--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}}";
-
 const NAMESPACE = 'sekiui';
 const BUILD = /* sekiui */ { hydratedSelectorName: "hydrated", lazyLoad: false, slotRelocation: true, state: true, updatable: true};
 
+const globalStyles = ":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-none:1;--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}}";
+
 /*
  Stencil Client Platform v4.38.3 | MIT Licensed | https://stenciljs.com
  */
@@ -1846,4 +1846,60 @@ function render(vnode, container) {
   renderVdom(ref, vnode);
 }
 
-export { H, setNonce as a, setPlatformOptions as b, createEvent as c, Host as d, getAssetPath as g, h, proxyCustomElement as p, render as r, setAssetPath as s };
+/**
+ * Theme Sync Utility
+ * Mirrors the `data-theme` attribute from `document.documentElement` to all
+ * registered SekiUI component host elements, enabling dark mode in Shadow DOM.
+ */
+const registeredElements = new Set();
+let observer = null;
+function getCurrentTheme() {
+    if (typeof document === 'undefined')
+        return null;
+    return document.documentElement.getAttribute('data-theme');
+}
+function syncThemeToElement(el) {
+    const theme = getCurrentTheme();
+    if (theme) {
+        el.setAttribute('data-theme', theme);
+    }
+    else {
+        el.removeAttribute('data-theme');
+    }
+}
+function syncAllElements() {
+    registeredElements.forEach(syncThemeToElement);
+}
+function ensureObserver() {
+    if (observer || typeof document === 'undefined' || typeof MutationObserver === 'undefined')
+        return;
+    observer = new MutationObserver(syncAllElements);
+    observer.observe(document.documentElement, {
+        attributes: true,
+        attributeFilter: ['data-theme'],
+    });
+}
+/**
+ * Register an element to receive theme sync.
+ * Immediately syncs the current theme and starts observing if needed.
+ */
+function registerThemeSync(el) {
+    if (!el)
+        return;
+    registeredElements.add(el);
+    ensureObserver();
+    syncThemeToElement(el);
+}
+/**
+ * Unregister an element from theme sync.
+ * Disconnects the observer when no elements remain.
+ */
+function unregisterThemeSync(el) {
+    registeredElements.delete(el);
+    if (registeredElements.size === 0 && observer) {
+        observer.disconnect();
+        observer = null;
+    }
+}
+
+export { H, setNonce as a, setPlatformOptions as b, createEvent as c, registerThemeSync as d, Host as e, getAssetPath as g, h, proxyCustomElement as p, render as r, setAssetPath as s, unregisterThemeSync as u };

package/dist/components/{p-HMG1fGvh.js → p-DKbSEP4m.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-CRDvlLTq.js';
+import { p as proxyCustomElement, H, c as createEvent, d as registerThemeSync, u as unregisterThemeSync, h } from './p-CmYbI_bV.js';
 
 var dateFns = {};
 
@@ -22259,7 +22259,7 @@ function navigateWeek(date, direction) {
     return direction === 'prev' ? dateFnsExports.subDays(date, 7) : dateFnsExports.addDays(date, 7);
 }
 
-const sekiCalendarCss = ":host{--seki-calendar-bg:var(--seki-background, hsl(0 0% 100%));--seki-calendar-text:var(--seki-foreground, hsl(240 10% 3.9%));--seki-calendar-muted:var(--seki-muted-foreground, hsl(240 3.8% 46.1%));--seki-calendar-border:var(--seki-border, hsl(240 5.9% 90%));--seki-calendar-accent:var(--seki-accent, hsl(240 4.8% 95.9%));--seki-calendar-accent-foreground:var(--seki-accent-foreground, hsl(240 5.9% 10%));--seki-calendar-primary:var(--seki-primary, hsl(240 5.9% 10%));--seki-calendar-primary-foreground:var(--seki-primary-foreground, hsl(0 0% 98%));--seki-calendar-cell-size:36px;--seki-calendar-nav-button-size:28px;--seki-calendar-radius:var(--seki-radius-md, 8px);--seki-calendar-font-size:var(--seki-font-size-sm, 14px);--seki-calendar-font-weight:var(--seki-font-weight-medium, 500);--seki-calendar-font-family:var(--seki-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto);display:inline-block}:host-context([data-theme='dark']){--seki-calendar-bg:var(--seki-background, hsl(240 10% 3.9%));--seki-calendar-text:var(--seki-foreground, hsl(0 0% 98%));--seki-calendar-muted:var(--seki-muted-foreground, hsl(240 5% 64.9%));--seki-calendar-border:var(--seki-border, hsl(240 3.7% 15.9%));--seki-calendar-accent:var(--seki-accent, hsl(240 3.7% 15.9%));--seki-calendar-accent-foreground:var(--seki-accent-foreground, hsl(0 0% 98%));--seki-calendar-primary:var(--seki-primary, hsl(0 0% 98%));--seki-calendar-primary-foreground:var(--seki-primary-foreground, hsl(240 5.9% 10%))}.seki-calendar{padding:0.75rem;background-color:var(--seki-calendar-bg);border-radius:var(--seki-calendar-radius);font-family:var(--seki-calendar-font-family);font-size:var(--seki-calendar-font-size);color:var(--seki-calendar-text)}.seki-calendar__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:0.5rem}.seki-calendar__heading{display:flex;align-items:center;gap:0.25rem;font-weight:var(--seki-calendar-font-weight)}.seki-calendar__month{font-weight:var(--seki-font-weight-medium, 500)}.seki-calendar__year{color:var(--seki-calendar-muted)}.seki-calendar__nav-button{display:inline-flex;align-items:center;justify-content:center;width:var(--seki-calendar-nav-button-size);height:var(--seki-calendar-nav-button-size);padding:0;border:1px solid var(--seki-calendar-border);border-radius:var(--seki-radius-sm, 4px);background-color:transparent;color:var(--seki-calendar-text);cursor:pointer;transition:background-color 150ms ease, border-color 150ms ease}.seki-calendar__nav-button:hover:not(:disabled){background-color:var(--seki-calendar-accent);border-color:var(--seki-calendar-accent)}.seki-calendar__nav-button:focus-visible{outline:2px solid var(--seki-calendar-primary);outline-offset:2px}.seki-calendar__nav-button:disabled{opacity:0.5;cursor:not-allowed}.seki-calendar__table{width:100%;border-collapse:collapse;border-spacing:0}.seki-calendar__weekdays{border-bottom:none}.seki-calendar__weekday{width:var(--seki-calendar-cell-size);height:var(--seki-calendar-cell-size);font-size:var(--seki-font-size-xs, 0.75rem);font-weight:var(--seki-font-weight-normal, 400);color:var(--seki-calendar-muted);text-align:center;vertical-align:middle}.seki-calendar__week{margin-top:0.25rem}.seki-calendar__cell{padding:0;text-align:center;vertical-align:middle;position:relative}.seki-calendar__day{display:inline-flex;align-items:center;justify-content:center;width:var(--seki-calendar-cell-size);height:var(--seki-calendar-cell-size);padding:0;border:none;border-radius:var(--seki-radius-sm, 4px);background-color:transparent;color:var(--seki-calendar-text);font-size:var(--seki-calendar-font-size);font-weight:var(--seki-font-weight-normal, 400);cursor:pointer;transition:background-color 150ms ease, color 150ms ease}.seki-calendar__day:hover:not(:disabled):not(.seki-calendar__day--selected){background-color:var(--seki-calendar-accent);color:var(--seki-calendar-accent-foreground)}.seki-calendar__day:focus-visible{outline:2px solid var(--seki-calendar-primary);outline-offset:2px}.seki-calendar__day--today{background-color:var(--seki-calendar-accent);color:var(--seki-calendar-accent-foreground)}.seki-calendar__day--selected{background-color:var(--seki-calendar-primary);color:var(--seki-calendar-primary-foreground);font-weight:var(--seki-font-weight-medium, 500)}.seki-calendar__day--selected:hover{background-color:var(--seki-calendar-primary);opacity:0.9}.seki-calendar__day--outside{color:var(--seki-calendar-muted);opacity:0.5}.seki-calendar__day--hidden{visibility:hidden}.seki-calendar__day--disabled{color:var(--seki-calendar-muted);opacity:0.5;cursor:not-allowed}.seki-calendar__day--disabled:hover{background-color:transparent}.seki-calendar__day--in-range{background-color:var(--seki-calendar-accent);color:var(--seki-calendar-accent-foreground);border-radius:0}.seki-calendar__day--range-start{background-color:var(--seki-calendar-primary);color:var(--seki-calendar-primary-foreground);border-radius:var(--seki-radius-sm, 4px) 0 0 var(--seki-radius-sm, 4px)}.seki-calendar__day--range-end{background-color:var(--seki-calendar-primary);color:var(--seki-calendar-primary-foreground);border-radius:0 var(--seki-radius-sm, 4px) var(--seki-radius-sm, 4px) 0}.seki-calendar__day--range-start.seki-calendar__day--range-end{border-radius:var(--seki-radius-sm, 4px)}.seki-calendar__day--focused{outline:2px solid var(--seki-calendar-primary);outline-offset:-2px}@media (prefers-contrast: more){.seki-calendar__nav-button{border-width:2px}.seki-calendar__day--selected,.seki-calendar__day--range-start,.seki-calendar__day--range-end{border:2px solid var(--seki-calendar-primary)}}@media (prefers-reduced-motion: reduce){.seki-calendar__day,.seki-calendar__nav-button{transition:none}}";
+const sekiCalendarCss = ":host{--seki-calendar-bg:var(--seki-background, hsl(0 0% 100%));--seki-calendar-text:var(--seki-foreground, hsl(240 10% 3.9%));--seki-calendar-muted:var(--seki-muted-foreground, hsl(240 3.8% 46.1%));--seki-calendar-border:var(--seki-border, hsl(240 5.9% 90%));--seki-calendar-accent:var(--seki-accent, hsl(240 4.8% 95.9%));--seki-calendar-accent-foreground:var(--seki-accent-foreground, hsl(240 5.9% 10%));--seki-calendar-primary:var(--seki-primary, hsl(240 5.9% 10%));--seki-calendar-primary-foreground:var(--seki-primary-foreground, hsl(0 0% 98%));--seki-calendar-cell-size:36px;--seki-calendar-nav-button-size:28px;--seki-calendar-radius:var(--seki-radius-md, 8px);--seki-calendar-font-size:var(--seki-font-size-sm, 14px);--seki-calendar-font-weight:var(--seki-font-weight-medium, 500);--seki-calendar-font-family:var(--seki-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto);display:inline-block}:host([data-theme='dark']){--seki-calendar-bg:var(--seki-background, hsl(240 10% 3.9%));--seki-calendar-text:var(--seki-foreground, hsl(0 0% 98%));--seki-calendar-muted:var(--seki-muted-foreground, hsl(240 5% 64.9%));--seki-calendar-border:var(--seki-border, hsl(240 3.7% 15.9%));--seki-calendar-accent:var(--seki-accent, hsl(240 3.7% 15.9%));--seki-calendar-accent-foreground:var(--seki-accent-foreground, hsl(0 0% 98%));--seki-calendar-primary:var(--seki-primary, hsl(0 0% 98%));--seki-calendar-primary-foreground:var(--seki-primary-foreground, hsl(240 5.9% 10%))}.seki-calendar{padding:0.75rem;background-color:var(--seki-calendar-bg);border-radius:var(--seki-calendar-radius);font-family:var(--seki-calendar-font-family);font-size:var(--seki-calendar-font-size);color:var(--seki-calendar-text)}.seki-calendar__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:0.5rem}.seki-calendar__heading{display:flex;align-items:center;gap:0.25rem;font-weight:var(--seki-calendar-font-weight)}.seki-calendar__month{font-weight:var(--seki-font-weight-medium, 500)}.seki-calendar__year{color:var(--seki-calendar-muted)}.seki-calendar__nav-button{display:inline-flex;align-items:center;justify-content:center;width:var(--seki-calendar-nav-button-size);height:var(--seki-calendar-nav-button-size);padding:0;border:1px solid var(--seki-calendar-border);border-radius:var(--seki-radius-sm, 4px);background-color:transparent;color:var(--seki-calendar-text);cursor:pointer;transition:background-color 150ms ease, border-color 150ms ease}.seki-calendar__nav-button:hover:not(:disabled){background-color:var(--seki-calendar-accent);border-color:var(--seki-calendar-accent)}.seki-calendar__nav-button:focus-visible{outline:2px solid var(--seki-calendar-primary);outline-offset:2px}.seki-calendar__nav-button:disabled{opacity:0.5;cursor:not-allowed}.seki-calendar__table{width:100%;border-collapse:collapse;border-spacing:0}.seki-calendar__weekdays{border-bottom:none}.seki-calendar__weekday{width:var(--seki-calendar-cell-size);height:var(--seki-calendar-cell-size);font-size:var(--seki-font-size-xs, 0.75rem);font-weight:var(--seki-font-weight-normal, 400);color:var(--seki-calendar-muted);text-align:center;vertical-align:middle}.seki-calendar__week{margin-top:0.25rem}.seki-calendar__cell{padding:0;text-align:center;vertical-align:middle;position:relative}.seki-calendar__day{display:inline-flex;align-items:center;justify-content:center;width:var(--seki-calendar-cell-size);height:var(--seki-calendar-cell-size);padding:0;border:none;border-radius:var(--seki-radius-sm, 4px);background-color:transparent;color:var(--seki-calendar-text);font-size:var(--seki-calendar-font-size);font-weight:var(--seki-font-weight-normal, 400);cursor:pointer;transition:background-color 150ms ease, color 150ms ease}.seki-calendar__day:hover:not(:disabled):not(.seki-calendar__day--selected){background-color:var(--seki-calendar-accent);color:var(--seki-calendar-accent-foreground)}.seki-calendar__day:focus-visible{outline:2px solid var(--seki-calendar-primary);outline-offset:2px}.seki-calendar__day--today{background-color:var(--seki-calendar-accent);color:var(--seki-calendar-accent-foreground)}.seki-calendar__day--selected{background-color:var(--seki-calendar-primary);color:var(--seki-calendar-primary-foreground);font-weight:var(--seki-font-weight-medium, 500)}.seki-calendar__day--selected:hover{background-color:var(--seki-calendar-primary);opacity:0.9}.seki-calendar__day--outside{color:var(--seki-calendar-muted);opacity:0.5}.seki-calendar__day--hidden{visibility:hidden}.seki-calendar__day--disabled{color:var(--seki-calendar-muted);opacity:0.5;cursor:not-allowed}.seki-calendar__day--disabled:hover{background-color:transparent}.seki-calendar__day--in-range{background-color:var(--seki-calendar-accent);color:var(--seki-calendar-accent-foreground);border-radius:0}.seki-calendar__day--range-start{background-color:var(--seki-calendar-primary);color:var(--seki-calendar-primary-foreground);border-radius:var(--seki-radius-sm, 4px) 0 0 var(--seki-radius-sm, 4px)}.seki-calendar__day--range-end{background-color:var(--seki-calendar-primary);color:var(--seki-calendar-primary-foreground);border-radius:0 var(--seki-radius-sm, 4px) var(--seki-radius-sm, 4px) 0}.seki-calendar__day--range-start.seki-calendar__day--range-end{border-radius:var(--seki-radius-sm, 4px)}.seki-calendar__day--focused{outline:2px solid var(--seki-calendar-primary);outline-offset:-2px}@media (prefers-contrast: more){.seki-calendar__nav-button{border-width:2px}.seki-calendar__day--selected,.seki-calendar__day--range-start,.seki-calendar__day--range-end{border:2px solid var(--seki-calendar-primary)}}@media (prefers-reduced-motion: reduce){.seki-calendar__day,.seki-calendar__nav-button{transition:none}}";
 
 const SekiCalendar = /*@__PURE__*/ proxyCustomElement(class SekiCalendar extends H {
     constructor(registerHost) {
@@ -22443,6 +22443,12 @@ const SekiCalendar = /*@__PURE__*/ proxyCustomElement(class SekiCalendar extends
         }
         return classes.join(' ');
     }
+    connectedCallback() {
+        registerThemeSync(this.el);
+    }
+    disconnectedCallback() {
+        unregisterThemeSync(this.el);
+    }
     render() {
         const selectedDate = this.parseDate(this.selected);
         const rangeStart = this.parseDate(this.rangeFrom);
@@ -22461,7 +22467,7 @@ const SekiCalendar = /*@__PURE__*/ proxyCustomElement(class SekiCalendar extends
         });
         const monthLabel = getMonthLabel(this.displayMonth);
         const yearLabel = getYearLabel(this.displayMonth);
-        return (h("div", { key: '903b4587e54354f1b51a261dea310ba2254d4de1', class: "seki-calendar", role: "application", "aria-label": "Calendar", onKeyDown: this.handleKeyDown }, h("div", { key: '6b6002c0233214d00da57fee48b20557a60bd16c', class: "seki-calendar__header" }, h("button", { key: '029599517a3c3628d3ce38633942681ad9d721b4', type: "button", class: "seki-calendar__nav-button", "aria-label": "Go to previous month", onClick: this.handlePreviousMonth }, h("svg", { key: '8393cf189dc8e6b11b6b3beac79a5111c58a8aab', 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" }, h("path", { key: '5a9ff4669f2d6afb41f9aba9c618b00decc85e6c', d: "m15 18-6-6 6-6" }))), h("div", { key: 'eb0f6e91aced59ffa76de321237a85ba9c2ef9de', class: "seki-calendar__heading" }, h("span", { key: 'cc68f622d4169d5133132711dfe94be336a12497', class: "seki-calendar__month" }, monthLabel), h("span", { key: '90707dd4285d146b4b732d584fb1eb092362d8e7', class: "seki-calendar__year" }, yearLabel)), h("button", { key: '8058724972a6071cb58462c950735d30b6a755ba', type: "button", class: "seki-calendar__nav-button", "aria-label": "Go to next month", onClick: this.handleNextMonth }, h("svg", { key: 'b1395ddb85a3073f58bf8a2eb83a98bdd4057719', 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" }, h("path", { key: 'fe81b15ab03ee5c76d6f67f9752077ca1e7cb1b4', d: "m9 18 6-6-6-6" })))), h("table", { key: 'f0f3e1a8c82bec20c2631d7952d36e6916d4d3eb', class: "seki-calendar__table", role: "grid", "aria-label": `${monthLabel} ${yearLabel}` }, h("thead", { key: '049ac75f909b30b7830ad5f6382f41ea2fa27006' }, h("tr", { key: 'eafb0f4744fc74c6bd3ce5ac2a9c98d217880667', class: "seki-calendar__weekdays" }, this.weekDays.map(day => (h("th", { class: "seki-calendar__weekday", scope: "col", "aria-label": day }, day.slice(0, 2)))))), h("tbody", { key: '3a3a817792a1cf6c5f07f23ca50f524e95e423f0' }, weeks.map((week, weekIndex) => (h("tr", { key: weekIndex, class: "seki-calendar__week" }, week.map((day, dayIndex) => (h("td", { key: dayIndex, class: "seki-calendar__cell", role: "gridcell", "aria-selected": day.isSelected || day.isRangeStart || day.isRangeEnd, "aria-disabled": day.isDisabled }, h("button", { type: "button", class: this.getDayClasses(day), tabIndex: day.isSelected || day.isToday ? 0 : -1, disabled: day.isDisabled, onClick: () => this.handleDayClick(day), "aria-label": day.date.toDateString() }, day.dayOfMonth)))))))))));
+        return (h("div", { key: '6dd085167df7ebde0ea2b2a78cb69c0cb08d189f', class: "seki-calendar", role: "application", "aria-label": "Calendar", onKeyDown: this.handleKeyDown }, h("div", { key: '2039c31e71ac75793b76b9a232494d93a0728ff2', class: "seki-calendar__header" }, h("button", { key: '12cf036cd14c37c50e8fedf34e0dde5bdfca9097', type: "button", class: "seki-calendar__nav-button", "aria-label": "Go to previous month", onClick: this.handlePreviousMonth }, h("svg", { key: 'a670a544036a499a6c50e3b2c2d7c04bd25890af', 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" }, h("path", { key: '44d54670790caf5a4028cbaf035840838689bb8b', d: "m15 18-6-6 6-6" }))), h("div", { key: 'ca6bdde6daa3f73aed96fcbaa1757f7ba6fd6231', class: "seki-calendar__heading" }, h("span", { key: 'ae1329a37c9b455d2bf1ee4e1c76dd497503ea46', class: "seki-calendar__month" }, monthLabel), h("span", { key: '886f09bd67d3b6616d57a109fce4777ae6198f26', class: "seki-calendar__year" }, yearLabel)), h("button", { key: '2eb3cd2d5285ee950f5d68085f168bf574c0b687', type: "button", class: "seki-calendar__nav-button", "aria-label": "Go to next month", onClick: this.handleNextMonth }, h("svg", { key: '1c0b77760c152a1a10fba28354e7187526451174', 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" }, h("path", { key: '9dbc344dff2b49deb80439b65f73af6033169a53', d: "m9 18 6-6-6-6" })))), h("table", { key: '39ade9c223d0c5304ce100aafcbb9788a798696a', class: "seki-calendar__table", role: "grid", "aria-label": `${monthLabel} ${yearLabel}` }, h("thead", { key: '7607c9956a0a9e447ecdd9f845c0ddf0db4fc168' }, h("tr", { key: '7fbde7681b884ccf802350372b050d05901ff0ed', class: "seki-calendar__weekdays" }, this.weekDays.map(day => (h("th", { class: "seki-calendar__weekday", scope: "col", "aria-label": day }, day.slice(0, 2)))))), h("tbody", { key: '029dd32bf9fd76f170d59318a60f1ab54d144e2a' }, weeks.map((week, weekIndex) => (h("tr", { key: weekIndex, class: "seki-calendar__week" }, week.map((day, dayIndex) => (h("td", { key: dayIndex, class: "seki-calendar__cell", role: "gridcell", "aria-selected": day.isSelected || day.isRangeStart || day.isRangeEnd, "aria-disabled": day.isDisabled }, h("button", { type: "button", class: this.getDayClasses(day), tabIndex: day.isSelected || day.isToday ? 0 : -1, disabled: day.isDisabled, onClick: () => this.handleDayClick(day), "aria-label": day.date.toDateString() }, day.dayOfMonth)))))))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/{cdn/p-CA1bo5Ck.js → components/p-DxpkhI_1.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BZPTI4kB.js';
+import { p as proxyCustomElement, H, d as registerThemeSync, u as unregisterThemeSync, h, e as Host } from './p-CmYbI_bV.js';
 
 class SekiSonner {
     static _register(el) {
@@ -75,9 +75,11 @@ const SekiSonnerElement = /*@__PURE__*/ proxyCustomElement(class SekiSonnerEleme
         this.timers = new Map();
     }
     connectedCallback() {
+        registerThemeSync(this.el);
         SekiSonner._register(this);
     }
     disconnectedCallback() {
+        unregisterThemeSync(this.el);
         SekiSonner._unregister(this);
         this.timers.forEach(t => clearTimeout(t));
         this.timers.clear();
@@ -136,7 +138,7 @@ const SekiSonnerElement = /*@__PURE__*/ proxyCustomElement(class SekiSonnerEleme
     }
     render() {
         const visibleToasts = this.toasts.slice(0, MAX_VISIBLE);
-        return (h(Host, { key: '73ef2ec5135be326359f27a86d0bd1795e368a9b' }, h("div", { key: 'dd802c70d969ee716d61008d4df1cfc666573106', class: `seki-sonner seki-sonner--${this.position}`, role: "region", "aria-label": "Notifications", "aria-live": "polite" }, visibleToasts.map((toast, index) => (h("div", { key: toast.id, class: {
+        return (h(Host, { key: '280d972f5c5753265dbcbaee418e9fbc5e803147' }, h("div", { key: '9c84905072f361394a026f0f0f6c64a8c2636bff', class: `seki-sonner seki-sonner--${this.position}`, role: "region", "aria-label": "Notifications", "aria-live": "polite" }, visibleToasts.map((toast, index) => (h("div", { key: toast.id, class: {
                 'seki-sonner__toast': true,
                 [`seki-sonner__toast--${toast.variant}`]: true,
                 'seki-sonner__toast--entering': !toast.removing,

package/dist/components/{p-CI4YG6NQ.js → p-JT4r_mV0.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-CRDvlLTq.js';
+import { p as proxyCustomElement, H, d as registerThemeSync, u as unregisterThemeSync, h, e as Host } from './p-CmYbI_bV.js';
 
 const sekiNavigationMenuViewportCss = ":host{--indicator-left:0px;--content-offset:0px;--content-height:0px;position:absolute;top:100%;left:0;right:0;z-index:40;pointer-events:none;opacity:0;transform:translateY(-4px);transition:opacity var(--seki-nav-animation-duration, 150ms) ease,\n    transform var(--seki-nav-animation-duration, 150ms) ease}:host(.navigation-menu-viewport--visible){pointer-events:auto;opacity:1;transform:translateY(0)}.navigation-menu-viewport__indicator{position:absolute;top:-10px;left:var(--indicator-left);transform:translateX(-50%);z-index:41;color:var(--seki-background);filter:drop-shadow(0 -2px 2px rgba(0, 0, 0, 0.05));transition:left 200ms ease}.navigation-menu-viewport__indicator svg{display:block}.navigation-menu-viewport__content{position:relative;left:var(--content-offset);width:fit-content;background-color:var(--seki-background);border:1px solid var(--seki-border);border-radius:var(--seki-nav-content-radius, 0.375rem);box-shadow:var(--seki-nav-content-shadow);overflow:hidden;transition:left 200ms ease,\n    height var(--seki-nav-animation-duration, 150ms) ease}:host(.navigation-menu-viewport--visible) .navigation-menu-viewport__content{height:var(--content-height)}:host([data-theme='dark']) .navigation-menu-viewport__indicator{color:var(--seki-background)}@media (prefers-reduced-motion: reduce){:host,.navigation-menu-viewport__indicator,.navigation-menu-viewport__content{transition:none}}";
 
@@ -34,7 +34,11 @@ const SekiNavigationMenuViewport = /*@__PURE__*/ proxyCustomElement(class SekiNa
     componentDidLoad() {
         this.setupResizeObserver();
     }
+    connectedCallback() {
+        registerThemeSync(this.el);
+    }
     disconnectedCallback() {
+        unregisterThemeSync(this.el);
         this.cleanupResizeObserver();
     }
     // =========================================================================
@@ -146,14 +150,14 @@ const SekiNavigationMenuViewport = /*@__PURE__*/ proxyCustomElement(class SekiNa
         return h("slot", null);
     }
     render() {
-        return (h(Host, { key: '8aae278c53014c06a9f9162116abc53b6b0e624e', class: {
+        return (h(Host, { key: 'd6488e7ee474b8a5c14bda3c4354a18c8f95e2bd', 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`,
-            } }, h("div", { key: '2ca0f31b1f0fb5149b9c76a828e290af243cffb3', class: "navigation-menu-viewport__indicator" }, h("svg", { key: '77f9881f67462b6a46c2a747bffa0b977d3f1933', width: "20", height: "10", viewBox: "0 0 20 10", fill: "currentColor" }, h("polygon", { key: '5af582fa0d357e121a017d288795fad0cec76725', points: "10,0 20,10 0,10" }))), h("div", { key: 'b7869f693dc107977e377eaf4f20d971b38fe529', ref: el => (this.contentRef = el), class: "navigation-menu-viewport__content" }, this.renderContent())));
+            } }, h("div", { key: 'c154a11e43e35c612c8516ce48e90ce963f120cd', class: "navigation-menu-viewport__indicator" }, h("svg", { key: '20963cf39499036ed89db44f1b34cf6b3064e3c8', width: "20", height: "10", viewBox: "0 0 20 10", fill: "currentColor" }, h("polygon", { key: 'd69af8e0581c22acf673595deef3bdce3aa12189', points: "10,0 20,10 0,10" }))), h("div", { key: '558cd698c2a894070a80b137e36dc62d25977043', ref: el => (this.contentRef = el), class: "navigation-menu-viewport__content" }, this.renderContent())));
     }
     get el() { return this; }
     static get watchers() { return {