@clasing/ui 0.1.83 → 0.1.91

package/dist/index.d.ts

@@ -3,7 +3,8 @@ import { default as default_2 } from 'react';
 import { Dispatch } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
-import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { JSX } from 'react/jsx-runtime';
+import { JSX as JSX_2 } from 'react';
 import { Matcher } from 'react-day-picker';
 import { Placement } from '@floating-ui/react';
 import { ReactNode } from 'react';
@@ -12,14 +13,11 @@ 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;
-}
+export declare const Alert: ForwardRefExoticComponent<IAlertProps & RefAttributes<HTMLDivElement>>;
+
+declare const alertStyles: (props?: ({
+    intent?: "error" | "info" | "success" | "warning" | "neutral" | null | undefined;
+} & ClassProp) | undefined) => string;
 
 export declare const Avatar: ForwardRefExoticComponent<AvatarProps & RefAttributes<HTMLImageElement>>;
 
@@ -30,10 +28,10 @@ declare interface AvatarProps extends React.ImgHTMLAttributes<HTMLImageElement>
 export declare const Badge: ForwardRefExoticComponent<IBadgeProps & RefAttributes<HTMLSpanElement>>;
 
 declare const badgeStyles: (props?: ({
-    utility?: "error" | "warning" | "success" | "info" | null | undefined;
+    utility?: "error" | "info" | "success" | "warning" | null | undefined;
     intent?: "neutral" | "brand" | "brand-subtle" | "brand-bolder" | "blue" | "blue-subtle" | "blue-bolder" | "yellow" | "yellow-subtle" | "yellow-bolder" | "violet-subtle" | "violet" | "violet-bolder" | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;
-    weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
+    weight?: "light" | "regular" | "semibold" | "bold" | null | undefined;
     rounded?: "rectangle" | "full" | null | undefined;
 } & ClassProp) | undefined) => string;
 
