edvoyui-component-library-test-flight 0.0.205 → 0.0.207

package/dist/App.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('../node_modules/vue').DefineComponent<{}, {}, {}, {}, {}, import('../node_modules/vue').ComponentOptionsMixin, import('../node_modules/vue').ComponentOptionsMixin, {}, string, import('../node_modules/vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('../node_modules/vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/HelloWorld.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: import('../../node_modules/vue').DefineComponent<{}, {}, {}, {}, {}, import('../../node_modules/vue').ComponentOptionsMixin, import('../../node_modules/vue').ComponentOptionsMixin, {}, string, import('../../node_modules/vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('../../node_modules/vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/components/HelloWorld.vue

@@ -7,7 +7,8 @@
     </h1>
   </div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+</script>
 <style lang="scss"></style>
 
 <!-- Development code here  -->
@@ -16,8 +17,21 @@
   <div class="h-[clac(100svh-64px)] w-full px-10 py-8 max-w-screen-xl mx-auto">
     <h1 class="mb-2 font-semibold text-gray-900 tetx-lg">Edvoy UI Componnet</h1>
 
-    <div class="mb-10">
+    <div class="max-w-xl mx-auto">
+      <EUIInput
+        v-model="editFullName"
+        label="Full name"
+        placeholder="Enter your name"
+        inputFilled
+        inlineEdit
+        :edit-icon="!inputEdit ? PencilSquareIcon : PencilIcon"
+        :edit="inputEdit"
+        :readonly="!inputEdit"
+        @editAction="onInputEdit"
+      />
+    </div>
 
+    <div class="mb-10">
       <div class="mb-6">Selected: {{ radioOptions.find(opt => opt.value === radioGroupValue)?.label }}</div>
 
       <EUIRadioGroup
@@ -1569,6 +1583,14 @@ import EUISearchTagSelect from "./searchTagSelect/EUISearchTagSelect.vue";
 import { countryAll } from "../data/country";
 import EUINumberInput from "./input/EUINumberInput.vue";
 import EUIRadioGroup from "./radioGroup/EUIRadioGroup.vue";
+import { PencilIcon, PencilSquareIcon } from '@heroicons/vue/24/solid';
+
+const inputEdit = ref(false);
+const editFullName = ref('John Doe');
+
+const onInputEdit = () => {
+  inputEdit.value = !inputEdit.value;
+};
 
 const checkboxData = ref([]);
 const businessAreaSel = ref();

package/dist/components/accordion/EUIAccordion.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType } from '../../../node_modules/vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -17,7 +17,7 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_component: import('../../../node_modules/vue').DefineComponent<import('../../../node_modules/vue').ExtractPropTypes<{
     datas: {
         type: PropType<any[]>;
         required: true;
@@ -39,9 +39,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: StringConstructor;
         required: false;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import('../../../node_modules/vue').ComponentOptionsMixin, import('../../../node_modules/vue').ComponentOptionsMixin, {
     "update:activeItem": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, import('../../../node_modules/vue').PublicProps, Readonly<import('../../../node_modules/vue').ExtractPropTypes<{
     datas: {
         type: PropType<any[]>;
         required: true;
@@ -70,7 +70,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     defaultOpen: number[];
     collapse: boolean;
     accordionStyle: "grouped" | "separated";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('../../../node_modules/vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/alerts/EUIAlerts.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType } from '../../../node_modules/vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -12,7 +12,7 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_component: import('../../../node_modules/vue').DefineComponent<import('../../../node_modules/vue').ExtractPropTypes<{
     showAlert: {
         type: BooleanConstructor;
         default: boolean;
@@ -35,11 +35,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     actionItems: BooleanConstructor;
     closeIcon: BooleanConstructor;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import('../../../node_modules/vue').ComponentOptionsMixin, import('../../../node_modules/vue').ComponentOptionsMixin, {
     "update:showAlert": (...args: any[]) => void;
     alertAction: (...args: any[]) => void;
     alertDismiss: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, import('../../../node_modules/vue').PublicProps, Readonly<import('../../../node_modules/vue').ExtractPropTypes<{
     showAlert: {
         type: BooleanConstructor;
         default: boolean;
@@ -74,7 +74,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     alertType: "Success" | "Error" | "Default" | "Warning";
     alertIcon: string | Function | Record<string, any>;
     actionItems: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('../../../node_modules/vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/avatar/EUIAvatar.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType } from '../../../node_modules/vue';
 interface ProfileData {
     name: string;
     designation: string;
@@ -17,7 +17,7 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_component: import('../../../node_modules/vue').DefineComponent<import('../../../node_modules/vue').ExtractPropTypes<{
     imageUrl: {
         type: StringConstructor;
         default: string;
@@ -55,7 +55,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             designation: string;
         };
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('../../../node_modules/vue').ComponentOptionsMixin, import('../../../node_modules/vue').ComponentOptionsMixin, {}, string, import('../../../node_modules/vue').PublicProps, Readonly<import('../../../node_modules/vue').ExtractPropTypes<{
     imageUrl: {
         type: StringConstructor;
         default: string;
@@ -102,7 +102,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     showStatus: boolean;
     status: "Online" | "Offline";
     profileData: ProfileData;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('../../../node_modules/vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/breadcrumb/EUIBreadcrumb.d.ts

@@ -1,21 +1,21 @@
-import { PropType } from 'vue';
+import { PropType } from '../../../node_modules/vue';
 interface BreadcrumbPage {
     name: string;
     href?: string;
     current?: boolean;
     showIcon?: {};
 }
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: import('../../../node_modules/vue').DefineComponent<import('../../../node_modules/vue').ExtractPropTypes<{
     pages: {
         type: PropType<BreadcrumbPage[]>;
         default: never[];
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('../../../node_modules/vue').ComponentOptionsMixin, import('../../../node_modules/vue').ComponentOptionsMixin, {}, string, import('../../../node_modules/vue').PublicProps, Readonly<import('../../../node_modules/vue').ExtractPropTypes<{
     pages: {
         type: PropType<BreadcrumbPage[]>;
         default: never[];
     };
 }>> & Readonly<{}>, {
     pages: BreadcrumbPage[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
+}, {}, {}, {}, string, import('../../../node_modules/vue').ComponentProvideOptions, true, {}, HTMLElement>;
 export default _default;

package/dist/components/button/EUIButton.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType } from '../../../node_modules/vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -8,7 +8,7 @@ declare function __VLS_template(): {
     rootEl: HTMLButtonElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_component: import('../../../node_modules/vue').DefineComponent<import('../../../node_modules/vue').ExtractPropTypes<{
     type: {
         type: PropType<"button" | "submit" | "reset">;
         default: string;
@@ -32,9 +32,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     rounded: BooleanConstructor;
     loading: BooleanConstructor;
     disabled: BooleanConstructor;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import('../../../node_modules/vue').ComponentOptionsMixin, import('../../../node_modules/vue').ComponentOptionsMixin, {
     click: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, import('../../../node_modules/vue').PublicProps, Readonly<import('../../../node_modules/vue').ExtractPropTypes<{
     type: {
         type: PropType<"button" | "submit" | "reset">;
         default: string;
@@ -69,7 +69,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     rounded: boolean;
     loading: boolean;
     disabled: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
+}, {}, {}, {}, string, import('../../../node_modules/vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/button/EUIButtonGroup.d.ts

@@ -1,4 +1,4 @@
-import { PropType, Component } from 'vue';
+import { PropType, Component } from '../../../node_modules/vue';
 interface Item {
     name: string;
     label?: string;
@@ -22,7 +22,7 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_component: import('../../../node_modules/vue').DefineComponent<import('../../../node_modules/vue').ExtractPropTypes<{
     items: {
         type: () => Item[];
         default: () => never[];
@@ -53,9 +53,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     loading: BooleanConstructor;
     disabled: BooleanConstructor;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+}>, {}, {}, {}, {}, import('../../../node_modules/vue').ComponentOptionsMixin, import('../../../node_modules/vue').ComponentOptionsMixin, {} & {
     "update:activeButton": (activeButton: Item) => any;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, import('../../../node_modules/vue').PublicProps, Readonly<import('../../../node_modules/vue').ExtractPropTypes<{
     items: {
         type: () => Item[];
         default: () => never[];
@@ -98,7 +98,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     items: Item[];
     defaultActive: string;
     activeColor: "danger" | "success" | "black" | "white" | "purple" | "secondary" | "tertiary";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+}, {}, {}, {}, string, import('../../../node_modules/vue').ComponentProvideOptions, true, {
     navContainer: HTMLElement;
     navIndicator: HTMLDivElement;
 }, any>;

package/dist/components/checkbox/EUICheckbox.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType } from '../../../node_modules/vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -8,7 +8,7 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_component: import('../../../node_modules/vue').DefineComponent<import('../../../node_modules/vue').ExtractPropTypes<{
     errors: {
         type: ObjectConstructor;
         required: false;
@@ -33,10 +33,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         required: false;
         default: string;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
+}>, {}, {}, {}, {}, import('../../../node_modules/vue').ComponentOptionsMixin, import('../../../node_modules/vue').ComponentOptionsMixin, {
     toggle: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('../../../node_modules/vue').PublicProps, Readonly<import('../../../node_modules/vue').ExtractPropTypes<{
     errors: {
         type: ObjectConstructor;
         required: false;
@@ -62,15 +62,15 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: string;
     };
 }>> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onToggle?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
     label: string;
     name: string;
     errors: Record<string, any>;
     modelValue: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('../../../node_modules/vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/datepicker/EUIDatepicker.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { PropType } from '../../../node_modules/vue';
+declare const _default: import('../../../node_modules/vue').DefineComponent<import('../../../node_modules/vue').ExtractPropTypes<{
     modelValue: {
         type: any;
         default: string;
@@ -73,9 +73,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: false;
         default: () => void;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import('../../../node_modules/vue').ComponentOptionsMixin, import('../../../node_modules/vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, import('../../../node_modules/vue').PublicProps, Readonly<import('../../../node_modules/vue').ExtractPropTypes<{
     modelValue: {
         type: any;
         default: string;
@@ -176,5 +176,5 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     multiCalendars: boolean;
     autoApply: boolean;
     config: Record<string, any>;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('../../../node_modules/vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/components/dragModal/EUIDrag.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+declare const _default: import('../../../node_modules/vue').DefineComponent<{}, {}, {}, {}, {}, import('../../../node_modules/vue').ComponentOptionsMixin, import('../../../node_modules/vue').ComponentOptionsMixin, {}, string, import('../../../node_modules/vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('../../../node_modules/vue').ComponentProvideOptions, true, {
     containerRef: HTMLDivElement;
 }, any>;
 export default _default;

package/dist/components/dropdown/EUIMultiDropdown.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType } from '../../../node_modules/vue';
 interface MenuItem {
     text: string;
     subMenu?: MenuItem[];
@@ -25,7 +25,7 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_component: import('../../../node_modules/vue').DefineComponent<import('../../../node_modules/vue').ExtractPropTypes<{
     title: {
         type: StringConstructor;
         default: string;
@@ -67,11 +67,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: PropType<"top" | "bottom" | "left" | "right">;
         default: string;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import('../../../node_modules/vue').ComponentOptionsMixin, import('../../../node_modules/vue').ComponentOptionsMixin, {
     subMenuItem: (...args: any[]) => void;
     menuItem: (...args: any[]) => void;
     actionItem: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, import('../../../node_modules/vue').PublicProps, Readonly<import('../../../node_modules/vue').ExtractPropTypes<{
     title: {
         type: StringConstructor;
         default: string;
@@ -123,7 +123,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     placement: "top" | "bottom" | "right" | "left";
     isSolidArrow: boolean;
     menuItems: MenuItem[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+}, {}, {}, {}, string, import('../../../node_modules/vue').ComponentProvideOptions, true, {
     dropdownButton: HTMLButtonElement;
     dropdownMenu: HTMLDivElement;
 }, HTMLDivElement>;

package/dist/components/errorMessage/EUIErrorMessage.d.ts

@@ -1,6 +1,6 @@
-import { PropType } from 'vue';
+import { PropType } from '../../../node_modules/vue';
 import { ValidationErrors, ErrorObject } from '../../utils/types';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: import('../../../node_modules/vue').DefineComponent<import('../../../node_modules/vue').ExtractPropTypes<{
     name: {
         type: StringConstructor;
         required: true;
@@ -9,7 +9,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<ValidationErrors | ErrorObject[]>;
         required: true;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('../../../node_modules/vue').ComponentOptionsMixin, import('../../../node_modules/vue').ComponentOptionsMixin, {}, string, import('../../../node_modules/vue').PublicProps, Readonly<import('../../../node_modules/vue').ExtractPropTypes<{
     name: {
         type: StringConstructor;
         required: true;
@@ -18,5 +18,5 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<ValidationErrors | ErrorObject[]>;
         required: true;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('../../../node_modules/vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/index.d.ts

@@ -1,7 +1,7 @@
 export { default as EUIButton } from './button/EUIButton';
 export { default as EUIButtonGroup } from './button/EUIButtonGroup';
 export { default as EUIInput } from './input/EUIInput';
-export { default as EUITelephone } from './telephone/EUITelephone';
+export { default as EUITelephone } from './telephone';
 export { default as EUITextArea } from './textArea/EUITextArea';
 export { default as EUINumberInput } from './input/EUINumberInput';
 export { default as EUISelect } from './select/EUISelect';

package/dist/components/input/EUIInput.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { PropType } from '../../../node_modules/vue';
+declare const _default: import('../../../node_modules/vue').DefineComponent<import('../../../node_modules/vue').ExtractPropTypes<{
     errors: {
         type: ObjectConstructor;
         required: false;
@@ -53,6 +53,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    edit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     inputFilled: {
         type: BooleanConstructor;
         default: boolean;
@@ -63,11 +67,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: false;
         default: () => never[];
     };
+    inlineEdit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    editIcon: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
 }>, {
     focus: () => void | undefined;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}, {}, {}, {}, import('../../../node_modules/vue').ComponentOptionsMixin, import('../../../node_modules/vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    editAction: (...args: any[]) => void;
+}, string, import('../../../node_modules/vue').PublicProps, Readonly<import('../../../node_modules/vue').ExtractPropTypes<{
     errors: {
         type: ObjectConstructor;
         required: false;
@@ -121,6 +134,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    edit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     inputFilled: {
         type: BooleanConstructor;
         default: boolean;
@@ -131,8 +148,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: false;
         default: () => never[];
     };
+    inlineEdit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    editIcon: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onEditAction?: ((...args: any[]) => any) | undefined;
 }>, {
     type: "number" | "text" | "search" | "email" | "password" | "date" | "url";
     iconType: "startIcon" | "endIcon";
@@ -147,9 +173,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     autoFocus: boolean;
     placeholder: string;
     readonly: boolean;
+    edit: boolean;
     inputFilled: boolean;
     className: string[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    inlineEdit: boolean;
+    editIcon: string | Record<string, any>;
+}, {}, {}, {}, string, import('../../../node_modules/vue').ComponentProvideOptions, true, {
     inputRef: HTMLInputElement;
 }, HTMLDivElement>;
 export default _default;

package/dist/components/input/EUIInput.vue

@@ -13,11 +13,15 @@
     <div
       :class="[
         'relative',
-        { 'pointer-events-none cursor-not-allowed': disabled },
+        {
+          'pointer-events-none cursor-not-allowed':
+            disabled || isInlineEditReadonly,
+        },
         {
           'h-14 rounded-2xl focus-within:border-purple-600 focus-within:ring-1 focus-within:ring-purple-600 border border-gray-200':
-            inputFilled,
+          inputFilled,
         },
+        {'border-transparent focus-within:border-transparent focus-within:ring-0': inlineEditButton && isInlineEditReadonly},
         'group cursor-pointer relative w-full mb-2 overflow-hidden',
       ]"
     >
@@ -32,6 +36,15 @@
         </span>
       </button>
 
+      <button
+        v-if="inlineEditButton && editIcon && iconType !== 'endIcon'"
+        type="button"
+        class="absolute inset-y-0 z-20 flex items-center justify-center text-gray-700 transition-colors pointer-events-auto right-3 hover:text-gray-900"
+        @click="onChangeEdit"
+      >
+       <component :is="editIcon" class="text-current size-6" aria-hidden="true" />
+      </button>
+
       <label
         v-if="inputFilled"
         :for="`${name}-${id}`"
@@ -54,6 +67,7 @@
           iconType === 'startIcon' ? 'left-0 pl-3' : 'right-0 pr-3',
           disabled ? 'z-20' : '',
         ]"
+
       >
         <component :is="icon" class="text-gray-400 size-6" aria-hidden="true" />
       </div>
@@ -154,6 +168,10 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  edit: {
+    type: Boolean,
+    default: false,
+  },
   inputFilled: {
     type: Boolean,
     default: false,
@@ -164,6 +182,14 @@ const props = defineProps({
     required: false,
     default: () => [],
   },
+  inlineEdit: {
+    type: Boolean,
+    default: false,
+  },
+  editIcon: {
+    type: [Object, String],
+    default: "",
+  },
 });
 
 const hasFocus = ref(false);
@@ -171,7 +197,7 @@ const inputRef = ref<HTMLInputElement>();
 
 const id = "id"; //generateUID();
 
-const emit = defineEmits(["update:modelValue"]);
+const emit = defineEmits(["update:modelValue", "editAction"]);
 const emitInput = (event: Event) => {
   const newValue = (event?.target as HTMLInputElement)?.value;
   if (newValue !== undefined) {
@@ -201,12 +227,25 @@ const getIconClass = () => {
   }
 };
 
+const isInlineEditReadonly = computed(() => {
+  return props.inlineEdit && props.readonly && !props.edit;
+});
+
+const inlineEditButton = computed(() => {
+  return props.inlineEdit && props.editIcon && (props.readonly || props.edit);
+});
+
+const onChangeEdit = () => {
+  emit("editAction");
+};
+
 onMounted(() => {
   if (props?.autoFocus) {
     inputRef?.value?.focus();
   }
 });
 
+
 defineExpose({
   focus: () => inputRef.value?.focus(),
 })

package/dist/components/input/EUINumberInput.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { PropType } from '../../../node_modules/vue';
+declare const _default: import('../../../node_modules/vue').DefineComponent<import('../../../node_modules/vue').ExtractPropTypes<{
     errors: {
         type: ObjectConstructor;
         required: false;
@@ -74,9 +74,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: number;
         required: true;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import('../../../node_modules/vue').ComponentOptionsMixin, import('../../../node_modules/vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, import('../../../node_modules/vue').PublicProps, Readonly<import('../../../node_modules/vue').ExtractPropTypes<{
     errors: {
         type: ObjectConstructor;
         required: false;
@@ -171,7 +171,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     min: number;
     max: number;
     step: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+}, {}, {}, {}, string, import('../../../node_modules/vue').ComponentProvideOptions, true, {
     input: HTMLInputElement;
 }, HTMLDivElement>;
 export default _default;

package/dist/components/loader/EUICircleLoader.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: import('../../../node_modules/vue').DefineComponent<{}, {}, {}, {}, {}, import('../../../node_modules/vue').ComponentOptionsMixin, import('../../../node_modules/vue').ComponentOptionsMixin, {}, string, import('../../../node_modules/vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('../../../node_modules/vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;