@ozen-ui/kit 0.65.0 → 0.67.0

package/__inner__/cjs/components/Title/components/variant/main/TitleMain.js

@@ -8,14 +8,13 @@ var classname_1 = require("../../../../../utils/classname");
 var getIconSizeToFormElement_1 = require("../../../../../utils/getIconSizeToFormElement");
 var polymorphicComponentWithRef_1 = require("../../../../../utils/polymorphicComponentWithRef");
 var renderContent_1 = require("../../../../../utils/renderContent");
-var Breadcrumbs_1 = require("../../../../Breadcrumbs");
 var Stack_1 = require("../../../../Stack");
 var constants_1 = require("../../../constants");
-var config_1 = require("./config");
 exports.cnTitleMain = (0, classname_1.cn)('TitleMain');
 exports.TitleMain = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
-    var size = _a.size, className = _a.className, _b = _a.as, Tag = _b === void 0 ? constants_1.TITLE_DEFAULT_TAG : _b, children = _a.children, renderLeft = _a.renderLeft, renderRight = _a.renderRight, label = _a.label, defaultMarginProp = _a.defaultMargin, other = tslib_1.__rest(_a, ["size", "className", "as", "children", "renderLeft", "renderRight", "label", "defaultMargin"]);
-    var defaultMargin = defaultMarginProp === undefined ? !!label : defaultMarginProp;
+    var size = _a.size, className = _a.className, _b = _a.as, Tag = _b === void 0 ? constants_1.TITLE_DEFAULT_TAG : _b, children = _a.children, renderLeft = _a.renderLeft, renderRight = _a.renderRight, breadcrumbs = _a.breadcrumbs, withBreadcrumbs = _a.withBreadcrumbs, other = tslib_1.__rest(_a, ["size", "className", "as", "children", "renderLeft", "renderRight", "breadcrumbs", "withBreadcrumbs"]);
+    var hasBreadcrumbs = !!breadcrumbs;
+    var withSpace = withBreadcrumbs || hasBreadcrumbs;
     var renderIcon = function (content) {
         return (0, renderContent_1.renderContent)({
             content: content,
@@ -24,9 +23,12 @@ exports.TitleMain = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRe
             },
         });
     };
