@charde/core 0.0.1

package/dist/charde/charisol-card-route-destination.entry.js.map

@@ -0,0 +1 @@
+{"file":"charisol-card-route-destination.entry.js","mappings":";;AAAA,MAAM,+BAA+B,GAAG,MAAM,CAAC,CAAC;;MCWnC,oBAAoB,GAAA,MAAA;;;;AACvB,IAAA,WAAW;AACX,IAAA,WAAW;IAEnB,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,CAAC,4BAA4B,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AACtF,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,WAAkB,IAAI,SAAS;QAChD,QACE,4DACE,KAAK,EAAE,GAAG,EACV,KAAK,EAAE,GAAG,EAAA,EAEF,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EACrC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kEAAkE,EAAA,EAC3E,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,SAAS,EAAE,CAAsQ,oQAAA,CAAA,EAAA,CAAI,CACvR,CACF,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,6BAA6B,EAAA,EACpC,8BAA8B,CAC5B,EACL,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAC7B,aAAa,CACZ,CACA,CACF;;;;;;;","names":[],"sources":["src/components/generated/charisol-card-route-destination.css?tag=charisol-card-route-destination&encapsulation=shadow","src/components/generated/charisol-card-route-destination.tsx"],"sourcesContent":["/* Styles from global utilities.css */\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * Card Route Destination\n * Auto-generated from Charisol Design System\n */\n@Component({\n  tag: 'charisol-card-route-destination',\n  styleUrl: 'charisol-card-route-destination.css',\n  shadow: true,\n})\nexport class CardRouteDestination {\n  @Prop() customClass?: string;\n  @Prop() customStyle?: string;\n\n  render() {\n    const cls = [\"flex items-start space-x-3\", this.customClass].filter(Boolean).join(' ');\n    const sty = this.customStyle as any || undefined;\n    return (\n      <div\n        class={cls}\n        style={sty}\n      >\n                <div class=\"mt-1 flex-shrink-0\">\n          <div class=\"w-8 h-8 rounded-full bg-gray-50 flex items-center justify-center\">\n            <span 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>`} />\n          </div>\n        </div>\n        <div>\n          <h3 class=\"font-semibold text-gray-900\">\n            {\"739 Main Street, Springfield\"}\n          </h3>\n          <p class=\"text-sm text-gray-500\">\n            {\"Destination\"}\n          </p>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/charde/charisol-card-route-pickup-address.entry.js

@@ -0,0 +1,23 @@
+import { r as registerInstance, h } from './index-C9gbKL_s.js';
+
+const charisolCardRoutePickupAddressCss = () => ``;
+
+const CardRoutePickupAddress = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["font-semibold text-gray-900", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("h3", { key: '942fce0fc9f60213b40dc55a402baf02ec24ef7b', class: cls, style: sty }, this.text || "456 Elm Street, Springfield"));
+    }
+};
+CardRoutePickupAddress.style = charisolCardRoutePickupAddressCss();
+
+export { CardRoutePickupAddress as charisol_card_route_pickup_address };
+//# sourceMappingURL=charisol-card-route-pickup-address.entry.esm.js.map
+
+//# sourceMappingURL=charisol-card-route-pickup-address.entry.js.map

package/dist/charde/charisol-card-route-pickup-address.entry.js.map

@@ -0,0 +1 @@
+{"file":"charisol-card-route-pickup-address.entry.js","mappings":";;AAAA,MAAM,iCAAiC,GAAG,MAAM,CAAC,CAAC;;MCWrC,sBAAsB,GAAA,MAAA;;;;AACzB,IAAA,WAAW;AACX,IAAA,WAAW;AACX,IAAA,IAAI;IAEZ,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,CAAC,6BAA6B,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AACvF,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,WAAkB,IAAI,SAAS;QAChD,QACE,CACE,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,GAAG,EACV,KAAK,EAAE,GAAG,EAAA,EAET,IAAI,CAAC,IAAI,IAAI,6BAA6B,CACxC;;;;;;;","names":[],"sources":["src/components/generated/charisol-card-route-pickup-address.css?tag=charisol-card-route-pickup-address&encapsulation=shadow","src/components/generated/charisol-card-route-pickup-address.tsx"],"sourcesContent":["/* Styles from global utilities.css */\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * Card Route Pickup Address\n * Auto-generated from Charisol Design System\n */\n@Component({\n  tag: 'charisol-card-route-pickup-address',\n  styleUrl: 'charisol-card-route-pickup-address.css',\n  shadow: true,\n})\nexport class CardRoutePickupAddress {\n  @Prop() customClass?: string;\n  @Prop() customStyle?: string;\n  @Prop() text?: string;\n\n  render() {\n    const cls = [\"font-semibold text-gray-900\", this.customClass].filter(Boolean).join(' ');\n    const sty = this.customStyle as any || undefined;\n    return (\n      <h3\n        class={cls}\n        style={sty}\n      >\n        {this.text || \"456 Elm Street, Springfield\"}\n      </h3>\n    );\n  }\n}\n"],"version":3}

package/dist/charde/charisol-card-route-pickup-details.entry.js

@@ -0,0 +1,22 @@
+import { r as registerInstance, h } from './index-C9gbKL_s.js';
+
+const charisolCardRoutePickupDetailsCss = () => ``;
+
+const CardRoutePickupDetails = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: '4be8c757bf064d3e5f19d72016e8f4640ce054d4', class: cls, style: sty }, h("h3", { key: '374da0cb26250601ba2bcbcaa1c15f00e88574a6', class: "font-semibold text-gray-900" }, "456 Elm Street, Springfield"), h("p", { key: '199280176d7f95e503a7d7a3222d9b63433370e6', class: "text-sm text-gray-500" }, "Pickup point")));
+    }
+};
+CardRoutePickupDetails.style = charisolCardRoutePickupDetailsCss();
+
+export { CardRoutePickupDetails as charisol_card_route_pickup_details };
+//# sourceMappingURL=charisol-card-route-pickup-details.entry.esm.js.map
+
+//# sourceMappingURL=charisol-card-route-pickup-details.entry.js.map

package/dist/charde/charisol-card-route-pickup-details.entry.js.map

