@sekiui/elements 0.0.83 → 0.0.85

package/dist/components/seki-data-table.js

@@ -471,10 +471,10 @@ const SekiDataTable$1 = /*@__PURE__*/ proxyCustomElement(class SekiDataTable ext
         const visibleColumns = this.getVisibleColumns();
         const totalPages = this.getTotalPages();
         const isLoading = this.state.loading || this.loading;
-        return (h(Host, { key: '28ceb869aa750654845f1ee4a8b4b8098104e6cf' }, h("div", { key: '9240e18c99fb45ce16c056081151b2f8bdc38132', class: "data-table" }, (this.searchable || this.columnPicker) && (h("div", { key: '31e765bf85d64761738c7aaea3c849050665453d', class: "data-table__toolbar" }, this.searchable && (h("div", { key: 'b708cb0661af64ced765e486a11fb64bd12c8696', class: "data-table__search" }, h("input", { key: 'd136d0e4974a28ac4171ef692fcd189570849937', type: "text", class: "data-table__search-input", placeholder: this.searchPlaceholder, value: this.searchInputValue, onInput: this.handleSearchInput }), this.searchInputValue && (h("button", { key: '7abf0715c25a2810122234bda065f0d52e71a314', type: "button", class: "data-table__search-clear", onClick: this.handleClearSearch, "aria-label": "Clear search" }, "\u00D7")))), h("div", { key: 'f12305514367874f1abc14124498fefe47faaf56', class: "data-table__toolbar-spacer" }), this.columnPicker && (h("button", { key: '90d9826e8bbe87d75c0bdb5a1125852249119eee', type: "button", class: "data-table__column-picker-btn" }, "Columns")))), h("div", { key: 'c563a0df32be909940680f39529117f9a60add23', class: {
+        return (h(Host, { key: 'ac358ecc1e4797d7164ca092f1d98e46636f8fc7' }, h("div", { key: '011d8bb347f587ae8ee942b65ed4e3671220b8a6', class: "data-table" }, (this.searchable || this.columnPicker) && (h("div", { key: '5096fa8c0295ca7f91fe89c5a51b4062604ce416', class: "data-table__toolbar" }, this.searchable && (h("div", { key: 'd8f22921abe565d1fe60bad7045d4f3ed29ec0d9', class: "data-table__search" }, h("input", { key: '1f1886212870bb23efa2b07933962bbc32c53ac2', type: "text", class: "data-table__search-input", placeholder: this.searchPlaceholder, value: this.searchInputValue, onInput: this.handleSearchInput }), this.searchInputValue && (h("button", { key: 'a8c6a15637087912b67e0380f88910b306b22444', type: "button", class: "data-table__search-clear", onClick: this.handleClearSearch, "aria-label": "Clear search" }, "\u00D7")))), h("div", { key: '00bc6131fad9511c7a16005e614725a2ef2803c9', class: "data-table__toolbar-spacer" }), this.columnPicker && (h("button", { key: '24654279441379deba70c79d8985ffd8a7b37013', type: "button", class: "data-table__column-picker-btn" }, "Columns")))), h("div", { key: '233e43094e6b31d3ed71718680ba0bc46176f812', class: {
                 'data-table__container': true,
                 'data-table__container--virtual': this.virtualScroll,
-            }, ref: el => (this.scrollContainerRef = el), onScroll: this.handleScroll }, h("table", { key: '9f12f68eeaf360a362f6b32a10909fc22e8454aa', class: "data-table__table", role: "grid" }, h("thead", { key: '05394e9be4a94bf648be63ab15d8cd8b60f92bae', class: "data-table__head" }, h("tr", { key: '91e475902cf1d0f84ccdb07e73efea557a505540', class: "data-table__header-row", role: "row" }, this.selectable && (h("th", { key: 'bd98052d239f76b81ec73f46b1c7727a4d56d11b', class: "data-table__th data-table__th--checkbox", role: "columnheader" }, h("input", { key: '081bb7a3b26ea6755eba7b05d8664f7cc3f39701', type: "checkbox", class: "data-table__checkbox", checked: this.isAllSelected(), indeterminate: this.isSomeSelected(), onChange: (e) => this.handleSelectAll(e.target.checked), "aria-label": "Select all rows" }))), this.expandable && (h("th", { key: '6be313fbacc1620a1803bc651655fc957d126a4a', class: "data-table__th data-table__th--expand", role: "columnheader" }, h("span", { key: 'a929282be3cf11031364886bde2db35538c863a6', class: "sr-only" }, "Expand"))), visibleColumns.map(column => {
+            }, ref: el => (this.scrollContainerRef = el), onScroll: this.handleScroll }, h("table", { key: 'cb0e4a8873740f378b4f9e2ebfc2c44a00de4a47', class: "data-table__table", role: "grid" }, h("thead", { key: 'c2b5a1cf30c88d42b61e66b4a72caef9d4b65667', class: "data-table__head" }, h("tr", { key: 'c5b8d13e646219c5cfdc963542a202b3b87ec343', class: "data-table__header-row", role: "row" }, this.selectable && (h("th", { key: 'f44250fe692a815f0333f066e0cc357f088f1ada', class: "data-table__th data-table__th--checkbox", role: "columnheader" }, h("input", { key: '0d05f23a075881878cc59e40234aa7d418a51015', type: "checkbox", class: "data-table__checkbox", checked: this.isAllSelected(), indeterminate: this.isSomeSelected(), onChange: (e) => this.handleSelectAll(e.target.checked), "aria-label": "Select all rows" }))), this.expandable && (h("th", { key: '72ca53c397163d3f0d74c8c49c7c56b96298de4d', class: "data-table__th data-table__th--expand", role: "columnheader" }, h("span", { key: 'c653852318666ecea3ca9b958f5df654894a0a91', class: "sr-only" }, "Expand"))), visibleColumns.map(column => {
             var _a, _b, _c;
             return (h("th", { key: column.field, class: {
                     'data-table__th': true,
@@ -490,7 +490,7 @@ const SekiDataTable$1 = /*@__PURE__*/ proxyCustomElement(class SekiDataTable ext
                     ? '↑'
                     : '↓'
                 : '↕'))), column.resizable && (h("div", { class: "data-table__resize-handle", onMouseDown: (e) => this.startResize(e, column) }))));
-        }))), h("tbody", { key: 'ea90c0cffef68f675dbcdb784f6af4c4736b481d', class: "data-table__body", style: this.virtualScroll
+        }))), h("tbody", { key: '0900487da2b131137c22a5f45568b4581e9327a6', class: "data-table__body", style: this.virtualScroll
                 ? {
                     height: `${this.virtualScrollState.totalHeight}px`,
                     position: 'relative',
@@ -533,12 +533,12 @@ const SekiDataTable$1 = /*@__PURE__*/ proxyCustomElement(class SekiDataTable ext
                 /* Expanded content row */
                 isExpanded && this.renderExpandedRow && (h("tr", { key: `${rowKey}-expanded`, class: "data-table__row data-table__row--expanded-content" }, h("td", { class: "data-table__td data-table__td--expanded-content", colSpan: visibleColumns.length + (this.selectable ? 1 : 0) + (this.expandable ? 1 : 0) }, h("div", { class: "data-table__expanded-content", innerHTML: this.renderExpandedRow(row) })))),
             ];
-        })))), isLoading && this.state.rows.length > 0 && (h("div", { key: '3048704d91f332dded81f17b86742bcc21724707', class: "data-table__loading-overlay" }, h("div", { key: '01b2096307846f9b789cbde6c8fcc0c249dd81d1', class: "data-table__loading" }, "Loading...")))), h("div", { key: 'd230704865900c12987432ffca17a54f7d8628fd', class: "data-table__pagination" }, h("div", { key: 'f88338d4c773e19d46ee577b22e6721a439a3806', class: "data-table__pagination-info" }, this.state.totalRows > 0
+        })))), isLoading && this.state.rows.length > 0 && (h("div", { key: 'd3e0cae0b7dc9a4d1b48ce5365d517793719d1ae', class: "data-table__loading-overlay" }, h("div", { key: 'e059b6c5e3f5c8a176f682485ec31c6610f1f2a5', class: "data-table__loading" }, "Loading...")))), h("div", { key: '443f6ba13b39397c2de2facfc1733cd35065765d', class: "data-table__pagination" }, h("div", { key: '52c32521f14fb48e940853949556650506a46527', class: "data-table__pagination-info" }, this.state.totalRows > 0
             ? `${this.state.page * this.state.pageSize + 1}-${Math.min((this.state.page + 1) * this.state.pageSize, this.state.totalRows)} of ${this.state.totalRows}`
-            : '0 results'), h("div", { key: 'd9fa5a331c4f874aace2f7858c8ec1936fd74262', class: "data-table__pagination-controls" }, h("select", { key: 'b447f82c03c920f429b3d1ca0a9e0a5484baaa6a', class: "data-table__page-size", onChange: (e) => {
+            : '0 results'), h("div", { key: '9d5d543d5c5a3c666c2c16ad095a70ed6ae3b400', class: "data-table__pagination-controls" }, h("select", { key: '1340dfb2bbaa812f245576374b42ac7451aa8582', class: "data-table__page-size", onChange: (e) => {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 this.handlePageSizeChange(Number(e.target.value));
-            } }, this.parsePageSizeOptions().map(size => (h("option", { key: size, value: size, selected: size === this.state.pageSize }, size, " / page")))), h("button", { key: '8079ffcc411b0925aa3cf1f69dbebe545acfbf62', type: "button", class: "data-table__page-btn", disabled: this.state.page === 0, onClick: () => this.handlePageChange(0), "aria-label": "First page" }, "\u00AB\u00AB"), h("button", { key: '8b29d574be3eac921126d3e1dd7a538f0e8eb3b1', type: "button", class: "data-table__page-btn", disabled: this.state.page === 0, onClick: () => this.handlePageChange(this.state.page - 1), "aria-label": "Previous page" }, "\u00AB"), h("span", { key: '3ae1c618a390d8ac90b59a2bfe942ec4f5da5673', class: "data-table__page-indicator" }, "Page ", this.state.page + 1, " of ", totalPages || 1), h("button", { key: 'f2ee6a74587fe35bc8e0d58da59ae4672b0e605f', type: "button", class: "data-table__page-btn", disabled: this.state.page >= totalPages - 1, onClick: () => this.handlePageChange(this.state.page + 1), "aria-label": "Next page" }, "\u00BB"), h("button", { key: '7671cdf0a05cc1fb492f05ddef0b5c94b34285d5', type: "button", class: "data-table__page-btn", disabled: this.state.page >= totalPages - 1, onClick: () => this.handlePageChange(totalPages - 1), "aria-label": "Last page" }, "\u00BB\u00BB"))))));
+            } }, this.parsePageSizeOptions().map(size => (h("option", { key: size, value: size, selected: size === this.state.pageSize }, size, " / page")))), h("button", { key: '956758ee8b05992acf071e0ef8ac0cfa38e87b55', type: "button", class: "data-table__page-btn", disabled: this.state.page === 0, onClick: () => this.handlePageChange(0), "aria-label": "First page" }, "\u00AB\u00AB"), h("button", { key: '3b84e79e5557b5509ffb85f5d2a505d91a1def3f', type: "button", class: "data-table__page-btn", disabled: this.state.page === 0, onClick: () => this.handlePageChange(this.state.page - 1), "aria-label": "Previous page" }, "\u00AB"), h("span", { key: '9c1537eb3b3cce773d3d0d84558f0996c2cd9e8d', class: "data-table__page-indicator" }, "Page ", this.state.page + 1, " of ", totalPages || 1), h("button", { key: 'c0eb059dc72325698651562e299e2092d2d5d009', type: "button", class: "data-table__page-btn", disabled: this.state.page >= totalPages - 1, onClick: () => this.handlePageChange(this.state.page + 1), "aria-label": "Next page" }, "\u00BB"), h("button", { key: '04dd920cc02f573f206dc48a5904c6cc2b7f13ee', type: "button", class: "data-table__page-btn", disabled: this.state.page >= totalPages - 1, onClick: () => this.handlePageChange(totalPages - 1), "aria-label": "Last page" }, "\u00BB\u00BB"))))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -21,7 +21,7 @@ const SekiDialogClose$1 = /*@__PURE__*/ proxyCustomElement(class SekiDialogClose
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '763eba72e8bf5afb8195734ec32f8acaf3a5913a' }, h("button", { key: '03fd84d4d7c4dd98a11adc77ff86279f7fb98742', part: "close", type: "button", class: "dialog-close", "aria-label": "Close" }, h("slot", { key: '7b90c59384714d936ea74f15fbfe48d17690632a' }, h("svg", { key: '696ae556e2bbedbf2576b6741ba14d275830df71', 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: 'fcb1349484fe1c0980ab05172ed15d25ec22996b', d: "M18 6 6 18" }), h("path", { key: '4184faaead27d0ff448c72e2fa12cbfd225795f4', d: "m6 6 12 12" }))), h("span", { key: 'd14ddcc202117da5f6c06df6e233bde99a3258f0', class: "sr-only" }, "Close"))));
+        return (h(Host, { key: 'a7050b8635e7143686feb20f1d4a2653aa902b2a' }, h("button", { key: '6b7e4dcbc915ceaa8eb7f344bf0b4c0ecacd47e9', part: "close", type: "button", class: "dialog-close", "aria-label": "Close" }, h("slot", { key: '7e21da34240f624ed349cd15cc7231a2791a6459' }, h("svg", { key: 'ef44b16af5fe691677892de4af6b8993b9c0a963', 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: '01ca68a0365bc5cdc404134e35eb142cda5df323', d: "M18 6 6 18" }), h("path", { key: 'fc7503a95602f957d97931a6a8ad973d7848d01e', d: "m6 6 12 12" }))), h("span", { key: '2b3909a05f80dcd86d0512321f4e0fbdd884ca65', class: "sr-only" }, "Close"))));
     }
     get el() { return this; }
     static get style() { return sekiDialogCloseCss; }

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

