@sekiui/elements 0.0.69 → 0.0.70

package/dist/collection/components/navigation-menu/seki-navigation-menu-link.js

@@ -67,13 +67,13 @@ export class SekiNavigationMenuLink {
     }
     render() {
         const hasDescription = Boolean(this.description);
-        return (h(Host, { key: '71e964b26cdf951e7ce7ec1c923c76aa69b3940e', class: {
+        return (h(Host, { key: '6526ee24986de8a179be58107fe3c9f55bc43b25', class: {
                 'navigation-menu-link': true,
                 'navigation-menu-link--active': this.active,
                 'navigation-menu-link--disabled': this.disabled,
                 'navigation-menu-link--in-content': this.isInContent,
                 'navigation-menu-link--with-description': hasDescription,
-            } }, h("a", { key: 'd04816e49118a70ef6f2ae096b10e8c79ac50a7d', class: "navigation-menu-link__anchor", href: this.disabled ? undefined : this.href, target: this.target || undefined, rel: this.target === '_blank' ? 'noopener noreferrer' : undefined, role: this.isInContent ? 'menuitem' : undefined, "aria-current": this.active ? 'page' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, hasDescription ? (h("div", { class: "navigation-menu-link__content" }, h("span", { class: "navigation-menu-link__title" }, h("slot", null)), h("span", { class: "navigation-menu-link__description" }, this.description))) : (h("slot", null)))));
+            } }, h("a", { key: 'eef9bcbdcef6352c76a715768c4a9159a4853756', class: "navigation-menu-link__anchor", href: this.disabled ? undefined : this.href, target: this.target || undefined, rel: this.target === '_blank' ? 'noopener noreferrer' : undefined, role: this.isInContent ? 'menuitem' : undefined, "aria-current": this.active ? 'page' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, hasDescription ? (h("div", { class: "navigation-menu-link__content" }, h("span", { class: "navigation-menu-link__title" }, h("slot", null)), h("span", { class: "navigation-menu-link__description" }, this.description))) : (h("slot", null)))));
     }
     static get is() { return "seki-navigation-menu-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/navigation-menu/seki-navigation-menu-list.js

@@ -96,7 +96,7 @@ export class SekiNavigationMenuList {
         this.focusedIndex = index;
     }
     render() {
-        return (h(Host, { key: '8aa21102e298eafc6506b37f69c595fca88c390f' }, h("ul", { key: 'cbce0ec84c4871ed59aefc7785210eebc00fb13e', class: "navigation-menu-list", role: "menubar" }, h("slot", { key: '4b5f2c02c73b3b92c1bfa27bc3474f33a75893a5' }))));
+        return (h(Host, { key: 'e1c5928a43b6e1ed5ef4244d149212dd5da06e5f' }, h("ul", { key: '100616585e2a847ec1c8c2a1c1c0a25a80ccba20', class: "navigation-menu-list", role: "menubar" }, h("slot", { key: '49df9d520e0f3cf250191febdb676309a7306b45' }))));
     }
     static get is() { return "seki-navigation-menu-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/navigation-menu/seki-navigation-menu-trigger.js

@@ -174,12 +174,12 @@ export class SekiNavigationMenuTrigger {
     }
     render() {
         const itemId = this.getItemId();
-        return (h(Host, { key: 'aaf7929c6f5f2d7960edfd7bf7f885e7f080b906', class: {
+        return (h(Host, { key: 'a9d745726f3385ad3094e1b4b97cc54c9451a29d', class: {
                 'navigation-menu-trigger': true,
                 'navigation-menu-trigger--open': this.isOpen,
                 'navigation-menu-trigger--disabled': this.disabled,
                 'navigation-menu-trigger--mobile': this.isMobile,
-            } }, h("button", { key: '49dab4524b5291a6ea8da7dcb77e027f3cf8e36f', ref: el => (this.buttonRef = el), type: "button", class: "navigation-menu-trigger__button", role: "menuitem", "aria-haspopup": "true", "aria-expanded": String(this.isOpen), "aria-controls": `content-${itemId}`, disabled: this.disabled, tabindex: this.isOpen ? '0' : '-1', onClick: this.handleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onKeyDown: this.handleKeyDown }, h("span", { key: '8b598c78c4c9790baab135d4ba56c8e15809398c', class: "navigation-menu-trigger__label" }, h("slot", { key: 'cde3c2b21ea27e235998b97224e4016c4e46ef62' })), h("svg", { key: '19cca46ccf11ea0f74decadd6ac07c10315fe407', class: "navigation-menu-trigger__chevron", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: '1b701259ed3102ca66b4f877fbeceea1a5100fab', points: "2 4 6 8 10 4" })))));
+            } }, h("button", { key: '41af2b94b0ee38550101493aa34613a808191bf9', ref: el => (this.buttonRef = el), type: "button", class: "navigation-menu-trigger__button", role: "menuitem", "aria-haspopup": "true", "aria-expanded": String(this.isOpen), "aria-controls": `content-${itemId}`, disabled: this.disabled, tabindex: this.isOpen ? '0' : '-1', onClick: this.handleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onKeyDown: this.handleKeyDown }, h("span", { key: '6a1d4744d44d052384a0cfe7f3ba263cd79d3eed', class: "navigation-menu-trigger__label" }, h("slot", { key: '4eef8e2d84896e538c090e17c04938f6220482d0' })), h("svg", { key: '6f170f13e9fa95c29bb30ca55917de47fe5e1dbd', class: "navigation-menu-trigger__chevron", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: 'a82c1a722cf476b52cd10f3584b3f03417392bee', points: "2 4 6 8 10 4" })))));
     }
     static get is() { return "seki-navigation-menu-trigger"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/navigation-menu/seki-navigation-menu-viewport.js

@@ -138,14 +138,14 @@ export class SekiNavigationMenuViewport {
         return h("slot", null);
     }
     render() {
-        return (h(Host, { key: '3911df5d4b4647ddf0f18bfefa630a681fd7e18a', class: {
+        return (h(Host, { key: 'cc437111fc6ee1c9508fd00cd0e7c0ad5efbb171', class: {
                 'navigation-menu-viewport': true,
                 'navigation-menu-viewport--visible': this.isVisible,
             }, style: {
                 '--indicator-left': `${this.indicatorLeft}px`,
                 '--content-offset': `${this.contentOffset}px`,
                 '--content-height': `${this.contentHeight}px`,
-            } }, h("div", { key: 'bd1e2afde03be6a40e2fdf9f373dcc2c6c6b266d', class: "navigation-menu-viewport__indicator" }, h("svg", { key: 'fd84ddf7498a78ab2401908f7a738f0e52f9f1fa', width: "20", height: "10", viewBox: "0 0 20 10", fill: "currentColor" }, h("polygon", { key: 'a22d87b3c5dcee741a8e21ed207df7122d7d3529', points: "10,0 20,10 0,10" }))), h("div", { key: '063926c513925f1443eaec8bf74d461c8f6ead19', ref: el => (this.contentRef = el), class: "navigation-menu-viewport__content" }, this.renderContent())));
+            } }, h("div", { key: '83cbec70dbc466d2db305a03bd7d0673895bf9f0', class: "navigation-menu-viewport__indicator" }, h("svg", { key: 'ebd0907a4cb80f24ef55ac5d47dab2a25ff66b30', width: "20", height: "10", viewBox: "0 0 20 10", fill: "currentColor" }, h("polygon", { key: 'c74b80a045a414f65211d313ec0e07687036aa04', points: "10,0 20,10 0,10" }))), h("div", { key: 'de595c9eb2f2aa574673e2cbc5f99f33fab0a7fb', ref: el => (this.contentRef = el), class: "navigation-menu-viewport__content" }, this.renderContent())));
     }
     static get is() { return "seki-navigation-menu-viewport"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class SekiPaginationContent {
     render() {
-        return (h("ul", { key: '1f4a81b597772dc61958cf5f3ccaa68a8cf3ce44', class: "seki-pagination-content", part: "content" }, h("slot", { key: '65be1385ac194d18593a20cadebe0b89885d9448' })));
+        return (h("ul", { key: '4516fdd63b4763c9797fe8c6739e840ba5c7034c', class: "seki-pagination-content", part: "content" }, h("slot", { key: 'a696af2faf4afe2079e83bd1c1d8474f770b334d' })));
     }
     static get is() { return "seki-pagination-content"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class SekiPaginationEllipsis {
     render() {
-        return (h("span", { key: '17645afce50ca6d5a41c917b00d61659393b8492', "aria-hidden": "true", class: "seki-pagination-ellipsis", part: "ellipsis" }, h("svg", { key: 'c3ed89b161160dedca2d8b8d77847b8286982fa9', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("circle", { key: '928d8e9ce6e074565b7b19a6922d3cbce296d9c2', cx: "12", cy: "12", r: "1" }), h("circle", { key: '2f1c409856a8ea1e0fd65ae2e000cd0d2621fb3f', cx: "19", cy: "12", r: "1" }), h("circle", { key: '134d2d11f1fe5a71d062e3aa24f6708cd192fbdf', cx: "5", cy: "12", r: "1" })), h("span", { key: '02201b8629c0691335d74661079179b3c1fc89d2', class: "sr-only" }, "More pages")));
+        return (h("span", { key: 'c2b0a291d20582f94e727c2a942e4f545c3d6e9f', "aria-hidden": "true", class: "seki-pagination-ellipsis", part: "ellipsis" }, h("svg", { key: '7abc5790fdb3fa3ee330301db358cfa4f23f928a', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("circle", { key: '76878c5d1e4f191e258bfdd5cf9806550b9e4414', cx: "12", cy: "12", r: "1" }), h("circle", { key: 'e737fdc7e36867471ec596e1f98fa5b638afebc6', cx: "19", cy: "12", r: "1" }), h("circle", { key: '4b5b89b4945ec9cd3d932ac3a6e3fc9a652ea43f', cx: "5", cy: "12", r: "1" })), h("span", { key: 'e394c489f3d30d050e0af07385d6c8e12e583644', class: "sr-only" }, "More pages")));
     }
     static get is() { return "seki-pagination-ellipsis"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class SekiPaginationItem {
     render() {
-        return (h("li", { key: 'd51f7f5053f9e5dca71ca218eee86fc60a7b3b03', class: "seki-pagination-item", part: "item" }, h("slot", { key: '2046f619c174f6e4a707d27d0759646370654e80' })));
+        return (h("li", { key: '89f4066584dc0f1544d6e77cd274d5923cc9f4f4', class: "seki-pagination-item", part: "item" }, h("slot", { key: '82b48ac2351a40e972f59626a4807043917b4f24' })));
     }
     static get is() { return "seki-pagination-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,11 +17,11 @@ export class SekiPaginationLink {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'span';
-        return (h(Tag, { key: 'c6fa655c16c36bb27051a23ebc7549e2ca239de6', href: this.href && !this.disabled ? this.href : undefined, "aria-current": this.active ? 'page' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, class: {
+        return (h(Tag, { key: '967993ec205c7755d4801c32b771241990a68143', href: this.href && !this.disabled ? this.href : undefined, "aria-current": this.active ? 'page' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, class: {
                 'seki-pagination-link': true,
                 'seki-pagination-link--active': !!this.active,
                 'seki-pagination-link--disabled': !!this.disabled,
-            }, part: "link" }, h("slot", { key: '454f08adedcad492bbaedb076a7ad476aa69eaec' })));
+            }, part: "link" }, h("slot", { key: '39db050b20e68474d2f6c62e174797234ee0ff64' })));
     }
     static get is() { return "seki-pagination-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,11 +13,11 @@ export class SekiPaginationNext {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'span';
-        return (h(Tag, { key: 'df5a1a6a6d7dfae69f78847aae9c470a95c647d1', href: this.href && !this.disabled ? this.href : undefined, "aria-label": "Go to next page", "aria-disabled": this.disabled ? 'true' : undefined, class: {
+        return (h(Tag, { key: '2a690e5834ac5da81412e76c2ada3ff9cd35c8b6', href: this.href && !this.disabled ? this.href : undefined, "aria-label": "Go to next page", "aria-disabled": this.disabled ? 'true' : undefined, class: {
                 'seki-pagination-link': true,
                 'seki-pagination-nav': true,
                 'seki-pagination-link--disabled': !!this.disabled,
-            }, part: "next" }, h("span", { key: 'b462da1fe5cc05b77f2f69a3395850ec01279706' }, "Next"), h("svg", { key: '748150ff86ce4435da70da3792423a9e7ff633a0', 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: '169efda5d7c3c9cd9544fc6423594ade85cec308', d: "m9 18 6-6-6-6" }))));
+            }, part: "next" }, h("span", { key: 'dc418dfc6a2e2f168892b2ddae8dfcef111f434a' }, "Next"), h("svg", { key: 'c9ce6b59ddcead981aa47eabc1d223a53b0d716c', 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: '4369d14ef215202a104350402682d9292ce0e1e1', d: "m9 18 6-6-6-6" }))));
     }
     static get is() { return "seki-pagination-next"; }
     static get encapsulation() { return "shadow"; }

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: '22adcbddd5e9cdbf2a94595c4deda3fd51d062fa', 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: 'ef4925c7d719e7d44ab82398f56d6370f5e82004', 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: 'e818c52a78b396c8678679e8d3843482f9397a87', 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: '04272709bf8385f7cbb77444933e30a8863cacf9', d: "m15 18-6-6 6-6" })), h("span", { key: '82d32eddfc6af16d0d4042b04f83936f26634854' }, "Previous")));
+            }, part: "previous" }, h("svg", { key: 'd3c35cb065400db6a7542cdcb20e8c2cd1d83cc5', 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: 'd9fc870f70280fc690d682ae953b141276a22a42', d: "m15 18-6-6 6-6" })), h("span", { key: 'f51dca37a7abe81d801e4ab57bd34779ca3f91d5' }, "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: '3b70d5aae99d2cf3f44756d5c0d0218efe677e36', role: "navigation", "aria-label": "pagination", class: "seki-pagination", part: "pagination" }, h("slot", { key: '7e91e5159e39c3bfa75d2a03cff7322f28679e27' })));
+        return (h("nav", { key: '1d84845dc0fabf9c5e76d7d87d3649ca5804b37f', role: "navigation", "aria-label": "pagination", class: "seki-pagination", part: "pagination" }, h("slot", { key: 'd4d7361f987c9d1b7b13bc750675520400d413cd' })));
     }
     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: '2973989927c052aabd53dd2d01cbac5d15e5b7f1' }, h("button", { key: '79a0bf7f23292dbd62d4b08f0faa250ca838c0ab', part: "close", type: "button", class: "popover-close", "aria-label": "Close" }, h("slot", { key: '023d772f563e355937ea54244869f40325cf2ed3' }, h("svg", { key: '3887c69ff72f25ada49c6c3ba03c4f2c7e6b5099', 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: '38630ce327393f9f8c29d0cf3a5b89508bef39e0', d: "M18 6 6 18" }), h("path", { key: '544a27bb12d838311cd71746a98d83825fb83d10', d: "m6 6 12 12" }))))));
