@codapet/design-system 0.3.5 → 0.3.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.mts CHANGED
@@ -66,6 +66,18 @@ declare function AlertDialogCancel({ className, ...props }: React$1.ComponentPro
66
66
 
67
67
  declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>): react_jsx_runtime.JSX.Element;
68
68
 
69
+ interface TextareaProps extends Omit<React$1.ComponentProps<'textarea'>, 'size'> {
70
+ error?: boolean;
71
+ }
72
+ declare const Textarea: React$1.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React$1.RefAttributes<HTMLTextAreaElement>>;
73
+
74
+ declare const AutoResizeTextarea: React$1.ForwardRefExoticComponent<Omit<Omit<TextareaProps, "ref"> & React$1.RefAttributes<HTMLTextAreaElement>, "ref"> & {
75
+ /** Stop growing after this many px and allow scroll */
76
+ maxHeight?: number;
77
+ /** Minimum height in px */
78
+ minHeight?: number;
79
+ } & React$1.RefAttributes<HTMLTextAreaElement>>;
80
+
69
81
  declare function Avatar({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Root>): react_jsx_runtime.JSX.Element;
70
82
  declare function AvatarImage({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime.JSX.Element;
71
83
  declare function AvatarFallback({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime.JSX.Element;
@@ -220,6 +232,44 @@ declare function ContextMenuLabel({ className, inset, ...props }: React$1.Compon
220
232
  declare function ContextMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
221
233
  declare function ContextMenuShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
222
234
 
235
+ declare const inputVariants: (props?: ({
236
+ size?: "md" | "sm" | "lg" | null | undefined;
237
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
238
+ interface InputProps extends Omit<React$1.ComponentProps<'input'>, 'size'>, VariantProps<typeof inputVariants> {
239
+ leftIcon?: React$1.ReactNode;
240
+ rightIcon?: React$1.ReactNode;
241
+ leftIconClassName?: string;
242
+ rightIconClassName?: string;
243
+ rightIconOnClick?: () => void;
244
+ rightIconButtonProps?: React$1.ButtonHTMLAttributes<HTMLButtonElement>;
245
+ error?: boolean;
246
+ }
247
+ declare const Input: React$1.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
248
+
249
+ type NativeInputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'min' | 'max' | 'size' | 'disabled' | 'onSelect'>;
250
+ type FlattenedCalendarProps = Omit<React$1.ComponentProps<typeof Calendar>, keyof React$1.InputHTMLAttributes<HTMLInputElement> | 'className' | 'mode' | 'selected' | 'onSelect' | 'month' | 'onMonthChange' | 'disabled' | 'captionLayout' | 'showOutsideDays' | 'classNames'>;
251
+ interface DateInputProps extends NativeInputProps, FlattenedCalendarProps {
252
+ date: Date | null;
253
+ setDate: (date: Date | null) => void;
254
+ maxDate?: Date | null;
255
+ minDate?: Date | null;
256
+ disableFuture?: boolean;
257
+ inputDisabled?: boolean;
258
+ size?: VariantProps<typeof inputVariants>['size'];
259
+ inputClassName?: string;
260
+ calendarClassName?: string;
261
+ mode?: React$1.ComponentProps<typeof Calendar>['mode'];
262
+ selected?: Date;
263
+ onSelect?: (selectedDate: Date | undefined) => void;
264
+ month?: React$1.ComponentProps<typeof Calendar>['month'];
265
+ onMonthChange?: React$1.ComponentProps<typeof Calendar>['onMonthChange'];
266
+ disabled?: React$1.ComponentProps<typeof Calendar>['disabled'];
267
+ captionLayout?: React$1.ComponentProps<typeof Calendar>['captionLayout'];
268
+ showOutsideDays?: React$1.ComponentProps<typeof Calendar>['showOutsideDays'];
269
+ classNames?: React$1.ComponentProps<typeof Calendar>['classNames'];
270
+ }
271
+ declare function DateInput({ date, setDate, maxDate, minDate, disableFuture, className, inputClassName, calendarClassName, inputDisabled, mode, selected, onSelect, month, onMonthChange, disabled: calendarDisabled, captionLayout, showOutsideDays, classNames, placeholder, onBlur, ...restProps }: DateInputProps): react_jsx_runtime.JSX.Element;
272
+
223
273
  declare function Drawer({ ...props }: React$1.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
224
274
  declare function DrawerTrigger({ ...props }: React$1.ComponentProps<typeof Drawer$1.Trigger>): react_jsx_runtime.JSX.Element;
225
275
  declare function DrawerPortal({ ...props }: React$1.ComponentProps<typeof Drawer$1.Portal>): react_jsx_runtime.JSX.Element;
@@ -280,20 +330,6 @@ declare function HoverCard({ ...props }: React$1.ComponentProps<typeof HoverCard
280
330
  declare function HoverCardTrigger({ ...props }: React$1.ComponentProps<typeof HoverCardPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
281
331
  declare function HoverCardContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof HoverCardPrimitive.Content>): react_jsx_runtime.JSX.Element;
282
332
 
283
- declare const inputVariants: (props?: ({
284
- size?: "md" | "sm" | "lg" | null | undefined;
285
- } & class_variance_authority_types.ClassProp) | undefined) => string;
286
- interface InputProps extends Omit<React$1.ComponentProps<'input'>, 'size'>, VariantProps<typeof inputVariants> {
287
- leftIcon?: React$1.ReactNode;
288
- rightIcon?: React$1.ReactNode;
289
- leftIconClassName?: string;
290
- rightIconClassName?: string;
291
- rightIconOnClick?: () => void;
292
- rightIconButtonProps?: React$1.ButtonHTMLAttributes<HTMLButtonElement>;
293
- error?: boolean;
294
- }
295
- declare const Input: React$1.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
296
-
297
333
  declare function InputOTP({ className, containerClassName, ...props }: React$1.ComponentProps<typeof OTPInput> & {
298
334
  containerClassName?: string;
299
335
  }): react_jsx_runtime.JSX.Element;
@@ -475,17 +511,22 @@ declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>):
475
511
 
476
512
  declare function Slider({ className, defaultValue, value, min, max, ...props }: React$1.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime.JSX.Element;
477
513
 
478
- declare const SmartDialog: ({ children, ...props }: React.ComponentProps<typeof Dialog>) => react_jsx_runtime.JSX.Element;
479
- declare const SmartDialogContent: ({ children, overlayClassName, withCloseButton, ...props }: React.ComponentProps<typeof DrawerContent> & {
480
- overlayClassName?: string;
481
- withCloseButton?: boolean;
482
- }) => react_jsx_runtime.JSX.Element;
483
- declare const SmartDialogDescription: ({ children, ...props }: React.ComponentProps<typeof DrawerDescription>) => react_jsx_runtime.JSX.Element;
484
- declare const SmartDialogHeader: ({ children, ...props }: React.ComponentProps<typeof DrawerHeader>) => react_jsx_runtime.JSX.Element;
485
- declare const SmartDialogTitle: ({ children, ...props }: React.ComponentProps<typeof DrawerTitle>) => react_jsx_runtime.JSX.Element;
486
- declare const SmartDialogTrigger: ({ children, ...props }: React.ComponentProps<typeof DrawerTrigger>) => react_jsx_runtime.JSX.Element;
487
- declare const SmartDialogFooter: ({ children, ...props }: React.ComponentProps<typeof DrawerFooter>) => react_jsx_runtime.JSX.Element;
488
- declare const SmartDialogClose: ({ children, ...props }: React.ComponentProps<typeof DrawerClose>) => react_jsx_runtime.JSX.Element;
514
+ type SmartDialogProps = React$1.ComponentProps<typeof Dialog> & React$1.ComponentProps<typeof Drawer>;
515
+ declare const SmartDialog: ({ children, ...props }: SmartDialogProps) => react_jsx_runtime.JSX.Element;
516
+ type SmartDialogContentProps = React$1.ComponentProps<typeof DialogContent> & React$1.ComponentProps<typeof DrawerContent>;
517
+ declare const SmartDialogContent: ({ children, overlayClassName, withCloseButton, showCloseButton, ...props }: SmartDialogContentProps) => react_jsx_runtime.JSX.Element;
518
+ type SmartDialogDescriptionProps = React$1.ComponentProps<typeof DialogDescription> & React$1.ComponentProps<typeof DrawerDescription>;
519
+ declare const SmartDialogDescription: ({ children, ...props }: SmartDialogDescriptionProps) => react_jsx_runtime.JSX.Element;
520
+ type SmartDialogHeaderProps = React$1.ComponentProps<typeof DialogHeader> & React$1.ComponentProps<typeof DrawerHeader>;
521
+ declare const SmartDialogHeader: ({ children, ...props }: SmartDialogHeaderProps) => react_jsx_runtime.JSX.Element;
522
+ type SmartDialogTitleProps = React$1.ComponentProps<typeof DialogTitle> & React$1.ComponentProps<typeof DrawerTitle>;
523
+ declare const SmartDialogTitle: ({ children, ...props }: SmartDialogTitleProps) => react_jsx_runtime.JSX.Element;
524
+ type SmartDialogTriggerProps = React$1.ComponentProps<typeof DialogTrigger> & React$1.ComponentProps<typeof DrawerTrigger>;
525
+ declare const SmartDialogTrigger: ({ children, ...props }: SmartDialogTriggerProps) => react_jsx_runtime.JSX.Element;
526
+ type SmartDialogFooterProps = React$1.ComponentProps<typeof DialogFooter> & React$1.ComponentProps<typeof DrawerFooter>;
527
+ declare const SmartDialogFooter: ({ children, ...props }: SmartDialogFooterProps) => react_jsx_runtime.JSX.Element;
528
+ type SmartDialogCloseProps = React$1.ComponentProps<typeof DialogClose> & React$1.ComponentProps<typeof DrawerClose>;
529
+ declare const SmartDialogClose: ({ children, ...props }: SmartDialogCloseProps) => react_jsx_runtime.JSX.Element;
489
530
 
490
531
  declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
491
532
 
@@ -505,11 +546,6 @@ declare function TabsList({ className, ...props }: React$1.ComponentProps<typeof
505
546
  declare function TabsTrigger({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
506
547
  declare function TabsContent({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime.JSX.Element;
507
548
 
508
- interface TextareaProps extends Omit<React$1.ComponentProps<'textarea'>, 'size'> {
509
- error?: boolean;
510
- }
511
- declare const Textarea: React$1.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React$1.RefAttributes<HTMLTextAreaElement>>;
512
-
513
549
  declare const toggleVariants: (props?: ({
514
550
  variant?: "default" | "outline" | null | undefined;
515
551
  size?: "default" | "sm" | "lg" | null | undefined;
@@ -554,4 +590,4 @@ declare function cn(...inputs: ClassValue[]): string;
554
590
 
555
591
  declare function useIsMobile(): boolean;
556
592
 
557
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Body, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DisplayHeading, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HeadingL, HeadingM, HeadingS, HeadingXL, HeadingXS, HeadingXXS, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, SmartDialog, SmartDialogClose, SmartDialogContent, SmartDialogDescription, SmartDialogFooter, SmartDialogHeader, SmartDialogTitle, SmartDialogTrigger, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, bodyTextVariants, buttonVariants, cn, displayTextVariants, inputVariants, labelTextVariants, navigationMenuTriggerStyle, toggleVariants, useFormField, useIsMobile, useSidebar };
593
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, AutoResizeTextarea, Avatar, AvatarFallback, AvatarImage, Badge, Body, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DateInput, type DateInputProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DisplayHeading, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HeadingL, HeadingM, HeadingS, HeadingXL, HeadingXS, HeadingXXS, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, SmartDialog, SmartDialogClose, SmartDialogContent, SmartDialogDescription, SmartDialogFooter, SmartDialogHeader, SmartDialogTitle, SmartDialogTrigger, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, bodyTextVariants, buttonVariants, cn, displayTextVariants, inputVariants, labelTextVariants, navigationMenuTriggerStyle, toggleVariants, useFormField, useIsMobile, useSidebar };