@vkontakte/vkui 4.24.0 → 4.26.0

package/dist/cjs/hoc/withInsets.js

@@ -15,8 +15,7 @@ var _useInsets = require("../hooks/useInsets");
 
 function withInsets(Component) {
   function WithInsets(props) {
-    var insets = (0, _useInsets.useInsets)(); // @ts-ignore
-
+    var insets = (0, _useInsets.useInsets)();
     return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({}, props, {
       insets: insets
     }));

package/dist/cjs/hoc/withInsets.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hoc/withInsets.tsx"],"names":["withInsets","Component","WithInsets","props","insets"],"mappings":";;;;;;;;;;;;;AAAA;;AAEO,SAASA,UAAT,CAAuBC,SAAvB,EAAwC;AAC7C,WAASC,UAAT,CAAoBC,KAApB,EAA+B;AAC7B,QAAMC,MAAM,GAAG,2BAAf,CAD6B,CAE7B;;AACA,WAAO,qCAAC,SAAD,6BAAeD,KAAf;AAAsB,MAAA,MAAM,EAAEC;AAA9B,OAAP;AACD;;AACD,SAAOF,UAAP;AACD","sourcesContent":["import { useInsets } from \"../hooks/useInsets\";\n\nexport function withInsets<T>(Component: T): T {\n  function WithInsets(props: {}) {\n    const insets = useInsets();\n    // @ts-ignore\n    return <Component {...props} insets={insets} />;\n  }\n  return WithInsets as unknown as T;\n}\n"],"file":"withInsets.js"}
+{"version":3,"sources":["../../../src/hoc/withInsets.tsx"],"names":["withInsets","Component","WithInsets","props","insets"],"mappings":";;;;;;;;;;;;;AAAA;;AAGO,SAASA,UAAT,CACLC,SADK,EAE+B;AACpC,WAASC,UAAT,CAAoBC,KAApB,EAAqD;AACnD,QAAMC,MAAM,GAAG,2BAAf;AACA,WAAO,qCAAC,SAAD,6BAAgBD,KAAhB;AAA6B,MAAA,MAAM,EAAEC;AAArC,OAAP;AACD;;AACD,SAAOF,UAAP;AACD","sourcesContent":["import { useInsets } from \"../hooks/useInsets\";\nimport { HasInsets } from \"../types\";\n\nexport function withInsets<T extends HasInsets>(\n  Component: React.ComponentType<T>\n): React.FC<Omit<T, keyof HasInsets>> {\n  function WithInsets(props: Omit<T, keyof HasInsets>) {\n    const insets = useInsets();\n    return <Component {...(props as T)} insets={insets} />;\n  }\n  return WithInsets;\n}\n"],"file":"withInsets.js"}

package/dist/cjs/hoc/withPlatform.d.ts

@@ -1 +1,3 @@
-export declare function withPlatform<T>(Component: T): T;
+import * as React from "react";
+import { HasPlatform } from "../types";
+export declare function withPlatform<T extends HasPlatform>(Component: React.ComponentType<T>): React.FC<Omit<T, keyof HasPlatform>>;

package/dist/cjs/hoc/withPlatform.js

@@ -24,8 +24,7 @@ function withPlatform(Component) {
     var ssrContext = React.useContext(_SSR.SSRContext);
 
     var _React$useContext = React.useContext(_ConfigProviderContext.ConfigProviderContext),
-        platform = _React$useContext.platform; // @ts-ignore
-
+        platform = _React$useContext.platform;
 
     return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({}, props, {
       platform: ssrContext.platform || platform

package/dist/cjs/hoc/withPlatform.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hoc/withPlatform.tsx"],"names":["withPlatform","Component","WithPlatform","props","ssrContext","React","useContext","SSRContext","ConfigProviderContext","platform"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEO,SAASA,YAAT,CAAyBC,SAAzB,EAA0C;AAC/C,WAASC,YAAT,CAAsBC,KAAtB,EAAiC;AAC/B,QAAMC,UAAU,GAAGC,KAAK,CAACC,UAAN,CAAiBC,eAAjB,CAAnB;;AACA,4BAAqBF,KAAK,CAACC,UAAN,CAAiBE,4CAAjB,CAArB;AAAA,QAAQC,QAAR,qBAAQA,QAAR,CAF+B,CAG/B;;;AACA,WAAO,qCAAC,SAAD,6BAAeN,KAAf;AAAsB,MAAA,QAAQ,EAAEC,UAAU,CAACK,QAAX,IAAuBA;AAAvD,OAAP;AACD;;AACD,SAAOP,YAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { SSRContext } from \"../lib/SSR\";\nimport { ConfigProviderContext } from \"../components/ConfigProvider/ConfigProviderContext\";\n\nexport function withPlatform<T>(Component: T): T {\n  function WithPlatform(props: {}) {\n    const ssrContext = React.useContext(SSRContext);\n    const { platform } = React.useContext(ConfigProviderContext);\n    // @ts-ignore\n    return <Component {...props} platform={ssrContext.platform || platform} />;\n  }\n  return WithPlatform as unknown as T;\n}\n"],"file":"withPlatform.js"}
+{"version":3,"sources":["../../../src/hoc/withPlatform.tsx"],"names":["withPlatform","Component","WithPlatform","props","ssrContext","React","useContext","SSRContext","ConfigProviderContext","platform"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAEO,SAASA,YAAT,CACLC,SADK,EAEiC;AACtC,WAASC,YAAT,CAAsBC,KAAtB,EAAyD;AACvD,QAAMC,UAAU,GAAGC,KAAK,CAACC,UAAN,CAAiBC,eAAjB,CAAnB;;AACA,4BAAqBF,KAAK,CAACC,UAAN,CAAiBE,4CAAjB,CAArB;AAAA,QAAQC,QAAR,qBAAQA,QAAR;;AACA,WACE,qCAAC,SAAD,6BAAgBN,KAAhB;AAA6B,MAAA,QAAQ,EAAEC,UAAU,CAACK,QAAX,IAAuBA;AAA9D,OADF;AAGD;;AACD,SAAOP,YAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { SSRContext } from \"../lib/SSR\";\nimport { HasPlatform } from \"../types\";\nimport { ConfigProviderContext } from \"../components/ConfigProvider/ConfigProviderContext\";\n\nexport function withPlatform<T extends HasPlatform>(\n  Component: React.ComponentType<T>\n): React.FC<Omit<T, keyof HasPlatform>> {\n  function WithPlatform(props: Omit<T, keyof HasPlatform>) {\n    const ssrContext = React.useContext(SSRContext);\n    const { platform } = React.useContext(ConfigProviderContext);\n    return (\n      <Component {...(props as T)} platform={ssrContext.platform || platform} />\n    );\n  }\n  return WithPlatform;\n}\n"],"file":"withPlatform.js"}

package/dist/cjs/hooks/useAdaptivity.d.ts

@@ -1,3 +1,3 @@
-import { AdaptivityProps } from "../components/AdaptivityProvider/AdaptivityContext";
+import { AdaptivityProps, AdaptivityContextInterface } from "../components/AdaptivityProvider/AdaptivityContext";
 export type { AdaptivityProps };
-export declare const useAdaptivity: () => AdaptivityProps;
+export declare const useAdaptivity: () => AdaptivityContextInterface;

package/dist/cjs/hooks/useAdaptivity.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useAdaptivity.ts"],"names":["useAdaptivity","React","useContext","AdaptivityContext"],"mappings":";;;;;;;;;AAAA;;AACA;;AAOO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,GAAuB;AAClD,SAAOC,KAAK,CAACC,UAAN,CAAiBC,oCAAjB,CAAP;AACD,CAFM","sourcesContent":["import * as React from \"react\";\nimport {\n  AdaptivityContext,\n  AdaptivityProps,\n} from \"../components/AdaptivityProvider/AdaptivityContext\";\n\nexport type { AdaptivityProps };\n\nexport const useAdaptivity = (): AdaptivityProps => {\n  return React.useContext(AdaptivityContext);\n};\n"],"file":"useAdaptivity.js"}
+{"version":3,"sources":["../../../src/hooks/useAdaptivity.ts"],"names":["useAdaptivity","React","useContext","AdaptivityContext"],"mappings":";;;;;;;;;AAAA;;AACA;;AAQO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,GAAkC;AAC7D,SAAOC,KAAK,CAACC,UAAN,CAAiBC,oCAAjB,CAAP;AACD,CAFM","sourcesContent":["import * as React from \"react\";\nimport {\n  AdaptivityContext,\n  AdaptivityProps,\n  AdaptivityContextInterface,\n} from \"../components/AdaptivityProvider/AdaptivityContext\";\n\nexport type { AdaptivityProps };\n\nexport const useAdaptivity = (): AdaptivityContextInterface => {\n  return React.useContext(AdaptivityContext);\n};\n"],"file":"useAdaptivity.js"}

package/dist/cjs/hooks/useAppearance.d.ts

@@ -1 +1 @@
-export declare const useAppearance: () => import("@vkontakte/vk-bridge").AppearanceType;
+export declare const useAppearance: () => "dark" | "light" | undefined;

package/dist/cjs/hooks/useEnsuredControl.d.ts

@@ -3,4 +3,4 @@ export declare function useEnsuredControl<V, E>(props: {
     onChange?: (e: E) => any;
 }, options: {
     defaultValue: V;
-}): [V, (e: E) => any];
+}): [V | undefined, (e: E) => any];

package/dist/cjs/hooks/useEnsuredControl.js

@@ -24,7 +24,7 @@ function useEnsuredControl(props, options) {
   var onChange = React.useCallback(function (e) {
     !isControlled && setLocalValue(e.target.value);
     props.onChange && props.onChange(e);
-  }, [props.onChange]);
+  }, [isControlled, props]);
   return [isControlled ? props.value : localValue, onChange];
 }
 //# sourceMappingURL=useEnsuredControl.js.map

