@ozen-ui/kit 0.67.0 → 0.69.0

package/__inner__/cjs/components/Drawer/components/DrawerFooter/index.d.ts

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

package/__inner__/cjs/components/Drawer/components/DrawerFooter/index.js

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

package/__inner__/{esm/components/Drawer/components → cjs/components/Drawer/components/DrawerHeader}/DrawerHeader.d.ts

@@ -1,7 +1,7 @@
-import '../Drawer.css';
+import '../../Drawer.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 DrawerHeaderRef = ComponentRef<'div'>;
 export type DrawerHeaderProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/cjs/components/Drawer/components/{DrawerHeader.js → DrawerHeader/DrawerHeader.js}

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrawerHeader = void 0;
 var tslib_1 = require("tslib");
-require("../Drawer.css");
+require("../../Drawer.css");
 var react_1 = tslib_1.__importStar(require("react"));
-var Drawer_1 = require("../Drawer");
+var Drawer_1 = require("../../Drawer");
 exports.DrawerHeader = (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({ ref: ref, className: (0, Drawer_1.cnDrawer)('Header', [className]) }, restProps), children));

package/__inner__/cjs/components/Drawer/components/DrawerHeader/index.d.ts

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

package/__inner__/cjs/components/Drawer/components/DrawerHeader/index.js

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

package/__inner__/cjs/components/Drawer/components/{DrawerSubtitle.d.ts → DrawerSubtitle/DrawerSubtitle.d.ts}

@@ -1,7 +1,7 @@
-import '../Drawer.css';
+import '../../Drawer.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 DrawerSubtitleRef = ComponentRef<'div'>;
 export type DrawerSubtitleProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/cjs/components/Drawer/components/{DrawerSubtitle.js → DrawerSubtitle/DrawerSubtitle.js}

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrawerSubtitle = void 0;
 var tslib_1 = require("tslib");
-require("../Drawer.css");
+require("../../Drawer.css");
 var react_1 = tslib_1.__importStar(require("react"));
-var Drawer_1 = require("../Drawer");
+var Drawer_1 = require("../../Drawer");
 exports.DrawerSubtitle = (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({ ref: ref, className: (0, Drawer_1.cnDrawer)('Subtitle', [className]) }, restProps), children));

package/__inner__/cjs/components/Drawer/components/DrawerSubtitle/index.d.ts

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

package/__inner__/cjs/components/Drawer/components/DrawerSubtitle/index.js

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

package/__inner__/cjs/components/Drawer/components/{DrawerTitle.d.ts → DrawerTitle/DrawerTitle.d.ts}

@@ -1,7 +1,7 @@
-import '../Drawer.css';
+import '../../Drawer.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 DrawerTitleRef = ComponentRef<'h2'>;
 export type DrawerTitleProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/cjs/components/Drawer/components/{DrawerTitle.js → DrawerTitle/DrawerTitle.js}

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrawerTitle = void 0;
 var tslib_1 = require("tslib");
-require("../Drawer.css");
+require("../../Drawer.css");
 var react_1 = tslib_1.__importStar(require("react"));
-var Drawer_1 = require("../Drawer");
+var Drawer_1 = require("../../Drawer");
 exports.DrawerTitle = (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("h2", tslib_1.__assign({ ref: ref, className: (0, Drawer_1.cnDrawer)('Title', [className]) }, restProps), children));

package/__inner__/cjs/components/Drawer/components/DrawerTitle/index.d.ts

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

package/__inner__/cjs/components/Drawer/components/DrawerTitle/index.js

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

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

