@ozen-ui/kit 0.72.1 → 0.74.0

package/__inner__/cjs/hooks/useIntersectionObserver/types.d.ts

@@ -0,0 +1,29 @@
+import type { RefObject } from 'react';
+import type { StoredValue } from '../useStoredValue';
+export type UseIntersectionObserverElement = RefObject<Element | null | undefined> | Element | undefined | null;
+export type UseIntersectionObserverOnEntryChange = (entry: IntersectionObserverEntry | null) => void;
+export type UseIntersectionObserverOnViewChange = (inView: boolean) => void;
+export type UseIntersectionObserverOnShow = () => void;
+export type UseIntersectionObserverOnHidden = () => void;
+export type UseIntersectionObserverOptions = Omit<IntersectionObserverInit, 'root'> & {
+    /** Вызывается при изменении entry наблюдателя */
+    onEntryChange?: UseIntersectionObserverOnEntryChange;
+    /** Вызывается при входе/выходе элемента из viewport */
+    onViewChange?: UseIntersectionObserverOnViewChange;
+    /** Вызывается при входе элемента во viewport */
+    onShow?: UseIntersectionObserverOnShow;
+    /** Вызывается при выходе элемента из viewport */
+    onHidden?: UseIntersectionObserverOnHidden;
+    /** Если `true`, то включен */
+    enabled?: boolean;
+    /** Root наблюдателя */
+    root?: UseIntersectionObserverElement;
+};
+export type UseIntersectionObserverReturn = {
+    /** Entry наблюдателя */
+    entry: StoredValue<IntersectionObserverEntry | undefined>;
+    /** Если `true`, то элемент находится во viewport */
+    inView: StoredValue<boolean>;
+    /** Функция для переподключения к наблюдателю */
+    reconnect: () => void;
+};

package/__inner__/cjs/hooks/useIntersectionObserver/types.js

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

package/__inner__/cjs/hooks/useIntersectionObserver/useIntersectionObserver.d.ts

@@ -0,0 +1,6 @@
+import type { UseIntersectionObserverElement, UseIntersectionObserverOptions, UseIntersectionObserverReturn } from './types';
+export declare function useIntersectionObserver(
+/** Отслеживаемый компонент */
+target: UseIntersectionObserverElement, 
+/** Параметры отслеживания */
+options?: UseIntersectionObserverOptions): UseIntersectionObserverReturn;

