@sikka/hawa 0.2.40-next → 0.2.41-next

package/dist/index.d.mts

@@ -6,6 +6,9 @@ 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,20 @@ interface DropdownMenuProps {
 }
 declare const DropdownMenu: React.FC<DropdownMenuProps>;
 
+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 +292,10 @@ 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 StoreButtonsTypes = {
+    store: "apple" | "google";
+    mode: "dark" | "light";
+};
+declare const AppStores: FC<StoreButtonsTypes>;
+
+export { ActionCard, Alert, AppStores, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, CodeBlock, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, Label, Loading, MenuItemType, 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

@@ -6,6 +6,9 @@ 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,20 @@ interface DropdownMenuProps {
 }
 declare const DropdownMenu: React.FC<DropdownMenuProps>;
 
+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 +292,10 @@ 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 StoreButtonsTypes = {
+    store: "apple" | "google";
+    mode: "dark" | "light";
+};
+declare const AppStores: FC<StoreButtonsTypes>;
+
+export { ActionCard, Alert, AppStores, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, CodeBlock, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, Label, Loading, MenuItemType, PinInput, Popover, PopoverContent, Radio, Skeleton, Slider, SubItem, Switch, Textarea, TextareaProps, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, buttonVariants };