@@ -1,5 +1,5 @@
-export * from './DrawerHeader';
-export * from './DrawerTitle';
-export * from './DrawerSubtitle';
-export * from './DrawerBody';
-export * from './DrawerFooter';
+export * from './DrawerHeader/DrawerHeader';
+export * from './DrawerTitle/DrawerTitle';
+export * from './DrawerSubtitle/DrawerSubtitle';
+export * from './DrawerBody/DrawerBody';
+export * from './DrawerFooter/DrawerFooter';

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./DrawerHeader"), exports);
-tslib_1.__exportStar(require("./DrawerTitle"), exports);
-tslib_1.__exportStar(require("./DrawerSubtitle"), exports);
-tslib_1.__exportStar(require("./DrawerBody"), exports);
-tslib_1.__exportStar(require("./DrawerFooter"), exports);
+tslib_1.__exportStar(require("./DrawerHeader/DrawerHeader"), exports);
+tslib_1.__exportStar(require("./DrawerTitle/DrawerTitle"), exports);
+tslib_1.__exportStar(require("./DrawerSubtitle/DrawerSubtitle"), exports);
+tslib_1.__exportStar(require("./DrawerBody/DrawerBody"), exports);
+tslib_1.__exportStar(require("./DrawerFooter/DrawerFooter"), exports);

package/__inner__/cjs/components/DrawerNext/DrawerContext.js

@@ -16,6 +16,6 @@ var useDrawerContext = function () {
 };
 exports.useDrawerContext = useDrawerContext;
 // Именованный провайдер
-if (environment_1.IS_DEV) {
+if (environment_1.isDev) {
     exports.DrawerContext.displayName = 'DrawerContext';
 }

package/__inner__/cjs/components/DrawerNext/modules/DrawerCloseButton/DrawerCloseButton.js

@@ -19,3 +19,4 @@ exports.DrawerCloseButton = (0, polymorphicComponentWithRef_1.polymorphicCompone
     };
     return (react_1.default.createElement(IconButtonNext_1.IconButton, tslib_1.__assign({ variant: variant, name: name, as: as, size: size, ref: ref, className: (0, exports.cnDrawerCloseButton)('', [className]), onClick: onClick, icon: icon, compressed: true }, other)));
 });
+exports.DrawerCloseButton.displayName = 'DrawerCloseButton';

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

@@ -13,3 +13,4 @@ exports.DrawerFooterButton = (0, polymorphicComponentWithRef_1.polymorphicCompon
     var size = (0, DrawerContext_1.useDrawerContext)().size;
     return (react_1.default.createElement(ButtonNext_1.Button, tslib_1.__assign({}, other, { as: as, ref: ref, size: size, className: (0, exports.cnDrawerFooterButton)('', [className]) }), children));
 });
+exports.DrawerFooterButton.displayName = 'DrawerFooterButton';

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

@@ -1,9 +1,9 @@
-import type { RenderContentType } from '../../utils/renderContent';
+import type { RenderContentTypeEmptyProps } from '../../utils/renderContent';
 import type { ModalProps, ModalRef } from '../Modal';
 import type { DRAWER_DEFAULT_DEVICE_TYPE } from './constants';
 import type { DrawerDeviceType, DrawerPlacementVariant, DrawerSizeVariantByDeviceType, DrawerVariant } from './entities';
 export type DrawerRef = ModalRef;
