@consta/uikit 5.20.0 → 5.20.1

package/__internal__/src/hooks/useMutableRef/index.d.ts

@@ -0,0 +1 @@
+export * from './useMutableRef';

package/__internal__/src/hooks/useMutableRef/useMutableRef.d.ts

@@ -0,0 +1 @@
+export declare const useMutableRef: <T>(value: T) => import("react").MutableRefObject<T>;

package/__internal__/src/hooks/useOverflow/index.d.ts

@@ -0,0 +1 @@
+export * from './useOverflow';

package/__internal__/src/hooks/useOverflow/useOverflow.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type Props = {
+    currentRef: React.RefObject<HTMLElement>;
+    containerRef?: React.RefObject<HTMLElement> | Document | Window;
+};
+export declare const useOverflow: (props: Props) => boolean;
+export {};

package/__internal__/src/hooks/usePrevious/index.d.ts

@@ -0,0 +1 @@
+export * from './usePrevious';

package/__internal__/src/hooks/usePrevious/usePrevious.d.ts

@@ -0,0 +1 @@
+export declare function usePrevious<T>(value: T): T;

package/__internal__/src/hooks/useRefs/index.d.ts

@@ -0,0 +1 @@
+export * from './useRefs';

package/__internal__/src/hooks/useRefs/useRefs.d.ts

@@ -0,0 +1,3 @@
+type Return<T, E extends number | string[] | readonly string[]> = E extends string[] ? Record<E[number], React.RefObject<T>> : E extends readonly string[] ? Record<E[number], React.RefObject<T>> : Array<React.RefObject<T>>;
+export declare const useRefs: <T, E extends number | string[] | readonly string[] = number>(elements: E, deps?: unknown[]) => Return<T, E>;
+export {};

package/__internal__/src/hooks/useResizableContent/helpers.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { UseResizableContentPropDirection, UseResizableContentRef, UseResizableContentSize } from './types';
+export declare const getRefsSizes: (refs: Array<UseResizableContentRef | React.RefObject<HTMLElement>>, direction: UseResizableContentPropDirection) => UseResizableContentSize[];
+export declare const getCalculatedSizes: (params: {
+    event: MouseEvent | TouchEvent | Event;
+    index: number;
+    direction: UseResizableContentPropDirection;
+    blocks: Array<UseResizableContentRef | React.RefObject<HTMLElement>>;
+    container: React.RefObject<HTMLElement>;
+    sizes: UseResizableContentSize[];
+}) => UseResizableContentSize[];

package/__internal__/src/hooks/useResizableContent/index.d.ts

@@ -0,0 +1 @@
+export * from './useResizableContent';

package/__internal__/src/hooks/useResizableContent/types.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+export type UseResizableContentPropDirection = 'vertical' | 'horizontal';
+export type UseResizableContentRef = {
+    ref: React.RefObject<HTMLElement>;
+    maxHeight?: number;
+    minHeight?: number;
+    maxWidth?: number;
+    minWidth?: number;
+};
+export type UseResizableContentSize = {
+    width?: number;
+    height?: number;
+};
+type UseResizableContentProps = {
+    blocks: Array<UseResizableContentRef | React.RefObject<HTMLElement>>;
+    direction?: UseResizableContentPropDirection;
+    container: React.RefObject<HTMLElement>;
+    isActive?: boolean;
+};
+export type UseResizableContent = (props: UseResizableContentProps) => {
+    handlers: Array<{
+        onMouseDown: React.MouseEventHandler;
+        onTouchStart: React.TouchEventHandler;
+    }>;
+    sizes: UseResizableContentSize[];
+};
+export {};

package/__internal__/src/hooks/useResizableContent/useResizableContent.d.ts

@@ -0,0 +1,2 @@
+import { UseResizableContent } from './types';
+export declare const useResizableContent: UseResizableContent;

package/__internal__/src/hooks/useResizeObserved/getElementHeight.d.ts

@@ -0,0 +1 @@
+export declare const getElementHeight: (el: HTMLElement | SVGGraphicsElement | null) => number;

package/__internal__/src/hooks/useResizeObserved/getElementSize.d.ts

@@ -0,0 +1,5 @@
+export type ComponentSize = {
+    width: number;
+    height: number;
+};
+export declare const getElementSize: (el: HTMLElement | SVGGraphicsElement | null) => ComponentSize;

