@momo-webplatform/mobase 0.2.47 → 0.2.49

package/dist/cjs/index.d.cts

@@ -843,7 +843,13 @@ declare const Progress: React$1.ForwardRefExoticComponent<Omit<ProgressPrimitive
 
 declare const AspectRatio: React$1.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const Slider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
+declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
+interface SliderProps extends React$1.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> {
+    showIndicatorValue1?: number | string;
+    showIndicatorValue2?: number | string;
+}
+declare const Slider: React$1.ForwardRefExoticComponent<SliderProps & React$1.RefAttributes<HTMLSpanElement>>;
 
 interface ICommentThumbnails {
     url: string;
@@ -1085,6 +1091,40 @@ interface SectionBlockProps {
     children?: React.ReactNode;
 }
 
+interface HowItWorksData {
+    /**
+     * Icon of the how it works.
+     */
+    icon?: string;
+    /**
+     * Title of the how it works.
+     */
+    title: string;
+    /**
+     * Description of the how it works.
+     */
+    description?: string;
+}
+interface HowItWorksSectionProps extends SectionBlockProps {
+    /**
+     * The template of the section.
+     */
+    template?: 1;
+    /**
+     * The data heading of the section.
+     */
+    dataHeading?: HeadingBlockProps;
+    /**
+     * The array data testimonials of the section.
+     */
+    dataHowItWorks?: HowItWorksData[];
+    /**
+     * The data buttons of the section.
+     */
+    dataButtons?: ButtonsBlockProps;
+}
+declare const HowItWorksSection: ({ template, background, className, idSection, dataHeading, dataHowItWorks, dataButtons, }: HowItWorksSectionProps) => react_jsx_runtime.JSX.Element;
+
 interface HeroContentProps extends SectionBlockProps {
     /**
      * The template of the hero section.
@@ -1381,10 +1421,6 @@ interface DataNewsProps {
      * The name of the button. default is "Xem thêm".
      */
     btnName?: string;
-    /**
-     * The icon of the button. Format HTML string.
-     */
-    btnIcon?: string;
     /**
      * The flag to open the button in a new tab. default is false.
      */
@@ -1392,7 +1428,7 @@ interface DataNewsProps {
     /**
      * The flag to show the loading state. default is false.
      */
-    isloading?: boolean;
+    isLoading?: boolean;
 }
 interface NewsSectionProps extends SectionBlockProps {
     /**
@@ -1480,4 +1516,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, 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, 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, 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 };

package/dist/esm/index.d.ts

@@ -843,7 +843,13 @@ declare const Progress: React$1.ForwardRefExoticComponent<Omit<ProgressPrimitive
 
 declare const AspectRatio: React$1.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const Slider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
+declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
+interface SliderProps extends React$1.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> {
+    showIndicatorValue1?: number | string;
+    showIndicatorValue2?: number | string;
+}
+declare const Slider: React$1.ForwardRefExoticComponent<SliderProps & React$1.RefAttributes<HTMLSpanElement>>;
 
 interface ICommentThumbnails {
     url: string;
@@ -1085,6 +1091,40 @@ interface SectionBlockProps {
     children?: React.ReactNode;
 }
 
+interface HowItWorksData {
+    /**
+     * Icon of the how it works.
+     */
+    icon?: string;
+    /**
+     * Title of the how it works.
+     */
+    title: string;
+    /**
+     * Description of the how it works.
+     */
+    description?: string;
+}
+interface HowItWorksSectionProps extends SectionBlockProps {
+    /**
+     * The template of the section.
+     */
+    template?: 1;
+    /**
+     * The data heading of the section.
+     */
+    dataHeading?: HeadingBlockProps;
+    /**
+     * The array data testimonials of the section.
+     */
+    dataHowItWorks?: HowItWorksData[];
+    /**
+     * The data buttons of the section.
+     */
+    dataButtons?: ButtonsBlockProps;
+}
+declare const HowItWorksSection: ({ template, background, className, idSection, dataHeading, dataHowItWorks, dataButtons, }: HowItWorksSectionProps) => react_jsx_runtime.JSX.Element;
+
 interface HeroContentProps extends SectionBlockProps {
     /**
      * The template of the hero section.
@@ -1381,10 +1421,6 @@ interface DataNewsProps {
      * The name of the button. default is "Xem thêm".
      */
     btnName?: string;
-    /**
-     * The icon of the button. Format HTML string.
-     */
-    btnIcon?: string;
     /**
      * The flag to open the button in a new tab. default is false.
      */
@@ -1392,7 +1428,7 @@ interface DataNewsProps {
     /**
      * The flag to show the loading state. default is false.
      */
-    isloading?: boolean;
+    isLoading?: boolean;
 }
 interface NewsSectionProps extends SectionBlockProps {
     /**
@@ -1480,4 +1516,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, 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, 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, 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 };