-    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnTitleMain)({ size: size, defaultMargin: defaultMargin }, [className]) }, other, { ref: ref }),
-        (label || defaultMargin) && (react_1.default.createElement(Breadcrumbs_1.Breadcrumbs, { size: config_1.TITLE_MAIN_LABEL_SIZE_MAP[size], className: (0, exports.cnTitleMain)('LabelContainer') },
-            react_1.default.createElement(Breadcrumbs_1.BreadcrumbItem, { as: "span", className: (0, exports.cnTitleMain)('Label') }, label))),
+    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnTitleMain)({
+            size: size,
+            withSpace: withSpace,
+            withoutBreadcrumbs: !hasBreadcrumbs,
+        }, [className]) }, other, { ref: ref }),
+        breadcrumbs,
         react_1.default.createElement(Stack_1.Stack, { gap: "s", align: "center", className: (0, exports.cnTitleMain)('ContentContainer') },
             renderIcon(renderLeft),
             react_1.default.createElement("span", { className: (0, exports.cnTitleMain)('Content') }, children),

package/__inner__/cjs/components/Title/components/variant/main/types.d.ts

@@ -1,13 +1,19 @@
-import type { ElementType } from 'react';
+import type { ElementType, ReactNode } from 'react';
 import type { PolymorphicComponentPropsWithoutRef } from '../../../../../utils/polymorphicComponentWithRef';
 import type { TITLE_DEFAULT_TAG } from '../../../constants';
 import type { TitleIcon, TitleSizeVariant } from '../../../entities';
 export type TitleMainBaseProps = {
+    /** Свойство, регулирующее размер слайдера */
     size: TitleSizeVariant;
-    label?: string;
+    /** Хлебные крошки */
+    breadcrumbs?: ReactNode;
+    /** Если `true`, всегда будет добавлять отступ под хлебные крошки */
+    withBreadcrumbs?: boolean;
+    /** Компонент слева */
     renderLeft?: TitleIcon;
+    /** Компонент справа */
     renderRight?: TitleIcon;
-    defaultMargin?: boolean;
+    /** data-атрибут для тестирования */
     'data-testid'?: string;
 };
 export type TitleMainProps<As extends ElementType = typeof TITLE_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<TitleMainBaseProps, As>;

package/__inner__/cjs/components/Title/components/variant/secondary/TitleSecondary.css

@@ -2,6 +2,7 @@
 .TitleSecondary {
   display: inline-block;
   color: var(--color-content-secondary);
+  margin-block: var(--title-secondary-default-margin-block);
 }
 .TitleSecondary_size_s {
       --title-secondary-default-margin-block: 24px 12px;
@@ -21,6 +22,3 @@
 
       text-transform: var(--typography-text-m_1-text_transform, none);
     }
-.TitleSecondary_defaultMargin {
-    margin-block: var(--title-secondary-default-margin-block);
-  }

package/__inner__/cjs/components/Title/components/variant/secondary/TitleSecondary.js

@@ -9,7 +9,7 @@ var polymorphicComponentWithRef_1 = require("../../../../../utils/polymorphicCom
 var constants_1 = require("../../../constants");
 exports.cnTitleSecondary = (0, classname_1.cn)('TitleSecondary');
 exports.TitleSecondary = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
-    var size = _a.size, className = _a.className, _b = _a.as, Tag = _b === void 0 ? constants_1.TITLE_DEFAULT_TAG : _b, children = _a.children, defaultMargin = _a.defaultMargin, other = tslib_1.__rest(_a, ["size", "className", "as", "children", "defaultMargin"]);
-    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnTitleSecondary)({ size: size, defaultMargin: defaultMargin }, [className]) }, other, { ref: ref }), children));
+    var size = _a.size, className = _a.className, _b = _a.as, Tag = _b === void 0 ? constants_1.TITLE_DEFAULT_TAG : _b, children = _a.children, other = tslib_1.__rest(_a, ["size", "className", "as", "children"]);
+    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnTitleSecondary)({ size: size }, [className]) }, other, { ref: ref }), children));
 });
 exports.TitleSecondary.displayName = 'TitleSecondary';

package/__inner__/cjs/components/Title/components/variant/secondary/types.d.ts

@@ -3,8 +3,9 @@ import type { PolymorphicComponentPropsWithoutRef } from '../../../../../utils/p
 import type { TITLE_DEFAULT_TAG } from '../../../constants';
 import type { TitleSizeVariant } from '../../../entities';
 export type TitleSecondaryBaseProps = {
+    /** Свойство, регулирующее размер слайдера */
     size: TitleSizeVariant;
-    defaultMargin?: boolean;
+    /** data-атрибут для тестирования */
     'data-testid'?: string;
 };
 export type TitleSecondaryProps<As extends ElementType = typeof TITLE_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<TitleSecondaryBaseProps, As>;

package/__inner__/cjs/components/Title/modules/TitleBreadcrumbItem/TitleBreadcrumbItem.d.ts

@@ -0,0 +1 @@
+export declare const TitleBreadcrumbItem: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<import("../../../Breadcrumbs").BreadcrumbItemBaseProps, "a">;

package/__inner__/cjs/components/Title/modules/TitleBreadcrumbItem/TitleBreadcrumbItem.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TitleBreadcrumbItem = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var polymorphicComponentWithRef_1 = require("../../../../utils/polymorphicComponentWithRef");
+var Breadcrumbs_1 = require("../../../Breadcrumbs");
+var constants_1 = require("./constants");
+exports.TitleBreadcrumbItem = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
+    var children = _a.children, _b = _a.as, as = _b === void 0 ? constants_1.TITLE_BREADCRUMB_ITEM_DEFAULT_TAG : _b, other = tslib_1.__rest(_a, ["children", "as"]);
+    return (react_1.default.createElement(Breadcrumbs_1.BreadcrumbItem, tslib_1.__assign({ ref: ref, as: as }, other), children));
+});
+exports.TitleBreadcrumbItem.displayName = 'TitleBreadcrumbItem';

