@momo-webplatform/mobase 0.2.64 → 0.2.66

package/dist/cjs/index.d.cts

@@ -1813,39 +1813,69 @@ interface PaymentInvoiceProps {
     className?: string;
 }
 interface PaymentMethodsItemsProps {
-    id: string;
+    id: number;
     name: string;
     label?: string;
     logo: string;
     description?: string;
     disabled: boolean;
+    paymentMethod: string;
 }
 interface PaymentMethodsProps {
     title?: string;
     isLoading?: boolean;
     paymentMethods: PaymentMethodsItemsProps[];
     onSelectPaymentMethod: (value: string) => void;
+    defaultPaymentMethod?: string;
 }
 interface IPayment {
     className?: string;
     children: React.ReactNode;
-    type?: "default" | "modal";
     title?: string;
-    open?: boolean;
-    actionButton?: React.ReactNode;
-    onOpenChange?: (open: boolean) => void;
 }
-interface IPaymentAction extends ButtonsBlockProps {
+
+declare const PaymentInvoice: React$1.ForwardRefExoticComponent<PaymentInvoiceProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const PaymentMethods: ({ title, paymentMethods, isLoading, onSelectPaymentMethod, defaultPaymentMethod, }: PaymentMethodsProps) => react_jsx_runtime.JSX.Element;
+
+declare const Payment: React$1.ForwardRefExoticComponent<IPayment & React$1.RefAttributes<HTMLDivElement>>;
+
+interface PaymentResultContentProps {
+    children: React.ReactNode;
+    className?: string;
+}
+interface PaymentResultFooterProps {
+    children: React.ReactNode;
+    className?: string;
+}
+interface PaymentResultProps {
+    status: "success" | "failed" | "pending" | "error";
+    title: string;
+    message?: string;
+    className?: string;
+    iconPaymentResult?: React.ReactNode;
     children?: React.ReactNode;
 }
 
-declare const PaymentAction: React$1.ForwardRefExoticComponent<IPaymentAction & React$1.RefAttributes<HTMLButtonElement>>;
+declare const PaymentResultFooter: React$1.ForwardRefExoticComponent<PaymentResultFooterProps & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const PaymentInvoice: React$1.ForwardRefExoticComponent<PaymentInvoiceProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const PaymentResultContent: React$1.ForwardRefExoticComponent<PaymentResultContentProps & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const PaymentMethods: ({ title, paymentMethods, isLoading, onSelectPaymentMethod, }: PaymentMethodsProps) => react_jsx_runtime.JSX.Element;
+declare const PaymentResult: React$1.ForwardRefExoticComponent<PaymentResultProps & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const Payment: React$1.ForwardRefExoticComponent<IPayment & React$1.RefAttributes<HTMLDivElement>>;
+interface TopbarContentProps {
+    imageDesktop: string;
+    imageMobile?: string;
+    background?: string;
+    button: ActionButtonProps;
+}
+interface ITopbar {
+    template?: number;
+    content: TopbarContentProps;
+    hasCloseButton?: boolean;
+}
+
+declare const Topbar: React$1.ForwardRefExoticComponent<ITopbar & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
  * This Tailwind plugin is based and inspired on "tw-colors" and "NextUI".
@@ -1860,4 +1890,4 @@ declare const mobaseTW: () => {
 
 declare const SiteMeta: react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionContent, type AccordionContentInterface, AccordionItem, type AccordionItemInterface, type AccordionRootInterface, AccordionTrigger, type AccordionTriggerInterface, ActionButton, type ActionButtonProps, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, AspectRatio, Badge, BlogSection, type BlogSectionProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, CTASection, type CTASectionProps, Calendar, type CalendarProps, Callout, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselDots, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, ChoiceboxGroup, ChoiceboxGroupItem, ChoiceboxMultiItem, Combobox, ComboboxContent, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Comment, type ContentsProps, type DataFAQProps, DatePicker, type DatePickerProps, DateSelect, type DateSelectProps, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogQr, type DialogQrProps, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FAQSection, type FAQSectionProps, FeatureSection, type FeatureSectionProps, Footer, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GuideSection, type GuideSectionProps, HeaderNavigation, Heading, HeadingGroup, HeadingSub, HeadingTagline, type HeroContentProps, HeroSection, HorizontalContent, HorizontalNext, HorizontalPrevious, HorizontalScroll, type HorizontalScrollProps, HowItWorksSection, type HowItWorksSectionProps, type IComment, type ICommentContent, type ICommentFooter, type ICommentHeader, type IPayment, IconButton, type IconButtonProps, LightBoxGalleryContent, LightboxGallery, LightboxThumbnail, MetricsSection, type MetricsSectionProps, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NewsSection, type NewsSectionProps, Pagination, Payment, PaymentAction, PaymentInvoice, PaymentMethods, Popover, PopoverContent, PopoverTrigger, ProgressSteps, ProgressStepsItem, ProgressStepsItemTrigger, Progress as Progressbar, RadioGroup, RadioGroupItem, ReadMoreLite, SearchBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SiteMeta, Skeleton, Slider, SocialProofSection, type SocialProofSectionProps, Spinner, Stepper, Switch, Tabs, TabsContent, TabsList, TabsTrigger, TestimonialSection, type TestimonialSectionProps, TextArea, type TextAreaProps, TextButton, type TextButtonProps, TextInput, type TextInputProps, ToastAction, Toaster, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, mobaseTW, navigationMenuTriggerStyle, textButtonVariants, toast, useFormField, useToast };
+export { Accordion, AccordionContent, type AccordionContentInterface, AccordionItem, type AccordionItemInterface, type AccordionRootInterface, AccordionTrigger, type AccordionTriggerInterface, ActionButton, type ActionButtonProps, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, AspectRatio, Badge, BlogSection, type BlogSectionProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, CTASection, type CTASectionProps, Calendar, type CalendarProps, Callout, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselDots, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, ChoiceboxGroup, ChoiceboxGroupItem, ChoiceboxMultiItem, Combobox, ComboboxContent, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Comment, type ContentsProps, type DataFAQProps, DatePicker, type DatePickerProps, DateSelect, type DateSelectProps, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogQr, type DialogQrProps, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FAQSection, type FAQSectionProps, FeatureSection, type FeatureSectionProps, Footer, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GuideSection, type GuideSectionProps, HeaderNavigation, Heading, HeadingGroup, HeadingSub, HeadingTagline, type HeroContentProps, HeroSection, HorizontalContent, HorizontalNext, HorizontalPrevious, HorizontalScroll, type HorizontalScrollProps, HowItWorksSection, type HowItWorksSectionProps, type IComment, type ICommentContent, type ICommentFooter, type ICommentHeader, type IPayment, type ITopbar, IconButton, type IconButtonProps, LightBoxGalleryContent, LightboxGallery, LightboxThumbnail, MetricsSection, type MetricsSectionProps, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NewsSection, type NewsSectionProps, Pagination, Payment, PaymentInvoice, PaymentMethods, PaymentResult, PaymentResultContent, PaymentResultFooter, type PaymentResultProps, Popover, PopoverContent, PopoverTrigger, ProgressSteps, ProgressStepsItem, ProgressStepsItemTrigger, Progress as Progressbar, RadioGroup, RadioGroupItem, ReadMoreLite, SearchBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SiteMeta, Skeleton, Slider, SocialProofSection, type SocialProofSectionProps, Spinner, Stepper, Switch, Tabs, TabsContent, TabsList, TabsTrigger, TestimonialSection, type TestimonialSectionProps, TextArea, type TextAreaProps, TextButton, type TextButtonProps, TextInput, type TextInputProps, ToastAction, Toaster, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, Topbar, badgeVariants, buttonVariants, mobaseTW, navigationMenuTriggerStyle, textButtonVariants, toast, useFormField, useToast };

package/dist/esm/index.d.ts

@@ -1813,39 +1813,69 @@ interface PaymentInvoiceProps {
     className?: string;
 }
 interface PaymentMethodsItemsProps {
-    id: string;
+    id: number;
     name: string;
     label?: string;
     logo: string;
     description?: string;
     disabled: boolean;
+    paymentMethod: string;
 }
 interface PaymentMethodsProps {
     title?: string;
     isLoading?: boolean;
     paymentMethods: PaymentMethodsItemsProps[];
     onSelectPaymentMethod: (value: string) => void;
+    defaultPaymentMethod?: string;
 }
 interface IPayment {
     className?: string;
     children: React.ReactNode;
-    type?: "default" | "modal";
     title?: string;
-    open?: boolean;
-    actionButton?: React.ReactNode;
-    onOpenChange?: (open: boolean) => void;
 }
-interface IPaymentAction extends ButtonsBlockProps {
+
+declare const PaymentInvoice: React$1.ForwardRefExoticComponent<PaymentInvoiceProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const PaymentMethods: ({ title, paymentMethods, isLoading, onSelectPaymentMethod, defaultPaymentMethod, }: PaymentMethodsProps) => react_jsx_runtime.JSX.Element;
+
+declare const Payment: React$1.ForwardRefExoticComponent<IPayment & React$1.RefAttributes<HTMLDivElement>>;
+
+interface PaymentResultContentProps {
+    children: React.ReactNode;
+    className?: string;
+}
+interface PaymentResultFooterProps {
+    children: React.ReactNode;
+    className?: string;
+}
+interface PaymentResultProps {
+    status: "success" | "failed" | "pending" | "error";
+    title: string;
+    message?: string;
+    className?: string;
+    iconPaymentResult?: React.ReactNode;
     children?: React.ReactNode;
 }
 
-declare const PaymentAction: React$1.ForwardRefExoticComponent<IPaymentAction & React$1.RefAttributes<HTMLButtonElement>>;
+declare const PaymentResultFooter: React$1.ForwardRefExoticComponent<PaymentResultFooterProps & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const PaymentInvoice: React$1.ForwardRefExoticComponent<PaymentInvoiceProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const PaymentResultContent: React$1.ForwardRefExoticComponent<PaymentResultContentProps & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const PaymentMethods: ({ title, paymentMethods, isLoading, onSelectPaymentMethod, }: PaymentMethodsProps) => react_jsx_runtime.JSX.Element;
+declare const PaymentResult: React$1.ForwardRefExoticComponent<PaymentResultProps & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const Payment: React$1.ForwardRefExoticComponent<IPayment & React$1.RefAttributes<HTMLDivElement>>;
+interface TopbarContentProps {
+    imageDesktop: string;
+    imageMobile?: string;
+    background?: string;
+    button: ActionButtonProps;
+}
+interface ITopbar {
+    template?: number;
+    content: TopbarContentProps;
+    hasCloseButton?: boolean;
+}
+
+declare const Topbar: React$1.ForwardRefExoticComponent<ITopbar & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
  * This Tailwind plugin is based and inspired on "tw-colors" and "NextUI".
@@ -1860,4 +1890,4 @@ declare const mobaseTW: () => {
 
 declare const SiteMeta: react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionContent, type AccordionContentInterface, AccordionItem, type AccordionItemInterface, type AccordionRootInterface, AccordionTrigger, type AccordionTriggerInterface, ActionButton, type ActionButtonProps, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, AspectRatio, Badge, BlogSection, type BlogSectionProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, CTASection, type CTASectionProps, Calendar, type CalendarProps, Callout, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselDots, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, ChoiceboxGroup, ChoiceboxGroupItem, ChoiceboxMultiItem, Combobox, ComboboxContent, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Comment, type ContentsProps, type DataFAQProps, DatePicker, type DatePickerProps, DateSelect, type DateSelectProps, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogQr, type DialogQrProps, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FAQSection, type FAQSectionProps, FeatureSection, type FeatureSectionProps, Footer, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GuideSection, type GuideSectionProps, HeaderNavigation, Heading, HeadingGroup, HeadingSub, HeadingTagline, type HeroContentProps, HeroSection, HorizontalContent, HorizontalNext, HorizontalPrevious, HorizontalScroll, type HorizontalScrollProps, HowItWorksSection, type HowItWorksSectionProps, type IComment, type ICommentContent, type ICommentFooter, type ICommentHeader, type IPayment, IconButton, type IconButtonProps, LightBoxGalleryContent, LightboxGallery, LightboxThumbnail, MetricsSection, type MetricsSectionProps, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NewsSection, type NewsSectionProps, Pagination, Payment, PaymentAction, PaymentInvoice, PaymentMethods, Popover, PopoverContent, PopoverTrigger, ProgressSteps, ProgressStepsItem, ProgressStepsItemTrigger, Progress as Progressbar, RadioGroup, RadioGroupItem, ReadMoreLite, SearchBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SiteMeta, Skeleton, Slider, SocialProofSection, type SocialProofSectionProps, Spinner, Stepper, Switch, Tabs, TabsContent, TabsList, TabsTrigger, TestimonialSection, type TestimonialSectionProps, TextArea, type TextAreaProps, TextButton, type TextButtonProps, TextInput, type TextInputProps, ToastAction, Toaster, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, mobaseTW, navigationMenuTriggerStyle, textButtonVariants, toast, useFormField, useToast };
+export { Accordion, AccordionContent, type AccordionContentInterface, AccordionItem, type AccordionItemInterface, type AccordionRootInterface, AccordionTrigger, type AccordionTriggerInterface, ActionButton, type ActionButtonProps, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, AspectRatio, Badge, BlogSection, type BlogSectionProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, CTASection, type CTASectionProps, Calendar, type CalendarProps, Callout, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselDots, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, ChoiceboxGroup, ChoiceboxGroupItem, ChoiceboxMultiItem, Combobox, ComboboxContent, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Comment, type ContentsProps, type DataFAQProps, DatePicker, type DatePickerProps, DateSelect, type DateSelectProps, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogQr, type DialogQrProps, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FAQSection, type FAQSectionProps, FeatureSection, type FeatureSectionProps, Footer, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GuideSection, type GuideSectionProps, HeaderNavigation, Heading, HeadingGroup, HeadingSub, HeadingTagline, type HeroContentProps, HeroSection, HorizontalContent, HorizontalNext, HorizontalPrevious, HorizontalScroll, type HorizontalScrollProps, HowItWorksSection, type HowItWorksSectionProps, type IComment, type ICommentContent, type ICommentFooter, type ICommentHeader, type IPayment, type ITopbar, IconButton, type IconButtonProps, LightBoxGalleryContent, LightboxGallery, LightboxThumbnail, MetricsSection, type MetricsSectionProps, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NewsSection, type NewsSectionProps, Pagination, Payment, PaymentInvoice, PaymentMethods, PaymentResult, PaymentResultContent, PaymentResultFooter, type PaymentResultProps, Popover, PopoverContent, PopoverTrigger, ProgressSteps, ProgressStepsItem, ProgressStepsItemTrigger, Progress as Progressbar, RadioGroup, RadioGroupItem, ReadMoreLite, SearchBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SiteMeta, Skeleton, Slider, SocialProofSection, type SocialProofSectionProps, Spinner, Stepper, Switch, Tabs, TabsContent, TabsList, TabsTrigger, TestimonialSection, type TestimonialSectionProps, TextArea, type TextAreaProps, TextButton, type TextButtonProps, TextInput, type TextInputProps, ToastAction, Toaster, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, Topbar, badgeVariants, buttonVariants, mobaseTW, navigationMenuTriggerStyle, textButtonVariants, toast, useFormField, useToast };