@ozen-ui/kit 0.66.0 → 0.68.0

package/__inner__/cjs/components/Title/modules/TitleIconButton/presets/TitleBackIconButton/constants.d.ts

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

package/__inner__/cjs/components/Title/modules/TitleIconButton/presets/TitleBackIconButton/constants.js

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

package/__inner__/cjs/components/Title/modules/TitleIconButton/presets/TitleBackIconButton/index.d.ts

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

package/__inner__/cjs/components/Title/modules/TitleIconButton/presets/TitleBackIconButton/index.js

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

package/__inner__/cjs/components/Title/modules/TitleIconButton/presets/TitleBackIconButton/types.d.ts

@@ -0,0 +1,6 @@
+import type { ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../../../../../utils/polymorphicComponentWithRef';
+import type { TitleIconButtonBaseProps } from '../../types';
+import type { TITLE_BACK_ICON_BUTTON_DEFAULT_TAG } from './constants';
+export type TitleBackIconButtonBaseProps = Omit<TitleIconButtonBaseProps, 'icon'>;
+export type TitleBackIconButtonProps<As extends ElementType = typeof TITLE_BACK_ICON_BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<TitleBackIconButtonBaseProps, As>;

package/__inner__/cjs/components/Title/modules/TitleIconButton/presets/TitleBackIconButton/types.js

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

package/__inner__/cjs/components/Title/modules/TitleIconButton/presets/index.d.ts

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

package/__inner__/cjs/components/Title/modules/TitleIconButton/presets/index.js

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

package/__inner__/cjs/components/Title/modules/TitleIconButton/types.js

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

package/__inner__/cjs/components/Title/modules/{tag → TitleTag}/TitleTag.d.ts

@@ -1,3 +1,3 @@
-import type { TitleTagBaseProps } from '../../../Title/modules/tag/types';
+import type { TitleTagBaseProps } from './types';
 export declare const cnTitleTag: import("@bem-react/classname").ClassNameFormatter;
 export declare const TitleTag: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TitleTagBaseProps, "div">;

package/__inner__/cjs/components/Title/modules/{tag → TitleTag}/TitleTag.js

@@ -6,6 +6,6 @@ var react_1 = tslib_1.__importDefault(require("react"));
 var classname_1 = require("../../../../utils/classname");
 var polymorphicComponentWithRef_1 = require("../../../../utils/polymorphicComponentWithRef");
 var TagNext_1 = require("../../../TagNext");
-var constants_1 = require("../../../Title/modules/tag/constants");
+var constants_1 = require("./constants");
 exports.cnTitleTag = (0, classname_1.cn)('TitleTag');
 exports.TitleTag = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (props, ref) { return (react_1.default.createElement(TagNext_1.Tag, tslib_1.__assign({ as: constants_1.TITLE_TAG_DEFAULT_TAG }, props, { ref: ref, size: "xs", variant: "primary", color: "uncolored", className: (0, exports.cnTitleTag)('', [props.className]) }))); });

package/__inner__/cjs/components/Title/modules/TitleTag/types.js

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

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

@@ -1,2 +1,4 @@
-export * from './icon-button';
-export * from './tag';
+export * from './TitleBreadcrumbItem';
+export * from './TitleBreadcrumbs';
+export * from './TitleIconButton';
+export * from './TitleTag';

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

@@ -1,5 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./icon-button"), exports);
-tslib_1.__exportStar(require("./tag"), exports);
+tslib_1.__exportStar(require("./TitleBreadcrumbItem"), exports);
+tslib_1.__exportStar(require("./TitleBreadcrumbs"), exports);
+tslib_1.__exportStar(require("./TitleIconButton"), exports);
+tslib_1.__exportStar(require("./TitleTag"), exports);

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

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

package/__inner__/cjs/components/Toggle/Toggle.js

@@ -8,6 +8,9 @@ var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var FormControlLabel_1 = require("../FormControlLabel");
 exports.cnToggle = (0, classname_1.cn)('Toggle');