+        return (h(Host, { key: 'd5f9d95bfdc09e702281be6280c4dbae85361bb1' }, h("button", { key: '1f78c889e231270b62cbe09163711f65a28a2225', part: "close", type: "button", class: "popover-close", "aria-label": "Close" }, h("slot", { key: '39209801b8ff3190ed8be1d7cd41bc160ba936e3' }, h("svg", { key: 'd61896a2f99c4dd64f35259252db984d5a9b32ca', 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: 'b24ec46563cbc1cfb7b25dd484b397b05e660e4f', d: "M18 6 6 18" }), h("path", { key: '78401fb6ecde93e85119550a681118fd99228dfe', 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: 'fc74746672f19f390bd132c16736d65962474b94' }, h("span", { key: '1b37ef9adddf11cf8de693177e8d8046f78b805d', part: "trigger", class: "popover-trigger" }, h("slot", { key: 'b1a8e1c7a52c68b9743e61e293fc593974939c4e' }))));
+        return (h(Host, { key: '8685cb4454749c1c60137d787b1862b3364c7b2f' }, h("span", { key: '01a3f5040e5f083b647867acb9316533a6b45d6e', part: "trigger", class: "popover-trigger" }, h("slot", { key: '78a7b24dd92a99b6121e3deb0d61bc41858a6eec' }))));
     }
     static get is() { return "seki-popover-trigger"; }
     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: 'e22076ff5a28475f6f8bfc92d6e8d303d7430330', 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: '748c4b1d01ac6d03d398560e04630277a4d4c2b4', class: {
+        return (h("div", { key: '99938d55e64406e686299d3b89d9651d73b462b1', 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: 'b6d2e57c16f2203cc0389a75e0b566573f060735', 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: '78545375ddb529a921fa70199fc5f01b90548aab', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("button", { key: '646cf607f97bce2e124f9de26b6a40d676dcdb6a', 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: '032ee732c2e4f264ca6bcef1f8df51b309a0042e', class: "indicator", part: "indicator" })))));
+        return (h(Host, { key: '5b0fb24b88221c82b3eb48f808a25d7edf4eb5d9', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("button", { key: '53fa5e3b2b6091b81bb149e827eb389e6fbf3d07', 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: 'd5e370660fe179f735d7fa2dfc8edc8ab3495b23', 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: '3b1113bf1b0c2fedee31cc8235dc6a4f995025fa', 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: '3cede46da844e81c413953cbfeaef82a8780fcb8' }), this.name && this.selectedValue && (h("input", { key: 'f02eb7761e0c4cfced31a92a33cfd4cff48423f3', type: "hidden", name: this.name, value: this.selectedValue }))));
+        return (h(Host, { key: 'e0d28aa41b7b652b473be2e13b7a22f9ba2819f1', 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: 'a473ca1e4ecdb119900efe8dd7131dbb10b95561' }), this.name && this.selectedValue && (h("input", { key: '816e87cd83a955a27b4ffb18ed409397929b9947', type: "hidden", name: this.name, value: this.selectedValue }))));
     }
     static get is() { return "seki-radio-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/resizable/seki-resizable-handle.js

@@ -153,13 +153,13 @@ export class SekiResizableHandle {
     }
     render() {
         const isHorizontal = this._direction === 'horizontal';
-        return (h(Host, { key: 'dcccc0816e4f2348197371a55a79c68fed18aeef' }, h("div", { key: '8acc8ddcacf92f8a04940f77ed0d93f7c0f59093', part: "handle", role: "separator", tabindex: this.disabled ? -1 : 0, "aria-valuenow": this.getAriaValue(), "aria-valuemin": 0, "aria-valuemax": 100, "aria-orientation": isHorizontal ? 'vertical' : 'horizontal', "aria-label": "Resize handle", class: {
+        return (h(Host, { key: '744207e0598075da2c57c481587290451240e5ea' }, h("div", { key: '153149afe95cc88294db606c467ae23d4b558b6b', part: "handle", role: "separator", tabindex: this.disabled ? -1 : 0, "aria-valuenow": this.getAriaValue(), "aria-valuemin": 0, "aria-valuemax": 100, "aria-orientation": isHorizontal ? 'vertical' : 'horizontal', "aria-label": "Resize handle", class: {
                 'resizable-handle': true,
                 'resizable-handle--horizontal': isHorizontal,
                 'resizable-handle--vertical': !isHorizontal,
                 'resizable-handle--disabled': this.disabled,
                 'resizable-handle--dragging': this._isDragging,
-            }, onPointerDown: this.handlePointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp }, this.withHandle && (h("div", { key: 'b61f8987a96f795ff95357be752d736a926b4366', part: "grip", class: "resizable-handle__grip" }, h("svg", { key: '1520355db9cdbce868f8cb803e33068ad22c43ac', class: "resizable-handle__grip-icon", viewBox: "0 0 6 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: 'd6281e05d7dc06d1b22f3d4368d52dec6167764e', cx: "1.5", cy: "2", r: "1", fill: "currentColor" }), h("circle", { key: '425caf934658f69e2aa0345c777872c43dbdd359', cx: "4.5", cy: "2", r: "1", fill: "currentColor" }), h("circle", { key: '3caa30ed219f978f25ae05a4d8a9229c02749721', cx: "1.5", cy: "6", r: "1", fill: "currentColor" }), h("circle", { key: 'b682c5f7cf6239d281d5dbed1f53ec07b7ca01e4', cx: "4.5", cy: "6", r: "1", fill: "currentColor" }), h("circle", { key: 'bb5109adc0a22ebef803d1768ce3f259a77f13ad', cx: "1.5", cy: "10", r: "1", fill: "currentColor" }), h("circle", { key: '7dcf9835e13527e15ac28b81b2f22bc1c5974252', cx: "4.5", cy: "10", r: "1", fill: "currentColor" }), h("circle", { key: '8f0d12f497bda092096150b3fbac9b1c84aafaf5', cx: "1.5", cy: "14", r: "1", fill: "currentColor" }), h("circle", { key: '34b427c679f7dba396275135c45e4076eb1798ea', cx: "4.5", cy: "14", r: "1", fill: "currentColor" })))))));
+            }, onPointerDown: this.handlePointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp }, this.withHandle && (h("div", { key: 'e838504705621bffd402d1b4063cfbdd592bc9ca', part: "grip", class: "resizable-handle__grip" }, h("svg", { key: '14937eab0b886b32948484e9445f844ee1d5cbd0', class: "resizable-handle__grip-icon", viewBox: "0 0 6 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '55e3dd4de3b3950b99178e631c08f0acef013684', cx: "1.5", cy: "2", r: "1", fill: "currentColor" }), h("circle", { key: '848a1d4a557365846d4ea8e833ace5daff998eae', cx: "4.5", cy: "2", r: "1", fill: "currentColor" }), h("circle", { key: '3b58cfb633cca04b563fdfdf310ba31d31871d97', cx: "1.5", cy: "6", r: "1", fill: "currentColor" }), h("circle", { key: '90bb170ca238f6aea89c0da6b4beea03b157e0ed', cx: "4.5", cy: "6", r: "1", fill: "currentColor" }), h("circle", { key: '96be032558554a0077d70d661bedb51b08c103f8', cx: "1.5", cy: "10", r: "1", fill: "currentColor" }), h("circle", { key: 'e769b4251969d72be855c066a076ec0938aeb8df', cx: "4.5", cy: "10", r: "1", fill: "currentColor" }), h("circle", { key: '9085a155ef2ad0936c5899cc82f10f071a744922', cx: "1.5", cy: "14", r: "1", fill: "currentColor" }), h("circle", { key: 'ae638996e6ef9d3195588685428f746b0c46fb2e', cx: "4.5", cy: "14", r: "1", fill: "currentColor" })))))));
     }
     static get is() { return "seki-resizable-handle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/resizable/seki-resizable-panel-group.js

@@ -307,11 +307,11 @@ export class SekiResizablePanelGroup {
         }
     }
     render() {
-        return (h(Host, { key: 'd3ae15ad71e4b29f76fe156ad1e7a54b1d52a899' }, h("div", { key: '0db6d0dd434cd3ec241cf0ebca45234a56a8eb8a', part: "group", role: "group", "aria-label": "Resizable panel group", class: {
+        return (h(Host, { key: 'b43ff19462580d6156bb5d69e8237d8022ecb9aa' }, h("div", { key: '06b2127c825c3230cf14f5f42da524658657d39b', part: "group", role: "group", "aria-label": "Resizable panel group", class: {
                 'resizable-panel-group': true,
                 'resizable-panel-group--horizontal': this.direction === 'horizontal',
                 'resizable-panel-group--vertical': this.direction === 'vertical',
-            } }, h("slot", { key: 'c998031179d4b41974c5d934441c2cb8d0351068' }))));
+            } }, h("slot", { key: 'f511bbda327a5f9e4756b79e7ab4ddb5b2f751b6' }))));
     }
     static get is() { return "seki-resizable-panel-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/resizable/seki-resizable-panel.js

@@ -140,14 +140,14 @@ export class SekiResizablePanel {
         return this.panelId;
     }
     render() {
-        return (h(Host, { key: '9e6d8882a7fd9c6c32bfa1130b4321a42f9abb47', style: {
+        return (h(Host, { key: 'e96a7712c2c2d12b7d2dac6b25d2c7a3a97ee833', style: {
                 flexBasis: `${this._size}%`,
                 flexGrow: '0',
                 flexShrink: '0',
-            } }, h("div", { key: 'bcbf8f1a622317a37ed92d3d3b61384bf8758409', part: "panel", role: "region", class: {
+            } }, h("div", { key: 'f109b98ff2111304024390748b3cbc9ffcfa2e82', part: "panel", role: "region", class: {
                 'resizable-panel': true,
                 'resizable-panel--collapsed': this._isCollapsed,
-            } }, h("slot", { key: '11338707bf8fb13c7c196f99b8479919dae1985e' }))));
+            } }, h("slot", { key: 'aa3877e54d7e62de29c65afc4e8764c12527b518' }))));
     }
     static get is() { return "seki-resizable-panel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scroll-area/seki-scroll-area.js

@@ -152,7 +152,7 @@ export class SekiScrollArea {
     render() {
         const hasVerticalOverflow = this.scrollState.scrollHeight > this.scrollState.clientHeight;
         const hasHorizontalOverflow = this.scrollState.scrollWidth > this.scrollState.clientWidth;
-        return (h(Host, { key: 'f7d1217b2985b6ab5d0437789a7c071482ae4a6b', "data-state": this.isScrollbarVisible ? 'visible' : 'hidden', "data-has-vertical-overflow": hasVerticalOverflow ? '' : undefined, "data-has-horizontal-overflow": hasHorizontalOverflow ? '' : undefined }, h("div", { key: '4cbac292cb593279062a2144450d1b7cea66d553', ref: (el) => (this.viewportRef = el), part: "viewport", class: "viewport", tabindex: "0", onScroll: this.handleScroll, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: '4c42d428df476eb98b064b6abb0bf13667abea75', class: "content" }, h("slot", { key: '686f18025e117045f789f898b5aeada6fc700273' }))), h("slot", { key: 'ce583f6c707f87de5d8287c344123621177413e2', name: "scrollbar" })));
+        return (h(Host, { key: 'c827f7886499d8695bc27c396be44d85343d2763', "data-state": this.isScrollbarVisible ? 'visible' : 'hidden', "data-has-vertical-overflow": hasVerticalOverflow ? '' : undefined, "data-has-horizontal-overflow": hasHorizontalOverflow ? '' : undefined }, h("div", { key: 'e6e0b51404380c6b3b461cf32affe5ddbdff6aef', ref: (el) => (this.viewportRef = el), part: "viewport", class: "viewport", tabindex: "0", onScroll: this.handleScroll, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: '89c4de2614dcb44c30f1059313e12b7b1065cef4', class: "content" }, h("slot", { key: '97bac552fe436054664331fb22dbb938c02500fb' }))), h("slot", { key: '9afb1e24d2e709f4c784893696c8f7c52c784f98', name: "scrollbar" })));
     }
     static get is() { return "seki-scroll-area"; }
     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: '1713817f2c41e61b4970ab0bddddf3f5c235c438' }, h("slot", { key: '7c48491fd67c6825da7b1182491ec2c8c7c7a1ff' }), this.name && this.renderHiddenNativeElement()));
+        return (h(Host, { key: '30e46550b49ca3c3bbb9cc64039ab931bda3e7e2' }, h("slot", { key: 'fcd5b19fcbdeff10c254a291d8968f82d3c9d701' }), 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: '854700579da301ebc8597750668ccafa2e6c6818' }, h("div", { key: '50d2f32f63e24cbaf675f3c7bbaa47b8e1a4eb34', class: "group", role: "group", "aria-labelledby": this.groupLabelId }, h("div", { key: 'd291e0af0bfa3f22e4f4e3025d185073f76de6eb', class: "group-separator", "aria-hidden": "true" }), h("div", { key: 'ada4a971353afbb4f50e58e6f68b4cd6ae18266f', class: "group-label", id: this.groupLabelId, role: "presentation" }, h("slot", { key: 'a0dcfef4f9a983642c1fa14fc33287dbf4222956', name: "label" }, this.label)), h("div", { key: '959a0c9abb6786d06d517cd9729c45349daf53af', class: "group-options" }, h("slot", { key: '8aa1d51c58c45f6d806445bd2ca34ec94e07b51e' })))));
+        return (h(Host, { key: 'a033f42eb910d2f081c10d697f94573d373b51e8' }, h("div", { key: 'a4f973c93ab7058a4e83bf0ad86f56569ac01b5e', class: "group", role: "group", "aria-labelledby": this.groupLabelId }, h("div", { key: 'c0cbe31e3e4c93974fdd16d10ef2ee6aef54045d', class: "group-separator", "aria-hidden": "true" }), h("div", { key: 'ca4594230c880850426d0f05dc9c5c39b2ba94f3', class: "group-label", id: this.groupLabelId, role: "presentation" }, h("slot", { key: '8559dbf8a0cddd6e1c49b6fd88a58f13b775e4de', name: "label" }, this.label)), h("div", { key: '5a64f8ac27339610a47a49ffa62528d51f8465b6', class: "group-options" }, h("slot", { key: '4e1e8d78b9144643e0572b5248531e27f0953507' })))));
     }
     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: '7021e96b4449873f1f3e4ed233c3a07411842cf6' }, h("div", { key: '8365465c9e0ba0ce6e73c178c6109417eba79e00', 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: '119293548ea068f0592831da9dbac61fb006400c', class: "option-label" }, h("slot", { key: '6c04339bc92a5aecb93644877fbe79facb29fea5' })), isSelected && (h("span", { key: '037fcde68ad103086e10bba094cb1392ab7d1324', class: "option-indicator", "aria-hidden": "true" }, h("slot", { key: '36c57502ae75f7a12ea4782a49666c0d183db46a', name: "selected-indicator" }, h("svg", { key: '4d1bb4155561689746197b843f86f0b8b0d2bb28', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'e1d8ae985b099ae5837f456743e34bdc777a8e9d', d: "M10 3L4.5 8.5L2 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
+        return (h(Host, { key: '3d4d6dea5d2032f32b166f05babaee102f72af24' }, h("div", { key: '9ce1402d9c9f267b18c2f8ba3293ca5b66a0d77b', 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: '0f8321a2320beb9d9508ca36563d701c2d837f4c', class: "option-label" }, h("slot", { key: '7bda8a25d27220253fa8f3848ab12703641e95c5' })), isSelected && (h("span", { key: '3e7e05dcfd97bfc494ee4ec65c25d466d834470f', class: "option-indicator", "aria-hidden": "true" }, h("slot", { key: 'c44fc81839dcd6642b513027b1da7925115c7bb6', name: "selected-indicator" }, h("svg", { key: '16f4ba1e2a6cd3c88bf39927eb038e552ec2f66b', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '4a257d9886bcc6d54f38fac4080fb4fa22e8b68a', 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: 'd6500758d59a1b77298824ffab5f9fd7ecc2f2b0', class: {
+        return (h("div", { key: '5e055ab9c5107079bd350ec0b8c33b007ead017e', 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: '733293c78f93b7e3bee4589dd674d85734de8139', class: "seki-sheet-close", part: "close", onClick: this.handleClick }, h("slot", { key: '264e1f2cb61df37474cbf1c295b3188259c17070' })));
+        return (h("div", { key: '35245d2d37ff03c3bfb2ac08275304b6f983e71b', class: "seki-sheet-close", part: "close", onClick: this.handleClick }, h("slot", { key: 'ca4f64bb47e07b25855c96fe436f065148a4de08' })));
     }
     static get is() { return "seki-sheet-close"; }
     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: '3309e9c4f8c55ec6c35281866a3d4dc28fb53625', class: "seki-sheet-description", part: "description" }, h("slot", { key: '9028f2b865c6eb96fd50d42a83a9b21b0e8e7ae5' })));
+        return (h("p", { key: 'f44e18c80a68e33165c9ba97a09abd67685a477b', class: "seki-sheet-description", part: "description" }, h("slot", { key: 'e5209a72fe3ff4ae8d7d49ca8b91886d8f17a12a' })));
     }
     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: 'd8250ffda74fbb802b7bc874157c40c730821ce7', class: "seki-sheet-footer", part: "footer" }, h("slot", { key: 'b7cbcb553d21e727a96876c55a695fde2901c4ff' })));
+        return (h("div", { key: '0167a8fd40194fe1e60da2819e6bf81859c07f89', class: "seki-sheet-footer", part: "footer" }, h("slot", { key: 'cf7ab890e575fbc6b4ae692608934a478b1a772f' })));
     }
     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: '7b98f20366a5ed4800cd984ca9787b97e3749df0', class: "seki-sheet-header", part: "header" }, h("slot", { key: 'c036551ac51c066ffe84bb6106e57708765740bb' })));
+        return (h("div", { key: 'a7d87a83f0dd1d847b4b7a1b17597d9360d321f9', class: "seki-sheet-header", part: "header" }, h("slot", { key: '6ca95bf74718c941f7e3e9d5256e6de7c5c0f8dd' })));
     }
     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: '77a62e9941ef7a26037962fcda360b09716665fb', class: "seki-sheet-title", part: "title" }, h("slot", { key: '718987c1aed326e0d94278e98245891a70e7b506' })));
+        return (h("h2", { key: '49212c872d3ee2dbf77218b68ecf953801934866', class: "seki-sheet-title", part: "title" }, h("slot", { key: '749b278110173bb25de031e23f7032ba236808d3' })));
     }
     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: 'cf15768bc7e6ed460c073b57f07d124e075431ae', class: "seki-sheet-trigger", part: "trigger", onClick: this.handleClick }, h("slot", { key: '6470172a96064c99b04e12d6ba0bc364ba2e2bbb' })));
+        return (h("div", { key: 'b82f54e48f8d20cb6839724a899aa67a3bb27eb6', class: "seki-sheet-trigger", part: "trigger", onClick: this.handleClick }, h("slot", { key: 'eda48537596cfc36a5960862b0459667af71c050' })));
     }
     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: '1272647e7d9b293d49d5f898df37dfb7cfd8db71', class: {
+        return (h("div", { key: 'd4bbaf94f41b371b9d91c9e17a7981052a2c240c', class: {
                 'seki-sheet': true,
                 'seki-sheet--open': this.isOpen,
-            }, part: "sheet" }, h("slot", { key: 'f6b172998b0726a733e2c73074f88c144b69ba0e' }), this.isOpen && (h("div", { key: '38f44eadb22bbfdceb23602f455cb1ca72be999d', class: "seki-sheet-overlay", part: "overlay", onClick: () => this.close() }))));
+            }, part: "sheet" }, h("slot", { key: 'b2806a639093fe3671df027dfa02ed7934d895fd' }), this.isOpen && (h("div", { key: '882b9f6637069f493835454d17777c3b7deda4c8', 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: 'c470cba177e1786b48205272dbea57df708c6668', class: "sidebar-content" }, h("slot", { key: 'bcbedee88979cec9020d9c91904fd680d2cf255c' })));
+        return (h("div", { key: 'fe80e2f4915bdaa6ccab66897cd6c892c88237b6', class: "sidebar-content" }, h("slot", { key: '5d3a8ee0aad35aca1d5acb547106bbfcba8ceefb' })));
     }
     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: '7a49115c8008bbd824b7f75679ef18d83f2cf94c', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: 'c02cb53ed0394049c4b56028b6a2848474640032', class: { 'sidebar-footer': true, 'sidebar-footer--icon-mode': this._isIconMode } }, h("slot", { key: '609c52d13a68af9e5581478e21dd58ebe5bfb309' }))));
