@ozen-ui/kit 0.0.1

package/__inner__/cjs/components/Typography/Typography.css

@@ -0,0 +1,302 @@
+/* stylelint-disable */
+.Typography {
+  margin: 0;
+  color: var(--color-content-primary);
+}
+.Typography_noWrap {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+.Typography_display_block {
+      display: block;
+    }
+.Typography_display_inline {
+      display: inline;
+    }
+.Typography_display_inlineBlock {
+      display: inline-block;
+    }
+.Typography_align_left {
+      text-align: start;
+    }
+.Typography_align_right {
+      text-align: end;
+    }
+.Typography_align_center {
+      text-align: center;
+    }
+.Typography_align_initial {
+      text-align: initial;
+    }
+.Typography_color_primary {
+      color: var(--color-content-primary);
+    }
+.Typography_color_primaryInverse {
+      color: var(--color-content-primary-inverse);
+    }
+.Typography_color_secondary {
+      color: var(--color-content-secondary);
+    }
+.Typography_color_tertiary {
+      color: var(--color-content-tertiary);
+    }
+.Typography_color_disabled {
+      color: var(--color-content-disabled);
+    }
+.Typography_color_ghostDisabled {
+      color: var(--color-content-ghost-disabled);
+    }
+.Typography_color_action {
+      color: var(--color-content-action);
+    }
+.Typography_color_actionHover {
+      color: var(--color-content-action-hover);
+    }
+.Typography_color_actionDark {
+      color: var(--color-content-action-dark);
+    }
+.Typography_color_actionOn {
+      color: var(--color-content-action-on);
+    }
+.Typography_color_error {
+      color: var(--color-content-error);
+    }
+.Typography_color_errorDark {
+      color: var(--color-content-error-dark);
+    }
+.Typography_color_warning {
+      color: var(--color-content-warning);
+    }
+.Typography_color_warningDark {
+      color: var(--color-content-warning-dark);
+    }
+.Typography_color_success {
+      color: var(--color-content-success);
+    }
+.Typography_color_successDark {
+      color: var(--color-content-success-dark);
+    }
+.Typography_color_info {
+      color: var(--color-content-info);
+    }
+.Typography_color_infoDark {
+      color: var(--color-content-info-dark);
+    }
+.Typography_variant_heading-4xl {
+      font: var(--typography-heading-4xl-font);
+      letter-spacing: var(--typography-heading-4xl-letter_spacing, 0);
+      text-transform: var(--typography-heading-4xl-text_transform, none);
+    }
+.Typography_variant_heading-4xl.Typography_defaultMargin {
+        margin-block-end: var(--space-4xl);
+      }
+.Typography_variant_heading-3xl {
+      font: var(--typography-heading-3xl-font);
+      letter-spacing: var(--typography-heading-3xl-letter_spacing, 0);
+      text-transform: var(--typography-heading-3xl-text_transform, none);
+    }
+.Typography_variant_heading-3xl.Typography_defaultMargin {
+        margin-block-end: var(--space-4xl);
+      }
+.Typography_variant_heading-2xl {
+      font: var(--typography-heading-2xl-font);
+      letter-spacing: var(--typography-heading-2xl-letter_spacing, 0);
+      text-transform: var(--typography-heading-2xl-text_transform, none);
+    }
+.Typography_variant_heading-2xl.Typography_defaultMargin {
+        margin-block-end: var(--space-3xl);
+      }
+.Typography_variant_heading-xl {
+      font: var(--typography-heading-xl-font);
+      letter-spacing: var(--typography-heading-xl-letter_spacing, 0);
+      text-transform: var(--typography-heading-xl-text_transform, none);
+    }
+.Typography_variant_heading-xl.Typography_defaultMargin {
+        margin-block-end: var(--space-2xl);
+      }
+.Typography_variant_text-4xl {
+      font: var(--typography-text-4xl-font);
+      letter-spacing: var(--typography-text-4xl-letter_spacing, 0);
+      text-transform: var(--typography-text-4xl-text_transform, none);
+    }
+.Typography_variant_text-4xl.Typography_defaultMargin {
+        margin-block-end: var(--space-4xl);
+      }
+.Typography_variant_text-4xl_1 {
+      font: var(--typography-text-4xl_1-font);
+      letter-spacing: var(--typography-text-4xl_1-letter_spacing, 0);
+      text-transform: var(--typography-text-4xl_1-text_transform, none);
+    }
+.Typography_variant_text-4xl_1.Typography_defaultMargin {
+        margin-block-end: var(--space-4xl);
+      }
+.Typography_variant_text-3xl {
+      font: var(--typography-text-3xl-font);
+      letter-spacing: var(--typography-text-3xl-letter_spacing, 0);
+      text-transform: var(--typography-text-3xl-text_transform, none);
+    }
+.Typography_variant_text-3xl.Typography_defaultMargin {
+        margin-block-end: var(--space-4xl);
+      }
+.Typography_variant_text-3xl_1 {
+      font: var(--typography-text-3xl_1-font);
+      letter-spacing: var(--typography-text-3xl_1-letter_spacing, 0);
+      text-transform: var(--typography-text-3xl_1-text_transform, none);
+    }
+.Typography_variant_text-3xl_1.Typography_defaultMargin {
+        margin-block-end: var(--space-4xl);
+      }
+.Typography_variant_text-2xl {
+      font: var(--typography-text-2xl-font);
+      letter-spacing: var(--typography-text-2xl-letter_spacing, 0);
+      text-transform: var(--typography-text-2xl-text_transform, none);
+    }
+.Typography_variant_text-2xl.Typography_defaultMargin {
+        margin-block-end: var(--space-3xl);
+      }
+.Typography_variant_text-2xl_1 {
+      font: var(--typography-text-2xl_1-font);
+      letter-spacing: var(--typography-text-2xl_1-letter_spacing, 0);
+      text-transform: var(--typography-text-2xl_1-text_transform, none);
+    }
+.Typography_variant_text-2xl_1.Typography_defaultMargin {
+        margin-block-end: var(--space-3xl);
+      }
+.Typography_variant_text-xl {
+      font: var(--typography-text-xl-font);
+      letter-spacing: var(--typography-text-xl-letter_spacing, 0);
+      text-transform: var(--typography-text-xl-text_transform, none);
+    }
+.Typography_variant_text-xl.Typography_defaultMargin {
+        margin-block-end: var(--space-2xl);
+      }
+.Typography_variant_text-xl_1 {
+      font: var(--typography-text-xl_1-font);
+      letter-spacing: var(--typography-text-xl_1-letter_spacing, 0);
+      text-transform: var(--typography-text-xl_1-text_transform, none);
+    }
+.Typography_variant_text-xl_1.Typography_defaultMargin {
+        margin-block-end: var(--space-2xl);
+      }
+.Typography_variant_text-l {
+      font: var(--typography-text-l-font);
+      letter-spacing: var(--typography-text-l-letter_spacing, 0);
+      text-transform: var(--typography-text-l-text_transform, none);
+    }
+.Typography_variant_text-l.Typography_defaultMargin {
+        margin-block-end: var(--space-xl);
+      }
+.Typography_variant_text-l_1 {
+      font: var(--typography-text-l_1-font);
+      letter-spacing: var(--typography-text-l_1-letter_spacing, 0);
+      text-transform: var(--typography-text-l_1-text_transform, none);
+    }
+.Typography_variant_text-l_1.Typography_defaultMargin {
+        margin-block-end: var(--space-xl);
+      }
+.Typography_variant_text-m {
+      font: var(--typography-text-m-font);
+      letter-spacing: var(--typography-text-m-letter_spacing, 0);
+      text-transform: var(--typography-text-m-text_transform, none);
+    }
+.Typography_variant_text-m.Typography_defaultMargin {
+        margin-block-end: var(--space-xl);
+      }
+.Typography_variant_text-m_1 {
+      font: var(--typography-text-m_1-font);
+      letter-spacing: var(--typography-text-m_1-letter_spacing, 0);
+      text-transform: var(--typography-text-m_1-text_transform, none);
+    }
+.Typography_variant_text-m_1.Typography_defaultMargin {
+        margin-block-end: var(--space-xl);
+      }
+.Typography_variant_text-s {
+      font: var(--typography-text-s-font);
+      letter-spacing: var(--typography-text-s-letter_spacing, 0);
+      text-transform: var(--typography-text-s-text_transform, none);
+    }
+.Typography_variant_text-s.Typography_defaultMargin {
+        margin-block-end: var(--space-m);
+      }
+.Typography_variant_text-s_1 {
+      font: var(--typography-text-s_1-font);
+      letter-spacing: var(--typography-text-s_1-letter_spacing, 0);
+      text-transform: var(--typography-text-s_1-text_transform, none);
+    }
+.Typography_variant_text-s_1.Typography_defaultMargin {
+        margin-block-end: var(--space-m);
+      }
+.Typography_variant_text-xs {
+      font: var(--typography-text-xs-font);
+      letter-spacing: var(--typography-text-xs-letter_spacing, 0);
+      text-transform: var(--typography-text-xs-text_transform, none);
+    }
+.Typography_variant_text-xs.Typography_defaultMargin {
+        margin-block-end: var(--space-s);
+      }
+.Typography_variant_text-xs_1 {
+      font: var(--typography-text-xs_1-font);
+      letter-spacing: var(--typography-text-xs_1-letter_spacing, 0);
+      text-transform: var(--typography-text-xs_1-text_transform, none);
+    }
+.Typography_variant_text-xs_1.Typography_defaultMargin {
+        margin-block-end: var(--space-s);
+      }
+.Typography_variant_text-2xs {
+      font: var(--typography-text-2xs-font);
+      letter-spacing: var(--typography-text-2xs-letter_spacing, 0);
+      text-transform: var(--typography-text-2xs-text_transform, none);
+    }
+.Typography_variant_text-2xs.Typography_defaultMargin {
+        margin-block-end: var(--space-xs);
+      }
+.Typography_variant_text-2xs_1 {
+      font: var(--typography-text-2xs_1-font);
+      letter-spacing: var(--typography-text-2xs_1-letter_spacing, 0);
+      text-transform: var(--typography-text-2xs_1-text_transform, none);
+    }
+.Typography_variant_text-2xs_1.Typography_defaultMargin {
+        margin-block-end: var(--space-xs);
+      }
+.Typography_variant_text-3xs {
+      font: var(--typography-text-3xs-font);
+      letter-spacing: var(--typography-text-3xs-letter_spacing, 0);
+      text-transform: var(--typography-text-3xs-text_transform, none);
+    }
+.Typography_variant_text-3xs.Typography_defaultMargin {
+        margin-block-end: var(--space-xs);
+      }
+.Typography_variant_text-3xs_1 {
+      font: var(--typography-text-3xs_1-font);
+      letter-spacing: var(--typography-text-3xs_1-letter_spacing, 0);
+      text-transform: var(--typography-text-3xs_1-text_transform, none);
+    }
+.Typography_variant_text-3xs_1.Typography_defaultMargin {
+        margin-block-end: var(--space-xs);
+      }
+.Typography_variant_caption-3xs {
+      font: var(--typography-caption-3xs-font);
+      letter-spacing: var(--typography-caption-3xs-letter_spacing, 0);
+      text-transform: var(--typography-caption-3xs-text_transform, none);
+    }
+.Typography_variant_caption-3xs.Typography_defaultMargin {
+        margin-block-end: var(--space-xs);
+      }
+.Typography_variant_caption-3xs_1 {
+      font: var(--typography-caption-3xs_1-font);
+      letter-spacing: var(--typography-caption-3xs_1-letter_spacing, 0);
+      text-transform: var(--typography-caption-3xs_1-text_transform, none);
+    }
+.Typography_variant_caption-3xs_1.Typography_defaultMargin {
+        margin-block-end: var(--space-xs);
+      }
+.Typography_link {
+    color: var(--color-content-action);
+  }
+.Typography_link:hover {
+      color: var(--color-content-action-hover);
+    }
+.Typography_link:active {
+      color: var(--color-content-action-dark);
+    }

package/__inner__/cjs/components/Typography/Typography.d.ts

@@ -0,0 +1,34 @@
+import './Typography.css';
+import type { ElementType, ReactNode } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+export declare const typographyVariant: readonly ["heading-4xl", "heading-3xl", "heading-2xl", "heading-xl", "text-4xl", "text-4xl_1", "text-3xl", "text-3xl_1", "text-2xl", "text-2xl_1", "text-xl", "text-xl_1", "text-l", "text-l_1", "text-m", "text-m_1", "text-s", "text-s_1", "text-xs", "text-xs_1", "text-2xs", "text-2xs_1", "text-3xs", "text-3xs_1", "caption-3xs", "caption-3xs_1"];
+export type TypographyVariant = (typeof typographyVariant)[number];
+export declare const typographyDisplayVariant: readonly ["block", "inline", "inlineBlock"];
+export type TypographyDisplayVariant = (typeof typographyDisplayVariant)[number];
+export declare const typographyAlignVariant: readonly ["left", "center", "right"];
+export type TypographyAlignVariant = (typeof typographyAlignVariant)[number];
+export declare const typographyColorVariant: readonly ["primary", "secondary", "tertiary", "disabled", "ghostDisabled", "action", "actionHover", "actionDark", "actionOn", "error", "errorDark", "warning", "warningDark", "success", "successDark", "info", "infoDark", "primaryInverse"];
+export type TypographyColorVariant = (typeof typographyColorVariant)[number];
+export type TypographyBaseProps = {
+    /** Вариант типографики */
+    variant?: TypographyVariant;
+    /** Цвет текста */
+    color?: TypographyColorVariant;
+    /** Если {true} добавляет отступы */
+    defaultMargin?: boolean;
+    /** Выравнивание */
+    align?: TypographyAlignVariant;
+    /** Если {true} сокращает длинный текст */
+    noWrap?: boolean;
+    /** Задает поведение контейнера с типографикой в документе */
+    display?: TypographyDisplayVariant;
+    /** Содержимое компонента */
+    children?: ReactNode;
+    /** Дополнительные СSS-классы */
+    className?: string;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+};
+export type TypographyProps<As extends ElementType = 'p'> = PolymorphicComponentPropsWithoutRef<TypographyBaseProps, As>;
+export declare const cnTypography: import("@bem-react/classname").ClassNameFormatter;
+export declare const Typography: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TypographyBaseProps, "div">;

package/__inner__/cjs/components/Typography/Typography.js

@@ -0,0 +1,84 @@
+"use strict";
+exports.__esModule = true;
+exports.Typography = exports.cnTypography = exports.typographyColorVariant = exports.typographyAlignVariant = exports.typographyDisplayVariant = exports.typographyVariant = void 0;
+var tslib_1 = require("tslib");
+require("./Typography.css");
+var react_1 = tslib_1.__importStar(require("react"));
+var useThemeProps_1 = require("../../hooks/useThemeProps");
+var classname_1 = require("../../utils/classname");
+var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
+var constants_1 = require("./constants");
+var utils_1 = require("./utils");
+exports.typographyVariant = [
+    'heading-4xl',
+    'heading-3xl',
+    'heading-2xl',
+    'heading-xl',
+    'text-4xl',
+    'text-4xl_1',
+    'text-3xl',
+    'text-3xl_1',
+    'text-2xl',
+    'text-2xl_1',
+    'text-xl',
+    'text-xl_1',
+    'text-l',
+    'text-l_1',
+    'text-m',
+    'text-m_1',
+    'text-s',
+    'text-s_1',
+    'text-xs',
+    'text-xs_1',
+    'text-2xs',
+    'text-2xs_1',
+    'text-3xs',
+    'text-3xs_1',
+    'caption-3xs',
+    'caption-3xs_1',
+];
+exports.typographyDisplayVariant = [
+    'block',
+    'inline',
+    'inlineBlock',
+];
+exports.typographyAlignVariant = ['left', 'center', 'right'];
+exports.typographyColorVariant = [
+    'primary',
+    'secondary',
+    'tertiary',
+    'disabled',
+    'ghostDisabled',
+    'action',
+    'actionHover',
+    'actionDark',
+    'actionOn',
+    'error',
+    'errorDark',
+    'warning',
+    'warningDark',
+    'success',
+    'successDark',
+    'info',
+    'infoDark',
+    'primaryInverse',
+];
+exports.cnTypography = (0, classname_1.cn)('Typography');
+exports.Typography = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'Typography'
+    });
+    var _a = props.variant, variant = _a === void 0 ? constants_1.TYPOGRAPHY_DEFAULT_VARIANT : _a, _b = props.color, color = _b === void 0 ? constants_1.TYPOGRAPHY_DEFAULT_COLOR : _b, _c = props.noWrap, noWrap = _c === void 0 ? constants_1.TYPOGRAPHY_DEFAULT_NO_WRAP : _c, _d = props.defaultMargin, defaultMargin = _d === void 0 ? constants_1.TYPOGRAPHY_DEFAULT_DEFAULT_MARGIN : _d, as = props.as, children = props.children, align = props.align, display = props.display, className = props.className, other = tslib_1.__rest(props, ["variant", "color", "noWrap", "defaultMargin", "as", "children", "align", "display", "className"]);
+    // Устанавливает варианту соответсвующий тэг по умолчанию
+    var Tag = (0, react_1.useMemo)(function () { return as || (variant && utils_1.matchVariantToTag[variant]) || 'p'; }, [as, variant]);
+    return (react_1["default"].createElement(Tag, tslib_1.__assign({ className: (0, exports.cnTypography)({
+            variant: variant,
+            defaultMargin: defaultMargin,
+            color: color,
+            align: align,
+            noWrap: noWrap,
+            display: display
+        }, [className]), ref: ref }, other), children));
+});
+exports.Typography.displayName = 'Typography';

