@ozen-ui/kit 0.68.0 → 0.70.0

package/__inner__/esm/hooks/useUniqueId/useUniqueId.js

@@ -1,14 +1,6 @@
-import { useRef } from 'react';
-var uniqueId = 0;
-var getUniqueId = function () {
-    uniqueId += 1;
-    return uniqueId;
-};
+import { useId } from 'react';
 export function useUniqueId(prefix) {
     if (prefix === void 0) { prefix = ''; }
-    var idRef = useRef();
-    if (idRef.current === undefined) {
-        idRef.current = getUniqueId();
-    }
-    return "".concat(prefix).concat(idRef.current);
+    var id = useId();
+    return "".concat(prefix).concat(id);
 }

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

@@ -18,6 +18,11 @@ export var ruRU = {
             clearText: 'Очистить',
             loadingText: 'Загрузка…',
         },
+        AutocompleteBaseInput: {
+            openText: 'Открыть',
+            clearText: 'Очистить',
+            closeText: 'Закрыть',
+        },
         Breadcrumbs: {
             'aria-label': 'Навигация',
         },
@@ -98,6 +103,11 @@ export var kkKZ = {
             clearText: 'Тазалау',
             loadingText: 'Жүктеу…',
         },
+        AutocompleteBaseInput: {
+            openText: 'Ашу',
+            clearText: 'Тазалау',
+            closeText: 'Жабу',
+        },
         Breadcrumbs: {
             'aria-label': 'Навигация',
         },
@@ -178,6 +188,11 @@ export var enUS = {
             clearText: 'Clear',
             loadingText: 'Loading…',
         },
+        AutocompleteBaseInput: {
+            openText: 'Open',
+            clearText: 'Clear',
+            closeText: 'Close',
+        },
         Breadcrumbs: {
             'aria-label': 'Navigation',
         },

package/__inner__/esm/types/Breakpoints.d.ts

@@ -1,2 +1,25 @@
+import type { ThemeBreakpointTokenVariable } from '../components/OzenProvider';
+import type { ObjectPropertiesWithPrefix } from './object';
+/**
+ * @deprecated Используйте значение из темы
+ */
 export declare const breakpointVariant: readonly ["xs", "s", "m", "l"];
+/**
+ * @deprecated Используйте {@link ThemeBreakpointTokenVariable}
+ */
 export type BreakpointVariant = (typeof breakpointVariant)[number];
+export declare const BREAKPOINT_PREFIX: {
+    readonly IS: "is";
+    readonly IS_A_LARGER_THAN: "isALargerThan";
+    readonly IS_A_LARGER_THAN_OR_IS: "isALargerThanOrIs";
+    readonly IS_A_SMALLER_THAN: "isASmallerThan";
+    readonly IS_A_SMALLER_THAN_OR_IS: "isASmallerThanOrIs";
+};
+export type BreakpointPrefix = (typeof BREAKPOINT_PREFIX)[keyof typeof BREAKPOINT_PREFIX];
+export type IsBreakpoint = ObjectPropertiesWithPrefix<Capitalize<ThemeBreakpointTokenVariable>, typeof BREAKPOINT_PREFIX.IS, boolean>;
+export type IsALargerBreakpoint = ObjectPropertiesWithPrefix<Capitalize<ThemeBreakpointTokenVariable>, typeof BREAKPOINT_PREFIX.IS_A_LARGER_THAN, boolean> & ObjectPropertiesWithPrefix<Capitalize<ThemeBreakpointTokenVariable>, typeof BREAKPOINT_PREFIX.IS_A_LARGER_THAN_OR_IS, boolean>;
+export type IsASmallerBreakpoint = ObjectPropertiesWithPrefix<Capitalize<ThemeBreakpointTokenVariable>, typeof BREAKPOINT_PREFIX.IS_A_SMALLER_THAN, boolean> & ObjectPropertiesWithPrefix<Capitalize<ThemeBreakpointTokenVariable>, typeof BREAKPOINT_PREFIX.IS_A_SMALLER_THAN_OR_IS, boolean>;
+export type CurrentBreakpoint = {
+    currentBreakpoint: ThemeBreakpointTokenVariable;
+};
+export type BreakpointMatches = IsBreakpoint & IsALargerBreakpoint & IsASmallerBreakpoint & CurrentBreakpoint;

package/__inner__/esm/types/Breakpoints.js

