@sekiui/elements 0.0.84 → 0.0.85

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

@@ -143,14 +143,14 @@ export class SekiNavigationMenuViewport {
         return h("slot", null);
     }
     render() {
-        return (h(Host, { key: 'c863186fc1f5fa38f62d722497f1eca6564175ff', class: {
+        return (h(Host, { key: '2921ce165bd9a37f0dba3935531609e5aeb447f6', 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: '558ad311e9ee87bce50b1caaebbd438ef4f4ffa0', class: "navigation-menu-viewport__indicator" }, h("svg", { key: '187cb7822a78f9ec991c403c1c0d255ef1c93434', width: "20", height: "10", viewBox: "0 0 20 10", fill: "currentColor" }, h("polygon", { key: '6a2cb9eb92b18a5815dfc433066f24bc4bb80d76', points: "10,0 20,10 0,10" }))), h("div", { key: '2aaa62ba0e22c828ef21bc4196b78ef78f60faf9', ref: el => (this.contentRef = el), class: "navigation-menu-viewport__content" }, this.renderContent())));
+            } }, h("div", { key: '40dfc462c2fed6ad69a4c9d3ca66459c2337e2c4', class: "navigation-menu-viewport__indicator" }, h("svg", { key: '83b12f8b212886195bb13f482b8415bacad75bbe', width: "20", height: "10", viewBox: "0 0 20 10", fill: "currentColor" }, h("polygon", { key: '68693f3b9e4fe8ad603aa96d85732cf627c76468', points: "10,0 20,10 0,10" }))), h("div", { key: '5e13028babaf8cd4e1cc4e353af9dbda31f3a279', 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/navigation-menu/seki-navigation-menu.js

@@ -200,10 +200,10 @@ export class SekiNavigationMenu {
     // Render
     // =========================================================================
     render() {
-        return (h(Host, { key: '53d2661dfd58fa7309d2a0defc307b17dd55dbf3', class: {
+        return (h(Host, { key: '899be6382156c8f728a66c4f68e2f11bb76f665e', class: {
                 'navigation-menu': true,
                 'navigation-menu--mobile': this.isMobile,
-            }, "data-mobile": this.isMobile ? '' : undefined }, h("nav", { key: 'da9466f28b733cec9d795716bfb7b19cd3d24e3c', class: "navigation-menu__nav", role: "navigation", "aria-label": this.ariaLabel }, this.isMobile ? this.renderMobileNav() : this.renderDesktopNav())));
+            }, "data-mobile": this.isMobile ? '' : undefined }, h("nav", { key: '07eb22a1bdf3ab3e063ccda7ef5d50a54fbf3318', class: "navigation-menu__nav", role: "navigation", "aria-label": this.ariaLabel }, this.isMobile ? this.renderMobileNav() : this.renderDesktopNav())));
     }
     renderDesktopNav() {
         return [

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

@@ -13,7 +13,7 @@ export class SekiPaginationContent {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("ul", { key: 'ea31819c031372d7ffb9d9d59ddc5a197dbca28d', class: "seki-pagination-content", part: "content" }, h("slot", { key: 'b836217e609787d2b60f88f1ff552cd4407e1a29' })));
+        return (h("ul", { key: '809db5da9b7a1998a9522e950bcadf268356994f', class: "seki-pagination-content", part: "content" }, h("slot", { key: '35def5e6d87c8e8caee0a4eafa4a1295e323ce1f' })));
     }
     static get is() { return "seki-pagination-content"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class SekiPaginationEllipsis {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("span", { key: 'ef6f7bf930de4da04444bcd475d6dceb9be69cec', "aria-hidden": "true", class: "seki-pagination-ellipsis", part: "ellipsis" }, h("svg", { key: 'c7f8d27c48a0454f921e32df9274bd730c907cf6', 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: '85166ad9fc2d89b2430eebfa63b42fbfa85496ef', cx: "12", cy: "12", r: "1" }), h("circle", { key: 'c06dbee553119935e90d86c83798aaca644d4705', cx: "19", cy: "12", r: "1" }), h("circle", { key: '1fcf378e59e1c3371e606c622d723714ab6e0df8', cx: "5", cy: "12", r: "1" })), h("span", { key: '749bf80cc5d367bb22b82b7795149875f4358662', class: "sr-only" }, "More pages")));
+        return (h("span", { key: 'c29209b949226769e18f72a7a2b40ab5ce3538f0', "aria-hidden": "true", class: "seki-pagination-ellipsis", part: "ellipsis" }, h("svg", { key: 'c0a70e307c2d07a24144e5f1a319fdccca977efe', 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: '340bd5994686d151857e567f6721163ae5893c98', cx: "12", cy: "12", r: "1" }), h("circle", { key: 'e98ce478858ccdcb970ec932e2e27b729cc4c2e1', cx: "19", cy: "12", r: "1" }), h("circle", { key: 'cedb6f6c15373f13f84489a473a6790def19f246', cx: "5", cy: "12", r: "1" })), h("span", { key: '2b8721985a746e8e260fb1f95ecfbdbde4b0c87c', 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

@@ -13,7 +13,7 @@ export class SekiPaginationItem {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("li", { key: '1045893c9b246255f8c9fac22ea2fbce1bd4fb7d', class: "seki-pagination-item", part: "item" }, h("slot", { key: 'bdb551483afa3926f1dc5fe771f2fcf6a437f96c' })));
+        return (h("li", { key: '98818e023bac6a6b023790be6ec4517f5e5b1a4e', class: "seki-pagination-item", part: "item" }, h("slot", { key: 'a862ab3707802f5bd958ebf2a939ebf1c9c16c93' })));
     }
     static get is() { return "seki-pagination-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -24,11 +24,11 @@ export class SekiPaginationLink {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'span';
-        return (h(Tag, { key: '22e5f7a4f4e907396b1d8a73eb5a323875dd6963', 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: '1e902270671bef859515491ad8ce99e3369dc7d1', 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: '19b2c6755295f81fc78e0c07beef714ba32e7468' })));
+            }, part: "link" }, h("slot", { key: '82733ef02666a3f2eb8888b1875cd1bca3c2cf7b' })));
     }
     static get is() { return "seki-pagination-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -20,11 +20,11 @@ export class SekiPaginationNext {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'span';
-        return (h(Tag, { key: '080ad3ee2bce104e0b15a68b3261bc09ebb1e0b7', 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: 'd78276a48e545a126b0baa9e5ee74b8fce9e4d2e', 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: '9aa466c1762cfb7371fcac60e4f0cc68be690b00' }, "Next"), h("svg", { key: 'e62dfed8237e0d56b5b519a403394fe48bc35577', 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: 'fe66a4d4d749c1696bae7b75de281d27953543b1', d: "m9 18 6-6-6-6" }))));
+            }, part: "next" }, h("span", { key: '6de317f9190ba75fb69b494c26df2b131eae39c4' }, "Next"), h("svg", { key: 'ceae6d32f5d190dd293bcfff61abc623936ae927', 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: 'a501a74524e43b311c591ab253cce74e5ffbba35', 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

@@ -20,11 +20,11 @@ export class SekiPaginationPrevious {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'span';
-        return (h(Tag, { key: '367f79b96e1395b0f76c92b070ade5efc5dce055', 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: '304b9b0d11e6151186b7b6233ab26f696b85c7b9', 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: '8303bb9dc4f98c1819263c327144c0636e8aaab3', 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: '3b78b0168308783b538fddf56678653b01110625', d: "m15 18-6-6 6-6" })), h("span", { key: '48c97da757dfa5be9e1c24ceb9406f7de729c682' }, "Previous")));
+            }, part: "previous" }, h("svg", { key: 'cfcd3f43d9f4da12641c9914ce31a793a21ce6f8', 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: '60fcd22b6b2ed5bd43fe8f5f63f4df41ee3dda4f', d: "m15 18-6-6 6-6" })), h("span", { key: '100e37a84a97a793da7cf88ebc62300027d721ff' }, "Previous")));
     }
     static get is() { return "seki-pagination-previous"; }
     static get encapsulation() { return "shadow"; }

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