@@ -23,7 +23,7 @@ const SekiDialogDescription$1 = /*@__PURE__*/ proxyCustomElement(class SekiDialo
     }
     render() {
         const context = this.getContext();
-        return (h(Host, { key: 'a96cd28563d60287a81f3552bb24dd5a0848ce6f' }, h("p", { key: 'bb3c0fd40320017d2547049d31eb28ebcbfa6b0f', part: "description", id: context === null || context === void 0 ? void 0 : context.descriptionId, class: "dialog-description" }, h("slot", { key: 'f7238ce8bf74e7b0b38b006718548ffbd34e3628' }))));
+        return (h(Host, { key: '956ada850d958bbe14de4e6cca678cd030c281a0' }, h("p", { key: '90c4867cc898bb437f54339aecbc87985e6ee2be', part: "description", id: context === null || context === void 0 ? void 0 : context.descriptionId, class: "dialog-description" }, h("slot", { key: '4693df9cc9784b4e4d5b131f8229ca560dc652d7' }))));
     }
     get el() { return this; }
     static get style() { return sekiDialogDescriptionCss; }

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

@@ -17,7 +17,7 @@ const SekiDialogFooter$1 = /*@__PURE__*/ proxyCustomElement(class SekiDialogFoot
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '37ceeb33c1d6466cd1b54ed5292c6512e5d2da84' }, h("div", { key: 'dffb1016865443a7c30d51cdad7b761098a16749', part: "footer", class: "dialog-footer" }, h("slot", { key: 'dd1e6bc2135e9558dc512a40b5ac1dac8b05059f' }))));
+        return (h(Host, { key: '0b338c4e4c697df4769f13c0837733006e8fdf08' }, h("div", { key: 'ce467058d697e6fecde42c7976036c8f6d3ce488', part: "footer", class: "dialog-footer" }, h("slot", { key: '3c7ef79f11944670aa862f508595dbb7dce7be00' }))));
     }
     get el() { return this; }
     static get style() { return sekiDialogFooterCss; }

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

