@ozen-ui/kit 0.66.0 → 0.68.0

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseBlock/index.d.ts

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

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseBlock/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./BottomSheetBaseBlock"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseBlock/types.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentPropsWithoutRef } from 'react';
+import type { ExtendableProps } from '../../../../types/ExtendableProps';
+export type BottomSheetBaseBlockProps = ExtendableProps<{
+    expandOnDrag?: boolean;
+}, ComponentPropsWithoutRef<'div'>>;

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseBlock/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseContent/BottomSheetBaseContent.css

@@ -0,0 +1,5 @@
+.BottomSheetBaseContent-Wrapper {
+  flex-shrink: 1;
+  flex-grow: 1;
+  overflow: auto;
+}

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseContent/BottomSheetBaseContent.d.ts

@@ -0,0 +1,4 @@
+import './BottomSheetBaseContent.css';
+import React from 'react';
+export declare const cnBottomSheetBaseContent: import("@bem-react/classname").ClassNameFormatter;
+export declare const BottomSheetBaseContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseContent/BottomSheetBaseContent.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BottomSheetBaseContent = exports.cnBottomSheetBaseContent = void 0;
+var tslib_1 = require("tslib");
+require("./BottomSheetBaseContent.css");
+var react_1 = tslib_1.__importStar(require("react"));
+var useMultiRef_1 = require("../../../../hooks/useMultiRef");
+var classname_1 = require("../../../../utils/classname");
+var context_1 = require("../../context");
+exports.cnBottomSheetBaseContent = (0, classname_1.cn)('BottomSheetBaseContent');
+exports.BottomSheetBaseContent = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, className = _a.className, other = tslib_1.__rest(_a, ["children", "className"]);
+    var _b = (0, context_1.useBottomSheetBaseContext)(), scrollRef = _b.scrollRef, contentRef = _b.contentRef;
+    return (react_1.default.createElement("div", tslib_1.__assign({}, other, { ref: (0, useMultiRef_1.useMultiRef)([ref, scrollRef]), className: (0, exports.cnBottomSheetBaseContent)('Wrapper', [className]) }),
+        react_1.default.createElement("div", { ref: contentRef, className: (0, exports.cnBottomSheetBaseContent)() }, children)));
+});
+exports.BottomSheetBaseContent.displayName = 'BottomSheetBaseContent';

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseContent/index.d.ts

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

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseContent/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./BottomSheetBaseContent"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseContent/types.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPropsWithoutRef } from 'react';
+export type BottomSheetBaseContentProps = ComponentPropsWithoutRef<'div'>;

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseContent/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseFooter/BottomSheetBaseFooter.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const cnBottomSheetBaseFooter: import("@bem-react/classname").ClassNameFormatter;
+export declare const BottomSheetBaseFooter: React.ForwardRefExoticComponent<{
+    expandOnDrag?: boolean;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "expandOnDrag"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseFooter/BottomSheetBaseFooter.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BottomSheetBaseFooter = exports.cnBottomSheetBaseFooter = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var classname_1 = require("../../../../utils/classname");
+var BottomSheetBaseBlock_1 = require("../BottomSheetBaseBlock");
+var constants_1 = require("./constants");
+exports.cnBottomSheetBaseFooter = (0, classname_1.cn)('BottomSheetBaseFooter');
+exports.BottomSheetBaseFooter = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.expandOnDrag, expandOnDrag = _b === void 0 ? constants_1.BOTTOM_SHEET_BASE_FOOTER_DEFAULT_EXPAND_ON_DRAG : _b, other = tslib_1.__rest(_a, ["children", "className", "expandOnDrag"]);
+    return (react_1.default.createElement(BottomSheetBaseBlock_1.BottomSheetBaseBlock, tslib_1.__assign({}, other, { ref: ref, className: (0, exports.cnBottomSheetBaseFooter)('', [className]), expandOnDrag: expandOnDrag }), children));
+});
+exports.BottomSheetBaseFooter.displayName = 'BottomSheetBaseFooter';

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseFooter/constants.d.ts

