@vkontakte/vkui 6.1.2 → 6.2.1

package/dist/cssm/lib/tokens/useTokenClassName.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/tokens/useTokenClassName.ts"],"sourcesContent":["import * as React from 'react';\nimport { ConfigProviderContext } from '../../components/ConfigProvider/ConfigProviderContext';\nimport { type AppearanceType, DEFAULT_APPEARANCE } from '../appearance';\nimport { Platform, type PlatformType } from '../platform';\nimport { DEFAULT_TOKENS_CLASS_NAMES } from './constants';\nimport type {\n  TokensClassNames,\n  TokensClassNamesByAppearances,\n  TokensClassNamesByPlatforms,\n} from './types';\n\nconst isTokensClassNamesForPlatforms = (\n  tokensClassNames: TokensClassNames,\n): tokensClassNames is TokensClassNamesByPlatforms =>\n  Platform.ANDROID in tokensClassNames ||\n  Platform.IOS in tokensClassNames ||\n  Platform.VKCOM in tokensClassNames;\n\nconst getTokenClassNameByAppearance = (\n  appearance: AppearanceType,\n  tokensClassNames?: TokensClassNamesByAppearances,\n) => (tokensClassNames ? tokensClassNames[appearance] : undefined);\n\nconst getAppearanceTokenClassNameByPlatform = (\n  platform: PlatformType,\n  tokensClassNames?: TokensClassNamesByPlatforms,\n) => (tokensClassNames ? tokensClassNames[platform] : undefined);\n\n/**\n * @private\n */\nexport const useTokensClassName = () => {\n  const {\n    platform,\n    appearance = DEFAULT_APPEARANCE,\n    tokensClassNames,\n  } = React.useContext(ConfigProviderContext);\n\n  const appearanceSchemeClassName = isTokensClassNamesForPlatforms(tokensClassNames)\n    ? getAppearanceTokenClassNameByPlatform(platform, tokensClassNames)\n    : tokensClassNames;\n\n  const tokensClassName = getTokenClassNameByAppearance(appearance, appearanceSchemeClassName);\n\n  return tokensClassName ? tokensClassName : DEFAULT_TOKENS_CLASS_NAMES[platform][appearance];\n};\n"],"names":["React","ConfigProviderContext","DEFAULT_APPEARANCE","Platform","DEFAULT_TOKENS_CLASS_NAMES","isTokensClassNamesForPlatforms","tokensClassNames","ANDROID","IOS","VKCOM","getTokenClassNameByAppearance","appearance","undefined","getAppearanceTokenClassNameByPlatform","platform","useTokensClassName","useContext","appearanceSchemeClassName","tokensClassName"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,wDAAwD;AAC9F,SAA8BC,kBAAkB,QAAQ,gBAAgB;AACxE,SAASC,QAAQ,QAA2B,cAAc;AAC1D,SAASC,0BAA0B,QAAQ,cAAc;AAOzD,MAAMC,iCAAiC,CACrCC,mBAEAH,SAASI,OAAO,IAAID,oBACpBH,SAASK,GAAG,IAAIF,oBAChBH,SAASM,KAAK,IAAIH;AAEpB,MAAMI,gCAAgC,CACpCC,YACAL,mBACIA,mBAAmBA,gBAAgB,CAACK,WAAW,GAAGC;AAExD,MAAMC,wCAAwC,CAC5CC,UACAR,mBACIA,mBAAmBA,gBAAgB,CAACQ,SAAS,GAAGF;AAEtD;;CAEC,GACD,OAAO,MAAMG,qBAAqB;IAChC,MAAM,EACJD,QAAQ,EACRH,aAAaT,kBAAkB,EAC/BI,gBAAgB,EACjB,GAAGN,MAAMgB,UAAU,CAACf;IAErB,MAAMgB,4BAA4BZ,+BAA+BC,oBAC7DO,sCAAsCC,UAAUR,oBAChDA;IAEJ,MAAMY,kBAAkBR,8BAA8BC,YAAYM;IAElE,OAAOC,kBAAkBA,kBAAkBd,0BAA0B,CAACU,SAAS,CAACH,WAAW;AAC7F,EAAE"}
+{"version":3,"sources":["../../../../src/lib/tokens/useTokenClassName.ts"],"sourcesContent":["import * as React from 'react';\nimport { ConfigProviderContext } from '../../components/ConfigProvider/ConfigProviderContext';\nimport { type AppearanceType, DEFAULT_APPEARANCE } from '../appearance';\nimport { Platform, type PlatformType } from '../platform';\nimport { DEFAULT_TOKENS_CLASS_NAMES } from './constants';\nimport type {\n  TokensClassNames,\n  TokensClassNamesByAppearances,\n  TokensClassNamesByPlatforms,\n} from './types';\n\nconst isTokensClassNamesForPlatforms = (\n  tokensClassNames: TokensClassNames,\n): tokensClassNames is TokensClassNamesByPlatforms =>\n  Platform.ANDROID in tokensClassNames ||\n  Platform.IOS in tokensClassNames ||\n  Platform.VKCOM in tokensClassNames;\n\nconst getTokenClassNameByAppearance = (\n  appearance: AppearanceType,\n  tokensClassNames?: TokensClassNamesByAppearances,\n) => (tokensClassNames ? tokensClassNames[appearance] : undefined);\n\nconst getAppearanceTokenClassNameByPlatform = (\n  platform: PlatformType,\n  tokensClassNames?: TokensClassNamesByPlatforms,\n) => (tokensClassNames ? tokensClassNames[platform] : undefined);\n\n/**\n * @private\n */\nexport const useTokensClassName = () => {\n  const {\n    platform,\n    appearance = DEFAULT_APPEARANCE,\n    tokensClassNames,\n  } = React.useContext(ConfigProviderContext);\n\n  const appearanceSchemeClassName = isTokensClassNamesForPlatforms(tokensClassNames)\n    ? getAppearanceTokenClassNameByPlatform(platform, tokensClassNames)\n    : tokensClassNames;\n\n  const tokensClassName = getTokenClassNameByAppearance(appearance, appearanceSchemeClassName);\n\n  return tokensClassName ? tokensClassName : DEFAULT_TOKENS_CLASS_NAMES[platform][appearance];\n};\n"],"names":["React","ConfigProviderContext","DEFAULT_APPEARANCE","Platform","DEFAULT_TOKENS_CLASS_NAMES","isTokensClassNamesForPlatforms","tokensClassNames","ANDROID","IOS","VKCOM","getTokenClassNameByAppearance","appearance","undefined","getAppearanceTokenClassNameByPlatform","platform","useTokensClassName","useContext","appearanceSchemeClassName","tokensClassName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,wDAAwD;AAC9F,SAA8BC,kBAAkB,QAAQ,gBAAgB;AACxE,SAASC,QAAQ,QAA2B,cAAc;AAC1D,SAASC,0BAA0B,QAAQ,cAAc;AAOzD,MAAMC,iCAAiC,CACrCC,mBAEAH,SAASI,OAAO,IAAID,oBACpBH,SAASK,GAAG,IAAIF,oBAChBH,SAASM,KAAK,IAAIH;AAEpB,MAAMI,gCAAgC,CACpCC,YACAL,mBACIA,mBAAmBA,gBAAgB,CAACK,WAAW,GAAGC;AAExD,MAAMC,wCAAwC,CAC5CC,UACAR,mBACIA,mBAAmBA,gBAAgB,CAACQ,SAAS,GAAGF;AAEtD;;CAEC,GACD,OAAO,MAAMG,qBAAqB;IAChC,MAAM,EACJD,QAAQ,EACRH,aAAaT,kBAAkB,EAC/BI,gBAAgB,EACjB,GAAGN,MAAMgB,UAAU,CAACf;IAErB,MAAMgB,4BAA4BZ,+BAA+BC,oBAC7DO,sCAAsCC,UAAUR,oBAChDA;IAEJ,MAAMY,kBAAkBR,8BAA8BC,YAAYM;IAElE,OAAOC,kBAAkBA,kBAAkBd,0BAA0B,CAACU,SAAS,CAACH,WAAW;AAC7F,EAAE"}

package/dist/cssm/lib/touch/UIPanGestureRecognizer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/touch/UIPanGestureRecognizer.ts"],"sourcesContent":["import { getFirstTouchEventData } from '../dom';\n\nexport type VCoords = { x: number; y: number };\n\nconst DEFAULT_INITIAL_TIME = 0;\nconst MILLISECONDS = 1000;\n\n/**\n * JS имплементация класса из UIKIt iOS.\n *\n * https://developer.apple.com/documentation/uikit/uipangesturerecognizer\n */\nexport class UIPanGestureRecognizer {\n  private initialTime = DEFAULT_INITIAL_TIME;\n  x1 = 0;\n  y1 = 0;\n  x2 = 0;\n  y2 = 0;\n\n  setInitialTimeOnce() {\n    if (this.initialTime === DEFAULT_INITIAL_TIME) {\n      this.initialTime = Date.now();\n    }\n  }\n\n  setStartCoords(event: UIEvent) {\n    const { clientX, clientY } = getFirstTouchEventData(event);\n    this.x1 = clientX;\n    this.y1 = clientY;\n  }\n\n  setEndCoords(event: UIEvent) {\n    const { clientX, clientY } = getFirstTouchEventData(event);\n    this.x2 = clientX;\n    this.y2 = clientY;\n  }\n\n  delta() {\n    return {\n      x: this.x2 - this.x1,\n      y: this.y2 - this.y1,\n    };\n  }\n\n  distance() {\n    const { x, y } = this.delta();\n    return Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));\n  }\n\n  velocity() {\n    const deltaTime = (Date.now() - this.initialTime) / MILLISECONDS;\n\n    if (deltaTime <= 0) {\n      return { x: 0, y: 0 };\n    }\n\n    const { x, y } = this.delta();\n    return { x: x / deltaTime, y: y / deltaTime };\n  }\n\n  angle() {\n    const deltaX = this.x2 - this.x1;\n    const deltaY = this.y2 - this.y1;\n    const radians = Math.atan2(deltaY, deltaX);\n    const degrees = (radians * 180) / Math.PI;\n    return degrees < 0 ? 360 + degrees : degrees;\n  }\n\n  reset() {\n    this.initialTime = DEFAULT_INITIAL_TIME;\n    this.x1 = this.y1 = 0;\n    this.x2 = this.y2 = 0;\n  }\n}\n"],"names":["getFirstTouchEventData","DEFAULT_INITIAL_TIME","MILLISECONDS","UIPanGestureRecognizer","initialTime","x1","y1","x2","y2","setInitialTimeOnce","Date","now","setStartCoords","event","clientX","clientY","setEndCoords","delta","x","y","distance","Math","sqrt","pow","velocity","deltaTime","angle","deltaX","deltaY","radians","atan2","degrees","PI","reset"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,sBAAsB,QAAQ,SAAS;AAIhD,MAAMC,uBAAuB;AAC7B,MAAMC,eAAe;AAErB;;;;CAIC,GACD,OAAO,MAAMC;IACHC,cAAcH,qBAAqB;IAC3CI,KAAK,EAAE;IACPC,KAAK,EAAE;IACPC,KAAK,EAAE;IACPC,KAAK,EAAE;IAEPC,qBAAqB;QACnB,IAAI,IAAI,CAACL,WAAW,KAAKH,sBAAsB;YAC7C,IAAI,CAACG,WAAW,GAAGM,KAAKC,GAAG;QAC7B;IACF;IAEAC,eAAeC,KAAc,EAAE;QAC7B,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGf,uBAAuBa;QACpD,IAAI,CAACR,EAAE,GAAGS;QACV,IAAI,CAACR,EAAE,GAAGS;IACZ;IAEAC,aAAaH,KAAc,EAAE;QAC3B,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGf,uBAAuBa;QACpD,IAAI,CAACN,EAAE,GAAGO;QACV,IAAI,CAACN,EAAE,GAAGO;IACZ;IAEAE,QAAQ;QACN,OAAO;YACLC,GAAG,IAAI,CAACX,EAAE,GAAG,IAAI,CAACF,EAAE;YACpBc,GAAG,IAAI,CAACX,EAAE,GAAG,IAAI,CAACF,EAAE;QACtB;IACF;IAEAc,WAAW;QACT,MAAM,EAAEF,CAAC,EAAEC,CAAC,EAAE,GAAG,IAAI,CAACF,KAAK;QAC3B,OAAOI,KAAKC,IAAI,CAACD,KAAKE,GAAG,CAACL,GAAG,KAAKG,KAAKE,GAAG,CAACJ,GAAG;IAChD;IAEAK,WAAW;QACT,MAAMC,YAAY,AAACf,CAAAA,KAAKC,GAAG,KAAK,IAAI,CAACP,WAAW,AAAD,IAAKF;QAEpD,IAAIuB,aAAa,GAAG;YAClB,OAAO;gBAAEP,GAAG;gBAAGC,GAAG;YAAE;QACtB;QAEA,MAAM,EAAED,CAAC,EAAEC,CAAC,EAAE,GAAG,IAAI,CAACF,KAAK;QAC3B,OAAO;YAAEC,GAAGA,IAAIO;YAAWN,GAAGA,IAAIM;QAAU;IAC9C;IAEAC,QAAQ;QACN,MAAMC,SAAS,IAAI,CAACpB,EAAE,GAAG,IAAI,CAACF,EAAE;QAChC,MAAMuB,SAAS,IAAI,CAACpB,EAAE,GAAG,IAAI,CAACF,EAAE;QAChC,MAAMuB,UAAUR,KAAKS,KAAK,CAACF,QAAQD;QACnC,MAAMI,UAAU,AAACF,UAAU,MAAOR,KAAKW,EAAE;QACzC,OAAOD,UAAU,IAAI,MAAMA,UAAUA;IACvC;IAEAE,QAAQ;QACN,IAAI,CAAC7B,WAAW,GAAGH;QACnB,IAAI,CAACI,EAAE,GAAG,IAAI,CAACC,EAAE,GAAG;QACpB,IAAI,CAACC,EAAE,GAAG,IAAI,CAACC,EAAE,GAAG;IACtB;AACF"}
+{"version":3,"sources":["../../../../src/lib/touch/UIPanGestureRecognizer.ts"],"sourcesContent":["import { getFirstTouchEventData } from '../dom';\n\nexport type VCoords = { x: number; y: number };\n\nconst DEFAULT_INITIAL_TIME = 0;\nconst MILLISECONDS = 1000;\n\n/**\n * JS имплементация класса из UIKIt iOS.\n *\n * https://developer.apple.com/documentation/uikit/uipangesturerecognizer\n */\nexport class UIPanGestureRecognizer {\n  private initialTime = DEFAULT_INITIAL_TIME;\n  x1 = 0;\n  y1 = 0;\n  x2 = 0;\n  y2 = 0;\n\n  setInitialTimeOnce() {\n    if (this.initialTime === DEFAULT_INITIAL_TIME) {\n      this.initialTime = Date.now();\n    }\n  }\n\n  setStartCoords(event: UIEvent) {\n    const { clientX, clientY } = getFirstTouchEventData(event);\n    this.x1 = clientX;\n    this.y1 = clientY;\n  }\n\n  setEndCoords(event: UIEvent) {\n    const { clientX, clientY } = getFirstTouchEventData(event);\n    this.x2 = clientX;\n    this.y2 = clientY;\n  }\n\n  delta() {\n    return {\n      x: this.x2 - this.x1,\n      y: this.y2 - this.y1,\n    };\n  }\n\n  distance() {\n    const { x, y } = this.delta();\n    return Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));\n  }\n\n  velocity() {\n    const deltaTime = (Date.now() - this.initialTime) / MILLISECONDS;\n\n    if (deltaTime <= 0) {\n      return { x: 0, y: 0 };\n    }\n\n    const { x, y } = this.delta();\n    return { x: x / deltaTime, y: y / deltaTime };\n  }\n\n  angle() {\n    const deltaX = this.x2 - this.x1;\n    const deltaY = this.y2 - this.y1;\n    const radians = Math.atan2(deltaY, deltaX);\n    const degrees = (radians * 180) / Math.PI;\n    return degrees < 0 ? 360 + degrees : degrees;\n  }\n\n  reset() {\n    this.initialTime = DEFAULT_INITIAL_TIME;\n    this.x1 = this.y1 = 0;\n    this.x2 = this.y2 = 0;\n  }\n}\n"],"names":["getFirstTouchEventData","DEFAULT_INITIAL_TIME","MILLISECONDS","UIPanGestureRecognizer","initialTime","x1","y1","x2","y2","setInitialTimeOnce","Date","now","setStartCoords","event","clientX","clientY","setEndCoords","delta","x","y","distance","Math","sqrt","pow","velocity","deltaTime","angle","deltaX","deltaY","radians","atan2","degrees","PI","reset"],"mappings":"AAAA,SAASA,sBAAsB,QAAQ,SAAS;AAIhD,MAAMC,uBAAuB;AAC7B,MAAMC,eAAe;AAErB;;;;CAIC,GACD,OAAO,MAAMC;IACHC,cAAcH,qBAAqB;IAC3CI,KAAK,EAAE;IACPC,KAAK,EAAE;IACPC,KAAK,EAAE;IACPC,KAAK,EAAE;IAEPC,qBAAqB;QACnB,IAAI,IAAI,CAACL,WAAW,KAAKH,sBAAsB;YAC7C,IAAI,CAACG,WAAW,GAAGM,KAAKC,GAAG;QAC7B;IACF;IAEAC,eAAeC,KAAc,EAAE;QAC7B,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGf,uBAAuBa;QACpD,IAAI,CAACR,EAAE,GAAGS;QACV,IAAI,CAACR,EAAE,GAAGS;IACZ;IAEAC,aAAaH,KAAc,EAAE;QAC3B,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGf,uBAAuBa;QACpD,IAAI,CAACN,EAAE,GAAGO;QACV,IAAI,CAACN,EAAE,GAAGO;IACZ;IAEAE,QAAQ;QACN,OAAO;YACLC,GAAG,IAAI,CAACX,EAAE,GAAG,IAAI,CAACF,EAAE;YACpBc,GAAG,IAAI,CAACX,EAAE,GAAG,IAAI,CAACF,EAAE;QACtB;IACF;IAEAc,WAAW;QACT,MAAM,EAAEF,CAAC,EAAEC,CAAC,EAAE,GAAG,IAAI,CAACF,KAAK;QAC3B,OAAOI,KAAKC,IAAI,CAACD,KAAKE,GAAG,CAACL,GAAG,KAAKG,KAAKE,GAAG,CAACJ,GAAG;IAChD;IAEAK,WAAW;QACT,MAAMC,YAAY,AAACf,CAAAA,KAAKC,GAAG,KAAK,IAAI,CAACP,WAAW,AAAD,IAAKF;QAEpD,IAAIuB,aAAa,GAAG;YAClB,OAAO;gBAAEP,GAAG;gBAAGC,GAAG;YAAE;QACtB;QAEA,MAAM,EAAED,CAAC,EAAEC,CAAC,EAAE,GAAG,IAAI,CAACF,KAAK;QAC3B,OAAO;YAAEC,GAAGA,IAAIO;YAAWN,GAAGA,IAAIM;QAAU;IAC9C;IAEAC,QAAQ;QACN,MAAMC,SAAS,IAAI,CAACpB,EAAE,GAAG,IAAI,CAACF,EAAE;QAChC,MAAMuB,SAAS,IAAI,CAACpB,EAAE,GAAG,IAAI,CAACF,EAAE;QAChC,MAAMuB,UAAUR,KAAKS,KAAK,CAACF,QAAQD;QACnC,MAAMI,UAAU,AAACF,UAAU,MAAOR,KAAKW,EAAE;QACzC,OAAOD,UAAU,IAAI,MAAMA,UAAUA;IACvC;IAEAE,QAAQ;QACN,IAAI,CAAC7B,WAAW,GAAGH;QACnB,IAAI,CAACI,EAAE,GAAG,IAAI,CAACC,EAAE,GAAG;QACpB,IAAI,CAACC,EAAE,GAAG,IAAI,CAACC,EAAE,GAAG;IACtB;AACF"}

