@vkontakte/vkui 7.0.0-dev-efd91c.0 → 7.0.0-dev-efd91c.2

package/dist/cssm/lib/sheet/useBottomSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/lib/sheet/useBottomSheet.ts"],"sourcesContent":["'use client';\n\nimport {\n  type CSSProperties,\n  type Dispatch,\n  type SetStateAction,\n  type UIEvent,\n  type UIEventHandler,\n  useMemo,\n  useState,\n} from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useStableCallback } from '../../hooks/useStableCallback';\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect';\nimport { BottomSheetController, type InitialSnapPoint } from './controllers/BottomSheetController';\nimport { CSSTransitionController } from './controllers/CSSTransitionController';\n\nexport type UseBottomSheetOptions = {\n  sheetCSSProperty: string;\n  backdropCSSProperty: string;\n  initialSnapPoint?: InitialSnapPoint;\n  blocked?: boolean;\n  onDismiss?: VoidFunction;\n};\n\nexport type UseBottomSheetHandlers = {\n  onTouchStart: UIEventHandler<HTMLElement>;\n  onTouchMove: UIEventHandler<HTMLElement>;\n  onTouchEnd: UIEventHandler<HTMLElement>;\n  onTouchCancel: UIEventHandler<HTMLElement>;\n  onMouseDown: UIEventHandler<HTMLElement>;\n  onMouseMove: UIEventHandler<HTMLElement>;\n  onMouseUp: UIEventHandler<HTMLElement>;\n  onMouseLeave: UIEventHandler<HTMLElement>;\n};\n\nexport type UseBottomSheetResult = [\n  {\n    initialStyle?: CSSProperties;\n    setSheetEl: Dispatch<SetStateAction<HTMLElement | null>>;\n    setSheetScrollEl: Dispatch<SetStateAction<HTMLElement | null>>;\n    setBackdropEl: Dispatch<SetStateAction<HTMLElement | null>>;\n  },\n  UseBottomSheetHandlers | undefined,\n];\n\n/**\n * # Checklist\n *\n * ## Возможности\n *\n * - [x] есть возможность открывать до определенного размера (см. `initialSnapPoint`)\n * - [x] есть возможность закрыть при сильном смахивании вниз\n * - [x] есть возможность отключить взаимодействие на определённых элементах используя data-атрибут\n * - [x] есть возможность отключить взаимодействие на определённых элементах используя stopPropagation()\n *\n * ## Анимации\n *\n * - [x] оверлей становится светлее в зависимости от процента сворачивания\n *    - [x] при `initialSnapPoint !== 'auto'` процент высчитывается относительно переданного `initialSnapPoint`\n * - [x] при перетаскивании за пределы есть анимация натяжения\n *   > note: в `ModalPage` этого эффекта нет при высоте 100% из-за `max-block-size: 100%`\n *\n * ## Пограничные кейсы\n *\n * - [x] ⚠️ не блокирует взаимодействие с _горизонтальным_ скроллом\n * - [x] ⚠️ не блокирует взаимодействие с _вертикальным_ скроллом\n * - [x] ⚠️ не блокирует взаимодействие с полями ввода\n * - [x] ⚠️ не блокирует взаимодействие с элементами вне корневого элемента\n *\n * @private\n */\nexport const useBottomSheet = (\n  enabled: boolean,\n  {\n    blocked,\n    initialSnapPoint,\n    sheetCSSProperty,\n    backdropCSSProperty,\n    onDismiss: onDismissProp,\n  }: UseBottomSheetOptions,\n): UseBottomSheetResult => {\n  const [sheetScrollEl, setSheetScrollEl] = useState<HTMLElement | null>(null);\n  const [sheetEl, setSheetEl] = useState<HTMLElement | null>(null);\n  const [backdropEl, setBackdropEl] = useState<HTMLElement | null>(null);\n\n  const initialStyle = useMemo<CSSProperties | undefined>(() => {\n    if (!enabled) {\n      return;\n    }\n\n    const { unit, currentSnapPoint } =\n      BottomSheetController.parseInitialSnapPoint(initialSnapPoint);\n\n    return unit === '%' ? { [sheetCSSProperty]: `${currentSnapPoint}${unit}` } : undefined;\n  }, [enabled, initialSnapPoint, sheetCSSProperty]);\n\n  const onDismiss = useStableCallback(onDismissProp || noop);\n  const bsController = useMemo<BottomSheetController | null>(() => {\n    if (!enabled || sheetEl === null) {\n      return null;\n    }\n\n    return new BottomSheetController(sheetEl, {\n      sheetScrollEl: sheetScrollEl || null,\n      sheetTransitionController: new CSSTransitionController<string>(sheetEl, sheetCSSProperty),\n      backdropTransitionController: backdropEl\n        ? new CSSTransitionController(backdropEl, backdropCSSProperty)\n        : null,\n      onDismiss,\n    });\n  }, [\n    enabled,\n    sheetEl,\n    sheetCSSProperty,\n    sheetScrollEl,\n    backdropEl,\n    backdropCSSProperty,\n    onDismiss,\n  ]);\n\n  const onPanStart = function onPanStart(event: UIEvent<HTMLElement>) {\n    if (!blocked) {\n      bsController!.panStart(event.nativeEvent);\n    }\n  };\n\n  const onPanMove = function onPanMove(event: UIEvent<HTMLElement>) {\n    bsController!.panMove(event.nativeEvent);\n  };\n\n  const onPanEnd = function onPanEnd() {\n    bsController!.panEnd();\n  };\n\n  useIsomorphicLayoutEffect(\n    function init() {\n      if (bsController) {\n        bsController.init(initialSnapPoint);\n      }\n    },\n    [initialSnapPoint, bsController],\n  );\n\n  useIsomorphicLayoutEffect(\n    () =>\n      function unmount() {\n        if (bsController) {\n          bsController.destroy();\n        }\n      },\n    [bsController],\n  );\n\n  return [\n    {\n      initialStyle,\n      setSheetEl,\n      setSheetScrollEl,\n      setBackdropEl,\n    },\n    bsController !== null\n      ? {\n          onTouchStart: onPanStart,\n          onTouchMove: onPanMove,\n          onTouchEnd: onPanEnd,\n          onTouchCancel: onPanEnd,\n          onMouseDown: onPanStart,\n          onMouseMove: onPanMove,\n          onMouseUp: onPanEnd,\n          onMouseLeave: onPanEnd,\n        }\n      : undefined,\n  ];\n};\n"],"names":["useMemo","useState","noop","useStableCallback","useIsomorphicLayoutEffect","BottomSheetController","CSSTransitionController","useBottomSheet","enabled","blocked","initialSnapPoint","sheetCSSProperty","backdropCSSProperty","onDismiss","onDismissProp","sheetScrollEl","setSheetScrollEl","sheetEl","setSheetEl","backdropEl","setBackdropEl","initialStyle","unit","currentSnapPoint","parseInitialSnapPoint","undefined","bsController","sheetTransitionController","backdropTransitionController","onPanStart","event","panStart","nativeEvent","onPanMove","panMove","onPanEnd","panEnd","init","unmount","destroy","onTouchStart","onTouchMove","onTouchEnd","onTouchCancel","onMouseDown","onMouseMove","onMouseUp","onMouseLeave"],"mappings":"AAAA;AAEA,SAMEA,OAAO,EACPC,QAAQ,QACH,QAAQ;AACf,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,iBAAiB,QAAQ,mCAAgC;AAClE,SAASC,yBAAyB,QAAQ,kCAA+B;AACzE,SAASC,qBAAqB,QAA+B,yCAAsC;AACnG,SAASC,uBAAuB,QAAQ,2CAAwC;AA+BhF;;;;;;;;;;;;;;;;;;;;;;;;;CAyBC,GACD,OAAO,MAAMC,iBAAiB,CAC5BC,SACA,EACEC,OAAO,EACPC,gBAAgB,EAChBC,gBAAgB,EAChBC,mBAAmB,EACnBC,WAAWC,aAAa,EACF;IAExB,MAAM,CAACC,eAAeC,iBAAiB,GAAGf,SAA6B;IACvE,MAAM,CAACgB,SAASC,WAAW,GAAGjB,SAA6B;IAC3D,MAAM,CAACkB,YAAYC,cAAc,GAAGnB,SAA6B;IAEjE,MAAMoB,eAAerB,QAAmC;QACtD,IAAI,CAACQ,SAAS;YACZ;QACF;QAEA,MAAM,EAAEc,IAAI,EAAEC,gBAAgB,EAAE,GAC9BlB,sBAAsBmB,qBAAqB,CAACd;QAE9C,OAAOY,SAAS,MAAM;YAAE,CAACX,iBAAiB,EAAE,GAAGY,mBAAmBD,MAAM;QAAC,IAAIG;IAC/E,GAAG;QAACjB;QAASE;QAAkBC;KAAiB;IAEhD,MAAME,YAAYV,kBAAkBW,iBAAiBZ;IACrD,MAAMwB,eAAe1B,QAAsC;QACzD,IAAI,CAACQ,WAAWS,YAAY,MAAM;YAChC,OAAO;QACT;QAEA,OAAO,IAAIZ,sBAAsBY,SAAS;YACxCF,eAAeA,iBAAiB;YAChCY,2BAA2B,IAAIrB,wBAAgCW,SAASN;YACxEiB,8BAA8BT,aAC1B,IAAIb,wBAAwBa,YAAYP,uBACxC;YACJC;QACF;IACF,GAAG;QACDL;QACAS;QACAN;QACAI;QACAI;QACAP;QACAC;KACD;IAED,MAAMgB,aAAa,SAASA,WAAWC,KAA2B;QAChE,IAAI,CAACrB,SAAS;YACZiB,aAAcK,QAAQ,CAACD,MAAME,WAAW;QAC1C;IACF;IAEA,MAAMC,YAAY,SAASA,UAAUH,KAA2B;QAC9DJ,aAAcQ,OAAO,CAACJ,MAAME,WAAW;IACzC;IAEA,MAAMG,WAAW,SAASA;QACxBT,aAAcU,MAAM;IACtB;IAEAhC,0BACE,SAASiC;QACP,IAAIX,cAAc;YAChBA,aAAaW,IAAI,CAAC3B;QACpB;IACF,GACA;QAACA;QAAkBgB;KAAa;IAGlCtB,0BACE,IACE,SAASkC;YACP,IAAIZ,cAAc;gBAChBA,aAAaa,OAAO;YACtB;QACF,GACF;QAACb;KAAa;IAGhB,OAAO;QACL;YACEL;YACAH;YACAF;YACAI;QACF;QACAM,iBAAiB,OACb;YACEc,cAAcX;YACdY,aAAaR;YACbS,YAAYP;YACZQ,eAAeR;YACfS,aAAaf;YACbgB,aAAaZ;YACba,WAAWX;YACXY,cAAcZ;QAChB,IACAV;KACL;AACH,EAAE"}

