@diwacopilot/components 1.1.1 → 1.2.1

package/dist/esm/diwa-multi-select.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-3fa02c74.js';
-import { g as getFocusStyle, a as getReducedMotionStyle } from './styles-e5a47a2d.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, a as getElement } from './index-rIMpxxZG.js';
+import { b as getFocusStyle, a as getReducedMotionStyle } from './styles-C8h0Vfqp.js';
 
 const getComponentCss = (isOpen, _disabled, _state, _compact, isUp = false) => `
   /* ── Host ──────────────────────────────────────────────────────────── */
@@ -620,21 +620,27 @@ const DiwaMultiSelect = class {
         const hintId = `${this.internalId}-hint`;
         const hasMessage = !!this.message && this.state !== 'none';
         const hasValue = this.value.length > 0;
-        return (h(Host, { key: 'd1870eb6329fdced85adc9165c58e7060370c5ac', "data-theme": this.theme }, h("style", { key: 'f7c5db3277aab64cdfb0457133ed1d6da7a345c7', innerHTML: getComponentCss(this.isOpen, this.disabled, this.state, this.compact, this.dropdownClass.includes('--up')) }), (this.label || this.host.querySelector('[slot="label"]')) && (h("span", { key: '07d54b9aff11c23e21f656b0d2d045bdd0998e60', class: "label", id: labelId, part: "label" }, h("slot", { key: '8bf102a8b193fd0273726309615ea722fcce0b14', name: "label" }, this.label), this.required && h("span", { key: '07ac8efaae3785897ca2537961acb4bded9e8d40', class: "label__required", "aria-hidden": "true" }, "*"))), (this.description || this.host.querySelector('[slot="description"]')) && (h("span", { key: '9f105c5c644b0d9c5c8f560e2bc7f28b76adc944', class: "description", part: "description" }, h("slot", { key: 'f90b49ec602ed3b50ecbdadd51860d08a71878cb', name: "description" }, this.description))), h("div", { key: '32b0d40cfd3ff3704a2133ddb49b19f2e65fea0c', class: "trigger", role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId, "aria-labelledby": this.label ? labelId : undefined, "aria-required": this.required ? 'true' : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-describedby": hasMessage ? hintId : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.onTriggerClick, onKeyDown: this.onTriggerKeyDown, ref: (el) => (this.triggerEl = el), part: "trigger" }, h("span", { key: '746b9ef493c0d06da003282805cb5dfee6526761', class: `trigger__value${!hasValue ? ' trigger__placeholder' : ''}`, part: "value" }, this.hasCustomSelectedSlot ? (h("slot", { name: "selected" })) : hasValue ? (this.selectedLabels) : (this.label || 'Select options')), hasValue && (h("button", { key: '482962199782f1b35ee38cded409ca99592a314d', class: "trigger__reset", type: "button", "aria-label": "Reset selection", onClick: this.onResetClick, onKeyDown: (e) => {
+        return (h(Host, { key: 'f20b6581c9e60236f375f1b79139815b4f5d9c9e', "data-theme": this.theme }, h("style", { key: 'a2ddb28813ba51cf7ee030263c1b5cd260ff28ad', innerHTML: getComponentCss(this.isOpen, this.disabled, this.state, this.compact, this.dropdownClass.includes('--up')) }), (this.label || this.host.querySelector('[slot="label"]')) && (h("span", { key: '737abd1e95d14587d6000db252939db616505466', class: "label", id: labelId, part: "label" }, h("slot", { key: '02d2e507ad802c161fa794b29bfb2e3a89bba333', name: "label" }, this.label), this.required && h("span", { key: '3293ad8f9c7979a4214bc0eef9d781941819d270', class: "label__required", "aria-hidden": "true" }, "*"))), (this.description || this.host.querySelector('[slot="description"]')) && (h("span", { key: 'fd82e469c37a3044d913a06958a864f2419c65b3', class: "description", part: "description" }, h("slot", { key: 'b5871b765b1c4893d6b00955ccc6bd7a6def3fc5', name: "description" }, this.description))), h("div", { key: '069e8360136e98b0896daabcaa20872eddb9177e', class: "trigger", role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId, "aria-labelledby": this.label ? labelId : undefined, "aria-required": this.required ? 'true' : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-describedby": hasMessage ? hintId : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.onTriggerClick, onKeyDown: this.onTriggerKeyDown, ref: (el) => (this.triggerEl = el), part: "trigger" }, h("span", { key: '259bdbc4cbd76e47b4cefade89ca80e09aa4a0d4', class: `trigger__value${!hasValue ? ' trigger__placeholder' : ''}`, part: "value" }, this.hasCustomSelectedSlot ? (h("slot", { name: "selected" })) : hasValue ? (this.selectedLabels) : (this.label || 'Select options')), hasValue && (h("button", { key: '36defe25675609a09f59d11a658414e473c553af', class: "trigger__reset", type: "button", "aria-label": "Reset selection", onClick: this.onResetClick, onKeyDown: (e) => {
                 if (e.key === 'Tab')
                     this.isOpen = false;
-            }, part: "reset" }, "\u2715")), h("span", { key: 'd045c0e7d87ae202687241504a0544047e68f986', class: "trigger__chevron", "aria-hidden": "true", part: "chevron" }, h("svg", { key: '987e79ae7ef8f316dd50513e3cc6b910596fdc33', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8c38ce669650bdb480c242a9c7ea0aa2a1926207', d: "M4 6L8 10L12 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: 'bdeeca7bb9bb54446af37bbf83a64bdacac380cb', class: this.dropdownClass, role: "dialog", "aria-label": this.label, "aria-hidden": this.isOpen ? undefined : 'true', part: "dropdown" }, this.hasCustomFilterSlot ? (h("div", { class: "filter" }, h("slot", { name: "filter" }))) : (h("div", { class: "filter" }, h("input", { class: "filter__input", type: "text", placeholder: "Filter options\u2026", "aria-label": "Filter options", autocomplete: "off", value: this.filterText, onInput: this.onFilterInput, onKeyDown: this.onTriggerKeyDown, ref: (el) => (this.filterInputEl = el), part: "filter-input" }))), h("div", { key: '4073abc69ecf2e4204aae127fc07662d4f6d663a', class: "options", id: listboxId, role: "listbox", "aria-label": this.label, "aria-multiselectable": "true", part: "options" }, !this.hasFilterResults && (h("div", { key: 'b4415ca3b2e043bab5a01835bb6097c15ecada81', class: "no-results", role: "alert", "aria-live": "polite" }, "No results found")), h("slot", { key: '9362401ed428d356b65d4506d38ea23470b8ab0c', name: "options-status" }), h("slot", { key: '3aa042ec8c156478053fa1dd36c7cecf09ff2151', onSlotchange: () => this.onSlotChange() }))), hasMessage && (h("span", { key: '07652c69895dbbd71f4cab8fa05122a74ddc2be5', id: hintId, class: "message", part: "message", "aria-live": this.state === 'error' ? 'polite' : undefined }, h("slot", { key: '9e0180e1cc8f2757371a3a10e1e12d236e4c07ed', name: "message" }, this.message)))));
+            }, part: "reset" }, "\u2715")), h("span", { key: '6b3ae84ccdb3f695eeeedfea33ba395451f91719', class: "trigger__chevron", "aria-hidden": "true", part: "chevron" }, h("svg", { key: '64e93f928b7b8ae56f95fba89496bc2550cd3302', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a698a050291d0350a672aa60f7a08213b8ee7864', d: "M4 6L8 10L12 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: '96a03b0f283c201eba568b353e33f99c18cd29fa', class: this.dropdownClass, role: "dialog", "aria-label": this.label, "aria-hidden": this.isOpen ? undefined : 'true', part: "dropdown" }, this.hasCustomFilterSlot ? (h("div", { class: "filter" }, h("slot", { name: "filter" }))) : (h("div", { class: "filter" }, h("input", { class: "filter__input", type: "text", placeholder: "Filter options\u2026", "aria-label": "Filter options", autocomplete: "off", value: this.filterText, onInput: this.onFilterInput, onKeyDown: this.onTriggerKeyDown, ref: (el) => (this.filterInputEl = el), part: "filter-input" }))), h("div", { key: '342b37e5cf35be1bc35c26373a8458accd429a52', class: "options", id: listboxId, role: "listbox", "aria-label": this.label, "aria-multiselectable": "true", part: "options" }, !this.hasFilterResults && (h("div", { key: 'ce2ebd9f6f471ae6a4dd9516115a0abe84c20ec7', class: "no-results", role: "alert", "aria-live": "polite" }, "No results found")), h("slot", { key: 'c29c766c84889a205a3b292acd5e4f0e55a99917', name: "options-status" }), h("slot", { key: '32521900a8bc0423c1f7501517763a1af9b99c1b', onSlotchange: () => this.onSlotChange() }))), hasMessage && (h("span", { key: '74a68d28b638f54752d798137ce96c8c551c8857', id: hintId, class: "message", part: "message", "aria-live": this.state === 'error' ? 'polite' : undefined }, h("slot", { key: 'ff4dfbd3a7f9af3ef920d1986f41bd14076247dc', name: "message" }, this.message)))));
     }
     static get delegatesFocus() { return true; }
     get host() { return getElement(this); }
     static get watchers() { return {
-        "theme": ["onThemeChange"],
-        "compact": ["onCompactChange"],
-        "value": ["onValueChange"],
-        "isOpen": ["onIsOpenChange"]
+        "theme": [{
+                "onThemeChange": 0
+            }],
+        "compact": [{
+                "onCompactChange": 0
+            }],
+        "value": [{
+                "onValueChange": 0
+            }],
+        "isOpen": [{
+                "onIsOpenChange": 0
+            }]
     }; }
 };
 
 export { DiwaMultiSelect as diwa_multi_select };
-
-//# sourceMappingURL=diwa-multi-select.entry.js.map

package/dist/esm/diwa-pagination.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3fa02c74.js';
-import { g as getFocusStyle, a as getReducedMotionStyle } from './styles-e5a47a2d.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-rIMpxxZG.js';
+import { b as getFocusStyle, a as getReducedMotionStyle } from './styles-C8h0Vfqp.js';
 
 const getComponentCss = () => `
 
