@vkontakte/vkui 4.29.1 → 4.32.0

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

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

package/dist/cjs/hooks/useAdaptivity.js

@@ -5,15 +5,32 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useAdaptivity = void 0;
+exports.useAdaptivityIsDesktop = exports.useAdaptivity = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
 var _AdaptivityContext = require("../components/AdaptivityProvider/AdaptivityContext");
 
+var _usePlatform = require("./usePlatform");
+
+var _platform = require("../lib/platform");
+
 var useAdaptivity = function useAdaptivity() {
   return React.useContext(_AdaptivityContext.AdaptivityContext);
 };
 
 exports.useAdaptivity = useAdaptivity;
+
+var useAdaptivityIsDesktop = function useAdaptivityIsDesktop() {
+  var platform = (0, _usePlatform.usePlatform)();
+
+  var _useAdaptivity = useAdaptivity(),
+      viewWidth = _useAdaptivity.viewWidth,
+      viewHeight = _useAdaptivity.viewHeight,
+      hasMouse = _useAdaptivity.hasMouse;
+
+  return viewWidth >= _AdaptivityContext.ViewWidth.SMALL_TABLET && (hasMouse || viewHeight >= _AdaptivityContext.ViewHeight.MEDIUM) || platform === _platform.VKCOM;
+};
+
+exports.useAdaptivityIsDesktop = useAdaptivityIsDesktop;
 //# sourceMappingURL=useAdaptivity.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"sources":["../../../src/hooks/useAdaptivity.ts"],"names":["useAdaptivity","React","useContext","AdaptivityContext","useAdaptivityIsDesktop","platform","viewWidth","viewHeight","hasMouse","ViewWidth","SMALL_TABLET","ViewHeight","MEDIUM","VKCOM"],"mappings":";;;;;;;;;AAAA;;AACA;;AAOA;;AACA;;AAIO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,GAAkC;AAC7D,SAAOC,KAAK,CAACC,UAAN,CAAiBC,oCAAjB,CAAP;AACD,CAFM;;;;AAIA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,GAAe;AACnD,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,uBAA4CL,aAAa,EAAzD;AAAA,MAAQM,SAAR,kBAAQA,SAAR;AAAA,MAAmBC,UAAnB,kBAAmBA,UAAnB;AAAA,MAA+BC,QAA/B,kBAA+BA,QAA/B;;AAEA,SACGF,SAAS,IAAIG,6BAAUC,YAAvB,KACEF,QAAQ,IAAID,UAAU,IAAII,8BAAWC,MADvC,CAAD,IAEAP,QAAQ,KAAKQ,eAHf;AAKD,CATM","sourcesContent":["import * as React from \"react\";\nimport {\n  AdaptivityContext,\n  AdaptivityProps,\n  AdaptivityContextInterface,\n  ViewWidth,\n  ViewHeight,\n} from \"../components/AdaptivityProvider/AdaptivityContext\";\nimport { usePlatform } from \"./usePlatform\";\nimport { VKCOM } from \"../lib/platform\";\n\nexport type { AdaptivityProps };\n\nexport const useAdaptivity = (): AdaptivityContextInterface => {\n  return React.useContext(AdaptivityContext);\n};\n\nexport const useAdaptivityIsDesktop = (): boolean => {\n  const platform = usePlatform();\n  const { viewWidth, viewHeight, hasMouse } = useAdaptivity();\n\n  return (\n    (viewWidth >= ViewWidth.SMALL_TABLET &&\n      (hasMouse || viewHeight >= ViewHeight.MEDIUM)) ||\n    platform === VKCOM\n  );\n};\n"],"file":"useAdaptivity.js"}

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

@@ -1,13 +1,14 @@
 import * as React from "react";
