@ozen-ui/kit 0.66.0 → 0.68.0

package/__inner__/cjs/components/CheckboxNext/Checkbox.css

@@ -0,0 +1,162 @@
+.CheckboxNext {
+  --checkbox-icon-border-color-checked: var(--checkbox-icon-background-color-checked);
+  --checkbox-icon-border-color-hover-checked: var(--checkbox-icon-background-color-hover-checked);
+  --checkbox-icon-border-color-active-checked: var(--checkbox-icon-background-color-active-checked);
+}
+
+  .CheckboxNext_size_l,
+  .CheckboxNext_size_m {
+    --checkbox-size: 20px;
+  }
+
+  .CheckboxNext_size_s,
+  .CheckboxNext_size_xs,
+  .CheckboxNext_size_2xs {
+    --checkbox-size: 16px;
+  }
+
+  .CheckboxNext_variant_default {
+    /* ---- ICON BORDER ---- */
+
+    --checkbox-icon-border-color: var(--color-border-main);
+    --checkbox-icon-border-color-hover: var(--color-border-main-hover);
+    --checkbox-icon-border-color-active: var(--color-border-main-hover);
+
+    /* ---- ICON BACKGROUND ---- */
+
+    --checkbox-icon-background-color: var(--color-background-primary);
+    --checkbox-icon-background-color-checked: var(--color-background-action);
+    --checkbox-icon-background-color-hover: var(--color-background-primary-hover);
+    --checkbox-icon-background-color-hover-checked: var(--color-background-action-hover);
+    --checkbox-icon-background-color-active: var(--color-background-primary-pressed);
+    --checkbox-icon-background-color-active-checked: var(--color-background-action-pressed);
+  }
+
+  .CheckboxNext_variant_error {
+    /* ---- ICON BORDER ---- */
+
+    --checkbox-icon-border-color: var(--color-border-error);
+    --checkbox-icon-border-color-hover: var(--color-border-error);
+    --checkbox-icon-border-color-active: var(--color-border-error);
+
+    /* ---- ICON BACKGROUND ---- */
+
+    --checkbox-icon-background-color: var(--color-background-primary);
+    --checkbox-icon-background-color-checked: var(--color-background-error);
+    --checkbox-icon-background-color-hover: var(--color-background-primary);
+    --checkbox-icon-background-color-hover-checked: var(--color-background-error);
+    --checkbox-icon-background-color-active: var(--color-background-primary);
+    --checkbox-icon-background-color-active-checked: var(--color-background-error);
+  }
+
+  .CheckboxNext_indeterminate, .CheckboxNext_indeterminate.CheckboxNext_disabled {
+    /* ---- ICON BORDER ---- */
+
+    --checkbox-icon-border-color: var(--checkbox-icon-border-color-checked);
+    --checkbox-icon-border-color-hover: var(--checkbox-icon-border-color-hover-checked);
+    --checkbox-icon-border-color-active: var(--checkbox-icon-border-color-active-checked);
+
+    /* ---- ICON BACKGROUND ---- */
+
+    --checkbox-icon-background-color: var(--checkbox-icon-background-color-checked);
+    --checkbox-icon-background-color-hover: var(--checkbox-icon-background-color-hover-checked);
+    --checkbox-icon-background-color-active: var(--checkbox-icon-background-color-active-checked);
+  }
+
+  .CheckboxNext_indeterminate .CheckboxNext-Icon, .CheckboxNext_indeterminate.CheckboxNext_disabled .CheckboxNext-Icon {
+      opacity: 1;
+    }
+
+  .CheckboxNext_disabled {
+    /* ---- ICON BORDER ---- */
+
+    --checkbox-icon-border-color: var(--color-border-disabled);
+    --checkbox-icon-border-color-hover: var(--color-border-disabled);
+    --checkbox-icon-border-color-active: var(--color-border-disabled);
+
+    /* ---- ICON BACKGROUND ---- */
+
+    --checkbox-icon-background-color: var(--color-background-disabled);
+    --checkbox-icon-background-color-checked: var(--color-background-action-active-disabled);
+    --checkbox-icon-background-color-hover: var(--color-background-disabled);
+    --checkbox-icon-background-color-hover-checked: var(--color-background-action-active-disabled);
+    --checkbox-icon-background-color-active: var(--color-background-disabled);
+    --checkbox-icon-background-color-active-checked: var(--color-background-action-active-disabled);
+  }
+
+  .CheckboxNext-Box {
+    position: relative;
+    inline-size: var(--checkbox-size, 20px);
+    block-size: var(--checkbox-size, 20px);
+    border-radius: var(--border-radius-xs);
+    flex-shrink: 0;
+  }
+
+  .CheckboxNext-IconWrapper {
+    inline-size: 100%;
+    block-size: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: inherit;
+    box-sizing: border-box;
+    border: 1px solid var(--checkbox-icon-border-color);
+    background-color: var(--checkbox-icon-background-color);
+    transition: border-color var(--transition-default),
+    background-color var(--transition-default),
+    box-shadow var(--transition-default);
+  }
+
+  .CheckboxNext-Icon {
+    opacity: 0;
+    transition: opacity var(--transition-default);
+    color: var(--color-content-primary-inverse);
+  }
+
+  .CheckboxNext-Input {
+    position: absolute;
+    opacity: 0;
+    margin: 0;
+    inset: 0;
+    inline-size: 100%;
+    block-size: 100%;
+    cursor: pointer;
+    z-index: var(--z-index-absolute);
+  }
+
+  .CheckboxNext-Input:hover:not(:checked, :disabled) + .CheckboxNext-IconWrapper{
+      background-color: var(--checkbox-icon-background-color-hover);
+      border-color: var(--checkbox-icon-border-color-hover);
+    }
+
+  .CheckboxNext-Input:hover:checked:not(:active, :disabled) + .CheckboxNext-IconWrapper {
+      background-color: var(--checkbox-icon-background-color-hover-checked);
+      border-color: var(--checkbox-icon-border-color-hover-checked);
+    }
+
+  .CheckboxNext-Input:active:not(:checked, :disabled) + .CheckboxNext-IconWrapper {
+      background-color: var(--checkbox-icon-background-color-active);
+      border-color: var(--checkbox-icon-border-color-active);
+    }
+
+  .CheckboxNext-Input:active:checked + .CheckboxNext-IconWrapper {
+      background-color: var(--checkbox-icon-background-color-active-checked);
+      border-color: var(--checkbox-icon-border-color-active-checked);
+    }
+
+  .CheckboxNext-Input:focus + .CheckboxNext-IconWrapper {
+      box-shadow: var(--shadow-outline-focused);
+    }
+
+  .CheckboxNext-Input:focus:not(:focus-visible) + .CheckboxNext-IconWrapper {
+      box-shadow: none;
+    }
+
+  .CheckboxNext-Input:checked:not(:hover, :active) + .CheckboxNext-IconWrapper {
+      background-color: var(--checkbox-icon-background-color-checked);
+      border-color: var(--checkbox-icon-border-color-checked);
+    }
+
+  .CheckboxNext-Input:checked + .CheckboxNext-IconWrapper .CheckboxNext-Icon {
+      opacity: 1;
+    }

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

