@diwacopilot/components 1.1.1 → 1.2.1

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

@@ -57,7 +57,7 @@ export class DiwaScroller {
         this.canScrollRight = currentScrollLeft < maxScrollLeft - epsilon;
     }
     render() {
-        return (h(Host, { key: '45f4f99a3620911a3c082174ca774e45ea873e4d', "data-theme": this.theme }, h("style", { key: 'c8ef4daca35a71b53e14fc7bfebbff0675924fca', innerHTML: getComponentCss(this.scrollbar, this.alignScrollIndicator, this.hasOverflow, this.canScrollLeft, this.canScrollRight) }), h("div", { key: '5238cd797598390d8f9dc4dee119a40415dbfc4a', class: "scroller" }, h("button", { key: '6518c1d1a3afaebf619b6c8eae48c4e382c6a9d9', type: "button", class: "scroll-button scroll-button--start", "aria-label": "Scroll left", disabled: !this.canScrollLeft, hidden: !this.hasOverflow, onClick: () => this.scrollByPage('start') }, h("svg", { key: '7f9fb5f92a32bd36262d92a8d91f91dd9f2c0944', viewBox: "0 0 16 16", width: "16", height: "16", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: '0a7a19e7be0d4522042f19a316dc95eb1a6eaab3', d: "M10 3.5 5 8l5 4.5" }))), h("div", { key: '7388a4c9a666c5d0427af95a1ff7f1f614042f44', class: "scroll-wrapper" }, h("div", { key: '74dde4823c6bb81ae2709c3c605c9670f29ca5b2', class: "scroll-area", tabIndex: this.hasOverflow ? 0 : undefined, role: this.hasOverflow ? 'region' : undefined, "aria-label": this.hasOverflow ? 'Scrollable content' : undefined, onScroll: this.handleScroll, ref: this.setScrollAreaRef }, h("slot", { key: '88077bcfbeeefdb356b3b9dd4fa4f8fe49cb33ec', onSlotchange: this.handleSlotChange })), h("div", { key: '6058d245a910c7edc139789b10627c55366b0767', class: "fade fade--start", "aria-hidden": "true" }), h("div", { key: '2353970bea7c49c8d689ee7115cbbf0c580ef065', class: "fade fade--end", "aria-hidden": "true" })), h("button", { key: '0f51472148bf56d3a1f24406fe8a8b9b560be666', type: "button", class: "scroll-button scroll-button--end", "aria-label": "Scroll right", disabled: !this.canScrollRight, hidden: !this.hasOverflow, onClick: () => this.scrollByPage('end') }, h("svg", { key: 'c74842bea946222b5939bc85336315e276daf4d0', viewBox: "0 0 16 16", width: "16", height: "16", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: 'cdf90c5eb1036fb911153f3f2fc6adda2ced7afc', d: "M6 3.5 11 8l-5 4.5" }))))));
+        return (h(Host, { key: 'dc9d01bade501000f75086f335d9bf302174a945', "data-theme": this.theme }, h("style", { key: 'a8765192f0a7967cbe3e3531ee891d6352420d03', innerHTML: getComponentCss(this.scrollbar, this.alignScrollIndicator, this.hasOverflow, this.canScrollLeft, this.canScrollRight) }), h("div", { key: 'fb55280f572009f65ed2fc25564264d8e01e2ce0', class: "scroller" }, h("button", { key: '8b9d8dbaa725f6b7fa2aec9c36ba53552ae49d17', type: "button", class: "scroll-button scroll-button--start", "aria-label": "Scroll left", disabled: !this.canScrollLeft, hidden: !this.hasOverflow, onClick: () => this.scrollByPage('start') }, h("svg", { key: '37f2e8fdd719fd1253864f4cdf9c7297d353c86d', viewBox: "0 0 16 16", width: "16", height: "16", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: 'f842f28a51771992e81bffa1467a3e6980d85835', d: "M10 3.5 5 8l5 4.5" }))), h("div", { key: 'f0a55b2be01fe47dc58f94946b92b8fa82235e14', class: "scroll-wrapper" }, h("div", { key: 'e612dbb880d43d09ee67d879f6c33c8c419899d7', class: "scroll-area", tabIndex: this.hasOverflow ? 0 : undefined, role: this.hasOverflow ? 'region' : undefined, "aria-label": this.hasOverflow ? 'Scrollable content' : undefined, onScroll: this.handleScroll, ref: this.setScrollAreaRef }, h("slot", { key: '53572974e4cb804c3012d2ba8f08039accee8e5e', onSlotchange: this.handleSlotChange })), h("div", { key: 'a2c66030fa02a387f40f7b3b640e69b35a0d0bd4', class: "fade fade--start", "aria-hidden": "true" }), h("div", { key: 'a0f79f41b4152bc636f4ad3be6b924c303019cef', class: "fade fade--end", "aria-hidden": "true" })), h("button", { key: '3a992435dfb230deea38d9fb2033907bdb15a9a3', type: "button", class: "scroll-button scroll-button--end", "aria-label": "Scroll right", disabled: !this.canScrollRight, hidden: !this.hasOverflow, onClick: () => this.scrollByPage('end') }, h("svg", { key: '6b14a8fe8dcdf9fd33f9c05a2aa39859e61599df', viewBox: "0 0 16 16", width: "16", height: "16", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: 'f1c8d634899420420576899086f247b68435d008', d: "M6 3.5 11 8l-5 4.5" }))))));
     }
     static get is() { return "diwa-scroller"; }
     static get encapsulation() { return "shadow"; }
