From 5f8f44847fc38c61a854b80f9a2a6b0aefc5f359 Mon Sep 17 00:00:00 2001
From: long2x <lglg.xu@gmail.com>
Date: Fri, 22 Aug 2025 02:24:44 +0200
Subject: [PATCH] fix: generate typings

---
 .npmrc                                        |  2 ++
 package.json                                  | 10 +++++-----
 src/components/charts/BaseChart.vue           |  6 ++----
 src/components/form-controls/CCheckbox.vue    |  2 +-
 .../form-controls/CCreditCardInput.vue        |  2 +-
 .../form-controls/CDatetimeInput.vue          |  2 +-
 src/components/form-controls/CFileInput.vue   |  4 ++--
 src/components/form-controls/CInput.vue       |  2 +-
 src/components/form-controls/CPhoneInput.vue  |  4 ++--
 src/components/form-controls/CRadio.vue       |  2 +-
 src/components/form-controls/CSelect.vue      |  4 ++--
 src/components/form-controls/CTextarea.vue    |  2 +-
 src/components/ui/CAccordion.cy.ts            |  8 +++-----
 src/components/ui/CAccordion.vue              |  4 ++--
 src/components/ui/CAccordionItem.vue          |  7 +++----
 src/components/ui/CAlert.cy.ts                |  2 +-
 src/components/ui/CAlert.vue                  |  2 +-
 src/components/ui/CButton.cy.ts               |  2 +-
 src/components/ui/CButton.vue                 |  2 +-
 src/components/ui/CCard.cy.ts                 |  2 +-
 src/components/ui/CCard.vue                   |  2 +-
 src/components/ui/CDocumentItem.cy.ts         |  2 +-
 src/components/ui/CDocumentItem.vue           | 13 +++++-------
 src/components/ui/CDocumentViewer.cy.ts       |  2 +-
 src/components/ui/CDocumentViewer.vue         | 11 ++++------
 src/components/ui/CDropdown.cy.ts             |  2 +-
 src/components/ui/CDropdown.vue               |  2 +-
 src/components/ui/CEmpty.cy.ts                |  4 ++--
 src/components/ui/CErrorMessage.cy.ts         |  4 ++--
 src/components/ui/CErrorMessage.vue           |  2 +-
 src/components/ui/CFileUploadZone.cy.ts       |  9 +++++----
 src/components/ui/CFileUploadZone.vue         | 15 ++++++--------
 src/components/ui/CImage.cy.ts                |  8 +++-----
 src/components/ui/CModal.cy.ts                |  4 ++--
 src/components/ui/CModal.vue                  |  6 +++---
 src/components/ui/CProgressBar.cy.ts          |  4 ++--
 src/components/ui/CSlider.cy.ts               |  4 ++--
 src/components/ui/CSpinner.cy.ts              |  4 ++--
 src/components/ui/CSpinner.vue                |  2 +-
 src/components/ui/CSwitch.cy.ts               |  4 ++--
 src/components/ui/CSwitch.vue                 |  2 +-
 src/components/ui/CTag.cy.ts                  |  4 ++--
 src/components/ui/CTag.vue                    |  2 +-
 src/components/ui/CVerticalStepper.cy.ts      |  4 ++--
 src/components/ui/CVerticalStepper.vue        |  4 ++--
 src/components/ui/CVerticalStepperAlt.vue     |  7 +++----
 src/components/ui/datatable/CDatatable.cy.ts  |  8 ++++----
 src/components/ui/datatable/CDatatable.vue    |  4 ++--
 .../ui/datatable/CDatatableFooter.vue         |  2 +-
 .../ui/datatable/CDatatableHeader.vue         |  2 +-
 .../ui/datatable/CDatatableRowItem.vue        |  2 +-
 .../ui/datatable/c-datatable-helper.ts        |  2 +-
 .../ui/datatable/c-datatable-sortby.ts        |  2 +-
 src/components/ui/drawer/CDrawer.cy.ts        |  8 +++-----
 src/components/ui/drawer/CDrawer.vue          |  4 ++--
 .../ui/drawer/CDrawerCollapsible.vue          |  6 ++----
 .../ui/filters/CDateRangeFilters.vue          | 20 +++++++------------
 src/components/ui/menu/CMenu.cy.ts            |  8 +++-----
 src/components/ui/menu/CMenu.vue              |  4 ++--
 src/components/ui/menu/CMenuItem.cy.ts        |  6 ++----
 src/components/ui/menu/CMenuItem.vue          |  2 +-
 src/components/ui/step/CSteps.cy.ts           |  8 +++-----
 src/components/ui/step/CSteps.vue             |  4 ++--
 src/components/ui/tab/CTab.vue                |  2 +-
 src/components/ui/tab/CTabs.cy.ts             |  8 +++-----
 src/components/ui/tab/CTabs.vue               |  6 +++---
 src/components/ui/tab/TabHeaderItem.vue       |  2 +-
 src/helpers/chart.helper.ts                   |  2 +-
 src/helpers/logger.helper.ts                  |  5 +----
 src/helpers/vue-test-helper.ts                |  6 +++---
 src/index.ts                                  |  2 +-
 src/plugins/breakpoints.plugin.ts             |  2 +-
 src/plugins/notify.plugin.ts                  |  6 ++----
 src/styles/ui/BaseChart.vue                   |  2 +-
 src/styles/ui/c-date-range-filters.scss       |  2 +-
 tsconfig.app.json                             |  1 -
 tsconfig.json                                 |  3 ---
 tsconfig.vitest.json                          |  1 -
 vite.config.ts                                |  2 ++
 79 files changed, 151 insertions(+), 191 deletions(-)
 create mode 100644 .npmrc

