@ozen-ui/kit 0.69.0 → 0.71.0

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/locale/locale.js

@@ -26,6 +26,10 @@ exports.ruRU = {
             clearText: 'Очистить',
             closeText: 'Закрыть',
         },
+        DataListCard: {
+            loadingText: 'Загрузка…',
+            noOptionsText: 'Ничего не найдено',
+        },
         Breadcrumbs: {
             'aria-label': 'Навигация',
         },
@@ -111,6 +115,10 @@ exports.kkKZ = {
             clearText: 'Тазалау',
             closeText: 'Жабу',
         },
+        DataListCard: {
+            loadingText: 'Жүктеу…',
+            noOptionsText: 'Ештеңе табылған жоқ',
+        },
         Breadcrumbs: {
             'aria-label': 'Навигация',
         },
@@ -196,6 +204,10 @@ exports.enUS = {
             clearText: 'Clear',
             closeText: 'Close',
         },
+        DataListCard: {
+            loadingText: 'Loading…',
+            noOptionsText: 'No options',
+        },
         Breadcrumbs: {
             'aria-label': 'Navigation',
         },

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

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

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

@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./objectPropertiesWithPrefix"), exports);
 tslib_1.__exportStar(require("./withPartial"), exports);
+tslib_1.__exportStar(require("./withRequired"), exports);

package/__inner__/cjs/types/object/withRequired.d.ts

@@ -0,0 +1,3 @@
+export type WithRequired<T, K extends keyof T> = T & {
+    [P in K]-?: T[P];
+};

package/__inner__/cjs/types/object/withRequired.js

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

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

@@ -1,16 +1,17 @@
 import type { ComponentPropsWithRef, ElementType, ComponentPropsWithoutRef, ReactElement } from 'react';
 declare const defaultElement = "div";
