@momo-webplatform/mobase 0.2.49 → 0.2.50

package/dist/esm/index.d.ts

@@ -148,6 +148,230 @@ declare const BreadcrumbEllipsis: {
     displayName: string;
 };
 
+interface HeadingBlockProps {
+    /**
+     * ALign the heading.
+     */
+    align?: "center" | "left" | "right";
+    /**
+     * The tagline content.
+     */
+    tagline?: string;
+    /**
+     * The title content.
+     */
+    title?: string;
+    /**
+     * The description content.
+     */
+    description?: string;
+    /**
+     * HTML Tag heading. Default is "h2".
+     */
+    tagHeading?: "h1" | "h2";
+    /**
+     * The color scheme of the heading block.
+     */
+    colorScheme?: "pink" | "black" | "white";
+    /**
+     * The size of the heading.
+     */
+    sizeHeading?: "small" | "large";
+    /**
+     * CSS class to be appended to the root element heading.
+     */
+    className?: string;
+}
+interface dataButton extends ActionButtonProps {
+    /**
+     * Button name.
+     */
+    btnName: string;
+}
+interface ButtonsBlockProps {
+    /**
+     * CSS class to be appended to the root element.
+     */
+    className?: string;
+    /**
+     * ALign the button.
+     */
+    align?: "center" | "left" | "right";
+    /**
+     * Button is full width in mobile.
+     */
+    isFullInMobile?: boolean;
+    /**
+     * Button group data.
+     */
+    buttons?: dataButton[];
+}
+interface SectionBlockProps {
+    /**
+     * Id of the section.
+     */
+    idSection?: string | undefined;
+    /**
+     * CSS class to be appended to the root element.
+     */
+    className?: string;
+    /**
+     * Input the color code or image url according to CSS syntax.
+     */
+    background?: string;
+    /**
+     * The children of the section.
+     */
+    children?: React.ReactNode;
+}
+
+declare const iconButtonVariants: (props?: ({
+    variant?: "primary" | "secondary" | "outline" | "tonal" | "danger" | "transparent" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface IconButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {
+    /**
+     * CSS class to be appended to the root element.
+     */
+    className?: string;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
+    /**
+     * Disabled interaction and applies disabled styles
+     */
+    isDisabled?: boolean;
+}
+declare const IconButton: React$1.ForwardRefExoticComponent<IconButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface HorizontalScrollProps {
+    /**
+     * Show gradient overlay on navigation arrows.
+     */
+    showGradientOverlay?: boolean;
+    /**
+     * The RGB color for navigation gradient background overlay (format as "R, G, B").
+     */
+    gradientOverlayColor?: string;
+    /**
+     * Additional class names for styling the component.
+     */
+    className?: string;
+    children?: React__default.ReactNode;
+}
+declare const HorizontalScroll: ({ showGradientOverlay, gradientOverlayColor, className, children, }: HorizontalScrollProps) => react_jsx_runtime.JSX.Element;
+interface HorizontalContentProps {
+    /**
+     * Additional class names for styling the component.
+     */
+    className?: string;
+    children: React__default.ReactNode;
+}
+declare const HorizontalContent: ({ className, children }: HorizontalContentProps) => react_jsx_runtime.JSX.Element;
+interface HorizontalNavigationProps extends IconButtonProps {
+    children?: React__default.ReactNode;
+}
+declare const HorizontalPrevious: ({ className, children, ...props }: HorizontalNavigationProps) => react_jsx_runtime.JSX.Element | null;
+declare const HorizontalNext: ({ className, children, ...props }: HorizontalNavigationProps) => react_jsx_runtime.JSX.Element | null;
+
+interface BlogItemProps {
+    /**
+     * The id of the blog item.
+     */
+    id: number;
+    /**
+     * The title of the blog item.
+     */
+    title: string;
+    /**
+     * The total views of the blog item.
+     */
+    totalViews: string;
+    /**
+     * The thumbnails of the blog item.
+     */
+    thumbnailMobile: string;
+    /**
+     * The thumbnails of the blog item.
+     */
+    thumbnailDesktop: string;
+    /**
+     * The url of the blog item.
+     */
+    url: string;
+    /**
+     * The category of the blog item.
+     */
+    category?: string;
+    /**
+     * The category url of the blog item.
+     */
+    categoryUrl?: string;
+}
+interface DataBlogProps {
+    /**
+     * The title of the blog group.
+     */
+    title: string;
+    /**
+     * The array of blog items.
+     */
+    blogList: BlogItemProps[];
+    /**
+     * The class name of the blog item.
+     */
+    classNameItem?: string;
+    /**
+     * The flag to show the button. default is false.
+     */
+    isShowBtn?: boolean;
+    /**
+     * The url of the button.
+     */
+    btnUrl?: string;
+    /**
+     * The name of the button. default is "Xem thêm".
+     */
+    btnName?: string;
+    /**
+     * The flag to open the button in a new tab. default is false.
+     */
+    isNewTab?: boolean;
+    /**
+     * The flag to show the loading state. default is false.
+     */
+    isLoading?: boolean;
+}
+interface BlogSectionProps extends SectionBlockProps {
+    /**
+     * The template of the blog section.
+     */
+    template?: 1;
+    /**
+     * The data heading of the blog section.
+     */
+    dataHeading: HeadingBlockProps;
+    /**
+    * The data heading of the blog section.
+    */
+    dataHorizontalScroll?: HorizontalScrollProps;
+    /**
+     * The array data blog of the blog section.
+     */
+    dataBlog: DataBlogProps[];
+    /**
+     * The function to handle the modal click event.
+     */
+    onClickModal?: (id: number) => void;
+    /**
+     * The function to handle the load more click event.
+     */
+    onClickLoadMore?: (tabIndex: number) => void;
+}
+
+declare const BlogSection: ({ dataHeading, dataHorizontalScroll, dataBlog, className, background, template, onClickModal, onClickLoadMore, }: BlogSectionProps) => react_jsx_runtime.JSX.Element;
+
 type CalendarProps = React$1.ComponentProps<typeof DayPicker> & {
     /**
      * Enable show luna date  in calendar cell
@@ -328,26 +552,6 @@ declare const AlertDialogDescription: React$1.ForwardRefExoticComponent<Omit<Ale
 declare const AlertDialogAction: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
-declare const iconButtonVariants: (props?: ({
-    variant?: "primary" | "secondary" | "outline" | "tonal" | "danger" | "transparent" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface IconButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {
-    /**
-     * CSS class to be appended to the root element.
-     */
-    className?: string;
-    /**
-     * Change the default rendered element for the one passed as a child, merging their props and behavior.
-     */
-    asChild?: boolean;
-    /**
-     * Disabled interaction and applies disabled styles
-     */
-    isDisabled?: boolean;
-}
-declare const IconButton: React$1.ForwardRefExoticComponent<IconButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
-
 interface HeadingGroupProps {
     /**
      * CSS class to be appended to the root element.
@@ -485,7 +689,7 @@ interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
 declare const TextArea: React$1.ForwardRefExoticComponent<TextAreaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
 
 declare const Toast$1: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "sucess" | "warning" | "error" | null | undefined;
+    variant?: "error" | "sucess" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLLIElement>>;
 declare const ToastAction: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 type ToastProps = React$1.ComponentPropsWithoutRef<typeof Toast$1>;
@@ -775,10 +979,10 @@ interface CalloutProps {
     icon?: React.ReactNode;
 }
 declare const Callout: React$1.ForwardRefExoticComponent<CalloutProps & VariantProps<(props?: ({
-    typeDiv?: "warning" | "error" | "neutral" | "success" | "info" | null | undefined;
+    typeDiv?: "error" | "warning" | "neutral" | "success" | "info" | null | undefined;
     disabled?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & VariantProps<(props?: ({
-    typeIcon?: "warning" | "error" | "neutral" | "success" | "info" | null | undefined;
+    typeIcon?: "error" | "warning" | "neutral" | "success" | "info" | null | undefined;
     disabled?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
 
@@ -845,6 +1049,26 @@ declare const AspectRatio: React$1.ForwardRefExoticComponent<AspectRatioPrimitiv
 
 declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 
+interface SpinnerProps {
+    /**
+     * The size of the spinner. Can be 'sm', 'md', or 'lg'.
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * The color of the spinner. tailwind text color class, ex : text-pink-500
+     */
+    color?: string;
+    /**
+     * Custom class name
+     */
+    className?: string;
+    /**
+     * The template of the spinner. Can be 'default', 'dots'
+     */
+    template?: 'default' | 'dots';
+}
+declare function Spinner({ size, color, className, template }: SpinnerProps): react_jsx_runtime.JSX.Element;
+
 interface SliderProps extends React$1.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> {
     showIndicatorValue1?: number | string;
     showIndicatorValue2?: number | string;
@@ -984,113 +1208,6 @@ declare const DropdownMenuShortcut: {
     displayName: string;
 };
 
-interface HorizontalScrollProps {
-    /**
-     * Show gradient overlay on navigation arrows.
-     */
-    showGradientOverlay?: boolean;
-    /**
-     * The RGB color for navigation gradient background overlay (format as "R, G, B").
-     */
-    gradientOverlayColor?: string;
-    /**
-     * Additional class names for styling the component.
-     */
-    className?: string;
-    children?: React__default.ReactNode;
-}
-declare const HorizontalScroll: ({ showGradientOverlay, gradientOverlayColor, className, children, }: HorizontalScrollProps) => react_jsx_runtime.JSX.Element;
-interface HorizontalContentProps {
-    /**
-     * Additional class names for styling the component.
-     */
-    className?: string;
-    children: React__default.ReactNode;
-}
-declare const HorizontalContent: ({ className, children }: HorizontalContentProps) => react_jsx_runtime.JSX.Element;
-interface HorizontalNavigationProps extends IconButtonProps {
-    children?: React__default.ReactNode;
-}
-declare const HorizontalPrevious: ({ className, children, ...props }: HorizontalNavigationProps) => react_jsx_runtime.JSX.Element | null;
-declare const HorizontalNext: ({ className, children, ...props }: HorizontalNavigationProps) => react_jsx_runtime.JSX.Element | null;
-
-interface HeadingBlockProps {
-    /**
-     * ALign the heading.
-     */
-    align?: "center" | "left" | "right";
-    /**
-     * The tagline content.
-     */
-    tagline?: string;
-    /**
-     * The title content.
-     */
-    title?: string;
-    /**
-     * The description content.
-     */
-    description?: string;
-    /**
-     * HTML Tag heading. Default is "h2".
-     */
-    tagHeading?: "h1" | "h2";
-    /**
-     * The color scheme of the heading block.
-     */
-    colorScheme?: "pink" | "black" | "white";
-    /**
-     * The size of the heading.
-     */
-    sizeHeading?: "small" | "large";
-    /**
-     * CSS class to be appended to the root element heading.
-     */
-    className?: string;
-}
-interface dataButton extends ActionButtonProps {
-    /**
-     * Button name.
-     */
-    btnName: string;
-}
-interface ButtonsBlockProps {
-    /**
-     * CSS class to be appended to the root element.
-     */
-    className?: string;
-    /**
-     * ALign the button.
-     */
-    align?: "center" | "left" | "right";
-    /**
-     * Button is full width in mobile.
-     */
-    isFullInMobile?: boolean;
-    /**
-     * Button group data.
-     */
-    buttons?: dataButton[];
-}
-interface SectionBlockProps {
-    /**
-     * Id of the section.
-     */
-    idSection?: string | undefined;
-    /**
-     * CSS class to be appended to the root element.
-     */
-    className?: string;
-    /**
-     * Input the color code or image url according to CSS syntax.
-     */
-    background?: string;
-    /**
-     * The children of the section.
-     */
-    children?: React.ReactNode;
-}
-
 interface HowItWorksData {
     /**
      * Icon of the how it works.
@@ -1516,4 +1633,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, CTASection, type CTASectionProps, 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, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FAQSection, FeatureSection, type FeatureSectionProps, Footer, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, 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 IContents, type IDataFAQ, type IFAQ, IconButton, type IconButtonProps, LightBoxGalleryContent, LightboxGallery, LightboxThumbnail, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NewsSection, type NewsSectionProps, 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, Skeleton, 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 };
+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, 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, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FAQSection, FeatureSection, type FeatureSectionProps, Footer, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, 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 IContents, type IDataFAQ, type IFAQ, IconButton, type IconButtonProps, LightBoxGalleryContent, LightboxGallery, LightboxThumbnail, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NewsSection, type NewsSectionProps, 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, 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 };