package/__inner__/cjs/components/Title/modules/TitleBreadcrumbItem/constants.d.ts

@@ -0,0 +1 @@
+export declare const TITLE_BREADCRUMB_ITEM_DEFAULT_TAG = "a";

package/__inner__/cjs/components/Title/modules/TitleBreadcrumbItem/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TITLE_BREADCRUMB_ITEM_DEFAULT_TAG = void 0;
+exports.TITLE_BREADCRUMB_ITEM_DEFAULT_TAG = 'a';

package/__inner__/cjs/components/Title/modules/TitleBreadcrumbItem/index.d.ts

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

package/__inner__/cjs/components/Title/modules/TitleBreadcrumbItem/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./TitleBreadcrumbItem"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/Title/modules/TitleBreadcrumbItem/types.d.ts

@@ -0,0 +1,6 @@
+import type { ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { BreadcrumbItemBaseProps } from '../../../Breadcrumbs';
+import type { TITLE_BREADCRUMB_ITEM_DEFAULT_TAG } from './constants';
+export type TitleBreadcrumbItemBaseProps = BreadcrumbItemBaseProps;
+export type TitleBreadcrumbItemProps<As extends ElementType = typeof TITLE_BREADCRUMB_ITEM_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<TitleBreadcrumbItemBaseProps, As>;

package/__inner__/cjs/components/Title/modules/TitleBreadcrumbItem/types.js

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

package/__inner__/cjs/components/Title/modules/TitleBreadcrumbs/TitleBreadcrumbs.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { TitleBreadcrumbsProps } from './types';
+export declare const TitleBreadcrumbs: React.ForwardRefExoticComponent<Omit<TitleBreadcrumbsProps, "ref"> & React.RefAttributes<HTMLElement>>;

package/__inner__/cjs/components/Title/modules/TitleBreadcrumbs/TitleBreadcrumbs.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TitleBreadcrumbs = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var Breadcrumbs_1 = require("../../../Breadcrumbs");
+var TitleContext_1 = require("../../TitleContext");
+var constants_1 = require("./constants");
+exports.TitleBreadcrumbs = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, other = tslib_1.__rest(_a, ["children"]);
+    var size = (0, TitleContext_1.useTitleContext)().size;
+    var breadcrumbsSize = constants_1.TITLE_BREADCRUMBS_SIZE_MAP[size];
+    return (react_1.default.createElement(Breadcrumbs_1.Breadcrumbs, tslib_1.__assign({ ref: ref, size: breadcrumbsSize }, other), children));
+});
+exports.TitleBreadcrumbs.displayName = 'TitleBreadcrumbs';

package/__inner__/cjs/components/Title/modules/TitleBreadcrumbs/constants.d.ts

@@ -0,0 +1,3 @@
+import type { BreadcrumbsSizeVariant } from '../../../Breadcrumbs';
+import type { TitleSizeVariant } from '../../entities';
+export declare const TITLE_BREADCRUMBS_SIZE_MAP: Readonly<Record<TitleSizeVariant, BreadcrumbsSizeVariant>>;