+        return (h(Host, { key: 'ee9d2bb38c0e185b255e56931cbcef857dde2bda', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: '747c48c31be34543b919e6e6cb8b352d5ec6a9c1', class: { 'sidebar-footer': true, 'sidebar-footer--icon-mode': this._isIconMode } }, h("slot", { key: 'da13979b0791b10ed50d187273abdd418e43d446' }))));
     }
     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: '0ec72375fae1159d0d4cdbea7b71979cc28e35e1' }, h("button", { key: 'ecc25c261ec630d50b957a52815a3b40d92926d2', class: "sidebar-group-action", type: "button", disabled: this.disabled, "aria-label": this.ariaLabel }, h("slot", { key: 'cd44ed5293665d3a3b023fe1749724c98693fa3c' }))));
+        return (h(Host, { key: '1dd13a1054c58016cc4e0b89d6e0f4fbc584576f' }, h("button", { key: '967b4bf61f6b80387ca8c6daabc0ec6957987eb4', class: "sidebar-group-action", type: "button", disabled: this.disabled, "aria-label": this.ariaLabel }, h("slot", { key: 'c9155323705129a54ab12abebfd1dc1726d7c379' }))));
     }
     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: 'b83f6deff78f0444f1b6039c11761b5a3a67c8be', class: "sidebar-group-content" }, h("slot", { key: '1927a7ff9e4cf1689b5695d80c908af7609a3b7b' })));
