@sekiui/elements 0.0.63 → 0.0.64

package/dist/collection/components/pagination/seki-pagination-previous.js

@@ -13,11 +13,11 @@ export class SekiPaginationPrevious {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'span';
-        return (h(Tag, { key: '8f3766baf536109a9961406e02d47c7360b79f1f', href: this.href && !this.disabled ? this.href : undefined, "aria-label": "Go to previous page", "aria-disabled": this.disabled ? 'true' : undefined, class: {
+        return (h(Tag, { key: 'e330730e539f6d328ffc90d08e666617ae0c9f69', href: this.href && !this.disabled ? this.href : undefined, "aria-label": "Go to previous page", "aria-disabled": this.disabled ? 'true' : undefined, class: {
                 'seki-pagination-link': true,
                 'seki-pagination-nav': true,
                 'seki-pagination-link--disabled': !!this.disabled,
-            }, part: "previous" }, h("svg", { key: 'f9e47268abe19168269c000203a271807dd7497f', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: 'd86c3b068af2ef8367be0b5d140c60df401a3d3a', d: "m15 18-6-6 6-6" })), h("span", { key: 'ce55ae22526628cb60afcc3092f9bdb9c3c50f9f' }, "Previous")));
+            }, part: "previous" }, h("svg", { key: '24900d5ae4a3636fba9f8dead20a787dd286075b', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: '45169865e0e5d53956c2554049e98e0584964eb4', d: "m15 18-6-6 6-6" })), h("span", { key: '31545bbcdde9afdb1b5885810affefa4f5c9d7b8' }, "Previous")));
     }
     static get is() { return "seki-pagination-previous"; }
     static get encapsulation() { return "shadow"; }

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

@@ -20,7 +20,7 @@ import { h } from "@stencil/core";
  */
 export class SekiPagination {
     render() {
-        return (h("nav", { key: 'e8aff28250d5c4724fe52f5d9163a9f7a3962a3e', role: "navigation", "aria-label": "pagination", class: "seki-pagination", part: "pagination" }, h("slot", { key: '7f562121ed1d87f21e95d06d215685607cfcda20' })));
+        return (h("nav", { key: '508b9f9a002100b5e30d522de0d09159c418366c', role: "navigation", "aria-label": "pagination", class: "seki-pagination", part: "pagination" }, h("slot", { key: '7866bea20669d995108345f8e776ba45af765c1a' })));
     }
     static get is() { return "seki-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/popover/seki-popover-close.js

@@ -11,7 +11,7 @@ export class SekiPopoverClose {
         this.closePopover.emit();
     }
     render() {
-        return (h(Host, { key: 'c48af974e6c7ea5c4e926dcbff059f10eba30284' }, h("button", { key: '4b865542be98b2a2293312bc1eec095d8cccddf0', part: "close", type: "button", class: "popover-close", "aria-label": "Close" }, h("slot", { key: 'b999c7af3e6a9acc9934e00695266085389d2af2' }, h("svg", { key: 'e294b53fed105b05d318febd53101bc7e015af12', 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: '950158d7318beb82abd327b13c645ad80c610d6e', d: "M18 6 6 18" }), h("path", { key: 'b048d26b7b514ca99f30355d42879d9a9ad6ef32', d: "m6 6 12 12" }))))));
+        return (h(Host, { key: '4917bd1761ecebcc2db91c8a9c407342cb729843' }, h("button", { key: '43a1df6ddee8abbd27a119becead5f58730b8c5f', part: "close", type: "button", class: "popover-close", "aria-label": "Close" }, h("slot", { key: '566eb434e4b308707d702f82376222354a4ce806' }, h("svg", { key: '80321d5633cbfa202c391f902cd0c6ab6151fefd', 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: 'e630a6cb52dd71bc5363af19e97eb6bcd25d16c2', d: "M18 6 6 18" }), h("path", { key: 'e95c3d88bee560187b200932ef37d0472745208f', d: "m6 6 12 12" }))))));
     }
     static get is() { return "seki-popover-close"; }
     static get encapsulation() { return "shadow"; }

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

@@ -12,7 +12,7 @@ export class SekiPopoverTrigger {
         this.triggerClick.emit();
     }
     render() {
-        return (h(Host, { key: '9b9ed10391253ae38b7f81c234d58db9eb07cfed' }, h("span", { key: '4801944c1186ef5f44888e9ac1d9dd71bf8aba22', part: "trigger", class: "popover-trigger" }, h("slot", { key: '097883d9a431c58bfc5e5d34d0a85b955bf7c63a' }))));
+        return (h(Host, { key: '033c753ac4ae6fad59e75ff163c2517f69dd4d46' }, h("span", { key: '5fe817152dd4213c40c40b0815d4a02ead153baa', part: "trigger", class: "popover-trigger" }, h("slot", { key: '8cd45c21866db82966d918205745fb90a4091256' }))));
     }
     static get is() { return "seki-popover-trigger"; }
     static get encapsulation() { return "shadow"; }

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