package/__internal__/src/hooks/useResizeObserved/getElementWidth.d.ts

@@ -0,0 +1 @@
+export declare const getElementWidth: (el: HTMLElement | SVGGraphicsElement | null) => number;

package/__internal__/src/hooks/useResizeObserved/index.d.ts

@@ -0,0 +1,4 @@
+export * from './useResizeObserved';
+export * from './getElementSize';
+export * from './getElementHeight';
+export * from './getElementWidth';

package/__internal__/src/hooks/useResizeObserved/useResizeObserved.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useResizeObserved: <ELEMENT extends HTMLElement | SVGGraphicsElement, RETURN_TYPE>(refs: Array<RefObject<ELEMENT>>, mapper: (el: ELEMENT | null) => RETURN_TYPE) => RETURN_TYPE[];

package/__internal__/src/hooks/useScrollElements/index.d.ts

@@ -0,0 +1 @@
+export * from './useScrollElements';

package/__internal__/src/hooks/useScrollElements/useScrollElements.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type UseScrollElementsResult = {
+    refs: React.RefObject<HTMLElement>[];
+    scrollTo: (index: number) => void;
+};
+export declare function useScrollElements<ITEM>(items: ITEM[], containerRef?: React.RefObject<HTMLElement>): UseScrollElementsResult;
+export {};

package/__internal__/src/hooks/useScrollPosition/index.d.ts

@@ -0,0 +1 @@
+export * from './useScrollPosition';

package/__internal__/src/hooks/useScrollPosition/useScrollPosition.d.ts

@@ -0,0 +1,5 @@
+export type ScrollPosition = {
+    scrollLeft: number;
+    scrollTop: number;
+};
+export declare const useScrollPosition: (el: HTMLElement | null) => ScrollPosition;

package/__internal__/src/hooks/useSelect/helpers.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+type State = {
+    searchValue: string;
+    resolvedSearchValue: string;
+    isOpen: boolean;
+    highlightedIndex: number;
+    scrollToHighlighted: boolean;
+};
+type Action = string;
+type Updater = (state: State) => State;
+export declare function useHoistedState(initialState: State): [State, (updater: Updater, action: Action) => void];
+type ScrollToIndexFunctionType = (optionIndex: number, dropdownRef: React.MutableRefObject<HTMLDivElement | null>) => void;
+export declare const scrollToIndex: ScrollToIndexFunctionType;
+export {};

package/__internal__/src/hooks/useSelect/index.d.ts

@@ -0,0 +1 @@
+export * from './useSelect';

package/__internal__/src/hooks/useSelect/useSelect.d.ts

