@sikka/hawa 0.1.43 → 0.1.46

package/dist/index.d.mts

@@ -1,1667 +1,15 @@
-import * as React$1 from 'react';
-import React__default, { FC, ChangeEvent, ReactElement, ReactNode, RefObject, PropsWithRef, ButtonHTMLAttributes } from 'react';
-import { BaseEditor } from 'slate';
-import { ReactEditor } from 'slate-react';
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import * as LabelPrimitive from '@radix-ui/react-label';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import * as ToastPrimitives from '@radix-ui/react-toast';
-
-type THawaSnackBar = {
-    severity: "info" | "warning" | "error" | "success" | "none";
-    title: string;
-    description: string;
-    onCloseSnakbar?: () => void;
-    duration?: number;
-    position?: "top-left" | "top-center" | "top-right" | "bottom-right" | "bottom-center" | "bottom-left";
-    actions?: [
-        {
-            icon?: any;
-            label: string;
-            onClick: any;
-            variant: "contained" | "outlined";
-        }
-    ];
-};
-declare const HawaSnackbar: FC<THawaSnackBar>;
-
-type SwitchTypes = {
-    text?: any;
-    size?: "small" | "normal" | "large";
-};
-declare const HawaSwitch: FC<SwitchTypes>;
-
-type TCheckBoxTypes = {
-    centered?: boolean;
-    label?: any;
-    helperText?: any;
-    id: string;
-    onChange?: (e: any) => void;
-    val?: boolean;
-};
-declare const HawaCheckbox: FC<TCheckBoxTypes>;
-
-type PanelTabsTypes = {
-    defaultValue: any;
-    options: [{
-        label: string;
-        value: string;
-    }];
-    lang: any;
-    handleChange: any;
-    location: any;
-};
-declare const HawaPanelTabs: FC<PanelTabsTypes>;
-
-type TChipTypes = {
-    /** The text inside the chip */
-    label: string;
-    /** The small icon before the chip label  */
-    icon?: JSX.Element;
-    /** The color of the chip, must be a tailwind color */
-    color?: string;
-    /** The size of the chip */
-    size?: "small" | "normal" | "large";
-    /** Enable/Disable the dot before the label of the chip */
-    dot?: boolean;
-    /** Red/Green dot next to the label of the chip indicating online/offline or available/unavailable */
-    dotType?: "available" | "unavailable";
-};
-declare const HawaChip: FC<TChipTypes>;
-
-type IconCountTypes = {
-    /** The icon of the counter */
-    icon: JSX.Element;
-    /** The text next to the icon */
-    count?: string;
-};
-declare const HawaIconCount: FC<IconCountTypes>;
-
-type SettingsRowTypes = {
-    settingsLabel: string;
-    settingsType: "text" | "radio" | "boolean" | "color" | "range" | "select";
-    settingsDescription?: string;
-    radioProps: {
-        defaultValue: any;
-        onChangeTab: any;
-        options: [{
-            label: string;
-            value: any;
-        }];
-    };
-    colorProps: {
-        color?: any;
-        handleChange?: any;
-    };
-    rangeProps: {
-        min?: any;
-        max?: any;
-    };
-    switchProps: {
-        size: "small" | "normal" | "large";
-    };
-    selectProps: {
-        label?: string;
-        options?: any[any];
-        isCreatable?: boolean;
-        isClearable?: boolean;
-        isMulti?: boolean;
-        isSearchable?: boolean;
-        onChange?: any;
-        helperText?: any;
-        onInputChange?: any;
-        native?: any;
-        fullWidth?: any;
-        value?: any;
-        children?: any;
-        getOptionLabel?: any;
-        disabled?: boolean;
-    };
-};
-declare const HawaSettingsRow: FC<SettingsRowTypes>;
-
-type SelectTypes = {
-    label?: string;
-    options?: {
-        value: any;
-        label: any;
-    }[];
-    isCreatable?: boolean;
-    isClearable?: boolean;
-    isMulti?: boolean;
-    isSearchable?: boolean;
-    onChange?: any;
-    helperText?: any;
-    onInputChange?: any;
-    native?: any;
-    width?: "full" | "small";
-    value?: any;
-    children?: any;
-    getOptionLabel?: any;
-    disabled?: boolean;
-};
-declare const HawaSelect: FC<SelectTypes>;
-
-type RangeTypes = {
-    value?: any;
-    handleChange?: any;
-    startElement?: any;
-    endElement?: any;
-    label?: string;
-    min?: any;
-    max?: any;
-};
-declare const HawaRange: FC<RangeTypes>;
-
-type TypographyTypes$1 = {
-    children: any;
-    align?: any;
-};
-declare const HawaTypography: FC<TypographyTypes$1>;
-
-type AlertTypes = {
-    severity: "info" | "warning" | "error" | "success";
-    /** The title of the alert placed above the text of the alert. Can be used alone */
-    title?: any;
-    /** The text of the alert placed below the title of the alert. Can be used alone */
-    text: any;
-    /** The duration for the alert to stay on the screen */
-    duration?: number;
-    variant?: "normal" | "solid" | "top-accent" | "left-accent" | "right-accent" | "bottom-accent";
-    direction?: "rtl" | "ltr";
-    actions?: [
-        {
-            label: string;
-            onClick: any;
-            variant: "outline" | "link" | "default" | "destructive" | "secondary" | "ghost";
-        }
-    ];
-    persistant?: boolean;
-    icon?: any;
-};
-declare const HawaAlert: React__default.FunctionComponent<AlertTypes>;
-
-type RowTypes = {
-    hidden: boolean;
-    value: any;
-    suffix?: any;
-};
-type ColTypes = {
-    hidden: boolean;
-    value: any;
-    sortable?: boolean;
-};
-type TableTypes = {
-    pagination?: boolean;
-    columns: ColTypes[];
-    actions?: ActionItems[][];
-    direction?: "rtl" | "ltr";
-    rows?: RowTypes[][];
-    handleActionClick?: any;
-    end?: any;
-    size?: "normal" | "small";
-    highlightFirst?: boolean;
-    bodyColor?: string;
-    headerColor?: string;
-    clickable?: boolean;
-    texts?: {
-        actions?: string;
-        noData?: any;
-        items?: string;
-        page?: string;
-        filter?: string;
-    };
-    bordersWidth?: string;
-    onActionClicked?: any;
-    headerTools?: boolean;
-    borders?: "all" | "cols" | "rows" | "outer" | "inner";
-};
-type ActionItems = {
-    icon?: JSX.Element;
-    label: string;
-    action?: (e: any) => void;
-    isButton?: boolean;
-    element?: any;
-};
-declare const HawaTable: FC<TableTypes>;
-
-type ColorPickerTypes = {
-    /** The hex code for the color */
-    color?: any;
-    /** Fires everytime the color changes */
-    handleChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-};
-declare const HawaColorPicker: FC<ColorPickerTypes>;
-
-type SearchBarTypes = {};
-declare const HawaSearchBar: FC<SearchBarTypes>;
-
-type AccordionTypes = {
-    /** The title of the clickable accordion bar   */
-    title: string;
-    /** The content inside the accordion to be visible once the bar is clicked   */
-    content: any;
-    /** The index of each accordion, must be unique for each usage of this component   */
-    index: any;
-};
-declare const HawaAccordion: FC<AccordionTypes>;
-
-type HawaPhoneInputTypes = {
-    preferredCountry?: any;
-    helperText?: any;
-    label?: string;
-    value?: any;
-    country?: any;
-    handleChange?: any;
-};
-declare const HawaPhoneInput: FC<HawaPhoneInputTypes>;
-
-type THawaToolTip = {
-    children?: ReactElement;
-    content?: string;
-    btnHovered?: any;
-    buttonRef?: any;
-    direction?: "rtl" | "ltr";
-    size?: "normal" | "small" | "large";
-    position?: "left-top" | "left-bottom" | "right-top" | "right-bottom" | "top-right" | "top-left" | "bottom-right" | "bottom-left";
-};
-declare const HawaTooltip: FC<THawaToolTip>;
-
-type TabsTypes$1 = {
-    options?: any;
-    onChangeTab?: (option: any) => void;
-    defaultValue?: any;
-    orientation?: "horizontal" | "vertical";
-    direction?: "rtl" | "ltr";
-    marginBetween?: any;
-    width?: "full" | "normal";
-    pill?: boolean;
-};
-declare const HawaTabs: FC<TabsTypes$1>;
-
-type ModalTypes = {
-    /**   * The boolean to open and close the modal   */
-    open: boolean;
-    /**   * The title of the modal, it will appear in the header of the modal   */
-    title: string;
-    /**
-     * a function that's triggered when the modal is closed either by the clicking the close button or outside the modal.
-     * @returns void
-     */
-    onClose: () => void;
-    /**   * Boolean to enable/disable closing the modal upon clicking outside the modal   */
-    closeOnClickOutside?: boolean;
-    /**   * The id of the modal   */
-    modalID?: string;
-    children: ReactElement;
-    /**   * The array of actions for the modal, it will appear in the footer of the modal   */
-    actions: any;
-};
-declare const HawaModal: FC<ModalTypes>;
-
-interface TMenuTypes$1 {
-    menuItems: MenuItems$1[][];
-    withHeader?: boolean;
-    headerTitle?: string;
-    headerSubtitle?: string;
-    direction?: "rtl" | "ltr";
-    anchor?: any;
-    children?: ReactNode;
-    position?: "left-top" | "left-bottom" | "right-top" | "right-bottom" | "top-right" | "top-left" | "bottom-right" | "bottom-left";
-    onClickOutside?: any;
-    actionedItem?: any;
-    size?: "small" | "normal" | "large";
-}
-type MenuItems$1 = {
-    icon?: JSX.Element;
-    disabled?: boolean;
-    label: string;
-    action?: (e: any) => void;
-    isButton?: boolean;
-    element?: any;
-};
-declare const HawaMenu: FC<TMenuTypes$1>;
-
-interface TMenuTypes {
-    children?: any;
-    direction?: "rtl" | "ltr";
-}
-declare const HawaDropdownMenu: FC<TMenuTypes>;
-
-type CopyRightsTypes = {
-    /** A text used as the version of the app, for example: v1.0.0 */
-    version?: string;
-    /** Credit to the creator of the app, for example: Sikka Software */
-    credits?: string;
-    /** The URL of the logo in the copyrights */
-    logoURL?: string;
-    /** Enable/Disable the existance of the logo */
-    withLogo?: boolean;
-    /** Fires when the logo is clicked, usually goes to the website of the creator of the app */
-    onLogoClicked?: any;
-};
-declare const HawaCopyrights: FC<CopyRightsTypes>;
-
-type THawaTimeline = {
-    steps: any[any];
-    currentStep: any;
-    orientation: "vertical" | "horizontal";
-};
-declare const HawaStepper: FC<THawaTimeline>;
-
-type StatTypes = {
-    label?: string;
-    color?: string;
-    number?: string;
-    helperText?: string;
-    icon?: any;
-    variant?: "default" | "plain" | "contained" | "outlined" | "brutalist" | "dropshadow";
-    width?: "full" | "min" | "normal";
-    isLoading?: boolean;
-    handleClick?: () => void;
-};
-declare const HawaStats: FC<StatTypes>;
-
-type CodeBlockTypes = {
-    color?: "dark" | "light";
-    language?: string;
-    width?: "full" | "md" | "sm";
-    tabs?: TabsTypes[];
-    fileName?: string;
-    code?: string;
-};
-type TabsTypes = {
-    title: string;
-    code: string;
-};
-declare const HawaCodeBlock: FC<CodeBlockTypes>;
-
-type LoadingTypes = {
-    size?: "button" | "sm" | "normal" | "lg" | "xl";
-    design?: "spinner" | "dots-bounce" | "dots-pulse" | "pulse" | "spinner-dots";
-    color?: any;
-};
-declare const HawaLoading: FC<LoadingTypes>;
-
-type RadioTypes = {
-    orientation?: "vertical" | "horizontal";
-    design?: "default" | "tabs" | "cards" | "bordered";
-    options?: {
-        value: any;
-        label: any;
-        disabled?: any;
-        sublabel?: any;
-        icon?: any;
-    }[];
-    width?: "default" | "full";
-    onChangeTab?: any;
-    defaultValue?: any;
-};
-declare const HawaRadio: FC<RadioTypes>;
-
-type DatepickerTypes = {};
-declare const HawaDatepicker: FC<DatepickerTypes>;
-
-type DragDropImagesTypes = {
-    /**  The text label above the component. Consistant with the other form input fields   */
-    label?: string;
-    files: [File];
-    setFiles: any;
-    setDeletedFiles: any;
-    maxFiles: number;
-    accept: string;
-    onAcceptedFiles: any;
-    showPreview: any;
-    onDeleteFile: any;
-    onClearFiles: any;
-    maxSize: number;
-    errorMessages: string;
-    /** The translation object, use this to replace the default text with any translated text you want.*/
-    texts: {
-        errorUploading: any;
-        clickHereToUpload: any;
-        maxFileSize: any;
-        tooManyFiles: any;
-        fileTooLarge: any;
-        acceptedFileTypes: any;
-        invalidFileType: any;
-    };
-};
-declare const DragDropImages: React__default.FunctionComponent<DragDropImagesTypes>;
-
-type DraggableCardTypes = {
-    children: ReactElement;
-};
-declare const DraggableCard: FC<DraggableCardTypes>;
-
-type SubsectionListTypes = {
-    align?: any;
-    subsections: [
-        {
-            title: string;
-            sections: [
-                {
-                    label: string;
-                    action: () => void;
-                    icon?: any;
-                    value?: any;
-                }
-            ];
-        }
-    ];
-};
-declare const SubsectionList: FC<SubsectionListTypes>;
-
-type UsageCardTypes = {
-    tooltip?: any;
-    title: any;
-    percent: any;
-    currentUsage: any;
-};
-declare const UsageCard: FC<UsageCardTypes>;
-
-type InvoiceAccordionTypes = {
-    products: {
-        usage?: string;
-        price?: string;
-        amount?: string;
-        plan?: string;
-    }[];
-    texts: {
-        total: string;
-        plan: string;
-        usage: string;
-        amount: string;
-        price: string;
-    };
-    invoiceTitle: string;
-    invoiceSubtitle: string;
-    invoiceDescription?: string;
-    invoiceActions?: {
-        icon?: JSX.Element;
-        label: string;
-        action?: (e: any) => void;
-        isButton?: boolean;
-        element?: any;
-    }[][];
-    total: any;
-    direction?: "rtl" | "ltr";
-    status?: "paid" | "pending" | "overdue";
-};
-declare const InvoiceAccordion: FC<InvoiceAccordionTypes>;
-
-type ComponentTypes$4 = {
-    title?: string;
-    question: string;
-    options?: [];
-    texts?: {
-        least: string;
-        most: string;
-    };
-    position?: "bottom-right" | "bottom-left";
-    onOptionClicked?: (option: any) => void;
-};
-declare const UserFeedback: FC<ComponentTypes$4>;
-
-type Item$4 = {
-    label?: string;
-    icon?: JSX.Element;
-};
-type ComponentTypes$3 = {
-    items: Item$4[];
-    index?: number;
-    arrowSize?: number;
-    labelSize?: "small" | "medium" | "big";
-};
-declare const ArrowCarousel: FC<ComponentTypes$3>;
-
-type ComponentTypes$2 = {
-    rtl?: "enabled" | "disabled" | "auto";
-    onSubmit?: (content: string, stylings: {
-        type: keyof typeof stylers;
-        start: number;
-        finish: number;
-    }[]) => void;
-};
-declare const stylers: {
-    bold: {
-        css: string;
-        content: string;
-    };
-    italic: {
-        id: string;
-        css: string;
-        content: string;
-    };
-    under: {
-        id: string;
-        css: string;
-        content: string;
-    };
-    strike: {
-        id: string;
-        css: string;
-        content: string;
-    };
-};
-declare const FloatingComment: React__default.FunctionComponent<ComponentTypes$2>;
-
-type CustomElement = {
-    type: "paragraph";
-    children: CustomText[];
-};
-type CustomText = {
-    text: string;
-};
-declare module "slate" {
-    interface CustomTypes {
-        Editor: BaseEditor & ReactEditor;
-        Element: CustomElement;
-        Text: CustomText;
-    }
-}
-declare const FloatingCommentSlate: () => React__default.JSX.Element;
-
-type ComponentTypes$1 = {};
-declare const FloatingCommentExec: React__default.FC<ComponentTypes$1>;
-
-type ComponentTypes = {
-    paddingX?: number;
-    paddingY?: number;
-    paddingThreshold?: number;
-    corner?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
-    anchor: RefObject<HTMLInputElement>;
-};
-declare const BackToTop: FC<ComponentTypes>;
-
-type InlineCodeTypes = {
-    text: string;
-};
-declare const HawaInlineCode: FC<InlineCodeTypes>;
-
-type TimelineTypes = {
-    title: any;
-    steps: StepTypes[];
-};
-type StepTypes = {
-    date: string;
-    title: string;
-    description?: string;
-    actions?: any;
-};
-declare const Timeline: FC<TimelineTypes>;
-
-type TextFieldTypes = {
-    margin?: "none" | "normal" | "large";
-    width?: "small" | "normal" | "full";
-    /** The label of the input field   */
-    label?: any;
-    /** Disable/Enable multiple line text input field   */
-    multiline?: boolean;
-    /** The small red text under the input field to show validation or a hint.   */
-    helpertext?: any;
-    /** The value of the input field */
-    value?: any;
-    props?: PropsWithRef<"input">;
-    /** The type of input field. Same as the types of <input/> component   */
-    type?: any;
-    /** The placeholder of the input field  */
-    placeholder?: any;
-    defaultValue?: any;
-    name?: any;
-    inputProps?: any;
-    onChange?: any;
-    ref?: any;
-    /** The icon inside the input field */
-    icon?: any;
-    /** Boolean to enable/disable editing the input field and using it as a text field   */
-    preview?: boolean;
-    autoComplete?: any;
-    maxLength?: any;
-};
-declare const HawaTextField: FC<TextFieldTypes>;
-
-type PinInputTypes = {
-    label?: string;
-    icon?: JSX.Element;
-    digits: number;
-    width?: "normal" | "full";
-    getPins?: any;
-};
-declare const HawaPinInput: FC<PinInputTypes>;
-
-interface ItemCardTypes {
-    headerActions?: THeaderActions[][];
-    header?: any;
-    content?: any;
-    /** a URL for the image of the card */
-    cardImage?: string;
-    /** a function that fires when the card is clicked anywhere */
-    onCardClick?: any;
-    /** a React node with HawaIconCount children to have counters at the bottom of the card */
-    counts?: JSX.Element;
-    /** The action buttons on the bottom right of the card */
-    actions?: JSX.Element;
-    /** The orientation of the card */
-    orientation?: "horizontal" | "vertical";
-    /** Enabling this blurs the image on hover and shows an action button */
-    clickableImage?: boolean;
-    /** The function of the action button on the image of the card */
-    clickableImageAction?: () => void;
-    /** The text of the action button on the image of the card */
-    clickableImageActionText: string;
-    /** The icon of the action button on the image of the card */
-    clickableImageActionIcon?: any;
-}
-type THeaderActions = {
-    icon?: JSX.Element;
-    label: string;
-    action?: (e: any) => void;
-    isButton?: boolean;
-};
-declare const HawaItemCard: FC<ItemCardTypes>;
-
-type PricingCardTypes = {
-    direction?: "rtl" | "ltr";
-    features: [{
-        included: boolean;
-        text: string;
-    }];
-    price: number;
-    texts: {
-        title: string;
-        subtitle: string;
-        buttonText: string;
-        cycleText: string;
-        currencyText: string;
-    };
-    onPlanClicked?: () => void;
-    currentPlan?: boolean;
-    size: "small" | "medium" | "large";
-};
-declare const HawaPricingCard: FC<PricingCardTypes>;
-
-type AdCardTypes = {
-    orientation: "vertical" | "horizontal";
-    title: string;
-    description: string;
-    imageURL: string;
-    handleHide: any;
-};
-declare const HawaAdCard: FC<AdCardTypes>;
-
-type LandingCardTypes = {
-    orientation: "vertical" | "horizontal";
-    title: string;
-    description: string;
-    imageURL: string;
-    handleHide: any;
-    texts?: {
-        titleTip?: string;
-        title?: string;
-        description?: string;
-        linkText?: string;
-    };
-    buttonLink?: string;
-    className?: any;
-};
-declare const HawaLandingCard: FC<LandingCardTypes>;
-
-interface ButtonProps$1 extends ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: "contained" | "outlined";
-    feedback?: string;
-    tooltipDirection?: "rtl" | "ltr";
-    color?: "default" | "primary" | "secondary" | "light" | "dark";
-    width?: "full" | "normal" | "half";
-    size?: "xs" | "small" | "medium" | "large" | "noPadding" | "full" | "icon";
-    margins?: "none" | "1" | "2" | "3" | "4";
-    tooltip?: string;
-    tooltipSize?: "normal" | "small" | "large";
-    tooltipPosition?: "left-top" | "left-bottom" | "right-top" | "right-bottom" | "top-right" | "top-left" | "bottom-right" | "bottom-left";
-    startIcon?: any;
-    endIcon?: any;
-    isLoading?: boolean;
-    badge?: any;
-    edgeCorner?: any;
-    disabled?: boolean;
-}
-declare const HawaButton: FC<ButtonProps$1>;
-
-type StoreButtonsTypes = {
-    store: "apple" | "google";
-    mode: "dark" | "light";
-};
-declare const HawaStoreButtons: FC<StoreButtonsTypes>;
-
-type LogoButtonTypes = {
-    lang?: any;
-    logo?: "google" | "github" | "twitter" | "wallet" | "googlepay" | "applepay" | "stcpay" | "visa/master" | "paypal" | "mada";
-    onClick?: any;
-    buttonText?: any;
-    direction?: "rtl" | "ltr";
-};
-declare const HawaLogoButton: FC<LogoButtonTypes>;
 
 declare const buttonVariants: (props?: {
-    variant?: "link" | "default" | "secondary" | "light" | "outline" | "destructive" | "ghost";
+    variant?: "link" | "default" | "light" | "destructive" | "outline" | "secondary" | "ghost";
     size?: "sm" | "lg" | "xl" | "default" | "xs" | "icon" | "smallIcon";
 } & class_variance_authority_dist_types.ClassProp) => string;
-interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
     isLoading?: boolean;
 }
-declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
-
-declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_dist_types.ClassProp) => string> & React$1.RefAttributes<HTMLLabelElement>>;
-
-interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
-    preview?: boolean;
-}
-declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
-
-type TooltipTypes = {
-    open?: any;
-    side?: "top" | "right" | "bottom" | "left";
-    content?: any;
-    children?: any;
-    defaultOpen?: any;
-    onOpenChange?: any;
-    delayDuration?: any;
-};
-declare const Tooltip: React__default.FunctionComponent<TooltipTypes>;
-
-interface CardProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    clickable?: boolean;
-}
-declare const Card: React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
-declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
-declare const CardContent: React$1.ForwardRefExoticComponent<{
-    headless?: boolean;
-} & React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-
-declare function Skeleton({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>): React__default.JSX.Element;
-
-type TypographyTypes = {
-    handleLanguage: (e: any) => void;
-    currentLanguage: any;
-    handleColorMode: (e: any) => void;
-    currentColorMode: any;
-    orientation?: "vertical" | "horizontal";
-    width?: "default" | "full";
-};
-declare const InterfaceSettings: FC<TypographyTypes>;
-
-type ExtendedDropdownMenuContentProps = Partial<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>> & {};
-type ExtendedDropdownMenuTriggerProps = Partial<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>> & {};
-type SubItem$3 = {
-    label: string;
-    value: string;
-    action?: () => void;
-    highlighted?: boolean;
-};
-type Item$3 = {
-    label: string;
-    value: string;
-    action?: () => void;
-    highlighted?: boolean;
-    subitems?: SubItem$3[];
-};
-declare const DropdownMenu: ({ trigger, items, direction, onItemSelect, sideOffset, side, className, triggerClassname, align, alignOffset, }: {
-    trigger?: any;
-    items?: Item$3[];
-    direction?: "rtl" | "ltr";
-    onItemSelect?: any;
-    className?: ExtendedDropdownMenuContentProps["className"];
-    triggerClassname?: ExtendedDropdownMenuTriggerProps["className"];
-    sideOffset?: ExtendedDropdownMenuContentProps["sideOffset"];
-    side?: ExtendedDropdownMenuContentProps["side"];
-    align?: ExtendedDropdownMenuContentProps["align"];
-    alignOffset?: ExtendedDropdownMenuContentProps["alignOffset"];
-}) => React$1.JSX.Element;
-
-interface PopoverProps {
-    side?: "top" | "right" | "bottom" | "left";
-    align?: "start" | "center" | "end";
-    trigger: React$1.ReactNode;
-    children: React$1.ReactNode;
-    className?: string;
-    sideOffset?: number;
-}
-declare const Popover: React$1.FC<PopoverProps>;
-
-declare const Tabs: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
-    orientation?: "vertical" | "horizontal";
-} & React$1.RefAttributes<HTMLDivElement>>;
-declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & 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>>;
-
-interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement> {
-    label?: string;
-}
-declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
-
-declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-
-declare const ToastProvider: React$1.FC<ToastPrimitives.ToastProviderProps>;
-declare const ToastViewport: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React$1.RefAttributes<HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
-declare const Toast$1: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: {
-    variant?: "default" | "destructive";
-    severity?: "none" | "info" | "warning" | "error" | "success";
-} & class_variance_authority_dist_types.ClassProp) => string> & {
-    severity?: "info" | "warning" | "error" | "success" | "none";
-    direction?: "rtl" | "ltr";
-} & React$1.RefAttributes<HTMLLIElement>>;
-declare const ToastAction: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-declare const ToastClose: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-declare const ToastTitle: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const ToastDescription: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-type ToastProps = React$1.ComponentPropsWithoutRef<typeof Toast$1>;
-type ToastActionElement = React$1.ReactElement<typeof ToastAction>;
-
-declare function Toaster(props: any): React__default.JSX.Element;
-
-declare const Box: (props: any) => React__default.JSX.Element;
-
-type BottomAppBarTypes = {
-    sx: any;
-    color: any;
-    appBarContent: any;
-};
-declare const HawaBottomAppBar: React__default.FunctionComponent<BottomAppBarTypes>;
-
-type HawaSiteLayoutTypes = {
-    navItems: {
-        label: string;
-        icon: any;
-        slug: string;
-        action: () => void;
-        subItems?: any;
-    }[];
-    direction?: "rtl" | "ltr";
-    currentPage: string;
-    pageTitle?: string;
-    logoSymbol?: any;
-    logoLink?: string;
-    logoText?: any;
-    children?: any;
-    stickyNav?: boolean;
-    topBar?: boolean;
-    navigationSize?: "sm" | "md" | "lg";
-    floating?: boolean;
-};
-declare const HawaSiteLayout: React__default.FunctionComponent<HawaSiteLayoutTypes>;
-
-type AppLayoutTypes = {
-    /** The pages of the side drawer */
-    drawerItems: Item$2[];
-    direction?: "rtl" | "ltr";
-    currentPage: string;
-    pageTitle?: string;
-    logoSymbol?: any;
-    logoLink?: string;
-    logoText?: any;
-    children?: any;
-    topBar?: boolean;
-    username?: string;
-    email?: string;
-    drawerSize?: "sm" | "md" | "large";
-    profileMenuItems?: ProfileItem[];
-    onSettingsClick?: () => void;
-    DrawerFooterActions?: any;
-    clickedItem?: any;
-    texts?: {
-        expandSidebar?: string;
-        collapseSidebar?: string;
-    };
-};
-type Item$2 = {
-    value: string;
-    label: string;
-    icon?: any;
-    subitems?: SubItem$2[];
-    onClick?: () => void;
-};
-type SubItem$2 = {
-    value: string;
-    label: string;
-    icon?: any;
-    onClick?: () => void;
-};
-type ProfileSubItem = {
-    label: string;
-    value: string;
-    highlighted?: boolean;
-};
-type ProfileItem = {
-    label: string;
-    value: string;
-    highlighted?: boolean;
-    subitems?: ProfileSubItem[];
-};
-declare const AppLayout: React__default.FunctionComponent<AppLayoutTypes>;
-
-type HawaAppLayoutTypes$1 = {
-    drawerItems: {
-        label: string;
-        icon: any;
-        slug: string;
-        action: () => void;
-        subItems?: any;
-    }[][];
-    direction?: "rtl" | "ltr";
-    currentPage: string;
-    pageTitle?: string;
-    logoSymbol?: any;
-    logoLink?: string;
-    logoText?: any;
-    children?: any;
-    topBar?: boolean;
-    username?: string;
-    email?: string;
-    drawerSize?: "sm" | "md" | "large";
-    profileMenuItems?: MenuItems[][];
-    onSettingsClick?: () => void;
-};
-type MenuItems = {
-    icon?: JSX.Element;
-    label: string;
-    action?: (e: any) => void;
-    isButton?: boolean;
-};
-declare const HawaAppLayout: React__default.FunctionComponent<HawaAppLayoutTypes$1>;
-
-type HawaAppLayoutTypes = {
-    /** The pages of the side drawer */
-    drawerItems: {
-        label: string;
-        icon: any;
-        slug: string;
-        action: () => void;
-        subItems?: any;
-    }[][];
-    direction?: "rtl" | "ltr";
-    currentPage: string;
-    pageTitle?: string;
-    logoSymbol?: any;
-    logoLink?: string;
-    logoText?: any;
-    children?: any;
-    topBar?: boolean;
-    username?: string;
-    email?: string;
-    drawerSize?: "sm" | "md" | "large";
-    profileMenuItems?: Item$1[];
-    onSettingsClick?: () => void;
-    DrawerFooterActions?: any;
-    texts?: {
-        expandSidebar?: string;
-        collapseSidebar?: string;
-    };
-};
-type SubItem$1 = {
-    label: string;
-    value: string;
-    highlighted?: boolean;
-};
-type Item$1 = {
-    label: string;
-    value: string;
-    highlighted?: boolean;
-    subitems?: SubItem$1[];
-};
-declare const HawaAppLayoutSimplified: React__default.FunctionComponent<HawaAppLayoutTypes>;
-
-type ContainerTypes = {
-    maxWidth?: "full" | "small" | "normal";
-    children: React__default.ReactNode;
-    variant?: "contained" | "outlined" | "neobrutalism";
-    direction?: "rtl" | "ltr";
-    centered?: boolean;
-};
-declare const HawaContainer: React__default.FunctionComponent<ContainerTypes>;
-
-type GridTypes = {
-    children?: any;
-};
-declare const HawaGrid: FC<GridTypes>;
-
-interface Props {
-    isOpen: boolean;
-    onClose: () => void;
-    items: {
-        label: string;
-        onClick: () => void;
-    }[];
-}
-declare const AppSidebar: React__default.FC<Props>;
-
-type FooterTypes = {
-    logoText?: string;
-    logoURL?: string;
-    socialLinks?: {
-        twitter?: string;
-        instagram?: string;
-        tiktok?: string;
-        snapchat?: string;
-    };
-    footerLinks?: {
-        title: string;
-        pages: {
-            label: string;
-            link: string;
-        }[];
-    }[];
-};
-declare const Footer: React.FunctionComponent<FooterTypes>;
-
-type BannerTypes = {
-    showBanner?: boolean;
-    direction?: "rtl" | "ltr";
-    logoURL?: string;
-    title?: string;
-    text?: string;
-    actionText?: string;
-    onActionClick?: () => void;
-    position?: "top" | "bottom";
-    design: "default" | "floating";
-};
-declare const HawaBanner: FC<BannerTypes>;
-
-type Item = {
-    value: string;
-    label: string;
-    icon?: any;
-    subitems?: SubItem[];
-    onClick?: () => void;
-};
-type SubItem = {
-    value: string;
-    label: string;
-    icon?: any;
-    onClick?: () => void;
-};
-interface SidebarGroupProps {
-    title?: string;
-    items: Item[];
-    openedItem?: any;
-    setOpenedItem?: any;
-    selectedItem?: any;
-    isOpen?: boolean;
-    onItemClick?: (value: string[]) => void;
-    onSubItemClick?: (values: string[]) => void;
-    direction?: "rtl" | "ltr";
-}
-declare const SidebarGroup: React$1.FC<SidebarGroupProps>;
-declare const SidebarItem: React$1.FC<{
-    item: Item;
-    isSelected: any;
-    direction?: "rtl" | "ltr";
-    onItemClick?: (value: string[]) => void;
-    onSubItemClick?: (values: string[]) => void;
-    isOpen?: boolean;
-}>;
-
-type UserProfileFormTypes = {
-    inputs: any;
-    texts: any;
-    handleUpdateProfile: any;
-};
-declare const UserProfileForm: FC<UserProfileFormTypes>;
-
-type UserSettingsFormTypes = {
-    children: any;
-    handleSaveSettings?: any;
-    saveSettingsText?: string;
-    blockTitle?: string;
-};
-declare const UserSettingsForm: FC<UserSettingsFormTypes>;
-
-type AppLandingTypes = {
-    handleSignIn: () => void;
-    handleSignUp: () => void;
-    handleLanguage: () => void;
-    handleColorMode: () => void;
-    texts: {
-        signIn: string;
-        signUp: string;
-        lang: string;
-    };
-    size: "small" | "normal" | "full";
-};
-declare const AppLanding: FC<AppLandingTypes>;
-
-type SignInPhoneTypes = {
-    value: any;
-    onSubmit: any;
-    country: any;
-    label: any;
-    handlePhoneChange: any;
-    phoneRequiredText: any;
-    SignInButtonText: any;
-    handleSignIn: any;
-};
-declare const SignInPhone: FC<SignInPhoneTypes>;
-
-declare const SignInForm: FC<SignInFormTypes>;
-type SignInFormTypes = {
-    handleLanguage?: () => void;
-    currentLanguage?: any;
-    handleColorMode?: () => void;
-    currentColorMode?: any;
-    direction?: "rtl" | "ltr";
-    showError?: any;
-    errorTitle?: string;
-    errorText?: string;
-    signInType?: "email" | "username" | "phone";
-    texts?: {
-        emailLabel?: string;
-        emailPlaceholder?: string;
-        emailRequiredText?: string;
-        emailInvalidText?: string;
-        usernameLabel?: string;
-        usernamePlaceholder?: string;
-        usernameRequired?: string;
-        phoneRequiredText?: string;
-        passwordLabel?: string;
-        passwordPlaceholder?: string;
-        passwordRequiredText?: string;
-        forgotPasswordText?: string;
-        newUserText?: string;
-        createAccount?: string;
-        signInText?: string;
-        signInViaGoogleLabel?: string;
-        signInViaGithubLabel?: string;
-        signInViaTwitterLabel?: string;
-    };
-    withoutResetPassword?: boolean;
-    withoutSignUp?: boolean;
-    /**
-     *show spinner if true
-     */
-    isLoading?: any;
-    viaGoogle?: boolean;
-    viaGithub?: boolean;
-    viaTwitter?: boolean;
-    /**
-     * Handle the sign in .
-     */
-    handleSignIn?: (e: any) => void;
-    /**
-     * Handle routing to sign up page
-     */
-    handleRouteToSignUp?: () => void;
-    handleForgotPassword?: () => void;
-    handleGoogleSignIn?: () => void;
-    handleGithubSignIn?: () => void;
-    handleTwitterSignIn?: () => void;
-};
-
-declare function SignInBlock(): React$1.JSX.Element;
-
-type SignUpFormTypes = {
-    direction?: "rtl" | "ltr";
-    texts: {
-        fullNameLabel: string;
-        fullNamePlaceholder: string;
-        fullNameRequiredText: string;
-        emailLabel: string;
-        emailPlaceholder: string;
-        emailRequiredText: string;
-        emailInvalidText: string;
-        usernameLabel: string;
-        usernamePlaceholder: string;
-        usernameRequired: string;
-        passwordLabel: string;
-        passwordPlaceholder: string;
-        passwordRequiredText: string;
-        passwordTooShortText: string;
-        confirmPasswordLabel: string;
-        confirmPasswordPlaceholder: string;
-        subscribeToNewsletter: string;
-        forgotPasswordText: string;
-        termsText: string;
-        iAcceptText: string;
-        termsRequiredText: string;
-        newUserText: string;
-        signUpText: string;
-        signInText: string;
-        existingUserText: string;
-        signUpViaGoogleLabel: string;
-        signUpViaGithubLabel: string;
-        signUpViaTwitterLabel: string;
-        refCode: string;
-    };
-    showUserSource: any;
-    viaGoogle: boolean;
-    viaGithub: boolean;
-    viaTwitter: boolean;
-    showNewsletterOption: boolean;
-    showRefCode: boolean;
-    showTermsOption: boolean;
-    handleSignUp: (e: any) => void;
-    handleRouteToSignIn: () => void;
-    handleGoogleSignUp: () => void;
-    handleGithubSignUp: () => void;
-    handleTwitterSignUp: () => void;
-    handleRouteToTOS: () => void;
-    showError: any;
-    errorTitle: any;
-    errorText: any;
-    signUpFields: any[];
-    isLoading?: boolean;
-};
-declare const SignUpForm: FC<SignUpFormTypes>;
-
-type NewPasswordTypes = {
-    handleNewPassword: () => void;
-    passwordChanged: any;
-    texts: {
-        passwordPlaceholder: string;
-        updatePassword: string;
-        passwordRequiredText: string;
-        passwordLabel: string;
-        confirmPasswordPlaceholder: string;
-        confirmPasswordLabel: string;
-        confirmPasswordRequiredText: string;
-        passwordMatchError: string;
-        passwordChanged: string;
-    };
-};
-declare const NewPasswordForm: FC<NewPasswordTypes>;
-
-type ResetPasswordType = {
-    handleResetPassword: () => void;
-    handleRouteToSignUp: () => void;
-    sent: any;
-    texts: {
-        emailLabel: string;
-        emailPlaceholder: string;
-        emailRequiredText: string;
-        emailInvalidText: string;
-        emailSentText: string;
-        resetPassword: string;
-        signUpText: string;
-        dontHaveAccount: string;
-    };
-};
-declare const ResetPasswordForm: FC<ResetPasswordType>;
-
-type TConfirmation = {
-    showError?: any;
-    errorTitle?: any;
-    errorText?: any;
-    texts?: {
-        checkYourPhone: string;
-        weSentCode: string;
-        didntGetCode: string;
-        resendCode: string;
-        codeLabel: string;
-        codePlaceholder: string;
-        codeRequiredText: string;
-        confirm: string;
-        cancel: string;
-    };
-    phoneNumber?: string;
-    submitConfirmation?: any;
-    handleSignIn?: any;
-};
-declare const CodeConfirmation: FC<TConfirmation>;
-
-type SelectPaymentTypes = {
-    viaMada: boolean;
-    viaWallet: boolean;
-    viaSTCPay: boolean;
-    viaPayPal: boolean;
-    viaApplePay: boolean;
-    viaCreditCard: boolean;
-    viaGooglePay: boolean;
-    madaLabel: string;
-    stcPayLabel: string;
-    paypalLabel: string;
-    walletLabel: string;
-    applePayLabel: string;
-    visaMasterLabel: string;
-    googlePayLabel: string;
-    handleMada: any;
-    handleWallet: any;
-    handleSTCPay: any;
-    handlePayPal: any;
-    handleApplePay: any;
-    handleCreditCard: any;
-    handleGooglePay: any;
-};
-declare const SelectPayment: FC<SelectPaymentTypes>;
-
-type CreditCardFormTypes = {
-    handle: any;
-    handlePayWithCreditCard: any;
-};
-declare const CreditCardForm: FC<CreditCardFormTypes>;
-
-type ChargeWalletTypes = {
-    currency: any;
-    handleChargeWallet: any;
-    texts: {
-        amountLabel: string;
-        amountRequired: string;
-        chargeWallet: string;
-    };
-};
-declare const ChargeWalletForm: FC<ChargeWalletTypes>;
-
-type PayWithWalletTypes = {
-    walletBalance: any;
-    currency: any;
-    handlePayWithWallet: any;
-};
-declare const PayWithWallet: FC<PayWithWalletTypes>;
-
-type CheckoutFormTypes = {
-    lang: string;
-    products: any;
-    total: any;
-    handlePayNow: any;
-    countriesList: any;
-    texts: {
-        orderDetails: string;
-        billingAddress: string;
-        payNow: string;
-        emailLabel: string;
-        emailRequiredText: string;
-        emailInvalidText: string;
-        firstNameLabel: string;
-        required: string;
-        lastNameLabel: string;
-        streetAddressLabel: string;
-        buildingNumberLabel: string;
-        cityLabel: string;
-        stateLabel: string;
-        countryLabel: string;
-        zipCodeLabel: string;
-    };
-};
-declare const CheckoutForm: FC<CheckoutFormTypes>;
-
-type ConfirmationPageTypes = {
-    texts: {
-        print: string;
-        history: string;
-        homePage: string;
-        successMessage: string;
-        orderDetails: string;
-        fasterPaymentNote: string;
-        yourOrderNumber: string;
-        emailLabel: string;
-        emailRequiredText: string;
-        emailInvalidText: string;
-        firstNameLabel: string;
-        required: string;
-        lastNameLabel: string;
-        streetAddressLabel: string;
-        buildingNumberLabel: string;
-        cityLabel: string;
-        stateLabel: string;
-        countryLabel: string;
-        zipCodeLabel: string;
-        refundPolicy: string;
-    };
-    products: any;
-    countriesList: any;
-    lang: string;
-    total: string;
-    userEmail: string;
-    orderNumber: string;
-    confirmationTitle: string;
-    handleHome: any;
-    handlePrint: any;
-    handleHistory: any;
-    handleRefundPolicyLink: any;
-};
-declare const ConfirmationPage: FC<ConfirmationPageTypes>;
-
-type PricingPlansTypes = {
-    plans: [
-        {
-            direction: "rtl" | "ltr";
-            features: [{
-                included: boolean;
-                text: string;
-            }];
-            price: number;
-            texts: {
-                title: string;
-                subtitle: string;
-                buttonText: string;
-                cycleText: string;
-                currencyText: string;
-            };
-            size: "small" | "medium" | "large";
-        }
-    ];
-    currencies: [
-        {
-            label: string;
-            value: string;
-        }
-    ];
-    billingCycles: [
-        {
-            label: string;
-            value: string;
-        }
-    ];
-    onPlanClicked?: (e: any) => void;
-    currentCycle: {
-        label: string;
-        value: string;
-    };
-    currentCurrency: {
-        label: string;
-        value: string;
-    };
-    onCycleChange?: (e: any) => void;
-    onCurrencyChange?: (e: any) => void;
-    direction?: "rtl" | "ltr";
-};
-declare const PricingPlans: FC<PricingPlansTypes>;
-
-type ComparingPlansTypes = {
-    plans: [
-        {
-            direction: "rtl" | "ltr";
-            features: [{
-                included: boolean;
-                text: string;
-                description?: string;
-            }];
-            price: number;
-            texts: {
-                title: string;
-                subtitle: string;
-                buttonText: string;
-                cycleText: string;
-                currencyText: string;
-            };
-            size: "small" | "medium" | "large";
-        }
-    ];
-    currencies: [
-        {
-            label: string;
-            value: string;
-        }
-    ];
-    billingCycles: [
-        {
-            label: string;
-            value: string;
-        }
-    ];
-    onCycleChange?: (e: any) => void;
-    onCurrencyChange?: (e: any) => void;
-    direction?: "rtl" | "ltr";
-};
-declare const ComparingPlans: FC<ComparingPlansTypes>;
-
-type HorizontalPricingTypes = {
-    plans: [
-        {
-            direction: "rtl" | "ltr";
-            features: [{
-                included: boolean;
-                text: string;
-            }];
-            price: number;
-            texts: {
-                title: string;
-                subtitle: string;
-                buttonText: string;
-                cycleText: string;
-                currencyText: string;
-            };
-            size: "small" | "medium" | "large";
-        }
-    ];
-    currencies: [
-        {
-            label: string;
-            value: string;
-        }
-    ];
-    billingCycles: [
-        {
-            label: string;
-            value: string;
-        }
-    ];
-    onPlanClicked?: (e: any) => void;
-    currentCycle: {
-        label: string;
-        value: string;
-    };
-    currentCurrency: {
-        label: string;
-        value: string;
-    };
-    onCycleChange?: (e: any) => void;
-    onCurrencyChange?: (e: any) => void;
-    direction?: "rtl" | "ltr";
-};
-declare const HorizontalPricing: FC<HorizontalPricingTypes>;
-
-type ReferralAccount = {
-    referralLink: string;
-    referralCode: string;
-};
-declare const ReferralAccount: FC<ReferralAccount>;
-
-type TReferralSettlement = {
-    referralLink: string;
-    referralCode: string;
-    withdrawError?: string;
-};
-declare const ReferralSettlement: FC<TReferralSettlement>;
-
-type TReferralStats = {
-    referralLink: string;
-    referralCode: string;
-    withdrawError?: string;
-};
-declare const ReferralStats: FC<TReferralStats>;
-
-type NotFoundTypes = {
-    variant?: "outlined" | "contained" | "neobrutalism";
-    texts?: {
-        pageNotFound?: string;
-        ifLost?: string;
-        home?: string;
-    };
-};
-declare const NotFound: FC<NotFoundTypes>;
-
-type TEmptyState$1 = {
-    variant?: "outlined" | "contained" | "neobrutalism";
-    onActionClick: () => void;
-    texts: {
-        youreCaughtUp?: string;
-        actionText?: string;
-    };
-};
-declare const EmptyState: FC<TEmptyState$1>;
-
-type TEmptyState = {
-    variant?: "outlined" | "contained" | "neobrutalism";
-};
-declare const Testimonial: FC<TEmptyState>;
-
-type TLeadGenerator = {
-    variant?: "outlined" | "contained" | "neobrutalism";
-    texts: {
-        title: string;
-        subtitle: string;
-        submit: string;
-    };
-    handleNewsletterSub: (e: string) => void;
-};
-declare const LeadGenerator: FC<TLeadGenerator>;
-
-type TNoPermission = {
-    variant?: "outlined" | "contained" | "neobrutalism";
-    texts?: {
-        title: string;
-        subtitle: string;
-    };
-};
-declare const NoPermission: FC<TNoPermission>;
-
-type ToasterToast = ToastProps & {
-    id: string;
-    title?: React$1.ReactNode;
-    description?: React$1.ReactNode;
-    severity?: "info" | "warning" | "error" | "success" | "none";
-    action?: ToastActionElement;
-};
-declare const actionTypes: {
-    readonly ADD_TOAST: "ADD_TOAST";
-    readonly UPDATE_TOAST: "UPDATE_TOAST";
-    readonly DISMISS_TOAST: "DISMISS_TOAST";
-    readonly REMOVE_TOAST: "REMOVE_TOAST";
-};
-type ActionType = typeof actionTypes;
-type Action = {
-    type: ActionType["ADD_TOAST"];
-    toast: ToasterToast;
-} | {
-    type: ActionType["UPDATE_TOAST"];
-    toast: Partial<ToasterToast>;
-} | {
-    type: ActionType["DISMISS_TOAST"];
-    toastId?: ToasterToast["id"];
-} | {
-    type: ActionType["REMOVE_TOAST"];
-    toastId?: ToasterToast["id"];
-};
-interface State {
-    toasts: ToasterToast[];
-}
-declare const reducer: (state: State, action: Action) => State;
-type Toast = Omit<ToasterToast, "id">;
-declare function toast({ ...props }: Toast): {
-    id: string;
-    dismiss: () => void;
-    update: (props: ToasterToast) => void;
-};
-declare function useToast(): {
-    toast: typeof toast;
-    dismiss: (toastId?: string) => void;
-    toasts: ToasterToast[];
-};
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
-export { AppLanding, AppLayout, AppSidebar, ArrowCarousel, BackToTop, Box, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChargeWalletForm, CheckoutForm, CodeConfirmation, ComparingPlans, ConfirmationPage, CreditCardForm, DragDropImages, DraggableCard, DropdownMenu, EmptyState, FloatingComment, FloatingCommentExec, FloatingCommentSlate, Footer, HawaAccordion, HawaAdCard, HawaAlert, HawaAppLayout, HawaAppLayoutSimplified, HawaBanner, HawaBottomAppBar, HawaButton, HawaCheckbox, HawaChip, HawaCodeBlock, HawaColorPicker, HawaContainer, HawaCopyrights, HawaDatepicker, HawaDropdownMenu, HawaGrid, HawaIconCount, HawaInlineCode, HawaItemCard, HawaLandingCard, HawaLoading, HawaLogoButton, HawaMenu, HawaModal, HawaPanelTabs, HawaPhoneInput, HawaPinInput, HawaPricingCard, HawaRadio, HawaRange, HawaSearchBar, HawaSelect, HawaSettingsRow, HawaSiteLayout, HawaSnackbar, HawaStats, HawaStepper, HawaStoreButtons, HawaSwitch, HawaTable, HawaTabs, HawaTextField, HawaTooltip, HawaTypography, HorizontalPricing, Input, InputProps, InterfaceSettings, InvoiceAccordion, Label, LeadGenerator, NewPasswordForm, NoPermission, NotFound, PayWithWallet, Popover, PricingPlans, ReferralAccount, ReferralSettlement, ReferralStats, ResetPasswordForm, SelectPayment, Separator, SidebarGroup, SidebarItem, SignInBlock, SignInForm, SignInPhone, SignUpForm, Skeleton, SubsectionList, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Timeline, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, UsageCard, UserFeedback, UserProfileForm, UserSettingsForm, buttonVariants, reducer, toast, useToast };
+export { Button, ButtonProps, buttonVariants };