triafly-ui-kit 1.0.3 → 1.0.4

package/dist/main.d.ts

@@ -1,26 +1,1181 @@
-export { Accordeon } from './components/Ui/Accordeon';
-export { Alert } from './components/Ui/Alert';
-export { Avatar } from './components/Ui/Avatar';
-export { Badge } from './components/Ui/Badge';
-export { Button } from './components/Ui/Button';
-export { Checkbox } from './components/Ui/Checkbox';
-export { CliTextareaInput } from './components/Ui/CliTextareaInput';
-export { CustomLink } from './components/Ui/CustomLink';
-export { DropdownInput } from './components/Ui/DropdownInput';
-export { DropdownMenu } from './components/Ui/DropdownMenu';
-export { FileUpload } from './components/Ui/FileUpload';
-export { Form, useForm } from './components/Ui/Form';
-export { Loader } from './components/Ui/Loader';
-export { Pagination } from './components/Ui/Pagination';
-export { Radio } from './components/Ui/Radio';
-export { SearchInput } from './components/Ui/SearchInput/SearchInput';
-export { Skeleton } from './components/Ui/Skeleton';
-export { Switch } from './components/Ui/Switch';
-export { Table } from './components/Ui/Table';
-export { TextInput } from './components/Ui/TextInput';
-export { TextareaInput } from './components/Ui/TextareaInput';
-export { Tooltip } from './components/Ui/Tooltip';
-export { Tree } from './components/Ui/Tree';
-export * from './components/Ui/Icons';
-export { ToastProvider } from './context/ToastContext';
-export { TriaflyContext, TriaflyProvider } from './context/TriaflyContext';
+import { Context } from 'react';
+import { default as default_2 } from 'react';
+import { FC } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+
+export declare const Accordeon: React.FC<AccordeonProps>;
+
+declare type AccordeonProps = {
+    title?: string;
+    content: React.ReactNode;
+    openTitle?: React.ReactNode;
+    closeTitle?: React.ReactNode;
+};
+
+export declare const Alert: React.FC<AlertProps>;
+
+declare type AlertProps = {
+    text: string;
+    icon?: React.ReactElement;
+    status: "success" | "error" | "warning";
+    isMultiline?: boolean;
+    isOpen?: boolean;
+};
+
+export declare const Avatar: React.FC<AvatarProps>;
+
+declare interface AvatarProps {
+    imageUrl?: string;
+    username: string;
+}
+
+export declare const Badge: default_2.FC<BadgeProps>;
+
+declare type BadgeProps = {
+    children: default_2.ReactNode;
+    variant?: "outline" | "solid" | "subtle";
+    status?: StatusType;
+    iconLeft?: default_2.ReactNode;
+    iconRight?: default_2.ReactNode;
+    isClickable?: boolean;
+    onClick?: () => void;
+    borderRadius?: string | number;
+};
+
+declare type BreakpointValuesTriafly<T> = {
+    base?: T;
+    sm?: T;
+    md?: T;
+    lg?: T;
+    xl?: T;
+};
+
+export declare const Button: default_2.FC<ButtonProps>;
+
+declare type ButtonProps = {
+    style?: default_2.CSSProperties;
+    label?: string;
+    onClick?: () => void;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    title?: string;
+    className?: string;
+    navigation?: string;
+    to?: string | number;
+    type: "button" | "submit" | "reset";
+    icon?: ReactElement;
+    iconTail?: ReactElement;
+};
+
+export declare const Checkbox: React.FC<CheckboxProps>;
+
+declare type CheckboxProps = {
+    label?: string;
+    isDisabled?: boolean;
+    isChecked?: boolean;
+    isIndeterminate?: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    name?: string;
+};
+
+declare type ClickBehavior = "toggle" | "show" | "hide";
+
+export declare const CliTextareaInput: ForwardRefExoticComponent<CliTextareaInputProps & RefAttributes<HTMLTextAreaElement>>;
+
+declare type CliTextareaInputProps = {
+    name?: string;
+    spellCheck?: boolean;
+    isDisabled?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>, element?: HistoryItem) => void;
+    onSubmit?: (text: string) => Promise<void>;
+    onError?: (error: Error) => void;
+    history?: HistoryItem[];
+    value?: string;
+    resize?: boolean;
+    format: EditorFormat;
+    numberColl?: boolean;
+    showPrompt?: boolean;
+};
+
+declare type Column<T extends object = Record<string, unknown>> = {
+    title: default_2.ReactNode;
+    dataIndex?: keyof T | string;
+    key: string;
+    align?: "left" | "center" | "right";
+    render?: (_: unknown, record: T) => default_2.ReactNode;
+    width?: number;
+    className?: string;
+    sorted?: boolean;
+};
+
+export declare const CustomLink: default_2.FC<LinkProps>;
+
+export declare const DropdownInput: default_2.FC<DropdownInputProps>;
+
+declare type DropdownInputProps = {
+    label?: string;
+    options: Option_2[];
+    value?: string | number;
+    onChange?: (value: string) => void;
+    name?: string;
+    placeholder?: string;
+    errorMessage?: string;
+    isDisabled?: boolean;
+    className?: string;
+};
+
+export declare const DropdownMenu: default_2.FC<DropdownMenuProps>;
+
+declare type DropdownMenuProps = {
+    content: MenuContent[];
+    horizontalPosition?: "left" | "center" | "right";
+    verticalPosition?: "top" | "bottom";
+    iconTrigger?: default_2.ReactNode | string;
+};
+
+declare type EditorFormat = "plain" | "json" | "yml" | "xml";
+
+declare type FieldPath = string | string[];
+
+export declare const FileUpload: default_2.ForwardRefExoticComponent<FileUploadProps & default_2.RefAttributes<FileUploadHandle>>;
+
+declare type FileUploadHandle = {
+    reset: () => void;
+    getFiles: () => File[];
+    getParsedData: () => unknown[][];
+};
+
+declare type FileUploadProps = {
+    acceptedFormats?: string[];
+    maxSize?: number;
+    multiple?: boolean;
+    onFilesChange?: (files: File[], parsedData?: unknown[][]) => void;
+    onError?: (error: string) => void;
+    onSuccess?: () => void;
+    parserCsv?: boolean;
+    sizeUnit?: SizeUnit;
+    onReset?: () => void;
+    visibilityFileUpload?: boolean;
+    onVisibilityChange?: (visible: boolean) => void;
+    value?: File[];
+    onChange?: (value: File[]) => void;
+    isDisabled?: boolean;
+    hasError?: boolean;
+    errorMessage?: string;
+    label?: string;
+    isNotDeleteElement?: boolean;
+};
+
+export declare const Form: FormComponent;
+
+declare interface FormComponent extends React.FC<FormProps> {
+    Item: typeof FormItem;
+}
+
+declare interface FormInstance {
+    /**
+     * Сбрасывает все значения формы и ошибки
+     * (возвращает форму в исходное состояние)
+     */
+    resetFields: () => void;
+    /**
+     * Устанавливает значения для нескольких полей формы сразу
+     * @param values - объект с новыми значениями {имяПоля: значение}
+     */
+    setFieldsValue: (values: Record<string, unknown>) => void;
+    /**
+     * Возвращает текущие значения всех полей формы
+     * @returns объект со значениями {имяПоля: значение}
+     */
+    getFieldsValue: () => Record<string, unknown>;
+    /**
+     * Устанавливает значение конкретного поля формы
+     * @param name - имя поля для обновления
+     * @param value - новое значение поля
+     */
+    setFieldValue: (name: FieldPath, value: unknown) => void;
+    /**
+     * Получает текущее значение конкретного поля
+     * @param name - имя поля
+     * @returns текущее значение поля
+     */
+    getFieldValue: (name: FieldPath) => unknown;
+    /**
+     * Отправляет форму (вызывает валидацию перед отправкой)
+     * @throws выбрасывает ошибку, если валидация не пройдена
+     */
+    submit: () => Promise<void>;
+    /**
+     * Валидирует указанные поля (или все поля, если не указаны)
+     * @param names - опциональный массив имен полей для валидации
+     * @returns Promise с текущими значениями формы при успешной валидации
+     * @throws выбрасывает ошибку с информацией о невалидных полях
+     */
+    validateFields: (names?: string[]) => Promise<Record<string, unknown>>;
+    /**
+     * Получает ошибки валидации для указанного поля
+     * @param name - имя поля
+     * @returns массив сообщений об ошибках или пустой массив, если ошибок нет
+     */
+    getFieldError: (name: FieldPath) => string[];
+    /**
+     * Устанавливает ошибки валидации для указанного поля
+     * @param name - имя поля
+     * @param errors - массив сообщений об ошибках
+     */
+    setFieldError: (name: FieldPath, errors: string[]) => void;
+    /**
+     * Получает правила валидации для указанного поля
+     * @param name - имя поля
+     * @returns массив правил валидации
+     */
+    getFieldRules: (name: FieldPath) => Rule[];
+    /**
+     * Устанавливает правила валидации для указанного поля
+     * @param name - имя поля
+     * @param rules - массив правил валидации
+     */
+    setFieldRules: (name: FieldPath, rules: Rule[]) => void;
+    /**
+     * Подписывает на изменения конкретного поля формы
+     * @param name - имя поля для подписки
+     * @param listener - функция-обработчик изменений
+     * @returns функция для отписки от изменений
+     */
+    subscribe: (name: FieldPath, listener: () => void) => () => void;
+    disabled?: boolean;
+}
+
+declare const FormItem: default_2.MemoExoticComponent<({ name, children, rules, label, isDisabled: itemDisabled, style, classNameItem, }: FormItemProps) => JSX_2.Element>;
+
+declare interface FormItemProps {
+    name: string | string[];
+    children: React.ReactElement;
+    rules?: Rule[];
+    label?: string;
+    isDisabled?: boolean;
+    style?: React.CSSProperties;
+    classNameItem?: string;
+}
+
+declare interface FormProps {
+    form?: FormInstance;
+    children: React.ReactNode;
+    onFinish?: (values: Record<string, unknown>) => void;
+    disabled?: boolean;
+}
+
+declare type HistoryItem = {
+    format: EditorFormat;
+    value: string;
+    label: string;
+    id: string;
+};
+
+export declare const IconArrowBendUpRight: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconArrowClockwise: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconArrowDown: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconArrowLeft: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconArrowLineDown: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconArrowLineLeft: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconArrowLineRight: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconArrowLineUp: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconArrowRight: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconArrowsOut: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconArrowUp: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconArticle: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconAt: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconBellSimple: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconBookOpenText: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconCalendarBlank: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconCaretDown: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconCaretLeft: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconCaretRight: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconCaretUp: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconCaretUpDown: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconChartPieSlice: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconChatText: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconCheck: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconCheckCircle: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconChecks: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconCircleNotch: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconCopy: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconCornersOut: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconCsv: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconCube: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconDatabase: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconDotsNine: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconDotsThreeVertical: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconExport: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconEye: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconEyeSlash: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconFile: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconFiles: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconFloppyDisk: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconFolderSimple: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconFolderSimpleX: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconFunnel: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconGauge: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconGear: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconGoogleDrive: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconHand: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconHeadCircuit: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconHouse: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconIcon: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconInfo: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconJoin: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconLanguage: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconLink: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconList: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconLock: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconLockOpen: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconMariaDB: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconMinus: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconMongoDB: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconMoon: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconMySQL: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconNavigationArrow: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconNotePencil: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconPassword: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconPen: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconPlay: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconPlugsX: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconPlus: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconPorsgteSQL: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconPresentationChart: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconQuestion: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconQuestionFullfilled: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconRedo: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconRoleX: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconSearch: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconSearchX: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconSelection: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconServer: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconSlidersHorizontal: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconSticker: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconSun: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconThreeDot: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconTrash: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconTriangleDown: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconTriangleUp: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconUndo: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconUploadSimple: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconUser: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconUserX: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconWarningCircle: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconWrench: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconX: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+export declare const IconYandexDisk: FC<    {
+size?: number;
+color?: string;
+className?: string;
+viewBox?: string;
+}>;
+
+declare type LinkProps = {
+    href: string;
+    children: default_2.ReactNode;
+    target?: string;
+    className?: string;
+    style?: default_2.CSSProperties;
+    onClick?: () => void;
+    ariaLabel?: string;
+    title?: string;
+    icon?: default_2.ReactNode;
+};
+
+export declare const Loader: React.FC<LoaderProps>;
+
+declare type LoaderProps = {
+    size?: number | undefined;
+    color?: string | undefined;
+    viewBox?: string | undefined;
+    className?: string;
+};
+
+declare type MenuContent = {
+    icon?: default_2.ReactNode;
+    title: string;
+    isDanger?: boolean;
+    onClick?: () => void;
+};
+
+declare type Option_2 = {
+    value: string;
+    label: string;
+};
+
+declare type Option_3 = {
+    value: string;
+    label: string;
+};
+
+export declare const Pagination: React.FC<PaginationProps>;
+
+declare type PaginationProps = {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+};
+
+export declare const Radio: React.FC<RadioProps>;
+
+declare type RadioProps = {
+    label?: string;
+    value?: string;
+    name?: string;
+    isChecked?: boolean;
+    isDisabled?: boolean;
+    radioId?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+};
+
+declare type Rule = {
+    required?: boolean;
+    message?: string;
+    pattern?: RegExp;
+    validator?: (value: unknown) => string | null;
+    min?: number;
+    max?: number;
+    type?: "email";
+};
+
+export declare const SearchInput: React.FC<SearchInputProps>;
+
+declare type SearchInputProps = {
+    name?: string;
+    label?: string;
+    type?: string;
+    placeholder?: string;
+    id?: string;
+    isDisabled?: boolean;
+    isClearable?: boolean;
+    hasError?: boolean;
+    errorMessage?: string;
+    isLoading?: boolean;
+    className?: string;
+    options?: Option_3[];
+    value?: string;
+    onChange?: (value: string) => void;
+};
+
+declare type SizeUnit = "B" | "KB" | "MB" | "GB";
+
+export declare const Skeleton: default_2.FC<SkeletonProps>;
+
+declare type SkeletonProps = {
+    width?: number | string;
+    height?: number | string;
+    borderRadius?: number | string;
+    circle?: boolean;
+    animated?: boolean;
+    className?: string;
+    style?: default_2.CSSProperties;
+};
+
+declare type StatusType = "default" | "success" | "warning" | "error" | "active" | "blocked" | "done" | "loading" | (string & {});
+
+export declare const Switch: default_2.FC<SwitchProps>;
+
+declare type SwitchProps = {
+    label?: string;
+    isDisabled?: boolean;
+    isChecked?: boolean;
+    onChange?: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
+    name?: string;
+};
+
+export declare const Table: <T extends object>(props: TablesProps<T>) => JSX.Element;
+
+declare type TablesProps<T extends object = Record<string, unknown>> = {
+    columns: Column<T>[];
+    dataSource: T[];
+    rowKey: keyof T | ((record: T) => string);
+    tableClassName?: string;
+    trTheadClassNames?: string;
+    thTheadClassNames?: string;
+    stickyHeader?: boolean;
+    stickyLeft?: boolean;
+    theadClassName?: string;
+    tbodyClassName?: string;
+    wrapperClassName?: string;
+    borderBottom?: boolean;
+    bordered?: boolean;
+    rowClassName?: (row: T, index: number) => string;
+    defaultSort?: {
+        key: string;
+        order: "asc" | "desc";
+    };
+    onClickTr?: (record: T) => void;
+    onClickTrHeader?: () => void;
+    loading?: boolean;
+};
+
+export declare const TextareaInput: ForwardRefExoticComponent<TextareaInputProps & RefAttributes<HTMLTextAreaElement>>;
+
+declare type TextareaInputProps = {
+    label?: string;
+    name?: string;
+    placeholder?: string;
+    errorMessage?: string;
+    hasError?: boolean;
+    isDisabled?: boolean;
+    charLimit?: number;
+    onChange?: (value: string) => void;
+    value?: string;
+    resize?: boolean;
+    isClearable?: boolean;
+    spellCheck?: boolean;
+};
+
+export declare const TextInput: default_2.ForwardRefExoticComponent<TextInputProps & default_2.RefAttributes<HTMLInputElement>>;
+
+declare type TextInputProps = {
+    label?: string;
+    className?: string;
+    placeholder?: string;
+    value?: string;
+    type?: string;
+    name?: string;
+    id?: string;
+    isDisabled?: boolean;
+    iconType?: "checkmark" | "search" | "password" | "email";
+    errorMessage?: string;
+    hasError?: boolean;
+    onChange?: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
+    isClearable?: boolean;
+    isLoading?: boolean;
+    onFocus?: default_2.FocusEventHandler<HTMLInputElement>;
+    onKeyDown?: default_2.KeyboardEventHandler<HTMLInputElement>;
+    onBlur?: default_2.FocusEventHandler<HTMLInputElement>;
+};
+
+declare type Theme = "light" | "dark";
+
+export declare const ToastProvider: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;
+
+export declare const Tooltip: default_2.FC<TooltipProps>;
+
+declare type TooltipPosition = "top" | "bottom" | "left" | "right";
+
+declare interface TooltipProps {
+    content: string;
+    children: default_2.ReactNode;
+    position?: TooltipPosition;
+    trigger?: "hover" | "click" | "mixed";
+    clickBehavior?: ClickBehavior;
+    className?: string;
+}
+
+export declare const Tree: <T extends TreeNodeBase>({ data, childrenKey, idKey, nameKey, typeKey, onSelect, defaultExpandedKeys, autoExpandParent, expandedKeys: externalExpandedKeys, onExpandedKeysChange, selectedKey: controlledSelectedKey, isFetching, isAllExpanded, wrapperTreeClassName, TreeItemClassName, TreeItemContentClassName, }: TreeProps<T>) => JSX.Element;
+
+declare type TreeNodeBase = Record<string, unknown>;
+
+declare type TreeProps<T extends TreeNodeBase> = {
+    data: T[];
+    childrenKey?: keyof T | string;
+    idKey?: keyof T | string;
+    nameKey?: keyof T | string;
+    typeKey?: keyof T | string;
+    onSelect?: (node: T) => void;
+    defaultExpandedKeys?: (string | number)[];
+    expandedKeys?: (string | number)[];
+    onExpandedKeysChange?: (keys: (string | number)[]) => void;
+    autoExpandParent?: boolean;
+    selectedKey?: string | number | null;
+    setSectedKey?: (value: string | number | null) => void;
+    isFetching?: boolean;
+    isAllExpanded?: boolean;
+    wrapperTreeClassName?: string;
+    TreeItemClassName?: string;
+    TreeItemContentClassName?: string;
+};
+
+export declare const TriaflyContext: Context<TriaflyContextType | undefined>;
+
+declare interface TriaflyContextType {
+    theme: Theme;
+    toggleTheme: () => void;
+    useBreakpointValueTriafly: <T>(values: BreakpointValuesTriafly<T>) => T;
+    useModalState: typeof useModalState;
+}
+
+export declare const TriaflyProvider: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;
+
+export declare function useForm(): [FormInstance];
+
+declare interface UseModalReturn {
+    isOpen: boolean;
+    onOpen: () => void;
+    onClose: () => void;
+}
+
+declare const useModalState: () => UseModalReturn;
+
+export { }