@sekiui/elements 0.0.69 → 0.0.71

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

@@ -108,11 +108,11 @@ const SekiCheckbox = class {
     render() {
         const isChecked = this.isChecked;
         const dataState = this.indeterminate ? 'indeterminate' : isChecked ? 'checked' : 'unchecked';
-        return (index.h(index.Host, { key: 'e92ee1e3ae6554974fd28a2602cc971c33aeaaef', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, index.h("button", { key: '06a8f74c647e708653514531271c5f2e7cab7410', 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) && (index.h("span", { key: '532259b886d3e8af73b5932784746086a630439f', class: "indicator", part: "indicator" }, this.indeterminate ? (
+        return (index.h(index.Host, { key: '5866bb194841f2d9eb42613c6a09c2f70255c81a', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, index.h("button", { key: '957a6594d22d24d39722631d5ac235e1b3cc541e', 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) && (index.h("span", { key: 'e297222ecf6e5c3357f58a20da4cb9ddcc70a5f2', class: "indicator", part: "indicator" }, this.indeterminate ? (
         // Minus icon for indeterminate state
         index.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" }, index.h("line", { x1: "5", y1: "12", x2: "19", y2: "12" }))) : (
         // Checkmark icon for checked state
-        index.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" }, index.h("polyline", { points: "20 6 9 17 4 12" })))))), this.name && (index.h("input", { key: '4c848e4cdb0f10f8592d95a7da95032b202502f4', type: "checkbox", name: this.name, value: this.value, checked: isChecked, required: this.required, disabled: this.disabled, style: { display: 'none' }, tabindex: -1, "aria-hidden": "true" }))));
+        index.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" }, index.h("polyline", { points: "20 6 9 17 4 12" })))))), this.name && (index.h("input", { key: 'fe5e7b1bcf73984234d6de98999395d9c41bd266', 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/cjs/seki-collapsible-content.cjs.entry.js

@@ -85,11 +85,11 @@ const SekiCollapsibleContent = class {
         else {
             contentStyle.height = '0';
         }
-        return (index.h(index.Host, { key: '27f18a16cb1324bba8f02502131c29e6471b32bc', "data-state": this._isOpen ? 'open' : 'closed' }, index.h("div", { key: 'f82033ef12b4f0ea12ae60ca8157def45421c252', ref: (el) => (this.contentRef = el), part: "content", id: contentId, role: "region", "aria-labelledby": triggerId, "aria-hidden": !this._isOpen, class: {
+        return (index.h(index.Host, { key: '8660f862e02a0ccfa70efb4f33890a1a173dd336', "data-state": this._isOpen ? 'open' : 'closed' }, index.h("div", { key: 'b4088e9ff518e62ffeb907164474528d3da28a0a', 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 }, index.h("div", { key: '48898deaeab9bac2ec61bd22e6895265a5a797d7', class: "collapsible-content-inner" }, index.h("slot", { key: '4952c3bdce1a9df77517eae7c996c2ef2f107811' })))));
+            }, style: contentStyle }, index.h("div", { key: 'c0d48ba3d8da984c59ee450b36ee8b4282e8c070', class: "collapsible-content-inner" }, index.h("slot", { key: '22812835649db8c73d6711b00aa3a1bfe360a302' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -89,7 +89,7 @@ const SekiCollapsible = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '3d46e1be1070262917348a933841fdc653cfb3c5', "data-state": this._isOpen ? 'open' : 'closed', "data-disabled": this.disabled ? '' : undefined }, index.h("div", { key: '8499206ae23b4cadf07ee92b46c431f757934afd', part: "collapsible", class: "collapsible" }, index.h("slot", { key: 'a4133f7a00e3d7807c98c4cdca5f5991a2778f25' }))));
+        return (index.h(index.Host, { key: 'd50bcf876efd46065b47d53736d0e2d8954a7099', "data-state": this._isOpen ? 'open' : 'closed', "data-disabled": this.disabled ? '' : undefined }, index.h("div", { key: '18b870f4b67947e5ef87b6e58ad841f0eb4686c9', part: "collapsible", class: "collapsible" }, index.h("slot", { key: '344dc7aedb5d9d4d04baaac445c8772b2d7a1b52' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -36,7 +36,7 @@ const SekiComboboxContent = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '075c772adf87a091ea837910a765a85f2f562c1b', class: { 'hidden': !this.isOpen } }, index.h("div", { key: 'afa4a691a9cc139e48fbd2a1b3975b15dee44d5e', id: this.listboxId, class: "combobox-content", role: "listbox", style: { maxHeight: this.maxHeight } }, index.h("slot", { key: 'f00a97069107edd4340eaf181278d8ec905a5343' }))));
+        return (index.h(index.Host, { key: '9c0b779243c06d8bc9f17fdd79cd8f0b7dc3698e', class: { 'hidden': !this.isOpen } }, index.h("div", { key: '72e48545b9d1f225c86a76231b12c8a4b9217d52', id: this.listboxId, class: "combobox-content", role: "listbox", style: { maxHeight: this.maxHeight } }, index.h("slot", { key: 'f046906c1e8ccc7d3bb19a006644db633061450a' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-combobox-empty.cjs.entry.js

@@ -22,7 +22,7 @@ const SekiComboboxEmpty = class {
             .filter(([, active]) => active)
             .map(([name]) => name)
             .join(' ');
-        return (index.h(index.Host, { key: '6425da7611e88a06900cd83ad20190aba67c020d' }, index.h("div", { key: '84878796d46a346231e6b0eca977d34f4dcd36a4', class: classString, role: "status" }, this.renderSlotForReason(), index.h("slot", { key: '764dc897c6389b53d2f171fdacc1d1628996b5ba' }))));
+        return (index.h(index.Host, { key: '8fdc2f0a427a7e836009bff2505c20b7f40698fd' }, index.h("div", { key: '2e2e3620976fc1baf019ed90ad8e141d4b13625c', class: classString, role: "status" }, this.renderSlotForReason(), index.h("slot", { key: '669cf753d9e4a1b3419b9e6c43639c086de9ef43' }))));
     }
     /**
      * Renders the appropriate named slot based on the current reason

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

@@ -10,7 +10,7 @@ const SekiComboboxGroup = class {
         this.groupId = `combobox-group-${Math.random().toString(36).substr(2, 9)}`;
     }
     render() {
-        return (index.h(index.Host, { key: '8f7afc4a5d4610aecf985c3e1f8c2496608d9498' }, index.h("div", { key: '6766aa357f6a00b2a4fbcb6126aca916200da698', class: "combobox-group", role: "group", "aria-labelledby": this.groupId }, index.h("div", { key: 'faefff69bc4f5264809ef2e6a73a93e479afdbae', id: this.groupId, class: "combobox-group-label" }, this.label), index.h("div", { key: '89d5eceb7245acd5e36160c1f8cfc82a1c656455', class: "combobox-group-items" }, index.h("slot", { key: '1f2b6e708021437a34cd2cb7bdf5a857189ee5f0' })))));
+        return (index.h(index.Host, { key: 'b117d0c4e8db249d6041b5c70fea2269ff68de95' }, index.h("div", { key: 'c66827942e7ab8634f6e5a2f1e4ab5e8911c27a1', class: "combobox-group", role: "group", "aria-labelledby": this.groupId }, index.h("div", { key: 'd0fc316e74ef489397045a7fc1e855e6318b0d7b', id: this.groupId, class: "combobox-group-label" }, this.label), index.h("div", { key: '2fbc0a1af9f42fbb6056a613a2d7b23bc33690ec', class: "combobox-group-items" }, index.h("slot", { key: '1eb4f8a85f8afeded69b0c876f751a7e7a2c3872' })))));
     }
 };
 SekiComboboxGroup.style = sekiComboboxGroupCss;

package/dist/cjs/seki-combobox-input.cjs.entry.js

@@ -156,7 +156,7 @@ const SekiComboboxInput = class {
         const focusedItemId = this.focusedItemValue
             ? `combobox-item-${this.focusedItemValue}`
             : undefined;
-        return (index.h(index.Host, { key: 'af55bf9ddfbd93b2f8eb506598f336642f9e3baa' }, index.h("div", { key: 'd8276ec24a1ed4725b3c9d0ed4995dd267dea024', class: "combobox-input-wrapper" }, this.renderSelectedDisplay(), index.h("input", { key: '40754676011f95b9e1bc201aea1c2037849c1ef6', id: this.inputId, type: "text", class: "combobox-input", value: this.searchQuery, placeholder: this.selectedItems.length > 0 && this.multiple ? '' : this.placeholder, disabled: this.disabled, "aria-autocomplete": "list", "aria-controls": this.listboxId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-activedescendant": focusedItemId, onInput: this.handleInput, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown }))));
+        return (index.h(index.Host, { key: '4c9e22ab52565a52526e90bdb02d2951fd5d0932' }, index.h("div", { key: 'a05c73e2c6b368731728a565032f1a3e2a5c5b98', class: "combobox-input-wrapper" }, this.renderSelectedDisplay(), index.h("input", { key: '8dbddc30890b1e347113f09749d391de70825e26', id: this.inputId, type: "text", class: "combobox-input", value: this.searchQuery, placeholder: this.selectedItems.length > 0 && this.multiple ? '' : this.placeholder, disabled: this.disabled, "aria-autocomplete": "list", "aria-controls": this.listboxId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-activedescendant": focusedItemId, onInput: this.handleInput, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -69,12 +69,12 @@ const SekiComboboxItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '4bfcd03102e5914a173cf0cf637188e9dffdc03c' }, index.h("div", { key: 'f366831b12cbcc52da103bd944f081acf51cbe77', id: this.itemId, class: {
+        return (index.h(index.Host, { key: 'b655214703f70b20322a4a9ed0a2e8bd42c221c4' }, index.h("div", { key: '0cdc248bfab845c66e8ed9c347ba6a8baa15fd16', id: this.itemId, class: {
                 'combobox-item': true,
                 'selected': this.isSelected,
                 'focused': this.isFocused,
                 'disabled': this.disabled,
-            }, role: "option", "aria-selected": this.isSelected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleClick, onMouseEnter: this.handleMouseEnter }, index.h("slot", { key: '12de879c8042b691b6b4a555fc208a3c0d5b0200' }), this.isSelected && (index.h("svg", { key: 'd688bce7e0b4d7880cdf576d4f4289a3f9dc16a5', class: "check-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2" }, index.h("polyline", { key: '3961183a6811f912d40306550c7bd977cba76058', points: "20 6 9 17 4 12" }))))));
+            }, role: "option", "aria-selected": this.isSelected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleClick, onMouseEnter: this.handleMouseEnter }, index.h("slot", { key: '07574064e6c82771a2064a0650aca23ef11c1282' }), this.isSelected && (index.h("svg", { key: 'c8eafdbda8649d604f425025d65921603f3d68bc', class: "check-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2" }, index.h("polyline", { key: '154f69b4f6df4dd7ff6e97fce008498b4eb8c4b8', points: "20 6 9 17 4 12" }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -347,7 +347,7 @@ const SekiCombobox = class {
     // Render
     // ===========================
     render() {
-        return (index.h(index.Host, { key: '96d058064e0be6472ae40ae16caf5fd60403882d', role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-owns": this.listboxId, "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledby, "aria-describedby": this.ariaDescribedby }, index.h("div", { key: 'cb2dc7fe224f95bb421d509fafc796b163c20ff8', class: "combobox-container" }, index.h("slot", { key: '257e6d9a11230e1caa571d7eb16dfd35a0153e50' }))));
+        return (index.h(index.Host, { key: '1556f08562d9f3477db1b9d89cb5ac727ff1933e', role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-owns": this.listboxId, "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledby, "aria-describedby": this.ariaDescribedby }, index.h("div", { key: 'd0b5bdde2e8cfe3343f8c1761df36775151d1e9e', class: "combobox-container" }, index.h("slot", { key: '6ef0c8f4f82259c6c8acb5537f275c2d97b67cbc' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/seki-command-input.cjs.entry.js

@@ -42,7 +42,7 @@ const SekiCommandInput = class {
         var _a;
         const context = this.getContext();
         const value = (_a = context === null || context === void 0 ? void 0 : context.value) !== null && _a !== void 0 ? _a : '';
-        return (index.h(index.Host, { key: 'c14f205761ac0006595178f865eea3409f22d810' }, index.h("div", { key: '2183f5e3578b41f29ec9c914439f4ed57c94b08d', part: "input-wrapper", class: "command-input-wrapper" }, index.h("svg", { key: '54cdc0fc339a79aef8101fe49e578a10d76b8abf', part: "icon", class: "command-input-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" }, index.h("circle", { key: '4de836ffb7be1fbbd01446d861296f5db7c813b0', cx: "11", cy: "11", r: "8" }), index.h("path", { key: '97f201bbd19f719d176759c1351527b68fdb1801', d: "m21 21-4.3-4.3" })), index.h("input", { key: 'a95e670223dc38c455045bed6dbb8ebb02ba7f67', ref: (el) => (this.inputRef = el), part: "input", type: "text", class: "command-input", placeholder: this.placeholder, value: value, role: "combobox", "aria-expanded": "true", "aria-controls": "command-list", "aria-autocomplete": "list", onInput: this.handleInput, onKeyDown: this.handleKeyDown }))));
+        return (index.h(index.Host, { key: 'f4e7a8a0803d49074cf02010ffd3d5a3e88a29d0' }, index.h("div", { key: '9acd66249040e045ca5b3ff09f0587bfba6215e6', part: "input-wrapper", class: "command-input-wrapper" }, index.h("svg", { key: '43a041960b859ff1ab494c598b92386f77831ece', part: "icon", class: "command-input-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" }, index.h("circle", { key: '51a0282f566e74e8cedbbaa3d5985f94d81c9c0d', cx: "11", cy: "11", r: "8" }), index.h("path", { key: '2a25e74f1b441c746d45b4d7f2a96dad94d9bde8', d: "m21 21-4.3-4.3" })), index.h("input", { key: 'd86c2e9f256a61fc94ff8f0a8a46ba24ad039099', ref: (el) => (this.inputRef = el), part: "input", type: "text", class: "command-input", placeholder: this.placeholder, value: value, role: "combobox", "aria-expanded": "true", "aria-controls": "command-list", "aria-autocomplete": "list", onInput: this.handleInput, onKeyDown: this.handleKeyDown }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-command-list.cjs.entry.js

@@ -9,7 +9,7 @@ const SekiCommandList = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '54a1ab749f42397df292d4d2aa80ba0b9b6eb037' }, index.h("div", { key: '3d5ede102b712d771348c7502db1f1add07cc50a', part: "list", role: "listbox", class: "command-list" }, index.h("slot", { key: '4b4858a33d212b0a917c9fe7ed4c1df07aa9f9ff' }))));
+        return (index.h(index.Host, { key: '4e05a9487665f35855ee5f3f576925252ef42c16' }, index.h("div", { key: '314aeb9a206aeb4adda2bf133bdaffa252b58234', part: "list", role: "listbox", class: "command-list" }, index.h("slot", { key: '9c753efc4a2f3aa2a545907014c58b0ec1f17e5d' }))));
     }
 };
 SekiCommandList.style = sekiCommandListCss;

package/dist/cjs/seki-command-separator.cjs.entry.js

@@ -9,7 +9,7 @@ const SekiCommandSeparator = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '4657c3bb790ee6bb16922dbd054a915a1df63877' }, index.h("div", { key: '1facde6b10dd3f9592fdf8ce0e075b3f0dd92ab8', part: "separator", role: "separator", class: "command-separator" })));
+        return (index.h(index.Host, { key: 'ad586a70b9519eff2affcc4146d315fdd1ccf9a1' }, index.h("div", { key: 'd4aa77d1ce2297868a7d993f33e58830ddce2341', part: "separator", role: "separator", class: "command-separator" })));
     }
 };
 SekiCommandSeparator.style = sekiCommandSeparatorCss;

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

@@ -173,7 +173,7 @@ const SekiCommand = class {
         this.el._commandContext = this.getContext();
     }
     render() {
-        return (index.h(index.Host, { key: 'd03c810916a9f1cd22c13141d4390ea4f8cf315d' }, index.h("div", { key: 'a49ec80a1cf3cdc6855049d8510b33f05a59aad4', part: "command", class: "command" }, index.h("slot", { key: 'e80f45a26434434775bb167276c2380186dd7fa4' }))));
+        return (index.h(index.Host, { key: 'cd231694e6a454580035b5a524de9a3a78f3d8c4' }, index.h("div", { key: 'ff079bb613cc470d41f94d6ac1ccab70aa9bd7ca', part: "command", class: "command" }, index.h("slot", { key: 'edd144ac7a1ccb2798b6c670c5153cb9f4bce411' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -78,7 +78,7 @@ const SekiContextMenuTrigger = class {
         this.cancelLongPress();
     }
     render() {
-        return (index.h(index.Host, { key: 'cb8cc4ddbcc3fbe710cf013b73a5d98b151eb959', onContextMenu: this.handleContextMenu, onTouchStart: this.handleTouchStart, onTouchMove: this.handleTouchMove, onTouchEnd: this.handleTouchEnd, onTouchCancel: this.handleTouchEnd }, index.h("slot", { key: '1f082ee8be390224be2353bdf23caa71a9270bfb' })));
+        return (index.h(index.Host, { key: 'b2b22c0d1d4a137d9d8f69c1b09254e069bc1959', onContextMenu: this.handleContextMenu, onTouchStart: this.handleTouchStart, onTouchMove: this.handleTouchMove, onTouchEnd: this.handleTouchEnd, onTouchCancel: this.handleTouchEnd }, index.h("slot", { key: 'b2e6cb7eaf887a67d813026800b66243b9bd328c' })));
     }
 };
 SekiContextMenuTrigger.style = sekiContextMenuTriggerCss;

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

@@ -131,7 +131,7 @@ const SekiContextMenu = class {
         this.removeClickOutside();
     }
     render() {
-        return (index.h(index.Host, { key: '8dcfe0d1362fce84055d18a11c888f21e9fb39e0', "data-state": this._isOpen ? 'open' : 'closed' }, index.h("div", { key: 'f9c184441314ccd5aeaa967e4597de242ac8333b', part: "context-menu", class: "context-menu" }, index.h("slot", { key: '355e3b3cc9e644e70242130b800d259d0b09c154' }))));
+        return (index.h(index.Host, { key: 'fc90d9258efeec2bc9d2bc3cbc045b1870d088e0', "data-state": this._isOpen ? 'open' : 'closed' }, index.h("div", { key: 'd8c49f0e336c02c3272e9af0f5fb488b1d87b1e0', part: "context-menu", class: "context-menu" }, index.h("slot", { key: '11a57ffde09f25ce5dfcdb1bf271ed33e74df69b' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -462,10 +462,10 @@ const SekiDataTable = class {
         const visibleColumns = this.getVisibleColumns();
         const totalPages = this.getTotalPages();
         const isLoading = this.state.loading || this.loading;
-        return (index.h(index.Host, { key: 'da2383223fccee266eedb05ef67d99fc14160686' }, index.h("div", { key: '0dd877d4a74abeb7c93bcf0640fbe7cf9ef639fe', class: "data-table" }, (this.searchable || this.columnPicker) && (index.h("div", { key: '78c92ab6672760e7c5ae1ba23f3f4c540c206aca', class: "data-table__toolbar" }, this.searchable && (index.h("div", { key: 'aac4dd01e774845ddb534a466feb2f939f799eb9', class: "data-table__search" }, index.h("input", { key: 'd18587ef400f91823269d53b9931a804e0c59462', type: "text", class: "data-table__search-input", placeholder: this.searchPlaceholder, value: this.searchInputValue, onInput: this.handleSearchInput }), this.searchInputValue && (index.h("button", { key: 'ee40cbf38e2ab30a0795444c1ab97be10c590c71', type: "button", class: "data-table__search-clear", onClick: this.handleClearSearch, "aria-label": "Clear search" }, "\u00D7")))), index.h("div", { key: 'e354fa3811051e644a5d40bb1aff601871e68b0f', class: "data-table__toolbar-spacer" }), this.columnPicker && (index.h("button", { key: '5bb0b2591359e8f3745e5318a00e163d9141d8e1', type: "button", class: "data-table__column-picker-btn" }, "Columns")))), index.h("div", { key: '75615cb94f8a0cf1db5ee59842a700c56e69fb10', class: {
+        return (index.h(index.Host, { key: 'ef69a5efe09ae7df744b67bca088a777980092a4' }, index.h("div", { key: 'ba1d083df5363935bea1477c9e474818e11d9202', class: "data-table" }, (this.searchable || this.columnPicker) && (index.h("div", { key: '62555450c74f47314189b63571cbad9a99f189db', class: "data-table__toolbar" }, this.searchable && (index.h("div", { key: '42bd06b85c7b7feb8f3db2aef776f81d056a7dc4', class: "data-table__search" }, index.h("input", { key: 'd348ece6b67c3b1c7f13f2ff071973521467f4a5', type: "text", class: "data-table__search-input", placeholder: this.searchPlaceholder, value: this.searchInputValue, onInput: this.handleSearchInput }), this.searchInputValue && (index.h("button", { key: '89ea344cf44dc6aee3c2b52a850d50e2aac844b7', type: "button", class: "data-table__search-clear", onClick: this.handleClearSearch, "aria-label": "Clear search" }, "\u00D7")))), index.h("div", { key: '8a546dfa8690c2e571154aa5da27a9908c1c4cef', class: "data-table__toolbar-spacer" }), this.columnPicker && (index.h("button", { key: 'cc9d9753210339316eeaed6e9fb2a398533e9c96', type: "button", class: "data-table__column-picker-btn" }, "Columns")))), index.h("div", { key: '1e027cf981d1339aedf58810fa89c34bb3472034', class: {
                 'data-table__container': true,
                 'data-table__container--virtual': this.virtualScroll,
-            }, ref: el => (this.scrollContainerRef = el), onScroll: this.handleScroll }, index.h("table", { key: 'a1a791b706595b12e5941346f74b9128b497b8ae', class: "data-table__table", role: "grid" }, index.h("thead", { key: 'f735c43473d722bacb49fa3fbfc77cbec3133fcf', class: "data-table__head" }, index.h("tr", { key: 'c59c859436c214fb39201855bdc85f97e44b4704', class: "data-table__header-row", role: "row" }, this.selectable && (index.h("th", { key: '541febb38f65c38f02617e0815a5c252da93ffe4', class: "data-table__th data-table__th--checkbox", role: "columnheader" }, index.h("input", { key: '6a0d81656facc0e9b68559eb3276295b7885c2cf', 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 && (index.h("th", { key: '50c7fdf98b601cfa9bcbc52ba4bd744b8722d13a', class: "data-table__th data-table__th--expand", role: "columnheader" }, index.h("span", { key: 'b56608ee89064f817b74fe2f135a12756bc389fd', class: "sr-only" }, "Expand"))), visibleColumns.map(column => {
+            }, ref: el => (this.scrollContainerRef = el), onScroll: this.handleScroll }, index.h("table", { key: '6e39a8fbfbb77379d2544dc6ee2168ced4443a78', class: "data-table__table", role: "grid" }, index.h("thead", { key: '43af495683a4825caf6f9a085adc7298e354d8ce', class: "data-table__head" }, index.h("tr", { key: '13647162bbbf15e65d662504e1bef7773beee48b', class: "data-table__header-row", role: "row" }, this.selectable && (index.h("th", { key: 'a3d8afe9d70076ac2de77032d67381f15c09faba', class: "data-table__th data-table__th--checkbox", role: "columnheader" }, index.h("input", { key: '48ea1614a2c391ac38d7ded06c1ad1cc9f895642', 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 && (index.h("th", { key: 'be78143b151f393aba67f3282f9218752fc9fba1', class: "data-table__th data-table__th--expand", role: "columnheader" }, index.h("span", { key: '71b0328cc3f6f83ef33255263c211f1effed0c89', class: "sr-only" }, "Expand"))), visibleColumns.map(column => {
             var _a, _b, _c;
             return (index.h("th", { key: column.field, class: {
                     'data-table__th': true,
@@ -481,7 +481,7 @@ const SekiDataTable = class {
                     ? '↑'
                     : '↓'
                 : '↕'))), column.resizable && (index.h("div", { class: "data-table__resize-handle", onMouseDown: (e) => this.startResize(e, column) }))));
-        }))), index.h("tbody", { key: '97f50512c99a111749a98c6b2d49aabe93db787e', class: "data-table__body", style: this.virtualScroll
+        }))), index.h("tbody", { key: '9f7cb50a5a96aa96ff06a0609fa7afdccce50b6b', class: "data-table__body", style: this.virtualScroll
                 ? {
                     height: `${this.virtualScrollState.totalHeight}px`,
                     position: 'relative',
@@ -524,12 +524,12 @@ const SekiDataTable = class {
                 /* Expanded content row */
                 isExpanded && this.renderExpandedRow && (index.h("tr", { key: `${rowKey}-expanded`, class: "data-table__row data-table__row--expanded-content" }, index.h("td", { class: "data-table__td data-table__td--expanded-content", colSpan: visibleColumns.length + (this.selectable ? 1 : 0) + (this.expandable ? 1 : 0) }, index.h("div", { class: "data-table__expanded-content", innerHTML: this.renderExpandedRow(row) })))),
             ];
-        })))), isLoading && this.state.rows.length > 0 && (index.h("div", { key: 'c0abab0c31707c667c7043487073288e820bee79', class: "data-table__loading-overlay" }, index.h("div", { key: '6642deec260db85916618a9ce783e9ff134e69c4', class: "data-table__loading" }, "Loading...")))), index.h("div", { key: '217b9a73963afa30662e12cda84492e57bb72768', class: "data-table__pagination" }, index.h("div", { key: '104434d0970fa1928a3cb4b5bff41e5ce4c3b248', class: "data-table__pagination-info" }, this.state.totalRows > 0
+        })))), isLoading && this.state.rows.length > 0 && (index.h("div", { key: '0821a9f06e3ed29f73e476d16e3d086fd2314c5c', class: "data-table__loading-overlay" }, index.h("div", { key: '86382d2529dbf91a81b8bb23e4d3d1a952f1b964', class: "data-table__loading" }, "Loading...")))), index.h("div", { key: '8f14b381671fb562a3b49f82e60a4c406a112c16', class: "data-table__pagination" }, index.h("div", { key: 'fe1fc05df8d7afcbc99e3ce7eec9d7f060a52cff', 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'), index.h("div", { key: '62129574d1f9392e35deca42922df271b95ef31a', class: "data-table__pagination-controls" }, index.h("select", { key: '32fd2f1b12e77458b5b3562b9167913f2e83817a', class: "data-table__page-size", onChange: (e) => {
+            : '0 results'), index.h("div", { key: 'afb00fa601654ea5ad123129fda2c6f7aa5ed49e', class: "data-table__pagination-controls" }, index.h("select", { key: '92ce08e32cf7f57fdda8852f8b4bee900aeb6459', 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 => (index.h("option", { key: size, value: size, selected: size === this.state.pageSize }, size, " / page")))), index.h("button", { key: '7a42ff16b691c1ea6ff9e3ded83d68e908f5853d', type: "button", class: "data-table__page-btn", disabled: this.state.page === 0, onClick: () => this.handlePageChange(0), "aria-label": "First page" }, "\u00AB\u00AB"), index.h("button", { key: '9f58d84f92e5550c3bae1b44c54b809c8af742f0', type: "button", class: "data-table__page-btn", disabled: this.state.page === 0, onClick: () => this.handlePageChange(this.state.page - 1), "aria-label": "Previous page" }, "\u00AB"), index.h("span", { key: '371b3b3830178d61659a4706096dd9ef4c51bb31', class: "data-table__page-indicator" }, "Page ", this.state.page + 1, " of ", totalPages || 1), index.h("button", { key: '27a666fd053eb8890b062f804d5063ac4c526086', 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"), index.h("button", { key: 'a65708add5277c60ff15dc78d17faf92e1975f34', 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 => (index.h("option", { key: size, value: size, selected: size === this.state.pageSize }, size, " / page")))), index.h("button", { key: '18a0881636ae994ccac79a229549c2d28f408d71', type: "button", class: "data-table__page-btn", disabled: this.state.page === 0, onClick: () => this.handlePageChange(0), "aria-label": "First page" }, "\u00AB\u00AB"), index.h("button", { key: '724ce11a715e1b2ad206d3eb2852136694769b37', type: "button", class: "data-table__page-btn", disabled: this.state.page === 0, onClick: () => this.handlePageChange(this.state.page - 1), "aria-label": "Previous page" }, "\u00AB"), index.h("span", { key: '0e8583c672d269d50fd1f7cd7ea892574c60a83f', class: "data-table__page-indicator" }, "Page ", this.state.page + 1, " of ", totalPages || 1), index.h("button", { key: 'b022c1f657f4254e69d144b997c074d5a54b1bcf', 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"), index.h("button", { key: 'bf899c2b7d10db02e692126f6bd6eba86a791688', 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 index.getElement(this); }
     static get watchers() { return {

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

@@ -13,7 +13,7 @@ const SekiDialogClose = class {
         this.closeDialog.emit();
     }
     render() {
-        return (index.h(index.Host, { key: '152353389d7978a42f8cf0e40600aa9b412e6744' }, index.h("button", { key: '6c5a2205efde82161250aba52dce74a7033ecaa8', part: "close", type: "button", class: "dialog-close", "aria-label": "Close" }, index.h("slot", { key: '69cff95be84344e3fe6c7361d548b49c06eda98a' }, index.h("svg", { key: 'a90cec05eaf2f6cbb0255ec5850d63419c778026', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("path", { key: '08d6531a039824b2413003663208da452c82463e', d: "M18 6 6 18" }), index.h("path", { key: 'a884ddcba44c9a5ba068f28af695c94b3f980e41', d: "m6 6 12 12" }))), index.h("span", { key: '0a60670dce35dbb16be58473cf518f36a166a944', class: "sr-only" }, "Close"))));
+        return (index.h(index.Host, { key: '33d78d6dfc026b769ea8300e210583ffc94c1125' }, index.h("button", { key: 'ff3363f5eb1863eee754b5dd814d1a066ccf93a2', part: "close", type: "button", class: "dialog-close", "aria-label": "Close" }, index.h("slot", { key: '95be22d412b263aa2783b641731056885541c09c' }, index.h("svg", { key: '0c52457859de464f14349b5811188cf91344f014', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("path", { key: 'bf20dcc227c5623580743c294c4b6d0fe4df9b5d', d: "M18 6 6 18" }), index.h("path", { key: '7fe9c9a1e0429185f1a831a872ee0f30baafad32', d: "m6 6 12 12" }))), index.h("span", { key: '2377c48a324f51827305878bcfd0fb0884c3f97c', class: "sr-only" }, "Close"))));
     }
 };
 SekiDialogClose.style = sekiDialogCloseCss;

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

@@ -15,7 +15,7 @@ const SekiDialogDescription = class {
     }
     render() {
         const context = this.getContext();
-        return (index.h(index.Host, { key: 'eb57874041bd7a21d52a987c05a379da2e423f06' }, index.h("p", { key: '6050a8c3ca535f20b9b8fb98756c9db3f70c7a79', part: "description", id: context === null || context === void 0 ? void 0 : context.descriptionId, class: "dialog-description" }, index.h("slot", { key: '7d19cc55dc5afb4e20c4e8f9cc2dbcc2e0a7ec67' }))));
+        return (index.h(index.Host, { key: 'ece2acffbe9ca267f14409872bbe651ba42b9c38' }, index.h("p", { key: 'a78a75f9b75b1b8f062347b941fc3076a058f176', part: "description", id: context === null || context === void 0 ? void 0 : context.descriptionId, class: "dialog-description" }, index.h("slot", { key: 'f8e4436408f38878d185773fa352a298e4a8d996' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -9,7 +9,7 @@ const SekiDialogFooter = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'c21d5fe0694d71a30a203a9022a4deffbf4a42ca' }, index.h("div", { key: 'dc17d2e6727e35fc46d796d9588139c1dc21363e', part: "footer", class: "dialog-footer" }, index.h("slot", { key: '16081671ff7c14e6d6947b4ce4ff1d239fd8cf17' }))));
+        return (index.h(index.Host, { key: '376fdc7802694d4935a40581139c599f2f87f609' }, index.h("div", { key: '2d0782b18e05573dfe73eb4a339ee8f592c45b9a', part: "footer", class: "dialog-footer" }, index.h("slot", { key: 'feee7bac75b1cc5fc6b0a07231f5320274c64489' }))));
     }
 };
 SekiDialogFooter.style = sekiDialogFooterCss;

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

@@ -9,7 +9,7 @@ const SekiDialogHeader = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'aeaf80973cd007f9e4d97a44d9b30926f67250e4' }, index.h("div", { key: '1c52c288db697973bc5491f2e961d38e4efdc4d3', part: "header", class: "dialog-header" }, index.h("slot", { key: 'bc9811183a3a529677e988728d302cf228e7f9d8' }))));
+        return (index.h(index.Host, { key: 'cc0899b0cd481fe2b0b4addf64e5a40a9506c6a3' }, index.h("div", { key: 'cd0a64257eeb525fd8da0710fc990dc0540a7b49', part: "header", class: "dialog-header" }, index.h("slot", { key: '00d4d46b3cc045348e671d5623fbf6156bc4a325' }))));
     }
 };
 SekiDialogHeader.style = sekiDialogHeaderCss;

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

@@ -15,7 +15,7 @@ const SekiDialogTitle = class {
     }
     render() {
         const context = this.getContext();
-        return (index.h(index.Host, { key: '123f2fb24c33a7a162e270956da32f4bada18a75' }, index.h("h2", { key: 'c243e58a86aa2b0aea0d429421b1da9593eeec36', part: "title", id: context === null || context === void 0 ? void 0 : context.titleId, class: "dialog-title" }, index.h("slot", { key: '3530bab92502e4b28c81ff2d851c7c3fb6490cd1' }))));
+        return (index.h(index.Host, { key: '70da0bcf12595332b930f9386faaeea3b6abe224' }, index.h("h2", { key: '1f752f8556b544fdd91a011d0c6a42a702a5b9f1', part: "title", id: context === null || context === void 0 ? void 0 : context.titleId, class: "dialog-title" }, index.h("slot", { key: 'd26aec12987ea85d79f31e9f37c7ed22904de833' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -13,7 +13,7 @@ const SekiDialogTrigger = class {
         this.triggerClick.emit();
     }
     render() {
-        return (index.h(index.Host, { key: 'cac1e12108b757c392598e75ff27a160fc696b6e' }, index.h("span", { key: '1d9fad07bcabcadfc1f2d881dd560bed4f279bdf', part: "trigger", class: "dialog-trigger" }, index.h("slot", { key: '57f046bc5c75b2488af57021b8c490c84ac71a02' }))));
+        return (index.h(index.Host, { key: '073dc7c836c5aebd41476b21038ce8a90a37985f' }, index.h("span", { key: '4319bef3baa6f8b4f01a9f6d3de47060d92c7f70', part: "trigger", class: "dialog-trigger" }, index.h("slot", { key: '74bdf615eec08e25dee63e90a04b0b40de74e448' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -99,7 +99,7 @@ const SekiDialog = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'b7b2a3c356893437ddfbc654b3f1045115abf619', "data-state": this._isOpen ? 'open' : 'closed' }, index.h("div", { key: '88879dd11efceacf94a903d5f47d9e7f47aad6e9', part: "dialog", class: "dialog" }, index.h("slot", { key: 'fd82a1b54ec2606384e40dbf871a46d6c65dfe1f' }))));
+        return (index.h(index.Host, { key: '48d57811aec8d78dd24f9798ed73d8f56b9a10e2', "data-state": this._isOpen ? 'open' : 'closed' }, index.h("div", { key: 'a2e1ef8cbc5060c4aade8ff6fceb3fd5f6de9b30', part: "dialog", class: "dialog" }, index.h("slot", { key: '6c2615fbbc51037dc8df9499e4e4993987699ecd' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -74,10 +74,10 @@ const SekiDrawer = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'a31fdf12fbfae8155fc311d28a600f7c7fa1fc2b', class: {
+        return (index.h("div", { key: '7fdfcca5df5bfc278ea3d1aa68eec30e7ac25e61', class: {
                 'seki-drawer': true,
                 'seki-drawer--open': this.isOpen,
-            }, "data-snap-point": this.currentSnapPoint, part: "drawer" }, index.h("slot", { key: 'bfe80c5c9597018175c51211079e91896ba3bb4d' }), this.isOpen && (index.h("div", { key: 'd7e8c150b673bf6198ea706ee6d876f77ad7a55b', class: "seki-drawer-overlay", part: "overlay", onClick: () => this.close() }))));
+            }, "data-snap-point": this.currentSnapPoint, part: "drawer" }, index.h("slot", { key: 'b32c705496b04b6c2992aa75d8a7c276b53f77ca' }), this.isOpen && (index.h("div", { key: '01c3438a15338b5849cf90c388e7975954db8edc', class: "seki-drawer-overlay", part: "overlay", onClick: () => this.close() }))));
     }
 };
 SekiDrawer.style = sekiDrawerCss;

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

@@ -40,10 +40,10 @@ const SekiDropdownMenuCheckbox = class {
         this._checked = this.checked;
     }
     render() {
-        return (index.h(index.Host, { key: '260baae1b86071e98613b965bb2e490f5f118ae4' }, index.h("div", { key: '71cca19b0bdca8f005ac26583156659fa3500467', part: "item", role: "menuitemcheckbox", class: {
+        return (index.h(index.Host, { key: '872b261ef6b752820aab23a6f621f0e0197b1900' }, index.h("div", { key: 'fda3490eabcf62aff7f59e2d035b7035fcc5d819', 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 }, index.h("span", { key: '5c7df8e2061f41a976d4b61dc8c43290f404ee58', part: "indicator", class: "dropdown-menu-checkbox__indicator" }, this._checked && (index.h("svg", { key: '8eef4e68c5a8664c59bdd19a8f7b1d1b3afe619e', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("polyline", { key: '65e7e8073470c5073f7806a0389b0c9d5d5d394e', points: "20 6 9 17 4 12" })))), index.h("slot", { key: '85318678b6c9406a032d623430906b7eb4bb6918' }))));
+            }, tabindex: this.disabled ? -1 : 0, "aria-checked": this._checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("span", { key: 'df0db00f50f026601ea641a394f73f26bd2d7541', part: "indicator", class: "dropdown-menu-checkbox__indicator" }, this._checked && (index.h("svg", { key: '9d84d01fb1325ec18e3422e7bf86f60db71bb09e', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("polyline", { key: '4238b6705e179aa81d83faee24dcf50d7e5ca7b3', points: "20 6 9 17 4 12" })))), index.h("slot", { key: '97189fddfd23af43a2cbcd620adc6a684becb686' }))));
     }
     static get watchers() { return {
         "checked": ["watchChecked"]

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

@@ -48,11 +48,11 @@ const SekiDropdownMenuItem = class {
         return null;
     }
     render() {
-        return (index.h(index.Host, { key: 'd38d7f14636e2f2b62c6a8dc532d4391f5560863' }, index.h("div", { key: '7512f3974cd7ded0909346ee7ec8d09ed87db56d', part: "item", role: "menuitem", class: {
+        return (index.h(index.Host, { key: '96d985ddf81334ee12def9354df5d3958ef9673b' }, index.h("div", { key: 'bcf8a6b42607e9b5650a6c024463a42c06f7ffe0', 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 }, index.h("slot", { key: 'c1254310e2a4c3244e82b08172a3525a19a64b31' }))));
+            }, tabindex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("slot", { key: '712c16e1add65c21be9d45bb24658ae21f98a9be' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -13,10 +13,10 @@ const SekiDropdownMenuLabel = class {
         this.inset = false;
     }
     render() {
-        return (index.h(index.Host, { key: '76bbcdf532ae6b4d212974f04a434a2000a10d14' }, index.h("div", { key: 'dea417897bb24efcbcfbf775e4c5ef95c46baabb', part: "label", class: {
+        return (index.h(index.Host, { key: 'e9ea19c6fc5a6858f55a020f64678b94829fb625' }, index.h("div", { key: '2cf35335ec8c5705022518aed73076c03b6fba0b', part: "label", class: {
                 'dropdown-menu-label': true,
                 'dropdown-menu-label--inset': this.inset,
-            } }, index.h("slot", { key: 'f01986ae7e808e97e57d533f8c28c66269c7dee8' }))));
+            } }, index.h("slot", { key: '7885412b15d73139093ac7c370a377159d167a3f' }))));
     }
 };
 SekiDropdownMenuLabel.style = sekiDropdownMenuLabelCss;

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

@@ -31,7 +31,7 @@ const SekiDropdownMenuRadioGroup = class {
         this._radioGroupContext.setValue(event.detail);
     }
     render() {
-        return (index.h(index.Host, { key: '743dea0971caf6eacd511c2e197f45b97c7a6e6c' }, index.h("div", { key: 'e61c223eabeb13f15e1a2ebe474c8b8ebff7c3af', part: "group", role: "group", class: "dropdown-menu-radio-group" }, index.h("slot", { key: '07aa22872153cc3d5c778d999d219809439f3618' }))));
+        return (index.h(index.Host, { key: 'c3b30a4b71f4416b6c162f006cd97d7738b693a0' }, index.h("div", { key: '2803b094b5ef6ffa0aad8c0df617be6ad14dcd4c', part: "group", role: "group", class: "dropdown-menu-radio-group" }, index.h("slot", { key: '2c28f6446d94a259a1fe0877cbe2c371d6ba944a' }))));
     }
     static get watchers() { return {
         "value": ["watchValue"]

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

@@ -46,10 +46,10 @@ const SekiDropdownMenuRadio = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '16d7ae2664b71c3a795f59fea06eb2ec3cf777f3' }, index.h("div", { key: '73cbe7d31c018094793c12fe0f7e333062a09c16', part: "item", role: "menuitemradio", class: {
+        return (index.h(index.Host, { key: 'c0b3e002ebb6dd64a2c508129280e8ce208c3d81' }, index.h("div", { key: '886045cb5f9b5fe053664d899215c9a5066fb967', 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 }, index.h("span", { key: 'bdf73a083438aacbd09e5786fc2a03c49da1b11a', part: "indicator", class: "dropdown-menu-radio__indicator" }, this._isChecked && (index.h("svg", { key: '893efae5621a0cbb36862f7ad8216115033221e6', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor" }, index.h("circle", { key: '61996b36d71413ef174990b55fa800fe1e61911b', cx: "12", cy: "12", r: "4" })))), index.h("slot", { key: '9345aa5e47cc8231f28c971807b13762936cb839' }))));
+            }, tabindex: this.disabled ? -1 : 0, "aria-checked": this._isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("span", { key: 'a42030f540ad244610251796c0074b219351c5bd', part: "indicator", class: "dropdown-menu-radio__indicator" }, this._isChecked && (index.h("svg", { key: 'bba0920ef5fc2772df309454e6a17b9863ca344e', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor" }, index.h("circle", { key: 'feb3d56fbaa3a7c8e958070b701fab81493854ae', cx: "12", cy: "12", r: "4" })))), index.h("slot", { key: '4d085be9fb4ff9b6c0b8d09e0727e332ad5c5195' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -9,7 +9,7 @@ const SekiDropdownMenuSeparator = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '549a6d47b3ea409a4cbefe833d16af6f4ccd8599' }, index.h("div", { key: '343c18f5765c34eed991fa2763e73bee83654a74', part: "separator", role: "separator", class: "dropdown-menu-separator" })));
+        return (index.h(index.Host, { key: 'da46e3d5d8a3f4c95cf2278228e493b476c136fa' }, index.h("div", { key: 'b7fc9ac3da583033c8bd0046d92306effeb3c7aa', part: "separator", role: "separator", class: "dropdown-menu-separator" })));
     }
 };
 SekiDropdownMenuSeparator.style = sekiDropdownMenuSeparatorCss;

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

@@ -9,7 +9,7 @@ const SekiDropdownMenuShortcut = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '8ec6ae149ec3ffc0a2dfd1b13d129aa7027925ac' }, index.h("span", { key: 'bd1f5a35e2dccb318c82514fff31d153b038713b', part: "shortcut", class: "dropdown-menu-shortcut" }, index.h("slot", { key: 'd0dfea6ec0ba50e3c6abbe69b65a6b4e19b5365d' }))));
+        return (index.h(index.Host, { key: 'c4578c28a33d3cbe5fd8aa7165724b37a7f94004' }, index.h("span", { key: 'fc6d3115b4675aa686ec9cba8b6fadc75d4bd7c2', part: "shortcut", class: "dropdown-menu-shortcut" }, index.h("slot", { key: '3e6cfb1f87874096016fb7038d46517f67ad0357' }))));
     }
 };
 SekiDropdownMenuShortcut.style = sekiDropdownMenuShortcutCss;

package/dist/cjs/seki-dropdown-menu-sub.cjs.entry.js

@@ -132,10 +132,10 @@ const SekiDropdownMenuSub = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '1e36b4accccc5a57b0efb8b0c6bab049ff8ee2f2', "data-state": this._isOpen ? 'open' : 'closed', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("div", { key: 'be8368f949c5a5b8428883ed96d3f4273636c68d', 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" }, index.h("slot", { key: 'de849b6df6ce1c5838eafde0bcd7856bef54999a', name: "trigger" })), this._isOpen && (index.h("div", { key: '6c0ebb210394e4516098148a589f7928492f8083', ref: (el) => (this.contentRef = el), part: "content", class: {
+        return (index.h(index.Host, { key: '868a38205788300a7c3f43d43c34815106580110', "data-state": this._isOpen ? 'open' : 'closed', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("div", { key: '18d1f193ba53404b43cefdb4b749b99622ecc986', 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" }, index.h("slot", { key: '650277c9d0e7e0b3a4247528b0daf461c019a364', name: "trigger" })), this._isOpen && (index.h("div", { key: 'be9dc76ebd73267986ea7690d400207718482130', ref: (el) => (this.contentRef = el), part: "content", class: {
                 'dropdown-menu-sub-content': true,
                 'dropdown-menu-sub-content--left': this._openToLeft,
-            }, role: "menu" }, index.h("slot", { key: 'cbcb7bc45e356005275639bb9d4124b83a42aabc', name: "content" })))));
+            }, role: "menu" }, index.h("slot", { key: '06c1b5221edd7d791c25713d48a9c01a78ec12d4', name: "content" })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -30,7 +30,7 @@ const SekiDropdownMenuTrigger = class {
         this.triggerClick.emit();
     }
     render() {
-        return (index.h(index.Host, { key: '3bb4ca6df2494759b2e5bb051c01919c3d25986b', "data-state": this._isOpen ? 'open' : 'closed' }, index.h("span", { key: 'acacc034d1dfbcc13b95b0608f3cd363f4a7de03', part: "trigger", class: "dropdown-menu-trigger", "aria-haspopup": "menu", "aria-expanded": this._isOpen ? 'true' : 'false' }, index.h("slot", { key: 'fa5f78e160324d3afe4999d33341718493e98299' }))));
+        return (index.h(index.Host, { key: '181c08b7d74329150545ce08e563c61ae519c8d5', "data-state": this._isOpen ? 'open' : 'closed' }, index.h("span", { key: '9bc3e002bc55ae9fc7762b6ae0763cac7a6aec7b', part: "trigger", class: "dropdown-menu-trigger", "aria-haspopup": "menu", "aria-expanded": this._isOpen ? 'true' : 'false' }, index.h("slot", { key: 'c4a60909e0fca8d4b8546966cfab1d3ab5da503b' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -35,7 +35,7 @@ const SekiFieldDescription = class {
         return this.componentId;
     }
     render() {
-        return (index.h("div", { key: '72177df19d22549fac05867cc64a7d71a707d94b', id: this.componentId, class: "description" }, index.h("slot", { key: '937f562701d0afced90550afe2640c2e43fea58f' })));
+        return (index.h("div", { key: '24fcba94d3395b75f7481efb6b0f3aa501487bf5', id: this.componentId, class: "description" }, index.h("slot", { key: 'd582c824acba3faf8dcf8fcf2ee1d1bea8262c4b' })));
     }
 };
 SekiFieldDescription.style = sekiFieldDescriptionCss;

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

@@ -55,7 +55,7 @@ const SekiFieldError = class {
     }
     render() {
         const style = this.visible ? {} : { display: 'none' };
-        return (index.h("div", { key: 'f9a555b3cb661e84847e68fa5e2e6eb4cb7372a6', id: this.componentId, class: "error", "aria-live": "polite", style: style }, index.h("slot", { key: 'de5dbabd576693da2f633e67176bc13653a4f8c8' })));
+        return (index.h("div", { key: 'b3c824bdbbb1cefb93fb794a5785736cfa110faf', id: this.componentId, class: "error", "aria-live": "polite", style: style }, index.h("slot", { key: '296f5ad85a517e6b3cb8786f18a9a14171b19332' })));
     }
     static get watchers() { return {
         "visible": ["handleVisibleChange"]

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

@@ -17,7 +17,7 @@ const SekiFieldGroup = class {
         const style = {
             '--seki-field-group-gap': this.gap,
         };
-        return (index.h("div", { key: '5c67c4d5ff2539c76a8932b9b1595bc9eb017185', class: "field-group", style: style }, index.h("slot", { key: 'fafe59396369ce4f729e44e2bde423c43f863695' })));
+        return (index.h("div", { key: 'd504db3fb7ed73b5776b20dffbdf6c1547377afb', class: "field-group", style: style }, index.h("slot", { key: '1c479c97a25857a1a4b2523ce3f5090e84a93e2d' })));
     }
 };
 SekiFieldGroup.style = sekiFieldGroupCss;

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

@@ -15,7 +15,7 @@ const SekiFieldLabel = class {
     }
     render() {
         const labelProps = this.htmlFor ? { for: this.htmlFor } : {};
-        return (index.h("label", Object.assign({ key: '8557df7f2f88f9ff85b50a9fd5ff3c61c0d7df2b' }, labelProps), index.h("slot", { key: 'd41d1de60dc77b184a0134a7f32de79c9dd4a810' }), this.required && index.h("span", { key: '4c5077df0b4bd2eb5440d28e9eac8039a56aaac0', class: "required-indicator" }, " *")));
+        return (index.h("label", Object.assign({ key: 'd272845c4d506046e443b610bd4705f3fa70f39a' }, labelProps), index.h("slot", { key: 'ecf8ad604d0997965d74d6b823366bb1f0dc82fb' }), this.required && index.h("span", { key: 'c76be74b5612990377d55616c63b0ed2d30646f9', class: "required-indicator" }, " *")));
     }
 };
 SekiFieldLabel.style = sekiFieldLabelCss;

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

@@ -9,7 +9,7 @@ const SekiFieldLegend = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("legend", { key: '1071e818b01859049a2a54385b22d3066f64e6c4' }, index.h("slot", { key: 'db9b4ddd21a1506bc08b57fe88326fd4aaf38bed' })));
+        return (index.h("legend", { key: '79fb0b7882517c6718b80524dbc9604b2ce64302' }, index.h("slot", { key: '71cc819eb7be508a0326baf507cd80bf797b4a07' })));
     }
 };
 SekiFieldLegend.style = sekiFieldLegendCss;

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

@@ -38,7 +38,7 @@ const SekiField = class {
     }
     render() {
         const hasMultiple = this.hasMultipleControls();
-        return (index.h(index.Host, { key: '7fd0c5647a168642a0e1d383d0391b989c658c3b', "data-orientation": this.orientation, "data-invalid": this.invalid ? '' : undefined, role: hasMultiple ? 'group' : undefined }, index.h("div", { key: '7b7e30891814cea33e722a3ea5af18e47a16f81a', class: "field" }, index.h("div", { key: '00bf6fdf9d147b59b88d6f430d279db7bf0651cc', class: "field-label" }, index.h("slot", { key: '9309e537e567ecb37704e1257d791ffee5d592e4', name: "label" })), index.h("div", { key: 'b07f8eadd9bc6f16ef3a41ae8d319d29b0c892e9', class: "field-control" }, index.h("slot", { key: '830d4588b210a3e0d9149049d3de1f085ce19738' })), index.h("div", { key: '1e7d7104f8b4fcce55d2eca87634700715fd9f6a', class: "field-description" }, index.h("slot", { key: '55ce035332b5554d4bc84edd84960455b128dd3e', name: "description" })), index.h("div", { key: 'c236ac951da58165c2a1834cffc6e9bbba508927', class: "field-error" }, index.h("slot", { key: 'fd395420b5cd4fb78a7bdc381e367ae280b10a4d', name: "error" })))));
+        return (index.h(index.Host, { key: '7479a7e7c27a9d1bea98b36bfb0b8e425f5068cf', "data-orientation": this.orientation, "data-invalid": this.invalid ? '' : undefined, role: hasMultiple ? 'group' : undefined }, index.h("div", { key: 'e5e0f8441a38b77f2258c790e0985cc8e28bd82f', class: "field" }, index.h("div", { key: '27b00ceb1bcc94c55350160e0f4b3c268e12f2b3', class: "field-label" }, index.h("slot", { key: 'ec2d425cf54d90f57c506f8bb0abea25301d14d6', name: "label" })), index.h("div", { key: '13a595abf8d6b88ba906f4b6259458734147610c', class: "field-control" }, index.h("slot", { key: '8ba3ce854c6173d5226c4a2fd8c12576b759320c' })), index.h("div", { key: 'dd8cf0cc5f2877b65b235f2291b64374a070dc0d', class: "field-description" }, index.h("slot", { key: '70ffaa4714a8a739e959f9beea4924bd077b74ed', name: "description" })), index.h("div", { key: '465fe5770b03af4ff715a7a518e623aa3a4b9c4f', class: "field-error" }, index.h("slot", { key: '4f795515ee8a66991e7af8a18575e88fa8fccc98', name: "error" })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -14,7 +14,7 @@ const SekiFieldset = class {
         this.disabled = false;
     }
     render() {
-        return (index.h("fieldset", { key: '6377edbf781b09eef40de9917109b5590d87601a', disabled: this.disabled, class: "fieldset" }, index.h("slot", { key: 'a3cc6807760533966d35c0b3f5deb8bd66d68963', name: "legend" }), index.h("div", { key: 'b05a2b8ff2d4e779b85c442309fe5b00af430f45', class: "fieldset-content" }, index.h("slot", { key: '82c7908b66d1812b4e3799b70cb7cf05e441c3ff' }))));
+        return (index.h("fieldset", { key: '9466ace26c8ddd4fd2e4dd18ea9e87478e00b9cb', disabled: this.disabled, class: "fieldset" }, index.h("slot", { key: 'e748face6e8bae6e50ac0c024f5c5087a7c85dbf', name: "legend" }), index.h("div", { key: 'a35619921d96431da20138340a9e30a64055c61b', class: "fieldset-content" }, index.h("slot", { key: '0863fe78cfd6c922387c7cfeeb82ed50dc5189e0' }))));
     }
 };
 SekiFieldset.style = sekiFieldsetCss;

package/dist/cjs/seki-hover-card-trigger.cjs.entry.js

@@ -101,7 +101,7 @@ const SekiHoverCardTrigger = class {
         this.isOpen = event.detail.open;
     }
     render() {
-        return (index.h(index.Host, { key: '39f94d72fab528acfee26fc9f6e7a4ed64377696' }, index.h("span", { key: '45626d9bcf14286a8b6057fecce577a8041cdef5', 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 }, index.h("slot", { key: '5be4b714b1031b7b7cedc94d79c452d160fc20b6' }))));
+        return (index.h(index.Host, { key: 'b0096cd1955900bd08887cd0d4dc540cafb195ef' }, index.h("span", { key: '75c41ea382f7044eb907970e7a14917b34b532d4', 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 }, index.h("slot", { key: 'fb3d377e9e3fc200ab2d5a6bce05dbd0dba516d8' }))));
     }
     get el() { return index.getElement(this); }
 };