@gentleduck/registry-ui 0.2.12 → 0.3.1

package/src/command/command.tsx

@@ -29,8 +29,9 @@ const CommandInput = React.forwardRef<
   React.ComponentRef<typeof CommandPrimitive.Input>,
   React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> & {
     wrapperClassName?: string
+    children?: React.ReactNode
   }
->(({ className, wrapperClassName, placeholder = 'Search...', autoFocus = false, ...props }, ref) => (
+>(({ className, wrapperClassName, placeholder = 'Search...', autoFocus = false, children, ...props }, ref) => (
   <div className={cn('mb-2 flex items-center gap-2 border-b px-1', wrapperClassName)} data-slot="command-input">
     <Search aria-hidden="true" className="size-5 shrink-0 opacity-50" />
     <CommandPrimitive.Input
@@ -44,6 +45,7 @@ const CommandInput = React.forwardRef<
       // tabIndex={0}
       {...props}
     />
+    {children}
   </div>
 ))
 CommandInput.displayName = CommandPrimitive.Input.displayName
@@ -161,11 +163,14 @@ CommandShortcut.displayName = 'CommandShortcut'
 function CommandDialog({
   children,
   shouldFilter,
+  contentClassName,
   ...props
-}: React.ComponentPropsWithoutRef<typeof Dialog> & { shouldFilter?: boolean }) {
+}: React.ComponentPropsWithoutRef<typeof Dialog> & { shouldFilter?: boolean; contentClassName?: string }) {
   return (
     <Dialog {...props}>
-      <DialogContent className="h-125 max-w-full p-0 lg:w-[700px]">
+      <DialogContent
+        className={cn('h-125 max-w-full p-0 transition-all duration-200 lg:w-[700px]', contentClassName)}
+        hideClose>
         <DialogTitle className="sr-only">Command palette</DialogTitle>
         <DialogDescription className="sr-only">Search for commands and navigation items</DialogDescription>
         <Command className="max-w-full" shouldFilter={shouldFilter}>
@@ -183,13 +188,13 @@ function useCommandListContext(__scopeCommand: Parameters<typeof CommandPrimitiv
 
 export {
   Command,
-  CommandInput,
-  CommandList,
+  CommandDialog,
+  CommandEmpty,
   CommandGroup,
+  CommandInput,
   CommandItem,
-  CommandEmpty,
-  CommandShortcut,
+  CommandList,
   CommandSeparator,
-  CommandDialog,
+  CommandShortcut,
   useCommandListContext,
 }

package/src/context-menu/context-menu.tsx

@@ -169,18 +169,18 @@ ContextMenuShortcut.displayName = 'ContextMenuShortcut'
 
 export {
   ContextMenu,
-  ContextMenuTrigger,
+  ContextMenuCheckboxItem,
   ContextMenuContent,
+  ContextMenuGroup,
   ContextMenuItem,
-  ContextMenuCheckboxItem,
-  ContextMenuRadioItem,
   ContextMenuLabel,
+  ContextMenuPortal,
+  ContextMenuRadioGroup,
+  ContextMenuRadioItem,
   ContextMenuSeparator,
   ContextMenuShortcut,
-  ContextMenuGroup,
-  ContextMenuPortal,
   ContextMenuSub,
   ContextMenuSubContent,
   ContextMenuSubTrigger,
-  ContextMenuRadioGroup,
+  ContextMenuTrigger,
 }

package/src/dialog/dialog-responsive.tsx

@@ -137,12 +137,12 @@ DialogDescriptionResponsive.displayName = 'DialogDescriptionResponsive'
 DialogCloseResponsive.displayName = 'DialogCloseResponsive'
 
 export {
-  DialogResponsive,
-  DialogTriggerResponsive,
+  DialogCloseResponsive,
   DialogContentResponsive,
-  DialogHeaderResponsive,
+  DialogDescriptionResponsive,
   DialogFooterResponsive,
+  DialogHeaderResponsive,
+  DialogResponsive,
   DialogTitleResponsive,
-  DialogDescriptionResponsive,
-  DialogCloseResponsive,
+  DialogTriggerResponsive,
 }

package/src/dialog/dialog.tsx

@@ -35,8 +35,8 @@ DialogOverlay.displayName = DialogPrimitive.Overlay.displayName
 
 const DialogContent = React.forwardRef<
   React.ComponentRef<typeof DialogPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & { closeText?: string }
->(({ className, children, closeText = 'Close', ...props }, ref) => (
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & { closeText?: string; hideClose?: boolean }
+>(({ className, children, closeText = 'Close', hideClose = false, ...props }, ref) => (
   <DialogPortal>
     <DialogOverlay />
     <DialogPrimitive.Content
@@ -48,10 +48,12 @@ const DialogContent = React.forwardRef<
       )}
       {...props}>
       {children}
-      <DialogPrimitive.Close className="absolute end-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
-        <X aria-hidden="true" className="h-4 w-4" />
-        <span className="sr-only">{closeText}</span>
-      </DialogPrimitive.Close>
+      {!hideClose && (
+        <DialogPrimitive.Close className="absolute end-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
+          <X aria-hidden="true" className="h-4 w-4" />
+          <span className="sr-only">{closeText}</span>
+        </DialogPrimitive.Close>
+      )}
     </DialogPrimitive.Content>
   </DialogPortal>
 ))
@@ -93,13 +95,13 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName
 
 export {
   Dialog,
-  DialogPortal,
-  DialogOverlay,
-  DialogTrigger,
   DialogClose,
   DialogContent,
-  DialogHeader,
+  DialogDescription,
   DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
   DialogTitle,
-  DialogDescription,
+  DialogTrigger,
 }

package/src/direction/direction.tsx

@@ -9,5 +9,6 @@ import {
   Provider,
   useDirection,
 } from '@gentleduck/primitives/direction'
+
 export type { Direction, DirectionProviderProps }
-export { useDirection, Provider, DirectionProvider, DirectionContext, DIRECTION_DICTIONARY }
+export { DIRECTION_DICTIONARY, DirectionContext, DirectionProvider, Provider, useDirection }

package/src/drawer/drawer.tsx

@@ -173,13 +173,13 @@ DrawerDescription.displayName = 'DrawerDescription'
 
 export {
   Drawer,
-  DrawerPortal,
-  DrawerOverlay,
-  DrawerTrigger,
   DrawerClose,
   DrawerContent,
-  DrawerHeader,
+  DrawerDescription,
   DrawerFooter,
+  DrawerHeader,
+  DrawerOverlay,
+  DrawerPortal,
   DrawerTitle,
-  DrawerDescription,
+  DrawerTrigger,
 }

package/src/dropdown-menu/dropdown-menu.tsx

@@ -172,18 +172,18 @@ DropdownMenuShortcut.displayName = 'DropdownMenuShortcut'
 
 export {
   DropdownMenu,
-  DropdownMenuTrigger,
+  DropdownMenuCheckboxItem,
   DropdownMenuContent,
+  DropdownMenuGroup,
   DropdownMenuItem,
-  DropdownMenuCheckboxItem,
-  DropdownMenuRadioItem,
   DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
   DropdownMenuSeparator,
   DropdownMenuShortcut,
-  DropdownMenuGroup,
-  DropdownMenuPortal,
   DropdownMenuSub,
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
-  DropdownMenuRadioGroup,
+  DropdownMenuTrigger,
 }

package/src/empty/empty.tsx

@@ -83,4 +83,4 @@ const EmptyContent = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'
 })
 EmptyContent.displayName = 'EmptyContent'
 
-export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia }
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle }

package/src/field/field.tsx

@@ -220,13 +220,13 @@ FieldError.displayName = 'FieldError'
 
 export {
   Field,
-  FieldLabel,
+  FieldContent,
   FieldDescription,
   FieldError,
   FieldGroup,
+  FieldLabel,
   FieldLegend,
   FieldSeparator,
   FieldSet,
-  FieldContent,
   FieldTitle,
 }

package/src/hover-card/hover-card.tsx

@@ -76,4 +76,4 @@ const HoverCardContent = React.forwardRef<
 })
 HoverCardContent.displayName = HoverCardPrimitive.Content.displayName
 
-export { HoverCard, HoverCardTrigger, HoverCardContent }
+export { HoverCard, HoverCardContent, HoverCardTrigger }

package/src/input-group/input-group.tsx

@@ -170,4 +170,4 @@ const InputGroupTextarea = React.forwardRef<HTMLTextAreaElement, React.Component
 )
 InputGroupTextarea.displayName = 'InputGroupTextarea'
 
-export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea }
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea }

package/src/input-otp/input-otp.tsx

@@ -63,4 +63,4 @@ InputOTPSeparator.displayName = 'InputOTPSeparator'
 const REGEXP_ONLY_DIGITS_AND_CHARS = InputOTPPrimitive.REGEXP_ONLY_DIGITS_AND_CHARS
 const REGEXP_ONLY_DIGITS = InputOTPPrimitive.REGEXP_ONLY_DIGITS
 
