refactor: splitting and reorganizing style files

packages/@core/ui-kit/menu-ui/src/components/normal-menu/normal-menu.vue

@@ -58,7 +58,7 @@ function handleMouseenter(menu: MenuRecordRaw) {
   </ul>
 </template>
 <style lang="scss" scoped>
-@import '@vben-core/design/global';
+@import '@vben-core/design/bem';
 
 @include b('normal-menu') {
   --menu-item-margin-y: 4px;

packages/@core/ui-kit/menu-ui/src/styles/index.scss

@@ -1,4 +1,4 @@
-@import '@vben-core/design/global';
+@import '@vben-core/design/bem';
 
 .#{$namespace}-menu__popup-container,
 .#{$namespace}-menu {

packages/@core/ui-kit/shadcn-ui/package.json

@@ -49,7 +49,7 @@
     "@vben-core/typings": "workspace:*",
     "@vueuse/core": "^10.11.0",
     "class-variance-authority": "^0.7.0",
-    "lucide-vue-next": "^0.401.0",
+    "lucide-vue-next": "^0.402.0",
     "radix-vue": "^1.9.0",
     "vue": "^3.4.31"
   }

packages/@core/ui-kit/shadcn-ui/src/components/breadcrumb/breadcrumb.vue

@@ -2,7 +2,6 @@
 import type { IBreadcrumb } from './interface';
 
 import { IcRoundKeyboardArrowDown } from '@vben-core/iconify';
-
 import {
   Breadcrumb,
   BreadcrumbItem,

packages/@core/ui-kit/shadcn-ui/src/components/button/button.vue

@@ -3,12 +3,12 @@ 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 { cn } from '@vben-core/toolkit';
+
 import { Primitive, type PrimitiveProps } from 'radix-vue';
 
 interface Props extends PrimitiveProps {

packages/@core/ui-kit/shadcn-ui/src/components/button/icon-button.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed, useSlots } from 'vue';
 
-import { cn } from '@vben-core/toolkit';
-
 import { VbenTooltip } from '@vben-core/shadcn-ui/components/tooltip';
 import { ButtonVariants } from '@vben-core/shadcn-ui/components/ui/button';
+import { cn } from '@vben-core/toolkit';
+
 import { type PrimitiveProps } from 'radix-vue';
 
 import VbenButton from './button.vue';

packages/@core/ui-kit/shadcn-ui/src/components/checkbox/checkbox.vue

@@ -2,6 +2,7 @@
 import type { CheckboxRootEmits, CheckboxRootProps } from 'radix-vue';
 
 import { Checkbox } from '@vben-core/shadcn-ui/components/ui/checkbox';
+
 import { useForwardPropsEmits } from 'radix-vue';
 
 const props = defineProps<

packages/@core/ui-kit/shadcn-ui/src/components/context-menu/context-menu.vue

@@ -18,6 +18,7 @@ import {
   ContextMenuShortcut,
   ContextMenuTrigger,
 } from '@vben-core/shadcn-ui/components/ui/context-menu';
+
 import { useForwardPropsEmits } from 'radix-vue';
 
 const props = defineProps<

packages/@core/ui-kit/shadcn-ui/src/components/hover-card/hover-card.vue

@@ -8,6 +8,7 @@ import {
   HoverCardContent,
   HoverCardTrigger,
 } from '@vben-core/shadcn-ui/components/ui/hover-card';
+
 import { HoverCardContentProps, useForwardPropsEmits } from 'radix-vue';
 
 const props = defineProps<

packages/@core/ui-kit/shadcn-ui/src/components/input-password/input-password.vue

@@ -5,11 +5,11 @@ import {
   IcOutlineVisibility,
   IcOutlineVisibilityOff,
 } from '@vben-core/iconify';
-
 import {
   type InputProps,
   VbenInput,
 } from '@vben-core/shadcn-ui/components/input';
+
 import { useForwardProps } from 'radix-vue';
 
 import PasswordStrength from './password-strength.vue';

packages/@core/ui-kit/shadcn-ui/src/components/popover/popover.vue

@@ -12,6 +12,7 @@ import {
   Popover as PopoverRoot,
   PopoverTrigger,
 } from '@vben-core/shadcn-ui/components/ui/popover';
+
 import { useForwardPropsEmits } from 'radix-vue';
 
 const props = withDefaults(

packages/@core/ui-kit/shadcn-ui/src/components/scrollbar/scrollbar.vue

@@ -2,9 +2,8 @@
 import type { HTMLAttributes } from 'vue';
 import { ref } from 'vue';
 
-import { cn } from '@vben-core/toolkit';
-
 import { ScrollArea } from '@vben-core/shadcn-ui/components/ui/scroll-area';
+import { cn } from '@vben-core/toolkit';
 
 interface Props {
   class?: HTMLAttributes['class'];

packages/@core/ui-kit/shadcn-ui/src/components/segmented/segmented.vue

@@ -8,6 +8,7 @@ import {
   TabsContent,
   TabsList,
 } from '@vben-core/shadcn-ui/components/ui/tabs';
+
 import { TabsTrigger } from 'radix-vue';
 
 import TabsIndicator from './tabs-indicator.vue';

packages/@core/ui-kit/shadcn-ui/src/components/sheet/sheet.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { computed, useSlots } from 'vue';
 
-import { Cross2Icon } from '@radix-icons/vue';
 import {
   VbenButton,
   VbenIconButton,
@@ -18,6 +17,8 @@ import {
   SheetTrigger,
 } from '@vben-core/shadcn-ui/components/ui/sheet';
 
+import { Cross2Icon } from '@radix-icons/vue';
+
 interface Props {
   cancelText?: string;
   description?: string;

packages/@core/ui-kit/shadcn-ui/src/components/tooltip/tooltip.vue

@@ -5,6 +5,7 @@ import {
   TooltipProvider,
   TooltipTrigger,
 } from '@vben-core/shadcn-ui/components/ui/tooltip';
+
 import { TooltipContentProps } from 'radix-vue';
 
 interface Props {

packages/@core/ui-kit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogAction.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { buttonVariants } from '@vben-core/shadcn-ui/components/ui/button';
 import { cn } from '@vben-core/toolkit';
 
-import { buttonVariants } from '@vben-core/shadcn-ui/components/ui/button';
 import { AlertDialogAction, type AlertDialogActionProps } from 'radix-vue';
 
 const props = defineProps<

packages/@core/ui-kit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogCancel.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue';
 
+import { buttonVariants } from '@vben-core/shadcn-ui/components/ui/button';
 import { cn } from '@vben-core/toolkit';
 
-import { buttonVariants } from '@vben-core/shadcn-ui/components/ui/button';
 import { AlertDialogCancel, type AlertDialogCancelProps } from 'radix-vue';
 
 const props = defineProps<

packages/@core/ui-kit/shadcn-ui/src/components/ui/toggle-group/ToggleGroupItem.vue

@@ -3,9 +3,9 @@ import type { VariantProps } from 'class-variance-authority';
 
 import { type HTMLAttributes, computed, inject } from 'vue';
 
+import { toggleVariants } from '@vben-core/shadcn-ui/components/ui/toggle';
 import { cn } from '@vben-core/toolkit';
 
-import { toggleVariants } from '@vben-core/shadcn-ui/components/ui/toggle';
 import {
   ToggleGroupItem,
   type ToggleGroupItemProps,

packages/@core/ui-kit/tabs-ui/src/components/chrome-tabs/chrome-tabs.scss

@@ -1,4 +1,4 @@
-@import '@vben-core/design/global';
+@import '@vben-core/design/bem';
 
 @include b('chrome-tabs') {
   --tabs-background: hsl(var(--background));

packages/@core/ui-kit/tabs-ui/src/components/chrome-tabs/tabs.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { TabItem } from '@vben-core/typings';
 
-import type { TabsProps } from '../../interface';
+import type { TabsProps } from '../../types';
 
 import { computed, nextTick, onMounted, ref, watch } from 'vue';
 
@@ -84,11 +84,7 @@ function handleUnPushPin(tab: TabItem) {
 
 <template>
   <div :class="b()" class="relative size-full pt-1">
-    <div
-      ref="contentRef"
-      :class="e('content')"
-      class="relative h-8 overflow-hidden"
-    >
+    <div ref="contentRef" class="relative h-8 overflow-hidden">
       <TransitionGroup name="slide-down">
         <Tab
           v-for="(tab, i) in tabsView"

packages/@core/ui-kit/tabs-ui/src/tabs-view.vue

@@ -4,7 +4,7 @@ import type { TabItem } from '@vben-core/typings';
 import { useForwardPropsEmits } from '@vben-core/shadcn-ui';
 
 import { ChromeTabs } from './components';
-import { TabsProps } from './interface';
+import { TabsProps } from './types';
 
 interface Props extends TabsProps {}