@sekiui/elements 0.0.83 → 0.0.85

package/dist/cjs/seki-carousel-next.cjs.entry.js

@@ -56,7 +56,7 @@ const SekiCarouselNext = class {
         this.disabled = !context.canScrollNext;
     }
     render() {
-        return (index.h(index.Host, { key: '267ae3c889aa77f1b15a4f9b5e4aa3cf46dab2f7', class: { 'carousel-nav': true, 'carousel-nav--next': true } }, index.h("button", { key: '5f50fac8181f643368c256530ec28996f5f8a164', type: "button", class: "carousel-nav__button", disabled: this.disabled, "aria-label": "Next slide", onClick: this.handleClick }, index.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" }, index.h("polyline", { key: '55e835953c60b00c8974cef4d3d2258ab8385b95', points: "9 18 15 12 9 6" })))));
+        return (index.h(index.Host, { key: '6ffde15818ceda17226e4f37cd8d8953bc64e015', class: { 'carousel-nav': true, 'carousel-nav--next': true } }, index.h("button", { key: 'f18a70c18db65678679d1b8a540b34c13374af95', type: "button", class: "carousel-nav__button", disabled: this.disabled, "aria-label": "Next slide", onClick: this.handleClick }, index.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" }, index.h("polyline", { key: '9b6a075e8054c0a9aa10549a68c699adb1f85100', points: "9 18 15 12 9 6" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-carousel-previous.cjs.entry.js

@@ -56,7 +56,7 @@ const SekiCarouselPrevious = class {
         this.disabled = !context.canScrollPrev;
     }
     render() {
-        return (index.h(index.Host, { key: '65561be0cf5c06eb26257de6801bb46f8362b3ac', class: { 'carousel-nav': true, 'carousel-nav--prev': true } }, index.h("button", { key: '55c66c69c07f951d2a11d55b368b769712dc37a4', type: "button", class: "carousel-nav__button", disabled: this.disabled, "aria-label": "Previous slide", onClick: this.handleClick }, index.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" }, index.h("polyline", { key: '7409dd4ba65445aaa3018204522556d75b37ca5f', points: "15 18 9 12 15 6" })))));
+        return (index.h(index.Host, { key: 'a891b295178af6418374976cc965d4205928f606', class: { 'carousel-nav': true, 'carousel-nav--prev': true } }, index.h("button", { key: 'c39bd8e004f4249a9c23e0afbe7e0e57f7318745', type: "button", class: "carousel-nav__button", disabled: this.disabled, "aria-label": "Previous slide", onClick: this.handleClick }, index.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" }, index.h("polyline", { key: '401e69c66e6843181a0754d62966d6cac576b153', points: "15 18 9 12 15 6" })))));
     }
     get el() { return index.getElement(this); }
 };

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

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

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

@@ -115,11 +115,11 @@ const SekiCheckbox = class {
     render() {
         const isChecked = this.isChecked;
         const dataState = this.indeterminate ? 'indeterminate' : isChecked ? 'checked' : 'unchecked';
-        return (index.h(index.Host, { key: 'f7aebf321a0ce53a32adb02897b9e4aaab74fae6', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, index.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) && (index.h("span", { key: '543f7747309df449db841790076f176c75cb7771', class: "indicator", part: "indicator" }, this.indeterminate ? (
+        return (index.h(index.Host, { key: '83c016d95d1f36aeb0d7991a875dbe23aa075fac', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, index.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) && (index.h("span", { key: '707908616c9fe836c29707d897f82edabf4e3c79', class: "indicator", part: "indicator" }, this.indeterminate ? (
         // Minus icon for indeterminate state
         index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("line", { x1: "5", y1: "12", x2: "19", y2: "12" }))) : (
         // Checkmark icon for checked state
-        index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("polyline", { points: "20 6 9 17 4 12" })))))), this.name && (index.h("input", { key: '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" }))));
+        index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("polyline", { points: "20 6 9 17 4 12" })))))), this.name && (index.h("input", { key: '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 index.getElement(this); }

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

@@ -94,11 +94,11 @@ const SekiCollapsibleContent = class {
         else {
             contentStyle.height = '0';
         }
-        return (index.h(index.Host, { key: 'bd513b01e2255e613b63f87ae98dd0f6f4ef8492', "data-state": this._isOpen ? 'open' : 'closed' }, index.h("div", { key: '787691395dd95623156e80c817198c57b0275e24', ref: (el) => (this.contentRef = el), part: "content", id: contentId, role: "region", "aria-labelledby": triggerId, "aria-hidden": !this._isOpen, class: {
+        return (index.h(index.Host, { key: '13c559b6c640c686c91b22f35302ce78e5b81eb3', "data-state": this._isOpen ? 'open' : 'closed' }, index.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 }, index.h("div", { key: '6d40421fe1a88b650f97b781e9e7f84d96c49b08', class: "collapsible-content-inner" }, index.h("slot", { key: '34c249f5514a6952ae2b8ec9250cdfe81bbbfa0f' })))));
+            }, style: contentStyle }, index.h("div", { key: '6375f6afe59b58d930e9d510fe673219d96f644f', class: "collapsible-content-inner" }, index.h("slot", { key: 'a781ebb1605ca6e1a76a5f779725da356e3441d9' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -42,6 +42,7 @@ const SekiCollapsible = class {
             return;
         this._isOpen = !this._isOpen;
         this.open = this._isOpen;
+        this.updateContext();
         this.sekiOpenChange.emit(this._isOpen);
     }
     /**
@@ -52,6 +53,7 @@ const SekiCollapsible = class {
             return;
         this._isOpen = true;
         this.open = true;
+        this.updateContext();
         this.sekiOpenChange.emit(true);
     }
     /**
@@ -62,6 +64,7 @@ const SekiCollapsible = class {
             return;
         this._isOpen = false;
         this.open = false;
+        this.updateContext();
         this.sekiOpenChange.emit(false);
     }
     get contentId() {
@@ -71,12 +74,12 @@ const SekiCollapsible = class {
         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();
     }
@@ -96,7 +99,7 @@ const SekiCollapsible = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: '2744e8f1c97ef3ff40949abf251874dc965fab08', "data-state": this._isOpen ? 'open' : 'closed', "data-disabled": this.disabled ? '' : undefined }, index.h("div", { key: 'b29adcbd3c847855050d5cc62c253307b7ff0e66', part: "collapsible", class: "collapsible" }, index.h("slot", { key: '1cbdccb75fb99de7585d2dbf525236d9265c2409' }))));
+        return (index.h(index.Host, { key: 'a4e4da4c1142b2e170534123f94156eb7e043cb2', "data-state": this._isOpen ? 'open' : 'closed', "data-disabled": this.disabled ? '' : undefined }, index.h("div", { key: 'a84e0496fecc7ccfde6c8dbb33dc441593f11dd7', part: "collapsible", class: "collapsible" }, index.h("slot", { key: '4e979157eafd0873bc8fd6e13de6c64370eba210' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -43,7 +43,7 @@ const SekiComboboxContent = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: 'e5cffc7da418d1c4301833b8d7bc885d5f2b4cd3', class: { 'hidden': !this.isOpen } }, index.h("div", { key: '176d1beb1a15a9ad220448b59f5c06c6b6634b46', id: this.listboxId, class: "combobox-content", role: "listbox", style: { maxHeight: this.maxHeight } }, index.h("slot", { key: '8d9b12f877266ce3555b4f7158030b2978087736' }))));
+        return (index.h(index.Host, { key: 'ac0f145a89b1768440e44f12a215a6a2a3d3fbe6', class: { 'hidden': !this.isOpen } }, index.h("div", { key: '265715efa32e732193fc8d2e5af7f77853a7eac3', id: this.listboxId, class: "combobox-content", role: "listbox", style: { maxHeight: this.maxHeight } }, index.h("slot", { key: 'e9a2108701d911ce1b917a66ff73c3879ff2f289' }))));
     }
     get el() { return index.getElement(this); }
 };

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

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

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

@@ -17,7 +17,7 @@ const SekiComboboxGroup = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: '9ee4a55ca1bc9de8261c9c84606554214b49be59' }, index.h("div", { key: '9d73dc977b3d6e8095e7184209a5c062721d4bb0', class: "combobox-group", role: "group", "aria-labelledby": this.groupId }, index.h("div", { key: '9034ef03c284955ece100a644c168f59e2f8468f', id: this.groupId, class: "combobox-group-label" }, this.label), index.h("div", { key: '1f933f1b53e5562d7b127f0a0c0786f09d723253', class: "combobox-group-items" }, index.h("slot", { key: '44a9c4a12a1510c2e13624640c9bc8f80c9b1299' })))));
+        return (index.h(index.Host, { key: '2a3b0c27d5b810cc290b3f73351325ba85fe136d' }, index.h("div", { key: '91ba65805b62f50469dde717c3815efb8941dcac', class: "combobox-group", role: "group", "aria-labelledby": this.groupId }, index.h("div", { key: 'cb107f6ea927e4ad94305af5bad880de64cfc914', id: this.groupId, class: "combobox-group-label" }, this.label), index.h("div", { key: 'a0f1fd3febe84d813b8e44fa46cdaa70481d308a', class: "combobox-group-items" }, index.h("slot", { key: 'd35c2a3f166a8f5054be78c985e4b2ad04ccc208' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -163,7 +163,7 @@ const SekiComboboxInput = class {
         const focusedItemId = this.focusedItemValue
             ? `combobox-item-${this.focusedItemValue}`
             : undefined;
-        return (index.h(index.Host, { key: '8f1c1a67129a5af67b9fc25edb8ad9286050c2ed' }, index.h("div", { key: '7b389c37c779e195706fb85c534ce92b92fc9ebf', class: "combobox-input-wrapper" }, this.renderSelectedDisplay(), index.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 (index.h(index.Host, { key: '78c405f357a36f03477a50284574ff2cef382f2b' }, index.h("div", { key: 'c9c1d1677dbbe03daf058bb20093fb0f963010a8', class: "combobox-input-wrapper" }, this.renderSelectedDisplay(), index.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 index.getElement(this); }
 };

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

@@ -81,12 +81,12 @@ const SekiComboboxItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f319a878642420c67560fbf223202d61ad8fcbea' }, index.h("div", { key: '682f96162227071773c2450f63384d62b7e5c39e', id: this.itemId, class: {
+        return (index.h(index.Host, { key: 'dab9824005d14aee6ba4b0ed7615a38f0dd8565c' }, index.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 }, index.h("slot", { key: 'f21ad109b3468aa420e57215ea4e3c3ea7152736' }), this.isSelected && (index.h("svg", { key: 'd7625ed734c9f90577793b9ed79182332dc7532b', class: "check-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2" }, index.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 }, index.h("slot", { key: '2e8a75a08d439ead8a2274343e545be28648436f' }), this.isSelected && (index.h("svg", { key: '8db6f645b227d06b82a03082caa4991c663bfafa', class: "check-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2" }, index.h("polyline", { key: '95d7e4741a24088d46bd3e53ad853472b440ba6b', points: "20 6 9 17 4 12" }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -352,7 +352,7 @@ const SekiCombobox = class {
     // Render
     // ===========================
     render() {
-        return (index.h(index.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 }, index.h("div", { key: 'cccd52cbf60b952fa67f4e9b817ca94c44f6342a', class: "combobox-container" }, index.h("slot", { key: 'd7e0356c8246c1bd972e31b1045c773f8e03720a' }))));
+        return (index.h(index.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 }, index.h("div", { key: 'b2c104793bb5897846e7c27de8d70b43144ee3d2', class: "combobox-container" }, index.h("slot", { key: '05c42b35999b2c0d1d03a7ac3efa8db4e223b3f3' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -49,7 +49,7 @@ const SekiCommandInput = class {
         var _a;
         const context = this.getContext();
         const value = (_a = context === null || context === void 0 ? void 0 : context.value) !== null && _a !== void 0 ? _a : '';
-        return (index.h(index.Host, { key: '202bf5221557f21ed592a9c9dee8e9d778851c58' }, index.h("div", { key: 'b00ba7c6a56556f86341600c45b79491b71800b2', part: "input-wrapper", class: "command-input-wrapper" }, index.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" }, index.h("circle", { key: '7c4937a15d66da56d4c3e2fd188c409a137bffd3', cx: "11", cy: "11", r: "8" }), index.h("path", { key: '8e42924a9b3b7bdb3c211efc5cfafccf477f4077', d: "m21 21-4.3-4.3" })), index.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 (index.h(index.Host, { key: 'f653ced5b5ffae3a5d21c575771642e3bc276ff8' }, index.h("div", { key: '37add71e5adb99ac9318055546fdc2a38183033c', part: "input-wrapper", class: "command-input-wrapper" }, index.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" }, index.h("circle", { key: 'fb31e7d3e1c51fdcbd0a3d66ea0db7933e4840e2', cx: "11", cy: "11", r: "8" }), index.h("path", { key: 'ac9f155ddd7e794715027001faf0806af505b49d', d: "m21 21-4.3-4.3" })), index.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 index.getElement(this); }
 };

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

@@ -16,7 +16,7 @@ const SekiCommandList = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: 'cb8bdfe395d2c4277cfa01cd5a77e8e2c96693e0' }, index.h("div", { key: 'aea17104ac447f8ca79dddeecca5eaa5714ce161', part: "list", role: "listbox", class: "command-list" }, index.h("slot", { key: '4fc910699da21c4b00af85da3cb90b8b00769487' }))));
+        return (index.h(index.Host, { key: 'eeefb74ad225c170375eee8dd550bd1b50e75967' }, index.h("div", { key: '4847b93c843b94e447b33e96f5a0eafa807053fa', part: "list", role: "listbox", class: "command-list" }, index.h("slot", { key: 'f54d856dff904541eb3e9e59833dc394d15a06a9' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -16,7 +16,7 @@ const SekiCommandSeparator = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: '79f30edbb1417056cafd86983340a62d4314ad8f' }, index.h("div", { key: '7e04630db08a108301ae3d319f6a7174db0f910b', part: "separator", role: "separator", class: "command-separator" })));
+        return (index.h(index.Host, { key: '92a28bcd971701e773fc284cdbad62a8f603b3ec' }, index.h("div", { key: 'a1f874ede4ee568e7774731fb6052a8648deab49', part: "separator", role: "separator", class: "command-separator" })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -180,7 +180,7 @@ const SekiCommand = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: 'bc0f1600f49191e9a64dcfb3a1f01f60ce5642b1' }, index.h("div", { key: '8df1ba61d4a05aad8ce0a58db29c069fe0be0e75', part: "command", class: "command" }, index.h("slot", { key: '73b3312a01b2e435315a1bb59f32ebdcd890469e' }))));
+        return (index.h(index.Host, { key: '55d00266a549455d677e72295a08acfb357468c8' }, index.h("div", { key: '8349dfe7fe893b06f02e756224f4f2a896837ff0', part: "command", class: "command" }, index.h("slot", { key: '7f51c8e7a913a63f0493639bf789aa35212a4a75' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -125,7 +125,14 @@ const SekiContextMenuContent = class {
         // 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() {
         themeSync.registerThemeSync(this.el);

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

@@ -83,7 +83,7 @@ const SekiContextMenuTrigger = class {
         this.cancelLongPress();
     }
     render() {
-        return (index.h(index.Host, { key: 'a5e12c0966dddf22658040b18ee8fbea44e62852', onContextMenu: this.handleContextMenu, onTouchStart: this.handleTouchStart, onTouchMove: this.handleTouchMove, onTouchEnd: this.handleTouchEnd, onTouchCancel: this.handleTouchEnd }, index.h("slot", { key: 'b8a0a9d6c2eaf58117b1c8f139a959e2e5dd8066' })));
+        return (index.h(index.Host, { key: '841957f70fa8c6d0f2f3dc7db0e09e3fcdc5e19d', onContextMenu: this.handleContextMenu, onTouchStart: this.handleTouchStart, onTouchMove: this.handleTouchMove, onTouchEnd: this.handleTouchEnd, onTouchCancel: this.handleTouchEnd }, index.h("slot", { key: '533119494eadcb5f2d1f980006ff4f88f0fcb1bb' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -51,10 +51,10 @@ const SekiContextMenu = class {
         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
@@ -64,10 +64,10 @@ const SekiContextMenu = class {
             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
@@ -145,7 +145,7 @@ const SekiContextMenu = class {
         this.removeClickOutside();
     }
     render() {
-        return (index.h(index.Host, { key: '5b5df7991cfde56635d4ace1d7f3728effac91fd', "data-state": this._isOpen ? 'open' : 'closed' }, index.h("div", { key: '0ab469157d55ed82e05711a8a6f8d972b74bc4a1', part: "context-menu", class: "context-menu" }, index.h("slot", { key: '1ffbe73e2be43d3f3434e1712c47481c3dc62500' }))));
+        return (index.h(index.Host, { key: '39e8ac588f2e487c8d78efe4e567a919cb0cce6a', "data-state": this._isOpen ? 'open' : 'closed' }, index.h("div", { key: 'c23a5cdc75538d8f6896b8f2630995fb1beca8d8', part: "context-menu", class: "context-menu" }, index.h("slot", { key: '687ad80831d8a386ea647e80ed5c1b181d831000' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -470,10 +470,10 @@ const SekiDataTable = class {
         const visibleColumns = this.getVisibleColumns();
         const totalPages = this.getTotalPages();
         const isLoading = this.state.loading || this.loading;
-        return (index.h(index.Host, { key: '28ceb869aa750654845f1ee4a8b4b8098104e6cf' }, index.h("div", { key: '9240e18c99fb45ce16c056081151b2f8bdc38132', class: "data-table" }, (this.searchable || this.columnPicker) && (index.h("div", { key: '31e765bf85d64761738c7aaea3c849050665453d', class: "data-table__toolbar" }, this.searchable && (index.h("div", { key: 'b708cb0661af64ced765e486a11fb64bd12c8696', class: "data-table__search" }, index.h("input", { key: 'd136d0e4974a28ac4171ef692fcd189570849937', type: "text", class: "data-table__search-input", placeholder: this.searchPlaceholder, value: this.searchInputValue, onInput: this.handleSearchInput }), this.searchInputValue && (index.h("button", { key: '7abf0715c25a2810122234bda065f0d52e71a314', type: "button", class: "data-table__search-clear", onClick: this.handleClearSearch, "aria-label": "Clear search" }, "\u00D7")))), index.h("div", { key: 'f12305514367874f1abc14124498fefe47faaf56', class: "data-table__toolbar-spacer" }), this.columnPicker && (index.h("button", { key: '90d9826e8bbe87d75c0bdb5a1125852249119eee', type: "button", class: "data-table__column-picker-btn" }, "Columns")))), index.h("div", { key: 'c563a0df32be909940680f39529117f9a60add23', class: {
+        return (index.h(index.Host, { key: 'ac358ecc1e4797d7164ca092f1d98e46636f8fc7' }, index.h("div", { key: '011d8bb347f587ae8ee942b65ed4e3671220b8a6', class: "data-table" }, (this.searchable || this.columnPicker) && (index.h("div", { key: '5096fa8c0295ca7f91fe89c5a51b4062604ce416', class: "data-table__toolbar" }, this.searchable && (index.h("div", { key: 'd8f22921abe565d1fe60bad7045d4f3ed29ec0d9', class: "data-table__search" }, index.h("input", { key: '1f1886212870bb23efa2b07933962bbc32c53ac2', type: "text", class: "data-table__search-input", placeholder: this.searchPlaceholder, value: this.searchInputValue, onInput: this.handleSearchInput }), this.searchInputValue && (index.h("button", { key: 'a8c6a15637087912b67e0380f88910b306b22444', type: "button", class: "data-table__search-clear", onClick: this.handleClearSearch, "aria-label": "Clear search" }, "\u00D7")))), index.h("div", { key: '00bc6131fad9511c7a16005e614725a2ef2803c9', class: "data-table__toolbar-spacer" }), this.columnPicker && (index.h("button", { key: '24654279441379deba70c79d8985ffd8a7b37013', type: "button", class: "data-table__column-picker-btn" }, "Columns")))), index.h("div", { key: '233e43094e6b31d3ed71718680ba0bc46176f812', class: {
                 'data-table__container': true,
                 'data-table__container--virtual': this.virtualScroll,
-            }, ref: el => (this.scrollContainerRef = el), onScroll: this.handleScroll }, index.h("table", { key: '9f12f68eeaf360a362f6b32a10909fc22e8454aa', class: "data-table__table", role: "grid" }, index.h("thead", { key: '05394e9be4a94bf648be63ab15d8cd8b60f92bae', class: "data-table__head" }, index.h("tr", { key: '91e475902cf1d0f84ccdb07e73efea557a505540', class: "data-table__header-row", role: "row" }, this.selectable && (index.h("th", { key: 'bd98052d239f76b81ec73f46b1c7727a4d56d11b', class: "data-table__th data-table__th--checkbox", role: "columnheader" }, index.h("input", { key: '081bb7a3b26ea6755eba7b05d8664f7cc3f39701', type: "checkbox", class: "data-table__checkbox", checked: this.isAllSelected(), indeterminate: this.isSomeSelected(), onChange: (e) => this.handleSelectAll(e.target.checked), "aria-label": "Select all rows" }))), this.expandable && (index.h("th", { key: '6be313fbacc1620a1803bc651655fc957d126a4a', class: "data-table__th data-table__th--expand", role: "columnheader" }, index.h("span", { key: 'a929282be3cf11031364886bde2db35538c863a6', class: "sr-only" }, "Expand"))), visibleColumns.map(column => {
+            }, ref: el => (this.scrollContainerRef = el), onScroll: this.handleScroll }, index.h("table", { key: 'cb0e4a8873740f378b4f9e2ebfc2c44a00de4a47', class: "data-table__table", role: "grid" }, index.h("thead", { key: 'c2b5a1cf30c88d42b61e66b4a72caef9d4b65667', class: "data-table__head" }, index.h("tr", { key: 'c5b8d13e646219c5cfdc963542a202b3b87ec343', class: "data-table__header-row", role: "row" }, this.selectable && (index.h("th", { key: 'f44250fe692a815f0333f066e0cc357f088f1ada', class: "data-table__th data-table__th--checkbox", role: "columnheader" }, index.h("input", { key: '0d05f23a075881878cc59e40234aa7d418a51015', type: "checkbox", class: "data-table__checkbox", checked: this.isAllSelected(), indeterminate: this.isSomeSelected(), onChange: (e) => this.handleSelectAll(e.target.checked), "aria-label": "Select all rows" }))), this.expandable && (index.h("th", { key: '72ca53c397163d3f0d74c8c49c7c56b96298de4d', class: "data-table__th data-table__th--expand", role: "columnheader" }, index.h("span", { key: 'c653852318666ecea3ca9b958f5df654894a0a91', class: "sr-only" }, "Expand"))), visibleColumns.map(column => {
             var _a, _b, _c;
             return (index.h("th", { key: column.field, class: {
                     'data-table__th': true,
@@ -489,7 +489,7 @@ const SekiDataTable = class {
                     ? '↑'
                     : '↓'
                 : '↕'))), column.resizable && (index.h("div", { class: "data-table__resize-handle", onMouseDown: (e) => this.startResize(e, column) }))));
-        }))), index.h("tbody", { key: 'ea90c0cffef68f675dbcdb784f6af4c4736b481d', class: "data-table__body", style: this.virtualScroll
+        }))), index.h("tbody", { key: '0900487da2b131137c22a5f45568b4581e9327a6', class: "data-table__body", style: this.virtualScroll
                 ? {
                     height: `${this.virtualScrollState.totalHeight}px`,
                     position: 'relative',
@@ -532,12 +532,12 @@ const SekiDataTable = class {
                 /* Expanded content row */
                 isExpanded && this.renderExpandedRow && (index.h("tr", { key: `${rowKey}-expanded`, class: "data-table__row data-table__row--expanded-content" }, index.h("td", { class: "data-table__td data-table__td--expanded-content", colSpan: visibleColumns.length + (this.selectable ? 1 : 0) + (this.expandable ? 1 : 0) }, index.h("div", { class: "data-table__expanded-content", innerHTML: this.renderExpandedRow(row) })))),
             ];
-        })))), isLoading && this.state.rows.length > 0 && (index.h("div", { key: '3048704d91f332dded81f17b86742bcc21724707', class: "data-table__loading-overlay" }, index.h("div", { key: '01b2096307846f9b789cbde6c8fcc0c249dd81d1', class: "data-table__loading" }, "Loading...")))), index.h("div", { key: 'd230704865900c12987432ffca17a54f7d8628fd', class: "data-table__pagination" }, index.h("div", { key: 'f88338d4c773e19d46ee577b22e6721a439a3806', class: "data-table__pagination-info" }, this.state.totalRows > 0
+        })))), isLoading && this.state.rows.length > 0 && (index.h("div", { key: 'd3e0cae0b7dc9a4d1b48ce5365d517793719d1ae', class: "data-table__loading-overlay" }, index.h("div", { key: 'e059b6c5e3f5c8a176f682485ec31c6610f1f2a5', class: "data-table__loading" }, "Loading...")))), index.h("div", { key: '443f6ba13b39397c2de2facfc1733cd35065765d', class: "data-table__pagination" }, index.h("div", { key: '52c32521f14fb48e940853949556650506a46527', class: "data-table__pagination-info" }, this.state.totalRows > 0
             ? `${this.state.page * this.state.pageSize + 1}-${Math.min((this.state.page + 1) * this.state.pageSize, this.state.totalRows)} of ${this.state.totalRows}`
-            : '0 results'), index.h("div", { key: 'd9fa5a331c4f874aace2f7858c8ec1936fd74262', class: "data-table__pagination-controls" }, index.h("select", { key: 'b447f82c03c920f429b3d1ca0a9e0a5484baaa6a', class: "data-table__page-size", onChange: (e) => {
+            : '0 results'), index.h("div", { key: '9d5d543d5c5a3c666c2c16ad095a70ed6ae3b400', class: "data-table__pagination-controls" }, index.h("select", { key: '1340dfb2bbaa812f245576374b42ac7451aa8582', class: "data-table__page-size", onChange: (e) => {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 this.handlePageSizeChange(Number(e.target.value));
-            } }, this.parsePageSizeOptions().map(size => (index.h("option", { key: size, value: size, selected: size === this.state.pageSize }, size, " / page")))), index.h("button", { key: '8079ffcc411b0925aa3cf1f69dbebe545acfbf62', type: "button", class: "data-table__page-btn", disabled: this.state.page === 0, onClick: () => this.handlePageChange(0), "aria-label": "First page" }, "\u00AB\u00AB"), index.h("button", { key: '8b29d574be3eac921126d3e1dd7a538f0e8eb3b1', type: "button", class: "data-table__page-btn", disabled: this.state.page === 0, onClick: () => this.handlePageChange(this.state.page - 1), "aria-label": "Previous page" }, "\u00AB"), index.h("span", { key: '3ae1c618a390d8ac90b59a2bfe942ec4f5da5673', class: "data-table__page-indicator" }, "Page ", this.state.page + 1, " of ", totalPages || 1), index.h("button", { key: 'f2ee6a74587fe35bc8e0d58da59ae4672b0e605f', type: "button", class: "data-table__page-btn", disabled: this.state.page >= totalPages - 1, onClick: () => this.handlePageChange(this.state.page + 1), "aria-label": "Next page" }, "\u00BB"), index.h("button", { key: '7671cdf0a05cc1fb492f05ddef0b5c94b34285d5', type: "button", class: "data-table__page-btn", disabled: this.state.page >= totalPages - 1, onClick: () => this.handlePageChange(totalPages - 1), "aria-label": "Last page" }, "\u00BB\u00BB"))))));
+            } }, this.parsePageSizeOptions().map(size => (index.h("option", { key: size, value: size, selected: size === this.state.pageSize }, size, " / page")))), index.h("button", { key: '956758ee8b05992acf071e0ef8ac0cfa38e87b55', type: "button", class: "data-table__page-btn", disabled: this.state.page === 0, onClick: () => this.handlePageChange(0), "aria-label": "First page" }, "\u00AB\u00AB"), index.h("button", { key: '3b84e79e5557b5509ffb85f5d2a505d91a1def3f', type: "button", class: "data-table__page-btn", disabled: this.state.page === 0, onClick: () => this.handlePageChange(this.state.page - 1), "aria-label": "Previous page" }, "\u00AB"), index.h("span", { key: '9c1537eb3b3cce773d3d0d84558f0996c2cd9e8d', class: "data-table__page-indicator" }, "Page ", this.state.page + 1, " of ", totalPages || 1), index.h("button", { key: 'c0eb059dc72325698651562e299e2092d2d5d009', type: "button", class: "data-table__page-btn", disabled: this.state.page >= totalPages - 1, onClick: () => this.handlePageChange(this.state.page + 1), "aria-label": "Next page" }, "\u00BB"), index.h("button", { key: '04dd920cc02f573f206dc48a5904c6cc2b7f13ee', type: "button", class: "data-table__page-btn", disabled: this.state.page >= totalPages - 1, onClick: () => this.handlePageChange(totalPages - 1), "aria-label": "Last page" }, "\u00BB\u00BB"))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -20,7 +20,7 @@ const SekiDialogClose = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: '763eba72e8bf5afb8195734ec32f8acaf3a5913a' }, index.h("button", { key: '03fd84d4d7c4dd98a11adc77ff86279f7fb98742', part: "close", type: "button", class: "dialog-close", "aria-label": "Close" }, index.h("slot", { key: '7b90c59384714d936ea74f15fbfe48d17690632a' }, index.h("svg", { key: '696ae556e2bbedbf2576b6741ba14d275830df71', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("path", { key: 'fcb1349484fe1c0980ab05172ed15d25ec22996b', d: "M18 6 6 18" }), index.h("path", { key: '4184faaead27d0ff448c72e2fa12cbfd225795f4', d: "m6 6 12 12" }))), index.h("span", { key: 'd14ddcc202117da5f6c06df6e233bde99a3258f0', class: "sr-only" }, "Close"))));
+        return (index.h(index.Host, { key: 'a7050b8635e7143686feb20f1d4a2653aa902b2a' }, index.h("button", { key: '6b7e4dcbc915ceaa8eb7f344bf0b4c0ecacd47e9', part: "close", type: "button", class: "dialog-close", "aria-label": "Close" }, index.h("slot", { key: '7e21da34240f624ed349cd15cc7231a2791a6459' }, index.h("svg", { key: 'ef44b16af5fe691677892de4af6b8993b9c0a963', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("path", { key: '01ca68a0365bc5cdc404134e35eb142cda5df323', d: "M18 6 6 18" }), index.h("path", { key: 'fc7503a95602f957d97931a6a8ad973d7848d01e', d: "m6 6 12 12" }))), index.h("span", { key: '2b3909a05f80dcd86d0512321f4e0fbdd884ca65', class: "sr-only" }, "Close"))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -22,7 +22,7 @@ const SekiDialogDescription = class {
     }
     render() {
         const context = this.getContext();
-        return (index.h(index.Host, { key: 'a96cd28563d60287a81f3552bb24dd5a0848ce6f' }, index.h("p", { key: 'bb3c0fd40320017d2547049d31eb28ebcbfa6b0f', part: "description", id: context === null || context === void 0 ? void 0 : context.descriptionId, class: "dialog-description" }, index.h("slot", { key: 'f7238ce8bf74e7b0b38b006718548ffbd34e3628' }))));
+        return (index.h(index.Host, { key: '956ada850d958bbe14de4e6cca678cd030c281a0' }, index.h("p", { key: '90c4867cc898bb437f54339aecbc87985e6ee2be', part: "description", id: context === null || context === void 0 ? void 0 : context.descriptionId, class: "dialog-description" }, index.h("slot", { key: '4693df9cc9784b4e4d5b131f8229ca560dc652d7' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -16,7 +16,7 @@ const SekiDialogFooter = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: '37ceeb33c1d6466cd1b54ed5292c6512e5d2da84' }, index.h("div", { key: 'dffb1016865443a7c30d51cdad7b761098a16749', part: "footer", class: "dialog-footer" }, index.h("slot", { key: 'dd1e6bc2135e9558dc512a40b5ac1dac8b05059f' }))));
+        return (index.h(index.Host, { key: '0b338c4e4c697df4769f13c0837733006e8fdf08' }, index.h("div", { key: 'ce467058d697e6fecde42c7976036c8f6d3ce488', part: "footer", class: "dialog-footer" }, index.h("slot", { key: '3c7ef79f11944670aa862f508595dbb7dce7be00' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -16,7 +16,7 @@ const SekiDialogHeader = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: '8d9709cf2c39e45a670d1d84b3cd9600fd3b7a65' }, index.h("div", { key: '88d9ccd6f783453778f3b1ca3fc864fe2784f60a', part: "header", class: "dialog-header" }, index.h("slot", { key: 'a44b414a36ab84c97cc7fe0ef134f8e2d8b0673d' }))));
+        return (index.h(index.Host, { key: 'c60cd06141f15a62f99d42bc5f67dc793977195b' }, index.h("div", { key: '20d3e2c296c5c7e427957d8120a4e74bb4e42e4d', part: "header", class: "dialog-header" }, index.h("slot", { key: 'f47b0bc9f991917a5d8bed6d51c11e7ccdb73618' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -22,7 +22,7 @@ const SekiDialogTitle = class {
     }
     render() {
         const context = this.getContext();
-        return (index.h(index.Host, { key: '9b7f47a843512d5bab94ced45479fd0652ee3d14' }, index.h("h2", { key: '1713e948af886fea7a30e49c07a0dd923528c386', part: "title", id: context === null || context === void 0 ? void 0 : context.titleId, class: "dialog-title" }, index.h("slot", { key: '5b56d42f609e866f45a7c60f18b63d0aa6a15f33' }))));
+        return (index.h(index.Host, { key: 'eaafe2aa63499f65ff0be7bf7b94b817a469fdf4' }, index.h("h2", { key: '63a5f98ddfceebb051240c3a95e9cd1cbe3103c4', part: "title", id: context === null || context === void 0 ? void 0 : context.titleId, class: "dialog-title" }, index.h("slot", { key: '9d0cf61ed69a09df289c8d63080f4b1048236287' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -20,7 +20,7 @@ const SekiDialogTrigger = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: '060b32ae8bc7f523c16069017be71489dc1cb5dc' }, index.h("span", { key: 'e80af13c510611694f95e3359605370bac8580c3', part: "trigger", class: "dialog-trigger" }, index.h("slot", { key: 'b0b1b40326ca45cfb0d7948a8e522e2e3e2a0021' }))));
+        return (index.h(index.Host, { key: '3ed49bb986aef369e0e379176ee08c585b363bdc' }, index.h("span", { key: 'b342e45fffebb3602599f093ed9617aa438a57fb', part: "trigger", class: "dialog-trigger" }, index.h("slot", { key: 'fe298eca0b36c73d4caf22c470a03930b12c5b40' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -55,13 +55,15 @@ const SekiDialog = class {
             return;
         this._isOpen = true;
         this.open = true;
+        // Update context for child components before emitting, so that any listener
+        // reading _dialogContext synchronously (e.g. seki-dialog-content) sees isOpen
+        // already updated.
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.el._dialogContext = this.getContext();
         this.sekiOpenChange.emit(true);
         if (this.modal) {
             focusTrap.lockBodyScroll();
         }
-        // Update context for child components
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        this.el._dialogContext = this.getContext();
     }
     /**
      * Closes the dialog
@@ -71,13 +73,15 @@ const SekiDialog = class {
             return;
         this._isOpen = false;
         this.open = false;
+        // Update context for child components before emitting, so that any listener
+        // reading _dialogContext synchronously (e.g. seki-dialog-content) sees isOpen
+        // already updated.
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.el._dialogContext = this.getContext();
         this.sekiOpenChange.emit(false);
         if (this.modal) {
             focusTrap.unlockBodyScroll();
         }
-        // Update context for child components
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        this.el._dialogContext = this.getContext();
     }
     handleTriggerClick() {
         this.openDialog();
@@ -114,7 +118,7 @@ const SekiDialog = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '185a05b13663a81dc152b76009f9befd201ec8db', "data-state": this._isOpen ? 'open' : 'closed' }, index.h("div", { key: 'b172f05f25d1ee05dc43e2b50e95a6c1c0e8ad60', part: "dialog", class: "dialog" }, index.h("slot", { key: '5d73235cd76ea9b95b793661940553bc0685ed96' }))));
+        return (index.h(index.Host, { key: '966dacc6550b7e1b392e07da918cc8c58e02ae7f', "data-state": this._isOpen ? 'open' : 'closed' }, index.h("div", { key: 'e456353a39aaef33e954edbccaaef51127a56166', part: "dialog", class: "dialog" }, index.h("slot", { key: '3176bf73df652ef4f556f34bbd1cf2fa458d2ae0' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -21,7 +21,7 @@ const SekiDirection = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: 'ab74c2d5ab1bd283f23e63724044eb446256135f', dir: this.dir }, index.h("slot", { key: '78b500a0870a88e3c8210b499fabae06fd39f0ee' })));
+        return (index.h(index.Host, { key: '53de1ff883eaa4d7b45651aa94d1b5c819ef24ec', dir: this.dir }, index.h("slot", { key: '12a13b31c784752a120d1dbbd0301799fc02c41a' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -46,11 +46,19 @@ const SekiDrawerContent = class {
          * Current open percentage (0-1)
          */
         this.openPercent = 1;
+        /**
+         * Whether the parent seki-drawer is open. Always true when used without a
+         * seki-drawer parent (e.g. mounted standalone).
+         */
+        this._isOpen = true;
         // Gesture tracking state
         this.startY = 0;
         this.startX = 0;
         this.contentEl = null;
         this.positions = [];
+        this.onDrawerOpenChange = () => {
+            this.syncOpenState();
+        };
         this.handleCloseClick = () => {
             this.requestClose.emit();
         };
@@ -152,13 +160,29 @@ const SekiDrawerContent = class {
         return this.direction === 'left' || this.direction === 'right';
     }
     componentWillLoad() {
+        var _a;
         this.parseSnapPoints();
+        this.drawerEl = (_a = this.el.closest('seki-drawer')) !== null && _a !== void 0 ? _a : undefined;
         // Propagate direction to parent for styling
-        const parent = this.el.closest('seki-drawer');
-        if (parent) {
-            parent.setAttribute('data-direction', this.direction);
+        if (this.drawerEl) {
+            this.drawerEl.setAttribute('data-direction', this.direction);
+            this.syncOpenState();
         }
     }
+    componentDidLoad() {
+        var _a, _b, _c;
+        (_a = this.drawerEl) === null || _a === void 0 ? void 0 : _a.addEventListener('drawerOpen', this.onDrawerOpenChange);
+        (_b = this.drawerEl) === null || _b === void 0 ? void 0 : _b.addEventListener('drawerClose', this.onDrawerOpenChange);
+        (_c = this.drawerEl) === null || _c === void 0 ? void 0 : _c.addEventListener('drawerSnap', this.onDrawerOpenChange);
+    }
+    syncOpenState() {
+        var _a;
+        if (!this.drawerEl)
+            return;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const context = this.drawerEl._drawerContext;
+        this._isOpen = (_a = context === null || context === void 0 ? void 0 : context.isOpen) !== null && _a !== void 0 ? _a : false;
+    }
     parseSnapPoints() {
         const points = this.snapPoints
             .split(',')
@@ -223,14 +247,21 @@ const SekiDrawerContent = class {
         themeSync.registerThemeSync(this.el);
     }
     disconnectedCallback() {
+        var _a, _b, _c;
         themeSync.unregisterThemeSync(this.el);
+        (_a = this.drawerEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('drawerOpen', this.onDrawerOpenChange);
+        (_b = this.drawerEl) === null || _b === void 0 ? void 0 : _b.removeEventListener('drawerClose', this.onDrawerOpenChange);
+        (_c = this.drawerEl) === null || _c === void 0 ? void 0 : _c.removeEventListener('drawerSnap', this.onDrawerOpenChange);
     }
     render() {
+        if (!this._isOpen) {
+            return null;
+        }
         const transformStyle = this.getTransformStyle();
-        return (index.h(index.Host, { key: '8121a1de27792db4109849cff86411f418822ab8', "data-direction": this.direction }, index.h("div", { key: '04929f1e62085ecb7c26272438adf21533bbb76f', ref: (el) => (this.contentEl = el !== null && el !== void 0 ? el : null), role: "dialog", "aria-modal": "true", "aria-label": this.ariaLabel, class: {
+        return (index.h(index.Host, { "data-direction": this.direction }, index.h("div", { ref: (el) => (this.contentEl = el !== null && el !== void 0 ? el : null), role: "dialog", "aria-modal": "true", "aria-label": this.ariaLabel, class: {
                 'seki-drawer-content': true,
                 [`seki-drawer-content--${this.direction}`]: true,
-            }, style: transformStyle ? { transform: transformStyle } : {}, part: "content", onPointerDown: this.handlePointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerUp }, this.shouldShowHandle && (index.h("div", { key: '2b43007981ebac4683e52192c737efcb947565b6', class: "seki-drawer-handle", part: "handle" })), index.h("button", { key: 'a77456793711febb37de8d87fb28bcdbf5d9e2ab', type: "button", class: "seki-drawer-close-button", "aria-label": "Close", onClick: this.handleCloseClick }, index.h("svg", { key: 'd1881a02e5a2afb468b169925677a5a3153d6bc0', 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" }, index.h("path", { key: 'f91f09fe3dd82daca570617bef07f3431d32fa71', d: "M18 6 6 18" }), index.h("path", { key: '3c7b46b6c6df311120dc9d223268d9e180c2edb9', d: "m6 6 12 12" }))), index.h("div", { key: '732fd93fc161b7634de4605bd9e94a3f977107d7', class: "seki-drawer-body" }, index.h("slot", { key: 'abba675be0e573e058a01b3f8a1ebf5bfaa26c2e' })))));
+            }, style: transformStyle ? { transform: transformStyle } : {}, part: "content", onPointerDown: this.handlePointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerUp }, this.shouldShowHandle && (index.h("div", { class: "seki-drawer-handle", part: "handle" })), index.h("button", { type: "button", class: "seki-drawer-close-button", "aria-label": "Close", onClick: this.handleCloseClick }, index.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" }, index.h("path", { d: "M18 6 6 18" }), index.h("path", { d: "m6 6 12 12" }))), index.h("div", { class: "seki-drawer-body" }, index.h("slot", null)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {