@vkontakte/vkui 5.4.2 → 5.5.0

package/dist/hooks/useFocusVisible.js

@@ -1,7 +1,8 @@
-import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { useCallback, useContext, useState } from "react";
 import { AppRootContext } from "../components/AppRoot/AppRootContext";
 export function useFocusVisible() {
+    var withKeyboardInputCheck = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
     var _useState = _sliced_to_array(useState(false), 2), isFocused = _useState[0], setIsFocused = _useState[1];
     var keyboardInput = useContext(AppRootContext).keyboardInput;
     var onFocus = useCallback(function(event) {
@@ -16,7 +17,7 @@ export function useFocusVisible() {
     }, [
         setIsFocused
     ]);
-    var focusVisible = keyboardInput && isFocused;
+    var focusVisible = withKeyboardInputCheck ? keyboardInput && isFocused : isFocused;
     return {
         focusVisible: focusVisible,
         onFocus: onFocus,

package/dist/hooks/useFocusVisible.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useFocusVisible.ts"],"sourcesContent":["import { FocusEvent, useCallback, useContext, useState } from 'react';\nimport { AppRootContext } from '../components/AppRoot/AppRootContext';\n\nexport function useFocusVisible() {\n  const [isFocused, setIsFocused] = useState(false);\n  const { keyboardInput } = useContext(AppRootContext);\n\n  const onFocus = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(true);\n    },\n    [setIsFocused],\n  );\n\n  const onBlur = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(false);\n    },\n    [setIsFocused],\n  );\n\n  const focusVisible = keyboardInput && isFocused;\n\n  return {\n    focusVisible,\n    onFocus,\n    onBlur,\n  };\n}\n"],"names":["useCallback","useContext","useState","AppRootContext","useFocusVisible","isFocused","setIsFocused","keyboardInput","onFocus","event","stopPropagation","onBlur","focusVisible"],"mappings":";AAAA,SAAqBA,WAAW,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,QAAQ;AACtE,SAASC,cAAc,QAAQ,uCAAuC;AAEtE,OAAO,SAASC,kBAAkB;IAChC,IAAkCF,6BAAAA,SAAS,KAAK,OAAzCG,YAA2BH,cAAhBI,eAAgBJ;IAClC,IAAM,AAAEK,gBAAkBN,WAAWE,gBAA7BI;IAER,IAAMC,UAAUR,YACd,SAACS,OAAmC;QAClCA,MAAMC,eAAe;QACrBJ,aAAa,IAAI;IACnB,GACA;QAACA;KAAa;IAGhB,IAAMK,SAASX,YACb,SAACS,OAAmC;QAClCA,MAAMC,eAAe;QACrBJ,aAAa,KAAK;IACpB,GACA;QAACA;KAAa;IAGhB,IAAMM,eAAeL,iBAAiBF;IAEtC,OAAO;QACLO,cAAAA;QACAJ,SAAAA;QACAG,QAAAA;IACF;AACF,CAAC"}
+{"version":3,"sources":["../../src/hooks/useFocusVisible.ts"],"sourcesContent":["import { FocusEvent, useCallback, useContext, useState } from 'react';\nimport { AppRootContext } from '../components/AppRoot/AppRootContext';\n\nexport function useFocusVisible(withKeyboardInputCheck = true) {\n  const [isFocused, setIsFocused] = useState(false);\n  const { keyboardInput } = useContext(AppRootContext);\n\n  const onFocus = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(true);\n    },\n    [setIsFocused],\n  );\n\n  const onBlur = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(false);\n    },\n    [setIsFocused],\n  );\n\n  const focusVisible = withKeyboardInputCheck ? keyboardInput && isFocused : isFocused;\n\n  return {\n    focusVisible,\n    onFocus,\n    onBlur,\n  };\n}\n"],"names":["useCallback","useContext","useState","AppRootContext","useFocusVisible","withKeyboardInputCheck","isFocused","setIsFocused","keyboardInput","onFocus","event","stopPropagation","onBlur","focusVisible"],"mappings":";AAAA,SAAqBA,WAAW,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,QAAQ;AACtE,SAASC,cAAc,QAAQ,uCAAuC;AAEtE,OAAO,SAASC;QAAgBC,yBAAAA,iEAAyB;IACvD,IAAkCH,6BAAAA,SAAS,YAApCI,YAA2BJ,cAAhBK,eAAgBL;IAClC,IAAM,AAAEM,gBAAkBP,WAAWE,gBAA7BK;IAER,IAAMC,UAAUT,YACd,SAACU;QACCA,MAAMC;QACNJ,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,IAAMK,SAASZ,YACb,SAACU;QACCA,MAAMC;QACNJ,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,IAAMM,eAAeR,yBAAyBG,iBAAiBF,YAAYA;IAE3E,OAAO;QACLO,cAAAA;QACAJ,SAAAA;QACAG,QAAAA;IACF;AACF"}

package/dist/hooks/useFocusWithin.js

@@ -1,4 +1,4 @@
-import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import React from "react";
 import { useDOM } from "../lib/dom";
 import { useGlobalEventListener } from "./useGlobalEventListener";

package/dist/hooks/useFocusWithin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useFocusWithin.ts"],"sourcesContent":["import React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\nexport function useFocusWithin(ref: React.RefObject<HTMLElement | null>): boolean {\n  const { document } = useDOM();\n  const isFocusWithin = () => {\n    if (!ref.current || !document) {\n      return false;\n    }\n\n    return ref.current.contains(document.activeElement);\n  };\n\n  const [focusWithin, setFocusWithin] = React.useState<boolean>(isFocusWithin);\n\n  const listener = () => {\n    const focus = isFocusWithin();\n    focus !== focusWithin && setFocusWithin(focus);\n  };\n\n  useGlobalEventListener(document, 'focus', listener, { capture: true });\n  useGlobalEventListener(document, 'blur', listener, { capture: true });\n\n  return focusWithin;\n}\n"],"names":["React","useDOM","useGlobalEventListener","useFocusWithin","ref","document","isFocusWithin","current","contains","activeElement","useState","focusWithin","setFocusWithin","listener","focus","capture"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,sBAAsB,QAAQ,2BAA2B;AAElE,OAAO,SAASC,eAAeC,GAAwC,EAAW;IAChF,IAAM,AAAEC,WAAaJ,SAAbI;IACR,IAAMC,gBAAgB,WAAM;QAC1B,IAAI,CAACF,IAAIG,OAAO,IAAI,CAACF,UAAU;YAC7B,OAAO,KAAK;QACd,CAAC;QAED,OAAOD,IAAIG,OAAO,CAACC,QAAQ,CAACH,SAASI,aAAa;IACpD;IAEA,IAAsCT,mCAAAA,MAAMU,QAAQ,CAAUJ,oBAAvDK,cAA+BX,oBAAlBY,iBAAkBZ;IAEtC,IAAMa,WAAW,WAAM;QACrB,IAAMC,QAAQR;QACdQ,UAAUH,eAAeC,eAAeE;IAC1C;IAEAZ,uBAAuBG,UAAU,SAASQ,UAAU;QAAEE,SAAS,IAAI;IAAC;IACpEb,uBAAuBG,UAAU,QAAQQ,UAAU;QAAEE,SAAS,IAAI;IAAC;IAEnE,OAAOJ;AACT,CAAC"}
+{"version":3,"sources":["../../src/hooks/useFocusWithin.ts"],"sourcesContent":["import React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\nexport function useFocusWithin(ref: React.RefObject<HTMLElement | null>): boolean {\n  const { document } = useDOM();\n  const isFocusWithin = () => {\n    if (!ref.current || !document) {\n      return false;\n    }\n\n    return ref.current.contains(document.activeElement);\n  };\n\n  const [focusWithin, setFocusWithin] = React.useState<boolean>(isFocusWithin);\n\n  const listener = () => {\n    const focus = isFocusWithin();\n    focus !== focusWithin && setFocusWithin(focus);\n  };\n\n  useGlobalEventListener(document, 'focus', listener, { capture: true });\n  useGlobalEventListener(document, 'blur', listener, { capture: true });\n\n  return focusWithin;\n}\n"],"names":["React","useDOM","useGlobalEventListener","useFocusWithin","ref","document","isFocusWithin","current","contains","activeElement","useState","focusWithin","setFocusWithin","listener","focus","capture"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,sBAAsB,QAAQ,2BAA2B;AAElE,OAAO,SAASC,eAAeC,GAAwC;IACrE,IAAM,AAAEC,WAAaJ,SAAbI;IACR,IAAMC,gBAAgB;QACpB,IAAI,CAACF,IAAIG,WAAW,CAACF,UAAU;YAC7B,OAAO;QACT;QAEA,OAAOD,IAAIG,QAAQC,SAASH,SAASI;IACvC;IAEA,IAAsCT,mCAAAA,MAAMU,SAAkBJ,oBAAvDK,cAA+BX,oBAAlBY,iBAAkBZ;IAEtC,IAAMa,WAAW;QACf,IAAMC,QAAQR;QACdQ,UAAUH,eAAeC,eAAeE;IAC1C;IAEAZ,uBAAuBG,UAAU,SAASQ,UAAU;QAAEE,SAAS;IAAK;IACpEb,uBAAuBG,UAAU,QAAQQ,UAAU;QAAEE,SAAS;IAAK;IAEnE,OAAOJ;AACT"}

package/dist/hooks/useGlobalEventListener.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useGlobalEventListener.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\nimport { useEventListener } from './useEventListener';\n\nexport function useGlobalEventListener<K extends keyof GlobalEventHandlersEventMap>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: K,\n  cb: ((ev: GlobalEventHandlersEventMap[K]) => void) | null | false | undefined,\n  options?: AddEventListenerOptions,\n): void;\nexport function useGlobalEventListener<E extends Event>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: string,\n  cb: ((ev: E) => void) | null | false | undefined,\n  options?: AddEventListenerOptions,\n): void;\nexport function useGlobalEventListener<\n  K extends keyof GlobalEventHandlersEventMap,\n  E extends Event,\n>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: K | string,\n  cb: ((ev: E) => void) | null | false | undefined,\n  options?: AddEventListenerOptions,\n) {\n  const listener = useEventListener(event, cb, options);\n  useIsomorphicLayoutEffect(() => {\n    if (cb && element) {\n      listener.add(element);\n    } else {\n      listener.remove();\n    }\n  }, [Boolean(cb), Boolean(element)]);\n}\n"],"names":["useIsomorphicLayoutEffect","useEventListener","useGlobalEventListener","element","event","cb","options","listener","add","remove","Boolean"],"mappings":"AAAA,SAASA,yBAAyB,QAAQ,mCAAmC;AAC7E,SAASC,gBAAgB,QAAQ,qBAAqB;AActD,OAAO,SAASC,uBAIdC,OAA2D,EAC3DC,KAAiB,EACjBC,EAAgD,EAChDC,OAAiC,EACjC;IACA,IAAMC,WAAWN,iBAAiBG,OAAOC,IAAIC;IAC7CN,0BAA0B,WAAM;QAC9B,IAAIK,MAAMF,SAAS;YACjBI,SAASC,GAAG,CAACL;QACf,OAAO;YACLI,SAASE,MAAM;QACjB,CAAC;IACH,GAAG;QAACC,QAAQL;QAAKK,QAAQP;KAAS;AACpC,CAAC"}
+{"version":3,"sources":["../../src/hooks/useGlobalEventListener.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\nimport { useEventListener } from './useEventListener';\n\nexport function useGlobalEventListener<K extends keyof GlobalEventHandlersEventMap>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: K,\n  cb: ((ev: GlobalEventHandlersEventMap[K]) => void) | null | false | undefined,\n  options?: AddEventListenerOptions,\n): void;\nexport function useGlobalEventListener<E extends Event>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: string,\n  cb: ((ev: E) => void) | null | false | undefined,\n  options?: AddEventListenerOptions,\n): void;\nexport function useGlobalEventListener<\n  K extends keyof GlobalEventHandlersEventMap,\n  E extends Event,\n>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: K | string,\n  cb: ((ev: E) => void) | null | false | undefined,\n  options?: AddEventListenerOptions,\n) {\n  const listener = useEventListener(event, cb, options);\n  useIsomorphicLayoutEffect(() => {\n    if (cb && element) {\n      listener.add(element);\n    } else {\n      listener.remove();\n    }\n  }, [Boolean(cb), Boolean(element)]);\n}\n"],"names":["useIsomorphicLayoutEffect","useEventListener","useGlobalEventListener","element","event","cb","options","listener","add","remove","Boolean"],"mappings":"AAAA,SAASA,yBAAyB,QAAQ,mCAAmC;AAC7E,SAASC,gBAAgB,QAAQ,qBAAqB;AActD,OAAO,SAASC,uBAIdC,OAA2D,EAC3DC,KAAiB,EACjBC,EAAgD,EAChDC,OAAiC;IAEjC,IAAMC,WAAWN,iBAAiBG,OAAOC,IAAIC;IAC7CN,0BAA0B;QACxB,IAAIK,MAAMF,SAAS;YACjBI,SAASC,IAAIL;QACf,OAAO;YACLI,SAASE;QACX;IACF,GAAG;QAACC,QAAQL;QAAKK,QAAQP;KAAS;AACpC"}

package/dist/hooks/useId.js

