@charde/core 0.0.4 → 0.0.5

package/dist/cjs/chardes-card-total-section.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesCardTotalSectionCss = () => ``;
+
+const CardTotalSection = class {
+    constructor(hostRef) {
+        index.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 (index.h("div", { key: '255aa580b6ed0a4d7fc35d62b0973de48744943a', class: cls, style: sty }, index.h("div", { key: 'b71a666e59b5dd385661a7891c1118dbdd0e99f2', class: "flex justify-between items-center" }, index.h("span", { key: 'dfd57f8f944b524cf01430a0240410fd0d292a72', class: "text-gray-900 font-medium" }, "Total orders"), index.h("span", { key: '0a765f106680ee86ea96606ff37a33dcc06da980', class: "text-xl font-bold text-gray-900" }, "$5.75"))));
+    }
+};
+CardTotalSection.style = chardesCardTotalSectionCss();
+
+exports.chardes_card_total_section = CardTotalSection;

package/dist/cjs/chardes-card-type.cjs.entry.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesCardTypeCss = () => ``;
+
+const CardType = class {
+    constructor(hostRef) {
+        index.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 (index.h("div", { key: '52ebae59be22909094aa91c6e2581b709bb76848', class: cls, style: sty }, this.text || "Credit card"));
+    }
+};
+CardType.style = chardesCardTypeCss();
+
+exports.chardes_card_type = CardType;

package/dist/cjs/chardes-checkbox-checkmark.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesCheckboxCheckmarkCss = () => ``;
+
+const CheckboxCheckmark = class {
+    constructor(hostRef) {
+        index.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 (index.h("div", { key: '32d6086adc6add2b1480c52f875e725d4f973b47', class: cls, style: sty }, index.h("span", { key: '58da27ae7059a5d435f7f2359e04f8b31a35c72a', class: "text-white" })));
+    }
+};
+CheckboxCheckmark.style = chardesCheckboxCheckmarkCss();
+
+exports.chardes_checkbox_checkmark = CheckboxCheckmark;

package/dist/cjs/chardes-checkbox-input-wrapper.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesCheckboxInputWrapperCss = () => ``;
+
+const CheckboxInputWrapper = class {
+    constructor(hostRef) {
+        index.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 (index.h("div", { key: '8c760bfd1953fca898219f52be9f9104c51937bb', class: cls, style: sty }, index.h("input", { key: '358aaca6c879cac37c4fc1d91f1e52199668a66f', 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" }), index.h("div", { key: '9b6ca29258959f125a9de37c8b1f3e872d62a4ac', 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" }, index.h("span", { key: 'f71051ce132b35069423a751faacd5a3a18e75ca', class: "text-white" }))));
+    }
+};
+CheckboxInputWrapper.style = chardesCheckboxInputWrapperCss();
+
+exports.chardes_checkbox_input_wrapper = CheckboxInputWrapper;

package/dist/cjs/chardes-checkbox-input.cjs.entry.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesCheckboxInputCss = () => ``;
+
+const CheckboxInput = class {
+    constructor(hostRef) {
+        index.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 (index.h("input", { key: '2904d3dbda4605d5d3abb614d01501d70a52efb2', class: cls, type: this.type || "checkbox", id: this.inputId || "", placeholder: this.placeholder || "", value: this.value, style: sty }));
+    }
+};
+CheckboxInput.style = chardesCheckboxInputCss();
+
+exports.chardes_checkbox_input = CheckboxInput;

package/dist/cjs/chardes-checkbox-label.cjs.entry.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesCheckboxLabelCss = () => ``;
+
+const CheckboxLabel = class {
+    constructor(hostRef) {
+        index.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 (index.h("span", { key: '2259e19ed4c4384104cb158be9afd659afa315f5', class: cls, style: sty }, this.text || "Accept terms and conditions"));
+    }
+};
+CheckboxLabel.style = chardesCheckboxLabelCss();
+
+exports.chardes_checkbox_label = CheckboxLabel;