@@ -0,0 +1,80 @@
+import React from 'react';
+import { CountedGroup, SelectAllItem } from '../../utils/getGroups';
+type IndexForHighlight = number | ((oldIndex: number) => number);
+type Group<ITEM, GROUP> = {
+    items: ITEM[];
+    key: string | number;
+    group?: GROUP;
+};
+type GetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;
+type GetGroupKey<GROUP> = (item: GROUP) => string | number | undefined;
+type SortGroups<ITEM, GROUP> = (a: Group<ITEM, GROUP>, b: Group<ITEM, GROUP>) => number;
+type OnChangeProp<ITEM, MULTIPLE extends boolean> = (props: {
+    value: (MULTIPLE extends true ? ITEM[] : ITEM) | null;
+    e: React.SyntheticEvent;
+}) => void;
+type ValueProp<ITEM, MULTIPLE extends boolean> = (MULTIPLE extends true ? ITEM[] : ITEM) | null | undefined;
+export type OptionForCreate = {
+    label: string;
+    __optionForCreate: boolean;
+};
+export type SelectProps<ITEM, GROUP, MULTIPLE extends boolean> = {
+    getItemGroupKey?: GetItemGroupKey<ITEM> | undefined;
+    getGroupKey?: GetGroupKey<GROUP>;
+    sortGroups?: SortGroups<ITEM, GROUP>;
+    groups?: GROUP[];
+    items: ITEM[];
+    dropdownRef: React.MutableRefObject<HTMLDivElement | null>;
+    controlRef: React.MutableRefObject<HTMLDivElement | null>;
+    disabled?: boolean;
+    selectAll?: boolean;
+    getItemLabel: (item: ITEM) => string;
+    getItemKey: (item: ITEM) => string | number;
+    getItemDisabled?: (item: ITEM) => boolean | undefined;
+    searchFunction?: (item: ITEM, searchValue: string) => boolean;
+    onCreate?: (props: {
+        e: React.SyntheticEvent;
+        label: string;
+    }) => void;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    multiple: boolean;
+    searchValue?: string;
+    withoutClearSearch?: boolean;
+    onChange: OnChangeProp<ITEM, MULTIPLE>;
+    value: ValueProp<ITEM, MULTIPLE>;
+};
+export type OptionProps<ITEM> = {
+    index: number;
+    item: ITEM | OptionForCreate | SelectAllItem;
+};
+export type GetOptionPropsResult = {
+    onClick: (e: React.SyntheticEvent) => void;
+    onMouseEnter: (e: React.SyntheticEvent) => void;
+    active: boolean;
+    hovered: boolean;
+    key: string | number;
+};
+export declare const isOptionForCreate: <ITEM, GROUP>(params: OptionForCreate | Group<ITEM, GROUP> | ITEM) => params is OptionForCreate;
+export declare const isOptionForSelectAll: <ITEM, GROUP>(params: SelectAllItem | Group<ITEM, GROUP> | ITEM) => params is SelectAllItem;
+export declare function useSelect<ITEM, GROUP, MULTIPLE extends boolean>(params: SelectProps<ITEM, GROUP, MULTIPLE>): {
+    isOpen: boolean;
+    isFocused: boolean;
+    highlightedIndex: number;
+    visibleItems: (OptionForCreate | CountedGroup<ITEM, GROUP>)[];
+    highlightIndex: (indexForHighlight: IndexForHighlight, scrollToHighlighted: boolean) => void;
+    getOptionProps: ({ index, item, }: OptionProps<ITEM>) => GetOptionPropsResult;
+    handleInputFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
+    handleInputBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
+    handleToggleDropdown: () => void;
+    handleInputClick: () => void;
+    inputRef: React.RefObject<HTMLInputElement>;
+    getKeyProps: (rest?: import("../useKeysDeprecated/useKeysDeprecated").KeyProps) => import("../useKeysDeprecated/useKeysDeprecated").KeyProps;
+    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    searchValue: string;
+    clearValue: (e: React.SyntheticEvent) => void;
+    getHandleRemoveValue: (item: ITEM) => (e: React.SyntheticEvent) => void;
+    notFound: boolean;
+    hasItems: boolean;
+};
+export {};

package/__internal__/src/hooks/useSortSteps/index.d.ts

@@ -0,0 +1 @@
+export * from './useSortSteps';

package/__internal__/src/hooks/useSortSteps/useSortSteps.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    step?: string | number | number[];
+    min?: string | number;
+    max?: string | number;
+};
+export declare const useSortSteps: (props: Props) => number | number[];
+export {};

package/__internal__/src/hooks/useStyleProps/getStyleProps.d.ts

@@ -0,0 +1,2 @@
+import { Value } from './types';
+export declare const getStyleProps: <StyleProps extends string | string[] | readonly string[] = string>(element: HTMLElement | SVGElement, props: StyleProps) => Value<StyleProps>;

package/__internal__/src/hooks/useStyleProps/helpers.d.ts

@@ -0,0 +1,2 @@
+export declare const varIsArray: <V extends string | string[] | readonly string[]>(v: V) => v is Exclude<V, string>;
+export declare const varIsString: <V extends string | string[] | readonly string[]>(v: V) => v is Exclude<V, string[] | readonly string[]>;

package/__internal__/src/hooks/useStyleProps/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useStyleProps';
+export * from './getStyleProps';

package/__internal__/src/hooks/useStyleProps/types.d.ts

@@ -0,0 +1 @@
+export type Value<V extends string | string[] | readonly string[]> = V extends string[] ? Record<V[number], string> : V extends readonly string[] ? Record<V[number], string> : string;

package/__internal__/src/hooks/useStyleProps/useStyleProps.d.ts