package/dist/cssm/lib/touch/functions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/touch/functions.ts"],"sourcesContent":["import { canUseDOM } from '../dom';\n\nexport interface VKUITouchEvent extends MouseEvent, TouchEvent {}\nexport type VKUITouchEventHandler = (e: VKUITouchEvent) => void;\n\n/*\n * Получает координату по оси абсцисс из touch- или mouse-события\n */\nconst coordX = (e: VKUITouchEvent): number => {\n  if (e.clientX != null) {\n    return e.clientX;\n  }\n  return e.changedTouches && e.changedTouches[0].clientX;\n};\n\n/*\n * Получает координату по оси ординат из touch- или mouse-события\n */\nconst coordY = (e: VKUITouchEvent): number => {\n  if (e.clientY != null) {\n    return e.clientY;\n  }\n  return e.changedTouches && e.changedTouches[0].clientY;\n};\n\n// eslint-disable-next-line no-restricted-globals\nconst touchEnabled = () => canUseDOM && 'ontouchstart' in window;\n\n/*\n * Возвращает массив поддерживаемых событий\n * Если браузер поддерживает pointer events или подключена handjs, вернет события указателя.\n * Если нет, используем события мыши\n */\nfunction getSupportedEvents(): string[] {\n  if (touchEnabled()) {\n    return ['touchstart', 'touchmove', 'touchend', 'touchcancel'];\n  }\n\n  return ['mousedown', 'mousemove', 'mouseup', 'mouseleave'];\n}\n\n/*\n * Рассчитывает \"сопротивление\" для iOS тач-событий\n */\nfunction rubber(\n  offset: number,\n  dimension: number,\n  resistanceRate: number,\n  isAndroid: boolean,\n): number {\n  if (isAndroid || offset < 0) {\n    return offset;\n  }\n\n  const offsettedResistance = offset * resistanceRate;\n  return (offsettedResistance * dimension) / (offsettedResistance + dimension);\n}\n\nexport { getSupportedEvents, coordX, coordY, touchEnabled, rubber };\n"],"names":["canUseDOM","coordX","e","clientX","changedTouches","coordY","clientY","touchEnabled","window","getSupportedEvents","rubber","offset","dimension","resistanceRate","isAndroid","offsettedResistance"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,SAAS,QAAQ,SAAS;AAKnC;;CAEC,GACD,MAAMC,SAAS,CAACC;IACd,IAAIA,EAAEC,OAAO,IAAI,MAAM;QACrB,OAAOD,EAAEC,OAAO;IAClB;IACA,OAAOD,EAAEE,cAAc,IAAIF,EAAEE,cAAc,CAAC,EAAE,CAACD,OAAO;AACxD;AAEA;;CAEC,GACD,MAAME,SAAS,CAACH;IACd,IAAIA,EAAEI,OAAO,IAAI,MAAM;QACrB,OAAOJ,EAAEI,OAAO;IAClB;IACA,OAAOJ,EAAEE,cAAc,IAAIF,EAAEE,cAAc,CAAC,EAAE,CAACE,OAAO;AACxD;AAEA,iDAAiD;AACjD,MAAMC,eAAe,IAAMP,aAAa,kBAAkBQ;AAE1D;;;;CAIC,GACD,SAASC;IACP,IAAIF,gBAAgB;QAClB,OAAO;YAAC;YAAc;YAAa;YAAY;SAAc;IAC/D;IAEA,OAAO;QAAC;QAAa;QAAa;QAAW;KAAa;AAC5D;AAEA;;CAEC,GACD,SAASG,OACPC,MAAc,EACdC,SAAiB,EACjBC,cAAsB,EACtBC,SAAkB;IAElB,IAAIA,aAAaH,SAAS,GAAG;QAC3B,OAAOA;IACT;IAEA,MAAMI,sBAAsBJ,SAASE;IACrC,OAAO,AAACE,sBAAsBH,YAAcG,CAAAA,sBAAsBH,SAAQ;AAC5E;AAEA,SAASH,kBAAkB,EAAER,MAAM,EAAEI,MAAM,EAAEE,YAAY,EAAEG,MAAM,GAAG"}
+{"version":3,"sources":["../../../../src/lib/touch/functions.ts"],"sourcesContent":["import { canUseDOM } from '../dom';\n\nexport interface VKUITouchEvent extends MouseEvent, TouchEvent {}\nexport type VKUITouchEventHandler = (e: VKUITouchEvent) => void;\n\n/*\n * Получает координату по оси абсцисс из touch- или mouse-события\n */\nconst coordX = (e: VKUITouchEvent): number => {\n  if (e.clientX != null) {\n    return e.clientX;\n  }\n  return e.changedTouches && e.changedTouches[0].clientX;\n};\n\n/*\n * Получает координату по оси ординат из touch- или mouse-события\n */\nconst coordY = (e: VKUITouchEvent): number => {\n  if (e.clientY != null) {\n    return e.clientY;\n  }\n  return e.changedTouches && e.changedTouches[0].clientY;\n};\n\n// eslint-disable-next-line no-restricted-globals\nconst touchEnabled = () => canUseDOM && 'ontouchstart' in window;\n\n/*\n * Возвращает массив поддерживаемых событий\n * Если браузер поддерживает pointer events или подключена handjs, вернет события указателя.\n * Если нет, используем события мыши\n */\nfunction getSupportedEvents(): string[] {\n  if (touchEnabled()) {\n    return ['touchstart', 'touchmove', 'touchend', 'touchcancel'];\n  }\n\n  return ['mousedown', 'mousemove', 'mouseup', 'mouseleave'];\n}\n\n/*\n * Рассчитывает \"сопротивление\" для iOS тач-событий\n */\nfunction rubber(\n  offset: number,\n  dimension: number,\n  resistanceRate: number,\n  isAndroid: boolean,\n): number {\n  if (isAndroid || offset < 0) {\n    return offset;\n  }\n\n  const offsettedResistance = offset * resistanceRate;\n  return (offsettedResistance * dimension) / (offsettedResistance + dimension);\n}\n\nexport { getSupportedEvents, coordX, coordY, touchEnabled, rubber };\n"],"names":["canUseDOM","coordX","e","clientX","changedTouches","coordY","clientY","touchEnabled","window","getSupportedEvents","rubber","offset","dimension","resistanceRate","isAndroid","offsettedResistance"],"mappings":"AAAA,SAASA,SAAS,QAAQ,SAAS;AAKnC;;CAEC,GACD,MAAMC,SAAS,CAACC;IACd,IAAIA,EAAEC,OAAO,IAAI,MAAM;QACrB,OAAOD,EAAEC,OAAO;IAClB;IACA,OAAOD,EAAEE,cAAc,IAAIF,EAAEE,cAAc,CAAC,EAAE,CAACD,OAAO;AACxD;AAEA;;CAEC,GACD,MAAME,SAAS,CAACH;IACd,IAAIA,EAAEI,OAAO,IAAI,MAAM;QACrB,OAAOJ,EAAEI,OAAO;IAClB;IACA,OAAOJ,EAAEE,cAAc,IAAIF,EAAEE,cAAc,CAAC,EAAE,CAACE,OAAO;AACxD;AAEA,iDAAiD;AACjD,MAAMC,eAAe,IAAMP,aAAa,kBAAkBQ;AAE1D;;;;CAIC,GACD,SAASC;IACP,IAAIF,gBAAgB;QAClB,OAAO;YAAC;YAAc;YAAa;YAAY;SAAc;IAC/D;IAEA,OAAO;QAAC;QAAa;QAAa;QAAW;KAAa;AAC5D;AAEA;;CAEC,GACD,SAASG,OACPC,MAAc,EACdC,SAAiB,EACjBC,cAAsB,EACtBC,SAAkB;IAElB,IAAIA,aAAaH,SAAS,GAAG;QAC3B,OAAOA;IACT;IAEA,MAAMI,sBAAsBJ,SAASE;IACrC,OAAO,AAACE,sBAAsBH,YAAcG,CAAAA,sBAAsBH,SAAQ;AAC5E;AAEA,SAASH,kBAAkB,EAAER,MAAM,EAAEI,MAAM,EAAEE,YAAY,EAAEG,MAAM,GAAG"}