@@ -0,0 +1,5 @@
+import './Checkbox.css';
+import React from 'react';
+import type { CheckboxProps } from './types';
+export declare const cnCheckbox: import("@bem-react/classname").ClassNameFormatter;
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLLabelElement>>;

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

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = exports.cnCheckbox = void 0;
+var tslib_1 = require("tslib");
+require("./Checkbox.css");
+var react_1 = tslib_1.__importStar(require("react"));
+var useThemeProps_1 = require("../../hooks/useThemeProps");
+var classname_1 = require("../../utils/classname");
+var CheckboxGroupNext_1 = require("../CheckboxGroupNext");
+var FormControlCarcass_1 = require("../FormControlCarcass");
+var components_1 = require("./components");
+var constants_1 = require("./constants");
+exports.cnCheckbox = (0, classname_1.cn)('CheckboxNext');
+exports.Checkbox = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'CheckboxNext',
+    });
+    var _a = props.align, alignProp = _a === void 0 ? constants_1.CHECKBOX_DEFAULT_ALIGN : _a, _b = props.size, sizeProp = _b === void 0 ? constants_1.CHECKBOX_DEFAULT_SIZE : _b, _c = props.variant, variantProp = _c === void 0 ? constants_1.CHECKBOX_DEFAULT_VARIANT : _c, _d = props.mirrored, mirroredProp = _d === void 0 ? constants_1.CHECKBOX_DEFAULT_MIRRORED : _d, className = props.className, label = props.label, carcassProps = props.carcassProps, _e = props.disabled, disabled = _e === void 0 ? constants_1.CHECKBOX_DEFAULT_DISABLED : _e, checkedProp = props.checked, inputRef = props.inputRef, indeterminate = props.indeterminate, nameProp = props.name, onChangeProp = props.onChange, hintProps = props.hintProps, hint = props.hint, renderAfter = props.renderAfter, renderAfterProps = props.renderAfterProps, dataTestid = props.dataTestid, other = tslib_1.__rest(props, ["align", "size", "variant", "mirrored", "className", "label", "carcassProps", "disabled", "checked", "inputRef", "indeterminate", "name", "onChange", "hintProps", "hint", "renderAfter", "renderAfterProps", "dataTestid"]);
+    var checked = checkedProp;
+    var name = nameProp;
+    var size = sizeProp;
+    var variant = variantProp;
+    var align = alignProp;
+    var mirrored = mirroredProp;
+    var checkboxGroupContext = (0, CheckboxGroupNext_1.useCheckboxGroupContext)();
+    if (checkboxGroupContext) {
+        if (checked === undefined && checkboxGroupContext.value) {
+            checked = checkboxGroupContext === null || checkboxGroupContext === void 0 ? void 0 : checkboxGroupContext.value.includes(other === null || other === void 0 ? void 0 : other.value);
+        }
+        if (name === undefined && checkboxGroupContext.name) {
+            name = checkboxGroupContext.name;
+        }
+        if (inProps.size === undefined && checkboxGroupContext.size) {
+            size = checkboxGroupContext.size;
+        }
+        if (inProps.variant === undefined && checkboxGroupContext.variant) {
+            variant = checkboxGroupContext.variant;
+        }
+        if (inProps.align === undefined && checkboxGroupContext.align) {
+            align = checkboxGroupContext.align;
+        }
+        if (inProps.mirrored === undefined && checkboxGroupContext.mirrored) {
+            mirrored = checkboxGroupContext.mirrored;
+        }
+    }
+    var onChange = function (event) {
+        onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(event);
+        checkboxGroupContext === null || checkboxGroupContext === void 0 ? void 0 : checkboxGroupContext.onChange(event);
+    };
+    return (react_1.default.createElement(FormControlCarcass_1.FormControlCarcass, tslib_1.__assign({}, carcassProps, { ref: ref, size: size, variant: variant, align: align, mirrored: mirrored, hint: hint, label: label, hintProps: hintProps, disabled: disabled, className: (0, exports.cnCheckbox)({
+            indeterminate: indeterminate,
+            disabled: disabled,
+            variant: variant,
+            mirrored: mirrored,
+            size: size,
+        }, [className]), controlProps: {
+            className: (0, exports.cnCheckbox)('Box'),
+        }, renderAfter: renderAfter, renderAfterProps: renderAfterProps, "data-testid": dataTestid }),
+        react_1.default.createElement("input", tslib_1.__assign({ type: "checkbox", className: (0, exports.cnCheckbox)('Input'), disabled: disabled, checked: checked, onChange: onChange, name: name }, other, { ref: inputRef })),
+        react_1.default.createElement("span", { className: (0, exports.cnCheckbox)('IconWrapper') },
+            react_1.default.createElement(components_1.CheckboxCheckIcon, { indeterminate: indeterminate, className: (0, exports.cnCheckbox)('Icon') }))));
+});
+exports.Checkbox.displayName = 'Checkbox';

