+
diff --git a/components/ui/alert/AlertTitle.vue b/components/ui/alert/AlertTitle.vue
index 27ee82a..7ca5d36 100644
--- a/components/ui/alert/AlertTitle.vue
+++ b/components/ui/alert/AlertTitle.vue
@@ -8,7 +8,10 @@ const props = defineProps<{
-
+
-
+
diff --git a/components/ui/alert/index.ts b/components/ui/alert/index.ts
index b2e9ee6..d6dda88 100644
--- a/components/ui/alert/index.ts
+++ b/components/ui/alert/index.ts
@@ -5,19 +5,23 @@ export { default as AlertDescription } from "./AlertDescription.vue";
export { default as AlertTitle } from "./AlertTitle.vue";
export const alertVariants = cva(
- "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg]:size-4",
+ "relative w-full rounded-lg border px-4 py-3 grid text-sm [&>svg]:size-4 [&>svg]:text-current",
{
variants: {
variant: {
- default: "bg-background text-foreground",
+ default: "bg-card text-card-foreground",
destructive:
- "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
- warning:
- "border-warning/50 text-warning dark:border-warning [&>svg]:text-warning",
+ "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",
+ },
+ layout: {
+ default:
+ "has-[>svg]:grid-cols-[1fr_auto] grid-rows-2 gap-x-3 gap-y-1 items-start",
+ button: "grid-cols-[auto_1fr_auto] items-center gap-x-3 gap-y-0.5 *:data-[slot=alert-description]:col-start-2 *:data-[slot=alert-description]:row-start-2 has-[>[data-slot=alert-description]]:[&>button]:row-span-2",
},
},
defaultVariants: {
variant: "default",
+ layout: "default",
},
},
);
diff --git a/components/ui/avatar/Avatar.vue b/components/ui/avatar/Avatar.vue
index 2d8afca..9cde235 100644
--- a/components/ui/avatar/Avatar.vue
+++ b/components/ui/avatar/Avatar.vue
@@ -2,23 +2,17 @@
import { cn } from "@/lib/utils";
import { AvatarRoot } from "reka-ui";
import type { HTMLAttributes } from "vue";
-import { type AvatarVariants, avatarVariant } from ".";
-const props = withDefaults(
- defineProps<{
- class?: HTMLAttributes["class"];
- size?: AvatarVariants["size"];
- shape?: AvatarVariants["shape"];
- }>(),
- {
- size: "sm",
- shape: "circle",
- },
-);
+const props = defineProps<{
+ class?: HTMLAttributes["class"];
+}>();
-
+
diff --git a/components/ui/avatar/AvatarFallback.vue b/components/ui/avatar/AvatarFallback.vue
index 4a79420..1ad05d4 100644
--- a/components/ui/avatar/AvatarFallback.vue
+++ b/components/ui/avatar/AvatarFallback.vue
@@ -1,11 +1,25 @@
-
+
diff --git a/components/ui/avatar/AvatarImage.vue b/components/ui/avatar/AvatarImage.vue
index ce43765..c4ac6b7 100644
--- a/components/ui/avatar/AvatarImage.vue
+++ b/components/ui/avatar/AvatarImage.vue
@@ -6,7 +6,11 @@ const props = defineProps
();
-
+
diff --git a/components/ui/avatar/index.ts b/components/ui/avatar/index.ts
index a36e05a..036eee9 100644
--- a/components/ui/avatar/index.ts
+++ b/components/ui/avatar/index.ts
@@ -1,24 +1,3 @@
-import { type VariantProps, cva } from "class-variance-authority";
-
export { default as Avatar } from "./Avatar.vue";
export { default as AvatarFallback } from "./AvatarFallback.vue";
export { default as AvatarImage } from "./AvatarImage.vue";
-
-export const avatarVariant = cva(
- "inline-flex items-center justify-center font-normal text-foreground select-none shrink-0 bg-secondary overflow-hidden",
- {
- variants: {
- size: {
- sm: "h-10 w-10 text-xs",
- base: "h-16 w-16 text-2xl",
- lg: "h-32 w-32 text-5xl",
- },
- shape: {
- circle: "rounded-full",
- square: "rounded-md",
- },
- },
- },
-);
-
-export type AvatarVariants = VariantProps;
diff --git a/components/ui/badge/Badge.vue b/components/ui/badge/Badge.vue
index 7ebb774..9898434 100644
--- a/components/ui/badge/Badge.vue
+++ b/components/ui/badge/Badge.vue
@@ -1,16 +1,30 @@
-
+
diff --git a/components/ui/badge/index.ts b/components/ui/badge/index.ts
index 9360340..993f2e5 100644
--- a/components/ui/badge/index.ts
+++ b/components/ui/badge/index.ts
@@ -3,17 +3,18 @@ import { type VariantProps, cva } from "class-variance-authority";
export { default as Badge } from "./Badge.vue";
export const badgeVariants = cva(
- "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+ "inline-flex items-center justify-center rounded-md 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 hover:bg-primary/80",
+ "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
secondary:
- "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+ "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
destructive:
- "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
- outline: "text-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: {
@@ -21,5 +22,4 @@ export const badgeVariants = cva(
},
},
);
-
export type BadgeVariants = VariantProps;
diff --git a/components/ui/button/Button.vue b/components/ui/button/Button.vue
index 5ed8bf7..d220e78 100644
--- a/components/ui/button/Button.vue
+++ b/components/ui/button/Button.vue
@@ -17,6 +17,7 @@ const props = withDefaults(defineProps(), {
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",
},
},
defaultVariants: {
diff --git a/components/ui/card/Card.vue b/components/ui/card/Card.vue
index bead7a4..1b01ffd 100644
--- a/components/ui/card/Card.vue
+++ b/components/ui/card/Card.vue
@@ -8,14 +8,11 @@ const props = defineProps<{
-
+
diff --git a/components/ui/card/CardAction.vue b/components/ui/card/CardAction.vue
new file mode 100644
index 0000000..c5faedc
--- /dev/null
+++ b/components/ui/card/CardAction.vue
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+
diff --git a/components/ui/card/CardContent.vue b/components/ui/card/CardContent.vue
index 50e819e..c52b119 100644
--- a/components/ui/card/CardContent.vue
+++ b/components/ui/card/CardContent.vue
@@ -8,7 +8,10 @@ const props = defineProps<{
-
-
-
+
+
+
diff --git a/components/ui/card/CardDescription.vue b/components/ui/card/CardDescription.vue
index c4a4257..91e093f 100644
--- a/components/ui/card/CardDescription.vue
+++ b/components/ui/card/CardDescription.vue
@@ -8,7 +8,10 @@ const props = defineProps<{
-
+
diff --git a/components/ui/card/CardFooter.vue b/components/ui/card/CardFooter.vue
index 545bafe..944924a 100644
--- a/components/ui/card/CardFooter.vue
+++ b/components/ui/card/CardFooter.vue
@@ -8,7 +8,10 @@ const props = defineProps<{
-
-
-
+
+
+
diff --git a/components/ui/card/CardHeader.vue b/components/ui/card/CardHeader.vue
index c353882..fad9021 100644
--- a/components/ui/card/CardHeader.vue
+++ b/components/ui/card/CardHeader.vue
@@ -8,7 +8,10 @@ const props = defineProps<{
-
-
-
+
+
+
diff --git a/components/ui/card/CardTitle.vue b/components/ui/card/CardTitle.vue
index 662f046..e9fb17c 100644
--- a/components/ui/card/CardTitle.vue
+++ b/components/ui/card/CardTitle.vue
@@ -9,9 +9,8 @@ const props = defineProps<{
diff --git a/components/ui/card/index.ts b/components/ui/card/index.ts
index 313887b..409685b 100644
--- a/components/ui/card/index.ts
+++ b/components/ui/card/index.ts
@@ -1,4 +1,5 @@
export { default as Card } from "./Card.vue";
+export { default as CardAction } from "./CardAction.vue";
export { default as CardContent } from "./CardContent.vue";
export { default as CardDescription } from "./CardDescription.vue";
export { default as CardFooter } from "./CardFooter.vue";
diff --git a/components/ui/checkbox/Checkbox.vue b/components/ui/checkbox/Checkbox.vue
index 90d4906..9d1b2dc 100644
--- a/components/ui/checkbox/Checkbox.vue
+++ b/components/ui/checkbox/Checkbox.vue
@@ -21,14 +21,18 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
-
+
-
+
diff --git a/components/ui/collapsible/Collapsible.vue b/components/ui/collapsible/Collapsible.vue
index a214de0..def2843 100644
--- a/components/ui/collapsible/Collapsible.vue
+++ b/components/ui/collapsible/Collapsible.vue
@@ -9,7 +9,11 @@ const forwarded = useForwardPropsEmits(props, emits);
-
+
diff --git a/components/ui/collapsible/CollapsibleContent.vue b/components/ui/collapsible/CollapsibleContent.vue
index 438cb61..c3fb426 100644
--- a/components/ui/collapsible/CollapsibleContent.vue
+++ b/components/ui/collapsible/CollapsibleContent.vue
@@ -5,7 +5,10 @@ const props = defineProps();
-
+
diff --git a/components/ui/collapsible/CollapsibleTrigger.vue b/components/ui/collapsible/CollapsibleTrigger.vue
index 75bebbb..d4c59c2 100644
--- a/components/ui/collapsible/CollapsibleTrigger.vue
+++ b/components/ui/collapsible/CollapsibleTrigger.vue
@@ -5,7 +5,10 @@ const props = defineProps();
-
+
diff --git a/components/ui/command/Command.vue b/components/ui/command/Command.vue
index 53a1729..89f2fab 100644
--- a/components/ui/command/Command.vue
+++ b/components/ui/command/Command.vue
@@ -61,7 +61,7 @@ function filterItems() {
// Check which groups have at least 1 item shown
for (const [groupId, group] of allGroups.value) {
for (const itemId of group) {
- if (filterState.filtered.items.get(itemId)) {
+ if ((filterState.filtered.items.get(itemId) ?? 0) > 0) {
filterState.filtered.groups.add(groupId);
break;
}
@@ -90,15 +90,11 @@ provideCommandContext({
-
-
-
+
+
+
diff --git a/components/ui/command/CommandDialog.vue b/components/ui/command/CommandDialog.vue
index d7ba41f..f49dcc7 100644
--- a/components/ui/command/CommandDialog.vue
+++ b/components/ui/command/CommandDialog.vue
@@ -1,10 +1,27 @@
-
+
diff --git a/components/ui/command/CommandGroup.vue b/components/ui/command/CommandGroup.vue
index 79bf7a3..50ccb65 100644
--- a/components/ui/command/CommandGroup.vue
+++ b/components/ui/command/CommandGroup.vue
@@ -37,23 +37,16 @@ onUnmounted(() => {
-
-
- {{ heading }}
-
-
-
+
+
+ {{ heading }}
+
+
+
diff --git a/components/ui/command/CommandInput.vue b/components/ui/command/CommandInput.vue
index ae587e5..2872fd3 100644
--- a/components/ui/command/CommandInput.vue
+++ b/components/ui/command/CommandInput.vue
@@ -31,13 +31,17 @@ const { filterState } = useCommand();
-
-
+
+
diff --git a/components/ui/command/CommandItem.vue b/components/ui/command/CommandItem.vue
index 6888cd9..0938019 100644
--- a/components/ui/command/CommandItem.vue
+++ b/components/ui/command/CommandItem.vue
@@ -73,23 +73,17 @@ onUnmounted(() => {
-
-
-
+
+
+
diff --git a/components/ui/command/CommandList.vue b/components/ui/command/CommandList.vue
index f498b2b..b9b47d8 100644
--- a/components/ui/command/CommandList.vue
+++ b/components/ui/command/CommandList.vue
@@ -18,7 +18,11 @@ const forwarded = useForwardProps(delegatedProps);
-
+
diff --git a/components/ui/command/CommandSeparator.vue b/components/ui/command/CommandSeparator.vue
index be1db49..892ab27 100644
--- a/components/ui/command/CommandSeparator.vue
+++ b/components/ui/command/CommandSeparator.vue
@@ -17,8 +17,9 @@ const delegatedProps = computed(() => {
diff --git a/components/ui/command/CommandShortcut.vue b/components/ui/command/CommandShortcut.vue
index 52b7f01..8c35f83 100644
--- a/components/ui/command/CommandShortcut.vue
+++ b/components/ui/command/CommandShortcut.vue
@@ -8,7 +8,10 @@ const props = defineProps<{
-
+
diff --git a/components/ui/dialog/Dialog.vue b/components/ui/dialog/Dialog.vue
index e4462e61..1fb0b26 100644
--- a/components/ui/dialog/Dialog.vue
+++ b/components/ui/dialog/Dialog.vue
@@ -13,7 +13,10 @@ const forwarded = useForwardPropsEmits(props, emits);
-
+
diff --git a/components/ui/dialog/DialogClose.vue b/components/ui/dialog/DialogClose.vue
index d05a7a9..e4bfec2 100644
--- a/components/ui/dialog/DialogClose.vue
+++ b/components/ui/dialog/DialogClose.vue
@@ -5,7 +5,10 @@ const props = defineProps();
-
+
diff --git a/components/ui/dialog/DialogContent.vue b/components/ui/dialog/DialogContent.vue
index 8340cfd..4571b1f 100644
--- a/components/ui/dialog/DialogContent.vue
+++ b/components/ui/dialog/DialogContent.vue
@@ -6,11 +6,11 @@ import {
DialogContent,
type DialogContentEmits,
type DialogContentProps,
- DialogOverlay,
DialogPortal,
useForwardPropsEmits,
} from "reka-ui";
import { type HTMLAttributes, computed } from "vue";
+import DialogOverlay from "./DialogOverlay.vue";
const props = defineProps<
DialogContentProps & {
@@ -30,28 +30,26 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
-
-
-
-
+
+
+
+
-
-
- Close
-
-
-
+
+
+ Close
+
+
+
diff --git a/components/ui/dialog/DialogDescription.vue b/components/ui/dialog/DialogDescription.vue
index cdc0e34..5bae34e 100644
--- a/components/ui/dialog/DialogDescription.vue
+++ b/components/ui/dialog/DialogDescription.vue
@@ -22,8 +22,9 @@ const forwardedProps = useForwardProps(delegatedProps);
diff --git a/components/ui/dialog/DialogFooter.vue b/components/ui/dialog/DialogFooter.vue
index a3af5f8..58023c6 100644
--- a/components/ui/dialog/DialogFooter.vue
+++ b/components/ui/dialog/DialogFooter.vue
@@ -7,12 +7,8 @@ const props = defineProps<{ class?: HTMLAttributes["class"] }>();
diff --git a/components/ui/dialog/DialogHeader.vue b/components/ui/dialog/DialogHeader.vue
index 5a6e6f0..ff3721d 100644
--- a/components/ui/dialog/DialogHeader.vue
+++ b/components/ui/dialog/DialogHeader.vue
@@ -9,7 +9,8 @@ const props = defineProps<{
diff --git a/components/ui/dialog/DialogOverlay.vue b/components/ui/dialog/DialogOverlay.vue
new file mode 100644
index 0000000..030fbfe
--- /dev/null
+++ b/components/ui/dialog/DialogOverlay.vue
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+
diff --git a/components/ui/dialog/DialogScrollContent.vue b/components/ui/dialog/DialogScrollContent.vue
index b71b0b3..0faf0cd 100644
--- a/components/ui/dialog/DialogScrollContent.vue
+++ b/components/ui/dialog/DialogScrollContent.vue
@@ -29,7 +29,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
Close
diff --git a/components/ui/dialog/DialogTitle.vue b/components/ui/dialog/DialogTitle.vue
index 80cb385..2294d47 100644
--- a/components/ui/dialog/DialogTitle.vue
+++ b/components/ui/dialog/DialogTitle.vue
@@ -18,13 +18,9 @@ const forwardedProps = useForwardProps(delegatedProps);
diff --git a/components/ui/dialog/DialogTrigger.vue b/components/ui/dialog/DialogTrigger.vue
index 9bb3900..08b26b0 100644
--- a/components/ui/dialog/DialogTrigger.vue
+++ b/components/ui/dialog/DialogTrigger.vue
@@ -5,7 +5,10 @@ const props = defineProps();
-
+
diff --git a/components/ui/dialog/index.ts b/components/ui/dialog/index.ts
index e2b3a15..6c411de 100644
--- a/components/ui/dialog/index.ts
+++ b/components/ui/dialog/index.ts
@@ -4,6 +4,7 @@ export { default as DialogContent } from "./DialogContent.vue";
export { default as DialogDescription } from "./DialogDescription.vue";
export { default as DialogFooter } from "./DialogFooter.vue";
export { default as DialogHeader } from "./DialogHeader.vue";
+export { default as DialogOverlay } from "./DialogOverlay.vue";
export { default as DialogScrollContent } from "./DialogScrollContent.vue";
export { default as DialogTitle } from "./DialogTitle.vue";
export { default as DialogTrigger } from "./DialogTrigger.vue";
diff --git a/components/ui/drawer/Drawer.vue b/components/ui/drawer/Drawer.vue
index ccd630d..da65cee 100644
--- a/components/ui/drawer/Drawer.vue
+++ b/components/ui/drawer/Drawer.vue
@@ -13,7 +13,10 @@ const forwarded = useForwardPropsEmits(props, emits);
-
+
diff --git a/components/ui/drawer/DrawerClose.vue b/components/ui/drawer/DrawerClose.vue
new file mode 100644
index 0000000..18f907f
--- /dev/null
+++ b/components/ui/drawer/DrawerClose.vue
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
diff --git a/components/ui/drawer/DrawerContent.vue b/components/ui/drawer/DrawerContent.vue
index 02060ec..8590b2c 100644
--- a/components/ui/drawer/DrawerContent.vue
+++ b/components/ui/drawer/DrawerContent.vue
@@ -18,12 +18,18 @@ const forwarded = useForwardPropsEmits(props, emits);
-
+
diff --git a/components/ui/drawer/DrawerDescription.vue b/components/ui/drawer/DrawerDescription.vue
index 191dedd..b678fae 100644
--- a/components/ui/drawer/DrawerDescription.vue
+++ b/components/ui/drawer/DrawerDescription.vue
@@ -16,7 +16,11 @@ const delegatedProps = computed(() => {
-
+
diff --git a/components/ui/drawer/DrawerFooter.vue b/components/ui/drawer/DrawerFooter.vue
index c744209..80e80e4 100644
--- a/components/ui/drawer/DrawerFooter.vue
+++ b/components/ui/drawer/DrawerFooter.vue
@@ -8,7 +8,10 @@ const props = defineProps<{
-
+
diff --git a/components/ui/drawer/DrawerHeader.vue b/components/ui/drawer/DrawerHeader.vue
index c260400..450e884 100644
--- a/components/ui/drawer/DrawerHeader.vue
+++ b/components/ui/drawer/DrawerHeader.vue
@@ -8,7 +8,10 @@ const props = defineProps<{
-
+
diff --git a/components/ui/drawer/DrawerOverlay.vue b/components/ui/drawer/DrawerOverlay.vue
index d3260c8..899e035 100644
--- a/components/ui/drawer/DrawerOverlay.vue
+++ b/components/ui/drawer/DrawerOverlay.vue
@@ -16,5 +16,9 @@ const delegatedProps = computed(() => {
-
+
diff --git a/components/ui/drawer/DrawerTitle.vue b/components/ui/drawer/DrawerTitle.vue
index 823d158..9203765 100644
--- a/components/ui/drawer/DrawerTitle.vue
+++ b/components/ui/drawer/DrawerTitle.vue
@@ -16,7 +16,11 @@ const delegatedProps = computed(() => {
-
+
diff --git a/components/ui/drawer/DrawerTrigger.vue b/components/ui/drawer/DrawerTrigger.vue
new file mode 100644
index 0000000..3ca98ed
--- /dev/null
+++ b/components/ui/drawer/DrawerTrigger.vue
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
diff --git a/components/ui/drawer/index.ts b/components/ui/drawer/index.ts
index 0677d32..83091b4 100644
--- a/components/ui/drawer/index.ts
+++ b/components/ui/drawer/index.ts
@@ -1,8 +1,9 @@
export { default as Drawer } from "./Drawer.vue";
+export { default as DrawerClose } from "./DrawerClose.vue";
export { default as DrawerContent } from "./DrawerContent.vue";
export { default as DrawerDescription } from "./DrawerDescription.vue";
export { default as DrawerFooter } from "./DrawerFooter.vue";
export { default as DrawerHeader } from "./DrawerHeader.vue";
export { default as DrawerOverlay } from "./DrawerOverlay.vue";
export { default as DrawerTitle } from "./DrawerTitle.vue";
-export { DrawerClose, DrawerPortal, DrawerTrigger } from "vaul-vue";
+export { default as DrawerTrigger } from "./DrawerTrigger.vue";
diff --git a/components/ui/dropdown-menu/DropdownMenu.vue b/components/ui/dropdown-menu/DropdownMenu.vue
index 043f0ed..0fd9688 100644
--- a/components/ui/dropdown-menu/DropdownMenu.vue
+++ b/components/ui/dropdown-menu/DropdownMenu.vue
@@ -13,7 +13,10 @@ const forwarded = useForwardPropsEmits(props, emits);
-
+
diff --git a/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue b/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
index d96189b..99b51bd 100644
--- a/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
+++ b/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
@@ -26,15 +26,16 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
-
+
-
+
diff --git a/components/ui/dropdown-menu/DropdownMenuContent.vue b/components/ui/dropdown-menu/DropdownMenuContent.vue
index 2dfe34a..9639e08 100644
--- a/components/ui/dropdown-menu/DropdownMenuContent.vue
+++ b/components/ui/dropdown-menu/DropdownMenuContent.vue
@@ -31,8 +31,9 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
diff --git a/components/ui/dropdown-menu/DropdownMenuGroup.vue b/components/ui/dropdown-menu/DropdownMenuGroup.vue
index 6b418e5..4c33cf7 100644
--- a/components/ui/dropdown-menu/DropdownMenuGroup.vue
+++ b/components/ui/dropdown-menu/DropdownMenuGroup.vue
@@ -5,7 +5,10 @@ const props = defineProps();
-
+
diff --git a/components/ui/dropdown-menu/DropdownMenuItem.vue b/components/ui/dropdown-menu/DropdownMenuItem.vue
index 0ed9ff6..fe094af 100644
--- a/components/ui/dropdown-menu/DropdownMenuItem.vue
+++ b/components/ui/dropdown-menu/DropdownMenuItem.vue
@@ -1,36 +1,39 @@
-
-
-
+
+
+
diff --git a/components/ui/dropdown-menu/DropdownMenuLabel.vue b/components/ui/dropdown-menu/DropdownMenuLabel.vue
index 712932d..6485bb1 100644
--- a/components/ui/dropdown-menu/DropdownMenuLabel.vue
+++ b/components/ui/dropdown-menu/DropdownMenuLabel.vue
@@ -1,11 +1,12 @@
diff --git a/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue b/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue
index 8e12b61..6fbbf5d 100644
--- a/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue
+++ b/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue
@@ -13,7 +13,10 @@ const forwarded = useForwardPropsEmits(props, emits);
-
+
diff --git a/components/ui/dropdown-menu/DropdownMenuRadioItem.vue b/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
index 8552f54..6be92bd 100644
--- a/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
+++ b/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
@@ -27,15 +27,16 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
-
+
-
+
diff --git a/components/ui/dropdown-menu/DropdownMenuSeparator.vue b/components/ui/dropdown-menu/DropdownMenuSeparator.vue
index 30fe3f1..8f2d964 100644
--- a/components/ui/dropdown-menu/DropdownMenuSeparator.vue
+++ b/components/ui/dropdown-menu/DropdownMenuSeparator.vue
@@ -20,5 +20,9 @@ const delegatedProps = computed(() => {
-
+
diff --git a/components/ui/dropdown-menu/DropdownMenuShortcut.vue b/components/ui/dropdown-menu/DropdownMenuShortcut.vue
index 774d4de..6c3b3eb 100644
--- a/components/ui/dropdown-menu/DropdownMenuShortcut.vue
+++ b/components/ui/dropdown-menu/DropdownMenuShortcut.vue
@@ -8,7 +8,10 @@ const props = defineProps<{
-
+
diff --git a/components/ui/dropdown-menu/DropdownMenuSub.vue b/components/ui/dropdown-menu/DropdownMenuSub.vue
index 5583629..3f4c26d 100644
--- a/components/ui/dropdown-menu/DropdownMenuSub.vue
+++ b/components/ui/dropdown-menu/DropdownMenuSub.vue
@@ -13,7 +13,7 @@ const forwarded = useForwardPropsEmits(props, emits);
-
+
diff --git a/components/ui/dropdown-menu/DropdownMenuSubContent.vue b/components/ui/dropdown-menu/DropdownMenuSubContent.vue
index f59ced9..7b48532 100644
--- a/components/ui/dropdown-menu/DropdownMenuSubContent.vue
+++ b/components/ui/dropdown-menu/DropdownMenuSubContent.vue
@@ -24,8 +24,9 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
diff --git a/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue b/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
index 35eb333..565994c 100644
--- a/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
+++ b/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
@@ -1,35 +1,35 @@
-
+
diff --git a/components/ui/dropdown-menu/DropdownMenuTrigger.vue b/components/ui/dropdown-menu/DropdownMenuTrigger.vue
index 633a1cd..39504cd 100644
--- a/components/ui/dropdown-menu/DropdownMenuTrigger.vue
+++ b/components/ui/dropdown-menu/DropdownMenuTrigger.vue
@@ -11,7 +11,10 @@ const forwardedProps = useForwardProps(props);
-
+
diff --git a/components/ui/form/FormControl.vue b/components/ui/form/FormControl.vue
index 70fb3dd..98ab2dd 100644
--- a/components/ui/form/FormControl.vue
+++ b/components/ui/form/FormControl.vue
@@ -8,6 +8,7 @@ const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
diff --git a/components/ui/form/FormDescription.vue b/components/ui/form/FormDescription.vue
index 5bf2b09..77f4325 100644
--- a/components/ui/form/FormDescription.vue
+++ b/components/ui/form/FormDescription.vue
@@ -13,7 +13,8 @@ const { formDescriptionId } = useFormField();
diff --git a/components/ui/form/FormItem.vue b/components/ui/form/FormItem.vue
index 8021bb0..9a9289c 100644
--- a/components/ui/form/FormItem.vue
+++ b/components/ui/form/FormItem.vue
@@ -13,7 +13,10 @@ provide(FORM_ITEM_INJECTION_KEY, id);
-
+
diff --git a/components/ui/form/FormLabel.vue b/components/ui/form/FormLabel.vue
index dd1f1de..0efdd26 100644
--- a/components/ui/form/FormLabel.vue
+++ b/components/ui/form/FormLabel.vue
@@ -12,8 +12,10 @@ const { error, formItemId } = useFormField();