@sekiui/elements 0.0.82 → 0.0.84

package/dist/components/seki-select.js

@@ -12,6 +12,7 @@ const SekiSelect$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelect extends H
         this.sekiChange = createEvent(this, "sekiChange");
         this.sekiOpenChange = createEvent(this, "sekiOpenChange");
         this.sekiValidate = createEvent(this, "sekiValidate");
+        this.internals = this.attachInternals();
         /** Enable multi-select mode */
         this.multiple = false;
         /** Placeholder text shown when no selection */
@@ -130,7 +131,17 @@ const SekiSelect$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelect extends H
             return this.registeredOptions.filter(opt => opt.value === this.internalValue);
         };
         this.registerOption = (option) => {
-            this.registeredOptions = [...this.registeredOptions, option];
+            // Idempotent: replace in place if this value already exists (e.g. an option
+            // re-registering after a DOM move) so reconnects can't create duplicates.
+            const existingIndex = this.registeredOptions.findIndex(opt => opt.value === option.value);
+            if (existingIndex >= 0) {
+                const next = [...this.registeredOptions];
+                next[existingIndex] = option;
+                this.registeredOptions = next;
+            }
+            else {
+                this.registeredOptions = [...this.registeredOptions, option];
+            }
         };
         this.unregisterOption = (value) => {
             this.registeredOptions = this.registeredOptions.filter(opt => opt.value !== value);
@@ -170,6 +181,8 @@ const SekiSelect$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelect extends H
         }
         // Expose context on the element for child components
         this.el.selectContext = this.selectContext;
+        // Seed the form value so an unchanged select still submits its initial value.
+        this.syncFormValue();
     }
     componentDidLoad() {
         // Expose context on the element for child components
@@ -209,10 +222,45 @@ const SekiSelect$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelect extends H
     }
     handleInternalValueChange() {
         this.updateContextOnElement();
+        this.syncFormValue();
+    }
+    handleDisabledChange() {
+        this.syncFormValue();
     }
     updateContextOnElement() {
         this.el.selectContext = this.selectContext;
     }
+    /**
+     * Mirror the current selection into the associated form via ElementInternals.
+     * Replaces the previous hidden native control, which lived inside the shadow
+     * root and therefore never participated in form submission.
+     */
+    syncFormValue() {
+        if (!this.internals || typeof this.internals.setFormValue !== 'function') {
+            return;
+        }
+        // Disabled controls do not contribute a value to the form.
+        if (this.disabled) {
+            this.internals.setFormValue(null);
+            return;
+        }
+        if (this.multiple) {
+            const values = Array.isArray(this.internalValue) ? this.internalValue : [];
+            if (!this.name || values.length === 0) {
+                this.internals.setFormValue(null);
+                return;
+            }
+            const formData = new FormData();
+            for (const val of values) {
+                formData.append(this.name, String(val));
+            }
+            this.internals.setFormValue(formData);
+        }
+        else {
+            const value = this.internalValue;
+            this.internals.setFormValue(value === '' || value === undefined || value === null ? null : String(value));
+        }
+    }
     // ===========================
     // Methods
     // ===========================