package/dist/cjs/hooks/useEnsuredControl.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useEnsuredControl.ts"],"names":["useEnsuredControl","props","options","isControlled","hasOwnProperty","React","useState","defaultValue","localValue","setLocalValue","onChange","useCallback","e","target","value"],"mappings":";;;;;;;;;;;;;AAAA;;AAEO,SAASA,iBAAT,CACLC,KADK,EAELC,OAFK,EAGe;AACpB,MAAMC,YAAY,GAAGF,KAAK,CAACG,cAAN,CAAqB,OAArB,CAArB;;AACA,wBAAoCC,KAAK,CAACC,QAAN,CAAeJ,OAAO,CAACK,YAAvB,CAApC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AACA,MAAMC,QAAQ,GAAGL,KAAK,CAACM,WAAN,CACf,UAACC,CAAD,EAAO;AACL,KAACT,YAAD,IAAiBM,aAAa,CAACG,CAAC,CAACC,MAAF,CAASC,KAAV,CAA9B;AACAb,IAAAA,KAAK,CAACS,QAAN,IAAkBT,KAAK,CAACS,QAAN,CAAeE,CAAf,CAAlB;AACD,GAJc,EAKf,CAACX,KAAK,CAACS,QAAP,CALe,CAAjB;AAOA,SAAO,CAACP,YAAY,GAAGF,KAAK,CAACa,KAAT,GAAiBN,UAA9B,EAA0CE,QAA1C,CAAP;AACD","sourcesContent":["import * as React from \"react\";\n\nexport function useEnsuredControl<V, E>(\n  props: { value?: V; onChange?: (e: E) => any },\n  options: { defaultValue: V }\n): [V, (e: E) => any] {\n  const isControlled = props.hasOwnProperty(\"value\");\n  const [localValue, setLocalValue] = React.useState(options.defaultValue);\n  const onChange = React.useCallback(\n    (e) => {\n      !isControlled && setLocalValue(e.target.value);\n      props.onChange && props.onChange(e);\n    },\n    [props.onChange]\n  );\n  return [isControlled ? props.value : localValue, onChange];\n}\n"],"file":"useEnsuredControl.js"}
+{"version":3,"sources":["../../../src/hooks/useEnsuredControl.ts"],"names":["useEnsuredControl","props","options","isControlled","hasOwnProperty","React","useState","defaultValue","localValue","setLocalValue","onChange","useCallback","e","target","value"],"mappings":";;;;;;;;;;;;;AAAA;;AAEO,SAASA,iBAAT,CACLC,KADK,EAELC,OAFK,EAG2B;AAChC,MAAMC,YAAY,GAAGF,KAAK,CAACG,cAAN,CAAqB,OAArB,CAArB;;AACA,wBAAoCC,KAAK,CAACC,QAAN,CAAeJ,OAAO,CAACK,YAAvB,CAApC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AACA,MAAMC,QAAQ,GAAGL,KAAK,CAACM,WAAN,CACf,UAACC,CAAD,EAAO;AACL,KAACT,YAAD,IAAiBM,aAAa,CAACG,CAAC,CAACC,MAAF,CAASC,KAAV,CAA9B;AACAb,IAAAA,KAAK,CAACS,QAAN,IAAkBT,KAAK,CAACS,QAAN,CAAeE,CAAf,CAAlB;AACD,GAJc,EAKf,CAACT,YAAD,EAAeF,KAAf,CALe,CAAjB;AAOA,SAAO,CAACE,YAAY,GAAGF,KAAK,CAACa,KAAT,GAAiBN,UAA9B,EAA0CE,QAA1C,CAAP;AACD","sourcesContent":["import * as React from \"react\";\n\nexport function useEnsuredControl<V, E>(\n  props: { value?: V; onChange?: (e: E) => any },\n  options: { defaultValue: V }\n): [V | undefined, (e: E) => any] {\n  const isControlled = props.hasOwnProperty(\"value\");\n  const [localValue, setLocalValue] = React.useState(options.defaultValue);\n  const onChange = React.useCallback(\n    (e) => {\n      !isControlled && setLocalValue(e.target.value);\n      props.onChange && props.onChange(e);\n    },\n    [isControlled, props]\n  );\n  return [isControlled ? props.value : localValue, onChange];\n}\n"],"file":"useEnsuredControl.js"}

package/dist/cjs/hooks/useEventListener.d.ts

@@ -1,7 +1,7 @@
 interface EventListenerHandle {
-    add: (el: HTMLElement | Document) => void;
+    add: (el: HTMLElement | Document | Window) => void;
     remove: () => void;
 }
-export declare function useEventListener<K extends keyof GlobalEventHandlersEventMap>(event: K, _cb: (ev: GlobalEventHandlersEventMap[K]) => any, _options?: AddEventListenerOptions): EventListenerHandle;
-export declare function useEventListener(event: string, _cb: (ev: Event) => any, _options?: AddEventListenerOptions): EventListenerHandle;
+export declare function useEventListener<K extends keyof GlobalEventHandlersEventMap>(event: K, _cb: false | null | undefined | ((ev: GlobalEventHandlersEventMap[K]) => void), _options?: AddEventListenerOptions): EventListenerHandle;
+export declare function useEventListener<E extends Event>(event: string, _cb: false | null | undefined | ((ev: E) => void), _options?: AddEventListenerOptions): EventListenerHandle;
 export {};

package/dist/cjs/hooks/useEventListener.js

@@ -49,10 +49,10 @@ function useEventListener(event, _cb, _options) {
     detach.current = function () {
       return el.removeEventListener(event, cb, options);
     };
-  }, []);
+  }, [_options, cb, event, remove]);
   React.useEffect(function () {
     return remove;
-  }, []);
+  }, [remove]);
   return {
     add: add,
     remove: remove

package/dist/cjs/hooks/useEventListener.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useEventListener.ts"],"names":["useEventListener","event","_cb","_options","cbRef","React","useRef","current","cb","useCallback","e","detach","noop","remove","add","el","canUseDOM","options","addEventListener","removeEventListener","useEffect"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAiBO,SAASA,gBAAT,CACLC,KADK,EAELC,GAFK,EAGLC,QAHK,EAIL;AACA,MAAMC,KAAK,GAAGC,KAAK,CAACC,MAAN,CAAaJ,GAAb,CAAd;AACA,4DAA0B,YAAM;AAC9BE,IAAAA,KAAK,CAACG,OAAN,GAAgBL,GAAhB;AACD,GAFD,EAEG,CAACA,GAAD,CAFH;AAGA,MAAMM,EAAE,GAAGH,KAAK,CAACI,WAAN,CACT,UAACC,CAAD;AAAA,WAAON,KAAK,CAACG,OAAN,IAAiBH,KAAK,CAACG,OAAN,CAAcG,CAAd,CAAxB;AAAA,GADS,EAET,EAFS,CAAX;AAKA,MAAMC,MAAM,GAAGN,KAAK,CAACC,MAAN,CAAaM,WAAb,CAAf;AACA,MAAMC,MAAM,GAAGR,KAAK,CAACI,WAAN,CAAkB,YAAM;AACrCE,IAAAA,MAAM,CAACJ,OAAP;AACAI,IAAAA,MAAM,CAACJ,OAAP,GAAiBK,WAAjB;AACD,GAHc,EAGZ,EAHY,CAAf;AAIA,MAAME,GAAG,GAAGT,KAAK,CAACI,WAAN,CAAkB,UAACM,EAAD,EAAgC;AAC5D,QAAI,CAACC,cAAL,EAAgB;AACd;AACD;;AACDH,IAAAA,MAAM;;AACN,QAAI,CAACE,EAAL,EAAS;AACP;AACD;;AACD,QAAME,OAAO,mCAAQd,QAAR,CAAb;AACAY,IAAAA,EAAE,CAACG,gBAAH,CAAoBjB,KAApB,EAA2BO,EAA3B,EAA+BS,OAA/B;;AACAN,IAAAA,MAAM,CAACJ,OAAP,GAAiB;AAAA,aAAMQ,EAAE,CAACI,mBAAH,CAAuBlB,KAAvB,EAA8BO,EAA9B,EAAkCS,OAAlC,CAAN;AAAA,KAAjB;AACD,GAXW,EAWT,EAXS,CAAZ;AAYAZ,EAAAA,KAAK,CAACe,SAAN,CAAgB;AAAA,WAAMP,MAAN;AAAA,GAAhB,EAA8B,EAA9B;AAEA,SAAO;AAAEC,IAAAA,GAAG,EAAHA,GAAF;AAAOD,IAAAA,MAAM,EAANA;AAAP,GAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { noop } from \"../lib/utils\";\nimport { canUseDOM } from \"../lib/dom\";\nimport { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\n\ninterface EventListenerHandle {\n  add: (el: HTMLElement | Document) => void;\n  remove: () => void;\n}\n\nexport function useEventListener<K extends keyof GlobalEventHandlersEventMap>(\n  event: K,\n  _cb: (ev: GlobalEventHandlersEventMap[K]) => any,\n  _options?: AddEventListenerOptions\n): EventListenerHandle;\nexport function useEventListener(\n  event: string,\n  _cb: (ev: Event) => any,\n  _options?: AddEventListenerOptions\n): EventListenerHandle;\nexport function useEventListener(\n  event: string,\n  _cb: (ev: Event) => any,\n  _options?: AddEventListenerOptions\n) {\n  const cbRef = React.useRef(_cb);\n  useIsomorphicLayoutEffect(() => {\n    cbRef.current = _cb;\n  }, [_cb]);\n  const cb = React.useCallback<typeof _cb>(\n    (e) => cbRef.current && cbRef.current(e),\n    []\n  );\n\n  const detach = React.useRef(noop);\n  const remove = React.useCallback(() => {\n    detach.current();\n    detach.current = noop;\n  }, []);\n  const add = React.useCallback((el: HTMLElement | Document) => {\n    if (!canUseDOM) {\n      return;\n    }\n    remove();\n    if (!el) {\n      return;\n    }\n    const options = { ..._options };\n    el.addEventListener(event, cb, options);\n    detach.current = () => el.removeEventListener(event, cb, options);\n  }, []);\n  React.useEffect(() => remove, []);\n\n  return { add, remove };\n}\n"],"file":"useEventListener.js"}
+{"version":3,"sources":["../../../src/hooks/useEventListener.ts"],"names":["useEventListener","event","_cb","_options","cbRef","React","useRef","current","cb","useCallback","e","detach","noop","remove","add","el","canUseDOM","options","addEventListener","removeEventListener","useEffect"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAqBO,SAASA,gBAAT,CAILC,KAJK,EAKLC,GALK,EAMLC,QANK,EAOgB;AACrB,MAAMC,KAAK,GAAGC,KAAK,CAACC,MAAN,CAAaJ,GAAb,CAAd;AACA,4DAA0B,YAAM;AAC9BE,IAAAA,KAAK,CAACG,OAAN,GAAgBL,GAAhB;AACD,GAFD,EAEG,CAACA,GAAD,CAFH;AAGA,MAAMM,EAAE,GAAGH,KAAK,CAACI,WAAN,CAAkB,UAACC,CAAD;AAAA,WAAON,KAAK,CAACG,OAAN,IAAiBH,KAAK,CAACG,OAAN,CAAcG,CAAd,CAAxB;AAAA,GAAlB,EAA4D,EAA5D,CAAX;AAEA,MAAMC,MAAM,GAAGN,KAAK,CAACC,MAAN,CAAaM,WAAb,CAAf;AACA,MAAMC,MAAM,GAAGR,KAAK,CAACI,WAAN,CAAkB,YAAM;AACrCE,IAAAA,MAAM,CAACJ,OAAP;AACAI,IAAAA,MAAM,CAACJ,OAAP,GAAiBK,WAAjB;AACD,GAHc,EAGZ,EAHY,CAAf;AAIA,MAAME,GAAG,GAAGT,KAAK,CAACI,WAAN,CACV,UAACM,EAAD,EAAyC;AACvC,QAAI,CAACC,cAAL,EAAgB;AACd;AACD;;AACDH,IAAAA,MAAM;;AACN,QAAI,CAACE,EAAL,EAAS;AACP;AACD;;AACD,QAAME,OAAO,mCAAQd,QAAR,CAAb;AACAY,IAAAA,EAAE,CAACG,gBAAH,CAAoBjB,KAApB,EAA2BO,EAA3B,EAA+BS,OAA/B;;AACAN,IAAAA,MAAM,CAACJ,OAAP,GAAiB;AAAA,aAAMQ,EAAE,CAACI,mBAAH,CAAuBlB,KAAvB,EAA8BO,EAA9B,EAAkCS,OAAlC,CAAN;AAAA,KAAjB;AACD,GAZS,EAaV,CAACd,QAAD,EAAWK,EAAX,EAAeP,KAAf,EAAsBY,MAAtB,CAbU,CAAZ;AAeAR,EAAAA,KAAK,CAACe,SAAN,CAAgB;AAAA,WAAMP,MAAN;AAAA,GAAhB,EAA8B,CAACA,MAAD,CAA9B;AAEA,SAAO;AAAEC,IAAAA,GAAG,EAAHA,GAAF;AAAOD,IAAAA,MAAM,EAANA;AAAP,GAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { noop } from \"../lib/utils\";\nimport { canUseDOM } from \"../lib/dom\";\nimport { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\n\ninterface EventListenerHandle {\n  add: (el: HTMLElement | Document | Window) => void;\n  remove: () => void;\n}\n\nexport function useEventListener<K extends keyof GlobalEventHandlersEventMap>(\n  event: K,\n  _cb:\n    | false\n    | null\n    | undefined\n    | ((ev: GlobalEventHandlersEventMap[K]) => void),\n  _options?: AddEventListenerOptions\n): EventListenerHandle;\nexport function useEventListener<E extends Event>(\n  event: string,\n  _cb: false | null | undefined | ((ev: E) => void),\n  _options?: AddEventListenerOptions\n): EventListenerHandle;\nexport function useEventListener<\n  E extends Event,\n  K extends keyof GlobalEventHandlersEventMap\n>(\n  event: string | K,\n  _cb: false | null | undefined | ((ev: E) => void),\n  _options?: AddEventListenerOptions\n): EventListenerHandle {\n  const cbRef = React.useRef(_cb);\n  useIsomorphicLayoutEffect(() => {\n    cbRef.current = _cb;\n  }, [_cb]);\n  const cb = React.useCallback((e) => cbRef.current && cbRef.current(e), []);\n\n  const detach = React.useRef(noop);\n  const remove = React.useCallback(() => {\n    detach.current();\n    detach.current = noop;\n  }, []);\n  const add = React.useCallback(\n    (el: HTMLElement | Document | Window) => {\n      if (!canUseDOM) {\n        return;\n      }\n      remove();\n      if (!el) {\n        return;\n      }\n      const options = { ..._options };\n      el.addEventListener(event, cb, options);\n      detach.current = () => el.removeEventListener(event, cb, options);\n    },\n    [_options, cb, event, remove]\n  );\n  React.useEffect(() => remove, [remove]);\n\n  return { add, remove };\n}\n"],"file":"useEventListener.js"}

