@ozen-ui/kit 0.67.0 → 0.69.0

package/__inner__/esm/components/Snackbar/components/Snackbar/Snackbar.d.ts

@@ -8,9 +8,11 @@ export type SnackbarProps = PortalProps & {
     /** Расположение сообщения относительно контейнера */
     anchorOrigin?: SnackbarAnchorOrigin;
 };
-export declare const Snackbar: React.ForwardRefExoticComponent<import("../../../Portal").PortalBaseProps & {
+export declare const Snackbar: React.ForwardRefExoticComponent<{
+    container?: import("../../../../hooks/usePortalContainer").PortalContainer;
+} & Omit<import("../../../PortalBase").PortalBaseBaseProps, "container"> & {
     as?: "div" | undefined;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("../../../Portal").PortalBaseProps> & {
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "data-testid" | "container" | "disablePortal"> & {
     /** Расположение сообщения относительно контейнера */
     anchorOrigin?: SnackbarAnchorOrigin;
 } & React.RefAttributes<HTMLDivElement>>;

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

@@ -2,7 +2,7 @@ import type { SnackbarAnchorOrigin } from './types';
 export declare const SNACKBAR_DEFAULT_ANCHOR_ORIGIN: SnackbarAnchorOrigin;
 export declare const SNACKBAR_DEFAULT_MAX_MESSAGES = 3;
 export declare const SNACKBAR_DEFAULT_DISABLE_WINDOW_BLUR_LISTENER = false;
-export declare const SNACKBAR_DEFAULT_CONTAINER: HTMLElement;
+export declare const SNACKBAR_DEFAULT_CONTAINER: () => HTMLElement;
 export declare const SNACKBAR_DEFAULT_LIFETIME = 5000;
 export declare const SNACKBAR_ITEM_DEFAULT_STATUS = "info";
 export declare const SNACKBAR_ITEM_COLLAPSE_TRANSITION_TIMEOUT = 300;

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

@@ -4,7 +4,9 @@ export var SNACKBAR_DEFAULT_ANCHOR_ORIGIN = {
 };
 export var SNACKBAR_DEFAULT_MAX_MESSAGES = 3;
 export var SNACKBAR_DEFAULT_DISABLE_WINDOW_BLUR_LISTENER = false;
-export var SNACKBAR_DEFAULT_CONTAINER = document.body;
+export var SNACKBAR_DEFAULT_CONTAINER = (function () {
+    return document.body;
+});
 export var SNACKBAR_DEFAULT_LIFETIME = 5000;
 export var SNACKBAR_ITEM_DEFAULT_STATUS = 'info';
 export var SNACKBAR_ITEM_COLLAPSE_TRANSITION_TIMEOUT = 300;

package/__inner__/esm/components/Stack/Stack.js

@@ -36,3 +36,4 @@ export var Stack = polymorphicComponentWithRef(function (inProps, ref) {
             wrap: wrap,
         }), generateDirectionCn(cnStack, direction), generateGapCn(cnStack, gap), className), ref: ref }), resolveChildren()));
 });
+Stack.displayName = 'Stack';

package/__inner__/esm/components/Tabs/Tabs.js

@@ -2,6 +2,7 @@ import { __assign, __read, __rest } from "tslib";
 import './Tabs.css';
 import React, { useState, useCallback, useMemo, useEffect, forwardRef, useRef, } from 'react';
 import { isFragment } from 'react-is';
+import { isServer } from '../../constants/environment';
 import { useDebounceCallback } from '../../hooks/useDebounceCallback';
 import { useEventListener } from '../../hooks/useEventListener';
 import { animateProperty } from '../../utils/animateProperty';