@@ -275,29 +323,33 @@ const SekiSelect$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelect extends H
         }
     }
     focusNextOption() {
-        if (this.registeredOptions.length === 0)
+        const options = this.registeredOptions;
+        if (options.length === 0)
             return;
-        let nextIndex = 0;
-        if (this.focusedOptionValue !== null) {
-            const currentIndex = this.registeredOptions.findIndex(opt => opt.value === this.focusedOptionValue);
-            nextIndex = currentIndex >= 0 ? Math.min(currentIndex + 1, this.registeredOptions.length - 1) : 0;
-        }
-        const nextOption = this.registeredOptions[nextIndex];
-        if (nextOption && !nextOption.disabled) {
-            this.handleOptionFocus(nextOption.value);
+        const currentIndex = this.focusedOptionValue !== null
+            ? options.findIndex(opt => opt.value === this.focusedOptionValue)
+            : -1;
+        // Walk forward to the next enabled option, skipping disabled ones.
+        for (let i = currentIndex + 1; i < options.length; i++) {
+            if (!options[i].disabled) {
+                this.handleOptionFocus(options[i].value);
+                return;
+            }
         }
     }
     focusPreviousOption() {
-        if (this.registeredOptions.length === 0)
+        const options = this.registeredOptions;
+        if (options.length === 0)
             return;
-        let prevIndex = this.registeredOptions.length - 1;
-        if (this.focusedOptionValue !== null) {
-            const currentIndex = this.registeredOptions.findIndex(opt => opt.value === this.focusedOptionValue);
-            prevIndex = currentIndex > 0 ? currentIndex - 1 : this.registeredOptions.length - 1;
-        }
-        const prevOption = this.registeredOptions[prevIndex];
-        if (prevOption && !prevOption.disabled) {
-            this.handleOptionFocus(prevOption.value);
+        const currentIndex = this.focusedOptionValue !== null
+            ? options.findIndex(opt => opt.value === this.focusedOptionValue)
+            : options.length;
+        // Walk backward to the previous enabled option, skipping disabled ones.
+        for (let i = currentIndex - 1; i >= 0; i--) {
+            if (!options[i].disabled) {
+                this.handleOptionFocus(options[i].value);
+                return;
+            }
         }
     }
     addToSearchBuffer(char) {
@@ -346,26 +398,19 @@ const SekiSelect$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelect extends H
     // Render
     // ===========================
     render() {
-        return (h(Host, { key: '5a1333b70dd0f6cb4e02c42643cd21b89f896ceb' }, h("slot", { key: 'd67d8ebd047bb146f42a5ce73871324868235137' }), this.name && this.renderHiddenNativeElement()));
-    }
-    renderHiddenNativeElement() {
-        if (this.multiple) {
-            return (h("select", { class: "select-native", name: this.name, multiple: true, required: this.required, disabled: this.disabled, "aria-hidden": "true", tabindex: -1 }, Array.isArray(this.internalValue) &&
-                this.internalValue.map(val => (h("option", { value: val, selected: true }, val)))));
-        }
-        else {
-            return (h("input", { type: "hidden", class: "select-native", name: this.name, value: this.internalValue, required: this.required, disabled: this.disabled }));
-        }
+        return (h(Host, { key: '3fad15b79a53f9ef681d129650f0f533c6c07ff8' }, h("slot", { key: 'f6d571849ceb5fa3459a252a76311df4c2c6dff4' })));
     }
+    static get formAssociated() { return true; }
     get el() { return this; }
     static get watchers() { return {
         "value": ["handleValuePropChange"],
         "open": ["handleOpenPropChange"],
         "isOpen": ["handleIsOpenChange"],
-        "internalValue": ["handleInternalValueChange"]
+        "internalValue": ["handleInternalValueChange"],
+        "disabled": ["handleDisabledChange"]
     }; }
     static get style() { return sekiSelectCss; }
-}, [257, "seki-select", {
+}, [321, "seki-select", {
         "value": [1032],
         "defaultValue": [8, "default-value"],
         "multiple": [4],
@@ -374,7 +419,7 @@ const SekiSelect$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelect extends H
         "required": [4],
         "open": [1028],
         "defaultOpen": [4, "default-open"],
-        "name": [1],
+        "name": [513],
         "maxVisiblePills": [2, "max-visible-pills"],
         "ariaLabel": [1, "aria-label"],
         "ariaLabelledby": [1, "aria-labelledby"],
@@ -397,7 +442,8 @@ const SekiSelect$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelect extends H
         "value": ["handleValuePropChange"],
         "open": ["handleOpenPropChange"],
         "isOpen": ["handleIsOpenChange"],
-        "internalValue": ["handleInternalValueChange"]
+        "internalValue": ["handleInternalValueChange"],
+        "disabled": ["handleDisabledChange"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/seki-separator.js

@@ -29,7 +29,7 @@ const SekiSeparator$1 = /*@__PURE__*/ proxyCustomElement(class SekiSeparator ext
     }
     render() {
         const isVertical = this.orientation === 'vertical';
-        return (h("div", { key: 'ed4e388d8b14612ba2e7d5ba56d3107398a8f75f', class: {
+        return (h("div", { key: '7c9d4f8485d17373b0b8ba181be63c4fa56aa1aa', class: {
                 'seki-separator': true,
                 'seki-separator--horizontal': !isVertical,
                 'seki-separator--vertical': isVertical,

package/dist/components/seki-sheet-close.js

@@ -21,7 +21,7 @@ const SekiSheetClose$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetClose e
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: '1cbac3a45a982cf402b796e8a5d1a2a7a555e967', class: "seki-sheet-close", part: "close", onClick: this.handleClick }, h("slot", { key: 'e0383ad8d5b6be4d9333387eb57a9555cd20f395' })));
+        return (h("div", { key: '6dd2f5309d4da6557f4f570677f80c91c244ab6e', class: "seki-sheet-close", part: "close", onClick: this.handleClick }, h("slot", { key: '39a1f16e2aa3d19e1b9a62b96c4aef6a30278aeb' })));
     }
     get el() { return this; }
     static get style() { return sekiSheetCss; }

package/dist/components/seki-sheet-description.js

@@ -17,7 +17,7 @@ const SekiSheetDescription$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetD
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("p", { key: '1051b675aa3674a86d624b5bb520a6d9f37824bd', class: "seki-sheet-description", part: "description" }, h("slot", { key: '9117ef53a2d4c44ceeacfe9db450725f1ded8cb2' })));
+        return (h("p", { key: '30311fecac67e26c13a4ebf25b16f14c2a2c7dc0', class: "seki-sheet-description", part: "description" }, h("slot", { key: '0fcba9a2e7b525f21bf4ff3a8e5deabf7bc9f861' })));
     }
     get el() { return this; }
     static get style() { return sekiSheetCss; }

package/dist/components/seki-sheet-footer.js

@@ -17,7 +17,7 @@ const SekiSheetFooter$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetFooter
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: 'dd056f387174e6588b920f3e42ecbadd05ce85eb', class: "seki-sheet-footer", part: "footer" }, h("slot", { key: '9dc0a77787334c15730e5c9123f90f33a1914d12' })));
+        return (h("div", { key: 'b7fb7fcf90475d33930f27895a565ef588bf4e6f', class: "seki-sheet-footer", part: "footer" }, h("slot", { key: '89fc76ca642736afd2c614a2cf924c2017f0bb47' })));
     }
     get el() { return this; }
     static get style() { return sekiSheetCss; }

package/dist/components/seki-sheet-header.js

@@ -17,7 +17,7 @@ const SekiSheetHeader$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetHeader
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: '8792fcbb571404574ee5e7f016482b8fdb02edb2', class: "seki-sheet-header", part: "header" }, h("slot", { key: 'd151a643e10d99bca1029414b78ba260931d28fa' })));
+        return (h("div", { key: '6876a4ebeb5ad508f94a02dfd05e1cef1892013b', class: "seki-sheet-header", part: "header" }, h("slot", { key: '3e2019eb8835587cb9aebfd06ad0fb9e20f9bde7' })));
     }
     get el() { return this; }
     static get style() { return sekiSheetCss; }

package/dist/components/seki-sheet-title.js

@@ -17,7 +17,7 @@ const SekiSheetTitle$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetTitle e
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("h2", { key: 'fa86c77c1e03fd9ab3f974347072def9827d2fa3', class: "seki-sheet-title", part: "title" }, h("slot", { key: '367a5f16a209b6fd0f3dc71f6b7be6bd1ed07573' })));
+        return (h("h2", { key: 'd0cdb3c0743914e4501aeb2b396b75800a183eed', class: "seki-sheet-title", part: "title" }, h("slot", { key: '3d978b2c5a42a971aae11ba31cf6c3b8ed452fe8' })));
     }
     get el() { return this; }
     static get style() { return sekiSheetCss; }

