@sikka/hawa 0.2.8-beta → 0.2.10-beta

package/dist/index.d.mts

@@ -0,0 +1,1807 @@
+import * as React$1 from 'react';
+import React__default, { FC, ChangeEvent, ReactElement, ReactNode, RefObject, PropsWithRef, ButtonHTMLAttributes } from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { BaseEditor } from 'slate';
+import { ReactEditor } from 'slate-react';
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+import { VariantProps } from 'class-variance-authority';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as ToastPrimitives from '@radix-ui/react-toast';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+
+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: "sm" | "default";
+    };
+    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;
+    defaultValue?: any;
+    isLoading?: any;
+};
+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;
+    className?: any;
+};
+declare const HawaAlert: React__default.FunctionComponent<AlertTypes>;
+
+type ExtendedDropdownMenuContentProps = Partial<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>> & {};
+type ExtendedDropdownMenuTriggerProps = Partial<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>> & {};
+type SubItem$2 = {
+    label: string;
+    value: string;
+    icon?: any;
+    action?: () => void;
+    highlighted?: boolean;
+    disabled?: boolean;
+};
+type MenuItemType = {
+    icon?: any;
+    label?: string;
+    value?: string;
+    end?: any;
+    presist?: boolean;
+    type?: "separator" | "label";
+    action?: () => void;
+    highlighted?: boolean;
+    subitems?: SubItem$2[];
+    disabled?: boolean;
+};
+interface DropdownMenuProps {
+    trigger?: any;
+    items?: MenuItemType[];
+    direction?: "rtl" | "ltr";
+    onItemSelect?: any;
+    className?: ExtendedDropdownMenuContentProps["className"];
+    triggerClassname?: ExtendedDropdownMenuTriggerProps["className"];
+    sideOffset?: ExtendedDropdownMenuContentProps["sideOffset"];
+    side?: ExtendedDropdownMenuContentProps["side"];
+    align?: ExtendedDropdownMenuContentProps["align"];
+    alignOffset?: ExtendedDropdownMenuContentProps["alignOffset"];
+    width?: "default" | "sm" | "lg" | "parent";
+    size?: "default" | "sm";
+    selectCallback?: any;
+}
+declare const DropdownMenu: React$1.FC<DropdownMenuProps>;
+
+type RowTypes = {
+    hidden: boolean;
+    value: any;
+    suffix?: any;
+};
+type ColTypes = {
+    hidden: boolean;
+    value: any;
+    sortable?: boolean;
+};
+type TableTypes = {
+    pagination?: boolean;
+    isLoading?: boolean;
+    columns: ColTypes[];
+    actions?: MenuItemType[];
+    actionsWidth?: "default" | "sm" | "lg" | "parent";
+    actionsSize?: "default" | "sm";
+    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;
+    headerTools?: boolean;
+    borders?: "all" | "cols" | "rows" | "outer" | "inner";
+};
+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 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 {
+    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>;
+
+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;
+    chart?: any;
+    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" | "xs" | "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;
+    disclaimer?: boolean;
+    termsLink?: string;
+    privacyLink?: 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;
+        terms?: string;
+        privacyPolicy?: string;
+        disclaimer?: string;
+        and?: string;
+    };
+};
+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$5 = {
+    title?: string;
+    question: string;
+    options?: [];
+    texts?: {
+        least: string;
+        most: string;
+    };
+    position?: "bottom-right" | "bottom-left";
+    onOptionClicked?: (option: any) => void;
+};
+declare const FeedbackRating: FC<ComponentTypes$5>;
+
+type ComponentTypes$4 = {
+    handleSubmit: ({}: {}) => void;
+    showSuccess?: boolean;
+};
+declare const FeedbackByEmoji: FC<ComponentTypes$4>;
+
+type Item$2 = {
+    label?: string;
+    icon?: JSX.Element;
+};
+type ComponentTypes$3 = {
+    items: Item$2[];
+    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 BackToTopTypes = {
+    paddingX?: number;
+    paddingY?: number;
+    paddingThreshold?: number;
+    corner?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+    anchor: RefObject<HTMLInputElement>;
+};
+declare const BackToTop: FC<BackToTopTypes>;
+
+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 = {
+    isLoading?: boolean;
+    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;
+    iconInside?: React__default.ReactNode;
+};
+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?: MenuItemType[];
+    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;
+}
+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;
+    handleCantHide?: () => void;
+    canHide: boolean;
+};
+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 ImageCardTypes = {
+    children: any;
+    align?: any;
+    bottomElement?: any;
+    inCardActions?: any;
+    cardImage?: string;
+    title?: string;
+    subtitle?: string;
+    blank?: boolean;
+};
+declare const ActionCard: FC<ImageCardTypes>;
+
+interface Feature {
+    icon: React__default.ReactNode;
+    title: string;
+    description: string;
+}
+type StickyFeaturesType = {
+    features?: Feature[];
+    tag?: string;
+    title?: string;
+    description?: string;
+};
+declare const StickyFeatures: React__default.FC<StickyFeaturesType>;
+
+type ComponentTypes = {
+    title?: string;
+    question: string;
+    options?: [];
+    texts?: {
+        least: string;
+        most: string;
+    };
+    position?: "bottom-right" | "bottom-left";
+    onOptionClicked?: (option: any) => void;
+};
+declare const UserReferralSource: FC<ComponentTypes>;
+
+type IconProps = React__default.HTMLAttributes<SVGElement>;
+declare const Icons: {
+    logo: (props: IconProps) => React__default.JSX.Element;
+    mail: (props: IconProps) => React__default.JSX.Element;
+    phone: (props: IconProps) => React__default.JSX.Element;
+    twitter: (props: IconProps) => React__default.JSX.Element;
+    microsoft: (props: IconProps) => React__default.JSX.Element;
+    gitHub: (props: IconProps) => React__default.JSX.Element;
+    radix: (props: IconProps) => React__default.JSX.Element;
+    aria: (props: IconProps) => React__default.JSX.Element;
+    npm: (props: IconProps) => React__default.JSX.Element;
+    yarn: (props: IconProps) => React__default.JSX.Element;
+    pnpm: (props: IconProps) => React__default.JSX.Element;
+    react: (props: IconProps) => React__default.JSX.Element;
+    tailwind: (props: IconProps) => React__default.JSX.Element;
+    google: (props: IconProps) => React__default.JSX.Element;
+    apple: (props: IconProps) => React__default.JSX.Element;
+    paypal: (props: IconProps) => React__default.JSX.Element;
+    spinner: (props: IconProps) => React__default.JSX.Element;
+};
+
+declare const buttonVariants: (props?: {
+    variant?: "link" | "default" | "outline" | "light" | "destructive" | "secondary" | "ghost" | "neoBrutalism";
+    size?: "icon" | "default" | "sm" | "lg" | "xs" | "xl" | "heightless" | "smallIcon";
+} & class_variance_authority_dist_types.ClassProp) => string;
+interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    isLoading?: boolean;
+}
+declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface CarouselProps {
+    images: string[];
+}
+declare const Carousel: React__default.FC<CarouselProps>;
+
+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>;
+
+interface PopoverProps {
+    side?: "top" | "right" | "bottom" | "left";
+    align?: "start" | "center" | "end";
+    trigger: React$1.ReactNode;
+    children: React$1.ReactNode;
+    className?: string;
+    sideOffset?: number;
+    open?: boolean;
+}
+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;
+    helperText?: 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;
+
+interface SwitchProps extends React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
+    size?: "default" | "sm" | "lg";
+    label?: string;
+}
+declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+
+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 = {
+    design?: "default" | "bubbles" | "floating";
+    /** The pages of the side drawer */
+    drawerItems: Item$1[];
+    direction?: "rtl" | "ltr";
+    currentPage: string;
+    pageTitle?: string;
+    logoSymbol?: any;
+    logoLink?: string;
+    logoText?: any;
+    children?: any;
+    topBar?: boolean;
+    username?: string;
+    email?: string;
+    avatarImage?: any;
+    drawerSize?: "sm" | "md" | "large";
+    profileMenuItems?: MenuItemType[];
+    profileMenuWidth: "default" | "sm" | "lg" | "parent";
+    onSettingsClick?: () => void;
+    onDrawerExpand?: (e: any) => void;
+    keepDrawerOpen?: boolean;
+    DrawerFooterActions?: any;
+    clickedItem?: any;
+    texts?: {
+        expandSidebar?: string;
+        collapseSidebar?: string;
+    };
+};
+type Item$1 = {
+    value: string;
+    label: string;
+    icon?: any;
+    subitems?: SubItem$1[];
+    onClick?: () => void;
+};
+type SubItem$1 = {
+    value: string;
+    label: string;
+    icon?: any;
+    onClick?: () => void;
+};
+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?: MenuItemType[];
+    onSettingsClick?: () => void;
+    DrawerFooterActions?: any;
+    texts?: {
+        expandSidebar?: string;
+        collapseSidebar?: string;
+    };
+};
+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;
+    copyRights?: string;
+    variation?: "default" | "minimal";
+    socialLinks?: {
+        twitter?: string;
+        instagram?: string;
+        tiktok?: string;
+        snapchat?: string;
+    };
+    footerLinks?: {
+        title: string;
+        pages: {
+            label: string;
+            link: string;
+        }[];
+    }[];
+};
+declare const Footer: React__default.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;
+    selectedItem?: 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 = {
+    texts?: {
+        newUserText?: string;
+        createAccount?: string;
+        continueWithGoogle?: string;
+        continueWithTwitter?: string;
+        continueWithApple?: string;
+        continueWithMicrosoft?: string;
+        continueWithGithub?: string;
+        continueWithEmail?: string;
+        continueWithPhone?: string;
+    };
+    viaGoogle?: boolean;
+    viaTwitter?: boolean;
+    viaGithub?: boolean;
+    viaMicrosoft?: boolean;
+    viaEmail?: boolean;
+    viaPhone?: boolean;
+    viaApple?: boolean;
+    withoutSignUp?: boolean;
+    size: "small" | "normal" | "full";
+    direction: "rtl" | "ltr";
+    handleSignIn: () => void;
+    handleSignUp: () => void;
+    handleLanguage: () => void;
+    handleColorMode: () => void;
+    handleRouteToSignUp?: () => void;
+    handleGoogle?: () => void;
+    handleTwitter?: () => void;
+    handleApple?: () => void;
+    handleMicrosoft?: () => void;
+    handleGithub?: () => void;
+    handleEmail?: () => void;
+    handlePhone?: () => void;
+};
+declare const AppLanding: FC<AppLandingTypes>;
+
+type SignInPhoneTypes = {
+    value: any;
+    onSubmit: any;
+    country: any;
+    label: any;
+    handlePhoneChange: any;
+    phoneRequiredText: any;
+    SignInButtonText: any;
+    handleContinue: any;
+    handleConfirm: any;
+    loadingContinue?: boolean;
+    loadingConfirm?: boolean;
+    confirmationStage?: boolean;
+    texts?: {
+        didntGetCode?: string;
+        resendCode?: string;
+        cancel?: string;
+        confirm?: string;
+        continue?: string;
+    };
+};
+declare const SignInPhone: FC<SignInPhoneTypes>;
+
+type SignInFormTypes = {
+    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;
+    };
+    handleLanguage?: () => void;
+    currentLanguage?: any;
+    handleColorMode?: () => void;
+    currentColorMode?: any;
+    logosOnly?: boolean;
+    direction?: "rtl" | "ltr";
+    showError?: any;
+    errorTitle?: string;
+    errorText?: string;
+    signInType?: "email" | "username" | "phone";
+    withoutResetPassword?: boolean;
+    withoutSignUp?: boolean;
+    /**
+     *show spinner if true
+     */
+    isLoading?: any;
+    isGoogleLoading?: boolean;
+    isTwitterLoading?: boolean;
+    isGithubLoading?: boolean;
+    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 const SignInForm: FC<SignInFormTypes>;
+
+declare function SignInBlock(): React$1.JSX.Element;
+
+type SignUpFormTypes = {
+    handleLanguage?: () => void;
+    currentLanguage?: any;
+    handleColorMode?: () => void;
+    currentColorMode?: any;
+    direction?: "rtl" | "ltr";
+    logosOnly?: boolean;
+    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;
+    direction?: "rtl" | "ltr";
+    headless?: boolean;
+    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;
+    };
+    headless?: boolean;
+    direction?: "rtl" | "ltr";
+};
+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 CheckEmailBlocks = {
+    texts?: {
+        checkEmail: string;
+        resendEmail: string;
+        pleaseVerify: string;
+    };
+    handleResend?: () => void;
+};
+declare const CheckEmail: FC<CheckEmailBlocks>;
+
+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;
+    handleContinue: (string: any) => void;
+};
+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 AnnouncementTypes = {
+    variant?: "outlined" | "contained" | "neobrutalism";
+    onActionClick: () => void;
+    actionText?: string;
+    title?: string;
+    subtitle?: string;
+};
+declare const Announcement: FC<AnnouncementTypes>;
+
+type TNoPermission = {
+    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 function useClipboard({ timeout }?: {
+    timeout?: number;
+}): {
+    copy: (valueToCopy: any) => void;
+    reset: () => void;
+    error: Error;
+    copied: boolean;
+};
+
+interface UseFocusWithinOptions {
+    onFocus?(event: FocusEvent): void;
+    onBlur?(event: FocusEvent): void;
+}
+declare function useFocusWithin<T extends HTMLElement = any>({ onBlur, onFocus, }?: UseFocusWithinOptions): {
+    ref: React.MutableRefObject<T>;
+    focused: boolean;
+};
+
+interface UseMediaQueryOptions {
+    getInitialValueInEffect: boolean;
+}
+declare function useMediaQuery(query: string, initialValue?: boolean, { getInitialValueInEffect }?: UseMediaQueryOptions): boolean;
+
+declare function useTabs(initialTab?: string): {
+    activeTab: string;
+    handleTabChange: (index: any) => void;
+};
+
+declare function useWindowEvent<K extends string = keyof WindowEventMap>(type: K, listener: K extends keyof WindowEventMap ? (this: Window, ev: WindowEventMap[K]) => void : (this: Window, ev: CustomEvent) => void, options?: boolean | AddEventListenerOptions): void;
+
+interface ScrollPosition {
+    x: number;
+    y: number;
+}
+declare function scrollTo({ x, y }: Partial<ScrollPosition>): void;
+declare function useWindowScroll(): readonly [ScrollPosition, typeof scrollTo];
+
+export { ActionCard, Announcement, AppLanding, AppLayout, AppSidebar, ArrowCarousel, BackToTop, Box, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, ChargeWalletForm, CheckEmail, CheckoutForm, CodeConfirmation, ComparingPlans, ConfirmationPage, CreditCardForm, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DragDropImages, DraggableCard, DropdownMenu, EmptyState, FeedbackByEmoji, FeedbackRating, FloatingComment, FloatingCommentExec, FloatingCommentSlate, Footer, HawaAccordion, HawaAdCard, HawaAlert, HawaAppLayout, HawaAppLayoutSimplified, HawaBanner, HawaBottomAppBar, HawaButton, HawaCheckbox, HawaChip, HawaCodeBlock, HawaColorPicker, HawaContainer, HawaCopyrights, HawaDatepicker, HawaGrid, HawaIconCount, HawaInlineCode, HawaItemCard, HawaLandingCard, HawaLoading, HawaMenu, HawaModal, HawaPanelTabs, HawaPhoneInput, HawaPinInput, HawaPricingCard, HawaRadio, HawaRange, HawaSearchBar, HawaSelect, HawaSettingsRow, HawaSiteLayout, HawaStats, HawaStepper, HawaStoreButtons, HawaTable, HawaTabs, HawaTextField, HawaTypography, HorizontalPricing, Icons, Input, InputProps, InterfaceSettings, InvoiceAccordion, Label, LeadGenerator, MenuItemType, NewPasswordForm, NoPermission, NotFound, PayWithWallet, Popover, PricingPlans, ReferralAccount, ReferralSettlement, ReferralStats, ResetPasswordForm, SelectPayment, Separator, SidebarGroup, SidebarItem, SignInBlock, SignInForm, SignInPhone, SignUpForm, Skeleton, StickyFeatures, SubItem$2 as SubItem, SubsectionList, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Timeline, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, UsageCard, UseFocusWithinOptions, UseMediaQueryOptions, UserProfileForm, UserReferralSource, UserSettingsForm, buttonVariants, reducer, toast, useClipboard, useFocusWithin, useMediaQuery, useTabs, useToast, useWindowEvent, useWindowScroll };