+        return (h("div", { key: '88877a96d1bbfe6cd41d41db311385e73d05c2c0', class: "sidebar-group-content" }, h("slot", { key: '36c4de27becf188f5b9327e0806c03e3ca45f61c' })));
     }
     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: 'babdf544e746d4a42da109220ac0f4e5cc1c35d3', class: "sidebar-group-label" }, h("slot", { key: '74dd7fb83a8f6b374428142620e6aed7e455cf2a' })));
+        return (h("div", { key: 'fab8189e91e326e5572565da101bd35a64c1cd85', class: "sidebar-group-label" }, h("slot", { key: '3cb15db6b5a536942c4ab17f6f3567c9f1a35979' })));
     }
     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: 'dc83c269a0e1e967863f01bab6d391aaeff6c529', class: "sidebar-group" }, this.label && (h("seki-sidebar-group-label", { key: 'bcb35e686fafb33a8f90153cb8eb405015c1f801' }, this.label)), h("div", { key: '805d5086d34b32428f1204709810f0b540084427', class: "sidebar-group-content" }, h("slot", { key: 'ebbad1c2a1ea54b3cf1d935e74e50ca6164482cd' }))));
+        return (h("div", { key: '64e6cb2c9296bc9ca673484def01fa058522ede9', class: "sidebar-group" }, this.label && (h("seki-sidebar-group-label", { key: 'e8b204b725301d9f7c3e04499d5ab083d8a8ce23' }, this.label)), h("div", { key: '5e2ecf816ec1b38be56cdb871ea6a38647fb0218', class: "sidebar-group-content" }, h("slot", { key: 'ee59646fcb4fe8a2818c3f88fa04d22625dd3eab' }))));
     }
     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: 'c4cba12a6a02472ba62b6a41c39cc3bc86e6a921', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: '68fc42d30aa3b8a07a8720a686812c945e51df8d', class: { 'sidebar-header': true, 'sidebar-header--icon-mode': this._isIconMode } }, h("slot", { key: '99d0abb43ee282c52ba53315f892dde9bef6da84' }))));
