@ozen-ui/kit 0.72.1 → 0.74.0

package/__inner__/esm/components/SectionMessage/config.js

@@ -1,24 +1,9 @@
-import React from 'react';
 import { CheckCircleOutlineIcon, InfoCircleOutlineIcon, WarningCircleOutlineIcon, WarningTriangleOutlineIcon, } from '@ozen-ui/icons';
 export var SECTION_MESSAGE_ICON_BY_STATUS = {
-    neutral: {
-        m: React.createElement(InfoCircleOutlineIcon, { size: "m" }),
-        s: React.createElement(InfoCircleOutlineIcon, { size: "s" }),
-    },
-    info: {
-        m: React.createElement(InfoCircleOutlineIcon, { size: "m" }),
-        s: React.createElement(InfoCircleOutlineIcon, { size: "s" }),
-    },
-    warning: {
-        m: React.createElement(WarningTriangleOutlineIcon, { size: "m" }),
-        s: React.createElement(WarningTriangleOutlineIcon, { size: "s" }),
-    },
-    success: {
-        m: React.createElement(CheckCircleOutlineIcon, { size: "m" }),
-        s: React.createElement(CheckCircleOutlineIcon, { size: "s" }),
-    },
-    error: {
-        m: React.createElement(WarningCircleOutlineIcon, { size: "m" }),
-        s: React.createElement(WarningCircleOutlineIcon, { size: "s" }),
-    },
+    neutral: InfoCircleOutlineIcon,
+    info: InfoCircleOutlineIcon,
+    warning: WarningTriangleOutlineIcon,
+    success: CheckCircleOutlineIcon,
+    error: WarningCircleOutlineIcon,
+    action: InfoCircleOutlineIcon,
 };

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

@@ -1,2 +1,5 @@
+import type { IconSize } from '@ozen-ui/icons';
+import type { SectionMessageSizeVariant } from './types';
 export declare const SECTION_MESSAGE_DEFAULT_STATUS = "info";
 export declare const SECTION_MESSAGE_DEFAULT_SIZE = "m";
+export declare const SECTION_MESSAGE_SIZE_TO_ICON_SIZE: Readonly<Record<SectionMessageSizeVariant, IconSize>>;

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

@@ -1,2 +1,8 @@
 export var SECTION_MESSAGE_DEFAULT_STATUS = 'info';
 export var SECTION_MESSAGE_DEFAULT_SIZE = 'm';
+export var SECTION_MESSAGE_SIZE_TO_ICON_SIZE = {
+    xs: 's',
+    s: 's',
+    m: 'm',
+    l: 'm',
+};

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

@@ -1,10 +1,13 @@
 import type { ComponentRef, ReactElement, ReactNode } from 'react';
+import type { IconProps } from '@ozen-ui/icons';
 import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
+import type { RenderContentType } from '../../utils';
 import type { ButtonProps } from '../ButtonNext';
-export declare const sectionMessageStatusVariant: readonly ["success", "error", "warning", "info", "neutral"];
+export declare const sectionMessageStatusVariant: readonly ["success", "error", "warning", "info", "neutral", "action"];
 export type SectionMessageStatusVariant = (typeof sectionMessageStatusVariant)[number];
 export declare const sectionMessageSizeVariant: readonly ["xs", "s", "m", "l"];
 export type SectionMessageSizeVariant = (typeof sectionMessageSizeVariant)[number];
