@cyber-harbour/ui 2.2.43 → 3.0.0-fix-button-focus-visible.0

package/dist/index.d.mts

@@ -1,1833 +1,693 @@
-import * as styled_components from 'styled-components';
-import { CSSProperties, DefaultTheme } from 'styled-components';
-export { ServerStyleSheet, StyleSheetManager } from 'styled-components';
-import * as styled_components_dist_types from 'styled-components/dist/types';
-import { DefaultTheme as DefaultTheme$1 } from 'styled-components/dist/types';
-import * as react from 'react';
-import react__default, { SVGProps, CSSProperties as CSSProperties$1, ElementType, MouseEventHandler, InputHTMLAttributes, TextareaHTMLAttributes, ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { PopoverPosition, PopoverAlign } from 'react-tiny-popover';
-import { IContentLoaderProps } from 'react-content-loader';
-
-interface ThemeProviderProps {
-    children: any;
-    mode?: 'light' | 'LIGHT' | 'dark' | 'DARK';
-}
-type ThemeMode = 'light' | 'LIGHT' | 'dark' | 'DARK';
-declare const ThemeProvider: ({ children, mode }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
-
-type ButtonVariant = 'fill' | 'outlined' | 'empty';
-type ButtonColor = 'default' | 'primary' | 'secondary' | 'error' | 'soft' | 'light';
-type ButtonState = 'default' | 'hover' | 'active' | 'disabled';
-type ButtonSize = 'small' | 'medium';
-type InputVariant = 'outlined' | 'empty';
-type InputState = 'default' | 'focus' | 'error' | 'disabled';
-type InputSize = 'empty' | 'small' | 'medium';
-type TagVariant = 'fill' | 'outlined';
-type TagColor = 'default' | 'primary' | 'error' | 'warning' | 'success' | 'disabled' | 'text' | 'orange' | string;
-type LabelSize = 'small' | 'medium';
-type LabelSizeStyle = {
-    fontSize: number | string;
-    gap: number | string;
-    marginBottom: number | string;
-    helpText: {
-        fontSize: number | string;
-        marginTop: number | string;
-    };
-};
-type SwitchState = 'default' | 'checked' | 'disabled';
-type SwitchSize = 'small' | 'medium';
-type Breakpoint = 'xs' | 's' | 'm' | 'l' | 'xl';
-type ButtonElementStyle = {
-    background: string;
-    text: string;
-    border: string;
-    boxShadow: string;
-    filledIcon?: {
-        background: string;
-        color: string;
-    };
-};
-type ButtonSizeStyle = {
-    fontSize: number | string;
-    paddingInline: number | string;
-    paddingBlock: number | string;
-    borderRadius: number | string;
-    borderWidth: number | string;
-    gap: number | string;
-    iconSize: number | string;
-};
-type InputElementStyle = {
-    background: string;
-    text: string;
-    placeholder: string;
-    border: string;
-    boxShadow: string;
-    icon: string;
-};
-type InputSizeStyle = {
-    fontSize: number | string;
-    paddingInline: number | string;
-    paddingBlock: number | string;
-    borderRadius: number | string;
-    iconSize: number | string;
-    height: number | string;
-    lineHeight: number;
-};
-type TagElementStyle = {
-    paddingInline: number | string;
-    paddingBlock: number | string;
-    borderRadius: number | string;
-    borderWidth: number | string;
-    color: Record<TagColor, string>;
-};
-type Theme = {
-    mode: 'light' | 'dark';
-    baseSize: number;
-    colors: {
-        background: string;
-        backgroundBase: string;
-        primary: {
-            main: string;
-            light: string;
-            lighter: string;
-            lightest: string;
-            lightest2: string;
-            dark: string;
-        };
-        text: {
-            main: string;
-            light: string;
-            lighter: string;
-            invert: string;
-            success: string;
-            error: string;
-        };
-        stroke: {
-            main: string;
-            light: string;
-            lighter: string;
-        };
-        disable: string;
-        success: string;
-        error: string;
-        warning: string;
-        info: string;
-    };
-    line: {
-        size: string | number;
-        color: string;
-    };
-    typography: {
-        fontFamily: string;
-        lineHeight: number;
-        variants: {
-            h1: {
-                fontSize: number | string;
-            };
-            h2: {
-                fontSize: number | string;
-            };
-            h3: {
-                fontSize: number | string;
-            };
-            body: {
-                fontSize: number | string;
-            };
-        };
-    };
-    breakpoints: Record<Breakpoint, number>;
-    zIndex: {
-        dropdown: number;
-        sticky: number;
-        fixed: number;
-        backdrop: number;
-        modal: number;
-        popover: number;
-        tooltip: number;
-    };
-    button: {
-        fill: Record<ButtonColor, Record<ButtonState, ButtonElementStyle>>;
-        outlined: Record<ButtonColor, Record<ButtonState, ButtonElementStyle>>;
-        empty: Record<ButtonColor, Record<ButtonState, ButtonElementStyle>>;
-        sizes: Record<ButtonSize, ButtonSizeStyle>;
-    };
-    sidebar: {
-        background: string;
-        border: string;
-        width: number;
-        collapsedWidth: number;
-        text: {
-            default: string;
-            active: string;
-            hover: string;
-        };
-        item: {
-            default: {
-                background: string;
-                border: string;
-                padding: string;
-                height: number;
-            };
-            active: {
-                background: string;
-                borderLeft: string;
-                padding: string;
-                height: number;
-            };
-            hover: {
-                background: string;
-                border: string;
-                padding: string;
-                height: number;
-            };
-        };
-        section: {
-            background: string;
-            padding: string;
-            title: {
-                color: string;
-                fontSize: string;
-                fontWeight: number;
-            };
-        };
-        delimeter: {
-            color: string;
-            thickness: number;
-            margin: string;
-        };
-    };
-    contextMenu: {
-        button: Record<ButtonState, ButtonElementStyle>;
-        padding: number;
-        delimeter: {
-            style: CSSProperties['borderStyle'];
-            color: string;
-            thickness: number;
-            marginInline: number | string;
-            marginBlock: number | string;
-        };
-        shadow: string;
-        icon: {
-            size: number | string;
-        };
-    };
-    select: {
-        item: Record<ButtonState, ButtonElementStyle>;
-        paddingBlock: string | number;
-        paddingInline: string | number;
-        margin: string | number;
-        padding: string | number;
-    };
-    rowActionsMenu: {
-        button: Record<ButtonState, ButtonElementStyle>;
-        delimiterColor: string;
-        icon: {
-            size: number | string;
-        };
-    };
-    input: {
-        sizes: Record<InputSize, InputSizeStyle>;
-        outlined: Record<InputState, InputElementStyle>;
-        empty: Record<InputState, InputElementStyle>;
-    };
-    box: {
-        padding: number | string;
-        background: string;
-        borderRadius: number | string;
-        border: {
-            width: number | string;
-            style: string;
-            color: string;
-        };
-    };
-    graph2D: {
-        ring: {
-            highlightFill: string;
-            selectionFill: string;
-        };
-        button: {
-            stroke: string;
-            normalFill: string;
-            hoverFill: string;
-            textColor: string;
-            spinnerColor: string;
-        };
-        grid: {
-            dotColor: string;
-        };
-        link: {
-            normal: string;
-            highlighted: string;
-            textColor: string;
-            highlightedTextColor: string;
-            textBgColor: string;
-            highlightedTextBgColor: string;
-        };
-    };
-    contentLoader: {
-        foreground: string;
-        background: string;
-    };
-    tag: Record<TagVariant, TagElementStyle>;
-    alert: {
-        paddingBlock: number | string;
-        paddingLeft: number | string;
-        paddingRight: number | string;
-        borderRadius: number | string;
-        fontSize: number | string;
-        gap: number | string;
-        icon: {
-            width: number | string;
-            height: number | string;
-            paddingTop: number | string;
-        };
-        color: {
-            icon: string;
-            text: string;
-            background: string;
-        };
-    };
-    label: {
-        sizes: Record<LabelSize, LabelSizeStyle>;
-        color: string;
-        helpTextColor: string;
-    };
-    leanerProgress: {
-        background: string;
-        progressColor: string;
-    };
-    switch: Record<SwitchState, {
-        background: string;
-        color: string;
-    }>;
-    drawer: {
-        padding: string | number;
-        width: number;
-        shadow: string;
-    };
-    tooltip: {
-        fontSize: string | number;
-        padding: string | number;
-        maxWidth: string | number;
-        borderRadius: string | number;
-        shadow: string;
-        color: string;
-        background: string;
-    };
-    pagination: {
-        fontSize: string | number;
-        paddingBlock: string | number;
-        paddingInline: string | number;
-        borderRadius: string | number;
-        gap: string | number;
-        height: string | number;
-        iconSize: string | number;
-    };
-    overlay: {
-        paddingBlock: string | number;
-        background: string;
-        gap: string | number;
-    };
-    modal: {
-        padding: string | number;
-        width: number;
-        shadow: string;
-        borderColor: string;
-        background: string;
-        borderRadius: string | number;
-    };
-};
-type ThemeColors = Theme['colors'];
-type ColorCategory = keyof ThemeColors;
-type NestedColorPaths = keyof Pick<ThemeColors, 'background' | 'disable'> | `${Extract<ColorCategory, 'primary'>}.${keyof ThemeColors['primary']}` | `${Extract<ColorCategory, 'text'>}.${keyof ThemeColors['text']}` | `${Extract<ColorCategory, 'stroke'>}.${keyof ThemeColors['stroke']}`;
-type ColorVariant = NestedColorPaths;
-type TypographyVariant = 'h1' | 'h2' | 'h3' | 'body';
-
-/**
- * Helper function to resolve nested color paths from theme
- * Supports formats like 'primary.main', 'text.lightest', 'background'
- *
- * @param theme - The styled-components theme object
- * @param colorPath - A dot-notation path to the color in the theme, e.g. 'primary.main'
- * @returns The resolved color value or undefined if not found
- */
-declare const resolveThemeColor: (theme: DefaultTheme, colorPath: string | undefined) => string | undefined;
-/**
- * Converts a pixel value to rem units
- *
- * @param pxValue - The pixel value to convert. Can be a number or a string with 'px' suffix
- * @param baseSize - Base font size in pixels. Default is 16px (browser default)
- * @returns The value in rem units as a string (e.g., "1.25rem")
- */
-declare const pxToRem: (pxValue: number | string, baseSize?: number) => string;
-declare const remToPx: (remValue: number | string, baseSize?: number) => number;
-/**
- * Converts a prop value to rem units if needed
- *
- * @param value - The pixel value to convert. Can be a number or a string with 'px' suffix
- * @param baseSize - Base font size in pixels. Default is 16px (browser default)
- * @returns The value in rem units as a string (e.g., "1.25rem")
- */
-declare const propToRem: (value: number | string, baseSize?: number) => string;
-/**
- * Recursively converts all pixel values in an object to rem units
- *
- * @param obj - The object containing values to convert
- * @param baseSize - Base font size in pixels. Default is 16px
- * @returns A new object with pixel values converted to rem
- */
-declare const convertPaletteToRem: (obj: Record<string, any>, baseSize?: number, parentKey?: string) => Record<string, any>;
-/**
- * Функція для отримання стилів кнопки за варіантом, кольором, станом та розміром
- */
-declare const getButtonStyles: <V extends ButtonVariant>(theme: DefaultTheme, variant: ButtonVariant, color: ButtonColor, state: ButtonState) => ButtonElementStyle;
-declare const getButtonSizeStyles: (theme: DefaultTheme, size: ButtonSize) => ButtonSizeStyle;
-/**
- * Функція для отримання стилів інпута за варіантом та станом
- */
-declare const getInputStyles: (theme: DefaultTheme, variant: InputVariant, state: InputState) => InputElementStyle;
-/**
- * Функція для отримання типографічних стилів
- */
-declare const getTypographyStyles: (theme: DefaultTheme, variant?: string) => {
-    fontSize: number | string;
-} | {
-    fontSize: number | string;
-} | {
-    fontSize: number | string;
-} | {
-    fontSize: number | string;
-};
-/**
- * Функція для отримання медіа-запитів для breakpoints
- */
-declare const getBreakpoint: (theme: DefaultTheme, size?: Breakpoint) => string;
-/**
- * Функція для отримання rgba кольору з hex формату
- */
-declare const hexToRgba: (hex: string, alpha: number) => string;
-
-/**
- * Палітра, що містить як кольори, так і розміри в px
- * Кольори взято з теми, розміри будуть автоматично конвертовані в rem
- */
-declare const lightThemePx: Theme;
-declare const lightTheme: DefaultTheme$1;
-
-/**
- * Палітра, що містить як кольори, так і розміри в px
- * Кольори взято з теми, розміри будуть автоматично конвертовані в rem
- */
-declare const darkThemePx: Theme;
-declare const darkTheme: DefaultTheme$1;
-
-type SpaceProps = {
-    m?: string | number;
-    mt?: string | number;
-    mr?: string | number;
-    mb?: string | number;
-    ml?: string | number;
-    mx?: string | number;
-    my?: string | number;
-    p?: string | number;
-    pt?: string | number;
-    pr?: string | number;
-    pb?: string | number;
-    pl?: string | number;
-    px?: string | number;
-    py?: string | number;
-};
-type GeneratedFabricMarginProperties = 'margin' | 'margin-top' | 'margin-right' | 'margin-bottom' | 'margin-left' | 'margin-inline' | 'margin-block' | 'padding' | 'padding-top' | 'padding-right' | 'padding-bottom' | 'padding-left' | 'padding-inline' | 'padding-block';
-type MediaProps<T = object> = {
-    media?: {
-        [key in Breakpoint]?: Partial<T>;
-    };
-};
-type FabricStyledComponentOptions = {
-    ignoreStyles?: GeneratedFabricMarginProperties[] | undefined;
-};
-type CreatedFabricComponent<T extends FabricComponent> = react__default.ComponentType<Omit<T, 'media'>> | react__default.ForwardRefExoticComponent<Omit<T, 'media'>>;
-type FabricComponent<T = object> = T & SpaceProps & MediaProps<T>;
-type StyledFabricComponent<T = object> = T & SpaceProps;
-declare const destructSpaceProps: <T extends FabricComponent>(props: T) => SpaceProps;
-declare const generatePropertySpaceStyle: (theme: DefaultTheme, property: GeneratedFabricMarginProperties, value?: string | number, ignoredOptions?: GeneratedFabricMarginProperties[]) => string;
-declare function getResponsiveProps<T = object>({ media, ...props }: T & MediaProps<T>, currentBreakpoint: Breakpoint, breakpointOrder: Breakpoint[]): Omit<T & MediaProps<T>, "media">;
-declare const createComponent: <T extends FabricComponent, R = unknown>(Component: CreatedFabricComponent<T>) => react__default.ForwardRefExoticComponent<react__default.PropsWithoutRef<FabricComponent<T>> & react__default.RefAttributes<R>>;
-declare const createStyledComponent: <T extends object = StyledFabricComponent>(component: react__default.ComponentType<T>, options?: FabricStyledComponentOptions) => styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<T | (react__default.PropsWithoutRef<T> & react__default.RefAttributes<react__default.Component<T, any, any>>), StyledFabricComponent<T>>> & (string & (Omit<react__default.ComponentClass<T, any>, keyof react__default.Component<any, {}, any>> | Omit<react__default.FunctionComponent<T>, keyof react__default.Component<any, {}, any>>));
-
-declare const useTheme: () => Theme;
-
-declare const BreakpointProvider: ({ children }: {
-    children: any;
-}) => react_jsx_runtime.JSX.Element;
-declare const useBreakpoint: () => {
-    currentBreakpoint: Breakpoint;
-    breakpointsOrder: Breakpoint[];
-};
-
-type BaseButtonProps = {
-    children?: any;
-    variant?: ButtonVariant;
-    color?: ButtonColor;
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React$1 from 'react';
+import React__default, { FC, Ref, CSSProperties, ReactNode, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { Placement } from '@floating-ui/react';
+import { ParsedCountry, CountryIso2, CountryData } from 'react-international-phone';
+import { F as FileWithFolderPath } from './utils-jfCLo6l4.mjs';
+
+declare const button2Variants: (props?: ({
+    type?: "primary" | "secondary" | "tertiary" | "tertiaryGrey" | "ghost" | "ghostGrey" | "dangerPrimary" | "dangerTertiary" | "dangerGhost" | null | undefined;
+    size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "expressive" | null | undefined;
+    active?: boolean | null | undefined;
+    loading?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ButtonVariantProps = VariantProps<typeof button2Variants>;
+type ButtonType = NonNullable<ButtonVariantProps['type']>;
+type ButtonSize = NonNullable<ButtonVariantProps['size']>;
+type ButtonOwnProps = {
+    /** Visual type. Defaults to 'primary'. */
+    type?: ButtonType;
+    /** Size scale. Defaults to 'md'. */
     size?: ButtonSize;
+    /** Pressed/selected toggle state. Paints the button as if `:active` is sticky. */
+    active?: boolean;
+    loading?: boolean;
+    leftIcon?: React__default.ReactNode;
+    rightIcon?: React__default.ReactNode;
+    children?: React__default.ReactNode;
+    className?: string;
+    /**
+     * Disabled state. Applied as native `disabled` only on `<button>`; otherwise
+     * surfaced as `aria-disabled` and used to suppress click handling.
+     */
     disabled?: boolean;
-    fullWidth?: boolean;
+    /**
+     * Native button form-association type. Only applied when rendered as `<button>`.
+     * Defaults to 'button' to avoid accidental form submission.
+     */
+    htmlType?: 'button' | 'submit' | 'reset';
+};
+type PolymorphicRef$5<C extends React__default.ElementType> = React__default.ComponentPropsWithRef<C>['ref'];
+type ButtonProps<C extends React__default.ElementType = 'button'> = ButtonOwnProps & {
+    /** Render as a different element/component (e.g. react-router `Link`). Defaults to `<button>`. */
+    as?: C;
+    ref?: PolymorphicRef$5<C>;
+} & Omit<React__default.ComponentPropsWithoutRef<C>, keyof ButtonOwnProps | 'as' | 'ref'>;
+declare function Button<C extends React__default.ElementType = 'button'>({ as, type, size, active, loading, leftIcon, rightIcon, children, className, disabled, onClick, style, ref, htmlType, ...rest }: ButtonProps<C>): react_jsx_runtime.JSX.Element;
+
+declare const iconButton2Variants: (props?: ({
+    type?: "primary" | "secondary" | "tertiary" | "tertiaryGrey" | "ghost" | "ghostGrey" | "dangerPrimary" | "dangerTertiary" | "dangerGhost" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "expressive" | null | undefined;
+    active?: boolean | null | undefined;
+    loading?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type IconButtonVariantProps = VariantProps<typeof iconButton2Variants>;
+type IconButtonType = NonNullable<IconButtonVariantProps['type']>;
+type IconButtonSize = NonNullable<IconButtonVariantProps['size']>;
+type IconButtonOwnProps = {
+    /** Icon to render. Replaced by a spinner while `loading` is true. */
+    icon: React__default.ReactNode;
+    /** Visual type. Defaults to 'primary'. */
+    type?: IconButtonType;
+    /** Size scale. Defaults to 'md'. */
+    size?: IconButtonSize;
+    /** Pressed/selected toggle state. Paints the button as if `:active` is sticky. */
+    active?: boolean;
+    loading?: boolean;
     className?: string;
-    icon?: any;
-    iconPosition?: 'left' | 'right';
-    iconVariant?: 'filled' | 'empty';
-    minWidth?: number;
-    whiteSpace?: CSSProperties['whiteSpace'];
-    component?: react__default.ElementType;
+    /**
+     * Native button form-association type. Only applied when rendered as `<button>`.
+     * Defaults to 'button' to avoid accidental form submission.
+     */
+    htmlType?: 'button' | 'submit' | 'reset';
 };
-type ButtonProps = (Omit<react__default.AnchorHTMLAttributes<HTMLAnchorElement>, 'children' | 'media'> | Omit<react__default.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'media'>) & BaseButtonProps;
-declare const Button: react__default.ForwardRefExoticComponent<FabricComponent<ButtonProps> & react__default.RefAttributes<unknown>>;
-
-interface AlertIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const AlertIcon: ({ fill, ...props }: AlertIconProps) => react_jsx_runtime.JSX.Element;
-
-interface ApiIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const ApiIcon: ({ fill, ...props }: ApiIconProps) => react_jsx_runtime.JSX.Element;
-
-interface ArrowCircleTopRightIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const ArrowCircleTopRightIcon: ({ fill, ...props }: ArrowCircleTopRightIconProps) => react_jsx_runtime.JSX.Element;
-
-interface ArrowRightIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const ArrowRightIcon: ({ fill, ...props }: ArrowRightIconProps) => react_jsx_runtime.JSX.Element;
-
-interface BugReportIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const BugReportIcon: ({ fill, ...props }: BugReportIconProps) => react_jsx_runtime.JSX.Element;
-
-interface CalendarIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const CalendarIcon: ({ fill, ...props }: CalendarIconProps) => react_jsx_runtime.JSX.Element;
-
-interface ChevronLeftIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const ChevronLeftIcon: ({ fill, ...props }: ChevronLeftIconProps) => react_jsx_runtime.JSX.Element;
-
-interface ChevronRightIconProps$2 extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const ChevronRightIcon: ({ fill, ...props }: ChevronRightIconProps$2) => react_jsx_runtime.JSX.Element;
-
-interface CloseCircleIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const CloseCircleIcon: ({ fill, ...props }: CloseCircleIconProps) => react_jsx_runtime.JSX.Element;
-
-interface ClosedLockIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const ClosedLockIcon: ({ fill, ...props }: ClosedLockIconProps) => react_jsx_runtime.JSX.Element;
-
-interface DataSetsIconProps$2 extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const DataSetsIcon: ({ fill, ...props }: DataSetsIconProps$2) => react_jsx_runtime.JSX.Element;
-
-interface DeepSearchIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const DeepSearchIcon: ({ fill, ...props }: DeepSearchIconProps) => react_jsx_runtime.JSX.Element;
-
-interface DisabledVisibleIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const DisabledVisibleIcon: ({ fill, ...props }: DisabledVisibleIconProps) => react_jsx_runtime.JSX.Element;
-
-interface DocsIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const DocsIcon: ({ fill, ...props }: DocsIconProps) => react_jsx_runtime.JSX.Element;
-
-interface DownloadIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const DownloadIcon: ({ fill, ...props }: DownloadIconProps) => react_jsx_runtime.JSX.Element;
-
-interface EditUserIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const EditUserIcon: ({ fill, ...props }: EditUserIconProps) => react_jsx_runtime.JSX.Element;
-
-interface EnableVisibleIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const EnableVisibleIcon: ({ fill, ...props }: EnableVisibleIconProps) => react_jsx_runtime.JSX.Element;
-
-interface EnterArrowLeftIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const EnterArrowLeftIcon: ({ fill, ...props }: EnterArrowLeftIconProps) => react_jsx_runtime.JSX.Element;
-
-interface FiltersIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const FiltersIcon: ({ fill, ...props }: FiltersIconProps) => react_jsx_runtime.JSX.Element;
-
-declare const FolderIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-
-interface HomepageIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const HomepageIcon: ({ fill, ...props }: HomepageIconProps) => react_jsx_runtime.JSX.Element;
-
-interface InfoCircleIconProps$3 extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const InfoCircleIcon: ({ fill, ...props }: InfoCircleIconProps$3) => react_jsx_runtime.JSX.Element;
-
-interface MapRadarIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const MapRadarIcon: ({ fill, ...props }: MapRadarIconProps) => react_jsx_runtime.JSX.Element;
-
-interface MoonIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const MoonIcon: ({ fill, ...props }: MoonIconProps) => react_jsx_runtime.JSX.Element;
-
-interface OpenLockIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const OpenLockIcon: ({ fill, ...props }: OpenLockIconProps) => react_jsx_runtime.JSX.Element;
-
-interface OrganizationIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const OrganizationIcon: ({ fill, ...props }: OrganizationIconProps) => react_jsx_runtime.JSX.Element;
-
-interface PasswordFinderIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const PasswordFinderIcon: ({ fill, ...props }: PasswordFinderIconProps) => react_jsx_runtime.JSX.Element;
-
-interface PhonebookIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const PhonebookIcon: ({ fill, ...props }: PhonebookIconProps) => react_jsx_runtime.JSX.Element;
-
-interface PrintIconProps$2 extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const PrintIcon: ({ fill, ...props }: PrintIconProps$2) => react_jsx_runtime.JSX.Element;
-
-interface Profiler20IconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const Profiler2Icon: ({ fill, ...props }: Profiler20IconProps) => react_jsx_runtime.JSX.Element;
-
-interface ProfilerIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const ProfilerIcon: ({ fill, ...props }: ProfilerIconProps) => react_jsx_runtime.JSX.Element;
-
-interface SandBoxIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const SandBoxIcon: ({ fill, ...props }: SandBoxIconProps) => react_jsx_runtime.JSX.Element;
-
-interface SearchIconProps extends SVGProps<SVGSVGElement> {
-    stroke?: string;
-}
-declare const SearchIcon: ({ stroke, ...props }: SearchIconProps) => react_jsx_runtime.JSX.Element;
-
-interface StatisticIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const StatisticIcon: ({ fill, ...props }: StatisticIconProps) => react_jsx_runtime.JSX.Element;
-
-interface SunIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-    stroke?: string;
-}
-declare const SunIcon: ({ fill, stroke, ...props }: SunIconProps) => react_jsx_runtime.JSX.Element;
-
-interface UpRightArrowCircleIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const UpRightArrowCircleIcon: ({ fill, ...props }: UpRightArrowCircleIconProps) => react_jsx_runtime.JSX.Element;
-
-interface VectorIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const VectorIcon: ({ fill, ...props }: VectorIconProps) => react_jsx_runtime.JSX.Element;
-
-interface InfoCircleIconProps$2 extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const BallsMenu: ({ fill, ...props }: InfoCircleIconProps$2) => react_jsx_runtime.JSX.Element;
-
-interface InfoCircleIconProps$1 extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const CheckIcon: ({ fill, ...props }: InfoCircleIconProps$1) => react_jsx_runtime.JSX.Element;
-
-interface ChevronRightIconProps$1 extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const ChevronDownIcon: ({ fill, ...props }: ChevronRightIconProps$1) => react_jsx_runtime.JSX.Element;
-
-interface ChevronRightIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const ChevronUpIcon: ({ fill, ...props }: ChevronRightIconProps) => react_jsx_runtime.JSX.Element;
-
-interface PrintIconProps$1 extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const PlusIcon: ({ fill, ...props }: PrintIconProps$1) => react_jsx_runtime.JSX.Element;
-
-interface PrintIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const UsersIcon: ({ fill, ...props }: PrintIconProps) => react_jsx_runtime.JSX.Element;
-
-interface InfoCircleIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const InfoCircleFilledIcon: ({ fill, ...props }: InfoCircleIconProps) => react_jsx_runtime.JSX.Element;
-
-interface DataSetsIconProps$1 extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const UnfoldIcon: ({ fill, ...props }: DataSetsIconProps$1) => react_jsx_runtime.JSX.Element;
-
-interface DataSetsIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const CrossIcon: ({ fill, ...props }: DataSetsIconProps) => react_jsx_runtime.JSX.Element;
-
-interface MaximizeIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const MaximizeIcon: ({ fill, ...props }: MaximizeIconProps) => react_jsx_runtime.JSX.Element;
-
-interface BusIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const BusIcon: ({ fill, ...props }: BusIconProps) => react_jsx_runtime.JSX.Element;
-
-interface CarIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const CarIcon: ({ fill, ...props }: CarIconProps) => react_jsx_runtime.JSX.Element;
-
-interface WayIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const WayIcon: ({ fill, ...props }: WayIconProps) => react_jsx_runtime.JSX.Element;
-
-interface PlaneIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const PlaneIcon: ({ fill, ...props }: PlaneIconProps) => react_jsx_runtime.JSX.Element;
-
-interface ShipIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const ShipIcon: ({ fill, ...props }: ShipIconProps) => react_jsx_runtime.JSX.Element;
-
-interface FileIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const FileIcon: ({ fill, ...props }: FileIconProps) => react_jsx_runtime.JSX.Element;
-
-declare const File2Icon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-
-interface IosIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const IosIcon: ({ fill, ...props }: IosIconProps) => react_jsx_runtime.JSX.Element;
-
-interface AndroidIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const AndroidIcon: ({ fill, ...props }: AndroidIconProps) => react_jsx_runtime.JSX.Element;
-
-interface MicrosoftIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const MicrosoftIcon: ({ fill, ...props }: MicrosoftIconProps) => react_jsx_runtime.JSX.Element;
-
-interface FolderAlertIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const FolderAlertIcon: ({ fill, ...props }: FolderAlertIconProps) => react_jsx_runtime.JSX.Element;
-
-interface RelationIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const RelationIcon: ({ fill, ...props }: RelationIconProps) => react_jsx_runtime.JSX.Element;
-
-interface RelationPointsIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const RelationPointsIcon: ({ fill, ...props }: RelationPointsIconProps) => react_jsx_runtime.JSX.Element;
-
-interface PassportIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const PassportIcon: ({ fill, ...props }: PassportIconProps) => react_jsx_runtime.JSX.Element;
-
-interface PointIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const PointIcon: ({ fill, ...props }: PointIconProps) => react_jsx_runtime.JSX.Element;
-
-interface PencilIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const PencilIcon: ({ fill, ...props }: PencilIconProps) => react_jsx_runtime.JSX.Element;
-
-interface UserInCircleIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const UserInCircleIcon: ({ fill, ...props }: UserInCircleIconProps) => react_jsx_runtime.JSX.Element;
-
-interface FlashIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const FlashIcon: ({ fill, ...props }: FlashIconProps) => react_jsx_runtime.JSX.Element;
-
-interface FolderInfoIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const FolderInfoIcon: ({ fill, ...props }: FolderInfoIconProps) => react_jsx_runtime.JSX.Element;
-
-interface RotateLeftIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const RotateLeftIcon: ({ fill, ...props }: RotateLeftIconProps) => react_jsx_runtime.JSX.Element;
-
-interface RotateRightIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const RotateRightIcon: ({ fill, ...props }: RotateRightIconProps) => react_jsx_runtime.JSX.Element;
-
-interface UploadImageIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const UploadImageIcon: ({ fill, ...props }: UploadImageIconProps) => react_jsx_runtime.JSX.Element;
-
-interface BurgerMenuIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const BurgerMenuIcon: ({ fill, ...props }: BurgerMenuIconProps) => react_jsx_runtime.JSX.Element;
-
-interface ClockIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const ClockIcon: ({ fill, ...props }: ClockIconProps) => react_jsx_runtime.JSX.Element;
-
-interface MinusIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const MinusIcon: ({ fill, ...props }: MinusIconProps) => react_jsx_runtime.JSX.Element;
-
-interface ImageIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const ImageIcon: ({ fill, ...props }: ImageIconProps) => react_jsx_runtime.JSX.Element;
-
-interface FaceSearchIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const FaceSearchIcon: ({ fill, ...props }: FaceSearchIconProps) => react_jsx_runtime.JSX.Element;
-
-interface MessageAsteriskIconProps extends SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const MessageAsteriskIcon: ({ fill, ...props }: MessageAsteriskIconProps) => react_jsx_runtime.JSX.Element;
-
-type SidebarProps = {
+type PolymorphicRef$4<C extends React__default.ElementType> = React__default.ComponentPropsWithRef<C>['ref'];
+type IconButtonProps<C extends React__default.ElementType = 'button'> = IconButtonOwnProps & {
+    /** Render as a different element/component (e.g. react-router `Link`). Defaults to `<button>`. */
+    as?: C;
+    ref?: PolymorphicRef$4<C>;
+} & Omit<React__default.ComponentPropsWithoutRef<C>, keyof IconButtonOwnProps | 'as' | 'ref'>;
+declare function IconButton<C extends React__default.ElementType = 'button'>({ as, icon, type, size, active, loading, className, disabled, onClick, ref, htmlType, ...rest }: IconButtonProps<C>): react_jsx_runtime.JSX.Element;
+
+type CheckboxProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> & {
+    /** Top label (small, above the checkbox row). */
+    label?: React__default.ReactNode;
+    /** Optional info icon next to the label (slot for tooltip target). Pass `true` for default <i> icon. */
+    info?: React__default.ReactNode | boolean;
+    /** Inline value text rendered next to the checkbox box. */
+    children?: React__default.ReactNode;
+    helperText?: React__default.ReactNode;
+    /** Pass `true` for invalid state without text, or a string to show error message. */
+    error?: string | boolean;
+    /** Pass `true` for warning state without text, or a string to show warning message. */
+    warning?: string | boolean;
+    /** Third (mixed) checkbox state. Resolved into `:indeterminate` on the native input. */
+    indeterminate?: boolean;
+    /** Read-only state — visible but not interactive. Different from disabled. */
+    readOnly?: boolean;
+    /** Outer wrapper class (label + checkbox row + helper). */
+    rootClassName?: string;
+    /** Class for the visual checkbox box. */
     className?: string;
-    collapsed?: boolean;
-    mobileMode?: 'button' | 'collapse';
-} & react__default.HTMLAttributes<HTMLDivElement>;
-declare const Sidebar: react__default.ForwardRefExoticComponent<{
+};
+declare const Checkbox: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
+    /** Top label (small, above the checkbox row). */
+    label?: React__default.ReactNode;
+    /** Optional info icon next to the label (slot for tooltip target). Pass `true` for default <i> icon. */
+    info?: React__default.ReactNode | boolean;
+    /** Inline value text rendered next to the checkbox box. */
+    children?: React__default.ReactNode;
+    helperText?: React__default.ReactNode;
+    /** Pass `true` for invalid state without text, or a string to show error message. */
+    error?: string | boolean;
+    /** Pass `true` for warning state without text, or a string to show warning message. */
+    warning?: string | boolean;
+    /** Third (mixed) checkbox state. Resolved into `:indeterminate` on the native input. */
+    indeterminate?: boolean;
+    /** Read-only state — visible but not interactive. Different from disabled. */
+    readOnly?: boolean;
+    /** Outer wrapper class (label + checkbox row + helper). */
+    rootClassName?: string;
+    /** Class for the visual checkbox box. */
     className?: string;
-    collapsed?: boolean;
-    mobileMode?: "button" | "collapse";
-} & react__default.HTMLAttributes<HTMLDivElement> & {
-    m?: string | number;
-    mt?: string | number;
-    mr?: string | number;
-    mb?: string | number;
-    ml?: string | number;
-    mx?: string | number;
-    my?: string | number;
-    p?: string | number;
-    pt?: string | number;
-    pr?: string | number;
-    pb?: string | number;
-    pl?: string | number;
-    px?: string | number;
-    py?: string | number;
-} & {
-    media?: {
-        xs?: Partial<SidebarProps> | undefined;
-        s?: Partial<SidebarProps> | undefined;
-        m?: Partial<SidebarProps> | undefined;
-        l?: Partial<SidebarProps> | undefined;
-        xl?: Partial<SidebarProps> | undefined;
-    } | undefined;
-} & react__default.RefAttributes<unknown>>;
-
-interface SidebarContext {
-    collapsed: boolean;
-}
-declare const SidebarContext: react.Context<SidebarContext>;
+} & React__default.RefAttributes<HTMLInputElement>>;
 
-interface SidebarItemBase {
+type CounterProps = {
     active?: boolean;
-    icon?: React.ReactNode;
-    label?: string;
-    height?: number;
-    component?: React.ElementType;
+    count: number;
     className?: string;
-    title?: string;
-}
-interface SidebarItemAnchor {
-    href: string;
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
-    target?: '_blank' | '_self' | '_parent' | '_top';
-}
-interface SidebarItemButton {
-    type?: 'button' | 'reset' | 'submit';
-    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-}
-type SidebarItemProps = SidebarItemBase & (SidebarItemAnchor | SidebarItemButton);
-declare const SidebarItem: ({ active, icon, label, component, title, height, ...props }: SidebarItemProps) => react_jsx_runtime.JSX.Element;
-
-declare const SidebarDelimeter: () => react_jsx_runtime.JSX.Element;
+};
+declare const Counter: FC<CounterProps>;
 
-interface SidebarSectionProps {
-    grow?: number;
-    shrink?: number;
-    basis?: CSSProperties['flexBasis'];
-    className?: string;
-    children: React.ReactNode;
-}
-declare const SidebarSection: ({ grow, shrink, basis, className, children }: SidebarSectionProps) => react_jsx_runtime.JSX.Element;
+type CounterTagLevel = 'none' | 'low' | 'medium' | 'hight';
+type BaseCounterTagProps = {
+    count: number;
+    level?: CounterTagLevel;
+};
+type CounterTagProps = Omit<React__default.HTMLAttributes<HTMLDivElement>, keyof BaseCounterTagProps> & BaseCounterTagProps;
+declare const CounterTag: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLDivElement>, keyof BaseCounterTagProps> & BaseCounterTagProps & React__default.RefAttributes<HTMLDivElement>>;
 
-type TypographyProps = FabricComponent<{
-    style?: CSSProperties$1;
-    variant?: TypographyVariant;
-    element?: ElementType;
-    children: any;
-    weight?: CSSProperties$1['fontWeight'];
-    fontStyle?: CSSProperties$1['fontStyle'];
-    color?: ColorVariant | string;
-    className?: string;
-    ellipsis?: boolean;
-}> & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
-declare const Typography: react.ForwardRefExoticComponent<{
-    style?: CSSProperties$1;
-    variant?: TypographyVariant;
-    element?: ElementType;
-    children: any;
-    weight?: CSSProperties$1["fontWeight"];
-    fontStyle?: CSSProperties$1["fontStyle"];
-    color?: ColorVariant | string;
-    className?: string;
-    ellipsis?: boolean;
-} & {
-    m?: string | number;
-    mt?: string | number;
-    mr?: string | number;
-    mb?: string | number;
-    ml?: string | number;
-    mx?: string | number;
-    my?: string | number;
-    p?: string | number;
-    pt?: string | number;
-    pr?: string | number;
-    pb?: string | number;
-    pl?: string | number;
-    px?: string | number;
-    py?: string | number;
-} & {
-    media?: {
-        xs?: Partial<{
-            style?: CSSProperties$1;
-            variant?: TypographyVariant;
-            element?: ElementType;
-            children: any;
-            weight?: CSSProperties$1["fontWeight"];
-            fontStyle?: CSSProperties$1["fontStyle"];
-            color?: ColorVariant | string;
-            className?: string;
-            ellipsis?: boolean;
-        }> | undefined;
-        s?: Partial<{
-            style?: CSSProperties$1;
-            variant?: TypographyVariant;
-            element?: ElementType;
-            children: any;
-            weight?: CSSProperties$1["fontWeight"];
-            fontStyle?: CSSProperties$1["fontStyle"];
-            color?: ColorVariant | string;
-            className?: string;
-            ellipsis?: boolean;
-        }> | undefined;
-        m?: Partial<{
-            style?: CSSProperties$1;
-            variant?: TypographyVariant;
-            element?: ElementType;
-            children: any;
-            weight?: CSSProperties$1["fontWeight"];
-            fontStyle?: CSSProperties$1["fontStyle"];
-            color?: ColorVariant | string;
-            className?: string;
-            ellipsis?: boolean;
-        }> | undefined;
-        l?: Partial<{
-            style?: CSSProperties$1;
-            variant?: TypographyVariant;
-            element?: ElementType;
-            children: any;
-            weight?: CSSProperties$1["fontWeight"];
-            fontStyle?: CSSProperties$1["fontStyle"];
-            color?: ColorVariant | string;
-            className?: string;
-            ellipsis?: boolean;
-        }> | undefined;
-        xl?: Partial<{
-            style?: CSSProperties$1;
-            variant?: TypographyVariant;
-            element?: ElementType;
-            children: any;
-            weight?: CSSProperties$1["fontWeight"];
-            fontStyle?: CSSProperties$1["fontStyle"];
-            color?: ColorVariant | string;
-            className?: string;
-            ellipsis?: boolean;
-        }> | undefined;
-    } | undefined;
-} & Omit<react.HTMLAttributes<HTMLDivElement>, "children"> & {
-    media?: {
-        xs?: Partial<TypographyProps> | undefined;
-        s?: Partial<TypographyProps> | undefined;
-        m?: Partial<TypographyProps> | undefined;
-        l?: Partial<TypographyProps> | undefined;
-        xl?: Partial<TypographyProps> | undefined;
-    } | undefined;
-} & react.RefAttributes<unknown>>;
-
-interface ListMenuProps {
-    children: any;
-    width?: number;
+type LineProps = {
+    direction?: 'horizontal' | 'vertical';
     className?: string;
-}
-declare const ListMenu: ({ children, className, width }: ListMenuProps) => react_jsx_runtime.JSX.Element;
-
-type ListMenuItemBase = {
-    active?: boolean;
-    label?: string;
-    count?: number;
-    component?: React.ElementType;
-};
-type ListMenuItemAnchorProps = {
-    href: string;
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
-    target?: '_blank' | '_self' | '_parent' | '_top';
+} & Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'children'>;
+declare const Line: React__default.ForwardRefExoticComponent<Omit<LineProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+type BaseLinkProps = {
+    variant?: 'default' | 'icon';
+    startIcon?: React__default.ReactNode;
+    endIcon?: React__default.ReactNode;
+    children?: React__default.ReactNode;
+    /** Truncate overflowing children with ellipsis. Caller must constrain the link's width. */
+    truncate?: boolean;
 };
-type ListMenuItemButtonProps = {
-    type?: 'button' | 'reset' | 'submit';
-    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-};
-type ListMenuItemProps = ListMenuItemBase & (ListMenuItemAnchorProps | ListMenuItemButtonProps);
-declare const ListMenuItem: ({ component, active, label, count, ...props }: ListMenuItemProps) => react_jsx_runtime.JSX.Element;
-
-interface ListMenuSectionProps {
-    items: any;
-    title?: string;
+type PolymorphicRef$3<C extends React__default.ElementType> = React__default.ComponentPropsWithRef<C>['ref'];
+type LinkProps<C extends React__default.ElementType = 'a'> = BaseLinkProps & {
+    /** Render as a different element/component (e.g. react-router `Link`). Defaults to `<a>`. */
+    as?: C;
+    ref?: PolymorphicRef$3<C>;
+} & Omit<React__default.ComponentPropsWithoutRef<C>, keyof BaseLinkProps | 'as' | 'ref'>;
+declare function Link<C extends React__default.ElementType = 'a'>({ as, variant, startIcon, endIcon, truncate, className, children, ref, ...rest }: LinkProps<C>): react_jsx_runtime.JSX.Element;
+declare namespace Link {
+    var displayName: string;
 }
-declare const ListMenuSection: ({ title, items }: ListMenuSectionProps) => react_jsx_runtime.JSX.Element;
-
-interface HeaderProps {
-    children?: any;
-}
-declare const Header: react.ForwardRefExoticComponent<HeaderProps & react.RefAttributes<HTMLHeadElement>>;
-
-declare const HeaderDelimeter: () => react_jsx_runtime.JSX.Element;
 
-interface HeaderSectionProps {
-    grow?: CSSProperties$1['flexGrow'];
-    shrink?: CSSProperties$1['flexShrink'];
-    basis?: CSSProperties$1['flexBasis'];
-    justify?: CSSProperties$1['justifyContent'];
-    children?: React.ReactNode;
-}
-declare const HeaderSection: ({ grow, shrink, basis, justify, children }: HeaderSectionProps) => react_jsx_runtime.JSX.Element;
-
-type ColumnTable<ID = string> = {
-    id: ID;
-    title: string;
-    width?: CSSProperties$1['width'];
+type OverlayProps = {
+    children: React__default.ReactNode;
+    onOutsideClick?: () => void;
+    isLocked?: boolean;
     className?: string;
 };
-type RenderCellProps<T = string> = {
-    rowIndex: number;
-    cellIndex: number;
-    columnId: T;
-};
-type RenderHeaderCellProps<T = string> = {
-    title: string;
-    columnId: T;
-};
-interface TableProps {
-    columns: ColumnTable[];
-    rowCount: number;
-    renderCell: (props: RenderCellProps<any>) => any;
-    renderHeaderCell?: (props: RenderHeaderCellProps<any>) => any;
-    rowIds?: string[];
-    hasHeader?: boolean;
-    hasBorder?: boolean;
-    cellPadding?: number;
-}
-declare const Table: ({ columns, rowCount, renderCell, renderHeaderCell, rowIds, hasHeader, hasBorder, cellPadding, }: TableProps) => react_jsx_runtime.JSX.Element;
+declare const Overlay: ({ children, onOutsideClick, isLocked, className, }: OverlayProps) => React__default.ReactPortal | null;
 
-interface PaginationProps {
-    total_items: number;
-    limit: number;
-    offset: number;
-    paginationPageLimit?: number;
-    visiblePageLimit?: number;
-    diffPageLimit?: number;
-    component?: React.ElementType;
-    getHref?: (page: number) => string;
-    onChangePage?: (offset: number) => void;
-}
-declare const Pagination: ({ component, total_items, limit, offset, paginationPageLimit, visiblePageLimit, diffPageLimit, getHref, onChangePage, }: PaginationProps) => react_jsx_runtime.JSX.Element;
-
-interface ContextMenuProps {
-    isOpen: boolean;
-    onClick: () => void;
-    onClickOutside: (e: MouseEvent) => void;
-    size?: ButtonSize;
-    disabled?: boolean;
+declare const Panel: React__default.ForwardRefExoticComponent<{
+    as?: "div" | "section" | "article";
+    className?: string;
+    children?: React__default.ReactNode;
+} & React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const trackVariants: (props?: ({
+    size?: "big" | "small" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const fillVariants: (props?: ({
+    status?: "active" | "error" | "finished" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const containerVariants: (props?: ({
+    type?: "default" | "inline" | "indented" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ProgressBarVariantProps = VariantProps<typeof trackVariants> & VariantProps<typeof fillVariants> & VariantProps<typeof containerVariants>;
+type ProgressBarStatus = NonNullable<ProgressBarVariantProps['status']>;
+type ProgressBarSize = NonNullable<ProgressBarVariantProps['size']>;
+type ProgressBarType = NonNullable<ProgressBarVariantProps['type']>;
+type ProgressBarProps = {
+    /** Visible label above (or beside, in `inline` type) the bar. */
+    label?: React__default.ReactNode;
+    /** Optional helper text rendered under the bar. */
+    helperText?: React__default.ReactNode;
+    /** When true, the label is rendered only to assistive tech (sr-only). */
+    hideLabel?: boolean;
+    /** Maximum progress value. Defaults to 100. */
+    max?: number;
+    /**
+     * Current progress value. When `status === 'active'` and `value` is omitted
+     * (or null), the bar renders an indeterminate animation.
+     */
+    value?: number | null;
+    /** Bar height. `big` = 8px, `small` = 4px. Defaults to `big`. */
+    size?: ProgressBarSize;
+    /** Visual status. `active` shows progress; `finished` paints success; `error` paints error. */
+    status?: ProgressBarStatus;
+    /** Layout variant. */
+    type?: ProgressBarType;
+    className?: string;
+} & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'children'>;
+declare const ProgressBar: React__default.ForwardRefExoticComponent<{
+    /** Visible label above (or beside, in `inline` type) the bar. */
+    label?: React__default.ReactNode;
+    /** Optional helper text rendered under the bar. */
+    helperText?: React__default.ReactNode;
+    /** When true, the label is rendered only to assistive tech (sr-only). */
+    hideLabel?: boolean;
+    /** Maximum progress value. Defaults to 100. */
+    max?: number;
+    /**
+     * Current progress value. When `status === 'active'` and `value` is omitted
+     * (or null), the bar renders an indeterminate animation.
+     */
+    value?: number | null;
+    /** Bar height. `big` = 8px, `small` = 4px. Defaults to `big`. */
+    size?: ProgressBarSize;
+    /** Visual status. `active` shows progress; `finished` paints success; `error` paints error. */
+    status?: ProgressBarStatus;
+    /** Layout variant. */
+    type?: ProgressBarType;
+    className?: string;
+} & Omit<React__default.HTMLAttributes<HTMLDivElement>, "children"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const fieldVariants$3: (props?: ({
+    variant?: "solid" | "default" | null | undefined;
+    state?: "disabled" | "default" | "filled" | "readonly" | null | undefined;
+    multiline?: boolean | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SearchInputVariant = NonNullable<VariantProps<typeof fieldVariants$3>['variant']>;
+type SearchInputSize = NonNullable<VariantProps<typeof fieldVariants$3>['size']>;
+type SearchInputElement = HTMLInputElement | HTMLTextAreaElement;
+type SearchInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type' | 'onChange' | 'onKeyDown' | 'onFocus' | 'onBlur'> & {
+    /** Show the clear (×) icon button when a value is present. Default: true. */
+    clearable?: boolean;
+    /** Called when the user clicks the clear icon. Receives a synthetic change with empty value. */
+    onClear?: () => void;
+    /** Render the field as read-only (Figma `State=Read-Only`). Hides the clear icon. */
+    readOnly?: boolean;
+    variant?: SearchInputVariant;
+    /** Field height. `md` (48px, default) or `sm` (32px, matches IconButton sm). */
+    size?: SearchInputSize;
     fullWidth?: boolean;
+    /**
+     * Collapse the field to a search-icon-only width and expand it on focus.
+     * The field stays expanded while it holds a value, so blurring a non-empty
+     * field does not collapse it. Single-line only — not combinable with
+     * `multiline`/`autoResize`. Forces `fullWidth=false`.
+     */
+    expandable?: boolean;
+    /** Width when collapsed (expandable mode). Number → px. Default 48 (icon box). */
+    collapsedWidth?: number | string;
+    /** Width when expanded (expandable mode). Number → px. Default 240. */
+    expandedWidth?: number | string;
+    /** Custom class for the field wrapper (overrides). */
     className?: string;
-    children?: any;
-    anchor?: any;
-    positions?: PopoverPosition[] | PopoverPosition;
-    align?: PopoverAlign;
-    hasBorder?: boolean;
-    maxHeight?: number;
-    maxWidth?: number;
-    matchAnchorWidth?: boolean;
-    anchorIcon?: any;
-    hasShadow?: boolean;
-}
-declare const ContextMenu: ({ isOpen, onClickOutside, onClick, anchor, size, disabled, fullWidth, className, positions, align, children, hasBorder, maxHeight, maxWidth, matchAnchorWidth, anchorIcon, hasShadow, }: ContextMenuProps) => react_jsx_runtime.JSX.Element;
-
-interface StyledProps$1 {
-}
-declare const ContextMenuDelimiter: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps$1>> & string;
-
-declare const useContextMenuControl: () => {
-    isOpen: boolean;
-    toggleMenu: () => void;
-    closeMenu: () => void;
-    openMenu: () => void;
-};
-
-type SelectBaseProps<T extends string | number> = {
-    selected?: T;
-    options: {
-        value: T;
-        inputDisplay?: string;
-    }[];
-    onSelect: (id: T) => void;
-    placeholder: string;
-    disabled?: boolean;
-    positions?: PopoverPosition[] | PopoverPosition;
-    align?: PopoverAlign;
-    size?: ButtonSize;
-    hasBorder?: boolean;
-    maxHeight?: number;
-    maxWidth?: number;
-    matchAnchorWidth?: boolean;
-};
-type SelectDefaultProps = {
-    isSearchable?: false;
-};
-type SelectSearchableProps = {
-    isSearchable: true;
-    noOptionsMessage: string;
-    inputPlaceholder: string;
+    /**
+     * Slot rendered between the search icon and the input. Use for chips, tokens, or
+     * other content that should appear inline with the input. Wrapped in a flex
+     * container; switches to flex-wrap when `multiline` is true.
+     */
+    prepend?: React__default.ReactNode;
+    /**
+     * Allow content (prepend chips + input) to wrap onto multiple lines. Field grows
+     * vertically (min-h-12, h-auto) instead of staying single-line.
+     */
+    multiline?: boolean;
+    /**
+     * Render a textarea that grows vertically with content (Carbon-style auto-resize).
+     * When true, the input becomes a wrapping textarea; line breaks via Enter are
+     * still suppressed by `onSubmit`. Implies `multiline=true` for layout.
+     */
+    autoResize?: boolean;
+    /**
+     * Custom node rendered as a placeholder when the input is empty. Replaces the
+     * native placeholder. Useful for clickable links or composed placeholders.
+     */
+    placeholderSlot?: React__default.ReactNode;
+    /** Called when the user presses Enter (without Shift). */
+    onSubmit?: () => void;
+    /** Ref to the underlying <input>/<textarea> element (in addition to the forwarded ref). */
+    inputRef?: Ref<SearchInputElement>;
+    /** Ref to the field wrapper (used to align popovers/dropdowns). */
+    containerRef?: Ref<HTMLDivElement>;
+    /** Tailwind override applied directly to the <input>/<textarea>. */
+    inputClassName?: string;
+    /** Standard event handlers retyped for the union element. */
+    onChange?: React__default.ChangeEventHandler<SearchInputElement>;
+    onKeyDown?: React__default.KeyboardEventHandler<SearchInputElement>;
+    onFocus?: React__default.FocusEventHandler<SearchInputElement>;
+    onBlur?: React__default.FocusEventHandler<SearchInputElement>;
+    /**
+     * Neutral helper text rendered below the field. Suppressed when an
+     * `errorText` or `warningText` is present.
+     */
+    helperText?: React__default.ReactNode;
+    /**
+     * Warning helper text rendered below the field with a warning icon. Pass
+     * non-empty value to flag the field state as `warning` (yellow palette).
+     */
+    warningText?: React__default.ReactNode;
+    /**
+     * Error helper text rendered below the field with an error icon. Takes
+     * precedence over `warningText` and `helperText`.
+     */
+    errorText?: React__default.ReactNode;
+    /** Wrapper class around the field + helper message column. */
+    rootClassName?: string;
 };
-type SelectProps<T extends string | number> = SelectBaseProps<T> & (SelectSearchableProps | SelectDefaultProps);
-declare const Select: <T extends string | number>({ options, selected, onSelect, placeholder, disabled, positions, align, size, hasBorder, maxHeight, maxWidth, matchAnchorWidth, isSearchable, ...props }: SelectProps<T>) => react_jsx_runtime.JSX.Element;
-
-type Action = {
-    label: string;
-    onClick: () => void;
-    color: ButtonColor;
+declare const SearchInput: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "type" | "size" | "onChange" | "prefix" | "onFocus" | "onBlur" | "onKeyDown"> & {
+    /** Show the clear (×) icon button when a value is present. Default: true. */
+    clearable?: boolean;
+    /** Called when the user clicks the clear icon. Receives a synthetic change with empty value. */
+    onClear?: () => void;
+    /** Render the field as read-only (Figma `State=Read-Only`). Hides the clear icon. */
+    readOnly?: boolean;
+    variant?: SearchInputVariant;
+    /** Field height. `md` (48px, default) or `sm` (32px, matches IconButton sm). */
+    size?: SearchInputSize;
+    fullWidth?: boolean;
+    /**
+     * Collapse the field to a search-icon-only width and expand it on focus.
+     * The field stays expanded while it holds a value, so blurring a non-empty
+     * field does not collapse it. Single-line only — not combinable with
+     * `multiline`/`autoResize`. Forces `fullWidth=false`.
+     */
+    expandable?: boolean;
+    /** Width when collapsed (expandable mode). Number → px. Default 48 (icon box). */
+    collapsedWidth?: number | string;
+    /** Width when expanded (expandable mode). Number → px. Default 240. */
+    expandedWidth?: number | string;
+    /** Custom class for the field wrapper (overrides). */
+    className?: string;
+    /**
+     * Slot rendered between the search icon and the input. Use for chips, tokens, or
+     * other content that should appear inline with the input. Wrapped in a flex
+     * container; switches to flex-wrap when `multiline` is true.
+     */
+    prepend?: React__default.ReactNode;
+    /**
+     * Allow content (prepend chips + input) to wrap onto multiple lines. Field grows
+     * vertically (min-h-12, h-auto) instead of staying single-line.
+     */
+    multiline?: boolean;
+    /**
+     * Render a textarea that grows vertically with content (Carbon-style auto-resize).
+     * When true, the input becomes a wrapping textarea; line breaks via Enter are
+     * still suppressed by `onSubmit`. Implies `multiline=true` for layout.
+     */
+    autoResize?: boolean;
+    /**
+     * Custom node rendered as a placeholder when the input is empty. Replaces the
+     * native placeholder. Useful for clickable links or composed placeholders.
+     */
+    placeholderSlot?: React__default.ReactNode;
+    /** Called when the user presses Enter (without Shift). */
+    onSubmit?: () => void;
+    /** Ref to the underlying <input>/<textarea> element (in addition to the forwarded ref). */
+    inputRef?: Ref<SearchInputElement>;
+    /** Ref to the field wrapper (used to align popovers/dropdowns). */
+    containerRef?: Ref<HTMLDivElement>;
+    /** Tailwind override applied directly to the <input>/<textarea>. */
+    inputClassName?: string;
+    /** Standard event handlers retyped for the union element. */
+    onChange?: React__default.ChangeEventHandler<SearchInputElement>;
+    onKeyDown?: React__default.KeyboardEventHandler<SearchInputElement>;
+    onFocus?: React__default.FocusEventHandler<SearchInputElement>;
+    onBlur?: React__default.FocusEventHandler<SearchInputElement>;
+    /**
+     * Neutral helper text rendered below the field. Suppressed when an
+     * `errorText` or `warningText` is present.
+     */
+    helperText?: React__default.ReactNode;
+    /**
+     * Warning helper text rendered below the field with a warning icon. Pass
+     * non-empty value to flag the field state as `warning` (yellow palette).
+     */
+    warningText?: React__default.ReactNode;
+    /**
+     * Error helper text rendered below the field with an error icon. Takes
+     * precedence over `warningText` and `helperText`.
+     */
+    errorText?: React__default.ReactNode;
+    /** Wrapper class around the field + helper message column. */
+    rootClassName?: string;
+} & React__default.RefAttributes<SearchInputElement>>;
+
+type VerticalNavigationButtonType = 'default' | 'treeview' | 'isLeaf';
+type BaseVerticalNavigationButtonProps = {
+    type?: VerticalNavigationButtonType;
+    count?: number | string;
+    countLoading?: boolean;
+    /** Full-element skeleton — placeholder for both the label and the count. */
+    loading?: boolean;
+    /** Cap a numeric count at 99 → "99+". Defaults to true. */
+    capCount?: boolean;
+    selected?: boolean;
+    expanded?: boolean;
+    children?: React__default.ReactNode;
 };
-interface RowActionsMenuProps {
-    items: Action[];
-    size?: ButtonSize;
-    disabled?: boolean;
+type VerticalNavigationButtonProps = Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, keyof BaseVerticalNavigationButtonProps> & BaseVerticalNavigationButtonProps;
+declare const VerticalNavigationButton: React__default.ForwardRefExoticComponent<Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, keyof BaseVerticalNavigationButtonProps> & BaseVerticalNavigationButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+interface BoneProps {
+    width?: number | string;
+    height?: number | string;
+    rounded?: 'sm' | 'md' | 'full' | 'none';
+    variant?: 'solid' | 'tile';
     className?: string;
-    positions?: PopoverPosition[] | PopoverPosition;
-    align?: PopoverAlign;
+    style?: CSSProperties;
+    children?: ReactNode;
 }
-declare const RowActionsMenu: ({ size, disabled, className, positions, align, items, }: RowActionsMenuProps) => react_jsx_runtime.JSX.Element;
+declare const Bone: React__default.FC<BoneProps>;
 
-interface TooltipProps {
+interface SkeletonRowProps {
+    height?: number;
+    gap?: number;
+    labelMaxWidth?: number;
+    actionWidth?: number;
+    withAction?: boolean;
     className?: string;
-    children?: any;
-    content?: any;
-    positions?: PopoverPosition[] | PopoverPosition;
-    align?: PopoverAlign;
-    anchorClassName?: string;
-    offset?: number;
-    onMouseLeave?: MouseEventHandler<HTMLDivElement>;
-    hideOnClick?: boolean;
 }
-declare const Tooltip: react.ForwardRefExoticComponent<TooltipProps & {
-    m?: string | number;
-    mt?: string | number;
-    mr?: string | number;
-    mb?: string | number;
-    ml?: string | number;
-    mx?: string | number;
-    my?: string | number;
-    p?: string | number;
-    pt?: string | number;
-    pr?: string | number;
-    pb?: string | number;
-    pl?: string | number;
-    px?: string | number;
-    py?: string | number;
-} & {
-    media?: {
-        xs?: Partial<TooltipProps> | undefined;
-        s?: Partial<TooltipProps> | undefined;
-        m?: Partial<TooltipProps> | undefined;
-        l?: Partial<TooltipProps> | undefined;
-        xl?: Partial<TooltipProps> | undefined;
-    } | undefined;
-} & react.RefAttributes<unknown>>;
-declare const StyledTooltipContent: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $position: PopoverPosition;
-    $offset: number;
-}>> & string;
-
-type BaseInputProps = {
-    error?: boolean;
-    errorText?: string;
-    errorIconPosition?: 'before-append' | 'after-append';
-    errorTooltipProps?: Omit<TooltipProps, 'content'>;
-    append?: any;
-    prepend?: any;
-    size?: InputSize;
-    variant?: InputVariant;
-};
-type InputElementProps = BaseInputProps & InputHTMLAttributes<HTMLInputElement> & {
-    multiline?: false;
-};
-type TextAreaElementProps = BaseInputProps & TextareaHTMLAttributes<HTMLTextAreaElement> & {
-    multiline: true;
-    autoResize?: boolean;
-};
-type InputProps = InputElementProps | TextAreaElementProps;
-declare const Input: any;
+declare const SkeletonRow: React__default.FC<SkeletonRowProps>;
 
-/**
- * Функція витягує файли зі списку DataTransferItemList, рекурсивно зчитуючи вміст каталогу.
- * Повертає плоский масив усіх файлів, включаючи ті, що вкладені в підкаталоги.
- */
-type FileWithFolderPath = File & {
-    folder_path?: string;
-};
-
-type FileFieldProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'onChange' | 'size'> & {
-    error?: string;
-    variant?: InputVariant;
-    multiple?: boolean;
-    accept?: string;
-    uploadButtonText?: string;
-    uploadFolderButtonText?: string;
-    dragDropPlaceholder?: string;
-    infoPlaceholder?: string;
-    dragDropText?: string;
-    enableFilePreview?: boolean;
-    value?: FileWithFolderPath[];
-    onChange?: (files: FileWithFolderPath[]) => void;
-    onError?: (error: string) => void;
-    dragDropClassName?: string;
-    hasIcon?: boolean;
-    hasButton?: boolean;
-};
-declare const FileField: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "type" | "onChange"> & {
-    error?: string;
-    variant?: InputVariant;
-    multiple?: boolean;
-    accept?: string;
-    uploadButtonText?: string;
-    uploadFolderButtonText?: string;
-    dragDropPlaceholder?: string;
-    infoPlaceholder?: string;
-    dragDropText?: string;
-    enableFilePreview?: boolean;
-    value?: FileWithFolderPath[];
-    onChange?: (files: FileWithFolderPath[]) => void;
-    onError?: (error: string) => void;
-    dragDropClassName?: string;
-    hasIcon?: boolean;
-    hasButton?: boolean;
-} & react.RefAttributes<HTMLInputElement>>;
-
-type FlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
-type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
-type FlexJustify = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
-type FlexAlign = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
-type FlexGap = string | number;
-interface FlexContainerProps extends FabricComponent<Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>> {
-    children: any;
-    direction?: FlexDirection;
-    wrap?: FlexWrap;
-    justify?: FlexJustify;
-    align?: FlexAlign;
-    alignContent?: FlexAlign;
-    gap?: FlexGap;
-    rowGap?: FlexGap;
-    columnGap?: FlexGap;
+interface SkeletonTextBlockProps {
+    lines?: number;
+    primaryHeight?: number;
+    secondaryHeight?: number;
+    gap?: number;
+    /** Per-line widths in % of container (0–100). Defaults to a tapered pattern. */
+    widthPercents?: number[];
     className?: string;
-    style?: CSSProperties$1;
-    as?: any;
 }
-declare const FlexContainer: react.ForwardRefExoticComponent<FlexContainerProps & {
-    m?: string | number;
-    mt?: string | number;
-    mr?: string | number;
-    mb?: string | number;
-    ml?: string | number;
-    mx?: string | number;
-    my?: string | number;
-    p?: string | number;
-    pt?: string | number;
-    pr?: string | number;
-    pb?: string | number;
-    pl?: string | number;
-    px?: string | number;
-    py?: string | number;
-} & {
-    media?: {
-        xs?: Partial<FlexContainerProps> | undefined;
-        s?: Partial<FlexContainerProps> | undefined;
-        m?: Partial<FlexContainerProps> | undefined;
-        l?: Partial<FlexContainerProps> | undefined;
-        xl?: Partial<FlexContainerProps> | undefined;
-    } | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
-
-type FlexItemGrow = number;
-type FlexItemShrink = number;
-type FlexItemBasis = string | number;
-type FlexItemAlign = 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
-interface FlexItemProps {
-    children?: any;
-    grow?: FlexItemGrow;
-    shrink?: FlexItemShrink;
-    basis?: FlexItemBasis;
-    align?: FlexItemAlign;
-    order?: number;
+declare const SkeletonTextBlock: React__default.FC<SkeletonTextBlockProps>;
+
+interface SkeletonAvatarProps {
+    size?: number;
+    textLines?: number;
+    primaryWidthPercent?: number;
+    secondaryWidthPercent?: number;
+    gap?: number;
     className?: string;
-    style?: CSSProperties$1;
-    as?: any;
 }
-declare const FlexItem: react.ForwardRefExoticComponent<FlexItemProps & {
-    m?: string | number;
-    mt?: string | number;
-    mr?: string | number;
-    mb?: string | number;
-    ml?: string | number;
-    mx?: string | number;
-    my?: string | number;
-    p?: string | number;
-    pt?: string | number;
-    pr?: string | number;
-    pb?: string | number;
-    pl?: string | number;
-    px?: string | number;
-    py?: string | number;
-} & {
-    media?: {
-        xs?: Partial<FlexItemProps> | undefined;
-        s?: Partial<FlexItemProps> | undefined;
-        m?: Partial<FlexItemProps> | undefined;
-        l?: Partial<FlexItemProps> | undefined;
-        xl?: Partial<FlexItemProps> | undefined;
-    } | undefined;
-} & react.RefAttributes<unknown>>;
-
-type BoxProps = {
-    children?: any;
-    element?: 'div' | 'section';
-    hasBorder?: boolean;
-    color?: ColorVariant | string;
-} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-declare const Box: react.ForwardRefExoticComponent<Omit<FabricComponent<BoxProps>, "ref"> & react.RefAttributes<unknown>>;
+declare const SkeletonAvatar: React__default.FC<SkeletonAvatarProps>;
 
-type LineProps = FabricComponent<{
-    direction?: 'horizontal' | 'vertical';
-} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'children'>>;
-declare const Line: react.ForwardRefExoticComponent<Omit<FabricComponent<LineProps>, "ref"> & react.RefAttributes<unknown>>;
-
-interface EmptyDataProps {
-    children?: any;
-    title?: string;
-    note?: string;
+type BaseSourcesButtonProps = {
+    count?: number | string;
+    icon?: React__default.ReactNode;
+};
+type PolymorphicRef$2<C extends React__default.ElementType> = React__default.ComponentPropsWithRef<C>['ref'];
+type SourcesButtonProps<C extends React__default.ElementType = 'button'> = BaseSourcesButtonProps & {
+    /** Render as a different element/component (e.g. react-router `Link`). Defaults to `<button>`. */
+    as?: C;
+    ref?: PolymorphicRef$2<C>;
+} & Omit<React__default.ComponentPropsWithoutRef<C>, keyof BaseSourcesButtonProps | 'as' | 'ref'>;
+declare function SourcesButton<C extends React__default.ElementType = 'button'>({ as, count, icon, className, ref, ...rest }: SourcesButtonProps<C>): react_jsx_runtime.JSX.Element;
+declare namespace SourcesButton {
+    var displayName: string;
+}
+
+interface SpinnerLoaderProps {
+    icon?: React__default.ComponentType<{
+        className?: string;
+        width?: string;
+        height?: string;
+    }>;
+    size?: string;
     className?: string;
 }
-declare const EmptyData: ({ children, title, note, className }: EmptyDataProps) => react_jsx_runtime.JSX.Element;
+declare const SpinnerLoader: React__default.FC<SpinnerLoaderProps>;
 
-type TagProps = FabricComponent<{
-    children?: any;
-    variant?: TagVariant;
-    color?: TagColor;
-    className?: string;
-    radius?: number;
-    icon?: any;
+type TagColor = 'green' | 'blue' | 'purple' | 'magenta' | 'red' | 'cyan' | 'amber' | 'orange' | 'teal' | 'gray' | 'warmGray';
+type TagShape = 'square' | 'pill';
+type TagWrap = 'nowrap' | 'multiline' | 'truncate';
+type BaseTag2Props = {
+    children?: React__default.ReactNode;
+    icon?: React__default.ReactNode | false;
+    onClose?: () => void;
     disabled?: boolean;
-    onClick?: () => void;
-    onDelete?: () => void;
-}> & Omit<react__default.HTMLAttributes<HTMLDivElement>, 'children'>;
-declare const Tag: react__default.ForwardRefExoticComponent<{
-    children?: any;
-    variant?: TagVariant;
     color?: TagColor;
+    shape?: TagShape;
+    wrap?: TagWrap;
+};
+type TagProps = Omit<React__default.HTMLAttributes<HTMLDivElement>, keyof BaseTag2Props> & BaseTag2Props;
+declare const Tag: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLDivElement>, keyof BaseTag2Props> & BaseTag2Props & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const fieldVariants$2: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "solid" | "default" | null | undefined;
+    state?: "disabled" | "default" | "error" | "warning" | "readonly" | "skeleton" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TextInputSize = NonNullable<VariantProps<typeof fieldVariants$2>['size']>;
+type TextInputVariant = NonNullable<VariantProps<typeof fieldVariants$2>['variant']>;
+type TextInputStyle = 'default' | 'inline';
+type TextInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'readOnly'> & {
+    label?: string;
+    helperText?: string;
+    warningText?: string;
+    error?: string | boolean;
+    required?: boolean;
+    size?: TextInputSize;
+    variant?: TextInputVariant;
+    style?: TextInputStyle;
+    fullWidth?: boolean;
+    readOnly?: boolean;
+    loading?: boolean;
+    prepend?: React__default.ReactNode;
+    append?: React__default.ReactNode;
+    toggletip?: React__default.ReactNode;
+    showCount?: boolean;
+    hideStatusIcon?: boolean;
     className?: string;
-    radius?: number;
-    icon?: any;
-    disabled?: boolean;
-    onClick?: () => void;
-    onDelete?: () => void;
-} & {
-    m?: string | number;
-    mt?: string | number;
-    mr?: string | number;
-    mb?: string | number;
-    ml?: string | number;
-    mx?: string | number;
-    my?: string | number;
-    p?: string | number;
-    pt?: string | number;
-    pr?: string | number;
-    pb?: string | number;
-    pl?: string | number;
-    px?: string | number;
-    py?: string | number;
-} & {
-    media?: {
-        xs?: Partial<{
-            children?: any;
-            variant?: TagVariant;
-            color?: TagColor;
-            className?: string;
-            radius?: number;
-            icon?: any;
-            disabled?: boolean;
-            onClick?: () => void;
-            onDelete?: () => void;
-        }> | undefined;
-        s?: Partial<{
-            children?: any;
-            variant?: TagVariant;
-            color?: TagColor;
-            className?: string;
-            radius?: number;
-            icon?: any;
-            disabled?: boolean;
-            onClick?: () => void;
-            onDelete?: () => void;
-        }> | undefined;
-        m?: Partial<{
-            children?: any;
-            variant?: TagVariant;
-            color?: TagColor;
-            className?: string;
-            radius?: number;
-            icon?: any;
-            disabled?: boolean;
-            onClick?: () => void;
-            onDelete?: () => void;
-        }> | undefined;
-        l?: Partial<{
-            children?: any;
-            variant?: TagVariant;
-            color?: TagColor;
-            className?: string;
-            radius?: number;
-            icon?: any;
-            disabled?: boolean;
-            onClick?: () => void;
-            onDelete?: () => void;
-        }> | undefined;
-        xl?: Partial<{
-            children?: any;
-            variant?: TagVariant;
-            color?: TagColor;
-            className?: string;
-            radius?: number;
-            icon?: any;
-            disabled?: boolean;
-            onClick?: () => void;
-            onDelete?: () => void;
-        }> | undefined;
-    } | undefined;
-} & Omit<react__default.HTMLAttributes<HTMLDivElement>, "children"> & {
-    media?: {
-        xs?: Partial<TagProps> | undefined;
-        s?: Partial<TagProps> | undefined;
-        m?: Partial<TagProps> | undefined;
-        l?: Partial<TagProps> | undefined;
-        xl?: Partial<TagProps> | undefined;
-    } | undefined;
-} & react__default.RefAttributes<unknown>>;
-
-type AlertProps = FabricComponent<{
-    title?: any;
-    note?: any;
-}> & Omit<react__default.HTMLAttributes<HTMLDivElement>, 'children'>;
-declare const Alert: react__default.ForwardRefExoticComponent<{
-    title?: any;
-    note?: any;
-} & {
-    m?: string | number;
-    mt?: string | number;
-    mr?: string | number;
-    mb?: string | number;
-    ml?: string | number;
-    mx?: string | number;
-    my?: string | number;
-    p?: string | number;
-    pt?: string | number;
-    pr?: string | number;
-    pb?: string | number;
-    pl?: string | number;
-    px?: string | number;
-    py?: string | number;
-} & {
-    media?: {
-        xs?: Partial<{
-            title?: any;
-            note?: any;
-        }> | undefined;
-        s?: Partial<{
-            title?: any;
-            note?: any;
-        }> | undefined;
-        m?: Partial<{
-            title?: any;
-            note?: any;
-        }> | undefined;
-        l?: Partial<{
-            title?: any;
-            note?: any;
-        }> | undefined;
-        xl?: Partial<{
-            title?: any;
-            note?: any;
-        }> | undefined;
-    } | undefined;
-} & Omit<react__default.HTMLAttributes<HTMLDivElement>, "children"> & {
-    media?: {
-        xs?: Partial<AlertProps> | undefined;
-        s?: Partial<AlertProps> | undefined;
-        m?: Partial<AlertProps> | undefined;
-        l?: Partial<AlertProps> | undefined;
-        xl?: Partial<AlertProps> | undefined;
-    } | undefined;
-} & react__default.RefAttributes<unknown>>;
-
-type LabelProps = FabricComponent<{
-    label?: any;
-    helpText?: any;
-    errorText?: string;
-    size?: LabelSize;
-    children: any;
+    rootClassName?: string;
+};
+declare const TextInput: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size" | "readOnly" | "prefix"> & {
+    label?: string;
+    helperText?: string;
+    warningText?: string;
+    error?: string | boolean;
+    required?: boolean;
+    size?: TextInputSize;
+    variant?: TextInputVariant;
+    style?: TextInputStyle;
     fullWidth?: boolean;
-}> & Omit<react__default.LabelHTMLAttributes<HTMLLabelElement>, 'children'> & (LabelDirection | LabelDirectionRaw);
-type LabelDirectionRaw = {
-    direction?: 'row' | 'row-reverse';
-    childrenWidth?: number | string;
-};
-type LabelDirection = {
-    direction?: Omit<react__default.CSSProperties['flexDirection'], 'row' | 'row-reverse'>;
-};
-declare const Label: react__default.ForwardRefExoticComponent<FabricComponent<LabelProps> & react__default.RefAttributes<unknown>>;
-
-type CheckboxProps = {
-    label?: any;
-} & Omit<react__default.InputHTMLAttributes<HTMLInputElement>, 'type'>;
-declare const Checkbox: react__default.ForwardRefExoticComponent<{
-    label?: any;
-} & Omit<react__default.InputHTMLAttributes<HTMLInputElement>, "type"> & {
-    m?: string | number;
-    mt?: string | number;
-    mr?: string | number;
-    mb?: string | number;
-    ml?: string | number;
-    mx?: string | number;
-    my?: string | number;
-    p?: string | number;
-    pt?: string | number;
-    pr?: string | number;
-    pb?: string | number;
-    pl?: string | number;
-    px?: string | number;
-    py?: string | number;
-} & {
-    media?: {
-        xs?: Partial<CheckboxProps> | undefined;
-        s?: Partial<CheckboxProps> | undefined;
-        m?: Partial<CheckboxProps> | undefined;
-        l?: Partial<CheckboxProps> | undefined;
-        xl?: Partial<CheckboxProps> | undefined;
-    } | undefined;
-} & react__default.RefAttributes<unknown>>;
-
-type Direction = 'horizontal' | 'vertical';
-type LinerProgressProps = {
-    height?: number;
-    width?: string | number;
-    direction?: Direction;
-    value: number;
-} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'children'>;
-declare const LinerProgress: react.ForwardRefExoticComponent<Omit<FabricComponent<LinerProgressProps>, "ref"> & react.RefAttributes<unknown>>;
-
-type SwitchVariant = 'default' | 'modern';
-type SwitchProps = FabricComponent<Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'>> & {
-    children?: React.ReactNode;
-    variant?: SwitchVariant;
-    size?: SwitchSize;
-};
-declare const Switch: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
-    m?: string | number;
-    mt?: string | number;
-    mr?: string | number;
-    mb?: string | number;
-    ml?: string | number;
-    mx?: string | number;
-    my?: string | number;
-    p?: string | number;
-    pt?: string | number;
-    pr?: string | number;
-    pb?: string | number;
-    pl?: string | number;
-    px?: string | number;
-    py?: string | number;
-} & {
-    media?: {
-        xs?: Partial<Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type">> | undefined;
-        s?: Partial<Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type">> | undefined;
-        m?: Partial<Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type">> | undefined;
-        l?: Partial<Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type">> | undefined;
-        xl?: Partial<Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type">> | undefined;
-    } | undefined;
-} & {
-    children?: React.ReactNode;
-    variant?: SwitchVariant;
-    size?: SwitchSize;
-} & {
-    media?: {
-        xs?: Partial<SwitchProps> | undefined;
-        s?: Partial<SwitchProps> | undefined;
-        m?: Partial<SwitchProps> | undefined;
-        l?: Partial<SwitchProps> | undefined;
-        xl?: Partial<SwitchProps> | undefined;
-    } | undefined;
-} & react.RefAttributes<unknown>>;
-
-type DrawerProps = {
-    isOpen: boolean;
-    onClose: () => void;
-    children?: any;
-    header?: number;
-    width?: string | number;
-};
-declare const Drawer: react.ForwardRefExoticComponent<DrawerProps & {
-    m?: string | number;
-    mt?: string | number;
-    mr?: string | number;
-    mb?: string | number;
-    ml?: string | number;
-    mx?: string | number;
-    my?: string | number;
-    p?: string | number;
-    pt?: string | number;
-    pr?: string | number;
-    pb?: string | number;
-    pl?: string | number;
-    px?: string | number;
-    py?: string | number;
-} & {
-    media?: {
-        xs?: Partial<DrawerProps> | undefined;
-        s?: Partial<DrawerProps> | undefined;
-        m?: Partial<DrawerProps> | undefined;
-        l?: Partial<DrawerProps> | undefined;
-        xl?: Partial<DrawerProps> | undefined;
-    } | undefined;
-} & react.RefAttributes<unknown>>;
-declare const DrawerHeader: any;
-declare const DrawerBody: any;
-
-interface ContentLoaderProps extends Omit<IContentLoaderProps, 'backgroundColor' | 'foregroundColor'> {
-    children?: any;
-}
-declare const ContentLoader: (props: ContentLoaderProps) => react_jsx_runtime.JSX.Element;
-
-type Position$1 = 'start' | 'center' | 'end';
-type OverlayProps = {
-    children: any;
-    onOutsideClick?: () => void;
-    append?: any;
-    appendPosition?: Position$1;
-    prepend?: any;
-    prependPosition?: Position$1;
-    isLocked?: boolean;
+    readOnly?: boolean;
+    loading?: boolean;
+    prepend?: React__default.ReactNode;
+    append?: React__default.ReactNode;
+    toggletip?: React__default.ReactNode;
+    showCount?: boolean;
+    hideStatusIcon?: boolean;
+    className?: string;
+    rootClassName?: string;
+} & React__default.RefAttributes<HTMLInputElement>>;
+
+declare const fieldVariants$1: (props?: ({
+    variant?: "solid" | "default" | null | undefined;
+    state?: "disabled" | "default" | "error" | "warning" | "readonly" | "skeleton" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TextAreaVariant = NonNullable<VariantProps<typeof fieldVariants$1>['variant']>;
+type TextAreaStyle = 'default' | 'inline';
+type TextAreaResize = 'vertical' | 'none';
+type TextAreaProps = Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, 'readOnly'> & {
+    label?: string;
+    helperText?: string;
+    warningText?: string;
+    error?: string | boolean;
+    required?: boolean;
+    variant?: TextAreaVariant;
+    style?: TextAreaStyle;
+    fullWidth?: boolean;
+    /** Default visible rows when no value is set. Ignored when `autoResize`. */
+    rows?: number;
+    /** Auto-grow to fit content (Carbon pattern). Disables manual resize. */
+    autoResize?: boolean;
+    /** User resize affordance. Default `vertical`. Forced `none` when `autoResize`. */
+    resize?: TextAreaResize;
+    readOnly?: boolean;
+    loading?: boolean;
+    toggletip?: React__default.ReactNode;
+    showCount?: boolean;
+    className?: string;
+    rootClassName?: string;
 };
-declare const Overlay: react.ForwardRefExoticComponent<OverlayProps & {
-    m?: string | number;
-    mt?: string | number;
-    mr?: string | number;
-    mb?: string | number;
-    ml?: string | number;
-    mx?: string | number;
-    my?: string | number;
-    p?: string | number;
-    pt?: string | number;
-    pr?: string | number;
-    pb?: string | number;
-    pl?: string | number;
-    px?: string | number;
-    py?: string | number;
-} & {
-    media?: {
-        xs?: Partial<OverlayProps> | undefined;
-        s?: Partial<OverlayProps> | undefined;
-        m?: Partial<OverlayProps> | undefined;
-        l?: Partial<OverlayProps> | undefined;
-        xl?: Partial<OverlayProps> | undefined;
-    } | undefined;
-} & react.RefAttributes<unknown>>;
-
-type ModalProps = {
-    onClose: () => void;
-    width?: number;
-    children: any;
-    isNested?: boolean;
+declare const TextArea: React__default.ForwardRefExoticComponent<Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, "readOnly"> & {
+    label?: string;
+    helperText?: string;
+    warningText?: string;
+    error?: string | boolean;
+    required?: boolean;
+    variant?: TextAreaVariant;
+    style?: TextAreaStyle;
+    fullWidth?: boolean;
+    /** Default visible rows when no value is set. Ignored when `autoResize`. */
+    rows?: number;
+    /** Auto-grow to fit content (Carbon pattern). Disables manual resize. */
+    autoResize?: boolean;
+    /** User resize affordance. Default `vertical`. Forced `none` when `autoResize`. */
+    resize?: TextAreaResize;
+    readOnly?: boolean;
+    loading?: boolean;
+    toggletip?: React__default.ReactNode;
+    showCount?: boolean;
+    className?: string;
+    rootClassName?: string;
+} & React__default.RefAttributes<HTMLTextAreaElement>>;
+
+type NumberInputProps = Omit<TextInputProps, 'type' | 'append' | 'prepend' | 'showCount' | 'maxLength' | 'min' | 'max' | 'step'> & {
+    min?: number;
+    max?: number;
+    step?: number;
+    hideStepper?: boolean;
+    incrementLabel?: string;
+    decrementLabel?: string;
+    value?: number | string;
+    defaultValue?: number | string;
 };
-interface ModalChildrenProps extends FabricComponent<Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>> {
-    children: any;
-}
-declare const Modal: ({ children, onClose, isNested, width }: ModalProps) => react_jsx_runtime.JSX.Element;
-declare const ModalHeader: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<ModalChildrenProps | (ModalChildrenProps & react.RefAttributes<react.Component<ModalChildrenProps, any, any>>), StyledFabricComponent<ModalChildrenProps>>> & (string & (Omit<react.ComponentClass<ModalChildrenProps, any>, keyof react.Component<any, {}, any>> | Omit<react.FunctionComponent<ModalChildrenProps>, keyof react.Component<any, {}, any>>));
-declare const ModalBody: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<ModalChildrenProps | (ModalChildrenProps & react.RefAttributes<react.Component<ModalChildrenProps, any, any>>), StyledFabricComponent<ModalChildrenProps>>> & (string & (Omit<react.ComponentClass<ModalChildrenProps, any>, keyof react.Component<any, {}, any>> | Omit<react.FunctionComponent<ModalChildrenProps>, keyof react.Component<any, {}, any>>));
-declare const ModalFooter: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<ModalChildrenProps | (ModalChildrenProps & react.RefAttributes<react.Component<ModalChildrenProps, any, any>>), StyledFabricComponent<ModalChildrenProps>>> & (string & (Omit<react.ComponentClass<ModalChildrenProps, any>, keyof react.Component<any, {}, any>> | Omit<react.FunctionComponent<ModalChildrenProps>, keyof react.Component<any, {}, any>>));
-
-interface TailwindExampleProps {
-    variant?: 'primary' | 'secondary' | 'success' | 'danger';
-    children: react__default.ReactNode;
-}
-declare const TailwindExample: react__default.FC<TailwindExampleProps>;
-
-type ChatFieldProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'type'> & {
-    error?: boolean;
-    errorText?: string;
-    button?: ReactNode;
-    images?: File[];
-    disableImages?: boolean;
-    onChangeImages?: (files: File[]) => void;
-    onError?: (error: string) => void;
-    multiple?: boolean;
-    fieldClassName?: string;
-    prepend?: ReactNode;
-    append?: ReactNode;
-    header?: ReactNode;
-    onUploadClick?: () => void;
-    uploadButtonTooltip?: string;
-    shouldOpenUpload?: boolean;
-    onDropImages?: (files: File[]) => void;
+declare const NumberInput: React__default.ForwardRefExoticComponent<Omit<TextInputProps, "type" | "maxLength" | "max" | "min" | "step" | "prepend" | "showCount" | "append"> & {
+    min?: number;
+    max?: number;
+    step?: number;
+    hideStepper?: boolean;
+    incrementLabel?: string;
+    decrementLabel?: string;
+    value?: number | string;
+    defaultValue?: number | string;
+} & React__default.RefAttributes<HTMLInputElement>>;
+
+type ToggleSize = 'sm' | 'md';
+type ToggleProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> & {
+    /** Top label (small, above the toggle row). */
+    label?: React__default.ReactNode;
+    /** Optional info icon next to the label. Pass `true` for default <i> icon. */
+    info?: React__default.ReactNode | boolean;
+    /** Inline state label shown when toggle is OFF. */
+    offLabel?: React__default.ReactNode;
+    /** Inline state label shown when toggle is ON. */
+    onLabel?: React__default.ReactNode;
+    /** Visually hide the top label while keeping it in the DOM for accessibility. */
+    hideLabel?: boolean;
+    helperText?: React__default.ReactNode;
+    size?: ToggleSize;
+    /** Read-only state — visible but not interactive. Different from disabled. */
+    readOnly?: boolean;
+    /** Outer wrapper class (label + toggle row + helper). */
+    rootClassName?: string;
+    /** Class for the visual track element. */
+    className?: string;
 };
-declare const ChatField: ({ multiple, value, disableImages, onChangeImages, images, errorText, error, onError, button, prepend, fieldClassName, onUploadClick, shouldOpenUpload, append, className, onDropImages, header, uploadButtonTooltip, ...props }: ChatFieldProps) => react_jsx_runtime.JSX.Element;
-
-declare const ProgressLoader: () => react_jsx_runtime.JSX.Element;
+declare const Toggle: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
+    /** Top label (small, above the toggle row). */
+    label?: React__default.ReactNode;
+    /** Optional info icon next to the label. Pass `true` for default <i> icon. */
+    info?: React__default.ReactNode | boolean;
+    /** Inline state label shown when toggle is OFF. */
+    offLabel?: React__default.ReactNode;
+    /** Inline state label shown when toggle is ON. */
+    onLabel?: React__default.ReactNode;
+    /** Visually hide the top label while keeping it in the DOM for accessibility. */
+    hideLabel?: boolean;
+    helperText?: React__default.ReactNode;
+    size?: ToggleSize;
+    /** Read-only state — visible but not interactive. Different from disabled. */
+    readOnly?: boolean;
+    /** Outer wrapper class (label + toggle row + helper). */
+    rootClassName?: string;
+    /** Class for the visual track element. */
+    className?: string;
+} & React__default.RefAttributes<HTMLInputElement>>;
 
 interface PageLayoutProps {
     children?: any;
     className?: string;
 }
-declare const PageLayout: ({ children, className }: PageLayoutProps) => react_jsx_runtime.JSX.Element;
-declare const StyledContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const PageLayout: React__default.ForwardRefExoticComponent<PageLayoutProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface ContentProps {
     children: any;
     className?: string;
 }
-declare const PageContent: ({ children, className }: ContentProps) => react_jsx_runtime.JSX.Element;
-declare const StyledMain: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+declare const PageContent: React__default.ForwardRefExoticComponent<ContentProps & React__default.RefAttributes<HTMLElement>>;
 
 interface SubNavProps {
-    children?: any;
+    children?: ReactNode;
     className?: string;
     top?: number;
 }
-declare const SubNav: ({ children, className, top }: SubNavProps) => react_jsx_runtime.JSX.Element;
-type StyledProps = {
-    $top: number;
-};
-declare const Styled: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
+declare const SubNav: React$1.ForwardRefExoticComponent<SubNavProps & React$1.RefAttributes<HTMLDivElement>>;
 
 type ContainerProps = {
-    children: any;
-    maxWidth?: string | number;
-};
-declare const Container: react.ForwardRefExoticComponent<ContainerProps & {
-    m?: string | number;
-    mt?: string | number;
-    mr?: string | number;
-    mb?: string | number;
-    ml?: string | number;
-    mx?: string | number;
-    my?: string | number;
-    p?: string | number;
-    pt?: string | number;
-    pr?: string | number;
-    pb?: string | number;
-    pl?: string | number;
-    px?: string | number;
-    py?: string | number;
-} & {
-    media?: {
-        xs?: Partial<ContainerProps> | undefined;
-        s?: Partial<ContainerProps> | undefined;
-        m?: Partial<ContainerProps> | undefined;
-        l?: Partial<ContainerProps> | undefined;
-        xl?: Partial<ContainerProps> | undefined;
-    } | undefined;
-} & react.RefAttributes<unknown>>;
+    children: ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+};
+declare const Container: React$1.ForwardRefExoticComponent<ContainerProps & React$1.RefAttributes<HTMLDivElement>>;
 
 type SplitterLayoutProps = {
     columns: {
@@ -1851,6 +711,19 @@ interface Graph2DRef {
      * @param padding Отступ от краев в пикселях
      */
     zoomToFit: (duration?: number, padding?: number) => void;
+    /**
+     * Масштабує граф так, щоб виділені вузли були видимі
+     * @param duration Тривалість анімації масштабування в мілісекундах
+     * @param padding Відступ від країв в пікселях
+     */
+    zoomToSelected: (duration?: number, padding?: number) => void;
+    /**
+     * Масштабує граф так, щоб певні вузли були видимі
+     * @param nodeIds Масив ID вузлів для відображення
+     * @param duration Тривалість анімації масштабування в мілісекундах
+     * @param padding Відступ від країв в пікселях
+     */
+    zoomToNodes: (nodeIds: (string | number)[], duration?: number, padding?: number) => void;
     /**
      * Добавляет новые узлы и связи на график
      * @param newNodes Массив новых узлов для добавления
@@ -1859,16 +732,85 @@ interface Graph2DRef {
      *   - smoothAppearance: если true, существующие узлы не будут двигаться,
      *     а новые появятся плавно рядом со связанными узлами
      *   - transitionDuration: длительность анимации появления новых узлов в миллисекундах
+     *   - sourceNodeId: узел-источник раскрытия (expand). На время появления
+     *     закрепляется как якорь и не смещается, а новые узлы раскладываются
+     *     радиально вокруг него; после анимации якорь снимается
+     *   - pinSource: закреплять ли узел-источник на время раскрытия (по умолчанию true)
      */
     addNodes: (newNodes: NodeObject[], newLinks?: LinkObject[], options?: {
         smoothAppearance?: boolean;
         transitionDuration?: number;
-    }) => void;
+        sourceNodeId?: string | number;
+        pinSource?: boolean;
+    }, callback?: () => void) => void;
     /**
      * Удаляет узлы и связанные с ними связи из графа
      * @param nodeIds Массив идентификаторов узлов для удаления
      */
     removeNodes: (nodeIds: (string | number)[]) => void;
+    /**
+     * Выбирает узлы на графе по их идентификаторам
+     * @param nodeIds Массив идентификаторов узлов для выбора
+     * @returns
+     */
+    setSelectedNodes: (nodeIds: (string | number)[]) => void;
+    /**
+     * Встановлює розмір для вузлів за їх ідентифікаторами
+     * @param nodeIds Масив ідентифікаторів вузлів
+     * @param size Розмір, який потрібно встановити для вузлів
+     */
+    setNodeSizes: (nodeIds: (string | number)[], size: number) => void;
+    /**
+     * Встановлює колір для вузлів за їх ідентифікаторами
+     * @param nodeIds Масив ідентифікаторів вузлів
+     * @param color Колір, який потрібно встановити для вузлів
+     */
+    setNodeColors: (nodeIds: (string | number)[], color: string) => void;
+    /**
+     * Встановлює ширину для зв'язків за їх ідентифікаторами
+     * @param linkIds Масив ідентифікаторів зв'язків
+     * @param width Ширина лінії, яку потрібно встановити для зв'язків
+     */
+    setLinkWidths: (linkIds: (string | number)[], width: number) => void;
+    /**
+     * Встановлює колір для зв'язків за їх ідентифікаторами
+     * @param linkIds Масив ідентифікаторів зв'язків
+     * @param color Колір лінії, який потрібно встановити для зв'язків
+     */
+    setLinkColors: (linkIds: (string | number)[], color: string) => void;
+    /**
+     * Знаходить і підсвічує найкоротший шлях між двома нодами
+     * @param sourceId ID початкової ноди
+     * @param targetId ID кінцевої ноди
+     * @returns Кількість нод в знайденому шляху, або 0 якщо шлях не існує
+     */
+    findShortestPath: (sourceId: string | number, targetId: string | number) => number;
+    /**
+     * Впорядковує вибрані вузли в сітці
+     * @param nodeIds Набір ідентифікаторів вузлів для впорядкування
+     * @param options Опції для налаштування розміщення в сітці
+     *   - spacing: відстань між вузлами (за замовчуванням 100)
+     *   - columns: кількість колонок (автоматично розраховується, якщо не вказано)
+     */
+    arrangeSelectedInGrid: (nodeIds: Set<string | number>, options?: {
+        spacing?: number;
+        columns?: number;
+    }) => void;
+    /**
+     * Впорядковує всі вузли в окремі сітки згруповані за значенням ключа
+     * Якщо значення ключа - масив, бере перший елемент
+     * Кожна група вузлів розміщується в окремій сітці, а самі групи теж розташовані у вигляді сітки
+     * @param typeKey Назва ключа для групування (наприклад, 'labels', 'type')
+     * @param options Опції для налаштування розміщення в сітці
+     *   - spacing: відстань між вузлами всередині групи (за замовчуванням 100)
+     *   - columns: кількість колонок всередині кожної групи (автоматично розраховується, якщо не вказано)
+     *   - groupSpacing: відстань між групами (за замовчуванням 200)
+     */
+    arrangeNodesByTypeInGrid: (typeKey: string, options?: {
+        spacing?: number;
+        columns?: number;
+        groupSpacing?: number;
+    }) => void;
 }
 /**
  * Интерфейс для внутреннего состояния компонента Graph2D
@@ -1889,7 +831,7 @@ interface GraphState {
     /** Узел, который в данный момент перетаскивается */
     draggedNode: NodeObject | null;
     /** Выбранный узел */
-    selectedNode: NodeObject | null;
+    selectedNodeIds: Set<string | number>;
     /** Индекс кнопки, над которой находится курсор */
     hoveredButtonIndex: number | null;
     /** Набор узлов, которые должны быть подсвечены */
@@ -1926,18 +868,21 @@ interface Graph2DProps {
     width: number;
     height: number;
     buttons?: NodeButton[];
+    enableGrid?: boolean;
     onNodeClick?: (node: NodeObject) => void;
     onBackgroundClick?: () => void;
     onNodeHover?: (node: NodeObject | null) => void;
-    onLinkHover?: (link: LinkObject | null) => void;
+    onLinkHover?: (link: LinkObject | null, event: React.MouseEvent<HTMLCanvasElement>) => void;
     onLinkClick?: (link: LinkObject) => void;
+    onChangeSelectedNodeIds?: (nodeIds: Set<string | number>) => void;
 }
 interface NodeButton {
-    img: string;
-    hoverImg: string;
-    loading?: boolean;
+    img: string | ((node: NodeObject) => string);
+    hoverImg: string | ((node: NodeObject) => string);
+    loading?: boolean | ((node: NodeObject) => boolean);
     getCount?: (node: NodeObject) => number;
     onClick: (node: NodeObject) => void;
+    tooltip?: string | ((node: NodeObject) => string);
 }
 type GraphData<NodeType = {}, LinkType = {}> = {
     nodes: NodeObject<NodeType>[];
@@ -1951,11 +896,13 @@ type NodeObject<NodeType = {}> = NodeType & {
     vy?: number;
     fx?: number;
     fy?: number;
+    size?: number;
     [others: string]: any;
 };
 type LinkObject<NodeType = {}, LinkType = {}> = LinkType & {
     source: string | number | NodeObject<NodeType>;
     target: string | number | NodeObject<NodeType>;
+    width?: number;
     [others: string]: any;
 };
 
@@ -1969,70 +916,74 @@ interface FullscreenCardProps {
     right?: number;
     bottom?: number;
 }
-declare const FullscreenCard: react.ForwardRefExoticComponent<FullscreenCardProps & {
-    m?: string | number;
-    mt?: string | number;
-    mr?: string | number;
-    mb?: string | number;
-    ml?: string | number;
-    mx?: string | number;
-    my?: string | number;
-    p?: string | number;
-    pt?: string | number;
-    pr?: string | number;
-    pb?: string | number;
-    pl?: string | number;
-    px?: string | number;
-    py?: string | number;
-} & {
-    media?: {
-        xs?: Partial<FullscreenCardProps> | undefined;
-        s?: Partial<FullscreenCardProps> | undefined;
-        m?: Partial<FullscreenCardProps> | undefined;
-        l?: Partial<FullscreenCardProps> | undefined;
-        xl?: Partial<FullscreenCardProps> | undefined;
-    } | undefined;
-} & react.RefAttributes<unknown>>;
-
-type ImageExtension = 'jpeg' | 'jpg' | 'png' | 'gif' | 'bmp' | 'ico' | 'svg' | 'tiff' | 'webp';
-type AudioExtension = 'aac' | 'ac3' | 'aiff' | 'amr' | 'dts' | 'flac' | 'm4a' | 'mp3' | 'ogg' | 'opus' | 'wav' | 'wma';
-type DocumentExtension = 'pdf' | 'docx' | 'txt' | 'xlsx' | 'pptx';
-type VideoExtension = '3gp' | 'avi' | 'dv' | 'flv' | 'm2ts' | 'm4v' | 'mkv' | 'mov' | 'mp4' | 'mpeg' | 'mpg' | 'mts' | 'ogv' | 'vob' | 'webm';
-type SpreadsheetExtension = 'csv' | 'tsv' | 'psv' | 'dsv';
-type CodeExtension = 'js' | 'jsx' | 'ts' | 'tsx' | 'json' | 'html' | 'css' | 'scss' | 'py' | 'java' | 'cpp' | 'c' | 'cs' | 'php' | 'rb' | 'go' | 'rs' | 'swift' | 'kt' | 'xml' | 'yaml' | 'yml' | 'md' | 'sql' | 'sh' | 'bash' | 'cfg' | 'conf' | 'env' | 'htm' | 'ini' | 'log' | 'markdown' | 'ndjson' | 'jsonl' | 'properties' | 'rst' | 'toml';
-type SupportedFileExtension = ImageExtension | AudioExtension | DocumentExtension | CodeExtension | VideoExtension | SpreadsheetExtension;
-
-type CsvDriverLabels = {
-    loading?: string;
-    rows?: string;
-    rowsIncomplete?: string;
-    retry?: string;
-    searchPlaceholder?: string;
-    searchFound?: string;
-    searching?: string;
-};
+declare const FullscreenCard: React__default.ForwardRefExoticComponent<FullscreenCardProps & React__default.RefAttributes<HTMLDivElement>>;
 
-type DocxDriverLabels = {
-    loading?: string;
-    errorFileTooLarge?: string;
-    errorTimeout?: string;
-    errorRender?: string;
-    scale?: string;
+/**
+ * Single source of truth for the file types the FileViewer can render.
+ *
+ * `FILE_VIEWER_DRIVER_GROUPS` is consumed directly by `Driver.tsx` for routing,
+ * so the registry can never drift from the actual driver selection. The
+ * `SupportedFileExtension` type is *derived* from `SUPPORTED_FILE_EXTENSIONS`
+ * (not the other way round) — the runtime list and the compile-time union are
+ * therefore provably in sync.
+ */
+/** Extension → driver mapping. Driver selection in `Driver.tsx` reads this. */
+declare const FILE_VIEWER_DRIVER_GROUPS: {
+    readonly image: readonly ["jpeg", "jpg", "png", "gif", "bmp", "webp", "svg"];
+    readonly audio: readonly ["mp3", "wav", "ogg", "flac"];
+    readonly video: readonly ["mp4", "webm"];
+    readonly pdf: readonly ["pdf"];
+    readonly docx: readonly ["docx"];
+    readonly text: readonly ["txt", "js", "jsx", "ts", "tsx", "json", "html", "css", "scss", "py", "java", "cpp", "c", "cs", "php", "rb", "go", "rs", "swift", "kt", "xml", "yaml", "yml", "md", "sql", "sh", "bash"];
+};
+/**
+ * Extensions accepted by the FileViewer but rendered through the
+ * `DownloadDriver` fallback (no inline preview).
+ */
+declare const DOWNLOAD_ONLY_EXTENSIONS: readonly ["xlsx", "pptx"];
+/** Flat list of every extension the FileViewer accepts. */
+declare const SUPPORTED_FILE_EXTENSIONS: readonly ["jpeg", "jpg", "png", "gif", "bmp", "webp", "svg", "mp3", "wav", "ogg", "flac", "mp4", "webm", "pdf", "docx", "txt", "js", "jsx", "ts", "tsx", "json", "html", "css", "scss", "py", "java", "cpp", "c", "cs", "php", "rb", "go", "rs", "swift", "kt", "xml", "yaml", "yml", "md", "sql", "sh", "bash", "xlsx", "pptx"];
+type SupportedFileExtension = (typeof SUPPORTED_FILE_EXTENSIONS)[number];
+/**
+ * The type of the FileViewer `extension` prop. Any string is accepted at
+ * runtime — an unknown type routes to the `DownloadDriver` — while the literal
+ * union still drives editor autocomplete for the known extensions.
+ */
+type FileViewerExtension = SupportedFileExtension | (string & {});
+/** Which driver a given extension resolves to. */
+type FileViewerDriverKind = keyof typeof FILE_VIEWER_DRIVER_GROUPS | 'download';
+/**
+ * Resolves an extension to its driver. Anything not in a driver group — including
+ * `DOWNLOAD_ONLY_EXTENSIONS` and unknown types — resolves to `'download'`.
+ */
+declare const resolveDriverKind: (extension: string) => FileViewerDriverKind;
+/**
+ * Optional prev/next navigation for the FileViewer. When provided, the image and
+ * video drivers render prev/next buttons inside their control panels so a caller
+ * can page through a sequence of files. All fields are optional — when none are
+ * passed the drivers render no navigation and behave as a single-file viewer.
+ */
+type FileViewerNavProps = {
+    onPrev?: () => void;
+    onNext?: () => void;
+    hasPrev?: boolean;
+    hasNext?: boolean;
+    /** Optional position label rendered between the prev/next buttons, e.g. "2 / 7". */
+    positionLabel?: string;
 };
 
-type FileViewerProps = {
+type FileViewerProps = FileViewerNavProps & {
     path?: string;
     blob?: Blob;
     buffer?: ArrayBuffer;
-    stream?: ReadableStream<Uint8Array>;
-    extension: SupportedFileExtension;
+    extension: FileViewerExtension;
     not_supported_message?: string;
-    csvLabels?: CsvDriverLabels;
-    onCsvRetry?: (error: string) => void;
-    docxLabels?: DocxDriverLabels;
-    initialPage?: number;
-    /** PDF only: render pages flush without gap/border (e.g. website-to-PDF). */
-    seamless?: boolean;
+    /** Filename used for the download attribute and aria labels. */
+    filename?: string;
+    /** Custom download handler. If omitted, the FileViewer triggers a default <a download> using path/blob URL. */
+    onDownload?: () => void;
+    /** Image-only: bbox [x1, y1, x2, y2] in natural pixels to zoom into on initial load. */
+    initialBbox?: number[];
 };
 declare const FileViewer: (props: FileViewerProps) => react_jsx_runtime.JSX.Element;
 
@@ -2043,46 +994,97 @@ type TypewriterProps = {
     className?: string;
     markdown?: boolean;
     markdownComponents?: Record<string, React.ComponentType<any>>;
-} & Omit<TypographyProps, 'children'>;
+};
 declare const Typewriter: ({ text, speed, onDone, markdown, markdownComponents, className, ...props }: TypewriterProps) => react_jsx_runtime.JSX.Element;
 
-type CopyToClipboardProps = {
+interface UseCopyToClipboardOptions {
+    onSuccess?: () => void;
+    format?: 'text/html' | 'text/plain';
+}
+declare const useCopyToClipboard: ({ onSuccess, format }?: UseCopyToClipboardOptions) => (text: string) => Promise<void>;
+
+type CopyButtonProps = React__default.ButtonHTMLAttributes<HTMLButtonElement> & {
+    /** Text rendered inside the button when `children` is not provided; also default for `value`. */
     text: string;
-    children: (params: CopyToClipboardParams) => ReactNode;
+    /** Optional override for what gets copied to clipboard. Defaults to `text`. */
+    value?: string;
+    /** Hide the trailing copy icon. */
+    hideIcon?: boolean;
+    /** Clipboard format. */
     format?: 'text/html' | 'text/plain';
-    positions?: PopoverPosition[] | PopoverPosition;
-    tooltip?: {
-        timeout?: number;
-        message?: ReactNode;
-    };
-    className?: string;
+    /** Called after a successful copy. */
+    onCopy?: () => void;
 };
-type CopyToClipboardParams = {
-    copy: () => Promise<void>;
-};
-declare const CopyToClipboard: ({ text, children, format, tooltip, positions, className, }: CopyToClipboardProps) => react_jsx_runtime.JSX.Element;
-
+declare const CopyButton: React__default.ForwardRefExoticComponent<React__default.ButtonHTMLAttributes<HTMLButtonElement> & {
+    /** Text rendered inside the button when `children` is not provided; also default for `value`. */
+    text: string;
+    /** Optional override for what gets copied to clipboard. Defaults to `text`. */
+    value?: string;
+    /** Hide the trailing copy icon. */
+    hideIcon?: boolean;
+    /** Clipboard format. */
+    format?: "text/html" | "text/plain";
+    /** Called after a successful copy. */
+    onCopy?: () => void;
+} & React__default.RefAttributes<HTMLButtonElement>>;
+
+type WeekStartsOn = 0 | 1 | 2 | 3 | 4 | 5 | 6;
 interface DatePickerBaseProps {
     minDate?: Date;
     maxDate?: Date;
     format?: string;
     inline?: boolean;
     disabled?: boolean;
+    readOnly?: boolean;
+    showTimeSelect?: boolean;
+    timeIntervals?: number;
+    weekStartsOn?: WeekStartsOn;
+    /**
+     * Close the calendar once a selection is complete — single: on pick; range:
+     * once both ends are set. Ignored while `showTimeSelect`. Default false.
+     */
+    closeOnSelect?: boolean;
+    /** Calendar popover placement. Default 'bottom-start'. */
+    placement?: Placement;
+    size?: DatePickerSize;
+    variant?: DatePickerVariant;
+    fullWidth?: boolean;
+    label?: string;
+    helperText?: string;
+    warningText?: string;
+    error?: string | boolean;
+    required?: boolean;
+    toggletip?: ReactNode;
+    hideStatusIcon?: boolean;
+    loading?: boolean;
     placeholder?: string;
-    inputProps?: BaseInputProps;
+    id?: string;
+    name?: string;
+    className?: string;
+    rootClassName?: string;
+    /** Defaults to <CalendarIcon />. Pass `null` to omit. */
+    prepend?: ReactNode;
+    append?: ReactNode;
 }
 interface DatePickerRangeProps {
     range: true;
-    value?: [string, string];
-    onChange?: (date: [string, string]) => void;
+    value?: [Date | undefined, Date | undefined];
+    onChange?: (date: [Date | undefined, Date | undefined]) => void;
 }
 interface DatePickerSingleProps {
     range?: false;
-    value?: string;
-    onChange?: (date: string) => void;
+    value?: Date;
+    onChange?: (date: Date | undefined) => void;
 }
 type DatePickerProps = DatePickerBaseProps & (DatePickerRangeProps | DatePickerSingleProps);
-declare const DatePicker: ({ value, range, inline, minDate, maxDate, format: formatStr, onChange, ...props }: DatePickerProps) => react_jsx_runtime.JSX.Element;
+declare const fieldVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "solid" | "default" | null | undefined;
+    state?: "disabled" | "default" | "error" | "warning" | "readonly" | "skeleton" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type DatePickerSize = NonNullable<VariantProps<typeof fieldVariants>['size']>;
+type DatePickerVariant = NonNullable<VariantProps<typeof fieldVariants>['variant']>;
+declare const DatePicker: ({ value, range, inline, minDate, maxDate, format: formatStr, showTimeSelect, timeIntervals, weekStartsOn, onChange, ...props }: DatePickerProps) => react_jsx_runtime.JSX.Element;
 interface DatePickerCalendarProps {
     month: number;
     year: number;
@@ -2092,35 +1094,808 @@ interface DatePickerCalendarProps {
     onSelectDate: (date: Date) => void;
     onChangeMonth: (month: number) => void;
     onChangeYear: (year: number) => void;
-    onClose?: () => void;
+    showTimeSelect?: boolean;
+    timeIntervals?: number;
+    weekStartsOn?: WeekStartsOn;
+}
+declare const DatePickerCalendar: ({ month, year, selectedDate, minDate, maxDate, onSelectDate, onChangeMonth, onChangeYear, showTimeSelect, timeIntervals, weekStartsOn, }: DatePickerCalendarProps) => react_jsx_runtime.JSX.Element;
+
+type GlobalDropZoneProps = {
+    onChange: (files: File[]) => void;
+    disabled?: boolean;
+    multiple?: boolean;
+    dragText?: string;
+    className?: string;
+};
+declare const GlobalDropZone: ({ onChange, disabled, multiple, dragText, className, }: GlobalDropZoneProps) => React$1.ReactPortal | null;
+
+type SidebarSectionProps = {
+    /** Flex grow factor inside the Sidebar column. Defaults to 0. */
+    grow?: 0 | 1;
+    className?: string;
+    children?: React__default.ReactNode;
+};
+declare const SidebarSection: ({ grow, className, children }: SidebarSectionProps) => react_jsx_runtime.JSX.Element;
+
+declare const sidebar2ItemVariants: (props?: ({
+    collapsed?: boolean | null | undefined;
+    selected?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SidebarItemVariantProps = VariantProps<typeof sidebar2ItemVariants>;
+type PolymorphicRef$1<C extends React__default.ElementType> = React__default.ComponentPropsWithRef<C>['ref'];
+type SidebarItemOwnProps = {
+    /** Sticky selected state (typically tied to active route). */
+    active?: boolean;
+    disabled?: boolean;
+    icon?: React__default.ReactNode;
+    label?: string;
+    className?: string;
+};
+type SidebarItemProps<C extends React__default.ElementType = 'button'> = SidebarItemOwnProps & {
+    /** Render as a different element/component (e.g. react-router `Link` or `<a>`). Defaults to `<button>`. */
+    as?: C;
+    ref?: PolymorphicRef$1<C>;
+} & Omit<React__default.ComponentPropsWithoutRef<C>, keyof SidebarItemOwnProps | keyof SidebarItemVariantProps | 'as' | 'ref'>;
+declare function SidebarItem<C extends React__default.ElementType = 'button'>({ as, active, disabled, icon, label, className, onClick, ref, ...rest }: SidebarItemProps<C>): react_jsx_runtime.JSX.Element;
+
+type SidebarDividerProps = {
+    className?: string;
+};
+declare const SidebarDivider: ({ className }: SidebarDividerProps) => react_jsx_runtime.JSX.Element;
+
+type SidebarProps = {
+    /** Collapsed rail (icons-only, 56px) vs expanded (labels visible, 248px). */
+    collapsed?: boolean;
+    className?: string;
+    children?: React__default.ReactNode;
+} & Omit<React__default.HTMLAttributes<HTMLElement>, 'children'>;
+declare const SidebarRoot: React__default.ForwardRefExoticComponent<{
+    /** Collapsed rail (icons-only, 56px) vs expanded (labels visible, 248px). */
+    collapsed?: boolean;
+    className?: string;
+    children?: React__default.ReactNode;
+} & Omit<React__default.HTMLAttributes<HTMLElement>, "children"> & React__default.RefAttributes<HTMLElement>>;
+type SidebarCompound = typeof SidebarRoot & {
+    Section: typeof SidebarSection;
+    Item: typeof SidebarItem;
+    Divider: typeof SidebarDivider;
+};
+declare const Sidebar: SidebarCompound;
+
+type SidebarContextValue = {
+    collapsed: boolean;
+};
+declare const SidebarContext: React$1.Context<SidebarContextValue>;
+
+type VerticalNavigationItem = {
+    id: string;
+    label: React__default.ReactNode;
+    count?: number | string;
+    countLoading?: boolean;
+    /** Full-element skeleton — placeholder for both the label and the count. */
+    loading?: boolean;
+    disabled?: boolean;
+    children?: VerticalNavigationItem[];
+};
+type BaseVerticalNavigationProps = {
+    title?: React__default.ReactNode;
+    subtitle?: React__default.ReactNode;
+    items: VerticalNavigationItem[];
+    selectedId?: string;
+    onSelect?: (id: string) => void;
+    expandedIds?: string[];
+    defaultExpandedIds?: string[];
+    onExpandedChange?: (ids: string[]) => void;
+    collapsible?: boolean;
+    /** Cap numeric item counts at 99 → "99+". Defaults to true. */
+    capCount?: boolean;
+    /**
+     * Whether the whole panel is collapsed to a thin rail with a single expand
+     * button. Controlled when provided; pair with `onCollapsedChange`. The collapse
+     * affordance (header collapse button + rail) only appears when the panel is
+     * collapsible — i.e. when `onCollapsedChange`, `collapsed` or `defaultCollapsed`
+     * is set. Untouched consumers render exactly as before.
+     */
+    collapsed?: boolean;
+    /** Uncontrolled initial collapsed state. Ignored when `collapsed` is provided. */
+    defaultCollapsed?: boolean;
+    onCollapsedChange?: (collapsed: boolean) => void;
+};
+type VerticalNavigationProps = Omit<React__default.HTMLAttributes<HTMLDivElement>, keyof BaseVerticalNavigationProps> & BaseVerticalNavigationProps;
+declare const VerticalNavigation: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLDivElement>, keyof BaseVerticalNavigationProps> & BaseVerticalNavigationProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface HeaderProps {
+    children?: any;
+    className?: string;
+}
+declare const Header: React$1.ForwardRefExoticComponent<HeaderProps & React$1.RefAttributes<HTMLHeadElement>>;
+
+declare const HeaderDelimeter: ({ className }: {
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+
+interface HeaderSectionProps {
+    grow?: CSSProperties['flexGrow'];
+    shrink?: CSSProperties['flexShrink'];
+    basis?: CSSProperties['flexBasis'];
+    justify?: CSSProperties['justifyContent'];
+    children?: React.ReactNode;
+    className?: string;
+}
+declare const HeaderSection: ({ grow, shrink, basis, justify, children, className, }: HeaderSectionProps) => react_jsx_runtime.JSX.Element;
+
+type DataGridSortDirection = 'asc' | 'desc';
+type DataGridSortState = {
+    key: string;
+    direction: DataGridSortDirection;
+} | null;
+type PinSide = 'left' | 'right';
+type DataGridColumn<T> = {
+    key: string;
+    header: React__default.ReactNode;
+    accessor?: keyof T | ((row: T) => React__default.ReactNode);
+    sortable?: boolean;
+    /** Initial width in px. Default 160. */
+    width?: number;
+    /**
+     * Optional base width applied when the grid is in fullscreen mode (see
+     * `DataGridProps.isFullscreen`). Overrides `width` for layout while leaving
+     * user-resize and `grow` logic intact. Useful when a design spec bumps a
+     * column's baseline at larger viewports.
+     */
+    fullscreenWidth?: number;
+    /** Min width during resize drag. Default 40. */
+    minWidth?: number;
+    /**
+     * Cap for auto-grow only. When a grow column reaches `maxWidth`, the
+     * remaining extra space is redistributed across the other grow columns.
+     * Does NOT cap user drag-resize — users can manually drag past `maxWidth`.
+     */
+    maxWidth?: number;
+    /** Whether column can be resized. Default true. */
+    resizable?: boolean;
+    /**
+     * Allow the column to absorb free horizontal space on top of its base width.
+     * `true` == weight 1. Multiple grow columns share `extra = containerWidth -
+     * totalBase` proportionally by weight, capped per column by `maxWidth`.
+     */
+    grow?: boolean | number;
+    /** Pin column to left or right edge. */
+    pinned?: PinSide;
+    /** Hide column from main row when container width <= threshold. Ignored on pinned columns. */
+    hideBelow?: number;
+    align?: 'left' | 'center' | 'right';
+    className?: string;
+    headerClassName?: string;
+    /**
+     * Force single-line ellipsis on the cell-content wrapper. Defaults to `false`
+     * (cell wraps). Useful when the accessor returns plain text and there is no
+     * inner wrapper to apply `truncate` itself.
+     */
+    truncate?: boolean;
+    /** Label used in extended row fallback renderer. Defaults to `header`. */
+    extendedLabel?: React__default.ReactNode;
+    /**
+     * When all hidden columns return `true` for a given row, the extended row
+     * for that row is skipped entirely. Columns without `isEmpty` are treated
+     * as "unknown" (= not empty), so absence of a predicate keeps current behaviour.
+     */
+    isEmpty?: (row: T) => boolean;
+};
+type DataGridProps<T> = {
+    columns: DataGridColumn<T>[];
+    data: T[];
+    rowKey: (row: T, index: number) => React__default.Key;
+    zebra?: boolean;
+    /**
+     * Draw vertical borders between columns (in addition to the always-on
+     * horizontal row borders). Produces a fully gridded look. Default `false`.
+     */
+    bordered?: boolean;
+    sort?: DataGridSortState;
+    onSortChange?: (sort: DataGridSortState) => void;
+    onColumnResizeEnd?: (columnKey: string, width: number) => void;
+    /** Activate extended row when container width <= threshold. */
+    extendedRowBelow?: number;
+    renderExtendedRow?: (row: T, hidden: DataGridColumn<T>[]) => React__default.ReactNode;
+    /**
+     * Always-on detail strip rendered below a row, independent of the width-based
+     * extended-row / `hideBelow` mechanism. When it returns a non-null node for a
+     * row, that row gets a detail sub-row spanning the non-pinned columns (pinned
+     * cells span both rows, same as the extended row). Composes with
+     * `renderExtendedRow`: when columns are also hidden at narrow widths, the
+     * hidden-column content renders ABOVE the detail in the same sub-row cell.
+     */
+    renderRowDetail?: (row: T) => React__default.ReactNode;
+    /**
+     * Optional inter-row slot. Called for every adjacent pair `(rowAbove, rowBelow)`.
+     * Returning a non-null `ReactNode` injects a full-width row spanning all
+     * columns between the two rows. Use sparingly — separators participate in
+     * scroll, not in sticky headers, and break zebra striping continuity.
+     */
+    renderRowSeparator?: (rowAbove: T, rowBelow: T) => React__default.ReactNode;
+    onRowClick?: (row: T, index: number) => void;
+    emptyMessage?: React__default.ReactNode;
+    /** When true, the body area stretches to fill parent height and empty rows (zebra pattern) fill remaining space. */
+    fillRows?: boolean;
+    /** Enables `fullscreenWidth` overrides on columns. Layout-only; no visual behavior of its own. */
+    isFullscreen?: boolean;
+    /** Row height in px used to paint empty filler rows when `fillRows` is true. Default 40. */
+    fillRowHeight?: number;
+    /**
+     * Optional per-row class hook. Returns a className applied to every cell of the
+     * row (main + extended) on top of the zebra background. When a non-empty class
+     * is returned, the row's pinned-cell inline background is suppressed so the
+     * className paints uniformly across pinned and non-pinned cells.
+     */
+    getRowClassName?: (row: T, rowIndex: number) => string | undefined;
+    className?: string;
+    style?: React__default.CSSProperties;
+};
+
+declare function DataGrid<T>({ columns, data, rowKey, zebra, bordered, sort, onSortChange, onColumnResizeEnd, extendedRowBelow, renderExtendedRow, renderRowDetail, renderRowSeparator, onRowClick, emptyMessage, fillRows, fillRowHeight, isFullscreen, getRowClassName, className, style, }: DataGridProps<T>): react_jsx_runtime.JSX.Element;
+
+interface PaginationPerPage {
+    /** Options for the per-page selector (e.g. `[10, 25, 50]`). */
+    options: number[];
+    /** Called when the per-page selector value changes. Note: parent is responsible for resetting the page if it becomes out of range. */
+    onChange: (limit: number) => void;
+    /** Visible label rendered before the selector. Defaults to `"Per page:"`. */
+    label?: string;
+}
+interface PaginationLabels {
+    /** `aria-label` for the wrapping `<nav>`. Defaults to `"Pagination"`. */
+    root?: string;
+    /** `aria-label` for the prev-page button. Defaults to `"Previous page"`. */
+    prev?: string;
+    /** `aria-label` for the next-page button. Defaults to `"Next page"`. */
+    next?: string;
+    /** Builder for the page-button `aria-label`. Defaults to `` `Page ${n}` ``. */
+    page?: (page: number) => string;
+    /** `aria-label` for the overflow trigger. Defaults to `"More pages"`. */
+    overflow?: string;
+}
+interface PaginationProps {
+    /** Total number of items across all pages. */
+    totalItems: number;
+    /** Items per page. */
+    limit: number;
+    /** Currently selected page, 0-based. */
+    activePage: number;
+    /** Called with the next 0-based page index. */
+    onChangePage: (pageIndex: number) => void;
+    /** Per-page selector. Pass `undefined` to hide it. */
+    perPage?: PaginationPerPage;
+    /**
+     * Max pages rendered on each side of the current page on a wide container.
+     * On narrower containers, far siblings are progressively hidden via CSS
+     * container queries (SSR-safe — no JS measurement, no layout shift).
+     * Default `3`.
+     */
+    maxSiblingsCount?: number;
+    /** @deprecated alias for `maxSiblingsCount`. */
+    siblingsCount?: number;
+    /** Disable all interaction (e.g. while loading data). */
+    disabled?: boolean;
+    /** ARIA labels for screen readers. */
+    labels?: PaginationLabels;
+    className?: string;
 }
-declare const DatePickerCalendar: ({ month, year, selectedDate, minDate, maxDate, onSelectDate, onChangeMonth, onChangeYear, onClose, }: DatePickerCalendarProps) => react_jsx_runtime.JSX.Element;
+declare const Pagination: ({ totalItems, limit, activePage, onChangePage, perPage, maxSiblingsCount, siblingsCount, disabled, labels, className, }: PaginationProps) => react_jsx_runtime.JSX.Element;
+
+type SelectValue = string | number;
+type SelectOption<T extends SelectValue = SelectValue> = {
+    value: T;
+    label: string;
+    description?: string;
+    icon?: React__default.ReactNode;
+    disabled?: boolean;
+    disabledReason?: string;
+    group?: string;
+};
+type SelectGroup = {
+    key: string;
+    label: string;
+};
+type SelectRenderOptionContext<T extends SelectValue = SelectValue> = {
+    option: SelectOption<T>;
+    isSelected: boolean;
+    isFocused: boolean;
+    isDisabled: boolean;
+};
+type SelectRenderOption<T extends SelectValue = SelectValue> = (ctx: SelectRenderOptionContext<T>) => React__default.ReactNode;
+
+type SelectProps<T extends SelectValue = SelectValue> = {
+    value?: T;
+    onChange: (value: T) => void;
+    options: SelectOption<T>[];
+    groups?: SelectGroup[];
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'default' | 'solid' | 'ghost';
+    fullWidth?: boolean;
+    label?: string;
+    helperText?: string;
+    error?: string | boolean;
+    required?: boolean;
+    id?: string;
+    name?: string;
+    placeholder?: string;
+    emptyMessage?: string;
+    loadingMessage?: string;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    onSearch?: (query: string) => void;
+    isLoading?: boolean;
+    renderOption?: SelectRenderOption<T>;
+    renderValue?: (option: SelectOption<T> | undefined) => React__default.ReactNode;
+    placement?: Placement;
+    /**
+     * Class applied to the floating popup. Default matches popup width to trigger
+     * anchor. Pass `''` for content-sized popup, or `'min-w-[var(--dm-anchor-w)]'`
+     * to use anchor width as minimum.
+     */
+    popupClassName?: string;
+    disabled?: boolean;
+    className?: string;
+    triggerRef?: React__default.Ref<HTMLButtonElement>;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+};
+declare const Select: <T extends SelectValue = SelectValue>({ value, onChange, options, renderValue, ...rest }: SelectProps<T>) => react_jsx_runtime.JSX.Element;
 
-type ColorToastVariant = 'primary' | 'error' | 'warning' | 'success' | 'default';
-type Toast = {
+type MultiSelectAllOption = {
+    label: string;
+};
+type MultiSelectProps<T extends SelectValue = SelectValue> = {
+    value: T[];
+    onChange: (values: T[]) => void;
+    options: SelectOption<T>[];
+    groups?: SelectGroup[];
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'default' | 'solid' | 'ghost';
+    fullWidth?: boolean;
+    label?: string;
+    helperText?: string;
+    error?: string | boolean;
+    required?: boolean;
+    id?: string;
+    name?: string;
+    placeholder?: string;
+    emptyMessage?: string;
+    loadingMessage?: string;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    onSearch?: (query: string) => void;
+    isLoading?: boolean;
+    renderOption?: SelectRenderOption<T>;
+    renderValue?: (selected: SelectOption<T>[]) => React__default.ReactNode;
+    allOption?: MultiSelectAllOption;
+    showSelectedAsTags?: boolean;
+    selectedLabel?: (count: number, total: number) => string;
+    maxTagsVisible?: number;
+    closeOnSelect?: boolean;
+    placement?: Placement;
+    disabled?: boolean;
+    className?: string;
+    triggerRef?: React__default.Ref<HTMLButtonElement>;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+};
+declare const MultiSelect: <T extends SelectValue = SelectValue>({ value, onChange, options, renderValue, allOption, showSelectedAsTags, selectedLabel, maxTagsVisible, closeOnSelect, ...rest }: MultiSelectProps<T>) => react_jsx_runtime.JSX.Element;
+
+type PhoneNumberMeta = {
+    country: ParsedCountry;
+    inputValue: string;
+};
+type PhoneNumberProps = {
+    /** Phone in E.164 format, e.g. "+380991234567". */
+    value: string;
+    /**
+     * Fired on every keystroke. `phone` is E.164; `meta` exposes formatted display string and country.
+     */
+    onChange: (phone: string, meta: PhoneNumberMeta) => void;
+    /** ISO2 country code used as initial selection when value is empty. */
+    defaultCountry?: CountryIso2;
+    /** Override the country list. Defaults to `defaultCountries` from react-international-phone (218 countries). */
+    countries?: CountryData[];
+    /** Countries pinned at the top of the dropdown. */
+    preferredCountries?: CountryIso2[];
+    /** Always show the dial code prefix (`+380`) and prevent its removal. */
+    forceDialCode?: boolean;
+    /** Hide formatting characters (spaces / dashes) but keep mask length. */
+    disableFormatting?: boolean;
+    /** Skip auto-prefilling the dial code on mount when value is empty. */
+    disableDialCodePrefill?: boolean;
+    label?: string;
+    helperText?: string;
+    error?: string | boolean;
+    required?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    /** Show a search input above the country list. Default true. */
+    searchable?: boolean;
+    size?: 'sm' | 'md';
+    variant?: 'default' | 'solid';
+    fullWidth?: boolean;
+    id?: string;
+    name?: string;
+    className?: string;
+    rootClassName?: string;
+};
+declare const PhoneNumber: React__default.ForwardRefExoticComponent<PhoneNumberProps & React__default.RefAttributes<HTMLInputElement>>;
+
+type DrawerCloseProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'type'> & {
+    onClose: () => void;
+};
+declare const DrawerClose: React__default.ForwardRefExoticComponent<Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onClick"> & {
+    onClose: () => void;
+} & React__default.RefAttributes<HTMLButtonElement>>;
+type DrawerHeaderProps = HTMLAttributes<HTMLDivElement> & {
+    /** When provided, auto-renders <Drawer.Close> at top-right. */
+    onClose?: () => void;
+};
+declare const DrawerHeader: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
+    /** When provided, auto-renders <Drawer.Close> at top-right. */
+    onClose?: () => void;
+} & React__default.RefAttributes<HTMLDivElement>>;
+type DrawerBodyProps = HTMLAttributes<HTMLDivElement>;
+declare const DrawerBody: React__default.ForwardRefExoticComponent<DrawerBodyProps & React__default.RefAttributes<HTMLDivElement>>;
+type DrawerFooterProps = HTMLAttributes<HTMLDivElement>;
+declare const DrawerFooter: React__default.ForwardRefExoticComponent<DrawerFooterProps & React__default.RefAttributes<HTMLDivElement>>;
+type DrawerProps = Omit<HTMLAttributes<HTMLDivElement>, 'role'> & {
+    onClose: () => void;
+    /** Drawer width (px or any CSS length). Default 573. */
+    width?: number | string;
+    /** Top offset, e.g. for app header height. Default 0. */
+    top?: number;
+    /** Slide-in side. Default 'right'. */
+    position?: 'right' | 'left';
+};
+declare const Drawer: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLDivElement>, "role"> & {
+    onClose: () => void;
+    /** Drawer width (px or any CSS length). Default 573. */
+    width?: number | string;
+    /** Top offset, e.g. for app header height. Default 0. */
+    top?: number;
+    /** Slide-in side. Default 'right'. */
+    position?: "right" | "left";
+} & React__default.RefAttributes<HTMLDivElement>> & {
+    Header: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
+        /** When provided, auto-renders <Drawer.Close> at top-right. */
+        onClose?: () => void;
+    } & React__default.RefAttributes<HTMLDivElement>>;
+    Body: React__default.ForwardRefExoticComponent<DrawerBodyProps & React__default.RefAttributes<HTMLDivElement>>;
+    Footer: React__default.ForwardRefExoticComponent<DrawerFooterProps & React__default.RefAttributes<HTMLDivElement>>;
+    Close: React__default.ForwardRefExoticComponent<Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onClick"> & {
+        onClose: () => void;
+    } & React__default.RefAttributes<HTMLButtonElement>>;
+};
+
+type TabsProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> & {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    children?: ReactNode;
+};
+type TabsListProps = HTMLAttributes<HTMLDivElement> & {
+    'aria-label'?: string;
+};
+declare const TabsList: React$1.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    'aria-label'?: string;
+} & React$1.RefAttributes<HTMLDivElement>>;
+type TabsTabProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'type'> & {
+    value: string;
+    disabled?: boolean;
+};
+declare const TabsTab: React$1.ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "value"> & {
+    value: string;
+    disabled?: boolean;
+} & React$1.RefAttributes<HTMLButtonElement>>;
+type TabsPanelProps = HTMLAttributes<HTMLDivElement> & {
+    value: string;
+    /** Keep panel mounted when inactive (display:none). Defaults to false (unmount). */
+    keepMounted?: boolean;
+};
+declare const TabsPanel: React$1.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    value: string;
+    /** Keep panel mounted when inactive (display:none). Defaults to false (unmount). */
+    keepMounted?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+type TabsPanelsProps = HTMLAttributes<HTMLDivElement>;
+declare const TabsPanels: React$1.ForwardRefExoticComponent<TabsPanelsProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const Tabs: React$1.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    children?: ReactNode;
+} & React$1.RefAttributes<HTMLDivElement>> & {
+    List: React$1.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+        'aria-label'?: string;
+    } & React$1.RefAttributes<HTMLDivElement>>;
+    Tab: React$1.ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "value"> & {
+        value: string;
+        disabled?: boolean;
+    } & React$1.RefAttributes<HTMLButtonElement>>;
+    Panel: React$1.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+        value: string;
+        /** Keep panel mounted when inactive (display:none). Defaults to false (unmount). */
+        keepMounted?: boolean;
+    } & React$1.RefAttributes<HTMLDivElement>>;
+    Panels: React$1.ForwardRefExoticComponent<TabsPanelsProps & React$1.RefAttributes<HTMLDivElement>>;
+};
+
+type Delay = number | {
+    open?: number;
+    close?: number;
+};
+type TooltipProps = {
+    /** Content shown inside the tooltip. Falsy → no tooltip rendered. */
+    content: React__default.ReactNode;
+    /** Single child must forward ref. Cloned with merged ref + handlers (no wrapper). */
+    children: React__default.ReactElement;
+    /** Floating UI placement. Default 'top'. */
+    placement?: Placement;
+    /** Visual size — controls padding & max-width. Default 'small'. */
+    size?: 'small' | 'medium' | 'large';
+    /** Hover open/close delay. Default { open: 700, close: 0 }. */
+    delay?: Delay;
+    /** Px offset between trigger and tooltip. Default 8. */
+    offset?: number;
+    /** Render caret arrow. Default true. */
+    arrow?: boolean;
+    /** Disable fade-in animation. Default false. */
+    animation?: boolean;
+    /** Controlled open state. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** When true, do not attach handlers and never show tooltip. */
+    disabled?: boolean;
+    /** Class for tooltip body (override). */
+    className?: string;
+};
+declare function Tooltip({ content, children, placement, size, delay, offset, arrow, animation, open: controlledOpen, onOpenChange, disabled, className, }: TooltipProps): react_jsx_runtime.JSX.Element;
+
+type DropdownMenuProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Single anchor child (must forward ref). */
+    children: React__default.ReactElement;
+    /** Floating content (typically list of <DropdownMenuItem />). */
+    content: React__default.ReactNode;
+    /** @floating-ui placement. Default 'bottom-start'. */
+    placement?: Placement;
+    /** Class for floating container. Use w-[var(--dm-anchor-w)] for anchor-match. */
+    className?: string;
+    /**
+     * Toggle open on click of the reference. Default true.
+     * Set to false for value-driven menus (autocomplete suggestions, command palettes)
+     * where the consumer controls `open` externally.
+     */
+    triggerOnClick?: boolean;
+    /**
+     * Override the reference element. When provided, `children` is rendered as-is
+     * (no cloneElement / no ref injection / no reference props). Useful when the
+     * anchor is not the same element you want to wrap (e.g. a wrapper div with
+     * input, chips, and clear button — anchor on the wrapper, not the input).
+     */
+    referenceElement?: HTMLElement | null;
+    /**
+     * Whether the floating popover scrolls internally when content exceeds max-height.
+     * Default true. Set to false when the content manages its own scroll (e.g. SelectMenu
+     * with sticky search + scrollable list) to avoid nested scrollbars.
+     */
+    scrollable?: boolean;
+};
+declare function DropdownMenu({ open, onOpenChange, children, content, placement, className, triggerOnClick, referenceElement, scrollable, }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
+
+declare const labelVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type DropdownMenuItemSize = NonNullable<VariantProps<typeof labelVariants>['size']>;
+
+type DropdownMenuItemOwnProps = {
+    /** Optional leading icon (inline, inherits hover state). */
+    icon?: React__default.ReactNode;
+    /** Optional trailing icon (e.g. chevron for submenus). */
+    rightIcon?: React__default.ReactNode;
+    children: React__default.ReactNode;
+    /** Render 1px top divider. Default true. Set false for the first item. */
+    divider?: boolean;
+    selected?: boolean;
+    /** Visual size. Default 'lg'. */
+    size?: DropdownMenuItemSize;
+    className?: string;
+};
+type PolymorphicRef<C extends React__default.ElementType> = React__default.ComponentPropsWithRef<C>['ref'];
+type DropdownMenuItemProps<C extends React__default.ElementType = 'button'> = DropdownMenuItemOwnProps & {
+    /** Render as a different element/component (e.g. `'a'` for real links, or react-router `Link`). Defaults to `<button>`. */
+    as?: C;
+    ref?: PolymorphicRef<C>;
+} & Omit<React__default.ComponentPropsWithoutRef<C>, keyof DropdownMenuItemOwnProps | 'as' | 'ref'>;
+declare function DropdownMenuItem<C extends React__default.ElementType = 'button'>({ as, icon, rightIcon, children, divider, selected, size, disabled, className, type, ref, ...rest }: DropdownMenuItemProps<C>): react_jsx_runtime.JSX.Element;
+
+type DropdownMenuListProps = {
+    /** Cascades to child <DropdownMenuItem /> entries that don't set their own size. */
+    size?: DropdownMenuItemSize;
+    className?: string;
+    children: React__default.ReactNode;
+};
+declare function DropdownMenuList({ size, className, children, }: DropdownMenuListProps): react_jsx_runtime.JSX.Element;
+
+type ModalCloseProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'type'> & {
+    onClose: () => void;
+};
+declare const ModalClose: React__default.ForwardRefExoticComponent<Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onClick"> & {
+    onClose: () => void;
+} & React__default.RefAttributes<HTMLButtonElement>>;
+type ModalHeaderProps = HTMLAttributes<HTMLDivElement> & {
+    /** When provided, auto-renders <Modal.Close> at top-right. */
+    onClose?: () => void;
+};
+declare const ModalHeader: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
+    /** When provided, auto-renders <Modal.Close> at top-right. */
+    onClose?: () => void;
+} & React__default.RefAttributes<HTMLDivElement>>;
+type ModalBodyProps = HTMLAttributes<HTMLDivElement>;
+declare const ModalBody: React__default.ForwardRefExoticComponent<ModalBodyProps & React__default.RefAttributes<HTMLDivElement>>;
+type ModalFooterProps = HTMLAttributes<HTMLDivElement>;
+declare const ModalFooter: React__default.ForwardRefExoticComponent<ModalFooterProps & React__default.RefAttributes<HTMLDivElement>>;
+type ModalProps = Omit<HTMLAttributes<HTMLDivElement>, 'role'> & {
+    onClose: () => void;
+    /** Modal width (px or any CSS length). Default 671. Override via className for responsive. */
+    width?: number | string;
+    /** Disable body scroll-lock (for nested modals). */
+    isNested?: boolean;
+};
+declare const Modal: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLDivElement>, "role"> & {
+    onClose: () => void;
+    /** Modal width (px or any CSS length). Default 671. Override via className for responsive. */
+    width?: number | string;
+    /** Disable body scroll-lock (for nested modals). */
+    isNested?: boolean;
+} & React__default.RefAttributes<HTMLDivElement>> & {
+    Header: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
+        /** When provided, auto-renders <Modal.Close> at top-right. */
+        onClose?: () => void;
+    } & React__default.RefAttributes<HTMLDivElement>>;
+    Body: React__default.ForwardRefExoticComponent<ModalBodyProps & React__default.RefAttributes<HTMLDivElement>>;
+    Footer: React__default.ForwardRefExoticComponent<ModalFooterProps & React__default.RefAttributes<HTMLDivElement>>;
+    Close: React__default.ForwardRefExoticComponent<Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onClick"> & {
+        onClose: () => void;
+    } & React__default.RefAttributes<HTMLButtonElement>>;
+};
+
+type NotificationType = 'info' | 'success' | 'warning' | 'error';
+type NotificationProps = {
+    type?: NotificationType;
+} & HTMLAttributes<HTMLDivElement>;
+declare const Notification: React__default.ForwardRefExoticComponent<{
+    type?: NotificationType;
+} & React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+
+type ToastPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+type ToastData = {
     id: string;
-    duration: number;
+    /** Visual variant, mapped to Notification. Default 'info'. */
+    type?: NotificationType;
     message: ReactNode;
+    /** Milliseconds before auto-dismiss. `Infinity` keeps the toast sticky. */
+    duration?: number;
+    /** Whether the close button is shown. Default true. */
     cancelable?: boolean;
-    color?: ColorToastVariant;
 };
 
-type Position = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
-interface ToastsListProps {
-    position?: Position;
-    offset?: number;
-    items: Toast[];
+interface ToastItemProps extends ToastData {
+    transitionDirection: 'top' | 'bottom';
     onClose: (id: string) => void;
 }
-declare const ToastsList: ({ items, onClose, position, offset }: ToastsListProps) => react_jsx_runtime.JSX.Element;
 
-type GlobalDropZoneProps = {
-    onChange: (files: File[]) => void;
-    disabled?: boolean;
-    multiple?: boolean;
-    dragText?: string;
+interface ToastListProps {
+    items: ToastData[];
+    onClose: (id: string) => void;
+    position?: ToastPosition;
     className?: string;
+}
+
+/**
+ * Compound toast component built on top of `Notification`.
+ *
+ * - `Toast.List` — positioned, stacking container with auto-dismiss + transitions.
+ * - `Toast.Item` — a single toast (usually rendered by `Toast.List`).
+ */
+declare const Toast: {
+    List: {
+        ({ items, onClose, position, className }: ToastListProps): react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+    Item: {
+        ({ id, type, message, duration, cancelable, transitionDirection, onClose, }: ToastItemProps): react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+};
+
+type FileInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'onChange' | 'size'> & {
+    label?: string;
+    helperText?: string;
+    error?: string | boolean;
+    required?: boolean;
+    fullWidth?: boolean;
+    rootClassName?: string;
+    multiple?: boolean;
+    accept?: string;
+    value?: FileWithFolderPath[];
+    onChange?: (files: FileWithFolderPath[]) => void;
+    onError?: (error: string) => void;
+    dragDropPlaceholder?: string;
+    dragDropText?: string;
+    uploadButtonText?: string;
+    infoText?: string;
+    icon?: ReactNode;
+    hasIcon?: boolean;
+    hasButton?: boolean;
+    enableFilePreview?: boolean;
+    minHeight?: number | string;
+    dropZoneClassName?: string;
 };
-declare const GlobalDropZone: ({ onChange, disabled, multiple, dragText, className, }: GlobalDropZoneProps) => react.ReactPortal | null;
+declare const FileInput: React$1.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size" | "value" | "onChange"> & {
+    label?: string;
+    helperText?: string;
+    error?: string | boolean;
+    required?: boolean;
+    fullWidth?: boolean;
+    rootClassName?: string;
+    multiple?: boolean;
+    accept?: string;
+    value?: FileWithFolderPath[];
+    onChange?: (files: FileWithFolderPath[]) => void;
+    onError?: (error: string) => void;
+    dragDropPlaceholder?: string;
+    dragDropText?: string;
+    uploadButtonText?: string;
+    infoText?: string;
+    icon?: ReactNode;
+    hasIcon?: boolean;
+    hasButton?: boolean;
+    enableFilePreview?: boolean;
+    minHeight?: number | string;
+    dropZoneClassName?: string;
+} & React$1.RefAttributes<HTMLInputElement>>;
+
+interface MasonryProps {
+    /** Explicit column count. Takes precedence over `columnsCountBreakpoints`. */
+    columnsCount?: number;
+    /** Container-aware breakpoints: `{ minContainerWidth: columnsCount }`. */
+    columnsCountBreakpoints?: Record<number, number>;
+    /** Gap between columns and between cards within a column. Any CSS length. */
+    gutter?: string;
+    /**
+     * `true`  — distribute children greedily by height (column heights stay close,
+     *           but children may render out of source order).
+     * `false` — round-robin: child[i] lands in column[i % N], so left-to-right
+     *           row-by-row reading order is preserved (default).
+     */
+    balanced?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    children: ReactNode;
+}
+declare const Masonry: React$1.ForwardRefExoticComponent<MasonryProps & React$1.RefAttributes<HTMLDivElement>>;
+
+type Theme = 'light' | 'dark';
+interface ThemeContextValue {
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+    toggleTheme: () => void;
+}
+interface ThemeProviderProps {
+    children: React.ReactNode;
+    defaultTheme?: Theme;
+    storageKey?: string;
+    root?: HTMLElement;
+}
+declare function ThemeProvider({ children, defaultTheme, storageKey, root, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
+declare function useTheme(): ThemeContextValue;
 
-export { type Action, Alert, AlertIcon, AndroidIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, type BaseInputProps, Box, type Breakpoint, BreakpointProvider, BugReportIcon, BurgerMenuIcon, BusIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CarIcon, ChatField, type ChatFieldProps, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClockIcon, CloseCircleIcon, ClosedLockIcon, type ColorToastVariant, type ColorVariant, type ColumnTable, Container, ContentLoader, type ContentLoaderProps, ContextMenu, ContextMenuDelimiter, CopyToClipboard, CrossIcon, DataSetsIcon, DatePicker, DatePickerCalendar, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, type DocxDriverLabels, DownloadIcon, Drawer, DrawerBody, DrawerHeader, EditUserIcon, EmptyData, type EmptyDataProps, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FaceSearchIcon, File2Icon, FileField, type FileFieldProps, FileIcon, FileViewer, FiltersIcon, FlashIcon, FlexContainer, FlexItem, FolderAlertIcon, FolderIcon, FolderInfoIcon, FullscreenCard, GlobalDropZone, Graph2D, type Graph2DProps, type Graph2DRef, type GraphData, type GraphState, Header, HeaderDelimeter, HeaderSection, HomepageIcon, ImageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementProps, type InputElementStyle, type InputProps, type InputSize, type InputSizeStyle, type InputState, type InputVariant, IosIcon, Label, type LabelSize, type LabelSizeStyle, Line, LinerProgress, type LinkObject, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MessageAsteriskIcon, MicrosoftIcon, MinusIcon, Modal, ModalBody, ModalFooter, ModalHeader, MoonIcon, type NestedColorPaths, type NodeButton, type NodeObject, OpenLockIcon, OrganizationIcon, Overlay, type OverlayProps, PageContent, PageLayout, Pagination, type PaginationProps, PassportIcon, PasswordFinderIcon, PencilIcon, PhonebookIcon, PlaneIcon, PlusIcon, PointIcon, PrintIcon, Profiler2Icon, ProfilerIcon, ProgressLoader, RelationIcon, RelationPointsIcon, type RenderCellProps, type RenderHeaderCellProps, RotateLeftIcon, RotateRightIcon, RowActionsMenu, SandBoxIcon, SearchIcon, Select, ShipIcon, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, SplitterLayout, StatisticIcon, Styled, StyledContainer, type StyledFabricComponent, StyledMain, StyledTooltipContent, SubNav, SunIcon, type SupportedFileExtension, Switch, type SwitchSize, type SwitchState, Table, Tag, type TagColor, type TagElementStyle, type TagVariant, TailwindExample, type TailwindExampleProps, type TextAreaElementProps, type Theme, type ThemeMode, ThemeProvider, type Toast, ToastsList, Tooltip, type TooltipProps, Typewriter, Typography, type TypographyProps, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UploadImageIcon, UserInCircleIcon, UsersIcon, VectorIcon, WayIcon, convertPaletteToRem, createComponent, createStyledComponent, darkTheme, darkThemePx, destructSpaceProps, generatePropertySpaceStyle, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getResponsiveProps, getTypographyStyles, hexToRgba, lightTheme, lightThemePx, propToRem, pxToRem, remToPx, resolveThemeColor, useBreakpoint, useContextMenuControl, useTheme };
+export { Bone, type BoneProps, Button, type ButtonProps, type ButtonSize, type ButtonType, Checkbox, type CheckboxProps, Container, CopyButton, type CopyButtonProps, Counter, type CounterProps, CounterTag, type CounterTagLevel, type CounterTagProps, DOWNLOAD_ONLY_EXTENSIONS, DataGrid, type DataGridColumn, type DataGridProps, type DataGridSortDirection, type DataGridSortState, DatePicker, DatePickerCalendar, type DatePickerProps, Drawer, DrawerBody, type DrawerBodyProps, DrawerClose, type DrawerCloseProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerProps, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuItemSize, DropdownMenuList, type DropdownMenuListProps, type DropdownMenuProps, FILE_VIEWER_DRIVER_GROUPS, FileInput, type FileInputProps, FileViewer, type FileViewerDriverKind, type FileViewerExtension, type FileViewerNavProps, FullscreenCard, GlobalDropZone, Graph2D, type Graph2DProps, type Graph2DRef, type GraphData, type GraphState, Header, HeaderDelimeter, HeaderSection, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonType, Line, Link, type LinkObject, type LinkProps, Masonry, type MasonryProps, Modal, ModalBody, type ModalBodyProps, ModalClose, type ModalCloseProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalProps, MultiSelect, type MultiSelectAllOption, type MultiSelectProps, type NodeButton, type NodeObject, Notification, type NotificationProps, type NotificationType, NumberInput, type NumberInputProps, Overlay, type OverlayProps, PageContent, PageLayout, Pagination, type PaginationLabels, type PaginationPerPage, type PaginationProps, Panel, PhoneNumber, type PhoneNumberMeta, type PhoneNumberProps, type PinSide, ProgressBar, type ProgressBarProps, type ProgressBarSize, type ProgressBarStatus, type ProgressBarType, SUPPORTED_FILE_EXTENSIONS, SearchInput, type SearchInputProps, Select, type SelectGroup, type SelectOption, type SelectProps, type SelectRenderOption, type SelectRenderOptionContext, type SelectValue, Sidebar, SidebarContext, type SidebarContextValue, SidebarDivider, type SidebarDividerProps, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, SkeletonAvatar, type SkeletonAvatarProps, SkeletonRow, type SkeletonRowProps, SkeletonTextBlock, type SkeletonTextBlockProps, SourcesButton, type SourcesButtonProps, SpinnerLoader, type SpinnerLoaderProps, SplitterLayout, SubNav, type SupportedFileExtension, Tabs, TabsList, type TabsListProps, TabsPanel, type TabsPanelProps, TabsPanels, type TabsPanelsProps, type TabsProps, TabsTab, type TabsTabProps, Tag, type TagColor, type TagProps, type TagShape, type TagWrap, TextArea, type TextAreaProps, TextInput, type TextInputProps, type Theme, ThemeProvider, Toast, type ToastData, type ToastItemProps, type ToastListProps, type ToastPosition, Toggle, type ToggleProps, Tooltip, type TooltipProps, Typewriter, VerticalNavigation, VerticalNavigationButton, type VerticalNavigationButtonProps, type VerticalNavigationItem, type VerticalNavigationProps, resolveDriverKind, useCopyToClipboard, useTheme };