package/dist/cssm/lib/spacings/sizes.js

@@ -10,5 +10,28 @@ export const spacingSizeClassNames = {
     '3xl': styles['-spacing--3xl'],
     '4xl': styles['-spacing--4xl']
 };
+export function resolveSpacingSize(cssVariable, size) {
+    if (typeof size === 'string') {
+        if (size.startsWith('--')) {
+            return [
+                undefined,
+                {
+                    [cssVariable]: `var(${size})`
+                }
+            ];
+        } else {
+            return [
+                spacingSizeClassNames[size],
+                undefined
+            ];
+        }
+    }
+    return [
+        undefined,
+        typeof size === 'number' ? {
+            [cssVariable]: `${size}px`
+        } : undefined
+    ];
+}
 
 //# sourceMappingURL=sizes.js.map

package/dist/cssm/lib/spacings/sizes.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/spacings/sizes.ts"],"sourcesContent":["import type { LiteralUnion } from '../../types';\nimport styles from '../../styles/spacings.module.css';\n\nexport type SpacingSize = '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl';\n\nexport const spacingSizeClassNames: Record<SpacingSize, string> = {\n  '2xs': styles['-spacing--2xs'],\n  'xs': styles['-spacing--xs'],\n  's': styles['-spacing--s'],\n  'm': styles['-spacing--m'],\n  'l': styles['-spacing--l'],\n  'xl': styles['-spacing--xl'],\n  '2xl': styles['-spacing--2xl'],\n  '3xl': styles['-spacing--3xl'],\n  '4xl': styles['-spacing--4xl'],\n};\n\nexport type SpacingSizeProp = LiteralUnion<SpacingSize, number>;\n"],"names":["styles","spacingSizeClassNames"],"mappings":"AACA,OAAOA,YAAY,mCAAmC;AAItD,OAAO,MAAMC,wBAAqD;IAChE,OAAOD,MAAM,CAAC,gBAAgB;IAC9B,MAAMA,MAAM,CAAC,eAAe;IAC5B,KAAKA,MAAM,CAAC,cAAc;IAC1B,KAAKA,MAAM,CAAC,cAAc;IAC1B,KAAKA,MAAM,CAAC,cAAc;IAC1B,MAAMA,MAAM,CAAC,eAAe;IAC5B,OAAOA,MAAM,CAAC,gBAAgB;IAC9B,OAAOA,MAAM,CAAC,gBAAgB;IAC9B,OAAOA,MAAM,CAAC,gBAAgB;AAChC,EAAE"}
+{"version":3,"sources":["../../../../src/lib/spacings/sizes.ts"],"sourcesContent":["import type { CSSCustomProperties, LiteralUnion } from '../../types';\nimport styles from '../../styles/spacings.module.css';\n\nexport type SpacingSize = '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl';\n\nexport const spacingSizeClassNames: Record<SpacingSize, string> = {\n  '2xs': styles['-spacing--2xs'],\n  'xs': styles['-spacing--xs'],\n  's': styles['-spacing--s'],\n  'm': styles['-spacing--m'],\n  'l': styles['-spacing--l'],\n  'xl': styles['-spacing--xl'],\n  '2xl': styles['-spacing--2xl'],\n  '3xl': styles['-spacing--3xl'],\n  '4xl': styles['-spacing--4xl'],\n};\n\nexport type SpacingSizeProp = LiteralUnion<SpacingSize | `--${string}`, number>;\n\nexport function resolveSpacingSize(\n  cssVariable: string,\n  size?: SpacingSizeProp,\n): [string | undefined, CSSCustomProperties | undefined] {\n  if (typeof size === 'string') {\n    if (size.startsWith('--')) {\n      return [undefined, { [cssVariable]: `var(${size})` }];\n    } else {\n      return [spacingSizeClassNames[size as SpacingSize], undefined];\n    }\n  }\n\n  return [undefined, typeof size === 'number' ? { [cssVariable]: `${size}px` } : undefined];\n}\n"],"names":["styles","spacingSizeClassNames","resolveSpacingSize","cssVariable","size","startsWith","undefined"],"mappings":"AACA,OAAOA,YAAY,mCAAmC;AAItD,OAAO,MAAMC,wBAAqD;IAChE,OAAOD,MAAM,CAAC,gBAAgB;IAC9B,MAAMA,MAAM,CAAC,eAAe;IAC5B,KAAKA,MAAM,CAAC,cAAc;IAC1B,KAAKA,MAAM,CAAC,cAAc;IAC1B,KAAKA,MAAM,CAAC,cAAc;IAC1B,MAAMA,MAAM,CAAC,eAAe;IAC5B,OAAOA,MAAM,CAAC,gBAAgB;IAC9B,OAAOA,MAAM,CAAC,gBAAgB;IAC9B,OAAOA,MAAM,CAAC,gBAAgB;AAChC,EAAE;AAIF,OAAO,SAASE,mBACdC,WAAmB,EACnBC,IAAsB;IAEtB,IAAI,OAAOA,SAAS,UAAU;QAC5B,IAAIA,KAAKC,UAAU,CAAC,OAAO;YACzB,OAAO;gBAACC;gBAAW;oBAAE,CAACH,YAAY,EAAE,CAAC,IAAI,EAAEC,KAAK,CAAC,CAAC;gBAAC;aAAE;QACvD,OAAO;YACL,OAAO;gBAACH,qBAAqB,CAACG,KAAoB;gBAAEE;aAAU;QAChE;IACF;IAEA,OAAO;QAACA;QAAW,OAAOF,SAAS,WAAW;YAAE,CAACD,YAAY,EAAE,GAAGC,KAAK,EAAE,CAAC;QAAC,IAAIE;KAAU;AAC3F"}

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