@@ -147,7 +147,7 @@ export class SekiPopover {
         this.removeClickOutside();
     }
     render() {
-        return (h(Host, { key: 'f7ed8ab50c1ac3a36e0b7cdc5b847848075930b1', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: '84c3f963f9a20817963a6b04bf00d7acb13998b1', part: "popover", class: "popover" }, h("slot", { key: 'd91a7f2268e802270945a36cd6c5875eb95cd86e' }))));
+        return (h(Host, { key: 'cef5d98f8e1fb7ba9e12c480d94b30ef0dfbc9d4', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: '64022373efb5c3835d3a6a2d58b5c8f7b5faba78', part: "popover", class: "popover" }, h("slot", { key: 'ada45ba79cb523fad6bbdf077b7f840ae4a37207' }))));
     }
     static get is() { return "seki-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -66,7 +66,7 @@ export class SekiProgress {
         const state = this.getState();
         const percentage = this.getPercentage();
         const isIndeterminate = state === 'indeterminate';
-        return (h("div", { key: '2b7175ec866ff3a75f9b9a985a677d82c5513c07', class: "seki-progress", role: "progressbar", "aria-valuenow": isIndeterminate ? undefined : this.value, "aria-valuemin": 0, "aria-valuemax": this.max, "aria-valuetext": this.getValueLabel(), "aria-label": this.ariaLabel, "data-state": state, "data-value": this.value, "data-max": this.max }, h("div", { key: 'ff29f19dbb89d133104b480f77734c25f571ac83', class: {
+        return (h("div", { key: '96eccc43ef9afaa2cfe9cccdb8080f0fb2967717', class: "seki-progress", role: "progressbar", "aria-valuenow": isIndeterminate ? undefined : this.value, "aria-valuemin": 0, "aria-valuemax": this.max, "aria-valuetext": this.getValueLabel(), "aria-label": this.ariaLabel, "data-state": state, "data-value": this.value, "data-max": this.max }, h("div", { key: '764f8720a5b1c90ad08c56e0b2af74eb3a804116', class: {
                 'seki-progress__indicator': true,
                 'seki-progress__indicator--indeterminate': isIndeterminate,
             }, "data-state": state, "data-value": this.value, "data-max": this.max, style: {

package/dist/collection/components/radio-group/seki-radio-group-item.js

@@ -47,7 +47,7 @@ export class SekiRadioGroupItem {
     }
     render() {
         const dataState = this.checked ? 'checked' : 'unchecked';
-        return (h(Host, { key: '7c971f4617d2a974d1f797411ecdb70ba1a0e1a0', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("button", { key: '065790abd934cc4e260381b83c5b38559655cea5', type: "button", role: "radio", class: "radio", part: "radio", ref: el => this.buttonEl = el, "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, "aria-describedby": this.ariaDescribedby || undefined, tabindex: this.checked ? 0 : -1, disabled: this.disabled, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, this.checked && (h("span", { key: '22ff81b21d5114906d563722ec93c951b17831d3', class: "indicator", part: "indicator" })))));
+        return (h(Host, { key: '579ceb0e20eb50b3363a5682b1feb58bc006aa6a', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("button", { key: 'b85d5fcadba0c845c348a62249032637d53ff146', type: "button", role: "radio", class: "radio", part: "radio", ref: el => this.buttonEl = el, "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, "aria-describedby": this.ariaDescribedby || undefined, tabindex: this.checked ? 0 : -1, disabled: this.disabled, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, this.checked && (h("span", { key: '6d803cc2513056546bb60deee9ea1dab08b0ebc4', class: "indicator", part: "indicator" })))));
     }
     static get is() { return "seki-radio-group-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -123,7 +123,7 @@ export class SekiRadioGroup {
         this.updateChildItems();
     }
     render() {
-        return (h(Host, { key: 'bcce9e0c641a6635578ca391c220beaedfb38f2d', role: "radiogroup", "aria-label": this.ariaLabel, "aria-required": this.required ? 'true' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? '' : null }, h("slot", { key: '9203a59069f4e1a266a533dad2e5a8ce9b88648d' }), this.name && this.selectedValue && (h("input", { key: 'd38da2464beb91edfaf5ee0504be0da466740e9e', type: "hidden", name: this.name, value: this.selectedValue }))));
+        return (h(Host, { key: 'd4c3f644d16117f98472c22b7a4f4bae72fcedf1', role: "radiogroup", "aria-label": this.ariaLabel, "aria-required": this.required ? 'true' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? '' : null }, h("slot", { key: 'fe5fc84916d92fff0d929be539e76be41b275a30' }), this.name && this.selectedValue && (h("input", { key: '788973728809316b241244439643b514d6108e2f', type: "hidden", name: this.name, value: this.selectedValue }))));
     }
     static get is() { return "seki-radio-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -334,7 +334,7 @@ export class SekiSelect {
     // Render
     // ===========================
     render() {
-        return (h(Host, { key: '09cdd057e7d2ec0bf82d816fa7c11945feec47e2' }, h("slot", { key: '6b50553346cb3dd54ad979d82404b378acfc977d' }), this.name && this.renderHiddenNativeElement()));
+        return (h(Host, { key: 'c110550a601aa08d5abba413735d357240a5d9b3' }, h("slot", { key: '14139afd23b220b0f3081f7381aa5510131af8e8' }), this.name && this.renderHiddenNativeElement()));
     }
     renderHiddenNativeElement() {
         if (this.multiple) {

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

@@ -11,7 +11,7 @@ export class SekiSelectGroup {
     // Render
     // ===========================
     render() {
-        return (h(Host, { key: '44f7ebd6bab25526aae2fc9fbba48b493038e332' }, h("div", { key: 'ac4c537c626e37286e6399402417d2617704e3fe', class: "group", role: "group", "aria-labelledby": this.groupLabelId }, h("div", { key: '18d299ed8811278924f4365642d55b525c9845a9', class: "group-separator", "aria-hidden": "true" }), h("div", { key: 'eb2a27542b953a7743078358bb3ad201e11638c6', class: "group-label", id: this.groupLabelId, role: "presentation" }, h("slot", { key: '128bca945087fa9b68ea9f495819d94a8f7dd189', name: "label" }, this.label)), h("div", { key: '0e445b3508449873d5b5349dd5787f00faee4d97', class: "group-options" }, h("slot", { key: '8c598a062807253942b3169c4909233e49986e7b' })))));
+        return (h(Host, { key: 'dca8fbe31e5c41a84c02d3d74c05b321c11d5a82' }, h("div", { key: 'ef8bee775f0d82ed8d07f9d0b6536b6e3260ebff', class: "group", role: "group", "aria-labelledby": this.groupLabelId }, h("div", { key: '146deb5607ba94f23a46b3f5baeafcabeec52658', class: "group-separator", "aria-hidden": "true" }), h("div", { key: '30ebf405317419271134651f39dce7ec74041078', class: "group-label", id: this.groupLabelId, role: "presentation" }, h("slot", { key: '36da05fa59cb940572280c746ea3975e4b93df72', name: "label" }, this.label)), h("div", { key: '4d0ce029f20b7d100d459e41549562f8d371e442', class: "group-options" }, h("slot", { key: 'fb5d98ef6ac46382df96a191d58965eb2d57ecbf' })))));
     }
     static get is() { return "seki-select-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/select-option/seki-select-option.js

@@ -75,7 +75,7 @@ export class SekiSelectOption {
         const selectContext = this.getSelectContext();
         const isSelected = (selectContext === null || selectContext === void 0 ? void 0 : selectContext.isValueSelected(this.value)) || false;
         const isFocused = (selectContext === null || selectContext === void 0 ? void 0 : selectContext.focusedOptionValue) === this.value;
-        return (h(Host, { key: '42b9de08c76f2d3390b1869397c80e369cd32c84' }, h("div", { key: 'b427f42b7873d9dd47f896620b26300f0398d827', class: "option", role: "option", id: this.optionId, onClick: this.handleOptionClick, onFocus: this.handleOptionFocus, onKeyDown: this.handleOptionKeyDown, "aria-selected": isSelected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "data-selected": isSelected ? 'true' : undefined, "data-focused": isFocused ? 'true' : undefined, "data-disabled": this.disabled ? 'true' : undefined, tabindex: -1 }, h("span", { key: '3c84214fff09ab7640be1b5d56aec8d91ad44fea', class: "option-label" }, h("slot", { key: '009934d3d4ae2ff2932754e452bfb714506f9e66' })), isSelected && (h("span", { key: '83a2b4677b14b1475821cc3fa2c498cf98a9b4dd', class: "option-indicator", "aria-hidden": "true" }, h("slot", { key: 'c89afd67a5ec18f95954abdaf00946d479af3532', name: "selected-indicator" }, h("svg", { key: 'b98d93bf38b86c41675414d11f6b4067ce42ace4', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '089ad914e2f7636fdf74d1d944e4417b1985c398', d: "M10 3L4.5 8.5L2 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
+        return (h(Host, { key: '34b0054a9810a9717159d13938bc0a6714823972' }, h("div", { key: 'bdffceb8a1bc408998484bcf5fbc45b894854660', class: "option", role: "option", id: this.optionId, onClick: this.handleOptionClick, onFocus: this.handleOptionFocus, onKeyDown: this.handleOptionKeyDown, "aria-selected": isSelected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "data-selected": isSelected ? 'true' : undefined, "data-focused": isFocused ? 'true' : undefined, "data-disabled": this.disabled ? 'true' : undefined, tabindex: -1 }, h("span", { key: '240b1b1ac7a97f029ead79838d88fcab8ec44324', class: "option-label" }, h("slot", { key: '6b425f82130d506460cee4278aaf11e5636ca41e' })), isSelected && (h("span", { key: '44e1260f0b069176051acabd2c0d068a907c2be0', class: "option-indicator", "aria-hidden": "true" }, h("slot", { key: '1bc3a477d945c10ba5dcd443f7dc08e87ab6632f', name: "selected-indicator" }, h("svg", { key: 'fb645a2cae4ab9379e8214569146d8cfa2e2d880', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'edf1ef0fd7578c7a3442741e36040a65a377db2e', d: "M10 3L4.5 8.5L2 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
     }
     static get is() { return "seki-select-option"; }
     static get encapsulation() { return "shadow"; }

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

@@ -23,7 +23,7 @@ export class SekiSeparator {
     }
     render() {
         const isVertical = this.orientation === 'vertical';
-        return (h("div", { key: '1aea6e55b68b6eb13e4e437f599e414fa0f3e909', class: {
+        return (h("div", { key: '9bc05b90262f215a1f56971d4839317de947ec31', class: {
                 'seki-separator': true,
                 'seki-separator--horizontal': !isVertical,
                 'seki-separator--vertical': isVertical,

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

@@ -11,7 +11,7 @@ export class SekiSheetClose {
         };
     }
     render() {
-        return (h("div", { key: '5c6572141caed4f651f7b3b9049feca037106f8a', class: "seki-sheet-close", part: "close", onClick: this.handleClick }, h("slot", { key: '84a07b8e54e43310876ed2329589685afdde7336' })));
+        return (h("div", { key: '7f8eacd7ccc7434d2e618ac5c54ccde1ba623a05', class: "seki-sheet-close", part: "close", onClick: this.handleClick }, h("slot", { key: 'f38e1ff6f5842c5d9fb60a9a1323601ba851b795' })));
     }
     static get is() { return "seki-sheet-close"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/sheet/seki-sheet-content.js

@@ -23,10 +23,10 @@ export class SekiSheetContent {
         }
     }
     render() {
-        return (h(Host, { key: '37902e05ce7c5f1c451c08cd883ffc01e1177b70', "data-side": this.side }, h("div", { key: '516aa05bcb2e34f5e2e6b031a9820890bacf1b6d', role: "dialog", "aria-modal": "true", class: {
+        return (h(Host, { key: 'ed1ff16d14f6b4018da1618edb1038a570123879', "data-side": this.side }, h("div", { key: '0fa8afd6ba15e0a32dd14d68c05d701e0b1f12e6', role: "dialog", "aria-modal": "true", class: {
                 'seki-sheet-content': true,
                 [`seki-sheet-content--${this.side}`]: true,
-            }, part: "content" }, h("button", { key: 'c3eb4ffb244e092e66abb2f0113c9ffb3fc1ba1f', type: "button", class: "seki-sheet-close-button", "aria-label": "Close", onClick: this.handleCloseClick }, h("svg", { key: 'e8e226894d7e1fda9437a87bdabedcb0a7f3ebd2', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: '1681bf1683a75f31e801838346d441fb49efe647', d: "M18 6 6 18" }), h("path", { key: '07ca021e275d96e5951a17220980cf8a491861b5', d: "m6 6 12 12" }))), h("slot", { key: 'a4c6293e09ad0c43ca294139a9b5bca9f8b6f3c5' }))));
+            }, part: "content" }, h("button", { key: 'fdcdc83fc3f7bc2cfe19a4e40db391e640c398e8', type: "button", class: "seki-sheet-close-button", "aria-label": "Close", onClick: this.handleCloseClick }, h("svg", { key: 'efc7b88ae3123e0e76fc82af69e1648ae56b63d8', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: '7fc51c72b57108da90c03a4ef5a209f52cf4e518', d: "M18 6 6 18" }), h("path", { key: 'a43b7d1e5d81e46b729376dd1e3949ae00ae933f', d: "m6 6 12 12" }))), h("slot", { key: '9b979b500288b9293ea6df3d38204795e230d2c9' }))));
     }
     static get is() { return "seki-sheet-content"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class SekiSheetDescription {
     render() {
-        return (h("p", { key: '3428f94337f9cc3a01b9f675edcdf75e7c36e276', class: "seki-sheet-description", part: "description" }, h("slot", { key: '782ec40a1f651661acb5139cc31a416bf4f6cc8a' })));
+        return (h("p", { key: '9fbe3f677aba8e70c32f2bff2cf21e0013dc17fa', class: "seki-sheet-description", part: "description" }, h("slot", { key: 'd42cf576101d5c6a7f1dae4fb8916dbb8cf52bc1' })));
     }
     static get is() { return "seki-sheet-description"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class SekiSheetFooter {
     render() {
-        return (h("div", { key: 'd76340e4522c959f459aa4a8458a5fbf166c5565', class: "seki-sheet-footer", part: "footer" }, h("slot", { key: 'b0a19214a8aa86c35b1cbbeebcf50d602afbbeaf' })));
+        return (h("div", { key: 'ec2e5a79224929f7dadba9d92dd8909ed6756677', class: "seki-sheet-footer", part: "footer" }, h("slot", { key: 'e17445b1ec97a254bfa043bd082f9e9a2176d58e' })));
     }
     static get is() { return "seki-sheet-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class SekiSheetHeader {
     render() {
-        return (h("div", { key: '10f62dce33654cc327f3f4a96837136ac3d3912b', class: "seki-sheet-header", part: "header" }, h("slot", { key: '7e3617bf35eafc859aac4a11f8aeee73ff01d65d' })));
+        return (h("div", { key: '2aeb8dc8c9c739f20656e8436ca57a05fd1deaba', class: "seki-sheet-header", part: "header" }, h("slot", { key: '5135f9a81ad77e6c69433f737b1d62c11d8a6921' })));
     }
     static get is() { return "seki-sheet-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class SekiSheetTitle {
     render() {
-        return (h("h2", { key: 'fa8aa9f21eb9e2c952d3ce5cbbde7d269003d138', class: "seki-sheet-title", part: "title" }, h("slot", { key: '21680ab4f18bff3c05bec061355531b54962505d' })));
+        return (h("h2", { key: '09748dc861d9d3e1ff77cd488c535f8beef72661', class: "seki-sheet-title", part: "title" }, h("slot", { key: 'ca2f9a8f9ca917d13b788dab40c95642fd6d269e' })));
     }
     static get is() { return "seki-sheet-title"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,7 +11,7 @@ export class SekiSheetTrigger {
         };
     }
     render() {
-        return (h("div", { key: '1b9b1557b1743f5e84dba612223c4cb27b5d3f2b', class: "seki-sheet-trigger", part: "trigger", onClick: this.handleClick }, h("slot", { key: '0d629bff5dcf4814d1d2aeb3acf9ae660b3ab9dd' })));
+        return (h("div", { key: '7944f71598de1c7029cd12d56c9f6005e8b585ce', class: "seki-sheet-trigger", part: "trigger", onClick: this.handleClick }, h("slot", { key: 'e876c1ad18ac2e76b6d0b510bc740021ff30bf97' })));
     }
     static get is() { return "seki-sheet-trigger"; }
     static get encapsulation() { return "shadow"; }

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

@@ -61,10 +61,10 @@ export class SekiSheet {
         }
     }
     render() {
-        return (h("div", { key: 'd091155eb7c9191771ad587d6321998971b5fede', class: {
+        return (h("div", { key: '874c68220787799bdaa3ae8ed29ca86c1b587823', class: {
                 'seki-sheet': true,
                 'seki-sheet--open': this.isOpen,
-            }, part: "sheet" }, h("slot", { key: '5e11b990fc0e72cb5532db0fc10e1d1a318a69f9' }), this.isOpen && (h("div", { key: '346efa40e3eb26f5e4e6a906c7d3a021f11c9466', class: "seki-sheet-overlay", part: "overlay", onClick: () => this.close() }))));
+            }, part: "sheet" }, h("slot", { key: '7137d6e580a7b54b1fd40dcbbe150420755dd2a6' }), this.isOpen && (h("div", { key: 'bd643a315d033026f995d5169ea3c81b39db4287', class: "seki-sheet-overlay", part: "overlay", onClick: () => this.close() }))));
     }
     static get is() { return "seki-sheet"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SekiSidebarContent {
     render() {
-        return (h("div", { key: '2d2f59e7999d023dfbffee23adb18e609ad12a57', class: "sidebar-content" }, h("slot", { key: 'f394192a49a6664609ce7a7478b9cb150294eb68' })));
+        return (h("div", { key: '440800f4a55551a29c0a1570c6e1b7fcb0aaa3be', class: "sidebar-content" }, h("slot", { key: 'ded6225e91fb6b155e90f55c7aa469fbed4a49e5' })));
     }
     static get is() { return "seki-sidebar-content"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,7 +17,7 @@ export class SekiSidebarFooter {
         this._isIconMode = !event.detail.open && !event.detail.isMobile;
     }
     render() {
-        return (h(Host, { key: '4987ce3f656613529149c7762ba66d9e42694e57', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: '8d416ca8a4bffa338926bad21fdfcf585baa142a', class: { 'sidebar-footer': true, 'sidebar-footer--icon-mode': this._isIconMode } }, h("slot", { key: '611f7e05e0334c02e89cfad7c2891b1ba7c35500' }))));
+        return (h(Host, { key: '7533108aae72a1fc510668de33c0265315fa09f2', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: '004b64c3d9afee004807ad9db13e6fc233ccd407', class: { 'sidebar-footer': true, 'sidebar-footer--icon-mode': this._isIconMode } }, h("slot", { key: '80493bb142f326bb31ced8e8553794dbe66703f6' }))));
     }
     static get is() { return "seki-sidebar-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@ export class SekiSidebarGroupAction {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: 'c7c81a38e3312a8b8f40d4ae8a6c15ba9f21c1cf' }, h("button", { key: 'ddab7aade572f54c07f181da1022a63e2a36673a', class: "sidebar-group-action", type: "button", disabled: this.disabled, "aria-label": this.ariaLabel }, h("slot", { key: '426ded3108545e402ec4e6823c35aebde80f77a3' }))));
+        return (h(Host, { key: '80f23ed1303997491b01245989dc6ef0d1a1097c' }, h("button", { key: 'c6e71e6a2e6fea6a6b075a461141f4f0590eb9c6', class: "sidebar-group-action", type: "button", disabled: this.disabled, "aria-label": this.ariaLabel }, h("slot", { key: '41db36bee9d1bf6421808c3107e1a9d99e429d08' }))));
     }
     static get is() { return "seki-sidebar-group-action"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SekiSidebarGroupContent {
     render() {
-        return (h("div", { key: '06cb75bd943beba931e67b9f86555441499cd28b', class: "sidebar-group-content" }, h("slot", { key: '4836c3b2a46b4970141c5caf787fdd37521ad5b9' })));
+        return (h("div", { key: 'b6abc168dfb77d0fadd60727fec0d662b3ef915b', class: "sidebar-group-content" }, h("slot", { key: '178dd847412c2f894fddb4c6d25e15b21f2c9558' })));
     }
     static get is() { return "seki-sidebar-group-content"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SekiSidebarGroupLabel {
     render() {
-        return (h("div", { key: '10db603e593b10bff6631617bbabc1407dbe6f3a', class: "sidebar-group-label" }, h("slot", { key: 'f2a9fa6fabbd2cb5177c9cfad3306d2e9124d1be' })));
+        return (h("div", { key: 'bdcf100832378dc3635726b014a6a3ea641c42ba', class: "sidebar-group-label" }, h("slot", { key: 'a085589cffd5b226b9ac859edf800d814b4d83a6' })));
     }
     static get is() { return "seki-sidebar-group-label"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SekiSidebarGroup {
     render() {
-        return (h("div", { key: '103e796508610db5155cda1f54a5f3039dd095e9', class: "sidebar-group" }, this.label && (h("seki-sidebar-group-label", { key: 'fd88a2a46c146faa7804f798a23292c1d4e1a4db' }, this.label)), h("div", { key: '27ccc9e42a8566363f81eee9e591fd8cbc5d1ae7', class: "sidebar-group-content" }, h("slot", { key: '3be6067f553d9afe50dc80f83c375179a524d580' }))));
+        return (h("div", { key: 'b7c7c38de6eaa2437d14c64d1a75b58a2775b9e3', class: "sidebar-group" }, this.label && (h("seki-sidebar-group-label", { key: '77314d079fde51fe6b6d4c083dc07f5ffef98f65' }, this.label)), h("div", { key: '7d7e9ff88e755758fcaa5fe518d663a2d6b46060', class: "sidebar-group-content" }, h("slot", { key: '70c4a637ff684409f14424ac8c669aefa53a141c' }))));
     }
     static get is() { return "seki-sidebar-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,7 +17,7 @@ export class SekiSidebarHeader {
         this._isIconMode = !event.detail.open && !event.detail.isMobile;
     }
     render() {
-        return (h(Host, { key: 'e192b5946a22db02a845e152e181635fb9fe29a0', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: 'bb0fafbce6410b19bdb6bb27a60f852d2753bb0f', class: { 'sidebar-header': true, 'sidebar-header--icon-mode': this._isIconMode } }, h("slot", { key: '0b5e588999b2fcce7ce9b046391f639bf2083e68' }))));
+        return (h(Host, { key: '80fa3e3f3114904e540aeed90055875cba54bd9d', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: 'f9e361e8f673dc6a5cf7d220f2e532b39dd35a9e', class: { 'sidebar-header': true, 'sidebar-header--icon-mode': this._isIconMode } }, h("slot", { key: '4597be6db31279cdcabc16fa52d317d6f5ed7a80' }))));
     }
     static get is() { return "seki-sidebar-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SekiSidebarInset {
     render() {
-        return (h("div", { key: '060f19fc478f47e37c362fdd8317136e54ddab40', class: "sidebar-inset" }, h("slot", { key: '562c8c6414485016e244c7977562375208ed6763' })));
+        return (h("div", { key: 'f5e0668608715a3baee9aeb62db2727373f93355', class: "sidebar-inset" }, h("slot", { key: '282318b6efd605111a5669f59c8cd111f28f8fc3' })));
     }
     static get is() { return "seki-sidebar-inset"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@ export class SekiSidebarMenuAction {
         this.disabled = false;
     }
     render() {
-        return (h("button", { key: '980c3fbad3a50153cb56638f32436171a84008fc', class: "sidebar-menu-action", disabled: this.disabled, type: "button", "aria-label": "More options" }, h("slot", { key: 'cf528fd515c6a0785249e3bec661db5d19ff9532' })));
+        return (h("button", { key: '2b0cfc60d4435f5542fe69b32a61c4e6f4bac7b3', class: "sidebar-menu-action", disabled: this.disabled, type: "button", "aria-label": "More options" }, h("slot", { key: 'bd496508028b5b579d5d54b7be4e5354d8d02852' })));
     }
     static get is() { return "seki-sidebar-menu-action"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SekiSidebarMenuBadge {
     render() {
-        return (h("span", { key: '2329cae3149a071bddc9b9eb10efd74ade71a1cf', class: "sidebar-menu-badge" }, h("slot", { key: 'bc658c9c3fc8444c7024695e18f06f3926e588cf' })));
+        return (h("span", { key: 'bd8c865ae2c4608299012cab994a6b4340db748c', class: "sidebar-menu-badge" }, h("slot", { key: 'ea28d94f9058c392b1ae77b6e3a03a259b574d38' })));
     }
     static get is() { return "seki-sidebar-menu-badge"; }
     static get encapsulation() { return "shadow"; }

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

@@ -68,7 +68,7 @@ export class SekiSidebarMenuButton {
                 buttonProps.tabIndex = -1;
             }
         }
-        return (h(Tag, Object.assign({ key: '8545b42dbdee8d2b4ae1870aa8b957ea0af41e11' }, buttonProps), h("span", { key: 'dd9f34c6c8dbdd4de7b0110ab4960f64380749a8', class: "sidebar-menu-button-content" }, h("slot", { key: '2acdaf5646628499d491456d187c3455ac9ebcd3' })), this._isIconMode && this.tooltipText && (h("span", { key: 'c18efba10bf236560c6cbd71677088fa008f2b2d', class: "sr-only" }, this.tooltipText))));
+        return (h(Tag, Object.assign({ key: '089f3657d4a5e3e7d36f1970d3d048257ee838a6' }, buttonProps), h("span", { key: '3db7e5f530a34e7e547c98c3ee549e522d8b0d8e', class: "sidebar-menu-button-content" }, h("slot", { key: 'd75951d5ea727caa8dec556efe21c1116038c0c1' })), this._isIconMode && this.tooltipText && (h("span", { key: '1907a24cff0aa545f5f069b04ce822760bbaefb4', class: "sr-only" }, this.tooltipText))));
     }
     static get is() { return "seki-sidebar-menu-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SekiSidebarMenuItem {
     render() {
-        return (h("li", { key: '3bae95525b0462f9bd4978accf64e72d1dc58d94', class: "sidebar-menu-item", role: "none" }, h("slot", { key: '382e30cb7f8d3ade89d98cbf373abbf4625428fd' })));
+        return (h("li", { key: '04f297c6a73cf5b838edaa84eb75df5660c9d1a6', class: "sidebar-menu-item", role: "none" }, h("slot", { key: '16f03115765577233d2dda3837cc64c7e70ae698' })));
     }
     static get is() { return "seki-sidebar-menu-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@ export class SekiSidebarMenuSkeleton {
         this.showIcon = false;
     }
     render() {
-        return (h("div", { key: 'aa01a4d37691cbe222e874b41b3ace6a39e1a7b0', class: "sidebar-menu-skeleton" }, this.showIcon && h("div", { key: 'd43cb97c8e1e1689e17a1846f74a19ba2a795547', class: "sidebar-menu-skeleton-icon" }), h("div", { key: '9d8cf02bb4188bf30e3c3fc9732d0ef0e8107097', class: "sidebar-menu-skeleton-text" })));
+        return (h("div", { key: '590cbb890e448303c4363b4acd9fbf9fe5edac49', class: "sidebar-menu-skeleton" }, this.showIcon && h("div", { key: '31fe3117640c6bdaf1d12dd4659041dd56d7ea0c', class: "sidebar-menu-skeleton-icon" }), h("div", { key: '4f6313760e452a7a8483c33a9955783b16e8c0f1', class: "sidebar-menu-skeleton-text" })));
     }
     static get is() { return "seki-sidebar-menu-skeleton"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,10 +11,10 @@ export class SekiSidebarMenuSubButton {
         this.disabled = false;
     }
     render() {
-        return (h("button", { key: '2c2f6139e509229dc74a048992938d8c22c3b38a', class: {
+        return (h("button", { key: '6bf08f32b14152c0a6f99536d711a3c2d3ab47d5', class: {
                 'sidebar-menu-sub-button': true,
                 'sidebar-menu-sub-button--active': this.active,
-            }, disabled: this.disabled, type: "button", role: "menuitem" }, h("slot", { key: 'fb3b763011c506848e77b0e659b683372f67f4c5' })));
+            }, disabled: this.disabled, type: "button", role: "menuitem" }, h("slot", { key: 'd925e659cd1af0ae739cc99e108923ac9a0c7b77' })));
     }
     static get is() { return "seki-sidebar-menu-sub-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SekiSidebarMenuSubItem {
     render() {
-        return (h("li", { key: '004db2f24634004439c7eb615ddd3994ca252adc', class: "sidebar-menu-sub-item", role: "none" }, h("slot", { key: '98fd7108a24f22da1159745f921ce9df64094a33' })));
+        return (h("li", { key: 'fdc5c44c48bdca7ed4d7c9c2ff13498ef8c4b192', class: "sidebar-menu-sub-item", role: "none" }, h("slot", { key: 'c8acb7d91828c783565eb6357a27f691f2b295ec' })));
     }
     static get is() { return "seki-sidebar-menu-sub-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -42,13 +42,13 @@ export class SekiSidebarMenuSub {
         }
     }
     render() {
-        return (h(Host, { key: 'f0b38701f3ec6a74d58a1ae87d2b8a2833e39ffe', "data-state": this._open ? 'open' : 'closed' }, h("div", { key: '1db296082374ee9aa3402ffdc47ecd5a3e80aa73', class: "sidebar-menu-sub" }, h("div", { key: 'd1c4486e154a079fd5ef6396b9f502a2960d5d8d', class: "sidebar-menu-sub-trigger" }, h("slot", { key: '2032288ac47383930a5396133d6e2f8c71190eb1', name: "trigger" }), h("svg", { key: 'a63db60e8c97d2eeff6782ecd5b1106463657c47', class: {
+        return (h(Host, { key: 'c4cc2fc8d329dc20b520dbee53a8eae0545024b7', "data-state": this._open ? 'open' : 'closed' }, h("div", { key: '7a5de5390de326b738e19153ed263569515b6051', class: "sidebar-menu-sub" }, h("div", { key: '0198303e0fef1634f9a334ad567e7aa66cc92f0b', class: "sidebar-menu-sub-trigger" }, h("slot", { key: 'fd661ee57f34210e3a8adebd37d26845b7cc1494', name: "trigger" }), h("svg", { key: '8e4e97921723e0dd70ab833e2a9f85f6a82c5027', class: {
                 'sidebar-menu-sub-chevron': true,
                 'sidebar-menu-sub-chevron--open': this._open,
-            }, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: 'e395aabf275e724bc8622f41b05ec474306c3708', d: "m9 18 6-6-6-6" }))), h("div", { key: '8401500345fe5c03823650490ae5a86bcb4859a7', class: {
+            }, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: '27387ab6bbfac4e879ee6f22df6a7dcc0549f231', d: "m9 18 6-6-6-6" }))), h("div", { key: 'bd6a82d19dba84667ef6d3e86c155276597f195f', class: {
                 'sidebar-menu-sub-wrapper': true,
                 'sidebar-menu-sub-wrapper--open': this._open,
-            } }, h("ul", { key: '5f6c2fd5ec1a41464c10e2c6df398ff235f7734f', class: "sidebar-menu-sub-content", role: "menu", "aria-hidden": !this._open }, h("slot", { key: '30c823ff326ac4d94b65462ebc7d7d763ac6a463' }))))));
+            } }, h("ul", { key: 'c32f2fa9adc6e80c61c66f127d6e79d605b00105', class: "sidebar-menu-sub-content", role: "menu", "aria-hidden": !this._open }, h("slot", { key: 'd23d71ff7d06a1e2eb43330b1eda11013d141398' }))))));
     }
     static get is() { return "seki-sidebar-menu-sub"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SekiSidebarMenu {
     render() {
-        return (h("ul", { key: '6d9d392377b3ec5329941ec4bb37be4b6dbac5f5', class: "sidebar-menu", role: "menu" }, h("slot", { key: '7ea57231d537d849399dc7cbf5ea13e8ebb72a9d' })));
+        return (h("ul", { key: '43a16f7b41789549c38bc0a6175c4a48d00b898a', class: "sidebar-menu", role: "menu" }, h("slot", { key: '480a77a093c7969f4803c2e599e883b05b890424' })));
     }
     static get is() { return "seki-sidebar-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -131,7 +131,7 @@ export class SekiSidebarProvider {
             '--sidebar-width-icon': this.sidebarWidthIcon,
             '--sidebar-width-mobile': this.sidebarWidthMobile,
         };
-        return (h(Host, { key: 'b96bf007ba5c484e57709d02147830764d54bd51', "data-state": this._open ? 'open' : 'closed', "data-mobile": this._isMobile ? 'true' : 'false', "data-mobile-open": this._openMobile ? 'true' : 'false', style: style }, h("slot", { key: 'b482bd4be5713894b7a4e631b3c124b8616273c2' })));
+        return (h(Host, { key: '3a8c9a93e78ea4de3b82d03978cb74aa34dd7593', "data-state": this._open ? 'open' : 'closed', "data-mobile": this._isMobile ? 'true' : 'false', "data-mobile-open": this._openMobile ? 'true' : 'false', style: style }, h("slot", { key: '153a4d1656c5da6ecc31bdc775c16dbbcfa47e64' })));
     }
     static get is() { return "seki-sidebar-provider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/sidebar/seki-sidebar-rail.js

@@ -9,7 +9,7 @@ export class SekiSidebarRail {
         };
     }
     render() {
-        return (h(Host, { key: '66323f68288d350674396a14b4cd34a92668c21b' }, h("button", { key: '0dfc15c1a7f4f2180cac3365b26a6e691e1e144a', class: "sidebar-rail", type: "button", tabIndex: -1, "aria-hidden": "true", onClick: this.handleClick, title: "Toggle sidebar" }, h("slot", { key: '1ce55aff6f515c4b36983cc49cd8a977970f058b' }))));
+        return (h(Host, { key: 'eaa74e7a0ca288c6958879a38cfddd6430412dfe' }, h("button", { key: '5e70eb377de84c4064e1c0a50cade2a0c2fda425', class: "sidebar-rail", type: "button", tabIndex: -1, "aria-hidden": "true", onClick: this.handleClick, title: "Toggle sidebar" }, h("slot", { key: '47128a0e622274ac75906ffd14879a3a51c3463b' }))));
     }
     static get is() { return "seki-sidebar-rail"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/sidebar/seki-sidebar-separator.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SekiSidebarSeparator {
     render() {
-        return (h("div", { key: '94bcded6dcbc7ba9b282d3b26beac628e86f28fe', class: "sidebar-separator", role: "separator" }));
+        return (h("div", { key: 'a9f887e2d002ca3173d60df047e88545a8048838', class: "sidebar-separator", role: "separator" }));
     }
     static get is() { return "seki-sidebar-separator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,7 +30,7 @@ export class SekiSidebarTrigger {
         this._isMobile = event.detail.isMobile;
     }
     render() {
-        return (h(Host, { key: 'e7e337f66f78855819723f84a1c4d2824a23cbc8' }, h("button", { key: 'fa3026f792bbe12584f2b34adace358a3ed3d387', class: "sidebar-trigger", type: "button", disabled: this.disabled, onClick: this.handleClick, "aria-label": this._isOpen ? 'Close sidebar' : 'Open sidebar', "aria-expanded": this._isOpen ? 'true' : 'false', "data-state": this._isOpen ? 'open' : 'closed' }, h("slot", { key: 'cb65c77c26e6e715518509907e989a692d7ad280' }, h("svg", { key: 'fcf328fa0ecca5a6f4d5beecd49c62b120c167d5', 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: 'e6a9b5fac3bf4a58feeba45f3f25accacf2ca3e3', width: "18", height: "18", x: "3", y: "3", rx: "2" }), h("path", { key: 'a14e3c8e13a0b170543ee2bf1e6f18504135da6e', d: "M9 3v18" }))), h("span", { key: '76c3d8bdae445a7ff7d478d7758467144444a2f7', class: "sr-only" }, this._isOpen ? 'Close sidebar' : 'Open sidebar'))));
+        return (h(Host, { key: '2f693d10be61688032b74b526854af8dc81fdd43' }, h("button", { key: '643840bdc8cc2a059b99737136eecc51b9a5221a', class: "sidebar-trigger", type: "button", disabled: this.disabled, onClick: this.handleClick, "aria-label": this._isOpen ? 'Close sidebar' : 'Open sidebar', "aria-expanded": this._isOpen ? 'true' : 'false', "data-state": this._isOpen ? 'open' : 'closed' }, h("slot", { key: 'f833fd9e16545e85af783b390539a43c6ad813fe' }, h("svg", { key: 'ff9f3ee7f7d7105bfac2796e259b8f732a38c563', 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: '6a1765c30f82f0463439ce3090b67cebd159128f', width: "18", height: "18", x: "3", y: "3", rx: "2" }), h("path", { key: '551da819f857e85861a6fbfab0af9f2ba9c104e3', d: "M9 3v18" }))), h("span", { key: '5f524487ccf0d64dae65cc86671ef39507322553', class: "sr-only" }, this._isOpen ? 'Close sidebar' : 'Open sidebar'))));
     }
     static get is() { return "seki-sidebar-trigger"; }
     static get encapsulation() { return "shadow"; }

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

@@ -47,10 +47,10 @@ export class SekiSidebar {
         const isIconMode = this.collapsible === 'icon' && isClosed && !this._isMobile;
         const isOffcanvas = this.collapsible === 'offcanvas' && isClosed && !this._isMobile;
         const showMobileSheet = this._isMobile && this._openMobile;
-        return (h(Host, { key: 'e5b90100a2a2b9a3ac34e384d05acd9cc9c7bb1d', "data-variant": this.variant, "data-collapsible": this.collapsible, "data-side": this.side, "data-state": isOpen ? 'open' : 'closed', "data-mobile": this._isMobile ? 'true' : 'false', "data-icon-mode": isIconMode ? 'true' : 'false', "data-offcanvas": isOffcanvas ? 'true' : 'false' }, showMobileSheet && (h("div", { key: 'a53a32d71a83393f2c3af10d4584dce19c1a8dc6', class: "sidebar-overlay", onClick: this.handleOverlayClick, "aria-hidden": "true" })), h("aside", { key: '3a4f42f541d07cec31bd4d3e14a9f648835c80a4', class: {
+        return (h(Host, { key: '70709e0573bf47f13c7fc02d2a2c846cc204ea0e', "data-variant": this.variant, "data-collapsible": this.collapsible, "data-side": this.side, "data-state": isOpen ? 'open' : 'closed', "data-mobile": this._isMobile ? 'true' : 'false', "data-icon-mode": isIconMode ? 'true' : 'false', "data-offcanvas": isOffcanvas ? 'true' : 'false' }, showMobileSheet && (h("div", { key: 'eeecc2e8b901d3946b5828fd965febf91a6cafca', class: "sidebar-overlay", onClick: this.handleOverlayClick, "aria-hidden": "true" })), h("aside", { key: 'c56e5d67ea3088b02d2e1da45490c4667007e3c1', class: {
                 'sidebar': true,
                 'sidebar--mobile-sheet': showMobileSheet,
-            }, role: "complementary", "aria-label": "Sidebar" }, h("slot", { key: '771e95c40f996b82de90cb6464d12bc1c2348077' }))));
+            }, role: "complementary", "aria-label": "Sidebar" }, h("slot", { key: 'ef36f8104c6b57429e1ba0f0008bea410594ad42' }))));
     }
     static get is() { return "seki-sidebar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -15,7 +15,7 @@ export class SekiSkeleton {
         }
     }
     render() {
-        return (h("div", { key: '4c2d2d8659e2735e330c6e90555ae0b195121da9', class: "skeleton", part: "skeleton", role: "status", "aria-busy": "true", "aria-label": this.ariaLabel || undefined }));
+        return (h("div", { key: '2029cd826db25565235b0c59d499fd17b31ec85e', class: "skeleton", part: "skeleton", role: "status", "aria-busy": "true", "aria-label": this.ariaLabel || undefined }));
     }
     static get is() { return "seki-skeleton"; }
     static get encapsulation() { return "shadow"; }

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

@@ -250,7 +250,7 @@ export class SekiSlider {
         const thumbStyle = isVertical
             ? { bottom: `${percentage}%` }
             : { left: `${percentage}%` };
-        return (h(Host, { key: '9ce9d0c5e526a1a3f58503d0a6560d62a1e9a326', "data-disabled": this.disabled ? '' : null, "data-orientation": this.orientation }, h("div", { key: 'd5de689b1c51bb97b62090545454b4df5bd2ac74', class: "slider", part: "slider", ref: el => this.trackEl = el, onMouseDown: this.handleMouseDown, onTouchStart: this.handleTouchStart }, h("div", { key: 'bf85aa3c37083d788dc127e698210e25437c29cc', class: "track", part: "track" }, h("div", { key: '282298ecdf11787ee2f4bae8d68ff818c3ce8c02', class: "range", part: "range", style: rangeStyle })), h("div", { key: '20391fd60815ba5f930801e8810dd494fc9d42f8', class: "thumb", part: "thumb", ref: el => this.thumbEl = el, style: thumbStyle, role: "slider", tabindex: this.disabled ? -1 : 0, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.currentValue, "aria-orientation": this.orientation, "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, "aria-describedby": this.ariaDescribedby || undefined })), this.name && (h("input", { key: 'afc464c9e2bf2b6c0657213c205f61529429d889', type: "hidden", name: this.name, value: this.currentValue.toString() }))));
+        return (h(Host, { key: '768e001c918008a591287033f6757a8c1f850607', "data-disabled": this.disabled ? '' : null, "data-orientation": this.orientation }, h("div", { key: '2425d34dd7a2a7ef7448154ac7b5fd03d62b4e94', class: "slider", part: "slider", ref: el => this.trackEl = el, onMouseDown: this.handleMouseDown, onTouchStart: this.handleTouchStart }, h("div", { key: 'f75e73d540460916efd5548e5f9f1971f4734628', class: "track", part: "track" }, h("div", { key: '64b36d9928fa35af5bc96dcd8b2f536a29b1df78', class: "range", part: "range", style: rangeStyle })), h("div", { key: '312c313882899ddbe2be141b5a7abdb48370d6e1', class: "thumb", part: "thumb", ref: el => this.thumbEl = el, style: thumbStyle, role: "slider", tabindex: this.disabled ? -1 : 0, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.currentValue, "aria-orientation": this.orientation, "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, "aria-describedby": this.ariaDescribedby || undefined })), this.name && (h("input", { key: '5cab40be15c26f47ea9b638b494ebeed69b8fe58', type: "hidden", name: this.name, value: this.currentValue.toString() }))));
     }
     static get is() { return "seki-slider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,11 +30,11 @@ export class SekiSpinner {
         }
     }
     render() {
-        return (h(Host, { key: 'd229930cb1cdce35cd7961b633f979652d6cc559' }, h("div", { key: '4b0d4d228c042bf40bb9fdb44d919984ef1ac003', part: "spinner", class: {
+        return (h(Host, { key: '9a3638c16b26102376ad2e8e0a958c2a1c7c4d59' }, h("div", { key: '9bcba72d8a348e0cc22f346f3d90e956bbfe4a0b', part: "spinner", class: {
                 'spinner': true,
                 [`spinner--${this.size}`]: true,
                 [`spinner--${this.color}`]: true,
-            }, role: "status", "aria-label": this.ariaLabel }, h("svg", { key: '9e2167d99d7c7e1f50fc104b64d3ff0a7dba25f4', class: "spinner__svg", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '5be3401e9b12d11133cb4a870e8aed0333bd7b3a', class: "spinner__track", cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "3" }), h("circle", { key: '13ce698a3c30e9a7b8742c98daa29d9ab76a3ba2', class: "spinner__circle", cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round" })), h("span", { key: '3e4b2a7f527091606ee71bd5b0ef87335fa21672', class: "spinner__sr-only" }, this.ariaLabel))));
+            }, role: "status", "aria-label": this.ariaLabel }, h("svg", { key: '8a6e3dfcca0dddee8d7e1a736e101665248e4192', class: "spinner__svg", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: 'ab511dc8a5e15de2513063697953a1496f1d2ef9', class: "spinner__track", cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "3" }), h("circle", { key: 'da567cec8a4ef0beed14f66d5eaa1e86cfe544c5', class: "spinner__circle", cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round" })), h("span", { key: 'c9110a289d54a54ca7cd20255afc55397bf9ee2a', class: "spinner__sr-only" }, this.ariaLabel))));
     }
     static get is() { return "seki-spinner"; }
     static get encapsulation() { return "shadow"; }

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

@@ -80,7 +80,7 @@ export class SekiSwitch {
     render() {
         const isChecked = this.isChecked;
         const dataState = isChecked ? 'checked' : 'unchecked';
-        return (h(Host, { key: '178154c6580d288add5346561ef05434bcd35979', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("div", { key: '03cd02f2ecbc6fb5fcf8ea5576003e0c39c7b7dd', class: "switch", part: "switch", role: "switch", "aria-checked": isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, "aria-required": this.required ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, onClick: this.handleClick }, h("span", { key: '5bb5e06c6b4c7ba898734bd90838329e4637d494', class: "thumb", part: "thumb" })), this.name && (h("input", { key: '8fd6255d964b29e07236fdad3a81ec9eafab8803', type: "checkbox", name: this.name, value: this.value, checked: isChecked, required: this.required, disabled: this.disabled, style: { display: 'none' }, tabindex: -1, "aria-hidden": "true" }))));
+        return (h(Host, { key: '06806e2d0eab976505383da939470496ad6f531c', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("div", { key: 'e6af55004158a95531f549c71b876549cdff13e4', class: "switch", part: "switch", role: "switch", "aria-checked": isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, "aria-required": this.required ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, onClick: this.handleClick }, h("span", { key: '9455d11d56c64c576fc305cf6902416c0ddccfc4', class: "thumb", part: "thumb" })), this.name && (h("input", { key: '591d626e085f75db5e3610dc6d341426ca59b4b2', 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 is() { return "seki-switch"; }
     static get encapsulation() { return "shadow"; }