@ozen-ui/kit 0.69.0 → 0.70.0

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/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/types/Breakpoints.d.ts

@@ -1,8 +1,13 @@
+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 MIN_WIDTH_BY_BREAKPOINT: Record<BreakpointVariant, number>;
-export declare const breakpointsAscending: ("s" | "m" | "l" | "xs")[];
 export declare const BREAKPOINT_PREFIX: {
     readonly IS: "is";
     readonly IS_A_LARGER_THAN: "isALargerThan";
@@ -11,10 +16,10 @@ export declare const BREAKPOINT_PREFIX: {
     readonly IS_A_SMALLER_THAN_OR_IS: "isASmallerThanOrIs";
 };
 export type BreakpointPrefix = (typeof BREAKPOINT_PREFIX)[keyof typeof BREAKPOINT_PREFIX];
-export type IsBreakpoint = ObjectPropertiesWithPrefix<Capitalize<BreakpointVariant>, typeof BREAKPOINT_PREFIX.IS, boolean>;
-export type IsALargerBreakpoint = ObjectPropertiesWithPrefix<Capitalize<BreakpointVariant>, typeof BREAKPOINT_PREFIX.IS_A_LARGER_THAN, boolean> & ObjectPropertiesWithPrefix<Capitalize<BreakpointVariant>, typeof BREAKPOINT_PREFIX.IS_A_LARGER_THAN_OR_IS, boolean>;
-export type IsASmallerBreakpoint = ObjectPropertiesWithPrefix<Capitalize<BreakpointVariant>, typeof BREAKPOINT_PREFIX.IS_A_SMALLER_THAN, boolean> & ObjectPropertiesWithPrefix<Capitalize<BreakpointVariant>, typeof BREAKPOINT_PREFIX.IS_A_SMALLER_THAN_OR_IS, boolean>;
+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: BreakpointVariant;
+    currentBreakpoint: ThemeBreakpointTokenVariable;
 };
 export type BreakpointMatches = IsBreakpoint & IsALargerBreakpoint & IsASmallerBreakpoint & CurrentBreakpoint;

package/__inner__/cjs/types/Breakpoints.js

@@ -1,25 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BREAKPOINT_PREFIX = exports.breakpointsAscending = exports.MIN_WIDTH_BY_BREAKPOINT = exports.breakpointVariant = void 0;
-var tslib_1 = require("tslib");
+exports.BREAKPOINT_PREFIX = exports.breakpointVariant = void 0;
+/**
+ * @deprecated Используйте значение из темы
+ */
 exports.breakpointVariant = ['xs', 's', 'm', 'l'];
