diff --git a/.changeset/config.json b/.changeset/config.json
index faeefa98..7f769543 100644
--- a/.changeset/config.json
+++ b/.changeset/config.json
@@ -1,6 +1,9 @@
 {
   "$schema": "https://unpkg.com/@changesets/config@3.0.0/schema.json",
-  "changelog": "@changesets/cli/changelog",
+  "changelog": [
+    "@changesets/changelog-github",
+    { "repo": "vbenjs/vue-vben-admin" }
+  ],
   "commit": false,
   "fixed": [["@vben-core/*", "@vben/*"]],
   "snapshot": {
diff --git a/.github/workflows/changeset-version.yml b/.github/workflows/changeset-version.yml
index 4843eff6..7bc9b261 100644
--- a/.github/workflows/changeset-version.yml
+++ b/.github/workflows/changeset-version.yml
@@ -50,6 +50,6 @@ jobs:
         with:
           version: pnpm run version
           commit: "chore: bump versions"
-          title: "chore: bump versions [skip ci]"
+          title: "chore: bump versions"
         env:
           GITHUB_TOKEN: ${{ secrets.ACCESS_TOKEN }}
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 65247253..b311b780 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -36,6 +36,8 @@ jobs:
 
       - name: Install pnpm
         uses: pnpm/action-setup@v4
+        with:
+          run_install: false
 
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v4
@@ -43,8 +45,21 @@ jobs:
           node-version: ${{ matrix.node-version }}
           cache: "pnpm"
 
+      - name: Find pnpm store path
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+
+      - name: Setup pnpm cache
+        uses: actions/cache@v4
+        with:
+          path: ${{ env.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
       - name: Install dependencies
-        run: pnpm install
+        run: pnpm install --frozen-lockfile
 
       # - name: Check Git version
       #   run: git --version
@@ -97,12 +112,29 @@ jobs:
     name: Check
     runs-on: ubuntu-latest
     timeout-minutes: 20
+    strategy:
+      matrix:
+        node-version: [20]
     steps:
-      - uses: actions/checkout@v4
-      # - uses: ./.github/actions/ci-setup
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
 
-      # - name: Typecheck
-      #   run: pnpm check:type
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: "pnpm"
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Typecheck
+        run: pnpm check:type
 
       # From https://github.com/rhysd/actionlint/blob/main/docs/usage.md#use-actionlint-on-github-actions
       - name: Check workflow files
diff --git a/internal/lint-configs/commitlint-config/package.json b/internal/lint-configs/commitlint-config/package.json
index d3ff985b..2c4478b9 100644
--- a/internal/lint-configs/commitlint-config/package.json
+++ b/internal/lint-configs/commitlint-config/package.json
@@ -20,9 +20,6 @@
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
diff --git a/internal/lint-configs/eslint-config/package.json b/internal/lint-configs/eslint-config/package.json
index f12aa7ad..9d298249 100644
--- a/internal/lint-configs/eslint-config/package.json
+++ b/internal/lint-configs/eslint-config/package.json
@@ -20,9 +20,6 @@
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
diff --git a/internal/lint-configs/eslint-config/src/configs/perfectionist.ts b/internal/lint-configs/eslint-config/src/configs/perfectionist.ts
index 250a4525..592b365e 100644
--- a/internal/lint-configs/eslint-config/src/configs/perfectionist.ts
+++ b/internal/lint-configs/eslint-config/src/configs/perfectionist.ts
@@ -52,7 +52,6 @@ export async function perfectionist(): Promise<Linter.FlatConfig[]> {
               '@/forward/**',
               '@/router/**',
               '@/views/**',
-              '#/**',
             ],
             'newlines-between': 'always',
             order: 'asc',
diff --git a/internal/lint-configs/lint-staged-config/package.json b/internal/lint-configs/lint-staged-config/package.json
index 56c450d8..48d80da4 100644
--- a/internal/lint-configs/lint-staged-config/package.json
+++ b/internal/lint-configs/lint-staged-config/package.json
@@ -20,9 +20,6 @@
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
diff --git a/internal/lint-configs/prettier-config/package.json b/internal/lint-configs/prettier-config/package.json
index ccff6879..0fd3bf0d 100644
--- a/internal/lint-configs/prettier-config/package.json
+++ b/internal/lint-configs/prettier-config/package.json
@@ -20,9 +20,6 @@
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
diff --git a/internal/lint-configs/stylelint-config/package.json b/internal/lint-configs/stylelint-config/package.json
index aa70648c..52e8e1a0 100644
--- a/internal/lint-configs/stylelint-config/package.json
+++ b/internal/lint-configs/stylelint-config/package.json
@@ -20,9 +20,6 @@
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
diff --git a/internal/node-utils/package.json b/internal/node-utils/package.json
index 7e0845af..324cbbb0 100644
--- a/internal/node-utils/package.json
+++ b/internal/node-utils/package.json
@@ -20,9 +20,6 @@
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
diff --git a/internal/tailwind-config/package.json b/internal/tailwind-config/package.json
index 9b4ec59f..90538fee 100644
--- a/internal/tailwind-config/package.json
+++ b/internal/tailwind-config/package.json
@@ -29,9 +29,6 @@
       ]
     }
   },
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "types": "./src/index.ts",
diff --git a/internal/vite-config/package.json b/internal/vite-config/package.json
index 4a9a9097..90d66f35 100644
--- a/internal/vite-config/package.json
+++ b/internal/vite-config/package.json
@@ -20,9 +20,6 @@
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
diff --git a/internal/vite-config/src/plugins/index.ts b/internal/vite-config/src/plugins/index.ts
index 87787baf..62e3c45d 100644
--- a/internal/vite-config/src/plugins/index.ts
+++ b/internal/vite-config/src/plugins/index.ts
@@ -134,6 +134,10 @@ async function getApplicationConditionPlugins(
       condition: pwa,
       plugins: () =>
         VitePWA({
+          devOptions: {
+            enabled: true,
+            type: 'module',
+          },
           injectRegister: false,
           workbox: {
             globPatterns: [],
diff --git a/package.json b/package.json
index b8862eef..e502f86e 100644
--- a/package.json
+++ b/package.json
@@ -33,10 +33,10 @@
     "check:type": "turbo run typecheck",
     "clean": "vsh clean",
     "commit": "czg",
-    "docs": "pnpm -F @vben/website run docs:dev",
+    "docs:dev": "pnpm -F @vben/website run docs:dev",
     "dev": "turbo run dev --parallel",
     "format": "vsh lint --format",
-    "lint": "vsh lint && pnpm run check:circular",
+    "lint": "vsh lint",
     "postinstall": "turbo run stub",
     "preinstall": "npx only-allow pnpm",
     "prepare": "is-ci || husky",
diff --git a/packages/@core/forward/helpers/package.json b/packages/@core/forward/helpers/package.json
index 25e47d2b..4d0b0f29 100644
--- a/packages/@core/forward/helpers/package.json
+++ b/packages/@core/forward/helpers/package.json
@@ -20,9 +20,6 @@
   "sideEffects": false,
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "types": "./src/index.ts",
diff --git a/packages/@core/forward/preferences/package.json b/packages/@core/forward/preferences/package.json
index 6e785002..100a1235 100644
--- a/packages/@core/forward/preferences/package.json
+++ b/packages/@core/forward/preferences/package.json
@@ -21,9 +21,6 @@
   "sideEffects": [
     "**/*.css"
   ],
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "types": "./src/index.ts",
diff --git a/packages/@core/forward/request/package.json b/packages/@core/forward/request/package.json
index 8acaf578..16878d47 100644
--- a/packages/@core/forward/request/package.json
+++ b/packages/@core/forward/request/package.json
@@ -22,9 +22,6 @@
   ],
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "types": "./src/index.ts",
diff --git a/packages/@core/forward/stores/package.json b/packages/@core/forward/stores/package.json
index 92ed6af6..2e8808b9 100644
--- a/packages/@core/forward/stores/package.json
+++ b/packages/@core/forward/stores/package.json
@@ -22,9 +22,6 @@
   ],
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "types": "./src/index.ts",
diff --git a/packages/@core/shared/chche/package.json b/packages/@core/shared/chche/package.json
index 32b528ad..d9ea8a17 100644
--- a/packages/@core/shared/chche/package.json
+++ b/packages/@core/shared/chche/package.json
@@ -20,9 +20,6 @@
   "sideEffects": false,
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "types": "./src/index.ts",
diff --git a/packages/@core/shared/design-tokens/package.json b/packages/@core/shared/design-tokens/package.json
index 6a426128..1539f3b0 100644
--- a/packages/@core/shared/design-tokens/package.json
+++ b/packages/@core/shared/design-tokens/package.json
@@ -22,9 +22,6 @@
     "**/*.css"
   ],
   "main": "./dist/index.css",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "types": "./src/index.ts",
diff --git a/packages/@core/shared/design/package.json b/packages/@core/shared/design/package.json
index e7118004..1ef0feb5 100644
--- a/packages/@core/shared/design/package.json
+++ b/packages/@core/shared/design/package.json
@@ -19,9 +19,6 @@
     "dist",
     "src"
   ],
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "development": "./src/scss/index.scss",
diff --git a/packages/@core/shared/iconify/package.json b/packages/@core/shared/iconify/package.json
index 19abac83..104ea9c6 100644
--- a/packages/@core/shared/iconify/package.json
+++ b/packages/@core/shared/iconify/package.json
@@ -15,9 +15,6 @@
   ],
   "main": "./src/index.ts",
   "module": "./src/index.ts",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "default": "./src/index.ts"