-export interface UseCalendarDependencies {
+import { CalendarProps } from "../components/Calendar/Calendar";
+export interface UseCalendarDependencies extends Pick<CalendarProps, "onHeaderChange" | "onNextMonth" | "onPrevMonth"> {
     value?: Array<Date | null> | Date;
     disablePast?: boolean;
     disableFuture?: boolean;
     shouldDisableDate?(value: Date): boolean;
 }
-export declare function useCalendar({ value, disablePast, disableFuture, shouldDisableDate, }: UseCalendarDependencies): {
+export declare function useCalendar({ value, disablePast, disableFuture, shouldDisableDate, onHeaderChange, onNextMonth, onPrevMonth, }: UseCalendarDependencies): {
     viewDate: Date;
-    setViewDate: React.Dispatch<React.SetStateAction<Date>>;
+    setViewDate: (value: Date) => void;
     setPrevMonth: () => void;
     setNextMonth: () => void;
     focusedDay: Date | undefined;

package/dist/cjs/hooks/useCalendar.js

@@ -21,7 +21,10 @@ function useCalendar(_ref) {
   var value = _ref.value,
       disablePast = _ref.disablePast,
       disableFuture = _ref.disableFuture,
-      shouldDisableDate = _ref.shouldDisableDate;
+      shouldDisableDate = _ref.shouldDisableDate,
+      onHeaderChange = _ref.onHeaderChange,
+      onNextMonth = _ref.onNextMonth,
+      onPrevMonth = _ref.onPrevMonth;
 
   var _React$useState = React.useState((_ref2 = Array.isArray(value) ? value[0] : value) !== null && _ref2 !== void 0 ? _ref2 : new Date()),
       _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
@@ -34,11 +37,17 @@ function useCalendar(_ref) {
       setFocusedDay = _React$useState4[1];
 
   var setPrevMonth = React.useCallback(function () {
-    return setViewDate((0, _date.subMonths)(viewDate, 1));
-  }, [viewDate]);
+    onPrevMonth === null || onPrevMonth === void 0 ? void 0 : onPrevMonth();
+    setViewDate((0, _date.subMonths)(viewDate, 1));
+  }, [viewDate, onPrevMonth]);
   var setNextMonth = React.useCallback(function () {
-    return setViewDate((0, _date.addMonths)(viewDate, 1));
-  }, [viewDate]);
+    onNextMonth === null || onNextMonth === void 0 ? void 0 : onNextMonth();
+    setViewDate((0, _date.addMonths)(viewDate, 1));
+  }, [viewDate, onNextMonth]);
+  var handleSetViewDate = React.useCallback(function (value) {
+    onHeaderChange === null || onHeaderChange === void 0 ? void 0 : onHeaderChange(value);
+    setViewDate(value);
+  }, [onHeaderChange]);
   var isDayFocused = React.useCallback(function (day) {
     return Boolean(focusedDay && (0, _date.isSameDay)(day, focusedDay));
   }, [focusedDay]);
@@ -65,7 +74,7 @@ function useCalendar(_ref) {
   }, [setFocusedDay]);
   return {
     viewDate: viewDate,
-    setViewDate: setViewDate,
+    setViewDate: handleSetViewDate,
     setPrevMonth: setPrevMonth,
     setNextMonth: setNextMonth,
     focusedDay: focusedDay,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useCalendar.ts"],"names":["useCalendar","value","disablePast","disableFuture","shouldDisableDate","React","useState","Array","isArray","Date","viewDate","setViewDate","focusedDay","setFocusedDay","setPrevMonth","useCallback","setNextMonth","isDayFocused","day","Boolean","isDayDisabled","now","disabled","resetSelectedDay","undefined"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAiBO,SAASA,WAAT,OAKqB;AAAA;;AAAA,MAJ1BC,KAI0B,QAJ1BA,KAI0B;AAAA,MAH1BC,WAG0B,QAH1BA,WAG0B;AAAA,MAF1BC,aAE0B,QAF1BA,aAE0B;AAAA,MAD1BC,iBAC0B,QAD1BA,iBAC0B;;AAC1B,wBAAgCC,KAAK,CAACC,QAAN,UAC7BC,KAAK,CAACC,OAAN,CAAcP,KAAd,IAAuBA,KAAK,CAAC,CAAD,CAA5B,GAAkCA,KADL,yCACe,IAAIQ,IAAJ,EADf,CAAhC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AAGA,yBAAoCN,KAAK,CAACC,QAAN,EAApC;AAAA;AAAA,MAAOM,UAAP;AAAA,MAAmBC,aAAnB;;AAEA,MAAMC,YAAY,GAAGT,KAAK,CAACU,WAAN,CACnB;AAAA,WAAMJ,WAAW,CAAC,qBAAUD,QAAV,EAAoB,CAApB,CAAD,CAAjB;AAAA,GADmB,EAEnB,CAACA,QAAD,CAFmB,CAArB;AAIA,MAAMM,YAAY,GAAGX,KAAK,CAACU,WAAN,CACnB;AAAA,WAAMJ,WAAW,CAAC,qBAAUD,QAAV,EAAoB,CAApB,CAAD,CAAjB;AAAA,GADmB,EAEnB,CAACA,QAAD,CAFmB,CAArB;AAKA,MAAMO,YAAY,GAAGZ,KAAK,CAACU,WAAN,CACnB,UAACG,GAAD;AAAA,WAAeC,OAAO,CAACP,UAAU,IAAI,qBAAUM,GAAV,EAAeN,UAAf,CAAf,CAAtB;AAAA,GADmB,EAEnB,CAACA,UAAD,CAFmB,CAArB;AAKA,MAAMQ,aAAa,GAAGf,KAAK,CAACU,WAAN,CACpB,UAACG,GAAD,EAAe;AACb,QAAMG,GAAG,GAAG,IAAIZ,IAAJ,EAAZ;AACA,QAAIa,QAAQ,GAAG,KAAf;;AACA,QAAIpB,WAAJ,EAAiB;AACfoB,MAAAA,QAAQ,GAAG,oBAAS,oBAASJ,GAAT,CAAT,EAAwBG,GAAxB,CAAX;AACD;;AACD,QAAIlB,aAAJ,EAAmB;AACjBmB,MAAAA,QAAQ,GAAG,mBAAQ,sBAAWJ,GAAX,CAAR,EAAyBG,GAAzB,CAAX;AACD;;AACD,QAAIjB,iBAAJ,EAAuB;AACrBkB,MAAAA,QAAQ,GAAGlB,iBAAiB,CAACc,GAAD,CAA5B;AACD;;AAED,WAAOI,QAAP;AACD,GAfmB,EAgBpB,CAACnB,aAAD,EAAgBD,WAAhB,EAA6BE,iBAA7B,CAhBoB,CAAtB;AAmBA,MAAMmB,gBAAgB,GAAGlB,KAAK,CAACU,WAAN,CAAkB,YAAM;AAC/CF,IAAAA,aAAa,CAACW,SAAD,CAAb;AACD,GAFwB,EAEtB,CAACX,aAAD,CAFsB,CAAzB;AAIA,SAAO;AACLH,IAAAA,QAAQ,EAARA,QADK;AAELC,IAAAA,WAAW,EAAXA,WAFK;AAGLG,IAAAA,YAAY,EAAZA,YAHK;AAILE,IAAAA,YAAY,EAAZA,YAJK;AAKLJ,IAAAA,UAAU,EAAVA,UALK;AAMLC,IAAAA,aAAa,EAAbA,aANK;AAOLI,IAAAA,YAAY,EAAZA,YAPK;AAQLG,IAAAA,aAAa,EAAbA,aARK;AASLG,IAAAA,gBAAgB,EAAhBA;AATK,GAAP;AAWD","sourcesContent":["import * as React from \"react\";\nimport {\n  subMonths,\n  addMonths,\n  isSameDay,\n  isBefore,\n  endOfDay,\n  isAfter,\n  startOfDay,\n} from \"../lib/date\";\n\nexport interface UseCalendarDependencies {\n  value?: Array<Date | null> | Date;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  shouldDisableDate?(value: Date): boolean;\n}\n\nexport function useCalendar({\n  value,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n}: UseCalendarDependencies) {\n  const [viewDate, setViewDate] = React.useState(\n    (Array.isArray(value) ? value[0] : value) ?? new Date()\n  );\n  const [focusedDay, setFocusedDay] = React.useState<Date>();\n\n  const setPrevMonth = React.useCallback(\n    () => setViewDate(subMonths(viewDate, 1)),\n    [viewDate]\n  );\n  const setNextMonth = React.useCallback(\n    () => setViewDate(addMonths(viewDate, 1)),\n    [viewDate]\n  );\n\n  const isDayFocused = React.useCallback(\n    (day: Date) => Boolean(focusedDay && isSameDay(day, focusedDay)),\n    [focusedDay]\n  );\n\n  const isDayDisabled = React.useCallback(\n    (day: Date) => {\n      const now = new Date();\n      let disabled = false;\n      if (disablePast) {\n        disabled = isBefore(endOfDay(day), now);\n      }\n      if (disableFuture) {\n        disabled = isAfter(startOfDay(day), now);\n      }\n      if (shouldDisableDate) {\n        disabled = shouldDisableDate(day);\n      }\n\n      return disabled;\n    },\n    [disableFuture, disablePast, shouldDisableDate]\n  );\n\n  const resetSelectedDay = React.useCallback(() => {\n    setFocusedDay(undefined);\n  }, [setFocusedDay]);\n\n  return {\n    viewDate,\n    setViewDate,\n    setPrevMonth,\n    setNextMonth,\n    focusedDay,\n    setFocusedDay,\n    isDayFocused,\n    isDayDisabled,\n    resetSelectedDay,\n  };\n}\n"],"file":"useCalendar.js"}
