@diwacopilot/components 1.1.1 → 1.2.1

package/dist/cjs/diwa-modal.cjs.entry.js

@@ -1,9 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-d665fd57.js');
-const styles = require('./styles-6342300d.js');
+var index = require('./index-Bq2UsXlc.js');
+var styles = require('./styles-5PsdHYbv.js');
 
 /**
  * diwa-modal-utils.ts
@@ -391,15 +389,15 @@ const DiwaModal = class {
     // ──────────────────────────────────────────────────────────────
     render() {
         const { open, heading, dismissButton, backdrop, _hasFooter, _hasHeader } = this;
-        return (index.h(index.Host, { key: 'a7c4c46ac2022eff1f585955d327e8b5614b268a', "data-theme": this.theme }, index.h("style", { key: 'd4fd6c7649e8a6cacef20de25e1545dde2a7c89e' }, getComponentCss(open, backdrop, dismissButton, _hasFooter)), index.h("div", { key: '2aa898b9fc1136a36f8e2f9b15180d7f0573002c', class: "backdrop", "aria-hidden": "true", onClick: this.handleBackdropClick }), index.h("div", { key: '0c61a254601a455b6082e15d797d15f09b7d0393', class: "modal", role: "dialog", "aria-modal": "true", "aria-labelledby": heading ? this._headingId : undefined, "aria-label": !heading ? 'Dialog' : undefined, "aria-hidden": open ? undefined : 'true', tabIndex: -1, ref: (el) => { this._modalEl = el; } }, index.h("div", { key: '7dd4938654021ff4e7002e0944bb3c630fa475a0', class: "header" }, index.h("div", { key: 'd2b1302f27595ba0cac1284486bc9a4ae2d4f6e2', class: "header-top" }, heading && (index.h("h2", { key: '35ee9c3a96497b3ab7787bdcb22758b5225db485', class: "heading", id: this._headingId }, heading)), dismissButton && (index.h("button", { key: '83452c628da2141bada1153e6cea6224027a2862', class: "dismiss", type: "button", "aria-label": "Close dialog", onClick: this.handleDismiss }, index.h("svg", { key: '87ce4e4636ab5a191b4f6928b78ad75ef31ffa3b', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", width: "16", height: "16", "aria-hidden": "true" }, index.h("path", { key: '940d065be71549f24cfc2f94b9407b80f8819f08', d: "M18 6 6 18M6 6l12 12" }))))), _hasHeader && (index.h("div", { key: '65484bca3079d7707c52da339291dddbf1d3f427', class: "header-sub" }, index.h("slot", { key: '4653c0604f79201777fdb247562da2b712ef67d7', name: "header" })))), index.h("div", { key: '1516ef5894e7bd58708c63dffca0bd0cd83b250f', class: "body" }, index.h("slot", { key: '0f5692e741ddc5ba6c68e556efbcec420339890e' })), _hasFooter && (index.h("div", { key: '96eba8b23a345cecb3a18356cae02dd257daa185', class: "footer" }, index.h("slot", { key: 'ac9d27e700733b3124392cc7ee9331d2b864f5b4', name: "footer" }))))));
+        return (index.h(index.Host, { key: '57a2fd4dc471d90e3a2a828efd1cc1758bfe7f26', "data-theme": this.theme }, index.h("style", { key: '2e536cba383f0ce7694b5a73313a79c41e4d8d02' }, getComponentCss(open, backdrop, dismissButton, _hasFooter)), index.h("div", { key: '45b9b6c630842bf91886f95f2f6f6202f223b1d8', class: "backdrop", "aria-hidden": "true", onClick: this.handleBackdropClick }), index.h("div", { key: 'ff862abe357d87d75373e89d08730aaa1233a1a3', class: "modal", role: "dialog", "aria-modal": "true", "aria-labelledby": heading ? this._headingId : undefined, "aria-label": !heading ? 'Dialog' : undefined, "aria-hidden": open ? undefined : 'true', tabIndex: -1, ref: (el) => { this._modalEl = el; } }, index.h("div", { key: '1939a77e8be95dcc8a2737b99424d6af9a0e1ba5', class: "header" }, index.h("div", { key: 'a3c9abf4f9701d58e4abaa14868174b0ba85435b', class: "header-top" }, heading && (index.h("h2", { key: '326e415590d81d12e3ccf6f1a4c18221ace965e8', class: "heading", id: this._headingId }, heading)), dismissButton && (index.h("button", { key: 'dfeaf05f599cdadd4870dd533f327a018a41100c', class: "dismiss", type: "button", "aria-label": "Close dialog", onClick: this.handleDismiss }, index.h("svg", { key: 'b268902e6d1f61fba2317283bf0fd5c4f9036bdc', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", width: "16", height: "16", "aria-hidden": "true" }, index.h("path", { key: '7c3502fadadd024bdba1d4d2e958b4c70a3b2123', d: "M18 6 6 18M6 6l12 12" }))))), _hasHeader && (index.h("div", { key: '5c78ce207ef91759f082e8d47a9b18927f66ccc8', class: "header-sub" }, index.h("slot", { key: '0cc55bc679a0050007ebc4c3dd34c0c2729e63bb', name: "header" })))), index.h("div", { key: '55bf215004400be7303d250ecdb8fd131bd25edc', class: "body" }, index.h("slot", { key: '0d2d3d5c359542582cb3ffe43959cf2be88eb92c' })), _hasFooter && (index.h("div", { key: 'aae5c5096f915571983b31fc1dc375034ed73392', class: "footer" }, index.h("slot", { key: 'eb71dd2a657cbdf91289273f8fc630d822db5a30', name: "footer" }))))));
     }
     static get delegatesFocus() { return true; }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "open": ["onOpenChange"]
+        "open": [{
+                "onOpenChange": 0
+            }]
     }; }
 };
 
 exports.diwa_modal = DiwaModal;
-
-//# sourceMappingURL=diwa-modal.cjs.entry.js.map

package/dist/cjs/diwa-multi-select-option.cjs.entry.js

@@ -1,10 +1,8 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-d665fd57.js');
-const styles = require('./styles-6342300d.js');
-const checkboxMark = require('./checkbox-mark-06d56fe2.js');
+var index = require('./index-Bq2UsXlc.js');
+var styles = require('./styles-5PsdHYbv.js');
+var checkboxMark = require('./checkbox-mark-CtRWZxo8.js');
 
 const getComponentCss = (compact) => {
     const boxSize = compact ? '14px' : '20px';
@@ -156,17 +154,21 @@ const DiwaMultiSelectOption = class {
         (_a = this.optionEl) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (index.h(index.Host, { key: 'cd154bf05b1c5524ef8757d49a538f5b71dcf0f7', "data-theme": this.theme }, index.h("style", { key: 'e79192f92ab4f5a3965a5c41617208d5ba0586bb', innerHTML: getComponentCss(this.compact) }), index.h("div", { key: 'bdb6539019761a38a79c825d0c10eb035da493d1', 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" }, index.h("span", { key: '778df214b22f9e64859f56fe25cb4ed71ad4896f', class: "checkbox", "aria-hidden": "true", part: "checkbox" }), index.h("span", { key: '153a68043083905a2c2b328e6e00504a312cf659', class: "label", part: "label" }, index.h("slot", { key: '803a21e44bdc6162c648f1fbd90267f9bc3d4c89' })))));
+        return (index.h(index.Host, { key: '387eb35be3bd7addb47c5f4d68fb2525dccdcb76', "data-theme": this.theme }, index.h("style", { key: '0d5b07bd190fe8d6706d57a62576fcea84e54eb8', innerHTML: getComponentCss(this.compact) }), index.h("div", { key: 'c9194a83e037be7b424502392abf78cff85d6d15', 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" }, index.h("span", { key: 'a318fc68bbd4726068b4a625d32b4dd95b4d86ea', class: "checkbox", "aria-hidden": "true", part: "checkbox" }), index.h("span", { key: '900c18dcd4f96fcb122fabd55c77fa3f4db7d965', class: "label", part: "label" }, index.h("slot", { key: '8339b7379e52b1aac590f5a38cae164c1f1b7808' })))));
     }
     static get delegatesFocus() { return true; }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "selected": ["handlePropChange"],
-        "highlighted": ["handlePropChange"],
-        "disabled": ["handlePropChange"]
+        "selected": [{
+                "handlePropChange": 0
+            }],
+        "highlighted": [{
+                "handlePropChange": 0
+            }],
+        "disabled": [{
+                "handlePropChange": 0
+            }]
     }; }
 };
 
 exports.diwa_multi_select_option = DiwaMultiSelectOption;
-
-//# sourceMappingURL=diwa-multi-select-option.cjs.entry.js.map

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

@@ -1,9 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-d665fd57.js');
-const styles = require('./styles-6342300d.js');
+var index = require('./index-Bq2UsXlc.js');
+var styles = require('./styles-5PsdHYbv.js');
 
 const getComponentCss = (isOpen, _disabled, _state, _compact, isUp = false) => `
   /* ── Host ──────────────────────────────────────────────────────────── */
