diff --git a/client/src/components/RadiusPicker.vue b/client/src/components/RadiusPicker.vue index 11077b937..083e2fb2b 100644 --- a/client/src/components/RadiusPicker.vue +++ b/client/src/components/RadiusPicker.vue @@ -4,7 +4,7 @@ import { useThemeStore } from '@/stores/theme' const themeStore = useThemeStore() const shapes = [ - { id: 'sharp' as const, rx: '1' }, + { id: 'sharp' as const, rx: '1' }, { id: 'default' as const, rx: '4' }, { id: 'rounded' as const, rx: '9' }, ] diff --git a/client/src/components/ui/badge/Badge.vue b/client/src/components/ui/badge/Badge.vue index d894dfe08..eea882cd7 100644 --- a/client/src/components/ui/badge/Badge.vue +++ b/client/src/components/ui/badge/Badge.vue @@ -1,26 +1,24 @@ diff --git a/client/src/components/ui/badge/index.ts b/client/src/components/ui/badge/index.ts index bbc0dfa3b..f604c5a00 100644 --- a/client/src/components/ui/badge/index.ts +++ b/client/src/components/ui/badge/index.ts @@ -1,25 +1,22 @@ -import type { VariantProps } from "class-variance-authority" -import { cva } from "class-variance-authority" +import type { VariantProps } from 'class-variance-authority' +import { cva } from 'class-variance-authority' -export { default as Badge } from "./Badge.vue" +export { default as Badge } from './Badge.vue' export const badgeVariants = cva( - "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", + 'inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden', { variants: { variant: { - default: - "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90", - secondary: - "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90", + default: 'border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90', + secondary: 'border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90', destructive: - "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60", - outline: - "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground", + 'border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60', + outline: 'text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground', }, }, defaultVariants: { - variant: "default", + variant: 'default', }, }, ) diff --git a/client/src/components/ui/button/Button.vue b/client/src/components/ui/button/Button.vue index 3763470a1..1b6a51205 100644 --- a/client/src/components/ui/button/Button.vue +++ b/client/src/components/ui/button/Button.vue @@ -1,19 +1,19 @@ diff --git a/client/src/components/ui/button/index.ts b/client/src/components/ui/button/index.ts index 26e2c559c..4a3d4f7ed 100644 --- a/client/src/components/ui/button/index.ts +++ b/client/src/components/ui/button/index.ts @@ -1,37 +1,34 @@ -import type { VariantProps } from "class-variance-authority" -import { cva } from "class-variance-authority" +import type { VariantProps } from 'class-variance-authority' +import { cva } from 'class-variance-authority' -export { default as Button } from "./Button.vue" +export { default as Button } from './Button.vue' export const buttonVariants = cva( "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", { variants: { variant: { - default: - "bg-primary text-primary-foreground hover:bg-primary/90", + default: 'bg-primary text-primary-foreground hover:bg-primary/90', destructive: - "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60", + 'bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60', outline: - "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50", - secondary: - "bg-secondary text-secondary-foreground hover:bg-secondary/80", - ghost: - "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50", - link: "text-primary underline-offset-4 hover:underline", + 'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50', + secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80', + ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50', + link: 'text-primary underline-offset-4 hover:underline', }, size: { - "default": "h-9 px-4 py-2 has-[>svg]:px-3", - "sm": "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5", - "lg": "h-10 rounded-md px-6 has-[>svg]:px-4", - "icon": "size-9", - "icon-sm": "size-8", - "icon-lg": "size-10", + default: 'h-9 px-4 py-2 has-[>svg]:px-3', + sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5', + lg: 'h-10 rounded-md px-6 has-[>svg]:px-4', + icon: 'size-9', + 'icon-sm': 'size-8', + 'icon-lg': 'size-10', }, }, defaultVariants: { - variant: "default", - size: "default", + variant: 'default', + size: 'default', }, }, ) diff --git a/client/src/components/ui/dropdown-menu/DropdownMenu.vue b/client/src/components/ui/dropdown-menu/DropdownMenu.vue index e1c9ee304..19c2339f8 100644 --- a/client/src/components/ui/dropdown-menu/DropdownMenu.vue +++ b/client/src/components/ui/dropdown-menu/DropdownMenu.vue @@ -1,6 +1,6 @@ diff --git a/client/src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue b/client/src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue index 1253078dc..97cb4fec6 100644 --- a/client/src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue +++ b/client/src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue @@ -1,19 +1,15 @@ @@ -22,10 +18,12 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits) diff --git a/client/src/components/ui/dropdown-menu/DropdownMenuContent.vue b/client/src/components/ui/dropdown-menu/DropdownMenuContent.vue index 7c4301413..833df45d0 100644 --- a/client/src/components/ui/dropdown-menu/DropdownMenuContent.vue +++ b/client/src/components/ui/dropdown-menu/DropdownMenuContent.vue @@ -1,27 +1,20 @@ @@ -31,7 +24,12 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits) diff --git a/client/src/components/ui/dropdown-menu/DropdownMenuGroup.vue b/client/src/components/ui/dropdown-menu/DropdownMenuGroup.vue index da634ec09..33184b8d3 100644 --- a/client/src/components/ui/dropdown-menu/DropdownMenuGroup.vue +++ b/client/src/components/ui/dropdown-menu/DropdownMenuGroup.vue @@ -1,15 +1,12 @@ diff --git a/client/src/components/ui/dropdown-menu/DropdownMenuItem.vue b/client/src/components/ui/dropdown-menu/DropdownMenuItem.vue index f56cae3e7..291031e32 100644 --- a/client/src/components/ui/dropdown-menu/DropdownMenuItem.vue +++ b/client/src/components/ui/dropdown-menu/DropdownMenuItem.vue @@ -1,19 +1,24 @@ @@ -24,7 +29,12 @@ const forwardedProps = useForwardProps(delegatedProps) :data-inset="inset ? '' : undefined" :data-variant="variant" v-bind="forwardedProps" - :class="cn('focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*=\'text-\'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4', props.class)" + :class=" + cn( + 'focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*=\'text-\'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4', + props.class, + ) + " > diff --git a/client/src/components/ui/dropdown-menu/DropdownMenuLabel.vue b/client/src/components/ui/dropdown-menu/DropdownMenuLabel.vue index 8bca83c43..493324cac 100644 --- a/client/src/components/ui/dropdown-menu/DropdownMenuLabel.vue +++ b/client/src/components/ui/dropdown-menu/DropdownMenuLabel.vue @@ -1,13 +1,13 @@ diff --git a/client/src/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue b/client/src/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue index fe82cadd7..8f67ecfc0 100644 --- a/client/src/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue +++ b/client/src/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue @@ -1,9 +1,6 @@ diff --git a/client/src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue b/client/src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue index e03c40c5a..afbf61734 100644 --- a/client/src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue +++ b/client/src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue @@ -1,20 +1,16 @@ @@ -23,10 +19,12 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits) diff --git a/client/src/components/ui/dropdown-menu/DropdownMenuSeparator.vue b/client/src/components/ui/dropdown-menu/DropdownMenuSeparator.vue index 1b936c392..48030f5d6 100644 --- a/client/src/components/ui/dropdown-menu/DropdownMenuSeparator.vue +++ b/client/src/components/ui/dropdown-menu/DropdownMenuSeparator.vue @@ -1,23 +1,19 @@ diff --git a/client/src/components/ui/dropdown-menu/DropdownMenuShortcut.vue b/client/src/components/ui/dropdown-menu/DropdownMenuShortcut.vue index 60be75cc9..b8e8c12ad 100644 --- a/client/src/components/ui/dropdown-menu/DropdownMenuShortcut.vue +++ b/client/src/components/ui/dropdown-menu/DropdownMenuShortcut.vue @@ -1,17 +1,14 @@ diff --git a/client/src/components/ui/dropdown-menu/DropdownMenuSub.vue b/client/src/components/ui/dropdown-menu/DropdownMenuSub.vue index 7472e77f5..3d6207522 100644 --- a/client/src/components/ui/dropdown-menu/DropdownMenuSub.vue +++ b/client/src/components/ui/dropdown-menu/DropdownMenuSub.vue @@ -1,9 +1,6 @@ @@ -20,7 +17,12 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits) diff --git a/client/src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue b/client/src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue index 090649116..807ffbf0e 100644 --- a/client/src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue +++ b/client/src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue @@ -1,17 +1,14 @@ @@ -20,10 +17,12 @@ const forwardedProps = useForwardProps(delegatedProps) data-slot="dropdown-menu-sub-trigger" v-bind="forwardedProps" :data-inset="inset ? '' : undefined" - :class="cn( - 'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4 data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*=\'text-\'])]:text-muted-foreground', - props.class, - )" + :class=" + cn( + 'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4 data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*=\'text-\'])]:text-muted-foreground', + props.class, + ) + " > diff --git a/client/src/components/ui/dropdown-menu/DropdownMenuTrigger.vue b/client/src/components/ui/dropdown-menu/DropdownMenuTrigger.vue index 75cd7472c..3c58c78cc 100644 --- a/client/src/components/ui/dropdown-menu/DropdownMenuTrigger.vue +++ b/client/src/components/ui/dropdown-menu/DropdownMenuTrigger.vue @@ -1,6 +1,6 @@ diff --git a/client/src/components/ui/dropdown-menu/index.ts b/client/src/components/ui/dropdown-menu/index.ts index 955fe3aa0..f488d3965 100644 --- a/client/src/components/ui/dropdown-menu/index.ts +++ b/client/src/components/ui/dropdown-menu/index.ts @@ -1,16 +1,16 @@ -export { default as DropdownMenu } from "./DropdownMenu.vue" +export { default as DropdownMenu } from './DropdownMenu.vue' -export { default as DropdownMenuCheckboxItem } from "./DropdownMenuCheckboxItem.vue" -export { default as DropdownMenuContent } from "./DropdownMenuContent.vue" -export { default as DropdownMenuGroup } from "./DropdownMenuGroup.vue" -export { default as DropdownMenuItem } from "./DropdownMenuItem.vue" -export { default as DropdownMenuLabel } from "./DropdownMenuLabel.vue" -export { default as DropdownMenuRadioGroup } from "./DropdownMenuRadioGroup.vue" -export { default as DropdownMenuRadioItem } from "./DropdownMenuRadioItem.vue" -export { default as DropdownMenuSeparator } from "./DropdownMenuSeparator.vue" -export { default as DropdownMenuShortcut } from "./DropdownMenuShortcut.vue" -export { default as DropdownMenuSub } from "./DropdownMenuSub.vue" -export { default as DropdownMenuSubContent } from "./DropdownMenuSubContent.vue" -export { default as DropdownMenuSubTrigger } from "./DropdownMenuSubTrigger.vue" -export { default as DropdownMenuTrigger } from "./DropdownMenuTrigger.vue" -export { DropdownMenuPortal } from "reka-ui" +export { default as DropdownMenuCheckboxItem } from './DropdownMenuCheckboxItem.vue' +export { default as DropdownMenuContent } from './DropdownMenuContent.vue' +export { default as DropdownMenuGroup } from './DropdownMenuGroup.vue' +export { default as DropdownMenuItem } from './DropdownMenuItem.vue' +export { default as DropdownMenuLabel } from './DropdownMenuLabel.vue' +export { default as DropdownMenuRadioGroup } from './DropdownMenuRadioGroup.vue' +export { default as DropdownMenuRadioItem } from './DropdownMenuRadioItem.vue' +export { default as DropdownMenuSeparator } from './DropdownMenuSeparator.vue' +export { default as DropdownMenuShortcut } from './DropdownMenuShortcut.vue' +export { default as DropdownMenuSub } from './DropdownMenuSub.vue' +export { default as DropdownMenuSubContent } from './DropdownMenuSubContent.vue' +export { default as DropdownMenuSubTrigger } from './DropdownMenuSubTrigger.vue' +export { default as DropdownMenuTrigger } from './DropdownMenuTrigger.vue' +export { DropdownMenuPortal } from 'reka-ui' diff --git a/client/src/components/ui/input/Input.vue b/client/src/components/ui/input/Input.vue index e5135c143..e12fe9dd1 100644 --- a/client/src/components/ui/input/Input.vue +++ b/client/src/components/ui/input/Input.vue @@ -1,19 +1,19 @@ diff --git a/client/src/components/ui/popover/PopoverAnchor.vue b/client/src/components/ui/popover/PopoverAnchor.vue index 49e01dbc5..17090ef1a 100644 --- a/client/src/components/ui/popover/PopoverAnchor.vue +++ b/client/src/components/ui/popover/PopoverAnchor.vue @@ -1,15 +1,12 @@ diff --git a/client/src/components/ui/popover/PopoverContent.vue b/client/src/components/ui/popover/PopoverContent.vue index cf1e55c50..841dcac90 100644 --- a/client/src/components/ui/popover/PopoverContent.vue +++ b/client/src/components/ui/popover/PopoverContent.vue @@ -1,28 +1,21 @@ diff --git a/client/src/components/ui/popover/PopoverTrigger.vue b/client/src/components/ui/popover/PopoverTrigger.vue index fd3b4974d..1f3431315 100644 --- a/client/src/components/ui/popover/PopoverTrigger.vue +++ b/client/src/components/ui/popover/PopoverTrigger.vue @@ -1,15 +1,12 @@ diff --git a/client/src/components/ui/popover/index.ts b/client/src/components/ui/popover/index.ts index 66edf89f6..d724e785f 100644 --- a/client/src/components/ui/popover/index.ts +++ b/client/src/components/ui/popover/index.ts @@ -1,4 +1,4 @@ -export { default as Popover } from "./Popover.vue" -export { default as PopoverAnchor } from "./PopoverAnchor.vue" -export { default as PopoverContent } from "./PopoverContent.vue" -export { default as PopoverTrigger } from "./PopoverTrigger.vue" +export { default as Popover } from './Popover.vue' +export { default as PopoverAnchor } from './PopoverAnchor.vue' +export { default as PopoverContent } from './PopoverContent.vue' +export { default as PopoverTrigger } from './PopoverTrigger.vue' diff --git a/client/src/components/ui/separator/Separator.vue b/client/src/components/ui/separator/Separator.vue index 78d60eca1..e9665caee 100644 --- a/client/src/components/ui/separator/Separator.vue +++ b/client/src/components/ui/separator/Separator.vue @@ -1,18 +1,16 @@