package/dist/components/seki-sheet-trigger.js

@@ -21,7 +21,7 @@ const SekiSheetTrigger$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetTrigg
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: '994e3c0c66b00e3957dd5590c5a66639d1aff515', class: "seki-sheet-trigger", part: "trigger", onClick: this.handleClick }, h("slot", { key: '167575e4915968c6c45efe1a248a27b121c7937d' })));
+        return (h("div", { key: '0139f6ffe5f5039c1c098f194048254ee3cc8c2b', class: "seki-sheet-trigger", part: "trigger", onClick: this.handleClick }, h("slot", { key: 'dd86e3fdd694b556e2112d76279036d8d4252c4c' })));
     }
     get el() { return this; }
     static get style() { return sekiSheetCss; }

package/dist/components/seki-sheet.js

@@ -59,10 +59,10 @@ const SekiSheet$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheet extends H {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: '614727058a67df99cd883d34eea0fc10c89e07a6', class: {
+        return (h("div", { key: 'bba151ac6fe32ddaa36a6d60b3ebb45209786362', class: {
                 'seki-sheet': true,
                 'seki-sheet--open': this.isOpen,
-            }, part: "sheet" }, h("slot", { key: '8d921a4be67d5ba1f9c27c56b913c46a611e1f76' }), this.isOpen && (h("div", { key: '2ef22f47303aaf10bc632db09dbf7d27380ab69c', class: "seki-sheet-overlay", part: "overlay", onClick: () => this.close() }))));
+            }, part: "sheet" }, h("slot", { key: '6e28341b810135c669581f010e5c3c6d8d276232' }), this.isOpen && (h("div", { key: 'a8382da9411b2b7e1929b938287a28b06628cc46', class: "seki-sheet-overlay", part: "overlay", onClick: () => this.close() }))));
     }
     get el() { return this; }
     static get style() { return sekiSheetCss; }