@@ -73,7 +73,8 @@ export class DiwaScroller {
                         "ScrollerScrollIndicatorPosition": {
                             "location": "import",
                             "path": "./types",
-                            "id": "src/components/diwa-scroller/types.ts::ScrollerScrollIndicatorPosition"
+                            "id": "src/components/diwa-scroller/types.ts::ScrollerScrollIndicatorPosition",
+                            "referenceLocation": "ScrollerScrollIndicatorPosition"
                         }
                     }
                 },
@@ -85,8 +86,8 @@ export class DiwaScroller {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "align-scroll-indicator",
                 "reflect": false,
+                "attribute": "align-scroll-indicator",
                 "defaultValue": "'center'"
             },
             "scrollbar": {
@@ -105,8 +106,8 @@ export class DiwaScroller {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "scrollbar",
                 "reflect": false,
+                "attribute": "scrollbar",
                 "defaultValue": "false"
             },
             "theme": {
@@ -119,7 +120,8 @@ export class DiwaScroller {
                         "Theme": {
                             "location": "import",
                             "path": "../../utils/styles",
-                            "id": "src/utils/styles.ts::Theme"
+                            "id": "src/utils/styles.ts::Theme",
+                            "referenceLocation": "Theme"
                         }
                     }
                 },
@@ -131,8 +133,8 @@ export class DiwaScroller {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "theme",
                 "reflect": true,
+                "attribute": "theme",
                 "defaultValue": "'dark'"
             }
         };
@@ -145,4 +147,3 @@ export class DiwaScroller {
         };
     }
 }
-//# sourceMappingURL=diwa-scroller.js.map

package/dist/collection/components/diwa-scroller/types.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=types.js.map

package/dist/collection/components/diwa-segmented-control/diwa-segmented-control-styles.js

@@ -18,4 +18,3 @@ export const getComponentCss = () => `
     gap: var(--diwa-space-0-5);
   }
 `;
-//# sourceMappingURL=diwa-segmented-control-styles.js.map

package/dist/collection/components/diwa-segmented-control/diwa-segmented-control.js

@@ -45,7 +45,7 @@ export class DiwaSegmentedControl {
         });
     }
     render() {
-        return (h(Host, { key: 'a234c388f48d3c866ffdab8c6eadc9b8bb5af4c8', role: "group", "data-theme": this.theme }, h("style", { key: 'bfad2e8a1da5a8395b9dcc3662913ff13f4607fe', innerHTML: getComponentCss() }), h("div", { key: 'f08d1b1bdd31d095333e51ac72ae3f40ebd27812', class: "track" }, h("slot", { key: 'b5ff001d635e09aa097cd8b3b6b32500490a19da' }))));
+        return (h(Host, { key: '40695f16ca3a0601152b10a53bbb5c9812a14eba', role: "group", "data-theme": this.theme }, h("style", { key: '2d8853e5dc014243df0d27691c78a3ed83e18ad2', innerHTML: getComponentCss() }), h("div", { key: '102dc801b004efcb3a5c945d4500342939229c87', class: "track" }, h("slot", { key: 'bbda373551c9ebd3a32cbb6c12a13b8b1bd77bcc' }))));
     }
     static get is() { return "diwa-segmented-control"; }
     static get encapsulation() { return "shadow"; }
