@ozen-ui/kit 0.65.0 → 0.66.0

package/__inner__/esm/components/DrawerNext/modules/DrawerFooter/types.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+import type { DrawerFooterMode } from './entities';
+export type DrawerFooterRef = ComponentRef<'div'>;
+export type DrawerFooterProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое */
+    children: ReactNode;
+    /** Режим отображения */
+    mode?: DrawerFooterMode;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+}, 'div'>;

package/__inner__/esm/components/DrawerNext/modules/DrawerFooter/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DrawerNext/modules/DrawerFooterButton/DrawerFooterButton.d.ts

@@ -0,0 +1,3 @@
+import type { DrawerFooterButtonProps } from './types';
+export declare const cnDrawerFooterButton: import("@bem-react/classname").ClassNameFormatter;
+export declare const DrawerFooterButton: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<DrawerFooterButtonProps, "button">;

package/__inner__/esm/components/DrawerNext/modules/DrawerFooterButton/DrawerFooterButton.js

@@ -0,0 +1,12 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { cn } from '../../../../utils/classname';
+import { polymorphicComponentWithRef } from '../../../../utils/polymorphicComponentWithRef';
+import { Button } from '../../../ButtonNext';
+import { useDrawerContext } from '../../DrawerContext';
+export var cnDrawerFooterButton = cn('DrawerNextFooterButton');
+export var DrawerFooterButton = polymorphicComponentWithRef(function (_a, ref) {
+    var as = _a.as, children = _a.children, className = _a.className, other = __rest(_a, ["as", "children", "className"]);
+    var size = useDrawerContext().size;
+    return (React.createElement(Button, __assign({}, other, { as: as, ref: ref, size: size, className: cnDrawerFooterButton('', [className]) }), children));
+});

package/__inner__/esm/components/DrawerNext/modules/DrawerFooterButton/constants.d.ts

@@ -0,0 +1 @@
+export declare const DRAWER_FOOTER_BUTTON_DEFAULT_TAG = "button";

package/__inner__/esm/components/DrawerNext/modules/DrawerFooterButton/constants.js

@@ -0,0 +1 @@
+export var DRAWER_FOOTER_BUTTON_DEFAULT_TAG = 'button';

package/__inner__/esm/components/DrawerNext/modules/DrawerFooterButton/index.d.ts

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

package/__inner__/esm/components/DrawerNext/modules/DrawerFooterButton/index.js

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

package/__inner__/esm/components/DrawerNext/modules/DrawerFooterButton/types.d.ts

@@ -0,0 +1,6 @@
+import type { ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { ButtonBaseProps } from '../../../ButtonNext';
+import type { DRAWER_FOOTER_BUTTON_DEFAULT_TAG } from './constants';
+export type DrawerFooterButtonBaseProps = Omit<ButtonBaseProps, 'size'>;
+export type DrawerFooterButtonProps<As extends ElementType = typeof DRAWER_FOOTER_BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<DrawerFooterButtonBaseProps, As>;

package/__inner__/esm/components/DrawerNext/modules/DrawerFooterButton/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DrawerNext/modules/DrawerFooterButtonsGroup/DrawerFooterButtonsGroup.css

@@ -0,0 +1,13 @@
+.DrawerNextFooterButtonsGroup {
+  --drawer-footer-button-gap: var(--spacing-s);
+  display: flex;
+  gap: var(--drawer-footer-button-gap);
+}
+
+  /* ---- DEVICE TYPE ---- */
+  .DrawerNextFooterButtonsGroup_deviceType_desktop.DrawerNextFooterButtonsGroup_size_s {
+    --drawer-footer-button-gap: var(--spacing-xs);
+  }
+  .DrawerNextFooterButtonsGroup_deviceType_mobile {
+    flex-direction: column;
+  }

package/__inner__/esm/components/DrawerNext/modules/DrawerFooterButtonsGroup/DrawerFooterButtonsGroup.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { DrawerFooterButtonsGroupProps } from './types';
+export declare const cnDrawerFooterButtonGroup: import("@bem-react/classname").ClassNameFormatter;
+export declare const DrawerFooterButtonsGroup: React.ForwardRefExoticComponent<Omit<DrawerFooterButtonsGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/DrawerNext/modules/DrawerFooterButtonsGroup/DrawerFooterButtonsGroup.js

@@ -0,0 +1,14 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { useDrawerContext } from '../../DrawerContext';
+export var cnDrawerFooterButtonGroup = cn('DrawerNextFooterButtonsGroup');
+export var DrawerFooterButtonsGroup = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, other = __rest(_a, ["children", "className"]);
+    var _b = useDrawerContext(), size = _b.size, deviceType = _b.deviceType;
+    return (React.createElement("div", __assign({ ref: ref, className: cnDrawerFooterButtonGroup({
+            size: size,
+            deviceType: deviceType,
+        }, [className]) }, other), children));
+});
+DrawerFooterButtonsGroup.displayName = 'DrawerFooterButtonsGroup';

