@clasing/ui 0.1.37 → 0.1.39

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;
 }
 
@@ -169,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;
 }
@@ -181,7 +188,9 @@ declare interface IDateRangePickerProps extends React.InputHTMLAttributes<HTMLIn
     touched?: boolean;
     startDate: string;
     endDate: string;
+    disabledDates?: Matcher | Matcher[] | undefined;
     locale?: 'enGB' | 'enUS' | 'es';
+    placement?: PopoverPlacement;
     placeholder?: string;
     minDate?: Date;
     maxDate?: Date;
@@ -196,14 +205,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;
@@ -223,6 +232,20 @@ declare interface IProgressBarProps extends Omit<React.HTMLAttributes<HTMLDivEle
     progress: number;
 }
 
+declare interface ISelectableChipsProps {
+    id?: string;
+    label?: string;
+    options: Option_2[];
+    multiple?: boolean;
+    selectedOptions: Option_2['value'] | Option_2['value'][] | undefined;
+    setSelectedOptions: Dispatch<SetStateAction<Option_2['value'] | Option_2['value'][] | undefined>>;
+    className?: string;
+    disabled?: boolean;
+    helperText?: string;
+    error?: string;
+    touched?: boolean;
+}
+
 declare interface ISpinnerProps {
     className?: string;
 }
@@ -246,6 +269,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;
@@ -265,6 +295,8 @@ declare const progressBarStyles: (props?: ({
     rounded?: "sm" | "full" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare const SelectableChips: ({ id, label, options, multiple, selectedOptions, setSelectedOptions, className, disabled, helperText, error, touched, }: ISelectableChipsProps) => JSX_2.Element | null;
+
 export declare const Spinner: ({ className }: ISpinnerProps) => JSX_2.Element;
 
 declare type TablerIconName = keyof typeof TablerIcons;
@@ -282,7 +314,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;