@@ -61,7 +61,8 @@ export class DiwaSegmentedControl {
                         "Theme": {
                             "location": "import",
                             "path": "../../utils/styles",
-                            "id": "src/utils/styles.ts::Theme"
+                            "id": "src/utils/styles.ts::Theme",
+                            "referenceLocation": "Theme"
                         }
                     }
                 },
@@ -73,8 +74,8 @@ export class DiwaSegmentedControl {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "theme",
                 "reflect": true,
+                "attribute": "theme",
                 "defaultValue": "'dark'"
             },
             "value": {
@@ -93,8 +94,8 @@ export class DiwaSegmentedControl {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": true,
+                "attribute": "value",
                 "defaultValue": "''"
             },
             "disabled": {
@@ -113,8 +114,8 @@ export class DiwaSegmentedControl {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": true,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "compact": {
@@ -133,8 +134,8 @@ export class DiwaSegmentedControl {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "compact",
                 "reflect": true,
+                "attribute": "compact",
                 "defaultValue": "false"
             }
         };
@@ -157,7 +158,8 @@ export class DiwaSegmentedControl {
                         "SegmentedControlUpdateEventDetail": {
                             "location": "import",
                             "path": "./types",
-                            "id": "src/components/diwa-segmented-control/types.ts::SegmentedControlUpdateEventDetail"
+                            "id": "src/components/diwa-segmented-control/types.ts::SegmentedControlUpdateEventDetail",
+                            "referenceLocation": "SegmentedControlUpdateEventDetail"
                         }
                     }
                 }
@@ -174,4 +176,3 @@ export class DiwaSegmentedControl {
             }];
     }
 }
-//# sourceMappingURL=diwa-segmented-control.js.map

package/dist/collection/components/diwa-segmented-control/types.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=types.js.map

package/dist/collection/components/diwa-segmented-control-item/diwa-segmented-control-item-styles.js

@@ -38,4 +38,3 @@ export const getComponentCss = (selected, disabled, compact) => `
 
   ${getReducedMotionStyle('.btn')}
 `;
-//# sourceMappingURL=diwa-segmented-control-item-styles.js.map

package/dist/collection/components/diwa-segmented-control-item/diwa-segmented-control-item.js

@@ -29,7 +29,7 @@ export class DiwaSegmentedControlItem {
         };
     }
     render() {
-        return (h(Host, { key: '2a0ee21e2203bc962d2cb1156ebe70b0cbc30d1e' }, h("style", { key: 'e8ff2c5b70860cc872cad97d689e16cf9c82c064', innerHTML: getComponentCss(this.selected, this.disabled, this.compact) }), h("button", { key: '112f93b906318888f5113417fdfddf0ce1aad3a8', class: "btn", type: "button", disabled: this.disabled, "aria-pressed": this.selected ? 'true' : 'false', onClick: this.handleClick }, h("slot", { key: 'bd6ef60d2fc09a59cfd8108377f1981aaefc991c' }))));
+        return (h(Host, { key: 'f3db1aeca532bd4acf5fa3ae0b1a4e549b60e973' }, h("style", { key: '829f2b2395967cc90ac37e045e06544b96bb8658', innerHTML: getComponentCss(this.selected, this.disabled, this.compact) }), h("button", { key: 'e1e5836b27393ba06b76f53f7a76671bc1565d5f', class: "btn", type: "button", disabled: this.disabled, "aria-pressed": this.selected ? 'true' : 'false', onClick: this.handleClick }, h("slot", { key: '6d854105c0a6f0a2787a309c9506713eab38f885' }))));
     }
     static get is() { return "diwa-segmented-control-item"; }
     static get encapsulation() { return "shadow"; }