package/__inner__/cjs/hooks/useIntersectionObserver/useIntersectionObserver.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIntersectionObserver = useIntersectionObserver;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var utils_1 = require("../../utils");
+var useMutableRef_1 = require("../useMutableRef");
+var useStoredValue_1 = require("../useStoredValue");
+function useIntersectionObserver(
+/** Отслеживаемый компонент */
+target, 
+/** Параметры отслеживания */
+options) {
+    var _a;
+    var isEnabled = (_a = options === null || options === void 0 ? void 0 : options.enabled) !== null && _a !== void 0 ? _a : true;
+    var savedOnEntryChange = (0, useMutableRef_1.useMutableRef)(options === null || options === void 0 ? void 0 : options.onEntryChange);
+    var savedOnViewChange = (0, useMutableRef_1.useMutableRef)(options === null || options === void 0 ? void 0 : options.onViewChange);
+    var savedOnShow = (0, useMutableRef_1.useMutableRef)(options === null || options === void 0 ? void 0 : options.onShow);
+    var savedOnHidden = (0, useMutableRef_1.useMutableRef)(options === null || options === void 0 ? void 0 : options.onHidden);
+    var entry = (0, useStoredValue_1.useStoredValue)(undefined);
+    var inView = (0, useStoredValue_1.useStoredValue)(false);
+    var observer = (0, useStoredValue_1.useStoredValue)(function () { return new IntersectionObserver(function () { }); });
+    var connect = (0, react_1.useCallback)(function () {
+        if (!isEnabled) {
+            return;
+        }
+        var element = (0, utils_1.isRef)(target) ? target.current : target;
+        if (!element) {
+            return;
+        }
+        var root = (function () {
+            var root = options === null || options === void 0 ? void 0 : options.root;
+            if (!root) {
+                return document;
+            }
+            return (0, utils_1.isRef)(options.root) ? options.root.current : options.root;
+        })();
+        observer.current = new IntersectionObserver(function (_a) {
+            var _b, _c, _d, _e, _f;
+            var _g = tslib_1.__read(_a, 1), newEntry = _g[0];
+            var previousInView = !!((_b = entry.current) === null || _b === void 0 ? void 0 : _b.isIntersecting);
+            var currentInView = !!(newEntry === null || newEntry === void 0 ? void 0 : newEntry.isIntersecting);
+            entry.current = newEntry;
+            inView.current = currentInView;
+            (_c = savedOnEntryChange.current) === null || _c === void 0 ? void 0 : _c.call(savedOnEntryChange, newEntry !== null && newEntry !== void 0 ? newEntry : null);
+            if (previousInView === currentInView) {
+                return;
+            }
+            (_d = savedOnViewChange.current) === null || _d === void 0 ? void 0 : _d.call(savedOnViewChange, currentInView);
+            if (currentInView) {
+                (_e = savedOnShow.current) === null || _e === void 0 ? void 0 : _e.call(savedOnShow);
+            }
+            else {
+                (_f = savedOnHidden.current) === null || _f === void 0 ? void 0 : _f.call(savedOnHidden);
+            }
+        }, tslib_1.__assign(tslib_1.__assign({}, options), { root: root }));
+        observer.current.observe(element);
+    }, [
+        (0, utils_1.isRef)(target) ? target.current : target,
+        options === null || options === void 0 ? void 0 : options.rootMargin,
+        options === null || options === void 0 ? void 0 : options.threshold,
+        options === null || options === void 0 ? void 0 : options.root,
+        isEnabled,
+    ]);
+    var disconnect = (0, react_1.useCallback)(function () {
+        observer.current.disconnect();
+    }, [observer]);
+    var reconnect = (0, react_1.useCallback)(function () {
+        disconnect();
+        connect();
+    }, [disconnect, connect]);
+    (0, react_1.useEffect)(function () {
+        reconnect();
+    }, [connect]);
+    (0, react_1.useEffect)(function () { return function () {
+        disconnect();
+    }; }, []);
+    return { entry: entry, inView: inView, reconnect: reconnect };
+}

package/__inner__/cjs/types/index.d.ts

@@ -0,0 +1,10 @@
+export * from './css';
+export * from './function';
+export * from './object';
+export * from './react';
+export * from './Breakpoints';
+export * from './ExtendableComponentPropsWithRef';
+export * from './ExtendableProps';
+export * from './FormElementSizeVariant';
+export * from './KeyCode';
+export * from './ResponsiveValue';

package/__inner__/cjs/types/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./css"), exports);
+tslib_1.__exportStar(require("./function"), exports);
+tslib_1.__exportStar(require("./object"), exports);
+tslib_1.__exportStar(require("./react"), exports);
+tslib_1.__exportStar(require("./Breakpoints"), exports);
+tslib_1.__exportStar(require("./ExtendableComponentPropsWithRef"), exports);
+tslib_1.__exportStar(require("./ExtendableProps"), exports);
+tslib_1.__exportStar(require("./FormElementSizeVariant"), exports);
+tslib_1.__exportStar(require("./KeyCode"), exports);
+tslib_1.__exportStar(require("./ResponsiveValue"), exports);

package/__inner__/cjs/types/object/withRequired.d.ts

@@ -1,3 +1 @@
-export type WithRequired<T, K extends keyof T> = T & {
-    [P in K]-?: T[P];
-};
+export type WithRequired<T, K extends keyof T> = Omit<T, K> & Required<Pick<T, K>>;

package/__inner__/cjs/utils/index.d.ts

@@ -0,0 +1,30 @@
+export * from './array';
+export * from './breakpoint';
+export * from './capitalizeFirstLetter';
+export * from './css';
+export * from './date';
+export * from './generateUniqKey';
+export * from './getByMap';
+export * from './getScrollBarSize';
+export * from './math';
+export * from './number';
+export * from './object';
+export * from './react';
+export * from './renderContent';
+export * from './shallowEqual';
+export * from './string';
+export * from './animateProperty';
+export * from './classname';
+export * from './getFocusableElements';
+export * from './getIconSizeToFormElement';
+export * from './getNextIndex';
+export * from './getPaperSizeToFormElement';
+export * from './getPrevIndex';
+export * from './isFunction';
+export * from './isKey';
+export * from './isKeys';
+export * from './isNotNil';
+export * from './isString';
+export * from './polymorphicComponentWithRef';
+export * from './scrollContainerToElement';
+export * from './setRef';

