@charde/core 0.0.3 → 0.0.5

package/dist/esm/chardes-badge-interactive-text.entry.js

@@ -0,0 +1,20 @@
+import { r as registerInstance, h } from './index-jZlebn0H.js';
+
+const chardesBadgeInteractiveTextCss = () => ``;
+
+const BadgeInteractiveText = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: 'a0188d485a46036ffeff6a5499f795906dc8ec1b', class: cls, style: sty }, this.text || "Removable"));
+    }
+};
+BadgeInteractiveText.style = chardesBadgeInteractiveTextCss();
+
+export { BadgeInteractiveText as chardes_badge_interactive_text };

package/dist/esm/chardes-badge-interactive.entry.js

@@ -0,0 +1,19 @@
+import { r as registerInstance, h } from './index-jZlebn0H.js';
+
+const chardesBadgeInteractiveCss = () => ``;
+
+const BadgeInteractive = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["badge-primary badge-interactive inline-flex items-center justify-between gap-2 pl-3 pr-2 py-1 text-xs font-semibold rounded-full bg-blue-500 text-white hover:bg-blue-600 transition-colors duration-200 group", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: '5fde1cf7de03d89fca5227100a95136fd9681e58', class: cls, style: sty }, h("span", { key: 'edc8f220b6716bdd27103465c579fa1f9e02ba2f' }, "Removable"), h("button", { key: '34717503ba07857b275d839c0fdb845235a2af37', class: "flex items-center justify-center w-4 h-4 rounded-full bg-white/20 hover:bg-white/30 transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-white/50", type: "button", "aria-label": "Remove badge" }, h("span", { key: '72405760ab82ced765df5bdd9ac809eff56a77b8', innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>` }))));
+    }
+};
+BadgeInteractive.style = chardesBadgeInteractiveCss();
+
+export { BadgeInteractive as chardes_badge_interactive };

package/dist/esm/chardes-badge-outline.entry.js

@@ -0,0 +1,20 @@
+import { r as registerInstance, h } from './index-jZlebn0H.js';
+
+const chardesBadgeOutlineCss = () => ``;
+
+const BadgeOutline = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["badge-outline inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-md border border-gray-300 bg-transparent text-gray-700 hover:border-gray-400 hover:text-gray-900 transition-colors duration-200 cursor-pointer", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: 'fff7481b47398bbe6c239df220659c6b01e6c6a7', class: cls, style: sty }, this.text || "Outline"));
+    }
+};
+BadgeOutline.style = chardesBadgeOutlineCss();
+
+export { BadgeOutline as chardes_badge_outline };

package/dist/esm/chardes-badge-primary.entry.js

@@ -0,0 +1,20 @@
+import { r as registerInstance, h } from './index-jZlebn0H.js';
+
+const chardesBadgePrimaryCss = () => ``;
+
+const BadgePrimary = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["badge-primary badge-pill inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-blue-500 text-white shadow-sm hover:bg-blue-600 transition-all duration-200 hover:scale-105 active:scale-95 cursor-pointer", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: 'b787ab2e0854c72ebab9cebd544b8fa6235eaa32', class: cls, style: sty }, this.text || "Primary"));
+    }
+};
+BadgePrimary.style = chardesBadgePrimaryCss();
+
+export { BadgePrimary as chardes_badge_primary };

package/dist/esm/chardes-badge-secondary.entry.js

@@ -0,0 +1,20 @@
+import { r as registerInstance, h } from './index-jZlebn0H.js';
+
+const chardesBadgeSecondaryCss = () => ``;
+
+const BadgeSecondary = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["badge-secondary badge-pill inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-yellow-300 text-gray-900 hover:bg-yellow-400 transition-colors duration-200 cursor-pointer", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: '76105b11bc380ff6c7f1fe9b2bb5d76b4a3ce4d8', class: cls, style: sty }, this.text || "Secondary"));
+    }
+};
+BadgeSecondary.style = chardesBadgeSecondaryCss();
+
+export { BadgeSecondary as chardes_badge_secondary };

package/dist/esm/chardes-badge-success.entry.js

@@ -0,0 +1,20 @@
+import { r as registerInstance, h } from './index-jZlebn0H.js';
+
+const chardesBadgeSuccessCss = () => ``;
+
+const BadgeSuccess = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["badge-success badge-pill inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-green-500 text-white hover:bg-green-600 transition-colors duration-200 cursor-pointer", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: '313cd5660ff26abf754fa129eb4c6764bdddf485', class: cls, style: sty }, this.text || "Success"));
+    }
+};
+BadgeSuccess.style = chardesBadgeSuccessCss();
+
+export { BadgeSuccess as chardes_badge_success };

package/dist/esm/chardes-badge-text.entry.js

@@ -0,0 +1,20 @@
+import { r as registerInstance, h } from './index-jZlebn0H.js';
+
+const chardesBadgeTextCss = () => ``;
+
+const BadgeText = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: 'c9b57c0ef4cb58c40b881b2fcca5a4f6f3955345', class: cls, style: sty }, this.text || "With Icon"));
+    }
+};
+BadgeText.style = chardesBadgeTextCss();
+
+export { BadgeText as chardes_badge_text };

package/dist/esm/chardes-badge-warning.entry.js

@@ -0,0 +1,20 @@
+import { r as registerInstance, h } from './index-jZlebn0H.js';
+
+const chardesBadgeWarningCss = () => ``;
+
+const BadgeWarning = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["badge-warning badge-pill inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-orange-500 text-white hover:bg-orange-600 transition-colors duration-200 cursor-pointer", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: '947845745531341c43e5b860498697b976330083', class: cls, style: sty }, this.text || "Warning"));
+    }
+};
+BadgeWarning.style = chardesBadgeWarningCss();
+
+export { BadgeWarning as chardes_badge_warning };

package/dist/esm/chardes-badge-with-icon.entry.js

@@ -0,0 +1,19 @@
+import { r as registerInstance, h } from './index-jZlebn0H.js';
+
+const chardesBadgeWithIconCss = () => ``;
+
+const BadgeWithIcon = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["badge-primary badge-with-icon inline-flex items-center justify-center gap-2 px-3 py-1 text-xs font-semibold rounded-full bg-blue-500 text-white hover:bg-blue-600 transition-colors duration-200 cursor-pointer", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: '229ae8316ad3374fc013baa8f7fea94e9682c161', class: cls, style: sty }, h("span", { key: '96532661ae451f6e44916e39b5440aace2395f26', class: "flex-shrink-0", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>` }), h("span", { key: 'c111cb3b65dd3bfa6f8174abe7edba88262df95d' }, "With Icon")));
+    }
+};
+BadgeWithIcon.style = chardesBadgeWithIconCss();
+
+export { BadgeWithIcon as chardes_badge_with_icon };