package/__inner__/cjs/components/Title/{components/variant/main/config.js → modules/TitleBreadcrumbs/constants.js}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TITLE_MAIN_LABEL_SIZE_MAP = void 0;
-exports.TITLE_MAIN_LABEL_SIZE_MAP = {
+exports.TITLE_BREADCRUMBS_SIZE_MAP = void 0;
+exports.TITLE_BREADCRUMBS_SIZE_MAP = {
     s: 'xs',
     m: 's',
 };

package/__inner__/cjs/components/Title/modules/TitleBreadcrumbs/index.d.ts

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

package/__inner__/cjs/components/Title/modules/TitleBreadcrumbs/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./TitleBreadcrumbs"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/Title/modules/TitleBreadcrumbs/types.d.ts

@@ -0,0 +1,3 @@
+import type { BreadcrumbsProps, BreadcrumbsRef } from '../../../Breadcrumbs';
+export type TitleBreadcrumbsRef = BreadcrumbsRef;
+export type TitleBreadcrumbsProps = Omit<BreadcrumbsProps, 'size'>;

package/__inner__/cjs/components/Title/modules/TitleBreadcrumbs/types.js

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

package/__inner__/cjs/components/Title/modules/{icon-button → TitleIconButton}/index.d.ts

@@ -1,2 +1,3 @@
+export * from './presets';
 export * from './TitleIconButton';
 export * from './types';

package/__inner__/cjs/components/Title/modules/{icon-button → TitleIconButton}/index.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./presets"), exports);
 tslib_1.__exportStar(require("./TitleIconButton"), exports);
 tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/Title/modules/TitleIconButton/presets/TitleBackIconButton/TitleBackIconButton.d.ts

@@ -0,0 +1,2 @@
+import type { TitleBackIconButtonBaseProps } from './types';
+export declare const TitleBackIconButton: import("../../../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TitleBackIconButtonBaseProps, "button">;

package/__inner__/cjs/components/Title/modules/TitleIconButton/presets/TitleBackIconButton/TitleBackIconButton.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TitleBackIconButton = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var icons_1 = require("@ozen-ui/icons");
+var polymorphicComponentWithRef_1 = require("../../../../../../utils/polymorphicComponentWithRef");
+var TitleIconButton_1 = require("../../TitleIconButton");
+var constants_1 = require("./constants");
+exports.TitleBackIconButton = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
+    var _b = _a.as, as = _b === void 0 ? constants_1.TITLE_BACK_ICON_BUTTON_DEFAULT_TAG : _b, other = tslib_1.__rest(_a, ["as"]);
+    return (react_1.default.createElement(TitleIconButton_1.TitleIconButton, tslib_1.__assign({}, other, { ref: ref, as: as, icon: react_1.default.createElement(icons_1.ArrowLeftIcon, null) })));
+});
+exports.TitleBackIconButton.displayName = 'TitleBackIconButton';

package/__inner__/cjs/components/Title/modules/TitleIconButton/presets/TitleBackIconButton/constants.d.ts

@@ -0,0 +1 @@
+export declare const TITLE_BACK_ICON_BUTTON_DEFAULT_TAG = "button";

package/__inner__/cjs/components/Title/modules/TitleIconButton/presets/TitleBackIconButton/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TITLE_BACK_ICON_BUTTON_DEFAULT_TAG = void 0;
+exports.TITLE_BACK_ICON_BUTTON_DEFAULT_TAG = 'button';

package/__inner__/cjs/components/Title/modules/TitleIconButton/presets/TitleBackIconButton/index.d.ts

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

package/__inner__/cjs/components/Title/modules/TitleIconButton/presets/TitleBackIconButton/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./TitleBackIconButton"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/Title/modules/TitleIconButton/presets/TitleBackIconButton/types.d.ts

@@ -0,0 +1,6 @@
+import type { ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../../../../../utils/polymorphicComponentWithRef';
+import type { TitleIconButtonBaseProps } from '../../types';
+import type { TITLE_BACK_ICON_BUTTON_DEFAULT_TAG } from './constants';
+export type TitleBackIconButtonBaseProps = Omit<TitleIconButtonBaseProps, 'icon'>;
+export type TitleBackIconButtonProps<As extends ElementType = typeof TITLE_BACK_ICON_BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<TitleBackIconButtonBaseProps, As>;

package/__inner__/cjs/components/Title/modules/TitleIconButton/presets/TitleBackIconButton/types.js

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

package/__inner__/cjs/components/Title/modules/TitleIconButton/presets/index.d.ts

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

package/__inner__/cjs/components/Title/modules/TitleIconButton/presets/index.js

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

package/__inner__/cjs/components/Title/modules/TitleIconButton/types.js

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

package/__inner__/cjs/components/Title/modules/{tag → TitleTag}/TitleTag.d.ts

@@ -1,3 +1,3 @@
-import type { TitleTagBaseProps } from '../../../Title/modules/tag/types';
+import type { TitleTagBaseProps } from './types';
 export declare const cnTitleTag: import("@bem-react/classname").ClassNameFormatter;
 export declare const TitleTag: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TitleTagBaseProps, "div">;

package/__inner__/cjs/components/Title/modules/{tag → TitleTag}/TitleTag.js

@@ -6,6 +6,6 @@ var react_1 = tslib_1.__importDefault(require("react"));
 var classname_1 = require("../../../../utils/classname");
 var polymorphicComponentWithRef_1 = require("../../../../utils/polymorphicComponentWithRef");
 var TagNext_1 = require("../../../TagNext");
-var constants_1 = require("../../../Title/modules/tag/constants");
+var constants_1 = require("./constants");
 exports.cnTitleTag = (0, classname_1.cn)('TitleTag');
 exports.TitleTag = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (props, ref) { return (react_1.default.createElement(TagNext_1.Tag, tslib_1.__assign({ as: constants_1.TITLE_TAG_DEFAULT_TAG }, props, { ref: ref, size: "xs", variant: "primary", color: "uncolored", className: (0, exports.cnTitleTag)('', [props.className]) }))); });