+{"version":3,"sources":["../../../src/hooks/useCalendar.ts"],"names":["useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","React","useState","Array","isArray","Date","viewDate","setViewDate","focusedDay","setFocusedDay","setPrevMonth","useCallback","setNextMonth","handleSetViewDate","isDayFocused","day","Boolean","isDayDisabled","now","disabled","resetSelectedDay","undefined"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  subMonths,\n  addMonths,\n  isSameDay,\n  isBefore,\n  endOfDay,\n  isAfter,\n  startOfDay,\n} from \"../lib/date\";\nimport { CalendarProps } from \"../components/Calendar/Calendar\";\n\nexport interface UseCalendarDependencies\n  extends Pick<\n    CalendarProps,\n    \"onHeaderChange\" | \"onNextMonth\" | \"onPrevMonth\"\n  > {\n  value?: Array<Date | null> | Date;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  shouldDisableDate?(value: Date): boolean;\n}\n\nexport function useCalendar({\n  value,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n  onHeaderChange,\n  onNextMonth,\n  onPrevMonth,\n}: UseCalendarDependencies) {\n  const [viewDate, setViewDate] = React.useState(\n    (Array.isArray(value) ? value[0] : value) ?? new Date()\n  );\n  const [focusedDay, setFocusedDay] = React.useState<Date>();\n\n  const setPrevMonth = React.useCallback(() => {\n    onPrevMonth?.();\n    setViewDate(subMonths(viewDate, 1));\n  }, [viewDate, onPrevMonth]);\n  const setNextMonth = React.useCallback(() => {\n    onNextMonth?.();\n    setViewDate(addMonths(viewDate, 1));\n  }, [viewDate, onNextMonth]);\n\n  const handleSetViewDate = React.useCallback(\n    (value: Date) => {\n      onHeaderChange?.(value);\n      setViewDate(value);\n    },\n    [onHeaderChange]\n  );\n\n  const isDayFocused = React.useCallback(\n    (day: Date) => Boolean(focusedDay && isSameDay(day, focusedDay)),\n    [focusedDay]\n  );\n\n  const isDayDisabled = React.useCallback(\n    (day: Date) => {\n      const now = new Date();\n      let disabled = false;\n      if (disablePast) {\n        disabled = isBefore(endOfDay(day), now);\n      }\n      if (disableFuture) {\n        disabled = isAfter(startOfDay(day), now);\n      }\n      if (shouldDisableDate) {\n        disabled = shouldDisableDate(day);\n      }\n\n      return disabled;\n    },\n    [disableFuture, disablePast, shouldDisableDate]\n  );\n\n  const resetSelectedDay = React.useCallback(() => {\n    setFocusedDay(undefined);\n  }, [setFocusedDay]);\n\n  return {\n    viewDate,\n    setViewDate: handleSetViewDate,\n    setPrevMonth,\n    setNextMonth,\n    focusedDay,\n    setFocusedDay,\n    isDayFocused,\n    isDayDisabled,\n    resetSelectedDay,\n  };\n}\n"],"file":"useCalendar.js"}

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