package/dist/cjs/hooks/useExternRef.d.ts

@@ -1,2 +1,2 @@
 import * as React from "react";
-export declare function useExternRef<T>(...externRefs: Array<React.Ref<T>>): React.MutableRefObject<T>;
+export declare function useExternRef<T>(...externRefs: Array<React.Ref<T> | undefined | false>): React.MutableRefObject<T | null>;

package/dist/cjs/hooks/useExternRef.js

@@ -16,7 +16,7 @@ function useExternRef() {
     externRefs[_key] = arguments[_key];
   }
 
-  var stableRef = React.useRef();
+  var stableRef = React.useRef(null);
   return React.useMemo(function () {
     return {
       get current() {
@@ -26,11 +26,14 @@ function useExternRef() {
       set current(el) {
         stableRef.current = el;
         externRefs.forEach(function (ref) {
-          return (0, _utils.setRef)(el, ref);
+          if (ref) {
+            (0, _utils.setRef)(el, ref);
+          }
         });
       }
 
     };
-  }, externRefs);
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  externRefs);
 }
 //# sourceMappingURL=useExternRef.js.map

package/dist/cjs/hooks/useExternRef.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useExternRef.ts"],"names":["useExternRef","externRefs","stableRef","React","useRef","useMemo","current","el","forEach","ref"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,SAASA,YAAT,GAEsB;AAAA,oCADxBC,UACwB;AADxBA,IAAAA,UACwB;AAAA;;AAC3B,MAAMC,SAAS,GAAGC,KAAK,CAACC,MAAN,EAAlB;AACA,SAAOD,KAAK,CAACE,OAAN,CACL;AAAA,WAAO;AACL,UAAIC,OAAJ,GAAc;AACZ,eAAOJ,SAAS,CAACI,OAAjB;AACD,OAHI;;AAIL,UAAIA,OAAJ,CAAYC,EAAZ,EAAgB;AACdL,QAAAA,SAAS,CAACI,OAAV,GAAoBC,EAApB;AACAN,QAAAA,UAAU,CAACO,OAAX,CAAmB,UAACC,GAAD;AAAA,iBAAS,mBAAOF,EAAP,EAAWE,GAAX,CAAT;AAAA,SAAnB;AACD;;AAPI,KAAP;AAAA,GADK,EAULR,UAVK,CAAP;AAYD","sourcesContent":["import * as React from \"react\";\nimport { setRef } from \"../lib/utils\";\n\nexport function useExternRef<T>(\n  ...externRefs: Array<React.Ref<T>>\n): React.MutableRefObject<T> {\n  const stableRef = React.useRef<T>();\n  return React.useMemo(\n    () => ({\n      get current() {\n        return stableRef.current;\n      },\n      set current(el) {\n        stableRef.current = el;\n        externRefs.forEach((ref) => setRef(el, ref));\n      },\n    }),\n    externRefs\n  );\n}\n"],"file":"useExternRef.js"}
+{"version":3,"sources":["../../../src/hooks/useExternRef.ts"],"names":["useExternRef","externRefs","stableRef","React","useRef","useMemo","current","el","forEach","ref"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,SAASA,YAAT,GAE6B;AAAA,oCAD/BC,UAC+B;AAD/BA,IAAAA,UAC+B;AAAA;;AAClC,MAAMC,SAAS,GAAGC,KAAK,CAACC,MAAN,CAAuB,IAAvB,CAAlB;AAEA,SAAOD,KAAK,CAACE,OAAN,CACL;AAAA,WAAO;AACL,UAAIC,OAAJ,GAAc;AACZ,eAAOJ,SAAS,CAACI,OAAjB;AACD,OAHI;;AAIL,UAAIA,OAAJ,CAAYC,EAAZ,EAAgB;AACdL,QAAAA,SAAS,CAACI,OAAV,GAAoBC,EAApB;AACAN,QAAAA,UAAU,CAACO,OAAX,CAAmB,UAACC,GAAD,EAAS;AAC1B,cAAIA,GAAJ,EAAS;AACP,+BAAOF,EAAP,EAAWE,GAAX;AACD;AACF,SAJD;AAKD;;AAXI,KAAP;AAAA,GADK,EAcL;AACAR,EAAAA,UAfK,CAAP;AAiBD","sourcesContent":["import * as React from \"react\";\nimport { setRef } from \"../lib/utils\";\n\nexport function useExternRef<T>(\n  ...externRefs: Array<React.Ref<T> | undefined | false>\n): React.MutableRefObject<T | null> {\n  const stableRef = React.useRef<T | null>(null);\n\n  return React.useMemo(\n    () => ({\n      get current() {\n        return stableRef.current;\n      },\n      set current(el) {\n        stableRef.current = el;\n        externRefs.forEach((ref) => {\n          if (ref) {\n            setRef(el, ref);\n          }\n        });\n      },\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    externRefs\n  );\n}\n"],"file":"useExternRef.js"}

package/dist/cjs/hooks/useFocusVisible.d.ts

@@ -1,6 +1,6 @@
 import { FocusEvent } from "react";
 export declare function useFocusVisible(): {
-    focusVisible: boolean;
+    focusVisible: boolean | undefined;
     onFocus: (event: FocusEvent<HTMLElement, Element>) => void;
     onBlur: (event: FocusEvent<HTMLElement, Element>) => void;
 };

package/dist/cjs/hooks/useGlobalEventListener.d.ts

@@ -1,2 +1,2 @@
-export declare function useGlobalEventListener<K extends keyof GlobalEventHandlersEventMap>(element: HTMLElement | HTMLDocument | Window, event: K, cb: false | null | ((ev: GlobalEventHandlersEventMap[K]) => any), options?: AddEventListenerOptions): void;
-export declare function useGlobalEventListener(element: HTMLElement | HTMLDocument | Window, event: string, cb: false | null | ((ev: Event) => any), options?: AddEventListenerOptions): void;
+export declare function useGlobalEventListener<K extends keyof GlobalEventHandlersEventMap>(element: Document | HTMLElement | Window | null | undefined, event: K, cb: ((ev: GlobalEventHandlersEventMap[K]) => void) | null | false | undefined, options?: AddEventListenerOptions): void;
+export declare function useGlobalEventListener<E extends Event>(element: Document | HTMLElement | Window | null | undefined, event: string, cb: ((ev: E) => void) | null | false | undefined, options?: AddEventListenerOptions): void;