@@ -1 +1,11 @@
+/**
+ * @deprecated Используйте значение из темы
+ */
 export var breakpointVariant = ['xs', 's', 'm', 'l'];
+export var BREAKPOINT_PREFIX = {
+    IS: 'is',
+    IS_A_LARGER_THAN: 'isALargerThan',
+    IS_A_LARGER_THAN_OR_IS: 'isALargerThanOrIs',
+    IS_A_SMALLER_THAN: 'isASmallerThan',
+    IS_A_SMALLER_THAN_OR_IS: 'isASmallerThanOrIs',
+};

package/__inner__/esm/types/object/index.d.ts

@@ -1 +1,2 @@
+export * from './objectPropertiesWithPrefix';
 export * from './withPartial';

package/__inner__/esm/types/object/index.js

@@ -1 +1,2 @@
+export * from './objectPropertiesWithPrefix';
 export * from './withPartial';

package/__inner__/esm/types/object/objectPropertiesWithPrefix.d.ts

@@ -0,0 +1,3 @@
+export type ObjectPropertiesWithPrefix<ObjectKeys extends string, Prefix extends string, Value> = {
+    [key in `${Prefix}${ObjectKeys}`]: Value;
+};

package/__inner__/esm/types/object/objectPropertiesWithPrefix.js

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

package/__inner__/esm/types/react/WithDisplayName.d.ts

@@ -0,0 +1,3 @@
+export type WithDisplayName<Value> = Value & {
+    displayName?: string;
+};

package/__inner__/esm/types/react/WithDisplayName.js

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

package/__inner__/esm/types/react/index.d.ts

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

package/__inner__/esm/types/react/index.js

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

package/__inner__/esm/utils/breakpoint/calculateIsBreakpoints.d.ts

@@ -0,0 +1,4 @@
+import type { ThemeBreakpointToken, ThemeBreakpointTokenProperties } from '../../components/OzenProvider';
+import type { BreakpointMatches } from '../../types/Breakpoints';
+export declare const getBreakpointsAscending: (breakpointToken: ThemeBreakpointToken) => (keyof ThemeBreakpointTokenProperties)[];
+export declare const calculateBreakpoints: (breakpointToken: ThemeBreakpointToken, windowWidth: number) => BreakpointMatches;

package/__inner__/esm/utils/breakpoint/calculateIsBreakpoints.js