@@ -17,7 +17,7 @@ const SekiDialogHeader$1 = /*@__PURE__*/ proxyCustomElement(class SekiDialogHead
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '8d9709cf2c39e45a670d1d84b3cd9600fd3b7a65' }, h("div", { key: '88d9ccd6f783453778f3b1ca3fc864fe2784f60a', part: "header", class: "dialog-header" }, h("slot", { key: 'a44b414a36ab84c97cc7fe0ef134f8e2d8b0673d' }))));
+        return (h(Host, { key: 'c60cd06141f15a62f99d42bc5f67dc793977195b' }, h("div", { key: '20d3e2c296c5c7e427957d8120a4e74bb4e42e4d', part: "header", class: "dialog-header" }, h("slot", { key: 'f47b0bc9f991917a5d8bed6d51c11e7ccdb73618' }))));
     }
     get el() { return this; }
     static get style() { return sekiDialogHeaderCss; }

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

@@ -23,7 +23,7 @@ const SekiDialogTitle$1 = /*@__PURE__*/ proxyCustomElement(class SekiDialogTitle
     }
     render() {
         const context = this.getContext();
-        return (h(Host, { key: '9b7f47a843512d5bab94ced45479fd0652ee3d14' }, h("h2", { key: '1713e948af886fea7a30e49c07a0dd923528c386', part: "title", id: context === null || context === void 0 ? void 0 : context.titleId, class: "dialog-title" }, h("slot", { key: '5b56d42f609e866f45a7c60f18b63d0aa6a15f33' }))));
+        return (h(Host, { key: 'eaafe2aa63499f65ff0be7bf7b94b817a469fdf4' }, h("h2", { key: '63a5f98ddfceebb051240c3a95e9cd1cbe3103c4', part: "title", id: context === null || context === void 0 ? void 0 : context.titleId, class: "dialog-title" }, h("slot", { key: '9d0cf61ed69a09df289c8d63080f4b1048236287' }))));
     }
     get el() { return this; }
     static get style() { return sekiDialogTitleCss; }

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

@@ -21,7 +21,7 @@ const SekiDialogTrigger$1 = /*@__PURE__*/ proxyCustomElement(class SekiDialogTri
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '060b32ae8bc7f523c16069017be71489dc1cb5dc' }, h("span", { key: 'e80af13c510611694f95e3359605370bac8580c3', part: "trigger", class: "dialog-trigger" }, h("slot", { key: 'b0b1b40326ca45cfb0d7948a8e522e2e3e2a0021' }))));
+        return (h(Host, { key: '3ed49bb986aef369e0e379176ee08c585b363bdc' }, h("span", { key: 'b342e45fffebb3602599f093ed9617aa438a57fb', part: "trigger", class: "dialog-trigger" }, h("slot", { key: 'fe298eca0b36c73d4caf22c470a03930b12c5b40' }))));
     }
     get el() { return this; }
     static get style() { return sekiDialogTriggerCss; }

package/dist/components/seki-dialog.js

@@ -1,4 +1,4 @@
-import { S as SekiDialog$1, d as defineCustomElement$1 } from './p-C87BOunl.js';
+import { S as SekiDialog$1, d as defineCustomElement$1 } from './p-BdymhpMg.js';
 
 const SekiDialog = SekiDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/seki-direction.js

@@ -22,7 +22,7 @@ const SekiDirection$1 = /*@__PURE__*/ proxyCustomElement(class SekiDirection ext
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: 'ab74c2d5ab1bd283f23e63724044eb446256135f', dir: this.dir }, h("slot", { key: '78b500a0870a88e3c8210b499fabae06fd39f0ee' })));
+        return (h(Host, { key: '53de1ff883eaa4d7b45651aa94d1b5c819ef24ec', dir: this.dir }, h("slot", { key: '12a13b31c784752a120d1dbbd0301799fc02c41a' })));
     }
     get el() { return this; }
     static get style() { return sekiDirectionCss; }

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

@@ -47,11 +47,19 @@ const SekiDrawerContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiDrawerCon
          * Current open percentage (0-1)
          */
         this.openPercent = 1;
+        /**
+         * Whether the parent seki-drawer is open. Always true when used without a
+         * seki-drawer parent (e.g. mounted standalone).
+         */
+        this._isOpen = true;
         // Gesture tracking state
         this.startY = 0;
         this.startX = 0;
         this.contentEl = null;
         this.positions = [];
+        this.onDrawerOpenChange = () => {
+            this.syncOpenState();
+        };
         this.handleCloseClick = () => {
             this.requestClose.emit();
         };