package/dist/cjs/hooks/useGlobalEventListener.js

@@ -12,7 +12,11 @@ var _useEventListener = require("./useEventListener");
 function useGlobalEventListener(element, event, cb, options) {
   var listener = (0, _useEventListener.useEventListener)(event, cb, options);
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    return cb ? listener.add(element) : listener.remove();
-  }, [Boolean(cb)]);
+    if (cb && element) {
+      listener.add(element);
+    } else {
+      listener.remove();
+    }
+  }, [Boolean(cb), Boolean(element)]);
 }
 //# sourceMappingURL=useGlobalEventListener.js.map

package/dist/cjs/hooks/useGlobalEventListener.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useGlobalEventListener.ts"],"names":["useGlobalEventListener","element","event","cb","options","listener","add","remove","Boolean"],"mappings":";;;;;;;AAAA;;AACA;;AAgBO,SAASA,sBAAT,CACLC,OADK,EAELC,KAFK,EAGLC,EAHK,EAILC,OAJK,EAKL;AACA,MAAMC,QAAQ,GAAG,wCAAiBH,KAAjB,EAAwBC,EAAxB,EAA4BC,OAA5B,CAAjB;AACA,4DACE;AAAA,WAAOD,EAAE,GAAGE,QAAQ,CAACC,GAAT,CAAaL,OAAb,CAAH,GAA2BI,QAAQ,CAACE,MAAT,EAApC;AAAA,GADF,EAEE,CAACC,OAAO,CAACL,EAAD,CAAR,CAFF;AAID","sourcesContent":["import { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\nimport { useEventListener } from \"./useEventListener\";\n\nexport function useGlobalEventListener<\n  K extends keyof GlobalEventHandlersEventMap\n>(\n  element: HTMLElement | HTMLDocument | Window,\n  event: K,\n  cb: false | null | ((ev: GlobalEventHandlersEventMap[K]) => any),\n  options?: AddEventListenerOptions\n): void;\nexport function useGlobalEventListener(\n  element: HTMLElement | HTMLDocument | Window,\n  event: string,\n  cb: false | null | ((ev: Event) => any),\n  options?: AddEventListenerOptions\n): void;\nexport function useGlobalEventListener(\n  element: any,\n  event: string,\n  cb: (ev: Event) => any,\n  options?: AddEventListenerOptions\n) {\n  const listener = useEventListener(event, cb, options);\n  useIsomorphicLayoutEffect(\n    () => (cb ? listener.add(element) : listener.remove()),\n    [Boolean(cb)]\n  );\n}\n"],"file":"useGlobalEventListener.js"}
+{"version":3,"sources":["../../../src/hooks/useGlobalEventListener.ts"],"names":["useGlobalEventListener","element","event","cb","options","listener","add","remove","Boolean"],"mappings":";;;;;;;AAAA;;AACA;;AAgBO,SAASA,sBAAT,CAILC,OAJK,EAKLC,KALK,EAMLC,EANK,EAOLC,OAPK,EAQL;AACA,MAAMC,QAAQ,GAAG,wCAAiBH,KAAjB,EAAwBC,EAAxB,EAA4BC,OAA5B,CAAjB;AACA,4DAA0B,YAAM;AAC9B,QAAID,EAAE,IAAIF,OAAV,EAAmB;AACjBI,MAAAA,QAAQ,CAACC,GAAT,CAAaL,OAAb;AACD,KAFD,MAEO;AACLI,MAAAA,QAAQ,CAACE,MAAT;AACD;AACF,GAND,EAMG,CAACC,OAAO,CAACL,EAAD,CAAR,EAAcK,OAAO,CAACP,OAAD,CAArB,CANH;AAOD","sourcesContent":["import { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\nimport { useEventListener } from \"./useEventListener\";\n\nexport function useGlobalEventListener<\n  K extends keyof GlobalEventHandlersEventMap\n>(\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"],"file":"useGlobalEventListener.js"}

package/dist/cjs/hooks/useInsets.d.ts

@@ -1,2 +1,8 @@
-import { Insets } from "@vkontakte/vk-bridge";
+import { Insets as BridgeInsets } from "@vkontakte/vk-bridge";
+export interface Insets {
+    bottom: BridgeInsets["bottom"] | null;
+    top: BridgeInsets["top"] | null;
+    left: BridgeInsets["left"] | null;
+    right: BridgeInsets["right"] | null;
+}
 export declare function useInsets(): Insets;