package/dist/cjs/chardes-checkmark-svg.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesCheckmarkSvgCss = () => ``;
+
+const CheckmarkSvg = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["text-white", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("span", { key: '9727679c6ac43a3e36823037b805ca4992215e44', class: cls, style: sty }));
+    }
+};
+CheckmarkSvg.style = chardesCheckmarkSvgCss();
+
+exports.chardes_checkmark_svg = CheckmarkSvg;

package/dist/cjs/chardes-close-icon.cjs.entry.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesCloseIconCss = () => ``;
+
+const CloseIcon = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    svgIcon;
+    render() {
+        const cls = ["", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("span", { key: 'd04039754b976ef3f32e993d0933ef910d38f635', class: cls, style: sty, innerHTML: this.svgIcon || `<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>` }));
+    }
+};
+CloseIcon.style = chardesCloseIconCss();
+
+exports.chardes_close_icon = CloseIcon;

package/dist/cjs/chardes-error-icon-svg.cjs.entry.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesErrorIconSvgCss = () => ``;
+
+const ErrorIconSvg = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    svgIcon;
+    render() {
+        const cls = ["", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("span", { key: '00b0d2bf1759759663b552c19435eedee476dc42', class: cls, style: sty, innerHTML: this.svgIcon || `<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>` }));
+    }
+};
+ErrorIconSvg.style = chardesErrorIconSvgCss();
+
+exports.chardes_error_icon_svg = ErrorIconSvg;

package/dist/cjs/chardes-error-input-icon.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesErrorInputIconCss = () => ``;
+
+const ErrorInputIcon = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("div", { key: '8205a62ee82ed4b356d292903a0692e2b4d9e786', class: cls, style: sty }, index.h("span", { key: 'dde2ddee305693d699bef38de5d9fc37f2481120', 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>` })));
+    }
+};
+ErrorInputIcon.style = chardesErrorInputIconCss();
+
+exports.chardes_error_input_icon = ErrorInputIcon;

package/dist/cjs/chardes-error-input-wrapper.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesErrorInputWrapperCss = () => ``;
+
+const ErrorInputWrapper = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["w-full relative", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("div", { key: 'b9a905d47bb4e5a48891a98a6ef03c6090d6cefc', class: cls, style: sty }, index.h("div", { key: '76b4cb739a5119d3c44e69e58fe20b675b1d19af', class: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none" }, index.h("span", { key: '86a6a98c76393f2195b5f0bdd5664060865d0b5b', 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>` })), index.h("input", { key: '25e8e6218abecd135f9ebd0061c9bc01ed6f50ae', 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" })));
+    }
+};
+ErrorInputWrapper.style = chardesErrorInputWrapperCss();
+
+exports.chardes_error_input_wrapper = ErrorInputWrapper;

package/dist/cjs/chardes-error-input.cjs.entry.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesErrorInputCss = () => ``;
+
+const ErrorInput = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    text;
+    type;
+    placeholder;
+    value;
+    inputId;
+    render() {
+        const cls = ["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", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("input", { key: '6060ea44fa81d4f6f491489e12fc884aa4516bbe', class: cls, type: this.type || "password", id: this.inputId || "error-input", placeholder: this.placeholder || "", value: this.value, style: sty }));
+    }
+};
+ErrorInput.style = chardesErrorInputCss();
+
+exports.chardes_error_input = ErrorInput;

package/dist/cjs/chardes-error-label.cjs.entry.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesErrorLabelCss = () => ``;
+
+const ErrorLabel = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    text;
+    htmlFor;
+    render() {
+        const cls = ["text-sm font-semibold text-red-600", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("label", { key: '460b8a5e11792e4e19ba4d57418612bdc9c5559c', class: cls, htmlFor: this.htmlFor || "error-input", style: sty }, this.text || "Password"));
+    }
+};
+ErrorLabel.style = chardesErrorLabelCss();
+
+exports.chardes_error_label = ErrorLabel;

package/dist/cjs/chardes-error-message.cjs.entry.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesErrorMessageCss = () => ``;
+
+const ErrorMessage = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["text-xs text-red-600", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("p", { key: '8545340507b12675b4af3fb7240bdd9df769a968', class: cls, style: sty }, this.text || "Password must be at least 8 characters"));
+    }
+};
+ErrorMessage.style = chardesErrorMessageCss();
+
+exports.chardes_error_message = ErrorMessage;

