@alphakits/ui 2.0.1 → 2.0.3

package/dist/menu/index.module.css

@@ -1 +1 @@
-.index-module_layout_wrapper__amEhE{width:100%;height:100%;position:relative}.index-module_left_menu__N5dgM{position:absolute;left:0;top:0;bottom:0;width:88px;background-color:var(--color-bg-secondary);transition:all .3s ease-in-out;z-index:10;overflow:hidden;display:flex;flex-direction:column}.index-module_menu_static__FNEjo{width:296px}.index-module_hidden_menu_opened__X0hFE{width:296px;background-color:var(--color-bg-secondary);box-shadow:var(--shadow-s-hard)}.index-module_content_header__WlsJj{padding:28px 32px 23px 44px;display:flex;align-items:center;justify-content:space-between}.index-module_content_header__WlsJj>div{display:flex;align-items:center}.index-module_header_buttons__rckN->*:not(:last-child){margin-right:16px}.index-module_header_buttons__rckN->*:last-child{margin-right:0}.index-module_content_wrapper__6MsO6{margin-left:88px;height:100%;transition:margin .3s ease-in-out;display:flex;flex-direction:column}.index-module_content_offseted__wo5Xl{margin-left:296px}.index-module_calendar_view__PeL0k{margin-right:296px}
+.layout_wrapper_amEh{width:100%;height:100%;position:relative}.left_menu_N5dg{position:absolute;left:0;top:0;bottom:0;width:88px;background-color:var(--color-bg-secondary);transition:all .3s ease-in-out;z-index:10;overflow:hidden;display:flex;flex-direction:column}.menu_static_FNEj{width:296px}.hidden_menu_opened_X0hF{width:296px;background-color:var(--color-bg-secondary);box-shadow:var(--shadow-s-hard)}.content_header_WlsJ{padding:28px 32px 23px 44px;display:flex;align-items:center;justify-content:space-between}.content_header_WlsJ>div{display:flex;align-items:center}.header_buttons_rckN>*:not(:last-child){margin-right:16px}.header_buttons_rckN>*:last-child{margin-right:0}.content_wrapper_6MsO{margin-left:88px;height:100%;transition:margin .3s ease-in-out;display:flex;flex-direction:column}.content_offseted_wo5X{margin-left:296px}.calendar_view_PeL0{margin-right:296px}

package/dist/menu/index.module.css.js

@@ -1,23 +1,23 @@
 import './index.module.css';