package/dist/components/seki-sidebar-content.js

@@ -17,7 +17,7 @@ const SekiSidebarContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarC
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: 'efb6267ec6d84337046779af5c1750f939dddb70', class: "sidebar-content" }, h("slot", { key: '4d2b422428b2616e6c144dc628f15fd70f1122b9' })));
+        return (h("div", { key: '4737da0a0a4d547b659e9b160b07c2923cc1e3e0', class: "sidebar-content" }, h("slot", { key: '90ec37f12264da090fe9ace989dae3c402521e28' })));
     }
     get el() { return this; }
     static get style() { return sekiSidebarContentCss; }

package/dist/components/seki-sidebar-footer.js

@@ -31,7 +31,7 @@ const SekiSidebarFooter$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarFo
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '5aa96420d96f1b83b57199a65c7bdd42c3df5211', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: 'd29f73d957757e1e0737dc3cbb7e540ab97e083b', class: { 'sidebar-footer': true, 'sidebar-footer--icon-mode': this._isIconMode } }, h("slot", { key: '6538184599c0bfeda91dc324ca9a2655dce0b5ea' }))));
+        return (h(Host, { key: '1152c6a4fa0594df739634a51897d2883d30377f', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: 'ec7d23a6d84fcaa3ccbda15ce237eb76e54ae48d', class: { 'sidebar-footer': true, 'sidebar-footer--icon-mode': this._isIconMode } }, h("slot", { key: 'bb8181e7b3c865bc599d9eb6dc480e484e250a39' }))));
     }
     get el() { return this; }
     static get style() { return sekiSidebarFooterCss; }

package/dist/components/seki-sidebar-group-action.js

@@ -21,7 +21,7 @@ const SekiSidebarGroupAction$1 = /*@__PURE__*/ proxyCustomElement(class SekiSide
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: 'a6a84f2617364ca6c7f422010f8834506289bff3' }, h("button", { key: 'fe83283065195ad8bd76a5a4360c3d744812672f', class: "sidebar-group-action", type: "button", disabled: this.disabled, "aria-label": this.ariaLabel }, h("slot", { key: 'af5206dbafaba73927305d054737b8b9cc3eb446' }))));
+        return (h(Host, { key: 'dd28ffe5695923ac553db63ce9fd916911294a9b' }, h("button", { key: '6bc353a3635240cfb30118e6fbbcd66896ff3e9f', class: "sidebar-group-action", type: "button", disabled: this.disabled, "aria-label": this.ariaLabel }, h("slot", { key: '9f917fd544e68ce996283893a8b056467a16c153' }))));
     }
     get el() { return this; }
     static get style() { return sekiSidebarGroupActionCss; }

package/dist/components/seki-sidebar-group-content.js

@@ -17,7 +17,7 @@ const SekiSidebarGroupContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiSid
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: '0b54d0090e51db825125ba86c21be82c08e5f74a', class: "sidebar-group-content" }, h("slot", { key: '23e35cfef208e22808272cf0cf2d55392cae873a' })));
+        return (h("div", { key: 'ad67fd3d5a4d329c748aada24f1e4f3b034ea900', class: "sidebar-group-content" }, h("slot", { key: 'f15f2b6f4f43b44869cfcb7d3bae08ada6089d2b' })));
     }
     get el() { return this; }
     static get style() { return sekiSidebarGroupCss; }

package/dist/components/seki-sidebar-group-label.js

@@ -1,4 +1,4 @@
-import { S as SekiSidebarGroupLabel$1, d as defineCustomElement$1 } from './p-XaV1Vzwc.js';
+import { S as SekiSidebarGroupLabel$1, d as defineCustomElement$1 } from './p-N19kpeHI.js';
 
 const SekiSidebarGroupLabel = SekiSidebarGroupLabel$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/seki-sidebar-group.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, d as registerThemeSync, u as unregisterThemeSync, h } from './p-CmYbI_bV.js';
-import { d as defineCustomElement$2 } from './p-XaV1Vzwc.js';
+import { d as defineCustomElement$2 } from './p-N19kpeHI.js';
 
 const sekiSidebarGroupCss = ":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{--sidebar-foreground:var(--seki-sidebar-foreground);--sidebar-muted-foreground:var(--seki-sidebar-muted-foreground, hsl(240, 3.8%, 46.1%));display:block}.sidebar-group{display:flex;flex-direction:column;gap:0.25rem;padding:0.5rem 0}.sidebar-group-label{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.5rem 0.25rem;font-family:var(--seki-font-sans, system-ui, sans-serif);font-size:var(--seki-font-size-xs, 0.75rem);font-weight:var(--seki-font-weight-semibold, 600);line-height:var(--seki-line-height-tight, 1.25);color:var(--sidebar-muted-foreground);text-transform:uppercase;letter-spacing:0.05em}.sidebar-group-content{display:flex;flex-direction:column;gap:0.125rem}";
 
@@ -18,7 +18,7 @@ const SekiSidebarGroup$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarGro
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: '57ee8c7f266be7817ef0c2c08d00a8804a73052b', class: "sidebar-group" }, this.label && (h("seki-sidebar-group-label", { key: 'c2f47870898d7c1c256e20a08142660c2af5039d' }, this.label)), h("div", { key: '36b8f12110274b6df9a13214e12296e4e9c06fb3', class: "sidebar-group-content" }, h("slot", { key: 'b827f8839760b048df21bff413e30114e6234e8f' }))));
+        return (h("div", { key: '1d6a7c3473f7af44bd1af50b62ae089d7fc35c81', class: "sidebar-group" }, this.label && (h("seki-sidebar-group-label", { key: '42883a80189fb71391d35c24f303687b9efb7887' }, this.label)), h("div", { key: '429b4273b9511d07e55c34d5118d299c05bf0d0b', class: "sidebar-group-content" }, h("slot", { key: 'cef4eb3f9946caac5c3daae5d824a243d98d887c' }))));
     }
     get el() { return this; }
     static get style() { return sekiSidebarGroupCss; }

package/dist/components/seki-sidebar-header.js

@@ -31,7 +31,7 @@ const SekiSidebarHeader$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarHe
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '0f4ec9ec27ba10ab22d2aa80adab6f396d4c371d', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: '045caea28040bca8270e39ddcb46911e3aba0b4a', class: { 'sidebar-header': true, 'sidebar-header--icon-mode': this._isIconMode } }, h("slot", { key: '62f68e1a0a2dfae1d15586ae88ee3ba69482936d' }))));
+        return (h(Host, { key: 'f9fb878683bbbfae9545a60e489600cab7cd43de', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: '183ee2acb6d6eb84f07f926e29b206f41bbc351d', class: { 'sidebar-header': true, 'sidebar-header--icon-mode': this._isIconMode } }, h("slot", { key: '4bb0f792eb9b6e3e76284a4e42282eacc400ad95' }))));
     }
     get el() { return this; }
     static get style() { return sekiSidebarHeaderCss; }

package/dist/components/seki-sidebar-inset.js

@@ -17,7 +17,7 @@ const SekiSidebarInset$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarIns
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: 'e6a4bd76f1f368ea260bdeb82216214f35489d1c', class: "sidebar-inset" }, h("slot", { key: 'c47810e0a61e203cb4b67f2e52953c6e90e1872e' })));
+        return (h("div", { key: 'd62538c4b0e8288d5fe2298b14033fef14a7422e', class: "sidebar-inset" }, h("slot", { key: '22332275106cabf678d852c9f2d68e5dae431fd4' })));
     }
     get el() { return this; }
     static get style() { return sekiSidebarCss; }

package/dist/components/seki-sidebar-menu-action.js

@@ -21,7 +21,7 @@ const SekiSidebarMenuAction$1 = /*@__PURE__*/ proxyCustomElement(class SekiSideb
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("button", { key: '52f62e4805f9cd25af4dfeb71aa39e69222a3c53', class: "sidebar-menu-action", disabled: this.disabled, type: "button", "aria-label": "More options" }, h("slot", { key: '3b0a9b8c54b8295ddc0dc661440d37e981ac7e78' })));
+        return (h("button", { key: 'a0a0a2b9ef20c017f81e95455fdfc95e3abde327', class: "sidebar-menu-action", disabled: this.disabled, type: "button", "aria-label": "More options" }, h("slot", { key: '405909f82702834fa0720dc99bd66d073488bb93' })));
     }
     get el() { return this; }
     static get style() { return sekiSidebarMenuCss; }

package/dist/components/seki-sidebar-menu-badge.js

@@ -17,7 +17,7 @@ const SekiSidebarMenuBadge$1 = /*@__PURE__*/ proxyCustomElement(class SekiSideba
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("span", { key: '6ae5c7cfb2b951de023cf1279fa283f4dc22c591', class: "sidebar-menu-badge" }, h("slot", { key: '9a64baad72ab4e181519c25f65d2f387cbc705c2' })));
+        return (h("span", { key: '9c93081ef049dc7279a9dc30d84bed26eb90ed81', class: "sidebar-menu-badge" }, h("slot", { key: '829ff0a30a549d5af22f1fb120724ba439fbb6f8' })));
     }
     get el() { return this; }
     static get style() { return sekiSidebarMenuCss; }