package/__inner__/cjs/components/Typography/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const TYPOGRAPHY_DEFAULT_VARIANT = "text-m";
+export declare const TYPOGRAPHY_DEFAULT_COLOR = "primary";
+export declare const TYPOGRAPHY_DEFAULT_NO_WRAP = false;
+export declare const TYPOGRAPHY_DEFAULT_DEFAULT_MARGIN = false;

package/__inner__/cjs/components/Typography/constants.js

@@ -0,0 +1,7 @@
+"use strict";
+exports.__esModule = true;
+exports.TYPOGRAPHY_DEFAULT_DEFAULT_MARGIN = exports.TYPOGRAPHY_DEFAULT_NO_WRAP = exports.TYPOGRAPHY_DEFAULT_COLOR = exports.TYPOGRAPHY_DEFAULT_VARIANT = void 0;
+exports.TYPOGRAPHY_DEFAULT_VARIANT = 'text-m';
+exports.TYPOGRAPHY_DEFAULT_COLOR = 'primary';
+exports.TYPOGRAPHY_DEFAULT_NO_WRAP = false;
+exports.TYPOGRAPHY_DEFAULT_DEFAULT_MARGIN = false;

package/__inner__/cjs/components/Typography/index.d.ts

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

package/__inner__/cjs/components/Typography/index.js