package/__inner__/esm/components/DrawerNext/modules/DrawerFooterButtonsGroup/index.d.ts

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

package/__inner__/esm/components/DrawerNext/modules/DrawerFooterButtonsGroup/index.js

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

package/__inner__/esm/components/DrawerNext/modules/DrawerFooterButtonsGroup/types.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export type DrawerFooterButtonsGroupRef = ComponentRef<'div'>;
+export type DrawerFooterButtonsGroupProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое */
+    children: ReactNode;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+}, 'div'>;

package/__inner__/esm/components/DrawerNext/modules/DrawerFooterButtonsGroup/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DrawerNext/modules/DrawerHeader/DrawerHeader.css

@@ -0,0 +1,14 @@
+.DrawerNextHeader {
+  --drawer-header-padding-bottom: var(--drawer-blocks-gap);
+  padding-inline: var(--drawer-inline-padding);
+  padding-block: var(--drawer-block-padding) var(--drawer-header-padding-bottom);
+}
+
+
+  /* ---- DEVICE TYPE ---- */
+  .DrawerNextHeader_deviceType_desktop.DrawerNextHeader_size_s {
+    --drawer-header-padding-bottom: var(--spacing-s);
+  }
+  .DrawerNextHeader_deviceType_desktop.DrawerNextHeader_size_m {
+    --drawer-header-padding-bottom: var(--spacing-m);
+  }

package/__inner__/esm/components/DrawerNext/modules/DrawerHeader/DrawerHeader.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { DrawerHeaderProps } from './types';
+export declare const cnDrawerHeader: import("@bem-react/classname").ClassNameFormatter;
+export declare const DrawerHeader: React.ForwardRefExoticComponent<Omit<DrawerHeaderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/DrawerNext/modules/DrawerHeader/DrawerHeader.js

@@ -0,0 +1,14 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { useDrawerContext } from '../../DrawerContext';
+export var cnDrawerHeader = cn('DrawerNextHeader');
+export var DrawerHeader = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, other = __rest(_a, ["children", "className"]);
+    var _b = useDrawerContext(), size = _b.size, deviceType = _b.deviceType;
+    return (React.createElement("div", __assign({ ref: ref, className: cnDrawerHeader({
+            size: size,
+            deviceType: deviceType,
+        }, [className]) }, other), children));
+});
+DrawerHeader.displayName = 'DrawerHeader';

package/__inner__/esm/components/DrawerNext/modules/DrawerHeader/index.d.ts

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

package/__inner__/esm/components/DrawerNext/modules/DrawerHeader/index.js

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

package/__inner__/esm/components/DrawerNext/modules/DrawerHeader/types.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export type DrawerHeaderRef = ComponentRef<'div'>;
+export type DrawerHeaderProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое */
+    children: ReactNode;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+}, 'div'>;

package/__inner__/esm/components/DrawerNext/modules/DrawerHeader/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DrawerNext/modules/DrawerSubtitle/DrawerSubtitle.css

