@momo-webplatform/mobase 0.2.37 → 0.2.39

package/dist/cjs/index.d.cts

@@ -7,6 +7,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { DialogProps as DialogProps$1 } from '@radix-ui/react-dialog';
 import { DayPicker } from 'react-day-picker';
+import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { PopoverProps } from '@radix-ui/react-popover';
@@ -129,7 +130,7 @@ declare const Breadcrumb: React$1.ForwardRefExoticComponent<Omit<React$1.Detaile
 declare const BreadcrumbList: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
 declare const BreadcrumbItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
 declare const BreadcrumbLink: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
-    asChild?: boolean | undefined;
+    asChild?: boolean;
 } & React$1.RefAttributes<HTMLAnchorElement>>;
 declare const BreadcrumbPage: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
 declare const BreadcrumbSeparator: {
@@ -160,7 +161,45 @@ declare namespace Calendar {
     var displayName: string;
 }
 
-declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & 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_dist_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>>;
+
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: "horizontal" | "vertical";
+    setApi?: (api: CarouselApi) => void;
+};
+declare const Carousel: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & CarouselProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const CarouselContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CarouselItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CarouselPrevious: React$1.ForwardRefExoticComponent<Omit<IconButtonProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const CarouselNext: React$1.ForwardRefExoticComponent<Omit<IconButtonProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    size?: "large" | "medium" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
 
 type DatePickerProps = {
     /**
@@ -215,27 +254,27 @@ declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimit
     /**
      * Determines whether the close button should be positioned on the right side.
      */
-    positionRightCloseBtn?: boolean | undefined;
+    positionRightCloseBtn?: boolean;
     /**
      * Size of the modal window
      */
-    size?: "sm" | "lg" | "md" | "xl" | undefined;
+    size?: "sm" | "md" | "lg" | "xl";
     /**
      * Position of the modal window
      */
-    position?: "center" | "left" | "right" | "bottom" | undefined;
+    position?: "center" | "left" | "right" | "bottom";
     /**
      * Determines whether the close button hide or not
      */
-    hideCloseBtn?: boolean | undefined;
+    hideCloseBtn?: boolean;
     /**
      * Height of the modal window
      */
-    height?: "small" | "auto" | "large" | "full" | undefined;
+    height?: "auto" | "small" | "large" | "full";
     /**
      * Open full screen dialog in mobile
      */
-    isFull?: boolean | undefined;
+    isFull?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
     ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
@@ -246,13 +285,13 @@ declare const DialogBody: {
         /**
          * Determines whether the dialog body should be condensed.
          */
-        isCondensed?: boolean | undefined;
+        isCondensed?: boolean;
     }): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 declare const DialogFooter: {
     ({ className, isDivider, ...props }: React$1.HTMLAttributes<HTMLDivElement> & {
-        isDivider?: boolean | undefined;
+        isDivider?: boolean;
     }): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
@@ -303,26 +342,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_dist_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.
@@ -441,11 +460,11 @@ declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.Tab
     /**
      * Control the size of the tabs list..
      */
-    size?: "base" | "sm" | undefined;
+    size?: "base" | "sm";
     /**
      * The direction of navigation between toolbar items.
      */
-    isDivider?: boolean | undefined;
+    isDivider?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
@@ -510,10 +529,10 @@ declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>
 declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
 declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const TooltipArrow: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipArrowProps & React$1.RefAttributes<SVGSVGElement>, "ref"> & {
-    className?: string | undefined;
+    className?: string;
 } & React$1.RefAttributes<SVGSVGElement>>;
 declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
-    type?: "dark" | "light" | undefined;
+    type?: "dark" | "light";
 } & React$1.RefAttributes<HTMLDivElement>>;
 
 interface TextInputProps extends InputHTMLAttributes<HTMLInputElement> {
@@ -527,6 +546,133 @@ interface TextInputProps extends InputHTMLAttributes<HTMLInputElement> {
 }
 declare const TextInput: React$1.ForwardRefExoticComponent<TextInputProps & React$1.RefAttributes<HTMLInputElement>>;
 
+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?: "regular" | "pink" | "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 TestimonialData {
+    /**
+     * Avatar of the testimonial.
+     */
+    avatar?: string;
+    /**
+     * Name of the testimonial.
+     */
+    name?: string;
+    /**
+     * Position of the testimonial.
+     */
+    position?: string;
+    /**
+     * Short title of the testimonial.
+     */
+    shortTitle?: string;
+    /**
+     * Description of the testimonial.
+     */
+    description?: string;
+    /**
+     * Rating of the testimonial. value from 1 to 5. Default is 5.
+     */
+    rating?: number;
+    /**
+     * Date of the testimonial.
+     */
+    date?: string;
+}
+interface TestimonialSectionProps extends SectionBlockProps {
+    /**
+     * The template of the section.
+     */
+    template?: 1 | 2;
+    /**
+     * The data heading of the section.
+     */
+    dataHeading?: HeadingBlockProps;
+    /**
+     * The array data testimonials of the section.
+     */
+    dataTestimonials?: TestimonialData[];
+    /**
+     * The data buttons of the section.
+     */
+    dataButtons?: ButtonsBlockProps;
+}
+declare const TestimonialSection: ({ template, background, className, idSection, dataHeading, dataTestimonials, dataButtons, }: TestimonialSectionProps) => react_jsx_runtime.JSX.Element;
+
 interface StepperProps extends InputHTMLAttributes<HTMLInputElement> {
     value?: number;
     min?: number;
@@ -543,11 +689,11 @@ interface StepperProps extends InputHTMLAttributes<HTMLInputElement> {
 declare const Stepper: React$1.ForwardRefExoticComponent<StepperProps & React$1.RefAttributes<HTMLInputElement>>;
 
 declare const Select: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectProps & {
-    className?: string | undefined;
-    label?: string | null | undefined;
-    message?: string | null | undefined;
-    size?: 2 | 1 | undefined;
-    isError?: boolean | undefined;
+    className?: string;
+    label?: string | null;
+    message?: string | null;
+    size?: 1 | 2;
+    isError?: boolean;
 } & React$1.RefAttributes<never>>;
 declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
 declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
@@ -561,7 +707,7 @@ declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrim
 
 type AlignDropdown = "left" | "right" | "center";
 declare const NavigationMenu: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React$1.RefAttributes<HTMLElement>, "ref"> & {
-    alignDropdown?: AlignDropdown | undefined;
+    alignDropdown?: AlignDropdown;
 } & React$1.RefAttributes<HTMLElement>>;
 declare const NavigationMenuList: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React$1.RefAttributes<HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
 declare const NavigationMenuItem: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React$1.RefAttributes<HTMLLIElement>>;
@@ -572,7 +718,9 @@ declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMe
 
 declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
-declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    size?: "large" | "medium" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
 declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
 interface ComponentData {
@@ -679,21 +827,21 @@ interface InputProps {
 declare const Command: React$1.ForwardRefExoticComponent<Omit<{
     children?: React$1.ReactNode;
 } & React$1.HTMLAttributes<HTMLDivElement> & {
-    label?: string | undefined;
-    shouldFilter?: boolean | undefined;
-    filter?: ((value: string, search: string) => number) | undefined;
-    defaultValue?: string | undefined;
-    value?: string | undefined;
-    onValueChange?: ((value: string) => void) | undefined;
-    loop?: boolean | undefined;
-    vimBindings?: boolean | undefined;
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    vimBindings?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 interface CommandDialogProps extends DialogProps$1 {
 }
 declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => react_jsx_runtime.JSX.Element;
 declare const CommandInput: React$1.ForwardRefExoticComponent<Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "type"> & {
-    value?: string | undefined;
-    onValueChange?: ((search: string) => void) | undefined;
+    value?: string;
+    onValueChange?: (search: string) => void;
 } & React$1.RefAttributes<HTMLInputElement>, "ref"> & InputProps & React$1.RefAttributes<HTMLInputElement>>;
 declare const CommandList: React$1.ForwardRefExoticComponent<Omit<{
     children?: React$1.ReactNode;
@@ -705,19 +853,19 @@ declare const CommandGroup: React$1.ForwardRefExoticComponent<Omit<{
     children?: React$1.ReactNode;
 } & Omit<React$1.HTMLAttributes<HTMLDivElement>, "value" | "heading"> & {
     heading?: React$1.ReactNode;
-    value?: string | undefined;
-    forceMount?: boolean | undefined;
+    value?: string;
+    forceMount?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const CommandSeparator: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement> & {
-    alwaysRender?: boolean | undefined;
+    alwaysRender?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const CommandItem: React$1.ForwardRefExoticComponent<Omit<{
     children?: React$1.ReactNode;
 } & Omit<React$1.HTMLAttributes<HTMLDivElement>, "value" | "onSelect" | "disabled"> & {
-    disabled?: boolean | undefined;
-    onSelect?: ((value: string) => void) | undefined;
-    value?: string | undefined;
-    forceMount?: boolean | undefined;
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    forceMount?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>, "ref"> & ItemProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const CommandShortcut: {
     ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
@@ -800,7 +948,7 @@ declare const ChoiceboxGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupP
     /**
     * Hide indicator when needed, default is false
     */
-    hideIndicator?: boolean | undefined;
+    hideIndicator?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare const ChoiceboxGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 declare const ChoiceboxMultiItem: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
@@ -821,83 +969,6 @@ declare const Progress: React$1.ForwardRefExoticComponent<Omit<ProgressPrimitive
     variant?: "progress" | "disabled" | "success" | "empty" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
 
-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?: "regular" | "pink" | "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 HeroContentProps extends SectionBlockProps {
     /**
      * The template of the hero section.
@@ -923,6 +994,7 @@ interface HeroContentProps extends SectionBlockProps {
      * The data media of the hero section.
      */
     dataMedia?: HeroContentMediaProps;
+    advancedComponent?: React.ReactNode;
 }
 interface HeroContentListFeatureProps {
     name?: string;
@@ -948,7 +1020,7 @@ interface HeroContentListStats {
 }
 interface HeroContentMediaProps {
     src: string;
-    ratio?: number;
+    ratio?: string | number;
     onClickFC?: () => void;
     className?: string;
     youtubeId?: string;
@@ -1058,12 +1130,50 @@ interface SocialProofSectionProps extends SectionBlockProps {
      * The array data brands of the section.
      */
     dataBrands?: BrandData[];
+    /**
+     * The data buttons of the section.
+     */
+    dataButtons?: ButtonsBlockProps;
+    /**
+     * The space between brands in Desktop. Default value "spacingXl". In mobile, it will be value "spacingX". SpaceX use only for template 1.
+     */
+    spaceX?: "spacingX" | "spacingM" | "spacingL" | "spacingXl" | "spacing2Xl";
     /**
      * Enable scroll snap on mobile.
      */
     isScrollSnap?: boolean;
 }
-declare const SocialProofSection: ({ template, background, className, idSection, dataHeading, dataBrands, isScrollSnap, }: SocialProofSectionProps) => react_jsx_runtime.JSX.Element;
+declare const SocialProofSection: ({ template, background, className, idSection, dataHeading, dataBrands, dataButtons, spaceX, isScrollSnap, }: SocialProofSectionProps) => react_jsx_runtime.JSX.Element;
+
+type StepState = "active" | "disabled" | "default" | "completed";
+type StepSize = "default" | "small";
+interface ProgressStepsProps {
+    children: React$1.ReactNode;
+    className?: string;
+    type?: "numberStep" | "iconStep" | "default";
+}
+interface ProgressStepsItemTriggerProps {
+    step: number;
+    currentStep: number;
+    onValueChangeStep: (step: number) => void;
+    children: React$1.ReactNode;
+}
+declare const ProgressStepsItemTrigger: React$1.FC<ProgressStepsItemTriggerProps>;
+interface ProgressStepsItemProps {
+    step: number;
+    state?: StepState;
+    size?: StepSize;
+    className?: string;
+    title?: string;
+    description?: string;
+    lastStep?: boolean;
+    fristStep?: boolean;
+    icon?: React$1.ReactNode;
+    isError?: boolean;
+    onValueChangeStep?: (step: number) => void;
+}
+declare const ProgressStepsItem: React$1.FC<ProgressStepsItemProps>;
+declare const ProgressSteps: React$1.FC<ProgressStepsProps>;
 
 /**
  * This Tailwind plugin is based and inspired on "tw-colors" and "NextUI".
@@ -1073,9 +1183,9 @@ declare const SocialProofSection: ({ template, background, className, idSection,
  */
 declare const mobaseTW: () => {
     handler: tailwindcss_types_config.PluginCreator;
-    config?: Partial<tailwindcss_types_config.Config> | undefined;
+    config?: Partial<tailwindcss_types_config.Config>;
 };
 
 declare const SiteMeta: react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionContent, type AccordionContentInterface, AccordionItem, type AccordionItemInterface, type AccordionRootInterface, AccordionTrigger, type AccordionTriggerInterface, ActionButton, type ActionButtonProps, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, AspectRatio, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, type CalendarProps, Callout, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, 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 };
+export { Accordion, AccordionContent, type AccordionContentInterface, AccordionItem, type AccordionItemInterface, type AccordionRootInterface, AccordionTrigger, type AccordionTriggerInterface, ActionButton, type ActionButtonProps, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, AspectRatio, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, type CalendarProps, Callout, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, ChoiceboxGroup, ChoiceboxGroupItem, ChoiceboxMultiItem, Combobox, ComboboxContent, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DatePicker, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogQr, type DialogQrProps, DialogTitle, DialogTrigger, 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, ProgressSteps, ProgressStepsItem, ProgressStepsItemTrigger, Progress as Progressbar, RadioGroup, RadioGroupItem, SearchBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SiteMeta, Slider, SocialProofSection, type SocialProofSectionProps, Stepper, Switch, Tabs, TabsContent, TabsList, TabsTrigger, TestimonialSection, type TestimonialSectionProps, TextArea, type TextAreaProps, TextButton, type TextButtonProps, TextInput, type TextInputProps, ToastAction, Toaster, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, mobaseTW, navigationMenuTriggerStyle, textButtonVariants, toast, useToast };