@vkontakte/vkui 8.0.2 → 8.1.1

package/dist/cssm/components/AppRoot/ScrollContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/AppRoot/ScrollContext.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { clamp } from '../../helpers/math';\nimport { useDOM } from '../../lib/dom';\nimport type { HasChildren } from '../../types';\n\nconst clearDisableScrollStyle = (node: HTMLElement) => {\n  Object.assign(node.style, {\n    position: '',\n    top: '',\n    left: '',\n    right: '',\n    overscrollBehavior: '',\n    overflowY: '',\n    overflowX: '',\n  });\n};\n\nconst getPageYOffsetWithoutKeyboardHeight = (window: Window, scrollTop: number) => {\n  // Note: здесь расчёт на то, что `clientHeight` равен `window.innerHeight`.\n  //  Это достигается тем, что тегу `html` задали`height: 100%` и у него нет отступов сверху и снизу. Если есть отступы,\n  //  то надо задать `box-sizing: border-box`, чтобы они не учитывались.\n  const diffOfClientHeightAndViewportHeight =\n    window.document.documentElement.clientHeight - window.innerHeight;\n  return scrollTop - diffOfClientHeightAndViewportHeight;\n};\n\nexport type GetScrollOptions = {\n  compensateKeyboardHeight?: boolean;\n};\n\nexport interface ScrollContextInterface {\n  getScroll: (this: void, options?: GetScrollOptions) => { x: number; y: number };\n  scrollTo: (this: void, x?: number, y?: number) => void;\n  /**\n   * Увеличивает счетчик блокировки прокрутки.\n   */\n  incrementScrollLockCounter: (this: void) => void;\n  /**\n   * Уменьшает счетчик блокировки прокрутки.\n   */\n  decrementScrollLockCounter: (this: void) => void;\n  beforeScrollLockFnSetRef?: React.RefObject<Set<() => void>>;\n}\n\nexport const ScrollContext: React.Context<ScrollContextInterface> =\n  React.createContext<ScrollContextInterface>({\n    getScroll: () => ({ x: 0, y: 0 }),\n    scrollTo: noop,\n    incrementScrollLockCounter: noop,\n    decrementScrollLockCounter: noop,\n  });\n\nexport const useScroll = (): ScrollContextInterface => React.useContext(ScrollContext);\n\n/**\n * Управляет блокировкой окна в зависимости от внутреннего счетчика.\n * Если счетчик больше нуля, требуется заблокировать прокрутку.\n */\nfunction useScrollLockController(enableScrollLock: () => void, disableScrollLock: () => void) {\n  const countRef = React.useRef(0);\n\n  const updateScrollLock = React.useCallback(() => {\n    if (countRef.current > 0) {\n      enableScrollLock();\n    } else {\n      disableScrollLock();\n    }\n  }, [enableScrollLock, disableScrollLock]);\n\n  const incrementScrollLockCounter = React.useCallback(() => {\n    countRef.current += 1;\n    updateScrollLock();\n  }, [updateScrollLock]);\n\n  const decrementScrollLockCounter = React.useCallback(() => {\n    countRef.current -= 1;\n    updateScrollLock();\n  }, [updateScrollLock]);\n\n  return [incrementScrollLockCounter, decrementScrollLockCounter];\n}\n\nexport function useManualScroll(): Pick<ScrollContextInterface, 'scrollTo' | 'getScroll'> {\n  const { scrollTo, getScroll } = React.useContext(ScrollContext);\n  return React.useMemo(\n    () => ({\n      scrollTo,\n      getScroll,\n    }),\n    [getScroll, scrollTo],\n  );\n}\n\nexport interface ScrollControllerProps extends HasChildren {\n  elRef: React.RefObject<HTMLElement | null>;\n}\n\nconst _scrollTo = ({\n  x,\n  y,\n  scrollWidth,\n  clientWidth,\n  scrollHeight,\n  clientHeight,\n  scrollLockEnabled,\n  lockedElement,\n  elementToScroll,\n}: {\n  x: number;\n  y: number;\n  scrollWidth: number;\n  clientWidth: number;\n  scrollHeight: number;\n  clientHeight: number;\n  scrollLockEnabled: boolean;\n  lockedElement: HTMLElement;\n  elementToScroll: Window | HTMLElement;\n}) => {\n  // Some iOS versions do not normalize scroll — do it manually.\n  const left = x ? clamp(x, 0, scrollWidth - clientWidth) : 0;\n  const top = y ? clamp(y, 0, scrollHeight - clientHeight) : 0;\n\n  if (scrollLockEnabled) {\n    Object.assign(lockedElement.style, {\n      left: `-${left}px`,\n      top: `-${top}px`,\n    });\n  } else {\n    elementToScroll.scrollTo({\n      left,\n      top,\n    });\n  }\n};\n\nconst _getScroll = ({\n  xOffset,\n  yOffset,\n  element,\n  scrollLockEnabled,\n  customCalcY = (v) => v,\n}: {\n  xOffset: number;\n  yOffset: number;\n  element: HTMLElement;\n  scrollLockEnabled: boolean;\n  customCalcY?: (scrollTop: number) => number;\n}) => {\n  const elementStyles = element.style;\n  const [scrollLeft, scrollTop] = scrollLockEnabled\n    ? [-parseFloat(elementStyles.left || '0'), -parseFloat(elementStyles.top || '0')]\n    : [xOffset, yOffset];\n  return {\n    x: scrollLeft || 0,\n    y: customCalcY(scrollTop) || 0,\n  };\n};\n\nexport const GlobalScrollController = ({ children }: ScrollControllerProps): React.ReactNode => {\n  const { window, document } = useDOM();\n  const beforeScrollLockFnSetRef = React.useRef<Set<() => void>>(new Set());\n  const scrollLockEnabledRef = React.useRef(false);\n\n  const getScroll = React.useCallback<ScrollContextInterface['getScroll']>(\n    (options = { compensateKeyboardHeight: true }) => {\n      if (!window || !document) {\n        return { x: 0, y: 0 };\n      }\n      return _getScroll({\n        xOffset: window.pageXOffset,\n        yOffset: window.pageYOffset,\n        element: document.documentElement,\n        scrollLockEnabled: scrollLockEnabledRef.current,\n        customCalcY: (scrollTop) =>\n          options.compensateKeyboardHeight\n            ? getPageYOffsetWithoutKeyboardHeight(window, scrollTop)\n            : scrollTop,\n      });\n    },\n    [document, window],\n  );\n  const scrollTo = React.useCallback<ScrollContextInterface['scrollTo']>(\n    (x = 0, y = 0) => {\n      if (!window || !document) {\n        return;\n      }\n      _scrollTo({\n        x,\n        y,\n\n        scrollWidth: document.body.scrollWidth,\n        clientWidth: window.innerWidth,\n\n        scrollHeight: document.body.scrollHeight,\n        clientHeight: window.innerHeight,\n\n        scrollLockEnabled: scrollLockEnabledRef.current,\n        lockedElement: document.documentElement,\n        elementToScroll: window,\n      });\n    },\n    [document, window],\n  );\n\n  const enableScrollLock = React.useCallback(() => {\n    beforeScrollLockFnSetRef.current.forEach((fn) => {\n      fn();\n    });\n    const { x: scrollX, y: scrollY } = getScroll({ compensateKeyboardHeight: false });\n    const overflowY = window!.innerWidth > document!.documentElement.clientWidth ? 'scroll' : '';\n    const overflowX = window!.innerHeight > document!.documentElement.clientHeight ? 'scroll' : '';\n\n    Object.assign(document!.documentElement.style, {\n      position: 'fixed',\n      top: `-${scrollY}px`,\n      left: `-${scrollX}px`,\n      right: '0',\n      overscrollBehavior: 'none',\n      overflowY,\n      overflowX,\n    });\n\n    scrollLockEnabledRef.current = true;\n  }, [document, getScroll, window]);\n\n  const disableScrollLock = React.useCallback(() => {\n    const scrollData = getScroll({ compensateKeyboardHeight: false });\n    clearDisableScrollStyle(document!.documentElement);\n    scrollLockEnabledRef.current = false;\n\n    scrollTo(scrollData.x, scrollData.y);\n  }, [document, getScroll, scrollTo]);\n\n  const [incrementScrollLockCounter, decrementScrollLockCounter] = useScrollLockController(\n    enableScrollLock,\n    disableScrollLock,\n  );\n\n  const scrollController = React.useMemo<ScrollContextInterface>(\n    () => ({\n      getScroll,\n      scrollTo,\n      incrementScrollLockCounter,\n      decrementScrollLockCounter,\n      beforeScrollLockFnSetRef: beforeScrollLockFnSetRef,\n    }),\n    [getScroll, scrollTo, incrementScrollLockCounter, decrementScrollLockCounter],\n  );\n\n  return <ScrollContext.Provider value={scrollController}>{children}</ScrollContext.Provider>;\n};\n\nexport const ElementScrollController = ({\n  elRef,\n  children,\n}: ScrollControllerProps): React.ReactNode => {\n  const beforeScrollLockFnSetRef = React.useRef<Set<() => void>>(new Set());\n  const scrollLockEnabledRef = React.useRef(false);\n\n  const getScroll = React.useCallback<ScrollContextInterface['getScroll']>(() => {\n    const element = elRef.current;\n    if (!element) {\n      return { x: 0, y: 0 };\n    }\n    return _getScroll({\n      xOffset: element.scrollLeft,\n      yOffset: element.scrollTop,\n      element: element,\n      scrollLockEnabled: scrollLockEnabledRef.current,\n    });\n  }, [elRef]);\n\n  const scrollTo = React.useCallback<ScrollContextInterface['scrollTo']>(\n    (x = 0, y = 0) => {\n      const el = elRef.current;\n      if (!el) {\n        return;\n      }\n      _scrollTo({\n        x,\n        y,\n\n        scrollWidth: el.scrollWidth,\n        clientWidth: el.clientWidth,\n\n        scrollHeight: el.scrollHeight,\n        clientHeight: el.clientHeight,\n\n        scrollLockEnabled: scrollLockEnabledRef.current,\n        lockedElement: el,\n        elementToScroll: el,\n      });\n    },\n    [elRef],\n  );\n\n  const enableScrollLock = React.useCallback(() => {\n    const el = elRef.current;\n    if (!el) {\n      return;\n    }\n    beforeScrollLockFnSetRef.current.forEach((fn) => {\n      fn();\n    });\n\n    const { x: scrollX, y: scrollY } = getScroll();\n\n    const overflowY = el.scrollWidth > el.clientWidth ? 'scroll' : '';\n    const overflowX = el.scrollHeight > el.clientHeight ? 'scroll' : '';\n\n    Object.assign(el.style, {\n      position: 'absolute',\n      right: '0',\n      top: `-${scrollY}px`,\n      left: `-${scrollX}px`,\n      overflowY,\n      overflowX,\n    });\n    scrollLockEnabledRef.current = true;\n  }, [elRef, getScroll]);\n\n  const disableScrollLock = React.useCallback(() => {\n    const el = elRef.current;\n    if (!el) {\n      return;\n    }\n\n    const scrollData = getScroll();\n    clearDisableScrollStyle(el);\n    scrollLockEnabledRef.current = false;\n\n    scrollTo(scrollData.x, scrollData.y);\n  }, [elRef, getScroll, scrollTo]);\n\n  const [incrementScrollLockCounter, decrementScrollLockCounter] = useScrollLockController(\n    enableScrollLock,\n    disableScrollLock,\n  );\n\n  const scrollController = React.useMemo<ScrollContextInterface>(\n    () => ({\n      getScroll,\n      scrollTo,\n      incrementScrollLockCounter,\n      decrementScrollLockCounter,\n      beforeScrollLockFnSetRef,\n    }),\n    [getScroll, scrollTo, incrementScrollLockCounter, decrementScrollLockCounter],\n  );\n\n  return <ScrollContext.Provider value={scrollController}>{children}</ScrollContext.Provider>;\n};\n\n/**\n * Блокирует прокрутку окна.\n *\n * @param enabled - Если false то не будет блокировать.\n */\nexport const useScrollLock = (enabled = true): void => {\n  const { incrementScrollLockCounter, decrementScrollLockCounter } = useScroll();\n\n  React.useEffect(() => {\n    if (enabled) {\n      incrementScrollLockCounter();\n      return decrementScrollLockCounter;\n    }\n\n    return noop;\n  }, [enabled, incrementScrollLockCounter, decrementScrollLockCounter]);\n};\n"],"names":["React","noop","clamp","useDOM","clearDisableScrollStyle","node","Object","assign","style","position","top","left","right","overscrollBehavior","overflowY","overflowX","getPageYOffsetWithoutKeyboardHeight","window","scrollTop","diffOfClientHeightAndViewportHeight","document","documentElement","clientHeight","innerHeight","ScrollContext","createContext","getScroll","x","y","scrollTo","incrementScrollLockCounter","decrementScrollLockCounter","useScroll","useContext","useScrollLockController","enableScrollLock","disableScrollLock","countRef","useRef","updateScrollLock","useCallback","current","useManualScroll","useMemo","_scrollTo","scrollWidth","clientWidth","scrollHeight","scrollLockEnabled","lockedElement","elementToScroll","_getScroll","xOffset","yOffset","element","customCalcY","v","elementStyles","scrollLeft","parseFloat","GlobalScrollController","children","beforeScrollLockFnSetRef","Set","scrollLockEnabledRef","options","compensateKeyboardHeight","pageXOffset","pageYOffset","body","innerWidth","forEach","fn","scrollX","scrollY","scrollData","scrollController","Provider","value","ElementScrollController","elRef","el","useScrollLock","enabled","useEffect"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/AppRoot/ScrollContext.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { clamp } from '../../helpers/math';\nimport { useDOM } from '../../lib/dom';\nimport type { HasChildren } from '../../types';\n\nconst clearDisableScrollStyle = (node: HTMLElement) => {\n  Object.assign(node.style, {\n    position: '',\n    top: '',\n    left: '',\n    right: '',\n    overscrollBehavior: '',\n    overflowY: '',\n    overflowX: '',\n  });\n};\n\nconst getPageYOffsetWithoutKeyboardHeight = (window: Window, scrollTop: number) => {\n  // Note: здесь расчёт на то, что `clientHeight` равен `window.innerHeight`.\n  //  Это достигается тем, что тегу `html` задали`height: 100%` и у него нет отступов сверху и снизу. Если есть отступы,\n  //  то надо задать `box-sizing: border-box`, чтобы они не учитывались.\n  const diffOfClientHeightAndViewportHeight =\n    window.document.documentElement.clientHeight - window.innerHeight;\n  return scrollTop - diffOfClientHeightAndViewportHeight;\n};\n\nexport type GetScrollOptions = {\n  compensateKeyboardHeight?: boolean | undefined;\n};\n\nexport interface ScrollContextInterface {\n  getScroll: (this: void, options?: GetScrollOptions) => { x: number | undefined; y: number };\n  scrollTo: (this: void, x?: number | undefined, y?: number) => void;\n  /**\n   * Увеличивает счетчик блокировки прокрутки.\n   */\n  incrementScrollLockCounter: (this: void) => void;\n  /**\n   * Уменьшает счетчик блокировки прокрутки.\n   */\n  decrementScrollLockCounter: (this: void) => void;\n  beforeScrollLockFnSetRef?: React.RefObject<Set<() => void>> | undefined;\n}\n\nexport const ScrollContext: React.Context<ScrollContextInterface> =\n  React.createContext<ScrollContextInterface>({\n    getScroll: () => ({ x: 0, y: 0 }),\n    scrollTo: noop,\n    incrementScrollLockCounter: noop,\n    decrementScrollLockCounter: noop,\n  });\n\nexport const useScroll = (): ScrollContextInterface => React.useContext(ScrollContext);\n\n/**\n * Управляет блокировкой окна в зависимости от внутреннего счетчика.\n * Если счетчик больше нуля, требуется заблокировать прокрутку.\n */\nfunction useScrollLockController(enableScrollLock: () => void, disableScrollLock: () => void) {\n  const countRef = React.useRef(0);\n\n  const updateScrollLock = React.useCallback(() => {\n    if (countRef.current > 0) {\n      enableScrollLock();\n    } else {\n      disableScrollLock();\n    }\n  }, [enableScrollLock, disableScrollLock]);\n\n  const incrementScrollLockCounter = React.useCallback(() => {\n    countRef.current += 1;\n    updateScrollLock();\n  }, [updateScrollLock]);\n\n  const decrementScrollLockCounter = React.useCallback(() => {\n    countRef.current -= 1;\n    updateScrollLock();\n  }, [updateScrollLock]);\n\n  return [incrementScrollLockCounter, decrementScrollLockCounter];\n}\n\nexport function useManualScroll(): Pick<ScrollContextInterface, 'scrollTo' | 'getScroll'> {\n  const { scrollTo, getScroll } = React.useContext(ScrollContext);\n  return React.useMemo(\n    () => ({\n      scrollTo,\n      getScroll,\n    }),\n    [getScroll, scrollTo],\n  );\n}\n\nexport interface ScrollControllerProps extends HasChildren {\n  elRef: React.RefObject<HTMLElement | null>;\n}\n\nconst _scrollTo = ({\n  x,\n  y,\n  scrollWidth,\n  clientWidth,\n  scrollHeight,\n  clientHeight,\n  scrollLockEnabled,\n  lockedElement,\n  elementToScroll,\n}: {\n  x: number;\n  y: number;\n  scrollWidth: number;\n  clientWidth: number;\n  scrollHeight: number;\n  clientHeight: number;\n  scrollLockEnabled: boolean;\n  lockedElement: HTMLElement;\n  elementToScroll: Window | HTMLElement;\n}) => {\n  // Some iOS versions do not normalize scroll — do it manually.\n  const left = x ? clamp(x, 0, scrollWidth - clientWidth) : 0;\n  const top = y ? clamp(y, 0, scrollHeight - clientHeight) : 0;\n\n  if (scrollLockEnabled) {\n    Object.assign(lockedElement.style, {\n      left: `-${left}px`,\n      top: `-${top}px`,\n    });\n  } else {\n    elementToScroll.scrollTo({\n      left,\n      top,\n    });\n  }\n};\n\nconst _getScroll = ({\n  xOffset,\n  yOffset,\n  element,\n  scrollLockEnabled,\n  customCalcY = (v) => v,\n}: {\n  xOffset: number;\n  yOffset: number;\n  element: HTMLElement;\n  scrollLockEnabled: boolean;\n  customCalcY?: ((scrollTop: number) => number) | undefined;\n}) => {\n  const elementStyles = element.style;\n  const [scrollLeft, scrollTop] = scrollLockEnabled\n    ? [-parseFloat(elementStyles.left || '0'), -parseFloat(elementStyles.top || '0')]\n    : [xOffset, yOffset];\n  return {\n    x: scrollLeft || 0,\n    y: customCalcY(scrollTop) || 0,\n  };\n};\n\nexport const GlobalScrollController = ({ children }: ScrollControllerProps): React.ReactNode => {\n  const { window, document } = useDOM();\n  const beforeScrollLockFnSetRef = React.useRef<Set<() => void>>(new Set());\n  const scrollLockEnabledRef = React.useRef(false);\n\n  const getScroll = React.useCallback<ScrollContextInterface['getScroll']>(\n    (options = { compensateKeyboardHeight: true }) => {\n      if (!window || !document) {\n        return { x: 0, y: 0 };\n      }\n      return _getScroll({\n        xOffset: window.pageXOffset,\n        yOffset: window.pageYOffset,\n        element: document.documentElement,\n        scrollLockEnabled: scrollLockEnabledRef.current,\n        customCalcY: (scrollTop) =>\n          options.compensateKeyboardHeight\n            ? getPageYOffsetWithoutKeyboardHeight(window, scrollTop)\n            : scrollTop,\n      });\n    },\n    [document, window],\n  );\n  const scrollTo = React.useCallback<ScrollContextInterface['scrollTo']>(\n    (x = 0, y = 0) => {\n      if (!window || !document) {\n        return;\n      }\n      _scrollTo({\n        x,\n        y,\n\n        scrollWidth: document.body.scrollWidth,\n        clientWidth: window.innerWidth,\n\n        scrollHeight: document.body.scrollHeight,\n        clientHeight: window.innerHeight,\n\n        scrollLockEnabled: scrollLockEnabledRef.current,\n        lockedElement: document.documentElement,\n        elementToScroll: window,\n      });\n    },\n    [document, window],\n  );\n\n  const enableScrollLock = React.useCallback(() => {\n    beforeScrollLockFnSetRef.current.forEach((fn) => {\n      fn();\n    });\n    const { x: scrollX, y: scrollY } = getScroll({ compensateKeyboardHeight: false });\n    const overflowY = window!.innerWidth > document!.documentElement.clientWidth ? 'scroll' : '';\n    const overflowX = window!.innerHeight > document!.documentElement.clientHeight ? 'scroll' : '';\n\n    Object.assign(document!.documentElement.style, {\n      position: 'fixed',\n      top: `-${scrollY}px`,\n      left: `-${scrollX}px`,\n      right: '0',\n      overscrollBehavior: 'none',\n      overflowY,\n      overflowX,\n    });\n\n    scrollLockEnabledRef.current = true;\n  }, [document, getScroll, window]);\n\n  const disableScrollLock = React.useCallback(() => {\n    const scrollData = getScroll({ compensateKeyboardHeight: false });\n    clearDisableScrollStyle(document!.documentElement);\n    scrollLockEnabledRef.current = false;\n\n    scrollTo(scrollData.x, scrollData.y);\n  }, [document, getScroll, scrollTo]);\n\n  const [incrementScrollLockCounter, decrementScrollLockCounter] = useScrollLockController(\n    enableScrollLock,\n    disableScrollLock,\n  );\n\n  const scrollController = React.useMemo<ScrollContextInterface>(\n    () => ({\n      getScroll,\n      scrollTo,\n      incrementScrollLockCounter,\n      decrementScrollLockCounter,\n      beforeScrollLockFnSetRef: beforeScrollLockFnSetRef,\n    }),\n    [getScroll, scrollTo, incrementScrollLockCounter, decrementScrollLockCounter],\n  );\n\n  return <ScrollContext.Provider value={scrollController}>{children}</ScrollContext.Provider>;\n};\n\nexport const ElementScrollController = ({\n  elRef,\n  children,\n}: ScrollControllerProps): React.ReactNode => {\n  const beforeScrollLockFnSetRef = React.useRef<Set<() => void>>(new Set());\n  const scrollLockEnabledRef = React.useRef(false);\n\n  const getScroll = React.useCallback<ScrollContextInterface['getScroll']>(() => {\n    const element = elRef.current;\n    if (!element) {\n      return { x: 0, y: 0 };\n    }\n    return _getScroll({\n      xOffset: element.scrollLeft,\n      yOffset: element.scrollTop,\n      element: element,\n      scrollLockEnabled: scrollLockEnabledRef.current,\n    });\n  }, [elRef]);\n\n  const scrollTo = React.useCallback<ScrollContextInterface['scrollTo']>(\n    (x = 0, y = 0) => {\n      const el = elRef.current;\n      if (!el) {\n        return;\n      }\n      _scrollTo({\n        x,\n        y,\n\n        scrollWidth: el.scrollWidth,\n        clientWidth: el.clientWidth,\n\n        scrollHeight: el.scrollHeight,\n        clientHeight: el.clientHeight,\n\n        scrollLockEnabled: scrollLockEnabledRef.current,\n        lockedElement: el,\n        elementToScroll: el,\n      });\n    },\n    [elRef],\n  );\n\n  const enableScrollLock = React.useCallback(() => {\n    const el = elRef.current;\n    if (!el) {\n      return;\n    }\n    beforeScrollLockFnSetRef.current.forEach((fn) => {\n      fn();\n    });\n\n    const { x: scrollX, y: scrollY } = getScroll();\n\n    const overflowY = el.scrollWidth > el.clientWidth ? 'scroll' : '';\n    const overflowX = el.scrollHeight > el.clientHeight ? 'scroll' : '';\n\n    Object.assign(el.style, {\n      position: 'absolute',\n      right: '0',\n      top: `-${scrollY}px`,\n      left: `-${scrollX}px`,\n      overflowY,\n      overflowX,\n    });\n    scrollLockEnabledRef.current = true;\n  }, [elRef, getScroll]);\n\n  const disableScrollLock = React.useCallback(() => {\n    const el = elRef.current;\n    if (!el) {\n      return;\n    }\n\n    const scrollData = getScroll();\n    clearDisableScrollStyle(el);\n    scrollLockEnabledRef.current = false;\n\n    scrollTo(scrollData.x, scrollData.y);\n  }, [elRef, getScroll, scrollTo]);\n\n  const [incrementScrollLockCounter, decrementScrollLockCounter] = useScrollLockController(\n    enableScrollLock,\n    disableScrollLock,\n  );\n\n  const scrollController = React.useMemo<ScrollContextInterface>(\n    () => ({\n      getScroll,\n      scrollTo,\n      incrementScrollLockCounter,\n      decrementScrollLockCounter,\n      beforeScrollLockFnSetRef,\n    }),\n    [getScroll, scrollTo, incrementScrollLockCounter, decrementScrollLockCounter],\n  );\n\n  return <ScrollContext.Provider value={scrollController}>{children}</ScrollContext.Provider>;\n};\n\n/**\n * Блокирует прокрутку окна.\n *\n * @param enabled - Если false то не будет блокировать.\n */\nexport const useScrollLock = (enabled = true): void => {\n  const { incrementScrollLockCounter, decrementScrollLockCounter } = useScroll();\n\n  React.useEffect(() => {\n    if (enabled) {\n      incrementScrollLockCounter();\n      return decrementScrollLockCounter;\n    }\n\n    return noop;\n  }, [enabled, incrementScrollLockCounter, decrementScrollLockCounter]);\n};\n"],"names":["React","noop","clamp","useDOM","clearDisableScrollStyle","node","Object","assign","style","position","top","left","right","overscrollBehavior","overflowY","overflowX","getPageYOffsetWithoutKeyboardHeight","window","scrollTop","diffOfClientHeightAndViewportHeight","document","documentElement","clientHeight","innerHeight","ScrollContext","createContext","getScroll","x","y","scrollTo","incrementScrollLockCounter","decrementScrollLockCounter","useScroll","useContext","useScrollLockController","enableScrollLock","disableScrollLock","countRef","useRef","updateScrollLock","useCallback","current","useManualScroll","useMemo","_scrollTo","scrollWidth","clientWidth","scrollHeight","scrollLockEnabled","lockedElement","elementToScroll","_getScroll","xOffset","yOffset","element","customCalcY","v","elementStyles","scrollLeft","parseFloat","GlobalScrollController","children","beforeScrollLockFnSetRef","Set","scrollLockEnabledRef","options","compensateKeyboardHeight","pageXOffset","pageYOffset","body","innerWidth","forEach","fn","scrollX","scrollY","scrollData","scrollController","Provider","value","ElementScrollController","elRef","el","useScrollLock","enabled","useEffect"],"mappings":"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"}

package/dist/cssm/components/AppRoot/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/AppRoot/types.ts"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\n\nexport type SafeAreaInsets = {\n  top?: number;\n  right?: number;\n  bottom?: number;\n  left?: number;\n};\n\nexport type AppRootMode = 'partial' | 'embedded' | 'full';\n\nexport type AppRootLayout = 'card' | 'plain';\n\nexport type AppRootScroll = 'global' | 'contain';\n\nexport type AppRootUserSelectMode = 'enabled' | 'enabled-with-pointer' | 'disabled';\n"],"names":[],"mappings":"AAAA,sCAAsC,GAetC,WAAoF"}
+{"version":3,"sources":["../../../../src/components/AppRoot/types.ts"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\n\nexport type SafeAreaInsets = {\n  top?: number | undefined;\n  right?: number | undefined;\n  bottom?: number | undefined;\n  left?: number | undefined;\n};\n\nexport type AppRootMode = 'partial' | 'embedded' | 'full';\n\nexport type AppRootLayout = 'card' | 'plain';\n\nexport type AppRootScroll = 'global' | 'contain';\n\nexport type AppRootUserSelectMode = 'enabled' | 'enabled-with-pointer' | 'disabled';\n"],"names":[],"mappings":"AAAA,sCAAsC,GAetC,WAAoF"}

package/dist/cssm/components/AspectRatio/AspectRatio.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/AspectRatio/AspectRatio.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { CSSCustomProperties } from '../../types';\nimport { RootComponent, type RootComponentProps } from '../RootComponent/RootComponent';\nimport styles from './AspectRatio.module.css';\n\nexport interface AspectRatioProps extends Omit<RootComponentProps<HTMLElement>, 'baseClassName'> {\n  /**\n   * `className` для компонента.\n   */\n  className?: string;\n  /**\n   * По умолчанию, вложенный контент будет растягиваться и заполнять весь блок.\n   */\n  mode?: 'stretch' | 'none';\n  /**\n   * Например:\n   * - в виде числа: 16 / 9, 4 / 3, 1920 / 1080,\n   * - в виде css переменной: `var(--css-aspect-ratio-var)`\n   * - в виде сложного выражения: `calc(<какие-то вычисления>)`.\n   */\n  ratio: number | string;\n}\n\n/**\n * `AspectRatio` позволяет поддерживать постоянное соотношение ширины и высоты.\n * Его можно использовать для отображения изображений, карт, видео и других медиафайлов.\n\n * @since 5.5.0\n * @see https://vkui.io/components/aspect-ratio\n */\nexport function AspectRatio({\n  ratio,\n  mode = 'stretch',\n  ...restProps\n}: AspectRatioProps): React.JSX.Element {\n  const style: React.CSSProperties & CSSCustomProperties = {\n    '--vkui_internal--aspect_ratio': typeof ratio === 'number' ? String(ratio) : ratio,\n  };\n\n  return (\n    <RootComponent\n      baseClassName={classNames(styles.host, mode === 'stretch' && styles.modeStretch)}\n      baseStyle={style}\n      {...restProps}\n    />\n  );\n}\n"],"names":["classNames","RootComponent","styles","AspectRatio","ratio","mode","restProps","style","String","baseClassName","host","modeStretch","baseStyle"],"mappings":";AACA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAiC,oCAAiC;AACxF,OAAOC,YAAY,2BAA2B;AAoB9C;;;;;;CAMC,GACD,OAAO,SAASC,YAAY,EAC1BC,KAAK,EACLC,OAAO,SAAS,EAChB,GAAGC,WACc;IACjB,MAAMC,QAAmD;QACvD,iCAAiC,OAAOH,UAAU,WAAWI,OAAOJ,SAASA;IAC/E;IAEA,qBACE,KAACH;QACCQ,eAAeT,WAAWE,OAAOQ,IAAI,EAAEL,SAAS,aAAaH,OAAOS,WAAW;QAC/EC,WAAWL;QACV,GAAGD,SAAS;;AAGnB"}
+{"version":3,"sources":["../../../../src/components/AspectRatio/AspectRatio.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { CSSCustomProperties } from '../../types';\nimport { RootComponent, type RootComponentProps } from '../RootComponent/RootComponent';\nimport styles from './AspectRatio.module.css';\n\nexport interface AspectRatioProps extends Omit<RootComponentProps<HTMLElement>, 'baseClassName'> {\n  /**\n   * `className` для компонента.\n   */\n  className?: string | undefined;\n  /**\n   * По умолчанию, вложенный контент будет растягиваться и заполнять весь блок.\n   */\n  mode?: 'stretch' | 'none' | undefined;\n  /**\n   * Например:\n   * - в виде числа: 16 / 9, 4 / 3, 1920 / 1080,\n   * - в виде css переменной: `var(--css-aspect-ratio-var)`\n   * - в виде сложного выражения: `calc(<какие-то вычисления>)`.\n   */\n  ratio: number | string;\n}\n\n/**\n * `AspectRatio` позволяет поддерживать постоянное соотношение ширины и высоты.\n * Его можно использовать для отображения изображений, карт, видео и других медиафайлов.\n\n * @since 5.5.0\n * @see https://vkui.io/components/aspect-ratio\n */\nexport function AspectRatio({\n  ratio,\n  mode = 'stretch',\n  ...restProps\n}: AspectRatioProps): React.JSX.Element {\n  const style: React.CSSProperties & CSSCustomProperties = {\n    '--vkui_internal--aspect_ratio': typeof ratio === 'number' ? String(ratio) : ratio,\n  };\n\n  return (\n    <RootComponent\n      baseClassName={classNames(styles.host, mode === 'stretch' && styles.modeStretch)}\n      baseStyle={style}\n      {...restProps}\n    />\n  );\n}\n"],"names":["classNames","RootComponent","styles","AspectRatio","ratio","mode","restProps","style","String","baseClassName","host","modeStretch","baseStyle"],"mappings":";AACA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAiC,oCAAiC;AACxF,OAAOC,YAAY,2BAA2B;AAoB9C;;;;;;CAMC,GACD,OAAO,SAASC,YAAY,EAC1BC,KAAK,EACLC,OAAO,SAAS,EAChB,GAAGC,WACc;IACjB,MAAMC,QAAmD;QACvD,iCAAiC,OAAOH,UAAU,WAAWI,OAAOJ,SAASA;IAC/E;IAEA,qBACE,KAACH;QACCQ,eAAeT,WAAWE,OAAOQ,IAAI,EAAEL,SAAS,aAAaH,OAAOS,WAAW;QAC/EC,WAAWL;QACV,GAAGD,SAAS;;AAGnB"}

package/dist/cssm/components/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';\nimport { ImageBase, type ImageBaseProps } from '../ImageBase/ImageBase';\nimport {\n  ImageBaseOverlay,\n  type ImageBaseOverlayProps,\n} from '../ImageBase/ImageBaseOverlay/ImageBaseOverlay';\nimport { AvatarBadge, type AvatarBadgeProps } from './AvatarBadge/AvatarBadge';\nimport {\n  AvatarBadgeWithPreset,\n  type AvatarBadgeWithPresetProps,\n} from './AvatarBadge/AvatarBadgeWithPreset';\nimport { getInitialsFontSize } from './helpers';\nimport styles from './Avatar.module.css';\n\nexport type {\n  AvatarBadgeProps,\n  AvatarBadgeWithPresetProps,\n  ImageBaseOverlayProps as AvatarOverlayProps,\n};\n\nconst AVATAR_DEFAULT_SIZE = 48;\n\nconst COLORS_NUMBER_TO_TEXT_MAP = {\n  1: 'red',\n  2: 'orange',\n  3: 'yellow',\n  4: 'green',\n  5: 'l-blue',\n  6: 'violet',\n} as const;\n\n/**\n * Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.\n * @example user.id % 6 + 1\n */\nexport type InitialsAvatarNumberGradients = keyof typeof COLORS_NUMBER_TO_TEXT_MAP;\n\nexport type InitialsAvatarTextGradients =\n  | (typeof COLORS_NUMBER_TO_TEXT_MAP)[InitialsAvatarNumberGradients]\n  | 'blue';\n\nconst gradientStyles = {\n  'red': styles.gradientRed,\n  'orange': styles.gradientOrange,\n  'yellow': styles.gradientYellow,\n  'green': styles.gradientGreen,\n  'blue': styles.gradientBlue,\n  'l-blue': styles.gradientLBlue,\n  'violet': styles.gradientViolet,\n};\n\nexport interface AvatarProps extends Omit<ImageBaseProps, 'widthSize' | 'heightSize'> {\n  /**\n   * Инициалы пользователя.\n   *\n   * > Note: Если аватарка не прогрузится, то пользователь увидит инициалы.\n   *\n   * > ⚠️ Перебивает `fallbackIcon`.\n   */\n  initials?: string;\n  /**\n   * Задаёт градиент для фона.\n   *\n   * Если передано число, то оно будет сконвертировано в строчное представление цвета по следующей схеме:\n   *\n   * 1: 'red'\n   * 2: 'orange'\n   * 3: 'yellow'\n   * 4: 'green'\n   * 5: 'l-blue'\n   * 6: 'violet'.\n   *\n   * > Если необходимо задать свой градиент, то используйте значение `\"custom\"` и определите цвет градиента либо через\n   * > свой класс в `className`, либо через `style={{ backgroundImage: \"...\" }}`.\n   */\n  gradientColor?: InitialsAvatarNumberGradients | InitialsAvatarTextGradients | 'custom';\n}\n\n/**\n * @see https://vkui.io/components/avatar\n */\nexport const Avatar: React.FC<AvatarProps> & {\n  Badge: typeof AvatarBadge;\n  BadgeWithPreset: typeof AvatarBadgeWithPreset;\n  Overlay: typeof ImageBase.Overlay;\n  getInitialsFontSize: typeof getInitialsFontSize;\n} = ({\n  size = AVATAR_DEFAULT_SIZE,\n  className,\n  gradientColor,\n  initials,\n  fallbackIcon: fallbackIconProp,\n  children,\n  ...restProps\n}: AvatarProps) => {\n  const gradientName =\n    typeof gradientColor === 'number' ? COLORS_NUMBER_TO_TEXT_MAP[gradientColor] : gradientColor;\n  const isGradientNotCustom = gradientName && gradientName !== 'custom';\n\n  const fallbackIcon = initials ? (\n    <div\n      className={styles.initials}\n      style={{\n        fontSize: getInitialsFontSize(size),\n      }}\n    >\n      {initials}\n    </div>\n  ) : (\n    fallbackIconProp\n  );\n\n  return (\n    <ImageBase\n      {...restProps}\n      size={size}\n      fallbackIcon={fallbackIcon}\n      className={classNames(\n        styles.host,\n        gradientName && styles.hasGradient,\n        isGradientNotCustom && gradientStyles[gradientName],\n        className,\n      )}\n    >\n      {children}\n    </ImageBase>\n  );\n};\n\nAvatar.Badge = AvatarBadge;\nAvatar.BadgeWithPreset = AvatarBadgeWithPreset;\nAvatar.Overlay = ImageBaseOverlay;\nAvatar.getInitialsFontSize = getInitialsFontSize;\n\nif (process.env.NODE_ENV !== 'production') {\n  defineComponentDisplayNames(Avatar.Badge, 'Avatar.Badge');\n  defineComponentDisplayNames(Avatar.BadgeWithPreset, 'Avatar.BadgeWithPreset');\n  defineComponentDisplayNames(Avatar.Overlay, 'Avatar.Overlay');\n}\n"],"names":["classNames","defineComponentDisplayNames","ImageBase","ImageBaseOverlay","AvatarBadge","AvatarBadgeWithPreset","getInitialsFontSize","styles","AVATAR_DEFAULT_SIZE","COLORS_NUMBER_TO_TEXT_MAP","gradientStyles","gradientRed","gradientOrange","gradientYellow","gradientGreen","gradientBlue","gradientLBlue","gradientViolet","Avatar","size","className","gradientColor","initials","fallbackIcon","fallbackIconProp","children","restProps","gradientName","isGradientNotCustom","div","style","fontSize","host","hasGradient","Badge","BadgeWithPreset","Overlay","process","env","NODE_ENV"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,2BAA2B,QAAQ,iDAA8C;AAC1F,SAASC,SAAS,QAA6B,4BAAyB;AACxE,SACEC,gBAAgB,QAEX,oDAAiD;AACxD,SAASC,WAAW,QAA+B,+BAA4B;AAC/E,SACEC,qBAAqB,QAEhB,yCAAsC;AAC7C,SAASC,mBAAmB,QAAQ,eAAY;AAChD,OAAOC,YAAY,sBAAsB;AAQzC,MAAMC,sBAAsB;AAE5B,MAAMC,4BAA4B;IAChC,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;AACL;AAYA,MAAMC,iBAAiB;IACrB,OAAOH,OAAOI,WAAW;IACzB,UAAUJ,OAAOK,cAAc;IAC/B,UAAUL,OAAOM,cAAc;IAC/B,SAASN,OAAOO,aAAa;IAC7B,QAAQP,OAAOQ,YAAY;IAC3B,UAAUR,OAAOS,aAAa;IAC9B,UAAUT,OAAOU,cAAc;AACjC;AA6BA;;CAEC,GACD,OAAO,MAAMC,SAKT,CAAC,EACHC,OAAOX,mBAAmB,EAC1BY,SAAS,EACTC,aAAa,EACbC,QAAQ,EACRC,cAAcC,gBAAgB,EAC9BC,QAAQ,EACR,GAAGC,WACS;IACZ,MAAMC,eACJ,OAAON,kBAAkB,WAAWZ,yBAAyB,CAACY,cAAc,GAAGA;IACjF,MAAMO,sBAAsBD,gBAAgBA,iBAAiB;IAE7D,MAAMJ,eAAeD,yBACnB,KAACO;QACCT,WAAWb,OAAOe,QAAQ;QAC1BQ,OAAO;YACLC,UAAUzB,oBAAoBa;QAChC;kBAECG;SAGHE;IAGF,qBACE,KAACtB;QACE,GAAGwB,SAAS;QACbP,MAAMA;QACNI,cAAcA;QACdH,WAAWpB,WACTO,OAAOyB,IAAI,EACXL,gBAAgBpB,OAAO0B,WAAW,EAClCL,uBAAuBlB,cAAc,CAACiB,aAAa,EACnDP;kBAGDK;;AAGP,EAAE;AAEFP,OAAOgB,KAAK,GAAG9B;AACfc,OAAOiB,eAAe,GAAG9B;AACzBa,OAAOkB,OAAO,GAAGjC;AACjBe,OAAOZ,mBAAmB,GAAGA;AAE7B,IAAI+B,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IACzCtC,4BAA4BiB,OAAOgB,KAAK,EAAE;IAC1CjC,4BAA4BiB,OAAOiB,eAAe,EAAE;IACpDlC,4BAA4BiB,OAAOkB,OAAO,EAAE;AAC9C"}
+{"version":3,"sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';\nimport { ImageBase, type ImageBaseProps } from '../ImageBase/ImageBase';\nimport {\n  ImageBaseOverlay,\n  type ImageBaseOverlayProps,\n} from '../ImageBase/ImageBaseOverlay/ImageBaseOverlay';\nimport { AvatarBadge, type AvatarBadgeProps } from './AvatarBadge/AvatarBadge';\nimport {\n  AvatarBadgeWithPreset,\n  type AvatarBadgeWithPresetProps,\n} from './AvatarBadge/AvatarBadgeWithPreset';\nimport { getInitialsFontSize } from './helpers';\nimport styles from './Avatar.module.css';\n\nexport type {\n  AvatarBadgeProps,\n  AvatarBadgeWithPresetProps,\n  ImageBaseOverlayProps as AvatarOverlayProps,\n};\n\nconst AVATAR_DEFAULT_SIZE = 48;\n\nconst COLORS_NUMBER_TO_TEXT_MAP = {\n  1: 'red',\n  2: 'orange',\n  3: 'yellow',\n  4: 'green',\n  5: 'l-blue',\n  6: 'violet',\n} as const;\n\n/**\n * Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.\n * @example user.id % 6 + 1\n */\nexport type InitialsAvatarNumberGradients = keyof typeof COLORS_NUMBER_TO_TEXT_MAP;\n\nexport type InitialsAvatarTextGradients =\n  | (typeof COLORS_NUMBER_TO_TEXT_MAP)[InitialsAvatarNumberGradients]\n  | 'blue';\n\nconst gradientStyles = {\n  'red': styles.gradientRed,\n  'orange': styles.gradientOrange,\n  'yellow': styles.gradientYellow,\n  'green': styles.gradientGreen,\n  'blue': styles.gradientBlue,\n  'l-blue': styles.gradientLBlue,\n  'violet': styles.gradientViolet,\n};\n\nexport interface AvatarProps extends Omit<ImageBaseProps, 'widthSize' | 'heightSize'> {\n  /**\n   * Инициалы пользователя.\n   *\n   * > Note: Если аватарка не прогрузится, то пользователь увидит инициалы.\n   *\n   * > ⚠️ Перебивает `fallbackIcon`.\n   */\n  initials?: string | undefined;\n  /**\n   * Задаёт градиент для фона.\n   *\n   * Если передано число, то оно будет сконвертировано в строчное представление цвета по следующей схеме:\n   *\n   * 1: 'red'\n   * 2: 'orange'\n   * 3: 'yellow'\n   * 4: 'green'\n   * 5: 'l-blue'\n   * 6: 'violet'.\n   *\n   * > Если необходимо задать свой градиент, то используйте значение `\"custom\"` и определите цвет градиента либо через\n   * > свой класс в `className`, либо через `style={{ backgroundImage: \"...\" }}`.\n   */\n  gradientColor?:\n    | InitialsAvatarNumberGradients\n    | InitialsAvatarTextGradients\n    | 'custom'\n    | undefined;\n}\n\n/**\n * @see https://vkui.io/components/avatar\n */\nexport const Avatar: React.FC<AvatarProps> & {\n  Badge: typeof AvatarBadge;\n  BadgeWithPreset: typeof AvatarBadgeWithPreset;\n  Overlay: typeof ImageBase.Overlay;\n  getInitialsFontSize: typeof getInitialsFontSize;\n} = ({\n  size = AVATAR_DEFAULT_SIZE,\n  className,\n  gradientColor,\n  initials,\n  fallbackIcon: fallbackIconProp,\n  children,\n  ...restProps\n}: AvatarProps) => {\n  const gradientName =\n    typeof gradientColor === 'number' ? COLORS_NUMBER_TO_TEXT_MAP[gradientColor] : gradientColor;\n  const isGradientNotCustom = gradientName && gradientName !== 'custom';\n\n  const fallbackIcon = initials ? (\n    <div\n      className={styles.initials}\n      style={{\n        fontSize: getInitialsFontSize(size),\n      }}\n    >\n      {initials}\n    </div>\n  ) : (\n    fallbackIconProp\n  );\n\n  return (\n    <ImageBase\n      {...restProps}\n      size={size}\n      fallbackIcon={fallbackIcon}\n      className={classNames(\n        styles.host,\n        gradientName && styles.hasGradient,\n        isGradientNotCustom && gradientStyles[gradientName],\n        className,\n      )}\n    >\n      {children}\n    </ImageBase>\n  );\n};\n\nAvatar.Badge = AvatarBadge;\nAvatar.BadgeWithPreset = AvatarBadgeWithPreset;\nAvatar.Overlay = ImageBaseOverlay;\nAvatar.getInitialsFontSize = getInitialsFontSize;\n\nif (process.env.NODE_ENV !== 'production') {\n  defineComponentDisplayNames(Avatar.Badge, 'Avatar.Badge');\n  defineComponentDisplayNames(Avatar.BadgeWithPreset, 'Avatar.BadgeWithPreset');\n  defineComponentDisplayNames(Avatar.Overlay, 'Avatar.Overlay');\n}\n"],"names":["classNames","defineComponentDisplayNames","ImageBase","ImageBaseOverlay","AvatarBadge","AvatarBadgeWithPreset","getInitialsFontSize","styles","AVATAR_DEFAULT_SIZE","COLORS_NUMBER_TO_TEXT_MAP","gradientStyles","gradientRed","gradientOrange","gradientYellow","gradientGreen","gradientBlue","gradientLBlue","gradientViolet","Avatar","size","className","gradientColor","initials","fallbackIcon","fallbackIconProp","children","restProps","gradientName","isGradientNotCustom","div","style","fontSize","host","hasGradient","Badge","BadgeWithPreset","Overlay","process","env","NODE_ENV"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,2BAA2B,QAAQ,iDAA8C;AAC1F,SAASC,SAAS,QAA6B,4BAAyB;AACxE,SACEC,gBAAgB,QAEX,oDAAiD;AACxD,SAASC,WAAW,QAA+B,+BAA4B;AAC/E,SACEC,qBAAqB,QAEhB,yCAAsC;AAC7C,SAASC,mBAAmB,QAAQ,eAAY;AAChD,OAAOC,YAAY,sBAAsB;AAQzC,MAAMC,sBAAsB;AAE5B,MAAMC,4BAA4B;IAChC,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;AACL;AAYA,MAAMC,iBAAiB;IACrB,OAAOH,OAAOI,WAAW;IACzB,UAAUJ,OAAOK,cAAc;IAC/B,UAAUL,OAAOM,cAAc;IAC/B,SAASN,OAAOO,aAAa;IAC7B,QAAQP,OAAOQ,YAAY;IAC3B,UAAUR,OAAOS,aAAa;IAC9B,UAAUT,OAAOU,cAAc;AACjC;AAiCA;;CAEC,GACD,OAAO,MAAMC,SAKT,CAAC,EACHC,OAAOX,mBAAmB,EAC1BY,SAAS,EACTC,aAAa,EACbC,QAAQ,EACRC,cAAcC,gBAAgB,EAC9BC,QAAQ,EACR,GAAGC,WACS;IACZ,MAAMC,eACJ,OAAON,kBAAkB,WAAWZ,yBAAyB,CAACY,cAAc,GAAGA;IACjF,MAAMO,sBAAsBD,gBAAgBA,iBAAiB;IAE7D,MAAMJ,eAAeD,yBACnB,KAACO;QACCT,WAAWb,OAAOe,QAAQ;QAC1BQ,OAAO;YACLC,UAAUzB,oBAAoBa;QAChC;kBAECG;SAGHE;IAGF,qBACE,KAACtB;QACE,GAAGwB,SAAS;QACbP,MAAMA;QACNI,cAAcA;QACdH,WAAWpB,WACTO,OAAOyB,IAAI,EACXL,gBAAgBpB,OAAO0B,WAAW,EAClCL,uBAAuBlB,cAAc,CAACiB,aAAa,EACnDP;kBAGDK;;AAGP,EAAE;AAEFP,OAAOgB,KAAK,GAAG9B;AACfc,OAAOiB,eAAe,GAAG9B;AACzBa,OAAOkB,OAAO,GAAGjC;AACjBe,OAAOZ,mBAAmB,GAAGA;AAE7B,IAAI+B,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IACzCtC,4BAA4BiB,OAAOgB,KAAK,EAAE;IAC1CjC,4BAA4BiB,OAAOiB,eAAe,EAAE;IACpDlC,4BAA4BiB,OAAOkB,OAAO,EAAE;AAC9C"}

package/dist/cssm/components/Avatar/Avatar.module.css

@@ -11,11 +11,6 @@
   background-image: linear-gradient(135deg, #ff7583, #e52e40);
 }
 
-.gradientPink {
-  background-color: #e62e6b;
-  background-image: linear-gradient(135deg, #ff8880, #e62e6b);
-}
-
 .gradientOrange {
   background-color: #e66b2e;
   background-image: linear-gradient(135deg, #ffbf80, #e66b2e);

package/dist/cssm/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useConfigDirection } from '../../../hooks/useConfigDirection';\nimport {\n  getBadgeIconSizeByImageBaseSize,\n  ImageBase,\n  type ImageBaseBadgeProps,\n  ImageBaseContext,\n} from '../../ImageBase/ImageBase';\nimport { Icon12Circle, Icon12OnlineMobile } from './icons';\nimport styles from './AvatarBadge.module.css';\n\nexport interface AvatarBadgeWithPresetProps\n  extends Omit<ImageBaseBadgeProps, 'background' | 'children'> {\n  /**\n   * Использует предзаданные настройки.\n   *\n   * За каждым пресетом закреплена своя иконка и стили.\n   */\n  preset?: 'online' | 'online-mobile';\n}\n\nexport const AvatarBadgeWithPreset = ({\n  preset = 'online',\n  className,\n  ...restProps\n}: AvatarBadgeWithPresetProps) => {\n  const direction = useConfigDirection();\n  const isRtl = direction === 'rtl';\n  const { size } = React.useContext(ImageBaseContext);\n  const badgeSize = getBadgeIconSizeByImageBaseSize(size);\n  const isOnlinePreset = preset === 'online';\n  const presetClassName = isOnlinePreset ? styles.presetOnline : styles.presetOnlineMobile;\n  const Icon = isOnlinePreset ? Icon12Circle : Icon12OnlineMobile;\n\n  return (\n    <ImageBase.Badge\n      background=\"stroke\"\n      className={classNames(styles.host, isRtl && styles.rtl, presetClassName, className)}\n      {...restProps}\n    >\n      <Icon width={badgeSize} height={badgeSize} />\n    </ImageBase.Badge>\n  );\n};\n"],"names":["React","classNames","useConfigDirection","getBadgeIconSizeByImageBaseSize","ImageBase","ImageBaseContext","Icon12Circle","Icon12OnlineMobile","styles","AvatarBadgeWithPreset","preset","className","restProps","direction","isRtl","size","useContext","badgeSize","isOnlinePreset","presetClassName","presetOnline","presetOnlineMobile","Icon","Badge","background","host","rtl","width","height"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,kBAAkB,QAAQ,uCAAoC;AACvE,SACEC,+BAA+B,EAC/BC,SAAS,EAETC,gBAAgB,QACX,+BAA4B;AACnC,SAASC,YAAY,EAAEC,kBAAkB,QAAQ,aAAU;AAC3D,OAAOC,YAAY,2BAA2B;AAY9C,OAAO,MAAMC,wBAAwB,CAAC,EACpCC,SAAS,QAAQ,EACjBC,SAAS,EACT,GAAGC,WACwB;IAC3B,MAAMC,YAAYX;IAClB,MAAMY,QAAQD,cAAc;IAC5B,MAAM,EAAEE,IAAI,EAAE,GAAGf,MAAMgB,UAAU,CAACX;IAClC,MAAMY,YAAYd,gCAAgCY;IAClD,MAAMG,iBAAiBR,WAAW;IAClC,MAAMS,kBAAkBD,iBAAiBV,OAAOY,YAAY,GAAGZ,OAAOa,kBAAkB;IACxF,MAAMC,OAAOJ,iBAAiBZ,eAAeC;IAE7C,qBACE,KAACH,UAAUmB,KAAK;QACdC,YAAW;QACXb,WAAWV,WAAWO,OAAOiB,IAAI,EAAEX,SAASN,OAAOkB,GAAG,EAAEP,iBAAiBR;QACxE,GAAGC,SAAS;kBAEb,cAAA,KAACU;YAAKK,OAAOV;YAAWW,QAAQX;;;AAGtC,EAAE"}
+{"version":3,"sources":["../../../../../src/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useConfigDirection } from '../../../hooks/useConfigDirection';\nimport {\n  getBadgeIconSizeByImageBaseSize,\n  ImageBase,\n  type ImageBaseBadgeProps,\n  ImageBaseContext,\n} from '../../ImageBase/ImageBase';\nimport { Icon12Circle, Icon12OnlineMobile } from './icons';\nimport styles from './AvatarBadge.module.css';\n\nexport interface AvatarBadgeWithPresetProps\n  extends Omit<ImageBaseBadgeProps, 'background' | 'children'> {\n  /**\n   * Использует предзаданные настройки.\n   *\n   * За каждым пресетом закреплена своя иконка и стили.\n   */\n  preset?: 'online' | 'online-mobile' | undefined;\n}\n\nexport const AvatarBadgeWithPreset = ({\n  preset = 'online',\n  className,\n  ...restProps\n}: AvatarBadgeWithPresetProps) => {\n  const direction = useConfigDirection();\n  const isRtl = direction === 'rtl';\n  const { size } = React.useContext(ImageBaseContext);\n  const badgeSize = getBadgeIconSizeByImageBaseSize(size);\n  const isOnlinePreset = preset === 'online';\n  const presetClassName = isOnlinePreset ? styles.presetOnline : styles.presetOnlineMobile;\n  const Icon = isOnlinePreset ? Icon12Circle : Icon12OnlineMobile;\n\n  return (\n    <ImageBase.Badge\n      background=\"stroke\"\n      className={classNames(styles.host, isRtl && styles.rtl, presetClassName, className)}\n      {...restProps}\n    >\n      <Icon width={badgeSize} height={badgeSize} />\n    </ImageBase.Badge>\n  );\n};\n"],"names":["React","classNames","useConfigDirection","getBadgeIconSizeByImageBaseSize","ImageBase","ImageBaseContext","Icon12Circle","Icon12OnlineMobile","styles","AvatarBadgeWithPreset","preset","className","restProps","direction","isRtl","size","useContext","badgeSize","isOnlinePreset","presetClassName","presetOnline","presetOnlineMobile","Icon","Badge","background","host","rtl","width","height"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,kBAAkB,QAAQ,uCAAoC;AACvE,SACEC,+BAA+B,EAC/BC,SAAS,EAETC,gBAAgB,QACX,+BAA4B;AACnC,SAASC,YAAY,EAAEC,kBAAkB,QAAQ,aAAU;AAC3D,OAAOC,YAAY,2BAA2B;AAY9C,OAAO,MAAMC,wBAAwB,CAAC,EACpCC,SAAS,QAAQ,EACjBC,SAAS,EACT,GAAGC,WACwB;IAC3B,MAAMC,YAAYX;IAClB,MAAMY,QAAQD,cAAc;IAC5B,MAAM,EAAEE,IAAI,EAAE,GAAGf,MAAMgB,UAAU,CAACX;IAClC,MAAMY,YAAYd,gCAAgCY;IAClD,MAAMG,iBAAiBR,WAAW;IAClC,MAAMS,kBAAkBD,iBAAiBV,OAAOY,YAAY,GAAGZ,OAAOa,kBAAkB;IACxF,MAAMC,OAAOJ,iBAAiBZ,eAAeC;IAE7C,qBACE,KAACH,UAAUmB,KAAK;QACdC,YAAW;QACXb,WAAWV,WAAWO,OAAOiB,IAAI,EAAEX,SAASN,OAAOkB,GAAG,EAAEP,iBAAiBR;QACxE,GAAGC,SAAS;kBAEb,cAAA,KAACU;YAAKK,OAAOV;YAAWW,QAAQX;;;AAGtC,EAAE"}

package/dist/cssm/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { RootComponent, type RootComponentProps } from '../RootComponent/RootComponent';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './Badge.module.css';\n\nconst stylesMode = {\n  new: styles.modeNew,\n  prominent: styles.modeProminent,\n};\n\nexport interface BadgeProps extends RootComponentProps<HTMLSpanElement> {\n  /**\n   * Режим отображения компонента.\n   */\n  mode?: 'new' | 'prominent';\n}\n\n/**\n * @see https://vkui.io/components/badge\n */\nexport const Badge = ({ mode = 'new', children, ...restProps }: BadgeProps): React.ReactNode => (\n  <RootComponent\n    Component=\"span\"\n    baseClassName={classNames(styles.host, 'vkuiInternalBadge', stylesMode[mode])}\n    {...restProps}\n  >\n    {children && <VisuallyHidden>{children}</VisuallyHidden>}\n  </RootComponent>\n);\n"],"names":["classNames","RootComponent","VisuallyHidden","styles","stylesMode","new","modeNew","prominent","modeProminent","Badge","mode","children","restProps","Component","baseClassName","host"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAiC,oCAAiC;AACxF,SAASC,cAAc,QAAQ,sCAAmC;AAClE,OAAOC,YAAY,qBAAqB;AAExC,MAAMC,aAAa;IACjBC,KAAKF,OAAOG,OAAO;IACnBC,WAAWJ,OAAOK,aAAa;AACjC;AASA;;CAEC,GACD,OAAO,MAAMC,QAAQ,CAAC,EAAEC,OAAO,KAAK,EAAEC,QAAQ,EAAE,GAAGC,WAAuB,iBACxE,KAACX;QACCY,WAAU;QACVC,eAAed,WAAWG,OAAOY,IAAI,EAAE,qBAAqBX,UAAU,CAACM,KAAK;QAC3E,GAAGE,SAAS;kBAEZD,0BAAY,KAACT;sBAAgBS;;OAEhC"}
+{"version":3,"sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { RootComponent, type RootComponentProps } from '../RootComponent/RootComponent';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './Badge.module.css';\n\nconst stylesMode = {\n  new: styles.modeNew,\n  prominent: styles.modeProminent,\n};\n\nexport interface BadgeProps extends RootComponentProps<HTMLSpanElement> {\n  /**\n   * Режим отображения компонента.\n   */\n  mode?: 'new' | 'prominent' | undefined;\n}\n\n/**\n * @see https://vkui.io/components/badge\n */\nexport const Badge = ({ mode = 'new', children, ...restProps }: BadgeProps): React.ReactNode => (\n  <RootComponent\n    Component=\"span\"\n    baseClassName={classNames(styles.host, 'vkuiInternalBadge', stylesMode[mode])}\n    {...restProps}\n  >\n    {children && <VisuallyHidden>{children}</VisuallyHidden>}\n  </RootComponent>\n);\n"],"names":["classNames","RootComponent","VisuallyHidden","styles","stylesMode","new","modeNew","prominent","modeProminent","Badge","mode","children","restProps","Component","baseClassName","host"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAiC,oCAAiC;AACxF,SAASC,cAAc,QAAQ,sCAAmC;AAClE,OAAOC,YAAY,qBAAqB;AAExC,MAAMC,aAAa;IACjBC,KAAKF,OAAOG,OAAO;IACnBC,WAAWJ,OAAOK,aAAa;AACjC;AASA;;CAEC,GACD,OAAO,MAAMC,QAAQ,CAAC,EAAEC,OAAO,KAAK,EAAEC,QAAQ,EAAE,GAAGC,WAAuB,iBACxE,KAACX;QACCY,WAAU;QACVC,eAAed,WAAWG,OAAOY,IAAI,EAAE,qBAAqBX,UAAU,CAACM,KAAK;QAC3E,GAAGE,SAAS;kBAEZD,0BAAY,KAACT;sBAAgBS;;OAEhC"}

package/dist/cssm/components/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Icon24Cancel, Icon24Chevron, Icon24Dismiss, Icon24DismissDark } from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useColorScheme } from '../../hooks/useColorScheme';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { IconButton } from '../IconButton/IconButton';\nimport { Tappable, type TappableOmitProps } from '../Tappable/Tappable';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './Banner.module.css';\n\nexport interface BannerProps extends Omit<TappableOmitProps, 'title' | 'size'> {\n  /**\n   * Тип баннера.\n   */\n  mode?: 'tint' | 'image';\n  /**\n   * Размер баннера.\n   */\n  size?: 's' | 'm';\n  /**\n   * Тип действия в правой части баннера.\n   *\n   * - `dismiss` – отображается иконка крестика, при нажатии на неё сработает свойство `onDismiss`.\n   * - `chevron` – отображается иконка шеврона, которая подразумевает, что при нажатии на баннер можно куда-то перейти.\n   */\n  after?: 'dismiss' | 'chevron' | React.ReactNode;\n  /**\n   * Срабатывает при нажатии на иконку крестика при `after=\"dismiss\"`.\n   */\n  onDismiss?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * Текст кнопки закрытия. Делает ее доступной для ассистивных технологий.\n   */\n  dismissLabel?: string;\n  /**\n   * Содержимое, отображаемое в левой части баннера.\n   */\n  before?: React.ReactNode;\n  /**\n   * Заголовок.\n   */\n  title?: React.ReactNode;\n  /**\n   * Подзаголовок.\n   */\n  subtitle?: React.ReactNode;\n  /**\n   * Дополнительный подзаголовок баннера.\n   */\n  extraSubtitle?: React.ReactNode;\n  /**\n   * При использовании `mode=\"image\"`.\n   *\n   * - `light` – в качестве фона используется светлое изображение, цвет текста в баннере будет тёмным.\n   * - `dark` – в качестве фона используется тёмное изображение, цвет текста будет светлым.\n   * - `auto` - цвет фона и текста будет зависеть от цветовой схемы приложения.\n   */\n  imageTheme?: 'light' | 'dark' | 'auto';\n  /**\n   * При использовании `mode=\"image\"`.\n   *\n   * Элемент, который нужно стилизовать цветом и/или фоном. Этот элемент будет растянут на 100% ширины и высоты баннера.\n   */\n  background?: React.ReactNode;\n  /**\n   * Кнопки-действия. Принимает [`Button`](https://vkui.io/components/button).\n   *\n   * - В режиме `tint` или `image` со светлым фоном используйте только с параметрами:\n   *    - `mode=\"primary\"`\n   *    - `mode=\"secondary\"`\n   * - В режиме `image` с тёмным фоном используйте с параметрами:\n   *    - `appearance=\"overlay\"`.\n   *\n   * Для набора кнопок используйте [`ButtonGroup`](https://vkui.io/components/button-group) с параметрами:\n   *\n   * - `gap=\"m\" mode=\"horizontal\" stretched`\n   * - `gap=\"m\" mode=\"vertical\" stretched`.\n   */\n  actions?: React.ReactNode;\n}\n\n/**\n * @see https://vkui.io/components/banner\n */\nexport const Banner = ({\n  mode = 'tint',\n  imageTheme: imageThemeProp = 'auto',\n  size = 's',\n  before,\n  after: afterProp,\n  title,\n  subtitle,\n  extraSubtitle,\n  children,\n  background,\n  actions,\n  onDismiss,\n  dismissLabel = 'Скрыть',\n  Component,\n  ...restProps\n}: BannerProps): React.ReactNode => {\n  const platform = usePlatform();\n  const colorScheme = useColorScheme();\n\n  const imageTheme = imageThemeProp === 'auto' ? colorScheme : imageThemeProp;\n\n  const HeaderTypography = size === 'm' ? Title : Headline;\n  const SubheadTypography = size === 'm' ? Text : Subhead;\n\n  const IconDismissIOS = mode === 'image' ? Icon24DismissDark : Icon24Dismiss;\n\n  const content = (\n    <>\n      {mode === 'image' && background && (\n        <div aria-hidden className={styles.bg}>\n          {background}\n        </div>\n      )}\n\n      {before && <div className={styles.before}>{before}</div>}\n\n      <div className={styles.content}>\n        {hasReactNode(title) && (\n          <HeaderTypography Component=\"div\" weight=\"2\" level={size === 'm' ? '2' : '1'}>\n            {title}\n          </HeaderTypography>\n        )}\n        {hasReactNode(subtitle) && (\n          <SubheadTypography Component=\"div\" className={styles.subtitle}>\n            {subtitle}\n          </SubheadTypography>\n        )}\n        {hasReactNode(extraSubtitle) && (\n          <Text Component=\"div\" className={styles.extraSubtitle}>\n            {extraSubtitle}\n          </Text>\n        )}\n        {hasReactNode(actions) && React.Children.count(actions) > 0 && (\n          <div className={styles.actions}>{actions}</div>\n        )}\n      </div>\n    </>\n  );\n\n  const afterMap: Record<string, React.ReactNode> = {\n    chevron: <Icon24Chevron className={styles.chevron} />,\n    dismiss: (\n      <IconButton\n        label={dismissLabel}\n        className={styles.dismiss}\n        onClick={onDismiss}\n        hoverMode=\"opacity\"\n        hasActive={false}\n      >\n        {platform === 'ios' ? <IconDismissIOS /> : <Icon24Cancel />}\n      </IconButton>\n    ),\n  };\n\n  const after = afterProp && (\n    <div className={styles.after}>\n      {typeof afterProp === 'string' ? afterMap[afterProp] : afterProp}\n    </div>\n  );\n\n  const isClickable = restProps.onClick || restProps.onClickCapture || restProps.href;\n\n  return (\n    <Tappable\n      Component={Component || (!isClickable ? 'section' : undefined)}\n      activeMode={platform === 'ios' ? 'opacity' : 'background'}\n      baseClassName={classNames(\n        styles.host,\n        platform === 'ios' && styles.ios,\n        mode === 'image' && styles.modeImage,\n        size === 'm' && styles.sizeM,\n        mode === 'image' && imageTheme === 'dark' && styles.inverted,\n      )}\n      {...restProps}\n    >\n      {content}\n      {after}\n    </Tappable>\n  );\n};\n"],"names":["React","Icon24Cancel","Icon24Chevron","Icon24Dismiss","Icon24DismissDark","classNames","hasReactNode","useColorScheme","usePlatform","IconButton","Tappable","Headline","Subhead","Text","Title","styles","Banner","mode","imageTheme","imageThemeProp","size","before","after","afterProp","title","subtitle","extraSubtitle","children","background","actions","onDismiss","dismissLabel","Component","restProps","platform","colorScheme","HeaderTypography","SubheadTypography","IconDismissIOS","content","div","aria-hidden","className","bg","weight","level","Children","count","afterMap","chevron","dismiss","label","onClick","hoverMode","hasActive","isClickable","onClickCapture","href","undefined","activeMode","baseClassName","host","ios","modeImage","sizeM","inverted"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Icon24Cancel, Icon24Chevron, Icon24Dismiss, Icon24DismissDark } from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useColorScheme } from '../../hooks/useColorScheme';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { IconButton } from '../IconButton/IconButton';\nimport { Tappable, type TappableOmitProps } from '../Tappable/Tappable';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './Banner.module.css';\n\nexport interface BannerProps extends Omit<TappableOmitProps, 'title' | 'size'> {\n  /**\n   * Тип баннера.\n   */\n  mode?: 'tint' | 'image' | undefined;\n  /**\n   * Размер баннера.\n   */\n  size?: 's' | 'm' | undefined;\n  /**\n   * Тип действия в правой части баннера.\n   *\n   * - `dismiss` – отображается иконка крестика, при нажатии на неё сработает свойство `onDismiss`.\n   * - `chevron` – отображается иконка шеврона, которая подразумевает, что при нажатии на баннер можно куда-то перейти.\n   */\n  after?: 'dismiss' | 'chevron' | React.ReactNode | undefined;\n  /**\n   * Срабатывает при нажатии на иконку крестика при `after=\"dismiss\"`.\n   */\n  onDismiss?: React.MouseEventHandler<HTMLButtonElement> | undefined;\n  /**\n   * Текст кнопки закрытия. Делает ее доступной для ассистивных технологий.\n   */\n  dismissLabel?: string | undefined;\n  /**\n   * Содержимое, отображаемое в левой части баннера.\n   */\n  before?: React.ReactNode | undefined;\n  /**\n   * Заголовок.\n   */\n  title?: React.ReactNode | undefined;\n  /**\n   * Подзаголовок.\n   */\n  subtitle?: React.ReactNode | undefined;\n  /**\n   * Дополнительный подзаголовок баннера.\n   */\n  extraSubtitle?: React.ReactNode | undefined;\n  /**\n   * При использовании `mode=\"image\"`.\n   *\n   * - `light` – в качестве фона используется светлое изображение, цвет текста в баннере будет тёмным.\n   * - `dark` – в качестве фона используется тёмное изображение, цвет текста будет светлым.\n   * - `auto` - цвет фона и текста будет зависеть от цветовой схемы приложения.\n   */\n  imageTheme?: 'light' | 'dark' | 'auto' | undefined;\n  /**\n   * При использовании `mode=\"image\"`.\n   *\n   * Элемент, который нужно стилизовать цветом и/или фоном. Этот элемент будет растянут на 100% ширины и высоты баннера.\n   */\n  background?: React.ReactNode | undefined;\n  /**\n   * Кнопки-действия. Принимает [`Button`](https://vkui.io/components/button).\n   *\n   * - В режиме `tint` или `image` со светлым фоном используйте только с параметрами:\n   *    - `mode=\"primary\"`\n   *    - `mode=\"secondary\"`\n   * - В режиме `image` с тёмным фоном используйте с параметрами:\n   *    - `appearance=\"overlay\"`.\n   *\n   * Для набора кнопок используйте [`ButtonGroup`](https://vkui.io/components/button-group) с параметрами:\n   *\n   * - `gap=\"m\" mode=\"horizontal\" stretched`\n   * - `gap=\"m\" mode=\"vertical\" stretched`.\n   */\n  actions?: React.ReactNode | undefined;\n}\n\n/**\n * @see https://vkui.io/components/banner\n */\nexport const Banner = ({\n  mode = 'tint',\n  imageTheme: imageThemeProp = 'auto',\n  size = 's',\n  before,\n  after: afterProp,\n  title,\n  subtitle,\n  extraSubtitle,\n  children,\n  background,\n  actions,\n  onDismiss,\n  dismissLabel = 'Скрыть',\n  Component,\n  ...restProps\n}: BannerProps): React.ReactNode => {\n  const platform = usePlatform();\n  const colorScheme = useColorScheme();\n\n  const imageTheme = imageThemeProp === 'auto' ? colorScheme : imageThemeProp;\n\n  const HeaderTypography = size === 'm' ? Title : Headline;\n  const SubheadTypography = size === 'm' ? Text : Subhead;\n\n  const IconDismissIOS = mode === 'image' ? Icon24DismissDark : Icon24Dismiss;\n\n  const content = (\n    <>\n      {mode === 'image' && background && (\n        <div aria-hidden className={styles.bg}>\n          {background}\n        </div>\n      )}\n\n      {before && <div className={styles.before}>{before}</div>}\n\n      <div className={styles.content}>\n        {hasReactNode(title) && (\n          <HeaderTypography Component=\"div\" weight=\"2\" level={size === 'm' ? '2' : '1'}>\n            {title}\n          </HeaderTypography>\n        )}\n        {hasReactNode(subtitle) && (\n          <SubheadTypography Component=\"div\" className={styles.subtitle}>\n            {subtitle}\n          </SubheadTypography>\n        )}\n        {hasReactNode(extraSubtitle) && (\n          <Text Component=\"div\" className={styles.extraSubtitle}>\n            {extraSubtitle}\n          </Text>\n        )}\n        {hasReactNode(actions) && React.Children.count(actions) > 0 && (\n          <div className={styles.actions}>{actions}</div>\n        )}\n      </div>\n    </>\n  );\n\n  const afterMap: Record<string, React.ReactNode> = {\n    chevron: <Icon24Chevron className={styles.chevron} />,\n    dismiss: (\n      <IconButton\n        label={dismissLabel}\n        className={styles.dismiss}\n        onClick={onDismiss}\n        hoverMode=\"opacity\"\n        hasActive={false}\n      >\n        {platform === 'ios' ? <IconDismissIOS /> : <Icon24Cancel />}\n      </IconButton>\n    ),\n  };\n\n  const after = afterProp && (\n    <div className={styles.after}>\n      {typeof afterProp === 'string' ? afterMap[afterProp] : afterProp}\n    </div>\n  );\n\n  const isClickable = restProps.onClick || restProps.onClickCapture || restProps.href;\n\n  return (\n    <Tappable\n      Component={Component || (!isClickable ? 'section' : undefined)}\n      activeMode={platform === 'ios' ? 'opacity' : 'background'}\n      baseClassName={classNames(\n        styles.host,\n        platform === 'ios' && styles.ios,\n        mode === 'image' && styles.modeImage,\n        size === 'm' && styles.sizeM,\n        mode === 'image' && imageTheme === 'dark' && styles.inverted,\n      )}\n      {...restProps}\n    >\n      {content}\n      {after}\n    </Tappable>\n  );\n};\n"],"names":["React","Icon24Cancel","Icon24Chevron","Icon24Dismiss","Icon24DismissDark","classNames","hasReactNode","useColorScheme","usePlatform","IconButton","Tappable","Headline","Subhead","Text","Title","styles","Banner","mode","imageTheme","imageThemeProp","size","before","after","afterProp","title","subtitle","extraSubtitle","children","background","actions","onDismiss","dismissLabel","Component","restProps","platform","colorScheme","HeaderTypography","SubheadTypography","IconDismissIOS","content","div","aria-hidden","className","bg","weight","level","Children","count","afterMap","chevron","dismiss","label","onClick","hoverMode","hasActive","isClickable","onClickCapture","href","undefined","activeMode","baseClassName","host","ios","modeImage","sizeM","inverted"],"mappings":"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"}

package/dist/cssm/components/Box/Box.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Box/Box.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { resolveLayoutProps } from '../../lib/layouts';\nimport type { LayoutProps } from '../../lib/layouts/types';\nimport { RootComponent, type RootComponentProps } from '../RootComponent/RootComponent';\nimport styles from './Box.module.css';\n\nconst displayClassNames = {\n  'none': styles.displayNone,\n  'inline': styles.displayInline,\n  'inline-block': styles.displayInlineBlock,\n  'block': styles.displayBlock,\n  'contents': styles.displayContents,\n};\n\nexport interface BoxProps extends RootComponentProps<HTMLElement>, LayoutProps {\n  /**\n   * Возможность задать css-свойство `display`.\n   */\n  display?: 'none' | 'inline' | 'inline-block' | 'block' | 'contents';\n}\n\n/**\n * @see https://vkui.io/components/box\n *\n * @since 7.9.0\n */\nexport const Box = ({ className, style, display, ...restProps }: BoxProps) => {\n  const resolvedProps = resolveLayoutProps(restProps);\n\n  return (\n    <RootComponent\n      {...resolvedProps}\n      baseClassName={resolvedProps.className}\n      baseStyle={resolvedProps.style}\n      className={classNames(className, display && displayClassNames[display])}\n      style={style}\n    />\n  );\n};\n"],"names":["classNames","resolveLayoutProps","RootComponent","styles","displayClassNames","displayNone","displayInline","displayInlineBlock","displayBlock","displayContents","Box","className","style","display","restProps","resolvedProps","baseClassName","baseStyle"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,kBAAkB,QAAQ,6BAAoB;AAEvD,SAASC,aAAa,QAAiC,oCAAiC;AACxF,OAAOC,YAAY,mBAAmB;AAEtC,MAAMC,oBAAoB;IACxB,QAAQD,OAAOE,WAAW;IAC1B,UAAUF,OAAOG,aAAa;IAC9B,gBAAgBH,OAAOI,kBAAkB;IACzC,SAASJ,OAAOK,YAAY;IAC5B,YAAYL,OAAOM,eAAe;AACpC;AASA;;;;CAIC,GACD,OAAO,MAAMC,MAAM,CAAC,EAAEC,SAAS,EAAEC,KAAK,EAAEC,OAAO,EAAE,GAAGC,WAAqB;IACvE,MAAMC,gBAAgBd,mBAAmBa;IAEzC,qBACE,KAACZ;QACE,GAAGa,aAAa;QACjBC,eAAeD,cAAcJ,SAAS;QACtCM,WAAWF,cAAcH,KAAK;QAC9BD,WAAWX,WAAWW,WAAWE,WAAWT,iBAAiB,CAACS,QAAQ;QACtED,OAAOA;;AAGb,EAAE"}
+{"version":3,"sources":["../../../../src/components/Box/Box.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { resolveLayoutProps } from '../../lib/layouts';\nimport type { LayoutProps } from '../../lib/layouts/types';\nimport { RootComponent, type RootComponentProps } from '../RootComponent/RootComponent';\nimport styles from './Box.module.css';\n\nconst displayClassNames = {\n  'none': styles.displayNone,\n  'inline': styles.displayInline,\n  'inline-block': styles.displayInlineBlock,\n  'block': styles.displayBlock,\n  'contents': styles.displayContents,\n};\n\nexport interface BoxProps extends RootComponentProps<HTMLElement>, LayoutProps {\n  /**\n   * Возможность задать css-свойство `display`.\n   */\n  display?: 'none' | 'inline' | 'inline-block' | 'block' | 'contents' | undefined;\n}\n\n/**\n * @see https://vkui.io/components/box\n *\n * @since 7.9.0\n */\nexport const Box = ({ className, style, display, ...restProps }: BoxProps) => {\n  const resolvedProps = resolveLayoutProps(restProps);\n\n  return (\n    <RootComponent\n      {...resolvedProps}\n      baseClassName={resolvedProps.className}\n      baseStyle={resolvedProps.style}\n      className={classNames(className, display && displayClassNames[display])}\n      style={style}\n    />\n  );\n};\n"],"names":["classNames","resolveLayoutProps","RootComponent","styles","displayClassNames","displayNone","displayInline","displayInlineBlock","displayBlock","displayContents","Box","className","style","display","restProps","resolvedProps","baseClassName","baseStyle"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,kBAAkB,QAAQ,6BAAoB;AAEvD,SAASC,aAAa,QAAiC,oCAAiC;AACxF,OAAOC,YAAY,mBAAmB;AAEtC,MAAMC,oBAAoB;IACxB,QAAQD,OAAOE,WAAW;IAC1B,UAAUF,OAAOG,aAAa;IAC9B,gBAAgBH,OAAOI,kBAAkB;IACzC,SAASJ,OAAOK,YAAY;IAC5B,YAAYL,OAAOM,eAAe;AACpC;AASA;;;;CAIC,GACD,OAAO,MAAMC,MAAM,CAAC,EAAEC,SAAS,EAAEC,KAAK,EAAEC,OAAO,EAAE,GAAGC,WAAqB;IACvE,MAAMC,gBAAgBd,mBAAmBa;IAEzC,qBACE,KAACZ;QACE,GAAGa,aAAa;QACjBC,eAAeD,cAAcJ,SAAS;QACtCM,WAAWF,cAAcH,KAAK;QAC9BD,WAAWX,WAAWW,WAAWE,WAAWT,iBAAiB,CAACS,QAAQ;QACtED,OAAOA;;AAGb,EAAE"}

package/dist/cssm/components/Button/Button.js

@@ -91,7 +91,7 @@ const densityClassNames = {
         getRootRef: getRootRef,
         children: [
             loading && /*#__PURE__*/ _jsx(Spinner, {
-                size: "s",
+                size: size === 's' ? 's' : 'm',
                 className: styles.spinner,
                 disableAnimation: disableSpinnerAnimation,
                 noColor: true,

package/dist/cssm/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { Elevation, HasAlign } from '../../types';\nimport { Spinner } from '../Spinner/Spinner';\nimport { Tappable, type TappableOmitProps } from '../Tappable/Tappable';\nimport '../Tappable/Tappable.module.css';\nimport '../Spinner/Spinner.module.css';\nimport styles from './Button.module.css';\n\nconst stylesElevation = {\n  '1': styles.elevation1,\n  '2': styles.elevation2,\n  '3': styles.elevation3,\n  '4': styles.elevation4,\n};\n\nconst stylesSize = {\n  s: styles.sizeS,\n  m: styles.sizeM,\n  l: styles.sizeL,\n};\n\nconst stylesMode = {\n  primary: styles.modePrimary,\n  secondary: styles.modeSecondary,\n  tertiary: styles.modeTertiary,\n  outline: styles.modeOutline,\n  link: styles.modeLink,\n};\n\nconst stylesAppearance = {\n  'accent': styles.appearanceAccent,\n  'positive': styles.appearancePositive,\n  'negative': styles.appearanceNegative,\n  'neutral': styles.appearanceNeutral,\n  'overlay': styles.appearanceOverlay,\n  'accent-invariable': styles.appearanceAccentInvariable,\n};\n\nconst stylesAlign = {\n  left: styles.alignLeft,\n  right: styles.alignRight,\n};\n\nconst densityClassNames = {\n  none: styles.densityNone,\n  regular: styles.densityRegular,\n};\n\nexport interface VKUIButtonProps extends HasAlign {\n  /**\n   * Режим отображения кнопки.\n   */\n  mode?: 'primary' | 'secondary' | 'tertiary' | 'outline' | 'link';\n  /**\n   * Цветовая схема кнопки.\n   */\n  appearance?: 'accent' | 'positive' | 'negative' | 'neutral' | 'overlay' | 'accent-invariable';\n  /**\n   * Размер кнопки.\n   */\n  size?: 's' | 'm' | 'l';\n  /**\n   * Растягивает кнопку на всю ширину контейнера.\n   */\n  stretched?: boolean;\n  /**\n   * Контент, отображаемый перед основным содержимым кнопки.\n   */\n  before?: React.ReactNode;\n  /**\n   * Контент, отображаемый после основного содержимого кнопки.\n   */\n  after?: React.ReactNode;\n  /**\n   * Включает состояние загрузки (отображает спиннер).\n   *\n   * ⚠️ **Важно для доступности**: При использовании `loading={true}` компонент автоматически\n   * устанавливает `aria-label` в значение `loadingLabel` (по умолчанию \"Загрузка...\"),\n   * чтобы скринридер мог объявить контекст загрузки. Вы можете переопределить это значение,\n   * передав свойство `loadingLabel`.\n   *\n   * @example\n   * <Button loading>Сохранить</Button>\n   * // Скринридер объявит: \"Загрузка..., кнопка\"\n   *\n   * @example\n   * <Button loading loadingLabel=\"Сохранение данных...\">Сохранить</Button>\n   */\n  loading?: boolean;\n  /**\n   * Текст для `aria-label` при состоянии загрузки.\n   * Подменяет переданный в компонент `aria-label` только когда `loading={true}`.\n   */\n  loadingLabel?: string;\n  /**\n   * Отключает анимацию спиннера загрузки.\n   */\n  disableSpinnerAnimation?: boolean;\n  /**\n   * Добавляет скругленные углы кнопке.\n   */\n  rounded?: boolean;\n  /**\n   * Добавляет тень кнопке.\n   */\n  elevation?: Elevation;\n}\n\nexport interface ButtonProps extends Omit<TappableOmitProps, 'size'>, VKUIButtonProps {}\n\n/**\n * @see https://vkui.io/components/button\n */\nexport const Button = ({\n  size = 's',\n  mode = 'primary',\n  appearance = 'accent',\n  stretched = false,\n  align = 'center',\n  children,\n  before,\n  after,\n  getRootRef,\n  loading,\n  loadingLabel = 'Загрузка...',\n  onClick,\n  disableSpinnerAnimation,\n  rounded,\n  disabled,\n  href,\n  'aria-label': ariaLabelProp,\n  elevation,\n  ...restProps\n}: ButtonProps): React.ReactNode => {\n  const hasIconOnly = !children && Boolean(after) !== Boolean(before);\n  const { density = 'none' } = useAdaptivity();\n  const platform = usePlatform();\n\n  const isDisabled = disabled || loading;\n  const hasHref = href !== undefined;\n\n  const ariaLabel = loading ? loadingLabel : ariaLabelProp;\n\n  const buttonProps = React.useMemo(() => {\n    if (hasHref) {\n      return isDisabled\n        ? {\n            // Для disabled/loading ссылок нужно удалить href и добавить role=\"link\"\n            // согласно https://w3c.github.io/html-aria/#example-communicate-a-disabled-link-with-aria\n            'role': 'link' as const,\n            'Component': 'a' as const,\n            'aria-disabled': isDisabled,\n          }\n        : {\n            href,\n            'aria-disabled': isDisabled,\n          };\n    } else {\n      return {\n        Component: 'button' as const,\n        disabled,\n      };\n    }\n  }, [disabled, hasHref, href, isDisabled]);\n\n  return (\n    <Tappable\n      hoverMode={styles.hover}\n      activeMode={styles.active}\n      focusVisibleMode=\"outside\"\n      aria-busy={loading}\n      hasHover={!loading}\n      hasActive={!loading}\n      {...buttonProps}\n      {...restProps}\n      aria-label={ariaLabel}\n      onClick={isDisabled ? undefined : onClick}\n      baseClassName={classNames(\n        styles.host,\n        stylesSize[size],\n        stylesMode[mode],\n        stylesAppearance[appearance],\n        align !== 'center' && stylesAlign[align],\n        density !== 'compact' && densityClassNames[density],\n        platform === 'ios' && styles.ios,\n        stretched && styles.stretched,\n        hasIconOnly && !stretched && styles.singleIcon,\n        loading && styles.loading,\n        rounded && styles.rounded,\n        disabled && styles.disabled,\n        elevation && stylesElevation[elevation],\n      )}\n      getRootRef={getRootRef}\n    >\n      {loading && (\n        <Spinner\n          size=\"s\"\n          className={styles.spinner}\n          disableAnimation={disableSpinnerAnimation}\n          noColor\n          aria-hidden=\"true\"\n        />\n      )}\n      <span className={styles.in}>\n        {hasReactNode(before) && (\n          <span\n            className={styles.before}\n            role=\"presentation\"\n            data-testid={process.env.NODE_ENV === 'test' ? 'before' : undefined}\n          >\n            {before}\n          </span>\n        )}\n        {hasReactNode(children) && (\n          <span\n            className={styles.content}\n            data-testid={process.env.NODE_ENV === 'test' ? 'children' : undefined}\n          >\n            {children}\n          </span>\n        )}\n        {hasReactNode(after) && (\n          <span\n            className={styles.after}\n            role=\"presentation\"\n            data-testid={process.env.NODE_ENV === 'test' ? 'after' : undefined}\n          >\n            {after}\n          </span>\n        )}\n      </span>\n    </Tappable>\n  );\n};\n"],"names":["React","classNames","hasReactNode","useAdaptivity","usePlatform","Spinner","Tappable","styles","stylesElevation","elevation1","elevation2","elevation3","elevation4","stylesSize","s","sizeS","m","sizeM","l","sizeL","stylesMode","primary","modePrimary","secondary","modeSecondary","tertiary","modeTertiary","outline","modeOutline","link","modeLink","stylesAppearance","appearanceAccent","appearancePositive","appearanceNegative","appearanceNeutral","appearanceOverlay","appearanceAccentInvariable","stylesAlign","left","alignLeft","right","alignRight","densityClassNames","none","densityNone","regular","densityRegular","Button","size","mode","appearance","stretched","align","children","before","after","getRootRef","loading","loadingLabel","onClick","disableSpinnerAnimation","rounded","disabled","href","ariaLabelProp","elevation","restProps","hasIconOnly","Boolean","density","platform","isDisabled","hasHref","undefined","ariaLabel","buttonProps","useMemo","Component","hoverMode","hover","activeMode","active","focusVisibleMode","aria-busy","hasHover","hasActive","aria-label","baseClassName","host","ios","singleIcon","className","spinner","disableAnimation","noColor","aria-hidden","span","in","role","data-testid","process","env","NODE_ENV","content"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { Elevation, HasAlign } from '../../types';\nimport { Spinner } from '../Spinner/Spinner';\nimport { Tappable, type TappableOmitProps } from '../Tappable/Tappable';\nimport '../Tappable/Tappable.module.css';\nimport '../Spinner/Spinner.module.css';\nimport styles from './Button.module.css';\n\nconst stylesElevation = {\n  '1': styles.elevation1,\n  '2': styles.elevation2,\n  '3': styles.elevation3,\n  '4': styles.elevation4,\n};\n\nconst stylesSize = {\n  s: styles.sizeS,\n  m: styles.sizeM,\n  l: styles.sizeL,\n};\n\nconst stylesMode = {\n  primary: styles.modePrimary,\n  secondary: styles.modeSecondary,\n  tertiary: styles.modeTertiary,\n  outline: styles.modeOutline,\n  link: styles.modeLink,\n};\n\nconst stylesAppearance = {\n  'accent': styles.appearanceAccent,\n  'positive': styles.appearancePositive,\n  'negative': styles.appearanceNegative,\n  'neutral': styles.appearanceNeutral,\n  'overlay': styles.appearanceOverlay,\n  'accent-invariable': styles.appearanceAccentInvariable,\n};\n\nconst stylesAlign = {\n  left: styles.alignLeft,\n  right: styles.alignRight,\n};\n\nconst densityClassNames = {\n  none: styles.densityNone,\n  regular: styles.densityRegular,\n};\n\nexport interface VKUIButtonProps extends HasAlign {\n  /**\n   * Режим отображения кнопки.\n   */\n  mode?: 'primary' | 'secondary' | 'tertiary' | 'outline' | 'link' | undefined;\n  /**\n   * Цветовая схема кнопки.\n   */\n  appearance?:\n    | 'accent'\n    | 'positive'\n    | 'negative'\n    | 'neutral'\n    | 'overlay'\n    | 'accent-invariable'\n    | undefined;\n  /**\n   * Размер кнопки.\n   */\n  size?: 's' | 'm' | 'l' | undefined;\n  /**\n   * Растягивает кнопку на всю ширину контейнера.\n   */\n  stretched?: boolean | undefined;\n  /**\n   * Контент, отображаемый перед основным содержимым кнопки.\n   */\n  before?: React.ReactNode | undefined;\n  /**\n   * Контент, отображаемый после основного содержимого кнопки.\n   */\n  after?: React.ReactNode | undefined;\n  /**\n   * Включает состояние загрузки (отображает спиннер).\n   *\n   * ⚠️ **Важно для доступности**: При использовании `loading={true}` компонент автоматически\n   * устанавливает `aria-label` в значение `loadingLabel` (по умолчанию \"Загрузка...\"),\n   * чтобы скринридер мог объявить контекст загрузки. Вы можете переопределить это значение,\n   * передав свойство `loadingLabel`.\n   *\n   * @example\n   * <Button loading>Сохранить</Button>\n   * // Скринридер объявит: \"Загрузка..., кнопка\"\n   *\n   * @example\n   * <Button loading loadingLabel=\"Сохранение данных...\">Сохранить</Button>\n   */\n  loading?: boolean | undefined;\n  /**\n   * Текст для `aria-label` при состоянии загрузки.\n   * Подменяет переданный в компонент `aria-label` только когда `loading={true}`.\n   */\n  loadingLabel?: string | undefined;\n  /**\n   * Отключает анимацию спиннера загрузки.\n   */\n  disableSpinnerAnimation?: boolean | undefined;\n  /**\n   * Добавляет скругленные углы кнопке.\n   */\n  rounded?: boolean | undefined;\n  /**\n   * Добавляет тень кнопке.\n   */\n  elevation?: Elevation | undefined;\n}\n\nexport interface ButtonProps extends Omit<TappableOmitProps, 'size'>, VKUIButtonProps {}\n\n/**\n * @see https://vkui.io/components/button\n */\nexport const Button = ({\n  size = 's',\n  mode = 'primary',\n  appearance = 'accent',\n  stretched = false,\n  align = 'center',\n  children,\n  before,\n  after,\n  getRootRef,\n  loading,\n  loadingLabel = 'Загрузка...',\n  onClick,\n  disableSpinnerAnimation,\n  rounded,\n  disabled,\n  href,\n  'aria-label': ariaLabelProp,\n  elevation,\n  ...restProps\n}: ButtonProps): React.ReactNode => {\n  const hasIconOnly = !children && Boolean(after) !== Boolean(before);\n  const { density = 'none' } = useAdaptivity();\n  const platform = usePlatform();\n\n  const isDisabled = disabled || loading;\n  const hasHref = href !== undefined;\n\n  const ariaLabel = loading ? loadingLabel : ariaLabelProp;\n\n  const buttonProps = React.useMemo(() => {\n    if (hasHref) {\n      return isDisabled\n        ? {\n            // Для disabled/loading ссылок нужно удалить href и добавить role=\"link\"\n            // согласно https://w3c.github.io/html-aria/#example-communicate-a-disabled-link-with-aria\n            'role': 'link' as const,\n            'Component': 'a' as const,\n            'aria-disabled': isDisabled,\n          }\n        : {\n            href,\n            'aria-disabled': isDisabled,\n          };\n    } else {\n      return {\n        Component: 'button' as const,\n        disabled,\n      };\n    }\n  }, [disabled, hasHref, href, isDisabled]);\n\n  return (\n    <Tappable\n      hoverMode={styles.hover}\n      activeMode={styles.active}\n      focusVisibleMode=\"outside\"\n      aria-busy={loading}\n      hasHover={!loading}\n      hasActive={!loading}\n      {...buttonProps}\n      {...restProps}\n      aria-label={ariaLabel}\n      onClick={isDisabled ? undefined : onClick}\n      baseClassName={classNames(\n        styles.host,\n        stylesSize[size],\n        stylesMode[mode],\n        stylesAppearance[appearance],\n        align !== 'center' && stylesAlign[align],\n        density !== 'compact' && densityClassNames[density],\n        platform === 'ios' && styles.ios,\n        stretched && styles.stretched,\n        hasIconOnly && !stretched && styles.singleIcon,\n        loading && styles.loading,\n        rounded && styles.rounded,\n        disabled && styles.disabled,\n        elevation && stylesElevation[elevation],\n      )}\n      getRootRef={getRootRef}\n    >\n      {loading && (\n        <Spinner\n          size={size === 's' ? 's' : 'm'}\n          className={styles.spinner}\n          disableAnimation={disableSpinnerAnimation}\n          noColor\n          aria-hidden=\"true\"\n        />\n      )}\n      <span className={styles.in}>\n        {hasReactNode(before) && (\n          <span\n            className={styles.before}\n            role=\"presentation\"\n            data-testid={process.env.NODE_ENV === 'test' ? 'before' : undefined}\n          >\n            {before}\n          </span>\n        )}\n        {hasReactNode(children) && (\n          <span\n            className={styles.content}\n            data-testid={process.env.NODE_ENV === 'test' ? 'children' : undefined}\n          >\n            {children}\n          </span>\n        )}\n        {hasReactNode(after) && (\n          <span\n            className={styles.after}\n            role=\"presentation\"\n            data-testid={process.env.NODE_ENV === 'test' ? 'after' : undefined}\n          >\n            {after}\n          </span>\n        )}\n      </span>\n    </Tappable>\n  );\n};\n"],"names":["React","classNames","hasReactNode","useAdaptivity","usePlatform","Spinner","Tappable","styles","stylesElevation","elevation1","elevation2","elevation3","elevation4","stylesSize","s","sizeS","m","sizeM","l","sizeL","stylesMode","primary","modePrimary","secondary","modeSecondary","tertiary","modeTertiary","outline","modeOutline","link","modeLink","stylesAppearance","appearanceAccent","appearancePositive","appearanceNegative","appearanceNeutral","appearanceOverlay","appearanceAccentInvariable","stylesAlign","left","alignLeft","right","alignRight","densityClassNames","none","densityNone","regular","densityRegular","Button","size","mode","appearance","stretched","align","children","before","after","getRootRef","loading","loadingLabel","onClick","disableSpinnerAnimation","rounded","disabled","href","ariaLabelProp","elevation","restProps","hasIconOnly","Boolean","density","platform","isDisabled","hasHref","undefined","ariaLabel","buttonProps","useMemo","Component","hoverMode","hover","activeMode","active","focusVisibleMode","aria-busy","hasHover","hasActive","aria-label","baseClassName","host","ios","singleIcon","className","spinner","disableAnimation","noColor","aria-hidden","span","in","role","data-testid","process","env","NODE_ENV","content"],"mappings":"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"}

package/dist/cssm/components/ButtonGroup/ButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport type { AlignType, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './ButtonGroup.module.css';\n\nconst stylesMode = {\n  vertical: styles.modeVertical,\n  horizontal: styles.modeHorizontal,\n};\n\nconst stylesGap = {\n  space: styles.gapSpace,\n  s: styles.gapS,\n  m: styles.gapM,\n};\n\nconst stylesAlign = {\n  left: styles.alignLeft,\n  center: styles.alignCenter,\n  right: styles.alignRight,\n};\n\nexport interface ButtonGroupProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Задает расположение элементов внутри группы, вертикальное или горизонтальное.\n   */\n  mode?: 'vertical' | 'horizontal';\n  /**\n   * Выставляет в зависимости от `mode` отступ по вертикали или горизонтали.\n   */\n  gap?: 'none' | 'space' | 's' | 'm';\n  /**\n   * Растягивает компонент на всю ширину контейнера.\n   *\n   * Note: Для потомков соответствующее поведение нужно определять самостоятельно, где это необходимо.\n   */\n  stretched?: boolean;\n  /**\n   * Горизонтальное выравнивание элементов внутри группы.\n   */\n  align?: AlignType;\n}\n\n/**\n * @see https://vkui.io/components/button-group\n */\nexport const ButtonGroup = ({\n  mode = 'horizontal',\n  gap = 'm',\n  stretched = false,\n  align = 'left' /* NOTE: Чтобы блоки по-умолчанию не растягивались на всю ширину контейнера */,\n  ...restProps\n}: ButtonGroupProps): React.ReactNode => {\n  return (\n    <RootComponent\n      baseClassName={classNames(\n        styles.host,\n        stylesMode[mode],\n        gap !== 'none' && stylesGap[gap],\n        stretched && styles.stretched,\n        stylesAlign[align],\n      )}\n      role=\"group\"\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","RootComponent","styles","stylesMode","vertical","modeVertical","horizontal","modeHorizontal","stylesGap","space","gapSpace","s","gapS","m","gapM","stylesAlign","left","alignLeft","center","alignCenter","right","alignRight","ButtonGroup","mode","gap","stretched","align","restProps","baseClassName","host","role"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,OAAOC,YAAY,2BAA2B;AAE9C,MAAMC,aAAa;IACjBC,UAAUF,OAAOG,YAAY;IAC7BC,YAAYJ,OAAOK,cAAc;AACnC;AAEA,MAAMC,YAAY;IAChBC,OAAOP,OAAOQ,QAAQ;IACtBC,GAAGT,OAAOU,IAAI;IACdC,GAAGX,OAAOY,IAAI;AAChB;AAEA,MAAMC,cAAc;IAClBC,MAAMd,OAAOe,SAAS;IACtBC,QAAQhB,OAAOiB,WAAW;IAC1BC,OAAOlB,OAAOmB,UAAU;AAC1B;AAuBA;;CAEC,GACD,OAAO,MAAMC,cAAc,CAAC,EAC1BC,OAAO,YAAY,EACnBC,MAAM,GAAG,EACTC,YAAY,KAAK,EACjBC,QAAQ,OAAO,4EAA4E,GAA7E,EACd,GAAGC,WACc;IACjB,qBACE,KAAC1B;QACC2B,eAAe5B,WACbE,OAAO2B,IAAI,EACX1B,UAAU,CAACoB,KAAK,EAChBC,QAAQ,UAAUhB,SAAS,CAACgB,IAAI,EAChCC,aAAavB,OAAOuB,SAAS,EAC7BV,WAAW,CAACW,MAAM;QAEpBI,MAAK;QACJ,GAAGH,SAAS;;AAGnB,EAAE"}
+{"version":3,"sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport type { AlignType, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './ButtonGroup.module.css';\n\nconst stylesMode = {\n  vertical: styles.modeVertical,\n  horizontal: styles.modeHorizontal,\n};\n\nconst stylesGap = {\n  space: styles.gapSpace,\n  s: styles.gapS,\n  m: styles.gapM,\n};\n\nconst stylesAlign = {\n  left: styles.alignLeft,\n  center: styles.alignCenter,\n  right: styles.alignRight,\n};\n\nexport interface ButtonGroupProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Задает расположение элементов внутри группы, вертикальное или горизонтальное.\n   */\n  mode?: 'vertical' | 'horizontal' | undefined;\n  /**\n   * Выставляет в зависимости от `mode` отступ по вертикали или горизонтали.\n   */\n  gap?: 'none' | 'space' | 's' | 'm' | undefined;\n  /**\n   * Растягивает компонент на всю ширину контейнера.\n   *\n   * Note: Для потомков соответствующее поведение нужно определять самостоятельно, где это необходимо.\n   */\n  stretched?: boolean | undefined;\n  /**\n   * Горизонтальное выравнивание элементов внутри группы.\n   */\n  align?: AlignType | undefined;\n}\n\n/**\n * @see https://vkui.io/components/button-group\n */\nexport const ButtonGroup = ({\n  mode = 'horizontal',\n  gap = 'm',\n  stretched = false,\n  align = 'left' /* NOTE: Чтобы блоки по-умолчанию не растягивались на всю ширину контейнера */,\n  ...restProps\n}: ButtonGroupProps): React.ReactNode => {\n  return (\n    <RootComponent\n      baseClassName={classNames(\n        styles.host,\n        stylesMode[mode],\n        gap !== 'none' && stylesGap[gap],\n        stretched && styles.stretched,\n        stylesAlign[align],\n      )}\n      role=\"group\"\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","RootComponent","styles","stylesMode","vertical","modeVertical","horizontal","modeHorizontal","stylesGap","space","gapSpace","s","gapS","m","gapM","stylesAlign","left","alignLeft","center","alignCenter","right","alignRight","ButtonGroup","mode","gap","stretched","align","restProps","baseClassName","host","role"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,OAAOC,YAAY,2BAA2B;AAE9C,MAAMC,aAAa;IACjBC,UAAUF,OAAOG,YAAY;IAC7BC,YAAYJ,OAAOK,cAAc;AACnC;AAEA,MAAMC,YAAY;IAChBC,OAAOP,OAAOQ,QAAQ;IACtBC,GAAGT,OAAOU,IAAI;IACdC,GAAGX,OAAOY,IAAI;AAChB;AAEA,MAAMC,cAAc;IAClBC,MAAMd,OAAOe,SAAS;IACtBC,QAAQhB,OAAOiB,WAAW;IAC1BC,OAAOlB,OAAOmB,UAAU;AAC1B;AAuBA;;CAEC,GACD,OAAO,MAAMC,cAAc,CAAC,EAC1BC,OAAO,YAAY,EACnBC,MAAM,GAAG,EACTC,YAAY,KAAK,EACjBC,QAAQ,OAAO,4EAA4E,GAA7E,EACd,GAAGC,WACc;IACjB,qBACE,KAAC1B;QACC2B,eAAe5B,WACbE,OAAO2B,IAAI,EACX1B,UAAU,CAACoB,KAAK,EAChBC,QAAQ,UAAUhB,SAAS,CAACgB,IAAI,EAChCC,aAAavB,OAAOuB,SAAS,EAC7BV,WAAW,CAACW,MAAM;QAEpBI,MAAK;QACJ,GAAGH,SAAS;;AAGnB,EAAE"}

package/dist/cssm/components/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, isSameDate } from '@vkontakte/vkjs';\nimport { useCalendar } from '../../hooks/useCalendar';\nimport { useCustomEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { Keys, pressedKey } from '../../lib/accessibility';\nimport { clamp, isFirstDay, isLastDay, navigateDate, NAVIGATION_KEYS } from '../../lib/calendar';\nimport {\n  convertDateFromTimeZone,\n  convertDateToTimeZone,\n  createDateInTimeZone,\n  isSameMonth,\n  startOfMonth,\n} from '../../lib/date';\nimport { isHTMLElement } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport {\n  CalendarDays,\n  type CalendarDaysProps,\n  type CalendarDaysTestsProps,\n} from '../CalendarDays/CalendarDays';\nimport {\n  CalendarHeader,\n  type CalendarHeaderProps,\n  type CalendarHeaderTestsProps,\n} from '../CalendarHeader/CalendarHeader';\nimport {\n  type CalendarDoneButtonProps,\n  CalendarTime,\n  type CalendarTimeProps,\n  type CalendarTimeTestsProps,\n} from '../CalendarTime/CalendarTime';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Calendar.module.css';\n\nexport type CalendarTestsProps = CalendarDaysTestsProps &\n  CalendarHeaderTestsProps &\n  CalendarTimeTestsProps;\n\nexport interface CalendarProps\n  extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'onChange' | 'defaultValue'>,\n    Pick<CalendarTimeProps, 'changeHoursLabel' | 'changeMinutesLabel'>,\n    Pick<\n      CalendarHeaderProps,\n      | 'prevMonthLabel'\n      | 'nextMonthLabel'\n      | 'changeMonthLabel'\n      | 'changeYearLabel'\n      | 'onNextMonth'\n      | 'onPrevMonth'\n      | 'prevMonthIcon'\n      | 'nextMonthIcon'\n      | 'prevMonthProps'\n      | 'nextMonthProps'\n    >,\n    Pick<CalendarDaysProps, 'dayProps' | 'listenDayChangesForUpdate' | 'renderDayContent'>,\n    CalendarDoneButtonProps,\n    CalendarTestsProps {\n  /**\n   * Текущая выбранная дата.\n   */\n  value?: Date | null;\n  /**\n   * Начальная дата при монтировании.\n   */\n  defaultValue?: Date | null;\n  /**\n   * Запрещает выбор даты в прошлом.\n   * Применяется, если не заданы `shouldDisableDate` и `disableFuture`.\n   */\n  disablePast?: boolean;\n  /**\n   * Запрещает выбор даты в будущем.\n   * Применяется, если не задано `shouldDisableDate`.\n   */\n  disableFuture?: boolean;\n  /**\n   * Включает выбор времени.\n   */\n  enableTime?: boolean;\n  /**\n   * Отключает селекторы выбора месяца/года.\n   */\n  disablePickers?: boolean;\n  /**\n   * `aria-label` для изменения дня.\n   *\n   * @deprecated Будет удалeно в **VKUI v9**.\n   * Использовалось для задания aria-label для контейнера дней в календаре.\n   * Теперь этот контейнер является таблицей (с помощью role=\"grid\") и\n   * в aria-label рендерится текущий открытый в календаре месяц и год.\n   */\n  changeDayLabel?: string; // TODO [>=9]: удалить неиспользуемое свойство\n  /**\n   * День недели, с которого начинается неделя.\n   */\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  /**\n   * Показывать дни соседних месяцев.\n   */\n  showNeighboringMonth?: boolean;\n  /**\n   * Размер календаря.\n   */\n  size?: 's' | 'm';\n  /**\n   * Обработчик изменения выбранной даты.\n   */\n  onChange?: (value: Date) => void;\n  /**\n   * Функция для проверки запрета выбора даты.\n   */\n  shouldDisableDate?: (value: Date) => boolean;\n  /**\n   * Дата отображаемого месяца.\n   * При использовании обновление даты должно происходить вне компонента.\n   */\n  viewDate?: Date;\n  /**\n   * Обработчик изменения даты в шапке календаря.\n   */\n  onHeaderChange?: (value: Date) => void;\n  /**\n   * Минимальные дата и время, которые можно выбрать.\n   * Применяется, если не заданы `shouldDisableDate` и `disablePast`/`disableFuture`.\n   */\n  minDateTime?: Date;\n  /**\n   * Максимальные дата и время, которые можно выбрать.\n   * Применяется, если не заданы `shouldDisableDate` и `disablePast`/`disableFuture`.\n   */\n  maxDateTime?: Date;\n  /**\n   * Часовой пояс для отображения даты.\n   */\n  timezone?: string;\n}\n\nconst warn = warnOnce('Calendar');\n\n/**\n * @see https://vkui.io/components/calendar\n */\nexport const Calendar = ({\n  getRootRef,\n  'value': valueProp,\n  defaultValue,\n  onChange,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n  onDoneButtonClick,\n  enableTime = false,\n  doneButtonText,\n  doneButtonDisabled,\n  doneButtonShow,\n  DoneButton,\n  weekStartsOn = 1,\n  disablePickers,\n  'aria-label': ariaLabel = 'Календарь',\n  changeHoursLabel = 'Изменить час',\n  changeMinutesLabel = 'Изменить минуту',\n  prevMonthLabel = 'Предыдущий месяц',\n  nextMonthLabel = 'Следующий месяц',\n  changeMonthLabel = 'Изменить месяц',\n  changeYearLabel = 'Изменить год',\n  showNeighboringMonth,\n  size = 'm',\n  'viewDate': externalViewDate,\n  onHeaderChange,\n  onNextMonth,\n  onPrevMonth,\n  prevMonthIcon,\n  nextMonthIcon,\n  prevMonthProps,\n  nextMonthProps,\n  dayProps,\n  listenDayChangesForUpdate,\n  renderDayContent,\n  minDateTime,\n  maxDateTime,\n  timezone,\n  minutesTestId,\n  hoursTestId,\n  doneButtonTestId,\n  prevMonthButtonTestId,\n  nextMonthButtonTestId,\n  monthDropdownTestId,\n  yearDropdownTestId,\n  dayTestId,\n  ...props\n}: CalendarProps): React.ReactNode => {\n  const _onChange = React.useCallback(\n    (date: Date | null) => {\n      const newDate = convertDateFromTimeZone(date, timezone);\n      if (newDate && onChange) {\n        onChange(newDate);\n      }\n    },\n    [onChange, timezone],\n  );\n\n  const [value, updateValue] = useCustomEnsuredControl<Date | null>({\n    value: valueProp,\n    defaultValue: defaultValue as Date | null,\n    onChange: _onChange,\n  });\n\n  const timeZonedValue: Date | null | undefined = React.useMemo(\n    () => convertDateToTimeZone(value, timezone),\n    [timezone, value],\n  );\n\n  const {\n    viewDate,\n    setViewDate,\n    setPrevMonth,\n    setNextMonth,\n    focusedDay,\n    setFocusedDay,\n    isDayFocused,\n    isDayDisabled,\n    isMonthDisabled,\n    isYearDisabled,\n  } = useCalendar({\n    value: timeZonedValue,\n    disableFuture,\n    disablePast,\n    shouldDisableDate,\n    onHeaderChange,\n    onNextMonth,\n    onPrevMonth,\n    minDateTime,\n    maxDateTime,\n  });\n  // соотвествует дню, на котором можно сфокусироваться с помощью Tab\n  const [focusableDay, setFocusableDay] = React.useState<Date>();\n\n  useIsomorphicLayoutEffect(() => {\n    if (timeZonedValue) {\n      setViewDate(timeZonedValue);\n    }\n  }, [timeZonedValue]);\n\n  if (process.env.NODE_ENV === 'development' && !disablePickers && size === 's') {\n    warn(\"Нельзя включить селекты выбора месяца/года, если размер календаря 's'\", 'error');\n  }\n\n  if (process.env.NODE_ENV === 'development' && enableTime && size === 's') {\n    warn(\"Нельзя включить выбор времени, если размер календаря 's'\", 'error');\n  }\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      const key = pressedKey(event);\n      if (key && NAVIGATION_KEYS.includes(key)) {\n        event.preventDefault();\n\n        const newFocusedDay = navigateDate(focusedDay ?? timeZonedValue, key);\n\n        if (newFocusedDay && !isSameMonth(newFocusedDay, viewDate)) {\n          setViewDate(newFocusedDay);\n        }\n        setFocusedDay(newFocusedDay);\n        setFocusableDay(newFocusedDay);\n\n        return;\n      }\n\n      if (key === Keys.TAB) {\n        setFocusedDay(undefined);\n        setFocusableDay(focusedDay);\n\n        return;\n      }\n\n      if ((key === Keys.ENTER || key === Keys.SPACE) && isHTMLElement(event.target)) {\n        event.preventDefault();\n        event.target.click?.();\n      }\n    },\n    [focusedDay, setFocusedDay, setFocusableDay, setViewDate, timeZonedValue, viewDate],\n  );\n\n  const onDayChange = React.useCallback(\n    (date: Date) => {\n      let actualDate = createDateInTimeZone(timeZonedValue ?? date, timezone, {\n        year: date.getFullYear(),\n        month: date.getMonth(),\n        date: date.getDate(),\n      });\n\n      if (minDateTime || maxDateTime) {\n        actualDate = clamp(actualDate, { min: minDateTime, max: maxDateTime });\n      }\n      updateValue(actualDate);\n    },\n    [timezone, timeZonedValue, updateValue, maxDateTime, minDateTime],\n  );\n\n  const onDayFocus = React.useCallback(\n    (date: Date) => {\n      if (focusedDay && isSameDate(focusedDay, date)) {\n        return;\n      }\n\n      setFocusedDay(date);\n      if (!focusableDay || !isSameDate(date, focusableDay)) {\n        setFocusableDay(date);\n      }\n    },\n    [focusableDay, focusedDay, setFocusedDay],\n  );\n\n  // activeDay это день в календаре соответствующий значению в инпуте\n  const isDayActive = React.useCallback(\n    (day: Date) => Boolean(timeZonedValue && isSameDate(day, timeZonedValue)),\n    [timeZonedValue],\n  );\n\n  const timeZoneSetHours = React.useCallback(\n    (date: Date, hours: number) => createDateInTimeZone(date, timezone, { hours }),\n    [timezone],\n  );\n\n  const timeZoneSetMinutes = React.useCallback(\n    (date: Date, minutes: number) => createDateInTimeZone(date, timezone, { minutes }),\n    [timezone],\n  );\n\n  const isFocusableDayInViewDateMonth = focusableDay && isSameMonth(focusableDay, viewDate);\n  const isInputValueDateInViewDateMonth = timeZonedValue && isSameMonth(timeZonedValue, viewDate);\n  /**\n   * Функция позволяет проверить является ли день в календаре днём на который\n   * можно попасть с помощью Tab.\n   * Единственный день в таблице календаря у которого есть tabIndex=\"0\"\n   * Чтобы на него можно было попасть из заголовка календаря.\n   */\n  const isDayFocusable = React.useCallback(\n    (day: Date) => {\n      // если focusableDay день находится среди дней открытого сейчас месяца, то такой день получит tabIndex=\"0\",\n      if (isFocusableDayInViewDateMonth) {\n        return isSameDate(focusableDay, day);\n      }\n\n      // при открытии календаря focusableDay не определён,\n      // поэтому tabIndex=\"0\" будет у дня, соответствующего дню в инпуте\n      if (isInputValueDateInViewDateMonth) {\n        return isDayActive(day);\n      }\n\n      // при переключении месяца любая навигация с помощью Tab начинается\n      // с первого дня месяца.\n      return isSameDate(startOfMonth(viewDate), day);\n    },\n    [\n      focusableDay,\n      viewDate,\n      isDayActive,\n      isFocusableDayInViewDateMonth,\n      isInputValueDateInViewDateMonth,\n    ],\n  );\n\n  return (\n    <RootComponent\n      aria-label={ariaLabel}\n      {...props}\n      baseClassName={classNames(styles.host, size === 's' && styles.sizeS)}\n      getRootRef={getRootRef}\n    >\n      <CalendarHeader\n        viewDate={externalViewDate || viewDate}\n        onChange={setViewDate}\n        onNextMonth={setNextMonth}\n        onPrevMonth={setPrevMonth}\n        disablePickers={disablePickers || size === 's'}\n        className={styles.header}\n        prevMonthLabel={prevMonthLabel}\n        nextMonthLabel={nextMonthLabel}\n        changeMonthLabel={changeMonthLabel}\n        changeYearLabel={changeYearLabel}\n        prevMonthIcon={prevMonthIcon}\n        nextMonthIcon={nextMonthIcon}\n        prevMonthProps={prevMonthProps}\n        nextMonthProps={nextMonthProps}\n        isMonthDisabled={isMonthDisabled}\n        isYearDisabled={isYearDisabled}\n        nextMonthButtonTestId={nextMonthButtonTestId}\n        prevMonthButtonTestId={prevMonthButtonTestId}\n        monthDropdownTestId={monthDropdownTestId}\n        yearDropdownTestId={yearDropdownTestId}\n      />\n      <CalendarDays\n        viewDate={externalViewDate || viewDate}\n        value={timeZonedValue}\n        weekStartsOn={weekStartsOn}\n        onKeyDown={handleKeyDown}\n        onDayChange={onDayChange}\n        isDayActive={isDayActive}\n        onDayFocus={onDayFocus}\n        isDayFocused={isDayFocused}\n        isDayFocusable={isDayFocusable}\n        isDaySelectionStart={isFirstDay}\n        isDaySelectionEnd={isLastDay}\n        isDayDisabled={isDayDisabled}\n        showNeighboringMonth={showNeighboringMonth}\n        size={size}\n        dayProps={dayProps}\n        listenDayChangesForUpdate={listenDayChangesForUpdate}\n        renderDayContent={renderDayContent}\n        dayTestId={dayTestId}\n      />\n      {enableTime && timeZonedValue && size !== 's' && (\n        <div className={styles.time}>\n          <CalendarTime\n            value={timeZonedValue}\n            onChange={updateValue}\n            setHours={timeZoneSetHours}\n            setMinutes={timeZoneSetMinutes}\n            onDoneButtonClick={onDoneButtonClick}\n            doneButtonText={doneButtonText}\n            doneButtonDisabled={doneButtonDisabled}\n            doneButtonShow={doneButtonShow}\n            DoneButton={DoneButton}\n            changeHoursLabel={changeHoursLabel}\n            changeMinutesLabel={changeMinutesLabel}\n            isDayDisabled={minDateTime || maxDateTime ? isDayDisabled : undefined}\n            minutesTestId={minutesTestId}\n            hoursTestId={hoursTestId}\n            doneButtonTestId={doneButtonTestId}\n          />\n        </div>\n      )}\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","isSameDate","useCalendar","useCustomEnsuredControl","Keys","pressedKey","clamp","isFirstDay","isLastDay","navigateDate","NAVIGATION_KEYS","convertDateFromTimeZone","convertDateToTimeZone","createDateInTimeZone","isSameMonth","startOfMonth","isHTMLElement","useIsomorphicLayoutEffect","warnOnce","CalendarDays","CalendarHeader","CalendarTime","RootComponent","styles","warn","Calendar","getRootRef","valueProp","defaultValue","onChange","disablePast","disableFuture","shouldDisableDate","onDoneButtonClick","enableTime","doneButtonText","doneButtonDisabled","doneButtonShow","DoneButton","weekStartsOn","disablePickers","ariaLabel","changeHoursLabel","changeMinutesLabel","prevMonthLabel","nextMonthLabel","changeMonthLabel","changeYearLabel","showNeighboringMonth","size","externalViewDate","onHeaderChange","onNextMonth","onPrevMonth","prevMonthIcon","nextMonthIcon","prevMonthProps","nextMonthProps","dayProps","listenDayChangesForUpdate","renderDayContent","minDateTime","maxDateTime","timezone","minutesTestId","hoursTestId","doneButtonTestId","prevMonthButtonTestId","nextMonthButtonTestId","monthDropdownTestId","yearDropdownTestId","dayTestId","props","_onChange","useCallback","date","newDate","value","updateValue","timeZonedValue","useMemo","viewDate","setViewDate","setPrevMonth","setNextMonth","focusedDay","setFocusedDay","isDayFocused","isDayDisabled","isMonthDisabled","isYearDisabled","focusableDay","setFocusableDay","useState","process","env","NODE_ENV","handleKeyDown","event","key","includes","preventDefault","newFocusedDay","TAB","undefined","ENTER","SPACE","target","click","onDayChange","actualDate","year","getFullYear","month","getMonth","getDate","min","max","onDayFocus","isDayActive","day","Boolean","timeZoneSetHours","hours","timeZoneSetMinutes","minutes","isFocusableDayInViewDateMonth","isInputValueDateInViewDateMonth","isDayFocusable","aria-label","baseClassName","host","sizeS","className","header","onKeyDown","isDaySelectionStart","isDaySelectionEnd","div","time","setHours","setMinutes"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, isSameDate } from '@vkontakte/vkjs';\nimport { useCalendar } from '../../hooks/useCalendar';\nimport { useCustomEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { Keys, pressedKey } from '../../lib/accessibility';\nimport { clamp, isFirstDay, isLastDay, navigateDate, NAVIGATION_KEYS } from '../../lib/calendar';\nimport {\n  convertDateFromTimeZone,\n  convertDateToTimeZone,\n  createDateInTimeZone,\n  isSameMonth,\n  startOfMonth,\n} from '../../lib/date';\nimport { isHTMLElement } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport {\n  CalendarDays,\n  type CalendarDaysProps,\n  type CalendarDaysTestsProps,\n} from '../CalendarDays/CalendarDays';\nimport {\n  CalendarHeader,\n  type CalendarHeaderProps,\n  type CalendarHeaderTestsProps,\n} from '../CalendarHeader/CalendarHeader';\nimport {\n  type CalendarDoneButtonProps,\n  CalendarTime,\n  type CalendarTimeProps,\n  type CalendarTimeTestsProps,\n} from '../CalendarTime/CalendarTime';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Calendar.module.css';\n\nexport type CalendarTestsProps = CalendarDaysTestsProps &\n  CalendarHeaderTestsProps &\n  CalendarTimeTestsProps;\n\nexport interface CalendarProps\n  extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'onChange' | 'defaultValue'>,\n    Pick<CalendarTimeProps, 'changeHoursLabel' | 'changeMinutesLabel'>,\n    Pick<\n      CalendarHeaderProps,\n      | 'prevMonthLabel'\n      | 'nextMonthLabel'\n      | 'changeMonthLabel'\n      | 'changeYearLabel'\n      | 'onNextMonth'\n      | 'onPrevMonth'\n      | 'prevMonthIcon'\n      | 'nextMonthIcon'\n      | 'prevMonthProps'\n      | 'nextMonthProps'\n    >,\n    Pick<CalendarDaysProps, 'dayProps' | 'listenDayChangesForUpdate' | 'renderDayContent'>,\n    CalendarDoneButtonProps,\n    CalendarTestsProps {\n  /**\n   * Текущая выбранная дата.\n   */\n  value?: Date | null | undefined;\n  /**\n   * Начальная дата при монтировании.\n   */\n  defaultValue?: Date | null | undefined;\n  /**\n   * Запрещает выбор даты в прошлом.\n   * Применяется, если не заданы `shouldDisableDate` и `disableFuture`.\n   */\n  disablePast?: boolean | undefined;\n  /**\n   * Запрещает выбор даты в будущем.\n   * Применяется, если не задано `shouldDisableDate`.\n   */\n  disableFuture?: boolean | undefined;\n  /**\n   * Включает выбор времени.\n   */\n  enableTime?: boolean | undefined;\n  /**\n   * Отключает селекторы выбора месяца/года.\n   */\n  disablePickers?: boolean | undefined;\n  /**\n   * `aria-label` для изменения дня.\n   *\n   * @deprecated Будет удалeно в **VKUI v9**.\n   * Использовалось для задания aria-label для контейнера дней в календаре.\n   * Теперь этот контейнер является таблицей (с помощью role=\"grid\") и\n   * в aria-label рендерится текущий открытый в календаре месяц и год.\n   */\n  changeDayLabel?: string | undefined; // TODO [>=9]: удалить неиспользуемое свойство\n  /**\n   * День недели, с которого начинается неделя.\n   */\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;\n  /**\n   * Показывать дни соседних месяцев.\n   */\n  showNeighboringMonth?: boolean | undefined;\n  /**\n   * Размер календаря.\n   */\n  size?: 's' | 'm' | undefined;\n  /**\n   * Обработчик изменения выбранной даты.\n   */\n  onChange?: ((value: Date) => void) | undefined;\n  /**\n   * Функция для проверки запрета выбора даты.\n   */\n  shouldDisableDate?: ((value: Date) => boolean) | undefined;\n  /**\n   * Дата отображаемого месяца.\n   * При использовании обновление даты должно происходить вне компонента.\n   */\n  viewDate?: Date | undefined;\n  /**\n   * Обработчик изменения даты в шапке календаря.\n   */\n  onHeaderChange?: ((value: Date) => void) | undefined;\n  /**\n   * Минимальные дата и время, которые можно выбрать.\n   * Применяется, если не заданы `shouldDisableDate` и `disablePast`/`disableFuture`.\n   */\n  minDateTime?: Date | undefined;\n  /**\n   * Максимальные дата и время, которые можно выбрать.\n   * Применяется, если не заданы `shouldDisableDate` и `disablePast`/`disableFuture`.\n   */\n  maxDateTime?: Date | undefined;\n  /**\n   * Часовой пояс для отображения даты.\n   */\n  timezone?: string | undefined;\n}\n\nconst warn = warnOnce('Calendar');\n\n/**\n * @see https://vkui.io/components/calendar\n */\nexport const Calendar = ({\n  getRootRef,\n  'value': valueProp,\n  defaultValue,\n  onChange,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n  onDoneButtonClick,\n  enableTime = false,\n  doneButtonText,\n  doneButtonDisabled,\n  doneButtonShow,\n  DoneButton,\n  weekStartsOn = 1,\n  disablePickers,\n  'aria-label': ariaLabel = 'Календарь',\n  changeHoursLabel = 'Изменить час',\n  changeMinutesLabel = 'Изменить минуту',\n  prevMonthLabel = 'Предыдущий месяц',\n  nextMonthLabel = 'Следующий месяц',\n  changeMonthLabel = 'Изменить месяц',\n  changeYearLabel = 'Изменить год',\n  showNeighboringMonth,\n  size = 'm',\n  'viewDate': externalViewDate,\n  onHeaderChange,\n  onNextMonth,\n  onPrevMonth,\n  prevMonthIcon,\n  nextMonthIcon,\n  prevMonthProps,\n  nextMonthProps,\n  dayProps,\n  listenDayChangesForUpdate,\n  renderDayContent,\n  minDateTime,\n  maxDateTime,\n  timezone,\n  minutesTestId,\n  hoursTestId,\n  doneButtonTestId,\n  prevMonthButtonTestId,\n  nextMonthButtonTestId,\n  monthDropdownTestId,\n  yearDropdownTestId,\n  dayTestId,\n  ...props\n}: CalendarProps): React.ReactNode => {\n  const _onChange = React.useCallback(\n    (date: Date | null) => {\n      const newDate = convertDateFromTimeZone(date, timezone);\n      if (newDate && onChange) {\n        onChange(newDate);\n      }\n    },\n    [onChange, timezone],\n  );\n\n  const [value, updateValue] = useCustomEnsuredControl<Date | null>({\n    value: valueProp,\n    defaultValue: defaultValue as Date | null,\n    onChange: _onChange,\n  });\n\n  const timeZonedValue: Date | null | undefined = React.useMemo(\n    () => convertDateToTimeZone(value, timezone),\n    [timezone, value],\n  );\n\n  const {\n    viewDate,\n    setViewDate,\n    setPrevMonth,\n    setNextMonth,\n    focusedDay,\n    setFocusedDay,\n    isDayFocused,\n    isDayDisabled,\n    isMonthDisabled,\n    isYearDisabled,\n  } = useCalendar({\n    value: timeZonedValue,\n    disableFuture,\n    disablePast,\n    shouldDisableDate,\n    onHeaderChange,\n    onNextMonth,\n    onPrevMonth,\n    minDateTime,\n    maxDateTime,\n  });\n  // соотвествует дню, на котором можно сфокусироваться с помощью Tab\n  const [focusableDay, setFocusableDay] = React.useState<Date>();\n\n  useIsomorphicLayoutEffect(() => {\n    if (timeZonedValue) {\n      setViewDate(timeZonedValue);\n    }\n  }, [timeZonedValue]);\n\n  if (process.env.NODE_ENV === 'development' && !disablePickers && size === 's') {\n    warn(\"Нельзя включить селекты выбора месяца/года, если размер календаря 's'\", 'error');\n  }\n\n  if (process.env.NODE_ENV === 'development' && enableTime && size === 's') {\n    warn(\"Нельзя включить выбор времени, если размер календаря 's'\", 'error');\n  }\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      const key = pressedKey(event);\n      if (key && NAVIGATION_KEYS.includes(key)) {\n        event.preventDefault();\n\n        const newFocusedDay = navigateDate(focusedDay ?? timeZonedValue, key);\n\n        if (newFocusedDay && !isSameMonth(newFocusedDay, viewDate)) {\n          setViewDate(newFocusedDay);\n        }\n        setFocusedDay(newFocusedDay);\n        setFocusableDay(newFocusedDay);\n\n        return;\n      }\n\n      if (key === Keys.TAB) {\n        setFocusedDay(undefined);\n        setFocusableDay(focusedDay);\n\n        return;\n      }\n\n      if ((key === Keys.ENTER || key === Keys.SPACE) && isHTMLElement(event.target)) {\n        event.preventDefault();\n        event.target.click?.();\n      }\n    },\n    [focusedDay, setFocusedDay, setFocusableDay, setViewDate, timeZonedValue, viewDate],\n  );\n\n  const onDayChange = React.useCallback(\n    (date: Date) => {\n      let actualDate = createDateInTimeZone(timeZonedValue ?? date, timezone, {\n        year: date.getFullYear(),\n        month: date.getMonth(),\n        date: date.getDate(),\n      });\n\n      if (minDateTime || maxDateTime) {\n        actualDate = clamp(actualDate, { min: minDateTime, max: maxDateTime });\n      }\n      updateValue(actualDate);\n    },\n    [timezone, timeZonedValue, updateValue, maxDateTime, minDateTime],\n  );\n\n  const onDayFocus = React.useCallback(\n    (date: Date) => {\n      if (focusedDay && isSameDate(focusedDay, date)) {\n        return;\n      }\n\n      setFocusedDay(date);\n      if (!focusableDay || !isSameDate(date, focusableDay)) {\n        setFocusableDay(date);\n      }\n    },\n    [focusableDay, focusedDay, setFocusedDay],\n  );\n\n  // activeDay это день в календаре соответствующий значению в инпуте\n  const isDayActive = React.useCallback(\n    (day: Date) => Boolean(timeZonedValue && isSameDate(day, timeZonedValue)),\n    [timeZonedValue],\n  );\n\n  const timeZoneSetHours = React.useCallback(\n    (date: Date, hours: number) => createDateInTimeZone(date, timezone, { hours }),\n    [timezone],\n  );\n\n  const timeZoneSetMinutes = React.useCallback(\n    (date: Date, minutes: number) => createDateInTimeZone(date, timezone, { minutes }),\n    [timezone],\n  );\n\n  const isFocusableDayInViewDateMonth = focusableDay && isSameMonth(focusableDay, viewDate);\n  const isInputValueDateInViewDateMonth = timeZonedValue && isSameMonth(timeZonedValue, viewDate);\n  /**\n   * Функция позволяет проверить является ли день в календаре днём на который\n   * можно попасть с помощью Tab.\n   * Единственный день в таблице календаря у которого есть tabIndex=\"0\"\n   * Чтобы на него можно было попасть из заголовка календаря.\n   */\n  const isDayFocusable = React.useCallback(\n    (day: Date) => {\n      // если focusableDay день находится среди дней открытого сейчас месяца, то такой день получит tabIndex=\"0\",\n      if (isFocusableDayInViewDateMonth) {\n        return isSameDate(focusableDay, day);\n      }\n\n      // при открытии календаря focusableDay не определён,\n      // поэтому tabIndex=\"0\" будет у дня, соответствующего дню в инпуте\n      if (isInputValueDateInViewDateMonth) {\n        return isDayActive(day);\n      }\n\n      // при переключении месяца любая навигация с помощью Tab начинается\n      // с первого дня месяца.\n      return isSameDate(startOfMonth(viewDate), day);\n    },\n    [\n      focusableDay,\n      viewDate,\n      isDayActive,\n      isFocusableDayInViewDateMonth,\n      isInputValueDateInViewDateMonth,\n    ],\n  );\n\n  return (\n    <RootComponent\n      aria-label={ariaLabel}\n      {...props}\n      baseClassName={classNames(styles.host, size === 's' && styles.sizeS)}\n      getRootRef={getRootRef}\n    >\n      <CalendarHeader\n        viewDate={externalViewDate || viewDate}\n        onChange={setViewDate}\n        onNextMonth={setNextMonth}\n        onPrevMonth={setPrevMonth}\n        disablePickers={disablePickers || size === 's'}\n        className={styles.header}\n        prevMonthLabel={prevMonthLabel}\n        nextMonthLabel={nextMonthLabel}\n        changeMonthLabel={changeMonthLabel}\n        changeYearLabel={changeYearLabel}\n        prevMonthIcon={prevMonthIcon}\n        nextMonthIcon={nextMonthIcon}\n        prevMonthProps={prevMonthProps}\n        nextMonthProps={nextMonthProps}\n        isMonthDisabled={isMonthDisabled}\n        isYearDisabled={isYearDisabled}\n        nextMonthButtonTestId={nextMonthButtonTestId}\n        prevMonthButtonTestId={prevMonthButtonTestId}\n        monthDropdownTestId={monthDropdownTestId}\n        yearDropdownTestId={yearDropdownTestId}\n      />\n      <CalendarDays\n        viewDate={externalViewDate || viewDate}\n        value={timeZonedValue}\n        weekStartsOn={weekStartsOn}\n        onKeyDown={handleKeyDown}\n        onDayChange={onDayChange}\n        isDayActive={isDayActive}\n        onDayFocus={onDayFocus}\n        isDayFocused={isDayFocused}\n        isDayFocusable={isDayFocusable}\n        isDaySelectionStart={isFirstDay}\n        isDaySelectionEnd={isLastDay}\n        isDayDisabled={isDayDisabled}\n        showNeighboringMonth={showNeighboringMonth}\n        size={size}\n        dayProps={dayProps}\n        listenDayChangesForUpdate={listenDayChangesForUpdate}\n        renderDayContent={renderDayContent}\n        dayTestId={dayTestId}\n      />\n      {enableTime && timeZonedValue && size !== 's' && (\n        <div className={styles.time}>\n          <CalendarTime\n            value={timeZonedValue}\n            onChange={updateValue}\n            setHours={timeZoneSetHours}\n            setMinutes={timeZoneSetMinutes}\n            onDoneButtonClick={onDoneButtonClick}\n            doneButtonText={doneButtonText}\n            doneButtonDisabled={doneButtonDisabled}\n            doneButtonShow={doneButtonShow}\n            DoneButton={DoneButton}\n            changeHoursLabel={changeHoursLabel}\n            changeMinutesLabel={changeMinutesLabel}\n            isDayDisabled={minDateTime || maxDateTime ? isDayDisabled : undefined}\n            minutesTestId={minutesTestId}\n            hoursTestId={hoursTestId}\n            doneButtonTestId={doneButtonTestId}\n          />\n        </div>\n      )}\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","isSameDate","useCalendar","useCustomEnsuredControl","Keys","pressedKey","clamp","isFirstDay","isLastDay","navigateDate","NAVIGATION_KEYS","convertDateFromTimeZone","convertDateToTimeZone","createDateInTimeZone","isSameMonth","startOfMonth","isHTMLElement","useIsomorphicLayoutEffect","warnOnce","CalendarDays","CalendarHeader","CalendarTime","RootComponent","styles","warn","Calendar","getRootRef","valueProp","defaultValue","onChange","disablePast","disableFuture","shouldDisableDate","onDoneButtonClick","enableTime","doneButtonText","doneButtonDisabled","doneButtonShow","DoneButton","weekStartsOn","disablePickers","ariaLabel","changeHoursLabel","changeMinutesLabel","prevMonthLabel","nextMonthLabel","changeMonthLabel","changeYearLabel","showNeighboringMonth","size","externalViewDate","onHeaderChange","onNextMonth","onPrevMonth","prevMonthIcon","nextMonthIcon","prevMonthProps","nextMonthProps","dayProps","listenDayChangesForUpdate","renderDayContent","minDateTime","maxDateTime","timezone","minutesTestId","hoursTestId","doneButtonTestId","prevMonthButtonTestId","nextMonthButtonTestId","monthDropdownTestId","yearDropdownTestId","dayTestId","props","_onChange","useCallback","date","newDate","value","updateValue","timeZonedValue","useMemo","viewDate","setViewDate","setPrevMonth","setNextMonth","focusedDay","setFocusedDay","isDayFocused","isDayDisabled","isMonthDisabled","isYearDisabled","focusableDay","setFocusableDay","useState","process","env","NODE_ENV","handleKeyDown","event","key","includes","preventDefault","newFocusedDay","TAB","undefined","ENTER","SPACE","target","click","onDayChange","actualDate","year","getFullYear","month","getMonth","getDate","min","max","onDayFocus","isDayActive","day","Boolean","timeZoneSetHours","hours","timeZoneSetMinutes","minutes","isFocusableDayInViewDateMonth","isInputValueDateInViewDateMonth","isDayFocusable","aria-label","baseClassName","host","sizeS","className","header","onKeyDown","isDaySelectionStart","isDaySelectionEnd","div","time","setHours","setMinutes"],"mappings":"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"}

package/dist/cssm/components/CalendarDay/CalendarDay.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CalendarDay/CalendarDay.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useFocusVisible } from '../../hooks/useFocusVisible';\nimport { useFocusVisibleClassName } from '../../hooks/useFocusVisibleClassName';\nimport { cacheDateTimeFormat } from '../../lib/intlCache';\nimport { mergeCalls } from '../../lib/mergeCalls';\nimport { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { Tappable } from '../Tappable/Tappable';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './CalendarDay.module.css';\n\nconst labelDateTimeFormatOptions = {\n  weekday: 'long',\n  month: 'long',\n  day: 'numeric',\n} as const;\n\nconst labelDateTimeFormat = /*#__PURE__*/ cacheDateTimeFormat();\n\nexport type CalendarDayElementProps = Omit<\n  React.AllHTMLAttributes<HTMLElement>,\n  'onChange' | 'size' | 'disabled' | 'selected' | 'onFocus'\n>;\n\nexport type CalendarDayTestsProps = {\n  /**\n   * Передает атрибут `data-testid` для дня в календаре.\n   */\n  testId?: string | ((day: Date) => string);\n};\n\nexport interface CalendarDayProps extends CalendarDayElementProps, CalendarDayTestsProps {\n  /**\n   * Дата, которую представляет этот день.\n   */\n  day: Date;\n  /**\n   * Является ли день сегодняшним.\n   */\n  today?: boolean;\n  /**\n   * Выбран ли день (в режиме одиночного выбора или как часть диапазона).\n   */\n  selected?: boolean;\n  /**\n   * Является ли день началом выделенного диапазона.\n   */\n  selectionStart?: boolean;\n  /**\n   * Является ли день концом выделенного диапазона.\n   */\n  selectionEnd?: boolean;\n  /**\n   * Подсветить день как начало предполагаемого диапазона (при наведении).\n   */\n  hintedSelectionStart?: boolean;\n  /**\n   * Подсветить день как конец предполагаемого диапазона (при наведении).\n   */\n  hintedSelectionEnd?: boolean;\n  /**\n   * Активен ли день (текущая дата в календаре).\n   */\n  active?: boolean;\n  /**\n   * Скрыть день (например, дни соседних месяцев).\n   */\n  hidden?: boolean;\n  /**\n   * Блокировка взаимодействия с компонентом.\n   */\n  disabled?: boolean;\n  /**\n   * Находится ли день в фокусе (клавиатурная навигация).\n   */\n  focused?: boolean;\n  /**\n   * Подсвечен ли день (ховер).\n   */\n  hinted?: boolean;\n  /**\n   * Принадлежит ли день текущему отображаемому месяцу.\n   */\n  sameMonth?: boolean;\n  /**\n   * Размер компонента.\n   */\n  size?: 's' | 'm';\n  /**\n   * Обработчик выбора/изменения дня.\n   */\n  onChange: (value: Date) => void;\n  /**\n   * Обработчик наведения на день.\n   */\n  onEnter?: (value: Date) => void;\n  /**\n   * Обработчик снятия ховера с дня.\n   */\n  onLeave?: (value: Date) => void;\n  /**\n   * Обработчик фокуса на дне.\n   */\n  onFocus?: (value: Date) => void;\n  /**\n   * Кастомизация отображения содержимого дня.\n   */\n  renderDayContent?: (day: Date) => React.ReactNode;\n}\n\n// eslint-disable-next-line react/display-name -- используется defineComponentDisplayNames\nexport const CalendarDay = React.memo(\n  ({\n    day,\n    today,\n    selected,\n    onChange,\n    hidden,\n    disabled,\n    active,\n    selectionStart,\n    selectionEnd,\n    focused,\n    onEnter,\n    onLeave,\n    onFocus,\n    onBlur,\n    hinted,\n    hintedSelectionStart,\n    hintedSelectionEnd,\n    sameMonth,\n    size,\n    children,\n    renderDayContent,\n    testId,\n    role,\n    'aria-colindex': colIndex,\n    ...restProps\n  }: CalendarDayProps) => {\n    const { locale, direction } = useConfigProvider();\n    const ref = React.useRef<HTMLElement>(null);\n    const onClick = React.useCallback(() => onChange(day), [day, onChange]);\n    const handleEnter = React.useCallback(() => onEnter?.(day), [day, onEnter]);\n    const handleLeave = React.useCallback(() => onLeave?.(day), [day, onLeave]);\n    const handleFocus = React.useCallback(() => onFocus?.(day), [day, onFocus]);\n\n    const focusVisibleMode = active ? 'outside' : 'inside';\n    const { focusVisible, ...focusEvents } = useFocusVisible();\n    const focusVisibleClassNames = useFocusVisibleClassName({\n      focusVisible,\n      mode: focusVisibleMode,\n    });\n    const focusHandlers = mergeCalls(focusEvents, { onFocus: handleFocus, onBlur });\n\n    const label = labelDateTimeFormat(locale, labelDateTimeFormatOptions).format(day);\n\n    React.useEffect(() => {\n      if (focused && ref.current) {\n        ref.current.focus();\n      }\n    }, [focused]);\n\n    const content = React.useMemo(() => {\n      if (renderDayContent) {\n        return renderDayContent(day);\n      }\n      return (\n        <div className={styles.dayNumber}>\n          <VisuallyHidden>{children ?? label}</VisuallyHidden>\n          <span aria-hidden>{day.getDate()}</span>\n        </div>\n      );\n    }, [renderDayContent, day, children, label]);\n\n    if (hidden) {\n      return (\n        <div\n          role={role}\n          aria-colindex={colIndex}\n          className={classNames(styles.hidden, size === 's' && styles.sizeS)}\n        />\n      );\n    }\n\n    return (\n      <Tappable\n        baseClassName={classNames(\n          styles.host,\n          size === 's' && styles.sizeS,\n          direction === 'rtl' && styles.rtl,\n          focusVisibleClassNames,\n        )}\n        role={role}\n        aria-colindex={colIndex}\n        hoverMode={styles.hostHovered}\n        activeMode={styles.hostActivated}\n        hasActive={false}\n        onClick={onClick}\n        disabled={disabled}\n        getRootRef={ref}\n        onPointerEnter={handleEnter}\n        onPointerLeave={handleLeave}\n        data-testid={typeof testId === 'string' ? testId : testId?.(day)}\n        {...restProps}\n        {...focusHandlers}\n      >\n        <div\n          className={classNames(\n            styles.content,\n            size === 's' && styles.sizeS,\n            today && styles.today,\n            selected && !disabled && styles.selected,\n            selectionStart && styles.selectionStart,\n            selectionEnd && styles.selectionEnd,\n            disabled && styles.disabled,\n            !sameMonth && styles.notSameMonth,\n          )}\n        >\n          <div\n            className={classNames(\n              styles.hinted,\n              hinted && styles.hintedActive,\n              hintedSelectionStart && styles.hintedSelectionStart,\n              hintedSelectionEnd && styles.hintedSelectionEnd,\n            )}\n          >\n            <div className={classNames(styles.inner, active && !disabled && styles.innerActive)}>\n              {content}\n            </div>\n          </div>\n        </div>\n      </Tappable>\n    );\n  },\n);\n\nif (process.env.NODE_ENV !== 'production') {\n  defineComponentDisplayNames(CalendarDay, 'CalendarDay');\n}\n"],"names":["React","classNames","useFocusVisible","useFocusVisibleClassName","cacheDateTimeFormat","mergeCalls","defineComponentDisplayNames","useConfigProvider","Tappable","VisuallyHidden","styles","labelDateTimeFormatOptions","weekday","month","day","labelDateTimeFormat","CalendarDay","memo","today","selected","onChange","hidden","disabled","active","selectionStart","selectionEnd","focused","onEnter","onLeave","onFocus","onBlur","hinted","hintedSelectionStart","hintedSelectionEnd","sameMonth","size","children","renderDayContent","testId","role","colIndex","restProps","locale","direction","ref","useRef","onClick","useCallback","handleEnter","handleLeave","handleFocus","focusVisibleMode","focusVisible","focusEvents","focusVisibleClassNames","mode","focusHandlers","label","format","useEffect","current","focus","content","useMemo","div","className","dayNumber","span","aria-hidden","getDate","aria-colindex","sizeS","baseClassName","host","rtl","hoverMode","hostHovered","activeMode","hostActivated","hasActive","getRootRef","onPointerEnter","onPointerLeave","data-testid","notSameMonth","hintedActive","inner","innerActive","process","env","NODE_ENV"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/CalendarDay/CalendarDay.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useFocusVisible } from '../../hooks/useFocusVisible';\nimport { useFocusVisibleClassName } from '../../hooks/useFocusVisibleClassName';\nimport { cacheDateTimeFormat } from '../../lib/intlCache';\nimport { mergeCalls } from '../../lib/mergeCalls';\nimport { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { Tappable } from '../Tappable/Tappable';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './CalendarDay.module.css';\n\nconst labelDateTimeFormatOptions = {\n  weekday: 'long',\n  month: 'long',\n  day: 'numeric',\n} as const;\n\nconst labelDateTimeFormat = /*#__PURE__*/ cacheDateTimeFormat();\n\nexport type CalendarDayElementProps = Omit<\n  React.AllHTMLAttributes<HTMLElement>,\n  'onChange' | 'size' | 'disabled' | 'selected' | 'onFocus'\n>;\n\nexport type CalendarDayTestsProps = {\n  /**\n   * Передает атрибут `data-testid` для дня в календаре.\n   */\n  testId?: string | ((day: Date) => string) | undefined;\n};\n\nexport interface CalendarDayProps extends CalendarDayElementProps, CalendarDayTestsProps {\n  /**\n   * Дата, которую представляет этот день.\n   */\n  day: Date;\n  /**\n   * Является ли день сегодняшним.\n   */\n  today?: boolean | undefined;\n  /**\n   * Выбран ли день (в режиме одиночного выбора или как часть диапазона).\n   */\n  selected?: boolean | undefined;\n  /**\n   * Является ли день началом выделенного диапазона.\n   */\n  selectionStart?: boolean | undefined;\n  /**\n   * Является ли день концом выделенного диапазона.\n   */\n  selectionEnd?: boolean | undefined;\n  /**\n   * Подсветить день как начало предполагаемого диапазона (при наведении).\n   */\n  hintedSelectionStart?: boolean | undefined;\n  /**\n   * Подсветить день как конец предполагаемого диапазона (при наведении).\n   */\n  hintedSelectionEnd?: boolean | undefined;\n  /**\n   * Активен ли день (текущая дата в календаре).\n   */\n  active?: boolean | undefined;\n  /**\n   * Скрыть день (например, дни соседних месяцев).\n   */\n  hidden?: boolean | undefined;\n  /**\n   * Блокировка взаимодействия с компонентом.\n   */\n  disabled?: boolean | undefined;\n  /**\n   * Находится ли день в фокусе (клавиатурная навигация).\n   */\n  focused?: boolean | undefined;\n  /**\n   * Подсвечен ли день (ховер).\n   */\n  hinted?: boolean | undefined;\n  /**\n   * Принадлежит ли день текущему отображаемому месяцу.\n   */\n  sameMonth?: boolean | undefined;\n  /**\n   * Размер компонента.\n   */\n  size?: 's' | 'm' | undefined;\n  /**\n   * Обработчик выбора/изменения дня.\n   */\n  onChange: (value: Date) => void;\n  /**\n   * Обработчик наведения на день.\n   */\n  onEnter?: ((value: Date) => void) | undefined;\n  /**\n   * Обработчик снятия ховера с дня.\n   */\n  onLeave?: ((value: Date) => void) | undefined;\n  /**\n   * Обработчик фокуса на дне.\n   */\n  onFocus?: ((value: Date) => void) | undefined;\n  /**\n   * Кастомизация отображения содержимого дня.\n   */\n  renderDayContent?: ((day: Date) => React.ReactNode) | undefined;\n}\n\n// eslint-disable-next-line react/display-name -- используется defineComponentDisplayNames\nexport const CalendarDay = React.memo(\n  ({\n    day,\n    today,\n    selected,\n    onChange,\n    hidden,\n    disabled,\n    active,\n    selectionStart,\n    selectionEnd,\n    focused,\n    onEnter,\n    onLeave,\n    onFocus,\n    onBlur,\n    hinted,\n    hintedSelectionStart,\n    hintedSelectionEnd,\n    sameMonth,\n    size,\n    children,\n    renderDayContent,\n    testId,\n    role,\n    'aria-colindex': colIndex,\n    ...restProps\n  }: CalendarDayProps) => {\n    const { locale, direction } = useConfigProvider();\n    const ref = React.useRef<HTMLElement>(null);\n    const onClick = React.useCallback(() => onChange(day), [day, onChange]);\n    const handleEnter = React.useCallback(() => onEnter?.(day), [day, onEnter]);\n    const handleLeave = React.useCallback(() => onLeave?.(day), [day, onLeave]);\n    const handleFocus = React.useCallback(() => onFocus?.(day), [day, onFocus]);\n\n    const focusVisibleMode = active ? 'outside' : 'inside';\n    const { focusVisible, ...focusEvents } = useFocusVisible();\n    const focusVisibleClassNames = useFocusVisibleClassName({\n      focusVisible,\n      mode: focusVisibleMode,\n    });\n    const focusHandlers = mergeCalls(focusEvents, { onFocus: handleFocus, onBlur });\n\n    const label = labelDateTimeFormat(locale, labelDateTimeFormatOptions).format(day);\n\n    React.useEffect(() => {\n      if (focused && ref.current) {\n        ref.current.focus();\n      }\n    }, [focused]);\n\n    const content = React.useMemo(() => {\n      if (renderDayContent) {\n        return renderDayContent(day);\n      }\n      return (\n        <div className={styles.dayNumber}>\n          <VisuallyHidden>{children ?? label}</VisuallyHidden>\n          <span aria-hidden>{day.getDate()}</span>\n        </div>\n      );\n    }, [renderDayContent, day, children, label]);\n\n    if (hidden) {\n      return (\n        <div\n          role={role}\n          aria-colindex={colIndex}\n          className={classNames(styles.hidden, size === 's' && styles.sizeS)}\n        />\n      );\n    }\n\n    return (\n      <Tappable\n        baseClassName={classNames(\n          styles.host,\n          size === 's' && styles.sizeS,\n          direction === 'rtl' && styles.rtl,\n          focusVisibleClassNames,\n        )}\n        role={role}\n        aria-colindex={colIndex}\n        hoverMode={styles.hostHovered}\n        activeMode={styles.hostActivated}\n        hasActive={false}\n        onClick={onClick}\n        disabled={disabled}\n        getRootRef={ref}\n        onPointerEnter={handleEnter}\n        onPointerLeave={handleLeave}\n        data-testid={typeof testId === 'string' ? testId : testId?.(day)}\n        {...restProps}\n        {...focusHandlers}\n      >\n        <div\n          className={classNames(\n            styles.content,\n            size === 's' && styles.sizeS,\n            today && styles.today,\n            selected && !disabled && styles.selected,\n            selectionStart && styles.selectionStart,\n            selectionEnd && styles.selectionEnd,\n            disabled && styles.disabled,\n            !sameMonth && styles.notSameMonth,\n          )}\n        >\n          <div\n            className={classNames(\n              styles.hinted,\n              hinted && styles.hintedActive,\n              hintedSelectionStart && styles.hintedSelectionStart,\n              hintedSelectionEnd && styles.hintedSelectionEnd,\n            )}\n          >\n            <div className={classNames(styles.inner, active && !disabled && styles.innerActive)}>\n              {content}\n            </div>\n          </div>\n        </div>\n      </Tappable>\n    );\n  },\n);\n\nif (process.env.NODE_ENV !== 'production') {\n  defineComponentDisplayNames(CalendarDay, 'CalendarDay');\n}\n"],"names":["React","classNames","useFocusVisible","useFocusVisibleClassName","cacheDateTimeFormat","mergeCalls","defineComponentDisplayNames","useConfigProvider","Tappable","VisuallyHidden","styles","labelDateTimeFormatOptions","weekday","month","day","labelDateTimeFormat","CalendarDay","memo","today","selected","onChange","hidden","disabled","active","selectionStart","selectionEnd","focused","onEnter","onLeave","onFocus","onBlur","hinted","hintedSelectionStart","hintedSelectionEnd","sameMonth","size","children","renderDayContent","testId","role","colIndex","restProps","locale","direction","ref","useRef","onClick","useCallback","handleEnter","handleLeave","handleFocus","focusVisibleMode","focusVisible","focusEvents","focusVisibleClassNames","mode","focusHandlers","label","format","useEffect","current","focus","content","useMemo","div","className","dayNumber","span","aria-hidden","getDate","aria-colindex","sizeS","baseClassName","host","rtl","hoverMode","hostHovered","activeMode","hostActivated","hasActive","getRootRef","onPointerEnter","onPointerLeave","data-testid","notSameMonth","hintedActive","inner","innerActive","process","env","NODE_ENV"],"mappings":"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"}