@ozen-ui/kit 0.69.0 → 0.70.0

package/__inner__/esm/components/ThemeProvider/types.d.ts

@@ -1,75 +1,11 @@
 import type { ComponentRef, ElementType } from 'react';
 import type React from 'react';
 import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
-import type { AccordionProps, AccordionSummaryProps } from '../Accordion';
-import type { AlertProps } from '../Alert';
-import type { AutocompleteProps } from '../Autocomplete';
-import type { AutocompleteBaseProps, AutocompleteBaseInputProps, AutocompleteBaseInputTagProps, AutocompleteBaseInputIconProps } from '../AutocompleteBase';
-import type { AutocompleteProps as AutocompletePropsNext } from '../AutocompleteNext';
-import type { AvatarProps } from '../Avatar';
-import type { BackdropProps } from '../Backdrop';
-import type { BadgeProps } from '../Badge';
-import type { BreadcrumbsProps } from '../Breadcrumbs';
-import type { ButtonProps } from '../Button';
-import type { ButtonProps as ButtonPropsNext } from '../ButtonNext';
-import type { CalendarProps } from '../Calendar';
-import type { CardProps } from '../Card';
-import type { CheckboxProps } from '../Checkbox';
-import type { CheckboxGroupProps } from '../CheckboxGroup';
-import type { CheckboxGroupProps as CheckboxGroupNextProps } from '../CheckboxGroupNext';
-import type { CheckboxProps as CheckboxNextProps } from '../CheckboxNext';
-import type { ChipProps } from '../Chip';
-import type { ChipGroupProps } from '../ChipGroup';
-import type { ChipProps as ChipNextProps } from '../ChipNext';
-import type { CollapseProps } from '../Collapse';
-import type { ContainerProps } from '../Container';
-import type { DataListProps } from '../DataList';
-import type { DatePickerProps } from '../DatePicker';
-import type { DialogProps } from '../Dialog';
-import type { DialogProps as DialogNextProps } from '../DialogNext';
-import type { DividerProps } from '../Divider';
-import type { DrawerProps } from '../Drawer';
-import type { DrawerProps as DrawerNextProps } from '../DrawerNext';
-import type { FieldControlProps } from '../FieldControl';
-import type { FileProps } from '../File';
-import type { FilePickerProps } from '../FilePicker';
-import type { FormGroupProps } from '../FormGroup';
-import type { FormTitleProps } from '../FormTitle';
-import type { GridProps, GridItemProps } from '../Grid';
-import type { IconButtonProps } from '../IconButton';
-import type { IconButtonProps as IconButtonPropsNext } from '../IconButtonNext';
-import type { IndicatorProps } from '../Indicator';
-import type { InputProps } from '../Input';
-import type { InputNumberProps } from '../InputNumber';
-import type { LinkProps } from '../Link';
-import type { ListProps, ListItemProps, ListItemButtonProps } from '../List';
-import type { LoaderProps } from '../Loader';
-import type { MenuProps, MenuItemProps, MenuListProps } from '../Menu';
-import type { ModalProps } from '../Modal';
-import type { PaginationProps } from '../Pagination';
-import type { PaperProps } from '../Paper';
-import type { PopoverProps } from '../Popover';
-import type { PortalProps } from '../Portal';
-import type { RadioProps } from '../Radio';
-import type { RadioGroupProps } from '../RadioGroup';
-import type { RadioGroupProps as RadioGroupNextProps } from '../RadioGroupNext';
-import type { RadioProps as RadioNextProps } from '../RadioNext';
-import type { SectionMessageProps } from '../SectionMessage';
-import type { SegmentProps } from '../Segment';
-import type { SelectProps } from '../Select';
-import type { SliderProps } from '../Slider';
-import type { SnackbarProviderProps } from '../Snackbar';
-import type { StackProps } from '../Stack';
-import type { TableContainerProps, TableProps, TableCaptionProps, TableCellProps } from '../Table';
-import type { TagProps } from '../Tag';
-import type { TagProps as TagPropsNext } from '../TagNext';
-import type { TextareaProps } from '../Textarea';
-import type { TitleProps } from '../Title';
-import type { ToggleProps } from '../Toggle';
-import type { ToggleProps as ToggleNextProps } from '../ToggleNext';
-import type { TooltipProps } from '../Tooltip';
-import type { TypographyProps } from '../Typography';
+import type { ThemeDefaultProps } from '../OzenProvider';
 import type { THEME_DEFAULT_TAG } from './constants';
