diff --git a/packages/nuxt-design-system/components/content/Alert.vue b/packages/nuxt-design-system/components/content/Alert.vue
index 558eafd1..594403d6 100644
--- a/packages/nuxt-design-system/components/content/Alert.vue
+++ b/packages/nuxt-design-system/components/content/Alert.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import DAlert from '../../../esprit-design/src/components/content/DAlert.vue'
+import { DAlert } from '@d0rich/esprit-design'
 
 export default DAlert
 </script>
diff --git a/packages/nuxt-design-system/components/content/Chip.vue b/packages/nuxt-design-system/components/content/Chip.vue
index 2c6c2e15..7354bca2 100644
--- a/packages/nuxt-design-system/components/content/Chip.vue
+++ b/packages/nuxt-design-system/components/content/Chip.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import Chip from '../../../esprit-design/src/components/DChip.vue'
+import { DChip } from '@d0rich/esprit-design'
 
-export default Chip
+export default DChip
 </script>
diff --git a/packages/nuxt-design-system/components/content/ProseBlockquote.vue b/packages/nuxt-design-system/components/content/ProseBlockquote.vue
index a33547e1..6bac008e 100644
--- a/packages/nuxt-design-system/components/content/ProseBlockquote.vue
+++ b/packages/nuxt-design-system/components/content/ProseBlockquote.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import { DQuote } from '../../../esprit-design/src/components'
+import { DQuote } from '@d0rich/esprit-design'
 
 export default DQuote
 </script>
diff --git a/packages/nuxt-design-system/components/d/Btn.vue b/packages/nuxt-design-system/components/d/Btn.vue
index 76f6490f..89841baf 100644
--- a/packages/nuxt-design-system/components/d/Btn.vue
+++ b/packages/nuxt-design-system/components/d/Btn.vue
@@ -1,4 +1,4 @@
 <script lang="ts">
-import DBtn from '@d0rich/esprit-design/src/components/buttons/DBtn.vue'
+import {DBtn} from '@d0rich/esprit-design'
 export default DBtn
 </script>
diff --git a/packages/nuxt-design-system/components/d/Chip.vue b/packages/nuxt-design-system/components/d/Chip.vue
index 72f2da00..0642865d 100644
--- a/packages/nuxt-design-system/components/d/Chip.vue
+++ b/packages/nuxt-design-system/components/d/Chip.vue
@@ -1,4 +1,4 @@
 <script lang="ts">
-import DChip from '@d0rich/esprit-design/src/components/DChip.vue'
+import {DChip} from '@d0rich/esprit-design'
 export default DChip
 </script>
diff --git a/packages/nuxt-design-system/components/d/Pagination.vue b/packages/nuxt-design-system/components/d/Pagination.vue
index 6b7e886c..901f67ae 100644
--- a/packages/nuxt-design-system/components/d/Pagination.vue
+++ b/packages/nuxt-design-system/components/d/Pagination.vue
@@ -1,4 +1,4 @@
 <script lang="ts">
-import DPagination from '@d0rich/esprit-design/src/components/DPagination.vue'
+import {DPagination} from '@d0rich/esprit-design'
 export default DPagination
 </script>
diff --git a/packages/nuxt-design-system/components/d/Stats.vue b/packages/nuxt-design-system/components/d/Stats.vue
index 59dbfe26..f2a54db8 100644
--- a/packages/nuxt-design-system/components/d/Stats.vue
+++ b/packages/nuxt-design-system/components/d/Stats.vue
@@ -1,4 +1,4 @@
 <script lang="ts">
-import DStats from '@d0rich/esprit-design/src/components/DStats.vue'
+import {DStats} from '@d0rich/esprit-design'
 export default DStats
 </script>
