@ozen-ui/kit 0.67.0 → 0.68.0

package/__inner__/esm/components/Dialog/components/{DialogHeader.js → DialogHeader/DialogHeader.js}

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
-import '../Dialog.css';
+import '../../Dialog.css';
 import React, { forwardRef } from 'react';
-import { cnDialog } from '../Dialog';
+import { cnDialog } from '../../Dialog';
 export var DialogHeader = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
     return (React.createElement("div", __assign({ ref: ref, className: cnDialog('Header', [className]) }, restProps), children));

package/__inner__/esm/components/Dialog/components/DialogHeader/index.d.ts

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

package/__inner__/esm/components/Dialog/components/DialogHeader/index.js

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

package/__inner__/{cjs/components/Dialog/components → esm/components/Dialog/components/DialogSubtitle}/DialogSubtitle.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 DialogSubtitleRef = ComponentRef<'div'>;
 export type DialogSubtitleProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/esm/components/Dialog/components/{DialogSubtitle.js → DialogSubtitle/DialogSubtitle.js}

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
-import '../Dialog.css';
+import '../../Dialog.css';
 import React, { forwardRef } from 'react';
-import { cnDialog } from '../Dialog';
+import { cnDialog } from '../../Dialog';
 export var DialogSubtitle = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
     return (React.createElement("div", __assign({ ref: ref, className: cnDialog('Subtitle', [className]) }, restProps), children));

package/__inner__/esm/components/Dialog/components/DialogSubtitle/index.d.ts

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

package/__inner__/esm/components/Dialog/components/DialogSubtitle/index.js

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

package/__inner__/{cjs/components/Dialog/components → esm/components/Dialog/components/DialogTitle}/DialogTitle.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 DialogTitleRef = ComponentRef<'h2'>;
 export type DialogTitleProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/esm/components/Dialog/components/{DialogTitle.js → DialogTitle/DialogTitle.js}

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
-import '../Dialog.css';
+import '../../Dialog.css';
 import React, { forwardRef } from 'react';
-import { cnDialog } from '../Dialog';
+import { cnDialog } from '../../Dialog';
 export var DialogTitle = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
     return (React.createElement("h2", __assign({ ref: ref, className: cnDialog('Title', [className]) }, restProps), children));

package/__inner__/esm/components/Dialog/components/DialogTitle/index.d.ts

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

package/__inner__/esm/components/Dialog/components/DialogTitle/index.js

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

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

@@ -1,11 +1,11 @@
-import type { RenderContentType } from '../../utils/renderContent';
+import type { RenderContentTypeEmptyProps } from '../../utils/renderContent';
 import type { BackdropProps } from '../Backdrop';
 import type { PortalProps } from '../Portal';
 import type { DialogBottomSheetProps, DialogModalProps } from './components';
 import type { DIALOG_DEFAULT_DEVICE_TYPE } from './constants';
 import type { DialogDeviceType, DialogSizeVariantByDeviceType, DialogVariant } from './entities';
 export type DialogRef = HTMLDivElement;
