@charde/core 0.0.4 → 0.0.5

package/dist/collection/components/generated/chardes-error-message.js

@@ -0,0 +1,88 @@
+import { h } from "@stencil/core";
+/**
+ * Error Message
+ * Auto-generated from Charisol Design System
+ */
+export class ErrorMessage {
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["text-xs text-red-600", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("p", { key: '8545340507b12675b4af3fb7240bdd9df769a968', class: cls, style: sty }, this.text || "Password must be at least 8 characters"));
+    }
+    static get is() { return "chardes-error-message"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-error-message.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-error-message.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-class"
+            },
+            "customStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-style"
+            },
+            "text": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "text"
+            }
+        };
+    }
+}

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

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

package/dist/collection/components/generated/chardes-error-state.js

@@ -0,0 +1,68 @@
+import { h } from "@stencil/core";
+/**
+ * Error State
+ * Auto-generated from Charisol Design System
+ */
+export class ErrorState {
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["flex flex-col space-y-2", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: '4ec48ecdc5a60c519009609f70cc56f3a4e6acba', class: cls, style: sty }, h("label", { key: '3fef5fa2dc0453928c850503eee664c81ec00971', class: "text-sm font-semibold text-red-600", htmlFor: "error-input" }, "Password"), h("div", { key: 'f7d15db22693f492962b2c24ee5f1f4c0898f764', class: "w-full relative" }, h("div", { key: 'd9a8a5b264d33f838f3462421b3526a54fae8d51', class: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none" }, 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>` })), 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" })), h("p", { key: 'bf9072ad7e629dcd9959f537a580268ca1fc6dd9', class: "text-xs text-red-600" }, "Password must be at least 8 characters")));
+    }
+    static get is() { return "chardes-error-state"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-error-state.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-error-state.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-class"
+            },
+            "customStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-style"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/chardes-form-group.css

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

package/dist/collection/components/generated/chardes-form-group.js

@@ -0,0 +1,68 @@
+import { h } from "@stencil/core";
+/**
+ * Form Group
+ * Auto-generated from Charisol Design System
+ */
+export class FormGroup {
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: '471535cc7bb198902d1f60f56594cca025205170', class: cls, style: sty }, h("label", { key: '79e07f600dbcd62405b28f49e74284363498566d', class: "block text-sm font-medium text-gray-700 mb-2", htmlFor: "modal-email" }, "Email Address"), 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" })));
+    }
+    static get is() { return "chardes-form-group"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-form-group.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-form-group.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-class"
+            },
+            "customStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-style"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/chardes-form-input.css

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

package/dist/collection/components/generated/chardes-form-input.js

@@ -0,0 +1,148 @@
+import { h } from "@stencil/core";
+/**
+ * Form Input
+ * Auto-generated from Charisol Design System
+ */
+export class FormInput {
+    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 (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 }));
+    }
+    static get is() { return "chardes-form-input"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-form-input.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-form-input.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-class"
+            },
+            "customStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-style"
+            },
+            "type": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "type"
+            },
+            "placeholder": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "placeholder"
+            },
+            "value": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "value"
+            },
+            "inputId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "input-id"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/chardes-form-label.css

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

package/dist/collection/components/generated/chardes-form-label.js

@@ -0,0 +1,108 @@
+import { h } from "@stencil/core";
+/**
+ * Form Label
+ * Auto-generated from Charisol Design System
+ */
+export class FormLabel {
+    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 (h("label", { key: 'e4332f52af00d5e8f81450ae0070c9dc24aa7b29', class: cls, htmlFor: this.htmlFor || "modal-email", style: sty }, this.text || "Email Address"));
+    }
+    static get is() { return "chardes-form-label"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-form-label.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-form-label.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-class"
+            },
+            "customStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-style"
+            },
+            "text": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "text"
+            },
+            "htmlFor": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "html-for"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/chardes-group-badge-1.css

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

package/dist/collection/components/generated/chardes-group-badge-1.js

@@ -0,0 +1,88 @@
+import { h } from "@stencil/core";
+/**
+ * Group Badge 1
+ * Auto-generated from Charisol Design System
+ */
+export class GroupBadge1 {
+    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 (h("span", { key: '3a8e686645ce42f53b8ef96f10c3e8efb7240521', class: cls, style: sty }, this.text || "Design"));
+    }
+    static get is() { return "chardes-group-badge-1"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-group-badge-1.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-group-badge-1.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-class"
+            },
+            "customStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-style"
+            },
+            "text": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "text"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/chardes-group-badge-2.css

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

package/dist/collection/components/generated/chardes-group-badge-2.js

@@ -0,0 +1,88 @@
+import { h } from "@stencil/core";
+/**
+ * Group Badge 2
+ * Auto-generated from Charisol Design System
+ */
+export class GroupBadge2 {
+    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 (h("span", { key: '8a76ef9b2e92e0f7fc5b000c6c5706f8582a8391', class: cls, style: sty }, this.text || "System"));
+    }
+    static get is() { return "chardes-group-badge-2"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-group-badge-2.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-group-badge-2.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-class"
+            },
+            "customStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-style"
+            },
+            "text": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "text"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/chardes-group-badge-3.css

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