## API Report File for "@salutejs/plasma-core"

> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).

```ts

/// <reference types="react" />

import { applyHyphens } from '@salutejs/plasma-typo';
import { applySpacing } from '@salutejs/plasma-typo';
import { BreakWordProps } from '@salutejs/plasma-typo';
import { BreakWordProps as BreakWordProps_2 } from '@salutejs/plasma-typo/lib/cjs/mixins/applyHyphens';
import { Context } from 'react';
import { CSSObject } from 'styled-components';
import { CSSProperties } from 'react';
import { DefaultTheme } from 'styled-components';
import { DraggableData } from 'react-draggable';
import { FC } from 'react';
import { FlattenInterpolation } from 'styled-components';
import { FlattenSimpleInterpolation } from 'styled-components';
import { FunctionComponent } from 'react';
import { HTMLAttributes } from 'react';
import { InterpolationFunction } from 'styled-components';
import { MutableRefObject } from 'react';
import { PropsWithChildren } from 'react';
import { default as React_2 } from 'react';
import { ReactNode } from 'react';
import { RefObject } from 'react';
import { spacing } from '@salutejs/plasma-typo';
import { SpacingProps } from '@salutejs/plasma-typo';
import { SpacingProps as SpacingProps_2 } from '@salutejs/plasma-typo/lib/cjs/mixins/applySpacing';
import { StyledComponent } from 'styled-components';
import type { SyntheticEvent } from 'react';
import { ThemedStyledProps } from 'styled-components';
import { ThemeProps as ThemeProps_2 } from 'styled-components';
import { useEffect } from 'react';

// @public (undocumented)
export const accent = "var(--plasma-colors-accent)";

// Warning: (ae-forgotten-export) The symbol "OutlineProps" needs to be exported by the entry point index.d.ts
//
// @public
export const addFocus: InterpolationFunction<ThemeProps['theme'] & FocusProps & OutlinedProps & OutlineProps>;

// @public
export const animatedScrollToX: (elem: Element, pos: number, duration?: number, timingFunction?: TimingFunction) => void;

// @public
export const animatedScrollToY: (elem: Element, pos: number, duration?: number, timingFunction?: TimingFunction) => void;

// @public (undocumented)
export const applyBlur: InterpolationFunction<BlurProps>;

// @public
export const applyDisabled: InterpolationFunction<DisabledProps & {
    $disabled?: boolean;
}>;

// @public (undocumented)
export const applyEllipsis: () => FlattenSimpleInterpolation;

export { applyHyphens }

// @public (undocumented)
export const applyMaxLines: InterpolationFunction<MaxLinesProps>;

// @public (undocumented)
export const applyNoSelect: () => FlattenSimpleInterpolation;

// @public
export const applyRoundness: InterpolationFunction<RoundnessProps>;

// @public (undocumented)
export const applyScrollSnap: InterpolationFunction<ScrollSnapProps>;

// @public (undocumented)
export const applySkeletonGradient: InterpolationFunction<SkeletonGradientProps>;

export { applySpacing }

// @public (undocumented)
export const applyTextAreaCssProperties: InterpolationFunction<Pick<TextAreaProps, 'height' | 'width'>>;

// @public
export const applyView: InterpolationFunction<ViewProps>;

// @public (undocumented)
export interface AsProps<T = any> {
    as?: keyof JSX.IntrinsicElements | React.ComponentType<T>;
    forwardedAs?: keyof JSX.IntrinsicElements | React.ComponentType<T>;
}

// @public (undocumented)
export const background = "var(--plasma-colors-background)";

// @public (undocumented)
export const backgroundPrimary = "var(--plasma-colors-background-primary)";

// @public (undocumented)
export const backgroundSecondary = "var(--plasma-colors-background-secondary)";

// @public (undocumented)
export const backgroundTertiary = "var(--plasma-colors-background-tertiary)";

// @public
export const Badge: React_2.FC<BadgeProps>;

// Warning: (ae-forgotten-export) The symbol "StyledBadgeProps" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export interface BadgeProps extends StyledBadgeProps, React_2.HTMLAttributes<HTMLDivElement> {
    contentLeft?: React_2.ReactElement;
    text?: string;
}

// @public (undocumented)
export type BadgeSize = keyof typeof badgeSizes;

// @public
export const badgeSizes: {
    l: {
        textMarginX: string;
        textMarginLeftAfterContent: string;
    };
    s: {
        textMarginX: string;
        textMarginLeftAfterContent: string;
    };
};

// @public (undocumented)
export const BaseboxContent: StyledComponent<"div", any, {}, never>;

// @public (undocumented)
export const BaseboxContentWrapper: StyledComponent<"label", any, {}, never>;

// @public (undocumented)
export const BaseboxDescription: StyledComponent<"div", any, SpacingProps_2 & BreakWordProps_2 & {
singleLine?: boolean | undefined;
}, never>;

// @public (undocumented)
export const BaseboxInput: StyledComponent<"input", any, {}, never>;

// @public (undocumented)
export const BaseboxLabel: StyledComponent<"div", any, SpacingProps_2 & BreakWordProps_2 & {
singleLine?: boolean | undefined;
}, never>;

// Warning: (ae-forgotten-export) The symbol "ControlProps" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export interface BaseboxProps extends ControlProps, InputHTMLAttributes<HTMLInputElement> {
    // (undocumented)
    children?: never;
    singleLine?: boolean;
}

// @public (undocumented)
export const BaseboxRoot: StyledComponent<"div", any, {}, never>;

// @public (undocumented)
export const BaseboxTrigger: StyledComponent<"div", any, {}, never>;

// @public (undocumented)
export interface BasicProps extends AsProps, HTMLAttributes<HTMLDivElement> {
    animatedScrollByIndex?: boolean;
    axis: ScrollAxis;
    debounceMs?: number;
    index: number;
    listAriaLabel?: string;
    listRole?: string;
    paddingEnd?: string;
    paddingStart?: string;
    // Warning: (ae-forgotten-export) The symbol "ScrollAlign" needs to be exported by the entry point index.d.ts
    scrollAlign?: ScrollAlign;
    scrollSnapType?: SnapType;
    throttleMs?: number;
}

// @public (undocumented)
export const black = "var(--plasma-colors-black)";

// @public (undocumented)
export const blackPrimary = "var(--plasma-colors-black-primary)";

// @public (undocumented)
export const blackSecondary = "var(--plasma-colors-black-secondary)";

// @public (undocumented)
export const blackTertiary = "var(--plasma-colors-black-tertiary)";

// @public (undocumented)
export interface BlurProps {
    blur?: keyof typeof blurs;
}

// @public (undocumented)
export const blurs: {
    small: string;
    medium: string;
    large: string;
};

// @public (undocumented)
export const Body1: StyledComponent<"div", any, SpacingProps & BreakWordProps, never>;

// @public (undocumented)
export const body1: CSSObject;

// @public (undocumented)
export const Body2: StyledComponent<"div", any, SpacingProps & BreakWordProps, never>;

// @public (undocumented)
export const body2: CSSObject;

// @public (undocumented)
export const Body3: StyledComponent<"div", any, SpacingProps & BreakWordProps, never>;

// @public (undocumented)
export const body3: CSSObject;

export { BreakWordProps }

// @public @deprecated
export const Button: React_2.ForwardRefExoticComponent<Omit<any, "ref"> & React_2.RefAttributes<any>>;

// @public (undocumented)
export const Button1: StyledComponent<"div", any, SpacingProps & BreakWordProps, never>;

// @public (undocumented)
export const button1: CSSObject;

// @public (undocumented)
export const Button2: StyledComponent<"div", any, SpacingProps & BreakWordProps, never>;

// @public (undocumented)
export const button2: CSSObject;

// @public (undocumented)
export const buttonAccent = "var(--plasma-colors-button-accent)";

// @public (undocumented)
export const buttonChecked = "var(--plasma-colors-button-checked)";

// @public (undocumented)
export type ButtonContentProps =
/**
* С текстом и/или контентом слева.
*/
    {
    text?: React.ReactNode;
    contentLeft?: React.ReactNode;
    contentRight?: never;
    children?: never;
    isLoading?: boolean;
    loader?: React.ReactNode;
}
/**
* С текстом и/или контентом справа.
*/
| {
    text?: React.ReactNode;
    contentLeft?: never;
    contentRight?: React.ReactNode;
    children?: never;
    isLoading?: boolean;
    loader?: React.ReactNode;
}
/**
* Через ``children``.
*/
| {
    text?: never;
    contentLeft?: never;
    contentRight?: never;
    children?: React.ReactNode;
    isLoading?: boolean;
    loader?: React.ReactNode;
};

// @public (undocumented)
export const buttonCritical = "var(--plasma-colors-button-critical)";

// @public (undocumented)
export const buttonFocused = "var(--plasma-colors-button-focused)";

// @public (undocumented)
export const buttonPrimary = "var(--plasma-colors-button-primary)";

// @public
export interface ButtonProps<T = HTMLElement> extends Partial<PinProps>, FocusProps, OutlinedProps, DisabledProps, ShiftProps, AsProps, Omit<React.AnchorHTMLAttributes<T>, 'type'>, React.ButtonHTMLAttributes<T> {
    // @deprecated
    blur?: keyof typeof blurs;
    square?: boolean;
    stretch?: boolean;
}

// Warning: (ae-forgotten-export) The symbol "StyledButtonProps" needs to be exported by the entry point index.d.ts
//
// @public
export const ButtonRoot: StyledComponent<"button", any, StyledButtonProps, never>;

// @public (undocumented)
export const buttonSecondary = "var(--plasma-colors-button-secondary)";

// @public
export interface ButtonSizeProps<S = keyof typeof buttonSizes> {
    size: S;
}

// Warning: (ae-forgotten-export) The symbol "ButtonSizes" needs to be exported by the entry point index.d.ts
//
// @public
export const buttonSizes: ButtonSizes;

// @public (undocumented)
export const buttonSuccess = "var(--plasma-colors-button-success)";

// Warning: (ae-forgotten-export) The symbol "ButtonTypography" needs to be exported by the entry point index.d.ts
//
// @public
export const buttonTypography: ButtonTypography;

// @public (undocumented)
export interface ButtonViewProps<V = keyof typeof buttonViews> {
    view: V;
}

// @public
export const buttonViews: {
    primary: {
        backgroundColor: string;
        color: string;
    };
    secondary: {
        backgroundColor: string;
        color: string;
    };
    success: {
        backgroundColor: string;
        color: string;
    };
    warning: {
        backgroundColor: string;
        color: string;
    };
    critical: {
        backgroundColor: string;
        color: string;
    };
    checked: {
        backgroundColor: string;
        color: string;
    };
    overlay: {
        backgroundColor: string;
        color: string;
    };
    clear: {
        backgroundColor: string;
        color: string;
    };
};

// @public (undocumented)
export const buttonWarning = "var(--plasma-colors-button-warning)";

// @public
export const canUseDOM: boolean;

// @public (undocumented)
export const Caption: StyledComponent<"div", any, SpacingProps & BreakWordProps, never>;

// @public (undocumented)
export const caption: CSSObject;

// @public
export const Card: React_2.ForwardRefExoticComponent<CardProps & React_2.RefAttributes<HTMLDivElement>>;

// @public
export const CardBody: StyledComponent<"div", any, CardBodyProps, never>;

// Warning: (ae-forgotten-export) The symbol "ViewProps_2" needs to be exported by the entry point index.d.ts
// Warning: (ae-forgotten-export) The symbol "LinesProps" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export const CardBody1: StyledComponent<"div", any, SpacingProps & BreakWordProps & ViewProps_2 & LinesProps, never>;

// @public (undocumented)
export const CardBody2: StyledComponent<"div", any, SpacingProps & BreakWordProps & ViewProps_2 & LinesProps, never>;

// @public (undocumented)
export interface CardBodyProps extends React_2.HTMLAttributes<HTMLDivElement> {
}

// @public
export const CardContent: StyledComponent<"div", any, {} & CardContentProps, never>;

// Warning: (ae-forgotten-export) The symbol "CoverProps" needs to be exported by the entry point index.d.ts
// Warning: (ae-forgotten-export) The symbol "NoCoverProps" needs to be exported by the entry point index.d.ts
// Warning: (ae-forgotten-export) The symbol "OtherProps" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export type CardContentProps = (CoverProps | NoCoverProps) & OtherProps & React_2.HTMLAttributes<HTMLDivElement>;

// @public (undocumented)
export const CardFootnote1: StyledComponent<"div", any, SpacingProps & BreakWordProps & ViewProps_2, never>;

// @public (undocumented)
export const CardFootnote2: StyledComponent<"div", any, SpacingProps & BreakWordProps & ViewProps_2, never>;

// @public (undocumented)
export const CardHeadline1: StyledComponent<"div", any, SpacingProps & BreakWordProps & ViewProps_2, never>;

// @public (undocumented)
export const CardHeadline2: StyledComponent<"div", any, SpacingProps & BreakWordProps & ViewProps_2, never>;

// @public (undocumented)
export const CardHeadline3: StyledComponent<"div", any, SpacingProps & BreakWordProps & ViewProps_2, never>;

// @public
export const CardMedia: React_2.FC<CardMediaProps>;

// @public (undocumented)
export type CardMediaProps = ImageBaseProps & {
    disabled?: boolean;
    placeholder?: string;
};

// @public (undocumented)
export const CardParagraph1: StyledComponent<"div", any, SpacingProps & BreakWordProps & ViewProps_2 & LinesProps, never>;

// @public (undocumented)
export const CardParagraph2: StyledComponent<"div", any, SpacingProps & BreakWordProps & ViewProps_2 & LinesProps, never>;

// @public (undocumented)
export const CardPrice: React_2.FC<CardPriceProps>;

// @public (undocumented)
export interface CardPriceProps extends React_2.HTMLAttributes<HTMLDivElement> {
    // (undocumented)
    count?: number;
    // (undocumented)
    currency?: PriceProps['currency'];
    // (undocumented)
    oldPrice?: number;
    // (undocumented)
    price: number;
}

// Warning: (ae-forgotten-export) The symbol "ScaleOnFocusProps" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export interface CardProps extends DisabledProps, FocusProps, OutlinedProps, ScaleOnFocusProps, Partial<RoundnessProps>, React_2.HTMLAttributes<HTMLDivElement> {
}

// @public
export const Carousel: StyledComponent<"div", any, Pick<CarouselProps, "axis" | "scrollSnapType">, never>;

// @public
export const CarouselGridWrapper: StyledComponent<"div", any, {}, never>;

// @public (undocumented)
export const CarouselItem: React_2.FC<CarouselItemProps>;

// @public (undocumented)
export type CarouselItemProps = ScrollSnapProps & AsProps & React_2.HTMLAttributes<HTMLDivElement>;

// @public
export const CarouselItemVirtual: ({ left, top, children, style, ...rest }: CarouselItemVirtualProps) => JSX.Element;

// @public (undocumented)
export type CarouselItemVirtualProps = AsProps & React_2.HTMLAttributes<HTMLDivElement> & {
    left?: number;
    top?: number;
};

// @public (undocumented)
export interface CarouselLiteProps extends AsProps, HTMLAttributes<HTMLDivElement> {
    axis: ScrollAxis;
    index: number;
    listAriaLabel?: string;
    listRole?: string;
    paddingEnd?: string;
    paddingStart?: string;
    scrollAlign?: ScrollAlign;
    scrollMode?: 'scroll' | 'translate';
    scrollSnapType?: SnapType;
}

// Warning: (ae-forgotten-export) The symbol "DetectionProps" needs to be exported by the entry point index.d.ts
// Warning: (ae-forgotten-export) The symbol "NoDetectionProps" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export type CarouselProps = BasicProps & (DetectionProps | NoDetectionProps);

// @public (undocumented)
export type CarouselTemplateProps = Omit<BasicProps, Exclude<keyof UseCarouselOptions, 'axis'>>;

// @public
export const CarouselTrack: StyledComponent<"div", any, Pick<CarouselProps, "axis" | "paddingStart" | "paddingEnd"> & {
virtualSize?: number | undefined;
liteMode?: boolean | undefined;
}, never>;

// @public (undocumented)
export type CarouselVirtualProps = {
    virtualSize: number;
} & Omit<CarouselTemplateProps, 'paddingStart' | 'paddingEnd' | 'scrollSnapType'>;

// @public
export const convertRoundnessMatrix: (matrixKey?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined, r?: string | undefined, h?: string | undefined) => string | undefined;

// @public
export function createButton<T extends HTMLElement, P extends ButtonProps>(Root?: StyledComponent<"button", any, StyledButtonProps, never>): React_2.ForwardRefExoticComponent<React_2.PropsWithoutRef<P> & React_2.RefAttributes<T>>;

// @public
export function createTabsController<T extends HTMLDivElement, P extends TabsControllerProps>(ListComponent?: React_2.ForwardRefExoticComponent<TabsProps & React_2.RefAttributes<HTMLDivElement>>, ItemComponent?: FunctionComponent<TabItemProps>): React_2.ForwardRefExoticComponent<React_2.PropsWithoutRef<P> & React_2.RefAttributes<T>>;

// @public (undocumented)
export const critical = "var(--plasma-colors-critical)";

// @public (undocumented)
export const dark01 = "var(--plasma-colors-dark01)";

// @public (undocumented)
export const dark02 = "var(--plasma-colors-dark02)";

// @public (undocumented)
export const dark03 = "var(--plasma-colors-dark03)";

// @public (undocumented)
export interface DisabledProps {
    disabled?: boolean;
}

// @public (undocumented)
export const Display1: StyledComponent<"div", any, SpacingProps & BreakWordProps, never>;

// @public (undocumented)
export const display1: CSSObject;

// @public (undocumented)
export const Display2: StyledComponent<"div", any, SpacingProps & BreakWordProps, never>;

// @public (undocumented)
export const display2: CSSObject;

// @public (undocumented)
export const Display3: StyledComponent<"div", any, SpacingProps & BreakWordProps, never>;

// @public (undocumented)
export const display3: CSSObject;

// Warning: (ae-forgotten-export) The symbol "SliderBaseProps" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export interface DoubleSliderProps extends SliderBaseProps {
    ariaLabel?: string[];
    multipleStepSize?: number;
    onChange?(value: number[]): void;
    onChangeCommitted(value: number[]): void;
    value: number[];
}

// @public (undocumented)
export const endAnimationClass = "popup-base-end-animation";

// @public (undocumented)
export const endTransitionClass = "popup-base-end-transition";

// @public (undocumented)
export const extractTextFrom: (textSource?: string | number | null | ReactNode) => string;

// @public (undocumented)
export const Fade: StyledComponent<"div", any, {
placement?: "top" | "bottom" | undefined;
}, never>;

// @public (undocumented)
export const fieldBackgroundStatuses: {
    success: string;
    warning: string;
    error: string;
};

// @public
const FieldContent: StyledComponent<"div", any, {
pos: 'left' | 'right';
}, never>;
export { FieldContent }
export { FieldContent as TextFieldContent }

// @public
const FieldHelper: StyledComponent<"span", any, {}, never>;
export { FieldHelper }
export { FieldHelper as TextFieldHelper }

// @public
const FieldPlaceholder: StyledComponent<"label", any, {}, never>;
export { FieldPlaceholder }
export { FieldPlaceholder as TextFieldPlaceholder }

// @public (undocumented)
export interface FieldProps {
    // (undocumented)
    $isFocused?: boolean;
    contentLeft?: React.ReactElement;
    contentRight?: React.ReactElement;
    helperText?: string;
    label?: string | number;
    size?: 'm' | 'l';
    status?: keyof typeof fieldStatuses;
}

// Warning: (ae-forgotten-export) The symbol "FieldRootProps" needs to be exported by the entry point index.d.ts
//
// @public
const FieldRoot: StyledComponent<"div", any, FieldRootProps, never>;
export { FieldRoot }
export { FieldRoot as TextFieldRoot }

// @public (undocumented)
export const fieldStatuses: {
    success: string;
    warning: string;
    error: string;
};

// @public (undocumented)
export interface FocusProps {
    focused?: boolean;
}

// @public (undocumented)
export const Footnote1: StyledComponent<"div", any, SpacingProps & BreakWordProps, never>;

// @public (undocumented)
export const footnote1: CSSObject;

// @public (undocumented)
export const Footnote2: StyledComponent<"div", any, SpacingProps & BreakWordProps, never>;

// @public (undocumented)
export const footnote2: CSSObject;

// @public
export const formatCurrency: (value: number, currency: string, minimumFractionDigits: number) => string;

// @public
export const getButtonSizesMixin: (sizes: ButtonSizes, typos: ButtonTypography) => ({ size, pin, outlined, focused, $isContentLeft: isContentLeft, $isContentRight: isContentRight, shiftLeft, shiftRight, square, stretch, theme, }: ThemeProps & StyledButtonProps) => FlattenInterpolation<ThemedStyledProps<ThemeProviderContextBase & FocusProps & OutlinedProps & OutlineProps, any>>;

// @public (undocumented)
export const gradient = "var(--plasma-colors-gradient)";

// @public (undocumented)
export const H1: StyledComponent<"h1", any, SpacingProps & BreakWordProps, never>;

// @public (undocumented)
export const H2: StyledComponent<"h2", any, SpacingProps & BreakWordProps, never>;

// @public (undocumented)
export const H3: StyledComponent<"h3", any, SpacingProps & BreakWordProps, never>;

// @public (undocumented)
export const H4: StyledComponent<"h4", any, SpacingProps & BreakWordProps, never>;

// @public (undocumented)
export const Headline1: StyledComponent<"div", any, SpacingProps & BreakWordProps, never>;

// @public (undocumented)
export const headline1: CSSObject;

// @public (undocumented)
export const Headline2: StyledComponent<"div", any, SpacingProps & BreakWordProps, never>;

// @public (undocumented)
export const headline2: CSSObject;

// @public (undocumented)
export const Headline3: StyledComponent<"div", any, SpacingProps & BreakWordProps, never>;

// @public (undocumented)
export const headline3: CSSObject;

// @public (undocumented)
export const Headline4: StyledComponent<"div", any, SpacingProps & BreakWordProps, never>;

// @public (undocumented)
export const headline4: CSSObject;

// @public
const Image_2: FC<ImageProps>;
export { Image_2 as Image }

// Warning: (ae-forgotten-export) The symbol "HeightProps" needs to be exported by the entry point index.d.ts
// Warning: (ae-forgotten-export) The symbol "RatioProps" needs to be exported by the entry point index.d.ts
// Warning: (ae-forgotten-export) The symbol "CustomRatioProps" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export type ImageBaseProps = (HeightProps | RatioProps | CustomRatioProps) & React_2.ImgHTMLAttributes<HTMLImageElement> & {
    src: string;
    alt?: string;
    base?: 'div' | 'img';
};

// @public (undocumented)
export type ImageProps = ImageBaseProps & {
    children?: never;
};

// Warning: (ae-forgotten-export) The symbol "StyledInputProps" needs to be exported by the entry point index.d.ts
//
// @public
const Input: StyledComponent<"input", any, StyledInputProps, never>;
export { Input }
export { Input as TextFieldInput }

// @public (undocumented)
export interface InputHTMLAttributes<T> extends DisabledProps, React_2.InputHTMLAttributes<T> {
    checked?: boolean;
    maxLength?: number;
    minLength?: number;
    name?: string;
    onBlur?: React_2.InputHTMLAttributes<T>['onBlur'];
    onChange?: React_2.InputHTMLAttributes<T>['onChange'];
    onFocus?: React_2.InputHTMLAttributes<T>['onFocus'];
    placeholder?: string;
    readOnly?: boolean;
    required?: boolean;
    type?: string;
    value?: string | ReadonlyArray<string> | number;
}

// @public (undocumented)
interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
    htmlSize?: InputHTMLAttributes<HTMLInputElement>['size'];
}
export { InputProps }
export { InputProps as TextFieldProps }

// @public (undocumented)
export const inverse = "var(--plasma-colors-inverse)";

// @public (undocumented)
export const IS_REACT_18: boolean;

// @public
export const LineSkeleton: React_2.FC<LineSkeletonProps & React_2.HTMLAttributes<HTMLDivElement>>;

// Warning: (ae-forgotten-export) The symbol "TextSizeProps" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export interface LineSkeletonProps extends TextSizeProps, Partial<RoundnessProps> {
}

// @public (undocumented)
export interface MaxLinesProps {
    maxLines?: number;
}

// @public
export const ModalBase: FC<ModalBaseProps>;

// @public (undocumented)
export const modalBaseOverlayClass = "modal-base-overlay";

// @public (undocumented)
export interface ModalBaseProps extends PopupBaseProps {
    closeOnEsc?: boolean;
    closeOnOverlayClick?: boolean;
    focusAfterRef?: React.RefObject<HTMLElement>;
    initialFocusRef?: React.RefObject<HTMLElement>;
    onClose?: () => void;
    onEscKeyDown?: (event: KeyboardEvent) => void;
    onOverlayClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
    withBlur?: boolean;
}

// @public (undocumented)
export type ModalBaseRootProps = PopupRootProps & Pick<ModalBaseProps, 'initialFocusRef' | 'focusAfterRef' | 'onClose'>;

// @public
export const ModalOverlay: FC<ModalOverlayProps>;

// @public (undocumented)
export type ModalOverlayProps = Pick<PopupRootProps, 'id' | 'zIndex'> & Pick<ModalBaseProps, 'withBlur' | 'closeOnOverlayClick' | 'onOverlayClick' | 'onClose'>;

// @public (undocumented)
export const monthLongName: (val: number) => string;

// @public (undocumented)
export const monthShortName: (val: number) => string;

// @public (undocumented)
export interface OutlinedProps {
    outlined?: boolean;
}

// @public (undocumented)
export const overlay = "var(--plasma-colors-overlay)";

// @public (undocumented)
export const P: StyledComponent<"p", any, SpacingProps & BreakWordProps, never>;

// @public (undocumented)
export const P1: StyledComponent<"p", any, SpacingProps & BreakWordProps, never>;

// @public (undocumented)
export const P2: StyledComponent<"p", any, SpacingProps & BreakWordProps, never>;

// @public (undocumented)
export const padZeroNumber: (value: number) => string;

// @public
export const PaginationDot: StyledComponent<"li", any, PaginationDotProps, never>;

// @public (undocumented)
export interface PaginationDotProps extends React.LiHTMLAttributes<HTMLLIElement> {
    isActive: boolean;
}

// @public
export const PaginationDots: StyledComponent<"ul", any, {
'aria-hidden': boolean | "true" | "false";
}, "aria-hidden">;

// @public (undocumented)
export const paragraph = "var(--plasma-colors-paragraph)";

// @public (undocumented)
export const paragraph1: CSSObject;

// @public (undocumented)
export const paragraph2: CSSObject;

// @public (undocumented)
export const ParagraphText1: StyledComponent<"div", any, SpacingProps & BreakWordProps, never>;

// @public (undocumented)
export const ParagraphText2: StyledComponent<"div", any, SpacingProps & BreakWordProps, never>;

// @public
export type PickOptional<T, K extends keyof T> = Partial<Pick<T, K>>;

// @public (undocumented)
export interface PinProps {
    // Warning: (ae-forgotten-export) The symbol "Pin" needs to be exported by the entry point index.d.ts
    pin: Pin;
}

// @public @deprecated
export const Popup: React_2.NamedExoticComponent<PopupProps & React_2.RefAttributes<HTMLDivElement>>;

// @public
export const PopupBase: React_2.ForwardRefExoticComponent<PopupBaseProps & React_2.RefAttributes<HTMLDivElement>>;

// Warning: (ae-forgotten-export) The symbol "BasicPopupBasePlacement" needs to be exported by the entry point index.d.ts
// Warning: (ae-forgotten-export) The symbol "MixedPopupBasePlacement" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export type PopupBasePlacement = BasicPopupBasePlacement | MixedPopupBasePlacement;

// @public (undocumented)
export interface PopupBaseProps extends React.HTMLAttributes<HTMLDivElement> {
    children?: React.ReactNode;
    frame?: 'document' | string | React.RefObject<HTMLElement>;
    // @deprecated
    isOpen?: boolean;
    // (undocumented)
    offset?: [number, number] | [string, string];
    opened: boolean;
    overlay?: React.ReactNode;
    // (undocumented)
    placement?: PopupBasePlacement;
    popupInfo?: PopupInfo;
    withAnimation?: boolean;
    zIndex?: string;
}

// @public (undocumented)
export const PopupBaseProvider: FC<PropsWithChildren>;

// @public (undocumented)
export const popupBaseRootClass = "popup-base-root";

// @public (undocumented)
export interface PopupContextType {
    // (undocumented)
    items: PopupInfo[];
    // (undocumented)
    register: (info: PopupInfo) => void;
    // (undocumented)
    unregister: (id: string) => void;
}

// @public (undocumented)
export interface PopupInfo {
    // (undocumented)
    id: string;
    // (undocumented)
    info?: Record<string, any>;
}

// @public (undocumented)
export interface PopupProps extends HTMLAttributes<HTMLDivElement> {
    children?: ReactNode;
    disclosure?: ReactNode;
    // @deprecated
    isOpen?: boolean;
    onToggle?: (isOpen: boolean, event: SyntheticEvent | Event) => void;
    opened?: boolean;
    // Warning: (ae-forgotten-export) The symbol "PopupPlacement" needs to be exported by the entry point index.d.ts
    // Warning: (ae-forgotten-export) The symbol "PopupBasicPlacement" needs to be exported by the entry point index.d.ts
    placement?: PopupPlacement | Array<PopupBasicPlacement>;
    trigger: 'hover' | 'click';
}

// @public (undocumented)
export interface PopupRootProps extends Omit<PopupBaseProps, 'opened' | 'isOpen' | 'overlay'> {
    // Warning: (ae-forgotten-export) The symbol "PopupAnimationInfo" needs to be exported by the entry point index.d.ts
    animationInfo: PopupAnimationInfo;
    // (undocumented)
    id: string;
    // (undocumented)
    setVisible: React.Dispatch<React.SetStateAction<boolean>>;
}

// @public
export const Price: React_2.FC<PriceProps>;

// @public (undocumented)
export interface PriceProps extends React_2.HTMLAttributes<HTMLSpanElement>, AsProps {
    children: number;
    currency?: 'rub' | 'usd' | 'eur';
    minimumFractionDigits?: number;
    periodicity?: '/ день' | '/ неделя' | '/ месяц' | '/ год' | React_2.ReactElement;
    stroke?: boolean;
}

// @public (undocumented)
export const primary = "var(--plasma-colors-primary)";

// @public (undocumented)
export const RadioGroup: React_2.ForwardRefExoticComponent<RadioGroupProps & React_2.RefAttributes<HTMLInputElement>>;

// @public (undocumented)
export interface RadioGroupProps {
    // (undocumented)
    children: React_2.ReactNode;
}

// @public
export const radiuses: {
    250: number;
    32: number;
    28: number;
    24: number;
    20: number;
    18: number;
    16: number;
    14: number;
    12: number;
    8: number;
    0: number;
};

// Warning: (ae-forgotten-export) The symbol "ratios" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export type Ratio = keyof typeof ratios;

// @public
export const RectSkeleton: React_2.FC<RectSkeletonProps & React_2.HTMLAttributes<HTMLDivElement>>;

// @public (undocumented)
export interface RectSkeletonProps extends Partial<RoundnessProps> {
    // (undocumented)
    height: string | number;
    // (undocumented)
    width: string | number;
}

// @public (undocumented)
export type Roundness = keyof typeof radiuses;

// @public (undocumented)
export interface RoundnessProps {
    roundness: Roundness;
}

// @public (undocumented)
export function safeFlushSync(fn: () => void): void;

// @public (undocumented)
export const safeUseId: () => string;

// @public (undocumented)
export type ScrollAxis = 'x' | 'y';

// @public (undocumented)
export interface ScrollSnapProps {
    // (undocumented)
    scrollSnapAlign?: SnapAlign;
    // (undocumented)
    scrollSnapStop?: SnapStop;
}

// @public (undocumented)
export const secondary = "var(--plasma-colors-secondary)";

// Warning: (ae-forgotten-export) The symbol "SetRef" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export const setRef: SetRef;

// @public (undocumented)
export const shadows: {
    tiny: string;
    small: string;
    medium: string;
};

// @public
export interface ShiftProps {
    shiftLeft?: boolean;
    shiftRight?: boolean;
}

// @public (undocumented)
export interface SingleSliderProps extends SliderBaseProps {
    ariaLabel?: string;
    multipleStepSize?: number;
    onChange?(value: number): void;
    onChangeCommitted(value: number): void;
    value: number;
}

// @public (undocumented)
export const skeletonGradient = "var(--plasma-colors-skeleton-gradient)";

// @public (undocumented)
export const skeletonGradientLighter = "var(--plasma-colors-skeleton-gradient-lighter)";

// @public (undocumented)
export interface SkeletonGradientProps {
    // (undocumented)
    lighter?: boolean;
}

// Warning: (ae-forgotten-export) The symbol "SliderInternalProps" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export const Slider: FC<SliderProps & SliderInternalProps>;

// @public
export const SliderCore: React_2.FC<SliderProps & SliderInternalProps>;

// @public (undocumented)
export type SliderProps = SingleSliderProps | DoubleSliderProps;

// @public (undocumented)
export type SliderSettings = Partial<{
    indent: number;
    fontSizeMultiplier: number;
    backgroundColor: string;
    fillColor: string;
}>;

// @public (undocumented)
export interface SmartPaginationDotsProps {
    // (undocumented)
    index: number;
    // (undocumented)
    items: Array<{
        id: number | string;
    }>;
    // (undocumented)
    visibleItems?: number;
}

// @public (undocumented)
export type SnapAlign = 'start' | 'center' | 'end';

// @public (undocumented)
export type SnapStop = 'normal' | 'always';

// @public (undocumented)
export type SnapType = 'mandatory' | 'proximity' | 'none';

export { spacing }

export { SpacingProps }

// @public (undocumented)
export const speechBubbleReceived = "var(--plasma-colors-speech-bubble-received)";

// @public (undocumented)
export const speechBubbleSent = "var(--plasma-colors-speech-bubble-sent)";

// @public
export const Spinner: React_2.FC<SpinnerProps>;

// @public (undocumented)
export interface SpinnerProps extends React_2.HTMLAttributes<HTMLDivElement> {
    // (undocumented)
    color?: string;
    // (undocumented)
    deviceScale?: number;
    // (undocumented)
    size?: number | string;
}

// @public (undocumented)
export const SSRContext: React_2.Context<{
    uniqId: number | null;
}>;

// @public
export const SSRProvider: ({ children }: {
    children: ReactNode;
}) => JSX.Element;

// Warning: (ae-forgotten-export) The symbol "StyledRootProps" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export const StyledCard: StyledComponent<"div", any, SpacingProps_2 & BreakWordProps_2 & StyledRootProps, never>;

// @public (undocumented)
export const StyledTabs: StyledComponent<"div", any, TabsProps, never>;

// @public (undocumented)
export const StyledWrapper: StyledComponent<"div", any, TabsProps, never>;

// @public (undocumented)
export const success = "var(--plasma-colors-success)";

// @public (undocumented)
export const surfaceCard = "var(--plasma-colors-surface-card)";

// @public (undocumented)
export const surfaceLiquid01 = "var(--plasma-colors-surface-liquid01)";

// @public (undocumented)
export const surfaceLiquid02 = "var(--plasma-colors-surface-liquid02)";

// @public (undocumented)
export const surfaceLiquid03 = "var(--plasma-colors-surface-liquid03)";

// @public (undocumented)
export const surfaceSolid01 = "var(--plasma-colors-surface-solid01)";

// @public (undocumented)
export const surfaceSolid02 = "var(--plasma-colors-surface-solid02)";

// @public (undocumented)
export const surfaceSolid03 = "var(--plasma-colors-surface-solid03)";

// @public
export const Switch: React_2.ForwardRefExoticComponent<SwitchProps & React_2.RefAttributes<HTMLInputElement>>;

// Warning: (ae-forgotten-export) The symbol "PressedProps" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export interface SwitchProps extends ControlProps, DisabledProps, PressedProps, FocusProps, OutlinedProps, Omit<React_2.LabelHTMLAttributes<HTMLLabelElement>, 'onChange' | 'onFocus' | 'onBlur'>, Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'value' | 'checked' | 'disabled' | 'readOnly' | 'onChange' | 'onFocus' | 'onBlur'> {
}

// Warning: (ae-forgotten-export) The symbol "SynthesizeFocus" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export const syntheticFocus: SynthesizeFocus;

// @public
export const TabItem: React_2.ForwardRefExoticComponent<TabItemProps & React_2.RefAttributes<HTMLButtonElement>>;

// @public (undocumented)
export interface TabItemProps extends AsProps, React_2.ButtonHTMLAttributes<HTMLButtonElement> {
    contentLeft?: React_2.ReactNode;
    isActive?: boolean;
}

// @public
export const Tabs: React_2.ForwardRefExoticComponent<TabsProps & React_2.RefAttributes<HTMLDivElement>>;

// Warning: (ae-forgotten-export) The symbol "TabItemRefs" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export const TabsContext: Context<TabItemRefs | null>;

// @public (undocumented)
export interface TabsControllerProps extends TabsProps {
    // (undocumented)
    autoscroll?: boolean;
    // (undocumented)
    children?: never;
    // (undocumented)
    index: number;
    // (undocumented)
    items: Array<{
        label: string;
        contentLeft?: ReactNode;
    }>;
    // (undocumented)
    onIndexChange: (index: number) => void;
}

// @public (undocumented)
export interface TabsProps extends AsProps, DisabledProps, React_2.HTMLAttributes<HTMLDivElement> {
    stretch?: boolean;
}

// @public (undocumented)
export const tertiary = "var(--plasma-colors-tertiary)";

// @public (undocumented)
export const text = "var(--plasma-colors-text)";

// @public
const TextArea: StyledComponent<"textarea", any, Pick<TextAreaProps, "cols" | "rows" | "height" | "width" | "status" | "resize">, never>;
export { TextArea }
export { TextArea as TextFieldTextarea }

// @public (undocumented)
export interface TextareaHTMLAttributes<T> extends DisabledProps, React_2.TextareaHTMLAttributes<T> {
    // (undocumented)
    autoComplete?: string;
    // (undocumented)
    autoFocus?: boolean;
    // (undocumented)
    cols?: number;
    // (undocumented)
    dirName?: string;
    // (undocumented)
    form?: string;
    maxLength?: number;
    minLength?: number;
    name?: string;
    onBlur?: React_2.TextareaHTMLAttributes<T>['onBlur'];
    onChange?: React_2.TextareaHTMLAttributes<T>['onChange'];
    onFocus?: React_2.TextareaHTMLAttributes<T>['onFocus'];
    placeholder?: string;
    readOnly?: boolean;
    required?: boolean;
    // (undocumented)
    rows?: number;
    value?: string | ReadonlyArray<string> | number;
    // (undocumented)
    wrap?: string;
}

// @public (undocumented)
export interface TextAreaProps extends Omit<FieldProps, 'contentLeft'>, TextareaHTMLAttributes<HTMLTextAreaElement> {
    height?: number | CSSProperties['height'];
    resize?: TextareaResize;
    width?: number | CSSProperties['width'];
}

// @public (undocumented)
export type TextareaResize = 'none' | 'both' | 'horizontal' | 'vertical';

// @public
export const TextSkeleton: React_2.FC<TextSkeletonProps & React_2.HTMLAttributes<HTMLDivElement>>;

// @public (undocumented)
export interface TextSkeletonProps extends TextSizeProps, Partial<RoundnessProps> {
    lines: number;
    width?: string | number;
}

// @public (undocumented)
export type ThemeProps = ThemeProps_2<ThemeProviderContextBase>;

// @public (undocumented)
export interface ThemeProviderContextBase extends DefaultTheme {
    // (undocumented)
    deviceScale?: number;
    lowPerformance?: boolean;
}

// @public (undocumented)
export const ThumbBase: StyledComponent<"div", any, {
disabled?: boolean | undefined;
}, never>;

// Warning: (ae-forgotten-export) The symbol "tfs" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export type TimingFunction = keyof typeof tfs;

// @public
export const Toast: React_2.FC<ToastProps>;

// @public (undocumented)
export type ToastPosition = 'top' | 'bottom';

// @public (undocumented)
export type ToastProps = {
    role?: ToastRole;
    text: string;
    contentLeft?: ReactNode;
};

// @public (undocumented)
export const ToastProvider: ({ children }: {
    children: ReactNode;
}) => JSX.Element;

// @public
export const toCssSize: (value: string | number) => string;

// @public
export const transformStyles: (styles: CSSObject) => string;

// @public (undocumented)
export const transparent = "var(--plasma-colors-transparent)";

// Warning: (ae-forgotten-export) The symbol "typography" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export type TypographyTypes = keyof typeof typography;

// @public (undocumented)
export const Underline: StyledComponent<"div", any, SpacingProps & BreakWordProps, never>;

// @public (undocumented)
export const underline: CSSObject;

// Warning: (ae-forgotten-export) The symbol "UseCarouselHookResult" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export const useCarousel: ({ index, axis, detectActive, detectThreshold, scrollAlign, scaleCallback, scaleResetCallback, onIndexChange, onDetectActiveItem, animatedScrollByIndex, throttleMs, debounceMs, }: UseCarouselOptions) => UseCarouselHookResult;

// @public (undocumented)
export function useCarouselLite({ index, axis, scrollAlign, scrollMode, }: UseCarouselLiteOptions): {
    scrollRef: MutableRefObject<HTMLElement | null>;
    trackRef: MutableRefObject<HTMLElement | null>;
};

// @public (undocumented)
export type UseCarouselLiteOptions = Pick<CarouselLiteProps, 'index' | 'axis' | 'scrollAlign' | 'scrollMode'>;

// @public (undocumented)
export type UseCarouselOptions = Pick<CarouselProps, 'index' | 'axis' | 'detectActive' | 'detectThreshold' | 'scrollAlign' | 'scaleCallback' | 'scaleResetCallback' | 'onIndexChange' | 'onDetectActiveItem' | 'animatedScrollByIndex' | 'throttleMs' | 'debounceMs'>;

// @public (undocumented)
export function useDebouncedFunction(func: (...args: any) => any, delay: number, cleanUp?: boolean): (...args: any[]) => void;

// @public
export const useFocusTrap: (active?: boolean, firstFocusSelector?: string | RefObject<HTMLElement> | undefined, focusAfterNode?: RefObject<HTMLElement> | undefined, focusAfterAnimation?: boolean | undefined) => (instance: HTMLElement | null) => void;

// Warning: (ae-forgotten-export) The symbol "UseForkRefHook" needs to be exported by the entry point index.d.ts
//
// @public
export const useForkRef: UseForkRefHook;

// @public
export const useIsomorphicLayoutEffect: typeof useEffect;

// @public (undocumented)
export const usePaginationDots: ({ items, index, visibleItems }: SmartPaginationDotsProps) => {
    sliced: {
        id: number | string;
    }[];
    activeId: string | number;
};

// @public (undocumented)
export const usePopupBaseContext: () => PopupContextType;

// @public
export const useResizeObserver: <T extends HTMLElement>(ref: MutableRefObject<T | null>, callback: (element: T) => void) => void;

// @public (undocumented)
export const useToast: () => {
    showToast: ShowToast;
    hideToast: () => void;
};

// @public (undocumented)
export function useUniqId(): string;

// @public (undocumented)
export type View = keyof typeof views;

// @public (undocumented)
export interface ViewProps {
    view: View;
}

// @public
export const views: {
    accent: {
        backgroundColor: string;
        color: string;
    };
    primary: {
        backgroundColor: string;
        color: string;
    };
    secondary: {
        backgroundColor: string;
        color: string;
    };
    success: {
        backgroundColor: string;
        color: string;
    };
    warning: {
        backgroundColor: string;
        color: string;
    };
    critical: {
        backgroundColor: string;
        color: string;
    };
    checked: {
        backgroundColor: string;
        color: string;
    };
    clear: {
        backgroundColor: string;
        color: string;
    };
    overlay: {
        backgroundColor: string;
        color: string;
    };
};

// @public (undocumented)
export const voicePhraseGradient = "var(--plasma-colors-voice-phrase-gradient)";

// @public (undocumented)
export const warning = "var(--plasma-colors-warning)";

// @public (undocumented)
export const white = "var(--plasma-colors-white)";

// @public (undocumented)
export const whitePrimary = "var(--plasma-colors-white-primary)";

// @public (undocumented)
export const whiteSecondary = "var(--plasma-colors-white-secondary)";

// @public (undocumented)
export const whiteTertiary = "var(--plasma-colors-white-tertiary)";

// @public (undocumented)
export const withAutoFocus: <P extends object>(Component: React_2.ComponentType<P>) => React_2.FC<P & WithAutoFocusProps>;

// @public (undocumented)
export interface WithAutoFocusProps {
    // (undocumented)
    autoFocus?: boolean | null;
    // (undocumented)
    preventScroll?: boolean;
    // (undocumented)
    tabIndex?: number;
}

// @public
export const withSkeleton: <P extends WithSkeletonProps>(Component: React_2.FC<P>) => React_2.FC<P>;

// @public (undocumented)
export interface WithSkeletonProps {
    skeleton?: boolean;
}

// Warnings were encountered during analysis:
//
// components/Toast/Toast.d.ts:4:5 - (ae-forgotten-export) The symbol "ToastRole" needs to be exported by the entry point index.d.ts
// components/Toast/useToast.d.ts:2:5 - (ae-forgotten-export) The symbol "ShowToast" needs to be exported by the entry point index.d.ts

// (No @packageDocumentation comment for this package)

```