@@ -1,6 +1,5 @@
 interface SoftwareKeyboardState {
     isOpened: boolean;
-    isPrecise: boolean;
 }
 /**
  Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большинству устройств

package/dist/cjs/hooks/useKeyboard.js

@@ -38,7 +38,6 @@ function useKeyboard() {
   var _document$activeEleme3;
 
   var _useDOM = (0, _dom.useDOM)(),
-      window = _useDOM.window,
       document = _useDOM.document;
 
   var _React$useState = React.useState(false),
@@ -46,28 +45,12 @@ function useKeyboard() {
       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 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]);
+  }, [document === null || document === void 0 ? void 0 : (_document$activeEleme3 = document.activeElement) === null || _document$activeEleme3 === void 0 ? void 0 : _document$activeEleme3.tagName]);
   /**
    У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,
    чтобы иметь хоть какое-то понимание происходящего.
@@ -79,8 +62,7 @@ function useKeyboard() {
   (0, _useGlobalEventListener.useGlobalEventListener)(document, "focusout", onFocus, eventOptions);
   (0, _useGlobalEventListener.useGlobalEventListener)(document, "focusin", onFocus, eventOptions);
   return {
-    isOpened: isOpened,
-    isPrecise: isPrecise
+    isOpened: isOpened
   };
 }
 //# sourceMappingURL=useKeyboard.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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","onFocus","useCallback","event","type","activeElement","tagName","useEffect"],"mappings":";;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAMA;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,gBAAqB,kBAArB;AAAA,MAAQC,QAAR,WAAQA,QAAR;;AAEA,wBAAgCC,KAAK,CAACC,QAAN,CAAe,KAAf,CAAhC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AAEA,MAAMC,OAAO,GAAGJ,KAAK,CAACK,WAAN,CACd,UAACC,KAAD,EAA8B;AAAA;;AAC5B,QAAMJ,QAAQ,GACZ,CAACI,KAAK,KAAK,IAAV,IAAkBA,KAAK,CAACC,IAAN,KAAe,SAAlC,MACC,CAAAR,QAAQ,SAAR,IAAAA,QAAQ,WAAR,qCAAAA,QAAQ,CAAES,aAAV,gFAAyBC,OAAzB,MAAqC,OAArC,IACC,CAAAV,QAAQ,SAAR,IAAAA,QAAQ,WAAR,sCAAAA,QAAQ,CAAES,aAAV,kFAAyBC,OAAzB,MAAqC,UAFvC,CADF;AAIAN,IAAAA,WAAW,CAACD,QAAD,CAAX;AACD,GAPa,EAQd,CAACH,QAAD,aAACA,QAAD,iDAACA,QAAQ,CAAES,aAAX,2DAAC,uBAAyBC,OAA1B,CARc,CAAhB;AAWA;AACF;AACA;AACA;;AACET,EAAAA,KAAK,CAACU,SAAN,CAAgB,YAAM;AACpBN,IAAAA,OAAO,CAAC,IAAD,CAAP;AACD,GAFD,EAEG,CAACA,OAAD,CAFH;AAIA,sDAAuBL,QAAvB,EAAiC,UAAjC,EAA6CK,OAA7C,EAAsDT,YAAtD;AACA,sDAAuBI,QAAvB,EAAiC,SAAjC,EAA4CK,OAA5C,EAAqDT,YAArD;AAEA,SAAO;AAAEO,IAAAA,QAAQ,EAARA;AAAF,GAAP;AACD","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(\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 { 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"],"file":"useKeyboard.js"}

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

@@ -0,0 +1 @@
+export declare function usePrevious<T>(value: T): T | undefined;

package/dist/cjs/hooks/usePrevious.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePrevious = usePrevious;
+
+var React = _interopRequireWildcard(require("react"));
+
+function usePrevious(value) {
+  var ref = React.useRef();
+  React.useEffect(function () {
+    ref.current = value;
+  });
+  return ref.current;
+}
+//# sourceMappingURL=usePrevious.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/usePrevious.ts"],"names":["usePrevious","value","ref","React","useRef","useEffect","current"],"mappings":";;;;;;;;;AAAA;;AAEO,SAASA,WAAT,CAAwBC,KAAxB,EAAiD;AACtD,MAAMC,GAAG,GAAGC,KAAK,CAACC,MAAN,EAAZ;AAEAD,EAAAA,KAAK,CAACE,SAAN,CAAgB,YAAM;AACpBH,IAAAA,GAAG,CAACI,OAAJ,GAAcL,KAAd;AACD,GAFD;AAIA,SAAOC,GAAG,CAACI,OAAX;AACD","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"],"file":"usePrevious.js"}

package/dist/cjs/hooks/useWaitTransitionFinish.js

@@ -19,7 +19,7 @@ var useWaitTransitionFinish = function useWaitTransitionFinish() {
   var _useDOM = (0, _dom.useDOM)(),
       document = _useDOM.document;
 
-  var waitTransitionFinish = function waitTransitionFinish(element, eventHandler, durationFallback) {
+  var waitTransitionFinish = React.useCallback(function (element, eventHandler, durationFallback) {
     if (element) {
       if (!(document !== null && document !== void 0 && document.hidden) && _supportEvents.transitionEvent.supported && _supportEvents.transitionEvent.name) {
         element.removeEventListener(_supportEvents.transitionEvent.name, eventHandler);
@@ -32,8 +32,7 @@ var useWaitTransitionFinish = function useWaitTransitionFinish() {
         timeoutRef.current = setTimeout(eventHandler, durationFallback);
       }
     }
-  };
-
+  }, [document, timeoutRef]);
   return {
     waitTransitionFinish: waitTransitionFinish
   };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"names":["useWaitTransitionFinish","timeoutRef","React","useRef","document","waitTransitionFinish","element","eventHandler","durationFallback","hidden","transitionEvent","supported","name","removeEventListener","addEventListener","current","clearTimeout","setTimeout"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEO,IAAMA,uBAAuB,GAAG,SAA1BA,uBAA0B,GAAM;AAC3C,MAAMC,UAAU,GAAGC,KAAK,CAACC,MAAN,CAAmD,IAAnD,CAAnB;;AACA,gBAAqB,kBAArB;AAAA,MAAQC,QAAR,WAAQA,QAAR;;AAEA,MAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAC3BC,OAD2B,EAE3BC,YAF2B,EAG3BC,gBAH2B,EAIxB;AACH,QAAIF,OAAJ,EAAa;AACX,UACE,EAACF,QAAD,aAACA,QAAD,eAACA,QAAQ,CAAEK,MAAX,KACAC,+BAAgBC,SADhB,IAEAD,+BAAgBE,IAHlB,EAIE;AACAN,QAAAA,OAAO,CAACO,mBAAR,CAA4BH,+BAAgBE,IAA5C,EAAkDL,YAAlD;AACAD,QAAAA,OAAO,CAACQ,gBAAR,CAAyBJ,+BAAgBE,IAAzC,EAA+CL,YAA/C;AACD,OAPD,MAOO;AACL,YAAIN,UAAJ,aAAIA,UAAJ,eAAIA,UAAU,CAAEc,OAAhB,EAAyB;AACvBC,UAAAA,YAAY,CAACf,UAAU,CAACc,OAAZ,CAAZ;AACD;;AACDd,QAAAA,UAAU,CAACc,OAAX,GAAqBE,UAAU,CAACV,YAAD,EAAeC,gBAAf,CAA/B;AACD;AACF;AACF,GApBD;;AAsBA,SAAO;AACLH,IAAAA,oBAAoB,EAApBA;AADK,GAAP;AAGD,CA7BM","sourcesContent":["import * as React from \"react\";\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\n  const waitTransitionFinish = (\n    element: HTMLElement | null,\n    eventHandler: VoidFunction,\n    durationFallback: number\n  ) => {\n    if (element) {\n      if (\n        !document?.hidden &&\n        transitionEvent.supported &&\n        transitionEvent.name\n      ) {\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"}
+{"version":3,"sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"names":["useWaitTransitionFinish","timeoutRef","React","useRef","document","waitTransitionFinish","useCallback","element","eventHandler","durationFallback","hidden","transitionEvent","supported","name","removeEventListener","addEventListener","current","clearTimeout","setTimeout"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEO,IAAMA,uBAAuB,GAAG,SAA1BA,uBAA0B,GAAM;AAC3C,MAAMC,UAAU,GAAGC,KAAK,CAACC,MAAN,CAAmD,IAAnD,CAAnB;;AACA,gBAAqB,kBAArB;AAAA,MAAQC,QAAR,WAAQA,QAAR;;AAEA,MAAMC,oBAAoB,GAAGH,KAAK,CAACI,WAAN,CAC3B,UACEC,OADF,EAEEC,YAFF,EAGEC,gBAHF,EAIK;AACH,QAAIF,OAAJ,EAAa;AACX,UACE,EAACH,QAAD,aAACA,QAAD,eAACA,QAAQ,CAAEM,MAAX,KACAC,+BAAgBC,SADhB,IAEAD,+BAAgBE,IAHlB,EAIE;AACAN,QAAAA,OAAO,CAACO,mBAAR,CAA4BH,+BAAgBE,IAA5C,EAAkDL,YAAlD;AACAD,QAAAA,OAAO,CAACQ,gBAAR,CAAyBJ,+BAAgBE,IAAzC,EAA+CL,YAA/C;AACD,OAPD,MAOO;AACL,YAAIP,UAAJ,aAAIA,UAAJ,eAAIA,UAAU,CAAEe,OAAhB,EAAyB;AACvBC,UAAAA,YAAY,CAAChB,UAAU,CAACe,OAAZ,CAAZ;AACD;;AACDf,QAAAA,UAAU,CAACe,OAAX,GAAqBE,UAAU,CAACV,YAAD,EAAeC,gBAAf,CAA/B;AACD;AACF;AACF,GArB0B,EAsB3B,CAACL,QAAD,EAAWH,UAAX,CAtB2B,CAA7B;AAyBA,SAAO;AACLI,IAAAA,oBAAoB,EAApBA;AADK,GAAP;AAGD,CAhCM","sourcesContent":["import * as React from \"react\";\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\n  const waitTransitionFinish = React.useCallback(\n    (\n      element: HTMLElement | null,\n      eventHandler: VoidFunction,\n      durationFallback: number\n    ) => {\n      if (element) {\n        if (\n          !document?.hidden &&\n          transitionEvent.supported &&\n          transitionEvent.name\n        ) {\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    [document, timeoutRef]\n  );\n\n  return {\n    waitTransitionFinish,\n  };\n};\n"],"file":"useWaitTransitionFinish.js"}

package/dist/cjs/index.d.ts

@@ -13,7 +13,7 @@ export { Panel } from "./components/Panel/Panel";
 export type { PanelProps } from "./components/Panel/Panel";
 export { PanelHeaderButton } from "./components/PanelHeaderButton/PanelHeaderButton";
 export type { PanelHeaderButtonProps } from "./components/PanelHeaderButton/PanelHeaderButton";
-export { default as PanelHeader } from "./components/PanelHeader/PanelHeader";
+export { PanelHeader } from "./components/PanelHeader/PanelHeader";
 export type { PanelHeaderProps } from "./components/PanelHeader/PanelHeader";
 export { default as PanelHeaderContent } from "./components/PanelHeaderContent/PanelHeaderContent";
 export type { PanelHeaderContentProps } from "./components/PanelHeaderContent/PanelHeaderContent";
@@ -57,7 +57,7 @@ export { withModalRootContext } from "./components/ModalRoot/withModalRootContex
 export { default as ModalRootContext } from "./components/ModalRoot/ModalRootContext";
 export { default as ModalPage } from "./components/ModalPage/ModalPage";
 export type { ModalPageProps } from "./components/ModalPage/ModalPage";
-export { default as ModalPageHeader } from "./components/ModalPageHeader/ModalPageHeader";
+export { ModalPageHeader } from "./components/ModalPageHeader/ModalPageHeader";
 export type { ModalPageHeaderProps } from "./components/ModalPageHeader/ModalPageHeader";
 export { default as ModalCard } from "./components/ModalCard/ModalCard";
 export type { ModalCardProps } from "./components/ModalCard/ModalCard";
@@ -101,7 +101,7 @@ export { HorizontalCell } from "./components/HorizontalCell/HorizontalCell";
 export type { HorizontalCellProps } from "./components/HorizontalCell/HorizontalCell";
 export { Footer } from "./components/Footer/Footer";
 export type { FooterProps } from "./components/Footer/Footer";
-export { default as InfoRow } from "./components/InfoRow/InfoRow";
+export { InfoRow } from "./components/InfoRow/InfoRow";
 export type { InfoRowProps } from "./components/InfoRow/InfoRow";
 export { default as Gallery } from "./components/Gallery/Gallery";
 export type { GalleryProps } from "./components/Gallery/Gallery";
@@ -111,7 +111,7 @@ export { GridAvatar } from "./components/GridAvatar/GridAvatar";
 export type { GridAvatarProps } from "./components/GridAvatar/GridAvatar";
 export { InitialsAvatar } from "./components/InitialsAvatar/InitialsAvatar";
 export type { InitialsAvatarProps } from "./components/InitialsAvatar/InitialsAvatar";
-export { default as Progress } from "./components/Progress/Progress";
+export { Progress } from "./components/Progress/Progress";
 export type { ProgressProps } from "./components/Progress/Progress";
 export { default as Search } from "./components/Search/Search";
 export type { SearchProps } from "./components/Search/Search";
@@ -119,20 +119,20 @@ export { default as Tabs } from "./components/Tabs/Tabs";
 export type { TabsProps } from "./components/Tabs/Tabs";
 export { default as TabsItem } from "./components/TabsItem/TabsItem";
 export type { TabsItemProps } from "./components/TabsItem/TabsItem";
-export { default as Spinner } from "./components/Spinner/Spinner";
+export { Spinner } from "./components/Spinner/Spinner";
 export type { SpinnerProps } from "./components/Spinner/Spinner";
-export { default as PullToRefresh } from "./components/PullToRefresh/PullToRefresh";
+export { PullToRefresh } from "./components/PullToRefresh/PullToRefresh";
 export type { PullToRefreshProps } from "./components/PullToRefresh/PullToRefresh";
 export { default as Link } from "./components/Link/Link";
 export type { LinkProps } from "./components/Link/Link";
 export { default as Tooltip } from "./components/Tooltip/Tooltip";
 export type { TooltipProps } from "./components/Tooltip/Tooltip";
 export { TooltipContainer } from "./components/Tooltip/TooltipContainer";
-export { default as Counter } from "./components/Counter/Counter";
+export { Counter } from "./components/Counter/Counter";
 export type { CounterProps } from "./components/Counter/Counter";
 export { default as UsersStack } from "./components/UsersStack/UsersStack";
 export type { UsersStackProps } from "./components/UsersStack/UsersStack";
-export { default as Separator } from "./components/Separator/Separator";
+export { Separator } from "./components/Separator/Separator";
 export type { SeparatorProps } from "./components/Separator/Separator";
 export { Spacing } from "./components/Spacing/Spacing";
 export type { SpacingProps } from "./components/Spacing/Spacing";
@@ -167,7 +167,7 @@ export { FormStatus } from "./components/FormStatus/FormStatus";
 export type { FormStatusProps } from "./components/FormStatus/FormStatus";
 export { Switch } from "./components/Switch/Switch";
 export type { SwitchProps } from "./components/Switch/Switch";
-export { default as File } from "./components/File/File";
+export { File } from "./components/File/File";
 export type { FileProps } from "./components/File/File";
 export { Input } from "./components/Input/Input";
 export type { InputProps } from "./components/Input/Input";
@@ -181,7 +181,7 @@ export { default as RangeSlider } from "./components/RangeSlider/RangeSlider";
 export type { RangeSliderProps } from "./components/RangeSlider/RangeSlider";
 export { default as Textarea } from "./components/Textarea/Textarea";
 export type { TextareaProps } from "./components/Textarea/Textarea";
-export { default as Radio } from "./components/Radio/Radio";
+export { Radio } from "./components/Radio/Radio";
 export type { RadioProps } from "./components/Radio/Radio";
 export { RadioGroup } from "./components/RadioGroup/RadioGroup";
 export type { RadioGroupProps } from "./components/RadioGroup/RadioGroup";
@@ -189,7 +189,7 @@ export { default as Checkbox } from "./components/Checkbox/Checkbox";
 export type { CheckboxProps } from "./components/Checkbox/Checkbox";
 export { Select } from "./components/Select/Select";
 export type { SelectProps } from "./components/Select/Select";
-export { default as SelectMimicry } from "./components/SelectMimicry/SelectMimicry";
+export { SelectMimicry } from "./components/SelectMimicry/SelectMimicry";
 export type { SelectMimicryProps } from "./components/SelectMimicry/SelectMimicry";
 export { NativeSelect } from "./components/NativeSelect/NativeSelect";
 export type { NativeSelectProps } from "./components/NativeSelect/NativeSelect";
@@ -220,7 +220,7 @@ export { default as Tappable } from "./components/Tappable/Tappable";
 export type { TappableProps } from "./components/Tappable/Tappable";
 export { Touch } from "./components/Touch/Touch";
 export type { TouchProps } from "./components/Touch/Touch";
-export { default as PanelSpinner } from "./components/PanelSpinner/PanelSpinner";
+export { PanelSpinner } from "./components/PanelSpinner/PanelSpinner";
 export type { PanelSpinnerProps } from "./components/PanelSpinner/PanelSpinner";
 export { default as PanelHeaderClose } from "./components/PanelHeaderClose/PanelHeaderClose";
 export { default as PanelHeaderBack } from "./components/PanelHeaderBack/PanelHeaderBack";
@@ -253,16 +253,18 @@ export type { PromoBannerProps } from "./components/PromoBanner/PromoBanner";
  */
 export { Title } from "./components/Typography/Title/Title";
 export type { TitleProps } from "./components/Typography/Title/Title";
