@diwacopilot/components 1.1.0 → 1.2.0

package/dist/cjs/diwa-text-list.cjs.entry.js

@@ -40,7 +40,7 @@ const DiwaTextList = class {
     }
     render() {
         const Tag = this.type === 'ordered' ? 'ol' : 'ul';
-        return (index.h(index.Host, { key: '46a42d0fad4e36c43294095336094028eba05e28', "data-theme": this.theme }, index.h("style", { key: 'fac6f5dfc2f131e718e808465e7bac609cf46665', innerHTML: getComponentCss(this.type) }), index.h(Tag, { key: '40e9fc80b433d58834b3b1465a49c53ed968f171', class: "list" }, index.h("slot", { key: '25af80ba0ae2f8dc8ff98e5fc5321fa271b52ebb' }))));
+        return (index.h(index.Host, { key: 'c7fa29c59cb816732f14a435da9766dd6a888986', "data-theme": this.theme }, index.h("style", { key: '32358a312591f433febdc699b9400c897e57b48c', innerHTML: getComponentCss(this.type) }), index.h(Tag, { key: 'fbe6590f1088ebf717de49fb2c94a884eb7347c2', class: "list" }, index.h("slot", { key: '2e76f4e0b16e2a7361fe09f9b553554f22a4341f' }))));
     }
 };
 

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

@@ -78,7 +78,7 @@ const DiwaText = class {
     // ──────────────────────────────────────────────────────────────
     render() {
         const Tag = this.tag; // eslint-disable-line @typescript-eslint/no-explicit-any
-        return (index.h(index.Host, { key: '78b4446a7e87098e2b5c91eeafa452af9746b3f4', "data-theme": this.theme }, index.h("style", { key: '4d35e7cd05ba8b6169481a3e29562e606eb11504', innerHTML: getComponentCss(this.size, this.weight, this.align, this.color, this.ellipsis) }), index.h(Tag, { key: '0c9634ebb578a91e3abf14957ad588f3350070cf', class: "text" }, index.h("slot", { key: '1a173a8d617c7f903da682122dbd96767d3af2b3' }))));
+        return (index.h(index.Host, { key: '49d18cf4a1cde0bf2d76da600ae75986c5ee037c', "data-theme": this.theme }, index.h("style", { key: '731258511e5767af1d62598367bd10d46f09c6c6', innerHTML: getComponentCss(this.size, this.weight, this.align, this.color, this.ellipsis) }), index.h(Tag, { key: '87a7f719ba0298cd1c502c04ac98f7f15d428e8b', class: "text" }, index.h("slot", { key: '20d0fb364bfd92432ff603327ba3b1d057b6129d' }))));
     }
 };
 

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