@@ -27,7 +27,7 @@ export class SekiPagination {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("nav", { key: 'bc43b557ab08b1c7566f34af6b9de57f99f95889', role: "navigation", "aria-label": "pagination", class: "seki-pagination", part: "pagination" }, h("slot", { key: 'a545d97342e968437167fa553b7b66df5a2898c3' })));
+        return (h("nav", { key: '3547490065920802dd0005b178087637beb63798', role: "navigation", "aria-label": "pagination", class: "seki-pagination", part: "pagination" }, h("slot", { key: 'e606d75d38f3eba10e036ef979fe918c0f3b3dd3' })));
     }
     static get is() { return "seki-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -18,7 +18,7 @@ export class SekiPopoverClose {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '0ef002b3abe12dff2d5db49065dd9c4f9e6eb780' }, h("button", { key: '7a5a09ef9ca1eec3cacc40b37cac96682097a7ba', part: "close", type: "button", class: "popover-close", "aria-label": "Close" }, h("slot", { key: '137d3956bd8e3813c296fbb176c306e152b35e50' }, h("svg", { key: '40d7ac8a21667d888964677fb9be6f6a5001082a', 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: '27b2172fb76c7cc1c8fed9b347dc182357211593', d: "M18 6 6 18" }), h("path", { key: '6b4bb18b5a12ac901dc8fa018e554f474693ba41', d: "m6 6 12 12" }))))));
+        return (h(Host, { key: '593860fb16f0c671074c8e0566ec311d7bc1f31e' }, h("button", { key: 'ccbe7d9fcd13f47cff136d863e730ba87943874f', part: "close", type: "button", class: "popover-close", "aria-label": "Close" }, h("slot", { key: '4ef2b06c2aa32c9e09e8afa13fe191851d7e2b0a' }, h("svg", { key: '183eca1e8a61a6f08ca81e2a55998e0ea9545812', 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: '85a38fa83f4098841953f86f87033aa11bc7760d', d: "M18 6 6 18" }), h("path", { key: '9222b659e7d481dcd84cd2823f174412a9173939', d: "m6 6 12 12" }))))));
     }
     static get is() { return "seki-popover-close"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -19,7 +19,7 @@ export class SekiPopoverTrigger {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '65d97401bc0769ccf29613a90d250c1246976f96' }, h("span", { key: '5e36207444878ed24c8a20ee7f4d8f3203fdd8a7', part: "trigger", class: "popover-trigger" }, h("slot", { key: 'a5d75e85123ce48feee9ed291e9cfab29859c34b' }))));