package/dist/cjs/hooks/useInsets.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useInsets.ts"],"names":["initialState","bottom","top","left","right","resolveInsets","e","detail","type","data","insets","vkBridge","subscribe","useInsets","React","useState","setInsets","connectListener","unsubscribe"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAIA,YAAoB,GAAG;AACzBC,EAAAA,MAAM,EAAE,IADiB;AAEzBC,EAAAA,GAAG,EAAE,IAFoB;AAGzBC,EAAAA,IAAI,EAAE,IAHmB;AAIzBC,EAAAA,KAAK,EAAE;AAJkB,CAA3B;;AAgBA,SAASC,aAAT,CAAuBC,CAAvB,EAAsD;AACpD,kBAAuBA,CAAC,CAACC,MAAzB;AAAA,MAAQC,IAAR,aAAQA,IAAR;AAAA,MAAcC,IAAd,aAAcA,IAAd;;AACA,UAAQD,IAAR;AACE,SAAK,sBAAL;AACA,SAAK,sBAAL;AAA6B;AAC3B,UAAQE,MAAR,GAAmBD,IAAnB,CAAQC,MAAR;;AACA,UAAIA,MAAJ,EAAY;AACV,2EACKA,MADL;AAEET,UAAAA,MAAM,EAAES,MAAM,CAACT,MAAP,GAAgB,GAAhB,GAAsB,CAAtB,GAA0BS,MAAM,CAACT,MAF3C,CAEmD;;AAFnD;AAID;;AATL;;AAWA,SAAO,IAAP;AACD;;AAEDU,kBAASC,SAAT,CAAmB,UAACN,CAAD,EAAoB;AACrC,MAAMI,MAAM,GAAGL,aAAa,CAACC,CAAD,CAA5B;;AACA,MAAII,MAAJ,EAAY;AACVV,IAAAA,YAAY,GAAGU,MAAf;AACD;AACF,CALD;;AAOO,SAASG,SAAT,GAA6B;AAClC,wBAA4BC,KAAK,CAACC,QAAN,CAAuBf,YAAvB,CAA5B;AAAA;AAAA,MAAOU,MAAP;AAAA,MAAeM,SAAf;;AAEA,4DAA0B,YAAM;AAC9B,aAASC,eAAT,CAAyBX,CAAzB,EAAyC;AACvC,UAAMI,MAAM,GAAGL,aAAa,CAACC,CAAD,CAA5B;;AACA,UAAII,MAAJ,EAAY;AACVM,QAAAA,SAAS,CAACN,MAAD,CAAT;AACD;AACF;;AAEDC,sBAASC,SAAT,CAAmBK,eAAnB;;AACA,WAAO,YAAM;AACXN,wBAASO,WAAT,CAAqBD,eAArB;AACD,KAFD;AAGD,GAZD,EAYG,EAZH;AAcA,SAAOP,MAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport vkBridge, { Insets } from \"@vkontakte/vk-bridge\";\nimport { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\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"],"file":"useInsets.js"}
+{"version":3,"sources":["../../../src/hooks/useInsets.ts"],"names":["initialState","bottom","top","left","right","resolveInsets","e","detail","type","data","insets","vkBridge","subscribe","useInsets","React","useState","setInsets","connectListener","unsubscribe"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AASA,IAAIA,YAAoB,GAAG;AACzBC,EAAAA,MAAM,EAAE,IADiB;AAEzBC,EAAAA,GAAG,EAAE,IAFoB;AAGzBC,EAAAA,IAAI,EAAE,IAHmB;AAIzBC,EAAAA,KAAK,EAAE;AAJkB,CAA3B;;AAgBA,SAASC,aAAT,CAAuBC,CAAvB,EAAsD;AACpD,kBAAuBA,CAAC,CAACC,MAAzB;AAAA,MAAQC,IAAR,aAAQA,IAAR;AAAA,MAAcC,IAAd,aAAcA,IAAd;;AACA,UAAQD,IAAR;AACE,SAAK,sBAAL;AACA,SAAK,sBAAL;AAA6B;AAC3B,UAAQE,MAAR,GAAmBD,IAAnB,CAAQC,MAAR;;AACA,UAAIA,MAAJ,EAAY;AACV,2EACKA,MADL;AAEET,UAAAA,MAAM,EAAES,MAAM,CAACT,MAAP,GAAgB,GAAhB,GAAsB,CAAtB,GAA0BS,MAAM,CAACT,MAF3C,CAEmD;;AAFnD;AAID;;AATL;;AAWA,SAAO,IAAP;AACD;;AAEDU,kBAASC,SAAT,CAAmB,UAACN,CAAD,EAAoB;AACrC,MAAMI,MAAM,GAAGL,aAAa,CAACC,CAAD,CAA5B;;AACA,MAAII,MAAJ,EAAY;AACVV,IAAAA,YAAY,GAAGU,MAAf;AACD;AACF,CALD;;AAOO,SAASG,SAAT,GAA6B;AAClC,wBAA4BC,KAAK,CAACC,QAAN,CAAuBf,YAAvB,CAA5B;AAAA;AAAA,MAAOU,MAAP;AAAA,MAAeM,SAAf;;AAEA,4DAA0B,YAAM;AAC9B,aAASC,eAAT,CAAyBX,CAAzB,EAAyC;AACvC,UAAMI,MAAM,GAAGL,aAAa,CAACC,CAAD,CAA5B;;AACA,UAAII,MAAJ,EAAY;AACVM,QAAAA,SAAS,CAACN,MAAD,CAAT;AACD;AACF;;AAEDC,sBAASC,SAAT,CAAmBK,eAAnB;;AACA,WAAO,YAAM;AACXN,wBAASO,WAAT,CAAqBD,eAArB;AACD,KAFD;AAGD,GAZD,EAYG,EAZH;AAcA,SAAOP,MAAP;AACD","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"],"file":"useInsets.js"}

package/dist/cjs/hooks/useKeyboard.js

@@ -23,30 +23,51 @@ var _useGlobalEventListener = require("./useGlobalEventListener");
  Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах
  */
 function getPreciseKeyboardState(window) {
-  var availHeight = window.screen.availHeight;
-  var innerHeight = window.innerHeight;
+  var innerHeight = window.innerHeight,
+      availHeight = window.screen.availHeight;
   var coveredViewportPercentage = Math.round((1 - innerHeight / availHeight) * 100);
   return coveredViewportPercentage > 24;
 }
 
+var eventOptions = {
+  passive: true,
+  capture: false
+};
+
 function useKeyboard() {
+  var _document$activeEleme3;
+
   var _useDOM = (0, _dom.useDOM)(),
       window = _useDOM.window,
       document = _useDOM.document;
 
-  var _React$useState = React.useState({
-    isOpened: false,
-    isPrecise: false
-  }),
+  var _React$useState = React.useState(false),
       _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      keyboardState = _React$useState2[0],
-      setKeyboardState = _React$useState2[1];
+      isOpened = _React$useState2[0],
+      setIsOpened = _React$useState2[1];
+
+  var _React$useState3 = React.useState(false),
+      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+      isPrecise = _React$useState4[0],
+      setIsPrecise = _React$useState4[1];
 
   var transitionalTimeout = React.useRef(null);
-  var eventOptions = {
-    passive: true,
-    capture: false
-  };
+  var onFocus = React.useCallback(function (event) {
+    var _document$activeEleme, _document$activeEleme2;
+
+    if (transitionalTimeout.current) {
+      clearTimeout(transitionalTimeout.current);
+    }
+
+    var isOpened = (event === true || event.type === "focusin") && ((document === null || document === void 0 ? void 0 : (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.tagName) === "INPUT" || (document === null || document === void 0 ? void 0 : (_document$activeEleme2 = document.activeElement) === null || _document$activeEleme2 === void 0 ? void 0 : _document$activeEleme2.tagName) === "TEXTAREA");
+    setIsOpened(isOpened);
+    setIsPrecise(false); // Ожидаем прохождение анимации раскрытия клавиатуры
+
+    transitionalTimeout.current = setTimeout(function () {
+      setIsOpened(isOpened);
+      setIsPrecise(getPreciseKeyboardState(window));
+    }, 300);
+  }, [document === null || document === void 0 ? void 0 : (_document$activeEleme3 = document.activeElement) === null || _document$activeEleme3 === void 0 ? void 0 : _document$activeEleme3.tagName, window]);
   /**
    У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,
    чтобы иметь хоть какое-то понимание происходящего.
@@ -55,24 +76,11 @@ function useKeyboard() {
   React.useEffect(function () {
     onFocus(true);
   }, [onFocus]);
-
-  function onFocus(event) {
-    var _document$activeEleme, _document$activeEleme2;
-
-    clearTimeout(transitionalTimeout.current);
-    var returnObject = {
-      isOpened: (event === true || event.type === "focusin") && (((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.tagName) === "INPUT" || ((_document$activeEleme2 = document.activeElement) === null || _document$activeEleme2 === void 0 ? void 0 : _document$activeEleme2.tagName) === "TEXTAREA"),
-      isPrecise: false
-    }; // Ожидаем прохождение анимации раскрытия клавиатуры
-
-    transitionalTimeout.current = setTimeout(function () {
-      returnObject.isPrecise = getPreciseKeyboardState(window);
-      setKeyboardState(returnObject);
-    }, 300);
-  }
-
   (0, _useGlobalEventListener.useGlobalEventListener)(document, "focusout", onFocus, eventOptions);
   (0, _useGlobalEventListener.useGlobalEventListener)(document, "focusin", onFocus, eventOptions);
-  return keyboardState;
+  return {
+    isOpened: isOpened,
+    isPrecise: isPrecise
+  };
 }
 //# sourceMappingURL=useKeyboard.js.map

package/dist/cjs/hooks/useKeyboard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useKeyboard.ts"],"names":["getPreciseKeyboardState","window","availHeight","screen","innerHeight","coveredViewportPercentage","Math","round","useKeyboard","document","React","useState","isOpened","isPrecise","keyboardState","setKeyboardState","transitionalTimeout","useRef","eventOptions","passive","capture","useEffect","onFocus","event","clearTimeout","current","returnObject","type","activeElement","tagName","setTimeout"],"mappings":";;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAOA;AACA;AACA;AACA;AACO,SAASA,uBAAT,CAAiCC,MAAjC,EAAuD;AAC5D,MAAQC,WAAR,GAAwBD,MAAM,CAACE,MAA/B,CAAQD,WAAR;AACA,MAAQE,WAAR,GAAwBH,MAAxB,CAAQG,WAAR;AAEA,MAAMC,yBAAyB,GAAGC,IAAI,CAACC,KAAL,CAChC,CAAC,IAAIH,WAAW,GAAGF,WAAnB,IAAkC,GADF,CAAlC;AAGA,SAAOG,yBAAyB,GAAG,EAAnC;AACD;;AAEM,SAASG,WAAT,GAA8C;AACnD,gBAA6B,kBAA7B;AAAA,MAAQP,MAAR,WAAQA,MAAR;AAAA,MAAgBQ,QAAhB,WAAgBA,QAAhB;;AAEA,wBACEC,KAAK,CAACC,QAAN,CAAsC;AACpCC,IAAAA,QAAQ,EAAE,KAD0B;AAEpCC,IAAAA,SAAS,EAAE;AAFyB,GAAtC,CADF;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AAMA,MAAMC,mBAAmB,GAAGN,KAAK,CAACO,MAAN,CAElB,IAFkB,CAA5B;AAIA,MAAMC,YAAY,GAAG;AACnBC,IAAAA,OAAO,EAAE,IADU;AAEnBC,IAAAA,OAAO,EAAE;AAFU,GAArB;AAKA;AACF;AACA;AACA;;AACEV,EAAAA,KAAK,CAACW,SAAN,CAAgB,YAAM;AACpBC,IAAAA,OAAO,CAAC,IAAD,CAAP;AACD,GAFD,EAEG,CAACA,OAAD,CAFH;;AAIA,WAASA,OAAT,CAAiBC,KAAjB,EAA2C;AAAA;;AACzCC,IAAAA,YAAY,CAACR,mBAAmB,CAACS,OAArB,CAAZ;AAEA,QAAIC,YAAY,GAAG;AACjBd,MAAAA,QAAQ,EACN,CAACW,KAAK,KAAK,IAAV,IAAkBA,KAAK,CAACI,IAAN,KAAe,SAAlC,MACC,0BAAAlB,QAAQ,CAACmB,aAAT,gFAAwBC,OAAxB,MAAoC,OAApC,IACC,2BAAApB,QAAQ,CAACmB,aAAT,kFAAwBC,OAAxB,MAAoC,UAFtC,CAFe;AAKjBhB,MAAAA,SAAS,EAAE;AALM,KAAnB,CAHyC,CAWzC;;AACAG,IAAAA,mBAAmB,CAACS,OAApB,GAA8BK,UAAU,CAAC,YAAM;AAC7CJ,MAAAA,YAAY,CAACb,SAAb,GAAyBb,uBAAuB,CAACC,MAAD,CAAhD;AACAc,MAAAA,gBAAgB,CAACW,YAAD,CAAhB;AACD,KAHuC,EAGrC,GAHqC,CAAxC;AAID;;AAED,sDAAuBjB,QAAvB,EAAiC,UAAjC,EAA6Ca,OAA7C,EAAsDJ,YAAtD;AACA,sDAAuBT,QAAvB,EAAiC,SAAjC,EAA4Ca,OAA5C,EAAqDJ,YAArD;AAEA,SAAOJ,aAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../lib/dom\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\n\ninterface SoftwareKeyboardState {\n  isOpened: boolean;\n  isPrecise: boolean;\n}\n\n/**\n Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большиству устройств\n Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах\n */\nexport function getPreciseKeyboardState(window: any): boolean {\n  const { availHeight } = window.screen;\n  const { innerHeight } = window;\n\n  const coveredViewportPercentage = Math.round(\n    (1 - innerHeight / availHeight) * 100\n  );\n  return coveredViewportPercentage > 24;\n}\n\nexport function useKeyboard(): SoftwareKeyboardState {\n  const { window, document } = useDOM();\n\n  const [keyboardState, setKeyboardState] =\n    React.useState<SoftwareKeyboardState>({\n      isOpened: false,\n      isPrecise: false,\n    });\n\n  const transitionalTimeout = React.useRef<ReturnType<\n    typeof setTimeout\n  > | null>(null);\n\n  const eventOptions = {\n    passive: true,\n    capture: false,\n  };\n\n  /**\n   У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,\n   чтобы иметь хоть какое-то понимание происходящего.\n   */\n  React.useEffect(() => {\n    onFocus(true);\n  }, [onFocus]);\n\n  function onFocus(event: FocusEvent | true) {\n    clearTimeout(transitionalTimeout.current);\n\n    let returnObject = {\n      isOpened:\n        (event === true || event.type === \"focusin\") &&\n        (document.activeElement?.tagName === \"INPUT\" ||\n          document.activeElement?.tagName === \"TEXTAREA\"),\n      isPrecise: false,\n    };\n\n    // Ожидаем прохождение анимации раскрытия клавиатуры\n    transitionalTimeout.current = setTimeout(() => {\n      returnObject.isPrecise = getPreciseKeyboardState(window);\n      setKeyboardState(returnObject);\n    }, 300);\n  }\n\n  useGlobalEventListener(document, \"focusout\", onFocus, eventOptions);\n  useGlobalEventListener(document, \"focusin\", onFocus, eventOptions);\n\n  return keyboardState;\n}\n"],"file":"useKeyboard.js"}
+{"version":3,"sources":["../../../src/hooks/useKeyboard.ts"],"names":["getPreciseKeyboardState","window","innerHeight","availHeight","screen","coveredViewportPercentage","Math","round","eventOptions","passive","capture","useKeyboard","document","React","useState","isOpened","setIsOpened","isPrecise","setIsPrecise","transitionalTimeout","useRef","onFocus","useCallback","event","current","clearTimeout","type","activeElement","tagName","setTimeout","useEffect"],"mappings":";;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAOA;AACA;AACA;AACA;AACO,SAASA,uBAAT,CAAiCC,MAAjC,EAAuD;AAC5D,MACEC,WADF,GAGID,MAHJ,CACEC,WADF;AAAA,MAEYC,WAFZ,GAGIF,MAHJ,CAEEG,MAFF,CAEYD,WAFZ;AAKA,MAAME,yBAAyB,GAAGC,IAAI,CAACC,KAAL,CAChC,CAAC,IAAIL,WAAW,GAAGC,WAAnB,IAAkC,GADF,CAAlC;AAGA,SAAOE,yBAAyB,GAAG,EAAnC;AACD;;AAED,IAAMG,YAAY,GAAG;AACnBC,EAAAA,OAAO,EAAE,IADU;AAEnBC,EAAAA,OAAO,EAAE;AAFU,CAArB;;AAKO,SAASC,WAAT,GAA8C;AAAA;;AACnD,gBAA6B,kBAA7B;AAAA,MAAQV,MAAR,WAAQA,MAAR;AAAA,MAAgBW,QAAhB,WAAgBA,QAAhB;;AAEA,wBAAgCC,KAAK,CAACC,QAAN,CAAe,KAAf,CAAhC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AACA,yBAAkCH,KAAK,CAACC,QAAN,CAAe,KAAf,CAAlC;AAAA;AAAA,MAAOG,SAAP;AAAA,MAAkBC,YAAlB;;AAEA,MAAMC,mBAAmB,GAAGN,KAAK,CAACO,MAAN,CAElB,IAFkB,CAA5B;AAIA,MAAMC,OAAO,GAAGR,KAAK,CAACS,WAAN,CACd,UAACC,KAAD,EAA8B;AAAA;;AAC5B,QAAIJ,mBAAmB,CAACK,OAAxB,EAAiC;AAC/BC,MAAAA,YAAY,CAACN,mBAAmB,CAACK,OAArB,CAAZ;AACD;;AAED,QAAMT,QAAQ,GACZ,CAACQ,KAAK,KAAK,IAAV,IAAkBA,KAAK,CAACG,IAAN,KAAe,SAAlC,MACC,CAAAd,QAAQ,SAAR,IAAAA,QAAQ,WAAR,qCAAAA,QAAQ,CAAEe,aAAV,gFAAyBC,OAAzB,MAAqC,OAArC,IACC,CAAAhB,QAAQ,SAAR,IAAAA,QAAQ,WAAR,sCAAAA,QAAQ,CAAEe,aAAV,kFAAyBC,OAAzB,MAAqC,UAFvC,CADF;AAIAZ,IAAAA,WAAW,CAACD,QAAD,CAAX;AACAG,IAAAA,YAAY,CAAC,KAAD,CAAZ,CAV4B,CAY5B;;AACAC,IAAAA,mBAAmB,CAACK,OAApB,GAA8BK,UAAU,CAAC,YAAM;AAC7Cb,MAAAA,WAAW,CAACD,QAAD,CAAX;AACAG,MAAAA,YAAY,CAAClB,uBAAuB,CAACC,MAAD,CAAxB,CAAZ;AACD,KAHuC,EAGrC,GAHqC,CAAxC;AAID,GAlBa,EAmBd,CAACW,QAAD,aAACA,QAAD,iDAACA,QAAQ,CAAEe,aAAX,2DAAC,uBAAyBC,OAA1B,EAAmC3B,MAAnC,CAnBc,CAAhB;AAsBA;AACF;AACA;AACA;;AACEY,EAAAA,KAAK,CAACiB,SAAN,CAAgB,YAAM;AACpBT,IAAAA,OAAO,CAAC,IAAD,CAAP;AACD,GAFD,EAEG,CAACA,OAAD,CAFH;AAIA,sDAAuBT,QAAvB,EAAiC,UAAjC,EAA6CS,OAA7C,EAAsDb,YAAtD;AACA,sDAAuBI,QAAvB,EAAiC,SAAjC,EAA4CS,OAA5C,EAAqDb,YAArD;AAEA,SAAO;AAAEO,IAAAA,QAAQ,EAARA,QAAF;AAAYE,IAAAA,SAAS,EAATA;AAAZ,GAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../lib/dom\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\n\ninterface SoftwareKeyboardState {\n  isOpened: boolean;\n  isPrecise: 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(\n    (1 - innerHeight / availHeight) * 100\n  );\n  return coveredViewportPercentage > 24;\n}\n\nconst eventOptions = {\n  passive: true,\n  capture: false,\n};\n\nexport function useKeyboard(): SoftwareKeyboardState {\n  const { window, document } = useDOM();\n\n  const [isOpened, setIsOpened] = React.useState(false);\n  const [isPrecise, setIsPrecise] = React.useState(false);\n\n  const transitionalTimeout = React.useRef<ReturnType<\n    typeof setTimeout\n  > | null>(null);\n\n  const onFocus = React.useCallback(\n    (event: FocusEvent | true) => {\n      if (transitionalTimeout.current) {\n        clearTimeout(transitionalTimeout.current);\n      }\n\n      const isOpened =\n        (event === true || event.type === \"focusin\") &&\n        (document?.activeElement?.tagName === \"INPUT\" ||\n          document?.activeElement?.tagName === \"TEXTAREA\");\n      setIsOpened(isOpened);\n      setIsPrecise(false);\n\n      // Ожидаем прохождение анимации раскрытия клавиатуры\n      transitionalTimeout.current = setTimeout(() => {\n        setIsOpened(isOpened);\n        setIsPrecise(getPreciseKeyboardState(window));\n      }, 300);\n    },\n    [document?.activeElement?.tagName, window]\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, isPrecise };\n}\n"],"file":"useKeyboard.js"}

package/dist/cjs/hooks/usePatchChildrenRef.d.ts

@@ -2,5 +2,5 @@ import * as React from "react";
 declare type ChildrenElement<T> = React.ReactElement<{
     getRootRef?: React.Ref<T>;
 }>;
-export declare const usePatchChildrenRef: <T = HTMLElement>(children: ChildrenElement<T>) => [React.MutableRefObject<T>, ChildrenElement<T>];
+export declare const usePatchChildrenRef: <T = HTMLElement>(children?: ChildrenElement<T> | undefined) => [React.MutableRefObject<T | null>, ChildrenElement<T> | undefined];
 export {};

package/dist/cjs/hooks/usePatchChildrenRef.js

@@ -30,7 +30,7 @@ var usePatchChildrenRef = function usePatchChildrenRef(children) {
     if (!patchedRef.current && process.env.NODE_ENV === "development") {
       warn("Кажется, в `children` передан компонент, который не поддерживает свойство `getRootRef`. Мы не можем" + "получить ссылку на корневой dom-элемент этого компонента");
     }
-  }, [children.type]);
+  }, [children === null || children === void 0 ? void 0 : children.type, patchedRef]);
   return [patchedRef, /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, (0, _defineProperty2.default)({}, isDOMTypeElement(children) ? "ref" : "getRootRef", patchedRef)) : children];
 };
 