@@ -57,6 +57,16 @@ const MILLISECONDS = 1000;
         const degrees = radians * 180 / Math.PI;
         return degrees < 0 ? 360 + degrees : degrees;
     }
+    direction() {
+        const { x, y } = this.delta();
+        return Math.abs(x) > Math.abs(y) ? {
+            axis: 'x',
+            direction: x > 0 ? 1 : x < 0 ? -1 : null
+        } : {
+            axis: 'y',
+            direction: y > 0 ? 1 : y < 0 ? -1 : null
+        };
+    }
     reset() {
         this.initialTime = DEFAULT_INITIAL_TIME;
         this.x1 = this.y1 = 0;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/touch/UIPanGestureRecognizer.ts"],"sourcesContent":["import { getFirstTouchEventData } from '../dom';\n\nexport type VCoords = { x: number; y: number };\n\nconst DEFAULT_INITIAL_TIME = 0;\nconst MILLISECONDS = 1000;\n\n/**\n * JS имплементация класса из UIKIt iOS.\n *\n * https://developer.apple.com/documentation/uikit/uipangesturerecognizer\n */\nexport class UIPanGestureRecognizer {\n  private initialTime = DEFAULT_INITIAL_TIME;\n  x1 = 0;\n  y1 = 0;\n  x2 = 0;\n  y2 = 0;\n\n  setInitialTimeOnce(): void {\n    if (this.initialTime === DEFAULT_INITIAL_TIME) {\n      this.initialTime = Date.now();\n    }\n  }\n\n  setStartCoords(event: UIEvent): void {\n    const { clientX, clientY } = getFirstTouchEventData(event);\n    this.x1 = clientX;\n    this.y1 = clientY;\n  }\n\n  setEndCoords(event: UIEvent): void {\n    const { clientX, clientY } = getFirstTouchEventData(event);\n    this.x2 = clientX;\n    this.y2 = clientY;\n  }\n\n  delta(): {\n    x: number;\n    y: number;\n  } {\n    return {\n      x: this.x2 - this.x1,\n      y: this.y2 - this.y1,\n    };\n  }\n\n  distance(): number {\n    const { x, y } = this.delta();\n    return Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));\n  }\n\n  velocity(): {\n    x: number;\n    y: number;\n  } {\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(): number {\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(): void {\n    this.initialTime = DEFAULT_INITIAL_TIME;\n    this.x1 = this.y1 = 0;\n    this.x2 = this.y2 = 0;\n  }\n}\n"],"names":["getFirstTouchEventData","DEFAULT_INITIAL_TIME","MILLISECONDS","UIPanGestureRecognizer","initialTime","x1","y1","x2","y2","setInitialTimeOnce","Date","now","setStartCoords","event","clientX","clientY","setEndCoords","delta","x","y","distance","Math","sqrt","pow","velocity","deltaTime","angle","deltaX","deltaY","radians","atan2","degrees","PI","reset"],"mappings":"AAAA,SAASA,sBAAsB,QAAQ,YAAS;AAIhD,MAAMC,uBAAuB;AAC7B,MAAMC,eAAe;AAErB;;;;CAIC,GACD,OAAO,MAAMC;IACHC,cAAcH,qBAAqB;IAC3CI,KAAK,EAAE;IACPC,KAAK,EAAE;IACPC,KAAK,EAAE;IACPC,KAAK,EAAE;IAEPC,qBAA2B;QACzB,IAAI,IAAI,CAACL,WAAW,KAAKH,sBAAsB;YAC7C,IAAI,CAACG,WAAW,GAAGM,KAAKC,GAAG;QAC7B;IACF;IAEAC,eAAeC,KAAc,EAAQ;QACnC,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGf,uBAAuBa;QACpD,IAAI,CAACR,EAAE,GAAGS;QACV,IAAI,CAACR,EAAE,GAAGS;IACZ;IAEAC,aAAaH,KAAc,EAAQ;QACjC,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGf,uBAAuBa;QACpD,IAAI,CAACN,EAAE,GAAGO;QACV,IAAI,CAACN,EAAE,GAAGO;IACZ;IAEAE,QAGE;QACA,OAAO;YACLC,GAAG,IAAI,CAACX,EAAE,GAAG,IAAI,CAACF,EAAE;YACpBc,GAAG,IAAI,CAACX,EAAE,GAAG,IAAI,CAACF,EAAE;QACtB;IACF;IAEAc,WAAmB;QACjB,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,WAGE;QACA,MAAMC,YAAY,AAACf,CAAAA,KAAKC,GAAG,KAAK,IAAI,CAACP,WAAW,AAAD,IAAKF;QAEpD,IAAIuB,aAAa,GAAG;YAClB,OAAO;gBAAEP,GAAG;gBAAGC,GAAG;YAAE;QACtB;QAEA,MAAM,EAAED,CAAC,EAAEC,CAAC,EAAE,GAAG,IAAI,CAACF,KAAK;QAC3B,OAAO;YAAEC,GAAGA,IAAIO;YAAWN,GAAGA,IAAIM;QAAU;IAC9C;IAEAC,QAAgB;QACd,MAAMC,SAAS,IAAI,CAACpB,EAAE,GAAG,IAAI,CAACF,EAAE;QAChC,MAAMuB,SAAS,IAAI,CAACpB,EAAE,GAAG,IAAI,CAACF,EAAE;QAChC,MAAMuB,UAAUR,KAAKS,KAAK,CAACF,QAAQD;QACnC,MAAMI,UAAU,AAACF,UAAU,MAAOR,KAAKW,EAAE;QACzC,OAAOD,UAAU,IAAI,MAAMA,UAAUA;IACvC;IAEAE,QAAc;QACZ,IAAI,CAAC7B,WAAW,GAAGH;QACnB,IAAI,CAACI,EAAE,GAAG,IAAI,CAACC,EAAE,GAAG;QACpB,IAAI,CAACC,EAAE,GAAG,IAAI,CAACC,EAAE,GAAG;IACtB;AACF"}
+{"version":3,"sources":["../../../../src/lib/touch/UIPanGestureRecognizer.ts"],"sourcesContent":["import { getFirstTouchEventData } from '../dom';\n\nexport type Direction = { axis: 'x' | 'y'; direction: -1 | 1 | null };\n\nexport type Coords = { 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(): void {\n    if (this.initialTime === DEFAULT_INITIAL_TIME) {\n      this.initialTime = Date.now();\n    }\n  }\n\n  setStartCoords(event: UIEvent): void {\n    const { clientX, clientY } = getFirstTouchEventData(event);\n    this.x1 = clientX;\n    this.y1 = clientY;\n  }\n\n  setEndCoords(event: UIEvent): void {\n    const { clientX, clientY } = getFirstTouchEventData(event);\n    this.x2 = clientX;\n    this.y2 = clientY;\n  }\n\n  delta(): Coords {\n    return {\n      x: this.x2 - this.x1,\n      y: this.y2 - this.y1,\n    };\n  }\n\n  distance(): number {\n    const { x, y } = this.delta();\n    return Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));\n  }\n\n  velocity(): Coords {\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(): number {\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  direction(): Direction {\n    const { x, y } = this.delta();\n    return Math.abs(x) > Math.abs(y)\n      ? { axis: 'x', direction: x > 0 ? 1 : x < 0 ? -1 : null }\n      : { axis: 'y', direction: y > 0 ? 1 : y < 0 ? -1 : null };\n  }\n\n  reset(): void {\n    this.initialTime = DEFAULT_INITIAL_TIME;\n    this.x1 = this.y1 = 0;\n    this.x2 = this.y2 = 0;\n  }\n}\n"],"names":["getFirstTouchEventData","DEFAULT_INITIAL_TIME","MILLISECONDS","UIPanGestureRecognizer","initialTime","x1","y1","x2","y2","setInitialTimeOnce","Date","now","setStartCoords","event","clientX","clientY","setEndCoords","delta","x","y","distance","Math","sqrt","pow","velocity","deltaTime","angle","deltaX","deltaY","radians","atan2","degrees","PI","direction","abs","axis","reset"],"mappings":"AAAA,SAASA,sBAAsB,QAAQ,YAAS;AAMhD,MAAMC,uBAAuB;AAC7B,MAAMC,eAAe;AAErB;;;;CAIC,GACD,OAAO,MAAMC;IACHC,cAAcH,qBAAqB;IAC3CI,KAAK,EAAE;IACPC,KAAK,EAAE;IACPC,KAAK,EAAE;IACPC,KAAK,EAAE;IAEPC,qBAA2B;QACzB,IAAI,IAAI,CAACL,WAAW,KAAKH,sBAAsB;YAC7C,IAAI,CAACG,WAAW,GAAGM,KAAKC,GAAG;QAC7B;IACF;IAEAC,eAAeC,KAAc,EAAQ;QACnC,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGf,uBAAuBa;QACpD,IAAI,CAACR,EAAE,GAAGS;QACV,IAAI,CAACR,EAAE,GAAGS;IACZ;IAEAC,aAAaH,KAAc,EAAQ;QACjC,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGf,uBAAuBa;QACpD,IAAI,CAACN,EAAE,GAAGO;QACV,IAAI,CAACN,EAAE,GAAGO;IACZ;IAEAE,QAAgB;QACd,OAAO;YACLC,GAAG,IAAI,CAACX,EAAE,GAAG,IAAI,CAACF,EAAE;YACpBc,GAAG,IAAI,CAACX,EAAE,GAAG,IAAI,CAACF,EAAE;QACtB;IACF;IAEAc,WAAmB;QACjB,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,WAAmB;QACjB,MAAMC,YAAY,AAACf,CAAAA,KAAKC,GAAG,KAAK,IAAI,CAACP,WAAW,AAAD,IAAKF;QAEpD,IAAIuB,aAAa,GAAG;YAClB,OAAO;gBAAEP,GAAG;gBAAGC,GAAG;YAAE;QACtB;QAEA,MAAM,EAAED,CAAC,EAAEC,CAAC,EAAE,GAAG,IAAI,CAACF,KAAK;QAC3B,OAAO;YAAEC,GAAGA,IAAIO;YAAWN,GAAGA,IAAIM;QAAU;IAC9C;IAEAC,QAAgB;QACd,MAAMC,SAAS,IAAI,CAACpB,EAAE,GAAG,IAAI,CAACF,EAAE;QAChC,MAAMuB,SAAS,IAAI,CAACpB,EAAE,GAAG,IAAI,CAACF,EAAE;QAChC,MAAMuB,UAAUR,KAAKS,KAAK,CAACF,QAAQD;QACnC,MAAMI,UAAU,AAACF,UAAU,MAAOR,KAAKW,EAAE;QACzC,OAAOD,UAAU,IAAI,MAAMA,UAAUA;IACvC;IAEAE,YAAuB;QACrB,MAAM,EAAEf,CAAC,EAAEC,CAAC,EAAE,GAAG,IAAI,CAACF,KAAK;QAC3B,OAAOI,KAAKa,GAAG,CAAChB,KAAKG,KAAKa,GAAG,CAACf,KAC1B;YAAEgB,MAAM;YAAKF,WAAWf,IAAI,IAAI,IAAIA,IAAI,IAAI,CAAC,IAAI;QAAK,IACtD;YAAEiB,MAAM;YAAKF,WAAWd,IAAI,IAAI,IAAIA,IAAI,IAAI,CAAC,IAAI;QAAK;IAC5D;IAEAiB,QAAc;QACZ,IAAI,CAAChC,WAAW,GAAGH;QACnB,IAAI,CAACI,EAAE,GAAG,IAAI,CAACC,EAAE,GAAG;QACpB,IAAI,CAACC,EAAE,GAAG,IAAI,CAACC,EAAE,GAAG;IACtB;AACF"}

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

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

package/dist/cssm/styles/common.css

@@ -1,3 +1,23 @@
+/*
+ * .vkui класс в режиме full необходим на элементе html
+ * чтобы правильно устанавливалось значение color-scheme
+ * окрашивающее фон html и скроллбар в цвета текущей цветовой
+ * схемы.
+ * Так как color-scheme зависит от vkui токена, то в
+ * full режиме класс токенов vkui также должен
+ * быть установлен на html.
+ *
+ * В SSR есть проблема - чтобы на сервере правильно установить
+ * нужный класс для токенов надо знать предпочитаемую цветовую
+ * схему пользователя и передать её через свойство appearance.
+ * Если ошибиться со схемой на сервере, то пользователь
+ * может получить не ту схему, либо может увидеть как интерфейс моргает
+ * из-за переключения со светлой темы на тёмную.
+ * Чтобы окончательно избавиться от этой проблемы нужно
+ * в vkui-tokens создавать темы в которые старазу же зашиты обе цветовые схемы.
+ * А переключение между темами задавалось бы через медиа выражения
+ * с помощью prefers-color-scheme.
+ * */
 /* stylelint-disable-next-line selector-max-type */
 .vkui > body,
 .vkui,
@@ -5,43 +25,20 @@
   margin: 0;
   padding: 0;
   block-size: 100%;
-}
-.vkui__root--embedded {
-  overflow-x: hidden;
-}
-.vkui,
-.vkui__root--embedded {
   color-scheme: var(--vkui--colors_scheme);
-}
-/* stylelint-disable-next-line selector-max-type */
-.vkui > body,
-.vkui__root--embedded {
-  -webkit-tap-highlight-color: transparent;
-  -webkit-text-size-adjust: 100%;
-  font-family: var(--vkui--font_family_base);
-  color: var(--vkui--color_text_primary);
-}
-.vkui--sizeX-regular {
+  /*
+   * TODO [>=8]: Убрать background с html элемента, но для этого надо
+   * чтобы height у всех родителей Panel вплоть до html имели
+   * min-height: 100% вместо height: 100% иначе фон html выглядывает в
+   * многоколоночном режиме если чуть ниже проскролить контент.
+   */
   background: var(--vkui--color_background);
 }
