@vendure/dashboard 3.3.6-master-202507050232 → 3.4.0-minor-202506250934

package/src/lib/components/ui/card.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { cn } from '@/vdb/lib/utils.js';
+import { cn } from '@/lib/utils.js';
 
 function Card({ className, ...props }: React.ComponentProps<'div'>) {
     return (
@@ -44,4 +44,4 @@ function CardFooter({ className, ...props }: React.ComponentProps<'div'>) {
     return <div data-slot="card-footer" className={cn('flex items-center p-6 pt-0', className)} {...props} />;
 }
 
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };

package/src/lib/components/ui/checkbox.tsx

@@ -1,8 +1,8 @@
+import * as React from 'react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { CheckIcon } from 'lucide-react';
-import * as React from 'react';
 
-import { cn } from '@/vdb/lib/utils.js';
+import { cn } from '@/lib/utils.js';
 
 function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>) {
     return (

package/src/lib/components/ui/command.tsx

@@ -1,15 +1,9 @@
+import * as React from 'react';
 import { Command as CommandPrimitive } from 'cmdk';
 import { SearchIcon } from 'lucide-react';
-import * as React from 'react';
 
-import {
-    Dialog,
-    DialogContent,
-    DialogDescription,
-    DialogHeader,
-    DialogTitle,
-} from '@/vdb/components/ui/dialog.js';
-import { cn } from '@/vdb/lib/utils.js';
+import { cn } from '@/lib/utils.js';
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog.js';
 
 function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {
     return (
@@ -129,11 +123,11 @@ function CommandShortcut({ className, ...props }: React.ComponentProps<'span'>)
 export {
     Command,
     CommandDialog,
+    CommandInput,
+    CommandList,
     CommandEmpty,
     CommandGroup,
-    CommandInput,
     CommandItem,
-    CommandList,
-    CommandSeparator,
     CommandShortcut,
+    CommandSeparator,
 };

package/src/lib/components/ui/dialog.tsx

@@ -1,8 +1,8 @@
+import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { XIcon } from 'lucide-react';
-import * as React from 'react';
 
-import { cn } from '@/vdb/lib/utils.js';
+import { cn } from '@/lib/utils.js';
 
 function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {
     return <DialogPrimitive.Root data-slot="dialog" {...props} />;

package/src/lib/components/ui/dropdown-menu.tsx

@@ -1,8 +1,8 @@
+import * as React from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';
-import * as React from 'react';
 
-import { cn } from '@/vdb/lib/utils.js';
+import { cn } from '@/lib/utils.js';
 
 function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
     return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />;
@@ -203,18 +203,18 @@ function DropdownMenuSubContent({
 
 export {
     DropdownMenu,
-    DropdownMenuCheckboxItem,
+    DropdownMenuPortal,
+    DropdownMenuTrigger,
     DropdownMenuContent,
     DropdownMenuGroup,
-    DropdownMenuItem,
     DropdownMenuLabel,
-    DropdownMenuPortal,
+    DropdownMenuItem,
+    DropdownMenuCheckboxItem,
     DropdownMenuRadioGroup,
     DropdownMenuRadioItem,
     DropdownMenuSeparator,
     DropdownMenuShortcut,
     DropdownMenuSub,
-    DropdownMenuSubContent,
     DropdownMenuSubTrigger,
-    DropdownMenuTrigger,
+    DropdownMenuSubContent,
 };

package/src/lib/components/ui/form.tsx

@@ -1,6 +1,6 @@
+import * as React from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { Slot } from '@radix-ui/react-slot';
-import * as React from 'react';
 import {
     Controller,
     FormProvider,
@@ -11,8 +11,8 @@ import {
     type FieldValues,
 } from 'react-hook-form';
 
-import { Label } from '@/vdb/components/ui/label.js';
-import { cn } from '@/vdb/lib/utils.js';
+import { cn } from '@/lib/utils.js';
+import { Label } from '@/components/ui/label.js';
 
 const Form = FormProvider;
 
@@ -138,4 +138,4 @@ function FormMessage({ className, ...props }: React.ComponentProps<'p'>) {
     );
 }
 
-export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField };

package/src/lib/components/ui/hover-card.tsx

@@ -1,7 +1,7 @@
-import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 import * as React from 'react';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 
-import { cn } from '@/vdb/lib/utils.js';
+import { cn } from '@/lib/utils.js';
 
 function HoverCard({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Root>) {
     return <HoverCardPrimitive.Root data-slot="hover-card" {...props} />;
@@ -33,4 +33,4 @@ function HoverCardContent({
     );
 }
 
-export { HoverCard, HoverCardContent, HoverCardTrigger };
+export { HoverCard, HoverCardTrigger, HoverCardContent };

package/src/lib/components/ui/input.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { cn } from '@/vdb/lib/utils.js';
+import { cn } from '@/lib/utils.js';
 
 function Input({ className, type, ...props }: React.ComponentProps<'input'>) {
     return (

package/src/lib/components/ui/label.tsx

@@ -1,9 +1,9 @@
 'use client';
 
-import * as LabelPrimitive from '@radix-ui/react-label';
 import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
 
-import { cn } from '@/vdb/lib/utils.js';
+import { cn } from '@/lib/utils.js';
 
 function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {
     return (

package/src/lib/components/ui/pagination.tsx

@@ -1,106 +1,127 @@
-import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';
-import * as React from 'react';
+import * as React from "react"
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  MoreHorizontalIcon,
+} from "lucide-react"
 
-import { Button, buttonVariants } from '@/vdb/components/ui/button.js';
-import { cn } from '@/vdb/lib/utils.js';
+import { cn } from "@/lib/utils.js"
+import { Button, buttonVariants } from "@/components/ui/button.js"
 
-function Pagination({ className, ...props }: React.ComponentProps<'nav'>) {
-    return (
-        <nav
-            role="navigation"
-            aria-label="pagination"
-            data-slot="pagination"
-            className={cn('mx-auto flex w-full justify-center', className)}
-            {...props}
-        />
-    );
+function Pagination({ className, ...props }: React.ComponentProps<"nav">) {
+  return (
+    <nav
+      role="navigation"
+      aria-label="pagination"
+      data-slot="pagination"
+      className={cn("mx-auto flex w-full justify-center", className)}
+      {...props}
+    />
+  )
 }
 
-function PaginationContent({ className, ...props }: React.ComponentProps<'ul'>) {
-    return (
-        <ul
-            data-slot="pagination-content"
-            className={cn('flex flex-row items-center gap-1', className)}
-            {...props}
-        />
-    );
+function PaginationContent({
+  className,
+  ...props
+}: React.ComponentProps<"ul">) {
+  return (
+    <ul
+      data-slot="pagination-content"
+      className={cn("flex flex-row items-center gap-1", className)}
+      {...props}
+    />
+  )
 }
 
-function PaginationItem({ ...props }: React.ComponentProps<'li'>) {
-    return <li data-slot="pagination-item" {...props} />;
+function PaginationItem({ ...props }: React.ComponentProps<"li">) {
+  return <li data-slot="pagination-item" {...props} />
 }
 
 type PaginationLinkProps = {
-    isActive?: boolean;
-} & Pick<React.ComponentProps<typeof Button>, 'size'> &
-    React.ComponentProps<'a'>;
+  isActive?: boolean
+} & Pick<React.ComponentProps<typeof Button>, "size"> &
+  React.ComponentProps<"a">
 
-function PaginationLink({ className, isActive, size = 'icon', ...props }: PaginationLinkProps) {
-    return (
-        <a
-            aria-current={isActive ? 'page' : undefined}
-            data-slot="pagination-link"
-            data-active={isActive}
-            className={cn(
-                buttonVariants({
-                    variant: isActive ? 'outline' : 'ghost',
-                    size,
-                }),
-                className,
-            )}
-            {...props}
-        />
-    );
+function PaginationLink({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}: PaginationLinkProps) {
+  return (
+    <a
+      aria-current={isActive ? "page" : undefined}
+      data-slot="pagination-link"
+      data-active={isActive}
+      className={cn(
+        buttonVariants({
+          variant: isActive ? "outline" : "ghost",
+          size,
+        }),
+        className
+      )}
+      {...props}
+    />
+  )
 }
 
-function PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>) {
-    return (
-        <PaginationLink
-            aria-label="Go to previous page"
-            size="default"
-            className={cn('gap-1 px-2.5 sm:pl-2.5', className)}
-            {...props}
-        >
-            <ChevronLeftIcon />
-            <span className="hidden sm:block">Previous</span>
-        </PaginationLink>
-    );
+function PaginationPrevious({
+  className,
+  ...props
+}: React.ComponentProps<typeof PaginationLink>) {
+  return (
+    <PaginationLink
+      aria-label="Go to previous page"
+      size="default"
+      className={cn("gap-1 px-2.5 sm:pl-2.5", className)}
+      {...props}
+    >
+      <ChevronLeftIcon />
+      <span className="hidden sm:block">Previous</span>
+    </PaginationLink>
+  )
 }
 
-function PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>) {
-    return (
-        <PaginationLink
-            aria-label="Go to next page"
-            size="default"
-            className={cn('gap-1 px-2.5 sm:pr-2.5', className)}
-            {...props}
-        >
-            <span className="hidden sm:block">Next</span>
-            <ChevronRightIcon />
-        </PaginationLink>
-    );
+function PaginationNext({
+  className,
+  ...props
+}: React.ComponentProps<typeof PaginationLink>) {
+  return (
+    <PaginationLink
+      aria-label="Go to next page"
+      size="default"
+      className={cn("gap-1 px-2.5 sm:pr-2.5", className)}
+      {...props}
+    >
+      <span className="hidden sm:block">Next</span>
+      <ChevronRightIcon />
+    </PaginationLink>
+  )
 }
 
-function PaginationEllipsis({ className, ...props }: React.ComponentProps<'span'>) {
-    return (
-        <span
-            aria-hidden
-            data-slot="pagination-ellipsis"
-            className={cn('flex size-9 items-center justify-center', className)}
-            {...props}
-        >
-            <MoreHorizontalIcon className="size-4" />
-            <span className="sr-only">More pages</span>
-        </span>
-    );
+function PaginationEllipsis({
+  className,
+  ...props
+}: React.ComponentProps<"span">) {
+  return (
+    <span
+      aria-hidden
+      data-slot="pagination-ellipsis"
+      className={cn("flex size-9 items-center justify-center", className)}
+      {...props}
+    >
+      <MoreHorizontalIcon className="size-4" />
+      <span className="sr-only">More pages</span>
+    </span>
+  )
 }
 
 export {
-    Pagination,
-    PaginationContent,
-    PaginationEllipsis,
-    PaginationItem,
-    PaginationLink,
-    PaginationNext,
-    PaginationPrevious,
-};
+  Pagination,
+  PaginationContent,
+  PaginationLink,
+  PaginationItem,
+  PaginationPrevious,
+  PaginationNext,
+  PaginationEllipsis,
+}

package/src/lib/components/ui/popover.tsx

@@ -1,7 +1,7 @@
-import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
 
-import { cn } from '@/vdb/lib/utils.js';
+import { cn } from '@/lib/utils.js';
 
 function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) {
     return <PopoverPrimitive.Root data-slot="popover" {...props} />;
@@ -37,4 +37,4 @@ function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitiv
     return <PopoverPrimitive.Anchor data-slot="popover-anchor" {...props} />;
 }
 
-export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/src/lib/components/ui/scroll-area.tsx

@@ -1,7 +1,7 @@
-import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 
-import { cn } from '@/vdb/lib/utils.js';
+import { cn } from '@/lib/utils.js';
 
 function ScrollArea({
     className,