@itcase/ui-core 1.9.77

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

@@ -0,0 +1,47 @@
+import React from 'react';
+import type { GeneratedId } from '@itcase/types-core';
+import { statusToAppearanceList } from './Notifications';
+type NotificationAppearance = (typeof statusToAppearanceList)[keyof typeof statusToAppearanceList];
+interface Notification {
+    id: GeneratedId;
+    _closeTimeout?: ReturnType<typeof setTimeout>;
+    after: React.ReactNode;
+    appearance?: NotificationAppearance;
+    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: React.MouseEventHandler<HTMLButtonElement>;
+    onClose?: () => void;
+}
+interface CreatedNotification {
+    id?: Notification['id'];
+    after?: Notification['after'];
+    appearance?: NotificationAppearance;
+    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, NotificationAppearance, 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,4 @@
+export * from './Notifications';
+export * from './Notifications.interface';
+export * from './UIContext';
+export * from './UrlAssetPrefix';

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

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

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.d.ts

@@ -0,0 +1,9 @@
+export * from './useActiveClasses';
+export * from './useAppearanceConfig';
+export * from './useDevicePropsGenerator';
+export * from './useDeviceTargetClass';
+export * from './useDropzoneFieldFiles';
+export * from './useHoldProgress';
+export * from './useMediaQueries';
+export * from './useStyles';
+export * from './useViewportFix';

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 type { DropzoneFieldValuesList, DropzoneFileItem } from '@itcase/ui-web/components/Dropzone';
+/**
+ * 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: DropzoneFieldValuesList, isPreviews?: boolean): {
+    convertValueFilesToDropzoneItems: (currentFilesList: DropzoneFileItem[] | File[], isSilent?: boolean) => Promise<DropzoneFileItem[]>;
+    fileIsLoading: boolean;
+    fileRejectedMessage: string;
+    setFileRejectedMessage: import("react").Dispatch<import("react").SetStateAction<string>>;
+};
+export { useDropzoneFieldFiles };

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

@@ -0,0 +1,17 @@
+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;
+    isHolding?: boolean;
+    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,4 @@
+export * from './styleAttributes';
+export * from './styleAttributes.helpers';
+export * from './styleAttributes.interface';
+export * 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;

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

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

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

@@ -0,0 +1,147 @@
+import { CSSProperties } from 'react';
+import type * as CSS from 'csstype';
+import { HeightProps, ResizeModeProps, WidthProps } from '@itcase/types-ui';
+export interface StyleAttributes {
+    /**
+     * Layout
+     */
+    alignContent?: CSS.Property.AlignContent;
+    alignItems?: CSS.Property.AlignItems;
+    alignSelf?: CSS.Property.AlignSelf;
+    aspectRatio?: CSS.Property.AspectRatio;
+    /**
+     * Filter
+     */
+    backdropFilter?: CSS.Property.BackdropFilter;
+    /**
+     * View
+     */
+    background?: CSS.Property.Background;
+    backgroundColor?: CSS.Property.BackgroundColor;
+    border?: CSS.Property.Border;
+    borderBottomColor?: CSS.Property.BorderColor;
+    borderBottomLeftRadius?: CSS.Property.BorderBottomLeftRadius;
+    borderBottomRightRadius?: CSS.Property.BorderBottomRightRadius;
+    borderBottomWidth?: CSS.Property.BorderBottomWidth;
+    borderLeftColor?: CSS.Property.BorderColor;
+    borderLeftWidth?: CSS.Property.BorderLeftWidth;
+    borderRadius?: CSS.Property.BorderRadius;
+    borderRightColor?: CSS.Property.BorderColor;
+    borderRightWidth?: CSS.Property.BorderRightWidth;
+    borderStyle?: CSS.Property.BorderStyle;
+    borderTopColor?: CSS.Property.BorderColor;
+    borderTopLeftRadius?: CSS.Property.BorderTopLeftRadius;
+    borderTopRightRadius?: CSS.Property.BorderTopRightRadius;
+    borderTopWidth?: CSS.Property.BorderTopWidth;
+    bottom?: CSS.Property.Bottom;
+    /**
+     * Text
+     */
+    color?: CSS.Property.Color;
+    columnGap?: CSS.Property.ColumnGap;
+    columnWidth?: CSS.Property.ColumnWidth;
+    cursor?: CSS.Property.Cursor;
+    display?: CSS.Property.Display;
+    flex?: CSS.Property.Flex;
+    flexBasis?: CSS.Property.FlexBasis;
+    flexDirection?: CSS.Property.FlexDirection;
+    flexShrink?: CSS.Property.FlexShrink;
+    flexWrap?: CSS.Property.FlexWrap;
+    fontFamily?: CSS.Property.FontFamily;
+    fontSize?: CSS.Property.FontSize;
+    fontStyle?: CSS.Property.FontStyle;
+    fontVariant?: CSS.Property.FontVariant;
+    fontWeight?: CSS.Property.FontWeight;
+    gap?: CSS.Property.Gap;
+    /**
+     * Grid
+     */
+    gridArea?: CSS.Property.GridArea;
+    gridAutoColumns?: CSS.Property.GridAutoColumns;
+    gridAutoFlow?: CSS.Property.GridAutoFlow;
+    gridAutoRows?: CSS.Property.GridAutoRows;
+    gridColumn?: CSS.Property.GridColumn;
+    gridColumnGap?: CSS.Property.GridColumnGap;
+    gridRow?: CSS.Property.GridRow;
+    gridRowGap?: CSS.Property.GridRowGap;
+    gridTemplate?: CSS.Property.GridTemplate;
+    gridTemplateAreas?: CSS.Property.GridTemplateAreas;
+    gridTemplateColumns?: CSS.Property.GridTemplateColumns;
+    gridTemplateRows?: CSS.Property.GridTemplateRows;
+    height?: CSS.Property.Height | HeightProps;
+    left?: CSS.Property.Left;
+    letterSpacing?: CSS.Property.LetterSpacing;
+    lineHeight?: CSS.Property.LineHeight;
+    margin?: CSS.Property.Margin;
+    marginBottom?: CSS.Property.MarginBottom;
+    marginHorizontal?: CSS.Property.Margin;
+    marginLeft?: CSS.Property.MarginLeft;
+    marginRight?: CSS.Property.MarginRight;
+    marginTop?: CSS.Property.MarginTop;
+    marginVertical?: CSS.Property.Margin;
+    maxHeight?: CSS.Property.MaxHeight;
+    maxWidth?: CSS.Property.MaxWidth;
+    minHeight?: CSS.Property.MinHeight;
+    minWidth?: CSS.Property.MinWidth;
+    /**
+     * Image
+     */
+    objectFit?: CSS.Property.ObjectFit;
+    objectPosition?: CSS.Property.ObjectPosition;
+    opacity?: CSS.Property.Opacity;
+    order?: CSS.Property.Order;
+    overflow?: CSS.Property.Overflow;
+    overlayColor?: string;
+    padding?: CSS.Property.Padding;
+    paddingBottom?: CSS.Property.PaddingBottom;
+    paddingEnd?: CSS.Property.Padding;
+    paddingHorizontal?: CSS.Property.Padding;
+    paddingLeft?: CSS.Property.PaddingLeft;
+    paddingRight?: CSS.Property.PaddingRight;
+    paddingStart?: CSS.Property.Padding;
+    paddingTop?: CSS.Property.PaddingTop;
+    paddingVertical?: CSS.Property.Padding;
+    position?: CSS.Property.Position;
+    resizeMode?: ResizeModeProps;
+    right?: CSS.Property.Right;
+    rowGap?: CSS.Property.RowGap;
+    textAlign?: CSS.Property.TextAlign;
+    textDecorationColor?: string;
+    textDecorationLine?: string;
+    textDecorationStyle?: CSS.Property.TextDecorationStyle;
+    textTransform?: CSS.Property.TextTransform;
+    top?: CSS.Property.Top;
+    /**
+     * Transform
+     */
+    transform?: CSS.Property.Transform;
+    verticalAlign?: CSS.Property.VerticalAlign;
+    whiteSpace?: CSS.Property.WhiteSpace;
+    width?: CSS.Property.Width | WidthProps;
+    writingMode?: CSS.Property.WritingMode;
+    zIndex?: CSS.Property.ZIndex;
+}
+type WrappedInterface<T> = {
+    [P in keyof T as `${P & string}Wrapper`]: T[P];
+};
+type LabelInterface<T> = {
+    [P in keyof T as `${P & string}Label`]: T[P];
+};
+type ImageInterface<T> = {
+    [P in keyof T as `${P & string}Image`]: T[P];
+};
+export type CSSPropertiesKey = keyof CSSProperties;
+export interface TypeStyleWrapperAttributes extends WrappedInterface<StyleAttributes> {
+}
+export interface TypeStyleLabelAttributes extends LabelInterface<StyleAttributes> {
+}
+export interface TypeStyleImageAttributes extends ImageInterface<StyleAttributes> {
+}
+export type StyleValidator = [
+    StyleAttributes['width'],
+    {
+        validate?: (value: string) => boolean;
+    }
+];
+export type StyleAttributeOrValidator = StyleAttributes | StyleValidator;
+export {};

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

