@charde/core 0.0.4 → 0.0.5

package/dist/collection/components/generated/chardes-card-body-info.js

@@ -0,0 +1,68 @@
+import { h } from "@stencil/core";
+/**
+ * Card Body Info
+ * Auto-generated from Charisol Design System
+ */
+export class CardBodyInfo {
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["flex-1", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: 'e1ffc0e07c5ac34e7e5a6dc038f5bd29bc635f62', class: cls, style: sty }, h("h2", { key: 'd3669a03efe0b120a2ecc7339bb4da075e3df30b', class: "font-semibold text-gray-900" }, "Jacob Jones"), h("p", { key: '3636cedb92335931a4f9135f5c1b204dca98852b', class: "text-sm text-gray-500" }, "Omnitrans • SPX-8328")));
+    }
+    static get is() { return "chardes-card-body-info"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-card-body-info.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-card-body-info.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-card-body-name.css

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

package/dist/collection/components/generated/chardes-card-body-name.js

@@ -0,0 +1,88 @@
+import { h } from "@stencil/core";
+/**
+ * Card Body Name
+ * Auto-generated from Charisol Design System
+ */
+export class CardBodyName {
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["font-semibold text-gray-900", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("h2", { key: '2a203c50074933f6291bad4f387b935589647e40', class: cls, style: sty }, this.text || "Jacob Jones"));
+    }
+    static get is() { return "chardes-card-body-name"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-card-body-name.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-card-body-name.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-card-body-span.css

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

package/dist/collection/components/generated/chardes-card-body-span.js

@@ -0,0 +1,88 @@
+import { h } from "@stencil/core";
+/**
+ * Card Body Span
+ * Auto-generated from Charisol Design System
+ */
+export class CardBodySpan {
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["text-sm text-gray-500", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("p", { key: '1af428024c32da19bd28a8cbbdb1f33ca4d6f4cc', class: cls, style: sty }, this.text || "Omnitrans • SPX-8328"));
+    }
+    static get is() { return "chardes-card-body-span"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-card-body-span.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-card-body-span.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-card-body.css

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

package/dist/collection/components/generated/chardes-card-body.js

@@ -0,0 +1,68 @@
+import { h } from "@stencil/core";
+/**
+ * Card Body
+ * Auto-generated from Charisol Design System
+ */
+export class CardBody {
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["p-6", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: '568a3b3595f0b281d489d195d4f5c5eafe0be8ed', class: cls, style: sty }, h("div", { key: '272c39b17709630ec2d6b0bc4dff5c0e43b81eb2', class: "bg-gray-50 rounded-xl p-4 flex items-center space-x-4" }, h("img", { key: '3ccdaddb5633cda16e7836e6c6774d0198454697', class: "w-14 h-14 rounded-full object-cover", src: "https://plus.unsplash.com/premium_photo-1689977927774-401b12d137d6?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8OXx8bWFufGVufDB8fDB8fHww", alt: "Driver" }), h("div", { key: '3e2e75b2794752f25748b0b9ca96a925e8dbf9cf', class: "flex-1" }, h("h2", { key: '38613e019cf48867c715723be27d0c2022a1e249', class: "font-semibold text-gray-900" }, "Jacob Jones"), h("p", { key: 'f135cab66b64af9d7cc70abbd71084d24b118604', class: "text-sm text-gray-500" }, "Omnitrans • SPX-8328")), h("div", { key: '4b81ef9ec796c32f28bd20421455a16785c0697c', class: "flex space-x-2" }, h("button", { key: 'a7d6115a57e44707d19f9b6a86ac9f68ced8a2df', class: "p-2 rounded-full border border-gray-300 hover:bg-gray-100 transition-colors 0.2", type: "button" }, h("span", { key: 'e881b8ecf8318cb8b1d908233938cf4d4afe3a0e', innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-600" viewBox="0 0 20 20" fill="currentColor"><path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.041 11.041 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C9.083 18 3 11.917 3 6V3z" /></svg>` })), h("button", { key: '67bf15c92322bfa4685fa131e53b213debbb7d03', class: "p-2 rounded-full bg-gray-800 text-white hover:bg-gray-700 transition-colors 0.2", type: "button" }, h("span", { key: '5e2c566a37eb1eeb9364046b4f348130c8c6fd60', 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="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2H9.5v-3a1 1 0 00-1-1z" clip-rule="evenodd" /></svg>` }))))));
+    }
+    static get is() { return "chardes-card-body"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-card-body.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-card-body.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-card-container.css

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

package/dist/collection/components/generated/chardes-card-container.js

@@ -0,0 +1,68 @@
+import { h } from "@stencil/core";
+/**
+ * Card Container
+ * Auto-generated from Charisol Design System
+ */
+export class CardContainer {
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["w-full max-w-md mx-auto bg-white rounded-3xl shadow-lg overflow-hidden", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: 'dff9b7dd783da60cd8a44f48f6ed4103c4d23ca7', class: cls, style: sty }, h("div", { key: '9d844b6ec52b447c1d6a6293a078e47aa978af91', class: "p-6 border-b border-gray-200" }, h("div", { key: 'ab2cb8253ea2dd9d407621325b613913a25ed094', class: "flex justify-between items-center" }, h("h1", { key: '88c93af47fe373ac970494260d1af6ccc07130e6', class: "text-xl font-semibold text-gray-900" }, "Arrived in"), h("div", { key: 'ec2cc5a455e205ed8f796a6755d2c1e8e59fe210', class: "text-xl font-mono text-gray-800" }, "00:05:20"))), h("div", { key: '5517743a7340c020bc17b218564d3c1fc16a9ec3', class: "p-6" }, h("div", { key: '0dd753f1bf2ef5f0e9670c8e1d21ac0a6045ea01', class: "bg-gray-50 rounded-xl p-4 flex items-center space-x-4" }, h("img", { key: '56f04bb7e7a23734dc2c102056aa7ef106c2119e', class: "w-14 h-14 rounded-full object-cover", src: "https://plus.unsplash.com/premium_photo-1689977927774-401b12d137d6?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8OXx8bWFufGVufDB8fDB8fHww", alt: "Driver" }), h("div", { key: '8aa52087c1938df6cb17344af85826cc21b492b6', class: "flex-1" }, h("h2", { key: 'ae75c8a26786dfe0d95ad68b4dae685a5eb9378c', class: "font-semibold text-gray-900" }, "Jacob Jones"), h("p", { key: '0ae2e3052aba8b5cdc1525e62f43a6749e7d40bd', class: "text-sm text-gray-500" }, "Omnitrans • SPX-8328")), h("div", { key: 'e2652c462923cbbcea36d69ad7aa6605510c909f', class: "flex space-x-2" }, h("button", { key: 'fbdb1fcfe9c311d7b2d15e45965d1f896533c1db', class: "p-2 rounded-full border border-gray-300 hover:bg-gray-100 transition-colors 0.2", type: "button" }, h("span", { key: '50fe935a06d45ca37d0a2da91cede1454a1cb500', innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-600" viewBox="0 0 20 20" fill="currentColor"><path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.041 11.041 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C9.083 18 3 11.917 3 6V3z" /></svg>` })), h("button", { key: '20e3585c393f9a31c6b01923c69aaf0d9ede828f', class: "p-2 rounded-full bg-gray-800 text-white hover:bg-gray-700 transition-colors 0.2", type: "button" }, h("span", { key: 'b8e3e95e7a7e9c50ed1772b2f2f5c6648e6a2c2b', 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="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2H9.5v-3a1 1 0 00-1-1z" clip-rule="evenodd" /></svg>` }))))), h("div", { key: 'c3dbe4965a6437daccb4759de037dfb3de0d44f4', class: "px-6 pb-6" }, h("div", { key: 'cd33ec1f8268a5ac0a71429bca4117cb3d4885f0', class: "space-y-6" }, h("div", { key: '3db7aca60065453a6a850075115b56d119273354', class: "flex items-start space-x-3" }, h("div", { key: 'c7f44dff41afa364d294a620843f3fef49323e77', class: "mt-1 flex-shrink-0" }, h("div", { key: '4ecdea1cb24c61879d886be46b5b72b60fec4fbd', class: "w-8 h-8 rounded-full bg-blue-50 flex items-center justify-center" }, h("span", { key: '9cf5f880258a3dcb8c2f02f76909685501038de4', innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-blue-600" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-11a1 1 0 10-2 0v2a1 1 0 00.293.707l2.828 2.829a1 1 0 101.414-1.414L11 9.586V7z" clip-rule="evenodd" /></svg>` }))), h("div", { key: '2c160833592ca1dbe3354cddc5651ef79508e8c8' }, h("h3", { key: 'bb04cfc4013f4646750a06e36f0172120e2fc056', class: "font-semibold text-gray-900" }, "456 Elm Street, Springfield"), h("p", { key: '2ea3a3614ba8f46e3cac199bd5ad7cbabb2c8d11', class: "text-sm text-gray-500" }, "Pickup point"))), h("div", { key: 'eac675bf432870429c1406391d6c5a60805254bd', class: "flex items-start space-x-3" }, h("div", { key: '9dd20c98ad1ea510f6177e4ef0feac6e48a6ce5f', class: "mt-1 flex-shrink-0" }, h("div", { key: '5513bbd7267c1a5ad78293df0773e08e8696b51b', class: "w-8 h-8 rounded-full bg-gray-50 flex items-center justify-center" }, h("span", { key: '3da303ed0956efa311eca7f325be43b57e32ae61', innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-gray-600" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd" /></svg>` }))), h("div", { key: 'a619652685b44abb14701d2d5eb1ed0bd1b40d10' }, h("h3", { key: '47a0af8cd205590566ee9445b99b4a8b11c5a343', class: "font-semibold text-gray-900" }, "739 Main Street, Springfield"), h("p", { key: '9099ec42f9098d7d1cc8bba1558c87ca7e6eca52', class: "text-sm text-gray-500" }, "Destination"))))), h("div", { key: '3863d52a563cbd0af8792d3dad99c0d2465e569a', class: "px-6 pb-6" }, h("div", { key: '341847d32fd44fe776dff9f677c9b4d30263b8fc', class: "bg-gray-900 rounded-xl p-4" }, h("div", { key: '941caa4bb389edd4deec37a5ced49d82a338f93e', class: "flex items-center space-x-4" }, h("div", { key: '64dac659ed0001f86cec655b69daff1491a910c9', class: "w-12 h-12 rounded-full bg-gray-800 flex items-center justify-center" }, h("span", { key: 'ce73d573e995fef6d8440d96a5d4797e61e8509a', innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-gray-300" viewBox="0 0 20 20" fill="currentColor"><path d="M4 4a2 2 0 00-2 2v8a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2H4zm1 4h10v2H5V8zm0 4h10v2H5v-2z" /></svg>` })), h("div", { key: '06bb65648fc95400cb107b5a1bb1fd7a6fd396bc' }, h("div", { key: 'f5e2b097b49df79a6c197bb78fd8c077f000a9da', class: "text-white font-medium text-lg" }, "**** 7493"), h("div", { key: '5bf453402c1ec11e3ba3dcdcbab7a4f15995baa1', class: "text-sm text-gray-300" }, "Credit card"))))), h("div", { key: 'b6cf0df9dca367a33357336f48fcd92dc81f6513', class: "px-6 py-6 border-t border-gray-200" }, h("div", { key: '061f7fb7721aaf02df8f9106a4780314fbf36996', class: "flex justify-between items-center" }, h("span", { key: '773064bf1d925cfd4425b00b68e753265076a11b', class: "text-gray-900 font-medium" }, "Total orders"), h("span", { key: '876f8b910623606a1da6ada887e26800bd4ef690', class: "text-xl font-bold text-gray-900" }, "$5.75")))));
+    }
+    static get is() { return "chardes-card-container"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-card-container.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-card-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-card-header-content.css

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

package/dist/collection/components/generated/chardes-card-header-content.js

@@ -0,0 +1,68 @@
+import { h } from "@stencil/core";
+/**
+ * Card Header Content
+ * Auto-generated from Charisol Design System
+ */
+export class CardHeaderContent {
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["flex justify-between items-center", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: '011801444439bed88798d837709632fd5f29a736', class: cls, style: sty }, h("h1", { key: '06c601441b90517915067c5ff7938b7c222b4b2a', class: "text-xl font-semibold text-gray-900" }, "Arrived in"), h("div", { key: '2325a4ef967f81684d4bf7c43385c7f6e40da41c', class: "text-xl font-mono text-gray-800" }, "00:05:20")));
+    }
+    static get is() { return "chardes-card-header-content"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-card-header-content.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-card-header-content.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-card-header-timer.css

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

package/dist/collection/components/generated/chardes-card-header-timer.js

@@ -0,0 +1,88 @@
+import { h } from "@stencil/core";
+/**
+ * Card Header Timer
+ * Auto-generated from Charisol Design System
+ */
+export class CardHeaderTimer {
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["text-xl font-mono text-gray-800", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: '90dffdbcef2b391bbe3e60b3cdab5a7fa49d69f8', class: cls, style: sty }, this.text || "00:05:20"));
+    }
+    static get is() { return "chardes-card-header-timer"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-card-header-timer.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-card-header-timer.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-card-header-title.css

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

package/dist/collection/components/generated/chardes-card-header-title.js

@@ -0,0 +1,88 @@
+import { h } from "@stencil/core";
+/**
+ * Card Header Title
+ * Auto-generated from Charisol Design System
+ */
+export class CardHeaderTitle {
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["text-xl font-semibold text-gray-900", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("h1", { key: '62e742594d162faff8527e5420c0886407bc8c81', class: cls, style: sty }, this.text || "Arrived in"));
+    }
+    static get is() { return "chardes-card-header-title"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-card-header-title.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-card-header-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-card-header.css

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