@@ -118,6 +119,9 @@ export var Tabs = forwardRef(function (_a, ref) {
     };
     var handleKeyDown = useCallback(function (e) {
         var _a, _b;
+        if (isServer) {
+            return;
+        }
         var event = e;
         var key = event.key;
         if (!Object.keys(ControlKeys).includes(key))

package/__inner__/esm/components/Tabs/components/Tab/Tab.js

@@ -40,3 +40,4 @@ export var TabComponent = polymorphicComponentWithRef(function (_a, ref) {
 });
 TabComponent.displayName = 'Tab';
 export var Tab = React.memo(TabComponent);
+Tab.displayName = 'Tab';

package/__inner__/esm/components/Tag/Tag.js

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
 import './Tag.css';
 import React from 'react';
-import { deprecate } from '@ozen-ui/logger';
+import { useDeprecatedComponent } from '../../hooks/useDeprecated';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 import { polymorphicComponentWithRef, } from '../../utils/polymorphicComponentWithRef';
@@ -20,9 +20,7 @@ export var cnTag = cn('Tag');
 export var Tag = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'Tag' });
     var _a = props.size, size = _a === void 0 ? TAG_DEFAULT_SIZE : _a, _b = props.as, Tag = _b === void 0 ? TAG_DEFAULT_AS : _b, _c = props.variant, variant = _c === void 0 ? TAG_DEFAULT_VARIANT : _c, IconLeft = props.iconLeft, IconRight = props.iconRight, label = props.label, className = props.className, onRemove = props.onRemove, other = __rest(props, ["size", "as", "variant", "iconLeft", "iconRight", "label", "className", "onRemove"]);
-    if (process.env.NODE_ENV !== 'production') {
-        deprecate('Компонент «Tag» устарел. Для замены используйте компонент «TagNext».');
-    }
+    useDeprecatedComponent('Tag');
     return (React.createElement(Tag, __assign({ className: cnTag({ variant: variant, size: size }, [className]) }, other, { ref: ref }),
         IconLeft && React.createElement(IconLeft, { size: "s" }),
         React.createElement("span", { className: cnTag('Label') }, label),

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

@@ -4,6 +4,7 @@ import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphi
 import type { AccordionProps, AccordionSummaryProps } from '../Accordion';
 import type { AlertProps } from '../Alert';
 import type { AutocompleteProps } from '../Autocomplete';
+import type { AutocompleteBaseProps, AutocompleteBaseInputProps, AutocompleteBaseInputTagProps, AutocompleteBaseInputIconProps } from '../AutocompleteBase';
 import type { AutocompleteProps as AutocompletePropsNext } from '../AutocompleteNext';
 import type { AvatarProps } from '../Avatar';
 import type { BackdropProps } from '../Backdrop';
@@ -15,6 +16,8 @@ import type { CalendarProps } from '../Calendar';
 import type { CardProps } from '../Card';
 import type { CheckboxProps } from '../Checkbox';
 import type { CheckboxGroupProps } from '../CheckboxGroup';
+import type { CheckboxGroupProps as CheckboxGroupNextProps } from '../CheckboxGroupNext';
+import type { CheckboxProps as CheckboxNextProps } from '../CheckboxNext';
 import type { ChipProps } from '../Chip';
 import type { ChipGroupProps } from '../ChipGroup';
 import type { ChipProps as ChipNextProps } from '../ChipNext';
@@ -49,6 +52,8 @@ import type { PopoverProps } from '../Popover';
 import type { PortalProps } from '../Portal';
 import type { RadioProps } from '../Radio';
 import type { RadioGroupProps } from '../RadioGroup';
+import type { RadioGroupProps as RadioGroupNextProps } from '../RadioGroupNext';
+import type { RadioProps as RadioNextProps } from '../RadioNext';
 import type { SectionMessageProps } from '../SectionMessage';
 import type { SegmentProps } from '../Segment';
 import type { SelectProps } from '../Select';
@@ -61,6 +66,7 @@ import type { TagProps as TagPropsNext } from '../TagNext';
 import type { TextareaProps } from '../Textarea';
 import type { TitleProps } from '../Title';
 import type { ToggleProps } from '../Toggle';
+import type { ToggleProps as ToggleNextProps } from '../ToggleNext';
 import type { TooltipProps } from '../Tooltip';
 import type { TypographyProps } from '../Typography';
 import type { THEME_DEFAULT_TAG } from './constants';
@@ -84,6 +90,10 @@ export type Theme = {
         Alert?: Partial<AlertProps>;
         Autocomplete?: Partial<AutocompleteProps>;
         AutocompleteNext?: Partial<AutocompletePropsNext>;
+        AutocompleteBase?: Partial<AutocompleteBaseProps>;
+        AutocompleteBaseInput?: Partial<AutocompleteBaseInputProps>;
+        AutocompleteBaseInputIcon?: Partial<AutocompleteBaseInputIconProps>;
+        AutocompleteBaseInputTag?: Partial<AutocompleteBaseInputTagProps>;
         Avatar?: Partial<AvatarProps>;
         Backdrop?: Partial<BackdropProps>;
         Badge?: Partial<BadgeProps>;
@@ -93,6 +103,8 @@ export type Theme = {
         Calendar?: Partial<CalendarProps>;
         Card?: Partial<CardProps>;
         Checkbox?: Partial<CheckboxProps>;
+        CheckboxNext?: Partial<CheckboxNextProps>;
+        CheckboxGroupNext?: Partial<CheckboxGroupNextProps>;
         CheckboxGroup?: Partial<CheckboxGroupProps>;
         Chip?: Partial<ChipProps>;
         ChipNext?: Partial<ChipNextProps>;
@@ -133,7 +145,9 @@ export type Theme = {
         Popover?: Partial<PopoverProps>;
         Portal?: Partial<PortalProps>;
         Radio?: Partial<RadioProps>;
+        RadioNext?: Partial<RadioNextProps>;
         RadioGroup?: Partial<RadioGroupProps>;
+        RadioGroupNext?: Partial<RadioGroupNextProps>;
         SectionMessage?: Partial<SectionMessageProps>;
         Segment?: Partial<SegmentProps>;
         Select?: Partial<SelectProps>;
@@ -149,6 +163,7 @@ export type Theme = {
         Textarea?: Partial<TextareaProps>;
         Title?: Partial<TitleProps>;
         Toggle?: Partial<ToggleProps>;
+        ToggleNext?: Partial<ToggleNextProps>;
         Tooltip?: Partial<TooltipProps>;
         Typography?: Partial<TypographyProps>;
     };

package/__inner__/esm/components/Title/TitleContext.js

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import { IS_DEV } from '../../constants/environment';
+import { isDev } from '../../constants/environment';
 import { TITLE_DEFAULT_SIZE, TITLE_DEFAULT_VARIANT } from './constants';
 export var TitleContextDefaultValue = {
     variant: TITLE_DEFAULT_VARIANT,
@@ -8,6 +8,6 @@ export var TitleContextDefaultValue = {
 export var TitleContext = React.createContext(TitleContextDefaultValue);
 export var useTitleContext = function () { return useContext(TitleContext); };
 // Именованный провайдер
-if (IS_DEV) {
+if (isDev) {
     TitleContext.displayName = 'TitleContext';
 }

package/__inner__/esm/components/Title/components/variant/TitleVariant.js

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
 import React from 'react';
 import { logger } from '@ozen-ui/logger';
-import { IS_DEV } from '../../../../constants/environment';
+import { isDev } from '../../../../constants/environment';
 import { polymorphicComponentWithRef } from '../../../../utils/polymorphicComponentWithRef';
 import { titleVariant } from '../../entities';
 import { TitleMain } from './main';
@@ -14,8 +14,9 @@ export var TitleVariant = polymorphicComponentWithRef(function (_a, ref) {
     if (variant === 'secondary') {
         return React.createElement(TitleSecondary, __assign({}, other, { as: as, ref: ref }));
     }
-    if (IS_DEV) {
+    if (isDev) {
         logger.error("\u0423 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430 'Title' \u043D\u0435\u0442 \u0432\u0430\u0440\u0438\u0430\u043D\u0442\u0430 '".concat(variant, "'. \u0414\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0435 \u0432\u0430\u0440\u0438\u0430\u043D\u0442\u044B: [").concat(titleVariant.join(', '), "]'"));
     }
     return null;
 });
+TitleVariant.displayName = 'TitleVariant';

package/__inner__/esm/components/Title/modules/TitleTag/TitleTag.js

@@ -6,3 +6,4 @@ import { Tag } from '../../../TagNext';
 import { TITLE_TAG_DEFAULT_TAG } from './constants';
 export var cnTitleTag = cn('TitleTag');
 export var TitleTag = polymorphicComponentWithRef(function (props, ref) { return (React.createElement(Tag, __assign({ as: TITLE_TAG_DEFAULT_TAG }, props, { ref: ref, size: "xs", variant: "primary", color: "uncolored", className: cnTitleTag('', [props.className]) }))); });
+TitleTag.displayName = 'TitleTag';

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

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

package/__inner__/esm/components/Toggle/Toggle.js

@@ -1,11 +1,16 @@
 import { __assign, __rest } from "tslib";
 import './Toggle.css';
 import React, { forwardRef } from 'react';
+import { useDeprecatedComponent } from '../../hooks/useDeprecated';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 import { FormControlLabel } from '../FormControlLabel';
 export var cnToggle = cn('Toggle');
+/**
+ * @deprecated Компонент устарел. Для замены используйте компонент ToggleNext
+ */
 export var Toggle = forwardRef(function (inProps, ref) {
+    useDeprecatedComponent('Toggle');
     var props = useThemeProps({
         props: inProps,
         name: 'Toggle',

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

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

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

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

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

@@ -0,0 +1,26 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { useThemeProps } from '../../hooks/useThemeProps';
+import { cn } from '../../utils/classname';
+import { FormControlCarcass } from '../FormControlCarcass';
+import { TOGGLE_DEFAULT_MIRRORED, TOGGLE_DEFAULT_ALIGN, TOGGLE_DEFAULT_DISABLED, TOGGLE_DEFAULT_SIZE, TOGGLE_DEFAULT_VARIANT, } from './constants';
+import './Toggle.css';
+export var cnToggle = cn('ToggleNext');
+export var Toggle = forwardRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'ToggleNext',
+    });
+    var _a = props.align, align = _a === void 0 ? TOGGLE_DEFAULT_ALIGN : _a, _b = props.mirrored, mirrored = _b === void 0 ? TOGGLE_DEFAULT_MIRRORED : _b, _c = props.size, size = _c === void 0 ? TOGGLE_DEFAULT_SIZE : _c, _d = props.variant, variant = _d === void 0 ? TOGGLE_DEFAULT_VARIANT : _d, className = props.className, label = props.label, carcassProps = props.carcassProps, hintProps = props.hintProps, renderAfter = props.renderAfter, renderAfterProps = props.renderAfterProps, _e = props.disabled, disabled = _e === void 0 ? TOGGLE_DEFAULT_DISABLED : _e, hint = props.hint, checked = props.checked, inputRef = props.inputRef, dataTestid = props.dataTestid, other = __rest(props, ["align", "mirrored", "size", "variant", "className", "label", "carcassProps", "hintProps", "renderAfter", "renderAfterProps", "disabled", "hint", "checked", "inputRef", "dataTestid"]);
+    return (React.createElement(FormControlCarcass, __assign({}, carcassProps, { ref: ref, size: size, align: align, mirrored: !mirrored, hint: hint, label: label, hintProps: hintProps, disabled: disabled, className: cnToggle({
+            disabled: disabled,
+            mirrored: mirrored,
+            variant: variant,
+            size: size,
+        }, [className]), variant: variant, controlProps: {
+            className: cnToggle('Box'),
+        }, renderAfter: renderAfter, renderAfterProps: renderAfterProps, "data-testid": dataTestid }),
+        React.createElement("input", __assign({ type: "checkbox", className: cnToggle('Input'), disabled: disabled, checked: checked }, other, { ref: inputRef })),
+        React.createElement("span", { className: cnToggle('Switch') })));
+});
+Toggle.displayName = 'Toggle';

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

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

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

@@ -0,0 +1,5 @@
+export var TOGGLE_DEFAULT_ALIGN = 'top';
+export var TOGGLE_DEFAULT_SIZE = 'm';
+export var TOGGLE_DEFAULT_VARIANT = 'default';
+export var TOGGLE_DEFAULT_MIRRORED = false;
+export var TOGGLE_DEFAULT_DISABLED = false;

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

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

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

@@ -0,0 +1,2 @@
+import { formControlCarcassAlignVariant } from '../../FormControlCarcass';
+export var toggleAlignVariant = formControlCarcassAlignVariant;

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

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

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

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

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

@@ -0,0 +1,5 @@
+export * from './align';
+export * from './hintProps';
+export * from './renderAfter';
+export * from './size';
+export * from './variant';

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

@@ -0,0 +1,5 @@
+export * from './align';
+export * from './hintProps';
+export * from './renderAfter';
+export * from './size';
+export * from './variant';

package/__inner__/esm/components/ToggleNext/entities/renderAfter.d.ts

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+import { formControlCarcassSizeVariant } from '../../FormControlCarcass';
+export var toggleSizeVariant = formControlCarcassSizeVariant;

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

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

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

@@ -0,0 +1,2 @@
+import { formControlCarcassVariant } from '../../FormControlCarcass';
+export var toggleVariant = formControlCarcassVariant;

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { FormControlCarcassIcon } from '../../../FormControlCarcass';
+export var cnToggleIcon = cn('ToggleNextIcon');
+export var ToggleIcon = forwardRef(function (_a, ref) {
+    var icon = _a.icon, className = _a.className, other = __rest(_a, ["icon", "className"]);
+    return (React.createElement(FormControlCarcassIcon, __assign({}, other, { ref: ref, icon: icon, className: cnToggleIcon('', [className]) })));
+});
+ToggleIcon.displayName = 'ToggleIcon';

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/__inner__/esm/components/Tooltip/Tooltip.js

@@ -1,10 +1,10 @@
 import { __assign, __read, __rest, __spreadArray } from "tslib";
 import './Tooltip.css';
 import React, { useRef, useMemo, useEffect, useState } from 'react';
-import { deprecate } from '@ozen-ui/logger';
 import { useBoolean } from '../../hooks/useBoolean';
 import { useControlled } from '../../hooks/useControlled';
 import { useDebounceCallback } from '../../hooks/useDebounceCallback';
+import { useDeprecatedProperty } from '../../hooks/useDeprecated';
 import { useMultiRef } from '../../hooks/useMultiRef';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
@@ -15,9 +15,7 @@ export var cnTooltip = cn('Tooltip');
 export var Tooltip = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'Tooltip' });
     var _a = props.trigger, trigger = _a === void 0 ? TOOLTIP_DEFAULT_TRIGGER : _a, _b = props.size, size = _b === void 0 ? TOOLTIP_DEFAULT_SIZE : _b, _c = props.offset, offset = _c === void 0 ? TOOLTIP_DEFAULT_OFFSET : _c, _d = props.delayEnter, delayEnter = _d === void 0 ? TOOLTIP_DEFAULT_DELAY_ENTER : _d, _e = props.delayLeave, delayLeave = _e === void 0 ? TOOLTIP_DEFAULT_DELAY_LEAVE : _e, _f = props.arrow, arrow = _f === void 0 ? TOOLTIP_DEFAULT_ARROW : _f, _g = props.shouldWrapChildren, shouldWrapChildren = _g === void 0 ? TOOLTIP_DEFAULT_SHOULD_WRAP_CHILDREN : _g, _h = props.disabled, disabled = _h === void 0 ? TOOLTIP_DEFAULT_DISABLED : _h, _j = props.inverse, inverse = _j === void 0 ? TOOLTIP_DEFAULT_INVERSE : _j, _k = props.as, as = _k === void 0 ? TOOLTIP_DEFAULT_TAG : _k, modifiersProp = props.modifiers, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, variant = props.variant, children = props.children, label = props.label, openProp = props.open, className = props.className, onOpen = props.onOpen, onClose = props.onClose, other = __rest(props, ["trigger", "size", "offset", "delayEnter", "delayLeave", "arrow", "shouldWrapChildren", "disabled", "inverse", "as", "modifiers", "onMouseEnter", "onMouseLeave", "variant", "children", "label", "open", "className", "onOpen", "onClose"]);
-    if (process.env.NODE_ENV !== 'production' && variant) {
-        deprecate('Свойство «variant» устарело. Для замены используйте «inverse».');
-    }
+    useDeprecatedProperty(!!variant, 'variant', 'inverse');
     var anchorRef = useRef(null);
     var _l = __read(useState(), 2), delay = _l[0], setDelay = _l[1];
     var _m = __read(useBoolean(), 2), focused = _m[0], setFocused = _m[1];

package/__inner__/esm/constants/environment/isDev.d.ts

@@ -1 +1 @@
-export declare const IS_DEV: boolean;
+export declare const isDev: boolean;

package/__inner__/esm/constants/environment/isDev.js

@@ -1,2 +1,2 @@
-import { IS_PRODUCTION } from './isProduction';
-export var IS_DEV = !IS_PRODUCTION;
+import { isProduction } from './isProduction';
+export var isDev = !isProduction;

package/__inner__/esm/constants/environment/isProduction.d.ts

@@ -1 +1 @@
-export declare const IS_PRODUCTION: boolean;
+export declare const isProduction: boolean;

package/__inner__/esm/constants/environment/isProduction.js

@@ -1 +1 @@
-export var IS_PRODUCTION = process.env.NODE_ENV === 'production';
+export var isProduction = process.env.NODE_ENV === 'production';

package/__inner__/esm/hooks/useBreakpoints/useBreakpoints.d.ts

@@ -1,4 +1,7 @@
 import { type BreakpointVariant } from '../../types/Breakpoints';
 type BreakpointMatches = Record<BreakpointVariant, boolean>;
+/**
+ * @deprecated Хук устарел. Для замены используйте useBreakpointsNext
+ */
 export declare function useBreakpoints(): BreakpointMatches;
 export {};