@@ -0,0 +1,4 @@
+import { CSSProperties } from 'react';
+import { ComponentProps } from '../useDevicePropsGenerator/useDevicePropsGenerator.interface';
+declare function useStyles<Props extends ComponentProps>(props: Props): Record<string, CSSProperties>;
+export { useStyles };

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

@@ -0,0 +1,2 @@
+declare function useViewportFix(): void;
+export { useViewportFix };

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

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

package/dist/types/types/utils.d.ts

@@ -0,0 +1,43 @@
+export type ExactlyOne<K extends PropertyKey, V> = {
+    [P in K]: Partial<Record<Exclude<K, P>, never>> & {
+        [Q in P]: V;
+    };
+}[K];
+export type WithClassKeys<T> = T & {
+    [K in keyof T & string as `${K}Class`]: NonNullable<T[K]> extends string ? KebabCase<T[K]> | undefined : string | undefined;
+};
+export type KebabCase<S> = S extends string ? S extends `${infer F}${infer R}` ? R extends Uncapitalize<R> ? `${Lowercase<F>}${KebabCase<R>}` : `${Lowercase<F>}-${KebabCase<Uncapitalize<R>>}` : Lowercase<S> : never;
+/**
+ * Проверяет, что у типа `P` есть хотя бы один ключ из списка `Keys`.
+ *
+ * @template P - Объект, который проверяем (обычно тип пропсов компонента).
+ * @template Keys - Набор ключей, хотя бы один из которых должен присутствовать.
+ *
+ * @example
+ * type Props = { id: string; placeholderUrl?: string };
+ *
+ * type Check1 = RequireAtLeastOneProp<Props, 'src' | 'placeholderUrl'>;
+ * // ✅ "placeholderUrl" (совпадение есть)
+ *
+ * type Check2 = RequireAtLeastOneProp<Props, 'src' | 'imageSrc'>;
+ * // ❌ never (совпадений нет)
+ */
+export type RequireAtLeastOneProp<P, Keys> = Extract<keyof P, Keys>;
+/**
+ * Выводит типовую ошибку, если в `Check` нет ни одного ключа (равен `never`).
+ *
+ * @template Check - Результат проверки из `RequireAtLeastOneProp`.
+ * @template Error - Текст ошибки, который будет показан в TS.
+ *
+ * @example
+ * type Props = { id: string };
+ *
+ * type Check = RequireAtLeastOneProp<Props, 'src' | 'imageSrc'>;
+ *
+ * type ErrorCheck = RequireAtLeastOnePropError<
+ *   Check,
+ *   ['Компонент должен содержать хотя бы один из пропсов', 'src' | 'imageSrc']
+ * >;
+ * // ❌ TS ошибка: ["Компонент должен содержать хотя бы один из пропсов", "src" | "imageSrc"]
+ */
+export type RequireAtLeastOnePropError<Check, Error> = [Check] extends [never] ? Error : [];

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

