chore: format code

packages/@vben-core/uikit/layout-ui/src/components/layout-content.vue

@@ -2,7 +2,6 @@
 import type { ContentCompactType } from '@vben-core/typings';
 
 import type { CSSProperties } from 'vue';
-
 import { computed } from 'vue';
 
 interface Props {

packages/@vben-core/uikit/layout-ui/src/components/layout-footer.vue

@@ -1,10 +1,9 @@
 <script setup lang="ts">
-import { useNamespace } from '@vben-core/toolkit';
-
 import type { CSSProperties } from 'vue';
-
 import { computed } from 'vue';
 
+import { useNamespace } from '@vben-core/toolkit';
+
 interface Props {
   /**
    * 背景颜色

packages/@vben-core/uikit/layout-ui/src/components/layout-header.vue

@@ -1,11 +1,10 @@
 <script setup lang="ts">
+import type { CSSProperties } from 'vue';
+import { computed, useSlots } from 'vue';
+
 import { IcRoundMenu } from '@vben-core/iconify';
 import { VbenIconButton } from '@vben-core/shadcn-ui';
 
-import type { CSSProperties } from 'vue';
-
-import { computed, useSlots } from 'vue';
-
 interface Props {
   /**
    * 背景颜色

packages/@vben-core/uikit/layout-ui/src/components/layout-side.vue

@@ -1,12 +1,11 @@
 <script setup lang="ts">
-import { ScrollArea } from '@vben-core/shadcn-ui';
-import { useNamespace } from '@vben-core/toolkit';
-
 import type { CSSProperties } from 'vue';
-
 // import { onClickOutside } from '@vueuse/core';
 import { computed, ref, shallowRef, useSlots, watchEffect } from 'vue';
 
+import { ScrollArea } from '@vben-core/shadcn-ui';
+import { useNamespace } from '@vben-core/toolkit';
+
 import { SideCollapseButton, SidePinButton } from './widgets';
 
 interface Props {

packages/@vben-core/uikit/layout-ui/src/components/layout-tabs.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import type { CSSProperties } from 'vue';
-
 import { computed } from 'vue';
 
 interface Props {

packages/@vben-core/uikit/layout-ui/src/vben-layout.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { CSSProperties } from 'vue';
+import { computed, ref, watch } from 'vue';
 
 import { useMouse, useScroll, useThrottleFn } from '@vueuse/core';
-import { computed, ref, watch } from 'vue';
 
 import {
   LayoutContent,

packages/@vben-core/uikit/menu-ui/src/components/menu-item.vue

@@ -1,12 +1,12 @@
 <script lang="ts" setup>
-import { VbenIcon, VbenMenuBadge, VbenTooltip } from '@vben-core/shadcn-ui';
-import { useNamespace } from '@vben-core/toolkit';
+import type { MenuItemProps, MenuItemRegistered } from '../interface';
 
 import { computed, onBeforeUnmount, onMounted, reactive, useSlots } from 'vue';
 
-import { useMenu, useMenuContext, useSubMenuContext } from '../hooks';
+import { VbenIcon, VbenMenuBadge, VbenTooltip } from '@vben-core/shadcn-ui';
+import { useNamespace } from '@vben-core/toolkit';
 
-import type { MenuItemProps, MenuItemRegistered } from '../interface';
+import { useMenu, useMenuContext, useSubMenuContext } from '../hooks';
 
 interface Props extends MenuItemProps {}
 

packages/@vben-core/uikit/menu-ui/src/components/menu.vue

@@ -1,8 +1,11 @@
 <script lang="ts" setup>
-import { IcRoundMoreHoriz } from '@vben-core/iconify';
-import { isHttpUrl, useNamespace } from '@vben-core/toolkit';
+import type {
+  MenuItemClicked,
+  MenuItemRegistered,
+  MenuProps,
+  MenuProvider,
+} from '../interface';
 
-import { UseResizeObserverReturn, useResizeObserver } from '@vueuse/core';
 import {
   type VNodeArrayChildren,
   computed,
@@ -15,6 +18,11 @@ import {
   watchEffect,
 } from 'vue';
 
+import { IcRoundMoreHoriz } from '@vben-core/iconify';
+import { isHttpUrl, useNamespace } from '@vben-core/toolkit';
+
+import { UseResizeObserverReturn, useResizeObserver } from '@vueuse/core';
+
 import {
   createMenuContext,
   createSubMenuContext,
@@ -23,13 +31,6 @@ import {
 import { flattedChildren } from '../utils';
 import SubMenu from './sub-menu.vue';
 
-import type {
-  MenuItemClicked,
-  MenuItemRegistered,
-  MenuProps,
-  MenuProvider,
-} from '../interface';
-
 interface Props extends MenuProps {}
 
 defineOptions({ name: 'Menu' });

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

@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import type { MenuRecordRaw } from '@vben-core/typings';
 
+import type { NormalMenuProps } from './normal-menu';
+
 import { VbenIcon } from '@vben-core/shadcn-ui';
 import { useNamespace } from '@vben-core/toolkit';
 
-import type { NormalMenuProps } from './normal-menu';
-
 interface Props extends NormalMenuProps {}
 
 defineOptions({

packages/@vben-core/uikit/menu-ui/src/components/sub-menu-content.vue

@@ -1,4 +1,8 @@
 <script lang="ts" setup>
+import type { MenuItemProps } from '../interface';
+
+import { computed } from 'vue';
+
 import {
   IcRoundChevronRight,
   IcRoundKeyboardArrowDown,
@@ -6,12 +10,8 @@ import {
 import { VbenIcon } from '@vben-core/shadcn-ui';
 import { useNamespace } from '@vben-core/toolkit';
 
-import { computed } from 'vue';
-
 import { useMenuContext } from '../hooks';
 
-import type { MenuItemProps } from '../interface';
-
 interface Props extends MenuItemProps {
   isMenuMore: boolean;
   isTopLevelMenuSubmenu: boolean;

packages/@vben-core/uikit/menu-ui/src/components/sub-menu.vue

@@ -1,11 +1,17 @@
 <script lang="ts" setup>
 import type { HoverCardContentProps } from '@vben-core/shadcn-ui';
 
-import { VbenHoverCard } from '@vben-core/shadcn-ui';
-import { useNamespace } from '@vben-core/toolkit';
+import type {
+  MenuItemRegistered,
+  MenuProvider,
+  SubMenuProps,
+} from '../interface';
 
 import { computed, onBeforeUnmount, onMounted, reactive, ref } from 'vue';
 
+import { VbenHoverCard } from '@vben-core/shadcn-ui';
+import { useNamespace } from '@vben-core/toolkit';
+
 import {
   createSubMenuContext,
   useMenu,
@@ -16,12 +22,6 @@ import {
 import CollapseTransition from './collapse-transition.vue';
 import SubMenuContent from './sub-menu-content.vue';
 
-import type {
-  MenuItemRegistered,
-  MenuProvider,
-  SubMenuProps,
-} from '../interface';
-
 interface Props extends SubMenuProps {
   isSubMenuMore?: boolean;
 }

packages/@vben-core/uikit/menu-ui/src/hooks/use-menu-context.ts

@@ -1,9 +1,9 @@
+import type { MenuProvider, SubMenuProvider } from '../interface';
+
 import { getCurrentInstance, inject, provide } from 'vue';
 
 import { findComponentUpward } from '../utils';
 
-import type { MenuProvider, SubMenuProvider } from '../interface';
-
 const menuContextKey = Symbol('menuContext');
 
 /**

packages/@vben-core/uikit/menu-ui/src/sub-menu.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import type { MenuRecordRaw } from '@vben-core/typings';
 
-import { VbenMenuBadge } from '@vben-core/shadcn-ui';
-
 import { computed } from 'vue';
 
+import { VbenMenuBadge } from '@vben-core/shadcn-ui';
+
 import { MenuItem, SubMenu as SubMenuComp } from './components';
 // eslint-disable-next-line import/no-self-import
 import SubMenu from './sub-menu.vue';

packages/@vben-core/uikit/menu-ui/src/utils/index.ts

@@ -4,7 +4,6 @@ import type {
   VNodeChild,
   VNodeNormalizedChildren,
 } from 'vue';
-
 import { isVNode } from 'vue';
 
 type VNodeChildAtom = Exclude<VNodeChild, Array<any>>;

packages/@vben-core/uikit/shadcn-ui/src/components/avatar/avatar.vue

@@ -6,9 +6,9 @@ import type {
 } from 'radix-vue';
 
 import type { HTMLAttributes } from 'vue';
+import { computed } from 'vue';
 
 import { Avatar, AvatarFallback, AvatarImage } from '#/components/ui/avatar';
-import { computed } from 'vue';
 
 interface Props extends AvatarRootProps, AvatarFallbackProps, AvatarImageProps {
   alt?: string;

packages/@vben-core/uikit/shadcn-ui/src/components/back-top/back-top.vue

@@ -1,13 +1,13 @@
 <script lang="ts" setup>
-import { IcRoundArrowUpward } from '@vben-core/iconify';
+import type { BacktopProps } from './backtop';
 
 import { computed } from 'vue';
 
+import { IcRoundArrowUpward } from '@vben-core/iconify';
+
 import { VbenButton } from '../button';
 import { useBackTop } from './use-backtop';
 
-import type { BacktopProps } from './backtop';
-
 interface Props extends BacktopProps {}
 
 defineOptions({ name: 'BackTop' });

packages/@vben-core/uikit/shadcn-ui/src/components/back-top/use-backtop.ts

@@ -1,7 +1,8 @@
-import { useEventListener, useThrottleFn } from '@vueuse/core';
+import type { BacktopProps } from './backtop';
+
 import { onMounted, ref, shallowRef } from 'vue';
 
-import type { BacktopProps } from './backtop';
+import { useEventListener, useThrottleFn } from '@vueuse/core';
 
 export const useBackTop = (props: BacktopProps) => {
   const el = shallowRef<HTMLElement>();

packages/@vben-core/uikit/shadcn-ui/src/components/breadcrumb/breadcrumb-background.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { VbenIcon } from '../icon';
-
 import type { IBreadcrumb } from './interface';
 
+import { VbenIcon } from '../icon';
+
 interface Props {
   breadcrumbs: IBreadcrumb[];
   showIcon?: boolean;

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

@@ -1,4 +1,6 @@
 <script lang="ts" setup>
+import type { IBreadcrumb } from './interface';
+
 import { IcRoundKeyboardArrowDown } from '@vben-core/iconify';
 
 import {
@@ -18,8 +20,6 @@ import {
 
 import { VbenIcon } from '../';
 
-import type { IBreadcrumb } from './interface';
-
 interface Props {
   breadcrumbs: IBreadcrumb[];
   showIcon?: boolean;

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

@@ -1,12 +1,13 @@
 <script setup lang="ts">
+import type { HTMLAttributes } from 'vue';
+import { computed } from 'vue';
+
 import { MdiLoading } from '@vben-core/iconify';
 
-import type { HTMLAttributes } from 'vue';
+import { Primitive, type PrimitiveProps } from 'radix-vue';
 
 import { type ButtonVariants, buttonVariants } from '#/components/ui/button';
 import { cn } from '#/lib/utils';
-import { Primitive, type PrimitiveProps } from 'radix-vue';
-import { computed } from 'vue';
 
 interface Props extends PrimitiveProps {
   class?: HTMLAttributes['class'];

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

@@ -1,9 +1,11 @@
 <script setup lang="ts">
+import { type HTMLAttributes, computed, useSlots } from 'vue';
+
+import { type PrimitiveProps } from 'radix-vue';
+
 import { VbenTooltip } from '#/components/tooltip';
 import { ButtonVariants } from '#/components/ui/button';
 import { cn } from '#/lib/utils';
-import { type PrimitiveProps } from 'radix-vue';
-import { type HTMLAttributes, computed, useSlots } from 'vue';
 
 import VbenButton from './button.vue';
 

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

@@ -1,9 +1,10 @@
 <script setup lang="ts">
 import type { CheckboxRootEmits, CheckboxRootProps } from 'radix-vue';
 
-import { Checkbox } from '#/components/ui/checkbox';
 import { useForwardPropsEmits } from 'radix-vue';
 
+import { Checkbox } from '#/components/ui/checkbox';
+
 const props = defineProps<
   {
     name: string;

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

@@ -5,7 +5,12 @@ import type {
   ContextMenuRootProps,
 } from 'radix-vue';
 
+import type { IContextMenuItem } from './interface';
+
 import type { HTMLAttributes } from 'vue';
+import { computed } from 'vue';
+
+import { useForwardPropsEmits } from 'radix-vue';
 
 import {
   ContextMenu,
@@ -15,10 +20,6 @@ import {
   ContextMenuShortcut,
   ContextMenuTrigger,
 } from '#/components/ui/context-menu';
-import { useForwardPropsEmits } from 'radix-vue';
-import { computed } from 'vue';
-
-import type { IContextMenuItem } from './interface';
 
 const props = defineProps<
   {

packages/@vben-core/uikit/shadcn-ui/src/components/dropdown-menu/dropdown-menu.vue

@@ -1,4 +1,9 @@
 <script lang="ts" setup>
+import type {
+  DropdownMenuProps,
+  VbenDropdownMenuItem as IDropdownMenuItem,
+} from './interface';
+
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -8,11 +13,6 @@ import {
   DropdownMenuTrigger,
 } from '#/components/ui/dropdown-menu';
 
-import type {
-  DropdownMenuProps,
-  VbenDropdownMenuItem as IDropdownMenuItem,
-} from './interface';
-
 interface Props extends DropdownMenuProps {}
 
 defineOptions({ name: 'DropdownMenu' });

packages/@vben-core/uikit/shadcn-ui/src/components/dropdown-menu/dropdown-radio-menu.vue

@@ -1,4 +1,6 @@
 <script lang="ts" setup>
+import type { DropdownMenuProps } from './interface';
+
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -7,8 +9,6 @@ import {
   DropdownMenuTrigger,
 } from '#/components/ui/dropdown-menu';
 
-import type { DropdownMenuProps } from './interface';
-
 interface Props extends DropdownMenuProps {}
 
 defineOptions({ name: 'DropdownRadioMenu' });

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

@@ -1,13 +1,15 @@
 <script setup lang="ts">
 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';
-import { HoverCardContentProps, useForwardPropsEmits } from 'radix-vue';
-import { HTMLAttributes, computed } from 'vue';
 
 const props = defineProps<
   {

packages/@vben-core/uikit/shadcn-ui/src/components/icon/icon.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
+import { type Component, computed } from 'vue';
+
 import { Icon, IconDefault } from '@vben-core/iconify';
 import { isHttpUrl, isObject, isString } from '@vben-core/toolkit';
 
-import { type Component, computed } from 'vue';
-
 const props = defineProps<{
   // 没有是否显示默认图标
   fallback?: boolean;

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

@@ -1,12 +1,14 @@
 <script setup lang="ts">
+import { ref, useSlots } from 'vue';
+
 import {
   IcOutlineVisibility,
   IcOutlineVisibilityOff,
 } from '@vben-core/iconify';
 
-import { type InputProps, VbenInput } from '#/components/input/index';
 import { useForwardProps } from 'radix-vue';
-import { ref, useSlots } from 'vue';
+
+import { type InputProps, VbenInput } from '#/components/input/index';
 
 import PasswordStrength from './password-strength.vue';
 

packages/@vben-core/uikit/shadcn-ui/src/components/input/input.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { computed } from 'vue';
-
 import type { InputProps } from './interface';
 
+import { computed } from 'vue';
+
 defineOptions({
   inheritAttrs: false,
 });

packages/@vben-core/uikit/shadcn-ui/src/components/menu-badge/menu-badge.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import type { MenuRecordBadgeRaw } from '@vben-core/typings';
 
-import { isValidColor } from '@vben-core/toolkit';
-
 import { computed } from 'vue';
 
+import { isValidColor } from '@vben-core/toolkit';
+
 import BadgeDot from './menu-badge-dot.vue';
 
 interface Props extends MenuRecordBadgeRaw {

packages/@vben-core/uikit/shadcn-ui/src/components/pin-input/input.vue

@@ -1,13 +1,14 @@
 <script setup lang="ts">
+import type { PinInputProps } from './interface';
+
+import { computed, ref, watch } from 'vue';
+
 import { VbenButton } from '#/components/button';
 import {
   PinInput,
   PinInputGroup,
   PinInputInput,
 } from '#/components/ui/pin-input';
-import { computed, ref, watch } from 'vue';
-
-import type { PinInputProps } from './interface';
 
 defineOptions({
   inheritAttrs: false,

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

@@ -5,13 +5,15 @@ import type {
   PopoverRootProps,
 } from 'radix-vue';
 
+import { HTMLAttributes, computed } from 'vue';
+
+import { useForwardPropsEmits } from 'radix-vue';
+
 import {
   PopoverContent,
   Popover as PopoverRoot,
   PopoverTrigger,
 } from '#/components/ui/popover';
-import { useForwardPropsEmits } from 'radix-vue';
-import { HTMLAttributes, computed } from 'vue';
 
 const props = withDefaults(
   defineProps<

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

@@ -1,11 +1,13 @@
 <script setup lang="ts">
-import { Tabs, TabsContent, TabsList } from '#/components/ui/tabs';
-import { TabsTrigger } from 'radix-vue';
+import type { SegmentedItem } from './interface';
+
 import { computed } from 'vue';
 
-import TabsIndicator from './tabs-indicator.vue';
+import { TabsTrigger } from 'radix-vue';
 
-import type { SegmentedItem } from './interface';
+import { Tabs, TabsContent, TabsList } from '#/components/ui/tabs';
+
+import TabsIndicator from './tabs-indicator.vue';
 
 interface Props {
   defaultValue?: string;

packages/@vben-core/uikit/shadcn-ui/src/components/segmented/tabs-indicator.vue

@@ -1,11 +1,13 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import {
   TabsIndicator,
   type TabsIndicatorProps,
   useForwardProps,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & TabsIndicatorProps

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

@@ -1,4 +1,8 @@
 <script setup lang="ts">
+import { computed, useSlots } from 'vue';
+
+import { Cross2Icon } from '@radix-icons/vue';
+
 import { VbenButton, VbenIconButton } from '#/components/button';
 import { ScrollArea } from '#/components/ui/scroll-area';
 import {
@@ -11,8 +15,6 @@ import {
   SheetTitle,
   SheetTrigger,
 } from '#/components/ui/sheet';
-import { Cross2Icon } from '@radix-icons/vue';
-import { computed, useSlots } from 'vue';
 
 interface Props {
   cancelText?: string;

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

@@ -1,11 +1,12 @@
 <script setup lang="ts">
+import { TooltipContentProps } from 'radix-vue';
+
 import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
 } from '#/components/ui/tooltip';
-import { TooltipContentProps } from 'radix-vue';
 
 interface Props {
   delayDuration?: number;

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

@@ -1,8 +1,10 @@
 <script setup lang="ts">
+import { type HTMLAttributes, computed } from 'vue';
+
+import { AlertDialogAction, type AlertDialogActionProps } from 'radix-vue';
+
 import { buttonVariants } from '#/components/ui/button';
 import { cn } from '#/lib/utils';
-import { AlertDialogAction, type AlertDialogActionProps } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & AlertDialogActionProps

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

@@ -1,8 +1,10 @@
 <script setup lang="ts">
+import { type HTMLAttributes, computed } from 'vue';
+
+import { AlertDialogCancel, type AlertDialogCancelProps } from 'radix-vue';
+
 import { buttonVariants } from '#/components/ui/button';
 import { cn } from '#/lib/utils';
-import { AlertDialogCancel, type AlertDialogCancelProps } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & AlertDialogCancelProps

packages/@vben-core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogContent.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import {
   AlertDialogContent,
   type AlertDialogContentEmits,
@@ -8,7 +9,8 @@ import {
   AlertDialogPortal,
   useForwardPropsEmits,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & AlertDialogContentProps

packages/@vben-core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogDescription.vue

@@ -1,10 +1,12 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import {
   AlertDialogDescription,
   type AlertDialogDescriptionProps,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & AlertDialogDescriptionProps

packages/@vben-core/uikit/shadcn-ui/src/components/ui/alert-dialog/AlertDialogTitle.vue

@@ -1,8 +1,10 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
-import { AlertDialogTitle, type AlertDialogTitleProps } from 'radix-vue';
 import { type HTMLAttributes, computed } from 'vue';
 
+import { AlertDialogTitle, type AlertDialogTitleProps } from 'radix-vue';
+
+import { cn } from '#/lib/utils';
+
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & AlertDialogTitleProps
 >();

packages/@vben-core/uikit/shadcn-ui/src/components/ui/avatar/Avatar.vue

@@ -1,9 +1,10 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
 
-import { cn } from '#/lib/utils';
 import { AvatarRoot } from 'radix-vue';
 
+import { cn } from '#/lib/utils';
+
 import { type AvatarVariants, avatarVariant } from './avatar';
 
 const props = withDefaults(

packages/@vben-core/uikit/shadcn-ui/src/components/ui/breadcrumb/BreadcrumbEllipsis.vue

@@ -1,9 +1,10 @@
 <script lang="ts" setup>
 import type { HTMLAttributes } from 'vue';
 
-import { cn } from '#/lib/utils';
 import { DotsHorizontalIcon } from '@radix-icons/vue';
 
+import { cn } from '#/lib/utils';
+
 const props = defineProps<{
   class?: HTMLAttributes['class'];
 }>();

packages/@vben-core/uikit/shadcn-ui/src/components/ui/breadcrumb/BreadcrumbLink.vue

@@ -1,9 +1,10 @@
 <script lang="ts" setup>
 import type { HTMLAttributes } from 'vue';
 
-import { cn } from '#/lib/utils';
 import { Primitive, type PrimitiveProps } from 'radix-vue';
 
+import { cn } from '#/lib/utils';
+
 const props = withDefaults(
   defineProps<{ class?: HTMLAttributes['class'] } & PrimitiveProps>(),
   {

packages/@vben-core/uikit/shadcn-ui/src/components/ui/breadcrumb/BreadcrumbSeparator.vue

@@ -1,9 +1,10 @@
 <script lang="ts" setup>
 import type { HTMLAttributes } from 'vue';
 
-import { cn } from '#/lib/utils';
 import { ChevronRightIcon } from '@radix-icons/vue';
 
+import { cn } from '#/lib/utils';
+
 const props = defineProps<{
   class?: HTMLAttributes['class'];
 }>();

packages/@vben-core/uikit/shadcn-ui/src/components/ui/button/Button.vue

@@ -1,9 +1,10 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
 
-import { cn } from '#/lib/utils';
 import { Primitive, type PrimitiveProps } from 'radix-vue';
 
+import { cn } from '#/lib/utils';
+
 import { type ButtonVariants, buttonVariants } from './button';
 
 interface Props extends PrimitiveProps {

packages/@vben-core/uikit/shadcn-ui/src/components/ui/checkbox/Checkbox.vue

@@ -1,14 +1,16 @@
 <script setup lang="ts">
 import type { CheckboxRootEmits, CheckboxRootProps } from 'radix-vue';
 
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import { CheckIcon } from '@radix-icons/vue';
 import {
   CheckboxIndicator,
   CheckboxRoot,
   useForwardPropsEmits,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & CheckboxRootProps

packages/@vben-core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuCheckboxItem.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import { CheckIcon } from '@radix-icons/vue';
 import {
   ContextMenuCheckboxItem,
@@ -8,7 +9,8 @@ import {
   ContextMenuItemIndicator,
   useForwardPropsEmits,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & ContextMenuCheckboxItemProps

packages/@vben-core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuContent.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import {
   ContextMenuContent,
   type ContextMenuContentEmits,
@@ -7,7 +8,8 @@ import {
   ContextMenuPortal,
   useForwardPropsEmits,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & ContextMenuContentProps

packages/@vben-core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuItem.vue

@@ -1,12 +1,14 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import {
   ContextMenuItem,
   type ContextMenuItemEmits,
   type ContextMenuItemProps,
   useForwardPropsEmits,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = defineProps<
   { class?: HTMLAttributes['class']; inset?: boolean } & ContextMenuItemProps

packages/@vben-core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuLabel.vue

@@ -1,8 +1,10 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
-import { ContextMenuLabel, type ContextMenuLabelProps } from 'radix-vue';
 import { type HTMLAttributes, computed } from 'vue';
 
+import { ContextMenuLabel, type ContextMenuLabelProps } from 'radix-vue';
+
+import { cn } from '#/lib/utils';
+
 const props = defineProps<
   { class?: HTMLAttributes['class']; inset?: boolean } & ContextMenuLabelProps
 >();

packages/@vben-core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuRadioItem.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import { DotFilledIcon } from '@radix-icons/vue';
 import {
   ContextMenuItemIndicator,
@@ -8,7 +9,8 @@ import {
   type ContextMenuRadioItemProps,
   useForwardPropsEmits,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & ContextMenuRadioItemProps

packages/@vben-core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuSeparator.vue

@@ -1,10 +1,12 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import {
   ContextMenuSeparator,
   type ContextMenuSeparatorProps,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & ContextMenuSeparatorProps

packages/@vben-core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuSubContent.vue

@@ -1,12 +1,14 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import {
   ContextMenuSubContent,
   type DropdownMenuSubContentEmits,
   type DropdownMenuSubContentProps,
   useForwardPropsEmits,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & DropdownMenuSubContentProps

packages/@vben-core/uikit/shadcn-ui/src/components/ui/context-menu/ContextMenuSubTrigger.vue

@@ -1,12 +1,14 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import { ChevronRightIcon } from '@radix-icons/vue';
 import {
   ContextMenuSubTrigger,
   type ContextMenuSubTriggerProps,
   useForwardProps,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = defineProps<
   {

packages/@vben-core/uikit/shadcn-ui/src/components/ui/dialog/DialogContent.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import { Cross2Icon } from '@radix-icons/vue';
 import {
   DialogClose,
@@ -10,7 +11,8 @@ import {
   DialogPortal,
   useForwardPropsEmits,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & DialogContentProps

packages/@vben-core/uikit/shadcn-ui/src/components/ui/dialog/DialogDescription.vue

@@ -1,11 +1,13 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import {
   DialogDescription,
   type DialogDescriptionProps,
   useForwardProps,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & DialogDescriptionProps

packages/@vben-core/uikit/shadcn-ui/src/components/ui/dialog/DialogScrollContent.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import {
   DialogClose,
   DialogContent,
@@ -9,7 +10,8 @@ import {
   DialogPortal,
   useForwardPropsEmits,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & DialogContentProps

packages/@vben-core/uikit/shadcn-ui/src/components/ui/dialog/DialogTitle.vue

@@ -1,8 +1,10 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
-import { DialogTitle, type DialogTitleProps, useForwardProps } from 'radix-vue';
 import { type HTMLAttributes, computed } from 'vue';
 
+import { DialogTitle, type DialogTitleProps, useForwardProps } from 'radix-vue';
+
+import { cn } from '#/lib/utils';
+
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & DialogTitleProps
 >();

packages/@vben-core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import { CheckIcon } from '@radix-icons/vue';
 import {
   DropdownMenuCheckboxItem,
@@ -8,7 +9,8 @@ import {
   DropdownMenuItemIndicator,
   useForwardPropsEmits,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & DropdownMenuCheckboxItemProps

packages/@vben-core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuContent.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import {
   DropdownMenuContent,
   type DropdownMenuContentEmits,
@@ -7,7 +8,8 @@ import {
   DropdownMenuPortal,
   useForwardPropsEmits,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = withDefaults(
   defineProps<{ class?: HTMLAttributes['class'] } & DropdownMenuContentProps>(),

packages/@vben-core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuItem.vue

@@ -1,11 +1,13 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import {
   DropdownMenuItem,
   type DropdownMenuItemProps,
   useForwardProps,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = defineProps<
   { class?: HTMLAttributes['class']; inset?: boolean } & DropdownMenuItemProps

packages/@vben-core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuLabel.vue

@@ -1,11 +1,13 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import {
   DropdownMenuLabel,
   type DropdownMenuLabelProps,
   useForwardProps,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = defineProps<
   { class?: HTMLAttributes['class']; inset?: boolean } & DropdownMenuLabelProps

packages/@vben-core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import { DotFilledIcon } from '@radix-icons/vue';
 import {
   DropdownMenuItemIndicator,
@@ -8,7 +9,8 @@ import {
   type DropdownMenuRadioItemProps,
   useForwardPropsEmits,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & DropdownMenuRadioItemProps

packages/@vben-core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuSeparator.vue

@@ -1,10 +1,12 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import {
   DropdownMenuSeparator,
   type DropdownMenuSeparatorProps,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = defineProps<
   {

packages/@vben-core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuSubContent.vue

@@ -1,12 +1,14 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import {
   DropdownMenuSubContent,
   type DropdownMenuSubContentEmits,
   type DropdownMenuSubContentProps,
   useForwardPropsEmits,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & DropdownMenuSubContentProps

packages/@vben-core/uikit/shadcn-ui/src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue

@@ -1,12 +1,14 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import { ChevronRightIcon } from '@radix-icons/vue';
 import {
   DropdownMenuSubTrigger,
   type DropdownMenuSubTriggerProps,
   useForwardProps,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & DropdownMenuSubTriggerProps

packages/@vben-core/uikit/shadcn-ui/src/components/ui/hover-card/HoverCardContent.vue

@@ -1,12 +1,14 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import {
   HoverCardContent,
   type HoverCardContentProps,
   HoverCardPortal,
   useForwardProps,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = withDefaults(
   defineProps<{ class?: HTMLAttributes['class'] } & HoverCardContentProps>(),

packages/@vben-core/uikit/shadcn-ui/src/components/ui/pin-input/PinInput.vue

@@ -1,12 +1,14 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import {
   PinInputRoot,
   type PinInputRootEmits,
   type PinInputRootProps,
   useForwardPropsEmits,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & PinInputRootProps

packages/@vben-core/uikit/shadcn-ui/src/components/ui/pin-input/PinInputGroup.vue

@@ -1,8 +1,10 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
-import { Primitive, type PrimitiveProps, useForwardProps } from 'radix-vue';
 import { type HTMLAttributes, computed } from 'vue';
 
+import { Primitive, type PrimitiveProps, useForwardProps } from 'radix-vue';
+
+import { cn } from '#/lib/utils';
+
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & PrimitiveProps
 >();

packages/@vben-core/uikit/shadcn-ui/src/components/ui/pin-input/PinInputInput.vue

@@ -1,11 +1,13 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import {
   PinInputInput,
   type PinInputInputProps,
   useForwardProps,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & PinInputInputProps

packages/@vben-core/uikit/shadcn-ui/src/components/ui/popover/PopoverContent.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import {
   PopoverContent,
   type PopoverContentEmits,
@@ -7,7 +8,8 @@ import {
   PopoverPortal,
   useForwardPropsEmits,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 defineOptions({
   inheritAttrs: false,

packages/@vben-core/uikit/shadcn-ui/src/components/ui/scroll-area/ScrollArea.vue

@@ -1,12 +1,14 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import {
   ScrollAreaCorner,
   ScrollAreaRoot,
   type ScrollAreaRootProps,
   ScrollAreaViewport,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 import ScrollBar from './ScrollBar.vue';
 

packages/@vben-core/uikit/shadcn-ui/src/components/ui/scroll-area/ScrollBar.vue

@@ -1,11 +1,13 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import {
   ScrollAreaScrollbar,
   type ScrollAreaScrollbarProps,
   ScrollAreaThumb,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = withDefaults(
   defineProps<{ class?: HTMLAttributes['class'] } & ScrollAreaScrollbarProps>(),

packages/@vben-core/uikit/shadcn-ui/src/components/ui/select/SelectContent.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import {
   SelectContent,
   type SelectContentEmits,
@@ -8,7 +9,8 @@ import {
   SelectViewport,
   useForwardPropsEmits,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 import { SelectScrollDownButton, SelectScrollUpButton } from '.';
 

packages/@vben-core/uikit/shadcn-ui/src/components/ui/select/SelectGroup.vue

@@ -1,8 +1,10 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
-import { SelectGroup, type SelectGroupProps } from 'radix-vue';
 import { type HTMLAttributes, computed } from 'vue';
 
+import { SelectGroup, type SelectGroupProps } from 'radix-vue';
+
+import { cn } from '#/lib/utils';
+
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & SelectGroupProps
 >();

packages/@vben-core/uikit/shadcn-ui/src/components/ui/select/SelectItem.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import { CheckIcon } from '@radix-icons/vue';
 import {
   SelectItem,
@@ -8,7 +9,8 @@ import {
   SelectItemText,
   useForwardProps,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & SelectItemProps

packages/@vben-core/uikit/shadcn-ui/src/components/ui/select/SelectLabel.vue

@@ -1,9 +1,10 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
 
-import { cn } from '#/lib/utils';
 import { SelectLabel, type SelectLabelProps } from 'radix-vue';
 
+import { cn } from '#/lib/utils';
+
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & SelectLabelProps
 >();

packages/@vben-core/uikit/shadcn-ui/src/components/ui/select/SelectScrollDownButton.vue

@@ -1,12 +1,14 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import { ChevronDownIcon } from '@radix-icons/vue';
 import {
   SelectScrollDownButton,
   type SelectScrollDownButtonProps,
   useForwardProps,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & SelectScrollDownButtonProps

packages/@vben-core/uikit/shadcn-ui/src/components/ui/select/SelectScrollUpButton.vue

@@ -1,12 +1,14 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import { ChevronUpIcon } from '@radix-icons/vue';
 import {
   SelectScrollUpButton,
   type SelectScrollUpButtonProps,
   useForwardProps,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & SelectScrollUpButtonProps

packages/@vben-core/uikit/shadcn-ui/src/components/ui/select/SelectSeparator.vue

@@ -1,8 +1,10 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
-import { SelectSeparator, type SelectSeparatorProps } from 'radix-vue';
 import { type HTMLAttributes, computed } from 'vue';
 
+import { SelectSeparator, type SelectSeparatorProps } from 'radix-vue';
+
+import { cn } from '#/lib/utils';
+
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & SelectSeparatorProps
 >();

packages/@vben-core/uikit/shadcn-ui/src/components/ui/select/SelectTrigger.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import { CaretSortIcon } from '@radix-icons/vue';
 import {
   SelectIcon,
@@ -7,7 +8,8 @@ import {
   type SelectTriggerProps,
   useForwardProps,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & SelectTriggerProps

packages/@vben-core/uikit/shadcn-ui/src/components/ui/sheet/SheetContent.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import {
   DialogContent,
   type DialogContentEmits,
@@ -8,7 +9,8 @@ import {
   DialogPortal,
   useForwardPropsEmits,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 import { type SheetVariants, sheetVariants } from './sheet';
 

packages/@vben-core/uikit/shadcn-ui/src/components/ui/sheet/SheetDescription.vue

@@ -1,8 +1,10 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
-import { DialogDescription, type DialogDescriptionProps } from 'radix-vue';
 import { type HTMLAttributes, computed } from 'vue';
 
+import { DialogDescription, type DialogDescriptionProps } from 'radix-vue';
+
+import { cn } from '#/lib/utils';
+
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & DialogDescriptionProps
 >();

packages/@vben-core/uikit/shadcn-ui/src/components/ui/sheet/SheetTitle.vue

@@ -1,8 +1,10 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
-import { DialogTitle, type DialogTitleProps } from 'radix-vue';
 import { type HTMLAttributes, computed } from 'vue';
 
+import { DialogTitle, type DialogTitleProps } from 'radix-vue';
+
+import { cn } from '#/lib/utils';
+
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & DialogTitleProps
 >();

packages/@vben-core/uikit/shadcn-ui/src/components/ui/switch/Switch.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import {
   SwitchRoot,
   type SwitchRootEmits,
@@ -7,7 +8,8 @@ import {
   SwitchThumb,
   useForwardPropsEmits,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & SwitchRootProps

packages/@vben-core/uikit/shadcn-ui/src/components/ui/tabs/TabsContent.vue

@@ -1,8 +1,10 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
-import { TabsContent, type TabsContentProps } from 'radix-vue';
 import { type HTMLAttributes, computed } from 'vue';
 
+import { TabsContent, type TabsContentProps } from 'radix-vue';
+
+import { cn } from '#/lib/utils';
+
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & TabsContentProps
 >();

packages/@vben-core/uikit/shadcn-ui/src/components/ui/tabs/TabsList.vue

@@ -1,8 +1,10 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
-import { TabsList, type TabsListProps } from 'radix-vue';
 import { type HTMLAttributes, computed } from 'vue';
 
+import { TabsList, type TabsListProps } from 'radix-vue';
+
+import { cn } from '#/lib/utils';
+
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & TabsListProps
 >();

packages/@vben-core/uikit/shadcn-ui/src/components/ui/tabs/TabsTrigger.vue

@@ -1,8 +1,10 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
-import { TabsTrigger, type TabsTriggerProps, useForwardProps } from 'radix-vue';
 import { type HTMLAttributes, computed } from 'vue';
 
+import { TabsTrigger, type TabsTriggerProps, useForwardProps } from 'radix-vue';
+
+import { cn } from '#/lib/utils';
+
 const props = defineProps<
   { class?: HTMLAttributes['class'] } & TabsTriggerProps
 >();

packages/@vben-core/uikit/shadcn-ui/src/components/ui/toggle-group/ToggleGroup.vue

@@ -1,15 +1,18 @@
 <script setup lang="ts">
-import type { toggleVariants } from '#/components/ui/toggle';
 import type { VariantProps } from 'class-variance-authority';
 
-import { cn } from '#/lib/utils';
+import type { toggleVariants } from '#/components/ui/toggle';
+
+import { type HTMLAttributes, computed, provide } from 'vue';
+
 import {
   ToggleGroupRoot,
   type ToggleGroupRootEmits,
   type ToggleGroupRootProps,
   useForwardPropsEmits,
 } from 'radix-vue';
-import { type HTMLAttributes, computed, provide } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 type ToggleGroupVariants = VariantProps<typeof toggleVariants>;
 

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

@@ -1,14 +1,16 @@
 <script setup lang="ts">
 import type { VariantProps } from 'class-variance-authority';
 
-import { toggleVariants } from '#/components/ui/toggle';
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed, inject } from 'vue';
+
 import {
   ToggleGroupItem,
   type ToggleGroupItemProps,
   useForwardProps,
 } from 'radix-vue';
-import { type HTMLAttributes, computed, inject } from 'vue';
+
+import { toggleVariants } from '#/components/ui/toggle';
+import { cn } from '#/lib/utils';
 
 type ToggleGroupVariants = VariantProps<typeof toggleVariants>;
 

packages/@vben-core/uikit/shadcn-ui/src/components/ui/toggle/Toggle.vue

@@ -1,12 +1,14 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import {
   Toggle,
   type ToggleEmits,
   type ToggleProps,
   useForwardPropsEmits,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 import { type ToggleVariants, toggleVariants } from './toggle';
 

packages/@vben-core/uikit/shadcn-ui/src/components/ui/tooltip/TooltipContent.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { cn } from '#/lib/utils';
+import { type HTMLAttributes, computed } from 'vue';
+
 import {
   TooltipContent,
   type TooltipContentEmits,
@@ -7,7 +8,8 @@ import {
   TooltipPortal,
   useForwardPropsEmits,
 } from 'radix-vue';
-import { type HTMLAttributes, computed } from 'vue';
+
+import { cn } from '#/lib/utils';
 
 defineOptions({
   inheritAttrs: false,

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

@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import type { TabItem } from '@vben-core/typings';
 
-import { useNamespace } from '@vben-core/toolkit';
+import type { TabsProps } from '../../interface';
 
 import { computed, nextTick, onMounted, ref, watch } from 'vue';
 
-import Tab from './tab.vue';
+import { useNamespace } from '@vben-core/toolkit';
 
-import type { TabsProps } from '../../interface';
+import Tab from './tab.vue';
 
 interface Props extends TabsProps {}