package/dist/esm/chardes-badge.entry.js

@@ -0,0 +1,19 @@
+import { r as registerInstance, h } from './index-jZlebn0H.js';
+
+const chardesBadgeCss = () => ``;
+
+const Badge = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["inline-flex items-center justify-center px-3 py-1.5 text-xs font-semibold leading-tight rounded-full transition-colors select-none text-white gap-2 whitespace-nowrap backface-hidden align-middle", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: 'b1d8dbdbca9b59ca79bf64b5975e1ace0f4e7d6d', class: cls, style: sty }, h("span", { key: 'dff5c99380f77d4c9d28bc458e2d974e2beb472b', class: "badge-primary badge-pill inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-blue-500 text-white shadow-sm hover:bg-blue-600 transition-all duration-200 hover:scale-105 active:scale-95 cursor-pointer" }, "Primary"), h("span", { key: '9ede6e5cf3e042cdc22395c8969d2f8f661b207f', class: "badge-secondary badge-pill inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-yellow-300 text-gray-900 hover:bg-yellow-400 transition-colors duration-200 cursor-pointer" }, "Secondary"), h("span", { key: '03270d1679a1998e0e329f8eaec0626cdeb4ceeb', class: "badge-success badge-pill inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-green-500 text-white hover:bg-green-600 transition-colors duration-200 cursor-pointer" }, "Success"), h("span", { key: '2f4431d22549ae4de5a867437e04d404903bb965', class: "badge-warning badge-pill inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-orange-500 text-white hover:bg-orange-600 transition-colors duration-200 cursor-pointer" }, "Warning"), h("span", { key: '6ce9d69ec38765d1aae112800a42242650528108', class: "badge-error badge-pill inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-red-500 text-white hover:bg-red-600 transition-colors duration-200 cursor-pointer" }, "Error"), h("span", { key: 'b3a516e308e49ae7229d31dfbc5e1591f0c4ec3c', class: "badge-outline inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-md border border-gray-300 bg-transparent text-gray-700 hover:border-gray-400 hover:text-gray-900 transition-colors duration-200 cursor-pointer" }, "Outline"), h("span", { key: 'e73bdcf7bb617c3b03f4626e6150ec4d3bc5a34b', class: "badge-primary badge-with-icon inline-flex items-center justify-center gap-2 px-3 py-1 text-xs font-semibold rounded-full bg-blue-500 text-white hover:bg-blue-600 transition-colors duration-200 cursor-pointer" }, h("span", { key: '29355171f1ad20aedd28c6df2202f584be98c2b3', class: "flex-shrink-0", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>` }), h("span", { key: '39be80827004fa4a1aa6a3df21a0b970aba1d3ee' }, "With Icon")), h("span", { key: 'e4ffe81dc967d2562bf3f51d35f05a97ecb3aad4', class: "badge-primary badge-interactive inline-flex items-center justify-between gap-2 pl-3 pr-2 py-1 text-xs font-semibold rounded-full bg-blue-500 text-white hover:bg-blue-600 transition-colors duration-200 group" }, h("span", { key: '8dd9f90cf8bb857faeb9651bef321db46ae665f6' }, "Removable"), h("button", { key: '08ac6019021ee3e9fbab83b98ac2104b4cb304dc', class: "flex items-center justify-center w-4 h-4 rounded-full bg-white/20 hover:bg-white/30 transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-white/50", type: "button", "aria-label": "Remove badge" }, h("span", { key: 'ff0edc09d9a409e8048c57e26acbd14d5492b31d', innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>` }))), h("div", { key: 'd3fe96c037692421e2b5ed4034d1da4a13482659', class: "flex flex-wrap gap-2 p-4 bg-gray-50 rounded-lg" }, h("span", { key: '5e2b9cfb69b001fb80d761bb4107540f1e5ffd82', class: "inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-blue-500 text-white" }, "Design"), h("span", { key: '6b38e18fc7a1d3c2925c5fec081e3958827db624', class: "inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-green-500 text-white" }, "System"), h("span", { key: '340acd294716f0951cd1a25c9de9533431759a4e', class: "inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-purple-500 text-white" }, "Tokens"), h("span", { key: '95902479959caa8564c30a5718716ecf51df2ba4', class: "inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-orange-500 text-white" }, "Components"))));
+    }
+};
+Badge.style = chardesBadgeCss();
+
+export { Badge as chardes_badge };