@@ -0,0 +1,3 @@
+import { mergeAppearanceKeys } from './mergeAppearanceKeys';
+import { setViewportProperty } from './setViewportProperty';
+export { mergeAppearanceKeys, setViewportProperty };

package/dist/types/utils/mergeAppearanceKeys.d.ts

@@ -0,0 +1,7 @@
+type MergeAppearanceKeysReturn = any;
+/**
+ * @example
+ * mergeAppearanceKeys(' ', '1', undefined, '2', '1') === '1 2'
+ */
+declare const mergeAppearanceKeys: (...appearances: Array<string | undefined>) => MergeAppearanceKeysReturn;
+export { mergeAppearanceKeys };

package/dist/types/utils/setViewportProperty.d.ts

@@ -0,0 +1,2 @@
+declare const setViewportProperty: () => void;
+export { setViewportProperty };

package/dist/utils/index.js

@@ -0,0 +1 @@
+export{mergeAppearanceKeys}from"./mergeAppearanceKeys.js";export{setViewportProperty}from"./setViewportProperty.js";

package/dist/utils/mergeAppearanceKeys.js

@@ -0,0 +1 @@
+const r=(...r)=>{const t=r.map(r=>r?.trim()).filter(Boolean);if(t.length<2)return t[0]??"";return Array.from(new Set(t)).join(" ")};export{r as mergeAppearanceKeys};