+        return (h(Host, { key: '8cfb8f01a27ae2bfcccff333b888f7345601b6b1', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: 'be8d2de415b0b4ad0fdbf9e4bfa433d46706a50a', class: { 'sidebar-header': true, 'sidebar-header--icon-mode': this._isIconMode } }, h("slot", { key: 'a0b87ef6bcce73fa780f436990f6593bc4a761fe' }))));
     }
     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: 'e31080befeb07b99548644fd7898745b4f64ceaf', class: "sidebar-inset" }, h("slot", { key: '7631ba0966e199e2a806e1c0844ee3c4abd658dd' })));
+        return (h("div", { key: 'b6b871650314ffcfb2116c5d9bf9a5b248f1895a', class: "sidebar-inset" }, h("slot", { key: '634e3b44bbc2a748818bb9cd385ca0fa33dc1c5f' })));
     }
     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: 'eebc7af3c060402ceedffaac78a9b937392762f9', class: "sidebar-menu-action", disabled: this.disabled, type: "button", "aria-label": "More options" }, h("slot", { key: '91018cbf484c203c5c134ce45b549f4d822dcf7a' })));
+        return (h("button", { key: '34a997954623cd0d6de95233c47127812fa4b7e4', class: "sidebar-menu-action", disabled: this.disabled, type: "button", "aria-label": "More options" }, h("slot", { key: '11b76eedc18b1fc95876da77e0461e9916e69c33' })));
     }
     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: '80ff9dccd43ef5ca5f4790892d3f297be92e51ef', class: "sidebar-menu-badge" }, h("slot", { key: '0a65ce157e4bc68f40fddbe8727eeec830c55766' })));