@@ -148,7 +148,7 @@ const DiwaTextarea = class {
         const taId = 'textarea';
         const descId = 'desc';
         const msgId = 'msg';
-        return (index.h(index.Host, { key: 'bc8c28e4261d600dcd7279fbf83f3c69598bede9', "data-theme": this.theme }, index.h("style", { key: '6424b2957223222e398afbd46110e7da11e074d0', innerHTML: getComponentCss(this.state, this.disabled, this.readOnly, this.resize, this.compact) }), index.h("div", { key: 'f99c09858acafd13e43389f0fdeef23352016658', class: "root" }, !this.hideLabel && this.label && (index.h("div", { key: '19062e869778b9f486c110a8a501fbdd77c7a629', class: "label-row" }, index.h("label", { key: '6b7e15fd5794920731f84abb408f4c73c212a03a', class: "label", htmlFor: taId }, this.label, this.required && index.h("span", { key: '2fce6e00c084737d175057e6d0fe291962152f9f', class: "required", "aria-hidden": "true" }, " *")), index.h("slot", { key: '20de835c3283696e786370a8b9e667ad14811f65', name: "label-after" }))), index.h("div", { key: '5ce3c0798d9085266c19623aec5c84809e8abe2f', class: "textarea-wrapper" }, index.h("textarea", { key: '76b21ac80b5f7609692af0dd78badc4bbdc1c8c2', class: "ta", id: taId, name: this.name || undefined, value: this.value, placeholder: this.placeholder || undefined, disabled: this.disabled, required: this.required, readOnly: this.readOnly, rows: this.rows, maxLength: this.maxLength, minLength: this.minLength, "aria-label": this.hideLabel && this.label ? this.label : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-describedby": this.message ? msgId : this.description ? descId : undefined, onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur })), !this.message && this.description && (index.h("p", { key: '8b8914744e47cedda2ceeea9dc004cfb8712fa15', id: descId, class: "description" }, this.description)), this.message && (index.h("p", { key: 'f3678d9d8eeb81e12bd98aac8186df07c7b17369', id: msgId, class: "message" }, this.message)))));
+        return (index.h(index.Host, { key: 'e05a6d6fddcf9b67e3450bddd47a817ead8a819d', "data-theme": this.theme }, index.h("style", { key: '7b439749933a1e71fdc90dbde478c2a13438ab9e', innerHTML: getComponentCss(this.state, this.disabled, this.readOnly, this.resize, this.compact) }), index.h("div", { key: '797b3ab869e20dd4d1aaa9f819c3ec7db2e5141a', class: "root" }, !this.hideLabel && this.label && (index.h("div", { key: 'c4e9ae80e3c1109e79ace701fe3511a5c228970a', class: "label-row" }, index.h("label", { key: '16d522f2b8d16179aecef5f8a9b2eefca39927e0', class: "label", htmlFor: taId }, this.label, this.required && index.h("span", { key: '2590e00516606e193a90eb90bf1259f783314b23', class: "required", "aria-hidden": "true" }, " *")), index.h("slot", { key: 'fdc720df4600d86bc4e3c4a914bc1c2ced36b44b', name: "label-after" }))), index.h("div", { key: 'd7116130ea846260e94e9d6600bbe48aa774fed6', class: "textarea-wrapper" }, index.h("textarea", { key: '786904c37ae83072d0946cdc8cd9c82674fd16fb', class: "ta", id: taId, name: this.name || undefined, value: this.value, placeholder: this.placeholder || undefined, disabled: this.disabled, required: this.required, readOnly: this.readOnly, rows: this.rows, maxLength: this.maxLength, minLength: this.minLength, "aria-label": this.hideLabel && this.label ? this.label : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-describedby": this.message ? msgId : this.description ? descId : undefined, onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur })), !this.message && this.description && (index.h("p", { key: '784e0e6b81f8725f5b4b8c802e53483912538bb2', id: descId, class: "description" }, this.description)), this.message && (index.h("p", { key: '4e922e262bceabe0ad91ff13850ec96a8db2cf2f', id: msgId, class: "message" }, this.message)))));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/cjs/diwa-toast-item.cjs.entry.js

@@ -115,7 +115,7 @@ const DiwaToastItem = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '333dc3ff2ce58d508fb129b7d415c431ca1c7090', "data-theme": this.theme }, index.h("style", { key: '33587d5ee1d57a09e175b3c6563fe04d57986ec2', innerHTML: getComponentCss(this.state) }), index.h("div", { key: 'f613e6c5351afcf85eeee2423b9c67fb4691e543', class: "toast" }, index.h("span", { key: '6f2c5d046eef9c9c37ddb74e711e91a196fd89b6', class: "icon", "aria-hidden": "true", innerHTML: STATE_ICONS[this.state] }), index.h("span", { key: 'ed412934617f70359b612d6e220410be69f47575', class: "text" }, this.text), index.h("button", { key: 'a71b252002e9573792860b6b068ccbd71dfa210e', type: "button", class: "close", "aria-label": "Dismiss notification", onClick: this.handleClose, innerHTML: CLOSE_ICON }))));
+        return (index.h(index.Host, { key: 'ac3356dce41b1ac82ce382cde9124ca1cbd9c898', "data-theme": this.theme }, index.h("style", { key: '44040474045678ea79593ba6053397bd6b3630ae', innerHTML: getComponentCss(this.state) }), index.h("div", { key: '820679f0b38a44423bfda716b37713f0499a97c1', class: "toast" }, index.h("span", { key: 'b9a8da840cdd18267948cb651b1356ed822c36fd', class: "icon", "aria-hidden": "true", innerHTML: STATE_ICONS[this.state] }), index.h("span", { key: '628088dc4193bebb1f574eab30d9ea17f543f22e', class: "text" }, this.text), index.h("button", { key: '51bb1b6d997d2a1e990480ffbf34f0d1b1a0a278', type: "button", class: "close", "aria-label": "Dismiss notification", onClick: this.handleClose, innerHTML: CLOSE_ICON }))));
     }
     static get delegatesFocus() { return true; }
 };

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

@@ -156,7 +156,7 @@ const DiwaToast = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'b670220ae7a15fd466b439895fd36bb5e3107f38', role: "status", "aria-live": "polite", "aria-atomic": "false", "data-theme": this.theme }, index.h("style", { key: '621b6332123edfc2078ba87d184036746176aa93', innerHTML: getComponentCss() }), this.currentMsg && (index.h("diwa-toast-item", { key: this.currentMsg.id, text: this.currentMsg.text, state: (_a = this.currentMsg.state) !== null && _a !== void 0 ? _a : 'neutral', theme: this.theme, onDismiss: () => toastManager.dismiss() }))));
+        return (index.h(index.Host, { key: 'f082064e5989efc9f043e55ad71a56b80eb0d8e6', role: "status", "aria-live": "polite", "aria-atomic": "false", "data-theme": this.theme }, index.h("style", { key: '26ba9be7c067d1fb19a43a6081334c782809d91b', innerHTML: getComponentCss() }), this.currentMsg && (index.h("diwa-toast-item", { key: this.currentMsg.id, text: this.currentMsg.text, state: (_a = this.currentMsg.state) !== null && _a !== void 0 ? _a : 'neutral', theme: this.theme, onDismiss: () => toastManager.dismiss() }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"diwa-flyout.cjs\",[[1,\"diwa-flyout\",{\"theme\":[513],\"open\":[1540],\"position\":[513],\"backdrop\":[1],\"heading\":[1]},[[8,\"keydown\",\"onKeyDown\"]],{\"open\":[\"onOpenChange\"]}]]],[\"diwa-inline-notification.cjs\",[[1,\"diwa-inline-notification\",{\"theme\":[513],\"state\":[513],\"heading\":[1],\"description\":[1],\"dismissButton\":[4,\"dismiss-button\"],\"actionLabel\":[1,\"action-label\"],\"actionLoading\":[4,\"action-loading\"]}]]],[\"diwa-accordion.cjs\",[[17,\"diwa-accordion\",{\"theme\":[513],\"heading\":[1],\"headingTag\":[1,\"heading-tag\"],\"open\":[516],\"compact\":[516]}]]],[\"diwa-button.cjs\",[[17,\"diwa-button\",{\"theme\":[513],\"variant\":[513],\"size\":[513],\"type\":[1],\"disabled\":[516],\"loading\":[516],\"href\":[1],\"target\":[1],\"name\":[1],\"value\":[1],\"label\":[1],\"hideLabel\":[516,\"hide-label\"],\"icon\":[1]}]]],[\"diwa-input-password.cjs\",[[17,\"diwa-input-password\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"showToggle\":[4,\"show-toggle\"],\"_hasStart\":[32],\"_hasEnd\":[32],\"showPassword\":[32]}]]],[\"diwa-input-search.cjs\",[[17,\"diwa-input-search\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"showClearButton\":[4,\"show-clear-button\"],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-link.cjs\",[[17,\"diwa-link\",{\"theme\":[513],\"variant\":[513],\"href\":[1],\"target\":[1],\"download\":[1],\"rel\":[1],\"icon\":[1],\"hideLabel\":[516,\"hide-label\"],\"compact\":[516],\"label\":[1],\"disabled\":[516]}]]],[\"diwa-link-pure.cjs\",[[17,\"diwa-link-pure\",{\"theme\":[513],\"href\":[1],\"target\":[1],\"download\":[1],\"rel\":[1],\"icon\":[1],\"hideLabel\":[516,\"hide-label\"],\"active\":[516],\"underline\":[516],\"size\":[513],\"alignLabel\":[513,\"align-label\"],\"stretch\":[516],\"label\":[1]}]]],[\"diwa-switch.cjs\",[[17,\"diwa-switch\",{\"checked\":[516],\"disabled\":[516],\"loading\":[516],\"alignLabel\":[1,\"align-label\"],\"compact\":[516],\"theme\":[513]}]]],[\"diwa-tag.cjs\",[[1,\"diwa-tag\",{\"variant\":[513],\"compact\":[516],\"icon\":[1],\"theme\":[513]}]]],[\"diwa-toast.cjs\",[[1,\"diwa-toast\",{\"theme\":[513],\"currentMsg\":[32],\"addMessage\":[64]}]]],[\"diwa-badge.cjs\",[[1,\"diwa-badge\",{\"variant\":[513],\"size\":[513],\"label\":[1],\"theme\":[513]}]]],[\"diwa-checkbox.cjs\",[[17,\"diwa-checkbox\",{\"theme\":[513],\"label\":[1],\"name\":[1],\"value\":[1],\"checked\":[1540],\"indeterminate\":[516],\"disabled\":[516],\"required\":[4],\"state\":[513],\"message\":[1],\"compact\":[516],\"hideLabel\":[516,\"hide-label\"]},null,{\"indeterminate\":[\"watchIndeterminate\"]}]]],[\"diwa-divider.cjs\",[[1,\"diwa-divider\",{\"theme\":[513],\"orientation\":[513]}]]],[\"diwa-heading.cjs\",[[1,\"diwa-heading\",{\"theme\":[513],\"size\":[513],\"tag\":[513],\"weight\":[513],\"align\":[513],\"color\":[513],\"ellipsis\":[516]}]]],[\"diwa-input.cjs\",[[17,\"diwa-input\",{\"type\":[1],\"label\":[1],\"placeholder\":[1],\"value\":[1025],\"required\":[4],\"disabled\":[516],\"readonly\":[516],\"state\":[513],\"hint\":[1],\"autocomplete\":[1],\"name\":[1],\"inputId\":[1,\"input-id\"],\"theme\":[513]}]]],[\"diwa-input-date.cjs\",[[17,\"diwa-input-date\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"min\":[1],\"max\":[1],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-email.cjs\",[[17,\"diwa-input-email\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-month.cjs\",[[17,\"diwa-input-month\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"min\":[1],\"max\":[1],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-number.cjs\",[[17,\"diwa-input-number\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-tel.cjs\",[[17,\"diwa-input-tel\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-text.cjs\",[[17,\"diwa-input-text\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"spellCheck\":[4,\"spell-check\"],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-time.cjs\",[[17,\"diwa-input-time\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"min\":[1],\"max\":[1],\"step\":[2],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-url.cjs\",[[17,\"diwa-input-url\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-week.cjs\",[[17,\"diwa-input-week\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"min\":[1],\"max\":[1],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-modal.cjs\",[[17,\"diwa-modal\",{\"theme\":[513],\"open\":[516],\"heading\":[1],\"dismissButton\":[4,\"dismiss-button\"],\"disableBackdropClick\":[4,\"disable-backdrop-click\"],\"backdrop\":[1],\"_hasFooter\":[32],\"_hasHeader\":[32]},[[8,\"keydown\",\"onKeyDown\"]],{\"open\":[\"onOpenChange\"]}]]],[\"diwa-multi-select.cjs\",[[17,\"diwa-multi-select\",{\"theme\":[513],\"label\":[1],\"description\":[1],\"name\":[1],\"value\":[1040],\"state\":[513],\"message\":[1],\"hideLabel\":[516,\"hide-label\"],\"disabled\":[516],\"required\":[4],\"compact\":[516],\"dropdownDirection\":[1,\"dropdown-direction\"],\"isOpen\":[32],\"filterText\":[32],\"hasFilterResults\":[32],\"dropdownClass\":[32],\"open\":[64],\"close\":[64]},[[0,\"diwaMultiSelectOptionUpdate\",\"onOptionUpdate\"],[0,\"slotchange\",\"onSlotChange\"]],{\"theme\":[\"onThemeChange\"],\"compact\":[\"onCompactChange\"],\"value\":[\"onValueChange\"],\"isOpen\":[\"onIsOpenChange\"]}]]],[\"diwa-multi-select-option.cjs\",[[17,\"diwa-multi-select-option\",{\"value\":[513],\"disabled\":[516],\"selected\":[1540],\"highlighted\":[1540],\"compact\":[1540],\"theme\":[1025],\"setFocus\":[64]},null,{\"selected\":[\"handlePropChange\"],\"highlighted\":[\"handlePropChange\"],\"disabled\":[\"handlePropChange\"]}]]],[\"diwa-pagination.cjs\",[[17,\"diwa-pagination\",{\"theme\":[513],\"totalItemsCount\":[2,\"total-items-count\"],\"itemsPerPage\":[2,\"items-per-page\"],\"activePage\":[1026,\"active-page\"],\"showLastPage\":[4,\"show-last-page\"],\"intl\":[16]}]]],[\"diwa-pin-code.cjs\",[[17,\"diwa-pin-code\",{\"label\":[1],\"description\":[1],\"state\":[1],\"message\":[1],\"length\":[2],\"value\":[1],\"type\":[1],\"required\":[516],\"disabled\":[516],\"compact\":[4],\"hideLabel\":[4,\"hide-label\"],\"theme\":[513]}]]],[\"diwa-popover.cjs\",[[17,\"diwa-popover\",{\"direction\":[1],\"description\":[1],\"theme\":[513],\"isOpen\":[32]},[[8,\"keydown\",\"handleGlobalKeydown\"],[9,\"pointerdown\",\"handleGlobalPointerDown\"]]]]],[\"diwa-radio-group.cjs\",[[1,\"diwa-radio-group\",{\"theme\":[513],\"label\":[1],\"description\":[1],\"value\":[1537],\"direction\":[513],\"required\":[4],\"disabled\":[516],\"state\":[513],\"message\":[1],\"compact\":[516],\"hideLabel\":[516,\"hide-label\"],\"name\":[1]},[[0,\"diwa-radio-select\",\"handleItemSelect\"]]]]],[\"diwa-radio-group-item.cjs\",[[17,\"diwa-radio-group-item\",{\"theme\":[513],\"value\":[513],\"checked\":[1540],\"name\":[1537],\"disabled\":[516],\"compact\":[516]},null,{\"checked\":[\"handleCheckedChange\"]}]]],[\"diwa-scroller.cjs\",[[1,\"diwa-scroller\",{\"alignScrollIndicator\":[1,\"align-scroll-indicator\"],\"scrollbar\":[4],\"theme\":[513],\"hasOverflow\":[32],\"canScrollLeft\":[32],\"canScrollRight\":[32]}]]],[\"diwa-segmented-control.cjs\",[[1,\"diwa-segmented-control\",{\"theme\":[513],\"value\":[1537],\"disabled\":[516],\"compact\":[516]},[[0,\"diwa-segment-select\",\"handleItemSelect\"]]]]],[\"diwa-segmented-control-item.cjs\",[[17,\"diwa-segmented-control-item\",{\"theme\":[513],\"value\":[513],\"selected\":[1540],\"disabled\":[516],\"compact\":[516]}]]],[\"diwa-select.cjs\",[[17,\"diwa-select\",{\"theme\":[513],\"label\":[1],\"description\":[1],\"name\":[1],\"value\":[1025],\"state\":[513],\"message\":[1],\"hideLabel\":[516,\"hide-label\"],\"disabled\":[516],\"required\":[4],\"compact\":[516],\"dropdownDirection\":[1,\"dropdown-direction\"],\"isOpen\":[32],\"hasFilterResults\":[32],\"dropdownClass\":[32],\"open\":[64],\"close\":[64]},[[0,\"diwaSelectOptionUpdate\",\"onOptionUpdate\"],[0,\"slotchange\",\"onSlotChange\"]],{\"theme\":[\"onThemeChange\"],\"compact\":[\"onCompactChange\"],\"value\":[\"onValueChange\"],\"isOpen\":[\"onIsOpenChange\"]}]]],[\"diwa-select-option.cjs\",[[17,\"diwa-select-option\",{\"value\":[513],\"disabled\":[516],\"selected\":[1540],\"highlighted\":[1540],\"theme\":[1025],\"compact\":[1540],\"setFocus\":[64]}]]],[\"diwa-stepper-horizontal.cjs\",[[1,\"diwa-stepper-horizontal\",{\"theme\":[513],\"activeStepIndex\":[1026,\"active-step-index\"]},null,{\"activeStepIndex\":[\"handleIndexChange\"]}]]],[\"diwa-stepper-horizontal-item.cjs\",[[1,\"diwa-stepper-horizontal-item\",{\"theme\":[513],\"label\":[1],\"sublabel\":[1],\"state\":[1537],\"stepNumber\":[1026,\"step-number\"],\"isLast\":[1028,\"is-last\"]}]]],[\"diwa-table.cjs\",[[1,\"diwa-table\",{\"theme\":[513],\"caption\":[1],\"compact\":[4],\"layout\":[1],\"bordered\":[4],\"striped\":[4]},[[0,\"diwaTableUpdate\",\"handleTableUpdate\"]]]]],[\"diwa-table-body.cjs\",[[1,\"diwa-table-body\",{\"theme\":[513]}]]],[\"diwa-table-cell.cjs\",[[1,\"diwa-table-cell\",{\"theme\":[513],\"multiline\":[4]}]]],[\"diwa-table-head.cjs\",[[1,\"diwa-table-head\",{\"theme\":[513]}]]],[\"diwa-table-head-cell.cjs\",[[1,\"diwa-table-head-cell\",{\"theme\":[513],\"sort\":[16],\"hideLabel\":[4,\"hide-label\"],\"multiline\":[4]}]]],[\"diwa-table-row.cjs\",[[1,\"diwa-table-row\",{\"theme\":[513]}]]],[\"diwa-tabs.cjs\",[[1,\"diwa-tabs\",{\"theme\":[513],\"activeTabIndex\":[1026,\"active-tab-index\"]},null,{\"activeTabIndex\":[\"handleIndexChange\"]}]]],[\"diwa-tabs-bar.cjs\",[[1,\"diwa-tabs-bar\",{\"theme\":[513],\"activeTabIndex\":[1026,\"active-tab-index\"]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeydown\"]],{\"activeTabIndex\":[\"handleIndexChange\"]}]]],[\"diwa-tabs-item.cjs\",[[1,\"diwa-tabs-item\",{\"theme\":[513],\"label\":[1],\"active\":[1540]}]]],[\"diwa-tag-dismissible.cjs\",[[17,\"diwa-tag-dismissible\",{\"variant\":[513],\"compact\":[516],\"label\":[1],\"theme\":[513]}]]],[\"diwa-text.cjs\",[[1,\"diwa-text\",{\"theme\":[513],\"tag\":[513],\"size\":[513],\"weight\":[513],\"align\":[513],\"color\":[513],\"ellipsis\":[516]}]]],[\"diwa-text-list.cjs\",[[1,\"diwa-text-list\",{\"theme\":[513],\"type\":[513]}]]],[\"diwa-text-list-item.cjs\",[[1,\"diwa-text-list-item\",{\"theme\":[513]}]]],[\"diwa-textarea.cjs\",[[17,\"diwa-textarea\",{\"label\":[1],\"description\":[1],\"state\":[1],\"message\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"required\":[4],\"disabled\":[516],\"readOnly\":[516,\"read-only\"],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"rows\":[2],\"resize\":[1],\"compact\":[4],\"hideLabel\":[4,\"hide-label\"],\"theme\":[513]}]]],[\"diwa-spinner.cjs\",[[1,\"diwa-spinner\",{\"size\":[513],\"theme\":[513],\"label\":[1]}]]],[\"diwa-toast-item.cjs\",[[17,\"diwa-toast-item\",{\"theme\":[513],\"text\":[1],\"state\":[513]}]]],[\"diwa-icon.cjs\",[[1,\"diwa-icon\",{\"name\":[1],\"size\":[2],\"color\":[1],\"label\":[1],\"theme\":[513]}]]],[\"diwa-button-pure.cjs\",[[17,\"diwa-button-pure\",{\"theme\":[513],\"size\":[513],\"icon\":[1],\"disabled\":[516],\"loading\":[516],\"hideLabel\":[516,\"hide-label\"],\"active\":[516],\"underline\":[516],\"alignLabel\":[513,\"align-label\"],\"stretch\":[516],\"type\":[1],\"name\":[1],\"value\":[1],\"href\":[1],\"target\":[1],\"label\":[1]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"diwa-flyout.cjs\",[[1,\"diwa-flyout\",{\"theme\":[513],\"open\":[1540],\"position\":[513],\"backdrop\":[1],\"heading\":[1]},[[8,\"keydown\",\"onKeyDown\"]],{\"open\":[\"onOpenChange\"]}]]],[\"diwa-inline-notification.cjs\",[[1,\"diwa-inline-notification\",{\"theme\":[513],\"state\":[513],\"heading\":[1],\"description\":[1],\"dismissButton\":[4,\"dismiss-button\"],\"actionLabel\":[1,\"action-label\"],\"actionLoading\":[4,\"action-loading\"]}]]],[\"diwa-accordion.cjs\",[[17,\"diwa-accordion\",{\"theme\":[513],\"heading\":[1],\"headingTag\":[1,\"heading-tag\"],\"open\":[516],\"compact\":[516]}]]],[\"diwa-button.cjs\",[[17,\"diwa-button\",{\"theme\":[513],\"variant\":[513],\"size\":[513],\"type\":[1],\"disabled\":[516],\"loading\":[516],\"href\":[1],\"target\":[1],\"name\":[1],\"value\":[1],\"label\":[1],\"hideLabel\":[516,\"hide-label\"],\"icon\":[1]}]]],[\"diwa-input-password.cjs\",[[17,\"diwa-input-password\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"showToggle\":[4,\"show-toggle\"],\"_hasStart\":[32],\"_hasEnd\":[32],\"showPassword\":[32]}]]],[\"diwa-input-search.cjs\",[[17,\"diwa-input-search\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"showClearButton\":[4,\"show-clear-button\"],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-link.cjs\",[[17,\"diwa-link\",{\"theme\":[513],\"variant\":[513],\"href\":[1],\"target\":[1],\"download\":[1],\"rel\":[1],\"icon\":[1],\"hideLabel\":[516,\"hide-label\"],\"compact\":[516],\"label\":[1],\"disabled\":[516]}]]],[\"diwa-link-pure.cjs\",[[17,\"diwa-link-pure\",{\"theme\":[513],\"href\":[1],\"target\":[1],\"download\":[1],\"rel\":[1],\"icon\":[1],\"hideLabel\":[516,\"hide-label\"],\"active\":[516],\"underline\":[516],\"size\":[513],\"alignLabel\":[513,\"align-label\"],\"stretch\":[516],\"label\":[1]}]]],[\"diwa-switch.cjs\",[[17,\"diwa-switch\",{\"checked\":[516],\"disabled\":[516],\"loading\":[516],\"alignLabel\":[1,\"align-label\"],\"compact\":[516],\"theme\":[513]}]]],[\"diwa-tag.cjs\",[[1,\"diwa-tag\",{\"variant\":[513],\"compact\":[516],\"icon\":[1],\"theme\":[513]}]]],[\"diwa-toast.cjs\",[[1,\"diwa-toast\",{\"theme\":[513],\"currentMsg\":[32],\"addMessage\":[64]}]]],[\"diwa-badge.cjs\",[[1,\"diwa-badge\",{\"variant\":[513],\"size\":[513],\"label\":[1],\"dot\":[516],\"theme\":[513]}]]],[\"diwa-checkbox.cjs\",[[17,\"diwa-checkbox\",{\"theme\":[513],\"label\":[1],\"name\":[1],\"value\":[1],\"checked\":[1540],\"indeterminate\":[516],\"disabled\":[516],\"required\":[4],\"state\":[513],\"message\":[1],\"compact\":[516],\"hideLabel\":[516,\"hide-label\"]},null,{\"indeterminate\":[\"watchIndeterminate\"]}]]],[\"diwa-divider.cjs\",[[1,\"diwa-divider\",{\"theme\":[513],\"orientation\":[513]}]]],[\"diwa-heading.cjs\",[[1,\"diwa-heading\",{\"theme\":[513],\"size\":[513],\"tag\":[513],\"weight\":[513],\"align\":[513],\"color\":[513],\"ellipsis\":[516]}]]],[\"diwa-input.cjs\",[[17,\"diwa-input\",{\"type\":[1],\"label\":[1],\"placeholder\":[1],\"value\":[1025],\"required\":[4],\"disabled\":[516],\"readonly\":[516],\"state\":[513],\"hint\":[1],\"autocomplete\":[1],\"name\":[1],\"inputId\":[1,\"input-id\"],\"theme\":[513]}]]],[\"diwa-input-date.cjs\",[[17,\"diwa-input-date\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"min\":[1],\"max\":[1],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-email.cjs\",[[17,\"diwa-input-email\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-month.cjs\",[[17,\"diwa-input-month\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"min\":[1],\"max\":[1],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-number.cjs\",[[17,\"diwa-input-number\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-tel.cjs\",[[17,\"diwa-input-tel\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-text.cjs\",[[17,\"diwa-input-text\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"spellCheck\":[4,\"spell-check\"],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-time.cjs\",[[17,\"diwa-input-time\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"min\":[1],\"max\":[1],\"step\":[2],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-url.cjs\",[[17,\"diwa-input-url\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-week.cjs\",[[17,\"diwa-input-week\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"min\":[1],\"max\":[1],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-modal.cjs\",[[17,\"diwa-modal\",{\"theme\":[513],\"open\":[516],\"heading\":[1],\"dismissButton\":[4,\"dismiss-button\"],\"disableBackdropClick\":[4,\"disable-backdrop-click\"],\"backdrop\":[1],\"_hasFooter\":[32],\"_hasHeader\":[32]},[[8,\"keydown\",\"onKeyDown\"]],{\"open\":[\"onOpenChange\"]}]]],[\"diwa-multi-select.cjs\",[[17,\"diwa-multi-select\",{\"theme\":[513],\"label\":[1],\"description\":[1],\"name\":[1],\"value\":[1040],\"state\":[513],\"message\":[1],\"hideLabel\":[516,\"hide-label\"],\"disabled\":[516],\"required\":[4],\"compact\":[516],\"dropdownDirection\":[1,\"dropdown-direction\"],\"isOpen\":[32],\"filterText\":[32],\"hasFilterResults\":[32],\"dropdownClass\":[32],\"open\":[64],\"close\":[64]},[[0,\"diwaMultiSelectOptionUpdate\",\"onOptionUpdate\"],[0,\"slotchange\",\"onSlotChange\"]],{\"theme\":[\"onThemeChange\"],\"compact\":[\"onCompactChange\"],\"value\":[\"onValueChange\"],\"isOpen\":[\"onIsOpenChange\"]}]]],[\"diwa-multi-select-option.cjs\",[[17,\"diwa-multi-select-option\",{\"value\":[513],\"disabled\":[516],\"selected\":[1540],\"highlighted\":[1540],\"compact\":[1540],\"theme\":[1025],\"setFocus\":[64]},null,{\"selected\":[\"handlePropChange\"],\"highlighted\":[\"handlePropChange\"],\"disabled\":[\"handlePropChange\"]}]]],[\"diwa-pagination.cjs\",[[17,\"diwa-pagination\",{\"theme\":[513],\"totalItemsCount\":[2,\"total-items-count\"],\"itemsPerPage\":[2,\"items-per-page\"],\"activePage\":[1026,\"active-page\"],\"showLastPage\":[4,\"show-last-page\"],\"intl\":[16]}]]],[\"diwa-pin-code.cjs\",[[17,\"diwa-pin-code\",{\"label\":[1],\"description\":[1],\"state\":[1],\"message\":[1],\"length\":[2],\"value\":[1],\"type\":[1],\"required\":[516],\"disabled\":[516],\"compact\":[4],\"hideLabel\":[4,\"hide-label\"],\"theme\":[513]}]]],[\"diwa-popover.cjs\",[[17,\"diwa-popover\",{\"direction\":[1],\"description\":[1],\"theme\":[513],\"isOpen\":[32]},[[8,\"keydown\",\"handleGlobalKeydown\"],[9,\"pointerdown\",\"handleGlobalPointerDown\"]]]]],[\"diwa-radio-group.cjs\",[[1,\"diwa-radio-group\",{\"theme\":[513],\"label\":[1],\"description\":[1],\"value\":[1537],\"direction\":[513],\"required\":[4],\"disabled\":[516],\"state\":[513],\"message\":[1],\"compact\":[516],\"hideLabel\":[516,\"hide-label\"],\"name\":[1]},[[0,\"diwa-radio-select\",\"handleItemSelect\"]]]]],[\"diwa-radio-group-item.cjs\",[[17,\"diwa-radio-group-item\",{\"theme\":[513],\"value\":[513],\"checked\":[1540],\"name\":[1537],\"disabled\":[516],\"compact\":[516]},null,{\"checked\":[\"handleCheckedChange\"]}]]],[\"diwa-scroller.cjs\",[[1,\"diwa-scroller\",{\"alignScrollIndicator\":[1,\"align-scroll-indicator\"],\"scrollbar\":[4],\"theme\":[513],\"hasOverflow\":[32],\"canScrollLeft\":[32],\"canScrollRight\":[32]}]]],[\"diwa-segmented-control.cjs\",[[1,\"diwa-segmented-control\",{\"theme\":[513],\"value\":[1537],\"disabled\":[516],\"compact\":[516]},[[0,\"diwa-segment-select\",\"handleItemSelect\"]]]]],[\"diwa-segmented-control-item.cjs\",[[17,\"diwa-segmented-control-item\",{\"theme\":[513],\"value\":[513],\"selected\":[1540],\"disabled\":[516],\"compact\":[516]}]]],[\"diwa-select.cjs\",[[17,\"diwa-select\",{\"theme\":[513],\"label\":[1],\"description\":[1],\"name\":[1],\"value\":[1025],\"state\":[513],\"message\":[1],\"hideLabel\":[516,\"hide-label\"],\"disabled\":[516],\"required\":[4],\"compact\":[516],\"dropdownDirection\":[1,\"dropdown-direction\"],\"isOpen\":[32],\"hasFilterResults\":[32],\"dropdownClass\":[32],\"open\":[64],\"close\":[64]},[[0,\"diwaSelectOptionUpdate\",\"onOptionUpdate\"],[0,\"slotchange\",\"onSlotChange\"]],{\"theme\":[\"onThemeChange\"],\"compact\":[\"onCompactChange\"],\"value\":[\"onValueChange\"],\"isOpen\":[\"onIsOpenChange\"]}]]],[\"diwa-select-option.cjs\",[[17,\"diwa-select-option\",{\"value\":[513],\"disabled\":[516],\"selected\":[1540],\"highlighted\":[1540],\"theme\":[1025],\"compact\":[1540],\"setFocus\":[64]}]]],[\"diwa-stepper-horizontal.cjs\",[[1,\"diwa-stepper-horizontal\",{\"theme\":[513],\"activeStepIndex\":[1026,\"active-step-index\"]},null,{\"activeStepIndex\":[\"handleIndexChange\"]}]]],[\"diwa-stepper-horizontal-item.cjs\",[[1,\"diwa-stepper-horizontal-item\",{\"theme\":[513],\"label\":[1],\"sublabel\":[1],\"state\":[1537],\"stepNumber\":[1026,\"step-number\"],\"isLast\":[1028,\"is-last\"]}]]],[\"diwa-table.cjs\",[[1,\"diwa-table\",{\"theme\":[513],\"caption\":[1],\"compact\":[4],\"layout\":[1],\"bordered\":[4],\"striped\":[4]},[[0,\"diwaTableUpdate\",\"handleTableUpdate\"]]]]],[\"diwa-table-body.cjs\",[[1,\"diwa-table-body\",{\"theme\":[513]}]]],[\"diwa-table-cell.cjs\",[[1,\"diwa-table-cell\",{\"theme\":[513],\"multiline\":[4]}]]],[\"diwa-table-head.cjs\",[[1,\"diwa-table-head\",{\"theme\":[513]}]]],[\"diwa-table-head-cell.cjs\",[[1,\"diwa-table-head-cell\",{\"theme\":[513],\"sort\":[16],\"hideLabel\":[4,\"hide-label\"],\"multiline\":[4]}]]],[\"diwa-table-row.cjs\",[[1,\"diwa-table-row\",{\"theme\":[513]}]]],[\"diwa-tabs.cjs\",[[1,\"diwa-tabs\",{\"theme\":[513],\"activeTabIndex\":[1026,\"active-tab-index\"]},null,{\"activeTabIndex\":[\"handleIndexChange\"]}]]],[\"diwa-tabs-bar.cjs\",[[1,\"diwa-tabs-bar\",{\"theme\":[513],\"activeTabIndex\":[1026,\"active-tab-index\"]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeydown\"]],{\"activeTabIndex\":[\"handleIndexChange\"]}]]],[\"diwa-tabs-item.cjs\",[[1,\"diwa-tabs-item\",{\"theme\":[513],\"label\":[1],\"active\":[1540]}]]],[\"diwa-tag-dismissible.cjs\",[[17,\"diwa-tag-dismissible\",{\"variant\":[513],\"compact\":[516],\"label\":[1],\"theme\":[513]}]]],[\"diwa-text.cjs\",[[1,\"diwa-text\",{\"theme\":[513],\"tag\":[513],\"size\":[513],\"weight\":[513],\"align\":[513],\"color\":[513],\"ellipsis\":[516]}]]],[\"diwa-text-list.cjs\",[[1,\"diwa-text-list\",{\"theme\":[513],\"type\":[513]}]]],[\"diwa-text-list-item.cjs\",[[1,\"diwa-text-list-item\",{\"theme\":[513]}]]],[\"diwa-textarea.cjs\",[[17,\"diwa-textarea\",{\"label\":[1],\"description\":[1],\"state\":[1],\"message\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"required\":[4],\"disabled\":[516],\"readOnly\":[516,\"read-only\"],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"rows\":[2],\"resize\":[1],\"compact\":[4],\"hideLabel\":[4,\"hide-label\"],\"theme\":[513]}]]],[\"diwa-spinner.cjs\",[[1,\"diwa-spinner\",{\"size\":[513],\"theme\":[513],\"label\":[1]}]]],[\"diwa-toast-item.cjs\",[[17,\"diwa-toast-item\",{\"theme\":[513],\"text\":[1],\"state\":[513]}]]],[\"diwa-icon.cjs\",[[1,\"diwa-icon\",{\"name\":[1],\"size\":[2],\"color\":[1],\"label\":[1],\"theme\":[513]}]]],[\"diwa-button-pure.cjs\",[[17,\"diwa-button-pure\",{\"theme\":[513],\"size\":[513],\"icon\":[1],\"disabled\":[516],\"loading\":[516],\"hideLabel\":[516,\"hide-label\"],\"active\":[516],\"underline\":[516],\"alignLabel\":[513,\"align-label\"],\"stretch\":[516],\"type\":[1],\"name\":[1],\"value\":[1],\"href\":[1],\"target\":[1],\"label\":[1]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/diwa-badge/diwa-badge-styles.js

@@ -1,5 +1,10 @@
 import { getReducedMotionStyle } from "../../utils/styles";
 export const getComponentCss = () => `
+  @keyframes diwa-badge-pulse {
+    0%, 100% { opacity: 1; }
+    50%       { opacity: 0.3; }
+  }
+
   :host {
     display: inline-flex;
     align-items: center;
@@ -13,9 +18,10 @@ export const getComponentCss = () => `
   .badge {
     display: inline-flex;
     align-items: center;
-    justify-content: center;
+    gap: var(--diwa-space-1-5, 6px);
     padding: var(--diwa-badge-padding-y, var(--diwa-space-0-5)) var(--diwa-badge-padding-x, var(--diwa-space-2));
     border-radius: var(--diwa-badge-radius, var(--diwa-radius-full));
+    border: var(--diwa-border-width-thin, 1px) solid var(--diwa-badge-border-color, var(--diwa-border));
     font-size: var(--diwa-badge-font-size, var(--diwa-font-size-md));
     font-weight: var(--diwa-badge-font-weight, var(--diwa-font-weight-medium));
     line-height: var(--diwa-line-height-tight);
@@ -25,7 +31,23 @@ export const getComponentCss = () => `
     transition: var(--diwa-transition-colors);
   }
 
-  ${getReducedMotionStyle('.badge')}
+  /* ── Pulsing dot indicator ──────────────────────────────────────────── */
+
+  .dot {
+    display: none;
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background-color: var(--_badge-dot-color, currentColor);
+    flex-shrink: 0;
+    animation: diwa-badge-pulse 2s ease-in-out infinite;
+  }
+
+  :host([dot]) .dot {
+    display: block;
+  }
+
+  ${getReducedMotionStyle('.badge', '.dot')}
 
   /* ── Size: sm ──────────────────────────────────────────────────────── */
 
@@ -34,9 +56,16 @@ export const getComponentCss = () => `
     font-size: var(--diwa-badge-font-size-sm, var(--diwa-font-size-xs));
   }
 
+  :host([size="sm"]) .dot {
+    width: 5px;
+    height: 5px;
+  }
+
   /* ── Variant: neutral (default) ────────────────────────────────────── */
 
   :host([variant="neutral"]) .badge {
+    --diwa-badge-border-color: var(--diwa-border);
+    --_badge-dot-color: var(--diwa-text-muted);
     background-color: var(--diwa-bg-hover);
     color: var(--diwa-text-secondary);
   }
@@ -44,6 +73,8 @@ export const getComponentCss = () => `
   /* ── Variant: accent ───────────────────────────────────────────────── */
 
   :host([variant="accent"]) .badge {
+    --diwa-badge-border-color: color-mix(in srgb, var(--diwa-accent) 25%, transparent);
+    --_badge-dot-color: var(--diwa-accent);
     background-color: var(--diwa-accent-bg);
     color: var(--diwa-accent);
   }
@@ -51,6 +82,8 @@ export const getComponentCss = () => `
   /* ── Variant: success ──────────────────────────────────────────────── */
 
   :host([variant="success"]) .badge {
+    --diwa-badge-border-color: color-mix(in srgb, var(--diwa-success-text) 25%, transparent);
+    --_badge-dot-color: var(--diwa-success-text);
     background-color: var(--diwa-success-bg);
     color: var(--diwa-success-text);
   }
@@ -58,6 +91,8 @@ export const getComponentCss = () => `
   /* ── Variant: warning ──────────────────────────────────────────────── */
 
   :host([variant="warning"]) .badge {
+    --diwa-badge-border-color: color-mix(in srgb, var(--diwa-warning-text) 25%, transparent);
+    --_badge-dot-color: var(--diwa-warning-text);
     background-color: var(--diwa-warning-bg);
     color: var(--diwa-warning-text);
   }
@@ -65,6 +100,8 @@ export const getComponentCss = () => `
   /* ── Variant: danger ───────────────────────────────────────────────── */
 
   :host([variant="danger"]) .badge {
+    --diwa-badge-border-color: color-mix(in srgb, var(--diwa-danger-text) 25%, transparent);
+    --_badge-dot-color: var(--diwa-danger-text);
     background-color: var(--diwa-danger-bg);
     color: var(--diwa-danger-text);
   }

package/dist/collection/components/diwa-badge/diwa-badge-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"diwa-badge-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-badge/diwa-badge-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,MAAM,CAAC,MAAM,eAAe,GAAG,GAAW,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;IA0BzC,qBAAqB,CAAC,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ClC,CAAC","sourcesContent":["import { getReducedMotionStyle } from '../../utils/styles';\r\n\r\nexport const getComponentCss = (): string => `\r\n  :host {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    font-family: var(--diwa-font-family-base);\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  .badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: var(--diwa-badge-padding-y, var(--diwa-space-0-5)) var(--diwa-badge-padding-x, var(--diwa-space-2));\r\n    border-radius: var(--diwa-badge-radius, var(--diwa-radius-full));\r\n    font-size: var(--diwa-badge-font-size, var(--diwa-font-size-md));\r\n    font-weight: var(--diwa-badge-font-weight, var(--diwa-font-weight-medium));\r\n    line-height: var(--diwa-line-height-tight);\r\n    white-space: nowrap;\r\n    background-color: var(--diwa-bg-hover);\r\n    color: var(--diwa-text-secondary);\r\n    transition: var(--diwa-transition-colors);\r\n  }\r\n\r\n  ${getReducedMotionStyle('.badge')}\r\n\r\n  /* ── Size: sm ──────────────────────────────────────────────────────── */\r\n\r\n  :host([size=\"sm\"]) .badge {\r\n    padding: var(--diwa-badge-padding-y-sm, var(--diwa-space-px)) var(--diwa-badge-padding-x-sm, var(--diwa-space-1-5, 6px));\r\n    font-size: var(--diwa-badge-font-size-sm, var(--diwa-font-size-xs));\r\n  }\r\n\r\n  /* ── Variant: neutral (default) ────────────────────────────────────── */\r\n\r\n  :host([variant=\"neutral\"]) .badge {\r\n    background-color: var(--diwa-bg-hover);\r\n    color: var(--diwa-text-secondary);\r\n  }\r\n\r\n  /* ── Variant: accent ───────────────────────────────────────────────── */\r\n\r\n  :host([variant=\"accent\"]) .badge {\r\n    background-color: var(--diwa-accent-bg);\r\n    color: var(--diwa-accent);\r\n  }\r\n\r\n  /* ── Variant: success ──────────────────────────────────────────────── */\r\n\r\n  :host([variant=\"success\"]) .badge {\r\n    background-color: var(--diwa-success-bg);\r\n    color: var(--diwa-success-text);\r\n  }\r\n\r\n  /* ── Variant: warning ──────────────────────────────────────────────── */\r\n\r\n  :host([variant=\"warning\"]) .badge {\r\n    background-color: var(--diwa-warning-bg);\r\n    color: var(--diwa-warning-text);\r\n  }\r\n\r\n  /* ── Variant: danger ───────────────────────────────────────────────── */\r\n\r\n  :host([variant=\"danger\"]) .badge {\r\n    background-color: var(--diwa-danger-bg);\r\n    color: var(--diwa-danger-text);\r\n  }\r\n`;\r\n"]}
+{"version":3,"file":"diwa-badge-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-badge/diwa-badge-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,MAAM,CAAC,MAAM,eAAe,GAAG,GAAW,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgDzC,qBAAqB,CAAC,QAAQ,EAAE,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0D1C,CAAC","sourcesContent":["import { getReducedMotionStyle } from '../../utils/styles';\r\n\r\nexport const getComponentCss = (): string => `\r\n  @keyframes diwa-badge-pulse {\r\n    0%, 100% { opacity: 1; }\r\n    50%       { opacity: 0.3; }\r\n  }\r\n\r\n  :host {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    font-family: var(--diwa-font-family-base);\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  .badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: var(--diwa-space-1-5, 6px);\r\n    padding: var(--diwa-badge-padding-y, var(--diwa-space-0-5)) var(--diwa-badge-padding-x, var(--diwa-space-2));\r\n    border-radius: var(--diwa-badge-radius, var(--diwa-radius-full));\r\n    border: var(--diwa-border-width-thin, 1px) solid var(--diwa-badge-border-color, var(--diwa-border));\r\n    font-size: var(--diwa-badge-font-size, var(--diwa-font-size-md));\r\n    font-weight: var(--diwa-badge-font-weight, var(--diwa-font-weight-medium));\r\n    line-height: var(--diwa-line-height-tight);\r\n    white-space: nowrap;\r\n    background-color: var(--diwa-bg-hover);\r\n    color: var(--diwa-text-secondary);\r\n    transition: var(--diwa-transition-colors);\r\n  }\r\n\r\n  /* ── Pulsing dot indicator ──────────────────────────────────────────── */\r\n\r\n  .dot {\r\n    display: none;\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background-color: var(--_badge-dot-color, currentColor);\r\n    flex-shrink: 0;\r\n    animation: diwa-badge-pulse 2s ease-in-out infinite;\r\n  }\r\n\r\n  :host([dot]) .dot {\r\n    display: block;\r\n  }\r\n\r\n  ${getReducedMotionStyle('.badge', '.dot')}\r\n\r\n  /* ── Size: sm ──────────────────────────────────────────────────────── */\r\n\r\n  :host([size=\"sm\"]) .badge {\r\n    padding: var(--diwa-badge-padding-y-sm, var(--diwa-space-px)) var(--diwa-badge-padding-x-sm, var(--diwa-space-1-5, 6px));\r\n    font-size: var(--diwa-badge-font-size-sm, var(--diwa-font-size-xs));\r\n  }\r\n\r\n  :host([size=\"sm\"]) .dot {\r\n    width: 5px;\r\n    height: 5px;\r\n  }\r\n\r\n  /* ── Variant: neutral (default) ────────────────────────────────────── */\r\n\r\n  :host([variant=\"neutral\"]) .badge {\r\n    --diwa-badge-border-color: var(--diwa-border);\r\n    --_badge-dot-color: var(--diwa-text-muted);\r\n    background-color: var(--diwa-bg-hover);\r\n    color: var(--diwa-text-secondary);\r\n  }\r\n\r\n  /* ── Variant: accent ───────────────────────────────────────────────── */\r\n\r\n  :host([variant=\"accent\"]) .badge {\r\n    --diwa-badge-border-color: color-mix(in srgb, var(--diwa-accent) 25%, transparent);\r\n    --_badge-dot-color: var(--diwa-accent);\r\n    background-color: var(--diwa-accent-bg);\r\n    color: var(--diwa-accent);\r\n  }\r\n\r\n  /* ── Variant: success ──────────────────────────────────────────────── */\r\n\r\n  :host([variant=\"success\"]) .badge {\r\n    --diwa-badge-border-color: color-mix(in srgb, var(--diwa-success-text) 25%, transparent);\r\n    --_badge-dot-color: var(--diwa-success-text);\r\n    background-color: var(--diwa-success-bg);\r\n    color: var(--diwa-success-text);\r\n  }\r\n\r\n  /* ── Variant: warning ──────────────────────────────────────────────── */\r\n\r\n  :host([variant=\"warning\"]) .badge {\r\n    --diwa-badge-border-color: color-mix(in srgb, var(--diwa-warning-text) 25%, transparent);\r\n    --_badge-dot-color: var(--diwa-warning-text);\r\n    background-color: var(--diwa-warning-bg);\r\n    color: var(--diwa-warning-text);\r\n  }\r\n\r\n  /* ── Variant: danger ───────────────────────────────────────────────── */\r\n\r\n  :host([variant=\"danger\"]) .badge {\r\n    --diwa-badge-border-color: color-mix(in srgb, var(--diwa-danger-text) 25%, transparent);\r\n    --_badge-dot-color: var(--diwa-danger-text);\r\n    background-color: var(--diwa-danger-bg);\r\n    color: var(--diwa-danger-text);\r\n  }\r\n`;\r\n"]}

package/dist/collection/components/diwa-badge/diwa-badge.js

@@ -3,11 +3,14 @@ import { getComponentCss } from "./diwa-badge-styles";
 /**
  * @component diwa-badge
  *
- * A compact, pill-shaped label used to convey status, counts, or metadata.
- * Renders as an inline element with full Shadow DOM encapsulation.
+ * A compact, pill-shaped status indicator with an optional animated dot.
+ * Use for live status, counts, counts, and key callouts.
+ * Prefer DiwaTag for category labels and filters — Tag has square corners and a
+ * visible border; Badge is always fully rounded with a subtler, muted border.
  *
  * Design token override API (set on :root or any ancestor):
  *   --diwa-badge-radius          Border radius (defaults to --diwa-radius-full)
+ *   --diwa-badge-border-color    Override the auto-computed border colour
  *   --diwa-badge-padding-x       Horizontal padding for md size
  *   --diwa-badge-padding-x-sm    Horizontal padding for sm size
  *   --diwa-badge-font-size       Font size for md size
@@ -15,7 +18,7 @@ import { getComponentCss } from "./diwa-badge-styles";
  *   --diwa-badge-font-weight     Font weight
  *
  * Usage:
- *   <diwa-badge variant="success">Active</diwa-badge>
+ *   <diwa-badge variant="success" dot>Live</diwa-badge>
  *   <diwa-badge variant="danger" size="sm">3 errors</diwa-badge>
  *   <diwa-badge variant="neutral">Draft</diwa-badge>
  *
@@ -30,6 +33,11 @@ export class DiwaBadge {
         this.variant = "neutral";
         /** Size tier — controls height, padding, and font-size. */
         this.size = "md";
+        /**
+         * When true, renders a small animated pulsing dot before the slot content.
+         * Use to indicate live status or active processes.
+         */
+        this.dot = false;
         /** Per-component theme override. */
         this.theme = 'dark';
     }
@@ -38,7 +46,7 @@ export class DiwaBadge {
     // ──────────────────────────────────────────────────────────────
     render() {
         var _a;
-        return (h(Host, { key: 'be09c41cff3de54eba80f26b5029f245474cb676', "data-theme": this.theme }, h("style", { key: '29e9993f7082b99ba4dabc00564f9d9d6e571aa4', innerHTML: getComponentCss() }), h("span", { key: '0c22d4c0fa82693f3904a00587864366fe814b53', class: "badge", part: "base", "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : undefined, role: this.label ? "status" : undefined }, h("slot", { key: '6b9f166ed7d9f071cc79df084df73c4893e83545' }))));
+        return (h(Host, { key: 'b305c163c262aee55c46a7d69ede81bda62ac56f', "data-theme": this.theme }, h("style", { key: '40a4c220bcf3847f8e894bf5f05896d1c4c21f17', innerHTML: getComponentCss() }), h("span", { key: 'c642e078977a843580ef50d3a4fb942601e84ad7', class: "badge", part: "base", "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : undefined, role: this.label ? "status" : undefined }, this.dot && h("span", { key: '74ff1195c0aa5e28c16fafef5d11b79236e92ec6', class: "dot", "aria-hidden": "true" }), h("slot", { key: 'c429093035124e22ba2a03e98238407345c60d3b' }))));
     }
     static get is() { return "diwa-badge"; }
     static get encapsulation() { return "shadow"; }
@@ -115,6 +123,26 @@ export class DiwaBadge {
                 "attribute": "label",
                 "reflect": false
             },
+            "dot": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "When true, renders a small animated pulsing dot before the slot content.\r\nUse to indicate live status or active processes."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "dot",
+                "reflect": true,
+                "defaultValue": "false"
+            },
             "theme": {
                 "type": "string",
                 "mutable": false,

package/dist/collection/components/diwa-badge/diwa-badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"diwa-badge.js","sourceRoot":"","sources":["../../../src/components/diwa-badge/diwa-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGzD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;GAoBG;AAKH,MAAM,OAAO,SAAS;IAJtB;QAKE,iEAAiE;QACjE,QAAQ;QACR,iEAAiE;QAEjE,sEAAsE;QAC7C,YAAO,GAAiB,SAAS,CAAC;QAE3D,2DAA2D;QAClC,SAAI,GAAc,IAAI,CAAC;QAQhD,oCAAoC;QACX,UAAK,GAAU,MAAM,CAAC;KAqBhD;IAnBC,iEAAiE;IACjE,SAAS;IACT,iEAAiE;IAEjE,MAAM;;QACJ,OAAO,CACL,EAAC,IAAI,mEAAa,IAAI,CAAC,KAAK;YAC1B,8DAAO,SAAS,EAAE,eAAe,EAAE,GAAI;YACvC,6DACE,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,MAAM,gBACC,MAAA,IAAI,CAAC,KAAK,mCAAI,SAAS,EACnC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;gBAEvC,8DAAQ,CACH,CACF,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from \"@stencil/core\";\r\nimport type { BadgeSize, BadgeVariant } from \"./types\";\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-badge-styles';\r\n\r\n/**\r\n * @component diwa-badge\r\n *\r\n * A compact, pill-shaped label used to convey status, counts, or metadata.\r\n * Renders as an inline element with full Shadow DOM encapsulation.\r\n *\r\n * Design token override API (set on :root or any ancestor):\r\n *   --diwa-badge-radius          Border radius (defaults to --diwa-radius-full)\r\n *   --diwa-badge-padding-x       Horizontal padding for md size\r\n *   --diwa-badge-padding-x-sm    Horizontal padding for sm size\r\n *   --diwa-badge-font-size       Font size for md size\r\n *   --diwa-badge-font-size-sm    Font size for sm size\r\n *   --diwa-badge-font-weight     Font weight\r\n *\r\n * Usage:\r\n *   <diwa-badge variant=\"success\">Active</diwa-badge>\r\n *   <diwa-badge variant=\"danger\" size=\"sm\">3 errors</diwa-badge>\r\n *   <diwa-badge variant=\"neutral\">Draft</diwa-badge>\r\n *\r\n * @slot default — Badge label content (text or mixed inline content)\r\n */\r\n@Component({\r\n  tag: \"diwa-badge\",\r\n  shadow: true,\r\n})\r\nexport class DiwaBadge {\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Props\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /** Semantic colour variant. Determines background and text colour. */\r\n  @Prop({ reflect: true }) variant: BadgeVariant = \"neutral\";\r\n\r\n  /** Size tier — controls height, padding, and font-size. */\r\n  @Prop({ reflect: true }) size: BadgeSize = \"md\";\r\n\r\n  /**\r\n   * Accessible label. Use when slot content alone is insufficient\r\n   * (e.g., a numeric count without surrounding context).\r\n   */\r\n  @Prop() label?: string;\r\n\r\n  /** Per-component theme override. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Render\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  render() {\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss()} />\r\n        <span\r\n          class=\"badge\"\r\n          part=\"base\"\r\n          aria-label={this.label ?? undefined}\r\n          role={this.label ? \"status\" : undefined}\r\n        >\r\n          <slot />\r\n        </span>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"diwa-badge.js","sourceRoot":"","sources":["../../../src/components/diwa-badge/diwa-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGzD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAKH,MAAM,OAAO,SAAS;IAJtB;QAKE,iEAAiE;QACjE,QAAQ;QACR,iEAAiE;QAEjE,sEAAsE;QAC7C,YAAO,GAAiB,SAAS,CAAC;QAE3D,2DAA2D;QAClC,SAAI,GAAc,IAAI,CAAC;QAQhD;;;WAGG;QACsB,QAAG,GAAY,KAAK,CAAC;QAE9C,oCAAoC;QACX,UAAK,GAAU,MAAM,CAAC;KAsBhD;IApBC,iEAAiE;IACjE,SAAS;IACT,iEAAiE;IAEjE,MAAM;;QACJ,OAAO,CACL,EAAC,IAAI,mEAAa,IAAI,CAAC,KAAK;YAC1B,8DAAO,SAAS,EAAE,eAAe,EAAE,GAAI;YACvC,6DACE,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,MAAM,gBACC,MAAA,IAAI,CAAC,KAAK,mCAAI,SAAS,EACnC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;gBAEtC,IAAI,CAAC,GAAG,IAAI,6DAAM,KAAK,EAAC,KAAK,iBAAa,MAAM,GAAG;gBACpD,8DAAQ,CACH,CACF,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from \"@stencil/core\";\r\nimport type { BadgeSize, BadgeVariant } from \"./types\";\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-badge-styles';\r\n\r\n/**\r\n * @component diwa-badge\r\n *\r\n * A compact, pill-shaped status indicator with an optional animated dot.\r\n * Use for live status, counts, counts, and key callouts.\r\n * Prefer DiwaTag for category labels and filters — Tag has square corners and a\r\n * visible border; Badge is always fully rounded with a subtler, muted border.\r\n *\r\n * Design token override API (set on :root or any ancestor):\r\n *   --diwa-badge-radius          Border radius (defaults to --diwa-radius-full)\r\n *   --diwa-badge-border-color    Override the auto-computed border colour\r\n *   --diwa-badge-padding-x       Horizontal padding for md size\r\n *   --diwa-badge-padding-x-sm    Horizontal padding for sm size\r\n *   --diwa-badge-font-size       Font size for md size\r\n *   --diwa-badge-font-size-sm    Font size for sm size\r\n *   --diwa-badge-font-weight     Font weight\r\n *\r\n * Usage:\r\n *   <diwa-badge variant=\"success\" dot>Live</diwa-badge>\r\n *   <diwa-badge variant=\"danger\" size=\"sm\">3 errors</diwa-badge>\r\n *   <diwa-badge variant=\"neutral\">Draft</diwa-badge>\r\n *\r\n * @slot default — Badge label content (text or mixed inline content)\r\n */\r\n@Component({\r\n  tag: \"diwa-badge\",\r\n  shadow: true,\r\n})\r\nexport class DiwaBadge {\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Props\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /** Semantic colour variant. Determines background and text colour. */\r\n  @Prop({ reflect: true }) variant: BadgeVariant = \"neutral\";\r\n\r\n  /** Size tier — controls height, padding, and font-size. */\r\n  @Prop({ reflect: true }) size: BadgeSize = \"md\";\r\n\r\n  /**\r\n   * Accessible label. Use when slot content alone is insufficient\r\n   * (e.g., a numeric count without surrounding context).\r\n   */\r\n  @Prop() label?: string;\r\n\r\n  /**\r\n   * When true, renders a small animated pulsing dot before the slot content.\r\n   * Use to indicate live status or active processes.\r\n   */\r\n  @Prop({ reflect: true }) dot: boolean = false;\r\n\r\n  /** Per-component theme override. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Render\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  render() {\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss()} />\r\n        <span\r\n          class=\"badge\"\r\n          part=\"base\"\r\n          aria-label={this.label ?? undefined}\r\n          role={this.label ? \"status\" : undefined}\r\n        >\r\n          {this.dot && <span class=\"dot\" aria-hidden=\"true\" />}\r\n          <slot />\r\n        </span>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/diwa-button/diwa-button.js

@@ -141,7 +141,7 @@ export class DiwaButton {
          *
          * The part="base" exposes internals for ::part() in host-app stylesheets.
          */
-        h(Host, { key: '9182fd6e2a9ccce76a67596d99c5ef080dbdc219', "data-theme": this.theme, role: isLink ? undefined : "button", "aria-disabled": (this.disabled || this.loading) && isLink ? "true" : undefined }, h("style", { key: '349d3b828df53f57b23192854929f921a479146a', innerHTML: getComponentCss(this.variant, this.size, this.disabled, this.loading) }), h(Tag, Object.assign({ key: 'ffc8b04d99d508c5de77d07757ab362c57420132' }, commonProps, buttonProps, { part: "base" /* ::part(base) hook for consumers */ }), this.loading && (h("span", { key: '226b226efdd671e9494b6db3c83d09e609a08ae6', class: "spinner", "aria-hidden": "true", part: "spinner" })), h("span", { key: '571b34bc8dd3e712bb0702d35283c99c57dee34e', class: "icon-start", part: "icon-start", "aria-hidden": "true" }, this.icon !== 'none' && !this.loading && h("diwa-icon", { key: 'b4304efd1423d517b5aee0a079b6f17993700398', name: this.icon, size: this.iconSize }), h("slot", { key: '1262b1411d2e2faadbabdf6a05cdfa6863b4f53d', name: "icon-start" })), h("span", { key: '6da505ff94ceb539c2f5c063b0aa364ef62c0923', class: `label${this.hideLabel ? " label--hidden" : ""}`, part: "label" }, h("slot", { key: '055841a5c87793d21d7f2f02ce895326889fa887' })), h("span", { key: 'd6f33edb88b49bde1ca50968e3a4f6ac45b2ae77', class: "icon-end", part: "icon-end", "aria-hidden": "true" }, h("slot", { key: '6239635e5cbbfed9a064095b66fb77a466d77aa8', name: "icon-end" })))));
+        h(Host, { key: '40eee896f96707aa7e552ecb4a1dd9329dae5ec4', "data-theme": this.theme, role: isLink ? undefined : "button", "aria-disabled": (this.disabled || this.loading) && isLink ? "true" : undefined }, h("style", { key: 'd41a20f5d58d5408efeec81ea452d1bf4c160cbe', innerHTML: getComponentCss(this.variant, this.size, this.disabled, this.loading) }), h(Tag, Object.assign({ key: 'e4cb9b0f3b1d581803cee8a82ca9d838c48dd5f2' }, commonProps, buttonProps, { part: "base" /* ::part(base) hook for consumers */ }), this.loading && (h("span", { key: 'd57fe6c27bd115e73f136003e9cb3c3de494020e', class: "spinner", "aria-hidden": "true", part: "spinner" })), h("span", { key: 'bfdcd738e1b4541bae233a7be5804d1ba4fc02df', class: "icon-start", part: "icon-start", "aria-hidden": "true" }, this.icon !== 'none' && !this.loading && h("diwa-icon", { key: '674cf3892909a537d376dfb17bc4e14e6e5343ff', name: this.icon, size: this.iconSize }), h("slot", { key: '8bf7e06b4eab2814dccec4996a38f7fce76dedf9', name: "icon-start" })), h("span", { key: 'efa94bbd8858dba301646d8f072dac475cf16fc5', class: `label${this.hideLabel ? " label--hidden" : ""}`, part: "label" }, h("slot", { key: 'c296751f944fae738500ada889f0e057f6919e1f' })), h("span", { key: 'd057b75d8cf65aafc87d0b3996e0a024fff3e4f0', class: "icon-end", part: "icon-end", "aria-hidden": "true" }, h("slot", { key: 'b329bec720506f3b322c244cbf31139a57514a03', name: "icon-end" })))));
     }
     static get is() { return "diwa-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-button-pure/diwa-button-pure.js

@@ -100,7 +100,7 @@ export class DiwaButtonPure {
                 disabled: this.disabled || this.loading,
             };
         const hasIcon = this.icon !== "none";
-        return (h(Host, { key: 'e5e00513cc1ceafdf7291b57d8458e52e187c527', "data-theme": this.theme }, h("style", { key: 'af00274b62bdfd75958eeb1b03f4b951b8cbf987', innerHTML: getComponentCss(this.size, this.disabled, this.loading, this.underline, this.active, this.hideLabel, this.alignLabel, this.stretch) }), h(Tag, Object.assign({ key: 'ec7e751f5f9190a525cf9d9bae61a6ea62c01a88' }, commonProps, buttonProps, { part: "base" }), this.loading ? (h("span", { class: "spinner", "aria-hidden": "true", part: "spinner" })) : (hasIcon && (h("span", { class: "icon", "aria-hidden": "true" }, h("diwa-icon", { name: this.icon, size: this.iconSize })))), h("span", { key: '2fcb3075fee28a67f9c4379b01cf5f16baeed26b', class: `label${this.hideLabel ? " label--hidden" : ""}`, part: "label" }, h("slot", { key: 'e53e29638f01d75ee33e331fe43212ee7e569fcf' })))));
+        return (h(Host, { key: 'c2973f6b92898d2f804ccc623ae5558b1a7a819c', "data-theme": this.theme }, h("style", { key: '09bdb4d13b2ccd3dcfedc19fab5335a353a8a12f', innerHTML: getComponentCss(this.size, this.disabled, this.loading, this.underline, this.active, this.hideLabel, this.alignLabel, this.stretch) }), h(Tag, Object.assign({ key: '9ca133bf89b66a3ee40c17012e1ace540717b5e9' }, commonProps, buttonProps, { part: "base" }), this.loading ? (h("span", { class: "spinner", "aria-hidden": "true", part: "spinner" })) : (hasIcon && (h("span", { class: "icon", "aria-hidden": "true" }, h("diwa-icon", { name: this.icon, size: this.iconSize })))), h("span", { key: '937f66a27ed22abca84415df5261808e306dea0f', class: `label${this.hideLabel ? " label--hidden" : ""}`, part: "label" }, h("slot", { key: 'a3e2ae2111fe1258e380de6fc7919b40bd562bb4' })))));
     }
     static get is() { return "diwa-button-pure"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-checkbox/diwa-checkbox.js

@@ -101,7 +101,7 @@ export class DiwaCheckbox {
     render() {
         const msgId = 'diwa-checkbox-msg';
         const hasMessage = !!this.message && this.state !== 'none';
-        return (h(Host, { key: 'b60ee4bf0dc2eaa0d694a0ac739c5566d454f79c', "data-theme": this.theme }, h("style", { key: 'fd963d515b5fdca037224b97390978de46f2270a', innerHTML: getComponentCss(this.state, this.disabled, this.compact, this.hideLabel) }), h("div", { key: '367d56a1bb842175a37e542645189dce17a6e39a', class: "root" }, h("div", { key: '3e4b983191a2b57f5bf577b0da0fcabf3d99fef1', class: "wrapper" }, h("div", { key: '152025c208c44d6cc5dafc4c552e8a66c07e4a82', class: "input-container" }, h("input", { key: 'cbf1fd983bf14caf6ee7c6e5d99ff00a6db84eee', type: "checkbox", id: "cb", checked: this.checked, disabled: this.disabled, required: this.required, name: this.name, value: this.value, "aria-checked": this.indeterminate ? 'mixed' : undefined, "aria-describedby": hasMessage ? msgId : undefined, onChange: this.handleChange, ref: this.setCheckboxRef })), this.label && (h("label", { key: '149d0d96a058be632bc631dce0acdf10061857be', class: `label${this.hideLabel ? ' label--hidden' : ''}`, htmlFor: "cb" }, this.label, this.required && (h("span", { key: 'd05c35490b0539a9d2f2967e32d5866a600a95d2', class: "required", "aria-hidden": "true" }, ' ', "*"))))), hasMessage && (h("span", { key: '3dd6021761ad98aaacacff336dab64b1d5d531dd', id: msgId, class: "message" }, this.message)))));
+        return (h(Host, { key: '4a275738fb178f5ca410adf8385d68a274cf8d93', "data-theme": this.theme }, h("style", { key: '13e8d7ac361c165947f5a2e25bb06ecb66440704', innerHTML: getComponentCss(this.state, this.disabled, this.compact, this.hideLabel) }), h("div", { key: 'f35a19d3d08107f69d16b3b6b488526849d2d87b', class: "root" }, h("div", { key: '28d6619129ccc4aea2424abe2a9c423331772e5e', class: "wrapper" }, h("div", { key: 'bf5025023183026f918e5b704fe1d15cf796012e', class: "input-container" }, h("input", { key: '6a2ddb4a178a42c5201e2e23a6b44f9d34b8d3c4', type: "checkbox", id: "cb", checked: this.checked, disabled: this.disabled, required: this.required, name: this.name, value: this.value, "aria-checked": this.indeterminate ? 'mixed' : undefined, "aria-describedby": hasMessage ? msgId : undefined, onChange: this.handleChange, ref: this.setCheckboxRef })), this.label && (h("label", { key: 'fd1131c140a407f03372e926eef701d90ad6ead6', class: `label${this.hideLabel ? ' label--hidden' : ''}`, htmlFor: "cb" }, this.label, this.required && (h("span", { key: '4aacf002203ea4338455d1bd8df93f892a3175a6', class: "required", "aria-hidden": "true" }, ' ', "*"))))), hasMessage && (h("span", { key: 'd99ead9fd47dd27adde24cf87d24bce86431aa40', id: msgId, class: "message" }, this.message)))));
     }
     static get is() { return "diwa-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-divider/diwa-divider.js

@@ -41,7 +41,7 @@ export class DiwaDivider {
     // Render
     // ──────────────────────────────────────────────────────────────
     render() {
-        return (h(Host, { key: 'e143d66dbac5d538a79e9bd2cef6da4292839a4d', "data-theme": this.theme }, h("style", { key: '00e13388782156d60927e639215b3a361c231541', innerHTML: getComponentCss(this.orientation) }), h("hr", { key: '5653fa0a68365da009e6e0b2b5a41a2cfb4702f9', class: "root", role: "separator", "aria-orientation": this.orientation })));
+        return (h(Host, { key: 'ff0589655d6b5e847b3600fd6ba6cf0dd3b247ac', "data-theme": this.theme }, h("style", { key: '38a30ff84f63f0825702480f686b49ec8d743d27', innerHTML: getComponentCss(this.orientation) }), h("hr", { key: '17df4c81b9b79b33f794a2f5ea111107b66ae7ce', class: "root", role: "separator", "aria-orientation": this.orientation })));
     }
     static get is() { return "diwa-divider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-flyout/diwa-flyout.js

@@ -99,7 +99,7 @@ export class DiwaFlyout {
     // Render
     // ──────────────────────────────────────────────────────────────
     render() {
-        return (h(Host, { key: '52d5fe7be0dfea4a62bc7a4a7637b2f9edbe141d', "data-theme": this.theme }, h("style", { key: '024c161908d6c2954d8f6a3a07b24f07c2d8e43c' }, getComponentCss(this.open, this.position, this.backdrop)), h("div", { key: 'f76c3d2f71725d8d2b3d29a2cbbacc5b2c9da3d2', class: "backdrop", "aria-hidden": "true", onClick: this.handleDismiss }), h("div", { key: '6365781507ae83c8bc9d4f5233f9cdf464d8e9ca', class: "panel", role: "dialog", "aria-modal": "true", "aria-label": this.heading || 'Flyout', tabIndex: -1, ref: (el) => { this.panelEl = el; } }, h("div", { key: 'b8dbb339620ebc2fab8dde5ee70fd5eaca614464', class: "header" }, h("span", { key: 'e7de07e86b1ca0ca6072f47ab6da4b4eb5b4a7d3', class: "heading-text" }, this.heading), h("slot", { key: 'b688288e6f4a4fd910845eb2c14a6ba705e81eee', name: "header" }), h("diwa-button-pure", { key: '8924888f63033a7c285f63b589834ef4e301aa74', icon: "x", label: "Close flyout", size: "sm", hideLabel: true, onClick: this.handleDismiss })), h("div", { key: '1bf9756c8d8cb88f58e1b960c3d5ee22500828ba', class: "content" }, h("slot", { key: '292d34bfc03446b3f751f39df50c3655bd46a0e6' })), h("div", { key: '51270f6fed520df8a4101027a1f9023118b9f46e', class: "footer" }, h("slot", { key: 'f6684ace2a9f0ec82d5b1face5de06bede92c84b', name: "footer" })))));
+        return (h(Host, { key: '067e67fe0994d726754e6553d92a03b71981b218', "data-theme": this.theme }, h("style", { key: '2697a0d6d7f205b12cf0e16df31a5302cc7792a9' }, getComponentCss(this.open, this.position, this.backdrop)), h("div", { key: 'fbd2f50b7ffcf9329d59cdf0097ab620d689d42b', class: "backdrop", "aria-hidden": "true", onClick: this.handleDismiss }), h("div", { key: 'efc5f3d46f43b92ea438ceb8f290650851373060', class: "panel", role: "dialog", "aria-modal": "true", "aria-label": this.heading || 'Flyout', tabIndex: -1, ref: (el) => { this.panelEl = el; } }, h("div", { key: '2870307396623b837ba1a3dbac79c0fa6dfc60ea', class: "header" }, h("span", { key: '7b331d1bbe9852cfab2f432f5549cb9b683e63b4', class: "heading-text" }, this.heading), h("slot", { key: '5f4893f77513909bfecf12efe55d9ccfe9777a68', name: "header" }), h("diwa-button-pure", { key: '603aedc73fe95dd50e331f1e85cc005c143a2362', icon: "x", label: "Close flyout", size: "sm", hideLabel: true, onClick: this.handleDismiss })), h("div", { key: '01ece4db2102e3b76287194021b7da059ed4cb7f', class: "content" }, h("slot", { key: '43f4639680b69de1285beab4584caa21ef71cfb7' })), h("div", { key: '22c72dbb2f0c2f71d699e6ef027c6b13cf3ce6dc', class: "footer" }, h("slot", { key: '6ee08ebb96caa923054e6b4298f419e44e4b003f', name: "footer" })))));
     }
     static get is() { return "diwa-flyout"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-heading/diwa-heading.js

@@ -47,7 +47,7 @@ export class DiwaHeading {
     // ──────────────────────────────────────────────────────────────
     render() {
         const Tag = getHeadingTag(this.host, this.size, this.tag); // eslint-disable-line @typescript-eslint/no-explicit-any
-        return (h(Host, { key: 'af31da4a1b31e1a28f9de05da4c5517dbfb7fdbd', "data-theme": this.theme }, h("style", { key: 'c9616c82eae3dada3edcf5c89b7f9b88716bae55', innerHTML: getComponentCss(this.size, this.weight, this.align, this.color, this.ellipsis) }), h(Tag, { key: 'd265ccdd08cdbc29ba15043a67769b78e8cfe4cb', class: "heading" }, h("slot", { key: '7c7bfb3d32b839469bfba2ec02173d1f71f03812' }))));
+        return (h(Host, { key: 'da76af7c3fbfbc20a58c3210145fb99c47474b01', "data-theme": this.theme }, h("style", { key: '3002fa6831effb8f00414fc6a2bc3729578251d3', innerHTML: getComponentCss(this.size, this.weight, this.align, this.color, this.ellipsis) }), h(Tag, { key: 'acc07263f7150f3d34383eeea09d093bf833a506', class: "heading" }, h("slot", { key: '95678b56667d381fabb3e34f9b70ca4fe7faaaa2' }))));
     }
     static get is() { return "diwa-heading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-icon/diwa-icon.js

@@ -69,7 +69,7 @@ export class DiwaIcon {
     render() {
         var _a;
         const isDecorative = !this.label;
-        return (h(Host, { key: '480e247dd569c171693a4f1e7e2f10ebf9c86f95', "data-theme": this.theme }, h("style", { key: '9596aed7c1183970dd2b5848d93097511119a41b', innerHTML: getComponentCss() }), h("svg", { key: '02f276d6dd076d812ab6d2d8f2c790c9fe06023f', ref: (el) => (this.svgEl = el), xmlns: "http://www.w3.org/2000/svg", width: this.size, height: this.size, viewBox: "0 0 24 24", fill: "none", stroke: this.color, "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": isDecorative ? 'true' : undefined, role: isDecorative ? undefined : 'img', "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : undefined })));
+        return (h(Host, { key: 'f694b586097118942daed75ed19702f07d6db71a', "data-theme": this.theme }, h("style", { key: '95991c134ed30c1484fc235a1ece49c573e13415', innerHTML: getComponentCss() }), h("svg", { key: 'f2ecd79bd8458fce14cfa00f4d0a6b184b5fd98d', ref: (el) => (this.svgEl = el), xmlns: "http://www.w3.org/2000/svg", width: this.size, height: this.size, viewBox: "0 0 24 24", fill: "none", stroke: this.color, "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": isDecorative ? 'true' : undefined, role: isDecorative ? undefined : 'img', "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : undefined })));
     }
     static get is() { return "diwa-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-inline-notification/diwa-inline-notification.js

@@ -76,7 +76,7 @@ export class DiwaInlineNotification {
     render() {
         const isAlert = this.state === 'error';
         const showActions = this.dismissButton || Boolean(this.actionLabel);
-        return (h(Host, { key: 'd3fd1076a2da3ada9262e57c2a9d1f6263862abb', "data-theme": this.theme }, h("style", { key: '10e025b7ecf829f51199f3bd951ca848e313d0a2', innerHTML: getComponentCss(this.state) }), h("div", { key: 'f6292b570bd9cb1f767d94c569a1f71b7ece1bd9', class: "root" }, h("div", { key: '38faa9cf097f080a61b3beacd04fbe8f5ddcc657', class: "icon-wrap", "aria-hidden": "true" }, h("diwa-icon", { key: '0e9cc0a5d557911ca1f90d40665d8d679f852e52', name: STATE_ICON[this.state], size: 16 })), h("div", { key: '1bfbfda28d6ee3014c0c57b054976cd244c82f0a', class: "content", role: isAlert ? 'alert' : 'status', "aria-live": isAlert ? 'assertive' : 'polite' }, this.heading && h("span", { key: '5ed7a8a15c3b50ee05334d2a9b6b62637808f9a8', class: "heading" }, this.heading), h("p", { key: 'e8af6b4bfec6fdaedec723b77b5fb8ce49eb11ce', class: "description" }, this.description || h("slot", { key: '1a55704e1b0c522ca25cbeda757f65a6d57af8d7' }))), showActions && (h("div", { key: 'd054dc9a6e584a9be0f54c3f1eabc8600f73f23e', class: "actions" }, this.actionLabel && (h("diwa-button-pure", { key: 'd9a057dcdacb531f70417912c0e0be7f47ca451c', icon: "arrow-right", size: "sm", loading: this.actionLoading, theme: this.theme, onClick: this.handleAction }, this.actionLabel)), this.dismissButton && (h("diwa-button-pure", { key: '892cb38a5f28fd95115fac50db97c45881eab7ae', icon: "x", label: "Dismiss notification", hideLabel: true, size: "sm", theme: this.theme, onClick: this.handleDismiss })))))));
+        return (h(Host, { key: 'ffbc48506e71547e9f670fada7b45ebbe0bbd9d2', "data-theme": this.theme }, h("style", { key: '4ccbe4e0e6b325dedc6263ea80481cecd39cac26', innerHTML: getComponentCss(this.state) }), h("div", { key: 'e304af7c978c4da1240c31e0468b2ec3895c7c3d', class: "root" }, h("div", { key: '1aea476763f19125e6ae889065014d0c24936025', class: "icon-wrap", "aria-hidden": "true" }, h("diwa-icon", { key: '3260c5b0aa23d6b995af704be6177a05ef85baa8', name: STATE_ICON[this.state], size: 16 })), h("div", { key: '79e994cb29375faede44260d9d77bee71a5e6e83', class: "content", role: isAlert ? 'alert' : 'status', "aria-live": isAlert ? 'assertive' : 'polite' }, this.heading && h("span", { key: '2d4964d50c797e7cf16480de07160a910374b0eb', class: "heading" }, this.heading), h("p", { key: 'e226d8728b99240e6e65b98eca4d87e369a50094', class: "description" }, this.description || h("slot", { key: '662f76be60914522329dd61a807133bcda44fa9f' }))), showActions && (h("div", { key: '20beaa3f3fc15584953092caa3f2a7176faf42d8', class: "actions" }, this.actionLabel && (h("diwa-button-pure", { key: '4631e465e1919bdb709473c7a0f8946c72882151', icon: "arrow-right", size: "sm", loading: this.actionLoading, theme: this.theme, onClick: this.handleAction }, this.actionLabel)), this.dismissButton && (h("diwa-button-pure", { key: '244273af8b94b76093e2f0065df740ea53bcdd33', icon: "x", label: "Dismiss notification", hideLabel: true, size: "sm", theme: this.theme, onClick: this.handleDismiss })))))));
     }
     static get is() { return "diwa-inline-notification"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-input/diwa-input.js

@@ -85,7 +85,7 @@ export class DiwaInput {
     render() {
         const { resolvedId, hintId } = this;
         const hasHint = !!this.hint;
-        return (h(Host, { key: '2f5e9982ad07294f702ebf0bea111b70d89595f5', "data-theme": this.theme }, h("style", { key: 'a5ff0895928b24e7704f88b4d4601b071ce13c22', innerHTML: getComponentCss() }), this.label && (h("label", { key: '11dfacae24599abc35a73ebc763fca8f95db78d2', class: "label", part: "label", htmlFor: resolvedId }, this.label, this.required && (h("span", { key: 'ec6b9d71eefce529cfb04aef396a730758f6f79d', class: "required", "aria-hidden": "true" }, " ", "*")))), h("div", { key: '9abda93e51de4c01be826f147ea094e8d418d6ab', class: "wrapper", part: "wrapper" }, h("span", { key: '619b7e65a10c04043ae68abdfa0d0321b3681585', class: "prefix", part: "prefix" }, h("slot", { key: 'e61f1fbf6f7d6a06961100dfd867e4456bc1eb6e', name: "prefix" })), h("input", { key: '42ab4539c89bee785df13cb9bff484003c7299b0', id: resolvedId, part: "input", class: "input", type: this.type, name: this.name, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, autocomplete: this.autocomplete, "aria-required": this.required ? "true" : undefined, "aria-invalid": this.state === "error" ? "true" : undefined, "aria-describedby": hasHint ? hintId : undefined, onInput: this.handleInput, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur }), h("span", { key: '270db977c40f074cf99378dcb27e9959470a7f2d', class: "suffix", part: "suffix" }, h("slot", { key: '36dbff474dafd6b3b46303d7745f754a5d413433', name: "suffix" }))), hasHint && (h("span", { key: 'bff0ddc5cf92a6d9ec9ddc64b5138ebd2cfe7632', id: hintId, class: "hint", part: "hint", "aria-live": this.state === "error" ? "polite" : undefined }, this.hint))));
+        return (h(Host, { key: '8dd2b3cbf6a137e8a9d1682ff8ff1a08d039f5de', "data-theme": this.theme }, h("style", { key: '35231eb60c943d0bbaddf39a88092ad3590c9f4d', innerHTML: getComponentCss() }), this.label && (h("label", { key: '47b0f0f9342cd354e5bdc638ac8c18243a399e3c', class: "label", part: "label", htmlFor: resolvedId }, this.label, this.required && (h("span", { key: '64148476ed0246ee2b1866e36060a5451fb43fdd', class: "required", "aria-hidden": "true" }, " ", "*")))), h("div", { key: '1c61869f25baecbd320003dddd350124a1289cbd', class: "wrapper", part: "wrapper" }, h("span", { key: 'bd83d18cdf80dddb6155803971fddd6ef4712dfe', class: "prefix", part: "prefix" }, h("slot", { key: '07f4fa63cd34fc5843d175209fcdf77791777383', name: "prefix" })), h("input", { key: 'ea64cc200e44331b6a6d99dfbc37b32d18f49561', id: resolvedId, part: "input", class: "input", type: this.type, name: this.name, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, autocomplete: this.autocomplete, "aria-required": this.required ? "true" : undefined, "aria-invalid": this.state === "error" ? "true" : undefined, "aria-describedby": hasHint ? hintId : undefined, onInput: this.handleInput, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur }), h("span", { key: '2c7bd85837a96c686aed28a8df92632688c5b676', class: "suffix", part: "suffix" }, h("slot", { key: 'f4a570a768212756def2c5b68bcb1acd866178c9', name: "suffix" }))), hasHint && (h("span", { key: '9bdf7a497cd3ff665b06d92b9359e28687af895c', id: hintId, class: "hint", part: "hint", "aria-live": this.state === "error" ? "polite" : undefined }, this.hint))));
     }
     static get is() { return "diwa-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-input-date/diwa-input-date.js

@@ -36,7 +36,7 @@ export class DiwaInputDate {
         const inputId = 'input';
         const descId = 'desc';
         const msgId = 'msg';
-        return (h(Host, { key: 'b58c9b32c94117b172cfa28f7b156650b70087f7', "data-theme": this.theme }, h("style", { key: 'ddf17006665bc7eaa8a1f4310d0a1cc240b5e2a2', innerHTML: getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: '05d5d42c977eb975d9d66c6f2849553cf3030c84', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '988b49a445bb8352b772312a71f09ad8a74ac085', class: "label-row" }, h("label", { key: 'b377a77badf65a2a3690aa71cc6e0dc02fece8f8', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '194a617bc1959c34b9624e5863bf63e1b57e1bd6', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '6a8b5dab9bd2c53f912612142a2429a481e9ca0c', name: "label-after" }))), h("div", { key: '87d8863bbd02048faffbd83fd0326a160d834eb5', class: "input-wrapper" }, this._hasStart && h("div", { key: 'f1f09a5f3f3db887ee379e1e8dc736422e677c62', class: "slot-start" }, h("slot", { key: '99b41cac365685c4387cb24e4c5ba082eb3c9891', name: "start" })), h("input", { key: '7009d405ffd077b44b7f05f1c92364bf6eb3e199', id: inputId, class: "input", type: "date", name: this.name || undefined, value: this.value, disabled: this.disabled, required: this.required, readOnly: this.readonly, min: this.min, max: this.max, autocomplete: this.autoComplete, "aria-label": this.hideLabel && this.label ? this.label : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-describedby": this.message ? msgId : this.description ? descId : undefined, onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus }), this._hasEnd && h("div", { key: 'f525f4eb53efefbfe224f27162372f7bddcde580', class: "slot-end" }, h("slot", { key: 'c4b75e8f245b62142b27ada1f6109a201ee95297', name: "end" }))), !this.message && this.description && (h("p", { key: 'c45c7d9b10e31b7234b5d275f118dd07b5f9717a', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '6f45b19c1e16797f063f5c8bb404dc2c4469f9f3', id: msgId, class: "message" }, this.message)))));
+        return (h(Host, { key: 'b7810ca62c45d178cfa7ddefd9c6fc95ac6bfed5', "data-theme": this.theme }, h("style", { key: '1dbbfd0d6d3711635779472413b6adaefcec6a7e', innerHTML: getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: 'e17ff493f27b8ded7ebf9b2e3770d97bda340d6a', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '5727ffe25c2e5c8edde2b92f71d153f518f911e6', class: "label-row" }, h("label", { key: '3581eff1c6a90a570d703a6e36311e3df591d67c', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: 'adeb390c86bf0ec2567cfc31684f82126d1297c7', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '1f7cd31225b376eb6c48a97beb3d4b574516e8ea', name: "label-after" }))), h("div", { key: '6f8445e7f19f971c44f4d525976a304930c10e68', class: "input-wrapper" }, this._hasStart && h("div", { key: 'fb33d730e983f9cf0d0faf2661fa5c72e6556e2e', class: "slot-start" }, h("slot", { key: '2e7c563259b6bc447754223fae97a172caee1c68', name: "start" })), h("input", { key: '566a4b2db913d61451b6d94f0c44372b12d9463c', id: inputId, class: "input", type: "date", name: this.name || undefined, value: this.value, disabled: this.disabled, required: this.required, readOnly: this.readonly, min: this.min, max: this.max, autocomplete: this.autoComplete, "aria-label": this.hideLabel && this.label ? this.label : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-describedby": this.message ? msgId : this.description ? descId : undefined, onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus }), this._hasEnd && h("div", { key: '1008396a8ce58057858eabff6127afddc8210ea3', class: "slot-end" }, h("slot", { key: 'a09620ebd152123b778b4f3635a265f3041aeb62', name: "end" }))), !this.message && this.description && (h("p", { key: 'b60fb3995d234ff3a430145119a3cdf85ef8932c', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '1b2a0eda84321c832979936db0ff2edd61b07cc3', id: msgId, class: "message" }, this.message)))));
     }
     static get is() { return "diwa-input-date"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-input-email/diwa-input-email.js

@@ -36,7 +36,7 @@ export class DiwaInputEmail {
         const inputId = 'input';
         const descId = 'desc';
         const msgId = 'msg';
-        return (h(Host, { key: 'fe6b98e36a4b0b265b95905d07869380f2f93238', "data-theme": this.theme }, h("style", { key: 'bf23ff17067bd162be41f98177e2e5d3994f58e2', innerHTML: getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: '2a5c524be6036fd7b6807fee457a9f6295c4f233', class: "root" }, !this.hideLabel && this.label && (h("div", { key: 'b58789f7e967ced3eeb1c11726eebc44c7448db5', class: "label-row" }, h("label", { key: '6ca47d2e8b70467c21ca44078ee39c45f0149dbe', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: 'a252801b4c737c48e7d2df739a8a73c866300367', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: 'fb24755551508bf08bf0e34d5c030b7166110b9e', name: "label-after" }))), h("div", { key: 'ded4182c2a8b9f47c0ab10641a56afc91780dc38', class: "input-wrapper" }, this._hasStart && h("div", { key: '5d846bc94e2dd8d5569719978c4dae898555333a', class: "slot-start" }, h("slot", { key: '9b3fdf26e6628094ee146da8b993a85574b89c5d', name: "start" })), h("input", { key: '97999d1bf2b0c100d1c410392a2d540752b1f213', id: inputId, class: "input", type: "email", name: this.name || undefined, value: this.value, placeholder: this.placeholder || undefined, disabled: this.disabled, required: this.required, readOnly: this.readonly, autocomplete: this.autoComplete, "aria-label": this.hideLabel && this.label ? this.label : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-describedby": this.message ? msgId : this.description ? descId : undefined, onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus }), this._hasEnd && h("div", { key: 'f5fa380e3c4507f1b3cc91af17ab74b2386e00ca', class: "slot-end" }, h("slot", { key: '578a2546ca081577e4f5e0e1da2a55a60f67231c', name: "end" }))), !this.message && this.description && (h("p", { key: 'e14e3534270d8190fd155f5aa32fe03a66d32e8b', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '1da9633d6d23a8ef442d2094864c64b48ec0640a', id: msgId, class: "message" }, this.message)))));
+        return (h(Host, { key: '19d243cb4c64e1415899c00628aa8aa8280453b3', "data-theme": this.theme }, h("style", { key: '2d1f7f9086d563f74f5691b431d1a4981adc6cf0', innerHTML: getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: 'be47368b657e4f6919b1f9271b681a7a50ce27d8', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '4f364dddf12b43bbbbbe6417556ed76004dfd093', class: "label-row" }, h("label", { key: 'fead244ec4a55389a152a1428867596b51460dad', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '39f9ecc43ace5e092d79e5a9500a93d033f0e40e', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '465b316c80bbae7bab971fc06c0cdba1b8386429', name: "label-after" }))), h("div", { key: '443e4b4dda59cfd189f7d00eed7e8d424c910270', class: "input-wrapper" }, this._hasStart && h("div", { key: '0b0bc109876064698e73ec7c334d0720bc8a4800', class: "slot-start" }, h("slot", { key: '9d299bd4c5754d84220a544da4a4df1a173c2a4d', name: "start" })), h("input", { key: 'f8bc36dc96a185d10de64792b16bd298500932c0', id: inputId, class: "input", type: "email", name: this.name || undefined, value: this.value, placeholder: this.placeholder || undefined, disabled: this.disabled, required: this.required, readOnly: this.readonly, autocomplete: this.autoComplete, "aria-label": this.hideLabel && this.label ? this.label : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-describedby": this.message ? msgId : this.description ? descId : undefined, onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus }), this._hasEnd && h("div", { key: 'c655080c8ceda416b90c4c31c0a70405b4a70a5b', class: "slot-end" }, h("slot", { key: 'edd82f220119a4713f3704fa1f26bbf60169ef87', name: "end" }))), !this.message && this.description && (h("p", { key: 'd9b214c7babe02676ea9344b5f0eb8f33339c35e', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '402b36643504d83a035ea4d3b4d597c1726eb7c0', id: msgId, class: "message" }, this.message)))));
     }
     static get is() { return "diwa-input-email"; }
     static get encapsulation() { return "shadow"; }