-export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, REGEXP_ONLY_DIGITS_AND_CHARS, REGEXP_ONLY_DIGITS }
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS }

package/src/item/item.tsx

@@ -174,13 +174,13 @@ ItemFooter.displayName = 'ItemFooter'
 
 export {
   Item,
-  ItemMedia,
-  ItemContent,
   ItemActions,
+  ItemContent,
+  ItemDescription,
+  ItemFooter,
   ItemGroup,
+  ItemHeader,
+  ItemMedia,
   ItemSeparator,
   ItemTitle,
-  ItemDescription,
-  ItemHeader,
-  ItemFooter,
 }

package/src/menubar/menubar.tsx

@@ -202,19 +202,19 @@ MenubarShortcut.displayName = 'MenubarShortcut'
 
 export {
   Menubar,
-  MenubarMenu,
-  MenubarTrigger,
+  MenubarCheckboxItem,
   MenubarContent,
+  MenubarGroup,
   MenubarItem,
-  MenubarSeparator,
   MenubarLabel,
-  MenubarCheckboxItem,
+  MenubarMenu,
+  MenubarPortal,
   MenubarRadioGroup,
   MenubarRadioItem,
-  MenubarPortal,
+  MenubarSeparator,
+  MenubarShortcut,
+  MenubarSub,
   MenubarSubContent,
   MenubarSubTrigger,
-  MenubarGroup,
-  MenubarSub,
-  MenubarShortcut,
+  MenubarTrigger,
 }

package/src/navigation-menu/navigation-menu.tsx

@@ -141,12 +141,12 @@ NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayN
 
 export {
   NavigationMenu,
-  NavigationMenuList,
-  NavigationMenuItem,
   NavigationMenuContent,
-  NavigationMenuTrigger,
-  NavigationMenuLink,
   NavigationMenuIndicator,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
   NavigationMenuViewport,
   navigationMenuTriggerStyle,
 }

package/src/popover/popover.tsx

@@ -36,4 +36,4 @@ PopoverContent.displayName = PopoverPrimitive.Content.displayName
 export const PopoverClose: typeof PopoverPrimitive.Close = PopoverPrimitive.Close
 PopoverClose.displayName = 'PopoverClose'
 
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger }

package/src/resizable/resizable.tsx

@@ -51,4 +51,4 @@ const ResizableHandle = React.forwardRef<
 ))
 ResizableHandle.displayName = 'ResizableHandle'
 
-export { ResizablePanelGroup, ResizablePanel, ResizableHandle }
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup }

package/src/select/select.tsx

@@ -131,13 +131,13 @@ SelectSeparator.displayName = SelectPrimitive.Separator.displayName
 
 export {
   Select,
-  SelectGroup,
-  SelectValue,
-  SelectTrigger,
   SelectContent,
-  SelectLabel,
+  SelectGroup,
   SelectItem,
-  SelectSeparator,
-  SelectScrollUpButton,
+  SelectLabel,
   SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
 }

package/src/sheet/sheet.tsx

@@ -92,13 +92,13 @@ SheetDescription.displayName = SheetPrimitive.Description.displayName
 
 export {
   Sheet,
-  SheetPortal,
-  SheetOverlay,
-  SheetTrigger,
   SheetClose,
   SheetContent,
-  SheetHeader,
+  SheetDescription,
   SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
   SheetTitle,
-  SheetDescription,
+  SheetTrigger,
 }

package/src/sonner/sonner.chunks.tsx

@@ -31,7 +31,6 @@ const SonnerUpload = ({
         )}
       />
       <div className="flex w-full flex-col gap-2">
-        {/* biome-ignore lint/a11y/useSemanticElements: status role on div is intentional for live region announcements */}
         <div className="flex w-full justify-between" role="status">
           <p className="text-foreground text-sm">
             {progress >= 100

package/src/table/table.tsx

@@ -92,4 +92,4 @@ const TableCaption = React.forwardRef<HTMLTableCaptionElement, React.HTMLAttribu
 )
 TableCaption.displayName = 'TableCaption'
 
-export { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption }
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow }

package/src/tabs/tabs.tsx

@@ -148,4 +148,4 @@ const TabsContent = React.forwardRef<
 })
 TabsContent.displayName = 'TabsContent'
 
-export { Tabs, TabsList, TabsTrigger, TabsContent }
+export { Tabs, TabsContent, TabsList, TabsTrigger }

package/src/tooltip/tooltip.tsx

@@ -32,4 +32,4 @@ const TooltipContent = React.forwardRef<
 ))
 TooltipContent.displayName = TooltipPrimitive.Content.displayName
 
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }