@ozen-ui/kit 0.68.0 → 0.70.0

package/__inner__/cjs/hooks/useControlled/useControlled.js

@@ -5,6 +5,7 @@ var tslib_1 = require("tslib");
 /* eslint-disable react-hooks/rules-of-hooks, react-hooks/exhaustive-deps */
 var react_1 = require("react");
 var logger_1 = require("@ozen-ui/logger");
+var lodash_isequal_1 = tslib_1.__importDefault(require("lodash.isequal"));
 /** Управляет значением компонента при контролируемом и неконтролируемом поведении */
 var useControlled = function (_a) {
     var valueProp = _a.value, defaultProp = _a.defaultValue, name = _a.name, _b = _a.state, state = _b === void 0 ? 'value' : _b;
@@ -24,7 +25,7 @@ var useControlled = function (_a) {
         }, [state, name, valueProp]);
         var defaultValue_1 = (0, react_1.useRef)(defaultProp).current;
         (0, react_1.useEffect)(function () {
-            if (!isControlled && defaultValue_1 !== defaultProp) {
+            if (!isControlled && !(0, lodash_isequal_1.default)(defaultValue_1, defaultProp)) {
                 logger_1.logger.error([
                     "\u041D\u0435\u043A\u043E\u043D\u0442\u0440\u043E\u043B\u0438\u0440\u0443\u0435\u043C\u044B\u0439 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 ".concat(name, " \u0441\u043C\u0435\u043D\u0438\u043B \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u0434\u043B\u044F \u00AB").concat(state, "\u00BB \u043F\u043E\u0441\u043B\u0435 \u043F\u0435\u0440\u0432\u043E\u0439 \u0438\u043D\u0438\u0446\u0438\u0430\u043B\u0438\u0437\u0430\u0446\u0438\u0438."),
                     "\n",

package/__inner__/cjs/hooks/useCreateResizeObserver/useCreateResizeObserver.js

@@ -2,13 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCreateResizeObserver = useCreateResizeObserver;
 var react_1 = require("react");
+var environment_1 = require("../../constants/environment");
 var useStoredValue_1 = require("../useStoredValue");
 function useCreateResizeObserver(onChange) {
     var frameID = (0, useStoredValue_1.useStoredValue)(0);
     var onChangeStored = (0, useStoredValue_1.useStoredValue)(function () { return onChange; });
     onChangeStored.current = onChange;
     var observer = (0, react_1.useMemo)(function () {
-        return typeof window !== 'undefined' && typeof ResizeObserver !== 'undefined'
+        return environment_1.isClient && typeof ResizeObserver !== 'undefined'
             ? new ResizeObserver(function (entries) {
                 cancelAnimationFrame(frameID.current);
                 frameID.current = requestAnimationFrame(function () {

package/__inner__/cjs/hooks/useDeprecated/base/index.d.ts

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

package/__inner__/cjs/hooks/useDeprecated/base/index.js

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

package/__inner__/cjs/hooks/useDeprecated/base/types.d.ts

@@ -0,0 +1,6 @@
+export type UseDeprecatedBaseParams = {
+    type: string;
+    name: string;
+    nameNext?: string;
+    isLogNeeded?: boolean;
+};

package/__inner__/cjs/hooks/useDeprecated/base/types.js

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

package/__inner__/cjs/hooks/useDeprecated/base/useDeprecatedBase.d.ts

@@ -0,0 +1,2 @@
+import type { UseDeprecatedBaseParams } from './types';
+export declare const useDeprecatedBase: ({ type: typeProp, name, nameNext, isLogNeeded, }: UseDeprecatedBaseParams) => void;

package/__inner__/cjs/hooks/useDeprecated/base/useDeprecatedBase.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDeprecatedBase = void 0;
+var logger_1 = require("@ozen-ui/logger");
+var environment_1 = require("../../../constants/environment");
+var capitalizeFirstLetter_1 = require("../../../utils/capitalizeFirstLetter");
+var useDeprecatedBase = function (_a) {
+    var typeProp = _a.type, name = _a.name, nameNext = _a.nameNext, isLogNeeded = _a.isLogNeeded;
+    if (environment_1.isProduction || !isLogNeeded) {
+        return;
+    }
+    var type = typeProp.toLowerCase();
+    (0, logger_1.deprecate)("".concat((0, capitalizeFirstLetter_1.capitalizeFirstLetter)(type), " \u00AB").concat(name, "\u00BB deprecated.").concat(nameNext ? " \u0414\u043B\u044F \u0437\u0430\u043C\u0435\u043D\u044B \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 ".concat(type, " \u00AB").concat(nameNext, "\u00BB.") : ''));
+};
+exports.useDeprecatedBase = useDeprecatedBase;

package/__inner__/cjs/hooks/useDeprecated/component/index.d.ts

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

package/__inner__/cjs/hooks/useDeprecated/component/index.js

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

package/__inner__/cjs/hooks/useDeprecated/component/useDeprecatedComponent.d.ts

@@ -0,0 +1 @@
+export declare const useDeprecatedComponent: (name: string, nameNext?: string) => void;

package/__inner__/cjs/hooks/useDeprecated/component/useDeprecatedComponent.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDeprecatedComponent = void 0;
+var base_1 = require("../base");
+var useDeprecatedComponent = function (name, nameNext) {
+    (0, base_1.useDeprecatedBase)({
+        name: name,
+        nameNext: nameNext !== null && nameNext !== void 0 ? nameNext : "".concat(name, "Next"),
+        type: 'компонент',
+        isLogNeeded: true,
+    });
+};
+exports.useDeprecatedComponent = useDeprecatedComponent;

package/__inner__/cjs/hooks/useDeprecated/hook/index.d.ts

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

package/__inner__/cjs/hooks/useDeprecated/hook/index.js

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

package/__inner__/cjs/hooks/useDeprecated/hook/useDeprecatedHook.d.ts

@@ -0,0 +1 @@
+export declare const useDeprecatedHook: (name: string, nameNext?: string) => void;

package/__inner__/cjs/hooks/useDeprecated/hook/useDeprecatedHook.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDeprecatedHook = void 0;
+var base_1 = require("../base");
+var useDeprecatedHook = function (name, nameNext) {
+    (0, base_1.useDeprecatedBase)({
+        name: name,
+        nameNext: nameNext !== null && nameNext !== void 0 ? nameNext : "".concat(name, "Next"),
+        type: 'хук',
+        isLogNeeded: true,
+    });
+};
+exports.useDeprecatedHook = useDeprecatedHook;

package/__inner__/cjs/hooks/useDeprecated/index.d.ts

@@ -0,0 +1,5 @@
+export * from './base';
+export * from './component';
+export * from './hook';
+export * from './presets';
+export * from './property';

package/__inner__/cjs/hooks/useDeprecated/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./base"), exports);
+tslib_1.__exportStar(require("./component"), exports);
+tslib_1.__exportStar(require("./hook"), exports);
+tslib_1.__exportStar(require("./presets"), exports);
+tslib_1.__exportStar(require("./property"), exports);

package/__inner__/cjs/hooks/useDeprecated/presets/index.d.ts

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

package/__inner__/cjs/hooks/useDeprecated/presets/index.js

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

package/__inner__/cjs/hooks/useDeprecated/presets/useDeprecatedTheme.d.ts

@@ -0,0 +1 @@
+export declare const useDeprecatedTheme: (isLogNeeded?: boolean) => void;

package/__inner__/cjs/hooks/useDeprecated/presets/useDeprecatedTheme.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDeprecatedTheme = void 0;
+var base_1 = require("../base");
+var useDeprecatedTheme = function (isLogNeeded) {
+    if (isLogNeeded === void 0) { isLogNeeded = true; }
+    (0, base_1.useDeprecatedBase)({
+        type: 'theme',
+        name: 'ThemeProvider',
+        nameNext: 'OzenProvider',
+        isLogNeeded: isLogNeeded,
+    });
+};
+exports.useDeprecatedTheme = useDeprecatedTheme;

package/__inner__/cjs/hooks/useDeprecated/property/index.d.ts

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

package/__inner__/cjs/hooks/useDeprecated/property/index.js

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

package/__inner__/cjs/hooks/useDeprecated/property/useDeprecatedProperty.d.ts

@@ -0,0 +1 @@
+export declare const useDeprecatedProperty: (isUsing: boolean, name: string, nameNext?: string) => void;

package/__inner__/cjs/hooks/useDeprecated/property/useDeprecatedProperty.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDeprecatedProperty = void 0;
+var base_1 = require("../base");
+var useDeprecatedProperty = function (isUsing, name, nameNext) {
+    (0, base_1.useDeprecatedBase)({
+        name: name,
+        nameNext: nameNext,
+        type: 'свойство',
+        isLogNeeded: isUsing,
+    });
+};
+exports.useDeprecatedProperty = useDeprecatedProperty;

package/__inner__/cjs/hooks/useDeviceDetect/useDeviceDetect.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDeviceDetect = useDeviceDetect;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
+var environment_1 = require("../../constants/environment");
 var useIsomorphicEffect_1 = require("../useIsomorphicEffect");
 function getPlatform(userAgent) {
     var iosPlatforms = /iphone|ipad|ipod/i.test(userAgent);
@@ -35,7 +36,7 @@ function useDeviceDetect() {
     var _a = tslib_1.__read((0, react_1.useState)(false), 2), isMobile = _a[0], setIsMobile = _a[1];
     var _b = tslib_1.__read((0, react_1.useState)('undetermined'), 2), platform = _b[0], setPlatform = _b[1];
     (0, useIsomorphicEffect_1.useIsomorphicEffect)(function () {
-        if (typeof window === 'undefined') {
+        if (environment_1.isServer) {
             return;
         }
         var userAgent = window.navigator.userAgent;

package/__inner__/cjs/hooks/useIsomorphicEffect/useIsomorphicEffect.js

@@ -2,4 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useIsomorphicEffect = void 0;
 var react_1 = require("react");
-exports.useIsomorphicEffect = typeof window === 'undefined' ? react_1.useEffect : react_1.useLayoutEffect;
+var environment_1 = require("../../constants/environment");
+exports.useIsomorphicEffect = environment_1.isServer ? react_1.useEffect : react_1.useLayoutEffect;

package/__inner__/cjs/hooks/useMultipleResizeObserver/useMultipleResizeObserver.js

@@ -3,10 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMultipleResizeObserver = useMultipleResizeObserver;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
+var OzenProvider_1 = require("../../components/OzenProvider");
 var isFunction_1 = require("../../utils/isFunction");
 var useCreateResizeObserver_1 = require("../useCreateResizeObserver");
 var useStoredValue_1 = require("../useStoredValue");
 function useMultipleResizeObserver(elements, onChange, options) {
+    var ssr = (0, OzenProvider_1.useOzenSSR)();
     var observer = (0, useCreateResizeObserver_1.useCreateResizeObserver)(function (entries) {
         onChange === null || onChange === void 0 ? void 0 : onChange(entries);
     });
@@ -40,7 +42,14 @@ function useMultipleResizeObserver(elements, onChange, options) {
         });
     };
     (0, react_1.useEffect)(function () {
-        reconnect();
+        if (ssr.config.isEnabled) {
+            setTimeout(function () {
+                reconnect();
+            });
+        }
+        else {
+            reconnect();
+        }
     }, [elements]);
     return {
         reconnect: reconnect,

package/__inner__/cjs/hooks/usePortalContainer/entities/container.d.ts

@@ -0,0 +1,4 @@
+import type { RefObject } from 'react';
+import type { PortalContainerElement } from './element';
+export type PortalBaseContainer = PortalContainerElement | RefObject<PortalContainerElement>;
+export type PortalContainer = PortalBaseContainer | (() => PortalBaseContainer);

package/__inner__/cjs/hooks/usePortalContainer/entities/container.js

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

package/__inner__/cjs/hooks/usePortalContainer/entities/element.d.ts

@@ -0,0 +1 @@
+export type PortalContainerElement = Element | DocumentFragment | null;

package/__inner__/cjs/hooks/usePortalContainer/entities/element.js

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

package/__inner__/cjs/hooks/usePortalContainer/entities/index.d.ts

@@ -0,0 +1,2 @@
+export * from './container';
+export * from './element';

package/__inner__/cjs/hooks/usePortalContainer/entities/index.js

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

package/__inner__/cjs/hooks/usePortalContainer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './entities';
+export * from './usePortalContainer';

package/__inner__/cjs/hooks/usePortalContainer/index.js

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

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

@@ -0,0 +1,2 @@
+import type { PortalContainer } from './entities';
+export declare const usePortalContainer: (container: PortalContainer) => import("./entities").PortalContainerElement;

package/__inner__/cjs/hooks/usePortalContainer/usePortalContainer.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePortalContainer = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var environment_1 = require("../../constants/environment");
+var isFunction_1 = require("../../utils/isFunction");
+var react_2 = require("../../utils/react");
+var usePortalContainer = function (container) {
+    var _a = tslib_1.__read((0, react_1.useState)(false), 2), isMounted = _a[0], setIsMounted = _a[1];
+    (0, react_1.useEffect)(function () {
+        setIsMounted(true);
+    }, []);
+    var baseContainer = (function () {
+        if (environment_1.isServer || !isMounted) {
+            return null;
+        }
+        if ((0, isFunction_1.isFunction)(container)) {
+            return container();
+        }
+        return container;
+    })();
+    if (baseContainer && (0, react_2.isRef)(baseContainer)) {
+        return baseContainer.current;
+    }
+    return baseContainer;
+};
+exports.usePortalContainer = usePortalContainer;

package/__inner__/cjs/hooks/useRerender/index.d.ts

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

package/__inner__/cjs/hooks/useRerender/index.js

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

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

@@ -0,0 +1 @@
+export declare function useRerender(): () => void;

package/__inner__/cjs/hooks/useRerender/useRerender.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRerender = useRerender;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+function useRerender() {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    var _a = tslib_1.__read((0, react_1.useState)(function () { return 1; }), 2), _ = _a[0], setState = _a[1];
+    return (0, react_1.useCallback)(function () {
+        setState(function (prevState) { return prevState + 1; });
+    }, []);
+}

package/__inner__/cjs/hooks/useTheme/index.d.ts

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

package/__inner__/cjs/hooks/useTheme/index.js

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

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

@@ -0,0 +1 @@
+export declare const useTheme: () => import("../../components/OzenProvider").Theme;

package/__inner__/cjs/hooks/useTheme/useTheme.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTheme = void 0;
+var OzenProvider_1 = require("../../components/OzenProvider");
+var useTheme = function () { return (0, OzenProvider_1.useOzenThemeContext)().theme; };
+exports.useTheme = useTheme;

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

@@ -1,7 +1,7 @@
-import { type Theme } from '../../components/ThemeProvider';
+import type { ThemeDefaultProps } from '../../components/OzenProvider';
 type UseThemeProps<T> = {
     props: T;
-    name: keyof Theme['defaultProps'];
+    name: keyof ThemeDefaultProps;
 };
 export declare const useThemeProps: <T>({ props, name }: UseThemeProps<T>) => T;
 export {};

package/__inner__/cjs/hooks/useThemeProps/useThemeProps.js

@@ -3,10 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useThemeProps = void 0;
 var tslib_1 = require("tslib");
 var ThemeProvider_1 = require("../../components/ThemeProvider");
+var useDeprecated_1 = require("../useDeprecated");
+var useTheme_1 = require("../useTheme");
+var useThemeSettings_1 = require("../useThemeSettings");
 var useThemeProps = function (_a) {
     var _b;
     var props = _a.props, name = _a.name;
-    var defaultProps = (_b = (0, ThemeProvider_1.useTheme)()) === null || _b === void 0 ? void 0 : _b.defaultProps;
+    var isUseNewProvider = (0, useThemeSettings_1.useThemeSettings)().isUseNewProvider;
+    var oldDefaultProps = (_b = (0, ThemeProvider_1.useTheme)()) === null || _b === void 0 ? void 0 : _b.defaultProps;
+    var newDefaultProps = (0, useTheme_1.useTheme)().defaultProps;
+    var defaultProps = isUseNewProvider ? newDefaultProps : oldDefaultProps;
+    (0, useDeprecated_1.useDeprecatedTheme)(!!oldDefaultProps);
     return tslib_1.__assign(tslib_1.__assign({}, defaultProps === null || defaultProps === void 0 ? void 0 : defaultProps[name]), props);
 };
 exports.useThemeProps = useThemeProps;

package/__inner__/cjs/hooks/useThemeSettings/index.d.ts

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

package/__inner__/cjs/hooks/useThemeSettings/index.js

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

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

@@ -0,0 +1 @@
+export declare function useThemeSettings(): import("../../components/OzenProvider").ThemeSettings;

package/__inner__/cjs/hooks/useThemeSettings/useThemeSettings.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useThemeSettings = useThemeSettings;
+var OzenProvider_1 = require("../../components/OzenProvider");
+function useThemeSettings() {
+    return (0, OzenProvider_1.useOzenThemeContext)().settings;
+}

package/__inner__/cjs/hooks/useThemeTokens/index.d.ts

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

package/__inner__/cjs/hooks/useThemeTokens/index.js

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

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

@@ -0,0 +1 @@
+export declare function useThemeTokens(): import("../../components/OzenProvider").ThemeTokens;

package/__inner__/cjs/hooks/useThemeTokens/useThemeTokens.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useThemeTokens = useThemeTokens;
+var useTheme_1 = require("../useTheme");
+function useThemeTokens() {
+    return (0, useTheme_1.useTheme)().tokens;
+}

package/__inner__/cjs/hooks/useThemeVariables/index.d.ts

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

package/__inner__/cjs/hooks/useThemeVariables/index.js

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

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

@@ -0,0 +1,4 @@
+import type { ThemeTokens } from '../../components/OzenProvider';
+export type UseThemeVariablesVariables = {
+    [key in keyof ThemeTokens]: ThemeTokens[key]['properties'];
+};

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

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

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

@@ -0,0 +1,2 @@
+import type { UseThemeVariablesVariables } from './types';
+export declare function useThemeVariables(): UseThemeVariablesVariables;

package/__inner__/cjs/hooks/useThemeVariables/useThemeVariables.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useThemeVariables = useThemeVariables;
+var tslib_1 = require("tslib");
+var useTheme_1 = require("../useTheme");
+function useThemeVariables() {
+    var theme = (0, useTheme_1.useTheme)();
+    var tokens = theme.tokens;
+    var variables = {};
+    Object.entries(tokens).forEach(function (_a) {
+        var _b = tslib_1.__read(_a, 2), _tokenName = _b[0], token = _b[1];
+        var tokenName = _tokenName;
+        variables[tokenName] =
+            token.properties;
+    });
+    return variables;
+}

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

@@ -1,9 +1,15 @@
 import { themeHelper } from '../../components/ThemeProvider';
 type VariablesVariant = 'color' | 'breakpoint' | 'zIndex' | 'space' | 'spacing' | 'control' | 'borderRadius' | 'borderWidth' | 'shadow' | 'typography' | 'transition';
+/**
+ * @deprecated Используйте {@link useThemeVariables}
+ */
 export type ThemeVariables = {
     [P in VariablesVariant]: {
         [key in (typeof themeHelper)[P][number]]: string;
     };
 };
+/**
+ * @deprecated Хук устарел. Для замены используйте {@link useThemeVariables}
+ */
 export declare function useThemeVars(): ThemeVariables;
 export {};

package/__inner__/cjs/hooks/useThemeVars/useThemeVars.js

@@ -6,6 +6,9 @@ var react_1 = require("react");
 var ThemeProvider_1 = require("../../components/ThemeProvider");
 var lastThemeTokens;
 var res;
+/**
+ * @deprecated Хук устарел. Для замены используйте {@link useThemeVariables}
+ */
 function useThemeVars() {
     var themeTokens = ((0, ThemeProvider_1.useTheme)() || {}).tokens;
     return (0, react_1.useMemo)(function () {

package/__inner__/cjs/hooks/useUniqueId/useUniqueId.js

@@ -2,16 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useUniqueId = useUniqueId;
 var react_1 = require("react");
-var uniqueId = 0;
-var getUniqueId = function () {
-    uniqueId += 1;
-    return uniqueId;
-};
 function useUniqueId(prefix) {
     if (prefix === void 0) { prefix = ''; }
-    var idRef = (0, react_1.useRef)();
-    if (idRef.current === undefined) {
-        idRef.current = getUniqueId();
-    }
-    return "".concat(prefix).concat(idRef.current);
+    var id = (0, react_1.useId)();
+    return "".concat(prefix).concat(id);
 }

package/__inner__/cjs/locale/locale.d.ts

@@ -1,4 +1,4 @@
-import type { Theme } from '../components/ThemeProvider';
+import type { Theme } from '../components/OzenProvider/providers/theme/entities';
 export type Locale = Pick<Theme, 'defaultProps'>;
 export declare const ruRU: Locale;
 export declare const kkKZ: Locale;

package/__inner__/cjs/locale/locale.js

@@ -21,6 +21,11 @@ exports.ruRU = {
             clearText: 'Очистить',
             loadingText: 'Загрузка…',
         },
+        AutocompleteBaseInput: {
+            openText: 'Открыть',
+            clearText: 'Очистить',
+            closeText: 'Закрыть',
+        },
         Breadcrumbs: {
             'aria-label': 'Навигация',
         },
@@ -101,6 +106,11 @@ exports.kkKZ = {
             clearText: 'Тазалау',
             loadingText: 'Жүктеу…',
         },
+        AutocompleteBaseInput: {
+            openText: 'Ашу',
+            clearText: 'Тазалау',
+            closeText: 'Жабу',
+        },
         Breadcrumbs: {
             'aria-label': 'Навигация',
         },
@@ -181,6 +191,11 @@ exports.enUS = {
             clearText: 'Clear',
             loadingText: 'Loading…',
         },
+        AutocompleteBaseInput: {
+            openText: 'Open',
+            clearText: 'Clear',
+            closeText: 'Close',
+        },
         Breadcrumbs: {
             'aria-label': 'Navigation',
         },