@martinsura/ui 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,1192 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as react from 'react';
+import { ComponentType, ReactElement, ReactNode } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as _tabler_icons_react from '@tabler/icons-react';
+
+declare const defaultIcons: {
+    readonly dots: react.ForwardRefExoticComponent<_tabler_icons_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly edit: react.ForwardRefExoticComponent<_tabler_icons_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly create: react.ForwardRefExoticComponent<_tabler_icons_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly delete: react.ForwardRefExoticComponent<_tabler_icons_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly remove: react.ForwardRefExoticComponent<_tabler_icons_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly excel: react.ForwardRefExoticComponent<_tabler_icons_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly file: react.ForwardRefExoticComponent<_tabler_icons_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly download: react.ForwardRefExoticComponent<_tabler_icons_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+};
+type UiDefaultIconType = keyof typeof defaultIcons;
+type UiIconType = UiDefaultIconType | (string & {});
+declare function registerIcons(icons: Record<string, ComponentType<IconProps>>): void;
+declare function getIcon(type: string): ComponentType<IconProps> | undefined;
+
+type ConfirmOptions = {
+    message: string;
+    confirmOk?: string;
+    confirmCancel?: string;
+    confirmColor?: "red" | "primary";
+};
+type PopconfirmProps = ConfirmOptions & {
+    children?: ReactElement;
+    onConfirm: () => void;
+    onCancel?: () => void;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    anchorRect?: DOMRect | null;
+    classNames?: {
+        trigger?: string;
+        overlay?: string;
+        panel?: string;
+        message?: string;
+        actions?: string;
+        cancelButton?: string;
+        confirmButton?: string;
+    };
+};
+declare const Popconfirm: ({ children, onConfirm, onCancel, open: controlledOpen, onOpenChange, anchorRect, classNames, ...confirm }: PopconfirmProps) => react_jsx_runtime.JSX.Element;
+
+type IconProps = {
+    size?: number;
+    strokeWidth?: number;
+    className?: string;
+};
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "primary" | "danger" | "success" | "ghost" | null | undefined;
+    size?: "small" | "middle" | "large" | null | undefined;
+    block?: boolean | null | undefined;
+    shape?: "circle" | "default" | "round" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ButtonVariant = NonNullable<VariantProps<typeof buttonVariants>["variant"]>;
+type ButtonSize = NonNullable<VariantProps<typeof buttonVariants>["size"]>;
+type ButtonProps = {
+    text?: string;
+    children?: ReactNode;
+    onClick?: () => void;
+    loading?: boolean;
+    disabled?: boolean;
+    variant?: ButtonVariant;
+    className?: string;
+    htmlType?: "button" | "submit" | "reset";
+    icon?: ComponentType<IconProps>;
+    iconType?: UiIconType;
+    iconPosition?: "left" | "right";
+    block?: boolean;
+    size?: ButtonSize;
+    iconSize?: number;
+    confirm?: ConfirmOptions;
+    shape?: "default" | "circle" | "round";
+    classNames?: {
+        icon?: string;
+        content?: string;
+        spinner?: string;
+    };
+};
+declare const Button: ({ variant, size, shape, block, iconPosition, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
+
+type InputFieldProps = {
+    children: ReactNode;
+    noMargin?: boolean;
+    className?: string;
+};
+declare const InputField: ({ noMargin, className, children }: InputFieldProps) => react_jsx_runtime.JSX.Element;
+
+type InputLabelProps = {
+    label: string;
+    required?: boolean;
+    className?: string;
+    requiredMarkClassName?: string;
+};
+declare const InputLabel: ({ label, required, className, requiredMarkClassName }: InputLabelProps) => react_jsx_runtime.JSX.Element;
+
+type InputErrorProps = {
+    error: string;
+    className?: string;
+};
+declare const InputError: ({ error, className }: InputErrorProps) => react_jsx_runtime.JSX.Element;
+
+type ServerErrorValue = {
+    title: string;
+    detail?: string;
+} | null | undefined;
+type ErrorProviderProps = {
+    resolveInputError: (name: string) => string[];
+    resolveServerError: () => ServerErrorValue;
+    children: ReactNode;
+};
+declare const ErrorProvider: ({ resolveInputError, resolveServerError, children }: ErrorProviderProps) => react_jsx_runtime.JSX.Element;
+
+type TextInputProps = {
+    label?: string;
+    placeholder?: string;
+    value?: string | null;
+    onChange?: (value: string) => void;
+    required?: boolean;
+    disabled?: boolean;
+    password?: boolean;
+    newPassword?: boolean;
+    className?: string;
+    error?: ReactNode;
+    customError?: ReactNode;
+    errorName?: string;
+    noMargin?: boolean;
+    size?: "small" | "middle" | "large";
+    classNames?: {
+        label?: string;
+        requiredMark?: string;
+        inputWrapper?: string;
+        input?: string;
+        passwordToggle?: string;
+        error?: string;
+    };
+};
+declare const TextInput: ({ size, password, newPassword, ...props }: TextInputProps) => react_jsx_runtime.JSX.Element;
+
+type NumberInputProps = {
+    label?: string;
+    placeholder?: string;
+    value?: number | null;
+    onChange?: (value: number | null) => void;
+    required?: boolean;
+    disabled?: boolean;
+    min?: number;
+    max?: number;
+    className?: string;
+    error?: ReactNode;
+    customError?: ReactNode;
+    errorName?: string;
+    noMargin?: boolean;
+    size?: "small" | "middle" | "large";
+    classNames?: {
+        label?: string;
+        requiredMark?: string;
+        input?: string;
+        error?: string;
+    };
+};
+declare const NumberInput: ({ size, ...props }: NumberInputProps) => react_jsx_runtime.JSX.Element;
+
+type CheckboxInputProps = {
+    label?: string;
+    value?: boolean | null;
+    onChange?: (value: boolean) => void;
+    disabled?: boolean;
+    className?: string;
+    error?: ReactNode;
+    customError?: ReactNode;
+    errorName?: string;
+    noMargin?: boolean;
+    classNames?: {
+        label?: string;
+        control?: string;
+        indicator?: string;
+        text?: string;
+        error?: string;
+    };
+};
+declare const CheckboxInput: ({ value, ...props }: CheckboxInputProps) => react_jsx_runtime.JSX.Element;
+
+type SwitchInputProps = {
+    label?: string;
+    value?: boolean | null;
+    onChange?: (value: boolean) => void;
+    disabled?: boolean;
+    className?: string;
+    error?: ReactNode;
+    customError?: ReactNode;
+    errorName?: string;
+    noMargin?: boolean;
+    checkedLabel?: ReactNode;
+    uncheckedLabel?: ReactNode;
+    size?: "small" | "middle";
+    classNames?: {
+        label?: string;
+        track?: string;
+        thumb?: string;
+        text?: string;
+        error?: string;
+    };
+};
+declare const SwitchInput: ({ value, size, ...props }: SwitchInputProps) => react_jsx_runtime.JSX.Element;
+
+type ColorInputProps = {
+    label?: string;
+    placeholder?: string;
+    value?: string | null;
+    onChange?: (value: string | null) => void;
+    required?: boolean;
+    disabled?: boolean;
+    className?: string;
+    error?: ReactNode;
+    customError?: ReactNode;
+    errorName?: string;
+    noMargin?: boolean;
+    size?: "small" | "middle" | "large";
+    presets?: string[];
+    allowClear?: boolean;
+    variant?: "default" | "picker";
+    showAlpha?: boolean;
+    classNames?: {
+        label?: string;
+        requiredMark?: string;
+        trigger?: string;
+        swatch?: string;
+        value?: string;
+        clearButton?: string;
+        icon?: string;
+        panel?: string;
+        saturation?: string;
+        hueSlider?: string;
+        alphaSlider?: string;
+        hexRow?: string;
+        hexInput?: string;
+        preview?: string;
+        presets?: string;
+        presetButton?: string;
+        error?: string;
+    };
+};
+declare const ColorInput: ({ size, placeholder, presets, allowClear, variant, showAlpha, ...props }: ColorInputProps) => react_jsx_runtime.JSX.Element;
+
+type TableSize = "small" | "middle" | "large";
+type ColumnType = "date" | "datetime" | "yes/no" | "boolean" | "dot";
+type TableColumn<T> = {
+    title?: string;
+    dataField?: keyof T;
+    type?: ColumnType;
+    align?: "left" | "center" | "right";
+    width?: number | string;
+    wrap?: boolean;
+    render?: (item: T) => ReactNode;
+    sortBy?: never;
+};
+type TableProps<T> = {
+    items: T[];
+    columns: TableColumn<T>[];
+    loading?: boolean;
+    emptyText?: string;
+    rowKey?: keyof T;
+    size?: TableSize;
+    onRowClick?: (item: T) => void;
+    verticalBorders?: boolean;
+    className?: string;
+    classNames?: {
+        overlay?: string;
+        table?: string;
+        headerRow?: string;
+        headerCell?: string;
+        bodyRow?: string;
+        bodyCell?: string;
+        emptyCell?: string;
+    };
+};
+declare const Table: <T extends object>({ loading, emptyText, size, verticalBorders, ...props }: TableProps<T>) => react_jsx_runtime.JSX.Element;
+
+declare const SortDirection: {
+    readonly Asc: "Asc";
+    readonly Desc: "Desc";
+};
+type SortDirection = typeof SortDirection[keyof typeof SortDirection];
+type GridApiQuery<TSortField, TFilter extends object> = {
+    pageNumber: number;
+    pageSize: number;
+    sortBy?: TSortField;
+    direction?: SortDirection;
+} & TFilter;
+type GridState<TSortField = never, TFilter extends object = Record<string, never>> = {
+    pageNumber: number;
+    pageSize: number;
+    sortBy?: TSortField;
+    direction?: SortDirection;
+    filter: TFilter;
+};
+type GridHandle<TSortField = never, TFilter extends object = Record<string, never>> = GridState<TSortField, TFilter> & {
+    onChange: (changes: Partial<GridState<TSortField, TFilter>>) => void;
+    apiQuery: GridApiQuery<TSortField, TFilter>;
+};
+declare function useGrid<TSortField = never, TFilter extends object = Record<string, never>>(defaults?: Partial<GridState<TSortField, TFilter>>, storageKey?: string): GridHandle<TSortField, TFilter>;
+
+type GridColumn<T, TSortField = never> = {
+    title?: string;
+    dataField?: keyof T;
+    sortBy?: TSortField;
+    type?: ColumnType;
+    align?: "left" | "center" | "right";
+    width?: number | string;
+    wrap?: boolean;
+    render?: (item: T) => ReactNode;
+};
+type GridSelection<T> = {
+    selectedItems: T[];
+    onChange: (items: T[]) => void;
+};
+type GridProps<T, TSortField = never, TFilter extends object = Record<string, never>> = {
+    items: T[];
+    totalCount: number;
+    loading: boolean;
+    columns: GridColumn<T, TSortField>[];
+    grid: GridHandle<TSortField, TFilter>;
+    rowKey?: keyof T;
+    emptyText?: string;
+    size?: TableSize;
+    selection?: GridSelection<T>;
+    onRowClick?: (item: T) => void;
+    verticalBorders?: boolean;
+    showPageNumberChanger?: boolean;
+    showPageSizeChanger?: boolean;
+    className?: string;
+    classNames?: {
+        overlay?: string;
+        table?: string;
+        headerRow?: string;
+        headerCell?: string;
+        bodyRow?: string;
+        bodyCell?: string;
+        emptyCell?: string;
+        loadingCell?: string;
+        pagination?: {
+            root?: string;
+            summary?: string;
+            controls?: string;
+            pageSizeSelect?: string;
+            button?: string;
+            activeButton?: string;
+        };
+    };
+};
+declare const Grid: <T extends object, TSortField = never, TFilter extends object = Record<string, never>>(props: GridProps<T, TSortField, TFilter>) => react_jsx_runtime.JSX.Element;
+
+type FilterDescriptor<TFilter extends object> = {
+    label: string;
+    keys: (keyof TFilter)[];
+    formatValue?: (filter: TFilter) => string | null | undefined;
+};
+type GridFiltersProps<TFilter extends object> = {
+    grid: GridHandle<any, TFilter>;
+    children: ReactNode;
+    descriptors?: FilterDescriptor<TFilter>[];
+    className?: string;
+    classNames?: {
+        inputs?: string;
+        activeFilters?: string;
+        chip?: string;
+        chipRemove?: string;
+        clearAll?: string;
+    };
+};
+declare const GridFilters: <TFilter extends object>(props: GridFiltersProps<TFilter>) => react_jsx_runtime.JSX.Element;
+
+type FilterTextInputProps<TFilter extends object> = {
+    grid: GridHandle<any, TFilter>;
+    filterKey: keyof TFilter;
+    placeholder?: string;
+    label?: string;
+    debounce?: number;
+};
+declare const FilterTextInput: <TFilter extends object>({ debounce, ...props }: FilterTextInputProps<TFilter>) => react_jsx_runtime.JSX.Element;
+
+type FilterNumberInputProps<TFilter extends object> = {
+    grid: GridHandle<any, TFilter>;
+    filterKey: keyof TFilter;
+    placeholder?: string;
+    label?: string;
+    debounce?: number;
+    min?: number;
+    max?: number;
+};
+declare const FilterNumberInput: <TFilter extends object>({ debounce, ...props }: FilterNumberInputProps<TFilter>) => react_jsx_runtime.JSX.Element;
+
+type FilterCheckboxInputProps<TFilter extends object> = {
+    grid: GridHandle<any, TFilter>;
+    filterKey: keyof TFilter;
+    label?: string;
+};
+declare const FilterCheckboxInput: <TFilter extends object>(props: FilterCheckboxInputProps<TFilter>) => react_jsx_runtime.JSX.Element;
+
+type DefaultVK$3<T extends object> = "value" extends keyof T ? "value" : string & keyof T;
+type FilterSelectInputProps<TFilter extends object, TOption extends object, VK extends string & keyof TOption = DefaultVK$3<TOption>> = {
+    grid: GridHandle<any, TFilter>;
+    filterKey: keyof TFilter;
+    options?: TOption[];
+    labelKey?: keyof TOption & string;
+    valueKey?: VK;
+    placeholder?: string;
+    label?: string;
+};
+declare const FilterSelectInput: <TFilter extends object, TOption extends object, VK extends string & keyof TOption = DefaultVK$3<TOption>>(props: FilterSelectInputProps<TFilter, TOption, VK>) => react_jsx_runtime.JSX.Element;
+
+type FilterDateInputProps<TFilter extends object> = {
+    grid: GridHandle<any, TFilter>;
+    filterKey: keyof TFilter;
+    placeholder?: string;
+    label?: string;
+    showTime?: boolean;
+};
+declare const FilterDateInput: <TFilter extends object>(props: FilterDateInputProps<TFilter>) => react_jsx_runtime.JSX.Element;
+
+type DefaultVK$2<T extends object> = "value" extends keyof T ? Extract<"value", string & keyof T> : string & keyof T;
+type FilterSelectGroupItem<TFilter extends object, TOption extends object, VK extends string & keyof TOption = DefaultVK$2<TOption>> = {
+    label: string;
+    filterKey: keyof TFilter;
+    options?: TOption[];
+    placeholder?: string;
+    labelKey?: keyof TOption & string;
+    valueKey?: VK;
+};
+type FilterSelectGroupPopoverProps<TFilter extends object, TOption extends object, VK extends string & keyof TOption = DefaultVK$2<TOption>> = {
+    grid: GridHandle<any, TFilter>;
+    groups: FilterSelectGroupItem<TFilter, TOption, VK>[];
+    label?: string;
+    icon?: ComponentType<IconProps>;
+    className?: string;
+    block?: boolean;
+};
+declare const FilterSelectGroupPopover: <TFilter extends object, TOption extends object, VK extends string & keyof TOption = DefaultVK$2<TOption>>(props: FilterSelectGroupPopoverProps<TFilter, TOption, VK>) => react_jsx_runtime.JSX.Element;
+
+type FilterDateRangeGroup<TFilter extends object> = {
+    label: string;
+    fromKey: keyof TFilter;
+    toKey: keyof TFilter;
+};
+type FilterDateRangePopoverProps<TFilter extends object> = {
+    grid: GridHandle<any, TFilter>;
+    groups: FilterDateRangeGroup<TFilter>[];
+    label?: string;
+    className?: string;
+    block?: boolean;
+};
+declare const FilterDateRangePopover: <TFilter extends object>(props: FilterDateRangePopoverProps<TFilter>) => react_jsx_runtime.JSX.Element;
+
+type DrawerPlacement = "top" | "bottom" | "left" | "right";
+type DrawerProps = {
+    isOpen: boolean;
+    onClose: (saved: boolean) => void;
+    children: ReactNode;
+    placement?: DrawerPlacement;
+    className?: string;
+    classNames?: {
+        overlay?: string;
+        panel?: string;
+        header?: string;
+        title?: string;
+        closeButton?: string;
+        body?: string;
+        loading?: string;
+        footer?: string;
+    };
+};
+declare const Drawer: ({ placement, ...props }: DrawerProps) => react.ReactPortal | null;
+
+type DrawerTitleProps = {
+    children: ReactNode;
+};
+declare const DrawerTitle: ({ children }: DrawerTitleProps) => null;
+
+type DrawerFooterProps = {
+    children: ReactNode;
+    align?: "left" | "center" | "right";
+};
+declare const DrawerFooter: ({ children, align }: DrawerFooterProps) => null;
+
+type DrawerContentProps = {
+    children: ReactNode;
+    loading?: boolean;
+};
+declare const DrawerContent: ({ loading, children }: DrawerContentProps) => react_jsx_runtime.JSX.Element;
+
+type DrawerContextValue = {
+    close: () => void;
+    saveAndClose: (message?: string) => void;
+    setTitle: (title: string) => void;
+    setFooter: (footer: ReactNode) => void;
+    setLoading: (loading: boolean) => void;
+};
+declare function useDrawer(): DrawerContextValue;
+
+type PanelProps = {
+    title?: string;
+    children?: ReactNode;
+    footer?: ReactNode;
+    className?: string;
+    variant?: "outlined" | "borderless";
+    inner?: boolean;
+    headerExtra?: ReactNode;
+    showServerError?: boolean;
+    classNames?: {
+        header?: string;
+        title?: string;
+        headerExtra?: string;
+        body?: string;
+        footer?: string;
+        serverError?: string;
+    };
+};
+declare const Panel: ({ variant, inner, ...props }: PanelProps) => react_jsx_runtime.JSX.Element;
+
+type TabOption<T extends string = string> = {
+    label: React.ReactNode;
+    value: T;
+};
+type TabsProps<T extends string = string> = {
+    options: TabOption<T>[];
+    value: T;
+    onChange: (value: T) => void;
+    block?: boolean;
+    className?: string;
+    classNames?: {
+        list?: string;
+        tab?: string;
+        activeTab?: string;
+        inactiveTab?: string;
+    };
+};
+declare const Tabs: <T extends string = string>({ block, ...props }: TabsProps<T>) => react_jsx_runtime.JSX.Element;
+
+type TagColor = "geekblue" | "blue" | "green" | "cyan" | "red" | "volcano" | "orange" | "gold" | "purple" | "magenta" | "gray" | "default";
+type TagVariant = "outlined" | "filled";
+type TagProps = {
+    children: ReactNode;
+    color?: TagColor;
+    variant?: TagVariant;
+    className?: string;
+    contentClassName?: string;
+};
+declare const Tag: ({ color, variant, ...props }: TagProps) => react_jsx_runtime.JSX.Element;
+type ActiveTagProps = {
+    value: boolean;
+    trueLabel?: string;
+    falseLabel?: string;
+};
+declare const ActiveTag: ({ value, trueLabel, falseLabel, }: ActiveTagProps) => react_jsx_runtime.JSX.Element;
+type FlagTagProps = {
+    value: boolean;
+    label: string;
+    color?: TagColor;
+    variant?: TagVariant;
+};
+declare const FlagTag: ({ value, label, color, variant }: FlagTagProps) => react_jsx_runtime.JSX.Element | null;
+
+type BadgeProps = {
+    count?: number;
+    children?: ReactNode;
+    showZero?: boolean;
+    size?: "default" | "small";
+    className?: string;
+    classNames?: {
+        badge?: string;
+    };
+};
+declare const Badge: ({ count, size, showZero, ...props }: BadgeProps) => react_jsx_runtime.JSX.Element;
+
+declare const sizeClasses: {
+    readonly xs: "w-6 h-6 text-[10px]";
+    readonly sm: "w-7 h-7 text-xs";
+    readonly md: "w-8 h-8 text-sm";
+    readonly lg: "w-10 h-10 text-base";
+    readonly xl: "w-12 h-12 text-lg";
+};
+type AvatarSize = keyof typeof sizeClasses;
+type AvatarProps = {
+    name?: string;
+    src?: string;
+    size?: AvatarSize;
+    color?: string;
+    className?: string;
+    initialsClassName?: string;
+};
+declare const Avatar: ({ size, ...props }: AvatarProps) => react_jsx_runtime.JSX.Element;
+
+type DateInputProps = {
+    label?: string;
+    placeholder?: string;
+    value?: Date | null;
+    onChange?: (value: Date | null) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    isDateDisabled?: (date: Date) => boolean;
+    required?: boolean;
+    disabled?: boolean;
+    className?: string;
+    error?: ReactNode;
+    customError?: ReactNode;
+    errorName?: string;
+    noMargin?: boolean;
+    size?: "small" | "middle" | "large";
+    showTime?: boolean;
+    classNames?: {
+        label?: string;
+        requiredMark?: string;
+        trigger?: string;
+        value?: string;
+        clearButton?: string;
+        icon?: string;
+        error?: string;
+    };
+};
+declare const DateInput: ({ size, showTime, ...props }: DateInputProps) => react_jsx_runtime.JSX.Element;
+
+type ToolbarAction = "bold" | "italic" | "underline" | "bullet" | "numbered" | "link" | "unlink" | "clear";
+type HtmlInputProps = {
+    label?: string;
+    placeholder?: string;
+    value?: string | null;
+    onChange?: (value: string) => void;
+    required?: boolean;
+    disabled?: boolean;
+    className?: string;
+    error?: ReactNode;
+    customError?: ReactNode;
+    errorName?: string;
+    noMargin?: boolean;
+    minHeight?: number;
+    toolbar?: ToolbarAction[];
+    classNames?: {
+        label?: string;
+        requiredMark?: string;
+        shell?: string;
+        toolbar?: string;
+        toolbarButton?: string;
+        placeholder?: string;
+        editor?: string;
+        error?: string;
+    };
+};
+declare const HtmlInput: ({ placeholder, value, disabled, minHeight, toolbar, ...props }: HtmlInputProps) => react_jsx_runtime.JSX.Element;
+
+type UploadStatus = "idle" | "uploading" | "uploaded" | "error";
+type UploadItem<TMeta = unknown> = {
+    id: string;
+    name: string;
+    size?: number;
+    mimeType?: string;
+    url?: string;
+    status: UploadStatus;
+    progress?: number;
+    error?: string;
+    file?: File;
+    meta?: TMeta;
+};
+type UploadConfig<TMeta = unknown> = {
+    uploadFile: (file: File) => Promise<UploadItem<TMeta>>;
+    onRemoveClick?: (item: UploadItem<TMeta>) => Promise<void> | void;
+    removeFile?: (item: UploadItem<TMeta>) => Promise<void> | void;
+    downloadFile?: (item: UploadItem<TMeta>) => Promise<void> | void;
+};
+type UploadProviderProps = {
+    config: UploadConfig<any>;
+    children: ReactNode;
+};
+declare const UploadProvider: ({ config, children }: UploadProviderProps) => react_jsx_runtime.JSX.Element;
+declare function useUploadConfig<TMeta = unknown>(): UploadConfig<TMeta> | null;
+
+type UploadInputProps<TMeta = unknown> = {
+    value?: UploadItem<TMeta>[];
+    defaultValue?: UploadItem<TMeta>[];
+    onChange?: (items: UploadItem<TMeta>[]) => void;
+    label?: string;
+    required?: boolean;
+    disabled?: boolean;
+    className?: string;
+    error?: ReactNode;
+    customError?: ReactNode;
+    errorName?: string;
+    noMargin?: boolean;
+    multiple?: boolean;
+    accept?: string;
+    maxFiles?: number;
+    placeholder?: string;
+    browseText?: string;
+    autoUpload?: boolean;
+    variant?: "dropzone" | "button";
+    renderTrigger?: (api: {
+        open: () => void;
+        disabled: boolean;
+        dragActive: boolean;
+        itemCount: number;
+        remainingSlots?: number;
+    }) => ReactNode;
+    texts?: Partial<{
+        placeholder: string;
+        helperSingle: string;
+        helperMultiple: string;
+        browseButton: string;
+    }>;
+    onUpload?: UploadConfig<TMeta>["uploadFile"];
+    onRemoveClick?: UploadConfig<TMeta>["onRemoveClick"];
+    onRemove?: UploadConfig<TMeta>["removeFile"];
+    onDownload?: UploadConfig<TMeta>["downloadFile"];
+    classNames?: {
+        label?: string;
+        requiredMark?: string;
+        trigger?: string;
+        dropzone?: string;
+        fileList?: string;
+        fileItem?: string;
+        fileIcon?: string;
+        fileName?: string;
+        fileMeta?: string;
+        fileActions?: string;
+        downloadButton?: string;
+        removeButton?: string;
+        error?: string;
+    };
+};
+declare const UploadInput: <TMeta = unknown>({ defaultValue, multiple, autoUpload, variant, placeholder, browseText, ...props }: UploadInputProps<TMeta>) => react_jsx_runtime.JSX.Element;
+
+type DefaultVK$1<T extends object> = "value" extends keyof T ? Extract<"value", string & keyof T> : string & keyof T;
+type SelectInputProps<T extends object, VK extends string & keyof T = DefaultVK$1<T>> = {
+    options?: T[] | null;
+    loading?: boolean;
+    labelKey?: keyof T & string;
+    valueKey?: VK;
+    label?: string;
+    placeholder?: string;
+    value?: T[VK] | null;
+    onChange?: (value: T[VK] | null) => void;
+    required?: boolean;
+    disabled?: boolean;
+    className?: string;
+    error?: ReactNode;
+    customError?: ReactNode;
+    errorName?: string;
+    noMargin?: boolean;
+    size?: "small" | "middle" | "large";
+    allowClear?: boolean;
+    showSearch?: boolean;
+    treatZeroAsEmpty?: boolean;
+    classNames?: {
+        label?: string;
+        requiredMark?: string;
+        trigger?: string;
+        value?: string;
+        clearButton?: string;
+        icon?: string;
+        error?: string;
+    };
+};
+declare const SelectInput: <T extends object, VK extends string & keyof T = DefaultVK$1<T>>({ options, labelKey, valueKey, size, showSearch, ...props }: SelectInputProps<T, VK>) => react_jsx_runtime.JSX.Element;
+
+type DefaultVK<T extends object> = "value" extends keyof T ? Extract<"value", string & keyof T> : string & keyof T;
+type MultiSelectInputProps<T extends object, VK extends string & keyof T = DefaultVK<T>> = {
+    options?: T[] | null;
+    loading?: boolean;
+    labelKey?: keyof T & string;
+    valueKey?: VK;
+    label?: string;
+    placeholder?: string;
+    value?: T[VK][] | null;
+    onChange?: (value: T[VK][]) => void;
+    required?: boolean;
+    disabled?: boolean;
+    className?: string;
+    error?: ReactNode;
+    customError?: ReactNode;
+    errorName?: string;
+    noMargin?: boolean;
+    size?: "small" | "middle" | "large";
+    allowClear?: boolean;
+    showSearch?: boolean;
+    maxTagsVisible?: number;
+    classNames?: {
+        label?: string;
+        requiredMark?: string;
+        trigger?: string;
+        tags?: string;
+        tag?: string;
+        tagRemove?: string;
+        overflowTag?: string;
+        placeholder?: string;
+        icon?: string;
+        error?: string;
+    };
+};
+declare const MultiSelectInput: <T extends object, VK extends string & keyof T = DefaultVK<T>>({ options, labelKey, valueKey, size, showSearch, maxTagsVisible, ...props }: MultiSelectInputProps<T, VK>) => react_jsx_runtime.JSX.Element;
+
+type AlertType = "success" | "error" | "warning" | "info";
+type AlertProps = {
+    type?: AlertType;
+    message: string;
+    description?: string;
+    closable?: boolean;
+    className?: string;
+    classNames?: {
+        icon?: string;
+        content?: string;
+        message?: string;
+        description?: string;
+        closeButton?: string;
+    };
+};
+declare const Alert: ({ type, message, description, closable, className, classNames }: AlertProps) => react_jsx_runtime.JSX.Element | null;
+
+declare const ServerError: ({ className }: {
+    className?: string;
+}) => react_jsx_runtime.JSX.Element | null;
+
+type NotificationType = "success" | "error" | "warning" | "info";
+type NotificationOptions = {
+    description?: string;
+    duration?: number;
+};
+declare const notification: {
+    success: (message: string, options?: NotificationOptions) => void | undefined;
+    error: (message: string, options?: NotificationOptions) => void | undefined;
+    warning: (message: string, options?: NotificationOptions) => void | undefined;
+    info: (message: string, options?: NotificationOptions) => void | undefined;
+};
+declare const NotificationProvider: ({ children }: {
+    children: React.ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const useNotification: () => {
+    success: (message: string, options?: NotificationOptions) => void;
+    error: (message: string, options?: NotificationOptions) => void;
+    warning: (message: string, options?: NotificationOptions) => void;
+    info: (message: string, options?: NotificationOptions) => void;
+};
+
+type EmptyProps = {
+    text?: string;
+    description?: string;
+    icon?: React.FC<{
+        size?: number | string;
+        strokeWidth?: number;
+        className?: string;
+    }>;
+    className?: string;
+    size?: "default" | "compact";
+};
+declare const Empty: ({ text, description, icon: Icon, className, size, }: EmptyProps) => react_jsx_runtime.JSX.Element;
+
+type PrettyProps = {
+    data: unknown;
+    className?: string;
+};
+declare const Pretty: ({ data, className }: PrettyProps) => react_jsx_runtime.JSX.Element;
+
+type SkeletonProps = {
+    active?: boolean;
+    title?: boolean;
+    paragraph?: {
+        rows?: number;
+    };
+    className?: string;
+};
+declare const Skeleton: ({ active, title, paragraph, className, }: SkeletonProps) => react_jsx_runtime.JSX.Element;
+
+type DropdownDivider = {
+    divider: true;
+    visible?: boolean;
+};
+type DropdownAction = {
+    divider?: false;
+    label: ReactNode;
+    custom?: boolean;
+    icon?: ComponentType<IconProps>;
+    iconType?: UiIconType;
+    color?: string;
+    disabled?: boolean;
+    visible?: boolean;
+    closeOnSelect?: boolean;
+    onSelect?: () => void;
+    confirm?: ConfirmOptions;
+    className?: string;
+};
+type DropdownOption = DropdownDivider | DropdownAction;
+type DropdownPlacement = "auto" | "bottom-start" | "bottom-end";
+type DropdownProps = {
+    children: ReactNode;
+    options?: DropdownOption[];
+    content?: ReactNode | ((api: {
+        close: () => void;
+    }) => ReactNode);
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: DropdownPlacement;
+    panelClassName?: string;
+    className?: string;
+    matchTriggerWidth?: boolean;
+    classNames?: {
+        trigger?: string;
+        panel?: string;
+        divider?: string;
+        option?: string;
+        optionIcon?: string;
+        optionLabel?: string;
+        content?: string;
+    };
+};
+declare const Dropdown: ({ children, options, content, open: controlledOpen, onOpenChange, placement, panelClassName, className, matchTriggerWidth, classNames, }: DropdownProps) => react_jsx_runtime.JSX.Element;
+
+type TooltipPlacement = "top" | "bottom" | "left" | "right";
+type TooltipProps = {
+    title?: ReactNode;
+    children: ReactNode;
+    placement?: TooltipPlacement;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    maxWidth?: number;
+    className?: string;
+    contentClassName?: string;
+    arrow?: boolean;
+    classNames?: {
+        trigger?: string;
+        panel?: string;
+        arrow?: string;
+    };
+};
+declare const Tooltip: ({ title, children, placement, open: controlledOpen, onOpenChange, maxWidth, className, contentClassName, arrow, classNames, }: TooltipProps) => react_jsx_runtime.JSX.Element;
+
+declare const uiTheme: {
+    colors: {
+        primary: {
+            bg: string;
+            hover: string;
+            text: string;
+        };
+        danger: {
+            bg: string;
+            hover: string;
+            text: string;
+        };
+        success: {
+            bg: string;
+            hover: string;
+            text: string;
+        };
+        warning: {
+            bg: string;
+            hover: string;
+            text: string;
+        };
+        info: {
+            bg: string;
+            hover: string;
+            text: string;
+        };
+    };
+    size: {
+        small: {
+            height: string;
+            px: string;
+            text: string;
+            radius: string;
+        };
+        middle: {
+            height: string;
+            px: string;
+            text: string;
+            radius: string;
+        };
+        large: {
+            height: string;
+            px: string;
+            text: string;
+            radius: string;
+        };
+    };
+    radius: {
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+    border: {
+        color: string;
+        input: string;
+        focus: string;
+        width: string;
+    };
+    shadow: {
+        sm: string;
+        md: string;
+    };
+    font: {
+        family: string;
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
+        };
+    };
+    gray: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    layout: {
+        panel: {
+            headerHeight: string;
+            headerPx: string;
+            bodyPadding: string;
+            footerPx: string;
+            footerPy: string;
+        };
+        drawer: {
+            headerHeight: string;
+            headerPx: string;
+            bodyPadding: string;
+            footerPx: string;
+            footerPy: string;
+        };
+        popup: {
+            panelPadding: string;
+            compactPaddingX: string;
+            compactPaddingY: string;
+            compactGap: string;
+            text: string;
+        };
+        table: {
+            small: {
+                cellPx: string;
+                thPy: string;
+                tdPy: string;
+                emptyPy: string;
+            };
+            middle: {
+                cellPx: string;
+                thPy: string;
+                tdPy: string;
+                emptyPy: string;
+            };
+            large: {
+                cellPx: string;
+                thPy: string;
+                tdPy: string;
+                emptyPy: string;
+            };
+        };
+        empty: {
+            defaultPy: string;
+            compactPy: string;
+            defaultIconBox: string;
+            compactIconBox: string;
+            defaultIcon: string;
+            compactIcon: string;
+            compactText: string;
+            compactDescription: string;
+        };
+    };
+};
+type UiColor = keyof typeof uiTheme.colors | string;
+type UiSize = keyof typeof uiTheme.size;
+
+type SpinnerColor = "primary" | "danger" | "success" | "warning" | "info" | "current";
+type SpinnerSize = UiSize | number;
+type SpinnerProps = {
+    size?: SpinnerSize;
+    color?: SpinnerColor;
+    label?: string;
+    center?: boolean;
+    className?: string;
+};
+declare const Spinner: ({ size, color, label, center, className, }: SpinnerProps) => react_jsx_runtime.JSX.Element;
+
+type ColorConfig = {
+    bg: string;
+    hover: string;
+    text: string;
+};
+type BorderConfig = {
+    color?: string;
+    input?: string;
+    focus?: string;
+    width?: string;
+};
+type SizeConfig = {
+    height?: string;
+    px?: string;
+    text?: string;
+};
+type RadiusConfig = {
+    sm?: string;
+    md?: string;
+    lg?: string;
+};
+type GrayConfig = {
+    50?: string;
+    100?: string;
+    200?: string;
+    300?: string;
+    400?: string;
+    500?: string;
+    600?: string;
+    700?: string;
+    800?: string;
+    900?: string;
+};
+type LayoutSizeConfig = {
+    cellPx?: string;
+    thPy?: string;
+    tdPy?: string;
+    emptyPy?: string;
+};
+type PanelLayoutConfig = {
+    headerHeight?: string;
+    headerPx?: string;
+    bodyPadding?: string;
+    footerPx?: string;
+    footerPy?: string;
+};
+type DrawerLayoutConfig = {
+    headerHeight?: string;
+    headerPx?: string;
+    bodyPadding?: string;
+    footerPx?: string;
+    footerPy?: string;
+};
+type PopupLayoutConfig = {
+    panelPadding?: string;
+    compactPaddingX?: string;
+    compactPaddingY?: string;
+    compactGap?: string;
+    text?: string;
+};
+type EmptyLayoutConfig = {
+    defaultPy?: string;
+    compactPy?: string;
+    defaultIconBox?: string;
+    compactIconBox?: string;
+    defaultIcon?: string;
+    compactIcon?: string;
+    compactText?: string;
+    compactDescription?: string;
+};
+type UiThemeConfig = {
+    icons?: Record<string, ComponentType<IconProps>>;
+    colors?: {
+        primary?: Partial<ColorConfig>;
+        danger?: Partial<ColorConfig>;
+        success?: Partial<ColorConfig>;
+        warning?: Partial<ColorConfig>;
+        info?: Partial<ColorConfig>;
+    };
+    border?: BorderConfig;
+    radius?: RadiusConfig;
+    gray?: GrayConfig;
+    size?: {
+        small?: SizeConfig;
+        middle?: SizeConfig;
+        large?: SizeConfig;
+    };
+    layout?: {
+        panel?: PanelLayoutConfig;
+        drawer?: DrawerLayoutConfig;
+        popup?: PopupLayoutConfig;
+        empty?: EmptyLayoutConfig;
+        table?: {
+            small?: LayoutSizeConfig;
+            middle?: LayoutSizeConfig;
+            large?: LayoutSizeConfig;
+        };
+    };
+};
+declare function initUI(config?: UiThemeConfig): void;
+
+export { ActiveTag, type ActiveTagProps, Alert, type AlertProps, type AlertType, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, Button, type ButtonSize, type ButtonVariant, CheckboxInput, type CheckboxInputProps, ColorInput, type ColorInputProps, type ColumnType, type ConfirmOptions, DateInput, type DateInputProps, Drawer, DrawerContent, DrawerFooter, type DrawerPlacement, type DrawerProps, DrawerTitle, Dropdown, type DropdownOption, type DropdownPlacement, type DropdownProps, Empty, type EmptyProps, ErrorProvider, FilterCheckboxInput, FilterDateInput, type FilterDateRangeGroup, FilterDateRangePopover, type FilterDescriptor, FilterNumberInput, type FilterSelectGroupItem, FilterSelectGroupPopover, FilterSelectInput, FilterTextInput, FlagTag, type FlagTagProps, Grid, type GridApiQuery, type GridColumn, GridFilters, type GridHandle, type GridProps, type GridState, HtmlInput, type HtmlInputProps, type IconProps, InputError, InputField, InputLabel, MultiSelectInput, type MultiSelectInputProps, type NotificationOptions, NotificationProvider, type NotificationType, NumberInput, type NumberInputProps, Panel, type PanelProps, Popconfirm, type PopconfirmProps, Pretty, type PrettyProps, SelectInput, type SelectInputProps, ServerError, type ServerErrorValue, Skeleton, type SkeletonProps, SortDirection, Spinner, type SpinnerColor, type SpinnerProps, SwitchInput, type SwitchInputProps, type TabOption, Table, type TableColumn, type TableProps, type TableSize, Tabs, type TabsProps, Tag, type TagProps, TextInput, type TextInputProps, Tooltip, type TooltipPlacement, type TooltipProps, type UiColor, type UiDefaultIconType, type UiIconType, type UiSize, type UiThemeConfig, type UploadConfig, UploadInput, type UploadInputProps, type UploadItem, UploadProvider, type UploadStatus, getIcon, initUI, notification, registerIcons, uiTheme, useDrawer, useGrid, useNotification, useUploadConfig };