+        return (h(Host, { key: '3894241d3abf464808969b0e9aeab52741b6f78f' }, h("span", { key: 'a75275693866f0d5794d014a63d0e6a47a3c3d63', part: "trigger", class: "popover-trigger" }, h("slot", { key: '6ffae740616ca2f688b9942f8b7641c75ca5b97b' }))));
     }
     static get is() { return "seki-popover-trigger"; }
     static get encapsulation() { return "shadow"; }

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

@@ -62,10 +62,10 @@ export class SekiPopover {
             return;
         this._isOpen = true;
         this.open = true;
-        this.sekiOpenChange.emit(true);
-        this.setupClickOutside();
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.el._popoverContext = this.getContext();
+        this.sekiOpenChange.emit(true);
+        this.setupClickOutside();
     }
     /**
      * Close the popover
@@ -75,10 +75,10 @@ export class SekiPopover {
             return;
         this._isOpen = false;
         this.open = false;
-        this.sekiOpenChange.emit(false);
-        this.removeClickOutside();
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.el._popoverContext = this.getContext();
+        this.sekiOpenChange.emit(false);
+        this.removeClickOutside();
     }
     /**
      * Toggle the popover
@@ -162,7 +162,7 @@ export class SekiPopover {
         this.removeClickOutside();
     }
     render() {
-        return (h(Host, { key: '31974618c7383783980511b55823a55bfe2dae1e', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: 'f6bc040f29ba0ae30783407550928d3733ec1113', part: "popover", class: "popover" }, h("slot", { key: 'ffbb6edae291c99b941642f81ff8c7862d59525a' }))));
+        return (h(Host, { key: '40a449a5a19ff166152479e287868b4fd6a93d1b', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: '3ff308f91165de51c2d6252a7a00c4b8489b32ca', part: "popover", class: "popover" }, h("slot", { key: '0448b69418484f08c1998660be66ad8ea42ff315' }))));
     }
     static get is() { return "seki-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -73,7 +73,7 @@ export class SekiProgress {
         const state = this.getState();
         const percentage = this.getPercentage();
         const isIndeterminate = state === 'indeterminate';
-        return (h("div", { key: '44a502b524adfa60846b3d3bf5bf3e9cb02a90d1', 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: '42daaa7585cbb00b0557797da677c85546939b5a', class: {
+        return (h("div", { key: 'e5e0cfb41cd74f404c1eec5c3ca28df6dd62a2dd', 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: 'a63d336fceefcba0c38fb8b3fe76c940e29d6121', 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

@@ -54,7 +54,7 @@ export class SekiRadioGroupItem {
     }
     render() {
         const dataState = this.checked ? 'checked' : 'unchecked';
-        return (h(Host, { key: '32474c3a959d8dd5e3a03d9c754e3c5293d1f7b7', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("button", { key: '4e46f66134f531e61477ba07fdfee5ff6f997202', 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: '8b75b8b3c20c82fa490e5f456118d75ffd40fd90', class: "indicator", part: "indicator" })))));
+        return (h(Host, { key: '33f1ff68441202a4948380c4e097a589f3184311', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("button", { key: '93132150e92cad49312169ebe130512138dddcbe', 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: '550717f64030adc132c7d757a9576570fb3556f9', 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

@@ -130,7 +130,7 @@ export class SekiRadioGroup {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '5ce2f8187be4b8c6b38cedce5650080eff0336b2', 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: '4051f3d8f08ebc679a867eff91e180a35b659eae' }), this.name && this.selectedValue && (h("input", { key: '21a6d632e39c05600d9c553bd1f2ac558f422f22', type: "hidden", name: this.name, value: this.selectedValue }))));
+        return (h(Host, { key: 'afc41711f555f589e41b3d6a1de8a665f25d3fa6', 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: '5c8e88dac63d3b78e3e9b67e40a6ea7d7b88ac72' }), this.name && this.selectedValue && (h("input", { key: 'e5c4cdad7dd11d36e793dc40078e60cf5503d1bb', 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

@@ -158,13 +158,13 @@ export class SekiResizableHandle {
     }
     render() {
         const isHorizontal = this._direction === 'horizontal';
-        return (h(Host, { key: '3602233af1a09633d52dc41b076716452b32240a' }, h("div", { key: 'e54ae0019acc4202d0bffc6f96a4f025ea0d9e7e', 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: '380040340177d1f0d415f41bc729de20329dfc76' }, h("div", { key: '113692d8eb59a275e03d12b0bff64dd553c2eaea', 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: 'a4aaa33a41c36f93cf060bbf8294e7736d43be39', part: "grip", class: "resizable-handle__grip" }, h("svg", { key: '437252ff1fd788e541e7618ed55a4a858c5696db', class: "resizable-handle__grip-icon", viewBox: "0 0 6 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '500b72ba51d82c2f64377520e73ebf1005084d2d', cx: "1.5", cy: "2", r: "1", fill: "currentColor" }), h("circle", { key: '96971e03e66e1d3a3492a84be646832c592d570c', cx: "4.5", cy: "2", r: "1", fill: "currentColor" }), h("circle", { key: '0cb829c89f7d52d4fd6f4b848fde280b35f095bf', cx: "1.5", cy: "6", r: "1", fill: "currentColor" }), h("circle", { key: '54dbc4b6c925a6db684efd82291897f1ea39ff01', cx: "4.5", cy: "6", r: "1", fill: "currentColor" }), h("circle", { key: 'be7b25f2d1d046eb75051a6fe61c831492b3d539', cx: "1.5", cy: "10", r: "1", fill: "currentColor" }), h("circle", { key: 'b7d3af0b09fb28defc25feb45420a3d87bf475cc', cx: "4.5", cy: "10", r: "1", fill: "currentColor" }), h("circle", { key: 'dd1510bb802d8c9b3de1f59dea4515a2c54ef269', cx: "1.5", cy: "14", r: "1", fill: "currentColor" }), h("circle", { key: '308e1efb992f81d519a1e7fa1ccbd95ab2bfa393', cx: "4.5", cy: "14", r: "1", fill: "currentColor" })))))));
+            }, onPointerDown: this.handlePointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp }, this.withHandle && (h("div", { key: '45ee80e8e8538520c9a768a13bf180d1ec0399c7', part: "grip", class: "resizable-handle__grip" }, h("svg", { key: 'e2f6334f783f0bef4ee6a92988aeca0cc6034662', class: "resizable-handle__grip-icon", viewBox: "0 0 6 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '3105f50dc7664410b6c3f5cd7b799362425cfc70', cx: "1.5", cy: "2", r: "1", fill: "currentColor" }), h("circle", { key: '7616d2464cf4b64aa2e12824774d6b40f42a18a4', cx: "4.5", cy: "2", r: "1", fill: "currentColor" }), h("circle", { key: '33a5fa35fa58924d0bf865f947bbe005bb399ab9', cx: "1.5", cy: "6", r: "1", fill: "currentColor" }), h("circle", { key: 'e7214ed46c55d3604f480edf9463c8b282b9d377', cx: "4.5", cy: "6", r: "1", fill: "currentColor" }), h("circle", { key: '20895b1a9cfbbf0a9b462abd5da5a52bdc1f4a2a', cx: "1.5", cy: "10", r: "1", fill: "currentColor" }), h("circle", { key: '41e6aee818a36c62698e7410421c6f6ec02e289b', cx: "4.5", cy: "10", r: "1", fill: "currentColor" }), h("circle", { key: '099718dcfb26eadbb1669af39dc7055e2fdf306b', cx: "1.5", cy: "14", r: "1", fill: "currentColor" }), h("circle", { key: 'a1aecfc7c664fb4248842d632f1fa3feeff3b37b', 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

@@ -314,11 +314,11 @@ export class SekiResizablePanelGroup {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '71bf3149ec0d18ebcbef51183c84fbc467e81e1e' }, h("div", { key: 'defdfa9d2c6df5ff4f56660abdf4b06a8fcc0e98', part: "group", role: "group", "aria-label": "Resizable panel group", class: {
+        return (h(Host, { key: 'dc1a82b83432453a3d5ae0276fb5a1a51b1c91f8' }, h("div", { key: 'ba5c3665dc1b8b1e9d981ca0dd3fb16c9a157722', 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: '0be341ba65f40a058e0947a77b6b2399813f718e' }))));
+            } }, h("slot", { key: '7fbd0f17bbc465d7951b0b004f9a5b51f22668a3' }))));
     }
     static get is() { return "seki-resizable-panel-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -145,14 +145,14 @@ export class SekiResizablePanel {
         return this.panelId;
     }
     render() {
-        return (h(Host, { key: 'c3e439cda1225fc4a1e16c8be83afa8d6316647c', style: {
+        return (h(Host, { key: 'a9e92566077037f71126108ec4df7e2e929ca799', style: {
                 flexBasis: `${this._size}%`,
                 flexGrow: '0',
                 flexShrink: '0',
-            } }, h("div", { key: '6f3f143cafe7e69a69fb22b9c5179b8a62c826ab', part: "panel", role: "region", class: {
+            } }, h("div", { key: '4ba1d6ceba1ed58f11500d35f5bbf30c0c63215e', part: "panel", role: "region", class: {
                 'resizable-panel': true,
                 'resizable-panel--collapsed': this._isCollapsed,
-            } }, h("slot", { key: '4085d9053af3462a0a050ff911bf73a9c1e5f15e' }))));
+            } }, h("slot", { key: 'dc156e6669849248722b262c900a8342c09702a8' }))));
     }
     static get is() { return "seki-resizable-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -157,7 +157,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: 'b6856576a408c14295e8083fd4801e9b160c2dbf', "data-state": this.isScrollbarVisible ? 'visible' : 'hidden', "data-has-vertical-overflow": hasVerticalOverflow ? '' : undefined, "data-has-horizontal-overflow": hasHorizontalOverflow ? '' : undefined }, h("div", { key: '51fcde9d949099bcdbeef40e4d982c6c04199b68', ref: (el) => (this.viewportRef = el), part: "viewport", class: "viewport", tabindex: "0", onScroll: this.handleScroll, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: '9b25bd4555ad6481b7fa2d6be88ea4456a0fd571', class: "content" }, h("slot", { key: '965dd88e318a5f19c4f9645b089b9f9465a071d8' }))), h("slot", { key: '8b4180062e625237314269e4a55bbe903745240b', name: "scrollbar" })));
+        return (h(Host, { key: '20bc8c93f89eba0d4afae992c0862429b3e41188', "data-state": this.isScrollbarVisible ? 'visible' : 'hidden', "data-has-vertical-overflow": hasVerticalOverflow ? '' : undefined, "data-has-horizontal-overflow": hasHorizontalOverflow ? '' : undefined }, h("div", { key: '41c91c070d7b8e9d388f1259b7644d6e889da8b8', ref: (el) => (this.viewportRef = el), part: "viewport", class: "viewport", tabindex: "0", onScroll: this.handleScroll, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: '22a4a64015619d4926ffe9489c525e1dd9b60289', class: "content" }, h("slot", { key: 'a6a29e8d6225527223ce9b20b7149fd6071deaca' }))), h("slot", { key: 'd5204200a56c1cc12292b73503d63a3f2c588a09', name: "scrollbar" })));
     }
     static get is() { return "seki-scroll-area"; }
     static get encapsulation() { return "shadow"; }

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

@@ -390,7 +390,7 @@ export class SekiSelect {
     // Render
     // ===========================
     render() {
-        return (h(Host, { key: '3fad15b79a53f9ef681d129650f0f533c6c07ff8' }, h("slot", { key: 'f6d571849ceb5fa3459a252a76311df4c2c6dff4' })));
+        return (h(Host, { key: 'b0b42b272892215611e47bf727c5d7a69e4e0a68' }, h("slot", { key: 'd8e677312ff5db3012cdab97e3975285fb401335' })));
     }
     static get is() { return "seki-select"; }
     static get encapsulation() { return "shadow"; }

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

@@ -18,7 +18,7 @@ export class SekiSelectGroup {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '7867d34d43e681de3888de3eeb2031924a43dd6f' }, h("div", { key: 'e3b8189016809b3c1efb046cff1a472d6d5c59da', class: "group", role: "group", "aria-labelledby": this.groupLabelId }, h("div", { key: '24fb1871c80afdc7e0d3f656e95d11d40cbfc269', class: "group-separator", "aria-hidden": "true" }), h("div", { key: '5219a007eb3abddea08b2ecb7d0b4c84985e50e9', class: "group-label", id: this.groupLabelId, role: "presentation" }, h("slot", { key: 'ab8a8a1e12404c9c808020cc51bbb34d48eb7ecf', name: "label" }, this.label)), h("div", { key: '324e7941e25fb1f91542ad0c28f9753aba24f6e1', class: "group-options" }, h("slot", { key: '42069f7464d8cdd1b1c7fb868e8d4e2a24fae48f' })))));
+        return (h(Host, { key: '496ce69e7443cfd6b23e2b4eb016be19f90c3326' }, h("div", { key: '25835207e80185def50e84c957249e8689d1a688', class: "group", role: "group", "aria-labelledby": this.groupLabelId }, h("div", { key: 'a8d3eebf2def86c5bc129692d65f4bf21f6434fb', class: "group-separator", "aria-hidden": "true" }), h("div", { key: '10061b53e0af3daa265faf71d6fc3968093a7234', class: "group-label", id: this.groupLabelId, role: "presentation" }, h("slot", { key: 'b06c9a54d58a5a8e39d414e54268352f172b8d03', name: "label" }, this.label)), h("div", { key: '6b498bb62fc7eb37da17e2c99ab0aef1979e4b89', class: "group-options" }, h("slot", { key: '4a0eefae43c89760ef3a2a790b1ed87993d01883' })))));
     }
     static get is() { return "seki-select-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -96,7 +96,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: '9d4d802e1b193bf95d139ceffd512756be470779' }, h("div", { key: '28df50bb268b156ebd469525ea24436e3c3004c2', 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: '7cf7de57d19d17e2ec48117da0e4315d47b5d8a0', class: "option-label" }, h("slot", { key: '4085971b6c43e6f5e60e3df35e71ead8b67ad14e' })), isSelected && (h("span", { key: '6fc629d0160e5099a7fb2c716a456df083c828ac', class: "option-indicator", "aria-hidden": "true" }, h("slot", { key: '81e1a764e87689248b2830ef57fe4257905a6545', name: "selected-indicator" }, h("svg", { key: 'e465bc7c15d93ac9a5f457222462c331fff12ca3', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '3e1f8d96113cf57df17b9090f5c926201b4e0c4d', d: "M10 3L4.5 8.5L2 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
+        return (h(Host, { key: '16d792135aba9c0dedfa23f1aab663e2d407b876' }, h("div", { key: '4fc09ff8e9a7eb1a2766d9c0f4acaca73edfcbaa', 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: 'd9b9792898a5aa9b260fcac18fb3189cf14dec39', class: "option-label" }, h("slot", { key: '9e5e4609e4d7b10be7214c2bd9e4483d65d91279' })), isSelected && (h("span", { key: 'd4a094cd14def8ef7e1803423aef78920ad43a34', class: "option-indicator", "aria-hidden": "true" }, h("slot", { key: '7ac19aed6721a16bc9b9ae5e5c6394fda133404f', name: "selected-indicator" }, h("svg", { key: '9af6e45c904e2a3d2c2c44382763f1eb963f9947', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '977e8d4ce55d67b18776a473dec72ee42f5f013d', 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

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

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

@@ -18,7 +18,7 @@ export class SekiSheetClose {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: '6dd2f5309d4da6557f4f570677f80c91c244ab6e', class: "seki-sheet-close", part: "close", onClick: this.handleClick }, h("slot", { key: '39a1f16e2aa3d19e1b9a62b96c4aef6a30278aeb' })));
+        return (h("div", { key: '6ca750bdff6c680d35fc03f26089fa0e6e984c0e', class: "seki-sheet-close", part: "close", onClick: this.handleClick }, h("slot", { key: '8ea69568232e505b4f9be687f0ef2459f5f27e97' })));
     }
     static get is() { return "seki-sheet-close"; }
     static get encapsulation() { return "shadow"; }

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

@@ -12,28 +12,57 @@ export class SekiSheetContent {
          * @default 'right'
          */
         this.side = 'right';
