@vkontakte/vkui 4.28.0 → 4.29.1

package/dist/cjs/hooks/useBridgeAdaptivity.js

@@ -0,0 +1,85 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useBridgeAdaptivity = useBridgeAdaptivity;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _vkBridge = _interopRequireDefault(require("@vkontakte/vk-bridge"));
+
+var _useIsomorphicLayoutEffect = require("../lib/useIsomorphicLayoutEffect");
+
+var initialState = {
+  type: "",
+  viewportWidth: 0,
+  viewportHeight: 0
+};
+
+function resolveAdaptivity(e) {
+  var _e$detail = e.detail,
+      type = _e$detail.type,
+      data = _e$detail.data;
+
+  if (type !== "VKWebAppUpdateConfig" || !data) {
+    return null;
+  }
+
+  var adaptivity = data.adaptivity,
+      viewportWidth = data.viewport_width,
+      viewportHeight = data.viewport_height;
+  var bridgeAdaptivity = {
+    type: "",
+    viewportWidth: isFinite(viewportWidth) ? +viewportWidth : 0,
+    viewportHeight: isFinite(viewportHeight) ? +viewportHeight : 0
+  };
+
+  switch (adaptivity) {
+    case "force_mobile":
+    case "force_mobile_compact":
+    case "adaptive":
+      bridgeAdaptivity.type = adaptivity;
+  }
+
+  return bridgeAdaptivity;
+}
+
+_vkBridge.default.subscribe(function (e) {
+  var bridgeAdaptivity = resolveAdaptivity(e);
+
+  if (bridgeAdaptivity) {
+    initialState = bridgeAdaptivity;
+  }
+});
+
+function useBridgeAdaptivity() {
+  var _React$useState = React.useState(initialState),
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      bridgeAdaptivity = _React$useState2[0],
+      setBridgeAdaptivity = _React$useState2[1];
+
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
+    function bridgeListener(e) {
+      var newBridgeAdaptivity = resolveAdaptivity(e);
+
+      if (newBridgeAdaptivity) {
+        setBridgeAdaptivity(newBridgeAdaptivity);
+      }
+    }
+
+    _vkBridge.default.subscribe(bridgeListener);
+
+    return function () {
+      _vkBridge.default.unsubscribe(bridgeListener);
+    };
+  }, []);
+  return bridgeAdaptivity;
+}
+//# sourceMappingURL=useBridgeAdaptivity.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useBridgeAdaptivity.ts"],"names":["initialState","type","viewportWidth","viewportHeight","resolveAdaptivity","e","detail","data","adaptivity","viewport_width","viewport_height","bridgeAdaptivity","isFinite","vkBridge","subscribe","useBridgeAdaptivity","React","useState","setBridgeAdaptivity","bridgeListener","newBridgeAdaptivity","unsubscribe"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAiBA,IAAIA,YAA8B,GAAG;AACnCC,EAAAA,IAAI,EAAE,EAD6B;AAEnCC,EAAAA,aAAa,EAAE,CAFoB;AAGnCC,EAAAA,cAAc,EAAE;AAHmB,CAArC;;AAMA,SAASC,iBAAT,CAA2BC,CAA3B,EAAoE;AAClE,kBAAuBA,CAAC,CAACC,MAAzB;AAAA,MAAQL,IAAR,aAAQA,IAAR;AAAA,MAAcM,IAAd,aAAcA,IAAd;;AAEA,MAAIN,IAAI,KAAK,sBAAT,IAAmC,CAACM,IAAxC,EAA8C;AAC5C,WAAO,IAAP;AACD;;AAED,MACEC,UADF,GAIID,IAJJ,CACEC,UADF;AAAA,MAEkBN,aAFlB,GAIIK,IAJJ,CAEEE,cAFF;AAAA,MAGmBN,cAHnB,GAIII,IAJJ,CAGEG,eAHF;AAMA,MAAMC,gBAAkC,GAAG;AACzCV,IAAAA,IAAI,EAAE,EADmC;AAEzCC,IAAAA,aAAa,EAAEU,QAAQ,CAACV,aAAD,CAAR,GAA0B,CAACA,aAA3B,GAA2C,CAFjB;AAGzCC,IAAAA,cAAc,EAAES,QAAQ,CAACT,cAAD,CAAR,GAA2B,CAACA,cAA5B,GAA6C;AAHpB,GAA3C;;AAMA,UAAQK,UAAR;AACE,SAAK,cAAL;AACA,SAAK,sBAAL;AACA,SAAK,UAAL;AACEG,MAAAA,gBAAgB,CAACV,IAAjB,GAAwBO,UAAxB;AAJJ;;AAOA,SAAOG,gBAAP;AACD;;AAEDE,kBAASC,SAAT,CAAmB,UAACT,CAAD,EAAoB;AACrC,MAAMM,gBAAgB,GAAGP,iBAAiB,CAACC,CAAD,CAA1C;;AAEA,MAAIM,gBAAJ,EAAsB;AACpBX,IAAAA,YAAY,GAAGW,gBAAf;AACD;AACF,CAND;;AAQO,SAASI,mBAAT,GAAiD;AACtD,wBACEC,KAAK,CAACC,QAAN,CAAiCjB,YAAjC,CADF;AAAA;AAAA,MAAOW,gBAAP;AAAA,MAAyBO,mBAAzB;;AAGA,4DAA0B,YAAM;AAC9B,aAASC,cAAT,CAAwBd,CAAxB,EAAwC;AACtC,UAAMe,mBAAmB,GAAGhB,iBAAiB,CAACC,CAAD,CAA7C;;AAEA,UAAIe,mBAAJ,EAAyB;AACvBF,QAAAA,mBAAmB,CAACE,mBAAD,CAAnB;AACD;AACF;;AAEDP,sBAASC,SAAT,CAAmBK,cAAnB;;AACA,WAAO,YAAM;AACXN,wBAASQ,WAAT,CAAqBF,cAArB;AACD,KAFD;AAGD,GAbD,EAaG,EAbH;AAeA,SAAOR,gBAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport vkBridge from \"@vkontakte/vk-bridge\";\nimport { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\n\nexport interface BridgeAdaptivity {\n  type: \"\" | \"force_mobile\" | \"force_mobile_compact\" | \"adaptive\";\n  viewportWidth: number;\n  viewportHeight: number;\n}\n\ninterface BridgeEvent {\n  detail: {\n    type: string;\n    data: {\n      [index: string]: any;\n    };\n  };\n}\n\nlet initialState: BridgeAdaptivity = {\n  type: \"\",\n  viewportWidth: 0,\n  viewportHeight: 0,\n};\n\nfunction resolveAdaptivity(e: BridgeEvent): BridgeAdaptivity | null {\n  const { type, data } = e.detail;\n\n  if (type !== \"VKWebAppUpdateConfig\" || !data) {\n    return null;\n  }\n\n  const {\n    adaptivity,\n    viewport_width: viewportWidth,\n    viewport_height: viewportHeight,\n  } = data;\n\n  const bridgeAdaptivity: BridgeAdaptivity = {\n    type: \"\",\n    viewportWidth: isFinite(viewportWidth) ? +viewportWidth : 0,\n    viewportHeight: isFinite(viewportHeight) ? +viewportHeight : 0,\n  };\n\n  switch (adaptivity) {\n    case \"force_mobile\":\n    case \"force_mobile_compact\":\n    case \"adaptive\":\n      bridgeAdaptivity.type = adaptivity;\n  }\n\n  return bridgeAdaptivity;\n}\n\nvkBridge.subscribe((e: BridgeEvent) => {\n  const bridgeAdaptivity = resolveAdaptivity(e);\n\n  if (bridgeAdaptivity) {\n    initialState = bridgeAdaptivity;\n  }\n});\n\nexport function useBridgeAdaptivity(): BridgeAdaptivity {\n  const [bridgeAdaptivity, setBridgeAdaptivity] =\n    React.useState<BridgeAdaptivity>(initialState);\n\n  useIsomorphicLayoutEffect(() => {\n    function bridgeListener(e: BridgeEvent) {\n      const newBridgeAdaptivity = resolveAdaptivity(e);\n\n      if (newBridgeAdaptivity) {\n        setBridgeAdaptivity(newBridgeAdaptivity);\n      }\n    }\n\n    vkBridge.subscribe(bridgeListener);\n    return () => {\n      vkBridge.unsubscribe(bridgeListener);\n    };\n  }, []);\n\n  return bridgeAdaptivity;\n}\n"],"file":"useBridgeAdaptivity.js"}

