@momo-webplatform/mobase 0.2.40 → 0.2.41

package/dist/cjs/index.d.cts

@@ -23,6 +23,10 @@ import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
 import * as SliderPrimitive from '@radix-ui/react-slider';
+import * as _radix_ui_react_slot from '@radix-ui/react-slot';
+import * as react_hook_form from 'react-hook-form';
+import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+import * as LabelPrimitive from '@radix-ui/react-label';
 import * as tailwindcss_types_config from 'tailwindcss/types/config';
 
 type AccordionRootInterface = AccordionSingleProps | AccordionMultipleProps;
@@ -913,20 +917,24 @@ interface SearchBarProps extends InputHTMLAttributes<HTMLInputElement> {
 }
 declare const SearchBar: React$1.ForwardRefExoticComponent<SearchBarProps & React$1.RefAttributes<HTMLInputElement>>;
 
+declare const LightboxGallery: ({ children, open, onOpenChange, className, }: React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Root> & {
+    children: ReactNode;
+    className: string;
+}) => react_jsx_runtime.JSX.Element;
 interface LightboxThumbnailProps extends React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger> {
     children?: ReactNode;
-    onClick?: () => void;
     src?: string;
     alt?: string;
     className?: string;
     classNameImage?: string;
+    onClick?: () => void;
+    ratio?: number;
 }
-declare const LightboxThumbnail: ({ children, src, alt, className, classNameImage, onClick, }: LightboxThumbnailProps) => react_jsx_runtime.JSX.Element;
-interface LightBoxContentProps extends React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
+declare const LightboxThumbnail: ({ children, src, alt, className, classNameImage, onClick, ratio, }: LightboxThumbnailProps) => react_jsx_runtime.JSX.Element;
+interface LightBoxGalleryContentProps {
     images: {
         url: string;
         titleImage?: string;
-        idx?: number;
     }[];
     activeSlideIndex?: number;
     withSideBar?: boolean;
@@ -934,15 +942,7 @@ interface LightBoxContentProps extends React__default.ComponentPropsWithoutRef<t
     classNameSubHtmSideBar?: string;
     isPagination?: boolean;
 }
