diff --git a/src/components/accordion/VAccordion.vue b/src/components/accordion/VAccordion.vue
index 1eca4ce..d1defe2 100644
--- a/src/components/accordion/VAccordion.vue
+++ b/src/components/accordion/VAccordion.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import Accordion from 'primevue/accordion';
 import VAccordionChild from './VAccordionChild.vue';
-import type IVAccordion from './IVAccordion.type';
+import type IVAccordion from './IVAccordion.type.js';
 import { ref, watch } from 'vue';
 
 const props = withDefaults(defineProps<IVAccordion>(), {
diff --git a/src/components/accordion/VAccordionChild.vue b/src/components/accordion/VAccordionChild.vue
index e5c208d..4c5d19f 100644
--- a/src/components/accordion/VAccordionChild.vue
+++ b/src/components/accordion/VAccordionChild.vue
@@ -2,7 +2,7 @@
 import AccordionPanel from 'primevue/accordionpanel';
 import AccordionHeader from 'primevue/accordionheader';
 import AccordionContent from 'primevue/accordioncontent';
-import type IVAccordion from './IVAccordion.type';
+import type IVAccordion from './IVAccordion.type.js';
 import { useId } from 'vue';
 
 const props = withDefaults(defineProps<IVAccordion>(), {
diff --git a/src/components/badge/VBadge.vue b/src/components/badge/VBadge.vue
index 49c2c7b..bac584d 100644
--- a/src/components/badge/VBadge.vue
+++ b/src/components/badge/VBadge.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type IVBadge from './IVBadge.type';
+import type IVBadge from './IVBadge.type.js';
 import Tag from 'primevue/tag';
 import { computed } from 'vue';
 
diff --git a/src/components/button/VButton.vue b/src/components/button/VButton.vue
index b584db1..4c1043f 100644
--- a/src/components/button/VButton.vue
+++ b/src/components/button/VButton.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import Button from 'primevue/button';
-import type IVButton from './IVButton.type';
+import type IVButton from './IVButton.type.js';
 import { computed } from 'vue';
 import styles from '@visua/typography.module.css';
 
diff --git a/src/components/button/VButtonGroup.vue b/src/components/button/VButtonGroup.vue
index cd542be..b342ca4 100644
--- a/src/components/button/VButtonGroup.vue
+++ b/src/components/button/VButtonGroup.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import VButton from './VButton.vue';
-import type IVButtonGroup from './IVButton.type.ts';
+import type IVButtonGroup from './IVButton.type.js';
 import { computed, ref, onMounted } from 'vue';
 
 const props = withDefaults(defineProps<IVButtonGroup>(), {
diff --git a/src/components/button/VLink.vue b/src/components/button/VLink.vue
index c20a6c5..6c1487c 100644
--- a/src/components/button/VLink.vue
+++ b/src/components/button/VLink.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import Button from 'primevue/button';
-import type IVLink from '@/components/button/IVLink.type';
+import type IVLink from '@/components/button/IVLink.type.js';
 import { computed } from 'vue';
 import styles from '@visua/typography.module.css';
 
diff --git a/src/components/checkbox/VCheckbox.vue b/src/components/checkbox/VCheckbox.vue
index 9992c58..dce7867 100644
--- a/src/components/checkbox/VCheckbox.vue
+++ b/src/components/checkbox/VCheckbox.vue
@@ -2,7 +2,7 @@
 import Checkbox from 'primevue/checkbox';
 import VLabel from '../label/VLabel.vue';
 import VHint from '../hint/VHint.vue';
-import type IVCheckBox from './IVCheckbox.type';
+import type IVCheckBox from './IVCheckbox.type.js';
 import { useId, computed, watch, ref } from 'vue';
 
 const props = withDefaults(defineProps<IVCheckBox>(), {
diff --git a/src/components/composable/index.ts b/src/components/composable/index.ts
index e3e8d91..ef5ceb5 100644
--- a/src/components/composable/index.ts
+++ b/src/components/composable/index.ts
@@ -1,2 +1,2 @@
-export * from './useAlert';
-export * from './useConfirmModal';
+export * from './useAlert.js';
+export * from './useConfirmModal.js';
diff --git a/src/components/composable/useAlert.ts b/src/components/composable/useAlert.ts
index af7be43..5547d7a 100644
--- a/src/components/composable/useAlert.ts
+++ b/src/components/composable/useAlert.ts
@@ -1,5 +1,5 @@
 import { useToast } from "primevue/usetoast";
-import type IVAlert from "@/components/alert/IVAlert.type";
+import type IVAlert from "@/components/alert/IVAlert.type.js";
 
 export function useAlert() {
   const toast = useToast();
diff --git a/src/components/file/VFileUpload.vue b/src/components/file/VFileUpload.vue
index 96dd3d0..35d9c6f 100644
--- a/src/components/file/VFileUpload.vue
+++ b/src/components/file/VFileUpload.vue
@@ -8,7 +8,7 @@ import VFile from './VFile.vue';
 import VMessage from '../message/VMessage.vue';
 import VScrollPanel from '../scrollpanel/VScrollPanel.vue';
 import VLabelErrorProxy from './VLabelErrorProxy.vue';
-import type IVFileUpload from './IVFileUpload.type';
+import type IVFileUpload from './IVFileUpload.type.js';
 import type { FileUploadErrorEvent, FileUploadProgressEvent, FileUploadRemoveEvent, FileUploadSelectEvent, FileUploadUploadEvent } from 'primevue/fileupload';
 import { computed, useId, ref } from 'vue';
 import styles from '@visua/typography.module.css';
diff --git a/src/components/group/VGroup.vue b/src/components/group/VGroup.vue
index a2cb2c1..79f66b9 100644
--- a/src/components/group/VGroup.vue
+++ b/src/components/group/VGroup.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type IVGroup from './IVGroup.type';
+import type IVGroup from './IVGroup.type.js';
 
 const props = withDefaults(defineProps<IVGroup>(), {
   type: 'default',
diff --git a/src/components/hint/VHint.vue b/src/components/hint/VHint.vue
index 1a3b039..5f00aed 100644
--- a/src/components/hint/VHint.vue
+++ b/src/components/hint/VHint.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import Message from 'primevue/message';
-import type IVHint from './IVHint.type';
+import type IVHint from './IVHint.type.js';
 import { computed } from 'vue';
 import styles from '@visua/typography.module.css';
 
diff --git a/src/components/input/VInput.vue b/src/components/input/VInput.vue
index 1a11733..b59e505 100644
--- a/src/components/input/VInput.vue
+++ b/src/components/input/VInput.vue
@@ -4,7 +4,7 @@ import Textarea from 'primevue/textarea';
 import VHint from '../hint/VHint.vue';
 import VDivider from '../divider/VDivider.vue';
 import VLabel from '../label/VLabel.vue';
-import type IVInput from './IVInput.type';
+import type IVInput from './IVInput.type.js';
 import { computed, useAttrs, useId, ref, watch } from 'vue';
 import styles from '@visua/typography.module.css';
 import Password from 'primevue/password';
diff --git a/src/components/interface/index.ts b/src/components/interface/index.ts
index 4c1f4a6..5725093 100644
--- a/src/components/interface/index.ts
+++ b/src/components/interface/index.ts
@@ -1,18 +1,18 @@
-export type { default as IVAccordion } from '../accordion/IVAccordion.type';
-export type { default as IVAlert } from '../alert/IVAlert.type';
-export type { default as IVBadge } from '../badge/IVBadge.type';
-export type { default as IVButton } from '../button/IVButton.type';
-export type { default as IVButtonGroup } from '../button/IVButton.type';
-export type { default as IVCheckbox } from '../checkbox/IVCheckbox.type';
-export type { default as IVLink } from '../button/IVLink.type';
-export type { default as IVFileUpload } from '../file/IVFileUpload.type';
-export type { default as IVGroup } from '../group/IVGroup.type';
-export type { default as IVHint } from '../hint/IVHint.type';
-export type { default as IVInput } from '../input/IVInput.type';
-export type { default as IVLabel } from '../label/IVLabel.type';
-export type { default as IVMessage } from '../message/IVMessage.type';
-export type { default as IVModal } from '../modal/IVModal.type';
-export type { default as IVProgressBar } from '../progressbar/IVProgressBar.type';
-export type { default as IVSelect } from '../select/IVSelect.type';
-export type { default as IVMenuBar } from '../menu/IVMenuBar.type';
-export type { default as IVMenuBarItem } from '../menu/IVMenuBar.type';
+export type { default as IVAccordion } from '../accordion/IVAccordion.type.js';
+export type { default as IVAlert } from '../alert/IVAlert.type.js';
+export type { default as IVBadge } from '../badge/IVBadge.type.js';
+export type { default as IVButton } from '../button/IVButton.type.js';
+export type { default as IVButtonGroup } from '../button/IVButton.type.js';
+export type { default as IVCheckbox } from '../checkbox/IVCheckbox.type.js';
+export type { default as IVLink } from '../button/IVLink.type.js';
+export type { default as IVFileUpload } from '../file/IVFileUpload.type.js';
+export type { default as IVGroup } from '../group/IVGroup.type.js';
+export type { default as IVHint } from '../hint/IVHint.type.js';
+export type { default as IVInput } from '../input/IVInput.type.js';
+export type { default as IVLabel } from '../label/IVLabel.type.js';
+export type { default as IVMessage } from '../message/IVMessage.type.js';
+export type { default as IVModal } from '../modal/IVModal.type.js';
+export type { default as IVProgressBar } from '../progressbar/IVProgressBar.type.js';
+export type { default as IVSelect } from '../select/IVSelect.type.js';
+export type { default as IVMenuBar } from '../menu/IVMenuBar.type.js';
+export type { default as IVMenuBarItem } from '../menu/IVMenuBar.type.js';
diff --git a/src/components/label/VLabel.vue b/src/components/label/VLabel.vue
index 10a1144..e1b7975 100644
--- a/src/components/label/VLabel.vue
+++ b/src/components/label/VLabel.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type IVLabel from './IVLabel.type';
+import type IVLabel from './IVLabel.type.js';
 import styles from '@visua/typography.module.css';
 import VHint from '../hint/VHint.vue';
 
diff --git a/src/components/menu/VMenuBar.vue b/src/components/menu/VMenuBar.vue
index 96a7c39..fc1d093 100644
--- a/src/components/menu/VMenuBar.vue
+++ b/src/components/menu/VMenuBar.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import Menubar from 'primevue/menubar';
-import type IVMenuBar from './IVMenuBar.type';
+import type IVMenuBar from './IVMenuBar.type.js';
 import styles from '@visua/typography.module.css'
 
 const props = withDefaults(defineProps<IVMenuBar>(), {
diff --git a/src/components/message/VMessage.vue b/src/components/message/VMessage.vue
index b834126..9072a16 100644
--- a/src/components/message/VMessage.vue
+++ b/src/components/message/VMessage.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type IVMessage from './IVMessage.type';
+import type IVMessage from './IVMessage.type.js';
 import Message from 'primevue/message';
 import VButton from '../button/VButton.vue';
 import { computed } from 'vue';
diff --git a/src/components/modal/IVModal.type.ts b/src/components/modal/IVModal.type.ts
index 253df63..21c87c1 100644
--- a/src/components/modal/IVModal.type.ts
+++ b/src/components/modal/IVModal.type.ts
@@ -1,5 +1,5 @@
 import type { HTMLAttributes } from 'vue';
-import type IVButton from '../button/IVButton.type';
+import type IVButton from '../button/IVButton.type.js';
 import { type DialogBreakpoints } from 'primevue';
 import type { HintedString } from '@primevue/core';
 
diff --git a/src/components/progressbar/VProgressBar.vue b/src/components/progressbar/VProgressBar.vue
index efce040..4f830a0 100644
--- a/src/components/progressbar/VProgressBar.vue
+++ b/src/components/progressbar/VProgressBar.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import ProgressBar from 'primevue/progressbar';
-import type IVProgressBar from './IVProgressBar.type';
+import type IVProgressBar from './IVProgressBar.type.js';
 import { computed } from 'vue';
 
 const props = withDefaults(defineProps<IVProgressBar>(), {
diff --git a/src/components/select/VSelect.vue b/src/components/select/VSelect.vue
index 9d6b8cf..f9edeb9 100644
--- a/src/components/select/VSelect.vue
+++ b/src/components/select/VSelect.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import Select from 'primevue/select';
-import type IVSelect from './IVSelect.type';
+import type IVSelect from './IVSelect.type.js';
 import { useId, computed, watch, ref } from 'vue';
 import VLabel from '../label/VLabel.vue';
 import VHint from '../hint/VHint.vue';