@clasing/ui 0.1.123 → 0.1.125

package/dist/index.d.ts

@@ -1,566 +0,0 @@
-import { ClassProp } from 'class-variance-authority/types';
-import { default as default_2 } from 'react';
-import { Dispatch } from 'react';
-import { ForwardRefExoticComponent } from 'react';
-import { HTMLAttributes } from 'react';
-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';
-import { RefAttributes } from 'react';
-import * as RPNInput from 'react-phone-number-input';
-import { SetStateAction } from 'react';
-import { SVGAttributes } from 'react';
-import * as TablerIcons from '@tabler/icons-react';
-import { VariantProps } from 'class-variance-authority';
-
-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>>;
-
-declare interface AvatarProps extends React.ImgHTMLAttributes<HTMLImageElement> {
-    rounded?: boolean;
-}
-
-export declare const Badge: ForwardRefExoticComponent<IBadgeProps & RefAttributes<HTMLSpanElement>>;
-
-declare const badgeStyles: (props?: ({
-    utility?: "error" | "info" | "success" | "warning" | null | undefined;
-    intent?: "neutral" | "primary" | "yellow" | "blue" | "violet" | null | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
-    weight?: "light" | "regular" | "semibold" | "bold" | null | undefined;
-    rounded?: "default" | "full" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const Button: ForwardRefExoticComponent<IButtonProps & RefAttributes<HTMLButtonElement>>;
-
-export declare const buttonActiveStyles: (props?: ({
-    intent?: "outline" | "primary" | "secondary" | "inverse" | "ghost" | "destructive" | null | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-    rounded?: "default" | "full" | null | undefined;
-    weight?: "light" | "regular" | "semibold" | "bold" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const ButtonIcon: default_2.ForwardRefExoticComponent<IButtonIconProps & default_2.RefAttributes<HTMLButtonElement>>;
-
-export declare const buttonIconActiveStyles: (props?: ({
-    intent?: "primary" | "destructive" | null | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-    rounded?: "default" | "full" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const buttonIconLoadingStyles: (props?: ({
-    intent?: "primary" | "destructive" | null | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-    rounded?: "default" | "full" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const buttonIconStyles: (props?: ({
-    intent?: "primary" | "destructive" | null | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-    rounded?: "default" | "full" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const ButtonLink: ForwardRefExoticComponent<IButtonLinkProps & RefAttributes<HTMLButtonElement>>;
-
-export declare const buttonLinkStyles: (props?: ({
-    intent?: "primary" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-    rounded?: "default" | "full" | null | undefined;
-    weight?: "light" | "regular" | "semibold" | "bold" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const buttonLoadingStyles: (props?: ({
-    intent?: "outline" | "primary" | "secondary" | "inverse" | "ghost" | "destructive" | null | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-    rounded?: "default" | "full" | null | undefined;
-    weight?: "light" | "regular" | "semibold" | "bold" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const buttonStyles: (props?: ({
-    intent?: "outline" | "primary" | "secondary" | "inverse" | "ghost" | "destructive" | null | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-    rounded?: "default" | "full" | null | undefined;
-    weight?: "light" | "regular" | "semibold" | "bold" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const Calendar: React.FC<ICalendarProps>;
-
-export declare const Card: ForwardRefExoticComponent<ICardProps & RefAttributes<HTMLDivElement>>;
-
-declare const cardStyles: (props?: ({
-    intent?: "default" | "outline" | null | undefined;
-    shadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const Checkbox: ForwardRefExoticComponent<CheckboxProps & RefAttributes<HTMLInputElement>>;
-
-declare interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    label?: string;
-    labelClassName?: string;
-    helperText?: string;
-    error?: string;
-    touched?: boolean;
-}
-
-export declare const Chip: default_2.ForwardRefExoticComponent<IChipProps & default_2.RefAttributes<HTMLDivElement | HTMLButtonElement>>;
-
-export declare const chipStyles: (props?: ({
-    intent?: "error" | "selected" | "unselected" | null | undefined;
-    size?: "sm" | "md" | "lg" | 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.Element;
-
-declare interface DayTimePickerProps {
-    availableHours?: {
-        start: string;
-        end: string;
-    };
-    availableTimes?: {
-        [key in WeekDay]?: string[];
-    };
-    onSelectionChange?: (selectedTimes: {
-        [key in WeekDay]?: string[];
-    }) => void;
-    locale?: 'enGB' | 'enUS' | 'es' | 'fr';
-    intervalMinutes?: 30 | 60;
-    singleSelection?: boolean;
-    singleSelectionPerDay?: boolean;
-    disabledDays?: WeekDay[];
-}
-
-export declare const Divider: ForwardRefExoticComponent<IDividerProps & RefAttributes<HTMLSpanElement>>;
-
-declare type DropdownOption<T extends string | number | readonly string[] | undefined> = {
-    label: string;
-    value: T;
-    component?: React.ReactNode;
-};
-
-export declare const DropdownSelect: ForwardRefExoticComponent<DropdownSelectProps<any> & RefAttributes<HTMLDivElement>>;
-
-declare interface DropdownSelectProps<T extends string | number | readonly string[] | undefined> extends Omit<React.SelectHTMLAttributes<HTMLDivElement>, 'value' | 'onChange'> {
-    label?: string;
-    helperText?: string;
-    disabled?: boolean;
-    error?: string;
-    touched?: boolean;
-    triggerSize?: 'sm' | 'md' | 'lg';
-    rounded?: 'default' | 'full';
-    iconName?: TablerIconName;
-    placement?: PopoverPlacement;
-    placeholder?: string;
-    canSearch?: boolean;
-    searchPlaceholder?: string;
-    canSelectAll?: boolean;
-    selectAllLabel?: string;
-    options?: DropdownOption<T>[];
-    value?: T;
-    onChange?: (value: T | null) => void;
-    dropdownWidth?: PopoverWidth;
-    asyncSearch?: boolean;
-    isLoading?: boolean;
-    onSearch?: (query: string) => void;
-    noOptionsMessage?: string;
-    disableSearchWhileLoading?: boolean;
-    dropdownClassName?: string;
-}
-
-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;
-        stroke?: string;
-    } | TablerIconName;
-    iconRight?: {
-        name: TablerIconName;
-        stroke?: string;
-    } | TablerIconName;
-    iconOnly?: boolean;
-}
-
-declare interface IButtonIconProps extends Omit<default_2.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, VariantProps<typeof buttonIconStyles> {
-    iconName: {
-        name: TablerIconName;
-        stroke?: string;
-    } | TablerIconName;
-    iconText?: string;
-    isLoading?: boolean;
-    isActive?: boolean;
-    tooltip?: default_2.ReactNode;
-    tooltipPlacement?: Placement;
-}
-
-declare interface IButtonLinkProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonLinkStyles> {
-    iconLeft?: {
-        name: TablerIconName;
-        stroke?: string;
-    } | TablerIconName;
-    iconRight?: {
-        name: TablerIconName;
-        stroke?: string;
-    } | TablerIconName;
-    iconTextLeft?: string;
-    iconTextRight?: string;
-    isLoading?: boolean;
-    tooltip?: React.ReactNode;
-    tooltipPlacement?: Placement;
-}
-
-declare interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonStyles> {
-    iconLeft?: {
-        name: TablerIconName;
-        stroke?: string;
-    } | TablerIconName;
-    iconRight?: {
-        name: TablerIconName;
-        stroke?: string;
-    } | TablerIconName;
-    iconTextLeft?: string;
-    iconTextRight?: string;
-    isLoading?: boolean;
-    isActive?: boolean;
-    tooltip?: React.ReactNode;
-    tooltipPlacement?: Placement;
-}
-
-declare interface ICalendarProps {
-    locale?: 'enGB' | 'enUS' | 'es' | 'fr';
-    disabledDates?: string | string[] | Date | Date[] | undefined;
-    enabledDates?: string | string[] | Date | Date[] | undefined;
-    dropdownsSelectors?: boolean;
-    hideNavigation?: boolean;
-    showOutsideDays?: boolean;
-    minDate?: Date;
-    maxDate?: Date;
-    value?: string;
-    onChange?: (value: string | undefined) => void | undefined;
-    className?: string;
-}
-
-declare interface ICardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardStyles> {
-}
-
-declare interface IChipProps extends VariantProps<typeof chipStyles> {
-    iconLeft?: {
-        name: TablerIconName;
-        stroke?: string;
-    } | TablerIconName;
-    iconRight?: {
-        name: TablerIconName;
-        stroke?: string;
-    } | TablerIconName;
-    notification?: boolean;
-    onClick?: () => void;
-    disabled?: boolean;
-    className?: string;
-    children?: default_2.ReactNode;
-}
-
-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' | 'fr';
-    triggerSize?: 'sm' | 'md' | 'lg';
-    rounded?: 'default' | 'full';
-    placement?: PopoverPlacement;
-    placeholder?: string;
-    disabledDates?: string | string[] | Date | Date[] | undefined;
-    enabledDates?: string | string[] | Date | Date[] | undefined;
-    calendarDropdowns?: boolean;
-    hideNavigation?: boolean;
-    showOutsideDays?: boolean;
-    closeOnAction?: boolean;
-    minDate?: Date;
-    maxDate?: Date;
-    disabled?: boolean;
-}
-
-declare interface IDateRangePickerProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    label?: string;
-    helperText?: string;
-    error?: string;
-    touched?: boolean;
-    triggerSize?: 'sm' | 'md' | 'lg';
-    rounded?: 'default' | 'full';
-    startDate: string;
-    endDate: string;
-    calendarDropdowns?: boolean;
-    disabledDates?: Matcher | Matcher[] | undefined;
-    locale?: 'enGB' | 'enUS' | 'es' | 'fr';
-    placement?: PopoverPlacement;
-    placeholder?: string;
-    minDate?: Date;
-    maxDate?: Date;
-    disabled?: boolean;
-}
-
-declare interface IDividerProps extends HTMLAttributes<HTMLSpanElement> {
-    orientation?: 'horizontal' | 'vertical';
-}
-
-declare interface IIconComponentProps extends SVGAttributes<SVGElement> {
-    iconName?: TablerIconName;
-    iconText?: string;
-    size?: number;
-    color?: string;
-    onClick?: () => void;
-}
-
-declare interface IInteractiveCardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof interactiveCardStyles> {
-    isActive?: boolean;
-    title?: string;
-    text?: string;
-    helperText?: string;
-    disabled?: boolean;
-    utilityBadge?: IBadgeProps['utility'];
-    colorBadge?: IBadgeProps['intent'];
-    badgeText?: string;
-    badgeSize?: 'xs' | 'sm' | 'md' | 'lg';
-    iconName?: TablerIconName;
-    iconText?: string;
-    tooltipText?: string;
-    tooltipTitle?: string;
-    tooltipIconName?: TablerIconName;
-    tooltipPlacement?: Placement;
-}
-
-export declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
-
-declare interface InputProps extends React.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>, VariantProps<typeof inputStyles> {
-    label?: string;
-    helperText?: string;
-    error?: string;
-    touched?: boolean;
-    type?: 'text' | 'textarea' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'color';
-    iconName?: {
-        name: TablerIconName;
-        stroke?: string;
-    } | TablerIconName;
-}
-
-declare const inputStyles: (props?: ({
-    inputSize?: "sm" | "md" | "lg" | null | undefined;
-    rounded?: "default" | "full" | null | undefined;
-    defaultVariants?: "rounded" | "inputSize" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const InteractiveCard: ForwardRefExoticComponent<IInteractiveCardProps & RefAttributes<HTMLDivElement>>;
-
-declare const interactiveCardStyles: (props?: ({
-    intent?: "default" | "outline" | null | undefined;
-    shadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-declare interface IPopoverProps {
-    children: default_2.ReactNode;
-    trigger: JSX_2.Element;
-    open?: boolean;
-    placement?: PopoverPlacement;
-    closeOnAction?: boolean;
-    close?: boolean;
-    className?: string;
-    onMouseDown?: (e: default_2.MouseEvent) => void;
-    onMouseUp?: (e: default_2.MouseEvent) => void;
-    popoverWidth?: 'as-trigger' | 'min-as-trigger' | 'auto';
-    disabled?: boolean;
-}
-
-declare interface IProgressBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof progressBarStyles> {
-    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 ISkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-
-declare interface ISpinnerProps {
-    className?: string;
-}
-
-declare interface ISwitchProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof switchRootStyles> {
-    defaultChecked?: boolean;
-    checked?: boolean;
-    onCheckedChange?: (checked: boolean) => void;
-}
-
-declare interface ITextProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof textStyles> {
-    as?: 'span' | 'p' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label';
-    className?: string;
-    htmlFor?: string;
-}
-
-declare interface ITooltipProps {
-    children: default_2.ReactNode;
-    trigger?: JSX_2.Element;
-    className?: string;
-    placement?: Placement;
-    iconName?: TablerIconName;
-    arrow?: boolean;
-    mobileModal?: boolean;
-}
-
-export declare const Modal: ({ className, children, isOpen, setIsOpen, canClose, intent, overlay, closeButtonAriaLabel, closeOnClickOutside, }: ModalProps) => JSX.Element | null;
-
-declare interface ModalProps {
-    className?: string;
-    children: default_2.ReactNode;
-    isOpen: boolean;
-    setIsOpen?: default_2.Dispatch<default_2.SetStateAction<boolean>>;
-    canClose?: boolean;
-    intent?: 'card' | 'sheet' | 'wizard' | 'fullscreen';
-    overlay?: 'blur-sm' | 'opacity';
-    closeButtonAriaLabel?: string;
-    closeOnClickOutside?: 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 | null>;
-    handler: () => void;
-}
-
-export declare const PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps>;
-
-declare type PhoneInputProps = Omit<React.ComponentProps<'input'>, 'onChange' | 'value' | 'ref'> & Omit<RPNInput.Props<typeof RPNInput.default>, 'onChange'> & VariantProps<typeof inputStyles> & {
-    onChange?: (value: RPNInput.Value) => void;
-    label?: string;
-    helperText?: string;
-    locale?: 'en' | 'es' | 'fr';
-    error?: string;
-    touched?: boolean;
-    searchPlaceholder?: string;
-    searchResultsNotFound?: string;
-};
-
-export declare const Popover: default_2.ForwardRefExoticComponent<IPopoverProps & default_2.RefAttributes<HTMLDivElement>>;
-
-declare type PopoverPlacement = Placement;
-
-declare type PopoverWidth = 'as-trigger' | 'auto';
-
-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.Element;
-
-declare const progressBarStyles: (props?: ({
-    intent?: "error" | "success" | "warning" | "primary" | "yellow" | "blue" | "violet" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-    rounded?: "default" | "full" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-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.Element;
-
-export declare const Slider: ({ id, name, value, range, snap, onChange, className, showValues, label, touched, error, disabled, }: SliderProps) => JSX.Element;
-
-declare interface SliderProps {
-    id?: string;
-    name?: string;
-    value?: number;
-    range?: {
-        min: number;
-        max: number;
-    };
-    snap?: boolean;
-    showValues?: boolean;
-    onChange?: (score: number) => void;
-    className?: string;
-    label?: string;
-    touched?: boolean;
-    error?: string;
-    disabled?: boolean;
-}
-
-export declare const Spinner: ({ className }: ISpinnerProps) => JSX.Element;
-
-export declare const Switch: ForwardRefExoticComponent<ISwitchProps & RefAttributes<HTMLButtonElement>>;
-
-declare const switchRootStyles: (props?: ({
-    switchSize?: "sm" | "md" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-declare type TablerIconName = keyof typeof TablerIcons;
-
-declare const Text_2: ({ as, intent, className, weight, htmlFor, ...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?: "light" | "regular" | "semibold" | "bold" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-declare interface ToastProps {
-    id: string;
-    title?: string;
-    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;
-};
-
-declare type ToastVariant = 'info' | 'success' | 'warning' | 'error' | 'neutral';
-
-export declare const Tooltip: {
-    ({ children, trigger, className, placement, iconName, arrow: isArrow, mobileModal, }: ITooltipProps): JSX.Element;
-    displayName: string;
-};
-
-export declare const useOutsideClick: ({ ref, handler }: OutsideClickHandlerProps) => void;
-
-export declare const useToast: () => (toast: Omit<ToastProps, "id">) => void;
-
-declare type WeekDay = 'MONDAY' | 'TUESDAY' | 'WEDNESDAY' | 'THURSDAY' | 'FRIDAY' | 'SATURDAY' | 'SUNDAY';
-
-export { }