@@ -1,4 +1,4 @@
-import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import * as React from "react";
 // Workaround for https://github.com/webpack/webpack/issues/14814
 // https://github.com/eps1lon/material-ui/blob/8d5f135b4d7a58253a99ab56dce4ac8de61f5dc1/packages/mui-utils/src/useId.ts#L21

package/dist/hooks/useId.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useId.ts"],"sourcesContent":["import * as React from 'react';\n\n// Workaround for https://github.com/webpack/webpack/issues/14814\n// https://github.com/eps1lon/material-ui/blob/8d5f135b4d7a58253a99ab56dce4ac8de61f5dc1/packages/mui-utils/src/useId.ts#L21\nconst maybeReactUseId: undefined | (() => string) = (React as any)['useId'.toString()];\n\nlet id = 0;\n\n// TODO [react@>=18]: Remove after React 18\nfunction useIncrementingCounterID(): string {\n  const [state] = React.useState(() => id++);\n\n  return `:r${state}:`;\n}\n\nexport const useId: () => string = maybeReactUseId ?? useIncrementingCounterID;\n"],"names":["React","maybeReactUseId","toString","id","useIncrementingCounterID","useState","state","useId"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAE/B,iEAAiE;AACjE,2HAA2H;AAC3H,IAAMC,kBAA8C,AAACD,KAAa,CAAC,QAAQE,QAAQ,GAAG;AAEtF,IAAIC,KAAK;AAET,2CAA2C;AAC3C,SAASC,2BAAmC;IAC1C,IAAgBJ,mCAAAA,MAAMK,QAAQ,CAAC;eAAMF;YAA9BG,QAASN;IAEhB,OAAO,AAAC,KAAU,OAANM,OAAM;AACpB;AAEA,OAAO,IAAMC,QAAsBN,4BAAAA,6BAAAA,kBAAmBG,wBAAwB,CAAC"}
+{"version":3,"sources":["../../src/hooks/useId.ts"],"sourcesContent":["import * as React from 'react';\n\n// Workaround for https://github.com/webpack/webpack/issues/14814\n// https://github.com/eps1lon/material-ui/blob/8d5f135b4d7a58253a99ab56dce4ac8de61f5dc1/packages/mui-utils/src/useId.ts#L21\nconst maybeReactUseId: undefined | (() => string) = (React as any)['useId'.toString()];\n\nlet id = 0;\n\n// TODO [react@>=18]: Remove after React 18\nfunction useIncrementingCounterID(): string {\n  const [state] = React.useState(() => id++);\n\n  return `:r${state}:`;\n}\n\nexport const useId: () => string = maybeReactUseId ?? useIncrementingCounterID;\n"],"names":["React","maybeReactUseId","toString","id","useIncrementingCounterID","useState","state","useId"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAE/B,iEAAiE;AACjE,2HAA2H;AAC3H,IAAMC,kBAA8C,AAACD,KAAa,CAAC,QAAQE,WAAW;AAEtF,IAAIC,KAAK;AAET,2CAA2C;AAC3C,SAASC;IACP,IAAgBJ,mCAAAA,MAAMK,SAAS;eAAMF;YAA9BG,QAASN;IAEhB,OAAO,AAAC,KAAU,OAANM,OAAM;AACpB;AAEA,OAAO,IAAMC,QAAsBN,4BAAAA,6BAAAA,kBAAmBG,yBAAyB"}

package/dist/hooks/useInsets.js

@@ -1,6 +1,6 @@
-import _object_spread from "@swc/helpers/src/_object_spread.mjs";
-import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
-import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import * as React from "react";
 import vkBridge from "@vkontakte/vk-bridge";
 import { useIsomorphicLayoutEffect } from "../lib/useIsomorphicLayoutEffect";

package/dist/hooks/useInsets.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useInsets.ts"],"sourcesContent":["import * as React from 'react';\nimport vkBridge, { Insets as BridgeInsets } from '@vkontakte/vk-bridge';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport interface Insets {\n  bottom: BridgeInsets['bottom'] | null;\n  top: BridgeInsets['top'] | null;\n  left: BridgeInsets['left'] | null;\n  right: BridgeInsets['right'] | null;\n}\n\nlet initialState: Insets = {\n  bottom: null,\n  top: null,\n  left: null,\n  right: null,\n};\n\ninterface BridgeEvent {\n  detail: {\n    type: string;\n    data: {\n      [index: string]: any;\n    };\n  };\n}\n\nfunction resolveInsets(e: BridgeEvent): Insets | null {\n  const { type, data } = e.detail;\n  switch (type) {\n    case 'VKWebAppUpdateConfig':\n    case 'VKWebAppUpdateInsets': // Устаревшее событие vk-bridge\n      const { insets } = data;\n      if (insets) {\n        return {\n          ...insets,\n          bottom: insets.bottom > 150 ? 0 : insets.bottom, // если больше 150 – значит открылась клава и она сама работает как инсет, то есть наш нужно занулить\n        };\n      }\n  }\n  return null;\n}\n\nvkBridge.subscribe((e: BridgeEvent) => {\n  const insets = resolveInsets(e);\n  if (insets) {\n    initialState = insets;\n  }\n});\n\nexport function useInsets(): Insets {\n  const [insets, setInsets] = React.useState<Insets>(initialState);\n\n  useIsomorphicLayoutEffect(() => {\n    function connectListener(e: BridgeEvent) {\n      const insets = resolveInsets(e);\n      if (insets) {\n        setInsets(insets);\n      }\n    }\n\n    vkBridge.subscribe(connectListener);\n    return () => {\n      vkBridge.unsubscribe(connectListener);\n    };\n  }, []);\n\n  return insets;\n}\n"],"names":["React","vkBridge","useIsomorphicLayoutEffect","initialState","bottom","top","left","right","resolveInsets","e","detail","type","data","insets","subscribe","useInsets","useState","setInsets","connectListener","unsubscribe"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,OAAOC,cAA0C,uBAAuB;AACxE,SAASC,yBAAyB,QAAQ,mCAAmC;AAS7E,IAAIC,eAAuB;IACzBC,QAAQ,IAAI;IACZC,KAAK,IAAI;IACTC,MAAM,IAAI;IACVC,OAAO,IAAI;AACb;AAWA,SAASC,cAAcC,CAAc,EAAiB;IACpD,IAAuBA,YAAAA,EAAEC,MAAM,EAAvBC,OAAeF,UAAfE,MAAMC,OAASH,UAATG;IACd,OAAQD;QACN,KAAK;QACL,KAAK;YACH,IAAM,AAAEE,SAAWD,KAAXC;YACR,IAAIA,QAAQ;gBACV,OAAO,wCACFA;oBACHT,QAAQS,OAAOT,MAAM,GAAG,MAAM,IAAIS,OAAOT,MAAM;;YAEnD,CAAC;IACL;IACA,OAAO,IAAI;AACb;AAEAH,SAASa,SAAS,CAAC,SAACL,GAAmB;IACrC,IAAMI,SAASL,cAAcC;IAC7B,IAAII,QAAQ;QACVV,eAAeU;IACjB,CAAC;AACH;AAEA,OAAO,SAASE,YAAoB;IAClC,IAA4Bf,mCAAAA,MAAMgB,QAAQ,CAASb,mBAA5CU,SAAqBb,oBAAbiB,YAAajB;IAE5BE,0BAA0B,WAAM;YACrBgB,kBAAT,SAASA,gBAAgBT,CAAc,EAAE;YACvC,IAAMI,SAASL,cAAcC;YAC7B,IAAII,QAAQ;gBACVI,UAAUJ;YACZ,CAAC;QACH;QAEAZ,SAASa,SAAS,CAACI;QACnB,OAAO,WAAM;YACXjB,SAASkB,WAAW,CAACD;QACvB;IACF,GAAG,EAAE;IAEL,OAAOL;AACT,CAAC"}
+{"version":3,"sources":["../../src/hooks/useInsets.ts"],"sourcesContent":["import * as React from 'react';\nimport vkBridge, { Insets as BridgeInsets } from '@vkontakte/vk-bridge';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport interface Insets {\n  bottom: BridgeInsets['bottom'] | null;\n  top: BridgeInsets['top'] | null;\n  left: BridgeInsets['left'] | null;\n  right: BridgeInsets['right'] | null;\n}\n\nlet initialState: Insets = {\n  bottom: null,\n  top: null,\n  left: null,\n  right: null,\n};\n\ninterface BridgeEvent {\n  detail: {\n    type: string;\n    data: {\n      [index: string]: any;\n    };\n  };\n}\n\nfunction resolveInsets(e: BridgeEvent): Insets | null {\n  const { type, data } = e.detail;\n  switch (type) {\n    case 'VKWebAppUpdateConfig':\n    case 'VKWebAppUpdateInsets': // Устаревшее событие vk-bridge\n      const { insets } = data;\n      if (insets) {\n        return {\n          ...insets,\n          bottom: insets.bottom > 150 ? 0 : insets.bottom, // если больше 150 – значит открылась клава и она сама работает как инсет, то есть наш нужно занулить\n        };\n      }\n  }\n  return null;\n}\n\nvkBridge.subscribe((e: BridgeEvent) => {\n  const insets = resolveInsets(e);\n  if (insets) {\n    initialState = insets;\n  }\n});\n\nexport function useInsets(): Insets {\n  const [insets, setInsets] = React.useState<Insets>(initialState);\n\n  useIsomorphicLayoutEffect(() => {\n    function connectListener(e: BridgeEvent) {\n      const insets = resolveInsets(e);\n      if (insets) {\n        setInsets(insets);\n      }\n    }\n\n    vkBridge.subscribe(connectListener);\n    return () => {\n      vkBridge.unsubscribe(connectListener);\n    };\n  }, []);\n\n  return insets;\n}\n"],"names":["React","vkBridge","useIsomorphicLayoutEffect","initialState","bottom","top","left","right","resolveInsets","e","detail","type","data","insets","subscribe","useInsets","useState","setInsets","connectListener","unsubscribe"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,OAAOC,cAA0C,uBAAuB;AACxE,SAASC,yBAAyB,QAAQ,mCAAmC;AAS7E,IAAIC,eAAuB;IACzBC,QAAQ;IACRC,KAAK;IACLC,MAAM;IACNC,OAAO;AACT;AAWA,SAASC,cAAcC,CAAc;IACnC,IAAuBA,YAAAA,EAAEC,QAAjBC,OAAeF,UAAfE,MAAMC,OAASH,UAATG;IACd,OAAQD;QACN,KAAK;QACL,KAAK;YACH,IAAM,AAAEE,SAAWD,KAAXC;YACR,IAAIA,QAAQ;gBACV,OAAO,wCACFA;oBACHT,QAAQS,OAAOT,SAAS,MAAM,IAAIS,OAAOT;;YAE7C;IACJ;IACA,OAAO;AACT;AAEAH,SAASa,UAAU,SAACL;IAClB,IAAMI,SAASL,cAAcC;IAC7B,IAAII,QAAQ;QACVV,eAAeU;IACjB;AACF;AAEA,OAAO,SAASE;IACd,IAA4Bf,mCAAAA,MAAMgB,SAAiBb,mBAA5CU,SAAqBb,oBAAbiB,YAAajB;IAE5BE,0BAA0B;YACfgB,kBAAT,SAASA,gBAAgBT,CAAc;YACrC,IAAMI,SAASL,cAAcC;YAC7B,IAAII,QAAQ;gBACVI,UAAUJ;YACZ;QACF;QAEAZ,SAASa,UAAUI;QACnB,OAAO;YACLjB,SAASkB,YAAYD;QACvB;IACF,GAAG,EAAE;IAEL,OAAOL;AACT"}

package/dist/hooks/useIsClient.js

@@ -1,4 +1,4 @@
-import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import * as React from "react";
 /**
  * Хук для two-pass рендеринга.

package/dist/hooks/useIsClient.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useIsClient.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * Хук для two-pass рендеринга.\n *\n * ВНИМАНИЕ: Этот подход сделает ваши компоненты медленнее, потому что они\n * должны рендериться дважды, поэтому используйте хук с осторожностью.\n *\n * @see {@link https://beta.reactjs.org/apis/react-dom/hydrate#handling-different-client-and-server-content React Docs}\n */\nexport function useIsClient(initial = false) {\n  const [isClient, setIsClient] = React.useState(initial);\n\n  React.useEffect(() => {\n    setIsClient(true);\n  }, []);\n\n  return isClient;\n}\n"],"names":["React","useIsClient","initial","useState","isClient","setIsClient","useEffect"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAE/B;;;;;;;CAOC,GACD,OAAO,SAASC,cAA6B;QAAjBC,UAAAA,iEAAU,KAAK;IACzC,IAAgCF,mCAAAA,MAAMG,QAAQ,CAACD,cAAxCE,WAAyBJ,oBAAfK,cAAeL;IAEhCA,MAAMM,SAAS,CAAC,WAAM;QACpBD,YAAY,IAAI;IAClB,GAAG,EAAE;IAEL,OAAOD;AACT,CAAC"}
+{"version":3,"sources":["../../src/hooks/useIsClient.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * Хук для two-pass рендеринга.\n *\n * ВНИМАНИЕ: Этот подход сделает ваши компоненты медленнее, потому что они\n * должны рендериться дважды, поэтому используйте хук с осторожностью.\n *\n * @see {@link https://beta.reactjs.org/apis/react-dom/hydrate#handling-different-client-and-server-content React Docs}\n */\nexport function useIsClient(initial = false) {\n  const [isClient, setIsClient] = React.useState(initial);\n\n  React.useEffect(() => {\n    setIsClient(true);\n  }, []);\n\n  return isClient;\n}\n"],"names":["React","useIsClient","initial","useState","isClient","setIsClient","useEffect"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAE/B;;;;;;;CAOC,GACD,OAAO,SAASC;QAAYC,UAAAA,iEAAU;IACpC,IAAgCF,mCAAAA,MAAMG,SAASD,cAAxCE,WAAyBJ,oBAAfK,cAAeL;IAEhCA,MAAMM,UAAU;QACdD,YAAY;IACd,GAAG,EAAE;IAEL,OAAOD;AACT"}

package/dist/hooks/useKeyboard.js

@@ -1,4 +1,4 @@
-import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import * as React from "react";
 import { useDOM } from "../lib/dom";
 import { useGlobalEventListener } from "./useGlobalEventListener";

package/dist/hooks/useKeyboard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useKeyboard.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\ninterface SoftwareKeyboardState {\n  isOpened: boolean;\n}\n\n/**\n Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большинству устройств\n Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах\n */\nexport function getPreciseKeyboardState(window: any): boolean {\n  const {\n    innerHeight,\n    screen: { availHeight },\n  } = window;\n\n  const coveredViewportPercentage = Math.round((1 - innerHeight / availHeight) * 100);\n  return coveredViewportPercentage > 24;\n}\n\nconst eventOptions = {\n  passive: true,\n  capture: false,\n};\n\nexport function useKeyboard(): SoftwareKeyboardState {\n  const { document } = useDOM();\n\n  const [isOpened, setIsOpened] = React.useState(false);\n\n  const onFocus = React.useCallback(\n    (event: FocusEvent | true) => {\n      const isOpened =\n        (event === true || event.type === 'focusin') &&\n        (document?.activeElement?.tagName === 'INPUT' ||\n          document?.activeElement?.tagName === 'TEXTAREA');\n      setIsOpened(isOpened);\n    },\n    [document?.activeElement?.tagName],\n  );\n\n  /**\n   У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,\n   чтобы иметь хоть какое-то понимание происходящего.\n   */\n  React.useEffect(() => {\n    onFocus(true);\n  }, [onFocus]);\n\n  useGlobalEventListener(document, 'focusout', onFocus, eventOptions);\n  useGlobalEventListener(document, 'focusin', onFocus, eventOptions);\n\n  return { isOpened };\n}\n"],"names":["React","useDOM","useGlobalEventListener","getPreciseKeyboardState","window","innerHeight","screen","availHeight","coveredViewportPercentage","Math","round","eventOptions","passive","capture","useKeyboard","document","useState","isOpened","setIsOpened","onFocus","useCallback","event","type","activeElement","tagName","useEffect"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,sBAAsB,QAAQ,2BAA2B;AAMlE;;;CAGC,GACD,OAAO,SAASC,wBAAwBC,MAAW,EAAW;IAC5D,IACEC,cAEED,OAFFC,aACAC,AAAUC,cACRH,OADFE,OAAUC;IAGZ,IAAMC,4BAA4BC,KAAKC,KAAK,CAAC,AAAC,CAAA,IAAIL,cAAcE,WAAU,IAAK;IAC/E,OAAOC,4BAA4B;AACrC,CAAC;AAED,IAAMG,eAAe;IACnBC,SAAS,IAAI;IACbC,SAAS,KAAK;AAChB;AAEA,OAAO,SAASC,cAAqC;QAahDC;IAZH,IAAM,AAAEA,WAAad,SAAbc;IAER,IAAgCf,mCAAAA,MAAMgB,QAAQ,CAAC,KAAK,OAA7CC,WAAyBjB,oBAAfkB,cAAelB;IAEhC,IAAMmB,UAAUnB,MAAMoB,WAAW,CAC/B,SAACC,OAA6B;YAGzBN,yBACCA;QAHJ,IAAME,WACJ,AAACI,CAAAA,UAAU,IAAI,IAAIA,MAAMC,IAAI,KAAK,SAAQ,KACzCP,CAAAA,CAAAA,qBAAAA,sBAAAA,KAAAA,IAAAA,CAAAA,0BAAAA,SAAUQ,aAAa,cAAvBR,qCAAAA,KAAAA,IAAAA,wBAAyBS,OAAF,AAAD,MAAe,WACpCT,CAAAA,qBAAAA,sBAAAA,KAAAA,IAAAA,CAAAA,2BAAAA,SAAUQ,aAAa,cAAvBR,sCAAAA,KAAAA,IAAAA,yBAAyBS,OAAF,AAAD,MAAe,UAAS;QAClDN,YAAYD;IACd,GACA;QAACF,qBAAAA,sBAAAA,KAAAA,IAAAA,CAAAA,0BAAAA,SAAUQ,aAAa,cAAvBR,qCAAAA,KAAAA,IAAAA,wBAAyBS,OAAF;KAAU;IAGpC;;;GAGC,GACDxB,MAAMyB,SAAS,CAAC,WAAM;QACpBN,QAAQ,IAAI;IACd,GAAG;QAACA;KAAQ;IAEZjB,uBAAuBa,UAAU,YAAYI,SAASR;IACtDT,uBAAuBa,UAAU,WAAWI,SAASR;IAErD,OAAO;QAAEM,UAAAA;IAAS;AACpB,CAAC"}
+{"version":3,"sources":["../../src/hooks/useKeyboard.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\ninterface SoftwareKeyboardState {\n  isOpened: boolean;\n}\n\n/**\n Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большинству устройств\n Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах\n */\nexport function getPreciseKeyboardState(window: any): boolean {\n  const {\n    innerHeight,\n    screen: { availHeight },\n  } = window;\n\n  const coveredViewportPercentage = Math.round((1 - innerHeight / availHeight) * 100);\n  return coveredViewportPercentage > 24;\n}\n\nconst eventOptions = {\n  passive: true,\n  capture: false,\n};\n\nexport function useKeyboard(): SoftwareKeyboardState {\n  const { document } = useDOM();\n\n  const [isOpened, setIsOpened] = React.useState(false);\n\n  const onFocus = React.useCallback(\n    (event: FocusEvent | true) => {\n      const isOpened =\n        (event === true || event.type === 'focusin') &&\n        (document?.activeElement?.tagName === 'INPUT' ||\n          document?.activeElement?.tagName === 'TEXTAREA');\n      setIsOpened(isOpened);\n    },\n    [document?.activeElement?.tagName],\n  );\n\n  /**\n   У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,\n   чтобы иметь хоть какое-то понимание происходящего.\n   */\n  React.useEffect(() => {\n    onFocus(true);\n  }, [onFocus]);\n\n  useGlobalEventListener(document, 'focusout', onFocus, eventOptions);\n  useGlobalEventListener(document, 'focusin', onFocus, eventOptions);\n\n  return { isOpened };\n}\n"],"names":["React","useDOM","useGlobalEventListener","getPreciseKeyboardState","window","innerHeight","screen","availHeight","coveredViewportPercentage","Math","round","eventOptions","passive","capture","useKeyboard","document","useState","isOpened","setIsOpened","onFocus","useCallback","event","type","activeElement","tagName","useEffect"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,sBAAsB,QAAQ,2BAA2B;AAMlE;;;CAGC,GACD,OAAO,SAASC,wBAAwBC,MAAW;IACjD,IACEC,cAEED,OAFFC,aACAC,AAAUC,cACRH,OADFE,OAAUC;IAGZ,IAAMC,4BAA4BC,KAAKC,MAAM,AAAC,CAAA,IAAIL,cAAcE,WAAU,IAAK;IAC/E,OAAOC,4BAA4B;AACrC;AAEA,IAAMG,eAAe;IACnBC,SAAS;IACTC,SAAS;AACX;AAEA,OAAO,SAASC;QAaXC;IAZH,IAAM,AAAEA,WAAad,SAAbc;IAER,IAAgCf,mCAAAA,MAAMgB,SAAS,YAAxCC,WAAyBjB,oBAAfkB,cAAelB;IAEhC,IAAMmB,UAAUnB,MAAMoB,YACpB,SAACC;YAGIN,yBACCA;QAHJ,IAAME,WACJ,AAACI,CAAAA,UAAU,QAAQA,MAAMC,SAAS,SAAQ,KACzCP,CAAAA,CAAAA,qBAAAA,sBAAAA,KAAAA,IAAAA,CAAAA,0BAAAA,SAAUQ,2BAAVR,qCAAAA,KAAAA,IAAAA,wBAAyBS,OAAH,MAAe,WACpCT,CAAAA,qBAAAA,sBAAAA,KAAAA,IAAAA,CAAAA,2BAAAA,SAAUQ,2BAAVR,sCAAAA,KAAAA,IAAAA,yBAAyBS,OAAH,MAAe,UAAS;QAClDN,YAAYD;IACd,GACA;QAACF,qBAAAA,sBAAAA,KAAAA,IAAAA,CAAAA,0BAAAA,SAAUQ,2BAAVR,qCAAAA,KAAAA,IAAAA,wBAAyBS;KAAQ;IAGpC;;;GAGC,GACDxB,MAAMyB,UAAU;QACdN,QAAQ;IACV,GAAG;QAACA;KAAQ;IAEZjB,uBAAuBa,UAAU,YAAYI,SAASR;IACtDT,uBAAuBa,UAAU,WAAWI,SAASR;IAErD,OAAO;QAAEM,UAAAA;IAAS;AACpB"}

package/dist/hooks/useKeyboardInputTracker.js

@@ -1,4 +1,4 @@
-import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import * as React from "react";
 import { Keys, pressedKey } from "../lib/accessibility";
 import { useDOM } from "../lib/dom";

package/dist/hooks/useKeyboardInputTracker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useKeyboardInputTracker.ts"],"sourcesContent":["import * as React from 'react';\nimport { Keys, pressedKey } from '../lib/accessibility';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\nexport const ENABLE_KEYBOARD_INPUT_EVENT_NAME = 'enableKeyboardInput';\nexport const DISABLE_KEYBOARD_INPUT_EVENT_NAME = 'disableKeyboardInput';\n\nexport function useKeyboardInputTracker(): boolean {\n  const { document } = useDOM();\n\n  const [isKeyboardInputActive, toggleKeyboardInput] = React.useState<boolean>(false);\n\n  const enableKeyboardInput = React.useCallback(() => {\n    toggleKeyboardInput(true);\n  }, []);\n\n  const handleKeydown = React.useCallback(\n    (e: KeyboardEvent) => {\n      if (pressedKey(e) === Keys.TAB) {\n        enableKeyboardInput();\n      }\n    },\n    [enableKeyboardInput],\n  );\n\n  const disableKeyboardInput = React.useCallback(() => {\n    toggleKeyboardInput(false);\n  }, []);\n\n  const eventOptions = {\n    passive: true,\n    capture: true,\n  };\n\n  useGlobalEventListener(document, 'keydown', handleKeydown, eventOptions);\n  useGlobalEventListener(document, 'mousedown', disableKeyboardInput, eventOptions);\n  useGlobalEventListener(document, 'touchstart', disableKeyboardInput, eventOptions);\n  useGlobalEventListener(\n    document,\n    ENABLE_KEYBOARD_INPUT_EVENT_NAME,\n    enableKeyboardInput,\n    eventOptions,\n  );\n  useGlobalEventListener(\n    document,\n    DISABLE_KEYBOARD_INPUT_EVENT_NAME,\n    disableKeyboardInput,\n    eventOptions,\n  );\n\n  return isKeyboardInputActive;\n}\n"],"names":["React","Keys","pressedKey","useDOM","useGlobalEventListener","ENABLE_KEYBOARD_INPUT_EVENT_NAME","DISABLE_KEYBOARD_INPUT_EVENT_NAME","useKeyboardInputTracker","document","useState","isKeyboardInputActive","toggleKeyboardInput","enableKeyboardInput","useCallback","handleKeydown","e","TAB","disableKeyboardInput","eventOptions","passive","capture"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,EAAEC,UAAU,QAAQ,uBAAuB;AACxD,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,sBAAsB,QAAQ,2BAA2B;AAElE,OAAO,IAAMC,mCAAmC,sBAAsB;AACtE,OAAO,IAAMC,oCAAoC,uBAAuB;AAExE,OAAO,SAASC,0BAAmC;IACjD,IAAM,AAAEC,WAAaL,SAAbK;IAER,IAAqDR,mCAAAA,MAAMS,QAAQ,CAAU,KAAK,OAA3EC,wBAA8CV,oBAAvBW,sBAAuBX;IAErD,IAAMY,sBAAsBZ,MAAMa,WAAW,CAAC,WAAM;QAClDF,oBAAoB,IAAI;IAC1B,GAAG,EAAE;IAEL,IAAMG,gBAAgBd,MAAMa,WAAW,CACrC,SAACE,GAAqB;QACpB,IAAIb,WAAWa,OAAOd,KAAKe,GAAG,EAAE;YAC9BJ;QACF,CAAC;IACH,GACA;QAACA;KAAoB;IAGvB,IAAMK,uBAAuBjB,MAAMa,WAAW,CAAC,WAAM;QACnDF,oBAAoB,KAAK;IAC3B,GAAG,EAAE;IAEL,IAAMO,eAAe;QACnBC,SAAS,IAAI;QACbC,SAAS,IAAI;IACf;IAEAhB,uBAAuBI,UAAU,WAAWM,eAAeI;IAC3Dd,uBAAuBI,UAAU,aAAaS,sBAAsBC;IACpEd,uBAAuBI,UAAU,cAAcS,sBAAsBC;IACrEd,uBACEI,UACAH,kCACAO,qBACAM;IAEFd,uBACEI,UACAF,mCACAW,sBACAC;IAGF,OAAOR;AACT,CAAC"}
+{"version":3,"sources":["../../src/hooks/useKeyboardInputTracker.ts"],"sourcesContent":["import * as React from 'react';\nimport { Keys, pressedKey } from '../lib/accessibility';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\nexport const ENABLE_KEYBOARD_INPUT_EVENT_NAME = 'enableKeyboardInput';\nexport const DISABLE_KEYBOARD_INPUT_EVENT_NAME = 'disableKeyboardInput';\n\nexport function useKeyboardInputTracker(): boolean {\n  const { document } = useDOM();\n\n  const [isKeyboardInputActive, toggleKeyboardInput] = React.useState<boolean>(false);\n\n  const enableKeyboardInput = React.useCallback(() => {\n    toggleKeyboardInput(true);\n  }, []);\n\n  const handleKeydown = React.useCallback(\n    (e: KeyboardEvent) => {\n      if (pressedKey(e) === Keys.TAB) {\n        enableKeyboardInput();\n      }\n    },\n    [enableKeyboardInput],\n  );\n\n  const disableKeyboardInput = React.useCallback(() => {\n    toggleKeyboardInput(false);\n  }, []);\n\n  const eventOptions = {\n    passive: true,\n    capture: true,\n  };\n\n  useGlobalEventListener(document, 'keydown', handleKeydown, eventOptions);\n  useGlobalEventListener(document, 'mousedown', disableKeyboardInput, eventOptions);\n  useGlobalEventListener(document, 'touchstart', disableKeyboardInput, eventOptions);\n  useGlobalEventListener(\n    document,\n    ENABLE_KEYBOARD_INPUT_EVENT_NAME,\n    enableKeyboardInput,\n    eventOptions,\n  );\n  useGlobalEventListener(\n    document,\n    DISABLE_KEYBOARD_INPUT_EVENT_NAME,\n    disableKeyboardInput,\n    eventOptions,\n  );\n\n  return isKeyboardInputActive;\n}\n"],"names":["React","Keys","pressedKey","useDOM","useGlobalEventListener","ENABLE_KEYBOARD_INPUT_EVENT_NAME","DISABLE_KEYBOARD_INPUT_EVENT_NAME","useKeyboardInputTracker","document","useState","isKeyboardInputActive","toggleKeyboardInput","enableKeyboardInput","useCallback","handleKeydown","e","TAB","disableKeyboardInput","eventOptions","passive","capture"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,EAAEC,UAAU,QAAQ,uBAAuB;AACxD,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,sBAAsB,QAAQ,2BAA2B;AAElE,OAAO,IAAMC,mCAAmC,sBAAsB;AACtE,OAAO,IAAMC,oCAAoC,uBAAuB;AAExE,OAAO,SAASC;IACd,IAAM,AAAEC,WAAaL,SAAbK;IAER,IAAqDR,mCAAAA,MAAMS,SAAkB,YAAtEC,wBAA8CV,oBAAvBW,sBAAuBX;IAErD,IAAMY,sBAAsBZ,MAAMa,YAAY;QAC5CF,oBAAoB;IACtB,GAAG,EAAE;IAEL,IAAMG,gBAAgBd,MAAMa,YAC1B,SAACE;QACC,IAAIb,WAAWa,OAAOd,KAAKe,KAAK;YAC9BJ;QACF;IACF,GACA;QAACA;KAAoB;IAGvB,IAAMK,uBAAuBjB,MAAMa,YAAY;QAC7CF,oBAAoB;IACtB,GAAG,EAAE;IAEL,IAAMO,eAAe;QACnBC,SAAS;QACTC,SAAS;IACX;IAEAhB,uBAAuBI,UAAU,WAAWM,eAAeI;IAC3Dd,uBAAuBI,UAAU,aAAaS,sBAAsBC;IACpEd,uBAAuBI,UAAU,cAAcS,sBAAsBC;IACrEd,uBACEI,UACAH,kCACAO,qBACAM;IAEFd,uBACEI,UACAF,mCACAW,sBACAC;IAGF,OAAOR;AACT"}

package/dist/hooks/useMediaQueries.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { MEDIA_QUERIES, type MediaQueries } from '../lib/adaptivity';\nimport { mediaQueryNull } from '../lib/browser';\nimport { useDOM } from '../lib/dom';\n\ninterface StoredMediaQueries {\n  /**\n   * Постоянная ссылка на окно. Это необходима, чтобы пересоздать медиа выражение если окно вдруг измениться.\n   *\n   * > `styleguide`\n   * >\n   * > В данный момент изменения окна существует в рамках песочницы. По сути мы храним ссылку на окно ради этого кейса\n   * > в песочнице.\n   */\n  window: Window | undefined;\n  /**\n   * Хранит созданные медиа выражения.\n   *\n   * Достаточно единожды создать экземпляры `MediaQueryList`, а дальше подписываться на события\n   * через метод `addEventListener(type, listener)`.\n   *\n   * {@link https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList}\n   */\n  mediaQueries: MediaQueries | null;\n}\n\nconst storedMediaQueries: StoredMediaQueries = {\n  window: undefined,\n  mediaQueries: null,\n};\n\n/**\n * Возвращает медиа выражения определенные дизайн-системой.\n */\nexport const useMediaQueries = () => {\n  const { window } = useDOM();\n\n  return React.useMemo(\n    function initializeStoreOrUpdateStoreIfWindowChanges() {\n      if (storedMediaQueries.window === window && storedMediaQueries.mediaQueries !== null) {\n        return storedMediaQueries.mediaQueries;\n      }\n\n      const matchMedia = window ? window.matchMedia.bind(window) : mediaQueryNull;\n\n      storedMediaQueries.window = window;\n      storedMediaQueries.mediaQueries = {\n        desktopPlus: matchMedia(MEDIA_QUERIES.DESKTOP_PLUS),\n        smallTabletPlus: matchMedia(MEDIA_QUERIES.SMALL_TABLET_PLUS),\n        tablet: matchMedia(MEDIA_QUERIES.TABLET),\n        smallTablet: matchMedia(MEDIA_QUERIES.SMALL_TABLET),\n        mobile: matchMedia(MEDIA_QUERIES.MOBILE),\n        mediumHeight: matchMedia(MEDIA_QUERIES.MEDIUM_HEIGHT),\n        mobileLandscapeHeight: matchMedia(MEDIA_QUERIES.MOBILE_LANDSCAPE_HEIGHT),\n      };\n\n      return storedMediaQueries.mediaQueries;\n    },\n    [window],\n  );\n};\n"],"names":["React","MEDIA_QUERIES","mediaQueryNull","useDOM","storedMediaQueries","window","undefined","mediaQueries","useMediaQueries","useMemo","initializeStoreOrUpdateStoreIfWindowChanges","matchMedia","bind","desktopPlus","DESKTOP_PLUS","smallTabletPlus","SMALL_TABLET_PLUS","tablet","TABLET","smallTablet","SMALL_TABLET","mobile","MOBILE","mediumHeight","MEDIUM_HEIGHT","mobileLandscapeHeight","MOBILE_LANDSCAPE_HEIGHT"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAA2B,oBAAoB;AACrE,SAASC,cAAc,QAAQ,iBAAiB;AAChD,SAASC,MAAM,QAAQ,aAAa;AAuBpC,IAAMC,qBAAyC;IAC7CC,QAAQC;IACRC,cAAc,IAAI;AACpB;AAEA;;CAEC,GACD,OAAO,IAAMC,kBAAkB,WAAM;IACnC,IAAM,AAAEH,SAAWF,SAAXE;IAER,OAAOL,MAAMS,OAAO,CAClB,SAASC,8CAA8C;QACrD,IAAIN,mBAAmBC,MAAM,KAAKA,UAAUD,mBAAmBG,YAAY,KAAK,IAAI,EAAE;YACpF,OAAOH,mBAAmBG,YAAY;QACxC,CAAC;QAED,IAAMI,aAAaN,SAASA,OAAOM,UAAU,CAACC,IAAI,CAACP,UAAUH,cAAc;QAE3EE,mBAAmBC,MAAM,GAAGA;QAC5BD,mBAAmBG,YAAY,GAAG;YAChCM,aAAaF,WAAWV,cAAca,YAAY;YAClDC,iBAAiBJ,WAAWV,cAAce,iBAAiB;YAC3DC,QAAQN,WAAWV,cAAciB,MAAM;YACvCC,aAAaR,WAAWV,cAAcmB,YAAY;YAClDC,QAAQV,WAAWV,cAAcqB,MAAM;YACvCC,cAAcZ,WAAWV,cAAcuB,aAAa;YACpDC,uBAAuBd,WAAWV,cAAcyB,uBAAuB;QACzE;QAEA,OAAOtB,mBAAmBG,YAAY;IACxC,GACA;QAACF;KAAO;AAEZ,EAAE"}
+{"version":3,"sources":["../../src/hooks/useMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { MEDIA_QUERIES, type MediaQueries } from '../lib/adaptivity';\nimport { mediaQueryNull } from '../lib/browser';\nimport { useDOM } from '../lib/dom';\n\ninterface StoredMediaQueries {\n  /**\n   * Постоянная ссылка на окно. Это необходима, чтобы пересоздать медиа выражение если окно вдруг измениться.\n   *\n   * > `styleguide`\n   * >\n   * > В данный момент изменения окна существует в рамках песочницы. По сути мы храним ссылку на окно ради этого кейса\n   * > в песочнице.\n   */\n  window: Window | undefined;\n  /**\n   * Хранит созданные медиа выражения.\n   *\n   * Достаточно единожды создать экземпляры `MediaQueryList`, а дальше подписываться на события\n   * через метод `addEventListener(type, listener)`.\n   *\n   * {@link https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList}\n   */\n  mediaQueries: MediaQueries | null;\n}\n\nconst storedMediaQueries: StoredMediaQueries = {\n  window: undefined,\n  mediaQueries: null,\n};\n\n/**\n * Возвращает медиа выражения определенные дизайн-системой.\n */\nexport const useMediaQueries = () => {\n  const { window } = useDOM();\n\n  return React.useMemo(\n    function initializeStoreOrUpdateStoreIfWindowChanges() {\n      if (storedMediaQueries.window === window && storedMediaQueries.mediaQueries !== null) {\n        return storedMediaQueries.mediaQueries;\n      }\n\n      const matchMedia = window ? window.matchMedia.bind(window) : mediaQueryNull;\n\n      storedMediaQueries.window = window;\n      storedMediaQueries.mediaQueries = {\n        desktopPlus: matchMedia(MEDIA_QUERIES.DESKTOP_PLUS),\n        smallTabletPlus: matchMedia(MEDIA_QUERIES.SMALL_TABLET_PLUS),\n        tablet: matchMedia(MEDIA_QUERIES.TABLET),\n        smallTablet: matchMedia(MEDIA_QUERIES.SMALL_TABLET),\n        mobile: matchMedia(MEDIA_QUERIES.MOBILE),\n        mediumHeight: matchMedia(MEDIA_QUERIES.MEDIUM_HEIGHT),\n        mobileLandscapeHeight: matchMedia(MEDIA_QUERIES.MOBILE_LANDSCAPE_HEIGHT),\n      };\n\n      return storedMediaQueries.mediaQueries;\n    },\n    [window],\n  );\n};\n"],"names":["React","MEDIA_QUERIES","mediaQueryNull","useDOM","storedMediaQueries","window","undefined","mediaQueries","useMediaQueries","useMemo","initializeStoreOrUpdateStoreIfWindowChanges","matchMedia","bind","desktopPlus","DESKTOP_PLUS","smallTabletPlus","SMALL_TABLET_PLUS","tablet","TABLET","smallTablet","SMALL_TABLET","mobile","MOBILE","mediumHeight","MEDIUM_HEIGHT","mobileLandscapeHeight","MOBILE_LANDSCAPE_HEIGHT"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAA2B,oBAAoB;AACrE,SAASC,cAAc,QAAQ,iBAAiB;AAChD,SAASC,MAAM,QAAQ,aAAa;AAuBpC,IAAMC,qBAAyC;IAC7CC,QAAQC;IACRC,cAAc;AAChB;AAEA;;CAEC,GACD,OAAO,IAAMC,kBAAkB;IAC7B,IAAM,AAAEH,SAAWF,SAAXE;IAER,OAAOL,MAAMS,QACX,SAASC;QACP,IAAIN,mBAAmBC,WAAWA,UAAUD,mBAAmBG,iBAAiB,MAAM;YACpF,OAAOH,mBAAmBG;QAC5B;QAEA,IAAMI,aAAaN,SAASA,OAAOM,WAAWC,KAAKP,UAAUH;QAE7DE,mBAAmBC,SAASA;QAC5BD,mBAAmBG,eAAe;YAChCM,aAAaF,WAAWV,cAAca;YACtCC,iBAAiBJ,WAAWV,cAAce;YAC1CC,QAAQN,WAAWV,cAAciB;YACjCC,aAAaR,WAAWV,cAAcmB;YACtCC,QAAQV,WAAWV,cAAcqB;YACjCC,cAAcZ,WAAWV,cAAcuB;YACvCC,uBAAuBd,WAAWV,cAAcyB;QAClD;QAEA,OAAOtB,mBAAmBG;IAC5B,GACA;QAACF;KAAO;AAEZ,EAAE"}

package/dist/hooks/useObjectMemo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useObjectMemo.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function objectEquals(o1: any, o2: any) {\n  return (\n    Object.keys(o1).length === Object.keys(o2).length &&\n    Object.keys(o1).every((k) => o1[k] === o2[k])\n  );\n}\n\nexport function useObjectMemo<T>(object: T): T {\n  const cache = React.useRef(object);\n  if (!objectEquals(cache.current, object)) {\n    cache.current = object;\n  }\n  return cache.current;\n}\n"],"names":["React","objectEquals","o1","o2","Object","keys","length","every","k","useObjectMemo","object","cache","useRef","current"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,SAASC,aAAaC,EAAO,EAAEC,EAAO,EAAE;IAC7C,OACEC,OAAOC,IAAI,CAACH,IAAII,MAAM,KAAKF,OAAOC,IAAI,CAACF,IAAIG,MAAM,IACjDF,OAAOC,IAAI,CAACH,IAAIK,KAAK,CAAC,SAACC;eAAMN,EAAE,CAACM,EAAE,KAAKL,EAAE,CAACK,EAAE;;AAEhD,CAAC;AAED,OAAO,SAASC,cAAiBC,MAAS,EAAK;IAC7C,IAAMC,QAAQX,MAAMY,MAAM,CAACF;IAC3B,IAAI,CAACT,aAAaU,MAAME,OAAO,EAAEH,SAAS;QACxCC,MAAME,OAAO,GAAGH;IAClB,CAAC;IACD,OAAOC,MAAME,OAAO;AACtB,CAAC"}
+{"version":3,"sources":["../../src/hooks/useObjectMemo.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function objectEquals(o1: any, o2: any) {\n  return (\n    Object.keys(o1).length === Object.keys(o2).length &&\n    Object.keys(o1).every((k) => o1[k] === o2[k])\n  );\n}\n\nexport function useObjectMemo<T>(object: T): T {\n  const cache = React.useRef(object);\n  if (!objectEquals(cache.current, object)) {\n    cache.current = object;\n  }\n  return cache.current;\n}\n"],"names":["React","objectEquals","o1","o2","Object","keys","length","every","k","useObjectMemo","object","cache","useRef","current"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,SAASC,aAAaC,EAAO,EAAEC,EAAO;IAC3C,OACEC,OAAOC,KAAKH,IAAII,WAAWF,OAAOC,KAAKF,IAAIG,UAC3CF,OAAOC,KAAKH,IAAIK,MAAM,SAACC;eAAMN,EAAE,CAACM,EAAE,KAAKL,EAAE,CAACK,EAAE;;AAEhD;AAEA,OAAO,SAASC,cAAiBC,MAAS;IACxC,IAAMC,QAAQX,MAAMY,OAAOF;IAC3B,IAAI,CAACT,aAAaU,MAAME,SAASH,SAAS;QACxCC,MAAME,UAAUH;IAClB;IACA,OAAOC,MAAME;AACf"}

package/dist/hooks/useOrientationChange.js

@@ -1,4 +1,4 @@
-import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import * as React from "react";
 import { useDOM } from "../lib/dom";
 import { useGlobalEventListener } from "./useGlobalEventListener";

package/dist/hooks/useOrientationChange.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useOrientationChange.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\ntype Orientation = 'portrait' | 'landscape';\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Учитывает особенности API на разных платформах.\n */\nfunction getOrientation(window: Window | undefined): Orientation {\n  if (!window) {\n    return 'portrait';\n  }\n\n  const angle = Math.abs(\n    // eslint-disable-next-line compat/compat\n    window.screen?.orientation?.angle ?? Number(window.orientation),\n  );\n\n  return angle === 90 ? 'landscape' : 'portrait';\n}\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Обновляется при изменении ориентации.\n */\nexport function useOrientationChange(): Orientation {\n  const { window } = useDOM();\n\n  const [orientation, setOrientation] = React.useState(() => getOrientation(window));\n\n  useGlobalEventListener(window, 'orientationchange', () => setOrientation(getOrientation(window)));\n\n  return orientation;\n}\n"],"names":["React","useDOM","useGlobalEventListener","getOrientation","window","angle","Math","abs","screen","orientation","Number","useOrientationChange","useState","setOrientation"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,sBAAsB,QAAQ,2BAA2B;AAIlE;;;CAGC,GACD,SAASC,eAAeC,MAA0B,EAAe;QAM7D,yCAAyC;IACzCA;IANF,IAAI,CAACA,QAAQ;QACX,OAAO;IACT,CAAC;QAICA;IAFF,IAAMC,QAAQC,KAAKC,GAAG,CAEpBH,CAAAA,mCAAAA,CAAAA,iBAAAA,OAAOI,MAAM,cAAbJ,4BAAAA,KAAAA,IAAAA,8BAAAA,eAAeK,iEAAfL,KAAAA,+BAA4BC,KAAF,cAA1BD,8CAAAA,mCAAqCM,OAAON,OAAOK,WAAW,CAAC;IAGjE,OAAOJ,UAAU,KAAK,cAAc,UAAU;AAChD;AAEA;;;CAGC,GACD,OAAO,SAASM,uBAAoC;IAClD,IAAM,AAAEP,SAAWH,SAAXG;IAER,IAAsCJ,mCAAAA,MAAMY,QAAQ,CAAC;eAAMT,eAAeC;YAAnEK,cAA+BT,oBAAlBa,iBAAkBb;IAEtCE,uBAAuBE,QAAQ,qBAAqB;eAAMS,eAAeV,eAAeC;;IAExF,OAAOK;AACT,CAAC"}
+{"version":3,"sources":["../../src/hooks/useOrientationChange.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\ntype Orientation = 'portrait' | 'landscape';\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Учитывает особенности API на разных платформах.\n */\nfunction getOrientation(window: Window | undefined): Orientation {\n  if (!window) {\n    return 'portrait';\n  }\n\n  const angle = Math.abs(\n    // eslint-disable-next-line compat/compat\n    window.screen?.orientation?.angle ?? Number(window.orientation),\n  );\n\n  return angle === 90 ? 'landscape' : 'portrait';\n}\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Обновляется при изменении ориентации.\n */\nexport function useOrientationChange(): Orientation {\n  const { window } = useDOM();\n\n  const [orientation, setOrientation] = React.useState(() => getOrientation(window));\n\n  useGlobalEventListener(window, 'orientationchange', () => setOrientation(getOrientation(window)));\n\n  return orientation;\n}\n"],"names":["React","useDOM","useGlobalEventListener","getOrientation","window","angle","Math","abs","screen","orientation","Number","useOrientationChange","useState","setOrientation"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,sBAAsB,QAAQ,2BAA2B;AAIlE;;;CAGC,GACD,SAASC,eAAeC,MAA0B;QAM9C,yCAAyC;IACzCA;IANF,IAAI,CAACA,QAAQ;QACX,OAAO;IACT;QAIEA;IAFF,IAAMC,QAAQC,KAAKC,IAEjBH,CAAAA,mCAAAA,CAAAA,iBAAAA,OAAOI,oBAAPJ,4BAAAA,KAAAA,IAAAA,8BAAAA,eAAeK,iEAAfL,KAAAA,+BAA4BC,mBAA5BD,8CAAAA,mCAAqCM,OAAON,OAAOK;IAGrD,OAAOJ,UAAU,KAAK,cAAc;AACtC;AAEA;;;CAGC,GACD,OAAO,SAASM;IACd,IAAM,AAAEP,SAAWH,SAAXG;IAER,IAAsCJ,mCAAAA,MAAMY,SAAS;eAAMT,eAAeC;YAAnEK,cAA+BT,oBAAlBa,iBAAkBb;IAEtCE,uBAAuBE,QAAQ,qBAAqB;eAAMS,eAAeV,eAAeC;;IAExF,OAAOK;AACT"}

package/dist/hooks/usePagination.js

@@ -1,4 +1,4 @@
-import _to_consumable_array from "@swc/helpers/src/_to_consumable_array.mjs";
+import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
 import * as React from "react";
 import { clamp } from "../helpers/math";
 import { rangeIncrement } from "../helpers/range";

package/dist/hooks/usePagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/usePagination.ts"],"sourcesContent":["import * as React from 'react';\nimport { clamp } from '../helpers/math';\nimport { rangeIncrement } from '../helpers/range';\n\ninterface UsePaginationProps {\n  /**\n   * Текущая страница.\n   */\n  currentPage?: number;\n  /**\n   * Кол-во всегда видимых страниц по краям текущей страницы.\n   */\n  siblingCount?: number;\n  /**\n   * Кол-во всегда видимых страниц в начале и в конце.\n   */\n  boundaryCount?: number;\n  /**\n   * Общее кол-во страниц.\n   */\n  totalPages?: number;\n}\n\nexport type PaginationPageType = 'start-ellipsis' | 'end-ellipsis' | number;\n\nexport type UsePaginationResult = PaginationPageType[];\n\n/**\n * Хук позаимствован у @mui с некоторыми изменениями.\n *  [usePagination.js](https://github.com/mui/material-ui/blob/master/packages/mui-material/src/usePagination/usePagination.js).\n *\n * Примеры вывода:\n *           v\n * [1, 2, 3, 4, 5, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 4, 5, 6, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 6, 7, 8, 9, 10]\n */\nexport const usePagination = ({\n  currentPage = 1,\n  siblingCount = 1,\n  boundaryCount = 1,\n  totalPages: endPage = 1,\n}: UsePaginationProps = {}): UsePaginationResult =>\n  React.useMemo(() => {\n    const startPages = rangeIncrement(1, Math.min(boundaryCount, endPage));\n    const endPages = rangeIncrement(\n      Math.max(endPage - boundaryCount + 1, boundaryCount + 1),\n      endPage,\n    );\n\n    const lowerBoundaryWhenCurrentPageHigh = endPage - boundaryCount - 1 - 2 * siblingCount;\n    const siblingsStart = clamp(\n      currentPage - siblingCount,\n      boundaryCount + 2,\n      lowerBoundaryWhenCurrentPageHigh,\n    );\n\n    const upperBoundaryWhenCurrentPageLow = boundaryCount + 2 + 2 * siblingCount;\n    const siblingsEnd = Math.min(\n      Math.max(currentPage + siblingCount, upperBoundaryWhenCurrentPageLow),\n      endPages.length > 0 ? endPages[0] - 2 : endPage - 1,\n    );\n\n    const pages: UsePaginationResult = startPages;\n\n    if (siblingsStart > boundaryCount + 2) {\n      pages.push('start-ellipsis');\n    } else if (boundaryCount + 1 < endPage - boundaryCount) {\n      pages.push(boundaryCount + 1);\n    }\n\n    pages.push(...rangeIncrement(siblingsStart, siblingsEnd));\n\n    if (siblingsEnd < endPage - boundaryCount - 1) {\n      pages.push('end-ellipsis');\n    } else if (endPage - boundaryCount > boundaryCount) {\n      pages.push(endPage - boundaryCount);\n    }\n\n    pages.push(...endPages);\n\n    return pages;\n  }, [currentPage, endPage, siblingCount, boundaryCount]);\n"],"names":["React","clamp","rangeIncrement","usePagination","currentPage","siblingCount","boundaryCount","endPage","totalPages","useMemo","pages","startPages","Math","min","endPages","max","lowerBoundaryWhenCurrentPageHigh","siblingsStart","upperBoundaryWhenCurrentPageLow","siblingsEnd","length","push"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,cAAc,QAAQ,mBAAmB;AAyBlD;;;;;;;;;;;CAWC,GACD,OAAO,IAAMC,gBAAgB;gFAKL,CAAC,2BAJvBC,aAAAA,4CAAc,+CACdC,cAAAA,8CAAe,iDACfC,eAAAA,gDAAgB,wBACJC,WAAZC,YAAYD,UAAAA,iBAAU,IAAVA;WAEZP,MAAMS,OAAO,CAAC,WAAM;YA4BlBC,QAQAA;QAnCA,IAAMC,aAAaT,eAAe,GAAGU,KAAKC,GAAG,CAACP,eAAeC;QAC7D,IAAMO,WAAWZ,eACfU,KAAKG,GAAG,CAACR,UAAUD,gBAAgB,GAAGA,gBAAgB,IACtDC;QAGF,IAAMS,mCAAmCT,UAAUD,gBAAgB,IAAI,IAAID;QAC3E,IAAMY,gBAAgBhB,MACpBG,cAAcC,cACdC,gBAAgB,GAChBU;QAGF,IAAME,kCAAkCZ,gBAAgB,IAAI,IAAID;QAChE,IAAMc,cAAcP,KAAKC,GAAG,CAC1BD,KAAKG,GAAG,CAACX,cAAcC,cAAca,kCACrCJ,SAASM,MAAM,GAAG,IAAIN,QAAQ,CAAC,EAAE,GAAG,IAAIP,UAAU,CAAC;QAGrD,IAAMG,QAA6BC;QAEnC,IAAIM,gBAAgBX,gBAAgB,GAAG;YACrCI,MAAMW,IAAI,CAAC;QACb,OAAO,IAAIf,gBAAgB,IAAIC,UAAUD,eAAe;YACtDI,MAAMW,IAAI,CAACf,gBAAgB;QAC7B,CAAC;QAEDI,CAAAA,SAAAA,OAAMW,IAAI,CAAVX,MAAAA,QAAW,qBAAGR,eAAee,eAAeE;QAE5C,IAAIA,cAAcZ,UAAUD,gBAAgB,GAAG;YAC7CI,MAAMW,IAAI,CAAC;QACb,OAAO,IAAId,UAAUD,gBAAgBA,eAAe;YAClDI,MAAMW,IAAI,CAACd,UAAUD;QACvB,CAAC;QAEDI,CAAAA,UAAAA,OAAMW,IAAI,CAAVX,MAAAA,SAAW,qBAAGI;QAEd,OAAOJ;IACT,GAAG;QAACN;QAAaG;QAASF;QAAcC;KAAc;EAAE"}
+{"version":3,"sources":["../../src/hooks/usePagination.ts"],"sourcesContent":["import * as React from 'react';\nimport { clamp } from '../helpers/math';\nimport { rangeIncrement } from '../helpers/range';\n\ninterface UsePaginationProps {\n  /**\n   * Текущая страница.\n   */\n  currentPage?: number;\n  /**\n   * Кол-во всегда видимых страниц по краям текущей страницы.\n   */\n  siblingCount?: number;\n  /**\n   * Кол-во всегда видимых страниц в начале и в конце.\n   */\n  boundaryCount?: number;\n  /**\n   * Общее кол-во страниц.\n   */\n  totalPages?: number;\n}\n\nexport type PaginationPageType = 'start-ellipsis' | 'end-ellipsis' | number;\n\nexport type UsePaginationResult = PaginationPageType[];\n\n/**\n * Хук позаимствован у @mui с некоторыми изменениями.\n *  [usePagination.js](https://github.com/mui/material-ui/blob/master/packages/mui-material/src/usePagination/usePagination.js).\n *\n * Примеры вывода:\n *           v\n * [1, 2, 3, 4, 5, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 4, 5, 6, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 6, 7, 8, 9, 10]\n */\nexport const usePagination = ({\n  currentPage = 1,\n  siblingCount = 1,\n  boundaryCount = 1,\n  totalPages: endPage = 1,\n}: UsePaginationProps = {}): UsePaginationResult =>\n  React.useMemo(() => {\n    const startPages = rangeIncrement(1, Math.min(boundaryCount, endPage));\n    const endPages = rangeIncrement(\n      Math.max(endPage - boundaryCount + 1, boundaryCount + 1),\n      endPage,\n    );\n\n    const lowerBoundaryWhenCurrentPageHigh = endPage - boundaryCount - 1 - 2 * siblingCount;\n    const siblingsStart = clamp(\n      currentPage - siblingCount,\n      boundaryCount + 2,\n      lowerBoundaryWhenCurrentPageHigh,\n    );\n\n    const upperBoundaryWhenCurrentPageLow = boundaryCount + 2 + 2 * siblingCount;\n    const siblingsEnd = Math.min(\n      Math.max(currentPage + siblingCount, upperBoundaryWhenCurrentPageLow),\n      endPages.length > 0 ? endPages[0] - 2 : endPage - 1,\n    );\n\n    const pages: UsePaginationResult = startPages;\n\n    if (siblingsStart > boundaryCount + 2) {\n      pages.push('start-ellipsis');\n    } else if (boundaryCount + 1 < endPage - boundaryCount) {\n      pages.push(boundaryCount + 1);\n    }\n\n    pages.push(...rangeIncrement(siblingsStart, siblingsEnd));\n\n    if (siblingsEnd < endPage - boundaryCount - 1) {\n      pages.push('end-ellipsis');\n    } else if (endPage - boundaryCount > boundaryCount) {\n      pages.push(endPage - boundaryCount);\n    }\n\n    pages.push(...endPages);\n\n    return pages;\n  }, [currentPage, endPage, siblingCount, boundaryCount]);\n"],"names":["React","clamp","rangeIncrement","usePagination","currentPage","siblingCount","boundaryCount","endPage","totalPages","useMemo","pages","startPages","Math","min","endPages","max","lowerBoundaryWhenCurrentPageHigh","siblingsStart","upperBoundaryWhenCurrentPageLow","siblingsEnd","length","push"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,cAAc,QAAQ,mBAAmB;AAyBlD;;;;;;;;;;;CAWC,GACD,OAAO,IAAMC,gBAAgB;gFAKL,CAAC,2BAJvBC,aAAAA,4CAAc,+CACdC,cAAAA,8CAAe,iDACfC,eAAAA,gDAAgB,wBACJC,WAAZC,YAAYD,UAAAA,iBAAU,IAAVA;WAEZP,MAAMS,QAAQ;YA4BZC,QAQAA;QAnCA,IAAMC,aAAaT,eAAe,GAAGU,KAAKC,IAAIP,eAAeC;QAC7D,IAAMO,WAAWZ,eACfU,KAAKG,IAAIR,UAAUD,gBAAgB,GAAGA,gBAAgB,IACtDC;QAGF,IAAMS,mCAAmCT,UAAUD,gBAAgB,IAAI,IAAID;QAC3E,IAAMY,gBAAgBhB,MACpBG,cAAcC,cACdC,gBAAgB,GAChBU;QAGF,IAAME,kCAAkCZ,gBAAgB,IAAI,IAAID;QAChE,IAAMc,cAAcP,KAAKC,IACvBD,KAAKG,IAAIX,cAAcC,cAAca,kCACrCJ,SAASM,SAAS,IAAIN,QAAQ,CAAC,EAAE,GAAG,IAAIP,UAAU;QAGpD,IAAMG,QAA6BC;QAEnC,IAAIM,gBAAgBX,gBAAgB,GAAG;YACrCI,MAAMW,KAAK;QACb,OAAO,IAAIf,gBAAgB,IAAIC,UAAUD,eAAe;YACtDI,MAAMW,KAAKf,gBAAgB;QAC7B;QAEAI,CAAAA,SAAAA,OAAMW,KAANX,MAAAA,QAAW,qBAAGR,eAAee,eAAeE;QAE5C,IAAIA,cAAcZ,UAAUD,gBAAgB,GAAG;YAC7CI,MAAMW,KAAK;QACb,OAAO,IAAId,UAAUD,gBAAgBA,eAAe;YAClDI,MAAMW,KAAKd,UAAUD;QACvB;QAEAI,CAAAA,UAAAA,OAAMW,KAANX,MAAAA,SAAW,qBAAGI;QAEd,OAAOJ;IACT,GAAG;QAACN;QAAaG;QAASF;QAAcC;KAAc;EAAE"}

package/dist/hooks/usePatchChildrenRef.js

@@ -1,4 +1,4 @@
-import _define_property from "@swc/helpers/src/_define_property.mjs";
+import { _ as _define_property } from "@swc/helpers/_/_define_property";
 import * as React from "react";
 import { warnOnce } from "../lib/warnOnce";
 import { useEffectDev } from "./useEffectDev";

package/dist/hooks/usePatchChildrenRef.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/usePatchChildrenRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { warnOnce } from '../lib/warnOnce';\nimport { useEffectDev } from './useEffectDev';\nimport { useExternRef } from './useExternRef';\n\ntype ChildrenElement<T> = React.ReactElement<{ getRootRef?: React.Ref<T> }>;\n\nconst isDOMTypeElement = (element: React.ReactElement): element is React.DOMElement<any, any> => {\n  return typeof element.type === 'string';\n};\n\nconst warn = warnOnce('usePatchChildrenRef');\n\nexport const usePatchChildrenRef = <T = HTMLElement>(\n  children?: ChildrenElement<T>,\n): [React.MutableRefObject<T | null>, ChildrenElement<T> | undefined] => {\n  const childRef =\n    React.isValidElement(children) &&\n    (isDOMTypeElement(children) ? (children.ref as React.Ref<T>) : children.props.getRootRef);\n  const patchedRef = useExternRef<T>(childRef);\n\n  useEffectDev(() => {\n    if (!patchedRef.current) {\n      warn(\n        'Кажется, в children передан компонент, который не поддерживает свойство getRootRef. Мы не можем получить ссылку на корневой dom-элемент этого компонента',\n        'error',\n      );\n    }\n  }, [children?.type, patchedRef]);\n\n  return [\n    patchedRef,\n    React.isValidElement(children)\n      ? React.cloneElement(children, {\n          [isDOMTypeElement(children) ? 'ref' : 'getRootRef']: patchedRef,\n        })\n      : children,\n  ];\n};\n"],"names":["React","warnOnce","useEffectDev","useExternRef","isDOMTypeElement","element","type","warn","usePatchChildrenRef","children","childRef","isValidElement","ref","props","getRootRef","patchedRef","current","cloneElement"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,YAAY,QAAQ,iBAAiB;AAI9C,IAAMC,mBAAmB,SAACC,SAAuE;IAC/F,OAAO,OAAOA,QAAQC,IAAI,KAAK;AACjC;AAEA,IAAMC,OAAON,SAAS;AAEtB,OAAO,IAAMO,sBAAsB,SACjCC,UACuE;IACvE,IAAMC,WACJV,MAAMW,cAAc,CAACF,aACpBL,CAAAA,iBAAiBK,YAAaA,SAASG,GAAG,GAAoBH,SAASI,KAAK,CAACC,UAAU,AAAD;IACzF,IAAMC,aAAaZ,aAAgBO;IAEnCR,aAAa,WAAM;QACjB,IAAI,CAACa,WAAWC,OAAO,EAAE;YACvBT,KACE,4JACA;QAEJ,CAAC;IACH,GAAG;QAACE,qBAAAA,sBAAAA,KAAAA,IAAAA,SAAUH,IAAI;QAAES;KAAW;IAE/B,OAAO;QACLA;QACAf,MAAMW,cAAc,CAACF,YACjBT,MAAMiB,YAAY,CAACR,UACjB,qBAACL,iBAAiBK,YAAY,QAAQ,YAAY,EAAGM,eAEvDN,QAAQ;KACb;AACH,EAAE"}
+{"version":3,"sources":["../../src/hooks/usePatchChildrenRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { warnOnce } from '../lib/warnOnce';\nimport { useEffectDev } from './useEffectDev';\nimport { useExternRef } from './useExternRef';\n\ntype ChildrenElement<T> = React.ReactElement<{ getRootRef?: React.Ref<T> }>;\n\nconst isDOMTypeElement = (element: React.ReactElement): element is React.DOMElement<any, any> => {\n  return typeof element.type === 'string';\n};\n\nconst warn = warnOnce('usePatchChildrenRef');\n\nexport const usePatchChildrenRef = <T = HTMLElement>(\n  children?: ChildrenElement<T>,\n): [React.MutableRefObject<T | null>, ChildrenElement<T> | undefined] => {\n  const childRef =\n    React.isValidElement(children) &&\n    (isDOMTypeElement(children) ? (children.ref as React.Ref<T>) : children.props.getRootRef);\n  const patchedRef = useExternRef<T>(childRef);\n\n  useEffectDev(() => {\n    if (!patchedRef.current) {\n      warn(\n        'Кажется, в children передан компонент, который не поддерживает свойство getRootRef. Мы не можем получить ссылку на корневой dom-элемент этого компонента',\n        'error',\n      );\n    }\n  }, [children?.type, patchedRef]);\n\n  return [\n    patchedRef,\n    React.isValidElement(children)\n      ? React.cloneElement(children, {\n          [isDOMTypeElement(children) ? 'ref' : 'getRootRef']: patchedRef,\n        })\n      : children,\n  ];\n};\n"],"names":["React","warnOnce","useEffectDev","useExternRef","isDOMTypeElement","element","type","warn","usePatchChildrenRef","children","childRef","isValidElement","ref","props","getRootRef","patchedRef","current","cloneElement"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,YAAY,QAAQ,iBAAiB;AAI9C,IAAMC,mBAAmB,SAACC;IACxB,OAAO,OAAOA,QAAQC,SAAS;AACjC;AAEA,IAAMC,OAAON,SAAS;AAEtB,OAAO,IAAMO,sBAAsB,SACjCC;IAEA,IAAMC,WACJV,MAAMW,eAAeF,aACpBL,CAAAA,iBAAiBK,YAAaA,SAASG,MAAuBH,SAASI,MAAMC,UAAS;IACzF,IAAMC,aAAaZ,aAAgBO;IAEnCR,aAAa;QACX,IAAI,CAACa,WAAWC,SAAS;YACvBT,KACE,4JACA;QAEJ;IACF,GAAG;QAACE,qBAAAA,sBAAAA,KAAAA,IAAAA,SAAUH;QAAMS;KAAW;IAE/B,OAAO;QACLA;QACAf,MAAMW,eAAeF,YACjBT,MAAMiB,aAAaR,UACjB,qBAACL,iBAAiBK,YAAY,QAAQ,cAAeM,eAEvDN;KACL;AACH,EAAE"}

package/dist/hooks/usePlatform.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/usePlatform.ts"],"sourcesContent":["import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport { PlatformType } from '../lib/platform';\n\nexport function usePlatform(): PlatformType {\n  const { platform } = useConfigProvider();\n\n  return platform;\n}\n"],"names":["useConfigProvider","usePlatform","platform"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,qDAAqD;AAGvF,OAAO,SAASC,cAA4B;IAC1C,IAAM,AAAEC,WAAaF,oBAAbE;IAER,OAAOA;AACT,CAAC"}
+{"version":3,"sources":["../../src/hooks/usePlatform.ts"],"sourcesContent":["import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport { PlatformType } from '../lib/platform';\n\nexport function usePlatform(): PlatformType {\n  const { platform } = useConfigProvider();\n\n  return platform;\n}\n"],"names":["useConfigProvider","usePlatform","platform"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,qDAAqD;AAGvF,OAAO,SAASC;IACd,IAAM,AAAEC,WAAaF,oBAAbE;IAER,OAAOA;AACT"}

package/dist/hooks/usePrevious.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/usePrevious.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function usePrevious<T>(value: T): T | undefined {\n  const ref = React.useRef<T | undefined>();\n\n  React.useEffect(() => {\n    ref.current = value;\n  });\n\n  return ref.current;\n}\n"],"names":["React","usePrevious","value","ref","useRef","useEffect","current"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,SAASC,YAAeC,KAAQ,EAAiB;IACtD,IAAMC,MAAMH,MAAMI,MAAM;IAExBJ,MAAMK,SAAS,CAAC,WAAM;QACpBF,IAAIG,OAAO,GAAGJ;IAChB;IAEA,OAAOC,IAAIG,OAAO;AACpB,CAAC"}
+{"version":3,"sources":["../../src/hooks/usePrevious.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function usePrevious<T>(value: T): T | undefined {\n  const ref = React.useRef<T | undefined>();\n\n  React.useEffect(() => {\n    ref.current = value;\n  });\n\n  return ref.current;\n}\n"],"names":["React","usePrevious","value","ref","useRef","useEffect","current"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,SAASC,YAAeC,KAAQ;IACrC,IAAMC,MAAMH,MAAMI;IAElBJ,MAAMK,UAAU;QACdF,IAAIG,UAAUJ;IAChB;IAEA,OAAOC,IAAIG;AACb"}

package/dist/hooks/useTimeout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useTimeout.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport function useTimeout(cb: () => any, duration: number) {\n  const options = React.useRef({ cb, duration });\n  useIsomorphicLayoutEffect(() => {\n    options.current.cb = cb;\n    options.current.duration = duration;\n  }, [cb, duration]);\n\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n  const clear = React.useCallback(() => {\n    if (canUseDOM && timeout?.current) {\n      clearTimeout(timeout.current);\n    }\n  }, []);\n  const set = React.useCallback(\n    (duration = options.current.duration) => {\n      clear();\n      if (canUseDOM) {\n        timeout.current = setTimeout(() => {\n          const { cb } = options.current;\n          typeof cb === 'function' && cb();\n        }, duration);\n      }\n    },\n    [clear],\n  );\n  useIsomorphicLayoutEffect(() => clear, []);\n\n  return { set, clear };\n}\n"],"names":["React","canUseDOM","useIsomorphicLayoutEffect","useTimeout","cb","duration","options","useRef","current","timeout","clear","useCallback","clearTimeout","set","setTimeout"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E,OAAO,SAASC,WAAWC,EAAa,EAAEC,QAAgB,EAAE;IAC1D,IAAMC,UAAUN,MAAMO,MAAM,CAAC;QAAEH,IAAAA;QAAIC,UAAAA;IAAS;IAC5CH,0BAA0B,WAAM;QAC9BI,QAAQE,OAAO,CAACJ,EAAE,GAAGA;QACrBE,QAAQE,OAAO,CAACH,QAAQ,GAAGA;IAC7B,GAAG;QAACD;QAAIC;KAAS;IAEjB,IAAMI,UAAUT,MAAMO,MAAM;IAC5B,IAAMG,QAAQV,MAAMW,WAAW,CAAC,WAAM;QACpC,IAAIV,aAAaQ,CAAAA,oBAAAA,qBAAAA,KAAAA,IAAAA,QAASD,OAAO,AAAD,GAAG;YACjCI,aAAaH,QAAQD,OAAO;QAC9B,CAAC;IACH,GAAG,EAAE;IACL,IAAMK,MAAMb,MAAMW,WAAW,CAC3B,WAAyC;YAAxCN,8EAAWC,QAAQE,OAAO,CAACH,QAAQ;QAClCK;QACA,IAAIT,WAAW;YACbQ,QAAQD,OAAO,GAAGM,WAAW,WAAM;gBACjC,IAAM,AAAEV,OAAOE,QAAQE,OAAO,CAAtBJ;gBACR,OAAOA,SAAO,cAAcA;YAC9B,GAAGC;QACL,CAAC;IACH,GACA;QAACK;KAAM;IAETR,0BAA0B;eAAMQ;OAAO,EAAE;IAEzC,OAAO;QAAEG,KAAAA;QAAKH,OAAAA;IAAM;AACtB,CAAC"}
+{"version":3,"sources":["../../src/hooks/useTimeout.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport function useTimeout(cb: () => any, duration: number) {\n  const options = React.useRef({ cb, duration });\n  useIsomorphicLayoutEffect(() => {\n    options.current.cb = cb;\n    options.current.duration = duration;\n  }, [cb, duration]);\n\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n  const clear = React.useCallback(() => {\n    if (canUseDOM && timeout?.current) {\n      clearTimeout(timeout.current);\n    }\n  }, []);\n  const set = React.useCallback(\n    (duration = options.current.duration) => {\n      clear();\n      if (canUseDOM) {\n        timeout.current = setTimeout(() => {\n          const { cb } = options.current;\n          typeof cb === 'function' && cb();\n        }, duration);\n      }\n    },\n    [clear],\n  );\n  useIsomorphicLayoutEffect(() => clear, []);\n\n  return { set, clear };\n}\n"],"names":["React","canUseDOM","useIsomorphicLayoutEffect","useTimeout","cb","duration","options","useRef","current","timeout","clear","useCallback","clearTimeout","set","setTimeout"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E,OAAO,SAASC,WAAWC,EAAa,EAAEC,QAAgB;IACxD,IAAMC,UAAUN,MAAMO,OAAO;QAAEH,IAAAA;QAAIC,UAAAA;IAAS;IAC5CH,0BAA0B;QACxBI,QAAQE,QAAQJ,KAAKA;QACrBE,QAAQE,QAAQH,WAAWA;IAC7B,GAAG;QAACD;QAAIC;KAAS;IAEjB,IAAMI,UAAUT,MAAMO;IACtB,IAAMG,QAAQV,MAAMW,YAAY;QAC9B,IAAIV,aAAaQ,CAAAA,oBAAAA,qBAAAA,KAAAA,IAAAA,QAASD,OAAM,GAAG;YACjCI,aAAaH,QAAQD;QACvB;IACF,GAAG,EAAE;IACL,IAAMK,MAAMb,MAAMW,YAChB;YAACN,8EAAWC,QAAQE,QAAQH;QAC1BK;QACA,IAAIT,WAAW;YACbQ,QAAQD,UAAUM,WAAW;gBAC3B,IAAM,AAAEV,OAAOE,QAAQE,QAAfJ;gBACR,OAAOA,SAAO,cAAcA;YAC9B,GAAGC;QACL;IACF,GACA;QAACK;KAAM;IAETR,0BAA0B;eAAMQ;OAAO,EAAE;IAEzC,OAAO;QAAEG,KAAAA;QAAKH,OAAAA;IAAM;AACtB"}

package/dist/hooks/useTodayDate.js

@@ -1,6 +1,7 @@
-import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import React from "react";
-import { getMillisecondsToTomorrow } from "../lib/date";
+import { getMillisecondsToTomorrow, isSameDay } from "../lib/date";
+import { useDOM } from "../lib/dom";
 /**
  * Опционально обновляемая дата сегодняшнего дня
  *
@@ -11,23 +12,45 @@ import { getMillisecondsToTomorrow } from "../lib/date";
  * @param listenDayChangesForUpdate - флаг по которому определяется, будет ли создаваться подписка на смену календарного дня
  */ export function useTodayDate() {
     var listenDayChangesForUpdate = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
+    var _useDOM = useDOM(), document = _useDOM.document, window = _useDOM.window;
     var _React_useState = _sliced_to_array(React.useState(function() {
         return new Date();
     }), 2), todayDate = _React_useState[0], setTodayDate = _React_useState[1];
     React.useEffect(function() {
-        if (!listenDayChangesForUpdate) {
+        if (!listenDayChangesForUpdate || !document || !window) {
             return;
         }
-        var timeToDayChange = getMillisecondsToTomorrow(todayDate);
-        var timeout = setTimeout(function() {
-            setTodayDate(new Date());
-        }, timeToDayChange);
+        var timeout = undefined;
+        var recalcTimeout = function() {
+            if (document.visibilityState === "visible") {
+                var now = new Date();
+                var timeToDayChange = getMillisecondsToTomorrow(now);
+                // Удаляем старый таймаут
+                window.clearTimeout(timeout);
+                // Создаем новый таймаут
+                timeout = window.setTimeout(function() {
+                    setTodayDate(now);
+                }, timeToDayChange);
+                // Если todayDate не обновился в таймаут - обновить при заходе на вкладку
+                if (!isSameDay(todayDate, now)) {
+                    setTodayDate(now);
+                }
+            }
+        };
+        recalcTimeout();
+        // Создаем слушатель visibilitychange, чтобы предотвратить пропуск обновления стейта после заморозки вкладки
+        // Если человек ее долго не трогал или закрывал крышку ноута и тп
+        // https://developer.chrome.com/blog/page-lifecycle-api/
+        document.addEventListener("visibilitychange", recalcTimeout);
         return function() {
-            clearTimeout(timeout);
+            window.clearTimeout(timeout);
+            document.removeEventListener("visibilitychange", recalcTimeout);
         };
     }, [
+        document,
         listenDayChangesForUpdate,
-        todayDate
+        todayDate,
+        window
     ]);
     return todayDate;
 }

package/dist/hooks/useTodayDate.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useTodayDate.ts"],"sourcesContent":["import React from 'react';\nimport { getMillisecondsToTomorrow } from '../lib/date';\n\n/**\n * Опционально обновляемая дата сегодняшнего дня\n *\n * Дата - сегодня (в соответствии с системным временем)\n *\n * Часы, минуты, секунды, миллисекунды - произвольные\n *\n * @param listenDayChangesForUpdate - флаг по которому определяется, будет ли создаваться подписка на смену календарного дня\n */\nexport function useTodayDate(listenDayChangesForUpdate = false) {\n  const [todayDate, setTodayDate] = React.useState(() => new Date());\n\n  React.useEffect(() => {\n    if (!listenDayChangesForUpdate) {\n      return;\n    }\n\n    const timeToDayChange = getMillisecondsToTomorrow(todayDate);\n\n    const timeout = setTimeout(() => {\n      setTodayDate(new Date());\n    }, timeToDayChange);\n\n    return () => {\n      clearTimeout(timeout);\n    };\n  }, [listenDayChangesForUpdate, todayDate]);\n\n  return todayDate;\n}\n"],"names":["React","getMillisecondsToTomorrow","useTodayDate","listenDayChangesForUpdate","useState","Date","todayDate","setTodayDate","useEffect","timeToDayChange","timeout","setTimeout","clearTimeout"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,yBAAyB,QAAQ,cAAc;AAExD;;;;;;;;CAQC,GACD,OAAO,SAASC,eAAgD;QAAnCC,4BAAAA,iEAA4B,KAAK;IAC5D,IAAkCH,mCAAAA,MAAMI,QAAQ,CAAC;eAAM,IAAIC;YAApDC,YAA2BN,oBAAhBO,eAAgBP;IAElCA,MAAMQ,SAAS,CAAC,WAAM;QACpB,IAAI,CAACL,2BAA2B;YAC9B;QACF,CAAC;QAED,IAAMM,kBAAkBR,0BAA0BK;QAElD,IAAMI,UAAUC,WAAW,WAAM;YAC/BJ,aAAa,IAAIF;QACnB,GAAGI;QAEH,OAAO,WAAM;YACXG,aAAaF;QACf;IACF,GAAG;QAACP;QAA2BG;KAAU;IAEzC,OAAOA;AACT,CAAC"}
+{"version":3,"sources":["../../src/hooks/useTodayDate.ts"],"sourcesContent":["import React from 'react';\nimport { getMillisecondsToTomorrow, isSameDay } from '../lib/date';\nimport { useDOM } from '../lib/dom';\n\n/**\n * Опционально обновляемая дата сегодняшнего дня\n *\n * Дата - сегодня (в соответствии с системным временем)\n *\n * Часы, минуты, секунды, миллисекунды - произвольные\n *\n * @param listenDayChangesForUpdate - флаг по которому определяется, будет ли создаваться подписка на смену календарного дня\n */\nexport function useTodayDate(listenDayChangesForUpdate = false) {\n  const { document, window } = useDOM();\n  const [todayDate, setTodayDate] = React.useState(() => new Date());\n\n  React.useEffect(() => {\n    if (!listenDayChangesForUpdate || !document || !window) {\n      return;\n    }\n\n    let timeout: number | undefined = undefined;\n\n    const recalcTimeout = () => {\n      if (document.visibilityState === 'visible') {\n        const now = new Date();\n\n        const timeToDayChange = getMillisecondsToTomorrow(now);\n\n        // Удаляем старый таймаут\n        window.clearTimeout(timeout);\n\n        // Создаем новый таймаут\n        timeout = window.setTimeout(() => {\n          setTodayDate(now);\n        }, timeToDayChange);\n\n        // Если todayDate не обновился в таймаут - обновить при заходе на вкладку\n        if (!isSameDay(todayDate, now)) {\n          setTodayDate(now);\n        }\n      }\n    };\n\n    recalcTimeout();\n\n    // Создаем слушатель visibilitychange, чтобы предотвратить пропуск обновления стейта после заморозки вкладки\n    // Если человек ее долго не трогал или закрывал крышку ноута и тп\n    // https://developer.chrome.com/blog/page-lifecycle-api/\n    document.addEventListener('visibilitychange', recalcTimeout);\n\n    return () => {\n      window.clearTimeout(timeout);\n      document.removeEventListener('visibilitychange', recalcTimeout);\n    };\n  }, [document, listenDayChangesForUpdate, todayDate, window]);\n\n  return todayDate;\n}\n"],"names":["React","getMillisecondsToTomorrow","isSameDay","useDOM","useTodayDate","listenDayChangesForUpdate","document","window","useState","Date","todayDate","setTodayDate","useEffect","timeout","undefined","recalcTimeout","visibilityState","now","timeToDayChange","clearTimeout","setTimeout","addEventListener","removeEventListener"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,yBAAyB,EAAEC,SAAS,QAAQ,cAAc;AACnE,SAASC,MAAM,QAAQ,aAAa;AAEpC;;;;;;;;CAQC,GACD,OAAO,SAASC;QAAaC,4BAAAA,iEAA4B;IACvD,IAA6BF,UAAAA,UAArBG,WAAqBH,QAArBG,UAAUC,SAAWJ,QAAXI;IAClB,IAAkCP,mCAAAA,MAAMQ,SAAS;eAAM,IAAIC;YAApDC,YAA2BV,oBAAhBW,eAAgBX;IAElCA,MAAMY,UAAU;QACd,IAAI,CAACP,6BAA6B,CAACC,YAAY,CAACC,QAAQ;YACtD;QACF;QAEA,IAAIM,UAA8BC;QAElC,IAAMC,gBAAgB;YACpB,IAAIT,SAASU,oBAAoB,WAAW;gBAC1C,IAAMC,MAAM,IAAIR;gBAEhB,IAAMS,kBAAkBjB,0BAA0BgB;gBAElD,yBAAyB;gBACzBV,OAAOY,aAAaN;gBAEpB,wBAAwB;gBACxBA,UAAUN,OAAOa,WAAW;oBAC1BT,aAAaM;gBACf,GAAGC;gBAEH,yEAAyE;gBACzE,IAAI,CAAChB,UAAUQ,WAAWO,MAAM;oBAC9BN,aAAaM;gBACf;YACF;QACF;QAEAF;QAEA,4GAA4G;QAC5G,iEAAiE;QACjE,wDAAwD;QACxDT,SAASe,iBAAiB,oBAAoBN;QAE9C,OAAO;YACLR,OAAOY,aAAaN;YACpBP,SAASgB,oBAAoB,oBAAoBP;QACnD;IACF,GAAG;QAACT;QAAUD;QAA2BK;QAAWH;KAAO;IAE3D,OAAOG;AACT"}

package/dist/hooks/useWaitTransitionFinish.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useWaitTransitionFinish.ts"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useDOM } from '../lib/dom';\nimport { transitionEvent } from '../lib/supportEvents';\n\nexport const useWaitTransitionFinish = () => {\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const { document } = useDOM();\n  const detach = React.useRef(noop);\n\n  const remove = React.useCallback(() => {\n    detach.current();\n    detach.current = noop;\n  }, []);\n\n  const waitTransitionFinish = React.useCallback(\n    (\n      element: HTMLElement | undefined | null,\n      eventHandler: VoidFunction,\n      durationFallback: number,\n    ) => {\n      if (element) {\n        if (!document?.hidden && transitionEvent.supported && transitionEvent.name) {\n          remove();\n          element.addEventListener(transitionEvent.name, eventHandler);\n          detach.current = () => {\n            if (transitionEvent.name) {\n              element.removeEventListener(transitionEvent.name, eventHandler);\n            }\n          };\n        } else {\n          if (timeoutRef?.current) {\n            clearTimeout(timeoutRef.current);\n          }\n          timeoutRef.current = setTimeout(eventHandler, durationFallback);\n        }\n      }\n    },\n    [document, remove, timeoutRef],\n  );\n\n  return {\n    waitTransitionFinish,\n  };\n};\n"],"names":["React","noop","useDOM","transitionEvent","useWaitTransitionFinish","timeoutRef","useRef","document","detach","remove","useCallback","current","waitTransitionFinish","element","eventHandler","durationFallback","hidden","supported","name","addEventListener","removeEventListener","clearTimeout","setTimeout"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,eAAe,QAAQ,uBAAuB;AAEvD,OAAO,IAAMC,0BAA0B,WAAM;IAC3C,IAAMC,aAAaL,MAAMM,MAAM,CAAuC,IAAI;IAC1E,IAAM,AAAEC,WAAaL,SAAbK;IACR,IAAMC,SAASR,MAAMM,MAAM,CAACL;IAE5B,IAAMQ,SAAST,MAAMU,WAAW,CAAC,WAAM;QACrCF,OAAOG,OAAO;QACdH,OAAOG,OAAO,GAAGV;IACnB,GAAG,EAAE;IAEL,IAAMW,uBAAuBZ,MAAMU,WAAW,CAC5C,SACEG,SACAC,cACAC,kBACG;QACH,IAAIF,SAAS;YACX,IAAI,CAACN,CAAAA,qBAAAA,sBAAAA,KAAAA,IAAAA,SAAUS,MAAM,AAAD,KAAKb,gBAAgBc,SAAS,IAAId,gBAAgBe,IAAI,EAAE;gBAC1ET;gBACAI,QAAQM,gBAAgB,CAAChB,gBAAgBe,IAAI,EAAEJ;gBAC/CN,OAAOG,OAAO,GAAG,WAAM;oBACrB,IAAIR,gBAAgBe,IAAI,EAAE;wBACxBL,QAAQO,mBAAmB,CAACjB,gBAAgBe,IAAI,EAAEJ;oBACpD,CAAC;gBACH;YACF,OAAO;gBACL,IAAIT,uBAAAA,wBAAAA,KAAAA,IAAAA,WAAYM,OAAO,EAAE;oBACvBU,aAAahB,WAAWM,OAAO;gBACjC,CAAC;gBACDN,WAAWM,OAAO,GAAGW,WAAWR,cAAcC;YAChD,CAAC;QACH,CAAC;IACH,GACA;QAACR;QAAUE;QAAQJ;KAAW;IAGhC,OAAO;QACLO,sBAAAA;IACF;AACF,EAAE"}
+{"version":3,"sources":["../../src/hooks/useWaitTransitionFinish.ts"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useDOM } from '../lib/dom';\nimport { transitionEvent } from '../lib/supportEvents';\n\nexport const useWaitTransitionFinish = () => {\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const { document } = useDOM();\n  const detach = React.useRef(noop);\n\n  const remove = React.useCallback(() => {\n    detach.current();\n    detach.current = noop;\n  }, []);\n\n  const waitTransitionFinish = React.useCallback(\n    (\n      element: HTMLElement | undefined | null,\n      eventHandler: VoidFunction,\n      durationFallback: number,\n    ) => {\n      if (element) {\n        if (!document?.hidden && transitionEvent.supported && transitionEvent.name) {\n          remove();\n          element.addEventListener(transitionEvent.name, eventHandler);\n          detach.current = () => {\n            if (transitionEvent.name) {\n              element.removeEventListener(transitionEvent.name, eventHandler);\n            }\n          };\n        } else {\n          if (timeoutRef?.current) {\n            clearTimeout(timeoutRef.current);\n          }\n          timeoutRef.current = setTimeout(eventHandler, durationFallback);\n        }\n      }\n    },\n    [document, remove, timeoutRef],\n  );\n\n  return {\n    waitTransitionFinish,\n  };\n};\n"],"names":["React","noop","useDOM","transitionEvent","useWaitTransitionFinish","timeoutRef","useRef","document","detach","remove","useCallback","current","waitTransitionFinish","element","eventHandler","durationFallback","hidden","supported","name","addEventListener","removeEventListener","clearTimeout","setTimeout"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,eAAe,QAAQ,uBAAuB;AAEvD,OAAO,IAAMC,0BAA0B;IACrC,IAAMC,aAAaL,MAAMM,OAA6C;IACtE,IAAM,AAAEC,WAAaL,SAAbK;IACR,IAAMC,SAASR,MAAMM,OAAOL;IAE5B,IAAMQ,SAAST,MAAMU,YAAY;QAC/BF,OAAOG;QACPH,OAAOG,UAAUV;IACnB,GAAG,EAAE;IAEL,IAAMW,uBAAuBZ,MAAMU,YACjC,SACEG,SACAC,cACAC;QAEA,IAAIF,SAAS;YACX,IAAI,CAACN,CAAAA,qBAAAA,sBAAAA,KAAAA,IAAAA,SAAUS,MAAK,KAAKb,gBAAgBc,aAAad,gBAAgBe,MAAM;gBAC1ET;gBACAI,QAAQM,iBAAiBhB,gBAAgBe,MAAMJ;gBAC/CN,OAAOG,UAAU;oBACf,IAAIR,gBAAgBe,MAAM;wBACxBL,QAAQO,oBAAoBjB,gBAAgBe,MAAMJ;oBACpD;gBACF;YACF,OAAO;gBACL,IAAIT,uBAAAA,wBAAAA,KAAAA,IAAAA,WAAYM,SAAS;oBACvBU,aAAahB,WAAWM;gBAC1B;gBACAN,WAAWM,UAAUW,WAAWR,cAAcC;YAChD;QACF;IACF,GACA;QAACR;QAAUE;QAAQJ;KAAW;IAGhC,OAAO;QACLO,sBAAAA;IACF;AACF,EAAE"}

package/dist/index.d.ts

@@ -61,8 +61,12 @@ export { Tabbar } from './components/Tabbar/Tabbar';
 export type { TabbarProps } from './components/Tabbar/Tabbar';
 export { TabbarItem } from './components/TabbarItem/TabbarItem';
 export type { TabbarItemProps } from './components/TabbarItem/TabbarItem';
+export { ScrollArrow } from './components/ScrollArrow/ScrollArrow';
+export type { ScrollArrowProps } from './components/ScrollArrow/ScrollArrow';
 export { HorizontalScroll } from './components/HorizontalScroll/HorizontalScroll';
 export type { HorizontalScrollProps } from './components/HorizontalScroll/HorizontalScroll';
+export { AspectRatio } from './components/AspectRatio/AspectRatio';
+export type { AspectRatioProps } from './components/AspectRatio/AspectRatio';
 /**
  * Popouts
  */
@@ -121,6 +125,7 @@ export { List } from './components/List/List';
 export type { ListProps } from './components/List/List';
 export { Cell } from './components/Cell/Cell';
 export type { CellProps } from './components/Cell/Cell';
+export type { CellCheckboxProps } from './components/Cell/CellCheckbox/CellCheckbox';
 export { RichCell } from './components/RichCell/RichCell';
 export type { RichCellProps } from './components/RichCell/RichCell';
 export { SimpleCell } from './components/SimpleCell/SimpleCell';
@@ -209,7 +214,7 @@ export type { ChipProps } from './components/Chip/Chip';
 export { ChipsInput } from './components/ChipsInput/ChipsInput';
 export type { ChipsInputProps } from './components/ChipsInput/ChipsInput';
 export { Slider } from './components/Slider/Slider';
-export type { SliderProps } from './components/Slider/Slider';
+export type { SliderBaseProps, SliderProps, SliderMultipleProps } from './components/Slider/Slider';
 export { RangeSlider } from './components/RangeSlider/RangeSlider';
 export type { RangeSliderProps } from './components/RangeSlider/RangeSlider';
 export { Textarea } from './components/Textarea/Textarea';

package/dist/index.js

@@ -31,7 +31,9 @@ export { SplitCol } from "./components/SplitCol/SplitCol";
 export { Epic } from "./components/Epic/Epic";
 export { Tabbar } from "./components/Tabbar/Tabbar";
 export { TabbarItem } from "./components/TabbarItem/TabbarItem";
+export { ScrollArrow } from "./components/ScrollArrow/ScrollArrow";
 export { HorizontalScroll } from "./components/HorizontalScroll/HorizontalScroll";
+export { AspectRatio } from "./components/AspectRatio/AspectRatio";
 /**
  * Popouts
  */ export { PopoutWrapper } from "./components/PopoutWrapper/PopoutWrapper";