@@ -0,0 +1,2 @@
+import { Value } from './types';
+export declare const useStyleProps: <Element extends HTMLElement | SVGElement = HTMLDivElement, StyleProps extends string | string[] | readonly string[] = string>(props: StyleProps) => [React.RefObject<Element>, Value<StyleProps>];

package/__internal__/src/hooks/useThemeVars/helpers.d.ts

@@ -0,0 +1,12 @@
+export declare const defaultVars: {
+    readonly color: {
+        readonly primary: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
+        readonly accent: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
+        readonly invert: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
+    };
+    readonly control: readonly ["--control-radius", "--control-border-width", "--control-height-l", "--control-height-m", "--control-height-s", "--control-height-xs", "--control-box-size-m", "--control-box-size-l", "--control-space-l", "--control-space-m", "--control-space-s", "--control-space-xs", "--control-text-size-l", "--control-text-size-m", "--control-text-size-s", "--control-text-size-xs"];
+    readonly font: readonly ["--font-primary", "--font-mono"];
+    readonly size: readonly ["--size-text-2xs", "--size-text-xs", "--size-text-s", "--size-text-m", "--size-text-l", "--size-text-xl", "--size-text-2xl", "--size-text-3xl", "--size-text-4xl", "--size-text-5xl", "--size-text-6xl", "--line-height-text-2xs", "--line-height-text-xs", "--line-height-text-s", "--line-height-text-m", "--line-height-text-l"];
+    readonly space: readonly ["--space-3xs", "--space-2xs", "--space-xs", "--space-s", "--space-m", "--space-l", "--space-xl", "--space-2xl", "--space-3xl", "--space-4xl", "--space-5xl", "--space-6xl"];
+    readonly shadow: readonly ["--shadow-group", "--shadow-layer", "--shadow-modal"];
+};

package/__internal__/src/hooks/useThemeVars/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useThemeVars';
+export { defaultVars } from './helpers';

package/__internal__/src/hooks/useThemeVars/useThemeVars.d.ts

@@ -0,0 +1,47 @@
+import { defaultVars } from './helpers';
+export type Vars = {
+    readonly color: {
+        readonly primary: readonly string[];
+        readonly accent: readonly string[];
+        readonly invert: readonly string[];
+    };
+    readonly control: readonly string[];
+    readonly font: readonly string[];
+    readonly size: readonly string[];
+    readonly space: readonly string[];
+    readonly shadow: readonly string[];
+};
+export type ThemeVars<T extends Vars = typeof defaultVars> = {
+    color: {
+        primary: {
+            [key in T['color']['primary'][number]]: string;
+        };
+        accent: {
+            [key in T['color']['accent'][number]]: string;
+        };
+        invert: {
+            [key in T['color']['invert'][number]]: string;
+        };
+    };
+    control: {
+        [key in T['control'][number]]: string;
+    };
+    font: {
+        [key in T['font'][number]]: string;
+    };
+    size: {
+        [key in T['size'][number]]: string;
+    };
+    space: {
+        [key in T['space'][number]]: string;
+    };
+    shadow: {
+        [key in T['shadow'][number]]: string;
+    };
+};
+type UseThemeVarsOptions<T> = {
+    vars?: T;
+    deps?: [];
+};
+export declare const useThemeVars: <T extends Vars = typeof defaultVars>(options?: UseThemeVarsOptions<T>) => ThemeVars<T>;
+export {};

package/__internal__/src/hooks/useTimer/index.d.ts

@@ -0,0 +1 @@
+export * from './useTimer';

package/__internal__/src/hooks/useTimer/useTimer.d.ts

@@ -0,0 +1,20 @@
+export type Timer = 'DECREMENTAL' | 'INCREMENTAL';
+export type Config = {
+    /** interval in ms  */
+    interval: number;
+    /**  stop timer in ms */
+    endTime: number | null;
+    /**  start timer in ms */
+    startTime: number;
+    /** timer over callback */
+    onTimeOver?: () => void;
+    timerType: Timer;
+};
+export type Values = {
+    isRunning: boolean;
+    pause: () => void;
+    reset: () => void;
+    start: () => void;
+    time: number;
+};
+export declare function useTimer(config?: Partial<Config>): Values;

package/__internal__/src/hooks/useVirtualScroll/helpers.d.ts

