@momo-webplatform/mobase 0.2.36 → 0.2.38

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.
@@ -363,7 +363,7 @@ interface HeadingProps {
363
363
  /**
364
364
  * Shorthand for changing the default rendered element into a semantically appropriate alternative.
365
365
  */
366
- as?: "h1" | "h2";
366
+ tagHeading?: "h1" | "h2";
367
367
  /**
368
368
  * Heading color.
369
369
  */
@@ -412,7 +412,7 @@ interface HeadingSubProps {
412
412
  children?: React__default.ReactNode;
413
413
  }
414
414
  declare const HeadingTagline: ({ color, size, isTruncated, className, children, }: HeadingTaglineProps) => react_jsx_runtime.JSX.Element;
415
- declare const Heading: ({ as, size, color, isTruncated, className, children, }: HeadingProps) => react_jsx_runtime.JSX.Element;
415
+ declare const Heading: ({ tagHeading, size, color, isTruncated, className, children, }: HeadingProps) => react_jsx_runtime.JSX.Element;
416
416
  declare const HeadingSub: ({ color, size, marginTop, isTruncated, className, children, }: HeadingSubProps) => react_jsx_runtime.JSX.Element;
417
417
  declare const HeadingGroup: ({ className, align, children, }: HeadingGroupProps) => react_jsx_runtime.JSX.Element;
418
418
 
@@ -821,58 +821,251 @@ declare const Progress: React$1.ForwardRefExoticComponent<Omit<ProgressPrimitive
821
821
  variant?: "progress" | "disabled" | "success" | "empty" | null | undefined;
822
822
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
823
823
 
824
- interface HeroContentProps {
825
- template?: 1 | 2 | 3 | 4 | 5 | string;
824
+ interface HeadingBlockProps {
825
+ /**
826
+ * ALign the heading.
827
+ */
828
+ align?: "center" | "left" | "right";
829
+ /**
830
+ * The tagline content.
831
+ */
832
+ tagline?: string;
833
+ /**
834
+ * The title content.
835
+ */
836
+ title?: string;
837
+ /**
838
+ * The description content.
839
+ */
840
+ description?: string;
841
+ /**
842
+ * HTML Tag heading. Default is "h2".
843
+ */
844
+ tagHeading?: "h1" | "h2";
845
+ /**
846
+ * The color scheme of the heading block.
847
+ */
848
+ colorScheme?: "regular" | "pink" | "white";
849
+ /**
850
+ * The size of the heading.
851
+ */
852
+ sizeHeading?: "small" | "large";
853
+ /**
854
+ * CSS class to be appended to the root element heading.
855
+ */
826
856
  className?: string;
827
- data?: DataPropsContent;
828
- dataCtas?: HeroContentCTAPrimaryProps[];
829
- dataFeatures?: HeroContentListFeatureProps;
830
857
  }
831
- interface DataPropsContent {
832
- title: string;
833
- description?: string;
834
- tagName?: string;
835
- listFeature?: string[];
836
- media?: HeroContentMediaProps;
858
+ interface dataButton extends ActionButtonProps {
859
+ /**
860
+ * Button name.
861
+ */
862
+ btnName: string;
837
863
  }
838
- interface HeroContentCTAPrimaryProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
864
+ interface ButtonsBlockProps {
865
+ /**
866
+ * CSS class to be appended to the root element.
867
+ */
839
868
  className?: string;
840
- asChild?: boolean;
841
- isLoading?: boolean;
842
- isDisabled?: boolean;
843
- variant?: "primary" | "secondary" | "outline" | "tonal" | "danger" | "transparent" | any;
844
- url?: string;
845
- content?: string;
846
- onClickCTA?: () => void;
847
- isQRCode?: boolean;
869
+ /**
870
+ * ALign the button.
871
+ */
872
+ align?: "center" | "left" | "right";
873
+ /**
874
+ * Button is full width in mobile.
875
+ */
876
+ isFullInMobile?: boolean;
877
+ /**
878
+ * Button group data.
879
+ */
880
+ buttons?: dataButton[];
881
+ }
882
+ interface SectionBlockProps {
883
+ /**
884
+ * Id of the section.
885
+ */
886
+ idSection?: string | undefined;
887
+ /**
888
+ * CSS class to be appended to the root element.
889
+ */
890
+ className?: string;
891
+ /**
892
+ * Input the color code or image url according to CSS syntax.
893
+ */
894
+ background?: string;
895
+ /**
896
+ * The children of the section.
897
+ */
898
+ children?: React.ReactNode;
899
+ }
900
+
901
+ interface HeroContentProps extends SectionBlockProps {
902
+ /**
903
+ * The template of the hero section.
904
+ */
905
+ template?: 1 | 2 | 3;
906
+ /**
907
+ * The data heading of the hero section.
908
+ */
909
+ dataHeading?: HeadingBlockProps;
910
+ /**
911
+ * The array data features of the hero section.
912
+ */
913
+ dataFeatures?: HeroContentListFeatureProps[];
914
+ /**
915
+ * The data buttons of the hero section.
916
+ */
917
+ dataButtons?: ButtonsBlockProps;
918
+ /**
919
+ * The data stats of the hero section.
920
+ */
921
+ dataStats?: HeroContentListStats[];
922
+ /**
923
+ * The data media of the hero section.
924
+ */
925
+ dataMedia?: HeroContentMediaProps;
926
+ advancedComponent?: React.ReactNode;
848
927
  }
849
928
  interface HeroContentListFeatureProps {
850
- contents: {
851
- title: string;
852
- label: string;
853
- icon: string;
854
- }[];
855
- type: "row" | "col" | "customize" | any;
929
+ name?: string;
930
+ image?: string;
931
+ }
932
+ interface HeroContentListStats {
933
+ /**
934
+ * Value of the stats.
935
+ */
936
+ value?: number;
937
+ /**
938
+ * Suffix of the stats.
939
+ */
940
+ suffix?: string;
941
+ /**
942
+ * Unit of the stats.
943
+ */
944
+ unit?: string;
945
+ /**
946
+ * Description of the stats.
947
+ */
948
+ description?: string;
856
949
  }
857
950
  interface HeroContentMediaProps {
858
- type: 1 | 2 | number;
859
- url?: string;
860
951
  src: string;
861
- ratioImg?: number;
952
+ ratio?: string | number;
862
953
  onClickFC?: () => void;
863
954
  className?: string;
864
- video?: {
865
- codeVideo: string;
866
- titleVideo: string;
867
- };
955
+ youtubeId?: string;
956
+ type?: number | null;
957
+ alt?: string;
958
+ }
959
+
960
+ declare const HeroSection: React$1.ForwardRefExoticComponent<HeroContentProps & React$1.RefAttributes<HTMLDivElement>>;
961
+
962
+ interface BannerData {
963
+ /**
964
+ * The image source.
965
+ */
966
+ src?: string;
967
+ /**
968
+ * The image alt.
969
+ */
970
+ alt?: string;
971
+ /**
972
+ * The image ratio.
973
+ */
974
+ ratio?: number;
975
+ }
976
+ interface FeatureData {
977
+ /**
978
+ * Feature name.
979
+ */
980
+ name?: string;
981
+ /**
982
+ * Feature description.
983
+ */
984
+ description?: string;
985
+ /**
986
+ * Feature image.
987
+ */
988
+ image?: string;
989
+ /**
990
+ * Feature button name.
991
+ */
992
+ btnName?: string;
993
+ /**
994
+ * Feature button link.
995
+ */
996
+ btnLink?: string;
997
+ /**
998
+ * Feature button use new tab.
999
+ */
1000
+ newTab?: boolean;
1001
+ }
1002
+ interface FeatureSectionProps extends SectionBlockProps {
1003
+ /**
1004
+ * The template of the feature section.
1005
+ */
1006
+ template?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
1007
+ /**
1008
+ * The data heading of the feature section.
1009
+ */
1010
+ dataHeading?: HeadingBlockProps;
1011
+ /**
1012
+ * The array data features of the feature section.
1013
+ */
1014
+ dataFeatures?: FeatureData[];
1015
+ /**
1016
+ * The data features of the feature section.
1017
+ */
1018
+ dataButtons?: ButtonsBlockProps;
1019
+ /**
1020
+ * The data banner of the feature section.
1021
+ */
1022
+ dataBanner?: BannerData;
868
1023
  }
869
1024
 
870
- declare const HeroSection: React__default.ForwardRefExoticComponent<HeroContentProps & React__default.RefAttributes<HTMLDivElement>>;
1025
+ declare const FeatureSection: ({ template, background, className, idSection, dataHeading, dataFeatures, dataButtons, dataBanner, }: FeatureSectionProps) => react_jsx_runtime.JSX.Element;
871
1026
 
872
1027
  declare const AspectRatio: React$1.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & React$1.RefAttributes<HTMLDivElement>>;
873
1028
 
874
1029
  declare const Slider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
875
1030
 
1031
+ interface BrandData {
1032
+ /**
1033
+ * Brand name.
1034
+ */
1035
+ name?: string;
1036
+ /**
1037
+ * Brand logo.
1038
+ */
1039
+ logo?: string;
1040
+ /**
1041
+ * Brand url.
1042
+ */
1043
+ url?: string;
1044
+ /**
1045
+ * Opens in a new tab when clicked.
1046
+ */
1047
+ newTab?: boolean;
1048
+ }
1049
+ interface SocialProofSectionProps extends SectionBlockProps {
1050
+ /**
1051
+ * The template of the section.
1052
+ */
1053
+ template?: 1 | 2;
1054
+ /**
1055
+ * The data heading of the section.
1056
+ */
1057
+ dataHeading?: HeadingBlockProps;
1058
+ /**
1059
+ * The array data brands of the section.
1060
+ */
1061
+ dataBrands?: BrandData[];
1062
+ /**
1063
+ * Enable scroll snap on mobile.
1064
+ */
1065
+ isScrollSnap?: boolean;
1066
+ }
1067
+ declare const SocialProofSection: ({ template, background, className, idSection, dataHeading, dataBrands, isScrollSnap, }: SocialProofSectionProps) => react_jsx_runtime.JSX.Element;
1068
+
876
1069
  /**
877
1070
  * This Tailwind plugin is based and inspired on "tw-colors" and "NextUI".
878
1071
  *
@@ -886,4 +1079,4 @@ declare const mobaseTW: () => {
886
1079
 
887
1080
  declare const SiteMeta: react_jsx_runtime.JSX.Element;
888
1081
 
889
- export { Accordion, AccordionContent, type AccordionContentInterface, AccordionItem, type AccordionItemInterface, type AccordionRootInterface, AccordionTrigger, type AccordionTriggerInterface, ActionButton, 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, 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, Footer, HeaderNavigation, Heading, HeadingGroup, HeadingSub, HeadingTagline, HeroSection, IconButton, type IconButtonProps, LightBoxContent, LightboxGallery, LightboxThumbnail, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, Popover, PopoverContent, PopoverTrigger, Progress as Progressbar, RadioGroup, RadioGroupItem, SearchBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SiteMeta, Slider, Stepper, Switch, Tabs, TabsContent, TabsList, TabsTrigger, TextArea, type TextAreaProps, TextButton, type TextButtonProps, TextInput, type TextInputProps, ToastAction, Toaster, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, mobaseTW, navigationMenuTriggerStyle, textButtonVariants, toast, useToast };
1082
+ 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, 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, FeatureSection, type FeatureSectionProps, Footer, HeaderNavigation, Heading, HeadingGroup, HeadingSub, HeadingTagline, type HeroContentProps, HeroSection, IconButton, type IconButtonProps, LightBoxContent, LightboxGallery, LightboxThumbnail, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, Popover, PopoverContent, PopoverTrigger, 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, TextArea, type TextAreaProps, TextButton, type TextButtonProps, TextInput, type TextInputProps, ToastAction, Toaster, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, mobaseTW, navigationMenuTriggerStyle, textButtonVariants, toast, useToast };
@@ -363,7 +363,7 @@ interface HeadingProps {
363
363
  /**
364
364
  * Shorthand for changing the default rendered element into a semantically appropriate alternative.
365
365
  */
366
- as?: "h1" | "h2";
366
+ tagHeading?: "h1" | "h2";
367
367
  /**
368
368
  * Heading color.
369
369
  */
@@ -412,7 +412,7 @@ interface HeadingSubProps {
412
412
  children?: React__default.ReactNode;
413
413
  }
414
414
  declare const HeadingTagline: ({ color, size, isTruncated, className, children, }: HeadingTaglineProps) => react_jsx_runtime.JSX.Element;
415
- declare const Heading: ({ as, size, color, isTruncated, className, children, }: HeadingProps) => react_jsx_runtime.JSX.Element;
415
+ declare const Heading: ({ tagHeading, size, color, isTruncated, className, children, }: HeadingProps) => react_jsx_runtime.JSX.Element;
416
416
  declare const HeadingSub: ({ color, size, marginTop, isTruncated, className, children, }: HeadingSubProps) => react_jsx_runtime.JSX.Element;
417
417
  declare const HeadingGroup: ({ className, align, children, }: HeadingGroupProps) => react_jsx_runtime.JSX.Element;
418
418
 
@@ -821,58 +821,251 @@ declare const Progress: React$1.ForwardRefExoticComponent<Omit<ProgressPrimitive
821
821
  variant?: "progress" | "disabled" | "success" | "empty" | null | undefined;
822
822
  } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
823
823
 
824
- interface HeroContentProps {
825
- template?: 1 | 2 | 3 | 4 | 5 | string;
824
+ interface HeadingBlockProps {
825
+ /**
826
+ * ALign the heading.
827
+ */
828
+ align?: "center" | "left" | "right";
829
+ /**
830
+ * The tagline content.
831
+ */
832
+ tagline?: string;
833
+ /**
834
+ * The title content.
835
+ */
836
+ title?: string;
837
+ /**
838
+ * The description content.
839
+ */
840
+ description?: string;
841
+ /**
842
+ * HTML Tag heading. Default is "h2".
843
+ */
844
+ tagHeading?: "h1" | "h2";
845
+ /**
846
+ * The color scheme of the heading block.
847
+ */
848
+ colorScheme?: "regular" | "pink" | "white";
849
+ /**
850
+ * The size of the heading.
851
+ */
852
+ sizeHeading?: "small" | "large";
853
+ /**
854
+ * CSS class to be appended to the root element heading.
855
+ */
826
856
  className?: string;
827
- data?: DataPropsContent;
828
- dataCtas?: HeroContentCTAPrimaryProps[];
829
- dataFeatures?: HeroContentListFeatureProps;
830
857
  }
831
- interface DataPropsContent {
832
- title: string;
833
- description?: string;
834
- tagName?: string;
835
- listFeature?: string[];
836
- media?: HeroContentMediaProps;
858
+ interface dataButton extends ActionButtonProps {
859
+ /**
860
+ * Button name.
861
+ */
862
+ btnName: string;
837
863
  }
838
- interface HeroContentCTAPrimaryProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
864
+ interface ButtonsBlockProps {
865
+ /**
866
+ * CSS class to be appended to the root element.
867
+ */
839
868
  className?: string;
840
- asChild?: boolean;
841
- isLoading?: boolean;
842
- isDisabled?: boolean;
843
- variant?: "primary" | "secondary" | "outline" | "tonal" | "danger" | "transparent" | any;
844
- url?: string;
845
- content?: string;
846
- onClickCTA?: () => void;
847
- isQRCode?: boolean;
869
+ /**
870
+ * ALign the button.
871
+ */
872
+ align?: "center" | "left" | "right";
873
+ /**
874
+ * Button is full width in mobile.
875
+ */
876
+ isFullInMobile?: boolean;
877
+ /**
878
+ * Button group data.
879
+ */
880
+ buttons?: dataButton[];
881
+ }
882
+ interface SectionBlockProps {
883
+ /**
884
+ * Id of the section.
885
+ */
886
+ idSection?: string | undefined;
887
+ /**
888
+ * CSS class to be appended to the root element.
889
+ */
890
+ className?: string;
891
+ /**
892
+ * Input the color code or image url according to CSS syntax.
893
+ */
894
+ background?: string;
895
+ /**
896
+ * The children of the section.
897
+ */
898
+ children?: React.ReactNode;
899
+ }
900
+
901
+ interface HeroContentProps extends SectionBlockProps {
902
+ /**
903
+ * The template of the hero section.
904
+ */
905
+ template?: 1 | 2 | 3;
906
+ /**
907
+ * The data heading of the hero section.
908
+ */
909
+ dataHeading?: HeadingBlockProps;
910
+ /**
911
+ * The array data features of the hero section.
912
+ */
913
+ dataFeatures?: HeroContentListFeatureProps[];
914
+ /**
915
+ * The data buttons of the hero section.
916
+ */
917
+ dataButtons?: ButtonsBlockProps;
918
+ /**
919
+ * The data stats of the hero section.
920
+ */
921
+ dataStats?: HeroContentListStats[];
922
+ /**
923
+ * The data media of the hero section.
924
+ */
925
+ dataMedia?: HeroContentMediaProps;
926
+ advancedComponent?: React.ReactNode;
848
927
  }
849
928
  interface HeroContentListFeatureProps {
850
- contents: {
851
- title: string;
852
- label: string;
853
- icon: string;
854
- }[];
855
- type: "row" | "col" | "customize" | any;
929
+ name?: string;
930
+ image?: string;
931
+ }
932
+ interface HeroContentListStats {
933
+ /**
934
+ * Value of the stats.
935
+ */
936
+ value?: number;
937
+ /**
938
+ * Suffix of the stats.
939
+ */
940
+ suffix?: string;
941
+ /**
942
+ * Unit of the stats.
943
+ */
944
+ unit?: string;
945
+ /**
946
+ * Description of the stats.
947
+ */
948
+ description?: string;
856
949
  }
857
950
  interface HeroContentMediaProps {
858
- type: 1 | 2 | number;
859
- url?: string;
860
951
  src: string;
861
- ratioImg?: number;
952
+ ratio?: string | number;
862
953
  onClickFC?: () => void;
863
954
  className?: string;
864
- video?: {
865
- codeVideo: string;
866
- titleVideo: string;
867
- };
955
+ youtubeId?: string;
956
+ type?: number | null;
957
+ alt?: string;
958
+ }
959
+
960
+ declare const HeroSection: React$1.ForwardRefExoticComponent<HeroContentProps & React$1.RefAttributes<HTMLDivElement>>;
961
+
962
+ interface BannerData {
963
+ /**
964
+ * The image source.
965
+ */
966
+ src?: string;
967
+ /**
968
+ * The image alt.
969
+ */
970
+ alt?: string;
971
+ /**
972
+ * The image ratio.
973
+ */
974
+ ratio?: number;
975
+ }
976
+ interface FeatureData {
977
+ /**
978
+ * Feature name.
979
+ */
980
+ name?: string;
981
+ /**
982
+ * Feature description.
983
+ */
984
+ description?: string;
985
+ /**
986
+ * Feature image.
987
+ */
988
+ image?: string;
989
+ /**
990
+ * Feature button name.
991
+ */
992
+ btnName?: string;
993
+ /**
994
+ * Feature button link.
995
+ */
996
+ btnLink?: string;
997
+ /**
998
+ * Feature button use new tab.
999
+ */
1000
+ newTab?: boolean;
1001
+ }
1002
+ interface FeatureSectionProps extends SectionBlockProps {
1003
+ /**
1004
+ * The template of the feature section.
1005
+ */
1006
+ template?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
1007
+ /**
1008
+ * The data heading of the feature section.
1009
+ */
1010
+ dataHeading?: HeadingBlockProps;
1011
+ /**
1012
+ * The array data features of the feature section.
1013
+ */
1014
+ dataFeatures?: FeatureData[];
1015
+ /**
1016
+ * The data features of the feature section.
1017
+ */
1018
+ dataButtons?: ButtonsBlockProps;
1019
+ /**
1020
+ * The data banner of the feature section.
1021
+ */
1022
+ dataBanner?: BannerData;
868
1023
  }
869
1024
 
870
- declare const HeroSection: React__default.ForwardRefExoticComponent<HeroContentProps & React__default.RefAttributes<HTMLDivElement>>;
1025
+ declare const FeatureSection: ({ template, background, className, idSection, dataHeading, dataFeatures, dataButtons, dataBanner, }: FeatureSectionProps) => react_jsx_runtime.JSX.Element;
871
1026
 
872
1027
  declare const AspectRatio: React$1.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & React$1.RefAttributes<HTMLDivElement>>;
873
1028
 
874
1029
  declare const Slider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
875
1030
 
1031
+ interface BrandData {
1032
+ /**
1033
+ * Brand name.
1034
+ */
1035
+ name?: string;
1036
+ /**
1037
+ * Brand logo.
1038
+ */
1039
+ logo?: string;
1040
+ /**
1041
+ * Brand url.
1042
+ */
1043
+ url?: string;
1044
+ /**
1045
+ * Opens in a new tab when clicked.
1046
+ */
1047
+ newTab?: boolean;
1048
+ }
1049
+ interface SocialProofSectionProps extends SectionBlockProps {
1050
+ /**
1051
+ * The template of the section.
1052
+ */
1053
+ template?: 1 | 2;
1054
+ /**
1055
+ * The data heading of the section.
1056
+ */
1057
+ dataHeading?: HeadingBlockProps;
1058
+ /**
1059
+ * The array data brands of the section.
1060
+ */
1061
+ dataBrands?: BrandData[];
1062
+ /**
1063
+ * Enable scroll snap on mobile.
1064
+ */
1065
+ isScrollSnap?: boolean;
1066
+ }
1067
+ declare const SocialProofSection: ({ template, background, className, idSection, dataHeading, dataBrands, isScrollSnap, }: SocialProofSectionProps) => react_jsx_runtime.JSX.Element;
1068
+
876
1069
  /**
877
1070
  * This Tailwind plugin is based and inspired on "tw-colors" and "NextUI".
878
1071
  *
@@ -886,4 +1079,4 @@ declare const mobaseTW: () => {
886
1079
 
887
1080
  declare const SiteMeta: react_jsx_runtime.JSX.Element;
888
1081
 
889
- export { Accordion, AccordionContent, type AccordionContentInterface, AccordionItem, type AccordionItemInterface, type AccordionRootInterface, AccordionTrigger, type AccordionTriggerInterface, ActionButton, 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, 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, Footer, HeaderNavigation, Heading, HeadingGroup, HeadingSub, HeadingTagline, HeroSection, IconButton, type IconButtonProps, LightBoxContent, LightboxGallery, LightboxThumbnail, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, Popover, PopoverContent, PopoverTrigger, Progress as Progressbar, RadioGroup, RadioGroupItem, SearchBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SiteMeta, Slider, Stepper, Switch, Tabs, TabsContent, TabsList, TabsTrigger, TextArea, type TextAreaProps, TextButton, type TextButtonProps, TextInput, type TextInputProps, ToastAction, Toaster, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, mobaseTW, navigationMenuTriggerStyle, textButtonVariants, toast, useToast };
1082
+ 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, 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, FeatureSection, type FeatureSectionProps, Footer, HeaderNavigation, Heading, HeadingGroup, HeadingSub, HeadingTagline, type HeroContentProps, HeroSection, IconButton, type IconButtonProps, LightBoxContent, LightboxGallery, LightboxThumbnail, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, Popover, PopoverContent, PopoverTrigger, 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, TextArea, type TextAreaProps, TextButton, type TextButtonProps, TextInput, type TextInputProps, ToastAction, Toaster, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, mobaseTW, navigationMenuTriggerStyle, textButtonVariants, toast, useToast };