@ozen-ui/kit 0.68.0 → 0.70.0

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

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

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

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

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

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

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

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

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

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

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

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

package/__inner__/esm/hooks/useBreakpoints/useBreakpoints.js

@@ -1,6 +1,7 @@
 import { __assign, __read, __values } from "tslib";
 import { useState, useCallback, useDebugValue } from 'react';
 import { breakpointVariant, } from '../../types/Breakpoints';
+import { useDeprecatedHook } from '../useDeprecated';
 import { useIsomorphicEffect } from '../useIsomorphicEffect';
 var breakpoint = {
     xs: '(min-width: 0px)',
@@ -8,7 +9,11 @@ var breakpoint = {
     m: '(min-width: 1024px)',
     l: '(min-width: 1280px)',
 };
+/**
+ * @deprecated Хук устарел. Для замены используйте useBreakpointsNext
+ */
 export function useBreakpoints() {
+    useDeprecatedHook('useBreakpoints');
     var _a = __read(useState(breakpointVariant.reduce(function (acc, key) {
         var _a;
         return (__assign(__assign({}, acc), (_a = {}, _a[key] = window.matchMedia(breakpoint[key]).matches, _a)));

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

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

package/__inner__/esm/hooks/useBreakpointsNext/index.js

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

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

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

package/__inner__/esm/hooks/useBreakpointsNext/useBreakpoints.js

@@ -0,0 +1,7 @@
+import { useBreakpointsObserver } from '../useBreakpointsObserver';
+import { useRerender } from '../useRerender';
+export function useBreakpoints() {
+    var rerender = useRerender();
+    var matches = useBreakpointsObserver(rerender);
+    return matches.current;
+}

package/__inner__/esm/hooks/useBreakpointsObserver/index.d.ts

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

package/__inner__/esm/hooks/useBreakpointsObserver/index.js

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

package/__inner__/esm/hooks/useBreakpointsObserver/types.d.ts

@@ -0,0 +1,2 @@
+import type { BreakpointMatches } from '../../types/Breakpoints';
+export type UseBreakpointsObserverOnChange = (matches: BreakpointMatches, width: number) => void;

package/__inner__/esm/hooks/useBreakpointsObserver/types.js

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

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

@@ -0,0 +1,3 @@
+import type { BreakpointMatches } from '../../types/Breakpoints';
+import type { UseBreakpointsObserverOnChange } from './types';
+export declare function useBreakpointsObserver(onChange?: UseBreakpointsObserverOnChange): import("../useStoredValue").StoredValue<BreakpointMatches>;

package/__inner__/esm/hooks/useBreakpointsObserver/useBreakpointsObserver.js

@@ -0,0 +1,39 @@
+import { useEffect } from 'react';
+import { useOzenSSR } from '../../components/OzenProvider';
+import { calculateBreakpoints } from '../../utils/breakpoint';
+import { useEventListener } from '../useEventListener';
+import { useIsomorphicEffect } from '../useIsomorphicEffect';
+import { useStoredValue } from '../useStoredValue';
+import { useTheme } from '../useTheme';
+export function useBreakpointsObserver(onChange) {
+    var ssr = useOzenSSR();
+    var theme = useTheme();
+    var breakpointToken = theme.tokens.breakpoint;
+    var matches = useStoredValue(function () {
+        if (ssr.config.isEnabled) {
+            return calculateBreakpoints(breakpointToken, ssr.config.serverWidth);
+        }
+        return calculateBreakpoints(breakpointToken, window.innerWidth);
+    });
+    var recalculateMatches = function (width) {
+        var newMatches = calculateBreakpoints(breakpointToken, width);
+        var hasChanges = newMatches.currentBreakpoint !== matches.current.currentBreakpoint;
+        if (hasChanges) {
+            matches.current = newMatches;
+            onChange === null || onChange === void 0 ? void 0 : onChange(newMatches, width);
+        }
+    };
+    useEffect(function () {
+        recalculateMatches(window.innerWidth);
+    }, [theme]);
+    useEventListener({
+        eventName: 'resize',
+        handler: function () {
+            recalculateMatches(window.innerWidth);
+        },
+    });
+    useIsomorphicEffect(function () {
+        recalculateMatches(window.innerWidth);
+    }, []);
+    return matches;
+}

package/__inner__/esm/hooks/useControlled/useControlled.js

@@ -2,6 +2,7 @@ import { __read } from "tslib";
 /* eslint-disable react-hooks/rules-of-hooks, react-hooks/exhaustive-deps */
 import { useState, useCallback, useEffect, useRef } from 'react';
 import { logger } from '@ozen-ui/logger';
+import deepEqual from 'lodash.isequal';
 /** Управляет значением компонента при контролируемом и неконтролируемом поведении */
 export var useControlled = function (_a) {
     var valueProp = _a.value, defaultProp = _a.defaultValue, name = _a.name, _b = _a.state, state = _b === void 0 ? 'value' : _b;
@@ -21,7 +22,7 @@ export var useControlled = function (_a) {
         }, [state, name, valueProp]);
         var defaultValue_1 = useRef(defaultProp).current;
         useEffect(function () {
-            if (!isControlled && defaultValue_1 !== defaultProp) {
+            if (!isControlled && !deepEqual(defaultValue_1, defaultProp)) {
                 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__/esm/hooks/useCreateResizeObserver/useCreateResizeObserver.js

@@ -1,11 +1,12 @@
 import { useEffect, useMemo } from 'react';
+import { isClient } from '../../constants/environment';
 import { useStoredValue } from '../useStoredValue';
 export function useCreateResizeObserver(onChange) {
     var frameID = useStoredValue(0);
     var onChangeStored = useStoredValue(function () { return onChange; });
     onChangeStored.current = onChange;
     var observer = useMemo(function () {
-        return typeof window !== 'undefined' && typeof ResizeObserver !== 'undefined'
+        return isClient && typeof ResizeObserver !== 'undefined'
             ? new ResizeObserver(function (entries) {
                 cancelAnimationFrame(frameID.current);
                 frameID.current = requestAnimationFrame(function () {

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

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

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

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

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

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

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

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

package/__inner__/esm/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__/esm/hooks/useDeprecated/base/useDeprecatedBase.js

@@ -0,0 +1,11 @@
+import { deprecate } from '@ozen-ui/logger';
+import { isProduction } from '../../../constants/environment';
+import { capitalizeFirstLetter } from '../../../utils/capitalizeFirstLetter';
+export var useDeprecatedBase = function (_a) {
+    var typeProp = _a.type, name = _a.name, nameNext = _a.nameNext, isLogNeeded = _a.isLogNeeded;
+    if (isProduction || !isLogNeeded) {
+        return;
+    }
+    var type = typeProp.toLowerCase();
+    deprecate("".concat(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.") : ''));
+};

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { useDeprecatedBase } from '../base';
+export var useDeprecatedComponent = function (name, nameNext) {
+    useDeprecatedBase({
+        name: name,
+        nameNext: nameNext !== null && nameNext !== void 0 ? nameNext : "".concat(name, "Next"),
+        type: 'компонент',
+        isLogNeeded: true,
+    });
+};

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { useDeprecatedBase } from '../base';
+export var useDeprecatedHook = function (name, nameNext) {
+    useDeprecatedBase({
+        name: name,
+        nameNext: nameNext !== null && nameNext !== void 0 ? nameNext : "".concat(name, "Next"),
+        type: 'хук',
+        isLogNeeded: true,
+    });
+};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { useDeprecatedBase } from '../base';
+export var useDeprecatedTheme = function (isLogNeeded) {
+    if (isLogNeeded === void 0) { isLogNeeded = true; }
+    useDeprecatedBase({
+        type: 'theme',
+        name: 'ThemeProvider',
+        nameNext: 'OzenProvider',
+        isLogNeeded: isLogNeeded,
+    });
+};

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { useDeprecatedBase } from '../base';
+export var useDeprecatedProperty = function (isUsing, name, nameNext) {
+    useDeprecatedBase({
+        name: name,
+        nameNext: nameNext,
+        type: 'свойство',
+        isLogNeeded: isUsing,
+    });
+};

package/__inner__/esm/hooks/useDeviceDetect/useDeviceDetect.js

@@ -1,5 +1,6 @@
 import { __read } from "tslib";
 import { useState } from 'react';
+import { isServer } from '../../constants/environment';
 import { useIsomorphicEffect } from '../useIsomorphicEffect';
 function getPlatform(userAgent) {
     var iosPlatforms = /iphone|ipad|ipod/i.test(userAgent);
@@ -32,7 +33,7 @@ export function useDeviceDetect() {
     var _a = __read(useState(false), 2), isMobile = _a[0], setIsMobile = _a[1];
     var _b = __read(useState('undetermined'), 2), platform = _b[0], setPlatform = _b[1];
     useIsomorphicEffect(function () {
-        if (typeof window === 'undefined') {
+        if (isServer) {
             return;
         }
         var userAgent = window.navigator.userAgent;

package/__inner__/esm/hooks/useIsomorphicEffect/useIsomorphicEffect.js

@@ -1,2 +1,3 @@
 import { useEffect, useLayoutEffect } from 'react';
-export var useIsomorphicEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;
+import { isServer } from '../../constants/environment';
+export var useIsomorphicEffect = isServer ? useEffect : useLayoutEffect;

package/__inner__/esm/hooks/useMultipleResizeObserver/useMultipleResizeObserver.js

@@ -1,9 +1,11 @@
 import { __read, __spreadArray } from "tslib";
 import { useEffect } from 'react';
+import { useOzenSSR } from '../../components/OzenProvider';
 import { isFunction } from '../../utils/isFunction';
 import { useCreateResizeObserver } from '../useCreateResizeObserver';
 import { useStoredValue } from '../useStoredValue';
 export function useMultipleResizeObserver(elements, onChange, options) {
+    var ssr = useOzenSSR();
     var observer = useCreateResizeObserver(function (entries) {
         onChange === null || onChange === void 0 ? void 0 : onChange(entries);
     });
@@ -37,7 +39,14 @@ export function useMultipleResizeObserver(elements, onChange, options) {
         });
     };
     useEffect(function () {
-        reconnect();
+        if (ssr.config.isEnabled) {
+            setTimeout(function () {
+                reconnect();
+            });
+        }
+        else {
+            reconnect();
+        }
     }, [elements]);
     return {
         reconnect: reconnect,

package/__inner__/esm/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__/esm/hooks/usePortalContainer/entities/container.js

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

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

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

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

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

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

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

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

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

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

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

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

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

package/__inner__/esm/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__/esm/hooks/usePortalContainer/usePortalContainer.js

@@ -0,0 +1,24 @@
+import { __read } from "tslib";
+import { useEffect, useState } from 'react';
+import { isServer } from '../../constants/environment';
+import { isFunction } from '../../utils/isFunction';
+import { isRef } from '../../utils/react';
+export var usePortalContainer = function (container) {
+    var _a = __read(useState(false), 2), isMounted = _a[0], setIsMounted = _a[1];
+    useEffect(function () {
+        setIsMounted(true);
+    }, []);
+    var baseContainer = (function () {
+        if (isServer || !isMounted) {
+            return null;
+        }
+        if (isFunction(container)) {
+            return container();
+        }
+        return container;
+    })();
+    if (baseContainer && isRef(baseContainer)) {
+        return baseContainer.current;
+    }
+    return baseContainer;
+};

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

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

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

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

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

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

package/__inner__/esm/hooks/useRerender/useRerender.js

@@ -0,0 +1,9 @@
+import { __read } from "tslib";
+import { useCallback, useState } from 'react';
+export function useRerender() {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    var _a = __read(useState(function () { return 1; }), 2), _ = _a[0], setState = _a[1];
+    return useCallback(function () {
+        setState(function (prevState) { return prevState + 1; });
+    }, []);
+}

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

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

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

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

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

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

package/__inner__/esm/hooks/useTheme/useTheme.js

@@ -0,0 +1,2 @@
+import { useOzenThemeContext } from '../../components/OzenProvider';
+export var useTheme = function () { return useOzenThemeContext().theme; };

package/__inner__/esm/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__/esm/hooks/useThemeProps/useThemeProps.js

@@ -1,8 +1,15 @@
 import { __assign } from "tslib";
-import { useTheme } from '../../components/ThemeProvider';
+import { useTheme as useOldTheme } from '../../components/ThemeProvider';
+import { useDeprecatedTheme } from '../useDeprecated';
+import { useTheme } from '../useTheme';
+import { useThemeSettings } from '../useThemeSettings';
 export var useThemeProps = function (_a) {
     var _b;
     var props = _a.props, name = _a.name;
-    var defaultProps = (_b = useTheme()) === null || _b === void 0 ? void 0 : _b.defaultProps;
+    var isUseNewProvider = useThemeSettings().isUseNewProvider;
+    var oldDefaultProps = (_b = useOldTheme()) === null || _b === void 0 ? void 0 : _b.defaultProps;
+    var newDefaultProps = useTheme().defaultProps;
+    var defaultProps = isUseNewProvider ? newDefaultProps : oldDefaultProps;
+    useDeprecatedTheme(!!oldDefaultProps);
     return __assign(__assign({}, defaultProps === null || defaultProps === void 0 ? void 0 : defaultProps[name]), props);
 };

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

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

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

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

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

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

package/__inner__/esm/hooks/useThemeSettings/useThemeSettings.js

@@ -0,0 +1,4 @@
+import { useOzenThemeContext } from '../../components/OzenProvider';
+export function useThemeSettings() {
+    return useOzenThemeContext().settings;
+}

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

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

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

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

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

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

package/__inner__/esm/hooks/useThemeTokens/useThemeTokens.js

@@ -0,0 +1,4 @@
+import { useTheme } from '../useTheme';
+export function useThemeTokens() {
+    return useTheme().tokens;
+}

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

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

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

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

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

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

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

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

package/__inner__/esm/hooks/useThemeVariables/useThemeVariables.js

@@ -0,0 +1,14 @@
+import { __read } from "tslib";
+import { useTheme } from '../useTheme';
+export function useThemeVariables() {
+    var theme = useTheme();
+    var tokens = theme.tokens;
+    var variables = {};
+    Object.entries(tokens).forEach(function (_a) {
+        var _b = __read(_a, 2), _tokenName = _b[0], token = _b[1];
+        var tokenName = _tokenName;
+        variables[tokenName] =
+            token.properties;
+    });
+    return variables;
+}

package/__inner__/esm/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__/esm/hooks/useThemeVars/useThemeVars.js

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