package/dist/esm/chardes-button_4.entry.js

@@ -0,0 +1,71 @@
+import { r as registerInstance, h } from './index-jZlebn0H.js';
+
+const chardesButtonCss = () => ``;
+
+const Button = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    text;
+    btnType;
+    ariaLabel;
+    render() {
+        const cls = ["inline-flex items-center justify-center font-semibold rounded-md transition-all duration-150 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed bg-blue-600 hover:bg-blue-700 active:bg-blue-800 px-4 py-2 text-sm", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("button", { key: 'f8c45854246bbcc5f55c2020602676752ac168e1', class: cls, type: this.btnType || "button", "aria-label": this.ariaLabel || "Button component", style: sty }, this.text || "Click me"));
+    }
+};
+Button.style = chardesButtonCss();
+
+const chardesCardCss = () => ``;
+
+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: 'cecfc071dea3a836ffc2ca25bccef6350208de31', class: cls, style: sty }, h("div", { key: '295ea7de7f7a5064a586d7acf785ce909d03c3ca', class: "w-full max-w-md mx-auto bg-white rounded-3xl shadow-lg overflow-hidden" }, h("div", { key: '095455fcdbce3312ed1f8f4fdd8009af4e475ded', class: "p-6 border-b border-gray-200" }, h("div", { key: 'd365ebe50827b727b8d6106ae38f20c258823a0d', class: "flex justify-between items-center" }, h("h1", { key: '9fbdca6432e29c318fe63b02857918d230c77b6d', class: "text-xl font-semibold text-gray-900" }, "Arrived in"), h("div", { key: 'b3daedeca742eb06787a99813d73e4de87261b58', class: "text-xl font-mono text-gray-800" }, "00:05:20"))), h("div", { key: 'ceb0b2edca9087b0e07daf0e653d809346ff0fc8', class: "p-6" }, h("div", { key: '4849a7be4ebe5b9bb5a6aeccfd9be603b8541f1a', class: "bg-gray-50 rounded-xl p-4 flex items-center space-x-4" }, h("img", { key: '28f4c6ee17358a73b6c4d6aced08c4f1a093a643', 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: 'c544c76bba344d89ea5431eb65c0a729073df1df', class: "flex-1" }, h("h2", { key: 'f81ef4674621d7e4a512f12c3a77bf331e226e0a', class: "font-semibold text-gray-900" }, "Jacob Jones"), h("p", { key: 'd37d7c363eb6a4936cb0bfb0978e8771f617a3e7', class: "text-sm text-gray-500" }, "Omnitrans • SPX-8328")), h("div", { key: '3bc56d07c5af98ee0d24b7cb99a0d85e12d3d868', class: "flex space-x-2" }, h("button", { key: '40709a949e7c186794d372a432765deb275af3e0', class: "p-2 rounded-full border border-gray-300 hover:bg-gray-100 transition-colors 0.2", type: "button" }, h("span", { key: 'b90d91deea90db729c5b11a1a649f1d641612d09', 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: 'ae71cc6c3a040c807a64a6f67e5f7a7d6c898ab7', class: "p-2 rounded-full bg-gray-800 text-white hover:bg-gray-700 transition-colors 0.2", type: "button" }, h("span", { key: 'abbf82ae3aaf95b947a353724907ae27019bf1b9', 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: 'f7800e0b5051b9962df3f2b462da05212d1b82fa', class: "px-6 pb-6" }, h("div", { key: '1d8fc37ce14120a54bc5f587d5bbbba88a533e1c', class: "space-y-6" }, h("div", { key: '9f2582cb5f5ece3d90f92267337b1590aad1f8c7', class: "flex items-start space-x-3" }, h("div", { key: '94460f52ae841836aa9dc65bde5855c74b899101', class: "mt-1 flex-shrink-0" }, h("div", { key: 'fbeaec8ec476b0d3a485222539aba7411ece2571', class: "w-8 h-8 rounded-full bg-blue-50 flex items-center justify-center" }, h("span", { key: '3aecc34748bc2a9704e244af751e86741c641da3', 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: '2b5a3f73cf64635901c3d4ee36d42a97c3dd29ab' }, h("h3", { key: 'f76f3d61e4d5a48579f4cf39be78c414f82f089e', class: "font-semibold text-gray-900" }, "456 Elm Street, Springfield"), h("p", { key: '84913e243642e07ae50ac4bc8a99c061926930ab', class: "text-sm text-gray-500" }, "Pickup point"))), h("div", { key: '934186950937957c90034c62539cc2363da6d200', class: "flex items-start space-x-3" }, h("div", { key: 'baf7300c152bc385740ee3d5b77dacdff2173dff', class: "mt-1 flex-shrink-0" }, h("div", { key: '2044644a9af7b8b657ad1b14e7b3781907c581c1', class: "w-8 h-8 rounded-full bg-gray-50 flex items-center justify-center" }, h("span", { key: 'c3d7c609c5460edf2a04152094b8b2a8794baadb', 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: '1d0d15dc6f375007d52d0277e70f465e9c46d1f8' }, h("h3", { key: '8afd27f7cab24bc1744fbae7a5b86c1c4cbf11e9', class: "font-semibold text-gray-900" }, "739 Main Street, Springfield"), h("p", { key: 'a4810ff695d7244b0145d9bb0a5903bd3396d567', class: "text-sm text-gray-500" }, "Destination"))))), h("div", { key: '97ad0f9b8c231ec3830d9712c402a801b68036c1', class: "px-6 pb-6" }, h("div", { key: '6a898590ac340291db4714d4050031d68cebffc1', class: "bg-gray-900 rounded-xl p-4" }, h("div", { key: '2f54bc519651cf3e37137ba34dad48ded2877397', class: "flex items-center space-x-4" }, h("div", { key: '538a0153579839c6b31e48fef6baac240f769abf', class: "w-12 h-12 rounded-full bg-gray-800 flex items-center justify-center" }, h("span", { key: 'bbec0fbe20a94e15983a6c689f4bdf576aaf66b2', 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: 'd2dea3893ec9cbfefe493edb9a12133781f5c99f' }, h("div", { key: 'cbc904570135b835f1de4488e04e00fda31dd5eb', class: "text-white font-medium text-lg" }, "**** 7493"), h("div", { key: '77b35736ecc34e83255ebae401c4638595106d36', class: "text-sm text-gray-300" }, "Credit card"))))), h("div", { key: '57cb7b10b6b9d9fdc2ae79fd2af8f4f3d6bc7767', class: "px-6 py-6 border-t border-gray-200" }, h("div", { key: '0cb21d0abc377eec176f6b1e05b9b50dcc7fad18', class: "flex justify-between items-center" }, h("span", { key: 'c6aa37317abe396c96ccaf55ed4186585946274a', class: "text-gray-900 font-medium" }, "Total orders"), h("span", { key: '4a0c5bd45d1713712ffea3080c16b7c78f9fe46b', class: "text-xl font-bold text-gray-900" }, "$5.75"))))));
+    }
+};
+Card.style = chardesCardCss();
+
+const chardesCheckboxCss = () => ``;
+
+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: '1093e201755d9f208216b21c4152b55963a7f581', class: cls, htmlFor: this.htmlFor || "", style: sty }, h("div", { key: 'f8ba2ed0e698d75eb310af601258c7275c490ffa', class: "relative flex items-center justify-center" }, h("input", { key: '084703d679ac1d70b58f35e0402293e11ef1d826', 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: '8af755f5f099250141f73ba44f5517ecd1037f57', 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: 'b2b1f9952c7799a397b8484fc7eb574dde38962d', class: "text-white" }))), h("span", { key: '3a529294ba87a223fcbd9316310cccc2b45fa66a', 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 = chardesCheckboxCss();
+
+const chardesInputCss = () => ``;
+
+const Input = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["font-sans", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: 'a0d74cc3d1b8c94eaf386bcd6445f28dd5a7dbdd', class: cls, style: sty }, h("div", { key: '0ba5c719dbb1c76fcacf996ee171599d2c01bd71', class: "w-full max-w-md" }, h("label", { key: '253421f5fd37083993e19e2f8dca7603bcf57088', class: "text-sm font-semibold text-gray-700 mb-1", htmlFor: "email-input" }, "Email Address"), h("div", { key: '4f7f86f91a3fb4afca7f3e9b5919851b2b6d7675', class: "w-full relative" }, h("div", { key: '4e060b31fe4331f62c29c308ef3426a982b5b2c5', class: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none" }, h("span", { key: 'e537136294fc56e85d86cc14d1c3f38e3641faae', innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" class="text-gray-500"><path d="M1.5 8.67v8.58a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V8.67l-8.928 5.493a3 3 0 0 1-3.144 0L1.5 8.67Z" /><path d="M22.5 6.908V6.75a3 3 0 0 0-3-3h-15a3 3 0 0 0-3 3v.158l9.714 5.978a1.5 1.5 0 0 0 1.572 0L22.5 6.908Z" /></svg>` })), h("input", { key: 'c435cfa6fba215619161981d12ea26d777e701d5', class: "w-full px-4 py-2 bg-white text-gray-900 border border-gray-300 rounded-lg font-sans text-base leading-relaxed transition-all duration-200 outline-none hover:border-gray-400 focus:border-blue-500 focus:ring-2 focus:ring-blue-500/20 pl-12", type: "email", placeholder: "you@example.com", id: "email-input" })), h("p", { key: 'da73d3829e0ee8d5f9a3f9e7dc2ab689d0b87c92', class: "text-xs text-gray-500 mt-1" }, "We'll never share your email with anyone else."), h("div", { key: 'bb88145e878fad448c977b8aec238ac00c0ce76f', class: "grid grid-cols-2 gap-4 mt-6" }, h("div", { key: '871ed7e4744a211e75354ddcf34a08f320a36cbf', class: "flex flex-col space-y-2" }, h("label", { key: '7854279a9a493b4ffeb1a468c8c5c59ed0e04aae', class: "text-sm font-semibold text-red-600", htmlFor: "error-input" }, "Password"), h("div", { key: '71f265cc7f990b3ee099398dabb785c11eb55ce4', class: "w-full relative" }, h("div", { key: '5f1d8e62a72892693b76173fb4374f806be411d8', class: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none" }, h("span", { key: '794c6f9f8b9dbd58c6134b73addb8fc7fc00d841', innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" class="text-red-600"><path fill-rule="evenodd" d="M12 1.5a5.25 5.25 0 0 0-5.25 5.25v3a3 3 0 0 0-3 3v6.75a3 3 0 0 0 3 3h10.5a3 3 0 0 0 3-3v-6.75a3 3 0 0 0-3-3v-3c0-2.9-2.35-5.25-5.25-5.25Zm3.75 8.25v-3a3.75 3.75 0 1 0-7.5 0v3h7.5Z" clip-rule="evenodd" /></svg>` })), h("input", { key: '8ca01b9b897d893410bc39f39ee9bde3c1b20ea9', class: "w-full px-4 py-2 bg-white text-gray-900 border border-red-500 rounded-lg font-sans text-base leading-relaxed transition-all duration-200 outline-none focus:border-red-500 focus:ring-2 focus:ring-red-500/20 pl-12", type: "password", id: "error-input" })), h("p", { key: '0246d99be0669e46c74c1fbc2d1728b445aca26d', class: "text-xs text-red-600" }, "Password must be at least 8 characters")), h("div", { key: '913c8cc7eb8b0b98172428e42e7776566844a3fc', class: "flex flex-col space-y-2" }, h("label", { key: '7684966526eca30f54364cbf9ce1c940f6b87de8', class: "text-sm font-semibold text-gray-700", htmlFor: "success-input" }, "Username"), h("div", { key: 'adc6c799c1953e840dad7b83bc7f6488ccb0e626', class: "w-full relative" }, h("div", { key: 'ed51959249c60bb3b436e8b7b658c247993cf806', class: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none" }, h("span", { key: 'da0deeb02d228d1fa7d59b2027f391bd6e80cf21', innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" class="text-green-600"><path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0ZM3.751 20.105a8.25 8.25 0 0 1 16.498 0 .75.75 0 0 1-.437.695A18.683 18.683 0 0 1 12 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 0 1-.437-.695Z" clip-rule="evenodd" /></svg>` })), h("input", { key: '2844105957ff1b0f639231c42400915bf2851dfd', class: "w-full px-4 py-2 bg-white text-gray-900 border border-green-600 rounded-lg font-sans text-base leading-relaxed transition-all duration-200 outline-none focus:border-green-600 focus:ring-2 focus:ring-green-500/20 pl-12", type: "text", id: "success-input" })), h("p", { key: 'd1788a06df42376fc611565ac0e7a39469f4cda4', class: "text-xs text-green-600" }, "Username is available"))))));
+    }
+};
+Input.style = chardesInputCss();
+
+export { Button as chardes_button, Card as chardes_card, Checkbox as chardes_checkbox, Input as chardes_input };

package/dist/esm/chardes-card-body-action-button-1.entry.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index-jZlebn0H.js';
+
+const chardesCardBodyActionButton1Css = () => ``;
+
+const CardBodyActionButton1 = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    btnType;
+    ariaLabel;
+    render() {
+        const cls = ["p-2 rounded-full border border-gray-300 hover:bg-gray-100 transition-colors 0.2", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("button", { key: 'b73aa978384edd2aeadd44da44eb11177ed4b491', class: cls, type: this.btnType || "button", "aria-label": this.ariaLabel || "", style: sty }, h("span", { key: '08feea10d8549e557dc6e2cdc891a07c77d4e2c7', 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>` })));
+    }
+};
+CardBodyActionButton1.style = chardesCardBodyActionButton1Css();
+
+export { CardBodyActionButton1 as chardes_card_body_action_button_1 };

package/dist/esm/chardes-card-body-action-button-2.entry.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index-jZlebn0H.js';
+
+const chardesCardBodyActionButton2Css = () => ``;
+
+const CardBodyActionButton2 = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    btnType;
+    ariaLabel;
+    render() {
+        const cls = ["p-2 rounded-full bg-gray-800 text-white hover:bg-gray-700 transition-colors 0.2", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("button", { key: '7487580aa81fadf6bb2bd13f5813665150b298da', class: cls, type: this.btnType || "button", "aria-label": this.ariaLabel || "", style: sty }, h("span", { key: 'db161f318820aeb07bd36d146194558c0e0402db', 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>` })));
+    }
+};
+CardBodyActionButton2.style = chardesCardBodyActionButton2Css();
+
+export { CardBodyActionButton2 as chardes_card_body_action_button_2 };

package/dist/esm/chardes-card-body-action-icon-1.entry.js

@@ -0,0 +1,20 @@
+import { r as registerInstance, h } from './index-jZlebn0H.js';
+
+const chardesCardBodyActionIcon1Css = () => ``;
+
+const CardBodyActionIcon1 = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    svgIcon;
+    render() {
+        const cls = ["", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: 'c3f7e8545cf90c9621ffbba3a35c3055cae8df52', class: cls, style: sty, innerHTML: this.svgIcon || `<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>` }));
+    }
+};
+CardBodyActionIcon1.style = chardesCardBodyActionIcon1Css();
+
+export { CardBodyActionIcon1 as chardes_card_body_action_icon_1 };

package/dist/esm/chardes-card-body-action-icon-2.entry.js

@@ -0,0 +1,20 @@
+import { r as registerInstance, h } from './index-jZlebn0H.js';
+
+const chardesCardBodyActionIcon2Css = () => ``;
+
+const CardBodyActionIcon2 = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    svgIcon;
+    render() {
+        const cls = ["", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: '292a8e729f3c0498c0cacb2a9d46c6611b939d11', class: cls, style: sty, innerHTML: this.svgIcon || `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="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>` }));
+    }
+};
+CardBodyActionIcon2.style = chardesCardBodyActionIcon2Css();
+
+export { CardBodyActionIcon2 as chardes_card_body_action_icon_2 };

package/dist/esm/chardes-card-body-actions.entry.js

@@ -0,0 +1,19 @@
+import { r as registerInstance, h } from './index-jZlebn0H.js';
+
+const chardesCardBodyActionsCss = () => ``;
+
+const CardBodyActions = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["flex space-x-2", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: 'be01eecac2d9e4c92b3467d98880589357fcdc1b', class: cls, style: sty }, h("button", { key: '0ab19be162dc8e0b7bcdcebd1339bf937ad713a6', class: "p-2 rounded-full border border-gray-300 hover:bg-gray-100 transition-colors 0.2", type: "button" }, h("span", { key: 'ea32c9d602b4b11973634866caf694990117fc68', 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: 'c5007879b5aaeda6393d674fba35885410b1e322', class: "p-2 rounded-full bg-gray-800 text-white hover:bg-gray-700 transition-colors 0.2", type: "button" }, h("span", { key: '56da98720a17041161c25085962d5a7254da718e', 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>` }))));
+    }
+};
+CardBodyActions.style = chardesCardBodyActionsCss();
+
+export { CardBodyActions as chardes_card_body_actions };

package/dist/esm/chardes-card-body-driver.entry.js

@@ -0,0 +1,19 @@
+import { r as registerInstance, h } from './index-jZlebn0H.js';
+
+const chardesCardBodyDriverCss = () => ``;
+
+const CardBodyDriver = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["bg-gray-50 rounded-xl p-4 flex items-center space-x-4", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: '6c346f005f02b98b3b3c8faf17ff66a7d3515423', class: cls, style: sty }, h("img", { key: '31897401fcb2883debc7c528dc9ca8fb23eeebdd', 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: '0c58ba779ab3a38db16320f1390eca220ac69b8c', class: "flex-1" }, h("h2", { key: '467ef3f8fbbc5be70ac6433e23f0f25ab7ccea2f', class: "font-semibold text-gray-900" }, "Jacob Jones"), h("p", { key: '7d3912862424a97fd0aee2ea43f03e8eeb0e2bda', class: "text-sm text-gray-500" }, "Omnitrans • SPX-8328")), h("div", { key: '5044090bd1fddf04fcb894359c49ca73d1c4f3ce', class: "flex space-x-2" }, h("button", { key: 'ba23d543782938c63af0fb04e4598a5409b3dc14', class: "p-2 rounded-full border border-gray-300 hover:bg-gray-100 transition-colors 0.2", type: "button" }, h("span", { key: '5e8a6636a8df5734a4dbffb680f78530eb6b8b10', 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: '2b388e7e3fbd0e5bb8a590f046c21caa04b5d51b', class: "p-2 rounded-full bg-gray-800 text-white hover:bg-gray-700 transition-colors 0.2", type: "button" }, h("span", { key: 'f45cffe159773faaf3aaab53046fde527da7fafd', 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>` })))));
+    }
+};
+CardBodyDriver.style = chardesCardBodyDriverCss();
+
+export { CardBodyDriver as chardes_card_body_driver };