+/**
+ * @deprecated Тема устарела. Используйте тему из {@link OzenProvider}
+ */
 export type Theme = {
     tokens: {
         color: string;
@@ -84,89 +20,7 @@ export type Theme = {
         zIndex: string;
         transition: string;
     };
-    defaultProps: {
-        Accordion?: Partial<AccordionProps>;
-        AccordionSummary?: Partial<AccordionSummaryProps>;
-        Alert?: Partial<AlertProps>;
-        Autocomplete?: Partial<AutocompleteProps>;
-        AutocompleteNext?: Partial<AutocompletePropsNext>;
-        AutocompleteBase?: Partial<AutocompleteBaseProps>;
-        AutocompleteBaseInput?: Partial<AutocompleteBaseInputProps>;
-        AutocompleteBaseInputIcon?: Partial<AutocompleteBaseInputIconProps>;
-        AutocompleteBaseInputTag?: Partial<AutocompleteBaseInputTagProps>;
-        Avatar?: Partial<AvatarProps>;
-        Backdrop?: Partial<BackdropProps>;
-        Badge?: Partial<BadgeProps>;
-        Breadcrumbs?: Partial<BreadcrumbsProps>;
-        Button?: Partial<ButtonProps>;
-        ButtonNext?: Partial<ButtonPropsNext>;
-        Calendar?: Partial<CalendarProps>;
-        Card?: Partial<CardProps>;
-        Checkbox?: Partial<CheckboxProps>;
-        CheckboxNext?: Partial<CheckboxNextProps>;
-        CheckboxGroupNext?: Partial<CheckboxGroupNextProps>;
-        CheckboxGroup?: Partial<CheckboxGroupProps>;
-        Chip?: Partial<ChipProps>;
-        ChipNext?: Partial<ChipNextProps>;
-        ChipGroup?: Partial<ChipGroupProps>;
-        Collapse?: Partial<CollapseProps>;
-        Container?: Partial<ContainerProps>;
-        DataList?: Partial<DataListProps>;
-        Dialog?: Partial<DialogProps>;
-        DialogNext?: Partial<DialogNextProps>;
-        DatePicker?: Partial<DatePickerProps>;
-        Divider?: Partial<DividerProps>;
-        Drawer?: Partial<DrawerProps>;
-        DrawerNext?: Partial<DrawerNextProps>;
-        FieldControl?: Partial<FieldControlProps>;
-        File?: Partial<FileProps>;
-        FilePicker?: Partial<FilePickerProps>;
-        FormGroup?: Partial<FormGroupProps>;
-        FormTitle?: Partial<FormTitleProps>;
-        Grid?: Partial<GridProps>;
-        GridItem?: Partial<GridItemProps>;
-        IconButton?: Partial<IconButtonProps>;
-        IconButtonNext?: Partial<IconButtonPropsNext>;
-        Indicator?: Partial<IndicatorProps>;
-        Input?: Partial<InputProps>;
-        InputNumber?: Partial<InputNumberProps>;
-        InputOTP?: Partial<InputProps>;
-        Link?: Partial<LinkProps>;
-        List?: Partial<ListProps>;
-        ListItem?: Partial<ListItemProps>;
-        ListItemButton?: Partial<ListItemButtonProps>;
-        Loader?: Partial<LoaderProps>;
-        Menu?: Partial<MenuProps>;
-        MenuItem?: Partial<MenuItemProps>;
-        MenuList?: Partial<MenuListProps>;
-        Modal?: Partial<ModalProps>;
-        Pagination?: Partial<PaginationProps>;
-        Paper?: Partial<PaperProps>;
-        Popover?: Partial<PopoverProps>;
-        Portal?: Partial<PortalProps>;
-        Radio?: Partial<RadioProps>;
-        RadioNext?: Partial<RadioNextProps>;
-        RadioGroup?: Partial<RadioGroupProps>;
-        RadioGroupNext?: Partial<RadioGroupNextProps>;
-        SectionMessage?: Partial<SectionMessageProps>;
-        Segment?: Partial<SegmentProps>;
-        Select?: Partial<SelectProps>;
-        Slider?: Partial<SliderProps>;
-        SnackbarProvider?: Partial<SnackbarProviderProps>;
-        Stack?: Partial<StackProps>;
-        Table?: Partial<TableProps>;
-        TableCaption?: Partial<TableCaptionProps>;
-        TableCell?: Partial<TableCellProps>;
-        TableContainer?: Partial<TableContainerProps>;
-        Tag?: Partial<TagProps>;
-        TagNext?: Partial<TagPropsNext>;
-        Textarea?: Partial<TextareaProps>;
-        Title?: Partial<TitleProps>;
-        Toggle?: Partial<ToggleProps>;
-        ToggleNext?: Partial<ToggleNextProps>;
-        Tooltip?: Partial<TooltipProps>;
-        Typography?: Partial<TypographyProps>;
-    };
+    defaultProps: ThemeDefaultProps;
 };
 export type ThemeProviderBaseProps = {
     /** Содержимое компонента */

package/__inner__/esm/components/ThemeProvider/utils.d.ts

@@ -1,2 +1,5 @@
 import type { Theme } from './types';
+/**
+ * @deprecated Функция устарела. Используйте версию из {@link OzenProvider}
+ */
 export declare const extendTheme: (target: Theme, source: Partial<Theme>) => Theme;

package/__inner__/esm/components/ThemeProvider/utils.js

@@ -1,4 +1,7 @@
 import { mergeDeep } from '../../utils/object';
+/**
+ * @deprecated Функция устарела. Используйте версию из {@link OzenProvider}
+ */
 export var extendTheme = function (target, source) {
     return mergeDeep(target, source);
 };

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

@@ -1,24 +1,31 @@
+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(ssr.config.serverWidth);
+            return calculateBreakpoints(breakpointToken, ssr.config.serverWidth);
         }
-        return calculateBreakpoints(window.innerWidth);
+        return calculateBreakpoints(breakpointToken, window.innerWidth);
     });
     var recalculateMatches = function (width) {
-        var newMatches = calculateBreakpoints(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 () {

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

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

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

@@ -1,3 +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/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 () {

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/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__/esm/types/Breakpoints.js

@@ -1,22 +1,7 @@
-import { __read } from "tslib";
+/**
+ * @deprecated Используйте значение из темы
+ */
 export var breakpointVariant = ['xs', 's', 'm', 'l'];
-export var MIN_WIDTH_BY_BREAKPOINT = {
-    xs: 0,
-    s: 640,
-    m: 1024,
-    l: 1280,
-};
-export var breakpointsAscending = Object.entries(MIN_WIDTH_BY_BREAKPOINT)
-    // 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 BREAKPOINT_PREFIX = {
     IS: 'is',
     IS_A_LARGER_THAN: 'isALargerThan',

package/__inner__/esm/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__/esm/utils/breakpoint/calculateIsBreakpoints.js

@@ -1,12 +1,12 @@
-import { __values } from "tslib";
-import { BREAKPOINT_PREFIX, breakpointsAscending, MIN_WIDTH_BY_BREAKPOINT, } from '../../types/Breakpoints';
+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 (isBreakpoint, 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) {
@@ -14,7 +14,7 @@ var checkHasALargerThan = function (isBreakpoint, breakpoint) {
     });
     return hasLargerBreakpointThanThis;
 };
-var checkHasASmallerThan = function (isBreakpoint, breakpoint) {
+var checkHasASmallerThan = function (breakpointsAscending, isBreakpoint, breakpoint) {
     var breakpointIndex = breakpointsAscending.indexOf(breakpoint);
     var smallerBreakpoints = breakpointsAscending.slice(0, breakpointIndex);
     var hasSmallerBreakpointThanThis = smallerBreakpoints.some(function (breakpoint) {
@@ -22,11 +22,11 @@ var checkHasASmallerThan = function (isBreakpoint, breakpoint) {
     });
     return hasSmallerBreakpointThanThis;
 };
-var checkIsBreakpoint = function (windowWidth, breakpoint) {
+var checkIsBreakpoint = function (minWidthByBreakpoint, breakpointsAscending, windowWidth, breakpoint) {
     var breakpointIndex = breakpointsAscending.indexOf(breakpoint);
-    var previousBreakpoint = MIN_WIDTH_BY_BREAKPOINT[breakpointsAscending[breakpointIndex - 1]];
-    var currentBreakpoint = MIN_WIDTH_BY_BREAKPOINT[breakpoint];
-    var nextBreakpoint = MIN_WIDTH_BY_BREAKPOINT[breakpointsAscending[breakpointIndex + 1]];
+    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;
@@ -35,16 +35,30 @@ var checkIsBreakpoint = function (windowWidth, breakpoint) {
     if (isTheLargestBreakpoint) {
         return windowWidth >= currentBreakpoint && windowWidth > previousBreakpoint;
     }
-    return (windowWidth >= MIN_WIDTH_BY_BREAKPOINT[breakpoint] &&
+    return (windowWidth >= minWidthByBreakpoint[breakpoint] &&
         windowWidth < nextBreakpoint);
 };
-export var calculateBreakpoints = function (windowWidth) {
-    var e_1, _a;
+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(windowWidth, breakpoint);
+            var isThisBreakpoint = checkIsBreakpoint(breakpointToken.properties, breakpointsAscending, windowWidth, breakpoint);
             matches[generateIsBreakpointKey(BREAKPOINT_PREFIX.IS, breakpoint)] =
                 isThisBreakpoint;
             if (isThisBreakpoint) {
@@ -59,14 +73,14 @@ export 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; }
     }
     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(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;

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();
+};