-declare const LightBoxContent: ({ images, activeSlideIndex, withSideBar, subHtmlSideBar, classNameSubHtmSideBar, className, isPagination, }: LightBoxContentProps) => react_jsx_runtime.JSX.Element;
-interface LightboxGalleryProps extends React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Dialog> {
-    className?: string;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-}
-declare const LightboxGallery: ({ children, className, open, onOpenChange, }: LightboxGalleryProps & {
-    children: ReactNode;
-}) => react_jsx_runtime.JSX.Element;
+declare const LightBoxGalleryContent: ({ images, activeSlideIndex, withSideBar, subHtmlSideBar, classNameSubHtmSideBar, }: LightBoxGalleryContentProps) => react_jsx_runtime.JSX.Element;
 
 declare const ChoiceboxGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     /**
@@ -1145,6 +1145,64 @@ interface SocialProofSectionProps extends SectionBlockProps {
 }
 declare const SocialProofSection: ({ template, background, className, idSection, dataHeading, dataBrands, dataButtons, spaceX, isScrollSnap, }: SocialProofSectionProps) => react_jsx_runtime.JSX.Element;
 
+interface ICommentThumbnails {
+    url: string;
+    titleImage?: string;
+}
+interface IRating {
+    point: number;
+    max: 5 | 10;
+    className?: string;
+}
+interface IComment {
+    avatar?: string;
+    author?: string;
+    time?: string;
+    ratingPoint?: IRating;
+    content?: string;
+    tags?: string[];
+    thumbnails?: ICommentThumbnails[];
+    actions?: React.ReactNode[];
+    statusMessage?: string;
+    repliesComment?: number;
+    likesComment?: number;
+    children?: React.ReactNode;
+    isReply?: boolean;
+    commentSideBar?: React.ReactNode;
+    isOutStanding?: boolean;
+    limitContent?: number;
+}
+interface ICommentHeader {
+    avatar?: IComment["avatar"];
+    author?: IComment["author"];
+    time?: IComment["time"];
+    statusMessage?: IComment["statusMessage"];
+    isOutStanding?: IComment["isOutStanding"];
+}
+interface ICommentContent {
+    content: IComment["content"];
+    thumbnails: IComment["thumbnails"];
+    tags: IComment["tags"];
+    commentSideBar?: React.ReactNode;
+    rating: IComment["ratingPoint"];
+    limitContent?: IComment["limitContent"];
+}
+interface ICommentFooter {
+    actions?: IComment["actions"];
+}
+
+declare const Comment: React$1.ForwardRefExoticComponent<IComment & React$1.RefAttributes<HTMLDivElement>>;
+
+interface ReadMoreLiteProps {
+    children: string;
+    maxChar?: number;
+    textMore?: string;
+    textLess?: string;
+    btnClass?: string;
+    className?: string;
+}
+declare const ReadMoreLite: React.FC<ReadMoreLiteProps>;
+
 type StepState = "active" | "disabled" | "default" | "completed";
 type StepSize = "default" | "small";
 interface ProgressStepsProps {
@@ -1175,13 +1233,13 @@ interface ProgressStepsItemProps {
 declare const ProgressStepsItem: React$1.FC<ProgressStepsItemProps>;
 declare const ProgressSteps: React$1.FC<ProgressStepsProps>;
 
-interface IContents {
+interface IContents$1 {
     title: string;
     description: string;
 }
 interface IDataFAQ {
     title: string;
-    contents: IContents[];
+    contents: IContents$1[];
 }
 interface IFAQ extends SectionBlockProps {
     dataHeading: HeadingBlockProps;
@@ -1190,6 +1248,57 @@ interface IFAQ extends SectionBlockProps {
 
 declare const FAQSection: ({ dataHeading, dataFAQ, className, background, }: IFAQ) => react_jsx_runtime.JSX.Element;
 
+interface IContents {
+    id: number;
+    title: string;
+    dateTime: string;
+    thumbnails: {
+        thumbnailMobile: string;
+        thumbnailDesktop: string;
+    };
+    url: string;
+}
+interface IDataNews {
+    title: string;
+    contents: IContents[];
+}
+interface IButtonLoadMore {
+    isShow: boolean;
+    url: string;
+    isNewTab: boolean;
+    content: string;
+    icon?: React.ReactNode;
+}
+interface INewsSection extends SectionBlockProps {
+    dataHeading: HeadingBlockProps;
+    dataNews: IDataNews[];
+    buttonLoadMore?: IButtonLoadMore;
+    cols?: number;
+    onClickModal?: (id: number) => void;
+}
+
+declare const NewsSection: ({ dataHeading, dataNews, className, background, buttonLoadMore, cols, onClickModal, }: INewsSection) => react_jsx_runtime.JSX.Element;
+
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: react_hook_form.FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare const FormItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const FormLabel: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
+declare const FormControl: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
+declare const FormDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const FormMessage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+
 /**
  * This Tailwind plugin is based and inspired on "tw-colors" and "NextUI".
  *
@@ -1203,4 +1312,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, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, type CalendarProps, Callout, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, ChoiceboxGroup, ChoiceboxGroupItem, ChoiceboxMultiItem, Combobox, ComboboxContent, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DatePicker, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogQr, type DialogQrProps, DialogTitle, DialogTrigger, FAQSection, FeatureSection, type FeatureSectionProps, Footer, HeaderNavigation, Heading, HeadingGroup, HeadingSub, HeadingTagline, type HeroContentProps, HeroSection, type IContents, type IDataFAQ, type IFAQ, IconButton, type IconButtonProps, LightBoxContent, LightboxGallery, LightboxThumbnail, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, Popover, PopoverContent, PopoverTrigger, ProgressSteps, ProgressStepsItem, ProgressStepsItemTrigger, Progress as Progressbar, RadioGroup, RadioGroupItem, SearchBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SiteMeta, Slider, SocialProofSection, type SocialProofSectionProps, 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, 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, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, type CalendarProps, Callout, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, ChoiceboxGroup, ChoiceboxGroupItem, ChoiceboxMultiItem, Combobox, ComboboxContent, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Comment, DatePicker, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogQr, type DialogQrProps, DialogTitle, DialogTrigger, FAQSection, FeatureSection, type FeatureSectionProps, Footer, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HeaderNavigation, Heading, HeadingGroup, HeadingSub, HeadingTagline, type HeroContentProps, HeroSection, type IComment, type ICommentContent, type ICommentFooter, type ICommentHeader, type IContents$1 as IContents, type IDataFAQ, type IFAQ, type INewsSection, IconButton, type IconButtonProps, LightBoxGalleryContent, LightboxGallery, LightboxThumbnail, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NewsSection, Pagination, Popover, PopoverContent, PopoverTrigger, ProgressSteps, ProgressStepsItem, ProgressStepsItemTrigger, Progress as Progressbar, RadioGroup, RadioGroupItem, ReadMoreLite, SearchBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SiteMeta, Slider, SocialProofSection, type SocialProofSectionProps, 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 };

package/dist/esm/index.d.ts

@@ -23,6 +23,10 @@ import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
 import * as SliderPrimitive from '@radix-ui/react-slider';
+import * as _radix_ui_react_slot from '@radix-ui/react-slot';
+import * as react_hook_form from 'react-hook-form';
+import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+import * as LabelPrimitive from '@radix-ui/react-label';
 import * as tailwindcss_types_config from 'tailwindcss/types/config';
 
 type AccordionRootInterface = AccordionSingleProps | AccordionMultipleProps;
@@ -913,20 +917,24 @@ interface SearchBarProps extends InputHTMLAttributes<HTMLInputElement> {
 }
 declare const SearchBar: React$1.ForwardRefExoticComponent<SearchBarProps & React$1.RefAttributes<HTMLInputElement>>;
 
+declare const LightboxGallery: ({ children, open, onOpenChange, className, }: React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Root> & {
+    children: ReactNode;
+    className: string;
+}) => react_jsx_runtime.JSX.Element;
 interface LightboxThumbnailProps extends React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger> {
     children?: ReactNode;
-    onClick?: () => void;
     src?: string;
     alt?: string;
     className?: string;
     classNameImage?: string;
+    onClick?: () => void;
+    ratio?: number;
 }
-declare const LightboxThumbnail: ({ children, src, alt, className, classNameImage, onClick, }: LightboxThumbnailProps) => react_jsx_runtime.JSX.Element;
-interface LightBoxContentProps extends React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
+declare const LightboxThumbnail: ({ children, src, alt, className, classNameImage, onClick, ratio, }: LightboxThumbnailProps) => react_jsx_runtime.JSX.Element;
+interface LightBoxGalleryContentProps {
     images: {
         url: string;
         titleImage?: string;
-        idx?: number;
     }[];
     activeSlideIndex?: number;
     withSideBar?: boolean;
@@ -934,15 +942,7 @@ interface LightBoxContentProps extends React__default.ComponentPropsWithoutRef<t
     classNameSubHtmSideBar?: string;
     isPagination?: boolean;
 }
-declare const LightBoxContent: ({ images, activeSlideIndex, withSideBar, subHtmlSideBar, classNameSubHtmSideBar, className, isPagination, }: LightBoxContentProps) => react_jsx_runtime.JSX.Element;
-interface LightboxGalleryProps extends React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Dialog> {
-    className?: string;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-}
-declare const LightboxGallery: ({ children, className, open, onOpenChange, }: LightboxGalleryProps & {
-    children: ReactNode;
-}) => react_jsx_runtime.JSX.Element;
+declare const LightBoxGalleryContent: ({ images, activeSlideIndex, withSideBar, subHtmlSideBar, classNameSubHtmSideBar, }: LightBoxGalleryContentProps) => react_jsx_runtime.JSX.Element;
 
 declare const ChoiceboxGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     /**
@@ -1145,6 +1145,64 @@ interface SocialProofSectionProps extends SectionBlockProps {
 }
 declare const SocialProofSection: ({ template, background, className, idSection, dataHeading, dataBrands, dataButtons, spaceX, isScrollSnap, }: SocialProofSectionProps) => react_jsx_runtime.JSX.Element;
 
+interface ICommentThumbnails {
+    url: string;
+    titleImage?: string;
+}
+interface IRating {
+    point: number;
+    max: 5 | 10;
+    className?: string;
+}
+interface IComment {
+    avatar?: string;
+    author?: string;
+    time?: string;
+    ratingPoint?: IRating;
+    content?: string;
+    tags?: string[];
+    thumbnails?: ICommentThumbnails[];
+    actions?: React.ReactNode[];
+    statusMessage?: string;
+    repliesComment?: number;
+    likesComment?: number;
+    children?: React.ReactNode;
+    isReply?: boolean;
+    commentSideBar?: React.ReactNode;
+    isOutStanding?: boolean;
+    limitContent?: number;
+}
+interface ICommentHeader {
+    avatar?: IComment["avatar"];
+    author?: IComment["author"];
+    time?: IComment["time"];
+    statusMessage?: IComment["statusMessage"];
+    isOutStanding?: IComment["isOutStanding"];
+}
+interface ICommentContent {
+    content: IComment["content"];
+    thumbnails: IComment["thumbnails"];
+    tags: IComment["tags"];
+    commentSideBar?: React.ReactNode;
+    rating: IComment["ratingPoint"];
+    limitContent?: IComment["limitContent"];
+}
+interface ICommentFooter {
+    actions?: IComment["actions"];
+}
+
+declare const Comment: React$1.ForwardRefExoticComponent<IComment & React$1.RefAttributes<HTMLDivElement>>;
+
+interface ReadMoreLiteProps {
+    children: string;
+    maxChar?: number;
+    textMore?: string;
+    textLess?: string;
+    btnClass?: string;
+    className?: string;
+}
+declare const ReadMoreLite: React.FC<ReadMoreLiteProps>;
+
 type StepState = "active" | "disabled" | "default" | "completed";
 type StepSize = "default" | "small";
 interface ProgressStepsProps {
@@ -1175,13 +1233,13 @@ interface ProgressStepsItemProps {
 declare const ProgressStepsItem: React$1.FC<ProgressStepsItemProps>;
 declare const ProgressSteps: React$1.FC<ProgressStepsProps>;
 
-interface IContents {
+interface IContents$1 {
     title: string;
     description: string;
 }
 interface IDataFAQ {
     title: string;
-    contents: IContents[];
+    contents: IContents$1[];
 }
 interface IFAQ extends SectionBlockProps {
     dataHeading: HeadingBlockProps;
@@ -1190,6 +1248,57 @@ interface IFAQ extends SectionBlockProps {
 
 declare const FAQSection: ({ dataHeading, dataFAQ, className, background, }: IFAQ) => react_jsx_runtime.JSX.Element;
 
+interface IContents {
+    id: number;
+    title: string;
+    dateTime: string;
+    thumbnails: {
+        thumbnailMobile: string;
+        thumbnailDesktop: string;
+    };
+    url: string;
+}
+interface IDataNews {
+    title: string;
+    contents: IContents[];
+}
+interface IButtonLoadMore {
+    isShow: boolean;
+    url: string;
+    isNewTab: boolean;
+    content: string;
+    icon?: React.ReactNode;
+}
+interface INewsSection extends SectionBlockProps {
+    dataHeading: HeadingBlockProps;
+    dataNews: IDataNews[];
+    buttonLoadMore?: IButtonLoadMore;
+    cols?: number;
+    onClickModal?: (id: number) => void;
+}
+
+declare const NewsSection: ({ dataHeading, dataNews, className, background, buttonLoadMore, cols, onClickModal, }: INewsSection) => react_jsx_runtime.JSX.Element;
+
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: react_hook_form.FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare const FormItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const FormLabel: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
+declare const FormControl: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
+declare const FormDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const FormMessage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+
 /**
  * This Tailwind plugin is based and inspired on "tw-colors" and "NextUI".
  *
@@ -1203,4 +1312,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, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, type CalendarProps, Callout, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, ChoiceboxGroup, ChoiceboxGroupItem, ChoiceboxMultiItem, Combobox, ComboboxContent, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DatePicker, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogQr, type DialogQrProps, DialogTitle, DialogTrigger, FAQSection, FeatureSection, type FeatureSectionProps, Footer, HeaderNavigation, Heading, HeadingGroup, HeadingSub, HeadingTagline, type HeroContentProps, HeroSection, type IContents, type IDataFAQ, type IFAQ, IconButton, type IconButtonProps, LightBoxContent, LightboxGallery, LightboxThumbnail, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, Popover, PopoverContent, PopoverTrigger, ProgressSteps, ProgressStepsItem, ProgressStepsItemTrigger, Progress as Progressbar, RadioGroup, RadioGroupItem, SearchBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SiteMeta, Slider, SocialProofSection, type SocialProofSectionProps, 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, 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, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, type CalendarProps, Callout, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, ChoiceboxGroup, ChoiceboxGroupItem, ChoiceboxMultiItem, Combobox, ComboboxContent, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Comment, DatePicker, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogQr, type DialogQrProps, DialogTitle, DialogTrigger, FAQSection, FeatureSection, type FeatureSectionProps, Footer, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HeaderNavigation, Heading, HeadingGroup, HeadingSub, HeadingTagline, type HeroContentProps, HeroSection, type IComment, type ICommentContent, type ICommentFooter, type ICommentHeader, type IContents$1 as IContents, type IDataFAQ, type IFAQ, type INewsSection, IconButton, type IconButtonProps, LightBoxGalleryContent, LightboxGallery, LightboxThumbnail, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NewsSection, Pagination, Popover, PopoverContent, PopoverTrigger, ProgressSteps, ProgressStepsItem, ProgressStepsItemTrigger, Progress as Progressbar, RadioGroup, RadioGroupItem, ReadMoreLite, SearchBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SiteMeta, Slider, SocialProofSection, type SocialProofSectionProps, 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 };