@ozen-ui/kit 0.66.0 → 0.68.0

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 {};

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

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

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

@@ -0,0 +1,2 @@
+import { formElementSizeVariant } from '../../../types/FormElementSizeVariant';
+export var formControlCarcassSizeVariant = formElementSizeVariant;

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

@@ -0,0 +1 @@
+export var formControlCarcassVariant = ['default', 'error'];

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

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

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

@@ -0,0 +1,18 @@
+import { __assign, __rest } from "tslib";
+import { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { renderContent } from '../../../../utils/renderContent';
+import { useFormControlCarcassContext } from '../../FormControlCarcassContext';
+import { FORM_CONTROL_CARCASS_SIZE_TO_ICON_SIZE } from './constants';
+export var cnFormControlCarcassIcon = cn('FormControlCarcassIcon');
+export var FormControlCarcassIcon = forwardRef(function (_a, ref) {
+    var icon = _a.icon, className = _a.className, other = __rest(_a, ["icon", "className"]);
+    var _b = useFormControlCarcassContext(), size = _b.size, disabled = _b.disabled;
+    return renderContent({
+        content: icon,
+        props: __assign(__assign({}, other), { ref: ref, size: FORM_CONTROL_CARCASS_SIZE_TO_ICON_SIZE[size], className: cnFormControlCarcassIcon({
+                disabled: disabled,
+            }, [className]) }),
+    });
+});
+FormControlCarcassIcon.displayName = 'FormControlCarcassIcon';

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

@@ -0,0 +1,7 @@
+export var FORM_CONTROL_CARCASS_SIZE_TO_ICON_SIZE = {
+    '2xs': 's',
+    xs: 's',
+    s: 's',
+    m: 'm',
+    l: 'm',
+};

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

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

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

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

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

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

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

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

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

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

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

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

package/__inner__/esm/components/InputNumber/utils.js

@@ -1,5 +1,5 @@
 import { Decimal } from 'decimal.js';
-import { isNumber } from '../../utils/isNumber';
+import { isNumber } from '../../utils/number';
 export var isValidValue = function (value) {
     return value !== '' && !Number.isNaN(value) && isNumber(value);
 };

package/__inner__/esm/components/InputOTP/helper.js

@@ -1,6 +1,6 @@
 import { isFunction } from '../../utils/isFunction';
-import { isNumber } from '../../utils/isNumber';
 import { isString } from '../../utils/isString';
+import { isNumber } from '../../utils/number';
 export var maskSymbol = function (mask, value, index) {
     if (value === '') {
         return '';

package/__inner__/esm/components/InputOTP/hooks/useInputOTPEvents.js

@@ -2,7 +2,7 @@ import { __read, __spreadArray } from "tslib";
 import { isFunction } from '../../../utils/isFunction';
 import { isKey } from '../../../utils/isKey';
 import { isKeys } from '../../../utils/isKeys';
-import { isNumber } from '../../../utils/isNumber';
+import { isNumber } from '../../../utils/number';
 import { maskSymbol, maskValue, valueToString } from '../helper';
 export var useInputOTPEvents = function (_a) {
     var inputs = _a.inputs, valueByIndex = _a.valueByIndex, setValueByIndex = _a.setValueByIndex, validateFromProps = _a.validate, length = _a.length, onPasteFromProps = _a.onPaste, onKeyDownFromProps = _a.onKeyDown, onFinish = _a.onFinish, mask = _a.mask, finishBehavior = _a.finishBehavior;

package/__inner__/esm/components/Pagination/Pagination.js

@@ -3,7 +3,7 @@ import './Pagination.css';
 import React, { useMemo } from 'react';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
-import { isNumber } from '../../utils/isNumber';
+import { isNumber } from '../../utils/number';
 import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
 import { PaginationItem, cnPaginationItem, } from './components';
 import { PAGINATION_DEFAULT_TAG, PAGINATION_DEFAULT_PAGE, PAGINATION_DEFAULT_SIBLING_COUNT, PAGINATION_DEFAULT_SIZE, ELLIPSIS, NEXT, PAGE, PREVIOUS, } from './constants';

package/__inner__/esm/components/Pagination/components/PaginationItem/PaginationItem.js

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
 import React, { forwardRef } from 'react';
 import { cn } from '../../../../utils/classname';
-import { isNumber } from '../../../../utils/isNumber';
+import { isNumber } from '../../../../utils/number';
 import { ButtonBase } from '../../../ButtonBase';
 import { IconButton } from '../../../IconButtonNext';
 import { NEXT, ELLIPSIS, PREVIOUS, PAGINATION_ITEM_DEFAULT_SELECTED, PAGINATION_ITEM_DEFAULT_DISABLED, PAGINATION_ITEM_DEFAULT_SIZE, } from '../../constants';

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

@@ -7,6 +7,9 @@ import { FormControlLabel } from '../FormControlLabel';
 import { RadioGroupContext } from '../RadioGroup/RadioGroupContext';
 import { RADIO_DEFAULT_ALIGN, RADIO_DEFAULT_LABEL_PLACEMENT, RADIO_DEFAULT_SIZE, } from './constants';
 export var cnRadio = cn('Radio');
+/**
+ * @deprecated Компонент устарел. Для замены используйте компонент RadioNext
+ */
 export var Radio = forwardRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,

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

@@ -10,6 +10,9 @@ import { FormTitle } from '../FormTitle';
 import { RADIO_GROUP_DEFAULT_DIRECTION, RADIO_GROUP_DEFAULT_SIZE, RADIO_GROUP_DEFAULT_AS, } from './constants';
 import { RadioGroupContext } from './RadioGroupContext';
 export var cnRadioGroup = cn('RadioGroup');
+/**
+ * @deprecated Компонент устарел. Для замены используйте компонент RadioGroupNext
+ */
 export var RadioGroup = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,

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

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

package/__inner__/esm/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">;

package/__inner__/esm/components/RadioGroupNext/RadioGroup.js

@@ -0,0 +1,42 @@
+import { __assign, __read, __rest } from "tslib";
+import './RadioGroup.css';
+import React from 'react';
+import { useControlled } from '../../hooks/useControlled';
+import { useThemeProps } from '../../hooks/useThemeProps';
+import { cn } from '../../utils/classname';
+import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
+import { FormGroup } from '../FormGroup';
+import { FormTitle } from '../FormTitle';
+import { RADIO_GROUP_DEFAULT_DIRECTION, RADIO_GROUP_DEFAULT_SIZE, RADIO_GROUP_DEFAULT_AS, RADIO_GROUP_DEFAULT_VARIANT, RADIO_GROUP_DEFAULT_MIRRORED, RADIO_GROUP_DEFAULT_ALIGN, } from './constants';
+import { RadioGroupContext } from './RadioGroupContext';
+export var cnRadioGroup = cn('RadioGroupNext');
+export var RadioGroup = polymorphicComponentWithRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'RadioGroupNext',
+    });
+    var _a = props.direction, direction = _a === void 0 ? RADIO_GROUP_DEFAULT_DIRECTION : _a, _b = props.size, size = _b === void 0 ? RADIO_GROUP_DEFAULT_SIZE : _b, _c = props.as, Tag = _c === void 0 ? RADIO_GROUP_DEFAULT_AS : _c, _d = props.variant, variant = _d === void 0 ? RADIO_GROUP_DEFAULT_VARIANT : _d, _e = props.mirrored, mirrored = _e === void 0 ? RADIO_GROUP_DEFAULT_MIRRORED : _e, _f = props.align, align = _f === void 0 ? RADIO_GROUP_DEFAULT_ALIGN : _f, title = props.title, className = props.className, children = props.children, name = props.name, valueProp = props.value, defaultValue = props.defaultValue, onChange = props.onChange, other = __rest(props, ["direction", "size", "as", "variant", "mirrored", "align", "title", "className", "children", "name", "value", "defaultValue", "onChange"]);
+    var _g = __read(useControlled({
+        value: valueProp,
+        defaultValue: defaultValue,
+        name: 'RadioGroup',
+        state: 'value',
+    }), 2), valueState = _g[0], setValueState = _g[1];
+    var handleChange = function (event) {
+        setValueState(event.target.value);
+        onChange === null || onChange === void 0 ? void 0 : onChange(event);
+    };
+    return (React.createElement(RadioGroupContext.Provider, { value: {
+            value: valueState,
+            onChange: handleChange,
+            name: name,
+            size: size,
+            variant: variant,
+            mirrored: mirrored,
+            align: align,
+        } },
+        React.createElement(Tag, __assign({ className: cnRadioGroup({ size: size }, [className]), role: "radiogroup" }, other, { ref: ref }),
+            title && React.createElement(FormTitle, { size: size }, title),
+            React.createElement(FormGroup, { direction: direction, size: size }, children))));
+});
+RadioGroup.displayName = 'RadioGroup';