-export { default as Headline } from "./components/Typography/Headline/Headline";
+export { Headline } from "./components/Typography/Headline/Headline";
 export type { HeadlineProps } from "./components/Typography/Headline/Headline";
-export { default as Text } from "./components/Typography/Text/Text";
+export { Text } from "./components/Typography/Text/Text";
 export type { TextProps } from "./components/Typography/Text/Text";
-export { Caption } from "./components/Typography/Caption/Caption";
-export type { CaptionProps } from "./components/Typography/Caption/Caption";
-export { Subhead } from "./components/Typography/Subhead/Subhead";
-export type { SubheadProps } from "./components/Typography/Subhead/Subhead";
 export { Paragraph } from "./components/Typography/Paragraph/Paragraph";
 export type { ParagraphProps } from "./components/Typography/Paragraph/Paragraph";
+export { Subhead } from "./components/Typography/Subhead/Subhead";
+export type { SubheadProps } from "./components/Typography/Subhead/Subhead";
+export { Footnote } from "./components/Typography/Footnote/Footnote";
+export type { FootnoteProps } from "./components/Typography/Footnote/Footnote";
+export { Caption } from "./components/Typography/Caption/Caption";
+export type { CaptionProps } from "./components/Typography/Caption/Caption";
 /**
  * HOCs
  */
@@ -277,6 +279,8 @@ export { usePlatform } from "./hooks/usePlatform";
 export { useAdaptivity } from "./hooks/useAdaptivity";
 export { useAppearance } from "./hooks/useAppearance";
 export { usePagination } from "./hooks/usePagination";
+export { useScrollLock } from "./components/AppRoot/ScrollContext";
+export { useNavTransition } from "./components/NavTransitionContext/NavTransitionContext";
 /**
  * Utils
  */
@@ -298,3 +302,4 @@ export type { AlignType, HasPlatform, HasInsets } from "./types";
 export type { NavIdProps } from "./lib/getNavId";
 export type { PlatformType } from "./lib/platform";
 export type { AdaptivityProps } from "./hoc/withAdaptivity";
+export type { TransitionContextProps } from "./components/NavTransitionContext/NavTransitionContext";