@clasing/ui 0.1.25 → 0.1.34

package/dist/index.d.ts

@@ -2,10 +2,18 @@ import { ClassProp } from 'class-variance-authority/types';
 import { default as default_2 } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 import * as TablerIcons from '@tabler/icons-react';
 import { VariantProps } from 'class-variance-authority';
 
+declare interface AddToastProps {
+    message: ToastProps['message'];
+    intent: ToastProps['intent'];
+    position?: PositionProps;
+    duration?: number;
+}
+
 export declare const Avatar: ForwardRefExoticComponent<AvatarProps & RefAttributes<HTMLImageElement>>;
 
 declare interface AvatarProps extends React.ImgHTMLAttributes<HTMLImageElement> {
@@ -15,9 +23,9 @@ declare interface AvatarProps extends React.ImgHTMLAttributes<HTMLImageElement>
 export declare const Badge: ForwardRefExoticComponent<IBadgeProps & RefAttributes<HTMLSpanElement>>;
 
 declare const badgeStyles: (props?: ({
-    status?: "notStarted" | "notStarted-outline" | "locked" | "locked-outline" | "available" | "available-outline" | "inProgress" | "inProgress-outline" | "completed" | "completed-outline" | "viewed" | "viewed-outline" | null | undefined;
-    intent?: "neutral" | "neutral-outline" | "blue" | "blue-outline" | "mustard" | "mustard-outline" | "green" | "green-outline" | "lime" | "lime-outline" | "fuchsia" | "fuchsia-outline" | "marine" | "marine-outline" | "ice" | "ice-outline" | "gray" | "gray-outline" | "violet" | "violet-outline" | null | undefined;
-    size?: "small" | "medium" | "large" | null | undefined;
+    utility?: "error" | "warning" | "success" | "info" | null | undefined;
+    intent?: "neutral" | "brand" | "brand-subtle" | "blue" | "blue-subtle" | "yellow" | "yellow-subtle" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
     weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
     rounded?: "rectangle" | "full" | null | undefined;
 } & ClassProp) | undefined) => string;
@@ -27,22 +35,22 @@ export declare const Button: ForwardRefExoticComponent<IButtonProps & RefAttribu
 export declare const ButtonIcon: default_2.ForwardRefExoticComponent<IButtonIconProps & default_2.RefAttributes<HTMLButtonElement>>;
 
 declare const buttonIconStyles: (props?: ({
-    intent?: "outline" | "fill" | "ghost" | null | undefined;
-    size?: "small" | "medium" | "large" | null | undefined;
-    rounded?: "full" | "sm" | null | undefined;
+    intent?: "outline" | "fill" | "ghost" | "destructive" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    rounded?: "sm" | "full" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const ButtonLink: ForwardRefExoticComponent<IButtonLinkProps & RefAttributes<HTMLButtonElement>>;
 
-declare const buttonStyles: (props?: ({
-    intent?: "outline" | "primary" | "secondary" | "tertiary" | "ghost" | "destructive" | null | undefined;
-    size?: "small" | "medium" | "large" | null | undefined;
+export declare const buttonLinkStyles: (props?: ({
+    intent?: "primary" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
     weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-declare const buttonStyles_2: (props?: ({
-    intent?: "primary" | null | undefined;
-    size?: "small" | "medium" | "large" | null | undefined;
+export declare const buttonStyles: (props?: ({
+    intent?: "outline" | "primary" | "secondary" | "tertiary" | "ghost" | "destructive" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
     weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
 } & ClassProp) | undefined) => string;
 
@@ -50,7 +58,7 @@ export declare const Card: ForwardRefExoticComponent<ICardProps & RefAttributes<
 
 declare const cardStyles: (props?: ({
     intent?: "outline" | "default" | null | undefined;
-    shadow?: "none" | "sm" | "xs" | "md" | "lg" | "xl" | "2xl" | null | undefined;
+    shadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const Checkbox: ForwardRefExoticComponent<CheckboxProps & RefAttributes<HTMLInputElement>>;
@@ -62,14 +70,16 @@ declare interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputEleme
     touched?: boolean;
 }
 
-declare type DropdownOption<T> = {
+export declare const Datepicker: ForwardRefExoticComponent<IDatepickerProps & RefAttributes<HTMLInputElement>>;
+
+declare type DropdownOption<T extends string | number | readonly string[] | undefined> = {
     label: string;
     value: T;
 };
 
 export declare const DropdownSelect: ForwardRefExoticComponent<DropdownSelectProps<any> & RefAttributes<HTMLDivElement>>;
 
-declare interface DropdownSelectProps<T> extends React.SelectHTMLAttributes<HTMLDivElement> {
+declare interface DropdownSelectProps<T extends string | number | readonly string[] | undefined> extends Omit<React.SelectHTMLAttributes<HTMLDivElement>, 'value' | 'onChange'> {
     label?: string;
     helperText?: string;
     error?: string;
@@ -77,6 +87,8 @@ declare interface DropdownSelectProps<T> extends React.SelectHTMLAttributes<HTML
     iconName?: TablerIconName;
     placeholder?: string;
     options?: DropdownOption<T>[];
+    value?: T;
+    onChange?: (value: T | null) => void;
 }
 
 declare interface IBadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeStyles> {
@@ -88,6 +100,7 @@ declare interface IBadgeProps extends React.HTMLAttributes<HTMLSpanElement>, Var
         name: TablerIconName;
         stroke?: number;
     } | TablerIconName;
+    iconOnly?: boolean;
 }
 
 declare interface IButtonIconProps extends Omit<default_2.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, VariantProps<typeof buttonIconStyles> {
@@ -99,7 +112,7 @@ declare interface IButtonIconProps extends Omit<default_2.ButtonHTMLAttributes<H
     notification?: boolean;
 }
 
-declare interface IButtonLinkProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonStyles_2> {
+declare interface IButtonLinkProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonLinkStyles> {
     iconLeft?: {
         name: TablerIconName;
         stroke?: number;
@@ -128,12 +141,23 @@ declare interface ICardProps extends React.HTMLAttributes<HTMLDivElement>, Varia
 
 export declare const IconComponent: ForwardRefExoticComponent<IIconComponentProps & RefAttributes<SVGSVGElement>>;
 
+declare interface IDatepickerProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    helperText?: string;
+    error?: string;
+    touched?: boolean;
+    value: string;
+    locale?: 'enGB' | 'enUS' | 'es';
+    placeholder?: string;
+}
+
 declare interface IIconComponentProps {
     iconName: TablerIconName;
     stroke?: number;
     size?: number;
     color?: string;
     className?: string;
+    onClick?: () => void;
 }
 
 export declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;
@@ -156,6 +180,7 @@ declare interface IPopoverProps {
     open?: boolean;
     placement?: PopoverPlacement;
     closeOnAction?: boolean;
+    className?: string;
 }
 
 declare interface IProgressBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof progressBarStyles> {
@@ -175,13 +200,14 @@ declare interface ITooltipProps extends React.HTMLAttributes<HTMLSpanElement>, V
     content: string;
 }
 
-export declare const Modal: ({ className, children, isOpen, setIsOpen, }: ModalProps) => JSX_2.Element;
+export declare const Modal: ({ className, children, isOpen, setIsOpen, canClose, }: ModalProps) => JSX_2.Element;
 
 declare interface ModalProps {
     className?: string;
     children: React.ReactNode;
     isOpen: boolean;
     setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    canClose?: boolean;
 }
 
 declare interface OutsideClickHandlerProps {
@@ -189,16 +215,18 @@ declare interface OutsideClickHandlerProps {
     handler: () => void;
 }
 
-export declare const Popover: ({ children, trigger, open, placement, closeOnAction, }: IPopoverProps) => JSX_2.Element;
+export declare const Popover: ({ children, trigger, open, placement, closeOnAction, className, }: IPopoverProps) => JSX_2.Element;
 
-declare type PopoverPlacement = 'top' | 'bottom' | 'left' | 'right' | 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+declare type PopoverPlacement = 'top' | 'bottom' | 'left' | 'right' | 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-right-corner' | 'top-left-corner' | 'bottom-right-corner' | 'bottom-left-corner';
+
+declare type PositionProps = 'top-right' | 'top-left' | 'top' | 'bottom-right' | 'bottom-left' | 'bottom';
 
 export declare const ProgressBar: ({ progress, className, intent, size, rounded, ...props }: IProgressBarProps) => JSX_2.Element;
 
 declare const progressBarStyles: (props?: ({
-    intent?: "blue" | "mustard" | "green" | "lime" | "fuchsia" | "marine" | "ice" | "gray" | "violet" | "primary" | null | undefined;
-    size?: "small" | "medium" | "large" | null | undefined;
-    rounded?: "full" | "sm" | null | undefined;
+    intent?: "brand" | "blue" | "yellow" | "green" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    rounded?: "sm" | "full" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const Spinner: ({ className }: ISpinnerProps) => JSX_2.Element;
@@ -213,16 +241,40 @@ declare const textStyles: (props?: ({
     weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare const Toast: default_2.ForwardRefExoticComponent<ToastProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type ToastContextType = (props: AddToastProps) => void;
+
+declare interface ToastProps extends default_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof toastStyles> {
+    message: string;
+    onClose: () => void;
+    position?: PositionProps;
+    duration?: number;
+}
+
+export declare const ToastProvider: default_2.FC<ToastProviderProps>;
+
+declare type ToastProviderProps = {
+    children: ReactNode;
+    position?: PositionProps;
+};
+
+declare const toastStyles: (props?: ({
+    intent?: "error" | "warning" | "success" | "info" | "neutral" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export declare const Tooltip: ForwardRefExoticComponent<ITooltipProps & RefAttributes<HTMLSpanElement>>;
 
 declare const tooltipStyles: (props?: ({
-    shadow?: "none" | "sm" | "xs" | "md" | "lg" | "xl" | "2xl" | null | undefined;
+    shadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
     placement?: "top" | "bottom" | "left" | "right" | null | undefined;
     delay?: 0 | 200 | 75 | 100 | 150 | 300 | 500 | null | undefined;
     closeDelay?: 0 | 200 | 75 | 100 | 150 | 300 | 500 | null | undefined;
-    rounded?: "full" | "sm" | null | undefined;
+    rounded?: "sm" | "full" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const useOutsideClick: ({ ref, handler }: OutsideClickHandlerProps) => void;
 
+export declare const useToast: () => ToastContextType;
+
 export { }