@itcase/ui 1.9.71 → 1.9.72

package/dist/types/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+import type { TooltipConfig } from './Tooltip.interface';
+declare const tooltipConfig: TooltipConfig;
+declare const Tooltip: React.ForwardRefExoticComponent<import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+    align?: import("@itcase/types-ui").AlignProps;
+    alignDirection?: import("@itcase/types-ui").DirectionProps;
+    alignment?: string;
+    alignPosition?: import("@itcase/types-ui").AlignProps;
+    arrowPosition?: import("@itcase/types-ui").AlignProps;
+    borderColor?: import("@itcase/types-ui").BorderColorProps;
+    borderType?: import("@itcase/types-ui").BorderTypeProps;
+    borderWidth?: import("@itcase/types-ui").BorderWidthProps;
+    centering?: string;
+    elevation?: import("@itcase/types-ui").ElevationProps;
+    fill?: import("@itcase/types-ui").FillProps;
+    fillHover?: import("@itcase/types-ui").FillHoverProps;
+    shape?: import("@itcase/types-ui").ShapeProps;
+    shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+    size?: import("@itcase/types-ui").SizeProps;
+    textColor?: import("src/components/Text").TextProps["textColor"];
+    textSize?: import("src/components/Text").TextProps["size"];
+    textWeight?: import("src/components/Text").TextProps["textWeight"];
+    titleColor?: import("src/components/Title").TitleProps["textColor"];
+    titleSize?: import("src/components/Title").TitleProps["size"];
+    titleWeight?: import("src/components/Title").TitleProps["textWeight"];
+    wrap?: import("@itcase/types-ui").WrapProps;
+} & {
+    after?: string;
+    appearance?: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+    before?: string;
+    children?: React.ReactNode;
+    className?: string;
+    closeTimeoutDelay?: number;
+    dataTestId?: string;
+    dataTour?: string;
+    initialIsVisible?: boolean;
+    isDisabled?: boolean;
+    isSkeleton?: boolean;
+    isTooltipDisableState?: boolean;
+    onClick?: () => void;
+    openTimeoutDelay?: number;
+    style?: React.CSSProperties;
+    text?: string;
+    title?: string;
+    tooltipContent?: string;
+} & React.RefAttributes<any>>;
+export { Tooltip, tooltipConfig };

package/dist/types/components/Tooltip/Tooltip.interface.d.ts

@@ -0,0 +1,58 @@
+import { CSSProperties, ReactNode } from 'react';
+import { AlignProps, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, DirectionProps, ElevationProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WrapProps } from '@itcase/types-ui';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { TextProps } from '../Text/Text.interface';
+import { TitleProps } from '../Title/Title.interface';
+type TooltipAppearanceProps = {
+    align?: AlignProps;
+    alignDirection?: DirectionProps;
+    alignment?: string;
+    alignPosition?: AlignProps;
+    arrowPosition?: AlignProps;
+    borderColor?: BorderColorProps;
+    borderType?: BorderTypeProps;
+    borderWidth?: BorderWidthProps;
+    centering?: string;
+    elevation?: ElevationProps;
+    fill?: FillProps;
+    fillHover?: FillHoverProps;
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    size?: SizeProps;
+    textColor?: TextProps['textColor'];
+    textSize?: TextProps['size'];
+    textWeight?: TextProps['textWeight'];
+    titleColor?: TitleProps['textColor'];
+    titleSize?: TitleProps['size'];
+    titleWeight?: TitleProps['textWeight'];
+    wrap?: WrapProps;
+};
+type TooltipProps = StyleAttributes & TooltipAppearanceProps & {
+    after?: string;
+    appearance?: CompositeAppearanceStateDefault;
+    before?: string;
+    children?: ReactNode;
+    className?: string;
+    closeTimeoutDelay?: number;
+    dataTestId?: string;
+    dataTour?: string;
+    initialIsVisible?: boolean;
+    isDisabled?: boolean;
+    isSkeleton?: boolean;
+    isTooltipDisableState?: boolean;
+    onClick?: () => void;
+    openTimeoutDelay?: number;
+    style?: CSSProperties;
+    text?: string;
+    title?: string;
+    tooltipContent?: string;
+};
+type TooltipAppearanceKey = AppearanceShapeKey | AppearanceSizeKey | AppearanceStateKeysDefault | AppearanceStyleKey;
+type TooltipAppearance = {
+    [key in TooltipAppearanceKey]?: TooltipAppearanceProps;
+};
+type TooltipConfig = {
+    appearance: TooltipAppearance;
+    setAppearance: (appearanceConfig: TooltipAppearance) => void;
+};
+export type { TooltipAppearance, TooltipConfig, TooltipProps };

