@sekiui/elements 0.0.83 → 0.0.85

package/dist/components/seki-alert-dialog.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, d as registerThemeSync, u as unregisterThemeSync, h, e as Host } from './p-CmYbI_bV.js';
-import { d as defineCustomElement$2 } from './p-C87BOunl.js';
+import { d as defineCustomElement$2 } from './p-BdymhpMg.js';
 
 const sekiAlertDialogCss = ":host{display:contents}";
 
@@ -27,8 +27,8 @@ const SekiAlertDialog$1 = /*@__PURE__*/ proxyCustomElement(class SekiAlertDialog
             event.stopPropagation();
             this._isOpen = event.detail;
             this.open = event.detail;
-            this.sekiOpenChange.emit(event.detail);
             this.updateContext();
+            this.sekiOpenChange.emit(event.detail);
         };
     }
     componentWillLoad() {
@@ -89,7 +89,7 @@ const SekiAlertDialog$1 = /*@__PURE__*/ proxyCustomElement(class SekiAlertDialog
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: 'd699c7b53b56deefc5ed5284abffa5dab5cd45c4', "data-state": this._isOpen ? 'open' : 'closed' }, h("seki-dialog", { key: 'a031db20f3e9233efe0001d21b40dcdb185a6d6f', ref: (el) => (this.dialogRef = el), open: this._isOpen, modal: true, onSekiOpenChange: this.handleOpenChange }, h("slot", { key: '051a7c5bfc41dcae827dcc695ba62f98e6c9365b' }))));
+        return (h(Host, { key: 'd570352d2c3f88726032647385348f32a155c7ee', "data-state": this._isOpen ? 'open' : 'closed' }, h("seki-dialog", { key: '2aa6f8fef14f7565b4df129e6dfdb701ee7339c2', ref: (el) => (this.dialogRef = el), open: this._isOpen, modal: true, onSekiOpenChange: this.handleOpenChange }, h("slot", { key: 'a80d2caec5c991fea15a18191cda5208543d7920' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/seki-alert-title.js

@@ -18,7 +18,7 @@ const SekiAlertTitle$1 = /*@__PURE__*/ proxyCustomElement(class SekiAlertTitle e
     }
     render() {
         const titleClass = `alert-title ${this.class || ''}`.trim();
-        return (h("h5", { key: 'fcffd974d067f75cffd1bf6fa22a78fc2b81a089', class: titleClass }, h("slot", { key: '20cbf25ae094a76a419663176ef29bc2eccf2b49' })));
+        return (h("h5", { key: 'c26f0e5505f36c4e1dbc7df51bfce898709b1d9e', class: titleClass }, h("slot", { key: '522b1377bc619e9862e3e712b861ca17a6a34fd4' })));
     }
     get el() { return this; }
     static get style() { return sekiAlertCss; }

package/dist/components/seki-aspect-ratio.js

@@ -35,7 +35,7 @@ const SekiAspectRatio$1 = /*@__PURE__*/ proxyCustomElement(class SekiAspectRatio
     render() {
         const safeRatio = this.getSafeRatio();
         const paddingBottom = `${(1 / safeRatio) * 100}%`;
-        return (h(Host, { key: '4740f4b0beb434f6e1a52a53e0e03d53c8250541' }, h("div", { key: '8fff3da3b21e4f988826bda79f0c2a6017751d4a', part: "container", class: "aspect-ratio", style: { paddingBottom } }, h("div", { key: '105a1af40bd320af0505942cb74810d974c251d3', class: "aspect-ratio__content" }, h("slot", { key: '8142d71534a382b6be8e37e392d12e0afc910537' })))));
+        return (h(Host, { key: '104e7f35a8c41ab808aad5048c40ba7c37ed8c63' }, h("div", { key: '1cefdc32816ec8358121cd2ba267183721e8a9e7', part: "container", class: "aspect-ratio", style: { paddingBottom } }, h("div", { key: '78a434c9fa3880d7ce82c819b5accc8d2d3272a5', class: "aspect-ratio__content" }, h("slot", { key: 'bc9d90b741dd1e68aeae996b3f4f88b9a1a1a8e5' })))));
     }
     get el() { return this; }
     static get style() { return sekiAspectRatioCss; }

package/dist/components/seki-breadcrumb-ellipsis.js

@@ -17,7 +17,7 @@ const SekiBreadcrumbEllipsis$1 = /*@__PURE__*/ proxyCustomElement(class SekiBrea
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("span", { key: '470f4509f636a1fb5f9ac88bb1895fc4201697e4', role: "presentation", "aria-hidden": "true", class: "seki-breadcrumb-ellipsis", part: "ellipsis" }, h("svg", { key: '23399fd1e9fa8e5bfb2045581ccd6f6b58959292', 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: '03bcc3660a14ac3337760ad35b07c8dd10e27e47', cx: "12", cy: "12", r: "1" }), h("circle", { key: 'c9564ad3d72c5f74271851ecb1f788578eaf6eba', cx: "19", cy: "12", r: "1" }), h("circle", { key: '3ae46a9cfbf5a8ef5c5751801ad7cf03fda7bab1', cx: "5", cy: "12", r: "1" })), h("span", { key: '27db0c68b1e6496f04d8bedcb2e3fc7bacb266e9', class: "sr-only" }, "More")));
+        return (h("span", { key: 'dea5b9d6f73520d4d1f7001c988a9d58bd12945c', role: "presentation", "aria-hidden": "true", class: "seki-breadcrumb-ellipsis", part: "ellipsis" }, h("svg", { key: '2c583a7dcb7f2ba258bfe9c7b9c312e5784cb76a', 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: '2b26715adf628031e7e8f8216a2812725ecd7325', cx: "12", cy: "12", r: "1" }), h("circle", { key: 'e3fec7dc91db2d9bb623314781aa50e7958399f7', cx: "19", cy: "12", r: "1" }), h("circle", { key: '839bd95fad61658056f53e9a62ca05c25c36f231', cx: "5", cy: "12", r: "1" })), h("span", { key: '8a3a9a588941d4f6b7c7fce70222de47d906a9e8', class: "sr-only" }, "More")));
     }
     get el() { return this; }
     static get style() { return sekiBreadcrumbCss; }

package/dist/components/seki-breadcrumb-item.js

@@ -17,7 +17,7 @@ const SekiBreadcrumbItem$1 = /*@__PURE__*/ proxyCustomElement(class SekiBreadcru
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("li", { key: '73b248b69d5673199469a874b92f35de235a4876', class: "seki-breadcrumb-item", part: "item" }, h("slot", { key: '5981734e45550ae1cd0a52908ba91e0fd39caf9a' })));
+        return (h("li", { key: 'ef3c692c46ff4cd20bbe5a441f4a04cbdc31284b', class: "seki-breadcrumb-item", part: "item" }, h("slot", { key: 'ed671a626deed20e19fa8e98467408a3b4d942e5' })));
     }
     get el() { return this; }
     static get style() { return sekiBreadcrumbCss; }

package/dist/components/seki-breadcrumb-link.js

@@ -17,7 +17,7 @@ const SekiBreadcrumbLink$1 = /*@__PURE__*/ proxyCustomElement(class SekiBreadcru
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("a", { key: '45b4f2d2fdf99c0b67f5ea80f9a2ebabe95ce0bc', href: this.href, target: this.target, class: "seki-breadcrumb-link", part: "link" }, h("slot", { key: 'a29a78596e1d7831ec6b13f1c6c72505a428fe18' })));
+        return (h("a", { key: 'ab6b73ff416cca6482453de45e417762d1f02fef', href: this.href, target: this.target, class: "seki-breadcrumb-link", part: "link" }, h("slot", { key: 'd77407f0282faaa3f4eb5454ce7fab3eb6460559' })));
     }
     get el() { return this; }
     static get style() { return sekiBreadcrumbCss; }

package/dist/components/seki-breadcrumb-list.js

@@ -17,7 +17,7 @@ const SekiBreadcrumbList$1 = /*@__PURE__*/ proxyCustomElement(class SekiBreadcru
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("ol", { key: '013d91fe4207c0fad727eb69ae0abc07f384b5c3', class: "seki-breadcrumb-list", part: "list" }, h("slot", { key: 'b28787a6d52090a0e2f31a344759318592042ae1' })));
+        return (h("ol", { key: 'a251388a4950938beaafa565820087ff7ef6b017', class: "seki-breadcrumb-list", part: "list" }, h("slot", { key: '91806b01d1a0ec13d780d24c720ee1f03017564a' })));
     }
     get el() { return this; }
     static get style() { return sekiBreadcrumbCss; }