-export type DrawerRenderCloseButton = RenderContentType<{}>['content'];
+export type DrawerRenderCloseButton = RenderContentTypeEmptyProps['content'];
 export type DrawerBaseProps = {
     /** Вариант представления шторки */
     variant?: DrawerVariant;

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

@@ -10,6 +10,7 @@ export type FieldHintProps = ExtendableComponentPropsWithRef<{
     error?: boolean;
     disabled?: boolean;
     size?: FormElementSizeVariant;
+    'data-testid'?: string;
 }, typeof FIELD_HINT_DEFAULT_TAG>;
 export declare const cnFieldHint: import("@bem-react/classname").ClassNameFormatter;
 export declare const FieldHint: React.ForwardRefExoticComponent<Omit<FieldHintProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -11,6 +11,7 @@ export type FieldIconProps = ExtendableComponentPropsWithRef<{
     icon?: RenderContentType<IconProps>['content'];
     size?: FormElementSizeVariant;
     children?: never;
+    'data-testid'?: string;
 }, typeof FIELD_ICON_DEFAULT_TAG>;
 export declare const cnFieldIcon: import("@bem-react/classname").ClassNameFormatter;
 export declare const FieldIcon: React.ForwardRefExoticComponent<Omit<FieldIconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/FilePicker/FilePicker.js

@@ -5,7 +5,7 @@ var tslib_1 = require("tslib");
 require("./FilePicker.css");
 var react_1 = tslib_1.__importStar(require("react"));
 var icons_1 = require("@ozen-ui/icons");
-var logger_1 = require("@ozen-ui/logger");
+var useDeprecated_1 = require("../../hooks/useDeprecated");
 var useMultiRef_1 = require("../../hooks/useMultiRef");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
@@ -23,12 +23,8 @@ exports.FilePicker = (0, react_1.forwardRef)(function (inProps, ref) {
         props: inProps,
         name: 'FilePicker',
     }), _b = _a.size, size = _b === void 0 ? constants_1.FILE_PICKER_DEFAULT_SIZE : _b, _c = _a.disabled, disabled = _c === void 0 ? constants_1.FILE_PICKER_DEFAULT_DISABLED : _c, _d = _a.required, required = _d === void 0 ? constants_1.FILE_PICKER_DEFAULT_REQUIRED : _d, _e = _a.fullWidth, fullWidth = _e === void 0 ? constants_1.FILE_PICKER_DEFAULT_FULL_WIDTH : _e, _f = _a.disableTruncate, disableTruncate = _f === void 0 ? constants_1.FILE_PICKER_DEFAULT_DISABLE_TRUNCATE : _f, _g = _a.multiple, multiple = _g === void 0 ? constants_1.FILE_PICKER_DEFAULT_MULTIPLE : _g, placeholder = _a.placeholder, clearText = _a.clearText, _h = _a.renderRight, renderRight = _h === void 0 ? icons_1.AttachmentIcon : _h, renderValueProp = _a.renderValue, onChangeProp = _a.onChange, onClearProp = _a.onClear, inputRef = _a.inputRef, fileList = _a.fileList, accept = _a.accept, id = _a.id, name = _a.name, label = _a.label, autoFocus = _a.autoFocus, error = _a.error, hint = _a.hint, renderLeft = _a.renderLeft, labelProps = _a.labelProps, inputProps = _a.inputProps, hintProps = _a.hintProps, labelRef = _a.labelRef, className = _a.className, other = tslib_1.__rest(_a, ["size", "disabled", "required", "fullWidth", "disableTruncate", "multiple", "placeholder", "clearText", "renderRight", "renderValue", "onChange", "onClear", "inputRef", "fileList", "accept", "id", "name", "label", "autoFocus", "error", "hint", "renderLeft", "labelProps", "inputProps", "hintProps", "labelRef", "className"]);
-    if (process.env.NODE_ENV !== 'production' && labelRef) {
-        (0, logger_1.deprecate)('Свойство «labelRef» устарело. Для замены используйте «labelProps.ref».');
-    }
-    if (process.env.NODE_ENV !== 'production' && inputRef) {
-        (0, logger_1.deprecate)('Свойство «inputRef» устарело. Для замены используйте «inputProps.ref».');
-    }
+    (0, useDeprecated_1.useDeprecatedProperty)(!!labelRef, 'labelRef', 'labelProps.ref');
+    (0, useDeprecated_1.useDeprecatedProperty)(!!inputRef, 'inputRef', 'inputProps.ref');
     var inputInnerRef = (0, react_1.useRef)(null);
     var _j = tslib_1.__read((0, react_1.useState)(false), 2), focused = _j[0], setFocused = _j[1];
     var hasFiles = !!(fileList === null || fileList === void 0 ? void 0 : fileList.length);

package/__inner__/cjs/components/FormControlCarcass/FormControlCarcass.css

@@ -0,0 +1,95 @@
+/* stylelint-disable */
+.FormControlCarcass {
+  --form-control-carcass-control-block-margin: 0px;
+  --form-control-carcass-after-block-margin: 0px;
+  --form-control-content-gap: 0px;
+  --form-control-label-color: var(--color-content-primary);
+  box-sizing: border-box;
+  display: inline-flex;
+  cursor: pointer;
+  vertical-align: top;
+  flex-direction: row;
+}
+.FormControlCarcass_size_2xs {
+      font: var(--typography-text-2xs-font);
+      letter-spacing: var(--typography-text-2xs-letter_spacing, 0);
+      text-transform: var(--typography-text-2xs-text_transform, none);
+
+      --form-control-content-gap: var(--spacing-2xs);
+    }
+.FormControlCarcass_size_xs {
+      font: var(--typography-text-xs-font);
+      letter-spacing: var(--typography-text-xs-letter_spacing, 0);
+      text-transform: var(--typography-text-xs-text_transform, none);
+
+      --form-control-content-gap: var(--spacing-2xs);
+    }
+.FormControlCarcass_size_s {
+      font: var(--typography-text-s-font);
+      letter-spacing: var(--typography-text-s-letter_spacing, 0);
+      text-transform: var(--typography-text-s-text_transform, none);
+
+      --form-control-content-gap: var(--spacing-xs);
+      --form-control-carcass-control-block-margin: var(--spacing-4xs);
+      --form-control-carcass-after-block-margin: var(--spacing-4xs);
+    }
+.FormControlCarcass_size_m {
+      font: var(--typography-text-m-font);
+      letter-spacing: var(--typography-text-m-letter_spacing, 0);
+      text-transform: var(--typography-text-m-text_transform, none);
+
+      --form-control-content-gap: var(--spacing-xs);
+      --form-control-carcass-control-block-margin: var(--spacing-4xs);
+    }
+.FormControlCarcass_size_l {
+      font: var(--typography-text-l-font);
+      letter-spacing: var(--typography-text-l-letter_spacing, 0);
+      text-transform: var(--typography-text-l-text_transform, none);
+
+      --form-control-content-gap: var(--spacing-s);
+      --form-control-carcass-control-block-margin: var(--spacing-3xs);
+      --form-control-carcass-after-block-margin: var(--spacing-4xs);
+    }
+.FormControlCarcass_align_top {
+      align-items: flex-start;
+    }
+.FormControlCarcass_align_bottom {
+      align-items: flex-end;
+    }
+.FormControlCarcass_align_center {
+      align-items: center;
+    }
+.FormControlCarcass_mirrored {
+    flex-direction: row-reverse;
+  }
+.FormControlCarcass_mirrored .FormControlCarcass-Content, .FormControlCarcass_mirrored .FormControlCarcass-After {
+      margin-inline: 0 var(--form-control-content-gap);
+    }
+.FormControlCarcass::after {
+    display: inline-block;
+    inline-size: 0;
+    overflow: hidden;
+    content: '\a0';
+  }
+.FormControlCarcass-Control {
+    box-sizing: border-box;
+    flex-shrink: 0;
+    margin-block: var(--form-control-carcass-control-block-margin);
+  }
+.FormControlCarcass-Content {
+    margin-inline-start: var(--form-control-content-gap);
+    color: var(--form-control-label-color);
+    transition: color var(--transition-default);
+  }
+.FormControlCarcass-After {
+    box-sizing: border-box;
+    display: inline-flex;
+    align-items: center;
+    margin-inline-start: var(--form-control-content-gap);
+    margin-block: var(--form-control-carcass-after-block-margin);
+  }
+.FormControlCarcass_disabled {
+    --form-control-label-color: var(--color-content-disabled);
+    cursor: default;
+    pointer-events: none;
+  }

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

@@ -0,0 +1,6 @@
+import './components/FormControlCarcassHint/FormControlCarcassHint.css';
+import './modules/FormControlCarcassIcon/FormControlCarcassIcon.css';
+import './FormControlCarcass.css';
+import type { FormControlLabelBaseProps } from './types';
+export declare const cnFormControlCarcass: import("@bem-react/classname").ClassNameFormatter;
+export declare const FormControlCarcass: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FormControlLabelBaseProps, "label">;

package/__inner__/cjs/components/FormControlCarcass/FormControlCarcass.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormControlCarcass = exports.cnFormControlCarcass = void 0;
+var tslib_1 = require("tslib");
+require("./components/FormControlCarcassHint/FormControlCarcassHint.css");
+require("./modules/FormControlCarcassIcon/FormControlCarcassIcon.css");
+require("./FormControlCarcass.css");
+var react_1 = tslib_1.__importDefault(require("react"));
+var classname_1 = require("../../utils/classname");
+var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
+var renderContent_1 = require("../../utils/renderContent");
+var components_1 = require("./components");
+var constants_1 = require("./constants");
+var FormControlCarcassContext_1 = require("./FormControlCarcassContext");
+exports.cnFormControlCarcass = (0, classname_1.cn)('FormControlCarcass');
+exports.FormControlCarcass = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
+    var _b = _a.size, size = _b === void 0 ? constants_1.FORM_CONTROL_CARCASS_DEFAULT_SIZE : _b, _c = _a.as, Tag = _c === void 0 ? constants_1.FORM_CONTROL_CARCASS_DEFAULT_AS : _c, children = _a.children, controlProps = _a.controlProps, label = _a.label, labelProps = _a.labelProps, align = _a.align, _d = _a.disabled, disabled = _d === void 0 ? constants_1.FORM_CONTROL_CARCASS_DEFAULT_DISABLED : _d, className = _a.className, renderAfter = _a.renderAfter, renderAfterProps = _a.renderAfterProps, _e = _a.variant, variant = _e === void 0 ? constants_1.FORM_CONTROL_CARCASS_DEFAULT_VARIANT : _e, contentProps = _a.contentProps, mirrored = _a.mirrored, hint = _a.hint, hintProps = _a.hintProps, other = tslib_1.__rest(_a, ["size", "as", "children", "controlProps", "label", "labelProps", "align", "disabled", "className", "renderAfter", "renderAfterProps", "variant", "contentProps", "mirrored", "hint", "hintProps"]);
+    return (react_1.default.createElement(FormControlCarcassContext_1.FormControlCarcassContext.Provider, { value: {
+            size: size,
+            disabled: disabled,
+            variant: variant,
+        } },
+        react_1.default.createElement(Tag, tslib_1.__assign({}, other, { className: (0, exports.cnFormControlCarcass)({
+                align: align,
+                disabled: disabled,
+                size: size,
+                variant: variant,
+                mirrored: mirrored,
+            }, [className]), ref: ref }),
+            react_1.default.createElement("span", tslib_1.__assign({}, controlProps, { className: (0, exports.cnFormControlCarcass)('Control', [controlProps === null || controlProps === void 0 ? void 0 : controlProps.className]) }), children),
+            label !== null && label !== undefined && (react_1.default.createElement("span", tslib_1.__assign({}, contentProps, { className: (0, exports.cnFormControlCarcass)('Content', [
+                    contentProps === null || contentProps === void 0 ? void 0 : contentProps.className,
+                ]) }),
+                react_1.default.createElement("span", tslib_1.__assign({}, labelProps, { className: (0, exports.cnFormControlCarcass)('Label', [labelProps === null || labelProps === void 0 ? void 0 : labelProps.className]) }), label),
+                hint && (react_1.default.createElement(components_1.FormControlCarcassHint, tslib_1.__assign({}, hintProps), hint)))),
+            renderAfter && (react_1.default.createElement("span", tslib_1.__assign({}, renderAfterProps, { className: (0, exports.cnFormControlCarcass)('After', [
+                    renderAfterProps === null || renderAfterProps === void 0 ? void 0 : renderAfterProps.className,
+                ]) }), (0, renderContent_1.renderContent)({
+                content: renderAfter,
+            }))))));
+});
+exports.FormControlCarcass.displayName = 'FormControlCarcass';