+/**
+ * @deprecated Компонент устарел. Для замены используйте компонент ToggleNext
+ */
 exports.Toggle = (0, react_1.forwardRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,

package/__inner__/cjs/components/ToggleNext/Toggle.css

@@ -0,0 +1,131 @@
+.ToggleNext {
+  --toggle-ball-translate-x: var(--toggle-switch-ball-padding);
+}
+
+  .ToggleNext_size_s,
+  .ToggleNext_size_xs,
+  .ToggleNext_size_2xs {
+    --toggle-switch-inline-size: 30px;
+    --toggle-switch-block-size: 16px;
+    --toggle-switch-border-radius: 30px;
+    --toggle-switch-ball-size: 14px;
+    --toggle-switch-ball-padding: 1px;
+  }
+
+  .ToggleNext_size_m,
+  .ToggleNext_size_l {
+    --toggle-switch-inline-size: 44px;
+    --toggle-switch-block-size: 24px;
+    --toggle-switch-border-radius: 44px;
+    --toggle-switch-ball-size: 20px;
+    --toggle-switch-ball-padding: 2px;
+  }
+
+  .ToggleNext_size_m {
+    --form-control-carcass-control-block-padding: 0;
+  }
+
+  .ToggleNext_size_l {
+    --form-control-carcass-control-block-padding: var(--spacing-4xs);
+  }
+
+  .ToggleNext_variant_default {
+    --toggle-background-color: var(--color-background-tertiary);
+    --toggle-background-color-checked: var(--color-background-action);
+    --toggle-background-color-hover: var(--color-background-tertiary-hover);
+    --toggle-background-color-hover-checked: var(--color-background-action-hover);
+    --toggle-background-color-active: var(--color-background-tertiary-pressed);
+    --toggle-background-color-active-checked: var(--color-background-action-pressed);
+  }
+
+  .ToggleNext_variant_error {
+    --toggle-background-color: var(--color-background-error-light);
+    --toggle-background-color-checked: var(--color-background-error);
+    --toggle-background-color-hover: var(--color-background-error-light);
+    --toggle-background-color-hover-checked: var(--color-background-error);
+    --toggle-background-color-active: var(--color-background-error-light);
+    --toggle-background-color-active-checked: var(--color-background-error);
+  }
+
+  .ToggleNext_disabled {
+    pointer-events: none;
+  }
+
+  .ToggleNext_disabled .ToggleNext-Switch {
+      background-color: var(--color-background-disabled);
+    }
+
+  .ToggleNext_disabled .ToggleNext-Input:checked + .ToggleNext-Switch {
+      background-color: var(--color-background-action-active-disabled);
+    }
+
+  .ToggleNext-Box {
+    display: inline-flex;
+    position: relative;
+  }
+
+  .ToggleNext-Input {
+    position: absolute;
+    margin: 0;
+    opacity: 0;
+    inset-inline-start: 0;
+    inset-block-start: 0;
+    inline-size: 100%;
+    block-size: 100%;
+    cursor: pointer;
+    z-index: var(--z-index-absolute);
+  }
+
+  .ToggleNext-Input:hover:not(:disabled) + .ToggleNext-Switch {
+      background-color: var(--toggle-background-color-hover);
+    }
+
+  .ToggleNext-Input:hover:checked + .ToggleNext-Switch {
+      background-color: var(--toggle-background-color-hover-checked);
+    }
+
+  .ToggleNext-Input:active:not(:disabled) + .ToggleNext-Switch {
+      background-color: var(--toggle-background-color-active);
+    }
+
+  .ToggleNext-Input:active:checked + .ToggleNext-Switch {
+      background-color: var(--toggle-background-color-active-checked);
+    }
+
+  .ToggleNext-Input:checked + .ToggleNext-Switch {
+      --toggle-ball-translate-x: calc(var(--toggle-switch-inline-size) - var(--toggle-switch-ball-size) - var(--toggle-switch-ball-padding));
+      background-color: var(--toggle-background-color-checked);
+    }
+
+  .ToggleNext-Input:focus + .ToggleNext-Switch {
+      box-shadow: var(--shadow-outline-focused);
+    }
+
+  .ToggleNext-Input:focus:not(:focus-visible) + .ToggleNext-Switch {
+      box-shadow: 0 1px 1px 0 rgb(0 0 0 / 16%) inset;
+    }
+
+  .ToggleNext-Switch {
+    position: relative;
+    cursor: pointer;
+    flex-shrink: 0;
+    inline-size: var(--toggle-switch-inline-size);
+    block-size: var(--toggle-switch-block-size);
+    border-radius: calc(var(--toggle-switch-border-radius) / 2);
+    background-color: var(--toggle-background-color);
+    transition: var(--transition-default);
+    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 16%) inset;
+  }
+
+  .ToggleNext-Switch::before {
+      position: absolute;
+      content: '';
+      background-color: var(--color-background-main);
+      block-size: var(--toggle-switch-ball-size);
+      inline-size: var(--toggle-switch-ball-size);
+      box-shadow: 0 1px 1px 0 rgb(0 0 0 / 16%);
+      transition: var(--transition-default);
+      border-radius: 50%;
+      inset-block-start: 50%;
+      transform: translate(var(--toggle-ball-translate-x), -50%);
+    }