@@ -43,7 +41,7 @@ export declare const buttonActiveStyles: (props?: ({
     intent?: "outline" | "primary-red" | "primary-blue" | "secondary" | "ghost" | "destructive" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     rounded?: "sm" | "full" | null | undefined;
-    weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
+    weight?: "light" | "regular" | "semibold" | "bold" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const ButtonIcon: default_2.ForwardRefExoticComponent<IButtonIconProps & default_2.RefAttributes<HTMLButtonElement>>;
@@ -71,21 +69,21 @@ export declare const ButtonLink: ForwardRefExoticComponent<IButtonLinkProps & Re
 export declare const buttonLinkStyles: (props?: ({
     intent?: "primary" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
-    weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
+    weight?: "light" | "regular" | "semibold" | "bold" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const buttonLoadingStyles: (props?: ({
     intent?: "outline" | "primary-red" | "primary-blue" | "secondary" | "ghost" | "destructive" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     rounded?: "sm" | "full" | null | undefined;
-    weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
+    weight?: "light" | "regular" | "semibold" | "bold" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const buttonStyles: (props?: ({
     intent?: "outline" | "primary-red" | "primary-blue" | "secondary" | "ghost" | "destructive" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     rounded?: "sm" | "full" | null | undefined;
-    weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
+    weight?: "light" | "regular" | "semibold" | "bold" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const Calendar: React.FC<ICalendarProps>;
@@ -111,14 +109,14 @@ export declare const Chip: ForwardRefExoticComponent<IChipProps & RefAttributes<
 export declare const chipStyles: (props?: ({
     intent?: "error" | "disabled" | "selected" | "unselected" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
-    weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
+    weight?: "light" | "regular" | "semibold" | "bold" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const Datepicker: ForwardRefExoticComponent<IDatepickerProps & RefAttributes<HTMLInputElement>>;
 
 export declare const DateRangePicker: ForwardRefExoticComponent<IDateRangePickerProps & RefAttributes<HTMLInputElement>>;
 
-export declare const DayTimePicker: ({ availableHours, availableTimes, onSelectionChange, locale, intervalMinutes, singleSelection, singleSelectionPerDay, disabledDays, }: DayTimePickerProps) => JSX_2.Element;
+export declare const DayTimePicker: ({ availableHours, availableTimes, onSelectionChange, locale, intervalMinutes, singleSelection, singleSelectionPerDay, disabledDays, }: DayTimePickerProps) => JSX.Element;
 
 declare interface DayTimePickerProps {
     availableHours?: {
@@ -171,6 +169,13 @@ declare interface DropdownSelectProps<T extends string | number | readonly strin
     disableSearchWhileLoading?: boolean;
 }
 
+declare interface IAlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertStyles> {
+    title?: string;
+    content?: string;
+    showIcon?: boolean;
+    iconName?: TablerIconName;
+}
+
 declare interface IBadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeStyles> {
     iconLeft?: {
         name: TablerIconName;
@@ -346,7 +351,7 @@ declare const interactiveCardStyles: (props?: ({
 
 declare interface IPopoverProps {
     children: default_2.ReactNode;
-    trigger: JSX.Element;
+    trigger: JSX_2.Element;
     open?: boolean;
     placement?: PopoverPlacement;
     closeOnAction?: boolean;
@@ -403,7 +408,7 @@ declare interface ITooltipProps {
     arrow?: boolean;
 }
 
-export declare const Modal: ({ className, children, isOpen, setIsOpen, canClose, intent, overlay, closeButtonAriaLabel, closeOnClickOutside, }: ModalProps) => JSX_2.Element | null;
+export declare const Modal: ({ className, children, isOpen, setIsOpen, canClose, intent, overlay, closeButtonAriaLabel, closeOnClickOutside, }: ModalProps) => JSX.Element | null;
 
 declare interface ModalProps {
     className?: string;
@@ -425,7 +430,7 @@ declare type Option_2 = {
 export { Option_2 as Option }
 
 declare interface OutsideClickHandlerProps {
-    ref: React.RefObject<HTMLElement>;
+    ref: React.RefObject<HTMLElement | null>;
     handler: () => void;
 }
 
@@ -435,9 +440,9 @@ declare type PopoverPlacement = Placement;
 
 declare type PopoverWidth = 'as-trigger' | 'auto';
 
-declare type PositionProps = 'top-right' | 'top-left' | 'top' | 'bottom-right' | 'bottom-left' | 'bottom';
+declare type PositionProps = 'top-left' | 'top' | 'top-right' | 'bottom-left' | 'bottom' | 'bottom-right';
 
-export declare const ProgressBar: ({ progress, className, intent, size, rounded, ...props }: IProgressBarProps) => JSX_2.Element;
+export declare const ProgressBar: ({ progress, className, intent, size, rounded, ...props }: IProgressBarProps) => JSX.Element;
 
 declare const progressBarStyles: (props?: ({
     intent?: "brand" | "blue" | "yellow" | "green" | null | undefined;
@@ -445,11 +450,11 @@ 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 SelectableChips: ({ id, label, options, multiple, selectedOptions, setSelectedOptions, className, disabled, helperText, error, touched, }: ISelectableChipsProps) => JSX.Element | null;
 
-export declare const Skeleton: ({ className, ...props }: ISkeletonProps) => JSX_2.Element;
+export declare const Skeleton: ({ className, ...props }: ISkeletonProps) => JSX.Element;
 
-export declare const Spinner: ({ className }: ISpinnerProps) => JSX_2.Element;
+export declare const Spinner: ({ className }: ISpinnerProps) => JSX.Element;
 
 export declare const Switch: ForwardRefExoticComponent<ISwitchProps & RefAttributes<HTMLButtonElement>>;
 
@@ -459,46 +464,42 @@ declare const switchRootStyles: (props?: ({
 
 declare type TablerIconName = keyof typeof TablerIcons;
 
-declare const Text_2: ({ as, intent, className, weight, ...props }: ITextProps) => JSX_2.Element;
+declare const Text_2: ({ as, intent, className, weight, ...props }: ITextProps) => JSX.Element;
 export { Text_2 as Text }
 
 declare const textStyles: (props?: ({
     intent?: "display-sm" | "display-lg" | "title-xs" | "title-sm" | "title-md" | "title-lg" | "title-xl" | "label-xs" | "label-sm" | "label-md" | "label-lg" | "label-xl" | "label-2xl" | "label-3xl" | "paragraph-xs" | "paragraph-sm" | "paragraph-md" | "paragraph-lg" | "overline-sm" | "overline-lg" | null | undefined;
-    weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
+    weight?: "light" | "regular" | "semibold" | "bold" | 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> {
+declare interface ToastProps {
+    id: string;
     title?: string;
-    message: string;
-    canClose?: boolean;
-    onClose?: () => void;
+    message?: string;
+    intent?: ToastVariant;
     position?: PositionProps;
     duration?: number;
+    children?: ReactNode;
+    canClose?: boolean;
+    showIcon?: boolean;
 }
 
 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;
+declare type ToastVariant = 'info' | 'success' | 'warning' | 'error' | 'neutral';
 
 export declare const Tooltip: {
-    ({ children, trigger, className, placement, iconName, arrow: isArrow, }: ITooltipProps): JSX_2.Element;
+    ({ children, trigger, className, placement, iconName, arrow: isArrow, }: ITooltipProps): JSX.Element;
     displayName: string;
 };
 
 export declare const useOutsideClick: ({ ref, handler }: OutsideClickHandlerProps) => void;
 
-export declare const useToast: () => ToastContextType;
+export declare const useToast: () => (toast: Omit<ToastProps, "id">) => void;
 
 declare type WeekDay = 'MONDAY' | 'TUESDAY' | 'WEDNESDAY' | 'THURSDAY' | 'FRIDAY' | 'SATURDAY' | 'SUNDAY';