@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.
- package/dist/cjs/index.cjs +38 -42
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/index.d.cts +230 -37
- package/dist/esm/index.d.ts +230 -37
- package/dist/esm/index.js +37 -41
- package/dist/esm/index.js.map +1 -1
- package/package.json +3 -3
package/dist/cjs/index.d.cts
CHANGED
|
@@ -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
|
-
|
|
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: ({
|
|
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
|
|
825
|
-
|
|
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
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
media?: HeroContentMediaProps;
|
|
858
|
+
interface dataButton extends ActionButtonProps {
|
|
859
|
+
/**
|
|
860
|
+
* Button name.
|
|
861
|
+
*/
|
|
862
|
+
btnName: string;
|
|
837
863
|
}
|
|
838
|
-
interface
|
|
864
|
+
interface ButtonsBlockProps {
|
|
865
|
+
/**
|
|
866
|
+
* CSS class to be appended to the root element.
|
|
867
|
+
*/
|
|
839
868
|
className?: string;
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
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
|
-
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
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
|
-
|
|
952
|
+
ratio?: string | number;
|
|
862
953
|
onClickFC?: () => void;
|
|
863
954
|
className?: string;
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
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
|
|
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 };
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -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
|
-
|
|
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: ({
|
|
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
|
|
825
|
-
|
|
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
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
media?: HeroContentMediaProps;
|
|
858
|
+
interface dataButton extends ActionButtonProps {
|
|
859
|
+
/**
|
|
860
|
+
* Button name.
|
|
861
|
+
*/
|
|
862
|
+
btnName: string;
|
|
837
863
|
}
|
|
838
|
-
interface
|
|
864
|
+
interface ButtonsBlockProps {
|
|
865
|
+
/**
|
|
866
|
+
* CSS class to be appended to the root element.
|
|
867
|
+
*/
|
|
839
868
|
className?: string;
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
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
|
-
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
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
|
-
|
|
952
|
+
ratio?: string | number;
|
|
862
953
|
onClickFC?: () => void;
|
|
863
954
|
className?: string;
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
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
|
|
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 };
|