package/__inner__/cjs/components/FormControlCarcass/FormControlCarcassContext.d.ts

@@ -0,0 +1,9 @@
+import type { FormControlCarcassSizeVariant, FormControlCarcassVariant } from './entities';
+export type FormControlCarcassContextValue = {
+    size: FormControlCarcassSizeVariant;
+    disabled: boolean;
+    variant: FormControlCarcassVariant;
+};
+export declare const FormControlCarcassContextDefaultValue: FormControlCarcassContextValue;
+export declare const FormControlCarcassContext: import("react").Context<FormControlCarcassContextValue>;
+export declare const useFormControlCarcassContext: () => FormControlCarcassContextValue;

package/__inner__/cjs/components/FormControlCarcass/FormControlCarcassContext.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormControlCarcassContext = exports.FormControlCarcassContext = exports.FormControlCarcassContextDefaultValue = void 0;
+var react_1 = require("react");
+var environment_1 = require("../../constants/environment");
+var constants_1 = require("./constants");
+exports.FormControlCarcassContextDefaultValue = {
+    size: constants_1.FORM_CONTROL_CARCASS_DEFAULT_SIZE,
+    disabled: constants_1.FORM_CONTROL_CARCASS_DEFAULT_DISABLED,
+    variant: constants_1.FORM_CONTROL_CARCASS_DEFAULT_VARIANT,
+};
+exports.FormControlCarcassContext = (0, react_1.createContext)(exports.FormControlCarcassContextDefaultValue);
+var useFormControlCarcassContext = function () {
+    return (0, react_1.useContext)(exports.FormControlCarcassContext);
+};
+exports.useFormControlCarcassContext = useFormControlCarcassContext;
+// Именованный провайдер
+if (environment_1.isDev) {
+    exports.FormControlCarcassContext.displayName = 'FormControlCarcassContext';
+}

package/__inner__/cjs/components/FormControlCarcass/components/FormControlCarcassHint/FormControlCarcassHint.css

@@ -0,0 +1,41 @@
+/* stylelint-disable */
+.FormControlCarcassHint {
+  display: block;
+  transition: color var(--transition-default);
+  margin-block-start: var(--spacing-4xs);
+  color: var(--form-control-carcass-hint-color);
+}
+.FormControlCarcassHint_size_2xs {
+      font: var(--typography-text-2xs-font);
+      letter-spacing: var(--typography-text-2xs-letter_spacing, 0);
+      text-transform: var(--typography-text-2xs-text_transform, none);
+    }
+.FormControlCarcassHint_size_xs {
+      font: var(--typography-text-xs-font);
+      letter-spacing: var(--typography-text-xs-letter_spacing, 0);
+      text-transform: var(--typography-text-xs-text_transform, none);
+    }
+.FormControlCarcassHint_size_s {
+      font: var(--typography-text-xs-font);
+      letter-spacing: var(--typography-text-xs-letter_spacing, 0);
+      text-transform: var(--typography-text-xs-text_transform, none);
+    }
+.FormControlCarcassHint_size_m {
+      font: var(--typography-text-s-font);
+      letter-spacing: var(--typography-text-s-letter_spacing, 0);
+      text-transform: var(--typography-text-s-text_transform, none);
+    }
+.FormControlCarcassHint_size_l {
+      font: var(--typography-text-s-font);
+      letter-spacing: var(--typography-text-s-letter_spacing, 0);
+      text-transform: var(--typography-text-s-text_transform, none);
+    }
+.FormControlCarcassHint_variant_default {
+    --form-control-carcass-hint-color: var(--color-content-secondary);
+  }
+.FormControlCarcassHint_variant_error {
+    --form-control-carcass-hint-color: var(--color-content-error);
+  }
+.FormControlCarcassHint_disabled {
+    --form-control-carcass-hint-color: var(--color-content-disabled);
+  }

package/__inner__/cjs/components/FormControlCarcass/components/FormControlCarcassHint/FormControlCarcassHint.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const cnFormControlCarcassHint: import("@bem-react/classname").ClassNameFormatter;
+export declare const FormControlCarcassHint: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/__inner__/cjs/components/FormControlCarcass/components/FormControlCarcassHint/FormControlCarcassHint.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormControlCarcassHint = exports.cnFormControlCarcassHint = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var classname_1 = require("../../../../utils/classname");
+var FormControlCarcassContext_1 = require("../../FormControlCarcassContext");
+exports.cnFormControlCarcassHint = (0, classname_1.cn)('FormControlCarcassHint');
+exports.FormControlCarcassHint = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, className = _a.className, other = tslib_1.__rest(_a, ["children", "className"]);
+    var _b = (0, FormControlCarcassContext_1.useFormControlCarcassContext)(), size = _b.size, disabled = _b.disabled, variant = _b.variant;
+    return (react_1.default.createElement("span", tslib_1.__assign({}, other, { ref: ref, className: (0, exports.cnFormControlCarcassHint)({
+            size: size,
+            disabled: disabled,
+            variant: variant,
+        }, [className]) }), children));
+});
+exports.FormControlCarcassHint.displayName = 'FormControlCarcassHint';