package/__inner__/esm/components/RadioGroupNext/RadioGroupContext.d.ts

@@ -0,0 +1,13 @@
+import type React from 'react';
+import type { RadioAlignVariant, RadioSizeVariant, RadioVariant } from '../RadioNext';
+export type RadioGroupContextValue = {
+    name: string | undefined;
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    value?: string;
+    size?: RadioSizeVariant;
+    variant?: RadioVariant;
+    align?: RadioAlignVariant;
+    mirrored?: boolean;
+};
+export declare const RadioGroupContext: React.Context<RadioGroupContextValue | undefined>;
+export declare const useRadioGroupContext: () => RadioGroupContextValue | undefined;

package/__inner__/esm/components/RadioGroupNext/RadioGroupContext.js

@@ -0,0 +1,8 @@
+import { useContext, createContext } from 'react';
+import { IS_DEV } from '../../constants/environment';
+export var RadioGroupContext = createContext(undefined);
+export var useRadioGroupContext = function () { return useContext(RadioGroupContext); };
+// Именованный провайдер
+if (IS_DEV) {
+    RadioGroupContext.displayName = 'RadioGroupContext';
+}

package/__inner__/esm/components/RadioGroupNext/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const RADIO_GROUP_DEFAULT_DIRECTION = "column";
+export declare const RADIO_GROUP_DEFAULT_SIZE = "m";
+export declare const RADIO_GROUP_DEFAULT_MIRRORED = false;
+export declare const RADIO_GROUP_DEFAULT_ALIGN = "top";
+export declare const RADIO_GROUP_DEFAULT_AS = "div";
+export declare const RADIO_GROUP_DEFAULT_VARIANT = "default";