package/dist/cjs/hooks/usePatchChildrenRef.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/usePatchChildrenRef.ts"],"names":["isDOMTypeElement","element","type","warn","usePatchChildrenRef","children","childRef","React","isValidElement","ref","props","getRootRef","patchedRef","useEffect","current","process","env","NODE_ENV","cloneElement"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAIA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CACvBC,OADuB,EAEmB;AAC1C,SAAO,OAAOA,OAAO,CAACC,IAAf,KAAwB,QAA/B;AACD,CAJD;;AAMA,IAAMC,IAAI,GAAG,wBAAS,qBAAT,CAAb;;AACO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CACjCC,QADiC,EAEmB;AACpD,MAAMC,QAAQ,GACZ,aAAAC,KAAK,CAACC,cAAN,CAAqBH,QAArB,MACCL,gBAAgB,CAACK,QAAD,CAAhB,GACIA,QAAQ,CAACI,GADb,GAEGJ,QAAQ,CAACK,KAAT,CAAeC,UAHnB,CADF;AAKA,MAAMC,UAAU,GAAG,gCAAgBN,QAAhB,CAAnB;AACAC,EAAAA,KAAK,CAACM,SAAN,CAAgB,YAAM;AACpB,QAAI,CAACD,UAAU,CAACE,OAAZ,IAAuBC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAApD,EAAmE;AACjEd,MAAAA,IAAI,CACF,wGACE,0DAFA,CAAJ;AAID;AACF,GAPD,EAOG,CAACE,QAAQ,CAACH,IAAV,CAPH;AAQA,SAAO,CACLU,UADK,EAEL,aAAAL,KAAK,CAACC,cAAN,CAAqBH,QAArB,iBACIE,KAAK,CAACW,YAAN,CAAmBb,QAAnB,oCACGL,gBAAgB,CAACK,QAAD,CAAhB,GAA6B,KAA7B,GAAqC,YADxC,EACuDO,UADvD,EADJ,GAIIP,QANC,CAAP;AAQD,CAzBM","sourcesContent":["import * as React from \"react\";\nimport { useExternRef } from \"./useExternRef\";\nimport { warnOnce } from \"../lib/warnOnce\";\n\ntype ChildrenElement<T> = React.ReactElement<{ getRootRef?: React.Ref<T> }>;\n\nconst isDOMTypeElement = (\n  element: React.ReactElement\n): element is React.DOMElement<any, any> => {\n  return typeof element.type === \"string\";\n};\n\nconst warn = warnOnce(\"usePatchChildrenRef\");\nexport const usePatchChildrenRef = <T = HTMLElement>(\n  children: ChildrenElement<T>\n): [React.MutableRefObject<T>, ChildrenElement<T>] => {\n  const childRef =\n    React.isValidElement(children) &&\n    (isDOMTypeElement(children)\n      ? (children.ref as React.Ref<T>)\n      : children.props.getRootRef);\n  const patchedRef = useExternRef<T>(childRef);\n  React.useEffect(() => {\n    if (!patchedRef.current && process.env.NODE_ENV === \"development\") {\n      warn(\n        \"Кажется, в `children` передан компонент, который не поддерживает свойство `getRootRef`. Мы не можем\" +\n          \"получить ссылку на корневой dom-элемент этого компонента\"\n      );\n    }\n  }, [children.type]);\n  return [\n    patchedRef,\n    React.isValidElement(children)\n      ? React.cloneElement(children, {\n          [isDOMTypeElement(children) ? \"ref\" : \"getRootRef\"]: patchedRef,\n        })\n      : children,\n  ];\n};\n"],"file":"usePatchChildrenRef.js"}
+{"version":3,"sources":["../../../src/hooks/usePatchChildrenRef.ts"],"names":["isDOMTypeElement","element","type","warn","usePatchChildrenRef","children","childRef","React","isValidElement","ref","props","getRootRef","patchedRef","useEffect","current","process","env","NODE_ENV","cloneElement"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAIA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CACvBC,OADuB,EAEmB;AAC1C,SAAO,OAAOA,OAAO,CAACC,IAAf,KAAwB,QAA/B;AACD,CAJD;;AAMA,IAAMC,IAAI,GAAG,wBAAS,qBAAT,CAAb;;AACO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CACjCC,QADiC,EAEsC;AACvE,MAAMC,QAAQ,GACZ,aAAAC,KAAK,CAACC,cAAN,CAAqBH,QAArB,MACCL,gBAAgB,CAACK,QAAD,CAAhB,GACIA,QAAQ,CAACI,GADb,GAEGJ,QAAQ,CAACK,KAAT,CAAeC,UAHnB,CADF;AAKA,MAAMC,UAAU,GAAG,gCAAgBN,QAAhB,CAAnB;AACAC,EAAAA,KAAK,CAACM,SAAN,CAAgB,YAAM;AACpB,QAAI,CAACD,UAAU,CAACE,OAAZ,IAAuBC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAApD,EAAmE;AACjEd,MAAAA,IAAI,CACF,wGACE,0DAFA,CAAJ;AAID;AACF,GAPD,EAOG,CAACE,QAAD,aAACA,QAAD,uBAACA,QAAQ,CAAEH,IAAX,EAAiBU,UAAjB,CAPH;AAQA,SAAO,CACLA,UADK,EAEL,aAAAL,KAAK,CAACC,cAAN,CAAqBH,QAArB,iBACIE,KAAK,CAACW,YAAN,CAAmBb,QAAnB,oCACGL,gBAAgB,CAACK,QAAD,CAAhB,GAA6B,KAA7B,GAAqC,YADxC,EACuDO,UADvD,EADJ,GAIIP,QANC,CAAP;AAQD,CAzBM","sourcesContent":["import * as React from \"react\";\nimport { useExternRef } from \"./useExternRef\";\nimport { warnOnce } from \"../lib/warnOnce\";\n\ntype ChildrenElement<T> = React.ReactElement<{ getRootRef?: React.Ref<T> }>;\n\nconst isDOMTypeElement = (\n  element: React.ReactElement\n): element is React.DOMElement<any, any> => {\n  return typeof element.type === \"string\";\n};\n\nconst warn = warnOnce(\"usePatchChildrenRef\");\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)\n      ? (children.ref as React.Ref<T>)\n      : children.props.getRootRef);\n  const patchedRef = useExternRef<T>(childRef);\n  React.useEffect(() => {\n    if (!patchedRef.current && process.env.NODE_ENV === \"development\") {\n      warn(\n        \"Кажется, в `children` передан компонент, который не поддерживает свойство `getRootRef`. Мы не можем\" +\n          \"получить ссылку на корневой dom-элемент этого компонента\"\n      );\n    }\n  }, [children?.type, patchedRef]);\n  return [\n    patchedRef,\n    React.isValidElement(children)\n      ? React.cloneElement(children, {\n          [isDOMTypeElement(children) ? \"ref\" : \"getRootRef\"]: patchedRef,\n        })\n      : children,\n  ];\n};\n"],"file":"usePatchChildrenRef.js"}