-@media (min-width: 768px) {
-  .vkui--sizeX-none {
-    background: var(--vkui--color_background);
-  }
-}
-.vkui--layout-card {
-  background: var(--vkui--color_background);
-}
-.vkui--layout-plain {
-  background: var(--vkui--color_background_content);
-}
-.vkui--sizeY-compact {
-  --vkui_internal--panel_header_height: var(--vkui--size_panel_header_height--compact);
-}
-@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
-  .vkui--sizeY-none {
-    --vkui_internal--panel_header_height: var(--vkui--size_panel_header_height--compact);
-  }
+.vkui__root {
+  /* чтобы можно было ограничить размеры приложения
+   * извне с помощью max-height, max-width */
+  max-inline-size: inherit;
+  max-block-size: inherit;
 }
 /* отключаем нативный pull-to-refresh при взаимодействии с компонентом
  * PullToRefresh или при открывании модалки */

package/dist/cssm/styles/constants.css

@@ -43,6 +43,8 @@
 
   /* animations */
   --vkui_internal--duration: 0.7s;
+  --vkui_internal--slide-easing: cubic-bezier(0.16, 1, 0.3, 1);
+  --vkui_internal--spring-easing: cubic-bezier(0.22, 1, 0.6, 1.03);
 
   /* z_index */
   --vkui_internal--z_index_cell_dragging: 100;
@@ -85,6 +87,9 @@
 
   /* Spacing size */
   --vkui_internal--spacing_size: 0px;