@@ -0,0 +1,22 @@
+/* stylelint-disable */
+.DrawerNextSubtitle {
+  --drawer-subtitle-gap: var(--spacing-2xs);
+
+  font: var(--typography-text-l-font);
+
+  letter-spacing: var(--typography-text-l-letter_spacing, 0);
+
+  text-transform: var(--typography-text-l-text_transform, none);
+  color: var(--color-content-secondary);
+  margin-block-start: var(--drawer-subtitle-gap);
+  padding-inline-end: var(--drawer-header-item-padding-right);
+}
+.DrawerNextSubtitle_deviceType_desktop.DrawerNextSubtitle_size_s {
+    --drawer-subtitle-gap: var(--spacing-3xs);
+
+    font: var(--typography-text-s-font);
+
+    letter-spacing: var(--typography-text-s-letter_spacing, 0);
+
+    text-transform: var(--typography-text-s-text_transform, none);
+  }

package/__inner__/esm/components/DrawerNext/modules/DrawerSubtitle/DrawerSubtitle.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { DrawerSubtitleProps } from './types';
+export declare const cnDrawerSubtitle: import("@bem-react/classname").ClassNameFormatter;
+export declare const DrawerSubtitle: React.ForwardRefExoticComponent<Omit<DrawerSubtitleProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/DrawerNext/modules/DrawerSubtitle/DrawerSubtitle.js

@@ -0,0 +1,14 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { useDrawerContext } from '../../DrawerContext';
+export var cnDrawerSubtitle = cn('DrawerNextSubtitle');
+export var DrawerSubtitle = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, other = __rest(_a, ["children", "className"]);
+    var _b = useDrawerContext(), size = _b.size, deviceType = _b.deviceType;
+    return (React.createElement("div", __assign({ ref: ref, className: cnDrawerSubtitle({
+            size: size,
+            deviceType: deviceType,
+        }, [className]) }, other), children));
+});
+DrawerSubtitle.displayName = 'DrawerSubtitle';

package/__inner__/esm/components/DrawerNext/modules/DrawerSubtitle/index.d.ts

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

package/__inner__/esm/components/DrawerNext/modules/DrawerSubtitle/index.js

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

package/__inner__/esm/components/DrawerNext/modules/DrawerSubtitle/types.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export type DrawerSubtitleRef = ComponentRef<'div'>;
+export type DrawerSubtitleProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое */
+    children: ReactNode;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+}, 'div'>;

package/__inner__/esm/components/DrawerNext/modules/DrawerSubtitle/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DrawerNext/modules/DrawerTitle/DrawerTitle.css

@@ -0,0 +1,14 @@
+/* stylelint-disable */
+.DrawerNextTitle {
+  font: var(--typography-heading-2xl-font);
+  letter-spacing: var(--typography-heading-2xl-letter_spacing, 0);
+  text-transform: var(--typography-heading-2xl-text_transform, none);
+  color: var(--color-content-primary);
+  padding-inline-end: var(--drawer-header-item-padding-right);
+  margin: 0;
+}
+.DrawerNextTitle_deviceType_desktop.DrawerNextTitle_size_s {
+    font: var(--typography-heading-xl-font);
+    letter-spacing: var(--typography-heading-xl-letter_spacing, 0);
+    text-transform: var(--typography-heading-xl-text_transform, none);
+  }

package/__inner__/esm/components/DrawerNext/modules/DrawerTitle/DrawerTitle.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { DrawerTitleProps } from './types';
+export declare const cnDrawerTitle: import("@bem-react/classname").ClassNameFormatter;
+export declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<DrawerTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;

package/__inner__/esm/components/DrawerNext/modules/DrawerTitle/DrawerTitle.js

@@ -0,0 +1,14 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { useDrawerContext } from '../../DrawerContext';
+export var cnDrawerTitle = cn('DrawerNextTitle');
+export var DrawerTitle = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, other = __rest(_a, ["children", "className"]);
+    var _b = useDrawerContext(), size = _b.size, deviceType = _b.deviceType;
+    return (React.createElement("h2", __assign({ ref: ref, className: cnDrawerTitle({
+            size: size,
+            deviceType: deviceType,
+        }, className) }, other), children));
+});
+DrawerTitle.displayName = 'DrawerTitle';