@@ -624,21 +622,27 @@ const DiwaMultiSelect = class {
         const hintId = `${this.internalId}-hint`;
         const hasMessage = !!this.message && this.state !== 'none';
         const hasValue = this.value.length > 0;
-        return (index.h(index.Host, { key: 'd1870eb6329fdced85adc9165c58e7060370c5ac', "data-theme": this.theme }, index.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"]')) && (index.h("span", { key: '07d54b9aff11c23e21f656b0d2d045bdd0998e60', class: "label", id: labelId, part: "label" }, index.h("slot", { key: '8bf102a8b193fd0273726309615ea722fcce0b14', name: "label" }, this.label), this.required && index.h("span", { key: '07ac8efaae3785897ca2537961acb4bded9e8d40', class: "label__required", "aria-hidden": "true" }, "*"))), (this.description || this.host.querySelector('[slot="description"]')) && (index.h("span", { key: '9f105c5c644b0d9c5c8f560e2bc7f28b76adc944', class: "description", part: "description" }, index.h("slot", { key: 'f90b49ec602ed3b50ecbdadd51860d08a71878cb', name: "description" }, this.description))), index.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" }, index.h("span", { key: '746b9ef493c0d06da003282805cb5dfee6526761', class: `trigger__value${!hasValue ? ' trigger__placeholder' : ''}`, part: "value" }, this.hasCustomSelectedSlot ? (index.h("slot", { name: "selected" })) : hasValue ? (this.selectedLabels) : (this.label || 'Select options')), hasValue && (index.h("button", { key: '482962199782f1b35ee38cded409ca99592a314d', class: "trigger__reset", type: "button", "aria-label": "Reset selection", onClick: this.onResetClick, onKeyDown: (e) => {
+        return (index.h(index.Host, { key: 'f20b6581c9e60236f375f1b79139815b4f5d9c9e', "data-theme": this.theme }, index.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"]')) && (index.h("span", { key: '737abd1e95d14587d6000db252939db616505466', class: "label", id: labelId, part: "label" }, index.h("slot", { key: '02d2e507ad802c161fa794b29bfb2e3a89bba333', name: "label" }, this.label), this.required && index.h("span", { key: '3293ad8f9c7979a4214bc0eef9d781941819d270', class: "label__required", "aria-hidden": "true" }, "*"))), (this.description || this.host.querySelector('[slot="description"]')) && (index.h("span", { key: 'fd82e469c37a3044d913a06958a864f2419c65b3', class: "description", part: "description" }, index.h("slot", { key: 'b5871b765b1c4893d6b00955ccc6bd7a6def3fc5', name: "description" }, this.description))), index.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" }, index.h("span", { key: '259bdbc4cbd76e47b4cefade89ca80e09aa4a0d4', class: `trigger__value${!hasValue ? ' trigger__placeholder' : ''}`, part: "value" }, this.hasCustomSelectedSlot ? (index.h("slot", { name: "selected" })) : hasValue ? (this.selectedLabels) : (this.label || 'Select options')), hasValue && (index.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")), index.h("span", { key: 'd045c0e7d87ae202687241504a0544047e68f986', class: "trigger__chevron", "aria-hidden": "true", part: "chevron" }, index.h("svg", { key: '987e79ae7ef8f316dd50513e3cc6b910596fdc33', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '8c38ce669650bdb480c242a9c7ea0aa2a1926207', d: "M4 6L8 10L12 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h("div", { key: 'bdeeca7bb9bb54446af37bbf83a64bdacac380cb', class: this.dropdownClass, role: "dialog", "aria-label": this.label, "aria-hidden": this.isOpen ? undefined : 'true', part: "dropdown" }, this.hasCustomFilterSlot ? (index.h("div", { class: "filter" }, index.h("slot", { name: "filter" }))) : (index.h("div", { class: "filter" }, index.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" }))), index.h("div", { key: '4073abc69ecf2e4204aae127fc07662d4f6d663a', class: "options", id: listboxId, role: "listbox", "aria-label": this.label, "aria-multiselectable": "true", part: "options" }, !this.hasFilterResults && (index.h("div", { key: 'b4415ca3b2e043bab5a01835bb6097c15ecada81', class: "no-results", role: "alert", "aria-live": "polite" }, "No results found")), index.h("slot", { key: '9362401ed428d356b65d4506d38ea23470b8ab0c', name: "options-status" }), index.h("slot", { key: '3aa042ec8c156478053fa1dd36c7cecf09ff2151', onSlotchange: () => this.onSlotChange() }))), hasMessage && (index.h("span", { key: '07652c69895dbbd71f4cab8fa05122a74ddc2be5', id: hintId, class: "message", part: "message", "aria-live": this.state === 'error' ? 'polite' : undefined }, index.h("slot", { key: '9e0180e1cc8f2757371a3a10e1e12d236e4c07ed', name: "message" }, this.message)))));
+            }, part: "reset" }, "\u2715")), index.h("span", { key: '6b3ae84ccdb3f695eeeedfea33ba395451f91719', class: "trigger__chevron", "aria-hidden": "true", part: "chevron" }, index.h("svg", { key: '64e93f928b7b8ae56f95fba89496bc2550cd3302', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'a698a050291d0350a672aa60f7a08213b8ee7864', d: "M4 6L8 10L12 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h("div", { key: '96a03b0f283c201eba568b353e33f99c18cd29fa', class: this.dropdownClass, role: "dialog", "aria-label": this.label, "aria-hidden": this.isOpen ? undefined : 'true', part: "dropdown" }, this.hasCustomFilterSlot ? (index.h("div", { class: "filter" }, index.h("slot", { name: "filter" }))) : (index.h("div", { class: "filter" }, index.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" }))), index.h("div", { key: '342b37e5cf35be1bc35c26373a8458accd429a52', class: "options", id: listboxId, role: "listbox", "aria-label": this.label, "aria-multiselectable": "true", part: "options" }, !this.hasFilterResults && (index.h("div", { key: 'ce2ebd9f6f471ae6a4dd9516115a0abe84c20ec7', class: "no-results", role: "alert", "aria-live": "polite" }, "No results found")), index.h("slot", { key: 'c29c766c84889a205a3b292acd5e4f0e55a99917', name: "options-status" }), index.h("slot", { key: '32521900a8bc0423c1f7501517763a1af9b99c1b', onSlotchange: () => this.onSlotChange() }))), hasMessage && (index.h("span", { key: '74a68d28b638f54752d798137ce96c8c551c8857', id: hintId, class: "message", part: "message", "aria-live": this.state === 'error' ? 'polite' : undefined }, index.h("slot", { key: 'ff4dfbd3a7f9af3ef920d1986f41bd14076247dc', name: "message" }, this.message)))));
     }
     static get delegatesFocus() { return true; }
     get host() { return index.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
+            }]
     }; }
 };
 
 exports.diwa_multi_select = DiwaMultiSelect;
