@diwacopilot/components 1.1.1 → 1.2.1

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"; }
@@ -115,7 +115,8 @@ export class DiwaFlyout {
                         "Theme": {
                             "location": "import",
                             "path": "../../utils/styles",
-                            "id": "src/utils/styles.ts::Theme"
+                            "id": "src/utils/styles.ts::Theme",
+                            "referenceLocation": "Theme"
                         }
                     }
                 },
@@ -127,8 +128,8 @@ export class DiwaFlyout {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "theme",
                 "reflect": true,
+                "attribute": "theme",
                 "defaultValue": "'dark'"
             },
             "open": {
@@ -147,8 +148,8 @@ export class DiwaFlyout {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "open",
                 "reflect": true,
+                "attribute": "open",
                 "defaultValue": "false"
             },
             "position": {
@@ -161,7 +162,8 @@ export class DiwaFlyout {
                         "FlyoutPosition": {
                             "location": "import",
                             "path": "./types",
-                            "id": "src/components/diwa-flyout/types.ts::FlyoutPosition"
+                            "id": "src/components/diwa-flyout/types.ts::FlyoutPosition",
+                            "referenceLocation": "FlyoutPosition"
                         }
                     }
                 },
@@ -173,8 +175,8 @@ export class DiwaFlyout {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "position",
                 "reflect": true,
+                "attribute": "position",
                 "defaultValue": "'end'"
             },
             "backdrop": {
@@ -187,7 +189,8 @@ export class DiwaFlyout {
                         "FlyoutBackdrop": {
                             "location": "import",
                             "path": "./types",
-                            "id": "src/components/diwa-flyout/types.ts::FlyoutBackdrop"
+                            "id": "src/components/diwa-flyout/types.ts::FlyoutBackdrop",
+                            "referenceLocation": "FlyoutBackdrop"
                         }
                     }
                 },
@@ -199,8 +202,8 @@ export class DiwaFlyout {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "backdrop",
                 "reflect": false,
+                "attribute": "backdrop",
                 "defaultValue": "'blur'"
             },
             "heading": {
@@ -219,8 +222,8 @@ export class DiwaFlyout {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "heading",
                 "reflect": false,
+                "attribute": "heading",
                 "defaultValue": "''"
             }
         };
@@ -259,4 +262,3 @@ export class DiwaFlyout {
             }];
     }
 }
-//# sourceMappingURL=diwa-flyout.js.map

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

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

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

@@ -50,4 +50,3 @@ export const getComponentCss = (size, weight, align, color, ellipsis) => `
     ${ellipsis ? 'overflow: hidden; text-overflow: ellipsis; white-space: nowrap;' : ''}
   }
 `;
-//# sourceMappingURL=diwa-heading-styles.js.map

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

@@ -23,4 +23,3 @@ export function getHeadingTag(host, size, tag) {
         return tag;
     return SIZE_TO_TAG[size];
 }
-//# sourceMappingURL=diwa-heading-utils.js.map

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"; }
@@ -63,7 +63,8 @@ export class DiwaHeading {
                         "Theme": {
                             "location": "import",
                             "path": "../../utils/styles",
-                            "id": "src/utils/styles.ts::Theme"
+                            "id": "src/utils/styles.ts::Theme",
+                            "referenceLocation": "Theme"
                         }
                     }
                 },
@@ -75,8 +76,8 @@ export class DiwaHeading {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "theme",
                 "reflect": true,
+                "attribute": "theme",
                 "defaultValue": "'dark'"
             },
             "size": {
@@ -89,7 +90,8 @@ export class DiwaHeading {
                         "HeadingSize": {
                             "location": "import",
                             "path": "./types",
-                            "id": "src/components/diwa-heading/types.ts::HeadingSize"
+                            "id": "src/components/diwa-heading/types.ts::HeadingSize",
+                            "referenceLocation": "HeadingSize"
                         }
                     }
                 },
@@ -101,8 +103,8 @@ export class DiwaHeading {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
                 "reflect": true,
+                "attribute": "size",
                 "defaultValue": "'h2'"
             },
             "tag": {
@@ -115,7 +117,8 @@ export class DiwaHeading {
                         "HeadingTag": {
                             "location": "import",
                             "path": "./types",
-                            "id": "src/components/diwa-heading/types.ts::HeadingTag"
+                            "id": "src/components/diwa-heading/types.ts::HeadingTag",
+                            "referenceLocation": "HeadingTag"
                         }
                     }
                 },