@@ -0,0 +1 @@
+export declare const BOTTOM_SHEET_BASE_FOOTER_DEFAULT_EXPAND_ON_DRAG = true;

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseFooter/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BOTTOM_SHEET_BASE_FOOTER_DEFAULT_EXPAND_ON_DRAG = void 0;
+exports.BOTTOM_SHEET_BASE_FOOTER_DEFAULT_EXPAND_ON_DRAG = true;

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseFooter/index.d.ts

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

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseFooter/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./BottomSheetBaseFooter"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseFooter/types.d.ts

@@ -0,0 +1,4 @@
+import type { BottomSheetBaseBlockRef } from '../../entities';
+import type { BottomSheetBaseBlockProps } from '../BottomSheetBaseBlock';
+export type BottomSheetBaseFooterRef = BottomSheetBaseBlockRef;
+export type BottomSheetBaseFooterProps = BottomSheetBaseBlockProps;

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseFooter/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseHeader/BottomSheetBaseHeader.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const cnBottomSheetBaseHeader: import("@bem-react/classname").ClassNameFormatter;
+export declare const BottomSheetBaseHeader: React.ForwardRefExoticComponent<{
+    expandOnDrag?: boolean;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "expandOnDrag"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseHeader/BottomSheetBaseHeader.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BottomSheetBaseHeader = exports.cnBottomSheetBaseHeader = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var classname_1 = require("../../../../utils/classname");
+var BottomSheetBaseBlock_1 = require("../BottomSheetBaseBlock");
+var constants_1 = require("./constants");
+exports.cnBottomSheetBaseHeader = (0, classname_1.cn)('BottomSheetBaseHeader');
+exports.BottomSheetBaseHeader = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.expandOnDrag, expandOnDrag = _b === void 0 ? constants_1.BOTTOM_SHEET_BASE_HEADER_DEFAULT_EXPAND_ON_DRAG : _b, other = tslib_1.__rest(_a, ["children", "className", "expandOnDrag"]);
+    return (react_1.default.createElement(BottomSheetBaseBlock_1.BottomSheetBaseBlock, tslib_1.__assign({}, other, { ref: ref, className: (0, exports.cnBottomSheetBaseHeader)('', [className]), expandOnDrag: expandOnDrag }), children));
+});
+exports.BottomSheetBaseHeader.displayName = 'BottomSheetBaseHeader';

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseHeader/constants.d.ts

@@ -0,0 +1 @@
+export declare const BOTTOM_SHEET_BASE_HEADER_DEFAULT_EXPAND_ON_DRAG = true;

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseHeader/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BOTTOM_SHEET_BASE_HEADER_DEFAULT_EXPAND_ON_DRAG = void 0;
+exports.BOTTOM_SHEET_BASE_HEADER_DEFAULT_EXPAND_ON_DRAG = true;

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseHeader/index.d.ts

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

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseHeader/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./BottomSheetBaseHeader"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseHeader/types.d.ts

@@ -0,0 +1,4 @@
+import type { BottomSheetBaseBlockRef } from '../../entities';
+import type { BottomSheetBaseBlockProps } from '../BottomSheetBaseBlock';
+export type BottomSheetBaseHeaderRef = BottomSheetBaseBlockRef;
+export type BottomSheetBaseHeaderProps = BottomSheetBaseBlockProps;

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseHeader/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/BottomSheetBase/modules/index.d.ts

@@ -0,0 +1,5 @@
+export * from './BottomSheetBaseBackdrop';
+export * from './BottomSheetBaseBlock';
+export * from './BottomSheetBaseContent';
+export * from './BottomSheetBaseFooter';
+export * from './BottomSheetBaseHeader';

package/__inner__/cjs/components/BottomSheetBase/modules/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./BottomSheetBaseBackdrop"), exports);
+tslib_1.__exportStar(require("./BottomSheetBaseBlock"), exports);
+tslib_1.__exportStar(require("./BottomSheetBaseContent"), exports);
+tslib_1.__exportStar(require("./BottomSheetBaseFooter"), exports);
+tslib_1.__exportStar(require("./BottomSheetBaseHeader"), exports);