@@ -0,0 +1,21 @@
+import { RefObject } from 'react';
+export type UseVirtualScrollProps = {
+    length: number;
+    isActive?: boolean;
+    onScrollToBottom?: (index: number) => void;
+};
+export type UseVirtualScrollReturn<ITEM_ELEMENT, SCROLL_ELEMENT> = {
+    listRefs: React.RefObject<ITEM_ELEMENT>[];
+    scrollElementRef: React.RefObject<SCROLL_ELEMENT>;
+    slice: [number, number];
+    spaceTop: number;
+};
+export type Bounds = [[number, number], [number, number]];
+export declare const defaultItemsCalculationCount = 5;
+export declare const arraysIsEq: (arr1: number[], arr2: number[]) => boolean;
+export declare const useScroll: (ref: RefObject<HTMLElement>, fn: () => void, isActive: boolean) => void;
+export declare const getElementHeight: (el: HTMLElement | SVGGraphicsElement | null) => number;
+export declare const getVisiblePosition: (top: number, height: number, elementMaxSize: number) => [number, number];
+export declare const calculateSavedSizes: (savedSizes: number[], sizes: number[]) => number[];
+export declare const useCalculateVisiblePosition: (scrollElement: HTMLElement | null, set: (value: React.SetStateAction<[number, number]>) => void, elementsSizes: number[]) => () => void;
+export declare const calculateBounds: (savedSizes: number[], sizes: number[], visiblePosition: [number, number], length: number) => Bounds;

package/__internal__/src/hooks/useVirtualScroll/index.d.ts

@@ -0,0 +1 @@
+export * from './useVirtualScroll';

package/__internal__/src/hooks/useVirtualScroll/useVirtualScroll.d.ts

@@ -0,0 +1,2 @@
+import { UseVirtualScrollProps, UseVirtualScrollReturn } from './helpers';
+export declare const useVirtualScroll: <ITEM_ELEMENT extends HTMLElement = HTMLDivElement, SCROLL_ELEMENT extends HTMLElement = HTMLDivElement>({ length, onScrollToBottom, isActive, }: UseVirtualScrollProps) => UseVirtualScrollReturn<ITEM_ELEMENT, SCROLL_ELEMENT>;

package/__internal__/src/mixs/MixCard/MixCard.d.ts

@@ -0,0 +1,17 @@
+import './MixCard.css';
+type Size = 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
+declare const formMap: readonly ["round", "square"];
+type FormMap = typeof formMap[number];
+declare const cardStatus: readonly ["alert", "success", "warning"];
+type CardStatus = typeof cardStatus[number] | string;
+type Props = {
+    shadow?: boolean;
+    border?: boolean;
+    verticalSpace?: Size;
+    horizontalSpace?: Size;
+    form?: FormMap;
+    status?: CardStatus;
+};
+type CnCard = (props: Props, classNames?: Array<string | undefined>) => string;
+export declare const cnMixCard: CnCard;
+export {};

package/__internal__/src/mixs/MixCard/index.d.ts

@@ -0,0 +1 @@
+export * from './MixCard';

package/__internal__/src/mixs/MixFlex/MixFlex.d.ts

@@ -0,0 +1,24 @@
+import './MixFlex.css';
+import { Space } from '../MixSpace';
+export declare const mixFlexPropAlign: readonly ["flex-start", "flex-end", "center", "baseline", "stretch"];
+export type MixFlexPropAlign = typeof mixFlexPropAlign[number];
+export declare const mixFlexPropJustify: readonly ["flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly"];
+export type MixFlexPropJustify = typeof mixFlexPropJustify[number];
+export declare const mixFlexPropFlex: readonly ["flex", "inline-flex"];
+export type MixFlexPropFlex = typeof mixFlexPropFlex[number];
+export declare const mixFlexPropWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
+export type MixFlexPropWrap = typeof mixFlexPropWrap[number];
+export declare const mixFlexPropDirection: readonly ["row", "row-reverse", "column", "column-reverse"];
+export type MixFlexPropDirection = typeof mixFlexPropDirection[number];
+type Props = {
+    align?: MixFlexPropAlign;
+    justify?: MixFlexPropJustify;
+    flex?: MixFlexPropFlex;
+    wrap?: MixFlexPropWrap;
+    direction?: MixFlexPropDirection;
+    gap?: Space;
+    order?: -1 | 0 | 1;
+};
+type CnMixFlex = (props: Props, classNames?: Array<string | undefined>) => string;
+export declare const cnMixFlex: CnMixFlex;
+export {};