@@ -0,0 +1,4 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Typography"), exports);

package/__inner__/cjs/components/Typography/utils.d.ts

@@ -0,0 +1,5 @@
+import type { ElementType } from 'react';
+import type { TypographyVariant } from './Typography';
+export declare const matchVariantToTag: {
+    [key in TypographyVariant]: ElementType;
+};

package/__inner__/cjs/components/Typography/utils.js

@@ -0,0 +1,31 @@
+"use strict";
+exports.__esModule = true;
+exports.matchVariantToTag = void 0;
+exports.matchVariantToTag = {
+    'heading-4xl': 'h1',
+    'heading-3xl': 'h2',
+    'heading-2xl': 'h3',
+    'heading-xl': 'h4',
+    'text-4xl': 'p',
+    'text-4xl_1': 'p',
+    'text-3xl': 'p',
+    'text-3xl_1': 'p',
+    'text-2xl': 'p',
+    'text-2xl_1': 'p',
+    'text-xl': 'p',
+    'text-xl_1': 'p',
+    'text-l': 'p',
+    'text-l_1': 'p',
+    'text-m': 'p',
+    'text-m_1': 'p',
+    'text-s': 'p',
+    'text-s_1': 'p',
+    'text-xs': 'p',
+    'text-xs_1': 'p',
+    'text-2xs': 'p',
+    'text-2xs_1': 'p',
+    'text-3xs': 'p',
+    'text-3xs_1': 'p',
+    'caption-3xs': 'span',
+    'caption-3xs_1': 'span'
+};

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

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

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