package/dist/cssm/lib/touch/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/touch/index.ts"],"sourcesContent":["export type * from './functions';\nexport { getSupportedEvents, coordX, coordY, touchEnabled, rubber } from './functions';\n\nexport type { VCoords } from './UIPanGestureRecognizer';\nexport { UIPanGestureRecognizer } from './UIPanGestureRecognizer';\n"],"names":["getSupportedEvents","coordX","coordY","touchEnabled","rubber","UIPanGestureRecognizer"],"rangeMappings":";","mappings":"AACA,SAASA,kBAAkB,EAAEC,MAAM,EAAEC,MAAM,EAAEC,YAAY,EAAEC,MAAM,QAAQ,cAAc;AAGvF,SAASC,sBAAsB,QAAQ,2BAA2B"}
+{"version":3,"sources":["../../../../src/lib/touch/index.ts"],"sourcesContent":["export type * from './functions';\nexport { getSupportedEvents, coordX, coordY, touchEnabled, rubber } from './functions';\n\nexport type { VCoords } from './UIPanGestureRecognizer';\nexport { UIPanGestureRecognizer } from './UIPanGestureRecognizer';\n"],"names":["getSupportedEvents","coordX","coordY","touchEnabled","rubber","UIPanGestureRecognizer"],"mappings":"AACA,SAASA,kBAAkB,EAAEC,MAAM,EAAEC,MAAM,EAAEC,YAAY,EAAEC,MAAM,QAAQ,cAAc;AAGvF,SAASC,sBAAsB,QAAQ,2BAA2B"}

