@sikka/hawa 0.2.10-beta → 0.2.13-beta

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

@@ -0,0 +1,21 @@
+import { ReactElement, FC } from "react";
+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;
+};
+export declare const HawaModal: FC<ModalTypes>;
+export {};

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

@@ -0,0 +1,13 @@
+import { FC } from "react";
+type PanelTabsTypes = {
+    defaultValue: any;
+    options: [{
+        label: string;
+        value: string;
+    }];
+    lang: any;
+    handleChange: any;
+    location: any;
+};
+export declare const HawaPanelTabs: FC<PanelTabsTypes>;
+export {};

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

@@ -0,0 +1,11 @@
+import { FC } from "react";
+type HawaPhoneInputTypes = {
+    preferredCountry?: any;
+    helperText?: any;
+    label?: string;
+    value?: any;
+    country?: any;
+    handleChange?: any;
+};
+export declare const HawaPhoneInput: FC<HawaPhoneInputTypes>;
+export {};

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

@@ -0,0 +1,10 @@
+import { FC } from "react";
+type PinInputTypes = {
+    label?: string;
+    icon?: JSX.Element;
+    digits: number;
+    width?: "normal" | "full";
+    getPins?: any;
+};
+export declare const HawaPinInput: FC<PinInputTypes>;
+export {};

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

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

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

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

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

@@ -0,0 +1,12 @@
+import { FC } from "react";
+type RangeTypes = {
+    value?: any;
+    handleChange?: any;
+    startElement?: any;
+    endElement?: any;
+    label?: string;
+    min?: any;
+    max?: any;
+};
+export declare const HawaRange: FC<RangeTypes>;
+export {};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { FC } from "react";
+type THawaTimeline = {
+    steps: any[any];
+    currentStep: any;
+    orientation: "vertical" | "horizontal";
+};
+export declare const HawaStepper: FC<THawaTimeline>;
+export {};

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

@@ -0,0 +1,7 @@
+import { FC } from "react";
+type StoreButtonsTypes = {
+    store: "apple" | "google";
+    mode: "dark" | "light";
+};
+export declare const HawaStoreButtons: FC<StoreButtonsTypes>;
+export {};

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

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

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

@@ -0,0 +1,13 @@
+import { FC } from "react";
+type TabsTypes = {
+    options?: any;
+    onChangeTab?: (option: any) => void;
+    defaultValue?: any;
+    orientation?: "horizontal" | "vertical";
+    direction?: "rtl" | "ltr";
+    marginBetween?: any;
+    width?: "full" | "normal";
+    pill?: boolean;
+};
+export declare const HawaTabs: FC<TabsTypes>;
+export {};

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

@@ -0,0 +1,33 @@
+import React, { FC, PropsWithRef } from "react";
+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.ReactNode;
+};
+export declare const HawaTextField: FC<TextFieldTypes>;
+export {};

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

@@ -0,0 +1,7 @@
+import { FC } from "react";
+type TypographyTypes = {
+    children: any;
+    align?: any;
+};
+export declare const HawaTypography: FC<TypographyTypes>;
+export {};

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

@@ -0,0 +1,22 @@
+import React from "react";
+type IconProps = React.HTMLAttributes<SVGElement>;
+export declare const Icons: {
+    logo: (props: IconProps) => React.JSX.Element;
+    mail: (props: IconProps) => React.JSX.Element;
+    phone: (props: IconProps) => React.JSX.Element;
+    twitter: (props: IconProps) => React.JSX.Element;
+    microsoft: (props: IconProps) => React.JSX.Element;
+    gitHub: (props: IconProps) => React.JSX.Element;
+    radix: (props: IconProps) => React.JSX.Element;
+    aria: (props: IconProps) => React.JSX.Element;
+    npm: (props: IconProps) => React.JSX.Element;
+    yarn: (props: IconProps) => React.JSX.Element;
+    pnpm: (props: IconProps) => React.JSX.Element;
+    react: (props: IconProps) => React.JSX.Element;
+    tailwind: (props: IconProps) => React.JSX.Element;
+    google: (props: IconProps) => React.JSX.Element;
+    apple: (props: IconProps) => React.JSX.Element;
+    paypal: (props: IconProps) => React.JSX.Element;
+    spinner: (props: IconProps) => React.JSX.Element;
+};
+export {};

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

@@ -0,0 +1,6 @@
+import * as React from "react";
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    preview?: boolean;
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };

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