@@ -0,0 +1,4 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useBoolean"), exports);

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

@@ -0,0 +1,13 @@
+type UseBooleanControllers = {
+    /** Установить значение в {true} */
+    on: () => void;
+    /** Установить значение в {false} */
+    off: () => void;
+    /** Перевести значение в противоположное состояние */
+    toggle: () => void;
+};
+type UseBooleanReturnValue = [boolean, UseBooleanControllers];
+export declare function useBoolean(
+/** Значение по умолчанию */
+defaultValue?: boolean): UseBooleanReturnValue;
+export {};

package/__inner__/cjs/hooks/useBoolean/useBoolean.js

@@ -0,0 +1,16 @@
+"use strict";
+exports.__esModule = true;
+exports.useBoolean = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+function useBoolean(
+/** Значение по умолчанию */
+defaultValue) {
+    if (defaultValue === void 0) { defaultValue = false; }
+    var _a = tslib_1.__read((0, react_1.useState)(defaultValue), 2), value = _a[0], setValue = _a[1];
+    var on = function () { return setValue(true); };
+    var off = function () { return setValue(false); };
+    var toggle = function () { return setValue(function (value) { return !value; }); };
+    return [value, { on: on, off: off, toggle: toggle }];
+}
+exports.useBoolean = useBoolean;

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

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

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