package/dist/cssm/lib/useIsomorphicLayoutEffect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/useIsomorphicLayoutEffect.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM } from './dom';\n\nexport const useIsomorphicLayoutEffect = canUseDOM\n  ? // eslint-disable-next-line no-restricted-properties\n    React.useLayoutEffect\n  : React.useEffect;\n"],"names":["React","canUseDOM","useIsomorphicLayoutEffect","useLayoutEffect","useEffect"],"rangeMappings":";;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,SAAS,QAAQ,QAAQ;AAElC,OAAO,MAAMC,4BAA4BD,YAErCD,MAAMG,eAAe,GACrBH,MAAMI,SAAS,CAAC"}
+{"version":3,"sources":["../../../src/lib/useIsomorphicLayoutEffect.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM } from './dom';\n\nexport const useIsomorphicLayoutEffect = canUseDOM\n  ? // eslint-disable-next-line no-restricted-properties\n    React.useLayoutEffect\n  : React.useEffect;\n"],"names":["React","canUseDOM","useIsomorphicLayoutEffect","useLayoutEffect","useEffect"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,SAAS,QAAQ,QAAQ;AAElC,OAAO,MAAMC,4BAA4BD,YAErCD,MAAMG,eAAe,GACrBH,MAAMI,SAAS,CAAC"}

package/dist/cssm/lib/utils.d.ts

@@ -5,7 +5,7 @@ export type ImgOnlyAttributes = {
 export declare function debounce<A extends any[]>(fn: (...args: A) => void, delay: number): (...args: A) => void;
 export declare function setRef<T>(element: T, ref?: React.Ref<T>): void;
 export declare function multiRef<T>(...refs: Array<React.Ref<T> | undefined>): React.RefObject<T>;
-export declare const stopPropagation: <T extends React.SyntheticEvent<Element, Event>>(event: T) => void;
+export declare const stopPropagation: <T extends React.SyntheticEvent>(event: T) => void;
 export declare function addClassNameToElement(element: HTMLElement, className: string): void;
 export declare function removeClassNameFromElement(element: HTMLElement, classNameToRemove: string): void;
 type ExcludeKeysWithUndefined<T> = {

package/dist/cssm/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,iBAAiB,GAAG;KAC7B,KAAK,IAAI,OAAO,CACf,MAAM,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAC/C,MAAM,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAC7C,GAAG,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC,KAAK,CAAC;CACrD,CAAC;AAEF,wBAAgB,QAAQ,CAAC,CAAC,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,IAAI,EAAE,KAAK,EAAE,MAAM,aAG9D,CAAC,UAInB;AAED,wBAAgB,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAQ9D;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAWxF;AAED,eAAO,MAAM,eAAe,0DAA2C,CAAC,SAC/C,CAAC;AAE1B,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,QAK5E;AAED,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,QAWzF;AAED,KAAK,wBAAwB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,wBAAwB,yDAC9B,CAAC,KACL,yBAAyB,CAAC,CAQ5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,2FAIlB,MAAM,YAAY;UAC+B,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS;CAClD,CAAC;AAEnC,wBAAgB,8BAA8B,CAC5C,QAAQ,EAAE,UAAU,CAAC,OAAO,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GACnD,QAAQ,IAAI,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,CAM1D;AAED,wBAAgB,mBAAmB,CACjC,CAAC,SAAS,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EAC1D,CAAC,SAAS,OAAO,EAEjB,QAAQ,EAAE,UAAU,CAAC,OAAO,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GACnD,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAA;CAAE,CAStF;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,eAAe,CAAC;;;;;;EAKhG"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/lib/utils.ts"],"names":[],"mappings":"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"}

package/dist/cssm/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/utils.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type ImgOnlyAttributes = {\n  [index in Exclude<\n    keyof React.ImgHTMLAttributes<HTMLImageElement>,\n    keyof React.HTMLAttributes<HTMLImageElement>\n  >]: React.ImgHTMLAttributes<HTMLImageElement>[index];\n};\n\nexport function debounce<A extends any[]>(fn: (...args: A) => void, delay: number) {\n  let timeout: any;\n\n  return (...args: A) => {\n    clearTimeout(timeout);\n    timeout = setTimeout(() => fn(...args), delay);\n  };\n}\n\nexport function setRef<T>(element: T, ref?: React.Ref<T>): void {\n  if (ref) {\n    if (typeof ref === 'function') {\n      ref(element);\n    } else {\n      (ref as React.MutableRefObject<T>).current = element;\n    }\n  }\n}\n\nexport function multiRef<T>(...refs: Array<React.Ref<T> | undefined>): React.RefObject<T> {\n  let current: T | null = null;\n  return {\n    get current() {\n      return current;\n    },\n    set current(element) {\n      current = element;\n      refs.forEach((ref) => ref && setRef(element, ref));\n    },\n  };\n}\n\nexport const stopPropagation = <T extends React.SyntheticEvent>(event: T) =>\n  event.stopPropagation();\n\nexport function addClassNameToElement(element: HTMLElement, className: string) {\n  const elementClassName = element.getAttribute('class') || '';\n  const updatedClassName = `${elementClassName}${elementClassName ? ' ' : ''}${className}`;\n\n  element.setAttribute('class', updatedClassName);\n}\n\nexport function removeClassNameFromElement(element: HTMLElement, classNameToRemove: string) {\n  const classNamesArray = (element.getAttribute('class') || '').split(/\\s+/);\n  const elementIndexToRemove = classNamesArray.findIndex(\n    (className) => className === classNameToRemove,\n  );\n  if (elementIndexToRemove === -1) {\n    return;\n  }\n  classNamesArray.splice(elementIndexToRemove, 1);\n\n  element.setAttribute('class', classNamesArray.join(' '));\n}\n\ntype ExcludeKeysWithUndefined<T> = {\n  [P in keyof T]?: Exclude<T[P], undefined>;\n};\n\nexport const excludeKeysWithUndefined = <T extends Record<string | number | symbol, any>>(\n  obj: T,\n): ExcludeKeysWithUndefined<T> => {\n  const filteredObj: ExcludeKeysWithUndefined<T> = {};\n  for (const key in obj) {\n    if (obj.hasOwnProperty(key) && obj[key] !== undefined) {\n      filteredObj[key] = obj[key];\n    }\n  }\n  return filteredObj;\n};\n\nexport const isDOMTypeElement = <\n  P extends React.HTMLAttributes<T> | React.SVGAttributes<T>,\n  T extends Element,\n>(\n  element: React.ReactElement,\n): element is Omit<React.DOMElement<P, T>, 'ref'> & { ref?: React.Ref<T> | undefined } =>\n  typeof element.type === 'string';\n\nexport function isValidNotReactFragmentElement(\n  children: Parameters<typeof React.isValidElement>[0],\n): children is React.ReactElement<Record<PropertyKey, any>> {\n  return (\n    React.isValidElement(children) &&\n    // @ts-expect-error: TS2339 $$typeof всегда symbol, в отличии от type, благодаря этому пропускаем лишние проверки на тип.\n    children.$$typeof !== Symbol.for('react.fragment')\n  );\n}\n\nexport function isForwardRefElement<\n  P extends React.HTMLAttributes<T> | React.SVGAttributes<T>,\n  T extends Element,\n>(\n  children: Parameters<typeof React.isValidElement>[0],\n): children is Omit<React.DOMElement<P, T>, 'ref'> & { ref?: React.Ref<T> | undefined } {\n  if (!React.isValidElement(children)) {\n    return false;\n  }\n\n  // @ts-expect-error: TS2339 $$typeof всегда symbol, в отличии от type, благодаря этому пропускаем лишние проверки на тип.\n  // черпаем вдохновение из react-is https://github.com/facebook/react/blob/d48dbb824985166ecb7b2959db03090a8593dce0/packages/react-is/src/ReactIs.js#L119-L121\n  const typeOfOfType = children.type && children.type.$$typeof;\n  return typeOfOfType === Symbol.for('react.forward_ref');\n}\n\n/**\n * При использовании пропа fetchPriority генерируется warning \"Invalid DOM property\" (версия React 18.*)\n * Ворнинга нет в React версии 19.*, поэтому пока поддерживаем 2 версии наименования\n */\nexport function getFetchPriorityProp(value: React.ImgHTMLAttributes<HTMLElement>['fetchPriority']) {\n  if (React.version.startsWith('19')) {\n    return { fetchPriority: value };\n  }\n  return { fetchpriority: value };\n}\n"],"names":["React","debounce","fn","delay","timeout","args","clearTimeout","setTimeout","setRef","element","ref","current","multiRef","refs","forEach","stopPropagation","event","addClassNameToElement","className","elementClassName","getAttribute","updatedClassName","setAttribute","removeClassNameFromElement","classNameToRemove","classNamesArray","split","elementIndexToRemove","findIndex","splice","join","excludeKeysWithUndefined","obj","filteredObj","key","hasOwnProperty","undefined","isDOMTypeElement","type","isValidNotReactFragmentElement","children","isValidElement","$$typeof","Symbol","for","isForwardRefElement","typeOfOfType","getFetchPriorityProp","value","version","startsWith","fetchPriority","fetchpriority"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAS/B,OAAO,SAASC,SAA0BC,EAAwB,EAAEC,KAAa;IAC/E,IAAIC;IAEJ,OAAO,CAAC,GAAGC;QACTC,aAAaF;QACbA,UAAUG,WAAW,IAAML,MAAMG,OAAOF;IAC1C;AACF;AAEA,OAAO,SAASK,OAAUC,QAAU,EAAEC,GAAkB;IACtD,IAAIA,KAAK;QACP,IAAI,OAAOA,QAAQ,YAAY;YAC7BA,IAAID;QACN,OAAO;YACJC,IAAkCC,OAAO,GAAGF;QAC/C;IACF;AACF;AAEA,OAAO,SAASG,SAAY,GAAGC,IAAqC;IAClE,IAAIF,UAAoB;IACxB,OAAO;QACL,IAAIA,WAAU;YACZ,OAAOA;QACT;QACA,IAAIA,SAAQF,QAAS;YACnBE,UAAUF;YACVI,KAAKC,OAAO,CAAC,CAACJ,MAAQA,OAAOF,OAAOC,SAASC;QAC/C;IACF;AACF;AAEA,OAAO,MAAMK,kBAAkB,CAAiCC,QAC9DA,MAAMD,eAAe,GAAG;AAE1B,OAAO,SAASE,sBAAsBR,QAAoB,EAAES,SAAiB;IAC3E,MAAMC,mBAAmBV,SAAQW,YAAY,CAAC,YAAY;IAC1D,MAAMC,mBAAmB,CAAC,EAAEF,iBAAiB,EAAEA,mBAAmB,MAAM,GAAG,EAAED,UAAU,CAAC;IAExFT,SAAQa,YAAY,CAAC,SAASD;AAChC;AAEA,OAAO,SAASE,2BAA2Bd,QAAoB,EAAEe,iBAAyB;IACxF,MAAMC,kBAAkB,AAAChB,CAAAA,SAAQW,YAAY,CAAC,YAAY,EAAC,EAAGM,KAAK,CAAC;IACpE,MAAMC,uBAAuBF,gBAAgBG,SAAS,CACpD,CAACV,YAAcA,cAAcM;IAE/B,IAAIG,yBAAyB,CAAC,GAAG;QAC/B;IACF;IACAF,gBAAgBI,MAAM,CAACF,sBAAsB;IAE7ClB,SAAQa,YAAY,CAAC,SAASG,gBAAgBK,IAAI,CAAC;AACrD;AAMA,OAAO,MAAMC,2BAA2B,CACtCC;IAEA,MAAMC,cAA2C,CAAC;IAClD,IAAK,MAAMC,OAAOF,IAAK;QACrB,IAAIA,IAAIG,cAAc,CAACD,QAAQF,GAAG,CAACE,IAAI,KAAKE,WAAW;YACrDH,WAAW,CAACC,IAAI,GAAGF,GAAG,CAACE,IAAI;QAC7B;IACF;IACA,OAAOD;AACT,EAAE;AAEF,OAAO,MAAMI,mBAAmB,CAI9B5B,WAEA,OAAOA,SAAQ6B,IAAI,KAAK,SAAS;AAEnC,OAAO,SAASC,+BACdC,QAAoD;IAEpD,OACExC,MAAMyC,cAAc,CAACD,aACrB,yHAAyH;IACzHA,SAASE,QAAQ,KAAKC,OAAOC,GAAG,CAAC;AAErC;AAEA,OAAO,SAASC,oBAIdL,QAAoD;IAEpD,IAAI,CAACxC,MAAMyC,cAAc,CAACD,WAAW;QACnC,OAAO;IACT;IAEA,yHAAyH;IACzH,6JAA6J;IAC7J,MAAMM,eAAeN,SAASF,IAAI,IAAIE,SAASF,IAAI,CAACI,QAAQ;IAC5D,OAAOI,iBAAiBH,OAAOC,GAAG,CAAC;AACrC;AAEA;;;CAGC,GACD,OAAO,SAASG,qBAAqBC,KAA4D;IAC/F,IAAIhD,MAAMiD,OAAO,CAACC,UAAU,CAAC,OAAO;QAClC,OAAO;YAAEC,eAAeH;QAAM;IAChC;IACA,OAAO;QAAEI,eAAeJ;IAAM;AAChC"}
+{"version":3,"sources":["../../../src/lib/utils.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type ImgOnlyAttributes = {\n  [index in Exclude<\n    keyof React.ImgHTMLAttributes<HTMLImageElement>,\n    keyof React.HTMLAttributes<HTMLImageElement>\n  >]: React.ImgHTMLAttributes<HTMLImageElement>[index];\n};\n\nexport function debounce<A extends any[]>(fn: (...args: A) => void, delay: number) {\n  let timeout: any;\n\n  return (...args: A) => {\n    clearTimeout(timeout);\n    timeout = setTimeout(() => fn(...args), delay);\n  };\n}\n\nexport function setRef<T>(element: T, ref?: React.Ref<T>): void {\n  if (ref) {\n    if (typeof ref === 'function') {\n      ref(element);\n    } else {\n      (ref as React.MutableRefObject<T>).current = element;\n    }\n  }\n}\n\nexport function multiRef<T>(...refs: Array<React.Ref<T> | undefined>): React.RefObject<T> {\n  let current: T | null = null;\n  return {\n    get current() {\n      return current;\n    },\n    set current(element) {\n      current = element;\n      refs.forEach((ref) => ref && setRef(element, ref));\n    },\n  };\n}\n\nexport const stopPropagation = <T extends React.SyntheticEvent>(event: T) =>\n  event.stopPropagation();\n\nexport function addClassNameToElement(element: HTMLElement, className: string) {\n  const elementClassName = element.getAttribute('class') || '';\n  const updatedClassName = `${elementClassName}${elementClassName ? ' ' : ''}${className}`;\n\n  element.setAttribute('class', updatedClassName);\n}\n\nexport function removeClassNameFromElement(element: HTMLElement, classNameToRemove: string) {\n  const classNamesArray = (element.getAttribute('class') || '').split(/\\s+/);\n  const elementIndexToRemove = classNamesArray.findIndex(\n    (className) => className === classNameToRemove,\n  );\n  if (elementIndexToRemove === -1) {\n    return;\n  }\n  classNamesArray.splice(elementIndexToRemove, 1);\n\n  element.setAttribute('class', classNamesArray.join(' '));\n}\n\ntype ExcludeKeysWithUndefined<T> = {\n  [P in keyof T]?: Exclude<T[P], undefined>;\n};\n\nexport const excludeKeysWithUndefined = <T extends Record<string | number | symbol, any>>(\n  obj: T,\n): ExcludeKeysWithUndefined<T> => {\n  const filteredObj: ExcludeKeysWithUndefined<T> = {};\n  for (const key in obj) {\n    if (obj.hasOwnProperty(key) && obj[key] !== undefined) {\n      filteredObj[key] = obj[key];\n    }\n  }\n  return filteredObj;\n};\n\nexport const isDOMTypeElement = <\n  P extends React.HTMLAttributes<T> | React.SVGAttributes<T>,\n  T extends Element,\n>(\n  element: React.ReactElement,\n): element is Omit<React.DOMElement<P, T>, 'ref'> & { ref?: React.Ref<T> | undefined } =>\n  typeof element.type === 'string';\n\nexport function isValidNotReactFragmentElement(\n  children: Parameters<typeof React.isValidElement>[0],\n): children is React.ReactElement<Record<PropertyKey, any>> {\n  return (\n    React.isValidElement(children) &&\n    // @ts-expect-error: TS2339 $$typeof всегда symbol, в отличии от type, благодаря этому пропускаем лишние проверки на тип.\n    children.$$typeof !== Symbol.for('react.fragment')\n  );\n}\n\nexport function isForwardRefElement<\n  P extends React.HTMLAttributes<T> | React.SVGAttributes<T>,\n  T extends Element,\n>(\n  children: Parameters<typeof React.isValidElement>[0],\n): children is Omit<React.DOMElement<P, T>, 'ref'> & { ref?: React.Ref<T> | undefined } {\n  if (!React.isValidElement(children)) {\n    return false;\n  }\n\n  // @ts-expect-error: TS2339 $$typeof всегда symbol, в отличии от type, благодаря этому пропускаем лишние проверки на тип.\n  // черпаем вдохновение из react-is https://github.com/facebook/react/blob/d48dbb824985166ecb7b2959db03090a8593dce0/packages/react-is/src/ReactIs.js#L119-L121\n  const typeOfOfType = children.type && children.type.$$typeof;\n  return typeOfOfType === Symbol.for('react.forward_ref');\n}\n\n/**\n * При использовании пропа fetchPriority генерируется warning \"Invalid DOM property\" (версия React 18.*)\n * Ворнинга нет в React версии 19.*, поэтому пока поддерживаем 2 версии наименования\n */\nexport function getFetchPriorityProp(value: React.ImgHTMLAttributes<HTMLElement>['fetchPriority']) {\n  if (React.version.startsWith('19')) {\n    return { fetchPriority: value };\n  }\n  return { fetchpriority: value };\n}\n"],"names":["React","debounce","fn","delay","timeout","args","clearTimeout","setTimeout","setRef","element","ref","current","multiRef","refs","forEach","stopPropagation","event","addClassNameToElement","className","elementClassName","getAttribute","updatedClassName","setAttribute","removeClassNameFromElement","classNameToRemove","classNamesArray","split","elementIndexToRemove","findIndex","splice","join","excludeKeysWithUndefined","obj","filteredObj","key","hasOwnProperty","undefined","isDOMTypeElement","type","isValidNotReactFragmentElement","children","isValidElement","$$typeof","Symbol","for","isForwardRefElement","typeOfOfType","getFetchPriorityProp","value","version","startsWith","fetchPriority","fetchpriority"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAS/B,OAAO,SAASC,SAA0BC,EAAwB,EAAEC,KAAa;IAC/E,IAAIC;IAEJ,OAAO,CAAC,GAAGC;QACTC,aAAaF;QACbA,UAAUG,WAAW,IAAML,MAAMG,OAAOF;IAC1C;AACF;AAEA,OAAO,SAASK,OAAUC,QAAU,EAAEC,GAAkB;IACtD,IAAIA,KAAK;QACP,IAAI,OAAOA,QAAQ,YAAY;YAC7BA,IAAID;QACN,OAAO;YACJC,IAAkCC,OAAO,GAAGF;QAC/C;IACF;AACF;AAEA,OAAO,SAASG,SAAY,GAAGC,IAAqC;IAClE,IAAIF,UAAoB;IACxB,OAAO;QACL,IAAIA,WAAU;YACZ,OAAOA;QACT;QACA,IAAIA,SAAQF,QAAS;YACnBE,UAAUF;YACVI,KAAKC,OAAO,CAAC,CAACJ,MAAQA,OAAOF,OAAOC,SAASC;QAC/C;IACF;AACF;AAEA,OAAO,MAAMK,kBAAkB,CAAiCC,QAC9DA,MAAMD,eAAe,GAAG;AAE1B,OAAO,SAASE,sBAAsBR,QAAoB,EAAES,SAAiB;IAC3E,MAAMC,mBAAmBV,SAAQW,YAAY,CAAC,YAAY;IAC1D,MAAMC,mBAAmB,CAAC,EAAEF,iBAAiB,EAAEA,mBAAmB,MAAM,GAAG,EAAED,UAAU,CAAC;IAExFT,SAAQa,YAAY,CAAC,SAASD;AAChC;AAEA,OAAO,SAASE,2BAA2Bd,QAAoB,EAAEe,iBAAyB;IACxF,MAAMC,kBAAkB,AAAChB,CAAAA,SAAQW,YAAY,CAAC,YAAY,EAAC,EAAGM,KAAK,CAAC;IACpE,MAAMC,uBAAuBF,gBAAgBG,SAAS,CACpD,CAACV,YAAcA,cAAcM;IAE/B,IAAIG,yBAAyB,CAAC,GAAG;QAC/B;IACF;IACAF,gBAAgBI,MAAM,CAACF,sBAAsB;IAE7ClB,SAAQa,YAAY,CAAC,SAASG,gBAAgBK,IAAI,CAAC;AACrD;AAMA,OAAO,MAAMC,2BAA2B,CACtCC;IAEA,MAAMC,cAA2C,CAAC;IAClD,IAAK,MAAMC,OAAOF,IAAK;QACrB,IAAIA,IAAIG,cAAc,CAACD,QAAQF,GAAG,CAACE,IAAI,KAAKE,WAAW;YACrDH,WAAW,CAACC,IAAI,GAAGF,GAAG,CAACE,IAAI;QAC7B;IACF;IACA,OAAOD;AACT,EAAE;AAEF,OAAO,MAAMI,mBAAmB,CAI9B5B,WAEA,OAAOA,SAAQ6B,IAAI,KAAK,SAAS;AAEnC,OAAO,SAASC,+BACdC,QAAoD;IAEpD,OACExC,MAAMyC,cAAc,CAACD,aACrB,yHAAyH;IACzHA,SAASE,QAAQ,KAAKC,OAAOC,GAAG,CAAC;AAErC;AAEA,OAAO,SAASC,oBAIdL,QAAoD;IAEpD,IAAI,CAACxC,MAAMyC,cAAc,CAACD,WAAW;QACnC,OAAO;IACT;IAEA,yHAAyH;IACzH,6JAA6J;IAC7J,MAAMM,eAAeN,SAASF,IAAI,IAAIE,SAASF,IAAI,CAACI,QAAQ;IAC5D,OAAOI,iBAAiBH,OAAOC,GAAG,CAAC;AACrC;AAEA;;;CAGC,GACD,OAAO,SAASG,qBAAqBC,KAA4D;IAC/F,IAAIhD,MAAMiD,OAAO,CAACC,UAAU,CAAC,OAAO;QAClC,OAAO;YAAEC,eAAeH;QAAM;IAChC;IACA,OAAO;QAAEI,eAAeJ;IAAM;AAChC"}

package/dist/cssm/lib/warnOnce.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/warnOnce.ts"],"sourcesContent":["type WarnOnceType = 'log' | 'warn' | 'error';\nexport type WarnOnceHandler = (message: string, type?: WarnOnceType) => void;\n\nexport function warnOnce(zone: string): WarnOnceHandler {\n  const didWarn = new Set<string>();\n\n  return (message: string, type: WarnOnceType = 'warn') => {\n    if (!didWarn.has(message)) {\n      didWarn.add(message);\n\n      const formattedMessage = `%c[VKUI/${zone}] ${message}`;\n      const styles = type === 'log' ? 'color: steelblue; font-style: italic' : undefined;\n\n      // eslint-disable-next-line no-console\n      console[type](formattedMessage, styles);\n    }\n  };\n}\n\nfunction getA11yRuleUrl(ruleName: string): string {\n  // see jest-axe's axe-core dependency\n  const AXE_CORE_MINOR_VERSION = '4.5';\n\n  return `https://dequeuniversity.com/rules/axe/${AXE_CORE_MINOR_VERSION}/${ruleName}`;\n}\n\nexport const COMMON_WARNINGS = {\n  a11y: {\n    'button-name': `a11y: Кнопка должна содержать текст, доступный для скринридеров. Чтобы исправить эту ошибку, передайте компоненту текст или свойство aria-label.\n${getA11yRuleUrl('button-name')}`,\n    'link-name': `a11y: Ссылка должна содержать текст, доступный для скринридеров. Чтобы исправить эту ошибку, передайте компоненту текст или свойство aria-label.\n${getA11yRuleUrl('link-name')}`,\n    'image-alt': `a11y: Изображение должно содержать альтернативный текст, который его описывает. Чтобы исправить эту ошибку, передайте компоненту свойство alt.\n${getA11yRuleUrl('image-alt')}`,\n  },\n};\n"],"names":["warnOnce","zone","didWarn","Set","message","type","has","add","formattedMessage","styles","undefined","console","getA11yRuleUrl","ruleName","AXE_CORE_MINOR_VERSION","COMMON_WARNINGS","a11y"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAGA,OAAO,SAASA,SAASC,IAAY;IACnC,MAAMC,UAAU,IAAIC;IAEpB,OAAO,CAACC,SAAiBC,OAAqB,MAAM;QAClD,IAAI,CAACH,QAAQI,GAAG,CAACF,UAAU;YACzBF,QAAQK,GAAG,CAACH;YAEZ,MAAMI,mBAAmB,CAAC,QAAQ,EAAEP,KAAK,EAAE,EAAEG,QAAQ,CAAC;YACtD,MAAMK,SAASJ,SAAS,QAAQ,yCAAyCK;YAEzE,sCAAsC;YACtCC,OAAO,CAACN,KAAK,CAACG,kBAAkBC;QAClC;IACF;AACF;AAEA,SAASG,eAAeC,QAAgB;IACtC,qCAAqC;IACrC,MAAMC,yBAAyB;IAE/B,OAAO,CAAC,sCAAsC,EAAEA,uBAAuB,CAAC,EAAED,SAAS,CAAC;AACtF;AAEA,OAAO,MAAME,kBAAkB;IAC7BC,MAAM;QACJ,eAAe,CAAC;AACpB,EAAEJ,eAAe,eAAe,CAAC;QAC7B,aAAa,CAAC;AAClB,EAAEA,eAAe,aAAa,CAAC;QAC3B,aAAa,CAAC;AAClB,EAAEA,eAAe,aAAa,CAAC;IAC7B;AACF,EAAE"}
+{"version":3,"sources":["../../../src/lib/warnOnce.ts"],"sourcesContent":["type WarnOnceType = 'log' | 'warn' | 'error';\nexport type WarnOnceHandler = (message: string, type?: WarnOnceType) => void;\n\nexport function warnOnce(zone: string): WarnOnceHandler {\n  const didWarn = new Set<string>();\n\n  return (message: string, type: WarnOnceType = 'warn') => {\n    if (!didWarn.has(message)) {\n      didWarn.add(message);\n\n      const formattedMessage = `%c[VKUI/${zone}] ${message}`;\n      const styles = type === 'log' ? 'color: steelblue; font-style: italic' : undefined;\n\n      // eslint-disable-next-line no-console\n      console[type](formattedMessage, styles);\n    }\n  };\n}\n\nfunction getA11yRuleUrl(ruleName: string): string {\n  // see jest-axe's axe-core dependency\n  const AXE_CORE_MINOR_VERSION = '4.5';\n\n  return `https://dequeuniversity.com/rules/axe/${AXE_CORE_MINOR_VERSION}/${ruleName}`;\n}\n\nexport const COMMON_WARNINGS = {\n  a11y: {\n    'button-name': `a11y: Кнопка должна содержать текст, доступный для скринридеров. Чтобы исправить эту ошибку, передайте компоненту текст или свойство aria-label.\n${getA11yRuleUrl('button-name')}`,\n    'link-name': `a11y: Ссылка должна содержать текст, доступный для скринридеров. Чтобы исправить эту ошибку, передайте компоненту текст или свойство aria-label.\n${getA11yRuleUrl('link-name')}`,\n    'image-alt': `a11y: Изображение должно содержать альтернативный текст, который его описывает. Чтобы исправить эту ошибку, передайте компоненту свойство alt.\n${getA11yRuleUrl('image-alt')}`,\n  },\n};\n"],"names":["warnOnce","zone","didWarn","Set","message","type","has","add","formattedMessage","styles","undefined","console","getA11yRuleUrl","ruleName","AXE_CORE_MINOR_VERSION","COMMON_WARNINGS","a11y"],"mappings":"AAGA,OAAO,SAASA,SAASC,IAAY;IACnC,MAAMC,UAAU,IAAIC;IAEpB,OAAO,CAACC,SAAiBC,OAAqB,MAAM;QAClD,IAAI,CAACH,QAAQI,GAAG,CAACF,UAAU;YACzBF,QAAQK,GAAG,CAACH;YAEZ,MAAMI,mBAAmB,CAAC,QAAQ,EAAEP,KAAK,EAAE,EAAEG,QAAQ,CAAC;YACtD,MAAMK,SAASJ,SAAS,QAAQ,yCAAyCK;YAEzE,sCAAsC;YACtCC,OAAO,CAACN,KAAK,CAACG,kBAAkBC;QAClC;IACF;AACF;AAEA,SAASG,eAAeC,QAAgB;IACtC,qCAAqC;IACrC,MAAMC,yBAAyB;IAE/B,OAAO,CAAC,sCAAsC,EAAEA,uBAAuB,CAAC,EAAED,SAAS,CAAC;AACtF;AAEA,OAAO,MAAME,kBAAkB;IAC7BC,MAAM;QACJ,eAAe,CAAC;AACpB,EAAEJ,eAAe,eAAe,CAAC;QAC7B,aAAa,CAAC;AAClB,EAAEA,eAAe,aAAa,CAAC;QAC3B,aAAa,CAAC;AAClB,EAAEA,eAAe,aAAa,CAAC;IAC7B;AACF,EAAE"}

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

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

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

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

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

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

package/dist/cssm/styles/animationFades.module.css

@@ -1,18 +1,11 @@
-/**
- * [a11y]
- * add animation for browsers that support prefers-reduced-motion
- * so that users with vestibular motion disorders have no problem
- * navigating accessible vkui apps via keyboard
- */
-@media (prefers-reduced-motion: no-preference) {
-  .-anim-fade-in {
-    animation: anim-fade-in 0.1s ease-in forwards;
-  }
+.-anim-fade-in {
+  animation: anim-fade-in 0.1s ease-in forwards;
+}
 
-  .-anim-fade-out {
-    animation: anim-fade-out 0.1s ease-out forwards;
-  }
+.-anim-fade-out {
+  animation: anim-fade-out 0.1s ease-out forwards;
 }
+
 @keyframes anim-fade-in {
   from {
     opacity: 0;
@@ -24,6 +17,7 @@
     transform: scale(1);
   }
 }
+
 @keyframes anim-fade-out {
   from {
     opacity: 1;

package/dist/cssm/styles/constants.css

@@ -79,6 +79,10 @@
 
   /* z_index HorizontalScroll isolate */
   --vkui_internal--z_index_horizontal_scroll_arrow: 1;
+
+  /* Layout Gaps */
+  --vkui_internal--row_gap: 0;
+  --vkui_internal--column_gap: 0;
 }
 @supports (padding-top: constant(safe-area-inset-top)) {
   /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

package/dist/cssm/styles/customMedias.generated.css

@@ -21,3 +21,4 @@
 /* prettier-ignore */
 /* prettier-ignore */
 /* prettier-ignore */
+/* prettier-ignore */

package/dist/cssm/styles/focusVisible.module.css

@@ -14,47 +14,31 @@
 }
 /* stylelint-enable selector-max-universal */
 .-focus-visible.-focus-visible--mode-outside {
-  --vkui_internal--outline_offset: var(--vkui_internal--outline_width);
+  --vkui_internal--outline_offset_from: 0;
+  --vkui_internal--outline_offset_to: var(--vkui_internal--outline_width);
 }
 .-focus-visible.-focus-visible--mode-inside {
-  --vkui_internal--outline_offset: calc(-1 * var(--vkui_internal--outline_width));
+  --vkui_internal--outline_offset_from: calc(-2 * var(--vkui_internal--outline_width));
+  --vkui_internal--outline_offset_to: calc(-1 * var(--vkui_internal--outline_width));
 }
 .-focus-visible.-focus-visible--focused.-focus-visible--mode-inside,
 .-focus-visible.-focus-visible--focused.-focus-visible--mode-outside {
   outline: var(--vkui_internal--outline);
-  outline-offset: var(--vkui_internal--outline_offset);
+  outline-offset: var(--vkui_internal--outline_offset_to);
+  animation: animation-outline-offset 0.1s ease-in-out 0.01s forwards;
 }
-/**
-  * [a11y][progressive enhancement]
-  * @see https://github.com/VKCOM/VKUI/issues/2703
-  *
-  * TODO [a11y]: перенести комментарий в задачу по ссылке выше
-  *
-  * add animation for browsers that support prefers-reduced-motion
-  * without support there are no animations; this way, users with
-  * vestibular motion disorders are not affected
-  *
-  * добавляем анимации для браузеров с поддержкой prefers-reduced-motion
-  * без поддержки анимаций нет вообще; так юзеры с проблемами с
-  * вестибулярным аппаратом могут пользоваться приложениями на vkui с
-  * клавиатуры без спецэффектов
- */
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: reduce) {
   .-focus-visible.-focus-visible--focused.-focus-visible--mode-inside,
   .-focus-visible.-focus-visible--focused.-focus-visible--mode-outside {
-    outline-offset: 0;
-    animation: animation-outline-offset 0.1s ease-in-out 0.01s forwards;
-  }
-
-  .-focus-visible.-focus-visible--focused.-focus-visible--mode-inside {
-    outline-offset: calc(-2 * var(--vkui_internal--outline_width));
+    animation: none;
   }
 }
 @keyframes animation-outline-offset {
   0% {
+    outline-offset: var(--vkui_internal--outline_offset_from);
   }
 
   100% {
-    outline-offset: var(--vkui_internal--outline_offset);
+    outline-offset: var(--vkui_internal--outline_offset_to);
   }
 }

package/dist/cssm/styles/gaps.module.css

@@ -0,0 +1,75 @@
+/* Row Gap */
+
+.-row-gap--2xs {
+  --vkui_internal--row_gap: var(--vkui--spacing_size_2xs);
+}
+
+.-row-gap--xs {
+  --vkui_internal--row_gap: var(--vkui--spacing_size_xs);
+}
+
+.-row-gap--s {
+  --vkui_internal--row_gap: var(--vkui--spacing_size_s);
+}
+
+.-row-gap--m {
+  --vkui_internal--row_gap: var(--vkui--spacing_size_m);
+}
+
+.-row-gap--l {
+  --vkui_internal--row_gap: var(--vkui--spacing_size_l);
+}
+
+.-row-gap--xl {
+  --vkui_internal--row_gap: var(--vkui--spacing_size_xl);
+}
+
+.-row-gap--2xl {
+  --vkui_internal--row_gap: var(--vkui--spacing_size_2xl);
+}
+
+.-row-gap--3xl {
+  --vkui_internal--row_gap: var(--vkui--spacing_size_3xl);
+}
+
+.-row-gap--4xl {
+  --vkui_internal--row_gap: var(--vkui--spacing_size_4xl);
+}
+
+/* Column Gap */
+
+.-column-gap--2xs {
+  --vkui_internal--column_gap: var(--vkui--spacing_size_2xs);
+}
+
+.-column-gap--xs {
+  --vkui_internal--column_gap: var(--vkui--spacing_size_xs);
+}
+
+.-column-gap--s {
+  --vkui_internal--column_gap: var(--vkui--spacing_size_s);
+}
+
+.-column-gap--m {
+  --vkui_internal--column_gap: var(--vkui--spacing_size_m);
+}
+
+.-column-gap--l {
+  --vkui_internal--column_gap: var(--vkui--spacing_size_l);
+}
+
+.-column-gap--xl {
+  --vkui_internal--column_gap: var(--vkui--spacing_size_xl);
+}
+
+.-column-gap--2xl {
+  --vkui_internal--column_gap: var(--vkui--spacing_size_2xl);
+}
+
+.-column-gap--3xl {
+  --vkui_internal--column_gap: var(--vkui--spacing_size_3xl);
+}
+
+.-column-gap--4xl {
+  --vkui_internal--column_gap: var(--vkui--spacing_size_4xl);
+}

package/dist/cssm/styles/themes.css

@@ -58,7 +58,6 @@
     --vkui--font_title3--font_weight--regular: 600;
     --vkui--font_headline1--font_size--regular: 16px;
     --vkui--font_headline1--line_height--regular: 20px;
-    --vkui--font_headline1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
     --vkui--font_headline1--font_weight--regular: 500;
     --vkui--font_headline2--font_size--regular: 15px;
     --vkui--font_headline2--line_height--regular: 20px;
@@ -68,7 +67,6 @@
     --vkui--font_headline2--line_height--compact: 20px;
     --vkui--font_text--font_size--regular: 16px;
     --vkui--font_text--line_height--regular: 20px;
-    --vkui--font_text--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
     --vkui--font_text--font_weight--regular: 400;
     --vkui--font_paragraph--font_size--regular: 15px;
     --vkui--font_paragraph--line_height--regular: 20px;
@@ -76,7 +74,6 @@
     --vkui--font_paragraph--font_weight--regular: 400;
     --vkui--font_subhead--font_size--regular: 14px;
     --vkui--font_subhead--line_height--regular: 18px;
-    --vkui--font_subhead--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
     --vkui--font_subhead--font_weight--regular: 400;
     --vkui--font_footnote--font_size--regular: 13px;
     --vkui--font_footnote--line_height--regular: 16px;
@@ -201,7 +198,6 @@
     --vkui--z_index_popout: 100;
     --vkui--font_headline--font_size--regular: 16px;
     --vkui--font_headline--line_height--regular: 20px;
-    --vkui--font_headline--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
     --vkui--font_headline--font_weight--regular: 500;
     --vkui--color_background_accent_tint: #5a9eff;
     --vkui--color_background_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.24);
@@ -248,17 +244,19 @@
     --vkui--color_background_modal--active: #EBECEF;
     --vkui--color_background_modal_inverse--hover: #2B2C2F;
     --vkui--color_background_modal_inverse--active: #292B2F;
-    --vkui--color_background_warning: #fff2d6;
-    --vkui--color_background_warning--hover: #F5E9D0;
-    --vkui--color_background_warning--active: #EBE0CA;
     --vkui--color_background_positive--hover: #48AC4A;
     --vkui--color_background_positive--active: #45A64A;
-    --vkui--color_background_negative--hover: #DD4446;
-    --vkui--color_background_negative--active: #D44245;
-    --vkui--color_background_negative_tint--hover: #F0E2E4;
-    --vkui--color_background_negative_tint--active: #E6D9DD;
+    --vkui--color_background_positive_tint: #E8F9E8;
     --vkui--color_background_positive_tint--hover: #DFF0E1;
     --vkui--color_background_positive_tint--active: #D5E6DA;
+    --vkui--color_background_warning: #FFF2D6;
+    --vkui--color_background_warning--hover: #F5E9D0;
+    --vkui--color_background_warning--active: #EBE0CA;
+    --vkui--color_background_negative--hover: #DD4446;
+    --vkui--color_background_negative--active: #D44245;
+    --vkui--color_background_info_tint: #DEEEFF;
+    --vkui--color_background_info_tint--hover: #D5E5F7;
+    --vkui--color_background_info_tint--active: #CCDCEF;
     --vkui--color_header_background--hover: #F5F5F7;
     --vkui--color_header_background--active: #EBECEF;
     --vkui--color_text_primary: #000000;
@@ -304,6 +302,9 @@
     --vkui--color_icon_contrast_secondary--active: #DFE1E6;
     --vkui--color_icon_positive--hover: #48AC4A;
     --vkui--color_icon_positive--active: #45A64A;
+    --vkui--color_icon_warning: #F8A01C;
+    --vkui--color_icon_warning--hover: #EE9A1D;
+    --vkui--color_icon_warning--active: #E4941F;
     --vkui--color_icon_negative--hover: #DD4446;
     --vkui--color_icon_negative--active: #D44245;
     --vkui--color_separator_primary2x--hover: #C3C4C7;
@@ -371,14 +372,18 @@
     --vkui--color_transparent--active: rgba(0, 16, 61, 0.08)
 }
 :root, .vkui--vkBase--light, .vkui--vkBase--dark, .vkui--vkIOS--light, .vkui--vkIOS--dark {
+    --vkui--font_headline1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
     --vkui--font_headline1--font_size--compact: 15px;
     --vkui--font_headline1--line_height--compact: 20px;
+    --vkui--font_text--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
     --vkui--font_text--font_size--compact: 15px;
     --vkui--font_text--line_height--compact: 20px;
+    --vkui--font_subhead--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
     --vkui--font_subhead--font_size--compact: 13px;
     --vkui--font_subhead--line_height--compact: 16px;
     --vkui--size_popup_small--regular: 430px;
     --vkui--size_form_item_padding_vertical--regular: 12px;
+    --vkui--font_headline--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
     --vkui--font_headline--font_size--compact: 15px;
     --vkui--font_headline--line_height--compact: 20px;
     --vkui--color_background_contrast_inverse: #2c2d2e;
@@ -431,8 +436,9 @@
     --vkui--color_background_modal: #ffffff;
     --vkui--color_background_modal_inverse: #2d2d2e;
     --vkui--color_background_negative: #e64646;
-    --vkui--color_background_negative_tint: #faebeb;
-    --vkui--color_background_positive_tint: #e8f9e8;
+    --vkui--color_background_negative_tint: #FFE9E9;
+    --vkui--color_background_negative_tint--hover: #F5E0E2;
+    --vkui--color_background_negative_tint--active: #EBD8DB;
     --vkui--color_field_background: #f2f3f5;
     --vkui--color_field_background--hover: #E8EAEE;
     --vkui--color_field_background--active: #DFE1E6;
@@ -572,15 +578,19 @@
     --vkui--color_background_modal_inverse: #FFFFFF;
     --vkui--color_background_modal_inverse--hover: #EBEDF0;
     --vkui--color_background_modal_inverse--active: #D7D8DB;
-    --vkui--color_background_warning: #857250;
-    --vkui--color_background_warning--hover: #8A7857;
-    --vkui--color_background_warning--active: #8F7D5E;
     --vkui--color_background_positive--hover: #52B652;
     --vkui--color_background_positive--active: #59B959;
+    --vkui--color_background_warning: #473315;
+    --vkui--color_background_warning--hover: #4E3B1E;
+    --vkui--color_background_warning--active: #564328;
     --vkui--color_background_negative--hover: #FF6363;
     --vkui--color_background_negative--active: #FF6969;
+    --vkui--color_background_negative_tint: #522E2E;
     --vkui--color_background_negative_tint--hover: #593636;
     --vkui--color_background_negative_tint--active: #603F3F;
+    --vkui--color_background_info_tint: #1C3954;
+    --vkui--color_background_info_tint--hover: #25415B;
+    --vkui--color_background_info_tint--active: #2E4962;
     --vkui--color_text_primary--hover: #E2E4E7;
     --vkui--color_text_primary--active: #E3E5E8;
     --vkui--color_text_contrast--hover: #EBEDF0;
@@ -602,6 +612,9 @@
     --vkui--color_icon_contrast_secondary--active: #F3F4F6;
     --vkui--color_icon_positive--hover: #52B652;
     --vkui--color_icon_positive--active: #59B959;
+    --vkui--color_icon_warning: #EDB055;
+    --vkui--color_icon_warning--hover: #EEB35C;
+    --vkui--color_icon_warning--active: #EEB663;
     --vkui--color_icon_negative--hover: #FF6363;
     --vkui--color_icon_negative--active: #FF6969;
     --vkui--color_separator_primary: #363738;
@@ -640,6 +653,8 @@
     --vkui--color_accent_orange_peach--active: #FFC56F;
     --vkui--color_accent_orange_fire--hover: #F1634B;
     --vkui--color_accent_orange_fire--active: #F16953;
+    --vkui--color_accent_violet--hover: #AC56FF;
+    --vkui--color_accent_violet--active: #B05DFF;
     --vkui--color_accent_raspberry_pink: #f060c0;
     --vkui--color_accent_raspberry_pink--hover: #F166C3;
     --vkui--color_accent_raspberry_pink--active: #F16DC5;
@@ -701,11 +716,10 @@
     --vkui--color_background_modal: #2c2d2e;
     --vkui--color_background_modal--hover: #343536;
     --vkui--color_background_modal--active: #3D3E3F;
+    --vkui--color_background_positive_tint: #2E3E2B;
+    --vkui--color_background_positive_tint--hover: #364633;
+    --vkui--color_background_positive_tint--active: #3F4D3C;
     --vkui--color_background_negative: #ff5c5c;
-    --vkui--color_background_negative_tint: #522e2e;
-    --vkui--color_background_positive_tint: #b1d6b1;
-    --vkui--color_background_positive_tint--hover: #B4D8B4;
-    --vkui--color_background_positive_tint--active: #B7D9B7;
     --vkui--color_field_background: #232324;
     --vkui--color_field_background--hover: #2C2C2D;
     --vkui--color_field_background--active: #353536;
@@ -760,9 +774,9 @@
     --vkui--color_icon_secondary: #76787a;
     --vkui--color_icon_secondary--hover: #7B7D7F;
     --vkui--color_icon_secondary--active: #818385;
-    --vkui--color_icon_secondary_alpha: rgba(0, 0, 0, 0.43);
-    --vkui--color_icon_secondary_alpha--hover: rgba(0, 0, 0, 0.47000000000000003);
-    --vkui--color_icon_secondary_alpha--active: rgba(0, 0, 0, 0.51);
+    --vkui--color_icon_secondary_alpha: rgba(241, 247, 255, 0.43);
+    --vkui--color_icon_secondary_alpha--hover: rgba(241, 247, 255, 0.47000000000000003);
+    --vkui--color_icon_secondary_alpha--active: rgba(241, 247, 255, 0.51);
     --vkui--color_icon_tertiary: #5d5f61;
     --vkui--color_icon_tertiary--hover: #636567;
     --vkui--color_icon_tertiary--active: #6A6C6E;
@@ -794,8 +808,6 @@
     --vkui--color_accent_purple--hover: #9D8AFF;
     --vkui--color_accent_purple--active: #A18FFF;
     --vkui--color_accent_violet: #a94fff;
-    --vkui--color_accent_violet--hover: #AC56FF;
-    --vkui--color_accent_violet--active: #B05DFF;
     --vkui--color_skeleton_from: #232324;
     --vkui--color_skeleton_from--hover: #2C2C2D;
     --vkui--color_skeleton_from--active: #353536;
@@ -898,7 +910,8 @@
     --vkui--color_background_modal_inverse: #2D2D2E;
     --vkui--color_background_negative: #E64646;
     --vkui--color_background_negative_tint: #FAEBEB;
-    --vkui--color_background_positive_tint: #E8F9E8;
+    --vkui--color_background_negative_tint--hover: #F0E2E4;
+    --vkui--color_background_negative_tint--active: #E6D9DD;
     --vkui--color_field_background: #F7F8FA;
     --vkui--color_field_background--hover: #EDEFF2;
     --vkui--color_field_background--active: #E3E5EB;
@@ -1005,10 +1018,13 @@
 }
 .vkui--vkCom--light, .vkui--vkCom--dark {
     --vkui--theme_name_base: 'vkCom';
+    --vkui--font_headline1--font_family--regular: "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif;
     --vkui--font_headline1--font_size--compact: 14px;
     --vkui--font_headline1--line_height--compact: 18px;
+    --vkui--font_text--font_family--regular: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif;
     --vkui--font_text--font_size--compact: 13px;
     --vkui--font_text--line_height--compact: 16px;
+    --vkui--font_subhead--font_family--regular: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif;
     --vkui--font_subhead--font_size--compact: 14px;
     --vkui--font_subhead--line_height--compact: 18px;
     --vkui--size_popup_small--regular: 448px;
@@ -1020,6 +1036,7 @@
     --vkui--size_switch_pin--compact: 16px;
     --vkui--size_panel_header_height--regular: 48px;
     --vkui--size_form_item_padding_vertical--regular: 8px;
+    --vkui--font_headline--font_family--regular: "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif;
     --vkui--font_headline--font_size--compact: 14px;
     --vkui--font_headline--line_height--compact: 18px;
     --vkui--color_background_contrast_inverse: #333333;
@@ -1062,11 +1079,10 @@
     --vkui--color_background_modal: #292929;
     --vkui--color_background_modal--hover: #323232;
     --vkui--color_background_modal--active: #3A3A3A;
-    --vkui--color_background_negative: #FF5C5C;
-    --vkui--color_background_negative_tint: #522E2E;
     --vkui--color_background_positive_tint: #2F422F;
     --vkui--color_background_positive_tint--hover: #374A37;
     --vkui--color_background_positive_tint--active: #405140;
+    --vkui--color_background_negative: #FF5C5C;
     --vkui--color_field_background: #292929;
     --vkui--color_field_background--hover: #323232;
     --vkui--color_field_background--active: #3A3A3A;
@@ -1155,9 +1171,7 @@
     --vkui--color_accent_purple: #937FF5;
     --vkui--color_accent_purple--hover: #9784F5;
     --vkui--color_accent_purple--active: #9C89F6;
-    --vkui--color_accent_violet: #A393F5;
-    --vkui--color_accent_violet--hover: #A797F5;
-    --vkui--color_accent_violet--active: #AA9CF6;
+    --vkui--color_accent_violet: #A94FFF;
     --vkui--color_skeleton_from: #292929;
     --vkui--color_skeleton_from--hover: #323232;
     --vkui--color_skeleton_from--active: #3A3A3A;

package/dist/cssm/types.d.ts

@@ -100,5 +100,6 @@ export type PickOnlyFunctionProps<T> = Pick<T, GetPropsWithFunctionKeys<T>>;
 export type HasOnlyExpectedProps<Props, ExpectedProps> = {
     [K in keyof Props]: K extends keyof ExpectedProps ? ExpectedProps[K] : never;
 };
+export type TimeoutId = ReturnType<typeof setTimeout> | null;
 export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/cssm/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,MAAM,gBAAgB,GAAG,MAAM,CACnC,QAAQ,MAAM,EAAE,EAChB,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAC7C,CAAC;AAEF,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAC3B;AAED,MAAM,WAAW,MAAM,CAAC,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACvB;AAED,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC/B;AAED,MAAM,WAAW,QAAQ;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB;AAED,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,MAAM,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAC9C,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,KAAK,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAElD;;GAEG;AACH,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,IAAI,MAAM,CAAC,KAAK,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC;AAGlG,UAAU,OAAO;CAAG;AAEpB;;;;;;;GAOG;AACH,MAAM,MAAM,YAAY,CAAC,KAAK,EAAE,IAAI,IAAI,KAAK,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC;AAEjE,MAAM,MAAM,yBAAyB,CAAC,CAAC,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;AAEnF,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAE3C,MAAM,MAAM,wBAAwB,CAAC,CAAC,IAAI;KACvC,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,GAAG,CAAC,GAAG,KAAK;CACjE,CAAC,MAAM,CAAC,CAAC,CAAC;AAEX,MAAM,MAAM,qBAAqB,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC;AAE5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,MAAM,oBAAoB,CAAC,KAAK,EAAE,aAAa,IAAI;KACtD,CAAC,IAAI,MAAM,KAAK,GAAG,CAAC,SAAS,MAAM,aAAa,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,KAAK;CAC7E,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"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"}