@@ -0,0 +1,91 @@
+import { __read, __values } from "tslib";
+import { BREAKPOINT_PREFIX } from '../../types/Breakpoints';
+import { capitalizeFirstLetter } from '../capitalizeFirstLetter';
+var memoizedBreakpointsMatches = {};
+var generateIsBreakpointKey = function (prefix, breakpoint) {
+    return "".concat(prefix).concat(capitalizeFirstLetter(breakpoint));
+};
+var checkIsCurrentBreakpoint = function (isBreakpoint, breakpoint) { return isBreakpoint[generateIsBreakpointKey(BREAKPOINT_PREFIX.IS, breakpoint)]; };
+var checkHasALargerThan = function (breakpointsAscending, isBreakpoint, breakpoint) {
+    var breakpointIndex = breakpointsAscending.indexOf(breakpoint);
+    var largerBreakpoints = breakpointsAscending.slice(breakpointIndex + 1, breakpointsAscending.length);
+    var hasLargerBreakpointThanThis = largerBreakpoints.some(function (breakpoint) {
+        return checkIsCurrentBreakpoint(isBreakpoint, breakpoint);
+    });
+    return hasLargerBreakpointThanThis;
+};
+var checkHasASmallerThan = function (breakpointsAscending, isBreakpoint, breakpoint) {
+    var breakpointIndex = breakpointsAscending.indexOf(breakpoint);
+    var smallerBreakpoints = breakpointsAscending.slice(0, breakpointIndex);
+    var hasSmallerBreakpointThanThis = smallerBreakpoints.some(function (breakpoint) {
+        return checkIsCurrentBreakpoint(isBreakpoint, breakpoint);
+    });
+    return hasSmallerBreakpointThanThis;
+};
+var checkIsBreakpoint = function (minWidthByBreakpoint, breakpointsAscending, windowWidth, breakpoint) {
+    var breakpointIndex = breakpointsAscending.indexOf(breakpoint);
+    var previousBreakpoint = minWidthByBreakpoint[breakpointsAscending[breakpointIndex - 1]];
+    var currentBreakpoint = minWidthByBreakpoint[breakpoint];
+    var nextBreakpoint = minWidthByBreakpoint[breakpointsAscending[breakpointIndex + 1]];
+    var isTheSmallestBreakpoint = breakpointIndex === 0;
+    if (isTheSmallestBreakpoint) {
+        return windowWidth < nextBreakpoint;
+    }
+    var isTheLargestBreakpoint = breakpointIndex === breakpointsAscending.length - 1;
+    if (isTheLargestBreakpoint) {
+        return windowWidth >= currentBreakpoint && windowWidth > previousBreakpoint;
+    }
+    return (windowWidth >= minWidthByBreakpoint[breakpoint] &&
+        windowWidth < nextBreakpoint);
+};
+export var getBreakpointsAscending = function (breakpointToken) {
+    return Object.entries(breakpointToken.properties)
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        .sort(function (_c, _d) {
+        var _e = __read(_c, 2), _a = _e[0], breakpointA = _e[1];
+        var _f = __read(_d, 2), _b = _f[0], breakpointB = _f[1];
+        return breakpointA - breakpointB;
+    })
+        .map(function (_c) {
+        var _d = __read(_c, 1), deviceSize = _d[0];
+        return deviceSize;
+    });
+};
+export var calculateBreakpoints = function (breakpointToken, windowWidth) {
+    var e_1, _c;
+    var matches = {};
+    var breakpointsAscending = getBreakpointsAscending(breakpointToken);
+    try {
+        for (var breakpointsAscending_1 = __values(breakpointsAscending), breakpointsAscending_1_1 = breakpointsAscending_1.next(); !breakpointsAscending_1_1.done; breakpointsAscending_1_1 = breakpointsAscending_1.next()) {
+            var breakpoint = breakpointsAscending_1_1.value;
+            var isThisBreakpoint = checkIsBreakpoint(breakpointToken.properties, breakpointsAscending, windowWidth, breakpoint);
+            matches[generateIsBreakpointKey(BREAKPOINT_PREFIX.IS, breakpoint)] =
+                isThisBreakpoint;
+            if (isThisBreakpoint) {
+                var memoizedValue = memoizedBreakpointsMatches[breakpoint];
+                if (memoizedValue) {
+                    return memoizedValue;
+                }
+                matches.currentBreakpoint = breakpoint;
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (breakpointsAscending_1_1 && !breakpointsAscending_1_1.done && (_c = breakpointsAscending_1.return)) _c.call(breakpointsAscending_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    breakpointsAscending.forEach(function (breakpoint) {
+        var isCurrentBreakpoint = checkIsCurrentBreakpoint(matches, breakpoint);
+        var hasALargerThan = checkHasALargerThan(breakpointsAscending, matches, breakpoint);
+        var hasASmallerThan = checkHasASmallerThan(breakpointsAscending, matches, breakpoint);
+        matches[generateIsBreakpointKey(BREAKPOINT_PREFIX.IS_A_LARGER_THAN, breakpoint)] = hasALargerThan;
+        matches[generateIsBreakpointKey(BREAKPOINT_PREFIX.IS_A_SMALLER_THAN, breakpoint)] = hasASmallerThan;
+        matches[generateIsBreakpointKey(BREAKPOINT_PREFIX.IS_A_LARGER_THAN_OR_IS, breakpoint)] = hasALargerThan || isCurrentBreakpoint;
+        matches[generateIsBreakpointKey(BREAKPOINT_PREFIX.IS_A_SMALLER_THAN_OR_IS, breakpoint)] = hasASmallerThan || isCurrentBreakpoint;
+    });
+    memoizedBreakpointsMatches[matches.currentBreakpoint] = matches;
+    return matches;
+};

package/__inner__/esm/utils/breakpoint/index.d.ts

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

package/__inner__/esm/utils/breakpoint/index.js

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

package/__inner__/esm/utils/getScrollBarSize/getScrollbarSize.js

@@ -1,4 +1,8 @@
+import { isServer } from '../../constants/environment';
 export var getScrollbarSize = function (el) {
+    if (isServer) {
+        return 0;
+    }
     if (!el || el === document.body) {
         return window.innerWidth - document.documentElement.clientWidth;
     }

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

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

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

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

package/__inner__/esm/utils/react/isRef.d.ts

@@ -0,0 +1,2 @@
+import type { RefObject } from 'react';
+export declare const isRef: (value: unknown) => value is RefObject<unknown>;

package/__inner__/esm/utils/react/isRef.js

@@ -0,0 +1,4 @@
+import { isPlainObject } from '../object';
+export var isRef = function (value) {
+    return isPlainObject(value) && Object.keys(value).length === 1 && 'current' in value;
+};

package/__inner__/esm/utils/shallowEqual/index.d.ts

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

package/__inner__/esm/utils/shallowEqual/index.js

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

package/__inner__/esm/utils/shallowEqual/shallowEqual.d.ts

@@ -0,0 +1 @@
+export declare const shallowEqual: (a: unknown, b: unknown) => boolean;

package/__inner__/esm/utils/shallowEqual/shallowEqual.js

@@ -0,0 +1,52 @@
+import { isArray } from '../array';
+var shallowEqualArrays = function (arrayA, arrayB) {
+    if (arrayA === arrayB) {
+        return true;
+    }
+    if (!arrayA || !arrayB) {
+        return false;
+    }
+    var length = arrayA.length;
+    if (arrayB.length !== length) {
+        return false;
+    }
+    for (var i = 0; i < length; i++) {
+        if (arrayA[i] !== arrayB[i]) {
+            return false;
+        }
+    }
+    return true;
+};
+var shallowEqualObjects = function (objectA, objectB) {
+    if (objectA === objectB) {
+        return true;
+    }
+    if (!objectA || !objectB) {
+        return false;
+    }
+    var aKeys = Object.keys(objectA);
+    var bKeys = Object.keys(objectB);
+    var len = aKeys.length;
+    if (bKeys.length !== len) {
+        return false;
+    }
+    for (var i = 0; i < len; i++) {
+        var key = aKeys[i];
+        if (objectA[key] !== objectB[key] ||
+            !Object.prototype.hasOwnProperty.call(objectB, key)) {
+            return false;
+        }
+    }
+    return true;
+};
+export var shallowEqual = function (a, b) {
+    var aIsArray = isArray(a);
+    var bIsArray = isArray(b);
+    if (aIsArray !== bIsArray) {
+        return false;
+    }
+    if (aIsArray && bIsArray) {
+        return shallowEqualArrays(a, b);
+    }
+    return shallowEqualObjects(a, b);
+};

package/__inner__/esm/utils/string/index.d.ts

@@ -0,0 +1,4 @@
+export * from './toCamelCase';
+export * from './toKebabCase';
+export * from './toPascalCase';
+export * from './toSnakeCase';

package/__inner__/esm/utils/string/index.js

@@ -0,0 +1,4 @@
+export * from './toCamelCase';
+export * from './toKebabCase';
+export * from './toPascalCase';
+export * from './toSnakeCase';

package/__inner__/esm/utils/string/toCamelCase.d.ts

@@ -0,0 +1 @@
+export declare const toCamelCase: (value: string) => string;

package/__inner__/esm/utils/string/toCamelCase.js

@@ -0,0 +1,5 @@
+export var toCamelCase = function (value) {
+    return value
+        .replace(/[-_]+(.)?/g, function (_, chr) { return (chr ? chr.toUpperCase() : ''); })
+        .replace(/^\w/, function (chr) { return chr.toLowerCase(); });
+};

package/__inner__/esm/utils/string/toKebabCase.d.ts

@@ -0,0 +1 @@
+export declare const toKebabCase: (value: string) => string;

package/__inner__/esm/utils/string/toKebabCase.js

@@ -0,0 +1,7 @@
+export var toKebabCase = function (value) {
+    return value
+        .replace(/([a-z])([A-Z])/g, '$1-$2')
+        .replace(/\s+/g, '-')
+        .replace(/_/g, '-')
+        .toLowerCase();
+};

package/__inner__/esm/utils/string/toPascalCase.d.ts

@@ -0,0 +1 @@
+export declare const toPascalCase: (value: string) => string;

package/__inner__/esm/utils/string/toPascalCase.js

@@ -0,0 +1,5 @@
+export var toPascalCase = function (value) {
+    return value
+        .replace(/[-_]+(.)?/g, function (_, chr) { return (chr ? chr.toUpperCase() : ''); })
+        .replace(/^\w/, function (chr) { return chr.toUpperCase(); });
+};

package/__inner__/esm/utils/string/toSnakeCase.d.ts

@@ -0,0 +1 @@
+export declare const toSnakeCase: (value: string) => string;

package/__inner__/esm/utils/string/toSnakeCase.js

@@ -0,0 +1,7 @@
+export var toSnakeCase = function (value) {
+    return value
+        .replace(/([a-z0-9])([A-Z])/g, '$1_$2') // Разделяем camelCase -> camel_Case
+        .replace(/\W+/g, '_') // Заменяем пробелы и символы на _
+        .replace(/^_|_$/g, '') // Удаляем _ в начале/конце
+        .toLowerCase();
+};

package/__inner__/esm/utils/test-utils.d.ts

@@ -3,5 +3,6 @@ import { type RenderResult, type RenderOptions } from '@testing-library/react';
 export type RenderFn = (component: ReactElement, options?: RenderOptions) => RenderResult;
 export type MatchesFn = (component: ReactElement, options?: RenderOptions) => ChildNode | HTMLCollection | null;
 export declare const render: RenderFn;
+export declare const renderInAct: (ui: ReactElement, options?: RenderOptions) => Promise<RenderResult>;
 declare const matches: MatchesFn;
 export default matches;

package/__inner__/esm/utils/test-utils.js

@@ -1,14 +1,30 @@
-import { __assign, __read, __spreadArray } from "tslib";
+import { __assign, __awaiter, __generator, __read, __spreadArray } from "tslib";
 import React from 'react';
-import { render as renderTest, } from '@testing-library/react';
-import { ThemeProvider, themeOzenDefault } from '../components/ThemeProvider';
+import { render as renderTest, act, } from '@testing-library/react';
+import { OzenProvider, themeOzenDefault } from '../components/OzenProvider';
 var WithProviders = function (_a) {
     var children = _a.children;
-    return (React.createElement(ThemeProvider, { theme: themeOzenDefault }, children));
+    return (React.createElement(OzenProvider, { ssr: { isEnabled: false }, theme: themeOzenDefault }, children));
 };
 export var render = function (component, options) {
     return renderTest(component, __assign({ wrapper: WithProviders }, options));
 };
+export var renderInAct = function (ui, options) { return __awaiter(void 0, void 0, void 0, function () {
+    var component;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
+                    return __generator(this, function (_a) {
+                        component = render(ui, options);
+                        return [2 /*return*/];
+                    });
+                }); })];
+            case 1:
+                _a.sent();
+                return [2 /*return*/, component];
+        }
+    });
+}); };
 var matches = function () {
     var args = [];
     for (var _i = 0; _i < arguments.length; _i++) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.68.0",
+  "version": "0.70.0",
   "description": "React component library",
   "files": [
     "*"
@@ -20,6 +20,7 @@
   "dependencies": {
     "@bem-react/classname": "^1.6.0",
     "@bem-react/classnames": "^1.3.10",
+    "lodash.isequal": "^4.5.0",
     "@popperjs/core": "^2.11.8",
     "@rehookify/datepicker": "^6.6.7",
     "@use-gesture/react": "^10.3.1",
@@ -28,12 +29,15 @@
     "react-popper": "^2.3.0",
     "react-transition-group": "^4.4.5",
     "tslib": "^2.6.3",
-    "@ozen-ui/fonts": "0.68.0",
-    "@ozen-ui/logger": "0.68.0",
-    "@ozen-ui/icons": "0.68.0"
+    "@ozen-ui/fonts": "0.70.0",
+    "@ozen-ui/logger": "0.70.0",
+    "@ozen-ui/icons": "0.70.0"
+  },
+  "devDependencies": {
+    "@types/lodash.isequal": "^4.5.0"
   },
   "peerDependencies": {
-    "react": ">=17.0.2 <19.0.0",
-    "react-dom": ">=17.0.2 <19.0.0"
+    "react": ">=18.0.0 <19.0.0",
+    "react-dom": ">=18.0.0 <19.0.0"
   }
 }

package/useBreakpointsNext/package.json

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

package/useBreakpointsObserver/package.json

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

package/useDeprecated/package.json

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

package/usePortalContainer/package.json

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

package/useRerender/package.json

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

package/useTheme/package.json

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

package/useThemeSettings/package.json

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

package/useThemeTokens/package.json

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

package/useThemeVariables/package.json

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