+export type SectionMessageIconType = RenderContentType<IconProps>['content'];
 export type SectionMessageRef = ComponentRef<'div'>;
 export type SectionMessageProps = ExtendableComponentPropsWithRef<{
     /**
@@ -17,6 +20,8 @@ export type SectionMessageProps = ExtendableComponentPropsWithRef<{
      * @default true
      */
     showIcon?: boolean;
+    /** Кастомная иконка */
+    icon?: SectionMessageIconType;
     /**
      * Размер
      * @default m

package/__inner__/esm/components/SectionMessage/types.js

@@ -4,5 +4,6 @@ export var sectionMessageStatusVariant = [
     'warning',
     'info',
     'neutral',
+    'action',
 ];
 export var sectionMessageSizeVariant = ['xs', 's', 'm', 'l'];

package/__inner__/esm/components/Table/Table.css

@@ -8,6 +8,14 @@
     inline-size: 100%;
   }
 
+  .Table_layout_auto {
+    table-layout: auto;
+  }
+
+  .Table_layout_fixed {
+    table-layout: fixed;
+  }
+
   .Table_size_xs {
       --table-header-cell-text: var(--typography-text-3xs-font);
       --table-header-cell-padding: 16px 12px 8px;

package/__inner__/esm/components/Table/Table.js

@@ -6,7 +6,7 @@ import './Table.css';
 import { TABLE_DEFAULT_COMPRESSED, TABLE_DEFAULT_DIVIDER, TABLE_DEFAULT_FULL_WIDTH, TABLE_DEFAULT_SIZE, TABLE_DEFAULT_STICKY_HEADER, TABLE_DEFAULT_STRIPED, } from './constants';
 export var cnTable = cn('Table');
 export var Table = forwardRef(function (inProps, ref) {
-    var _a = useThemeProps({ name: 'Table', props: inProps }), _b = _a.size, size = _b === void 0 ? TABLE_DEFAULT_SIZE : _b, _c = _a.divider, divider = _c === void 0 ? TABLE_DEFAULT_DIVIDER : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? TABLE_DEFAULT_FULL_WIDTH : _d, _e = _a.stickyHeader, stickyHeader = _e === void 0 ? TABLE_DEFAULT_STICKY_HEADER : _e, _f = _a.compressed, compressed = _f === void 0 ? TABLE_DEFAULT_COMPRESSED : _f, _g = _a.striped, striped = _g === void 0 ? TABLE_DEFAULT_STRIPED : _g, children = _a.children, className = _a.className, other = __rest(_a, ["size", "divider", "fullWidth", "stickyHeader", "compressed", "striped", "children", "className"]);
-    return (React.createElement("table", __assign({ className: cnTable({ compressed: compressed, size: size, stickyHeader: stickyHeader, fullWidth: fullWidth, divider: divider, striped: striped }, [className]) }, other, { ref: ref }), children));
+    var _a = useThemeProps({ name: 'Table', props: inProps }), _b = _a.size, size = _b === void 0 ? TABLE_DEFAULT_SIZE : _b, _c = _a.divider, divider = _c === void 0 ? TABLE_DEFAULT_DIVIDER : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? TABLE_DEFAULT_FULL_WIDTH : _d, _e = _a.stickyHeader, stickyHeader = _e === void 0 ? TABLE_DEFAULT_STICKY_HEADER : _e, _f = _a.compressed, compressed = _f === void 0 ? TABLE_DEFAULT_COMPRESSED : _f, _g = _a.striped, striped = _g === void 0 ? TABLE_DEFAULT_STRIPED : _g, layout = _a.layout, children = _a.children, className = _a.className, other = __rest(_a, ["size", "divider", "fullWidth", "stickyHeader", "compressed", "striped", "layout", "children", "className"]);
+    return (React.createElement("table", __assign({ className: cnTable({ compressed: compressed, size: size, stickyHeader: stickyHeader, fullWidth: fullWidth, divider: divider, striped: striped, layout: layout }, [className]) }, other, { ref: ref }), children));
 });
 Table.displayName = 'Table';

package/__inner__/esm/components/Table/components/TableBody/TableBody.js

@@ -1,11 +1,12 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef } from 'react';
+import React, { forwardRef, useMemo } from 'react';
 import { cn } from '../../../../utils/classname';
 import { TableContext } from '../../TableContext';
 export var cnTableBody = cn('TableBody');
 export var TableBody = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, other = __rest(_a, ["children", "className"]);
-    return (React.createElement(TableContext.Provider, { value: { variant: 'body' } },
+    var memoizedContext = useMemo(function () { return ({ variant: 'body' }); }, []);
+    return (React.createElement(TableContext.Provider, { value: memoizedContext },
         React.createElement("tbody", __assign({ className: cnTableBody('', [className]) }, other, { ref: ref }), children)));
 });
 TableBody.displayName = 'TableBody';

package/__inner__/esm/components/Table/components/TableContainer/types.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties, ElementType, ReactNode } from 'react';
+import type { ComponentRef, CSSProperties, ElementType, ReactNode } from 'react';
 import type { PolymorphicComponentPropsWithoutRef } from '../../../../utils/polymorphicComponentWithRef';
 import type { TABLE_CONTAINER_DEFAULT_TAG } from './constants';
 export type TableContainerBaseProps = {
@@ -16,3 +16,4 @@ export type TableContainerBaseProps = {
     'data-testid'?: string;
 };
 export type TableContainerProps<As extends ElementType = typeof TABLE_CONTAINER_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<TableContainerBaseProps, As>;
+export type TableContainerRef<As extends ElementType = typeof TABLE_CONTAINER_DEFAULT_TAG> = ComponentRef<As>;

package/__inner__/esm/components/Table/components/TableFoot/TableFoot.js

@@ -1,11 +1,12 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef } from 'react';
+import React, { forwardRef, useMemo } from 'react';
 import { cn } from '../../../../utils/classname';
 import { TableContext } from '../../TableContext';
 export var cnTableFoot = cn('TableFoot');
 export var TableFoot = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, other = __rest(_a, ["children", "className"]);
-    return (React.createElement(TableContext.Provider, { value: { variant: 'foot' } },
+    var memoizedContext = useMemo(function () { return ({ variant: 'foot' }); }, []);
+    return (React.createElement(TableContext.Provider, { value: memoizedContext },
         React.createElement("tfoot", __assign({ className: cnTableFoot({}, [className]) }, other, { ref: ref }), children)));
 });
 TableFoot.displayName = 'TableFoot';

package/__inner__/esm/components/Table/components/TableHead/TableHead.js

@@ -1,11 +1,12 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef } from 'react';
+import React, { forwardRef, useMemo } from 'react';
 import { cn } from '../../../../utils/classname';
 import { TableContext } from '../../TableContext';
 export var cnTableHead = cn('TableHead');
 export var TableHead = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, other = __rest(_a, ["children", "className"]);
-    return (React.createElement(TableContext.Provider, { value: { variant: 'head' } },
+    var memoizedContext = useMemo(function () { return ({ variant: 'head' }); }, []);
+    return (React.createElement(TableContext.Provider, { value: memoizedContext },
         React.createElement("thead", __assign({ className: cnTableHead({}, [className]) }, other, { ref: ref }), children)));
 });
 TableHead.displayName = 'TableHead';

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

@@ -1,3 +1,4 @@
 export * from './Table';
 export * from './components';
+export * from './TableContext';
 export * from './types';

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

@@ -1,3 +1,4 @@
 export * from './Table';
 export * from './components';
+export * from './TableContext';
 export * from './types';

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

@@ -2,14 +2,18 @@ import type { ComponentRef, ReactNode } from 'react';
 import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
 export declare const tableSizeVariant: readonly ["xs", "s", "m", "l"];
 export declare const tableDividerVariant: readonly ["row", "column", "all"];
+export declare const tableLayoutVariant: readonly ["auto", "fixed"];
 export type TableSizeVariant = (typeof tableSizeVariant)[number];
 export type TableDividerVariant = (typeof tableDividerVariant)[number];
+export type TableLayoutVariant = (typeof tableLayoutVariant)[number];
 export type TableRef = ComponentRef<'table'>;
 export type TableProps = ExtendableComponentPropsWithRef<{
     /** Устанавливает размер типографики и отступов в таблице */
     size?: TableSizeVariant;
     /** Признак, по которому таблица растет по всей ширине своего контейнера */
     fullWidth?: boolean;
+    /** Вариант layout-таблицы */
+    layout?: TableLayoutVariant;
     /** Тип разделителей в таблице */
     divider?: TableDividerVariant;
     /** Признак фиксированного заголовка в таблице */

package/__inner__/esm/components/Table/types.js

@@ -1,2 +1,3 @@
 export var tableSizeVariant = ['xs', 's', 'm', 'l'];
 export var tableDividerVariant = ['row', 'column', 'all'];
+export var tableLayoutVariant = ['auto', 'fixed'];

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

@@ -1,2 +1,3 @@
+export * from './constants';
 export * from './Tag';
 export * from './types';

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

@@ -1,2 +1,3 @@
+export * from './constants';
 export * from './Tag';
 export * from './types';

package/__inner__/esm/hooks/useBreakpointsNext/useBreakpoints.d.ts

@@ -1 +1 @@
-export declare function useBreakpoints(): import("../../types/Breakpoints").BreakpointMatches;
+export declare function useBreakpoints(): import("../../types").BreakpointMatches;

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

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

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

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

package/__inner__/esm/hooks/useIntersectionObserver/types.d.ts

@@ -0,0 +1,29 @@
+import type { RefObject } from 'react';
+import type { StoredValue } from '../useStoredValue';
+export type UseIntersectionObserverElement = RefObject<Element | null | undefined> | Element | undefined | null;
+export type UseIntersectionObserverOnEntryChange = (entry: IntersectionObserverEntry | null) => void;
+export type UseIntersectionObserverOnViewChange = (inView: boolean) => void;
+export type UseIntersectionObserverOnShow = () => void;
+export type UseIntersectionObserverOnHidden = () => void;
+export type UseIntersectionObserverOptions = Omit<IntersectionObserverInit, 'root'> & {
+    /** Вызывается при изменении entry наблюдателя */
+    onEntryChange?: UseIntersectionObserverOnEntryChange;
+    /** Вызывается при входе/выходе элемента из viewport */
+    onViewChange?: UseIntersectionObserverOnViewChange;
+    /** Вызывается при входе элемента во viewport */
+    onShow?: UseIntersectionObserverOnShow;
+    /** Вызывается при выходе элемента из viewport */
+    onHidden?: UseIntersectionObserverOnHidden;
+    /** Если `true`, то включен */
+    enabled?: boolean;
+    /** Root наблюдателя */
+    root?: UseIntersectionObserverElement;
+};
+export type UseIntersectionObserverReturn = {
+    /** Entry наблюдателя */
+    entry: StoredValue<IntersectionObserverEntry | undefined>;
+    /** Если `true`, то элемент находится во viewport */
+    inView: StoredValue<boolean>;
+    /** Функция для переподключения к наблюдателю */
+    reconnect: () => void;
+};

package/__inner__/esm/hooks/useIntersectionObserver/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/hooks/useIntersectionObserver/useIntersectionObserver.d.ts

@@ -0,0 +1,6 @@
+import type { UseIntersectionObserverElement, UseIntersectionObserverOptions, UseIntersectionObserverReturn } from './types';
+export declare function useIntersectionObserver(
+/** Отслеживаемый компонент */
+target: UseIntersectionObserverElement, 
+/** Параметры отслеживания */
+options?: UseIntersectionObserverOptions): UseIntersectionObserverReturn;

package/__inner__/esm/hooks/useIntersectionObserver/useIntersectionObserver.js

@@ -0,0 +1,76 @@
+import { __assign, __read } from "tslib";
+import { useCallback, useEffect } from 'react';
+import { isRef } from '../../utils';
+import { useMutableRef } from '../useMutableRef';
+import { useStoredValue } from '../useStoredValue';
+export function useIntersectionObserver(
+/** Отслеживаемый компонент */
+target, 
+/** Параметры отслеживания */
+options) {
+    var _a;
+    var isEnabled = (_a = options === null || options === void 0 ? void 0 : options.enabled) !== null && _a !== void 0 ? _a : true;
+    var savedOnEntryChange = useMutableRef(options === null || options === void 0 ? void 0 : options.onEntryChange);
+    var savedOnViewChange = useMutableRef(options === null || options === void 0 ? void 0 : options.onViewChange);
+    var savedOnShow = useMutableRef(options === null || options === void 0 ? void 0 : options.onShow);
+    var savedOnHidden = useMutableRef(options === null || options === void 0 ? void 0 : options.onHidden);
+    var entry = useStoredValue(undefined);
+    var inView = useStoredValue(false);
+    var observer = useStoredValue(function () { return new IntersectionObserver(function () { }); });
+    var connect = useCallback(function () {
+        if (!isEnabled) {
+            return;
+        }
+        var element = isRef(target) ? target.current : target;
+        if (!element) {
+            return;
+        }
+        var root = (function () {
+            var root = options === null || options === void 0 ? void 0 : options.root;
+            if (!root) {
+                return document;
+            }
+            return isRef(options.root) ? options.root.current : options.root;
+        })();
+        observer.current = new IntersectionObserver(function (_a) {
+            var _b, _c, _d, _e, _f;
+            var _g = __read(_a, 1), newEntry = _g[0];
+            var previousInView = !!((_b = entry.current) === null || _b === void 0 ? void 0 : _b.isIntersecting);
+            var currentInView = !!(newEntry === null || newEntry === void 0 ? void 0 : newEntry.isIntersecting);
+            entry.current = newEntry;
+            inView.current = currentInView;
+            (_c = savedOnEntryChange.current) === null || _c === void 0 ? void 0 : _c.call(savedOnEntryChange, newEntry !== null && newEntry !== void 0 ? newEntry : null);
+            if (previousInView === currentInView) {
+                return;
+            }
+            (_d = savedOnViewChange.current) === null || _d === void 0 ? void 0 : _d.call(savedOnViewChange, currentInView);
+            if (currentInView) {
+                (_e = savedOnShow.current) === null || _e === void 0 ? void 0 : _e.call(savedOnShow);
+            }
+            else {
+                (_f = savedOnHidden.current) === null || _f === void 0 ? void 0 : _f.call(savedOnHidden);
+            }
+        }, __assign(__assign({}, options), { root: root }));
+        observer.current.observe(element);
+    }, [
+        isRef(target) ? target.current : target,
+        options === null || options === void 0 ? void 0 : options.rootMargin,
+        options === null || options === void 0 ? void 0 : options.threshold,
+        options === null || options === void 0 ? void 0 : options.root,
+        isEnabled,
+    ]);
+    var disconnect = useCallback(function () {
+        observer.current.disconnect();
+    }, [observer]);
+    var reconnect = useCallback(function () {
+        disconnect();
+        connect();
+    }, [disconnect, connect]);
+    useEffect(function () {
+        reconnect();
+    }, [connect]);
+    useEffect(function () { return function () {
+        disconnect();
+    }; }, []);
+    return { entry: entry, inView: inView, reconnect: reconnect };
+}

package/__inner__/esm/types/index.d.ts

@@ -0,0 +1,10 @@
+export * from './css';
+export * from './function';
+export * from './object';
+export * from './react';
+export * from './Breakpoints';
+export * from './ExtendableComponentPropsWithRef';
+export * from './ExtendableProps';
+export * from './FormElementSizeVariant';
+export * from './KeyCode';
+export * from './ResponsiveValue';

package/__inner__/esm/types/index.js

@@ -0,0 +1,10 @@
+export * from './css';
+export * from './function';
+export * from './object';
+export * from './react';
+export * from './Breakpoints';
+export * from './ExtendableComponentPropsWithRef';
+export * from './ExtendableProps';
+export * from './FormElementSizeVariant';
+export * from './KeyCode';
+export * from './ResponsiveValue';

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

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

package/__inner__/esm/utils/index.d.ts

@@ -0,0 +1,30 @@
+export * from './array';
+export * from './breakpoint';
+export * from './capitalizeFirstLetter';
+export * from './css';
+export * from './date';
+export * from './generateUniqKey';
+export * from './getByMap';
+export * from './getScrollBarSize';
+export * from './math';
+export * from './number';
+export * from './object';
+export * from './react';
+export * from './renderContent';
+export * from './shallowEqual';
+export * from './string';
+export * from './animateProperty';
+export * from './classname';
+export * from './getFocusableElements';
+export * from './getIconSizeToFormElement';
+export * from './getNextIndex';
+export * from './getPaperSizeToFormElement';
+export * from './getPrevIndex';
+export * from './isFunction';
+export * from './isKey';
+export * from './isKeys';
+export * from './isNotNil';
+export * from './isString';
+export * from './polymorphicComponentWithRef';
+export * from './scrollContainerToElement';
+export * from './setRef';

package/__inner__/esm/utils/index.js

@@ -0,0 +1,30 @@
+export * from './array';
+export * from './breakpoint';
+export * from './capitalizeFirstLetter';
+export * from './css';
+export * from './date';
+export * from './generateUniqKey';
+export * from './getByMap';
+export * from './getScrollBarSize';
+export * from './math';
+export * from './number';
+export * from './object';
+export * from './react';
+export * from './renderContent';
+export * from './shallowEqual';
+export * from './string';
+export * from './animateProperty';
+export * from './classname';
+export * from './getFocusableElements';
+export * from './getIconSizeToFormElement';
+export * from './getNextIndex';
+export * from './getPaperSizeToFormElement';
+export * from './getPrevIndex';
+export * from './isFunction';
+export * from './isKey';
+export * from './isKeys';
+export * from './isNotNil';
+export * from './isString';
+export * from './polymorphicComponentWithRef';
+export * from './scrollContainerToElement';
+export * from './setRef';

package/__inner__/esm/utils/react/extractRef.d.ts

@@ -0,0 +1,2 @@
+import type { RefObject } from 'react';
+export declare const extractRef: <Element extends HTMLElement>(element: RefObject<Element | null> | Element | null | undefined) => Element | null;

package/__inner__/esm/utils/react/extractRef.js

@@ -0,0 +1,7 @@
+import { isRef } from './isRef';
+export var extractRef = function (element) {
+    if (isRef(element)) {
+        return element.current;
+    }
+    return element !== null && element !== void 0 ? element : null;
+};

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.72.1",
+  "version": "0.74.0",
   "description": "React component library",
   "files": [
     "*"
@@ -29,9 +29,9 @@
     "react-popper": "^2.3.0",
     "react-transition-group": "^4.4.5",
     "tslib": "^2.6.3",
-    "@ozen-ui/fonts": "0.72.1",
-    "@ozen-ui/icons": "0.72.1",
-    "@ozen-ui/logger": "0.72.1"
+    "@ozen-ui/icons": "0.74.0",
+    "@ozen-ui/fonts": "0.74.0",
+    "@ozen-ui/logger": "0.74.0"
   },
   "devDependencies": {
     "@types/lodash.isequal": "^4.5.0"

package/types/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/types/index.js",
+	"module": "../__inner__/esm/types/index.js",
+	"types": "../__inner__/esm/types/index.d.ts"
+}

package/useDevEffect/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/hooks/useDevEffect/index.js",
+	"module": "../__inner__/esm/hooks/useDevEffect/index.js",
+	"types": "../__inner__/esm/hooks/useDevEffect/index.d.ts"
+}

package/useIntersectionObserver/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/hooks/useIntersectionObserver/index.js",
+	"module": "../__inner__/esm/hooks/useIntersectionObserver/index.js",
+	"types": "../__inner__/esm/hooks/useIntersectionObserver/index.d.ts"
+}

package/utils/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/utils/index.js",
+	"module": "../__inner__/esm/utils/index.js",
+	"types": "../__inner__/esm/utils/index.d.ts"
+}