package/__inner__/cjs/components/BottomSheetBase/types.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode } from 'react';
+import type { PortalProps } from '../Portal';
+import type { BottomSheetBaseGetMaxHeight, BottomSheetBaseGetSnap, BottomSheetBaseGetSnaps, BottomSheetBaseMaxHeight, BottomSheetBaseOnClose, BottomSheetBaseSnap, BottomSheetBaseSnaps } from './entities';
+export type BottomSheetBaseProps = {
+    /** Точки привязки. */
+    snaps: BottomSheetBaseSnaps | BottomSheetBaseGetSnaps;
+    /** Текущее состояние открытости. Если `true`, шторка отображается. */
+    open: boolean;
+    /** Дефолтная точка привязки. */
+    defaultSnap?: BottomSheetBaseSnap | BottomSheetBaseGetSnap;
+    /** Максимальная высота. */
+    maxHeight?: BottomSheetBaseMaxHeight | BottomSheetBaseGetMaxHeight;
+    /** Функция, которая вызывается при закрытии. */
+    onClose?: BottomSheetBaseOnClose;
+    /** При `true` шторка будет закрываемой. */
+    closable?: boolean;
+    /** Компонент backdrop. */
+    backdrop?: ReactNode;
+    /** Если `true` backdrop будет скрыт. */
+    hideBackdrop?: boolean;
+    /** Если `true` отключает блокировку прокрутки основного экрана приложения. */
+    disableScrollLock?: boolean;
+    /** Дополнительные CSS-классы шторки */
+    bottomSheetClassName?: string;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+} & PortalProps;

package/__inner__/cjs/components/BottomSheetBase/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/BottomSheetBase/utils/index.d.ts

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

package/__inner__/cjs/components/BottomSheetBase/utils/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./utils"), exports);

package/__inner__/cjs/components/BottomSheetBase/utils/utils.d.ts

@@ -0,0 +1,16 @@
+import type { BottomSheetBaseGetSnap, BottomSheetBaseGetSnaps, BottomSheetBaseSnap, BottomSheetBaseSnaps } from '../entities';
+import type { BottomSheetBaseFindClosestSnap } from '../hooks';
+export declare const cnBottomSheetBase: import("@bem-react/classname").ClassNameFormatter;
+export declare const bottomSheetCalculateSnaps: ({ minHeight, maxHeight, snaps: snapsProp, isReady, defaultSnap: defaultSnapProp, }: {
+    minHeight: number;
+    maxHeight: number;
+    snaps: BottomSheetBaseSnaps | BottomSheetBaseGetSnaps;
+    isReady: boolean;
+    defaultSnap: BottomSheetBaseSnap | BottomSheetBaseGetSnap | undefined;
+}) => {
+    minSnap: number;
+    maxSnap: number;
+    snaps: number[];
+    defaultSnap: number;
+    findClosestSnap: BottomSheetBaseFindClosestSnap;
+};