@@ -0,0 +1 @@
+{"file":"charisol-card-route-pickup-details.entry.js","mappings":";;AAAA,MAAM,iCAAiC,GAAG,MAAM,CAAC,CAAC;;MCWrC,sBAAsB,GAAA,MAAA;;;;AACzB,IAAA,WAAW;AACX,IAAA,WAAW;IAEnB,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAC5D,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,WAAkB,IAAI,SAAS;QAChD,QACE,4DACE,KAAK,EAAE,GAAG,EACV,KAAK,EAAE,GAAG,EAAA,EAEF,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,6BAA6B,EAAA,EAC5C,6BAA6B,CAC3B,EACL,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAC7B,cAAc,CACb,CACA;;;;;;;","names":[],"sources":["src/components/generated/charisol-card-route-pickup-details.css?tag=charisol-card-route-pickup-details&encapsulation=shadow","src/components/generated/charisol-card-route-pickup-details.tsx"],"sourcesContent":["/* Styles from global utilities.css */\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * Card Route Pickup Details\n * Auto-generated from Charisol Design System\n */\n@Component({\n  tag: 'charisol-card-route-pickup-details',\n  styleUrl: 'charisol-card-route-pickup-details.css',\n  shadow: true,\n})\nexport class CardRoutePickupDetails {\n  @Prop() customClass?: string;\n  @Prop() customStyle?: string;\n\n  render() {\n    const cls = [\"\", this.customClass].filter(Boolean).join(' ');\n    const sty = this.customStyle as any || undefined;\n    return (\n      <div\n        class={cls}\n        style={sty}\n      >\n                <h3 class=\"font-semibold text-gray-900\">\n          {\"456 Elm Street, Springfield\"}\n        </h3>\n        <p class=\"text-sm text-gray-500\">\n          {\"Pickup point\"}\n        </p>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/charde/charisol-card-route-pickup-icon.entry.js

@@ -0,0 +1,22 @@
+import { r as registerInstance, h } from './index-C9gbKL_s.js';
+
+const charisolCardRoutePickupIconCss = () => ``;
+
+const CardRoutePickupIcon = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["mt-1 flex-shrink-0", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: 'e2533b14f695f4cfe2f15980e00327f47ad9e4dc', class: cls, style: sty }, h("div", { key: '1c54128cf3a16e2e441c4f86755c9681f5809ac9', class: "w-8 h-8 rounded-full bg-blue-50 flex items-center justify-center" }, h("span", { key: '9bab19190739aad65b40a2e9ce57f2010b755667', 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>` }))));
+    }
+};
+CardRoutePickupIcon.style = charisolCardRoutePickupIconCss();
+
+export { CardRoutePickupIcon as charisol_card_route_pickup_icon };
+//# sourceMappingURL=charisol-card-route-pickup-icon.entry.esm.js.map
+
+//# sourceMappingURL=charisol-card-route-pickup-icon.entry.js.map

package/dist/charde/charisol-card-route-pickup-icon.entry.js.map

@@ -0,0 +1 @@
+{"file":"charisol-card-route-pickup-icon.entry.js","mappings":";;AAAA,MAAM,8BAA8B,GAAG,MAAM,CAAC,CAAC;;MCWlC,mBAAmB,GAAA,MAAA;;;;AACtB,IAAA,WAAW;AACX,IAAA,WAAW;IAEnB,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,CAAC,oBAAoB,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAC9E,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,WAAkB,IAAI,SAAS;QAChD,QACE,4DACE,KAAK,EAAE,GAAG,EACV,KAAK,EAAE,GAAG,EAAA,EAEF,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kEAAkE,EAAA,EACnF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,SAAS,EAAE,CAAA,2RAAA,CAA6R,GAAI,CAC9S,CACF;;;;;;;","names":[],"sources":["src/components/generated/charisol-card-route-pickup-icon.css?tag=charisol-card-route-pickup-icon&encapsulation=shadow","src/components/generated/charisol-card-route-pickup-icon.tsx"],"sourcesContent":["/* Styles from global utilities.css */\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * Card Route Pickup Icon\n * Auto-generated from Charisol Design System\n */\n@Component({\n  tag: 'charisol-card-route-pickup-icon',\n  styleUrl: 'charisol-card-route-pickup-icon.css',\n  shadow: true,\n})\nexport class CardRoutePickupIcon {\n  @Prop() customClass?: string;\n  @Prop() customStyle?: string;\n\n  render() {\n    const cls = [\"mt-1 flex-shrink-0\", this.customClass].filter(Boolean).join(' ');\n    const sty = this.customStyle as any || undefined;\n    return (\n      <div\n        class={cls}\n        style={sty}\n      >\n                <div class=\"w-8 h-8 rounded-full bg-blue-50 flex items-center justify-center\">\n          <span 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>`} />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/charde/charisol-card-route-pickup-label.entry.js

@@ -0,0 +1,23 @@
+import { r as registerInstance, h } from './index-C9gbKL_s.js';
+
+const charisolCardRoutePickupLabelCss = () => ``;
+
+const CardRoutePickupLabel = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    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: '2c961b0d7765a5eeec6881538148fa956e748e12', class: cls, style: sty }, this.text || "Pickup point"));
+    }
+};
+CardRoutePickupLabel.style = charisolCardRoutePickupLabelCss();
+
+export { CardRoutePickupLabel as charisol_card_route_pickup_label };
+//# sourceMappingURL=charisol-card-route-pickup-label.entry.esm.js.map
+
+//# sourceMappingURL=charisol-card-route-pickup-label.entry.js.map

package/dist/charde/charisol-card-route-pickup-label.entry.js.map

@@ -0,0 +1 @@
+{"file":"charisol-card-route-pickup-label.entry.js","mappings":";;AAAA,MAAM,+BAA+B,GAAG,MAAM,CAAC,CAAC;;MCWnC,oBAAoB,GAAA,MAAA;;;;AACvB,IAAA,WAAW;AACX,IAAA,WAAW;AACX,IAAA,IAAI;IAEZ,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,CAAC,uBAAuB,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AACjF,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,WAAkB,IAAI,SAAS;QAChD,QACE,CACE,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,GAAG,EACV,KAAK,EAAE,GAAG,EAAA,EAET,IAAI,CAAC,IAAI,IAAI,cAAc,CAC1B;;;;;;;","names":[],"sources":["src/components/generated/charisol-card-route-pickup-label.css?tag=charisol-card-route-pickup-label&encapsulation=shadow","src/components/generated/charisol-card-route-pickup-label.tsx"],"sourcesContent":["/* Styles from global utilities.css */\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * Card Route Pickup Label\n * Auto-generated from Charisol Design System\n */\n@Component({\n  tag: 'charisol-card-route-pickup-label',\n  styleUrl: 'charisol-card-route-pickup-label.css',\n  shadow: true,\n})\nexport class CardRoutePickupLabel {\n  @Prop() customClass?: string;\n  @Prop() customStyle?: string;\n  @Prop() text?: string;\n\n  render() {\n    const cls = [\"text-sm text-gray-500\", this.customClass].filter(Boolean).join(' ');\n    const sty = this.customStyle as any || undefined;\n    return (\n      <p\n        class={cls}\n        style={sty}\n      >\n        {this.text || \"Pickup point\"}\n      </p>\n    );\n  }\n}\n"],"version":3}

package/dist/charde/charisol-card-route-pickup.entry.js

@@ -0,0 +1,22 @@
+import { r as registerInstance, h } from './index-C9gbKL_s.js';
+
+const charisolCardRoutePickupCss = () => ``;
+
+const CardRoutePickup = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["flex items-start space-x-3", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: 'd6a25065fdf1318bca43af8bdf4a5e641e148d32', class: cls, style: sty }, h("div", { key: '7c13e2914461a08a4c1f34f78b786a547573e2ff', class: "mt-1 flex-shrink-0" }, h("div", { key: '5f737ed6aecb73ef7a1a498c3b84f54add5f580f', class: "w-8 h-8 rounded-full bg-blue-50 flex items-center justify-center" }, h("span", { key: 'b14867aab67b63af5bfc21866a9145da35166895', 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: '957d7d89fef0cc2f5556dc20683643764ab8202c' }, h("h3", { key: '3ef56a62f2939062a03b4f79ac602a449f90d099', class: "font-semibold text-gray-900" }, "456 Elm Street, Springfield"), h("p", { key: '970fe5592eba08b13cb9f4cbfb510aef7faeaea6', class: "text-sm text-gray-500" }, "Pickup point"))));
+    }
+};
+CardRoutePickup.style = charisolCardRoutePickupCss();
+
+export { CardRoutePickup as charisol_card_route_pickup };
+//# sourceMappingURL=charisol-card-route-pickup.entry.esm.js.map
+
+//# sourceMappingURL=charisol-card-route-pickup.entry.js.map

package/dist/charde/charisol-card-route-pickup.entry.js.map

@@ -0,0 +1 @@
+{"file":"charisol-card-route-pickup.entry.js","mappings":";;AAAA,MAAM,0BAA0B,GAAG,MAAM,CAAC,CAAC;;MCW9B,eAAe,GAAA,MAAA;;;;AAClB,IAAA,WAAW;AACX,IAAA,WAAW;IAEnB,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,CAAC,4BAA4B,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AACtF,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,WAAkB,IAAI,SAAS;QAChD,QACE,4DACE,KAAK,EAAE,GAAG,EACV,KAAK,EAAE,GAAG,EAAA,EAEF,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EACrC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kEAAkE,EAAA,EAC3E,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,SAAS,EAAE,CAA6R,2RAAA,CAAA,EAAA,CAAI,CAC9S,CACF,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,6BAA6B,EAAA,EACpC,6BAA6B,CAC3B,EACL,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAC7B,cAAc,CACb,CACA,CACF;;;;;;;","names":[],"sources":["src/components/generated/charisol-card-route-pickup.css?tag=charisol-card-route-pickup&encapsulation=shadow","src/components/generated/charisol-card-route-pickup.tsx"],"sourcesContent":["/* Styles from global utilities.css */\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * Card Route Pickup\n * Auto-generated from Charisol Design System\n */\n@Component({\n  tag: 'charisol-card-route-pickup',\n  styleUrl: 'charisol-card-route-pickup.css',\n  shadow: true,\n})\nexport class CardRoutePickup {\n  @Prop() customClass?: string;\n  @Prop() customStyle?: string;\n\n  render() {\n    const cls = [\"flex items-start space-x-3\", this.customClass].filter(Boolean).join(' ');\n    const sty = this.customStyle as any || undefined;\n    return (\n      <div\n        class={cls}\n        style={sty}\n      >\n                <div class=\"mt-1 flex-shrink-0\">\n          <div class=\"w-8 h-8 rounded-full bg-blue-50 flex items-center justify-center\">\n            <span 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>`} />\n          </div>\n        </div>\n        <div>\n          <h3 class=\"font-semibold text-gray-900\">\n            {\"456 Elm Street, Springfield\"}\n          </h3>\n          <p class=\"text-sm text-gray-500\">\n            {\"Pickup point\"}\n          </p>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/charde/charisol-card-route.entry.js

@@ -0,0 +1,22 @@
+import { r as registerInstance, h } from './index-C9gbKL_s.js';
+
+const charisolCardRouteCss = () => ``;
+
+const CardRoute = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["px-6 pb-6", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: 'd19c0d2e433c6bdb7fc1bcc839bbdc2448ddef16', class: cls, style: sty }, h("div", { key: '0749230b0f8be828a3a3772e2f06a6f094342cb2', class: "space-y-6" }, h("div", { key: 'e8a4e5898e6499e2f76620469777aeb6743400d2', class: "flex items-start space-x-3" }, h("div", { key: 'aa21979b7a56e310c47966ba438499d165059e32', class: "mt-1 flex-shrink-0" }, h("div", { key: '997e2c7d06a290dd73956c0c71d46ea2c40c2c86', class: "w-8 h-8 rounded-full bg-blue-50 flex items-center justify-center" }, h("span", { key: 'e72173efcf20466dddf2bf7061e5f3f00a6dca2d', 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: 'f886d47e0d322b5824f226c775f3298c958a3820' }, h("h3", { key: 'da2936cc6a1699ba3763d5bf611908cda28c5387', class: "font-semibold text-gray-900" }, "456 Elm Street, Springfield"), h("p", { key: 'de4c3e0249fc5d8dca9234d418fcd31cdff174db', class: "text-sm text-gray-500" }, "Pickup point"))), h("div", { key: 'f9a40ae9dccaf12026af31976c636e0706cbdbb4', class: "flex items-start space-x-3" }, h("div", { key: '3f9b9e6149c6cddbd782456d701e1fd755cc6b8b', class: "mt-1 flex-shrink-0" }, h("div", { key: '534a14b3a8f658d2b9dad5bcf90dd4f3e07c7594', class: "w-8 h-8 rounded-full bg-gray-50 flex items-center justify-center" }, h("span", { key: '2994822e2d864b46c17e66bdc4e7ef3cd943657c', 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: '8562683ac3cb15887b411e5637cd8c29f7357d91' }, h("h3", { key: '9ecee791909d977a48768c3a8cc1594127cfbac5', class: "font-semibold text-gray-900" }, "739 Main Street, Springfield"), h("p", { key: 'f83d00624361c53098de9e2c52f58ae6c8eac625', class: "text-sm text-gray-500" }, "Destination"))))));
+    }
+};
+CardRoute.style = charisolCardRouteCss();
+
+export { CardRoute as charisol_card_route };
+//# sourceMappingURL=charisol-card-route.entry.esm.js.map
+
+//# sourceMappingURL=charisol-card-route.entry.js.map

package/dist/charde/charisol-card-route.entry.js.map

@@ -0,0 +1 @@
+{"file":"charisol-card-route.entry.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,MAAM,CAAC,CAAC;;MCWxB,SAAS,GAAA,MAAA;;;;AACZ,IAAA,WAAW;AACX,IAAA,WAAW;IAEnB,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AACrE,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,WAAkB,IAAI,SAAS;QAChD,QACE,4DACE,KAAK,EAAE,GAAG,EACV,KAAK,EAAE,GAAG,EAAA,EAEF,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EAC5B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAAA,EACrC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC7B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kEAAkE,EAAA,EAC3E,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,SAAS,EAAE,CAAA,2RAAA,CAA6R,EAAA,CAAI,CAC9S,CACF,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,6BAA6B,EAAA,EACpC,6BAA6B,CAC3B,EACL,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,uBAAuB,IAC7B,cAAc,CACb,CACA,CACF,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAAA,EACrC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC7B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kEAAkE,EAAA,EAC3E,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,SAAS,EAAE,CAAsQ,oQAAA,CAAA,EAAA,CAAI,CACvR,CACF,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,6BAA6B,EAAA,EACpC,8BAA8B,CAC5B,EACL,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAC7B,EAAA,aAAa,CACZ,CACA,CACF,CACF,CACF;;;;;;;","names":[],"sources":["src/components/generated/charisol-card-route.css?tag=charisol-card-route&encapsulation=shadow","src/components/generated/charisol-card-route.tsx"],"sourcesContent":["/* Styles from global utilities.css */\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * Card Route\n * Auto-generated from Charisol Design System\n */\n@Component({\n  tag: 'charisol-card-route',\n  styleUrl: 'charisol-card-route.css',\n  shadow: true,\n})\nexport class CardRoute {\n  @Prop() customClass?: string;\n  @Prop() customStyle?: string;\n\n  render() {\n    const cls = [\"px-6 pb-6\", this.customClass].filter(Boolean).join(' ');\n    const sty = this.customStyle as any || undefined;\n    return (\n      <div\n        class={cls}\n        style={sty}\n      >\n                <div class=\"space-y-6\">\n          <div class=\"flex items-start space-x-3\">\n            <div class=\"mt-1 flex-shrink-0\">\n              <div class=\"w-8 h-8 rounded-full bg-blue-50 flex items-center justify-center\">\n                <span 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>`} />\n              </div>\n            </div>\n            <div>\n              <h3 class=\"font-semibold text-gray-900\">\n                {\"456 Elm Street, Springfield\"}\n              </h3>\n              <p class=\"text-sm text-gray-500\">\n                {\"Pickup point\"}\n              </p>\n            </div>\n          </div>\n          <div class=\"flex items-start space-x-3\">\n            <div class=\"mt-1 flex-shrink-0\">\n              <div class=\"w-8 h-8 rounded-full bg-gray-50 flex items-center justify-center\">\n                <span 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>`} />\n              </div>\n            </div>\n            <div>\n              <h3 class=\"font-semibold text-gray-900\">\n                {\"739 Main Street, Springfield\"}\n              </h3>\n              <p class=\"text-sm text-gray-500\">\n                {\"Destination\"}\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/charde/charisol-card-total-amount.entry.js

@@ -0,0 +1,23 @@
+import { r as registerInstance, h } from './index-C9gbKL_s.js';
+
+const charisolCardTotalAmountCss = () => ``;
+
+const CardTotalAmount = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["text-xl font-bold text-gray-900", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: 'c285dd1b1a48e645da27233047b7b135fbf6e0d4', class: cls, style: sty }, this.text || "$5.75"));
+    }
+};
+CardTotalAmount.style = charisolCardTotalAmountCss();
+
+export { CardTotalAmount as charisol_card_total_amount };
+//# sourceMappingURL=charisol-card-total-amount.entry.esm.js.map
+
+//# sourceMappingURL=charisol-card-total-amount.entry.js.map

package/dist/charde/charisol-card-total-amount.entry.js.map