package/__inner__/cjs/components/Title/modules/TitleTag/types.js

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

package/__inner__/cjs/components/Title/modules/index.d.ts

@@ -1,2 +1,4 @@
-export * from './icon-button';
-export * from './tag';
+export * from './TitleBreadcrumbItem';
+export * from './TitleBreadcrumbs';
+export * from './TitleIconButton';
+export * from './TitleTag';

package/__inner__/cjs/components/Title/modules/index.js

@@ -1,5 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./icon-button"), exports);
-tslib_1.__exportStar(require("./tag"), exports);
+tslib_1.__exportStar(require("./TitleBreadcrumbItem"), exports);
+tslib_1.__exportStar(require("./TitleBreadcrumbs"), exports);
+tslib_1.__exportStar(require("./TitleIconButton"), exports);
+tslib_1.__exportStar(require("./TitleTag"), exports);

package/__inner__/cjs/components/Title/types.d.ts

@@ -1,5 +1,5 @@
 import type { ElementType } from 'react';
-import type { WithPartial } from '../../types/object/withPartial';
+import type { WithPartial } from '../../types/object';
 import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
 import type { TitleMainBaseProps, TitleSecondaryBaseProps } from './components';
 import type { TITLE_DEFAULT_TAG } from './constants';

package/__inner__/cjs/constants/environment/index.d.ts

@@ -1,2 +1,4 @@
+export * from './isClient';
 export * from './isDev';
 export * from './isProduction';
+export * from './isServer';

package/__inner__/cjs/constants/environment/index.js

@@ -1,5 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./isClient"), exports);
 tslib_1.__exportStar(require("./isDev"), exports);
 tslib_1.__exportStar(require("./isProduction"), exports);
+tslib_1.__exportStar(require("./isServer"), exports);

package/__inner__/cjs/constants/environment/isClient.d.ts

@@ -0,0 +1 @@
+export declare const isClient: boolean;

package/__inner__/cjs/constants/environment/isClient.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isClient = void 0;
+var isServer_1 = require("./isServer");
+exports.isClient = !isServer_1.isServer;

package/__inner__/cjs/constants/environment/isServer.d.ts

@@ -0,0 +1 @@
+export declare const isServer: boolean;

package/__inner__/cjs/constants/environment/isServer.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isServer = void 0;
+exports.isServer = typeof window === 'undefined';

package/__inner__/cjs/hooks/useCreateResizeObserver/index.d.ts

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

package/__inner__/cjs/hooks/useCreateResizeObserver/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useCreateResizeObserver"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/hooks/useCreateResizeObserver/types.d.ts

@@ -0,0 +1 @@
+export type UseCreateResizeObserverOnChange = (entries: ResizeObserverEntry[]) => void;

package/__inner__/cjs/hooks/useCreateResizeObserver/types.js

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

package/__inner__/cjs/hooks/useCreateResizeObserver/useCreateResizeObserver.d.ts

@@ -0,0 +1,2 @@
+import type { UseCreateResizeObserverOnChange } from './types';
+export declare function useCreateResizeObserver(onChange?: UseCreateResizeObserverOnChange): ResizeObserver | null;

