@vkontakte/vkui 6.1.2 → 6.2.0

package/dist/cjs/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":["UIPanGestureRecognizer","DEFAULT_INITIAL_TIME","MILLISECONDS","setInitialTimeOnce","initialTime","Date","now","setStartCoords","event","clientX","clientY","getFirstTouchEventData","x1","y1","setEndCoords","x2","y2","delta","x","y","distance","Math","sqrt","pow","velocity","deltaTime","angle","deltaX","deltaY","radians","atan2","degrees","PI","reset"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;qBAZ0B;AAIvC,MAAMC,uBAAuB;AAC7B,MAAMC,eAAe;AAOd,MAAMF;IAOXG,qBAAqB;QACnB,IAAI,IAAI,CAACC,WAAW,KAAKH,sBAAsB;YAC7C,IAAI,CAACG,WAAW,GAAGC,KAAKC,GAAG;QAC7B;IACF;IAEAC,eAAeC,KAAc,EAAE;QAC7B,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGC,IAAAA,2BAAsB,EAACH;QACpD,IAAI,CAACI,EAAE,GAAGH;QACV,IAAI,CAACI,EAAE,GAAGH;IACZ;IAEAI,aAAaN,KAAc,EAAE;QAC3B,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGC,IAAAA,2BAAsB,EAACH;QACpD,IAAI,CAACO,EAAE,GAAGN;QACV,IAAI,CAACO,EAAE,GAAGN;IACZ;IAEAO,QAAQ;QACN,OAAO;YACLC,GAAG,IAAI,CAACH,EAAE,GAAG,IAAI,CAACH,EAAE;YACpBO,GAAG,IAAI,CAACH,EAAE,GAAG,IAAI,CAACH,EAAE;QACtB;IACF;IAEAO,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,AAACpB,CAAAA,KAAKC,GAAG,KAAK,IAAI,CAACF,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,CAACZ,EAAE,GAAG,IAAI,CAACH,EAAE;QAChC,MAAMgB,SAAS,IAAI,CAACZ,EAAE,GAAG,IAAI,CAACH,EAAE;QAChC,MAAMgB,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,CAACW,EAAE,GAAG,IAAI,CAACC,EAAE,GAAG;QACpB,IAAI,CAACE,EAAE,GAAG,IAAI,CAACC,EAAE,GAAG;IACtB;;QA3DA,yBAAQZ,eAAcH;QACtBW,yBAAAA,MAAK;QACLC,yBAAAA,MAAK;QACLE,yBAAAA,MAAK;QACLC,yBAAAA,MAAK;;AAwDP"}
+{"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":["UIPanGestureRecognizer","DEFAULT_INITIAL_TIME","MILLISECONDS","setInitialTimeOnce","initialTime","Date","now","setStartCoords","event","clientX","clientY","getFirstTouchEventData","x1","y1","setEndCoords","x2","y2","delta","x","y","distance","Math","sqrt","pow","velocity","deltaTime","angle","deltaX","deltaY","radians","atan2","degrees","PI","reset"],"mappings":";;;;+BAYaA;;;eAAAA;;;;qBAZ0B;AAIvC,MAAMC,uBAAuB;AAC7B,MAAMC,eAAe;AAOd,MAAMF;IAOXG,qBAAqB;QACnB,IAAI,IAAI,CAACC,WAAW,KAAKH,sBAAsB;YAC7C,IAAI,CAACG,WAAW,GAAGC,KAAKC,GAAG;QAC7B;IACF;IAEAC,eAAeC,KAAc,EAAE;QAC7B,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGC,IAAAA,2BAAsB,EAACH;QACpD,IAAI,CAACI,EAAE,GAAGH;QACV,IAAI,CAACI,EAAE,GAAGH;IACZ;IAEAI,aAAaN,KAAc,EAAE;QAC3B,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGC,IAAAA,2BAAsB,EAACH;QACpD,IAAI,CAACO,EAAE,GAAGN;QACV,IAAI,CAACO,EAAE,GAAGN;IACZ;IAEAO,QAAQ;QACN,OAAO;YACLC,GAAG,IAAI,CAACH,EAAE,GAAG,IAAI,CAACH,EAAE;YACpBO,GAAG,IAAI,CAACH,EAAE,GAAG,IAAI,CAACH,EAAE;QACtB;IACF;IAEAO,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,AAACpB,CAAAA,KAAKC,GAAG,KAAK,IAAI,CAACF,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,CAACZ,EAAE,GAAG,IAAI,CAACH,EAAE;QAChC,MAAMgB,SAAS,IAAI,CAACZ,EAAE,GAAG,IAAI,CAACH,EAAE;QAChC,MAAMgB,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,CAACW,EAAE,GAAG,IAAI,CAACC,EAAE,GAAG;QACpB,IAAI,CAACE,EAAE,GAAG,IAAI,CAACC,EAAE,GAAG;IACtB;;QA3DA,yBAAQZ,eAAcH;QACtBW,yBAAAA,MAAK;QACLC,yBAAAA,MAAK;QACLE,yBAAAA,MAAK;QACLC,yBAAAA,MAAK;;AAwDP"}

package/dist/cjs/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":["coordX","coordY","getSupportedEvents","rubber","touchEnabled","e","clientX","changedTouches","clientY","canUseDOM","window","offset","dimension","resistanceRate","isAndroid","offsettedResistance"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IA0D6BA,MAAM;eAANA;;IAAQC,MAAM;eAANA;;IAA5BC,kBAAkB;eAAlBA;;IAAkDC,MAAM;eAANA;;IAAdC,YAAY;eAAZA;;;qBA1DnB;AAK1B;;CAEC,GACD,MAAMJ,SAAS,CAACK;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,MAAML,SAAS,CAACI;IACd,IAAIA,EAAEG,OAAO,IAAI,MAAM;QACrB,OAAOH,EAAEG,OAAO;IAClB;IACA,OAAOH,EAAEE,cAAc,IAAIF,EAAEE,cAAc,CAAC,EAAE,CAACC,OAAO;AACxD;AAEA,iDAAiD;AACjD,MAAMJ,eAAe,IAAMK,cAAS,IAAI,kBAAkBC;AAE1D;;;;CAIC,GACD,SAASR;IACP,IAAIE,gBAAgB;QAClB,OAAO;YAAC;YAAc;YAAa;YAAY;SAAc;IAC/D;IAEA,OAAO;QAAC;QAAa;QAAa;QAAW;KAAa;AAC5D;AAEA;;CAEC,GACD,SAASD,OACPQ,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"}
+{"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":["coordX","coordY","getSupportedEvents","rubber","touchEnabled","e","clientX","changedTouches","clientY","canUseDOM","window","offset","dimension","resistanceRate","isAndroid","offsettedResistance"],"mappings":";;;;;;;;;;;IA0D6BA,MAAM;eAANA;;IAAQC,MAAM;eAANA;;IAA5BC,kBAAkB;eAAlBA;;IAAkDC,MAAM;eAANA;;IAAdC,YAAY;eAAZA;;;qBA1DnB;AAK1B;;CAEC,GACD,MAAMJ,SAAS,CAACK;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,MAAML,SAAS,CAACI;IACd,IAAIA,EAAEG,OAAO,IAAI,MAAM;QACrB,OAAOH,EAAEG,OAAO;IAClB;IACA,OAAOH,EAAEE,cAAc,IAAIF,EAAEE,cAAc,CAAC,EAAE,CAACC,OAAO;AACxD;AAEA,iDAAiD;AACjD,MAAMJ,eAAe,IAAMK,cAAS,IAAI,kBAAkBC;AAE1D;;;;CAIC,GACD,SAASR;IACP,IAAIE,gBAAgB;QAClB,OAAO;YAAC;YAAc;YAAa;YAAY;SAAc;IAC/D;IAEA,OAAO;QAAC;QAAa;QAAa;QAAW;KAAa;AAC5D;AAEA;;CAEC,GACD,SAASD,OACPQ,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"}

package/dist/cjs/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":["UIPanGestureRecognizer","coordX","coordY","getSupportedEvents","rubber","touchEnabled"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAISA,sBAAsB;eAAtBA,8CAAsB;;IAHFC,MAAM;eAANA,iBAAM;;IAAEC,MAAM;eAANA,iBAAM;;IAAlCC,kBAAkB;eAAlBA,6BAAkB;;IAAgCC,MAAM;eAANA,iBAAM;;IAApBC,YAAY;eAAZA,uBAAY;;;2BAAgB;wCAGlC"}
+{"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":["UIPanGestureRecognizer","coordX","coordY","getSupportedEvents","rubber","touchEnabled"],"mappings":";;;;;;;;;;;IAISA,sBAAsB;eAAtBA,8CAAsB;;IAHFC,MAAM;eAANA,iBAAM;;IAAEC,MAAM;eAANA,iBAAM;;IAAlCC,kBAAkB;eAAlBA,6BAAkB;;IAAgCC,MAAM;eAANA,iBAAM;;IAApBC,YAAY;eAAZA,uBAAY;;;2BAAgB;wCAGlC"}

package/dist/cjs/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":["useIsomorphicLayoutEffect","canUseDOM","React","useLayoutEffect","useEffect"],"rangeMappings":";;;;;;;;;;;;;","mappings":";;;;+BAGaA;;;eAAAA;;;;iEAHU;qBACG;AAEnB,MAAMA,4BAA4BC,cAAS,GAE9CC,OAAMC,eAAe,GACrBD,OAAME,SAAS"}
+{"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":["useIsomorphicLayoutEffect","canUseDOM","React","useLayoutEffect","useEffect"],"mappings":";;;;+BAGaA;;;eAAAA;;;;iEAHU;qBACG;AAEnB,MAAMA,4BAA4BC,cAAS,GAE9CC,OAAMC,eAAe,GACrBD,OAAME,SAAS"}