package/__inner__/cjs/components/BottomSheetBase/utils/utils.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.bottomSheetCalculateSnaps = exports.cnBottomSheetBase = void 0;
+var tslib_1 = require("tslib");
+var logger_1 = require("@ozen-ui/logger");
+var classname_1 = require("../../../utils/classname");
+var isFunction_1 = require("../../../utils/isFunction");
+var math_1 = require("../../../utils/math");
+var number_1 = require("../../../utils/number");
+exports.cnBottomSheetBase = (0, classname_1.cn)('BottomSheetBase');
+var bottomSheetCalculateSnaps = function (_a) {
+    var minHeight = _a.minHeight, maxHeight = _a.maxHeight, snapsProp = _a.snaps, isReady = _a.isReady, defaultSnapProp = _a.defaultSnap;
+    var getSnapParams = {
+        minHeight: minHeight,
+        maxHeight: maxHeight,
+    };
+    var snapsRaw = (function () {
+        if (!isReady) {
+            return [0];
+        }
+        if ((0, isFunction_1.isFunction)(snapsProp)) {
+            return snapsProp(getSnapParams);
+        }
+        return snapsProp;
+    })();
+    var snapsSet = snapsRaw.reduce(function (acc, snapPoint) {
+        if ((0, number_1.isNaN)(snapPoint)) {
+            logger_1.logger.error('Компонент "BottomSheetBase" имеет NaN в prop "snaps"');
+            return acc;
+        }
+        acc.add((0, math_1.clamp)(snapPoint, 0, maxHeight));
+        return acc;
+    }, new Set());
+    var snaps = tslib_1.__spreadArray([], tslib_1.__read(snapsSet), false);
+    var minSnap = Math.min.apply(Math, tslib_1.__spreadArray([], tslib_1.__read(snaps), false));
+    var maxSnap = Math.min(maxHeight, Math.max.apply(Math, tslib_1.__spreadArray([], tslib_1.__read(snaps), false)));
+    var findClosestSnap = function (point) {
+        return snaps.reduce(function (prev, curr) {
+            return Math.abs(curr - point) < Math.abs(prev - point) ? curr : prev;
+        }, minSnap);
+    };
+    var defaultSnapRaw = (function () {
+        if ((0, isFunction_1.isFunction)(defaultSnapProp)) {
+            return defaultSnapProp(getSnapParams);
+        }
+        if ((0, number_1.isNumber)(defaultSnapProp)) {
+            return defaultSnapProp;
+        }
+        return minSnap;
+    })();
+    var defaultSnap = findClosestSnap((0, math_1.clamp)(defaultSnapRaw, minSnap, maxSnap));
+    return {
+        minSnap: minSnap,
+        maxSnap: maxSnap,
+        snaps: snaps,
+        defaultSnap: defaultSnap,
+        findClosestSnap: findClosestSnap,
+    };
+};
+exports.bottomSheetCalculateSnaps = bottomSheetCalculateSnaps;

package/__inner__/cjs/components/Breadcrumbs/components/types.d.ts

@@ -2,5 +2,5 @@ import type { ElementType } from 'react';
 import type { PolymorphicComponentPropsWithoutRef } from '../../../utils/polymorphicComponentWithRef';
 import type { ButtonProps } from '../../ButtonNext';
 import type { BREADCRUMB_ITEM_DEFAULT_TAG } from '../constants';
-export type BreadcrumbItemBaseProps = Pick<ButtonProps, 'disabled' | 'iconLeft' | 'iconRight'>;
+export type BreadcrumbItemBaseProps = Pick<ButtonProps, 'disabled' | 'iconLeft' | 'iconRight' | 'data-testid'>;
 export type BreadcrumbItemProps<As extends ElementType = typeof BREADCRUMB_ITEM_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<BreadcrumbItemBaseProps, As>;

package/__inner__/cjs/components/Breadcrumbs/types.d.ts

@@ -14,4 +14,6 @@ export type BreadcrumbsProps = ExtendableComponentPropsWithRef<{
     separator?: BreadcrumbsSeparatorComponent;
     /** Размер */
     size?: BreadcrumbsSizeVariant;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
 }, 'nav'>;

package/__inner__/cjs/components/Checkbox/Checkbox.d.ts

@@ -2,4 +2,7 @@ import './Checkbox.css';
 import React from 'react';
 import type { CheckboxProps } from './index';
 export declare const cnCheckbox: import("@bem-react/classname").ClassNameFormatter;
+/**
+ * @deprecated Компонент устарел. Для замены используйте компонент CheckboxNext
+ */
 export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLLabelElement>>;

package/__inner__/cjs/components/Checkbox/Checkbox.js

@@ -11,6 +11,9 @@ var FormControlLabel_1 = require("../FormControlLabel");
 var components_1 = require("./components");
 var constants_1 = require("./constants");
 exports.cnCheckbox = (0, classname_1.cn)('Checkbox');
