@sikka/hawa 0.1.45 → 0.1.46

package/dist/index.d.mts

@@ -1,747 +1,9 @@
-import * as React 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';
 
-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 = {
-    children: any;
-    align?: any;
-};
-declare const HawaTypography: FC<TypographyTypes>;
-
-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[][];
-    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 = {
-    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 = {
-    label?: string;
-    icon?: JSX.Element;
-};
-type ComponentTypes$3 = {
-    items: Item[];
-    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.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
@@ -750,4 +12,4 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Var
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
-export { ArrowCarousel, BackToTop, Button, ButtonProps, DragDropImages, DraggableCard, FloatingComment, FloatingCommentExec, FloatingCommentSlate, HawaAccordion, HawaAdCard, HawaAlert, HawaButton, HawaCheckbox, HawaChip, HawaCodeBlock, HawaColorPicker, HawaCopyrights, HawaDatepicker, HawaDropdownMenu, HawaIconCount, HawaInlineCode, HawaItemCard, HawaLandingCard, HawaLoading, HawaLogoButton, HawaMenu, HawaModal, HawaPanelTabs, HawaPhoneInput, HawaPinInput, HawaPricingCard, HawaRadio, HawaRange, HawaSearchBar, HawaSelect, HawaSettingsRow, HawaSnackbar, HawaStats, HawaStepper, HawaStoreButtons, HawaSwitch, HawaTable, HawaTabs, HawaTextField, HawaTooltip, HawaTypography, InvoiceAccordion, SubsectionList, Timeline, UsageCard, UserFeedback, buttonVariants };
+export { Button, ButtonProps, buttonVariants };