shru-design-system 0.2.0 → 0.3.0

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
@@ -52,12 +52,13 @@ declare const Button: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttrib
52
52
  }, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
53
53
 
54
54
  declare const badgeVariants: (props?: ({
55
- readonly variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
55
+ readonly variant?: "default" | "destructive" | "outline" | "secondary" | "disabled" | null | undefined;
56
56
  } & class_variance_authority_types.ClassProp) | undefined) => string;
57
57
  declare const Badge: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLSpanElement> & React$1.HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
58
- readonly variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
58
+ readonly variant?: "default" | "destructive" | "outline" | "secondary" | "disabled" | null | undefined;
59
59
  } & class_variance_authority_types.ClassProp) | undefined) => string> & {
60
60
  asChild?: boolean;
61
+ onClick?: (e: React$1.MouseEvent<HTMLSpanElement>) => void;
61
62
  }, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
62
63
 
63
64
  declare const textInputTypes: readonly ["text", "email", "password", "number", "tel", "url", "search"];
@@ -552,8 +553,10 @@ interface InfoBannerProps {
552
553
  message: string;
553
554
  variant?: "info" | "warning" | "success";
554
555
  className?: string;
556
+ tooltip?: boolean;
557
+ children?: React$1.ReactNode;
555
558
  }
556
- declare function InfoBanner({ message, variant, className, }: InfoBannerProps): react_jsx_runtime.JSX.Element;
559
+ declare function InfoBanner({ message, variant, className, tooltip, children, }: InfoBannerProps): react_jsx_runtime.JSX.Element;
557
560
 