@@ -153,13 +161,29 @@ const SekiDrawerContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiDrawerCon
         return this.direction === 'left' || this.direction === 'right';
     }
     componentWillLoad() {
+        var _a;
         this.parseSnapPoints();
+        this.drawerEl = (_a = this.el.closest('seki-drawer')) !== null && _a !== void 0 ? _a : undefined;
         // Propagate direction to parent for styling
-        const parent = this.el.closest('seki-drawer');
-        if (parent) {
-            parent.setAttribute('data-direction', this.direction);
+        if (this.drawerEl) {
+            this.drawerEl.setAttribute('data-direction', this.direction);
+            this.syncOpenState();
         }
     }
+    componentDidLoad() {
+        var _a, _b, _c;
+        (_a = this.drawerEl) === null || _a === void 0 ? void 0 : _a.addEventListener('drawerOpen', this.onDrawerOpenChange);
+        (_b = this.drawerEl) === null || _b === void 0 ? void 0 : _b.addEventListener('drawerClose', this.onDrawerOpenChange);
+        (_c = this.drawerEl) === null || _c === void 0 ? void 0 : _c.addEventListener('drawerSnap', this.onDrawerOpenChange);
+    }
+    syncOpenState() {
+        var _a;
+        if (!this.drawerEl)
+            return;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const context = this.drawerEl._drawerContext;
+        this._isOpen = (_a = context === null || context === void 0 ? void 0 : context.isOpen) !== null && _a !== void 0 ? _a : false;
+    }
     parseSnapPoints() {
         const points = this.snapPoints
             .split(',')
@@ -224,14 +248,21 @@ const SekiDrawerContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiDrawerCon
         registerThemeSync(this.el);
     }
     disconnectedCallback() {
+        var _a, _b, _c;
         unregisterThemeSync(this.el);
+        (_a = this.drawerEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('drawerOpen', this.onDrawerOpenChange);
+        (_b = this.drawerEl) === null || _b === void 0 ? void 0 : _b.removeEventListener('drawerClose', this.onDrawerOpenChange);
+        (_c = this.drawerEl) === null || _c === void 0 ? void 0 : _c.removeEventListener('drawerSnap', this.onDrawerOpenChange);
     }
     render() {
+        if (!this._isOpen) {
+            return null;
+        }
         const transformStyle = this.getTransformStyle();
-        return (h(Host, { key: '8121a1de27792db4109849cff86411f418822ab8', "data-direction": this.direction }, h("div", { key: '04929f1e62085ecb7c26272438adf21533bbb76f', ref: (el) => (this.contentEl = el !== null && el !== void 0 ? el : null), role: "dialog", "aria-modal": "true", "aria-label": this.ariaLabel, class: {
+        return (h(Host, { "data-direction": this.direction }, h("div", { ref: (el) => (this.contentEl = el !== null && el !== void 0 ? el : null), role: "dialog", "aria-modal": "true", "aria-label": this.ariaLabel, class: {
                 'seki-drawer-content': true,
                 [`seki-drawer-content--${this.direction}`]: true,
-            }, style: transformStyle ? { transform: transformStyle } : {}, part: "content", onPointerDown: this.handlePointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerUp }, this.shouldShowHandle && (h("div", { key: '2b43007981ebac4683e52192c737efcb947565b6', class: "seki-drawer-handle", part: "handle" })), h("button", { key: 'a77456793711febb37de8d87fb28bcdbf5d9e2ab', type: "button", class: "seki-drawer-close-button", "aria-label": "Close", onClick: this.handleCloseClick }, h("svg", { key: 'd1881a02e5a2afb468b169925677a5a3153d6bc0', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: 'f91f09fe3dd82daca570617bef07f3431d32fa71', d: "M18 6 6 18" }), h("path", { key: '3c7b46b6c6df311120dc9d223268d9e180c2edb9', d: "m6 6 12 12" }))), h("div", { key: '732fd93fc161b7634de4605bd9e94a3f977107d7', class: "seki-drawer-body" }, h("slot", { key: 'abba675be0e573e058a01b3f8a1ebf5bfaa26c2e' })))));
+            }, style: transformStyle ? { transform: transformStyle } : {}, part: "content", onPointerDown: this.handlePointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerUp }, this.shouldShowHandle && (h("div", { class: "seki-drawer-handle", part: "handle" })), h("button", { type: "button", class: "seki-drawer-close-button", "aria-label": "Close", onClick: this.handleCloseClick }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { d: "M18 6 6 18" }), h("path", { d: "m6 6 12 12" }))), h("div", { class: "seki-drawer-body" }, h("slot", null)))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -248,7 +279,8 @@ const SekiDrawerContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiDrawerCon
         "parsedSnapPoints": [32],
         "isDragging": [32],
         "dragOffset": [32],
-        "openPercent": [32]
+        "openPercent": [32],
+        "_isOpen": [32]
     }, undefined, {
         "snapPoints": ["parseSnapPoints"]
     }]);

package/dist/components/seki-drawer.js

@@ -27,6 +27,7 @@ const SekiDrawer$1 = /*@__PURE__*/ proxyCustomElement(class SekiDrawer extends H
     async open() {
         this.isOpen = true;
         this.currentSnapPoint = 1;
+        this.updateContext();
         this.drawerOpen.emit();
     }
     /**
@@ -35,8 +36,18 @@ const SekiDrawer$1 = /*@__PURE__*/ proxyCustomElement(class SekiDrawer extends H
     async close() {
         this.isOpen = false;
         this.currentSnapPoint = 0;
+        this.updateContext();
         this.drawerClose.emit();
     }
+    updateContext() {
+        // seki-drawer-content has no other way to know this drawer's open state —
+        // it reads this off the host element via closest('seki-drawer').
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.el._drawerContext = { isOpen: this.isOpen };
+    }
+    componentDidLoad() {
+        this.updateContext();
+    }
     /**
      * Toggles the drawer
      */
@@ -58,6 +69,7 @@ const SekiDrawer$1 = /*@__PURE__*/ proxyCustomElement(class SekiDrawer extends H
         else {
             this.currentSnapPoint = point;
             this.isOpen = true;
+            this.updateContext();
             this.drawerSnap.emit({ point });
         }
     }
@@ -82,10 +94,10 @@ const SekiDrawer$1 = /*@__PURE__*/ proxyCustomElement(class SekiDrawer extends H
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: '0ac8e2b41e677c753c58056d46794cca4ce4a869', class: {
+        return (h("div", { key: '141a4b0d4bf4dbb106cd23b7784c17f4ad121ac0', class: {
                 'seki-drawer': true,
                 'seki-drawer--open': this.isOpen,
-            }, "data-snap-point": this.currentSnapPoint, part: "drawer" }, h("slot", { key: '63d5ca253a823a3d67eef287003312cc00df3bf6' }), this.isOpen && (h("div", { key: '807eefdc1ecf76da34a99349b0dfca6a58662951', class: "seki-drawer-overlay", part: "overlay", onClick: () => this.close() }))));
+            }, "data-snap-point": this.currentSnapPoint, part: "drawer" }, h("slot", { key: 'e3e53a8328fa68ea580207341f182741987177cc' }), this.isOpen && (h("div", { key: '8504d36e7d18f303ba3d9530398431510458ca5a', class: "seki-drawer-overlay", part: "overlay", onClick: () => this.close() }))));
     }
     get el() { return this; }
     static get style() { return sekiDrawerCss; }

package/dist/components/seki-dropdown-menu-checkbox.js