@@ -127,8 +130,8 @@ export class DiwaHeading {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "tag",
-                "reflect": true
+                "reflect": true,
+                "attribute": "tag"
             },
             "weight": {
                 "type": "string",
@@ -140,7 +143,8 @@ export class DiwaHeading {
                         "HeadingWeight": {
                             "location": "import",
                             "path": "./types",
-                            "id": "src/components/diwa-heading/types.ts::HeadingWeight"
+                            "id": "src/components/diwa-heading/types.ts::HeadingWeight",
+                            "referenceLocation": "HeadingWeight"
                         }
                     }
                 },
@@ -152,8 +156,8 @@ export class DiwaHeading {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "weight",
                 "reflect": true,
+                "attribute": "weight",
                 "defaultValue": "'bold'"
             },
             "align": {
@@ -166,7 +170,8 @@ export class DiwaHeading {
                         "HeadingAlign": {
                             "location": "import",
                             "path": "./types",
-                            "id": "src/components/diwa-heading/types.ts::HeadingAlign"
+                            "id": "src/components/diwa-heading/types.ts::HeadingAlign",
+                            "referenceLocation": "HeadingAlign"
                         }
                     }
                 },
@@ -178,8 +183,8 @@ export class DiwaHeading {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "align",
                 "reflect": true,
+                "attribute": "align",
                 "defaultValue": "'start'"
             },
             "color": {
@@ -192,7 +197,8 @@ export class DiwaHeading {
                         "HeadingColor": {
                             "location": "import",
                             "path": "./types",
-                            "id": "src/components/diwa-heading/types.ts::HeadingColor"
+                            "id": "src/components/diwa-heading/types.ts::HeadingColor",
+                            "referenceLocation": "HeadingColor"
                         }
                     }
                 },