package/dist/utils/setViewportProperty.js

@@ -0,0 +1 @@
+const e=()=>{const e=.01*window.innerHeight;document.documentElement.style.setProperty("--vh",`${e}px`)};export{e as setViewportProperty};

package/package.json

@@ -0,0 +1,103 @@
+{
+  "name": "@itcase/ui-core",
+  "version": "1.9.77",
+  "description": "UI shared components",
+  "keywords": [
+    "Modal",
+    "Loader",
+    "Popup",
+    "CookiesWarning"
+  ],
+  "license": "MIT",
+  "private": false,
+  "exports": {
+    "./context": {
+      "types": "./dist/types/context/index.d.ts",
+      "import": "./dist/context/index.js",
+      "require": "./dist/cjs/context/index.js"
+    },
+    "./hoc": {
+      "types": "./dist/types/hoc/index.d.ts",
+      "import": "./dist/hoc/index.js",
+      "require": "./dist/cjs/hoc/index.js"
+    },
+    "./hooks": {
+      "types": "./dist/types/hooks/index.d.ts",
+      "import": "./dist/hooks/index.js",
+      "require": "./dist/cjs/hooks/index.js"
+    },
+    "./utils": {
+      "types": "./dist/types/utils/index.d.ts",
+      "import": "./dist/utils/index.js",
+      "require": "./dist/cjs/utils/index.js"
+    },
+    "./types": {
+      "import": "./dist/types/types/index.d.ts",
+      "types": "./dist/types/types/index.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "npm run build-js",
+    "build-js": "rm -rf dist && rollup -c",
+    "dev": "npm run dev-js",
+    "dev-js": "rollup -c -w",
+    "prepack": "NODE_ENV=production npm run build",
+    "typecheck": "tsc --noEmit --pretty"
+  },
+  "files": [
+    "./dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ITCase/itcase-ui.git"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "msw": {
+    "workerDirectory": [
+      "public"
+    ]
+  },
+  "dependencies": {
+    "@emotion/is-prop-valid": "^1.4.0",
+    "@itcase/common": "^1.2.41",
+    "@itcase/storybook-config": "^1.2.44",
+    "@itcase/types-ui": "^1.1.33",
+    "clsx": "^2.1.1",
+    "lodash": "^4.17.23",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-responsive": "^10.0.1",
+    "uuid": "^13.0.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.29.0",
+    "@babel/preset-react": "^7.28.5",
+    "@itcase/types-core": "^1.1.31",
+    "@itcase/types-ui": "^1.1.33",
+    "@itcase/ui-web": "1.9.77",
+    "@rollup/plugin-alias": "^6.0.0",
+    "@rollup/plugin-babel": "^7.0.0",
+    "@rollup/plugin-commonjs": "^29.0.1",
+    "@rollup/plugin-image": "^3.0.3",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^16.0.3",
+    "@rollup/plugin-terser": "^1.0.0",
+    "@rollup/plugin-typescript": "^12.3.0",
+    "@types/lodash": "^4.17.24",
+    "@types/luxon": "^3.7.1",
+    "@types/react": "^19",
+    "@types/react-dom": "^19.0.2",
+    "@types/uuid": "^11.0.0",
+    "babel-loader": "^10.0.0",
+    "babel-plugin-inline-react-svg": "^2.0.2",
+    "rollup": "4.59.0",
+    "rollup-plugin-copy": "^3.5.0",
+    "rollup-plugin-dts": "^6.3.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-preserve-directives": "^1.1.3"
+  },
+  "gitHead": "742a9b654d9b57ffa4776ff90706af7021263591"
+}