-
-//# sourceMappingURL=diwa-multi-select.cjs.entry.js.map

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

@@ -1,9 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-d665fd57.js');
-const styles = require('./styles-6342300d.js');
+var index = require('./index-Bq2UsXlc.js');
+var styles = require('./styles-5PsdHYbv.js');
 
 const getComponentCss = () => `
 
@@ -283,7 +281,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 (index.h(index.Host, { key: '4fa5cadb5296b7e23cc779e5ec159244fcde6c4a', "data-theme": this.theme }, index.h("style", { key: '64ecd996a2a54cad3762f31430dfc1c8ef6a8b8f', innerHTML: getComponentCss() }), index.h("nav", { key: 'a8ff37dbf716a7c270e5493539418da43ae94b5f', "aria-label": rootLabel, class: "nav" }, index.h("ul", { key: '3a980124988ec73d6a4c0becbe76351b66522544', class: "list" }, items.map((item, index$1) => {
+        return (index.h(index.Host, { key: 'e6c7aa31aabb891a607d3e5396a5c4413bd36195', "data-theme": this.theme }, index.h("style", { key: '58206c30ec4ba3dd4c2972bee88dceba92099e3b', innerHTML: getComponentCss() }), index.h("nav", { key: '437c5abf36082bdbc21ae6f72c77edc1c5c2a0a0', "aria-label": rootLabel, class: "nav" }, index.h("ul", { key: '94930f888757eb824f0d71c4d8c75ed53f0599c5', class: "list" }, items.map((item, index$1) => {
             const { type, isActive, value } = item;
             if (type === ItemType.PREVIOUS) {
                 return (index.h("li", { key: "prev" }, index.h("button", { class: "btn", disabled: !isActive, "aria-label": prevLabel, onClick: () => isActive && this.handleClick(value) }, index.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" }, index.h("polyline", { points: "15 18 9 12 15 6" })))));
@@ -303,5 +301,3 @@ const DiwaPagination = class {
 };
 
 exports.diwa_pagination = DiwaPagination;
-
-//# sourceMappingURL=diwa-pagination.cjs.entry.js.map

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

@@ -1,9 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-d665fd57.js');
-const styles = require('./styles-6342300d.js');
+var index = require('./index-Bq2UsXlc.js');
+var styles = require('./styles-5PsdHYbv.js');
 
 const getComponentCss = (state, disabled, compact) => {
     const borderColor = state === 'error'
@@ -178,15 +176,13 @@ const DiwaPinCode = class {
         const valueChars = this.value.padEnd(safeLength, '').slice(0, safeLength);
         const descId = 'desc';
         const msgId = 'msg';
-        return (index.h(index.Host, { key: 'fd84239857264ac7ff2d70388a1b57ed28c139e1', "data-theme": this.theme }, index.h("style", { key: '8ca52e841f42b85be9b805443f76636e67108b00', innerHTML: getComponentCss(this.state, this.disabled, this.compact) }), index.h("div", { key: 'b9295c2b897c58294b87e069e874682f6882c526', class: "root" }, !this.hideLabel && this.label && (index.h("div", { key: 'f53aa0736441db633eb7756c57091f5c86932781', class: "label-row" }, index.h("span", { key: '95e0e0bf33034fe78d914046450a5eaddfdefadc', class: "label" }, this.label, this.required && index.h("span", { key: '8197798944a90f35349b68537d90670949451034', class: "required", "aria-hidden": "true" }, " *")))), index.h("div", { key: '8e7638e8c78f0f1b4ae673828d8c14682d39a76a', class: "boxes", role: "group", "aria-label": this.hideLabel && this.label ? this.label : undefined }, Array.from({ length: safeLength }).map((_, i) => {
+        return (index.h(index.Host, { key: '42b316cecb07dd8f38bc0dfe35f2d660071c9d0a', "data-theme": this.theme }, index.h("style", { key: 'f621d085b00e66aa985160e59df85cd15363c1e6', innerHTML: getComponentCss(this.state, this.disabled, this.compact) }), index.h("div", { key: '46f2f396909e1378f6ea3c6175e9c250888fb7f2', class: "root" }, !this.hideLabel && this.label && (index.h("div", { key: '7a0ed287315f44d87b3b2285799872b031ee85d2', class: "label-row" }, index.h("span", { key: '677e5c6bbfdf9a1fac7ed2357f9b035bbf058c23', class: "label" }, this.label, this.required && index.h("span", { key: '7acfcc3a89f97eada2c483269828e51390ece4f1', class: "required", "aria-hidden": "true" }, " *")))), index.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 (index.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 && (index.h("p", { key: 'e596640dd57e61edcc854a19671d417c3fd1bf1d', id: descId, class: "description" }, this.description)), this.message && (index.h("p", { key: '33741de2a6c5fa2e7d1072d5bf8d846cc54b6ddf', id: msgId, class: "message" }, this.message)))));
+        })), !this.message && this.description && (index.h("p", { key: '77dedd816520995799988a9dcdfa5cc2019f76ce', id: descId, class: "description" }, this.description)), this.message && (index.h("p", { key: '886e7f76acc8c15e965bd680ddedc6b100939f0d', id: msgId, class: "message" }, this.message)))));
     }
     static get delegatesFocus() { return true; }
     get host() { return index.getElement(this); }
 };
 
 exports.diwa_pin_code = DiwaPinCode;
-
-//# sourceMappingURL=diwa-pin-code.cjs.entry.js.map

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

@@ -1,9 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-d665fd57.js');
-const styles = require('./styles-6342300d.js');
+var index = require('./index-Bq2UsXlc.js');
+var styles = require('./styles-5PsdHYbv.js');
 
 const PANEL_POSITION = {
     top: 'bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%);',
@@ -91,12 +89,10 @@ const DiwaPopover = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '706d73f1ad8a20082daca4acfc0758ba50542169', "data-theme": this.theme }, index.h("style", { key: '331793aabac4e2555201b5242133f7d28e7fd484', innerHTML: getComponentCss(this.isOpen, this.direction) }), index.h("slot", { key: 'f79a4057076d939012b8e27c92e9883f3335a40f', name: "button" }, index.h("button", { key: 'c42272766f4a5c80b5120ce5f53a1f0d8634e2e1', class: "trigger", type: "button", "aria-expanded": String(this.isOpen), "aria-haspopup": "true", onClick: this.toggle }, index.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" }, index.h("circle", { key: '62d9118c2f344d2fbb5ca97989f336e9e1368d90', cx: "12", cy: "12", r: "10" }), index.h("line", { key: '2f31265ac9c896eb36f53ee73271340543b5cba4', x1: "12", y1: "8", x2: "12", y2: "12" }), index.h("line", { key: 'a9c6ff1a17ecd8694d0fef23dc3c5b79bab49b20', x1: "12", y1: "16", x2: "12.01", y2: "16" })))), index.h("div", { key: '0da742535b53bd3c40a6ee20e611c7740ce53e75', class: "panel", role: "tooltip", "aria-hidden": String(!this.isOpen) }, this.description && index.h("p", { key: '8fcbb3c865aa604e9d1c13aa814ed453903fc341' }, this.description), index.h("slot", { key: '51c6c0d6ca50f4a6444e8768d88203fa54cf4132' }))));
+        return (index.h(index.Host, { key: '09f649039a99b456fcedf4483383341810ac55be', "data-theme": this.theme }, index.h("style", { key: '0a2cf250642b076e60d87800f813c8155365b247', innerHTML: getComponentCss(this.isOpen, this.direction) }), index.h("slot", { key: '14a103bb5c665cb9aed21496b06722e15f89f299', name: "button" }, index.h("button", { key: 'c156d661eedb2255e5c0817bcccc84494369a7c4', class: "trigger", type: "button", "aria-expanded": String(this.isOpen), "aria-haspopup": "true", onClick: this.toggle }, index.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" }, index.h("circle", { key: 'f9994b25f044912cf2e97f35b3f8c91b112792fc', cx: "12", cy: "12", r: "10" }), index.h("line", { key: '234a8b16cd08ad0ecf2479483b7bfd6b1a3092e6', x1: "12", y1: "8", x2: "12", y2: "12" }), index.h("line", { key: 'd5d52b35ad5894e196bff0f0af3ce7dde547aac1', x1: "12", y1: "16", x2: "12.01", y2: "16" })))), index.h("div", { key: 'c91727245e163aebbd6db9f86d66cbd1d144dbf1', class: "panel", role: "tooltip", "aria-hidden": String(!this.isOpen) }, this.description && index.h("p", { key: '6a6a451ad2bcc92588ea7319585e12b1eb21b2ab' }, this.description), index.h("slot", { key: '54dad0ddb906415a13fedefe8994200b94ecbb6f' }))));
     }
     static get delegatesFocus() { return true; }
     get host() { return index.getElement(this); }
 };
 
 exports.diwa_popover = DiwaPopover;
-
-//# sourceMappingURL=diwa-popover.cjs.entry.js.map

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

@@ -1,9 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-d665fd57.js');
-const styles = require('./styles-6342300d.js');
+var index = require('./index-Bq2UsXlc.js');
+var styles = require('./styles-5PsdHYbv.js');
 
 const getComponentCss = (checked, disabled, compact) => {
     const boxSize = compact ? '14px' : '18px';
@@ -122,15 +120,15 @@ const DiwaRadioGroupItem = class {
     }
     render() {
         const labelId = `diwa-rgi-${this.value || Math.random().toString(36).slice(2, 7)}`;
-        return (index.h(index.Host, { key: 'd8bc41d5cf9885195ca2e1579aa74abcf93c9fb2' }, index.h("style", { key: 'b303d2b29a49f4445eaed221470ccb6bd1020150', innerHTML: getComponentCss(this.checked, this.disabled, this.compact) }), index.h("label", { key: 'd2a931fd4754cb93c02dcc833a5f08fa1ce5f1ea', class: "wrapper" }, index.h("span", { key: '237f63b74e3aa3be54cdfc1f8027b819b93c8276', class: "input-container" }, index.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' })), index.h("span", { key: '85a9799f4ac065d7d8167b44a0dc3d667511730d', class: "label-text" }, index.h("slot", { key: '8fda0f7afd5dbffee2047668f1245439c4650b3e' })))));
+        return (index.h(index.Host, { key: '86f4629d1ec15ca4166b99a2edad8e5345853639' }, index.h("style", { key: '30efbaa2b8c0102ec11b4c369371a7bf4ee6f37f', innerHTML: getComponentCss(this.checked, this.disabled, this.compact) }), index.h("label", { key: 'f9cf23065409265184bbb70ddab10b5fded2db49', class: "wrapper" }, index.h("span", { key: 'bea2800f348a6d178c924a6c2fe1b6371642dd12', class: "input-container" }, index.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' })), index.h("span", { key: '1e393282f8e72fe9d055dde92d00f034f3164454', class: "label-text" }, index.h("slot", { key: '0611edb3b9b31dfb6d8ebdba3282b97c705530ad' })))));
     }
     static get delegatesFocus() { return true; }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "checked": ["handleCheckedChange"]
+        "checked": [{
+                "handleCheckedChange": 0
+            }]
     }; }
 };
 
 exports.diwa_radio_group_item = DiwaRadioGroupItem;
-
-//# sourceMappingURL=diwa-radio-group-item.cjs.entry.js.map

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

@@ -1,8 +1,6 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-d665fd57.js');
+var index = require('./index-Bq2UsXlc.js');
 
 const getComponentCss = (state, direction, _disabled, compact) => {
     const messageColor = state === 'error'
@@ -140,11 +138,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 (index.h(index.Host, { key: '32637e2660123b9ab13929e9f6bf72ecd1c62ea3', "data-theme": this.theme }, index.h("style", { key: '56e3db8486007a85e2c6c2541247f5c95ce5d000', innerHTML: getComponentCss(this.state, this.direction, this.disabled, this.compact) }), index.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 && (index.h("span", { key: 'be82c40317e75d25bf7a301b0c558fbae3462197', id: `${id}-label`, class: `label${this.hideLabel ? ' label-visually-hidden' : ''}` }, this.label, this.required && index.h("span", { key: 'a971a5fa7153287a91b7f5285963b5d209e90a20', class: "label-required", "aria-hidden": "true" }, " *"))), this.description && (index.h("span", { key: 'cc429975145668e59143f3eb8418b9e0e18bf9a7', id: descId, class: "description" }, this.description)), index.h("div", { key: 'df706b4c3265b81adc189299a3745d024c584622', class: "options" }, index.h("slot", { key: 'ce4b20e7f9a24885887d0b6b660da8a3a6440e25' })), index.h("span", { key: '84182d0942ee8b3561b943e940053da9e8f756d5', id: msgId, class: "message", hidden: !msgId }, this.message))));
+        return (index.h(index.Host, { key: '353bef6b4f86cf97107f3412f7dc4985d2d11d07', "data-theme": this.theme }, index.h("style", { key: '66d357becb10cfe088c8684e571821ad28b13ea7', innerHTML: getComponentCss(this.state, this.direction, this.disabled, this.compact) }), index.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 && (index.h("span", { key: '04d65fbfef552fc0698550273c705376527aff68', id: `${id}-label`, class: `label${this.hideLabel ? ' label-visually-hidden' : ''}` }, this.label, this.required && index.h("span", { key: '8880df582e11501249fe4b10f2c1fc511ed260c1', class: "label-required", "aria-hidden": "true" }, " *"))), this.description && (index.h("span", { key: '1824e6ec894a9681ac4fe5e16c206becdca493ea', id: descId, class: "description" }, this.description)), index.h("div", { key: 'dd0cf861519847041b08f0fa09dc9118cbce9bea', class: "options" }, index.h("slot", { key: '59f2aa4514c3eec3802d258a9f785a925360166c' })), index.h("span", { key: '76d853b81b97304acf0567d1f7bc147c71592896', id: msgId, class: "message", hidden: !msgId }, this.message))));
     }
     get host() { return index.getElement(this); }
 };
 
 exports.diwa_radio_group = DiwaRadioGroup;
-
-//# sourceMappingURL=diwa-radio-group.cjs.entry.js.map

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

@@ -1,9 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-d665fd57.js');
-const styles = require('./styles-6342300d.js');
+var index = require('./index-Bq2UsXlc.js');
+var styles = require('./styles-5PsdHYbv.js');
 
 const ALIGN_MAP = {
     top: 'flex-start',
@@ -154,10 +152,8 @@ const DiwaScroller = class {
         this.canScrollRight = currentScrollLeft < maxScrollLeft - epsilon;
     }
     render() {
-        return (index.h(index.Host, { key: '45f4f99a3620911a3c082174ca774e45ea873e4d', "data-theme": this.theme }, index.h("style", { key: 'c8ef4daca35a71b53e14fc7bfebbff0675924fca', innerHTML: getComponentCss(this.scrollbar, this.alignScrollIndicator, this.hasOverflow, this.canScrollLeft, this.canScrollRight) }), index.h("div", { key: '5238cd797598390d8f9dc4dee119a40415dbfc4a', class: "scroller" }, index.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') }, index.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" }, index.h("path", { key: '0a7a19e7be0d4522042f19a316dc95eb1a6eaab3', d: "M10 3.5 5 8l5 4.5" }))), index.h("div", { key: '7388a4c9a666c5d0427af95a1ff7f1f614042f44', class: "scroll-wrapper" }, index.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 }, index.h("slot", { key: '88077bcfbeeefdb356b3b9dd4fa4f8fe49cb33ec', onSlotchange: this.handleSlotChange })), index.h("div", { key: '6058d245a910c7edc139789b10627c55366b0767', class: "fade fade--start", "aria-hidden": "true" }), index.h("div", { key: '2353970bea7c49c8d689ee7115cbbf0c580ef065', class: "fade fade--end", "aria-hidden": "true" })), index.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') }, index.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" }, index.h("path", { key: 'cdf90c5eb1036fb911153f3f2fc6adda2ced7afc', d: "M6 3.5 11 8l-5 4.5" }))))));
+        return (index.h(index.Host, { key: 'dc9d01bade501000f75086f335d9bf302174a945', "data-theme": this.theme }, index.h("style", { key: 'a8765192f0a7967cbe3e3531ee891d6352420d03', innerHTML: getComponentCss(this.scrollbar, this.alignScrollIndicator, this.hasOverflow, this.canScrollLeft, this.canScrollRight) }), index.h("div", { key: 'fb55280f572009f65ed2fc25564264d8e01e2ce0', class: "scroller" }, index.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') }, index.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" }, index.h("path", { key: 'f842f28a51771992e81bffa1467a3e6980d85835', d: "M10 3.5 5 8l5 4.5" }))), index.h("div", { key: 'f0a55b2be01fe47dc58f94946b92b8fa82235e14', class: "scroll-wrapper" }, index.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 }, index.h("slot", { key: '53572974e4cb804c3012d2ba8f08039accee8e5e', onSlotchange: this.handleSlotChange })), index.h("div", { key: 'a2c66030fa02a387f40f7b3b640e69b35a0d0bd4', class: "fade fade--start", "aria-hidden": "true" }), index.h("div", { key: 'a0f79f41b4152bc636f4ad3be6b924c303019cef', class: "fade fade--end", "aria-hidden": "true" })), index.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') }, index.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" }, index.h("path", { key: 'f1c8d634899420420576899086f247b68435d008', d: "M6 3.5 11 8l-5 4.5" }))))));
     }
 };
 
 exports.diwa_scroller = DiwaScroller;
-
-//# sourceMappingURL=diwa-scroller.cjs.entry.js.map

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

@@ -1,9 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-d665fd57.js');
-const styles = require('./styles-6342300d.js');
+var index = require('./index-Bq2UsXlc.js');
+var styles = require('./styles-5PsdHYbv.js');
 
 const getComponentCss = (selected, disabled, compact) => `
   :host {
@@ -66,12 +64,10 @@ const DiwaSegmentedControlItem = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '2a0ee21e2203bc962d2cb1156ebe70b0cbc30d1e' }, index.h("style", { key: 'e8ff2c5b70860cc872cad97d689e16cf9c82c064', innerHTML: getComponentCss(this.selected, this.disabled, this.compact) }), index.h("button", { key: '112f93b906318888f5113417fdfddf0ce1aad3a8', class: "btn", type: "button", disabled: this.disabled, "aria-pressed": this.selected ? 'true' : 'false', onClick: this.handleClick }, index.h("slot", { key: 'bd6ef60d2fc09a59cfd8108377f1981aaefc991c' }))));
+        return (index.h(index.Host, { key: 'f3db1aeca532bd4acf5fa3ae0b1a4e549b60e973' }, index.h("style", { key: '829f2b2395967cc90ac37e045e06544b96bb8658', innerHTML: getComponentCss(this.selected, this.disabled, this.compact) }), index.h("button", { key: 'e1e5836b27393ba06b76f53f7a76671bc1565d5f', class: "btn", type: "button", disabled: this.disabled, "aria-pressed": this.selected ? 'true' : 'false', onClick: this.handleClick }, index.h("slot", { key: '6d854105c0a6f0a2787a309c9506713eab38f885' }))));
     }
     static get delegatesFocus() { return true; }
     get host() { return index.getElement(this); }
 };
 
 exports.diwa_segmented_control_item = DiwaSegmentedControlItem;