package/__inner__/cjs/components/FormControlCarcass/components/FormControlCarcassHint/index.d.ts

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

package/__inner__/cjs/components/FormControlCarcass/components/FormControlCarcassHint/index.js

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

package/__inner__/cjs/components/FormControlCarcass/components/FormControlCarcassHint/types.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentPropsWithRef, ComponentRef } from 'react';
+export type FormControlCarcassHintRef = ComponentRef<'span'>;
+export type FormControlCarcassHintProps = ComponentPropsWithRef<'span'>;

package/__inner__/cjs/components/FormControlCarcass/components/FormControlCarcassHint/types.js

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+export declare const FORM_CONTROL_CARCASS_DEFAULT_ALIGN = "top";
+export declare const FORM_CONTROL_CARCASS_DEFAULT_SIZE = "m";
+export declare const FORM_CONTROL_CARCASS_DEFAULT_VARIANT = "default";
+export declare const FORM_CONTROL_CARCASS_DEFAULT_MIRRORED = false;
+export declare const FORM_CONTROL_CARCASS_DEFAULT_DISABLED = false;
+export declare const FORM_CONTROL_CARCASS_DEFAULT_AS = "label";

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FORM_CONTROL_CARCASS_DEFAULT_AS = exports.FORM_CONTROL_CARCASS_DEFAULT_DISABLED = exports.FORM_CONTROL_CARCASS_DEFAULT_MIRRORED = exports.FORM_CONTROL_CARCASS_DEFAULT_VARIANT = exports.FORM_CONTROL_CARCASS_DEFAULT_SIZE = exports.FORM_CONTROL_CARCASS_DEFAULT_ALIGN = void 0;
+exports.FORM_CONTROL_CARCASS_DEFAULT_ALIGN = 'top';
+exports.FORM_CONTROL_CARCASS_DEFAULT_SIZE = 'm';
+exports.FORM_CONTROL_CARCASS_DEFAULT_VARIANT = 'default';
+exports.FORM_CONTROL_CARCASS_DEFAULT_MIRRORED = false;
+exports.FORM_CONTROL_CARCASS_DEFAULT_DISABLED = false;
+exports.FORM_CONTROL_CARCASS_DEFAULT_AS = 'label';

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

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

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formControlCarcassAlignVariant = void 0;
+exports.formControlCarcassAlignVariant = [
+    'top',
+    'bottom',
+    'center',
+];

package/__inner__/cjs/components/FormControlCarcass/entities/content.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentPropsWithRef, ComponentRef } from 'react';
+export type FormControlCarcassContentRef = ComponentRef<'span'>;
+export type FormControlCarcassContentProps = ComponentPropsWithRef<'span'>;

package/__inner__/cjs/components/FormControlCarcass/entities/content.js

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

package/__inner__/cjs/components/FormControlCarcass/entities/control.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentPropsWithRef, ComponentRef } from 'react';
+export type FormControlCarcassControlRef = ComponentRef<'span'>;
+export type FormControlCarcassControlProps = ComponentPropsWithRef<'span'>;

package/__inner__/cjs/components/FormControlCarcass/entities/control.js

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

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

@@ -0,0 +1,7 @@
+export * from './align';
+export * from './content';
+export * from './control';
+export * from './label';
+export * from './renderAfter';
+export * from './size';
+export * from './variant';

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

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

package/__inner__/cjs/components/FormControlCarcass/entities/label.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentPropsWithRef, ComponentRef } from 'react';
+export type FormControlCarcassLabelRef = ComponentRef<'span'>;
+export type FormControlCarcassLabelProps = ComponentPropsWithRef<'span'>;

package/__inner__/cjs/components/FormControlCarcass/entities/label.js

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

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

@@ -0,0 +1,5 @@
+import type { ComponentPropsWithRef, ComponentRef } from 'react';
+import type { RenderContentTypeEmptyProps } from '../../../utils/renderContent';
+export type FormControlCarcassRenderAfter = RenderContentTypeEmptyProps['content'];
+export type FormControlCarcassRenderAfterRef = ComponentRef<'span'>;
+export type FormControlCarcassRenderAfterProps = ComponentPropsWithRef<'span'>;

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

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

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

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

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

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

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

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