package/dist/components/seki-breadcrumb-page.js

@@ -17,7 +17,7 @@ const SekiBreadcrumbPage$1 = /*@__PURE__*/ proxyCustomElement(class SekiBreadcru
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("span", { key: '8a915e146279f789b9b74b28a097c5a3cf2196ef', role: "link", "aria-disabled": "true", "aria-current": "page", class: "seki-breadcrumb-page", part: "page" }, h("slot", { key: '8ba8a7f96271903f964c63179e13b0582e6abc9d' })));
+        return (h("span", { key: 'ef10f43b1be70e10ebe16a108cb7dc63dd9a1468', role: "link", "aria-disabled": "true", "aria-current": "page", class: "seki-breadcrumb-page", part: "page" }, h("slot", { key: '454cb4d1f5de3ebf24b2e53200697af4674ef3cb' })));
     }
     get el() { return this; }
     static get style() { return sekiBreadcrumbCss; }

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

@@ -21,7 +21,7 @@ const SekiBreadcrumbSeparator$1 = /*@__PURE__*/ proxyCustomElement(class SekiBre
     }
     render() {
         const hasContent = this.hasCustomContent();
-        return (h("li", { key: 'f179005a3a4f4debc1c15868b5b6802e2b292ca8', role: "presentation", "aria-hidden": "true", class: "seki-breadcrumb-separator", part: "separator" }, hasContent ? (h("slot", null)) : (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: "m9 18 6-6-6-6" })))));
+        return (h("li", { key: '07e31912961f8a2bf9a6a3204fefab14692a5dfd', role: "presentation", "aria-hidden": "true", class: "seki-breadcrumb-separator", part: "separator" }, hasContent ? (h("slot", null)) : (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: "m9 18 6-6-6-6" })))));
     }
     get el() { return this; }
     static get style() { return sekiBreadcrumbCss; }

package/dist/components/seki-breadcrumb.js

@@ -22,7 +22,7 @@ const SekiBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class SekiBreadcrumb e
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("nav", { key: '71610c9d2539fcea8de0e8beade29ede123e1398', "aria-label": this.label, class: "seki-breadcrumb", part: "breadcrumb" }, h("slot", { key: 'f7c58aacb70618a356c1c2b89f71a620f2eb849f' })));
+        return (h("nav", { key: '44d9f2eb1f15ffdea9ecccdb86b10512adcabeb0', "aria-label": this.label, class: "seki-breadcrumb", part: "breadcrumb" }, h("slot", { key: 'e25f3380a757b39e601d6720b402e0a76357521e' })));
     }
     get el() { return this; }
     static get style() { return sekiBreadcrumbCss; }

package/dist/components/seki-button-group.js

@@ -56,10 +56,10 @@ const SekiButtonGroup$1 = /*@__PURE__*/ proxyCustomElement(class SekiButtonGroup
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '278fb09497489a15ea4ed15b9a98dd371e3fe3f4' }, h("div", { key: 'c6860dc954c82c30dbd541338cf27af33fb738dd', class: {
+        return (h(Host, { key: '1f044408cd89a340852a4c3d0d8e5bf50eaa6a94' }, h("div", { key: '89e7fc3012583e8a9c88d02c66697498ea0a9720', class: {
                 'button-group': true,
                 [`button-group--${this.orientation}`]: true,
-            }, role: "group", "aria-label": this.ariaLabel }, h("slot", { key: '9dbc20e14eec23655e1a96a9636dbbee874a5b62', onSlotchange: () => this.updateChildButtons() }))));
+            }, role: "group", "aria-label": this.ariaLabel }, h("slot", { key: '1ff9b382a1e2aaf84f7903bce8eee53abb2574be', onSlotchange: () => this.updateChildButtons() }))));
     }
     get el() { return this; }
     static get style() { return sekiButtonGroupCss; }