package/__inner__/cjs/components/CheckboxNext/components/CheckboxCheckIcon/CheckboxCheckIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { CheckboxIconProps } from './types';
+export declare const CheckboxCheckIcon: React.ForwardRefExoticComponent<Omit<CheckboxIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/__inner__/cjs/components/CheckboxNext/components/CheckboxCheckIcon/CheckboxCheckIcon.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxCheckIcon = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var CheckIcon_1 = require("./icons/CheckIcon");
+var IndeterminateCheckIcon_1 = require("./icons/IndeterminateCheckIcon");
+exports.CheckboxCheckIcon = (0, react_1.forwardRef)(function (_a, ref) {
+    var indeterminate = _a.indeterminate, otherProps = tslib_1.__rest(_a, ["indeterminate"]);
+    return indeterminate ? (react_1.default.createElement(IndeterminateCheckIcon_1.IndeterminateCheckIcon, tslib_1.__assign({ ref: ref }, otherProps))) : (react_1.default.createElement(CheckIcon_1.CheckIcon, tslib_1.__assign({ ref: ref }, otherProps)));
+});
+exports.CheckboxCheckIcon.displayName = 'CheckboxCheckIcon';

package/__inner__/cjs/components/CheckboxNext/components/CheckboxCheckIcon/icons/CheckIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CheckIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/__inner__/cjs/components/CheckboxNext/components/CheckboxCheckIcon/icons/CheckIcon.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckIcon = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+exports.CheckIcon = (0, react_1.forwardRef)(function (props, ref) { return (react_1.default.createElement("svg", tslib_1.__assign({ width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref }),
+    react_1.default.createElement("path", { d: "M3.31479 8.85849L0.132955 5.44128C-0.0443184 5.25327 -0.0443184 4.94725 0.132955 4.75723L0.775686 4.07419C0.95296 3.88618 1.24114 3.88618 1.41842 4.07419L3.63661 6.46634L8.58118 1.14101C8.75846 0.952997 9.04664 0.952997 9.22391 1.14101L9.86664 1.82505C10.0439 2.01306 10.0439 2.32008 9.86664 2.50709L3.95752 8.85849C3.78025 9.0465 3.49206 9.0465 3.31479 8.85849Z", fill: "currentColor" }))); });
+exports.CheckIcon.displayName = 'CheckIcon';