+/**
+ * @deprecated Компонент устарел. Для замены используйте компонент CheckboxNext
+ */
 exports.Checkbox = (0, react_1.forwardRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,

package/__inner__/cjs/components/CheckboxGroup/CheckboxGroup.d.ts

@@ -1,4 +1,7 @@
 import './CheckboxGroup.css';
 import type { CheckboxGroupBaseProps } from './index';
 export declare const cnCheckboxGroup: import("@bem-react/classname").ClassNameFormatter;
+/**
+ * @deprecated Компонент устарел. Для замены используйте компонент CheckboxGroupNext
+ */
 export declare const CheckboxGroup: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<CheckboxGroupBaseProps, "div">;

package/__inner__/cjs/components/CheckboxGroup/CheckboxGroup.js

@@ -13,6 +13,9 @@ var FormTitle_1 = require("../FormTitle");
 var CheckboxGroupContext_1 = require("./CheckboxGroupContext");
 var constants_1 = require("./constants");
 exports.cnCheckboxGroup = (0, classname_1.cn)('CheckboxGroup');
+/**
+ * @deprecated Компонент устарел. Для замены используйте компонент CheckboxGroupNext
+ */
 exports.CheckboxGroup = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,

package/__inner__/cjs/components/CheckboxGroupNext/CheckboxGroup.css

@@ -0,0 +1,8 @@
+.CheckboxGroupNext {
+  display: flex;
+  flex-direction: column;
+}
+
+  .CheckboxGroupNext .FormGroup {
+    align-items: flex-start;
+  }

package/__inner__/cjs/components/CheckboxGroupNext/CheckboxGroup.d.ts

@@ -0,0 +1,4 @@
+import './CheckboxGroup.css';
+import type { CheckboxGroupBaseProps } from './types';
+export declare const cnCheckboxGroup: import("@bem-react/classname").ClassNameFormatter;
+export declare const CheckboxGroup: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<CheckboxGroupBaseProps, "div">;

package/__inner__/cjs/components/CheckboxGroupNext/CheckboxGroup.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxGroup = exports.cnCheckboxGroup = void 0;
+var tslib_1 = require("tslib");
+require("./CheckboxGroup.css");
+var react_1 = tslib_1.__importDefault(require("react"));
+var useControlled_1 = require("../../hooks/useControlled");
+var useThemeProps_1 = require("../../hooks/useThemeProps");
+var classname_1 = require("../../utils/classname");
+var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
+var FormGroup_1 = require("../FormGroup");
+var FormTitle_1 = require("../FormTitle");
+var CheckboxGroupContext_1 = require("./CheckboxGroupContext");
+var constants_1 = require("./constants");
+exports.cnCheckboxGroup = (0, classname_1.cn)('CheckboxGroupNext');
+exports.CheckboxGroup = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'CheckboxGroupNext',
+    });
+    var _a = props.direction, direction = _a === void 0 ? constants_1.CHECKBOX_GROUP_DEFAULT_DIRECTION : _a, _b = props.size, size = _b === void 0 ? constants_1.CHECKBOX_GROUP_DEFAULT_SIZE : _b, _c = props.as, Tag = _c === void 0 ? constants_1.CHECKBOX_GROUP_DEFAULT_AS : _c, _d = props.variant, variant = _d === void 0 ? constants_1.CHECKBOX_GROUP_DEFAULT_VARIANT : _d, _e = props.align, align = _e === void 0 ? constants_1.CHECKBOX_GROUP_DEFAULT_ALIGN : _e, _f = props.mirrored, mirrored = _f === void 0 ? constants_1.CHECKBOX_GROUP_DEFAULT_MIRRORED : _f, title = props.title, className = props.className, children = props.children, name = props.name, valueProp = props.value, defaultValue = props.defaultValue, onChange = props.onChange, other = tslib_1.__rest(props, ["direction", "size", "as", "variant", "align", "mirrored", "title", "className", "children", "name", "value", "defaultValue", "onChange"]);
+    var _g = tslib_1.__read((0, useControlled_1.useControlled)({
+        value: valueProp,
+        defaultValue: defaultValue,
+        name: 'CheckboxGroup',
+        state: 'value',
+    }), 2), valueState = _g[0], setValueState = _g[1];
+    var handleChange = function (event) {
+        var itemValue = event.currentTarget.value;
+        var value = (valueState === null || valueState === void 0 ? void 0 : valueState.includes(itemValue))
+            ? valueState.filter(function (item) { return item !== itemValue; })
+            : tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read((valueState || [])), false), [itemValue], false);
+        setValueState(value);
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+    };
+    return (react_1.default.createElement(CheckboxGroupContext_1.CheckboxGroupContext.Provider, { value: {
+            value: valueState,
+            onChange: handleChange,
+            name: name,
+            size: size,
+            variant: variant,
+            align: align,
+            mirrored: mirrored,
+        } },
+        react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnCheckboxGroup)({ size: size }, [className]), role: "radiogroup" }, other, { ref: ref }),
+            title && react_1.default.createElement(FormTitle_1.FormTitle, { size: size }, title),
+            react_1.default.createElement(FormGroup_1.FormGroup, { direction: direction, size: size }, children))));
+});
+exports.CheckboxGroup.displayName = 'CheckboxGroup';