package/__inner__/cjs/components/ToggleNext/Toggle.d.ts

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

package/__inner__/cjs/components/ToggleNext/Toggle.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toggle = exports.cnToggle = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var useThemeProps_1 = require("../../hooks/useThemeProps");
+var classname_1 = require("../../utils/classname");
+var FormControlCarcass_1 = require("../FormControlCarcass");
+var constants_1 = require("./constants");
+require("./Toggle.css");
+exports.cnToggle = (0, classname_1.cn)('ToggleNext');
+exports.Toggle = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'ToggleNext',
+    });
+    var _a = props.align, align = _a === void 0 ? constants_1.TOGGLE_DEFAULT_ALIGN : _a, _b = props.mirrored, mirrored = _b === void 0 ? constants_1.TOGGLE_DEFAULT_MIRRORED : _b, _c = props.size, size = _c === void 0 ? constants_1.TOGGLE_DEFAULT_SIZE : _c, _d = props.variant, variant = _d === void 0 ? constants_1.TOGGLE_DEFAULT_VARIANT : _d, className = props.className, label = props.label, carcassProps = props.carcassProps, hintProps = props.hintProps, renderAfter = props.renderAfter, renderAfterProps = props.renderAfterProps, _e = props.disabled, disabled = _e === void 0 ? constants_1.TOGGLE_DEFAULT_DISABLED : _e, hint = props.hint, checked = props.checked, inputRef = props.inputRef, dataTestid = props.dataTestid, other = tslib_1.__rest(props, ["align", "mirrored", "size", "variant", "className", "label", "carcassProps", "hintProps", "renderAfter", "renderAfterProps", "disabled", "hint", "checked", "inputRef", "dataTestid"]);
+    return (react_1.default.createElement(FormControlCarcass_1.FormControlCarcass, tslib_1.__assign({}, carcassProps, { ref: ref, size: size, align: align, mirrored: !mirrored, hint: hint, label: label, hintProps: hintProps, disabled: disabled, className: (0, exports.cnToggle)({
+            disabled: disabled,
+            mirrored: mirrored,
+            variant: variant,
+            size: size,
+        }, [className]), variant: variant, controlProps: {
+            className: (0, exports.cnToggle)('Box'),
+        }, renderAfter: renderAfter, renderAfterProps: renderAfterProps, "data-testid": dataTestid }),
+        react_1.default.createElement("input", tslib_1.__assign({ type: "checkbox", className: (0, exports.cnToggle)('Input'), disabled: disabled, checked: checked }, other, { ref: inputRef })),
+        react_1.default.createElement("span", { className: (0, exports.cnToggle)('Switch') })));
+});
+exports.Toggle.displayName = 'Toggle';

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

@@ -0,0 +1,5 @@
+export declare const TOGGLE_DEFAULT_ALIGN = "top";
+export declare const TOGGLE_DEFAULT_SIZE = "m";
+export declare const TOGGLE_DEFAULT_VARIANT = "default";
+export declare const TOGGLE_DEFAULT_MIRRORED = false;
+export declare const TOGGLE_DEFAULT_DISABLED = false;

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TOGGLE_DEFAULT_DISABLED = exports.TOGGLE_DEFAULT_MIRRORED = exports.TOGGLE_DEFAULT_VARIANT = exports.TOGGLE_DEFAULT_SIZE = exports.TOGGLE_DEFAULT_ALIGN = void 0;
+exports.TOGGLE_DEFAULT_ALIGN = 'top';
+exports.TOGGLE_DEFAULT_SIZE = 'm';
+exports.TOGGLE_DEFAULT_VARIANT = 'default';
+exports.TOGGLE_DEFAULT_MIRRORED = false;
+exports.TOGGLE_DEFAULT_DISABLED = false;

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

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

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

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

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

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

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

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

package/__inner__/cjs/components/ToggleNext/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/ToggleNext/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/ToggleNext/entities/renderAfter.d.ts

@@ -0,0 +1,4 @@
+import type { FormControlCarcassRenderAfter, FormControlCarcassRenderAfterProps, FormControlCarcassRenderAfterRef } from '../../FormControlCarcass';
+export type ToggleRenderAfter = FormControlCarcassRenderAfter;
+export type ToggleRenderAfterRef = FormControlCarcassRenderAfterRef;
+export type ToggleRenderAfterProps = FormControlCarcassRenderAfterProps;

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

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

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

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

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

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

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

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

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

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

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

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

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

package/__inner__/cjs/components/ToggleNext/modules/ToggleIcon/ToggleIcon.d.ts

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

package/__inner__/cjs/components/ToggleNext/modules/ToggleIcon/ToggleIcon.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleIcon = exports.cnToggleIcon = 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.cnToggleIcon = (0, classname_1.cn)('ToggleNextIcon');
+exports.ToggleIcon = (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.cnToggleIcon)('', [className]) })));
+});
+exports.ToggleIcon.displayName = 'ToggleIcon';

package/__inner__/cjs/components/ToggleNext/modules/ToggleIcon/index.d.ts

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

package/__inner__/cjs/components/ToggleNext/modules/ToggleIcon/index.js

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

package/__inner__/cjs/components/ToggleNext/modules/ToggleIcon/types.d.ts

@@ -0,0 +1,4 @@
+import type { FormControlCarcassIconIcon, FormControlCarcassIconProps, FormControlCarcassIconRef } from '../../../FormControlCarcass';
+export type ToggleIconIcon = FormControlCarcassIconIcon;
+export type ToggleIconRef = FormControlCarcassIconRef;
+export type ToggleIconProps = FormControlCarcassIconProps;

package/__inner__/cjs/components/ToggleNext/modules/ToggleIcon/types.js

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

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

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

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

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

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

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

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

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

package/__inner__/cjs/hooks/useCreateResizeObserver/index.d.ts

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

package/__inner__/cjs/hooks/useCreateResizeObserver/index.js

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

package/__inner__/cjs/hooks/useCreateResizeObserver/types.d.ts

@@ -0,0 +1 @@
+export type UseCreateResizeObserverOnChange = (entries: ResizeObserverEntry[]) => void;

package/__inner__/cjs/hooks/useCreateResizeObserver/types.js

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

package/__inner__/cjs/hooks/useCreateResizeObserver/useCreateResizeObserver.d.ts

@@ -0,0 +1,2 @@
+import type { UseCreateResizeObserverOnChange } from './types';
+export declare function useCreateResizeObserver(onChange?: UseCreateResizeObserverOnChange): ResizeObserver | null;

package/__inner__/cjs/hooks/useCreateResizeObserver/useCreateResizeObserver.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCreateResizeObserver = useCreateResizeObserver;
+var react_1 = require("react");
+var useStoredValue_1 = require("../useStoredValue");
+function useCreateResizeObserver(onChange) {
+    var frameID = (0, useStoredValue_1.useStoredValue)(0);
+    var onChangeStored = (0, useStoredValue_1.useStoredValue)(function () { return onChange; });
+    onChangeStored.current = onChange;
+    var observer = (0, react_1.useMemo)(function () {
+        return typeof window !== 'undefined' && typeof ResizeObserver !== 'undefined'
+            ? new ResizeObserver(function (entries) {
+                cancelAnimationFrame(frameID.current);
+                frameID.current = requestAnimationFrame(function () {
+                    var _a;
+                    (_a = onChangeStored.current) === null || _a === void 0 ? void 0 : _a.call(onChangeStored, entries);
+                });
+            })
+            : null;
+    }, []);
+    (0, react_1.useEffect)(function () { return function () {
+        observer === null || observer === void 0 ? void 0 : observer.disconnect();
+        if (frameID.current) {
+            cancelAnimationFrame(frameID.current);
+        }
+    }; }, []);
+    return observer;
+}