package/dist/types/components/Tooltip/appearance/tooltipDefault.d.ts

@@ -0,0 +1,3 @@
+import { TooltipAppearance } from '../Tooltip.interface';
+declare const tooltipAppearanceDefault: TooltipAppearance;
+export { tooltipAppearanceDefault };

package/dist/types/components/Tooltip/appearance/tooltipDisabled.d.ts

@@ -0,0 +1,3 @@
+import { TooltipAppearance } from '../Tooltip.interface';
+declare const tooltipAppearanceDisabled: TooltipAppearance;
+export { tooltipAppearanceDisabled };

package/dist/types/components/Tooltip/appearance/tooltipError.d.ts

@@ -0,0 +1,3 @@
+import { TooltipAppearance } from '../Tooltip.interface';
+declare const tooltipAppearanceError: TooltipAppearance;
+export { tooltipAppearanceError };

package/dist/types/components/Tooltip/appearance/tooltipRequire.d.ts

@@ -0,0 +1,3 @@
+import { TooltipAppearance } from '../Tooltip.interface';
+declare const tooltipAppearanceRequire: TooltipAppearance;
+export { tooltipAppearanceRequire };

package/dist/types/components/Tooltip/appearance/tooltipShape.d.ts

@@ -0,0 +1,3 @@
+import { TooltipAppearance } from '../Tooltip.interface';
+declare const tooltipAppearanceShape: TooltipAppearance;
+export { tooltipAppearanceShape };

package/dist/types/components/Tooltip/appearance/tooltipSize.d.ts

@@ -0,0 +1,3 @@
+import { TooltipAppearance } from '../Tooltip.interface';
+declare const tooltipAppearanceSize: TooltipAppearance;
+export { tooltipAppearanceSize };

package/dist/types/components/Tooltip/appearance/tooltipStyle.d.ts

@@ -0,0 +1,3 @@
+import { TooltipAppearance } from '../Tooltip.interface';
+declare const tooltipAppearanceStyle: TooltipAppearance;
+export { tooltipAppearanceStyle };

package/dist/types/components/Tooltip/appearance/tooltipSuccess.d.ts

@@ -0,0 +1,3 @@
+import { TooltipAppearance } from '../Tooltip.interface';
+declare const tooltipAppearanceSuccess: TooltipAppearance;
+export { tooltipAppearanceSuccess };

package/dist/types/components/Tooltip/index.d.ts

@@ -0,0 +1,3 @@
+export { Tooltip, tooltipConfig } from './Tooltip';
+export { tooltipAppearance } from './Tooltip.appearance';
+export type { TooltipAppearance, TooltipConfig, TooltipProps, } from './Tooltip.interface';

package/dist/types/components/Video/Video.d.ts

@@ -0,0 +1,3 @@
+import type { VideoProps } from './Video.interface';
+declare function Video(props: VideoProps): import("react/jsx-runtime").JSX.Element;
+export { Video };

package/dist/types/components/Video/Video.interface.d.ts

@@ -0,0 +1,17 @@
+import { CSSProperties, ReactNode } from 'react';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+type VideoProps = StyleAttributes & {
+    id?: string;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    isSkeleton?: boolean;
+    mp4?: string;
+    ogv?: string;
+    position?: string;
+    poster?: string;
+    style?: CSSProperties;
+    webm?: string;
+};
+export type { VideoProps };

package/dist/types/components/Video/index.d.ts

@@ -0,0 +1,2 @@
+export { Video } from './Video';
+export type { VideoProps } from './Video.interface';

package/dist/types/components/Warning/Warning.appearance.d.ts

