@alif-ui-test/core 1.11.0 → 2.0.0-alpha.5

package/dist/main.d.ts

@@ -1,3885 +1 @@
-import { BaseHTMLAttributes } from 'react';
-import { ButtonHTMLAttributes } from 'react';
-import { ChangeEvent } from 'react';
-import { ClipboardEvent as ClipboardEvent_2 } from 'react';
-import { ComponentType } from 'react';
-import { CSSProperties } from 'react';
-import { default as default_2 } from 'react';
-import { Dispatch } from 'react';
-import { FocusEventHandler } from 'react';
-import { HTMLAttributes } from 'react';
-import { InputHTMLAttributes } from 'react';
-import { JSX } from 'react/jsx-runtime';
-import { JSXElementConstructor } from 'react';
-import { PropsWithChildren } from 'react';
-import { ReactElement } from 'react';
-import { ReactNode } from 'react';
-import { ReactPortal } from 'react';
-import { SetStateAction } from 'react';
-import { SVGProps } from 'react';
-import { TextareaHTMLAttributes } from 'react';
-
-export declare const Accordion: {
-    ({ children, className, variant, size, type, isOpen, }: AccordionProps): JSX.Element;
-    Summary: ({ title, subTitle, icon, onToggle, children, }: AccordionSummaryProps) => JSX.Element;
-    Details: ({ children }: AccordionDetailsProps) => JSX.Element;
-};
-
-declare interface AccordionDetailsProps {
-    /**
-     * The content to display when the Accordion is expanded.
-     */
-    children: ReactNode;
-    /**
-     * Additional CSS class for custom styling of the Accordion content.
-     */
-    className?: string;
-}
-
-export declare interface AccordionProps {
-    /**
-     * The content of the Accordion, typically consisting of `Accordion.Summary` and `Accordion.Details`.
-     */
-    children: ReactNode;
-    /**
-     * Additional CSS class for custom styling of the Accordion.
-     */
-    className?: string;
-    /**
-     * Defines the visual style of the Accordion based on the device type.
-     * - `'desktop'`: Optimized for larger screens.
-     * - `'mobile'`: Optimized for smaller screens.
-     */
-    variant?: 'desktop' | 'mobile';
-    /**
-     * Controls the size of the Accordion.
-     * - `'s'`: Small size.
-     * - `'m'`: Medium size.
-     * - `'l'`: Large size.
-     */
-    size?: 's' | 'm' | 'l';
-    /**
-     * Determines whether the Accordion has a divider.
-     * - `'default'`: No divider.
-     * - `'withDivider'`: Includes a divider below the content.
-     */
-    type?: 'default' | 'withDivider';
-    /**
-     * Indicates whether the Accordion is currently open.
-     */
-    isOpen: boolean;
-}
-
-declare interface AccordionSummaryProps {
-    /**
-     * The main title displayed in the Accordion header.
-     */
-    title?: string;
-    /**
-     * An optional subtitle displayed below the title.
-     */
-    subTitle?: string;
-    /**
-     * A custom icon to display in the Accordion header.
-     * If not provided, a default icon (chevron) is used.
-     */
-    icon?: ReactNode;
-    /**
-     * Callback function triggered when the Accordion header is clicked.
-     */
-    onToggle: () => void;
-    /**
-     * Custom content to display in the Accordion header.
-     * If provided, the `title`, `subTitle`, and `icon` props are ignored.
-     */
-    children?: ReactNode;
-    /**
-     * Additional CSS class for custom styling of the Accordion header.
-     */
-    className?: string;
-}
-
-export declare const ActionButton: ({ leftSection, rightSection, children, className, size, rounded, variant, isIconBtn, isLoading, disabled, ...props }: ActionButtonProps) => JSX.Element;
-
-export declare interface ActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * Variant of the button. Defaults to 'primary'
-     */
-    variant?: Variant;
-    /**
-     * If true, the button will be rounded.
-     */
-    rounded?: boolean;
-    /**
-     * Left section of the button
-     */
-    leftSection?: ReactNode;
-    /**
-     * Right section of the button
-     */
-    rightSection?: ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    className?: string;
-    /**
-     * The size of the button.
-     */
-    size?: Size;
-    /**
-     * If true, the button will be disabled.
-     */
-    disabled?: boolean;
-    /**
-     * If true, the button will be an icon button.
-     */
-    isIconBtn?: boolean;
-    /**
-     * If `true`, the button will display a loading indicator and disable user interactions.
-     */
-    isLoading?: boolean;
-}
-
-export declare const AeFlag: ({ height, width, ...props }: IconProps) => JSX.Element;
-
-export declare const Alert: ({ title, description, variant, type, showCloseIcon, showIcon, onClose, }: AlertProps) => JSX.Element;
-
-export declare interface AlertProps {
-    /**
-     * The title of the alert.
-     */
-    title: string;
-    /**
-     * The description of the alert.
-     */
-    description?: string;
-    /**
-     * The variant of the alert.
-     */
-    variant?: Variant_2;
-    /**
-     * The type of the alert.
-     */
-    type?: Type;
-    /**
-     * Show the icon based on the type. If `false`, the icon will not be shown.
-     */
-    showIcon?: boolean;
-    /**
-     * If `true`, the alert will show a close icon.
-     */
-    showCloseIcon?: boolean;
-    /**
-     * The function to call on close icon click.
-     */
-    onClose?: () => void;
-}
-
-export declare const AlifBusinessLogo: ({ fill, height, width, ...props }: IconProps) => JSX.Element;
-
-export declare const AlifIcon: ({ height, width, ...props }: IconProps) => JSX.Element;
-
-export declare const AlifProvider: ({ children, initialMode, initialLocale, brand, }: ThemeWrapperProps) => JSX.Element;
-
-export declare interface AlifProviderProps {
-    /**
-     * Your application.
-     */
-    children: ReactNode;
-    /**
-     * Initial mode of the application. Can be accessible via the `useMode` hook.
-     */
-    initialMode?: Mode;
-    /**
-     * Initial locale of the application. Can be accessible via the `useLocale` hook.
-     */
-    initialLocale?: Locale;
-    /**
-     * Brand of the application.
-     */
-    brand?: Brand;
-}
-
-export declare const AppLayout: ({ navbar, aside, children }: AppLayoutProps) => JSX.Element;
-
-export declare interface AppLayoutProps {
-    /**
-     * Navbar component. Top fixed bar.
-     */
-    navbar?: ReactNode;
-    /**
-     * Sidebar component. Left fixed bar.
-     */
-    aside?: ReactNode;
-    /**
-     * Content of the layout.
-     */
-    children: ReactNode;
-}
-
-export declare const ArrowIcon: ({ className, fill }: IconProps) => JSX.Element;
-
-declare interface ArrowPositionProps extends PositionProps {
-    /**
-     * The rotation of the arrow.
-     */
-    transform: string;
-    /**
-     * The origin point for the transformation of the arrow.
-     */
-    transformOrigin?: string;
-}
-
-export declare const Avatar: ({ id, src, className, badgeContent, badgeContentType, placeholderContent, size, hasStatus, statusVariant, reversePosition, }: AvatarProps) => JSX.Element;
-
-export declare const AvatarGroup: ({ children, spacing }: AvatarGroupProps) => JSX.Element;
-
-export declare interface AvatarGroupProps {
-    /**
-     * The content of the AvatarGroup. Place the Avatar components inside this prop.
-     */
-    children: ReactNode;
-    /**
-     * The spacing between the Avatars in the group.
-     */
-    spacing?: 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs';
-}
-
-export declare interface AvatarProps {
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    className?: string;
-    /**
-     * The size of the avatar.
-     */
-    size?: Size_2;
-    /**
-     * Placeholder content for the avatar.
-     */
-    placeholderContent?: ReactNode;
-    /**
-     * The type of the badge content. Indicates whether the badge content is an icon or text.
-     */
-    badgeContentType?: BadgeContent;
-    /**
-     * The content of the badge.
-     */
-    badgeContent?: ReactNode;
-    /**
-     * If `true`, the avatar will have a status. That is a small colored dot in the bottom or top right corner.
-     */
-    hasStatus?: boolean;
-    /**
-     * The status variant of the avatar.
-     */
-    statusVariant?: StatusVariant;
-    /**
-     * If `true`, the badge will be positioned at the top right corner of the avatar and the status will be positioned at the bottom right corner.
-     */
-    reversePosition?: boolean;
-    /**
-     * The source of the image to be displayed in the avatar.
-     */
-    src?: string;
-    /**
-     * The `id` of the avatar.
-     */
-    id?: string;
-}
-
-export declare const Backdrop: ({ isOpen, onClose, children, isCloseOutside, className, zIndex, transitionProps, ...props }: BackdropProps) => JSX.Element;
-
-export declare interface BackdropProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Determines whether modal/drawer is opened
-     */
-    isOpen: boolean;
-    /**
-     * Function to close the modal/drawer. This can be triggered by clicking the close button or outside the modal/drawer (if `isCloseOutside` is `true`).
-     */
-    onClose: () => void;
-    /**
-     * Content to be rendered inside.
-     */
-    children?: ReactNode;
-    /**
-     * Determines whether the modal/drawer should be closed when user clicks on the overlay.
-     */
-    isCloseOutside?: boolean;
-    /**
-     * Z-index of the backdrop, used to control its stacking order.
-     */
-    zIndex?: number | string;
-    /**
-     * Props for the transition effect when the component opens or closes.
-     */
-    transitionProps?: Omit<TransitionProps, 'mounted' | 'children'>;
-}
-
-export declare const Badge: ({ counter, children, className, leftSection, rightSection, size, type, variant, ...props }: BadgeProps) => JSX.Element;
-
-declare type BadgeContent = 'initial' | 'with-icons';
-
-export declare interface BadgeProps extends BaseHTMLAttributes<HTMLSpanElement> {
-    /**
-     * Variant of the badge.
-     */
-    variant?: Variant_3;
-    /**
-     * Type of the badge.
-     */
-    type?: Type_2;
-    /**
-     * Size of the badge.
-     */
-    size?: Size_3;
-    /**
-     * Left section of the badge.
-     */
-    leftSection?: ReactNode;
-    /**
-     * Right section of the badge.
-     */
-    rightSection?: ReactNode;
-    /**
-     * The number displayed above to the right of the badge text.
-     */
-    counter?: number;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    className?: string;
-}
-
-/**
- * Base props shared by all DatePicker types
- */
-declare interface BaseDatePickerProps {
-    /** Minimum selectable date */
-    minDate?: Date;
-    /** Maximum selectable date */
-    maxDate?: Date;
-    /** Additional CSS class for the root container */
-    className?: string;
-    /**
-     * Callback triggered when a date or range is selected.
-     * - Single date: Date
-     * - Range: [Date, Date]
-     * - Cleared value: null
-     */
-    onPickerChange?: (val: [Date, Date] | Date | null) => void;
-    /**
-     * Sets a custom width for the picker (CSS value, e.g. '100%', '400px').
-     * If provided, overrides the default picker width.
-     */
-    pickerWidth?: string;
-}
-
-declare interface BaseTabMenuProps {
-    /**
-     * The tabs to be rendered in the tab menu.
-     */
-    tabs: TabItem[];
-    /**
-     * The default value of the tab menu. This is used when the `value` prop is not provided.
-     */
-    defaultValue?: string;
-    /**
-     * If `true`, the tab menu is disabled and cannot be interacted with.
-     */
-    disabled?: boolean;
-    /**
-     * If `true`, the tab menu will take up the full width of its container.
-     */
-    fullWidth?: boolean;
-    /**
-     * The class name to apply to the tab menu.
-     */
-    className?: string;
-    /**
-     * If `true`, the tabs will be rounded.
-     */
-    rounded?: boolean;
-    /**
-     * The size of the tabs.
-     */
-    size?: Size_13;
-    /**
-     * The function to call when the selected tab changes.
-     */
-    onChange: (value: string) => void;
-    /**
-     * The value of the tab menu. This is used to control the selected tab.
-     */
-    value?: string;
-    /**
-     *  The alignment of the tabs within the tab menu.
-     */
-    justify?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around';
-}
-
-export declare type Brand = 'alif' | 'aliftech' | 'universal' | 'umed-mall' | 'p-job';
-
-declare interface Breadcrumb {
-    label: string;
-    path: string;
-}
-
-export declare const Breadcrumbs: <T>({ variant, links, LinkComponent, linkProps, maxItems, }: BreadcrumbsProps<T>) => JSX.Element;
-
-/**
- * Props for the Breadcrumb component.
- *
- * @template T Type of props passed to the `LinkComponent`
- */
-export declare interface BreadcrumbsProps<T> {
-    /**
-     * List of breadcrumb links.
-     */
-    links: Breadcrumb[];
-    /**
-     * Variant of the breadcrumb display.
-     */
-    variant?: Variant_4;
-    /**
-     * Custom link component to be used instead of a default anchor (`<a>`).
-     */
-    LinkComponent: ComponentType<T>;
-    /**
-     * Function to generate additional props for each link.
-     * Receives the path as an argument and returns an object with props.
-     */
-    linkProps?: (path: string) => T;
-    /**
-     * Maximum number of items to display before collapsing.
-     * If exceeded, intermediate items will be collapsed.
-     */
-    maxItems?: number;
-}
-
-export declare const Button: ({ children, className, leftSection, rightSection, size, variant, isIconBtn, isActive, isLoading, disabled, ...props }: ButtonProps) => JSX.Element;
-
-export declare interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * Variant of the button.
-     */
-    variant?: Variant_5;
-    /**
-     * Size of the button.
-     */
-    size?: Size_4;
-    /**
-     * Element placed before the button text.
-     */
-    leftSection?: ReactNode;
-    /**
-     * Element placed after the button text.
-     */
-    rightSection?: ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    className?: string;
-    /**
-     * If `true`, the button will be Icon Button. Pass the icon as children.
-     */
-    isIconBtn?: boolean;
-    /**
-     * If `true`, the button will be active.
-     */
-    isActive?: boolean;
-    /**
-     * If `true`, the button will display a loading indicator and disable user interactions.
-     */
-    isLoading?: boolean;
-}
-
-export declare const Checkbox: ({ label, description, size, checked, isAllChecked, ...props }: CheckboxProps) => JSX.Element;
-
-export declare interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
-    /**
-     * The label of the checkbox.
-     */
-    label?: ReactNode;
-    /**
-     * If `true`, the checkbox will be checked.
-     */
-    checked: boolean;
-    /**
-     * The size of the checkbox.
-     */
-    size?: Size_5;
-    /**
-     * The description of the checkbox.
-     */
-    description?: string;
-    /**
-     * If `true`, the checkbox will be checked. If
-     */
-    isAllChecked?: boolean;
-    /**
-     * Callback fired when the state is changed.
-     */
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-}
-
-export declare const classNames: (...args: (string | undefined | null | boolean | number)[]) => string;
-
-export declare const closeEscape: <T>(event: T & {
-    key: string;
-}, onClose: () => void) => void;
-
-export declare const Collapse: ({ isOpen, className, children, duration, }: CollapseProps) => JSX.Element;
-
-export declare interface CollapseProps {
-    /**
-     * If `true`, the content will be visible.
-     */
-    isOpen: boolean;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    className?: string;
-    /**
-     * The content of the component
-     */
-    children: React.ReactNode;
-    /**
-     * Duration of the animation in milliseconds.
-     */
-    duration?: number;
-}
-
-export declare function createSafeContext<ContextValue>(errorMessage: string): readonly [({ children, value, }: {
-    value: ContextValue;
-    children: ReactNode;
-}) => JSX.Element, () => ContextValue & ({} | undefined)];
-
-declare type DarkLevel = 1 | 2 | 3 | 4 | 5;
-
-declare type DateOption = {
-    text: string;
-    /**
-     * Value can be a Date object or an array of Date objects for range selection
-     */
-    value: Date | Date[];
-};
-
-export declare const DatePicker: ({ className, proportions, label, placeholder, values, isRange, autoFocus, disabled, hintText, showCorrectHintIcon, hasError, isHintAlwaysShown, mask, onDateChange, onClear, onBlur, allowPicker, allowTime, timeControl, allowSeconds, allowPeriod, allowDay, allowMonth, allowYear, dateOptions, fullWidth, style, ...props }: DatePickerProps) => JSX.Element;
-
-export declare interface DatePickerProps extends InputHTMLAttributes<HTMLInputElement> {
-    /**
-     * ClassName will be applied to the root element.
-     */
-    className?: string;
-    /**
-     * Proportions will be used to define the size of the input field.
-     */
-    proportions?: Proportions;
-    /**
-     * The label of the input field.
-     */
-    label?: string;
-    /**
-     * The placeholder of the input field.
-     */
-    placeholder?: string;
-    /**
-     * The selected date value(s).
-     */
-    values: Date | Date[] | null;
-    /**
-     * The type of the date picker.
-     * If isRange is `true`, then values should be an array of two Date objects.
-     * If isRange is `false`, then values should be a Date object.
-     */
-    isRange?: boolean;
-    /**
-     * If autoFocus is `true`, then the input field will be focused when the page is loaded.
-     */
-    autoFocus?: boolean;
-    /**
-     * If disabled is `true`, then the input field will be disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Hint text will be displayed below the input field.
-     */
-    hintText?: string;
-    /**
-     * If showCorrectHintIcon is `true`, then the correct icon will be displayed in the hint.
-     */
-    showCorrectHintIcon?: boolean;
-    /**
-     * If hasError is `true`, then the input field will be displayed with an error style.
-     */
-    hasError?: boolean;
-    /**
-     * If isHintAlwaysShown is `true`, then the hintText will be displayed always.
-     */
-    isHintAlwaysShown?: boolean;
-    /**
-     * Callback function that will be triggered when the date value is changed.
-     */
-    onDateChange: (date: Date | Date[] | null) => void;
-    /**
-     * Callback function to clear the date value(s).
-     */
-    onClear?: () => void;
-    /**
-     * If allowPicker is `true`, then the Picker will be displayed.
-     * If allowPicker is `false`, then the Picker will not be displayed.
-     */
-    allowPicker?: boolean;
-    /**
-     * If allowTime is `true`, then the time can be selected along with the date.
-     * If allowTime is `false`, then only the date can be selected.
-     */
-    allowTime?: boolean;
-    /**
-     * If timeControl is `true`, then the time picker will be displayed as a controlled time calendar.
-     * If timeControl is `false`, then the time picker will be displayed as a list of time values from 00:00 to 23:45 with 15 minutes interval.
-     */
-    timeControl?: boolean;
-    /**
-     * If allowSeconds is `true`, then the time picker will be displayed with seconds.
-     * If allowSeconds is `false`, then the time picker will be displayed without seconds.
-     * Does not work if timeControl is `false`.
-     */
-    allowSeconds?: boolean;
-    /**
-     * If allowPeriod is `true`, then the time picker will be displayed with AM/PM period and 12-hour format.
-     * If allowPeriod is `false`, then the time picker will be displayed with 24-hour format.
-     * Does not work if timeControl is `false`.
-     */
-    allowPeriod?: boolean;
-    /**
-     * If allowDay is `true`, then the day picker will be displayed.
-     * If allowDay is `false`, you can't select the day.
-     */
-    allowDay?: boolean;
-    /**
-     * If allowMonth is `true`, then the month picker will be displayed.
-     * If allowMonth is `false`, you can't select the month.
-     */
-    allowMonth?: boolean;
-    /**
-     * If allowYear is `true`, then the year picker will be displayed.
-     * If allowYear is `false`, you can't select the year.
-     */
-    allowYear?: boolean;
-    /**
-     * DateOptions is a list of predefined date options that can be selected by the user for instant selection.
-     */
-    dateOptions?: DateOption[];
-    /**
-     * Mask will be applied like hint for input value, but not control the input value onChange.
-     */
-    mask?: string;
-    /**
-     * If fullWidth is `true`, then the input field will take the full width of the parent container.
-     */
-    fullWidth?: boolean;
-}
-
-export declare type Direction = 'top' | 'bottom' | 'left' | 'right';
-
-declare type Direction_2 = 'asc' | 'desc';
-
-export declare const Divider: ({ className, variant, size, }: DividerProps) => JSX.Element;
-
-export declare interface DividerProps {
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    className?: string;
-    /**
-     * The variant to use.
-     */
-    variant?: Variant_6;
-    /**
-     * The size of the divider.
-     */
-    size?: Size_6;
-}
-
-export declare const Drawer: ({ title, subTitle, isOpen, onClose, children, isCloseOutside, width, height, type, position, zIndex, className, ...props }: DrawerProps) => JSX.Element;
-
-export declare interface DrawerProps extends Omit<BackdropProps, 'transitionProps'> {
-    /**
-     * Width of the drawer (for left and right drawers).
-     */
-    width?: string;
-    /**
-     * Height of the drawer (for top and bottom drawers).
-     */
-    height?: string;
-    /**
-     * Title of the drawer.
-     */
-    title: string;
-    /**
-     * Subtitle of the drawer.
-     */
-    subTitle?: string;
-    /**
-     * Type of the drawer. The rounded type has rounded corners.
-     */
-    type?: 'default' | 'rounded';
-    /**
-     * Position of the drawer.
-     */
-    position?: Position_2;
-}
-
-export declare const Elevated: ({ className, children, p, px, py, m, mt, mr, mb, ml, rounded, style, shadowLevel, ...props }: ElevatedProps) => JSX.Element;
-
-export declare interface ElevatedProps extends PaperProps {
-    /**
-     * Shadow level of the paper.
-     */
-    shadowLevel?: ShadowLevel;
-}
-
-declare interface ExtendedFile extends Partial<File> {
-    /**
-     * Optional URL or link associated with the file (e.g. for preview or download).
-     */
-    href?: string;
-    /**
-     * Optional error message related to the file (e.g. invalid format or upload failure).
-     */
-    errorText?: string;
-    /**
-     * Upload progress represented as a percentage (0 to 100).
-     */
-    progress?: number;
-}
-
-export declare const Field: ({ label, placeholder, onClear, leftSection, leftIcon, rightIcon, hasError, id, value, mask, inputRegExp, className, disabled, keepLabel, keepLabelFixed, style, fullWidth, bordered, proportions, onFieldClick, ...props }: FieldProps) => JSX.Element;
-
-export declare interface FieldProps extends InputHTMLAttributes<HTMLInputElement> {
-    /**
-     * Label for the field.
-     */
-    label?: string;
-    /**
-     * Placeholder for the field.
-     */
-    placeholder?: string;
-    /**
-     * Triggered when the clear button is clicked.
-     */
-    onClear?: () => void;
-    /**
-     * Icon displayed to the right of the input.
-     */
-    rightIcon?: ReactNode;
-    /**
-     * Whether the field is bordered or not.
-     */
-    bordered?: boolean;
-    /**
-     * Proportions of the field.
-     */
-    proportions?: Proportions_2;
-    /**
-     * Whether the label should be kept when the field is focused.
-     */
-    keepLabel?: boolean;
-    /**
-     * Whether the label should be kept fixed on top.
-     */
-    keepLabelFixed?: boolean;
-    /**
-     * If `true`, the field will have an error style.
-     */
-    hasError?: boolean;
-    /**
-     * If `true`, the field will take the full width of its container.
-     */
-    fullWidth?: boolean;
-    /**
-     * Content before the input. Comes before leftIcon
-     */
-    leftSection?: ReactNode;
-    /**
-     * Comes before the input and after leftSection
-     */
-    leftIcon?: ReactNode;
-    /**
-     * mask will be applied like hint for input value, but not control the input value onChange
-     */
-    mask?: string;
-    /**
-     * inputRegExp will be applied to the input value to control the input value onChange.
-     * mask is not required for inputRegExp, but mask can be used with inputRegExp.
-     */
-    inputRegExp?: RegExp | string;
-    /**
-     * Triggered when the value of the input change.
-     */
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * The current value of the input.
-     */
-    value?: string | number | readonly string[];
-    /**
-     * Called when the field is clicked.
-     */
-    onFieldClick?: () => void;
-}
-
-export declare const FileUploader: ({ onFilesChange, files, width, hasError, title, description, buttonText, errorText, isMultiple, allowedExtensions, allowedMimeTypes, maxFileSize, maxCount, className, disabled, variant, }: FileUploaderProps) => JSX.Element;
-
-declare interface FileUploaderProps {
-    /**
-     * An array of currently selected or dropped File objects.
-     * Can be used to display file names, sizes, or previews.
-     */
-    files: File[];
-    /**
-     * Callback function triggered when files are selected or dropped.
-     * Returns an array of selected File objects.
-     */
-    onFilesChange: (files: File[]) => void;
-    /**
-     * Optional width of the uploader component (e.g., '100%', '300px').
-     */
-    width?: number | string;
-    /**
-     * Indicates whether the component is in an error state.
-     * Useful for providing visual feedback (e.g., red border).
-     */
-    hasError?: boolean;
-    /**
-     * Main title text displayed at the top of the uploader.
-     */
-    title: string;
-    /**
-     * Text displayed on the upload button or drag area.
-     */
-    buttonText: string;
-    /**
-     * Optional descriptive text displayed below the title or upload area.
-     */
-    description?: string;
-    /**
-     * Error message to display when `hasError` is true.
-     */
-    errorText?: string;
-    /**
-     * Enables the selection of multiple files when set to true.
-     */
-    isMultiple?: boolean;
-    /**
-     * Optional visual layout variant of the uploader (e.g., 'mobile' or 'desktop').
-     */
-    variant?: Variant_7;
-    /**
-     * List of allowed file extensions (e.g., ['jpg', 'png', 'pdf']).
-     * Used to validate selected files before uploading.
-     */
-    allowedExtensions: string[];
-    /**
-     * List of allowed MIME types (e.g., ['image/jpeg', 'application/pdf']).
-     * Used to validate selected files by MIME type.
-     */
-    allowedMimeTypes: string[];
-    /**
-     * Maximum allowed file size in megabytes (MB) for each individual file.
-     * Files exceeding this size will be rejected.
-     * @default 20
-     */
-    maxFileSize?: number;
-    /**
-     * Maximum number of files that can be selected or dropped.
-     * Additional files will be ignored or rejected.
-     * @default 5
-     */
-    maxCount?: number;
-    /**
-     * Custom CSS class name to apply additional or overridden styles.
-     */
-    className?: string;
-    /**
-     * If true, disables the uploader.
-     * User interactions like selecting or dropping files will be blocked.
-     */
-    disabled?: boolean;
-}
-
-export declare const FileView: ({ file, rightIcon, onFileClick, onIconClick, className, style, }: FileViewProps) => JSX.Element;
-
-declare interface FileViewProps {
-    /**
-     * A single file to be displayed in the list.
-     * Can include additional metadata.
-     */
-    file: ExtendedFile;
-    /**
-     * Optional icon displayed on the right side of each file item.
-     */
-    rightIcon?: ReactNode;
-    /**
-     * Callback triggered when a file item is clicked.
-     * Receives the clicked file as an argument.
-     */
-    onFileClick?: (file: ExtendedFile) => void;
-    /**
-     * Callback triggered when the right icon is clicked.
-     * Receives the index of the clicked file.
-     */
-    onIconClick?: () => void;
-    /**
-     * Optional width of the uploader component (e.g., '100%', '300px').
-     */
-    style?: CSSProperties;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    className?: string;
-}
-
-declare type FontStyle = {
-    fontFamily: string;
-    fontWeight: string;
-    fontSize: string;
-    lineHeight: string;
-    letterSpacing: string;
-};
-
-export declare const FunctionButton: ({ variant, size, leftSection, rightSection, children, className, ...props }: FunctionButtonProps) => JSX.Element;
-
-export declare interface FunctionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * The variant to use.
-     */
-    variant?: Variant_8;
-    /**
-     * The size to use.
-     */
-    size?: Size_7;
-    /**
-     * Element placed before the button text.
-     */
-    leftSection?: ReactNode;
-    /**
-     * Element placed after the button text.
-     */
-    rightSection?: ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    className?: string;
-}
-
-export declare function getFontSize(size: unknown): string | undefined;
-
-export declare function getLineHeight(size: unknown): string | undefined;
-
-export declare function getRadius(size: unknown): string | undefined;
-
-export declare function getShadow(size: unknown): string | undefined;
-
-export declare function getSize(size: unknown, prefix?: string): string | undefined;
-
-export declare const Hinter: ({ maxLength, className, disabled, isFilled, hasError, hintText, isHintAlwaysShown, showCorrectHintIcon, showLengthHint, filledLength, style, }: HinterProps) => JSX.Element | null;
-
-export declare interface HinterProps {
-    /**
-     * Optional class to add to the root element.
-     */
-    className?: string;
-    /**
-     * If `true`, the component will be disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Indicates if the input it is hinting is filled.
-     */
-    isFilled?: boolean;
-    /**
-     * Indicates if the input it is hinting has an error.
-     */
-    hasError?: boolean;
-    /**
-     * The hint text to display.
-     */
-    hintText?: ReactNode;
-    /**
-     * If `true`, the hint will always be shown.
-     */
-    isHintAlwaysShown?: boolean;
-    /**
-     * If `true`, the correct hint icon will be shown (if the hint is always shown and the input is filled).
-     */
-    showCorrectHintIcon?: boolean;
-    /**
-     * If `true`, the length hint will be shown.
-     */
-    showLengthHint?: boolean;
-    /**
-     * The filled length of the input.
-     */
-    filledLength?: number;
-    /**
-     * The maximum length of the input.
-     */
-    maxLength?: number;
-    /**
-     * Additional styles for the component.
-     */
-    style?: CSSProperties;
-}
-
-export declare interface IconProps extends SVGProps<SVGSVGElement> {
-    className?: string;
-    width?: string;
-    height?: string;
-    fill?: string;
-}
-
-declare interface IMarks {
-    /**
-     * The label of the mark.
-     */
-    label: string;
-    /**
-     * The value of the mark.
-     */
-    value: number;
-}
-
-export declare const InlineDatePicker: ({ value, onChange, onPickerChange, minDate, maxDate, className, isRange, options, withTime, pickerWidth, }: InlineDatePickerProps) => JSX.Element;
-
-/** Props for DatePicker (either single date or range) */
-export declare type InlineDatePickerProps = SingleDatePickerProps | RangeDatePickerProps;
-
-export declare const Input: ({ isFilled, hintText, isHintAlwaysShown, showCorrectHintIcon, showLengthHint, filledLength, maxLength, style, fullWidth, ...props }: InputProps) => JSX.Element;
-
-export declare const InputDatePicker: ({ onClear, onChange, onBlur, value, isRange, withTime, maxDate, minDate, options, className, style, pickerWidth, ...props }: InputDatePickerProps) => JSX.Element;
-
-declare type InputDatePickerBaseProps = Omit<TimePickerProps, 'onClick' | 'onScroll' | 'value' | 'withConfirmationButton' | 'withHeader'> & Omit<InputProps, 'onChange' | 'value' | 'mask' | 'inputRegExp'>;
-
-export declare type InputDatePickerProps = InputDatePickerBaseProps & InlineDatePickerProps;
-
-export declare const InputMonthPicker: ({ value, isRange, disabledMonths, onClear, onChange, onBlur, options, style, className, pickerWidth, ...props }: InputMonthPickerProps) => JSX.Element;
-
-export declare interface InputMonthPickerProps extends Omit<InputProps, 'onChange' | 'value' | 'mask' | 'inputRegExp'>, MonthPickerProps {
-}
-
-export declare const InputMonthYearPicker: ({ value, className, style, minYear, maxYear, disabledDates, options, isRange, onChange, onClear, onBlur, pickerWidth, ...props }: InputMonthYearPickerProps) => JSX.Element;
-
-export declare interface InputMonthYearPickerProps extends MonthYearPickerProps, Omit<InputProps, 'onChange' | 'value' | 'mask' | 'inputRegExp'> {
-}
-
-export declare const InputOtp: ({ value, onChange, onPaste, onComplete, length, size, variant, hasError, disabled, className, inputClassName, mask, inputStyle, integerOnly, autoFocus, placeholder, }: InputOtpProps) => JSX.Element;
-
-export declare interface InputOtpProps {
-    /**
-     * Current OTP value as a single string
-     */
-    value: string;
-    /**
-     * Callback fired when OTP value changes
-     */
-    onChange: (code: string) => void;
-    /**
-     * Optional callback fired when a paste event occurs
-     */
-    onPaste?: (e: ClipboardEvent_2<HTMLInputElement>) => void;
-    /**
-     * Callback fired when all OTP inputs are filled
-     */
-    onComplete?: (code: string) => void;
-    /**
-     * Number of OTP input boxes to render (default: 4)
-     */
-    length?: number;
-    /**
-     * Visual style variant of the input boxes
-     */
-    variant?: Variant_18;
-    /**
-     * Size of the input boxes
-     */
-    size?: Size_18;
-    /**
-     * Whether the input boxes should display an error state
-     */
-    hasError?: boolean;
-    /**
-     * Additional class name for the root container
-     */
-    className?: string;
-    /**
-     * Additional class name for each input box
-     */
-    inputClassName?: string;
-    /**
-     * Disables all input boxes
-     */
-    disabled?: boolean;
-    /**
-     * Masks input characters (e.g., for password-style input)
-     */
-    mask?: boolean;
-    /**
-     * Restricts input to numeric digits only
-     */
-    integerOnly?: boolean;
-    /**
-     * Automatically focuses the first input box on mount
-     */
-    autoFocus?: boolean;
-    /**
-     * Inline style object for customizing each input box
-     */
-    inputStyle?: CSSProperties;
-    /**
-     * Placeholder text for each input box
-     */
-    placeholder?: string;
-}
-
-export declare interface InputProps extends FieldProps, HinterProps {
-}
-
-export declare const InputTimePicker: ({ onClick, onClear, onBlur, onScroll, value, minTime, maxTime, hoursStep, minutesStep, withHeader, withConfirmationButton, className, style, ...props }: InputTimePickerProps) => JSX.Element;
-
-export declare interface InputTimePickerProps extends TimePickerProps, Omit<InputProps, 'onClick' | 'onScroll' | 'value' | 'mask' | 'inputRegExp'> {
-}
-
-export declare const InputYearPicker: ({ value, isRange, maxYear, minYear, disabledYears, onClear, onChange, onBlur, options, className, style, pickerWidth, ...props }: InputYearPickerProps) => JSX.Element;
-
-export declare interface InputYearPickerProps extends Omit<InputProps, 'onChange' | 'value' | 'mask' | 'inputRegExp'>, YearPickerProps {
-}
-
-declare interface LabelProps {
-    /**
-     * Label text. The label is displayed above the slider on the left side.
-     */
-    label?: string | number;
-    /**
-     * Counter text. The counter is displayed above the slider on the right side.
-     */
-    counter?: string | number;
-    /**
-     * Disabled state. If `true`, the label and counter will be greyed out.
-     */
-    disabled?: boolean;
-}
-
-export declare const ListItem: <T>({ isLoading, className, itemClassName, onSearch, onChangeList, customNoOptionsText, style, proportions, options, values, hasSearch, searchValue, searchPlaceholder, fullWidth, isCenteredContent, ...props }: ListItemProps<T>) => JSX.Element;
-
-export declare interface ListItemOptionType<T> {
-    /**
-     * Name of the option.
-     */
-    name?: string;
-    /**
-     * Value of the option.
-     */
-    value: T;
-    /**
-     * Secondary text of the option.
-     */
-    secondaryText?: string;
-    /**
-     * Label that will be displayed in the list item.
-     */
-    label: string;
-    /**
-     * Indicates if the option is disabled.
-     */
-    isDisabled?: boolean;
-    /**
-     * Left icon of the option.
-     */
-    leftIcon?: ReactNode;
-    /**
-     * Right icon of the option.
-     */
-    rightIcon?: ReactNode;
-}
-
-export declare interface ListItemProps<T> extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Loading state of the list item.
-     */
-    isLoading?: boolean;
-    /**
-     * Class name for the list item.
-     */
-    className?: string;
-    /**
-     * Class name for the list item.
-     */
-    itemClassName?: string;
-    /**
-     * Proportions of the list item.
-     */
-    proportions?: Proportions_3;
-    /**
-     * Indicates if the content is centered.
-     */
-    isCenteredContent?: boolean;
-    /**
-     *  Array of options to be displayed in the list.
-     */
-    options: ListItemOptionType<T>[];
-    /**
-     * Handler for changing the selected
-     * value(s) in the list.
-     **/
-    onChangeList: (value: T, option: ListItemOptionType<T>) => void;
-    /**
-     * Selected value(s) in the list.
-     */
-    values?: T | T[];
-    /**
-     * Indicates if the list item has a search input.
-     */
-    hasSearch?: boolean;
-    /**
-     * Value of the search input.
-     */
-    searchValue?: string;
-    /**
-     * Placeholder for the search input
-     **/
-    searchPlaceholder?: string;
-    /**
-     * Handler for the search input.
-     */
-    onSearch?: (searchText: string, event?: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * Custom text to be displayed when no options are available.
-     */
-    customNoOptionsText?: string;
-    /**
-     * Indicates if the list item should take up the full width.
-     */
-    fullWidth?: boolean;
-}
-
-export declare const Loader: ({ variant, size }: LoaderProps) => JSX.Element;
-
-export declare interface LoaderProps {
-    /**
-     * Variant of the loader.
-     */
-    variant?: Variant_9;
-    /**
-     * Size of the loader.
-     */
-    size?: Size_8;
-}
-
-export declare type Locale = 'ru' | 'en' | 'tj';
-
-declare class Localization {
-    private translations;
-    private locale;
-    private cache;
-    private ready;
-    constructor();
-    init(): Promise<void>;
-    load(locale: string): Promise<void>;
-    t(key: string): string;
-}
-
-export declare const localization: Localization;
-
-declare interface MarksProps {
-    /**
-     * The minimum value of the slider. The slider will not be able to go below this value.
-     */
-    min?: number;
-    /**
-     * The maximum value of the slider. The slider will not be able to go above this value.
-     */
-    max?: number;
-    /**
-     * Marks indicate predetermined values to which the user can move the slider. Each mark should have a label and a value.
-     */
-    marks?: IMarks[];
-    /**
-     * Disabled state. If `true`, the marks will be greyed out.
-     */
-    disabled?: boolean;
-}
-
-export declare const Menu: {
-    ({ trigger, children, size, offset, position, maxHeight, className, ...props }: MenuProps): JSX.Element;
-    Item: ({ children, disabled, onClick, leftIcon, rightIcon, secondaryText, }: MenuItemProps) => JSX.Element;
-};
-
-declare interface MenuItemProps {
-    /**
-     * The content inside the menu item.
-     */
-    children: ReactNode;
-    /**
-     * Adds an icon to the left of the item.
-     */
-    leftIcon?: ReactNode;
-    /**
-     * Adds an icon to the right of the item.
-     */
-    rightIcon?: ReactNode;
-    /**
-     * Disables the menu item, preventing interaction.
-     */
-    disabled?: boolean;
-    /**
-     * A callback function triggered when the item is clicked.
-     */
-    onClick?: () => void;
-    /**
-     * Optional secondary text displayed alongside the main label.
-     */
-    secondaryText?: string;
-}
-
-export declare interface MenuProps extends PopoverProps {
-    /**
-     * Maximum height of the menu in pixels.
-     */
-    maxHeight?: number;
-    /**
-     * Size of the menu
-     */
-    size?: Proportions_4;
-    /**
-     * The element that triggers the menu to open.
-     */
-    trigger: ReactNode;
-    /**
-     * Additional class names to apply to the menu.
-     */
-    className?: string;
-}
-
-export declare const Modal: {
-    ({ children, onClose, isOpen, variant, className, withCloseButton, isCentered, isCloseOutside, zIndex, transitionProps, }: ModalProps): JSX.Element;
-    Header: ({ className, description, icon, title, align, }: ModalHeaderProps) => JSX.Element;
-    Content: ({ children, className }: ModalContentProps) => JSX.Element;
-    Actions: ({ children, className }: ModalActionsProps) => JSX.Element;
-};
-
-declare interface ModalActionsProps extends PropsWithChildren {
-    /**
-     * Custom class name to apply additional styling to the modal actions.
-     */
-    className?: string;
-}
-
-declare interface ModalContentProps extends PropsWithChildren {
-    /**
-     * Custom class name to apply additional styling to the modal content.
-     */
-    className?: string;
-}
-
-declare interface ModalHeaderProps {
-    /**
-     * Custom class name to apply additional styling to the modal header.
-     */
-    className?: string;
-    /**
-     * Icon to display in the header.
-     */
-    icon?: ReactNode;
-    /**
-     * Title of the modal.
-     */
-    title?: string;
-    /**
-     * Description of the modal.
-     */
-    description?: string;
-    /**
-     * Aligns the content of the header.
-     */
-    align?: 'start' | 'center';
-}
-
-export declare interface ModalProps extends BackdropProps {
-    /**
-     * Defines the modal style variant, such as desktop or mobile.
-     */
-    variant?: Variant_10;
-    /**
-     * Custom class name to apply additional styling to the modal.
-     */
-    className?: string;
-    /**
-     * If `true`, the modal will have a close button in the top right corner.
-     */
-    withCloseButton?: boolean;
-    /**
-     * Centers the modal on the screen. If `false`, the modal will be positioned at the top of the screen.
-     */
-    isCentered?: boolean;
-}
-
-export declare type Mode = 'light' | 'dark';
-
-export declare const MonthPicker: ({ className, onChange, onPickerChange, value, isRange, disabledMonths, options, pickerWidth, }: MonthPickerProps) => JSX.Element;
-
-declare interface MonthPickerOption {
-    /**
-     * Display text for the month option.
-     */
-    text: string;
-    /**
-     * Value of the month option.
-     */
-    value: MonthValue;
-}
-
-export declare interface MonthPickerProps {
-    /**
-     * Optional class name for custom styling.
-     */
-    className?: string;
-    /**
-     * Current value of the picker (single month or range).
-     */
-    value: MonthValue;
-    /**
-     * Callback triggered when the value changes via interaction.
-     */
-    onChange?: (value: MonthValue) => void;
-    /**
-     * Callback triggered specifically when picker selection changes.
-     */
-    onPickerChange?: (value: MonthValue) => void;
-    /**
-     * Enables range selection mode.
-     */
-    isRange?: boolean;
-    /**
-     * Array of months (1-12) that should be disabled (not selectable).
-     */
-    disabledMonths?: number[];
-    /**
-     * Optional array of custom options to display in the picker.
-     */
-    options?: MonthPickerOption[];
-    /**
-     * Sets a custom width for the picker (CSS value, e.g. '100%', '400px').
-     * If provided, overrides the default picker width.
-     */
-    pickerWidth?: string;
-}
-
-declare type MonthValue = number | [number, number] | null;
-
-export declare const MonthYearPicker: ({ value, isRange, minYear, maxYear, onChange, onPickerChange, disabledDates, options, className, pickerWidth, }: MonthYearPickerProps) => JSX.Element;
-
-export declare interface MonthYearPickerProps {
-    /**
-     * The currently selected value.
-     * Can be a single value (string), a range ([string, string]), or null.
-     */
-    value: MonthYearPickerValue;
-    /**
-     * Enables range selection if true.
-     */
-    isRange?: boolean;
-    /**
-     * Minimum year allowed in the picker.
-     */
-    minYear?: number;
-    /**
-     * Maximum year allowed in the picker.
-     */
-    maxYear?: number;
-    /**
-     * Callback triggered when the value changes via user interaction.
-     */
-    onChange?: (val: MonthYearPickerValue) => void;
-    /**
-     * Callback triggered when the picker’s internal view changes
-     * (e.g., month/year navigation).
-     */
-    onPickerChange?: (val: MonthYearPickerValue) => void;
-    /**
-     * List of dates (formatted as strings) that should be disabled.
-     */
-    disabledDates?: string[];
-    /**
-     * Predefined list of options for quick selection.
-     */
-    options?: Option_2[];
-    /**
-     * Custom class name for styling.
-     */
-    className?: string;
-    /**
-     * Sets a custom width for the picker (CSS value, e.g. '100%', '400px').
-     * If provided, overrides the default picker width.
-     */
-    pickerWidth?: string;
-}
-
-declare type MonthYearPickerValue = string | [string, string] | null;
-
-export declare const Navbar: ({ children, type, className, }: NavbarProps) => JSX.Element;
-
-export declare interface NavbarProps {
-    /**
-     * The content to be rendered inside the navbar, such as logos, menus, or buttons.
-     * This prop is required and defines what appears within the navbar.
-     */
-    children: ReactNode;
-    /**
-     * The visual style variant of the navbar.
-     * - 'default': A solid navbar with a background and subtle shadow.
-     * - 'with-border': A navbar with a solid background and a bottom border.
-     * - 'transparent': A navbar with no background, blending into its surroundings.
-     * Defaults to 'default' if not specified.
-     */
-    type?: 'default' | 'with-border' | 'transparent';
-    /** Determines whether the navbar should be fixed to the top of the viewport */
-    fixed?: boolean;
-    /**
-     * Additional CSS class to apply to the navbar.
-     */
-    className?: string;
-}
-
-declare interface Option_2 {
-    text: string;
-    value: MonthYearPickerValue;
-}
-
-declare type Orientation = 'vertical' | 'horizontal';
-
-declare interface OtherVariantProps extends BaseTabMenuProps {
-    /**
-     * The variant of the tabs. This controls the color and style of the tabs.
-     */
-    variant?: Exclude<Variant_15, 'text' | 'outline'>;
-    /**
-     * There is no divider for other variants.
-     */
-    divider?: never;
-}
-
-export declare const OutlineFinanceAccounts: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceAnalytics: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceBank: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceBill: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceCardAdd: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceCardSalom: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceCardWebCheckout: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceCash: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceCashDollar: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceCoins: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceCreditCard: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceCurrencyDollar: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceCurrencyLira: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceCurrencyRuble: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceDeposit: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceDollar: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceDollarCoin: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceEuroCoin: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceLimits: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceMerch: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceMoney: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceOnline: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinancePercent: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinancePosTerminal: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceRubleCoin: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceSendCard: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceSendDoc: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceSomoniTjsCoin: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceStock: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceTerminal: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceTransfer: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceVisa: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceWallet: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceWalletPlus: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceWalletTransfer: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceYenYuanCoin: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineFinanceZP: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineNavigationArrowBack: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineNavigationArrowDown: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineNavigationArrowReturn: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineNavigationArrowUp: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineNavigationChevronDownSmall: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineNavigationChevronLeftSmall: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineNavigationChevronRightSmall: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineNavigationChevronUpSmall: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineNavigationDoubleLeft: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineNavigationDoubleRight: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineNavigationLeftArrow: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineNavigationLeftDown: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineNavigationRightArrow: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineNavigationRightTop: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineNavigationTrendingDown: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineNavigationTrendingUp: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineNavigationZoomOut: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemAdd: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemAdd2: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemAlertCircle: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemAll: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemArticle: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemBell: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemBellOff: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemBill: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemBookOpen: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemCalendar: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemCalling: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemCamera: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemChat: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemCheck: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemCheckCircle: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemCheckDouble: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemClock: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemClose: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemConfities: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemCopy: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemDelete: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemDoc: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemDocEmpty: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemDownload: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemEdit: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemEditAlt: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemExpand: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemEyeOff: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemEyeOffAlt: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemEyeOn: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemFileAccept: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemFileAdd: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemFileError: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemFilterFromLessToMore: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemFilterFromMoreToLess: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemFolder: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemGame: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemGridView: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemGrowth: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemHeadphones: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemHeart: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemHelpCircle: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemHex: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemHistory: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemHome: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemHomeFavourite: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemIdea: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemIn: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemInfo: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemIslam: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemLanguage: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemLink: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemLink2: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemListView: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemLock: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemMail: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemMapPin: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemMenu: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemMistake: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemMoon: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemMoreHorizontal: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemMoreVertical: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemMove: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemNavigation: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemNews: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemOut: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemPaperclip: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemPlus: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemPlusRect: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemPrinter: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemRefresh: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemRefreshCW: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemRemove: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemRemoveCircle: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemRepeat: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemResize: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemSearch: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemSend: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemSettings: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemShippingAndDelivery: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemShoppingBasket: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemSidebar: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemSignature: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemSlash: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemSmartphone: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemSmile: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemStar: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemSun: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemSurvey: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemTariffs: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemTelegram: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemTrash: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemTune: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemUnlock: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemUpload: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemUploadCloud: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemUser: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemUserAdd: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemUsers: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const OutlineSystemWifiOff: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare type Padding = 'px' | '0-5' | '1' | '1-5' | '2' | '2-5' | '3' | '3-5' | '4' | '5' | '6' | '8' | '10' | '12' | '16' | '20' | '24' | '32' | '48';
-
-export declare const Pagination: ({ onPageChange, onPageSizeChange, totalCount, pageOptions, currentPage, pageSize, size, variant, className, rounded, showInputPage, showFirstLastButton, showPages, }: PaginationProps) => JSX.Element | null;
-
-export declare interface PaginationProps {
-    /**
-     * Function to call when the current page is changed.
-     */
-    onPageChange: (page: number) => void;
-    /**
-     * Function to call when the page size (number of items per page) is changed.
-     */
-    onPageSizeChange?: (size: number) => void;
-    /**
-     * Total number of items or records that the pagination component handles.
-     */
-    totalCount: number;
-    /**
-     * The current active page in the pagination component.
-     */
-    currentPage: number;
-    /**
-     * The number of items to display per page.
-     */
-    pageSize: number;
-    /**
-     * An array of numbers representing the available options for the number of items per page.
-     */
-    pageOptions?: number[];
-    /**
-     * Custom class name to apply additional styling to the pagination component.
-     */
-    className?: string;
-    /**
-     * Determines the size of the pagination component.
-     */
-    size?: Size_9;
-    /**
-     * Defines the style or layout of the pagination component.
-     * `default` - A list of page numbers with navigation buttons. Full text labels for navigation buttons.
-     * `compact` - A more compact version of the pagination component. No text labels for navigation buttons.
-     * `mobile` - A mobile-friendly version of the pagination component. No list of page numbers.
-     */
-    variant?: Variant_11;
-    /**
-     * if `true`, the list of page numbers will have rounded corners.
-     */
-    rounded?: boolean;
-    /**
-     * Determines whether an input field for navigating to a specific page is displayed.
-     */
-    showInputPage?: boolean;
-    /**
-     * Toggles the visibility of buttons for navigating to the first and last pages.
-     */
-    showFirstLastButton?: boolean;
-    /**
-     * Controls whether page numbers are displayed in the pagination component.
-     */
-    showPages?: boolean;
-}
-
-declare interface PaperProps extends BaseHTMLAttributes<HTMLDivElement> {
-    /**
-     * Border radius of the paper.
-     */
-    borderRadius?: string;
-    /**
-     * Horizontal padding of the paper.
-     */
-    px?: Padding;
-    /**
-     * Vertical padding of the paper.
-     */
-    py?: Padding;
-    /**
-     * Padding of the paper.
-     */
-    p?: Padding;
-    /**
-     * Rounded corners of the paper.
-     */
-    rounded?: Radius;
-    /**
-     * Margin of the paper.
-     */
-    m?: CSSProperties['margin'];
-    /**
-     * Top margin of the paper.
-     */
-    mt?: CSSProperties['marginTop'];
-    /**
-     * Right margin of the paper.
-     */
-    mr?: CSSProperties['marginRight'];
-    /**
-     * Bottom margin of the paper.
-     */
-    mb?: CSSProperties['marginBottom'];
-    /**
-     * Left margin of the paper.
-     */
-    ml?: CSSProperties['marginLeft'];
-}
-
-export declare const Picker: ({ className, allowTime, timeControl, allowSeconds, allowPeriod, allowDay, allowMonth, allowYear, isRange, values, onDateChange, dateOptions, ...props }: PickerProps) => JSX.Element;
-
-/**
- * Represents a single option item in a picker.
- *
- * @template T - The type of the option value.
- */
-declare interface PickerOption<T> {
-    /**
-     * Text to display for the option.
-     */
-    text: string;
-    /**
-     * Value associated with the option.
-     */
-    value: T;
-}
-
-export declare interface PickerProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    className?: string;
-    /**
-     * If `true`, the date picker will be displayed with a time picker.
-     */
-    allowTime?: boolean;
-    /**
-     * If timeControl is `true`, then the time picker will be displayed as a controlled time calendar.
-     * If timeControl is `false`, then the time picker will be displayed as a list of time values from 00:00 to 23:45 with 15 minutes interval.
-     */
-    timeControl?: boolean;
-    /**
-     * If allowSeconds is `true`, then the time picker will be displayed with seconds.
-     * If allowSeconds is `false`, then the time picker will be displayed without seconds.
-     * Does not work if timeControl is `false`.
-     */
-    allowSeconds?: boolean;
-    /**
-     * If allowPeriod is `true`, then the time picker will be displayed with AM/PM period and 12-hour format.
-     * If allowPeriod is `false`, then the time picker will be displayed with 24-hour format.
-     * Does not work if timeControl is `false`.
-     */
-    allowPeriod?: boolean;
-    /**
-     * If allowDay is `true`, then the day picker will be displayed.
-     * If allowDay is `false`, you can't select the day.
-     */
-    allowDay?: boolean;
-    /**
-     * If allowMonth is `true`, then the month picker will be displayed.
-     * If allowMonth is `false`, you can't select the month.
-     */
-    allowMonth?: boolean;
-    /**
-     * If allowYear is `true`, then the year picker will be displayed.
-     * If allowYear is `false`, you can't select the year.
-     */
-    allowYear?: boolean;
-    /**
-     * DateOptions is a list of predefined date options that can be selected by the user for instant selection.
-     */
-    dateOptions?: DateOption[];
-    /**
-     * The selected date value(s).
-     */
-    values: Date | Date[] | null;
-    /**
-     * The type of the date picker.
-     * If isRange is `true`, then values should be an array of two Date objects.
-     * If isRange is `false`, then values should be a Date object.
-     */
-    isRange?: boolean;
-    /**
-     * Callback function that will be triggered when the date value is changed.
-     */
-    onDateChange: (date: Date | Date[] | null) => void;
-}
-
-declare interface PlacementProps extends PositionProps {
-    zIndex?: number | string;
-}
-
-export declare const Popover: {
-    ({ children, offset, position, isOpen: isOpenControlled, onChange, onClose, withArrow, width, zIndex, isFixed, transitionProps, }: PopoverProps): JSX.Element;
-    Trigger: ({ children, className, style, ...props }: PopoverTriggerProps) => JSX.Element;
-    Dropdown: ({ children, className, style, }: PopoverDropdownProps) => JSX.Element;
-};
-
-declare interface PopoverDropdownProps {
-    /**
-     * The content to be rendered inside the popover dropdown.
-     */
-    children: default_2.ReactNode;
-    /**
-     * Additional class names to apply to the dropdown.
-     */
-    className?: string;
-    /**
-     * Inline styles to apply to the dropdown.
-     */
-    style?: CSSProperties;
-}
-
-export declare interface PopoverProps {
-    /**
-     * The content to be displayed.
-     */
-    children: ReactNode;
-    /**
-     * Position of the popover relative to the trigger.
-     */
-    position?: Position;
-    /**
-     * Offset in pixels from the trigger.
-     */
-    offset?: number;
-    /**
-     * Dropdown isOpen state can be controlled from outside.
-     */
-    isOpen?: boolean;
-    /**
-     * Callback to be called to change the isOpen state.
-     */
-    onChange?: (isOpen: boolean) => void;
-    /**
-     * Callback to be called when the popover is closed.
-     */
-    onClose?: () => void;
-    /**
-     * If `true`, the popover will have an arrow pointing to the trigger element.
-     */
-    withArrow?: boolean;
-    /**
-     * Dropdown width, or `'trigger'` to make dropdown width the same as target element, 'max-content' by default.
-     **/
-    width?: number | string;
-    /**
-     * Z-index of the popover.
-     * Defaults to `300` (value from getDefaultZIndex('popover')). This can be overridden to ensure the popover appears above other elements.
-     */
-    zIndex?: string | number;
-    /**
-     * Custom style for the popover.
-     */
-    style?: CSSProperties;
-    /**
-     * Props to customize the popover's transition
-     */
-    transitionProps?: Omit<TransitionProps, 'mounted' | 'children'>;
-    /**
-     * Optional prop to indicate if the popover should be fixed
-     */
-    isFixed?: boolean;
-}
-
-declare interface PopoverTriggerProps extends default_2.HTMLAttributes<HTMLDivElement> {
-    /**
-     * The content to be rendered as the popover trigger.
-     */
-    children: ReactNode;
-    /**
-     * Additional class names to apply to the popover trigger.
-     */
-    className?: string;
-    /**
-     * Inline styles to apply to the popover trigger.
-     */
-    style?: CSSProperties;
-}
-
-export declare const Portal: ({ children, placement, isFixed, }: PortalProps) => default_2.ReactPortal;
-
-export declare interface PortalProps {
-    /**
-     * The children to render in the portal
-     */
-    children: ReactNode;
-    /**
-     * The position of the portal
-     */
-    placement: PlacementProps;
-    /**
-     * Optional prop to indicate if the popover should be fixed
-     */
-    isFixed?: boolean;
-}
-
-export declare type Position = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
-
-declare type Position_2 = 'right' | 'left' | 'top' | 'bottom';
-
-declare interface PositionProps {
-    /**
-     * The left position of the element
-     */
-    left: number;
-    /**
-     * The top position of the element
-     */
-    top: number;
-}
-
-export declare const ProgressBar: ({ className, style, size, value, ...props }: ProgressBarProps) => JSX.Element;
-
-export declare interface ProgressBarProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * The size of the progress bar
-     */
-    size?: Size_10;
-    /**
-     * The value of the progress bar. Should be between 0 and 100.
-     */
-    value: number;
-}
-
-declare type Proportions = 'l' | 'm' | 's';
-
-declare type Proportions_2 = 'l' | 'm' | 's';
-
-declare type Proportions_3 = 'm' | 'l';
-
-declare type Proportions_4 = 'm' | 'l';
-
-declare type Proportions_5 = 'l' | 'm' | 's';
-
-declare type Proportions_6 = 'l' | 'm' | 's';
-
-export declare const Radio: ({ label, description, className, disabled, checked, onChange, value, size, variant, ...props }: RadioProps) => JSX.Element;
-
-export declare const RadioGroup: ({ value, onChange, children, name, orientation, className, size, disabled, defaultValue, variant, }: RadioGroupProps) => JSX.Element;
-
-export declare interface RadioGroupProps {
-    /**
-     * The value of the selected radio button.
-     */
-    value?: string | null;
-    /**
-     * The default value of the selected radio button.
-     */
-    defaultValue?: string | null;
-    /**
-     * Function to call when the radio is clicked.
-     */
-    onChange?: (value: string, e?: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * The size of the radio buttons.
-     */
-    size?: Size_11;
-    /**
-     * The name of the radio group.
-     */
-    name?: string;
-    /**
-     * If `true`, the radio group will be read-only.
-     */
-    readOnly?: boolean;
-    /**
-     * The content of the radio group.
-     */
-    children: ReactElement<RadioProps>[];
-    /**
-     * The layout orientation of the radio group.
-     */
-    orientation?: Orientation;
-    /**
-     * Additional class name for the radio group.
-     */
-    className?: string;
-    /**
-     * If `true`, the radio group will be disabled.
-     */
-    disabled?: boolean;
-    /**
-     * The variant of the radio buttons.
-     */
-    variant?: Variant_12;
-}
-
-export declare interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange'> {
-    /**
-     * The variant of the radio button.
-     */
-    variant?: Variant_12;
-    /**
-     * The label of the radio button.
-     */
-    label?: string;
-    /**
-     * The description of the radio button. The description is displayed below the label.
-     */
-    description?: string;
-    /**
-     * The size of the radio button.
-     */
-    size?: Size_11;
-    /**
-     * Function to call when the radio is clicked.
-     */
-    onChange?: (value: string, e?: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * The value of the radio button.
-     */
-    value: string;
-}
-
-export declare type Radius = 'none' | '2' | '3' | '4' | '6' | '8' | '10' | '12' | '14' | '16' | '20' | '24' | '32' | 'full';
-
-/**
- * Props for date-range selection
- */
-declare type RangeDatePickerProps = BaseDatePickerProps & {
-    /** Enables range selection */
-    isRange: true;
-    /** Selected date range */
-    value: [Date, Date] | null;
-    /** Callback when the range changes */
-    onChange: (val: [Date, Date] | null) => void;
-    /** Predefined options for quick range selection */
-    options?: PickerOption<[Date, Date]>[];
-    /** Time selection is not supported in range mode */
-    withTime?: never;
-};
-
-export declare const RangeSlider: ({ min, max, step, disabled, value, onChange, counter, label, withTooltip, marks, }: RangeSliderProps) => JSX.Element;
-
-export declare interface RangeSliderProps extends SliderCommonProps {
-    /**
-     * The `value` of the RangeSlider. It should be an object with `min` and `max` properties.
-     */
-    value: {
-        min: number;
-        max: number;
-    };
-    /**
-     * The `onChange` function is called when the value of the RangeSlider changes.
-     */
-    onChange: (prop: {
-        min: number;
-        max: number;
-    }) => void;
-}
-
-export declare const Rating: ({ size, variant, value, onChange, className, filledIcon, defaultIcon, }: RatingProps) => JSX.Element;
-
-export declare interface RatingProps {
-    /**
-     * The size of the rating component.
-     */
-    size?: Size_12;
-    /**
-     * The variant of the rating component.
-     * - `outline`: Stars are outlined.
-     * - `solid`: Stars are solid.
-     */
-    variant?: Variant_13;
-    /**
-     * The current rating value.
-     */
-    value: number;
-    /**
-     * Callback function triggered when the rating changes.
-     * @param value - The new rating value.
-     */
-    onChange: (value: number) => void;
-    /**
-     * Custom class names for root.
-     */
-    className?: string;
-    /**
-     * Custom icons for different states of the stars
-     */
-    filledIcon?: ReactNode;
-    /**
-     * Custom icons for different states of the stars
-     */
-    defaultIcon?: ReactNode;
-}
-
-export declare const resolveTypography: <C extends TypographyCategory>(category: C, proportion: TypographyProportions[C]) => FontStyle;
-
-declare type RowSpacing = 'xl' | 'l' | 'm' | 's';
-
-export declare const RuFlag: ({ height, width, ...props }: IconProps) => JSX.Element;
-
-export declare const Search: ({ disabled, style, variant, withIcon, fullWidth, keepLabel, proportions, className, ...props }: SearchProps) => JSX.Element;
-
-export declare const SearchAccent: ({ className, disabled, onSearch, style, fullWidth, proportions, keepLabel, ...props }: SearchAccentProps) => JSX.Element;
-
-export declare interface SearchAccentProps extends Omit<SearchProps, 'withIcon' | 'variant' | 'label'> {
-    /**
-     * The Label of the search input.
-     */
-    label: string;
-    /**
-     * If `true`, the input will be full width.
-     */
-    fullWidth?: boolean;
-    /**
-     * The function triggered on clear button click.
-     */
-    onClear?: () => void;
-    /**
-     * The function triggered on search button click.
-     */
-    onSearch?: () => void;
-    /**
-     * The size of the search component.
-     */
-    proportions?: Proportions_6;
-    /**
-     * If `true`, the input label will be displayed even when the input is focused.
-     */
-    keepLabel?: boolean;
-}
-
-export declare interface SearchProps extends InputHTMLAttributes<HTMLInputElement> {
-    /**
-     * The variant of the search component.
-     */
-    variant?: Variant_14;
-    /**
-     * The label of the search component.
-     */
-    label?: string;
-    /**
-     * Function triggered when the clear button is clicked.
-     */
-    onClear?: () => void;
-    /**
-     * The size of the search component.
-     */
-    proportions?: Proportions_5;
-    /**
-     * If `true`, the search component will take up the full width of its container.
-     */
-    fullWidth?: boolean;
-    /**
-     * If `false`, the search component will not have an icon.
-     */
-    withIcon?: boolean;
-    /**
-     * If `true`, the label will be displayed even when the input is focused.
-     */
-    keepLabel?: boolean;
-}
-
-export declare const SegmentedControl: ({ className, tabs, value, defaultValue, onChange, rounded, size, variant, fullWidth, disabled, }: SegmentedControlProps) => JSX.Element;
-
-export declare interface SegmentedControlProps {
-    /**
-     * The tabs to be rendered in the segmented control.
-     */
-    tabs: TabItem[];
-    /**
-     * The default value of the segmented control. This is used when the `value` prop is not provided.
-     */
-    defaultValue?: string;
-    /**
-     * If `true`, the segmented control is disabled and cannot be interacted with.
-     */
-    disabled?: boolean;
-    /**
-     * If `true`, the segmented control will take up the full width of its container.
-     */
-    fullWidth?: boolean;
-    /**
-     * The class name to apply to the segmented control.
-     */
-    className?: string;
-    /**
-     * If `true`, the tabs will be rounded.
-     */
-    rounded?: boolean;
-    /**
-     * The size of the tabs.
-     */
-    size?: Size_13;
-    /**
-     * The variant of the tabs. This controls the color and style of the tabs.
-     */
-    variant?: Exclude<Variant_15, 'text' | 'outline'>;
-    /**
-     * The function to call when the selected tab changes.
-     */
-    onChange: (value: string) => void;
-    /**
-     * The value of the segmented control. This is used to control the selected tab.
-     */
-    value?: string;
-}
-
-export declare const Select: <T>({ onChange, value, onSearch, onSearchList, className, fullWidth, style, id, name, searchValue: searchValueList, searchPlaceholder, customNoOptionsText, isCenteredContent, itemClassName, hasSearch, options, proportions, keepLabel, filterable, showClearIcon, isLoading, onBlur, disabled, disableClientFilter, ...props }: SelectProps<T>) => JSX.Element;
-
-declare type SelectionType = 'single' | 'multiple';
-
-export declare const SelectMultiple: <T>({ onChange, values, label, placeholder, hasError, onSearch, onSearchList, className, style, id, name, searchValue: searchValueList, searchPlaceholder, customNoOptionsText, isCenteredContent, itemClassName, hasSearch, disabled, keepLabel, options, proportions, isStayOpenAfterSelection, isClearTextAfterSelection, fullWidth, filterable, isLoading, onBlur, disableClientFilter, ...hintProps }: SelectMultipleProps<T>) => JSX.Element;
-
-export declare interface SelectMultipleProps<T> extends Omit<SelectProps<T>, 'onChange' | 'value' | 'options'> {
-    /**
-     * The selected values of the SelectMultiple component.
-     * **Note:** This can be a primitive value or an object of type `ListItemOptionType`.
-     * Use value of `ListItemOptionType` type when implementing server-side filtering.
-     * In such cases, the selected values might not be present in the `options` array,
-     * which prevents the component from displaying the selected labels.
-     * To handle this, pass the full objects to `values`.
-     */
-    values: string[] | number[] | ValIsObject[];
-    /**
-     * Callback function triggered when the selected values change.
-     */
-    onChange: (values: string[] | number[] | ValIsObject[], options?: ValIsObject[]) => void;
-    options: ValIsObject[];
-    /**
-     * Indicates if the ListItem is open after selection.
-     */
-    isStayOpenAfterSelection?: boolean;
-    /**
-     * Indicates if the text in the input should be cleared after selection.
-     */
-    isClearTextAfterSelection?: boolean;
-}
-
-export declare const SelectorInput: <T>({ inputProps, selectorProps, disabled, showIcon, showLabel, size, variant, }: SelectorInputProps<T>) => JSX.Element;
-
-export declare interface SelectorInputProps<T> {
-    /**
-     * Props for the input part of the SelectorInput.
-     * This includes standard input settings such as label, placeholder, value, etc.
-     * Omits proportions and disabled to control them via SelectorInput directly.
-     */
-    inputProps?: Omit<InputProps, 'proportions' | 'disabled'>;
-    /**
-     * Props for the dropdown/select part of the SelectorInput.
-     * Combines the basic ListItemProps<T> with additional custom properties.
-     */
-    selectorProps?: ListItemProps<T> & {
-        /**
-         * If true, disables the selector so the user cannot interact with it.
-         */
-        disabled?: boolean;
-    };
-    /**
-     * If true, shows additional secondary text (e.g., country name)
-     * next to the primary label (e.g., country code).
-     */
-    showLabel?: boolean;
-    /**
-     * If true, shows an icon next to the selector input.
-     */
-    showIcon?: boolean;
-    /**
-     * Visual style variant for the selector input. 'primary' or 'secondary'.
-     */
-    variant?: Variant_19;
-    /**
-     * Size variant for the selector input. 'l', 'm', or 's'.
-     */
-    size?: Size_19;
-    /**
-     * If true, disables the entire SelectorInput component.
-     */
-    disabled?: boolean;
-}
-
-export declare interface SelectProps<T> extends HinterProps {
-    /**
-     * The selected value of the select component.
-     * **Note:** This can be a primitive value of type `T` or an object of type `ListItemOptionType`.
-     * Use value of `ListItemOptionType` type when implementing server-side filtering.
-     * In such cases, the selected value might not be present in the `options` array,
-     * which prevents the component from displaying the selected label.
-     * To handle this, pass the full object to `value`.
-     *
-     */
-    value: T | ValIsObject | null;
-    /**
-     * Callback function triggered when the selected value changes.
-     */
-    onChange: (value: T | null, option: ListItemOptionType<T> | ValIsObject | null) => void;
-    /**
-     * List of options to display in the select dropdown.
-     */
-    options: ListItemOptionType<T>[] | ValIsObject[];
-    /**
-     * Label for the select component.
-     */
-    label?: string;
-    /**
-     * Placeholder text when no value is selected.
-     */
-    placeholder?: string;
-    /**
-     * If `true`, the select component will take the full width of its container.
-     */
-    fullWidth?: boolean;
-    /**
-     * The size of the select component.
-     */
-    proportions?: Proportions_2;
-    /**
-     * If `true`, the select component behaves as auto-complete. This means the values will be filtered based on the input.
-     */
-    filterable?: boolean;
-    /**
-     * Callback function triggered when the user types in the search input.
-     */
-    onSearch?: (value: string, event?: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * Callback function triggered when the user types in the search input of the listItem.
-     */
-    onSearchList?: (searchText: string, event?: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * Style object for custom styling.
-     */
-    style?: CSSProperties;
-    /**
-     * The id attribute of the select component.
-     */
-    id?: string;
-    /**
-     * The name attribute of the select component.
-     */
-    name?: string;
-    /**
-     * If `true`, the listItem will have a search input.
-     */
-    hasSearch?: boolean;
-    /**
-     * Whether the label should be kept when the field is focused.
-     */
-    keepLabel?: boolean;
-    /**
-     * The value of the search input in the listItem.
-     */
-    searchValue?: string;
-    /**
-     * The placeholder text for the search input in the listItem.
-     */
-    searchPlaceholder?: string;
-    /**
-     * Custom text to display when there are no options available. If not provided, a default message will be shown.
-     * Please note that the default message may vary based on language settings.
-     */
-    customNoOptionsText?: string;
-    /**
-     * Indicates if the content of the listItem is centered.
-     */
-    isCenteredContent?: boolean;
-    /**
-     * Class name for the list item.
-     */
-    itemClassName?: string;
-    /**
-     * Indicates if the search input is with clear icon.
-     */
-    showClearIcon?: boolean;
-    /**
-     * If `true` the select component will be in loading state.
-     */
-    isLoading?: boolean;
-    /**
-     * Callback function triggered when the select component is blurred.
-     */
-    onBlur?: FocusEventHandler<HTMLDivElement>;
-    /**
-     * To support server-side filtering, set this to `true`.
-     */
-    disableClientFilter?: boolean;
-}
-
-declare type ShadowLevel = 'xs' | 's' | 'm' | 'l' | 'xl';
-
-export declare const Sidebar: {
-    ({ size, variant, children, showControlButton, type, hideScrollbar, className, }: SidebarProps): JSX.Element;
-    Items: ({ children }: SidebarItemsProps) => JSX.Element;
-    Item: ({ children, icon, isCollapseParent, count, path, active, onClick, }: SidebarItemProps) => JSX.Element;
-    Collapse: ({ children, icon, label, isCollapse, collapseVariant, showArrowIcon, count, index, }: SidebarCollapseProps) => JSX.Element;
-    HeaderSection: ({ children, logo }: SidebarHeaderProps) => JSX.Element;
-    BottomSection: ({ children }: SidebarBottomProps) => JSX.Element;
-    Element: ({ children, icon }: SidebarElementProps) => JSX.Element;
-};
-
-declare interface SidebarBottomProps {
-    /**
-     * The content of the sidebar bottom.
-     */
-    children: ReactNode;
-}
-
-declare interface SidebarCollapseProps {
-    /**
-     * The content of the collapse.
-     */
-    children: ReactNode;
-    /**
-     * The icon to be displayed on the collapse button.
-     */
-    icon?: ReactNode;
-    /**
-     * The text to be displayed on the collapse button.
-     */
-    label: string;
-    /**
-     * The variant of the collapse button. If `group`, the collapse button will have a different style.
-     */
-    collapseVariant?: 'default' | 'group';
-    /**
-     * Whether the collapse button is collapsible. If `false`, the collapse button will always be expanded.
-     */
-    isCollapse?: boolean;
-    /**
-     * Indicates if the arrow icon should be shown.
-     */
-    showArrowIcon?: boolean;
-    /**
-     * The number to be displayed on the collapse button. Usually used for notifications.
-     */
-    count?: number;
-    /**
-     * Index of the collapse element in the sidebar structure.
-     */
-    index?: number;
-}
-
-declare interface SidebarElementProps {
-    /**
-     * The content of the sidebar element. Children are rendered only when the sidebar is not compact.
-     */
-    children: ReactNode;
-    /**
-     * The icon to be displayed on the sidebar element. This is rendered only when the sidebar is compact.
-     */
-    icon: ReactNode;
-}
-
-declare interface SidebarHeaderProps {
-    /**
-     * The content of the header.
-     */
-    children?: ReactNode;
-    /**
-     * The logo to be displayed in the header.
-     */
-    logo?: {
-        default: ReactNode;
-        compact: ReactNode;
-    };
-}
-
-declare interface SidebarItemProps {
-    /** The text to be displayed on the sidebar item */
-    children: string;
-    /** The icon to be displayed on the sidebar item to the left of the text */
-    icon?: ReactNode;
-    /** Whether the item is a collapse parent. A collapse parent is an item that has children that can be expanded or collapsed */
-    isCollapseParent?: boolean;
-    /** The number to be displayed on the sidebar item */
-    count?: number;
-    /** The path to be used for navigation */
-    path: string;
-    /** The function to be called when the item is clicked */
-    onClick?: (path: string) => void;
-    /** Whether the item is active */
-    active?: boolean;
-}
-
-declare interface SidebarItemsProps {
-    /**
-     * The content of the sidebar items.
-     */
-    children: ReactElement | ReactElement[];
-}
-
-export declare interface SidebarProps {
-    /**
-     * The size variant of the sidebar.
-     */
-    size?: Size_14;
-    /**
-     * The type of sidebar. 'default' renders a standard sidebar, 'floating' renders a sidebar that can be positioned anywhere on the screen.
-     */
-    type?: Type_3;
-    /**
-     * The visual style variant of the sidebar. Options: 'default', 'contrast', 'velora', 'everdeep', 'abyss', 'phantor'.
-     */
-    variant?: Variant_16;
-    /**
-     * The content of the sidebar.
-     */
-    children: ReactElement | ReactElement[];
-    /**
-     * If `true`, the button to control the sidebar's size will be shown.
-     */
-    showControlButton?: boolean;
-    /**
-     * Indicates whether the scrollbar should be hidden.
-     */
-    hideScrollbar?: boolean;
-    /**
-     * Additional class names to apply to the sidebar.
-     */
-    className?: string;
-}
-
-/**
- * Props for single-date selection
- */
-declare type SingleDatePickerProps = BaseDatePickerProps & {
-    /** Set to true for range selection; false or undefined for single date */
-    isRange?: false;
-    /** Enable time selection */
-    withTime?: boolean;
-    /** Currently selected date */
-    value: Date | null;
-    /** Callback when the date changes */
-    onChange: (val: Date | null) => void;
-    /** Predefined options for quick selection */
-    options?: PickerOption<Date>[];
-};
-
-declare type Size = 'l' | 'm' | 's' | 'xs';
-
-declare type Size_10 = 'l' | 'm' | 's';
-
-declare type Size_11 = 'm' | 's';
-
-declare type Size_12 = 'xs' | 's' | 'm' | 'l';
-
-declare type Size_13 = 's' | 'm' | 'l';
-
-declare type Size_14 = 'large' | 'compact';
-
-declare type Size_15 = 's' | 'm';
-
-declare type Size_16 = 'xs' | 's' | 'm';
-
-declare type Size_17 = 'l' | 'm' | 's';
-
-declare type Size_18 = 'l' | 'm' | 's';
-
-declare type Size_19 = 'l' | 'm' | 's';
-
-declare type Size_2 = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs';
-
-declare type Size_3 = 'm' | 's' | 'xs';
-
-declare type Size_4 = 'l' | 'm' | 's' | 'xs';
-
-declare type Size_5 = 's' | 'm';
-
-declare type Size_6 = 's' | 'm' | 'l';
-
-declare type Size_7 = 'm' | 'l';
-
-declare type Size_8 = 'xl' | 'l' | 'm' | 's' | 'xs';
-
-declare type Size_9 = 's' | 'm';
-
-export declare const Skeleton: ({ className, style, type, height, width, radius, ...props }: SkeletonProps) => JSX.Element;
-
-export declare interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * The height of the skeleton.
-     */
-    height?: string;
-    /**
-     * The width of the skeleton.
-     */
-    width?: string;
-    /**
-     * The type of the skeleton.
-     */
-    type?: Type_4;
-    /**
-     * The border radius of the skeleton.
-     */
-    radius?: Radius;
-}
-
-export declare const Slider: ({ label, counter, min, max, value, step, onChange, disabled, marks, withTooltip, }: SliderProps) => JSX.Element;
-
-declare interface SliderCommonProps extends LabelProps, MarksProps {
-    /**
-     * The granularity with which the slider can step through values. (A "discrete" slider.)
-     * The min prop serves as the origin for the valid values.
-     * We recommend (max - min) to be evenly divisible by the step.
-     */
-    step?: number;
-    /**
-     * If `true`, the value will display in the tooltip when the slider thumb is hovered.
-     */
-    withTooltip?: boolean;
-}
-
-export declare interface SliderProps extends SliderCommonProps {
-    /**
-     * The `value` of the Slider. It should be a number.
-     */
-    value: number;
-    /**
-     * The `onChange` function is called when the value of the Slider changes.
-     */
-    onChange: (value: number) => void;
-}
-
-export declare const snackbar: SnackbarFunc;
-
-export declare const SnackbarContainer: ({ position, }: SnackbarContainerProps) => JSX.Element;
-
-export declare interface SnackbarContainerProps {
-    /**
-     * Position of the notification container (defaults to top-right)
-     */
-    position?: SnackbarPosition;
-}
-
-declare interface SnackbarFunc {
-    /**
-     *  Function to display a notification
-     */
-    show: (props: SnackbarProps) => void;
-}
-
-/**
- * Notification position on the screen
- */
-declare type SnackbarPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
-
-declare interface SnackbarProps {
-    /**
-     * Notification title (required)
-     */
-    title: string;
-    /**
-     * Optional subtitle for additional information
-     */
-    subtitle?: string;
-    /**
-     *  Automatically hide the notification (default: true)
-     */
-    autoHide?: boolean;
-    /**
-     *  Type of notification, determines styling and icon
-     */
-    type?: SnackbarType;
-    /**
-     *  Additional actions as React elements
-     */
-    actions?: ReactNode;
-    /**
-     *  Slot on the left side of the content (icon or custom element)
-     */
-    leftSlot?: ReactNode;
-    /**
-     *  Slot on the right side of the content (custom element)
-     */
-    rightSlot?: ReactNode;
-    /**
-     *  Display duration in milliseconds (default: 3000)
-     */
-    duration?: number;
-    /**
-     *  Show a close button for manual dismissal
-     */
-    withCloseButton?: boolean;
-    /**
-     *  Show a timer indicator for notification lifespan
-     */
-    withTimer?: boolean;
-    /**
-     *  Additional classes for styling
-     */
-    className?: string;
-}
-
-/**
- * Notification type (success, error, warning, info)
- */
-declare type SnackbarType = 'success' | 'error' | 'warning' | 'info';
-
-export declare const SolidNavigationArrowDown: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidNavigationArrowLeft: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidNavigationArrowRight: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidNavigationArrowUp: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidNavigationDoubleLeft: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidNavigationDoubleRight: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidNavigationLeftPrev: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidNavigationRightNext: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidNavigationSelectOpenDown: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidNavigationSelectTop: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemAdd: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemAdd2: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemAlertCircle: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemBell: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemBellOff: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemBill: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemCalendar: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemCamera: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemChat: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemCheck: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemCheckCircle: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemClock: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemClose: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemCopy: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemDoc: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemDocEmpty: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemDownload: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemEdit: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemEditAlt: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemExclamation: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemExpand: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemEyeOff: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemEyeOffAlt: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemEyeOn: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemFileAccept: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemFolder: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemGridView: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemHeadphones: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemHeart: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemHelpCircle: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemHex: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemHome: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemInfo: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemLanguage: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemLink: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemLink2: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemListView: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemLock: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemMail: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemMapPin: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemMenu: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemMoon: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemMoreHorizontal: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemMoreVertical: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemMove: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemPaperclip: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemPrinter: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemRefresh: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemRefresh2: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemRemove: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemRemoveCircle: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemRightNext: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemSearch: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemSend: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemSettings: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemSidebar: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemSlash: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemSmartphone: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemStar: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemSun: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemTickDouble: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemTrash: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemTune: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemUnlock: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemUpload: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemUploadCloud: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemUser: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemUserFilled: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemUsers: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-export declare const SolidSystemWifiOff: ({ width, height, fill, ...props }: IconProps) => JSX.Element;
-
-declare type SortIconPosition = 'right' | 'left';
-
-declare type Status = 'error' | 'active';
-
-declare type StatusVariant = 'online' | 'offline' | 'warning';
-
-export declare const Surface: ({ className, children, p, px, py, m, mt, mr, mb, ml, rounded, style, darkLevel, ...props }: SurfaceProps) => JSX.Element;
-
-export declare interface SurfaceProps extends PaperProps {
-    /**
-     * Dark level of the surface.
-     */
-    darkLevel?: DarkLevel;
-}
-
-export declare const Switch: ({ className, label, description, size, ...props }: SwitchProps) => JSX.Element;
-
-export declare interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
-    label?: ReactNode;
-    description?: ReactNode;
-    size?: Size_15;
-}
-
-export declare const Tab: ({ className, value, onChange, label, leftIcon, rightIcon, counter, variant, size, rounded, isAlert, selectionType, withBackground, ...props }: TabProps) => JSX.Element;
-
-export declare const TabGroup: ({ className, value, defaultValue, onChange, fullWidth, children, selectionType, disabled, variant, rounded, size, justify, spacing, }: TabGroupProps) => JSX.Element;
-
-export declare interface TabGroupProps {
-    /**
-     * The default value of the tab group. This is used when the `value` prop is not provided.
-     */
-    defaultValue?: string | string[];
-    /**
-     * If `true`, the tab group is disabled and cannot be interacted with.
-     */
-    disabled?: boolean;
-    /**
-     * If `true`, the tab group will take up the full width of its container.
-     */
-    fullWidth?: boolean;
-    /**
-     * The class name to apply to the tab group.
-     */
-    className?: string;
-    /**
-     * If `true`, the tabs will be rounded.
-     */
-    rounded?: boolean;
-    /**
-     * The size of the tabs.
-     */
-    size?: Size_13;
-    /**
-     * The variant of the tabs. This controls the color and style of the tabs.
-     */
-    variant?: Variant_15;
-    /**
-     * The children of the tab group. This should be a list of `Tab` components.
-     */
-    children: ReactElement<TabProps>[];
-    /**
-     * The alignment of the tabs within the tab group.
-     */
-    justify?: 'flex-start' | 'center' | 'flex-end' | 'space-between';
-    /**
-     * The selection type of the tab group. This controls whether multiple or single tab(s) can be selected.
-     */
-    selectionType?: SelectionType;
-    /**
-     * The value of the tab group. This is used to control the selected tab.
-     */
-    value: string | string[];
-    /**
-     * The callback function that is called when the selected tab changes.
-     */
-    onChange: (value: string | string[]) => void;
-    /**
-     * The spacing between the tabs.
-     */
-    spacing?: string;
-}
-
-declare interface TabItem extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange'> {
-    /**
-     * The label of the tab.
-     */
-    label: ReactNode;
-    /**
-     * Icon to display on the left side of the tab.
-     */
-    leftIcon?: ReactNode;
-    /**
-     * Icon to display on the right side of the tab.
-     */
-    rightIcon?: ReactNode;
-    /**
-     * The number to display on the tab. This is typically used for notifications.
-     */
-    counter?: number;
-    /**
-     * If `true`, the tab is in an alert state. Alerts are typically used to indicate that the tab has new information or requires attention.
-     */
-    isAlert?: boolean;
-    /**
-     * If `true`, the tab has a background color. Only relevant for `primary` and `accent` variants.
-     */
-    withBackground?: boolean;
-}
-
-export declare const Table: <T>({ isLoading, columns, records, selectedRecords, accessorId, onSelectedRecordsChange, rowSpacing, withRowBorders, withColBorders, onRowClick, rowExpansion, rowGap, tableClassNames, emptyPlaceholder, defaultExpandedRow, defaultExpandedRows, isMultiExpanded, verticalAlign, skeletonRowsCount, }: TableProps<T>) => JSX.Element;
-
-declare interface TableClassNames {
-    root?: string;
-    thead?: string;
-    tbody?: string;
-    row?: string;
-    rowContent?: string;
-}
-
-declare interface TableColumnProps<T> {
-    /**
-     * Key of the record used to display data in the column.
-     */
-    accessor: string;
-    /**
-     * Header title displayed in the table's header.
-     */
-    title: string;
-    /**
-     * Maximum width of the column (CSS value, e.g., '100px').
-     */
-    maxWidth?: string;
-    /**
-     * Minimum width of the column (CSS value, e.g., '50px').
-     */
-    minWidth?: string;
-    /**
-     * Text alignment for the cells in the column and rows (`left`, `center`, `right`).
-     */
-    textAlign?: TextAlign;
-    /**
-     * Indicates whether the column can be sorted.
-     */
-    sortable?: boolean;
-    /**
-     * Position of the sort icon relative to the header (`left` or `right`).
-     */
-    sortIconPosition?: SortIconPosition;
-    /**
-     * Handler triggered when sorting is applied.
-     */
-    onSort?: (direction: Direction_2) => void;
-    /**
-     * Custom renderer for the row cell content of this column.
-     */
-    renderRowCell?: (props: T, index: number) => ReactNode;
-    /**
-     * Custom renderer for the column header content.
-     */
-    renderHeaderCell?: (title?: string) => ReactNode;
-}
-
-export declare interface TableProps<T> {
-    /**
-     * Indicates whether the table is in a loading state.
-     */
-    isLoading?: boolean;
-    /**
-     * Columns of the table.
-     * Contains information about headers, sorting settings, and custom rendering for cells.
-     */
-    columns: TableColumnProps<T>[];
-    /**
-     * Array of data records displayed in the table.
-     * Each record must match the fields defined in the `columns`.
-     */
-    records: T[];
-    /**
-     * Object containing class names for styling different parts of the table,
-     * such as the root, header, body, and row content.
-     */
-    tableClassNames?: TableClassNames;
-    /**
-     * Field used as the identifier for rows.
-     * Defaults to `'id'` or any key from the record.
-     */
-    accessorId?: keyof T | 'id';
-    /**
-     * Array of identifiers for selected records.
-     * Used when the table supports row selection.
-     */
-    selectedRecords?: number[];
-    /**
-     * Enables row borders for the table.
-     */
-    withRowBorders?: boolean;
-    /**
-     * Enables row borders for the table.
-     */
-    withColBorders?: boolean;
-    /**
-     * Handler for changing selected rows.
-     * Receives an array of selected record IDs.
-     */
-    onSelectedRecordsChange?: Dispatch<SetStateAction<number[]>>;
-    /**
-     * Configuration for row expansion.
-     * Allows additional content to be displayed below rows.
-     */
-    rowExpansion?: {
-        /**
-         * Content to display when a row is expanded.
-         * Receives the current record as props.
-         */
-        content: (props: T, isExpanded: boolean) => ReactNode;
-    };
-    /**
-     * Handler for when a row is clicked.
-     * Receives the current record and its index in the `records` array as arguments.
-     */
-    onRowClick?: (props: T, index: number) => void;
-    /**
-     * Defines the spacing style for rows, controlling the `padding-top` and `padding-bottom` of each row.
-     * Example values: s, m, x, xl.
-     */
-    rowSpacing?: RowSpacing;
-    /**
-     * Gap between rows (in pixels). Works only if both withColBorders and withRowBorders are false.
-     */
-    rowGap?: number;
-    /**
-     * Specifies the identifier of the row that should be expanded by default when the table is rendered.
-     * Useful for initially showing detailed content for a specific record.
-     * It works only if `isMultiExpanded` is `false`.
-     */
-    defaultExpandedRow?: number;
-    /**
-     * Specifies the identifier of the rows that should be expanded by default when the table is rendered.
-     * Useful for initially showing detailed content for a specific records.
-     * It works only if `isMultiExpanded` is set to `true` as it allows multiple rows to be expanded at once.
-     */
-    defaultExpandedRows?: number[];
-    /**
-     * Open several expanded rows of tables.
-     */
-    isMultiExpanded?: boolean;
-    /**
-     * Set another element instead of the default text that indicates missing data.
-     */
-    emptyPlaceholder?: ReactNode;
-    /**
-     * Controls vertical alignment of table cell content. Accepts CSS values: 'top', 'middle', 'bottom', or 'baseline'.
-     */
-    verticalAlign?: VerticalAlign;
-    /**
-     * Number of skeleton rows to display when the table is loading.
-     */
-    skeletonRowsCount?: number;
-}
-
-export declare function TabMenu({ variant, ...props }: TabMenuProps): JSX.Element;
-
-export declare const TabMenuNew: ({ className, tabs, value, defaultValue, onChange, size, fullWidth, disabled, divider, justify, }: TabMenuNewProps) => JSX.Element;
-
-export declare interface TabMenuNewProps {
-    /**
-     * The tabs to be rendered in the tab menu.
-     */
-    tabs: TabItem[];
-    /**
-     * The default value of the tab menu. This is used when the `value` prop is not provided.
-     */
-    defaultValue?: string;
-    /**
-     * If `true`, the tab menu is disabled and cannot be interacted with.
-     */
-    disabled?: boolean;
-    /**
-     * If `true`, the tab menu will take up the full width of its container.
-     */
-    fullWidth?: boolean;
-    /**
-     * The class name to apply to the tab menu.
-     */
-    className?: string;
-    /**
-     * The size of the tabs.
-     */
-    size?: Size_13;
-    /**
-     * The function to call when the selected tab changes.
-     */
-    onChange: (value: string) => void;
-    /**
-     * The value of the tab menu. This is used to control the selected tab.
-     */
-    value?: string;
-    /**
-     *  The alignment of the tabs within the tab menu.
-     */
-    justify?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around';
-    /**
-     * If `true`, a divider will be displayed under the tab menu. Only applicable for the `text` variant.
-     */
-    divider?: boolean;
-}
-
-export declare type TabMenuProps = OtherVariantProps | TextVariantProps;
-
-export declare interface TabProps extends TabItem {
-    /**
-     * If `true`, the tab is rounded.
-     */
-    rounded?: boolean;
-    /**
-     * Function to call when the tab is clicked.
-     */
-    onChange?: (value: string) => void;
-    /**
-     * The Variant of the tab. This controls the color and style of the tab.
-     */
-    variant?: Variant_15;
-    /**
-     * The size of the tab.
-     */
-    size?: Size_13;
-    /**
-     * The selection type of the tab. This controls whether multiple or single tab(s) can be selected.
-     */
-    selectionType?: SelectionType;
-}
-
-export declare const Tag: ({ leftIcon, counter, children, className, onClose, status, disabled, variant, size, ...props }: TagProps) => JSX.Element;
-
-export declare interface TagProps extends BaseHTMLAttributes<HTMLSpanElement> {
-    variant?: Variant_17;
-    size?: Size_16;
-    status?: Status;
-    leftIcon?: ReactNode;
-    disabled?: boolean;
-    counter?: number;
-    className?: string;
-    onClose?: () => void;
-}
-
-declare type TextAlign = 'start' | 'center' | 'end';
-
-export declare const TextArea: ({ className, label, value, maxLength, onClear, hintText, isFilled, filledLength, style, fullWidth, size, hasError, disabled, showCorrectHintIcon, isHintAlwaysShown, showLengthHint, rows, ...props }: TextAreaProps) => JSX.Element;
-
-export declare interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, HinterProps {
-    /**
-     * The size of the TextArea
-     */
-    size?: Size_17;
-    /**
-     * The label of the TextArea
-     */
-    label?: string;
-    /**
-     * Function to be called when the TextArea is focused to clear the input
-     */
-    onClear?: () => void;
-    /**
-     * Indicates if the TextArea fills the entire width of its container. If you want the cols attribute to work, set this prop to `false`.
-     */
-    fullWidth?: boolean;
-}
-
-declare interface TextVariantProps extends BaseTabMenuProps {
-    /**
-     * The variant of the tab that is used to highlight the selected tab.
-     */
-    variant: 'text';
-    /**
-     * If `true`, a divider will be displayed under the tab menu. Only applicable for the `text` variant.
-     */
-    divider?: boolean;
-}
-
-declare interface ThemeWrapperProps {
-    children: ReactNode;
-    initialMode?: Mode;
-    initialLocale?: Locale;
-    brand?: Brand;
-}
-
-export declare const Timeline: {
-    ({ horizontal, active, children, contentRatio, }: TimelineProps): JSX.Element;
-    displayName: string;
-    Item: ({ children, bullet, tabIndex, }: TimelineItemProps) => JSX.Element;
-    OppositeContent: ({ children, }: TimelineOppositeContentProps) => JSX.Element;
-    Content: ({ children }: TimelineContentProps) => JSX.Element;
-};
-
-declare interface TimelineContentProps {
-    /**
-     * The content of the timeline item.
-     * If the Timeline is `horizontal`, this will be displayed in a row layout **below the line**.
-     * If the Timeline is `vertical`, this will be displayed in a column layout **to the right of the line**.
-     */
-    children?: ReactNode;
-}
-
-declare interface TimelineItemProps extends Partial<Pick<HTMLDivElement, 'tabIndex'>> {
-    /**
-     * The content of the timeline item.
-     */
-    children?: ReactNode;
-    /**
-     * The bullet element to display in the timeline item.
-     */
-    bullet?: ReactNode;
-}
-
-declare interface TimelineOppositeContentProps {
-    /**
-     * The content to display in the opposite content area of the timeline item.
-     */
-    children?: ReactNode;
-}
-
-export declare interface TimelineProps {
-    /**
-     * Determines whether the timeline is displayed horizontally.
-     **/
-    horizontal?: boolean;
-    /**
-     * Timeline items to be rendered inside the timeline
-     */
-    children?: ReactNode;
-    /**
-     * Indicates the currently active timeline step.
-     **/
-    active?: number;
-    /**
-     * Adjusts the flex grow ratio between opposite content and content.
-     * **Important**: This prop only has an effect when the timeline is vertical (horizontal = false).
-     */
-    contentRatio?: {
-        opposite?: number;
-        main?: number;
-    };
-}
-
-export declare const TimePicker: ({ value, onClick, onScroll, maxTime, minTime, hoursStep, minutesStep, className, withHeader, withConfirmationButton, isStandalone, }: TimePickerProps & {
-    isStandalone?: boolean;
-}) => JSX.Element;
-
-export declare interface TimePickerProps {
-    /**
-     * Selected time value in `"HH:MM"` format (e.g., `"09:30"`).
-     */
-    value: string;
-    /**
-     * Callback fired when a time is selected.
-     * Receives the selected time as `"HH:MM"`.
-     */
-    onClick?: (val: string) => void;
-    /**
-     * Callback fired when the user scrolls the time picker.
-     * Receives the currently visible time as `"HH:MM"`.
-     */
-    onScroll?: (val: string) => void;
-    /**
-     * The minimum selectable time in `"HH:MM"` format.
-     * Example: `"08:00"`.
-     */
-    minTime?: string;
-    /**
-     * The maximum selectable time in `"HH:MM"` format.
-     * Example: `"18:30"`.
-     */
-    maxTime?: string;
-    /**
-     * Step for minutes.
-     * Defines the interval between available minute options (e.g., 5, 10, 15).
-     * Default is `1`.
-     */
-    minutesStep?: number;
-    /**
-     * Step for hours.
-     * Defines the interval between available hour options (e.g., 1, 2).
-     * Default is `1`.
-     */
-    hoursStep?: number;
-    /**
-     * Whether to display the header with the label "Время".
-     */
-    withHeader?: boolean;
-    /**
-     * Whether to show a confirmation button below the time picker.
-     */
-    withConfirmationButton?: boolean;
-    /**
-     * Custom CSS class for styling the root element.
-     */
-    className?: string;
-}
-
-export declare const TjFlag: ({ height, width, ...props }: IconProps) => JSX.Element;
-
-export declare const Tooltip: ({ label, icon, className, isOpen, children, withArrow, position, offset, ...props }: TooltipProps) => JSX.Element;
-
-export declare interface TooltipProps extends Omit<PopoverProps, 'trigger'> {
-    /**
-     * The content to display in the tooltip.
-     */
-    label: string;
-    /**
-     * The icon to display in the tooltip on the left side of the label.
-     */
-    icon?: ReactNode;
-    /**
-     * Additional class names to apply to the tooltip.
-     */
-    className?: string;
-}
-
-export declare const Transition: ({ children, mounted, duration, enterDelay, exitDelay, exitDuration, onEnter, onEntered, onExit, onExited, timingFunction, transition, }: TransitionProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | ReactPortal | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | JSX.Element | null | undefined;
-
-declare type Transition_2 = TransitionName | TransitionStyles;
-
-export declare type TransitionName = 'fade' | 'fade-down' | 'fade-up' | 'fade-left' | 'fade-right' | 'slide-down' | 'slide-up' | 'slide-right' | 'slide-left' | 'skew-up' | 'skew-down' | 'rotate-right' | 'rotate-left' | 'scale-y' | 'scale-x' | 'scale' | 'pop' | 'pop-top-left' | 'pop-top-right' | 'pop-bottom-left' | 'pop-bottom-right' | 'collapser';
-
-export declare interface TransitionProps {
-    /**
-     * Name of the transition or a custom transition object
-     */
-    transition?: Transition_2;
-    /**
-     * Duration (in ms) for the enter animation
-     */
-    duration?: number;
-    /**
-     * Duration (in ms) for the exit animation; falls back to `duration` if not provided
-     */
-    exitDuration?: number;
-    /**
-     * CSS transition timing function (e.g., 'ease', 'linear', 'ease-in-out')
-     */
-    timingFunction?: CSSProperties['transitionTimingFunction'];
-    /**
-     * Controls whether the element should be mounted (true = visible, false = hidden)
-     */
-    mounted: boolean;
-    /**
-     * A function that receives the computed transition styles and returns a React element
-     */
-    children: (styles: CSSProperties) => ReactNode;
-    /**
-     * Called right after the exit transition starts
-     */
-    onExit?: () => void;
-    /**
-     * Called right after the exit transition ends and the component unmounts
-     */
-    onExited?: () => void;
-    /**
-     * Called right after the enter transition starts
-     */
-    onEnter?: () => void;
-    /**
-     * Called right after the enter transition ends
-     */
-    onEntered?: () => void;
-    /**
-     * Delay (in ms) before the enter animation starts
-     */
-    enterDelay?: number;
-    /**
-     * Delay (in ms) before the exit animation starts
-     */
-    exitDelay?: number;
-}
-
-export declare type TransitionStatus = 'entered' | 'exited' | 'entering' | 'exiting' | 'pre-entering' | 'pre-exiting';
-
-declare interface TransitionStyles {
-    base?: CSSProperties;
-    enter: CSSProperties;
-    exit: CSSProperties;
-    transitionProperty: CSSProperties['transitionProperty'];
-}
-
-declare type Type = 'warning' | 'error' | 'success' | 'info';
-
-declare type Type_2 = 'primary' | 'secondary';
-
-declare type Type_3 = 'default' | 'floating';
-
-declare type Type_4 = 'rectangle' | 'circle';
-
-export declare const Typography: ({ category, proportions, color, margin, className, style, element, ...rest }: TypographyProps) => JSX.Element;
-
-export declare type TypographyCategory = 'description' | 'body' | 'display' | 'heading';
-
-export declare type TypographyProportions = {
-    description: 's' | 'm' | 'l' | 'sStrong' | 'mStrong' | 'lStrong' | 'sTag';
-    body: 'xs' | 's' | 'm' | 'l' | 'xsStrong' | 'sStrong' | 'mStrong' | 'lStrong';
-    display: 's' | 'm' | 'l' | 'sStrong' | 'mStrong' | 'lStrong';
-    heading: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7' | 'h8' | 'h9';
-};
-
-export declare type TypographyProps = ({
-    category: 'description';
-    proportions: TypographyProportions['description'];
-} | {
-    category: 'body';
-    proportions: TypographyProportions['body'];
-} | {
-    category: 'display';
-    proportions: TypographyProportions['display'];
-} | {
-    category: 'heading';
-    proportions: TypographyProportions['heading'];
-}) & HTMLAttributes<HTMLParagraphElement> & {
-    color?: string;
-    margin?: string;
-    element?: 'p' | 'span' | 'div';
-};
-
-export declare const useFloatingPosition: (trigger: HTMLDivElement | null, popover: HTMLDivElement | null, position: Position | undefined, offset: number | undefined, withArrow: boolean | undefined, isFixed: boolean) => {
-    placement: PositionProps;
-    arrowPlacement: ArrowPositionProps;
-};
-
-export declare const useLocale: () => {
-    locale: Locale;
-    setLocale: Dispatch<SetStateAction<Locale>>;
-};
-
-export declare const useMode: () => {
-    mode: string;
-    toggleMode: () => void;
-};
-
-export declare const useTranslation: () => {
-    t: (key: string) => string;
-    language: Locale;
-    changeLanguage: (nextLocale: Locale | ((prev: Locale) => Locale)) => Promise<void>;
-};
-
-export declare const UsFlag: ({ height, width, ...props }: IconProps) => JSX.Element;
-
-export declare const UzFlag: ({ height, width, ...props }: IconProps) => JSX.Element;
-
-export declare const validateIconButtonProps: (isIconBtn: boolean, leftSection?: ReactNode, rightSection?: ReactNode, children?: ReactNode) => void;
-
-declare type ValIsObject = ListItemOptionType<any>;
-
-declare type Variant = 'primary' | 'secondary';
-
-declare type Variant_10 = 'desktop' | 'mobile';
-
-declare type Variant_11 = 'default' | 'compact' | 'mobile';
-
-declare type Variant_12 = 'default' | 'warning' | 'risk';
-
-declare type Variant_13 = 'outline' | 'solid';
-
-declare type Variant_14 = 'primary' | 'filled' | 'accent';
-
-declare type Variant_15 = 'accent' | 'primary' | 'secondary' | 'outline' | 'text';
-
-declare type Variant_16 = 'default' | 'contrast' | 'velora' | 'everdeep' | 'abyss' | 'phantor';
-
-declare type Variant_17 = 'primary' | 'secondary' | 'tertiary';
-
-declare type Variant_18 = 'solid' | 'outline' | 'outline-filled';
-
-declare type Variant_19 = 'primary' | 'secondary';
-
-declare type Variant_2 = 'default' | 'outlined' | 'filled';
-
-declare type Variant_3 = 'info' | 'success' | 'neutral' | 'warning' | 'error' | 'status-01' | 'status-02' | 'status-03' | 'status-04' | 'status-05' | 'status-06' | 'status-07';
-
-declare type Variant_4 = 'primary' | 'secondary';
-
-declare type Variant_5 = 'primary' | 'secondary' | 'tertiary' | 'outline' | 'outline-neutral' | 'risk';
-
-declare type Variant_6 = 'primary' | 'secondary' | 'accent' | 'contrast';
-
-declare type Variant_7 = 'mobile' | 'desktop';
-
-declare type Variant_8 = 'primary' | 'secondary' | 'tertiary' | 'accent';
-
-declare type Variant_9 = 'primary' | 'secondary' | 'contrast' | 'risk';
-
-declare type VerticalAlign = 'top' | 'middle' | 'bottom' | 'baseline';
-
-export declare const YearPicker: ({ className, maxYear, minYear, onChange, onPickerChange, value, isRange, disabledYears, options, pickerWidth, }: YearPickerProps) => JSX.Element;
-
-declare interface YearPickerOption {
-    /**
-     * Display text for the year option.
-     */
-    text: string;
-    /**
-     * Value of the year option.
-     */
-    value: YearValue;
-}
-
-export declare interface YearPickerProps {
-    /**
-     * Optional class name for custom styling.
-     */
-    className?: string;
-    /**
-     * Minimum year selectable in the picker.
-     * Default can be provided in the component.
-     */
-    minYear?: number;
-    /**
-     * Maximum year selectable in the picker.
-     * Default can be provided in the component.
-     */
-    maxYear?: number;
-    /**
-     * Current value of the picker (single year or range).
-     */
-    value: YearValue;
-    /**
-     * Callback triggered when the value changes via interaction.
-     */
-    onChange?: (value: YearValue) => void;
-    /**
-     * Callback triggered specifically when picker selection changes.
-     */
-    onPickerChange?: (value: YearValue) => void;
-    /**
-     * Enables range selection mode.
-     */
-    isRange?: boolean;
-    /**
-     * Array of years that should be disabled (not selectable).
-     */
-    disabledYears?: number[];
-    /**
-     * Optional array of custom options to display in the picker.
-     */
-    options?: YearPickerOption[];
-    /**
-     * Sets a custom width for the picker (CSS value, e.g. '100%', '400px').
-     * If provided, overrides the default picker width.
-     */
-    pickerWidth?: string;
-}
-
-declare type YearValue = number | [number, number] | null;
-
-export { }
-
-
-export declare namespace patchConsoleError {
-    var release: () => void;
-}
-
+export * from './core/src/main'