package/dist/cjs/hooks/usePlatform.d.ts

@@ -1,2 +1,2 @@
 import { PlatformType } from "../lib/platform";
-export declare function usePlatform(): PlatformType;
+export declare function usePlatform(): PlatformType | undefined;

package/dist/cjs/hooks/usePlatform.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/usePlatform.ts"],"names":["usePlatform","ssrContext","React","useContext","SSRContext","ConfigProviderContext","platform"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AAEO,SAASA,WAAT,GAAqC;AAC1C,MAAMC,UAAU,GAAGC,KAAK,CAACC,UAAN,CAAiBC,eAAjB,CAAnB;;AACA,0BAAqBF,KAAK,CAACC,UAAN,CAAiBE,4CAAjB,CAArB;AAAA,MAAQC,QAAR,qBAAQA,QAAR;;AACA,SAAOL,UAAU,CAACK,QAAX,IAAuBA,QAA9B;AACD","sourcesContent":["import * as React from \"react\";\nimport { PlatformType } from \"../lib/platform\";\nimport { SSRContext } from \"../lib/SSR\";\nimport { ConfigProviderContext } from \"../components/ConfigProvider/ConfigProviderContext\";\n\nexport function usePlatform(): PlatformType {\n  const ssrContext = React.useContext(SSRContext);\n  const { platform } = React.useContext(ConfigProviderContext);\n  return ssrContext.platform || platform;\n}\n"],"file":"usePlatform.js"}
+{"version":3,"sources":["../../../src/hooks/usePlatform.ts"],"names":["usePlatform","ssrContext","React","useContext","SSRContext","ConfigProviderContext","platform"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AAEO,SAASA,WAAT,GAAiD;AACtD,MAAMC,UAAU,GAAGC,KAAK,CAACC,UAAN,CAAiBC,eAAjB,CAAnB;;AACA,0BAAqBF,KAAK,CAACC,UAAN,CAAiBE,4CAAjB,CAArB;AAAA,MAAQC,QAAR,qBAAQA,QAAR;;AACA,SAAOL,UAAU,CAACK,QAAX,IAAuBA,QAA9B;AACD","sourcesContent":["import * as React from \"react\";\nimport { PlatformType } from \"../lib/platform\";\nimport { SSRContext } from \"../lib/SSR\";\nimport { ConfigProviderContext } from \"../components/ConfigProvider/ConfigProviderContext\";\n\nexport function usePlatform(): PlatformType | undefined {\n  const ssrContext = React.useContext(SSRContext);\n  const { platform } = React.useContext(ConfigProviderContext);\n  return ssrContext.platform || platform;\n}\n"],"file":"usePlatform.js"}

package/dist/cjs/hooks/useTimeout.js

@@ -24,7 +24,9 @@ function useTimeout(cb, duration) {
   }, [cb, duration]);
   var timeout = React.useRef();
   var clear = React.useCallback(function () {
-    return _dom.canUseDOM && clearTimeout(timeout.current);
+    if (_dom.canUseDOM && timeout !== null && timeout !== void 0 && timeout.current) {
+      clearTimeout(timeout.current);
+    }
   }, []);
   var set = React.useCallback(function () {
     var duration = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : options.current.duration;
@@ -36,7 +38,7 @@ function useTimeout(cb, duration) {
         typeof cb === "function" && cb();
       }, duration);
     }
-  }, []);
+  }, [clear]);
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     return clear;
   }, []);

package/dist/cjs/hooks/useTimeout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useTimeout.ts"],"names":["useTimeout","cb","duration","options","React","useRef","current","timeout","clear","useCallback","canUseDOM","clearTimeout","set","setTimeout"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEO,SAASA,UAAT,CAAoBC,EAApB,EAAmCC,QAAnC,EAAqD;AAC1D,MAAMC,OAAO,GAAGC,KAAK,CAACC,MAAN,CAAa;AAAEJ,IAAAA,EAAE,EAAFA,EAAF;AAAMC,IAAAA,QAAQ,EAARA;AAAN,GAAb,CAAhB;AACA,4DAA0B,YAAM;AAC9BC,IAAAA,OAAO,CAACG,OAAR,CAAgBL,EAAhB,GAAqBA,EAArB;AACAE,IAAAA,OAAO,CAACG,OAAR,CAAgBJ,QAAhB,GAA2BA,QAA3B;AACD,GAHD,EAGG,CAACD,EAAD,EAAKC,QAAL,CAHH;AAKA,MAAMK,OAAO,GAAGH,KAAK,CAACC,MAAN,EAAhB;AACA,MAAMG,KAAK,GAAGJ,KAAK,CAACK,WAAN,CACZ;AAAA,WAAMC,kBAAaC,YAAY,CAACJ,OAAO,CAACD,OAAT,CAA/B;AAAA,GADY,EAEZ,EAFY,CAAd;AAIA,MAAMM,GAAG,GAAGR,KAAK,CAACK,WAAN,CAAkB,YAAyC;AAAA,QAAxCP,QAAwC,uEAA7BC,OAAO,CAACG,OAAR,CAAgBJ,QAAa;AACrEM,IAAAA,KAAK;;AACL,QAAIE,cAAJ,EAAe;AACbH,MAAAA,OAAO,CAACD,OAAR,GAAkBO,UAAU,CAAC,YAAM;AACjC,YAAQZ,EAAR,GAAeE,OAAO,CAACG,OAAvB,CAAQL,EAAR;AACA,eAAOA,EAAP,KAAc,UAAd,IAA4BA,EAAE,EAA9B;AACD,OAH2B,EAGzBC,QAHyB,CAA5B;AAID;AACF,GARW,EAQT,EARS,CAAZ;AASA,4DAA0B;AAAA,WAAMM,KAAN;AAAA,GAA1B,EAAuC,EAAvC;AAEA,SAAO;AAAEI,IAAAA,GAAG,EAAHA,GAAF;AAAOJ,IAAAA,KAAK,EAALA;AAAP,GAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\nimport { canUseDOM } from \"../lib/dom\";\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    () => canUseDOM && clearTimeout(timeout.current),\n    []\n  );\n  const set = React.useCallback((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  useIsomorphicLayoutEffect(() => clear, []);\n\n  return { set, clear };\n}\n"],"file":"useTimeout.js"}
+{"version":3,"sources":["../../../src/hooks/useTimeout.ts"],"names":["useTimeout","cb","duration","options","React","useRef","current","timeout","clear","useCallback","canUseDOM","clearTimeout","set","setTimeout"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEO,SAASA,UAAT,CAAoBC,EAApB,EAAmCC,QAAnC,EAAqD;AAC1D,MAAMC,OAAO,GAAGC,KAAK,CAACC,MAAN,CAAa;AAAEJ,IAAAA,EAAE,EAAFA,EAAF;AAAMC,IAAAA,QAAQ,EAARA;AAAN,GAAb,CAAhB;AACA,4DAA0B,YAAM;AAC9BC,IAAAA,OAAO,CAACG,OAAR,CAAgBL,EAAhB,GAAqBA,EAArB;AACAE,IAAAA,OAAO,CAACG,OAAR,CAAgBJ,QAAhB,GAA2BA,QAA3B;AACD,GAHD,EAGG,CAACD,EAAD,EAAKC,QAAL,CAHH;AAKA,MAAMK,OAAO,GAAGH,KAAK,CAACC,MAAN,EAAhB;AACA,MAAMG,KAAK,GAAGJ,KAAK,CAACK,WAAN,CAAkB,YAAM;AACpC,QAAIC,kBAAaH,OAAb,aAAaA,OAAb,eAAaA,OAAO,CAAED,OAA1B,EAAmC;AACjCK,MAAAA,YAAY,CAACJ,OAAO,CAACD,OAAT,CAAZ;AACD;AACF,GAJa,EAIX,EAJW,CAAd;AAKA,MAAMM,GAAG,GAAGR,KAAK,CAACK,WAAN,CACV,YAAyC;AAAA,QAAxCP,QAAwC,uEAA7BC,OAAO,CAACG,OAAR,CAAgBJ,QAAa;AACvCM,IAAAA,KAAK;;AACL,QAAIE,cAAJ,EAAe;AACbH,MAAAA,OAAO,CAACD,OAAR,GAAkBO,UAAU,CAAC,YAAM;AACjC,YAAQZ,EAAR,GAAeE,OAAO,CAACG,OAAvB,CAAQL,EAAR;AACA,eAAOA,EAAP,KAAc,UAAd,IAA4BA,EAAE,EAA9B;AACD,OAH2B,EAGzBC,QAHyB,CAA5B;AAID;AACF,GATS,EAUV,CAACM,KAAD,CAVU,CAAZ;AAYA,4DAA0B;AAAA,WAAMA,KAAN;AAAA,GAA1B,EAAuC,EAAvC;AAEA,SAAO;AAAEI,IAAAA,GAAG,EAAHA,GAAF;AAAOJ,IAAAA,KAAK,EAALA;AAAP,GAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\nimport { canUseDOM } from \"../lib/dom\";\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"],"file":"useTimeout.js"}