@@ -0,0 +1,3 @@
+import { WarningAppearance } from './Warning.interface';
+declare const warningAppearance: WarningAppearance;
+export { warningAppearance };

package/dist/types/components/Warning/Warning.d.ts

@@ -0,0 +1,4 @@
+import { WarningConfig, WarningProps } from './Warning.interface';
+declare const warningConfig: WarningConfig;
+declare function Warning(props: WarningProps): import("react/jsx-runtime").JSX.Element;
+export { Warning, warningConfig };

package/dist/types/components/Warning/Warning.interface.d.ts

@@ -0,0 +1,47 @@
+import type { CSSProperties, ReactNode } from 'react';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, FillProps, ShapeProps, ShapeStrengthProps, TextSizeProps } from '@itcase/types-ui';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
+type WarningAppearanceProps = {
+    borderColor?: BorderColorProps;
+    descriptionTextColor?: TextProps['textColor'];
+    descriptionTextSize?: TextProps['size'];
+    fill?: FillProps;
+    iconAfter?: IconProps['SvgImage'];
+    iconAfterFill?: IconProps['fill'];
+    iconAfterFillIcon?: IconProps['iconFill'];
+    iconAfterSize?: IconProps['iconSize'];
+    iconAfterSrc?: IconProps['imageSrc'];
+    iconBefore?: IconProps['SvgImage'];
+    iconBeforeFill?: IconProps['fill'];
+    iconBeforeFillIcon?: IconProps['iconFill'];
+    iconBeforeSize?: IconProps['iconSize'];
+    iconBeforeSrc?: IconProps['imageSrc'];
+    labelTextColor?: TextProps['textColor'];
+    labelTextSize?: TextProps['size'];
+    labelTextWeight?: TextProps['textWeight'];
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    size?: TextSizeProps;
+};
+type WarningProps = StyleAttributes & WarningAppearanceProps & {
+    appearance?: CompositeAppearanceKey;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    description?: string;
+    isSkeleton?: boolean;
+    label?: string;
+    style?: CSSProperties;
+};
+type WarningAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
+type WarningAppearance = {
+    [key in WarningAppearanceKey]?: WarningAppearanceProps;
+};
+interface WarningConfig {
+    appearance: WarningAppearance;
+    setAppearance: (appearanceConfig: WarningAppearance) => void;
+}
+export type { WarningAppearance, WarningConfig, WarningProps };

package/dist/types/components/Warning/appearance/warningAccent.d.ts

@@ -0,0 +1,3 @@
+import { WarningAppearance } from '../Warning.interface';
+declare const warningAppearanceAccent: WarningAppearance;
+export { warningAppearanceAccent };

package/dist/types/components/Warning/appearance/warningError.d.ts

@@ -0,0 +1,3 @@
+import { WarningAppearance } from '../Warning.interface';
+declare const warningAppearanceError: WarningAppearance;
+export { warningAppearanceError };

package/dist/types/components/Warning/appearance/warningInfo.d.ts

@@ -0,0 +1,3 @@
+import { WarningAppearance } from '../Warning.interface';
+declare const warningAppearanceInfo: WarningAppearance;
+export { warningAppearanceInfo };

package/dist/types/components/Warning/appearance/warningShape.d.ts

@@ -0,0 +1,3 @@
+import { WarningAppearance } from '../Warning.interface';
+declare const warningAppearanceShape: WarningAppearance;
+export { warningAppearanceShape };

package/dist/types/components/Warning/appearance/warningSize.d.ts

@@ -0,0 +1,3 @@
+import { WarningAppearance } from '../Warning.interface';
+declare const warningAppearanceSize: WarningAppearance;
+export { warningAppearanceSize };

package/dist/types/components/Warning/appearance/warningStyle.d.ts

@@ -0,0 +1,3 @@
+import { WarningAppearance } from '../Warning.interface';
+declare const warningAppearanceStyle: WarningAppearance;
+export { warningAppearanceStyle };

package/dist/types/components/Warning/appearance/warningWarning.d.ts

@@ -0,0 +1,3 @@
+import { WarningAppearance } from '../Warning.interface';
+declare const warningAppearanceWarning: WarningAppearance;
+export { warningAppearanceWarning };

package/dist/types/components/Warning/index.d.ts