+        return (h("span", { key: 'c37715680a2175f6c6b7e3cf76fdd3855a346404', class: "sidebar-menu-badge" }, h("slot", { key: 'c4c000ee837ee2ddc35afc5a13654a032d3aed48' })));
     }
     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: 'db1008aceefb2f8573ae49bdac432dc5d95b247f' }, buttonProps), h("span", { key: '4f249c4ade199ba487bca1087f6baf71350be810', class: "sidebar-menu-button-content" }, h("slot", { key: 'f96cdb058e69d102a5667c4a0e337b37dcbf4e67' })), this._isIconMode && this.tooltipText && (h("span", { key: 'd24c134ec227fde5a7962e71e93ac2d681873227', class: "sr-only" }, this.tooltipText))));
+        return (h(Tag, Object.assign({ key: 'e04698a39abae98a8f0bfa1642b984ca847d0b4d' }, buttonProps), h("span", { key: 'ed2eb5f5191605dc8b36764c182857179fc0f047', class: "sidebar-menu-button-content" }, h("slot", { key: '71caac0a699f3d63ea726087275d7bdbea958d1e' })), this._isIconMode && this.tooltipText && (h("span", { key: '40d785610ce17244683a040b1c18b24d6eaecb7e', 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: '3d481de2d3118616d7576f44d4bf7bfccd550f65', class: "sidebar-menu-item", role: "none" }, h("slot", { key: 'b8c34d9314660e5c93298689622ce3b95b096dfd' })));
+        return (h("li", { key: 'e1165092827505342d690bdbde12ea0a2922ae9b', class: "sidebar-menu-item", role: "none" }, h("slot", { key: '19c6914a0307ea85c4ad1b4f600438f5963a2dc3' })));
     }
     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: '03c23eafe3c39e8d5303bbe587600300c57e2a42', class: "sidebar-menu-skeleton" }, this.showIcon && h("div", { key: '1cc9bbdd981668e227f78cf0401fc9096fc69ced', class: "sidebar-menu-skeleton-icon" }), h("div", { key: '1a0d17e3a00783e9814579928d06123ab5c0e4c2', class: "sidebar-menu-skeleton-text" })));
+        return (h("div", { key: 'b2780ed63983851c52cb84f504ddc5766c06e276', class: "sidebar-menu-skeleton" }, this.showIcon && h("div", { key: 'ac65f4fb8d4a7a8b0818fa2edfdaaf881d6e3068', class: "sidebar-menu-skeleton-icon" }), h("div", { key: '17c4004936ba5b7ff53c302dc6ed50944f99c757', class: "sidebar-menu-skeleton-text" })));
     }
     static get is() { return "seki-sidebar-menu-skeleton"; }
     static get encapsulation() { return "shadow"; }