package/dist/cjs/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/cjs/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/cjs/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":["addClassNameToElement","debounce","excludeKeysWithUndefined","getFetchPriorityProp","isDOMTypeElement","isForwardRefElement","isValidNotReactFragmentElement","multiRef","removeClassNameFromElement","setRef","stopPropagation","fn","delay","timeout","args","clearTimeout","setTimeout","element","ref","current","refs","forEach","event","className","elementClassName","getAttribute","updatedClassName","setAttribute","classNameToRemove","classNamesArray","split","elementIndexToRemove","findIndex","splice","join","obj","filteredObj","key","hasOwnProperty","undefined","type","children","React","isValidElement","$$typeof","Symbol","for","typeOfOfType","value","version","startsWith","fetchPriority","fetchpriority"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IA4CgBA,qBAAqB;eAArBA;;IAnCAC,QAAQ;eAARA;;IA2DHC,wBAAwB;eAAxBA;;IAkDGC,oBAAoB;eAApBA;;IAtCHC,gBAAgB;eAAhBA;;IAkBGC,mBAAmB;eAAnBA;;IAVAC,8BAA8B;eAA9BA;;IA5DAC,QAAQ;eAARA;;IAuBAC,0BAA0B;eAA1BA;;IAjCAC,MAAM;eAANA;;IAuBHC,eAAe;eAAfA;;;;iEAzCU;AAShB,SAAST,SAA0BU,EAAwB,EAAEC,KAAa;IAC/E,IAAIC;IAEJ,OAAO,CAAC,GAAGC;QACTC,aAAaF;QACbA,UAAUG,WAAW,IAAML,MAAMG,OAAOF;IAC1C;AACF;AAEO,SAASH,OAAUQ,QAAU,EAAEC,GAAkB;IACtD,IAAIA,KAAK;QACP,IAAI,OAAOA,QAAQ,YAAY;YAC7BA,IAAID;QACN,OAAO;YACJC,IAAkCC,OAAO,GAAGF;QAC/C;IACF;AACF;AAEO,SAASV,SAAY,GAAGa,IAAqC;IAClE,IAAID,UAAoB;IACxB,OAAO;QACL,IAAIA,WAAU;YACZ,OAAOA;QACT;QACA,IAAIA,SAAQF,QAAS;YACnBE,UAAUF;YACVG,KAAKC,OAAO,CAAC,CAACH,MAAQA,OAAOT,OAAOQ,SAASC;QAC/C;IACF;AACF;AAEO,MAAMR,kBAAkB,CAAiCY,QAC9DA,MAAMZ,eAAe;AAEhB,SAASV,sBAAsBiB,QAAoB,EAAEM,SAAiB;IAC3E,MAAMC,mBAAmBP,SAAQQ,YAAY,CAAC,YAAY;IAC1D,MAAMC,mBAAmB,CAAC,EAAEF,iBAAiB,EAAEA,mBAAmB,MAAM,GAAG,EAAED,UAAU,CAAC;IAExFN,SAAQU,YAAY,CAAC,SAASD;AAChC;AAEO,SAASlB,2BAA2BS,QAAoB,EAAEW,iBAAyB;IACxF,MAAMC,kBAAkB,AAACZ,CAAAA,SAAQQ,YAAY,CAAC,YAAY,EAAC,EAAGK,KAAK,CAAC;IACpE,MAAMC,uBAAuBF,gBAAgBG,SAAS,CACpD,CAACT,YAAcA,cAAcK;IAE/B,IAAIG,yBAAyB,CAAC,GAAG;QAC/B;IACF;IACAF,gBAAgBI,MAAM,CAACF,sBAAsB;IAE7Cd,SAAQU,YAAY,CAAC,SAASE,gBAAgBK,IAAI,CAAC;AACrD;AAMO,MAAMhC,2BAA2B,CACtCiC;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;AAEO,MAAMhC,mBAAmB,CAI9Ba,WAEA,OAAOA,SAAQuB,IAAI,KAAK;AAEnB,SAASlC,+BACdmC,QAAoD;IAEpD,OACEC,OAAMC,cAAc,CAACF,aACrB,yHAAyH;IACzHA,SAASG,QAAQ,KAAKC,OAAOC,GAAG,CAAC;AAErC;AAEO,SAASzC,oBAIdoC,QAAoD;IAEpD,IAAI,CAACC,OAAMC,cAAc,CAACF,WAAW;QACnC,OAAO;IACT;IAEA,yHAAyH;IACzH,6JAA6J;IAC7J,MAAMM,eAAeN,SAASD,IAAI,IAAIC,SAASD,IAAI,CAACI,QAAQ;IAC5D,OAAOG,iBAAiBF,OAAOC,GAAG,CAAC;AACrC;AAMO,SAAS3C,qBAAqB6C,KAA4D;IAC/F,IAAIN,OAAMO,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":["addClassNameToElement","debounce","excludeKeysWithUndefined","getFetchPriorityProp","isDOMTypeElement","isForwardRefElement","isValidNotReactFragmentElement","multiRef","removeClassNameFromElement","setRef","stopPropagation","fn","delay","timeout","args","clearTimeout","setTimeout","element","ref","current","refs","forEach","event","className","elementClassName","getAttribute","updatedClassName","setAttribute","classNameToRemove","classNamesArray","split","elementIndexToRemove","findIndex","splice","join","obj","filteredObj","key","hasOwnProperty","undefined","type","children","React","isValidElement","$$typeof","Symbol","for","typeOfOfType","value","version","startsWith","fetchPriority","fetchpriority"],"mappings":";;;;;;;;;;;IA4CgBA,qBAAqB;eAArBA;;IAnCAC,QAAQ;eAARA;;IA2DHC,wBAAwB;eAAxBA;;IAkDGC,oBAAoB;eAApBA;;IAtCHC,gBAAgB;eAAhBA;;IAkBGC,mBAAmB;eAAnBA;;IAVAC,8BAA8B;eAA9BA;;IA5DAC,QAAQ;eAARA;;IAuBAC,0BAA0B;eAA1BA;;IAjCAC,MAAM;eAANA;;IAuBHC,eAAe;eAAfA;;;;iEAzCU;AAShB,SAAST,SAA0BU,EAAwB,EAAEC,KAAa;IAC/E,IAAIC;IAEJ,OAAO,CAAC,GAAGC;QACTC,aAAaF;QACbA,UAAUG,WAAW,IAAML,MAAMG,OAAOF;IAC1C;AACF;AAEO,SAASH,OAAUQ,QAAU,EAAEC,GAAkB;IACtD,IAAIA,KAAK;QACP,IAAI,OAAOA,QAAQ,YAAY;YAC7BA,IAAID;QACN,OAAO;YACJC,IAAkCC,OAAO,GAAGF;QAC/C;IACF;AACF;AAEO,SAASV,SAAY,GAAGa,IAAqC;IAClE,IAAID,UAAoB;IACxB,OAAO;QACL,IAAIA,WAAU;YACZ,OAAOA;QACT;QACA,IAAIA,SAAQF,QAAS;YACnBE,UAAUF;YACVG,KAAKC,OAAO,CAAC,CAACH,MAAQA,OAAOT,OAAOQ,SAASC;QAC/C;IACF;AACF;AAEO,MAAMR,kBAAkB,CAAiCY,QAC9DA,MAAMZ,eAAe;AAEhB,SAASV,sBAAsBiB,QAAoB,EAAEM,SAAiB;IAC3E,MAAMC,mBAAmBP,SAAQQ,YAAY,CAAC,YAAY;IAC1D,MAAMC,mBAAmB,CAAC,EAAEF,iBAAiB,EAAEA,mBAAmB,MAAM,GAAG,EAAED,UAAU,CAAC;IAExFN,SAAQU,YAAY,CAAC,SAASD;AAChC;AAEO,SAASlB,2BAA2BS,QAAoB,EAAEW,iBAAyB;IACxF,MAAMC,kBAAkB,AAACZ,CAAAA,SAAQQ,YAAY,CAAC,YAAY,EAAC,EAAGK,KAAK,CAAC;IACpE,MAAMC,uBAAuBF,gBAAgBG,SAAS,CACpD,CAACT,YAAcA,cAAcK;IAE/B,IAAIG,yBAAyB,CAAC,GAAG;QAC/B;IACF;IACAF,gBAAgBI,MAAM,CAACF,sBAAsB;IAE7Cd,SAAQU,YAAY,CAAC,SAASE,gBAAgBK,IAAI,CAAC;AACrD;AAMO,MAAMhC,2BAA2B,CACtCiC;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;AAEO,MAAMhC,mBAAmB,CAI9Ba,WAEA,OAAOA,SAAQuB,IAAI,KAAK;AAEnB,SAASlC,+BACdmC,QAAoD;IAEpD,OACEC,OAAMC,cAAc,CAACF,aACrB,yHAAyH;IACzHA,SAASG,QAAQ,KAAKC,OAAOC,GAAG,CAAC;AAErC;AAEO,SAASzC,oBAIdoC,QAAoD;IAEpD,IAAI,CAACC,OAAMC,cAAc,CAACF,WAAW;QACnC,OAAO;IACT;IAEA,yHAAyH;IACzH,6JAA6J;IAC7J,MAAMM,eAAeN,SAASD,IAAI,IAAIC,SAASD,IAAI,CAACI,QAAQ;IAC5D,OAAOG,iBAAiBF,OAAOC,GAAG,CAAC;AACrC;AAMO,SAAS3C,qBAAqB6C,KAA4D;IAC/F,IAAIN,OAAMO,OAAO,CAACC,UAAU,CAAC,OAAO;QAClC,OAAO;YAAEC,eAAeH;QAAM;IAChC;IACA,OAAO;QAAEI,eAAeJ;IAAM;AAChC"}