@@ -0,0 +1,3 @@
+export { Warning, warningConfig } from './Warning';
+export { warningAppearance } from './Warning.appearance';
+export type { WarningAppearance, WarningConfig, WarningProps, } from './Warning.interface';

package/dist/types/config/forms/datepicker.d.ts

@@ -0,0 +1,18 @@
+declare const defaultDatepickerProps: {
+    size: string;
+    daySize: string;
+    dayTextColor: string;
+    dayTextShape: string;
+    dayTextSize: string;
+    iconFillSize: number;
+    iconItemFill: string;
+    iconSize: number;
+    monthTextColor: string;
+    monthTextSize: string;
+    monthTextWeight: number;
+    placeholderTextColor: string;
+    yearTextColor: string;
+    yearTextSize: string;
+    yearTextWeight: number;
+};
+export { defaultDatepickerProps };

package/dist/types/config/forms/index.d.ts

@@ -0,0 +1,3 @@
+import { defaultDatepickerProps } from './datepicker';
+import { defaultInputProps } from './input';
+export { defaultDatepickerProps, defaultInputProps };

package/dist/types/config/forms/input.d.ts

@@ -0,0 +1,14 @@
+declare const defaultInputProps: {
+    width: string;
+    borderColor: string;
+    caret: string;
+    errorBorderColor: string;
+    placeholderTextColor: string;
+    requiredBorderColor: string;
+    shape: string;
+    size: string;
+    textColor: string;
+    textColorDisabled: string;
+    textSize: string;
+};
+export { defaultInputProps };

package/dist/types/context/Notifications.d.ts

@@ -0,0 +1,15 @@
+import type { GeneratedId, SimpleCallback } from '@itcase/types-core';
+import type { CreatedNotification, Notification, NotificationsProviderProps } from './Notifications.interface';
+declare function NotificationsProvider(props: NotificationsProviderProps): import("react/jsx-runtime").JSX.Element;
+declare function useNotifications(): Notification[];
+declare function useNotificationsAPI(): {
+    hideNotifications: (targetId?: GeneratedId) => void;
+    showNotification: (notification: string | CreatedNotification, onClose?: SimpleCallback) => void;
+    notificationStatuses: {
+        readonly error: "error";
+        readonly info: "info";
+        readonly success: "success";
+        readonly warning: "warning";
+    };
+};
+export { NotificationsProvider, useNotifications, useNotificationsAPI };

package/dist/types/context/Notifications.interface.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+import type { GeneratedId } from '@itcase/types-core';
+import { ButtonProps } from 'src/components/Button/Button.interface';
+import { NotificationProps } from 'src/components/Notification/Notification.interface';
+interface Notification {
+    id: GeneratedId;
+    _closeTimeout?: ReturnType<typeof setTimeout>;
+    after: React.ReactNode;
+    appearance?: NotificationProps['appearance'];
+    buttonLabel: string;
+    closeByTime: number | false;
+    closeIcon?: string;
+    closeIconAppearance?: string;
+    closeIconSrc?: string;
+    status: 'error' | 'info' | 'success' | 'warning';
+    text: string;
+    textColor?: string;
+    title: string;
+    type?: 'float' | 'global' | 'toast';
+    isLoading: boolean;
+    onClickButton: ButtonProps['onClick'];
+    onClose?: () => void;
+}
+interface CreatedNotification {
+    id?: Notification['id'];
+    after?: Notification['after'];
+    appearance?: Notification['appearance'];
+    buttonLabel?: Notification['buttonLabel'];
+    closeByTime?: Notification['closeByTime'];
+    closeIcon?: Notification['closeIcon'];
+    closeIconAppearance?: Notification['closeIconAppearance'];
+    closeIconSrc?: Notification['closeIconSrc'];
+    status?: Notification['status'];
+    text?: Notification['text'];
+    textColor?: Notification['textColor'];
+    title?: Notification['title'];
+    type?: Notification['type'];
+    isLoading?: Notification['isLoading'];
+    onClickButton?: Notification['onClickButton'];
+    onClose?: Notification['onClose'];
+}
+interface NotificationsProviderProps {
+    children: React.ReactNode;
+    initialNotificationsList: CreatedNotification[];
+    isLogRequestsErrors: boolean;
+}
+export type { CreatedNotification, Notification, NotificationsProviderProps };

