@sekiui/elements 0.1.4 → 0.1.5

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

@@ -50,10 +50,10 @@ const SekiButtonGroup$1 = /*@__PURE__*/ proxyCustomElement(class SekiButtonGroup
         });
     }
     render() {
-        return (h(Host, { key: '8803dd5326124b8fb38acf5c316b931f7b41b411' }, h("div", { key: 'cda7b60f189cfcb3c1b96c41b310ee10c7ce6e75', class: {
+        return (h(Host, { key: '3d5d3673d41b2a3e76fb6ef9b190825ed3e98ff1' }, h("div", { key: '4d6b61fde5378372379d92381eac855f25072c9e', class: {
                 'button-group': true,
                 [`button-group--${this.orientation}`]: true,
-            }, role: "group", "aria-label": this.ariaLabel }, h("slot", { key: '9bdeddb9d381b4c41af792a418ca3c29e484777b', onSlotchange: () => this.updateChildButtons() }))));
+            }, role: "group", "aria-label": this.ariaLabel }, h("slot", { key: '12e74dc145d7e05f788399259086943509c6b7e0', onSlotchange: () => this.updateChildButtons() }))));
     }
     get el() { return this; }
     static get style() { return sekiButtonGroupCss; }

package/dist/components/seki-button.js

@@ -40,7 +40,7 @@ const SekiButton$1 = /*@__PURE__*/ proxyCustomElement(class SekiButton extends H
         }
     }
     render() {
-        return (h("button", { key: '05a7e03cf991afa220886d10ca52d992e558842c', 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: 'c2d4d215c3f2d0b879ef65b384e3b783f4697ad0' })));
+        return (h("button", { key: 'ae0a45521f4a6cf4c52a05d941721f6e1039e52d', 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: 'ecb416c9e41127f46df4341a25a4b9d8e5363f1f' })));
     }
     static get formAssociated() { return true; }
     get el() { return this; }

package/dist/components/seki-calendar.js

@@ -1,4 +1,4 @@
-import { S as SekiCalendar$1, d as defineCustomElement$1 } from './p-ZXDMgoez.js';
+import { S as SekiCalendar$1, d as defineCustomElement$1 } from './p-DK0uEs9U.js';
 
 const SekiCalendar = SekiCalendar$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -11,7 +11,7 @@ const CardAction = /*@__PURE__*/ proxyCustomElement(class CardAction extends H {
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '425ed03298cbae0fa57ba231df2b91ae47661b63', class: `card-action ${this.class || ''}`, role: "toolbar" }, h("slot", { key: '82ba095024dc5e9ede66586a89dd3b3b13f6892f' })));
+        return (h("div", { key: '69c440ad542435f2a605089184ccb91420343c64', class: `card-action ${this.class || ''}`, role: "toolbar" }, h("slot", { key: '59a863c441ab65d42d3e6ce6086ae0988b2ee7fe' })));
     }
     get el() { return this; }
     static get style() { return sekiCardCss; }

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

@@ -11,7 +11,7 @@ const CardContent = /*@__PURE__*/ proxyCustomElement(class CardContent extends H
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: 'f28a568f4c357e1d0a5d4ffa4ee34dd2815f0134', class: `card-content ${this.class || ''}` }, h("slot", { key: '4566aa37672cae9b273faf9b2b4b78958e7eddcb' })));
+        return (h("div", { key: '8b66f98648f90b7a7b1e3f8c1fd763d366e4f05a', class: `card-content ${this.class || ''}` }, h("slot", { key: 'd6c231b1456b52d61e5f02d3d874cc3768db7267' })));
     }
     get el() { return this; }
     static get style() { return sekiCardCss; }

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

@@ -11,7 +11,7 @@ const CardDescription = /*@__PURE__*/ proxyCustomElement(class CardDescription e
         this.__attachShadow();
     }
     render() {
-        return (h("p", { key: '4b5a4ba12742af7713c43d87aee4b40ed5fc8191', class: `card-description ${this.class || ''}` }, h("slot", { key: 'bc2906286ea0ca7c6d54fc9ca942dc9f1f87dc87' })));
+        return (h("p", { key: 'dfe716748196dbee9a7cbca4e3c149c6136bce75', class: `card-description ${this.class || ''}` }, h("slot", { key: '83721108c0d34fb8323634462fd2bbcfb33a089c' })));
     }
     get el() { return this; }
     static get style() { return sekiCardCss; }

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

