@momo-webplatform/mobase 0.2.41 → 0.2.43

package/dist/esm/index.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { TextareaHTMLAttributes, InputHTMLAttributes, ReactElement, ReactNode } from 'react';
+import React__default, { ReactNode, TextareaHTMLAttributes, InputHTMLAttributes, ReactElement } from 'react';
 import { AccordionSingleProps, AccordionMultipleProps, AccordionItemProps, AccordionTriggerProps, AccordionContentProps } from '@radix-ui/react-accordion';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -124,8 +124,9 @@ interface ActionButtonProps extends ButtonProps {
     /**
      * The content for button.
      */
-    children?: React__default.ReactNode;
+    children?: ReactNode;
 }
+
 declare const ActionButton: ({ action, newTab, offset, dialogQrProps, className, children, ...props }: ActionButtonProps) => react_jsx_runtime.JSX.Element;
 
 declare const Breadcrumb: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
@@ -550,133 +551,6 @@ 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;
@@ -827,6 +701,7 @@ interface ItemProps {
 }
 interface InputProps {
     onClickClear?: (value: string) => void;
+    classNameInput?: string;
 }
 declare const Command: React$1.ForwardRefExoticComponent<Omit<{
     children?: React$1.ReactNode;
@@ -901,6 +776,7 @@ interface CalloutProps {
     className?: string;
     disabled?: boolean;
     actionClassName?: string;
+    icon?: React.ReactNode;
 }
 declare const Callout: React$1.ForwardRefExoticComponent<CalloutProps & VariantProps<(props?: ({
     typeDiv?: "warning" | "error" | "neutral" | "success" | "info" | null | undefined;
@@ -969,135 +845,255 @@ declare const Progress: React$1.ForwardRefExoticComponent<Omit<ProgressPrimitive
     variant?: "progress" | "disabled" | "success" | "empty" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
 
-interface HeroContentProps extends SectionBlockProps {
-    /**
-     * The template of the hero section.
-     */
-    template?: 1 | 2 | 3;
-    /**
-     * The data heading of the hero section.
-     */
-    dataHeading?: HeadingBlockProps;
-    /**
-     * The array data features of the hero section.
-     */
-    dataFeatures?: HeroContentListFeatureProps[];
-    /**
-     * The data buttons of the hero section.
-     */
-    dataButtons?: ButtonsBlockProps;
-    /**
-     * The data stats of the hero section.
-     */
-    dataStats?: HeroContentListStats[];
-    /**
-     * The data media of the hero section.
-     */
-    dataMedia?: HeroContentMediaProps;
-    advancedComponent?: React.ReactNode;
+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>>;
+
+interface ICommentThumbnails {
+    url: string;
+    titleImage?: string;
 }
-interface HeroContentListFeatureProps {
-    name?: string;
-    image?: string;
+interface IRating {
+    point: number;
+    max: 5 | 10;
+    className?: string;
 }
-interface HeroContentListStats {
-    /**
-     * Value of the stats.
-     */
-    value?: number;
-    /**
-     * Suffix of the stats.
-     */
-    suffix?: string;
-    /**
-     * Unit of the stats.
-     */
-    unit?: string;
-    /**
-     * Description of the stats.
-     */
-    description?: string;
+interface IComment {
+    avatar?: string;
+    author?: string;
+    time?: string;
+    ratingPoint?: IRating;
+    content?: string;
+    tags?: string[];
+    thumbnails?: ICommentThumbnails[];
+    actions?: React.ReactNode[];
+    statusMessage?: string;
+    repliesComment?: number;
+    likesComment?: number;
+    children?: React.ReactNode;
+    isReply?: boolean;
+    commentSideBar?: React.ReactNode;
+    isOutStanding?: boolean;
+    limitContent?: number;
 }
-interface HeroContentMediaProps {
-    src: string;
-    ratio?: string | number;
-    onClickFC?: () => void;
-    className?: string;
-    youtubeId?: string;
-    type?: number | null;
-    alt?: string;
+interface ICommentHeader {
+    avatar?: IComment["avatar"];
+    author?: IComment["author"];
+    time?: IComment["time"];
+    statusMessage?: IComment["statusMessage"];
+    isOutStanding?: IComment["isOutStanding"];
+}
+interface ICommentContent {
+    content: IComment["content"];
+    thumbnails: IComment["thumbnails"];
+    tags: IComment["tags"];
+    commentSideBar?: React.ReactNode;
+    rating: IComment["ratingPoint"];
+    limitContent?: IComment["limitContent"];
+}
+interface ICommentFooter {
+    actions?: IComment["actions"];
 }
 
-declare const HeroSection: React$1.ForwardRefExoticComponent<HeroContentProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const Comment: React$1.ForwardRefExoticComponent<IComment & React$1.RefAttributes<HTMLDivElement>>;
 
-interface BannerData {
-    /**
-     * The image source.
-     */
-    src?: string;
-    /**
-     * The image alt.
-     */
-    alt?: string;
-    /**
-     * The image ratio.
-     */
-    ratio?: number;
+interface ReadMoreLiteProps {
+    children: string;
+    maxChar?: number;
+    textMore?: string;
+    textLess?: string;
+    btnClass?: string;
+    className?: string;
 }
-interface FeatureData {
-    /**
-     * Feature name.
-     */
-    name?: string;
+declare const ReadMoreLite: React.FC<ReadMoreLiteProps>;
+
+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>;
+
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: react_hook_form.FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare const FormItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const FormLabel: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
+declare const FormControl: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
+declare const FormDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const FormMessage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+
+interface HeadingBlockProps {
     /**
-     * Feature description.
+     * ALign the heading.
+     */
+    align?: "center" | "left" | "right";
+    /**
+     * The tagline content.
+     */
+    tagline?: string;
+    /**
+     * The title content.
+     */
+    title?: string;
+    /**
+     * The description content.
      */
     description?: string;
     /**
-     * Feature image.
+     * HTML Tag heading. Default is "h2".
      */
-    image?: string;
+    tagHeading?: "h1" | "h2";
     /**
-     * Feature button name.
+     * The color scheme of the heading block.
      */
-    btnName?: string;
+    colorScheme?: "regular" | "pink" | "white";
     /**
-     * Feature button link.
+     * The size of the heading.
      */
-    btnLink?: string;
+    sizeHeading?: "small" | "large";
     /**
-     * Feature button use new tab.
+     * CSS class to be appended to the root element heading.
      */
-    newTab?: boolean;
+    className?: string;
 }
-interface FeatureSectionProps extends SectionBlockProps {
+interface dataButton extends ActionButtonProps {
     /**
-     * The template of the feature section.
+     * Button name.
      */
-    template?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+    btnName: string;
+}
+interface ButtonsBlockProps {
     /**
-     * The data heading of the feature section.
+     * 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.
+     */
+    template?: 1 | 2 | 3;
+    /**
+     * The data heading of the hero section.
      */
     dataHeading?: HeadingBlockProps;
     /**
-     * The array data features of the feature section.
+     * The array data features of the hero section.
      */
-    dataFeatures?: FeatureData[];
+    dataFeatures?: HeroContentListFeatureProps[];
     /**
-     * The data features of the feature section.
+     * The data buttons of the hero section.
      */
     dataButtons?: ButtonsBlockProps;
     /**
-     * The data banner of the feature section.
+     * The data stats of the hero section.
      */
-    dataBanner?: BannerData;
+    dataStats?: HeroContentListStats[];
+    /**
+     * The data media of the hero section.
+     */
+    dataMedia?: HeroContentMediaProps;
+    advancedComponent?: React.ReactNode;
+}
+interface HeroContentListFeatureProps {
+    name?: string;
+    image?: string;
+}
+interface HeroContentListStats {
+    /**
+     * Value of the stats.
+     */
+    value?: number;
+    /**
+     * Suffix of the stats.
+     */
+    suffix?: string;
+    /**
+     * Unit of the stats.
+     */
+    unit?: string;
+    /**
+     * Description of the stats.
+     */
+    description?: string;
+}
+interface HeroContentMediaProps {
+    src: string;
+    ratio?: string | number;
+    onClickFC?: () => void;
+    className?: string;
+    youtubeId?: string;
+    type?: number | null;
+    alt?: string;
 }
 
-declare const FeatureSection: ({ template, background, className, idSection, dataHeading, dataFeatures, dataButtons, dataBanner, }: FeatureSectionProps) => react_jsx_runtime.JSX.Element;
-
-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 const HeroSection: React$1.ForwardRefExoticComponent<HeroContentProps & React$1.RefAttributes<HTMLDivElement>>;
 
 interface BrandData {
     /**
@@ -1145,93 +1141,120 @@ interface SocialProofSectionProps extends SectionBlockProps {
 }
 declare const SocialProofSection: ({ template, background, className, idSection, dataHeading, dataBrands, dataButtons, spaceX, isScrollSnap, }: SocialProofSectionProps) => react_jsx_runtime.JSX.Element;
 
-interface ICommentThumbnails {
-    url: string;
-    titleImage?: string;
-}
-interface IRating {
-    point: number;
-    max: 5 | 10;
-    className?: string;
-}
-interface IComment {
-    avatar?: string;
-    author?: string;
-    time?: string;
-    ratingPoint?: IRating;
-    content?: string;
-    tags?: string[];
-    thumbnails?: ICommentThumbnails[];
-    actions?: React.ReactNode[];
-    statusMessage?: string;
-    repliesComment?: number;
-    likesComment?: number;
-    children?: React.ReactNode;
-    isReply?: boolean;
-    commentSideBar?: React.ReactNode;
-    isOutStanding?: boolean;
-    limitContent?: number;
-}
-interface ICommentHeader {
-    avatar?: IComment["avatar"];
-    author?: IComment["author"];
-    time?: IComment["time"];
-    statusMessage?: IComment["statusMessage"];
-    isOutStanding?: IComment["isOutStanding"];
+interface BannerData {
+    /**
+     * The image source.
+     */
+    src?: string;
+    /**
+     * The image alt.
+     */
+    alt?: string;
+    /**
+     * The image ratio.
+     */
+    ratio?: number;
 }
-interface ICommentContent {
-    content: IComment["content"];
-    thumbnails: IComment["thumbnails"];
-    tags: IComment["tags"];
-    commentSideBar?: React.ReactNode;
-    rating: IComment["ratingPoint"];
-    limitContent?: IComment["limitContent"];
+interface FeatureData {
+    /**
+     * Feature name.
+     */
+    name?: string;
+    /**
+     * Feature description.
+     */
+    description?: string;
+    /**
+     * Feature image.
+     */
+    image?: string;
+    /**
+     * Feature button name.
+     */
+    btnName?: string;
+    /**
+     * Feature button link.
+     */
+    btnLink?: string;
+    /**
+     * Feature button use new tab.
+     */
+    newTab?: boolean;
 }
-interface ICommentFooter {
-    actions?: IComment["actions"];
+interface FeatureSectionProps extends SectionBlockProps {
+    /**
+     * The template of the feature section.
+     */
+    template?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+    /**
+     * The data heading of the feature section.
+     */
+    dataHeading?: HeadingBlockProps;
+    /**
+     * The array data features of the feature section.
+     */
+    dataFeatures?: FeatureData[];
+    /**
+     * The data features of the feature section.
+     */
+    dataButtons?: ButtonsBlockProps;
+    /**
+     * The data banner of the feature section.
+     */
+    dataBanner?: BannerData;
 }
 
-declare const Comment: React$1.ForwardRefExoticComponent<IComment & React$1.RefAttributes<HTMLDivElement>>;
-
-interface ReadMoreLiteProps {
-    children: string;
-    maxChar?: number;
-    textMore?: string;
-    textLess?: string;
-    btnClass?: string;
-    className?: string;
-}
-declare const ReadMoreLite: React.FC<ReadMoreLiteProps>;
+declare const FeatureSection: ({ template, background, className, idSection, dataHeading, dataFeatures, dataButtons, dataBanner, }: FeatureSectionProps) => 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;
+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;
-    lastStep?: boolean;
-    fristStep?: boolean;
-    icon?: React$1.ReactNode;
-    isError?: boolean;
-    onValueChangeStep?: (step: number) => void;
+    /**
+     * Rating of the testimonial. value from 1 to 5. Default is 5.
+     */
+    rating?: number;
+    /**
+     * Date of the testimonial.
+     */
+    date?: string;
 }
-declare const ProgressStepsItem: React$1.FC<ProgressStepsItemProps>;
-declare const ProgressSteps: React$1.FC<ProgressStepsProps>;
+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 IContents$1 {
     title: string;
@@ -1279,25 +1302,49 @@ interface INewsSection extends SectionBlockProps {
 
 declare const NewsSection: ({ dataHeading, dataNews, className, background, buttonLoadMore, cols, onClickModal, }: INewsSection) => react_jsx_runtime.JSX.Element;
 
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
-declare const useFormField: () => {
-    invalid: boolean;
-    isDirty: boolean;
-    isTouched: boolean;
-    isValidating: boolean;
-    error?: react_hook_form.FieldError;
-    id: string;
-    name: string;
-    formItemId: string;
-    formDescriptionId: string;
-    formMessageId: string;
-};
-declare const FormItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const FormLabel: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
-declare const FormControl: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
-declare const FormDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
-declare const FormMessage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+interface CTAMedia {
+    /**
+     * The image source.
+     */
+    src?: string;
+    /**
+     * The image alt.
+     */
+    alt?: string;
+    /**
+     * The image ratio.
+     */
+    ratio?: number;
+}
+interface CTASectionData {
+    /**
+     * Input the color code or image url according to CSS syntax.
+     */
+    background?: string;
+}
+interface CTASectionProps 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.
+     */
+    dataCTA?: CTASectionData;
+    /**
+     * The data buttons of the section.
+     */
+    dataButtons?: ButtonsBlockProps;
+    /**
+     * The data media of the cta section.
+     */
+    dataMedia?: CTAMedia;
+}
+declare const CTASection: ({ template, background, className, idSection, dataHeading, dataCTA, dataButtons, dataMedia, }: CTASectionProps) => react_jsx_runtime.JSX.Element;
 
 /**
  * This Tailwind plugin is based and inspired on "tw-colors" and "NextUI".
@@ -1312,4 +1359,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, 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, FAQSection, FeatureSection, type FeatureSectionProps, Footer, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HeaderNavigation, Heading, HeadingGroup, HeadingSub, HeadingTagline, type HeroContentProps, HeroSection, type IComment, type ICommentContent, type ICommentFooter, type ICommentHeader, type IContents$1 as IContents, type IDataFAQ, type IFAQ, type INewsSection, IconButton, type IconButtonProps, LightBoxGalleryContent, LightboxGallery, LightboxThumbnail, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NewsSection, 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, FAQSection, FeatureSection, type FeatureSectionProps, Footer, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HeaderNavigation, Heading, HeadingGroup, HeadingSub, HeadingTagline, type HeroContentProps, HeroSection, type IComment, type ICommentContent, type ICommentFooter, type ICommentHeader, type IContents$1 as IContents, type IDataFAQ, type IFAQ, type INewsSection, IconButton, type IconButtonProps, LightBoxGalleryContent, LightboxGallery, LightboxThumbnail, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NewsSection, 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 };