@@ -48,10 +48,10 @@ const SekiDropdownMenuCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class SekiDr
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: 'c55f5b18816780daed53d344409010ebd3031a3e' }, h("div", { key: '45adaf6c6ac8f1adf3625d68342680764dd672a4', part: "item", role: "menuitemcheckbox", class: {
+        return (h(Host, { key: '82e8eec4ec609dca137b13ee4187787088585e9f' }, h("div", { key: 'a7b43e06208badbd0bff596e1c81a52c68bd4834', part: "item", role: "menuitemcheckbox", class: {
                 'dropdown-menu-checkbox': true,
                 'dropdown-menu-checkbox--disabled': this.disabled,
-            }, tabindex: this.disabled ? -1 : 0, "aria-checked": this._checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: '9dfdaa26e8c702db18bef7dc4d4a66a32db5231a', part: "indicator", class: "dropdown-menu-checkbox__indicator" }, this._checked && (h("svg", { key: '1e889a8136f5f26068d0083e983fbcf09f590b6e', 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("polyline", { key: '8e4492a33b64c02d5f1d9d59c54e3f0b4a88bad5', points: "20 6 9 17 4 12" })))), h("slot", { key: 'f5011ca2485a924feee421ee6eead27a6ae706a5' }))));
+            }, tabindex: this.disabled ? -1 : 0, "aria-checked": this._checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: '72d4aaf22a50e9367c7ea0338a87b98be70dfe3c', part: "indicator", class: "dropdown-menu-checkbox__indicator" }, this._checked && (h("svg", { key: '4c26d73a4dc88b56a844ee7fb28881611e5bf244', 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("polyline", { key: '06f23a627968a302c2613fee03c1785c272fa226', points: "20 6 9 17 4 12" })))), h("slot", { key: '22abfb57b6562256012a7fdaa83ed3cf38ed088d' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/seki-dropdown-menu-content.js

@@ -113,7 +113,14 @@ const SekiDropdownMenuContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiDro
             align,
             sideOffset: this.sideOffset,
         });
-        this._position = { top: `${top}px`, left: `${left}px` };
+        const next = { top: `${top}px`, left: `${left}px` };
+        // Guard against redundant writes: componentDidRender calls this every render
+        // while open, and @State setters always trigger a re-render on a new object
+        // reference even when the computed value is unchanged, which would otherwise
+        // loop forever (render -> componentDidRender -> updatePosition -> re-render).
+        if (next.top === this._position.top && next.left === this._position.left)
+            return;
+        this._position = next;
     }
     connectedCallback() {
         registerThemeSync(this.el);

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

@@ -56,11 +56,11 @@ const SekiDropdownMenuItem$1 = /*@__PURE__*/ proxyCustomElement(class SekiDropdo
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '3ae5d8006350ed0d7f580412a27a2fd7f377524a' }, h("div", { key: '5b38ebd872be296e7483f7a79299fab6a1a6489c', part: "item", role: "menuitem", class: {
+        return (h(Host, { key: 'e0c35129ea8cba5377c08d16a441b465409ad864' }, h("div", { key: '28f268c67219cde1122dbd9575e8737179725b22', part: "item", role: "menuitem", class: {
                 'dropdown-menu-item': true,
                 'dropdown-menu-item--disabled': this.disabled,
                 'dropdown-menu-item--inset': this.inset,
-            }, tabindex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("slot", { key: '5a870d8e276b3b1f0a53cdd919f245471aa18f9b' }))));
+            }, tabindex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("slot", { key: 'cf117ec567081711a802be98c5aa5f57fa8a2090' }))));
     }
     get el() { return this; }
     static get style() { return sekiDropdownMenuItemCss; }

package/dist/components/seki-dropdown-menu-label.js

@@ -21,10 +21,10 @@ const SekiDropdownMenuLabel$1 = /*@__PURE__*/ proxyCustomElement(class SekiDropd
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '4b2af7d6aa05089b855bd08e8289c7cc55809a69' }, h("div", { key: 'edb9e78dcb101b44fa3b2bdd80ba45f6972b1740', part: "label", class: {
+        return (h(Host, { key: 'c206f0f3052fffa5b1d8ea1ad1794d4d5255671d' }, h("div", { key: 'aa30ffe3b1a2d86f66c9c124826ead7954d17223', part: "label", class: {
                 'dropdown-menu-label': true,
                 'dropdown-menu-label--inset': this.inset,
-            } }, h("slot", { key: '646075e268af159f939152d91bc0ff8cda9dc2d0' }))));
+            } }, h("slot", { key: 'afdb404ef4f13d9faeb375b4c8d167bbe2198d93' }))));
     }
     get el() { return this; }
     static get style() { return sekiDropdownMenuLabelCss; }

package/dist/components/seki-dropdown-menu-radio-group.js

