@vkontakte/vkui 4.29.1 → 4.32.0

package/dist/cssm/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/cssm/hooks/useCalendar.js

@@ -7,7 +7,10 @@ export 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 = _slicedToArray(_React$useState, 2),
@@ -20,11 +23,17 @@ export function useCalendar(_ref) {
       setFocusedDay = _React$useState4[1];
 
   var setPrevMonth = React.useCallback(function () {
-    return setViewDate(subMonths(viewDate, 1));
-  }, [viewDate]);
+    onPrevMonth === null || onPrevMonth === void 0 ? void 0 : onPrevMonth();
+    setViewDate(subMonths(viewDate, 1));
+  }, [viewDate, onPrevMonth]);
   var setNextMonth = React.useCallback(function () {
-    return setViewDate(addMonths(viewDate, 1));
-  }, [viewDate]);
+    onNextMonth === null || onNextMonth === void 0 ? void 0 : onNextMonth();
+    setViewDate(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 && isSameDay(day, focusedDay));
   }, [focusedDay]);
@@ -51,7 +60,7 @@ export function useCalendar(_ref) {
   }, [setFocusedDay]);
   return {
     viewDate: viewDate,
-    setViewDate: setViewDate,
+    setViewDate: handleSetViewDate,
     setPrevMonth: setPrevMonth,
     setNextMonth: setNextMonth,
     focusedDay: focusedDay,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useCalendar.ts"],"names":["React","subMonths","addMonths","isSameDay","isBefore","endOfDay","isAfter","startOfDay","useCalendar","value","disablePast","disableFuture","shouldDisableDate","useState","Array","isArray","Date","viewDate","setViewDate","focusedDay","setFocusedDay","setPrevMonth","useCallback","setNextMonth","isDayFocused","day","Boolean","isDayDisabled","now","disabled","resetSelectedDay","undefined"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,SADF,EAEEC,SAFF,EAGEC,SAHF,EAIEC,QAJF,EAKEC,QALF,EAMEC,OANF,EAOEC,UAPF;AAiBA,OAAO,SAASC,WAAT,OAKqB;AAAA;;AAAA,MAJ1BC,KAI0B,QAJ1BA,KAI0B;AAAA,MAH1BC,WAG0B,QAH1BA,WAG0B;AAAA,MAF1BC,aAE0B,QAF1BA,aAE0B;AAAA,MAD1BC,iBAC0B,QAD1BA,iBAC0B;;AAC1B,wBAAgCZ,KAAK,CAACa,QAAN,UAC7BC,KAAK,CAACC,OAAN,CAAcN,KAAd,IAAuBA,KAAK,CAAC,CAAD,CAA5B,GAAkCA,KADL,yCACe,IAAIO,IAAJ,EADf,CAAhC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AAGA,yBAAoClB,KAAK,CAACa,QAAN,EAApC;AAAA;AAAA,MAAOM,UAAP;AAAA,MAAmBC,aAAnB;;AAEA,MAAMC,YAAY,GAAGrB,KAAK,CAACsB,WAAN,CACnB;AAAA,WAAMJ,WAAW,CAACjB,SAAS,CAACgB,QAAD,EAAW,CAAX,CAAV,CAAjB;AAAA,GADmB,EAEnB,CAACA,QAAD,CAFmB,CAArB;AAIA,MAAMM,YAAY,GAAGvB,KAAK,CAACsB,WAAN,CACnB;AAAA,WAAMJ,WAAW,CAAChB,SAAS,CAACe,QAAD,EAAW,CAAX,CAAV,CAAjB;AAAA,GADmB,EAEnB,CAACA,QAAD,CAFmB,CAArB;AAKA,MAAMO,YAAY,GAAGxB,KAAK,CAACsB,WAAN,CACnB,UAACG,GAAD;AAAA,WAAeC,OAAO,CAACP,UAAU,IAAIhB,SAAS,CAACsB,GAAD,EAAMN,UAAN,CAAxB,CAAtB;AAAA,GADmB,EAEnB,CAACA,UAAD,CAFmB,CAArB;AAKA,MAAMQ,aAAa,GAAG3B,KAAK,CAACsB,WAAN,CACpB,UAACG,GAAD,EAAe;AACb,QAAMG,GAAG,GAAG,IAAIZ,IAAJ,EAAZ;AACA,QAAIa,QAAQ,GAAG,KAAf;;AACA,QAAInB,WAAJ,EAAiB;AACfmB,MAAAA,QAAQ,GAAGzB,QAAQ,CAACC,QAAQ,CAACoB,GAAD,CAAT,EAAgBG,GAAhB,CAAnB;AACD;;AACD,QAAIjB,aAAJ,EAAmB;AACjBkB,MAAAA,QAAQ,GAAGvB,OAAO,CAACC,UAAU,CAACkB,GAAD,CAAX,EAAkBG,GAAlB,CAAlB;AACD;;AACD,QAAIhB,iBAAJ,EAAuB;AACrBiB,MAAAA,QAAQ,GAAGjB,iBAAiB,CAACa,GAAD,CAA5B;AACD;;AAED,WAAOI,QAAP;AACD,GAfmB,EAgBpB,CAAClB,aAAD,EAAgBD,WAAhB,EAA6BE,iBAA7B,CAhBoB,CAAtB;AAmBA,MAAMkB,gBAAgB,GAAG9B,KAAK,CAACsB,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":["React","subMonths","addMonths","isSameDay","isBefore","endOfDay","isAfter","startOfDay","useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","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/cssm/hooks/useKeyboard.d.ts

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

package/dist/cssm/hooks/useKeyboard.js

@@ -21,7 +21,6 @@ export function useKeyboard() {
   var _document$activeEleme3;
 
   var _useDOM = useDOM(),
-      window = _useDOM.window,
       document = _useDOM.document;
 
   var _React$useState = React.useState(false),
@@ -29,28 +28,12 @@ export function useKeyboard() {
       isOpened = _React$useState2[0],
       setIsOpened = _React$useState2[1];
 
-  var _React$useState3 = React.useState(false),
-      _React$useState4 = _slicedToArray(_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, для этого вызываем вручную,
    чтобы иметь хоть какое-то понимание происходящего.
@@ -62,8 +45,7 @@ export function useKeyboard() {
   useGlobalEventListener(document, "focusout", onFocus, eventOptions);
   useGlobalEventListener(document, "focusin", onFocus, eventOptions);
   return {
-    isOpened: isOpened,
-    isPrecise: isPrecise
+    isOpened: isOpened
   };
 }
 //# sourceMappingURL=useKeyboard.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useKeyboard.ts"],"names":["React","useDOM","useGlobalEventListener","getPreciseKeyboardState","window","innerHeight","availHeight","screen","coveredViewportPercentage","Math","round","eventOptions","passive","capture","useKeyboard","document","useState","isOpened","setIsOpened","isPrecise","setIsPrecise","transitionalTimeout","useRef","onFocus","useCallback","event","current","clearTimeout","type","activeElement","tagName","setTimeout","useEffect"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAT;AACA,SAASC,sBAAT;;AAOA;AACA;AACA;AACA;AACA,OAAO,SAASC,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;AAKA,OAAO,SAASC,WAAT,GAA8C;AAAA;;AACnD,gBAA6Bb,MAAM,EAAnC;AAAA,MAAQG,MAAR,WAAQA,MAAR;AAAA,MAAgBW,QAAhB,WAAgBA,QAAhB;;AAEA,wBAAgCf,KAAK,CAACgB,QAAN,CAAe,KAAf,CAAhC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AACA,yBAAkClB,KAAK,CAACgB,QAAN,CAAe,KAAf,CAAlC;AAAA;AAAA,MAAOG,SAAP;AAAA,MAAkBC,YAAlB;;AAEA,MAAMC,mBAAmB,GAAGrB,KAAK,CAACsB,MAAN,CAElB,IAFkB,CAA5B;AAIA,MAAMC,OAAO,GAAGvB,KAAK,CAACwB,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,CAAAb,QAAQ,SAAR,IAAAA,QAAQ,WAAR,qCAAAA,QAAQ,CAAEc,aAAV,gFAAyBC,OAAzB,MAAqC,OAArC,IACC,CAAAf,QAAQ,SAAR,IAAAA,QAAQ,WAAR,sCAAAA,QAAQ,CAAEc,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,CAACjB,uBAAuB,CAACC,MAAD,CAAxB,CAAZ;AACD,KAHuC,EAGrC,GAHqC,CAAxC;AAID,GAlBa,EAmBd,CAACW,QAAD,aAACA,QAAD,iDAACA,QAAQ,CAAEc,aAAX,2DAAC,uBAAyBC,OAA1B,EAAmC1B,MAAnC,CAnBc,CAAhB;AAsBA;AACF;AACA;AACA;;AACEJ,EAAAA,KAAK,CAACgC,SAAN,CAAgB,YAAM;AACpBT,IAAAA,OAAO,CAAC,IAAD,CAAP;AACD,GAFD,EAEG,CAACA,OAAD,CAFH;AAIArB,EAAAA,sBAAsB,CAACa,QAAD,EAAW,UAAX,EAAuBQ,OAAvB,EAAgCZ,YAAhC,CAAtB;AACAT,EAAAA,sBAAsB,CAACa,QAAD,EAAW,SAAX,EAAsBQ,OAAtB,EAA+BZ,YAA/B,CAAtB;AAEA,SAAO;AAAEM,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":["React","useDOM","useGlobalEventListener","getPreciseKeyboardState","window","innerHeight","availHeight","screen","coveredViewportPercentage","Math","round","eventOptions","passive","capture","useKeyboard","document","useState","isOpened","setIsOpened","onFocus","useCallback","event","type","activeElement","tagName","useEffect"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAT;AACA,SAASC,sBAAT;;AAMA;AACA;AACA;AACA;AACA,OAAO,SAASC,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;AAKA,OAAO,SAASC,WAAT,GAA8C;AAAA;;AACnD,gBAAqBb,MAAM,EAA3B;AAAA,MAAQc,QAAR,WAAQA,QAAR;;AAEA,wBAAgCf,KAAK,CAACgB,QAAN,CAAe,KAAf,CAAhC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AAEA,MAAMC,OAAO,GAAGnB,KAAK,CAACoB,WAAN,CACd,UAACC,KAAD,EAA8B;AAAA;;AAC5B,QAAMJ,QAAQ,GACZ,CAACI,KAAK,KAAK,IAAV,IAAkBA,KAAK,CAACC,IAAN,KAAe,SAAlC,MACC,CAAAP,QAAQ,SAAR,IAAAA,QAAQ,WAAR,qCAAAA,QAAQ,CAAEQ,aAAV,gFAAyBC,OAAzB,MAAqC,OAArC,IACC,CAAAT,QAAQ,SAAR,IAAAA,QAAQ,WAAR,sCAAAA,QAAQ,CAAEQ,aAAV,kFAAyBC,OAAzB,MAAqC,UAFvC,CADF;AAIAN,IAAAA,WAAW,CAACD,QAAD,CAAX;AACD,GAPa,EAQd,CAACF,QAAD,aAACA,QAAD,iDAACA,QAAQ,CAAEQ,aAAX,2DAAC,uBAAyBC,OAA1B,CARc,CAAhB;AAWA;AACF;AACA;AACA;;AACExB,EAAAA,KAAK,CAACyB,SAAN,CAAgB,YAAM;AACpBN,IAAAA,OAAO,CAAC,IAAD,CAAP;AACD,GAFD,EAEG,CAACA,OAAD,CAFH;AAIAjB,EAAAA,sBAAsB,CAACa,QAAD,EAAW,UAAX,EAAuBI,OAAvB,EAAgCR,YAAhC,CAAtB;AACAT,EAAAA,sBAAsB,CAACa,QAAD,EAAW,SAAX,EAAsBI,OAAtB,EAA+BR,YAA/B,CAAtB;AAEA,SAAO;AAAEM,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/cssm/hooks/usePrevious.d.ts

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

package/dist/cssm/hooks/usePrevious.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+export function usePrevious(value) {
+  var ref = React.useRef();
+  React.useEffect(function () {
+    ref.current = value;
+  });
+  return ref.current;
+}
+//# sourceMappingURL=usePrevious.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/usePrevious.ts"],"names":["React","usePrevious","value","ref","useRef","useEffect","current"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAO,SAASC,WAAT,CAAwBC,KAAxB,EAAiD;AACtD,MAAMC,GAAG,GAAGH,KAAK,CAACI,MAAN,EAAZ;AAEAJ,EAAAA,KAAK,CAACK,SAAN,CAAgB,YAAM;AACpBF,IAAAA,GAAG,CAACG,OAAJ,GAAcJ,KAAd;AACD,GAFD;AAIA,SAAOC,GAAG,CAACG,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/cssm/hooks/useWaitTransitionFinish.js

@@ -7,7 +7,7 @@ export var useWaitTransitionFinish = function useWaitTransitionFinish() {
   var _useDOM = 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) && transitionEvent.supported && transitionEvent.name) {
         element.removeEventListener(transitionEvent.name, eventHandler);
@@ -20,8 +20,7 @@ export var useWaitTransitionFinish = function useWaitTransitionFinish() {
         timeoutRef.current = setTimeout(eventHandler, durationFallback);
       }
     }
-  };
-
+  }, [document, timeoutRef]);
   return {
     waitTransitionFinish: waitTransitionFinish
   };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"names":["React","useDOM","transitionEvent","useWaitTransitionFinish","timeoutRef","useRef","document","waitTransitionFinish","element","eventHandler","durationFallback","hidden","supported","name","removeEventListener","addEventListener","current","clearTimeout","setTimeout"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAT;AACA,SAASC,eAAT;AAEA,OAAO,IAAMC,uBAAuB,GAAG,SAA1BA,uBAA0B,GAAM;AAC3C,MAAMC,UAAU,GAAGJ,KAAK,CAACK,MAAN,CAAmD,IAAnD,CAAnB;;AACA,gBAAqBJ,MAAM,EAA3B;AAAA,MAAQK,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,KACAT,eAAe,CAACU,SADhB,IAEAV,eAAe,CAACW,IAHlB,EAIE;AACAL,QAAAA,OAAO,CAACM,mBAAR,CAA4BZ,eAAe,CAACW,IAA5C,EAAkDJ,YAAlD;AACAD,QAAAA,OAAO,CAACO,gBAAR,CAAyBb,eAAe,CAACW,IAAzC,EAA+CJ,YAA/C;AACD,OAPD,MAOO;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,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":["React","useDOM","transitionEvent","useWaitTransitionFinish","timeoutRef","useRef","document","waitTransitionFinish","useCallback","element","eventHandler","durationFallback","hidden","supported","name","removeEventListener","addEventListener","current","clearTimeout","setTimeout"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAT;AACA,SAASC,eAAT;AAEA,OAAO,IAAMC,uBAAuB,GAAG,SAA1BA,uBAA0B,GAAM;AAC3C,MAAMC,UAAU,GAAGJ,KAAK,CAACK,MAAN,CAAmD,IAAnD,CAAnB;;AACA,gBAAqBJ,MAAM,EAA3B;AAAA,MAAQK,QAAR,WAAQA,QAAR;;AAEA,MAAMC,oBAAoB,GAAGP,KAAK,CAACQ,WAAN,CAC3B,UACEC,OADF,EAEEC,YAFF,EAGEC,gBAHF,EAIK;AACH,QAAIF,OAAJ,EAAa;AACX,UACE,EAACH,QAAD,aAACA,QAAD,eAACA,QAAQ,CAAEM,MAAX,KACAV,eAAe,CAACW,SADhB,IAEAX,eAAe,CAACY,IAHlB,EAIE;AACAL,QAAAA,OAAO,CAACM,mBAAR,CAA4Bb,eAAe,CAACY,IAA5C,EAAkDJ,YAAlD;AACAD,QAAAA,OAAO,CAACO,gBAAR,CAAyBd,eAAe,CAACY,IAAzC,EAA+CJ,YAA/C;AACD,OAPD,MAOO;AACL,YAAIN,UAAJ,aAAIA,UAAJ,eAAIA,UAAU,CAAEa,OAAhB,EAAyB;AACvBC,UAAAA,YAAY,CAACd,UAAU,CAACa,OAAZ,CAAZ;AACD;;AACDb,QAAAA,UAAU,CAACa,OAAX,GAAqBE,UAAU,CAACT,YAAD,EAAeC,gBAAf,CAA/B;AACD;AACF;AACF,GArB0B,EAsB3B,CAACL,QAAD,EAAWF,UAAX,CAtB2B,CAA7B;AAyBA,SAAO;AACLG,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/cssm/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";

package/dist/cssm/index.js

@@ -10,7 +10,7 @@ export { default as Root } from "./components/Root/Root";
 export { default as View } from "./components/View/View";
 export { Panel } from "./components/Panel/Panel";
 export { PanelHeaderButton } from "./components/PanelHeaderButton/PanelHeaderButton";
-export { default as PanelHeader } from "./components/PanelHeader/PanelHeader";
+export { PanelHeader } from "./components/PanelHeader/PanelHeader";
 export { default as PanelHeaderContent } from "./components/PanelHeaderContent/PanelHeaderContent";
 export { PanelHeaderContext } from "./components/PanelHeaderContext/PanelHeaderContext";
 export { SplitLayout } from "./components/SplitLayout/SplitLayout";
@@ -38,7 +38,7 @@ export { ModalRoot } from "./components/ModalRoot/ModalRootAdaptive";
 export { withModalRootContext } from "./components/ModalRoot/withModalRootContext";
 export { default as ModalRootContext } from "./components/ModalRoot/ModalRootContext";
 export { default as ModalPage } from "./components/ModalPage/ModalPage";
-export { default as ModalPageHeader } from "./components/ModalPageHeader/ModalPageHeader";
+export { ModalPageHeader } from "./components/ModalPageHeader/ModalPageHeader";
 export { default as ModalCard } from "./components/ModalCard/ModalCard";
 export { default as ModalDismissButton } from "./components/ModalDismissButton/ModalDismissButton";
 
@@ -63,23 +63,23 @@ export { default as RichCell } from "./components/RichCell/RichCell";
 export { default as SimpleCell } from "./components/SimpleCell/SimpleCell";
 export { HorizontalCell } from "./components/HorizontalCell/HorizontalCell";
 export { Footer } from "./components/Footer/Footer";
-export { default as InfoRow } from "./components/InfoRow/InfoRow";
+export { InfoRow } from "./components/InfoRow/InfoRow";
 export { default as Gallery } from "./components/Gallery/Gallery";
 export { default as Avatar } from "./components/Avatar/Avatar";
 export { GridAvatar } from "./components/GridAvatar/GridAvatar";
 export { InitialsAvatar } from "./components/InitialsAvatar/InitialsAvatar";
-export { default as Progress } from "./components/Progress/Progress";
+export { Progress } from "./components/Progress/Progress";
 export { default as Search } from "./components/Search/Search";
 export { default as Tabs } from "./components/Tabs/Tabs";
 export { default as TabsItem } from "./components/TabsItem/TabsItem";
-export { default as Spinner } from "./components/Spinner/Spinner";
-export { default as PullToRefresh } from "./components/PullToRefresh/PullToRefresh";
+export { Spinner } from "./components/Spinner/Spinner";
+export { PullToRefresh } from "./components/PullToRefresh/PullToRefresh";
 export { default as Link } from "./components/Link/Link";
 export { default as Tooltip } 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 { default as UsersStack } from "./components/UsersStack/UsersStack";
-export { default as Separator } from "./components/Separator/Separator";
+export { Separator } from "./components/Separator/Separator";
 export { Spacing } from "./components/Spacing/Spacing";
 export { default as Placeholder } from "./components/Placeholder/Placeholder";
 export { default as Banner } from "./components/Banner/Banner";
@@ -99,18 +99,18 @@ export { FormField } from "./components/FormField/FormField";
 export { default as FormLayoutGroup } from "./components/FormLayoutGroup/FormLayoutGroup";
 export { FormStatus } from "./components/FormStatus/FormStatus";
 export { Switch } from "./components/Switch/Switch";
-export { default as File } from "./components/File/File";
+export { File } from "./components/File/File";
 export { Input } from "./components/Input/Input";
 export { Chip } from "./components/Chip/Chip";
 export { ChipsInput } from "./components/ChipsInput/ChipsInput";
 export { default as Slider } from "./components/Slider/Slider";
 export { default as RangeSlider } from "./components/RangeSlider/RangeSlider";
 export { default as Textarea } from "./components/Textarea/Textarea";
-export { default as Radio } from "./components/Radio/Radio";
+export { Radio } from "./components/Radio/Radio";
 export { RadioGroup } from "./components/RadioGroup/RadioGroup";
 export { default as Checkbox } from "./components/Checkbox/Checkbox";
 export { Select } from "./components/Select/Select";
-export { default as SelectMimicry } from "./components/SelectMimicry/SelectMimicry";
+export { SelectMimicry } from "./components/SelectMimicry/SelectMimicry";
 export { NativeSelect } from "./components/NativeSelect/NativeSelect";
 export { CustomSelect } from "./components/CustomSelect/CustomSelect";
 export { CustomSelectOption } from "./components/CustomSelectOption/CustomSelectOption";
@@ -128,7 +128,7 @@ export { DateRangeInput } from "./components/DateRangeInput/DateRangeInput";
 export { Div } from "./components/Div/Div";
 export { default as Tappable } from "./components/Tappable/Tappable";
 export { Touch } from "./components/Touch/Touch";
-export { default as PanelSpinner } from "./components/PanelSpinner/PanelSpinner";
+export { PanelSpinner } from "./components/PanelSpinner/PanelSpinner";
 export { default as PanelHeaderClose } from "./components/PanelHeaderClose/PanelHeaderClose";
 export { default as PanelHeaderBack } from "./components/PanelHeaderBack/PanelHeaderBack";
 export { default as PanelHeaderSubmit } from "./components/PanelHeaderSubmit/PanelHeaderSubmit";
@@ -155,11 +155,12 @@ export { default as PromoBanner } from "./components/PromoBanner/PromoBanner";
  * Typography
  */
 export { Title } from "./components/Typography/Title/Title";
-export { default as Headline } from "./components/Typography/Headline/Headline";
-export { default as Text } from "./components/Typography/Text/Text";
-export { Caption } from "./components/Typography/Caption/Caption";
-export { Subhead } from "./components/Typography/Subhead/Subhead";
+export { Headline } from "./components/Typography/Headline/Headline";
+export { Text } from "./components/Typography/Text/Text";
 export { Paragraph } from "./components/Typography/Paragraph/Paragraph";
+export { Subhead } from "./components/Typography/Subhead/Subhead";
+export { Footnote } from "./components/Typography/Footnote/Footnote";
+export { Caption } from "./components/Typography/Caption/Caption";
 
 /**
  * HOCs
@@ -176,6 +177,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
  */