package/__inner__/cjs/utils/index.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./array"), exports);
+tslib_1.__exportStar(require("./breakpoint"), exports);
+tslib_1.__exportStar(require("./capitalizeFirstLetter"), exports);
+tslib_1.__exportStar(require("./css"), exports);
+tslib_1.__exportStar(require("./date"), exports);
+tslib_1.__exportStar(require("./generateUniqKey"), exports);
+tslib_1.__exportStar(require("./getByMap"), exports);
+tslib_1.__exportStar(require("./getScrollBarSize"), exports);
+tslib_1.__exportStar(require("./math"), exports);
+tslib_1.__exportStar(require("./number"), exports);
+tslib_1.__exportStar(require("./object"), exports);
+tslib_1.__exportStar(require("./react"), exports);
+tslib_1.__exportStar(require("./renderContent"), exports);
+tslib_1.__exportStar(require("./shallowEqual"), exports);
+tslib_1.__exportStar(require("./string"), exports);
+tslib_1.__exportStar(require("./animateProperty"), exports);
+tslib_1.__exportStar(require("./classname"), exports);
+tslib_1.__exportStar(require("./getFocusableElements"), exports);
+tslib_1.__exportStar(require("./getIconSizeToFormElement"), exports);
+tslib_1.__exportStar(require("./getNextIndex"), exports);
+tslib_1.__exportStar(require("./getPaperSizeToFormElement"), exports);
+tslib_1.__exportStar(require("./getPrevIndex"), exports);
+tslib_1.__exportStar(require("./isFunction"), exports);
+tslib_1.__exportStar(require("./isKey"), exports);
+tslib_1.__exportStar(require("./isKeys"), exports);
+tslib_1.__exportStar(require("./isNotNil"), exports);
+tslib_1.__exportStar(require("./isString"), exports);
+tslib_1.__exportStar(require("./polymorphicComponentWithRef"), exports);
+tslib_1.__exportStar(require("./scrollContainerToElement"), exports);
+tslib_1.__exportStar(require("./setRef"), exports);

package/__inner__/cjs/utils/react/extractRef.d.ts

@@ -0,0 +1,2 @@
+import type { RefObject } from 'react';
+export declare const extractRef: <Element extends HTMLElement>(element: RefObject<Element | null> | Element | null | undefined) => Element | null;

package/__inner__/cjs/utils/react/extractRef.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extractRef = void 0;
+var isRef_1 = require("./isRef");
+var extractRef = function (element) {
+    if ((0, isRef_1.isRef)(element)) {
+        return element.current;
+    }
+    return element !== null && element !== void 0 ? element : null;
+};
+exports.extractRef = extractRef;

package/__inner__/cjs/utils/react/index.d.ts

@@ -1,4 +1,5 @@
 export * from './extractElementsFromChildren';
+export * from './extractRef';
 export * from './isNodeWithDisplayName';
 export * from './isRef';
 export * from './resolveChildren';

package/__inner__/cjs/utils/react/index.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./extractElementsFromChildren"), exports);
+tslib_1.__exportStar(require("./extractRef"), exports);
 tslib_1.__exportStar(require("./isNodeWithDisplayName"), exports);
 tslib_1.__exportStar(require("./isRef"), exports);
 tslib_1.__exportStar(require("./resolveChildren"), exports);

package/__inner__/esm/components/Autocomplete/helper.d.ts

@@ -4,7 +4,7 @@ export declare const defaultGetOptionLabel: AutocompletePropGetOptionLabel<Autoc
 export declare const defaultGetOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption>;
 export declare function withDefaultGetters<OPTION>(props: AutocompleteProps<OPTION>): {
     options: OPTION[];
-    size?: import("../../types/FormElementSizeVariant").FormElementSizeVariant;
+    size?: import("../../types").FormElementSizeVariant;
     value?: import("./types").AutocompletePropValue<OPTION>;
     defaultValue?: import("./types").AutocompletePropValue<OPTION>;
     open?: boolean;

package/__inner__/esm/components/AutocompleteBase/hooks/useAutocompleteBaseInputEvents/useAutocompleteBaseInputEvents.js

@@ -35,6 +35,19 @@ export var useAutocompleteBaseInputEvents = function (_a) {
             }
         }
     }, [observableValuesAllowCustomValueSync, allowCustomValue]);