package/dist/cjs/hooks/useWaitTransitionFinish.d.ts

@@ -1,3 +1,3 @@
 export declare const useWaitTransitionFinish: () => {
-    waitTransitionFinish: (element: HTMLElement, eventHandler: VoidFunction, durationFallback: number) => void;
+    waitTransitionFinish: (element: HTMLElement | null, eventHandler: VoidFunction, durationFallback: number) => void;
 };

package/dist/cjs/hooks/useWaitTransitionFinish.js

@@ -16,11 +16,14 @@ var useWaitTransitionFinish = function useWaitTransitionFinish() {
 
   var waitTransitionFinish = function waitTransitionFinish(element, eventHandler, durationFallback) {
     if (element) {
-      if (_supportEvents.transitionEvent.supported) {
+      if (_supportEvents.transitionEvent.supported && _supportEvents.transitionEvent.name) {
         element.removeEventListener(_supportEvents.transitionEvent.name, eventHandler);
         element.addEventListener(_supportEvents.transitionEvent.name, eventHandler);
       } else {
-        clearTimeout(timeoutRef.current);
+        if (timeoutRef !== null && timeoutRef !== void 0 && timeoutRef.current) {
+          clearTimeout(timeoutRef.current);
+        }
+
         timeoutRef.current = setTimeout(eventHandler, durationFallback);
       }
     }

package/dist/cjs/hooks/useWaitTransitionFinish.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"names":["useWaitTransitionFinish","timeoutRef","React","useRef","waitTransitionFinish","element","eventHandler","durationFallback","transitionEvent","supported","removeEventListener","name","addEventListener","clearTimeout","current","setTimeout"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,uBAAuB,GAAG,SAA1BA,uBAA0B,GAAM;AAC3C,MAAMC,UAAU,GAAGC,KAAK,CAACC,MAAN,CAAmD,IAAnD,CAAnB;;AAEA,MAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAC3BC,OAD2B,EAE3BC,YAF2B,EAG3BC,gBAH2B,EAIxB;AACH,QAAIF,OAAJ,EAAa;AACX,UAAIG,+BAAgBC,SAApB,EAA+B;AAC7BJ,QAAAA,OAAO,CAACK,mBAAR,CAA4BF,+BAAgBG,IAA5C,EAAkDL,YAAlD;AACAD,QAAAA,OAAO,CAACO,gBAAR,CAAyBJ,+BAAgBG,IAAzC,EAA+CL,YAA/C;AACD,OAHD,MAGO;AACLO,QAAAA,YAAY,CAACZ,UAAU,CAACa,OAAZ,CAAZ;AACAb,QAAAA,UAAU,CAACa,OAAX,GAAqBC,UAAU,CAACT,YAAD,EAAeC,gBAAf,CAA/B;AACD;AACF;AACF,GAdD;;AAgBA,SAAO;AACLH,IAAAA,oBAAoB,EAApBA;AADK,GAAP;AAGD,CAtBM","sourcesContent":["import * as React from \"react\";\nimport { transitionEvent } from \"../lib/supportEvents\";\n\nexport const useWaitTransitionFinish = () => {\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const waitTransitionFinish = (\n    element: HTMLElement,\n    eventHandler: VoidFunction,\n    durationFallback: number\n  ) => {\n    if (element) {\n      if (transitionEvent.supported) {\n        element.removeEventListener(transitionEvent.name, eventHandler);\n        element.addEventListener(transitionEvent.name, eventHandler);\n      } else {\n        clearTimeout(timeoutRef.current);\n        timeoutRef.current = setTimeout(eventHandler, durationFallback);\n      }\n    }\n  };\n\n  return {\n    waitTransitionFinish,\n  };\n};\n"],"file":"useWaitTransitionFinish.js"}
+{"version":3,"sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"names":["useWaitTransitionFinish","timeoutRef","React","useRef","waitTransitionFinish","element","eventHandler","durationFallback","transitionEvent","supported","name","removeEventListener","addEventListener","current","clearTimeout","setTimeout"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,uBAAuB,GAAG,SAA1BA,uBAA0B,GAAM;AAC3C,MAAMC,UAAU,GAAGC,KAAK,CAACC,MAAN,CAAmD,IAAnD,CAAnB;;AAEA,MAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAC3BC,OAD2B,EAE3BC,YAF2B,EAG3BC,gBAH2B,EAIxB;AACH,QAAIF,OAAJ,EAAa;AACX,UAAIG,+BAAgBC,SAAhB,IAA6BD,+BAAgBE,IAAjD,EAAuD;AACrDL,QAAAA,OAAO,CAACM,mBAAR,CAA4BH,+BAAgBE,IAA5C,EAAkDJ,YAAlD;AACAD,QAAAA,OAAO,CAACO,gBAAR,CAAyBJ,+BAAgBE,IAAzC,EAA+CJ,YAA/C;AACD,OAHD,MAGO;AACL,YAAIL,UAAJ,aAAIA,UAAJ,eAAIA,UAAU,CAAEY,OAAhB,EAAyB;AACvBC,UAAAA,YAAY,CAACb,UAAU,CAACY,OAAZ,CAAZ;AACD;;AACDZ,QAAAA,UAAU,CAACY,OAAX,GAAqBE,UAAU,CAACT,YAAD,EAAeC,gBAAf,CAA/B;AACD;AACF;AACF,GAhBD;;AAkBA,SAAO;AACLH,IAAAA,oBAAoB,EAApBA;AADK,GAAP;AAGD,CAxBM","sourcesContent":["import * as React from \"react\";\nimport { transitionEvent } from \"../lib/supportEvents\";\n\nexport const useWaitTransitionFinish = () => {\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const waitTransitionFinish = (\n    element: HTMLElement | null,\n    eventHandler: VoidFunction,\n    durationFallback: number\n  ) => {\n    if (element) {\n      if (transitionEvent.supported && transitionEvent.name) {\n        element.removeEventListener(transitionEvent.name, eventHandler);\n        element.addEventListener(transitionEvent.name, eventHandler);\n      } else {\n        if (timeoutRef?.current) {\n          clearTimeout(timeoutRef.current);\n        }\n        timeoutRef.current = setTimeout(eventHandler, durationFallback);\n      }\n    }\n  };\n\n  return {\n    waitTransitionFinish,\n  };\n};\n"],"file":"useWaitTransitionFinish.js"}

package/dist/cjs/index.d.ts

@@ -38,11 +38,11 @@ export type { FixedLayoutProps } from "./components/FixedLayout/FixedLayout";
  */
 export { PopoutWrapper } from "./components/PopoutWrapper/PopoutWrapper";
 export type { PopoutWrapperProps } from "./components/PopoutWrapper/PopoutWrapper";
-export { default as Alert } from "./components/Alert/Alert";
+export { Alert } from "./components/Alert/Alert";
 export type { AlertProps, AlertActionInterface, } from "./components/Alert/Alert";
 export { ActionSheet } from "./components/ActionSheet/ActionSheet";
 export type { ActionSheetProps } from "./components/ActionSheet/ActionSheet";
-export { default as ActionSheetItem } from "./components/ActionSheetItem/ActionSheetItem";
+export { ActionSheetItem } from "./components/ActionSheetItem/ActionSheetItem";
 export type { ActionSheetItemProps } from "./components/ActionSheetItem/ActionSheetItem";
 export { default as ScreenSpinner } from "./components/ScreenSpinner/ScreenSpinner";
 export type { ScreenSpinnerProps } from "./components/ScreenSpinner/ScreenSpinner";
@@ -219,10 +219,12 @@ export type { ModalCardBaseProps } from "./components/ModalCardBase/ModalCardBas
  * Wrappers
  */
 export { AppRoot } from "./components/AppRoot/AppRoot";
-export { default as AdaptivityProvider } from "./components/AdaptivityProvider/AdaptivityProvider";
+export { AdaptivityProvider } from "./components/AdaptivityProvider/AdaptivityProvider";
 export { default as ConfigProvider } from "./components/ConfigProvider/ConfigProvider";
 export type { ConfigProviderProps } from "./components/ConfigProvider/ConfigProvider";
-export { ConfigProviderContext, Appearance, Scheme, WebviewType, } from "./components/ConfigProvider/ConfigProviderContext";
+export { ConfigProviderContext, WebviewType, } from "./components/ConfigProvider/ConfigProviderContext";
+export { AppearanceProvider } from "./components/AppearanceProvider/AppearanceProvider";
+export { Scheme, Appearance } from "./helpers/scheme";
 /**
  * Advertisement
  */