@sekiui/elements 0.0.63 → 0.0.64

package/dist/esm/seki-checkbox.entry.js

@@ -106,11 +106,11 @@ const SekiCheckbox = class {
     render() {
         const isChecked = this.isChecked;
         const dataState = this.indeterminate ? 'indeterminate' : isChecked ? 'checked' : 'unchecked';
-        return (h(Host, { key: 'f615fa2a3599cc730f6290f96706f834d73bb2c6', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("button", { key: '7353ecbafe329f9e140cbe7148ded0e60b3b98a0', type: "button", role: "checkbox", class: "checkbox", part: "checkbox", "aria-checked": this.indeterminate ? 'mixed' : isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, "aria-describedby": this.ariaDescribedby || undefined, "aria-required": this.required ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, disabled: this.disabled, onClick: this.handleClick }, (isChecked || this.indeterminate) && (h("span", { key: '345b99b7f1fb0ddf2f78b5644f1f6512ced1be06', class: "indicator", part: "indicator" }, this.indeterminate ? (
+        return (h(Host, { key: '4d96fc6069e7aed2b871cd0d8dc08b56cde2afe7', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("button", { key: '9ae2d2bdb41abfddd91d13305548a26cc5c1f9d1', type: "button", role: "checkbox", class: "checkbox", part: "checkbox", "aria-checked": this.indeterminate ? 'mixed' : isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, "aria-describedby": this.ariaDescribedby || undefined, "aria-required": this.required ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, disabled: this.disabled, onClick: this.handleClick }, (isChecked || this.indeterminate) && (h("span", { key: '49cef415f26e56a2676bf3e715c4d1f211bcfd2a', class: "indicator", part: "indicator" }, this.indeterminate ? (
         // Minus icon for indeterminate state
         h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("line", { x1: "5", y1: "12", x2: "19", y2: "12" }))) : (
         // Checkmark icon for checked state
-        h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { points: "20 6 9 17 4 12" })))))), this.name && (h("input", { key: '7815ee897cd4d98c90583fa4102c1f06550196f3', type: "checkbox", name: this.name, value: this.value, checked: isChecked, required: this.required, disabled: this.disabled, style: { display: 'none' }, tabindex: -1, "aria-hidden": "true" }))));
+        h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { points: "20 6 9 17 4 12" })))))), this.name && (h("input", { key: '86d8b33c4513fca4e12d7a29747d1f1dc90e7cd8', type: "checkbox", name: this.name, value: this.value, checked: isChecked, required: this.required, disabled: this.disabled, style: { display: 'none' }, tabindex: -1, "aria-hidden": "true" }))));
     }
     static get formAssociated() { return true; }
 };

package/dist/esm/seki-collapsible-content.entry.js