package/__inner__/cjs/components/CheckboxNext/components/CheckboxCheckIcon/icons/IndeterminateCheckIcon.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+import React from 'react';
+export declare const IndeterminateCheckIcon: React.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/__inner__/cjs/components/CheckboxNext/components/CheckboxCheckIcon/icons/IndeterminateCheckIcon.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IndeterminateCheckIcon = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+exports.IndeterminateCheckIcon = (0, react_1.forwardRef)(function (props, ref) { return (react_1.default.createElement("svg", tslib_1.__assign({ width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref }),
+    react_1.default.createElement("path", { d: "M0 4.5C0 4.22386 0.223858 4 0.5 4H9.5C9.77614 4 10 4.22386 10 4.5V5.5C10 5.77614 9.77614 6 9.5 6H0.5C0.223858 6 0 5.77614 0 5.5V4.5Z", fill: "currentColor" }))); });
+exports.IndeterminateCheckIcon.displayName = 'IndeterminateCheckIcon';

package/__inner__/cjs/components/CheckboxNext/components/CheckboxCheckIcon/icons/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CheckIcon';
+export * from './IndeterminateCheckIcon';

package/__inner__/cjs/components/CheckboxNext/components/CheckboxCheckIcon/icons/index.js

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

package/__inner__/cjs/components/CheckboxNext/components/CheckboxCheckIcon/index.d.ts

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

package/__inner__/cjs/components/CheckboxNext/components/CheckboxCheckIcon/index.js

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

package/__inner__/cjs/components/CheckboxNext/components/CheckboxCheckIcon/types.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export type CheckboxIconRef = ComponentRef<'svg'>;
+export type CheckboxIconProps = ExtendableComponentPropsWithRef<{
+    indeterminate?: boolean;
+}, 'svg'>;

package/__inner__/cjs/components/CheckboxNext/components/CheckboxCheckIcon/types.js

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+export declare const CHECKBOX_DEFAULT_ALIGN = "top";
+export declare const CHECKBOX_DEFAULT_SIZE = "m";
+export declare const CHECKBOX_DEFAULT_VARIANT = "default";
+export declare const CHECKBOX_DEFAULT_MIRRORED = false;
+export declare const CHECKBOX_DEFAULT_DISABLED = false;

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CHECKBOX_DEFAULT_DISABLED = exports.CHECKBOX_DEFAULT_MIRRORED = exports.CHECKBOX_DEFAULT_VARIANT = exports.CHECKBOX_DEFAULT_SIZE = exports.CHECKBOX_DEFAULT_ALIGN = void 0;
+exports.CHECKBOX_DEFAULT_ALIGN = 'top';
+exports.CHECKBOX_DEFAULT_SIZE = 'm';
+exports.CHECKBOX_DEFAULT_VARIANT = 'default';
+exports.CHECKBOX_DEFAULT_MIRRORED = false;
+exports.CHECKBOX_DEFAULT_DISABLED = false;