package/__inner__/esm/components/RadioGroupNext/constants.js

@@ -0,0 +1,7 @@
+import { RADIO_DEFAULT_SIZE, RADIO_DEFAULT_VARIANT, RADIO_DEFAULT_ALIGN, RADIO_DEFAULT_MIRRORED, } from '../RadioNext/constants';
+export var RADIO_GROUP_DEFAULT_DIRECTION = 'column';
+export var RADIO_GROUP_DEFAULT_SIZE = RADIO_DEFAULT_SIZE;
+export var RADIO_GROUP_DEFAULT_MIRRORED = RADIO_DEFAULT_MIRRORED;
+export var RADIO_GROUP_DEFAULT_ALIGN = RADIO_DEFAULT_ALIGN;
+export var RADIO_GROUP_DEFAULT_AS = 'div';
+export var RADIO_GROUP_DEFAULT_VARIANT = RADIO_DEFAULT_VARIANT;

package/__inner__/esm/components/RadioGroupNext/entities/direction.d.ts

@@ -0,0 +1,2 @@
+export declare const radioGroupDirection: readonly ["row", "column", "rowReverse", "columnReverse"];
+export type RadioGroupDirection = (typeof radioGroupDirection)[number];

package/__inner__/esm/components/RadioGroupNext/entities/direction.js

@@ -0,0 +1,2 @@
+import { formGroupDirectionVariant } from '../../FormGroup';
+export var radioGroupDirection = formGroupDirectionVariant;

package/__inner__/esm/components/RadioGroupNext/entities/index.d.ts

@@ -0,0 +1,2 @@
+export * from './direction';
+export * from './value';

package/__inner__/esm/components/RadioGroupNext/entities/index.js

@@ -0,0 +1,2 @@
+export * from './direction';
+export * from './value';

package/__inner__/esm/components/RadioGroupNext/entities/value.d.ts

@@ -0,0 +1 @@
+export type RadioGroupValue = string;

package/__inner__/esm/components/RadioGroupNext/entities/value.js

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

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

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

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

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