@@ -204,8 +210,8 @@ export class DiwaHeading {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "color",
                 "reflect": true,
+                "attribute": "color",
                 "defaultValue": "'primary'"
             },
             "ellipsis": {
@@ -224,12 +230,11 @@ export class DiwaHeading {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "ellipsis",
                 "reflect": true,
+                "attribute": "ellipsis",
                 "defaultValue": "false"
             }
         };
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=diwa-heading.js.map

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

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

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

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

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"; }
@@ -91,8 +91,8 @@ export class DiwaIcon {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
                 "reflect": false,
+                "attribute": "name",
                 "defaultValue": "'circle'"
             },
             "size": {
@@ -114,8 +114,8 @@ export class DiwaIcon {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "24"
             },
             "color": {
@@ -137,8 +137,8 @@ export class DiwaIcon {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "color",
                 "reflect": false,
+                "attribute": "color",
                 "defaultValue": "'currentColor'"
             },
             "label": {
@@ -157,8 +157,8 @@ export class DiwaIcon {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
-                "reflect": false
+                "reflect": false,
+                "attribute": "label"
             },
             "theme": {
                 "type": "string",
@@ -170,7 +170,8 @@ export class DiwaIcon {
                         "Theme": {
                             "location": "import",
                             "path": "../../utils/styles",
-                            "id": "src/utils/styles.ts::Theme"
+                            "id": "src/utils/styles.ts::Theme",
+                            "referenceLocation": "Theme"
                         }
                     }
                 },
@@ -182,12 +183,11 @@ export class DiwaIcon {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "theme",
                 "reflect": true,
+                "attribute": "theme",
                 "defaultValue": "'dark'"
             }
         };
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=diwa-icon.js.map

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

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

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

@@ -106,4 +106,3 @@ export const getComponentCss = (state) => {
   }
 `;
 };
-//# sourceMappingURL=diwa-inline-notification-styles.js.map

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"; }
@@ -92,7 +92,8 @@ export class DiwaInlineNotification {
                         "Theme": {
                             "location": "import",
                             "path": "../../utils/styles",
-                            "id": "src/utils/styles.ts::Theme"
+                            "id": "src/utils/styles.ts::Theme",
+                            "referenceLocation": "Theme"
                         }
                     }
                 },
@@ -104,8 +105,8 @@ export class DiwaInlineNotification {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "theme",
                 "reflect": true,
+                "attribute": "theme",
                 "defaultValue": "'dark'"
             },
             "state": {
@@ -118,7 +119,8 @@ export class DiwaInlineNotification {
                         "InlineNotificationState": {
                             "location": "import",
                             "path": "./types",
-                            "id": "src/components/diwa-inline-notification/types.ts::InlineNotificationState"
+                            "id": "src/components/diwa-inline-notification/types.ts::InlineNotificationState",
+                            "referenceLocation": "InlineNotificationState"
                         }
                     }
                 },
@@ -130,8 +132,8 @@ export class DiwaInlineNotification {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "state",
                 "reflect": true,
+                "attribute": "state",
                 "defaultValue": "'info'"
             },
             "heading": {
@@ -150,8 +152,8 @@ export class DiwaInlineNotification {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "heading",
                 "reflect": false,
+                "attribute": "heading",
                 "defaultValue": "''"
             },
             "description": {
@@ -170,8 +172,8 @@ export class DiwaInlineNotification {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "description",
                 "reflect": false,
+                "attribute": "description",
                 "defaultValue": "''"
             },
             "dismissButton": {
@@ -190,8 +192,8 @@ export class DiwaInlineNotification {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "dismiss-button",
                 "reflect": false,
+                "attribute": "dismiss-button",
                 "defaultValue": "true"
             },
             "actionLabel": {
@@ -210,8 +212,8 @@ export class DiwaInlineNotification {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "action-label",
-                "reflect": false
+                "reflect": false,
+                "attribute": "action-label"
             },
             "actionLoading": {
                 "type": "boolean",
@@ -229,8 +231,8 @@ export class DiwaInlineNotification {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "action-loading",
                 "reflect": false,
+                "attribute": "action-loading",
                 "defaultValue": "false"
             }
         };
@@ -269,4 +271,3 @@ export class DiwaInlineNotification {
             }];
     }
 }
-//# sourceMappingURL=diwa-inline-notification.js.map

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

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

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

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

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"; }
@@ -102,7 +102,8 @@ export class DiwaInput {
                         "InputType": {
                             "location": "import",
                             "path": "./types",
-                            "id": "src/components/diwa-input/types.ts::InputType"
+                            "id": "src/components/diwa-input/types.ts::InputType",
+                            "referenceLocation": "InputType"
                         }
                     }
                 },
@@ -114,8 +115,8 @@ export class DiwaInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "type",
                 "reflect": false,
+                "attribute": "type",
                 "defaultValue": "\"text\""
             },
             "label": {
@@ -134,8 +135,8 @@ export class DiwaInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
-                "reflect": false
+                "reflect": false,
+                "attribute": "label"
             },
             "placeholder": {
                 "type": "string",
@@ -153,8 +154,8 @@ export class DiwaInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "placeholder",
-                "reflect": false
+                "reflect": false,
+                "attribute": "placeholder"
             },
             "value": {
                 "type": "string",
@@ -172,8 +173,8 @@ export class DiwaInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": false,
+                "attribute": "value",
                 "defaultValue": "\"\""
             },
             "required": {
@@ -192,8 +193,8 @@ export class DiwaInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "required",
                 "reflect": false,
+                "attribute": "required",
                 "defaultValue": "false"
             },
             "disabled": {
@@ -212,8 +213,8 @@ export class DiwaInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": true,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "readonly": {
@@ -232,8 +233,8 @@ export class DiwaInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "readonly",
                 "reflect": true,
+                "attribute": "readonly",
                 "defaultValue": "false"
             },
             "state": {
@@ -246,7 +247,8 @@ export class DiwaInput {
                         "InputState": {
                             "location": "import",
                             "path": "./types",
-                            "id": "src/components/diwa-input/types.ts::InputState"
+                            "id": "src/components/diwa-input/types.ts::InputState",
+                            "referenceLocation": "InputState"
                         }
                     }
                 },
@@ -258,8 +260,8 @@ export class DiwaInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "state",
                 "reflect": true,
+                "attribute": "state",
                 "defaultValue": "\"default\""
             },
             "hint": {
@@ -278,8 +280,8 @@ export class DiwaInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "hint",
-                "reflect": false
+                "reflect": false,
+                "attribute": "hint"
             },
             "autocomplete": {
                 "type": "string",
@@ -297,8 +299,8 @@ export class DiwaInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "autocomplete",
-                "reflect": false
+                "reflect": false,
+                "attribute": "autocomplete"
             },
             "name": {
                 "type": "string",
@@ -316,8 +318,8 @@ export class DiwaInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
-                "reflect": false
+                "reflect": false,
+                "attribute": "name"
             },
             "inputId": {
                 "type": "string",
@@ -335,8 +337,8 @@ export class DiwaInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "input-id",
-                "reflect": false
+                "reflect": false,
+                "attribute": "input-id"
             },
             "theme": {
                 "type": "string",
@@ -348,7 +350,8 @@ export class DiwaInput {
                         "Theme": {
                             "location": "import",
                             "path": "../../utils/styles",
-                            "id": "src/utils/styles.ts::Theme"
+                            "id": "src/utils/styles.ts::Theme",
+                            "referenceLocation": "Theme"
                         }
                     }
                 },
@@ -360,8 +363,8 @@ export class DiwaInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "theme",
                 "reflect": true,
+                "attribute": "theme",
                 "defaultValue": "'dark'"
             }
         };
@@ -440,4 +443,3 @@ export class DiwaInput {
             }];
     }
 }
-//# sourceMappingURL=diwa-input.js.map