+    var previousMultiple = useStoredValue(multiple);
+    /** Исправляет баг, когда при переключении режимов "input" не сбрасывается */
+    useEffect(function () {
+        if (previousMultiple.current === multiple) {
+            return;
+        }
+        var isFromSingleToMultiple = !previousMultiple.current && multiple;
+        if (isFromSingleToMultiple) {
+            lastInputValue.current = '';
+            inputControl.setValue(null, '');
+        }
+        previousMultiple.current = multiple;
+    }, [multiple]);
     var onChange = function (event) {
         var value = event.target.value;
         // Открываем список при вводе первого символа (при условии, что список еще не открыт)

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseDropdown/constants.d.ts

@@ -1 +1 @@
-export declare const AUTOCOMPLETE_BASE_DROPDOWN_DEFAULT_TAG: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<import("../../../Paper").PaperBaseProps, "div", "as">;
+export declare const AUTOCOMPLETE_BASE_DROPDOWN_DEFAULT_TAG: import("../../../../utils").PolymorphicComponentWithRef<import("../../../Paper").PaperBaseProps, "div", "as">;

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/AutocompleteBaseInput.css

@@ -80,20 +80,6 @@
     }
 
 
-.AutocompleteBaseInput-Input_responsive {
-    flex-wrap: nowrap;
-    gap: unset;
-  }
-
-
-/* ToDo. Tag */
-
-
-.AutocompleteBaseInput-Input_responsive .AutocompleteBaseInput-Tag {
-      margin-inline-end: var(--spacing-3xs);
-    }
-
-
 .AutocompleteBaseInput-Input_multiple {
     display: flex;
     flex-wrap: wrap;
@@ -126,3 +112,14 @@
 .AutocompleteBaseInput-Input_multiple * + input::placeholder, .AutocompleteBaseInput-Input_multiple input:focus::placeholder, .AutocompleteBaseInput-Input_multiple.AutocompleteBaseInput-Input_hasLabel * + input::placeholder, .AutocompleteBaseInput-Input_multiple.AutocompleteBaseInput-Input_hasLabel input:focus::placeholder {
         opacity: 1;
       }
+
+
+.AutocompleteBaseInput-Input_responsive {
+    flex-wrap: nowrap;
+    gap: unset;
+  }
+
+
+.AutocompleteBaseInput-Input_responsive .AutocompleteBaseInput-Tag {
+      margin-inline-end: var(--spacing-3xs);
+    }

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/components/AutocompleteBaseInputMultiple/AutocompleteBaseInputMultiple.js

@@ -81,14 +81,13 @@ var AutocompleteInputMultipleRender = function (_a, ref) {
                 return renderTag(option, {
                     key: option.id,
                     label: option.label,
-                    className: cnAutocompleteBaseInput('Tag'),
+                    className: cnAutocompleteBaseInput('Tag', {
+                        hidden: (responsive || hasLimitTags) && !(visibleMap === null || visibleMap === void 0 ? void 0 : visibleMap[index]),
+                    }),
                     disabled: option.disabled,
                     iconRight: function (_a) {
                         var size = _a.size;
-                        return (React.createElement("span", { "aria-hidden": "true", "data-testid": "clear-tag", className: cnAutocompleteBaseInput('ClearTag', {
-                                hidden: (responsive || hasLimitTags) && !(visibleMap === null || visibleMap === void 0 ? void 0 : visibleMap[index]),
-                                disabled: option.disabled,
-                            }), onClick: function (event) {
+                        return (React.createElement("span", { "aria-hidden": "true", "data-testid": "clear-tag", className: cnAutocompleteBaseInput('ClearTag'), onClick: function (event) {
                                 if (option.disabled) {
                                     return;
                                 }

package/__inner__/esm/components/AutocompleteNext/Autocomplete.js

@@ -5,6 +5,7 @@ import { useControlled } from '../../hooks/useControlled';
 import { useElementSize } from '../../hooks/useElementSize';
 import { useMultiRef } from '../../hooks/useMultiRef';
 import { useMutableRef } from '../../hooks/useMutableRef';
+import { useStoredValue } from '../../hooks/useStoredValue';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 import { isKeys } from '../../utils/isKeys';
@@ -107,6 +108,19 @@ function AutocompleteRender(inProps, ref) {
                 changeInputValue(null, lastInputValue.current);
         }
     }, [valueState, allowCustomValue]);
+    var previousMultiple = useStoredValue(multiple);
+    /** Исправляет баг, когда при переключении режимов "input" не сбрасывается */
+    useEffect(function () {
+        if (previousMultiple.current === multiple) {
+            return;
+        }
+        var isFromSingleToMultiple = !previousMultiple.current && multiple;
+        if (isFromSingleToMultiple) {
+            lastInputValue.current = '';
+            changeInputValue(null, '');
+        }
+        previousMultiple.current = multiple;
+    }, [multiple]);
     /** Эффект — автофокусировка в текстовом поле */
     useEffect(function () {
         var _a;

package/__inner__/esm/components/AutocompleteNext/components/AutocompleteInput/AutocompleteInput.js

@@ -24,7 +24,7 @@ var AutocompleteInputRender = function (inProps, ref) {
         }
         if (isMultipleParams(inProps)) {
             var selectedOptions_1 = inProps.selectedOptions;
-            return (React.createElement(AutocompleteInputMultiple, __assign({ label: label, renderTag: renderTag, limitTags: limitTags, onRemoveTag: onRemoveTag, getOptionKey: getOptionKey, renderMoreTag: renderMoreTag, getOptionLabel: getOptionLabel, getOptionDisabled: getOptionDisabled, selectedOptions: selectedOptions_1, ref: ref }, other)));
+            return (React.createElement(AutocompleteInputMultiple, __assign({ label: label, renderTag: renderTag, limitTags: limitTags, onRemoveTag: onRemoveTag, getOptionKey: getOptionKey, renderMoreTag: renderMoreTag, getOptionLabel: getOptionLabel, getOptionDisabled: getOptionDisabled, selectedOptions: selectedOptions_1, ref: ref, size: size }, other)));
         }
         return null;
     };

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

@@ -6,14 +6,15 @@ import type { InputProps, InputRef } from '../Input';
 import type { AutocompleteDropdownProps } from './components';
 export declare const autocompleteRenderRightPosition: readonly ["before", "between", "after"];
 export type AutocompleteRenderRightPosition = (typeof autocompleteRenderRightPosition)[number];
+export type AutocompleteRenderOptionState = {
+    key?: string | number;
+    selected?: boolean;
+    disabled?: boolean;
+    focused?: boolean;
+};
 export type AutocompleteRenderOptionProps<OPTION> = {
     option: OPTION;
-    state: {
-        key?: string | number;
-        selected?: boolean;
-        disabled?: boolean;
-        focused?: boolean;
-    };
+    state: AutocompleteRenderOptionState;
     props: HTMLAttributes<HTMLElement> & {
         key?: string | number;
     };

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

@@ -1,4 +1,4 @@
-import type { ElementType, ReactNode } from 'react';
+import type { ComponentRef, ElementType, ReactNode } from 'react';
 import type { PolymorphicComponentPropsWithRef } from '../../utils/polymorphicComponentWithRef';
 export declare const cardSizeVariant: readonly ["s", "m", "l"];
 export declare const cardBorderWidthVariant: readonly ["none", "s", "m"];
@@ -33,3 +33,4 @@ export type CardBaseProps = {
     'data-testid'?: string;
 };
 export type CardProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithRef<CardBaseProps, As>;
+export type CardRef<As extends ElementType = 'div'> = ComponentRef<As>;

package/__inner__/esm/components/DatePicker/components/DatePickerModeDateRange/DatePickerModeDateRange.js

@@ -15,7 +15,11 @@ import { formatDateToString, formatStringToDate, getCommonCalendarProps, getComm
 import { DateInput, DatePickerRenderRight } from '../index';
 import { formatDateForCalendar, getOffsetDateInRange, getValueForDoubleProp, } from './utils';
 export var DatePickerModeDateRange = forwardRef(function (props, ref) {
-    var size = props.size, error = props.error, openProp = props.open, label = props.label, onKeyDown = props.onKeyDown, onInputChange = props.onInputChange, renderLeft = props.renderLeft, renderRight = props.renderRight, required = props.required, fullWidth = props.fullWidth, placeholder = props.placeholder, hint = props.hint, disableStroke = props.disableStroke, hintProps = props.hintProps, onChange = props.onChange, labelProps = props.labelProps, popoverPropsProp = props.popoverProps, calendarPropsProp = props.calendarProps, defaultOpen = props.defaultOpen, onCloseProp = props.onClose, defaultValue = props.defaultValue, valueProp = props.value, inputProps = props.inputProps, disabled = props.disabled, className = props.className, _a = props.calendars, calendars = _a === void 0 ? 2 : _a, onError = props.onError, clearText = props.clearText, disableCloseOnSelect = props.disableCloseOnSelect, disableClearButton = props.disableClearButton, onOpenProp = props.onOpen, fieldsProps = props.fieldsProps, other = __rest(props, ["size", "error", "open", "label", "onKeyDown", "onInputChange", "renderLeft", "renderRight", "required", "fullWidth", "placeholder", "hint", "disableStroke", "hintProps", "onChange", "labelProps", "popoverProps", "calendarProps", "defaultOpen", "onClose", "defaultValue", "value", "inputProps", "disabled", "className", "calendars", "onError", "clearText", "disableCloseOnSelect", "disableClearButton", "onOpen", "fieldsProps"]);
+    var size = props.size, error = props.error, openProp = props.open, label = props.label, onKeyDown = props.onKeyDown, onInputChange = props.onInputChange, renderLeft = props.renderLeft, renderRight = props.renderRight, required = props.required, fullWidth = props.fullWidth, placeholder = props.placeholder, hint = props.hint, disableStroke = props.disableStroke, hintProps = props.hintProps, onChange = props.onChange, labelProps = props.labelProps, popoverPropsProp = props.popoverProps, calendarPropsProp = props.calendarProps, defaultOpen = props.defaultOpen, onCloseProp = props.onClose, defaultValue = props.defaultValue, valueProp = props.value, inputProps = props.inputProps, disabled = props.disabled, className = props.className, _a = props.calendars, calendars = _a === void 0 ? 2 : _a, onError = props.onError, clearText = props.clearText, disableCloseOnSelect = props.disableCloseOnSelect, disableClearButton = props.disableClearButton, onOpenProp = props.onOpen, fieldsProps = props.fieldsProps, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    minDate = props.minDate, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    maxDate = props.maxDate, other = __rest(props, ["size", "error", "open", "label", "onKeyDown", "onInputChange", "renderLeft", "renderRight", "required", "fullWidth", "placeholder", "hint", "disableStroke", "hintProps", "onChange", "labelProps", "popoverProps", "calendarProps", "defaultOpen", "onClose", "defaultValue", "value", "inputProps", "disabled", "className", "calendars", "onError", "clearText", "disableCloseOnSelect", "disableClearButton", "onOpen", "fieldsProps", "minDate", "maxDate"]);
     var _b = __read(getValueForDoubleProp(label), 2), labelFrom = _b[0], labelTo = _b[1];
     var _c = __read(getValueForDoubleProp(renderLeft), 2), renderLeftFrom = _c[0], renderLeftTo = _c[1];
     var _d = __read(getValueForDoubleProp(renderRight), 2), renderRightFrom = _d[0], renderRightTo = _d[1];

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

@@ -105,7 +105,7 @@ export type DatePickerProps<MODE extends DatePickerModeVariant = typeof DATE_PIC
     disableStroke?: boolean;
     /** Если `true` переводит поле в состояние ошибки */
     error?: boolean;
-    /** Свойства обертки для текстовых полей. Принимает свойства компонента [Stack](https://ozen-ui.netlify.app/?path=/docs/components-stack--docs) */
+    /** Свойства обертки для текстовых полей. Принимает свойства компонента [Stack](https://ozen-ui.bereke.tech/?path=/docs/components-stack--docs) */
     fieldsProps?: DatePickerPropFieldsProps<MODE>;
     /** Количество отображаемых календарей в компоненте: один или два */
     calendars?: 1 | 2;

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

@@ -1,5 +1,5 @@
 import './Grid.css';
-import type { ReactNode, ElementType } from 'react';
+import type { ReactNode, ElementType, ComponentRef } from 'react';
 import type { ResponsiveValue } from '../../types/ResponsiveValue';
 import { type PolymorphicComponentPropsWithRef } from '../../utils/polymorphicComponentWithRef';
 export declare const gridColsVariant: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
@@ -30,4 +30,5 @@ export type GridBaseProps = {
     className?: string;
 };
 export type GridProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithRef<GridBaseProps, As>;
+export type GridRef<As extends ElementType = 'div'> = ComponentRef<As>;
 export declare const Grid: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<GridBaseProps, "div", "as">;

package/__inner__/esm/components/Grid/GridItem.d.ts

@@ -1,5 +1,5 @@
 import './Grid.css';
-import type { ReactNode, ElementType } from 'react';
+import type { ReactNode, ElementType, ComponentRef } from 'react';
 import type { ResponsiveValue } from '../../types/ResponsiveValue';
 import { type PolymorphicComponentPropsWithRef } from '../../utils/polymorphicComponentWithRef';
 export declare const gridItemColVariant: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
@@ -22,4 +22,5 @@ export type GridItemBaseProps = {
     className?: string;
 };
 export type GridItemProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithRef<GridItemBaseProps, As>;
+export type GridItemRef<As extends ElementType = 'div'> = ComponentRef<As>;
 export declare const GridItem: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<GridItemBaseProps, "div", "as">;

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-dark/color-b-business-dark.css

@@ -169,4 +169,4 @@
   --color-additional-h1: #9f891a;
   --color-additional-h2: #ffda1f;
   --color-additional-h3: #fff0a5;
-}
+}

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-default/color-b-business-default.css

@@ -169,4 +169,4 @@
   --color-additional-h1: #9f891a;
   --color-additional-h2: #ffda1f;
   --color-additional-h3: #fff0a5;
-}
+}

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/ozen-dark/color-ozen-dark.css

@@ -169,4 +169,4 @@
   --color-additional-h1: #9f891a;
   --color-additional-h2: #ffda1f;
   --color-additional-h3: #fff0a5;
-}
+}

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/ozen-default/color-ozen-default.css

@@ -169,4 +169,4 @@
   --color-additional-h1: #9f891a;
   --color-additional-h2: #ffda1f;
   --color-additional-h3: #fff0a5;
-}
+}

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/vip-dark/color-vip-dark.css

@@ -169,4 +169,4 @@
   --color-additional-h1: #9f891a;
   --color-additional-h2: #ffda1f;
   --color-additional-h3: #fff0a5;
-}
+}

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/vip-default/color-vip-default.css

@@ -169,4 +169,4 @@
   --color-additional-h1: #9f891a;
   --color-additional-h2: #ffda1f;
   --color-additional-h3: #fff0a5;
-}
+}

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/shadow/ozen-default/shadow-ozen-default.css

@@ -2,4 +2,4 @@
   --shadow-l: 0px 8px 32px rgb(0 0 0 / 8%);
   --shadow-m: 0px 4px 20px rgb(0 0 0 / 6%);
   --shadow-s: 0px 4px 8px rgb(0 0 0 / 3%);
-}
+}

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

@@ -21,7 +21,7 @@ export type PopoverBaseProps = {
     open?: boolean;
     /** Ссылка на элемент, относительно которого будет позиционироваться поповер */
     anchorRef?: RefObject<HTMLElement>;
-    /** Список ссылок на элементы при клике на которые Popover не будет закрываться (см. хук [useClickOutside](https://ozen-ui.netlify.app/?path=/docs/hooks-useclickoutside--docs)) */
+    /** Список ссылок на элементы при клике на которые Popover не будет закрываться (см. хук [useClickOutside](https://ozen-ui.bereke.tech/?path=/docs/hooks-useclickoutside--docs)) */
     ignoreClickOutsideRefs?: Array<RefObject<HTMLElement>>;
     /** Позиция, относительно которой будет позиционироваться поповер */
     position?: {

package/__inner__/esm/components/SectionMessage/SectionMessage.css

@@ -42,6 +42,12 @@
       --section-message-button-color: var(--color-content-error);
       --section-message-button-color-hover: var(--color-content-error-dark);
     }
+.SectionMessage_status_action {
+      --section-message-icon-color: var(--color-content-action);
+      --section-message-background-color: var(--color-background-action-light);
+      --section-message-button-color: var(--color-content-action);
+      --section-message-button-color-hover: var(--color-content-action-dark);
+    }
 .SectionMessage_size_xs {
       --section-message-padding: 12px;
       --section-message-column-gap: var(--spacing-2xs);

package/__inner__/esm/components/SectionMessage/SectionMessage.js

@@ -3,9 +3,9 @@ import './modules/SectionMessageButton/SectionMessageButton.css';
 import './SectionMessage.css';
 import React, { forwardRef } from 'react';
 import { useThemeProps } from '../../hooks/useThemeProps';
-import { cn } from '../../utils/classname';
+import { renderContent, cn } from '../../utils';
 import { SECTION_MESSAGE_ICON_BY_STATUS } from './config';
-import { SECTION_MESSAGE_DEFAULT_SIZE, SECTION_MESSAGE_DEFAULT_STATUS, } from './constants';
+import { SECTION_MESSAGE_DEFAULT_SIZE, SECTION_MESSAGE_DEFAULT_STATUS, SECTION_MESSAGE_SIZE_TO_ICON_SIZE, } from './constants';
 import { SectionMessageContext } from './SectionMessageContext';
 export var cnSectionMessage = cn('SectionMessage');
 export var SectionMessage = forwardRef(function (inProps, ref) {
@@ -13,8 +13,11 @@ export var SectionMessage = forwardRef(function (inProps, ref) {
         props: inProps,
         name: 'SectionMessage',
     });
-    var _a = props.status, status = _a === void 0 ? SECTION_MESSAGE_DEFAULT_STATUS : _a, _b = props.size, size = _b === void 0 ? SECTION_MESSAGE_DEFAULT_SIZE : _b, _c = props.showIcon, showIcon = _c === void 0 ? true : _c, children = props.children, action = props.action, title = props.title, className = props.className, otherProps = __rest(props, ["status", "size", "showIcon", "children", "action", "title", "className"]);
-    var iconSize = size === 'm' || size === 'l' ? 'm' : 's';
+    var _a = props.status, status = _a === void 0 ? SECTION_MESSAGE_DEFAULT_STATUS : _a, _b = props.size, size = _b === void 0 ? SECTION_MESSAGE_DEFAULT_SIZE : _b, _c = props.showIcon, showIcon = _c === void 0 ? true : _c, iconProp = props.icon, children = props.children, action = props.action, title = props.title, className = props.className, otherProps = __rest(props, ["status", "size", "showIcon", "icon", "children", "action", "title", "className"]);
+    var icon = renderContent({
+        content: iconProp !== null && iconProp !== void 0 ? iconProp : SECTION_MESSAGE_ICON_BY_STATUS[status],
+        props: { size: SECTION_MESSAGE_SIZE_TO_ICON_SIZE[size] },
+    });
     var resolveAction = function (action) {
         var actionProps = {
             variant: 'function',
@@ -33,7 +36,7 @@ export var SectionMessage = forwardRef(function (inProps, ref) {
             size: size,
         } },
         React.createElement("div", __assign({ className: cnSectionMessage({ status: status, size: size }, [className]), role: "alert" }, otherProps, { ref: ref }),
-            showIcon && (React.createElement("div", { className: cnSectionMessage('Icon') }, SECTION_MESSAGE_ICON_BY_STATUS[status][iconSize])),
+            showIcon && React.createElement("div", { className: cnSectionMessage('Icon') }, icon),
             React.createElement("div", { className: cnSectionMessage('Content') },
                 title && React.createElement("div", { className: cnSectionMessage('Title') }, title),
                 children && (React.createElement("div", { className: cnSectionMessage('Body') }, children)),

package/__inner__/esm/components/SectionMessage/config.d.ts

@@ -1,3 +1,2 @@
-import type { ReactNode } from 'react';
-import type { SectionMessageStatusVariant } from './types';
-export declare const SECTION_MESSAGE_ICON_BY_STATUS: Readonly<Record<SectionMessageStatusVariant, Record<'s' | 'm', ReactNode>>>;
+import type { SectionMessageIconType, SectionMessageStatusVariant } from './types';
+export declare const SECTION_MESSAGE_ICON_BY_STATUS: Readonly<Record<SectionMessageStatusVariant, SectionMessageIconType>>;