package/dist/components/seki-button.js

@@ -41,7 +41,7 @@ const SekiButton$1 = /*@__PURE__*/ proxyCustomElement(class SekiButton extends H
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("button", { key: '2f52e535356c2d14b62c160981e91c1fe7091df4', class: `button button--${this.variant} button--${this.size}`, type: this.type, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : null, "aria-label": this.ariaLabel }, h("slot", { key: 'f0203d10bcf06f77cff86c4a1b3101f19b611859' })));
+        return (h("button", { key: 'f479719b41043dfa2db640c4bf0cf0d4b18b92b1', class: `button button--${this.variant} button--${this.size}`, type: this.type, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : null, "aria-label": this.ariaLabel }, h("slot", { key: '635e675350a862506c27ff4338c12b75050db7a4' })));
     }
     get el() { return this; }
     static get style() { return sekiButtonCss; }

package/dist/components/seki-card-action.js

@@ -17,7 +17,7 @@ const CardAction = /*@__PURE__*/ proxyCustomElement(class CardAction extends H {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: 'bcdd8cc6786a1afd136ce00291dfab58bb58c27d', class: `card-action ${this.class || ''}`, role: "toolbar" }, h("slot", { key: 'a0ba7209a4ee887f161008c4fef7c86fcf75b4ac' })));
+        return (h("div", { key: '7046640f2362e4c8eac4e9a44f3198b45de65d62', class: `card-action ${this.class || ''}`, role: "toolbar" }, h("slot", { key: 'ce2feed168332a8cac62f203859c7118ceabecba' })));
     }
     get el() { return this; }
     static get style() { return sekiCardCss; }

package/dist/components/seki-card-content.js

@@ -17,7 +17,7 @@ const CardContent = /*@__PURE__*/ proxyCustomElement(class CardContent extends H
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("div", { key: '23be1399344a9bb1bf9bc7891a8c04494eceea42', class: `card-content ${this.class || ''}` }, h("slot", { key: 'b82650596c3082c4feea81480766968852dbffbb' })));
+        return (h("div", { key: 'cd8d9fc3a92820da2fe073406a0569def8000665', class: `card-content ${this.class || ''}` }, h("slot", { key: '44247aff028705e7514a438f59e46376e726d261' })));
     }
     get el() { return this; }
     static get style() { return sekiCardCss; }

package/dist/components/seki-card-description.js

@@ -17,7 +17,7 @@ const CardDescription = /*@__PURE__*/ proxyCustomElement(class CardDescription e
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("p", { key: 'a56fd51efa05d0d5e98d10de1bc82eb72c60f5a4', class: `card-description ${this.class || ''}` }, h("slot", { key: 'f8d4b0ce661837d761c579e418d5d70457ab1937' })));
+        return (h("p", { key: '3db58f4a4fad39159e10d7f06bcf8470f1511185', class: `card-description ${this.class || ''}` }, h("slot", { key: '6b88c6853c835993dc3ebb1db410593a99bc2da9' })));
     }
     get el() { return this; }
     static get style() { return sekiCardCss; }

package/dist/components/seki-card-footer.js

@@ -22,7 +22,7 @@ const CardFooter = /*@__PURE__*/ proxyCustomElement(class CardFooter extends H {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("footer", { key: '7acb8e8932c44f26c0cbed1b17422906c4b04069', class: `card-footer ${this.class || ''}`, style: { justifyContent: this.alignment } }, h("slot", { key: '971fc9b2a153bc3282fc11e851bd67a705a16246' })));
+        return (h("footer", { key: '8a35a32f1ab6df24f97db845a7b157e32a5c6e80', class: `card-footer ${this.class || ''}`, style: { justifyContent: this.alignment } }, h("slot", { key: 'bcaae7c438620128fe8c6a85481fbc1ceea3320f' })));
     }
     get el() { return this; }
     static get style() { return sekiCardCss; }

package/dist/components/seki-card-header.js

@@ -17,7 +17,7 @@ const CardHeader = /*@__PURE__*/ proxyCustomElement(class CardHeader extends H {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("header", { key: 'd651f0cf0c0ea6348d44e2dd3276aa221620454e', class: `card-header ${this.class || ''}` }, h("slot", { key: '64514bade426b044f315fa2e157925ed51c85f9d' })));
+        return (h("header", { key: '7c974c213d25835791b73a2050b44246ca4a47f4', class: `card-header ${this.class || ''}` }, h("slot", { key: 'bb3d42e95fed663ca538ccba885bdcf1176982ab' })));
     }
     get el() { return this; }
     static get style() { return sekiCardCss; }

package/dist/components/seki-card.js

@@ -17,7 +17,7 @@ const Card = /*@__PURE__*/ proxyCustomElement(class Card extends H {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("section", { key: 'aa3a3390eec9a67e8437f3a36214e72058110146', class: this.class }, h("slot", { key: '29943519f123a6f990047d24cb471825c32b20b5' })));
+        return (h("section", { key: '7a319da16894908e149301189a976aebfe6b5c3b', class: this.class }, h("slot", { key: 'e2738b4c365b4d4b775b0e728edd0687b75f5444' })));
     }
     get el() { return this; }
     static get style() { return sekiCardCss; }

package/dist/components/seki-carousel-content.js

@@ -16,7 +16,7 @@ const SekiCarouselContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiCarouse
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '9f9e3a8012188c78c332a3470472d5e02811956d', class: "carousel-content-host" }, h("div", { key: '7316c22687a7c8926bf6526b640d58576cbfa369', class: "carousel-content" }, h("slot", { key: '20fda69158d884eaf9ef8e5c1521cd4b18a6bbc9' }))));
+        return (h(Host, { key: '9b59975b50ca45e35f16418d446e6ee2fcd8d568', class: "carousel-content-host" }, h("div", { key: 'b530663eba570b9d45f176a378fa42cfa3489773', class: "carousel-content" }, h("slot", { key: '9fd9a19d9a4d7c3d62a742fc0eef77d4f77a5c3a' }))));
     }
     get el() { return this; }
     static get style() { return sekiCarouselContentCss; }