@@ -0,0 +1,4 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useBreakpoints"), exports);

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

@@ -0,0 +1,4 @@
+import { type BreakpointVariant } from '../../types/Breakpoints';
+type BreakpointMatches = Record<BreakpointVariant, boolean>;
+export declare function useBreakpoints(): BreakpointMatches;
+export {};

package/__inner__/cjs/hooks/useBreakpoints/useBreakpoints.js

@@ -0,0 +1,64 @@
+"use strict";
+exports.__esModule = true;
+exports.useBreakpoints = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var Breakpoints_1 = require("../../types/Breakpoints");
+var useIsomorphicEffect_1 = require("../useIsomorphicEffect");
+var breakpoint = {
+    xs: '(min-width: 0px)',
+    s: '(min-width: 640px)',
+    m: '(min-width: 1024px)',
+    l: '(min-width: 1280px)'
+};
+function useBreakpoints() {
+    var _a = tslib_1.__read((0, react_1.useState)(Breakpoints_1.breakpointVariant.reduce(function (acc, key) {
+        var _a;
+        return (tslib_1.__assign(tslib_1.__assign({}, acc), (_a = {}, _a[key] = window.matchMedia(breakpoint[key]).matches, _a)));
+    }, {})), 2), matches = _a[0], setMatches = _a[1];
+    var updateMatches = (0, react_1.useCallback)(function (key) { return function (e) {
+        setMatches(function (prevMatches) {
+            var _a;
+            return (tslib_1.__assign(tslib_1.__assign({}, prevMatches), (_a = {}, _a[key] = e.matches, _a)));
+        });
+    }; }, []);
+    (0, useIsomorphicEffect_1.useIsomorphicEffect)(function () {
+        var e_1, _a;
+        var matchMedias = [];
+        try {
+            for (var breakpointVariant_1 = tslib_1.__values(Breakpoints_1.breakpointVariant), breakpointVariant_1_1 = breakpointVariant_1.next(); !breakpointVariant_1_1.done; breakpointVariant_1_1 = breakpointVariant_1.next()) {
+                var key = breakpointVariant_1_1.value;
+                var matchMedia_1 = window.matchMedia(breakpoint[key]);
+                var func = updateMatches(key);
+                matchMedia_1.addEventListener('change', func);
+                matchMedias.push({ matchMedia: matchMedia_1, func: func });
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (breakpointVariant_1_1 && !breakpointVariant_1_1.done && (_a = breakpointVariant_1["return"])) _a.call(breakpointVariant_1);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        return function () {
+            var e_2, _a;
+            try {
+                for (var matchMedias_1 = tslib_1.__values(matchMedias), matchMedias_1_1 = matchMedias_1.next(); !matchMedias_1_1.done; matchMedias_1_1 = matchMedias_1.next()) {
+                    var _b = matchMedias_1_1.value, matchMedia_2 = _b.matchMedia, func = _b.func;
+                    matchMedia_2.removeEventListener('change', func);
+                }
+            }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (matchMedias_1_1 && !matchMedias_1_1.done && (_a = matchMedias_1["return"])) _a.call(matchMedias_1);
+                }
+                finally { if (e_2) throw e_2.error; }
+            }
+        };
+    }, []);
+    (0, react_1.useDebugValue)(matches);
+    return matches;
+}
+exports.useBreakpoints = useBreakpoints;

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

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

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