diff --git a/packages/@core/shared/toolkit/package.json b/packages/@core/shared/toolkit/package.json
index 6936196c..56e30840 100644
--- a/packages/@core/shared/toolkit/package.json
+++ b/packages/@core/shared/toolkit/package.json
@@ -20,9 +20,6 @@
   "sideEffects": false,
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "types": "./src/index.ts",
@@ -41,9 +38,11 @@
   "dependencies": {
     "@ctrl/tinycolor": "4.1.0",
     "@vue/shared": "^3.4.29",
+    "clsx": "2.1.1",
     "dayjs": "^1.11.11",
     "defu": "^6.1.4",
-    "nprogress": "^0.2.0"
+    "nprogress": "^0.2.0",
+    "tailwind-merge": "^2.3.0"
   },
   "devDependencies": {
     "@types/nprogress": "^0.2.3"
diff --git a/packages/@core/uikit/shadcn-ui/src/lib/utils.ts b/packages/@core/shared/toolkit/src/cn.ts
similarity index 69%
rename from packages/@core/uikit/shadcn-ui/src/lib/utils.ts
rename to packages/@core/shared/toolkit/src/cn.ts
index 9ad0df42..5503cc58 100644
--- a/packages/@core/uikit/shadcn-ui/src/lib/utils.ts
+++ b/packages/@core/shared/toolkit/src/cn.ts
@@ -1,6 +1,8 @@
 import { type ClassValue, clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 
-export function cn(...inputs: ClassValue[]) {
+function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
 }
+
+export { cn };
diff --git a/packages/@core/shared/toolkit/src/index.ts b/packages/@core/shared/toolkit/src/index.ts
index 3d64019b..c1d89d43 100644
--- a/packages/@core/shared/toolkit/src/index.ts
+++ b/packages/@core/shared/toolkit/src/index.ts
@@ -1,3 +1,4 @@
+export * from './cn';
 export * from './color';
 export * from './diff';
 export * from './hash';
diff --git a/packages/@core/shared/typings/package.json b/packages/@core/shared/typings/package.json
index c555131d..ecb19350 100644
--- a/packages/@core/shared/typings/package.json
+++ b/packages/@core/shared/typings/package.json
@@ -20,9 +20,6 @@
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "types": "./src/index.ts",
diff --git a/packages/@core/uikit/layout-ui/package.json b/packages/@core/uikit/layout-ui/package.json
index 968f1cf3..13dc3d69 100644
--- a/packages/@core/uikit/layout-ui/package.json
+++ b/packages/@core/uikit/layout-ui/package.json
@@ -22,9 +22,6 @@
   ],
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "types": "./src/index.ts",
diff --git a/packages/@core/uikit/menu-ui/package.json b/packages/@core/uikit/menu-ui/package.json
index 29ef5f20..9a2dedd8 100644
--- a/packages/@core/uikit/menu-ui/package.json
+++ b/packages/@core/uikit/menu-ui/package.json
@@ -22,9 +22,6 @@
   ],
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "types": "./src/index.ts",
diff --git a/packages/@core/uikit/shadcn-ui/build.config.ts b/packages/@core/uikit/shadcn-ui/build.config.ts
new file mode 100644
index 00000000..72049510
--- /dev/null
+++ b/packages/@core/uikit/shadcn-ui/build.config.ts
@@ -0,0 +1,33 @@
+import { defineBuildConfig } from 'unbuild';
+
+export default defineBuildConfig({
+  clean: true,
+  declaration: true,
+  entries: [
+    {
+      builder: 'mkdist',
+      input: './src',
+      pattern: ['**/*'],
+    },
+    {
+      builder: 'mkdist',
+      input: './src',
+      loaders: ['vue'],
+      pattern: ['**/*.vue'],
+    },
+    // {
+    //   builder: 'mkdist',
+    //   format: 'cjs',
+    //   input: './src',
+    //   loaders: ['js'],
+    //   pattern: ['**/*.ts'],
+    // },
+    {
+      builder: 'mkdist',
+      format: 'esm',
+      input: './src',
+      loaders: ['js'],
+      pattern: ['**/*.ts'],
+    },
+  ],
+});
diff --git a/packages/@core/uikit/shadcn-ui/components.json b/packages/@core/uikit/shadcn-ui/components.json
index 0c7ea8ae..66dd2f63 100644
--- a/packages/@core/uikit/shadcn-ui/components.json
+++ b/packages/@core/uikit/shadcn-ui/components.json
@@ -10,7 +10,7 @@
   },
   "framework": "vite",
   "aliases": {
-    "components": "#/components",
-    "utils": "#/lib/utils"
+    "components": "@vben-core/shadcn-ui/components",
+    "utils": "@vben-core/toolkit"
   }
 }
diff --git a/packages/@core/uikit/shadcn-ui/package.json b/packages/@core/uikit/shadcn-ui/package.json
index 9569a56f..a54c6d11 100644
--- a/packages/@core/uikit/shadcn-ui/package.json
+++ b/packages/@core/uikit/shadcn-ui/package.json
@@ -11,7 +11,7 @@
   },
   "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
   "scripts": {
-    "build": "pnpm vite build",
+    "build": "pnpm unbuild",
     "prepublishOnly": "npm run build"
   },
   "files": [
@@ -22,9 +22,6 @@
   ],
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "types": "./src/index.ts",
@@ -32,9 +29,9 @@
       "default": "./dist/index.mjs"
     },
     "./*": {
-      "types": "./src/*.ts",
-      "development": "./src/*.ts",
-      "default": "./dist/*.mjs"
+      "types": "./src/*/index.ts",
+      "development": "./src/*/index.ts",
+      "default": "./dist/*/index.mjs"
     }
   },
   "publishConfig": {
@@ -51,9 +48,7 @@
     "@vben-core/typings": "workspace:*",
     "@vueuse/core": "^10.11.0",
     "class-variance-authority": "^0.7.0",
-    "clsx": "2.1.1",
     "radix-vue": "^1.8.3",
-    "tailwind-merge": "^2.3.0",
     "vue": "^3.4.29",
     "vue-sonner": "^1.1.2"
   }
diff --git a/packages/@core/uikit/shadcn-ui/src/components/alert-dialog/alert-dialog.vue b/packages/@core/uikit/shadcn-ui/src/components/alert-dialog/alert-dialog.vue
index a75a5d24..83304883 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/alert-dialog/alert-dialog.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/alert-dialog/alert-dialog.vue
@@ -8,7 +8,7 @@ import {
   AlertDialogHeader,
   AlertDialog as AlertDialogRoot,
   AlertDialogTitle,
-} from '#/components/ui/alert-dialog';
+} from '@vben-core/shadcn-ui/components/ui/alert-dialog';
 
 interface Props {
   cancelText?: string;
diff --git a/packages/@core/uikit/shadcn-ui/src/components/avatar/avatar.vue b/packages/@core/uikit/shadcn-ui/src/components/avatar/avatar.vue
index 9524b863..1e535f6f 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/avatar/avatar.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/avatar/avatar.vue
@@ -8,7 +8,11 @@ import type {
 import type { HTMLAttributes } from 'vue';
 import { computed } from 'vue';
 
-import { Avatar, AvatarFallback, AvatarImage } from '#/components/ui/avatar';
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+} from '@vben-core/shadcn-ui/components/ui/avatar';
 
 interface Props extends AvatarRootProps, AvatarFallbackProps, AvatarImageProps {
   alt?: string;
diff --git a/packages/@core/uikit/shadcn-ui/src/components/breadcrumb/breadcrumb.vue b/packages/@core/uikit/shadcn-ui/src/components/breadcrumb/breadcrumb.vue
index ab725664..1d36f1fc 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/breadcrumb/breadcrumb.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/breadcrumb/breadcrumb.vue
@@ -10,13 +10,13 @@ import {
   BreadcrumbList,
   BreadcrumbPage,
   BreadcrumbSeparator,
-} from '#/components/ui/breadcrumb';
+} from '@vben-core/shadcn-ui/components/ui/breadcrumb';
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from '#/components/ui/dropdown-menu';
+} from '@vben-core/shadcn-ui/components/ui/dropdown-menu';
 
 import { VbenIcon } from '../';
 
diff --git a/packages/@core/uikit/shadcn-ui/src/components/button/button.vue b/packages/@core/uikit/shadcn-ui/src/components/button/button.vue
index f937dcb8..4f400e19 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/button/button.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/button/button.vue
@@ -3,12 +3,14 @@ import type { HTMLAttributes } from 'vue';
 import { computed } from 'vue';
 
 import { MdiLoading } from '@vben-core/iconify';
+import { cn } from '@vben-core/toolkit';
 
+import {
+  type ButtonVariants,
+  buttonVariants,
+} from '@vben-core/shadcn-ui/components/ui/button';
 import { Primitive, type PrimitiveProps } from 'radix-vue';
 
-import { type ButtonVariants, buttonVariants } from '#/components/ui/button';
-import { cn } from '#/lib/utils';
-
 interface Props extends PrimitiveProps {
   class?: HTMLAttributes['class'];
   disabled?: boolean;
diff --git a/packages/@core/uikit/shadcn-ui/src/components/button/icon-button.vue b/packages/@core/uikit/shadcn-ui/src/components/button/icon-button.vue
index 6e9ae4d0..52956443 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/button/icon-button.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/button/icon-button.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed, useSlots } from 'vue';
 