package/dist/components/seki-sidebar-menu-button.js

@@ -82,7 +82,7 @@ const SekiSidebarMenuButton$1 = /*@__PURE__*/ proxyCustomElement(class SekiSideb
                 buttonProps.tabIndex = -1;
             }
         }
-        return (h(Tag, Object.assign({ key: '7fbaba520bf2b28e168deb190d9d0bb6abcbffc9' }, buttonProps), h("span", { key: 'd2f140cb3e39e3356f0edd15d4f4b6445e711774', class: "sidebar-menu-button-content" }, h("slot", { key: 'bb9d89ad6bc654a4ea7c9370b29582489ffdffd9' })), this._isIconMode && this.tooltipText && (h("span", { key: '6d2e98119e4f29b72fb995d17a10602b092d7880', class: "sr-only" }, this.tooltipText))));
+        return (h(Tag, Object.assign({ key: '179d84c9793283ca3bfb1df829aa50716a17bc01' }, buttonProps), h("span", { key: 'db744ac337d23993724b8cffee15ea5cd006ac12', class: "sidebar-menu-button-content" }, h("slot", { key: '76ff227ce25de9d09e42f35bb2899e433b65896c' })), this._isIconMode && this.tooltipText && (h("span", { key: 'edc0c9f934fc2ad1becb26424e26abffd950978b', class: "sr-only" }, this.tooltipText))));
     }
     get el() { return this; }
     static get style() { return sekiSidebarMenuCss; }

package/dist/components/seki-sidebar-menu-item.js

@@ -17,7 +17,7 @@ const SekiSidebarMenuItem$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebar
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("li", { key: 'fdb8de4eb5aa7b3658957e1a8e27911861efb6a6', class: "sidebar-menu-item", role: "none" }, h("slot", { key: 'c698d4bdb297604a9b5961f1c9a77a8f81bef097' })));
+        return (h("li", { key: '9d40705651a7a5b0ec08bce35d762009d5e13fe5', class: "sidebar-menu-item", role: "none" }, h("slot", { key: 'e60b735684d04569ea8c0c54137e63a50656226f' })));
     }
     get el() { return this; }
     static get style() { return sekiSidebarMenuCss; }

package/dist/components/seki-sidebar-menu-skeleton.js

@@ -21,7 +21,7 @@ const SekiSidebarMenuSkeleton$1 = /*@__PURE__*/ proxyCustomElement(class SekiSid
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: '85a9efb11df2e46c6a60dfeb9edd4a4aa1ef47d6', class: "sidebar-menu-skeleton" }, this.showIcon && h("div", { key: '5792eb27ab44821461349beeaa974b17ba33d034', class: "sidebar-menu-skeleton-icon" }), h("div", { key: '7dd2be2d6ef9e46960fef8a7973f9df32bd02fec', class: "sidebar-menu-skeleton-text" })));
+        return (h("div", { key: '60223e62bc0664334f7c6a053d549fbb815de24c', class: "sidebar-menu-skeleton" }, this.showIcon && h("div", { key: 'cc8deccd40d11dbc6ecd293e8f4d60d0e09058dc', class: "sidebar-menu-skeleton-icon" }), h("div", { key: '2547f0d62fa2d2c759aa9c8e5e870d870636fd16', class: "sidebar-menu-skeleton-text" })));
     }
     get el() { return this; }
     static get style() { return sekiSidebarMenuCss; }

package/dist/components/seki-sidebar-menu-sub-button.js

@@ -25,10 +25,10 @@ const SekiSidebarMenuSubButton$1 = /*@__PURE__*/ proxyCustomElement(class SekiSi
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("button", { key: '569ded092594cfd100d9c2506505649f1235a59e', class: {
+        return (h("button", { key: 'dbc73fe2fad907f5ec4d7ee134d28b64ab9eb99b', class: {
                 'sidebar-menu-sub-button': true,
                 'sidebar-menu-sub-button--active': this.active,
-            }, disabled: this.disabled, type: "button", role: "menuitem" }, h("slot", { key: '72eebc0d783976bf4b41acb126fcccc4f102ac59' })));
+            }, disabled: this.disabled, type: "button", role: "menuitem" }, h("slot", { key: '4876029f6e54515e9ad84f6884c0dc47cdb5af8c' })));
     }
     get el() { return this; }
     static get style() { return sekiSidebarMenuSubCss; }

package/dist/components/seki-sidebar-menu-sub-item.js