package/dist/types/context/UIContext.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+type DeviceType = '' | 'desktop' | 'mobile' | 'tablet';
+type UIProviderProps = {
+    children?: ReactNode;
+    userDeviceState?: {
+        deviceCurrentMainType: DeviceType;
+        deviceCurrentType: string;
+        deviceTypesList: string[];
+        isDesktop?: boolean;
+        isMobile?: boolean;
+        isTablet?: boolean;
+    };
+};
+declare const UIProvider: import("react").NamedExoticComponent<UIProviderProps>;
+declare function useUserDeviceContext(): {
+    deviceCurrentMainType: DeviceType;
+    deviceCurrentType: string;
+    deviceTypesList: string[];
+    isDesktop?: boolean;
+    isMobile?: boolean;
+    isTablet?: boolean;
+};
+export { UIProvider, useUserDeviceContext };

package/dist/types/context/UrlAssetPrefix.d.ts

@@ -0,0 +1,12 @@
+type UrlAssetPrefixValue = {
+    assetPrefix?: string;
+    ignorePathsList?: Array<string | RegExp>;
+};
+type UrlAssetPrefixProviderProps = {
+    assetPrefix?: string;
+    children: React.ReactNode;
+    ignorePathsList?: Array<string | RegExp>;
+};
+declare const UrlAssetPrefixContext: import("react").Context<UrlAssetPrefixValue>;
+declare function UrlAssetPrefixProvider(props: UrlAssetPrefixProviderProps): import("react/jsx-runtime").JSX.Element;
+export { UrlAssetPrefixContext, UrlAssetPrefixProvider };

package/dist/types/context/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Notifications';
+export * from './UIContext';