package/__inner__/esm/components/DrawerNext/modules/DrawerTitle/index.d.ts

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

package/__inner__/esm/components/DrawerNext/modules/DrawerTitle/index.js

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

package/__inner__/esm/components/DrawerNext/modules/DrawerTitle/types.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export type DrawerTitleRef = ComponentRef<'h2'>;
+export type DrawerTitleProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое */
+    children: ReactNode;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+}, 'h2'>;

package/__inner__/esm/components/DrawerNext/modules/DrawerTitle/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DrawerNext/modules/index.d.ts

@@ -0,0 +1,8 @@
+export * from './DrawerBody';
+export * from './DrawerCloseButton';
+export * from './DrawerFooter';
+export * from './DrawerFooterButton';
+export * from './DrawerFooterButtonsGroup';
+export * from './DrawerHeader';
+export * from './DrawerSubtitle';
+export * from './DrawerTitle';

package/__inner__/esm/components/DrawerNext/modules/index.js

@@ -0,0 +1,8 @@
+export * from './DrawerBody';
+export * from './DrawerCloseButton';
+export * from './DrawerFooter';
+export * from './DrawerFooterButton';
+export * from './DrawerFooterButtonsGroup';
+export * from './DrawerHeader';
+export * from './DrawerSubtitle';
+export * from './DrawerTitle';

package/__inner__/esm/components/DrawerNext/types.d.ts

@@ -0,0 +1,30 @@
+import type { RenderContentType } from '../../utils/renderContent';
+import type { ModalProps, ModalRef } from '../Modal';
+import type { DRAWER_DEFAULT_DEVICE_TYPE } from './constants';
+import type { DrawerDeviceType, DrawerPlacementVariant, DrawerSizeVariantByDeviceType, DrawerVariant } from './entities';
+export type DrawerRef = ModalRef;
+export type DrawerRenderCloseButton = RenderContentType<{}>['content'];
+export type DrawerBaseProps = {
+    /** Вариант представления шторки */
+    variant?: DrawerVariant;
+    /** Расположение шторки */
+    placement?: DrawerPlacementVariant;
+    /** Признак по которому кнопка закрытия шторки будет скрыта */
+    hideCloseButton?: boolean;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+    /** Кнопка закрытия */
+    renderCloseButton?: DrawerRenderCloseButton;
+} & ModalProps;
+export type DrawerDeviceTypeProps<DeviceType extends DrawerDeviceType | undefined> = DrawerBaseProps & (DeviceType extends DrawerDeviceType ? {
+    /** Размер */
+    size?: DrawerSizeVariantByDeviceType[DeviceType];
+    /** Тип устройства */
+    deviceType: DeviceType;
+} : {
+    /** Размер */
+    size?: DrawerSizeVariantByDeviceType[typeof DRAWER_DEFAULT_DEVICE_TYPE];
+    /** Тип устройства */
+    deviceType?: undefined;
+});
+export type DrawerProps = DrawerDeviceTypeProps<'mobile'> | DrawerDeviceTypeProps<'desktop'> | DrawerDeviceTypeProps<undefined>;

package/__inner__/esm/components/DrawerNext/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DrawerNext/utils.d.ts

@@ -0,0 +1,8 @@
+import type { PaperRadiusVariant } from '../Paper';
+import type { DrawerDeviceType, DrawerValueBySize, DrawerVariant } from './entities';
+export declare const maxWidthByVariant: Readonly<{
+    [key in DrawerVariant]: number;
+}>;
+export declare const paperRadiusBySize: Readonly<{
+    [key in DrawerDeviceType]: DrawerValueBySize<key, PaperRadiusVariant>;
+}>;

package/__inner__/esm/components/DrawerNext/utils.js

@@ -0,0 +1,14 @@
+export var maxWidthByVariant = {
+    little: 320,
+    medium: 480,
+    large: 640,
+};
+export var paperRadiusBySize = {
+    mobile: {
+        m: 'xl',
+    },
+    desktop: {
+        s: 'l',
+        m: 'xl',
+    },
+};