package/dist/cjs/hooks/useCalendar.js

@@ -13,7 +13,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var React = _interopRequireWildcard(require("react"));
 
-var _dateFns = require("date-fns");
+var _date = require("../lib/date");
 
 function useCalendar(_ref) {
   var _ref2;
@@ -34,24 +34,24 @@ function useCalendar(_ref) {
       setFocusedDay = _React$useState4[1];
 
   var setPrevMonth = React.useCallback(function () {
-    return setViewDate((0, _dateFns.subMonths)(viewDate, 1));
+    return setViewDate((0, _date.subMonths)(viewDate, 1));
   }, [viewDate]);
   var setNextMonth = React.useCallback(function () {
-    return setViewDate((0, _dateFns.addMonths)(viewDate, 1));
+    return setViewDate((0, _date.addMonths)(viewDate, 1));
   }, [viewDate]);
   var isDayFocused = React.useCallback(function (day) {
-    return Boolean(focusedDay && (0, _dateFns.isSameDay)(day, focusedDay));
+    return Boolean(focusedDay && (0, _date.isSameDay)(day, focusedDay));
   }, [focusedDay]);
   var isDayDisabled = React.useCallback(function (day) {
     var now = new Date();
     var disabled = false;
 
     if (disablePast) {
-      disabled = (0, _dateFns.isBefore)((0, _dateFns.endOfDay)(day), now);
+      disabled = (0, _date.isBefore)((0, _date.endOfDay)(day), now);
     }
 
     if (disableFuture) {
-      disabled = (0, _dateFns.isAfter)((0, _dateFns.startOfDay)(day), now);
+      disabled = (0, _date.isAfter)((0, _date.startOfDay)(day), now);
     }
 
     if (shouldDisableDate) {

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,wBAAUD,QAAV,EAAoB,CAApB,CAAD,CAAjB;AAAA,GADmB,EAEnB,CAACA,QAAD,CAFmB,CAArB;AAIA,MAAMM,YAAY,GAAGX,KAAK,CAACU,WAAN,CACnB;AAAA,WAAMJ,WAAW,CAAC,wBAAUD,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,wBAAUM,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,uBAAS,uBAASJ,GAAT,CAAT,EAAwBG,GAAxB,CAAX;AACD;;AACD,QAAIlB,aAAJ,EAAmB;AACjBmB,MAAAA,QAAQ,GAAG,sBAAQ,yBAAWJ,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 \"date-fns\";\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","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"}

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

@@ -3,7 +3,7 @@ interface SoftwareKeyboardState {
     isPrecise: boolean;
 }
 /**
- Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большиству устройств
+ Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большинству устройств
  Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах
  */
 export declare function getPreciseKeyboardState(window: any): boolean;

package/dist/cjs/hooks/useKeyboard.js

@@ -19,7 +19,7 @@ var _dom = require("../lib/dom");
 var _useGlobalEventListener = require("./useGlobalEventListener");
 
 /**
- Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большиству устройств
+ Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большинству устройств
  Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах
  */
 function getPreciseKeyboardState(window) {

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","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/useOrientationChange.d.ts

@@ -0,0 +1,7 @@
+declare type Orientation = "portrait" | "landscape";
+/**
+ * Возвращает текущую ориентация экрана на человеческом языке.
+ * Обновляется при изменении ориентации.
+ */
+export declare function useOrientationChange(): Orientation;
+export {};

package/dist/cjs/hooks/useOrientationChange.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOrientationChange = useOrientationChange;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _dom = require("../lib/dom");
+
+var _useGlobalEventListener = require("./useGlobalEventListener");
+
+/**
+ * Возвращает текущую ориентация экрана на человеческом языке.
+ * Учитывает особенности API на разных платформах.
+ */
+function getOrientation(window) {
+  var _window$screen$orient, _window$screen, _window$screen$orient2;
+
+  if (!window) {
+    return "portrait";
+  }
+
+  var angle = Math.abs((_window$screen$orient = (_window$screen = window.screen) === null || _window$screen === void 0 ? void 0 : (_window$screen$orient2 = _window$screen.orientation) === null || _window$screen$orient2 === void 0 ? void 0 : _window$screen$orient2.angle) !== null && _window$screen$orient !== void 0 ? _window$screen$orient : Number(window.orientation));
+  return angle === 90 ? "landscape" : "portrait";
+}
+/**
+ * Возвращает текущую ориентация экрана на человеческом языке.
+ * Обновляется при изменении ориентации.
+ */
+
+
+function useOrientationChange() {
+  var _useDOM = (0, _dom.useDOM)(),
+      window = _useDOM.window;
+
+  var _React$useState = React.useState(function () {
+    return getOrientation(window);
+  }),
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      orientation = _React$useState2[0],
+      setOrientation = _React$useState2[1];
+
+  (0, _useGlobalEventListener.useGlobalEventListener)(window, "orientationchange", function () {
+    return setOrientation(getOrientation(window));
+  });
+  return orientation;
+}
+//# sourceMappingURL=useOrientationChange.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useOrientationChange.ts"],"names":["getOrientation","window","angle","Math","abs","screen","orientation","Number","useOrientationChange","React","useState","setOrientation"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAIA;AACA;AACA;AACA;AACA,SAASA,cAAT,CAAwBC,MAAxB,EAAiE;AAAA;;AAC/D,MAAI,CAACA,MAAL,EAAa;AACX,WAAO,UAAP;AACD;;AAED,MAAMC,KAAK,GAAGC,IAAI,CAACC,GAAL,4CACZH,MAAM,CAACI,MADK,6EACZ,eAAeC,WADH,2DACZ,uBAA4BJ,KADhB,yEACyBK,MAAM,CAACN,MAAM,CAACK,WAAR,CAD/B,CAAd;AAIA,SAAOJ,KAAK,KAAK,EAAV,GAAe,WAAf,GAA6B,UAApC;AACD;AAED;AACA;AACA;AACA;;;AACO,SAASM,oBAAT,GAA6C;AAClD,gBAAmB,kBAAnB;AAAA,MAAQP,MAAR,WAAQA,MAAR;;AAEA,wBAAsCQ,KAAK,CAACC,QAAN,CAAe;AAAA,WACnDV,cAAc,CAACC,MAAD,CADqC;AAAA,GAAf,CAAtC;AAAA;AAAA,MAAOK,WAAP;AAAA,MAAoBK,cAApB;;AAIA,sDAAuBV,MAAvB,EAA+B,mBAA/B,EAAoD;AAAA,WAClDU,cAAc,CAACX,cAAc,CAACC,MAAD,CAAf,CADoC;AAAA,GAApD;AAIA,SAAOK,WAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../lib/dom\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\n\ntype Orientation = \"portrait\" | \"landscape\";\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Учитывает особенности API на разных платформах.\n */\nfunction getOrientation(window: Window | undefined): Orientation {\n  if (!window) {\n    return \"portrait\";\n  }\n\n  const angle = Math.abs(\n    window.screen?.orientation?.angle ?? Number(window.orientation)\n  );\n\n  return angle === 90 ? \"landscape\" : \"portrait\";\n}\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Обновляется при изменении ориентации.\n */\nexport function useOrientationChange(): Orientation {\n  const { window } = useDOM();\n\n  const [orientation, setOrientation] = React.useState(() =>\n    getOrientation(window)\n  );\n\n  useGlobalEventListener(window, \"orientationchange\", () =>\n    setOrientation(getOrientation(window))\n  );\n\n  return orientation;\n}\n"],"file":"useOrientationChange.js"}

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

@@ -1,4 +1,4 @@
-interface UsePagintaionProps {
+interface UsePaginationProps {
     /**
      * Текущая страница.
      */
@@ -19,7 +19,7 @@ interface UsePagintaionProps {
 export declare type PaginationPageType = "start-ellipsis" | "end-ellipsis" | number;
 export declare type UsePaginationResult = PaginationPageType[];
 /**
- * Хук взаимствован у @mui с некоторыми изменениями.
+ * Хук позаимствован у @mui с некоторыми изменениями.
  *  [usePagination.js](https://github.com/mui/material-ui/blob/master/packages/mui-material/src/usePagination/usePagination.js).
  *
  * Примеры вывода:
@@ -30,5 +30,5 @@ export declare type UsePaginationResult = PaginationPageType[];
  *                          v
  * [1, 'start-ellipsis', 6, 7, 8, 9, 10]
  */
-export declare const usePagination: ({ currentPage, siblingCount, boundaryCount, totalPages: endPage, }?: UsePagintaionProps) => UsePaginationResult;
+export declare const usePagination: ({ currentPage, siblingCount, boundaryCount, totalPages: endPage, }?: UsePaginationProps) => UsePaginationResult;
 export {};

package/dist/cjs/hooks/usePagination.js

@@ -14,7 +14,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var React = _interopRequireWildcard(require("react"));
 
 /**
- * Хук взаимствован у @mui с некоторыми изменениями.
+ * Хук позаимствован у @mui с некоторыми изменениями.
  *  [usePagination.js](https://github.com/mui/material-ui/blob/master/packages/mui-material/src/usePagination/usePagination.js).
  *
  * Примеры вывода:
@@ -54,8 +54,8 @@ var usePagination = function usePagination() {
     var endPages = range(Math.max(endPage - boundaryCount + 1, boundaryCount + 1), endPage);
     var lowerBoundaryWhenCurrentPageHigh = endPage - boundaryCount - 1 - 2 * siblingCount;
     var siblingsStart = Math.max(Math.min(currentPage - siblingCount, lowerBoundaryWhenCurrentPageHigh), boundaryCount + 2);
-    var upperBounadryWhenCurrentPageLow = boundaryCount + 2 + 2 * siblingCount;
-    var siblingsEnd = Math.min(Math.max(currentPage + siblingCount, upperBounadryWhenCurrentPageLow), endPages.length > 0 ? endPages[0] - 2 : endPage - 1);
+    var upperBoundaryWhenCurrentPageLow = boundaryCount + 2 + 2 * siblingCount;
+    var siblingsEnd = Math.min(Math.max(currentPage + siblingCount, upperBoundaryWhenCurrentPageLow), endPages.length > 0 ? endPages[0] - 2 : endPage - 1);
     var pages = startPages;
 
     if (siblingsStart > boundaryCount + 2) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/usePagination.ts"],"names":["usePagination","currentPage","siblingCount","boundaryCount","totalPages","endPage","React","useMemo","range","from","to","step","i","push","startPages","Math","min","endPages","max","lowerBoundaryWhenCurrentPageHigh","siblingsStart","upperBounadryWhenCurrentPageLow","siblingsEnd","length","pages"],"mappings":"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","sourcesContent":["import * as React from \"react\";\n\ninterface UsePagintaionProps {\n  /**\n   * Текущая страница.\n   */\n  currentPage?: number;\n  /**\n   * Кол-во всегда видимых страниц по краям текущей страницы.\n   */\n  siblingCount?: number;\n  /**\n   * Кол-во всегда видимых страниц в начале и в конце.\n   */\n  boundaryCount?: number;\n  /**\n   * Общее кол-во страниц.\n   */\n  totalPages?: number;\n}\n\nexport type PaginationPageType = \"start-ellipsis\" | \"end-ellipsis\" | number;\n\nexport type UsePaginationResult = PaginationPageType[];\n\n/**\n * Хук взаимствован у @mui с некоторыми изменениями.\n *  [usePagination.js](https://github.com/mui/material-ui/blob/master/packages/mui-material/src/usePagination/usePagination.js).\n *\n * Примеры вывода:\n *           v\n * [1, 2, 3, 4, 5, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 4, 5, 6, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 6, 7, 8, 9, 10]\n */\nexport const usePagination = ({\n  currentPage = 1,\n  siblingCount = 1,\n  boundaryCount = 1,\n  totalPages: endPage = 1,\n}: UsePagintaionProps = {}): UsePaginationResult =>\n  React.useMemo(() => {\n    const range = (from: number, to: number, step = 1) => {\n      const range = [];\n      let i = from;\n\n      while (i <= to) {\n        range.push(i);\n        i += step;\n      }\n\n      return range;\n    };\n\n    const startPages = range(1, Math.min(boundaryCount, endPage));\n    const endPages = range(\n      Math.max(endPage - boundaryCount + 1, boundaryCount + 1),\n      endPage\n    );\n\n    const lowerBoundaryWhenCurrentPageHigh =\n      endPage - boundaryCount - 1 - 2 * siblingCount;\n    const siblingsStart = Math.max(\n      Math.min(currentPage - siblingCount, lowerBoundaryWhenCurrentPageHigh),\n      boundaryCount + 2\n    );\n\n    const upperBounadryWhenCurrentPageLow =\n      boundaryCount + 2 + 2 * siblingCount;\n    const siblingsEnd = Math.min(\n      Math.max(currentPage + siblingCount, upperBounadryWhenCurrentPageLow),\n      endPages.length > 0 ? endPages[0] - 2 : endPage - 1\n    );\n\n    const pages: UsePaginationResult = startPages;\n\n    if (siblingsStart > boundaryCount + 2) {\n      pages.push(\"start-ellipsis\");\n    } else if (boundaryCount + 1 < endPage - boundaryCount) {\n      pages.push(boundaryCount + 1);\n    }\n\n    pages.push(...range(siblingsStart, siblingsEnd));\n\n    if (siblingsEnd < endPage - boundaryCount - 1) {\n      pages.push(\"end-ellipsis\");\n    } else if (endPage - boundaryCount > boundaryCount) {\n      pages.push(endPage - boundaryCount);\n    }\n\n    pages.push(...endPages);\n\n    return pages;\n  }, [currentPage, endPage, siblingCount, boundaryCount]);\n"],"file":"usePagination.js"}
+{"version":3,"sources":["../../../src/hooks/usePagination.ts"],"names":["usePagination","currentPage","siblingCount","boundaryCount","totalPages","endPage","React","useMemo","range","from","to","step","i","push","startPages","Math","min","endPages","max","lowerBoundaryWhenCurrentPageHigh","siblingsStart","upperBoundaryWhenCurrentPageLow","siblingsEnd","length","pages"],"mappings":"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","sourcesContent":["import * as React from \"react\";\n\ninterface UsePaginationProps {\n  /**\n   * Текущая страница.\n   */\n  currentPage?: number;\n  /**\n   * Кол-во всегда видимых страниц по краям текущей страницы.\n   */\n  siblingCount?: number;\n  /**\n   * Кол-во всегда видимых страниц в начале и в конце.\n   */\n  boundaryCount?: number;\n  /**\n   * Общее кол-во страниц.\n   */\n  totalPages?: number;\n}\n\nexport type PaginationPageType = \"start-ellipsis\" | \"end-ellipsis\" | number;\n\nexport type UsePaginationResult = PaginationPageType[];\n\n/**\n * Хук позаимствован у @mui с некоторыми изменениями.\n *  [usePagination.js](https://github.com/mui/material-ui/blob/master/packages/mui-material/src/usePagination/usePagination.js).\n *\n * Примеры вывода:\n *           v\n * [1, 2, 3, 4, 5, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 4, 5, 6, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 6, 7, 8, 9, 10]\n */\nexport const usePagination = ({\n  currentPage = 1,\n  siblingCount = 1,\n  boundaryCount = 1,\n  totalPages: endPage = 1,\n}: UsePaginationProps = {}): UsePaginationResult =>\n  React.useMemo(() => {\n    const range = (from: number, to: number, step = 1) => {\n      const range = [];\n      let i = from;\n\n      while (i <= to) {\n        range.push(i);\n        i += step;\n      }\n\n      return range;\n    };\n\n    const startPages = range(1, Math.min(boundaryCount, endPage));\n    const endPages = range(\n      Math.max(endPage - boundaryCount + 1, boundaryCount + 1),\n      endPage\n    );\n\n    const lowerBoundaryWhenCurrentPageHigh =\n      endPage - boundaryCount - 1 - 2 * siblingCount;\n    const siblingsStart = Math.max(\n      Math.min(currentPage - siblingCount, lowerBoundaryWhenCurrentPageHigh),\n      boundaryCount + 2\n    );\n\n    const upperBoundaryWhenCurrentPageLow =\n      boundaryCount + 2 + 2 * siblingCount;\n    const siblingsEnd = Math.min(\n      Math.max(currentPage + siblingCount, upperBoundaryWhenCurrentPageLow),\n      endPages.length > 0 ? endPages[0] - 2 : endPage - 1\n    );\n\n    const pages: UsePaginationResult = startPages;\n\n    if (siblingsStart > boundaryCount + 2) {\n      pages.push(\"start-ellipsis\");\n    } else if (boundaryCount + 1 < endPage - boundaryCount) {\n      pages.push(boundaryCount + 1);\n    }\n\n    pages.push(...range(siblingsStart, siblingsEnd));\n\n    if (siblingsEnd < endPage - boundaryCount - 1) {\n      pages.push(\"end-ellipsis\");\n    } else if (endPage - boundaryCount > boundaryCount) {\n      pages.push(endPage - boundaryCount);\n    }\n\n    pages.push(...endPages);\n\n    return pages;\n  }, [currentPage, endPage, siblingCount, boundaryCount]);\n"],"file":"usePagination.js"}

package/dist/cjs/hooks/usePatchChildrenRef.js

@@ -28,7 +28,7 @@ var usePatchChildrenRef = function usePatchChildrenRef(children) {
   var patchedRef = (0, _useExternRef.useExternRef)(childRef);
   React.useEffect(function () {
     if (!patchedRef.current && process.env.NODE_ENV === "development") {
-      warn("Кажется, в `children` передан компонент, который не поддерживает свойство `getRootRef`. Мы не можем" + "получить ссылку на корневой dom-элемент этого компонента");
+      warn("Кажется, в children передан компонент, который не поддерживает свойство getRootRef. Мы не можем получить ссылку на корневой dom-элемент этого компонента", "error");
     }
   }, [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,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"}
+{"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,0JADE,EAEF,OAFE,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. Мы не можем получить ссылку на корневой dom-элемент этого компонента\",\n        \"error\"\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/useWaitTransitionFinish.js

@@ -9,14 +9,19 @@ exports.useWaitTransitionFinish = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
+var _dom = require("../lib/dom");
+
 var _supportEvents = require("../lib/supportEvents");
 
 var useWaitTransitionFinish = function useWaitTransitionFinish() {
   var timeoutRef = React.useRef(null);
 
+  var _useDOM = (0, _dom.useDOM)(),
+      document = _useDOM.document;
+
   var waitTransitionFinish = function waitTransitionFinish(element, eventHandler, durationFallback) {
     if (element) {
-      if (_supportEvents.transitionEvent.supported && _supportEvents.transitionEvent.name) {
+      if (!(document !== null && document !== void 0 && document.hidden) && _supportEvents.transitionEvent.supported && _supportEvents.transitionEvent.name) {
         element.removeEventListener(_supportEvents.transitionEvent.name, eventHandler);
         element.addEventListener(_supportEvents.transitionEvent.name, eventHandler);
       } else {

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","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"}
+{"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"}

package/dist/cjs/index.d.ts

@@ -29,7 +29,7 @@ export { default as Tabbar } from "./components/Tabbar/Tabbar";
 export type { TabbarProps } from "./components/Tabbar/Tabbar";
 export { default as TabbarItem } from "./components/TabbarItem/TabbarItem";
 export type { TabbarItemProps } from "./components/TabbarItem/TabbarItem";
-export { default as HorizontalScroll } from "./components/HorizontalScroll/HorizontalScroll";
+export { HorizontalScroll } from "./components/HorizontalScroll/HorizontalScroll";
 export type { HorizontalScrollProps } from "./components/HorizontalScroll/HorizontalScroll";
 export { default as FixedLayout } from "./components/FixedLayout/FixedLayout";
 export type { FixedLayoutProps } from "./components/FixedLayout/FixedLayout";
@@ -70,7 +70,7 @@ export { Badge } from "./components/Badge/Badge";
 export type { BadgeProps } from "./components/Badge/Badge";
 export { ButtonGroup } from "./components/ButtonGroup/ButtonGroup";
 export type { ButtonGroupProps } from "./components/ButtonGroup/ButtonGroup";
-export { default as Button } from "./components/Button/Button";
+export { Button } from "./components/Button/Button";
 export type { ButtonProps } from "./components/Button/Button";
 export { default as IconButton } from "./components/IconButton/IconButton";
 export type { IconButtonProps } from "./components/IconButton/IconButton";
@@ -169,11 +169,11 @@ export { Switch } from "./components/Switch/Switch";
 export type { SwitchProps } from "./components/Switch/Switch";
 export { default as File } from "./components/File/File";
 export type { FileProps } from "./components/File/File";
-export { default as Input } from "./components/Input/Input";
+export { Input } from "./components/Input/Input";
 export type { InputProps } from "./components/Input/Input";
 export { Chip } from "./components/Chip/Chip";
 export type { ChipProps } from "./components/Chip/Chip";
-export { default as ChipsInput } from "./components/ChipsInput/ChipsInput";
+export { ChipsInput } from "./components/ChipsInput/ChipsInput";
 export type { ChipsInputProps } from "./components/ChipsInput/ChipsInput";
 export { default as Slider } from "./components/Slider/Slider";
 export type { SliderProps } from "./components/Slider/Slider";
@@ -187,15 +187,15 @@ export { RadioGroup } from "./components/RadioGroup/RadioGroup";
 export type { RadioGroupProps } from "./components/RadioGroup/RadioGroup";
 export { default as Checkbox } from "./components/Checkbox/Checkbox";
 export type { CheckboxProps } from "./components/Checkbox/Checkbox";
-export { default as Select } from "./components/Select/Select";
+export { Select } from "./components/Select/Select";
 export type { SelectProps } from "./components/Select/Select";
 export { default as SelectMimicry } from "./components/SelectMimicry/SelectMimicry";
 export type { SelectMimicryProps } from "./components/SelectMimicry/SelectMimicry";
-export { default as NativeSelect } from "./components/NativeSelect/NativeSelect";
+export { NativeSelect } from "./components/NativeSelect/NativeSelect";
 export type { NativeSelectProps } from "./components/NativeSelect/NativeSelect";
-export { default as CustomSelect } from "./components/CustomSelect/CustomSelect";
+export { CustomSelect } from "./components/CustomSelect/CustomSelect";
 export type { CustomSelectProps, CustomSelectOptionInterface, } from "./components/CustomSelect/CustomSelect";
-export { default as CustomSelectOption } from "./components/CustomSelectOption/CustomSelectOption";
+export { CustomSelectOption } from "./components/CustomSelectOption/CustomSelectOption";
 export type { CustomSelectOptionProps } from "./components/CustomSelectOption/CustomSelectOption";
 export { default as DatePicker } from "./components/DatePicker/DatePicker";
 export type { DatePickerProps, DatePickerDateFormat, } from "./components/DatePicker/DatePicker";
@@ -204,9 +204,13 @@ export type { SliderSwitchProps, SliderSwitchOptionInterface, } from "./componen
 export { SegmentedControl } from "./components/SegmentedControl/SegmentedControl";
 export type { SegmentedControlProps, SegmentedControlOptionInterface, SegmentedControlValue, } from "./components/SegmentedControl/SegmentedControl";
 export { Calendar } from "./components/Calendar/Calendar";
+export type { CalendarProps } from "./components/Calendar/Calendar";
 export { CalendarRange } from "./components/CalendarRange/CalendarRange";
+export type { CalendarRangeProps } from "./components/CalendarRange/CalendarRange";
 export { DateInput } from "./components/DateInput/DateInput";
+export type { DateInputProps } from "./components/DateInput/DateInput";
 export { DateRangeInput } from "./components/DateRangeInput/DateRangeInput";
+export type { DateRangeInputProps } from "./components/DateRangeInput/DateRangeInput";
 /**
  * Helpers
  */
@@ -220,6 +224,7 @@ export { default as 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";
+export type { PanelHeaderBackProps } from "./components/PanelHeaderBack/PanelHeaderBack";
 export { default as PanelHeaderSubmit } from "./components/PanelHeaderSubmit/PanelHeaderSubmit";
 export { default as PanelHeaderEdit } from "./components/PanelHeaderEdit/PanelHeaderEdit";
 export type { PanelHeaderEditProps } from "./components/PanelHeaderEdit/PanelHeaderEdit";
@@ -229,11 +234,13 @@ export type { ModalCardBaseProps } from "./components/ModalCardBase/ModalCardBas
  * Wrappers
  */
 export { AppRoot } from "./components/AppRoot/AppRoot";
+export type { AppRootProps } from "./components/AppRoot/AppRoot";
 export { AdaptivityProvider } from "./components/AdaptivityProvider/AdaptivityProvider";
 export { default as ConfigProvider } from "./components/ConfigProvider/ConfigProvider";
 export type { ConfigProviderProps } from "./components/ConfigProvider/ConfigProvider";
 export { ConfigProviderContext, WebviewType, } from "./components/ConfigProvider/ConfigProviderContext";
 export { AppearanceProvider } from "./components/AppearanceProvider/AppearanceProvider";
+export type { AppearanceProviderProps } from "./components/AppearanceProvider/AppearanceProvider";
 export { Scheme, Appearance } from "./helpers/scheme";
 export { LocaleProviderContext } from "./components/LocaleProviderContext/LocaleProviderContext";
 /**
@@ -244,16 +251,18 @@ export type { PromoBannerProps } from "./components/PromoBanner/PromoBanner";
 /**
  * Typography
  */
-export { default as Title } from "./components/Typography/Title/Title";
+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 type { HeadlineProps } from "./components/Typography/Headline/Headline";
 export { default as Text } from "./components/Typography/Text/Text";
 export type { TextProps } from "./components/Typography/Text/Text";
-export { default as Caption } from "./components/Typography/Caption/Caption";
+export { Caption } from "./components/Typography/Caption/Caption";
 export type { CaptionProps } from "./components/Typography/Caption/Caption";
-export { default as Subhead } from "./components/Typography/Subhead/Subhead";
+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";
 /**
  * HOCs
  */
@@ -275,11 +284,13 @@ export { classNamesString as classNames } from "./lib/classNames";
 export { default as animate } from "./lib/animate";
 export { removeObjectKeys } from "./lib/removeObjectKeys";
 export { SSRWrapper } from "./lib/SSR";
+export type { SSRWrapperProps } from "./lib/SSR";
 export { platform, ANDROID, IOS, VKCOM, Platform, IS_PLATFORM_ANDROID, IS_PLATFORM_IOS, } from "./lib/platform";
 export { getClassName } from "./helpers/getClassName";
 export { ViewWidth, ViewHeight, SizeType, } from "./components/AdaptivityProvider/AdaptivityContext";
 export { calcInitialsAvatarColor } from "./helpers/avatar";
 export { Popper } from "./components/Popper/Popper";
+export type { PopperProps } from "./components/Popper/Popper";
 /**
  * Types
  */