-exports.MIN_WIDTH_BY_BREAKPOINT = {
-    xs: 0,
-    s: 640,
-    m: 1024,
-    l: 1280,
-};
-exports.breakpointsAscending = Object.entries(exports.MIN_WIDTH_BY_BREAKPOINT)
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    .sort(function (_c, _d) {
-    var _e = tslib_1.__read(_c, 2), _a = _e[0], breakpointA = _e[1];
-    var _f = tslib_1.__read(_d, 2), _b = _f[0], breakpointB = _f[1];
-    return breakpointA - breakpointB;
-})
-    .map(function (_c) {
-    var _d = tslib_1.__read(_c, 1), deviceSize = _d[0];
-    return deviceSize;
-});
 exports.BREAKPOINT_PREFIX = {
     IS: 'is',
     IS_A_LARGER_THAN: 'isALargerThan',

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

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

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.calculateBreakpoints = void 0;
+exports.calculateBreakpoints = exports.getBreakpointsAscending = void 0;
 var tslib_1 = require("tslib");
 var Breakpoints_1 = require("../../types/Breakpoints");
 var capitalizeFirstLetter_1 = require("../capitalizeFirstLetter");
@@ -9,45 +9,60 @@ var generateIsBreakpointKey = function (prefix, breakpoint) {
     return "".concat(prefix).concat((0, capitalizeFirstLetter_1.capitalizeFirstLetter)(breakpoint));
 };
 var checkIsCurrentBreakpoint = function (isBreakpoint, breakpoint) { return isBreakpoint[generateIsBreakpointKey(Breakpoints_1.BREAKPOINT_PREFIX.IS, breakpoint)]; };
-var checkHasALargerThan = function (isBreakpoint, breakpoint) {
-    var breakpointIndex = Breakpoints_1.breakpointsAscending.indexOf(breakpoint);
-    var largerBreakpoints = Breakpoints_1.breakpointsAscending.slice(breakpointIndex + 1, Breakpoints_1.breakpointsAscending.length);
+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 (isBreakpoint, breakpoint) {
-    var breakpointIndex = Breakpoints_1.breakpointsAscending.indexOf(breakpoint);
-    var smallerBreakpoints = Breakpoints_1.breakpointsAscending.slice(0, breakpointIndex);
+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 (windowWidth, breakpoint) {
-    var breakpointIndex = Breakpoints_1.breakpointsAscending.indexOf(breakpoint);
-    var previousBreakpoint = Breakpoints_1.MIN_WIDTH_BY_BREAKPOINT[Breakpoints_1.breakpointsAscending[breakpointIndex - 1]];
-    var currentBreakpoint = Breakpoints_1.MIN_WIDTH_BY_BREAKPOINT[breakpoint];
-    var nextBreakpoint = Breakpoints_1.MIN_WIDTH_BY_BREAKPOINT[Breakpoints_1.breakpointsAscending[breakpointIndex + 1]];
+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 === Breakpoints_1.breakpointsAscending.length - 1;
+    var isTheLargestBreakpoint = breakpointIndex === breakpointsAscending.length - 1;
     if (isTheLargestBreakpoint) {
         return windowWidth >= currentBreakpoint && windowWidth > previousBreakpoint;
     }
-    return (windowWidth >= Breakpoints_1.MIN_WIDTH_BY_BREAKPOINT[breakpoint] &&
+    return (windowWidth >= minWidthByBreakpoint[breakpoint] &&
         windowWidth < nextBreakpoint);
 };
-var calculateBreakpoints = function (windowWidth) {
-    var e_1, _a;
+var getBreakpointsAscending = function (breakpointToken) {
+    return Object.entries(breakpointToken.properties)
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        .sort(function (_c, _d) {
+        var _e = tslib_1.__read(_c, 2), _a = _e[0], breakpointA = _e[1];
+        var _f = tslib_1.__read(_d, 2), _b = _f[0], breakpointB = _f[1];
+        return breakpointA - breakpointB;
+    })
+        .map(function (_c) {
+        var _d = tslib_1.__read(_c, 1), deviceSize = _d[0];
+        return deviceSize;
+    });
+};
+exports.getBreakpointsAscending = getBreakpointsAscending;
+var calculateBreakpoints = function (breakpointToken, windowWidth) {
+    var e_1, _c;
     var matches = {};
+    var breakpointsAscending = (0, exports.getBreakpointsAscending)(breakpointToken);
     try {
-        for (var breakpointsAscending_1 = tslib_1.__values(Breakpoints_1.breakpointsAscending), breakpointsAscending_1_1 = breakpointsAscending_1.next(); !breakpointsAscending_1_1.done; breakpointsAscending_1_1 = breakpointsAscending_1.next()) {
+        for (var breakpointsAscending_1 = tslib_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(windowWidth, breakpoint);
+            var isThisBreakpoint = checkIsBreakpoint(breakpointToken.properties, breakpointsAscending, windowWidth, breakpoint);
             matches[generateIsBreakpointKey(Breakpoints_1.BREAKPOINT_PREFIX.IS, breakpoint)] =
                 isThisBreakpoint;
             if (isThisBreakpoint) {
@@ -62,14 +77,14 @@ var calculateBreakpoints = function (windowWidth) {
     catch (e_1_1) { e_1 = { error: e_1_1 }; }
     finally {
         try {
-            if (breakpointsAscending_1_1 && !breakpointsAscending_1_1.done && (_a = breakpointsAscending_1.return)) _a.call(breakpointsAscending_1);
+            if (breakpointsAscending_1_1 && !breakpointsAscending_1_1.done && (_c = breakpointsAscending_1.return)) _c.call(breakpointsAscending_1);
         }
         finally { if (e_1) throw e_1.error; }
     }
-    Breakpoints_1.breakpointsAscending.forEach(function (breakpoint) {
+    breakpointsAscending.forEach(function (breakpoint) {
         var isCurrentBreakpoint = checkIsCurrentBreakpoint(matches, breakpoint);
-        var hasALargerThan = checkHasALargerThan(matches, breakpoint);
-        var hasASmallerThan = checkHasASmallerThan(matches, breakpoint);
+        var hasALargerThan = checkHasALargerThan(breakpointsAscending, matches, breakpoint);
+        var hasASmallerThan = checkHasASmallerThan(breakpointsAscending, matches, breakpoint);
         matches[generateIsBreakpointKey(Breakpoints_1.BREAKPOINT_PREFIX.IS_A_LARGER_THAN, breakpoint)] = hasALargerThan;
         matches[generateIsBreakpointKey(Breakpoints_1.BREAKPOINT_PREFIX.IS_A_SMALLER_THAN, breakpoint)] = hasASmallerThan;
         matches[generateIsBreakpointKey(Breakpoints_1.BREAKPOINT_PREFIX.IS_A_LARGER_THAN_OR_IS, breakpoint)] = hasALargerThan || isCurrentBreakpoint;

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toCamelCase = void 0;
+var toCamelCase = function (value) {
+    return value
+        .replace(/[-_]+(.)?/g, function (_, chr) { return (chr ? chr.toUpperCase() : ''); })
+        .replace(/^\w/, function (chr) { return chr.toLowerCase(); });
+};
+exports.toCamelCase = toCamelCase;

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

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

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toKebabCase = void 0;
+var toKebabCase = function (value) {
+    return value
+        .replace(/([a-z])([A-Z])/g, '$1-$2')
+        .replace(/\s+/g, '-')
+        .replace(/_/g, '-')
+        .toLowerCase();
+};
+exports.toKebabCase = toKebabCase;

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

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

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toPascalCase = void 0;
+var toPascalCase = function (value) {
+    return value
+        .replace(/[-_]+(.)?/g, function (_, chr) { return (chr ? chr.toUpperCase() : ''); })
+        .replace(/^\w/, function (chr) { return chr.toUpperCase(); });
+};
+exports.toPascalCase = toPascalCase;

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

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

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

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

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

@@ -5,10 +5,9 @@ var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
 var react_2 = require("@testing-library/react");
 var OzenProvider_1 = require("../components/OzenProvider");
-var ThemeProvider_1 = require("../components/ThemeProvider");
 var WithProviders = function (_a) {
     var children = _a.children;
-    return (react_1.default.createElement(OzenProvider_1.OzenProvider, { ssr: { isEnabled: false }, theme: ThemeProvider_1.themeOzenDefault }, children));
+    return (react_1.default.createElement(OzenProvider_1.OzenProvider, { ssr: { isEnabled: false }, theme: OzenProvider_1.themeOzenDefault }, children));
 };
 var render = function (component, options) {
     return (0, react_2.render)(component, tslib_1.__assign({ wrapper: WithProviders }, options));

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

@@ -31,21 +31,21 @@ export declare function withDefaultGetters<OPTION>(props: AutocompleteProps<OPTI
     searchFunction?: import("./types").AutocompleteSearchFunction<OPTION> | undefined;
     disableShowEmptyOptionsList?: boolean;
     disableShowChevron?: boolean;
-    dataListProps?: Partial<Omit<import("../DataList").DataListProps, "onSelect" | "open" | "onClose" | "multiple" | "selected" | "anchorRef">>;
+    dataListProps?: Partial<Omit<import("../DataList").DataListProps, "onSelect" | "open" | "multiple" | "onClose" | "selected" | "anchorRef">>;
     ref?: import("react").Ref<HTMLDivElement>;
 } & {
     error?: boolean | undefined;
     label?: string | undefined;
     style?: import("react").CSSProperties | undefined;
+    autoFocus?: boolean | undefined;
     className?: string | undefined;
     onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    autoFocus?: boolean | undefined;
     disabled?: boolean | undefined;
     placeholder?: string | undefined;
     required?: boolean | undefined;
     fullWidth?: boolean | undefined;
-    disableStroke?: boolean | undefined;
     hint?: string | null | undefined;
+    disableStroke?: boolean | undefined;
     renderLeft?: import("../FieldIcon").FieldIconProps["icon"];
     renderRight?: import("../FieldIcon").FieldIconProps["icon"];
     inputProps?: import("../FieldInput").FieldInputProps | undefined;

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

@@ -43,15 +43,15 @@ export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, M
     error?: boolean | undefined;
     label?: string | undefined;
     style?: import("react").CSSProperties | undefined;
+    autoFocus?: boolean | undefined;
     className?: string | undefined;
     onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    autoFocus?: boolean | undefined;
     disabled?: boolean | undefined;
     placeholder?: string | undefined;
     required?: boolean | undefined;
     fullWidth?: boolean | undefined;
-    disableStroke?: boolean | undefined;
     hint?: string | null | undefined;
+    disableStroke?: boolean | undefined;
     renderLeft?: import("../FieldIcon").FieldIconProps["icon"];
     renderRight?: import("../FieldIcon").FieldIconProps["icon"];
     inputProps?: import("../FieldInput").FieldInputProps | undefined;

package/__inner__/esm/components/DialogNext/components/DialogBottomSheet/DialogBottomSheet.d.ts

@@ -9,4 +9,4 @@ export declare const DialogBottomSheet: React.ForwardRefExoticComponent<{
     hideCloseButton: boolean | undefined;
     className: string | undefined;
     onClose: (() => void) | undefined;
-} & Omit<Omit<import("../../../BottomSheetBase").BottomSheetBaseProps, "snaps">, "className" | "open" | "onClose" | "size" | "variant" | "hideCloseButton" | "closeButton"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<import("../../../BottomSheetBase").BottomSheetBaseProps, "snaps">, "className" | "size" | "open" | "variant" | "onClose" | "hideCloseButton" | "closeButton"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/OzenProvider/OzenProvider.css

@@ -0,0 +1,47 @@
+/* stylelint-disable */
+body {
+  --removed-body-scroll-bar-size: 0;
+}
+.OzenProvider {
+  --shadow-outline-focused: var(--color-border-focused) 0 0 0
+    var(--border-width-m);
+  -webkit-font-smoothing: antialiased;
+  color: var(--color-content-primary);
+
+  font: var(--typography-text-m-font);
+
+  letter-spacing: var(--typography-text-m-letter_spacing, 0);
+
+  text-transform: var(--typography-text-m-text_transform, none);
+}
+.OzenProvider,
+.OzenProvider * {
+  --scroll-bar-size: 16px;
+}
+.OzenProvider::-webkit-scrollbar, .OzenProvider *::-webkit-scrollbar {
+    inline-size: var(--scroll-bar-size);
+  }
+.OzenProvider::-webkit-scrollbar-thumb, .OzenProvider *::-webkit-scrollbar-thumb {
+    background-color: var(--color-background-secondary);
+    border-radius: calc(var(--scroll-bar-size) / 2);
+    border: calc(var(--scroll-bar-size) / 4) solid transparent;
+    background-clip: padding-box;
+    border-image: initial;
+    min-block-size: 24px;
+  }
+.OzenProvider::-webkit-scrollbar-thumb:hover,
+    .OzenProvider::-webkit-scrollbar-thumb:active,
+    .OzenProvider *::-webkit-scrollbar-thumb:hover,
+    .OzenProvider *::-webkit-scrollbar-thumb:active {
+      border: calc(var(--scroll-bar-size) / 4) solid transparent;
+      background-clip: padding-box;
+    }
+.OzenProvider::-webkit-scrollbar-thumb:hover, .OzenProvider *::-webkit-scrollbar-thumb:hover {
+      background-color: var(--color-background-secondary-hover);
+    }
+.OzenProvider::-webkit-scrollbar-thumb:active, .OzenProvider *::-webkit-scrollbar-thumb:active {
+      background-color: var(--color-background-secondary-pressed);
+    }
+.OzenProvider::-webkit-scrollbar-corner, .OzenProvider *::-webkit-scrollbar-corner {
+    background: transparent;
+  }

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

@@ -1,2 +1,3 @@
+import './OzenProvider.css';
 import type { OzenProviderBaseProps } from './types';
 export declare const OzenProvider: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<OzenProviderBaseProps, "div">;

package/__inner__/esm/components/OzenProvider/OzenProvider.js

@@ -1,12 +1,16 @@
-import { __assign, __rest } from "tslib";
+import { __assign, __read, __rest, __spreadArray } from "tslib";
+import './OzenProvider.css';
 import React from 'react';
 import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
-import { ThemeProvider } from '../ThemeProvider';
-import { OZEN_PROVIDER_DEFAULT_TAG } from './constants';
-import { OzenSSRProvider } from './providers';
+import { cnOzenProvider } from './classNames';
+import { OZEN_PROVIDER_DEFAULT_TAG, OZEN_PROVIDER_DEFAULT_THEME, } from './constants';
+import { OzenSSRProvider, OzenThemeProvider } from './providers';
 export var OzenProvider = polymorphicComponentWithRef(function (_a, ref) {
-    var children = _a.children, ssr = _a.ssr, theme = _a.theme, _b = _a.as, as = _b === void 0 ? OZEN_PROVIDER_DEFAULT_TAG : _b, other = __rest(_a, ["children", "ssr", "theme", "as"]);
+    var children = _a.children, ssr = _a.ssr, _b = _a.theme, theme = _b === void 0 ? OZEN_PROVIDER_DEFAULT_THEME : _b, _c = _a.as, Tag = _c === void 0 ? OZEN_PROVIDER_DEFAULT_TAG : _c, className = _a.className, other = __rest(_a, ["children", "ssr", "theme", "as", "className"]);
     return (React.createElement(OzenSSRProvider, { config: ssr },
-        React.createElement(ThemeProvider, __assign({}, other, { theme: theme, as: as, ref: ref }), children)));
+        React.createElement(OzenThemeProvider, __assign({}, other, { theme: theme, ref: ref }),
+            React.createElement(Tag, __assign({}, other, { ref: ref, className: cnOzenProvider('', __spreadArray(__spreadArray([], __read(Object.values(theme.tokens).map(function (token) { return token.className; })), false), [
+                    className,
+                ], false)) }), children))));
 });
 OzenProvider.displayName = 'OzenProvider';

package/__inner__/esm/components/OzenProvider/classNames.d.ts

@@ -0,0 +1 @@
+export declare const cnOzenProvider: import("@bem-react/classname").ClassNameFormatter;

package/__inner__/esm/components/OzenProvider/classNames.js

@@ -0,0 +1,2 @@
+import { cn } from '../../utils/classname';
+export var cnOzenProvider = cn('OzenProvider');

package/__inner__/esm/components/OzenProvider/constants.d.ts

@@ -1 +1,2 @@
 export declare const OZEN_PROVIDER_DEFAULT_TAG = "div";
+export declare const OZEN_PROVIDER_DEFAULT_THEME: import("./providers").Theme;

package/__inner__/esm/components/OzenProvider/constants.js

@@ -1 +1,3 @@
+import { OZEN_THEME_PROVIDER_DEFAULT_THEME } from './providers/theme/constants';
 export var OZEN_PROVIDER_DEFAULT_TAG = 'div';
+export var OZEN_PROVIDER_DEFAULT_THEME = OZEN_THEME_PROVIDER_DEFAULT_THEME;

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

@@ -1,3 +1,4 @@
+export * from './classNames';
 export * from './providers';
 export * from './OzenProvider';
 export * from './types';

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

@@ -1,3 +1,4 @@
+export * from './classNames';
 export * from './providers';
 export * from './OzenProvider';
 export * from './types';

package/__inner__/esm/components/OzenProvider/providers/index.d.ts

@@ -1 +1,2 @@
 export * from './SSR';
+export * from './theme';

package/__inner__/esm/components/OzenProvider/providers/index.js

@@ -1 +1,2 @@
 export * from './SSR';
+export * from './theme';

package/__inner__/esm/components/OzenProvider/providers/theme/OzenThemeContext.d.ts

@@ -0,0 +1,8 @@
+import type { Theme, ThemeSettings } from './entities';
+export type OzenThemeContextValue = {
+    theme: Theme;
+    settings: ThemeSettings;
+};
+export declare const OzenThemeContextDefaultValue: OzenThemeContextValue;
+export declare const OzenThemeContext: import("react").Context<OzenThemeContextValue>;
+export declare const useOzenThemeContext: () => OzenThemeContextValue;

package/__inner__/esm/components/OzenProvider/providers/theme/OzenThemeContext.js

@@ -0,0 +1,15 @@
+import { createContext, useContext } from 'react';
+import { isDev } from '../../../../constants/environment';
+import { OZEN_THEME_PROVIDER_DEFAULT_THEME } from './constants';
+export var OzenThemeContextDefaultValue = {
+    theme: OZEN_THEME_PROVIDER_DEFAULT_THEME,
+    settings: {
+        isUseNewProvider: false,
+    },
+};
+export var OzenThemeContext = createContext(OzenThemeContextDefaultValue);
+export var useOzenThemeContext = function () { return useContext(OzenThemeContext); };
+// Именованный провайдер
+if (isDev) {
+    OzenThemeContext.displayName = 'OzenThemeContext';
+}

package/__inner__/esm/components/OzenProvider/providers/theme/OzenThemeProvider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { OzenThemeProviderProps } from './types';
+export declare const OzenThemeProvider: ({ children, theme, }: OzenThemeProviderProps) => React.JSX.Element;