package/__inner__/cjs/components/CheckboxNext/entities/align.d.ts

@@ -0,0 +1,2 @@
+export declare const checkboxAlignVariant: readonly ["top", "bottom", "center"];
+export type CheckboxAlignVariant = (typeof checkboxAlignVariant)[number];

package/__inner__/cjs/components/CheckboxNext/entities/align.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkboxAlignVariant = void 0;
+var FormControlCarcass_1 = require("../../FormControlCarcass");
+exports.checkboxAlignVariant = FormControlCarcass_1.formControlCarcassAlignVariant;

package/__inner__/cjs/components/CheckboxNext/entities/hintProps.d.ts

@@ -0,0 +1,3 @@
+import type { FormControlCarcassHintProps, FormControlCarcassHintRef } from '../../FormControlCarcass';
+export type CheckboxHintRef = FormControlCarcassHintRef;
+export type CheckboxHintProps = FormControlCarcassHintProps;

package/__inner__/cjs/components/CheckboxNext/entities/hintProps.js

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

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

@@ -0,0 +1,5 @@
+export * from './align';
+export * from './hintProps';
+export * from './renderAfter';
+export * from './size';
+export * from './variant';

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./align"), exports);
+tslib_1.__exportStar(require("./hintProps"), exports);
+tslib_1.__exportStar(require("./renderAfter"), exports);
+tslib_1.__exportStar(require("./size"), exports);
+tslib_1.__exportStar(require("./variant"), exports);

package/__inner__/cjs/components/CheckboxNext/entities/renderAfter.d.ts

@@ -0,0 +1,4 @@
+import type { FormControlCarcassRenderAfter, FormControlCarcassRenderAfterProps, FormControlCarcassRenderAfterRef } from '../../FormControlCarcass';
+export type CheckboxRenderAfter = FormControlCarcassRenderAfter;
+export type CheckboxRenderAfterRef = FormControlCarcassRenderAfterRef;
+export type CheckboxRenderAfterProps = FormControlCarcassRenderAfterProps;

package/__inner__/cjs/components/CheckboxNext/entities/renderAfter.js

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

package/__inner__/cjs/components/CheckboxNext/entities/size.d.ts

@@ -0,0 +1,2 @@
+export declare const checkboxSizeVariant: readonly ["2xs", "xs", "s", "m", "l"];
+export type CheckboxSizeVariant = (typeof checkboxSizeVariant)[number];

package/__inner__/cjs/components/CheckboxNext/entities/size.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkboxSizeVariant = void 0;
+var FormControlCarcass_1 = require("../../FormControlCarcass");
+exports.checkboxSizeVariant = FormControlCarcass_1.formControlCarcassSizeVariant;

package/__inner__/cjs/components/CheckboxNext/entities/variant.d.ts

@@ -0,0 +1,2 @@
+export declare const checkboxVariant: readonly ["default", "error"];
+export type CheckboxVariant = (typeof checkboxVariant)[number];

package/__inner__/cjs/components/CheckboxNext/entities/variant.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkboxVariant = void 0;
+var FormControlCarcass_1 = require("../../FormControlCarcass");
+exports.checkboxVariant = FormControlCarcass_1.formControlCarcassVariant;

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

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