package/__inner__/cjs/components/CheckboxGroupNext/CheckboxGroupContext.d.ts

@@ -0,0 +1,13 @@
+import type { ChangeEvent } from 'react';
+import type { CheckboxAlignVariant, CheckboxSizeVariant, CheckboxVariant } from '../CheckboxNext';
+export type CheckboxGroupContextValue = {
+    name: string | undefined;
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    value?: (string | number)[];
+    size?: CheckboxSizeVariant;
+    variant?: CheckboxVariant;
+    align?: CheckboxAlignVariant;
+    mirrored?: boolean;
+};
+export declare const CheckboxGroupContext: import("react").Context<CheckboxGroupContextValue | undefined>;
+export declare const useCheckboxGroupContext: () => CheckboxGroupContextValue | undefined;

package/__inner__/cjs/components/CheckboxGroupNext/CheckboxGroupContext.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCheckboxGroupContext = exports.CheckboxGroupContext = void 0;
+var react_1 = require("react");
+var environment_1 = require("../../constants/environment");
+exports.CheckboxGroupContext = (0, react_1.createContext)(undefined);
+var useCheckboxGroupContext = function () { return (0, react_1.useContext)(exports.CheckboxGroupContext); };
+exports.useCheckboxGroupContext = useCheckboxGroupContext;
+// Именованный провайдер
+if (environment_1.IS_DEV) {
+    exports.CheckboxGroupContext.displayName = 'CheckboxGroupContext';
+}

package/__inner__/cjs/components/CheckboxGroupNext/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const CHECKBOX_GROUP_DEFAULT_DIRECTION = "column";
+export declare const CHECKBOX_GROUP_DEFAULT_SIZE = "m";
+export declare const CHECKBOX_GROUP_DEFAULT_MIRRORED = false;
+export declare const CHECKBOX_GROUP_DEFAULT_ALIGN = "top";
+export declare const CHECKBOX_GROUP_DEFAULT_AS = "div";
+export declare const CHECKBOX_GROUP_DEFAULT_VARIANT = "default";