-
-//# sourceMappingURL=diwa-segmented-control-item.cjs.entry.js.map

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

@@ -1,8 +1,6 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-d665fd57.js');
+var index = require('./index-Bq2UsXlc.js');
 
 const getComponentCss = () => `
   :host {
@@ -58,11 +56,9 @@ const DiwaSegmentedControl = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'a234c388f48d3c866ffdab8c6eadc9b8bb5af4c8', role: "group", "data-theme": this.theme }, index.h("style", { key: 'bfad2e8a1da5a8395b9dcc3662913ff13f4607fe', innerHTML: getComponentCss() }), index.h("div", { key: 'f08d1b1bdd31d095333e51ac72ae3f40ebd27812', class: "track" }, index.h("slot", { key: 'b5ff001d635e09aa097cd8b3b6b32500490a19da' }))));
+        return (index.h(index.Host, { key: '40695f16ca3a0601152b10a53bbb5c9812a14eba', role: "group", "data-theme": this.theme }, index.h("style", { key: '2d8853e5dc014243df0d27691c78a3ed83e18ad2', innerHTML: getComponentCss() }), index.h("div", { key: '102dc801b004efcb3a5c945d4500342939229c87', class: "track" }, index.h("slot", { key: 'bbda373551c9ebd3a32cbb6c12a13b8b1bd77bcc' }))));
     }
     get host() { return index.getElement(this); }
 };
 
 exports.diwa_segmented_control = DiwaSegmentedControl;
-
-//# sourceMappingURL=diwa-segmented-control.cjs.entry.js.map

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

@@ -1,9 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-d665fd57.js');
-const styles = require('./styles-6342300d.js');
+var index = require('./index-Bq2UsXlc.js');
+var styles = require('./styles-5PsdHYbv.js');
 
 const getComponentCss = () => `
   /* ── Host ──────────────────────────────────────────────────────────── */