+        /**
+         * Whether the parent seki-sheet is open. Always true when used without a
+         * seki-sheet parent (e.g. mounted standalone).
+         */
+        this._isOpen = true;
         this.handleCloseClick = () => {
             this.closeSheet.emit();
         };
+        this.onSheetOpenChange = () => {
+            this.syncOpenState();
+        };
+    }
+    syncOpenState() {
+        var _a;
+        if (!this.sheetEl)
+            return;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const context = this.sheetEl._sheetContext;
+        this._isOpen = (_a = context === null || context === void 0 ? void 0 : context.isOpen) !== null && _a !== void 0 ? _a : false;
     }
     componentWillLoad() {
+        var _a;
+        this.sheetEl = (_a = this.el.closest('seki-sheet')) !== null && _a !== void 0 ? _a : undefined;
         // Propagate side attribute to parent for CSS targeting
-        const parent = this.el.closest('seki-sheet');
-        if (parent) {
-            parent.setAttribute('data-side', this.side || 'right');
+        if (this.sheetEl) {
+            this.sheetEl.setAttribute('data-side', this.side || 'right');
+            this.syncOpenState();
         }
     }
+    componentDidLoad() {
+        var _a, _b;
+        (_a = this.sheetEl) === null || _a === void 0 ? void 0 : _a.addEventListener('sheetOpen', this.onSheetOpenChange);
+        (_b = this.sheetEl) === null || _b === void 0 ? void 0 : _b.addEventListener('sheetClose', this.onSheetOpenChange);
+    }
     connectedCallback() {
         registerThemeSync(this.el);
     }
     disconnectedCallback() {
+        var _a, _b;
         unregisterThemeSync(this.el);
+        (_a = this.sheetEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('sheetOpen', this.onSheetOpenChange);
+        (_b = this.sheetEl) === null || _b === void 0 ? void 0 : _b.removeEventListener('sheetClose', this.onSheetOpenChange);
     }
     render() {
-        return (h(Host, { key: '26ec5f424c34936db9fe1691d134d44bca55e302', "data-side": this.side }, h("div", { key: 'd990b0951d0ccdcfe26195f4a0f04eda5305c718', role: "dialog", "aria-modal": "true", class: {
+        if (!this._isOpen) {
+            return null;
+        }
+        return (h(Host, { "data-side": this.side }, h("div", { role: "dialog", "aria-modal": "true", class: {
                 'seki-sheet-content': true,
                 [`seki-sheet-content--${this.side}`]: true,
-            }, part: "content" }, h("button", { key: '2bc762be56411e38add96f60a30e62d844fddf67', type: "button", class: "seki-sheet-close-button", "aria-label": "Close", onClick: this.handleCloseClick }, h("svg", { key: 'd7c48a7cac83725eb20be55814856aab4bd7f183', 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: '7ce2b2b85541471eabdcc2f33f41a08bc717d7ce', d: "M18 6 6 18" }), h("path", { key: '795f187bee42e24f1a4f32be8f5645a55e098e6c', d: "m6 6 12 12" }))), h("slot", { key: '39c41c56e7967398750d872188f4d115bb55afca' }))));
+            }, part: "content" }, h("button", { type: "button", class: "seki-sheet-close-button", "aria-label": "Close", onClick: this.handleCloseClick }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { d: "M18 6 6 18" }), h("path", { d: "m6 6 12 12" }))), h("slot", null))));
     }
     static get is() { return "seki-sheet-content"; }
     static get encapsulation() { return "shadow"; }