package/dist/esm/chardes-card-body-img.entry.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index-jZlebn0H.js';
+
+const chardesCardBodyImgCss = () => ``;
+
+const CardBodyImg = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    src;
+    alt;
+    render() {
+        const cls = ["w-14 h-14 rounded-full object-cover", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("img", { key: '018e4e8f1adecae213c332a36afa59350457327f', class: cls, src: this.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: this.alt || "Driver", style: sty }));
+    }
+};
+CardBodyImg.style = chardesCardBodyImgCss();
+
+export { CardBodyImg as chardes_card_body_img };

package/dist/esm/chardes-card-body-info.entry.js

@@ -0,0 +1,19 @@
+import { r as registerInstance, h } from './index-jZlebn0H.js';
+
+const chardesCardBodyInfoCss = () => ``;
+
+const CardBodyInfo = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    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")));
+    }
+};
+CardBodyInfo.style = chardesCardBodyInfoCss();
+
+export { CardBodyInfo as chardes_card_body_info };

package/dist/esm/chardes-card-body-name.entry.js

@@ -0,0 +1,20 @@
+import { r as registerInstance, h } from './index-jZlebn0H.js';
+
+const chardesCardBodyNameCss = () => ``;
+
+const CardBodyName = 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("h2", { key: '2a203c50074933f6291bad4f387b935589647e40', class: cls, style: sty }, this.text || "Jacob Jones"));
+    }
+};
+CardBodyName.style = chardesCardBodyNameCss();
+
+export { CardBodyName as chardes_card_body_name };