@@ -0,0 +1,4 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useClickOutside"), exports);

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

@@ -0,0 +1,15 @@
+import type { RefObject } from 'react';
+export interface UseClickOutside {
+    /** Массив refs для которых необходимо игнорировать внешние клики */
+    refs?: ReadonlyArray<RefObject<HTMLElement>>;
+    /** Функция обратного вызова которая будет вызвана при внешнем клике */
+    handler?: () => void;
+    /** Событие клика */
+    eventName?: 'mousedown' | 'mouseup' | 'click';
+    /** вкл. / выкл */
+    active?: boolean;
+    /** Опции для метода addEventListener (третий аргумент) */
+    options?: AddEventListenerOptions;
+}
+/** Хук отслеживающий клики за пределами указанных dom-элементов */
+export declare function useClickOutside({ refs, handler, active, eventName, options, }: UseClickOutside): void;

package/__inner__/cjs/hooks/useClickOutside/useClickOutside.js

@@ -0,0 +1,27 @@
+"use strict";
+exports.__esModule = true;
+exports.useClickOutside = void 0;
+var react_1 = require("react");
+var useEventListener_1 = require("../useEventListener");
+/** Хук отслеживающий клики за пределами указанных dom-элементов */
+function useClickOutside(_a) {
+    var refs = _a.refs, handler = _a.handler, _b = _a.active, active = _b === void 0 ? true : _b, _c = _a.eventName, eventName = _c === void 0 ? 'mousedown' : _c, options = _a.options;
+    var savedRefs = (0, react_1.useRef)(refs);
+    (0, react_1.useEffect)(function () {
+        savedRefs.current = refs;
+    }, [refs]);
+    (0, useEventListener_1.useEventListener)({
+        eventName: eventName,
+        handler: function (event) {
+            var _a;
+            var target = event.target;
+            var isClickOutsideRefs = (_a = savedRefs.current) === null || _a === void 0 ? void 0 : _a.every(function (ref) { var _a; return !((_a = ref.current) === null || _a === void 0 ? void 0 : _a.contains(target)); });
+            if (isClickOutsideRefs && handler) {
+                handler();
+            }
+        },
+        active: active,
+        options: options
+    });
+}
+exports.useClickOutside = useClickOutside;

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

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

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

@@ -0,0 +1,4 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useControlled"), exports);