diff --git a/packages/nuxt-design-system/components/d/actions/Fan.vue b/packages/nuxt-design-system/components/d/actions/Fan.vue
index 51c5e026..a79f8f2c 100644
--- a/packages/nuxt-design-system/components/d/actions/Fan.vue
+++ b/packages/nuxt-design-system/components/d/actions/Fan.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import DActionsFan from '@d0rich/esprit-design/src/components/lists/DActionsFan.vue'
+import {DActionsFan} from '@d0rich/esprit-design'
 
 export default DActionsFan
 </script>
diff --git a/packages/nuxt-design-system/components/d/actions/List.vue b/packages/nuxt-design-system/components/d/actions/List.vue
index 8bed482e..322c971d 100644
--- a/packages/nuxt-design-system/components/d/actions/List.vue
+++ b/packages/nuxt-design-system/components/d/actions/List.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import DActionsList from '@d0rich/esprit-design/src/components/lists/DActionsList.vue'
+import {DActionsList} from '@d0rich/esprit-design'
 
 export default DActionsList
 </script>
diff --git a/packages/nuxt-design-system/components/d/actions/index.ts b/packages/nuxt-design-system/components/d/actions/index.ts
index 6acae789..bfad6b02 100644
--- a/packages/nuxt-design-system/components/d/actions/index.ts
+++ b/packages/nuxt-design-system/components/d/actions/index.ts
@@ -1,4 +1,4 @@
 export type {
   ActionFanItem,
   ActionListItem
-} from '@d0rich/esprit-design/src/components/lists'
+} from '@d0rich/esprit-design'
diff --git a/packages/nuxt-design-system/components/d/animation/Accordion.vue b/packages/nuxt-design-system/components/d/animation/Accordion.vue
index 35f08edc..62a1ad7e 100644
--- a/packages/nuxt-design-system/components/d/animation/Accordion.vue
+++ b/packages/nuxt-design-system/components/d/animation/Accordion.vue
@@ -1,4 +1,4 @@
 <script lang="ts">
-import DAnimationAccordion from '@d0rich/esprit-design/src/components/animations/DAnimationAccordion.vue'
+import {DAnimationAccordion} from '@d0rich/esprit-design'
 export default DAnimationAccordion
 </script>
diff --git a/packages/nuxt-design-system/components/d/animation/FloatingLetter.vue b/packages/nuxt-design-system/components/d/animation/FloatingLetter.vue
index bc01bc41..a88c9c88 100644
--- a/packages/nuxt-design-system/components/d/animation/FloatingLetter.vue
+++ b/packages/nuxt-design-system/components/d/animation/FloatingLetter.vue
@@ -1,4 +1,4 @@
 <script lang="ts">
-import DAnimationFloatingLetter from '@d0rich/esprit-design/src/components/animations/DAnimationFloatingLetter.vue'
+import {DAnimationFloatingLetter} from '@d0rich/esprit-design'
 export default DAnimationFloatingLetter
 </script>
diff --git a/packages/nuxt-design-system/components/d/animation/Hypnosis.vue b/packages/nuxt-design-system/components/d/animation/Hypnosis.vue
index 9f89bac1..359c9e3f 100644
--- a/packages/nuxt-design-system/components/d/animation/Hypnosis.vue
+++ b/packages/nuxt-design-system/components/d/animation/Hypnosis.vue
@@ -1,4 +1,4 @@
 <script lang="ts">
-import DAnimationHypnosis from '@d0rich/esprit-design/src/components/animations/DAnimationHypnosis.vue'
+import {DAnimationHypnosis} from '@d0rich/esprit-design'
 export default DAnimationHypnosis
 </script>
diff --git a/packages/nuxt-design-system/components/d/animation/Spinner.vue b/packages/nuxt-design-system/components/d/animation/Spinner.vue
index f0f7cbc3..d2994b38 100644
--- a/packages/nuxt-design-system/components/d/animation/Spinner.vue
+++ b/packages/nuxt-design-system/components/d/animation/Spinner.vue
@@ -1,4 +1,4 @@
 <script lang="ts">