-export type PolymorphicComponentPropsWithRef<Props, As extends ElementType> = Props & {
-    as?: As;
+declare const defaultName = "as";
+export type PolymorphicComponentPropsWithRef<Props, As extends ElementType, Name extends string = typeof defaultName> = Props & {
+    [key in Name]?: As;
 } & Omit<ComponentPropsWithRef<As>, keyof Props>;
-export type PolymorphicComponentPropsWithoutRef<Props, As extends ElementType> = Props & {
-    as?: As;
+export type PolymorphicComponentPropsWithoutRef<Props, As extends ElementType, Name extends string = typeof defaultName> = Props & {
+    [key in Name]?: As;
 } & Omit<ComponentPropsWithoutRef<As>, keyof Props>;
 export type PolymorphicComponentRef<As extends ElementType> = ComponentPropsWithRef<As>['ref'];
-type ComponentWithAs<Props, DefaultTag extends ElementType = typeof defaultElement> = <As extends ElementType = DefaultTag>(props: PolymorphicComponentPropsWithRef<Props, As>) => ReactElement | null;
-export type PolymorphicComponentWithRef<Props, As extends ElementType> = ComponentWithAs<Props, As> & {
+type ComponentWithAs<Props, DefaultTag extends ElementType = typeof defaultElement, Name extends string = typeof defaultName> = <As extends ElementType = DefaultTag>(props: PolymorphicComponentPropsWithRef<Props, As, Name>) => ReactElement | null;
+export type PolymorphicComponentWithRef<Props, As extends ElementType, Name extends string = typeof defaultName> = ComponentWithAs<Props, As, Name> & {
     displayName?: string | undefined;
 };
-type ForwardRefWithAs<Props> = <As extends ElementType>(props: PolymorphicComponentPropsWithRef<Props, As>, ref: PolymorphicComponentRef<As>) => ReactElement | null;
-export declare function polymorphicComponentWithRef<Props, As extends ElementType = typeof defaultElement>(baseComponent: ForwardRefWithAs<Props>): PolymorphicComponentWithRef<Props, As>;
+type ForwardRefWithAs<Props, Name extends string = typeof defaultName> = <As extends ElementType>(props: PolymorphicComponentPropsWithRef<Props, As, Name>, ref: PolymorphicComponentRef<As>) => ReactElement | null;
+export declare function polymorphicComponentWithRef<Props, As extends ElementType = typeof defaultElement, Name extends string = typeof defaultName>(baseComponent: ForwardRefWithAs<Props, Name>): PolymorphicComponentWithRef<Props, As, Name>;
 export {};

package/__inner__/cjs/utils/polymorphicComponentWithRef.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.polymorphicComponentWithRef = polymorphicComponentWithRef;
 var react_1 = require("react");
 var defaultElement = 'div';
+var defaultName = 'as';
 function polymorphicComponentWithRef(baseComponent) {
     return (0, react_1.forwardRef)(baseComponent);
 }

package/__inner__/cjs/utils/react/extractElementsFromChildren.d.ts

@@ -0,0 +1,2 @@
+import type { ReactElement, ReactNode } from 'react';
+export declare const extractElementsFromChildren: <Props>(children: ReactNode, checkIsItem: (child: ReactElement) => child is ReactElement<Props>, onMatch: (element: ReactElement<Props>) => void) => void;

package/__inner__/cjs/utils/react/extractElementsFromChildren.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extractElementsFromChildren = void 0;
+var react_1 = require("react");
+var resolveChildren_1 = require("./resolveChildren");
+var extractElementsFromChildren = function (children, checkIsItem, onMatch) {
+    react_1.Children.forEach((0, resolveChildren_1.resolveChildren)(children), function (child) {
+        if (!checkIsItem(child)) {
+            return;
+        }
+        onMatch(child);
+    });
+};
+exports.extractElementsFromChildren = extractElementsFromChildren;

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

@@ -1 +1,4 @@
+export * from './extractElementsFromChildren';
+export * from './isNodeWithDisplayName';
 export * from './isRef';
+export * from './resolveChildren';

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

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

package/__inner__/cjs/utils/react/isNodeWithDisplayName.d.ts

@@ -0,0 +1,2 @@
+import type { ReactNode } from 'react';
+export declare const isNodeWithDisplayName: (node: ReactNode, displayName: string) => boolean;

package/__inner__/cjs/utils/react/isNodeWithDisplayName.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isNodeWithDisplayName = void 0;
+var react_1 = require("react");
+var isFunction_1 = require("../isFunction");
+var object_1 = require("../object");
+var isNodeWithDisplayName = function (node, displayName) {
+    var isValid = (0, react_1.isValidElement)(node);
+    if (!isValid) {
+        return false;
+    }
+    if (!(0, object_1.isPlainObject)(node.type) && !(0, isFunction_1.isFunction)(node.type)) {
+        return false;
+    }
+    var isEqualByTypeDisplayName = 'displayName' in node.type && node.type.displayName === displayName;
+    var isEqualByRenderDisplayName = 'render' in node.type &&
+        node.type.render &&
+        (0, isFunction_1.isFunction)(node.type.render) &&
+        'displayName' in node.type.render &&
+        node.type.render.displayName === displayName;
+    return isEqualByTypeDisplayName || !!isEqualByRenderDisplayName;
+};
+exports.isNodeWithDisplayName = isNodeWithDisplayName;

package/__inner__/cjs/utils/react/resolveChildren.d.ts

@@ -0,0 +1,2 @@
+import type { ReactNode } from 'react';
+export declare const resolveChildren: (children: ReactNode) => any;

package/__inner__/cjs/utils/react/resolveChildren.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveChildren = void 0;
+var react_is_1 = require("react-is");
+var resolveChildren = function (children) {
+    return (0, react_is_1.isFragment)(children) ? children.props.children : children;
+};
+exports.resolveChildren = resolveChildren;

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

@@ -1,6 +1,5 @@
 import './Autocomplete.css';
 import type { AutocompleteComponent } from './types';
-export declare const cnAutocomplete: import("@bem-react/classname").ClassNameFormatter;
 /**
  * @deprecated Компонент устарел. Для замены используйте компонент AutocompleteNext
  */

package/__inner__/esm/components/Autocomplete/Autocomplete.js

@@ -6,14 +6,13 @@ import { useDeprecatedComponent } from '../../hooks/useDeprecated';
 import { useMultiRef } from '../../hooks/useMultiRef';
 import { useMutableRef } from '../../hooks/useMutableRef';
 import { useThemeProps } from '../../hooks/useThemeProps';
-import { cn } from '../../utils/classname';
 import { isKeys } from '../../utils/isKeys';
 import { DataList, DataListOption } from '../DataList';
 import { Input } from '../Input';
+import { cnAutocomplete } from './classNames';
 import { AutocompleteLoading, AutocompleteNoOptions, AutocompleteRenderRight, } from './components';
 import { AUTOCOMPLETE_DEFAULT_ALLOW_CUSTOM_VALUE, AUTOCOMPLETE_DEFAULT_AUTOFOCUS, AUTOCOMPLETE_DEFAULT_DISABLE_CLEAR_BUTTON, AUTOCOMPLETE_DEFAULT_DISABLE_CLOSE_ON_SELECT, AUTOCOMPLETE_DEFAULT_DISABLE_SHOW_CHEVRON, AUTOCOMPLETE_DEFAULT_DISABLE_SHOW_EMPTY_OPTIONS_LIST, AUTOCOMPLETE_DEFAULT_DISABLED, AUTOCOMPLETE_DEFAULT_FULLWIDTH, AUTOCOMPLETE_DEFAULT_REQUIRED, AUTOCOMPLETE_DEFAULT_SIZE, } from './constants';
 import { withDefaultGetters } from './helper';
-export var cnAutocomplete = cn('Autocomplete');
 function AutocompleteRender(inProps, ref) {
     var props = useThemeProps({
         props: inProps,

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

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

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

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

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

@@ -1,6 +1,6 @@
 import type { FC } from 'react';
 import React from 'react';
-import type { AutocompleteProps } from '../../index';
+import type { AutocompleteProps } from '../../types';
 type AutocompleteRenderRightProps = {
     onOpen: () => void;
     onClear: (e: React.MouseEvent<HTMLElement>) => void;

package/__inner__/esm/components/Autocomplete/components/AutocompleteRenderRight/AutocompleteRenderRight.js

@@ -4,7 +4,7 @@ import { ChevronDownIcon, ChevronUpIcon, CrossIcon } from '@ozen-ui/icons';
 import { useFieldControl } from '../../../FieldControl';
 import { FieldIcon } from '../../../FieldIcon';
 import { IconButton } from '../../../IconButtonNext';
-import { cnAutocomplete } from '../../index';
+import { cnAutocomplete } from '../../classNames';
 export var AutocompleteRenderRight = function (_a) {
     var disableClearButton = _a.disableClearButton, disableShowChevron = _a.disableShowChevron, renderRight = _a.renderRight, clearText = _a.clearText, closeText = _a.closeText, openText = _a.openText, disabled = _a.disabled, hasValue = _a.hasValue, onClear = _a.onClear, onOpen = _a.onOpen, open = _a.open, size = _a.size;
     var _b = __read(useFieldControl(), 1), _c = _b[0], focused = _c.focused, hovered = _c.hovered;

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/Autocomplete/index.d.ts

@@ -1,2 +1,3 @@
+export * from './classNames';
 export * from './Autocomplete';
 export * from './types';

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

@@ -1,2 +1,3 @@
+export * from './classNames';
 export * from './Autocomplete';
 export * from './types';