@@ -0,0 +1 @@
+{"file":"charisol-card-total-amount.entry.js","mappings":";;AAAA,MAAM,0BAA0B,GAAG,MAAM,CAAC,CAAC;;MCW9B,eAAe,GAAA,MAAA;;;;AAClB,IAAA,WAAW;AACX,IAAA,WAAW;AACX,IAAA,IAAI;IAEZ,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,CAAC,iCAAiC,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAC3F,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,WAAkB,IAAI,SAAS;QAChD,QACE,CACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,GAAG,EACV,KAAK,EAAE,GAAG,EAAA,EAET,IAAI,CAAC,IAAI,IAAI,OAAO,CAChB;;;;;;;","names":[],"sources":["src/components/generated/charisol-card-total-amount.css?tag=charisol-card-total-amount&encapsulation=shadow","src/components/generated/charisol-card-total-amount.tsx"],"sourcesContent":["/* Styles from global utilities.css */\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * Card Total Amount\n * Auto-generated from Charisol Design System\n */\n@Component({\n  tag: 'charisol-card-total-amount',\n  styleUrl: 'charisol-card-total-amount.css',\n  shadow: true,\n})\nexport class CardTotalAmount {\n  @Prop() customClass?: string;\n  @Prop() customStyle?: string;\n  @Prop() text?: string;\n\n  render() {\n    const cls = [\"text-xl font-bold text-gray-900\", this.customClass].filter(Boolean).join(' ');\n    const sty = this.customStyle as any || undefined;\n    return (\n      <span\n        class={cls}\n        style={sty}\n      >\n        {this.text || \"$5.75\"}\n      </span>\n    );\n  }\n}\n"],"version":3}

package/dist/charde/charisol-card-total-content.entry.js

@@ -0,0 +1,22 @@
+import { r as registerInstance, h } from './index-C9gbKL_s.js';
+
+const charisolCardTotalContentCss = () => ``;
+
+const CardTotalContent = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["flex justify-between items-center", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: 'da8a531eac42e71a5494a4448a4db5868fee2e30', class: cls, style: sty }, h("span", { key: 'a1e57b054e92a48b6fc8e2c2d8e38a6bcc3c9976', class: "text-gray-900 font-medium" }, "Total orders"), h("span", { key: '6617296076f00c115b8745ac250248e6e87ead55', class: "text-xl font-bold text-gray-900" }, "$5.75")));
+    }
+};
+CardTotalContent.style = charisolCardTotalContentCss();
+
+export { CardTotalContent as charisol_card_total_content };
+//# sourceMappingURL=charisol-card-total-content.entry.esm.js.map
+
+//# sourceMappingURL=charisol-card-total-content.entry.js.map

package/dist/charde/charisol-card-total-content.entry.js.map

@@ -0,0 +1 @@
+{"file":"charisol-card-total-content.entry.js","mappings":";;AAAA,MAAM,2BAA2B,GAAG,MAAM,CAAC,CAAC;;MCW/B,gBAAgB,GAAA,MAAA;;;;AACnB,IAAA,WAAW;AACX,IAAA,WAAW;IAEnB,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,CAAC,mCAAmC,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAC7F,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,WAAkB,IAAI,SAAS;QAChD,QACE,4DACE,KAAK,EAAE,GAAG,EACV,KAAK,EAAE,GAAG,EAAA,EAEF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,2BAA2B,EAAA,EAC5C,cAAc,CACV,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iCAAiC,EAAA,EAC1C,OAAO,CACH,CACH;;;;;;;","names":[],"sources":["src/components/generated/charisol-card-total-content.css?tag=charisol-card-total-content&encapsulation=shadow","src/components/generated/charisol-card-total-content.tsx"],"sourcesContent":["/* Styles from global utilities.css */\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * Card Total Content\n * Auto-generated from Charisol Design System\n */\n@Component({\n  tag: 'charisol-card-total-content',\n  styleUrl: 'charisol-card-total-content.css',\n  shadow: true,\n})\nexport class CardTotalContent {\n  @Prop() customClass?: string;\n  @Prop() customStyle?: string;\n\n  render() {\n    const cls = [\"flex justify-between items-center\", this.customClass].filter(Boolean).join(' ');\n    const sty = this.customStyle as any || undefined;\n    return (\n      <div\n        class={cls}\n        style={sty}\n      >\n                <span class=\"text-gray-900 font-medium\">\n          {\"Total orders\"}\n        </span>\n        <span class=\"text-xl font-bold text-gray-900\">\n          {\"$5.75\"}\n        </span>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/charde/charisol-card-total-label.entry.js

@@ -0,0 +1,23 @@
+import { r as registerInstance, h } from './index-C9gbKL_s.js';
+
+const charisolCardTotalLabelCss = () => ``;
+
+const CardTotalLabel = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["text-gray-900 font-medium", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: '2368ea37a7448eb0440926e6615d8c61ebae0b47', class: cls, style: sty }, this.text || "Total orders"));
+    }
+};
+CardTotalLabel.style = charisolCardTotalLabelCss();
+
+export { CardTotalLabel as charisol_card_total_label };
+//# sourceMappingURL=charisol-card-total-label.entry.esm.js.map
+
+//# sourceMappingURL=charisol-card-total-label.entry.js.map

package/dist/charde/charisol-card-total-label.entry.js.map

@@ -0,0 +1 @@
+{"file":"charisol-card-total-label.entry.js","mappings":";;AAAA,MAAM,yBAAyB,GAAG,MAAM,CAAC,CAAC;;MCW7B,cAAc,GAAA,MAAA;;;;AACjB,IAAA,WAAW;AACX,IAAA,WAAW;AACX,IAAA,IAAI;IAEZ,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,CAAC,2BAA2B,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AACrF,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,WAAkB,IAAI,SAAS;QAChD,QACE,CACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,GAAG,EACV,KAAK,EAAE,GAAG,EAAA,EAET,IAAI,CAAC,IAAI,IAAI,cAAc,CACvB;;;;;;;","names":[],"sources":["src/components/generated/charisol-card-total-label.css?tag=charisol-card-total-label&encapsulation=shadow","src/components/generated/charisol-card-total-label.tsx"],"sourcesContent":["/* Styles from global utilities.css */\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * Card Total Label\n * Auto-generated from Charisol Design System\n */\n@Component({\n  tag: 'charisol-card-total-label',\n  styleUrl: 'charisol-card-total-label.css',\n  shadow: true,\n})\nexport class CardTotalLabel {\n  @Prop() customClass?: string;\n  @Prop() customStyle?: string;\n  @Prop() text?: string;\n\n  render() {\n    const cls = [\"text-gray-900 font-medium\", this.customClass].filter(Boolean).join(' ');\n    const sty = this.customStyle as any || undefined;\n    return (\n      <span\n        class={cls}\n        style={sty}\n      >\n        {this.text || \"Total orders\"}\n      </span>\n    );\n  }\n}\n"],"version":3}

package/dist/charde/charisol-card-total-section.entry.js

@@ -0,0 +1,22 @@
+import { r as registerInstance, h } from './index-C9gbKL_s.js';
+
+const charisolCardTotalSectionCss = () => ``;
+
+const CardTotalSection = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["px-6 py-6 border-t border-gray-200", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: 'abec6128bbebe5ec349326ff966bba72f8bd9691', class: cls, style: sty }, h("div", { key: 'fd02327638f5e2caf41763442fd4faa4feaaf85f', class: "flex justify-between items-center" }, h("span", { key: '4bdb5be387af112259d6f8cbabb6cfbe81a1c7b7', class: "text-gray-900 font-medium" }, "Total orders"), h("span", { key: '30a266617ebcad5bf1a7b13f2e921fb8389ae8a0', class: "text-xl font-bold text-gray-900" }, "$5.75"))));
+    }
+};
+CardTotalSection.style = charisolCardTotalSectionCss();
+
+export { CardTotalSection as charisol_card_total_section };
+//# sourceMappingURL=charisol-card-total-section.entry.esm.js.map
+
+//# sourceMappingURL=charisol-card-total-section.entry.js.map

package/dist/charde/charisol-card-total-section.entry.js.map