@@ -16,7 +16,7 @@ const CardFooter = /*@__PURE__*/ proxyCustomElement(class CardFooter extends H {
         this.alignment = 'flex-start';
     }
     render() {
-        return (h("footer", { key: 'c411a90d477429ca1a0cc146d3b7340715cb0cd5', class: `card-footer ${this.class || ''}`, style: { justifyContent: this.alignment } }, h("slot", { key: 'b49605e15ce186aeb2e78a008123e4927c582fa7' })));
+        return (h("footer", { key: 'd5a094e6d4dff560031511c7a2fb016b5e918fc6', class: `card-footer ${this.class || ''}`, style: { justifyContent: this.alignment } }, h("slot", { key: '83c0ec86220acc85f75c03745fc613d9a537e4ae' })));
     }
     get el() { return this; }
     static get style() { return sekiCardCss; }

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

@@ -11,7 +11,7 @@ const CardHeader = /*@__PURE__*/ proxyCustomElement(class CardHeader extends H {
         this.__attachShadow();
     }
     render() {
-        return (h("header", { key: 'df699337f7aa48c43cd25b93701f162c4fa56e72', class: `card-header ${this.class || ''}` }, h("slot", { key: 'b03c5313519bd69e7abbb037f63cb7a488ac703a' })));
+        return (h("header", { key: 'b78a0a09a923fb6c91b1b2254766e4f3033bf884', class: `card-header ${this.class || ''}` }, h("slot", { key: '5355c224c06bc0330b970d1086062414224c6b2e' })));
     }
     get el() { return this; }
     static get style() { return sekiCardCss; }

package/dist/components/seki-card.js

@@ -11,7 +11,7 @@ const Card = /*@__PURE__*/ proxyCustomElement(class Card extends H {
         this.__attachShadow();
     }
     render() {
-        return (h("section", { key: '4900d0acf11d8d1e6778e119086b5453c50bec9d', class: this.class }, h("slot", { key: '059d95941c30c6799aadefef8c9d932d7bac814a' })));
+        return (h("section", { key: '748d3c87761fa8666da2b9118993514625366e91', class: this.class }, h("slot", { key: '3b94648d96373fab1188521e4138c2883d41ddb5' })));
     }
     get el() { return this; }
     static get style() { return sekiCardCss; }

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

@@ -10,7 +10,7 @@ const SekiCarouselContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiCarouse
         }
     }
     render() {
-        return (h(Host, { key: 'c51da2886b137c940c6c1f94b51cb5d83a6ea07e', class: "carousel-content-host" }, h("div", { key: '5ccc44120e7c27aa3a1b0eea7e8249bc0659d6d1', class: "carousel-content" }, h("slot", { key: 'b830fb110872a0489e3cb0bfd42e381dc3dff92d' }))));
+        return (h(Host, { key: '9716ba35ecc9f32b0dbd77860d6a950a95aaee7c', class: "carousel-content-host" }, h("div", { key: 'dcc81919579a08671d39e5baf15a1ace303fb44d', class: "carousel-content" }, h("slot", { key: '1b5a5dca2f1dfa73923ba704d180bfa245dc54d9' }))));
     }
     get el() { return this; }
     static get style() { return sekiCarouselContentCss; }

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

@@ -90,7 +90,7 @@ const SekiCarouselDots$1 = /*@__PURE__*/ proxyCustomElement(class SekiCarouselDo
     }
     render() {
         const dots = Array.from({ length: this.scrollSnapCount }, (_, i) => i);
-        return (h(Host, { key: 'ba7d20e42a573cdc43eb4457a93296e9cc94d0d0', class: "carousel-dots" }, h("div", { key: 'd2ebaba1d1fdc6a1fa9d9c033417b7505fded3ce', class: "carousel-dots__container", role: "tablist", "aria-label": "Carousel pagination" }, dots.map((index) => (h("button", { key: index, type: "button", class: {
+        return (h(Host, { key: '97f777df27a93b8f1432fe1a378bda11dbf17129', class: "carousel-dots" }, h("div", { key: 'f1aa7fc9c0867bdcf226a8d0f9fdaa34e9ae9acf', 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

@@ -16,7 +16,7 @@ const SekiCarouselItem$1 = /*@__PURE__*/ proxyCustomElement(class SekiCarouselIt
         this.basis = '100%';
     }
     render() {
-        return (h(Host, { key: '7b6e3eabeedcb73b042a676776809eaceee7e296', class: "carousel-item", style: { flexBasis: this.basis }, role: "group", "aria-roledescription": "slide" }, h("slot", { key: '7666e0ecf838abb429dfb06c6e28866e4a88f077' })));
+        return (h(Host, { key: 'f72819711d437373ac9b4bb30da9c12cedc14c0e', class: "carousel-item", style: { flexBasis: this.basis }, role: "group", "aria-roledescription": "slide" }, h("slot", { key: 'cba1803e0aafa6221509ca87a504969127ce2146' })));
     }
     get el() { return this; }
     static get style() { return sekiCarouselItemCss; }

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

@@ -54,7 +54,7 @@ const SekiCarouselNext$1 = /*@__PURE__*/ proxyCustomElement(class SekiCarouselNe
         this.disabled = !context.canScrollNext;
     }
     render() {
-        return (h(Host, { key: '3e9580ad2e7fd152be46658bd1ce5b8ea9858c34', class: { 'carousel-nav': true, 'carousel-nav--next': true } }, h("button", { key: '31f4c690354887235ff28ffdfb12427a409cdef1', type: "button", class: "carousel-nav__button", disabled: this.disabled, "aria-label": "Next slide", onClick: this.handleClick }, h("svg", { key: '63ab340e435f1e3741b4a3302df4b701de7417bf', 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: '4ca2a2ee50ccc878c574cc57b531b7ed1612b754', points: "9 18 15 12 9 6" })))));
+        return (h(Host, { key: 'a1c51704736621df1e56fc6f0db793a16d91e639', class: { 'carousel-nav': true, 'carousel-nav--next': true } }, h("button", { key: '909deba5e05e57c2f91fbef30412f62577051740', type: "button", class: "carousel-nav__button", disabled: this.disabled, "aria-label": "Next slide", onClick: this.handleClick }, h("svg", { key: '4c7d65bc493a0060b48b54120b3fdf40bb555638', 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: '6ece871a39432e6692b07f5f7a61749178a21359', points: "9 18 15 12 9 6" })))));
     }
     get el() { return this; }
     static get style() { return sekiCarouselNavigationCss; }

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

@@ -54,7 +54,7 @@ const SekiCarouselPrevious$1 = /*@__PURE__*/ proxyCustomElement(class SekiCarous
         this.disabled = !context.canScrollPrev;
     }
     render() {
-        return (h(Host, { key: '067fa85a1f7912a646a39c4dbab891e74467ea69', class: { 'carousel-nav': true, 'carousel-nav--prev': true } }, h("button", { key: 'd3568857d419beb3fd611be5a658f1709361e185', type: "button", class: "carousel-nav__button", disabled: this.disabled, "aria-label": "Previous slide", onClick: this.handleClick }, h("svg", { key: 'c0962ecbb773310923726c80f3ec12dc452cc0c8', 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: '6761cfc04a57e924773c62c1e0a971a1820bf34d', points: "15 18 9 12 15 6" })))));
+        return (h(Host, { key: '1988cb8e5c4ca3955891295644686e6b0653597c', class: { 'carousel-nav': true, 'carousel-nav--prev': true } }, h("button", { key: '1dff73ae64fbd1be2ccc2bfa07846ac9d2a63c01', type: "button", class: "carousel-nav__button", disabled: this.disabled, "aria-label": "Previous slide", onClick: this.handleClick }, h("svg", { key: '6913b7a4cf73492f125ed659f575010a56fc62b6', 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: '070755d399f83c53da165bf5f1c99e4199b3c2bd', points: "15 18 9 12 15 6" })))));
     }
     get el() { return this; }
     static get style() { return sekiCarouselNavigationCss; }

package/dist/components/seki-chart.js

@@ -354,7 +354,7 @@ const SekiChart$1 = /*@__PURE__*/ proxyCustomElement(class SekiChart extends H {
             height: this.height,
             position: 'relative',
         };
-        return (h(Host, { key: '9b51f46ff2fe5292aa34f36eda72f6d75ffb10ba' }, h("div", { key: 'e6a18a59968d2fa9451ad9e2d192afb2cb746c5c', class: "chart-container", style: containerStyle, role: "img", "aria-label": this.getAriaLabel() }, h("canvas", { key: 'e33b02f36b6fa58c5cf3f22f2bd6121d5b6ddabd', ref: (el) => (this.canvasRef = el) }), this.renderErrorState())));
+        return (h(Host, { key: '4985b8b7ad50c574a44003f6d01ca3ecc2254a9c' }, h("div", { key: 'ba45b7faba0ea63f0024dd0928bd92021897222f', class: "chart-container", style: containerStyle, role: "img", "aria-label": this.getAriaLabel() }, h("canvas", { key: '62064edc687d5f27c9734a94a105b7a070a0709f', ref: (el) => (this.canvasRef = el) }), this.renderErrorState())));
     }
     getAriaLabel() {
         var _a, _b;

package/dist/components/seki-checkbox.js

@@ -147,7 +147,7 @@ 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: '206798be298ac0a0200eb08a6c9ebfd3635576bb', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("button", { key: '6e40bfe2da599d6811b3c0a26db0b74080832cce', type: "button", role: "checkbox", class: "checkbox", ref: el => (this.buttonEl = el), 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: '797a4f65d55c230d9e7c175d4e4837b7650305f0', class: "indicator", part: "indicator" }, this.indeterminate ? (
+        return (h(Host, { key: 'ab4adc3120d5c8a808eeef0086226cc1f056f73f', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("button", { key: '3841c17fc35e20eb86136becff206bcfed621703', type: "button", role: "checkbox", class: "checkbox", ref: el => (this.buttonEl = el), 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-description": this.ariaDescription || undefined, "aria-invalid": this.ariaInvalid === 'true' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, disabled: this.disabled, onClick: this.handleClick }, (isChecked || this.indeterminate) && (h("span", { key: '0e66ef4b7efed8a922d8e5546cfcb62cade5067b', 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
@@ -172,6 +172,8 @@ const SekiCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class SekiCheckbox exten
         "value": [1],
         "ariaLabel": [1, "aria-label"],
         "ariaDescribedby": [1, "aria-describedby"],
+        "ariaDescription": [1, "aria-description"],
+        "ariaInvalid": [1, "aria-invalid"],
         "internalChecked": [32]
     }, [[0, "keydown", "handleKeyDown"]], {
         "disabled": ["handleFormStateChange"],

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

@@ -72,11 +72,11 @@ const SekiCollapsibleContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiColl
         else {
             contentStyle.height = '0';
         }
-        return (h(Host, { key: '9e83e3836c58e7286799aaeeb767b7bcb20045bc', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: '02f4e897856733bd1678a6da0685df9c67512ead', ref: (el) => (this.contentRef = el), part: "content", id: contentId, role: "region", "aria-labelledby": triggerId, "aria-hidden": !this._isOpen, class: {
+        return (h(Host, { key: '4d5f8a8cca9930333c8fe5bba7d08bc6a5d541c3', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: 'f0c306dcc9981681c275f47f12afef5b6120b183', 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: 'cd392fdf9b118b962242d7ca52803b2a081cd0d3', class: "collapsible-content-inner" }, h("slot", { key: 'e537ff7d7c4cd58460b4d850f41e7a9bcbe6e538' })))));
+            }, style: contentStyle }, h("div", { key: '7172049f4f05ff0fd976f545c345fd7d952a37d5', class: "collapsible-content-inner" }, h("slot", { key: '57362da74dcc7c61cadc21cd1a49e9e56f8d4460' })))));
     }
     get el() { return this; }
     static get style() { return sekiCollapsibleContentCss; }

package/dist/components/seki-collapsible.js

@@ -99,7 +99,7 @@ const SekiCollapsible$1 = /*@__PURE__*/ proxyCustomElement(class SekiCollapsible
         };
     }
     render() {
-        return (h(Host, { key: '3b675841816d04cb9295ead7b0909d311904fa6a', "data-state": this._isOpen ? 'open' : 'closed', "data-disabled": this.disabled ? '' : undefined }, h("div", { key: '155a3ab25691993804c0acf8510dd8bccf39b1fe', part: "collapsible", class: "collapsible" }, h("slot", { key: '1f9979e76571f519d9d3601ba2fb86c35704ce9a' }))));
+        return (h(Host, { key: '55ea2af68b1670243a5a18c87d4ed00ec71dcd51', "data-state": this._isOpen ? 'open' : 'closed', "data-disabled": this.disabled ? '' : undefined }, h("div", { key: '2cc3c7490b0fb03dbd113fbadbda30995fd7d093', part: "collapsible", class: "collapsible" }, h("slot", { key: '46c10e1bf1fe8d80a101ffc49fb3c6868a386b1c' }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -31,7 +31,7 @@ const SekiComboboxContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiCombobo
         this.comboboxConsumer.disconnect();
     }
     render() {
-        return (h(Host, { key: '08fdcae6d7a7094a52741c0482f5b96ddbda3426', class: { 'hidden': !this.isOpen } }, h("div", { key: 'ad07c879b50568cfeb24b9bc1fb012ceb6503eaa', id: this.listboxId, class: "combobox-content", role: "listbox", style: { maxHeight: this.maxHeight } }, h("slot", { key: 'c3c569b4520d814ea75dd3f1fe3702b759a1958e' }))));
+        return (h(Host, { key: 'dadd512de72baac4185c9134a02660e5b3311d39', class: { 'hidden': !this.isOpen } }, h("div", { key: 'ba931cc323906f18f7eb212c0af76f0e18d06464', id: this.listboxId, class: "combobox-content", role: "listbox", style: { maxHeight: this.maxHeight } }, h("slot", { key: '6dfb8a765894b5128fe5dd9e6d50c61e120dd6e8' }))));
     }
     get el() { return this; }
     static get style() { return sekiComboboxContentCss; }

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

@@ -1,4 +1,5 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-jMliCqbB.js';
+import { C as ContextConsumer } from './p-B4SOpX_A.js';
 
 const sekiComboboxEmptyCss = ":host{display:block;--seki-combobox-empty-font-family:var(--seki-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif);--seki-combobox-empty-font-size:var(--seki-font-size-sm, 0.875rem);--seki-combobox-empty-font-weight:var(--seki-font-weight-normal, 400);--seki-combobox-empty-line-height:var(--seki-line-height-normal, 1.5);--seki-combobox-empty-color:var(--seki-muted-foreground, hsl(0, 0%, 45%));--seki-combobox-empty-error-color:var(--seki-destructive, hsl(0, 84%, 60%));--seki-combobox-empty-padding:var(--seki-spacing-4, 1rem)}.seki-combobox-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--seki-spacing-2, 0.5rem);padding:var(--seki-combobox-empty-padding);font-family:var(--seki-combobox-empty-font-family);font-size:var(--seki-combobox-empty-font-size);font-weight:var(--seki-combobox-empty-font-weight);line-height:var(--seki-combobox-empty-line-height);color:var(--seki-combobox-empty-color);text-align:center;box-sizing:border-box}.seki-combobox-empty--no-results{}.seki-combobox-empty--loading{}.seki-combobox-empty--no-input{}.seki-combobox-empty--error{color:var(--seki-combobox-empty-error-color)}@media (prefers-reduced-motion: reduce){.seki-combobox-empty{transition:none}}@media (prefers-contrast: more){.seki-combobox-empty{color:var(--seki-foreground, hsl(0, 0%, 10%))}.seki-combobox-empty--error{color:var(--seki-destructive, hsl(0, 84%, 50%))}}";
 
@@ -14,8 +15,44 @@ const SekiComboboxEmpty$1 = /*@__PURE__*/ proxyCustomElement(class SekiComboboxE
          * @default 'no-results'
          */
         this.reason = 'no-results';
+        /** Whether the current combobox state calls for this message. */
+        this.shouldShow = true;
+        // Driven by the combobox's published state (like seki-command-empty) so the
+        // message tracks the live results, in the lazy build too (#331).
+        this.comboboxConsumer = new ContextConsumer('seki-combobox', 'comboboxContext', () => this.sync());
+    }
+    connectedCallback() {
+        this.comboboxConsumer.connect(this.el);
+    }
+    disconnectedCallback() {
+        this.comboboxConsumer.disconnect();
+    }
+    sync() {
+        const ctx = this.comboboxConsumer.context;
+        // Outside a combobox there is nothing to react to: stay visible.
+        if (!ctx) {
+            this.shouldShow = true;
+            return;
+        }
+        switch (this.reason) {
+            case 'loading':
+                this.shouldShow = ctx.loading;
+                break;
+            case 'no-input':
+                this.shouldShow = !ctx.loading && ctx.searchQuery.trim() === '';
+                break;
+            case 'error':
+                // The combobox has no error state; the consumer mounts this on error.
+                this.shouldShow = true;
+                break;
+            default:
+                this.shouldShow = !ctx.loading && ctx.getFilteredItems().length === 0;
+        }
     }
     render() {
+        if (!this.shouldShow) {
+            return h(Host, { style: { display: 'none' } });
+        }
         const containerClasses = {
             'seki-combobox-empty': true,
             [`seki-combobox-empty--${this.reason}`]: true,
@@ -24,7 +61,7 @@ const SekiComboboxEmpty$1 = /*@__PURE__*/ proxyCustomElement(class SekiComboboxE
             .filter(([, active]) => active)
             .map(([name]) => name)
             .join(' ');
-        return (h(Host, { key: '566e2263c75599621b7b5558f175af1f88399337' }, h("div", { key: '6fc3062a0d268b8f8d244d79fdc1f1cf223e38e7', class: classString, role: "status" }, this.renderSlotForReason(), h("slot", { key: '657fb14465fddad9b0155b81404d8b1ddfd5e483' }))));
+        return (h(Host, null, h("div", { class: classString, role: "status" }, this.renderSlotForReason(), h("slot", null))));
     }
     /**
      * Renders the appropriate named slot based on the current reason
@@ -46,7 +83,8 @@ const SekiComboboxEmpty$1 = /*@__PURE__*/ proxyCustomElement(class SekiComboboxE
     get el() { return this; }
     static get style() { return sekiComboboxEmptyCss; }
 }, [257, "seki-combobox-empty", {
-        "reason": [1]
+        "reason": [1],
+        "shouldShow": [32]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

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

@@ -1,4 +1,5 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-jMliCqbB.js';
+import { C as ContextConsumer } from './p-B4SOpX_A.js';
 
 const sekiComboboxGroupCss = ":host{display:block}.combobox-group{padding:var(--seki-spacing-1, 0.25rem) 0}.combobox-group-label{padding:var(--seki-spacing-2, 0.5rem) var(--seki-spacing-3, 0.75rem);font-family:var(--seki-font-sans, system-ui, -apple-system, sans-serif);font-size:var(--seki-font-size-xs, 0.75rem);font-weight:var(--seki-font-weight-medium, 500);line-height:var(--seki-line-height-tight, 1.25);color:var(--seki-muted-foreground, hsl(240 3.8% 46.1%));text-transform:uppercase;letter-spacing:0.05em}.combobox-group-items{display:flex;flex-direction:column}";
 
@@ -9,15 +10,41 @@ const SekiComboboxGroup$1 = /*@__PURE__*/ proxyCustomElement(class SekiComboboxG
             this.__registerHost();
         }
         this.__attachShadow();
+        /** Show even when every item in the group is filtered out */
+        this.forceMount = false;
+        /** False once the search filters out every item in this group. */
+        this.hasVisibleItems = true;
+        this.comboboxConsumer = new ContextConsumer('seki-combobox', 'comboboxContext', () => this.updateVisibility());
         this.groupId = `combobox-group-${Math.random().toString(36).substr(2, 9)}`;
     }
+    connectedCallback() {
+        this.comboboxConsumer.connect(this.el);
+    }
+    disconnectedCallback() {
+        this.comboboxConsumer.disconnect();
+    }
+    updateVisibility() {
+        const ctx = this.comboboxConsumer.context;
+        if (!ctx || !ctx.searchQuery.trim()) {
+            this.hasVisibleItems = true;
+            return;
+        }
+        const matching = new Set(ctx.getFilteredItems().map(item => item.value));
+        const items = Array.from(this.el.querySelectorAll('seki-combobox-item'));
+        this.hasVisibleItems = items.some(item => { var _a, _b; return matching.has((_b = (_a = item.value) !== null && _a !== void 0 ? _a : item.getAttribute('value')) !== null && _b !== void 0 ? _b : ''); });
+    }
     render() {
-        return (h(Host, { key: 'fd5f5cdc19d8510ac4735d7df9cf28426d6a6849' }, h("div", { key: 'cdcbde78ef984210227c8313069d0ea71b40d68b', class: "combobox-group", role: "group", "aria-labelledby": this.groupId }, h("div", { key: '4c8f983792f67824392b2a00bdee59a003532903', id: this.groupId, class: "combobox-group-label" }, this.label), h("div", { key: 'b7bb79d7bc54dd0906282786ba4937a9499e45e9', class: "combobox-group-items" }, h("slot", { key: '2469eb0a661193b3dee8e0901caffe1f9b8e4b73' })))));
+        if (!this.forceMount && !this.hasVisibleItems) {
+            return h(Host, { style: { display: 'none' } });
+        }
+        return (h(Host, null, h("div", { class: "combobox-group", role: "group", "aria-labelledby": this.groupId }, h("div", { id: this.groupId, class: "combobox-group-label" }, this.label), h("div", { class: "combobox-group-items" }, h("slot", null)))));
     }
     get el() { return this; }
     static get style() { return sekiComboboxGroupCss; }
 }, [257, "seki-combobox-group", {
-        "label": [1]
+        "label": [1],
+        "forceMount": [4, "force-mount"],
+        "hasVisibleItems": [32]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-jMliCqbB.js';
-import { s as subscribeToContextChange } from './p-B4SOpX_A.js';
+import { C as ContextConsumer } from './p-B4SOpX_A.js';
 
 const sekiComboboxInputCss = ":host{display:block}.combobox-input-wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:var(--seki-spacing-1, 0.25rem);min-height:2.5rem;padding:var(--seki-spacing-2, 0.5rem) var(--seki-spacing-3, 0.75rem);background-color:var(--seki-background, hsl(0 0% 100%));border:1px solid var(--seki-border, hsl(240 5.9% 90%));border-radius:var(--seki-radius-md, 0.375rem);transition:border-color 0.15s ease, box-shadow 0.15s ease}.combobox-input-wrapper:focus-within{border-color:var(--seki-ring, hsl(240 5% 64.9%));box-shadow:0 0 0 2px var(--seki-background, hsl(0 0% 100%)), 0 0 0 4px var(--seki-ring, hsl(240 5% 64.9%))}.combobox-input{flex:1;min-width:4rem;border:none;outline:none;background:transparent;font-family:var(--seki-font-sans, system-ui, -apple-system, sans-serif);font-size:var(--seki-font-size-sm, 0.875rem);line-height:var(--seki-line-height-normal, 1.5);color:var(--seki-foreground, hsl(240 10% 3.9%))}.combobox-input::placeholder{color:var(--seki-muted-foreground, hsl(240 3.8% 46.1%))}.combobox-input:disabled{cursor:not-allowed;opacity:0.5}.combobox-chip{display:inline-flex;align-items:center;gap:var(--seki-spacing-1, 0.25rem);padding:var(--seki-spacing-1, 0.25rem) var(--seki-spacing-2, 0.5rem);background:var(--seki-muted, hsl(240 4.8% 95.9%));border-radius:var(--seki-radius-sm, 0.25rem);font-family:var(--seki-font-sans, system-ui, -apple-system, sans-serif);font-size:var(--seki-font-size-xs, 0.75rem);line-height:var(--seki-line-height-tight, 1.25)}.chip-label{max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-remove{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;padding:0;border:none;background:transparent;cursor:pointer;color:var(--seki-muted-foreground, hsl(240 3.8% 46.1%));border-radius:var(--seki-radius-sm, 0.25rem)}.chip-remove:hover{background:var(--seki-accent, hsl(240 4.8% 95.9%));color:var(--seki-foreground, hsl(240 10% 3.9%))}.chip-remove svg{width:0.75rem;height:0.75rem}.combobox-count,.combobox-text{font-family:var(--seki-font-sans, system-ui, -apple-system, sans-serif);font-size:var(--seki-font-size-sm, 0.875rem);color:var(--seki-foreground, hsl(240 10% 3.9%))}@media (prefers-reduced-motion: reduce){.combobox-input-wrapper{transition:none}}";
 
@@ -20,51 +20,28 @@ const SekiComboboxInput$1 = /*@__PURE__*/ proxyCustomElement(class SekiComboboxI
         this.listboxId = '';
         this.inputId = '';
         this.focusedItemValue = null;
-        this.contextSubscription = { parent: null, unsubscribe: () => { } };
         /**
-         * Re-sync local state whenever the parent's context changes post-mount —
-         * slotted children don't re-render with the parent, so without this the
-         * chips, aria-expanded, and aria-activedescendant freeze at mount values
-         * (#258). The @State assignments in updateState() drive the structural
-         * re-render (chips) — the same shape as seki-select-trigger's working
-         * forceUpdate counter — while the ARIA attributes the accessibility tree
-         * depends on are additionally applied imperatively, since a render()
-         * re-invoke from a closest()-based listener has proven unreliable for some
-         * components in this codebase (#244).
+         * True while the user is typing a query. In single-select mode the input
+         * shows the selected item's label otherwise, so clearing the text does not
+         * snap the label back mid-edit (shadcn/Radix comboboxes behave the same).
          */
-        this.handleParentContextChange = () => {
-            var _a;
-            this.updateState();
-            const ctx = this.getContext();
-            const input = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('input');
-            if (!ctx || !input)
-                return;
-            input.setAttribute('aria-expanded', ctx.open ? 'true' : 'false');
-            if (ctx.focusedItemValue) {
-                input.setAttribute('aria-activedescendant', `combobox-item-${ctx.focusedItemValue}`);
-            }
-            else {
-                input.removeAttribute('aria-activedescendant');
-            }
-            if (ctx.disabled) {
-                input.setAttribute('disabled', '');
-            }
-            else {
-                input.removeAttribute('disabled');
-            }
-            if (input.value !== ctx.searchQuery) {
-                input.value = ctx.searchQuery;
-            }
-        };
+        this.editing = false;
+        this.comboboxConsumer = new ContextConsumer('seki-combobox', 'comboboxContext', () => this.handleParentContextChange());
         this.handleInput = (event) => {
             const input = event.target;
+            this.editing = true;
             this.searchQuery = input.value;
             const ctx = this.getContext();
             if (ctx) {
                 ctx.onSearchChange(input.value);
             }
         };
-        this.handleFocus = () => {
+        this.handleFocus = (event) => {
+            // Select the shown label so typing replaces it instead of appending.
+            const input = event.target;
+            if (!this.editing && input.value && input.value === this.displayValue && !this.searchQuery) {
+                input.select();
+            }
             const ctx = this.getContext();
             if (ctx && !this.disabled) {
                 ctx.onOpenChange(true);
@@ -98,6 +75,11 @@ const SekiComboboxInput$1 = /*@__PURE__*/ proxyCustomElement(class SekiComboboxI
                     break;
                 case 'Escape':
                     event.preventDefault();
+                    // While open, Escape belongs to the combobox: don't let it also close
+                    // an ancestor overlay (dialog/popover/sheet listen on window).
+                    if (this.isOpen)
+                        event.stopPropagation();
+                    this.editing = false;
                     ctx.onOpenChange(false);
                     this.searchQuery = '';
                     ctx.onSearchChange('');
@@ -134,13 +116,53 @@ const SekiComboboxInput$1 = /*@__PURE__*/ proxyCustomElement(class SekiComboboxI
         const combobox = this.el.closest('seki-combobox');
         return (combobox === null || combobox === void 0 ? void 0 : combobox.comboboxContext) || null;
     }
+    connectedCallback() {
+        this.comboboxConsumer.connect(this.el);
+    }
     componentDidLoad() {
         this.updateState();
-        this.contextSubscription = subscribeToContextChange(this.el, 'seki-combobox', this.handleParentContextChange);
+    }
+    /** What the text box shows: the typed query, else the selected label (single mode). */
+    get displayValue() {
+        if (!this.multiple && !this.editing && !this.searchQuery && this.selectedItems.length > 0) {
+            return this.selectedItems[0].label;
+        }
+        return this.searchQuery;
+    }
+    /**
+     * Re-sync local state whenever the parent's context changes post-mount —
+     * slotted children don't re-render with the parent, so without this the
+     * chips, aria-expanded, and aria-activedescendant freeze at mount values
+     * (#258). The @State assignments in updateState() drive the structural
+     * re-render (chips) — the same shape as seki-select-trigger's working
+     * forceUpdate counter — while the ARIA attributes the accessibility tree
+     * depends on are additionally applied imperatively, since a render()
+     * re-invoke from a closest()-based listener has proven unreliable for some
+     * components in this codebase (#244).
+     */
+    handleParentContextChange() {
+        var _a;
+        this.updateState();
+        const ctx = this.getContext();
+        const input = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('input');
+        if (!ctx || !input)
+            return;
+        input.setAttribute('aria-expanded', ctx.open ? 'true' : 'false');
+        if (ctx.disabled) {
+            input.setAttribute('disabled', '');
+        }
+        else {
+            input.removeAttribute('disabled');
+        }
+        if (input.value !== this.displayValue) {
+            input.value = this.displayValue;
+        }
     }
     updateState() {
         const ctx = this.getContext();
         if (ctx) {
+            if (!ctx.open)
+                this.editing = false;
             this.searchQuery = ctx.searchQuery;
             this.isOpen = ctx.open;
             this.selectedItems = ctx.getSelectedItems();
@@ -193,13 +215,13 @@ const SekiComboboxInput$1 = /*@__PURE__*/ proxyCustomElement(class SekiComboboxI
         }
     }
     disconnectedCallback() {
-        this.contextSubscription.unsubscribe();
+        this.comboboxConsumer.disconnect();
     }
     render() {
-        const focusedItemId = this.focusedItemValue
-            ? `combobox-item-${this.focusedItemValue}`
-            : undefined;
-        return (h(Host, { key: 'c32b343830db117ab9022ab6bc3a7eb2a12a81d8' }, h("div", { key: '48dbfaf1d49550b80d6ac5da593a36df7d9b6c9a', class: "combobox-input-wrapper" }, this.renderSelectedDisplay(), h("input", { key: 'b95c67eb94146b7eda94d705863e809c7e6f4803', 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 }))));
+        // aria-activedescendant is intentionally not set: the options live in other
+        // components' shadow roots, so an IDREF from this input cannot resolve
+        // (same reason seki-select dropped it, #292/#299).
+        return (h(Host, { key: '65889d8eaf19d7d39560f45f95e90af52549989c' }, h("div", { key: '757b5703116dfdccee2f397b0bfd55d35df6cb66', class: "combobox-input-wrapper" }, this.renderSelectedDisplay(), h("input", { key: '872629473e220d81140644397a91c3de6e384824', id: this.inputId, type: "text", class: "combobox-input", value: this.displayValue, 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', onInput: this.handleInput, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown }))));
     }
     get el() { return this; }
     static get style() { return sekiComboboxInputCss; }