-export type DialogRenderCloseButton = RenderContentType<{}>['content'];
+export type DialogRenderCloseButton = RenderContentTypeEmptyProps['content'];
 export type DialogContentBottomSheetProps = Omit<DialogBottomSheetProps, 'hideCloseButton' | 'backdrop' | 'open' | 'size' | 'variant' | 'closeButton' | 'onClose' | 'className'>;
 export type DialogContentModalProps = Omit<DialogModalProps, 'open' | 'onClose' | 'hideCloseButton' | 'className' | 'closeButton' | 'size' | 'variant'>;
 export type DialogBaseProps = {

package/__inner__/{cjs/components/Drawer/components → esm/components/Drawer/components/DrawerBody}/DrawerBody.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 DrawerBodyRef = ComponentRef<'div'>;
 export type DrawerBodyProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/esm/components/Drawer/components/{DrawerBody.js → DrawerBody/DrawerBody.js}

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
-import '../Drawer.css';
+import '../../Drawer.css';
 import React, { forwardRef } from 'react';
-import { cnDrawer } from '../Drawer';
+import { cnDrawer } from '../../Drawer';
 export var DrawerBody = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
     return (React.createElement("div", __assign({ ref: ref, className: cnDrawer('Body', [className]) }, restProps), children));

package/__inner__/esm/components/Drawer/components/DrawerBody/index.d.ts

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

package/__inner__/esm/components/Drawer/components/DrawerBody/index.js

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

package/__inner__/esm/components/Drawer/components/{DrawerFooter.d.ts → DrawerFooter/DrawerFooter.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 DrawerFooterRef = ComponentRef<'div'>;
 export type DrawerFooterProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/esm/components/Drawer/components/{DrawerFooter.js → DrawerFooter/DrawerFooter.js}

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
-import '../Drawer.css';
+import '../../Drawer.css';
 import React, { forwardRef } from 'react';
-import { cnDrawer } from '../Drawer';
+import { cnDrawer } from '../../Drawer';
 export var DrawerFooter = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
     return (React.createElement("div", __assign({ ref: ref, className: cnDrawer('Footer', [className]) }, restProps), children));

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

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

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

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

package/__inner__/{cjs/components/Drawer/components → esm/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__/esm/components/Drawer/components/{DrawerHeader.js → DrawerHeader/DrawerHeader.js}

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
-import '../Drawer.css';
+import '../../Drawer.css';
 import React, { forwardRef } from 'react';
-import { cnDrawer } from '../Drawer';
+import { cnDrawer } from '../../Drawer';
 export var DrawerHeader = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
     return (React.createElement("div", __assign({ ref: ref, className: cnDrawer('Header', [className]) }, restProps), children));

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

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

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

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

package/__inner__/esm/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__/esm/components/Drawer/components/{DrawerSubtitle.js → DrawerSubtitle/DrawerSubtitle.js}

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
-import '../Drawer.css';
+import '../../Drawer.css';
 import React, { forwardRef } from 'react';
-import { cnDrawer } from '../Drawer';
+import { cnDrawer } from '../../Drawer';
 export var DrawerSubtitle = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
     return (React.createElement("div", __assign({ ref: ref, className: cnDrawer('Subtitle', [className]) }, restProps), children));

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

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

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

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

package/__inner__/esm/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__/esm/components/Drawer/components/{DrawerTitle.js → DrawerTitle/DrawerTitle.js}

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
-import '../Drawer.css';
+import '../../Drawer.css';
 import React, { forwardRef } from 'react';
-import { cnDrawer } from '../Drawer';
+import { cnDrawer } from '../../Drawer';
 export var DrawerTitle = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
     return (React.createElement("h2", __assign({ ref: ref, className: cnDrawer('Title', [className]) }, restProps), children));

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

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

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

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

package/__inner__/esm/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__/esm/components/Drawer/components/index.js

@@ -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__/esm/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__/esm/components/FormControlCarcass/FormControlCarcass.css

@@ -0,0 +1,92 @@
+/* stylelint-disable */
+.FormControlCarcass {
+  --form-control-carcass-control-block-padding: 0;
+  --form-control-carcass-after-block-padding: 0;
+  --form-control-content-gap: 0;
+  --form-control-label-color: var(--color-content-primary);
+  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-padding: var(--spacing-4xs);
+      --form-control-carcass-after-block-padding: 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-padding: 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-padding: var(--spacing-3xs);
+      --form-control-carcass-after-block-padding: 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 {
+    flex-shrink: 0;
+    padding-block: var(--form-control-carcass-control-block-padding);
+  }
+.FormControlCarcass-Content {
+    margin-inline-start: var(--form-control-content-gap);
+    color: var(--form-control-label-color);
+    transition: color var(--transition-default);
+  }
+.FormControlCarcass-After {
+    display: inline-flex;
+    align-items: center;
+    margin-inline-start: var(--form-control-content-gap);
+    padding-block: var(--form-control-carcass-after-block-padding);
+  }
+.FormControlCarcass_disabled {
+    --form-control-label-color: var(--color-content-disabled);
+    cursor: default;
+    pointer-events: none;
+  }

package/__inner__/esm/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__/esm/components/FormControlCarcass/FormControlCarcass.js

@@ -0,0 +1,39 @@
+import { __assign, __rest } from "tslib";
+import './components/FormControlCarcassHint/FormControlCarcassHint.css';
+import './modules/FormControlCarcassIcon/FormControlCarcassIcon.css';
+import './FormControlCarcass.css';
+import React from 'react';
+import { cn } from '../../utils/classname';
+import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
+import { renderContent } from '../../utils/renderContent';
+import { FormControlCarcassHint } from './components';
+import { FORM_CONTROL_CARCASS_DEFAULT_AS, FORM_CONTROL_CARCASS_DEFAULT_DISABLED, FORM_CONTROL_CARCASS_DEFAULT_SIZE, FORM_CONTROL_CARCASS_DEFAULT_VARIANT, } from './constants';
+import { FormControlCarcassContext } from './FormControlCarcassContext';
+export var cnFormControlCarcass = cn('FormControlCarcass');
+export var FormControlCarcass = polymorphicComponentWithRef(function (_a, ref) {
+    var _b = _a.size, size = _b === void 0 ? FORM_CONTROL_CARCASS_DEFAULT_SIZE : _b, _c = _a.as, Tag = _c === void 0 ? 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 ? FORM_CONTROL_CARCASS_DEFAULT_DISABLED : _d, className = _a.className, renderAfter = _a.renderAfter, renderAfterProps = _a.renderAfterProps, _e = _a.variant, variant = _e === void 0 ? FORM_CONTROL_CARCASS_DEFAULT_VARIANT : _e, contentProps = _a.contentProps, mirrored = _a.mirrored, hint = _a.hint, hintProps = _a.hintProps, other = __rest(_a, ["size", "as", "children", "controlProps", "label", "labelProps", "align", "disabled", "className", "renderAfter", "renderAfterProps", "variant", "contentProps", "mirrored", "hint", "hintProps"]);
+    return (React.createElement(FormControlCarcassContext.Provider, { value: {
+            size: size,
+            disabled: disabled,
+            variant: variant,
+        } },
+        React.createElement(Tag, __assign({}, other, { className: cnFormControlCarcass({
+                align: align,
+                disabled: disabled,
+                size: size,
+                variant: variant,
+                mirrored: mirrored,
+            }, [className]), ref: ref }),
+            React.createElement("span", __assign({}, controlProps, { className: cnFormControlCarcass('Control', [controlProps === null || controlProps === void 0 ? void 0 : controlProps.className]) }), children),
+            label !== null && label !== undefined && (React.createElement("span", __assign({}, contentProps, { className: cnFormControlCarcass('Content', [
+                    contentProps === null || contentProps === void 0 ? void 0 : contentProps.className,
+                ]) }),
+                React.createElement("span", __assign({}, labelProps, { className: cnFormControlCarcass('Label', [labelProps === null || labelProps === void 0 ? void 0 : labelProps.className]) }), label),
+                hint && (React.createElement(FormControlCarcassHint, __assign({}, hintProps), hint)))),
+            renderAfter && (React.createElement("span", __assign({}, renderAfterProps, { className: cnFormControlCarcass('After', [
+                    renderAfterProps === null || renderAfterProps === void 0 ? void 0 : renderAfterProps.className,
+                ]) }), renderContent({
+                content: renderAfter,
+            }))))));
+});
+FormControlCarcass.displayName = 'FormControlCarcass';

package/__inner__/esm/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__/esm/components/FormControlCarcass/FormControlCarcassContext.js

@@ -0,0 +1,16 @@
+import { useContext, createContext } from 'react';
+import { IS_DEV } from '../../constants/environment';
+import { FORM_CONTROL_CARCASS_DEFAULT_DISABLED, FORM_CONTROL_CARCASS_DEFAULT_SIZE, FORM_CONTROL_CARCASS_DEFAULT_VARIANT, } from './constants';
+export var FormControlCarcassContextDefaultValue = {
+    size: FORM_CONTROL_CARCASS_DEFAULT_SIZE,
+    disabled: FORM_CONTROL_CARCASS_DEFAULT_DISABLED,
+    variant: FORM_CONTROL_CARCASS_DEFAULT_VARIANT,
+};
+export var FormControlCarcassContext = createContext(FormControlCarcassContextDefaultValue);
+export var useFormControlCarcassContext = function () {
+    return useContext(FormControlCarcassContext);
+};
+// Именованный провайдер
+if (IS_DEV) {
+    FormControlCarcassContext.displayName = 'FormControlCarcassContext';
+}

package/__inner__/esm/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__/esm/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__/esm/components/FormControlCarcass/components/FormControlCarcassHint/FormControlCarcassHint.js

@@ -0,0 +1,15 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { useFormControlCarcassContext } from '../../FormControlCarcassContext';
+export var cnFormControlCarcassHint = cn('FormControlCarcassHint');
+export var FormControlCarcassHint = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, other = __rest(_a, ["children", "className"]);
+    var _b = useFormControlCarcassContext(), size = _b.size, disabled = _b.disabled, variant = _b.variant;
+    return (React.createElement("span", __assign({}, other, { ref: ref, className: cnFormControlCarcassHint({
+            size: size,
+            disabled: disabled,
+            variant: variant,
+        }, [className]) }), children));
+});
+FormControlCarcassHint.displayName = 'FormControlCarcassHint';

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

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

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

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

package/__inner__/esm/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__/esm/components/FormControlCarcass/components/FormControlCarcassHint/types.js

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

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

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

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

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

package/__inner__/esm/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__/esm/components/FormControlCarcass/constants.js

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

package/__inner__/esm/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__/esm/components/FormControlCarcass/entities/align.js

@@ -0,0 +1,5 @@
+export var formControlCarcassAlignVariant = [
+    'top',
+    'bottom',
+    'center',
+];

package/__inner__/esm/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__/esm/components/FormControlCarcass/entities/content.js

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

package/__inner__/esm/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__/esm/components/FormControlCarcass/entities/control.js

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

package/__inner__/esm/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__/esm/components/FormControlCarcass/entities/index.js

@@ -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__/esm/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__/esm/components/FormControlCarcass/entities/label.js

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