-const e = "index-module_layout_wrapper__amEhE", n = "index-module_left_menu__N5dgM", _ = "index-module_menu_static__FNEjo", t = "index-module_hidden_menu_opened__X0hFE", o = "index-module_content_header__WlsJj", d = "index-module_content_wrapper__6MsO6", a = "index-module_content_offseted__wo5Xl", c = "index-module_calendar_view__PeL0k", l = {
+const e = "layout_wrapper_amEh", n = "left_menu_N5dg", t = "menu_static_FNEj", _ = "hidden_menu_opened_X0hF", o = "content_header_WlsJ", a = "content_wrapper_6MsO", c = "content_offseted_wo5X", d = "calendar_view_PeL0", s = {
   layout_wrapper: e,
   left_menu: n,
-  menu_static: _,
-  hidden_menu_opened: t,
+  menu_static: t,
+  hidden_menu_opened: _,
   content_header: o,
-  content_wrapper: d,
-  content_offseted: a,
-  calendar_view: c
+  content_wrapper: a,
+  content_offseted: c,
+  calendar_view: d
 };
 export {
-  c as calendar_view,
+  d as calendar_view,
   o as content_header,
-  a as content_offseted,
-  d as content_wrapper,
-  l as default,
-  t as hidden_menu_opened,
+  c as content_offseted,
+  a as content_wrapper,
+  s as default,
+  _ as hidden_menu_opened,
   e as layout_wrapper,
   n as left_menu,
-  _ as menu_static
+  t as menu_static
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/message/component.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-export declare type MessageProps = {
+export type MessageProps = {
     /**
      * Кастомный класс
      */

package/dist/message/index.module.css

@@ -1 +1 @@
-.index-module_topRow__IFW6P{display:flex;align-items:center;justify-content:space-between;max-width:100%;width:100%}.index-module_answer__tTLUV{border-left:2px solid var(--color-border-secondary);padding-left:16px;display:block;padding-top:4px}.index-module_leftSide__vZvXK{display:flex;align-items:center;max-width:80%}.index-module_leftSide__vZvXK>span{white-space:nowrap}.index-module_leftSide__vZvXK>*{margin-right:var(--gap-m)}:is(.index-module_leftSide__vZvXK>*):last-child{margin-right:0}.index-module_title__9s63W{overflow:hidden;text-overflow:ellipsis}.index-module_rightAddons__fhvSp{display:flex;align-items:center}.index-module_rightAddons__fhvSp>*{margin-left:var(--gap-xs)}:is(.index-module_rightAddons__fhvSp>*):first-child{margin-left:var(--gap-xl)}.index-module_text__U4-9Q{padding-left:48px}
+.topRow_IFW6{display:flex;align-items:center;justify-content:space-between;max-width:100%;width:100%}.answer_tTLU{border-left:2px solid var(--color-border-secondary);padding-left:16px;display:block;padding-top:4px}.leftSide_vZvX{display:flex;align-items:center;max-width:80%}.leftSide_vZvX>span{white-space:nowrap}.leftSide_vZvX>*{margin-right:var(--gap-m)}:is(.leftSide_vZvX>*):last-child{margin-right:0}.title_9s63{overflow:hidden;text-overflow:ellipsis}.rightAddons_fhvS{display:flex;align-items:center}.rightAddons_fhvS>*{margin-left:var(--gap-xs)}:is(.rightAddons_fhvS>*):first-child{margin-left:var(--gap-xl)}.text_U4-9{padding-left:48px}

package/dist/message/index.module.css.js

@@ -1,19 +1,19 @@
 import './index.module.css';
-const t = "index-module_topRow__IFW6P", e = "index-module_answer__tTLUV", o = "index-module_leftSide__vZvXK", d = "index-module_title__9s63W", n = "index-module_rightAddons__fhvSp", _ = "index-module_text__U4-9Q", s = {
+const t = "topRow_IFW6", e = "answer_tTLU", o = "leftSide_vZvX", s = "title_9s63", n = "rightAddons_fhvS", d = "text_U4-9", i = {
   topRow: t,
   answer: e,
   leftSide: o,
-  title: d,
+  title: s,
   rightAddons: n,
-  text: _
+  text: d
 };
 export {
   e as answer,
-  s as default,
+  i as default,
   o as leftSide,
   n as rightAddons,
-  _ as text,
-  d as title,
+  d as text,
+  s as title,
   t as topRow
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/modal/components/modals/index.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { ContextProps } from '../../types';
-export declare type ModalsProps = ContextProps & {
+export type ModalsProps = ContextProps & {
     dirtyModals: Record<string, boolean>;
     closeModal: (id: string) => void;
 };

package/dist/modal/components/modals/index.module.css

@@ -1 +1 @@
-.index-module_container__WE0Kf{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}.index-module_content__p1kcf{background:var(--color-bg-primary);box-shadow:0 0 10px #0003}@media print{.index-module_content__p1kcf{width:100%!important}}.index-module_button__js2WJ{position:absolute!important;top:36px;right:32px;z-index:999}.index-module_button__js2WJ.index-module_doubleModal__1ZTtQ{right:384px}.index-module_inner__Zsdb4{height:100%;box-sizing:border-box;overflow:auto}.index-module_right__e065r{position:fixed;top:0;right:0;bottom:0;transition:width .2s,opacity .2s,right .2s;transition-delay:width .1s;transition-timing-function:ease-in}.index-module_bg__8ZfP-{transition:opacity .2s;background:#00000080;position:fixed;display:block;border:0;inset:0}@media screen and (max-width:823px){.index-module_right__e065r,.index-module_center__nguyp{max-width:100%!important;inset:0!important}.index-module_content__p1kcf{width:100%!important;height:100%!important;max-height:100%!important;box-shadow:none!important;margin:0!important;border-radius:0!important}.index-module_button__js2WJ{top:24px!important;right:16px!important}}
+.container_WE0K{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}.content_p1kc{background:var(--color-bg-primary);box-shadow:0 0 10px #0003}@media print{.content_p1kc{width:100%!important}}.button_js2W{position:absolute!important;top:36px;right:32px;z-index:999}.button_js2W.doubleModal_1ZTt{right:384px}.inner_Zsdb{height:100%;box-sizing:border-box;overflow:auto}.right_e065{position:fixed;top:0;right:0;bottom:0;transition:width .2s,opacity .2s,right .2s;transition-delay:width .1s;transition-timing-function:ease-in}.bg_8ZfP{transition:opacity .2s;background:#00000080;position:fixed;display:block;border:0;inset:0}@media screen and (max-width:823px){.right_e065,.center_nguy{max-width:100%!important;inset:0!important}.content_p1kc{width:100%!important;height:100%!important;max-height:100%!important;box-shadow:none!important;margin:0!important;border-radius:0!important}.button_js2W{top:24px!important;right:16px!important}}

package/dist/modal/components/modals/index.module.css.js

@@ -1,21 +1,21 @@
 import './index.module.css';
-const n = "index-module_container__WE0Kf", o = "index-module_content__p1kcf", e = "index-module_button__js2WJ", t = "index-module_doubleModal__1ZTtQ", d = "index-module_inner__Zsdb4", _ = "index-module_right__e065r", i = "index-module_bg__8ZfP-", c = {
-  container: n,
-  content: o,
-  button: e,
-  doubleModal: t,
-  inner: d,
-  right: _,
-  bg: i
+const t = "container_WE0K", n = "content_p1kc", o = "button_js2W", e = "doubleModal_1ZTt", c = "inner_Zsdb", s = "right_e065", b = "bg_8ZfP", r = {
+  container: t,
+  content: n,
+  button: o,
+  doubleModal: e,
+  inner: c,
+  right: s,
+  bg: b
 };
 export {
-  i as bg,
-  e as button,
-  n as container,
-  o as content,
-  c as default,
-  t as doubleModal,
-  d as inner,
-  _ as right
+  b as bg,
+  o as button,
+  t as container,
+  n as content,
+  r as default,
+  e as doubleModal,
+  c as inner,
+  s as right
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/modal/components/modals/modal.d.ts

@@ -1,6 +1,6 @@
 import { ModalObject, TFunction } from '../../types';
 import { ModalsProps } from '.';
-declare type ModalProps = {
+type ModalProps = {
     modal: ModalObject;
     index: number;
     t: TFunction;

package/dist/modal/hooks/use-modal.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { ModalObject, ModalSize, OwnModalProps, TFunction } from '../types';
 export declare const useModal: (t: TFunction) => {
-    openModal: <T extends unknown>(modal: React.FC<T>, size?: ModalSize, isDouble?: boolean | undefined) => (props?: OwnModalProps<T> | undefined, closeCallback?: (() => void) | undefined) => void;
+    openModal: <T extends unknown>(modal: React.FC<T>, size?: ModalSize, isDouble?: boolean) => (props?: OwnModalProps<T>, closeCallback?: () => void) => void;
     modals: ModalObject[];
     setModalDirty: (id: string, isDirty: boolean) => void;
     currentModalId: string;

package/dist/modal/types.d.ts

@@ -1,24 +1,24 @@
 /// <reference types="react" />
-declare type ModalProps = {
+type ModalProps = {
     closeCallback: () => void;
     close: () => void;
     size: ModalSize;
     isDouble?: boolean;
     t: TFunction;
 } & unknown;
-export declare type TFunction = (field: string, options?: {
+export type TFunction = (field: string, options?: {
     count: number;
     returnObjects: boolean;
     [optionName: string]: any;
 }) => string;
-export declare type ModalSize = 's' | 'm' | 'full';
-export declare type OwnModalProps<T> = Omit<T, 'close' | 't'>;
-export declare type ModalObject = {
+export type ModalSize = 's' | 'm' | 'full';
+export type OwnModalProps<T> = Omit<T, 'close' | 't'>;
+export type ModalObject = {
     modal: React.FC<ModalProps>;
     id: string;
     props: ModalProps;
 };
-export declare type ContextProps = {
+export type ContextProps = {
     openModal: <T>(modal: React.FC<T>, size?: ModalSize, isDouble?: boolean) => (props?: OwnModalProps<T>, closeCallback?: () => void) => void;
     modals: ModalObject[];
     currentModalId: ModalObject['id'];

package/dist/mq/component.d.ts

@@ -1,5 +1,5 @@
 import { default as React, FC } from 'react';
-export declare type MqProps = {
+export type MqProps = {
     /**
      * Media выражение или кастомный запрос из `mq.json`, например `--mobile`.
      */

package/dist/mq/mq-list.d.ts

@@ -0,0 +1,19 @@
+/** Named media queries (same keys as legacy `mq.json`). */
+declare const mqList: {
+    readonly '--mobile-s': "(min-width: 320px)";
+    readonly '--mobile-m': "(min-width: 375px)";
+    readonly '--mobile-l': "(min-width: 412px)";
+    readonly '--mobile': "(max-width: 599px)";
+    readonly '--tablet-s': "(min-width: 600px)";
+    readonly '--tablet-m': "(min-width: 768px)";
+    readonly '--tablet': "(min-width: 600px) and (max-width: 1023px)";
+    readonly '--desktop-s': "(min-width: 1024px)";
+    readonly '--desktop-m': "(min-width: 1280px)";
+    readonly '--desktop-l': "(min-width: 1440px)";
+    readonly '--desktop-xl': "(min-width: 1920px)";
+    readonly '--desktop': "(min-width: 1024px)";
+    readonly '--landing-mobile': "(min-width: 320px) and (max-width: 767px)";
+    readonly '--landing-tablet': "(min-width: 768px) and (max-width: 1023px)";
+    readonly '--landing-desktop': "(min-width: 1024px)";
+};
+export default mqList;

package/dist/mq/{mq.json.js → mq-list.js}

@@ -18,4 +18,4 @@ const i = {
 export {
   i as default
 };
-//# sourceMappingURL=mq.json.js.map
+//# sourceMappingURL=mq-list.js.map

package/dist/mq/mq-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mq-list.js","sources":["../../src/mq/mq-list.ts"],"sourcesContent":["/** Named media queries (same keys as legacy `mq.json`). */\nconst mqList = {\n    '--mobile-s': '(min-width: 320px)',\n    '--mobile-m': '(min-width: 375px)',\n    '--mobile-l': '(min-width: 412px)',\n    '--mobile': '(max-width: 599px)',\n    '--tablet-s': '(min-width: 600px)',\n    '--tablet-m': '(min-width: 768px)',\n    '--tablet': '(min-width: 600px) and (max-width: 1023px)',\n    '--desktop-s': '(min-width: 1024px)',\n    '--desktop-m': '(min-width: 1280px)',\n    '--desktop-l': '(min-width: 1440px)',\n    '--desktop-xl': '(min-width: 1920px)',\n    '--desktop': '(min-width: 1024px)',\n    '--landing-mobile': '(min-width: 320px) and (max-width: 767px)',\n    '--landing-tablet': '(min-width: 768px) and (max-width: 1023px)',\n    '--landing-desktop': '(min-width: 1024px)',\n} as const;\n\nexport default mqList;\n"],"names":["mqList"],"mappings":"AACA,MAAMA,IAAS;AAAA,EACX,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,qBAAqB;AACzB;"}

package/dist/mq/utils.d.ts

@@ -1,13 +1,13 @@
 /**
  * Возвращает MediaQueryList для заданного media-выражения.
  *
- * @param queryProp media выражение или кастомный запрос из `mq.json`, например `--mobile`.
+ * @param queryProp media выражение или кастомный ключ из `mq-list`, например `--mobile`.
  */
 export declare function getMatchMedia(queryProp: string): MediaQueryList;
 /**
  * Удаляет MediaQueryList.
  *
- * @param queryProp media выражение или кастомный запрос из `mq.json`, например `--mobile`.
+ * @param queryProp media выражение или кастомный ключ из `mq-list`, например `--mobile`.
  */
 export declare function releaseMatchMedia(queryProp: string): void;
 /**

package/dist/mq/utils.js

@@ -1,23 +1,30 @@
-import e from "./mq.json.js";
-const o = {}, i = {};
-function a(t) {
-  const n = e[t] || t;
-  return o[n] ? i[n] += 1 : (o[n] = window.matchMedia(n), i[n] = 1), o[n];
-}
+import i from "./mq-list.js";
+const e = {}, o = {};
 function s(t) {
-  const n = e[t] || t;
-  i[n] -= 1, o[n] && i[n] === 0 && (delete o[n], delete i[n]);
+  const n = i[t] || t;
+  return e[n] ? o[n] += 1 : (e[n] = window.matchMedia(n), o[n] = 1), e[n];
 }
-function c() {
-  return "PointerEvent" in window || "msPointerEnabled" in window.navigator;
+function a(t) {
+  const n = i[t] || t;
+  o[n] -= 1, e[n] && o[n] === 0 && (delete e[n], delete o[n]);
 }
 function d() {
-  return "ontouchstart" in window || window.navigator.maxTouchPoints > 0 || window.navigator.msMaxTouchPoints > 0;
+  if (typeof window == "undefined")
+    return !1;
+  const t = window.navigator;
+  return "PointerEvent" in window || "msPointerEnabled" in t;
+}
+function u() {
+  var n;
+  if (typeof window == "undefined")
+    return !1;
+  const t = window.navigator;
+  return "ontouchstart" in window || t.maxTouchPoints > 0 || ((n = t.msMaxTouchPoints) != null ? n : 0) > 0;
 }
 export {
-  a as getMatchMedia,
-  c as isPointerEventsSupported,
-  d as isTouchSupported,
-  s as releaseMatchMedia
+  s as getMatchMedia,
+  d as isPointerEventsSupported,
+  u as isTouchSupported,
+  a as releaseMatchMedia
 };
 //# sourceMappingURL=utils.js.map

package/dist/mq/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../src/mq/utils.ts"],"sourcesContent":["import MqList from './mq.json';\n\ntype AvailableMediaQueries = keyof typeof MqList;\n\ntype QueriesPool = Record<string, MediaQueryList>;\n\ntype Counters = Record<string, number>;\n\n// TODO: перенести в alfalab/utils\nconst pool: QueriesPool = {};\nconst refCounters: Counters = {};\n\n/**\n * Возвращает MediaQueryList для заданного media-выражения.\n *\n * @param queryProp media выражение или кастомный запрос из `mq.json`, например `--mobile`.\n */\nexport function getMatchMedia(queryProp: string): MediaQueryList {\n    const query = MqList[queryProp as AvailableMediaQueries] || queryProp;\n\n    if (pool[query]) {\n        refCounters[query] += 1;\n    } else {\n        pool[query] = window.matchMedia(query);\n        refCounters[query] = 1;\n    }\n\n    return pool[query];\n}\n\n/**\n * Удаляет MediaQueryList.\n *\n * @param queryProp media выражение или кастомный запрос из `mq.json`, например `--mobile`.\n */\nexport function releaseMatchMedia(queryProp: string): void {\n    const query = MqList[queryProp as AvailableMediaQueries] || queryProp;\n\n    refCounters[query] -= 1;\n\n    if (pool[query] && refCounters[query] === 0) {\n        delete pool[query];\n        delete refCounters[query];\n    }\n}\n\n/**\n * Возвращает `true`, если есть поддержка `Pointer Events`\n */\nexport function isPointerEventsSupported() {\n    return 'PointerEvent' in window || 'msPointerEnabled' in window.navigator;\n}\n\n/**\n * Возвращает `true`, если есть поддержка `Touch Events`\n */\nexport function isTouchSupported() {\n    return (\n        'ontouchstart' in window ||\n        window.navigator.maxTouchPoints > 0 ||\n        window.navigator.msMaxTouchPoints > 0\n    );\n}\n"],"names":["pool","refCounters","getMatchMedia","queryProp","query","MqList","releaseMatchMedia","isPointerEventsSupported","isTouchSupported"],"mappings":";AASA,MAAMA,IAAoB,CAAA,GACpBC,IAAwB,CAAA;AAOvB,SAASC,EAAcC,GAAmC;AAC7D,QAAMC,IAAQC,EAAOF,CAAkC,KAAKA;AAE5D,SAAIH,EAAKI,CAAK,IACVH,EAAYG,CAAK,KAAK,KAEtBJ,EAAKI,CAAK,IAAI,OAAO,WAAWA,CAAK,GACrCH,EAAYG,CAAK,IAAI,IAGlBJ,EAAKI,CAAK;AACrB;AAOO,SAASE,EAAkBH,GAAyB;AACvD,QAAMC,IAAQC,EAAOF,CAAkC,KAAKA;AAE5D,EAAAF,EAAYG,CAAK,KAAK,GAElBJ,EAAKI,CAAK,KAAKH,EAAYG,CAAK,MAAM,MACtC,OAAOJ,EAAKI,CAAK,GACjB,OAAOH,EAAYG,CAAK;AAEhC;AAKO,SAASG,IAA2B;AACvC,SAAO,kBAAkB,UAAU,sBAAsB,OAAO;AACpE;AAKO,SAASC,IAAmB;AAC/B,SACI,kBAAkB,UAClB,OAAO,UAAU,iBAAiB,KAClC,OAAO,UAAU,mBAAmB;AAE5C;"}
+{"version":3,"file":"utils.js","sources":["../../src/mq/utils.ts"],"sourcesContent":["import MqList from './mq-list';\n\n/** IE / legacy Chromium touch / pointer flags missing from standard `Navigator`. */\ntype NavigatorCompat = Navigator & {\n    msMaxTouchPoints?: number;\n    msPointerEnabled?: boolean;\n};\n\ntype AvailableMediaQueries = keyof typeof MqList;\n\ntype QueriesPool = Record<string, MediaQueryList>;\n\ntype Counters = Record<string, number>;\n\n// TODO: перенести в alfalab/utils\nconst pool: QueriesPool = {};\nconst refCounters: Counters = {};\n\n/**\n * Возвращает MediaQueryList для заданного media-выражения.\n *\n * @param queryProp media выражение или кастомный ключ из `mq-list`, например `--mobile`.\n */\nexport function getMatchMedia(queryProp: string): MediaQueryList {\n    const query = MqList[queryProp as AvailableMediaQueries] || queryProp;\n\n    if (pool[query]) {\n        refCounters[query] += 1;\n    } else {\n        pool[query] = window.matchMedia(query);\n        refCounters[query] = 1;\n    }\n\n    return pool[query];\n}\n\n/**\n * Удаляет MediaQueryList.\n *\n * @param queryProp media выражение или кастомный ключ из `mq-list`, например `--mobile`.\n */\nexport function releaseMatchMedia(queryProp: string): void {\n    const query = MqList[queryProp as AvailableMediaQueries] || queryProp;\n\n    refCounters[query] -= 1;\n\n    if (pool[query] && refCounters[query] === 0) {\n        delete pool[query];\n        delete refCounters[query];\n    }\n}\n\n/**\n * Возвращает `true`, если есть поддержка `Pointer Events`\n */\nexport function isPointerEventsSupported() {\n    if (typeof window === 'undefined') {\n        return false;\n    }\n\n    const nav = window.navigator as NavigatorCompat;\n\n    return 'PointerEvent' in window || 'msPointerEnabled' in nav;\n}\n\n/**\n * Возвращает `true`, если есть поддержка `Touch Events`\n */\nexport function isTouchSupported() {\n    if (typeof window === 'undefined') {\n        return false;\n    }\n\n    const nav = window.navigator as NavigatorCompat;\n\n    return (\n        'ontouchstart' in window ||\n        nav.maxTouchPoints > 0 ||\n        (nav.msMaxTouchPoints ?? 0) > 0\n    );\n}\n"],"names":["pool","refCounters","getMatchMedia","queryProp","query","MqList","releaseMatchMedia","isPointerEventsSupported","nav","isTouchSupported","_a"],"mappings":";AAeA,MAAMA,IAAoB,CAAA,GACpBC,IAAwB,CAAA;AAOvB,SAASC,EAAcC,GAAmC;AAC7D,QAAMC,IAAQC,EAAOF,CAAkC,KAAKA;AAE5D,SAAIH,EAAKI,CAAK,IACVH,EAAYG,CAAK,KAAK,KAEtBJ,EAAKI,CAAK,IAAI,OAAO,WAAWA,CAAK,GACrCH,EAAYG,CAAK,IAAI,IAGlBJ,EAAKI,CAAK;AACrB;AAOO,SAASE,EAAkBH,GAAyB;AACvD,QAAMC,IAAQC,EAAOF,CAAkC,KAAKA;AAE5D,EAAAF,EAAYG,CAAK,KAAK,GAElBJ,EAAKI,CAAK,KAAKH,EAAYG,CAAK,MAAM,MACtC,OAAOJ,EAAKI,CAAK,GACjB,OAAOH,EAAYG,CAAK;AAEhC;AAKO,SAASG,IAA2B;AACvC,MAAI,OAAO,UAAW;AAClB,WAAO;AAGX,QAAMC,IAAM,OAAO;AAEnB,SAAO,kBAAkB,UAAU,sBAAsBA;AAC7D;AAKO,SAASC,IAAmB;;AAC/B,MAAI,OAAO,UAAW;AAClB,WAAO;AAGX,QAAMD,IAAM,OAAO;AAEnB,SACI,kBAAkB,UAClBA,EAAI,iBAAiB,OACpBE,IAAAF,EAAI,qBAAJ,OAAAE,IAAwB,KAAK;AAEtC;"}

package/dist/notification/component.d.ts

@@ -1,6 +1,6 @@
 import { default as React, MouseEvent } from 'react';
 import { ToastPlateProps } from '../toast-plate';
-export declare type NotificationProps = ToastPlateProps & {
+export type NotificationProps = ToastPlateProps & {
     /**
      * Управление видимостью компонента
      */
@@ -62,13 +62,13 @@ export declare const Notification: React.ForwardRefExoticComponent<React.HTMLAtt
     /**
      * Обработчик события наведения курсора на компонент
      */
-    onMouseEnter?: ((event?: React.MouseEvent<HTMLDivElement, globalThis.MouseEvent> | undefined) => void) | undefined;
+    onMouseEnter?: ((event?: MouseEvent<HTMLDivElement>) => void) | undefined;
     /**
      * Обработчик события снятия курсора с компонента
      */
-    onMouseLeave?: ((event?: React.MouseEvent<HTMLDivElement, globalThis.MouseEvent> | undefined) => void) | undefined;
+    onMouseLeave?: ((event?: MouseEvent<HTMLDivElement>) => void) | undefined;
     /**
      * Обработчик клика вне компонента
      */
-    onClickOutside?: ((event?: React.MouseEvent<any, globalThis.MouseEvent> | undefined) => void) | undefined;
+    onClickOutside?: ((event?: MouseEvent<any>) => void) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/notification/index.module.css

@@ -1 +1 @@
-:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--notification-desktop-content-width: 278px}.index-module_notificationComponent__khhkj{visibility:hidden;position:fixed;right:var(--gap-s);transform:translateY(-500px);display:inline-flex;width:calc(100% - var(--gap-xl));max-width:calc(100vw - var(--gap-xl));-webkit-user-select:none;user-select:none;z-index:9999;transition:transform .2s ease-out}@media screen and (min-width:600px){.index-module_notificationComponent__khhkj{right:var(--gap-4xl);width:auto;transform:translate(var(--notification-desktop-content-width))}}.index-module_notificationComponent__khhkj.index-module_isVisible__snkQ9{visibility:visible;transform:translate(0)}.index-module_notificationComponent__khhkj.index-module_isClosing__wPaVu{transition:transform .1s ease-out;transform:translate(100vw)}@media screen and (min-width:600px){.index-module_notificationComponent__khhkj.index-module_isClosing__wPaVu{transform:translate(calc(var(--notification-desktop-content-width) + var(--gap-4xl)))}}@media screen and (min-width:600px){.index-module_toastContent__gDwuN{width:var(--notification-desktop-content-width)}}
+:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--notification-desktop-content-width: 278px}.notificationComponent_khhk{visibility:hidden;position:fixed;right:var(--gap-s);transform:translateY(-500px);display:inline-flex;width:calc(100% - var(--gap-xl));max-width:calc(100vw - var(--gap-xl));-webkit-user-select:none;user-select:none;z-index:9999;transition:transform .2s ease-out}@media screen and (min-width:600px){.notificationComponent_khhk{right:var(--gap-4xl);width:auto;transform:translate(var(--notification-desktop-content-width))}}.notificationComponent_khhk.isVisible_snkQ{visibility:visible;transform:translate(0)}.notificationComponent_khhk.isClosing_wPaV{transition:transform .1s ease-out;transform:translate(100vw)}@media screen and (min-width:600px){.notificationComponent_khhk.isClosing_wPaV{transform:translate(calc(var(--notification-desktop-content-width) + var(--gap-4xl)))}}@media screen and (min-width:600px){.toastContent_gDwu{width:var(--notification-desktop-content-width)}}

package/dist/notification/index.module.css.js

@@ -1,15 +1,15 @@
 import './index.module.css';
-const n = "index-module_notificationComponent__khhkj", o = "index-module_isVisible__snkQ9", t = "index-module_isClosing__wPaVu", i = "index-module_toastContent__gDwuN", s = {
-  notificationComponent: n,
-  isVisible: o,
-  isClosing: t,
+const t = "notificationComponent_khhk", n = "isVisible_snkQ", o = "isClosing_wPaV", i = "toastContent_gDwu", s = {
+  notificationComponent: t,
+  isVisible: n,
+  isClosing: o,
   toastContent: i
 };
 export {
   s as default,
-  t as isClosing,
-  o as isVisible,
-  n as notificationComponent,
+  o as isClosing,
+  n as isVisible,
+  t as notificationComponent,
   i as toastContent
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/page-container/component.d.ts

@@ -1,12 +1,12 @@
 import { default as React } from 'react';
-declare type ImageProps = {
+type ImageProps = {
     image: string;
     imageDescription: string;
 } | {
     image?: never;
     imageDescription?: never;
 };
-declare type Props = {
+type Props = {
     children?: React.ReactNode;
     color: string;
 } & ImageProps;

package/dist/page-container/index.module.css

@@ -1 +1 @@
-.index-module_pageContainer__GxW31{position:relative}.index-module_pageContainer__GxW31>div{position:relative;z-index:3;margin:0 auto;max-width:1240px}.index-module_image__-yy-Z,.index-module_bg__p3-N0{position:absolute;width:100%;height:100%;top:0;left:0}.index-module_image__-yy-Z{fit-content:"cover"}.index-module_bg__p3-N0{background:#25252799}
+.pageContainer_GxW3{position:relative}.pageContainer_GxW3>div{position:relative;z-index:3;margin:0 auto;max-width:1240px}.image_-yy-,.bg_p3-N{position:absolute;width:100%;height:100%;top:0;left:0}.image_-yy-{fit-content:"cover"}.bg_p3-N{background:#25252799}

package/dist/page-container/index.module.css.js

@@ -1,13 +1,13 @@
 import './index.module.css';
-const e = "index-module_pageContainer__GxW31", n = "index-module_image__-yy-Z", a = "index-module_bg__p3-N0", o = {
+const e = "pageContainer_GxW3", a = "image_-yy-", n = "bg_p3-N", t = {
   pageContainer: e,
-  image: n,
-  bg: a
+  image: a,
+  bg: n
 };
 export {
-  a as bg,
-  o as default,
-  n as image,
+  n as bg,
+  t as default,
+  a as image,
   e as pageContainer
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/page-loading/index.module.css

@@ -1 +1 @@
-.index-module_component__8H4iT{width:100%;height:100%;display:flex;justify-content:center;align-items:center}
+.component_8H4i{width:100%;height:100%;display:flex;justify-content:center;align-items:center}

package/dist/page-loading/index.module.css.js

@@ -1,5 +1,5 @@
 import './index.module.css';
-const o = "index-module_component__8H4iT", n = {
+const o = "component_8H4i", n = {
   component: o
 };
 export {

package/dist/page-with-controls/component.d.ts

@@ -1,12 +1,12 @@
 import { default as React, ReactNode } from 'react';
-declare type ImageProps = {
+type ImageProps = {
     image: string;
     imageDescription: string;
 } | {
     image?: never;
     imageDescription?: never;
 };
-declare type ButtonProps = {
+type ButtonProps = {
     href?: string;
     leftAddons: ReactNode;
     disabled?: boolean;
@@ -14,7 +14,7 @@ declare type ButtonProps = {
     onClick?: () => void;
     text: string;
 };
-declare type Props = {
+type Props = {
     children?: React.ReactNode;
     buttons: ButtonProps[];
 } & ImageProps;

package/dist/picker-button/common/labeled-button/index.d.ts

@@ -1,5 +1,5 @@
 import { default as React, MouseEvent } from 'react';
-export declare type LabeledButtonProps = {
+export type LabeledButtonProps = {
     label: string | React.ReactNode;
     value: string | React.ReactNode;
     id?: string;

package/dist/picker-button/common/labeled-button/index.module.css

@@ -1 +1 @@
-.index-module_wrapper__Y-b0g{display:flex;flex-direction:column;align-items:flex-start;background:none;padding:0;cursor:pointer;border:none;outline:none}
+.wrapper_Y-b0{display:flex;flex-direction:column;align-items:flex-start;background:none;padding:0;cursor:pointer;border:none;outline:none}

package/dist/picker-button/common/labeled-button/index.module.css.js

@@ -1,9 +1,9 @@
 import './index.module.css';
-const e = "index-module_wrapper__Y-b0g", p = {
-  wrapper: e
+const p = "wrapper_Y-b0", r = {
+  wrapper: p
 };
 export {
-  p as default,
-  e as wrapper
+  r as default,
+  p as wrapper
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/picker-button/component.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
 import { ButtonProps } from '../button';
 import { BaseSelectProps } from '../select';
-export declare type PickerButtonSize = 's' | 'm' | 'l' | 'xs';
-export declare type PickerButtonProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'fieldProps' | 'hint' | 'allowUnselect'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons'> & {
+export type PickerButtonSize = 's' | 'm' | 'l' | 'xs';
+export type PickerButtonProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'fieldProps' | 'hint' | 'allowUnselect'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons'> & {
     /**
          * Размер кнопки
          */
@@ -10,7 +10,7 @@ export declare type PickerButtonProps = Omit<BaseSelectProps, 'placeholder' | 'A
     icon?: React.ReactNode;
     fieldComponent?: 'button' | 'iconButton';
 };
-export declare const PickerButton: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "hint" | "multiple" | "selected" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow"> & Pick<ButtonProps, "view" | "leftAddons" | "loading"> & {
+export declare const PickerButton: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "placeholder" | "onFocus" | "size" | "hint" | "multiple" | "selected" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow"> & Pick<ButtonProps, "view" | "leftAddons" | "loading"> & {
     /**
          * Размер кнопки
          */

package/dist/picker-button/field/Component.d.ts

@@ -1,7 +1,7 @@
 import { ButtonProps } from '../../button';
-import { FieldProps as BaseFieldProps } from '../../select';
+import { SelectFieldProps as BaseFieldProps } from '../../select';
 import { PickerButtonSize } from '..';
-declare type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
+type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;
     icon?: any;
     fieldComponent?: 'button' | 'iconButton';

package/dist/picker-button/field/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/picker-button/field/Component.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes } from 'react';\nimport cn from 'classnames';\n\nimport { Button, ButtonProps } from '../../button';\nimport { IconButton } from '../../icon-button';\nimport { FieldProps as BaseFieldProps } from '../../select';\nimport { PickerButtonSize } from '..';\n\n// import { ArrowDownMIcon } from '@alfalab/icons-classic/ArrowDownMIcon';\n// import { ArrowDownSIcon } from '@alfalab/icons-classic/ArrowDownSIcon';\nimport styles from './index.module.css';\n\ntype FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> &\nButtonProps & {\n    buttonSize?: PickerButtonSize;\n    icon?: any;\n    fieldComponent?: 'button' | 'iconButton';\n};\n\nexport const Field = ({\n    buttonSize = 'm',\n    view,\n    label,\n    open,\n    multiple,\n    rightAddons,\n    Arrow,\n    innerProps,\n    className,\n    selected,\n    selectedMultiple,\n    valueRenderer,\n    fieldComponent,\n    ...restProps\n}: FieldProps) => {\n    // const Icon: FC<SVGProps<SVGSVGElement>> = buttonSize === 'xs' ? ArrowDownSIcon : ArrowDownMIcon;\n\n    const buttonProps = {\n        ...restProps,\n        ...innerProps,\n    } as ButtonHTMLAttributes<HTMLButtonElement>;\n\n    return fieldComponent === 'button' ? (\n        <Button\n            { ...buttonProps }\n            rightAddons={\n                restProps.icon ? (\n                    <span className={ cn(styles.iconContainer, open && styles.open) }>\n                        { /* <Icon data-test-id='picker-button-icon' /> */ }\n                        { restProps.icon }\n                    </span>\n                ) : null\n            }\n            block={ true }\n            view={ view }\n            size={ buttonSize }\n            className={ cn(styles.component, view === 'primary' && styles.primary, className) }\n        >\n            { label }\n        </Button>\n    ) : (\n        <IconButton\n            { ...buttonProps }\n            icon={ restProps.icon }\n            view={ view === 'secondary' ? 'secondary' : 'ghost' }\n            size={ buttonSize === 'xs' ? 's' : buttonSize }\n            // className={ cn(styles.component, view === 'primary' && styles.primary, className) }\n        />\n    );\n};\n"],"names":["Field","buttonSize","view","label","open","multiple","rightAddons","Arrow","innerProps","className","selected","selectedMultiple","valueRenderer","fieldComponent","restProps","buttonProps","jsx","Button","cn","styles","IconButton"],"mappings":";;;;;AAmBO,MAAMA,IAAQ,CAAC;AAAA,EAClB,YAAAC,IAAa;AAAA,EACb,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACP,MAAkB;AAGd,QAAMC,IAAc;AAAA,IAChB,GAAGD;AAAA,IACH,GAAGN;AAAA,EAAA;AAGP,SAAOK,MAAmB,WACtB,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACK,GAAGF;AAAA,MACL,aACID,EAAU,OACN,gBAAAE,EAAC,UAAK,WAAYE,EAAGC,EAAO,eAAef,KAAQe,EAAO,IAAI,GAExD,UAAAL,EAAU,MAChB,IACA;AAAA,MAER,OAAQ;AAAA,MACR,MAAAZ;AAAA,MACA,MAAOD;AAAA,MACP,WAAYiB,EAAGC,EAAO,WAAWjB,MAAS,aAAaiB,EAAO,SAASV,CAAS;AAAA,MAE9E,UAAAN;AAAA,IAAA;AAAA,EAAA,IAGN,gBAAAa;AAAA,IAACI;AAAA,IAAA;AAAA,MACK,GAAGL;AAAA,MACL,MAAOD,EAAU;AAAA,MACjB,MAAOZ,MAAS,cAAc,cAAc;AAAA,MAC5C,MAAOD,MAAe,OAAO,MAAMA;AAAA,IAAA;AAAA,EAAA;AAI/C;"}
+{"version":3,"file":"Component.js","sources":["../../../src/picker-button/field/Component.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes } from 'react';\nimport cn from 'classnames';\n\nimport { Button, ButtonProps } from '../../button';\nimport { IconButton } from '../../icon-button';\nimport { SelectFieldProps as BaseFieldProps } from '../../select';\nimport { PickerButtonSize } from '..';\n\n// import { ArrowDownMIcon } from '@alfalab/icons-classic/ArrowDownMIcon';\n// import { ArrowDownSIcon } from '@alfalab/icons-classic/ArrowDownSIcon';\nimport styles from './index.module.css';\n\ntype FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> &\nButtonProps & {\n    buttonSize?: PickerButtonSize;\n    icon?: any;\n    fieldComponent?: 'button' | 'iconButton';\n};\n\nexport const Field = ({\n    buttonSize = 'm',\n    view,\n    label,\n    open,\n    multiple,\n    rightAddons,\n    Arrow,\n    innerProps,\n    className,\n    selected,\n    selectedMultiple,\n    valueRenderer,\n    fieldComponent,\n    ...restProps\n}: FieldProps) => {\n    // const Icon: FC<SVGProps<SVGSVGElement>> = buttonSize === 'xs' ? ArrowDownSIcon : ArrowDownMIcon;\n\n    const buttonProps = {\n        ...restProps,\n        ...innerProps,\n    } as ButtonHTMLAttributes<HTMLButtonElement>;\n\n    return fieldComponent === 'button' ? (\n        <Button\n            { ...buttonProps }\n            rightAddons={\n                restProps.icon ? (\n                    <span className={ cn(styles.iconContainer, open && styles.open) }>\n                        { /* <Icon data-test-id='picker-button-icon' /> */ }\n                        { restProps.icon }\n                    </span>\n                ) : null\n            }\n            block={ true }\n            view={ view }\n            size={ buttonSize }\n            className={ cn(styles.component, view === 'primary' && styles.primary, className) }\n        >\n            { label }\n        </Button>\n    ) : (\n        <IconButton\n            { ...buttonProps }\n            icon={ restProps.icon }\n            view={ view === 'secondary' ? 'secondary' : 'ghost' }\n            size={ buttonSize === 'xs' ? 's' : buttonSize }\n            // className={ cn(styles.component, view === 'primary' && styles.primary, className) }\n        />\n    );\n};\n"],"names":["Field","buttonSize","view","label","open","multiple","rightAddons","Arrow","innerProps","className","selected","selectedMultiple","valueRenderer","fieldComponent","restProps","buttonProps","jsx","Button","cn","styles","IconButton"],"mappings":";;;;;AAmBO,MAAMA,IAAQ,CAAC;AAAA,EAClB,YAAAC,IAAa;AAAA,EACb,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACP,MAAkB;AAGd,QAAMC,IAAc;AAAA,IAChB,GAAGD;AAAA,IACH,GAAGN;AAAA,EAAA;AAGP,SAAOK,MAAmB,WACtB,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACK,GAAGF;AAAA,MACL,aACID,EAAU,OACN,gBAAAE,EAAC,UAAK,WAAYE,EAAGC,EAAO,eAAef,KAAQe,EAAO,IAAI,GAExD,UAAAL,EAAU,MAChB,IACA;AAAA,MAER,OAAQ;AAAA,MACR,MAAAZ;AAAA,MACA,MAAOD;AAAA,MACP,WAAYiB,EAAGC,EAAO,WAAWjB,MAAS,aAAaiB,EAAO,SAASV,CAAS;AAAA,MAE9E,UAAAN;AAAA,IAAA;AAAA,EAAA,IAGN,gBAAAa;AAAA,IAACI;AAAA,IAAA;AAAA,MACK,GAAGL;AAAA,MACL,MAAOD,EAAU;AAAA,MACjB,MAAOZ,MAAS,cAAc,cAAc;AAAA,MAC5C,MAAOD,MAAe,OAAO,MAAMA;AAAA,IAAA;AAAA,EAAA;AAI/C;"}

package/dist/picker-button/field/index.module.css

@@ -1 +1 @@
-.index-module_iconContainer__XeDrL{display:flex;transition:transform .15s ease-in-out}
+.iconContainer_XeDr{display:flex;transition:transform .15s ease-in-out}

package/dist/picker-button/field/index.module.css.js

@@ -1,5 +1,5 @@
 import './index.module.css';
-const n = "index-module_iconContainer__XeDrL", o = "index-module_open__OjX8o", e = {
+const n = "iconContainer_XeDr", o = "open_OjX8", e = {
   iconContainer: n,
   open: o
 };

package/dist/picker-button/index.module.css

@@ -1 +1 @@
-.index-module_container__cXs3V{min-width:auto}
+.container_cXs3{min-width:auto}

package/dist/picker-button/index.module.css.js

@@ -1,9 +1,9 @@
 import './index.module.css';
-const n = "index-module_container__cXs3V", e = {
+const n = "container_cXs3", t = {
   container: n
 };
 export {
   n as container,
-  e as default
+  t as default
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/popover/component.d.ts

@@ -1,8 +1,8 @@
 import { default as React, CSSProperties, MutableRefObject } from 'react';
+import { Placement } from '@floating-ui/react-dom';
 import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
-import { BasePlacement, VariationPlacement } from '@popperjs/core';
-export declare type Position = BasePlacement | VariationPlacement;
-export declare type PopoverProps = {
+export type Position = Placement;
+export type PopoverProps = {
     children?: React.ReactNode;
     /**
      * Управление состоянием поповера (открыт/закрыт)
@@ -27,8 +27,8 @@ export declare type PopoverProps = {
     withArrow?: boolean;
     /**
      * Смещение поповера.
-     * Если позиционирование top, bottom, то [x, y].
-     * Если позиционирование left, right то [y, x].
+     * Если позиционирование top, bottom, то [crossAxis, mainAxis] (как раньше [x, y]).
+     * Если позиционирование left, right — то же порядок [crossAxis, mainAxis] ([y, x] в старых терминах).
      */
     offset?: [number, number];
     /**