package/dist/cjs/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":["COMMON_WARNINGS","warnOnce","zone","didWarn","Set","message","type","has","add","formattedMessage","styles","undefined","console","getA11yRuleUrl","ruleName","AXE_CORE_MINOR_VERSION","a11y"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IA0BaA,eAAe;eAAfA;;IAvBGC,QAAQ;eAARA;;;AAAT,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;AAEO,MAAMd,kBAAkB;IAC7BgB,MAAM;QACJ,eAAe,CAAC;AACpB,EAAEH,eAAe,eAAe,CAAC;QAC7B,aAAa,CAAC;AAClB,EAAEA,eAAe,aAAa,CAAC;QAC3B,aAAa,CAAC;AAClB,EAAEA,eAAe,aAAa,CAAC;IAC7B;AACF"}
+{"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":["COMMON_WARNINGS","warnOnce","zone","didWarn","Set","message","type","has","add","formattedMessage","styles","undefined","console","getA11yRuleUrl","ruleName","AXE_CORE_MINOR_VERSION","a11y"],"mappings":";;;;;;;;;;;IA0BaA,eAAe;eAAfA;;IAvBGC,QAAQ;eAARA;;;AAAT,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;AAEO,MAAMd,kBAAkB;IAC7BgB,MAAM;QACJ,eAAe,CAAC;AACpB,EAAEH,eAAe,eAAe,CAAC;QAC7B,aAAa,CAAC;AAClB,EAAEA,eAAe,aAAa,CAAC;QAC3B,aAAa,CAAC;AAClB,EAAEA,eAAe,aAAa,CAAC;IAC7B;AACF"}

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

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

package/dist/cjs/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"}

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

package/dist/cjs/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/cjs/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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"}

package/dist/cjs/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/types.ts"],"sourcesContent":["import * as React from 'react';\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 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\nexport type ValuesOfObject<T> = T[keyof T];\n\nexport type GetPropsWithFunctionKeys<T> = {\n  [K in keyof T]: T[K] extends (...args: any[]) => any ? K : never;\n}[keyof T];\n\nexport type PickOnlyFunctionProps<T> = Pick<T, GetPropsWithFunctionKeys<T>>;\n\n/**\n * Даёт возможность поймать ошибку, если в компонент передаются лишние свойства.\n *\n * @example\n * // пример использования\n * const nativeProps: HasOnlyExpectedProps<typeof restProps, NativeSelectProps> = restProps;\n *\n * @example\n * // расширенный пример\n * type SelectProps {\n *   mode: string,\n *   multiline: boolean;\n *   selectType?: SelectType;\n * }\n *\n * type NativeSelectProps {\n *   selectType?: SelectType;\n * }\n *\n * const selectProps: SelectProps = {\n *   mode: \"card\",\n *   multiline: true,\n *   selectType: \"default\",\n * }\n *\n * // будет ошибка, так как multiline в NativeSelectProps нет\n * const {mode, ...restProps} = selectProps;\n * const nativeProps: HasOnlyExpectedProps<typeof restProps, NativeSelectProps> = restProps;\n *\n * // а вот так ошибки не будет, так как restProps больше не содержит multiline\n * const {mode, multiline, ...restProps} = selectProps;\n * const nativeProps: HasOnlyExpectedProps<typeof restProps, NativeSelectProps> = restProps;\n */\nexport type HasOnlyExpectedProps<Props, ExpectedProps> = {\n  [K in keyof Props]: K extends keyof ExpectedProps ? ExpectedProps[K] : never;\n};\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}
+{"version":3,"sources":["../../src/types.ts"],"sourcesContent":["import * as React from 'react';\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 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\nexport type ValuesOfObject<T> = T[keyof T];\n\nexport type GetPropsWithFunctionKeys<T> = {\n  [K in keyof T]: T[K] extends (...args: any[]) => any ? K : never;\n}[keyof T];\n\nexport type PickOnlyFunctionProps<T> = Pick<T, GetPropsWithFunctionKeys<T>>;\n\n/**\n * Даёт возможность поймать ошибку, если в компонент передаются лишние свойства.\n *\n * @example\n * // пример использования\n * const nativeProps: HasOnlyExpectedProps<typeof restProps, NativeSelectProps> = restProps;\n *\n * @example\n * // расширенный пример\n * type SelectProps {\n *   mode: string,\n *   multiline: boolean;\n *   selectType?: SelectType;\n * }\n *\n * type NativeSelectProps {\n *   selectType?: SelectType;\n * }\n *\n * const selectProps: SelectProps = {\n *   mode: \"card\",\n *   multiline: true,\n *   selectType: \"default\",\n * }\n *\n * // будет ошибка, так как multiline в NativeSelectProps нет\n * const {mode, ...restProps} = selectProps;\n * const nativeProps: HasOnlyExpectedProps<typeof restProps, NativeSelectProps> = restProps;\n *\n * // а вот так ошибки не будет, так как restProps больше не содержит multiline\n * const {mode, multiline, ...restProps} = selectProps;\n * const nativeProps: HasOnlyExpectedProps<typeof restProps, NativeSelectProps> = restProps;\n */\nexport type HasOnlyExpectedProps<Props, ExpectedProps> = {\n  [K in keyof Props]: K extends keyof ExpectedProps ? ExpectedProps[K] : never;\n};\n\nexport type TimeoutId = ReturnType<typeof setTimeout> | null;\n"],"names":[],"mappings":";;;;;iEAAuB"}

package/dist/cjs/vkui.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/vkui.js"],"sourcesContent":["export * from './index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}
+{"version":3,"sources":["../../src/vkui.js"],"sourcesContent":["export * from './index';\n"],"names":[],"mappings":";;;;;uBAAc"}