@@ -80,6 +109,11 @@ export class SekiSheetContent {
             }
         };
     }
+    static get states() {
+        return {
+            "_isOpen": {}
+        };
+    }
     static get events() {
         return [{
                 "method": "closeSheet",

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

@@ -13,7 +13,7 @@ export class SekiSheetDescription {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("p", { key: '30311fecac67e26c13a4ebf25b16f14c2a2c7dc0', class: "seki-sheet-description", part: "description" }, h("slot", { key: '0fcba9a2e7b525f21bf4ff3a8e5deabf7bc9f861' })));
+        return (h("p", { key: 'b6c3af341aa702faebb083a9da61028cc5c00cbe', class: "seki-sheet-description", part: "description" }, h("slot", { key: 'd4037a677483b5c225e4b26115c086d12e31a97b' })));
     }
     static get is() { return "seki-sheet-description"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class SekiSheetFooter {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: 'b7fb7fcf90475d33930f27895a565ef588bf4e6f', class: "seki-sheet-footer", part: "footer" }, h("slot", { key: '89fc76ca642736afd2c614a2cf924c2017f0bb47' })));
+        return (h("div", { key: 'bcddd7a67103a85da8c06a1471726c74a42ddd81', class: "seki-sheet-footer", part: "footer" }, h("slot", { key: '8d2caa8bc4f7328a68bd53f5df41aed8baad148d' })));
     }
     static get is() { return "seki-sheet-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class SekiSheetHeader {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: '6876a4ebeb5ad508f94a02dfd05e1cef1892013b', class: "seki-sheet-header", part: "header" }, h("slot", { key: '3e2019eb8835587cb9aebfd06ad0fb9e20f9bde7' })));
+        return (h("div", { key: '88f5cae42984fa01566ca002922cf95f246c3e98', class: "seki-sheet-header", part: "header" }, h("slot", { key: '1d543e3ffd0e5b26f4fbd3b186c2a4f06087d19e' })));
     }
     static get is() { return "seki-sheet-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class SekiSheetTitle {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("h2", { key: 'd0cdb3c0743914e4501aeb2b396b75800a183eed', class: "seki-sheet-title", part: "title" }, h("slot", { key: '3d978b2c5a42a971aae11ba31cf6c3b8ed452fe8' })));
+        return (h("h2", { key: '005b17cebbbf1821892a6d88f968d8a224a3b21d', class: "seki-sheet-title", part: "title" }, h("slot", { key: '6db57d5520e58f63e6ce21dabb623412be44f340' })));
     }
     static get is() { return "seki-sheet-title"; }
     static get encapsulation() { return "shadow"; }

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