@@ -39,7 +39,7 @@ const SekiDropdownMenuRadioGroup$1 = /*@__PURE__*/ proxyCustomElement(class Seki
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '6cf9d6af934e70495d15798dd62715ef700b246d' }, h("div", { key: 'fa0b1560a6a38488da897ce17628461ca5bbfd67', part: "group", role: "group", class: "dropdown-menu-radio-group" }, h("slot", { key: '4c441494b3a5ae579061ee1005182b64831012d3' }))));
+        return (h(Host, { key: '017079dfd24ac2b21382c34542494931a569b649' }, h("div", { key: '6ce511d0b0a83856443cdabbf194c78cff3315f2', part: "group", role: "group", class: "dropdown-menu-radio-group" }, h("slot", { key: 'b2a3ca38d0fa3482389fb2756d65edf1bc127037' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/seki-dropdown-menu-radio.js

@@ -56,10 +56,10 @@ const SekiDropdownMenuRadio$1 = /*@__PURE__*/ proxyCustomElement(class SekiDropd
         (_a = this.radioGroupEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('sekiValueChange', this.onRadioGroupValueChange);
     }
     render() {
-        return (h(Host, { key: '9b5c16b86989fe8cac562696569685288dd455d1' }, h("div", { key: 'c190e966f43a39ff4171e721a85f5fcc4ae530e5', part: "item", role: "menuitemradio", class: {
+        return (h(Host, { key: '182a9815525b563020c07033822ec25332562c68' }, h("div", { key: '12b1fa15f958ffa49316db87859ca1805e85643f', part: "item", role: "menuitemradio", class: {
                 'dropdown-menu-radio': true,
                 'dropdown-menu-radio--disabled': this.disabled,
-            }, tabindex: this.disabled ? -1 : 0, "aria-checked": this._isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: '6eb76b52b8148dfe5d8e0dc5c81476c7cf0871ce', part: "indicator", class: "dropdown-menu-radio__indicator" }, this._isChecked && (h("svg", { key: '3ec758d15aaa2ea3c267051169c5b16ac889084e', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor" }, h("circle", { key: '6a18e381a0dc726fca24b2d5404064dd781fefaf', cx: "12", cy: "12", r: "4" })))), h("slot", { key: '894485165c5cf9c9b303c5faef47a130c7e7bbdf' }))));
+            }, tabindex: this.disabled ? -1 : 0, "aria-checked": this._isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: 'f6c9f6b2fa908ed8e8fb02153c50043afef9dfde', part: "indicator", class: "dropdown-menu-radio__indicator" }, this._isChecked && (h("svg", { key: 'fee34f9fc25a0715be3a264666b4b686f2619c9b', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor" }, h("circle", { key: '6f347645334c2efbcefd613782b2231df983760b', cx: "12", cy: "12", r: "4" })))), h("slot", { key: '9648eeb996850c51315721a5a5807c84db130236' }))));
     }
     get el() { return this; }
     static get style() { return sekiDropdownMenuRadioCss; }

package/dist/components/seki-dropdown-menu-separator.js

@@ -17,7 +17,7 @@ const SekiDropdownMenuSeparator$1 = /*@__PURE__*/ proxyCustomElement(class SekiD
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '309649b7bc9276ebc3d738c5e8d011675e309456' }, h("div", { key: '08005914449bb03de1714b4c63aaa81882fdcf70', part: "separator", role: "separator", class: "dropdown-menu-separator" })));
+        return (h(Host, { key: 'b47de03ba71095d4ae259c260febd2134eecef3d' }, h("div", { key: 'fcb34bd88c504a204f579c5b55cdd1739454ebd0', part: "separator", role: "separator", class: "dropdown-menu-separator" })));
     }
     get el() { return this; }
     static get style() { return sekiDropdownMenuSeparatorCss; }

package/dist/components/seki-dropdown-menu-shortcut.js

@@ -17,7 +17,7 @@ const SekiDropdownMenuShortcut$1 = /*@__PURE__*/ proxyCustomElement(class SekiDr
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '581030fe2b4f11ce7c84c6ee48da6d136ed719bb' }, h("span", { key: '2e757fa61cf1e6cf6640de6c42735802692026d8', part: "shortcut", class: "dropdown-menu-shortcut" }, h("slot", { key: '7d1938b25cac78a07abe01b8d6bc63110ecebaa6' }))));
+        return (h(Host, { key: 'b92cc590be108ca9896a14aa107f976a976576fe' }, h("span", { key: 'e992af8aab02cbfa2b5a65f8c7c1523b95c61f3a', part: "shortcut", class: "dropdown-menu-shortcut" }, h("slot", { key: 'e8c3ac975f6527c5ce1550b358f6286c82e0b041' }))));
     }
     get el() { return this; }
     static get style() { return sekiDropdownMenuShortcutCss; }

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

@@ -138,10 +138,10 @@ const SekiDropdownMenuSub$1 = /*@__PURE__*/ proxyCustomElement(class SekiDropdow
         }
     }
     render() {
-        return (h(Host, { key: '2c1af312020aa971394d195d7fab5718c599f208', "data-state": this._isOpen ? 'open' : 'closed', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: 'f9da9660a599db2f65d616407b3f5b7c7e092853', ref: (el) => (this.triggerRef = el), part: "trigger", class: "dropdown-menu-sub-trigger", role: "menuitem", "aria-haspopup": "menu", "aria-expanded": this._isOpen ? 'true' : 'false', tabindex: "0" }, h("slot", { key: '0221026fb1057275073783635acc2484202e57ae', name: "trigger" })), this._isOpen && (h("div", { key: '3ccaec4a55af93797527aaa2f8518f9439559c01', ref: (el) => (this.contentRef = el), part: "content", class: {
+        return (h(Host, { key: '48eb5b9d1b4c9f6f7d66674e8ed412d5c53d414c', "data-state": this._isOpen ? 'open' : 'closed', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: '353d669123b30353612e7f2698932dc871a1d018', ref: (el) => (this.triggerRef = el), part: "trigger", class: "dropdown-menu-sub-trigger", role: "menuitem", "aria-haspopup": "menu", "aria-expanded": this._isOpen ? 'true' : 'false', tabindex: "0" }, h("slot", { key: '74fd3631533741bc01513f05bd564a2b383418d4', name: "trigger" })), this._isOpen && (h("div", { key: '06b0fc61bcff858f1c81c7adcdca6de70514f3be', ref: (el) => (this.contentRef = el), part: "content", class: {
                 'dropdown-menu-sub-content': true,
                 'dropdown-menu-sub-content--left': this._openToLeft,
-            }, role: "menu" }, h("slot", { key: '7eebd2c0413c67e3b106857fe3cdc3e68852b1df', name: "content" })))));
+            }, role: "menu" }, h("slot", { key: '7359d4037054f6e818d98017ce85871fadadb713', name: "content" })))));
     }
     get el() { return this; }
     static get style() { return sekiDropdownMenuSubCss; }

package/dist/components/seki-dropdown-menu-trigger.js

@@ -40,7 +40,7 @@ const SekiDropdownMenuTrigger$1 = /*@__PURE__*/ proxyCustomElement(class SekiDro
         (_a = this.menuEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('sekiOpenChange', this.onMenuOpenChange);
     }
     render() {
-        return (h(Host, { key: 'fce6a84d7fcc4ed52edfdc4465d1da0942cfe3cb', "data-state": this._isOpen ? 'open' : 'closed' }, h("span", { key: '0fe984028ed8e6802fcb91354fe4d0fcc4b1d5fe', part: "trigger", class: "dropdown-menu-trigger", "aria-haspopup": "menu", "aria-expanded": this._isOpen ? 'true' : 'false' }, h("slot", { key: 'f7985116dbb64d96608f5eac631552862fa4c83a' }))));
+        return (h(Host, { key: '1602ccb48d12f631309a67bc3b68fbe2b39f8eae', "data-state": this._isOpen ? 'open' : 'closed' }, h("span", { key: '07e3787fd41177137ec30ce3e337aeb381d19029', part: "trigger", class: "dropdown-menu-trigger", "aria-haspopup": "menu", "aria-expanded": this._isOpen ? 'true' : 'false' }, h("slot", { key: 'b2054be7bb8b4bc4049c427ded5f4949bac92370' }))));
     }
     get el() { return this; }
     static get style() { return sekiDropdownMenuTriggerCss; }

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

@@ -56,10 +56,10 @@ const SekiDropdownMenu$1 = /*@__PURE__*/ proxyCustomElement(class SekiDropdownMe
             return;
         this._isOpen = true;
         this.open = true;
-        this.sekiOpenChange.emit(true);
-        this.setupClickOutside();
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.el._dropdownMenuContext = this.getContext();
+        this.sekiOpenChange.emit(true);
+        this.setupClickOutside();
     }
     /**
      * Close the menu
@@ -69,10 +69,10 @@ const SekiDropdownMenu$1 = /*@__PURE__*/ proxyCustomElement(class SekiDropdownMe
             return;
         this._isOpen = false;
         this.open = false;
-        this.sekiOpenChange.emit(false);
-        this.removeClickOutside();
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.el._dropdownMenuContext = this.getContext();
+        this.sekiOpenChange.emit(false);
+        this.removeClickOutside();
     }
     handleTriggerClick() {
         if (this._isOpen) {
@@ -150,7 +150,7 @@ const SekiDropdownMenu$1 = /*@__PURE__*/ proxyCustomElement(class SekiDropdownMe
         this.removeClickOutside();
     }
     render() {
-        return (h(Host, { key: '2d005621c57288981fd010d032df05ba0673382b', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: 'ccfad38f3553407073c9c5f8b7d2ad1a536428c8', part: "dropdown-menu", class: "dropdown-menu" }, h("slot", { key: '12250972a0eaeef563e711a82c60243442e47a63' }))));
+        return (h(Host, { key: '6af5a252702d7af68c5ef4a2cace4a5d61892592', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: '789961c694fbd38e060dac2c9981e2b94b7fa587', part: "dropdown-menu", class: "dropdown-menu" }, h("slot", { key: '17284c474fffe16ed4f54b2c595361b06146f2b6' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/seki-empty.js

@@ -17,7 +17,7 @@ const SekiEmpty$1 = /*@__PURE__*/ proxyCustomElement(class SekiEmpty extends H {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: 'b03ca666a254e0ab53e567f872a77daca4fadecb' }, h("div", { key: '385046216a35780b11111f891b65dd448aa743a7', class: "seki-empty", part: "empty", role: "status" }, h("div", { key: 'f689df67dd9e1d3f196f69abf42f0cfe66e23598', class: "seki-empty__icon", part: "icon" }, h("slot", { key: 'abc157e7720ef997d5c01c26f060f33c44707c34', name: "icon" })), this.heading && (h("h3", { key: '1adb89acc687f21d0990eee69289e4319c19a8b5', class: "seki-empty__title", part: "title" }, this.heading)), this.description && (h("p", { key: '4f21df2c602ac666a6e3a6ce9e724bedf61bb288', class: "seki-empty__description", part: "description" }, this.description)), h("div", { key: 'f06db983b6ff13a72bd6e34e1b0c6517106ba4f7', class: "seki-empty__content", part: "content" }, h("slot", { key: '73ec3d2c15a2d9c86c079939ec6ce4941664196a' })), h("div", { key: '08cda59869ce4dadc0aa6aaae2ba5a6a010fe321', class: "seki-empty__action", part: "action" }, h("slot", { key: 'e4ddd4a03e85d1a392cd759fa22e1af694e71c38', name: "action" })))));
+        return (h(Host, { key: 'b911680cab653c295f0895ac8354e3b389ff4527' }, h("div", { key: 'b097ffe4042e0f5403739fefc3987fbb2ac21f50', class: "seki-empty", part: "empty", role: "status" }, h("div", { key: '80aa04f20e7713ca4554061c42b53c96c2b1565a', class: "seki-empty__icon", part: "icon" }, h("slot", { key: '97db760b074d291002534e57f25c2d064f52a0d4', name: "icon" })), this.heading && (h("h3", { key: 'f91eca3167df783a5bf2523a829abbc03ea21558', class: "seki-empty__title", part: "title" }, this.heading)), this.description && (h("p", { key: 'fb6d9d032307d0bb10b07db04aa41aefd006893c', class: "seki-empty__description", part: "description" }, this.description)), h("div", { key: 'ac157bdcc1a82ba2936d457e46d87fa895e8d0fc', class: "seki-empty__content", part: "content" }, h("slot", { key: '02671332d76115378b37a6eccc13995cd0a280fd' })), h("div", { key: 'a980900d67b5eab23b50cee551d72d53660206aa', class: "seki-empty__action", part: "action" }, h("slot", { key: 'bc965b037c45eb2b9ada3f0f68eeba43df632e2e', name: "action" })))));
     }
     get el() { return this; }
     static get style() { return sekiEmptyCss; }

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

@@ -43,7 +43,7 @@ const SekiFieldDescription$1 = /*@__PURE__*/ proxyCustomElement(class SekiFieldD
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: '330c5cd4338dfe421493fda832c3c5332665ff04', id: this.componentId, class: "description" }, h("slot", { key: '370edccd1c9f8d44e43b575d45bdaf3d39bc0a42' })));
+        return (h("div", { key: 'a3c76afa6fc462b702b0ac0a6fc162f84aa85d2d', id: this.componentId, class: "description" }, h("slot", { key: '47fc8cf9ee309067b57a0a5d32dba32bb063fc59' })));
     }
     get el() { return this; }
     static get style() { return sekiFieldDescriptionCss; }

package/dist/components/seki-field-error.js

@@ -71,7 +71,7 @@ const SekiFieldError$1 = /*@__PURE__*/ proxyCustomElement(class SekiFieldError e
     }
     render() {
         const style = this._visible ? {} : { display: 'none' };
-        return (h("div", { key: '86562ec722ded90ce43b58a7b3a61072f653617b', id: this.componentId, class: "error", "aria-live": "polite", style: style }, h("slot", { key: 'b21cc1fcdf422ae425a099085112ec8d2776db7c' })));
+        return (h("div", { key: '3ffe0f2ee2d7693096d2dc723c300979a43e172c', id: this.componentId, class: "error", "aria-live": "polite", style: style }, h("slot", { key: '4b913ca950d5fbc2acf7f523ca2af1514a50509d' })));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -25,7 +25,7 @@ const SekiFieldGroup$1 = /*@__PURE__*/ proxyCustomElement(class SekiFieldGroup e
         const style = {
             '--seki-field-group-gap': this.gap,
         };
-        return (h("div", { key: 'c3684e081ff8f1b19ddcda5fc25bfb87f2f7b50d', class: "field-group", style: style }, h("slot", { key: '0ead64560d27f3b1faeda4b6dc730469851c1440' })));
+        return (h("div", { key: '91531b3bd390b3df6ff1941ca0838b9d29972131', class: "field-group", style: style }, h("slot", { key: '625fce6297f11d64848826d5e68e61b21cc7f770' })));
     }
     get el() { return this; }
     static get style() { return sekiFieldGroupCss; }

package/dist/components/seki-field-label.js

@@ -23,7 +23,7 @@ const SekiFieldLabel$1 = /*@__PURE__*/ proxyCustomElement(class SekiFieldLabel e
     }
     render() {
         const labelProps = this.htmlFor ? { for: this.htmlFor } : {};
-        return (h("label", Object.assign({ key: '04d2d5d05935ab3bdea92e1c67739d2e6401e0fc' }, labelProps), h("slot", { key: '70681b5cffac8a18d1e33447337c55f591a6e0c9' }), this.required && h("span", { key: '8807ec715491e016267eae2608c15a13037213fe', class: "required-indicator" }, " *")));
+        return (h("label", Object.assign({ key: '8f180cd70e6a1b9f9174f9e0e05f0465d2991769' }, labelProps), h("slot", { key: 'e8036f8a874bd9a33f8b4cbbe21bd4124f6c0235' }), this.required && h("span", { key: '88c46e943ac5a27a613ec2d0768158d1c56f236c', class: "required-indicator" }, " *")));
     }
     get el() { return this; }
     static get style() { return sekiFieldLabelCss; }

package/dist/components/seki-field-legend.js

@@ -17,7 +17,7 @@ const SekiFieldLegend$1 = /*@__PURE__*/ proxyCustomElement(class SekiFieldLegend
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("legend", { key: 'a366c20ab3876e26c4878cfe6699e6a29b1cb39c' }, h("slot", { key: 'c759c608db95a841556cf658841f3e003ec308c5' })));
+        return (h("legend", { key: 'fe6c1d90b4affe234433050a3c187516b6c664cd' }, h("slot", { key: 'bd5eb63544ac1ee39efbb1c54cbe774020783f32' })));
     }
     get el() { return this; }
     static get style() { return sekiFieldLegendCss; }

package/dist/components/seki-field.js

@@ -46,7 +46,7 @@ const SekiField$1 = /*@__PURE__*/ proxyCustomElement(class SekiField extends H {
     }
     render() {
         const hasMultiple = this.hasMultipleControls();
-        return (h(Host, { key: '4cffb32c1a3db72ea2cce5c77c81ede90f7e5697', "data-orientation": this.orientation, "data-invalid": this.invalid ? '' : undefined, role: hasMultiple ? 'group' : undefined }, h("div", { key: 'ad0e7ea873abdcfbfbb6b361b78899cf683d78a7', class: "field" }, h("div", { key: '9706614e5d5b2ff5a760e50d5091a00474caf856', class: "field-label" }, h("slot", { key: '33d6163597757399eb83b9e908b202dbe03c10d0', name: "label" })), h("div", { key: 'f329d33d0f7cd6ad638737032b677667ed19f373', class: "field-control" }, h("slot", { key: '6362b164d2d00dcc1fb8494f5519490547b06cef' })), h("div", { key: 'f8d6fc9db027dea7800def59a77ab3cbb2ed85dd', class: "field-description" }, h("slot", { key: '9d2b537f656d340ec622ac7dca5c6470451aa36b', name: "description" })), h("div", { key: '1541c2f8be9ff8a30136aa81c0cbf600b505b54b', class: "field-error" }, h("slot", { key: '24999d1d99c206be36f9ed8095fa3dab84086921', name: "error" })))));
+        return (h(Host, { key: 'f23c22ff3b3655244bf04ca47c91967713f13807', "data-orientation": this.orientation, "data-invalid": this.invalid ? '' : undefined, role: hasMultiple ? 'group' : undefined }, h("div", { key: 'f29cf2530c5d599ec2bb687bf40faa68487b546b', class: "field" }, h("div", { key: '201a4ee9b3bf9c5254b050ddc5979a35a9594573', class: "field-label" }, h("slot", { key: 'c5492adacd0504aac8eeb97e246605a72615ce05', name: "label" })), h("div", { key: 'd4ab6f7f780110351c55578a769a8cf4b1ee162d', class: "field-control" }, h("slot", { key: '39d9ed2b98260dd86b76a86179839ca3c14e1083' })), h("div", { key: 'b9f8546301e01a81c9bb7a8a581854c3a50b422d', class: "field-description" }, h("slot", { key: 'fab19512f04e9f9266b49b7640c6f22d5ac4c9d8', name: "description" })), h("div", { key: 'eb5c5224dd8548f707600b6e230a9c2456038a08', class: "field-error" }, h("slot", { key: '7cba0e70daf9fa0aa9e13646c805840d2190d6de', name: "error" })))));
     }
     get el() { return this; }
     static get style() { return sekiFieldCss; }

package/dist/components/seki-fieldset.js

@@ -22,7 +22,7 @@ const SekiFieldset$1 = /*@__PURE__*/ proxyCustomElement(class SekiFieldset exten
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("fieldset", { key: '0d59504d98786357f7b13f2b92310467516ec5b2', disabled: this.disabled, class: "fieldset" }, h("slot", { key: '6329e6b1bfe6ad3bcc711ffc751be62d6d80226c', name: "legend" }), h("div", { key: 'a9ed14e778e5783df38fdc5d5a5210de5a1d9a0f', class: "fieldset-content" }, h("slot", { key: '24d448049a51cef2dc5a6b9283c472b625b614d2' }))));
+        return (h("fieldset", { key: '0ff07afc87b66c43897002a695f513a56d2eb4b9', disabled: this.disabled, class: "fieldset" }, h("slot", { key: '68336d157f79c236ca6f1d24e239cf2522d028bb', name: "legend" }), h("div", { key: 'e9cc810db38aa75802001c94724579cbf594f4a9', class: "fieldset-content" }, h("slot", { key: '1d03995b8cb7207426103d49813628a9b1dc1d63' }))));
     }
     get el() { return this; }
     static get style() { return sekiFieldsetCss; }

package/dist/components/seki-hover-card-trigger.js

@@ -122,7 +122,7 @@ const SekiHoverCardTrigger$1 = /*@__PURE__*/ proxyCustomElement(class SekiHoverC
         }
     }
     render() {
-        return (h(Host, { key: 'c49fa6a632069fcde511ad17844a1b20b7bd8b7d' }, h("span", { key: '2b0515dd0a8d1f800fe0ec2afca05f1e7a036764', part: "trigger", class: "hover-card-trigger", "aria-haspopup": "dialog", "aria-expanded": this.isOpen ? 'true' : 'false', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onFocus: this.handleFocus, onBlur: this.handleBlur, onClick: this.handleClick }, h("slot", { key: 'e3e000d26a9f464a70b86bd1496adbc291db7d0a' }))));
+        return (h(Host, { key: '258805fc513b371e433ba9d37b6b4efc45ef22e7' }, h("span", { key: '4233601c929fca34a5c562e17aba498609efb3c5', part: "trigger", class: "hover-card-trigger", "aria-haspopup": "dialog", "aria-expanded": this.isOpen ? 'true' : 'false', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onFocus: this.handleFocus, onBlur: this.handleBlur, onClick: this.handleClick }, h("slot", { key: '981f8b8f3684c289f9553aedf9b888df4dd05f3f' }))));
     }
     get el() { return this; }
     static get style() { return sekiHoverCardTriggerCss; }

package/dist/components/seki-hover-card.js

@@ -215,7 +215,7 @@ const SekiHoverCard$1 = /*@__PURE__*/ proxyCustomElement(class SekiHoverCard ext
         this.removeScrollListener();
     }
     render() {
-        return (h(Host, { key: '068054d3a74f75993b1371f8f0313bdfd9b82f70', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: '461ab4384676f33bd0ca89c14bcb15931fa1c08e', class: "hover-card" }, h("slot", { key: 'c7ffac904174636e9cd39f63b9d69f0d1555c62f' }))));
+        return (h(Host, { key: 'd9513b0ab573257d7908eae821a52f1fcdbc81d5', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: '511ad3e9d3dbe3109d2fc975c589c7645e2e8a4d', class: "hover-card" }, h("slot", { key: 'e398a37ed117d455b77d751af59c337094a46fb5' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/seki-input-addon.js

@@ -21,7 +21,7 @@ const SekiInputAddon$1 = /*@__PURE__*/ proxyCustomElement(class SekiInputAddon e
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: 'da18dde31c6e787b9bdd928279a5ce08ab62b27f' }, h("div", { key: '42fe8665cd6159e8863b51401a14c0dea82936a2', class: `addon addon--${this.size}` }, h("slot", { key: 'fa148b6a1a7832075db29c2aa0fb57d073f8f9d0' }))));
+        return (h(Host, { key: '0ed1bb42b95be35e0820c6a2f9cb50a38ad3ba77' }, h("div", { key: '1d4863f00f396f40a2f3068be6c12c840e7c63cc', class: `addon addon--${this.size}` }, h("slot", { key: '318f95c9b8af70dabe946008216c88d0fc229ae3' }))));
     }
     get el() { return this; }
     static get style() { return sekiInputAddonCss; }