@@ -83,11 +83,11 @@ const SekiCollapsibleContent = class {
         else {
             contentStyle.height = '0';
         }
-        return (h(Host, { key: '30f65f82047f186205666eb0a57f26e9730ee691', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: '09f2a033d858a35a1f48f8f6c7da21384d74dbd5', ref: (el) => (this.contentRef = el), part: "content", id: contentId, role: "region", "aria-labelledby": triggerId, "aria-hidden": !this._isOpen, class: {
+        return (h(Host, { key: 'e025e4f99175d7de796412bfe109875ce573849c', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: 'aea2cd5b9a0ed647b69558000e48efb1a419edf2', ref: (el) => (this.contentRef = el), part: "content", id: contentId, role: "region", "aria-labelledby": triggerId, "aria-hidden": !this._isOpen, class: {
                 'collapsible-content': true,
                 'collapsible-content--open': this._isOpen,
                 'collapsible-content--animating': this._isAnimating,
-            }, style: contentStyle }, h("div", { key: '5d3932cbcefb46248e839580499ff9cffd8fc33c', class: "collapsible-content-inner" }, h("slot", { key: '646147a4aaf4d7b4f3963c3f4b268acd104c9081' })))));
+            }, style: contentStyle }, h("div", { key: 'bf591bc5697d85681c8b95660bcd3a510fc42a31', class: "collapsible-content-inner" }, h("slot", { key: '77c9141495a0a24622cc08860056ee5b4aacb6f2' })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/seki-collapsible.entry.js

@@ -87,7 +87,7 @@ const SekiCollapsible = class {
         };
     }
     render() {
-        return (h(Host, { key: 'e764ce79aff3a9639bff2d731d1b3e41ecbbcaa9', "data-state": this._isOpen ? 'open' : 'closed', "data-disabled": this.disabled ? '' : undefined }, h("div", { key: '97499c98f005772c2c25932fa10fb75257c9ae7e', part: "collapsible", class: "collapsible" }, h("slot", { key: '68f6ad93e370b5726a4ca92d0ac296881f118814' }))));
+        return (h(Host, { key: 'c65f0a79cc6f865f4e74e7c72b17c6ad01d496d2', "data-state": this._isOpen ? 'open' : 'closed', "data-disabled": this.disabled ? '' : undefined }, h("div", { key: 'fea15873c67cf46620d0f56578d8b1ca1f1a02e1', part: "collapsible", class: "collapsible" }, h("slot", { key: 'f27e929ea49fdd6b2fedb39cee2b67762795b022' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/seki-data-table.entry.js

@@ -460,10 +460,10 @@ const SekiDataTable = class {
         const visibleColumns = this.getVisibleColumns();
         const totalPages = this.getTotalPages();
         const isLoading = this.state.loading || this.loading;
-        return (h(Host, { key: '8d8c3676a27c87118ad687bd5644ee0f42afcaac' }, h("div", { key: '0f0a9a4bdcc3d3dc56348cc6f2553ad468454d32', class: "data-table" }, (this.searchable || this.columnPicker) && (h("div", { key: '52af1c63213d548e1e594270f40ccf7e7b65d18f', class: "data-table__toolbar" }, this.searchable && (h("div", { key: 'c5df243d54ed6212e007d7af6645bcf337a18a10', class: "data-table__search" }, h("input", { key: '18c9f465ec3f12617b51ca3b5c0957eb2052387e', type: "text", class: "data-table__search-input", placeholder: this.searchPlaceholder, value: this.searchInputValue, onInput: this.handleSearchInput }), this.searchInputValue && (h("button", { key: '064a2c76f3f3eb96b836a931f74167eef15e1554', type: "button", class: "data-table__search-clear", onClick: this.handleClearSearch, "aria-label": "Clear search" }, "\u00D7")))), h("div", { key: '75db20e5dfb624147160579798fb628e68006efc', class: "data-table__toolbar-spacer" }), this.columnPicker && (h("button", { key: '65b7f243a91b4bfcaa05ed60c4523a7ac364bcbe', type: "button", class: "data-table__column-picker-btn" }, "Columns")))), h("div", { key: '0f23331b51061de5cce4124b1229325c375df5d1', class: {
+        return (h(Host, { key: 'a69680cac7f699629a80ab0b1da7a81c347b7ed0' }, h("div", { key: '14e355e8fdf5ce6b01dbd5767e454d8da94bc551', class: "data-table" }, (this.searchable || this.columnPicker) && (h("div", { key: '0c4b576cc77dc3d1c5eca6b6bbb8f318cc36ffa7', class: "data-table__toolbar" }, this.searchable && (h("div", { key: 'f126e3c54c9602522cb43664f013f2f9b086630f', class: "data-table__search" }, h("input", { key: 'ea10b08598bdc3edbe363f3acd454d2698a72d04', type: "text", class: "data-table__search-input", placeholder: this.searchPlaceholder, value: this.searchInputValue, onInput: this.handleSearchInput }), this.searchInputValue && (h("button", { key: 'eb87f580071bf96dd46a079676dbb00809bcd9cd', type: "button", class: "data-table__search-clear", onClick: this.handleClearSearch, "aria-label": "Clear search" }, "\u00D7")))), h("div", { key: '89ddc790e51f837bcedc3a51d061867d58356a6e', class: "data-table__toolbar-spacer" }), this.columnPicker && (h("button", { key: '6a2b72a55939f75fac6725fcfb79d960328f5953', type: "button", class: "data-table__column-picker-btn" }, "Columns")))), h("div", { key: '279928a0bd930a8b22869050034afe6e42e284ef', class: {
                 'data-table__container': true,
                 'data-table__container--virtual': this.virtualScroll,
-            }, ref: el => (this.scrollContainerRef = el), onScroll: this.handleScroll }, h("table", { key: 'd47c2575e5405bfc4047e8ff05d8ad93a8e6f12a', class: "data-table__table", role: "grid" }, h("thead", { key: '11e4010bbcbd2ab633872be521cc41c4b05ca071', class: "data-table__head" }, h("tr", { key: '72ac5ac6cae038c128d2be578f5fda2c55321754', class: "data-table__header-row", role: "row" }, this.selectable && (h("th", { key: 'c5c976b113a02da36502dc5f1ca0a1801a72cc4e', class: "data-table__th data-table__th--checkbox", role: "columnheader" }, h("input", { key: '04eea839464e5b39f37943e119fd25907ccf925d', 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: 'b6464be4d6c1ac9b4b6de1d0f908d3d2c0ef3774', class: "data-table__th data-table__th--expand", role: "columnheader" }, h("span", { key: 'ddbf77ba679e2ff4410f9e3d9395d5b84362d8a5', class: "sr-only" }, "Expand"))), visibleColumns.map(column => {
+            }, ref: el => (this.scrollContainerRef = el), onScroll: this.handleScroll }, h("table", { key: '08ba0d430fb3da37e81cbb5e4772bb31e78080da', class: "data-table__table", role: "grid" }, h("thead", { key: '2117a01f12a6218649f872bad9135b1b5f387679', class: "data-table__head" }, h("tr", { key: '5f666c21098904c6658cb87b4eac45add757d37d', class: "data-table__header-row", role: "row" }, this.selectable && (h("th", { key: '25ef99004b4c62e50360cb776bab725752a926b8', class: "data-table__th data-table__th--checkbox", role: "columnheader" }, h("input", { key: 'dbc92148c5fee598a6236c86ca396e2923f15168', 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: 'f9e869cf26a31ae5a213c85b55afd0d6ba0e25b0', class: "data-table__th data-table__th--expand", role: "columnheader" }, h("span", { key: 'b57056877e9844b99e04f12306931530c09f07c1', class: "sr-only" }, "Expand"))), visibleColumns.map(column => {
             var _a, _b, _c;
             return (h("th", { key: column.field, class: {
                     'data-table__th': true,
@@ -479,7 +479,7 @@ const SekiDataTable = class {
                     ? '↑'
                     : '↓'
                 : '↕'))), column.resizable && (h("div", { class: "data-table__resize-handle", onMouseDown: (e) => this.startResize(e, column) }))));
-        }))), h("tbody", { key: '0d31011ba827edd2398ede4361127ce35452a4a4', class: "data-table__body", style: this.virtualScroll
+        }))), h("tbody", { key: '7778cf9f92a090a1a589611563332255740bb679', class: "data-table__body", style: this.virtualScroll
                 ? {
                     height: `${this.virtualScrollState.totalHeight}px`,
                     position: 'relative',
@@ -522,12 +522,12 @@ const SekiDataTable = class {
                 /* 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: 'e824d0c1a888d0c3889a76abb129b9b822cf6026', class: "data-table__loading-overlay" }, h("div", { key: '7691b39e52309e5ad281b191b2d4973176c5d9d5', class: "data-table__loading" }, "Loading...")))), h("div", { key: '87fb1f7a30c273d0322242e7be9492c396fe43d2', class: "data-table__pagination" }, h("div", { key: '8262a805d233b755382de0252695df587544110f', class: "data-table__pagination-info" }, this.state.totalRows > 0
+        })))), isLoading && this.state.rows.length > 0 && (h("div", { key: '817d6b7af916808bb6c20d94cc04a7bfc360c75a', class: "data-table__loading-overlay" }, h("div", { key: '3463dec1699102af62d670e72b70ea53fe3dccf0', class: "data-table__loading" }, "Loading...")))), h("div", { key: 'd6d7bd9f4fdf31e6c49875860774e2c64114f5eb', class: "data-table__pagination" }, h("div", { key: '7ca4d9c5921ac8406ff94a0d28fdaab8c3827bc8', 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: 'c109f3a4abd66a4f2d45dd52e5322f25872435d1', class: "data-table__pagination-controls" }, h("select", { key: 'a765b2ca5d6e5bb79c9a93f835b5625962e6cc18', class: "data-table__page-size", onChange: (e) => {
+            : '0 results'), h("div", { key: '5b57ae1848649777f418d205d2636f09f6c9c939', class: "data-table__pagination-controls" }, h("select", { key: 'dd1f916e439c39a53a0d00583803bd0787e3658f', 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: '6a3d3df30893e06f9d886a25bbc6a71d056d3554', 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: '1aa1de87b4db0d1b4f99cf9314824553dedf76a1', 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: 'fc66ae340020821b9919ea29f6839200cefb16db', class: "data-table__page-indicator" }, "Page ", this.state.page + 1, " of ", totalPages || 1), h("button", { key: '87956eb8e5ed092c03fc408ebdfa6739b0325fe5', 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: 'c59e52064f1b5ee0394c5cfaa070e9c7739a7488', 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: 'acea1fdcbc2e9f38e42e3ab2d49c78289341250e', 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: '458c29eda3718a376ec9d3064d8efb0035282d48', 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: '48d59e538c0a7e26142500c71dd0bbd36b41c19e', class: "data-table__page-indicator" }, "Page ", this.state.page + 1, " of ", totalPages || 1), h("button", { key: '1018c98a98c7d87521d18c6b3336c786054bec43', 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: '6940966e1e8bd02c0bafe1f078b91514ccdb1f4a', 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 getElement(this); }
     static get watchers() { return {

package/dist/esm/seki-date-picker.entry.js

@@ -184,12 +184,12 @@ const SekiDatePicker = class {
         const selectedDate = this.parseDate(this.value);
         const rangeFrom = this.parseDate(this.rangeFrom);
         const rangeTo = this.parseDate(this.rangeTo);
-        return (h("div", { key: 'f609291571d83414125e31ab82c4388bde7b0c03', class: "seki-date-picker" }, h("button", { key: '6669d6fca348256fa18b3c3b6f1c3c7947fcece2', type: "button", ref: el => (this.triggerRef = el), class: {
+        return (h("div", { key: '3e4341bd87e8a57a2fbc2271059e9ef0a8e0fbc6', class: "seki-date-picker" }, h("button", { key: 'd89c4b76c261196bc53ddb650a27c9c0376482ff', type: "button", ref: el => (this.triggerRef = el), class: {
                 'seki-date-picker__trigger': true,
                 'seki-date-picker__trigger--open': this.isOpen,
                 'seki-date-picker__trigger--disabled': this.disabled,
                 'seki-date-picker__trigger--has-value': hasValue,
-            }, disabled: this.disabled, "aria-haspopup": "dialog", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.ariaLabel || this.placeholder, onClick: this.handleTriggerClick }, h("svg", { key: 'ed51407cd4ce36f7476c0444668d7979afa817de', class: "seki-date-picker__icon", 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("rect", { key: 'c92d1cf568fddf4f512797b947447fd46f90a360', x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }), h("line", { key: 'efaa31e1f77bb214e233ae0c957c57c6e4bc88ab', x1: "16", y1: "2", x2: "16", y2: "6" }), h("line", { key: 'cd83d9ca4c3cc0f45ba4568fd92a42a9ca29d99c', x1: "8", y1: "2", x2: "8", y2: "6" }), h("line", { key: '98cef77937eb9672bb534f4603aed1f020bb1a7d', x1: "3", y1: "10", x2: "21", y2: "10" })), h("span", { key: 'ac4ff6d0d736a0d6e3b2ee4c993cd705c836fd0d', class: "seki-date-picker__value" }, hasValue ? displayValue : this.placeholder)), this.isOpen && (h("div", { key: '2f34baedd3be65b2f3f6809a23750dfb53a62bca', ref: el => (this.popoverRef = el), class: "seki-date-picker__popover", role: "dialog", "aria-modal": "true", "aria-label": "Choose date" }, h("seki-calendar", { key: '79f3adea8c5a52404dcda16fd2089b34ff1ad67a', mode: this.mode, selected: selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.toISOString(), "range-from": rangeFrom === null || rangeFrom === void 0 ? void 0 : rangeFrom.toISOString(), "range-to": rangeTo === null || rangeTo === void 0 ? void 0 : rangeTo.toISOString(), "min-date": this.minDate, "max-date": this.maxDate, onSekiSelect: this.handleDateSelect, onSekiRangeSelect: this.handleRangeSelect })))));
+            }, disabled: this.disabled, "aria-haspopup": "dialog", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.ariaLabel || this.placeholder, onClick: this.handleTriggerClick }, h("svg", { key: 'c4967f30946b4821607c15b6ac24bce3ed0d60ef', class: "seki-date-picker__icon", 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("rect", { key: 'f858f6dbd87d74ae4f879a5160ae4a6135e5479a', x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }), h("line", { key: 'b83e62142e88cfbafb15a352e4b458d5e592e64d', x1: "16", y1: "2", x2: "16", y2: "6" }), h("line", { key: 'e1fa31f7387de210a72abdb0c4d30e6c34e3b1e3', x1: "8", y1: "2", x2: "8", y2: "6" }), h("line", { key: '56c1c6fa8c322a994609f9aecf052b51e3f3da5f', x1: "3", y1: "10", x2: "21", y2: "10" })), h("span", { key: '20209887258513bba9703a1df64f1ffed652f6f5', class: "seki-date-picker__value" }, hasValue ? displayValue : this.placeholder)), this.isOpen && (h("div", { key: 'e23dffba75bd4e6be7a7bca710b1167f1c618a52', ref: el => (this.popoverRef = el), class: "seki-date-picker__popover", role: "dialog", "aria-modal": "true", "aria-label": "Choose date" }, h("seki-calendar", { key: 'd8812610fc7edabad686536049dba6156452fbd6', mode: this.mode, selected: selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.toISOString(), "range-from": rangeFrom === null || rangeFrom === void 0 ? void 0 : rangeFrom.toISOString(), "range-to": rangeTo === null || rangeTo === void 0 ? void 0 : rangeTo.toISOString(), "min-date": this.minDate, "max-date": this.maxDate, onSekiSelect: this.handleDateSelect, onSekiRangeSelect: this.handleRangeSelect })))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }

package/dist/esm/seki-dialog-close.entry.js

@@ -11,7 +11,7 @@ const SekiDialogClose = class {
         this.closeDialog.emit();
     }
     render() {
-        return (h(Host, { key: 'b4735d87a585c97cf2a7439f9ab36fccc0c22494' }, h("button", { key: '8193a346e01c0b7043740f5fd06cb80742db2afc', part: "close", type: "button", class: "dialog-close", "aria-label": "Close" }, h("slot", { key: '15d435ccffb37eb6d0b1a008a0046ea538cdce43' }, h("svg", { key: '7c7a2aab5197d990d398ea152199d06d52f06375', 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: '4c179c793c313c3811393f793194ccdc2c53a231', d: "M18 6 6 18" }), h("path", { key: '66d286056be17346023756bca5df924d36be1444', d: "m6 6 12 12" }))), h("span", { key: '8a76612abb2ad4fd7f1760c6db8095ff1626c380', class: "sr-only" }, "Close"))));
+        return (h(Host, { key: '0a8d0f54be746980c10078eae42e7dcee87bdf5d' }, h("button", { key: 'b965f0d9652f04f26426743cefbe437b753da88f', part: "close", type: "button", class: "dialog-close", "aria-label": "Close" }, h("slot", { key: '00b8385ac14d283b1ebdf05e338037b505fdbaf5' }, h("svg", { key: '8e95e3e15d60b086c4f3ae112aee35fbb034863a', 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: '07eb28160f1b7957ab70a787999a4c002f620571', d: "M18 6 6 18" }), h("path", { key: '09bca73ccdd7ec0ebbac6d7a9a12747460c965ad', d: "m6 6 12 12" }))), h("span", { key: '5c62c13e39bf74fb6c9ef8c38243ad0b1edc754c', class: "sr-only" }, "Close"))));
     }
 };
 SekiDialogClose.style = sekiDialogCloseCss;

package/dist/esm/seki-dialog-description.entry.js

@@ -13,7 +13,7 @@ const SekiDialogDescription = class {
     }
     render() {
         const context = this.getContext();
-        return (h(Host, { key: 'b591a1ba2cd492e2025948caca0118f4b62d9d86' }, h("p", { key: '23a60f68327e64a7ad61f2c3fca6bc8a328511e6', part: "description", id: context === null || context === void 0 ? void 0 : context.descriptionId, class: "dialog-description" }, h("slot", { key: '444218ce674db3b8cf23bc1c3ab4ff1065be7d0f' }))));
+        return (h(Host, { key: 'd59b5bc48a51a5c37ba61aba483bb204d529c93c' }, h("p", { key: '2891cac1cce54fba75bae7b55bc98e30bd477296', part: "description", id: context === null || context === void 0 ? void 0 : context.descriptionId, class: "dialog-description" }, h("slot", { key: 'cda0b6f1e77cb23cb1e15ea578fdd0bff4c626c1' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/seki-dialog-footer.entry.js

@@ -7,7 +7,7 @@ const SekiDialogFooter = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'a5d096b4fa099041841332dc2dcfbe1f7b638e8b' }, h("div", { key: '62532104336416f57f8273119553ac64d0cd88d5', part: "footer", class: "dialog-footer" }, h("slot", { key: 'b2f6058e1fb53596d8ec0792774679016d19ba5f' }))));
+        return (h(Host, { key: '6280ff02506eb4c56a687e510bcf2a553e0e63cc' }, h("div", { key: 'd5740b2dee6c871a449ebae5dfc4d9ca7f5d3af0', part: "footer", class: "dialog-footer" }, h("slot", { key: 'd33178c4739443021b8392ddc246b4c5df2c891a' }))));
     }
 };
 SekiDialogFooter.style = sekiDialogFooterCss;

package/dist/esm/seki-dialog-header.entry.js

@@ -7,7 +7,7 @@ const SekiDialogHeader = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '0f9f11bd74379f08d4f7f92aa6145ff6fd03bede' }, h("div", { key: 'd792c848d5bcd29ec8fea1dbd1dbc56b68683019', part: "header", class: "dialog-header" }, h("slot", { key: '84cb038622f4f9f904936f03d053f36a0c3d4a0a' }))));
+        return (h(Host, { key: '7e55ab4d5fd648101aff095504f168d85e7ec6c2' }, h("div", { key: 'e447059e33e81f07528b41498f0232f65de8bfd7', part: "header", class: "dialog-header" }, h("slot", { key: '3785623172b172788d27a3370b2d99b2e91ea212' }))));
     }
 };
 SekiDialogHeader.style = sekiDialogHeaderCss;

package/dist/esm/seki-dialog-title.entry.js

@@ -13,7 +13,7 @@ const SekiDialogTitle = class {
     }
     render() {
         const context = this.getContext();
-        return (h(Host, { key: 'bb8cd8d3aa90baa50c3c86c516e0935b8a27af8f' }, h("h2", { key: '9ef82590ee3a57588c564e14b993b03411120e25', part: "title", id: context === null || context === void 0 ? void 0 : context.titleId, class: "dialog-title" }, h("slot", { key: 'b3c75f40bcf05f2e2bd918c4c3f4e61c8793ef26' }))));
+        return (h(Host, { key: 'a7b1f65485d71a78cd63c751e657644b70e1cdd7' }, h("h2", { key: '7ba78f1bb7a1348fcd5a9dac611281e0db2a1eca', part: "title", id: context === null || context === void 0 ? void 0 : context.titleId, class: "dialog-title" }, h("slot", { key: '256ae76c2bced453dbf9f3931ceb0a4e0976d0d1' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/seki-dialog-trigger.entry.js

@@ -11,7 +11,7 @@ const SekiDialogTrigger = class {
         this.triggerClick.emit();
     }
     render() {
-        return (h(Host, { key: '99b6f5a7f3b593baa44db71b1989683c39975213' }, h("span", { key: 'd1348a1181fcaa032b57b4aeaee4fde55ebde994', part: "trigger", class: "dialog-trigger" }, h("slot", { key: '55bf3ffd8bd687d9cf4864091c89f5ce5ea6997d' }))));
+        return (h(Host, { key: 'a0aff7faa1b6f24459f0b1915525b40b4ee9a302' }, h("span", { key: 'be400f81aeac64ea49db1fff7589bfc216cae866', part: "trigger", class: "dialog-trigger" }, h("slot", { key: '3f4be265415cf3be02ef33acae625a0d55410092' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/seki-dialog.entry.js

@@ -97,7 +97,7 @@ const SekiDialog = class {
         }
     }
     render() {
-        return (h(Host, { key: 'b930f6c0442a47650c9a62dd55168636460a0c56', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: '7dd9fd0e1bfc6de53238a2c3f5edd5c75271187a', part: "dialog", class: "dialog" }, h("slot", { key: '2a03ab4653b79f9a0cbcde867a6ff87a177d3bcb' }))));
+        return (h(Host, { key: 'd7a03017a11fcceb16b69e6ca1682f978f85780d', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: 'eb7436689b7954eef590ea3e62245e94b081cf20', part: "dialog", class: "dialog" }, h("slot", { key: 'dc7dee6f4adda0821a33b3bc1ff4665494220034' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/seki-dropdown-menu-checkbox.entry.js

@@ -38,10 +38,10 @@ const SekiDropdownMenuCheckbox = class {
         this._checked = this.checked;
     }
     render() {
-        return (h(Host, { key: '0690ff6add9c33f8ed67c5fc7b3d3283941dbc8e' }, h("div", { key: '4cba0db4657d03d85c0130499538bb680d689820', part: "item", role: "menuitemcheckbox", class: {
+        return (h(Host, { key: '50e535df7389f3c079f5ef7df376c8d6b9a463aa' }, h("div", { key: '84bf1f78b848ef16155b642c8ffe61cd99126ad6', 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: '1bf7812a6398cef5e970c7dfcd140958c469ef49', part: "indicator", class: "dropdown-menu-checkbox__indicator" }, this._checked && (h("svg", { key: '4907822fc69117a570e15fe792ec327c16ed7947', 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: '24de92a87d6240d97af6cbea835b13efcc5e75cf', points: "20 6 9 17 4 12" })))), h("slot", { key: 'ac10a4c1e344f30d444634ffee3e7a251a316972' }))));
+            }, 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: 'be68e7b650b22ca9de908b78803efcd83d8a5f1e', part: "indicator", class: "dropdown-menu-checkbox__indicator" }, this._checked && (h("svg", { key: '5a235e7d11840d3b3dc2a0501e3226a257fe02ae', 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: '5425469bfebab0f28fadc1019770650f67379ada', points: "20 6 9 17 4 12" })))), h("slot", { key: '17d41aab4f26dcad6fc07a82906485e702bd11d6' }))));
     }
     static get watchers() { return {
         "checked": ["watchChecked"]

package/dist/esm/seki-dropdown-menu-item.entry.js

@@ -36,11 +36,11 @@ const SekiDropdownMenuItem = class {
         return menu ? menu._dropdownMenuContext : null;
     }
     render() {
-        return (h(Host, { key: '3fb7275ba8dcbfa9c99048a135f574e15ded6390' }, h("div", { key: 'b2ff68c560277446fbf8e5782116102c4ecc14b4', part: "item", role: "menuitem", class: {
+        return (h(Host, { key: 'be569b372f67e0f4a68254ca6aa107be9c20e7aa' }, h("div", { key: '1f22bcf12b10c1f918d9b9da7ecbc6c2bc2d14d4', 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: '1214fe02f93e1ea432a5b291f5a7f7d753c80352' }))));
+            }, tabindex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("slot", { key: 'b9d0128d3403b4f6b38478278383a98c15fcd921' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/seki-dropdown-menu-label.entry.js

@@ -11,10 +11,10 @@ const SekiDropdownMenuLabel = class {
         this.inset = false;
     }
     render() {
-        return (h(Host, { key: 'ca69ff06993d671ed8ec14e2ec3fcff503a32148' }, h("div", { key: '6a49e3290dc2e77e96b0a40566130764e33dc5c2', part: "label", class: {
+        return (h(Host, { key: 'a61b4d9ee97c7eae5b0ac39262f52d840f819266' }, h("div", { key: 'd9591882cf045fd3dddf515062c7188ccb2cf148', part: "label", class: {
                 'dropdown-menu-label': true,
                 'dropdown-menu-label--inset': this.inset,
-            } }, h("slot", { key: '36709a34bf594b0f7afa4d27202828fa38f3e698' }))));
+            } }, h("slot", { key: '08b3004e77013be6b081223ac180a284280365fa' }))));
     }
 };
 SekiDropdownMenuLabel.style = sekiDropdownMenuLabelCss;

package/dist/esm/seki-dropdown-menu-radio-group.entry.js

@@ -29,7 +29,7 @@ const SekiDropdownMenuRadioGroup = class {
         this._radioGroupContext.setValue(event.detail);
     }
     render() {
-        return (h(Host, { key: '8990e6f7dc40b06935473874d426c240e4243081' }, h("div", { key: '4500756ac21e3a9c3dc9cc503a6faf507ceaa590', part: "group", role: "group", class: "dropdown-menu-radio-group" }, h("slot", { key: 'ca51896de2d9627fcb600be8626102b2feed3bb2' }))));
+        return (h(Host, { key: 'de0c1b63b8471fb4cd9396b380cae41f13be1315' }, h("div", { key: 'fc5f38afea817f40a1fca3f9256540eb29454b1b', part: "group", role: "group", class: "dropdown-menu-radio-group" }, h("slot", { key: 'a8dfd98fbcbf394e9e250434724d8a27cb66d89f' }))));
     }
     static get watchers() { return {
         "value": ["watchValue"]

package/dist/esm/seki-dropdown-menu-radio.entry.js

@@ -44,10 +44,10 @@ const SekiDropdownMenuRadio = class {
         }
     }
     render() {
-        return (h(Host, { key: 'cad74628ffcb9048bfb3ff272a26736f46cc8cfc' }, h("div", { key: '2d2fcb4a2ce6f8b4e88b828cdb4a1e2963b8e785', part: "item", role: "menuitemradio", class: {
+        return (h(Host, { key: '11d051ac22871b83d89ece1b73549822e325089d' }, h("div", { key: '99cbad1d639cef0ffd61d7901b84147e9c290ac4', 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: 'bc51c53d1f0cd5e1f74870e4c0f0e86a16312ccc', part: "indicator", class: "dropdown-menu-radio__indicator" }, this._isChecked && (h("svg", { key: '4b6ab58bc091f91f8cc328868bd5b7bc7489babf', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor" }, h("circle", { key: 'aedb60757e21002a7ab3744d921582c0dae3361b', cx: "12", cy: "12", r: "4" })))), h("slot", { key: 'f8d3a0b6296fb390289972735de1d507ac70cd70' }))));
+            }, 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: '851df3c6b080aba46174f011fde512538974db28', part: "indicator", class: "dropdown-menu-radio__indicator" }, this._isChecked && (h("svg", { key: '5f00d779565dca07a4f681de733397eaaab3b7a1', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor" }, h("circle", { key: '2cdcea3be28123cb77e01205c7ad5a9d84f528b4', cx: "12", cy: "12", r: "4" })))), h("slot", { key: '592feb955766f3edacea51a7dac6476596e84402' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/seki-dropdown-menu-separator.entry.js

@@ -7,7 +7,7 @@ const SekiDropdownMenuSeparator = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'e444ab14eb4420467b534ffe53738a0b8f4efdfa' }, h("div", { key: 'e12ac31f4e95818f87a6bf7a5fb68443a427aa8d', part: "separator", role: "separator", class: "dropdown-menu-separator" })));
+        return (h(Host, { key: 'a2fde79c6d66674749b69437d935a59379ed2bc1' }, h("div", { key: '17fee469717e65f0d11194239436fc69b73b94bc', part: "separator", role: "separator", class: "dropdown-menu-separator" })));
     }
 };
 SekiDropdownMenuSeparator.style = sekiDropdownMenuSeparatorCss;

package/dist/esm/seki-dropdown-menu-shortcut.entry.js

@@ -7,7 +7,7 @@ const SekiDropdownMenuShortcut = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '5c14f337120cacfa2f9d458bac2b417edaf53563' }, h("span", { key: '1f44246cdad4e5dde81cb0754b2f870e08316c6b', part: "shortcut", class: "dropdown-menu-shortcut" }, h("slot", { key: 'c81629bd69e2244d9d8b1a443db0f669105caf5f' }))));
+        return (h(Host, { key: 'fdc9b1aa9d753829c8a40880525266024aed4b4f' }, h("span", { key: '659670cc60fd40ccb770a97924dadd60e6008d38', part: "shortcut", class: "dropdown-menu-shortcut" }, h("slot", { key: 'dddcebd4582a5056c481f2042a979fcd63ed20b1' }))));
     }
 };
 SekiDropdownMenuShortcut.style = sekiDropdownMenuShortcutCss;

package/dist/esm/seki-dropdown-menu-trigger.entry.js

@@ -28,7 +28,7 @@ const SekiDropdownMenuTrigger = class {
         this.triggerClick.emit();
     }
     render() {
-        return (h(Host, { key: 'dc84527ecbf0155e9633722d773637f9c882a179', "data-state": this._isOpen ? 'open' : 'closed' }, h("span", { key: '990fcfc2cd97f9b51a440e30a6dca8b673a1c768', part: "trigger", class: "dropdown-menu-trigger", "aria-haspopup": "menu", "aria-expanded": this._isOpen ? 'true' : 'false' }, h("slot", { key: '7f14e328b9f2dac9f762daa2ef2a6127acc3aa66' }))));
+        return (h(Host, { key: '3003c0ece504e8604c22fd17e1b8e6a8b064fd2d', "data-state": this._isOpen ? 'open' : 'closed' }, h("span", { key: '5b5132e4cda3512291dbb8efdf22037ba2f1a7f8', part: "trigger", class: "dropdown-menu-trigger", "aria-haspopup": "menu", "aria-expanded": this._isOpen ? 'true' : 'false' }, h("slot", { key: '1e3dde73c9791efe1323d40f767c1e74ac83c8f8' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/seki-dropdown-menu.entry.js

@@ -133,7 +133,7 @@ const SekiDropdownMenu = class {
         this.removeClickOutside();
     }
     render() {
-        return (h(Host, { key: '62e10e8e9a540ade38a0cca372605baf9891397e', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: 'e8705c34207f157d5e49e3879133abf8a03b2a4c', part: "dropdown-menu", class: "dropdown-menu" }, h("slot", { key: '55ec70e208933aa02e1bd257ef2703fb7fb16a02' }))));
+        return (h(Host, { key: 'f6b933f97c2495ded96b1ea0e42aa51ed2a93a47', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: '91969e8db9af085d233f35d75241fd427752d8a1', part: "dropdown-menu", class: "dropdown-menu" }, h("slot", { key: '6a59f87d144b1ff5285ee1104c04c8b7a47e3d04' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/seki-field-description.entry.js

@@ -33,7 +33,7 @@ const SekiFieldDescription = class {
         return this.componentId;
     }
     render() {
-        return (h("div", { key: '8f0ab42afd50c29a2e02fb145243119ce98851fe', id: this.componentId, class: "description" }, h("slot", { key: 'c82988c80253ed4032528895818f1ec6ae0fba13' })));
+        return (h("div", { key: '41aef92a0ec9245137a817e4aca7310a03419482', id: this.componentId, class: "description" }, h("slot", { key: 'ea9a4168934fd775b61658a96f3ff7da04bed7ab' })));
     }
 };
 SekiFieldDescription.style = sekiFieldDescriptionCss;

package/dist/esm/seki-field-error.entry.js

@@ -53,7 +53,7 @@ const SekiFieldError = class {
     }
     render() {
         const style = this.visible ? {} : { display: 'none' };
-        return (h("div", { key: 'a4014db15a306cef7b73f9b971ef471d16138a13', id: this.componentId, class: "error", "aria-live": "polite", style: style }, h("slot", { key: 'f6d9caffaa30ddb3d74b93eb61d1add200a8e781' })));
+        return (h("div", { key: '98e129cd207d6a141fec114d9b8994eaacfc20d6', id: this.componentId, class: "error", "aria-live": "polite", style: style }, h("slot", { key: '651628ce6c79a0f64f4190b6cc6f5aa704976261' })));
     }
     static get watchers() { return {
         "visible": ["handleVisibleChange"]

package/dist/esm/seki-field-group.entry.js

@@ -15,7 +15,7 @@ const SekiFieldGroup = class {
         const style = {
             '--seki-field-group-gap': this.gap,
         };
-        return (h("div", { key: '7b55e8b5d3a7ab6f272af3503b74ca3c24868528', class: "field-group", style: style }, h("slot", { key: 'c843ae7fcf60eb951147fa0c1c23c38b34d950ca' })));
+        return (h("div", { key: '2a30737aab26613fb71ee13dc9e5263716ca743f', class: "field-group", style: style }, h("slot", { key: '7249396a9f85cc431fbeabf45dace109607527c3' })));
     }
 };
 SekiFieldGroup.style = sekiFieldGroupCss;

package/dist/esm/seki-field-label.entry.js

@@ -13,7 +13,7 @@ const SekiFieldLabel = class {
     }
     render() {
         const labelProps = this.htmlFor ? { for: this.htmlFor } : {};
-        return (h("label", Object.assign({ key: '9b2019f377e4038e8d92aa612ce27ab1f85af2b9' }, labelProps), h("slot", { key: '973355e74ab118544e8685876ced0d4876044082' }), this.required && h("span", { key: '29a84cd8a87ee7245764d5b135ec215aa7104f72', class: "required-indicator" }, " *")));
+        return (h("label", Object.assign({ key: '867372af3aa0f6accf8244b8c7a07a5afc0b4989' }, labelProps), h("slot", { key: '5518e0899ec73720bd6fcec80324b38b3ec91c02' }), this.required && h("span", { key: '5ca4c23a480c7742f8a9eda8295665e535e7b197', class: "required-indicator" }, " *")));
     }
 };
 SekiFieldLabel.style = sekiFieldLabelCss;

package/dist/esm/seki-field-legend.entry.js

@@ -7,7 +7,7 @@ const SekiFieldLegend = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("legend", { key: 'b54affabfb01c1e28bdc4145b22355f6a44cb1b5' }, h("slot", { key: '7f6b623b2472d4622a197bc4049300b63dda89c7' })));
+        return (h("legend", { key: '44dea642da702fe09d05af7372bf525bd22efca3' }, h("slot", { key: '709f08cf8804e7e1799528bef284585f171f3cf5' })));
     }
 };
 SekiFieldLegend.style = sekiFieldLegendCss;

package/dist/esm/seki-field.entry.js

@@ -36,7 +36,7 @@ const SekiField = class {
     }
     render() {
         const hasMultiple = this.hasMultipleControls();
-        return (h(Host, { key: '25f0894a52eaab5d37f6fead6a8a9e43fd45ea76', "data-orientation": this.orientation, "data-invalid": this.invalid ? '' : undefined, role: hasMultiple ? 'group' : undefined }, h("div", { key: '61be77ebfead6acb6bfbd8fd3b21fca7974ea7d4', class: "field" }, h("div", { key: '9b9c8348e6b085682ef8a727658101e03773f0fe', class: "field-label" }, h("slot", { key: 'ae350ed031d8d5ede10fc6ba9f40e0d856a93117', name: "label" })), h("div", { key: '644475f05bef9e831d37b5fa566afd6f14a200de', class: "field-control" }, h("slot", { key: 'af81777815c10ef04b9cadab0622f799ec9f14ed' })), h("div", { key: 'e292804baf7308007dae7d284798788dc54e92a6', class: "field-description" }, h("slot", { key: 'bec3f09c576a840e8c31e73db917442fc8d21ab2', name: "description" })), h("div", { key: '9c87fa66d090b008814a272d5a7cd47cbe1d9c6e', class: "field-error" }, h("slot", { key: '76c4afa75870b0ced2f6b3d3aed229e69afb2eee', name: "error" })))));
+        return (h(Host, { key: '962b5e7a39b52235fe53e69ccc0d8d7faa7c240f', "data-orientation": this.orientation, "data-invalid": this.invalid ? '' : undefined, role: hasMultiple ? 'group' : undefined }, h("div", { key: '79ad7ce6a84741139fadb88d8a2c24294d4c2f64', class: "field" }, h("div", { key: '0e5e98ca814761b9b11007c869f5affb0c79812e', class: "field-label" }, h("slot", { key: '80b86063c625670783ff39a09c81282dae343daa', name: "label" })), h("div", { key: '2732b7b6feea571485902317686a0f21f4cdac5f', class: "field-control" }, h("slot", { key: '4a3eac49815d032879770bebcc8e59cdebf04b39' })), h("div", { key: '2fdc2f1596070bb6ee2e2da6bd817a755c45418f', class: "field-description" }, h("slot", { key: '472941ab1287bd5c47f8e6e7b45311cd3be6acc9', name: "description" })), h("div", { key: '235a08bc72ad870c3f346e637a396d4835388239', class: "field-error" }, h("slot", { key: '122114bdc7c99ef1d833e52698d54fa200390730', name: "error" })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/seki-fieldset.entry.js

@@ -12,7 +12,7 @@ const SekiFieldset = class {
         this.disabled = false;
     }
     render() {
-        return (h("fieldset", { key: 'd5e00735b830814644f131382d0b2c5940d5d225', disabled: this.disabled, class: "fieldset" }, h("slot", { key: '0302e82532f0dd6be84bcccd2224033d095acffe', name: "legend" }), h("div", { key: 'f7ad90d1560862d26b0dcb75110dbaf63c0c0ddf', class: "fieldset-content" }, h("slot", { key: '65597e2b9800ec3a8d26183fe844284bdaf07984' }))));
+        return (h("fieldset", { key: 'dfecc475ab8f11854c8ad6908ff2a000d7fabf43', disabled: this.disabled, class: "fieldset" }, h("slot", { key: '1f0884c95931ec3761e9e3e3978688afdf54ee37', name: "legend" }), h("div", { key: 'f7dbcf5efea7851e4d2fd35c92aa02e754b44ba5', class: "fieldset-content" }, h("slot", { key: '2f930e2a73ea439b22e09d6e5df5f48e5a8b2d35' }))));
     }
 };
 SekiFieldset.style = sekiFieldsetCss;

package/dist/esm/seki-input.entry.js

@@ -90,7 +90,7 @@ const SekiInput = class {
         }
     }
     render() {
-        return (h("input", { key: 'b4a2a42f3542f66ff9b5ceb478f73dc0786ebe17', type: this.type, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, name: this.name, autocomplete: this.autocomplete, min: this.min, max: this.max, step: this.step, pattern: this.pattern, minlength: this.minlength, maxlength: this.maxlength, class: `input input--${this.size}${this.invalid ? ' input--invalid' : ''}`, "aria-label": this.ariaLabel, "aria-describedby": this.ariaDescribedby, "aria-invalid": this.invalid ? 'true' : null, "aria-disabled": this.disabled ? 'true' : null, onInput: this.handleInput, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur }));
+        return (h("input", { key: '80caadaa760fdfbf8dd2310b257d72ff29872aa2', type: this.type, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, name: this.name, autocomplete: this.autocomplete, min: this.min, max: this.max, step: this.step, pattern: this.pattern, minlength: this.minlength, maxlength: this.maxlength, class: `input input--${this.size}${this.invalid ? ' input--invalid' : ''}`, "aria-label": this.ariaLabel, "aria-describedby": this.ariaDescribedby, "aria-invalid": this.invalid ? 'true' : null, "aria-disabled": this.disabled ? 'true' : null, onInput: this.handleInput, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur }));
     }
     static get formAssociated() { return true; }
 };

package/dist/esm/seki-kbd.entry.js

@@ -11,7 +11,7 @@ const SekiKbd = class {
         this.size = 'md';
     }
     render() {
-        return (h("kbd", { key: 'dc9b547f52560c911c880902409cbfbd152f1356', class: `kbd kbd--${this.size}` }, h("slot", { key: '5ab761b702a6bbd6036fff75bc7ca390328d9a58' })));
+        return (h("kbd", { key: 'e684911053d61fe941c0d129f3443a1c37a6811b', class: `kbd kbd--${this.size}` }, h("slot", { key: 'cd7df0ed545914d47e8ba2b1af50259d40190ba1' })));
     }
 };
 SekiKbd.style = sekiKbdCss;

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

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

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

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

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

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

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

@@ -100,7 +100,7 @@ const SekiNavigationMenuList = class {
         this.focusedIndex = index;
     }
     render() {
-        return (h(Host, { key: '078162d361e29dc476e98f053f7ea7783413d1b3' }, h("ul", { key: '4f7e5d98c279943e11439e0798b48ccc008b766e', class: "navigation-menu-list", role: "menubar" }, h("slot", { key: '9746abbfb2dc251630dce8e12ecaa44ce4fe7697' }))));
+        return (h(Host, { key: 'f3b68cfc86bb6bede79b30d4f44738d17269a831' }, h("ul", { key: '4379c736988916d80f743cda52efa15773ffe789', class: "navigation-menu-list", role: "menubar" }, h("slot", { key: '271f44c7083fdb07dcb2f7a39c8acc6e4b8308f3' }))));
     }
     get el() { return getElement(this); }
 };

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

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

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

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

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

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

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

@@ -7,7 +7,7 @@ const SekiPaginationContent = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("ul", { key: 'dde8bab775210b72a1dbe6573d7ff641d637ce14', class: "seki-pagination-content", part: "content" }, h("slot", { key: '7081b0ce8becc4f515458d189d9c674d26283494' })));
+        return (h("ul", { key: 'bb874089dd809ba38f73fbdbdff4f0dbc5980b02', class: "seki-pagination-content", part: "content" }, h("slot", { key: 'f2e22599878180d4ff21db5c5bae13ac06b0e113' })));
     }
 };
 SekiPaginationContent.style = sekiPaginationCss;

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

@@ -7,7 +7,7 @@ const SekiPaginationEllipsis = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("span", { key: '8d7c96589c0a9876858bf24242e5aef194582fa8', "aria-hidden": "true", class: "seki-pagination-ellipsis", part: "ellipsis" }, h("svg", { key: '8031032fd6cbbb756c70b0b754274718cc284e6c', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("circle", { key: '5b7771358ac87ea01e010b04cd3983c4f248e9bb', cx: "12", cy: "12", r: "1" }), h("circle", { key: '1ab0a9db3e44f059204d3507bce6ff0067629c8e', cx: "19", cy: "12", r: "1" }), h("circle", { key: '3c38cb003dcd30b0f7557de8cc4c7dfb16091090', cx: "5", cy: "12", r: "1" })), h("span", { key: 'c9d1f10f476477986f62133dfb79b7d8b2aa8084', class: "sr-only" }, "More pages")));
+        return (h("span", { key: '451c5784f6d165c9243613705d6600d7a5599c8f', "aria-hidden": "true", class: "seki-pagination-ellipsis", part: "ellipsis" }, h("svg", { key: '9e5ee941ab6239c00d6e027a5d582ed7d5878c72', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("circle", { key: '6e5b51b315c18ac6409a923852532b8fadb2d094', cx: "12", cy: "12", r: "1" }), h("circle", { key: 'f3dd45bb2f04c236a59e293b1ceee7bb4e7fc23e', cx: "19", cy: "12", r: "1" }), h("circle", { key: '1d6ff30035df442efff21da961aea21bfbfc5254', cx: "5", cy: "12", r: "1" })), h("span", { key: 'beeed4c3363b4b5d1f0d66584d6058d829913557', class: "sr-only" }, "More pages")));
     }
 };
 SekiPaginationEllipsis.style = sekiPaginationCss;