@@ -18,7 +18,7 @@ export class SekiSheetTrigger {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: '0139f6ffe5f5039c1c098f194048254ee3cc8c2b', class: "seki-sheet-trigger", part: "trigger", onClick: this.handleClick }, h("slot", { key: 'dd86e3fdd694b556e2112d76279036d8d4252c4c' })));
+        return (h("div", { key: '6880215b40f88a0a74118808ddc78433942d1dd9', class: "seki-sheet-trigger", part: "trigger", onClick: this.handleClick }, h("slot", { key: '0ca96c8ce32090a500f7b9a0ec0e961707a32696' })));
     }
     static get is() { return "seki-sheet-trigger"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,6 +30,7 @@ export class SekiSheet {
      */
     async open() {
         this.isOpen = true;
+        this.updateContext();
         this.sheetOpen.emit();
     }
     /**
@@ -37,8 +38,18 @@ export class SekiSheet {
      */
     async close() {
         this.isOpen = false;
+        this.updateContext();
         this.sheetClose.emit();
     }
+    updateContext() {
+        // seki-sheet-content has no other way to know this sheet's open state — it
+        // reads this off the host element via closest('seki-sheet').
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.el._sheetContext = { isOpen: this.isOpen };
+    }
+    componentDidLoad() {
+        this.updateContext();
+    }
     /**
      * Toggles the sheet
      */
@@ -68,10 +79,10 @@ export class SekiSheet {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: 'bba151ac6fe32ddaa36a6d60b3ebb45209786362', class: {
+        return (h("div", { key: '5850c3d6970935993c653a359b23347a8741cc36', class: {
                 'seki-sheet': true,
                 'seki-sheet--open': this.isOpen,
-            }, part: "sheet" }, h("slot", { key: '6e28341b810135c669581f010e5c3c6d8d276232' }), this.isOpen && (h("div", { key: 'a8382da9411b2b7e1929b938287a28b06628cc46', class: "seki-sheet-overlay", part: "overlay", onClick: () => this.close() }))));
+            }, part: "sheet" }, h("slot", { key: 'aba133cad6e46629a5ab92cadc6f53a64e02e02c' }), this.isOpen && (h("div", { key: 'd23d22089014bf559605e4010ed2220c8953467b', 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

@@ -8,7 +8,7 @@ export class SekiSidebarContent {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: '4737da0a0a4d547b659e9b160b07c2923cc1e3e0', class: "sidebar-content" }, h("slot", { key: '90ec37f12264da090fe9ace989dae3c402521e28' })));
+        return (h("div", { key: '8eeb6788db73c1505c52459da0a87f574c3d80f6', class: "sidebar-content" }, h("slot", { key: 'f179b6523beb7e58e2ef307384b9543dd615ecef' })));
     }
     static get is() { return "seki-sidebar-content"; }
     static get encapsulation() { return "shadow"; }

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

@@ -24,7 +24,7 @@ export class SekiSidebarFooter {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '1152c6a4fa0594df739634a51897d2883d30377f', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: 'ec7d23a6d84fcaa3ccbda15ce237eb76e54ae48d', class: { 'sidebar-footer': true, 'sidebar-footer--icon-mode': this._isIconMode } }, h("slot", { key: 'bb8181e7b3c865bc599d9eb6dc480e484e250a39' }))));
+        return (h(Host, { key: 'c629fa7e975a4a35151b6fc8dea945c665a4546e', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: '9d5809aca13df35b629fa806f44bba3559017dfe', class: { 'sidebar-footer': true, 'sidebar-footer--icon-mode': this._isIconMode } }, h("slot", { key: 'fc64815961af451d3887418ee56b668111a56363' }))));
     }
     static get is() { return "seki-sidebar-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -14,7 +14,7 @@ export class SekiSidebarGroupAction {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: 'dd28ffe5695923ac553db63ce9fd916911294a9b' }, h("button", { key: '6bc353a3635240cfb30118e6fbbcd66896ff3e9f', class: "sidebar-group-action", type: "button", disabled: this.disabled, "aria-label": this.ariaLabel }, h("slot", { key: '9f917fd544e68ce996283893a8b056467a16c153' }))));
+        return (h(Host, { key: 'ae16003678f513e8329ee63d57369717567216cb' }, h("button", { key: 'b9f94085b358207796cb888b5f664bfebb511444', class: "sidebar-group-action", type: "button", disabled: this.disabled, "aria-label": this.ariaLabel }, h("slot", { key: 'e9bb98169fd2b61df5577721389144158036809d' }))));
     }
     static get is() { return "seki-sidebar-group-action"; }
     static get encapsulation() { return "shadow"; }

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

@@ -8,7 +8,7 @@ export class SekiSidebarGroupContent {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: 'ad67fd3d5a4d329c748aada24f1e4f3b034ea900', class: "sidebar-group-content" }, h("slot", { key: 'f15f2b6f4f43b44869cfcb7d3bae08ada6089d2b' })));
+        return (h("div", { key: '1225e65f340e570280e51dac05e2046b3c101a92', class: "sidebar-group-content" }, h("slot", { key: '7662ab7a2eb889d5531fd59e7a50ad5892f5bc44' })));
     }
     static get is() { return "seki-sidebar-group-content"; }
     static get encapsulation() { return "shadow"; }