@sikka/hawa 0.2.10-beta → 0.2.13-beta

package/dist/es/blocks/Pricing/PricingPlans.d.ts

@@ -0,0 +1,47 @@
+import { FC } from "react";
+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";
+};
+export declare const PricingPlans: FC<PricingPlansTypes>;
+export {};

package/dist/es/blocks/Pricing/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./PricingPlans";
+export * from "./ComparingPlans";
+export * from "./HorizontalPricing";

package/dist/es/blocks/Referral/ReferralAccount.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+type ReferralAccount = {
+    referralLink: string;
+    referralCode: string;
+};
+export declare const ReferralAccount: FC<ReferralAccount>;
+export {};

package/dist/es/blocks/Referral/ReferralSettlement.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+type TReferralSettlement = {
+    referralLink: string;
+    referralCode: string;
+    withdrawError?: string;
+};
+export declare const ReferralSettlement: FC<TReferralSettlement>;
+export {};

package/dist/es/blocks/Referral/ReferralStats.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+type TReferralStats = {
+    referralLink: string;
+    referralCode: string;
+    withdrawError?: string;
+};
+export declare const ReferralStats: FC<TReferralStats>;
+export {};

package/dist/es/blocks/Referral/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./ReferralAccount";
+export * from "./ReferralSettlement";
+export * from "./ReferralStats";

package/dist/es/blocks/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./Account";
+export * from "./AuthForms";
+export * from "./Payment";
+export * from "./Pricing";
+export * from "./Referral";
+export * from "./Misc";

package/dist/es/countries.d.ts

@@ -0,0 +1,2 @@
+declare let countries: any;
+export default countries;

package/dist/es/elements/ActionCard.d.ts

@@ -0,0 +1,13 @@
+import { FC } from "react";
+type ImageCardTypes = {
+    children: any;
+    align?: any;
+    bottomElement?: any;
+    inCardActions?: any;
+    cardImage?: string;
+    title?: string;
+    subtitle?: string;
+    blank?: boolean;
+};
+export declare const ActionCard: FC<ImageCardTypes>;
+export {};

package/dist/es/elements/ArrowCarousel.d.ts

@@ -0,0 +1,13 @@
+import { FC } from "react";
+type Item = {
+    label?: string;
+    icon?: JSX.Element;
+};
+type ComponentTypes = {
+    items: Item[];
+    index?: number;
+    arrowSize?: number;
+    labelSize?: "small" | "medium" | "big";
+};
+export declare const ArrowCarousel: FC<ComponentTypes>;
+export {};

package/dist/es/elements/AutoCompleteField.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+type TAutoCompleteFieldTypes = {
+    name: string;
+    rules: any;
+    shouldUnregister: boolean;
+};
+export declare const AutoCompleteField: FC<TAutoCompleteFieldTypes>;
+export {};

package/dist/es/elements/BackToTop.d.ts

@@ -0,0 +1,10 @@
+import { FC, RefObject } from "react";
+type BackToTopTypes = {
+    paddingX?: number;
+    paddingY?: number;
+    paddingThreshold?: number;
+    corner?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+    anchor: RefObject<HTMLInputElement>;
+};
+export declare const BackToTop: FC<BackToTopTypes>;
+export {};

package/dist/es/elements/Breadcrumb.d.ts

@@ -0,0 +1,12 @@
+import { FC, ReactNode } from "react";
+type TBreadcrumb = {
+    /** The array of crumbs, each one with a label and a href link */
+    breadcrumbLinks: [{
+        label: string;
+        href: string;
+    }];
+    /** The separator between each crumb, can be character or React Node. The default is ">" */
+    separator?: string | ReactNode;
+};
+declare const HawaBreadcrumb: FC<TBreadcrumb>;
+export default HawaBreadcrumb;