-import DAnimationSpinner from '@d0rich/esprit-design/src/components/animations/DAnimationSpinner.vue'
+import {DAnimationSpinner} from '@d0rich/esprit-design'
 export default DAnimationSpinner
 </script>
diff --git a/packages/nuxt-design-system/components/d/big-bang-button/Animation.vue b/packages/nuxt-design-system/components/d/big-bang-button/Animation.vue
index b8b8d464..3d5d6a1b 100644
--- a/packages/nuxt-design-system/components/d/big-bang-button/Animation.vue
+++ b/packages/nuxt-design-system/components/d/big-bang-button/Animation.vue
@@ -1,4 +1,4 @@
 <script lang="ts">
-import DBigBangButtonAnimation from '@d0rich/esprit-design/src/components/buttons/DBigBangButtonAnimation.vue'
+import {DBigBangButtonAnimation} from '@d0rich/esprit-design'
 export default DBigBangButtonAnimation
 </script>
diff --git a/packages/nuxt-design-system/components/d/big-bang-button/Index.vue b/packages/nuxt-design-system/components/d/big-bang-button/Index.vue
index 36a74abe..67a45afa 100644
--- a/packages/nuxt-design-system/components/d/big-bang-button/Index.vue
+++ b/packages/nuxt-design-system/components/d/big-bang-button/Index.vue
@@ -1,4 +1,4 @@
 <script lang="ts">
-import DBigBangButton from '@d0rich/esprit-design/src/components/buttons/DBigBangButton.vue'
+import {DBigBangButton} from '@d0rich/esprit-design'
 export default DBigBangButton
 </script>
diff --git a/packages/nuxt-design-system/components/d/card/Index.vue b/packages/nuxt-design-system/components/d/card/Index.vue
index ce3d0d5c..0e5a39dc 100644
--- a/packages/nuxt-design-system/components/d/card/Index.vue
+++ b/packages/nuxt-design-system/components/d/card/Index.vue
@@ -1,4 +1,4 @@
 <script lang="ts">
-import DCard from '@d0rich/esprit-design/src/components/cards/DCard.vue'
+import {DCard} from '@d0rich/esprit-design'
 export default DCard
 </script>
diff --git a/packages/nuxt-design-system/components/d/card/Title.vue b/packages/nuxt-design-system/components/d/card/Title.vue
index a60f2497..b29e6552 100644
--- a/packages/nuxt-design-system/components/d/card/Title.vue
+++ b/packages/nuxt-design-system/components/d/card/Title.vue
@@ -1,4 +1,4 @@
 <script lang="ts">
-import DCardTitle from '@d0rich/esprit-design/src/components/cards/DCardTitle.vue'
+import {DCardTitle} from '@d0rich/esprit-design'
 export default DCardTitle
 </script>
diff --git a/packages/nuxt-design-system/components/d/wrap/Background.vue b/packages/nuxt-design-system/components/d/wrap/Background.vue
index 87993fad..1269866f 100644
--- a/packages/nuxt-design-system/components/d/wrap/Background.vue
+++ b/packages/nuxt-design-system/components/d/wrap/Background.vue
@@ -1,4 +1,4 @@
 <script lang="ts">
-import DWrapBackground from '@d0rich/esprit-design/src/components/utils/DWrapBackground.vue'
+import {DWrapBackground} from '@d0rich/esprit-design'
 export default DWrapBackground
 </script>
diff --git a/packages/nuxt-design-system/components/d/wrap/FocusHighlight.vue b/packages/nuxt-design-system/components/d/wrap/FocusHighlight.vue
index 66123201..05f3823a 100644
--- a/packages/nuxt-design-system/components/d/wrap/FocusHighlight.vue
+++ b/packages/nuxt-design-system/components/d/wrap/FocusHighlight.vue
@@ -1,4 +1,4 @@
 <script lang="ts">
