cja-phoenix 0.0.1 → 0.0.2

package/dist/style.css

@@ -1 +1 @@
-.icon-heart[data-v-5800c09e]{color:tomato}.counter label[data-v-2c22e62b]{padding-right:10px;font-weight:700}.counter .count[data-v-2c22e62b]{padding:0 10px}@font-face{font-family:myfont;src:url(data:font/woff;base64,d09GRgABAAAAAATMAAsAAAAABIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIGBGNtYXAAAAFoAAAAVAAAAFQWfNQ7Z2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAAMQAAADE9iu5ZGhlYWQAAAKIAAAANgAAADYfdnyraGhlYQAAAsAAAAAkAAAAJAfCA8ZobXR4AAAC5AAAABQAAAAUCgAAAGxvY2EAAAL4AAAADAAAAAwAKAB2bWF4cAAAAwQAAAAgAAAAIAAHACxuYW1lAAADJAAAAYYAAAGGmUoJ+3Bvc3QAAASsAAAAIAAAACAAAwAAAAMDAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6doDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOna//3//wAAAAAAIOna//3//wAB/+MWKgADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAA/8wEAAOAACkAAAEiBw4BBwYHJicuAScmIyIHDgEHBhUUFx4BFxYXNjc+ATc2NTQnLgEnJgLzKCUlPxkZEBAZGT8lJSg4MTFJFRUzM5lZWk5KWVmbNTQVFUkxMQOADw8yICEiIiEgMg8PFRVJMTE4cU5Pjk5NcG9PT5BOT204MTFJFRUAAAEAAAAAAABxV9/FXw889QALBAAAAAAA3iwcMQAAAADeLBwxAAD/zAQAA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAUEAAAAAAAAAAAAAAACAAAABAAAAAAAAAAACgAUAB4AYgABAAAABQAqAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)}[class^=icon-],[class*=" icon-"]{font-family:myfont!important}.icon-heart:before{content:"\e9da"}.global-example{color:red}
+.icon-heart[data-v-5800c09e]{color:tomato}.counter label[data-v-2c22e62b]{padding-right:10px;font-weight:700}.counter .count[data-v-2c22e62b]{padding:0 10px}.modal-backdrop[data-v-4c7349cf]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:12;background-color:#0006;transition:all .4s ease-in-out}.modal-overlay[data-v-4c7349cf]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:13}.modal-container[data-v-4c7349cf]{position:absolute;top:0;left:0;height:100%;background:#ffffff;padding:20px;width:100%;box-sizing:border-box}@media screen and (min-width: 601px){.modal-container[data-v-4c7349cf]{top:50%;left:50%;transform:translateY(-50%) translate(-50%);max-width:calc(100% - 60px);border-radius:8px;padding:20px 40px;height:auto}}@media screen and (min-width: 1100px){.modal-container[data-v-4c7349cf]{max-width:1040px}}.modal-container .modal-header[data-v-4c7349cf]{font-weight:700;font-size:18px;line-height:21px;padding-bottom:15px;padding-right:20px;border-bottom:1px solid #dedede}@media screen and (min-width: 601px){.modal-container .modal-header[data-v-4c7349cf]{font-size:24px;line-height:27px}}.modal-container .btn-close[data-v-4c7349cf]{position:absolute;top:20px;right:20px;background:none;border:none;padding:0;outline:0;height:20px;cursor:pointer}@media screen and (min-width: 601px){.modal-container .btn-close[data-v-4c7349cf]{right:40px}}.modal-container .btn-close span[data-v-4c7349cf]{line-height:20px}.modal-container .btn-close[data-v-4c7349cf]:focus{outline:0}.modal-container .modal-body[data-v-4c7349cf]{margin:20px -15px -15px;font-size:15px;line-height:17px;overflow-y:auto;max-height:calc(100vh - 97px);height:auto;padding:0 15px 15px}@media screen and (min-width: 768px){.modal-container .modal-body[data-v-4c7349cf]{max-height:700px}}.modal-container .modal-footer[data-v-4c7349cf]{border-top:1px solid #dedede;padding-top:15px;margin-top:15px}.modal-container .modal-footer[data-v-4c7349cf] .button-container{display:flex;flex-direction:row;justify-content:flex-end;gap:10px}.fade-enter-from[data-v-4c7349cf],.fade-leave-to[data-v-4c7349cf]{opacity:0}.fade-enter-to[data-v-4c7349cf],.fade-leave-from[data-v-4c7349cf]{opacity:1}.cja-btn[data-v-2bfec323]{display:inline-flex;justify-content:center;align-items:center;padding:10px 20px;border-radius:8px;box-shadow:0 4px 20px #0000001a;color:#076b9c;background:none;font-weight:700;font-size:16px;line-height:16px;cursor:pointer}@media screen and (min-width: 768px){.cja-btn[data-v-2bfec323]{padding:15px 20px;font-size:20px;line-height:20px}}.cja-btn[data-v-2bfec323]:focus-visible{outline:none}.cja-btn.btn-primary[data-v-2bfec323]{background:#076b9c;border:1px solid #076b9c;color:#fff}.cja-btn.btn-primary.btn-orange[data-v-2bfec323]{background:#f58423;border-color:#f58423}.cja-btn.btn-primary.btn-white[data-v-2bfec323]{background:#fff;border-color:#fff;color:#155072}.cja-btn.btn-primary[data-v-2bfec323]:disabled{background:#dedede;border:1px solid #dedede;cursor:pointer}.cja-btn.btn-secondary[data-v-2bfec323]{border:1px solid #dedede}.cja-btn[data-v-2bfec323] span[class^=m-cgg-icon--]:last-child{margin-left:5px}@font-face{font-family:Proxima Nova;src:url(fonts/ProximaNovaT-Thin.woff2) format("woff2"),url(fonts/ProximaNovaT-Thin.woff) format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Proxima Nova;src:url(fonts/ProximaNova-Black.woff2) format("woff2"),url(fonts/ProximaNova-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Proxima Nova;src:url(fonts/ProximaNova-Regular.woff2) format("woff2"),url(fonts/ProximaNova-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Proxima Nova;src:url(fonts/ProximaNova-Bold.woff2) format("woff2"),url(fonts/ProximaNova-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Proxima Nova;src:url(fonts/ProximaNova-Extrabld.woff2) format("woff2"),url(fonts/ProximaNova-Extrabld.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}body{font-family:Proxima Nova,Helvetica Neue,Helvetica,Microsoft JhengHei,Open Sans,Arial,"sans-serif"}*,*:before,*:after{box-sizing:border-box}.form-group .input-title{font-size:14px;line-height:17px;font-weight:700;margin-bottom:10px}@media screen and (min-width: 768px){.form-group .input-title{font-size:16px;line-height:19px}}.form-group .input-container{position:relative}.form-group .input-container input,.form-group .input-container textarea{outline:none;padding:10px 8px;font-size:15px;line-height:18px;width:100%;border:1px solid #dedede;border-radius:5px;transition:all .1s ease-in}.form-group .input-container input:active,.form-group .input-container input:focus,.form-group .input-container textarea:active,.form-group .input-container textarea:focus{border:1px solid #5fbbff;outline:none}.form-group .input-container input:active+.icon,.form-group .input-container input:focus+.icon,.form-group .input-container textarea:active+.icon,.form-group .input-container textarea:focus+.icon{color:#312f2e}.form-group .input-container textarea{resize:none}.form-group .input-container.has-icon input{padding-right:50px}.form-group .input-container.has-icon .icon{position:absolute;top:50%;transform:translateY(-50%);right:20px;line-height:10px;font-size:20px;font-weight:700;color:#979290;transition:color .1s ease-in}.form-group .input-container.error input,.form-group .input-container.error textarea{background-color:#ffebeb;border:1px solid #ff533f}.form-group .input-container-radio ul{display:flex;flex-direction:column;gap:15px}.form-group .input-container-radio label{display:flex;flex-direction:row;gap:10px;cursor:pointer}.form-group .input-container-radio label input{display:none}.form-group .input-container-radio label input:checked+.radio-icon{border-color:#77aa43}.form-group .input-container-radio label input:checked+.radio-icon:before{opacity:1}.form-group .input-container-radio label .radio-icon{height:25px;width:25px;border:2px solid #9fabbc;border-radius:50%;transition:all .3s ease-in-out}.form-group .input-container-radio label .radio-icon:before{content:"";display:block;opacity:0;transition:all .3s ease-in-out;width:100%;height:100%;background-color:#77aa43;background-clip:content-box;border:4px solid transparent;border-radius:50%}.form-group .input-container-radio label p{font-size:16px;line-height:25px}.form-group .input-container-checkbox label{display:flex;flex-direction:row;flex-wrap:nowrap;gap:15px;cursor:pointer}.form-group .input-container-checkbox label input{display:none}.form-group .input-container-checkbox label.active .radio-icon{border-color:#77aa43}.form-group .input-container-checkbox label.active .radio-icon:before{opacity:1}.form-group .input-container-checkbox label.active p{color:#77aa43}.form-group .input-container-checkbox label .checkbox-icon{position:relative}.form-group .input-container-checkbox label .checkbox-icon:after{content:"";display:block;width:22px;height:22px;border-radius:3px;border:1px solid #cccbc8;color:#77aa43}.form-group .input-container-checkbox label .checkbox-icon:before{position:absolute;opacity:0;font-size:20px}.form-group .input-container-checkbox label input:checked+.checkbox-icon:before{opacity:1}.form-group .input-container-checkbox label .text-container{font-size:12px;line-height:18px;user-select:none}.form-group .input-container-checkbox label .text-container a{color:inherit;font-weight:700;text-decoration:underline}.form-group .input-container-checkbox label .text-container a:hover{text-decoration:none}.form-group .input-container-select{position:relative}.form-group .input-container-select .close-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:23}.form-group .input-container-select .select-toggle{position:relative;display:flex;justify-content:space-between;gap:10px;background-color:#fff;border:1px solid #dedede;border-radius:5px;cursor:pointer;padding:10px 8px;font-size:15px;line-height:18px;width:100%;transition:z-index 0s .3s;z-index:0}.form-group .input-container-select .select-toggle .select-display{flex-grow:1;text-overflow:ellipsis;overflow:hidden}.form-group .input-container-select .select-toggle.open{z-index:25;transition:z-index 0s}.form-group .input-container-select .select-toggle.open em{transform:rotate(180deg)}.form-group .input-container-select .select-toggle.disabled{opacity:.5;cursor:auto}.form-group .input-container-select .select-toggle em{font-size:12px;line-height:18px;color:#9fabbc;transition:all .3s ease-in-out}.form-group .input-container-select .select-collapse{position:absolute;z-index:24;left:0;width:100%;max-height:400px;overflow-y:auto;padding-top:4px;background-color:#fff;border:1px solid #dedede;transition:all .3s ease-in-out}.form-group .input-container-select .select-collapse.position-top{bottom:calc(100% - 5px);border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:0 -4px 10px #00000026}.form-group .input-container-select .select-collapse.position-bottom{top:calc(100% - 5px);border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:0 4px 10px #00000026}.form-group .input-container-select .select-collapse .search-filter-container{padding:5px 10px}.form-group .input-container-select .select-collapse .search-filter-container input{outline:none;padding:10px 8px;font-size:15px;line-height:18px;width:100%;border:1px solid #dedede;border-radius:5px}.form-group .input-container-select .select-collapse .search-filter-container input:active,.form-group .input-container-select .select-collapse .search-filter-container input:focus{border:1px solid #5fbbff;outline:none}.form-group .input-container-select .select-collapse.slide-fade-enter-from,.form-group .input-container-select .select-collapse.slide-fade-leave-to{opacity:0}.form-group .input-container-select .select-collapse.slide-fade-enter-to,.form-group .input-container-select .select-collapse.slide-fade-leave-from{opacity:1}.form-group .input-container-select .select-collapse ul li{display:flex;align-items:center;transition:all .3s ease-in-out;padding:8px 10px;cursor:pointer;user-select:none;overflow-x:hidden}.form-group .input-container-select .select-collapse ul li:hover{background-color:#f1f7ee}.form-group .input-container-select .select-collapse ul li .checkbox-icon{height:20px;width:20px;border:2px solid #9fabbc;border-radius:3px;transition:all .3s ease-in-out;display:inline-flex;place-items:center;margin-right:10px}.form-group .input-container-select .select-collapse ul li .checkbox-icon:before{color:#77aa43;opacity:0}.form-group .input-container-select .select-collapse ul li.active .checkbox-icon:before{opacity:1}.form-group .input-container-select.error .select-toggle{background-color:#ffebeb;border:1px solid #ff533f}.form-group .input-container-select.error em{background-color:#ffebeb}.form-group .input-error{color:#ff533f;font-size:14px;line-height:16px;margin-top:8px}@media screen and (min-width: 768px){.form-group .input-error{font-size:16px;line-height:18px}}.form-group .iti{display:block}.form-group .iti__flag{background-image:url(https://www.comparaja.pt/s3/portugal/comparaja.pt/production/pt/images/general/flags.png)!important}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.form-group .iti__flag{background-image:url(https://www.comparaja.pt/s3/portugal/comparaja.pt/production/pt/images/general/flags@2x.png)!important}}

package/dist/types/components/CheckboxInput.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import("vue").DefineComponent<{
+    label: StringConstructor;
+    error: StringConstructor;
+    modelValue: BooleanConstructor;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: StringConstructor;
+    error: StringConstructor;
+    modelValue: BooleanConstructor;
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: boolean;
+}>;
+export default _default;

package/dist/types/components/CjaButton.vue.d.ts

@@ -0,0 +1,9 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, {
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/ComponentA.vue.d.ts

@@ -1,11 +1,11 @@
-declare const _default: import("vue").DefineComponent<__VLS_DefinePropsToOptions<{
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     msg: string;
-}>, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_DefinePropsToOptions<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     msg: string;
 }>>>, {}>;
 export default _default;
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-declare type __VLS_DefinePropsToOptions<T> = {
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {

package/dist/types/components/ComponentB.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, () => void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/dist/types/components/Modal.vue.d.ts

@@ -0,0 +1,32 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    title?: string | undefined;
+    class?: string | undefined;
+}>, {
+    active: import("vue").Ref<boolean>;
+    openModal: () => void;
+    closeModal: () => void;
+    toggleModal: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    title?: string | undefined;
+    class?: string | undefined;
+}>>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {}>, {
+    body: (_: {}) => any;
+    footer: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/PhoneInput.vue.d.ts

@@ -0,0 +1,62 @@
+declare const _default: import("vue").DefineComponent<{
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    phoneCountryCode: {
+        type: StringConstructor;
+        default: string;
+    };
+    errorDisplay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validation: ObjectConstructor;
+    autocomplete: StringConstructor;
+    id: StringConstructor;
+}, {
+    errorMessage: import("vue").Ref<string | undefined>;
+    meta: import("vee-validate").FieldMeta<string>;
+    validate: (opts?: Partial<import("vee-validate").ValidationOptions> | undefined) => Promise<import("vee-validate").ValidationResult>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:phoneCountryCode")[], "update:modelValue" | "update:phoneCountryCode", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    phoneCountryCode: {
+        type: StringConstructor;
+        default: string;
+    };
+    errorDisplay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validation: ObjectConstructor;
+    autocomplete: StringConstructor;
+    id: StringConstructor;
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:phoneCountryCode"?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: string;
+    placeholder: string;
+    phoneCountryCode: string;
+    errorDisplay: boolean;
+}>;
+export default _default;

package/dist/types/components/TextInput.vue.d.ts

@@ -0,0 +1,58 @@
+import { HTMLAttributes, InputHTMLAttributes } from "vue";
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    mask?: string | undefined;
+    placeholder?: InputHTMLAttributes["placeholder"];
+    icon?: string | undefined;
+    title?: string | undefined;
+    inputmode?: HTMLAttributes["inputmode"];
+    type?: InputHTMLAttributes["type"];
+    error?: string | undefined;
+    modelValue: InputHTMLAttributes["value"];
+    autocomplete?: InputHTMLAttributes["autocomplete"];
+    id?: InputHTMLAttributes["id"];
+    validation?: any;
+    errorDisplay?: boolean | undefined;
+}>, {
+    type: string;
+    errorDisplay: boolean;
+}>, {
+    errorMessage: import("vue").Ref<string | undefined>;
+    meta: import("vee-validate").FieldMeta<any>;
+    validate: (opts?: Partial<import("vee-validate").ValidationOptions> | undefined) => Promise<import("vee-validate").ValidationResult>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    mask?: string | undefined;
+    placeholder?: InputHTMLAttributes["placeholder"];
+    icon?: string | undefined;
+    title?: string | undefined;
+    inputmode?: HTMLAttributes["inputmode"];
+    type?: InputHTMLAttributes["type"];
+    error?: string | undefined;
+    modelValue: InputHTMLAttributes["value"];
+    autocomplete?: InputHTMLAttributes["autocomplete"];
+    id?: InputHTMLAttributes["id"];
+    validation?: any;
+    errorDisplay?: boolean | undefined;
+}>, {
+    type: string;
+    errorDisplay: boolean;
+}>>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    type: string;
+    errorDisplay: boolean;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/dist/types/components/index.d.ts

@@ -1,3 +1,8 @@
-import ComponentA from './ComponentA.vue';
-import ComponentB from './ComponentB.vue';
-export { ComponentA, ComponentB };
+import ComponentA from "./ComponentA.vue";
+import ComponentB from "./ComponentB.vue";
+import Modal from "./Modal.vue";
+import CjaButton from "./CjaButton.vue";
+import TextInput from "./TextInput.vue";
+import PhoneInput from "./PhoneInput.vue";
+import CheckboxInput from "./CheckboxInput.vue";
+export { ComponentA, ComponentB, Modal, CjaButton, TextInput, PhoneInput, CheckboxInput, };

package/dist/types/stories/Modal.story.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/package.json

@@ -1,26 +1,37 @@
 {
   "name": "cja-phoenix",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "scripts": {
     "build:lib": "rimraf dist && vue-tsc && vite build",
     "publish:lib": "npm run build:lib && npm publish",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
-    "docs:serve": "vitepress serve docs"
+    "docs:serve": "vitepress serve docs",
+    "story:dev": "histoire dev",
+    "story:build": "histoire build",
+    "story:preview": "histoire preview"
   },
   "peerDependencies": {
-    "vue": "^3.2.25"
+    "vue": "^3.2.25",
+    "intl-tel-input": "^17.0.15",
+    "maska": "^1.5.0"
   },
   "devDependencies": {
+    "@histoire/plugin-vue": "^0.14.2",
+    "@types/intl-tel-input": "^17.0.6",
     "@types/node": "^17.0.14",
     "@vitejs/plugin-vue": "^2.0.0",
+    "histoire": "^0.14.2",
+    "vee-validate": "^4.7.2",
     "rimraf": "^3.0.2",
     "sass": "^1.49.7",
     "typescript": "^4.4.4",
-    "vite": "^2.7.2",
+    "vite": "^3.0.0",
     "vitepress": "^0.21.6",
     "vue": "^3.2.25",
-    "vue-tsc": "^0.29.8"
+    "vue-tsc": "^1.0.24",
+    "intl-tel-input": "^17.0.15",
+    "maska": "^1.5.0"
   },
   "files": [
     "src",
@@ -32,6 +43,7 @@
     ".": {
       "import": "./dist/cja-phoenix.es.js"
     },
-    "./dist/style.css": "./dist/style.css"
+    "./dist/style.css": "./dist/style.css",
+    "./dist/iconia/style.css": "./dist/iconia/style.css"
   }
 }

package/src/assets/fonts.scss

@@ -0,0 +1,44 @@
+@font-face {
+  font-family: "Proxima Nova";
+  src: url("fonts/ProximaNovaT-Thin.woff2") format("woff2"),
+    url("fonts/ProximaNovaT-Thin.woff") format("woff");
+  font-weight: 100;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Proxima Nova";
+  src: url("fonts/ProximaNova-Black.woff2") format("woff2"),
+    url("fonts/ProximaNova-Black.woff") format("woff");
+  font-weight: 900;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Proxima Nova";
+  src: url("fonts/ProximaNova-Regular.woff2") format("woff2"),
+    url("fonts/ProximaNova-Regular.woff") format("woff");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Proxima Nova";
+  src: url("fonts/ProximaNova-Bold.woff2") format("woff2"),
+    url("fonts/ProximaNova-Bold.woff") format("woff");
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Proxima Nova";
+  src: url("fonts/ProximaNova-Extrabld.woff2") format("woff2"),
+    url("fonts/ProximaNova-Extrabld.woff") format("woff");
+  font-weight: 800;
+  font-style: normal;
+  font-display: swap;
+}