package/dist/es/elements/Button.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: {
+    variant?: "default" | "light" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "neoBrutalism";
+    size?: "default" | "heightless" | "xs" | "sm" | "lg" | "xl" | "icon" | "smallIcon";
+} & import("class-variance-authority/dist/types").ClassProp) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    isLoading?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };

package/dist/es/elements/Card.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    clickable?: boolean;
+}
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<{
+    headless?: boolean;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };

package/dist/es/elements/Carousel.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface CarouselProps {
+    images: string[];
+}
+export declare const Carousel: React.FC<CarouselProps>;
+export {};

package/dist/es/elements/Dialog.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };

package/dist/es/elements/DragDropImages.d.ts

@@ -0,0 +1,35 @@
+import React from "react";
+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;
+    };
+};
+export declare const DragDropImages: React.FunctionComponent<DragDropImagesTypes>;
+export {};

package/dist/es/elements/DraggableCard.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement, FC } from "react";
+type DraggableCardTypes = {
+    children: ReactElement;
+};
+export declare const DraggableCard: FC<DraggableCardTypes>;
+export {};

package/dist/es/elements/DropdownMenu.d.ts

@@ -0,0 +1,41 @@
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+type ExtendedDropdownMenuContentProps = Partial<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>> & {};
+type ExtendedDropdownMenuTriggerProps = Partial<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>> & {};
+export type SubItem = {
+    label: string;
+    value: string;
+    icon?: any;
+    action?: () => void;
+    highlighted?: boolean;
+    disabled?: boolean;
+};
+export type MenuItemType = {
+    icon?: any;
+    label?: string;
+    value?: string;
+    end?: any;
+    presist?: boolean;
+    type?: "separator" | "label";
+    action?: () => void;
+    highlighted?: boolean;
+    subitems?: SubItem[];
+    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;
+}
+export declare const DropdownMenu: React.FC<DropdownMenuProps>;
+export {};

package/dist/es/elements/FeedbackByEmoji.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+type ComponentTypes = {
+    handleSubmit: ({}: {}) => void;
+    showSuccess?: boolean;
+};
+export declare const FeedbackByEmoji: FC<ComponentTypes>;
+export {};

package/dist/es/elements/FeedbackRating.d.ts

@@ -0,0 +1,14 @@
+import { FC } from "react";
+type ComponentTypes = {
+    title?: string;
+    question: string;
+    options?: [];
+    texts?: {
+        least: string;
+        most: string;
+    };
+    position?: "bottom-right" | "bottom-left";
+    onOptionClicked?: (option: any) => void;
+};
+export declare const FeedbackRating: FC<ComponentTypes>;
+export {};

package/dist/es/elements/FloatingComment.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+type ComponentTypes = {
+    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;
+    };
+};
+export declare const FloatingComment: React.FunctionComponent<ComponentTypes>;
+export {};

package/dist/es/elements/FloatingCommentExec.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+type ComponentTypes = {};
+export declare const FloatingCommentExec: React.FC<ComponentTypes>;
+export {};

package/dist/es/elements/FloatingCommentSlate.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { BaseEditor } from "slate";
+import { ReactEditor } from "slate-react";
+type CustomElement = {
+    type: "paragraph";
+    children: CustomText[];
+};
+type CustomText = {
+    text: string;
+};
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}
+export declare const FloatingCommentSlate: () => React.JSX.Element;
+export {};

package/dist/es/elements/HawaAccordion.d.ts

@@ -0,0 +1,11 @@
+import { FC } from "react";
+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;
+};
+export declare const HawaAccordion: FC<AccordionTypes>;
+export {};

package/dist/es/elements/HawaAdCard.d.ts

@@ -0,0 +1,12 @@
+import { FC } from "react";
+type AdCardTypes = {
+    orientation: "vertical" | "horizontal";
+    title: string;
+    description: string;
+    imageURL: string;
+    handleHide?: any;
+    handleCantHide?: () => void;
+    canHide: boolean;
+};
+export declare const HawaAdCard: FC<AdCardTypes>;
+export {};

package/dist/es/elements/HawaAlert.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+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;
+};
+export declare const HawaAlert: React.FunctionComponent<AlertTypes>;
+export {};

package/dist/es/elements/HawaButton.d.ts

@@ -0,0 +1,21 @@
+import { FC, ButtonHTMLAttributes } from "react";
+interface ButtonProps 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;
+}
+export declare const HawaButton: FC<ButtonProps>;
+export {};

package/dist/es/elements/HawaCheckbox.d.ts

@@ -0,0 +1,11 @@
+import { FC } from "react";
+type TCheckBoxTypes = {
+    centered?: boolean;
+    label?: any;
+    helperText?: any;
+    id: string;
+    onChange?: (e: any) => void;
+    val?: boolean;
+};
+export declare const HawaCheckbox: FC<TCheckBoxTypes>;
+export {};

package/dist/es/elements/HawaChip.d.ts

@@ -0,0 +1,17 @@
+import { FC } from "react";
+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";
+};
+export declare const HawaChip: FC<TChipTypes>;
+export {};

package/dist/es/elements/HawaCodeBlock.d.ts

@@ -0,0 +1,15 @@
+import { FC } from "react";
+type CodeBlockTypes = {
+    color?: "dark" | "light";
+    language?: string;
+    width?: "full" | "md" | "sm";
+    tabs?: TabsTypes[];
+    fileName?: string;
+    code?: string;
+};
+type TabsTypes = {
+    title: string;
+    code: string;
+};
+export declare const HawaCodeBlock: FC<CodeBlockTypes>;
+export {};

package/dist/es/elements/HawaColorPicker.d.ts

@@ -0,0 +1,9 @@
+import { FC, ChangeEvent } from "react";
+type ColorPickerTypes = {
+    /** The hex code for the color */
+    color?: any;
+    /** Fires everytime the color changes */
+    handleChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+};
+export declare const HawaColorPicker: FC<ColorPickerTypes>;
+export {};

package/dist/es/elements/HawaCopyrights.d.ts

@@ -0,0 +1,15 @@
+import { FC } from "react";
+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;
+};
+export declare const HawaCopyrights: FC<CopyRightsTypes>;
+export {};

package/dist/es/elements/HawaDatepicker.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+type DatepickerTypes = {};
+export declare const HawaDatepicker: FC<DatepickerTypes>;
+export {};

package/dist/es/elements/HawaIconCount.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+type IconCountTypes = {
+    /** The icon of the counter */
+    icon: JSX.Element;
+    /** The text next to the icon */
+    count?: string;
+};
+export declare const HawaIconCount: FC<IconCountTypes>;
+export {};

package/dist/es/elements/HawaInlineCode.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+type InlineCodeTypes = {
+    text: string;
+};
+export declare const HawaInlineCode: FC<InlineCodeTypes>;
+export {};

package/dist/es/elements/HawaItemCard.d.ts

@@ -0,0 +1,27 @@
+import { FC } from "react";
+import { MenuItemType } from "./DropdownMenu";
+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;
+}
+export declare const HawaItemCard: FC<ItemCardTypes>;
+export {};

package/dist/es/elements/HawaLandingCard.d.ts

@@ -0,0 +1,18 @@
+import { FC } from "react";
+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;
+};
+export declare const HawaLandingCard: FC<LandingCardTypes>;
+export {};

package/dist/es/elements/HawaLoading.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+type LoadingTypes = {
+    size?: "button" | "xs" | "sm" | "normal" | "lg" | "xl";
+    design?: "spinner" | "dots-bounce" | "dots-pulse" | "pulse" | "spinner-dots";
+    color?: any;
+};
+export declare const HawaLoading: FC<LoadingTypes>;
+export {};

package/dist/es/elements/HawaMenu.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode, FC } from "react";
+interface TMenuTypes {
+    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;
+};
+export declare const HawaMenu: FC<TMenuTypes>;
+export {};