+
+  /** ModalOverlay props */
+  --vkui_internal--modal-overlay--opacity: 1;
 }
 @supports (padding-top: constant(safe-area-inset-top)) {
   /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

package/dist/helpers/range.d.ts

@@ -7,4 +7,5 @@ export declare function range(from: number, to: number, step?: number): number[]
  * Если `from` меньше `to`, вернется пустой массив.
  */
 export declare function rangeIncrement(from: number, to: number, step?: number): number[];
+export declare function inRange(number: number, from: number, to: number): boolean;
 //# sourceMappingURL=range.d.ts.map

package/dist/helpers/range.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../../src/helpers/range.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,SAAI,GAAG,MAAM,EAAE,CAWlE;AACD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,SAAI,GAAG,MAAM,EAAE,CAM3E"}
+{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../../src/helpers/range.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,SAAI,GAAG,MAAM,EAAE,CAWlE;AACD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,SAAI,GAAG,MAAM,EAAE,CAM3E;AAED,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,WAE/D"}

package/dist/helpers/range.js

@@ -19,5 +19,8 @@
     }
     return range(from, to, step);
 }
+export function inRange(number, from, to) {
+    return number >= from && number <= to;
+}
 
 //# sourceMappingURL=range.js.map

package/dist/helpers/range.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/helpers/range.ts"],"sourcesContent":["/**\n * Генерирует массив с диапазоном чисел.\n */\nexport function range(from: number, to: number, step = 1): number[] {\n  const direction = from < to ? 1 : -1;\n  const distance = Math.abs(from - to) + 1;\n  const arrayLength = Math.ceil(distance / step);\n\n  const arr = Array<number>(arrayLength);\n  for (let index = 0; index < arr.length; index++) {\n    arr[index] = from + index * step * direction;\n  }\n\n  return arr;\n}\n/**\n * Генерирует массив с диапазоном чисел в порядке возрастания.\n * Если `from` меньше `to`, вернется пустой массив.\n */\nexport function rangeIncrement(from: number, to: number, step = 1): number[] {\n  if (from > to) {\n    return [];\n  }\n\n  return range(from, to, step);\n}\n"],"names":["range","from","to","step","direction","distance","Math","abs","arrayLength","ceil","arr","Array","index","length","rangeIncrement"],"mappings":"AAAA;;CAEC,GACD,OAAO,SAASA,MAAMC,IAAY,EAAEC,EAAU,EAAEC,OAAO,CAAC;IACtD,MAAMC,YAAYH,OAAOC,KAAK,IAAI,CAAC;IACnC,MAAMG,WAAWC,KAAKC,GAAG,CAACN,OAAOC,MAAM;IACvC,MAAMM,cAAcF,KAAKG,IAAI,CAACJ,WAAWF;IAEzC,MAAMO,MAAMC,MAAcH;IAC1B,IAAK,IAAII,QAAQ,GAAGA,QAAQF,IAAIG,MAAM,EAAED,QAAS;QAC/CF,GAAG,CAACE,MAAM,GAAGX,OAAOW,QAAQT,OAAOC;IACrC;IAEA,OAAOM;AACT;AACA;;;CAGC,GACD,OAAO,SAASI,eAAeb,IAAY,EAAEC,EAAU,EAAEC,OAAO,CAAC;IAC/D,IAAIF,OAAOC,IAAI;QACb,OAAO,EAAE;IACX;IAEA,OAAOF,MAAMC,MAAMC,IAAIC;AACzB"}
+{"version":3,"sources":["../../src/helpers/range.ts"],"sourcesContent":["/**\n * Генерирует массив с диапазоном чисел.\n */\nexport function range(from: number, to: number, step = 1): number[] {\n  const direction = from < to ? 1 : -1;\n  const distance = Math.abs(from - to) + 1;\n  const arrayLength = Math.ceil(distance / step);\n\n  const arr = Array<number>(arrayLength);\n  for (let index = 0; index < arr.length; index++) {\n    arr[index] = from + index * step * direction;\n  }\n\n  return arr;\n}\n/**\n * Генерирует массив с диапазоном чисел в порядке возрастания.\n * Если `from` меньше `to`, вернется пустой массив.\n */\nexport function rangeIncrement(from: number, to: number, step = 1): number[] {\n  if (from > to) {\n    return [];\n  }\n\n  return range(from, to, step);\n}\n\nexport function inRange(number: number, from: number, to: number) {\n  return number >= from && number <= to;\n}\n"],"names":["range","from","to","step","direction","distance","Math","abs","arrayLength","ceil","arr","Array","index","length","rangeIncrement","inRange","number"],"mappings":"AAAA;;CAEC,GACD,OAAO,SAASA,MAAMC,IAAY,EAAEC,EAAU,EAAEC,OAAO,CAAC;IACtD,MAAMC,YAAYH,OAAOC,KAAK,IAAI,CAAC;IACnC,MAAMG,WAAWC,KAAKC,GAAG,CAACN,OAAOC,MAAM;IACvC,MAAMM,cAAcF,KAAKG,IAAI,CAACJ,WAAWF;IAEzC,MAAMO,MAAMC,MAAcH;IAC1B,IAAK,IAAII,QAAQ,GAAGA,QAAQF,IAAIG,MAAM,EAAED,QAAS;QAC/CF,GAAG,CAACE,MAAM,GAAGX,OAAOW,QAAQT,OAAOC;IACrC;IAEA,OAAOM;AACT;AACA;;;CAGC,GACD,OAAO,SAASI,eAAeb,IAAY,EAAEC,EAAU,EAAEC,OAAO,CAAC;IAC/D,IAAIF,OAAOC,IAAI;QACb,OAAO,EAAE;IACX;IAEA,OAAOF,MAAMC,MAAMC,IAAIC;AACzB;AAEA,OAAO,SAASY,QAAQC,MAAc,EAAEf,IAAY,EAAEC,EAAU;IAC9D,OAAOc,UAAUf,QAAQe,UAAUd;AACrC"}

package/dist/hooks/useObjectMemo.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @deprecated используйте React.useMemo
+ */
 export declare function useObjectMemo<T>(object: T): T;
 //# sourceMappingURL=useObjectMemo.d.ts.map

