@charde/core 0.0.4 → 0.0.5

package/dist/collection/components/generated/chardes-alert-icon.js

@@ -0,0 +1,88 @@
+import { h } from "@stencil/core";
+/**
+ * Alert Icon
+ * Auto-generated from Charisol Design System
+ */
+export class AlertIcon {
+    customClass;
+    customStyle;
+    svgIcon;
+    render() {
+        const cls = ["text-red-600 flex-shrink-0", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: '3b210bca59e2796c5638deb9575fea26bea11af2', class: cls, style: sty, innerHTML: this.svgIcon || `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" /></svg>` }));
+    }
+    static get is() { return "chardes-alert-icon"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-alert-icon.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-alert-icon.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-class"
+            },
+            "customStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-style"
+            },
+            "svgIcon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "svg-icon"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/chardes-alert-success.css

@@ -0,0 +1 @@
+/* Styles from global utilities.css */

package/dist/collection/components/generated/chardes-alert-success.js

@@ -0,0 +1,68 @@
+import { h } from "@stencil/core";
+/**
+ * Success Alert
+ * Auto-generated from Charisol Design System
+ */
+export class AlertSuccess {
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["bg-blue-50 border border-blue-600 rounded-lg p-4 0 1px 2px 0 rgba(0, 0, 0, 0.05) transition-colors 0.2 alert-item hover:bg-gray-100 transform hover:-translate-y-0.5 transition-transform", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: '09c2e728a6571240b22c966dd001c7766d577f2c', class: cls, style: sty }, h("div", { key: '5315988eec0e5386b355b7e4141046e197bcbc84', class: "flex items-center justify-between mb-2" }, h("div", { key: '6541bd39f11a52bea299d46305aae68e40b8a579', class: "flex items-center space-x-2" }, h("span", { key: '5b1696617bcbaa77893ed3352a32065b7511cf57', class: "text-blue-600 flex-shrink-0", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /></svg>` }), h("h3", { key: 'aa78e807a03637dfbad866f03cc2bc7712adf122', class: "text-base font-semibold text-gray-900" }, "Success!")), h("button", { key: '7774522bd6d8241583692419a0585999f0f1e943', class: "p-1 rounded-full bg-transparent border-none pointer transition-colors hover:bg-black/10", type: "button" }, h("span", { key: 'a26935273155fd10fd2af701227c48ab20f702a7', class: "text-gray-500", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" /></svg>` }))), h("p", { key: 'e30f546851f147626ba364042cfa311a6375fae8', class: "text-sm text-gray-700 leading-relaxed" }, "Your changes have been saved successfully. You can continue working on your project.")));
+    }
+    static get is() { return "chardes-alert-success"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-alert-success.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-alert-success.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-class"
+            },
+            "customStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-style"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/chardes-alert-title-container.css

@@ -0,0 +1 @@
+/* Styles from global utilities.css */

package/dist/collection/components/generated/chardes-alert-title-container.js