package/dist/esm/chardes-card-body-span.entry.js

@@ -0,0 +1,20 @@
+import { r as registerInstance, h } from './index-jZlebn0H.js';
+
+const chardesCardBodySpanCss = () => ``;
+
+const CardBodySpan = 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: '1af428024c32da19bd28a8cbbdb1f33ca4d6f4cc', class: cls, style: sty }, this.text || "Omnitrans • SPX-8328"));
+    }
+};
+CardBodySpan.style = chardesCardBodySpanCss();
+
+export { CardBodySpan as chardes_card_body_span };

package/dist/esm/chardes-card-body.entry.js

@@ -0,0 +1,19 @@
+import { r as registerInstance, h } from './index-jZlebn0H.js';
+
+const chardesCardBodyCss = () => ``;
+
+const CardBody = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    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>` }))))));
+    }
+};
+CardBody.style = chardesCardBodyCss();
+
+export { CardBody as chardes_card_body };

package/dist/esm/chardes-card-container.entry.js

@@ -0,0 +1,19 @@
+import { r as registerInstance, h } from './index-jZlebn0H.js';
+
+const chardesCardContainerCss = () => ``;
+
+const CardContainer = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    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")))));
+    }
+};
+CardContainer.style = chardesCardContainerCss();
+
+export { CardContainer as chardes_card_container };

package/dist/esm/chardes-card-header-content.entry.js

@@ -0,0 +1,19 @@
+import { r as registerInstance, h } from './index-jZlebn0H.js';
+
+const chardesCardHeaderContentCss = () => ``;
+
+const CardHeaderContent = 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: '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")));
+    }
+};
+CardHeaderContent.style = chardesCardHeaderContentCss();
+
+export { CardHeaderContent as chardes_card_header_content };