package/dist/components/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useCustomEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { HasChildren } from '../../types';\nimport { AccordionContent } from './AccordionContent';\nimport { AccordionContext } from './AccordionContext';\nimport { AccordionSummary } from './AccordionSummary';\n\nfunction useAccordionId(id: AccordionProps['id']) {\n  const generatedId = React.useId();\n  const labelId = id ?? `Accordion${generatedId}`;\n  const contentId = `AccordionContent${id ?? generatedId}`;\n\n  return { labelId, contentId };\n}\n\nexport interface AccordionProps extends HasChildren {\n  id?: string;\n  /**\n   * Управляет раскрытием и скрытием контента.\n   */\n  expanded?: boolean;\n  /**\n   * Значение по умолчанию.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * Функция изменения\n   */\n  onChange?: (e: boolean) => void;\n  disabled?: boolean;\n}\n\nexport const Accordion = ({\n  id,\n  expanded: expandedProp,\n  defaultExpanded = false,\n  onChange: onChangeProp,\n  children,\n  ...restProps\n}: AccordionProps) => {\n  const { labelId, contentId } = useAccordionId(id);\n\n  const [expanded, onChange] = useCustomEnsuredControl({\n    value: expandedProp,\n    defaultValue: defaultExpanded,\n    onChange: onChangeProp,\n    disabled: restProps.disabled,\n  });\n\n  const context = useObjectMemo({\n    labelId,\n    contentId,\n    expanded: expanded || false,\n    onChange,\n  });\n\n  return <AccordionContext.Provider value={context}>{children}</AccordionContext.Provider>;\n};\n\nAccordion.displayName = 'Accordion';\n\nAccordion.Summary = AccordionSummary;\nAccordion.Summary.displayName = 'Accordion.Summary';\n\nAccordion.Content = AccordionContent;\nAccordion.Content.displayName = 'Accordion.Content';\n"],"names":["React","useCustomEnsuredControl","useObjectMemo","AccordionContent","AccordionContext","AccordionSummary","useAccordionId","id","generatedId","useId","labelId","contentId","Accordion","expanded","expandedProp","defaultExpanded","onChange","onChangeProp","children","restProps","value","defaultValue","disabled","context","Provider","displayName","Summary","Content"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,uBAAuB,QAAQ,gCAAgC;AACxE,SAASC,aAAa,QAAQ,4BAA4B;AAE1D,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,gBAAgB,QAAQ,qBAAqB;AAEtD,SAASC,eAAeC,EAAwB;IAC9C,MAAMC,cAAcR,MAAMS,KAAK;IAC/B,MAAMC,UAAUH,eAAAA,gBAAAA,KAAM,CAAC,SAAS,EAAEC,YAAY,CAAC;IAC/C,MAAMG,YAAY,CAAC,gBAAgB,EAAEJ,eAAAA,gBAAAA,KAAMC,YAAY,CAAC;IAExD,OAAO;QAAEE;QAASC;IAAU;AAC9B;AAmBA,OAAO,MAAMC,YAAY;QAAC,EACxBL,EAAE,EACFM,UAAUC,YAAY,EACtBC,kBAAkB,KAAK,EACvBC,UAAUC,YAAY,EACtBC,QAAQ,EAEO,WADZC;QALHZ;QACAM;QACAE;QACAC;QACAE;;IAGA,MAAM,EAAER,OAAO,EAAEC,SAAS,EAAE,GAAGL,eAAeC;IAE9C,MAAM,CAACM,UAAUG,SAAS,GAAGf,wBAAwB;QACnDmB,OAAON;QACPO,cAAcN;QACdC,UAAUC;QACVK,UAAUH,UAAUG,QAAQ;IAC9B;IAEA,MAAMC,UAAUrB,cAAc;QAC5BQ;QACAC;QACAE,UAAUA,YAAY;QACtBG;IACF;IAEA,qBAAO,KAACZ,iBAAiBoB,QAAQ;QAACJ,OAAOG;kBAAUL;;AACrD,EAAE;AAEFN,UAAUa,WAAW,GAAG;AAExBb,UAAUc,OAAO,GAAGrB;AACpBO,UAAUc,OAAO,CAACD,WAAW,GAAG;AAEhCb,UAAUe,OAAO,GAAGxB;AACpBS,UAAUe,OAAO,CAACF,WAAW,GAAG"}
+{"version":3,"sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useCustomEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { HasChildren } from '../../types';\nimport { AccordionContent } from './AccordionContent';\nimport { AccordionContext } from './AccordionContext';\nimport { AccordionSummary } from './AccordionSummary';\n\nfunction useAccordionId(id: AccordionProps['id']) {\n  const generatedId = React.useId();\n  const labelId = id ?? `Accordion${generatedId}`;\n  const contentId = `AccordionContent${id ?? generatedId}`;\n\n  return { labelId, contentId };\n}\n\nexport interface AccordionProps extends HasChildren {\n  id?: string;\n  /**\n   * Управляет раскрытием и скрытием контента.\n   */\n  expanded?: boolean;\n  /**\n   * Значение по умолчанию.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * Функция изменения\n   */\n  onChange?: (e: boolean) => void;\n  disabled?: boolean;\n}\n\nexport const Accordion = ({\n  id,\n  expanded: expandedProp,\n  defaultExpanded = false,\n  onChange: onChangeProp,\n  children,\n  ...restProps\n}: AccordionProps) => {\n  const { labelId, contentId } = useAccordionId(id);\n\n  const [expanded, onChange] = useCustomEnsuredControl({\n    value: expandedProp,\n    defaultValue: defaultExpanded,\n    onChange: onChangeProp,\n    disabled: restProps.disabled,\n  });\n\n  const context = useObjectMemo({\n    labelId,\n    contentId,\n    expanded: expanded || false,\n    onChange,\n  });\n\n  return <AccordionContext.Provider value={context}>{children}</AccordionContext.Provider>;\n};\n\nAccordion.displayName = 'Accordion';\n\nAccordion.Summary = AccordionSummary;\nAccordion.Summary.displayName = 'Accordion.Summary';\n\nAccordion.Content = AccordionContent;\nAccordion.Content.displayName = 'Accordion.Content';\n"],"names":["React","useCustomEnsuredControl","useObjectMemo","AccordionContent","AccordionContext","AccordionSummary","useAccordionId","id","generatedId","useId","labelId","contentId","Accordion","expanded","expandedProp","defaultExpanded","onChange","onChangeProp","children","restProps","value","defaultValue","disabled","context","Provider","displayName","Summary","Content"],"mappings":";;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,uBAAuB,QAAQ,gCAAgC;AACxE,SAASC,aAAa,QAAQ,4BAA4B;AAE1D,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,gBAAgB,QAAQ,qBAAqB;AAEtD,SAASC,eAAeC,EAAwB;IAC9C,MAAMC,cAAcR,MAAMS,KAAK;IAC/B,MAAMC,UAAUH,eAAAA,gBAAAA,KAAM,CAAC,SAAS,EAAEC,YAAY,CAAC;IAC/C,MAAMG,YAAY,CAAC,gBAAgB,EAAEJ,eAAAA,gBAAAA,KAAMC,YAAY,CAAC;IAExD,OAAO;QAAEE;QAASC;IAAU;AAC9B;AAmBA,OAAO,MAAMC,YAAY;QAAC,EACxBL,EAAE,EACFM,UAAUC,YAAY,EACtBC,kBAAkB,KAAK,EACvBC,UAAUC,YAAY,EACtBC,QAAQ,EAEO,WADZC;QALHZ;QACAM;QACAE;QACAC;QACAE;;IAGA,MAAM,EAAER,OAAO,EAAEC,SAAS,EAAE,GAAGL,eAAeC;IAE9C,MAAM,CAACM,UAAUG,SAAS,GAAGf,wBAAwB;QACnDmB,OAAON;QACPO,cAAcN;QACdC,UAAUC;QACVK,UAAUH,UAAUG,QAAQ;IAC9B;IAEA,MAAMC,UAAUrB,cAAc;QAC5BQ;QACAC;QACAE,UAAUA,YAAY;QACtBG;IACF;IAEA,qBAAO,KAACZ,iBAAiBoB,QAAQ;QAACJ,OAAOG;kBAAUL;;AACrD,EAAE;AAEFN,UAAUa,WAAW,GAAG;AAExBb,UAAUc,OAAO,GAAGrB;AACpBO,UAAUc,OAAO,CAACD,WAAW,GAAG;AAEhCb,UAAUe,OAAO,GAAGxB;AACpBS,UAAUe,OAAO,CAACF,WAAW,GAAG"}

package/dist/components/Accordion/AccordionContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AA+CjD,MAAM,WAAW,qBACf,SAAQ,UAAU,CAAC,cAAc,CAAC,EAChC,MAAM,CAAC,cAAc,CAAC,EACtB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,gBAAgB;gEAM1B,qBAAqB;;CAqBvB,CAAC"}
+{"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAejD,MAAM,WAAW,qBACf,SAAQ,UAAU,CAAC,cAAc,CAAC,EAChC,MAAM,CAAC,cAAc,CAAC,EACtB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,gBAAgB;gEAM1B,qBAAqB;;CAiDvB,CAAC"}

package/dist/components/Accordion/AccordionContent.js

@@ -5,41 +5,18 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { useExternRef } from '../../hooks/useExternRef';
-import { useGlobalEventListener } from '../../hooks/useGlobalEventListener';
-import { useDOM } from '../../lib/dom';
+import { useCSSKeyframesAnimationController } from '../../lib/animation';
 import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
 import { AccordionContext } from './AccordionContext';