package/__inner__/cjs/components/CheckboxNext/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("./modules"), exports);
+tslib_1.__exportStar(require("./Checkbox"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/CheckboxNext/modules/CheckboxIcon/CheckboxIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const cnCheckboxIcon: import("@bem-react/classname").ClassNameFormatter;
+export declare const CheckboxIcon: React.ForwardRefExoticComponent<Omit<import("../../../FormControlCarcass").FormControlCarcassIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/__inner__/cjs/components/CheckboxNext/modules/CheckboxIcon/CheckboxIcon.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxIcon = exports.cnCheckboxIcon = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var classname_1 = require("../../../../utils/classname");
+var FormControlCarcass_1 = require("../../../FormControlCarcass");
+exports.cnCheckboxIcon = (0, classname_1.cn)('CheckboxNextIcon');
+exports.CheckboxIcon = (0, react_1.forwardRef)(function (_a, ref) {
+    var icon = _a.icon, className = _a.className, other = tslib_1.__rest(_a, ["icon", "className"]);
+    return (react_1.default.createElement(FormControlCarcass_1.FormControlCarcassIcon, tslib_1.__assign({}, other, { ref: ref, icon: icon, className: (0, exports.cnCheckboxIcon)('', [className]) })));
+});
+exports.CheckboxIcon.displayName = 'CheckboxIcon';

package/__inner__/cjs/components/CheckboxNext/modules/CheckboxIcon/index.d.ts

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

package/__inner__/cjs/components/CheckboxNext/modules/CheckboxIcon/index.js

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

package/__inner__/cjs/components/CheckboxNext/modules/CheckboxIcon/types.d.ts

@@ -0,0 +1,4 @@
+import type { FormControlCarcassIconIcon, FormControlCarcassIconProps, FormControlCarcassIconRef } from '../../../FormControlCarcass';
+export type CheckboxIconIcon = FormControlCarcassIconIcon;
+export type CheckboxIconRef = FormControlCarcassIconRef;
+export type CheckboxIconProps = FormControlCarcassIconProps;

package/__inner__/cjs/components/CheckboxNext/modules/CheckboxIcon/types.js

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

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

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

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

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

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

@@ -0,0 +1,42 @@
+import type { ComponentRef, ReactNode, Ref } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
+import type { FormControlCarcassProps } from '../FormControlCarcass';
+import type { CheckboxHintProps, CheckboxRenderAfter, CheckboxAlignVariant, CheckboxSizeVariant, CheckboxVariant, CheckboxRenderAfterProps } from './entities';
+export type CheckboxRef = ComponentRef<'label'>;
+export type CheckboxProps = ExtendableComponentPropsWithRef<{
+    /** Размер */
+    size?: CheckboxSizeVariant;
+    /** Если `true` делает элемент неактивным */
+    disabled?: boolean;
+    /** Если `true` делает элемент выбранным */
+    checked?: boolean;
+    /** Если `true` отображает компонент как частично выбранный */
+    indeterminate?: boolean;
+    /** Выравнивание */
+    align?: CheckboxAlignVariant;
+    /** Лейбл */
+    label?: ReactNode;
+    /** Если `true` делает чекбокс отзеркаленным */
+    mirrored?: boolean;
+    /** Вариант отображения */
+    variant?: CheckboxVariant;
+    /** Свойства каркаса */
+    carcassProps?: Omit<FormControlCarcassProps, 'size' | 'variant' | 'align' | 'mirrored' | 'hint' | 'label' | 'hintProps' | 'disabled' | 'className' | 'controlProps' | 'renderAfter' | 'renderAfterProps' | 'data-testid'>;
+    /** Дополнительное описание к полю */
+    hint?: string | null;
+    /** Props для дополнительного описания к полю */
+    hintProps?: Omit<CheckboxHintProps, 'children'>;
+    /** Компонент, который отображается после чекбокса */
+    renderAfter?: CheckboxRenderAfter;
+    /** Props для компонента, который отображается после чекбокса */
+    renderAfterProps?: CheckboxRenderAfterProps;
+    /** Ссылка на корневой DOM-элемент компонента */
+    ref?: Ref<HTMLLabelElement>;
+    /** Ссылка на input-элемент в компоненте */
+    inputRef?: Ref<HTMLInputElement>;
+    /** Кастомный класс */
+    className?: string;
+    children?: never;
+    /** Идентификатор компонента для тестов */
+    dataTestid?: string;
+}, 'input'>;

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

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

package/__inner__/cjs/components/Collapse/Collapse.js

@@ -8,8 +8,8 @@ var react_transition_group_1 = require("react-transition-group");
 var useMultiRef_1 = require("../../hooks/useMultiRef");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
-var isNumber_1 = require("../../utils/isNumber");
 var isString_1 = require("../../utils/isString");
+var number_1 = require("../../utils/number");
 var constants_1 = require("./constants");
 exports.cnCollapse = (0, classname_1.cn)('Collapse');
 exports.Collapse = (0, react_1.forwardRef)(function (inProps, ref) {
@@ -21,7 +21,7 @@ exports.Collapse = (0, react_1.forwardRef)(function (inProps, ref) {
     var collapseRef = (0, useMultiRef_1.useMultiRef)([ref, rootRef]);
     var collapsedSize = (0, react_1.useMemo)(function () {
         if (!collapsedSizeProp ||
-            (!(0, isString_1.isString)(collapsedSizeProp) && !(0, isNumber_1.isNumber)(collapsedSizeProp))) {
+            (!(0, isString_1.isString)(collapsedSizeProp) && !(0, number_1.isNumber)(collapsedSizeProp))) {
             return '0px';
         }
         return (0, isString_1.isString)(collapsedSizeProp)

package/__inner__/cjs/components/DataList/components/DataListOption/DataListOption.js

@@ -5,8 +5,8 @@ var tslib_1 = require("tslib");
 require("./DataListOption.css");
 var react_1 = tslib_1.__importStar(require("react"));
 var classname_1 = require("../../../../utils/classname");
-var isNumber_1 = require("../../../../utils/isNumber");
 var isString_1 = require("../../../../utils/isString");
+var number_1 = require("../../../../utils/number");
 var List_1 = require("../../../List");
 var constants_1 = require("../../constants");
 var DataListContent_1 = require("../DataListContent");
@@ -14,7 +14,7 @@ exports.cnDataListOption = (0, classname_1.cn)('DataListOption');
 exports.DataListOption = (0, react_1.forwardRef)(function (_a, ref) {
     var _b = _a.disabled, disabled = _b === void 0 ? constants_1.DATA_LIST_OPTION_DEFAULT_DISABLED : _b, value = _a.value, label = _a.label, children = _a.children, className = _a.className, selected = _a.selected, focused = _a.focused, other = tslib_1.__rest(_a, ["disabled", "value", "label", "children", "className", "selected", "focused"]);
     var renderChildren = function () {
-        if ((0, isString_1.isString)(children) || (0, isNumber_1.isNumber)(children)) {
+        if ((0, isString_1.isString)(children) || (0, number_1.isNumber)(children)) {
             return react_1.default.createElement(DataListContent_1.DataListContent, { label: children, selected: selected });
         }
         if (label && !children) {

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

@@ -1,6 +1,9 @@
 import './Dialog.css';
 import React from 'react';
 export declare const cnDialog: import("@bem-react/classname").ClassNameFormatter;
+/**
+ * @deprecated Компонент устарел. Для замены используйте компонент DialogNext
+ */
 export declare const Dialog: React.ForwardRefExoticComponent<{
     size?: import("./types").DialogSizeVariant;
     variant?: import("./types").DialogVariant;

package/__inner__/cjs/components/Dialog/Dialog.js

@@ -12,6 +12,9 @@ var Modal_1 = require("../Modal");
 var constants_1 = require("./constants");
 var utils_1 = require("./utils");
 exports.cnDialog = (0, classname_1.cn)('Dialog');
+/**
+ * @deprecated Компонент устарел. Для замены используйте компонент DialogNext
+ */
 exports.Dialog = (0, react_1.forwardRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,

package/__inner__/{esm/components/Dialog/components → cjs/components/Dialog/components/DialogBody}/DialogBody.d.ts

@@ -1,7 +1,7 @@
-import '../Dialog.css';
+import '../../Dialog.css';
 import React from 'react';
 import type { ReactNode, ComponentRef } from 'react';
-import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export type DialogBodyRef = ComponentRef<'div'>;
 export type DialogBodyProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/cjs/components/Dialog/components/{DialogBody.js → DialogBody/DialogBody.js}

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogBody = void 0;
 var tslib_1 = require("tslib");
-require("../Dialog.css");
+require("../../Dialog.css");
 var react_1 = tslib_1.__importStar(require("react"));
-var Dialog_1 = require("../Dialog");
+var Dialog_1 = require("../../Dialog");
 exports.DialogBody = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = tslib_1.__rest(_a, ["children", "className"]);
     return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, Dialog_1.cnDialog)('Body', [className]) }, restProps, { ref: ref }), children));

package/__inner__/cjs/components/Dialog/components/DialogBody/index.d.ts

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