@sikka/hawa 0.2.40-next → 0.2.42-next

package/dist/index.d.mts

@@ -1,11 +1,14 @@
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
-import React__default, { FC, ReactNode } from 'react';
+import React__default, { FC, ReactNode, ChangeEvent, RefObject } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as SliderPrimitive from '@radix-ui/react-slider';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 
 declare const buttonVariants: (props?: ({
@@ -157,6 +160,74 @@ type RadioTypes = {
 };
 declare const Radio: FC<RadioTypes>;
 
+interface SkeletonProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    animation?: "pulse" | "shimmer";
+}
+declare function Skeleton({ className, animation, ...props }: SkeletonProps): React__default.JSX.Element;
+
+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";
+    variant?: "default" | "outline";
+};
+declare const Chip: FC<TChipTypes>;
+
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
+
+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 Alert: React__default.FunctionComponent<AlertTypes>;
+
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface PopoverProps {
+    side?: "top" | "right" | "bottom" | "left";
+    align?: "start" | "center" | "end";
+    trigger: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+    sideOffset?: number;
+    disableTrigger?: any;
+    open?: boolean;
+}
+type HawaPopoverTypes = PopoverProps & React.ComponentProps<typeof PopoverPrimitive.Root>;
+declare const Popover: React.FC<HawaPopoverTypes>;
+
+interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+
+declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+
 type ExtendedDropdownMenuContentProps = Partial<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>> & {};
 type ExtendedDropdownMenuTriggerProps = Partial<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>> & {};
 type SubItem = {
@@ -173,7 +244,7 @@ type MenuItemType = {
     value?: any;
     end?: any;
     presist?: boolean;
-    type?: "separator" | "label";
+    itemType?: "separator" | "label" | string;
     action?: () => void;
     highlighted?: boolean;
     subitems?: SubItem[];
@@ -195,6 +266,28 @@ interface DropdownMenuProps {
 }
 declare const DropdownMenu: React.FC<DropdownMenuProps>;
 
+type ColorPickerTypes = {
+    /** The hex code for the color */
+    color?: any;
+    /** Fires everytime the color changes */
+    handleChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+};
+declare const ColorPicker: FC<ColorPickerTypes>;
+
+type PinInputTypes = {
+    /** Label text to display for the Pin Input */
+    label?: string;
+    /** Icon element to be displayed next to the Pin Input */
+    icon?: JSX.Element;
+    /** Number of digits in the Pin Input */
+    digits: number;
+    /** Width of the Pin Input - either 'normal' or 'full' */
+    width?: "normal" | "full";
+    /** Function to get the value of pins */
+    getPins?: (pins: string[]) => void;
+};
+declare const PinInput: FC<PinInputTypes>;
+
 type ImageCardTypes = {
     children: any;
     align?: any;
@@ -207,4 +300,63 @@ type ImageCardTypes = {
 };
 declare const ActionCard: FC<ImageCardTypes>;
 
-export { ActionCard, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CodeBlock, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, Loading, MenuItemType, Radio, SubItem, Switch, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, buttonVariants };
+type FileDropzoneTypes = {
+    /**  The text label above the component. Consistant with the other form input fields   */
+    label?: string;
+    files: [File];
+    setFiles: any;
+    setDeletedFiles: any;
+    maxFiles: number;
+    accept: any;
+    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 FileDropzone: React__default.FunctionComponent<FileDropzoneTypes>;
+
+type PhoneInputTypes = {
+    preferredCountry?: any;
+    helperText?: any;
+    label?: string;
+    value?: any;
+    country?: any;
+    handleChange?: any;
+};
+declare const PhoneInput: FC<PhoneInputTypes>;
+
+type StoreButtonsTypes = {
+    store: "apple" | "google";
+    mode: "dark" | "light";
+};
+declare const AppStores: FC<StoreButtonsTypes>;
+
+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>;
+
+export { ActionCard, Alert, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, CodeBlock, ColorPicker, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, FileDropzone, Label, Loading, MenuItemType, PhoneInput, PinInput, Popover, PopoverContent, Radio, Skeleton, Slider, SubItem, Switch, Textarea, TextareaProps, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, buttonVariants };

package/dist/index.d.ts

@@ -1,11 +1,14 @@
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
-import React__default, { FC, ReactNode } from 'react';
+import React__default, { FC, ReactNode, ChangeEvent, RefObject } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as SliderPrimitive from '@radix-ui/react-slider';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 
 declare const buttonVariants: (props?: ({
@@ -157,6 +160,74 @@ type RadioTypes = {
 };
 declare const Radio: FC<RadioTypes>;
 
+interface SkeletonProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    animation?: "pulse" | "shimmer";
+}
+declare function Skeleton({ className, animation, ...props }: SkeletonProps): React__default.JSX.Element;
+
+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";
+    variant?: "default" | "outline";
+};
+declare const Chip: FC<TChipTypes>;
+
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
+
+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 Alert: React__default.FunctionComponent<AlertTypes>;
+
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface PopoverProps {
+    side?: "top" | "right" | "bottom" | "left";
+    align?: "start" | "center" | "end";
+    trigger: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+    sideOffset?: number;
+    disableTrigger?: any;
+    open?: boolean;
+}
+type HawaPopoverTypes = PopoverProps & React.ComponentProps<typeof PopoverPrimitive.Root>;
+declare const Popover: React.FC<HawaPopoverTypes>;
+
+interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+
+declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+
 type ExtendedDropdownMenuContentProps = Partial<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>> & {};
 type ExtendedDropdownMenuTriggerProps = Partial<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>> & {};
 type SubItem = {
@@ -173,7 +244,7 @@ type MenuItemType = {
     value?: any;
     end?: any;
     presist?: boolean;
-    type?: "separator" | "label";
+    itemType?: "separator" | "label" | string;
     action?: () => void;
     highlighted?: boolean;
     subitems?: SubItem[];
@@ -195,6 +266,28 @@ interface DropdownMenuProps {
 }
 declare const DropdownMenu: React.FC<DropdownMenuProps>;
 
+type ColorPickerTypes = {
+    /** The hex code for the color */
+    color?: any;
+    /** Fires everytime the color changes */
+    handleChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+};
+declare const ColorPicker: FC<ColorPickerTypes>;
+
+type PinInputTypes = {
+    /** Label text to display for the Pin Input */
+    label?: string;
+    /** Icon element to be displayed next to the Pin Input */
+    icon?: JSX.Element;
+    /** Number of digits in the Pin Input */
+    digits: number;
+    /** Width of the Pin Input - either 'normal' or 'full' */
+    width?: "normal" | "full";
+    /** Function to get the value of pins */
+    getPins?: (pins: string[]) => void;
+};
+declare const PinInput: FC<PinInputTypes>;
+
 type ImageCardTypes = {
     children: any;
     align?: any;
@@ -207,4 +300,63 @@ type ImageCardTypes = {
 };
 declare const ActionCard: FC<ImageCardTypes>;
 
-export { ActionCard, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CodeBlock, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, Loading, MenuItemType, Radio, SubItem, Switch, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, buttonVariants };
+type FileDropzoneTypes = {
+    /**  The text label above the component. Consistant with the other form input fields   */
+    label?: string;
+    files: [File];
+    setFiles: any;
+    setDeletedFiles: any;
+    maxFiles: number;
+    accept: any;
+    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 FileDropzone: React__default.FunctionComponent<FileDropzoneTypes>;
+
+type PhoneInputTypes = {
+    preferredCountry?: any;
+    helperText?: any;
+    label?: string;
+    value?: any;
+    country?: any;
+    handleChange?: any;
+};
+declare const PhoneInput: FC<PhoneInputTypes>;
+
+type StoreButtonsTypes = {
+    store: "apple" | "google";
+    mode: "dark" | "light";
+};
+declare const AppStores: FC<StoreButtonsTypes>;
+
+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>;
+
+export { ActionCard, Alert, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, CodeBlock, ColorPicker, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, FileDropzone, Label, Loading, MenuItemType, PhoneInput, PinInput, Popover, PopoverContent, Radio, Skeleton, Slider, SubItem, Switch, Textarea, TextareaProps, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, buttonVariants };