@vkontakte/vkui 5.7.2 → 5.8.0

package/dist/cssm/types.d.ts

@@ -65,4 +65,5 @@ interface Nothing {
  * @see {@link https://github.com/microsoft/TypeScript/issues/29729}
  */
 export type LiteralUnion<Union, Type> = Union | (Type & Nothing);
+export type HTMLAttributesWithRootRef<T> = React.HTMLAttributes<T> & HasRootRef<T>;
 export {};

package/dist/cssm/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/types.ts"],"sourcesContent":["import * as React from 'react';\nimport { Insets } from '@vkontakte/vk-bridge';\nimport { PlatformType } from './lib/platform';\n\nexport type AnyFunction = (...args: any[]) => any;\n\nexport type AlignType = 'left' | 'center' | 'right';\n\nexport interface HasChildren {\n  children?: React.ReactNode;\n}\n\nexport type HasDataAttribute = Record<\n  `data-${string}`,\n  string | number | boolean | undefined | null\n>;\n\nexport interface HasRootRef<T> {\n  getRootRef?: React.Ref<T>;\n}\n\nexport interface HasRef<T> {\n  getRef?: React.Ref<T>;\n}\n\nexport interface HasComponent {\n  Component?: React.ElementType;\n}\n\nexport interface HasAlign {\n  align?: AlignType;\n}\n\nexport interface HasPlatform {\n  /**\n   * @ignore\n   */\n  platform?: PlatformType;\n}\n\nexport interface HasInsets {\n  /**\n   * @ignore\n   */\n  insets?: Partial<Insets>;\n}\n\nexport interface Version {\n  major: number;\n  minor?: number;\n  patch?: number;\n}\n\n/**\n * Тип содержит атрибуты, которые применяются только для `<a>`\n *\n * @see {@link https://developer.mozilla.org/ru/docs/Web/HTML/Element/A &lt;a&gt; - HTML | MDN}\n */\nexport type AnchorHTMLAttributesOnly = Omit<\n  React.AnchorHTMLAttributes<HTMLAnchorElement>,\n  keyof React.HTMLAttributes<HTMLAnchorElement>\n>;\n\n/**\n * Проверяет, является ли тип подтипом другого.\n *\n * В TS не реализовано.\n *\n * @see {@link https://github.com/microsoft/TypeScript/issues/12936}\n */\nexport type Exact<A, B> = A extends B ? B : never;\n\n/**\n * Для возможности указывать css custom properties\n */\nexport type CSSCustomProperties<T extends string | undefined = string> = Record<`--${string}`, T>;\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface Nothing {}\n\n/**\n * Автозаполнение для типов\n *\n * @example\n * LiteralUnion<'foo' | 'bar', string>\n *\n * @see {@link https://github.com/microsoft/TypeScript/issues/29729}\n */\nexport type LiteralUnion<Union, Type> = Union | (Type & Nothing);\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}
+{"version":3,"sources":["../../src/types.ts"],"sourcesContent":["import * as React from 'react';\nimport { Insets } from '@vkontakte/vk-bridge';\nimport { PlatformType } from './lib/platform';\n\nexport type AnyFunction = (...args: any[]) => any;\n\nexport type AlignType = 'left' | 'center' | 'right';\n\nexport interface HasChildren {\n  children?: React.ReactNode;\n}\n\nexport type HasDataAttribute = Record<\n  `data-${string}`,\n  string | number | boolean | undefined | null\n>;\n\nexport interface HasRootRef<T> {\n  getRootRef?: React.Ref<T>;\n}\n\nexport interface HasRef<T> {\n  getRef?: React.Ref<T>;\n}\n\nexport interface HasComponent {\n  Component?: React.ElementType;\n}\n\nexport interface HasAlign {\n  align?: AlignType;\n}\n\nexport interface HasPlatform {\n  /**\n   * @ignore\n   */\n  platform?: PlatformType;\n}\n\nexport interface HasInsets {\n  /**\n   * @ignore\n   */\n  insets?: Partial<Insets>;\n}\n\nexport interface Version {\n  major: number;\n  minor?: number;\n  patch?: number;\n}\n\n/**\n * Тип содержит атрибуты, которые применяются только для `<a>`\n *\n * @see {@link https://developer.mozilla.org/ru/docs/Web/HTML/Element/A &lt;a&gt; - HTML | MDN}\n */\nexport type AnchorHTMLAttributesOnly = Omit<\n  React.AnchorHTMLAttributes<HTMLAnchorElement>,\n  keyof React.HTMLAttributes<HTMLAnchorElement>\n>;\n\n/**\n * Проверяет, является ли тип подтипом другого.\n *\n * В TS не реализовано.\n *\n * @see {@link https://github.com/microsoft/TypeScript/issues/12936}\n */\nexport type Exact<A, B> = A extends B ? B : never;\n\n/**\n * Для возможности указывать css custom properties\n */\nexport type CSSCustomProperties<T extends string | undefined = string> = Record<`--${string}`, T>;\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface Nothing {}\n\n/**\n * Автозаполнение для типов\n *\n * @example\n * LiteralUnion<'foo' | 'bar', string>\n *\n * @see {@link https://github.com/microsoft/TypeScript/issues/29729}\n */\nexport type LiteralUnion<Union, Type> = Union | (Type & Nothing);\n\nexport type HTMLAttributesWithRootRef<T> = React.HTMLAttributes<T> & HasRootRef<T>;\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}

package/dist/helpers/appearance.d.ts

@@ -15,4 +15,8 @@ export interface VKBridgeConfigData {
     appearance?: AppearanceType;
     scheme: AppearanceScheme;
 }
+/**
+ * TODO [>=6]: удалить `helpers/appearance.ts` (#5049)
+ * @deprecated v5.8.0
+ */
 export declare function resolveAppearance(data: VKBridgeConfigData): AppearanceType | null;

package/dist/helpers/appearance.js

@@ -13,7 +13,10 @@ export var Appearance;
 export var deriveAppearance = function(scheme) {
     return scheme === Scheme.SPACE_GRAY || scheme === Scheme.VKCOM_DARK ? "dark" : "light";
 };
-export function resolveAppearance(data) {
+/**
+ * TODO [>=6]: удалить `helpers/appearance.ts` (#5049)
+ * @deprecated v5.8.0
+ */ export function resolveAppearance(data) {
     var scheme = data.scheme, appearance = data.appearance;
     // appearance пока приходит только на IOS и ANDROID
     if (appearance) {

package/dist/helpers/appearance.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/helpers/appearance.ts"],"sourcesContent":["import { AppearanceSchemeType, AppearanceType } from '@vkontakte/vk-bridge';\n\nexport enum Scheme {\n  BRIGHT_LIGHT = 'bright_light',\n  SPACE_GRAY = 'space_gray',\n  VKCOM_LIGHT = 'vkcom_light',\n  VKCOM_DARK = 'vkcom_dark',\n}\n\nexport type AppearanceScheme = AppearanceSchemeType | Scheme.VKCOM_DARK | Scheme.VKCOM_LIGHT;\n\nexport enum Appearance {\n  DARK = 'dark',\n  LIGHT = 'light',\n}\n\nexport const deriveAppearance = (scheme: AppearanceScheme | undefined): AppearanceType =>\n  scheme === Scheme.SPACE_GRAY || scheme === Scheme.VKCOM_DARK ? 'dark' : 'light';\n\nexport interface VKBridgeConfigData {\n  appearance?: AppearanceType;\n  scheme: AppearanceScheme;\n}\n\nexport function resolveAppearance(data: VKBridgeConfigData): AppearanceType | null {\n  const { scheme, appearance } = data;\n\n  // appearance пока приходит только на IOS и ANDROID\n  if (appearance) {\n    return appearance;\n  }\n\n  // Проверяем scheme если appearance не пришел\n  return deriveAppearance(scheme);\n}\n"],"names":["Scheme","BRIGHT_LIGHT","SPACE_GRAY","VKCOM_LIGHT","VKCOM_DARK","Appearance","DARK","LIGHT","deriveAppearance","scheme","resolveAppearance","data","appearance"],"mappings":"WAEO;UAAKA,MAAM;IAANA,OACVC,kBAAe;IADLD,OAEVE,gBAAa;IAFHF,OAGVG,iBAAc;IAHJH,OAIVI,gBAAa;GAJHJ,WAAAA;WASL;UAAKK,UAAU;IAAVA,WACVC,UAAO;IADGD,WAEVE,WAAQ;GAFEF,eAAAA;AAKZ,OAAO,IAAMG,mBAAmB,SAACC;WAC/BA,WAAWT,OAAOE,UAAU,IAAIO,WAAWT,OAAOI,UAAU,GAAG,SAAS;EAAQ;AAOlF,OAAO,SAASM,kBAAkBC,IAAwB;IACxD,IAAQF,SAAuBE,KAAvBF,QAAQG,aAAeD,KAAfC;IAEhB,mDAAmD;IACnD,IAAIA,YAAY;QACd,OAAOA;IACT;IAEA,6CAA6C;IAC7C,OAAOJ,iBAAiBC;AAC1B"}
+{"version":3,"sources":["../../src/helpers/appearance.ts"],"sourcesContent":["import { AppearanceSchemeType, AppearanceType } from '@vkontakte/vk-bridge';\n\nexport enum Scheme {\n  BRIGHT_LIGHT = 'bright_light',\n  SPACE_GRAY = 'space_gray',\n  VKCOM_LIGHT = 'vkcom_light',\n  VKCOM_DARK = 'vkcom_dark',\n}\n\nexport type AppearanceScheme = AppearanceSchemeType | Scheme.VKCOM_DARK | Scheme.VKCOM_LIGHT;\n\nexport enum Appearance {\n  DARK = 'dark',\n  LIGHT = 'light',\n}\n\nexport const deriveAppearance = (scheme: AppearanceScheme | undefined): AppearanceType =>\n  scheme === Scheme.SPACE_GRAY || scheme === Scheme.VKCOM_DARK ? 'dark' : 'light';\n\nexport interface VKBridgeConfigData {\n  appearance?: AppearanceType;\n  scheme: AppearanceScheme;\n}\n\n/**\n * TODO [>=6]: удалить `helpers/appearance.ts` (#5049)\n * @deprecated v5.8.0\n */\nexport function resolveAppearance(data: VKBridgeConfigData): AppearanceType | null {\n  const { scheme, appearance } = data;\n\n  // appearance пока приходит только на IOS и ANDROID\n  if (appearance) {\n    return appearance;\n  }\n\n  // Проверяем scheme если appearance не пришел\n  return deriveAppearance(scheme);\n}\n"],"names":["Scheme","BRIGHT_LIGHT","SPACE_GRAY","VKCOM_LIGHT","VKCOM_DARK","Appearance","DARK","LIGHT","deriveAppearance","scheme","resolveAppearance","data","appearance"],"mappings":"WAEO;UAAKA,MAAM;IAANA,OACVC,kBAAe;IADLD,OAEVE,gBAAa;IAFHF,OAGVG,iBAAc;IAHJH,OAIVI,gBAAa;GAJHJ,WAAAA;WASL;UAAKK,UAAU;IAAVA,WACVC,UAAO;IADGD,WAEVE,WAAQ;GAFEF,eAAAA;AAKZ,OAAO,IAAMG,mBAAmB,SAACC;WAC/BA,WAAWT,OAAOE,UAAU,IAAIO,WAAWT,OAAOI,UAAU,GAAG,SAAS;EAAQ;AAOlF;;;CAGC,GACD,OAAO,SAASM,kBAAkBC,IAAwB;IACxD,IAAQF,SAAuBE,KAAvBF,QAAQG,aAAeD,KAAfC;IAEhB,mDAAmD;IACnD,IAAIA,YAAY;QACd,OAAOA;IACT;IAEA,6CAA6C;IAC7C,OAAOJ,iBAAiBC;AAC1B"}

package/dist/hooks/useAppearance.d.ts

@@ -1 +1 @@
-export declare function useAppearance(): import("@vkontakte/vk-bridge").AppearanceType;
+export declare function useAppearance(): import("../lib/appearance").AppearanceType;

package/dist/hooks/useAutoDetectAppearance.d.ts

@@ -1,2 +1,6 @@
 import { AppearanceType } from '@vkontakte/vk-bridge';
+/**
+ * TODO [>=6]: удалить хук (#5049)
+ * @deprecated v5.8.0
+ */
 export declare const useAutoDetectAppearance: (appearanceProp?: AppearanceType, onDetectAppearanceByBridge?: () => void) => AppearanceType;

package/dist/hooks/useAutoDetectAppearance.js

@@ -41,7 +41,10 @@ function autoDetectAppearance(window, setAppearance) {
         return matchMediaListRemoveListener(mediaQuery, check);
     };
 }
-export var useAutoDetectAppearance = function(appearanceProp, onDetectAppearanceByBridge) {
+/**
+ * TODO [>=6]: удалить хук (#5049)
+ * @deprecated v5.8.0
+ */ export var useAutoDetectAppearance = function(appearanceProp, onDetectAppearanceByBridge) {
     var window = useDOM().window;
     var onceDetectAppearanceByBridge = React.useRef(function() {
         onDetectAppearanceByBridge && onDetectAppearanceByBridge();

package/dist/hooks/useAutoDetectAppearance.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useAutoDetectAppearance.tsx"],"sourcesContent":["import * as React from 'react';\nimport vkBridge, {\n  AnyReceiveMethodName,\n  AppearanceType,\n  VKBridgeEvent,\n} from '@vkontakte/vk-bridge';\nimport { noop } from '@vkontakte/vkjs';\nimport { resolveAppearance, VKBridgeConfigData } from '../helpers/appearance';\nimport { useDOM } from '../lib/dom';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\n\nfunction autoDetectAppearanceByBridge(\n  setAppearance: (value: AppearanceType) => void,\n  onDetectAppearanceByBridge: () => void,\n) {\n  function updateAppearance(data: VKBridgeConfigData) {\n    const initialAppearance = resolveAppearance(data);\n\n    if (initialAppearance) {\n      onDetectAppearanceByBridge();\n      setAppearance(initialAppearance);\n    }\n  }\n\n  function bridgeListener(e: VKBridgeEvent<AnyReceiveMethodName>) {\n    const { type, data } = e.detail;\n\n    if (type !== 'VKWebAppUpdateConfig') {\n      return;\n    }\n\n    updateAppearance(data as VKBridgeConfigData);\n  }\n\n  vkBridge.subscribe(bridgeListener);\n  vkBridge.send('VKWebAppGetConfig').then(updateAppearance).catch(console.error);\n\n  return () => vkBridge.unsubscribe(bridgeListener);\n}\n\nfunction autoDetectAppearance(\n  window: Window | undefined,\n  setAppearance: (value: AppearanceType) => void,\n): () => void {\n  const mediaQuery =\n    window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');\n\n  if (mediaQuery === undefined) {\n    return noop;\n  }\n\n  const check = (event: MediaQueryList | MediaQueryListEvent) => {\n    // eslint-disable-next-line no-restricted-properties\n    setAppearance(event.matches ? 'dark' : 'light');\n  };\n\n  check(mediaQuery);\n  matchMediaListAddListener(mediaQuery, check);\n\n  return () => matchMediaListRemoveListener(mediaQuery, check);\n}\n\nexport const useAutoDetectAppearance = (\n  appearanceProp?: AppearanceType,\n  onDetectAppearanceByBridge?: () => void,\n): AppearanceType => {\n  const { window } = useDOM();\n  const onceDetectAppearanceByBridge = React.useRef(() => {\n    onDetectAppearanceByBridge && onDetectAppearanceByBridge();\n    onceDetectAppearanceByBridge.current = noop;\n  });\n\n  const [appearance, setAppearance] = React.useState<AppearanceType>(() => {\n    if (appearanceProp) {\n      return appearanceProp;\n    }\n\n    const mediaQuery =\n      window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');\n\n    // eslint-disable-next-line no-restricted-properties\n    return mediaQuery?.matches ? 'dark' : 'light';\n  });\n\n  React.useEffect(() => {\n    if (appearanceProp) {\n      setAppearance(appearanceProp);\n      return noop;\n    }\n\n    if (vkBridge.isEmbedded()) {\n      return autoDetectAppearanceByBridge(setAppearance, onceDetectAppearanceByBridge.current);\n    }\n\n    return autoDetectAppearance(window, setAppearance);\n  }, [window, appearanceProp]);\n\n  return appearance;\n};\n"],"names":["React","vkBridge","noop","resolveAppearance","useDOM","matchMediaListAddListener","matchMediaListRemoveListener","autoDetectAppearanceByBridge","setAppearance","onDetectAppearanceByBridge","updateAppearance","data","initialAppearance","bridgeListener","e","detail","type","subscribe","send","then","catch","console","error","unsubscribe","autoDetectAppearance","window","mediaQuery","matchMedia","undefined","check","event","matches","useAutoDetectAppearance","appearanceProp","onceDetectAppearanceByBridge","useRef","current","useState","appearance","useEffect","isEmbedded"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,OAAOC,cAIA,uBAAuB;AAC9B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,iBAAiB,QAA4B,wBAAwB;AAC9E,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,yBAAyB,EAAEC,4BAA4B,QAAQ,oBAAoB;AAE5F,SAASC,6BACPC,aAA8C,EAC9CC,0BAAsC;QAE7BC,mBAAT,SAASA,iBAAiBC,IAAwB;QAChD,IAAMC,oBAAoBT,kBAAkBQ;QAE5C,IAAIC,mBAAmB;YACrBH;YACAD,cAAcI;QAChB;IACF;QAESC,iBAAT,SAASA,eAAeC,CAAsC;QAC5D,IAAuBA,YAAAA,EAAEC,MAAM,EAAvBC,OAAeF,UAAfE,MAAML,OAASG,UAATH;QAEd,IAAIK,SAAS,wBAAwB;YACnC;QACF;QAEAN,iBAAiBC;IACnB;IAEAV,SAASgB,SAAS,CAACJ;IACnBZ,SAASiB,IAAI,CAAC,qBAAqBC,IAAI,CAACT,kBAAkBU,KAAK,CAACC,QAAQC,KAAK;IAE7E,OAAO;eAAMrB,SAASsB,WAAW,CAACV;;AACpC;AAEA,SAASW,qBACPC,MAA0B,EAC1BjB,aAA8C;IAE9C,IAAMkB,aACJD,UAAUA,OAAOE,UAAU,IAAIF,OAAOE,UAAU,CAAC;IAEnD,IAAID,eAAeE,WAAW;QAC5B,OAAO1B;IACT;IAEA,IAAM2B,QAAQ,SAACC;QACb,oDAAoD;QACpDtB,cAAcsB,MAAMC,OAAO,GAAG,SAAS;IACzC;IAEAF,MAAMH;IACNrB,0BAA0BqB,YAAYG;IAEtC,OAAO;eAAMvB,6BAA6BoB,YAAYG;;AACxD;AAEA,OAAO,IAAMG,0BAA0B,SACrCC,gBACAxB;IAEA,IAAM,AAAEgB,SAAWrB,SAAXqB;IACR,IAAMS,+BAA+BlC,MAAMmC,MAAM,CAAC;QAChD1B,8BAA8BA;QAC9ByB,6BAA6BE,OAAO,GAAGlC;IACzC;IAEA,IAAoCF,mCAAAA,MAAMqC,QAAQ,CAAiB;YAS1DX;QARP,IAAIO,gBAAgB;YAClB,OAAOA;QACT;QAEA,IAAMP,aACJD,UAAUA,OAAOE,UAAU,IAAIF,OAAOE,UAAU,CAAC;QAEnD,oDAAoD;QACpD,OAAOD,EAAAA,cAAAA,wBAAAA,kCAAAA,YAAYK,OAAO,IAAG,SAAS;IACxC,QAVOO,aAA6BtC,oBAAjBQ,gBAAiBR;IAYpCA,MAAMuC,SAAS,CAAC;QACd,IAAIN,gBAAgB;YAClBzB,cAAcyB;YACd,OAAO/B;QACT;QAEA,IAAID,SAASuC,UAAU,IAAI;YACzB,OAAOjC,6BAA6BC,eAAe0B,6BAA6BE,OAAO;QACzF;QAEA,OAAOZ,qBAAqBC,QAAQjB;IACtC,GAAG;QAACiB;QAAQQ;KAAe;IAE3B,OAAOK;AACT,EAAE"}
+{"version":3,"sources":["../../src/hooks/useAutoDetectAppearance.tsx"],"sourcesContent":["import * as React from 'react';\nimport vkBridge, {\n  AnyReceiveMethodName,\n  AppearanceType,\n  VKBridgeEvent,\n} from '@vkontakte/vk-bridge';\nimport { noop } from '@vkontakte/vkjs';\nimport { resolveAppearance, VKBridgeConfigData } from '../helpers/appearance';\nimport { useDOM } from '../lib/dom';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\n\nfunction autoDetectAppearanceByBridge(\n  setAppearance: (value: AppearanceType) => void,\n  onDetectAppearanceByBridge: () => void,\n) {\n  function updateAppearance(data: VKBridgeConfigData) {\n    const initialAppearance = resolveAppearance(data);\n\n    if (initialAppearance) {\n      onDetectAppearanceByBridge();\n      setAppearance(initialAppearance);\n    }\n  }\n\n  function bridgeListener(e: VKBridgeEvent<AnyReceiveMethodName>) {\n    const { type, data } = e.detail;\n\n    if (type !== 'VKWebAppUpdateConfig') {\n      return;\n    }\n\n    updateAppearance(data as VKBridgeConfigData);\n  }\n\n  vkBridge.subscribe(bridgeListener);\n  vkBridge.send('VKWebAppGetConfig').then(updateAppearance).catch(console.error);\n\n  return () => vkBridge.unsubscribe(bridgeListener);\n}\n\nfunction autoDetectAppearance(\n  window: Window | undefined,\n  setAppearance: (value: AppearanceType) => void,\n): () => void {\n  const mediaQuery =\n    window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');\n\n  if (mediaQuery === undefined) {\n    return noop;\n  }\n\n  const check = (event: MediaQueryList | MediaQueryListEvent) => {\n    // eslint-disable-next-line no-restricted-properties\n    setAppearance(event.matches ? 'dark' : 'light');\n  };\n\n  check(mediaQuery);\n  matchMediaListAddListener(mediaQuery, check);\n\n  return () => matchMediaListRemoveListener(mediaQuery, check);\n}\n\n/**\n * TODO [>=6]: удалить хук (#5049)\n * @deprecated v5.8.0\n */\nexport const useAutoDetectAppearance = (\n  appearanceProp?: AppearanceType,\n  onDetectAppearanceByBridge?: () => void,\n): AppearanceType => {\n  const { window } = useDOM();\n  const onceDetectAppearanceByBridge = React.useRef(() => {\n    onDetectAppearanceByBridge && onDetectAppearanceByBridge();\n    onceDetectAppearanceByBridge.current = noop;\n  });\n\n  const [appearance, setAppearance] = React.useState<AppearanceType>(() => {\n    if (appearanceProp) {\n      return appearanceProp;\n    }\n\n    const mediaQuery =\n      window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');\n\n    // eslint-disable-next-line no-restricted-properties\n    return mediaQuery?.matches ? 'dark' : 'light';\n  });\n\n  React.useEffect(() => {\n    if (appearanceProp) {\n      setAppearance(appearanceProp);\n      return noop;\n    }\n\n    if (vkBridge.isEmbedded()) {\n      return autoDetectAppearanceByBridge(setAppearance, onceDetectAppearanceByBridge.current);\n    }\n\n    return autoDetectAppearance(window, setAppearance);\n  }, [window, appearanceProp]);\n\n  return appearance;\n};\n"],"names":["React","vkBridge","noop","resolveAppearance","useDOM","matchMediaListAddListener","matchMediaListRemoveListener","autoDetectAppearanceByBridge","setAppearance","onDetectAppearanceByBridge","updateAppearance","data","initialAppearance","bridgeListener","e","detail","type","subscribe","send","then","catch","console","error","unsubscribe","autoDetectAppearance","window","mediaQuery","matchMedia","undefined","check","event","matches","useAutoDetectAppearance","appearanceProp","onceDetectAppearanceByBridge","useRef","current","useState","appearance","useEffect","isEmbedded"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,OAAOC,cAIA,uBAAuB;AAC9B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,iBAAiB,QAA4B,wBAAwB;AAC9E,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,yBAAyB,EAAEC,4BAA4B,QAAQ,oBAAoB;AAE5F,SAASC,6BACPC,aAA8C,EAC9CC,0BAAsC;QAE7BC,mBAAT,SAASA,iBAAiBC,IAAwB;QAChD,IAAMC,oBAAoBT,kBAAkBQ;QAE5C,IAAIC,mBAAmB;YACrBH;YACAD,cAAcI;QAChB;IACF;QAESC,iBAAT,SAASA,eAAeC,CAAsC;QAC5D,IAAuBA,YAAAA,EAAEC,MAAM,EAAvBC,OAAeF,UAAfE,MAAML,OAASG,UAATH;QAEd,IAAIK,SAAS,wBAAwB;YACnC;QACF;QAEAN,iBAAiBC;IACnB;IAEAV,SAASgB,SAAS,CAACJ;IACnBZ,SAASiB,IAAI,CAAC,qBAAqBC,IAAI,CAACT,kBAAkBU,KAAK,CAACC,QAAQC,KAAK;IAE7E,OAAO;eAAMrB,SAASsB,WAAW,CAACV;;AACpC;AAEA,SAASW,qBACPC,MAA0B,EAC1BjB,aAA8C;IAE9C,IAAMkB,aACJD,UAAUA,OAAOE,UAAU,IAAIF,OAAOE,UAAU,CAAC;IAEnD,IAAID,eAAeE,WAAW;QAC5B,OAAO1B;IACT;IAEA,IAAM2B,QAAQ,SAACC;QACb,oDAAoD;QACpDtB,cAAcsB,MAAMC,OAAO,GAAG,SAAS;IACzC;IAEAF,MAAMH;IACNrB,0BAA0BqB,YAAYG;IAEtC,OAAO;eAAMvB,6BAA6BoB,YAAYG;;AACxD;AAEA;;;CAGC,GACD,OAAO,IAAMG,0BAA0B,SACrCC,gBACAxB;IAEA,IAAM,AAAEgB,SAAWrB,SAAXqB;IACR,IAAMS,+BAA+BlC,MAAMmC,MAAM,CAAC;QAChD1B,8BAA8BA;QAC9ByB,6BAA6BE,OAAO,GAAGlC;IACzC;IAEA,IAAoCF,mCAAAA,MAAMqC,QAAQ,CAAiB;YAS1DX;QARP,IAAIO,gBAAgB;YAClB,OAAOA;QACT;QAEA,IAAMP,aACJD,UAAUA,OAAOE,UAAU,IAAIF,OAAOE,UAAU,CAAC;QAEnD,oDAAoD;QACpD,OAAOD,EAAAA,cAAAA,wBAAAA,kCAAAA,YAAYK,OAAO,IAAG,SAAS;IACxC,QAVOO,aAA6BtC,oBAAjBQ,gBAAiBR;IAYpCA,MAAMuC,SAAS,CAAC;QACd,IAAIN,gBAAgB;YAClBzB,cAAcyB;YACd,OAAO/B;QACT;QAEA,IAAID,SAASuC,UAAU,IAAI;YACzB,OAAOjC,6BAA6BC,eAAe0B,6BAA6BE,OAAO;QACzF;QAEA,OAAOZ,qBAAqBC,QAAQjB;IACtC,GAAG;QAACiB;QAAQQ;KAAe;IAE3B,OAAOK;AACT,EAAE"}

package/dist/hooks/useBridgeAdaptivity.d.ts

@@ -3,4 +3,8 @@ export interface BridgeAdaptivity {
     viewportWidth: number;
     viewportHeight: number;
 }
-export declare function useBridgeAdaptivity(): BridgeAdaptivity;
+/**
+ * TODO [>=6]: удалить хук (#5049)
+ * @deprecated v5.8.0
+ */
+export declare function useBridgeAdaptivity(disable?: boolean): BridgeAdaptivity;

package/dist/hooks/useBridgeAdaptivity.js

@@ -7,16 +7,12 @@ var initialState = {
     viewportWidth: 0,
     viewportHeight: 0
 };
-function resolveAdaptivity(e) {
-    var _e_detail = e.detail, type = _e_detail.type, data = _e_detail.data;
-    if (type !== "VKWebAppUpdateConfig" || !data) {
-        return null;
-    }
-    var adaptivity = data.adaptivity, viewportWidth = data.viewport_width, viewportHeight = data.viewport_height;
+function resolveAdaptivity(data) {
+    var adaptivity = data.adaptivity, viewport_width = data.viewport_width, viewport_height = data.viewport_height;
     var bridgeAdaptivity = {
         type: "",
-        viewportWidth: isFinite(viewportWidth) ? +viewportWidth : 0,
-        viewportHeight: isFinite(viewportHeight) ? +viewportHeight : 0
+        viewportWidth: isFinite(viewport_width) ? Number(viewport_width) : 0,
+        viewportHeight: isFinite(viewport_height) ? Number(viewport_height) : 0
     };
     switch(adaptivity){
         case "force_mobile":
@@ -26,24 +22,36 @@ function resolveAdaptivity(e) {
     }
     return bridgeAdaptivity;
 }
-vkBridge.subscribe(function(e) {
-    var bridgeAdaptivity = resolveAdaptivity(e);
-    if (bridgeAdaptivity) {
-        initialState = bridgeAdaptivity;
-    }
-});
-export function useBridgeAdaptivity() {
+/**
+ * TODO [>=6]: удалить хук (#5049)
+ * @deprecated v5.8.0
+ */ export function useBridgeAdaptivity() {
+    var disable = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
     var _React_useState = _sliced_to_array(React.useState(initialState), 2), bridgeAdaptivity = _React_useState[0], setBridgeAdaptivity = _React_useState[1];
     useIsomorphicLayoutEffect(function() {
-        var bridgeListener = function bridgeListener(e) {
-            var newBridgeAdaptivity = resolveAdaptivity(e);
-            if (newBridgeAdaptivity) {
-                setBridgeAdaptivity(newBridgeAdaptivity);
+        if (disable) {
+            return;
+        }
+        var updateAdaptivity = function(data) {
+            if (!("adaptivity" in data) || !("viewport_width" in data) || !("viewport_height" in data)) {
+                return;
+            }
+            var newAdaptivity = resolveAdaptivity(data);
+            if (newAdaptivity) {
+                setBridgeAdaptivity(newAdaptivity);
+            }
+        };
+        var handleBridgeEvent = function(event) {
+            var _event_detail = event.detail, type = _event_detail.type, data = _event_detail.data;
+            if (type !== "VKWebAppUpdateConfig") {
+                return;
             }
+            updateAdaptivity(data);
         };
-        vkBridge.subscribe(bridgeListener);
+        vkBridge.subscribe(handleBridgeEvent);
+        vkBridge.send("VKWebAppGetConfig").then(updateAdaptivity).catch(console.error);
         return function() {
-            vkBridge.unsubscribe(bridgeListener);
+            vkBridge.unsubscribe(handleBridgeEvent);
         };
     }, []);
     return bridgeAdaptivity;

package/dist/hooks/useBridgeAdaptivity.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useBridgeAdaptivity.ts"],"sourcesContent":["import * as React from 'react';\nimport vkBridge from '@vkontakte/vk-bridge';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport interface BridgeAdaptivity {\n  type: '' | 'force_mobile' | 'force_mobile_compact' | 'adaptive';\n  viewportWidth: number;\n  viewportHeight: number;\n}\n\ninterface BridgeEvent {\n  detail: {\n    type: string;\n    data: {\n      [index: string]: any;\n    };\n  };\n}\n\nlet initialState: BridgeAdaptivity = {\n  type: '',\n  viewportWidth: 0,\n  viewportHeight: 0,\n};\n\nfunction resolveAdaptivity(e: BridgeEvent): BridgeAdaptivity | null {\n  const { type, data } = e.detail;\n\n  if (type !== 'VKWebAppUpdateConfig' || !data) {\n    return null;\n  }\n\n  const { adaptivity, viewport_width: viewportWidth, viewport_height: viewportHeight } = data;\n\n  const bridgeAdaptivity: BridgeAdaptivity = {\n    type: '',\n    viewportWidth: isFinite(viewportWidth) ? +viewportWidth : 0,\n    viewportHeight: isFinite(viewportHeight) ? +viewportHeight : 0,\n  };\n\n  switch (adaptivity) {\n    case 'force_mobile':\n    case 'force_mobile_compact':\n    case 'adaptive':\n      bridgeAdaptivity.type = adaptivity;\n  }\n\n  return bridgeAdaptivity;\n}\n\nvkBridge.subscribe((e: BridgeEvent) => {\n  const bridgeAdaptivity = resolveAdaptivity(e);\n\n  if (bridgeAdaptivity) {\n    initialState = bridgeAdaptivity;\n  }\n});\n\nexport function useBridgeAdaptivity(): BridgeAdaptivity {\n  const [bridgeAdaptivity, setBridgeAdaptivity] = React.useState<BridgeAdaptivity>(initialState);\n\n  useIsomorphicLayoutEffect(() => {\n    function bridgeListener(e: BridgeEvent) {\n      const newBridgeAdaptivity = resolveAdaptivity(e);\n\n      if (newBridgeAdaptivity) {\n        setBridgeAdaptivity(newBridgeAdaptivity);\n      }\n    }\n\n    vkBridge.subscribe(bridgeListener);\n    return () => {\n      vkBridge.unsubscribe(bridgeListener);\n    };\n  }, []);\n\n  return bridgeAdaptivity;\n}\n"],"names":["React","vkBridge","useIsomorphicLayoutEffect","initialState","type","viewportWidth","viewportHeight","resolveAdaptivity","e","detail","data","adaptivity","viewport_width","viewport_height","bridgeAdaptivity","isFinite","subscribe","useBridgeAdaptivity","useState","setBridgeAdaptivity","bridgeListener","newBridgeAdaptivity","unsubscribe"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,OAAOC,cAAc,uBAAuB;AAC5C,SAASC,yBAAyB,QAAQ,mCAAmC;AAiB7E,IAAIC,eAAiC;IACnCC,MAAM;IACNC,eAAe;IACfC,gBAAgB;AAClB;AAEA,SAASC,kBAAkBC,CAAc;IACvC,IAAuBA,YAAAA,EAAEC,MAAM,EAAvBL,OAAeI,UAAfJ,MAAMM,OAASF,UAATE;IAEd,IAAIN,SAAS,0BAA0B,CAACM,MAAM;QAC5C,OAAO;IACT;IAEA,IAAQC,aAA+ED,KAA/EC,YAAYC,AAAgBP,gBAAmDK,KAAnEE,gBAA+BC,AAAiBP,iBAAmBI,KAApCG;IAEnD,IAAMC,mBAAqC;QACzCV,MAAM;QACNC,eAAeU,SAASV,iBAAiB,CAACA,gBAAgB;QAC1DC,gBAAgBS,SAAST,kBAAkB,CAACA,iBAAiB;IAC/D;IAEA,OAAQK;QACN,KAAK;QACL,KAAK;QACL,KAAK;YACHG,iBAAiBV,IAAI,GAAGO;IAC5B;IAEA,OAAOG;AACT;AAEAb,SAASe,SAAS,CAAC,SAACR;IAClB,IAAMM,mBAAmBP,kBAAkBC;IAE3C,IAAIM,kBAAkB;QACpBX,eAAeW;IACjB;AACF;AAEA,OAAO,SAASG;IACd,IAAgDjB,mCAAAA,MAAMkB,QAAQ,CAAmBf,mBAA1EW,mBAAyCd,oBAAvBmB,sBAAuBnB;IAEhDE,0BAA0B;YACfkB,iBAAT,SAASA,eAAeZ,CAAc;YACpC,IAAMa,sBAAsBd,kBAAkBC;YAE9C,IAAIa,qBAAqB;gBACvBF,oBAAoBE;YACtB;QACF;QAEApB,SAASe,SAAS,CAACI;QACnB,OAAO;YACLnB,SAASqB,WAAW,CAACF;QACvB;IACF,GAAG,EAAE;IAEL,OAAON;AACT"}
+{"version":3,"sources":["../../src/hooks/useBridgeAdaptivity.ts"],"sourcesContent":["import * as React from 'react';\nimport vkBridge from '@vkontakte/vk-bridge';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport interface BridgeAdaptivity {\n  type: '' | 'force_mobile' | 'force_mobile_compact' | 'adaptive';\n  viewportWidth: number;\n  viewportHeight: number;\n}\n\ninterface BridgeEvent {\n  detail: {\n    type: string;\n    data: {\n      [index: string]: any;\n    };\n  };\n}\n\nlet initialState: BridgeAdaptivity = {\n  type: '',\n  viewportWidth: 0,\n  viewportHeight: 0,\n};\n\nfunction resolveAdaptivity(data: any): BridgeAdaptivity | null {\n  const { adaptivity, viewport_width, viewport_height } = data;\n\n  const bridgeAdaptivity: BridgeAdaptivity = {\n    type: '',\n    viewportWidth: isFinite(viewport_width) ? Number(viewport_width) : 0,\n    viewportHeight: isFinite(viewport_height) ? Number(viewport_height) : 0,\n  };\n\n  switch (adaptivity) {\n    case 'force_mobile':\n    case 'force_mobile_compact':\n    case 'adaptive':\n      bridgeAdaptivity.type = adaptivity;\n  }\n\n  return bridgeAdaptivity;\n}\n\n/**\n * TODO [>=6]: удалить хук (#5049)\n * @deprecated v5.8.0\n */\nexport function useBridgeAdaptivity(disable = false): BridgeAdaptivity {\n  const [bridgeAdaptivity, setBridgeAdaptivity] = React.useState<BridgeAdaptivity>(initialState);\n\n  useIsomorphicLayoutEffect(() => {\n    if (disable) {\n      return;\n    }\n\n    const updateAdaptivity = (data: any) => {\n      if (!('adaptivity' in data) || !('viewport_width' in data) || !('viewport_height' in data)) {\n        return;\n      }\n\n      const newAdaptivity = resolveAdaptivity(data);\n\n      if (newAdaptivity) {\n        setBridgeAdaptivity(newAdaptivity);\n      }\n    };\n\n    const handleBridgeEvent = (event: BridgeEvent) => {\n      const { type, data } = event.detail;\n\n      if (type !== 'VKWebAppUpdateConfig') {\n        return;\n      }\n\n      updateAdaptivity(data);\n    };\n\n    vkBridge.subscribe(handleBridgeEvent);\n    vkBridge.send('VKWebAppGetConfig').then(updateAdaptivity).catch(console.error);\n\n    return () => {\n      vkBridge.unsubscribe(handleBridgeEvent);\n    };\n  }, []);\n\n  return bridgeAdaptivity;\n}\n"],"names":["React","vkBridge","useIsomorphicLayoutEffect","initialState","type","viewportWidth","viewportHeight","resolveAdaptivity","data","adaptivity","viewport_width","viewport_height","bridgeAdaptivity","isFinite","Number","useBridgeAdaptivity","disable","useState","setBridgeAdaptivity","updateAdaptivity","newAdaptivity","handleBridgeEvent","event","detail","subscribe","send","then","catch","console","error","unsubscribe"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,OAAOC,cAAc,uBAAuB;AAC5C,SAASC,yBAAyB,QAAQ,mCAAmC;AAiB7E,IAAIC,eAAiC;IACnCC,MAAM;IACNC,eAAe;IACfC,gBAAgB;AAClB;AAEA,SAASC,kBAAkBC,IAAS;IAClC,IAAQC,aAAgDD,KAAhDC,YAAYC,iBAAoCF,KAApCE,gBAAgBC,kBAAoBH,KAApBG;IAEpC,IAAMC,mBAAqC;QACzCR,MAAM;QACNC,eAAeQ,SAASH,kBAAkBI,OAAOJ,kBAAkB;QACnEJ,gBAAgBO,SAASF,mBAAmBG,OAAOH,mBAAmB;IACxE;IAEA,OAAQF;QACN,KAAK;QACL,KAAK;QACL,KAAK;YACHG,iBAAiBR,IAAI,GAAGK;IAC5B;IAEA,OAAOG;AACT;AAEA;;;CAGC,GACD,OAAO,SAASG;QAAoBC,UAAAA,iEAAU;IAC5C,IAAgDhB,mCAAAA,MAAMiB,QAAQ,CAAmBd,mBAA1ES,mBAAyCZ,oBAAvBkB,sBAAuBlB;IAEhDE,0BAA0B;QACxB,IAAIc,SAAS;YACX;QACF;QAEA,IAAMG,mBAAmB,SAACX;YACxB,IAAI,CAAE,CAAA,gBAAgBA,IAAG,KAAM,CAAE,CAAA,oBAAoBA,IAAG,KAAM,CAAE,CAAA,qBAAqBA,IAAG,GAAI;gBAC1F;YACF;YAEA,IAAMY,gBAAgBb,kBAAkBC;YAExC,IAAIY,eAAe;gBACjBF,oBAAoBE;YACtB;QACF;QAEA,IAAMC,oBAAoB,SAACC;YACzB,IAAuBA,gBAAAA,MAAMC,MAAM,EAA3BnB,OAAekB,cAAflB,MAAMI,OAASc,cAATd;YAEd,IAAIJ,SAAS,wBAAwB;gBACnC;YACF;YAEAe,iBAAiBX;QACnB;QAEAP,SAASuB,SAAS,CAACH;QACnBpB,SAASwB,IAAI,CAAC,qBAAqBC,IAAI,CAACP,kBAAkBQ,KAAK,CAACC,QAAQC,KAAK;QAE7E,OAAO;YACL5B,SAAS6B,WAAW,CAACT;QACvB;IACF,GAAG,EAAE;IAEL,OAAOT;AACT"}

package/dist/hooks/useInsets.d.ts

@@ -5,4 +5,8 @@ export interface Insets {
     left: BridgeInsets['left'] | null;
     right: BridgeInsets['right'] | null;
 }
-export declare function useInsets(): Insets;
+/**
+ * TODO [>=6]: удалить хук (#5049)
+ * @deprecated v5.8.0
+ */
+export declare function useInsets(disabled?: boolean): Insets;

package/dist/hooks/useInsets.js

@@ -24,26 +24,29 @@ function resolveInsets(e) {
     }
     return null;
 }
-vkBridge.subscribe(function(e) {
-    var insets = resolveInsets(e);
-    if (insets) {
-        initialState = insets;
-    }
-});
-export function useInsets() {
+/**
+ * TODO [>=6]: удалить хук (#5049)
+ * @deprecated v5.8.0
+ */ export function useInsets() {
+    var disabled = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
     var _React_useState = _sliced_to_array(React.useState(initialState), 2), insets = _React_useState[0], setInsets = _React_useState[1];
     useIsomorphicLayoutEffect(function() {
-        var connectListener = function connectListener(e) {
-            var insets = resolveInsets(e);
+        if (disabled) {
+            return;
+        }
+        var handleBridgeEvent = function(event) {
+            var insets = resolveInsets(event);
             if (insets) {
                 setInsets(insets);
             }
         };
-        vkBridge.subscribe(connectListener);
+        vkBridge.subscribe(handleBridgeEvent);
         return function() {
-            vkBridge.unsubscribe(connectListener);
+            vkBridge.unsubscribe(handleBridgeEvent);
         };
-    }, []);
+    }, [
+        disabled
+    ]);
     return insets;
 }
 

package/dist/hooks/useInsets.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useInsets.ts"],"sourcesContent":["import * as React from 'react';\nimport vkBridge, { Insets as BridgeInsets } from '@vkontakte/vk-bridge';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport interface Insets {\n  bottom: BridgeInsets['bottom'] | null;\n  top: BridgeInsets['top'] | null;\n  left: BridgeInsets['left'] | null;\n  right: BridgeInsets['right'] | null;\n}\n\nlet initialState: Insets = {\n  bottom: null,\n  top: null,\n  left: null,\n  right: null,\n};\n\ninterface BridgeEvent {\n  detail: {\n    type: string;\n    data: {\n      [index: string]: any;\n    };\n  };\n}\n\nfunction resolveInsets(e: BridgeEvent): Insets | null {\n  const { type, data } = e.detail;\n  switch (type) {\n    case 'VKWebAppUpdateConfig':\n    case 'VKWebAppUpdateInsets': // Устаревшее событие vk-bridge\n      const { insets } = data;\n      if (insets) {\n        return {\n          ...insets,\n          bottom: insets.bottom > 150 ? 0 : insets.bottom, // если больше 150 – значит открылась клава и она сама работает как инсет, то есть наш нужно занулить\n        };\n      }\n  }\n  return null;\n}\n\nvkBridge.subscribe((e: BridgeEvent) => {\n  const insets = resolveInsets(e);\n  if (insets) {\n    initialState = insets;\n  }\n});\n\nexport function useInsets(): Insets {\n  const [insets, setInsets] = React.useState<Insets>(initialState);\n\n  useIsomorphicLayoutEffect(() => {\n    function connectListener(e: BridgeEvent) {\n      const insets = resolveInsets(e);\n      if (insets) {\n        setInsets(insets);\n      }\n    }\n\n    vkBridge.subscribe(connectListener);\n    return () => {\n      vkBridge.unsubscribe(connectListener);\n    };\n  }, []);\n\n  return insets;\n}\n"],"names":["React","vkBridge","useIsomorphicLayoutEffect","initialState","bottom","top","left","right","resolveInsets","e","detail","type","data","insets","subscribe","useInsets","useState","setInsets","connectListener","unsubscribe"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,OAAOC,cAA0C,uBAAuB;AACxE,SAASC,yBAAyB,QAAQ,mCAAmC;AAS7E,IAAIC,eAAuB;IACzBC,QAAQ;IACRC,KAAK;IACLC,MAAM;IACNC,OAAO;AACT;AAWA,SAASC,cAAcC,CAAc;IACnC,IAAuBA,YAAAA,EAAEC,MAAM,EAAvBC,OAAeF,UAAfE,MAAMC,OAASH,UAATG;IACd,OAAQD;QACN,KAAK;QACL,KAAK;YACH,IAAM,AAAEE,SAAWD,KAAXC;YACR,IAAIA,QAAQ;gBACV,OAAO,wCACFA;oBACHT,QAAQS,OAAOT,MAAM,GAAG,MAAM,IAAIS,OAAOT,MAAM;;YAEnD;IACJ;IACA,OAAO;AACT;AAEAH,SAASa,SAAS,CAAC,SAACL;IAClB,IAAMI,SAASL,cAAcC;IAC7B,IAAII,QAAQ;QACVV,eAAeU;IACjB;AACF;AAEA,OAAO,SAASE;IACd,IAA4Bf,mCAAAA,MAAMgB,QAAQ,CAASb,mBAA5CU,SAAqBb,oBAAbiB,YAAajB;IAE5BE,0BAA0B;YACfgB,kBAAT,SAASA,gBAAgBT,CAAc;YACrC,IAAMI,SAASL,cAAcC;YAC7B,IAAII,QAAQ;gBACVI,UAAUJ;YACZ;QACF;QAEAZ,SAASa,SAAS,CAACI;QACnB,OAAO;YACLjB,SAASkB,WAAW,CAACD;QACvB;IACF,GAAG,EAAE;IAEL,OAAOL;AACT"}
+{"version":3,"sources":["../../src/hooks/useInsets.ts"],"sourcesContent":["import * as React from 'react';\nimport vkBridge, { Insets as BridgeInsets } from '@vkontakte/vk-bridge';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport interface Insets {\n  bottom: BridgeInsets['bottom'] | null;\n  top: BridgeInsets['top'] | null;\n  left: BridgeInsets['left'] | null;\n  right: BridgeInsets['right'] | null;\n}\n\nlet initialState: Insets = {\n  bottom: null,\n  top: null,\n  left: null,\n  right: null,\n};\n\ninterface BridgeEvent {\n  detail: {\n    type: string;\n    data: {\n      [index: string]: any;\n    };\n  };\n}\n\nfunction resolveInsets(e: BridgeEvent): Insets | null {\n  const { type, data } = e.detail;\n  switch (type) {\n    case 'VKWebAppUpdateConfig':\n    case 'VKWebAppUpdateInsets': // Устаревшее событие vk-bridge\n      const { insets } = data;\n      if (insets) {\n        return {\n          ...insets,\n          bottom: insets.bottom > 150 ? 0 : insets.bottom, // если больше 150 – значит открылась клава и она сама работает как инсет, то есть наш нужно занулить\n        };\n      }\n  }\n  return null;\n}\n\n/**\n * TODO [>=6]: удалить хук (#5049)\n * @deprecated v5.8.0\n */\nexport function useInsets(disabled = false): Insets {\n  const [insets, setInsets] = React.useState<Insets>(initialState);\n\n  useIsomorphicLayoutEffect(() => {\n    if (disabled) {\n      return;\n    }\n\n    const handleBridgeEvent = (event: BridgeEvent) => {\n      const insets = resolveInsets(event);\n      if (insets) {\n        setInsets(insets);\n      }\n    };\n\n    vkBridge.subscribe(handleBridgeEvent);\n    return () => {\n      vkBridge.unsubscribe(handleBridgeEvent);\n    };\n  }, [disabled]);\n\n  return insets;\n}\n"],"names":["React","vkBridge","useIsomorphicLayoutEffect","initialState","bottom","top","left","right","resolveInsets","e","detail","type","data","insets","useInsets","disabled","useState","setInsets","handleBridgeEvent","event","subscribe","unsubscribe"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,OAAOC,cAA0C,uBAAuB;AACxE,SAASC,yBAAyB,QAAQ,mCAAmC;AAS7E,IAAIC,eAAuB;IACzBC,QAAQ;IACRC,KAAK;IACLC,MAAM;IACNC,OAAO;AACT;AAWA,SAASC,cAAcC,CAAc;IACnC,IAAuBA,YAAAA,EAAEC,MAAM,EAAvBC,OAAeF,UAAfE,MAAMC,OAASH,UAATG;IACd,OAAQD;QACN,KAAK;QACL,KAAK;YACH,IAAM,AAAEE,SAAWD,KAAXC;YACR,IAAIA,QAAQ;gBACV,OAAO,wCACFA;oBACHT,QAAQS,OAAOT,MAAM,GAAG,MAAM,IAAIS,OAAOT,MAAM;;YAEnD;IACJ;IACA,OAAO;AACT;AAEA;;;CAGC,GACD,OAAO,SAASU;QAAUC,WAAAA,iEAAW;IACnC,IAA4Bf,mCAAAA,MAAMgB,QAAQ,CAASb,mBAA5CU,SAAqBb,oBAAbiB,YAAajB;IAE5BE,0BAA0B;QACxB,IAAIa,UAAU;YACZ;QACF;QAEA,IAAMG,oBAAoB,SAACC;YACzB,IAAMN,SAASL,cAAcW;YAC7B,IAAIN,QAAQ;gBACVI,UAAUJ;YACZ;QACF;QAEAZ,SAASmB,SAAS,CAACF;QACnB,OAAO;YACLjB,SAASoB,WAAW,CAACH;QACvB;IACF,GAAG;QAACH;KAAS;IAEb,OAAOF;AACT"}

package/dist/index.d.ts

@@ -75,7 +75,7 @@ export type { PopoutWrapperProps } from './components/PopoutWrapper/PopoutWrappe
 export { Alert } from './components/Alert/Alert';
 export type { AlertProps, AlertActionInterface } from './components/Alert/Alert';
 export { ActionSheet } from './components/ActionSheet/ActionSheet';
-export type { ActionSheetProps } from './components/ActionSheet/ActionSheet';
+export type { ActionSheetProps, ActionSheetOnCloseOptions, } from './components/ActionSheet/ActionSheet';
 export { ActionSheetItem } from './components/ActionSheetItem/ActionSheetItem';
 export type { ActionSheetItemProps } from './components/ActionSheetItem/ActionSheetItem';
 export { ActionSheetDefaultIosCloseItem } from './components/ActionSheet/ActionSheetDefaultIosCloseItem';
@@ -172,7 +172,7 @@ export type { SeparatorProps } from './components/Separator/Separator';
 export { Spacing } from './components/Spacing/Spacing';
 export type { SpacingProps } from './components/Spacing/Spacing';
 export { Placeholder } from './components/Placeholder/Placeholder';
-export type { PlaceholderProps } from './components/Placeholder/Placeholder';
+export type { PlaceholderProps, PlaceholderContainerProps, PlaceholderIconProps, PlaceholderHeaderProps, PlaceholderTextProps, PlaceholderActionsProps, } from './components/Placeholder/Placeholder';
 export { Banner } from './components/Banner/Banner';
 export type { BannerProps } from './components/Banner/Banner';
 export { MiniInfoCell } from './components/MiniInfoCell/MiniInfoCell';
@@ -306,17 +306,20 @@ export { usePagination } from './hooks/usePagination';
 export { useTodayDate } from './hooks/useTodayDate';
 export { useScrollLock } from './components/AppRoot/ScrollContext';
 export { useNavTransition } from './components/NavTransitionContext/NavTransitionContext';
+export { useNavDirection } from './components/NavTransitionDirectionContext/NavTransitionDirectionContext';
+export type { TransitionDirection } from './components/NavTransitionDirectionContext/NavTransitionDirectionContext';
 export { useModalRootContext } from './components/ModalRoot/useModalRootContext';
 /**
  * Utils
  */
 export { classNames } from '@vkontakte/vkjs';
 export { animate } from './lib/animate';
+export { defaultFilterFn as filterFnForSelect } from './lib/select';
 export { removeObjectKeys } from './lib/removeObjectKeys';
 export { SSRWrapper } from './lib/SSR';
 export type { SSRWrapperProps } from './lib/SSR';
 export { platform, Platform } from './lib/platform';
-export { ViewWidth, ViewHeight, SizeType } from './lib/adaptivity';
+export { ViewWidth, ViewHeight, SizeType, getViewWidthByViewportWidth, getViewHeightByViewportHeight, } from './lib/adaptivity';
 export { getPlatformClassName } from './helpers/getPlatformClassName';
 export type { AdaptivityProps } from './components/AdaptivityProvider/AdaptivityContext';
 export { calcInitialsAvatarColor } from './helpers/avatar';

package/dist/index.js

@@ -168,15 +168,17 @@ export { usePagination } from "./hooks/usePagination";
 export { useTodayDate } from "./hooks/useTodayDate";
 export { useScrollLock } from "./components/AppRoot/ScrollContext";
 export { useNavTransition } from "./components/NavTransitionContext/NavTransitionContext";
+export { useNavDirection } from "./components/NavTransitionDirectionContext/NavTransitionDirectionContext";
 export { useModalRootContext } from "./components/ModalRoot/useModalRootContext";
 /**
  * Utils
  */ export { classNames } from "@vkontakte/vkjs";
 export { animate } from "./lib/animate";
+export { defaultFilterFn as filterFnForSelect } from "./lib/select";
 export { removeObjectKeys } from "./lib/removeObjectKeys";
 export { SSRWrapper } from "./lib/SSR";
 export { platform, Platform } from "./lib/platform";
-export { ViewWidth, ViewHeight, SizeType } from "./lib/adaptivity";
+export { ViewWidth, ViewHeight, SizeType, getViewWidthByViewportWidth, getViewHeightByViewportHeight } from "./lib/adaptivity";
 export { getPlatformClassName } from "./helpers/getPlatformClassName";
 export { calcInitialsAvatarColor } from "./helpers/avatar";
 export { CustomScrollView } from "./components/CustomScrollView/CustomScrollView";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import './lib/polyfills';\n\nimport './styles/constants.css';\nimport './styles/adaptivity.module.css';\n\nexport { AppRoot } from './components/AppRoot/AppRoot';\nexport type { AppRootProps } from './components/AppRoot/AppRoot';\n\n/**\n * Typography\n */\nexport { Title } from './components/Typography/Title/Title';\nexport type { TitleProps } from './components/Typography/Title/Title';\nexport { Headline } from './components/Typography/Headline/Headline';\nexport type { HeadlineProps } from './components/Typography/Headline/Headline';\nexport { Text } from './components/Typography/Text/Text';\nexport type { TextProps } from './components/Typography/Text/Text';\nexport { Paragraph } from './components/Typography/Paragraph/Paragraph';\nexport type { ParagraphProps } from './components/Typography/Paragraph/Paragraph';\nexport { Subhead } from './components/Typography/Subhead/Subhead';\nexport type { SubheadProps } from './components/Typography/Subhead/Subhead';\nexport { Footnote } from './components/Typography/Footnote/Footnote';\nexport type { FootnoteProps } from './components/Typography/Footnote/Footnote';\nexport { Caption } from './components/Typography/Caption/Caption';\nexport type { CaptionProps } from './components/Typography/Caption/Caption';\n\n/**\n * Service\n */\nexport { Tappable } from './components/Tappable/Tappable';\nexport type { TappableProps } from './components/Tappable/Tappable';\nexport { FixedLayout } from './components/FixedLayout/FixedLayout';\nexport type { FixedLayoutProps } from './components/FixedLayout/FixedLayout';\nexport {\n  ImageBaseContext,\n  ImageBase,\n  getBadgeIconSizeByImageBaseSize,\n  getFallbackIconSizeByImageBaseSize,\n  getOverlayIconSizeByImageBaseSize,\n} from './components/ImageBase/ImageBase';\nexport type {\n  ImageBaseSize,\n  ImageBaseExpectedIconProps,\n  ImageBaseBadgeProps,\n  ImageBaseOverlayProps,\n} from './components/ImageBase/ImageBase';\n\n/**\n * Primitives\n */\nexport { Button } from './components/Button/Button';\nexport type { ButtonProps } from './components/Button/Button';\n\n/**\n * Layout\n */\nexport { Root } from './components/Root/Root';\nexport type { RootProps } from './components/Root/Root';\nexport { View } from './components/View/View';\nexport type { ViewProps } from './components/View/View';\nexport { Panel } from './components/Panel/Panel';\nexport type { PanelProps } from './components/Panel/Panel';\nexport { PanelHeaderButton } from './components/PanelHeaderButton/PanelHeaderButton';\nexport type { PanelHeaderButtonProps } from './components/PanelHeaderButton/PanelHeaderButton';\nexport { PanelHeader } from './components/PanelHeader/PanelHeader';\nexport type { PanelHeaderProps } from './components/PanelHeader/PanelHeader';\nexport { PanelHeaderContent } from './components/PanelHeaderContent/PanelHeaderContent';\nexport type { PanelHeaderContentProps } from './components/PanelHeaderContent/PanelHeaderContent';\nexport { PanelHeaderContext } from './components/PanelHeaderContext/PanelHeaderContext';\nexport type { PanelHeaderContextProps } from './components/PanelHeaderContext/PanelHeaderContext';\nexport { SplitLayout } from './components/SplitLayout/SplitLayout';\nexport type { SplitLayoutProps } from './components/SplitLayout/SplitLayout';\nexport { SplitCol } from './components/SplitCol/SplitCol';\nexport type { SplitColProps } from './components/SplitCol/SplitCol';\nexport { Epic } from './components/Epic/Epic';\nexport type { EpicProps } from './components/Epic/Epic';\nexport { Tabbar } from './components/Tabbar/Tabbar';\nexport type { TabbarProps } from './components/Tabbar/Tabbar';\nexport { TabbarItem } from './components/TabbarItem/TabbarItem';\nexport type { TabbarItemProps } from './components/TabbarItem/TabbarItem';\nexport { ScrollArrow } from './components/ScrollArrow/ScrollArrow';\nexport type { ScrollArrowProps } from './components/ScrollArrow/ScrollArrow';\nexport { HorizontalScroll } from './components/HorizontalScroll/HorizontalScroll';\nexport type { HorizontalScrollProps } from './components/HorizontalScroll/HorizontalScroll';\nexport { AspectRatio } from './components/AspectRatio/AspectRatio';\nexport type { AspectRatioProps } from './components/AspectRatio/AspectRatio';\n\n/**\n * Popouts\n */\nexport { PopoutWrapper } from './components/PopoutWrapper/PopoutWrapper';\nexport type { PopoutWrapperProps } from './components/PopoutWrapper/PopoutWrapper';\nexport { Alert } from './components/Alert/Alert';\nexport type { AlertProps, AlertActionInterface } from './components/Alert/Alert';\nexport { ActionSheet } from './components/ActionSheet/ActionSheet';\nexport type { ActionSheetProps } from './components/ActionSheet/ActionSheet';\nexport { ActionSheetItem } from './components/ActionSheetItem/ActionSheetItem';\nexport type { ActionSheetItemProps } from './components/ActionSheetItem/ActionSheetItem';\nexport { ActionSheetDefaultIosCloseItem } from './components/ActionSheet/ActionSheetDefaultIosCloseItem';\nexport { ScreenSpinner } from './components/ScreenSpinner/ScreenSpinner';\nexport type { ScreenSpinnerProps } from './components/ScreenSpinner/ScreenSpinner';\nexport { Snackbar } from './components/Snackbar/Snackbar';\nexport type { SnackbarProps } from './components/Snackbar/Snackbar';\n\n/**\n * Modals\n */\nexport { ModalRoot } from './components/ModalRoot/ModalRootAdaptive';\nexport type { ModalRootProps } from './components/ModalRoot/types';\nexport { withModalRootContext } from './components/ModalRoot/withModalRootContext';\nexport { ModalRootContext } from './components/ModalRoot/ModalRootContext';\nexport { ModalPage } from './components/ModalPage/ModalPage';\nexport type { ModalPageProps } from './components/ModalPage/ModalPage';\nexport { ModalPageHeader } from './components/ModalPageHeader/ModalPageHeader';\nexport type { ModalPageHeaderProps } from './components/ModalPageHeader/ModalPageHeader';\nexport { ModalCard } from './components/ModalCard/ModalCard';\nexport type { ModalCardProps } from './components/ModalCard/ModalCard';\nexport { ModalDismissButton } from './components/ModalDismissButton/ModalDismissButton';\nexport type { ModalDismissButtonProps } from './components/ModalDismissButton/ModalDismissButton';\n\n/**\n * Blocks\n */\nexport { Badge } from './components/Badge/Badge';\nexport type { BadgeProps } from './components/Badge/Badge';\nexport { ButtonGroup } from './components/ButtonGroup/ButtonGroup';\nexport type { ButtonGroupProps } from './components/ButtonGroup/ButtonGroup';\nexport { IconButton } from './components/IconButton/IconButton';\nexport type { IconButtonProps } from './components/IconButton/IconButton';\nexport { Card } from './components/Card/Card';\nexport type { CardProps } from './components/Card/Card';\nexport { CardGrid } from './components/CardGrid/CardGrid';\nexport type { CardGridProps } from './components/CardGrid/CardGrid';\nexport { CardScroll } from './components/CardScroll/CardScroll';\nexport type { CardScrollProps } from './components/CardScroll/CardScroll';\nexport { ContentCard } from './components/ContentCard/ContentCard';\nexport type { ContentCardProps } from './components/ContentCard/ContentCard';\nexport { Header } from './components/Header/Header';\nexport type { HeaderProps } from './components/Header/Header';\nexport { Group } from './components/Group/Group';\nexport type { GroupProps } from './components/Group/Group';\nexport { Gradient } from './components/Gradient/Gradient';\nexport type { GradientProps } from './components/Gradient/Gradient';\nexport { List } from './components/List/List';\nexport type { ListProps } from './components/List/List';\nexport { Cell } from './components/Cell/Cell';\nexport type { CellProps } from './components/Cell/Cell';\nexport type { CellCheckboxProps } from './components/Cell/CellCheckbox/CellCheckbox';\nexport { RichCell } from './components/RichCell/RichCell';\nexport type { RichCellProps } from './components/RichCell/RichCell';\nexport { SimpleCell } from './components/SimpleCell/SimpleCell';\nexport type { SimpleCellProps } from './components/SimpleCell/SimpleCell';\nexport { CellButton } from './components/CellButton/CellButton';\nexport type { CellButtonProps } from './components/CellButton/CellButton';\nexport { HorizontalCell } from './components/HorizontalCell/HorizontalCell';\nexport type { HorizontalCellProps } from './components/HorizontalCell/HorizontalCell';\nexport { Footer } from './components/Footer/Footer';\nexport type { FooterProps } from './components/Footer/Footer';\nexport { InfoRow } from './components/InfoRow/InfoRow';\nexport type { InfoRowProps } from './components/InfoRow/InfoRow';\nexport { Gallery } from './components/Gallery/Gallery';\nexport type { GalleryProps } from './components/Gallery/Gallery';\nexport { Avatar } from './components/Avatar/Avatar';\nexport type {\n  AvatarProps,\n  AvatarBadgeProps,\n  AvatarBadgeWithPresetProps,\n  AvatarOverlayProps,\n} from './components/Avatar/Avatar';\nexport { GridAvatar } from './components/GridAvatar/GridAvatar';\nexport type { GridAvatarProps, GridAvatarBadgeProps } from './components/GridAvatar/GridAvatar';\nexport { Image } from './components/Image/Image';\nexport type { ImageProps, ImageBadgeProps, ImageOverlayProps } from './components/Image/Image';\nexport { Progress } from './components/Progress/Progress';\nexport type { ProgressProps } from './components/Progress/Progress';\nexport { Search } from './components/Search/Search';\nexport type { SearchProps } from './components/Search/Search';\nexport { Tabs } from './components/Tabs/Tabs';\nexport type { TabsProps } from './components/Tabs/Tabs';\nexport { TabsItem } from './components/TabsItem/TabsItem';\nexport type { TabsItemProps } from './components/TabsItem/TabsItem';\nexport { Spinner } from './components/Spinner/Spinner';\nexport type { SpinnerProps } from './components/Spinner/Spinner';\nexport { PullToRefresh } from './components/PullToRefresh/PullToRefresh';\nexport type { PullToRefreshProps } from './components/PullToRefresh/PullToRefresh';\nexport { Link } from './components/Link/Link';\nexport type { LinkProps } from './components/Link/Link';\nexport { Tooltip } from './components/Tooltip/Tooltip';\nexport type { TooltipProps } from './components/Tooltip/Tooltip';\nexport { TooltipContainer } from './components/Tooltip/TooltipContainer';\nexport { Counter } from './components/Counter/Counter';\nexport type { CounterProps } from './components/Counter/Counter';\nexport { UsersStack } from './components/UsersStack/UsersStack';\nexport type { UsersStackProps } from './components/UsersStack/UsersStack';\nexport { Separator } from './components/Separator/Separator';\nexport type { SeparatorProps } from './components/Separator/Separator';\nexport { Spacing } from './components/Spacing/Spacing';\nexport type { SpacingProps } from './components/Spacing/Spacing';\nexport { Placeholder } from './components/Placeholder/Placeholder';\nexport type { PlaceholderProps } from './components/Placeholder/Placeholder';\nexport { Banner } from './components/Banner/Banner';\nexport type { BannerProps } from './components/Banner/Banner';\nexport { MiniInfoCell } from './components/MiniInfoCell/MiniInfoCell';\nexport type { MiniInfoCellProps } from './components/MiniInfoCell/MiniInfoCell';\nexport { WriteBar } from './components/WriteBar/WriteBar';\nexport type { WriteBarProps } from './components/WriteBar/WriteBar';\nexport { WriteBarIcon } from './components/WriteBarIcon/WriteBarIcon';\nexport type { WriteBarIconProps } from './components/WriteBarIcon/WriteBarIcon';\nexport { SubnavigationBar } from './components/SubnavigationBar/SubnavigationBar';\nexport type { SubnavigationBarProps } from './components/SubnavigationBar/SubnavigationBar';\nexport { SubnavigationButton } from './components/SubnavigationButton/SubnavigationButton';\nexport type { SubnavigationButtonProps } from './components/SubnavigationButton/SubnavigationButton';\nexport { Pagination } from './components/Pagination/Pagination';\nexport type { PaginationProps } from './components/Pagination/Pagination';\nexport { Accordion } from './components/Accordion/Accordion';\nexport type { AccordionProps } from './components/Accordion/Accordion';\nexport type { AccordionSummaryProps } from './components/Accordion/AccordionSummary';\n\n/**\n * Forms\n */\nexport { FormLayout } from './components/FormLayout/FormLayout';\nexport type { FormLayoutProps } from './components/FormLayout/FormLayout';\nexport { FormItem } from './components/FormItem/FormItem';\nexport type { FormItemProps } from './components/FormItem/FormItem';\nexport { FormField } from './components/FormField/FormField';\nexport type { FormFieldProps } from './components/FormField/FormField';\nexport { FormLayoutGroup } from './components/FormLayoutGroup/FormLayoutGroup';\nexport type { FormLayoutGroupProps } from './components/FormLayoutGroup/FormLayoutGroup';\nexport { FormStatus } from './components/FormStatus/FormStatus';\nexport type { FormStatusProps } from './components/FormStatus/FormStatus';\nexport { Switch } from './components/Switch/Switch';\nexport type { SwitchProps } from './components/Switch/Switch';\nexport { File } from './components/File/File';\nexport type { FileProps } from './components/File/File';\nexport { Input } from './components/Input/Input';\nexport type { InputProps } from './components/Input/Input';\nexport { Chip } from './components/Chip/Chip';\nexport type { ChipProps, ChipOption, RenderChip } from './components/Chip/Chip';\nexport { ChipsInput } from './components/ChipsInput/ChipsInput';\nexport type { ChipsInputProps } from './components/ChipsInput/ChipsInput';\nexport { Slider } from './components/Slider/Slider';\nexport type { SliderBaseProps, SliderProps, SliderMultipleProps } from './components/Slider/Slider';\nexport { RangeSlider } from './components/RangeSlider/RangeSlider';\nexport type { RangeSliderProps } from './components/RangeSlider/RangeSlider';\nexport { Textarea } from './components/Textarea/Textarea';\nexport type { TextareaProps } from './components/Textarea/Textarea';\nexport { Radio } from './components/Radio/Radio';\nexport type { RadioProps } from './components/Radio/Radio';\nexport { RadioGroup } from './components/RadioGroup/RadioGroup';\nexport type { RadioGroupProps } from './components/RadioGroup/RadioGroup';\nexport { Checkbox } from './components/Checkbox/Checkbox';\nexport type { CheckboxProps } from './components/Checkbox/Checkbox';\nexport { Select } from './components/Select/Select';\nexport { SelectMimicry } from './components/SelectMimicry/SelectMimicry';\nexport type { SelectMimicryProps } from './components/SelectMimicry/SelectMimicry';\nexport { NativeSelect } from './components/NativeSelect/NativeSelect';\nexport type { NativeSelectProps } from './components/NativeSelect/NativeSelect';\nexport { CustomSelect } from './components/CustomSelect/CustomSelect';\nexport type {\n  SelectProps,\n  CustomSelectOptionInterface,\n} from './components/CustomSelect/CustomSelect';\nexport { CustomSelectOption } from './components/CustomSelectOption/CustomSelectOption';\nexport type { CustomSelectOptionProps } from './components/CustomSelectOption/CustomSelectOption';\nexport { DatePicker } from './components/DatePicker/DatePicker';\nexport type { DatePickerProps, DatePickerDateFormat } from './components/DatePicker/DatePicker';\nexport { SegmentedControl } from './components/SegmentedControl/SegmentedControl';\nexport type {\n  SegmentedControlProps,\n  SegmentedControlOptionInterface,\n  SegmentedControlValue,\n} from './components/SegmentedControl/SegmentedControl';\nexport { Calendar } from './components/Calendar/Calendar';\nexport type { CalendarProps } from './components/Calendar/Calendar';\nexport { CalendarRange } from './components/CalendarRange/CalendarRange';\nexport type { CalendarRangeProps } from './components/CalendarRange/CalendarRange';\nexport { DateInput } from './components/DateInput/DateInput';\nexport type { DateInputProps } from './components/DateInput/DateInput';\nexport { DateRangeInput } from './components/DateRangeInput/DateRangeInput';\nexport type { DateRangeInputProps } from './components/DateRangeInput/DateRangeInput';\n\n/**\n * Helpers\n */\nexport { Div } from './components/Div/Div';\nexport type { DivProps } from './components/Div/Div';\nexport { Touch } from './components/Touch/Touch';\nexport type { TouchProps } from './components/Touch/Touch';\nexport { PanelSpinner } from './components/PanelSpinner/PanelSpinner';\nexport type { PanelSpinnerProps } from './components/PanelSpinner/PanelSpinner';\nexport { PanelHeaderClose } from './components/PanelHeaderClose/PanelHeaderClose';\nexport { PanelHeaderBack } from './components/PanelHeaderBack/PanelHeaderBack';\nexport type { PanelHeaderBackProps } from './components/PanelHeaderBack/PanelHeaderBack';\nexport { PanelHeaderSubmit } from './components/PanelHeaderSubmit/PanelHeaderSubmit';\nexport { PanelHeaderEdit } from './components/PanelHeaderEdit/PanelHeaderEdit';\nexport type { PanelHeaderEditProps } from './components/PanelHeaderEdit/PanelHeaderEdit';\nexport { ModalCardBase } from './components/ModalCardBase/ModalCardBase';\nexport type { ModalCardBaseProps } from './components/ModalCardBase/ModalCardBase';\nexport { VisuallyHiddenInput } from './components/VisuallyHiddenInput/VisuallyHiddenInput';\nexport type { VisuallyHiddenInputProps } from './components/VisuallyHiddenInput/VisuallyHiddenInput';\nexport { VisuallyHidden } from './components/VisuallyHidden/VisuallyHidden';\nexport { AdaptiveIconRenderer } from './components/AdaptiveIconRenderer/AdaptiveIconRenderer';\nexport type { AdaptiveIconRendererProps } from './components/AdaptiveIconRenderer/AdaptiveIconRenderer';\n\n/**\n * Wrappers\n */\nexport { AdaptivityProvider } from './components/AdaptivityProvider/AdaptivityProvider';\nexport type { AdaptivityProviderProps } from './components/AdaptivityProvider/AdaptivityProvider';\nexport { ConfigProvider } from './components/ConfigProvider/ConfigProvider';\nexport type { ConfigProviderProps } from './components/ConfigProvider/ConfigProvider';\nexport {\n  useConfigProvider,\n  ConfigProviderContext,\n  WebviewType,\n} from './components/ConfigProvider/ConfigProviderContext';\nexport { AppearanceProvider } from './components/AppearanceProvider/AppearanceProvider';\nexport type { AppearanceProviderProps } from './components/AppearanceProvider/AppearanceProvider';\nexport { Appearance } from './helpers/appearance';\nexport { LocaleProvider } from './components/LocaleProvider/LocaleProvider';\nexport type { LocaleProviderProps } from './components/LocaleProvider/LocaleProvider';\nexport { PlatformProvider } from './components/PlatformProvider/PlatformProvider';\nexport type { PlatformProviderProps } from './components/PlatformProvider/PlatformProvider';\n\n/**\n * Advertisement\n */\nexport { PromoBanner } from './components/PromoBanner/PromoBanner';\nexport type { PromoBannerProps } from './components/PromoBanner/PromoBanner';\n\n/**\n * HOCs\n */\nexport { withInsets } from './hoc/withInsets';\nexport { withPlatform } from './hoc/withPlatform';\n\n/**\n * Hooks\n */\nexport { useInsets } from './hooks/useInsets';\nexport { usePlatform } from './hooks/usePlatform';\nexport { useAdaptivity } from './hooks/useAdaptivity';\nexport {\n  type UseAdaptivityConditionalRender,\n  useAdaptivityConditionalRender,\n} from './hooks/useAdaptivityConditionalRender';\nexport {\n  type UseAdaptivityWithJSMediaQueries,\n  useAdaptivityWithJSMediaQueries,\n} from './hooks/useAdaptivityWithJSMediaQueries';\nexport { useAppearance } from './hooks/useAppearance';\nexport { usePagination } from './hooks/usePagination';\nexport { useTodayDate } from './hooks/useTodayDate';\nexport { useScrollLock } from './components/AppRoot/ScrollContext';\nexport { useNavTransition } from './components/NavTransitionContext/NavTransitionContext';\nexport { useModalRootContext } from './components/ModalRoot/useModalRootContext';\n\n/**\n * Utils\n */\nexport { classNames } from '@vkontakte/vkjs';\nexport { animate } from './lib/animate';\nexport { removeObjectKeys } from './lib/removeObjectKeys';\nexport { SSRWrapper } from './lib/SSR';\nexport type { SSRWrapperProps } from './lib/SSR';\nexport { platform, Platform } from './lib/platform';\nexport { ViewWidth, ViewHeight, SizeType } from './lib/adaptivity';\nexport { getPlatformClassName } from './helpers/getPlatformClassName';\nexport type { AdaptivityProps } from './components/AdaptivityProvider/AdaptivityContext';\nexport { calcInitialsAvatarColor } from './helpers/avatar';\nexport { CustomScrollView } from './components/CustomScrollView/CustomScrollView';\n\n/**\n * Types\n */\nexport type { AlignType, HasPlatform, HasInsets, HasRef, HasRootRef } from './types';\nexport type { NavIdProps } from './lib/getNavId';\nexport type { PlatformType } from './lib/platform';\nexport type { TransitionContextProps } from './components/NavTransitionContext/NavTransitionContext';\n\n/**\n * Unstable\n */\nexport { ChipsSelect as unstable_ChipsSelect } from './components/ChipsSelect/ChipsSelect';\nexport type { ChipsSelectProps as unstable_ChipsSelectProps } from './components/ChipsSelect/ChipsSelect';\n\nexport { Popover as unstable_Popover } from './components/Popover/Popover';\nexport type { PopoverProps as unstable_PopoverProps } from './components/Popover/Popover';\n\nexport { TextTooltip as unstable_TextTooltip } from './components/TextTooltip/TextTooltip';\nexport type { TextTooltipProps as unstable_TextTooltipProps } from './components/TextTooltip/TextTooltip';\n\nexport { RichTooltip as unstable_RichTooltip } from './components/RichTooltip/RichTooltip';\nexport type { RichTooltipProps as unstable_RichTooltipProps } from './components/RichTooltip/RichTooltip';\n\nexport { Popper as unstable_Popper } from './components/Popper/Popper';\nexport type { PopperProps as unstable_PopperProps } from './components/Popper/Popper';\n\nexport { ViewInfinite as unstable_ViewInfinite } from './components/View/ViewInfinite';\nexport type { ViewInfiniteProps as unstable_ViewInfiniteProps } from './components/View/ViewInfinite';\n\nexport { HorizontalCellShowMore as unstable_HorizontalCellShowMore } from './components/HorizontalCellShowMore/HorizontalCellShowMore';\nexport type { HorizontalCellShowMoreProps as unstable_HorizontalCellShowMoreProps } from './components/HorizontalCellShowMore/HorizontalCellShowMore';\n\nimport './styles/common.css';\n"],"names":["AppRoot","Title","Headline","Text","Paragraph","Subhead","Footnote","Caption","Tappable","FixedLayout","ImageBaseContext","ImageBase","getBadgeIconSizeByImageBaseSize","getFallbackIconSizeByImageBaseSize","getOverlayIconSizeByImageBaseSize","Button","Root","View","Panel","PanelHeaderButton","PanelHeader","PanelHeaderContent","PanelHeaderContext","SplitLayout","SplitCol","Epic","Tabbar","TabbarItem","ScrollArrow","HorizontalScroll","AspectRatio","PopoutWrapper","Alert","ActionSheet","ActionSheetItem","ActionSheetDefaultIosCloseItem","ScreenSpinner","Snackbar","ModalRoot","withModalRootContext","ModalRootContext","ModalPage","ModalPageHeader","ModalCard","ModalDismissButton","Badge","ButtonGroup","IconButton","Card","CardGrid","CardScroll","ContentCard","Header","Group","Gradient","List","Cell","RichCell","SimpleCell","CellButton","HorizontalCell","Footer","InfoRow","Gallery","Avatar","GridAvatar","Image","Progress","Search","Tabs","TabsItem","Spinner","PullToRefresh","Link","Tooltip","TooltipContainer","Counter","UsersStack","Separator","Spacing","Placeholder","Banner","MiniInfoCell","WriteBar","WriteBarIcon","SubnavigationBar","SubnavigationButton","Pagination","Accordion","FormLayout","FormItem","FormField","FormLayoutGroup","FormStatus","Switch","File","Input","Chip","ChipsInput","Slider","RangeSlider","Textarea","Radio","RadioGroup","Checkbox","Select","SelectMimicry","NativeSelect","CustomSelect","CustomSelectOption","DatePicker","SegmentedControl","Calendar","CalendarRange","DateInput","DateRangeInput","Div","Touch","PanelSpinner","PanelHeaderClose","PanelHeaderBack","PanelHeaderSubmit","PanelHeaderEdit","ModalCardBase","VisuallyHiddenInput","VisuallyHidden","AdaptiveIconRenderer","AdaptivityProvider","ConfigProvider","useConfigProvider","ConfigProviderContext","WebviewType","AppearanceProvider","Appearance","LocaleProvider","PlatformProvider","PromoBanner","withInsets","withPlatform","useInsets","usePlatform","useAdaptivity","useAdaptivityConditionalRender","useAdaptivityWithJSMediaQueries","useAppearance","usePagination","useTodayDate","useScrollLock","useNavTransition","useModalRootContext","classNames","animate","removeObjectKeys","SSRWrapper","platform","Platform","ViewWidth","ViewHeight","SizeType","getPlatformClassName","calcInitialsAvatarColor","CustomScrollView","ChipsSelect","unstable_ChipsSelect","Popover","unstable_Popover","TextTooltip","unstable_TextTooltip","RichTooltip","unstable_RichTooltip","Popper","unstable_Popper","ViewInfinite","unstable_ViewInfinite","HorizontalCellShowMore","unstable_HorizontalCellShowMore"],"mappings":"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"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import './lib/polyfills';\n\nimport './styles/constants.css';\nimport './styles/adaptivity.module.css';\n\nexport { AppRoot } from './components/AppRoot/AppRoot';\nexport type { AppRootProps } from './components/AppRoot/AppRoot';\n\n/**\n * Typography\n */\nexport { Title } from './components/Typography/Title/Title';\nexport type { TitleProps } from './components/Typography/Title/Title';\nexport { Headline } from './components/Typography/Headline/Headline';\nexport type { HeadlineProps } from './components/Typography/Headline/Headline';\nexport { Text } from './components/Typography/Text/Text';\nexport type { TextProps } from './components/Typography/Text/Text';\nexport { Paragraph } from './components/Typography/Paragraph/Paragraph';\nexport type { ParagraphProps } from './components/Typography/Paragraph/Paragraph';\nexport { Subhead } from './components/Typography/Subhead/Subhead';\nexport type { SubheadProps } from './components/Typography/Subhead/Subhead';\nexport { Footnote } from './components/Typography/Footnote/Footnote';\nexport type { FootnoteProps } from './components/Typography/Footnote/Footnote';\nexport { Caption } from './components/Typography/Caption/Caption';\nexport type { CaptionProps } from './components/Typography/Caption/Caption';\n\n/**\n * Service\n */\nexport { Tappable } from './components/Tappable/Tappable';\nexport type { TappableProps } from './components/Tappable/Tappable';\nexport { FixedLayout } from './components/FixedLayout/FixedLayout';\nexport type { FixedLayoutProps } from './components/FixedLayout/FixedLayout';\nexport {\n  ImageBaseContext,\n  ImageBase,\n  getBadgeIconSizeByImageBaseSize,\n  getFallbackIconSizeByImageBaseSize,\n  getOverlayIconSizeByImageBaseSize,\n} from './components/ImageBase/ImageBase';\nexport type {\n  ImageBaseSize,\n  ImageBaseExpectedIconProps,\n  ImageBaseBadgeProps,\n  ImageBaseOverlayProps,\n} from './components/ImageBase/ImageBase';\n\n/**\n * Primitives\n */\nexport { Button } from './components/Button/Button';\nexport type { ButtonProps } from './components/Button/Button';\n\n/**\n * Layout\n */\nexport { Root } from './components/Root/Root';\nexport type { RootProps } from './components/Root/Root';\nexport { View } from './components/View/View';\nexport type { ViewProps } from './components/View/View';\nexport { Panel } from './components/Panel/Panel';\nexport type { PanelProps } from './components/Panel/Panel';\nexport { PanelHeaderButton } from './components/PanelHeaderButton/PanelHeaderButton';\nexport type { PanelHeaderButtonProps } from './components/PanelHeaderButton/PanelHeaderButton';\nexport { PanelHeader } from './components/PanelHeader/PanelHeader';\nexport type { PanelHeaderProps } from './components/PanelHeader/PanelHeader';\nexport { PanelHeaderContent } from './components/PanelHeaderContent/PanelHeaderContent';\nexport type { PanelHeaderContentProps } from './components/PanelHeaderContent/PanelHeaderContent';\nexport { PanelHeaderContext } from './components/PanelHeaderContext/PanelHeaderContext';\nexport type { PanelHeaderContextProps } from './components/PanelHeaderContext/PanelHeaderContext';\nexport { SplitLayout } from './components/SplitLayout/SplitLayout';\nexport type { SplitLayoutProps } from './components/SplitLayout/SplitLayout';\nexport { SplitCol } from './components/SplitCol/SplitCol';\nexport type { SplitColProps } from './components/SplitCol/SplitCol';\nexport { Epic } from './components/Epic/Epic';\nexport type { EpicProps } from './components/Epic/Epic';\nexport { Tabbar } from './components/Tabbar/Tabbar';\nexport type { TabbarProps } from './components/Tabbar/Tabbar';\nexport { TabbarItem } from './components/TabbarItem/TabbarItem';\nexport type { TabbarItemProps } from './components/TabbarItem/TabbarItem';\nexport { ScrollArrow } from './components/ScrollArrow/ScrollArrow';\nexport type { ScrollArrowProps } from './components/ScrollArrow/ScrollArrow';\nexport { HorizontalScroll } from './components/HorizontalScroll/HorizontalScroll';\nexport type { HorizontalScrollProps } from './components/HorizontalScroll/HorizontalScroll';\nexport { AspectRatio } from './components/AspectRatio/AspectRatio';\nexport type { AspectRatioProps } from './components/AspectRatio/AspectRatio';\n\n/**\n * Popouts\n */\nexport { PopoutWrapper } from './components/PopoutWrapper/PopoutWrapper';\nexport type { PopoutWrapperProps } from './components/PopoutWrapper/PopoutWrapper';\nexport { Alert } from './components/Alert/Alert';\nexport type { AlertProps, AlertActionInterface } from './components/Alert/Alert';\nexport { ActionSheet } from './components/ActionSheet/ActionSheet';\nexport type {\n  ActionSheetProps,\n  ActionSheetOnCloseOptions,\n} from './components/ActionSheet/ActionSheet';\nexport { ActionSheetItem } from './components/ActionSheetItem/ActionSheetItem';\nexport type { ActionSheetItemProps } from './components/ActionSheetItem/ActionSheetItem';\nexport { ActionSheetDefaultIosCloseItem } from './components/ActionSheet/ActionSheetDefaultIosCloseItem';\nexport { ScreenSpinner } from './components/ScreenSpinner/ScreenSpinner';\nexport type { ScreenSpinnerProps } from './components/ScreenSpinner/ScreenSpinner';\nexport { Snackbar } from './components/Snackbar/Snackbar';\nexport type { SnackbarProps } from './components/Snackbar/Snackbar';\n\n/**\n * Modals\n */\nexport { ModalRoot } from './components/ModalRoot/ModalRootAdaptive';\nexport type { ModalRootProps } from './components/ModalRoot/types';\nexport { withModalRootContext } from './components/ModalRoot/withModalRootContext';\nexport { ModalRootContext } from './components/ModalRoot/ModalRootContext';\nexport { ModalPage } from './components/ModalPage/ModalPage';\nexport type { ModalPageProps } from './components/ModalPage/ModalPage';\nexport { ModalPageHeader } from './components/ModalPageHeader/ModalPageHeader';\nexport type { ModalPageHeaderProps } from './components/ModalPageHeader/ModalPageHeader';\nexport { ModalCard } from './components/ModalCard/ModalCard';\nexport type { ModalCardProps } from './components/ModalCard/ModalCard';\nexport { ModalDismissButton } from './components/ModalDismissButton/ModalDismissButton';\nexport type { ModalDismissButtonProps } from './components/ModalDismissButton/ModalDismissButton';\n\n/**\n * Blocks\n */\nexport { Badge } from './components/Badge/Badge';\nexport type { BadgeProps } from './components/Badge/Badge';\nexport { ButtonGroup } from './components/ButtonGroup/ButtonGroup';\nexport type { ButtonGroupProps } from './components/ButtonGroup/ButtonGroup';\nexport { IconButton } from './components/IconButton/IconButton';\nexport type { IconButtonProps } from './components/IconButton/IconButton';\nexport { Card } from './components/Card/Card';\nexport type { CardProps } from './components/Card/Card';\nexport { CardGrid } from './components/CardGrid/CardGrid';\nexport type { CardGridProps } from './components/CardGrid/CardGrid';\nexport { CardScroll } from './components/CardScroll/CardScroll';\nexport type { CardScrollProps } from './components/CardScroll/CardScroll';\nexport { ContentCard } from './components/ContentCard/ContentCard';\nexport type { ContentCardProps } from './components/ContentCard/ContentCard';\nexport { Header } from './components/Header/Header';\nexport type { HeaderProps } from './components/Header/Header';\nexport { Group } from './components/Group/Group';\nexport type { GroupProps } from './components/Group/Group';\nexport { Gradient } from './components/Gradient/Gradient';\nexport type { GradientProps } from './components/Gradient/Gradient';\nexport { List } from './components/List/List';\nexport type { ListProps } from './components/List/List';\nexport { Cell } from './components/Cell/Cell';\nexport type { CellProps } from './components/Cell/Cell';\nexport type { CellCheckboxProps } from './components/Cell/CellCheckbox/CellCheckbox';\nexport { RichCell } from './components/RichCell/RichCell';\nexport type { RichCellProps } from './components/RichCell/RichCell';\nexport { SimpleCell } from './components/SimpleCell/SimpleCell';\nexport type { SimpleCellProps } from './components/SimpleCell/SimpleCell';\nexport { CellButton } from './components/CellButton/CellButton';\nexport type { CellButtonProps } from './components/CellButton/CellButton';\nexport { HorizontalCell } from './components/HorizontalCell/HorizontalCell';\nexport type { HorizontalCellProps } from './components/HorizontalCell/HorizontalCell';\nexport { Footer } from './components/Footer/Footer';\nexport type { FooterProps } from './components/Footer/Footer';\nexport { InfoRow } from './components/InfoRow/InfoRow';\nexport type { InfoRowProps } from './components/InfoRow/InfoRow';\nexport { Gallery } from './components/Gallery/Gallery';\nexport type { GalleryProps } from './components/Gallery/Gallery';\nexport { Avatar } from './components/Avatar/Avatar';\nexport type {\n  AvatarProps,\n  AvatarBadgeProps,\n  AvatarBadgeWithPresetProps,\n  AvatarOverlayProps,\n} from './components/Avatar/Avatar';\nexport { GridAvatar } from './components/GridAvatar/GridAvatar';\nexport type { GridAvatarProps, GridAvatarBadgeProps } from './components/GridAvatar/GridAvatar';\nexport { Image } from './components/Image/Image';\nexport type { ImageProps, ImageBadgeProps, ImageOverlayProps } from './components/Image/Image';\nexport { Progress } from './components/Progress/Progress';\nexport type { ProgressProps } from './components/Progress/Progress';\nexport { Search } from './components/Search/Search';\nexport type { SearchProps } from './components/Search/Search';\nexport { Tabs } from './components/Tabs/Tabs';\nexport type { TabsProps } from './components/Tabs/Tabs';\nexport { TabsItem } from './components/TabsItem/TabsItem';\nexport type { TabsItemProps } from './components/TabsItem/TabsItem';\nexport { Spinner } from './components/Spinner/Spinner';\nexport type { SpinnerProps } from './components/Spinner/Spinner';\nexport { PullToRefresh } from './components/PullToRefresh/PullToRefresh';\nexport type { PullToRefreshProps } from './components/PullToRefresh/PullToRefresh';\nexport { Link } from './components/Link/Link';\nexport type { LinkProps } from './components/Link/Link';\nexport { Tooltip } from './components/Tooltip/Tooltip';\nexport type { TooltipProps } from './components/Tooltip/Tooltip';\nexport { TooltipContainer } from './components/Tooltip/TooltipContainer';\nexport { Counter } from './components/Counter/Counter';\nexport type { CounterProps } from './components/Counter/Counter';\nexport { UsersStack } from './components/UsersStack/UsersStack';\nexport type { UsersStackProps } from './components/UsersStack/UsersStack';\nexport { Separator } from './components/Separator/Separator';\nexport type { SeparatorProps } from './components/Separator/Separator';\nexport { Spacing } from './components/Spacing/Spacing';\nexport type { SpacingProps } from './components/Spacing/Spacing';\nexport { Placeholder } from './components/Placeholder/Placeholder';\nexport type {\n  PlaceholderProps,\n  PlaceholderContainerProps,\n  PlaceholderIconProps,\n  PlaceholderHeaderProps,\n  PlaceholderTextProps,\n  PlaceholderActionsProps,\n} from './components/Placeholder/Placeholder';\nexport { Banner } from './components/Banner/Banner';\nexport type { BannerProps } from './components/Banner/Banner';\nexport { MiniInfoCell } from './components/MiniInfoCell/MiniInfoCell';\nexport type { MiniInfoCellProps } from './components/MiniInfoCell/MiniInfoCell';\nexport { WriteBar } from './components/WriteBar/WriteBar';\nexport type { WriteBarProps } from './components/WriteBar/WriteBar';\nexport { WriteBarIcon } from './components/WriteBarIcon/WriteBarIcon';\nexport type { WriteBarIconProps } from './components/WriteBarIcon/WriteBarIcon';\nexport { SubnavigationBar } from './components/SubnavigationBar/SubnavigationBar';\nexport type { SubnavigationBarProps } from './components/SubnavigationBar/SubnavigationBar';\nexport { SubnavigationButton } from './components/SubnavigationButton/SubnavigationButton';\nexport type { SubnavigationButtonProps } from './components/SubnavigationButton/SubnavigationButton';\nexport { Pagination } from './components/Pagination/Pagination';\nexport type { PaginationProps } from './components/Pagination/Pagination';\nexport { Accordion } from './components/Accordion/Accordion';\nexport type { AccordionProps } from './components/Accordion/Accordion';\nexport type { AccordionSummaryProps } from './components/Accordion/AccordionSummary';\n\n/**\n * Forms\n */\nexport { FormLayout } from './components/FormLayout/FormLayout';\nexport type { FormLayoutProps } from './components/FormLayout/FormLayout';\nexport { FormItem } from './components/FormItem/FormItem';\nexport type { FormItemProps } from './components/FormItem/FormItem';\nexport { FormField } from './components/FormField/FormField';\nexport type { FormFieldProps } from './components/FormField/FormField';\nexport { FormLayoutGroup } from './components/FormLayoutGroup/FormLayoutGroup';\nexport type { FormLayoutGroupProps } from './components/FormLayoutGroup/FormLayoutGroup';\nexport { FormStatus } from './components/FormStatus/FormStatus';\nexport type { FormStatusProps } from './components/FormStatus/FormStatus';\nexport { Switch } from './components/Switch/Switch';\nexport type { SwitchProps } from './components/Switch/Switch';\nexport { File } from './components/File/File';\nexport type { FileProps } from './components/File/File';\nexport { Input } from './components/Input/Input';\nexport type { InputProps } from './components/Input/Input';\nexport { Chip } from './components/Chip/Chip';\nexport type { ChipProps, ChipOption, RenderChip } from './components/Chip/Chip';\nexport { ChipsInput } from './components/ChipsInput/ChipsInput';\nexport type { ChipsInputProps } from './components/ChipsInput/ChipsInput';\nexport { Slider } from './components/Slider/Slider';\nexport type { SliderBaseProps, SliderProps, SliderMultipleProps } from './components/Slider/Slider';\nexport { RangeSlider } from './components/RangeSlider/RangeSlider';\nexport type { RangeSliderProps } from './components/RangeSlider/RangeSlider';\nexport { Textarea } from './components/Textarea/Textarea';\nexport type { TextareaProps } from './components/Textarea/Textarea';\nexport { Radio } from './components/Radio/Radio';\nexport type { RadioProps } from './components/Radio/Radio';\nexport { RadioGroup } from './components/RadioGroup/RadioGroup';\nexport type { RadioGroupProps } from './components/RadioGroup/RadioGroup';\nexport { Checkbox } from './components/Checkbox/Checkbox';\nexport type { CheckboxProps } from './components/Checkbox/Checkbox';\nexport { Select } from './components/Select/Select';\nexport { SelectMimicry } from './components/SelectMimicry/SelectMimicry';\nexport type { SelectMimicryProps } from './components/SelectMimicry/SelectMimicry';\nexport { NativeSelect } from './components/NativeSelect/NativeSelect';\nexport type { NativeSelectProps } from './components/NativeSelect/NativeSelect';\nexport { CustomSelect } from './components/CustomSelect/CustomSelect';\nexport type {\n  SelectProps,\n  CustomSelectOptionInterface,\n} from './components/CustomSelect/CustomSelect';\nexport { CustomSelectOption } from './components/CustomSelectOption/CustomSelectOption';\nexport type { CustomSelectOptionProps } from './components/CustomSelectOption/CustomSelectOption';\nexport { DatePicker } from './components/DatePicker/DatePicker';\nexport type { DatePickerProps, DatePickerDateFormat } from './components/DatePicker/DatePicker';\nexport { SegmentedControl } from './components/SegmentedControl/SegmentedControl';\nexport type {\n  SegmentedControlProps,\n  SegmentedControlOptionInterface,\n  SegmentedControlValue,\n} from './components/SegmentedControl/SegmentedControl';\nexport { Calendar } from './components/Calendar/Calendar';\nexport type { CalendarProps } from './components/Calendar/Calendar';\nexport { CalendarRange } from './components/CalendarRange/CalendarRange';\nexport type { CalendarRangeProps } from './components/CalendarRange/CalendarRange';\nexport { DateInput } from './components/DateInput/DateInput';\nexport type { DateInputProps } from './components/DateInput/DateInput';\nexport { DateRangeInput } from './components/DateRangeInput/DateRangeInput';\nexport type { DateRangeInputProps } from './components/DateRangeInput/DateRangeInput';\n\n/**\n * Helpers\n */\nexport { Div } from './components/Div/Div';\nexport type { DivProps } from './components/Div/Div';\nexport { Touch } from './components/Touch/Touch';\nexport type { TouchProps } from './components/Touch/Touch';\nexport { PanelSpinner } from './components/PanelSpinner/PanelSpinner';\nexport type { PanelSpinnerProps } from './components/PanelSpinner/PanelSpinner';\nexport { PanelHeaderClose } from './components/PanelHeaderClose/PanelHeaderClose';\nexport { PanelHeaderBack } from './components/PanelHeaderBack/PanelHeaderBack';\nexport type { PanelHeaderBackProps } from './components/PanelHeaderBack/PanelHeaderBack';\nexport { PanelHeaderSubmit } from './components/PanelHeaderSubmit/PanelHeaderSubmit';\nexport { PanelHeaderEdit } from './components/PanelHeaderEdit/PanelHeaderEdit';\nexport type { PanelHeaderEditProps } from './components/PanelHeaderEdit/PanelHeaderEdit';\nexport { ModalCardBase } from './components/ModalCardBase/ModalCardBase';\nexport type { ModalCardBaseProps } from './components/ModalCardBase/ModalCardBase';\nexport { VisuallyHiddenInput } from './components/VisuallyHiddenInput/VisuallyHiddenInput';\nexport type { VisuallyHiddenInputProps } from './components/VisuallyHiddenInput/VisuallyHiddenInput';\nexport { VisuallyHidden } from './components/VisuallyHidden/VisuallyHidden';\nexport { AdaptiveIconRenderer } from './components/AdaptiveIconRenderer/AdaptiveIconRenderer';\nexport type { AdaptiveIconRendererProps } from './components/AdaptiveIconRenderer/AdaptiveIconRenderer';\n\n/**\n * Wrappers\n */\nexport { AdaptivityProvider } from './components/AdaptivityProvider/AdaptivityProvider';\nexport type { AdaptivityProviderProps } from './components/AdaptivityProvider/AdaptivityProvider';\nexport { ConfigProvider } from './components/ConfigProvider/ConfigProvider';\nexport type { ConfigProviderProps } from './components/ConfigProvider/ConfigProvider';\nexport {\n  useConfigProvider,\n  ConfigProviderContext,\n  WebviewType,\n} from './components/ConfigProvider/ConfigProviderContext';\nexport { AppearanceProvider } from './components/AppearanceProvider/AppearanceProvider';\nexport type { AppearanceProviderProps } from './components/AppearanceProvider/AppearanceProvider';\nexport { Appearance } from './helpers/appearance';\nexport { LocaleProvider } from './components/LocaleProvider/LocaleProvider';\nexport type { LocaleProviderProps } from './components/LocaleProvider/LocaleProvider';\nexport { PlatformProvider } from './components/PlatformProvider/PlatformProvider';\nexport type { PlatformProviderProps } from './components/PlatformProvider/PlatformProvider';\n\n/**\n * Advertisement\n */\nexport { PromoBanner } from './components/PromoBanner/PromoBanner';\nexport type { PromoBannerProps } from './components/PromoBanner/PromoBanner';\n\n/**\n * HOCs\n */\nexport { withInsets } from './hoc/withInsets';\nexport { withPlatform } from './hoc/withPlatform';\n\n/**\n * Hooks\n */\nexport { useInsets } from './hooks/useInsets';\nexport { usePlatform } from './hooks/usePlatform';\nexport { useAdaptivity } from './hooks/useAdaptivity';\nexport {\n  type UseAdaptivityConditionalRender,\n  useAdaptivityConditionalRender,\n} from './hooks/useAdaptivityConditionalRender';\nexport {\n  type UseAdaptivityWithJSMediaQueries,\n  useAdaptivityWithJSMediaQueries,\n} from './hooks/useAdaptivityWithJSMediaQueries';\nexport { useAppearance } from './hooks/useAppearance';\nexport { usePagination } from './hooks/usePagination';\nexport { useTodayDate } from './hooks/useTodayDate';\nexport { useScrollLock } from './components/AppRoot/ScrollContext';\nexport { useNavTransition } from './components/NavTransitionContext/NavTransitionContext';\nexport { useNavDirection } from './components/NavTransitionDirectionContext/NavTransitionDirectionContext';\nexport type { TransitionDirection } from './components/NavTransitionDirectionContext/NavTransitionDirectionContext';\nexport { useModalRootContext } from './components/ModalRoot/useModalRootContext';\n\n/**\n * Utils\n */\nexport { classNames } from '@vkontakte/vkjs';\nexport { animate } from './lib/animate';\nexport { defaultFilterFn as filterFnForSelect } from './lib/select';\nexport { removeObjectKeys } from './lib/removeObjectKeys';\nexport { SSRWrapper } from './lib/SSR';\nexport type { SSRWrapperProps } from './lib/SSR';\nexport { platform, Platform } from './lib/platform';\nexport {\n  ViewWidth,\n  ViewHeight,\n  SizeType,\n  getViewWidthByViewportWidth,\n  getViewHeightByViewportHeight,\n} from './lib/adaptivity';\nexport { getPlatformClassName } from './helpers/getPlatformClassName';\nexport type { AdaptivityProps } from './components/AdaptivityProvider/AdaptivityContext';\nexport { calcInitialsAvatarColor } from './helpers/avatar';\nexport { CustomScrollView } from './components/CustomScrollView/CustomScrollView';\n\n/**\n * Types\n */\nexport type { AlignType, HasPlatform, HasInsets, HasRef, HasRootRef } from './types';\nexport type { NavIdProps } from './lib/getNavId';\nexport type { PlatformType } from './lib/platform';\nexport type { TransitionContextProps } from './components/NavTransitionContext/NavTransitionContext';\n\n/**\n * Unstable\n */\nexport { ChipsSelect as unstable_ChipsSelect } from './components/ChipsSelect/ChipsSelect';\nexport type { ChipsSelectProps as unstable_ChipsSelectProps } from './components/ChipsSelect/ChipsSelect';\n\nexport { Popover as unstable_Popover } from './components/Popover/Popover';\nexport type { PopoverProps as unstable_PopoverProps } from './components/Popover/Popover';\n\nexport { TextTooltip as unstable_TextTooltip } from './components/TextTooltip/TextTooltip';\nexport type { TextTooltipProps as unstable_TextTooltipProps } from './components/TextTooltip/TextTooltip';\n\nexport { RichTooltip as unstable_RichTooltip } from './components/RichTooltip/RichTooltip';\nexport type { RichTooltipProps as unstable_RichTooltipProps } from './components/RichTooltip/RichTooltip';\n\nexport { Popper as unstable_Popper } from './components/Popper/Popper';\nexport type { PopperProps as unstable_PopperProps } from './components/Popper/Popper';\n\nexport { ViewInfinite as unstable_ViewInfinite } from './components/View/ViewInfinite';\nexport type { ViewInfiniteProps as unstable_ViewInfiniteProps } from './components/View/ViewInfinite';\n\nexport { HorizontalCellShowMore as unstable_HorizontalCellShowMore } from './components/HorizontalCellShowMore/HorizontalCellShowMore';\nexport type { HorizontalCellShowMoreProps as unstable_HorizontalCellShowMoreProps } from './components/HorizontalCellShowMore/HorizontalCellShowMore';\n\nimport './styles/common.css';\n"],"names":["AppRoot","Title","Headline","Text","Paragraph","Subhead","Footnote","Caption","Tappable","FixedLayout","ImageBaseContext","ImageBase","getBadgeIconSizeByImageBaseSize","getFallbackIconSizeByImageBaseSize","getOverlayIconSizeByImageBaseSize","Button","Root","View","Panel","PanelHeaderButton","PanelHeader","PanelHeaderContent","PanelHeaderContext","SplitLayout","SplitCol","Epic","Tabbar","TabbarItem","ScrollArrow","HorizontalScroll","AspectRatio","PopoutWrapper","Alert","ActionSheet","ActionSheetItem","ActionSheetDefaultIosCloseItem","ScreenSpinner","Snackbar","ModalRoot","withModalRootContext","ModalRootContext","ModalPage","ModalPageHeader","ModalCard","ModalDismissButton","Badge","ButtonGroup","IconButton","Card","CardGrid","CardScroll","ContentCard","Header","Group","Gradient","List","Cell","RichCell","SimpleCell","CellButton","HorizontalCell","Footer","InfoRow","Gallery","Avatar","GridAvatar","Image","Progress","Search","Tabs","TabsItem","Spinner","PullToRefresh","Link","Tooltip","TooltipContainer","Counter","UsersStack","Separator","Spacing","Placeholder","Banner","MiniInfoCell","WriteBar","WriteBarIcon","SubnavigationBar","SubnavigationButton","Pagination","Accordion","FormLayout","FormItem","FormField","FormLayoutGroup","FormStatus","Switch","File","Input","Chip","ChipsInput","Slider","RangeSlider","Textarea","Radio","RadioGroup","Checkbox","Select","SelectMimicry","NativeSelect","CustomSelect","CustomSelectOption","DatePicker","SegmentedControl","Calendar","CalendarRange","DateInput","DateRangeInput","Div","Touch","PanelSpinner","PanelHeaderClose","PanelHeaderBack","PanelHeaderSubmit","PanelHeaderEdit","ModalCardBase","VisuallyHiddenInput","VisuallyHidden","AdaptiveIconRenderer","AdaptivityProvider","ConfigProvider","useConfigProvider","ConfigProviderContext","WebviewType","AppearanceProvider","Appearance","LocaleProvider","PlatformProvider","PromoBanner","withInsets","withPlatform","useInsets","usePlatform","useAdaptivity","useAdaptivityConditionalRender","useAdaptivityWithJSMediaQueries","useAppearance","usePagination","useTodayDate","useScrollLock","useNavTransition","useNavDirection","useModalRootContext","classNames","animate","defaultFilterFn","filterFnForSelect","removeObjectKeys","SSRWrapper","platform","Platform","ViewWidth","ViewHeight","SizeType","getViewWidthByViewportWidth","getViewHeightByViewportHeight","getPlatformClassName","calcInitialsAvatarColor","CustomScrollView","ChipsSelect","unstable_ChipsSelect","Popover","unstable_Popover","TextTooltip","unstable_TextTooltip","RichTooltip","unstable_RichTooltip","Popper","unstable_Popper","ViewInfinite","unstable_ViewInfinite","HorizontalCellShowMore","unstable_HorizontalCellShowMore"],"mappings":"AAAA,OAAO,kBAAkB;AAKzB,SAASA,OAAO,QAAQ,+BAA+B;AAGvD;;CAEC,GACD,SAASC,KAAK,QAAQ,sCAAsC;AAE5D,SAASC,QAAQ,QAAQ,4CAA4C;AAErE,SAASC,IAAI,QAAQ,oCAAoC;AAEzD,SAASC,SAAS,QAAQ,8CAA8C;AAExE,SAASC,OAAO,QAAQ,0CAA0C;AAElE,SAASC,QAAQ,QAAQ,4CAA4C;AAErE,SAASC,OAAO,QAAQ,0CAA0C;AAGlE;;CAEC,GACD,SAASC,QAAQ,QAAQ,iCAAiC;AAE1D,SAASC,WAAW,QAAQ,uCAAuC;AAEnE,SACEC,gBAAgB,EAChBC,SAAS,EACTC,+BAA+B,EAC/BC,kCAAkC,EAClCC,iCAAiC,QAC5B,mCAAmC;AAQ1C;;CAEC,GACD,SAASC,MAAM,QAAQ,6BAA6B;AAGpD;;CAEC,GACD,SAASC,IAAI,QAAQ,yBAAyB;AAE9C,SAASC,IAAI,QAAQ,yBAAyB;AAE9C,SAASC,KAAK,QAAQ,2BAA2B;AAEjD,SAASC,iBAAiB,QAAQ,mDAAmD;AAErF,SAASC,WAAW,QAAQ,uCAAuC;AAEnE,SAASC,kBAAkB,QAAQ,qDAAqD;AAExF,SAASC,kBAAkB,QAAQ,qDAAqD;AAExF,SAASC,WAAW,QAAQ,uCAAuC;AAEnE,SAASC,QAAQ,QAAQ,iCAAiC;AAE1D,SAASC,IAAI,QAAQ,yBAAyB;AAE9C,SAASC,MAAM,QAAQ,6BAA6B;AAEpD,SAASC,UAAU,QAAQ,qCAAqC;AAEhE,SAASC,WAAW,QAAQ,uCAAuC;AAEnE,SAASC,gBAAgB,QAAQ,iDAAiD;AAElF,SAASC,WAAW,QAAQ,uCAAuC;AAGnE;;CAEC,GACD,SAASC,aAAa,QAAQ,2CAA2C;AAEzE,SAASC,KAAK,QAAQ,2BAA2B;AAEjD,SAASC,WAAW,QAAQ,uCAAuC;AAKnE,SAASC,eAAe,QAAQ,+CAA+C;AAE/E,SAASC,8BAA8B,QAAQ,0DAA0D;AACzG,SAASC,aAAa,QAAQ,2CAA2C;AAEzE,SAASC,QAAQ,QAAQ,iCAAiC;AAG1D;;CAEC,GACD,SAASC,SAAS,QAAQ,2CAA2C;AAErE,SAASC,oBAAoB,QAAQ,8CAA8C;AACnF,SAASC,gBAAgB,QAAQ,0CAA0C;AAC3E,SAASC,SAAS,QAAQ,mCAAmC;AAE7D,SAASC,eAAe,QAAQ,+CAA+C;AAE/E,SAASC,SAAS,QAAQ,mCAAmC;AAE7D,SAASC,kBAAkB,QAAQ,qDAAqD;AAGxF;;CAEC,GACD,SAASC,KAAK,QAAQ,2BAA2B;AAEjD,SAASC,WAAW,QAAQ,uCAAuC;AAEnE,SAASC,UAAU,QAAQ,qCAAqC;AAEhE,SAASC,IAAI,QAAQ,yBAAyB;AAE9C,SAASC,QAAQ,QAAQ,iCAAiC;AAE1D,SAASC,UAAU,QAAQ,qCAAqC;AAEhE,SAASC,WAAW,QAAQ,uCAAuC;AAEnE,SAASC,MAAM,QAAQ,6BAA6B;AAEpD,SAASC,KAAK,QAAQ,2BAA2B;AAEjD,SAASC,QAAQ,QAAQ,iCAAiC;AAE1D,SAASC,IAAI,QAAQ,yBAAyB;AAE9C,SAASC,IAAI,QAAQ,yBAAyB;AAG9C,SAASC,QAAQ,QAAQ,iCAAiC;AAE1D,SAASC,UAAU,QAAQ,qCAAqC;AAEhE,SAASC,UAAU,QAAQ,qCAAqC;AAEhE,SAASC,cAAc,QAAQ,6CAA6C;AAE5E,SAASC,MAAM,QAAQ,6BAA6B;AAEpD,SAASC,OAAO,QAAQ,+BAA+B;AAEvD,SAASC,OAAO,QAAQ,+BAA+B;AAEvD,SAASC,MAAM,QAAQ,6BAA6B;AAOpD,SAASC,UAAU,QAAQ,qCAAqC;AAEhE,SAASC,KAAK,QAAQ,2BAA2B;AAEjD,SAASC,QAAQ,QAAQ,iCAAiC;AAE1D,SAASC,MAAM,QAAQ,6BAA6B;AAEpD,SAASC,IAAI,QAAQ,yBAAyB;AAE9C,SAASC,QAAQ,QAAQ,iCAAiC;AAE1D,SAASC,OAAO,QAAQ,+BAA+B;AAEvD,SAASC,aAAa,QAAQ,2CAA2C;AAEzE,SAASC,IAAI,QAAQ,yBAAyB;AAE9C,SAASC,OAAO,QAAQ,+BAA+B;AAEvD,SAASC,gBAAgB,QAAQ,wCAAwC;AACzE,SAASC,OAAO,QAAQ,+BAA+B;AAEvD,SAASC,UAAU,QAAQ,qCAAqC;AAEhE,SAASC,SAAS,QAAQ,mCAAmC;AAE7D,SAASC,OAAO,QAAQ,+BAA+B;AAEvD,SAASC,WAAW,QAAQ,uCAAuC;AASnE,SAASC,MAAM,QAAQ,6BAA6B;AAEpD,SAASC,YAAY,QAAQ,yCAAyC;AAEtE,SAASC,QAAQ,QAAQ,iCAAiC;AAE1D,SAASC,YAAY,QAAQ,yCAAyC;AAEtE,SAASC,gBAAgB,QAAQ,iDAAiD;AAElF,SAASC,mBAAmB,QAAQ,uDAAuD;AAE3F,SAASC,UAAU,QAAQ,qCAAqC;AAEhE,SAASC,SAAS,QAAQ,mCAAmC;AAI7D;;CAEC,GACD,SAASC,UAAU,QAAQ,qCAAqC;AAEhE,SAASC,QAAQ,QAAQ,iCAAiC;AAE1D,SAASC,SAAS,QAAQ,mCAAmC;AAE7D,SAASC,eAAe,QAAQ,+CAA+C;AAE/E,SAASC,UAAU,QAAQ,qCAAqC;AAEhE,SAASC,MAAM,QAAQ,6BAA6B;AAEpD,SAASC,IAAI,QAAQ,yBAAyB;AAE9C,SAASC,KAAK,QAAQ,2BAA2B;AAEjD,SAASC,IAAI,QAAQ,yBAAyB;AAE9C,SAASC,UAAU,QAAQ,qCAAqC;AAEhE,SAASC,MAAM,QAAQ,6BAA6B;AAEpD,SAASC,WAAW,QAAQ,uCAAuC;AAEnE,SAASC,QAAQ,QAAQ,iCAAiC;AAE1D,SAASC,KAAK,QAAQ,2BAA2B;AAEjD,SAASC,UAAU,QAAQ,qCAAqC;AAEhE,SAASC,QAAQ,QAAQ,iCAAiC;AAE1D,SAASC,MAAM,QAAQ,6BAA6B;AACpD,SAASC,aAAa,QAAQ,2CAA2C;AAEzE,SAASC,YAAY,QAAQ,yCAAyC;AAEtE,SAASC,YAAY,QAAQ,yCAAyC;AAKtE,SAASC,kBAAkB,QAAQ,qDAAqD;AAExF,SAASC,UAAU,QAAQ,qCAAqC;AAEhE,SAASC,gBAAgB,QAAQ,iDAAiD;AAMlF,SAASC,QAAQ,QAAQ,iCAAiC;AAE1D,SAASC,aAAa,QAAQ,2CAA2C;AAEzE,SAASC,SAAS,QAAQ,mCAAmC;AAE7D,SAASC,cAAc,QAAQ,6CAA6C;AAG5E;;CAEC,GACD,SAASC,GAAG,QAAQ,uBAAuB;AAE3C,SAASC,KAAK,QAAQ,2BAA2B;AAEjD,SAASC,YAAY,QAAQ,yCAAyC;AAEtE,SAASC,gBAAgB,QAAQ,iDAAiD;AAClF,SAASC,eAAe,QAAQ,+CAA+C;AAE/E,SAASC,iBAAiB,QAAQ,mDAAmD;AACrF,SAASC,eAAe,QAAQ,+CAA+C;AAE/E,SAASC,aAAa,QAAQ,2CAA2C;AAEzE,SAASC,mBAAmB,QAAQ,uDAAuD;AAE3F,SAASC,cAAc,QAAQ,6CAA6C;AAC5E,SAASC,oBAAoB,QAAQ,yDAAyD;AAG9F;;CAEC,GACD,SAASC,kBAAkB,QAAQ,qDAAqD;AAExF,SAASC,cAAc,QAAQ,6CAA6C;AAE5E,SACEC,iBAAiB,EACjBC,qBAAqB,EACrBC,WAAW,QACN,oDAAoD;AAC3D,SAASC,kBAAkB,QAAQ,qDAAqD;AAExF,SAASC,UAAU,QAAQ,uBAAuB;AAClD,SAASC,cAAc,QAAQ,6CAA6C;AAE5E,SAASC,gBAAgB,QAAQ,iDAAiD;AAGlF;;CAEC,GACD,SAASC,WAAW,QAAQ,uCAAuC;AAGnE;;CAEC,GACD,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,YAAY,QAAQ,qBAAqB;AAElD;;CAEC,GACD,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,WAAW,QAAQ,sBAAsB;AAClD,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAEEC,8BAA8B,QACzB,yCAAyC;AAChD,SAEEC,+BAA+B,QAC1B,0CAA0C;AACjD,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,aAAa,QAAQ,qCAAqC;AACnE,SAASC,gBAAgB,QAAQ,yDAAyD;AAC1F,SAASC,eAAe,QAAQ,2EAA2E;AAE3G,SAASC,mBAAmB,QAAQ,6CAA6C;AAEjF;;CAEC,GACD,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,mBAAmBC,iBAAiB,QAAQ,eAAe;AACpE,SAASC,gBAAgB,QAAQ,yBAAyB;AAC1D,SAASC,UAAU,QAAQ,YAAY;AAEvC,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,iBAAiB;AACpD,SACEC,SAAS,EACTC,UAAU,EACVC,QAAQ,EACRC,2BAA2B,EAC3BC,6BAA6B,QACxB,mBAAmB;AAC1B,SAASC,oBAAoB,QAAQ,iCAAiC;AAEtE,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,gBAAgB,QAAQ,iDAAiD;AAUlF;;CAEC,GACD,SAASC,eAAeC,oBAAoB,QAAQ,uCAAuC;AAG3F,SAASC,WAAWC,gBAAgB,QAAQ,+BAA+B;AAG3E,SAASC,eAAeC,oBAAoB,QAAQ,uCAAuC;AAG3F,SAASC,eAAeC,oBAAoB,QAAQ,uCAAuC;AAG3F,SAASC,UAAUC,eAAe,QAAQ,6BAA6B;AAGvE,SAASC,gBAAgBC,qBAAqB,QAAQ,iCAAiC;AAGvF,SAASC,0BAA0BC,+BAA+B,QAAQ,6DAA6D"}

package/dist/lib/adaptivity/functions.d.ts

@@ -2,7 +2,15 @@ import type { Exact } from '../../types';
 import { type PlatformType } from '../platform';
 import { SizeType, ViewHeight, ViewWidth } from './constants';
 import type { CSSBreakpointsClassNames, MediaQueries } from './types';
+/**
+ * @public
+ */
+export declare function getViewWidthByViewportWidth(viewportWidth: number): ViewWidth;
 export declare function getViewWidthByMediaQueries(mediaQueries: MediaQueries): ViewWidth;
+/**
+ * @public
+ */
+export declare function getViewHeightByViewportHeight(viewportHeight: number): ViewHeight;
 export declare function getViewHeightByMediaQueries(mediaQueries: MediaQueries): ViewHeight;
 export declare function getSizeX(viewWidth: ViewWidth): SizeType;
 export declare function getSizeY(viewWidth: ViewWidth, viewHeight: ViewHeight, hasPointer: boolean): SizeType;

package/dist/lib/adaptivity/functions.js

@@ -1,5 +1,22 @@
 import { Platform } from "../platform";
-import { SizeType, VIEW_WIDTH_TO_CSS_BREAKPOINT_MAP, ViewHeight, ViewWidth } from "./constants";
+import { BREAKPOINTS, SizeType, VIEW_WIDTH_TO_CSS_BREAKPOINT_MAP, ViewHeight, ViewWidth } from "./constants";
+/**
+ * @public
+ */ export function getViewWidthByViewportWidth(viewportWidth) {
+    if (viewportWidth >= BREAKPOINTS.DESKTOP) {
+        return ViewWidth.DESKTOP;
+    }
+    if (viewportWidth >= BREAKPOINTS.TABLET) {
+        return ViewWidth.TABLET;
+    }
+    if (viewportWidth >= BREAKPOINTS.SMALL_TABLET) {
+        return ViewWidth.SMALL_TABLET;
+    }
+    if (viewportWidth >= BREAKPOINTS.MOBILE) {
+        return ViewWidth.MOBILE;
+    }
+    return ViewWidth.SMALL_MOBILE;
+}
 export function getViewWidthByMediaQueries(mediaQueries) {
     /* eslint-disable no-restricted-properties */ if (mediaQueries.desktopPlus.matches) {
         return ViewWidth.DESKTOP;
@@ -15,6 +32,17 @@ export function getViewWidthByMediaQueries(mediaQueries) {
     }
     /* eslint-enable no-restricted-properties */ return ViewWidth.SMALL_MOBILE;
 }
+/**
+ * @public
+ */ export function getViewHeightByViewportHeight(viewportHeight) {
+    if (viewportHeight >= BREAKPOINTS.MEDIUM_HEIGHT) {
+        return ViewHeight.MEDIUM;
+    }
+    if (viewportHeight >= BREAKPOINTS.MOBILE_LANDSCAPE_HEIGHT) {
+        return ViewHeight.SMALL;
+    }
+    return ViewHeight.EXTRA_SMALL;
+}
 export function getViewHeightByMediaQueries(mediaQueries) {
     /* eslint-disable no-restricted-properties */ if (mediaQueries.mediumHeight.matches) {
         return ViewHeight.MEDIUM;