package/__internal__/src/mixs/MixFlex/index.d.ts

@@ -0,0 +1 @@
+export * from './MixFlex';

package/__internal__/src/mixs/MixFocus/MixFocus.d.ts

@@ -0,0 +1,2 @@
+import './MixFocus.css';
+export declare const cnMixFocus: import("@bem-react/classname").ClassNameFormatter;

package/__internal__/src/mixs/MixFocus/index.d.ts

@@ -0,0 +1 @@
+export * from './MixFocus';

package/__internal__/src/mixs/MixHitSlop/MixHitSlop.d.ts

@@ -0,0 +1,6 @@
+import './MixHitSlop.css';
+type CnMixHitSlop = (props: {
+    mode: 'before' | 'after' | 'reverseMargin';
+}) => string;
+export declare const cnMixHitSlop: CnMixHitSlop;
+export {};

package/__internal__/src/mixs/MixHitSlop/index.d.ts

@@ -0,0 +1 @@
+export * from './MixHitSlop';

package/__internal__/src/mixs/MixPopoverAnimate/MixPopoverAnimate.d.ts

@@ -0,0 +1,12 @@
+import './MixPopoverAnimate.css';
+import { Direction } from '../../components/Popover/Popover';
+export type Animate = 'entered' | 'entering' | 'exiting' | 'exited' | 'unmounted' | 'enter' | 'enterActive' | 'enterDone' | 'exit' | 'exitActive' | 'exitDone';
+type Mods = {
+    animate?: Animate;
+    direction?: Direction;
+};
+type CnMixPopoverAnimate = (mods?: Mods | null, mix?: Array<string | undefined>) => string;
+export declare const cnMixPopoverAnimate: CnMixPopoverAnimate;
+export declare const cnMixPopoverAnimateForCssTransition: import("../../utils/cnForCssTransition").CSSTransitionClassNames;
+export declare const animateTimeout = 200;
+export {};

package/__internal__/src/mixs/MixPopoverAnimate/index.d.ts

@@ -0,0 +1 @@
+export * from './MixPopoverAnimate';

package/__internal__/src/mixs/MixPopoverArrow/MixPopoverArrow.d.ts

@@ -0,0 +1,8 @@
+import './MixPopoverArrow.css';
+import { Direction } from '../../components/Popover/Popover';
+type Props = {
+    direction?: Direction;
+};
+type CnMixPopoverArrow = (elemNameOrBlockMods?: Props | string | null, elemModsOrBlockMix?: Props | Array<string | undefined> | null, elemMix?: Array<string | undefined>) => string;
+export declare const cnMixPopoverArrow: CnMixPopoverArrow;
+export {};

package/__internal__/src/mixs/MixPopoverArrow/index.d.ts

@@ -0,0 +1 @@
+export * from './MixPopoverArrow';

package/__internal__/src/mixs/MixScrollBar/MixScrollBar.d.ts

@@ -0,0 +1,15 @@
+import './MixScrollBar.css';
+export declare const mixScrollBarPropSize: readonly ["m", "xs", "s"];
+export type MixScrollBarPropSize = typeof mixScrollBarPropSize[number];
+export declare const mixScrollBarPropSizeDefault: MixScrollBarPropSize;
+export declare const mixScrollBarPropTrackSize: readonly ["auto", "native"];
+export type MixScrollBarPropTrackSize = typeof mixScrollBarPropTrackSize[number];
+export declare const mixScrollBarPropTrackSizeDefault: MixScrollBarPropTrackSize;
+type MixScrollBarProps = {
+    size?: MixScrollBarPropSize;
+    invisible?: boolean;
+    trackSize?: MixScrollBarPropTrackSize;
+};
+type CnMixScrollBar = (props?: MixScrollBarProps) => string;
+export declare const cnMixScrollBar: CnMixScrollBar;
+export {};

package/__internal__/src/mixs/MixScrollBar/index.d.ts

@@ -0,0 +1 @@
+export * from './MixScrollBar';

package/__internal__/src/mixs/MixSpace/MixSpace.d.ts