package/__inner__/cjs/components/CheckboxGroupNext/constants.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CHECKBOX_GROUP_DEFAULT_VARIANT = exports.CHECKBOX_GROUP_DEFAULT_AS = exports.CHECKBOX_GROUP_DEFAULT_ALIGN = exports.CHECKBOX_GROUP_DEFAULT_MIRRORED = exports.CHECKBOX_GROUP_DEFAULT_SIZE = exports.CHECKBOX_GROUP_DEFAULT_DIRECTION = void 0;
+var constants_1 = require("../CheckboxNext/constants");
+exports.CHECKBOX_GROUP_DEFAULT_DIRECTION = 'column';
+exports.CHECKBOX_GROUP_DEFAULT_SIZE = constants_1.CHECKBOX_DEFAULT_SIZE;
+exports.CHECKBOX_GROUP_DEFAULT_MIRRORED = constants_1.CHECKBOX_DEFAULT_MIRRORED;
+exports.CHECKBOX_GROUP_DEFAULT_ALIGN = constants_1.CHECKBOX_DEFAULT_ALIGN;
+exports.CHECKBOX_GROUP_DEFAULT_AS = 'div';
+exports.CHECKBOX_GROUP_DEFAULT_VARIANT = constants_1.CHECKBOX_DEFAULT_VARIANT;

package/__inner__/cjs/components/CheckboxGroupNext/entities/direction.d.ts

@@ -0,0 +1,2 @@
+export declare const checkboxGroupDirection: readonly ["row", "column", "rowReverse", "columnReverse"];
+export type CheckboxGroupDirection = (typeof checkboxGroupDirection)[number];

package/__inner__/cjs/components/CheckboxGroupNext/entities/direction.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkboxGroupDirection = void 0;
+var FormGroup_1 = require("../../FormGroup");
+exports.checkboxGroupDirection = FormGroup_1.formGroupDirectionVariant;

package/__inner__/cjs/components/CheckboxGroupNext/entities/index.d.ts

@@ -0,0 +1,2 @@
+export * from './direction';
+export * from './value';

package/__inner__/cjs/components/CheckboxGroupNext/entities/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./direction"), exports);
+tslib_1.__exportStar(require("./value"), exports);

package/__inner__/cjs/components/CheckboxGroupNext/entities/value.d.ts

@@ -0,0 +1,2 @@
+export type CheckboxGroupValueItem = string | number;
+export type CheckboxGroupValue = CheckboxGroupValueItem[];

package/__inner__/cjs/components/CheckboxGroupNext/entities/value.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/CheckboxGroupNext/index.d.ts

@@ -0,0 +1,4 @@
+export * from './entities';
+export * from './CheckboxGroupContext';
+export * from './CheckboxGroup';
+export * from './types';

package/__inner__/cjs/components/CheckboxGroupNext/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./entities"), exports);
+tslib_1.__exportStar(require("./CheckboxGroupContext"), exports);
+tslib_1.__exportStar(require("./CheckboxGroup"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/CheckboxGroupNext/types.d.ts

@@ -0,0 +1,32 @@
+import type { ElementType, ReactNode } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import type { CheckboxAlignVariant, CheckboxSizeVariant, CheckboxVariant } from '../CheckboxNext';
+import type { CHECKBOX_GROUP_DEFAULT_AS } from './constants';
+import type { CheckboxGroupDirection, CheckboxGroupValue } from './entities';
+export type CheckboxGroupBaseProps = {
+    /** Имя группы радиокнопок (передается всем вложенным радиокнопкам) */
+    name: string;
+    /** Значение по умолчанию (неконтролируемое состояние) */
+    defaultValue?: CheckboxGroupValue;
+    /** Текущее значение */
+    value?: CheckboxGroupValue;
+    /** Заголовок группы */
+    title?: string;
+    /** Размер */
+    size?: CheckboxSizeVariant;
+    /** Вариант отображения */
+    variant?: CheckboxVariant;
+    /** Выравнивание */
+    align?: CheckboxAlignVariant;
+    /** Если `true` делает чекбокс отзеркаленным */
+    mirrored?: boolean;
+    /** Содержимое компонента */
+    children?: ReactNode;
+    /** Направление */
+    direction?: CheckboxGroupDirection;
+    /** Событие изменения состояния */
+    onChange?: (value: CheckboxGroupValue) => void;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+};
+export type CheckboxGroupProps<As extends ElementType = typeof CHECKBOX_GROUP_DEFAULT_AS> = PolymorphicComponentPropsWithoutRef<CheckboxGroupBaseProps, As>;

package/__inner__/cjs/components/CheckboxGroupNext/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });