@astral/ui 4.86.0 → 4.87.0

package/node/components/useMeasure/index.d.ts

@@ -0,0 +1 @@
+export { default as useMeasure } from './useMeasure';

package/node/components/useMeasure/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMeasure = void 0;
+var useMeasure_1 = require("./useMeasure");
+Object.defineProperty(exports, "useMeasure", { enumerable: true, get: function () { return __importDefault(useMeasure_1).default; } });

package/node/components/useMeasure/public.d.ts

@@ -0,0 +1 @@
+export { default as useMeasure } from './useMeasure';

package/node/components/useMeasure/public.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMeasure = void 0;
+var useMeasure_1 = require("./useMeasure");
+Object.defineProperty(exports, "useMeasure", { enumerable: true, get: function () { return __importDefault(useMeasure_1).default; } });

package/node/components/useMeasure/useMeasure.d.ts

@@ -0,0 +1,13 @@
+export type UseMeasureRect = Pick<DOMRectReadOnly, 'x' | 'y' | 'top' | 'left' | 'right' | 'bottom' | 'height' | 'width'>;
+export type UseMeasureRef<TElement extends Element = Element> = (element: TElement) => void;
+export type UseMeasureResult<TElement extends Element = Element> = [
+    UseMeasureRef<TElement>,
+    UseMeasureRect
+];
+/**
+ * Хук отслеживает размеры HTML-элемента с помощью Resize Observer API.
+ * Принимает ref на HTML-элемент и возвращает объект с размерами элемента.
+ */
+declare function useMeasure<TElement extends Element = Element>(): UseMeasureResult<TElement>;
+declare const useMeasureExport: typeof useMeasure;
+export default useMeasureExport;

package/node/components/useMeasure/useMeasure.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const useIsomorphicLayoutEffect_1 = require("../useIsomorphicLayoutEffect");
+const isBrowser_1 = require("../utils/isBrowser");
+const noop = () => { };
+const defaultState = {
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0,
+    top: 0,
+    left: 0,
+    bottom: 0,
+    right: 0,
+};
+/**
+ * Хук отслеживает размеры HTML-элемента с помощью Resize Observer API.
+ * Принимает ref на HTML-элемент и возвращает объект с размерами элемента.
+ */
+function useMeasure() {
+    const [element, ref] = (0, react_1.useState)(null);
+    const [rect, setRect] = (0, react_1.useState)(defaultState);
+    const observer = (0, react_1.useMemo)(() => new window.ResizeObserver((entries) => {
+        if (entries[0]) {
+            setRect(entries[0].contentRect);
+        }
+    }), []);
+    (0, useIsomorphicLayoutEffect_1.useIsomorphicLayoutEffect)(() => {
+        if (!element) {
+            return;
+        }
+        observer.observe(element);
+        return () => {
+            observer.disconnect();
+        };
+    }, [element]);
+    return [ref, rect];
+}
+const useMeasureFallback = (() => [noop, defaultState]);
+const useMeasureExport = isBrowser_1.isBrowser && typeof window.ResizeObserver !== 'undefined'
+    ? useMeasure
+    : useMeasureFallback;
+exports.default = useMeasureExport;

package/node/components/useNewToggle/index.d.ts

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

package/node/components/useNewToggle/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useNewToggle"), exports);

package/node/components/useNewToggle/public.d.ts

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

package/node/components/useNewToggle/public.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useNewToggle"), exports);

package/node/components/useNewToggle/useNewToggle.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Хук отслеживает значение типа boolean.
+ */
+export declare const useNewToggle: (initialValue: boolean) => [boolean, (nextValue?: unknown) => void];

package/node/components/useNewToggle/useNewToggle.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useNewToggle = void 0;
+const react_1 = require("react");
+const toggleReducer = (state, nextValue) => typeof nextValue === 'boolean' ? nextValue : !state;
+/**
+ * Хук отслеживает значение типа boolean.
+ */
+const useNewToggle = (initialValue) => {
+    return (0, react_1.useReducer)(toggleReducer, initialValue);
+};
+exports.useNewToggle = useNewToggle;

package/node/components/useRafState/hooks/useUnmount/index.d.ts

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

package/node/components/useRafState/hooks/useUnmount/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useUnmount"), exports);

package/node/components/useRafState/hooks/useUnmount/useUnmount.d.ts

@@ -0,0 +1 @@
+export declare const useUnmount: (fn: () => void) => void;

package/node/components/useRafState/hooks/useUnmount/useUnmount.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUnmount = void 0;
+const react_1 = require("react");
+const useUnmount = (fn) => {
+    const fnRef = (0, react_1.useRef)(fn);
+    // update the ref each render so if it change the newest callback will be invoked
+    fnRef.current = fn;
+    (0, react_1.useEffect)(() => () => fnRef.current(), []);
+};
+exports.useUnmount = useUnmount;

package/node/components/useRafState/index.d.ts

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

package/node/components/useRafState/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useRafState"), exports);

package/node/components/useRafState/useRafState.d.ts

@@ -0,0 +1,2 @@
+import { type Dispatch, type SetStateAction } from 'react';
+export declare const useRafState: <TState>(initialState: TState | (() => TState)) => [TState, Dispatch<SetStateAction<TState>>];

package/node/components/useRafState/useRafState.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRafState = void 0;
+const react_1 = require("react");
+const useUnmount_1 = require("./hooks/useUnmount");
+const useRafState = (initialState) => {
+    const frame = (0, react_1.useRef)(0);
+    const [state, setState] = (0, react_1.useState)(initialState);
+    const setRafState = (0, react_1.useCallback)((value) => {
+        cancelAnimationFrame(frame.current);
+        frame.current = requestAnimationFrame(() => {
+            setState(value);
+        });
+    }, []);
+    (0, useUnmount_1.useUnmount)(() => {
+        cancelAnimationFrame(frame.current);
+    });
+    return [state, setRafState];
+};
+exports.useRafState = useRafState;

package/node/components/useScroll/index.d.ts

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

package/node/components/useScroll/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useScroll"), exports);

package/node/components/useScroll/public.d.ts

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

package/node/components/useScroll/public.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useScroll"), exports);

package/node/components/useScroll/useScroll.d.ts

@@ -0,0 +1,9 @@
+import { type RefObject } from 'react';
+export interface IState {
+    x: number;
+    y: number;
+}
+/**
+ * Хук отслеживает позицию скролла внутри HTML-элемента, на который передан ref.
+ */
+export declare const useScroll: (ref: RefObject<HTMLElement | null>) => IState;

package/node/components/useScroll/useScroll.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useScroll = void 0;
+const react_1 = require("react");
+const useRafState_1 = require("../useRafState");
+const addEventListenerSafe_1 = require("../utils/addEventListenerSafe");
+const removeEventListenerSafe_1 = require("../utils/removeEventListenerSafe");
+/**
+ * Хук отслеживает позицию скролла внутри HTML-элемента, на который передан ref.
+ */
+const useScroll = (ref) => {
+    if (process.env.NODE_ENV === 'development' &&
+        (typeof ref !== 'object' || typeof ref.current === 'undefined')) {
+        throw new Error('`useScroll` expects a single ref argument.');
+    }
+    const [state, setState] = (0, useRafState_1.useRafState)({
+        x: 0,
+        y: 0,
+    });
+    (0, react_1.useEffect)(() => {
+        const handler = () => {
+            if (ref.current) {
+                setState({
+                    x: ref.current.scrollLeft,
+                    y: ref.current.scrollTop,
+                });
+            }
+        };
+        if (ref.current) {
+            (0, addEventListenerSafe_1.addEventListenerSafe)(ref.current, 'scroll', handler, {
+                capture: false,
+                passive: true,
+            });
+        }
+        return () => {
+            if (ref.current) {
+                (0, removeEventListenerSafe_1.removeEventListenerSafe)(ref.current, 'scroll', handler);
+            }
+        };
+    }, [ref]);
+    return state;
+};
+exports.useScroll = useScroll;

package/node/components/useSet/index.d.ts

@@ -1 +1 @@
-export { useSet } from './useSet';
+export * from './useSet';

package/node/components/useSet/index.js

@@ -1,5 +1,17 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSet = void 0;
-var useSet_1 = require("./useSet");
-Object.defineProperty(exports, "useSet", { enumerable: true, get: function () { return useSet_1.useSet; } });
+__exportStar(require("./useSet"), exports);

package/node/components/useSet/public.d.ts

@@ -1 +1 @@
-export { useSet } from './useSet';
+export * from './useSet';

package/node/components/useSet/public.js

@@ -1,5 +1,17 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSet = void 0;
-var useSet_1 = require("./useSet");
-Object.defineProperty(exports, "useSet", { enumerable: true, get: function () { return useSet_1.useSet; } });
+__exportStar(require("./useSet"), exports);

package/node/components/useSet/useSet.d.ts

@@ -1 +1,14 @@
-export { useSet } from 'react-use';
+export interface IStableActions<TKey> {
+    add: (key: TKey) => void;
+    remove: (key: TKey) => void;
+    toggle: (key: TKey) => void;
+    reset: () => void;
+    clear: () => void;
+}
+export interface IActions<TKey> extends IStableActions<TKey> {
+    has: (key: TKey) => boolean;
+}
+/**
+ * Хук отслеживает состояние Set и предоставляет методы для его изменения.
+ */
+export declare const useSet: <TKey>(initialSet?: Set<TKey>) => [Set<TKey>, IActions<TKey>];

package/node/components/useSet/useSet.js

@@ -1,5 +1,30 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSet = void 0;
-var react_use_1 = require("react-use");
-Object.defineProperty(exports, "useSet", { enumerable: true, get: function () { return react_use_1.useSet; } });
+const react_1 = require("react");
+/**
+ * Хук отслеживает состояние Set и предоставляет методы для его изменения.
+ */
+const useSet = (initialSet = new Set()) => {
+    const [set, setSet] = (0, react_1.useState)(initialSet);
+    const stableActions = (0, react_1.useMemo)(() => {
+        const add = (item) => setSet((prevSet) => new Set([...Array.from(prevSet), item]));
+        const remove = (item) => setSet((prevSet) => new Set(Array.from(prevSet).filter((i) => i !== item)));
+        const toggle = (item) => setSet((prevSet) => prevSet.has(item)
+            ? new Set(Array.from(prevSet).filter((i) => i !== item))
+            : new Set([...Array.from(prevSet), item]));
+        return {
+            add,
+            remove,
+            toggle,
+            reset: () => setSet(initialSet),
+            clear: () => setSet(new Set()),
+        };
+    }, [setSet]);
+    const utils = {
+        has: (0, react_1.useCallback)((item) => set.has(item), [set]),
+        ...stableActions,
+    };
+    return [set, utils];
+};
+exports.useSet = useSet;

package/node/components/useSize/index.d.ts

@@ -0,0 +1 @@
+export { default as useSize } from './useSize';

package/node/components/useSize/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSize = void 0;
+var useSize_1 = require("./useSize");
+Object.defineProperty(exports, "useSize", { enumerable: true, get: function () { return __importDefault(useSize_1).default; } });

package/node/components/useSize/public.d.ts

@@ -0,0 +1 @@
+export { default as useSize } from './useSize';

package/node/components/useSize/public.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSize = void 0;
+var useSize_1 = require("./useSize");
+Object.defineProperty(exports, "useSize", { enumerable: true, get: function () { return __importDefault(useSize_1).default; } });

package/node/components/useSize/useSize.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+type ElementProps = {
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+};
+export type Element = ((state: IState) => React.ReactElement<ElementProps>) | React.ReactElement<ElementProps>;
+export interface IState {
+    width: number;
+    height: number;
+}
+/**
+ * Хук отслеживает размеры HTML-элемента.
+ * Создает iframe, который растягивается на весь размер элемента и слушает событие resize.
+ */
+export declare const useSize: (element: Element, { width, height }?: Partial<IState>) => [React.ReactElement<ElementProps>, IState];
+declare const useSizeExport: (element: Element, { width, height }?: Partial<IState>) => [React.ReactElement<ElementProps>, IState];
+export default useSizeExport;

package/node/components/useSize/useSize.js