package/__inner__/cjs/hooks/useMultipleResizeObserver/index.d.ts

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

package/__inner__/cjs/hooks/useMultipleResizeObserver/index.js

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

package/__inner__/cjs/hooks/useMultipleResizeObserver/types.d.ts

@@ -0,0 +1,7 @@
+export type UseMultipleResizeObserverElements = (HTMLElement | null)[];
+/**
+ * @param isForce - При переданном `true` будет делать переподключение,
+ * даже если все переданные компоненты уже подключены
+ */
+export type UseMultipleResizeObserverReconnect = (isForce?: boolean) => void;
+export type UseMultipleResizeObserverOnChange = (entries: ResizeObserverEntry[]) => void;

package/__inner__/cjs/hooks/useMultipleResizeObserver/types.js

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

package/__inner__/cjs/hooks/useMultipleResizeObserver/useMultipleResizeObserver.d.ts

@@ -0,0 +1,4 @@
+import type { UseMultipleResizeObserverElements, UseMultipleResizeObserverOnChange, UseMultipleResizeObserverReconnect } from './types';
+export declare function useMultipleResizeObserver(elements: UseMultipleResizeObserverElements | (() => UseMultipleResizeObserverElements), onChange?: UseMultipleResizeObserverOnChange, options?: ResizeObserverOptions): {
+    reconnect: UseMultipleResizeObserverReconnect;
+};

package/__inner__/cjs/hooks/useMultipleResizeObserver/useMultipleResizeObserver.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMultipleResizeObserver = useMultipleResizeObserver;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var isFunction_1 = require("../../utils/isFunction");
+var useCreateResizeObserver_1 = require("../useCreateResizeObserver");
+var useStoredValue_1 = require("../useStoredValue");
+function useMultipleResizeObserver(elements, onChange, options) {
+    var observer = (0, useCreateResizeObserver_1.useCreateResizeObserver)(function (entries) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(entries);
+    });
+    var getElements = function () { return ((0, isFunction_1.isFunction)(elements) ? elements() : elements); };
+    var previousConnectedElements = (0, useStoredValue_1.useStoredValue)(function () { return tslib_1.__spreadArray([], tslib_1.__read(getElements()), false); });
+    var reconnect = function (isForce) {
+        if (isForce === void 0) { isForce = false; }
+        var newElements = getElements();
+        var hasChangesInElements = (function () {
+            if (isForce) {
+                return true;
+            }
+            if (previousConnectedElements.current.length !== newElements.length) {
+                return true;
+            }
+            var hasDifferenceInElements = newElements.some(function (element) {
+                return !previousConnectedElements.current.find(function (previousElementsElement) { return previousElementsElement === element; });
+            });
+            return hasDifferenceInElements;
+        })();
+        if (!hasChangesInElements) {
+            return;
+        }
+        previousConnectedElements.current = newElements;
+        observer === null || observer === void 0 ? void 0 : observer.disconnect();
+        newElements === null || newElements === void 0 ? void 0 : newElements.forEach(function (element) {
+            if (!element) {
+                return;
+            }
+            observer === null || observer === void 0 ? void 0 : observer.observe(element, options);
+        });
+    };
+    (0, react_1.useEffect)(function () {
+        reconnect();
+    }, [elements]);
+    return {
+        reconnect: reconnect,
+    };
+}

package/__inner__/cjs/hooks/useResizeObserver/constants.d.ts

@@ -0,0 +1,2 @@
+import type { UseResizeObserverRect } from './types';
+export declare const USE_RESIZE_OBSERVER_DEFAULT_STATE: Readonly<UseResizeObserverRect>;