-import DWrapFocusHighlight from '@d0rich/esprit-design/src/components/utils/DWrapFocusHighlight.vue'
+import {DWrapFocusHighlight} from '@d0rich/esprit-design'
 export default DWrapFocusHighlight
 </script>
diff --git a/packages/nuxt-design-system/components/d/wrap/Shape.vue b/packages/nuxt-design-system/components/d/wrap/Shape.vue
index 9e169328..05d56307 100644
--- a/packages/nuxt-design-system/components/d/wrap/Shape.vue
+++ b/packages/nuxt-design-system/components/d/wrap/Shape.vue
@@ -1,4 +1,4 @@
 <script lang="ts">
-import DWrapShape from '@d0rich/esprit-design/src/components/utils/DWrapShape.vue'
+import {DWrapShape} from '@d0rich/esprit-design'
 export default DWrapShape
 </script>
diff --git a/packages/nuxt-design-system/components/d/wrap/index.ts b/packages/nuxt-design-system/components/d/wrap/index.ts
index f137de32..895fbe50 100644
--- a/packages/nuxt-design-system/components/d/wrap/index.ts
+++ b/packages/nuxt-design-system/components/d/wrap/index.ts
@@ -1 +1 @@
-export { type HighlightVariant } from '@d0rich/esprit-design/src/components/utils'
+export { type HighlightVariant } from '@d0rich/esprit-design'
diff --git a/packages/nuxt-design-system/composables/esprit-design-composables.ts b/packages/nuxt-design-system/composables/esprit-design-composables.ts
index 85b9da23..2d510074 100644
--- a/packages/nuxt-design-system/composables/esprit-design-composables.ts
+++ b/packages/nuxt-design-system/composables/esprit-design-composables.ts
@@ -1,6 +1,6 @@
 import {
   useDBigBangButtonUtils,
   useDPaginationUtils
-} from '@d0rich/esprit-design/src/composables'
+} from '@d0rich/esprit-design'
 
 export { useDBigBangButtonUtils, useDPaginationUtils }
diff --git a/packages/nuxt-design-system/nuxt.config.ts b/packages/nuxt-design-system/nuxt.config.ts
index 2c043f2a..84ea4181 100644
--- a/packages/nuxt-design-system/nuxt.config.ts
+++ b/packages/nuxt-design-system/nuxt.config.ts
@@ -4,6 +4,7 @@ import { dirname, join } from 'path'
 const currentDir = dirname(fileURLToPath(import.meta.url))
 
 export default defineNuxtConfig({
+  css: ['@d0rich/esprit-design/style.css'],
   build: {
     transpile: ['gsap', 'consola']
   },
diff --git a/packages/nuxt-design-system/tailwind.config.js b/packages/nuxt-design-system/tailwind.config.js
index b83b0048..8dcdde70 100644
--- a/packages/nuxt-design-system/tailwind.config.js
+++ b/packages/nuxt-design-system/tailwind.config.js
@@ -1,6 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  presets: [require('@d0rich/esprit-design/tailwind.config')],
+  presets: [require('@d0rich/esprit-design/tailwind.config.js')],
   plugins: [
     require('@tailwindcss/typography'),
     require('./plugins/tailwind/nuxt-typography')
diff --git a/packages/nuxt-design-system/utils/esprit-design-utils.ts b/packages/nuxt-design-system/utils/esprit-design-utils.ts
index 48af88de..b059bc32 100644
--- a/packages/nuxt-design-system/utils/esprit-design-utils.ts
+++ b/packages/nuxt-design-system/utils/esprit-design-utils.ts
@@ -9,7 +9,7 @@ import {
   getAbsoluteBoundings,
   getAbsoluteBoundingsGetters,
   getLinkToPaginatedPage
-} from '@d0rich/esprit-design/src/utils'
+} from '@d0rich/esprit-design'
 
 export {
   applyLinePerPointAnimation,