package/__inner__/cjs/hooks/useCreateResizeObserver/useCreateResizeObserver.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCreateResizeObserver = useCreateResizeObserver;
+var react_1 = require("react");
+var useStoredValue_1 = require("../useStoredValue");
+function useCreateResizeObserver(onChange) {
+    var frameID = (0, useStoredValue_1.useStoredValue)(0);
+    var onChangeStored = (0, useStoredValue_1.useStoredValue)(function () { return onChange; });
+    onChangeStored.current = onChange;
+    var observer = (0, react_1.useMemo)(function () {
+        return typeof window !== 'undefined' && typeof ResizeObserver !== 'undefined'
+            ? new ResizeObserver(function (entries) {
+                cancelAnimationFrame(frameID.current);
+                frameID.current = requestAnimationFrame(function () {
+                    var _a;
+                    (_a = onChangeStored.current) === null || _a === void 0 ? void 0 : _a.call(onChangeStored, entries);
+                });
+            })
+            : null;
+    }, []);
+    (0, react_1.useEffect)(function () { return function () {
+        observer === null || observer === void 0 ? void 0 : observer.disconnect();
+        if (frameID.current) {
+            cancelAnimationFrame(frameID.current);
+        }
+    }; }, []);
+    return observer;
+}

package/__inner__/cjs/hooks/useMultipleResizeObserver/index.d.ts

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

package/__inner__/cjs/hooks/useMultipleResizeObserver/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useMultipleResizeObserver"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/hooks/useMultipleResizeObserver/types.d.ts

@@ -0,0 +1,7 @@
+export type UseMultipleResizeObserverElements = (HTMLElement | null)[];
+/**
+ * @param isForce - При переданном `true` будет делать переподключение,
+ * даже если все переданные компоненты уже подключены
+ */
+export type UseMultipleResizeObserverReconnect = (isForce?: boolean) => void;
+export type UseMultipleResizeObserverOnChange = (entries: ResizeObserverEntry[]) => void;

package/__inner__/cjs/hooks/useMultipleResizeObserver/types.js

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

package/__inner__/cjs/hooks/useMultipleResizeObserver/useMultipleResizeObserver.d.ts

@@ -0,0 +1,4 @@
+import type { UseMultipleResizeObserverElements, UseMultipleResizeObserverOnChange, UseMultipleResizeObserverReconnect } from './types';
+export declare function useMultipleResizeObserver(elements: UseMultipleResizeObserverElements | (() => UseMultipleResizeObserverElements), onChange?: UseMultipleResizeObserverOnChange, options?: ResizeObserverOptions): {
+    reconnect: UseMultipleResizeObserverReconnect;
+};

package/__inner__/cjs/hooks/useMultipleResizeObserver/useMultipleResizeObserver.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMultipleResizeObserver = useMultipleResizeObserver;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var isFunction_1 = require("../../utils/isFunction");
+var useCreateResizeObserver_1 = require("../useCreateResizeObserver");
+var useStoredValue_1 = require("../useStoredValue");
+function useMultipleResizeObserver(elements, onChange, options) {
+    var observer = (0, useCreateResizeObserver_1.useCreateResizeObserver)(function (entries) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(entries);
+    });
+    var getElements = function () { return ((0, isFunction_1.isFunction)(elements) ? elements() : elements); };
+    var previousConnectedElements = (0, useStoredValue_1.useStoredValue)(function () { return tslib_1.__spreadArray([], tslib_1.__read(getElements()), false); });
+    var reconnect = function (isForce) {
+        if (isForce === void 0) { isForce = false; }
+        var newElements = getElements();
+        var hasChangesInElements = (function () {
+            if (isForce) {
+                return true;
+            }
+            if (previousConnectedElements.current.length !== newElements.length) {
+                return true;
+            }
+            var hasDifferenceInElements = newElements.some(function (element) {
+                return !previousConnectedElements.current.find(function (previousElementsElement) { return previousElementsElement === element; });
+            });
+            return hasDifferenceInElements;
+        })();
+        if (!hasChangesInElements) {
+            return;
+        }
+        previousConnectedElements.current = newElements;
+        observer === null || observer === void 0 ? void 0 : observer.disconnect();
+        newElements === null || newElements === void 0 ? void 0 : newElements.forEach(function (element) {
+            if (!element) {
+                return;
+            }
+            observer === null || observer === void 0 ? void 0 : observer.observe(element, options);
+        });
+    };
+    (0, react_1.useEffect)(function () {
+        reconnect();
+    }, [elements]);
+    return {
+        reconnect: reconnect,
+    };
+}