package/__inner__/esm/components/Modal/Modal.d.ts

@@ -20,9 +20,7 @@ export declare const Modal: React.ForwardRefExoticComponent<{
     transitionProps?: Partial<import("react-transition-group/CSSTransition").CSSTransitionProps> & {
         "data-testid"?: string;
     };
-    windowProps?: import("../Paper").PaperProps & {
-        "data-testid"?: string;
-    };
+    windowProps?: import("../Paper").PaperProps;
     className?: string;
     'data-testid'?: string;
     ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[];

package/__inner__/esm/components/Modal/types.d.ts

@@ -42,9 +42,7 @@ export type ModalProps = {
         'data-testid'?: string;
     };
     /** Свойства окна с контентом */
-    windowProps?: PaperProps & {
-        'data-testid'?: string;
-    };
+    windowProps?: PaperProps;
     /** Кастомный класс контейнера модального окна */
     className?: string;
     /** Идентификатор компонента для тестов */

package/__inner__/esm/components/Paper/types.d.ts

@@ -14,6 +14,8 @@ export type PaperBaseProps = {
     background?: PaperBackgroundVariant;
     /** Тень */
     shadow?: PaperShadowVariant;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
 };
 export type PaperProps<As extends ElementType = typeof PAPER_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<PaperBaseProps, As>;
 export type PaperRef = ComponentRef<typeof PAPER_DEFAULT_TAG>;

package/__inner__/esm/components/ThemeProvider/types.d.ts

@@ -25,6 +25,7 @@ import type { DatePickerProps } from '../DatePicker';
 import type { DialogProps } from '../Dialog';
 import type { DividerProps } from '../Divider';
 import type { DrawerProps } from '../Drawer';
+import type { DrawerProps as DrawerNextProps } from '../DrawerNext';
 import type { FieldControlProps } from '../FieldControl';
 import type { FileProps } from '../File';
 import type { FilePickerProps } from '../FilePicker';
@@ -102,6 +103,7 @@ export type Theme = {
         DatePicker?: Partial<DatePickerProps>;
         Divider?: Partial<DividerProps>;
         Drawer?: Partial<DrawerProps>;
+        DrawerNext?: Partial<DrawerNextProps>;
         FieldControl?: Partial<FieldControlProps>;
         File?: Partial<FileProps>;
         FilePicker?: Partial<FilePickerProps>;

package/__inner__/esm/components/Title/components/variant/main/types.d.ts

@@ -3,11 +3,17 @@ import type { PolymorphicComponentPropsWithoutRef } from '../../../../../utils/p
 import type { TITLE_DEFAULT_TAG } from '../../../constants';
 import type { TitleIcon, TitleSizeVariant } from '../../../entities';
 export type TitleMainBaseProps = {
+    /** Свойство, регулирующее размер слайдера */
     size: TitleSizeVariant;
+    /** Лейбл */
     label?: string;
+    /** Компонент слева */
     renderLeft?: TitleIcon;
+    /** Компонент справа */
     renderRight?: TitleIcon;
+    /** Если `true` добавляет отступы */
     defaultMargin?: boolean;
+    /** data-атрибут для тестирования */
     'data-testid'?: string;
 };
 export type TitleMainProps<As extends ElementType = typeof TITLE_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<TitleMainBaseProps, As>;

package/__inner__/esm/components/Title/components/variant/secondary/types.d.ts

@@ -3,8 +3,11 @@ import type { PolymorphicComponentPropsWithoutRef } from '../../../../../utils/p
 import type { TITLE_DEFAULT_TAG } from '../../../constants';
 import type { TitleSizeVariant } from '../../../entities';
 export type TitleSecondaryBaseProps = {
+    /** Свойство, регулирующее размер слайдера */
     size: TitleSizeVariant;
+    /** Если `true` добавляет отступы */
     defaultMargin?: boolean;
+    /** data-атрибут для тестирования */
     'data-testid'?: string;
 };
 export type TitleSecondaryProps<As extends ElementType = typeof TITLE_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<TitleSecondaryBaseProps, As>;

package/__inner__/esm/components/Title/types.d.ts

@@ -1,5 +1,5 @@
 import type { ElementType } from 'react';
-import type { WithPartial } from '../../types/object/withPartial';
+import type { WithPartial } from '../../types/object';
 import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
 import type { TitleMainBaseProps, TitleSecondaryBaseProps } from './components';
 import type { TITLE_DEFAULT_TAG } from './constants';

package/__inner__/esm/constants/environment/index.d.ts

@@ -1,2 +1,4 @@
+export * from './isClient';
 export * from './isDev';
 export * from './isProduction';
+export * from './isServer';

package/__inner__/esm/constants/environment/index.js

@@ -1,2 +1,4 @@
+export * from './isClient';
 export * from './isDev';
 export * from './isProduction';
+export * from './isServer';

package/__inner__/esm/constants/environment/isClient.d.ts

@@ -0,0 +1 @@
+export declare const isClient: boolean;

package/__inner__/esm/constants/environment/isClient.js

@@ -0,0 +1,2 @@
+import { isServer } from './isServer';
+export var isClient = !isServer;

package/__inner__/esm/constants/environment/isServer.d.ts

@@ -0,0 +1 @@
+export declare const isServer: boolean;

package/__inner__/esm/constants/environment/isServer.js

@@ -0,0 +1 @@
+export var isServer = typeof window === 'undefined';

package/__inner__/esm/types/object/index.d.ts

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

package/__inner__/esm/types/object/index.js

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

package/__inner__/esm/utils/css/generate-variable-name/generateCSSVariableName.d.ts

@@ -0,0 +1 @@
+export declare const generateCSSVariableName: (variable: string) => string;

package/__inner__/esm/utils/css/generate-variable-name/generateCSSVariableName.js

@@ -0,0 +1,7 @@
+import { isCSSVariableName } from '../is-variable-name';
+export var generateCSSVariableName = function (variable) {
+    if (isCSSVariableName(variable)) {
+        return variable;
+    }
+    return "--".concat(variable);
+};

package/__inner__/esm/utils/css/generate-variable-name/index.d.ts

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

package/__inner__/esm/utils/css/generate-variable-name/index.js

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

package/__inner__/esm/utils/css/generate-variables/generateCSSVariables.d.ts

@@ -0,0 +1,2 @@
+import type { CSSProperties } from 'react';
+export declare const generateCSSVariables: (variables: Record<string, string | number>) => CSSProperties;

package/__inner__/esm/utils/css/generate-variables/generateCSSVariables.js

@@ -0,0 +1,10 @@
+import { __read } from "tslib";
+import { generateCSSVariableName } from '../generate-variable-name';
+export var generateCSSVariables = function (variables) {
+    var formattedVariables = {};
+    Object.entries(variables).forEach(function (_a) {
+        var _b = __read(_a, 2), variableName = _b[0], value = _b[1];
+        formattedVariables[generateCSSVariableName(variableName)] = value;
+    });
+    return formattedVariables;
+};

package/__inner__/esm/utils/css/generate-variables/index.d.ts

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

package/__inner__/esm/utils/css/generate-variables/index.js

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

package/__inner__/esm/utils/css/index.d.ts

@@ -0,0 +1,3 @@
+export * from './generate-variable-name';
+export * from './generate-variables';
+export * from './is-variable-name';

package/__inner__/esm/utils/css/index.js

@@ -0,0 +1,3 @@
+export * from './generate-variable-name';
+export * from './generate-variables';
+export * from './is-variable-name';

package/__inner__/esm/utils/css/is-variable-name/index.d.ts

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

package/__inner__/esm/utils/css/is-variable-name/index.js

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

package/__inner__/esm/utils/css/is-variable-name/isCSSVariableName.d.ts

@@ -0,0 +1 @@
+export declare const isCSSVariableName: (value: string) => boolean;

package/__inner__/esm/utils/css/is-variable-name/isCSSVariableName.js

@@ -0,0 +1 @@
+export var isCSSVariableName = function (value) { return value.slice(0, 2) === '--'; };