@vkontakte/vkui 6.2.1 → 6.3.0

package/src/lib/touch/UIPanGestureRecognizer.ts

@@ -17,37 +17,43 @@ export class UIPanGestureRecognizer {
   x2 = 0;
   y2 = 0;
 
-  setInitialTimeOnce() {
+  setInitialTimeOnce(): void {
     if (this.initialTime === DEFAULT_INITIAL_TIME) {
       this.initialTime = Date.now();
     }
   }
 
-  setStartCoords(event: UIEvent) {
+  setStartCoords(event: UIEvent): void {
     const { clientX, clientY } = getFirstTouchEventData(event);
     this.x1 = clientX;
     this.y1 = clientY;
   }
 
-  setEndCoords(event: UIEvent) {
+  setEndCoords(event: UIEvent): void {
     const { clientX, clientY } = getFirstTouchEventData(event);
     this.x2 = clientX;
     this.y2 = clientY;
   }
 
-  delta() {
+  delta(): {
+    x: number;
+    y: number;
+  } {
     return {
       x: this.x2 - this.x1,
       y: this.y2 - this.y1,
     };
   }
 
-  distance() {
+  distance(): number {
     const { x, y } = this.delta();
     return Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));
   }
 
-  velocity() {
+  velocity(): {
+    x: number;
+    y: number;
+  } {
     const deltaTime = (Date.now() - this.initialTime) / MILLISECONDS;
 
     if (deltaTime <= 0) {
@@ -58,7 +64,7 @@ export class UIPanGestureRecognizer {
     return { x: x / deltaTime, y: y / deltaTime };
   }
 
-  angle() {
+  angle(): number {
     const deltaX = this.x2 - this.x1;
     const deltaY = this.y2 - this.y1;
     const radians = Math.atan2(deltaY, deltaX);
@@ -66,7 +72,7 @@ export class UIPanGestureRecognizer {
     return degrees < 0 ? 360 + degrees : degrees;
   }
 
-  reset() {
+  reset(): void {
     this.initialTime = DEFAULT_INITIAL_TIME;
     this.x1 = this.y1 = 0;
     this.x2 = this.y2 = 0;

package/src/lib/touch/functions.ts

@@ -24,7 +24,7 @@ const coordY = (e: VKUITouchEvent): number => {
 };
 
 // eslint-disable-next-line no-restricted-globals
-const touchEnabled = () => canUseDOM && 'ontouchstart' in window;
+const touchEnabled = (): boolean => canUseDOM && 'ontouchstart' in window;
 
 /*
  * Возвращает массив поддерживаемых событий

package/src/lib/useIsomorphicLayoutEffect.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { canUseDOM } from './dom';
 
-export const useIsomorphicLayoutEffect = canUseDOM
+export const useIsomorphicLayoutEffect: typeof React.useLayoutEffect = canUseDOM
   ? // eslint-disable-next-line no-restricted-properties
     React.useLayoutEffect
   : React.useEffect;

package/src/lib/utils.ts

@@ -10,7 +10,7 @@ export type ImgOnlyAttributes = {
 export function debounce<A extends any[]>(fn: (...args: A) => void, delay: number) {
   let timeout: any;
 
-  return (...args: A) => {
+  return (...args: A): void => {
     clearTimeout(timeout);
     timeout = setTimeout(() => fn(...args), delay);
   };
@@ -39,17 +39,17 @@ export function multiRef<T>(...refs: Array<React.Ref<T> | undefined>): React.Ref
   };
 }
 
-export const stopPropagation = <T extends React.SyntheticEvent>(event: T) =>
+export const stopPropagation = <T extends React.SyntheticEvent>(event: T): void =>
   event.stopPropagation();
 
-export function addClassNameToElement(element: HTMLElement, className: string) {
+export function addClassNameToElement(element: HTMLElement, className: string): void {
   const elementClassName = element.getAttribute('class') || '';
   const updatedClassName = `${elementClassName}${elementClassName ? ' ' : ''}${className}`;
 
   element.setAttribute('class', updatedClassName);
 }
 
-export function removeClassNameFromElement(element: HTMLElement, classNameToRemove: string) {
+export function removeClassNameFromElement(element: HTMLElement, classNameToRemove: string): void {
   const classNamesArray = (element.getAttribute('class') || '').split(/\s+/);
   const elementIndexToRemove = classNamesArray.findIndex(
     (className) => className === classNameToRemove,
@@ -116,7 +116,13 @@ export function isForwardRefElement<
  * При использовании пропа fetchPriority генерируется warning "Invalid DOM property" (версия React 18.*)
  * Ворнинга нет в React версии 19.*, поэтому пока поддерживаем 2 версии наименования
  */
-export function getFetchPriorityProp(value: React.ImgHTMLAttributes<HTMLElement>['fetchPriority']) {
+export function getFetchPriorityProp(value: React.ImgHTMLAttributes<HTMLElement>['fetchPriority']):
+  | {
+      fetchPriority: 'high' | 'low' | 'auto' | undefined;
+    }
+  | {
+      fetchpriority: 'high' | 'low' | 'auto' | undefined;
+    } {
   if (React.version.startsWith('19')) {
     return { fetchPriority: value };
   }

package/dist/cjs/shared/breakpoints.d.js

@@ -1,8 +0,0 @@
-/**
- * Храним брейкпоинты в JS файле для синхронизации значений между TS и CSS.
- */ "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-
-//# sourceMappingURL=breakpoints.d.js.map

package/dist/cjs/shared/breakpoints.d.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/shared/breakpoints.d.ts"],"sourcesContent":["/**\n * Храним брейкпоинты в JS файле для синхронизации значений между TS и CSS.\n */\nexport declare const BREAKPOINTS: {\n  DESKTOP: number;\n  TABLET: number;\n  SMALL_TABLET: number;\n  MOBILE: number;\n  MOBILE_LANDSCAPE_HEIGHT: number;\n  MEDIUM_HEIGHT: number;\n};\n\n/**\n * Луч [a;+∞)\n */\nexport declare function widthPlus(a: number): string;\n/**\n * Открытый луч (-∞;b)\n */\nexport declare function widthMinus(b: number): string;\n/**\n * Полуинтервал [a;b)\n */\nexport declare function widthHalfInterval(a: number, b: number): string;\n/**\n * Луч [a;+∞)\n */\nexport declare function heightPlus(a: number): string;\n/**\n * Открытый луч (-∞;b)\n */\nexport declare function heightMinus(b: number): string;\n/**\n * Полуинтервал [a;b)\n */\nexport declare function heightHalfInterval(a: number, b: number): string;\nexport declare const MEDIA_QUERIES: {\n  DESKTOP_PLUS: string;\n  TABLET: string;\n  SMALL_TABLET_PLUS: string;\n  SMALL_TABLET: string;\n  MOBILE: string;\n  MEDIUM_HEIGHT: string;\n  MOBILE_LANDSCAPE_HEIGHT: string;\n};\n"],"names":[],"mappings":"AAAA;;CAEC"}

package/dist/cjs/shared/breakpoints.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/shared/breakpoints.js"],"sourcesContent":["/**\n * Храним брейкпоинты в JS файле для синхронизации значений между TS и CSS.\n *\n * @type {{\n *  DESKTOP: 1280,\n *  TABLET: 1024,\n *  SMALL_TABLET: 768,\n *  MOBILE: 320,\n *  MOBILE_LANDSCAPE_HEIGHT: 415,\n *  MEDIUM_HEIGHT: 720\n * }}\n */\nconst BREAKPOINTS = {\n  DESKTOP: 1280,\n  TABLET: 1024,\n  SMALL_TABLET: 768,\n  MOBILE: 320,\n  MOBILE_LANDSCAPE_HEIGHT: 415,\n  MEDIUM_HEIGHT: 720,\n};\n\n/**\n * Луч [a;+∞)\n *\n * @param {number} a\n * @returns {string}\n */\nfunction widthPlus(a) {\n  return `(min-width: ${a}px)`;\n}\n\n/**\n * Открытый луч (-∞;b)\n *\n * @param {number} b\n * @returns {string}\n */\nfunction widthMinus(b) {\n  // NOTE: `not` плохо поддерживается, поэтому используем max-width и вычитаем\n  // от числа 0.1\n  return `(max-width: ${b - 0.1}px)`;\n}\n\n/**\n * Полуинтервал [a;b)\n *\n * @param {number} a\n * @param {number} b\n * @returns {string}\n */\nfunction widthHalfInterval(a, b) {\n  return `${widthPlus(a)} and ${widthMinus(b)}`;\n}\n\n/**\n * Луч [a;+∞)\n *\n * @param {number} a\n * @returns {string}\n */\nfunction heightPlus(a) {\n  return `(min-height: ${a}px)`;\n}\n\n/**\n * Открытый луч (-∞;b)\n *\n * @param {number} b\n * @returns {string}\n */\nfunction heightMinus(b) {\n  // NOTE: `not` плохо поддерживается, поэтому используем max-width и вычитаем\n  // от числа 0.1\n  return `(max-height: ${b - 0.1}px)`;\n}\n\n/**\n * Полуинтервал [a;b)\n *\n * @param {number} a\n * @param {number} b\n * @returns {string}\n */\nfunction heightHalfInterval(a, b) {\n  return `${heightPlus(a)} and ${heightMinus(b)}`;\n}\n\nconst MEDIA_QUERIES = {\n  DESKTOP_PLUS: widthPlus(BREAKPOINTS.DESKTOP),\n\n  TABLET: widthHalfInterval(BREAKPOINTS.TABLET, BREAKPOINTS.DESKTOP),\n\n  SMALL_TABLET_PLUS: widthPlus(BREAKPOINTS.SMALL_TABLET),\n  SMALL_TABLET: widthHalfInterval(BREAKPOINTS.SMALL_TABLET, BREAKPOINTS.TABLET),\n\n  MOBILE: widthHalfInterval(BREAKPOINTS.MOBILE, BREAKPOINTS.SMALL_TABLET),\n\n  MEDIUM_HEIGHT: heightPlus(BREAKPOINTS.MEDIUM_HEIGHT),\n\n  MOBILE_LANDSCAPE_HEIGHT: heightPlus(BREAKPOINTS.MOBILE_LANDSCAPE_HEIGHT),\n};\n\nmodule.exports = {\n  BREAKPOINTS,\n  MEDIA_QUERIES,\n  widthHalfInterval,\n  widthPlus,\n  widthMinus,\n  heightHalfInterval,\n  heightPlus,\n  heightMinus,\n};\n"],"names":["BREAKPOINTS","DESKTOP","TABLET","SMALL_TABLET","MOBILE","MOBILE_LANDSCAPE_HEIGHT","MEDIUM_HEIGHT","widthPlus","a","widthMinus","b","widthHalfInterval","heightPlus","heightMinus","heightHalfInterval","MEDIA_QUERIES","DESKTOP_PLUS","SMALL_TABLET_PLUS","module","exports"],"mappings":"AAAA;;;;;;;;;;;CAWC;AACD,MAAMA,cAAc;IAClBC,SAAS;IACTC,QAAQ;IACRC,cAAc;IACdC,QAAQ;IACRC,yBAAyB;IACzBC,eAAe;AACjB;AAEA;;;;;CAKC,GACD,SAASC,UAAUC,CAAC;IAClB,OAAO,CAAC,YAAY,EAAEA,EAAE,GAAG,CAAC;AAC9B;AAEA;;;;;CAKC,GACD,SAASC,WAAWC,CAAC;IACnB,4EAA4E;IAC5E,eAAe;IACf,OAAO,CAAC,YAAY,EAAEA,IAAI,IAAI,GAAG,CAAC;AACpC;AAEA;;;;;;CAMC,GACD,SAASC,kBAAkBH,CAAC,EAAEE,CAAC;IAC7B,OAAO,CAAC,EAAEH,UAAUC,GAAG,KAAK,EAAEC,WAAWC,GAAG,CAAC;AAC/C;AAEA;;;;;CAKC,GACD,SAASE,WAAWJ,CAAC;IACnB,OAAO,CAAC,aAAa,EAAEA,EAAE,GAAG,CAAC;AAC/B;AAEA;;;;;CAKC,GACD,SAASK,YAAYH,CAAC;IACpB,4EAA4E;IAC5E,eAAe;IACf,OAAO,CAAC,aAAa,EAAEA,IAAI,IAAI,GAAG,CAAC;AACrC;AAEA;;;;;;CAMC,GACD,SAASI,mBAAmBN,CAAC,EAAEE,CAAC;IAC9B,OAAO,CAAC,EAAEE,WAAWJ,GAAG,KAAK,EAAEK,YAAYH,GAAG,CAAC;AACjD;AAEA,MAAMK,gBAAgB;IACpBC,cAAcT,UAAUP,YAAYC,OAAO;IAE3CC,QAAQS,kBAAkBX,YAAYE,MAAM,EAAEF,YAAYC,OAAO;IAEjEgB,mBAAmBV,UAAUP,YAAYG,YAAY;IACrDA,cAAcQ,kBAAkBX,YAAYG,YAAY,EAAEH,YAAYE,MAAM;IAE5EE,QAAQO,kBAAkBX,YAAYI,MAAM,EAAEJ,YAAYG,YAAY;IAEtEG,eAAeM,WAAWZ,YAAYM,aAAa;IAEnDD,yBAAyBO,WAAWZ,YAAYK,uBAAuB;AACzE;AAEAa,OAAOC,OAAO,GAAG;IACfnB;IACAe;IACAJ;IACAJ;IACAE;IACAK;IACAF;IACAC;AACF"}

package/dist/cssm/shared/breakpoints.d.js

@@ -1,5 +0,0 @@
-/**
- * Храним брейкпоинты в JS файле для синхронизации значений между TS и CSS.
- */ export { };
-
-//# sourceMappingURL=breakpoints.d.js.map

package/dist/cssm/shared/breakpoints.d.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/shared/breakpoints.d.ts"],"sourcesContent":["/**\n * Храним брейкпоинты в JS файле для синхронизации значений между TS и CSS.\n */\nexport declare const BREAKPOINTS: {\n  DESKTOP: number;\n  TABLET: number;\n  SMALL_TABLET: number;\n  MOBILE: number;\n  MOBILE_LANDSCAPE_HEIGHT: number;\n  MEDIUM_HEIGHT: number;\n};\n\n/**\n * Луч [a;+∞)\n */\nexport declare function widthPlus(a: number): string;\n/**\n * Открытый луч (-∞;b)\n */\nexport declare function widthMinus(b: number): string;\n/**\n * Полуинтервал [a;b)\n */\nexport declare function widthHalfInterval(a: number, b: number): string;\n/**\n * Луч [a;+∞)\n */\nexport declare function heightPlus(a: number): string;\n/**\n * Открытый луч (-∞;b)\n */\nexport declare function heightMinus(b: number): string;\n/**\n * Полуинтервал [a;b)\n */\nexport declare function heightHalfInterval(a: number, b: number): string;\nexport declare const MEDIA_QUERIES: {\n  DESKTOP_PLUS: string;\n  TABLET: string;\n  SMALL_TABLET_PLUS: string;\n  SMALL_TABLET: string;\n  MOBILE: string;\n  MEDIUM_HEIGHT: string;\n  MOBILE_LANDSCAPE_HEIGHT: string;\n};\n"],"names":[],"mappings":"AAAA;;CAEC,GAkCD,WAQE"}

package/dist/cssm/shared/breakpoints.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/shared/breakpoints.js"],"sourcesContent":["/**\n * Храним брейкпоинты в JS файле для синхронизации значений между TS и CSS.\n *\n * @type {{\n *  DESKTOP: 1280,\n *  TABLET: 1024,\n *  SMALL_TABLET: 768,\n *  MOBILE: 320,\n *  MOBILE_LANDSCAPE_HEIGHT: 415,\n *  MEDIUM_HEIGHT: 720\n * }}\n */\nconst BREAKPOINTS = {\n  DESKTOP: 1280,\n  TABLET: 1024,\n  SMALL_TABLET: 768,\n  MOBILE: 320,\n  MOBILE_LANDSCAPE_HEIGHT: 415,\n  MEDIUM_HEIGHT: 720,\n};\n\n/**\n * Луч [a;+∞)\n *\n * @param {number} a\n * @returns {string}\n */\nfunction widthPlus(a) {\n  return `(min-width: ${a}px)`;\n}\n\n/**\n * Открытый луч (-∞;b)\n *\n * @param {number} b\n * @returns {string}\n */\nfunction widthMinus(b) {\n  // NOTE: `not` плохо поддерживается, поэтому используем max-width и вычитаем\n  // от числа 0.1\n  return `(max-width: ${b - 0.1}px)`;\n}\n\n/**\n * Полуинтервал [a;b)\n *\n * @param {number} a\n * @param {number} b\n * @returns {string}\n */\nfunction widthHalfInterval(a, b) {\n  return `${widthPlus(a)} and ${widthMinus(b)}`;\n}\n\n/**\n * Луч [a;+∞)\n *\n * @param {number} a\n * @returns {string}\n */\nfunction heightPlus(a) {\n  return `(min-height: ${a}px)`;\n}\n\n/**\n * Открытый луч (-∞;b)\n *\n * @param {number} b\n * @returns {string}\n */\nfunction heightMinus(b) {\n  // NOTE: `not` плохо поддерживается, поэтому используем max-width и вычитаем\n  // от числа 0.1\n  return `(max-height: ${b - 0.1}px)`;\n}\n\n/**\n * Полуинтервал [a;b)\n *\n * @param {number} a\n * @param {number} b\n * @returns {string}\n */\nfunction heightHalfInterval(a, b) {\n  return `${heightPlus(a)} and ${heightMinus(b)}`;\n}\n\nconst MEDIA_QUERIES = {\n  DESKTOP_PLUS: widthPlus(BREAKPOINTS.DESKTOP),\n\n  TABLET: widthHalfInterval(BREAKPOINTS.TABLET, BREAKPOINTS.DESKTOP),\n\n  SMALL_TABLET_PLUS: widthPlus(BREAKPOINTS.SMALL_TABLET),\n  SMALL_TABLET: widthHalfInterval(BREAKPOINTS.SMALL_TABLET, BREAKPOINTS.TABLET),\n\n  MOBILE: widthHalfInterval(BREAKPOINTS.MOBILE, BREAKPOINTS.SMALL_TABLET),\n\n  MEDIUM_HEIGHT: heightPlus(BREAKPOINTS.MEDIUM_HEIGHT),\n\n  MOBILE_LANDSCAPE_HEIGHT: heightPlus(BREAKPOINTS.MOBILE_LANDSCAPE_HEIGHT),\n};\n\nmodule.exports = {\n  BREAKPOINTS,\n  MEDIA_QUERIES,\n  widthHalfInterval,\n  widthPlus,\n  widthMinus,\n  heightHalfInterval,\n  heightPlus,\n  heightMinus,\n};\n"],"names":["BREAKPOINTS","DESKTOP","TABLET","SMALL_TABLET","MOBILE","MOBILE_LANDSCAPE_HEIGHT","MEDIUM_HEIGHT","widthPlus","a","widthMinus","b","widthHalfInterval","heightPlus","heightMinus","heightHalfInterval","MEDIA_QUERIES","DESKTOP_PLUS","SMALL_TABLET_PLUS","module","exports"],"mappings":"AAAA;;;;;;;;;;;CAWC,GACD,MAAMA,cAAc;IAClBC,SAAS;IACTC,QAAQ;IACRC,cAAc;IACdC,QAAQ;IACRC,yBAAyB;IACzBC,eAAe;AACjB;AAEA;;;;;CAKC,GACD,SAASC,UAAUC,CAAC;IAClB,OAAO,CAAC,YAAY,EAAEA,EAAE,GAAG,CAAC;AAC9B;AAEA;;;;;CAKC,GACD,SAASC,WAAWC,CAAC;IACnB,4EAA4E;IAC5E,eAAe;IACf,OAAO,CAAC,YAAY,EAAEA,IAAI,IAAI,GAAG,CAAC;AACpC;AAEA;;;;;;CAMC,GACD,SAASC,kBAAkBH,CAAC,EAAEE,CAAC;IAC7B,OAAO,CAAC,EAAEH,UAAUC,GAAG,KAAK,EAAEC,WAAWC,GAAG,CAAC;AAC/C;AAEA;;;;;CAKC,GACD,SAASE,WAAWJ,CAAC;IACnB,OAAO,CAAC,aAAa,EAAEA,EAAE,GAAG,CAAC;AAC/B;AAEA;;;;;CAKC,GACD,SAASK,YAAYH,CAAC;IACpB,4EAA4E;IAC5E,eAAe;IACf,OAAO,CAAC,aAAa,EAAEA,IAAI,IAAI,GAAG,CAAC;AACrC;AAEA;;;;;;CAMC,GACD,SAASI,mBAAmBN,CAAC,EAAEE,CAAC;IAC9B,OAAO,CAAC,EAAEE,WAAWJ,GAAG,KAAK,EAAEK,YAAYH,GAAG,CAAC;AACjD;AAEA,MAAMK,gBAAgB;IACpBC,cAAcT,UAAUP,YAAYC,OAAO;IAE3CC,QAAQS,kBAAkBX,YAAYE,MAAM,EAAEF,YAAYC,OAAO;IAEjEgB,mBAAmBV,UAAUP,YAAYG,YAAY;IACrDA,cAAcQ,kBAAkBX,YAAYG,YAAY,EAAEH,YAAYE,MAAM;IAE5EE,QAAQO,kBAAkBX,YAAYI,MAAM,EAAEJ,YAAYG,YAAY;IAEtEG,eAAeM,WAAWZ,YAAYM,aAAa;IAEnDD,yBAAyBO,WAAWZ,YAAYK,uBAAuB;AACzE;AAEAa,OAAOC,OAAO,GAAG;IACfnB;IACAe;IACAJ;IACAJ;IACAE;IACAK;IACAF;IACAC;AACF"}

package/dist/shared/breakpoints.d.js

@@ -1,5 +0,0 @@
-/**
- * Храним брейкпоинты в JS файле для синхронизации значений между TS и CSS.
- */ export { };
-
-//# sourceMappingURL=breakpoints.d.js.map

package/dist/shared/breakpoints.d.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/shared/breakpoints.d.ts"],"sourcesContent":["/**\n * Храним брейкпоинты в JS файле для синхронизации значений между TS и CSS.\n */\nexport declare const BREAKPOINTS: {\n  DESKTOP: number;\n  TABLET: number;\n  SMALL_TABLET: number;\n  MOBILE: number;\n  MOBILE_LANDSCAPE_HEIGHT: number;\n  MEDIUM_HEIGHT: number;\n};\n\n/**\n * Луч [a;+∞)\n */\nexport declare function widthPlus(a: number): string;\n/**\n * Открытый луч (-∞;b)\n */\nexport declare function widthMinus(b: number): string;\n/**\n * Полуинтервал [a;b)\n */\nexport declare function widthHalfInterval(a: number, b: number): string;\n/**\n * Луч [a;+∞)\n */\nexport declare function heightPlus(a: number): string;\n/**\n * Открытый луч (-∞;b)\n */\nexport declare function heightMinus(b: number): string;\n/**\n * Полуинтервал [a;b)\n */\nexport declare function heightHalfInterval(a: number, b: number): string;\nexport declare const MEDIA_QUERIES: {\n  DESKTOP_PLUS: string;\n  TABLET: string;\n  SMALL_TABLET_PLUS: string;\n  SMALL_TABLET: string;\n  MOBILE: string;\n  MEDIUM_HEIGHT: string;\n  MOBILE_LANDSCAPE_HEIGHT: string;\n};\n"],"names":[],"mappings":"AAAA;;CAEC,GAkCD,WAQE"}

package/dist/shared/breakpoints.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/shared/breakpoints.js"],"sourcesContent":["/**\n * Храним брейкпоинты в JS файле для синхронизации значений между TS и CSS.\n *\n * @type {{\n *  DESKTOP: 1280,\n *  TABLET: 1024,\n *  SMALL_TABLET: 768,\n *  MOBILE: 320,\n *  MOBILE_LANDSCAPE_HEIGHT: 415,\n *  MEDIUM_HEIGHT: 720\n * }}\n */\nconst BREAKPOINTS = {\n  DESKTOP: 1280,\n  TABLET: 1024,\n  SMALL_TABLET: 768,\n  MOBILE: 320,\n  MOBILE_LANDSCAPE_HEIGHT: 415,\n  MEDIUM_HEIGHT: 720,\n};\n\n/**\n * Луч [a;+∞)\n *\n * @param {number} a\n * @returns {string}\n */\nfunction widthPlus(a) {\n  return `(min-width: ${a}px)`;\n}\n\n/**\n * Открытый луч (-∞;b)\n *\n * @param {number} b\n * @returns {string}\n */\nfunction widthMinus(b) {\n  // NOTE: `not` плохо поддерживается, поэтому используем max-width и вычитаем\n  // от числа 0.1\n  return `(max-width: ${b - 0.1}px)`;\n}\n\n/**\n * Полуинтервал [a;b)\n *\n * @param {number} a\n * @param {number} b\n * @returns {string}\n */\nfunction widthHalfInterval(a, b) {\n  return `${widthPlus(a)} and ${widthMinus(b)}`;\n}\n\n/**\n * Луч [a;+∞)\n *\n * @param {number} a\n * @returns {string}\n */\nfunction heightPlus(a) {\n  return `(min-height: ${a}px)`;\n}\n\n/**\n * Открытый луч (-∞;b)\n *\n * @param {number} b\n * @returns {string}\n */\nfunction heightMinus(b) {\n  // NOTE: `not` плохо поддерживается, поэтому используем max-width и вычитаем\n  // от числа 0.1\n  return `(max-height: ${b - 0.1}px)`;\n}\n\n/**\n * Полуинтервал [a;b)\n *\n * @param {number} a\n * @param {number} b\n * @returns {string}\n */\nfunction heightHalfInterval(a, b) {\n  return `${heightPlus(a)} and ${heightMinus(b)}`;\n}\n\nconst MEDIA_QUERIES = {\n  DESKTOP_PLUS: widthPlus(BREAKPOINTS.DESKTOP),\n\n  TABLET: widthHalfInterval(BREAKPOINTS.TABLET, BREAKPOINTS.DESKTOP),\n\n  SMALL_TABLET_PLUS: widthPlus(BREAKPOINTS.SMALL_TABLET),\n  SMALL_TABLET: widthHalfInterval(BREAKPOINTS.SMALL_TABLET, BREAKPOINTS.TABLET),\n\n  MOBILE: widthHalfInterval(BREAKPOINTS.MOBILE, BREAKPOINTS.SMALL_TABLET),\n\n  MEDIUM_HEIGHT: heightPlus(BREAKPOINTS.MEDIUM_HEIGHT),\n\n  MOBILE_LANDSCAPE_HEIGHT: heightPlus(BREAKPOINTS.MOBILE_LANDSCAPE_HEIGHT),\n};\n\nmodule.exports = {\n  BREAKPOINTS,\n  MEDIA_QUERIES,\n  widthHalfInterval,\n  widthPlus,\n  widthMinus,\n  heightHalfInterval,\n  heightPlus,\n  heightMinus,\n};\n"],"names":["BREAKPOINTS","DESKTOP","TABLET","SMALL_TABLET","MOBILE","MOBILE_LANDSCAPE_HEIGHT","MEDIUM_HEIGHT","widthPlus","a","widthMinus","b","widthHalfInterval","heightPlus","heightMinus","heightHalfInterval","MEDIA_QUERIES","DESKTOP_PLUS","SMALL_TABLET_PLUS","module","exports"],"mappings":"AAAA;;;;;;;;;;;CAWC,GACD,MAAMA,cAAc;IAClBC,SAAS;IACTC,QAAQ;IACRC,cAAc;IACdC,QAAQ;IACRC,yBAAyB;IACzBC,eAAe;AACjB;AAEA;;;;;CAKC,GACD,SAASC,UAAUC,CAAC;IAClB,OAAO,CAAC,YAAY,EAAEA,EAAE,GAAG,CAAC;AAC9B;AAEA;;;;;CAKC,GACD,SAASC,WAAWC,CAAC;IACnB,4EAA4E;IAC5E,eAAe;IACf,OAAO,CAAC,YAAY,EAAEA,IAAI,IAAI,GAAG,CAAC;AACpC;AAEA;;;;;;CAMC,GACD,SAASC,kBAAkBH,CAAC,EAAEE,CAAC;IAC7B,OAAO,CAAC,EAAEH,UAAUC,GAAG,KAAK,EAAEC,WAAWC,GAAG,CAAC;AAC/C;AAEA;;;;;CAKC,GACD,SAASE,WAAWJ,CAAC;IACnB,OAAO,CAAC,aAAa,EAAEA,EAAE,GAAG,CAAC;AAC/B;AAEA;;;;;CAKC,GACD,SAASK,YAAYH,CAAC;IACpB,4EAA4E;IAC5E,eAAe;IACf,OAAO,CAAC,aAAa,EAAEA,IAAI,IAAI,GAAG,CAAC;AACrC;AAEA;;;;;;CAMC,GACD,SAASI,mBAAmBN,CAAC,EAAEE,CAAC;IAC9B,OAAO,CAAC,EAAEE,WAAWJ,GAAG,KAAK,EAAEK,YAAYH,GAAG,CAAC;AACjD;AAEA,MAAMK,gBAAgB;IACpBC,cAAcT,UAAUP,YAAYC,OAAO;IAE3CC,QAAQS,kBAAkBX,YAAYE,MAAM,EAAEF,YAAYC,OAAO;IAEjEgB,mBAAmBV,UAAUP,YAAYG,YAAY;IACrDA,cAAcQ,kBAAkBX,YAAYG,YAAY,EAAEH,YAAYE,MAAM;IAE5EE,QAAQO,kBAAkBX,YAAYI,MAAM,EAAEJ,YAAYG,YAAY;IAEtEG,eAAeM,WAAWZ,YAAYM,aAAa;IAEnDD,yBAAyBO,WAAWZ,YAAYK,uBAAuB;AACzE;AAEAa,OAAOC,OAAO,GAAG;IACfnB;IACAe;IACAJ;IACAJ;IACAE;IACAK;IACAF;IACAC;AACF"}