@@ -46,7 +46,8 @@ export class DiwaSegmentedControlItem {
                         "Theme": {
                             "location": "import",
                             "path": "../../utils/styles",
-                            "id": "src/utils/styles.ts::Theme"
+                            "id": "src/utils/styles.ts::Theme",
+                            "referenceLocation": "Theme"
                         }
                     }
                 },
@@ -58,8 +59,8 @@ export class DiwaSegmentedControlItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "theme",
                 "reflect": true,
+                "attribute": "theme",
                 "defaultValue": "'dark'"
             },
             "value": {
@@ -78,8 +79,8 @@ export class DiwaSegmentedControlItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": true,
+                "attribute": "value",
                 "defaultValue": "''"
             },
             "selected": {
@@ -98,8 +99,8 @@ export class DiwaSegmentedControlItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "selected",
                 "reflect": true,
+                "attribute": "selected",
                 "defaultValue": "false"
             },
             "disabled": {
@@ -118,8 +119,8 @@ export class DiwaSegmentedControlItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": true,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "compact": {
@@ -138,8 +139,8 @@ export class DiwaSegmentedControlItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "compact",
                 "reflect": true,
+                "attribute": "compact",
                 "defaultValue": "false"
             }
         };
@@ -164,4 +165,3 @@ export class DiwaSegmentedControlItem {
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=diwa-segmented-control-item.js.map

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

@@ -262,4 +262,3 @@ export const getComponentCss = (isOpen, _disabled, _state, _compact, isUp = fals
 
   ${getReducedMotionStyle('.trigger', '.trigger__chevron', '.filter__input')}
 `;
-//# sourceMappingURL=diwa-select-styles.js.map

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

@@ -306,7 +306,7 @@ export class DiwaSelect {
         const hasMessage = !!this.message && this.state !== 'none';
         const hasValue = this.value !== undefined && this.value !== '';
         const displayLabel = hasValue ? this.selectedLabel : undefined;
-        return (h(Host, { key: '78cb284c75c35d7a8c9c55c65a1b2da507cb3825', "data-theme": this.theme }, h("style", { key: '56535329000ff0addc23203c53161262d077d0ae', innerHTML: getComponentCss(this.isOpen, this.disabled, this.state, this.compact, this.dropdownClass.includes('--up')) }), (this.label || this.host.querySelector('[slot="label"]')) && (h("span", { key: 'a50ee541c02fddefb765c9e8be397bc5fd8fdbe3', class: "label", id: labelId, part: "label" }, h("slot", { key: '5acac4fc52daaa0a7e8137f41bd0b5e91ba4be86', name: "label" }, this.label), this.required && h("span", { key: '1f61ca50a28561365e8491e108268680b0e1ccf1', class: "label__required", "aria-hidden": "true" }, "*"))), (this.description || this.host.querySelector('[slot="description"]')) && (h("span", { key: '41e461a959513a8dafe4a8fd6d7c7c0597dd11be', class: "description", part: "description" }, h("slot", { key: '33f083c62405b70fd4df87ccd5770946778a168c', name: "description" }, this.description))), h("div", { key: '88a408a5abaa1f4c48f54b8dda240a3ee8ed3a5e', class: "trigger", role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId, "aria-labelledby": this.label ? labelId : undefined, "aria-required": this.required ? 'true' : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-describedby": hasMessage ? hintId : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.onTriggerClick, onKeyDown: this.onTriggerKeyDown, ref: (el) => (this.triggerEl = el), part: "trigger" }, h("span", { key: 'c397c30576a9396ca26a150d4b31686b34324c50', class: `trigger__value${!displayLabel ? ' trigger__placeholder' : ''}`, part: "value" }, displayLabel !== null && displayLabel !== void 0 ? displayLabel : (this.label || 'Select an option')), h("span", { key: '3c4c6ba3dfc5e53102754e8c8f99b01041cb034c', class: "trigger__chevron", "aria-hidden": "true", part: "chevron" }, h("svg", { key: '9d7a5b129826e3d448c3cebb41cd1c6cba9af980', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: '6c4b2336e5e0968cb79034a17c12ef7f1475d1d4', points: "6 9 12 15 18 9" })))), h("div", { key: '9a004e9726798f987e73de928cff74aae2192eba', class: this.dropdownClass, role: "listbox", id: listboxId, "aria-multiselectable": "false", "aria-labelledby": this.label ? labelId : undefined, part: "dropdown" }, h("div", { key: 'be02228e7c2763174b84c98665e43c1b41be96c4', class: "filter", part: "filter" }, h("input", { key: 'df2a97b9017bf0fa550ddd7edf81bb5b63daa567', class: "filter__input", type: "text", placeholder: "Filter options\u2026", "aria-label": "Filter options", onInput: this.onFilterInput, ref: (el) => (this.filterInputEl = el), part: "filter-input" })), h("div", { key: 'f1b7dff287feb28cacea9353263a3efb530d77f2', class: "options", part: "options" }, !this.hasFilterResults && (h("div", { key: '11c5108f2e3e2e1ae36e2f4f15f5da49b5e4f645', class: "no-results", "aria-live": "polite" }, "No options found")), h("slot", { key: 'f220f388ef3964448427dd45943193bce7419f88' }))), hasMessage && (h("span", { key: '8ceca0f175af448577d629581d39a44dfd39f63f', class: "message", id: hintId, role: "status", part: "message" }, h("slot", { key: '91c7a0c99fa7a642ba0987cbab196d61e61cea9e', name: "message" }, this.message)))));
+        return (h(Host, { key: '3ddf86c6e8e2cf807768ca8b209aad8a5c8da5fc', "data-theme": this.theme }, h("style", { key: 'c0244dc80bc55386fbb8b5a87c5130f94b287008', innerHTML: getComponentCss(this.isOpen, this.disabled, this.state, this.compact, this.dropdownClass.includes('--up')) }), (this.label || this.host.querySelector('[slot="label"]')) && (h("span", { key: '8ba197493fd4514a3f53b7e8d7f64da5adc4ef39', class: "label", id: labelId, part: "label" }, h("slot", { key: '994d35d52e2dbb6c402a0a0bea42032367aa31b9', name: "label" }, this.label), this.required && h("span", { key: '5c5c38c33bd4452270378f556204dece249b48eb', class: "label__required", "aria-hidden": "true" }, "*"))), (this.description || this.host.querySelector('[slot="description"]')) && (h("span", { key: 'addd8e741c169b88210f9b7ac93acd4450a02279', class: "description", part: "description" }, h("slot", { key: 'a36853c06f747e2d1e67b633ffc749881261f697', name: "description" }, this.description))), h("div", { key: '8f281c76cb95f7908c258e4c268199e98bb26702', class: "trigger", role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId, "aria-labelledby": this.label ? labelId : undefined, "aria-required": this.required ? 'true' : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-describedby": hasMessage ? hintId : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.onTriggerClick, onKeyDown: this.onTriggerKeyDown, ref: (el) => (this.triggerEl = el), part: "trigger" }, h("span", { key: 'fbf9388b481d492ae2c1a9dceca6e0144d99f7a7', class: `trigger__value${!displayLabel ? ' trigger__placeholder' : ''}`, part: "value" }, displayLabel !== null && displayLabel !== void 0 ? displayLabel : (this.label || 'Select an option')), h("span", { key: 'df535dcb6ad2ab76f910fd5c04ac6138e7f3759d', class: "trigger__chevron", "aria-hidden": "true", part: "chevron" }, h("svg", { key: 'd21f5ea814c41c59ab2b3d2abc1c14f839619f4e', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: '08b69903e085e0ec9379bfb552dd058b293924f1', points: "6 9 12 15 18 9" })))), h("div", { key: '89f3400afb3e4ab984e42f413b0f34434155b0ff', class: this.dropdownClass, role: "listbox", id: listboxId, "aria-multiselectable": "false", "aria-labelledby": this.label ? labelId : undefined, part: "dropdown" }, h("div", { key: 'a4242becefb0417a2c70c39bcd7cd4c523961046', class: "filter", part: "filter" }, h("input", { key: '79b965331aed2dd3d7607fe00dfc329c88aa6edd', class: "filter__input", type: "text", placeholder: "Filter options\u2026", "aria-label": "Filter options", onInput: this.onFilterInput, ref: (el) => (this.filterInputEl = el), part: "filter-input" })), h("div", { key: '06e022229e36d9214590809c201b2665e9a36152', class: "options", part: "options" }, !this.hasFilterResults && (h("div", { key: '67b8e26c137b2abbe03dde407d784e6caa915245', class: "no-results", "aria-live": "polite" }, "No options found")), h("slot", { key: 'a6cfe5c0249767c1b3537d4413760a2d66b63e5f' }))), hasMessage && (h("span", { key: 'e3093360156dab2d6f9a04cb9209d969f43dacd0', class: "message", id: hintId, role: "status", part: "message" }, h("slot", { key: 'dd9b2b269840618318506de2e6b85496faa167a3', name: "message" }, this.message)))));
     }
     static get is() { return "diwa-select"; }
     static get encapsulation() { return "shadow"; }
@@ -323,7 +323,8 @@ export class DiwaSelect {
                         "SelectTheme": {
                             "location": "import",
                             "path": "./types",
-                            "id": "src/components/diwa-select/types.ts::SelectTheme"
+                            "id": "src/components/diwa-select/types.ts::SelectTheme",
+                            "referenceLocation": "SelectTheme"
                         }
                     }
                 },
@@ -335,8 +336,8 @@ export class DiwaSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "theme",
                 "reflect": true,
+                "attribute": "theme",
                 "defaultValue": "'dark'"
             },
             "label": {
@@ -355,8 +356,8 @@ export class DiwaSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
-                "reflect": false
+                "reflect": false,
+                "attribute": "label"
             },
             "description": {
                 "type": "string",
@@ -374,8 +375,8 @@ export class DiwaSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "description",
-                "reflect": false
+                "reflect": false,
+                "attribute": "description"
             },
             "name": {
                 "type": "string",
@@ -393,8 +394,8 @@ export class DiwaSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
                 "reflect": false,
+                "attribute": "name",
                 "defaultValue": "''"
             },
             "value": {
@@ -413,8 +414,8 @@ export class DiwaSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
-                "reflect": false
+                "reflect": false,
+                "attribute": "value"
             },
             "state": {
                 "type": "string",
@@ -426,7 +427,8 @@ export class DiwaSelect {
                         "SelectState": {
                             "location": "import",
                             "path": "./types",
-                            "id": "src/components/diwa-select/types.ts::SelectState"
+                            "id": "src/components/diwa-select/types.ts::SelectState",
+                            "referenceLocation": "SelectState"
                         }
                     }
                 },
@@ -438,8 +440,8 @@ export class DiwaSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "state",
                 "reflect": true,
+                "attribute": "state",
                 "defaultValue": "'none'"
             },
             "message": {
@@ -458,8 +460,8 @@ export class DiwaSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "message",
-                "reflect": false
+                "reflect": false,
+                "attribute": "message"
             },
             "hideLabel": {
                 "type": "boolean",
@@ -477,8 +479,8 @@ export class DiwaSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "hide-label",
                 "reflect": true,
+                "attribute": "hide-label",
                 "defaultValue": "false"
             },
             "disabled": {
@@ -497,8 +499,8 @@ export class DiwaSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": true,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "required": {
@@ -517,8 +519,8 @@ export class DiwaSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "required",
                 "reflect": false,
+                "attribute": "required",
                 "defaultValue": "false"
             },
             "compact": {
@@ -537,8 +539,8 @@ export class DiwaSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "compact",
                 "reflect": true,
+                "attribute": "compact",
                 "defaultValue": "false"
             },
             "dropdownDirection": {
@@ -551,7 +553,8 @@ export class DiwaSelect {
                         "SelectDropdownDirection": {
                             "location": "import",
                             "path": "./types",
-                            "id": "src/components/diwa-select/types.ts::SelectDropdownDirection"
+                            "id": "src/components/diwa-select/types.ts::SelectDropdownDirection",
+                            "referenceLocation": "SelectDropdownDirection"
                         }
                     }
                 },
@@ -563,8 +566,8 @@ export class DiwaSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "dropdown-direction",
                 "reflect": false,
+                "attribute": "dropdown-direction",
                 "defaultValue": "'auto'"
             }
         };
@@ -594,7 +597,8 @@ export class DiwaSelect {
                         "SelectChangeEventDetail": {
                             "location": "import",
                             "path": "./types",
-                            "id": "src/components/diwa-select/types.ts::SelectChangeEventDetail"
+                            "id": "src/components/diwa-select/types.ts::SelectChangeEventDetail",
+                            "referenceLocation": "SelectChangeEventDetail"
                         }
                     }
                 }
@@ -615,7 +619,8 @@ export class DiwaSelect {
                         "SelectToggleEventDetail": {
                             "location": "import",
                             "path": "./types",
-                            "id": "src/components/diwa-select/types.ts::SelectToggleEventDetail"
+                            "id": "src/components/diwa-select/types.ts::SelectToggleEventDetail",
+                            "referenceLocation": "SelectToggleEventDetail"
                         }
                     }
                 }
@@ -706,4 +711,3 @@ export class DiwaSelect {
             }];
     }
 }
-//# sourceMappingURL=diwa-select.js.map

package/dist/collection/components/diwa-select/types.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=types.js.map

package/dist/collection/components/diwa-select-option/diwa-select-option-styles.js

@@ -104,4 +104,3 @@ export const getComponentCss = () => `
 
   ${getReducedMotionStyle('.option')}
 `;
-//# sourceMappingURL=diwa-select-option-styles.js.map

package/dist/collection/components/diwa-select-option/diwa-select-option.js

@@ -51,7 +51,7 @@ export class DiwaSelectOption {
         (_a = this.optionEl) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (h(Host, { key: '86c5dd52dbfc96056c5031be22e751c4c741527f', "data-theme": this.theme }, h("style", { key: '903154a75ff36b77647ee2c769717e5f1df574e6', innerHTML: getComponentCss() }), h("div", { key: 'c95e357baac1fd10642383cb4259d29dd356825e', class: "option", role: "option", "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown, ref: (el) => (this.optionEl = el), part: "option" }, h("span", { key: '902e2a17f8bbff2e450349f5e2ef1df3d5b54df7', class: "check", "aria-hidden": "true", part: "check" }, "\u2713"), h("span", { key: '535f939bb208a6dad985b803ef18ebb240cd2c30', class: "label", part: "label" }, h("slot", { key: '055c66f037f5783f2aad7256a15dbfae034b5796' })))));
+        return (h(Host, { key: '9158ac98075c499743af5e90042851b600c8da90', "data-theme": this.theme }, h("style", { key: '8dd7b313f3a81fd7d478b76596ecd60cbcec7ecb', innerHTML: getComponentCss() }), h("div", { key: '88ac7bcf19615142315509da16fb101fe7e59f36', class: "option", role: "option", "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown, ref: (el) => (this.optionEl = el), part: "option" }, h("span", { key: 'a4b3dfab5484a3916be1d64170c5337d9cc01f53', class: "check", "aria-hidden": "true", part: "check" }, "\u2713"), h("span", { key: 'c2d81f7766672cb0e5c755e2f0879361e65d3205', class: "label", part: "label" }, h("slot", { key: '0efdefa87396d832b47fba5fcdc66cb117f75396' })))));
     }
     static get is() { return "diwa-select-option"; }
     static get encapsulation() { return "shadow"; }
@@ -74,8 +74,8 @@ export class DiwaSelectOption {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
-                "reflect": true
+                "reflect": true,
+                "attribute": "value"
             },
             "disabled": {
                 "type": "boolean",
@@ -93,8 +93,8 @@ export class DiwaSelectOption {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": true,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "selected": {
@@ -113,8 +113,8 @@ export class DiwaSelectOption {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "selected",
                 "reflect": true,
+                "attribute": "selected",
                 "defaultValue": "false"
             },
             "highlighted": {
@@ -133,8 +133,8 @@ export class DiwaSelectOption {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "highlighted",
                 "reflect": true,
+                "attribute": "highlighted",
                 "defaultValue": "false"
             },
             "theme": {
@@ -147,7 +147,8 @@ export class DiwaSelectOption {
                         "Theme": {
                             "location": "import",
                             "path": "../../utils/styles",
-                            "id": "src/utils/styles.ts::Theme"
+                            "id": "src/utils/styles.ts::Theme",
+                            "referenceLocation": "Theme"
                         }
                     }
                 },
@@ -159,8 +160,8 @@ export class DiwaSelectOption {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "theme",
                 "reflect": false,
+                "attribute": "theme",
                 "defaultValue": "'dark'"
             },
             "compact": {
@@ -179,8 +180,8 @@ export class DiwaSelectOption {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "compact",
                 "reflect": true,
+                "attribute": "compact",
                 "defaultValue": "false"
             }
         };
@@ -229,4 +230,3 @@ export class DiwaSelectOption {
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=diwa-select-option.js.map

package/dist/collection/components/diwa-select-option/types.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=types.js.map

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

@@ -41,4 +41,3 @@ export const getComponentCss = () => `
 
   ${getReducedMotionStyle('.glyph')}
 `;
-//# sourceMappingURL=diwa-spinner-styles.js.map

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

@@ -63,7 +63,7 @@ export class DiwaSpinner {
          * when the spinner appears without stealing focus (live region,
          * polite by default). aria-label provides the announcement text.
          */
-        h(Host, { key: 'a706f0d4b8ca5581f7375e4f0d36f46166974fbe', role: "status", "aria-label": this.label, "data-theme": this.theme }, h("style", { key: 'b01e2dc30f9b3c4c5422fc9f58055b4e29e660c0', innerHTML: getComponentCss() }), h("svg", { key: 'dae9e1f32d62abf2e5918c8841bb25a590b0e385', ref: (el) => (this.svgEl = el), class: "glyph", "aria-hidden": "true", part: "ring", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+        h(Host, { key: '5a130b11797c45cf6c3e9d1e1493f35cbef40ed6', role: "status", "aria-label": this.label, "data-theme": this.theme }, h("style", { key: 'b1f1c14a660db1ec56afbf814c6bfc5b21e4cf24', innerHTML: getComponentCss() }), h("svg", { key: '3e30e5ce78a52ba9904f808641fda6b0a3f5131f', ref: (el) => (this.svgEl = el), class: "glyph", "aria-hidden": "true", part: "ring", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
     }
     static get is() { return "diwa-spinner"; }
     static get encapsulation() { return "shadow"; }
@@ -79,7 +79,8 @@ export class DiwaSpinner {
                         "SpinnerSize": {
                             "location": "import",
                             "path": "./types",
-                            "id": "src/components/diwa-spinner/types.ts::SpinnerSize"
+                            "id": "src/components/diwa-spinner/types.ts::SpinnerSize",
+                            "referenceLocation": "SpinnerSize"
                         }
                     }
                 },
@@ -91,8 +92,8 @@ export class DiwaSpinner {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
                 "reflect": true,
+                "attribute": "size",
                 "defaultValue": "\"md\""
             },
             "theme": {
@@ -105,7 +106,8 @@ export class DiwaSpinner {
                         "Theme": {
                             "location": "import",
                             "path": "../../utils/styles",
-                            "id": "src/utils/styles.ts::Theme"
+                            "id": "src/utils/styles.ts::Theme",
+                            "referenceLocation": "Theme"
                         }
                     }
                 },
@@ -117,8 +119,8 @@ export class DiwaSpinner {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "theme",
                 "reflect": true,
+                "attribute": "theme",
                 "defaultValue": "\"dark\""
             },
             "label": {
@@ -137,11 +139,10 @@ export class DiwaSpinner {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": false,
+                "attribute": "label",
                 "defaultValue": "\"Loading\""
             }
         };
     }
 }
-//# sourceMappingURL=diwa-spinner.js.map

package/dist/collection/components/diwa-spinner/types.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=types.js.map

package/dist/collection/components/diwa-stepper-horizontal/diwa-stepper-horizontal-styles.js

@@ -19,4 +19,3 @@ export const getComponentCss = () => `
     display: none;
   }
 `;
-//# sourceMappingURL=diwa-stepper-horizontal-styles.js.map