@@ -279,7 +279,7 @@ const DiwaPagination = class {
         const prevLabel = (_c = intl.prev) !== null && _c !== void 0 ? _c : 'Previous page';
         const nextLabel = (_d = intl.next) !== null && _d !== void 0 ? _d : 'Next page';
         const pageLabel = (_e = intl.page) !== null && _e !== void 0 ? _e : 'Page';
-        return (h(Host, { key: '4fa5cadb5296b7e23cc779e5ec159244fcde6c4a', "data-theme": this.theme }, h("style", { key: '64ecd996a2a54cad3762f31430dfc1c8ef6a8b8f', innerHTML: getComponentCss() }), h("nav", { key: 'a8ff37dbf716a7c270e5493539418da43ae94b5f', "aria-label": rootLabel, class: "nav" }, h("ul", { key: '3a980124988ec73d6a4c0becbe76351b66522544', class: "list" }, items.map((item, index) => {
+        return (h(Host, { key: 'e6c7aa31aabb891a607d3e5396a5c4413bd36195', "data-theme": this.theme }, h("style", { key: '58206c30ec4ba3dd4c2972bee88dceba92099e3b', innerHTML: getComponentCss() }), h("nav", { key: '437c5abf36082bdbc21ae6f72c77edc1c5c2a0a0', "aria-label": rootLabel, class: "nav" }, h("ul", { key: '94930f888757eb824f0d71c4d8c75ed53f0599c5', class: "list" }, items.map((item, index) => {
             const { type, isActive, value } = item;
             if (type === ItemType.PREVIOUS) {
                 return (h("li", { key: "prev" }, h("button", { class: "btn", disabled: !isActive, "aria-label": prevLabel, onClick: () => isActive && this.handleClick(value) }, h("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("polyline", { points: "15 18 9 12 15 6" })))));
@@ -299,5 +299,3 @@ const DiwaPagination = class {
 };
 
 export { DiwaPagination as diwa_pagination };
-
-//# sourceMappingURL=diwa-pagination.entry.js.map

package/dist/esm/diwa-pin-code.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3fa02c74.js';
-import { a as getReducedMotionStyle } from './styles-e5a47a2d.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-rIMpxxZG.js';
+import { a as getReducedMotionStyle } from './styles-C8h0Vfqp.js';
 
 const getComponentCss = (state, disabled, compact) => {
     const borderColor = state === 'error'
@@ -174,15 +174,13 @@ const DiwaPinCode = class {
         const valueChars = this.value.padEnd(safeLength, '').slice(0, safeLength);
         const descId = 'desc';
         const msgId = 'msg';
-        return (h(Host, { key: 'fd84239857264ac7ff2d70388a1b57ed28c139e1', "data-theme": this.theme }, h("style", { key: '8ca52e841f42b85be9b805443f76636e67108b00', innerHTML: getComponentCss(this.state, this.disabled, this.compact) }), h("div", { key: 'b9295c2b897c58294b87e069e874682f6882c526', class: "root" }, !this.hideLabel && this.label && (h("div", { key: 'f53aa0736441db633eb7756c57091f5c86932781', class: "label-row" }, h("span", { key: '95e0e0bf33034fe78d914046450a5eaddfdefadc', class: "label" }, this.label, this.required && h("span", { key: '8197798944a90f35349b68537d90670949451034', class: "required", "aria-hidden": "true" }, " *")))), h("div", { key: '8e7638e8c78f0f1b4ae673828d8c14682d39a76a', class: "boxes", role: "group", "aria-label": this.hideLabel && this.label ? this.label : undefined }, Array.from({ length: safeLength }).map((_, i) => {
+        return (h(Host, { key: '42b316cecb07dd8f38bc0dfe35f2d660071c9d0a', "data-theme": this.theme }, h("style", { key: 'f621d085b00e66aa985160e59df85cd15363c1e6', innerHTML: getComponentCss(this.state, this.disabled, this.compact) }), h("div", { key: '46f2f396909e1378f6ea3c6175e9c250888fb7f2', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '7a0ed287315f44d87b3b2285799872b031ee85d2', class: "label-row" }, h("span", { key: '677e5c6bbfdf9a1fac7ed2357f9b035bbf058c23', class: "label" }, this.label, this.required && h("span", { key: '7acfcc3a89f97eada2c483269828e51390ece4f1', class: "required", "aria-hidden": "true" }, " *")))), h("div", { key: 'b89f8ac92e1f5818fff9e005bda7ae6860fe3ea3', class: "boxes", role: "group", "aria-label": this.hideLabel && this.label ? this.label : undefined }, Array.from({ length: safeLength }).map((_, i) => {
             var _a;
             return (h("input", { key: i, class: "box", type: this.type === 'password' ? 'password' : 'text', inputMode: this.type === 'number' ? 'numeric' : 'text', maxLength: 1, value: (_a = valueChars[i]) !== null && _a !== void 0 ? _a : '', disabled: this.disabled, required: this.required && i === 0, "aria-label": `Digit ${i + 1} of ${safeLength}`, "aria-describedby": i === 0 ? (this.message ? msgId : this.description ? descId : undefined) : undefined, onInput: (e) => this.handleInput(e, i), onKeyDown: (e) => this.handleKeyDown(e, i), onPaste: i === 0 ? this.handlePaste : undefined, onFocus: (e) => e.target.select(), autocomplete: i === 0 ? 'one-time-code' : 'off' }));
-        })), !this.message && this.description && (h("p", { key: 'e596640dd57e61edcc854a19671d417c3fd1bf1d', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '33741de2a6c5fa2e7d1072d5bf8d846cc54b6ddf', id: msgId, class: "message" }, this.message)))));
+        })), !this.message && this.description && (h("p", { key: '77dedd816520995799988a9dcdfa5cc2019f76ce', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '886e7f76acc8c15e965bd680ddedc6b100939f0d', id: msgId, class: "message" }, this.message)))));
     }
     static get delegatesFocus() { return true; }
     get host() { return getElement(this); }
 };
 
 export { DiwaPinCode as diwa_pin_code };
-
-//# sourceMappingURL=diwa-pin-code.entry.js.map

package/dist/esm/diwa-popover.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-3fa02c74.js';
-import { g as getFocusStyle, a as getReducedMotionStyle } from './styles-e5a47a2d.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-rIMpxxZG.js';
+import { b as getFocusStyle, a as getReducedMotionStyle } from './styles-C8h0Vfqp.js';
 
 const PANEL_POSITION = {
     top: 'bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%);',
@@ -87,12 +87,10 @@ const DiwaPopover = class {
         }
     }
     render() {
-        return (h(Host, { key: '706d73f1ad8a20082daca4acfc0758ba50542169', "data-theme": this.theme }, h("style", { key: '331793aabac4e2555201b5242133f7d28e7fd484', innerHTML: getComponentCss(this.isOpen, this.direction) }), h("slot", { key: 'f79a4057076d939012b8e27c92e9883f3335a40f', name: "button" }, h("button", { key: 'c42272766f4a5c80b5120ce5f53a1f0d8634e2e1', class: "trigger", type: "button", "aria-expanded": String(this.isOpen), "aria-haspopup": "true", onClick: this.toggle }, h("svg", { key: 'a93a6cb15e2ea6c146129a3373e9a2e69b71dde2', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("circle", { key: '62d9118c2f344d2fbb5ca97989f336e9e1368d90', cx: "12", cy: "12", r: "10" }), h("line", { key: '2f31265ac9c896eb36f53ee73271340543b5cba4', x1: "12", y1: "8", x2: "12", y2: "12" }), h("line", { key: 'a9c6ff1a17ecd8694d0fef23dc3c5b79bab49b20', x1: "12", y1: "16", x2: "12.01", y2: "16" })))), h("div", { key: '0da742535b53bd3c40a6ee20e611c7740ce53e75', class: "panel", role: "tooltip", "aria-hidden": String(!this.isOpen) }, this.description && h("p", { key: '8fcbb3c865aa604e9d1c13aa814ed453903fc341' }, this.description), h("slot", { key: '51c6c0d6ca50f4a6444e8768d88203fa54cf4132' }))));
+        return (h(Host, { key: '09f649039a99b456fcedf4483383341810ac55be', "data-theme": this.theme }, h("style", { key: '0a2cf250642b076e60d87800f813c8155365b247', innerHTML: getComponentCss(this.isOpen, this.direction) }), h("slot", { key: '14a103bb5c665cb9aed21496b06722e15f89f299', name: "button" }, h("button", { key: 'c156d661eedb2255e5c0817bcccc84494369a7c4', class: "trigger", type: "button", "aria-expanded": String(this.isOpen), "aria-haspopup": "true", onClick: this.toggle }, h("svg", { key: '48db1f2fb41745dc443e8f3c969184fa8da6fa6c', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("circle", { key: 'f9994b25f044912cf2e97f35b3f8c91b112792fc', cx: "12", cy: "12", r: "10" }), h("line", { key: '234a8b16cd08ad0ecf2479483b7bfd6b1a3092e6', x1: "12", y1: "8", x2: "12", y2: "12" }), h("line", { key: 'd5d52b35ad5894e196bff0f0af3ce7dde547aac1', x1: "12", y1: "16", x2: "12.01", y2: "16" })))), h("div", { key: 'c91727245e163aebbd6db9f86d66cbd1d144dbf1', class: "panel", role: "tooltip", "aria-hidden": String(!this.isOpen) }, this.description && h("p", { key: '6a6a451ad2bcc92588ea7319585e12b1eb21b2ab' }, this.description), h("slot", { key: '54dad0ddb906415a13fedefe8994200b94ecbb6f' }))));
     }
     static get delegatesFocus() { return true; }
     get host() { return getElement(this); }
 };
 
 export { DiwaPopover as diwa_popover };
-
-//# sourceMappingURL=diwa-popover.entry.js.map

package/dist/esm/diwa-radio-group-item.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3fa02c74.js';
-import { g as getFocusStyle, a as getReducedMotionStyle } from './styles-e5a47a2d.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-rIMpxxZG.js';
+import { b as getFocusStyle, a as getReducedMotionStyle } from './styles-C8h0Vfqp.js';
 
 const getComponentCss = (checked, disabled, compact) => {
     const boxSize = compact ? '14px' : '18px';
@@ -118,15 +118,15 @@ const DiwaRadioGroupItem = class {
     }
     render() {
         const labelId = `diwa-rgi-${this.value || Math.random().toString(36).slice(2, 7)}`;
-        return (h(Host, { key: 'd8bc41d5cf9885195ca2e1579aa74abcf93c9fb2' }, h("style", { key: 'b303d2b29a49f4445eaed221470ccb6bd1020150', innerHTML: getComponentCss(this.checked, this.disabled, this.compact) }), h("label", { key: 'd2a931fd4754cb93c02dcc833a5f08fa1ce5f1ea', class: "wrapper" }, h("span", { key: '237f63b74e3aa3be54cdfc1f8027b819b93c8276', class: "input-container" }, h("input", { key: '37e09b73b7d904847fa8e4194a97309e9e07a4de', id: labelId, type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, onChange: this.handleChange, "aria-checked": this.checked ? 'true' : 'false' })), h("span", { key: '85a9799f4ac065d7d8167b44a0dc3d667511730d', class: "label-text" }, h("slot", { key: '8fda0f7afd5dbffee2047668f1245439c4650b3e' })))));
+        return (h(Host, { key: '86f4629d1ec15ca4166b99a2edad8e5345853639' }, h("style", { key: '30efbaa2b8c0102ec11b4c369371a7bf4ee6f37f', innerHTML: getComponentCss(this.checked, this.disabled, this.compact) }), h("label", { key: 'f9cf23065409265184bbb70ddab10b5fded2db49', class: "wrapper" }, h("span", { key: 'bea2800f348a6d178c924a6c2fe1b6371642dd12', class: "input-container" }, h("input", { key: 'e2fa14e6810b6c3c0cacc078f43421838f9e34d0', id: labelId, type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, onChange: this.handleChange, "aria-checked": this.checked ? 'true' : 'false' })), h("span", { key: '1e393282f8e72fe9d055dde92d00f034f3164454', class: "label-text" }, h("slot", { key: '0611edb3b9b31dfb6d8ebdba3282b97c705530ad' })))));
     }
     static get delegatesFocus() { return true; }
     get host() { return getElement(this); }
     static get watchers() { return {
-        "checked": ["handleCheckedChange"]
+        "checked": [{
+                "handleCheckedChange": 0
+            }]
     }; }
 };
 
 export { DiwaRadioGroupItem as diwa_radio_group_item };
-
-//# sourceMappingURL=diwa-radio-group-item.entry.js.map

package/dist/esm/diwa-radio-group.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3fa02c74.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-rIMpxxZG.js';
 
 const getComponentCss = (state, direction, _disabled, compact) => {
     const messageColor = state === 'error'
@@ -136,11 +136,9 @@ const DiwaRadioGroup = class {
         const id = `diwa-rg-${this.host.id || Math.random().toString(36).slice(2, 7)}`;
         const descId = this.description ? `${id}-desc` : undefined;
         const msgId = this.message && this.state !== 'none' ? `${id}-msg` : undefined;
-        return (h(Host, { key: '32637e2660123b9ab13929e9f6bf72ecd1c62ea3', "data-theme": this.theme }, h("style", { key: '56e3db8486007a85e2c6c2541247f5c95ce5d000', innerHTML: getComponentCss(this.state, this.direction, this.disabled, this.compact) }), h("div", { key: '2353868f8aa1d4c507e7b9a39abc80a42e43a746', class: "root", role: "radiogroup", "aria-labelledby": this.label ? `${id}-label` : undefined, "aria-describedby": [descId, msgId].filter(Boolean).join(' ') || undefined, "aria-required": this.required ? 'true' : undefined }, this.label && (h("span", { key: 'be82c40317e75d25bf7a301b0c558fbae3462197', id: `${id}-label`, class: `label${this.hideLabel ? ' label-visually-hidden' : ''}` }, this.label, this.required && h("span", { key: 'a971a5fa7153287a91b7f5285963b5d209e90a20', class: "label-required", "aria-hidden": "true" }, " *"))), this.description && (h("span", { key: 'cc429975145668e59143f3eb8418b9e0e18bf9a7', id: descId, class: "description" }, this.description)), h("div", { key: 'df706b4c3265b81adc189299a3745d024c584622', class: "options" }, h("slot", { key: 'ce4b20e7f9a24885887d0b6b660da8a3a6440e25' })), h("span", { key: '84182d0942ee8b3561b943e940053da9e8f756d5', id: msgId, class: "message", hidden: !msgId }, this.message))));
+        return (h(Host, { key: '353bef6b4f86cf97107f3412f7dc4985d2d11d07', "data-theme": this.theme }, h("style", { key: '66d357becb10cfe088c8684e571821ad28b13ea7', innerHTML: getComponentCss(this.state, this.direction, this.disabled, this.compact) }), h("div", { key: '7adf0acbcfa1283d19d42d1fffbbf071a123b6b9', class: "root", role: "radiogroup", "aria-labelledby": this.label ? `${id}-label` : undefined, "aria-describedby": [descId, msgId].filter(Boolean).join(' ') || undefined, "aria-required": this.required ? 'true' : undefined }, this.label && (h("span", { key: '04d65fbfef552fc0698550273c705376527aff68', id: `${id}-label`, class: `label${this.hideLabel ? ' label-visually-hidden' : ''}` }, this.label, this.required && h("span", { key: '8880df582e11501249fe4b10f2c1fc511ed260c1', class: "label-required", "aria-hidden": "true" }, " *"))), this.description && (h("span", { key: '1824e6ec894a9681ac4fe5e16c206becdca493ea', id: descId, class: "description" }, this.description)), h("div", { key: 'dd0cf861519847041b08f0fa09dc9118cbce9bea', class: "options" }, h("slot", { key: '59f2aa4514c3eec3802d258a9f785a925360166c' })), h("span", { key: '76d853b81b97304acf0567d1f7bc147c71592896', id: msgId, class: "message", hidden: !msgId }, this.message))));
     }
     get host() { return getElement(this); }
 };
 
 export { DiwaRadioGroup as diwa_radio_group };
-
-//# sourceMappingURL=diwa-radio-group.entry.js.map

package/dist/esm/diwa-scroller.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from './index-3fa02c74.js';
-import { g as getFocusStyle } from './styles-e5a47a2d.js';
+import { r as registerInstance, h, H as Host } from './index-rIMpxxZG.js';
+import { b as getFocusStyle } from './styles-C8h0Vfqp.js';
 
 const ALIGN_MAP = {
     top: 'flex-start',
@@ -150,10 +150,8 @@ const DiwaScroller = class {
         this.canScrollRight = currentScrollLeft < maxScrollLeft - epsilon;
     }
     render() {
-        return (h(Host, { key: '45f4f99a3620911a3c082174ca774e45ea873e4d', "data-theme": this.theme }, h("style", { key: 'c8ef4daca35a71b53e14fc7bfebbff0675924fca', innerHTML: getComponentCss(this.scrollbar, this.alignScrollIndicator, this.hasOverflow, this.canScrollLeft, this.canScrollRight) }), h("div", { key: '5238cd797598390d8f9dc4dee119a40415dbfc4a', class: "scroller" }, h("button", { key: '6518c1d1a3afaebf619b6c8eae48c4e382c6a9d9', type: "button", class: "scroll-button scroll-button--start", "aria-label": "Scroll left", disabled: !this.canScrollLeft, hidden: !this.hasOverflow, onClick: () => this.scrollByPage('start') }, h("svg", { key: '7f9fb5f92a32bd36262d92a8d91f91dd9f2c0944', viewBox: "0 0 16 16", width: "16", height: "16", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: '0a7a19e7be0d4522042f19a316dc95eb1a6eaab3', d: "M10 3.5 5 8l5 4.5" }))), h("div", { key: '7388a4c9a666c5d0427af95a1ff7f1f614042f44', class: "scroll-wrapper" }, h("div", { key: '74dde4823c6bb81ae2709c3c605c9670f29ca5b2', class: "scroll-area", tabIndex: this.hasOverflow ? 0 : undefined, role: this.hasOverflow ? 'region' : undefined, "aria-label": this.hasOverflow ? 'Scrollable content' : undefined, onScroll: this.handleScroll, ref: this.setScrollAreaRef }, h("slot", { key: '88077bcfbeeefdb356b3b9dd4fa4f8fe49cb33ec', onSlotchange: this.handleSlotChange })), h("div", { key: '6058d245a910c7edc139789b10627c55366b0767', class: "fade fade--start", "aria-hidden": "true" }), h("div", { key: '2353970bea7c49c8d689ee7115cbbf0c580ef065', class: "fade fade--end", "aria-hidden": "true" })), h("button", { key: '0f51472148bf56d3a1f24406fe8a8b9b560be666', type: "button", class: "scroll-button scroll-button--end", "aria-label": "Scroll right", disabled: !this.canScrollRight, hidden: !this.hasOverflow, onClick: () => this.scrollByPage('end') }, h("svg", { key: 'c74842bea946222b5939bc85336315e276daf4d0', viewBox: "0 0 16 16", width: "16", height: "16", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: 'cdf90c5eb1036fb911153f3f2fc6adda2ced7afc', d: "M6 3.5 11 8l-5 4.5" }))))));
+        return (h(Host, { key: 'dc9d01bade501000f75086f335d9bf302174a945', "data-theme": this.theme }, h("style", { key: 'a8765192f0a7967cbe3e3531ee891d6352420d03', innerHTML: getComponentCss(this.scrollbar, this.alignScrollIndicator, this.hasOverflow, this.canScrollLeft, this.canScrollRight) }), h("div", { key: 'fb55280f572009f65ed2fc25564264d8e01e2ce0', class: "scroller" }, h("button", { key: '8b9d8dbaa725f6b7fa2aec9c36ba53552ae49d17', type: "button", class: "scroll-button scroll-button--start", "aria-label": "Scroll left", disabled: !this.canScrollLeft, hidden: !this.hasOverflow, onClick: () => this.scrollByPage('start') }, h("svg", { key: '37f2e8fdd719fd1253864f4cdf9c7297d353c86d', viewBox: "0 0 16 16", width: "16", height: "16", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: 'f842f28a51771992e81bffa1467a3e6980d85835', d: "M10 3.5 5 8l5 4.5" }))), h("div", { key: 'f0a55b2be01fe47dc58f94946b92b8fa82235e14', class: "scroll-wrapper" }, h("div", { key: 'e612dbb880d43d09ee67d879f6c33c8c419899d7', class: "scroll-area", tabIndex: this.hasOverflow ? 0 : undefined, role: this.hasOverflow ? 'region' : undefined, "aria-label": this.hasOverflow ? 'Scrollable content' : undefined, onScroll: this.handleScroll, ref: this.setScrollAreaRef }, h("slot", { key: '53572974e4cb804c3012d2ba8f08039accee8e5e', onSlotchange: this.handleSlotChange })), h("div", { key: 'a2c66030fa02a387f40f7b3b640e69b35a0d0bd4', class: "fade fade--start", "aria-hidden": "true" }), h("div", { key: 'a0f79f41b4152bc636f4ad3be6b924c303019cef', class: "fade fade--end", "aria-hidden": "true" })), h("button", { key: '3a992435dfb230deea38d9fb2033907bdb15a9a3', type: "button", class: "scroll-button scroll-button--end", "aria-label": "Scroll right", disabled: !this.canScrollRight, hidden: !this.hasOverflow, onClick: () => this.scrollByPage('end') }, h("svg", { key: '6b14a8fe8dcdf9fd33f9c05a2aa39859e61599df', viewBox: "0 0 16 16", width: "16", height: "16", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: 'f1c8d634899420420576899086f247b68435d008', d: "M6 3.5 11 8l-5 4.5" }))))));
     }
 };
 
 export { DiwaScroller as diwa_scroller };
-
-//# sourceMappingURL=diwa-scroller.entry.js.map

package/dist/esm/diwa-segmented-control-item.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3fa02c74.js';
-import { g as getFocusStyle, a as getReducedMotionStyle } from './styles-e5a47a2d.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-rIMpxxZG.js';
+import { b as getFocusStyle, a as getReducedMotionStyle } from './styles-C8h0Vfqp.js';
 
 const getComponentCss = (selected, disabled, compact) => `
   :host {
@@ -62,12 +62,10 @@ const DiwaSegmentedControlItem = class {
         };
     }
     render() {
-        return (h(Host, { key: '2a0ee21e2203bc962d2cb1156ebe70b0cbc30d1e' }, h("style", { key: 'e8ff2c5b70860cc872cad97d689e16cf9c82c064', innerHTML: getComponentCss(this.selected, this.disabled, this.compact) }), h("button", { key: '112f93b906318888f5113417fdfddf0ce1aad3a8', class: "btn", type: "button", disabled: this.disabled, "aria-pressed": this.selected ? 'true' : 'false', onClick: this.handleClick }, h("slot", { key: 'bd6ef60d2fc09a59cfd8108377f1981aaefc991c' }))));
+        return (h(Host, { key: 'f3db1aeca532bd4acf5fa3ae0b1a4e549b60e973' }, h("style", { key: '829f2b2395967cc90ac37e045e06544b96bb8658', innerHTML: getComponentCss(this.selected, this.disabled, this.compact) }), h("button", { key: 'e1e5836b27393ba06b76f53f7a76671bc1565d5f', class: "btn", type: "button", disabled: this.disabled, "aria-pressed": this.selected ? 'true' : 'false', onClick: this.handleClick }, h("slot", { key: '6d854105c0a6f0a2787a309c9506713eab38f885' }))));
     }
     static get delegatesFocus() { return true; }
     get host() { return getElement(this); }
 };
 
 export { DiwaSegmentedControlItem as diwa_segmented_control_item };
-
-//# sourceMappingURL=diwa-segmented-control-item.entry.js.map

package/dist/esm/diwa-segmented-control.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3fa02c74.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-rIMpxxZG.js';
 
 const getComponentCss = () => `
   :host {
@@ -54,11 +54,9 @@ const DiwaSegmentedControl = class {
         });
     }
     render() {
-        return (h(Host, { key: 'a234c388f48d3c866ffdab8c6eadc9b8bb5af4c8', role: "group", "data-theme": this.theme }, h("style", { key: 'bfad2e8a1da5a8395b9dcc3662913ff13f4607fe', innerHTML: getComponentCss() }), h("div", { key: 'f08d1b1bdd31d095333e51ac72ae3f40ebd27812', class: "track" }, h("slot", { key: 'b5ff001d635e09aa097cd8b3b6b32500490a19da' }))));
+        return (h(Host, { key: '40695f16ca3a0601152b10a53bbb5c9812a14eba', role: "group", "data-theme": this.theme }, h("style", { key: '2d8853e5dc014243df0d27691c78a3ed83e18ad2', innerHTML: getComponentCss() }), h("div", { key: '102dc801b004efcb3a5c945d4500342939229c87', class: "track" }, h("slot", { key: 'bbda373551c9ebd3a32cbb6c12a13b8b1bd77bcc' }))));
     }
     get host() { return getElement(this); }
 };
 
 export { DiwaSegmentedControl as diwa_segmented_control };
-
-//# sourceMappingURL=diwa-segmented-control.entry.js.map

package/dist/esm/diwa-select-option.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3fa02c74.js';
-import { g as getFocusStyle, a as getReducedMotionStyle } from './styles-e5a47a2d.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-rIMpxxZG.js';
+import { b as getFocusStyle, a as getReducedMotionStyle } from './styles-C8h0Vfqp.js';
 
 const getComponentCss = () => `
   /* ── Host ──────────────────────────────────────────────────────────── */
@@ -147,12 +147,10 @@ const DiwaSelectOption = class {
         (_a = this.optionEl) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (h(Host, { key: '86c5dd52dbfc96056c5031be22e751c4c741527f', "data-theme": this.theme }, h("style", { key: '903154a75ff36b77647ee2c769717e5f1df574e6', innerHTML: getComponentCss() }), h("div", { key: 'c95e357baac1fd10642383cb4259d29dd356825e', class: "option", role: "option", "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown, ref: (el) => (this.optionEl = el), part: "option" }, h("span", { key: '902e2a17f8bbff2e450349f5e2ef1df3d5b54df7', class: "check", "aria-hidden": "true", part: "check" }, "\u2713"), h("span", { key: '535f939bb208a6dad985b803ef18ebb240cd2c30', class: "label", part: "label" }, h("slot", { key: '055c66f037f5783f2aad7256a15dbfae034b5796' })))));
+        return (h(Host, { key: '9158ac98075c499743af5e90042851b600c8da90', "data-theme": this.theme }, h("style", { key: '8dd7b313f3a81fd7d478b76596ecd60cbcec7ecb', innerHTML: getComponentCss() }), h("div", { key: '88ac7bcf19615142315509da16fb101fe7e59f36', class: "option", role: "option", "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown, ref: (el) => (this.optionEl = el), part: "option" }, h("span", { key: 'a4b3dfab5484a3916be1d64170c5337d9cc01f53', class: "check", "aria-hidden": "true", part: "check" }, "\u2713"), h("span", { key: 'c2d81f7766672cb0e5c755e2f0879361e65d3205', class: "label", part: "label" }, h("slot", { key: '0efdefa87396d832b47fba5fcdc66cb117f75396' })))));
     }
     static get delegatesFocus() { return true; }
     get host() { return getElement(this); }
 };
 
 export { DiwaSelectOption as diwa_select_option };
-
-//# sourceMappingURL=diwa-select-option.entry.js.map

package/dist/esm/diwa-select.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-3fa02c74.js';
-import { g as getFocusStyle, a as getReducedMotionStyle } from './styles-e5a47a2d.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, a as getElement } from './index-rIMpxxZG.js';
+import { b as getFocusStyle, a as getReducedMotionStyle } from './styles-C8h0Vfqp.js';
 
 const getComponentCss = (isOpen, _disabled, _state, _compact, isUp = false) => `
   /* ── Host ──────────────────────────────────────────────────────────── */
@@ -555,18 +555,24 @@ const DiwaSelect = class {
         const hasMessage = !!this.message && this.state !== 'none';
         const hasValue = this.value !== undefined && this.value !== '';
         const displayLabel = hasValue ? this.selectedLabel : undefined;
-        return (h(Host, { key: '78cb284c75c35d7a8c9c55c65a1b2da507cb3825', "data-theme": this.theme }, h("style", { key: '56535329000ff0addc23203c53161262d077d0ae', innerHTML: getComponentCss(this.isOpen, this.disabled, this.state, this.compact, this.dropdownClass.includes('--up')) }), (this.label || this.host.querySelector('[slot="label"]')) && (h("span", { key: 'a50ee541c02fddefb765c9e8be397bc5fd8fdbe3', class: "label", id: labelId, part: "label" }, h("slot", { key: '5acac4fc52daaa0a7e8137f41bd0b5e91ba4be86', name: "label" }, this.label), this.required && h("span", { key: '1f61ca50a28561365e8491e108268680b0e1ccf1', class: "label__required", "aria-hidden": "true" }, "*"))), (this.description || this.host.querySelector('[slot="description"]')) && (h("span", { key: '41e461a959513a8dafe4a8fd6d7c7c0597dd11be', class: "description", part: "description" }, h("slot", { key: '33f083c62405b70fd4df87ccd5770946778a168c', name: "description" }, this.description))), h("div", { key: '88a408a5abaa1f4c48f54b8dda240a3ee8ed3a5e', class: "trigger", role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId, "aria-labelledby": this.label ? labelId : undefined, "aria-required": this.required ? 'true' : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-describedby": hasMessage ? hintId : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.onTriggerClick, onKeyDown: this.onTriggerKeyDown, ref: (el) => (this.triggerEl = el), part: "trigger" }, h("span", { key: 'c397c30576a9396ca26a150d4b31686b34324c50', class: `trigger__value${!displayLabel ? ' trigger__placeholder' : ''}`, part: "value" }, displayLabel !== null && displayLabel !== void 0 ? displayLabel : (this.label || 'Select an option')), h("span", { key: '3c4c6ba3dfc5e53102754e8c8f99b01041cb034c', class: "trigger__chevron", "aria-hidden": "true", part: "chevron" }, h("svg", { key: '9d7a5b129826e3d448c3cebb41cd1c6cba9af980', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: '6c4b2336e5e0968cb79034a17c12ef7f1475d1d4', points: "6 9 12 15 18 9" })))), h("div", { key: '9a004e9726798f987e73de928cff74aae2192eba', class: this.dropdownClass, role: "listbox", id: listboxId, "aria-multiselectable": "false", "aria-labelledby": this.label ? labelId : undefined, part: "dropdown" }, h("div", { key: 'be02228e7c2763174b84c98665e43c1b41be96c4', class: "filter", part: "filter" }, h("input", { key: 'df2a97b9017bf0fa550ddd7edf81bb5b63daa567', class: "filter__input", type: "text", placeholder: "Filter options\u2026", "aria-label": "Filter options", onInput: this.onFilterInput, ref: (el) => (this.filterInputEl = el), part: "filter-input" })), h("div", { key: 'f1b7dff287feb28cacea9353263a3efb530d77f2', class: "options", part: "options" }, !this.hasFilterResults && (h("div", { key: '11c5108f2e3e2e1ae36e2f4f15f5da49b5e4f645', class: "no-results", "aria-live": "polite" }, "No options found")), h("slot", { key: 'f220f388ef3964448427dd45943193bce7419f88' }))), hasMessage && (h("span", { key: '8ceca0f175af448577d629581d39a44dfd39f63f', class: "message", id: hintId, role: "status", part: "message" }, h("slot", { key: '91c7a0c99fa7a642ba0987cbab196d61e61cea9e', name: "message" }, this.message)))));
+        return (h(Host, { key: '3ddf86c6e8e2cf807768ca8b209aad8a5c8da5fc', "data-theme": this.theme }, h("style", { key: 'c0244dc80bc55386fbb8b5a87c5130f94b287008', innerHTML: getComponentCss(this.isOpen, this.disabled, this.state, this.compact, this.dropdownClass.includes('--up')) }), (this.label || this.host.querySelector('[slot="label"]')) && (h("span", { key: '8ba197493fd4514a3f53b7e8d7f64da5adc4ef39', class: "label", id: labelId, part: "label" }, h("slot", { key: '994d35d52e2dbb6c402a0a0bea42032367aa31b9', name: "label" }, this.label), this.required && h("span", { key: '5c5c38c33bd4452270378f556204dece249b48eb', class: "label__required", "aria-hidden": "true" }, "*"))), (this.description || this.host.querySelector('[slot="description"]')) && (h("span", { key: 'addd8e741c169b88210f9b7ac93acd4450a02279', class: "description", part: "description" }, h("slot", { key: 'a36853c06f747e2d1e67b633ffc749881261f697', name: "description" }, this.description))), h("div", { key: '8f281c76cb95f7908c258e4c268199e98bb26702', class: "trigger", role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId, "aria-labelledby": this.label ? labelId : undefined, "aria-required": this.required ? 'true' : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-describedby": hasMessage ? hintId : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.onTriggerClick, onKeyDown: this.onTriggerKeyDown, ref: (el) => (this.triggerEl = el), part: "trigger" }, h("span", { key: 'fbf9388b481d492ae2c1a9dceca6e0144d99f7a7', class: `trigger__value${!displayLabel ? ' trigger__placeholder' : ''}`, part: "value" }, displayLabel !== null && displayLabel !== void 0 ? displayLabel : (this.label || 'Select an option')), h("span", { key: 'df535dcb6ad2ab76f910fd5c04ac6138e7f3759d', class: "trigger__chevron", "aria-hidden": "true", part: "chevron" }, h("svg", { key: 'd21f5ea814c41c59ab2b3d2abc1c14f839619f4e', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: '08b69903e085e0ec9379bfb552dd058b293924f1', points: "6 9 12 15 18 9" })))), h("div", { key: '89f3400afb3e4ab984e42f413b0f34434155b0ff', class: this.dropdownClass, role: "listbox", id: listboxId, "aria-multiselectable": "false", "aria-labelledby": this.label ? labelId : undefined, part: "dropdown" }, h("div", { key: 'a4242becefb0417a2c70c39bcd7cd4c523961046', class: "filter", part: "filter" }, h("input", { key: '79b965331aed2dd3d7607fe00dfc329c88aa6edd', class: "filter__input", type: "text", placeholder: "Filter options\u2026", "aria-label": "Filter options", onInput: this.onFilterInput, ref: (el) => (this.filterInputEl = el), part: "filter-input" })), h("div", { key: '06e022229e36d9214590809c201b2665e9a36152', class: "options", part: "options" }, !this.hasFilterResults && (h("div", { key: '67b8e26c137b2abbe03dde407d784e6caa915245', class: "no-results", "aria-live": "polite" }, "No options found")), h("slot", { key: 'a6cfe5c0249767c1b3537d4413760a2d66b63e5f' }))), hasMessage && (h("span", { key: 'e3093360156dab2d6f9a04cb9209d969f43dacd0', class: "message", id: hintId, role: "status", part: "message" }, h("slot", { key: 'dd9b2b269840618318506de2e6b85496faa167a3', name: "message" }, this.message)))));
     }
     static get delegatesFocus() { return true; }
     get host() { return getElement(this); }
     static get watchers() { return {
-        "theme": ["onThemeChange"],
-        "compact": ["onCompactChange"],
-        "value": ["onValueChange"],
-        "isOpen": ["onIsOpenChange"]
+        "theme": [{
+                "onThemeChange": 0
+            }],
+        "compact": [{
+                "onCompactChange": 0
+            }],
+        "value": [{
+                "onValueChange": 0
+            }],
+        "isOpen": [{
+                "onIsOpenChange": 0
+            }]
     }; }
 };
 
 export { DiwaSelect as diwa_select };
-
-//# sourceMappingURL=diwa-select.entry.js.map

package/dist/esm/diwa-spinner.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-3fa02c74.js';
-import { a as getReducedMotionStyle } from './styles-e5a47a2d.js';
-import { L as LoaderCircle } from './loader-circle-300f00a4.js';
+import { r as registerInstance, h, H as Host } from './index-rIMpxxZG.js';
+import { a as getReducedMotionStyle } from './styles-C8h0Vfqp.js';
+import { L as LoaderCircle } from './loader-circle-C2RYv3Oc.js';
 
 const getComponentCss = () => `
   :host {
@@ -88,10 +88,8 @@ const DiwaSpinner = class {
          * when the spinner appears without stealing focus (live region,
          * polite by default). aria-label provides the announcement text.
          */
-        h(Host, { key: 'a706f0d4b8ca5581f7375e4f0d36f46166974fbe', role: "status", "aria-label": this.label, "data-theme": this.theme }, h("style", { key: 'b01e2dc30f9b3c4c5422fc9f58055b4e29e660c0', innerHTML: getComponentCss() }), h("svg", { key: 'dae9e1f32d62abf2e5918c8841bb25a590b0e385', ref: (el) => (this.svgEl = el), class: "glyph", "aria-hidden": "true", part: "ring", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+        h(Host, { key: '5a130b11797c45cf6c3e9d1e1493f35cbef40ed6', role: "status", "aria-label": this.label, "data-theme": this.theme }, h("style", { key: 'b1f1c14a660db1ec56afbf814c6bfc5b21e4cf24', innerHTML: getComponentCss() }), h("svg", { key: '3e30e5ce78a52ba9904f808641fda6b0a3f5131f', ref: (el) => (this.svgEl = el), class: "glyph", "aria-hidden": "true", part: "ring", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
     }
 };
 
 export { DiwaSpinner as diwa_spinner };
-
-//# sourceMappingURL=diwa-spinner.entry.js.map

package/dist/esm/diwa-stepper-horizontal-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-3fa02c74.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-rIMpxxZG.js';
 
 const getComponentCss = (state, isLast) => {
     const circleColor = state === 'complete'
@@ -104,11 +104,9 @@ const DiwaStepperHorizontalItem = class {
         return h("span", { class: "circle-inner" }, this.stepNumber);
     }
     render() {
-        return (h(Host, { key: '1bd4bdda83dd199b36592765be08ae2e25707589', role: "listitem", "aria-current": this.state === 'current' ? 'step' : undefined }, h("style", { key: 'd40d2b5fe94ba5c056cab3d01b1c43d4c9a55c5e', innerHTML: getComponentCss(this.state, this.isLast) }), h("div", { key: 'b5fddb4aef4467af7a902bc4d41431f744b10dbc', class: "item" }, h("div", { key: '6382f98df1fb9eca76507b0741c39959ba8ea63c', class: "circle" }, this.renderIcon()), h("div", { key: 'f950e7b8b8463312c72ccee15394914b0d24dbf4', class: "connector", "aria-hidden": "true" }), this.label && h("span", { key: '9d38f213ba5cf9b4c390b674247ac42b5ebef455', class: "label" }, this.label), this.sublabel && h("span", { key: '14a4c997f533e697cc58ee8d9b1a997e306e9bec', class: "sublabel" }, this.sublabel))));
+        return (h(Host, { key: 'd11b7dd7e030ab412668905ce3a0dfb5f2025ad4', role: "listitem", "aria-current": this.state === 'current' ? 'step' : undefined }, h("style", { key: 'b98a5924354cfae2dace22dde1173eb638873693', innerHTML: getComponentCss(this.state, this.isLast) }), h("div", { key: 'bd51d2326d1981355da09a3bc2cc6a1e0fcf1821', class: "item" }, h("div", { key: '5743051e93e4a32992d55452dbaa7c2fae61b539', class: "circle" }, this.renderIcon()), h("div", { key: '1603b51edc94ab77d7f0dbea4f821e39661475ba', class: "connector", "aria-hidden": "true" }), this.label && h("span", { key: 'be03753d722f189919f0e2dd7fd3adebb6de2928', class: "label" }, this.label), this.sublabel && h("span", { key: '42e900cc2e384ac193497434ba9fe4e86bc90a74', class: "sublabel" }, this.sublabel))));
     }
     get host() { return getElement(this); }
 };
 
 export { DiwaStepperHorizontalItem as diwa_stepper_horizontal_item };
-
-//# sourceMappingURL=diwa-stepper-horizontal-item.entry.js.map

package/dist/esm/diwa-stepper-horizontal.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3fa02c74.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-rIMpxxZG.js';
 
 const getComponentCss = () => `
   :host {
@@ -61,14 +61,14 @@ const DiwaStepperHorizontal = class {
         });
     }
     render() {
-        return (h(Host, { key: '52f3578b5ad1f46b649ff00de8fd081451c9df70', "data-theme": this.theme }, h("style", { key: '493175498aa8d24ba2744853e951a26569e3372f', innerHTML: getComponentCss() }), h("div", { key: 'f143d785d7934b688102764de95c4c5a77aa9a87', class: "stepper", role: "list", "aria-label": "Progress" }, h("slot", { key: 'ff914a761531cadf1f56cbdfde003e9a230ed4f7' }))));
+        return (h(Host, { key: '2f3e3ab9f5968923e59b4d11016a034a44936165', "data-theme": this.theme }, h("style", { key: 'ec8979d4bd2b04cd3b416fabf6f03d1f997842e9', innerHTML: getComponentCss() }), h("div", { key: '77a3700aeded2ff1b69d8dd94482e55aeb48531d', class: "stepper", role: "list", "aria-label": "Progress" }, h("slot", { key: '29b9e4804e4451b008f602cc205a1532b663b2f9' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
-        "activeStepIndex": ["handleIndexChange"]
+        "activeStepIndex": [{
+                "handleIndexChange": 0
+            }]
     }; }
 };
 
 export { DiwaStepperHorizontal as diwa_stepper_horizontal };
-
-//# sourceMappingURL=diwa-stepper-horizontal.entry.js.map

package/dist/esm/diwa-switch.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-3fa02c74.js';
-import { g as getFocusStyle, a as getReducedMotionStyle } from './styles-e5a47a2d.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-rIMpxxZG.js';
+import { b as getFocusStyle, a as getReducedMotionStyle } from './styles-C8h0Vfqp.js';
 
 const getComponentCss = (checked, disabled, loading, alignLabel, compact) => {
     // Subtract border-width from inset: `top` on an absolutely-positioned child
@@ -120,11 +120,9 @@ const DiwaSwitch = class {
         };
     }
     render() {
-        return (h(Host, { key: '0e96affd5a3e280b06eb48e7feb2a0df542a19c9', "data-theme": this.theme }, h("style", { key: '3aa55f784774591f5f85a3655af25e2f664b634e', innerHTML: getComponentCss(this.checked, this.disabled, this.loading, this.alignLabel, this.compact) }), h("span", { key: '427803e1b7d578ed2a7be907ce2220ea19a4f497', class: "wrapper", onClick: this.handleClick }, h("span", { key: '34eafe8af538941ac7957f44360ccfec84c452a8', class: "track", role: "switch", "aria-checked": String(this.checked), "aria-disabled": this.disabled || this.loading ? 'true' : undefined, tabIndex: this.disabled || this.loading ? -1 : 0, onKeyDown: this.handleKeyDown }, !this.loading && h("span", { key: 'e03e1e78d4002ab82a87d80ba68f173b0d576df9', class: "thumb" }), this.loading && (h("span", { key: '467b9b651be875cf9b4be6c06dc491071e50f455', class: "loading-indicator", "aria-hidden": "true" }, h("diwa-spinner", { key: '6f2510961e02ada5f837a8251ce2219d3e71ad3b', size: "sm" })))), h("span", { key: 'e9fabaed9eb4fe909d073967a46216c249eb59e3', class: "label" }, h("slot", { key: '681bbbf5c64154f5c846869286544959ca4aa7e7' })))));
+        return (h(Host, { key: 'c6b0baae527682b7fb1fedf325313ab069cd0954', "data-theme": this.theme }, h("style", { key: '2436ea48c102aa6f3aae71136c713c9dadb881c2', innerHTML: getComponentCss(this.checked, this.disabled, this.loading, this.alignLabel, this.compact) }), h("span", { key: '78305942636540d14f49d3f8a84a166dd04a1004', class: "wrapper", onClick: this.handleClick }, h("span", { key: '4230dc3c39be578dbe97d9aed6cf29f53343ff97', class: "track", role: "switch", "aria-checked": String(this.checked), "aria-disabled": this.disabled || this.loading ? 'true' : undefined, tabIndex: this.disabled || this.loading ? -1 : 0, onKeyDown: this.handleKeyDown }, !this.loading && h("span", { key: '8e994b990b591d23e0c70bd7d6d731695673e14d', class: "thumb" }), this.loading && (h("span", { key: '621a6e985a3b8bb8a2a4622541d57d823dfbb53d', class: "loading-indicator", "aria-hidden": "true" }, h("diwa-spinner", { key: '442ea0df62cc4584843fde69be0fd90828655165', size: "sm" })))), h("span", { key: '022e8db4854c28e515c01aafddd56c6a2d1cc7ec', class: "label" }, h("slot", { key: '47f4b3744afc1fecc2d92c00c42b7f40268bb16b' })))));
     }
     static get delegatesFocus() { return true; }
 };
 
 export { DiwaSwitch as diwa_switch };
-
-//# sourceMappingURL=diwa-switch.entry.js.map

package/dist/esm/diwa-table-body.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-3fa02c74.js';
+import { r as registerInstance, h, H as Host } from './index-rIMpxxZG.js';
 
 const getComponentCss = () => `
   :host { display: table-row-group; }
@@ -14,10 +14,8 @@ const DiwaTableBody = class {
         this.theme = 'dark';
     }
     render() {
-        return (h(Host, { key: '4a79b101f25908a4c8d952a6cabeba242d361d45', role: "rowgroup", "data-theme": this.theme }, h("style", { key: '2fe92018084cd53e3eecfa6fa7cfcd314609d383', innerHTML: getComponentCss() }), h("slot", { key: 'f9d45fc32ddc9eb5532dd8e85fadac06df35cfb3' })));
+        return (h(Host, { key: '060d3016c96ac3c29b5265450828f0c2770696c8', role: "rowgroup", "data-theme": this.theme }, h("style", { key: '025471a64af1c06620e36d273bbe27afc5b70d1b', innerHTML: getComponentCss() }), h("slot", { key: 'a0b770fa75b04264b919a63b55846c7941931fc8' })));
     }
 };
 
 export { DiwaTableBody as diwa_table_body };
-
-//# sourceMappingURL=diwa-table-body.entry.js.map

package/dist/esm/diwa-table-cell.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-3fa02c74.js';
+import { r as registerInstance, h, H as Host } from './index-rIMpxxZG.js';
 
 const getComponentCss = (multiline) => `
   :host {
@@ -23,10 +23,8 @@ const DiwaTableCell = class {
         this.multiline = false;
     }
     render() {
-        return (h(Host, { key: '06e9e7b9644a399b4bf3392cafd2ce1906034c56', role: "cell" }, h("style", { key: '2aec2e9dda9ee32ec47628dd7eb7aa9d378e91be', innerHTML: getComponentCss(this.multiline) }), h("slot", { key: '9391683948fd415551ae1ae08dc53b1801380a69' })));
+        return (h(Host, { key: '70f68af8b28744b825c139f341c0815e11e5f08e', role: "cell" }, h("style", { key: '53bf58da9f8e9d9f0ee8ccc566cf4607b3b1d0b3', innerHTML: getComponentCss(this.multiline) }), h("slot", { key: '8089efa5309487c4c0682c4781d3ebcd8bb6a48b' })));
     }
 };
 
 export { DiwaTableCell as diwa_table_cell };
-
-//# sourceMappingURL=diwa-table-cell.entry.js.map

package/dist/esm/diwa-table-head-cell.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-3fa02c74.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-rIMpxxZG.js';
 
 const getComponentCss = (sortable, multiline) => `
   :host {
@@ -89,19 +89,17 @@ const DiwaTableHeadCell = class {
             : sort.active
                 ? sort.direction === 'asc' ? 'ascending' : 'descending'
                 : 'none';
-        const labelEl = h("span", { key: '40a5b63a8d14852144b04f50f5de06f18c3cb7a5', class: hideLabel ? 'sr-only' : undefined }, h("slot", { key: 'f765ee500707bfdd4c720aff27ef9f0eb33111fe' }));
-        const sortIcon = (h("svg", { key: '99c9b4265ce25ea53e3c31109be2da6741d44c48', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", style: {
+        const labelEl = h("span", { key: 'a2e2dd130b1dae02512d95e6dfbddb8c3df83ca0', class: hideLabel ? 'sr-only' : undefined }, h("slot", { key: '6aa36f19db6cf80ac99511ee38aec8f12c3e1fd6' }));
+        const sortIcon = (h("svg", { key: 'd21e881edfb0e87db3d20086a380033fb656392a', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", style: {
                 opacity: (sort === null || sort === void 0 ? void 0 : sort.active) ? '1' : '0.4',
                 transform: (sort === null || sort === void 0 ? void 0 : sort.direction) === 'desc' ? 'rotate(180deg)' : 'none',
                 transition: 'opacity 150ms ease, transform 150ms ease',
                 flexShrink: '0',
                 display: 'block',
-            } }, h("path", { key: '7fbf420dbc69c8e13d5d99f28d2271ccab2a48b9', d: "M4 10L8 6L12 10", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
-        return (h(Host, { key: '9e37a53dda74f54f91a90519b8feda3a24d75fb1', role: "columnheader", "aria-sort": ariaSort }, h("style", { key: '85fd59f90284e4b6daf740f21b687f564f5cc7d7', innerHTML: getComponentCss(isSortable, multiline) }), isSortable ? (h("button", { type: "button", class: "sort-btn", onClick: this.handleSort }, h("span", { class: "sort-label" }, labelEl), sortIcon)) : (labelEl)));
+            } }, h("path", { key: 'fd12f7b9559b4c371f041c0050201b5897dbe65b', d: "M4 10L8 6L12 10", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+        return (h(Host, { key: '3f94ad099ad07643adbb68a6d9b60506627e331f', role: "columnheader", "aria-sort": ariaSort }, h("style", { key: '1816c6ada4b56007b674ff2f100347c0190141b4', innerHTML: getComponentCss(isSortable, multiline) }), isSortable ? (h("button", { type: "button", class: "sort-btn", onClick: this.handleSort }, h("span", { class: "sort-label" }, labelEl), sortIcon)) : (labelEl)));
     }
     get host() { return getElement(this); }
 };
 
 export { DiwaTableHeadCell as diwa_table_head_cell };
-
-//# sourceMappingURL=diwa-table-head-cell.entry.js.map

package/dist/esm/diwa-table-head.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-3fa02c74.js';
+import { r as registerInstance, h, H as Host } from './index-rIMpxxZG.js';
 
 const getComponentCss = () => `
   :host {
@@ -23,10 +23,8 @@ const DiwaTableHead = class {
         this.theme = 'dark';
     }
     render() {
-        return (h(Host, { key: '8b9ea28317fea6188af61dad423fe63058910913', role: "rowgroup", "data-theme": this.theme }, h("style", { key: '70d40b87e2b9a76d20424845492cd6d2addb775a', innerHTML: getComponentCss() }), h("slot", { key: 'af8f4b4e1e404c7c23a3d6d35b8b961167047c3c' })));
+        return (h(Host, { key: '519ba227e1dedb0b5e1d9e80bd4dffe07d30ecb2', role: "rowgroup", "data-theme": this.theme }, h("style", { key: '4688cc17dc1fdfbbbcd3fc6a47061ce47bc840a5', innerHTML: getComponentCss() }), h("slot", { key: '856a4751d4e1a3df7209bac4ac4eb7dceb362b0e' })));
     }
 };
 
 export { DiwaTableHead as diwa_table_head };
-
-//# sourceMappingURL=diwa-table-head.entry.js.map

package/dist/esm/diwa-table-row.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-3fa02c74.js';
+import { r as registerInstance, h, H as Host } from './index-rIMpxxZG.js';
 
 const getComponentCss = () => `
   :host {
@@ -18,10 +18,8 @@ const DiwaTableRow = class {
         this.theme = 'dark';
     }
     render() {
-        return (h(Host, { key: '7f50afcd2d670ddfce8c868977c8662984e8a92d', role: "row", "data-theme": this.theme }, h("style", { key: '95d0cc4eb479e1ad4e3e03b87c82e8c7f99be540', innerHTML: getComponentCss() }), h("slot", { key: '8d02b0f44a1b06304bcfa7e1b7d582c0ec2b2db8' })));
+        return (h(Host, { key: '45310520a3e662442e44a2c1ef97aed5aab249ef', role: "row", "data-theme": this.theme }, h("style", { key: 'ebd5e2f8a71726d4c77b66a5be6acb7b4efe372f', innerHTML: getComponentCss() }), h("slot", { key: '2e28c9bb411bc76c3c17094d91daa3b7f541d697' })));
     }
 };
 
 export { DiwaTableRow as diwa_table_row };
-
-//# sourceMappingURL=diwa-table-row.entry.js.map