package/__inner__/cjs/hooks/useResizeObserver/constants.d.ts

@@ -0,0 +1,2 @@
+import type { UseResizeObserverRect } from './types';
+export declare const USE_RESIZE_OBSERVER_DEFAULT_STATE: Readonly<UseResizeObserverRect>;

package/__inner__/cjs/hooks/useResizeObserver/constants.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.USE_RESIZE_OBSERVER_DEFAULT_STATE = void 0;
+exports.USE_RESIZE_OBSERVER_DEFAULT_STATE = {
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0,
+    top: 0,
+    left: 0,
+    bottom: 0,
+    right: 0,
+};

package/__inner__/cjs/hooks/useResizeObserver/types.d.ts

@@ -0,0 +1 @@
+export type UseResizeObserverRect = Omit<DOMRectReadOnly, 'toJSON'>;

package/__inner__/cjs/hooks/useResizeObserver/types.js

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

package/__inner__/cjs/hooks/useResizeObserver/useResizeObserver.d.ts

@@ -1,3 +1,2 @@
-type ObserverRect = Omit<DOMRectReadOnly, 'toJSON'>;
-export declare function useResizeObserver<T extends HTMLElement = any>(options?: ResizeObserverOptions): readonly [import("react").RefObject<T>, ObserverRect];
-export {};
+import type { UseResizeObserverRect } from './types';
+export declare function useResizeObserver<T extends HTMLElement = any>(options?: ResizeObserverOptions): readonly [import("react").RefObject<T>, UseResizeObserverRect];

package/__inner__/cjs/hooks/useResizeObserver/useResizeObserver.js

@@ -3,46 +3,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useResizeObserver = useResizeObserver;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
-var defaultState = {
-    x: 0,
-    y: 0,
-    width: 0,
-    height: 0,
-    top: 0,
-    left: 0,
-    bottom: 0,
-    right: 0,
-};
+var useCreateResizeObserver_1 = require("../useCreateResizeObserver");
+var constants_1 = require("./constants");
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function useResizeObserver(options) {
-    var frameID = (0, react_1.useRef)(0);
     var ref = (0, react_1.useRef)(null);
-    var _a = tslib_1.__read((0, react_1.useState)(defaultState), 2), rect = _a[0], setRect = _a[1];
-    var observer = (0, react_1.useMemo)(function () {
-        return typeof window !== 'undefined' && typeof ResizeObserver !== 'undefined'
-            ? // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                new ResizeObserver(function (entries) {
-                    var entry = entries[0];
-                    if (entry) {
-                        cancelAnimationFrame(frameID.current);
-                        frameID.current = requestAnimationFrame(function () {
-                            if (ref.current) {
-                                setRect(entry.contentRect);
-                            }
-                        });
-                    }
-                })
-            : null;
-    }, []);
+    var _a = tslib_1.__read((0, react_1.useState)(constants_1.USE_RESIZE_OBSERVER_DEFAULT_STATE), 2), rect = _a[0], setRect = _a[1];
+    var observer = (0, useCreateResizeObserver_1.useCreateResizeObserver)(function (entries) {
+        var entry = entries[0];
+        if (entry && ref.current) {
+            var newRect = entry.contentRect;
+            setRect(newRect);
+        }
+    });
     (0, react_1.useEffect)(function () {
         if (ref.current) {
             observer === null || observer === void 0 ? void 0 : observer.observe(ref.current, options);
         }
         return function () {
             observer === null || observer === void 0 ? void 0 : observer.disconnect();
-            if (frameID.current) {
-                cancelAnimationFrame(frameID.current);
-            }
         };
     }, [ref.current]);
     return [ref, rect];

package/__inner__/cjs/types/css/index.d.ts

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