@@ -0,0 +1 @@
+{"file":"charisol-card-total-section.entry.js","mappings":";;AAAA,MAAM,2BAA2B,GAAG,MAAM,CAAC,CAAC;;MCW/B,gBAAgB,GAAA,MAAA;;;;AACnB,IAAA,WAAW;AACX,IAAA,WAAW;IAEnB,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,CAAC,oCAAoC,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAC9F,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,WAAkB,IAAI,SAAS;AAChD,QAAA,QACE,4DACE,KAAK,EAAE,GAAG,EACV,KAAK,EAAE,GAAG,EAAA,EAEF,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mCAAmC,EAAA,EACpD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,2BAA2B,EAAA,EACpC,cAAc,CACV,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iCAAiC,EAAA,EAC1C,OAAO,CACH,CACH,CACF;;;;;;;","names":[],"sources":["src/components/generated/charisol-card-total-section.css?tag=charisol-card-total-section&encapsulation=shadow","src/components/generated/charisol-card-total-section.tsx"],"sourcesContent":["/* Styles from global utilities.css */\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * Card Total Section\n * Auto-generated from Charisol Design System\n */\n@Component({\n  tag: 'charisol-card-total-section',\n  styleUrl: 'charisol-card-total-section.css',\n  shadow: true,\n})\nexport class CardTotalSection {\n  @Prop() customClass?: string;\n  @Prop() customStyle?: string;\n\n  render() {\n    const cls = [\"px-6 py-6 border-t border-gray-200\", this.customClass].filter(Boolean).join(' ');\n    const sty = this.customStyle as any || undefined;\n    return (\n      <div\n        class={cls}\n        style={sty}\n      >\n                <div class=\"flex justify-between items-center\">\n          <span class=\"text-gray-900 font-medium\">\n            {\"Total orders\"}\n          </span>\n          <span class=\"text-xl font-bold text-gray-900\">\n            {\"$5.75\"}\n          </span>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/charde/charisol-card-type.entry.js

@@ -0,0 +1,23 @@
+import { r as registerInstance, h } from './index-C9gbKL_s.js';
+
+const charisolCardTypeCss = () => ``;
+
+const CardType = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["text-sm text-gray-300", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: 'e0bcc70c46b10d35956334566725430177a67faa', class: cls, style: sty }, this.text || "Credit card"));
+    }
+};
+CardType.style = charisolCardTypeCss();
+
+export { CardType as charisol_card_type };
+//# sourceMappingURL=charisol-card-type.entry.esm.js.map
+
+//# sourceMappingURL=charisol-card-type.entry.js.map

package/dist/charde/charisol-card-type.entry.js.map