package/dist/hooks/useObjectMemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useObjectMemo.d.ts","sourceRoot":"","sources":["../../src/hooks/useObjectMemo.ts"],"names":[],"mappings":"AAGA,wBAAgB,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,GAAG,CAAC,CAM7C"}
+{"version":3,"file":"useObjectMemo.d.ts","sourceRoot":"","sources":["../../src/hooks/useObjectMemo.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,GAAG,CAAC,CAS7C"}

package/dist/hooks/useObjectMemo.js

@@ -1,7 +1,11 @@
 import * as React from "react";
 import { isEqual } from "@vkontakte/vkjs";
-export function useObjectMemo(object) {
-    const cache = React.useRef(object);
+/**
+ * @deprecated используйте React.useMemo
+ */ export function useObjectMemo(object) {
+    /**
+   * Запись и чтение во время рендеринга в useRef запрещена
+   */ const cache = React.useRef(object);
     if (!isEqual(cache.current, object)) {
         cache.current = object;
     }

package/dist/hooks/useObjectMemo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useObjectMemo.ts"],"sourcesContent":["import * as React from 'react';\nimport { isEqual } from '@vkontakte/vkjs';\n\nexport function useObjectMemo<T>(object: T): T {\n  const cache = React.useRef(object);\n  if (!isEqual(cache.current, object)) {\n    cache.current = object;\n  }\n  return cache.current;\n}\n"],"names":["React","isEqual","useObjectMemo","object","cache","useRef","current"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,OAAO,QAAQ,kBAAkB;AAE1C,OAAO,SAASC,cAAiBC,MAAS;IACxC,MAAMC,QAAQJ,MAAMK,MAAM,CAACF;IAC3B,IAAI,CAACF,QAAQG,MAAME,OAAO,EAAEH,SAAS;QACnCC,MAAME,OAAO,GAAGH;IAClB;IACA,OAAOC,MAAME,OAAO;AACtB"}
+{"version":3,"sources":["../../src/hooks/useObjectMemo.ts"],"sourcesContent":["import * as React from 'react';\nimport { isEqual } from '@vkontakte/vkjs';\n\n/**\n * @deprecated используйте React.useMemo\n */\nexport function useObjectMemo<T>(object: T): T {\n  /**\n   * Запись и чтение во время рендеринга в useRef запрещена\n   */\n  const cache = React.useRef(object);\n  if (!isEqual(cache.current, object)) {\n    cache.current = object;\n  }\n  return cache.current;\n}\n"],"names":["React","isEqual","useObjectMemo","object","cache","useRef","current"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,OAAO,QAAQ,kBAAkB;AAE1C;;CAEC,GACD,OAAO,SAASC,cAAiBC,MAAS;IACxC;;GAEC,GACD,MAAMC,QAAQJ,MAAMK,MAAM,CAACF;IAC3B,IAAI,CAACF,QAAQG,MAAME,OAAO,EAAEH,SAAS;QACnCC,MAAME,OAAO,GAAGH;IAClB;IACA,OAAOC,MAAME,OAAO;AACtB"}

package/dist/hooks/usePrevious.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @deprecated постарайтесь избавится от этого хука или используйте `useStateWithPrev`
+ */
 export declare function usePrevious<T>(value: T): T | undefined;
 //# sourceMappingURL=usePrevious.d.ts.map

package/dist/hooks/usePrevious.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePrevious.d.ts","sourceRoot":"","sources":["../../src/hooks/usePrevious.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,SAAS,CAQtD"}
+{"version":3,"file":"usePrevious.d.ts","sourceRoot":"","sources":["../../src/hooks/usePrevious.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,SAAS,CActD"}

package/dist/hooks/usePrevious.js

@@ -1,10 +1,17 @@
 import * as React from "react";
-export function usePrevious(value) {
+/**
+ * @deprecated постарайтесь избавится от этого хука или используйте `useStateWithPrev`
+ */ export function usePrevious(value) {
     const ref = React.useRef();
     React.useEffect(()=>{
         ref.current = value;
     });
-    return ref.current;
+    /**
+   * ref.current нельзя читать во время рендеринга
+   *
+   * - see https://react.dev/reference/react/useRef
+   * - also https://react.dev/reference/react/useState#storing-information-from-previous-renders
+   */ return ref.current;
 }
 
 //# sourceMappingURL=usePrevious.js.map

package/dist/hooks/usePrevious.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/usePrevious.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function usePrevious<T>(value: T): T | undefined {\n  const ref = React.useRef<T | undefined>();\n\n  React.useEffect(() => {\n    ref.current = value;\n  });\n\n  return ref.current;\n}\n"],"names":["React","usePrevious","value","ref","useRef","useEffect","current"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,SAASC,YAAeC,KAAQ;IACrC,MAAMC,MAAMH,MAAMI,MAAM;IAExBJ,MAAMK,SAAS,CAAC;QACdF,IAAIG,OAAO,GAAGJ;IAChB;IAEA,OAAOC,IAAIG,OAAO;AACpB"}
+{"version":3,"sources":["../../src/hooks/usePrevious.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * @deprecated постарайтесь избавится от этого хука или используйте `useStateWithPrev`\n */\nexport function usePrevious<T>(value: T): T | undefined {\n  const ref = React.useRef<T | undefined>();\n\n  React.useEffect(() => {\n    ref.current = value;\n  });\n\n  /**\n   * ref.current нельзя читать во время рендеринга\n   *\n   * - see https://react.dev/reference/react/useRef\n   * - also https://react.dev/reference/react/useState#storing-information-from-previous-renders\n   */\n  return ref.current;\n}\n"],"names":["React","usePrevious","value","ref","useRef","useEffect","current"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B;;CAEC,GACD,OAAO,SAASC,YAAeC,KAAQ;IACrC,MAAMC,MAAMH,MAAMI,MAAM;IAExBJ,MAAMK,SAAS,CAAC;QACdF,IAAIG,OAAO,GAAGJ;IAChB;IAEA;;;;;GAKC,GACD,OAAOC,IAAIG,OAAO;AACpB"}

package/dist/hooks/useStableCallback.js

@@ -5,7 +5,7 @@ export function useStableCallback(fn) {
     useIsomorphicLayoutEffect(()=>{
         ref.current = fn;
     });
-    return React.useRef((...args)=>(0, ref.current)(...args)).current;
+    return React.useCallback((...args)=>(0, ref.current)(...args), []);
 }
 
 //# sourceMappingURL=useStableCallback.js.map

package/dist/hooks/useStableCallback.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useStableCallback.ts"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\n/**\n * Inspired by https://github.com/facebook/react/issues/14099#issuecomment-440013892\n */\nexport function useStableCallback<\n  Fn extends (...args: any[]) => any = (...args: unknown[]) => unknown,\n>(fn: Fn): Fn;\nexport function useStableCallback<Args extends unknown[], Return>(\n  fn: (...args: Args) => Return,\n): (...args: Args) => Return;\nexport function useStableCallback<Args extends unknown[], Return>(\n  fn: (...args: Args) => Return,\n): (...args: Args) => Return {\n  const ref = React.useRef(fn);\n  useIsomorphicLayoutEffect(() => {\n    ref.current = fn;\n  });\n  return React.useRef((...args: Args) => (0, ref.current)(...args)).current;\n}\n"],"names":["React","useIsomorphicLayoutEffect","useStableCallback","fn","ref","useRef","current","args"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,sCAAmC;AAW7E,OAAO,SAASC,kBACdC,EAA6B;IAE7B,MAAMC,MAAMJ,MAAMK,MAAM,CAACF;IACzBF,0BAA0B;QACxBG,IAAIE,OAAO,GAAGH;IAChB;IACA,OAAOH,MAAMK,MAAM,CAAC,CAAC,GAAGE,OAAe,AAAC,CAAA,GAAGH,IAAIE,OAAO,AAAD,KAAMC,OAAOD,OAAO;AAC3E"}
+{"version":3,"sources":["../../src/hooks/useStableCallback.ts"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\n/**\n * Inspired by https://github.com/facebook/react/issues/14099#issuecomment-440013892\n */\nexport function useStableCallback<\n  Fn extends (...args: any[]) => any = (...args: unknown[]) => unknown,\n>(fn: Fn): Fn;\nexport function useStableCallback<Args extends unknown[], Return>(\n  fn: (...args: Args) => Return,\n): (...args: Args) => Return;\nexport function useStableCallback<Args extends unknown[], Return>(\n  fn: (...args: Args) => Return,\n): (...args: Args) => Return {\n  const ref = React.useRef(fn);\n  useIsomorphicLayoutEffect(() => {\n    ref.current = fn;\n  });\n  return React.useCallback((...args: Args) => (0, ref.current)(...args), []);\n}\n"],"names":["React","useIsomorphicLayoutEffect","useStableCallback","fn","ref","useRef","current","useCallback","args"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,sCAAmC;AAW7E,OAAO,SAASC,kBACdC,EAA6B;IAE7B,MAAMC,MAAMJ,MAAMK,MAAM,CAACF;IACzBF,0BAA0B;QACxBG,IAAIE,OAAO,GAAGH;IAChB;IACA,OAAOH,MAAMO,WAAW,CAAC,CAAC,GAAGC,OAAe,AAAC,CAAA,GAAGJ,IAAIE,OAAO,AAAD,KAAME,OAAO,EAAE;AAC3E"}

package/dist/hooks/useStateWithPrev.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+/**
+ * Возвращает значение с текущим и предыдущим состоянием
+ *
+ * # Пример
+ *
+ * ```ts
+ * const [[count, prevCount], setCount] = useStateWithPrev(initialState);
+ * ```
+ */
+export declare function useStateWithPrev<T>(initialState: T | (() => T)): [[T, T | undefined], React.Dispatch<React.SetStateAction<T>>];
+//# sourceMappingURL=useStateWithPrev.d.ts.map

package/dist/hooks/useStateWithPrev.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStateWithPrev.d.ts","sourceRoot":"","sources":["../../src/hooks/useStateWithPrev.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyB/B;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAChC,YAAY,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAC1B,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAM/D"}

package/dist/hooks/useStateWithPrev.js

@@ -0,0 +1,34 @@
+import * as React from "react";
+function basicStateInitializer(initialArg) {
+    return initialArg instanceof Function ? initialArg() : initialArg;
+}
+function initializer(initialArg) {
+    const initialState = basicStateInitializer(initialArg);
+    return [
+        initialState,
+        undefined
+    ];
+}
+function basicStateReducer(state, action) {
+    return action instanceof Function ? action(state) : action;
+}
+function reducer([prevState], action) {
+    const newState = basicStateReducer(prevState, action);
+    return [
+        newState,
+        prevState
+    ];
+}
+/**
+ * Возвращает значение с текущим и предыдущим состоянием
+ *
+ * # Пример
+ *
+ * ```ts
+ * const [[count, prevCount], setCount] = useStateWithPrev(initialState);
+ * ```
+ */ export function useStateWithPrev(initialState) {
+    return React.useReducer(reducer, undefined, ()=>initializer(initialState));
+}
+
+//# sourceMappingURL=useStateWithPrev.js.map

package/dist/hooks/useStateWithPrev.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useStateWithPrev.ts"],"sourcesContent":["import * as React from 'react';\n\nfunction basicStateInitializer<S>(initialArg: S | (() => S)): S {\n  return initialArg instanceof Function ? initialArg() : initialArg;\n}\n\nfunction initializer<T>(initialArg: T | (() => T)): [T, T | undefined] {\n  const initialState = basicStateInitializer(initialArg);\n\n  return [initialState, undefined];\n}\n\nfunction basicStateReducer<S>(state: S, action: React.SetStateAction<S>): S {\n  return action instanceof Function ? action(state) : action;\n}\n\nfunction reducer<T>(\n  [prevState]: [T, T | undefined],\n  action: React.SetStateAction<T>,\n): [T, T | undefined] {\n  const newState = basicStateReducer(prevState, action);\n\n  return [newState, prevState];\n}\n\n/**\n * Возвращает значение с текущим и предыдущим состоянием\n *\n * # Пример\n *\n * ```ts\n * const [[count, prevCount], setCount] = useStateWithPrev(initialState);\n * ```\n */\nexport function useStateWithPrev<T>(\n  initialState: T | (() => T),\n): [[T, T | undefined], React.Dispatch<React.SetStateAction<T>>] {\n  return React.useReducer<React.Reducer<[T, T | undefined], React.SetStateAction<T>>, undefined>(\n    reducer,\n    undefined,\n    () => initializer(initialState),\n  );\n}\n"],"names":["React","basicStateInitializer","initialArg","Function","initializer","initialState","undefined","basicStateReducer","state","action","reducer","prevState","newState","useStateWithPrev","useReducer"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,sBAAyBC,UAAyB;IACzD,OAAOA,sBAAsBC,WAAWD,eAAeA;AACzD;AAEA,SAASE,YAAeF,UAAyB;IAC/C,MAAMG,eAAeJ,sBAAsBC;IAE3C,OAAO;QAACG;QAAcC;KAAU;AAClC;AAEA,SAASC,kBAAqBC,KAAQ,EAAEC,MAA+B;IACrE,OAAOA,kBAAkBN,WAAWM,OAAOD,SAASC;AACtD;AAEA,SAASC,QACP,CAACC,UAA8B,EAC/BF,MAA+B;IAE/B,MAAMG,WAAWL,kBAAkBI,WAAWF;IAE9C,OAAO;QAACG;QAAUD;KAAU;AAC9B;AAEA;;;;;;;;CAQC,GACD,OAAO,SAASE,iBACdR,YAA2B;IAE3B,OAAOL,MAAMc,UAAU,CACrBJ,SACAJ,WACA,IAAMF,YAAYC;AAEtB"}

package/dist/hooks/useSyncHTMLWithBaseVKUIClasses.d.ts

@@ -0,0 +1,8 @@
+import type * as React from 'react';
+import { type AppRootMode } from '../components/AppRoot/types';
+export declare function useSyncHTMLWithBaseVKUIClasses({ appRootRef, mode, enable, }: {
+    appRootRef: React.RefObject<HTMLElement>;
+    mode: AppRootMode;
+    enable: boolean;
+}): void;
+//# sourceMappingURL=useSyncHTMLWithBaseVKUIClasses.d.ts.map

package/dist/hooks/useSyncHTMLWithBaseVKUIClasses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSyncHTMLWithBaseVKUIClasses.d.ts","sourceRoot":"","sources":["../../src/hooks/useSyncHTMLWithBaseVKUIClasses.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAG/D,wBAAgB,8BAA8B,CAAC,EAC7C,UAAU,EACV,IAAI,EACJ,MAAM,GACP,EAAE;IACD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;CACjB,QAyBA"}

package/dist/hooks/useSyncHTMLWithBaseVKUIClasses.js

@@ -0,0 +1,24 @@
+import { getParentElement } from "../components/AppRoot/helpers.js";
+import { useIsomorphicLayoutEffect } from "../lib/useIsomorphicLayoutEffect.js";
+export function useSyncHTMLWithBaseVKUIClasses({ appRootRef, mode, enable }) {
+    useIsomorphicLayoutEffect(()=>{
+        var _appRootRef_current;
+        if (!enable) {
+            return;
+        }
+        const htmlElement = (_appRootRef_current = appRootRef.current) === null || _appRootRef_current === void 0 ? void 0 : _appRootRef_current.ownerDocument.documentElement;
+        const parentElement = getParentElement(appRootRef.current);
+        if (mode === 'full') {
+            /* eslint-disable-next-line no-restricted-properties */ htmlElement === null || htmlElement === void 0 ? void 0 : htmlElement.classList.add('vkui');
+        }
+        /* eslint-disable-next-line no-restricted-properties */ parentElement === null || parentElement === void 0 ? void 0 : parentElement.classList.add('vkui__root');
+        return ()=>{
+            if (mode === 'full') {
+                /* eslint-disable-next-line no-restricted-properties */ htmlElement === null || htmlElement === void 0 ? void 0 : htmlElement.classList.remove('vkui');
+            }
+            /* eslint-disable-next-line no-restricted-properties */ parentElement === null || parentElement === void 0 ? void 0 : parentElement.classList.remove('vkui__root');
+        };
+    }, []);
+}
+
+//# sourceMappingURL=useSyncHTMLWithBaseVKUIClasses.js.map

package/dist/hooks/useSyncHTMLWithBaseVKUIClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useSyncHTMLWithBaseVKUIClasses.ts"],"sourcesContent":["import type * as React from 'react';\nimport { getParentElement } from '../components/AppRoot/helpers';\nimport { type AppRootMode } from '../components/AppRoot/types';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport function useSyncHTMLWithBaseVKUIClasses({\n  appRootRef,\n  mode,\n  enable,\n}: {\n  appRootRef: React.RefObject<HTMLElement>;\n  mode: AppRootMode;\n  enable: boolean;\n}) {\n  useIsomorphicLayoutEffect(() => {\n    if (!enable) {\n      return;\n    }\n\n    const htmlElement = appRootRef.current?.ownerDocument.documentElement;\n    const parentElement = getParentElement(appRootRef.current);\n\n    if (mode === 'full') {\n      /* eslint-disable-next-line no-restricted-properties */\n      htmlElement?.classList.add('vkui');\n    }\n    /* eslint-disable-next-line no-restricted-properties */\n    parentElement?.classList.add('vkui__root');\n\n    return () => {\n      if (mode === 'full') {\n        /* eslint-disable-next-line no-restricted-properties */\n        htmlElement?.classList.remove('vkui');\n      }\n      /* eslint-disable-next-line no-restricted-properties */\n      parentElement?.classList.remove('vkui__root');\n    };\n  }, []);\n}\n"],"names":["getParentElement","useIsomorphicLayoutEffect","useSyncHTMLWithBaseVKUIClasses","appRootRef","mode","enable","htmlElement","current","ownerDocument","documentElement","parentElement","classList","add","remove"],"mappings":"AACA,SAASA,gBAAgB,QAAQ,mCAAgC;AAEjE,SAASC,yBAAyB,QAAQ,sCAAmC;AAE7E,OAAO,SAASC,+BAA+B,EAC7CC,UAAU,EACVC,IAAI,EACJC,MAAM,EAKP;IACCJ,0BAA0B;YAKJE;QAJpB,IAAI,CAACE,QAAQ;YACX;QACF;QAEA,MAAMC,eAAcH,sBAAAA,WAAWI,OAAO,cAAlBJ,0CAAAA,oBAAoBK,aAAa,CAACC,eAAe;QACrE,MAAMC,gBAAgBV,iBAAiBG,WAAWI,OAAO;QAEzD,IAAIH,SAAS,QAAQ;YACnB,qDAAqD,GACrDE,wBAAAA,kCAAAA,YAAaK,SAAS,CAACC,GAAG,CAAC;QAC7B;QACA,qDAAqD,GACrDF,0BAAAA,oCAAAA,cAAeC,SAAS,CAACC,GAAG,CAAC;QAE7B,OAAO;YACL,IAAIR,SAAS,QAAQ;gBACnB,qDAAqD,GACrDE,wBAAAA,kCAAAA,YAAaK,SAAS,CAACE,MAAM,CAAC;YAChC;YACA,qDAAqD,GACrDH,0BAAAA,oCAAAA,cAAeC,SAAS,CAACE,MAAM,CAAC;QAClC;IACF,GAAG,EAAE;AACP"}

package/dist/hooks/useSyncHTMLWithTokens.d.ts

@@ -0,0 +1,5 @@
+export declare function useSyncHTMLWithTokens({ appRootRef, enable, }: {
+    appRootRef: React.RefObject<HTMLElement>;
+    enable: boolean;
+}): void;
+//# sourceMappingURL=useSyncHTMLWithTokens.d.ts.map

package/dist/hooks/useSyncHTMLWithTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSyncHTMLWithTokens.d.ts","sourceRoot":"","sources":["../../src/hooks/useSyncHTMLWithTokens.ts"],"names":[],"mappings":"AAGA,wBAAgB,qBAAqB,CAAC,EACpC,UAAU,EACV,MAAM,GACP,EAAE;IACD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,MAAM,EAAE,OAAO,CAAC;CACjB,QAiBA"}

package/dist/hooks/useSyncHTMLWithTokens.js

@@ -0,0 +1,20 @@
+import { useTokensClassName } from "../lib/tokens/useTokenClassName.js";
+import { useIsomorphicLayoutEffect } from "../lib/useIsomorphicLayoutEffect.js";
+export function useSyncHTMLWithTokens({ appRootRef, enable }) {
+    const tokenClassName = useTokensClassName();
+    useIsomorphicLayoutEffect(()=>{
+        var _appRootRef_current;
+        if (!enable) {
+            return;
+        }
+        const htmlElement = (_appRootRef_current = appRootRef.current) === null || _appRootRef_current === void 0 ? void 0 : _appRootRef_current.ownerDocument.documentElement;
+        /* eslint-disable-next-line no-restricted-properties */ htmlElement === null || htmlElement === void 0 ? void 0 : htmlElement.classList.add(tokenClassName);
+        return ()=>{
+            /* eslint-disable-next-line no-restricted-properties */ htmlElement === null || htmlElement === void 0 ? void 0 : htmlElement.classList.remove(tokenClassName);
+        };
+    }, [
+        tokenClassName
+    ]);
+}
+
+//# sourceMappingURL=useSyncHTMLWithTokens.js.map

package/dist/hooks/useSyncHTMLWithTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useSyncHTMLWithTokens.ts"],"sourcesContent":["import { useTokensClassName } from '../lib/tokens/useTokenClassName';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport function useSyncHTMLWithTokens({\n  appRootRef,\n  enable,\n}: {\n  appRootRef: React.RefObject<HTMLElement>;\n  enable: boolean;\n}) {\n  const tokenClassName = useTokensClassName();\n\n  useIsomorphicLayoutEffect(() => {\n    if (!enable) {\n      return;\n    }\n\n    const htmlElement = appRootRef.current?.ownerDocument.documentElement;\n    /* eslint-disable-next-line no-restricted-properties */\n    htmlElement?.classList.add(tokenClassName);\n\n    return () => {\n      /* eslint-disable-next-line no-restricted-properties */\n      htmlElement?.classList.remove(tokenClassName);\n    };\n  }, [tokenClassName]);\n}\n"],"names":["useTokensClassName","useIsomorphicLayoutEffect","useSyncHTMLWithTokens","appRootRef","enable","tokenClassName","htmlElement","current","ownerDocument","documentElement","classList","add","remove"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,qCAAkC;AACrE,SAASC,yBAAyB,QAAQ,sCAAmC;AAE7E,OAAO,SAASC,sBAAsB,EACpCC,UAAU,EACVC,MAAM,EAIP;IACC,MAAMC,iBAAiBL;IAEvBC,0BAA0B;YAKJE;QAJpB,IAAI,CAACC,QAAQ;YACX;QACF;QAEA,MAAME,eAAcH,sBAAAA,WAAWI,OAAO,cAAlBJ,0CAAAA,oBAAoBK,aAAa,CAACC,eAAe;QACrE,qDAAqD,GACrDH,wBAAAA,kCAAAA,YAAaI,SAAS,CAACC,GAAG,CAACN;QAE3B,OAAO;YACL,qDAAqD,GACrDC,wBAAAA,kCAAAA,YAAaI,SAAS,CAACE,MAAM,CAACP;QAChC;IACF,GAAG;QAACA;KAAe;AACrB"}

package/dist/hooks/useVirtualKeyboardState.d.ts

@@ -0,0 +1,32 @@
+export type VirtualKeyboardState = {
+    opened: boolean;
+};
+/**
+ * > см. [Неудобно работать с клавиатурой в ModalPage на iOS #3792](https://github.com/VKCOM/VKUI/discussions/3792)
+ *
+ * Для реализации модальных окон для тач-устройств, мы вынуждены отслеживать открытие виртуальной
+ * клавиатуры. По состоянию `opened` компоненты должны временно блокировать дальнейшее взаимодействие
+ * с ними. Например, отключить закрытие по свайпу, чтобы не мешать пользователю работать с полями
+ * ввода.
+ *
+ * Помимо этого в **Safari** и в **Chrome Android** нам нужно отслеживать прокрутку области видимости
+ * пользователем, т.к. в упомянутых браузерах, виртуальная клавиатура поднимает контент вверх
+ * не изменяя её высоту. Из-за этого появляется возможность прокручивать `window`, что визуально
+ * выглядит плохо. В хуке мы ловим фокус на поле ввода и далее, если это тач-устройство, то
+ * отлавливаем события прокрутки на `window`, чтобы сохранять текущую её позицию через `scrollTo(x, y)`.
+ *
+ * **Troubleshooting**
+ *
+ * - в **Safari** и в **Chrome Android** шапка будет выдвигаться вверх – хаки с выставлением `offsetTop`
+ *   из `VisualViewport` порождают reflow/repaint и прыгания контента;
+ * - в **Safari** изменение высоты виртуальной клавиатуры, например, на выбор эмодзи, не поднимет
+ *   `VisualViewport` из-за чего клавиатура может частично перекрыть элементы интерфейса.
+ *
+ * **Полезные ссылки**
+ *
+ * - [The Eccentric Ways of iOS Safari with the Keyboard](https://web.archive.org/web/20240920081850/https://blog.opendigerati.com/the-eccentric-ways-of-ios-safari-with-the-keyboard-b5aa3f34228d?gi=5411141a13e0)
+ * - [Dealing with the visual viewport](https://web.archive.org/web/20240920082109/https://rdavis.io/articles/dealing-with-the-visual-viewport)
+ * - [How to get the document height in iOS Safari when the on-screen keyboard is open](https://web.archive.org/web/20240920082743/https://martijnhols.nl/gists/how-to-get-document-height-ios-safari-osk)
+ */
+export declare function useVirtualKeyboardState(enabled?: boolean): VirtualKeyboardState;
+//# sourceMappingURL=useVirtualKeyboardState.d.ts.map

package/dist/hooks/useVirtualKeyboardState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVirtualKeyboardState.d.ts","sourceRoot":"","sources":["../../src/hooks/useVirtualKeyboardState.ts"],"names":[],"mappings":"AASA,MAAM,MAAM,oBAAoB,GAAG;IAAE,MAAM,EAAE,OAAO,CAAA;CAAE,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,UAAO,GAAG,oBAAoB,CAiH5E"}