@ozen-ui/kit 0.72.0 → 0.73.0

package/__inner__/cjs/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__/cjs/components/AutocompleteBase/hooks/useAutocompleteBaseInputEvents/useAutocompleteBaseInputEvents.js

@@ -38,6 +38,19 @@ var useAutocompleteBaseInputEvents = function (_a) {
             }
         }
     }, [observableValuesAllowCustomValueSync, allowCustomValue]);
+    var previousMultiple = (0, useStoredValue_1.useStoredValue)(multiple);
+    /** Исправляет баг, когда при переключении режимов "input" не сбрасывается */
+    (0, react_1.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__/cjs/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__/cjs/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__/cjs/components/AutocompleteBase/modules/AutocompleteBaseInput/components/AutocompleteBaseInputMultiple/AutocompleteBaseInputMultiple.js

@@ -84,14 +84,13 @@ var AutocompleteInputMultipleRender = function (_a, ref) {
                 return renderTag(option, {
                     key: option.id,
                     label: option.label,
-                    className: (0, classNames_1.cnAutocompleteBaseInput)('Tag'),
+                    className: (0, classNames_1.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_1.default.createElement("span", { "aria-hidden": "true", "data-testid": "clear-tag", className: (0, classNames_1.cnAutocompleteBaseInput)('ClearTag', {
-                                hidden: (responsive || hasLimitTags) && !(visibleMap === null || visibleMap === void 0 ? void 0 : visibleMap[index]),
-                                disabled: option.disabled,
-                            }), onClick: function (event) {
+                        return (react_1.default.createElement("span", { "aria-hidden": "true", "data-testid": "clear-tag", className: (0, classNames_1.cnAutocompleteBaseInput)('ClearTag'), onClick: function (event) {
                                 if (option.disabled) {
                                     return;
                                 }

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

@@ -8,6 +8,7 @@ var useControlled_1 = require("../../hooks/useControlled");
 var useElementSize_1 = require("../../hooks/useElementSize");
 var useMultiRef_1 = require("../../hooks/useMultiRef");
 var useMutableRef_1 = require("../../hooks/useMutableRef");
+var useStoredValue_1 = require("../../hooks/useStoredValue");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var isKeys_1 = require("../../utils/isKeys");
@@ -110,6 +111,19 @@ function AutocompleteRender(inProps, ref) {
                 changeInputValue(null, lastInputValue.current);
         }
     }, [valueState, allowCustomValue]);
+    var previousMultiple = (0, useStoredValue_1.useStoredValue)(multiple);
+    /** Исправляет баг, когда при переключении режимов "input" не сбрасывается */
+    (0, react_1.useEffect)(function () {
+        if (previousMultiple.current === multiple) {
+            return;
+        }
+        var isFromSingleToMultiple = !previousMultiple.current && multiple;
+        if (isFromSingleToMultiple) {
+            lastInputValue.current = '';
+            changeInputValue(null, '');
+        }
+        previousMultiple.current = multiple;
+    }, [multiple]);
     /** Эффект — автофокусировка в текстовом поле */
     (0, react_1.useEffect)(function () {
         var _a;

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

@@ -27,7 +27,7 @@ var AutocompleteInputRender = function (inProps, ref) {
         }
         if ((0, helpers_1.isMultipleParams)(inProps)) {
             var selectedOptions_1 = inProps.selectedOptions;
-            return (react_1.default.createElement(components_1.AutocompleteInputMultiple, tslib_1.__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_1.default.createElement(components_1.AutocompleteInputMultiple, tslib_1.__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__/cjs/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__/cjs/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__/cjs/components/DatePicker/components/DatePickerModeDateRange/DatePickerModeDateRange.js

@@ -18,7 +18,11 @@ var utils_1 = require("../../utils");
 var index_2 = require("../index");
 var utils_2 = require("./utils");
 exports.DatePickerModeDateRange = (0, react_1.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 = tslib_1.__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 = tslib_1.__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 = tslib_1.__read((0, utils_2.getValueForDoubleProp)(label), 2), labelFrom = _b[0], labelTo = _b[1];
     var _c = tslib_1.__read((0, utils_2.getValueForDoubleProp)(renderLeft), 2), renderLeftFrom = _c[0], renderLeftTo = _c[1];
     var _d = tslib_1.__read((0, utils_2.getValueForDoubleProp)(renderRight), 2), renderRightFrom = _d[0], renderRightTo = _d[1];

package/__inner__/cjs/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__/cjs/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__/cjs/components/Table/Table.css

@@ -8,6 +8,14 @@
     inline-size: 100%;
   }
 
+  .Table_layout_auto {
+    table-layout: auto;
+  }
+
+  .Table_layout_fixed {
+    table-layout: fixed;
+  }
+
   .Table_size_xs {
       --table-header-cell-text: var(--typography-text-3xs-font);
       --table-header-cell-padding: 16px 12px 8px;

package/__inner__/cjs/components/Table/Table.js

@@ -9,7 +9,7 @@ require("./Table.css");
 var constants_1 = require("./constants");
 exports.cnTable = (0, classname_1.cn)('Table');
 exports.Table = (0, react_1.forwardRef)(function (inProps, ref) {
-    var _a = (0, useThemeProps_1.useThemeProps)({ name: 'Table', props: inProps }), _b = _a.size, size = _b === void 0 ? constants_1.TABLE_DEFAULT_SIZE : _b, _c = _a.divider, divider = _c === void 0 ? constants_1.TABLE_DEFAULT_DIVIDER : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? constants_1.TABLE_DEFAULT_FULL_WIDTH : _d, _e = _a.stickyHeader, stickyHeader = _e === void 0 ? constants_1.TABLE_DEFAULT_STICKY_HEADER : _e, _f = _a.compressed, compressed = _f === void 0 ? constants_1.TABLE_DEFAULT_COMPRESSED : _f, _g = _a.striped, striped = _g === void 0 ? constants_1.TABLE_DEFAULT_STRIPED : _g, children = _a.children, className = _a.className, other = tslib_1.__rest(_a, ["size", "divider", "fullWidth", "stickyHeader", "compressed", "striped", "children", "className"]);
-    return (react_1.default.createElement("table", tslib_1.__assign({ className: (0, exports.cnTable)({ compressed: compressed, size: size, stickyHeader: stickyHeader, fullWidth: fullWidth, divider: divider, striped: striped }, [className]) }, other, { ref: ref }), children));
+    var _a = (0, useThemeProps_1.useThemeProps)({ name: 'Table', props: inProps }), _b = _a.size, size = _b === void 0 ? constants_1.TABLE_DEFAULT_SIZE : _b, _c = _a.divider, divider = _c === void 0 ? constants_1.TABLE_DEFAULT_DIVIDER : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? constants_1.TABLE_DEFAULT_FULL_WIDTH : _d, _e = _a.stickyHeader, stickyHeader = _e === void 0 ? constants_1.TABLE_DEFAULT_STICKY_HEADER : _e, _f = _a.compressed, compressed = _f === void 0 ? constants_1.TABLE_DEFAULT_COMPRESSED : _f, _g = _a.striped, striped = _g === void 0 ? constants_1.TABLE_DEFAULT_STRIPED : _g, layout = _a.layout, children = _a.children, className = _a.className, other = tslib_1.__rest(_a, ["size", "divider", "fullWidth", "stickyHeader", "compressed", "striped", "layout", "children", "className"]);
+    return (react_1.default.createElement("table", tslib_1.__assign({ className: (0, exports.cnTable)({ compressed: compressed, size: size, stickyHeader: stickyHeader, fullWidth: fullWidth, divider: divider, striped: striped, layout: layout }, [className]) }, other, { ref: ref }), children));
 });
 exports.Table.displayName = 'Table';

package/__inner__/cjs/components/Table/components/TableBody/TableBody.js

@@ -8,7 +8,8 @@ var TableContext_1 = require("../../TableContext");
 exports.cnTableBody = (0, classname_1.cn)('TableBody');
 exports.TableBody = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, other = tslib_1.__rest(_a, ["children", "className"]);
-    return (react_1.default.createElement(TableContext_1.TableContext.Provider, { value: { variant: 'body' } },
+    var memoizedContext = (0, react_1.useMemo)(function () { return ({ variant: 'body' }); }, []);
+    return (react_1.default.createElement(TableContext_1.TableContext.Provider, { value: memoizedContext },
         react_1.default.createElement("tbody", tslib_1.__assign({ className: (0, exports.cnTableBody)('', [className]) }, other, { ref: ref }), children)));
 });
 exports.TableBody.displayName = 'TableBody';

package/__inner__/cjs/components/Table/components/TableContainer/types.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties, ElementType, ReactNode } from 'react';
+import type { ComponentRef, CSSProperties, ElementType, ReactNode } from 'react';
 import type { PolymorphicComponentPropsWithoutRef } from '../../../../utils/polymorphicComponentWithRef';
 import type { TABLE_CONTAINER_DEFAULT_TAG } from './constants';
 export type TableContainerBaseProps = {
@@ -16,3 +16,4 @@ export type TableContainerBaseProps = {
     'data-testid'?: string;
 };
 export type TableContainerProps<As extends ElementType = typeof TABLE_CONTAINER_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<TableContainerBaseProps, As>;
+export type TableContainerRef<As extends ElementType = typeof TABLE_CONTAINER_DEFAULT_TAG> = ComponentRef<As>;

package/__inner__/cjs/components/Table/components/TableFoot/TableFoot.js

@@ -8,7 +8,8 @@ var TableContext_1 = require("../../TableContext");
 exports.cnTableFoot = (0, classname_1.cn)('TableFoot');
 exports.TableFoot = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, other = tslib_1.__rest(_a, ["children", "className"]);
-    return (react_1.default.createElement(TableContext_1.TableContext.Provider, { value: { variant: 'foot' } },
+    var memoizedContext = (0, react_1.useMemo)(function () { return ({ variant: 'foot' }); }, []);
+    return (react_1.default.createElement(TableContext_1.TableContext.Provider, { value: memoizedContext },
         react_1.default.createElement("tfoot", tslib_1.__assign({ className: (0, exports.cnTableFoot)({}, [className]) }, other, { ref: ref }), children)));
 });
 exports.TableFoot.displayName = 'TableFoot';

package/__inner__/cjs/components/Table/components/TableHead/TableHead.js

@@ -8,7 +8,8 @@ var TableContext_1 = require("../../TableContext");
 exports.cnTableHead = (0, classname_1.cn)('TableHead');
 exports.TableHead = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, other = tslib_1.__rest(_a, ["children", "className"]);
-    return (react_1.default.createElement(TableContext_1.TableContext.Provider, { value: { variant: 'head' } },
+    var memoizedContext = (0, react_1.useMemo)(function () { return ({ variant: 'head' }); }, []);
+    return (react_1.default.createElement(TableContext_1.TableContext.Provider, { value: memoizedContext },
         react_1.default.createElement("thead", tslib_1.__assign({ className: (0, exports.cnTableHead)({}, [className]) }, other, { ref: ref }), children)));
 });
 exports.TableHead.displayName = 'TableHead';

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

@@ -1,3 +1,4 @@
 export * from './Table';
 export * from './components';
+export * from './TableContext';
 export * from './types';

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

@@ -3,4 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Table"), exports);
 tslib_1.__exportStar(require("./components"), exports);
+tslib_1.__exportStar(require("./TableContext"), exports);
 tslib_1.__exportStar(require("./types"), exports);

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

@@ -2,14 +2,18 @@ import type { ComponentRef, ReactNode } from 'react';
 import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
 export declare const tableSizeVariant: readonly ["xs", "s", "m", "l"];
 export declare const tableDividerVariant: readonly ["row", "column", "all"];
+export declare const tableLayoutVariant: readonly ["auto", "fixed"];
 export type TableSizeVariant = (typeof tableSizeVariant)[number];
 export type TableDividerVariant = (typeof tableDividerVariant)[number];
+export type TableLayoutVariant = (typeof tableLayoutVariant)[number];
 export type TableRef = ComponentRef<'table'>;
 export type TableProps = ExtendableComponentPropsWithRef<{
     /** Устанавливает размер типографики и отступов в таблице */
     size?: TableSizeVariant;
     /** Признак, по которому таблица растет по всей ширине своего контейнера */
     fullWidth?: boolean;
+    /** Вариант layout-таблицы */
+    layout?: TableLayoutVariant;
     /** Тип разделителей в таблице */
     divider?: TableDividerVariant;
     /** Признак фиксированного заголовка в таблице */

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.tableDividerVariant = exports.tableSizeVariant = void 0;
+exports.tableLayoutVariant = exports.tableDividerVariant = exports.tableSizeVariant = void 0;
 exports.tableSizeVariant = ['xs', 's', 'm', 'l'];
 exports.tableDividerVariant = ['row', 'column', 'all'];
+exports.tableLayoutVariant = ['auto', 'fixed'];

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

@@ -1,2 +1,3 @@
+export * from './constants';
 export * from './Tag';
 export * from './types';

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

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

package/__inner__/cjs/hooks/useBreakpointsNext/useBreakpoints.d.ts

@@ -1 +1 @@
-export declare function useBreakpoints(): import("../../types/Breakpoints").BreakpointMatches;
+export declare function useBreakpoints(): import("../../types").BreakpointMatches;

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__/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/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/Table/Table.css

@@ -8,6 +8,14 @@
     inline-size: 100%;
   }
 
+  .Table_layout_auto {
+    table-layout: auto;
+  }
+
+  .Table_layout_fixed {
+    table-layout: fixed;
+  }
+
   .Table_size_xs {
       --table-header-cell-text: var(--typography-text-3xs-font);
       --table-header-cell-padding: 16px 12px 8px;

package/__inner__/esm/components/Table/Table.js

@@ -6,7 +6,7 @@ import './Table.css';
 import { TABLE_DEFAULT_COMPRESSED, TABLE_DEFAULT_DIVIDER, TABLE_DEFAULT_FULL_WIDTH, TABLE_DEFAULT_SIZE, TABLE_DEFAULT_STICKY_HEADER, TABLE_DEFAULT_STRIPED, } from './constants';
 export var cnTable = cn('Table');
 export var Table = forwardRef(function (inProps, ref) {
-    var _a = useThemeProps({ name: 'Table', props: inProps }), _b = _a.size, size = _b === void 0 ? TABLE_DEFAULT_SIZE : _b, _c = _a.divider, divider = _c === void 0 ? TABLE_DEFAULT_DIVIDER : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? TABLE_DEFAULT_FULL_WIDTH : _d, _e = _a.stickyHeader, stickyHeader = _e === void 0 ? TABLE_DEFAULT_STICKY_HEADER : _e, _f = _a.compressed, compressed = _f === void 0 ? TABLE_DEFAULT_COMPRESSED : _f, _g = _a.striped, striped = _g === void 0 ? TABLE_DEFAULT_STRIPED : _g, children = _a.children, className = _a.className, other = __rest(_a, ["size", "divider", "fullWidth", "stickyHeader", "compressed", "striped", "children", "className"]);
-    return (React.createElement("table", __assign({ className: cnTable({ compressed: compressed, size: size, stickyHeader: stickyHeader, fullWidth: fullWidth, divider: divider, striped: striped }, [className]) }, other, { ref: ref }), children));
+    var _a = useThemeProps({ name: 'Table', props: inProps }), _b = _a.size, size = _b === void 0 ? TABLE_DEFAULT_SIZE : _b, _c = _a.divider, divider = _c === void 0 ? TABLE_DEFAULT_DIVIDER : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? TABLE_DEFAULT_FULL_WIDTH : _d, _e = _a.stickyHeader, stickyHeader = _e === void 0 ? TABLE_DEFAULT_STICKY_HEADER : _e, _f = _a.compressed, compressed = _f === void 0 ? TABLE_DEFAULT_COMPRESSED : _f, _g = _a.striped, striped = _g === void 0 ? TABLE_DEFAULT_STRIPED : _g, layout = _a.layout, children = _a.children, className = _a.className, other = __rest(_a, ["size", "divider", "fullWidth", "stickyHeader", "compressed", "striped", "layout", "children", "className"]);
+    return (React.createElement("table", __assign({ className: cnTable({ compressed: compressed, size: size, stickyHeader: stickyHeader, fullWidth: fullWidth, divider: divider, striped: striped, layout: layout }, [className]) }, other, { ref: ref }), children));
 });
 Table.displayName = 'Table';

package/__inner__/esm/components/Table/components/TableBody/TableBody.js

@@ -1,11 +1,12 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef } from 'react';
+import React, { forwardRef, useMemo } from 'react';
 import { cn } from '../../../../utils/classname';
 import { TableContext } from '../../TableContext';
 export var cnTableBody = cn('TableBody');
 export var TableBody = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, other = __rest(_a, ["children", "className"]);
-    return (React.createElement(TableContext.Provider, { value: { variant: 'body' } },
+    var memoizedContext = useMemo(function () { return ({ variant: 'body' }); }, []);
+    return (React.createElement(TableContext.Provider, { value: memoizedContext },
         React.createElement("tbody", __assign({ className: cnTableBody('', [className]) }, other, { ref: ref }), children)));
 });
 TableBody.displayName = 'TableBody';

package/__inner__/esm/components/Table/components/TableContainer/types.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties, ElementType, ReactNode } from 'react';
+import type { ComponentRef, CSSProperties, ElementType, ReactNode } from 'react';
 import type { PolymorphicComponentPropsWithoutRef } from '../../../../utils/polymorphicComponentWithRef';
 import type { TABLE_CONTAINER_DEFAULT_TAG } from './constants';
 export type TableContainerBaseProps = {
@@ -16,3 +16,4 @@ export type TableContainerBaseProps = {
     'data-testid'?: string;
 };
 export type TableContainerProps<As extends ElementType = typeof TABLE_CONTAINER_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<TableContainerBaseProps, As>;
+export type TableContainerRef<As extends ElementType = typeof TABLE_CONTAINER_DEFAULT_TAG> = ComponentRef<As>;

package/__inner__/esm/components/Table/components/TableFoot/TableFoot.js

@@ -1,11 +1,12 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef } from 'react';
+import React, { forwardRef, useMemo } from 'react';
 import { cn } from '../../../../utils/classname';
 import { TableContext } from '../../TableContext';
 export var cnTableFoot = cn('TableFoot');
 export var TableFoot = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, other = __rest(_a, ["children", "className"]);
-    return (React.createElement(TableContext.Provider, { value: { variant: 'foot' } },
+    var memoizedContext = useMemo(function () { return ({ variant: 'foot' }); }, []);
+    return (React.createElement(TableContext.Provider, { value: memoizedContext },
         React.createElement("tfoot", __assign({ className: cnTableFoot({}, [className]) }, other, { ref: ref }), children)));
 });
 TableFoot.displayName = 'TableFoot';

package/__inner__/esm/components/Table/components/TableHead/TableHead.js

@@ -1,11 +1,12 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef } from 'react';
+import React, { forwardRef, useMemo } from 'react';
 import { cn } from '../../../../utils/classname';
 import { TableContext } from '../../TableContext';
 export var cnTableHead = cn('TableHead');
 export var TableHead = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, other = __rest(_a, ["children", "className"]);
-    return (React.createElement(TableContext.Provider, { value: { variant: 'head' } },
+    var memoizedContext = useMemo(function () { return ({ variant: 'head' }); }, []);
+    return (React.createElement(TableContext.Provider, { value: memoizedContext },
         React.createElement("thead", __assign({ className: cnTableHead({}, [className]) }, other, { ref: ref }), children)));
 });
 TableHead.displayName = 'TableHead';

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

@@ -1,3 +1,4 @@
 export * from './Table';
 export * from './components';
+export * from './TableContext';
 export * from './types';

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

@@ -1,3 +1,4 @@
 export * from './Table';
 export * from './components';
+export * from './TableContext';
 export * from './types';

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

@@ -2,14 +2,18 @@ import type { ComponentRef, ReactNode } from 'react';
 import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
 export declare const tableSizeVariant: readonly ["xs", "s", "m", "l"];
 export declare const tableDividerVariant: readonly ["row", "column", "all"];
+export declare const tableLayoutVariant: readonly ["auto", "fixed"];
 export type TableSizeVariant = (typeof tableSizeVariant)[number];
 export type TableDividerVariant = (typeof tableDividerVariant)[number];
+export type TableLayoutVariant = (typeof tableLayoutVariant)[number];
 export type TableRef = ComponentRef<'table'>;
 export type TableProps = ExtendableComponentPropsWithRef<{
     /** Устанавливает размер типографики и отступов в таблице */
     size?: TableSizeVariant;
     /** Признак, по которому таблица растет по всей ширине своего контейнера */
     fullWidth?: boolean;
+    /** Вариант layout-таблицы */
+    layout?: TableLayoutVariant;
     /** Тип разделителей в таблице */
     divider?: TableDividerVariant;
     /** Признак фиксированного заголовка в таблице */

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

@@ -1,2 +1,3 @@
 export var tableSizeVariant = ['xs', 's', 'm', 'l'];
 export var tableDividerVariant = ['row', 'column', 'all'];
+export var tableLayoutVariant = ['auto', 'fixed'];

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

@@ -1,2 +1,3 @@
+export * from './constants';
 export * from './Tag';
 export * from './types';

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

@@ -1,2 +1,3 @@
+export * from './constants';
 export * from './Tag';
 export * from './types';

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

@@ -1 +1 @@
-export declare function useBreakpoints(): import("../../types/Breakpoints").BreakpointMatches;
+export declare function useBreakpoints(): import("../../types").BreakpointMatches;

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

@@ -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__/esm/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__/esm/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__/esm/utils/index.js

@@ -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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.72.0",
+  "version": "0.73.0",
   "description": "React component library",
   "files": [
     "*"
@@ -29,9 +29,9 @@
     "react-popper": "^2.3.0",
     "react-transition-group": "^4.4.5",
     "tslib": "^2.6.3",
-    "@ozen-ui/icons": "0.72.0",
-    "@ozen-ui/fonts": "0.72.0",
-    "@ozen-ui/logger": "0.72.0"
+    "@ozen-ui/icons": "0.73.0",
+    "@ozen-ui/logger": "0.73.0",
+    "@ozen-ui/fonts": "0.73.0"
   },
   "devDependencies": {
     "@types/lodash.isequal": "^4.5.0"

package/types/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/types/index.js",
+	"module": "../__inner__/esm/types/index.js",
+	"types": "../__inner__/esm/types/index.d.ts"
+}

package/utils/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/utils/index.js",
+	"module": "../__inner__/esm/utils/index.js",
+	"types": "../__inner__/esm/utils/index.d.ts"
+}