@@ -0,0 +1 @@
+{"file":"charisol-card-type.entry.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,MAAM,CAAC,CAAC;;MCWvB,QAAQ,GAAA,MAAA;;;;AACX,IAAA,WAAW;AACX,IAAA,WAAW;AACX,IAAA,IAAI;IAEZ,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,CAAC,uBAAuB,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AACjF,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,WAAkB,IAAI,SAAS;QAChD,QACE,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,GAAG,EACV,KAAK,EAAE,GAAG,EAAA,EAET,IAAI,CAAC,IAAI,IAAI,aAAa,CACvB;;;;;;;","names":[],"sources":["src/components/generated/charisol-card-type.css?tag=charisol-card-type&encapsulation=shadow","src/components/generated/charisol-card-type.tsx"],"sourcesContent":["/* Styles from global utilities.css */\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * Card Type\n * Auto-generated from Charisol Design System\n */\n@Component({\n  tag: 'charisol-card-type',\n  styleUrl: 'charisol-card-type.css',\n  shadow: true,\n})\nexport class CardType {\n  @Prop() customClass?: string;\n  @Prop() customStyle?: string;\n  @Prop() text?: string;\n\n  render() {\n    const cls = [\"text-sm text-gray-300\", this.customClass].filter(Boolean).join(' ');\n    const sty = this.customStyle as any || undefined;\n    return (\n      <div\n        class={cls}\n        style={sty}\n      >\n        {this.text || \"Credit card\"}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/charde/charisol-card.entry.js

@@ -0,0 +1,22 @@
+import { r as registerInstance, h } from './index-C9gbKL_s.js';
+
+const charisolCardCss = () => ``;
+
+const Card = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["bg-gray-50 font-sans", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: 'c9570889932f9ce4e1ef016f3670935cebf8738c', class: cls, style: sty }, h("div", { key: '05339dac2f95bbea38e321d20a184deae2f9c10d', class: "w-full max-w-md mx-auto bg-white rounded-3xl shadow-lg overflow-hidden" }, h("div", { key: '13d0ed925b9ff15def9cf668b89c9794cc4d15a5', class: "p-6 border-b border-gray-200" }, h("div", { key: '770880dc5cf7bffa58eb0784bf9094d3cb7dd2de', class: "flex justify-between items-center" }, h("h1", { key: '03e1244267aecfe90ab46dc0f5b219226fe18359', class: "text-xl font-semibold text-gray-900" }, "Arrived in"), h("div", { key: '4b05874a0d5d99cb9792a91975937a5c524c0ad2', class: "text-xl font-mono text-gray-800" }, "00:05:20"))), h("div", { key: '2c35a744d0a5a586103ac4c93e30d34cbaa77e91', class: "p-6" }, h("div", { key: '700fddd8319dfd1eba7e68474e611364330e1e44', class: "bg-gray-50 rounded-xl p-4 flex items-center space-x-4" }, h("img", { key: 'e4757006b32e5b07f36e12e5a3b11d51891d71a5', 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: '80d75c824d667034d395dceebafd52c04b55bb30', class: "flex-1" }, h("h2", { key: '587e96de9a203dc6777ec1a9053498b60b5c12ac', class: "font-semibold text-gray-900" }, "Jacob Jones"), h("p", { key: 'af01072fe26fa47af3c318edf460267db0e0b9fd', class: "text-sm text-gray-500" }, "Omnitrans • SPX-8328")), h("div", { key: '4fbb16de8219c767116372235553a24253dec431', class: "flex space-x-2" }, h("button", { key: 'c3ee977fbc75d4fdd4e81edccba8172cae980b2b', class: "p-2 rounded-full border border-gray-300 hover:bg-gray-100 transition-colors 0.2", type: "button" }, h("span", { key: '97ec72e0571b4b326d5975dc787ebbcbc9969bf4', 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: 'cf245f617b1fa611d778a84c6957629d22590b9d', class: "p-2 rounded-full bg-gray-800 text-white hover:bg-gray-700 transition-colors 0.2", type: "button" }, h("span", { key: '36972bea6222d76b1bb4b9f04edd262706516e01', 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: '2e1406605f0dc535f3764a7788a15669b706111c', class: "px-6 pb-6" }, h("div", { key: 'c22bae9e6e6659d78b39e04da737a82be6df8f46', class: "space-y-6" }, h("div", { key: '166a0ccf1d7888c4c763a5eb2d8f116340b30f86', class: "flex items-start space-x-3" }, h("div", { key: '734f3dbe087822c6f72dd7dcdd87761fcd4aa998', class: "mt-1 flex-shrink-0" }, h("div", { key: 'b8d95292f7c2eb282c1039ce0faeb9e753e29bc7', class: "w-8 h-8 rounded-full bg-blue-50 flex items-center justify-center" }, h("span", { key: 'd2f4d67a69d071905499e1b4415463f5f2c0835d', 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: '6212fe4ef9701ce8b85af2a608f80d12f8d36adf' }, h("h3", { key: 'e76875a4607aa4b28fe69e9d55fced652b1ef0fb', class: "font-semibold text-gray-900" }, "456 Elm Street, Springfield"), h("p", { key: '6b49343d10d3aca465b6054713a7790a23191cfb', class: "text-sm text-gray-500" }, "Pickup point"))), h("div", { key: 'ed94e9b9ed6d6a6c0776bfc7c26d79a85fba300f', class: "flex items-start space-x-3" }, h("div", { key: 'c783cd3665b02e90393d684be418876ffe1287e3', class: "mt-1 flex-shrink-0" }, h("div", { key: '9254fb9c079b90dea759ba6bd5c4cf8ead953b08', class: "w-8 h-8 rounded-full bg-gray-50 flex items-center justify-center" }, h("span", { key: '4ad2c1fe7aa5846a23f08528df1d69cb331e0873', 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: '6007a1b266c45dd404c1199b8a30fe213d3a0c5c' }, h("h3", { key: '49fd38873513e39c4890a9b0a18cfe0f194fa1b7', class: "font-semibold text-gray-900" }, "739 Main Street, Springfield"), h("p", { key: '3278912530472013bea9c08bced6e59409125591', class: "text-sm text-gray-500" }, "Destination"))))), h("div", { key: '9eb153204bfe0efc556cfeee40c3f6141ff27694', class: "px-6 pb-6" }, h("div", { key: '05327e9db6d557c8b7520cf8131d493f88bf8066', class: "bg-gray-900 rounded-xl p-4" }, h("div", { key: 'c9f8bcb234b84da42aab236935ba769291884dc2', class: "flex items-center space-x-4" }, h("div", { key: '15f556d5dd2774a428358e71925dc305e08bf294', class: "w-12 h-12 rounded-full bg-gray-800 flex items-center justify-center" }, h("span", { key: 'cd6f88ef40c99a30b4b3c950741f31f4509423ea', 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: '9587bf4cce53dc3884e22d235a8ff62068d2c4cc' }, h("div", { key: '928ba479beb1b76da0ed11e7d816abf7a1a0465e', class: "text-white font-medium text-lg" }, "**** 7493"), h("div", { key: 'ae4ed16bd555913a546d9255805c876dca87474c', class: "text-sm text-gray-300" }, "Credit card"))))), h("div", { key: 'ae87e33123757110e1dbbe8f022d9467e0e89fb3', class: "px-6 py-6 border-t border-gray-200" }, h("div", { key: '91d47097a68c8c245031466b920b3691734aeb75', class: "flex justify-between items-center" }, h("span", { key: '86b12b89b892b9898ef2c7c3d6d4d3a87dc284d9', class: "text-gray-900 font-medium" }, "Total orders"), h("span", { key: '88262f89a397726d2ec6013cfc32fef66355d7d2', class: "text-xl font-bold text-gray-900" }, "$5.75"))))));
+    }
+};
+Card.style = charisolCardCss();
+
+export { Card as charisol_card };
+//# sourceMappingURL=charisol-card.entry.esm.js.map
+
+//# sourceMappingURL=charisol-card.entry.js.map

package/dist/charde/charisol-card.entry.js.map

@@ -0,0 +1 @@
+{"file":"charisol-card.entry.js","mappings":"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","names":[],"sources":["src/components/generated/charisol-card.css?tag=charisol-card&encapsulation=shadow","src/components/generated/charisol-card.tsx"],"sourcesContent":["/* Styles from global utilities.css */\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * Card\n * Auto-generated from Charisol Design System\n */\n@Component({\n  tag: 'charisol-card',\n  styleUrl: 'charisol-card.css',\n  shadow: true,\n})\nexport class Card {\n  @Prop() customClass?: string;\n  @Prop() customStyle?: string;\n\n  render() {\n    const cls = [\"bg-gray-50 font-sans\", this.customClass].filter(Boolean).join(' ');\n    const sty = this.customStyle as any || undefined;\n    return (\n      <div\n        class={cls}\n        style={sty}\n      >\n                <div class=\"w-full max-w-md mx-auto bg-white rounded-3xl shadow-lg overflow-hidden\">\n          <div class=\"p-6 border-b border-gray-200\">\n            <div class=\"flex justify-between items-center\">\n              <h1 class=\"text-xl font-semibold text-gray-900\">\n                {\"Arrived in\"}\n              </h1>\n              <div class=\"text-xl font-mono text-gray-800\">\n                {\"00:05:20\"}\n              </div>\n            </div>\n          </div>\n          <div class=\"p-6\">\n            <div class=\"bg-gray-50 rounded-xl p-4 flex items-center space-x-4\">\n              <img class=\"w-14 h-14 rounded-full object-cover\" src=\"https://plus.unsplash.com/premium_photo-1689977927774-401b12d137d6?w=900&amp;auto=format&amp;fit=crop&amp;q=60&amp;ixlib=rb-4.1.0&amp;ixid=M3wxMjA3fDB8MHxzZWFyY2h8OXx8bWFufGVufDB8fDB8fHww\" alt=\"Driver\" />\n              <div class=\"flex-1\">\n                <h2 class=\"font-semibold text-gray-900\">\n                  {\"Jacob Jones\"}\n                </h2>\n                <p class=\"text-sm text-gray-500\">\n                  {\"Omnitrans • SPX-8328\"}\n                </p>\n              </div>\n              <div class=\"flex space-x-2\">\n                <button class=\"p-2 rounded-full border border-gray-300 hover:bg-gray-100 transition-colors 0.2\" type=\"button\">\n                  <span 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>`} />\n                </button>\n                <button class=\"p-2 rounded-full bg-gray-800 text-white hover:bg-gray-700 transition-colors 0.2\" type=\"button\">\n                  <span 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>`} />\n                </button>\n              </div>\n            </div>\n          </div>\n          <div class=\"px-6 pb-6\">\n            <div class=\"space-y-6\">\n              <div class=\"flex items-start space-x-3\">\n                <div class=\"mt-1 flex-shrink-0\">\n                  <div class=\"w-8 h-8 rounded-full bg-blue-50 flex items-center justify-center\">\n                    <span 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>`} />\n                  </div>\n                </div>\n                <div>\n                  <h3 class=\"font-semibold text-gray-900\">\n                    {\"456 Elm Street, Springfield\"}\n                  </h3>\n                  <p class=\"text-sm text-gray-500\">\n                    {\"Pickup point\"}\n                  </p>\n                </div>\n              </div>\n              <div class=\"flex items-start space-x-3\">\n                <div class=\"mt-1 flex-shrink-0\">\n                  <div class=\"w-8 h-8 rounded-full bg-gray-50 flex items-center justify-center\">\n                    <span 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>`} />\n                  </div>\n                </div>\n                <div>\n                  <h3 class=\"font-semibold text-gray-900\">\n                    {\"739 Main Street, Springfield\"}\n                  </h3>\n                  <p class=\"text-sm text-gray-500\">\n                    {\"Destination\"}\n                  </p>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"px-6 pb-6\">\n            <div class=\"bg-gray-900 rounded-xl p-4\">\n              <div class=\"flex items-center space-x-4\">\n                <div class=\"w-12 h-12 rounded-full bg-gray-800 flex items-center justify-center\">\n                  <span 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>`} />\n                </div>\n                <div>\n                  <div class=\"text-white font-medium text-lg\">\n                    {\"**** 7493\"}\n                  </div>\n                  <div class=\"text-sm text-gray-300\">\n                    {\"Credit card\"}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"px-6 py-6 border-t border-gray-200\">\n            <div class=\"flex justify-between items-center\">\n              <span class=\"text-gray-900 font-medium\">\n                {\"Total orders\"}\n              </span>\n              <span class=\"text-xl font-bold text-gray-900\">\n                {\"$5.75\"}\n              </span>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/charde/charisol-checkbox-checkmark.entry.js

@@ -0,0 +1,22 @@
+import { r as registerInstance, h } from './index-C9gbKL_s.js';
+
+const charisolCheckboxCheckmarkCss = () => ``;
+
+const CheckboxCheckmark = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-3 h-3 opacity-0 transition-opacity duration-200 pointer-events-none group-has-[:checked]:opacity-100", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: '26b6dd55709d3447704e2fe10d65395785993d31', class: cls, style: sty }, h("span", { key: '3f54e531070dff8f85809939a628a0e1f3bb6790', class: "text-white" })));
+    }
+};
+CheckboxCheckmark.style = charisolCheckboxCheckmarkCss();
+
+export { CheckboxCheckmark as charisol_checkbox_checkmark };
+//# sourceMappingURL=charisol-checkbox-checkmark.entry.esm.js.map
+
+//# sourceMappingURL=charisol-checkbox-checkmark.entry.js.map

package/dist/charde/charisol-checkbox-checkmark.entry.js.map

@@ -0,0 +1 @@
+{"file":"charisol-checkbox-checkmark.entry.js","mappings":";;AAAA,MAAM,4BAA4B,GAAG,MAAM,CAAC,CAAC;;MCWhC,iBAAiB,GAAA,MAAA;;;;AACpB,IAAA,WAAW;AACX,IAAA,WAAW;IAEnB,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,CAAC,8KAA8K,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AACxO,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,WAAkB,IAAI,SAAS;AAChD,QAAA,QACE,4DACE,KAAK,EAAE,GAAG,EACV,KAAK,EAAE,GAAG,EAAA,EAEF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,YAAY,EACzB,CAAA,CACH;;;;;;;","names":[],"sources":["src/components/generated/charisol-checkbox-checkmark.css?tag=charisol-checkbox-checkmark&encapsulation=shadow","src/components/generated/charisol-checkbox-checkmark.tsx"],"sourcesContent":["/* Styles from global utilities.css */\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * Checkbox Checkmark\n * Auto-generated from Charisol Design System\n */\n@Component({\n  tag: 'charisol-checkbox-checkmark',\n  styleUrl: 'charisol-checkbox-checkmark.css',\n  shadow: true,\n})\nexport class CheckboxCheckmark {\n  @Prop() customClass?: string;\n  @Prop() customStyle?: string;\n\n  render() {\n    const cls = [\"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-3 h-3 opacity-0 transition-opacity duration-200 pointer-events-none group-has-[:checked]:opacity-100\", this.customClass].filter(Boolean).join(' ');\n    const sty = this.customStyle as any || undefined;\n    return (\n      <div\n        class={cls}\n        style={sty}\n      >\n                <span class=\"text-white\">\n        </span>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/charde/charisol-checkbox-input-wrapper.entry.js

@@ -0,0 +1,22 @@
+import { r as registerInstance, h } from './index-C9gbKL_s.js';
+
+const charisolCheckboxInputWrapperCss = () => ``;
+
+const CheckboxInputWrapper = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["relative flex items-center justify-center", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: 'ea33ef29e85c40f28a0b0f32bb4904559b71fd8d', class: cls, style: sty }, h("input", { key: 'd7feb8a0a64d68afd828bf22f916eddeeae2e6c9', class: "appearance-none w-5 h-5 border-2 border-solid border-gray-300 rounded bg-white cursor-pointer transition-colors duration-200 checked:border-blue-600 checked:bg-blue-600 hover:border-gray-400 hover:checked:border-blue-700 hover:checked:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500/30 focus:border-blue-600 disabled:border-gray-200 disabled:bg-gray-100 disabled:cursor-not-allowed disabled:checked:border-gray-300 disabled:checked:bg-gray-300", type: "checkbox" }), h("div", { key: '3e49f4d3a047f7cbeaa58b587cae6e8fc7be0100', class: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-3 h-3 opacity-0 transition-opacity duration-200 pointer-events-none group-has-[:checked]:opacity-100" }, h("span", { key: '02f7ccf49348e53371a3657d568be99bda9962ce', class: "text-white" }))));
+    }
+};
+CheckboxInputWrapper.style = charisolCheckboxInputWrapperCss();
+
+export { CheckboxInputWrapper as charisol_checkbox_input_wrapper };
+//# sourceMappingURL=charisol-checkbox-input-wrapper.entry.esm.js.map
+
+//# sourceMappingURL=charisol-checkbox-input-wrapper.entry.js.map

package/dist/charde/charisol-checkbox-input-wrapper.entry.js.map

@@ -0,0 +1 @@
+{"file":"charisol-checkbox-input-wrapper.entry.js","mappings":";;AAAA,MAAM,+BAA+B,GAAG,MAAM,CAAC,CAAC;;MCWnC,oBAAoB,GAAA,MAAA;;;;AACvB,IAAA,WAAW;AACX,IAAA,WAAW;IAEnB,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,CAAC,2CAA2C,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AACrG,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,WAAkB,IAAI,SAAS;AAChD,QAAA,QACE,4DACE,KAAK,EAAE,GAAG,EACV,KAAK,EAAE,GAAG,EAAA,EAEF,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAC,6cAA6c,EAAC,IAAI,EAAC,UAAU,EAAG,CAAA,EACrf,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,8KAA8K,EAAA,EACvL,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,YAAY,GACjB,CACH,CACF;;;;;;;","names":[],"sources":["src/components/generated/charisol-checkbox-input-wrapper.css?tag=charisol-checkbox-input-wrapper&encapsulation=shadow","src/components/generated/charisol-checkbox-input-wrapper.tsx"],"sourcesContent":["/* Styles from global utilities.css */\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * Checkbox Input Wrapper\n * Auto-generated from Charisol Design System\n */\n@Component({\n  tag: 'charisol-checkbox-input-wrapper',\n  styleUrl: 'charisol-checkbox-input-wrapper.css',\n  shadow: true,\n})\nexport class CheckboxInputWrapper {\n  @Prop() customClass?: string;\n  @Prop() customStyle?: string;\n\n  render() {\n    const cls = [\"relative flex items-center justify-center\", this.customClass].filter(Boolean).join(' ');\n    const sty = this.customStyle as any || undefined;\n    return (\n      <div\n        class={cls}\n        style={sty}\n      >\n                <input class=\"appearance-none w-5 h-5 border-2 border-solid border-gray-300 rounded bg-white cursor-pointer transition-colors duration-200 checked:border-blue-600 checked:bg-blue-600 hover:border-gray-400 hover:checked:border-blue-700 hover:checked:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500/30 focus:border-blue-600 disabled:border-gray-200 disabled:bg-gray-100 disabled:cursor-not-allowed disabled:checked:border-gray-300 disabled:checked:bg-gray-300\" type=\"checkbox\" />\n        <div class=\"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-3 h-3 opacity-0 transition-opacity duration-200 pointer-events-none group-has-[:checked]:opacity-100\">\n          <span class=\"text-white\">\n          </span>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/charde/charisol-checkbox-input.entry.js

@@ -0,0 +1,26 @@
+import { r as registerInstance, h } from './index-C9gbKL_s.js';
+
+const charisolCheckboxInputCss = () => ``;
+
+const CheckboxInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    type;
+    placeholder;
+    value;
+    inputId;
+    render() {
+        const cls = ["appearance-none w-5 h-5 border-2 border-solid border-gray-300 rounded bg-white cursor-pointer transition-colors duration-200 checked:border-blue-600 checked:bg-blue-600 hover:border-gray-400 hover:checked:border-blue-700 hover:checked:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500/30 focus:border-blue-600 disabled:border-gray-200 disabled:bg-gray-100 disabled:cursor-not-allowed disabled:checked:border-gray-300 disabled:checked:bg-gray-300", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("input", { key: '1fd4a0629c6595124c28cafcb4a315560444e7ba', class: cls, type: this.type || "checkbox", id: this.inputId || "", placeholder: this.placeholder || "", value: this.value, style: sty }));
+    }
+};
+CheckboxInput.style = charisolCheckboxInputCss();
+
+export { CheckboxInput as charisol_checkbox_input };
+//# sourceMappingURL=charisol-checkbox-input.entry.esm.js.map
+
+//# sourceMappingURL=charisol-checkbox-input.entry.js.map

package/dist/charde/charisol-checkbox-input.entry.js.map

@@ -0,0 +1 @@
+{"file":"charisol-checkbox-input.entry.js","mappings":";;AAAA,MAAM,wBAAwB,GAAG,MAAM,CAAC,CAAC;;MCW5B,aAAa,GAAA,MAAA;;;;AAChB,IAAA,WAAW;AACX,IAAA,WAAW;AACX,IAAA,IAAI;AACJ,IAAA,WAAW;AACX,IAAA,KAAK;AACL,IAAA,OAAO;IAEf,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,CAAC,6cAA6c,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AACvgB,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,WAAkB,IAAI,SAAS;QAChD,QACE,CACE,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,GAAG,EACV,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,UAAU,EAC7B,EAAE,EAAE,IAAI,CAAC,OAAO,IAAI,EAAE,EACtB,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,EAAE,EACnC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,GAAG,EAAA,CACV;;;;;;;","names":[],"sources":["src/components/generated/charisol-checkbox-input.css?tag=charisol-checkbox-input&encapsulation=shadow","src/components/generated/charisol-checkbox-input.tsx"],"sourcesContent":["/* Styles from global utilities.css */\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * Checkbox Input\n * Auto-generated from Charisol Design System\n */\n@Component({\n  tag: 'charisol-checkbox-input',\n  styleUrl: 'charisol-checkbox-input.css',\n  shadow: true,\n})\nexport class CheckboxInput {\n  @Prop() customClass?: string;\n  @Prop() customStyle?: string;\n  @Prop() type?: string;\n  @Prop() placeholder?: string;\n  @Prop() value?: string;\n  @Prop() inputId?: string;\n\n  render() {\n    const cls = [\"appearance-none w-5 h-5 border-2 border-solid border-gray-300 rounded bg-white cursor-pointer transition-colors duration-200 checked:border-blue-600 checked:bg-blue-600 hover:border-gray-400 hover:checked:border-blue-700 hover:checked:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500/30 focus:border-blue-600 disabled:border-gray-200 disabled:bg-gray-100 disabled:cursor-not-allowed disabled:checked:border-gray-300 disabled:checked:bg-gray-300\", this.customClass].filter(Boolean).join(' ');\n    const sty = this.customStyle as any || undefined;\n    return (\n      <input\n        class={cls}\n        type={this.type || \"checkbox\"}\n        id={this.inputId || \"\"}\n        placeholder={this.placeholder || \"\"}\n        value={this.value}\n        style={sty}\n      />\n    );\n  }\n}\n"],"version":3}

package/dist/charde/charisol-checkbox-label.entry.js

@@ -0,0 +1,23 @@
+import { r as registerInstance, h } from './index-C9gbKL_s.js';
+
+const charisolCheckboxLabelCss = () => ``;
+
+const CheckboxLabel = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["ml-3 text-base font-medium select-none transition-colors duration-200 group-has-[:disabled]:text-gray-400", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: 'e3b4ceb93d5c9aeaa100e88093b913eb221d79ac', class: cls, style: sty }, this.text || "Accept terms and conditions"));
+    }
+};
+CheckboxLabel.style = charisolCheckboxLabelCss();
+
+export { CheckboxLabel as charisol_checkbox_label };
+//# sourceMappingURL=charisol-checkbox-label.entry.esm.js.map
+
+//# sourceMappingURL=charisol-checkbox-label.entry.js.map

package/dist/charde/charisol-checkbox-label.entry.js.map

@@ -0,0 +1 @@
+{"file":"charisol-checkbox-label.entry.js","mappings":";;AAAA,MAAM,wBAAwB,GAAG,MAAM,CAAC,CAAC;;MCW5B,aAAa,GAAA,MAAA;;;;AAChB,IAAA,WAAW;AACX,IAAA,WAAW;AACX,IAAA,IAAI;IAEZ,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,CAAC,2GAA2G,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AACrK,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,WAAkB,IAAI,SAAS;QAChD,QACE,CACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,GAAG,EACV,KAAK,EAAE,GAAG,EAAA,EAET,IAAI,CAAC,IAAI,IAAI,6BAA6B,CACtC;;;;;;;","names":[],"sources":["src/components/generated/charisol-checkbox-label.css?tag=charisol-checkbox-label&encapsulation=shadow","src/components/generated/charisol-checkbox-label.tsx"],"sourcesContent":["/* Styles from global utilities.css */\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * Checkbox Label\n * Auto-generated from Charisol Design System\n */\n@Component({\n  tag: 'charisol-checkbox-label',\n  styleUrl: 'charisol-checkbox-label.css',\n  shadow: true,\n})\nexport class CheckboxLabel {\n  @Prop() customClass?: string;\n  @Prop() customStyle?: string;\n  @Prop() text?: string;\n\n  render() {\n    const cls = [\"ml-3 text-base font-medium select-none transition-colors duration-200 group-has-[:disabled]:text-gray-400\", this.customClass].filter(Boolean).join(' ');\n    const sty = this.customStyle as any || undefined;\n    return (\n      <span\n        class={cls}\n        style={sty}\n      >\n        {this.text || \"Accept terms and conditions\"}\n      </span>\n    );\n  }\n}\n"],"version":3}

package/dist/charde/charisol-checkbox.entry.js

@@ -0,0 +1,23 @@
+import { r as registerInstance, h } from './index-C9gbKL_s.js';
+
+const charisolCheckboxCss = () => ``;
+
+const Checkbox = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    htmlFor;
+    render() {
+        const cls = ["font-sans text-gray-700 flex items-center cursor-pointer select-none group", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("label", { key: '68124b8484b561ee503cbf0ca2655fdc8a5aecb3', class: cls, htmlFor: this.htmlFor || "", style: sty }, h("div", { key: 'd01861ed42173f1ca26c23aee44d50bb54b71032', class: "relative flex items-center justify-center" }, h("input", { key: '61c95d3c4f7b9c6d1247506fa4091f4fa10f74da', class: "appearance-none w-5 h-5 border-2 border-solid border-gray-300 rounded bg-white cursor-pointer transition-colors duration-200 checked:border-blue-600 checked:bg-blue-600 hover:border-gray-400 hover:checked:border-blue-700 hover:checked:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500/30 focus:border-blue-600 disabled:border-gray-200 disabled:bg-gray-100 disabled:cursor-not-allowed disabled:checked:border-gray-300 disabled:checked:bg-gray-300", type: "checkbox" }), h("div", { key: '0b850e2a6bda252290d9f9061e7e82121dc080dd', class: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-3 h-3 opacity-0 transition-opacity duration-200 pointer-events-none group-has-[:checked]:opacity-100" }, h("span", { key: 'a9937044040f85e9da9162a00c672e1904cdb8f1', class: "text-white" }))), h("span", { key: 'e16fa8f8f5fb849b0b0c4262dbc446b07a28d013', class: "ml-3 text-base font-medium select-none transition-colors duration-200 group-has-[:disabled]:text-gray-400" }, "Accept terms and conditions")));
+    }
+};
+Checkbox.style = charisolCheckboxCss();
+
+export { Checkbox as charisol_checkbox };
+//# sourceMappingURL=charisol-checkbox.entry.esm.js.map
+
+//# sourceMappingURL=charisol-checkbox.entry.js.map

package/dist/charde/charisol-checkbox.entry.js.map

@@ -0,0 +1 @@
+{"file":"charisol-checkbox.entry.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,MAAM,CAAC,CAAC;;MCWvB,QAAQ,GAAA,MAAA;;;;AACX,IAAA,WAAW;AACX,IAAA,WAAW;AACX,IAAA,OAAO;IAEf,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,CAAC,4EAA4E,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AACtI,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,WAAkB,IAAI,SAAS;QAChD,QACE,CACE,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,GAAG,EACV,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,EAAE,EAC3B,KAAK,EAAE,GAAG,EAAA,EAEF,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2CAA2C,EAAA,EAC5D,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAC,6cAA6c,EAAC,IAAI,EAAC,UAAU,EAAG,CAAA,EAC7e,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,8KAA8K,EAAA,EACvL,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,YAAY,EAAA,CACjB,CACH,CACF,EACN,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2GAA2G,EAAA,EACpH,6BAA6B,CACzB,CACD;;;;;;;","names":[],"sources":["src/components/generated/charisol-checkbox.css?tag=charisol-checkbox&encapsulation=shadow","src/components/generated/charisol-checkbox.tsx"],"sourcesContent":["/* Styles from global utilities.css */\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * Checkbox\n * Auto-generated from Charisol Design System\n */\n@Component({\n  tag: 'charisol-checkbox',\n  styleUrl: 'charisol-checkbox.css',\n  shadow: true,\n})\nexport class Checkbox {\n  @Prop() customClass?: string;\n  @Prop() customStyle?: string;\n  @Prop() htmlFor?: string;\n\n  render() {\n    const cls = [\"font-sans text-gray-700 flex items-center cursor-pointer select-none group\", this.customClass].filter(Boolean).join(' ');\n    const sty = this.customStyle as any || undefined;\n    return (\n      <label\n        class={cls}\n        htmlFor={this.htmlFor || \"\"}\n        style={sty}\n      >\n                <div class=\"relative flex items-center justify-center\">\n          <input class=\"appearance-none w-5 h-5 border-2 border-solid border-gray-300 rounded bg-white cursor-pointer transition-colors duration-200 checked:border-blue-600 checked:bg-blue-600 hover:border-gray-400 hover:checked:border-blue-700 hover:checked:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500/30 focus:border-blue-600 disabled:border-gray-200 disabled:bg-gray-100 disabled:cursor-not-allowed disabled:checked:border-gray-300 disabled:checked:bg-gray-300\" type=\"checkbox\" />\n          <div class=\"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-3 h-3 opacity-0 transition-opacity duration-200 pointer-events-none group-has-[:checked]:opacity-100\">\n            <span class=\"text-white\">\n            </span>\n          </div>\n        </div>\n        <span class=\"ml-3 text-base font-medium select-none transition-colors duration-200 group-has-[:disabled]:text-gray-400\">\n          {\"Accept terms and conditions\"}\n        </span>\n      </label>\n    );\n  }\n}\n"],"version":3}