@@ -17,7 +17,7 @@ const SekiSidebarMenuSubItem$1 = /*@__PURE__*/ proxyCustomElement(class SekiSide
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("li", { key: '64d04313ca85f7b3596ccfaa1e4582e5376ee400', class: "sidebar-menu-sub-item", role: "none" }, h("slot", { key: '88b826f8fdaf0357bdaf9d3cad064c563f977b9b' })));
+        return (h("li", { key: 'e6ca17f7652ffc8d9f8472cd4a6ec7587e37ce45', class: "sidebar-menu-sub-item", role: "none" }, h("slot", { key: '3b7d4660c701d6af1435304010422c2d25fbd160' })));
     }
     get el() { return this; }
     static get style() { return sekiSidebarMenuSubCss; }

package/dist/components/seki-sidebar-menu-sub.js

@@ -9,7 +9,7 @@ const SekiSidebarMenuSub$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarM
             this.__registerHost();
         }
         this.__attachShadow();
-        this.openChange = createEvent(this, "openChange");
+        this.openChange = createEvent(this, "sekiOpenChange");
         /**
          * Whether the submenu is open
          */
@@ -20,6 +20,12 @@ const SekiSidebarMenuSub$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarM
             this.open = this._open;
             this.openChange.emit(this._open);
         };