package/dist/cjs/chardes-error-state.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesErrorStateCss = () => ``;
+
+const ErrorState = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["flex flex-col space-y-2", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("div", { key: '4ec48ecdc5a60c519009609f70cc56f3a4e6acba', class: cls, style: sty }, index.h("label", { key: '3fef5fa2dc0453928c850503eee664c81ec00971', class: "text-sm font-semibold text-red-600", htmlFor: "error-input" }, "Password"), index.h("div", { key: 'f7d15db22693f492962b2c24ee5f1f4c0898f764', class: "w-full relative" }, index.h("div", { key: 'd9a8a5b264d33f838f3462421b3526a54fae8d51', class: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none" }, index.h("span", { key: 'ac23fc7af721ed4f607d7d19ff600d819ad754b1', 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>` })), index.h("input", { key: 'bd30a40d2d653dad4e8fffe6668c85aeb84932ab', 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" })), index.h("p", { key: 'bf9072ad7e629dcd9959f537a580268ca1fc6dd9', class: "text-xs text-red-600" }, "Password must be at least 8 characters")));
+    }
+};
+ErrorState.style = chardesErrorStateCss();
+
+exports.chardes_error_state = ErrorState;

package/dist/cjs/chardes-form-group.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesFormGroupCss = () => ``;
+
+const FormGroup = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("div", { key: '471535cc7bb198902d1f60f56594cca025205170', class: cls, style: sty }, index.h("label", { key: '79e07f600dbcd62405b28f49e74284363498566d', class: "block text-sm font-medium text-gray-700 mb-2", htmlFor: "modal-email" }, "Email Address"), index.h("input", { key: '4aa89546ce0793a07fe148cd68f989cc26ebb53c', class: "w-full px-3 py-2 border border-gray-300 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent placeholder-gray-400", type: "email", placeholder: "you@example.com", id: "modal-email" })));
+    }
+};
+FormGroup.style = chardesFormGroupCss();
+
+exports.chardes_form_group = FormGroup;

package/dist/cjs/chardes-form-input.cjs.entry.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesFormInputCss = () => ``;
+
+const FormInput = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    type;
+    placeholder;
+    value;
+    inputId;
+    render() {
+        const cls = ["w-full px-3 py-2 border border-gray-300 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent placeholder-gray-400", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("input", { key: 'ee21f55e047b84aa0a54bccfbffa6b0c49b0fcb1', class: cls, type: this.type || "email", id: this.inputId || "modal-email", placeholder: this.placeholder || "you@example.com", value: this.value, style: sty }));
+    }
+};
+FormInput.style = chardesFormInputCss();
+
+exports.chardes_form_input = FormInput;

package/dist/cjs/chardes-form-label.cjs.entry.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesFormLabelCss = () => ``;
+
+const FormLabel = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    text;
+    htmlFor;
+    render() {
+        const cls = ["block text-sm font-medium text-gray-700 mb-2", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("label", { key: 'e4332f52af00d5e8f81450ae0070c9dc24aa7b29', class: cls, htmlFor: this.htmlFor || "modal-email", style: sty }, this.text || "Email Address"));
+    }
+};
+FormLabel.style = chardesFormLabelCss();
+
+exports.chardes_form_label = FormLabel;

package/dist/cjs/chardes-group-badge-1.cjs.entry.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesGroupBadge1Css = () => ``;
+
+const GroupBadge1 = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-blue-500 text-white", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("span", { key: '3a8e686645ce42f53b8ef96f10c3e8efb7240521', class: cls, style: sty }, this.text || "Design"));
+    }
+};
+GroupBadge1.style = chardesGroupBadge1Css();
+
+exports.chardes_group_badge_1 = GroupBadge1;

