@vkontakte/vkui 7.1.3 → 7.2.0

package/dist/cssm/lib/sheet/controllers/BottomSheetController.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/sheet/controllers/BottomSheetController.ts"],"sourcesContent":["import { noop } from '@vkontakte/vkjs';\nimport { clamp } from '../../../helpers/math';\nimport { rubberbandIfOutOfBounds } from '../../animation';\nimport { getNearestOverflowAncestor, hasSelectionWithRangeType } from '../../dom';\nimport { UIPanGestureRecognizer } from '../../touch/UIPanGestureRecognizer';\nimport {\n  BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE_KEY,\n  DRAG_THRESHOLDS,\n  DYNAMIC_SNAP_POINT_DATA,\n  SNAP_POINT_DETENTS,\n} from '../constants';\nimport type { CSSTransitionController } from './CSSTransitionController';\n\nexport type SnapPointDetents = [number, number] | [number, number, number];\n\nexport type SnapPoint = 'auto' | { initial: number; detents: SnapPointDetents };\n\nexport type SnapPointChange = (snapPoint: number) => void;\n\nexport type BottomSheetControllerOptions = {\n  sheetScrollEl: HTMLElement | null;\n  sheetTransitionController: CSSTransitionController<string>;\n  backdropTransitionController: CSSTransitionController | null;\n  onSnapPointChange: SnapPointChange;\n  onDismiss: VoidFunction;\n};\n\nexport class BottomSheetController {\n  constructor(\n    private readonly sheetEl: HTMLElement,\n    {\n      sheetScrollEl,\n      sheetTransitionController,\n      backdropTransitionController,\n      onSnapPointChange,\n      onDismiss,\n    }: BottomSheetControllerOptions,\n  ) {\n    this.onSnapPointChange = onSnapPointChange;\n    this.onDismiss = onDismiss;\n    this.panGestureRecognizer = new UIPanGestureRecognizer();\n    this.sheetScrollEl = sheetScrollEl;\n    this.sheetTransitionController = sheetTransitionController;\n    this.backdropTransitionController = backdropTransitionController;\n  }\n\n  init(snapPoint: SnapPoint) {\n    this.isInitialized = true;\n\n    if (snapPoint === 'auto') {\n      this.unit = 'px';\n      this.currentSnapPoint = DYNAMIC_SNAP_POINT_DATA.IDLE_POINT_VALUE;\n      this.snapPointDetents = [SNAP_POINT_DETENTS.MIN, DYNAMIC_SNAP_POINT_DATA.IDLE_POINT_VALUE];\n    } else {\n      this.unit = '%';\n      this.currentSnapPoint = snapPoint.initial;\n      this.snapPointDetents = snapPoint.detents;\n    }\n  }\n\n  destroy() {\n    this.isInitialized = false;\n    this.pannedEl = null;\n    this.sheetTransitionController.cleanup();\n    this.backdropTransitionController?.cleanup();\n\n    this.disableVerticalScrollBouncingDispose();\n    this.disableVerticalScrollBouncingDispose = noop;\n  }\n\n  panStart(event: UIEvent) {\n    if (\n      !this.isInitialized ||\n      this.panState !== 'idle' ||\n      hasSelectionWithRangeType(event.target)\n    ) {\n      return;\n    }\n\n    this.panState = 'start';\n    this.pannedEl = event.target as HTMLElement;\n    this.panGestureRecognizer.setStartCoords(event);\n  }\n\n  panMove(event: UIEvent) {\n    switch (this.panState) {\n      case 'start':\n        this.panGestureRecognizer.setInitialTimeOnce();\n        this.panGestureRecognizer.setEndCoords(event);\n\n        if (this.preventUntilPanGestureBecomesExpected()) {\n          return;\n        }\n\n        if (this.preventImmediatelyIfPannedElIsNotValid()) {\n          this.panState = 'idle';\n          return;\n        }\n\n        if (this.preventUntilVerticalScrollingOnSheetScrollElBecomesExpected()) {\n          return;\n        }\n\n        if (this.preventImmediatelyIfVerticalScrollingOnPannedElIsScrolled()) {\n          this.panState = 'idle';\n          return;\n        }\n\n        this.panState = 'moving';\n        this.panGestureRecognizer.setStartCoords(event);\n\n        this.sheetHeight = this.sheetEl.offsetHeight;\n\n        this.disableVerticalScrollBouncingDispose =\n          BottomSheetController.disableVerticalScrollBouncingIfNeeded(\n            this.sheetScrollEl,\n            this.pannedEl,\n          );\n\n        if (this.isDynamicSnapPoint) {\n          this.currentSnapPoint = this.sheetHeight;\n          this.snapPointDetents[DYNAMIC_SNAP_POINT_DATA.COMPUTED_INDEX] = this.sheetHeight;\n        }\n        break;\n      case 'moving':\n        this.panGestureRecognizer.setEndCoords(event);\n\n        const { y1, y2 } = this.panGestureRecognizer;\n\n        this.nextSnapPoint = rubberbandIfOutOfBounds(\n          this.currentSnapPoint - ((y2 - y1) / this.sheetHeight) * this.currentSnapPoint,\n          SNAP_POINT_DETENTS.MIN,\n          this.isDynamicSnapPoint ? this.sheetHeight : SNAP_POINT_DETENTS.LARGE,\n        );\n\n        this.calculateSnapPoint(this.nextSnapPoint, true);\n        break;\n    }\n  }\n\n  panEnd() {\n    switch (this.panState) {\n      case 'moving':\n        const prevCurrentSnapPoint = this.currentSnapPoint;\n        this.currentSnapPoint = this.getSnapPointTo(this.nextSnapPoint);\n\n        if (\n          prevCurrentSnapPoint !== this.currentSnapPoint &&\n          this.currentSnapPoint > SNAP_POINT_DETENTS.MIN\n        ) {\n          this.onSnapPointChange(this.currentSnapPoint);\n        }\n\n        this.calculateSnapPoint(this.currentSnapPoint);\n        break;\n    }\n\n    this.panState = 'idle';\n    this.panGestureRecognizer.reset();\n\n    this.disableVerticalScrollBouncingDispose();\n    this.disableVerticalScrollBouncingDispose = noop;\n  }\n\n  private isInitialized = false;\n  private panState: 'idle' | 'start' | 'moving' = 'idle';\n  private pannedEl: HTMLElement | null = null;\n  private sheetHeight = 0;\n  private rafId: number | null = null;\n  private currentSnapPoint = 0;\n  private nextSnapPoint = 0;\n  private snapPointDetents: SnapPointDetents = [0, 0];\n  private unit: 'px' | '%' = '%';\n  private get isDynamicSnapPoint() {\n    return this.unit === 'px';\n  }\n  private disableVerticalScrollBouncingDispose = noop;\n  private readonly sheetScrollEl: HTMLElement | null;\n  private readonly sheetTransitionController: CSSTransitionController<string>;\n  private readonly backdropTransitionController: CSSTransitionController | null;\n  private readonly panGestureRecognizer: UIPanGestureRecognizer;\n  private readonly onSnapPointChange: SnapPointChange;\n  private readonly onDismiss: VoidFunction;\n\n  private calculateSnapPoint(nextSnapPoint: number, immediately = false) {\n    if (this.rafId !== null) {\n      cancelAnimationFrame(this.rafId);\n    }\n\n    if (nextSnapPoint <= SNAP_POINT_DETENTS.MIN) {\n      this.sheetTransitionController.enableTransition();\n      this.backdropTransitionController?.enableTransition();\n      this.panState = 'idle';\n      this.onDismiss();\n      return;\n    }\n\n    const backdropOpacity = clamp(\n      this.isDynamicSnapPoint\n        ? nextSnapPoint / this.sheetHeight\n        : (nextSnapPoint * 2) / SNAP_POINT_DETENTS.LARGE,\n      0,\n      1,\n    );\n\n    this.rafId = requestAnimationFrame(() => {\n      if (immediately) {\n        this.backdropTransitionController?.disableTransition().set(backdropOpacity);\n        this.sheetTransitionController.disableTransition().set(`${nextSnapPoint}${this.unit}`);\n        return;\n      }\n\n      if (this.isDynamicSnapPoint) {\n        this.sheetTransitionController.cleanupOnTransitionEnd();\n      }\n\n      this.backdropTransitionController?.unset();\n      this.sheetTransitionController.enableTransition().set(`${this.currentSnapPoint}${this.unit}`);\n    });\n  }\n\n  private getSnapPointTo(nextSnapPoint: number) {\n    const closestSnapPoint = BottomSheetController.getClosestSnapPoint(\n      this.snapPointDetents,\n      nextSnapPoint,\n    );\n    if (closestSnapPoint !== this.currentSnapPoint) {\n      return closestSnapPoint;\n    }\n\n    const panDirection = this.panGestureRecognizer.direction();\n    if (panDirection.axis !== 'y' || panDirection.direction === null) {\n      return this.currentSnapPoint;\n    }\n\n    const velocity = this.panGestureRecognizer.velocity();\n    if (Math.abs(velocity.y) < DRAG_THRESHOLDS.VELOCITY) {\n      return this.currentSnapPoint;\n    }\n\n    const closestSnapPointByDirection = BottomSheetController.getClosestSnapPointByDirection(\n      this.snapPointDetents,\n      closestSnapPoint,\n      panDirection.direction,\n    );\n\n    return closestSnapPointByDirection;\n  }\n\n  private preventUntilPanGestureBecomesExpected() {\n    return (\n      this.panGestureRecognizer.direction().axis === 'x' ||\n      this.panGestureRecognizer.distance() < DRAG_THRESHOLDS.DISTANCE_FOR_MOVING_START\n    );\n  }\n\n  private preventImmediatelyIfPannedElIsNotValid() {\n    return (\n      this.pannedEl === null ||\n      // Элемент со специальным атрибутом\n      this.pannedEl.closest(`[${BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE_KEY}=true]`) !== null || // eslint-disable-line no-restricted-properties\n      // Элемент за пределами панели.\n      !this.sheetEl.contains(this.pannedEl)\n    );\n  }\n\n  private preventUntilVerticalScrollingOnSheetScrollElBecomesExpected() {\n    if (\n      this.sheetScrollEl === null ||\n      !this.sheetScrollEl.contains(this.pannedEl) ||\n      this.sheetScrollEl.scrollHeight <= this.sheetScrollEl.clientHeight\n    ) {\n      return false;\n    }\n\n    if (this.sheetScrollEl.scrollTop === 0) {\n      return (\n        this.panGestureRecognizer.direction().direction === -1 &&\n        BottomSheetController.isLastSnapPointDetents(this.snapPointDetents, this.currentSnapPoint)\n      );\n    }\n\n    return true;\n  }\n\n  private preventImmediatelyIfVerticalScrollingOnPannedElIsScrolled() {\n    if (\n      /* istanbul ignore next: покрываем TypeScript */\n      this.pannedEl === null ||\n      this.pannedEl === this.sheetEl ||\n      this.pannedEl === this.sheetScrollEl\n    ) {\n      return false;\n    }\n\n    const overflowAncestor = getNearestOverflowAncestor(this.pannedEl, this.sheetEl);\n\n    if (\n      overflowAncestor === null ||\n      this.sheetScrollEl === overflowAncestor ||\n      overflowAncestor.scrollHeight <= overflowAncestor.clientHeight\n    ) {\n      return false;\n    }\n\n    return (\n      overflowAncestor.scrollTop !== 0 || this.panGestureRecognizer.direction().direction === -1\n    );\n  }\n\n  private static disableVerticalScrollBouncingIfNeeded(\n    sheetScrollEl: HTMLElement | null,\n    targetEl: HTMLElement | null,\n  ) {\n    if (\n      sheetScrollEl !== null &&\n      sheetScrollEl.scrollTop <= 0 &&\n      sheetScrollEl.contains(targetEl) &&\n      sheetScrollEl.scrollHeight > sheetScrollEl.clientHeight\n    ) {\n      sheetScrollEl.style.setProperty('overflow-y', 'hidden');\n      return function dispose() {\n        sheetScrollEl.style.removeProperty('overflow-y');\n      };\n    }\n    return noop;\n  }\n\n  private static isLastSnapPointDetents(\n    snapPointDetents: SnapPointDetents,\n    currentY: number,\n  ): boolean {\n    return currentY === snapPointDetents[snapPointDetents.length - 1];\n  }\n\n  private static getClosestSnapPointByDirection(\n    snapPointDetents: SnapPointDetents,\n    currentY: number,\n    direction: -1 | 1,\n  ): number {\n    const foundIndex = snapPointDetents.findIndex((i) => i === currentY);\n    switch (direction) {\n      case -1:\n        return snapPointDetents[foundIndex + 1] ?? snapPointDetents[snapPointDetents.length - 1];\n      case 1:\n        return snapPointDetents[foundIndex - 1] ?? snapPointDetents[0];\n    }\n  }\n\n  private static getClosestSnapPoint(snapPointDetents: SnapPointDetents, currentY: number) {\n    let closest = snapPointDetents[0];\n    let minDifference = Math.abs(snapPointDetents[0] - currentY);\n\n    for (let i = 1; i < snapPointDetents.length; i += 1) {\n      const difference = Math.abs(snapPointDetents[i] - currentY);\n      if (difference < minDifference) {\n        closest = snapPointDetents[i];\n        minDifference = difference;\n      }\n    }\n\n    return closest;\n  }\n}\n"],"names":["noop","clamp","rubberbandIfOutOfBounds","getNearestOverflowAncestor","hasSelectionWithRangeType","UIPanGestureRecognizer","BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE_KEY","DRAG_THRESHOLDS","DYNAMIC_SNAP_POINT_DATA","SNAP_POINT_DETENTS","BottomSheetController","constructor","sheetEl","sheetScrollEl","sheetTransitionController","backdropTransitionController","onSnapPointChange","onDismiss","isInitialized","panState","pannedEl","sheetHeight","rafId","currentSnapPoint","nextSnapPoint","snapPointDetents","unit","disableVerticalScrollBouncingDispose","panGestureRecognizer","init","snapPoint","IDLE_POINT_VALUE","MIN","initial","detents","destroy","cleanup","panStart","event","target","setStartCoords","panMove","setInitialTimeOnce","setEndCoords","preventUntilPanGestureBecomesExpected","preventImmediatelyIfPannedElIsNotValid","preventUntilVerticalScrollingOnSheetScrollElBecomesExpected","preventImmediatelyIfVerticalScrollingOnPannedElIsScrolled","offsetHeight","disableVerticalScrollBouncingIfNeeded","isDynamicSnapPoint","COMPUTED_INDEX","y1","y2","LARGE","calculateSnapPoint","panEnd","prevCurrentSnapPoint","getSnapPointTo","reset","immediately","cancelAnimationFrame","enableTransition","backdropOpacity","requestAnimationFrame","disableTransition","set","cleanupOnTransitionEnd","unset","closestSnapPoint","getClosestSnapPoint","panDirection","direction","axis","velocity","Math","abs","y","VELOCITY","closestSnapPointByDirection","getClosestSnapPointByDirection","distance","DISTANCE_FOR_MOVING_START","closest","contains","scrollHeight","clientHeight","scrollTop","isLastSnapPointDetents","overflowAncestor","targetEl","style","setProperty","dispose","removeProperty","currentY","length","foundIndex","findIndex","i","minDifference","difference"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/lib/sheet/controllers/BottomSheetController.ts"],"sourcesContent":["import { noop } from '@vkontakte/vkjs';\nimport { clamp } from '../../../helpers/math';\nimport { rubberbandIfOutOfBounds } from '../../animation';\nimport { getNearestOverflowAncestor, hasSelectionWithRangeType } from '../../dom';\nimport { UIPanGestureRecognizer } from '../../touch/UIPanGestureRecognizer';\nimport {\n  BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE_KEY,\n  DRAG_THRESHOLDS,\n  DYNAMIC_SNAP_POINT_DATA,\n  SNAP_POINT_DETENTS,\n} from '../constants';\nimport type { CSSTransitionController } from './CSSTransitionController';\n\nexport type SnapPointDetents = [number, number] | [number, number, number];\n\nexport type SnapPoint = 'auto' | { initial: number; detents: SnapPointDetents };\n\nexport type SnapPointChange = (snapPoint: number) => void;\n\nexport type BottomSheetControllerOptions = {\n  sheetScrollEl: HTMLElement | null;\n  sheetTransitionController: CSSTransitionController<string>;\n  backdropTransitionController: CSSTransitionController | null;\n  onSnapPointChange: SnapPointChange;\n  onDismiss: VoidFunction;\n};\n\nexport class BottomSheetController {\n  private readonly sheetEl: HTMLElement;\n\n  constructor(\n    sheetEl: HTMLElement,\n    {\n      sheetScrollEl,\n      sheetTransitionController,\n      backdropTransitionController,\n      onSnapPointChange,\n      onDismiss,\n    }: BottomSheetControllerOptions,\n  ) {\n    this.sheetEl = sheetEl;\n    this.onSnapPointChange = onSnapPointChange;\n    this.onDismiss = onDismiss;\n    this.panGestureRecognizer = new UIPanGestureRecognizer();\n    this.sheetScrollEl = sheetScrollEl;\n    this.sheetTransitionController = sheetTransitionController;\n    this.backdropTransitionController = backdropTransitionController;\n  }\n\n  init(snapPoint: SnapPoint) {\n    this.isInitialized = true;\n\n    if (snapPoint === 'auto') {\n      this.unit = 'px';\n      this.currentSnapPoint = DYNAMIC_SNAP_POINT_DATA.IDLE_POINT_VALUE;\n      this.snapPointDetents = [SNAP_POINT_DETENTS.MIN, DYNAMIC_SNAP_POINT_DATA.IDLE_POINT_VALUE];\n    } else {\n      this.unit = '%';\n      this.currentSnapPoint = snapPoint.initial;\n      this.snapPointDetents = snapPoint.detents;\n    }\n  }\n\n  destroy() {\n    this.isInitialized = false;\n    this.pannedEl = null;\n    this.sheetTransitionController.cleanup();\n    this.backdropTransitionController?.cleanup();\n\n    this.disableVerticalScrollBouncingDispose();\n    this.disableVerticalScrollBouncingDispose = noop;\n  }\n\n  panStart(event: UIEvent) {\n    if (\n      !this.isInitialized ||\n      this.panState !== 'idle' ||\n      hasSelectionWithRangeType(event.target)\n    ) {\n      return;\n    }\n\n    this.panState = 'start';\n    this.pannedEl = event.target as HTMLElement;\n    this.panGestureRecognizer.setStartCoords(event);\n  }\n\n  panMove(event: UIEvent) {\n    switch (this.panState) {\n      case 'start':\n        this.panGestureRecognizer.setInitialTimeOnce();\n        this.panGestureRecognizer.setEndCoords(event);\n\n        if (this.preventUntilPanGestureBecomesExpected()) {\n          return;\n        }\n\n        if (this.preventImmediatelyIfPannedElIsNotValid()) {\n          this.panState = 'idle';\n          return;\n        }\n\n        if (this.preventUntilVerticalScrollingOnSheetScrollElBecomesExpected()) {\n          return;\n        }\n\n        if (this.preventImmediatelyIfVerticalScrollingOnPannedElIsScrolled()) {\n          this.panState = 'idle';\n          return;\n        }\n\n        this.panState = 'moving';\n        this.panGestureRecognizer.setStartCoords(event);\n\n        this.sheetHeight = this.sheetEl.offsetHeight;\n\n        this.disableVerticalScrollBouncingDispose =\n          BottomSheetController.disableVerticalScrollBouncingIfNeeded(\n            this.sheetScrollEl,\n            this.pannedEl,\n          );\n\n        if (this.isDynamicSnapPoint) {\n          this.currentSnapPoint = this.sheetHeight;\n          this.snapPointDetents[DYNAMIC_SNAP_POINT_DATA.COMPUTED_INDEX] = this.sheetHeight;\n        }\n        break;\n      case 'moving':\n        this.panGestureRecognizer.setEndCoords(event);\n\n        const { y1, y2 } = this.panGestureRecognizer;\n\n        this.nextSnapPoint = rubberbandIfOutOfBounds(\n          this.currentSnapPoint - ((y2 - y1) / this.sheetHeight) * this.currentSnapPoint,\n          SNAP_POINT_DETENTS.MIN,\n          this.isDynamicSnapPoint ? this.sheetHeight : SNAP_POINT_DETENTS.LARGE,\n        );\n\n        this.calculateSnapPoint(this.nextSnapPoint, true);\n        break;\n    }\n  }\n\n  panEnd() {\n    switch (this.panState) {\n      case 'moving':\n        const prevCurrentSnapPoint = this.currentSnapPoint;\n        this.currentSnapPoint = this.getSnapPointTo(this.nextSnapPoint);\n\n        if (\n          prevCurrentSnapPoint !== this.currentSnapPoint &&\n          this.currentSnapPoint > SNAP_POINT_DETENTS.MIN\n        ) {\n          this.onSnapPointChange(this.currentSnapPoint);\n        }\n\n        this.calculateSnapPoint(this.currentSnapPoint);\n        break;\n    }\n\n    this.panState = 'idle';\n    this.panGestureRecognizer.reset();\n\n    this.disableVerticalScrollBouncingDispose();\n    this.disableVerticalScrollBouncingDispose = noop;\n  }\n\n  private isInitialized = false;\n  private panState: 'idle' | 'start' | 'moving' = 'idle';\n  private pannedEl: HTMLElement | null = null;\n  private sheetHeight = 0;\n  private rafId: number | null = null;\n  private currentSnapPoint = 0;\n  private nextSnapPoint = 0;\n  private snapPointDetents: SnapPointDetents = [0, 0];\n  private unit: 'px' | '%' = '%';\n  private get isDynamicSnapPoint() {\n    return this.unit === 'px';\n  }\n  private disableVerticalScrollBouncingDispose = noop;\n  private readonly sheetScrollEl: HTMLElement | null;\n  private readonly sheetTransitionController: CSSTransitionController<string>;\n  private readonly backdropTransitionController: CSSTransitionController | null;\n  private readonly panGestureRecognizer: UIPanGestureRecognizer;\n  private readonly onSnapPointChange: SnapPointChange;\n  private readonly onDismiss: VoidFunction;\n\n  private calculateSnapPoint(nextSnapPoint: number, immediately = false) {\n    if (this.rafId !== null) {\n      cancelAnimationFrame(this.rafId);\n    }\n\n    if (nextSnapPoint <= SNAP_POINT_DETENTS.MIN) {\n      this.sheetTransitionController.enableTransition();\n      this.backdropTransitionController?.enableTransition();\n      this.panState = 'idle';\n      this.onDismiss();\n      return;\n    }\n\n    const backdropOpacity = clamp(\n      this.isDynamicSnapPoint\n        ? nextSnapPoint / this.sheetHeight\n        : (nextSnapPoint * 2) / SNAP_POINT_DETENTS.LARGE,\n      0,\n      1,\n    );\n\n    this.rafId = requestAnimationFrame(() => {\n      if (immediately) {\n        this.backdropTransitionController?.disableTransition().set(backdropOpacity);\n        this.sheetTransitionController.disableTransition().set(`${nextSnapPoint}${this.unit}`);\n        return;\n      }\n\n      if (this.isDynamicSnapPoint) {\n        this.sheetTransitionController.cleanupOnTransitionEnd();\n      }\n\n      this.backdropTransitionController?.unset();\n      this.sheetTransitionController.enableTransition().set(`${this.currentSnapPoint}${this.unit}`);\n    });\n  }\n\n  private getSnapPointTo(nextSnapPoint: number) {\n    const closestSnapPoint = BottomSheetController.getClosestSnapPoint(\n      this.snapPointDetents,\n      nextSnapPoint,\n    );\n    if (closestSnapPoint !== this.currentSnapPoint) {\n      return closestSnapPoint;\n    }\n\n    const panDirection = this.panGestureRecognizer.direction();\n    if (panDirection.axis !== 'y' || panDirection.direction === null) {\n      return this.currentSnapPoint;\n    }\n\n    const velocity = this.panGestureRecognizer.velocity();\n    if (Math.abs(velocity.y) < DRAG_THRESHOLDS.VELOCITY) {\n      return this.currentSnapPoint;\n    }\n\n    const closestSnapPointByDirection = BottomSheetController.getClosestSnapPointByDirection(\n      this.snapPointDetents,\n      closestSnapPoint,\n      panDirection.direction,\n    );\n\n    return closestSnapPointByDirection;\n  }\n\n  private preventUntilPanGestureBecomesExpected() {\n    return (\n      this.panGestureRecognizer.direction().axis === 'x' ||\n      this.panGestureRecognizer.distance() < DRAG_THRESHOLDS.DISTANCE_FOR_MOVING_START\n    );\n  }\n\n  private preventImmediatelyIfPannedElIsNotValid() {\n    return (\n      this.pannedEl === null ||\n      // Элемент со специальным атрибутом\n      this.pannedEl.closest(`[${BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE_KEY}=true]`) !== null || // eslint-disable-line no-restricted-properties\n      // Элемент за пределами панели.\n      !this.sheetEl.contains(this.pannedEl)\n    );\n  }\n\n  private preventUntilVerticalScrollingOnSheetScrollElBecomesExpected() {\n    if (\n      this.sheetScrollEl === null ||\n      !this.sheetScrollEl.contains(this.pannedEl) ||\n      this.sheetScrollEl.scrollHeight <= this.sheetScrollEl.clientHeight\n    ) {\n      return false;\n    }\n\n    if (this.sheetScrollEl.scrollTop === 0) {\n      return (\n        this.panGestureRecognizer.direction().direction === -1 &&\n        BottomSheetController.isLastSnapPointDetents(this.snapPointDetents, this.currentSnapPoint)\n      );\n    }\n\n    return true;\n  }\n\n  private preventImmediatelyIfVerticalScrollingOnPannedElIsScrolled() {\n    if (\n      /* istanbul ignore next: покрываем TypeScript */\n      this.pannedEl === null ||\n      this.pannedEl === this.sheetEl ||\n      this.pannedEl === this.sheetScrollEl\n    ) {\n      return false;\n    }\n\n    const overflowAncestor = getNearestOverflowAncestor(this.pannedEl, this.sheetEl);\n\n    if (\n      overflowAncestor === null ||\n      this.sheetScrollEl === overflowAncestor ||\n      overflowAncestor.scrollHeight <= overflowAncestor.clientHeight\n    ) {\n      return false;\n    }\n\n    return (\n      overflowAncestor.scrollTop !== 0 || this.panGestureRecognizer.direction().direction === -1\n    );\n  }\n\n  private static disableVerticalScrollBouncingIfNeeded(\n    sheetScrollEl: HTMLElement | null,\n    targetEl: HTMLElement | null,\n  ) {\n    if (\n      sheetScrollEl !== null &&\n      sheetScrollEl.scrollTop <= 0 &&\n      sheetScrollEl.contains(targetEl) &&\n      sheetScrollEl.scrollHeight > sheetScrollEl.clientHeight\n    ) {\n      sheetScrollEl.style.setProperty('overflow-y', 'hidden');\n      return function dispose() {\n        sheetScrollEl.style.removeProperty('overflow-y');\n      };\n    }\n    return noop;\n  }\n\n  private static isLastSnapPointDetents(\n    snapPointDetents: SnapPointDetents,\n    currentY: number,\n  ): boolean {\n    return currentY === snapPointDetents[snapPointDetents.length - 1];\n  }\n\n  private static getClosestSnapPointByDirection(\n    snapPointDetents: SnapPointDetents,\n    currentY: number,\n    direction: -1 | 1,\n  ): number {\n    const foundIndex = snapPointDetents.findIndex((i) => i === currentY);\n    switch (direction) {\n      case -1:\n        return snapPointDetents[foundIndex + 1] ?? snapPointDetents[snapPointDetents.length - 1];\n      case 1:\n        return snapPointDetents[foundIndex - 1] ?? snapPointDetents[0];\n    }\n  }\n\n  private static getClosestSnapPoint(snapPointDetents: SnapPointDetents, currentY: number) {\n    let closest = snapPointDetents[0];\n    let minDifference = Math.abs(snapPointDetents[0] - currentY);\n\n    for (let i = 1; i < snapPointDetents.length; i += 1) {\n      const difference = Math.abs(snapPointDetents[i] - currentY);\n      if (difference < minDifference) {\n        closest = snapPointDetents[i];\n        minDifference = difference;\n      }\n    }\n\n    return closest;\n  }\n}\n"],"names":["noop","clamp","rubberbandIfOutOfBounds","getNearestOverflowAncestor","hasSelectionWithRangeType","UIPanGestureRecognizer","BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE_KEY","DRAG_THRESHOLDS","DYNAMIC_SNAP_POINT_DATA","SNAP_POINT_DETENTS","BottomSheetController","sheetEl","constructor","sheetScrollEl","sheetTransitionController","backdropTransitionController","onSnapPointChange","onDismiss","panGestureRecognizer","init","snapPoint","isInitialized","unit","currentSnapPoint","IDLE_POINT_VALUE","snapPointDetents","MIN","initial","detents","destroy","pannedEl","cleanup","disableVerticalScrollBouncingDispose","panStart","event","panState","target","setStartCoords","panMove","setInitialTimeOnce","setEndCoords","preventUntilPanGestureBecomesExpected","preventImmediatelyIfPannedElIsNotValid","preventUntilVerticalScrollingOnSheetScrollElBecomesExpected","preventImmediatelyIfVerticalScrollingOnPannedElIsScrolled","sheetHeight","offsetHeight","disableVerticalScrollBouncingIfNeeded","isDynamicSnapPoint","COMPUTED_INDEX","y1","y2","nextSnapPoint","LARGE","calculateSnapPoint","panEnd","prevCurrentSnapPoint","getSnapPointTo","reset","rafId","immediately","cancelAnimationFrame","enableTransition","backdropOpacity","requestAnimationFrame","disableTransition","set","cleanupOnTransitionEnd","unset","closestSnapPoint","getClosestSnapPoint","panDirection","direction","axis","velocity","Math","abs","y","VELOCITY","closestSnapPointByDirection","getClosestSnapPointByDirection","distance","DISTANCE_FOR_MOVING_START","closest","contains","scrollHeight","clientHeight","scrollTop","isLastSnapPointDetents","overflowAncestor","targetEl","style","setProperty","dispose","removeProperty","currentY","length","foundIndex","findIndex","i","minDifference","difference"],"mappings":"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"}

package/dist/cssm/lib/sheet/controllers/CSSTransitionController.js

@@ -4,10 +4,6 @@ export class CSSTransitionController {
     constructor(el, property){
         this.el = el;
         this.property = property;
-        this.handleTransitionEnd = ()=>{
-            this.cleanup();
-            return this;
-        };
     }
     set(to) {
         this.el.style.setProperty(this.property, `${to}`);
@@ -36,7 +32,10 @@ export class CSSTransitionController {
         });
         return this;
     }
-    handleTransitionEnd;
+    handleTransitionEnd = ()=>{
+        this.cleanup();
+        return this;
+    };
 }
 
 //# sourceMappingURL=CSSTransitionController.js.map

package/dist/cssm/lib/sheet/controllers/CSSTransitionController.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/sheet/controllers/CSSTransitionController.ts"],"sourcesContent":["export type CSSTransitionControllerUnit = 'px' | '%' | '';\n\nexport class CSSTransitionController<V extends number | string = number> {\n  constructor(\n    public readonly el: HTMLElement,\n    public readonly property: string,\n  ) {}\n\n  set(to: V) {\n    this.el.style.setProperty(this.property, `${to}`);\n    return this;\n  }\n\n  unset() {\n    return this.cleanup();\n  }\n\n  enableTransition() {\n    this.el.style.removeProperty('transition');\n    return this;\n  }\n\n  disableTransition() {\n    this.el.style.setProperty('transition', 'none');\n    return this;\n  }\n\n  cleanup() {\n    this.el.removeEventListener('transitionend', this.handleTransitionEnd);\n    this.el.style.removeProperty('transition');\n    this.el.style.removeProperty(this.property);\n    return this;\n  }\n\n  cleanupOnTransitionEnd() {\n    this.el.addEventListener('transitionend', this.handleTransitionEnd, { once: true });\n    return this;\n  }\n\n  private readonly handleTransitionEnd = () => {\n    this.cleanup();\n    return this;\n  };\n}\n"],"names":["CSSTransitionController","constructor","el","property","handleTransitionEnd","cleanup","set","to","style","setProperty","unset","enableTransition","removeProperty","disableTransition","removeEventListener","cleanupOnTransitionEnd","addEventListener","once"],"mappings":"AAEA,OAAO,MAAMA;;;IACXC,YACE,AAAgBC,EAAe,EAC/B,AAAgBC,QAAgB,CAChC;aAFgBD,KAAAA;aACAC,WAAAA;aAkCDC,sBAAsB;YACrC,IAAI,CAACC,OAAO;YACZ,OAAO,IAAI;QACb;IApCG;IAEHC,IAAIC,EAAK,EAAE;QACT,IAAI,CAACL,EAAE,CAACM,KAAK,CAACC,WAAW,CAAC,IAAI,CAACN,QAAQ,EAAE,GAAGI,IAAI;QAChD,OAAO,IAAI;IACb;IAEAG,QAAQ;QACN,OAAO,IAAI,CAACL,OAAO;IACrB;IAEAM,mBAAmB;QACjB,IAAI,CAACT,EAAE,CAACM,KAAK,CAACI,cAAc,CAAC;QAC7B,OAAO,IAAI;IACb;IAEAC,oBAAoB;QAClB,IAAI,CAACX,EAAE,CAACM,KAAK,CAACC,WAAW,CAAC,cAAc;QACxC,OAAO,IAAI;IACb;IAEAJ,UAAU;QACR,IAAI,CAACH,EAAE,CAACY,mBAAmB,CAAC,iBAAiB,IAAI,CAACV,mBAAmB;QACrE,IAAI,CAACF,EAAE,CAACM,KAAK,CAACI,cAAc,CAAC;QAC7B,IAAI,CAACV,EAAE,CAACM,KAAK,CAACI,cAAc,CAAC,IAAI,CAACT,QAAQ;QAC1C,OAAO,IAAI;IACb;IAEAY,yBAAyB;QACvB,IAAI,CAACb,EAAE,CAACc,gBAAgB,CAAC,iBAAiB,IAAI,CAACZ,mBAAmB,EAAE;YAAEa,MAAM;QAAK;QACjF,OAAO,IAAI;IACb;IAEiBb,oBAGf;AACJ"}
+{"version":3,"sources":["../../../../../src/lib/sheet/controllers/CSSTransitionController.ts"],"sourcesContent":["export type CSSTransitionControllerUnit = 'px' | '%' | '';\n\nexport class CSSTransitionController<V extends number | string = number> {\n  public readonly el: HTMLElement;\n  public readonly property: string;\n\n  constructor(el: HTMLElement, property: string) {\n    this.el = el;\n    this.property = property;\n  }\n\n  set(to: V) {\n    this.el.style.setProperty(this.property, `${to}`);\n    return this;\n  }\n\n  unset() {\n    return this.cleanup();\n  }\n\n  enableTransition() {\n    this.el.style.removeProperty('transition');\n    return this;\n  }\n\n  disableTransition() {\n    this.el.style.setProperty('transition', 'none');\n    return this;\n  }\n\n  cleanup() {\n    this.el.removeEventListener('transitionend', this.handleTransitionEnd);\n    this.el.style.removeProperty('transition');\n    this.el.style.removeProperty(this.property);\n    return this;\n  }\n\n  cleanupOnTransitionEnd() {\n    this.el.addEventListener('transitionend', this.handleTransitionEnd, { once: true });\n    return this;\n  }\n\n  private readonly handleTransitionEnd = () => {\n    this.cleanup();\n    return this;\n  };\n}\n"],"names":["CSSTransitionController","el","property","constructor","set","to","style","setProperty","unset","cleanup","enableTransition","removeProperty","disableTransition","removeEventListener","handleTransitionEnd","cleanupOnTransitionEnd","addEventListener","once"],"mappings":"AAEA,OAAO,MAAMA;IACKC,GAAgB;IAChBC,SAAiB;IAEjCC,YAAYF,EAAe,EAAEC,QAAgB,CAAE;QAC7C,IAAI,CAACD,EAAE,GAAGA;QACV,IAAI,CAACC,QAAQ,GAAGA;IAClB;IAEAE,IAAIC,EAAK,EAAE;QACT,IAAI,CAACJ,EAAE,CAACK,KAAK,CAACC,WAAW,CAAC,IAAI,CAACL,QAAQ,EAAE,GAAGG,IAAI;QAChD,OAAO,IAAI;IACb;IAEAG,QAAQ;QACN,OAAO,IAAI,CAACC,OAAO;IACrB;IAEAC,mBAAmB;QACjB,IAAI,CAACT,EAAE,CAACK,KAAK,CAACK,cAAc,CAAC;QAC7B,OAAO,IAAI;IACb;IAEAC,oBAAoB;QAClB,IAAI,CAACX,EAAE,CAACK,KAAK,CAACC,WAAW,CAAC,cAAc;QACxC,OAAO,IAAI;IACb;IAEAE,UAAU;QACR,IAAI,CAACR,EAAE,CAACY,mBAAmB,CAAC,iBAAiB,IAAI,CAACC,mBAAmB;QACrE,IAAI,CAACb,EAAE,CAACK,KAAK,CAACK,cAAc,CAAC;QAC7B,IAAI,CAACV,EAAE,CAACK,KAAK,CAACK,cAAc,CAAC,IAAI,CAACT,QAAQ;QAC1C,OAAO,IAAI;IACb;IAEAa,yBAAyB;QACvB,IAAI,CAACd,EAAE,CAACe,gBAAgB,CAAC,iBAAiB,IAAI,CAACF,mBAAmB,EAAE;YAAEG,MAAM;QAAK;QACjF,OAAO,IAAI;IACb;IAEiBH,sBAAsB;QACrC,IAAI,CAACL,OAAO;QACZ,OAAO,IAAI;IACb,EAAE;AACJ"}

package/dist/cssm/lib/tokens/TokensClassProvider.module.css

@@ -1,4 +1,4 @@
 .defaultColor {
-  color-scheme: var(--vkui--colors_scheme);
   color: var(--vkui--color_text_primary);
+  color-scheme: var(--vkui--colors_scheme);
 }

package/dist/cssm/styles/common.css

@@ -22,9 +22,9 @@
 .vkui > body,
 .vkui,
 .vkui__root {
-  margin: 0;
-  padding: 0;
   block-size: 100%;
+  padding: 0;
+  margin: 0;
   color-scheme: var(--vkui--colors_scheme);
 }
 .vkui {

package/dist/cssm/styles/themes.css

@@ -67,7 +67,7 @@
     --vkui--font_footnote--font_weight--regular: 400;
     --vkui--font_footnote_caps--font_size--regular: 13px;
     --vkui--font_footnote_caps--line_height--regular: 16px;
-    --vkui--font_footnote_caps--font_weight--regular: 400;
+    --vkui--font_footnote_caps--font_weight--regular: 600;
     --vkui--font_footnote_caps--text_transform--regular: uppercase;
     --vkui--font_caption1--font_size--regular: 12px;
     --vkui--font_caption1--line_height--regular: 14px;
@@ -101,16 +101,20 @@
     --vkui--size_check_border_radius--regular: 4px;
     --vkui--size_border_radius_paper--regular: 12px;
     --vkui--size_border_radius_promo--regular: 20px;
+    --vkui--size_cell_height--regular: 48px;
+    --vkui--size_cell_height--compact: 44px;
     --vkui--size_field_height--regular: 44px;
     --vkui--size_field_height--compact: 36px;
     --vkui--size_search_height--regular: 36px;
     --vkui--size_search_height--compact: 32px;
-    --vkui--size_button_large_height--regular: 44px;
-    --vkui--size_button_large_height--compact: 36px;
-    --vkui--size_button_medium_height--regular: 36px;
-    --vkui--size_button_medium_height--compact: 32px;
+    --vkui--size_button_extra_small_height--regular: 24px;
+    --vkui--size_button_extra_small_height--compact: 22px;
     --vkui--size_button_small_height--regular: 30px;
     --vkui--size_button_small_height--compact: 28px;
+    --vkui--size_button_medium_height--regular: 36px;
+    --vkui--size_button_medium_height--compact: 32px;
+    --vkui--size_button_large_height--regular: 44px;
+    --vkui--size_button_large_height--compact: 36px;
     --vkui--size_checkbox--regular: 16px;
     --vkui--size_arrow--regular: 8px;
     --vkui--size_arrow_promo--regular: 40px;
@@ -173,6 +177,7 @@
     --vkui--animation_easing_default: cubic-bezier(0.3, 0.3, 0.5, 1);
     --vkui--opacity_disable: 0.4;
     --vkui--opacity_disable_accessibility: 0.64;
+    --vkui--opacity_active: 0.72;
     --vkui--z_index_modal: 99;
     --vkui--z_index_popout: 100;
     --vkui--font_headline--font_size--regular: 16px;
@@ -213,6 +218,9 @@
     --vkui--color_background_accent_alternative--active: #237EDD;
     --vkui--color_background_content--hover: #F5F5F7;
     --vkui--color_background_content--active: #EBECEF;
+    --vkui--color_background_content_alpha: rgba(255, 255, 255, 0.8);
+    --vkui--color_background_content_alpha--hover: rgba(255, 255, 255, 0.84);
+    --vkui--color_background_content_alpha--active: rgba(255, 255, 255, 0.88);
     --vkui--color_background_content_inverse: #19191A;
     --vkui--color_background_content_inverse--hover: #18191B;
     --vkui--color_background_content_inverse--active: #17181D;
@@ -315,6 +323,9 @@
     --vkui--color_stroke_contrast: #ffffff;
     --vkui--color_stroke_contrast--hover: #F5F5F7;
     --vkui--color_stroke_contrast--active: #EBECEF;
+    --vkui--color_stroke_primary: #2C2D2E;
+    --vkui--color_stroke_primary--hover: #2A2C2F;
+    --vkui--color_stroke_primary--active: #282B2F;
     --vkui--color_image_border_alpha: rgba(0, 0, 0, 0.08);
     --vkui--color_image_border_alpha--hover: rgba(0, 0, 0, 0.12);
     --vkui--color_image_border_alpha--active: rgba(0, 0, 0, 0.16);
@@ -749,6 +760,9 @@
     --vkui--color_background_accent_themed_alpha--active: rgba(255, 255, 255, 0.28);
     --vkui--color_background_accent_tint--hover: #61A2FF;
     --vkui--color_background_accent_tint--active: #67A6FF;
+    --vkui--color_background_content_alpha: rgba(25, 25, 26, 0.8);
+    --vkui--color_background_content_alpha--hover: rgba(25, 25, 26, 0.84);
+    --vkui--color_background_content_alpha--active: rgba(25, 25, 26, 0.88);
     --vkui--color_background_content_inverse: #FFFFFF;
     --vkui--color_background_content_inverse--hover: #EBEDF0;
     --vkui--color_background_content_inverse--active: #D7D8DB;
@@ -830,6 +844,9 @@
     --vkui--color_stroke_contrast: #FFFFFF;
     --vkui--color_stroke_contrast--hover: #EBEDF0;
     --vkui--color_stroke_contrast--active: #D7D8DB;
+    --vkui--color_stroke_primary: #E1E3E6;
+    --vkui--color_stroke_primary--hover: #E2E4E7;
+    --vkui--color_stroke_primary--active: #E3E5E8;
     --vkui--color_image_border_alpha: rgba(255, 255, 255, 0.08);
     --vkui--color_image_border_alpha--hover: rgba(255, 255, 255, 0.12);
     --vkui--color_image_border_alpha--active: rgba(255, 255, 255, 0.16);

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

@@ -1 +1 @@
-{"version":3,"file":"getMergedSameEventsByProps.d.ts","sourceRoot":"","sources":["../../src/helpers/getMergedSameEventsByProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAOtD;;;;;;;GAOG;AACH,eAAO,MAAM,0BAA0B,GACrC,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAC9E,SAAS,SAAS,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EACzC,iBAAiB,SAAS,qBAAqB,CAAC,SAAS,CAAC,aAE/C,SAAS,eACP,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,KACnC,GACA,CAAC,IAAI,MAAM,iBAAiB,CAAC,CAAC,EAC3B,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,GAChE,SAAS,GAwBd,CAAC"}
+{"version":3,"file":"getMergedSameEventsByProps.d.ts","sourceRoot":"","sources":["../../src/helpers/getMergedSameEventsByProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAOtD;;;;;;;GAOG;AACH,eAAO,MAAM,0BAA0B,GACrC,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAC9E,SAAS,SAAS,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EACzC,iBAAiB,SAAS,qBAAqB,CAAC,SAAS,CAAC,EAE1D,WAAW,SAAS,EACpB,aAAa,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,KACnC,GACA,CAAC,IAAI,MAAM,iBAAiB,CAAC,CAAC,EAC3B,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,GAChE,SAAS,GAwBd,CAAC"}

package/dist/helpers/getValueByKey.d.ts

@@ -0,0 +1,5 @@
+export declare const getRequiredValueByKey: <VALUE, KEY extends PropertyKey = PropertyKey>(key: KEY, map: Record<KEY, VALUE>) => VALUE;
+export declare const getValueByKey: <VALUE, KEY extends PropertyKey = PropertyKey>(key: KEY, map: {
+    [key: string]: VALUE;
+}, defaultValue: VALUE) => VALUE;
+//# sourceMappingURL=getValueByKey.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getValueByKey.d.ts","sourceRoot":"","sources":["../../src/helpers/getValueByKey.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,GAAI,KAAK,EAAE,GAAG,SAAS,WAAW,GAAG,WAAW,EAChF,KAAK,GAAG,EACR,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,KACtB,KAKF,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,KAAK,EAAE,GAAG,SAAS,WAAW,GAAG,WAAW,EACxE,KAAK,GAAG,EACR,KAAK;IACH,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC;CACtB,EACD,cAAc,KAAK,KAClB,KAQF,CAAC"}

package/dist/helpers/getValueByKey.js

@@ -0,0 +1,17 @@
+export const getRequiredValueByKey = (key, map)=>{
+    if (!map.hasOwnProperty(key)) {
+        throw new Error(`getRequiredValueByKey(${key})`);
+    }
+    return map[key];
+};
+export const getValueByKey = (key, map, defaultValue)=>{
+    if (!map.hasOwnProperty(key)) {
+        if (defaultValue) {
+            return defaultValue;
+        }
+        throw new Error(`getValueByKey(${String(key)})`);
+    }
+    return map[key];
+};
+
+//# sourceMappingURL=getValueByKey.js.map

package/dist/helpers/getValueByKey.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/helpers/getValueByKey.ts"],"sourcesContent":["export const getRequiredValueByKey = <VALUE, KEY extends PropertyKey = PropertyKey>(\n  key: KEY,\n  map: Record<KEY, VALUE>,\n): VALUE => {\n  if (!map.hasOwnProperty(key)) {\n    throw new Error(`getRequiredValueByKey(${key})`);\n  }\n  return map[key];\n};\n\nexport const getValueByKey = <VALUE, KEY extends PropertyKey = PropertyKey>(\n  key: KEY,\n  map: {\n    [key: string]: VALUE;\n  },\n  defaultValue: VALUE,\n): VALUE => {\n  if (!map.hasOwnProperty(key)) {\n    if (defaultValue) {\n      return defaultValue;\n    }\n    throw new Error(`getValueByKey(${String(key)})`);\n  }\n  return map[key];\n};\n"],"names":["getRequiredValueByKey","key","map","hasOwnProperty","Error","getValueByKey","defaultValue","String"],"mappings":"AAAA,OAAO,MAAMA,wBAAwB,CACnCC,KACAC;IAEA,IAAI,CAACA,IAAIC,cAAc,CAACF,MAAM;QAC5B,MAAM,IAAIG,MAAM,CAAC,sBAAsB,EAAEH,IAAI,CAAC,CAAC;IACjD;IACA,OAAOC,GAAG,CAACD,IAAI;AACjB,EAAE;AAEF,OAAO,MAAMI,gBAAgB,CAC3BJ,KACAC,KAGAI;IAEA,IAAI,CAACJ,IAAIC,cAAc,CAACF,MAAM;QAC5B,IAAIK,cAAc;YAChB,OAAOA;QACT;QACA,MAAM,IAAIF,MAAM,CAAC,cAAc,EAAEG,OAAON,KAAK,CAAC,CAAC;IACjD;IACA,OAAOC,GAAG,CAACD,IAAI;AACjB,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"file":"math.d.ts","sourceRoot":"","sources":["../../src/helpers/math.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,UAAW,MAAM,OAAO,MAAM,OAAO,MAAM,KAAG,MAC3B,CAAC;AAEtC,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,SAAI,GAAG,MAAM,CAGpE;AAgCD,wBAAgB,OAAO,CACrB,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EACtB,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EACpB,OAAO,GAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAO,GAC9B,MAAM,CAGR"}
+{"version":3,"file":"math.d.ts","sourceRoot":"","sources":["../../src/helpers/math.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,KAAG,MAC3B,CAAC;AAEtC,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,SAAI,GAAG,MAAM,CAGpE;AAgCD,wBAAgB,OAAO,CACrB,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EACtB,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EACpB,OAAO,GAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAO,GAC9B,MAAM,CAGR"}

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAdaptivityConditionalRender/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EAEnB,KAAK,aAAa,EACnB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,KAAK,EACV,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,wBAAwB,EACxB,YAAY,EACZ,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,mBAAmB,SACxB,SAAS,GAAG,cAAc,0BACR,YAAY,0BACZ,YAAY,KACnC,gBAKF,CAAC;AAEF,eAAO,MAAM,oBAAoB,cACpB,SAAS,GAAG,aAAa,qBACjB,MAAM,CAAC,uBAAuB,EAAE,YAAY,CAAC,KAC/D,iBAeF,CAAC;AAEF,eAAO,MAAM,qBAAqB,cACrB,SAAS,GAAG,aAAa,cACxB,SAAS,GAAG,cAAc,cAC1B,SAAS,GAAG,OAAO,YACrB,YAAY,sBACF,MAAM,CAAC,wBAAwB,EAAE,YAAY,CAAC,KACjE,kBAqBF,CAAC"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAdaptivityConditionalRender/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EAEnB,KAAK,aAAa,EACnB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,KAAK,EACV,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,wBAAwB,EACxB,YAAY,EACZ,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,mBAAmB,GAC9B,MAAM,SAAS,GAAG,cAAc,EAChC,wBAAwB,YAAY,EACpC,wBAAwB,YAAY,KACnC,gBAKF,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,WAAW,SAAS,GAAG,aAAa,EACpC,mBAAmB,MAAM,CAAC,uBAAuB,EAAE,YAAY,CAAC,KAC/D,iBAeF,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,WAAW,SAAS,GAAG,aAAa,EACpC,YAAY,SAAS,GAAG,cAAc,EACtC,YAAY,SAAS,GAAG,OAAO,EAC/B,UAAU,YAAY,EACtB,oBAAoB,MAAM,CAAC,wBAAwB,EAAE,YAAY,CAAC,KACjE,kBAqBF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useAutoDetectColorScheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutoDetectColorScheme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAe,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAKvE;;GAEG;AACH,eAAO,MAAM,wBAAwB,qBAAsB,eAAe,KAAG,eA6B5E,CAAC"}
+{"version":3,"file":"useAutoDetectColorScheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutoDetectColorScheme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAe,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAKvE;;GAEG;AACH,eAAO,MAAM,wBAAwB,GAAI,kBAAkB,eAAe,KAAG,eA6B5E,CAAC"}

package/dist/hooks/useAutoDetectDirection.d.ts

@@ -0,0 +1,3 @@
+import { type Direction } from '../lib/direction';
+export declare const useAutoDetectDirection: (directionProp: Direction | undefined) => Direction;
+//# sourceMappingURL=useAutoDetectDirection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoDetectDirection.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutoDetectDirection.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGlD,eAAO,MAAM,sBAAsB,GAAI,eAAe,SAAS,GAAG,SAAS,KAAG,SAa7E,CAAC"}

package/dist/hooks/useAutoDetectDirection.js

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { useDOM } from "../lib/dom.js";
+export const useAutoDetectDirection = (directionProp)=>{
+    const { window, document } = useDOM();
+    return React.useMemo(()=>{
+        if (directionProp) {
+            return directionProp;
+        }
+        if (!window || !document) {
+            return 'ltr';
+        }
+        const styleDeclaration = window.getComputedStyle(document.body);
+        return styleDeclaration.direction || 'ltr';
+    }, [
+        directionProp,
+        document,
+        window
+    ]);
+};
+
+//# sourceMappingURL=useAutoDetectDirection.js.map

package/dist/hooks/useAutoDetectDirection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useAutoDetectDirection.ts"],"sourcesContent":["import * as React from 'react';\nimport { type Direction } from '../lib/direction';\nimport { useDOM } from '../lib/dom';\n\nexport const useAutoDetectDirection = (directionProp: Direction | undefined): Direction => {\n  const { window, document } = useDOM();\n\n  return React.useMemo(() => {\n    if (directionProp) {\n      return directionProp;\n    }\n    if (!window || !document) {\n      return 'ltr';\n    }\n    const styleDeclaration = window.getComputedStyle(document.body);\n    return (styleDeclaration.direction as Direction) || 'ltr';\n  }, [directionProp, document, window]);\n};\n"],"names":["React","useDOM","useAutoDetectDirection","directionProp","window","document","useMemo","styleDeclaration","getComputedStyle","body","direction"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,MAAM,QAAQ,gBAAa;AAEpC,OAAO,MAAMC,yBAAyB,CAACC;IACrC,MAAM,EAAEC,MAAM,EAAEC,QAAQ,EAAE,GAAGJ;IAE7B,OAAOD,MAAMM,OAAO,CAAC;QACnB,IAAIH,eAAe;YACjB,OAAOA;QACT;QACA,IAAI,CAACC,UAAU,CAACC,UAAU;YACxB,OAAO;QACT;QACA,MAAME,mBAAmBH,OAAOI,gBAAgB,CAACH,SAASI,IAAI;QAC9D,OAAO,AAACF,iBAAiBG,SAAS,IAAkB;IACtD,GAAG;QAACP;QAAeE;QAAUD;KAAO;AACtC,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"file":"useBooleanState.d.ts","sourceRoot":"","sources":["../../src/hooks/useBooleanState.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,8BAEzB;IACD,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;CAiBpB,CAAC"}
+{"version":3,"file":"useBooleanState.d.ts","sourceRoot":"","sources":["../../src/hooks/useBooleanState.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,GAC1B,sBAAoB,KACnB;IACD,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;CAiBpB,CAAC"}

package/dist/hooks/useConfigDirection.d.ts

@@ -0,0 +1,3 @@
+import { type Direction } from '../lib/direction';
+export declare function useConfigDirection(): Direction;
+//# sourceMappingURL=useConfigDirection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useConfigDirection.d.ts","sourceRoot":"","sources":["../../src/hooks/useConfigDirection.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,wBAAgB,kBAAkB,IAAI,SAAS,CAI9C"}

package/dist/hooks/useConfigDirection.js

@@ -0,0 +1,7 @@
+import { useConfigProvider } from "../components/ConfigProvider/ConfigProviderContext.js";
+export function useConfigDirection() {
+    const { direction } = useConfigProvider();
+    return direction || 'ltr';
+}
+
+//# sourceMappingURL=useConfigDirection.js.map

package/dist/hooks/useConfigDirection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useConfigDirection.ts"],"sourcesContent":["import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport { type Direction } from '../lib/direction';\n\nexport function useConfigDirection(): Direction {\n  const { direction } = useConfigProvider();\n\n  return direction || 'ltr';\n}\n"],"names":["useConfigProvider","useConfigDirection","direction"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,wDAAqD;AAGvF,OAAO,SAASC;IACd,MAAM,EAAEC,SAAS,EAAE,GAAGF;IAEtB,OAAOE,aAAa;AACtB"}

package/dist/hooks/useDraggableWithDomApi/autoScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autoScroll.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDraggableWithDomApi/autoScroll.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,KAAK,CAAC;AAE5B,eAAO,MAAM,oBAAoB,YACtB,MAAM,YACL,OAAO,GAAG,MAAM,KACzB;IACD,eAAe,EAAE,OAAO,CAAC;IACzB,CAAC,EAAE,MAAM,CAAC;CA8BX,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,MAAM;IAAE,eAAe,EAAE,OAAO,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhF,eAAO,MAAM,0BAA0B,aAC3B,OAAO,GAAG,MAAM,KACzB;IACD,aAAa,EAAE,CAAC,EAAE,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACjD,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;CAiC7B,CAAC"}
+{"version":3,"file":"autoScroll.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDraggableWithDomApi/autoScroll.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,KAAK,CAAC;AAE5B,eAAO,MAAM,oBAAoB,GAC/B,SAAS,MAAM,EACf,UAAU,OAAO,GAAG,MAAM,KACzB;IACD,eAAe,EAAE,OAAO,CAAC;IACzB,CAAC,EAAE,MAAM,CAAC;CA8BX,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,MAAM;IAAE,eAAe,EAAE,OAAO,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhF,eAAO,MAAM,0BAA0B,GACrC,UAAU,OAAO,GAAG,MAAM,KACzB;IACD,aAAa,EAAE,CAAC,EAAE,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACjD,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;CAiC7B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useDraggableWithDomApi.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDraggableWithDomApi/useDraggableWithDomApi.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAKV,YAAY,EACZ,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAajB,eAAO,MAAM,sBAAsB,GAAI,CAAC,SAAS,WAAW,2CAGzD,iBAAiB,CAAC,CAAC,CAAC,KAAG,YA2QzB,CAAC"}
+{"version":3,"file":"useDraggableWithDomApi.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDraggableWithDomApi/useDraggableWithDomApi.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAKV,YAAY,EACZ,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAajB,eAAO,MAAM,sBAAsB,GAAI,CAAC,SAAS,WAAW,EAAE,yCAG3D,iBAAiB,CAAC,CAAC,CAAC,KAAG,YA2QzB,CAAC"}

package/dist/hooks/useDraggableWithDomApi/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDraggableWithDomApi/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAErF,eAAO,MAAM,4BAA4B,YAC9B,MAAM,UACP,OAAO,KACd;IACD,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;CAOnB,CAAC;AAEF,eAAO,MAAM,0BAA0B,eAAgB,WAAW,cAAc,MAAM,KAAG,IAIxF,CAAC;AAEF,eAAO,MAAM,0BAA0B,sDAOlC,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,SAAS,CAAC,6BAE3C,IAUF,CAAC;AAEF,eAAO,MAAM,4BAA4B,2BAA4B,YAAY,KAAG,IAcnF,CAAC;AAEF,eAAO,MAAM,8BAA8B,WAAY,YAAY,KAAG,IAYrE,CAAC;AAEF,eAAO,MAAM,+BAA+B,2BAA4B,eAAe,KAAG,IAYzF,CAAC;AAEF,eAAO,MAAM,iCAAiC,WAAY,eAAe,KAAG,IAM3E,CAAC;AAEF,eAAO,MAAM,2BAA2B,oCACL,WAAW,6BAE3C,IAUF,CAAC;AAEF,eAAO,MAAM,6BAA6B,WAAY,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,KAAG,IAMpF,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDraggableWithDomApi/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAErF,eAAO,MAAM,4BAA4B,GACvC,SAAS,MAAM,EACf,QAAQ,OAAO,KACd;IACD,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;CAOnB,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,YAAY,WAAW,EAAE,YAAY,MAAM,KAAG,IAIxF,CAAC;AAEF,eAAO,MAAM,0BAA0B,GACrC,mDAMG,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,SAAS,CAAC,EAC5C,sBAAiB,KAChB,IAUF,CAAC;AAEF,eAAO,MAAM,4BAA4B,GAAI,wBAAwB,YAAY,KAAG,IAcnF,CAAC;AAEF,eAAO,MAAM,8BAA8B,GAAI,QAAQ,YAAY,KAAG,IAYrE,CAAC;AAEF,eAAO,MAAM,+BAA+B,GAAI,wBAAwB,eAAe,KAAG,IAYzF,CAAC;AAEF,eAAO,MAAM,iCAAiC,GAAI,QAAQ,eAAe,KAAG,IAM3E,CAAC;AAEF,eAAO,MAAM,2BAA2B,GACtC,iCAAiC,WAAW,EAC5C,sBAAiB,KAChB,IAUF,CAAC;AAEF,eAAO,MAAM,6BAA6B,GAAI,QAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,KAAG,IAMpF,CAAC"}

package/dist/hooks/useFloatingElement.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { type Ref } from 'react';
+import { type OnPlacementChange, type UseFloatingMiddlewaresBootstrapOptions, type UseFloatingWithInteractionsProps, type UseFloatingWithInteractionsReturn } from '../lib/floating';
+import { type ReferenceProps } from '../lib/floating/useFloatingWithInteractions/types';
+export type FloatingComponentProps<FloatingElement extends HTMLElement = HTMLElement> = Pick<UseFloatingWithInteractionsReturn, 'shown' | 'willBeHide' | 'floatingProps' | 'middlewareData' | 'onClose' | 'onRestoreFocus' | 'placement'> & {
+    floatingRef: React.Ref<FloatingElement>;
+    setArrowRef: React.Dispatch<React.SetStateAction<HTMLDivElement | null>>;
+};
+export type RenderFloatingComponentFn<FloatingElement extends HTMLElement = HTMLElement> = (props: FloatingComponentProps<FloatingElement>) => React.ReactNode | null;
+export type RemapReferencePropsFn<ReferenceElement extends HTMLElement = HTMLElement> = (props: ReferenceProps<ReferenceElement> & {
+    shown: boolean;
+}) => ReferenceProps<ReferenceElement>;
+export type UseFloatingElementProps<FloatingElement extends HTMLElement = HTMLElement, ReferenceElement extends HTMLElement = HTMLElement> = Omit<UseFloatingMiddlewaresBootstrapOptions, 'arrowRef'> & Omit<UseFloatingWithInteractionsProps, 'placement'> & {
+    onPlacementChange?: OnPlacementChange;
+    onReferenceHiddenChange?: (hidden: boolean) => void;
+    renderFloatingComponent: RenderFloatingComponentFn<FloatingElement>;
+    remapReferenceProps?: RemapReferencePropsFn<ReferenceElement>;
+    externalFloatingElementRef?: React.Ref<FloatingElement>;
+};
+export type UseFloatingResult<ReferenceElement extends HTMLElement = HTMLElement> = {
+    anchorRef: Ref<ReferenceElement>;
+    anchorProps: ReferenceProps<ReferenceElement>;
+    component: React.ReactNode | null;
+};
+export declare const useFloatingElement: <ReferenceElement extends HTMLElement = HTMLElement, FloatingElement extends HTMLElement = HTMLElement>({ placement, arrow, arrowHeight, arrowPadding, sameWidth, offsetByMainAxis, offsetByCrossAxis, customMiddlewares, hideWhenReferenceHidden, disableFlipMiddleware, trigger, hoverDelay, closeAfterClick, disabled, disableInteractive, disableCloseOnClickOutside, disableCloseOnEscKey, defaultShown, shown: shownProp, onShownChange, onShownChanged, strategy, onReferenceHiddenChange, onPlacementChange, renderFloatingComponent, externalFloatingElementRef, remapReferenceProps, }: UseFloatingElementProps<FloatingElement, ReferenceElement>) => UseFloatingResult<ReferenceElement>;
+//# sourceMappingURL=useFloatingElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFloatingElement.d.ts","sourceRoot":"","sources":["../../src/hooks/useFloatingElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,GAAG,EAAW,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,KAAK,iBAAiB,EAEtB,KAAK,sCAAsC,EAE3C,KAAK,gCAAgC,EACrC,KAAK,iCAAiC,EAEvC,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,mDAAmD,CAAC;AAKxF,MAAM,MAAM,sBAAsB,CAAC,eAAe,SAAS,WAAW,GAAG,WAAW,IAAI,IAAI,CAC1F,iCAAiC,EAC/B,OAAO,GACP,YAAY,GACZ,eAAe,GACf,gBAAgB,GAChB,SAAS,GACT,gBAAgB,GAChB,WAAW,CACd,GAAG;IACF,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IACxC,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC,CAAC;CAC1E,CAAC;AAEF,MAAM,MAAM,yBAAyB,CAAC,eAAe,SAAS,WAAW,GAAG,WAAW,IAAI,CACzF,KAAK,EAAE,sBAAsB,CAAC,eAAe,CAAC,KAC3C,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;AAE5B,MAAM,MAAM,qBAAqB,CAAC,gBAAgB,SAAS,WAAW,GAAG,WAAW,IAAI,CACtF,KAAK,EAAE,cAAc,CAAC,gBAAgB,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,KACzD,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAEtC,MAAM,MAAM,uBAAuB,CACjC,eAAe,SAAS,WAAW,GAAG,WAAW,EACjD,gBAAgB,SAAS,WAAW,GAAG,WAAW,IAChD,IAAI,CAAC,sCAAsC,EAAE,UAAU,CAAC,GAC1D,IAAI,CAAC,gCAAgC,EAAE,WAAW,CAAC,GAAG;IACpD,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,uBAAuB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,uBAAuB,EAAE,yBAAyB,CAAC,eAAe,CAAC,CAAC;IACpE,mBAAmB,CAAC,EAAE,qBAAqB,CAAC,gBAAgB,CAAC,CAAC;IAC9D,0BAA0B,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;CACzD,CAAC;AAEJ,MAAM,MAAM,iBAAiB,CAAC,gBAAgB,SAAS,WAAW,GAAG,WAAW,IAAI;IAClF,SAAS,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACjC,WAAW,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC;IAC9C,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,gBAAgB,SAAS,WAAW,GAAG,WAAW,EAClD,eAAe,SAAS,WAAW,GAAG,WAAW,EACjD,0dAiCC,uBAAuB,CACxB,eAAe,EACf,gBAAgB,CACjB,KAAG,iBAAiB,CAAC,gBAAgB,CA4ErC,CAAC"}

package/dist/hooks/useFloatingElement.js

@@ -0,0 +1,71 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import * as React from "react";
+import { useMemo } from "react";
+import { useFloatingMiddlewaresBootstrap, useFloatingWithInteractions, usePlacementChangeCallback } from "../lib/floating/index.js";
+import { useReferenceHiddenChangeCallback } from "../lib/floating/useReferenceHiddenChangeCallback.js";
+import { useExternRef } from "./useExternRef.js";
+import { useGlobalEscKeyDown } from "./useGlobalEscKeyDown.js";
+export const useFloatingElement = ({ // useFloatingMiddlewaresBootstrap
+placement = 'bottom-start', arrow, arrowHeight, arrowPadding, sameWidth, offsetByMainAxis = 0, offsetByCrossAxis = 0, customMiddlewares, hideWhenReferenceHidden, disableFlipMiddleware = false, // useFloatingWithInteractions
+trigger, hoverDelay, closeAfterClick, disabled, disableInteractive, disableCloseOnClickOutside, disableCloseOnEscKey, defaultShown, shown: shownProp, onShownChange, onShownChanged, strategy, onReferenceHiddenChange, onPlacementChange, renderFloatingComponent, externalFloatingElementRef, remapReferenceProps })=>{
+    const [arrowRef, setArrowRef] = React.useState(null);
+    const { middlewares, strictPlacement } = useFloatingMiddlewaresBootstrap({
+        placement,
+        offsetByMainAxis,
+        offsetByCrossAxis,
+        customMiddlewares,
+        hideWhenReferenceHidden,
+        sameWidth,
+        arrow,
+        arrowRef,
+        arrowPadding,
+        arrowHeight,
+        disableFlipMiddleware
+    });
+    const { placement: resolvedPlacement, shown, willBeHide, refs, referenceProps, floatingProps, middlewareData, onClose, onRestoreFocus, onEscapeKeyDown } = useFloatingWithInteractions({
+        middlewares,
+        strategy,
+        placement: strictPlacement,
+        trigger,
+        hoverDelay,
+        closeAfterClick,
+        disabled,
+        disableInteractive,
+        disableCloseOnClickOutside,
+        disableCloseOnEscKey,
+        defaultShown,
+        shown: shownProp,
+        onShownChange,
+        onShownChanged
+    });
+    const resultRef = useExternRef(externalFloatingElementRef, refs.setFloating);
+    usePlacementChangeCallback(placement, resolvedPlacement, onPlacementChange);
+    useReferenceHiddenChangeCallback(middlewareData.hide, onReferenceHiddenChange);
+    const component = renderFloatingComponent({
+        shown,
+        willBeHide,
+        floatingProps,
+        floatingRef: resultRef,
+        middlewareData,
+        placement: resolvedPlacement,
+        onClose,
+        onRestoreFocus,
+        setArrowRef
+    });
+    useGlobalEscKeyDown(shown, onEscapeKeyDown);
+    const remappedReferenceProps = useMemo(()=>remapReferenceProps ? remapReferenceProps(_object_spread_props(_object_spread({}, referenceProps), {
+            shown
+        })) : referenceProps, [
+        remapReferenceProps,
+        shown,
+        referenceProps
+    ]);
+    return {
+        anchorRef: refs.setReference,
+        anchorProps: remappedReferenceProps,
+        component
+    };
+};
+
+//# sourceMappingURL=useFloatingElement.js.map

package/dist/hooks/useFloatingElement.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useFloatingElement.tsx"],"sourcesContent":["import * as React from 'react';\nimport { type Ref, useMemo } from 'react';\nimport {\n  type OnPlacementChange,\n  useFloatingMiddlewaresBootstrap,\n  type UseFloatingMiddlewaresBootstrapOptions,\n  useFloatingWithInteractions,\n  type UseFloatingWithInteractionsProps,\n  type UseFloatingWithInteractionsReturn,\n  usePlacementChangeCallback,\n} from '../lib/floating';\nimport { type ReferenceProps } from '../lib/floating/useFloatingWithInteractions/types';\nimport { useReferenceHiddenChangeCallback } from '../lib/floating/useReferenceHiddenChangeCallback';\nimport { useExternRef } from './useExternRef';\nimport { useGlobalEscKeyDown } from './useGlobalEscKeyDown';\n\nexport type FloatingComponentProps<FloatingElement extends HTMLElement = HTMLElement> = Pick<\n  UseFloatingWithInteractionsReturn,\n  | 'shown'\n  | 'willBeHide'\n  | 'floatingProps'\n  | 'middlewareData'\n  | 'onClose'\n  | 'onRestoreFocus'\n  | 'placement'\n> & {\n  floatingRef: React.Ref<FloatingElement>;\n  setArrowRef: React.Dispatch<React.SetStateAction<HTMLDivElement | null>>;\n};\n\nexport type RenderFloatingComponentFn<FloatingElement extends HTMLElement = HTMLElement> = (\n  props: FloatingComponentProps<FloatingElement>,\n) => React.ReactNode | null;\n\nexport type RemapReferencePropsFn<ReferenceElement extends HTMLElement = HTMLElement> = (\n  props: ReferenceProps<ReferenceElement> & { shown: boolean },\n) => ReferenceProps<ReferenceElement>;\n\nexport type UseFloatingElementProps<\n  FloatingElement extends HTMLElement = HTMLElement,\n  ReferenceElement extends HTMLElement = HTMLElement,\n> = Omit<UseFloatingMiddlewaresBootstrapOptions, 'arrowRef'> &\n  Omit<UseFloatingWithInteractionsProps, 'placement'> & {\n    onPlacementChange?: OnPlacementChange;\n    onReferenceHiddenChange?: (hidden: boolean) => void;\n    renderFloatingComponent: RenderFloatingComponentFn<FloatingElement>;\n    remapReferenceProps?: RemapReferencePropsFn<ReferenceElement>;\n    externalFloatingElementRef?: React.Ref<FloatingElement>;\n  };\n\nexport type UseFloatingResult<ReferenceElement extends HTMLElement = HTMLElement> = {\n  anchorRef: Ref<ReferenceElement>;\n  anchorProps: ReferenceProps<ReferenceElement>;\n  component: React.ReactNode | null;\n};\n\nexport const useFloatingElement = <\n  ReferenceElement extends HTMLElement = HTMLElement,\n  FloatingElement extends HTMLElement = HTMLElement,\n>({\n  // useFloatingMiddlewaresBootstrap\n  placement = 'bottom-start',\n  arrow,\n  arrowHeight,\n  arrowPadding,\n  sameWidth,\n  offsetByMainAxis = 0,\n  offsetByCrossAxis = 0,\n  customMiddlewares,\n  hideWhenReferenceHidden,\n  disableFlipMiddleware = false,\n\n  // useFloatingWithInteractions\n  trigger,\n  hoverDelay,\n  closeAfterClick,\n  disabled,\n  disableInteractive,\n  disableCloseOnClickOutside,\n  disableCloseOnEscKey,\n  defaultShown,\n  shown: shownProp,\n  onShownChange,\n  onShownChanged,\n  strategy,\n  onReferenceHiddenChange,\n\n  onPlacementChange,\n\n  renderFloatingComponent,\n  externalFloatingElementRef,\n  remapReferenceProps,\n}: UseFloatingElementProps<\n  FloatingElement,\n  ReferenceElement\n>): UseFloatingResult<ReferenceElement> => {\n  const [arrowRef, setArrowRef] = React.useState<HTMLDivElement | null>(null);\n\n  const { middlewares, strictPlacement } = useFloatingMiddlewaresBootstrap({\n    placement,\n    offsetByMainAxis,\n    offsetByCrossAxis,\n    customMiddlewares,\n    hideWhenReferenceHidden,\n    sameWidth,\n    arrow,\n    arrowRef,\n    arrowPadding,\n    arrowHeight,\n    disableFlipMiddleware,\n  });\n\n  const {\n    placement: resolvedPlacement,\n    shown,\n    willBeHide,\n    refs,\n    referenceProps,\n    floatingProps,\n    middlewareData,\n    onClose,\n    onRestoreFocus,\n    onEscapeKeyDown,\n  } = useFloatingWithInteractions({\n    middlewares,\n    strategy,\n    placement: strictPlacement,\n    trigger,\n    hoverDelay,\n    closeAfterClick,\n    disabled,\n    disableInteractive,\n    disableCloseOnClickOutside,\n    disableCloseOnEscKey,\n    defaultShown,\n    shown: shownProp,\n    onShownChange,\n    onShownChanged,\n  });\n\n  const resultRef = useExternRef<FloatingElement>(externalFloatingElementRef, refs.setFloating);\n\n  usePlacementChangeCallback(placement, resolvedPlacement, onPlacementChange);\n\n  useReferenceHiddenChangeCallback(middlewareData.hide, onReferenceHiddenChange);\n\n  const component = renderFloatingComponent({\n    shown,\n    willBeHide,\n    floatingProps,\n    floatingRef: resultRef,\n    middlewareData,\n    placement: resolvedPlacement,\n    onClose,\n    onRestoreFocus,\n    setArrowRef,\n  });\n\n  useGlobalEscKeyDown(shown, onEscapeKeyDown);\n\n  const remappedReferenceProps = useMemo(\n    () =>\n      remapReferenceProps ? remapReferenceProps({ ...referenceProps, shown }) : referenceProps,\n    [remapReferenceProps, shown, referenceProps],\n  );\n\n  return {\n    anchorRef: refs.setReference,\n    anchorProps: remappedReferenceProps,\n    component,\n  };\n};\n"],"names":["React","useMemo","useFloatingMiddlewaresBootstrap","useFloatingWithInteractions","usePlacementChangeCallback","useReferenceHiddenChangeCallback","useExternRef","useGlobalEscKeyDown","useFloatingElement","placement","arrow","arrowHeight","arrowPadding","sameWidth","offsetByMainAxis","offsetByCrossAxis","customMiddlewares","hideWhenReferenceHidden","disableFlipMiddleware","trigger","hoverDelay","closeAfterClick","disabled","disableInteractive","disableCloseOnClickOutside","disableCloseOnEscKey","defaultShown","shown","shownProp","onShownChange","onShownChanged","strategy","onReferenceHiddenChange","onPlacementChange","renderFloatingComponent","externalFloatingElementRef","remapReferenceProps","arrowRef","setArrowRef","useState","middlewares","strictPlacement","resolvedPlacement","willBeHide","refs","referenceProps","floatingProps","middlewareData","onClose","onRestoreFocus","onEscapeKeyDown","resultRef","setFloating","hide","component","floatingRef","remappedReferenceProps","anchorRef","setReference","anchorProps"],"mappings":";;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAAmBC,OAAO,QAAQ,QAAQ;AAC1C,SAEEC,+BAA+B,EAE/BC,2BAA2B,EAG3BC,0BAA0B,QACrB,2BAAkB;AAEzB,SAASC,gCAAgC,QAAQ,sDAAmD;AACpG,SAASC,YAAY,QAAQ,oBAAiB;AAC9C,SAASC,mBAAmB,QAAQ,2BAAwB;AA0C5D,OAAO,MAAMC,qBAAqB,CAGhC,EACA,kCAAkC;AAClCC,YAAY,cAAc,EAC1BC,KAAK,EACLC,WAAW,EACXC,YAAY,EACZC,SAAS,EACTC,mBAAmB,CAAC,EACpBC,oBAAoB,CAAC,EACrBC,iBAAiB,EACjBC,uBAAuB,EACvBC,wBAAwB,KAAK,EAE7B,8BAA8B;AAC9BC,OAAO,EACPC,UAAU,EACVC,eAAe,EACfC,QAAQ,EACRC,kBAAkB,EAClBC,0BAA0B,EAC1BC,oBAAoB,EACpBC,YAAY,EACZC,OAAOC,SAAS,EAChBC,aAAa,EACbC,cAAc,EACdC,QAAQ,EACRC,uBAAuB,EAEvBC,iBAAiB,EAEjBC,uBAAuB,EACvBC,0BAA0B,EAC1BC,mBAAmB,EAIpB;IACC,MAAM,CAACC,UAAUC,YAAY,GAAGtC,MAAMuC,QAAQ,CAAwB;IAEtE,MAAM,EAAEC,WAAW,EAAEC,eAAe,EAAE,GAAGvC,gCAAgC;QACvEO;QACAK;QACAC;QACAC;QACAC;QACAJ;QACAH;QACA2B;QACAzB;QACAD;QACAO;IACF;IAEA,MAAM,EACJT,WAAWiC,iBAAiB,EAC5Bf,KAAK,EACLgB,UAAU,EACVC,IAAI,EACJC,cAAc,EACdC,aAAa,EACbC,cAAc,EACdC,OAAO,EACPC,cAAc,EACdC,eAAe,EAChB,GAAG/C,4BAA4B;QAC9BqC;QACAT;QACAtB,WAAWgC;QACXtB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC,OAAOC;QACPC;QACAC;IACF;IAEA,MAAMqB,YAAY7C,aAA8B6B,4BAA4BS,KAAKQ,WAAW;IAE5FhD,2BAA2BK,WAAWiC,mBAAmBT;IAEzD5B,iCAAiC0C,eAAeM,IAAI,EAAErB;IAEtD,MAAMsB,YAAYpB,wBAAwB;QACxCP;QACAgB;QACAG;QACAS,aAAaJ;QACbJ;QACAtC,WAAWiC;QACXM;QACAC;QACAX;IACF;IAEA/B,oBAAoBoB,OAAOuB;IAE3B,MAAMM,yBAAyBvD,QAC7B,IACEmC,sBAAsBA,oBAAoB,wCAAKS;YAAgBlB;cAAWkB,gBAC5E;QAACT;QAAqBT;QAAOkB;KAAe;IAG9C,OAAO;QACLY,WAAWb,KAAKc,YAAY;QAC5BC,aAAaH;QACbF;IACF;AACF,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"file":"useFocusTrap.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusTrap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAoB,MAAM,OAAO,CAAC;AAiFzD,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC;IACvD;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,QAClB,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,mEAQ/B,iBAAiB,SAyJrB,CAAC"}
+{"version":3,"file":"useFocusTrap.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusTrap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAoB,MAAM,OAAO,CAAC;AAiFzD,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC;IACvD;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,GACvB,KAAK,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAClC,iEAOG,iBAAiB,SAyJrB,CAAC"}

package/dist/hooks/useFocusVisible.d.ts

@@ -1,5 +1,13 @@
 import { type FocusEvent } from 'react';
-export declare function useFocusVisible(withKeyboardInputCheck?: boolean): {
+/**
+ * Определяет фокус элемента, когда его наличие необходимо обозначить визуально.
+ *
+ * Этот хук полезен для обозначения фокуса, когда для навигации используется
+ * клавиатура
+ *
+ * @since 7.2.0
+ */
+export declare function useFocusVisible(): {
     focusVisible: boolean;
     onFocus: (event: FocusEvent<HTMLElement>) => void;
     onBlur: (event: FocusEvent<HTMLElement>) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"useFocusVisible.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusVisible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAqC,MAAM,OAAO,CAAC;AAG3E,wBAAgB,eAAe,CAAC,sBAAsB,UAAO,GAAG;IAC9D,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAClD,MAAM,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAClD,CA2BA"}
+{"version":3,"file":"useFocusVisible.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusVisible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAqC,MAAM,OAAO,CAAC;AAG3E;;;;;;;GAOG;AACH,wBAAgB,eAAe,IAAI;IACjC,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAClD,MAAM,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAClD,CA8BA"}

package/dist/hooks/useFocusVisible.js

@@ -1,7 +1,16 @@
 import { useCallback, useContext, useState } from "react";
 import { AppRootContext } from "../components/AppRoot/AppRootContext.js";
-export function useFocusVisible(withKeyboardInputCheck = true) {
+/**
+ * Определяет фокус элемента, когда его наличие необходимо обозначить визуально.
+ *
+ * Этот хук полезен для обозначения фокуса, когда для навигации используется
+ * клавиатура
+ *
+ * @since 7.2.0
+ */ export function useFocusVisible() {
     const [isFocused, setIsFocused] = useState(false);
+    // FIXME: Избавиться от чека контекста, так как без AppRoot не работает фокус
+    const withKeyboardInputCheck = true;
     const { keyboardInput } = useContext(AppRootContext);
     const onFocus = useCallback((event)=>{
         event.stopPropagation();

package/dist/hooks/useFocusVisible.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useFocusVisible.ts"],"sourcesContent":["import { type FocusEvent, useCallback, useContext, useState } from 'react';\nimport { AppRootContext } from '../components/AppRoot/AppRootContext';\n\nexport function useFocusVisible(withKeyboardInputCheck = true): {\n  focusVisible: boolean;\n  onFocus: (event: FocusEvent<HTMLElement>) => void;\n  onBlur: (event: FocusEvent<HTMLElement>) => void;\n} {\n  const [isFocused, setIsFocused] = useState(false);\n  const { keyboardInput } = useContext(AppRootContext);\n\n  const onFocus = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(true);\n    },\n    [setIsFocused],\n  );\n\n  const onBlur = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(false);\n    },\n    [setIsFocused],\n  );\n\n  const focusVisible = withKeyboardInputCheck ? keyboardInput && isFocused : isFocused;\n\n  return {\n    focusVisible,\n    onFocus,\n    onBlur,\n  };\n}\n"],"names":["useCallback","useContext","useState","AppRootContext","useFocusVisible","withKeyboardInputCheck","isFocused","setIsFocused","keyboardInput","onFocus","event","stopPropagation","onBlur","focusVisible"],"mappings":"AAAA,SAA0BA,WAAW,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,QAAQ;AAC3E,SAASC,cAAc,QAAQ,0CAAuC;AAEtE,OAAO,SAASC,gBAAgBC,yBAAyB,IAAI;IAK3D,MAAM,CAACC,WAAWC,aAAa,GAAGL,SAAS;IAC3C,MAAM,EAAEM,aAAa,EAAE,GAAGP,WAAWE;IAErC,MAAMM,UAAUT,YACd,CAACU;QACCA,MAAMC,eAAe;QACrBJ,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMK,SAASZ,YACb,CAACU;QACCA,MAAMC,eAAe;QACrBJ,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMM,eAAeR,yBAAyBG,iBAAiBF,YAAYA;IAE3E,OAAO;QACLO;QACAJ;QACAG;IACF;AACF"}
+{"version":3,"sources":["../../src/hooks/useFocusVisible.ts"],"sourcesContent":["import { type FocusEvent, useCallback, useContext, useState } from 'react';\nimport { AppRootContext } from '../components/AppRoot/AppRootContext';\n\n/**\n * Определяет фокус элемента, когда его наличие необходимо обозначить визуально.\n *\n * Этот хук полезен для обозначения фокуса, когда для навигации используется\n * клавиатура\n *\n * @since 7.2.0\n */\nexport function useFocusVisible(): {\n  focusVisible: boolean;\n  onFocus: (event: FocusEvent<HTMLElement>) => void;\n  onBlur: (event: FocusEvent<HTMLElement>) => void;\n} {\n  const [isFocused, setIsFocused] = useState(false);\n\n  // FIXME: Избавиться от чека контекста, так как без AppRoot не работает фокус\n  const withKeyboardInputCheck = true;\n  const { keyboardInput } = useContext(AppRootContext);\n\n  const onFocus = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(true);\n    },\n    [setIsFocused],\n  );\n\n  const onBlur = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(false);\n    },\n    [setIsFocused],\n  );\n\n  const focusVisible = withKeyboardInputCheck ? keyboardInput && isFocused : isFocused;\n\n  return {\n    focusVisible,\n    onFocus,\n    onBlur,\n  };\n}\n"],"names":["useCallback","useContext","useState","AppRootContext","useFocusVisible","isFocused","setIsFocused","withKeyboardInputCheck","keyboardInput","onFocus","event","stopPropagation","onBlur","focusVisible"],"mappings":"AAAA,SAA0BA,WAAW,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,QAAQ;AAC3E,SAASC,cAAc,QAAQ,0CAAuC;AAEtE;;;;;;;CAOC,GACD,OAAO,SAASC;IAKd,MAAM,CAACC,WAAWC,aAAa,GAAGJ,SAAS;IAE3C,6EAA6E;IAC7E,MAAMK,yBAAyB;IAC/B,MAAM,EAAEC,aAAa,EAAE,GAAGP,WAAWE;IAErC,MAAMM,UAAUT,YACd,CAACU;QACCA,MAAMC,eAAe;QACrBL,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMM,SAASZ,YACb,CAACU;QACCA,MAAMC,eAAe;QACrBL,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMO,eAAeN,yBAAyBC,iBAAiBH,YAAYA;IAE3E,OAAO;QACLQ;QACAJ;QACAG;IACF;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"useGlobalEscKeyDown.d.ts","sourceRoot":"","sources":["../../src/hooks/useGlobalEscKeyDown.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,SACxB,OAAO,aACF,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,KACxC,IAgBF,CAAC"}
+{"version":3,"file":"useGlobalEscKeyDown.d.ts","sourceRoot":"","sources":["../../src/hooks/useGlobalEscKeyDown.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAC9B,MAAM,OAAO,EACb,WAAW,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,KACxC,IAgBF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useGlobalOnClickOutside.d.ts","sourceRoot":"","sources":["../../src/hooks/useGlobalOnClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,GAClC,CAAC,SAAS,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,GAAG,IAAI,EAChE,WAAW,SAAS,OAAO,sBAEjB,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,WAC5B,CAAC,EAAE,KACX,IAwBF,CAAC"}
+{"version":3,"file":"useGlobalOnClickOutside.d.ts","sourceRoot":"","sources":["../../src/hooks/useGlobalOnClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,GAClC,CAAC,SAAS,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,GAAG,IAAI,EAChE,WAAW,SAAS,OAAO,GAAG,OAAO,EAErC,UAAU,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,EACrC,GAAG,MAAM,CAAC,EAAE,KACX,IAwBF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useMutationObserver.d.ts","sourceRoot":"","sources":["../../src/hooks/useMutationObserver.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,eAAO,MAAM,mBAAmB,QACzB,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,YACrC,MAAM,IAAI,KACnB,IAcF,CAAC"}
+{"version":3,"file":"useMutationObserver.d.ts","sourceRoot":"","sources":["../../src/hooks/useMutationObserver.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,eAAO,MAAM,mBAAmB,GAC9B,KAAK,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,EAC/C,UAAU,MAAM,IAAI,KACnB,IAcF,CAAC"}