From e43ce477b8416d29fbf545dbb1d5a73d9af106aa Mon Sep 17 00:00:00 2001
From: Gregor Vostrak <gregor@solidtime.io>
Date: Thu, 5 Mar 2026 15:56:02 +0100
Subject: [PATCH] externalize npm packages in ui package

---
 resources/js/packages/ui/package.json   |  5 +++++
 resources/js/packages/ui/vite.config.js | 22 +++++++++++++++++++++-
 2 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/resources/js/packages/ui/package.json b/resources/js/packages/ui/package.json
index cb1139e6..aa5c8bb7 100644
--- a/resources/js/packages/ui/package.json
+++ b/resources/js/packages/ui/package.json
@@ -55,11 +55,16 @@
         "@heroicons/vue": "^2.1.5",
         "@vitejs/plugin-vue": "^5.1.2 || ^6.0.0",
         "@vueuse/core": "^12.5.0 || ^14.0.0",
+        "@vueuse/integrations": "^12.5.0 || ^14.0.0",
+        "focus-trap": "^7.0.0 || ^8.0.0",
+        "chroma-js": "^3.1.0",
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
         "dayjs": "^1.11.13",
         "lucide-vue-next": ">=0.453.0",
+        "@internationalized/date": "^3.0.0",
         "parse-duration": "^2.0.1",
+        "radix-vue": "^1.9.0",
         "reka-ui": "^2.2.0",
         "tailwind-merge": "^2.5.2",
         "tailwindcss": "^3.1.0",
diff --git a/resources/js/packages/ui/vite.config.js b/resources/js/packages/ui/vite.config.js
index 11604a44..a31e6aaf 100644
--- a/resources/js/packages/ui/vite.config.js
+++ b/resources/js/packages/ui/vite.config.js
@@ -17,7 +17,27 @@ export default defineConfig({
         rollupOptions: {
             // make sure to externalize deps that shouldn't be bundled
             // into your library
-            external: ['vue', 'lucide-vue-next'],
+            external: [
+                'vue',
+                'lucide-vue-next',
+                '@floating-ui/vue',
+                '@heroicons/vue',
+                /^@heroicons\/vue\/.*/,
+                '@vueuse/core',
+                '@vueuse/integrations',
+                /^@vueuse\/integrations\/.*/,
+                'focus-trap',
+                'chroma-js',
+                'class-variance-authority',
+                'clsx',
+                'dayjs',
+                /^dayjs\/.*/,
+                'parse-duration',
+                '@internationalized/date',
+                'radix-vue',
+                'reka-ui',
+                'tailwind-merge',
+            ],
             output: {
                 // Provide global variables to use in the UMD build
                 // for externalized deps