package/dist/components/seki-carousel-dots.js

@@ -91,7 +91,7 @@ const SekiCarouselDots$1 = /*@__PURE__*/ proxyCustomElement(class SekiCarouselDo
     }
     render() {
         const dots = Array.from({ length: this.scrollSnapCount }, (_, i) => i);
-        return (h(Host, { key: '177e32f3366f093b08997e67f61eafcd5149c543', class: "carousel-dots" }, h("div", { key: '2f2e62e001bb23f81d1d4c0d128da5681e4b3261', class: "carousel-dots__container", role: "tablist", "aria-label": "Carousel pagination" }, dots.map((index) => (h("button", { key: index, type: "button", class: {
+        return (h(Host, { key: '8e8db07dbaedff33890e33696f5077fee004a0a5', class: "carousel-dots" }, h("div", { key: 'a7a7272b52243f443059729378a46ec4eaa5eede', class: "carousel-dots__container", role: "tablist", "aria-label": "Carousel pagination" }, dots.map((index) => (h("button", { key: index, type: "button", class: {
                 'carousel-dots__dot': true,
                 'carousel-dots__dot--active': index === this.selectedIndex,
             }, role: "tab", "aria-selected": index === this.selectedIndex ? 'true' : 'false', "aria-label": `Go to slide ${index + 1}`, tabindex: index === this.selectedIndex ? '0' : '-1', onClick: () => this.handleDotClick(index), onKeyDown: (e) => this.handleKeyDown(e, index) }, h("span", { class: "carousel-dots__dot-inner" })))))));

package/dist/components/seki-carousel-item.js

@@ -22,7 +22,7 @@ const SekiCarouselItem$1 = /*@__PURE__*/ proxyCustomElement(class SekiCarouselIt
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '37860139aab64ded084aeab799cccc6a10fddc94', class: "carousel-item", style: { flexBasis: this.basis }, role: "group", "aria-roledescription": "slide" }, h("slot", { key: '329e22206c589d60220a31ac19402d8437a18d84' })));
+        return (h(Host, { key: 'db3fac15838ec87379c77c4806e27efec340d6f4', class: "carousel-item", style: { flexBasis: this.basis }, role: "group", "aria-roledescription": "slide" }, h("slot", { key: '39e5d88592aefca2e14b3cbe93e02e08cff45ef7' })));
     }
     get el() { return this; }
     static get style() { return sekiCarouselItemCss; }

package/dist/components/seki-carousel-next.js

@@ -57,7 +57,7 @@ const SekiCarouselNext$1 = /*@__PURE__*/ proxyCustomElement(class SekiCarouselNe
         this.disabled = !context.canScrollNext;
     }
     render() {
-        return (h(Host, { key: '267ae3c889aa77f1b15a4f9b5e4aa3cf46dab2f7', class: { 'carousel-nav': true, 'carousel-nav--next': true } }, h("button", { key: '5f50fac8181f643368c256530ec28996f5f8a164', type: "button", class: "carousel-nav__button", disabled: this.disabled, "aria-label": "Next slide", onClick: this.handleClick }, h("svg", { key: '878dac075db363ec2337615a3ec747fc1fc4a9f5', class: "carousel-nav__icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: '55e835953c60b00c8974cef4d3d2258ab8385b95', points: "9 18 15 12 9 6" })))));
+        return (h(Host, { key: '6ffde15818ceda17226e4f37cd8d8953bc64e015', class: { 'carousel-nav': true, 'carousel-nav--next': true } }, h("button", { key: 'f18a70c18db65678679d1b8a540b34c13374af95', type: "button", class: "carousel-nav__button", disabled: this.disabled, "aria-label": "Next slide", onClick: this.handleClick }, h("svg", { key: '3bfa30276d3e9c1cc3b2d3201ad5c1b63587d676', class: "carousel-nav__icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: '9b6a075e8054c0a9aa10549a68c699adb1f85100', points: "9 18 15 12 9 6" })))));
     }
     get el() { return this; }
     static get style() { return sekiCarouselNavigationCss; }

package/dist/components/seki-carousel-previous.js

@@ -57,7 +57,7 @@ const SekiCarouselPrevious$1 = /*@__PURE__*/ proxyCustomElement(class SekiCarous
         this.disabled = !context.canScrollPrev;
     }
     render() {
-        return (h(Host, { key: '65561be0cf5c06eb26257de6801bb46f8362b3ac', class: { 'carousel-nav': true, 'carousel-nav--prev': true } }, h("button", { key: '55c66c69c07f951d2a11d55b368b769712dc37a4', type: "button", class: "carousel-nav__button", disabled: this.disabled, "aria-label": "Previous slide", onClick: this.handleClick }, h("svg", { key: '46693095d37b5ac31662f836a12430afca78baaf', class: "carousel-nav__icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: '7409dd4ba65445aaa3018204522556d75b37ca5f', points: "15 18 9 12 15 6" })))));
+        return (h(Host, { key: 'a891b295178af6418374976cc965d4205928f606', class: { 'carousel-nav': true, 'carousel-nav--prev': true } }, h("button", { key: 'c39bd8e004f4249a9c23e0afbe7e0e57f7318745', type: "button", class: "carousel-nav__button", disabled: this.disabled, "aria-label": "Previous slide", onClick: this.handleClick }, h("svg", { key: 'c2e5443db76b30f2adfc9ed545575775e5c07466', class: "carousel-nav__icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: '401e69c66e6843181a0754d62966d6cac576b153', points: "15 18 9 12 15 6" })))));
     }
     get el() { return this; }
     static get style() { return sekiCarouselNavigationCss; }

package/dist/components/seki-chart.js

@@ -15230,7 +15230,7 @@ const SekiChart$1 = /*@__PURE__*/ proxyCustomElement(class SekiChart extends H {
             height: this.height,
             position: 'relative',
         };
-        return (h(Host, { key: '5fa0df579c18b6b4c8fb7b0702d80c38cbb0d5c5' }, h("div", { key: '03e6086d9addc835a63dbd970fcf2cce7d2c0554', class: "chart-container", style: containerStyle, role: "img", "aria-label": this.getAriaLabel() }, h("canvas", { key: 'fa80f5b77a6894f36b5b6cf7e187449adc29ed4d', ref: (el) => (this.canvasRef = el) }), this.renderErrorState())));
+        return (h(Host, { key: '058aa96a94c95e0c0a63ec4245e5fcb08333f08e' }, h("div", { key: '9d718d11e124261c67603268b77d225140bbaa16', class: "chart-container", style: containerStyle, role: "img", "aria-label": this.getAriaLabel() }, h("canvas", { key: '12b38b483ba7d43d3b11c185936fa77438a421df', ref: (el) => (this.canvasRef = el) }), this.renderErrorState())));
     }
     getAriaLabel() {
         var _a, _b;

package/dist/components/seki-checkbox.js

@@ -110,11 +110,11 @@ const SekiCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class SekiCheckbox exten
     render() {
         const isChecked = this.isChecked;
         const dataState = this.indeterminate ? 'indeterminate' : isChecked ? 'checked' : 'unchecked';
-        return (h(Host, { key: 'f7aebf321a0ce53a32adb02897b9e4aaab74fae6', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("button", { key: 'd588a4f5678f590a247bf515345cb4e713d34e31', type: "button", role: "checkbox", class: "checkbox", part: "checkbox", "aria-checked": this.indeterminate ? 'mixed' : isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, "aria-describedby": this.ariaDescribedby || undefined, "aria-required": this.required ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, disabled: this.disabled, onClick: this.handleClick }, (isChecked || this.indeterminate) && (h("span", { key: '543f7747309df449db841790076f176c75cb7771', class: "indicator", part: "indicator" }, this.indeterminate ? (
+        return (h(Host, { key: '83c016d95d1f36aeb0d7991a875dbe23aa075fac', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("button", { key: 'fc58fd80d32533b6f1c53bc1ebe64527dc778c7d', type: "button", role: "checkbox", class: "checkbox", part: "checkbox", "aria-checked": this.indeterminate ? 'mixed' : isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, "aria-describedby": this.ariaDescribedby || undefined, "aria-required": this.required ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, disabled: this.disabled, onClick: this.handleClick }, (isChecked || this.indeterminate) && (h("span", { key: '707908616c9fe836c29707d897f82edabf4e3c79', class: "indicator", part: "indicator" }, this.indeterminate ? (
         // Minus icon for indeterminate state
         h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("line", { x1: "5", y1: "12", x2: "19", y2: "12" }))) : (
         // Checkmark icon for checked state
-        h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { points: "20 6 9 17 4 12" })))))), this.name && (h("input", { key: '96e46550dd61f32ee3b88d279799bb713d0085ab', type: "checkbox", name: this.name, value: this.value, checked: isChecked, required: this.required, disabled: this.disabled, style: { display: 'none' }, tabindex: -1, "aria-hidden": "true" }))));
+        h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { points: "20 6 9 17 4 12" })))))), this.name && (h("input", { key: '735d51b0e1059213fcfab8a85d07befe43215922', type: "checkbox", name: this.name, value: this.value, checked: isChecked, required: this.required, disabled: this.disabled, style: { display: 'none' }, tabindex: -1, "aria-hidden": "true" }))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }

package/dist/components/seki-collapsible-content.js

@@ -95,11 +95,11 @@ const SekiCollapsibleContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiColl
         else {
             contentStyle.height = '0';
         }
-        return (h(Host, { key: 'bd513b01e2255e613b63f87ae98dd0f6f4ef8492', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: '787691395dd95623156e80c817198c57b0275e24', ref: (el) => (this.contentRef = el), part: "content", id: contentId, role: "region", "aria-labelledby": triggerId, "aria-hidden": !this._isOpen, class: {
+        return (h(Host, { key: '13c559b6c640c686c91b22f35302ce78e5b81eb3', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: 'e3462ce7b23b3d7d42f19d74f46967e04e141876', ref: (el) => (this.contentRef = el), part: "content", id: contentId, role: "region", "aria-labelledby": triggerId, "aria-hidden": !this._isOpen, class: {
                 'collapsible-content': true,
                 'collapsible-content--open': this._isOpen,
                 'collapsible-content--animating': this._isAnimating,
-            }, style: contentStyle }, h("div", { key: '6d40421fe1a88b650f97b781e9e7f84d96c49b08', class: "collapsible-content-inner" }, h("slot", { key: '34c249f5514a6952ae2b8ec9250cdfe81bbbfa0f' })))));
+            }, style: contentStyle }, h("div", { key: '6375f6afe59b58d930e9d510fe673219d96f644f', class: "collapsible-content-inner" }, h("slot", { key: 'a781ebb1605ca6e1a76a5f779725da356e3441d9' })))));
     }
     get el() { return this; }
     static get style() { return sekiCollapsibleContentCss; }

package/dist/components/seki-collapsible.js

@@ -43,6 +43,7 @@ const SekiCollapsible$1 = /*@__PURE__*/ proxyCustomElement(class SekiCollapsible
             return;
         this._isOpen = !this._isOpen;
         this.open = this._isOpen;
+        this.updateContext();
         this.sekiOpenChange.emit(this._isOpen);
     }
     /**
@@ -53,6 +54,7 @@ const SekiCollapsible$1 = /*@__PURE__*/ proxyCustomElement(class SekiCollapsible
             return;
         this._isOpen = true;
         this.open = true;
+        this.updateContext();
         this.sekiOpenChange.emit(true);
     }
     /**
@@ -63,6 +65,7 @@ const SekiCollapsible$1 = /*@__PURE__*/ proxyCustomElement(class SekiCollapsible
             return;
         this._isOpen = false;
         this.open = false;
+        this.updateContext();
         this.sekiOpenChange.emit(false);
     }
     get contentId() {
@@ -72,12 +75,12 @@ const SekiCollapsible$1 = /*@__PURE__*/ proxyCustomElement(class SekiCollapsible
         return `seki-collapsible-trigger-${this.instanceId}`;
     }
     componentDidLoad() {
-        // Expose context on the element for child components
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        this.el._collapsibleContext = this.getContext();
+        this.updateContext();
     }
     componentDidUpdate() {
-        // Update context when state changes
+        this.updateContext();
+    }
+    updateContext() {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.el._collapsibleContext = this.getContext();
     }
@@ -97,7 +100,7 @@ const SekiCollapsible$1 = /*@__PURE__*/ proxyCustomElement(class SekiCollapsible
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '2744e8f1c97ef3ff40949abf251874dc965fab08', "data-state": this._isOpen ? 'open' : 'closed', "data-disabled": this.disabled ? '' : undefined }, h("div", { key: 'b29adcbd3c847855050d5cc62c253307b7ff0e66', part: "collapsible", class: "collapsible" }, h("slot", { key: '1cbdccb75fb99de7585d2dbf525236d9265c2409' }))));
+        return (h(Host, { key: 'a4e4da4c1142b2e170534123f94156eb7e043cb2', "data-state": this._isOpen ? 'open' : 'closed', "data-disabled": this.disabled ? '' : undefined }, h("div", { key: 'a84e0496fecc7ccfde6c8dbb33dc441593f11dd7', part: "collapsible", class: "collapsible" }, h("slot", { key: '4e979157eafd0873bc8fd6e13de6c64370eba210' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/seki-combobox-content.js

@@ -44,7 +44,7 @@ const SekiComboboxContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiCombobo
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: 'e5cffc7da418d1c4301833b8d7bc885d5f2b4cd3', class: { 'hidden': !this.isOpen } }, h("div", { key: '176d1beb1a15a9ad220448b59f5c06c6b6634b46', id: this.listboxId, class: "combobox-content", role: "listbox", style: { maxHeight: this.maxHeight } }, h("slot", { key: '8d9b12f877266ce3555b4f7158030b2978087736' }))));
+        return (h(Host, { key: 'ac0f145a89b1768440e44f12a215a6a2a3d3fbe6', class: { 'hidden': !this.isOpen } }, h("div", { key: '265715efa32e732193fc8d2e5af7f77853a7eac3', id: this.listboxId, class: "combobox-content", role: "listbox", style: { maxHeight: this.maxHeight } }, h("slot", { key: 'e9a2108701d911ce1b917a66ff73c3879ff2f289' }))));
     }
     get el() { return this; }
     static get style() { return sekiComboboxContentCss; }

package/dist/components/seki-combobox-empty.js

@@ -30,7 +30,7 @@ const SekiComboboxEmpty$1 = /*@__PURE__*/ proxyCustomElement(class SekiComboboxE
             .filter(([, active]) => active)
             .map(([name]) => name)
             .join(' ');
-        return (h(Host, { key: '8ce873ce2fc0d496c0a0f33bf39d27b609183cdc' }, h("div", { key: '236235d8d8c64c0b35b29862da94833c2c0ac092', class: classString, role: "status" }, this.renderSlotForReason(), h("slot", { key: '50e05b08ecd59d6d05837e77de44707ee1654617' }))));
+        return (h(Host, { key: 'e120767b616efd43f31ed1c31d4e1a97c8f28cec' }, h("div", { key: 'f45f02b1a0bc67fbc9bf9c7f1eb0ab3d134f2fbe', class: classString, role: "status" }, this.renderSlotForReason(), h("slot", { key: '3803e9e3f9f3bb57bfd7024242f40bce527a5928' }))));
     }
     /**
      * Renders the appropriate named slot based on the current reason

package/dist/components/seki-combobox-group.js

@@ -18,7 +18,7 @@ const SekiComboboxGroup$1 = /*@__PURE__*/ proxyCustomElement(class SekiComboboxG
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '9ee4a55ca1bc9de8261c9c84606554214b49be59' }, h("div", { key: '9d73dc977b3d6e8095e7184209a5c062721d4bb0', class: "combobox-group", role: "group", "aria-labelledby": this.groupId }, h("div", { key: '9034ef03c284955ece100a644c168f59e2f8468f', id: this.groupId, class: "combobox-group-label" }, this.label), h("div", { key: '1f933f1b53e5562d7b127f0a0c0786f09d723253', class: "combobox-group-items" }, h("slot", { key: '44a9c4a12a1510c2e13624640c9bc8f80c9b1299' })))));
+        return (h(Host, { key: '2a3b0c27d5b810cc290b3f73351325ba85fe136d' }, h("div", { key: '91ba65805b62f50469dde717c3815efb8941dcac', class: "combobox-group", role: "group", "aria-labelledby": this.groupId }, h("div", { key: 'cb107f6ea927e4ad94305af5bad880de64cfc914', id: this.groupId, class: "combobox-group-label" }, this.label), h("div", { key: 'a0f1fd3febe84d813b8e44fa46cdaa70481d308a', class: "combobox-group-items" }, h("slot", { key: 'd35c2a3f166a8f5054be78c985e4b2ad04ccc208' })))));
     }
     get el() { return this; }
     static get style() { return sekiComboboxGroupCss; }

package/dist/components/seki-combobox-input.js

@@ -164,7 +164,7 @@ const SekiComboboxInput$1 = /*@__PURE__*/ proxyCustomElement(class SekiComboboxI
         const focusedItemId = this.focusedItemValue
             ? `combobox-item-${this.focusedItemValue}`
             : undefined;
-        return (h(Host, { key: '8f1c1a67129a5af67b9fc25edb8ad9286050c2ed' }, h("div", { key: '7b389c37c779e195706fb85c534ce92b92fc9ebf', class: "combobox-input-wrapper" }, this.renderSelectedDisplay(), h("input", { key: '2ced7bdb537b4370c05481b584fca9cf989b2729', id: this.inputId, type: "text", class: "combobox-input", value: this.searchQuery, placeholder: this.selectedItems.length > 0 && this.multiple ? '' : this.placeholder, disabled: this.disabled, "aria-autocomplete": "list", "aria-controls": this.listboxId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-activedescendant": focusedItemId, onInput: this.handleInput, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown }))));
+        return (h(Host, { key: '78c405f357a36f03477a50284574ff2cef382f2b' }, h("div", { key: 'c9c1d1677dbbe03daf058bb20093fb0f963010a8', class: "combobox-input-wrapper" }, this.renderSelectedDisplay(), h("input", { key: '1df4709563422b020995595650ea1218cc1477f6', id: this.inputId, type: "text", class: "combobox-input", value: this.searchQuery, placeholder: this.selectedItems.length > 0 && this.multiple ? '' : this.placeholder, disabled: this.disabled, "aria-autocomplete": "list", "aria-controls": this.listboxId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-activedescendant": focusedItemId, onInput: this.handleInput, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown }))));
     }
     get el() { return this; }
     static get style() { return sekiComboboxInputCss; }

package/dist/components/seki-combobox-item.js

@@ -82,12 +82,12 @@ const SekiComboboxItem$1 = /*@__PURE__*/ proxyCustomElement(class SekiComboboxIt
         }
     }
     render() {
-        return (h(Host, { key: 'f319a878642420c67560fbf223202d61ad8fcbea' }, h("div", { key: '682f96162227071773c2450f63384d62b7e5c39e', id: this.itemId, class: {
+        return (h(Host, { key: 'dab9824005d14aee6ba4b0ed7615a38f0dd8565c' }, h("div", { key: '9eacd4b6185870dbeb8a64990a2b6a5b91382a70', id: this.itemId, class: {
                 'combobox-item': true,
                 'selected': this.isSelected,
                 'focused': this.isFocused,
                 'disabled': this.disabled,
-            }, role: "option", "aria-selected": this.isSelected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleClick, onMouseEnter: this.handleMouseEnter }, h("slot", { key: 'f21ad109b3468aa420e57215ea4e3c3ea7152736' }), this.isSelected && (h("svg", { key: 'd7625ed734c9f90577793b9ed79182332dc7532b', class: "check-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2" }, h("polyline", { key: '649d4c36fc7f251c77a9a4197a8583f9188a2b64', points: "20 6 9 17 4 12" }))))));
+            }, role: "option", "aria-selected": this.isSelected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleClick, onMouseEnter: this.handleMouseEnter }, h("slot", { key: '2e8a75a08d439ead8a2274343e545be28648436f' }), this.isSelected && (h("svg", { key: '8db6f645b227d06b82a03082caa4991c663bfafa', class: "check-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2" }, h("polyline", { key: '95d7e4741a24088d46bd3e53ad853472b440ba6b', points: "20 6 9 17 4 12" }))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/seki-combobox.js

@@ -353,7 +353,7 @@ const SekiCombobox$1 = /*@__PURE__*/ proxyCustomElement(class SekiCombobox exten
     // Render
     // ===========================
     render() {
-        return (h(Host, { key: '919f801ff6cc58a431ea5bb29856ae5f86d8f27b', role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-owns": this.listboxId, "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledby, "aria-describedby": this.ariaDescribedby }, h("div", { key: 'cccd52cbf60b952fa67f4e9b817ca94c44f6342a', class: "combobox-container" }, h("slot", { key: 'd7e0356c8246c1bd972e31b1045c773f8e03720a' }))));
+        return (h(Host, { key: '3e01abf642288de23add26b9ddd227b838d47337', role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-owns": this.listboxId, "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledby, "aria-describedby": this.ariaDescribedby }, h("div", { key: 'b2c104793bb5897846e7c27de8d70b43144ee3d2', class: "combobox-container" }, h("slot", { key: '05c42b35999b2c0d1d03a7ac3efa8db4e223b3f3' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/seki-command-input.js

@@ -50,7 +50,7 @@ const SekiCommandInput$1 = /*@__PURE__*/ proxyCustomElement(class SekiCommandInp
         var _a;
         const context = this.getContext();
         const value = (_a = context === null || context === void 0 ? void 0 : context.value) !== null && _a !== void 0 ? _a : '';
-        return (h(Host, { key: '202bf5221557f21ed592a9c9dee8e9d778851c58' }, h("div", { key: 'b00ba7c6a56556f86341600c45b79491b71800b2', part: "input-wrapper", class: "command-input-wrapper" }, h("svg", { key: 'f878f9056eceb777a5aa670b1003a6f386708292', part: "icon", class: "command-input-icon", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("circle", { key: '7c4937a15d66da56d4c3e2fd188c409a137bffd3', cx: "11", cy: "11", r: "8" }), h("path", { key: '8e42924a9b3b7bdb3c211efc5cfafccf477f4077', d: "m21 21-4.3-4.3" })), h("input", { key: 'a6091fc727d9846058c3b35f45b364c635ee141a', ref: (el) => (this.inputRef = el), part: "input", type: "text", class: "command-input", placeholder: this.placeholder, value: value, role: "combobox", "aria-expanded": "true", "aria-controls": "command-list", "aria-autocomplete": "list", onInput: this.handleInput, onKeyDown: this.handleKeyDown }))));
+        return (h(Host, { key: 'f653ced5b5ffae3a5d21c575771642e3bc276ff8' }, h("div", { key: '37add71e5adb99ac9318055546fdc2a38183033c', part: "input-wrapper", class: "command-input-wrapper" }, h("svg", { key: '4126d82dcfde9c3aa8dfaaa5da837dc10329b560', part: "icon", class: "command-input-icon", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("circle", { key: 'fb31e7d3e1c51fdcbd0a3d66ea0db7933e4840e2', cx: "11", cy: "11", r: "8" }), h("path", { key: 'ac9f155ddd7e794715027001faf0806af505b49d', d: "m21 21-4.3-4.3" })), h("input", { key: '04c0ee5550a135754544b1b597831511972dd42a', ref: (el) => (this.inputRef = el), part: "input", type: "text", class: "command-input", placeholder: this.placeholder, value: value, role: "combobox", "aria-expanded": "true", "aria-controls": "command-list", "aria-autocomplete": "list", onInput: this.handleInput, onKeyDown: this.handleKeyDown }))));
     }
     get el() { return this; }
     static get style() { return sekiCommandInputCss; }

package/dist/components/seki-command-list.js

@@ -17,7 +17,7 @@ const SekiCommandList$1 = /*@__PURE__*/ proxyCustomElement(class SekiCommandList
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: 'cb8bdfe395d2c4277cfa01cd5a77e8e2c96693e0' }, h("div", { key: 'aea17104ac447f8ca79dddeecca5eaa5714ce161', part: "list", role: "listbox", class: "command-list" }, h("slot", { key: '4fc910699da21c4b00af85da3cb90b8b00769487' }))));
+        return (h(Host, { key: 'eeefb74ad225c170375eee8dd550bd1b50e75967' }, h("div", { key: '4847b93c843b94e447b33e96f5a0eafa807053fa', part: "list", role: "listbox", class: "command-list" }, h("slot", { key: 'f54d856dff904541eb3e9e59833dc394d15a06a9' }))));
     }
     get el() { return this; }
     static get style() { return sekiCommandListCss; }

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

@@ -17,7 +17,7 @@ const SekiCommandSeparator$1 = /*@__PURE__*/ proxyCustomElement(class SekiComman
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '79f30edbb1417056cafd86983340a62d4314ad8f' }, h("div", { key: '7e04630db08a108301ae3d319f6a7174db0f910b', part: "separator", role: "separator", class: "command-separator" })));
+        return (h(Host, { key: '92a28bcd971701e773fc284cdbad62a8f603b3ec' }, h("div", { key: 'a1f874ede4ee568e7774731fb6052a8648deab49', part: "separator", role: "separator", class: "command-separator" })));
     }
     get el() { return this; }
     static get style() { return sekiCommandSeparatorCss; }

package/dist/components/seki-command.js

@@ -181,7 +181,7 @@ const SekiCommand$1 = /*@__PURE__*/ proxyCustomElement(class SekiCommand extends
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: 'bc0f1600f49191e9a64dcfb3a1f01f60ce5642b1' }, h("div", { key: '8df1ba61d4a05aad8ce0a58db29c069fe0be0e75', part: "command", class: "command" }, h("slot", { key: '73b3312a01b2e435315a1bb59f32ebdcd890469e' }))));
+        return (h(Host, { key: '55d00266a549455d677e72295a08acfb357468c8' }, h("div", { key: '8349dfe7fe893b06f02e756224f4f2a896837ff0', part: "command", class: "command" }, h("slot", { key: '7f51c8e7a913a63f0493639bf789aa35212a4a75' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/seki-context-menu-content.js

@@ -126,7 +126,14 @@ const SekiContextMenuContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiCont
         // Clamp to viewport bounds with margin
         left = Math.max(margin, Math.min(left, viewport.width - contentRect.width - margin));
         top = Math.max(margin, Math.min(top, viewport.height - contentRect.height - margin));
-        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)
+            return;
+        this._position = next;
     }
     connectedCallback() {
         registerThemeSync(this.el);

package/dist/components/seki-context-menu-trigger.js

@@ -84,7 +84,7 @@ const SekiContextMenuTrigger$1 = /*@__PURE__*/ proxyCustomElement(class SekiCont
         this.cancelLongPress();
     }
     render() {
-        return (h(Host, { key: 'a5e12c0966dddf22658040b18ee8fbea44e62852', onContextMenu: this.handleContextMenu, onTouchStart: this.handleTouchStart, onTouchMove: this.handleTouchMove, onTouchEnd: this.handleTouchEnd, onTouchCancel: this.handleTouchEnd }, h("slot", { key: 'b8a0a9d6c2eaf58117b1c8f139a959e2e5dd8066' })));
+        return (h(Host, { key: '841957f70fa8c6d0f2f3dc7db0e09e3fcdc5e19d', onContextMenu: this.handleContextMenu, onTouchStart: this.handleTouchStart, onTouchMove: this.handleTouchMove, onTouchEnd: this.handleTouchEnd, onTouchCancel: this.handleTouchEnd }, h("slot", { key: '533119494eadcb5f2d1f980006ff4f88f0fcb1bb' })));
     }
     get el() { return this; }
     static get style() { return sekiContextMenuTriggerCss; }

package/dist/components/seki-context-menu.js

@@ -52,10 +52,10 @@ const SekiContextMenu$1 = /*@__PURE__*/ proxyCustomElement(class SekiContextMenu
         this._y = y;
         this._isOpen = true;
         this.open = true;
-        this.sekiOpenChange.emit(true);
-        this.setupClickOutside();
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.el._contextMenuContext = this.getContext();
+        this.sekiOpenChange.emit(true);
+        this.setupClickOutside();
     }
     /**
      * Close the menu
@@ -65,10 +65,10 @@ const SekiContextMenu$1 = /*@__PURE__*/ proxyCustomElement(class SekiContextMenu
             return;
         this._isOpen = false;
         this.open = false;
-        this.sekiOpenChange.emit(false);
-        this.removeClickOutside();
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.el._contextMenuContext = this.getContext();
+        this.sekiOpenChange.emit(false);
+        this.removeClickOutside();
     }
     /**
      * Listen for context menu open events from trigger
@@ -146,7 +146,7 @@ const SekiContextMenu$1 = /*@__PURE__*/ proxyCustomElement(class SekiContextMenu
         this.removeClickOutside();
     }
     render() {
-        return (h(Host, { key: '5b5df7991cfde56635d4ace1d7f3728effac91fd', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: '0ab469157d55ed82e05711a8a6f8d972b74bc4a1', part: "context-menu", class: "context-menu" }, h("slot", { key: '1ffbe73e2be43d3f3434e1712c47481c3dc62500' }))));
+        return (h(Host, { key: '39e8ac588f2e487c8d78efe4e567a919cb0cce6a', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: 'c23a5cdc75538d8f6896b8f2630995fb1beca8d8', part: "context-menu", class: "context-menu" }, h("slot", { key: '687ad80831d8a386ea647e80ed5c1b181d831000' }))));
     }
     get el() { return this; }
     static get watchers() { return {