@vkontakte/vkui 5.0.2 → 5.1.0

package/dist/cssm/helpers/getViewWidthClassName.js.map

@@ -1 +1 @@
-{"version":3,"file":"getViewWidthClassName.js","names":["ViewWidth","getViewWidthClassName","base","viewWidth","styles","className","String","SMALL_MOBILE","MOBILE","SMALL_TABLET","TABLET","DESKTOP"],"sources":["../../../src/helpers/getViewWidthClassName.ts"],"sourcesContent":["import { ViewWidth } from \"../lib/adaptivity\";\n\nexport function getViewWidthClassName(\n  base: string,\n  viewWidth?: ViewWidth\n): string;\nexport function getViewWidthClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  viewWidth?: ViewWidth,\n  styles?: Styles\n): string | undefined;\nexport function getViewWidthClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  viewWidth?: ViewWidth,\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles\n): string | undefined {\n  let className = `${String(base)}--viewWidth-`;\n\n  switch (viewWidth) {\n    case ViewWidth.SMALL_MOBILE:\n      className += \"smallMobile\";\n      break;\n    case ViewWidth.MOBILE:\n      className += \"mobile\";\n      break;\n    case ViewWidth.SMALL_TABLET:\n      className += \"smallTablet\";\n      break;\n    case ViewWidth.TABLET:\n      className += \"tablet\";\n      break;\n    case ViewWidth.DESKTOP:\n      className += \"desktop\";\n      break;\n\n    default:\n      className += \"none\";\n      break;\n  }\n\n  className = styles ? styles[className] : className;\n\n  if (viewWidth && viewWidth >= ViewWidth.SMALL_TABLET) {\n    if (styles) {\n      className += \" \" + styles[`${String(base)}--viewWidth-smallTabletPlus`];\n    } else {\n      className += ` ${String(base)}--viewWidth-smallTabletPlus`;\n    }\n  }\n\n  if (viewWidth && viewWidth >= ViewWidth.TABLET) {\n    if (styles) {\n      className += \" \" + styles[`${String(base)}--viewWidth-tabletPlus`];\n    } else {\n      className += ` ${String(base)}--viewWidth-tabletPlus`;\n    }\n  }\n\n  return className;\n}\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,mBAAmB;AAW7C,OAAO,SAASC,qBAAqB,CACnCC,IAAkB,EAClBC,SAAqB;AACrB;AACF;AACA;AACA;AACEC,MAAe,EACK;EACpB,IAAIC,SAAS,aAAMC,MAAM,CAACJ,IAAI,CAAC,iBAAc;EAE7C,QAAQC,SAAS;IACf,KAAKH,SAAS,CAACO,YAAY;MACzBF,SAAS,IAAI,aAAa;MAC1B;IACF,KAAKL,SAAS,CAACQ,MAAM;MACnBH,SAAS,IAAI,QAAQ;MACrB;IACF,KAAKL,SAAS,CAACS,YAAY;MACzBJ,SAAS,IAAI,aAAa;MAC1B;IACF,KAAKL,SAAS,CAACU,MAAM;MACnBL,SAAS,IAAI,QAAQ;MACrB;IACF,KAAKL,SAAS,CAACW,OAAO;MACpBN,SAAS,IAAI,SAAS;MACtB;IAEF;MACEA,SAAS,IAAI,MAAM;MACnB;EAAM;EAGVA,SAAS,GAAGD,MAAM,GAAGA,MAAM,CAACC,SAAS,CAAC,GAAGA,SAAS;EAElD,IAAIF,SAAS,IAAIA,SAAS,IAAIH,SAAS,CAACS,YAAY,EAAE;IACpD,IAAIL,MAAM,EAAE;MACVC,SAAS,IAAI,GAAG,GAAGD,MAAM,WAAIE,MAAM,CAACJ,IAAI,CAAC,iCAA8B;IACzE,CAAC,MAAM;MACLG,SAAS,eAAQC,MAAM,CAACJ,IAAI,CAAC,gCAA6B;IAC5D;EACF;EAEA,IAAIC,SAAS,IAAIA,SAAS,IAAIH,SAAS,CAACU,MAAM,EAAE;IAC9C,IAAIN,MAAM,EAAE;MACVC,SAAS,IAAI,GAAG,GAAGD,MAAM,WAAIE,MAAM,CAACJ,IAAI,CAAC,4BAAyB;IACpE,CAAC,MAAM;MACLG,SAAS,eAAQC,MAAM,CAACJ,IAAI,CAAC,2BAAwB;IACvD;EACF;EAEA,OAAOG,SAAS;AAClB"}
+{"version":3,"file":"getViewWidthClassName.js","names":["ViewWidth","getViewWidthClassName","base","viewWidth","styles","className","String","SMALL_MOBILE","MOBILE","SMALL_TABLET","TABLET","DESKTOP"],"sources":["../../../src/helpers/getViewWidthClassName.ts"],"sourcesContent":["import { ViewWidth } from '../lib/adaptivity';\n\nexport function getViewWidthClassName(base: string, viewWidth?: ViewWidth): string;\nexport function getViewWidthClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  viewWidth?: ViewWidth,\n  styles?: Styles,\n): string | undefined;\nexport function getViewWidthClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  viewWidth?: ViewWidth,\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles,\n): string | undefined {\n  let className = `${String(base)}--viewWidth-`;\n\n  switch (viewWidth) {\n    case ViewWidth.SMALL_MOBILE:\n      className += 'smallMobile';\n      break;\n    case ViewWidth.MOBILE:\n      className += 'mobile';\n      break;\n    case ViewWidth.SMALL_TABLET:\n      className += 'smallTablet';\n      break;\n    case ViewWidth.TABLET:\n      className += 'tablet';\n      break;\n    case ViewWidth.DESKTOP:\n      className += 'desktop';\n      break;\n\n    default:\n      className += 'none';\n      break;\n  }\n\n  className = styles ? styles[className] : className;\n\n  if (viewWidth && viewWidth >= ViewWidth.SMALL_TABLET) {\n    if (styles) {\n      className += ' ' + styles[`${String(base)}--viewWidth-smallTabletPlus`];\n    } else {\n      className += ` ${String(base)}--viewWidth-smallTabletPlus`;\n    }\n  }\n\n  if (viewWidth && viewWidth >= ViewWidth.TABLET) {\n    if (styles) {\n      className += ' ' + styles[`${String(base)}--viewWidth-tabletPlus`];\n    } else {\n      className += ` ${String(base)}--viewWidth-tabletPlus`;\n    }\n  }\n\n  return className;\n}\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,mBAAmB;AAQ7C,OAAO,SAASC,qBAAqB,CACnCC,IAAkB,EAClBC,SAAqB;AACrB;AACF;AACA;AACA;AACEC,MAAe,EACK;EACpB,IAAIC,SAAS,aAAMC,MAAM,CAACJ,IAAI,CAAC,iBAAc;EAE7C,QAAQC,SAAS;IACf,KAAKH,SAAS,CAACO,YAAY;MACzBF,SAAS,IAAI,aAAa;MAC1B;IACF,KAAKL,SAAS,CAACQ,MAAM;MACnBH,SAAS,IAAI,QAAQ;MACrB;IACF,KAAKL,SAAS,CAACS,YAAY;MACzBJ,SAAS,IAAI,aAAa;MAC1B;IACF,KAAKL,SAAS,CAACU,MAAM;MACnBL,SAAS,IAAI,QAAQ;MACrB;IACF,KAAKL,SAAS,CAACW,OAAO;MACpBN,SAAS,IAAI,SAAS;MACtB;IAEF;MACEA,SAAS,IAAI,MAAM;MACnB;EAAM;EAGVA,SAAS,GAAGD,MAAM,GAAGA,MAAM,CAACC,SAAS,CAAC,GAAGA,SAAS;EAElD,IAAIF,SAAS,IAAIA,SAAS,IAAIH,SAAS,CAACS,YAAY,EAAE;IACpD,IAAIL,MAAM,EAAE;MACVC,SAAS,IAAI,GAAG,GAAGD,MAAM,WAAIE,MAAM,CAACJ,IAAI,CAAC,iCAA8B;IACzE,CAAC,MAAM;MACLG,SAAS,eAAQC,MAAM,CAACJ,IAAI,CAAC,gCAA6B;IAC5D;EACF;EAEA,IAAIC,SAAS,IAAIA,SAAS,IAAIH,SAAS,CAACU,MAAM,EAAE;IAC9C,IAAIN,MAAM,EAAE;MACVC,SAAS,IAAI,GAAG,GAAGD,MAAM,WAAIE,MAAM,CAACJ,IAAI,CAAC,4BAAyB;IACpE,CAAC,MAAM;MACLG,SAAS,eAAQC,MAAM,CAACJ,IAAI,CAAC,2BAAwB;IACvD;EACF;EAEA,OAAOG,SAAS;AAClB"}

package/dist/cssm/helpers/math.js

@@ -7,7 +7,7 @@ export function precisionRound(number) {
   return Math.round(number * factor) / factor;
 }
 function precision(number) {
-  return ("".concat(number).split(".")[1] || "").length;
+  return ("".concat(number).split('.')[1] || '').length;
 }
 function decimatedClamp(val, min, max, step) {
   if (step == null || step <= 0) {

package/dist/cssm/helpers/math.js.map

@@ -1 +1 @@
-{"version":3,"file":"math.js","names":["clamp","value","min","max","Math","precisionRound","number","precision","factor","pow","round","split","length","decimatedClamp","val","step","prec","decimatedOffset","decimatedRange","floor","rescale","from","to","options","scaled"],"sources":["../../../src/helpers/math.ts"],"sourcesContent":["export const clamp = (value: number, min: number, max: number) =>\n  Math.max(min, Math.min(value, max));\n\nexport function precisionRound(number: number, precision = 1) {\n  let factor = Math.pow(10, precision);\n  return Math.round(number * factor) / factor;\n}\n\nfunction precision(number: number) {\n  return (`${number}`.split(\".\")[1] || \"\").length;\n}\n\nfunction decimatedClamp(val: number, min: number, max: number, step?: number) {\n  if (step == null || step <= 0) {\n    return clamp(val, min, max);\n  }\n  const prec = precision(step);\n  // Round value to nearest min + k1 * step\n  const decimatedOffset = precisionRound(\n    Math.round((val - min) / step) * step,\n    prec\n  );\n  // Round range length _down_ to nearest min + k2 * step\n  const decimatedRange = precisionRound(\n    Math.floor((max - min) / step) * step,\n    prec\n  );\n  return min + clamp(decimatedOffset, 0, decimatedRange);\n}\n\nexport function rescale(\n  value: number,\n  from: [number, number],\n  to: [number, number],\n  options: { step?: number } = {}\n) {\n  const scaled =\n    ((value - from[0]) / (from[1] - from[0])) * (to[1] - to[0]) + to[0];\n  return decimatedClamp(scaled, to[0], to[1], options.step);\n}\n"],"mappings":"AAAA,OAAO,IAAMA,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAa,EAAEC,GAAW,EAAEC,GAAW;EAAA,OAC3DC,IAAI,CAACD,GAAG,CAACD,GAAG,EAAEE,IAAI,CAACF,GAAG,CAACD,KAAK,EAAEE,GAAG,CAAC,CAAC;AAAA;AAErC,OAAO,SAASE,cAAc,CAACC,MAAc,EAAiB;EAAA,IAAfC,SAAS,uEAAG,CAAC;EAC1D,IAAIC,MAAM,GAAGJ,IAAI,CAACK,GAAG,CAAC,EAAE,EAAEF,SAAS,CAAC;EACpC,OAAOH,IAAI,CAACM,KAAK,CAACJ,MAAM,GAAGE,MAAM,CAAC,GAAGA,MAAM;AAC7C;AAEA,SAASD,SAAS,CAACD,MAAc,EAAE;EACjC,OAAO,CAAC,UAAGA,MAAM,EAAGK,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAEC,MAAM;AACjD;AAEA,SAASC,cAAc,CAACC,GAAW,EAAEZ,GAAW,EAAEC,GAAW,EAAEY,IAAa,EAAE;EAC5E,IAAIA,IAAI,IAAI,IAAI,IAAIA,IAAI,IAAI,CAAC,EAAE;IAC7B,OAAOf,KAAK,CAACc,GAAG,EAAEZ,GAAG,EAAEC,GAAG,CAAC;EAC7B;EACA,IAAMa,IAAI,GAAGT,SAAS,CAACQ,IAAI,CAAC;EAC5B;EACA,IAAME,eAAe,GAAGZ,cAAc,CACpCD,IAAI,CAACM,KAAK,CAAC,CAACI,GAAG,GAAGZ,GAAG,IAAIa,IAAI,CAAC,GAAGA,IAAI,EACrCC,IAAI,CACL;EACD;EACA,IAAME,cAAc,GAAGb,cAAc,CACnCD,IAAI,CAACe,KAAK,CAAC,CAAChB,GAAG,GAAGD,GAAG,IAAIa,IAAI,CAAC,GAAGA,IAAI,EACrCC,IAAI,CACL;EACD,OAAOd,GAAG,GAAGF,KAAK,CAACiB,eAAe,EAAE,CAAC,EAAEC,cAAc,CAAC;AACxD;AAEA,OAAO,SAASE,OAAO,CACrBnB,KAAa,EACboB,IAAsB,EACtBC,EAAoB,EAEpB;EAAA,IADAC,OAA0B,uEAAG,CAAC,CAAC;EAE/B,IAAMC,MAAM,GACT,CAACvB,KAAK,GAAGoB,IAAI,CAAC,CAAC,CAAC,KAAKA,IAAI,CAAC,CAAC,CAAC,GAAGA,IAAI,CAAC,CAAC,CAAC,CAAC,IAAKC,EAAE,CAAC,CAAC,CAAC,GAAGA,EAAE,CAAC,CAAC,CAAC,CAAC,GAAGA,EAAE,CAAC,CAAC,CAAC;EACrE,OAAOT,cAAc,CAACW,MAAM,EAAEF,EAAE,CAAC,CAAC,CAAC,EAAEA,EAAE,CAAC,CAAC,CAAC,EAAEC,OAAO,CAACR,IAAI,CAAC;AAC3D"}
+{"version":3,"file":"math.js","names":["clamp","value","min","max","Math","precisionRound","number","precision","factor","pow","round","split","length","decimatedClamp","val","step","prec","decimatedOffset","decimatedRange","floor","rescale","from","to","options","scaled"],"sources":["../../../src/helpers/math.ts"],"sourcesContent":["export const clamp = (value: number, min: number, max: number) =>\n  Math.max(min, Math.min(value, max));\n\nexport function precisionRound(number: number, precision = 1) {\n  let factor = Math.pow(10, precision);\n  return Math.round(number * factor) / factor;\n}\n\nfunction precision(number: number) {\n  return (`${number}`.split('.')[1] || '').length;\n}\n\nfunction decimatedClamp(val: number, min: number, max: number, step?: number) {\n  if (step == null || step <= 0) {\n    return clamp(val, min, max);\n  }\n  const prec = precision(step);\n  // Round value to nearest min + k1 * step\n  const decimatedOffset = precisionRound(Math.round((val - min) / step) * step, prec);\n  // Round range length _down_ to nearest min + k2 * step\n  const decimatedRange = precisionRound(Math.floor((max - min) / step) * step, prec);\n  return min + clamp(decimatedOffset, 0, decimatedRange);\n}\n\nexport function rescale(\n  value: number,\n  from: [number, number],\n  to: [number, number],\n  options: { step?: number } = {},\n) {\n  const scaled = ((value - from[0]) / (from[1] - from[0])) * (to[1] - to[0]) + to[0];\n  return decimatedClamp(scaled, to[0], to[1], options.step);\n}\n"],"mappings":"AAAA,OAAO,IAAMA,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAa,EAAEC,GAAW,EAAEC,GAAW;EAAA,OAC3DC,IAAI,CAACD,GAAG,CAACD,GAAG,EAAEE,IAAI,CAACF,GAAG,CAACD,KAAK,EAAEE,GAAG,CAAC,CAAC;AAAA;AAErC,OAAO,SAASE,cAAc,CAACC,MAAc,EAAiB;EAAA,IAAfC,SAAS,uEAAG,CAAC;EAC1D,IAAIC,MAAM,GAAGJ,IAAI,CAACK,GAAG,CAAC,EAAE,EAAEF,SAAS,CAAC;EACpC,OAAOH,IAAI,CAACM,KAAK,CAACJ,MAAM,GAAGE,MAAM,CAAC,GAAGA,MAAM;AAC7C;AAEA,SAASD,SAAS,CAACD,MAAc,EAAE;EACjC,OAAO,CAAC,UAAGA,MAAM,EAAGK,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAEC,MAAM;AACjD;AAEA,SAASC,cAAc,CAACC,GAAW,EAAEZ,GAAW,EAAEC,GAAW,EAAEY,IAAa,EAAE;EAC5E,IAAIA,IAAI,IAAI,IAAI,IAAIA,IAAI,IAAI,CAAC,EAAE;IAC7B,OAAOf,KAAK,CAACc,GAAG,EAAEZ,GAAG,EAAEC,GAAG,CAAC;EAC7B;EACA,IAAMa,IAAI,GAAGT,SAAS,CAACQ,IAAI,CAAC;EAC5B;EACA,IAAME,eAAe,GAAGZ,cAAc,CAACD,IAAI,CAACM,KAAK,CAAC,CAACI,GAAG,GAAGZ,GAAG,IAAIa,IAAI,CAAC,GAAGA,IAAI,EAAEC,IAAI,CAAC;EACnF;EACA,IAAME,cAAc,GAAGb,cAAc,CAACD,IAAI,CAACe,KAAK,CAAC,CAAChB,GAAG,GAAGD,GAAG,IAAIa,IAAI,CAAC,GAAGA,IAAI,EAAEC,IAAI,CAAC;EAClF,OAAOd,GAAG,GAAGF,KAAK,CAACiB,eAAe,EAAE,CAAC,EAAEC,cAAc,CAAC;AACxD;AAEA,OAAO,SAASE,OAAO,CACrBnB,KAAa,EACboB,IAAsB,EACtBC,EAAoB,EAEpB;EAAA,IADAC,OAA0B,uEAAG,CAAC,CAAC;EAE/B,IAAMC,MAAM,GAAI,CAACvB,KAAK,GAAGoB,IAAI,CAAC,CAAC,CAAC,KAAKA,IAAI,CAAC,CAAC,CAAC,GAAGA,IAAI,CAAC,CAAC,CAAC,CAAC,IAAKC,EAAE,CAAC,CAAC,CAAC,GAAGA,EAAE,CAAC,CAAC,CAAC,CAAC,GAAGA,EAAE,CAAC,CAAC,CAAC;EAClF,OAAOT,cAAc,CAACW,MAAM,EAAEF,EAAE,CAAC,CAAC,CAAC,EAAEA,EAAE,CAAC,CAAC,CAAC,EAAEC,OAAO,CAACR,IAAI,CAAC;AAC3D"}

package/dist/cssm/hoc/withContext.d.ts

@@ -1,2 +1,2 @@
-import * as React from "react";
+import * as React from 'react';
 export declare function withContext<T, X>(Component: React.ComponentType<T>, Ctx: React.Context<X>, prop: string): React.FC<T>;

package/dist/cssm/hoc/withContext.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import * as React from "react";
+import * as React from 'react';
 export function withContext(Component, Ctx, prop) {
   function WithContext(props) {
     var context = React.useContext(Ctx);

package/dist/cssm/hoc/withContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"withContext.js","names":["React","withContext","Component","Ctx","prop","WithContext","props","context","useContext"],"sources":["../../../src/hoc/withContext.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport function withContext<T, X>(\n  Component: React.ComponentType<T>,\n  Ctx: React.Context<X>,\n  prop: string\n): React.FC<T> {\n  function WithContext(props: T) {\n    const context = React.useContext<X>(Ctx);\n\n    return <Component {...props} {...{ [prop]: context }} />;\n  }\n  return WithContext;\n}\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAO,SAASC,WAAW,CACzBC,SAAiC,EACjCC,GAAqB,EACrBC,IAAY,EACC;EACb,SAASC,WAAW,CAACC,KAAQ,EAAE;IAC7B,IAAMC,OAAO,GAAGP,KAAK,CAACQ,UAAU,CAAIL,GAAG,CAAC;IAExC,oBAAO,oBAAC,SAAS,eAAKG,KAAK,sBAASF,IAAI,EAAGG,OAAO,GAAM;EAC1D;EACA,OAAOF,WAAW;AACpB"}
+{"version":3,"file":"withContext.js","names":["React","withContext","Component","Ctx","prop","WithContext","props","context","useContext"],"sources":["../../../src/hoc/withContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport function withContext<T, X>(\n  Component: React.ComponentType<T>,\n  Ctx: React.Context<X>,\n  prop: string,\n): React.FC<T> {\n  function WithContext(props: T) {\n    const context = React.useContext<X>(Ctx);\n\n    return <Component {...props} {...{ [prop]: context }} />;\n  }\n  return WithContext;\n}\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAO,SAASC,WAAW,CACzBC,SAAiC,EACjCC,GAAqB,EACrBC,IAAY,EACC;EACb,SAASC,WAAW,CAACC,KAAQ,EAAE;IAC7B,IAAMC,OAAO,GAAGP,KAAK,CAACQ,UAAU,CAAIL,GAAG,CAAC;IAExC,oBAAO,oBAAC,SAAS,eAAKG,KAAK,sBAASF,IAAI,EAAGG,OAAO,GAAM;EAC1D;EACA,OAAOF,WAAW;AACpB"}

package/dist/cssm/hoc/withInsets.d.ts

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

package/dist/cssm/hoc/withInsets.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-import * as React from "react";
-import { useInsets } from "../hooks/useInsets";
+import * as React from 'react';
+import { useInsets } from '../hooks/useInsets';
 export function withInsets(Component) {
   function WithInsets(props) {
     var insets = useInsets();

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

@@ -1 +1 @@
-{"version":3,"file":"withInsets.js","names":["React","useInsets","withInsets","Component","WithInsets","props","insets"],"sources":["../../../src/hoc/withInsets.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useInsets } from \"../hooks/useInsets\";\nimport { HasInsets } from \"../types\";\n\nexport function withInsets<T extends HasInsets>(\n  Component: React.ComponentType<T>\n): React.ComponentType<Omit<T, keyof HasInsets>> {\n  function WithInsets(props: Omit<T, keyof HasInsets>) {\n    const insets = useInsets();\n    return <Component {...(props as T)} insets={insets} />;\n  }\n  return WithInsets;\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,QAAQ,oBAAoB;AAG9C,OAAO,SAASC,UAAU,CACxBC,SAAiC,EACc;EAC/C,SAASC,UAAU,CAACC,KAA+B,EAAE;IACnD,IAAMC,MAAM,GAAGL,SAAS,EAAE;IAC1B,oBAAO,oBAAC,SAAS,eAAMI,KAAK;MAAQ,MAAM,EAAEC;IAAO,GAAG;EACxD;EACA,OAAOF,UAAU;AACnB"}
+{"version":3,"file":"withInsets.js","names":["React","useInsets","withInsets","Component","WithInsets","props","insets"],"sources":["../../../src/hoc/withInsets.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useInsets } from '../hooks/useInsets';\nimport { HasInsets } from '../types';\n\nexport function withInsets<T extends HasInsets>(\n  Component: React.ComponentType<T>,\n): React.ComponentType<Omit<T, keyof HasInsets>> {\n  function WithInsets(props: Omit<T, keyof HasInsets>) {\n    const insets = useInsets();\n    return <Component {...(props as T)} insets={insets} />;\n  }\n  return WithInsets;\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,QAAQ,oBAAoB;AAG9C,OAAO,SAASC,UAAU,CACxBC,SAAiC,EACc;EAC/C,SAASC,UAAU,CAACC,KAA+B,EAAE;IACnD,IAAMC,MAAM,GAAGL,SAAS,EAAE;IAC1B,oBAAO,oBAAC,SAAS,eAAMI,KAAK;MAAQ,MAAM,EAAEC;IAAO,GAAG;EACxD;EACA,OAAOF,UAAU;AACnB"}

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

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

package/dist/cssm/hoc/withPlatform.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-import * as React from "react";
-import { useConfigProvider } from "../components/ConfigProvider/ConfigProviderContext";
+import * as React from 'react';
+import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';
 export function withPlatform(Component) {
   function WithPlatform(props) {
     var _useConfigProvider = useConfigProvider(),

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

@@ -1 +1 @@
-{"version":3,"file":"withPlatform.js","names":["React","useConfigProvider","withPlatform","Component","WithPlatform","props","platform"],"sources":["../../../src/hoc/withPlatform.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasPlatform } from \"../types\";\nimport { useConfigProvider } from \"../components/ConfigProvider/ConfigProviderContext\";\n\nexport function withPlatform<T extends HasPlatform>(\n  Component: React.ComponentType<T>\n): React.FC<Omit<T, keyof HasPlatform>> {\n  function WithPlatform(props: Omit<T, keyof HasPlatform>) {\n    const { platform } = useConfigProvider();\n\n    return <Component {...(props as T)} platform={platform} />;\n  }\n  return WithPlatform;\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,iBAAiB,QAAQ,oDAAoD;AAEtF,OAAO,SAASC,YAAY,CAC1BC,SAAiC,EACK;EACtC,SAASC,YAAY,CAACC,KAAiC,EAAE;IACvD,yBAAqBJ,iBAAiB,EAAE;MAAhCK,QAAQ,sBAARA,QAAQ;IAEhB,oBAAO,oBAAC,SAAS,eAAMD,KAAK;MAAQ,QAAQ,EAAEC;IAAS,GAAG;EAC5D;EACA,OAAOF,YAAY;AACrB"}
+{"version":3,"file":"withPlatform.js","names":["React","useConfigProvider","withPlatform","Component","WithPlatform","props","platform"],"sources":["../../../src/hoc/withPlatform.tsx"],"sourcesContent":["import * as React from 'react';\nimport { HasPlatform } from '../types';\nimport { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\n\nexport function withPlatform<T extends HasPlatform>(\n  Component: React.ComponentType<T>,\n): React.FC<Omit<T, keyof HasPlatform>> {\n  function WithPlatform(props: Omit<T, keyof HasPlatform>) {\n    const { platform } = useConfigProvider();\n\n    return <Component {...(props as T)} platform={platform} />;\n  }\n  return WithPlatform;\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,iBAAiB,QAAQ,oDAAoD;AAEtF,OAAO,SAASC,YAAY,CAC1BC,SAAiC,EACK;EACtC,SAASC,YAAY,CAACC,KAAiC,EAAE;IACvD,yBAAqBJ,iBAAiB,EAAE;MAAhCK,QAAQ,sBAARA,QAAQ;IAEhB,oBAAO,oBAAC,SAAS,eAAMD,KAAK;MAAQ,QAAQ,EAAEC;IAAS,GAAG;EAC5D;EACA,OAAOF,YAAY;AACrB"}

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

@@ -1,4 +1,4 @@
-import { type AdaptivityProps } from "../components/AdaptivityProvider/AdaptivityContext";
+import { type AdaptivityProps } from '../components/AdaptivityProvider/AdaptivityContext';
 export type { AdaptivityProps };
 /**
  * Возвращает сырые данные из AdaptivityProvider.

package/dist/cssm/hooks/useAdaptivity.js

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { AdaptivityContext } from "../components/AdaptivityProvider/AdaptivityContext";
+import * as React from 'react';
+import { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';
 /**
  * Возвращает сырые данные из AdaptivityProvider.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"useAdaptivity.js","names":["React","AdaptivityContext","useAdaptivity","useContext"],"sources":["../../../src/hooks/useAdaptivity.ts"],"sourcesContent":["import * as React from \"react\";\nimport {\n  AdaptivityContext,\n  type AdaptivityProps,\n} from \"../components/AdaptivityProvider/AdaptivityContext\";\n\nexport type { AdaptivityProps };\n\n/**\n * Возвращает сырые данные из AdaptivityProvider.\n */\nexport const useAdaptivity = (): AdaptivityProps => {\n  return React.useContext(AdaptivityContext);\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,iBAAiB,QAEZ,oDAAoD;AAI3D;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAa,GAA0B;EAClD,OAAOF,KAAK,CAACG,UAAU,CAACF,iBAAiB,CAAC;AAC5C,CAAC"}
+{"version":3,"file":"useAdaptivity.js","names":["React","AdaptivityContext","useAdaptivity","useContext"],"sources":["../../../src/hooks/useAdaptivity.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n  AdaptivityContext,\n  type AdaptivityProps,\n} from '../components/AdaptivityProvider/AdaptivityContext';\n\nexport type { AdaptivityProps };\n\n/**\n * Возвращает сырые данные из AdaptivityProvider.\n */\nexport const useAdaptivity = (): AdaptivityProps => {\n  return React.useContext(AdaptivityContext);\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,iBAAiB,QAEZ,oDAAoD;AAI3D;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAa,GAA0B;EAClD,OAAOF,KAAK,CAACG,UAAU,CAACF,iBAAiB,CAAC;AAC5C,CAAC"}

package/dist/cssm/hooks/useAdaptivityConditionalRender/constants.js

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { SizeType } from "../../lib/adaptivity";
+import { SizeType } from '../../lib/adaptivity';
 import "../../styles/adaptivity.module.css";
 export var sizeXCompactClassNames = _defineProperty({
   mq: {

package/dist/cssm/hooks/useAdaptivityConditionalRender/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["SizeType","sizeXCompactClassNames","mq","className","COMPACT","sizeXRegularClassNames","REGULAR","sizeYCompactClassNames","sizeYRegularClassNames","viewWidthClassNames","tabletMinus","forced","tabletPlus","deviceTypeClassNames","mobile","desktop"],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/constants.ts"],"sourcesContent":["import { SizeType } from \"../../lib/adaptivity\";\nimport styles from \"../../styles/adaptivity.module.css\";\n\nexport const sizeXCompactClassNames = {\n  mq: { className: styles[\"-sizeX--compact-mq\"] },\n  [SizeType.COMPACT]: { className: styles[\"-sizeX--compact-forced\"] },\n};\n\nexport const sizeXRegularClassNames = {\n  mq: { className: styles[\"-sizeX--regular-mq\"] },\n  [SizeType.REGULAR]: { className: styles[\"-sizeX--regular-forced\"] },\n};\n\nexport const sizeYCompactClassNames = {\n  mq: { className: styles[\"-sizeY--compact-mq\"] },\n  [SizeType.COMPACT]: { className: styles[\"-sizeY--compact-forced\"] },\n};\n\nexport const sizeYRegularClassNames = {\n  mq: { className: styles[\"-sizeY--regular-mq\"] },\n  [SizeType.REGULAR]: { className: styles[\"-sizeY--regular-forced\"] },\n};\n\nexport const viewWidthClassNames = {\n  tabletMinus: {\n    mq: { className: styles[\"-viewWidth--tabletMinus-mq\"] },\n    forced: { className: styles[\"-viewWidth--tabletMinus-forced\"] },\n  },\n  tabletPlus: {\n    mq: { className: styles[\"-viewWidth--tabletPlus-mq\"] },\n    forced: { className: styles[\"-viewWidth--tabletPlus-forced\"] },\n  },\n};\n\nexport const deviceTypeClassNames = {\n  mobile: {\n    mq: { className: styles[\"-deviceType--mobile-mq\"] },\n    forced: { className: styles[\"-deviceType--mobile-forced\"] },\n  },\n  desktop: {\n    mq: { className: styles[\"-deviceType--desktop-mq\"] },\n    forced: { className: styles[\"-deviceType--desktop-forced\"] },\n  },\n};\n"],"mappings":";AAAA,SAASA,QAAQ,QAAQ,sBAAsB;AAAC;AAGhD,OAAO,IAAMC,sBAAsB;EACjCC,EAAE,EAAE;IAAEC,SAAS;EAA+B;AAAC,GAC9CH,QAAQ,CAACI,OAAO,EAAG;EAAED,SAAS;AAAmC,CAAC,CACpE;AAED,OAAO,IAAME,sBAAsB;EACjCH,EAAE,EAAE;IAAEC,SAAS;EAA+B;AAAC,GAC9CH,QAAQ,CAACM,OAAO,EAAG;EAAEH,SAAS;AAAmC,CAAC,CACpE;AAED,OAAO,IAAMI,sBAAsB;EACjCL,EAAE,EAAE;IAAEC,SAAS;EAA+B;AAAC,GAC9CH,QAAQ,CAACI,OAAO,EAAG;EAAED,SAAS;AAAmC,CAAC,CACpE;AAED,OAAO,IAAMK,sBAAsB;EACjCN,EAAE,EAAE;IAAEC,SAAS;EAA+B;AAAC,GAC9CH,QAAQ,CAACM,OAAO,EAAG;EAAEH,SAAS;AAAmC,CAAC,CACpE;AAED,OAAO,IAAMM,mBAAmB,GAAG;EACjCC,WAAW,EAAE;IACXR,EAAE,EAAE;MAAEC,SAAS;IAAuC,CAAC;IACvDQ,MAAM,EAAE;MAAER,SAAS;IAA2C;EAChE,CAAC;EACDS,UAAU,EAAE;IACVV,EAAE,EAAE;MAAEC,SAAS;IAAsC,CAAC;IACtDQ,MAAM,EAAE;MAAER,SAAS;IAA0C;EAC/D;AACF,CAAC;AAED,OAAO,IAAMU,oBAAoB,GAAG;EAClCC,MAAM,EAAE;IACNZ,EAAE,EAAE;MAAEC,SAAS;IAAmC,CAAC;IACnDQ,MAAM,EAAE;MAAER,SAAS;IAAuC;EAC5D,CAAC;EACDY,OAAO,EAAE;IACPb,EAAE,EAAE;MAAEC,SAAS;IAAoC,CAAC;IACpDQ,MAAM,EAAE;MAAER,SAAS;IAAwC;EAC7D;AACF,CAAC"}
+{"version":3,"file":"constants.js","names":["SizeType","sizeXCompactClassNames","mq","className","COMPACT","sizeXRegularClassNames","REGULAR","sizeYCompactClassNames","sizeYRegularClassNames","viewWidthClassNames","tabletMinus","forced","tabletPlus","deviceTypeClassNames","mobile","desktop"],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/constants.ts"],"sourcesContent":["import { SizeType } from '../../lib/adaptivity';\nimport styles from '../../styles/adaptivity.module.css';\n\nexport const sizeXCompactClassNames = {\n  mq: { className: styles['-sizeX--compact-mq'] },\n  [SizeType.COMPACT]: { className: styles['-sizeX--compact-forced'] },\n};\n\nexport const sizeXRegularClassNames = {\n  mq: { className: styles['-sizeX--regular-mq'] },\n  [SizeType.REGULAR]: { className: styles['-sizeX--regular-forced'] },\n};\n\nexport const sizeYCompactClassNames = {\n  mq: { className: styles['-sizeY--compact-mq'] },\n  [SizeType.COMPACT]: { className: styles['-sizeY--compact-forced'] },\n};\n\nexport const sizeYRegularClassNames = {\n  mq: { className: styles['-sizeY--regular-mq'] },\n  [SizeType.REGULAR]: { className: styles['-sizeY--regular-forced'] },\n};\n\nexport const viewWidthClassNames = {\n  tabletMinus: {\n    mq: { className: styles['-viewWidth--tabletMinus-mq'] },\n    forced: { className: styles['-viewWidth--tabletMinus-forced'] },\n  },\n  tabletPlus: {\n    mq: { className: styles['-viewWidth--tabletPlus-mq'] },\n    forced: { className: styles['-viewWidth--tabletPlus-forced'] },\n  },\n};\n\nexport const deviceTypeClassNames = {\n  mobile: {\n    mq: { className: styles['-deviceType--mobile-mq'] },\n    forced: { className: styles['-deviceType--mobile-forced'] },\n  },\n  desktop: {\n    mq: { className: styles['-deviceType--desktop-mq'] },\n    forced: { className: styles['-deviceType--desktop-forced'] },\n  },\n};\n"],"mappings":";AAAA,SAASA,QAAQ,QAAQ,sBAAsB;AAAC;AAGhD,OAAO,IAAMC,sBAAsB;EACjCC,EAAE,EAAE;IAAEC,SAAS;EAA+B;AAAC,GAC9CH,QAAQ,CAACI,OAAO,EAAG;EAAED,SAAS;AAAmC,CAAC,CACpE;AAED,OAAO,IAAME,sBAAsB;EACjCH,EAAE,EAAE;IAAEC,SAAS;EAA+B;AAAC,GAC9CH,QAAQ,CAACM,OAAO,EAAG;EAAEH,SAAS;AAAmC,CAAC,CACpE;AAED,OAAO,IAAMI,sBAAsB;EACjCL,EAAE,EAAE;IAAEC,SAAS;EAA+B;AAAC,GAC9CH,QAAQ,CAACI,OAAO,EAAG;EAAED,SAAS;AAAmC,CAAC,CACpE;AAED,OAAO,IAAMK,sBAAsB;EACjCN,EAAE,EAAE;IAAEC,SAAS;EAA+B;AAAC,GAC9CH,QAAQ,CAACM,OAAO,EAAG;EAAEH,SAAS;AAAmC,CAAC,CACpE;AAED,OAAO,IAAMM,mBAAmB,GAAG;EACjCC,WAAW,EAAE;IACXR,EAAE,EAAE;MAAEC,SAAS;IAAuC,CAAC;IACvDQ,MAAM,EAAE;MAAER,SAAS;IAA2C;EAChE,CAAC;EACDS,UAAU,EAAE;IACVV,EAAE,EAAE;MAAEC,SAAS;IAAsC,CAAC;IACtDQ,MAAM,EAAE;MAAER,SAAS;IAA0C;EAC/D;AACF,CAAC;AAED,OAAO,IAAMU,oBAAoB,GAAG;EAClCC,MAAM,EAAE;IACNZ,EAAE,EAAE;MAAEC,SAAS;IAAmC,CAAC;IACnDQ,MAAM,EAAE;MAAER,SAAS;IAAuC;EAC5D,CAAC;EACDY,OAAO,EAAE;IACPb,EAAE,EAAE;MAAEC,SAAS;IAAoC,CAAC;IACpDQ,MAAM,EAAE;MAAER,SAAS;IAAwC;EAC7D;AACF,CAAC"}

package/dist/cssm/hooks/useAdaptivityConditionalRender/helpers.d.ts

@@ -1,6 +1,6 @@
-import { SizeType, ViewWidth, ViewHeight } from "../../lib/adaptivity";
-import type { PlatformType } from "../../lib/platform";
-import type { ElementProps, AdaptiveSizeType, ViewWidthCSSBreakpoints, AdaptiveViewWidth, DeviceTypeCSSBreakpoints, AdaptiveDeviceType } from "./types";
-export declare const getAdaptiveSizeType: (type: undefined | SizeType, compactClassNames: Record<"mq" | SizeType.COMPACT, ElementProps>, regularClassNames: Record<"mq" | SizeType.REGULAR, ElementProps>) => AdaptiveSizeType;
-export declare const getAdaptiveViewWidth: (viewWidth: undefined | ViewWidth, viewWidthClassNames: Record<ViewWidthCSSBreakpoints, Record<"mq" | "forced", ElementProps>>) => AdaptiveViewWidth;
-export declare const getAdaptiveDeviceType: (viewWidth: undefined | ViewWidth, viewHeight: undefined | ViewHeight, hasPointer: undefined | boolean, platform: PlatformType, deviceTypeClassNames: Record<DeviceTypeCSSBreakpoints, Record<"mq" | "forced", ElementProps>>) => AdaptiveDeviceType;
+import { SizeType, ViewWidth, ViewHeight } from '../../lib/adaptivity';
+import type { PlatformType } from '../../lib/platform';
+import type { ElementProps, AdaptiveSizeType, ViewWidthCSSBreakpoints, AdaptiveViewWidth, DeviceTypeCSSBreakpoints, AdaptiveDeviceType } from './types';
+export declare const getAdaptiveSizeType: (type: undefined | SizeType, compactClassNames: Record<'mq' | SizeType.COMPACT, ElementProps>, regularClassNames: Record<'mq' | SizeType.REGULAR, ElementProps>) => AdaptiveSizeType;
+export declare const getAdaptiveViewWidth: (viewWidth: undefined | ViewWidth, viewWidthClassNames: Record<ViewWidthCSSBreakpoints, Record<'mq' | 'forced', ElementProps>>) => AdaptiveViewWidth;
+export declare const getAdaptiveDeviceType: (viewWidth: undefined | ViewWidth, viewHeight: undefined | ViewHeight, hasPointer: undefined | boolean, platform: PlatformType, deviceTypeClassNames: Record<DeviceTypeCSSBreakpoints, Record<'mq' | 'forced', ElementProps>>) => AdaptiveDeviceType;

package/dist/cssm/hooks/useAdaptivityConditionalRender/helpers.js

@@ -1,4 +1,4 @@
-import { SizeType, ViewWidth, tryToCheckIsDesktop } from "../../lib/adaptivity";
+import { SizeType, ViewWidth, tryToCheckIsDesktop } from '../../lib/adaptivity';
 export var getAdaptiveSizeType = function getAdaptiveSizeType(type, compactClassNames, regularClassNames) {
   return {
     compact: type === undefined ? compactClassNames.mq : type === SizeType.COMPACT ? compactClassNames[type] : false,

package/dist/cssm/hooks/useAdaptivityConditionalRender/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["SizeType","ViewWidth","tryToCheckIsDesktop","getAdaptiveSizeType","type","compactClassNames","regularClassNames","compact","undefined","mq","COMPACT","regular","REGULAR","getAdaptiveViewWidth","viewWidth","viewWidthClassNames","tabletMinus","TABLET","forced","tabletPlus","getAdaptiveDeviceType","viewHeight","hasPointer","platform","deviceTypeClassNames","isDesktop","mobile","desktop"],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/helpers.ts"],"sourcesContent":["import {\n  SizeType,\n  ViewWidth,\n  ViewHeight,\n  tryToCheckIsDesktop,\n} from \"../../lib/adaptivity\";\nimport type { PlatformType } from \"../../lib/platform\";\nimport type {\n  ElementProps,\n  AdaptiveSizeType,\n  ViewWidthCSSBreakpoints,\n  AdaptiveViewWidth,\n  DeviceTypeCSSBreakpoints,\n  AdaptiveDeviceType,\n} from \"./types\";\n\nexport const getAdaptiveSizeType = (\n  type: undefined | SizeType,\n  compactClassNames: Record<\"mq\" | SizeType.COMPACT, ElementProps>,\n  regularClassNames: Record<\"mq\" | SizeType.REGULAR, ElementProps>\n): AdaptiveSizeType => {\n  return {\n    compact:\n      type === undefined\n        ? compactClassNames.mq\n        : type === SizeType.COMPACT\n        ? compactClassNames[type]\n        : false,\n    regular:\n      type === undefined\n        ? regularClassNames.mq\n        : type === SizeType.REGULAR\n        ? regularClassNames[type]\n        : false,\n  };\n};\n\nexport const getAdaptiveViewWidth = (\n  viewWidth: undefined | ViewWidth,\n  viewWidthClassNames: Record<\n    ViewWidthCSSBreakpoints,\n    Record<\"mq\" | \"forced\", ElementProps>\n  >\n): AdaptiveViewWidth => {\n  return {\n    tabletMinus:\n      viewWidth === undefined\n        ? viewWidthClassNames.tabletMinus.mq\n        : viewWidth < ViewWidth.TABLET\n        ? viewWidthClassNames.tabletMinus.forced\n        : false,\n    tabletPlus:\n      viewWidth === undefined\n        ? viewWidthClassNames.tabletPlus.mq\n        : viewWidth >= ViewWidth.TABLET\n        ? viewWidthClassNames.tabletPlus.forced\n        : false,\n  };\n};\n\nexport const getAdaptiveDeviceType = (\n  viewWidth: undefined | ViewWidth,\n  viewHeight: undefined | ViewHeight,\n  hasPointer: undefined | boolean,\n  platform: PlatformType,\n  deviceTypeClassNames: Record<\n    DeviceTypeCSSBreakpoints,\n    Record<\"mq\" | \"forced\", ElementProps>\n  >\n): AdaptiveDeviceType => {\n  const isDesktop = tryToCheckIsDesktop(\n    viewWidth,\n    viewHeight,\n    hasPointer,\n    platform\n  );\n\n  if (isDesktop === null) {\n    return {\n      mobile: deviceTypeClassNames.mobile.mq,\n      desktop: deviceTypeClassNames.desktop.mq,\n    };\n  }\n\n  if (isDesktop) {\n    return {\n      mobile: false,\n      desktop: deviceTypeClassNames.desktop.forced,\n    };\n  }\n\n  return {\n    mobile: deviceTypeClassNames.mobile.forced,\n    desktop: false,\n  };\n};\n"],"mappings":"AAAA,SACEA,QAAQ,EACRC,SAAS,EAETC,mBAAmB,QACd,sBAAsB;AAW7B,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAC9BC,IAA0B,EAC1BC,iBAAgE,EAChEC,iBAAgE,EAC3C;EACrB,OAAO;IACLC,OAAO,EACLH,IAAI,KAAKI,SAAS,GACdH,iBAAiB,CAACI,EAAE,GACpBL,IAAI,KAAKJ,QAAQ,CAACU,OAAO,GACzBL,iBAAiB,CAACD,IAAI,CAAC,GACvB,KAAK;IACXO,OAAO,EACLP,IAAI,KAAKI,SAAS,GACdF,iBAAiB,CAACG,EAAE,GACpBL,IAAI,KAAKJ,QAAQ,CAACY,OAAO,GACzBN,iBAAiB,CAACF,IAAI,CAAC,GACvB;EACR,CAAC;AACH,CAAC;AAED,OAAO,IAAMS,oBAAoB,GAAG,SAAvBA,oBAAoB,CAC/BC,SAAgC,EAChCC,mBAGC,EACqB;EACtB,OAAO;IACLC,WAAW,EACTF,SAAS,KAAKN,SAAS,GACnBO,mBAAmB,CAACC,WAAW,CAACP,EAAE,GAClCK,SAAS,GAAGb,SAAS,CAACgB,MAAM,GAC5BF,mBAAmB,CAACC,WAAW,CAACE,MAAM,GACtC,KAAK;IACXC,UAAU,EACRL,SAAS,KAAKN,SAAS,GACnBO,mBAAmB,CAACI,UAAU,CAACV,EAAE,GACjCK,SAAS,IAAIb,SAAS,CAACgB,MAAM,GAC7BF,mBAAmB,CAACI,UAAU,CAACD,MAAM,GACrC;EACR,CAAC;AACH,CAAC;AAED,OAAO,IAAME,qBAAqB,GAAG,SAAxBA,qBAAqB,CAChCN,SAAgC,EAChCO,UAAkC,EAClCC,UAA+B,EAC/BC,QAAsB,EACtBC,oBAGC,EACsB;EACvB,IAAMC,SAAS,GAAGvB,mBAAmB,CACnCY,SAAS,EACTO,UAAU,EACVC,UAAU,EACVC,QAAQ,CACT;EAED,IAAIE,SAAS,KAAK,IAAI,EAAE;IACtB,OAAO;MACLC,MAAM,EAAEF,oBAAoB,CAACE,MAAM,CAACjB,EAAE;MACtCkB,OAAO,EAAEH,oBAAoB,CAACG,OAAO,CAAClB;IACxC,CAAC;EACH;EAEA,IAAIgB,SAAS,EAAE;IACb,OAAO;MACLC,MAAM,EAAE,KAAK;MACbC,OAAO,EAAEH,oBAAoB,CAACG,OAAO,CAACT;IACxC,CAAC;EACH;EAEA,OAAO;IACLQ,MAAM,EAAEF,oBAAoB,CAACE,MAAM,CAACR,MAAM;IAC1CS,OAAO,EAAE;EACX,CAAC;AACH,CAAC"}
+{"version":3,"file":"helpers.js","names":["SizeType","ViewWidth","tryToCheckIsDesktop","getAdaptiveSizeType","type","compactClassNames","regularClassNames","compact","undefined","mq","COMPACT","regular","REGULAR","getAdaptiveViewWidth","viewWidth","viewWidthClassNames","tabletMinus","TABLET","forced","tabletPlus","getAdaptiveDeviceType","viewHeight","hasPointer","platform","deviceTypeClassNames","isDesktop","mobile","desktop"],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/helpers.ts"],"sourcesContent":["import { SizeType, ViewWidth, ViewHeight, tryToCheckIsDesktop } from '../../lib/adaptivity';\nimport type { PlatformType } from '../../lib/platform';\nimport type {\n  ElementProps,\n  AdaptiveSizeType,\n  ViewWidthCSSBreakpoints,\n  AdaptiveViewWidth,\n  DeviceTypeCSSBreakpoints,\n  AdaptiveDeviceType,\n} from './types';\n\nexport const getAdaptiveSizeType = (\n  type: undefined | SizeType,\n  compactClassNames: Record<'mq' | SizeType.COMPACT, ElementProps>,\n  regularClassNames: Record<'mq' | SizeType.REGULAR, ElementProps>,\n): AdaptiveSizeType => {\n  return {\n    compact:\n      type === undefined\n        ? compactClassNames.mq\n        : type === SizeType.COMPACT\n        ? compactClassNames[type]\n        : false,\n    regular:\n      type === undefined\n        ? regularClassNames.mq\n        : type === SizeType.REGULAR\n        ? regularClassNames[type]\n        : false,\n  };\n};\n\nexport const getAdaptiveViewWidth = (\n  viewWidth: undefined | ViewWidth,\n  viewWidthClassNames: Record<ViewWidthCSSBreakpoints, Record<'mq' | 'forced', ElementProps>>,\n): AdaptiveViewWidth => {\n  return {\n    tabletMinus:\n      viewWidth === undefined\n        ? viewWidthClassNames.tabletMinus.mq\n        : viewWidth < ViewWidth.TABLET\n        ? viewWidthClassNames.tabletMinus.forced\n        : false,\n    tabletPlus:\n      viewWidth === undefined\n        ? viewWidthClassNames.tabletPlus.mq\n        : viewWidth >= ViewWidth.TABLET\n        ? viewWidthClassNames.tabletPlus.forced\n        : false,\n  };\n};\n\nexport const getAdaptiveDeviceType = (\n  viewWidth: undefined | ViewWidth,\n  viewHeight: undefined | ViewHeight,\n  hasPointer: undefined | boolean,\n  platform: PlatformType,\n  deviceTypeClassNames: Record<DeviceTypeCSSBreakpoints, Record<'mq' | 'forced', ElementProps>>,\n): AdaptiveDeviceType => {\n  const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\n\n  if (isDesktop === null) {\n    return {\n      mobile: deviceTypeClassNames.mobile.mq,\n      desktop: deviceTypeClassNames.desktop.mq,\n    };\n  }\n\n  if (isDesktop) {\n    return {\n      mobile: false,\n      desktop: deviceTypeClassNames.desktop.forced,\n    };\n  }\n\n  return {\n    mobile: deviceTypeClassNames.mobile.forced,\n    desktop: false,\n  };\n};\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,SAAS,EAAcC,mBAAmB,QAAQ,sBAAsB;AAW3F,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAC9BC,IAA0B,EAC1BC,iBAAgE,EAChEC,iBAAgE,EAC3C;EACrB,OAAO;IACLC,OAAO,EACLH,IAAI,KAAKI,SAAS,GACdH,iBAAiB,CAACI,EAAE,GACpBL,IAAI,KAAKJ,QAAQ,CAACU,OAAO,GACzBL,iBAAiB,CAACD,IAAI,CAAC,GACvB,KAAK;IACXO,OAAO,EACLP,IAAI,KAAKI,SAAS,GACdF,iBAAiB,CAACG,EAAE,GACpBL,IAAI,KAAKJ,QAAQ,CAACY,OAAO,GACzBN,iBAAiB,CAACF,IAAI,CAAC,GACvB;EACR,CAAC;AACH,CAAC;AAED,OAAO,IAAMS,oBAAoB,GAAG,SAAvBA,oBAAoB,CAC/BC,SAAgC,EAChCC,mBAA2F,EACrE;EACtB,OAAO;IACLC,WAAW,EACTF,SAAS,KAAKN,SAAS,GACnBO,mBAAmB,CAACC,WAAW,CAACP,EAAE,GAClCK,SAAS,GAAGb,SAAS,CAACgB,MAAM,GAC5BF,mBAAmB,CAACC,WAAW,CAACE,MAAM,GACtC,KAAK;IACXC,UAAU,EACRL,SAAS,KAAKN,SAAS,GACnBO,mBAAmB,CAACI,UAAU,CAACV,EAAE,GACjCK,SAAS,IAAIb,SAAS,CAACgB,MAAM,GAC7BF,mBAAmB,CAACI,UAAU,CAACD,MAAM,GACrC;EACR,CAAC;AACH,CAAC;AAED,OAAO,IAAME,qBAAqB,GAAG,SAAxBA,qBAAqB,CAChCN,SAAgC,EAChCO,UAAkC,EAClCC,UAA+B,EAC/BC,QAAsB,EACtBC,oBAA6F,EACtE;EACvB,IAAMC,SAAS,GAAGvB,mBAAmB,CAACY,SAAS,EAAEO,UAAU,EAAEC,UAAU,EAAEC,QAAQ,CAAC;EAElF,IAAIE,SAAS,KAAK,IAAI,EAAE;IACtB,OAAO;MACLC,MAAM,EAAEF,oBAAoB,CAACE,MAAM,CAACjB,EAAE;MACtCkB,OAAO,EAAEH,oBAAoB,CAACG,OAAO,CAAClB;IACxC,CAAC;EACH;EAEA,IAAIgB,SAAS,EAAE;IACb,OAAO;MACLC,MAAM,EAAE,KAAK;MACbC,OAAO,EAAEH,oBAAoB,CAACG,OAAO,CAACT;IACxC,CAAC;EACH;EAEA,OAAO;IACLQ,MAAM,EAAEF,oBAAoB,CAACE,MAAM,CAACR,MAAM;IAC1CS,OAAO,EAAE;EACX,CAAC;AACH,CAAC"}

package/dist/cssm/hooks/useAdaptivityConditionalRender/index.d.ts

@@ -1,2 +1,2 @@
-export type { UseAdaptivityConditionalRender } from "./types";
-export { useAdaptivityConditionalRender } from "./useAdaptivityConditionalRender";
+export type { UseAdaptivityConditionalRender } from './types';
+export { useAdaptivityConditionalRender } from './useAdaptivityConditionalRender';

package/dist/cssm/hooks/useAdaptivityConditionalRender/index.js

@@ -1,2 +1,2 @@
-export { useAdaptivityConditionalRender } from "./useAdaptivityConditionalRender";
+export { useAdaptivityConditionalRender } from './useAdaptivityConditionalRender';
 //# sourceMappingURL=index.js.map

package/dist/cssm/hooks/useAdaptivityConditionalRender/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useAdaptivityConditionalRender"],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/index.ts"],"sourcesContent":["export type { UseAdaptivityConditionalRender } from \"./types\";\nexport { useAdaptivityConditionalRender } from \"./useAdaptivityConditionalRender\";\n"],"mappings":"AACA,SAASA,8BAA8B,QAAQ,kCAAkC"}
+{"version":3,"file":"index.js","names":["useAdaptivityConditionalRender"],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/index.ts"],"sourcesContent":["export type { UseAdaptivityConditionalRender } from './types';\nexport { useAdaptivityConditionalRender } from './useAdaptivityConditionalRender';\n"],"mappings":"AACA,SAASA,8BAA8B,QAAQ,kCAAkC"}

package/dist/cssm/hooks/useAdaptivityConditionalRender/types.d.ts

@@ -1,12 +1,12 @@
-import { type CSSBreakpoints, SizeType } from "../../lib/adaptivity";
+import { type CSSBreakpoints, SizeType } from '../../lib/adaptivity';
 export declare type ForcedHiddenByAdaptivityProviderType = false;
 export declare type ElementProps = {
     className: string;
 };
 export declare type AdaptiveSizeType = Record<SizeType, ForcedHiddenByAdaptivityProviderType | ElementProps>;
-export declare type ViewWidthCSSBreakpoints = Extract<CSSBreakpoints, "tabletMinus" | "tabletPlus">;
+export declare type ViewWidthCSSBreakpoints = Extract<CSSBreakpoints, 'tabletMinus' | 'tabletPlus'>;
 export declare type AdaptiveViewWidth = Record<ViewWidthCSSBreakpoints, ForcedHiddenByAdaptivityProviderType | ElementProps>;
-export declare type DeviceTypeCSSBreakpoints = "mobile" | "desktop";
+export declare type DeviceTypeCSSBreakpoints = 'mobile' | 'desktop';
 export declare type AdaptiveDeviceType = Record<DeviceTypeCSSBreakpoints, ForcedHiddenByAdaptivityProviderType | ElementProps>;
 export interface UseAdaptivityConditionalRender {
     sizeX: AdaptiveSizeType;

package/dist/cssm/hooks/useAdaptivityConditionalRender/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/types.ts"],"sourcesContent":["import { type CSSBreakpoints, SizeType } from \"../../lib/adaptivity\";\n\nexport type ForcedHiddenByAdaptivityProviderType = false; // имеется ввиду, что зашили значение, например, <AdaptivityProvider sizeY=\"regular\" />\n\nexport type ElementProps = { className: string };\n\n/* ================================================================================================================== */\n\nexport type AdaptiveSizeType = Record<\n  SizeType,\n  ForcedHiddenByAdaptivityProviderType | ElementProps\n>;\n\n/* ================================================================================================================== */\n\nexport type ViewWidthCSSBreakpoints = Extract<\n  CSSBreakpoints,\n  \"tabletMinus\" | \"tabletPlus\"\n>;\n\nexport type AdaptiveViewWidth = Record<\n  ViewWidthCSSBreakpoints,\n  ForcedHiddenByAdaptivityProviderType | ElementProps\n>;\n\n/* ================================================================================================================== */\n\nexport type DeviceTypeCSSBreakpoints = \"mobile\" | \"desktop\";\n\nexport type AdaptiveDeviceType = Record<\n  DeviceTypeCSSBreakpoints,\n  ForcedHiddenByAdaptivityProviderType | ElementProps\n>;\n\n/* ================================================================================================================== */\n\nexport interface UseAdaptivityConditionalRender {\n  sizeX: AdaptiveSizeType;\n  sizeY: AdaptiveSizeType;\n  viewWidth: AdaptiveViewWidth;\n  deviceType: AdaptiveDeviceType;\n}\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/types.ts"],"sourcesContent":["import { type CSSBreakpoints, SizeType } from '../../lib/adaptivity';\n\nexport type ForcedHiddenByAdaptivityProviderType = false; // имеется ввиду, что зашили значение, например, <AdaptivityProvider sizeY=\"regular\" />\n\nexport type ElementProps = { className: string };\n\n/* ================================================================================================================== */\n\nexport type AdaptiveSizeType = Record<\n  SizeType,\n  ForcedHiddenByAdaptivityProviderType | ElementProps\n>;\n\n/* ================================================================================================================== */\n\nexport type ViewWidthCSSBreakpoints = Extract<CSSBreakpoints, 'tabletMinus' | 'tabletPlus'>;\n\nexport type AdaptiveViewWidth = Record<\n  ViewWidthCSSBreakpoints,\n  ForcedHiddenByAdaptivityProviderType | ElementProps\n>;\n\n/* ================================================================================================================== */\n\nexport type DeviceTypeCSSBreakpoints = 'mobile' | 'desktop';\n\nexport type AdaptiveDeviceType = Record<\n  DeviceTypeCSSBreakpoints,\n  ForcedHiddenByAdaptivityProviderType | ElementProps\n>;\n\n/* ================================================================================================================== */\n\nexport interface UseAdaptivityConditionalRender {\n  sizeX: AdaptiveSizeType;\n  sizeY: AdaptiveSizeType;\n  viewWidth: AdaptiveViewWidth;\n  deviceType: AdaptiveDeviceType;\n}\n"],"mappings":""}

package/dist/cssm/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.d.ts

@@ -1,2 +1,2 @@
-import type { UseAdaptivityConditionalRender } from "./types";
+import type { UseAdaptivityConditionalRender } from './types';
 export declare const useAdaptivityConditionalRender: () => UseAdaptivityConditionalRender;

package/dist/cssm/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.js

@@ -1,8 +1,8 @@
-import * as React from "react";
-import { AdaptivityContext } from "../../components/AdaptivityProvider/AdaptivityContext";
-import { usePlatform } from "../usePlatform";
-import { sizeXCompactClassNames, sizeXRegularClassNames, sizeYCompactClassNames, sizeYRegularClassNames, viewWidthClassNames, deviceTypeClassNames } from "./constants";
-import { getAdaptiveSizeType, getAdaptiveViewWidth, getAdaptiveDeviceType } from "./helpers";
+import * as React from 'react';
+import { AdaptivityContext } from '../../components/AdaptivityProvider/AdaptivityContext';
+import { usePlatform } from '../usePlatform';
+import { sizeXCompactClassNames, sizeXRegularClassNames, sizeYCompactClassNames, sizeYRegularClassNames, viewWidthClassNames, deviceTypeClassNames } from './constants';
+import { getAdaptiveSizeType, getAdaptiveViewWidth, getAdaptiveDeviceType } from './helpers';
 export var useAdaptivityConditionalRender = function useAdaptivityConditionalRender() {
   var _React$useContext = React.useContext(AdaptivityContext),
     sizeXContext = _React$useContext.sizeX,

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

@@ -1 +1 @@
-{"version":3,"file":"useAdaptivityConditionalRender.js","names":["React","AdaptivityContext","usePlatform","sizeXCompactClassNames","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","viewWidthClassNames","deviceTypeClassNames","getAdaptiveSizeType","getAdaptiveViewWidth","getAdaptiveDeviceType","useAdaptivityConditionalRender","useContext","sizeXContext","sizeX","sizeYContext","sizeY","viewWidthContext","viewWidth","viewHeightContext","viewHeight","hasPointerContext","hasPointer","platform","useMemo","deviceType"],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { AdaptivityContext } from \"../../components/AdaptivityProvider/AdaptivityContext\";\nimport { usePlatform } from \"../usePlatform\";\nimport type { UseAdaptivityConditionalRender } from \"./types\";\nimport {\n  sizeXCompactClassNames,\n  sizeXRegularClassNames,\n  sizeYCompactClassNames,\n  sizeYRegularClassNames,\n  viewWidthClassNames,\n  deviceTypeClassNames,\n} from \"./constants\";\nimport {\n  getAdaptiveSizeType,\n  getAdaptiveViewWidth,\n  getAdaptiveDeviceType,\n} from \"./helpers\";\n\nexport const useAdaptivityConditionalRender =\n  (): UseAdaptivityConditionalRender => {\n    const {\n      sizeX: sizeXContext,\n      sizeY: sizeYContext,\n      viewWidth: viewWidthContext,\n      viewHeight: viewHeightContext,\n      hasPointer: hasPointerContext,\n    } = React.useContext(AdaptivityContext);\n    const platform = usePlatform();\n\n    return React.useMemo(() => {\n      const sizeX = getAdaptiveSizeType(\n        sizeXContext,\n        sizeXCompactClassNames,\n        sizeXRegularClassNames\n      );\n      const sizeY = getAdaptiveSizeType(\n        sizeYContext,\n        sizeYCompactClassNames,\n        sizeYRegularClassNames\n      );\n      const viewWidth = getAdaptiveViewWidth(\n        viewWidthContext,\n        viewWidthClassNames\n      );\n      const deviceType = getAdaptiveDeviceType(\n        viewWidthContext,\n        viewHeightContext,\n        hasPointerContext,\n        platform,\n        deviceTypeClassNames\n      );\n      return {\n        sizeX,\n        sizeY,\n        viewWidth,\n        deviceType,\n      };\n    }, [\n      sizeXContext,\n      sizeYContext,\n      viewWidthContext,\n      viewHeightContext,\n      hasPointerContext,\n      platform,\n    ]);\n  };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,iBAAiB,QAAQ,uDAAuD;AACzF,SAASC,WAAW,QAAQ,gBAAgB;AAE5C,SACEC,sBAAsB,EACtBC,sBAAsB,EACtBC,sBAAsB,EACtBC,sBAAsB,EACtBC,mBAAmB,EACnBC,oBAAoB,QACf,aAAa;AACpB,SACEC,mBAAmB,EACnBC,oBAAoB,EACpBC,qBAAqB,QAChB,WAAW;AAElB,OAAO,IAAMC,8BAA8B,GACzC,SADWA,8BAA8B,GACH;EACpC,wBAMIZ,KAAK,CAACa,UAAU,CAACZ,iBAAiB,CAAC;IAL9Ba,YAAY,qBAAnBC,KAAK;IACEC,YAAY,qBAAnBC,KAAK;IACMC,gBAAgB,qBAA3BC,SAAS;IACGC,iBAAiB,qBAA7BC,UAAU;IACEC,iBAAiB,qBAA7BC,UAAU;EAEZ,IAAMC,QAAQ,GAAGtB,WAAW,EAAE;EAE9B,OAAOF,KAAK,CAACyB,OAAO,CAAC,YAAM;IACzB,IAAMV,KAAK,GAAGN,mBAAmB,CAC/BK,YAAY,EACZX,sBAAsB,EACtBC,sBAAsB,CACvB;IACD,IAAMa,KAAK,GAAGR,mBAAmB,CAC/BO,YAAY,EACZX,sBAAsB,EACtBC,sBAAsB,CACvB;IACD,IAAMa,SAAS,GAAGT,oBAAoB,CACpCQ,gBAAgB,EAChBX,mBAAmB,CACpB;IACD,IAAMmB,UAAU,GAAGf,qBAAqB,CACtCO,gBAAgB,EAChBE,iBAAiB,EACjBE,iBAAiB,EACjBE,QAAQ,EACRhB,oBAAoB,CACrB;IACD,OAAO;MACLO,KAAK,EAALA,KAAK;MACLE,KAAK,EAALA,KAAK;MACLE,SAAS,EAATA,SAAS;MACTO,UAAU,EAAVA;IACF,CAAC;EACH,CAAC,EAAE,CACDZ,YAAY,EACZE,YAAY,EACZE,gBAAgB,EAChBE,iBAAiB,EACjBE,iBAAiB,EACjBE,QAAQ,CACT,CAAC;AACJ,CAAC"}
+{"version":3,"file":"useAdaptivityConditionalRender.js","names":["React","AdaptivityContext","usePlatform","sizeXCompactClassNames","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","viewWidthClassNames","deviceTypeClassNames","getAdaptiveSizeType","getAdaptiveViewWidth","getAdaptiveDeviceType","useAdaptivityConditionalRender","useContext","sizeXContext","sizeX","sizeYContext","sizeY","viewWidthContext","viewWidth","viewHeightContext","viewHeight","hasPointerContext","hasPointer","platform","useMemo","deviceType"],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AdaptivityContext } from '../../components/AdaptivityProvider/AdaptivityContext';\nimport { usePlatform } from '../usePlatform';\nimport type { UseAdaptivityConditionalRender } from './types';\nimport {\n  sizeXCompactClassNames,\n  sizeXRegularClassNames,\n  sizeYCompactClassNames,\n  sizeYRegularClassNames,\n  viewWidthClassNames,\n  deviceTypeClassNames,\n} from './constants';\nimport { getAdaptiveSizeType, getAdaptiveViewWidth, getAdaptiveDeviceType } from './helpers';\n\nexport const useAdaptivityConditionalRender = (): UseAdaptivityConditionalRender => {\n  const {\n    sizeX: sizeXContext,\n    sizeY: sizeYContext,\n    viewWidth: viewWidthContext,\n    viewHeight: viewHeightContext,\n    hasPointer: hasPointerContext,\n  } = React.useContext(AdaptivityContext);\n  const platform = usePlatform();\n\n  return React.useMemo(() => {\n    const sizeX = getAdaptiveSizeType(sizeXContext, sizeXCompactClassNames, sizeXRegularClassNames);\n    const sizeY = getAdaptiveSizeType(sizeYContext, sizeYCompactClassNames, sizeYRegularClassNames);\n    const viewWidth = getAdaptiveViewWidth(viewWidthContext, viewWidthClassNames);\n    const deviceType = getAdaptiveDeviceType(\n      viewWidthContext,\n      viewHeightContext,\n      hasPointerContext,\n      platform,\n      deviceTypeClassNames,\n    );\n    return {\n      sizeX,\n      sizeY,\n      viewWidth,\n      deviceType,\n    };\n  }, [\n    sizeXContext,\n    sizeYContext,\n    viewWidthContext,\n    viewHeightContext,\n    hasPointerContext,\n    platform,\n  ]);\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,iBAAiB,QAAQ,uDAAuD;AACzF,SAASC,WAAW,QAAQ,gBAAgB;AAE5C,SACEC,sBAAsB,EACtBC,sBAAsB,EACtBC,sBAAsB,EACtBC,sBAAsB,EACtBC,mBAAmB,EACnBC,oBAAoB,QACf,aAAa;AACpB,SAASC,mBAAmB,EAAEC,oBAAoB,EAAEC,qBAAqB,QAAQ,WAAW;AAE5F,OAAO,IAAMC,8BAA8B,GAAG,SAAjCA,8BAA8B,GAAyC;EAClF,wBAMIZ,KAAK,CAACa,UAAU,CAACZ,iBAAiB,CAAC;IAL9Ba,YAAY,qBAAnBC,KAAK;IACEC,YAAY,qBAAnBC,KAAK;IACMC,gBAAgB,qBAA3BC,SAAS;IACGC,iBAAiB,qBAA7BC,UAAU;IACEC,iBAAiB,qBAA7BC,UAAU;EAEZ,IAAMC,QAAQ,GAAGtB,WAAW,EAAE;EAE9B,OAAOF,KAAK,CAACyB,OAAO,CAAC,YAAM;IACzB,IAAMV,KAAK,GAAGN,mBAAmB,CAACK,YAAY,EAAEX,sBAAsB,EAAEC,sBAAsB,CAAC;IAC/F,IAAMa,KAAK,GAAGR,mBAAmB,CAACO,YAAY,EAAEX,sBAAsB,EAAEC,sBAAsB,CAAC;IAC/F,IAAMa,SAAS,GAAGT,oBAAoB,CAACQ,gBAAgB,EAAEX,mBAAmB,CAAC;IAC7E,IAAMmB,UAAU,GAAGf,qBAAqB,CACtCO,gBAAgB,EAChBE,iBAAiB,EACjBE,iBAAiB,EACjBE,QAAQ,EACRhB,oBAAoB,CACrB;IACD,OAAO;MACLO,KAAK,EAALA,KAAK;MACLE,KAAK,EAALA,KAAK;MACLE,SAAS,EAATA,SAAS;MACTO,UAAU,EAAVA;IACF,CAAC;EACH,CAAC,EAAE,CACDZ,YAAY,EACZE,YAAY,EACZE,gBAAgB,EAChBE,iBAAiB,EACjBE,iBAAiB,EACjBE,QAAQ,CACT,CAAC;AACJ,CAAC"}

package/dist/cssm/hooks/useAdaptivityHasHover.js

@@ -1,7 +1,7 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from "react";
-import { hasHover as hasHoverLib } from "@vkontakte/vkjs";
-import { AdaptivityContext } from "../components/AdaptivityProvider/AdaptivityContext";
+import * as React from 'react';
+import { hasHover as hasHoverLib } from '@vkontakte/vkjs';
+import { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';
+import { useIsClient } from './useIsClient';
 
 /**
  * Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию
@@ -14,18 +14,11 @@ export function useAdaptivityHasHover() {
   var deferDetect = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
   var _React$useContext = React.useContext(AdaptivityContext),
     hasHoverContext = _React$useContext.hasHover;
-  var _React$useState = React.useState(function () {
-      return !deferDetect && hasHoverContext === undefined ? hasHoverLib : hasHoverContext;
-    }),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    hasHover = _React$useState2[0],
-    setHasHover = _React$useState2[1];
-  React.useEffect(function () {
-    setHasHover(function (prevHasHover) {
-      var newHasHover = hasHoverContext === undefined ? hasHoverLib : hasHoverContext;
-      return prevHasHover === newHasHover ? prevHasHover : newHasHover;
-    });
-  }, [hasHoverContext]);
+  var hasHover = hasHoverContext === undefined ? hasHoverLib : hasHoverContext;
+  var isClient = useIsClient(!deferDetect);
+  if (!isClient) {
+    return undefined;
+  }
   return hasHover;
 }
 //# sourceMappingURL=useAdaptivityHasHover.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAdaptivityHasHover.js","names":["React","hasHover","hasHoverLib","AdaptivityContext","useAdaptivityHasHover","deferDetect","useContext","hasHoverContext","useState","undefined","setHasHover","useEffect","prevHasHover","newHasHover"],"sources":["../../../src/hooks/useAdaptivityHasHover.ts"],"sourcesContent":["import * as React from \"react\";\nimport { hasHover as hasHoverLib } from \"@vkontakte/vkjs\";\nimport { AdaptivityContext } from \"../components/AdaptivityProvider/AdaptivityContext\";\n\n/**\n * Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию\n * откладываем определение на второй рендер.\n *\n * [No SSR] Если передать `false`, то определение будет сразу.\n */\nexport function useAdaptivityHasHover(deferDetect?: true): undefined | boolean;\nexport function useAdaptivityHasHover(deferDetect?: false): boolean;\nexport function useAdaptivityHasHover(deferDetect = true): undefined | boolean {\n  const { hasHover: hasHoverContext } = React.useContext(AdaptivityContext);\n  const [hasHover, setHasHover] = React.useState(() =>\n    !deferDetect && hasHoverContext === undefined\n      ? hasHoverLib\n      : hasHoverContext\n  );\n\n  React.useEffect(() => {\n    setHasHover((prevHasHover) => {\n      const newHasHover =\n        hasHoverContext === undefined ? hasHoverLib : hasHoverContext;\n      return prevHasHover === newHasHover ? prevHasHover : newHasHover;\n    });\n  }, [hasHoverContext]);\n\n  return hasHover;\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,IAAIC,WAAW,QAAQ,iBAAiB;AACzD,SAASC,iBAAiB,QAAQ,oDAAoD;;AAEtF;AACA;AACA;AACA;AACA;AACA;;AAGA,OAAO,SAASC,qBAAqB,GAA0C;EAAA,IAAzCC,WAAW,uEAAG,IAAI;EACtD,wBAAsCL,KAAK,CAACM,UAAU,CAACH,iBAAiB,CAAC;IAAvDI,eAAe,qBAAzBN,QAAQ;EAChB,sBAAgCD,KAAK,CAACQ,QAAQ,CAAC;MAAA,OAC7C,CAACH,WAAW,IAAIE,eAAe,KAAKE,SAAS,GACzCP,WAAW,GACXK,eAAe;IAAA,EACpB;IAAA;IAJMN,QAAQ;IAAES,WAAW;EAM5BV,KAAK,CAACW,SAAS,CAAC,YAAM;IACpBD,WAAW,CAAC,UAACE,YAAY,EAAK;MAC5B,IAAMC,WAAW,GACfN,eAAe,KAAKE,SAAS,GAAGP,WAAW,GAAGK,eAAe;MAC/D,OAAOK,YAAY,KAAKC,WAAW,GAAGD,YAAY,GAAGC,WAAW;IAClE,CAAC,CAAC;EACJ,CAAC,EAAE,CAACN,eAAe,CAAC,CAAC;EAErB,OAAON,QAAQ;AACjB"}
+{"version":3,"file":"useAdaptivityHasHover.js","names":["React","hasHover","hasHoverLib","AdaptivityContext","useIsClient","useAdaptivityHasHover","deferDetect","useContext","hasHoverContext","undefined","isClient"],"sources":["../../../src/hooks/useAdaptivityHasHover.ts"],"sourcesContent":["import * as React from 'react';\nimport { hasHover as hasHoverLib } from '@vkontakte/vkjs';\nimport { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';\nimport { useIsClient } from './useIsClient';\n\n/**\n * Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию\n * откладываем определение на второй рендер.\n *\n * [No SSR] Если передать `false`, то определение будет сразу.\n */\nexport function useAdaptivityHasHover(deferDetect?: true): undefined | boolean;\nexport function useAdaptivityHasHover(deferDetect?: false): boolean;\nexport function useAdaptivityHasHover(deferDetect = true): undefined | boolean {\n  const { hasHover: hasHoverContext } = React.useContext(AdaptivityContext);\n  const hasHover = hasHoverContext === undefined ? hasHoverLib : hasHoverContext;\n\n  const isClient = useIsClient(!deferDetect);\n  if (!isClient) {\n    return undefined;\n  }\n\n  return hasHover;\n}\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,IAAIC,WAAW,QAAQ,iBAAiB;AACzD,SAASC,iBAAiB,QAAQ,oDAAoD;AACtF,SAASC,WAAW,QAAQ,eAAe;;AAE3C;AACA;AACA;AACA;AACA;AACA;;AAGA,OAAO,SAASC,qBAAqB,GAA0C;EAAA,IAAzCC,WAAW,uEAAG,IAAI;EACtD,wBAAsCN,KAAK,CAACO,UAAU,CAACJ,iBAAiB,CAAC;IAAvDK,eAAe,qBAAzBP,QAAQ;EAChB,IAAMA,QAAQ,GAAGO,eAAe,KAAKC,SAAS,GAAGP,WAAW,GAAGM,eAAe;EAE9E,IAAME,QAAQ,GAAGN,WAAW,CAAC,CAACE,WAAW,CAAC;EAC1C,IAAI,CAACI,QAAQ,EAAE;IACb,OAAOD,SAAS;EAClB;EAEA,OAAOR,QAAQ;AACjB"}

package/dist/cssm/hooks/useAdaptivityHasPointer.js

@@ -1,7 +1,7 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from "react";
-import { hasMouse as hasPointerLib } from "@vkontakte/vkjs";
-import { AdaptivityContext } from "../components/AdaptivityProvider/AdaptivityContext";
+import * as React from 'react';
+import { hasMouse as hasPointerLib } from '@vkontakte/vkjs';
+import { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';
+import { useIsClient } from './useIsClient';
 
 /**
  * Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию
@@ -14,18 +14,11 @@ export function useAdaptivityHasPointer() {
   var deferDetect = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
   var _React$useContext = React.useContext(AdaptivityContext),
     hasPointerContext = _React$useContext.hasPointer;
-  var _React$useState = React.useState(function () {
-      return !deferDetect && hasPointerContext === undefined ? hasPointerLib : hasPointerContext;
-    }),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    hasPointer = _React$useState2[0],
-    setHasPointer = _React$useState2[1];
-  React.useEffect(function () {
-    setHasPointer(function (prevHasPointer) {
-      var newHasHover = hasPointerContext === undefined ? hasPointerLib : hasPointerContext;
-      return prevHasPointer === newHasHover ? prevHasPointer : newHasHover;
-    });
-  }, [hasPointerContext]);
+  var hasPointer = hasPointerContext === undefined ? hasPointerLib : hasPointerContext;
+  var isClient = useIsClient(!deferDetect);
+  if (!isClient) {
+    return undefined;
+  }
   return hasPointer;
 }
 //# sourceMappingURL=useAdaptivityHasPointer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAdaptivityHasPointer.js","names":["React","hasMouse","hasPointerLib","AdaptivityContext","useAdaptivityHasPointer","deferDetect","useContext","hasPointerContext","hasPointer","useState","undefined","setHasPointer","useEffect","prevHasPointer","newHasHover"],"sources":["../../../src/hooks/useAdaptivityHasPointer.ts"],"sourcesContent":["import * as React from \"react\";\nimport { hasMouse as hasPointerLib } from \"@vkontakte/vkjs\";\nimport { AdaptivityContext } from \"../components/AdaptivityProvider/AdaptivityContext\";\n\n/**\n * Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию\n * откладываем определение на второй рендер.\n *\n * [No SSR] Если передать `false`, то определение будет сразу.\n */\nexport function useAdaptivityHasPointer(deferDetect?: true): undefined | boolean; // prettier-ignore\nexport function useAdaptivityHasPointer(deferDetect?: false): boolean;\nexport function useAdaptivityHasPointer(\n  deferDetect = true\n): undefined | boolean {\n  const { hasPointer: hasPointerContext } = React.useContext(AdaptivityContext);\n  const [hasPointer, setHasPointer] = React.useState(() =>\n    !deferDetect && hasPointerContext === undefined\n      ? hasPointerLib\n      : hasPointerContext\n  );\n\n  React.useEffect(() => {\n    setHasPointer((prevHasPointer) => {\n      const newHasHover =\n        hasPointerContext === undefined ? hasPointerLib : hasPointerContext;\n      return prevHasPointer === newHasHover ? prevHasPointer : newHasHover;\n    });\n  }, [hasPointerContext]);\n\n  return hasPointer;\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,IAAIC,aAAa,QAAQ,iBAAiB;AAC3D,SAASC,iBAAiB,QAAQ,oDAAoD;;AAEtF;AACA;AACA;AACA;AACA;AACA;;AAGA,OAAO,SAASC,uBAAuB,GAEhB;EAAA,IADrBC,WAAW,uEAAG,IAAI;EAElB,wBAA0CL,KAAK,CAACM,UAAU,CAACH,iBAAiB,CAAC;IAAzDI,iBAAiB,qBAA7BC,UAAU;EAClB,sBAAoCR,KAAK,CAACS,QAAQ,CAAC;MAAA,OACjD,CAACJ,WAAW,IAAIE,iBAAiB,KAAKG,SAAS,GAC3CR,aAAa,GACbK,iBAAiB;IAAA,EACtB;IAAA;IAJMC,UAAU;IAAEG,aAAa;EAMhCX,KAAK,CAACY,SAAS,CAAC,YAAM;IACpBD,aAAa,CAAC,UAACE,cAAc,EAAK;MAChC,IAAMC,WAAW,GACfP,iBAAiB,KAAKG,SAAS,GAAGR,aAAa,GAAGK,iBAAiB;MACrE,OAAOM,cAAc,KAAKC,WAAW,GAAGD,cAAc,GAAGC,WAAW;IACtE,CAAC,CAAC;EACJ,CAAC,EAAE,CAACP,iBAAiB,CAAC,CAAC;EAEvB,OAAOC,UAAU;AACnB"}
+{"version":3,"file":"useAdaptivityHasPointer.js","names":["React","hasMouse","hasPointerLib","AdaptivityContext","useIsClient","useAdaptivityHasPointer","deferDetect","useContext","hasPointerContext","hasPointer","undefined","isClient"],"sources":["../../../src/hooks/useAdaptivityHasPointer.ts"],"sourcesContent":["import * as React from 'react';\nimport { hasMouse as hasPointerLib } from '@vkontakte/vkjs';\nimport { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';\nimport { useIsClient } from './useIsClient';\n\n/**\n * Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию\n * откладываем определение на второй рендер.\n *\n * [No SSR] Если передать `false`, то определение будет сразу.\n */\nexport function useAdaptivityHasPointer(deferDetect?: true): undefined | boolean; // prettier-ignore\nexport function useAdaptivityHasPointer(deferDetect?: false): boolean;\nexport function useAdaptivityHasPointer(deferDetect = true): undefined | boolean {\n  const { hasPointer: hasPointerContext } = React.useContext(AdaptivityContext);\n  const hasPointer = hasPointerContext === undefined ? hasPointerLib : hasPointerContext;\n\n  const isClient = useIsClient(!deferDetect);\n  if (!isClient) {\n    return undefined;\n  }\n\n  return hasPointer;\n}\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,IAAIC,aAAa,QAAQ,iBAAiB;AAC3D,SAASC,iBAAiB,QAAQ,oDAAoD;AACtF,SAASC,WAAW,QAAQ,eAAe;;AAE3C;AACA;AACA;AACA;AACA;AACA;;AAGA,OAAO,SAASC,uBAAuB,GAA0C;EAAA,IAAzCC,WAAW,uEAAG,IAAI;EACxD,wBAA0CN,KAAK,CAACO,UAAU,CAACJ,iBAAiB,CAAC;IAAzDK,iBAAiB,qBAA7BC,UAAU;EAClB,IAAMA,UAAU,GAAGD,iBAAiB,KAAKE,SAAS,GAAGR,aAAa,GAAGM,iBAAiB;EAEtF,IAAMG,QAAQ,GAAGP,WAAW,CAAC,CAACE,WAAW,CAAC;EAC1C,IAAI,CAACK,QAAQ,EAAE;IACb,OAAOD,SAAS;EAClB;EAEA,OAAOD,UAAU;AACnB"}

package/dist/cssm/hooks/useAdaptivityWithJSMediaQueries.d.ts

@@ -1,4 +1,4 @@
-import { type AdaptivityProps as BaseAdaptivityProps } from "../components/AdaptivityProvider/AdaptivityContext";
+import { type AdaptivityProps as BaseAdaptivityProps } from '../components/AdaptivityProvider/AdaptivityContext';
 export interface UseAdaptivityWithJSMediaQueries extends Required<BaseAdaptivityProps> {
     isDesktop: boolean;
 }

package/dist/cssm/hooks/useAdaptivityWithJSMediaQueries.js

@@ -1,11 +1,12 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from "react";
-import { canUseDOM, hasMouse as hasPointerLib, hasHover as hasHoverLib } from "@vkontakte/vkjs";
-import { AdaptivityContext } from "../components/AdaptivityProvider/AdaptivityContext";
-import { getOrDefault } from "../helpers/getOrDefault";
-import { getViewWidthByMediaQueries, getViewHeightByMediaQueries, getSizeX, getSizeY, tryToCheckIsDesktop } from "../lib/adaptivity";
-import { useMediaQueries } from "./useMediaQueries";
-import { usePlatform } from "./usePlatform";
+import * as React from 'react';
+import { canUseDOM, hasMouse as hasPointerLib, hasHover as hasHoverLib } from '@vkontakte/vkjs';
+import { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';
+import { getOrDefault } from '../helpers/getOrDefault';
+import { getViewWidthByMediaQueries, getViewHeightByMediaQueries, getSizeX, getSizeY, tryToCheckIsDesktop } from '../lib/adaptivity';
+import { useMediaQueries } from './useMediaQueries';
+import { usePlatform } from './usePlatform';
+import { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';
 /**
  * Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.
  *
@@ -73,22 +74,19 @@ export var useAdaptivityWithJSMediaQueries = function useAdaptivityWithJSMediaQu
       });
     };
     if (!viewWidthContext) {
-      mediaQueries.desktopPlus.addEventListener("change", handleMediaQuery);
-      mediaQueries.tablet.addEventListener("change", handleMediaQuery);
-      mediaQueries.smallTablet.addEventListener("change", handleMediaQuery);
-      mediaQueries.mobile.addEventListener("change", handleMediaQuery);
+      [mediaQueries.desktopPlus, mediaQueries.tablet, mediaQueries.smallTablet, mediaQueries.mobile].forEach(function (matchMediaListener) {
+        return matchMediaListAddListener(matchMediaListener, handleMediaQuery);
+      });
     }
     if (!viewHeightContext) {
-      mediaQueries.mediumHeight.addEventListener("change", handleMediaQuery);
-      mediaQueries.mobileLandscapeHeight.addEventListener("change", handleMediaQuery);
+      [mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(function (matchMediaListener) {
+        return matchMediaListAddListener(matchMediaListener, handleMediaQuery);
+      });
     }
     return function () {
-      mediaQueries.desktopPlus.removeEventListener("change", handleMediaQuery);
-      mediaQueries.tablet.removeEventListener("change", handleMediaQuery);
-      mediaQueries.smallTablet.removeEventListener("change", handleMediaQuery);
-      mediaQueries.mobile.removeEventListener("change", handleMediaQuery);
-      mediaQueries.mediumHeight.removeEventListener("change", handleMediaQuery);
-      mediaQueries.mobileLandscapeHeight.removeEventListener("change", handleMediaQuery);
+      [mediaQueries.desktopPlus, mediaQueries.tablet, mediaQueries.smallTablet, mediaQueries.mobile, mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(function (matchMediaListener) {
+        return matchMediaListRemoveListener(matchMediaListener, handleMediaQuery);
+      });
     };
   }, [mediaQueries, viewWidthContext, viewHeightContext]);
   return adaptivityProps;

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

@@ -1 +1 @@
-{"version":3,"file":"useAdaptivityWithJSMediaQueries.js","names":["React","canUseDOM","hasMouse","hasPointerLib","hasHover","hasHoverLib","AdaptivityContext","getOrDefault","getViewWidthByMediaQueries","getViewHeightByMediaQueries","getSizeX","getSizeY","tryToCheckIsDesktop","useMediaQueries","usePlatform","useAdaptivityWithJSMediaQueries","console","error","useContext","viewWidthContext","viewWidth","viewHeightContext","viewHeight","sizeXContext","sizeX","sizeYContext","sizeY","hasPointerContext","hasPointer","hasHoverContext","platform","mediaQueries","useState","viewWidthLocal","viewHeightLocal","setViewSizeLocal","adaptivityProps","useMemo","isDesktop","useEffect","handleMediaQuery","prevSizeLocal","newViewWidthLocal","newViewHeightLocal","prevViewWidthLocal","prevViewHeightLocal","desktopPlus","addEventListener","tablet","smallTablet","mobile","mediumHeight","mobileLandscapeHeight","removeEventListener"],"sources":["../../../src/hooks/useAdaptivityWithJSMediaQueries.ts"],"sourcesContent":["import * as React from \"react\";\nimport {\n  canUseDOM,\n  hasMouse as hasPointerLib,\n  hasHover as hasHoverLib,\n} from \"@vkontakte/vkjs\";\nimport {\n  AdaptivityContext,\n  type AdaptivityProps as BaseAdaptivityProps,\n} from \"../components/AdaptivityProvider/AdaptivityContext\";\nimport { getOrDefault } from \"../helpers/getOrDefault\";\nimport {\n  getViewWidthByMediaQueries,\n  getViewHeightByMediaQueries,\n  getSizeX,\n  getSizeY,\n  tryToCheckIsDesktop,\n} from \"../lib/adaptivity\";\nimport { useMediaQueries } from \"./useMediaQueries\";\nimport { usePlatform } from \"./usePlatform\";\n\nexport interface UseAdaptivityWithJSMediaQueries\n  extends Required<BaseAdaptivityProps> {\n  isDesktop: boolean;\n}\n\n/**\n * Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.\n *\n * Берёт в приоритет значения из `AdaptivityContext`.\n *\n * > ⚠ SSR\n * >\n * > Во избежания ошибок при гидратации, не используйте данный хук, если есть вероятность, что компонент будет отрендерен\n * > на стороне сервера.\n * >\n * > Лучше всего использовать для всплывающих окон, т.к. они вызываются только после загрузки\n * > страницы либо пользователем, либо программно.\n */\nexport const useAdaptivityWithJSMediaQueries =\n  (): UseAdaptivityWithJSMediaQueries => {\n    if (!canUseDOM) {\n      console.error(`[useAdaptivityWithJSMediaQueries] Похоже, вы пытаетесь использовать хук вне браузера.\n\nПостарайтесь этого избегать, чтобы не было ошибок при гидратации: при SSR нет информации о размерах экрана.\n\nИспользуйте CSS Media Query или библиотеку по типу https://github.com/artsy/fresnel.`);\n    }\n\n    const {\n      viewWidth: viewWidthContext,\n      viewHeight: viewHeightContext,\n      sizeX: sizeXContext,\n      sizeY: sizeYContext,\n      hasPointer: hasPointerContext,\n      hasHover: hasHoverContext,\n    } = React.useContext(AdaptivityContext);\n\n    const platform = usePlatform();\n    const mediaQueries = useMediaQueries();\n\n    const [[viewWidthLocal, viewHeightLocal], setViewSizeLocal] =\n      React.useState(() => [\n        getOrDefault(\n          viewWidthContext,\n          getViewWidthByMediaQueries(mediaQueries)\n        ),\n        getOrDefault(\n          viewHeightContext,\n          getViewHeightByMediaQueries(mediaQueries)\n        ),\n      ]);\n\n    const adaptivityProps = React.useMemo(() => {\n      const hasPointer = getOrDefault(hasPointerContext, hasPointerLib);\n      const hasHover = getOrDefault(hasHoverContext, hasHoverLib);\n      const viewWidth = getOrDefault(viewWidthContext, viewWidthLocal);\n      const viewHeight = getOrDefault(viewHeightContext, viewHeightLocal);\n      const sizeX = getOrDefault(sizeXContext, getSizeX(viewWidth));\n      const sizeY = getOrDefault(\n        sizeYContext,\n        getSizeY(viewWidth, viewHeight, hasPointer)\n      );\n      const isDesktop = tryToCheckIsDesktop(\n        viewWidth,\n        viewHeight,\n        hasPointer,\n        platform\n      );\n\n      return {\n        viewWidth,\n        viewHeight,\n        sizeX,\n        sizeY,\n        hasPointer,\n        hasHover,\n        isDesktop,\n      };\n    }, [\n      viewWidthLocal,\n      viewHeightLocal,\n      viewWidthContext,\n      viewHeightContext,\n      sizeXContext,\n      sizeYContext,\n      hasPointerContext,\n      hasHoverContext,\n      platform,\n    ]);\n\n    React.useEffect(() => {\n      const handleMediaQuery = () => {\n        setViewSizeLocal((prevSizeLocal) => {\n          const newViewWidthLocal = getOrDefault(\n            viewWidthContext,\n            getViewWidthByMediaQueries(mediaQueries)\n          );\n          const newViewHeightLocal = getOrDefault(\n            viewHeightContext,\n            getViewHeightByMediaQueries(mediaQueries)\n          );\n\n          const [prevViewWidthLocal, prevViewHeightLocal] = prevSizeLocal;\n\n          if (\n            prevViewWidthLocal !== newViewWidthLocal ||\n            prevViewHeightLocal !== newViewHeightLocal\n          ) {\n            return [newViewWidthLocal, newViewHeightLocal];\n          }\n\n          return prevSizeLocal;\n        });\n      };\n\n      if (!viewWidthContext) {\n        mediaQueries.desktopPlus.addEventListener(\"change\", handleMediaQuery);\n        mediaQueries.tablet.addEventListener(\"change\", handleMediaQuery);\n        mediaQueries.smallTablet.addEventListener(\"change\", handleMediaQuery);\n        mediaQueries.mobile.addEventListener(\"change\", handleMediaQuery);\n      }\n\n      if (!viewHeightContext) {\n        mediaQueries.mediumHeight.addEventListener(\"change\", handleMediaQuery);\n        mediaQueries.mobileLandscapeHeight.addEventListener(\n          \"change\",\n          handleMediaQuery\n        );\n      }\n\n      return () => {\n        mediaQueries.desktopPlus.removeEventListener(\n          \"change\",\n          handleMediaQuery\n        );\n        mediaQueries.tablet.removeEventListener(\"change\", handleMediaQuery);\n        mediaQueries.smallTablet.removeEventListener(\n          \"change\",\n          handleMediaQuery\n        );\n        mediaQueries.mobile.removeEventListener(\"change\", handleMediaQuery);\n        mediaQueries.mediumHeight.removeEventListener(\n          \"change\",\n          handleMediaQuery\n        );\n        mediaQueries.mobileLandscapeHeight.removeEventListener(\n          \"change\",\n          handleMediaQuery\n        );\n      };\n    }, [mediaQueries, viewWidthContext, viewHeightContext]);\n\n    return adaptivityProps;\n  };\n"],"mappings":"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"}
+{"version":3,"file":"useAdaptivityWithJSMediaQueries.js","names":["React","canUseDOM","hasMouse","hasPointerLib","hasHover","hasHoverLib","AdaptivityContext","getOrDefault","getViewWidthByMediaQueries","getViewHeightByMediaQueries","getSizeX","getSizeY","tryToCheckIsDesktop","useMediaQueries","usePlatform","matchMediaListAddListener","matchMediaListRemoveListener","useAdaptivityWithJSMediaQueries","console","error","useContext","viewWidthContext","viewWidth","viewHeightContext","viewHeight","sizeXContext","sizeX","sizeYContext","sizeY","hasPointerContext","hasPointer","hasHoverContext","platform","mediaQueries","useState","viewWidthLocal","viewHeightLocal","setViewSizeLocal","adaptivityProps","useMemo","isDesktop","useEffect","handleMediaQuery","prevSizeLocal","newViewWidthLocal","newViewHeightLocal","prevViewWidthLocal","prevViewHeightLocal","desktopPlus","tablet","smallTablet","mobile","forEach","matchMediaListener","mediumHeight","mobileLandscapeHeight"],"sources":["../../../src/hooks/useAdaptivityWithJSMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM, hasMouse as hasPointerLib, hasHover as hasHoverLib } from '@vkontakte/vkjs';\nimport {\n  AdaptivityContext,\n  type AdaptivityProps as BaseAdaptivityProps,\n} from '../components/AdaptivityProvider/AdaptivityContext';\nimport { getOrDefault } from '../helpers/getOrDefault';\nimport {\n  getViewWidthByMediaQueries,\n  getViewHeightByMediaQueries,\n  getSizeX,\n  getSizeY,\n  tryToCheckIsDesktop,\n} from '../lib/adaptivity';\nimport { useMediaQueries } from './useMediaQueries';\nimport { usePlatform } from './usePlatform';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\n\nexport interface UseAdaptivityWithJSMediaQueries extends Required<BaseAdaptivityProps> {\n  isDesktop: boolean;\n}\n\n/**\n * Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.\n *\n * Берёт в приоритет значения из `AdaptivityContext`.\n *\n * > ⚠ SSR\n * >\n * > Во избежания ошибок при гидратации, не используйте данный хук, если есть вероятность, что компонент будет отрендерен\n * > на стороне сервера.\n * >\n * > Лучше всего использовать для всплывающих окон, т.к. они вызываются только после загрузки\n * > страницы либо пользователем, либо программно.\n */\nexport const useAdaptivityWithJSMediaQueries = (): UseAdaptivityWithJSMediaQueries => {\n  if (!canUseDOM) {\n    console.error(`[useAdaptivityWithJSMediaQueries] Похоже, вы пытаетесь использовать хук вне браузера.\n\nПостарайтесь этого избегать, чтобы не было ошибок при гидратации: при SSR нет информации о размерах экрана.\n\nИспользуйте CSS Media Query или библиотеку по типу https://github.com/artsy/fresnel.`);\n  }\n\n  const {\n    viewWidth: viewWidthContext,\n    viewHeight: viewHeightContext,\n    sizeX: sizeXContext,\n    sizeY: sizeYContext,\n    hasPointer: hasPointerContext,\n    hasHover: hasHoverContext,\n  } = React.useContext(AdaptivityContext);\n\n  const platform = usePlatform();\n  const mediaQueries = useMediaQueries();\n\n  const [[viewWidthLocal, viewHeightLocal], setViewSizeLocal] = React.useState(() => [\n    getOrDefault(viewWidthContext, getViewWidthByMediaQueries(mediaQueries)),\n    getOrDefault(viewHeightContext, getViewHeightByMediaQueries(mediaQueries)),\n  ]);\n\n  const adaptivityProps = React.useMemo(() => {\n    const hasPointer = getOrDefault(hasPointerContext, hasPointerLib);\n    const hasHover = getOrDefault(hasHoverContext, hasHoverLib);\n    const viewWidth = getOrDefault(viewWidthContext, viewWidthLocal);\n    const viewHeight = getOrDefault(viewHeightContext, viewHeightLocal);\n    const sizeX = getOrDefault(sizeXContext, getSizeX(viewWidth));\n    const sizeY = getOrDefault(sizeYContext, getSizeY(viewWidth, viewHeight, hasPointer));\n    const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\n\n    return {\n      viewWidth,\n      viewHeight,\n      sizeX,\n      sizeY,\n      hasPointer,\n      hasHover,\n      isDesktop,\n    };\n  }, [\n    viewWidthLocal,\n    viewHeightLocal,\n    viewWidthContext,\n    viewHeightContext,\n    sizeXContext,\n    sizeYContext,\n    hasPointerContext,\n    hasHoverContext,\n    platform,\n  ]);\n\n  React.useEffect(() => {\n    const handleMediaQuery = () => {\n      setViewSizeLocal((prevSizeLocal) => {\n        const newViewWidthLocal = getOrDefault(\n          viewWidthContext,\n          getViewWidthByMediaQueries(mediaQueries),\n        );\n        const newViewHeightLocal = getOrDefault(\n          viewHeightContext,\n          getViewHeightByMediaQueries(mediaQueries),\n        );\n\n        const [prevViewWidthLocal, prevViewHeightLocal] = prevSizeLocal;\n\n        if (\n          prevViewWidthLocal !== newViewWidthLocal ||\n          prevViewHeightLocal !== newViewHeightLocal\n        ) {\n          return [newViewWidthLocal, newViewHeightLocal];\n        }\n\n        return prevSizeLocal;\n      });\n    };\n\n    if (!viewWidthContext) {\n      [\n        mediaQueries.desktopPlus,\n        mediaQueries.tablet,\n        mediaQueries.smallTablet,\n        mediaQueries.mobile,\n      ].forEach((matchMediaListener) =>\n        matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n      );\n    }\n\n    if (!viewHeightContext) {\n      [mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(\n        (matchMediaListener) => matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n      );\n    }\n\n    return () => {\n      [\n        mediaQueries.desktopPlus,\n        mediaQueries.tablet,\n        mediaQueries.smallTablet,\n        mediaQueries.mobile,\n        mediaQueries.mediumHeight,\n        mediaQueries.mobileLandscapeHeight,\n      ].forEach((matchMediaListener) =>\n        matchMediaListRemoveListener(matchMediaListener, handleMediaQuery),\n      );\n    };\n  }, [mediaQueries, viewWidthContext, viewHeightContext]);\n\n  return adaptivityProps;\n};\n"],"mappings":"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"}

package/dist/cssm/hooks/useAppearance.js

@@ -1,7 +1,7 @@
-import { useConfigProvider } from "../components/ConfigProvider/ConfigProviderContext";
+import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';
 export function useAppearance() {
   var _useConfigProvider = useConfigProvider(),
     appearance = _useConfigProvider.appearance;
-  return appearance !== null && appearance !== void 0 ? appearance : "light";
+  return appearance !== null && appearance !== void 0 ? appearance : 'light';
 }
 //# sourceMappingURL=useAppearance.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAppearance.js","names":["useConfigProvider","useAppearance","appearance"],"sources":["../../../src/hooks/useAppearance.ts"],"sourcesContent":["import { useConfigProvider } from \"../components/ConfigProvider/ConfigProviderContext\";\n\nexport function useAppearance() {\n  const { appearance } = useConfigProvider();\n\n  return appearance ?? \"light\";\n}\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,oDAAoD;AAEtF,OAAO,SAASC,aAAa,GAAG;EAC9B,yBAAuBD,iBAAiB,EAAE;IAAlCE,UAAU,sBAAVA,UAAU;EAElB,OAAOA,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,OAAO;AAC9B"}
+{"version":3,"file":"useAppearance.js","names":["useConfigProvider","useAppearance","appearance"],"sources":["../../../src/hooks/useAppearance.ts"],"sourcesContent":["import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\n\nexport function useAppearance() {\n  const { appearance } = useConfigProvider();\n\n  return appearance ?? 'light';\n}\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,oDAAoD;AAEtF,OAAO,SAASC,aAAa,GAAG;EAC9B,yBAAuBD,iBAAiB,EAAE;IAAlCE,UAAU,sBAAVA,UAAU;EAElB,OAAOA,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,OAAO;AAC9B"}