@@ -0,0 +1,5 @@
+import './MixSpace.css';
+import { MixSpaceProps } from './types';
+type CnMixSpace = (props: MixSpaceProps) => string;
+export declare const cnMixSpace: CnMixSpace;
+export {};

package/__internal__/src/mixs/MixSpace/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MixSpace';
+export * from './types';

package/__internal__/src/mixs/MixSpace/types.d.ts

@@ -0,0 +1,17 @@
+export type Space = 0 | 'auto' | 'm' | '3xs' | '2xs' | 'xs' | 's' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
+export type MixSpaceProps = {
+    p?: Space;
+    m?: Space;
+    pV?: Space;
+    pH?: Space;
+    mV?: Space;
+    mH?: Space;
+    mT?: Space;
+    mL?: Space;
+    mR?: Space;
+    mB?: Space;
+    pT?: Space;
+    pL?: Space;
+    pR?: Space;
+    pB?: Space;
+};

package/__internal__/src/mixs/MixVisuallyHidden/MixVisuallyHidden.d.ts

@@ -0,0 +1,2 @@
+import './MixVisuallyHidden.css';
+export declare const cnMixVisuallyHidden: import("@bem-react/classname").ClassNameFormatter;

package/__internal__/src/mixs/MixVisuallyHidden/index.d.ts

@@ -0,0 +1 @@
+export * from './MixVisuallyHidden';

package/__internal__/src/responsesImages/ResponsesImage/ResponsesImage.d.ts

@@ -0,0 +1,6 @@
+import './ResponsesImage.css';
+import React from 'react';
+import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
+export type ResponsesImageProps = PropsWithHTMLAttributes<{}, HTMLDivElement>;
+export declare const cnResponsesImage: import("@bem-react/classname").ClassNameFormatter;
+export declare const ResponsesImage: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "css"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/responsesImages/ResponsesImage/index.d.ts

@@ -0,0 +1 @@
+export * from './ResponsesImage';

package/__internal__/src/responsesImages/ResponsesImage403/ResponsesImage403.d.ts

@@ -0,0 +1 @@
+export declare const ResponsesImage403: import("react").FC<Omit<import("react").HTMLAttributes<HTMLDivElement>, "css">>;

package/__internal__/src/responsesImages/ResponsesImage403/ResponsesImage403Svg.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const ResponsesImage403: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default ResponsesImage403;

package/__internal__/src/responsesImages/ResponsesImage403/index.d.ts

@@ -0,0 +1 @@
+export * from './ResponsesImage403';

package/__internal__/src/responsesImages/ResponsesImage404/ResponsesImage404.d.ts

@@ -0,0 +1 @@
+export declare const ResponsesImage404: import("react").FC<Omit<import("react").HTMLAttributes<HTMLDivElement>, "css">>;

package/__internal__/src/responsesImages/ResponsesImage404/ResponsesImage404Svg.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const ResponsesImage404: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default ResponsesImage404;

package/__internal__/src/responsesImages/ResponsesImage404/index.d.ts

@@ -0,0 +1 @@
+export * from './ResponsesImage404';

package/__internal__/src/responsesImages/ResponsesImage500/ResponsesImage500.d.ts

@@ -0,0 +1 @@
+export declare const ResponsesImage500: import("react").FC<Omit<import("react").HTMLAttributes<HTMLDivElement>, "css">>;

package/__internal__/src/responsesImages/ResponsesImage500/ResponsesImage500Svg.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const ResponsesImage500: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default ResponsesImage500;

package/__internal__/src/responsesImages/ResponsesImage500/index.d.ts

@@ -0,0 +1 @@
+export * from './ResponsesImage500';

package/__internal__/src/responsesImages/ResponsesImage503/ResponsesImage503.d.ts

@@ -0,0 +1 @@
+export declare const ResponsesImage503: import("react").FC<Omit<import("react").HTMLAttributes<HTMLDivElement>, "css">>;

package/__internal__/src/responsesImages/ResponsesImage503/ResponsesImage503Svg.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const ResponsesImage503: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default ResponsesImage503;

package/__internal__/src/responsesImages/ResponsesImage503/index.d.ts

@@ -0,0 +1 @@
+export * from './ResponsesImage503';