@@ -0,0 +1,11 @@
+import { FC } from "react";
+type TypographyTypes = {
+    handleLanguage: (e: any) => void;
+    currentLanguage: any;
+    handleColorMode: (e: any) => void;
+    currentColorMode: any;
+    orientation?: "vertical" | "horizontal";
+    width?: "default" | "full";
+};
+export declare const InterfaceSettings: FC<TypographyTypes>;
+export {};

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

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

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

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { type VariantProps } from "class-variance-authority";
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/dist/types").ClassProp) => string> & React.RefAttributes<HTMLLabelElement>>;
+export { Label };

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

@@ -0,0 +1,12 @@
+import * as React from "react";
+interface PopoverProps {
+    side?: "top" | "right" | "bottom" | "left";
+    align?: "start" | "center" | "end";
+    trigger: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+    sideOffset?: number;
+    open?: boolean;
+}
+declare const Popover: React.FC<PopoverProps>;
+export { Popover };

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

@@ -0,0 +1,11 @@
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, };

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

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Separator };

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

@@ -0,0 +1,3 @@
+import React from "react";
+declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+export { Skeleton };

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

@@ -0,0 +1,14 @@
+import React from "react";
+interface Feature {
+    icon: React.ReactNode;
+    title: string;
+    description: string;
+}
+type StickyFeaturesType = {
+    features?: Feature[];
+    tag?: string;
+    title?: string;
+    description?: string;
+};
+export declare const StickyFeatures: React.FC<StickyFeaturesType>;
+export {};

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

@@ -0,0 +1,19 @@
+import { FC } from "react";
+type SubsectionListTypes = {
+    align?: any;
+    subsections: [
+        {
+            title: string;
+            sections: [
+                {
+                    label: string;
+                    action: () => void;
+                    icon?: any;
+                    value?: any;
+                }
+            ];
+        }
+    ];
+};
+export declare const SubsectionList: FC<SubsectionListTypes>;
+export {};

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

@@ -0,0 +1,8 @@
+import * as React from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
+    size?: "default" | "sm" | "lg";
+    label?: string;
+}
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

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

@@ -0,0 +1,8 @@
+import { FC } from "react";
+type TabPanelTypes = {
+    children: any;
+    value: any;
+    index: any;
+};
+export declare const TabPanel: FC<TabPanelTypes>;
+export {};

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    orientation?: "vertical" | "horizontal";
+} & React.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tabs, TabsList, TabsTrigger, TabsContent };

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label?: string;
+    helperText?: string;
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };

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

@@ -0,0 +1,13 @@
+import { FC } from "react";
+type TimelineTypes = {
+    title: any;
+    steps: StepTypes[];
+};
+type StepTypes = {
+    date: string;
+    title: string;
+    description?: string;
+    actions?: any;
+};
+export declare const Timeline: FC<TimelineTypes>;
+export {};

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

@@ -0,0 +1,19 @@
+import * as React from "react";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+import { type VariantProps } from "class-variance-authority";
+declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
+declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: {
+    variant?: "default" | "destructive";
+    severity?: "info" | "warning" | "error" | "success" | "none";
+} & import("class-variance-authority/dist/types").ClassProp) => string> & {
+    severity?: "info" | "warning" | "error" | "success" | "none";
+    direction?: "rtl" | "ltr";
+} & React.RefAttributes<HTMLLIElement>>;
+declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
+type ToastActionElement = React.ReactElement<typeof ToastAction>;
+export { type ToastProps, type ToastActionElement, ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function Toaster(props: any): React.JSX.Element;

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

@@ -0,0 +1,12 @@
+import React from "react";
+type TooltipTypes = {
+    open?: any;
+    side?: "top" | "right" | "bottom" | "left";
+    content?: any;
+    children?: any;
+    defaultOpen?: any;
+    onOpenChange?: any;
+    delayDuration?: any;
+};
+declare const Tooltip: React.FunctionComponent<TooltipTypes>;
+export { Tooltip };

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

@@ -0,0 +1,9 @@
+import { FC } from "react";
+type UsageCardTypes = {
+    tooltip?: any;
+    title: any;
+    percent: any;
+    currentUsage: any;
+};
+export declare const UsageCard: FC<UsageCardTypes>;
+export {};

package/dist/es/elements/UserReferralSource.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 UserReferralSource: FC<ComponentTypes>;
+export {};