package/dist/cjs/chardes-group-badge-2.cjs.entry.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesGroupBadge2Css = () => ``;
+
+const GroupBadge2 = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-green-500 text-white", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("span", { key: '8a76ef9b2e92e0f7fc5b000c6c5706f8582a8391', class: cls, style: sty }, this.text || "System"));
+    }
+};
+GroupBadge2.style = chardesGroupBadge2Css();
+
+exports.chardes_group_badge_2 = GroupBadge2;

package/dist/cjs/chardes-group-badge-3.cjs.entry.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesGroupBadge3Css = () => ``;
+
+const GroupBadge3 = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-purple-500 text-white", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("span", { key: '67c5b85e354d418a1808435e88b492f98edd8b4b', class: cls, style: sty }, this.text || "Tokens"));
+    }
+};
+GroupBadge3.style = chardesGroupBadge3Css();
+
+exports.chardes_group_badge_3 = GroupBadge3;

package/dist/cjs/chardes-group-badge-4.cjs.entry.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesGroupBadge4Css = () => ``;
+
+const GroupBadge4 = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-orange-500 text-white", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("span", { key: 'd66bfa3d84f5b87875f6f6c7765a666d4c158b65', class: cls, style: sty }, this.text || "Components"));
+    }
+};
+GroupBadge4.style = chardesGroupBadge4Css();
+
+exports.chardes_group_badge_4 = GroupBadge4;

package/dist/cjs/chardes-icon-svg-destination.cjs.entry.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesIconSvgDestinationCss = () => ``;
+
+const IconSvgDestination = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    svgIcon;
+    render() {
+        const cls = ["", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("span", { key: 'de24d30883c4f9d8439dab01fd82218eab361414', class: cls, style: sty, innerHTML: this.svgIcon || `<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>` }));
+    }
+};
+IconSvgDestination.style = chardesIconSvgDestinationCss();
+
+exports.chardes_icon_svg_destination = IconSvgDestination;

package/dist/cjs/chardes-icon-svg-pickup.cjs.entry.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesIconSvgPickupCss = () => ``;
+
+const IconSvgPickup = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    svgIcon;
+    render() {
+        const cls = ["", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("span", { key: '0475af16951cb359dc998b78cf498e03fb1c8e54', class: cls, style: sty, innerHTML: this.svgIcon || `<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>` }));
+    }
+};
+IconSvgPickup.style = chardesIconSvgPickupCss();
+
+exports.chardes_icon_svg_pickup = IconSvgPickup;

package/dist/cjs/chardes-icon-svg.cjs.entry.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesIconSvgCss = () => ``;
+
+const IconSvg = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    svgIcon;
+    render() {
+        const cls = ["", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("span", { key: 'e0c3ce601821bb0defaaf04a6a95d55438047a00', class: cls, style: sty, innerHTML: this.svgIcon || `<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>` }));
+    }
+};
+IconSvg.style = chardesIconSvgCss();
+
+exports.chardes_icon_svg = IconSvg;

package/dist/cjs/chardes-input-element.cjs.entry.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesInputElementCss = () => ``;
+
+const InputElement = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    text;
+    type;
+    placeholder;
+    value;
+    inputId;
+    render() {
+        const cls = ["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", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("input", { key: 'e7b1fc07d28b5198b965e1cc2588e5329f93930a', class: cls, type: this.type || "email", id: this.inputId || "email-input", placeholder: this.placeholder || "you@example.com", value: this.value, style: sty }));
+    }
+};
+InputElement.style = chardesInputElementCss();
+
+exports.chardes_input_element = InputElement;

package/dist/cjs/chardes-input-field-wrapper.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesInputFieldWrapperCss = () => ``;
+
+const InputFieldWrapper = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["w-full relative", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("div", { key: '39d9c5daba52b94028e5769d64b7911996e7f0a1', class: cls, style: sty }, index.h("div", { key: '4ba0716f5b697303abdf36fd07c110c926e52546', class: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none" }, index.h("span", { key: '7ca519c99b252243cfbd3a689d951ed4522db124', 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>` })), index.h("input", { key: '302d90355c48670452e8a60d2f970c454048ea3e', 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" })));
+    }
+};
+InputFieldWrapper.style = chardesInputFieldWrapperCss();
+
+exports.chardes_input_field_wrapper = InputFieldWrapper;