diff --git a/.npmrc b/.npmrc
new file mode 100644
index 0000000..2b5d5f7
--- /dev/null
+++ b/.npmrc
@@ -0,0 +1,2 @@
+@long2x:registry=https://registry.npmjs.org/
+//registry.npmjs.org/:_authToken=npm_g00FfnibcRgWLdMmVn6QzxMVpjpbyt3s6kG
diff --git a/package.json b/package.json
index 4018c00..be7e04f 100644
--- a/package.json
+++ b/package.json
@@ -42,27 +42,27 @@
     "./icons": {
       "import": "./dist/icons.es.js",
       "require": "./dist/icons.cjs.js",
-      "types": "./dist/src/components/icons/index.d.ts"
+      "types": "./dist/icons.d.ts"
     },
     "./form-controls": {
       "import": "./dist/form-controls.es.js",
       "require": "./dist/form-controls.cjs.js",
-      "types": "./dist/src/components/form-controls/index.d.ts"
+      "types": "./dist/form-controls.d.ts"
     },
     "./directives": {
       "import": "./dist/directives.es.js",
       "require": "./dist/directives.cjs.js",
-      "types": "./dist/src/directives/index.d.ts"
+      "types": "./dist/directives.d.ts"
     },
     "./helpers": {
       "import": "./dist/helpers.es.js",
       "require": "./dist/helpers.cjs.js",
-      "types": "./dist/src/helpers/index.d.ts"
+      "types": "./dist/helpers.d.ts"
     },
     "./plugins": {
       "import": "./dist/plugins.es.js",
       "require": "./dist/plugins.cjs.js",
-      "types": "./dist/src/plugins/index.d.ts"
+      "types": "./dist/plugins.d.ts"
     },
     "./style.css": {
       "import": "./dist/style.css",
diff --git a/src/components/charts/BaseChart.vue b/src/components/charts/BaseChart.vue
index 41be1ad..4ce030b 100644
--- a/src/components/charts/BaseChart.vue
+++ b/src/components/charts/BaseChart.vue
@@ -25,10 +25,8 @@ import {
   toRaw,
   watch,
 } from 'vue'
-import {
-  debounce,
-  chartHelper,
-} from '@/helpers'
+
+import { chartHelper, debounce } from '../../helpers'
 
 type Gradients = {
   y1: number
diff --git a/src/components/form-controls/CCheckbox.vue b/src/components/form-controls/CCheckbox.vue
index e1d437f..ccc0e0b 100644
--- a/src/components/form-controls/CCheckbox.vue
+++ b/src/components/form-controls/CCheckbox.vue
@@ -104,5 +104,5 @@ async function onCheckHandle () {
 </script>
 
 <style lang="scss">
-@import '@/styles/form-controls/c-checkbox.scss';
+@import '../../styles/form-controls/c-checkbox.scss';
 </style>
diff --git a/src/components/form-controls/CCreditCardInput.vue b/src/components/form-controls/CCreditCardInput.vue
index 87ffce7..3d295e9 100644
--- a/src/components/form-controls/CCreditCardInput.vue
+++ b/src/components/form-controls/CCreditCardInput.vue
@@ -96,5 +96,5 @@ const onBlur = async () => {
 </script>
 
 <style lang="scss">
-@import '@/styles/form-controls/c-input.scss';
+@import '../../styles/form-controls/c-input.scss';
 </style>
diff --git a/src/components/form-controls/CDatetimeInput.vue b/src/components/form-controls/CDatetimeInput.vue
index 7390199..1d96378 100644
--- a/src/components/form-controls/CDatetimeInput.vue
+++ b/src/components/form-controls/CDatetimeInput.vue
@@ -156,5 +156,5 @@ watch(() => props.modelValue, (val: unknown) => {
 </script>
 
 <style lang="scss" scoped>
-@import '@/styles/form-controls/c-input.scss';
+@import '../../styles/form-controls/c-input.scss';
 </style>
diff --git a/src/components/form-controls/CFileInput.vue b/src/components/form-controls/CFileInput.vue
index 16dd673..76e4055 100644
--- a/src/components/form-controls/CFileInput.vue
+++ b/src/components/form-controls/CFileInput.vue
@@ -61,8 +61,8 @@ import {
   CErrorMessage,
   CProgressBar,
 } from '../ui'
-import i18nPlugin from '@/plugins/i18n.plugin'
-import { fileHelper } from '@/helpers'
+import i18nPlugin from '../../plugins/i18n.plugin'
+import { fileHelper } from '../../helpers'
 
 const inputRef = ref<HTMLInputElement | null>(null)
 
diff --git a/src/components/form-controls/CInput.vue b/src/components/form-controls/CInput.vue
index 49c8789..c75262a 100644
--- a/src/components/form-controls/CInput.vue
+++ b/src/components/form-controls/CInput.vue
@@ -149,5 +149,5 @@ function onInput (payload: Event): void {
 </script>
 
 <style lang="scss" scoped>
-@import '@/styles/form-controls/c-input.scss';
+@import '../../styles/form-controls/c-input.scss';
 </style>
diff --git a/src/components/form-controls/CPhoneInput.vue b/src/components/form-controls/CPhoneInput.vue
index 84bbcc9..ec51461 100644
--- a/src/components/form-controls/CPhoneInput.vue
+++ b/src/components/form-controls/CPhoneInput.vue
@@ -42,7 +42,7 @@ import {
 
 import baseProps from './base-control-props'
 import CInput from './CInput.vue'
-import i18nPlugin from '@/plugins/i18n.plugin'
+import i18nPlugin from '../../plugins/i18n.plugin'
 
 const props = defineProps({
   ...baseProps,
@@ -135,5 +135,5 @@ watch(() => props.modelValue, val => {
 </script>
 
 <style lang="scss">
-@import '@/styles/form-controls/c-input.scss';
+@import '../../styles/form-controls/c-input.scss';
 </style>
diff --git a/src/components/form-controls/CRadio.vue b/src/components/form-controls/CRadio.vue
index 38554f6..3d73b86 100644
--- a/src/components/form-controls/CRadio.vue
+++ b/src/components/form-controls/CRadio.vue
@@ -93,5 +93,5 @@ const onClick = (): void => {
 </script>
 
 <style lang="scss">
-@import '@/styles/form-controls/c-radio.scss';
+@import '../../styles/form-controls/c-radio.scss';
 </style>
diff --git a/src/components/form-controls/CSelect.vue b/src/components/form-controls/CSelect.vue
index 29d7c2c..7a2f7b3 100644
--- a/src/components/form-controls/CSelect.vue
+++ b/src/components/form-controls/CSelect.vue
@@ -107,7 +107,7 @@ import {
 import ChevronDownIcon from '../icons/ChevronDownIcon.vue'
 
 import baseProps from './base-control-props'
-import type { CSelectOption } from '@/@types/cresh-ui'
+import type { CSelectOption } from '../../@types'
 
 const props = defineProps({
   ...baseProps,
@@ -157,5 +157,5 @@ const hasValueOrPlaceholder = computed(
 </script>
 
 <style lang="scss">
-@import '@/styles/form-controls/c-select.scss';
+@import '../../styles/form-controls/c-select.scss';
 </style>
diff --git a/src/components/form-controls/CTextarea.vue b/src/components/form-controls/CTextarea.vue
index 1b9199f..c17e5af 100644
--- a/src/components/form-controls/CTextarea.vue
+++ b/src/components/form-controls/CTextarea.vue
@@ -139,5 +139,5 @@ const hasValueOrPlaceholder = computed(
 </script>
 
 <style lang="scss">
-@import '@/styles/form-controls/c-input.scss';
+@import '../../styles/form-controls/c-input.scss';
 </style>
diff --git a/src/components/ui/CAccordion.cy.ts b/src/components/ui/CAccordion.cy.ts
index f7876fb..fe345d8 100644
--- a/src/components/ui/CAccordion.cy.ts
+++ b/src/components/ui/CAccordion.cy.ts
@@ -1,10 +1,8 @@
 /// <reference types="Cypress" /><
 
-import { mountCyComponent } from '@/helpers/vue-test-helper'
-import {
-  CAccordion,
-  CAccordionItem,
-} from '@/components'
+import { mountCyComponent } from '../../helpers/vue-test-helper'
+import CAccordion from './CAccordion.vue'
+import CAccordionItem from './CAccordionItem.vue'
 
 describe('<CAccordion />', () => {
   beforeEach(() => {
diff --git a/src/components/ui/CAccordion.vue b/src/components/ui/CAccordion.vue
index bddfe4c..6daa02e 100644
--- a/src/components/ui/CAccordion.vue
+++ b/src/components/ui/CAccordion.vue
@@ -10,7 +10,7 @@ import {
   reactive,
 } from 'vue'
 
-import type { AccordionType } from '@/@types/cresh-ui'
+import type { AccordionType } from '../../@types/cresh-ui'
 
 const props = defineProps({
   selectedName: String,
@@ -34,5 +34,5 @@ provide('current', current)
 </script>
 
 <style lang="scss">
-@import '@/styles/ui/c-accordion.scss';
+@import '../../styles/ui/c-accordion.scss';
 </style>
diff --git a/src/components/ui/CAccordionItem.vue b/src/components/ui/CAccordionItem.vue
index 0829cd8..66655a7 100644
--- a/src/components/ui/CAccordionItem.vue
+++ b/src/components/ui/CAccordionItem.vue
@@ -43,9 +43,8 @@ import {
   reactive,
   ref,
 } from 'vue'
-
-import { ChevronDownIcon } from '@/components'
-import type { AccordionType } from '@/@types/cresh-ui'
+import ChevronDownIcon from '../icons/ChevronDownIcon.vue'
+import type { AccordionType } from '../../@types/cresh-ui'
 
 const accordion = reactive(inject('accordion') as AccordionType)
 const selectedName = ref(inject('selected-name') as string | undefined)
@@ -92,5 +91,5 @@ function end(el: Element) {
 </script>
 
 <style lang="scss">
-@import '@/styles/ui/c-accordion.scss';
+@import '../../styles/ui/c-accordion.scss';
 </style>
diff --git a/src/components/ui/CAlert.cy.ts b/src/components/ui/CAlert.cy.ts
index 54d6023..fc8af69 100644
--- a/src/components/ui/CAlert.cy.ts
+++ b/src/components/ui/CAlert.cy.ts
@@ -3,7 +3,7 @@ import CAlert from './CAlert.vue'
 import {
   $t,
   mountCyComponent,
-} from '@/helpers/vue-test-helper'
+} from '../../helpers/vue-test-helper'
 
 describe('<CAlert />', () => {
   context('renders', () => {
diff --git a/src/components/ui/CAlert.vue b/src/components/ui/CAlert.vue
index 8a7249f..2a057d8 100644
--- a/src/components/ui/CAlert.vue
+++ b/src/components/ui/CAlert.vue
@@ -71,5 +71,5 @@ defineProps({
 </script>
 
 <style lang="scss">
-  @import '@/styles/ui/c-alert.scss';
+  @import '../../styles/ui/c-alert.scss';
 </style>
diff --git a/src/components/ui/CButton.cy.ts b/src/components/ui/CButton.cy.ts
index c2f061a..593ddca 100644
--- a/src/components/ui/CButton.cy.ts
+++ b/src/components/ui/CButton.cy.ts
@@ -6,7 +6,7 @@ import CButton from './CButton.vue'
 
 import {
   mountCyComponent,
-} from '@/helpers/vue-test-helper'
+} from '../../helpers/vue-test-helper'
 
 describe('<CAlert />', () => {
   it('renders', () => {
diff --git a/src/components/ui/CButton.vue b/src/components/ui/CButton.vue
index bd67b05..ca6b266 100644
--- a/src/components/ui/CButton.vue
+++ b/src/components/ui/CButton.vue
@@ -115,5 +115,5 @@ export default defineComponent({
 </script>
 
 <style lang="scss">
-@import '@/styles/ui/c-button.scss';
+@import '../../styles/ui/c-button.scss';
 </style>
diff --git a/src/components/ui/CCard.cy.ts b/src/components/ui/CCard.cy.ts
index 90872cd..cb08caa 100644
--- a/src/components/ui/CCard.cy.ts
+++ b/src/components/ui/CCard.cy.ts
@@ -4,7 +4,7 @@ import CCard from './CCard.vue'
 
 import {
   mountCyComponent,
-} from '@/helpers/vue-test-helper'
+} from '../../helpers/vue-test-helper'
 
 describe('<CCard />', () => {
   it('renders', () => {
diff --git a/src/components/ui/CCard.vue b/src/components/ui/CCard.vue
index a4befff..e9e76c2 100644
--- a/src/components/ui/CCard.vue
+++ b/src/components/ui/CCard.vue
@@ -29,5 +29,5 @@ const hasHeaderSlot = computed(() => !!slots.header)
 </script>
 
 <style lang="scss">
-  @import '@/styles/ui/c-card.scss';
+  @import '../../styles/ui/c-card.scss';
 </style>
diff --git a/src/components/ui/CDocumentItem.cy.ts b/src/components/ui/CDocumentItem.cy.ts
index 98bf820..e19712a 100644
--- a/src/components/ui/CDocumentItem.cy.ts
+++ b/src/components/ui/CDocumentItem.cy.ts
@@ -2,7 +2,7 @@ import CDocumentItem from './CDocumentItem.vue'
 
 import {
   mountCyComponent,
-} from '@/helpers/vue-test-helper'
+} from '../../helpers/vue-test-helper'
 
 describe('<CDocumentItem />', () => {
   it('renders', () => {
diff --git a/src/components/ui/CDocumentItem.vue b/src/components/ui/CDocumentItem.vue
index 0885cae..deddb90 100644
--- a/src/components/ui/CDocumentItem.vue
+++ b/src/components/ui/CDocumentItem.vue
@@ -86,13 +86,10 @@ import {
 } from 'vue'
 import {
   CDocumentItemType,
-} from '@/@types/cresh-ui'
-
-import {
-  CIcon,
-} from '@/components'
-import { uuidv4 } from '@/helpers'
-import i18nPlugin from '@/plugins/i18n.plugin'
+} from '../../@types/cresh-ui'
+import CIcon from '../icons/CIcon.vue'
+import { uuidv4 } from '../../helpers'
+import i18nPlugin from '../../plugins/i18n.plugin'
 
 type CDocumentItemAction =
   'upload'
@@ -162,5 +159,5 @@ function actionTooltipTranslation(action: 'upload' | 'download') {
 </script>
 
 <style lang="scss">
-@import '@/styles/ui/c-document-item.scss';
+@import '../../styles/ui/c-document-item.scss';
 </style>
diff --git a/src/components/ui/CDocumentViewer.cy.ts b/src/components/ui/CDocumentViewer.cy.ts
index 162ff7b..86aac66 100644
--- a/src/components/ui/CDocumentViewer.cy.ts
+++ b/src/components/ui/CDocumentViewer.cy.ts
@@ -3,7 +3,7 @@ import CDocumentViewer from './CDocumentViewer.vue'
 
 import {
   mountCyComponent,
-} from '@/helpers/vue-test-helper'
+} from '../../helpers/vue-test-helper'
 
 describe('<CDocumentViewer />', () => {
   it('renders', () => {
diff --git a/src/components/ui/CDocumentViewer.vue b/src/components/ui/CDocumentViewer.vue
index 0d45fd1..b7a6417 100644
--- a/src/components/ui/CDocumentViewer.vue
+++ b/src/components/ui/CDocumentViewer.vue
@@ -99,14 +99,11 @@ import {
   watch,
 } from 'vue'
 
-import type { CDocumentItemType } from '@/@types/cresh-ui'
+import type { CDocumentItemType } from '../../@types/cresh-ui'
 
 import i18n from '../../plugins/i18n.plugin'
-
-import {
-  CModal,
-  CIcon,
-} from '@/components'
+import CModal from './CModal.vue'
+import CIcon from '../icons/CIcon.vue'
 
 const props = defineProps({
   modelValue: {
@@ -179,5 +176,5 @@ watch(() => previewRef.value, val => {
 </script>
 
 <style lang="scss">
-@import '@/styles/ui/c-document-viewer.scss';
+@import '../../styles/ui/c-document-viewer.scss';
 </style>
diff --git a/src/components/ui/CDropdown.cy.ts b/src/components/ui/CDropdown.cy.ts
index 37870be..a9684ca 100644
--- a/src/components/ui/CDropdown.cy.ts
+++ b/src/components/ui/CDropdown.cy.ts
@@ -2,7 +2,7 @@ import CDropdown from './CDropdown.vue'
 
 import {
   mountCyComponent,
-} from '@/helpers/vue-test-helper'
+} from '../../helpers/vue-test-helper'
 
 const dropdownItems = [{
   value: 'animal1',
diff --git a/src/components/ui/CDropdown.vue b/src/components/ui/CDropdown.vue
index dd9c630..dbfa903 100644
--- a/src/components/ui/CDropdown.vue
+++ b/src/components/ui/CDropdown.vue
@@ -297,5 +297,5 @@ const hasContentSlot = computed(() => !!slots.content)
 </script>
 
 <style lang="scss">
-  @import '@/styles/ui/c-dropdown.scss';
+  @import '../../styles/ui/c-dropdown.scss';
 </style>
diff --git a/src/components/ui/CEmpty.cy.ts b/src/components/ui/CEmpty.cy.ts
index 0fdcd88..96c977a 100644
--- a/src/components/ui/CEmpty.cy.ts
+++ b/src/components/ui/CEmpty.cy.ts
@@ -2,10 +2,10 @@
 import { faker } from '@faker-js/faker/locale/fr'
 import {
   mountCyComponent,
-} from '@/helpers/vue-test-helper'
+} from '../../helpers/vue-test-helper'
 
 import CEmpty from './CEmpty.vue'
-import i18nPlugin from '@/plugins/i18n.plugin'
+import i18nPlugin from '../../plugins/i18n.plugin'
 
 describe('<CEmpty />', () => {
   it('renders', () => {
diff --git a/src/components/ui/CErrorMessage.cy.ts b/src/components/ui/CErrorMessage.cy.ts
index 194dccb..cbdf519 100644
--- a/src/components/ui/CErrorMessage.cy.ts
+++ b/src/components/ui/CErrorMessage.cy.ts
@@ -4,8 +4,8 @@ import CErrorMessage from './CErrorMessage.vue'
 
 import {
   mountCyComponent,
-} from '@/helpers/vue-test-helper'
-import i18nPlugin from '@/plugins/i18n.plugin'
+} from '../../helpers/vue-test-helper'
+import i18nPlugin from '../../plugins/i18n.plugin'
 
 describe('<CErrorMessage />', () => {
   it('renders', () => {
diff --git a/src/components/ui/CErrorMessage.vue b/src/components/ui/CErrorMessage.vue
index cb55a7c..dd7d5ae 100644
--- a/src/components/ui/CErrorMessage.vue
+++ b/src/components/ui/CErrorMessage.vue
@@ -48,7 +48,7 @@ import {
   useSlots,
 } from 'vue'
 
-import i18n from '@/plugins/i18n.plugin'
+import i18n from '../../plugins/i18n.plugin'
 import CAlert from './CAlert.vue'
 
 const props = defineProps({
diff --git a/src/components/ui/CFileUploadZone.cy.ts b/src/components/ui/CFileUploadZone.cy.ts
index 272106e..0f744cc 100644
--- a/src/components/ui/CFileUploadZone.cy.ts
+++ b/src/components/ui/CFileUploadZone.cy.ts
@@ -1,6 +1,7 @@
-import { mountCyComponent } from '@/helpers/vue-test-helper'
-import { CFileUploadZone } from '@/components'
-import i18nPlugin from '@/plugins/i18n.plugin'
+import cypress from 'cypress'
+import { mountCyComponent } from '../../helpers/vue-test-helper'
+import i18nPlugin from '../../plugins/i18n.plugin'
+import CFileUploadZone from './CFileUploadZone.vue'
 
 describe('<CFileUploadZone />', () => {
   it('should render', () => {
@@ -33,7 +34,7 @@ describe('<CFileUploadZone />', () => {
 
     cy.get('input[name=fileUploadZoneInput]')
       .selectFile({
-        contents: Cypress.Buffer.from('file contents'),
+        contents: cypress.Buffer.from('file contents'),
         fileName: 'file.json',
       }, { force: true })
 
diff --git a/src/components/ui/CFileUploadZone.vue b/src/components/ui/CFileUploadZone.vue
index 260b678..a8769c1 100644
--- a/src/components/ui/CFileUploadZone.vue
+++ b/src/components/ui/CFileUploadZone.vue
@@ -60,15 +60,12 @@ import {
   computed,
 } from 'vue'
 
-import i18nPlugin from '@/plugins/i18n.plugin'
+import i18nPlugin from '../../plugins/i18n.plugin'
 
-import {
-  CIcon,
-  CSpinner,
-  CErrorMessage,
-} from '@/components'
-
-import { fileHelper } from '@/helpers'
+import CIcon from '../icons/CIcon.vue'
+import CSpinner from './CSpinner.vue'
+import CErrorMessage from './CErrorMessage.vue'
+import { fileHelper } from '../../helpers'
 
 const cFileUploadZoneRef = ref<HTMLDivElement | null>(null)
 
@@ -202,5 +199,5 @@ function onDragleave () {
 </script>
 
 <style lang="scss" scoped>
-@import '@/styles/ui/c-file-upload-zone.scss';
+@import '../../styles/ui/c-file-upload-zone.scss';
 </style>
diff --git a/src/components/ui/CImage.cy.ts b/src/components/ui/CImage.cy.ts
index 3be27ac..c69a8ac 100644
--- a/src/components/ui/CImage.cy.ts
+++ b/src/components/ui/CImage.cy.ts
@@ -1,10 +1,8 @@
 /// <reference types="Cypress" /><
 
-import { mountCyComponent } from '@/helpers/vue-test-helper'
-import {
-  CImage,
-  CIcon,
-} from '@/components'
+import { mountCyComponent } from '../../helpers/vue-test-helper'
+import CIcon from '../icons/CIcon.vue'
+import CImage from './CImage.vue'
 
 describe('<CImage />', () => {
   it('should render', () => {
diff --git a/src/components/ui/CModal.cy.ts b/src/components/ui/CModal.cy.ts
index ad416f9..e579c72 100644
--- a/src/components/ui/CModal.cy.ts
+++ b/src/components/ui/CModal.cy.ts
@@ -1,7 +1,7 @@
 /// <reference types="Cypress" /><
 
-import { mountCyComponent } from '@/helpers/vue-test-helper'
-import { CModal } from '@/components'
+import { mountCyComponent } from '../../helpers/vue-test-helper'
+import CModal from './CModal.vue'
 
 describe('<CModal />', () => {
   it('should render', () => {
diff --git a/src/components/ui/CModal.vue b/src/components/ui/CModal.vue
index 731fc15..b7e2ace 100644
--- a/src/components/ui/CModal.vue
+++ b/src/components/ui/CModal.vue
@@ -83,8 +83,8 @@ import {
   watch,
   useSlots,
 } from 'vue'
-import i18n from '@/plugins/i18n.plugin'
-import { uuidv4 } from '@/helpers'
+import i18n from '../../plugins/i18n.plugin'
+import { uuidv4 } from '../../helpers'
 import CrossIcon from '../icons/CrossIcon.vue'
 import CButton from './CButton.vue'
 
@@ -200,5 +200,5 @@ function onClickOutside () {
 </script>
 
 <style lang="scss">
-@import '@/styles/ui/c-modal.scss';
+@import '../../styles/ui/c-modal.scss';
 </style>
diff --git a/src/components/ui/CProgressBar.cy.ts b/src/components/ui/CProgressBar.cy.ts
index 3ae95b2..09569aa 100644
--- a/src/components/ui/CProgressBar.cy.ts
+++ b/src/components/ui/CProgressBar.cy.ts
@@ -1,7 +1,7 @@
 /// <reference types="Cypress" /><
 
-import { mountCyComponent } from '@/helpers/vue-test-helper'
-import { CProgressBar } from '@/components'
+import { mountCyComponent } from '../../helpers/vue-test-helper'
+import CProgressBar from './CProgressBar.vue'
 
 describe('<CProgressBar />', () => {
   it('should render', () => {
diff --git a/src/components/ui/CSlider.cy.ts b/src/components/ui/CSlider.cy.ts
index 1e69dfa..ad76b80 100644
--- a/src/components/ui/CSlider.cy.ts
+++ b/src/components/ui/CSlider.cy.ts
@@ -1,7 +1,7 @@
 /// <reference types="Cypress" /><
 
-import { mountCyComponent } from '@/helpers/vue-test-helper'
-import { CSlider } from '@/components'
+import { mountCyComponent } from '../../helpers/vue-test-helper'
+import CSlider from './CSlider.vue'
 
 describe('<CSlider />', () => {
   it('should render', () => {
diff --git a/src/components/ui/CSpinner.cy.ts b/src/components/ui/CSpinner.cy.ts
index 12a271b..c4ace76 100644
--- a/src/components/ui/CSpinner.cy.ts
+++ b/src/components/ui/CSpinner.cy.ts
@@ -1,7 +1,7 @@
 /// <reference types="Cypress" /><
 
-import { mountCyComponent } from '@/helpers/vue-test-helper'
-import { CSpinner } from '@/components'
+import { mountCyComponent } from '../../helpers/vue-test-helper'
+import CSpinner from './CSpinner.vue'
 
 describe('<CSpinner />', () => {
   it('should render with default values', () => {
diff --git a/src/components/ui/CSpinner.vue b/src/components/ui/CSpinner.vue
index 78fbd5d..d344b22 100644
--- a/src/components/ui/CSpinner.vue
+++ b/src/components/ui/CSpinner.vue
@@ -24,5 +24,5 @@ defineProps({
 </script>
 
 <style lang="scss">
-  @import '@/styles/ui/c-spinner.scss';
+  @import '../../styles/ui/c-spinner.scss';
 </style>
diff --git a/src/components/ui/CSwitch.cy.ts b/src/components/ui/CSwitch.cy.ts
index 70cd948..646e9b5 100644
--- a/src/components/ui/CSwitch.cy.ts
+++ b/src/components/ui/CSwitch.cy.ts
@@ -1,7 +1,7 @@
 /// <reference types="Cypress" /><
 
-import { mountCyComponent } from '@/helpers/vue-test-helper'
-import { CSwitch } from '@/components'
+import { mountCyComponent } from '../../helpers/vue-test-helper'
+import CSwitch from './CSwitch.vue'
 
 describe('<CSwitch />', () => {
   it('should render', () => {
diff --git a/src/components/ui/CSwitch.vue b/src/components/ui/CSwitch.vue
index 61ecab5..29bb41e 100644
--- a/src/components/ui/CSwitch.vue
+++ b/src/components/ui/CSwitch.vue
@@ -26,5 +26,5 @@ const onSwitchChange = (change: Event) => {
 </script>
 
 <style lang="scss">
-@import "@/styles/ui/c-switch.scss";
+@import "../../styles/ui/c-switch.scss";
 </style>
diff --git a/src/components/ui/CTag.cy.ts b/src/components/ui/CTag.cy.ts
index ba2fad8..73b6f7b 100644
--- a/src/components/ui/CTag.cy.ts
+++ b/src/components/ui/CTag.cy.ts
@@ -1,7 +1,7 @@
 /// <reference types="Cypress" /><
 
-import { mountCyComponent } from '@/helpers/vue-test-helper'
-import { CTag } from '@/components'
+import { mountCyComponent } from '../../helpers/vue-test-helper'
+import CTag from './CTag.vue';
 
 describe('<CTag />', () => {
   [
diff --git a/src/components/ui/CTag.vue b/src/components/ui/CTag.vue
index fcf775d..db5b7bc 100644
--- a/src/components/ui/CTag.vue
+++ b/src/components/ui/CTag.vue
@@ -42,5 +42,5 @@ defineProps({
 </script>
 
 <style lang="scss">
-@import '@/styles/ui/c-tag';
+@import '../../styles/ui/c-tag';
 </style>
diff --git a/src/components/ui/CVerticalStepper.cy.ts b/src/components/ui/CVerticalStepper.cy.ts
index 8854a9a..8ca2860 100644
--- a/src/components/ui/CVerticalStepper.cy.ts
+++ b/src/components/ui/CVerticalStepper.cy.ts
@@ -1,5 +1,5 @@
-import { mountCyComponent } from '@/helpers/vue-test-helper'
-import { CVerticalStepper } from '@/components'
+import { mountCyComponent } from '../../helpers/vue-test-helper'
+import CVerticalStepper from './CVerticalStepper.vue'
 
 const steps = [
   {
diff --git a/src/components/ui/CVerticalStepper.vue b/src/components/ui/CVerticalStepper.vue
index eaeae01..06c8dd0 100644
--- a/src/components/ui/CVerticalStepper.vue
+++ b/src/components/ui/CVerticalStepper.vue
@@ -31,7 +31,7 @@
 
 <script lang="ts" setup>
 import { PropType } from 'vue'
-import { Step } from '@/@types/cresh-ui'
+import { Step } from '../../@types/cresh-ui'
 
 const props = defineProps({
   steps: {
@@ -65,5 +65,5 @@ function onClick (_step: Step, i: number): void {
 </script>
 
 <style lang="scss">
-  @import '@/styles/ui/c-vertical-stepper.scss';
+  @import '../../styles/ui/c-vertical-stepper.scss';
 </style>
diff --git a/src/components/ui/CVerticalStepperAlt.vue b/src/components/ui/CVerticalStepperAlt.vue
index 92c176b..92c0545 100644
--- a/src/components/ui/CVerticalStepperAlt.vue
+++ b/src/components/ui/CVerticalStepperAlt.vue
@@ -49,9 +49,8 @@ import {
   computed,
   PropType,
 } from 'vue'
-import { Step } from '@/@types/cresh-ui'
-
-import CIcon from '@/components/icons/CIcon.vue'
+import { Step } from '../../@types/cresh-ui'
+import CIcon from '../icons/CIcon.vue'
 
 const props = defineProps({
   steps: {
@@ -64,5 +63,5 @@ const items = computed(() => props.steps)
 </script>
 
 <style lang="scss">
-  @import '@/styles/ui/c-vertical-stepper-alt.scss';
+  @import '../../styles/ui/c-vertical-stepper-alt.scss';
 </style>
diff --git a/src/components/ui/datatable/CDatatable.cy.ts b/src/components/ui/datatable/CDatatable.cy.ts
index fd44295..2aa36e8 100644
--- a/src/components/ui/datatable/CDatatable.cy.ts
+++ b/src/components/ui/datatable/CDatatable.cy.ts
@@ -1,7 +1,7 @@
-import { mountCyComponent } from '@/helpers/vue-test-helper'
-import { CDatatable } from '@/components'
-import { uuidv4 } from '@/helpers'
-import i18nPlugin from '@/plugins/i18n.plugin'
+import { mountCyComponent } from '../../../helpers/vue-test-helper'
+import { uuidv4 } from '../../../helpers'
+import i18nPlugin from '../../../plugins/i18n.plugin'
+import CDatatable from './CDatatable.vue'
 
 const headers = [
   {
diff --git a/src/components/ui/datatable/CDatatable.vue b/src/components/ui/datatable/CDatatable.vue
index 8106d15..377758a 100644
--- a/src/components/ui/datatable/CDatatable.vue
+++ b/src/components/ui/datatable/CDatatable.vue
@@ -96,7 +96,7 @@ import {
 import type {
   DatatableHeaderItem,
   Pagination,
-} from '@/@types/c-datatable'
+} from '../../../@types'
 
 import CDatatableHeader from './CDatatableHeader.vue'
 import CDatatableLoadingBar from './CDatatableLoadingBar.vue'
@@ -482,5 +482,5 @@ export default defineComponent({
 </script>
 
 <style lang="scss">
-@import '@/styles/ui/c-datatable.scss';
+@import '../../../styles/ui/c-datatable.scss';
 </style>
diff --git a/src/components/ui/datatable/CDatatableFooter.vue b/src/components/ui/datatable/CDatatableFooter.vue
index 84a6bf3..bc7e7b9 100644
--- a/src/components/ui/datatable/CDatatableFooter.vue
+++ b/src/components/ui/datatable/CDatatableFooter.vue
@@ -65,7 +65,7 @@ import {
 } from 'vue'
 import type {
   Pagination,
-} from '@/@types/c-datatable'
+} from '../../../@types'
 
 import i18n from '../../../plugins/i18n.plugin'
 
diff --git a/src/components/ui/datatable/CDatatableHeader.vue b/src/components/ui/datatable/CDatatableHeader.vue
index 1edb493..5d3fcf2 100644
--- a/src/components/ui/datatable/CDatatableHeader.vue
+++ b/src/components/ui/datatable/CDatatableHeader.vue
@@ -43,7 +43,7 @@ import { PropType } from 'vue'
 
 import type {
   DatatableHeaderItem,
-} from '@/@types/c-datatable'
+} from '../../../@types'
 import ArrowDownIcon from '../../icons/ArrowDownIcon.vue'
 import ArrowUpIcon from '../../icons/ArrowUpIcon.vue'
 
diff --git a/src/components/ui/datatable/CDatatableRowItem.vue b/src/components/ui/datatable/CDatatableRowItem.vue
index 6e4e383..b4c8d9c 100644
--- a/src/components/ui/datatable/CDatatableRowItem.vue
+++ b/src/components/ui/datatable/CDatatableRowItem.vue
@@ -28,7 +28,7 @@
 import { useSlots, PropType } from 'vue'
 import type {
   DatatableHeaderItem,
-} from '@/@types/c-datatable'
+} from '../../../@types'
 
 const props = defineProps({
   item: {
diff --git a/src/components/ui/datatable/c-datatable-helper.ts b/src/components/ui/datatable/c-datatable-helper.ts
index 42e338a..599a78e 100644
--- a/src/components/ui/datatable/c-datatable-helper.ts
+++ b/src/components/ui/datatable/c-datatable-helper.ts
@@ -4,7 +4,7 @@ import type {
   DatatableHeaderItem,
   Pagination,
   PaginationLinks,
-} from '@/@types/c-datatable'
+} from '../../../@types'
 
 const isLoading = ref(false)
 const errors = ref<unknown>(null)
diff --git a/src/components/ui/datatable/c-datatable-sortby.ts b/src/components/ui/datatable/c-datatable-sortby.ts
index da84fe2..d4c140d 100644
--- a/src/components/ui/datatable/c-datatable-sortby.ts
+++ b/src/components/ui/datatable/c-datatable-sortby.ts
@@ -1,7 +1,7 @@
 import type {
   DatatableHeaderItem,
   DatatableSortOrder,
-} from '@/@types/c-datatable'
+} from '../../../@types'
 
 type params = {
   items: Record<string, unknown>[]
diff --git a/src/components/ui/drawer/CDrawer.cy.ts b/src/components/ui/drawer/CDrawer.cy.ts
index 0665707..1929202 100644
--- a/src/components/ui/drawer/CDrawer.cy.ts
+++ b/src/components/ui/drawer/CDrawer.cy.ts
@@ -1,8 +1,6 @@
-import { mountCyComponent } from '@/helpers/vue-test-helper'
-import {
-  CDrawer,
-  CDrawerItem,
-} from '@/components'
+import { mountCyComponent } from '../../../helpers/vue-test-helper'
+import CDrawer from './CDrawer.vue'
+import CDrawerItem from './CDrawerItem.vue'
 
 describe('<CDrawer />', () => {
   it('should render', () => {
diff --git a/src/components/ui/drawer/CDrawer.vue b/src/components/ui/drawer/CDrawer.vue
index 61cec20..6dd7fc2 100644
--- a/src/components/ui/drawer/CDrawer.vue
+++ b/src/components/ui/drawer/CDrawer.vue
@@ -19,7 +19,7 @@ import {
   onBeforeUnmount,
 } from 'vue'
 
-import { debounce } from '@/helpers'
+import { debounce } from '../../../helpers'
 
 const props = defineProps({
   modelValue: {
@@ -97,5 +97,5 @@ onBeforeUnmount(() => {
 </script>
 
 <style lang="scss">
-  @import '@/styles/ui/c-drawer.scss';
+  @import '../../../styles/ui/c-drawer.scss';
 </style>
diff --git a/src/components/ui/drawer/CDrawerCollapsible.vue b/src/components/ui/drawer/CDrawerCollapsible.vue
index 4240513..c954471 100644
--- a/src/components/ui/drawer/CDrawerCollapsible.vue
+++ b/src/components/ui/drawer/CDrawerCollapsible.vue
@@ -37,10 +37,8 @@ import {
   watch,
 } from 'vue'
 
-import {
-  ChevronDownIcon,
-  ChevronUpIcon,
-} from '@/components/icons'
+import ChevronUpIcon from '../../icons/ChevronUpIcon.vue'
+import ChevronDownIcon from '../../icons/ChevronDownIcon.vue'
 
 const props = defineProps({
   collapsed: {
diff --git a/src/components/ui/filters/CDateRangeFilters.vue b/src/components/ui/filters/CDateRangeFilters.vue
index ce975db..3c75df3 100644
--- a/src/components/ui/filters/CDateRangeFilters.vue
+++ b/src/components/ui/filters/CDateRangeFilters.vue
@@ -80,19 +80,13 @@ import type {
   CDropdownKeyValue,
   DateRangeFilterType,
   DateRangeFilterActivator,
-} from '@/@types/cresh-ui'
+} from '../../../@types'
+import CCard from '../CCard.vue'
+import CDropdown from '../CDropdown.vue'
+import CIcon from '../../icons/CIcon.vue'
 
-import {
-  CCard,
-  CDropdown,
-} from '@/components/ui'
-
-import {
-  CIcon,
-} from '@/components/icons'
-
-import { dateHelper } from '@/helpers'
-import i18n from '@/plugins/i18n.plugin'
+import { dateHelper } from '../../../helpers'
+import i18n from '../../../plugins/i18n.plugin'
 
 const state = reactive<{
   activator: DateRangeFilterActivator
@@ -309,5 +303,5 @@ onMounted(() => {
 </script>
 
 <style lang="scss">
-@import '@/styles/ui/c-date-range-filters.scss';
+@import '../../../styles/ui/c-date-range-filters.scss';
 </style>
diff --git a/src/components/ui/menu/CMenu.cy.ts b/src/components/ui/menu/CMenu.cy.ts
index 84da06b..9e2c8ac 100644
--- a/src/components/ui/menu/CMenu.cy.ts
+++ b/src/components/ui/menu/CMenu.cy.ts
@@ -1,8 +1,6 @@
-import { mountCyComponent } from '@/helpers/vue-test-helper'
-import {
-  CMenu,
-  CMenuItem,
-} from '@/components'
+import { mountCyComponent } from '../../../helpers/vue-test-helper'
+import CMenu from './CMenu.vue'
+import CMenuItem from './CMenuItem.vue'
 
 describe('<CMenu />', () => {
   it('should render', () => {
diff --git a/src/components/ui/menu/CMenu.vue b/src/components/ui/menu/CMenu.vue
index 614f4bd..5ebb953 100644
--- a/src/components/ui/menu/CMenu.vue
+++ b/src/components/ui/menu/CMenu.vue
@@ -35,7 +35,7 @@ import {
   onBeforeMount,
   onBeforeUnmount,
 } from 'vue'
-import { pubSubHelper } from '@/helpers'
+import { pubSubHelper } from '../../../helpers'
 
 const props = defineProps({
   title: {
@@ -89,5 +89,5 @@ onBeforeUnmount(() => {
 </script>
 
 <style lang="scss">
-@import '@/styles/ui/c-menu.scss';
+@import '../../../styles/ui/c-menu.scss';
 </style>
diff --git a/src/components/ui/menu/CMenuItem.cy.ts b/src/components/ui/menu/CMenuItem.cy.ts
index 3ccca33..bfe92f9 100644
--- a/src/components/ui/menu/CMenuItem.cy.ts
+++ b/src/components/ui/menu/CMenuItem.cy.ts
@@ -1,7 +1,5 @@
-import { mountCyComponent } from '@/helpers/vue-test-helper'
-import {
-  CMenuItem,
-} from '@/components'
+import { mountCyComponent } from '../../../helpers/vue-test-helper'
+import CMenuItem from './CMenuItem.vue'
 
 describe('<CMenuItem />', () => {
   it('should trigger expand/collapse event', () => {
diff --git a/src/components/ui/menu/CMenuItem.vue b/src/components/ui/menu/CMenuItem.vue
index 82139f6..9a1632d 100644
--- a/src/components/ui/menu/CMenuItem.vue
+++ b/src/components/ui/menu/CMenuItem.vue
@@ -94,7 +94,7 @@ import ChevronDownIcon from '../../icons/ChevronDownIcon.vue'
 import {
   uuidv4,
   pubSubHelper,
-} from '@/helpers'
+} from '../../../helpers'
 
 const props = defineProps({
   selected: {
diff --git a/src/components/ui/step/CSteps.cy.ts b/src/components/ui/step/CSteps.cy.ts
index 91dc4b2..efdc6ff 100644
--- a/src/components/ui/step/CSteps.cy.ts
+++ b/src/components/ui/step/CSteps.cy.ts
@@ -1,8 +1,6 @@
-import { mountCyComponent } from '@/helpers/vue-test-helper'
-import {
-  CSteps,
-  CStep,
-} from '@/components'
+import { mountCyComponent } from '../../../helpers/vue-test-helper'
+import CSteps from './CSteps.vue'
+import CStep from './CStep.vue'
 
 describe('<CSteps />', () => {
   it('should render', () => {
diff --git a/src/components/ui/step/CSteps.vue b/src/components/ui/step/CSteps.vue
index ca986ae..6296f62 100644
--- a/src/components/ui/step/CSteps.vue
+++ b/src/components/ui/step/CSteps.vue
@@ -89,7 +89,7 @@ import {
 
 import {
   uuidv4,
-} from '@/helpers'
+} from '../../../helpers'
 
 import CStep from './CStep.vue'
 import CIcon from '../../icons/CIcon.vue'
@@ -195,5 +195,5 @@ function onStepSelect (i: number): void {
 </script>
 
 <style lang="scss">
-  @import '@/styles/ui/c-steps.scss';
+  @import '../../../styles/ui/c-steps.scss';
 </style>
diff --git a/src/components/ui/tab/CTab.vue b/src/components/ui/tab/CTab.vue
index f7392b8..3e64b4c 100644
--- a/src/components/ui/tab/CTab.vue
+++ b/src/components/ui/tab/CTab.vue
@@ -22,7 +22,7 @@ import {
   useSlots,
   watch,
 } from 'vue'
-import type { CTabItem } from '@/@types/cresh-ui'
+import type { CTabItem } from '../../../@types'
 
 const props = defineProps({
   name: {
diff --git a/src/components/ui/tab/CTabs.cy.ts b/src/components/ui/tab/CTabs.cy.ts
index dd46e5a..633c0e5 100644
--- a/src/components/ui/tab/CTabs.cy.ts
+++ b/src/components/ui/tab/CTabs.cy.ts
@@ -1,8 +1,6 @@
-import { mountCyComponent } from '@/helpers/vue-test-helper'
-import {
-  CTabs,
-  CTab,
-} from '@/components'
+import { mountCyComponent } from '../../../helpers/vue-test-helper'
+import CTab from './CTab.vue'
+import CTabs from './CTabs.vue'
 
 describe('<CTabs />', () => {
   it('should render', () => {
diff --git a/src/components/ui/tab/CTabs.vue b/src/components/ui/tab/CTabs.vue
index beb129f..9c3ebbb 100644
--- a/src/components/ui/tab/CTabs.vue
+++ b/src/components/ui/tab/CTabs.vue
@@ -91,8 +91,8 @@ import {
 import CIcon from '../../icons/CIcon.vue'
 
 import CTab from './CTab.vue'
-import TabHeaderItem from '@/components/ui/tab/TabHeaderItem.vue'
-import type { CTabItem } from '@/@types/cresh-ui'
+import TabHeaderItem from './TabHeaderItem.vue'
+import type { CTabItem } from '../../../@types'
 
 const state = reactive<{
   tabs: typeof CTab[]
@@ -301,5 +301,5 @@ provide('selected-tab-item', selectedTabItem)
 </script>
 
 <style lang="scss">
-  @import '@/styles/ui/c-tabs.scss';
+  @import '../../../styles/ui/c-tabs.scss';
 </style>
diff --git a/src/components/ui/tab/TabHeaderItem.vue b/src/components/ui/tab/TabHeaderItem.vue
index 4091e5a..01ba921 100644
--- a/src/components/ui/tab/TabHeaderItem.vue
+++ b/src/components/ui/tab/TabHeaderItem.vue
@@ -14,7 +14,7 @@
 <script setup lang="ts">
 
 import { onMounted } from 'vue'
-import CTab from '@/components/ui/tab/CTab.vue'
+import CTab from './CTab.vue'
 import CIcon from '../../icons/CIcon.vue'
 
 defineProps<{
diff --git a/src/helpers/chart.helper.ts b/src/helpers/chart.helper.ts
index 312db04..859edd4 100644
--- a/src/helpers/chart.helper.ts
+++ b/src/helpers/chart.helper.ts
@@ -1,4 +1,4 @@
-import { ChartDateGroup } from '@/@types/cresh-ui'
+import { ChartDateGroup } from '../@types/cresh-ui'
 import currencyConverter from './currency-converter'
 import { customTooltips } from './chart-tooltip.helper'
 
diff --git a/src/helpers/logger.helper.ts b/src/helpers/logger.helper.ts
index 514aea4..d1b0356 100644
--- a/src/helpers/logger.helper.ts
+++ b/src/helpers/logger.helper.ts
@@ -1,7 +1,4 @@
-import {
-  LogLevel,
-  Logger,
-} from '@/@types/cresh-ui'
+import type { LogLevel, Logger } from '../@types/cresh-ui'
 
 export const levels: LogLevel[] = [
   'debug',
diff --git a/src/helpers/vue-test-helper.ts b/src/helpers/vue-test-helper.ts
index eefaa7c..9d9f977 100644
--- a/src/helpers/vue-test-helper.ts
+++ b/src/helpers/vue-test-helper.ts
@@ -3,10 +3,10 @@
 
 import { createI18n } from 'vue-i18n'
 
-import '@/styles/colors.css'
+import '../styles/colors.css'
 
-import fr from '@/locales/fr.json'
-import en from '@/locales/en.json'
+import fr from '../locales/fr.json'
+import en from '../locales/en.json'
 
 const i18n = createI18n({
   locale: 'fr',
diff --git a/src/index.ts b/src/index.ts
index 7cac247..0faf11b 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,7 +1,7 @@
 // installation process
 import type { App, Plugin } from 'vue'
 
-import { BreakPoints } from '@/@types'
+import { BreakPoints } from './@types'
 
 import * as components from './components'
 import * as directives from './directives'
diff --git a/src/plugins/breakpoints.plugin.ts b/src/plugins/breakpoints.plugin.ts
index a2822ab..b48ca4b 100644
--- a/src/plugins/breakpoints.plugin.ts
+++ b/src/plugins/breakpoints.plugin.ts
@@ -1,5 +1,5 @@
 import type { App } from 'vue'
-import { BreakPoints } from '@/@types'
+import { BreakPoints } from '../@types'
 import { pubSubHelper } from '../helpers'
 
 export default {
diff --git a/src/plugins/notify.plugin.ts b/src/plugins/notify.plugin.ts
index 1551569..6fb1806 100644
--- a/src/plugins/notify.plugin.ts
+++ b/src/plugins/notify.plugin.ts
@@ -1,12 +1,10 @@
 import type { App } from 'vue'
-import type {
-  NotifyOptions,
-} from '@/@types/c-notify'
+import type { NotifyOptions } from '../@types'
 
 import {
   pubSubHelper,
   uuidv4,
-} from '@/helpers'
+} from '../helpers'
 
 // eslint-disable-next-line prefer-const
 let notifs: {
diff --git a/src/styles/ui/BaseChart.vue b/src/styles/ui/BaseChart.vue
index 580efba..56abc22 100644
--- a/src/styles/ui/BaseChart.vue
+++ b/src/styles/ui/BaseChart.vue
@@ -28,7 +28,7 @@ import {
 import {
   debounce,
   chartHelper,
-} from '@/helpers'
+} from '../../helpers'
 
 type Gradients = {
   y1: number
diff --git a/src/styles/ui/c-date-range-filters.scss b/src/styles/ui/c-date-range-filters.scss
index cd777a5..99ffec9 100644
--- a/src/styles/ui/c-date-range-filters.scss
+++ b/src/styles/ui/c-date-range-filters.scss
@@ -1,4 +1,4 @@
-@import '@/styles/ui/c-date-picker.scss';
+@import './c-date-picker.scss';
 
 
 .c-date-range-filters {
diff --git a/tsconfig.app.json b/tsconfig.app.json
index 7c44612..fe04916 100644
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -6,7 +6,6 @@
     "composite": true,
     "baseUrl": ".",
     "paths": {
-      "@/*": ["./src/*"]
     }
   }
 }
diff --git a/tsconfig.json b/tsconfig.json
index 1fc86c3..e0357e2 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -39,9 +39,6 @@
       "node",
     ],
     "paths": {
-      "@/*": [
-        "src/*"
-      ]
     },
     "lib": [
       "esnext",
diff --git a/tsconfig.vitest.json b/tsconfig.vitest.json
index f77999c..dee569f 100644
--- a/tsconfig.vitest.json
+++ b/tsconfig.vitest.json
@@ -22,7 +22,6 @@
     "resolveJsonModule": true,
     "esModuleInterop": true,
     "paths": {
-      "@/*": ["src/*"],
     }
   }
 }
diff --git a/vite.config.ts b/vite.config.ts
index 09b5480..8405bf5 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -24,9 +24,11 @@ export default defineConfig({
     }),
     vueJsx(),
     dts({
+      entryRoot: 'src',
       insertTypesEntry: true,
       outputDir: 'dist',
       include: ['src'],
+      // rollupTypes: true,
       cleanVueFileName: true,
     }),
   ],