558
561
  interface InlineEditProps {
559
562
  value: string;
@@ -576,41 +579,92 @@ declare function InputGroupText({ className, ...props }: React$1.ComponentProps<
576
579
  declare function InputGroupInput({ className, ...props }: TextInputProps): react_jsx_runtime.JSX.Element;
577
580
  declare function InputGroupTextarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
578
581
 
579
- interface FormInputProps extends React$1.ComponentProps<typeof TextInput> {
582
+ type FormInputType = "text" | "email" | "url" | "number" | "textarea" | "select" | "checkbox";
583
+ interface FormInputProps {
584
+ type?: FormInputType;
580
585
  label?: string;
581
586
  error?: string;
582
587
  description?: string;
588
+ variant?: "default" | "minimal";
589
+ placeholder?: string;
590
+ value?: string | number;
591
+ onChange?: (e: React$1.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
592
+ options?: Array<{
593
+ label: string;
594
+ value: string;
595
+ }>;
596
+ onValueChange?: (value: string) => void;
597
+ checked?: boolean;
598
+ onCheckedChange?: (checked: boolean) => void;
599
+ id?: string;
600
+ className?: string;
601
+ required?: boolean;
602
+ disabled?: boolean;
603
+ [key: string]: any;
583
604
  }
584
- declare function FormInput({ className, label, error, description, id, ...props }: FormInputProps): react_jsx_runtime.JSX.Element;
605
+ declare function FormInput({ className, type, label, error, description, variant, id, options, onValueChange, checked, onCheckedChange, ...props }: FormInputProps): react_jsx_runtime.JSX.Element;
585
606
 
586
607
  interface ConfirmModalProps {
587
- open: boolean;
588
- onOpenChange: (open: boolean) => void;
589
- onConfirm: () => void;
608
+ open?: boolean;
609
+ onOpenChange?: (open: boolean) => void;
610
+ triggerLabel?: string;
611
+ triggerProps?: React$1.ComponentProps<typeof Button>;
612
+ text?: string;
590
613
  title: string;
591
614
  description?: string;
615
+ onConfirm: () => void | Promise<void>;
592
616
  confirmLabel?: string;
593
617
  cancelLabel?: string;
594
- variant?: "default" | "destructive";
618
+ variant?: "default" | "destructive" | "delete" | "save" | "warning";
619
+ loading?: boolean;
620
+ error?: string;
621
+ showModal?: boolean;
595
622
  }
596
- declare function ConfirmModal({ open, onOpenChange, onConfirm, title, description, confirmLabel, cancelLabel, variant, }: ConfirmModalProps): react_jsx_runtime.JSX.Element;
623
+ declare function ConfirmModal({ open: openProp, onOpenChange, triggerLabel, triggerProps, text, title, description, onConfirm, confirmLabel, cancelLabel, variant, loading, error, showModal, }: ConfirmModalProps): react_jsx_runtime.JSX.Element;
597
624
 
598
625
  interface CopyButtonProps extends React$1.ComponentProps<typeof Button> {
599
- text: string;
626
+ text?: string;
627
+ getText?: () => string;
600
628
  onCopy?: () => void;
601
629
  }
602
- declare function CopyButton({ text, onCopy, ...props }: CopyButtonProps): react_jsx_runtime.JSX.Element;
630
+ declare function CopyButton({ text, getText, onCopy, ...props }: CopyButtonProps): react_jsx_runtime.JSX.Element;
603
631
 
632
+ type FormFieldType = "text" | "textarea" | "select" | "checkbox" | "upload" | "number" | "email" | "url";
633
+ interface FormFieldConfig {
634
+ name: string;
635
+ type: FormFieldType;
636
+ label?: string;
637
+ placeholder?: string;
638
+ description?: string;
639
+ required?: boolean;
640
+ active?: boolean | ((values: Record<string, any>) => boolean);
641
+ validation?: (value: any) => string | undefined;
642
+ options?: Array<{
643
+ label: string;
644
+ value: string;
645
+ }>;
646
+ accept?: string;
647
+ multiple?: boolean;
648
+ min?: number;
649
+ max?: number;
650
+ step?: number;
651
+ defaultValue?: any;
652
+ }
604
653
  interface FormModalProps {
605
- open: boolean;
606
- onOpenChange: (open: boolean) => void;
654
+ open?: boolean;
655
+ onOpenChange?: (open: boolean) => void;
656
+ triggerLabel?: string;
657
+ triggerProps?: React$1.ComponentProps<typeof Button>;
607
658
  title: string;
608
- onSubmit: (data: any) => void;
609
- children: React$1.ReactNode;
659
+ onSubmit: (data: Record<string, any>) => void | Promise<void>;
610
660
  submitLabel?: string;
611
661
  cancelLabel?: string;
662
+ fields?: FormFieldConfig[];
663
+ children?: React$1.ReactNode;
664
+ beforeFields?: React$1.ReactNode;
665
+ afterFields?: React$1.ReactNode;
612
666
  }
613
- declare function FormModal({ open, onOpenChange, title, onSubmit, children, submitLabel, cancelLabel, }: FormModalProps): react_jsx_runtime.JSX.Element;
667
+ declare function FormModal({ open: openProp, onOpenChange, triggerLabel, triggerProps, title, onSubmit, submitLabel, cancelLabel, fields, children, beforeFields, afterFields, }: FormModalProps): react_jsx_runtime.JSX.Element;
614
668
 
615
669
  interface TriggerModalProps {
616
670
  trigger: React$1.ReactNode;
@@ -650,7 +704,15 @@ interface GridProps extends React$1.HTMLAttributes<HTMLDivElement> {
650
704
  }
651
705
  declare function Grid({ className, cols, gap, ...props }: GridProps): react_jsx_runtime.JSX.Element;
652
706
 
653
- declare function Card({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
707
+ declare const cardVariants: (props?: ({
708
+ variant?: "minimal" | "filled" | "subtle" | "outlined" | null | undefined;
709
+ size?: "sm" | "lg" | "xs" | "md" | null | undefined;
710
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
711
+ interface CardProps extends React$1.ComponentProps<"div">, VariantProps<typeof cardVariants> {
712
+ header?: React$1.ReactNode;
713
+ footer?: React$1.ReactNode;
714
+ }
715
+ declare function Card({ className, variant, size, header, footer, children, ...props }: CardProps): react_jsx_runtime.JSX.Element;
654
716
  declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
655
717
  declare function CardTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
656
718
  declare function CardDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
@@ -682,23 +744,34 @@ interface ListProps extends React$1.HTMLAttributes<HTMLUListElement> {
682
744
  }
683
745
  declare function List({ className, variant, ...props }: ListProps): react_jsx_runtime.JSX.Element;
684
746
 
685
- interface HeaderProps extends React$1.HTMLAttributes<HTMLElement> {
747
+ declare const headerVariants: (props?: ({
748
+ variant?: "default" | "bordered" | null | undefined;
749
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
750
+ interface HeaderProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof headerVariants> {
686
751
  sticky?: boolean;
752
+ heading?: string;
753
+ caption?: string;
754
+ left?: React$1.ReactNode;
755
+ right?: React$1.ReactNode;
687
756
  }
688
- declare function Header({ className, sticky, ...props }: HeaderProps): react_jsx_runtime.JSX.Element;
757
+ declare function Header({ className, sticky, variant, heading, caption, left, right, children, ...props }: HeaderProps): react_jsx_runtime.JSX.Element;
689
758
 
690
759
  interface FooterProps extends React$1.HTMLAttributes<HTMLElement> {
691
760
  }
692
761
  declare function Footer({ className, ...props }: FooterProps): react_jsx_runtime.JSX.Element;
693
762
 
694
- interface EmptyScreenProps {
763
+ declare const emptyScreenVariants: (props?: ({
764
+ variant?: "default" | "minimal" | "spacious" | null | undefined;
765
+ size?: "sm" | "lg" | "md" | null | undefined;
766
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
767
+ interface EmptyScreenProps extends VariantProps<typeof emptyScreenVariants> {
695
768
  title?: string;
696
769
  description?: string;
697
770
  icon?: React$1.ReactNode;
698
771
  action?: React$1.ReactNode;
699
772
  className?: string;
700
773
  }
701
- declare function EmptyScreen({ title, description, icon, action, className, }: EmptyScreenProps): react_jsx_runtime.JSX.Element;
774
+ declare function EmptyScreen({ title, description, icon, action, variant, size, className, }: EmptyScreenProps): react_jsx_runtime.JSX.Element;
702
775
 
703
776
  interface CollapsiblePanelProps {
704
777
  title: string;
@@ -922,4 +995,4 @@ declare function getCurrentCSSVariables(): Record<string, string>;
922
995
  */
923
996
  declare function applyThemeSync(): void;
924
997
 
925
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Box, type BoxProps, 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, CollapsiblePanel, type CollapsiblePanelProps, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfirmModal, type ConfirmModalProps, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, type CopyButtonProps, 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, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyScreen, type EmptyScreenProps, EmptyTitle, ErrorBoundary, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Footer, type FooterProps, Form, FormControl, FormDescription, FormField, FormInput, type FormInputProps, FormItem, FormLabel, FormMessage, FormModal, type FormModalProps, Grid, type GridProps, Header, type HeaderProps, HistoryControlButtons, type HistoryControlButtonsProps, HoverCard, HoverCardContent, HoverCardTrigger, Image, type ImageProps, InfoBanner, type InfoBannerProps, InlineEdit, type InlineEditProps, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Kbd, KbdGroup, Label, List, type ListProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, Radio, RadioItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResizeContainer, type ResizeContainerProps, 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, Snackbar, type SnackbarProps, Spinner, Stack, type StackProps, StatusText, type StatusTextProps, Stepper, type StepperProps, Switch, THEME_CATEGORY_ORDER, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, TextInput, type TextProps, Textarea, type ThemeMetadata$1 as ThemeMetadata, type ThemeSelection, ThemeToggle, type ThemeToggleProps, Toast, type ToastProps, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TriggerModal, type TriggerModalProps, Upload, type UploadProps, alertVariants, applyThemeSync, badgeVariants, buttonVariants, emptyMediaVariants, enableDebugMode, fieldVariants, getCurrentCSSVariables, getTheme, getThemeCategories, getThemeFilePath, getThemesForCategory, navigationMenuTriggerStyle, registerTheme, registerThemeFromFile, toggleVariants, useChart, useFormField, useSidebar, useTheme, useThemeToggle };
998
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsiblePanel, type CollapsiblePanelProps, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfirmModal, type ConfirmModalProps, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, type CopyButtonProps, 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, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyScreen, type EmptyScreenProps, EmptyTitle, ErrorBoundary, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Footer, type FooterProps, Form, FormControl, FormDescription, FormField, type FormFieldConfig, type FormFieldType, FormInput, type FormInputProps, type FormInputType, FormItem, FormLabel, FormMessage, FormModal, type FormModalProps, Grid, type GridProps, Header, type HeaderProps, HistoryControlButtons, type HistoryControlButtonsProps, HoverCard, HoverCardContent, HoverCardTrigger, Image, type ImageProps, InfoBanner, type InfoBannerProps, InlineEdit, type InlineEditProps, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Kbd, KbdGroup, Label, List, type ListProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, Radio, RadioItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResizeContainer, type ResizeContainerProps, 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, Snackbar, type SnackbarProps, Spinner, Stack, type StackProps, StatusText, type StatusTextProps, Stepper, type StepperProps, Switch, THEME_CATEGORY_ORDER, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, TextInput, type TextProps, Textarea, type ThemeMetadata$1 as ThemeMetadata, type ThemeSelection, ThemeToggle, type ThemeToggleProps, Toast, type ToastProps, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TriggerModal, type TriggerModalProps, Upload, type UploadProps, alertVariants, applyThemeSync, badgeVariants, buttonVariants, emptyMediaVariants, enableDebugMode, fieldVariants, getCurrentCSSVariables, getTheme, getThemeCategories, getThemeFilePath, getThemesForCategory, navigationMenuTriggerStyle, registerTheme, registerThemeFromFile, toggleVariants, useChart, useFormField, useSidebar, useTheme, useThemeToggle };
package/dist/index.d.ts CHANGED
@@ -52,12 +52,13 @@ declare const Button: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttrib
52
52
  }, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
53
53
 
54
54
  declare const badgeVariants: (props?: ({
55
- readonly variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
55
+ readonly variant?: "default" | "destructive" | "outline" | "secondary" | "disabled" | null | undefined;
56
56
  } & class_variance_authority_types.ClassProp) | undefined) => string;
57
57
  declare const Badge: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLSpanElement> & React$1.HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
58
- readonly variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
58
+ readonly variant?: "default" | "destructive" | "outline" | "secondary" | "disabled" | null | undefined;
59
59
  } & class_variance_authority_types.ClassProp) | undefined) => string> & {
60
60
  asChild?: boolean;
61
+ onClick?: (e: React$1.MouseEvent<HTMLSpanElement>) => void;
61
62
  }, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
62
63
 
63
64
  declare const textInputTypes: readonly ["text", "email", "password", "number", "tel", "url", "search"];
@@ -552,8 +553,10 @@ interface InfoBannerProps {
552
553
  message: string;
553
554
  variant?: "info" | "warning" | "success";
554
555
  className?: string;
556
+ tooltip?: boolean;
557
+ children?: React$1.ReactNode;
555
558
  }
556
- declare function InfoBanner({ message, variant, className, }: InfoBannerProps): react_jsx_runtime.JSX.Element;
559
+ declare function InfoBanner({ message, variant, className, tooltip, children, }: InfoBannerProps): react_jsx_runtime.JSX.Element;
557
560
 
558
561
  interface InlineEditProps {
559
562
  value: string;
@@ -576,41 +579,92 @@ declare function InputGroupText({ className, ...props }: React$1.ComponentProps<
576
579
  declare function InputGroupInput({ className, ...props }: TextInputProps): react_jsx_runtime.JSX.Element;
577
580
  declare function InputGroupTextarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
578
581
 
579
- interface FormInputProps extends React$1.ComponentProps<typeof TextInput> {
582
+ type FormInputType = "text" | "email" | "url" | "number" | "textarea" | "select" | "checkbox";
583
+ interface FormInputProps {
584
+ type?: FormInputType;
580
585
  label?: string;
581
586
  error?: string;
582
587
  description?: string;
588
+ variant?: "default" | "minimal";
589
+ placeholder?: string;
590
+ value?: string | number;
591
+ onChange?: (e: React$1.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
592
+ options?: Array<{
593
+ label: string;
594
+ value: string;
595
+ }>;
596
+ onValueChange?: (value: string) => void;
597
+ checked?: boolean;
598
+ onCheckedChange?: (checked: boolean) => void;
599
+ id?: string;
600
+ className?: string;
601
+ required?: boolean;
602
+ disabled?: boolean;
603
+ [key: string]: any;
583
604
  }
584
- declare function FormInput({ className, label, error, description, id, ...props }: FormInputProps): react_jsx_runtime.JSX.Element;
605
+ declare function FormInput({ className, type, label, error, description, variant, id, options, onValueChange, checked, onCheckedChange, ...props }: FormInputProps): react_jsx_runtime.JSX.Element;
585
606
 
586
607
  interface ConfirmModalProps {
587
- open: boolean;
588
- onOpenChange: (open: boolean) => void;
589
- onConfirm: () => void;
608
+ open?: boolean;
609
+ onOpenChange?: (open: boolean) => void;
610
+ triggerLabel?: string;
611
+ triggerProps?: React$1.ComponentProps<typeof Button>;
612
+ text?: string;
590
613
  title: string;
591
614
  description?: string;
615
+ onConfirm: () => void | Promise<void>;
592
616
  confirmLabel?: string;
593
617
  cancelLabel?: string;
594
- variant?: "default" | "destructive";
618
+ variant?: "default" | "destructive" | "delete" | "save" | "warning";
619
+ loading?: boolean;
620
+ error?: string;
621
+ showModal?: boolean;
595
622
  }
596
- declare function ConfirmModal({ open, onOpenChange, onConfirm, title, description, confirmLabel, cancelLabel, variant, }: ConfirmModalProps): react_jsx_runtime.JSX.Element;
623
+ declare function ConfirmModal({ open: openProp, onOpenChange, triggerLabel, triggerProps, text, title, description, onConfirm, confirmLabel, cancelLabel, variant, loading, error, showModal, }: ConfirmModalProps): react_jsx_runtime.JSX.Element;
597
624
 
598
625
  interface CopyButtonProps extends React$1.ComponentProps<typeof Button> {
599
- text: string;
626
+ text?: string;
627
+ getText?: () => string;
600
628
  onCopy?: () => void;
601
629
  }
602
- declare function CopyButton({ text, onCopy, ...props }: CopyButtonProps): react_jsx_runtime.JSX.Element;
630
+ declare function CopyButton({ text, getText, onCopy, ...props }: CopyButtonProps): react_jsx_runtime.JSX.Element;
603
631
 
632
+ type FormFieldType = "text" | "textarea" | "select" | "checkbox" | "upload" | "number" | "email" | "url";
633
+ interface FormFieldConfig {
634
+ name: string;
635
+ type: FormFieldType;
636
+ label?: string;
637
+ placeholder?: string;
638
+ description?: string;
639
+ required?: boolean;
640
+ active?: boolean | ((values: Record<string, any>) => boolean);
641
+ validation?: (value: any) => string | undefined;
642
+ options?: Array<{
643
+ label: string;
644
+ value: string;
645
+ }>;
646
+ accept?: string;
647
+ multiple?: boolean;
648
+ min?: number;
649
+ max?: number;
650
+ step?: number;
651
+ defaultValue?: any;
652
+ }
604
653
  interface FormModalProps {
605
- open: boolean;
606
- onOpenChange: (open: boolean) => void;
654
+ open?: boolean;
655
+ onOpenChange?: (open: boolean) => void;
656
+ triggerLabel?: string;
657
+ triggerProps?: React$1.ComponentProps<typeof Button>;
607
658
  title: string;
608
- onSubmit: (data: any) => void;
609
- children: React$1.ReactNode;
659
+ onSubmit: (data: Record<string, any>) => void | Promise<void>;
610
660
  submitLabel?: string;
611
661
  cancelLabel?: string;
662
+ fields?: FormFieldConfig[];
663
+ children?: React$1.ReactNode;
664
+ beforeFields?: React$1.ReactNode;
665
+ afterFields?: React$1.ReactNode;
612
666
  }
613
- declare function FormModal({ open, onOpenChange, title, onSubmit, children, submitLabel, cancelLabel, }: FormModalProps): react_jsx_runtime.JSX.Element;
667
+ declare function FormModal({ open: openProp, onOpenChange, triggerLabel, triggerProps, title, onSubmit, submitLabel, cancelLabel, fields, children, beforeFields, afterFields, }: FormModalProps): react_jsx_runtime.JSX.Element;
614
668
 
615
669
  interface TriggerModalProps {
616
670
  trigger: React$1.ReactNode;
@@ -650,7 +704,15 @@ interface GridProps extends React$1.HTMLAttributes<HTMLDivElement> {
650
704
  }
651
705
  declare function Grid({ className, cols, gap, ...props }: GridProps): react_jsx_runtime.JSX.Element;
652
706
 
653
- declare function Card({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
707
+ declare const cardVariants: (props?: ({
708
+ variant?: "minimal" | "filled" | "subtle" | "outlined" | null | undefined;
709
+ size?: "sm" | "lg" | "xs" | "md" | null | undefined;
710
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
711
+ interface CardProps extends React$1.ComponentProps<"div">, VariantProps<typeof cardVariants> {
712
+ header?: React$1.ReactNode;
713
+ footer?: React$1.ReactNode;
714
+ }
715
+ declare function Card({ className, variant, size, header, footer, children, ...props }: CardProps): react_jsx_runtime.JSX.Element;
654
716
  declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
655
717
  declare function CardTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
656
718
  declare function CardDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
@@ -682,23 +744,34 @@ interface ListProps extends React$1.HTMLAttributes<HTMLUListElement> {
682
744
  }
683
745
  declare function List({ className, variant, ...props }: ListProps): react_jsx_runtime.JSX.Element;
684
746
 
685
- interface HeaderProps extends React$1.HTMLAttributes<HTMLElement> {
747
+ declare const headerVariants: (props?: ({
748
+ variant?: "default" | "bordered" | null | undefined;
749
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
750
+ interface HeaderProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof headerVariants> {
686
751
  sticky?: boolean;
752
+ heading?: string;
753
+ caption?: string;
754
+ left?: React$1.ReactNode;
755
+ right?: React$1.ReactNode;
687
756
  }
688
- declare function Header({ className, sticky, ...props }: HeaderProps): react_jsx_runtime.JSX.Element;
757
+ declare function Header({ className, sticky, variant, heading, caption, left, right, children, ...props }: HeaderProps): react_jsx_runtime.JSX.Element;
689
758
 
690
759
  interface FooterProps extends React$1.HTMLAttributes<HTMLElement> {
691
760
  }
692
761
  declare function Footer({ className, ...props }: FooterProps): react_jsx_runtime.JSX.Element;
693
762
 
694
- interface EmptyScreenProps {
763
+ declare const emptyScreenVariants: (props?: ({
764
+ variant?: "default" | "minimal" | "spacious" | null | undefined;
765
+ size?: "sm" | "lg" | "md" | null | undefined;
766
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
767
+ interface EmptyScreenProps extends VariantProps<typeof emptyScreenVariants> {
695
768
  title?: string;
696
769
  description?: string;
697
770
  icon?: React$1.ReactNode;
698
771
  action?: React$1.ReactNode;
699
772
  className?: string;
700
773
  }
701
- declare function EmptyScreen({ title, description, icon, action, className, }: EmptyScreenProps): react_jsx_runtime.JSX.Element;
774
+ declare function EmptyScreen({ title, description, icon, action, variant, size, className, }: EmptyScreenProps): react_jsx_runtime.JSX.Element;
702
775
 
703
776
  interface CollapsiblePanelProps {
704
777
  title: string;
@@ -922,4 +995,4 @@ declare function getCurrentCSSVariables(): Record<string, string>;
922
995
  */
923
996
  declare function applyThemeSync(): void;
924
997
 
925
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Box, type BoxProps, 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, CollapsiblePanel, type CollapsiblePanelProps, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfirmModal, type ConfirmModalProps, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, type CopyButtonProps, 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, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyScreen, type EmptyScreenProps, EmptyTitle, ErrorBoundary, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Footer, type FooterProps, Form, FormControl, FormDescription, FormField, FormInput, type FormInputProps, FormItem, FormLabel, FormMessage, FormModal, type FormModalProps, Grid, type GridProps, Header, type HeaderProps, HistoryControlButtons, type HistoryControlButtonsProps, HoverCard, HoverCardContent, HoverCardTrigger, Image, type ImageProps, InfoBanner, type InfoBannerProps, InlineEdit, type InlineEditProps, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Kbd, KbdGroup, Label, List, type ListProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, Radio, RadioItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResizeContainer, type ResizeContainerProps, 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, Snackbar, type SnackbarProps, Spinner, Stack, type StackProps, StatusText, type StatusTextProps, Stepper, type StepperProps, Switch, THEME_CATEGORY_ORDER, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, TextInput, type TextProps, Textarea, type ThemeMetadata$1 as ThemeMetadata, type ThemeSelection, ThemeToggle, type ThemeToggleProps, Toast, type ToastProps, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TriggerModal, type TriggerModalProps, Upload, type UploadProps, alertVariants, applyThemeSync, badgeVariants, buttonVariants, emptyMediaVariants, enableDebugMode, fieldVariants, getCurrentCSSVariables, getTheme, getThemeCategories, getThemeFilePath, getThemesForCategory, navigationMenuTriggerStyle, registerTheme, registerThemeFromFile, toggleVariants, useChart, useFormField, useSidebar, useTheme, useThemeToggle };
998
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsiblePanel, type CollapsiblePanelProps, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfirmModal, type ConfirmModalProps, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, type CopyButtonProps, 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, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyScreen, type EmptyScreenProps, EmptyTitle, ErrorBoundary, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Footer, type FooterProps, Form, FormControl, FormDescription, FormField, type FormFieldConfig, type FormFieldType, FormInput, type FormInputProps, type FormInputType, FormItem, FormLabel, FormMessage, FormModal, type FormModalProps, Grid, type GridProps, Header, type HeaderProps, HistoryControlButtons, type HistoryControlButtonsProps, HoverCard, HoverCardContent, HoverCardTrigger, Image, type ImageProps, InfoBanner, type InfoBannerProps, InlineEdit, type InlineEditProps, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Kbd, KbdGroup, Label, List, type ListProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, Radio, RadioItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResizeContainer, type ResizeContainerProps, 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, Snackbar, type SnackbarProps, Spinner, Stack, type StackProps, StatusText, type StatusTextProps, Stepper, type StepperProps, Switch, THEME_CATEGORY_ORDER, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, TextInput, type TextProps, Textarea, type ThemeMetadata$1 as ThemeMetadata, type ThemeSelection, ThemeToggle, type ThemeToggleProps, Toast, type ToastProps, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TriggerModal, type TriggerModalProps, Upload, type UploadProps, alertVariants, applyThemeSync, badgeVariants, buttonVariants, emptyMediaVariants, enableDebugMode, fieldVariants, getCurrentCSSVariables, getTheme, getThemeCategories, getThemeFilePath, getThemesForCategory, navigationMenuTriggerStyle, registerTheme, registerThemeFromFile, toggleVariants, useChart, useFormField, useSidebar, useTheme, useThemeToggle };