@clasing/ui 0.1.35 → 0.1.38

package/dist/index.d.ts

@@ -1,16 +1,21 @@
 import { ClassProp } from 'class-variance-authority/types';
 import { default as default_2 } from 'react';
+import { Dispatch } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { Matcher } from 'react-day-picker';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
+import { SetStateAction } from 'react';
 import * as TablerIcons from '@tabler/icons-react';
 import { VariantProps } from 'class-variance-authority';
 
 declare interface AddToastProps {
+    title?: ToastProps['title'];
     message: ToastProps['message'];
     intent: ToastProps['intent'];
     position?: PositionProps;
+    canClose?: boolean;
     duration?: number;
 }
 
@@ -34,8 +39,26 @@ 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" | "destructive" | null | undefined;
+export declare const buttonIconActiveStyles: (props?: ({
+    intent?: "outline" | "fill" | "blue-subtle" | "ghost" | "destructive" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    rounded?: "sm" | "full" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const buttonIconDisabledStyles: (props?: ({
+    intent?: "outline" | "fill" | "blue-subtle" | "ghost" | "destructive" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    rounded?: "sm" | "full" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const buttonIconLoadingStyles: (props?: ({
+    intent?: "outline" | "fill" | "blue-subtle" | "ghost" | "destructive" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    rounded?: "sm" | "full" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const buttonIconStyles: (props?: ({
+    intent?: "outline" | "fill" | "blue-subtle" | "ghost" | "destructive" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     rounded?: "sm" | "full" | null | undefined;
 } & ClassProp) | undefined) => string;
@@ -111,6 +134,7 @@ declare interface IButtonIconProps extends Omit<default_2.ButtonHTMLAttributes<H
         stroke?: number;
     } | TablerIconName;
     isLoading?: boolean;
+    isActive?: boolean;
     notification?: boolean;
 }
 
@@ -150,7 +174,9 @@ declare interface IDatepickerProps extends React.InputHTMLAttributes<HTMLInputEl
     touched?: boolean;
     value: string;
     locale?: 'enGB' | 'enUS' | 'es';
+    placement?: PopoverPlacement;
     placeholder?: string;
+    disabledDates?: Matcher | Matcher[] | undefined;
     minDate?: Date;
     maxDate?: Date;
 }
@@ -162,6 +188,7 @@ declare interface IDateRangePickerProps extends React.InputHTMLAttributes<HTMLIn
     touched?: boolean;
     startDate: string;
     endDate: string;
+    disabledDates?: Matcher | Matcher[] | undefined;
     locale?: 'enGB' | 'enUS' | 'es';
     placeholder?: string;
     minDate?: Date;
@@ -177,14 +204,14 @@ declare interface IIconComponentProps {
     onClick?: () => void;
 }
 
-export declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;
+export declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
 
-declare interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+declare interface InputProps extends React.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
     label?: string;
     helperText?: string;
     error?: string;
     touched?: boolean;
-    type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url';
+    type?: 'text' | 'textarea' | 'password' | 'email' | 'number' | 'tel' | 'url';
     iconName?: {
         name: TablerIconName;
         stroke?: number;
@@ -204,6 +231,13 @@ declare interface IProgressBarProps extends Omit<React.HTMLAttributes<HTMLDivEle
     progress: number;
 }
 
+declare interface ISelectableChipsProps {
+    options: Option_2[];
+    multiple?: boolean;
+    selectedOptions: Option_2[];
+    setSelectedOptions: Dispatch<SetStateAction<Option_2[]>>;
+}
+
 declare interface ISpinnerProps {
     className?: string;
 }
@@ -227,6 +261,13 @@ declare interface ModalProps {
     canClose?: boolean;
 }
 
+declare type Option_2 = {
+    value: string | number | boolean | undefined | null;
+    label: string;
+    notification?: boolean;
+};
+export { Option_2 as Option }
+
 declare interface OutsideClickHandlerProps {
     ref: React.RefObject<HTMLElement>;
     handler: () => void;
@@ -246,6 +287,8 @@ declare const progressBarStyles: (props?: ({
     rounded?: "sm" | "full" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare const SelectableChips: ({ options, multiple, selectedOptions, setSelectedOptions, }: ISelectableChipsProps) => JSX_2.Element;
+
 export declare const Spinner: ({ className }: ISpinnerProps) => JSX_2.Element;
 
 declare type TablerIconName = keyof typeof TablerIcons;
@@ -263,7 +306,9 @@ export declare const Toast: default_2.ForwardRefExoticComponent<ToastProps & def
 declare type ToastContextType = (props: AddToastProps) => void;
 
 declare interface ToastProps extends default_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof toastStyles> {
+    title?: string;
     message: string;
+    canClose?: boolean;
     onClose: () => void;
     position?: PositionProps;
     duration?: number;
@@ -284,6 +329,8 @@ export declare const Tooltip: ForwardRefExoticComponent<ITooltipProps & RefAttri
 
 declare const tooltipStyles: (props?: ({
     shadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
+    intent?: "light" | "dark" | null | undefined;
+    weight?: "bold" | "light" | "regular" | "semibold" | 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;