@@ -0,0 +1,106 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSize = void 0;
+const React = __importStar(require("react"));
+const addEventListenerSafe_1 = require("../utils/addEventListenerSafe");
+const isBrowser_1 = require("../utils/isBrowser");
+const removeEventListenerSafe_1 = require("../utils/removeEventListenerSafe");
+const { useState, useEffect, useRef } = React;
+const defer = (callback) => setTimeout(callback, 35);
+/**
+ * Хук отслеживает размеры HTML-элемента.
+ * Создает iframe, который растягивается на весь размер элемента и слушает событие resize.
+ */
+const useSize = (element, { width = Infinity, height = Infinity } = {}) => {
+    const [state, setState] = useState({ width, height });
+    const elementNode = typeof element === 'function' ? element(state) : element;
+    const style = elementNode.props.style || {};
+    const ref = useRef(null);
+    let window = null;
+    const setSize = () => {
+        const iframe = ref.current;
+        const size = iframe
+            ? {
+                width: iframe.offsetWidth,
+                height: iframe.offsetHeight,
+            }
+            : { width, height };
+        setState(size);
+    };
+    const onWindow = (windowToListenOn) => {
+        (0, addEventListenerSafe_1.addEventListenerSafe)(windowToListenOn, 'resize', setSize);
+        defer(setSize);
+    };
+    useEffect(() => {
+        const iframe = ref.current;
+        if (!iframe) {
+            // iframe will be undefined if component is already unmounted
+            return;
+        }
+        if (iframe.contentWindow) {
+            window = iframe.contentWindow;
+            onWindow(window);
+        }
+        else {
+            const onLoad = () => {
+                (0, addEventListenerSafe_1.addEventListenerSafe)(iframe, 'load', onLoad);
+                window = iframe.contentWindow;
+                onWindow(window);
+            };
+            (0, removeEventListenerSafe_1.removeEventListenerSafe)(iframe, 'load', onLoad);
+        }
+        return () => {
+            if (window) {
+                (0, removeEventListenerSafe_1.removeEventListenerSafe)(window, 'resize', setSize);
+            }
+        };
+    }, []);
+    style.position = 'relative';
+    const sized = React.cloneElement(elementNode, { style }, ...[
+        React.createElement('iframe', {
+            ref,
+            style: {
+                background: 'transparent',
+                border: 'none',
+                height: '100%',
+                left: 0,
+                position: 'absolute',
+                top: 0,
+                width: '100%',
+                zIndex: -1,
+            },
+        }),
+        ...React.Children.toArray(elementNode.props.children),
+    ]);
+    return [sized, state];
+};
+exports.useSize = useSize;
+const useSizeFallback = ((element, { width = Infinity, height = Infinity } = {}) => [
+    typeof element === 'function' ? element({ width, height }) : element,
+    { width, height },
+]);
+const useSizeExport = isBrowser_1.isBrowser ? exports.useSize : useSizeFallback;
+exports.default = useSizeExport;

package/node/components/useToggle/useToggle.d.ts

@@ -37,6 +37,7 @@ type UseToggleOptions<TCloseArgs extends Arguments, TOpenArgs extends Arguments>
     onInactive?: CloseHandler<TCloseArgs>;
 };
 /**
+ * @deprecated
  * хук хранящий стейт активности, и предоставляющий методы переключения с проксируемыми аргументами, позволяет уменьшить бойлерплейт код
  */
 export declare const useToggle: <TCloseArgs extends Arguments, TOpenArgs extends Arguments>(params?: UseToggleOptions<TCloseArgs, TOpenArgs> | undefined) => UseToggleResultTuple<TCloseArgs, TOpenArgs>;

package/node/components/useToggle/useToggle.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useToggle = void 0;
 const react_1 = require("react");
 /**
+ * @deprecated
  * хук хранящий стейт активности, и предоставляющий методы переключения с проксируемыми аргументами, позволяет уменьшить бойлерплейт код
  */
 const useToggle = (params) => {

package/node/components/useUpdateEffect/index.d.ts

@@ -1 +1 @@
-export { useUpdateEffect } from './useUpdateEffect';
+export * from './useUpdateEffect';

package/node/components/useUpdateEffect/index.js

@@ -1,5 +1,17 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useUpdateEffect = void 0;
-var useUpdateEffect_1 = require("./useUpdateEffect");
-Object.defineProperty(exports, "useUpdateEffect", { enumerable: true, get: function () { return useUpdateEffect_1.useUpdateEffect; } });
+__exportStar(require("./useUpdateEffect"), exports);

package/node/components/useUpdateEffect/public.d.ts

@@ -1 +1 @@
-export { useUpdateEffect } from './useUpdateEffect';
+export * from './useUpdateEffect';