package/dist/types/hoc/urlWithAssetPrefix.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import type { ComponentType, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
+import { RequireAtLeastOneProp, RequireAtLeastOnePropError } from '../types';
+type UrlPropKeys = (typeof urlPropsList)[number];
+type OnePropCheckError = [
+    'urlWithAssetPrefix: компонент должен содержать хотя бы один из пропсов',
+    UrlPropKeys
+];
+declare const urlPropsList: readonly ["src", "imageSrc", "svgSrc", "placeholderUrl"];
+/**
+ * HOC, который добавляет assetPrefix к URL-пропсам.
+ *
+ * @template P - Тип пропсов оборачиваемого компонента.
+ * @template T - Тип ref (если используется forwardRef).
+ * @template Check - Проверка на наличие хотя бы одного URL-пропа.
+ *
+ * @param WrappedComponent - Компонент, который оборачиваем.
+ * @param _error - Проверка: если ни одного URL-пропа нет, будет ошибка компиляции.
+ *
+ * @example
+ * const A = (props: { src?: string }) => <div />;
+ * urlWithAssetPrefix(A); // ✅ OK
+ *
+ * const B = (props: { id: string }) => <div />;
+ * urlWithAssetPrefix(B); // ❌ TS ошибка (нет url-пропов)
+ */
+declare const urlWithAssetPrefix: <P extends Record<string, any>, T = unknown, OnePropCheck extends RequireAtLeastOneProp<P, UrlPropKeys> = RequireAtLeastOneProp<P, UrlPropKeys>>(WrappedComponent: ComponentType<P> | ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>>, ..._error: RequireAtLeastOnePropError<OnePropCheck, OnePropCheckError>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>;
+export { urlWithAssetPrefix };

package/dist/types/hooks/index.helpers.d.ts

@@ -0,0 +1,3 @@
+import { StyleAttributeOrValidator } from 'src/hooks/useStyles/styleAttributes.interface';
+declare const getStyleAttributeKey: (targetStyleAttribute: StyleAttributeOrValidator) => 0 | import("src/hooks/useStyles/styleAttributes.interface").StyleAttributes | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (string & {}) | "auto" | "fixed" | "fit-content" | "max-content" | "min-content" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "hug" | "fill" | "-webkit-max-content" | "intrinsic" | "min-intrinsic";
+export { getStyleAttributeKey };

package/dist/types/hooks/useActiveClasses/index.d.ts

@@ -0,0 +1,2 @@
+import { useActiveClasses } from './useActiveClasses';
+export { useActiveClasses };

package/dist/types/hooks/useActiveClasses/useActiveClasses.d.ts

@@ -0,0 +1,3 @@
+import type { UseActiveClasses, UseActiveClassesReturn } from './useActiveClasses.interface';
+declare const useActiveClasses: (params: UseActiveClasses) => UseActiveClassesReturn;
+export { useActiveClasses };

package/dist/types/hooks/useActiveClasses/useActiveClasses.helpers.d.ts

@@ -0,0 +1,5 @@
+import type { RulesConfig } from './useActiveClasses.interface';
+declare const CLASS_RULES: Record<string, RulesConfig[]>;
+declare const formatState: (key: string) => string;
+declare const toKebabCase: (str: string) => string;
+export { CLASS_RULES, formatState, toKebabCase };

package/dist/types/hooks/useActiveClasses/useActiveClasses.interface.d.ts

@@ -0,0 +1,27 @@
+declare const suffix: readonly ["Button", "Checkbox", "Radio", "Checkmark", "Avatar", "AvatarStack", "Badge", "Breadcrumbs", "Cell", "Chips", "Choice", "Code", "CookiesWarning", "Dadata", "DatePeriod", "Divider", "Dot", "Drawer", "Dropdown", "DropdownItem", "Flex", "Grid", "Group", "HeroTitle", "HTMLContent", "Icon", "Image", "Input", "InputPassword", "Label", "Link", "List", "Loader", "Logo", "MenuItem", "Modal", "ModalSheetBottom", "Notification", "Overlay", "Pagination", "RangeSlider", "Response", "ScrollBar", "ScrollOnDrag", "ScrollToView", "Search", "Segmented", "Select", "SvgContent", "Swiper", "Switch", "Tab", "Text", "Textarea", "Tile", "Title", "Tooltip", "Video", "Warning"];
+type SuffixComponents = (typeof suffix)[number];
+type SpecialSuffix<T extends string> = T extends 'HTMLContent' ? 'htmlContent' : Uncapitalize<T>;
+type SuffixKeys = SpecialSuffix<SuffixComponents>;
+interface PropsGenerator {
+    [key: string]: any | number | string | undefined;
+    getProp?: (propKey: string) => number | string | undefined;
+}
+interface UseActiveClassesReturn {
+    rootClasses: string;
+    suffixClasses: Record<SuffixKeys, string>;
+}
+interface UseActiveClasses {
+    propsGenerator: PropsGenerator;
+    suffixes?: SuffixComponents[];
+    isActive?: boolean;
+    isDisabled?: boolean;
+}
+interface RulesConfig {
+    key: string;
+    stateFn?: (params: {
+        isActive?: boolean;
+        isDisabled?: boolean;
+    }) => boolean;
+}
+export { suffix };
+export type { RulesConfig, SuffixComponents, SuffixKeys, UseActiveClasses, UseActiveClassesReturn, };

package/dist/types/hooks/useAppearanceConfig/index.d.ts

@@ -0,0 +1 @@
+export { useAppearanceConfig } from './useAppearanceConfig';

package/dist/types/hooks/useAppearanceConfig/useAppearanceConfig.d.ts

@@ -0,0 +1,5 @@
+import { AppearanceConfig } from '../useDevicePropsGenerator';
+declare const useAppearanceConfig: <Keys extends string, Config extends Record<"disabled" | "disabledPrimary" | Keys, AppearanceConfig>>(appearance: string | undefined, componentConfig: {
+    appearance?: Partial<Config>;
+}, isDisabled?: boolean) => AppearanceConfig;
+export { useAppearanceConfig };

package/dist/types/hooks/useDevicePropsGenerator/index.d.ts

@@ -0,0 +1,2 @@
+export { useDevicePropsGenerator } from './useDevicePropsGenerator';
+export type { AppearanceConfig } from './useDevicePropsGenerator.interface';

package/dist/types/hooks/useDevicePropsGenerator/useDevicePropsGenerator.d.ts

@@ -0,0 +1,8 @@
+import { KebabCase, WithClassKeys } from '../../types';
+import type { AppearanceConfig, ComponentProps, GeneratorGetClassParams as GP } from './useDevicePropsGenerator.interface';
+declare function useDevicePropsGenerator<Props extends ComponentProps>(componentProps: Props, appearanceConfig?: AppearanceConfig): Props & {
+    getProp(propKey: string): number | string | undefined;
+    getClassName<K extends keyof Props, P extends GP | undefined = undefined>(propKey: K, params?: P): ReturnGetClassName<Props, K, P>;
+} & WithClassKeys<Props>;
+type ReturnGetClassName<Props, K extends keyof Props, Params = undefined> = Params extends undefined ? NonNullable<Props[K]> extends string ? KebabCase<NonNullable<Props[K]>> : string : Props[K];
+export { useDevicePropsGenerator };

package/dist/types/hooks/useDevicePropsGenerator/useDevicePropsGenerator.interface.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+interface ComponentProps {
+    [key: string]: any;
+}
+interface AppearanceConfig {
+    [key: string]: boolean | number | object | string | Element | ReactNode | VoidFunction;
+}
+interface GeneratorGetClassParams {
+    prefix?: string;
+    replace?: [RegExp, string];
+}
+export type { AppearanceConfig, ComponentProps, GeneratorGetClassParams };

package/dist/types/hooks/useDeviceTargetClass.d.ts

@@ -0,0 +1,5 @@
+/** TODO:
+ * Hook is still used in "itcase-forms".
+ * Need replace with "useDevicePropsGenerator" and delete this.
+ */
+export function useDeviceTargetClass(componentProps: any, hookProps: any): string;

package/dist/types/hooks/useDropzoneFieldFiles.d.ts

@@ -0,0 +1,14 @@
+import { DropzoneProps, FileItem } from 'src/components/Dropzone/Dropzone.interface';
+/**
+ * Hook for file and state management in "react-dropzone".
+ * @param {Array} fieldValuesList - value from "react-final-form"
+ * @param {boolean} isPreviews - marker for create previews for files
+ * @returns {Object} data with states and functions for working with files
+ */
+declare function useDropzoneFieldFiles(fieldValuesList: DropzoneProps['fieldValuesList'], isPreviews?: boolean): {
+    convertValueFilesToDropzoneItems: (currentFilesList: File[] | FileItem[], isSilent?: boolean) => Promise<FileItem[]>;
+    fileIsLoading: boolean;
+    fileRejectedMessage: string;
+    setFileRejectedMessage: import("react").Dispatch<import("react").SetStateAction<string>>;
+};
+export { useDropzoneFieldFiles };

package/dist/types/hooks/useHoldProgress.d.ts

@@ -0,0 +1,16 @@
+import type React from 'react';
+declare const HOLD_STATE: {
+    readonly HOLDING: "holding";
+    readonly IDLE: "idle";
+};
+type HoldStates = (typeof HOLD_STATE)[keyof typeof HOLD_STATE];
+type UseHoldProgressOptions = {
+    holdDurationMs?: number;
+    onHoldComplete?: () => void;
+};
+declare function useHoldProgress(options: UseHoldProgressOptions): {
+    holdState: HoldStates;
+    onHoldEnd: (_event?: React.PointerEvent) => void;
+    onHoldStart: (event: React.PointerEvent) => void;
+};
+export { useHoldProgress, type UseHoldProgressOptions };

package/dist/types/hooks/useMediaQueries/index.d.ts

@@ -0,0 +1 @@
+export { useMediaQueries } from './useMediaQueries';

package/dist/types/hooks/useMediaQueries/useMediaQueries.d.ts

@@ -0,0 +1,7 @@
+export function useMediaQueries(userDevice?: {}): {
+    isMobile: boolean;
+    isMobileHuge: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+    isDesktopMega: boolean;
+};

package/dist/types/hooks/useStyles/index.d.ts

@@ -0,0 +1 @@
+export { useStyles } from './useStyles';

package/dist/types/hooks/useStyles/styleAttributes.d.ts

@@ -0,0 +1,3 @@
+import { StyleAttributeOrValidator } from './styleAttributes.interface';
+declare const _default: StyleAttributeOrValidator[];
+export default _default;