+        this.onTriggerSlotChange = () => {
+            const assigned = this.triggerSlotEl.assignedElements();
+            assigned.forEach((el) => {
+                el.addEventListener('click', this.handleTriggerClick);
+            });
+        };
     }
     componentWillLoad() {
         this._open = this.open;
@@ -28,25 +34,20 @@ const SekiSidebarMenuSub$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarM
         this._open = newValue;
     }
     componentDidLoad() {
-        var _a;
+        var _a, _b, _c;
         // Attach click handler to trigger slot
-        const triggerSlot = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot[name="trigger"]');
-        if (triggerSlot) {
-            triggerSlot.addEventListener('slotchange', () => {
-                const assigned = triggerSlot.assignedElements();
-                assigned.forEach((el) => {
-                    el.addEventListener('click', this.handleTriggerClick);
-                });
-            });
-        }
+        this.triggerSlotEl =
+            (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot[name="trigger"]')) !== null && _b !== void 0 ? _b : undefined;
+        (_c = this.triggerSlotEl) === null || _c === void 0 ? void 0 : _c.addEventListener('slotchange', this.onTriggerSlotChange);
     }
     connectedCallback() {
         registerThemeSync(this.el);
     }
     disconnectedCallback() {
-        var _a;
+        var _a, _b;
         unregisterThemeSync(this.el);
-        const triggerSlot = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot[name="trigger"]');
+        (_a = this.triggerSlotEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('slotchange', this.onTriggerSlotChange);
+        const triggerSlot = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('slot[name="trigger"]');
         if (triggerSlot) {
             const assigned = triggerSlot.assignedElements();
             assigned.forEach((el) => {
@@ -55,13 +56,13 @@ const SekiSidebarMenuSub$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarM
         }
     }
     render() {
-        return (h(Host, { key: '44de65088b7a7af24b58834e2f76b682b82f08ef', "data-state": this._open ? 'open' : 'closed' }, h("div", { key: 'ff6747399742dd5c19935888439e057fa195be69', class: "sidebar-menu-sub" }, h("div", { key: '866de831043299ed1ed6411481435d5df744c5b5', class: "sidebar-menu-sub-trigger" }, h("slot", { key: 'fd2baeae92bffd74fa8c98cb8d3f1d04b99958aa', name: "trigger" }), h("svg", { key: 'c9e661a93f06d9ee5013eca384c0e0e4e8cb22c8', class: {
+        return (h(Host, { key: '99cca69767ffac341239b92bb86111aa9913a00b', "data-state": this._open ? 'open' : 'closed' }, h("div", { key: '2790d32dd4adc4072a52e987b5a37e25c93b9565', class: "sidebar-menu-sub" }, h("div", { key: 'b3176021bcb358b75df5adf6cb4f392c27e4a6be', class: "sidebar-menu-sub-trigger" }, h("slot", { key: '37a6f9dedc8e1c1fcdbd986016b8659e413e5690', name: "trigger" }), h("svg", { key: 'd07288989cf5a67ea984d07d9e02b87be54eef0b', class: {
                 'sidebar-menu-sub-chevron': true,
                 'sidebar-menu-sub-chevron--open': this._open,
-            }, 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: '6a94bb94f0cb912f534f1d47d25c33bfd4e6127a', d: "m9 18 6-6-6-6" }))), h("div", { key: 'da13609b77530ca5489c5e5f140452f2fdbe59cc', class: {
+            }, 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: 'd10b3b8710cb57681b7fd0a6bc4046d1187efc68', d: "m9 18 6-6-6-6" }))), h("div", { key: 'd37ea17a3391c0f3ea2168e881a832cfee9624d8', class: {
                 'sidebar-menu-sub-wrapper': true,
                 'sidebar-menu-sub-wrapper--open': this._open,
-            } }, h("ul", { key: '5d865c387c6e127975f547cc0f079919c8c015d4', class: "sidebar-menu-sub-content", role: "menu", "aria-hidden": !this._open }, h("slot", { key: 'acb7a4bedcb9e925929855551fb3ec5e2e00fceb' }))))));
+            } }, h("ul", { key: '4e79718513135e7da7787b1474a977514b447d2f', class: "sidebar-menu-sub-content", role: "menu", "aria-hidden": !this._open }, h("slot", { key: 'b9eb1888ecf0a1df66b4880189480dae68b89e96' }))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/seki-sidebar-menu.js

@@ -17,7 +17,7 @@ const SekiSidebarMenu$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarMenu
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("ul", { key: 'fdd6f79f87a529287a5c1a65c70c0a6899129981', class: "sidebar-menu", role: "menu" }, h("slot", { key: 'd07341579fbdc482519ea75ffc3305d8295a5dcf' })));
+        return (h("ul", { key: 'dda2e45029289d2024c0464e1b2a8303ecfef917', class: "sidebar-menu", role: "menu" }, h("slot", { key: 'dc949a20b097e24953da92936478a201b97a53e9' })));
     }
     get el() { return this; }
     static get style() { return sekiSidebarMenuCss; }

package/dist/components/seki-sidebar-provider.js

@@ -12,7 +12,7 @@ const SekiSidebarProvider$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebar
             this.__registerHost();
         }
         this.__attachShadow();
-        this.openChange = createEvent(this, "openChange");
+        this.openChange = createEvent(this, "sekiOpenChange");
         this.sekiSidebarStateChange = createEvent(this, "sekiSidebarStateChange");
         /**
          * Default open state
@@ -43,11 +43,11 @@ const SekiSidebarProvider$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebar
         };
     }
     componentWillLoad() {
-        // Set up mobile detection
+        // Initial mobile detection (the 'change' listener is wired in
+        // connectedCallback so it survives a disconnect/reconnect cycle).
         if (typeof window !== 'undefined') {
             this.mediaQuery = window.matchMedia(`(max-width: ${SIDEBAR_MOBILE_BREAKPOINT}px)`);
             this._isMobile = this.mediaQuery.matches;
-            this.mediaQuery.addEventListener('change', this.handleMediaChange);
         }
         // Check cookie for persisted state
         if (this.open === undefined) {
@@ -65,6 +65,15 @@ const SekiSidebarProvider$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebar
     }
     connectedCallback() {
         registerThemeSync(this.el);
+        // Register here (not componentWillLoad) so reconnecting the provider after a
+        // DOM move re-subscribes to viewport changes. componentWillLoad only fires once.
+        if (typeof window !== 'undefined') {
+            if (!this.mediaQuery) {
+                this.mediaQuery = window.matchMedia(`(max-width: ${SIDEBAR_MOBILE_BREAKPOINT}px)`);
+            }
+            this._isMobile = this.mediaQuery.matches;
+            this.mediaQuery.addEventListener('change', this.handleMediaChange);
+        }
     }
     disconnectedCallback() {
         unregisterThemeSync(this.el);
@@ -145,7 +154,7 @@ const SekiSidebarProvider$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebar
             '--sidebar-width-icon': this.sidebarWidthIcon,
             '--sidebar-width-mobile': this.sidebarWidthMobile,
         };
-        return (h(Host, { key: '24cbf1ac13e40ff10282a5654b8bbc1f31674b80', "data-state": this._open ? 'open' : 'closed', "data-mobile": this._isMobile ? 'true' : 'false', "data-mobile-open": this._openMobile ? 'true' : 'false', style: style }, h("slot", { key: '2915542f994834abe07abc724cbe1d4fd193d6d3' })));
+        return (h(Host, { key: '3906bd78fefe61bb18d1c2f1e6fd9db4c65185ec', "data-state": this._open ? 'open' : 'closed', "data-mobile": this._isMobile ? 'true' : 'false', "data-mobile-open": this._openMobile ? 'true' : 'false', style: style }, h("slot", { key: 'd27384bbfb9863acc478f500f8ee6ac31db9a48b' })));
     }
     get el() { return this; }
     static get watchers() { return {