@ozen-ui/kit 0.67.0 → 0.68.0

package/__inner__/cjs/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__/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.IS_DEV) {
+    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];

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formControlCarcassVariant = void 0;
+exports.formControlCarcassVariant = ['default', 'error'];

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

@@ -0,0 +1,6 @@
+export * from './components';
+export * from './entities';
+export * from './modules';
+export * from './FormControlCarcass';
+export * from './FormControlCarcassContext';
+export * from './types';

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./components"), exports);
+tslib_1.__exportStar(require("./entities"), exports);
+tslib_1.__exportStar(require("./modules"), exports);
+tslib_1.__exportStar(require("./FormControlCarcass"), exports);
+tslib_1.__exportStar(require("./FormControlCarcassContext"), exports);
+tslib_1.__exportStar(require("./types"), exports);

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

@@ -0,0 +1,4 @@
+.FormControlCarcassIcon {
+  --form-control-carcass-icon-color: var(--color-content-tertiary);
+  color: var(--form-control-carcass-icon-color);
+}

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

@@ -0,0 +1,3 @@
+import type { FormControlCarcassIconProps } from './types';
+export declare const cnFormControlCarcassIcon: import("@bem-react/classname").ClassNameFormatter;
+export declare const FormControlCarcassIcon: import("react").ForwardRefExoticComponent<Omit<FormControlCarcassIconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormControlCarcassIcon = exports.cnFormControlCarcassIcon = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var classname_1 = require("../../../../utils/classname");
+var renderContent_1 = require("../../../../utils/renderContent");
+var FormControlCarcassContext_1 = require("../../FormControlCarcassContext");
+var constants_1 = require("./constants");
+exports.cnFormControlCarcassIcon = (0, classname_1.cn)('FormControlCarcassIcon');
+exports.FormControlCarcassIcon = (0, react_1.forwardRef)(function (_a, ref) {
+    var icon = _a.icon, className = _a.className, other = tslib_1.__rest(_a, ["icon", "className"]);
+    var _b = (0, FormControlCarcassContext_1.useFormControlCarcassContext)(), size = _b.size, disabled = _b.disabled;
+    return (0, renderContent_1.renderContent)({
+        content: icon,
+        props: tslib_1.__assign(tslib_1.__assign({}, other), { ref: ref, size: constants_1.FORM_CONTROL_CARCASS_SIZE_TO_ICON_SIZE[size], className: (0, exports.cnFormControlCarcassIcon)({
+                disabled: disabled,
+            }, [className]) }),
+    });
+});
+exports.FormControlCarcassIcon.displayName = 'FormControlCarcassIcon';

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

@@ -0,0 +1,3 @@
+import type { IconSize } from '@ozen-ui/icons';
+import type { FormControlCarcassSizeVariant } from '../../entities';
+export declare const FORM_CONTROL_CARCASS_SIZE_TO_ICON_SIZE: Readonly<Record<FormControlCarcassSizeVariant, IconSize>>;

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FORM_CONTROL_CARCASS_SIZE_TO_ICON_SIZE = void 0;
+exports.FORM_CONTROL_CARCASS_SIZE_TO_ICON_SIZE = {
+    '2xs': 's',
+    xs: 's',
+    s: 's',
+    m: 'm',
+    l: 'm',
+};

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

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

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

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

package/__inner__/cjs/components/FormControlCarcass/modules/FormControlCarcassIcon/types.d.ts

@@ -0,0 +1,7 @@
+import type { IconProps, IconRef } from '@ozen-ui/icons';
+import type { RenderContentType } from '../../../../utils/renderContent';
+export type FormControlCarcassIconIcon = RenderContentType<IconProps>['content'];
+export type FormControlCarcassIconRef = IconRef;
+export type FormControlCarcassIconProps = {
+    icon: FormControlCarcassIconIcon;
+} & Omit<IconProps, 'size'>;

package/__inner__/cjs/components/FormControlCarcass/modules/FormControlCarcassIcon/types.js

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

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

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

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

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

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

@@ -0,0 +1,24 @@
+import type { ComponentPropsWithRef, ElementType, ReactNode } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import type { FormControlCarcassHintProps } from './components';
+import type { FORM_CONTROL_CARCASS_DEFAULT_AS } from './constants';
+import type { FormControlCarcassAlignVariant, FormControlCarcassRenderAfter, FormControlCarcassRenderAfterProps, FormControlCarcassSizeVariant, FormControlCarcassVariant, FormControlCarcassContentProps, FormControlCarcassControlProps } from './entities';
+export type FormControlLabelBaseProps = {
+    label?: ReactNode;
+    labelProps?: Omit<ComponentPropsWithRef<'span'>, 'children'>;
+    contentProps?: Omit<FormControlCarcassContentProps, 'children'>;
+    children?: ReactNode;
+    controlProps?: Omit<FormControlCarcassControlProps, 'children'>;
+    mirrored?: boolean;
+    hint?: string | null;
+    hintProps?: Omit<FormControlCarcassHintProps, 'children'>;
+    align?: FormControlCarcassAlignVariant;
+    renderAfter?: FormControlCarcassRenderAfter;
+    renderAfterProps?: Omit<FormControlCarcassRenderAfterProps, 'children'>;
+    variant?: FormControlCarcassVariant;
+    size?: FormControlCarcassSizeVariant;
+    disabled?: boolean;
+    className?: string;
+    'data-testid'?: string;
+};
+export type FormControlCarcassProps<As extends ElementType = typeof FORM_CONTROL_CARCASS_DEFAULT_AS> = PolymorphicComponentPropsWithoutRef<FormControlLabelBaseProps, As>;

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

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

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

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

package/__inner__/cjs/components/Radio/Radio.js

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

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

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

package/__inner__/cjs/components/RadioGroup/RadioGroup.js

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

package/__inner__/cjs/components/RadioGroupNext/RadioGroup.css

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

package/__inner__/cjs/components/RadioGroupNext/RadioGroup.d.ts

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