@@ -151,12 +149,10 @@ const DiwaSelectOption = class {
         (_a = this.optionEl) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (index.h(index.Host, { key: '86c5dd52dbfc96056c5031be22e751c4c741527f', "data-theme": this.theme }, index.h("style", { key: '903154a75ff36b77647ee2c769717e5f1df574e6', innerHTML: getComponentCss() }), index.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" }, index.h("span", { key: '902e2a17f8bbff2e450349f5e2ef1df3d5b54df7', class: "check", "aria-hidden": "true", part: "check" }, "\u2713"), index.h("span", { key: '535f939bb208a6dad985b803ef18ebb240cd2c30', class: "label", part: "label" }, index.h("slot", { key: '055c66f037f5783f2aad7256a15dbfae034b5796' })))));
+        return (index.h(index.Host, { key: '9158ac98075c499743af5e90042851b600c8da90', "data-theme": this.theme }, index.h("style", { key: '8dd7b313f3a81fd7d478b76596ecd60cbcec7ecb', innerHTML: getComponentCss() }), index.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" }, index.h("span", { key: 'a4b3dfab5484a3916be1d64170c5337d9cc01f53', class: "check", "aria-hidden": "true", part: "check" }, "\u2713"), index.h("span", { key: 'c2d81f7766672cb0e5c755e2f0879361e65d3205', class: "label", part: "label" }, index.h("slot", { key: '0efdefa87396d832b47fba5fcdc66cb117f75396' })))));
     }
     static get delegatesFocus() { return true; }
     get host() { return index.getElement(this); }
 };
 
 exports.diwa_select_option = DiwaSelectOption;
-
-//# sourceMappingURL=diwa-select-option.cjs.entry.js.map

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

@@ -1,9 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-d665fd57.js');
-const styles = require('./styles-6342300d.js');
+var index = require('./index-Bq2UsXlc.js');
+var styles = require('./styles-5PsdHYbv.js');
 
 const getComponentCss = (isOpen, _disabled, _state, _compact, isUp = false) => `
   /* ── Host ──────────────────────────────────────────────────────────── */
@@ -559,18 +557,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 (index.h(index.Host, { key: '78cb284c75c35d7a8c9c55c65a1b2da507cb3825', "data-theme": this.theme }, index.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"]')) && (index.h("span", { key: 'a50ee541c02fddefb765c9e8be397bc5fd8fdbe3', class: "label", id: labelId, part: "label" }, index.h("slot", { key: '5acac4fc52daaa0a7e8137f41bd0b5e91ba4be86', name: "label" }, this.label), this.required && index.h("span", { key: '1f61ca50a28561365e8491e108268680b0e1ccf1', class: "label__required", "aria-hidden": "true" }, "*"))), (this.description || this.host.querySelector('[slot="description"]')) && (index.h("span", { key: '41e461a959513a8dafe4a8fd6d7c7c0597dd11be', class: "description", part: "description" }, index.h("slot", { key: '33f083c62405b70fd4df87ccd5770946778a168c', name: "description" }, this.description))), index.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" }, index.h("span", { key: 'c397c30576a9396ca26a150d4b31686b34324c50', class: `trigger__value${!displayLabel ? ' trigger__placeholder' : ''}`, part: "value" }, displayLabel !== null && displayLabel !== void 0 ? displayLabel : (this.label || 'Select an option')), index.h("span", { key: '3c4c6ba3dfc5e53102754e8c8f99b01041cb034c', class: "trigger__chevron", "aria-hidden": "true", part: "chevron" }, index.h("svg", { key: '9d7a5b129826e3d448c3cebb41cd1c6cba9af980', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("polyline", { key: '6c4b2336e5e0968cb79034a17c12ef7f1475d1d4', points: "6 9 12 15 18 9" })))), index.h("div", { key: '9a004e9726798f987e73de928cff74aae2192eba', class: this.dropdownClass, role: "listbox", id: listboxId, "aria-multiselectable": "false", "aria-labelledby": this.label ? labelId : undefined, part: "dropdown" }, index.h("div", { key: 'be02228e7c2763174b84c98665e43c1b41be96c4', class: "filter", part: "filter" }, index.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" })), index.h("div", { key: 'f1b7dff287feb28cacea9353263a3efb530d77f2', class: "options", part: "options" }, !this.hasFilterResults && (index.h("div", { key: '11c5108f2e3e2e1ae36e2f4f15f5da49b5e4f645', class: "no-results", "aria-live": "polite" }, "No options found")), index.h("slot", { key: 'f220f388ef3964448427dd45943193bce7419f88' }))), hasMessage && (index.h("span", { key: '8ceca0f175af448577d629581d39a44dfd39f63f', class: "message", id: hintId, role: "status", part: "message" }, index.h("slot", { key: '91c7a0c99fa7a642ba0987cbab196d61e61cea9e', name: "message" }, this.message)))));
+        return (index.h(index.Host, { key: '3ddf86c6e8e2cf807768ca8b209aad8a5c8da5fc', "data-theme": this.theme }, index.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"]')) && (index.h("span", { key: '8ba197493fd4514a3f53b7e8d7f64da5adc4ef39', class: "label", id: labelId, part: "label" }, index.h("slot", { key: '994d35d52e2dbb6c402a0a0bea42032367aa31b9', name: "label" }, this.label), this.required && index.h("span", { key: '5c5c38c33bd4452270378f556204dece249b48eb', class: "label__required", "aria-hidden": "true" }, "*"))), (this.description || this.host.querySelector('[slot="description"]')) && (index.h("span", { key: 'addd8e741c169b88210f9b7ac93acd4450a02279', class: "description", part: "description" }, index.h("slot", { key: 'a36853c06f747e2d1e67b633ffc749881261f697', name: "description" }, this.description))), index.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" }, index.h("span", { key: 'fbf9388b481d492ae2c1a9dceca6e0144d99f7a7', class: `trigger__value${!displayLabel ? ' trigger__placeholder' : ''}`, part: "value" }, displayLabel !== null && displayLabel !== void 0 ? displayLabel : (this.label || 'Select an option')), index.h("span", { key: 'df535dcb6ad2ab76f910fd5c04ac6138e7f3759d', class: "trigger__chevron", "aria-hidden": "true", part: "chevron" }, index.h("svg", { key: 'd21f5ea814c41c59ab2b3d2abc1c14f839619f4e', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("polyline", { key: '08b69903e085e0ec9379bfb552dd058b293924f1', points: "6 9 12 15 18 9" })))), index.h("div", { key: '89f3400afb3e4ab984e42f413b0f34434155b0ff', class: this.dropdownClass, role: "listbox", id: listboxId, "aria-multiselectable": "false", "aria-labelledby": this.label ? labelId : undefined, part: "dropdown" }, index.h("div", { key: 'a4242becefb0417a2c70c39bcd7cd4c523961046', class: "filter", part: "filter" }, index.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" })), index.h("div", { key: '06e022229e36d9214590809c201b2665e9a36152', class: "options", part: "options" }, !this.hasFilterResults && (index.h("div", { key: '67b8e26c137b2abbe03dde407d784e6caa915245', class: "no-results", "aria-live": "polite" }, "No options found")), index.h("slot", { key: 'a6cfe5c0249767c1b3537d4413760a2d66b63e5f' }))), hasMessage && (index.h("span", { key: 'e3093360156dab2d6f9a04cb9209d969f43dacd0', class: "message", id: hintId, role: "status", part: "message" }, index.h("slot", { key: 'dd9b2b269840618318506de2e6b85496faa167a3', name: "message" }, this.message)))));
     }
     static get delegatesFocus() { return true; }
     get host() { return index.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
+            }]
     }; }
 };
 
 exports.diwa_select = DiwaSelect;
-
-//# sourceMappingURL=diwa-select.cjs.entry.js.map

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

@@ -1,10 +1,8 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-d665fd57.js');
-const styles = require('./styles-6342300d.js');
-const loaderCircle = require('./loader-circle-938f782b.js');
+var index = require('./index-Bq2UsXlc.js');
+var styles = require('./styles-5PsdHYbv.js');
+var loaderCircle = require('./loader-circle-ffvGKJXL.js');
 
 const getComponentCss = () => `
   :host {
@@ -92,10 +90,8 @@ const DiwaSpinner = class {
          * when the spinner appears without stealing focus (live region,
          * polite by default). aria-label provides the announcement text.
          */
-        index.h(index.Host, { key: 'a706f0d4b8ca5581f7375e4f0d36f46166974fbe', role: "status", "aria-label": this.label, "data-theme": this.theme }, index.h("style", { key: 'b01e2dc30f9b3c4c5422fc9f58055b4e29e660c0', innerHTML: getComponentCss() }), index.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" })));
+        index.h(index.Host, { key: '5a130b11797c45cf6c3e9d1e1493f35cbef40ed6', role: "status", "aria-label": this.label, "data-theme": this.theme }, index.h("style", { key: 'b1f1c14a660db1ec56afbf814c6bfc5b21e4cf24', innerHTML: getComponentCss() }), index.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" })));
     }
 };
 
 exports.diwa_spinner = DiwaSpinner;
-
-//# sourceMappingURL=diwa-spinner.cjs.entry.js.map

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

@@ -1,8 +1,6 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-d665fd57.js');
+var index = require('./index-Bq2UsXlc.js');
 
 const getComponentCss = (state, isLast) => {
     const circleColor = state === 'complete'
@@ -108,11 +106,9 @@ const DiwaStepperHorizontalItem = class {
         return index.h("span", { class: "circle-inner" }, this.stepNumber);
     }
     render() {
-        return (index.h(index.Host, { key: '1bd4bdda83dd199b36592765be08ae2e25707589', role: "listitem", "aria-current": this.state === 'current' ? 'step' : undefined }, index.h("style", { key: 'd40d2b5fe94ba5c056cab3d01b1c43d4c9a55c5e', innerHTML: getComponentCss(this.state, this.isLast) }), index.h("div", { key: 'b5fddb4aef4467af7a902bc4d41431f744b10dbc', class: "item" }, index.h("div", { key: '6382f98df1fb9eca76507b0741c39959ba8ea63c', class: "circle" }, this.renderIcon()), index.h("div", { key: 'f950e7b8b8463312c72ccee15394914b0d24dbf4', class: "connector", "aria-hidden": "true" }), this.label && index.h("span", { key: '9d38f213ba5cf9b4c390b674247ac42b5ebef455', class: "label" }, this.label), this.sublabel && index.h("span", { key: '14a4c997f533e697cc58ee8d9b1a997e306e9bec', class: "sublabel" }, this.sublabel))));
+        return (index.h(index.Host, { key: 'd11b7dd7e030ab412668905ce3a0dfb5f2025ad4', role: "listitem", "aria-current": this.state === 'current' ? 'step' : undefined }, index.h("style", { key: 'b98a5924354cfae2dace22dde1173eb638873693', innerHTML: getComponentCss(this.state, this.isLast) }), index.h("div", { key: 'bd51d2326d1981355da09a3bc2cc6a1e0fcf1821', class: "item" }, index.h("div", { key: '5743051e93e4a32992d55452dbaa7c2fae61b539', class: "circle" }, this.renderIcon()), index.h("div", { key: '1603b51edc94ab77d7f0dbea4f821e39661475ba', class: "connector", "aria-hidden": "true" }), this.label && index.h("span", { key: 'be03753d722f189919f0e2dd7fd3adebb6de2928', class: "label" }, this.label), this.sublabel && index.h("span", { key: '42e900cc2e384ac193497434ba9fe4e86bc90a74', class: "sublabel" }, this.sublabel))));
     }
     get host() { return index.getElement(this); }
 };
 
 exports.diwa_stepper_horizontal_item = DiwaStepperHorizontalItem;
-
-//# sourceMappingURL=diwa-stepper-horizontal-item.cjs.entry.js.map

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

@@ -1,8 +1,6 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-d665fd57.js');
+var index = require('./index-Bq2UsXlc.js');
 
 const getComponentCss = () => `
   :host {
@@ -65,14 +63,14 @@ const DiwaStepperHorizontal = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '52f3578b5ad1f46b649ff00de8fd081451c9df70', "data-theme": this.theme }, index.h("style", { key: '493175498aa8d24ba2744853e951a26569e3372f', innerHTML: getComponentCss() }), index.h("div", { key: 'f143d785d7934b688102764de95c4c5a77aa9a87', class: "stepper", role: "list", "aria-label": "Progress" }, index.h("slot", { key: 'ff914a761531cadf1f56cbdfde003e9a230ed4f7' }))));
+        return (index.h(index.Host, { key: '2f3e3ab9f5968923e59b4d11016a034a44936165', "data-theme": this.theme }, index.h("style", { key: 'ec8979d4bd2b04cd3b416fabf6f03d1f997842e9', innerHTML: getComponentCss() }), index.h("div", { key: '77a3700aeded2ff1b69d8dd94482e55aeb48531d', class: "stepper", role: "list", "aria-label": "Progress" }, index.h("slot", { key: '29b9e4804e4451b008f602cc205a1532b663b2f9' }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "activeStepIndex": ["handleIndexChange"]
+        "activeStepIndex": [{
+                "handleIndexChange": 0
+            }]
     }; }
 };
 
 exports.diwa_stepper_horizontal = DiwaStepperHorizontal;
-
-//# sourceMappingURL=diwa-stepper-horizontal.cjs.entry.js.map