-import { type PrimitiveProps } from 'radix-vue';
+import { cn } from '@vben-core/toolkit';
 
-import { VbenTooltip } from '#/components/tooltip';
-import { ButtonVariants } from '#/components/ui/button';
-import { cn } from '#/lib/utils';
+import { VbenTooltip } from '@vben-core/shadcn-ui/components/tooltip';
+import { ButtonVariants } from '@vben-core/shadcn-ui/components/ui/button';
+import { type PrimitiveProps } from 'radix-vue';
 
 import VbenButton from './button.vue';
 
diff --git a/packages/@core/uikit/shadcn-ui/src/components/checkbox/checkbox.vue b/packages/@core/uikit/shadcn-ui/src/components/checkbox/checkbox.vue
index b206d7b0..009f9ab1 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/checkbox/checkbox.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/checkbox/checkbox.vue
@@ -1,10 +1,9 @@
 <script setup lang="ts">
 import type { CheckboxRootEmits, CheckboxRootProps } from 'radix-vue';
 
+import { Checkbox } from '@vben-core/shadcn-ui/components/ui/checkbox';
 import { useForwardPropsEmits } from 'radix-vue';
 
-import { Checkbox } from '#/components/ui/checkbox';
-
 const props = defineProps<
   {
     name: string;
diff --git a/packages/@core/uikit/shadcn-ui/src/components/context-menu/context-menu.vue b/packages/@core/uikit/shadcn-ui/src/components/context-menu/context-menu.vue
index c066f7de..873920be 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/context-menu/context-menu.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/context-menu/context-menu.vue
@@ -10,8 +10,6 @@ import type { IContextMenuItem } from './interface';
 import type { HTMLAttributes } from 'vue';
 import { computed } from 'vue';
 
-import { useForwardPropsEmits } from 'radix-vue';
-
 import {
   ContextMenu,
   ContextMenuContent,
@@ -19,7 +17,8 @@ import {
   ContextMenuSeparator,
   ContextMenuShortcut,
   ContextMenuTrigger,
-} from '#/components/ui/context-menu';
+} from '@vben-core/shadcn-ui/components/ui/context-menu';
+import { useForwardPropsEmits } from 'radix-vue';
 
 const props = defineProps<
   {
diff --git a/packages/@core/uikit/shadcn-ui/src/components/dropdown-menu/dropdown-menu.vue b/packages/@core/uikit/shadcn-ui/src/components/dropdown-menu/dropdown-menu.vue
index 3bd4effe..31b9fc26 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/dropdown-menu/dropdown-menu.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/dropdown-menu/dropdown-menu.vue
@@ -11,7 +11,7 @@ import {
   DropdownMenuItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-} from '#/components/ui/dropdown-menu';
+} from '@vben-core/shadcn-ui/components/ui/dropdown-menu';
 
 interface Props extends DropdownMenuProps {}
 
diff --git a/packages/@core/uikit/shadcn-ui/src/components/dropdown-menu/dropdown-radio-menu.vue b/packages/@core/uikit/shadcn-ui/src/components/dropdown-menu/dropdown-radio-menu.vue
index 53fff362..2076ea43 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/dropdown-menu/dropdown-radio-menu.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/dropdown-menu/dropdown-radio-menu.vue
@@ -7,7 +7,7 @@ import {
   DropdownMenuGroup,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from '#/components/ui/dropdown-menu';
+} from '@vben-core/shadcn-ui/components/ui/dropdown-menu';
 
 interface Props extends DropdownMenuProps {}
 
diff --git a/packages/@core/uikit/shadcn-ui/src/components/floating-button-group/floating-button-group.vue b/packages/@core/uikit/shadcn-ui/src/components/floating-button-group/floating-button-group.vue
index ef921a83..832873f7 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/floating-button-group/floating-button-group.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/floating-button-group/floating-button-group.vue
@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 import { ref } from 'vue';
 
 const isMenuOpen = ref(false);
@@ -8,7 +8,7 @@ const toggleMenu = () => {
   isMenuOpen.value = !isMenuOpen.value;
 };
 
-const handleMenuItemClick = (_item) => {
+const handleMenuItemClick = (_item: any) => {
   // console.log(111, item);
 };
 </script>
diff --git a/packages/@core/uikit/shadcn-ui/src/components/hover-card/hover-card.vue b/packages/@core/uikit/shadcn-ui/src/components/hover-card/hover-card.vue
index 179420fb..8100c5f8 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/hover-card/hover-card.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/hover-card/hover-card.vue
@@ -3,13 +3,12 @@ import type { HoverCardRootEmits, HoverCardRootProps } from 'radix-vue';
 
 import { HTMLAttributes, computed } from 'vue';
 
-import { HoverCardContentProps, useForwardPropsEmits } from 'radix-vue';
-
 import {
   HoverCard,
   HoverCardContent,
   HoverCardTrigger,
-} from '#/components/ui/hover-card';
+} from '@vben-core/shadcn-ui/components/ui/hover-card';
+import { HoverCardContentProps, useForwardPropsEmits } from 'radix-vue';
 
 const props = defineProps<
   {
diff --git a/packages/@core/uikit/shadcn-ui/src/components/input-password/input-password.vue b/packages/@core/uikit/shadcn-ui/src/components/input-password/input-password.vue
index 3e3dc20c..a34d8ddd 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/input-password/input-password.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/input-password/input-password.vue
@@ -6,10 +6,12 @@ import {
   IcOutlineVisibilityOff,
 } from '@vben-core/iconify';
 
+import {
+  type InputProps,
+  VbenInput,
+} from '@vben-core/shadcn-ui/components/input';
 import { useForwardProps } from 'radix-vue';
 
-import { type InputProps, VbenInput } from '#/components/input/index';
-
 import PasswordStrength from './password-strength.vue';
 
 interface Props extends InputProps {}
diff --git a/packages/@core/uikit/shadcn-ui/src/components/pin-input/input.vue b/packages/@core/uikit/shadcn-ui/src/components/pin-input/input.vue
index 58812ead..a0b57de9 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/pin-input/input.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/pin-input/input.vue
@@ -3,12 +3,12 @@ import type { PinInputProps } from './interface';
 
 import { computed, ref, watch } from 'vue';
 
-import { VbenButton } from '#/components/button';
+import { VbenButton } from '@vben-core/shadcn-ui/components/button';
 import {
   PinInput,
   PinInputGroup,
   PinInputInput,
-} from '#/components/ui/pin-input';
+} from '@vben-core/shadcn-ui/components/ui/pin-input';
 
 defineOptions({
   inheritAttrs: false,
diff --git a/packages/@core/uikit/shadcn-ui/src/components/popover/popover.vue b/packages/@core/uikit/shadcn-ui/src/components/popover/popover.vue
index f3997f54..a4234d1a 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/popover/popover.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/popover/popover.vue
@@ -7,13 +7,12 @@ import type {
 
 import { HTMLAttributes, computed } from 'vue';
 
-import { useForwardPropsEmits } from 'radix-vue';
-
 import {
   PopoverContent,
   Popover as PopoverRoot,
   PopoverTrigger,
-} from '#/components/ui/popover';
+} from '@vben-core/shadcn-ui/components/ui/popover';
+import { useForwardPropsEmits } from 'radix-vue';
 
 const props = withDefaults(
   defineProps<
diff --git a/packages/@core/uikit/shadcn-ui/src/components/scrollbar/scrollbar.vue b/packages/@core/uikit/shadcn-ui/src/components/scrollbar/scrollbar.vue
index 04e61252..d8f0db02 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/scrollbar/scrollbar.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/scrollbar/scrollbar.vue
@@ -2,8 +2,9 @@
 import type { HTMLAttributes } from 'vue';
 import { ref } from 'vue';
 
-import { ScrollArea } from '#/components/ui/scroll-area';
-import { cn } from '#/lib/utils';
+import { cn } from '@vben-core/toolkit';
+
+import { ScrollArea } from '@vben-core/shadcn-ui/components/ui/scroll-area';
 
 interface Props {
   class?: HTMLAttributes['class'];
diff --git a/packages/@core/uikit/shadcn-ui/src/components/segmented/segmented.vue b/packages/@core/uikit/shadcn-ui/src/components/segmented/segmented.vue
index 017c7da8..dcb430d4 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/segmented/segmented.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/segmented/segmented.vue
@@ -3,10 +3,13 @@ import type { SegmentedItem } from './interface';
 
 import { computed } from 'vue';
 
+import {
+  Tabs,
+  TabsContent,
+  TabsList,
+} from '@vben-core/shadcn-ui/components/ui/tabs';
 import { TabsTrigger } from 'radix-vue';
 
-import { Tabs, TabsContent, TabsList } from '#/components/ui/tabs';
-
 import TabsIndicator from './tabs-indicator.vue';
 
 interface Props {
diff --git a/packages/@core/uikit/shadcn-ui/src/components/segmented/tabs-indicator.vue b/packages/@core/uikit/shadcn-ui/src/components/segmented/tabs-indicator.vue
index 69614ac5..63aaa286 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/segmented/tabs-indicator.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/segmented/tabs-indicator.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import {
   TabsIndicator,
   type TabsIndicatorProps,
   useForwardProps,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & TabsIndicatorProps
 >();
diff --git a/packages/@core/uikit/shadcn-ui/src/components/sheet/sheet.vue b/packages/@core/uikit/shadcn-ui/src/components/sheet/sheet.vue
index d1e0567d..5e1970a8 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/sheet/sheet.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/sheet/sheet.vue
@@ -2,9 +2,11 @@
 import { computed, useSlots } from 'vue';
 
 import { Cross2Icon } from '@radix-icons/vue';
-
-import { VbenButton, VbenIconButton } from '#/components/button';
-import { VbenScrollbar } from '#/components/scrollbar';
+import {
+  VbenButton,
+  VbenIconButton,
+} from '@vben-core/shadcn-ui/components/button';
+import { VbenScrollbar } from '@vben-core/shadcn-ui/components/scrollbar';
 import {
   Sheet,
   SheetClose,
@@ -14,7 +16,7 @@ import {
   SheetHeader,
   SheetTitle,
   SheetTrigger,
-} from '#/components/ui/sheet';
+} from '@vben-core/shadcn-ui/components/ui/sheet';
 
 interface Props {
   cancelText?: string;
diff --git a/packages/@core/uikit/shadcn-ui/src/components/tooltip/tooltip.vue b/packages/@core/uikit/shadcn-ui/src/components/tooltip/tooltip.vue
index 4f55067a..e6230bd9 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/tooltip/tooltip.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/tooltip/tooltip.vue
@@ -1,12 +1,11 @@
 <script setup lang="ts">
-import { TooltipContentProps } from 'radix-vue';
-
 import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
-} from '#/components/ui/tooltip';
+} from '@vben-core/shadcn-ui/components/ui/tooltip';
+import { TooltipContentProps } from 'radix-vue';
 
 interface Props {
   delayDuration?: number;
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogAction.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogAction.vue
index ce31f9f9..da6591c6 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogAction.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogAction.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
-import { AlertDialogAction, type AlertDialogActionProps } from 'radix-vue';
+import { cn } from '@vben-core/toolkit';
 
-import { buttonVariants } from '#/components/ui/button';
-import { cn } from '#/lib/utils';
+import { buttonVariants } from '@vben-core/shadcn-ui/components/ui/button';
+import { AlertDialogAction, type AlertDialogActionProps } from 'radix-vue';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & AlertDialogActionProps
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogCancel.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogCancel.vue
index 2a586503..b43197cc 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogCancel.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogCancel.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
-import { AlertDialogCancel, type AlertDialogCancelProps } from 'radix-vue';
+import { cn } from '@vben-core/toolkit';
 
-import { buttonVariants } from '#/components/ui/button';
-import { cn } from '#/lib/utils';
+import { buttonVariants } from '@vben-core/shadcn-ui/components/ui/button';
+import { AlertDialogCancel, type AlertDialogCancelProps } from 'radix-vue';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & AlertDialogCancelProps
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogContent.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogContent.vue
index 2778b0d0..72e6b14a 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogContent.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogContent.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import {
   AlertDialogContent,
   type AlertDialogContentEmits,
@@ -10,8 +12,6 @@ import {
   useForwardPropsEmits,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & AlertDialogContentProps
 >();
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogDescription.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogDescription.vue
index b31763cb..36f40cf3 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogDescription.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogDescription.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import {
   AlertDialogDescription,
   type AlertDialogDescriptionProps,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & AlertDialogDescriptionProps
 >();
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogFooter.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogFooter.vue
index f6d346a8..4eb0f7fe 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogFooter.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogFooter.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
 
-import { cn } from '#/lib/utils';
+import { cn } from '@vben-core/toolkit';
 
 const props = defineProps<{
   class?: HTMLAttributes['class'];
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogHeader.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogHeader.vue
index a6873c4a..9e8dddb7 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogHeader.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogHeader.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
 
-import { cn } from '#/lib/utils';
+import { cn } from '@vben-core/toolkit';
 
 const props = defineProps<{
   class?: HTMLAttributes['class'];
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogTitle.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogTitle.vue
index 6e805731..435f30d5 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogTitle.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogTitle.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
-import { AlertDialogTitle, type AlertDialogTitleProps } from 'radix-vue';
+import { cn } from '@vben-core/toolkit';
 
-import { cn } from '#/lib/utils';
+import { AlertDialogTitle, type AlertDialogTitleProps } from 'radix-vue';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & AlertDialogTitleProps
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/avatar/Avatar.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/avatar/Avatar.vue
index 713f90e8..0d350dac 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/avatar/Avatar.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/avatar/Avatar.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
 
-import { AvatarRoot } from 'radix-vue';
+import { cn } from '@vben-core/toolkit';
 
-import { cn } from '#/lib/utils';
+import { AvatarRoot } from 'radix-vue';
 
 import { type AvatarVariants, avatarVariant } from './avatar';
 
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/badge/Badge.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/badge/Badge.vue
index 8391b26a..808624c2 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/badge/Badge.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/badge/Badge.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
 
-import { cn } from '#/lib/utils';
+import { cn } from '@vben-core/toolkit';
 
 import { type BadgeVariants, badgeVariants } from './badge';
 
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/breadcrumb/BreadcrumbEllipsis.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/breadcrumb/BreadcrumbEllipsis.vue
index 427388bc..53808d13 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/breadcrumb/BreadcrumbEllipsis.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/breadcrumb/BreadcrumbEllipsis.vue
@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import type { HTMLAttributes } from 'vue';
 
-import { DotsHorizontalIcon } from '@radix-icons/vue';
+import { cn } from '@vben-core/toolkit';
 
-import { cn } from '#/lib/utils';
+import { DotsHorizontalIcon } from '@radix-icons/vue';
 
 const props = defineProps<{
   class?: HTMLAttributes['class'];
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/breadcrumb/BreadcrumbItem.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/breadcrumb/BreadcrumbItem.vue
index a213b29a..3332aa98 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/breadcrumb/BreadcrumbItem.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/breadcrumb/BreadcrumbItem.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { HTMLAttributes } from 'vue';
 
-import { cn } from '#/lib/utils';
+import { cn } from '@vben-core/toolkit';
 
 const props = defineProps<{
   class?: HTMLAttributes['class'];
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/breadcrumb/BreadcrumbLink.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/breadcrumb/BreadcrumbLink.vue
index c4829537..45463db0 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/breadcrumb/BreadcrumbLink.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/breadcrumb/BreadcrumbLink.vue
@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import type { HTMLAttributes } from 'vue';
 
-import { Primitive, type PrimitiveProps } from 'radix-vue';
+import { cn } from '@vben-core/toolkit';
 
-import { cn } from '#/lib/utils';
+import { Primitive, type PrimitiveProps } from 'radix-vue';
 
 const props = withDefaults(
   defineProps<{ class?: HTMLAttributes['class'] } & PrimitiveProps>(),
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/breadcrumb/BreadcrumbList.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/breadcrumb/BreadcrumbList.vue
index bd468662..c940145c 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/breadcrumb/BreadcrumbList.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/breadcrumb/BreadcrumbList.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { HTMLAttributes } from 'vue';
 
-import { cn } from '#/lib/utils';
+import { cn } from '@vben-core/toolkit';
 
 const props = defineProps<{
   class?: HTMLAttributes['class'];
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/breadcrumb/BreadcrumbPage.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/breadcrumb/BreadcrumbPage.vue
index 68e1eb9e..338645a3 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/breadcrumb/BreadcrumbPage.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/breadcrumb/BreadcrumbPage.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { HTMLAttributes } from 'vue';
 
-import { cn } from '#/lib/utils';
+import { cn } from '@vben-core/toolkit';
 
 const props = defineProps<{
   class?: HTMLAttributes['class'];
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/breadcrumb/BreadcrumbSeparator.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/breadcrumb/BreadcrumbSeparator.vue
index f6248839..19ca5e3c 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/breadcrumb/BreadcrumbSeparator.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/breadcrumb/BreadcrumbSeparator.vue
@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import type { HTMLAttributes } from 'vue';
 
-import { ChevronRightIcon } from '@radix-icons/vue';
+import { cn } from '@vben-core/toolkit';
 
-import { cn } from '#/lib/utils';
+import { ChevronRightIcon } from '@radix-icons/vue';
 
 const props = defineProps<{
   class?: HTMLAttributes['class'];
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/button/Button.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/button/Button.vue
index e5e2a4fb..36e2dde9 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/button/Button.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/button/Button.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
 
-import { Primitive, type PrimitiveProps } from 'radix-vue';
+import { cn } from '@vben-core/toolkit';
 
-import { cn } from '#/lib/utils';
+import { Primitive, type PrimitiveProps } from 'radix-vue';
 
 import { type ButtonVariants, buttonVariants } from './button';
 
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/checkbox/Checkbox.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/checkbox/Checkbox.vue
index f5d0b7c5..1ea2ae3a 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/checkbox/Checkbox.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/checkbox/Checkbox.vue
@@ -3,6 +3,8 @@ import type { CheckboxRootEmits, CheckboxRootProps } from 'radix-vue';
 
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import { CheckIcon } from '@radix-icons/vue';
 import {
   CheckboxIndicator,
@@ -10,8 +12,6 @@ import {
   useForwardPropsEmits,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & CheckboxRootProps
 >();
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuCheckboxItem.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuCheckboxItem.vue
index 7c9921d6..9d4c7c72 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuCheckboxItem.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuCheckboxItem.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import { CheckIcon } from '@radix-icons/vue';
 import {
   ContextMenuCheckboxItem,
@@ -10,8 +12,6 @@ import {
   useForwardPropsEmits,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & ContextMenuCheckboxItemProps
 >();
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuContent.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuContent.vue
index 1e5cebf6..e10b449a 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuContent.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuContent.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import {
   ContextMenuContent,
   type ContextMenuContentEmits,
@@ -9,8 +11,6 @@ import {
   useForwardPropsEmits,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & ContextMenuContentProps
 >();
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuItem.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuItem.vue
index e226fd4e..56d603ec 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuItem.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuItem.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import {
   ContextMenuItem,
   type ContextMenuItemEmits,
@@ -8,8 +10,6 @@ import {
   useForwardPropsEmits,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = defineProps<
   { class?: HTMLAttributes['class']; inset?: boolean } & ContextMenuItemProps
 >();
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuLabel.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuLabel.vue
index 25b52340..88e25c25 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuLabel.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuLabel.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
-import { ContextMenuLabel, type ContextMenuLabelProps } from 'radix-vue';
+import { cn } from '@vben-core/toolkit';
 
-import { cn } from '#/lib/utils';
+import { ContextMenuLabel, type ContextMenuLabelProps } from 'radix-vue';
 
 const props = defineProps<
   { class?: HTMLAttributes['class']; inset?: boolean } & ContextMenuLabelProps
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuRadioItem.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuRadioItem.vue
index 9844589f..036519a7 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuRadioItem.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuRadioItem.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import { DotFilledIcon } from '@radix-icons/vue';
 import {
   ContextMenuItemIndicator,
@@ -10,8 +12,6 @@ import {
   useForwardPropsEmits,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & ContextMenuRadioItemProps
 >();
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuSeparator.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuSeparator.vue
index 1ea1104f..0f429b70 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuSeparator.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuSeparator.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import {
   ContextMenuSeparator,
   type ContextMenuSeparatorProps,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & ContextMenuSeparatorProps
 >();
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuShortcut.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuShortcut.vue
index bbb3695b..4a202b38 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuShortcut.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuShortcut.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
 
-import { cn } from '#/lib/utils';
+import { cn } from '@vben-core/toolkit';
 
 const props = defineProps<{
   class?: HTMLAttributes['class'];
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuSubContent.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuSubContent.vue
index 987b8dbc..f052dae7 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuSubContent.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuSubContent.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import {
   ContextMenuSubContent,
   type DropdownMenuSubContentEmits,
@@ -8,8 +10,6 @@ import {
   useForwardPropsEmits,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & DropdownMenuSubContentProps
 >();
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuSubTrigger.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuSubTrigger.vue
index 9d8c75b8..b6414284 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuSubTrigger.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuSubTrigger.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import { ChevronRightIcon } from '@radix-icons/vue';
 import {
   ContextMenuSubTrigger,
@@ -8,8 +10,6 @@ import {
   useForwardProps,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = defineProps<
   {
     class?: HTMLAttributes['class'];
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/dialog/DialogContent.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/dialog/DialogContent.vue
index d50b1ae6..25b539ff 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/dialog/DialogContent.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/dialog/DialogContent.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import { Cross2Icon } from '@radix-icons/vue';
 import {
   DialogClose,
@@ -12,8 +14,6 @@ import {
   useForwardPropsEmits,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & DialogContentProps
 >();
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/dialog/DialogDescription.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/dialog/DialogDescription.vue
index 41fcf049..3ad5cd2c 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/dialog/DialogDescription.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/dialog/DialogDescription.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import {
   DialogDescription,
   type DialogDescriptionProps,
   useForwardProps,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & DialogDescriptionProps
 >();
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/dialog/DialogFooter.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/dialog/DialogFooter.vue
index 51116929..f2a922f0 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/dialog/DialogFooter.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/dialog/DialogFooter.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
 
-import { cn } from '#/lib/utils';
+import { cn } from '@vben-core/toolkit';
 
 const props = defineProps<{ class?: HTMLAttributes['class'] }>();
 </script>
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/dialog/DialogHeader.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/dialog/DialogHeader.vue
index 1401d41d..28851d23 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/dialog/DialogHeader.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/dialog/DialogHeader.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
 
-import { cn } from '#/lib/utils';
+import { cn } from '@vben-core/toolkit';
 
 const props = defineProps<{
   class?: HTMLAttributes['class'];
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/dialog/DialogScrollContent.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/dialog/DialogScrollContent.vue
index fd9b88bc..133f8cef 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/dialog/DialogScrollContent.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/dialog/DialogScrollContent.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import {
   DialogClose,
   DialogContent,
@@ -11,8 +13,6 @@ import {
   useForwardPropsEmits,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & DialogContentProps
 >();
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/dialog/DialogTitle.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/dialog/DialogTitle.vue
index 6dc990c2..7d8ab37c 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/dialog/DialogTitle.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/dialog/DialogTitle.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
-import { DialogTitle, type DialogTitleProps, useForwardProps } from 'radix-vue';
+import { cn } from '@vben-core/toolkit';
 
-import { cn } from '#/lib/utils';
+import { DialogTitle, type DialogTitleProps, useForwardProps } from 'radix-vue';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & DialogTitleProps
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
index d5e78109..5ef16350 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import { CheckIcon } from '@radix-icons/vue';
 import {
   DropdownMenuCheckboxItem,
@@ -10,8 +12,6 @@ import {
   useForwardPropsEmits,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & DropdownMenuCheckboxItemProps
 >();
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuContent.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuContent.vue
index abf0e938..490965d0 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuContent.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuContent.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import {
   DropdownMenuContent,
   type DropdownMenuContentEmits,
@@ -9,8 +11,6 @@ import {
   useForwardPropsEmits,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = withDefaults(
   defineProps<{ class?: HTMLAttributes['class'] } & DropdownMenuContentProps>(),
   {
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuItem.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuItem.vue
index 206ab4f9..67467f1e 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuItem.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuItem.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import {
   DropdownMenuItem,
   type DropdownMenuItemProps,
   useForwardProps,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = defineProps<
   { class?: HTMLAttributes['class']; inset?: boolean } & DropdownMenuItemProps
 >();
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuLabel.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuLabel.vue
index b8c599ca..6bcd9a17 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuLabel.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuLabel.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import {
   DropdownMenuLabel,
   type DropdownMenuLabelProps,
   useForwardProps,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = defineProps<
   { class?: HTMLAttributes['class']; inset?: boolean } & DropdownMenuLabelProps
 >();
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
index ce94d531..c516b43f 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import { DotFilledIcon } from '@radix-icons/vue';
 import {
   DropdownMenuItemIndicator,
@@ -10,8 +12,6 @@ import {
   useForwardPropsEmits,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & DropdownMenuRadioItemProps
 >();
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuSeparator.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuSeparator.vue
index 7c399072..6a950b54 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuSeparator.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuSeparator.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import {
   DropdownMenuSeparator,
   type DropdownMenuSeparatorProps,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = defineProps<
   {
     class?: HTMLAttributes['class'];
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuShortcut.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuShortcut.vue
index 8ef95760..03a479fd 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuShortcut.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuShortcut.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
 
-import { cn } from '#/lib/utils';
+import { cn } from '@vben-core/toolkit';
 
 const props = defineProps<{
   class?: HTMLAttributes['class'];
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuSubContent.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuSubContent.vue
index 7d8b7dbf..840231b3 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuSubContent.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuSubContent.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import {
   DropdownMenuSubContent,
   type DropdownMenuSubContentEmits,
@@ -8,8 +10,6 @@ import {
   useForwardPropsEmits,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & DropdownMenuSubContentProps
 >();
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
index 9c49f47a..e00076dc 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import { ChevronRightIcon } from '@radix-icons/vue';
 import {
   DropdownMenuSubTrigger,
@@ -8,8 +10,6 @@ import {
   useForwardProps,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & DropdownMenuSubTriggerProps
 >();
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/hover-card/HoverCardContent.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/hover-card/HoverCardContent.vue
index 98547867..a7b208af 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/hover-card/HoverCardContent.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/hover-card/HoverCardContent.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import {
   HoverCardContent,
   type HoverCardContentProps,
@@ -8,8 +10,6 @@ import {
   useForwardProps,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = withDefaults(
   defineProps<{ class?: HTMLAttributes['class'] } & HoverCardContentProps>(),
   {
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/pin-input/PinInput.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/pin-input/PinInput.vue
index 377dd49e..ae1cfac9 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/pin-input/PinInput.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/pin-input/PinInput.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import {
   PinInputRoot,
   type PinInputRootEmits,
@@ -8,8 +10,6 @@ import {
   useForwardPropsEmits,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & PinInputRootProps
 >();
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/pin-input/PinInputGroup.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/pin-input/PinInputGroup.vue
index 60c3d043..a0528f25 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/pin-input/PinInputGroup.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/pin-input/PinInputGroup.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
-import { Primitive, type PrimitiveProps, useForwardProps } from 'radix-vue';
+import { cn } from '@vben-core/toolkit';
 
-import { cn } from '#/lib/utils';
+import { Primitive, type PrimitiveProps, useForwardProps } from 'radix-vue';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & PrimitiveProps
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/pin-input/PinInputInput.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/pin-input/PinInputInput.vue
index 7b5af993..52df27fa 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/pin-input/PinInputInput.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/pin-input/PinInputInput.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import {
   PinInputInput,
   type PinInputInputProps,
   useForwardProps,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & PinInputInputProps
 >();
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/popover/PopoverContent.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/popover/PopoverContent.vue
index 33252219..6baf38d6 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/popover/PopoverContent.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/popover/PopoverContent.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import {
   PopoverContent,
   type PopoverContentEmits,
@@ -9,8 +11,6 @@ import {
   useForwardPropsEmits,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 defineOptions({
   inheritAttrs: false,
 });
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/scroll-area/ScrollArea.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/scroll-area/ScrollArea.vue
index 2cd3fc2e..fa3c70c8 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/scroll-area/ScrollArea.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/scroll-area/ScrollArea.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import {
   ScrollAreaCorner,
   ScrollAreaRoot,
@@ -8,8 +10,6 @@ import {
   ScrollAreaViewport,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 import ScrollBar from './ScrollBar.vue';
 
 const props = withDefaults(
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/scroll-area/ScrollBar.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/scroll-area/ScrollBar.vue
index 246da806..1bf07082 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/scroll-area/ScrollBar.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/scroll-area/ScrollBar.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import {
   ScrollAreaScrollbar,
   type ScrollAreaScrollbarProps,
   ScrollAreaThumb,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = withDefaults(
   defineProps<{ class?: HTMLAttributes['class'] } & ScrollAreaScrollbarProps>(),
   {
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectContent.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectContent.vue
index 2cf7f0b8..58158baf 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectContent.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectContent.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import {
   SelectContent,
   type SelectContentEmits,
@@ -10,8 +12,6 @@ import {
   useForwardPropsEmits,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 import { SelectScrollDownButton, SelectScrollUpButton } from '.';
 
 defineOptions({
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectGroup.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectGroup.vue
index 02bf2464..bde0ea0c 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectGroup.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectGroup.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
-import { SelectGroup, type SelectGroupProps } from 'radix-vue';
+import { cn } from '@vben-core/toolkit';
 
-import { cn } from '#/lib/utils';
+import { SelectGroup, type SelectGroupProps } from 'radix-vue';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & SelectGroupProps
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectItem.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectItem.vue
index 16b485a2..ce5ea517 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectItem.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectItem.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import { CheckIcon } from '@radix-icons/vue';
 import {
   SelectItem,
@@ -10,8 +12,6 @@ import {
   useForwardProps,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & SelectItemProps
 >();
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectLabel.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectLabel.vue
index f50598bc..124249cc 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectLabel.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectLabel.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
 
-import { SelectLabel, type SelectLabelProps } from 'radix-vue';
+import { cn } from '@vben-core/toolkit';
 
-import { cn } from '#/lib/utils';
+import { SelectLabel, type SelectLabelProps } from 'radix-vue';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & SelectLabelProps
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectScrollDownButton.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectScrollDownButton.vue
index 4074a4da..a25fd844 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectScrollDownButton.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectScrollDownButton.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import { ChevronDownIcon } from '@radix-icons/vue';
 import {
   SelectScrollDownButton,
@@ -8,8 +10,6 @@ import {
   useForwardProps,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & SelectScrollDownButtonProps
 >();
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectScrollUpButton.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectScrollUpButton.vue
index 6af70418..d6bcfb1c 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectScrollUpButton.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectScrollUpButton.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import { ChevronUpIcon } from '@radix-icons/vue';
 import {
   SelectScrollUpButton,
@@ -8,8 +10,6 @@ import {
   useForwardProps,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & SelectScrollUpButtonProps
 >();
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectSeparator.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectSeparator.vue
index e9796816..8945c561 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectSeparator.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectSeparator.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
-import { SelectSeparator, type SelectSeparatorProps } from 'radix-vue';
+import { cn } from '@vben-core/toolkit';
 
-import { cn } from '#/lib/utils';
+import { SelectSeparator, type SelectSeparatorProps } from 'radix-vue';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & SelectSeparatorProps
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectTrigger.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectTrigger.vue
index a0e743a7..ae4a6ea1 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectTrigger.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/select/SelectTrigger.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import { CaretSortIcon } from '@radix-icons/vue';
 import {
   SelectIcon,
@@ -9,8 +11,6 @@ import {
   useForwardProps,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & SelectTriggerProps
 >();
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/sheet/SheetContent.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/sheet/SheetContent.vue
index f7d9d7d0..890617d5 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/sheet/SheetContent.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/sheet/SheetContent.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import {
   DialogContent,
   type DialogContentEmits,
@@ -10,8 +12,6 @@ import {
   useForwardPropsEmits,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 import { type SheetVariants, sheetVariants } from './sheet';
 
 interface SheetContentProps extends DialogContentProps {
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/sheet/SheetDescription.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/sheet/SheetDescription.vue
index b7518cd3..67b99cfd 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/sheet/SheetDescription.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/sheet/SheetDescription.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
-import { DialogDescription, type DialogDescriptionProps } from 'radix-vue';
+import { cn } from '@vben-core/toolkit';
 
-import { cn } from '#/lib/utils';
+import { DialogDescription, type DialogDescriptionProps } from 'radix-vue';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & DialogDescriptionProps
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/sheet/SheetFooter.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/sheet/SheetFooter.vue
index 51116929..f2a922f0 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/sheet/SheetFooter.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/sheet/SheetFooter.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
 
-import { cn } from '#/lib/utils';
+import { cn } from '@vben-core/toolkit';
 
 const props = defineProps<{ class?: HTMLAttributes['class'] }>();
 </script>
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/sheet/SheetHeader.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/sheet/SheetHeader.vue
index ff8309f5..7d3e8b28 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/sheet/SheetHeader.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/sheet/SheetHeader.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
 
-import { cn } from '#/lib/utils';
+import { cn } from '@vben-core/toolkit';
 
 const props = defineProps<{ class?: HTMLAttributes['class'] }>();
 </script>
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/sheet/SheetTitle.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/sheet/SheetTitle.vue
index bac73779..2c721f57 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/sheet/SheetTitle.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/sheet/SheetTitle.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
-import { DialogTitle, type DialogTitleProps } from 'radix-vue';
+import { cn } from '@vben-core/toolkit';
 
-import { cn } from '#/lib/utils';
+import { DialogTitle, type DialogTitleProps } from 'radix-vue';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & DialogTitleProps
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/switch/Switch.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/switch/Switch.vue
index 80834339..18f13fd8 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/switch/Switch.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/switch/Switch.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import {
   SwitchRoot,
   type SwitchRootEmits,
@@ -9,8 +11,6 @@ import {
   useForwardPropsEmits,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & SwitchRootProps
 >();
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/tabs/TabsContent.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/tabs/TabsContent.vue
index e69426e6..eaaf4730 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/tabs/TabsContent.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/tabs/TabsContent.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
-import { TabsContent, type TabsContentProps } from 'radix-vue';
+import { cn } from '@vben-core/toolkit';
 
-import { cn } from '#/lib/utils';
+import { TabsContent, type TabsContentProps } from 'radix-vue';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & TabsContentProps
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/tabs/TabsList.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/tabs/TabsList.vue
index aba6d504..e0c514e4 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/tabs/TabsList.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/tabs/TabsList.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
-import { TabsList, type TabsListProps } from 'radix-vue';
+import { cn } from '@vben-core/toolkit';
 
-import { cn } from '#/lib/utils';
+import { TabsList, type TabsListProps } from 'radix-vue';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & TabsListProps
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/tabs/TabsTrigger.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/tabs/TabsTrigger.vue
index a69375f5..89d481ec 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/tabs/TabsTrigger.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/tabs/TabsTrigger.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
-import { TabsTrigger, type TabsTriggerProps, useForwardProps } from 'radix-vue';
+import { cn } from '@vben-core/toolkit';
 
-import { cn } from '#/lib/utils';
+import { TabsTrigger, type TabsTriggerProps, useForwardProps } from 'radix-vue';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & TabsTriggerProps
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/toggle-group/ToggleGroup.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/toggle-group/ToggleGroup.vue
index e2aabce1..2b46c3e8 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/toggle-group/ToggleGroup.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/toggle-group/ToggleGroup.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
+import type { toggleVariants } from '@vben-core/shadcn-ui/components/ui/toggle';
 import type { VariantProps } from 'class-variance-authority';
 
-import type { toggleVariants } from '#/components/ui/toggle';
-
 import { type HTMLAttributes, computed, provide } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import {
   ToggleGroupRoot,
   type ToggleGroupRootEmits,
@@ -12,8 +13,6 @@ import {
   useForwardPropsEmits,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 type ToggleGroupVariants = VariantProps<typeof toggleVariants>;
 
 const props = defineProps<
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/toggle-group/ToggleGroupItem.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/toggle-group/ToggleGroupItem.vue
index 75c32ab6..59253999 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/toggle-group/ToggleGroupItem.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/toggle-group/ToggleGroupItem.vue
@@ -3,15 +3,15 @@ import type { VariantProps } from 'class-variance-authority';
 
 import { type HTMLAttributes, computed, inject } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
+import { toggleVariants } from '@vben-core/shadcn-ui/components/ui/toggle';
 import {
   ToggleGroupItem,
   type ToggleGroupItemProps,
   useForwardProps,
 } from 'radix-vue';
 
-import { toggleVariants } from '#/components/ui/toggle';
-import { cn } from '#/lib/utils';
-
 type ToggleGroupVariants = VariantProps<typeof toggleVariants>;
 
 const props = defineProps<
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/toggle/Toggle.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/toggle/Toggle.vue
index b708f284..be4931f2 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/toggle/Toggle.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/toggle/Toggle.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import {
   Toggle,
   type ToggleEmits,
@@ -8,8 +10,6 @@ import {
   useForwardPropsEmits,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 import { type ToggleVariants, toggleVariants } from './toggle';
 
 const props = withDefaults(
diff --git a/packages/@core/uikit/shadcn-ui/src/components/ui/tooltip/TooltipContent.vue b/packages/@core/uikit/shadcn-ui/src/components/ui/tooltip/TooltipContent.vue
index 82248779..44f67397 100644
--- a/packages/@core/uikit/shadcn-ui/src/components/ui/tooltip/TooltipContent.vue
+++ b/packages/@core/uikit/shadcn-ui/src/components/ui/tooltip/TooltipContent.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { cn } from '@vben-core/toolkit';
+
 import {
   TooltipContent,
   type TooltipContentEmits,
@@ -9,8 +11,6 @@ import {
   useForwardPropsEmits,
 } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
-
 defineOptions({
   inheritAttrs: false,
 });
diff --git a/packages/@core/uikit/shadcn-ui/tsconfig.json b/packages/@core/uikit/shadcn-ui/tsconfig.json
index e6595a75..0a46bc57 100644
--- a/packages/@core/uikit/shadcn-ui/tsconfig.json
+++ b/packages/@core/uikit/shadcn-ui/tsconfig.json
@@ -4,7 +4,7 @@
   "compilerOptions": {
     "baseUrl": ".",
     "paths": {
-      "#/*": ["./src/*"]
+      "@vben-core/shadcn-ui/*": ["./src/*"]
     }
   },
   "include": ["src"],
diff --git a/packages/@core/uikit/shadcn-ui/vite.config.mts b/packages/@core/uikit/shadcn-ui/vite.config.mts
deleted file mode 100644
index 9a5f448e..00000000
--- a/packages/@core/uikit/shadcn-ui/vite.config.mts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { defineConfig } from '@vben/vite-config';
-
-export default defineConfig();
diff --git a/packages/@core/uikit/tabs-ui/package.json b/packages/@core/uikit/tabs-ui/package.json
index 4458617c..5576822e 100644
--- a/packages/@core/uikit/tabs-ui/package.json
+++ b/packages/@core/uikit/tabs-ui/package.json
@@ -22,9 +22,6 @@
   ],
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "types": "./src/index.ts",
diff --git a/packages/business/common-ui/package.json b/packages/business/common-ui/package.json
index 21249f1f..e5bb8305 100644
--- a/packages/business/common-ui/package.json
+++ b/packages/business/common-ui/package.json
@@ -22,9 +22,6 @@
   ],
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "types": "./src/index.ts",
diff --git a/packages/business/common-ui/src/theme-toggle/theme-button.vue b/packages/business/common-ui/src/theme-toggle/theme-button.vue
index 682b30fe..0127cef1 100644
--- a/packages/business/common-ui/src/theme-toggle/theme-button.vue
+++ b/packages/business/common-ui/src/theme-toggle/theme-button.vue
@@ -32,13 +32,13 @@ const bindProps = computed(() => {
 
   return type === 'normal'
     ? {
-        variant: 'heavy',
+        variant: 'heavy' as const,
       }
     : {
         class: 'rounded-full',
-        size: 'icon',
+        size: 'icon' as const,
         style: { padding: '6px' },
-        variant: 'icon',
+        variant: 'icon' as const,
       };
 });
 
diff --git a/packages/business/layouts/package.json b/packages/business/layouts/package.json
index 0f72c4be..ff4e6014 100644
--- a/packages/business/layouts/package.json
+++ b/packages/business/layouts/package.json
@@ -22,9 +22,6 @@
   ],
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "types": "./src/index.ts",
diff --git a/packages/constants/package.json b/packages/constants/package.json
index e9b4f89c..821ff735 100644
--- a/packages/constants/package.json
+++ b/packages/constants/package.json
@@ -22,9 +22,6 @@
   ],
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "types": "./src/index.ts",
diff --git a/packages/hooks/package.json b/packages/hooks/package.json
index 7e65b25e..e178778c 100644
--- a/packages/hooks/package.json
+++ b/packages/hooks/package.json
@@ -22,9 +22,6 @@
   ],
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "types": "./src/index.ts",
diff --git a/packages/icons/package.json b/packages/icons/package.json
index a959d1bf..06437ad4 100644
--- a/packages/icons/package.json
+++ b/packages/icons/package.json
@@ -15,9 +15,6 @@
   ],
   "main": "./src/index.ts",
   "module": "./src/index.ts",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "default": "./src/index.ts"
diff --git a/packages/locales/package.json b/packages/locales/package.json
index 8b074fe6..6c6bfb31 100644
--- a/packages/locales/package.json
+++ b/packages/locales/package.json
@@ -22,9 +22,6 @@
   ],
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "types": "./src/index.ts",
diff --git a/packages/styles/package.json b/packages/styles/package.json
index 7ad712e9..e6b35df9 100644
--- a/packages/styles/package.json
+++ b/packages/styles/package.json
@@ -19,9 +19,6 @@
   ],
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "types": "./src/index.ts",
diff --git a/packages/types/package.json b/packages/types/package.json
index 1154b6f8..cd9df1be 100644
--- a/packages/types/package.json
+++ b/packages/types/package.json
@@ -20,9 +20,6 @@
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "types": "./src/index.ts",
diff --git a/packages/utils/package.json b/packages/utils/package.json
index f80d8eb9..9ecb9a9c 100644
--- a/packages/utils/package.json
+++ b/packages/utils/package.json
@@ -22,9 +22,6 @@
   ],
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "types": "./src/index.ts",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 53008bed..ce04f19f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -557,6 +557,9 @@ importers:
       '@vue/shared':
         specifier: ^3.4.29
         version: 3.4.29
+      clsx:
+        specifier: 2.1.1
+        version: 2.1.1
       dayjs:
         specifier: ^1.11.11
         version: 1.11.11
@@ -566,6 +569,9 @@ importers:
       nprogress:
         specifier: ^0.2.0
         version: 0.2.0
+      tailwind-merge:
+        specifier: ^2.3.0
+        version: 2.3.0
     devDependencies:
       '@types/nprogress':
         specifier: ^0.2.3
@@ -642,15 +648,9 @@ importers:
       class-variance-authority:
         specifier: ^0.7.0
         version: 0.7.0
-      clsx:
-        specifier: 2.1.1
-        version: 2.1.1
       radix-vue:
         specifier: ^1.8.3
         version: 1.8.3(vue@3.4.29(typescript@5.4.5))
-      tailwind-merge:
-        specifier: ^2.3.0
-        version: 2.3.0
       vue:
         specifier: ^3.4.29
         version: 3.4.29(typescript@5.4.5)
@@ -973,42 +973,36 @@ packages:
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
-    libc: [glibc]
 
   '@ast-grep/napi-linux-arm64-gnu@0.22.6':
     resolution: {integrity: sha512-9PAqNJlAQfFm1RW0DVCM/S4gFHdppxUTWacB3qEeJZXgdLnoH0KGQa4z3Xo559SPYDKZy0VnY02mZ3XJ+v6/Vw==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
-    libc: [glibc]
 
   '@ast-grep/napi-linux-x64-gnu@0.21.4':
     resolution: {integrity: sha512-U7jl8RGpxKV+pjFstY0y5qD+D+wm9dXNO7NBbIOnETgTMizTFiUuQWT7SOlIklhcxxuXqWzfwhNN1qwI0tGNWw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
-    libc: [glibc]
 
   '@ast-grep/napi-linux-x64-gnu@0.22.6':
     resolution: {integrity: sha512-nZf+gxXVrZqvP1LN6HwzOMA4brF3umBXfMequQzv8S6HeJ4c34P23F0Tw8mHtQpVYP9PQWJUvt3LJQ8Xvd5Hiw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
-    libc: [glibc]
 
   '@ast-grep/napi-linux-x64-musl@0.21.4':
     resolution: {integrity: sha512-SOGR93kGomRR+Vh87+jXI3pJLR+J+dekCI8a4S22kGX9iAen8/+Ew++lFouDueKLyszmmhCrIk1WnJvYPuSFBw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
-    libc: [musl]
 
   '@ast-grep/napi-linux-x64-musl@0.22.6':
     resolution: {integrity: sha512-gcJeBMgJQf2pZZo0lgH0Vg4ycyujM7Am8VlomXhavC/dPpkddA1tiHSIC4fCNneLU1EqHITy3ALSmM4GLdsjBw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
-    libc: [musl]
 
   '@ast-grep/napi-win32-arm64-msvc@0.21.4':
     resolution: {integrity: sha512-ciGaTbkPjbCGqUyLwIPvcNeftNXjSG3cXE+5NiLThRbDhh2yUOE8YJkElUQcu0xQCdSlXnb4l/imEED/65jGfw==}
@@ -2838,55 +2832,46 @@ packages:
     resolution: {integrity: sha512-C/zbRYRXFjWvz9Z4haRxcTdnkPt1BtCkz+7RtBSuNmKzMzp3ZxdM28Mpccn6pt28/UWUCTXa+b0Mx1k3g6NOMA==}
     cpu: [arm]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-arm-musleabihf@4.18.0':
     resolution: {integrity: sha512-l3m9ewPgjQSXrUMHg93vt0hYCGnrMOcUpTz6FLtbwljo2HluS4zTXFy2571YQbisTnfTKPZ01u/ukJdQTLGh9A==}
     cpu: [arm]
     os: [linux]
-    libc: [musl]
 
   '@rollup/rollup-linux-arm64-gnu@4.18.0':
     resolution: {integrity: sha512-rJ5D47d8WD7J+7STKdCUAgmQk49xuFrRi9pZkWoRD1UeSMakbcepWXPF8ycChBoAqs1pb2wzvbY6Q33WmN2ftw==}
     cpu: [arm64]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-arm64-musl@4.18.0':
     resolution: {integrity: sha512-be6Yx37b24ZwxQ+wOQXXLZqpq4jTckJhtGlWGZs68TgdKXJgw54lUUoFYrg6Zs/kjzAQwEwYbp8JxZVzZLRepQ==}
     cpu: [arm64]
     os: [linux]
-    libc: [musl]
 
   '@rollup/rollup-linux-powerpc64le-gnu@4.18.0':
     resolution: {integrity: sha512-hNVMQK+qrA9Todu9+wqrXOHxFiD5YmdEi3paj6vP02Kx1hjd2LLYR2eaN7DsEshg09+9uzWi2W18MJDlG0cxJA==}
     cpu: [ppc64]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-riscv64-gnu@4.18.0':
     resolution: {integrity: sha512-ROCM7i+m1NfdrsmvwSzoxp9HFtmKGHEqu5NNDiZWQtXLA8S5HBCkVvKAxJ8U+CVctHwV2Gb5VUaK7UAkzhDjlg==}
     cpu: [riscv64]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-s390x-gnu@4.18.0':
     resolution: {integrity: sha512-0UyyRHyDN42QL+NbqevXIIUnKA47A+45WyasO+y2bGJ1mhQrfrtXUpTxCOrfxCR4esV3/RLYyucGVPiUsO8xjg==}
     cpu: [s390x]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-x64-gnu@4.18.0':
     resolution: {integrity: sha512-xuglR2rBVHA5UsI8h8UbX4VJ470PtGCf5Vpswh7p2ukaqBGFTnsfzxUBetoWBWymHMxbIG0Cmx7Y9qDZzr648w==}
     cpu: [x64]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-x64-musl@4.18.0':
     resolution: {integrity: sha512-LKaqQL9osY/ir2geuLVvRRs+utWUNilzdE90TpyoX0eNqPzWjRm14oMEE+YLve4k/NAqCdPkGYDaDF5Sw+xBfg==}
     cpu: [x64]
     os: [linux]
-    libc: [musl]
 
   '@rollup/rollup-win32-arm64-msvc@4.18.0':
     resolution: {integrity: sha512-7J6TkZQFGo9qBKH0pk2cEVSRhJbL6MtfWxth7Y5YmZs57Pi+4x6c2dStAUvaQkHQLnEQv1jzBUW43GvZW8OFqA==}
@@ -7575,16 +7560,36 @@ packages:
     engines: {node: '>=8.0.0'}
     hasBin: true
 
+  turbo-darwin-64@2.0.4:
+    resolution: {integrity: sha512-x9mvmh4wudBstML8Z8IOmokLWglIhSfhQwnh2gBCSqabgVBKYvzl8Y+i+UCNPxheCGTgtsPepTcIaKBIyFIcvw==}
+    cpu: [x64]
+    os: [darwin]
+
+  turbo-darwin-arm64@2.0.4:
+    resolution: {integrity: sha512-/B1Ih8zPRGVw5vw4SlclOf3C/woJ/2T6ieH6u54KT4wypoaVyaiyMqBcziIXycdObIYr7jQ+raHO7q3mhay9/A==}
+    cpu: [arm64]
+    os: [darwin]
+
   turbo-linux-64@2.0.4:
     resolution: {integrity: sha512-6aG670e5zOWu6RczEYcB81nEl8EhiGJEvWhUrnAfNEUIMBEH1pR5SsMmG2ol5/m3PgiRM12r13dSqTxCLcHrVg==}
     cpu: [x64]
     os: [linux]
 
+  turbo-linux-arm64@2.0.4:
+    resolution: {integrity: sha512-AXfVOjst+mCtPDFT4tCu08Qrfv12Nj7NDd33AjGwV79NYN1Y1rcFY59UQ4nO3ij3rbcvV71Xc+TZJ4csEvRCSg==}
+    cpu: [arm64]
+    os: [linux]
+
   turbo-windows-64@2.0.4:
     resolution: {integrity: sha512-QOnUR9hKl0T5gq5h1fAhVEqBSjpcBi/BbaO71YGQNgsr6pAnCQdbG8/r3MYXet53efM0KTdOhieWeO3KLNKybA==}
     cpu: [x64]
     os: [win32]
 
+  turbo-windows-arm64@2.0.4:
+    resolution: {integrity: sha512-3v8WpdZy1AxZw0gha0q3caZmm+0gveBQ40OspD6mxDBIS+oBtO5CkxhIXkFJJW+jDKmDlM7wXDIGfMEq+QyNCQ==}
+    cpu: [arm64]
+    os: [win32]
+
   turbo@2.0.4:
     resolution: {integrity: sha512-Ilme/2Q5kYw0AeRr+aw3s02+WrEYaY7U8vPnqSZU/jaDG/qd6jHVN6nRWyd/9KXvJGYM69vE6JImoGoyNjLwaw==}
     hasBin: true
@@ -15596,16 +15601,32 @@ snapshots:
       wcwidth: 1.0.1
       yargs: 17.7.2
 
+  turbo-darwin-64@2.0.4:
+    optional: true
+
+  turbo-darwin-arm64@2.0.4:
+    optional: true
+
   turbo-linux-64@2.0.4:
     optional: true
 
+  turbo-linux-arm64@2.0.4:
+    optional: true
+
   turbo-windows-64@2.0.4:
     optional: true
 
+  turbo-windows-arm64@2.0.4:
+    optional: true
+
   turbo@2.0.4:
     optionalDependencies:
+      turbo-darwin-64: 2.0.4
+      turbo-darwin-arm64: 2.0.4
       turbo-linux-64: 2.0.4
+      turbo-linux-arm64: 2.0.4
       turbo-windows-64: 2.0.4
+      turbo-windows-arm64: 2.0.4
 
   type-check@0.4.0:
     dependencies:
diff --git a/scripts/vsh/package.json b/scripts/vsh/package.json
index ae63acca..54b5608a 100644
--- a/scripts/vsh/package.json
+++ b/scripts/vsh/package.json
@@ -16,9 +16,6 @@
   },
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
-  "imports": {
-    "#*": "./src/*"
-  },
   "exports": {
     ".": {
       "default": "./dist/index.mjs"
diff --git a/scripts/vsh/src/aggregate-changelog/index.ts b/scripts/vsh/src/aggregate-changelog/index.ts
new file mode 100644
index 00000000..09af1ee1
--- /dev/null
+++ b/scripts/vsh/src/aggregate-changelog/index.ts
@@ -0,0 +1,71 @@
+import type { CAC } from 'cac';
+
+import { extname } from 'node:path';
+
+import { getStagedFiles } from '@vben/node-utils';
+
+import { circularDepsDetect, printCircles } from 'circular-dependency-scanner';
+
+const IGNORE_DIR = [
+  'dist',
+  '.turbo',
+  'output',
+  '.cache',
+  'scripts',
+  'internal',
+  // 'packages/@vben-core/shared/shadcn-ui/',
+  'packages/@vben-core/uikit/menu-ui/src/',
+].join(',');
+
+const IGNORE = [`**/{${IGNORE_DIR}}/**`];
+
+interface CommandOptions {
+  staged: boolean;
+  verbose: boolean;
+}
+
+async function checkCircular({ staged, verbose }: CommandOptions) {
+  const results = await circularDepsDetect({
+    absolute: staged,
+    cwd: process.cwd(),
+    ignore: IGNORE,
+  });
+
+  if (staged) {
+    let files = await getStagedFiles();
+
+    files = files.filter((file) =>
+      ['.cjs', '.js', '.jsx', '.mjs', '.ts', '.tsx', '.vue'].includes(
+        extname(file),
+      ),
+    );
+    const circularFiles: string[][] = [];
+
+    for (const file of files) {
+      for (const result of results) {
+        const resultFiles = result.flat();
+        if (resultFiles.includes(file)) {
+          circularFiles.push(result);
+        }
+      }
+    }
+    verbose && printCircles(circularFiles);
+  } else {
+    verbose && printCircles(results);
+  }
+}
+
+function defineCheckCircularCommand(cac: CAC) {
+  cac
+    .command('check-circular')
+    .option(
+      '--staged',
+      'Whether it is the staged commit mode, in which mode, if there is a circular dependency, an alarm will be given.',
+    )
+    .usage(`Analysis of project circular dependencies.`)
+    .action(async ({ staged }) => {
+      await checkCircular({ staged, verbose: true });
+    });
+}
+
+export { defineCheckCircularCommand };