-/**
- * Функция расчета max-height, для скрытия или раскрытия контента.
- */ function calcMaxHeight(expanded, el) {
-    if (!expanded) {
-        return '0px';
-    }
-    // В первый рендеринг нельзя узнать высоту элемента
-    if (el === null) {
-        return 'inherit';
-    }
-    return `${el.scrollHeight}px`;
-}
-/**
- * Хук для отслеживания изменения высоты контента.
- */ function useResizeContent(expanded, inRef) {
-    const resize = ()=>{
-        inRef.current.style.maxHeight = calcMaxHeight(expanded, inRef.current);
-    };
-    const { window } = useDOM();
-    useGlobalEventListener(window, 'resize', resize);
-    useIsomorphicLayoutEffect(resize, []);
-}
-/**
- * Хук для скрывания или раскрывания контента. Возвращает стили для in элемента.
- */ function useAccordionContent(expanded, inRef) {
-    const maxHeight = calcMaxHeight(expanded, inRef.current);
-    useResizeContent(expanded, inRef);
-    return {
-        maxHeight
-    };
-}
+const CUSTOM_PROPERTY_ACCORDION_CONTENT_HEIGHT = '--vkui_internal--AccordionContent_height';
+const stateClassNames = {
+    enter: "vkuiAccordionContent__in--enter",
+    entering: "vkuiAccordionContent__in--enter",
+    entered: "vkuiAccordionContent__in--entered",
+    exit: "vkuiAccordionContent__in--exit",
+    exiting: "vkuiAccordionContent__in--exit",
+    exited: "vkuiAccordionContent__in--exited"
+};
 export const AccordionContent = (_param)=>{
     var { getRootRef, getRef, className, children } = _param, restProps = _object_without_properties(_param, [
         "getRootRef",
@@ -47,9 +24,28 @@ export const AccordionContent = (_param)=>{
         "className",
         "children"
     ]);
-    const inRef = useExternRef(getRef);
     const { expanded, labelId, contentId } = React.useContext(AccordionContext);
-    const inStyle = useAccordionContent(expanded, inRef);
+    const inRef = useExternRef(getRef);
+    const [animationState, animationHandlers] = useCSSKeyframesAnimationController(expanded ? 'enter' : 'exit', undefined, true);
+    useIsomorphicLayoutEffect(()=>{
+        const inEl = inRef.current;
+        /* istanbul ignore if: невозможный кейс (в SSR вызова этой функции не будет) */ if (!inEl) {
+            return;
+        }
+        switch(animationState){
+            case 'enter':
+            case 'exit':
+                inEl.style.setProperty(CUSTOM_PROPERTY_ACCORDION_CONTENT_HEIGHT, `${inEl.scrollHeight}px`);
+                break;
+            case 'entered':
+            case 'exited':
+                inEl.style.removeProperty(CUSTOM_PROPERTY_ACCORDION_CONTENT_HEIGHT);
+                break;
+        }
+    }, [
+        animationState,
+        inRef
+    ]);
     return /*#__PURE__*/ _jsx("div", _object_spread_props(_object_spread({
         ref: getRootRef,
         id: contentId,
@@ -58,12 +54,12 @@ export const AccordionContent = (_param)=>{
         "aria-hidden": !expanded,
         className: classNames("vkuiAccordionContent", className)
     }, restProps), {
-        children: /*#__PURE__*/ _jsx("div", {
+        children: /*#__PURE__*/ _jsx("div", _object_spread_props(_object_spread({
             ref: inRef,
-            className: "vkuiAccordionContent__in",
-            style: inStyle,
+            className: classNames("vkuiAccordionContent__in", stateClassNames[animationState])
+        }, animationHandlers), {
             children: children
-        })
+        }))
     }));
 };
 AccordionContent.displayName = 'AccordionContent';

package/dist/components/Accordion/AccordionContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Accordion/AccordionContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { HasRef, HasRootRef } from '../../types';\nimport { AccordionContext } from './AccordionContext';\nimport styles from './Accordion.module.css';\n\n/**\n * Функция расчета max-height, для скрытия или раскрытия контента.\n */\nfunction calcMaxHeight(expanded: boolean, el: HTMLElement | null): string {\n  if (!expanded) {\n    return '0px';\n  }\n\n  // В первый рендеринг нельзя узнать высоту элемента\n  if (el === null) {\n    return 'inherit';\n  }\n\n  return `${el.scrollHeight}px`;\n}\n\n/**\n * Хук для отслеживания изменения высоты контента.\n */\nfunction useResizeContent(expanded: boolean, inRef: React.MutableRefObject<HTMLDivElement | null>) {\n  const resize = () => {\n    inRef.current!.style.maxHeight = calcMaxHeight(expanded, inRef.current);\n  };\n\n  const { window } = useDOM();\n  useGlobalEventListener(window, 'resize', resize);\n  useIsomorphicLayoutEffect(resize, []);\n}\n\n/**\n * Хук для скрывания или раскрывания контента. Возвращает стили для in элемента.\n */\nfunction useAccordionContent(\n  expanded: boolean,\n  inRef: React.MutableRefObject<HTMLDivElement | null>,\n) {\n  const maxHeight = calcMaxHeight(expanded, inRef.current);\n\n  useResizeContent(expanded, inRef);\n\n  return { maxHeight };\n}\n\nexport interface AccordionContentProps\n  extends HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement>,\n    React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AccordionContent = ({\n  getRootRef,\n  getRef,\n  className,\n  children,\n  ...restProps\n}: AccordionContentProps) => {\n  const inRef = useExternRef(getRef);\n  const { expanded, labelId, contentId } = React.useContext(AccordionContext);\n\n  const inStyle = useAccordionContent(expanded, inRef);\n\n  return (\n    <div\n      ref={getRootRef}\n      id={contentId}\n      role=\"region\"\n      aria-labelledby={labelId}\n      aria-hidden={!expanded}\n      className={classNames(styles['AccordionContent'], className)}\n      {...restProps}\n    >\n      <div ref={inRef} className={styles['AccordionContent__in']} style={inStyle}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nAccordionContent.displayName = 'AccordionContent';\n"],"names":["React","classNames","useExternRef","useGlobalEventListener","useDOM","useIsomorphicLayoutEffect","AccordionContext","calcMaxHeight","expanded","el","scrollHeight","useResizeContent","inRef","resize","current","style","maxHeight","window","useAccordionContent","AccordionContent","getRootRef","getRef","className","children","restProps","labelId","contentId","useContext","inStyle","div","ref","id","role","aria-labelledby","aria-hidden","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,sBAAsB,QAAQ,qCAAqC;AAC5E,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,yBAAyB,QAAQ,sCAAsC;AAEhF,SAASC,gBAAgB,QAAQ,qBAAqB;AAGtD;;CAEC,GACD,SAASC,cAAcC,QAAiB,EAAEC,EAAsB;IAC9D,IAAI,CAACD,UAAU;QACb,OAAO;IACT;IAEA,mDAAmD;IACnD,IAAIC,OAAO,MAAM;QACf,OAAO;IACT;IAEA,OAAO,CAAC,EAAEA,GAAGC,YAAY,CAAC,EAAE,CAAC;AAC/B;AAEA;;CAEC,GACD,SAASC,iBAAiBH,QAAiB,EAAEI,KAAoD;IAC/F,MAAMC,SAAS;QACbD,MAAME,OAAO,CAAEC,KAAK,CAACC,SAAS,GAAGT,cAAcC,UAAUI,MAAME,OAAO;IACxE;IAEA,MAAM,EAAEG,MAAM,EAAE,GAAGb;IACnBD,uBAAuBc,QAAQ,UAAUJ;IACzCR,0BAA0BQ,QAAQ,EAAE;AACtC;AAEA;;CAEC,GACD,SAASK,oBACPV,QAAiB,EACjBI,KAAoD;IAEpD,MAAMI,YAAYT,cAAcC,UAAUI,MAAME,OAAO;IAEvDH,iBAAiBH,UAAUI;IAE3B,OAAO;QAAEI;IAAU;AACrB;AAOA,OAAO,MAAMG,mBAAmB;QAAC,EAC/BC,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,QAAQ,EAEc,WADnBC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,MAAMX,QAAQV,aAAamB;IAC3B,MAAM,EAAEb,QAAQ,EAAEiB,OAAO,EAAEC,SAAS,EAAE,GAAG1B,MAAM2B,UAAU,CAACrB;IAE1D,MAAMsB,UAAUV,oBAAoBV,UAAUI;IAE9C,qBACE,KAACiB;QACCC,KAAKV;QACLW,IAAIL;QACJM,MAAK;QACLC,mBAAiBR;QACjBS,eAAa,CAAC1B;QACdc,WAAWrB,mCAAuCqB;OAC9CE;kBAEJ,cAAA,KAACK;YAAIC,KAAKlB;YAAOU,SAAS;YAAkCP,OAAOa;sBAChEL;;;AAIT,EAAE;AAEFJ,iBAAiBgB,WAAW,GAAG"}
+{"version":3,"sources":["../../../src/components/Accordion/AccordionContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useCSSKeyframesAnimationController } from '../../lib/animation';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { HasRef, HasRootRef } from '../../types';\nimport { AccordionContext } from './AccordionContext';\nimport styles from './Accordion.module.css';\n\nconst CUSTOM_PROPERTY_ACCORDION_CONTENT_HEIGHT = '--vkui_internal--AccordionContent_height';\n\nconst stateClassNames = {\n  enter: styles['AccordionContent__in--enter'],\n  entering: styles['AccordionContent__in--enter'],\n  entered: styles['AccordionContent__in--entered'],\n  exit: styles['AccordionContent__in--exit'],\n  exiting: styles['AccordionContent__in--exit'],\n  exited: styles['AccordionContent__in--exited'],\n};\n\nexport interface AccordionContentProps\n  extends HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement>,\n    React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AccordionContent = ({\n  getRootRef,\n  getRef,\n  className,\n  children,\n  ...restProps\n}: AccordionContentProps) => {\n  const { expanded, labelId, contentId } = React.useContext(AccordionContext);\n\n  const inRef = useExternRef(getRef);\n  const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n    expanded ? 'enter' : 'exit',\n    undefined,\n    true,\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    const inEl = inRef.current;\n\n    /* istanbul ignore if: невозможный кейс (в SSR вызова этой функции не будет) */\n    if (!inEl) {\n      return;\n    }\n\n    switch (animationState) {\n      case 'enter':\n      case 'exit':\n        inEl.style.setProperty(CUSTOM_PROPERTY_ACCORDION_CONTENT_HEIGHT, `${inEl.scrollHeight}px`);\n        break;\n      case 'entered':\n      case 'exited':\n        inEl.style.removeProperty(CUSTOM_PROPERTY_ACCORDION_CONTENT_HEIGHT);\n        break;\n    }\n  }, [animationState, inRef]);\n\n  return (\n    <div\n      ref={getRootRef}\n      id={contentId}\n      role=\"region\"\n      aria-labelledby={labelId}\n      aria-hidden={!expanded}\n      className={classNames(styles['AccordionContent'], className)}\n      {...restProps}\n    >\n      <div\n        ref={inRef}\n        className={classNames(styles['AccordionContent__in'], stateClassNames[animationState])}\n        {...animationHandlers}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n\nAccordionContent.displayName = 'AccordionContent';\n"],"names":["React","classNames","useExternRef","useCSSKeyframesAnimationController","useIsomorphicLayoutEffect","AccordionContext","CUSTOM_PROPERTY_ACCORDION_CONTENT_HEIGHT","stateClassNames","enter","entering","entered","exit","exiting","exited","AccordionContent","getRootRef","getRef","className","children","restProps","expanded","labelId","contentId","useContext","inRef","animationState","animationHandlers","undefined","inEl","current","style","setProperty","scrollHeight","removeProperty","div","ref","id","role","aria-labelledby","aria-hidden","displayName"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,kCAAkC,QAAQ,sBAAsB;AACzE,SAASC,yBAAyB,QAAQ,sCAAsC;AAEhF,SAASC,gBAAgB,QAAQ,qBAAqB;AAGtD,MAAMC,2CAA2C;AAEjD,MAAMC,kBAAkB;IACtBC,KAAK;IACLC,QAAQ;IACRC,OAAO;IACPC,IAAI;IACJC,OAAO;IACPC,MAAM;AACR;AAOA,OAAO,MAAMC,mBAAmB;QAAC,EAC/BC,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,QAAQ,EAEc,WADnBC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,EAAEC,OAAO,EAAEC,SAAS,EAAE,GAAGtB,MAAMuB,UAAU,CAAClB;IAE1D,MAAMmB,QAAQtB,aAAac;IAC3B,MAAM,CAACS,gBAAgBC,kBAAkB,GAAGvB,mCAC1CiB,WAAW,UAAU,QACrBO,WACA;IAGFvB,0BAA0B;QACxB,MAAMwB,OAAOJ,MAAMK,OAAO;QAE1B,6EAA6E,GAC7E,IAAI,CAACD,MAAM;YACT;QACF;QAEA,OAAQH;YACN,KAAK;YACL,KAAK;gBACHG,KAAKE,KAAK,CAACC,WAAW,CAACzB,0CAA0C,CAAC,EAAEsB,KAAKI,YAAY,CAAC,EAAE,CAAC;gBACzF;YACF,KAAK;YACL,KAAK;gBACHJ,KAAKE,KAAK,CAACG,cAAc,CAAC3B;gBAC1B;QACJ;IACF,GAAG;QAACmB;QAAgBD;KAAM;IAE1B,qBACE,KAACU;QACCC,KAAKpB;QACLqB,IAAId;QACJe,MAAK;QACLC,mBAAiBjB;QACjBkB,eAAa,CAACnB;QACdH,WAAWhB,mCAAuCgB;OAC9CE;kBAEJ,cAAA,KAACe;YACCC,KAAKX;YACLP,WAAWhB,uCAA2CM,eAAe,CAACkB,eAAe;WACjFC;sBAEHR;;;AAIT,EAAE;AAEFJ,iBAAiB0B,WAAW,GAAG"}

package/dist/components/Accordion/AccordionContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Accordion/AccordionContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\n\nexport interface AccordionContextProps {\n  labelId: string;\n  contentId: string;\n  expanded: boolean;\n  onChange: (e: boolean) => void;\n}\n\nexport const AccordionContext = React.createContext<AccordionContextProps>({\n  labelId: '',\n  contentId: '',\n  expanded: false,\n  onChange: noop,\n});\n"],"names":["React","noop","AccordionContext","createContext","labelId","contentId","expanded","onChange"],"rangeMappings":";;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,kBAAkB;AASvC,OAAO,MAAMC,iCAAmBF,MAAMG,aAAa,CAAwB;IACzEC,SAAS;IACTC,WAAW;IACXC,UAAU;IACVC,UAAUN;AACZ,GAAG"}
+{"version":3,"sources":["../../../src/components/Accordion/AccordionContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\n\nexport interface AccordionContextProps {\n  labelId: string;\n  contentId: string;\n  expanded: boolean;\n  onChange: (e: boolean) => void;\n}\n\nexport const AccordionContext = React.createContext<AccordionContextProps>({\n  labelId: '',\n  contentId: '',\n  expanded: false,\n  onChange: noop,\n});\n"],"names":["React","noop","AccordionContext","createContext","labelId","contentId","expanded","onChange"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,kBAAkB;AASvC,OAAO,MAAMC,iCAAmBF,MAAMG,aAAa,CAAwB;IACzEC,SAAS;IACTC,WAAW;IACXC,UAAU;IACVC,UAAUN;AACZ,GAAG"}

package/dist/components/Accordion/AccordionSummary.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Accordion/AccordionSummary.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24ChevronDown, Icon24ChevronUp } from '@vkontakte/icons';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { SimpleCell, SimpleCellProps } from '../SimpleCell/SimpleCell';\nimport { AccordionContext } from './AccordionContext';\nimport styles from './Accordion.module.css';\n\nexport interface AccordionSummaryProps extends Omit<SimpleCellProps, 'expandable'> {\n  /**\n   * Иконка для раскрытия контента.\n   */\n  ExpandIcon?: React.ElementType;\n  /**\n   * Иконка для сворачивания контента.\n   */\n  CollapseIcon?: React.ElementType;\n  /**\n   * Позиция иконки.\n   */\n  iconPosition?: 'before' | 'after';\n}\n\nexport const AccordionSummary = ({\n  after,\n  before,\n  ExpandIcon = Icon24ChevronDown,\n  CollapseIcon = Icon24ChevronUp,\n  iconPosition = 'after',\n  onClick,\n  children,\n  ...restProps\n}: AccordionSummaryProps) => {\n  const { expanded, labelId, contentId, onChange } = React.useContext(AccordionContext);\n\n  const Icon = expanded ? CollapseIcon : ExpandIcon;\n\n  const icon = (\n    // Обертка нужна для правильной работы с отступами в SimpleCell\n    <span className=\"vkuiIcon\">\n      <Icon className={styles['AccordionSummary__icon']} />\n    </span>\n  );\n\n  const toggle = () => onChange(!expanded);\n\n  return (\n    <SimpleCell\n      id={labelId}\n      aria-expanded={expanded}\n      aria-controls={contentId}\n      onClick={callMultiple(toggle, onClick)}\n      before={\n        <>\n          {iconPosition === 'before' && icon}\n          {before}\n        </>\n      }\n      after={\n        <>\n          {after}\n          {iconPosition === 'after' && icon}\n        </>\n      }\n      {...restProps}\n    >\n      {children}\n    </SimpleCell>\n  );\n};\n\nAccordionSummary.displayName = 'AccordionSummary';\n"],"names":["React","Icon24ChevronDown","Icon24ChevronUp","callMultiple","SimpleCell","AccordionContext","AccordionSummary","after","before","ExpandIcon","CollapseIcon","iconPosition","onClick","children","restProps","expanded","labelId","contentId","onChange","useContext","Icon","icon","span","className","toggle","id","aria-expanded","aria-controls","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iBAAiB,EAAEC,eAAe,QAAQ,mBAAmB;AACtE,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,UAAU,QAAyB,2BAA2B;AACvE,SAASC,gBAAgB,QAAQ,qBAAqB;AAkBtD,OAAO,MAAMC,mBAAmB;QAAC,EAC/BC,KAAK,EACLC,MAAM,EACNC,aAAaR,iBAAiB,EAC9BS,eAAeR,eAAe,EAC9BS,eAAe,OAAO,EACtBC,OAAO,EACPC,QAAQ,EAEc,WADnBC;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,EAAEC,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGlB,MAAMmB,UAAU,CAACd;IAEpE,MAAMe,OAAOL,WAAWL,eAAeD;IAEvC,MAAMY,OACJ,+DAA+D;kBAC/D,KAACC;QAAKC,WAAU;kBACd,cAAA,KAACH;YAAKG,SAAS;;;IAInB,MAAMC,SAAS,IAAMN,SAAS,CAACH;IAE/B,qBACE,KAACX;QACCqB,IAAIT;QACJU,iBAAeX;QACfY,iBAAeV;QACfL,SAAST,aAAaqB,QAAQZ;QAC9BJ,sBACE;;gBACGG,iBAAiB,YAAYU;gBAC7Bb;;;QAGLD,qBACE;;gBACGA;gBACAI,iBAAiB,WAAWU;;;OAG7BP;kBAEHD;;AAGP,EAAE;AAEFP,iBAAiBsB,WAAW,GAAG"}
+{"version":3,"sources":["../../../src/components/Accordion/AccordionSummary.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24ChevronDown, Icon24ChevronUp } from '@vkontakte/icons';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { SimpleCell, SimpleCellProps } from '../SimpleCell/SimpleCell';\nimport { AccordionContext } from './AccordionContext';\nimport styles from './Accordion.module.css';\n\nexport interface AccordionSummaryProps extends Omit<SimpleCellProps, 'expandable'> {\n  /**\n   * Иконка для раскрытия контента.\n   */\n  ExpandIcon?: React.ElementType;\n  /**\n   * Иконка для сворачивания контента.\n   */\n  CollapseIcon?: React.ElementType;\n  /**\n   * Позиция иконки.\n   */\n  iconPosition?: 'before' | 'after';\n}\n\nexport const AccordionSummary = ({\n  after,\n  before,\n  ExpandIcon = Icon24ChevronDown,\n  CollapseIcon = Icon24ChevronUp,\n  iconPosition = 'after',\n  onClick,\n  children,\n  ...restProps\n}: AccordionSummaryProps) => {\n  const { expanded, labelId, contentId, onChange } = React.useContext(AccordionContext);\n\n  const Icon = expanded ? CollapseIcon : ExpandIcon;\n\n  const icon = (\n    // Обертка нужна для правильной работы с отступами в SimpleCell\n    <span className=\"vkuiIcon\">\n      <Icon className={styles['AccordionSummary__icon']} />\n    </span>\n  );\n\n  const toggle = () => onChange(!expanded);\n\n  return (\n    <SimpleCell\n      id={labelId}\n      aria-expanded={expanded}\n      aria-controls={contentId}\n      onClick={callMultiple(toggle, onClick)}\n      before={\n        <>\n          {iconPosition === 'before' && icon}\n          {before}\n        </>\n      }\n      after={\n        <>\n          {after}\n          {iconPosition === 'after' && icon}\n        </>\n      }\n      {...restProps}\n    >\n      {children}\n    </SimpleCell>\n  );\n};\n\nAccordionSummary.displayName = 'AccordionSummary';\n"],"names":["React","Icon24ChevronDown","Icon24ChevronUp","callMultiple","SimpleCell","AccordionContext","AccordionSummary","after","before","ExpandIcon","CollapseIcon","iconPosition","onClick","children","restProps","expanded","labelId","contentId","onChange","useContext","Icon","icon","span","className","toggle","id","aria-expanded","aria-controls","displayName"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iBAAiB,EAAEC,eAAe,QAAQ,mBAAmB;AACtE,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,UAAU,QAAyB,2BAA2B;AACvE,SAASC,gBAAgB,QAAQ,qBAAqB;AAkBtD,OAAO,MAAMC,mBAAmB;QAAC,EAC/BC,KAAK,EACLC,MAAM,EACNC,aAAaR,iBAAiB,EAC9BS,eAAeR,eAAe,EAC9BS,eAAe,OAAO,EACtBC,OAAO,EACPC,QAAQ,EAEc,WADnBC;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,EAAEC,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGlB,MAAMmB,UAAU,CAACd;IAEpE,MAAMe,OAAOL,WAAWL,eAAeD;IAEvC,MAAMY,OACJ,+DAA+D;kBAC/D,KAACC;QAAKC,WAAU;kBACd,cAAA,KAACH;YAAKG,SAAS;;;IAInB,MAAMC,SAAS,IAAMN,SAAS,CAACH;IAE/B,qBACE,KAACX;QACCqB,IAAIT;QACJU,iBAAeX;QACfY,iBAAeV;QACfL,SAAST,aAAaqB,QAAQZ;QAC9BJ,sBACE;;gBACGG,iBAAiB,YAAYU;gBAC7Bb;;;QAGLD,qBACE;;gBACGA;gBACAI,iBAAiB,WAAWU;;;OAG7BP;kBAEHD;;AAGP,EAAE;AAEFP,iBAAiBsB,WAAW,GAAG"}

package/dist/components/ActionSheet/ActionSheet.d.ts

@@ -20,6 +20,6 @@ export interface ActionSheetProps extends Pick<SharedDropdownProps, 'toggleRef'
 /**
  * @see https://vkcom.github.io/VKUI/#/ActionSheet
  */
-export declare const ActionSheet: ({ children, className, header, text, style, iosCloseItem, popupOffsetDistance, placement, mode: modeProp, ...restProps }: ActionSheetProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ActionSheet: ({ children, className, header, text, style, iosCloseItem, popupOffsetDistance, placement, mode: modeProp, onClose, ...restProps }: ActionSheetProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ActionSheet.d.ts.map

package/dist/components/ActionSheet/ActionSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionSheet.d.ts","sourceRoot":"","sources":["../../../src/components/ActionSheet/ActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAG9C,KAAK,eAAe,GAAG,aAAa,GAAG,aAAa,GAAG,OAAO,CAAC;AAC/D,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,eAAe,CAAC;CAC3B;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,WAAW,GAAG,qBAAqB,GAAG,WAAW,CAAC,EAClF,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,OAAO,EAAE,CAAC,OAAO,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACtD;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,6HAWrB,gBAAgB,4CAqGlB,CAAC"}
+{"version":3,"file":"ActionSheet.d.ts","sourceRoot":"","sources":["../../../src/components/ActionSheet/ActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAG9C,KAAK,eAAe,GAAG,aAAa,GAAG,aAAa,GAAG,OAAO,CAAC;AAC/D,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,eAAe,CAAC;CAC3B;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,WAAW,GAAG,qBAAqB,GAAG,WAAW,CAAC,EAClF,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,OAAO,EAAE,CAAC,OAAO,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACtD;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,sIAYrB,gBAAgB,4CAgGlB,CAAC"}

package/dist/components/ActionSheet/ActionSheet.js

@@ -7,7 +7,7 @@ import { noop } from '@vkontakte/vkjs';
 import { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';
 import { useObjectMemo } from '../../hooks/useObjectMemo';
 import { usePlatform } from '../../hooks/usePlatform';
-import { useTimeout } from '../../hooks/useTimeout';
+import { useCSSKeyframesAnimationController } from '../../lib/animation';
 import { useScrollLock } from '../AppRoot/ScrollContext';
 import { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';
 import { Footnote } from '../Typography/Footnote/Footnote';
@@ -18,7 +18,7 @@ import { ActionSheetDropdownSheet } from './ActionSheetDropdownSheet';
 /**
  * @see https://vkcom.github.io/VKUI/#/ActionSheet
  */ export const ActionSheet = (_param)=>{
-    var { children, className, header, text, style, iosCloseItem, popupOffsetDistance, placement, mode: modeProp } = _param, restProps = _object_without_properties(_param, [
+    var { children, className, header, text, style, iosCloseItem, popupOffsetDistance, placement, mode: modeProp, onClose } = _param, restProps = _object_without_properties(_param, [
         "children",
         "className",
         "header",
@@ -27,42 +27,32 @@ import { ActionSheetDropdownSheet } from './ActionSheetDropdownSheet';
         "iosCloseItem",
         "popupOffsetDistance",
         "placement",
-        "mode"
+        "mode",
+        "onClose"
     ]);
     const platform = usePlatform();
     const [closingBy, setClosingBy] = React.useState(undefined);
-    const onClose = ()=>setClosingBy('other');
-    const _action = React.useRef(noop);
-    const afterClose = ()=>{
-        restProps.onClose({
-            closedBy: closingBy || 'other'
-        });
-        _action.current();
-        _action.current = noop;
-    };
+    const onCloseWithOther = ()=>setClosingBy('other');
+    const actionCallbackRef = React.useRef(noop);
+    const [animationState, animationHandlers] = useCSSKeyframesAnimationController(closingBy !== undefined ? 'exit' : 'enter', {
+        onExited () {
+            onClose({
+                closedBy: closingBy || 'other'
+            });
+            actionCallbackRef.current();
+            actionCallbackRef.current = noop;
+        }
+    });
     const { isDesktop } = useAdaptivityWithJSMediaQueries();
     const mode = modeProp !== null && modeProp !== void 0 ? modeProp : isDesktop ? 'menu' : 'sheet';
     useScrollLock(mode === 'sheet');
-    let timeout = platform === 'ios' ? 300 : 200;
-    if (mode === 'menu') {
-        timeout = 0;
-    }
-    const fallbackTransitionFinish = useTimeout(afterClose, timeout);
-    React.useEffect(()=>{
-        if (closingBy) {
-            fallbackTransitionFinish.set();
-        } else {
-            fallbackTransitionFinish.clear();
-        }
-    }, [
-        closingBy,
-        fallbackTransitionFinish
-    ]);
     const onItemClick = React.useCallback(({ action, immediateAction, autoClose, isCancelItem })=>(event)=>{
             event.persist();
             immediateAction && immediateAction(event);
             if (autoClose) {
-                _action.current = ()=>action && action(event);
+                if (action) {
+                    actionCallbackRef.current = ()=>action(event);
+                }
                 setClosingBy(isCancelItem ? 'cancel-item' : 'action-item');
             } else {
                 action && action(event);
@@ -81,9 +71,11 @@ import { ActionSheetDropdownSheet } from './ActionSheetDropdownSheet';
         value: contextValue,
         children: /*#__PURE__*/ _jsxs(DropdownComponent, _object_spread_props(_object_spread({
             closing: Boolean(closingBy),
-            timeout: timeout
-        }, dropdownProps), {
-            onClose: onClose,
+            role: "dialog",
+            "aria-modal": "true",
+            autoFocus: animationState === 'entered'
+        }, dropdownProps, animationHandlers), {
+            onClose: onCloseWithOther,
             className: mode === 'menu' ? className : undefined,
             style: mode === 'menu' ? style : undefined,
             children: [
@@ -122,7 +114,7 @@ import { ActionSheetDropdownSheet } from './ActionSheetDropdownSheet';
         alignY: "bottom",
         className: className,
         style: style,
-        onClick: onClose,
+        onClick: onCloseWithOther,
         fixed: true,
         children: actionSheet
     });

package/dist/components/ActionSheet/ActionSheet.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheet.tsx"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { ActionSheetContext, ItemClickHandler } from './ActionSheetContext';\nimport { ActionSheetDefaultIosCloseItem } from './ActionSheetDefaultIosCloseItem';\nimport { ActionSheetDropdownMenu } from './ActionSheetDropdownMenu';\nimport { ActionSheetDropdownSheet } from './ActionSheetDropdownSheet';\nimport { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\ntype CloseInitiators = 'action-item' | 'cancel-item' | 'other';\nexport interface ActionSheetOnCloseOptions {\n  closedBy: CloseInitiators;\n}\n\nexport interface ActionSheetProps\n  extends Pick<SharedDropdownProps, 'toggleRef' | 'popupOffsetDistance' | 'placement'>,\n    React.HTMLAttributes<HTMLDivElement> {\n  header?: React.ReactNode;\n  text?: React.ReactNode;\n  /**\n   * Закрыть попап по клику снаружи.\n   */\n  onClose: (options: ActionSheetOnCloseOptions) => void;\n  /**\n   * Только мобильный iOS.\n   */\n  iosCloseItem?: React.ReactNode;\n  mode?: 'sheet' | 'menu';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheet\n */\nexport const ActionSheet = ({\n  children,\n  className,\n  header,\n  text,\n  style,\n  iosCloseItem,\n  popupOffsetDistance,\n  placement,\n  mode: modeProp,\n  ...restProps\n}: ActionSheetProps) => {\n  const platform = usePlatform();\n  const [closingBy, setClosingBy] = React.useState<undefined | CloseInitiators>(undefined);\n  const onClose = () => setClosingBy('other');\n  const _action = React.useRef(noop);\n\n  const afterClose = () => {\n    restProps.onClose({ closedBy: closingBy || 'other' });\n    _action.current();\n    _action.current = noop;\n  };\n\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const mode = modeProp ?? (isDesktop ? 'menu' : 'sheet');\n\n  useScrollLock(mode === 'sheet');\n\n  let timeout = platform === 'ios' ? 300 : 200;\n\n  if (mode === 'menu') {\n    timeout = 0;\n  }\n\n  const fallbackTransitionFinish = useTimeout(afterClose, timeout);\n  React.useEffect(() => {\n    if (closingBy) {\n      fallbackTransitionFinish.set();\n    } else {\n      fallbackTransitionFinish.clear();\n    }\n  }, [closingBy, fallbackTransitionFinish]);\n\n  const onItemClick = React.useCallback<ItemClickHandler>(\n    ({ action, immediateAction, autoClose, isCancelItem }) =>\n      (event) => {\n        event.persist();\n        immediateAction && immediateAction(event);\n        if (autoClose) {\n          _action.current = () => action && action(event);\n          setClosingBy(isCancelItem ? 'cancel-item' : 'action-item');\n        } else {\n          action && action(event);\n        }\n      },\n    [],\n  );\n  const contextValue = useObjectMemo({ onItemClick, mode });\n\n  const DropdownComponent = mode === 'menu' ? ActionSheetDropdownMenu : ActionSheetDropdownSheet;\n\n  const dropdownProps =\n    mode === 'menu' ? Object.assign(restProps, { popupOffsetDistance, placement }) : restProps;\n\n  const actionSheet = (\n    <ActionSheetContext.Provider value={contextValue}>\n      <DropdownComponent\n        closing={Boolean(closingBy)}\n        timeout={timeout}\n        {...dropdownProps}\n        onClose={onClose}\n        className={mode === 'menu' ? className : undefined}\n        style={mode === 'menu' ? style : undefined}\n      >\n        <div className={styles['ActionSheet__content-wrapper']}>\n          {(header || text) && (\n            <div className={styles['ActionSheet__header']}>\n              {header && (\n                <Footnote weight=\"2\" className={styles['ActionSheet__title']}>\n                  {header}\n                </Footnote>\n              )}\n              {text && <Footnote className={styles['ActionSheet__text']}>{text}</Footnote>}\n            </div>\n          )}\n          {children}\n        </div>\n        {platform === 'ios' && mode === 'sheet' && (\n          <div className={styles['ActionSheet__close-item-wrapper--ios']}>\n            {iosCloseItem ?? <ActionSheetDefaultIosCloseItem />}\n          </div>\n        )}\n      </DropdownComponent>\n    </ActionSheetContext.Provider>\n  );\n\n  if (mode === 'menu') {\n    return actionSheet;\n  }\n\n  return (\n    <PopoutWrapper\n      closing={Boolean(closingBy)}\n      alignY=\"bottom\"\n      className={className}\n      style={style}\n      onClick={onClose}\n      fixed\n    >\n      {actionSheet}\n    </PopoutWrapper>\n  );\n};\n"],"names":["React","noop","useAdaptivityWithJSMediaQueries","useObjectMemo","usePlatform","useTimeout","useScrollLock","PopoutWrapper","Footnote","ActionSheetContext","ActionSheetDefaultIosCloseItem","ActionSheetDropdownMenu","ActionSheetDropdownSheet","ActionSheet","children","className","header","text","style","iosCloseItem","popupOffsetDistance","placement","mode","modeProp","restProps","platform","closingBy","setClosingBy","useState","undefined","onClose","_action","useRef","afterClose","closedBy","current","isDesktop","timeout","fallbackTransitionFinish","useEffect","set","clear","onItemClick","useCallback","action","immediateAction","autoClose","isCancelItem","event","persist","contextValue","DropdownComponent","dropdownProps","Object","assign","actionSheet","Provider","value","closing","Boolean","div","weight","alignY","onClick","fixed"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheet.tsx"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useCSSKeyframesAnimationController } from '../../lib/animation';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { ActionSheetContext, ItemClickHandler } from './ActionSheetContext';\nimport { ActionSheetDefaultIosCloseItem } from './ActionSheetDefaultIosCloseItem';\nimport { ActionSheetDropdownMenu } from './ActionSheetDropdownMenu';\nimport { ActionSheetDropdownSheet } from './ActionSheetDropdownSheet';\nimport { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\ntype CloseInitiators = 'action-item' | 'cancel-item' | 'other';\nexport interface ActionSheetOnCloseOptions {\n  closedBy: CloseInitiators;\n}\n\nexport interface ActionSheetProps\n  extends Pick<SharedDropdownProps, 'toggleRef' | 'popupOffsetDistance' | 'placement'>,\n    React.HTMLAttributes<HTMLDivElement> {\n  header?: React.ReactNode;\n  text?: React.ReactNode;\n  /**\n   * Закрыть попап по клику снаружи.\n   */\n  onClose: (options: ActionSheetOnCloseOptions) => void;\n  /**\n   * Только мобильный iOS.\n   */\n  iosCloseItem?: React.ReactNode;\n  mode?: 'sheet' | 'menu';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheet\n */\nexport const ActionSheet = ({\n  children,\n  className,\n  header,\n  text,\n  style,\n  iosCloseItem,\n  popupOffsetDistance,\n  placement,\n  mode: modeProp,\n  onClose,\n  ...restProps\n}: ActionSheetProps) => {\n  const platform = usePlatform();\n  const [closingBy, setClosingBy] = React.useState<undefined | CloseInitiators>(undefined);\n  const onCloseWithOther = () => setClosingBy('other');\n  const actionCallbackRef = React.useRef(noop);\n\n  const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n    closingBy !== undefined ? 'exit' : 'enter',\n    {\n      onExited() {\n        onClose({ closedBy: closingBy || 'other' });\n        actionCallbackRef.current();\n        actionCallbackRef.current = noop;\n      },\n    },\n  );\n\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const mode = modeProp ?? (isDesktop ? 'menu' : 'sheet');\n\n  useScrollLock(mode === 'sheet');\n\n  const onItemClick = React.useCallback<ItemClickHandler>(\n    ({ action, immediateAction, autoClose, isCancelItem }) =>\n      (event) => {\n        event.persist();\n        immediateAction && immediateAction(event);\n        if (autoClose) {\n          if (action) {\n            actionCallbackRef.current = () => action(event);\n          }\n          setClosingBy(isCancelItem ? 'cancel-item' : 'action-item');\n        } else {\n          action && action(event);\n        }\n      },\n    [],\n  );\n  const contextValue = useObjectMemo({ onItemClick, mode });\n\n  const DropdownComponent = mode === 'menu' ? ActionSheetDropdownMenu : ActionSheetDropdownSheet;\n\n  const dropdownProps =\n    mode === 'menu' ? Object.assign(restProps, { popupOffsetDistance, placement }) : restProps;\n\n  const actionSheet = (\n    <ActionSheetContext.Provider value={contextValue}>\n      <DropdownComponent\n        closing={Boolean(closingBy)}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        autoFocus={animationState === 'entered'}\n        {...dropdownProps}\n        {...animationHandlers}\n        onClose={onCloseWithOther}\n        className={mode === 'menu' ? className : undefined}\n        style={mode === 'menu' ? style : undefined}\n      >\n        <div className={styles['ActionSheet__content-wrapper']}>\n          {(header || text) && (\n            <div className={styles['ActionSheet__header']}>\n              {header && (\n                <Footnote weight=\"2\" className={styles['ActionSheet__title']}>\n                  {header}\n                </Footnote>\n              )}\n              {text && <Footnote className={styles['ActionSheet__text']}>{text}</Footnote>}\n            </div>\n          )}\n          {children}\n        </div>\n        {platform === 'ios' && mode === 'sheet' && (\n          <div className={styles['ActionSheet__close-item-wrapper--ios']}>\n            {iosCloseItem ?? <ActionSheetDefaultIosCloseItem />}\n          </div>\n        )}\n      </DropdownComponent>\n    </ActionSheetContext.Provider>\n  );\n\n  if (mode === 'menu') {\n    return actionSheet;\n  }\n\n  return (\n    <PopoutWrapper\n      closing={Boolean(closingBy)}\n      alignY=\"bottom\"\n      className={className}\n      style={style}\n      onClick={onCloseWithOther}\n      fixed\n    >\n      {actionSheet}\n    </PopoutWrapper>\n  );\n};\n"],"names":["React","noop","useAdaptivityWithJSMediaQueries","useObjectMemo","usePlatform","useCSSKeyframesAnimationController","useScrollLock","PopoutWrapper","Footnote","ActionSheetContext","ActionSheetDefaultIosCloseItem","ActionSheetDropdownMenu","ActionSheetDropdownSheet","ActionSheet","children","className","header","text","style","iosCloseItem","popupOffsetDistance","placement","mode","modeProp","onClose","restProps","platform","closingBy","setClosingBy","useState","undefined","onCloseWithOther","actionCallbackRef","useRef","animationState","animationHandlers","onExited","closedBy","current","isDesktop","onItemClick","useCallback","action","immediateAction","autoClose","isCancelItem","event","persist","contextValue","DropdownComponent","dropdownProps","Object","assign","actionSheet","Provider","value","closing","Boolean","role","aria-modal","autoFocus","div","weight","alignY","onClick","fixed"],"mappings":"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"}