@@ -0,0 +1,68 @@
+import { h } from "@stencil/core";
+/**
+ * Alert Title Container
+ * Auto-generated from Charisol Design System
+ */
+export class AlertTitleContainer {
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["flex items-center space-x-2", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: '94a5393915869204f2bd9a115bf1fcde8e1cc902', class: cls, style: sty }, h("span", { key: '14954eb9030bbcfdbcdf68b9a316e704154223b9', class: "text-red-600 flex-shrink-0", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" /></svg>` }), h("h3", { key: 'a4a0096776870908c6aa1b39aa691566476eb0b9', class: "text-base font-semibold text-gray-900" }, "Error")));
+    }
+    static get is() { return "chardes-alert-title-container"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-alert-title-container.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-alert-title-container.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-class"
+            },
+            "customStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-style"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/chardes-alert-title.css

@@ -0,0 +1 @@
+/* Styles from global utilities.css */

package/dist/collection/components/generated/chardes-alert-title.js

@@ -0,0 +1,88 @@
+import { h } from "@stencil/core";
+/**
+ * Alert Title
+ * Auto-generated from Charisol Design System
+ */
+export class AlertTitle {
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["text-base font-semibold text-gray-900", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("h3", { key: 'd5cd19cbf1f136b953788bd3005576be2abcb50f', class: cls, style: sty }, this.text || "Error"));
+    }
+    static get is() { return "chardes-alert-title"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-alert-title.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-alert-title.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-class"
+            },
+            "customStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-style"
+            },
+            "text": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "text"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/chardes-alert-warning.css

@@ -0,0 +1 @@
+/* Styles from global utilities.css */

package/dist/collection/components/generated/chardes-alert-warning.js

@@ -0,0 +1,68 @@
+import { h } from "@stencil/core";
+/**
+ * Warning Alert
+ * Auto-generated from Charisol Design System
+ */
+export class AlertWarning {
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["bg-yellow-50 border border-yellow-500 rounded-lg p-4 0 1px 2px 0 rgba(0, 0, 0, 0.05) transition-colors 0.2 alert-item hover:bg-yellow-100 transform hover:-translate-y-0.5 transition-transform", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: '4e0d5b995f43f34b5d9746c84dacf711c5cb07bd', class: cls, style: sty }, h("div", { key: '7bea91f7f337946532e4018c2f1834b9683e8f28', class: "flex items-center justify-between mb-2" }, h("div", { key: '1b8ad478894f7d500432a3e6d44fe6924adb53d9', class: "flex items-center space-x-2" }, h("span", { key: 'cac3955782efb7a4c59c122b307f882992ff36e9', class: "text-yellow-600 flex-shrink-0", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd" /></svg>` }), h("h3", { key: '0abef2d0aaf8f09f53232bd85a0f415df2b7e6b8', class: "text-base font-semibold text-gray-900" }, "Warning")), h("button", { key: '33865e6ed5df76160dee384442dffbe5cbb1e505', class: "p-1 rounded-full bg-transparent border-none pointer transition-colors hover:bg-black/10", type: "button" }, h("span", { key: '8ba56a892ef221734bfe2a92aa567d447da53c40', class: "text-gray-500", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" /></svg>` }))), h("p", { key: '9157a70d7bbef99dceb7185f4721dd59df2733cb', class: "text-sm text-gray-700 leading-relaxed" }, "Your session will expire in 5 minutes. Please save your work to avoid losing any changes.")));
+    }
+    static get is() { return "chardes-alert-warning"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-alert-warning.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-alert-warning.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-class"
+            },
+            "customStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-style"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/chardes-alerts.css

@@ -0,0 +1 @@
+/* Styles from global utilities.css */

package/dist/collection/components/generated/chardes-alerts.js

@@ -0,0 +1,68 @@
+import { h } from "@stencil/core";
+/**
+ * Alerts & Notifications
+ * Auto-generated from Charisol Design System
+ */
+export class Alerts {
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["font-sans w-full max-w-md mx-auto space-y-4", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: 'e4d9d83bbe371429542ef87e8dbcfccd18ab536a', class: cls, style: sty }, h("div", { key: '4acbc0c71a6905314559db31056afea40aa70c6d', class: "bg-blue-50 border border-blue-600 rounded-lg p-4 0 1px 2px 0 rgba(0, 0, 0, 0.05) transition-colors 0.2 alert-item hover:bg-gray-100 transform hover:-translate-y-0.5 transition-transform" }, h("div", { key: '41cf6783b0e8d4eab041839efab7a04c6341b69e', class: "flex items-center justify-between mb-2" }, h("div", { key: '295269cd7b8e60af522ad12081ec0d20ca9034b0', class: "flex items-center space-x-2" }, h("span", { key: '66c34bf1f8023d1aa625b17a9b1b8cb197059a17', class: "text-blue-600 flex-shrink-0", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /></svg>` }), h("h3", { key: '23407e418bb51f7a6ee4f9c834cb869181c005d7', class: "text-base font-semibold text-gray-900" }, "Success!")), h("button", { key: 'bb866689d1452dcb0b0740e9da26f8cd89cbbb82', class: "p-1 rounded-full bg-transparent border-none pointer transition-colors hover:bg-black/10", type: "button" }, h("span", { key: 'aadec2bde2ecad9d1cb5134a2f53acfd9aac71b4', class: "text-gray-500", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" /></svg>` }))), h("p", { key: '3377fcbf0ebc8376a4c73817af85fe902681a961', class: "text-sm text-gray-700 leading-relaxed" }, "Your changes have been saved successfully. You can continue working on your project.")), h("div", { key: 'a6d4110587ccaaf0e00b0281ad62a71d0dfd25c3', class: "bg-yellow-50 border border-yellow-500 rounded-lg p-4 0 1px 2px 0 rgba(0, 0, 0, 0.05) transition-colors 0.2 alert-item hover:bg-yellow-100 transform hover:-translate-y-0.5 transition-transform" }, h("div", { key: '13efdd8bea04ed8d5738b40059ced9fadf436292', class: "flex items-center justify-between mb-2" }, h("div", { key: 'c3fbe04d74535847d7b01a300f42f5cbf63bfb72', class: "flex items-center space-x-2" }, h("span", { key: '45f4f49382081021a5f0e51bfc1fdb925f3ac4b5', class: "text-yellow-600 flex-shrink-0", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd" /></svg>` }), h("h3", { key: 'eb62c5f0d4773ced6cbb8e55e78922576086b3f3', class: "text-base font-semibold text-gray-900" }, "Warning")), h("button", { key: '921d90ad78fd04b9dd12dffc9691bf84e868359e', class: "p-1 rounded-full bg-transparent border-none pointer transition-colors hover:bg-black/10", type: "button" }, h("span", { key: '7681209f4066132f66d41e27b20bb53c2057c2f2', class: "text-gray-500", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" /></svg>` }))), h("p", { key: 'e158e41d2651ba5c1c43f3cd9396c55e3cd65e90', class: "text-sm text-gray-700 leading-relaxed" }, "Your session will expire in 5 minutes. Please save your work to avoid losing any changes.")), h("div", { key: '62307a3e73a1c8c3c214de41f4519d2e63418451', class: "bg-red-50 border border-red-500 rounded-lg p-4 0 1px 2px 0 rgba(0, 0, 0, 0.05) transition-colors 0.2 alert-item hover:bg-red-100 transform hover:-translate-y-0.5 transition-transform" }, h("div", { key: '794586197ff9a329fdf2c35f08f867d50b36350c', class: "flex items-center justify-between mb-2" }, h("div", { key: 'fc3993663a88eb9c85d999bb63e30977ae5898c3', class: "flex items-center space-x-2" }, h("span", { key: '83a3d7d5b9db266a5f533d5c9acc68e470e856e3', class: "text-red-600 flex-shrink-0", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" /></svg>` }), h("h3", { key: '7de0b75b95505b8f9ea31eb5d230ce089d65c200', class: "text-base font-semibold text-gray-900" }, "Error")), h("button", { key: '989942c25542a7272058b436edfba53c9f53e782', class: "p-1 rounded-full bg-transparent border-none pointer transition-colors hover:bg-black/10", type: "button" }, h("span", { key: '6df63d124270ac9db54c1ea0c9731b649908d4a1', class: "text-gray-500", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" /></svg>` }))), h("p", { key: '47d8dff521e5e9608fb4545882adf2a467a015f2', class: "text-sm text-gray-700 leading-relaxed" }, "Unable to save your changes. Please check your internet connection and try again.")), h("div", { key: '243c9f09bc475d3a5a082a5d0ae8d5ebf0d3db14', class: "fixed top-4 right-4 z-50 w-[350px] bg-white rounded-lg shadow-lg p-4 transition-all duration-300 ease-in-out translate-x-full opacity-0 notification-toast" }, h("div", { key: '3f6fc9870806c1e6221df339353b019dfa5db3d0', class: "flex items-center justify-between mb-3" }, h("div", { key: '0f443aa1bc3a4dac1a7e9c9b1a33c7e20454eda9', class: "flex items-center space-x-2" }, h("span", { key: 'cb13146cf813349346c1f22224e96fdd674e5833', class: "text-indigo-500 flex-shrink-0", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path d="M10 2a6 6 0 00-6 6v3.586l-.707.707A1 1 0 004 14h12a1 1 0 00.707-1.707L16 11.586V8a6 6 0 00-6-6zM10 18a3 3 0 01-3-3h6a3 3 0 01-3 3z" /></svg>` }), h("h3", { key: '9930675d4ea42bdd828b833109c52f60c127ebc8', class: "text-base font-semibold text-gray-900" }, "New Notification")), h("span", { key: '00b7f03a5247394ca65c82d28e16f63c37259521', class: "text-xs text-gray-500" }, "Just now")), h("p", { key: '9d36c6b12746004cba94db547cafbf9af5d476c5', class: "text-sm text-gray-700 leading-relaxed mb-3" }, "You have a new message from John Doe. Check your inbox for more details."), h("div", { key: '4b0ea1ad65dec1e347a97c2d8ab77eab5c5d37d0', class: "flex justify-between space-x-2" }, h("button", { key: '0c4015c74e498258d8f2f5818d582cf1c7aa337d', class: "p-2 text-sm font-medium text-gray-600 bg-transparent border-none rounded-md pointer transition-colors hover:bg-gray-100", type: "button" }, "Dismiss"), h("button", { key: 'dc5354095d2109ee0844ce2c9cab38b8e26defad', class: "p-2 text-sm font-medium text-white bg-indigo-500 border-none rounded-md pointer transition-colors hover:bg-indigo-600", type: "button" }, "View")))));
+    }
+    static get is() { return "chardes-alerts"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-alerts.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-alerts.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-class"
+            },
+            "customStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-style"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/chardes-badge-close-button.css

@@ -0,0 +1 @@
+/* Styles from global utilities.css */

package/dist/collection/components/generated/chardes-badge-close-button.js

@@ -0,0 +1,108 @@
+import { h } from "@stencil/core";
+/**
+ * Badge Close Button
+ * Auto-generated from Charisol Design System
+ */
+export class BadgeCloseButton {
+    customClass;
+    customStyle;
+    btnType;
+    ariaLabel;
+    render() {
+        const cls = ["flex items-center justify-center w-4 h-4 rounded-full bg-white/20 hover:bg-white/30 transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-white/50", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("button", { key: 'd23c47d9543566adfa8fc70d3a8193d20487bd31', class: cls, type: this.btnType || "button", "aria-label": this.ariaLabel || "Remove badge", style: sty }, h("span", { key: 'c527765d5f8be130e7f807867386f3004e81dc5e', innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>` })));
+    }
+    static get is() { return "chardes-badge-close-button"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-badge-close-button.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-badge-close-button.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-class"
+            },
+            "customStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-style"
+            },
+            "btnType": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "btn-type"
+            },
+            "ariaLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "aria-label"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/chardes-badge-error.css

@@ -0,0 +1 @@
+/* Styles from global utilities.css */