@vkontakte/vkui 6.1.2 → 6.2.0

package/dist/cjs/components/ModalRoot/ModalRootDesktop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalRootDesktop.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalRoot/ModalRootDesktop.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,qBAAqB,EAAoB,MAAM,SAAS,CAAC;AAMlE,eAAO,MAAM,gBAAgB,0HAS1B,qBAAqB,mDAwMvB,CAAC"}
+{"version":3,"file":"ModalRootDesktop.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalRoot/ModalRootDesktop.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,qBAAqB,EAAoB,MAAM,SAAS,CAAC;AAMlE,eAAO,MAAM,gBAAgB,0HAS1B,qBAAqB,mDAyMvB,CAAC"}

package/dist/cjs/components/ModalRoot/ModalRootDesktop.js

@@ -32,7 +32,7 @@ const ModalRootDesktop = ({ activeModal: activeModalProp, children, noFocusToDia
     const { document } = (0, _dom.useDOM)();
     const { hasCustomPanelHeaderAfter, platform } = (0, _ConfigProviderContext.useConfigProvider)();
     const { activeModal, exitingModal, onExit, getModalState, enteringModal, onEnter, onEntered: onEnteredProp, onExited, history, delayEnter } = (0, _useModalManager.useModalManager)(activeModalProp, children, onOpen, onOpened, onClose, onClosed, _vkjs.noop);
-    const { waitTransitionFinish } = (0, _useWaitTransitionFinish.useWaitTransitionFinish)();
+    const waitTransitionFinish = (0, _useWaitTransitionFinish.useWaitTransitionFinish)();
     const prevProps = (0, _usePrevious.usePrevious)({
         exitingModal,
         enteringModal,
@@ -171,6 +171,7 @@ const ModalRootDesktop = ({ activeModal: activeModalProp, children, noFocusToDia
                         }
                         const key = `modal-${modalId}`;
                         return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FocusTrap.FocusTrap, {
+                            autoFocus: false,
                             restoreFocus: false,
                             onClose: onExit,
                             timeout: timeout,

package/dist/cjs/components/ModalRoot/ModalRootDesktop.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalRoot/ModalRootDesktop.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { clamp } from '../../helpers/math';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { usePrevious } from '../../hooks/usePrevious';\nimport { useWaitTransitionFinish } from '../../hooks/useWaitTransitionFinish';\nimport { useDOM } from '../../lib/dom';\nimport { getNavId } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { ModalRootContext, ModalRootContextInterface } from './ModalRootContext';\nimport { ModalRootWithDOMProps, ModalsStateEntry } from './types';\nimport { useModalManager } from './useModalManager';\nimport styles from './ModalRoot.module.css';\n\nconst warn = warnOnce('ModalRoot');\n\nexport const ModalRootDesktop = ({\n  activeModal: activeModalProp,\n  children,\n  noFocusToDialog = false,\n  onOpen,\n  onOpened,\n  onClose,\n  onClosed,\n  modalOverlayTestId,\n}: ModalRootWithDOMProps) => {\n  const maskElementRef = React.useRef<HTMLDivElement>(null);\n  const maskAnimationFrame = React.useRef<number | undefined>(undefined);\n  const restoreFocusTo = React.useRef<HTMLElement | undefined>(undefined);\n\n  const { document } = useDOM();\n  const { hasCustomPanelHeaderAfter, platform } = useConfigProvider();\n  const {\n    activeModal,\n    exitingModal,\n    onExit,\n    getModalState,\n    enteringModal,\n    onEnter,\n    onEntered: onEnteredProp,\n    onExited,\n    history,\n    delayEnter,\n  } = useModalManager(activeModalProp, children, onOpen, onOpened, onClose, onClosed, noop);\n\n  const { waitTransitionFinish } = useWaitTransitionFinish();\n  const prevProps = usePrevious({\n    exitingModal,\n    enteringModal,\n    activeModal,\n  });\n  const modalRootContext: ModalRootContextInterface = useObjectMemo({\n    updateModalHeight: () => undefined,\n    registerModal: ({ id, ...data }) => Object.assign(getModalState(id) ?? {}, data),\n    onClose: onExit,\n    isInsideModal: true,\n  });\n\n  const timeout = platform === 'ios' ? 400 : 320;\n  const modals = React.Children.toArray(children) as React.ReactElement[];\n\n  /* Анимирует сдвиг модального окна */\n  const animateModalOpacity = (modalState: ModalsStateEntry | undefined, display: boolean) => {\n    if (modalState?.innerElement) {\n      modalState.innerElement.style.transition = '';\n      modalState.innerElement.style.transitionDelay = display && delayEnter ? `${timeout}ms` : '';\n      modalState.innerElement.style.opacity = display ? '1' : '0';\n    }\n  };\n\n  /* Устанавливает прозрачность для полупрозрачной подложки */\n  const setMaskOpacity = (modalState: ModalsStateEntry, forceOpacity: number | null = null) => {\n    if (forceOpacity === null && history?.[0] !== modalState.id) {\n      return;\n    }\n\n    if (maskAnimationFrame.current) {\n      cancelAnimationFrame(maskAnimationFrame.current);\n    }\n    maskAnimationFrame.current = requestAnimationFrame(() => {\n      if (maskElementRef.current) {\n        const { translateY = 0, translateYCurrent = 0 } = modalState;\n\n        const opacity =\n          forceOpacity === null\n            ? 1 - (translateYCurrent - translateY) / (100 - translateY) || 0\n            : forceOpacity;\n        maskElementRef.current.style.opacity = clamp(opacity, 0, 100).toString();\n      }\n    });\n  };\n\n  const onEntered = ({ id, modalElement }: ModalsStateEntry) => {\n    if (!noFocusToDialog && modalElement && !modalElement.contains(document!.activeElement)) {\n      modalElement.focus();\n    }\n\n    onEnteredProp(id);\n  };\n\n  const openModal = () => {\n    if (!enteringModal || !prevProps) {\n      return;\n    }\n\n    const enteringState = getModalState(enteringModal);\n    onEnter();\n\n    // Анимация открытия модального окна\n    if (!prevProps.exitingModal) {\n      requestAnimationFrame(() => {\n        if (enteringModal === enteringModal && enteringState) {\n          waitTransitionFinish(enteringState.innerElement, () => onEntered(enteringState), timeout);\n          animateModalOpacity(enteringState, true);\n          setMaskOpacity(enteringState, 1);\n        }\n      });\n\n      return;\n    }\n\n    // Переход между модальными окнами без анимации\n    requestAnimationFrame(() => {\n      if (enteringState?.innerElement) {\n        enteringState.innerElement.style.transition = 'none';\n        enteringState.innerElement.style.opacity = '1';\n        setMaskOpacity(enteringState, 1);\n      }\n    });\n\n    if (enteringState) {\n      onEntered(enteringState);\n    }\n  };\n\n  const closeModal = (id: string) => {\n    const prevModalState = getModalState(id);\n    if (!prevModalState) {\n      return;\n    }\n\n    // Анимация закрытия модального окна\n    if (!activeModal) {\n      requestAnimationFrame(() => {\n        waitTransitionFinish(prevModalState?.innerElement, () => onExited(id), timeout);\n        animateModalOpacity(prevModalState, false);\n        setMaskOpacity(prevModalState, 0);\n      });\n\n      return;\n    }\n\n    // Переход между модальными окнами без анимации\n    onExited(id);\n  };\n\n  React.useEffect(() => {\n    if (!prevProps) {\n      return;\n    }\n\n    // transition phase 2: animate exiting modal\n    if (exitingModal && exitingModal !== prevProps.exitingModal) {\n      closeModal(exitingModal);\n    }\n\n    // transition phase 3: animate entering modal\n    if (enteringModal && enteringModal !== prevProps.enteringModal) {\n      openModal();\n    }\n\n    // focus restoration\n    if (activeModal && !prevProps.activeModal) {\n      restoreFocusTo.current = (document?.activeElement ?? undefined) as HTMLElement | undefined;\n    }\n    if (!activeModal && !exitingModal && restoreFocusTo.current) {\n      restoreFocusTo.current.focus();\n      restoreFocusTo.current = undefined;\n    }\n  });\n\n  if (!activeModal && !exitingModal) {\n    return null;\n  }\n\n  return (\n    <ModalRootContext.Provider value={modalRootContext}>\n      <div\n        className={classNames(\n          styles['ModalRoot'],\n          hasCustomPanelHeaderAfter && styles['ModalRoot--hasCustomPanelHeaderAfterSlot'],\n          styles['ModalRoot--desktop'],\n        )}\n      >\n        <div\n          data-testid={modalOverlayTestId}\n          className={styles['ModalRoot__mask']}\n          ref={maskElementRef}\n          onClick={onExit}\n        />\n        <div className={styles['ModalRoot__viewport']}>\n          {modals.map((Modal: React.ReactElement) => {\n            const modalId = getNavId(Modal.props, warn);\n            if (modalId !== activeModal && modalId !== exitingModal) {\n              return null;\n            }\n\n            const key = `modal-${modalId}`;\n\n            return (\n              <FocusTrap\n                restoreFocus={false}\n                onClose={onExit}\n                timeout={timeout}\n                key={key}\n                className={styles['ModalRoot__modal']}\n              >\n                {Modal}\n              </FocusTrap>\n            );\n          })}\n        </div>\n      </div>\n    </ModalRootContext.Provider>\n  );\n};\n"],"names":["ModalRootDesktop","warn","warnOnce","activeModal","activeModalProp","children","noFocusToDialog","onOpen","onOpened","onClose","onClosed","modalOverlayTestId","maskElementRef","React","useRef","maskAnimationFrame","undefined","restoreFocusTo","document","useDOM","hasCustomPanelHeaderAfter","platform","useConfigProvider","exitingModal","onExit","getModalState","enteringModal","onEnter","onEntered","onEnteredProp","onExited","history","delayEnter","useModalManager","noop","waitTransitionFinish","useWaitTransitionFinish","prevProps","usePrevious","modalRootContext","useObjectMemo","updateModalHeight","registerModal","id","data","Object","assign","isInsideModal","timeout","modals","Children","toArray","animateModalOpacity","modalState","display","innerElement","style","transition","transitionDelay","opacity","setMaskOpacity","forceOpacity","current","cancelAnimationFrame","requestAnimationFrame","translateY","translateYCurrent","clamp","toString","modalElement","contains","activeElement","focus","openModal","enteringState","closeModal","prevModalState","useEffect","ModalRootContext","Provider","value","div","className","classNames","data-testid","ref","onClick","map","Modal","modalId","getNavId","props","key","FocusTrap","restoreFocus"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../src/components/ModalRoot/ModalRootDesktop.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { clamp } from '../../helpers/math';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { usePrevious } from '../../hooks/usePrevious';\nimport { useWaitTransitionFinish } from '../../hooks/useWaitTransitionFinish';\nimport { useDOM } from '../../lib/dom';\nimport { getNavId } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { ModalRootContext, ModalRootContextInterface } from './ModalRootContext';\nimport { ModalRootWithDOMProps, ModalsStateEntry } from './types';\nimport { useModalManager } from './useModalManager';\nimport styles from './ModalRoot.module.css';\n\nconst warn = warnOnce('ModalRoot');\n\nexport const ModalRootDesktop = ({\n  activeModal: activeModalProp,\n  children,\n  noFocusToDialog = false,\n  onOpen,\n  onOpened,\n  onClose,\n  onClosed,\n  modalOverlayTestId,\n}: ModalRootWithDOMProps) => {\n  const maskElementRef = React.useRef<HTMLDivElement>(null);\n  const maskAnimationFrame = React.useRef<number | undefined>(undefined);\n  const restoreFocusTo = React.useRef<HTMLElement | undefined>(undefined);\n\n  const { document } = useDOM();\n  const { hasCustomPanelHeaderAfter, platform } = useConfigProvider();\n  const {\n    activeModal,\n    exitingModal,\n    onExit,\n    getModalState,\n    enteringModal,\n    onEnter,\n    onEntered: onEnteredProp,\n    onExited,\n    history,\n    delayEnter,\n  } = useModalManager(activeModalProp, children, onOpen, onOpened, onClose, onClosed, noop);\n\n  const waitTransitionFinish = useWaitTransitionFinish();\n  const prevProps = usePrevious({\n    exitingModal,\n    enteringModal,\n    activeModal,\n  });\n  const modalRootContext: ModalRootContextInterface = useObjectMemo({\n    updateModalHeight: () => undefined,\n    registerModal: ({ id, ...data }) => Object.assign(getModalState(id) ?? {}, data),\n    onClose: onExit,\n    isInsideModal: true,\n  });\n\n  const timeout = platform === 'ios' ? 400 : 320;\n  const modals = React.Children.toArray(children) as React.ReactElement[];\n\n  /* Анимирует сдвиг модального окна */\n  const animateModalOpacity = (modalState: ModalsStateEntry | undefined, display: boolean) => {\n    if (modalState?.innerElement) {\n      modalState.innerElement.style.transition = '';\n      modalState.innerElement.style.transitionDelay = display && delayEnter ? `${timeout}ms` : '';\n      modalState.innerElement.style.opacity = display ? '1' : '0';\n    }\n  };\n\n  /* Устанавливает прозрачность для полупрозрачной подложки */\n  const setMaskOpacity = (modalState: ModalsStateEntry, forceOpacity: number | null = null) => {\n    if (forceOpacity === null && history?.[0] !== modalState.id) {\n      return;\n    }\n\n    if (maskAnimationFrame.current) {\n      cancelAnimationFrame(maskAnimationFrame.current);\n    }\n    maskAnimationFrame.current = requestAnimationFrame(() => {\n      if (maskElementRef.current) {\n        const { translateY = 0, translateYCurrent = 0 } = modalState;\n\n        const opacity =\n          forceOpacity === null\n            ? 1 - (translateYCurrent - translateY) / (100 - translateY) || 0\n            : forceOpacity;\n        maskElementRef.current.style.opacity = clamp(opacity, 0, 100).toString();\n      }\n    });\n  };\n\n  const onEntered = ({ id, modalElement }: ModalsStateEntry) => {\n    if (!noFocusToDialog && modalElement && !modalElement.contains(document!.activeElement)) {\n      modalElement.focus();\n    }\n\n    onEnteredProp(id);\n  };\n\n  const openModal = () => {\n    if (!enteringModal || !prevProps) {\n      return;\n    }\n\n    const enteringState = getModalState(enteringModal);\n    onEnter();\n\n    // Анимация открытия модального окна\n    if (!prevProps.exitingModal) {\n      requestAnimationFrame(() => {\n        if (enteringModal === enteringModal && enteringState) {\n          waitTransitionFinish(enteringState.innerElement, () => onEntered(enteringState), timeout);\n          animateModalOpacity(enteringState, true);\n          setMaskOpacity(enteringState, 1);\n        }\n      });\n\n      return;\n    }\n\n    // Переход между модальными окнами без анимации\n    requestAnimationFrame(() => {\n      if (enteringState?.innerElement) {\n        enteringState.innerElement.style.transition = 'none';\n        enteringState.innerElement.style.opacity = '1';\n        setMaskOpacity(enteringState, 1);\n      }\n    });\n\n    if (enteringState) {\n      onEntered(enteringState);\n    }\n  };\n\n  const closeModal = (id: string) => {\n    const prevModalState = getModalState(id);\n    if (!prevModalState) {\n      return;\n    }\n\n    // Анимация закрытия модального окна\n    if (!activeModal) {\n      requestAnimationFrame(() => {\n        waitTransitionFinish(prevModalState?.innerElement, () => onExited(id), timeout);\n        animateModalOpacity(prevModalState, false);\n        setMaskOpacity(prevModalState, 0);\n      });\n\n      return;\n    }\n\n    // Переход между модальными окнами без анимации\n    onExited(id);\n  };\n\n  React.useEffect(() => {\n    if (!prevProps) {\n      return;\n    }\n\n    // transition phase 2: animate exiting modal\n    if (exitingModal && exitingModal !== prevProps.exitingModal) {\n      closeModal(exitingModal);\n    }\n\n    // transition phase 3: animate entering modal\n    if (enteringModal && enteringModal !== prevProps.enteringModal) {\n      openModal();\n    }\n\n    // focus restoration\n    if (activeModal && !prevProps.activeModal) {\n      restoreFocusTo.current = (document?.activeElement ?? undefined) as HTMLElement | undefined;\n    }\n    if (!activeModal && !exitingModal && restoreFocusTo.current) {\n      restoreFocusTo.current.focus();\n      restoreFocusTo.current = undefined;\n    }\n  });\n\n  if (!activeModal && !exitingModal) {\n    return null;\n  }\n\n  return (\n    <ModalRootContext.Provider value={modalRootContext}>\n      <div\n        className={classNames(\n          styles['ModalRoot'],\n          hasCustomPanelHeaderAfter && styles['ModalRoot--hasCustomPanelHeaderAfterSlot'],\n          styles['ModalRoot--desktop'],\n        )}\n      >\n        <div\n          data-testid={modalOverlayTestId}\n          className={styles['ModalRoot__mask']}\n          ref={maskElementRef}\n          onClick={onExit}\n        />\n        <div className={styles['ModalRoot__viewport']}>\n          {modals.map((Modal: React.ReactElement) => {\n            const modalId = getNavId(Modal.props, warn);\n            if (modalId !== activeModal && modalId !== exitingModal) {\n              return null;\n            }\n\n            const key = `modal-${modalId}`;\n\n            return (\n              <FocusTrap\n                autoFocus={false}\n                restoreFocus={false}\n                onClose={onExit}\n                timeout={timeout}\n                key={key}\n                className={styles['ModalRoot__modal']}\n              >\n                {Modal}\n              </FocusTrap>\n            );\n          })}\n        </div>\n      </div>\n    </ModalRootContext.Provider>\n  );\n};\n"],"names":["ModalRootDesktop","warn","warnOnce","activeModal","activeModalProp","children","noFocusToDialog","onOpen","onOpened","onClose","onClosed","modalOverlayTestId","maskElementRef","React","useRef","maskAnimationFrame","undefined","restoreFocusTo","document","useDOM","hasCustomPanelHeaderAfter","platform","useConfigProvider","exitingModal","onExit","getModalState","enteringModal","onEnter","onEntered","onEnteredProp","onExited","history","delayEnter","useModalManager","noop","waitTransitionFinish","useWaitTransitionFinish","prevProps","usePrevious","modalRootContext","useObjectMemo","updateModalHeight","registerModal","id","data","Object","assign","isInsideModal","timeout","modals","Children","toArray","animateModalOpacity","modalState","display","innerElement","style","transition","transitionDelay","opacity","setMaskOpacity","forceOpacity","current","cancelAnimationFrame","requestAnimationFrame","translateY","translateYCurrent","clamp","toString","modalElement","contains","activeElement","focus","openModal","enteringState","closeModal","prevModalState","useEffect","ModalRootContext","Provider","value","div","className","classNames","data-testid","ref","onClick","map","Modal","modalId","getNavId","props","key","FocusTrap","autoFocus","restoreFocus"],"mappings":";;;;+BAkBaA;;;eAAAA;;;;;;iEAlBU;sBACU;sBACX;+BACQ;6BACF;yCACY;qBACjB;0BACE;0BACA;uCACS;2BACR;kCACkC;iCAE5B;AAGhC,MAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AAEf,MAAMF,mBAAmB,CAAC,EAC/BG,aAAaC,eAAe,EAC5BC,QAAQ,EACRC,kBAAkB,KAAK,EACvBC,MAAM,EACNC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRC,kBAAkB,EACI;IACtB,MAAMC,iBAAiBC,OAAMC,MAAM,CAAiB;IACpD,MAAMC,qBAAqBF,OAAMC,MAAM,CAAqBE;IAC5D,MAAMC,iBAAiBJ,OAAMC,MAAM,CAA0BE;IAE7D,MAAM,EAAEE,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAC3B,MAAM,EAAEC,yBAAyB,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,wCAAiB;IACjE,MAAM,EACJnB,WAAW,EACXoB,YAAY,EACZC,MAAM,EACNC,aAAa,EACbC,aAAa,EACbC,OAAO,EACPC,WAAWC,aAAa,EACxBC,QAAQ,EACRC,OAAO,EACPC,UAAU,EACX,GAAGC,IAAAA,gCAAe,EAAC7B,iBAAiBC,UAAUE,QAAQC,UAAUC,SAASC,UAAUwB,UAAI;IAExF,MAAMC,uBAAuBC,IAAAA,gDAAuB;IACpD,MAAMC,YAAYC,IAAAA,wBAAW,EAAC;QAC5Bf;QACAG;QACAvB;IACF;IACA,MAAMoC,mBAA8CC,IAAAA,4BAAa,EAAC;QAChEC,mBAAmB,IAAMzB;QACzB0B,eAAe;gBAAC,EAAEC,EAAE,EAAW,WAANC;gBAAPD;;gBAAgClB;mBAAdoB,OAAOC,MAAM,CAACrB,CAAAA,iBAAAA,cAAckB,iBAAdlB,4BAAAA,iBAAqB,CAAC,GAAGmB;QAAI;QAC/EnC,SAASe;QACTuB,eAAe;IACjB;IAEA,MAAMC,UAAU3B,aAAa,QAAQ,MAAM;IAC3C,MAAM4B,SAASpC,OAAMqC,QAAQ,CAACC,OAAO,CAAC9C;IAEtC,mCAAmC,GACnC,MAAM+C,sBAAsB,CAACC,YAA0CC;QACrE,IAAID,uBAAAA,iCAAAA,WAAYE,YAAY,EAAE;YAC5BF,WAAWE,YAAY,CAACC,KAAK,CAACC,UAAU,GAAG;YAC3CJ,WAAWE,YAAY,CAACC,KAAK,CAACE,eAAe,GAAGJ,WAAWtB,aAAa,CAAC,EAAEgB,QAAQ,EAAE,CAAC,GAAG;YACzFK,WAAWE,YAAY,CAACC,KAAK,CAACG,OAAO,GAAGL,UAAU,MAAM;QAC1D;IACF;IAEA,0DAA0D,GAC1D,MAAMM,iBAAiB,CAACP,YAA8BQ,eAA8B,IAAI;QACtF,IAAIA,iBAAiB,QAAQ9B,CAAAA,oBAAAA,8BAAAA,OAAS,CAAC,EAAE,MAAKsB,WAAWV,EAAE,EAAE;YAC3D;QACF;QAEA,IAAI5B,mBAAmB+C,OAAO,EAAE;YAC9BC,qBAAqBhD,mBAAmB+C,OAAO;QACjD;QACA/C,mBAAmB+C,OAAO,GAAGE,sBAAsB;YACjD,IAAIpD,eAAekD,OAAO,EAAE;gBAC1B,MAAM,EAAEG,aAAa,CAAC,EAAEC,oBAAoB,CAAC,EAAE,GAAGb;gBAElD,MAAMM,UACJE,iBAAiB,OACb,IAAI,AAACK,CAAAA,oBAAoBD,UAAS,IAAM,CAAA,MAAMA,UAAS,KAAM,IAC7DJ;gBACNjD,eAAekD,OAAO,CAACN,KAAK,CAACG,OAAO,GAAGQ,IAAAA,WAAK,EAACR,SAAS,GAAG,KAAKS,QAAQ;YACxE;QACF;IACF;IAEA,MAAMxC,YAAY,CAAC,EAAEe,EAAE,EAAE0B,YAAY,EAAoB;QACvD,IAAI,CAAC/D,mBAAmB+D,gBAAgB,CAACA,aAAaC,QAAQ,CAACpD,SAAUqD,aAAa,GAAG;YACvFF,aAAaG,KAAK;QACpB;QAEA3C,cAAcc;IAChB;IAEA,MAAM8B,YAAY;QAChB,IAAI,CAAC/C,iBAAiB,CAACW,WAAW;YAChC;QACF;QAEA,MAAMqC,gBAAgBjD,cAAcC;QACpCC;QAEA,oCAAoC;QACpC,IAAI,CAACU,UAAUd,YAAY,EAAE;YAC3ByC,sBAAsB;gBACpB,IAAItC,kBAAkBA,iBAAiBgD,eAAe;oBACpDvC,qBAAqBuC,cAAcnB,YAAY,EAAE,IAAM3B,UAAU8C,gBAAgB1B;oBACjFI,oBAAoBsB,eAAe;oBACnCd,eAAec,eAAe;gBAChC;YACF;YAEA;QACF;QAEA,+CAA+C;QAC/CV,sBAAsB;YACpB,IAAIU,0BAAAA,oCAAAA,cAAenB,YAAY,EAAE;gBAC/BmB,cAAcnB,YAAY,CAACC,KAAK,CAACC,UAAU,GAAG;gBAC9CiB,cAAcnB,YAAY,CAACC,KAAK,CAACG,OAAO,GAAG;gBAC3CC,eAAec,eAAe;YAChC;QACF;QAEA,IAAIA,eAAe;YACjB9C,UAAU8C;QACZ;IACF;IAEA,MAAMC,aAAa,CAAChC;QAClB,MAAMiC,iBAAiBnD,cAAckB;QACrC,IAAI,CAACiC,gBAAgB;YACnB;QACF;QAEA,oCAAoC;QACpC,IAAI,CAACzE,aAAa;YAChB6D,sBAAsB;gBACpB7B,qBAAqByC,2BAAAA,qCAAAA,eAAgBrB,YAAY,EAAE,IAAMzB,SAASa,KAAKK;gBACvEI,oBAAoBwB,gBAAgB;gBACpChB,eAAegB,gBAAgB;YACjC;YAEA;QACF;QAEA,+CAA+C;QAC/C9C,SAASa;IACX;IAEA9B,OAAMgE,SAAS,CAAC;QACd,IAAI,CAACxC,WAAW;YACd;QACF;QAEA,4CAA4C;QAC5C,IAAId,gBAAgBA,iBAAiBc,UAAUd,YAAY,EAAE;YAC3DoD,WAAWpD;QACb;QAEA,6CAA6C;QAC7C,IAAIG,iBAAiBA,kBAAkBW,UAAUX,aAAa,EAAE;YAC9D+C;QACF;QAEA,oBAAoB;QACpB,IAAItE,eAAe,CAACkC,UAAUlC,WAAW,EAAE;gBACfe;YAA1BD,eAAe6C,OAAO,GAAI5C,CAAAA,0BAAAA,qBAAAA,+BAAAA,SAAUqD,aAAa,cAAvBrD,qCAAAA,0BAA2BF;QACvD;QACA,IAAI,CAACb,eAAe,CAACoB,gBAAgBN,eAAe6C,OAAO,EAAE;YAC3D7C,eAAe6C,OAAO,CAACU,KAAK;YAC5BvD,eAAe6C,OAAO,GAAG9C;QAC3B;IACF;IAEA,IAAI,CAACb,eAAe,CAACoB,cAAc;QACjC,OAAO;IACT;IAEA,qBACE,qBAACuD,kCAAgB,CAACC,QAAQ;QAACC,OAAOzC;kBAChC,cAAA,sBAAC0C;YACCC,WAAWC,IAAAA,gBAAU,mBAEnB/D;;8BAIF,qBAAC6D;oBACCG,eAAazE;oBACbuE,SAAS;oBACTG,KAAKzE;oBACL0E,SAAS9D;;8BAEX,qBAACyD;oBAAIC,SAAS;8BACXjC,OAAOsC,GAAG,CAAC,CAACC;wBACX,MAAMC,UAAUC,IAAAA,kBAAQ,EAACF,MAAMG,KAAK,EAAE1F;wBACtC,IAAIwF,YAAYtF,eAAesF,YAAYlE,cAAc;4BACvD,OAAO;wBACT;wBAEA,MAAMqE,MAAM,CAAC,MAAM,EAAEH,QAAQ,CAAC;wBAE9B,qBACE,qBAACI,oBAAS;4BACRC,WAAW;4BACXC,cAAc;4BACdtF,SAASe;4BACTwB,SAASA;4BAETkC,SAAS;sCAERM;2BAHII;oBAMX;;;;;AAKV"}

package/dist/cjs/components/ModalRoot/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalRoot/constants.ts"],"sourcesContent":["export const MODAL_PAGE_DEFAULT_PERCENT_HEIGHT = 75;\n\nexport const PERCENT_OPENED = 0;\nexport const PERCENT_CLOSED = 100;\n"],"names":["MODAL_PAGE_DEFAULT_PERCENT_HEIGHT","PERCENT_CLOSED","PERCENT_OPENED"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAAaA,iCAAiC;eAAjCA;;IAGAC,cAAc;eAAdA;;IADAC,cAAc;eAAdA;;;AAFN,MAAMF,oCAAoC;AAE1C,MAAME,iBAAiB;AACvB,MAAMD,iBAAiB"}
+{"version":3,"sources":["../../../../src/components/ModalRoot/constants.ts"],"sourcesContent":["export const MODAL_PAGE_DEFAULT_PERCENT_HEIGHT = 75;\n\nexport const PERCENT_OPENED = 0;\nexport const PERCENT_CLOSED = 100;\n"],"names":["MODAL_PAGE_DEFAULT_PERCENT_HEIGHT","PERCENT_CLOSED","PERCENT_OPENED"],"mappings":";;;;;;;;;;;IAAaA,iCAAiC;eAAjCA;;IAGAC,cAAc;eAAdA;;IADAC,cAAc;eAAdA;;;AAFN,MAAMF,oCAAoC;AAE1C,MAAME,iBAAiB;AACvB,MAAMD,iBAAiB"}

package/dist/cjs/components/ModalRoot/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DOMContextInterface } from '../../lib/dom';
 import { HasPlatform } from '../../types';
 import { ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';

package/dist/cjs/components/ModalRoot/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalRoot/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalRoot/types.ts"],"names":[],"mappings":"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"}

package/dist/cjs/components/ModalRoot/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalRoot/types.ts"],"names":[],"rangeMappings":"","mappings":""}
+{"version":3,"sources":["../../../../src/components/ModalRoot/types.ts"],"names":[],"mappings":""}

package/dist/cjs/components/ModalRoot/useModalManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useModalManager.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalRoot/useModalManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAe,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAExD,UAAU,oBAAoB;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE,OAAO,EAAE,YAAY,CAAC;IACtB,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,KAAK,gBAAgB,GAAG,SAAS,CAAC;IAC/E,UAAU,EAAE,OAAO,CAAC;CACrB;AAQD,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,oBAAoB,EAC3B,MAAM,EAAE;IACN,IAAI,EAAE,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACpD,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;CACnB,GACA,oBAAoB,CAmCtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAC7B,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,EAC7C,MAAM,GAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAW,EACnC,QAAQ,GAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAW,EACrC,OAAO,GAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAW,EACpC,QAAQ,GAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAW,EACrC,SAAS,GAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAW,GAClD,oBAAoB,CA2HtB;AAED,KAAK,gBAAgB,CAAC,KAAK,SAAS,oBAAoB,IAAI,WAAW,GACrE,IAAI,CAAC,KAAK,EAAE,MAAM,oBAAoB,CAAC,GAAG;IACxC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEJ,wBAAgB,gBAAgB,CAAC,SAAS,GAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAW,iDAEnE,MAAM,aAAa,CAAC,KAAK,CAAC,KAClC,MAAM,aAAa,CAAC,iBAAiB,KAAK,CAAC,CAAC,CAchD"}
+{"version":3,"file":"useModalManager.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalRoot/useModalManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAe,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAExD,UAAU,oBAAoB;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE,OAAO,EAAE,YAAY,CAAC;IACtB,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,KAAK,gBAAgB,GAAG,SAAS,CAAC;IAC/E,UAAU,EAAE,OAAO,CAAC;CACrB;AAQD,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,oBAAoB,EAC3B,MAAM,EAAE;IACN,IAAI,EAAE,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACpD,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;CACnB,GACA,oBAAoB,CAmCtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAC7B,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,EAC7C,MAAM,GAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAW,EACnC,QAAQ,GAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAW,EACrC,OAAO,GAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAW,EACpC,QAAQ,GAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAW,EACrC,SAAS,GAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAW,GAClD,oBAAoB,CA2HtB;AAED,KAAK,gBAAgB,CAAC,KAAK,SAAS,oBAAoB,IAAI,WAAW,GACrE,IAAI,CAAC,KAAK,EAAE,MAAM,oBAAoB,CAAC,GAAG;IACxC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEJ,wBAAgB,gBAAgB,CAAC,SAAS,GAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAW,IAC7D,KAAK,SAAS,oBAAoB,WACxC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,KAClC,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAchD"}

package/dist/cjs/components/ModalRoot/useModalManager.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalRoot/useModalManager.tsx"],"sourcesContent":["import * as React from 'react';\nimport { isFunction, noop } from '@vkontakte/vkjs';\nimport { getNavId } from '../../lib/getNavId';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasChildren } from '../../types';\nimport { ModalsState, ModalsStateEntry } from './types';\n\ninterface ModalTransitionState {\n  activeModal?: string | null;\n  enteringModal?: string | null;\n  exitingModal?: string | null;\n  history?: string[];\n  isBack?: boolean | null;\n}\n\nexport interface ModalTransitionProps extends ModalTransitionState {\n  onEnter: VoidFunction;\n  onEntered: (id: string | null) => void;\n  onExit: VoidFunction;\n  onExited: (id: string | null) => void;\n  getModalState: (id: string | undefined | null) => ModalsStateEntry | undefined;\n  delayEnter: boolean;\n}\n\nfunction getModals(children: React.ReactNode | React.ReactNode[]) {\n  return React.Children.toArray(children) as React.ReactElement[];\n}\n\nconst warn = warnOnce('ModalRoot');\n\nexport function modalTransitionReducer(\n  state: ModalTransitionState,\n  action: {\n    type: 'setActive' | 'entered' | 'exited' | 'inited';\n    id: string | null;\n  },\n): ModalTransitionState {\n  if (action.type === 'setActive' && action.id !== state.activeModal) {\n    const nextModal = action.id;\n    // preserve exiting modal if switching mid-transition\n    const prevModal = state.exitingModal || state.activeModal;\n    let history = state.history ? [...state.history] : [];\n    const isBack = Boolean(nextModal && history.includes(nextModal));\n\n    if (nextModal === null) {\n      history = [];\n    } else if (isBack) {\n      history = history.splice(0, history.indexOf(nextModal) + 1);\n    } else {\n      history.push(nextModal);\n    }\n\n    return {\n      activeModal: nextModal,\n      // not entering yet\n      enteringModal: null,\n      exitingModal: prevModal,\n      history,\n      isBack,\n    };\n  }\n  if (action.type === 'entered' && action.id === state.enteringModal) {\n    return { ...state, enteringModal: null };\n  }\n  if (action.type === 'exited' && action.id === state.exitingModal) {\n    return { ...state, exitingModal: null };\n  }\n  if (action.type === 'inited' && action.id === state.activeModal) {\n    return { ...state, enteringModal: action.id };\n  }\n  return state;\n}\n\n/**\n * Реализует переход модалок. При смене activeModal m1 -> m2:\n * 1. activeModal: m1, exitingModal: null, enteringModal: null, триггер перехода\n * 2. activeModal: m2, exitingModal: m1, enteringModal: null, рендерим m2 чтобы прошел init, начинаем анимацию выхода\n * одновременный переход между ModalPage:\n *   3a. activeModal: m2, exitingModal: m1, enteringModal: m2\n *   4a. exitingModal и enteringModal переходят в null в порядке завершения анимации\n * ИЛИ дожидаемся скрытия ModalCard\n *   3b. activeModal: m2, exitingModal: null, enteringModal: m2\n *   4b. enteringModal переходит в null после завершения анимации\n * 5. activeModal: m2, exitingModal: null, enteringModal: null, переход закончен\n */\nexport function useModalManager(\n  activeModal: string | null | undefined,\n  children: React.ReactNode | React.ReactNode[],\n  onOpen: (id: string) => void = noop,\n  onOpened: (id: string) => void = noop,\n  onClose: (id: string) => void = noop,\n  onClosed: (id: string) => void = noop,\n  initModal: (state: ModalsStateEntry) => void = noop,\n): ModalTransitionProps {\n  const modalsState = React.useRef<ModalsState>({}).current;\n  getModals(children).forEach((Modal) => {\n    const modalProps = Modal.props;\n    const id = getNavId(modalProps, warn);\n    const state: ModalsStateEntry = (id !== undefined && modalsState[id]) || {\n      id: id ?? null,\n    };\n\n    state.onOpen = Modal.props.onOpen;\n    state.onOpened = Modal.props.onOpened;\n    state.onClose = Modal.props.onClose;\n    state.onClosed = Modal.props.onClosed;\n    state.preventClose = Modal.props.preventClose;\n    // ModalPage props\n    if (typeof modalProps.settlingHeight === 'number') {\n      state.settlingHeight = modalProps.settlingHeight;\n    }\n\n    if (state.id !== null) {\n      modalsState[state.id] = state;\n    }\n  });\n\n  const isMissing = activeModal && !modalsState[activeModal];\n  const safeActiveModal = isMissing ? null : activeModal;\n  const [transitionState, dispatchTransition] = React.useReducer(modalTransitionReducer, {\n    activeModal: safeActiveModal,\n    enteringModal: null,\n    exitingModal: null,\n    history: safeActiveModal ? [safeActiveModal] : [],\n    isBack: false,\n  });\n\n  // Map props to state, render activeModal for init\n  useIsomorphicLayoutEffect(() => {\n    // ignore non-existent activeModal\n    if (process.env.NODE_ENV === 'development' && isMissing) {\n      warn(`Переход невозможен - модальное окно (страница) ${activeModal} не существует`, 'error');\n    }\n    dispatchTransition({ type: 'setActive', id: safeActiveModal ?? null });\n  }, [activeModal]);\n\n  // Init activeModal & set enteringModal\n  useIsomorphicLayoutEffect(() => {\n    if (transitionState.activeModal) {\n      initModal(modalsState[transitionState.activeModal]);\n      dispatchTransition({ type: 'inited', id: transitionState.activeModal });\n    }\n  }, [transitionState.activeModal]);\n\n  const isCard = (id: string | null | undefined) => id != null && modalsState[id]?.type === 'card';\n  const onEntered = React.useCallback(\n    (id: string | null) => {\n      if (id) {\n        const modalState = modalsState[id];\n\n        if (isFunction(modalState.onOpened)) {\n          modalState.onOpened();\n        } else if (isFunction(onOpened)) {\n          onOpened(id);\n        }\n      }\n\n      dispatchTransition({ type: 'entered', id });\n    },\n    [modalsState, onOpened],\n  );\n  const onExited = React.useCallback(\n    (id: string | null) => {\n      if (id) {\n        const modalState = modalsState[id];\n\n        if (isFunction(modalState.onClosed)) {\n          modalState.onClosed();\n        } else if (isFunction(onClosed)) {\n          onClosed(id);\n        }\n      }\n\n      dispatchTransition({ type: 'exited', id });\n    },\n    [modalsState, onClosed],\n  );\n  const delayEnter = Boolean(\n    transitionState.exitingModal && (isCard(activeModal) || isCard(transitionState.exitingModal)),\n  );\n  const getModalState = React.useCallback(\n    (id: string | undefined | null) => (id ? modalsState[id] : undefined),\n    [modalsState],\n  );\n\n  function onEnter() {\n    const modalState = transitionState.activeModal && modalsState[transitionState.activeModal];\n    if (modalState) {\n      if (isFunction(modalState.onOpen)) {\n        modalState.onOpen();\n      } else if (isFunction(onOpen) && modalState.id) {\n        onOpen(modalState.id);\n      }\n    }\n  }\n\n  function onExit() {\n    const modalState = transitionState.activeModal && modalsState[transitionState.activeModal];\n    if (modalState && !modalState.preventClose) {\n      if (isFunction(modalState.onClose)) {\n        modalState.onClose();\n      } else if (isFunction(onClose) && modalState.id) {\n        onClose(modalState.id);\n      }\n    }\n  }\n\n  return {\n    onEnter,\n    onEntered,\n    onExit,\n    onExited,\n    ...transitionState,\n    delayEnter,\n    getModalState,\n  };\n}\n\ntype WithModalManager<Props extends ModalTransitionProps> = HasChildren &\n  Omit<Props, keyof ModalTransitionProps> & {\n    activeModal?: string | null;\n  };\n\nexport function withModalManager(initModal: (a: ModalsStateEntry) => void = noop) {\n  return function <Props extends ModalTransitionProps>(\n    Wrapped: React.ComponentType<Props>,\n  ): React.ComponentType<WithModalManager<Props>> {\n    return function WithModalManager(props) {\n      const transitionManager = useModalManager(\n        props.activeModal,\n        props.children,\n        (props as any).onOpen,\n        (props as any).onOpened,\n        (props as any).onClose,\n        (props as any).onClosed,\n        initModal,\n      );\n      return <Wrapped {...(props as any)} {...transitionManager} />;\n    };\n  };\n}\n"],"names":["modalTransitionReducer","useModalManager","withModalManager","getModals","children","React","Children","toArray","warn","warnOnce","state","action","type","id","activeModal","nextModal","prevModal","exitingModal","history","isBack","Boolean","includes","splice","indexOf","push","enteringModal","onOpen","noop","onOpened","onClose","onClosed","initModal","modalsState","useRef","current","forEach","Modal","modalProps","props","getNavId","undefined","preventClose","settlingHeight","isMissing","safeActiveModal","transitionState","dispatchTransition","useReducer","useIsomorphicLayoutEffect","process","env","NODE_ENV","isCard","onEntered","useCallback","modalState","isFunction","onExited","delayEnter","getModalState","onEnter","onExit","Wrapped","WithModalManager","transitionManager"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../src/components/ModalRoot/useModalManager.tsx"],"sourcesContent":["import * as React from 'react';\nimport { isFunction, noop } from '@vkontakte/vkjs';\nimport { getNavId } from '../../lib/getNavId';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasChildren } from '../../types';\nimport { ModalsState, ModalsStateEntry } from './types';\n\ninterface ModalTransitionState {\n  activeModal?: string | null;\n  enteringModal?: string | null;\n  exitingModal?: string | null;\n  history?: string[];\n  isBack?: boolean | null;\n}\n\nexport interface ModalTransitionProps extends ModalTransitionState {\n  onEnter: VoidFunction;\n  onEntered: (id: string | null) => void;\n  onExit: VoidFunction;\n  onExited: (id: string | null) => void;\n  getModalState: (id: string | undefined | null) => ModalsStateEntry | undefined;\n  delayEnter: boolean;\n}\n\nfunction getModals(children: React.ReactNode | React.ReactNode[]) {\n  return React.Children.toArray(children) as React.ReactElement[];\n}\n\nconst warn = warnOnce('ModalRoot');\n\nexport function modalTransitionReducer(\n  state: ModalTransitionState,\n  action: {\n    type: 'setActive' | 'entered' | 'exited' | 'inited';\n    id: string | null;\n  },\n): ModalTransitionState {\n  if (action.type === 'setActive' && action.id !== state.activeModal) {\n    const nextModal = action.id;\n    // preserve exiting modal if switching mid-transition\n    const prevModal = state.exitingModal || state.activeModal;\n    let history = state.history ? [...state.history] : [];\n    const isBack = Boolean(nextModal && history.includes(nextModal));\n\n    if (nextModal === null) {\n      history = [];\n    } else if (isBack) {\n      history = history.splice(0, history.indexOf(nextModal) + 1);\n    } else {\n      history.push(nextModal);\n    }\n\n    return {\n      activeModal: nextModal,\n      // not entering yet\n      enteringModal: null,\n      exitingModal: prevModal,\n      history,\n      isBack,\n    };\n  }\n  if (action.type === 'entered' && action.id === state.enteringModal) {\n    return { ...state, enteringModal: null };\n  }\n  if (action.type === 'exited' && action.id === state.exitingModal) {\n    return { ...state, exitingModal: null };\n  }\n  if (action.type === 'inited' && action.id === state.activeModal) {\n    return { ...state, enteringModal: action.id };\n  }\n  return state;\n}\n\n/**\n * Реализует переход модалок. При смене activeModal m1 -> m2:\n * 1. activeModal: m1, exitingModal: null, enteringModal: null, триггер перехода\n * 2. activeModal: m2, exitingModal: m1, enteringModal: null, рендерим m2 чтобы прошел init, начинаем анимацию выхода\n * одновременный переход между ModalPage:\n *   3a. activeModal: m2, exitingModal: m1, enteringModal: m2\n *   4a. exitingModal и enteringModal переходят в null в порядке завершения анимации\n * ИЛИ дожидаемся скрытия ModalCard\n *   3b. activeModal: m2, exitingModal: null, enteringModal: m2\n *   4b. enteringModal переходит в null после завершения анимации\n * 5. activeModal: m2, exitingModal: null, enteringModal: null, переход закончен\n */\nexport function useModalManager(\n  activeModal: string | null | undefined,\n  children: React.ReactNode | React.ReactNode[],\n  onOpen: (id: string) => void = noop,\n  onOpened: (id: string) => void = noop,\n  onClose: (id: string) => void = noop,\n  onClosed: (id: string) => void = noop,\n  initModal: (state: ModalsStateEntry) => void = noop,\n): ModalTransitionProps {\n  const modalsState = React.useRef<ModalsState>({}).current;\n  getModals(children).forEach((Modal) => {\n    const modalProps = Modal.props;\n    const id = getNavId(modalProps, warn);\n    const state: ModalsStateEntry = (id !== undefined && modalsState[id]) || {\n      id: id ?? null,\n    };\n\n    state.onOpen = Modal.props.onOpen;\n    state.onOpened = Modal.props.onOpened;\n    state.onClose = Modal.props.onClose;\n    state.onClosed = Modal.props.onClosed;\n    state.preventClose = Modal.props.preventClose;\n    // ModalPage props\n    if (typeof modalProps.settlingHeight === 'number') {\n      state.settlingHeight = modalProps.settlingHeight;\n    }\n\n    if (state.id !== null) {\n      modalsState[state.id] = state;\n    }\n  });\n\n  const isMissing = activeModal && !modalsState[activeModal];\n  const safeActiveModal = isMissing ? null : activeModal;\n  const [transitionState, dispatchTransition] = React.useReducer(modalTransitionReducer, {\n    activeModal: safeActiveModal,\n    enteringModal: null,\n    exitingModal: null,\n    history: safeActiveModal ? [safeActiveModal] : [],\n    isBack: false,\n  });\n\n  // Map props to state, render activeModal for init\n  useIsomorphicLayoutEffect(() => {\n    // ignore non-existent activeModal\n    if (process.env.NODE_ENV === 'development' && isMissing) {\n      warn(`Переход невозможен - модальное окно (страница) ${activeModal} не существует`, 'error');\n    }\n    dispatchTransition({ type: 'setActive', id: safeActiveModal ?? null });\n  }, [activeModal]);\n\n  // Init activeModal & set enteringModal\n  useIsomorphicLayoutEffect(() => {\n    if (transitionState.activeModal) {\n      initModal(modalsState[transitionState.activeModal]);\n      dispatchTransition({ type: 'inited', id: transitionState.activeModal });\n    }\n  }, [transitionState.activeModal]);\n\n  const isCard = (id: string | null | undefined) => id != null && modalsState[id]?.type === 'card';\n  const onEntered = React.useCallback(\n    (id: string | null) => {\n      if (id) {\n        const modalState = modalsState[id];\n\n        if (isFunction(modalState.onOpened)) {\n          modalState.onOpened();\n        } else if (isFunction(onOpened)) {\n          onOpened(id);\n        }\n      }\n\n      dispatchTransition({ type: 'entered', id });\n    },\n    [modalsState, onOpened],\n  );\n  const onExited = React.useCallback(\n    (id: string | null) => {\n      if (id) {\n        const modalState = modalsState[id];\n\n        if (isFunction(modalState.onClosed)) {\n          modalState.onClosed();\n        } else if (isFunction(onClosed)) {\n          onClosed(id);\n        }\n      }\n\n      dispatchTransition({ type: 'exited', id });\n    },\n    [modalsState, onClosed],\n  );\n  const delayEnter = Boolean(\n    transitionState.exitingModal && (isCard(activeModal) || isCard(transitionState.exitingModal)),\n  );\n  const getModalState = React.useCallback(\n    (id: string | undefined | null) => (id ? modalsState[id] : undefined),\n    [modalsState],\n  );\n\n  function onEnter() {\n    const modalState = transitionState.activeModal && modalsState[transitionState.activeModal];\n    if (modalState) {\n      if (isFunction(modalState.onOpen)) {\n        modalState.onOpen();\n      } else if (isFunction(onOpen) && modalState.id) {\n        onOpen(modalState.id);\n      }\n    }\n  }\n\n  function onExit() {\n    const modalState = transitionState.activeModal && modalsState[transitionState.activeModal];\n    if (modalState && !modalState.preventClose) {\n      if (isFunction(modalState.onClose)) {\n        modalState.onClose();\n      } else if (isFunction(onClose) && modalState.id) {\n        onClose(modalState.id);\n      }\n    }\n  }\n\n  return {\n    onEnter,\n    onEntered,\n    onExit,\n    onExited,\n    ...transitionState,\n    delayEnter,\n    getModalState,\n  };\n}\n\ntype WithModalManager<Props extends ModalTransitionProps> = HasChildren &\n  Omit<Props, keyof ModalTransitionProps> & {\n    activeModal?: string | null;\n  };\n\nexport function withModalManager(initModal: (a: ModalsStateEntry) => void = noop) {\n  return function <Props extends ModalTransitionProps>(\n    Wrapped: React.ComponentType<Props>,\n  ): React.ComponentType<WithModalManager<Props>> {\n    return function WithModalManager(props) {\n      const transitionManager = useModalManager(\n        props.activeModal,\n        props.children,\n        (props as any).onOpen,\n        (props as any).onOpened,\n        (props as any).onClose,\n        (props as any).onClosed,\n        initModal,\n      );\n      return <Wrapped {...(props as any)} {...transitionManager} />;\n    };\n  };\n}\n"],"names":["modalTransitionReducer","useModalManager","withModalManager","getModals","children","React","Children","toArray","warn","warnOnce","state","action","type","id","activeModal","nextModal","prevModal","exitingModal","history","isBack","Boolean","includes","splice","indexOf","push","enteringModal","onOpen","noop","onOpened","onClose","onClosed","initModal","modalsState","useRef","current","forEach","Modal","modalProps","props","getNavId","undefined","preventClose","settlingHeight","isMissing","safeActiveModal","transitionState","dispatchTransition","useReducer","useIsomorphicLayoutEffect","process","env","NODE_ENV","isCard","onEntered","useCallback","modalState","isFunction","onExited","delayEnter","getModalState","onEnter","onExit","Wrapped","WithModalManager","transitionManager"],"mappings":"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"}

package/dist/cjs/components/ModalRoot/useModalRootContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalRoot/useModalRootContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ModalRootContext } from './ModalRootContext';\n\nexport const useModalRootContext = () => React.useContext(ModalRootContext);\n"],"names":["useModalRootContext","React","useContext","ModalRootContext"],"rangeMappings":";;;;;;;;;;;;;","mappings":";;;;+BAGaA;;;eAAAA;;;;iEAHU;kCACU;AAE1B,MAAMA,sBAAsB,IAAMC,OAAMC,UAAU,CAACC,kCAAgB"}
+{"version":3,"sources":["../../../../src/components/ModalRoot/useModalRootContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ModalRootContext } from './ModalRootContext';\n\nexport const useModalRootContext = () => React.useContext(ModalRootContext);\n"],"names":["useModalRootContext","React","useContext","ModalRootContext"],"mappings":";;;;+BAGaA;;;eAAAA;;;;iEAHU;kCACU;AAE1B,MAAMA,sBAAsB,IAAMC,OAAMC,UAAU,CAACC,kCAAgB"}

package/dist/cjs/components/ModalRoot/withModalRootContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalRoot/withModalRootContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ModalRootContext, ModalRootContextInterface } from './ModalRootContext';\n\ntype PickedProps = Pick<ModalRootContextInterface, 'updateModalHeight'>;\n\nexport function withModalRootContext<P extends PickedProps>(\n  Component: React.ComponentType<P>,\n): React.ComponentType<Omit<P, keyof PickedProps>> {\n  function WithModalRootContext(props: Omit<P, keyof PickedProps>) {\n    const { updateModalHeight } = React.useContext(ModalRootContext);\n\n    return <Component {...(props as P)} updateModalHeight={updateModalHeight} />;\n  }\n  return WithModalRootContext;\n}\n"],"names":["withModalRootContext","Component","WithModalRootContext","props","updateModalHeight","React","useContext","ModalRootContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAKgBA;;;eAAAA;;;;;;;iEALO;kCACqC;AAIrD,SAASA,qBACdC,SAAiC;IAEjC,SAASC,qBAAqBC,KAAiC;QAC7D,MAAM,EAAEC,iBAAiB,EAAE,GAAGC,OAAMC,UAAU,CAACC,kCAAgB;QAE/D,qBAAO,qBAACN,uDAAeE;YAAaC,mBAAmBA;;IACzD;IACA,OAAOF;AACT"}
+{"version":3,"sources":["../../../../src/components/ModalRoot/withModalRootContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ModalRootContext, ModalRootContextInterface } from './ModalRootContext';\n\ntype PickedProps = Pick<ModalRootContextInterface, 'updateModalHeight'>;\n\nexport function withModalRootContext<P extends PickedProps>(\n  Component: React.ComponentType<P>,\n): React.ComponentType<Omit<P, keyof PickedProps>> {\n  function WithModalRootContext(props: Omit<P, keyof PickedProps>) {\n    const { updateModalHeight } = React.useContext(ModalRootContext);\n\n    return <Component {...(props as P)} updateModalHeight={updateModalHeight} />;\n  }\n  return WithModalRootContext;\n}\n"],"names":["withModalRootContext","Component","WithModalRootContext","props","updateModalHeight","React","useContext","ModalRootContext"],"mappings":";;;;+BAKgBA;;;eAAAA;;;;;;;iEALO;kCACqC;AAIrD,SAASA,qBACdC,SAAiC;IAEjC,SAASC,qBAAqBC,KAAiC;QAC7D,MAAM,EAAEC,iBAAiB,EAAE,GAAGC,OAAMC,UAAU,CAACC,kCAAgB;QAE/D,qBAAO,qBAACN,uDAAeE;YAAaC,mBAAmBA;;IACzD;IACA,OAAOF;AACT"}

package/dist/cjs/components/NativeSelect/NativeSelect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { getFormFieldModeFromSelectType } from '../../lib/select';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { HasAlign, HasRef, HasRootRef } from '../../types';\nimport { DropdownIcon } from '../DropdownIcon/DropdownIcon';\nimport { FormField, FormFieldProps } from '../FormField/FormField';\nimport type { SelectType } from '../Select/Select';\nimport { SelectTypography } from '../SelectTypography/SelectTypography';\nimport styles from '../Select/Select.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Select--sizeY-none'],\n  ['compact']: styles['Select--sizeY-compact'],\n};\n\nexport interface NativeSelectProps\n  extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'multiple'>,\n    HasRef<HTMLSelectElement>,\n    HasRootRef<HTMLDivElement>,\n    HasAlign,\n    Pick<FormFieldProps, 'before' | 'status'> {\n  placeholder?: string;\n  multiline?: boolean;\n  selectType?: SelectType;\n  /**\n   * Иконка раскрывающегося списка\n   */\n  icon?: React.ReactNode;\n}\n\nexport interface SelectState {\n  value?: React.SelectHTMLAttributes<HTMLSelectElement>['value'];\n  title?: string;\n  notSelected?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/NativeSelect\n */\nconst NativeSelect = ({\n  style,\n  align,\n  placeholder,\n  children,\n  className,\n  getRef,\n  getRootRef,\n  disabled,\n  multiline,\n  selectType = 'default',\n  status,\n  icon = <DropdownIcon />,\n  before,\n  onChange,\n  ...restProps\n}: NativeSelectProps) => {\n  const [title, setTitle] = React.useState('');\n  const [empty, setEmpty] = React.useState(false);\n  const selectRef = useExternRef(getRef);\n  const { sizeY = 'none' } = useAdaptivity();\n\n  const checkSelectedOption = () => {\n    const selectedOption = selectRef.current?.options[selectRef.current.selectedIndex];\n    if (selectedOption) {\n      setTitle(selectedOption.text);\n      setEmpty(selectedOption.value === '' && placeholder != null);\n    }\n  };\n  useIsomorphicLayoutEffect(checkSelectedOption, [children]);\n\n  return (\n    <FormField\n      Component=\"div\"\n      className={classNames(\n        styles['Select'],\n        'vkuiInternalNativeSelect',\n        before && styles['Select--hasBefore'],\n        empty && styles['Select--empty'],\n        multiline && styles['Select--multiline'],\n        align === 'center' && styles['Select--align-center'],\n        align === 'right' && styles['Select--align-right'],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        className,\n      )}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={disabled}\n      before={before}\n      after={icon}\n      status={status}\n      mode={getFormFieldModeFromSelectType(selectType)}\n    >\n      <select\n        {...restProps}\n        disabled={disabled}\n        className={styles['Select__el']}\n        onChange={callMultiple(onChange, checkSelectedOption)}\n        ref={selectRef}\n      >\n        {placeholder && <option value=\"\">{placeholder}</option>}\n        {children}\n      </select>\n      <div className={styles['Select__container']} aria-hidden>\n        <SelectTypography className={styles['Select__title']} selectType={selectType}>\n          {title}\n        </SelectTypography>\n      </div>\n    </FormField>\n  );\n};\n\nexport { NativeSelect };\n"],"names":["NativeSelect","sizeYClassNames","none","style","align","placeholder","children","className","getRef","getRootRef","disabled","multiline","selectType","status","icon","DropdownIcon","before","onChange","restProps","title","setTitle","React","useState","empty","setEmpty","selectRef","useExternRef","sizeY","useAdaptivity","checkSelectedOption","selectedOption","current","options","selectedIndex","text","value","useIsomorphicLayoutEffect","FormField","Component","classNames","after","mode","getFormFieldModeFromSelectType","select","callMultiple","ref","option","div","aria-hidden","SelectTypography"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAmHSA;;;eAAAA;;;;;;;;iEAnHc;sBACI;+BACG;8BACD;8BACA;wBACkB;2CACL;8BAEb;2BACa;kCAET;AAGjC,MAAMC,kBAAkB;IACtBC,IAAI;IACJ,CAAC,UAAU;AACb;AAuBA;;CAEC,GACD,MAAMF,eAAe;QAAC,EACpBG,KAAK,EACLC,KAAK,EACLC,WAAW,EACXC,QAAQ,EACRC,SAAS,EACTC,MAAM,EACNC,UAAU,EACVC,QAAQ,EACRC,SAAS,EACTC,aAAa,SAAS,EACtBC,MAAM,EACNC,qBAAO,qBAACC,0BAAY,KAAG,EACvBC,MAAM,EACNC,QAAQ,EAEU,WADfC;QAdHf;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;;IAGA,MAAM,CAACE,OAAOC,SAAS,GAAGC,OAAMC,QAAQ,CAAC;IACzC,MAAM,CAACC,OAAOC,SAAS,GAAGH,OAAMC,QAAQ,CAAC;IACzC,MAAMG,YAAYC,IAAAA,0BAAY,EAAClB;IAC/B,MAAM,EAAEmB,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IAExC,MAAMC,sBAAsB;YACHJ;QAAvB,MAAMK,kBAAiBL,qBAAAA,UAAUM,OAAO,cAAjBN,yCAAAA,mBAAmBO,OAAO,CAACP,UAAUM,OAAO,CAACE,aAAa,CAAC;QAClF,IAAIH,gBAAgB;YAClBV,SAASU,eAAeI,IAAI;YAC5BV,SAASM,eAAeK,KAAK,KAAK,MAAM9B,eAAe;QACzD;IACF;IACA+B,IAAAA,oDAAyB,EAACP,qBAAqB;QAACvB;KAAS;IAEzD,qBACE,sBAAC+B,oBAAS;QACRC,WAAU;QACV/B,WAAWgC,IAAAA,gBAAU,gBAEnB,4BACAvB,mCACAO,8BACAZ,sCACAP,UAAU,wCACVA,UAAU,sCACVuB,UAAU,aAAa1B,eAAe,CAAC0B,MAAM,EAC7CpB;QAEFJ,OAAOA;QACPM,YAAYA;QACZC,UAAUA;QACVM,QAAQA;QACRwB,OAAO1B;QACPD,QAAQA;QACR4B,MAAMC,IAAAA,sCAA8B,EAAC9B;;0BAErC,sBAAC+B,sDACKzB;gBACJR,UAAUA;gBACVH,SAAS;gBACTU,UAAU2B,IAAAA,0BAAY,EAAC3B,UAAUY;gBACjCgB,KAAKpB;;oBAEJpB,6BAAe,qBAACyC;wBAAOX,OAAM;kCAAI9B;;oBACjCC;;;0BAEH,qBAACyC;gBAAIxC,SAAS;gBAA+ByC,aAAW;0BACtD,cAAA,qBAACC,kCAAgB;oBAAC1C,SAAS;oBAA2BK,YAAYA;8BAC/DO;;;;;AAKX"}
+{"version":3,"sources":["../../../../src/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { getFormFieldModeFromSelectType } from '../../lib/select';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { HasAlign, HasRef, HasRootRef } from '../../types';\nimport { DropdownIcon } from '../DropdownIcon/DropdownIcon';\nimport { FormField, FormFieldProps } from '../FormField/FormField';\nimport type { SelectType } from '../Select/Select';\nimport { SelectTypography } from '../SelectTypography/SelectTypography';\nimport styles from '../Select/Select.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Select--sizeY-none'],\n  ['compact']: styles['Select--sizeY-compact'],\n};\n\nexport interface NativeSelectProps\n  extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'multiple'>,\n    HasRef<HTMLSelectElement>,\n    HasRootRef<HTMLDivElement>,\n    HasAlign,\n    Pick<FormFieldProps, 'before' | 'status'> {\n  placeholder?: string;\n  multiline?: boolean;\n  selectType?: SelectType;\n  /**\n   * Иконка раскрывающегося списка\n   */\n  icon?: React.ReactNode;\n}\n\nexport interface SelectState {\n  value?: React.SelectHTMLAttributes<HTMLSelectElement>['value'];\n  title?: string;\n  notSelected?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/NativeSelect\n */\nconst NativeSelect = ({\n  style,\n  align,\n  placeholder,\n  children,\n  className,\n  getRef,\n  getRootRef,\n  disabled,\n  multiline,\n  selectType = 'default',\n  status,\n  icon = <DropdownIcon />,\n  before,\n  onChange,\n  ...restProps\n}: NativeSelectProps) => {\n  const [title, setTitle] = React.useState('');\n  const [empty, setEmpty] = React.useState(false);\n  const selectRef = useExternRef(getRef);\n  const { sizeY = 'none' } = useAdaptivity();\n\n  const checkSelectedOption = () => {\n    const selectedOption = selectRef.current?.options[selectRef.current.selectedIndex];\n    if (selectedOption) {\n      setTitle(selectedOption.text);\n      setEmpty(selectedOption.value === '' && placeholder != null);\n    }\n  };\n  useIsomorphicLayoutEffect(checkSelectedOption, [children]);\n\n  return (\n    <FormField\n      Component=\"div\"\n      className={classNames(\n        styles['Select'],\n        'vkuiInternalNativeSelect',\n        before && styles['Select--hasBefore'],\n        empty && styles['Select--empty'],\n        multiline && styles['Select--multiline'],\n        align === 'center' && styles['Select--align-center'],\n        align === 'right' && styles['Select--align-right'],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        className,\n      )}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={disabled}\n      before={before}\n      after={icon}\n      status={status}\n      mode={getFormFieldModeFromSelectType(selectType)}\n    >\n      <select\n        {...restProps}\n        disabled={disabled}\n        className={styles['Select__el']}\n        onChange={callMultiple(onChange, checkSelectedOption)}\n        ref={selectRef}\n      >\n        {placeholder && <option value=\"\">{placeholder}</option>}\n        {children}\n      </select>\n      <div className={styles['Select__container']} aria-hidden>\n        <SelectTypography className={styles['Select__title']} selectType={selectType}>\n          {title}\n        </SelectTypography>\n      </div>\n    </FormField>\n  );\n};\n\nexport { NativeSelect };\n"],"names":["NativeSelect","sizeYClassNames","none","style","align","placeholder","children","className","getRef","getRootRef","disabled","multiline","selectType","status","icon","DropdownIcon","before","onChange","restProps","title","setTitle","React","useState","empty","setEmpty","selectRef","useExternRef","sizeY","useAdaptivity","checkSelectedOption","selectedOption","current","options","selectedIndex","text","value","useIsomorphicLayoutEffect","FormField","Component","classNames","after","mode","getFormFieldModeFromSelectType","select","callMultiple","ref","option","div","aria-hidden","SelectTypography"],"mappings":";;;;+BAmHSA;;;eAAAA;;;;;;;;iEAnHc;sBACI;+BACG;8BACD;8BACA;wBACkB;2CACL;8BAEb;2BACa;kCAET;AAGjC,MAAMC,kBAAkB;IACtBC,IAAI;IACJ,CAAC,UAAU;AACb;AAuBA;;CAEC,GACD,MAAMF,eAAe;QAAC,EACpBG,KAAK,EACLC,KAAK,EACLC,WAAW,EACXC,QAAQ,EACRC,SAAS,EACTC,MAAM,EACNC,UAAU,EACVC,QAAQ,EACRC,SAAS,EACTC,aAAa,SAAS,EACtBC,MAAM,EACNC,qBAAO,qBAACC,0BAAY,KAAG,EACvBC,MAAM,EACNC,QAAQ,EAEU,WADfC;QAdHf;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;;IAGA,MAAM,CAACE,OAAOC,SAAS,GAAGC,OAAMC,QAAQ,CAAC;IACzC,MAAM,CAACC,OAAOC,SAAS,GAAGH,OAAMC,QAAQ,CAAC;IACzC,MAAMG,YAAYC,IAAAA,0BAAY,EAAClB;IAC/B,MAAM,EAAEmB,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IAExC,MAAMC,sBAAsB;YACHJ;QAAvB,MAAMK,kBAAiBL,qBAAAA,UAAUM,OAAO,cAAjBN,yCAAAA,mBAAmBO,OAAO,CAACP,UAAUM,OAAO,CAACE,aAAa,CAAC;QAClF,IAAIH,gBAAgB;YAClBV,SAASU,eAAeI,IAAI;YAC5BV,SAASM,eAAeK,KAAK,KAAK,MAAM9B,eAAe;QACzD;IACF;IACA+B,IAAAA,oDAAyB,EAACP,qBAAqB;QAACvB;KAAS;IAEzD,qBACE,sBAAC+B,oBAAS;QACRC,WAAU;QACV/B,WAAWgC,IAAAA,gBAAU,gBAEnB,4BACAvB,mCACAO,8BACAZ,sCACAP,UAAU,wCACVA,UAAU,sCACVuB,UAAU,aAAa1B,eAAe,CAAC0B,MAAM,EAC7CpB;QAEFJ,OAAOA;QACPM,YAAYA;QACZC,UAAUA;QACVM,QAAQA;QACRwB,OAAO1B;QACPD,QAAQA;QACR4B,MAAMC,IAAAA,sCAA8B,EAAC9B;;0BAErC,sBAAC+B,sDACKzB;gBACJR,UAAUA;gBACVH,SAAS;gBACTU,UAAU2B,IAAAA,0BAAY,EAAC3B,UAAUY;gBACjCgB,KAAKpB;;oBAEJpB,6BAAe,qBAACyC;wBAAOX,OAAM;kCAAI9B;;oBACjCC;;;0BAEH,qBAACyC;gBAAIxC,SAAS;gBAA+ByC,aAAW;0BACtD,cAAA,qBAACC,kCAAgB;oBAAC1C,SAAS;oBAA2BK,YAAYA;8BAC/DO;;;;;AAKX"}

package/dist/cjs/components/NavIdContext/NavIdContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/NavIdContext/NavIdContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport const NavViewIdContext = React.createContext<string | undefined>(undefined);\nexport const NavPanelIdContext = React.createContext<string | undefined>(undefined);\n"],"names":["NavPanelIdContext","NavViewIdContext","React","createContext","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,iBAAiB;eAAjBA;;IADAC,gBAAgB;eAAhBA;;;;iEAFU;AAEhB,MAAMA,iCAAmBC,OAAMC,aAAa,CAAqBC;AACjE,MAAMJ,kCAAoBE,OAAMC,aAAa,CAAqBC"}
+{"version":3,"sources":["../../../../src/components/NavIdContext/NavIdContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport const NavViewIdContext = React.createContext<string | undefined>(undefined);\nexport const NavPanelIdContext = React.createContext<string | undefined>(undefined);\n"],"names":["NavPanelIdContext","NavViewIdContext","React","createContext","undefined"],"mappings":";;;;;;;;;;;IAGaA,iBAAiB;eAAjBA;;IADAC,gBAAgB;eAAhBA;;;;iEAFU;AAEhB,MAAMA,iCAAmBC,OAAMC,aAAa,CAAqBC;AACjE,MAAMJ,kCAAoBE,OAAMC,aAAa,CAAqBC"}

package/dist/cjs/components/NavIdContext/useNavId.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/NavIdContext/useNavId.ts"],"sourcesContent":["import * as React from 'react';\nimport { NavPanelIdContext, NavViewIdContext } from './NavIdContext';\n\nexport const useNavId = () => ({\n  view: React.useContext(NavViewIdContext),\n  panel: React.useContext(NavPanelIdContext),\n});\n"],"names":["useNavId","view","React","useContext","NavViewIdContext","panel","NavPanelIdContext"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":";;;;+BAGaA;;;eAAAA;;;;iEAHU;8BAC6B;AAE7C,MAAMA,WAAW,IAAO,CAAA;QAC7BC,MAAMC,OAAMC,UAAU,CAACC,8BAAgB;QACvCC,OAAOH,OAAMC,UAAU,CAACG,+BAAiB;IAC3C,CAAA"}
+{"version":3,"sources":["../../../../src/components/NavIdContext/useNavId.ts"],"sourcesContent":["import * as React from 'react';\nimport { NavPanelIdContext, NavViewIdContext } from './NavIdContext';\n\nexport const useNavId = () => ({\n  view: React.useContext(NavViewIdContext),\n  panel: React.useContext(NavPanelIdContext),\n});\n"],"names":["useNavId","view","React","useContext","NavViewIdContext","panel","NavPanelIdContext"],"mappings":";;;;+BAGaA;;;eAAAA;;;;iEAHU;8BAC6B;AAE7C,MAAMA,WAAW,IAAO,CAAA;QAC7BC,MAAMC,OAAMC,UAAU,CAACC,8BAAgB;QACvCC,OAAOH,OAAMC,UAAU,CAACG,+BAAiB;IAC3C,CAAA"}

package/dist/cjs/components/NavTransitionContext/NavTransitionContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavTransitionContext.d.ts","sourceRoot":"","sources":["../../../../src/components/NavTransitionContext/NavTransitionContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAID,eAAO,MAAM,gBAAgB,8BAA4C,CAAC;AAE1E,eAAO,MAAM,qBAAqB,4BAG/B,MAAM,iBAAiB,CAAC,sBAAsB,CAAC,4CAMjD,CAAC"}
+{"version":3,"file":"NavTransitionContext.d.ts","sourceRoot":"","sources":["../../../../src/components/NavTransitionContext/NavTransitionContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAID,eAAO,MAAM,gBAAgB,8BAA4C,CAAC;AAE1E,eAAO,MAAM,qBAAqB,4BAG/B,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAAC,4CAMjD,CAAC"}

package/dist/cjs/components/NavTransitionContext/NavTransitionContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/NavTransitionContext/NavTransitionContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\n\nexport interface TransitionContextProps {\n  entering: boolean;\n}\nconst TransitionContext = React.createContext<TransitionContextProps>({\n  entering: false,\n});\nexport const useNavTransition = () => React.useContext(TransitionContext);\n\nexport const NavTransitionProvider = ({\n  children,\n  entering,\n}: React.PropsWithChildren<TransitionContextProps>) => {\n  const parentContext = useNavTransition();\n  const contextValue = useObjectMemo({\n    entering: parentContext.entering || entering,\n  });\n  return <TransitionContext.Provider value={contextValue}>{children}</TransitionContext.Provider>;\n};\n"],"names":["NavTransitionProvider","useNavTransition","TransitionContext","React","createContext","entering","useContext","children","parentContext","contextValue","useObjectMemo","Provider","value"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAWaA,qBAAqB;eAArBA;;IAFAC,gBAAgB;eAAhBA;;;;;iEATU;+BACO;AAK9B,MAAMC,kCAAoBC,OAAMC,aAAa,CAAyB;IACpEC,UAAU;AACZ;AACO,MAAMJ,mBAAmB,IAAME,OAAMG,UAAU,CAACJ;AAEhD,MAAMF,wBAAwB,CAAC,EACpCO,QAAQ,EACRF,QAAQ,EACwC;IAChD,MAAMG,gBAAgBP;IACtB,MAAMQ,eAAeC,IAAAA,4BAAa,EAAC;QACjCL,UAAUG,cAAcH,QAAQ,IAAIA;IACtC;IACA,qBAAO,qBAACH,kBAAkBS,QAAQ;QAACC,OAAOH;kBAAeF;;AAC3D"}
+{"version":3,"sources":["../../../../src/components/NavTransitionContext/NavTransitionContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\n\nexport interface TransitionContextProps {\n  entering: boolean;\n}\nconst TransitionContext = React.createContext<TransitionContextProps>({\n  entering: false,\n});\nexport const useNavTransition = () => React.useContext(TransitionContext);\n\nexport const NavTransitionProvider = ({\n  children,\n  entering,\n}: React.PropsWithChildren<TransitionContextProps>) => {\n  const parentContext = useNavTransition();\n  const contextValue = useObjectMemo({\n    entering: parentContext.entering || entering,\n  });\n  return <TransitionContext.Provider value={contextValue}>{children}</TransitionContext.Provider>;\n};\n"],"names":["NavTransitionProvider","useNavTransition","TransitionContext","React","createContext","entering","useContext","children","parentContext","contextValue","useObjectMemo","Provider","value"],"mappings":";;;;;;;;;;;IAWaA,qBAAqB;eAArBA;;IAFAC,gBAAgB;eAAhBA;;;;;iEATU;+BACO;AAK9B,MAAMC,kCAAoBC,OAAMC,aAAa,CAAyB;IACpEC,UAAU;AACZ;AACO,MAAMJ,mBAAmB,IAAME,OAAMG,UAAU,CAACJ;AAEhD,MAAMF,wBAAwB,CAAC,EACpCO,QAAQ,EACRF,QAAQ,EACwC;IAChD,MAAMG,gBAAgBP;IACtB,MAAMQ,eAAeC,IAAAA,4BAAa,EAAC;QACjCL,UAAUG,cAAcH,QAAQ,IAAIA;IACtC;IACA,qBAAO,qBAACH,kBAAkBS,QAAQ;QAACC,OAAOH;kBAAeF;;AAC3D"}

package/dist/cjs/components/NavTransitionDirectionContext/NavTransitionDirectionContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavTransitionDirectionContext.d.ts","sourceRoot":"","sources":["../../../../src/components/NavTransitionDirectionContext/NavTransitionDirectionContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,oBAAoB,GAAG,OAAO,GAAG,SAAS,CAAC;AAIhD,eAAO,MAAM,8BAA8B,sCAGxC,MAAM,iBAAiB,CAAC;IAAE,MAAM,EAAE,oBAAoB,CAAA;CAAE,CAAC,4CAgB3D,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC;AAEvE,eAAO,MAAM,eAAe,QAAO,mBAKlC,CAAC"}
+{"version":3,"file":"NavTransitionDirectionContext.d.ts","sourceRoot":"","sources":["../../../../src/components/NavTransitionDirectionContext/NavTransitionDirectionContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,oBAAoB,GAAG,OAAO,GAAG,SAAS,CAAC;AAIhD,eAAO,MAAM,8BAA8B,sCAGxC,KAAK,CAAC,iBAAiB,CAAC;IAAE,MAAM,EAAE,oBAAoB,CAAA;CAAE,CAAC,4CAgB3D,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC;AAEvE,eAAO,MAAM,eAAe,QAAO,mBAKlC,CAAC"}

package/dist/cjs/components/NavTransitionDirectionContext/NavTransitionDirectionContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/NavTransitionDirectionContext/NavTransitionDirectionContext.tsx"],"sourcesContent":["import * as React from 'react';\n\ntype DirectionContextType = boolean | undefined;\n\nconst TransitionDirectionContext = React.createContext<DirectionContextType>(undefined);\n\nexport const NavTransitionDirectionProvider = ({\n  children,\n  isBack: isBackProp,\n}: React.PropsWithChildren<{ isBack: DirectionContextType }>) => {\n  const parentIsBack = React.useContext(TransitionDirectionContext);\n  // if local isBack is undefined then transition happend on the parent side (probably Root)\n  const isBack = isBackProp !== undefined ? isBackProp : parentIsBack;\n\n  // 'direction' should always represent the direction state of the panel on mount\n  // save the on mount value of the panel to the state\n  // to make sure we don't trigger new re-render for the panel\n  // due to change in the prop passed to provider\n  const [isBackOnMount] = React.useState<DirectionContextType>(isBack);\n\n  return (\n    <TransitionDirectionContext.Provider value={isBackOnMount}>\n      {children}\n    </TransitionDirectionContext.Provider>\n  );\n};\n\nexport type TransitionDirection = undefined | 'forwards' | 'backwards';\n\nexport const useNavDirection = (): TransitionDirection => {\n  const isBack = React.useContext(TransitionDirectionContext);\n  const transitionDirection = isBack === undefined ? undefined : isBack ? 'backwards' : 'forwards';\n\n  return transitionDirection;\n};\n"],"names":["NavTransitionDirectionProvider","useNavDirection","TransitionDirectionContext","React","createContext","undefined","children","isBack","isBackProp","parentIsBack","useContext","isBackOnMount","useState","Provider","value","transitionDirection"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,8BAA8B;eAA9BA;;IAuBAC,eAAe;eAAfA;;;;;iEA7BU;AAIvB,MAAMC,2CAA6BC,OAAMC,aAAa,CAAuBC;AAEtE,MAAML,iCAAiC,CAAC,EAC7CM,QAAQ,EACRC,QAAQC,UAAU,EACwC;IAC1D,MAAMC,eAAeN,OAAMO,UAAU,CAACR;IACtC,0FAA0F;IAC1F,MAAMK,SAASC,eAAeH,YAAYG,aAAaC;IAEvD,gFAAgF;IAChF,oDAAoD;IACpD,4DAA4D;IAC5D,+CAA+C;IAC/C,MAAM,CAACE,cAAc,GAAGR,OAAMS,QAAQ,CAAuBL;IAE7D,qBACE,qBAACL,2BAA2BW,QAAQ;QAACC,OAAOH;kBACzCL;;AAGP;AAIO,MAAML,kBAAkB;IAC7B,MAAMM,SAASJ,OAAMO,UAAU,CAACR;IAChC,MAAMa,sBAAsBR,WAAWF,YAAYA,YAAYE,SAAS,cAAc;IAEtF,OAAOQ;AACT"}
+{"version":3,"sources":["../../../../src/components/NavTransitionDirectionContext/NavTransitionDirectionContext.tsx"],"sourcesContent":["import * as React from 'react';\n\ntype DirectionContextType = boolean | undefined;\n\nconst TransitionDirectionContext = React.createContext<DirectionContextType>(undefined);\n\nexport const NavTransitionDirectionProvider = ({\n  children,\n  isBack: isBackProp,\n}: React.PropsWithChildren<{ isBack: DirectionContextType }>) => {\n  const parentIsBack = React.useContext(TransitionDirectionContext);\n  // if local isBack is undefined then transition happend on the parent side (probably Root)\n  const isBack = isBackProp !== undefined ? isBackProp : parentIsBack;\n\n  // 'direction' should always represent the direction state of the panel on mount\n  // save the on mount value of the panel to the state\n  // to make sure we don't trigger new re-render for the panel\n  // due to change in the prop passed to provider\n  const [isBackOnMount] = React.useState<DirectionContextType>(isBack);\n\n  return (\n    <TransitionDirectionContext.Provider value={isBackOnMount}>\n      {children}\n    </TransitionDirectionContext.Provider>\n  );\n};\n\nexport type TransitionDirection = undefined | 'forwards' | 'backwards';\n\nexport const useNavDirection = (): TransitionDirection => {\n  const isBack = React.useContext(TransitionDirectionContext);\n  const transitionDirection = isBack === undefined ? undefined : isBack ? 'backwards' : 'forwards';\n\n  return transitionDirection;\n};\n"],"names":["NavTransitionDirectionProvider","useNavDirection","TransitionDirectionContext","React","createContext","undefined","children","isBack","isBackProp","parentIsBack","useContext","isBackOnMount","useState","Provider","value","transitionDirection"],"mappings":";;;;;;;;;;;IAMaA,8BAA8B;eAA9BA;;IAuBAC,eAAe;eAAfA;;;;;iEA7BU;AAIvB,MAAMC,2CAA6BC,OAAMC,aAAa,CAAuBC;AAEtE,MAAML,iCAAiC,CAAC,EAC7CM,QAAQ,EACRC,QAAQC,UAAU,EACwC;IAC1D,MAAMC,eAAeN,OAAMO,UAAU,CAACR;IACtC,0FAA0F;IAC1F,MAAMK,SAASC,eAAeH,YAAYG,aAAaC;IAEvD,gFAAgF;IAChF,oDAAoD;IACpD,4DAA4D;IAC5D,+CAA+C;IAC/C,MAAM,CAACE,cAAc,GAAGR,OAAMS,QAAQ,CAAuBL;IAE7D,qBACE,qBAACL,2BAA2BW,QAAQ;QAACC,OAAOH;kBACzCL;;AAGP;AAIO,MAAML,kBAAkB;IAC7B,MAAMM,SAASJ,OAAMO,UAAU,CAACR;IAChC,MAAMa,sBAAsBR,WAAWF,YAAYA,YAAYE,SAAS,cAAc;IAEtF,OAAOQ;AACT"}

package/dist/cjs/components/OnboardingTooltip/OnboardingTooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/OnboardingTooltip/OnboardingTooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport { hasReactNode } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePatchChildren } from '../../hooks/usePatchChildren';\nimport { createPortal } from '../../lib/createPortal';\nimport {\n  autoUpdateFloatingElement,\n  convertFloatingDataToReactCSSProperties,\n  type FloatingComponentProps,\n  useFloating,\n  useFloatingMiddlewaresBootstrap,\n  usePlacementChangeCallback,\n} from '../../lib/floating';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { DEFAULT_ARROW_HEIGHT, DEFAULT_ARROW_PADDING } from '../FloatingArrow/DefaultIcon';\nimport { FloatingArrowProps } from '../FloatingArrow/FloatingArrow';\nimport { useNavTransition } from '../NavTransitionContext/NavTransitionContext';\nimport { TOOLTIP_MAX_WIDTH, TooltipBase, type TooltipBaseProps } from '../TooltipBase/TooltipBase';\nimport { onboardingTooltipContainerAttr } from './OnboardingTooltipContainer';\nimport styles from './OnboardingTooltip.module.css';\n\nconst warn = warnOnce('OnboardingTooltip');\n\ntype AllowedFloatingComponentProps = Pick<\n  FloatingComponentProps,\n  | 'arrowHeight'\n  | 'arrowPadding'\n  | 'arrowRef'\n  | 'placement'\n  | 'offsetByMainAxis'\n  | 'offsetByCrossAxis'\n  | 'shown'\n  | 'children'\n  | 'onPlacementChange'\n  | 'disableFlipMiddleware'\n>;\n\ntype AllowedTooltipBaseProps = Omit<TooltipBaseProps, 'arrowProps'>;\n\ntype AllowedFloatingArrowProps = {\n  /**\n   * Сдвиг стрелки относительно текущих координат.\n   */\n  arrowOffset?: FloatingArrowProps['offset'];\n  /**\n   * Включает абсолютное смещение по `arrowOffset`.\n   */\n  isStaticArrowOffset?: FloatingArrowProps['isStaticOffset'];\n};\n\nexport interface OnboardingTooltipProps\n  extends AllowedFloatingComponentProps,\n    AllowedTooltipBaseProps,\n    AllowedFloatingArrowProps {\n  /**\n   * Скрывает стрелку, указывающую на якорный элемент.\n   */\n  disableArrow?: boolean;\n  /**\n   * Callback, который вызывается при клике по любому месту в пределах экрана.\n   */\n  onClose?: (this: void) => void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Tooltip\n */\nexport const OnboardingTooltip = ({\n  id: idProp,\n  children,\n  shown: shownProp = true,\n  arrowPadding = DEFAULT_ARROW_PADDING,\n  arrowHeight = DEFAULT_ARROW_HEIGHT,\n  offsetByMainAxis = 0,\n  offsetByCrossAxis = 0,\n  arrowOffset = 0,\n  isStaticArrowOffset = false,\n  onClose,\n  placement: placementProp = 'bottom-start',\n  maxWidth = TOOLTIP_MAX_WIDTH,\n  style: styleProp,\n  getRootRef,\n  disableArrow = false,\n  onPlacementChange,\n  disableFlipMiddleware = false,\n  ...restProps\n}: OnboardingTooltipProps) => {\n  const generatedId = React.useId();\n  const tooltipId = idProp || generatedId;\n  const { entering } = useNavTransition();\n\n  const [arrowRef, setArrowRef] = React.useState<HTMLDivElement | null>(null);\n  const [tooltipContainer, setTooltipContainer] = React.useState<HTMLElement | null>(null);\n  const [positionStrategy, setPositionStrategy] = React.useState<'fixed' | 'absolute'>('absolute');\n  const shown = shownProp && tooltipContainer && !entering;\n\n  const { middlewares, strictPlacement } = useFloatingMiddlewaresBootstrap({\n    placement: placementProp,\n    offsetByMainAxis,\n    offsetByCrossAxis,\n    arrowRef,\n    arrow: !disableArrow,\n    arrowHeight,\n    arrowPadding,\n    disableFlipMiddleware,\n  });\n  const {\n    x: floatingDataX,\n    y: floatingDataY,\n    refs,\n    placement: resolvedPlacement,\n    middlewareData: { arrow: arrowCoords },\n  } = useFloating({\n    strategy: positionStrategy,\n    placement: strictPlacement,\n    middleware: middlewares,\n    whileElementsMounted: autoUpdateFloatingElement,\n  });\n  const tooltipRef = useExternRef<HTMLDivElement>(getRootRef, refs.setFloating);\n  const [childRef, child] = usePatchChildren(children, {\n    'aria-describedby': shown ? tooltipId : undefined,\n  });\n\n  usePlacementChangeCallback(placementProp, resolvedPlacement, onPlacementChange);\n\n  let tooltip: React.ReactPortal | null = null;\n  if (shown) {\n    const floatingStyle = convertFloatingDataToReactCSSProperties(\n      positionStrategy,\n      floatingDataX,\n      floatingDataY,\n    );\n\n    if (styleProp) {\n      Object.assign(floatingStyle, styleProp);\n    }\n\n    tooltip = createPortal(\n      <>\n        <TooltipBase\n          {...restProps}\n          id={tooltipId}\n          getRootRef={tooltipRef}\n          style={floatingStyle}\n          maxWidth={maxWidth}\n          arrowProps={\n            disableArrow\n              ? undefined\n              : {\n                  offset: arrowOffset,\n                  isStaticOffset: isStaticArrowOffset,\n                  coords: arrowCoords,\n                  placement: resolvedPlacement,\n                  getRootRef: setArrowRef,\n                }\n          }\n        />\n        <div className={styles['OnboardingTooltip__overlay']} onClickCapture={onClose} />\n      </>,\n      tooltipContainer,\n    );\n  }\n\n  useIsomorphicLayoutEffect(\n    function initialize() {\n      const referenceEl = childRef.current;\n      if (referenceEl) {\n        setTooltipContainer(\n          referenceEl.closest<HTMLDivElement>(`[${onboardingTooltipContainerAttr}]`), // eslint-disable-line no-restricted-properties\n        );\n        setPositionStrategy(referenceEl.style.position === 'fixed' ? 'fixed' : 'absolute');\n        refs.setReference(referenceEl);\n      }\n    },\n    [childRef],\n  );\n\n  if (process.env.NODE_ENV === 'development') {\n    const multiChildren = React.Children.count(children) > 1;\n    // Empty children is a noop\n    const primitiveChild = hasReactNode(children) && typeof children !== 'object';\n    (multiChildren || primitiveChild) &&\n      warn(\n        [\n          'children должен быть одним React элементом, получено',\n          multiChildren && 'несколько',\n          primitiveChild && JSON.stringify(children),\n        ]\n          .filter(Boolean)\n          .join(' '),\n        'error',\n      );\n\n    if (refs.reference.current && !tooltipContainer) {\n      throw new Error('Use TooltipContainer for Tooltip outside Panel (see docs)');\n    }\n  }\n\n  return (\n    <React.Fragment>\n      {child}\n      {tooltip}\n    </React.Fragment>\n  );\n};\n"],"names":["OnboardingTooltip","warn","warnOnce","id","idProp","children","shown","shownProp","arrowPadding","DEFAULT_ARROW_PADDING","arrowHeight","DEFAULT_ARROW_HEIGHT","offsetByMainAxis","offsetByCrossAxis","arrowOffset","isStaticArrowOffset","onClose","placement","placementProp","maxWidth","TOOLTIP_MAX_WIDTH","style","styleProp","getRootRef","disableArrow","onPlacementChange","disableFlipMiddleware","restProps","generatedId","React","useId","tooltipId","entering","useNavTransition","arrowRef","setArrowRef","useState","tooltipContainer","setTooltipContainer","positionStrategy","setPositionStrategy","middlewares","strictPlacement","useFloatingMiddlewaresBootstrap","arrow","x","floatingDataX","y","floatingDataY","refs","resolvedPlacement","middlewareData","arrowCoords","useFloating","strategy","middleware","whileElementsMounted","autoUpdateFloatingElement","tooltipRef","useExternRef","setFloating","childRef","child","usePatchChildren","undefined","usePlacementChangeCallback","tooltip","floatingStyle","convertFloatingDataToReactCSSProperties","Object","assign","createPortal","TooltipBase","arrowProps","offset","isStaticOffset","coords","div","className","onClickCapture","useIsomorphicLayoutEffect","initialize","referenceEl","current","closest","onboardingTooltipContainerAttr","position","setReference","process","env","NODE_ENV","multiChildren","Children","count","primitiveChild","hasReactNode","JSON","stringify","filter","Boolean","join","reference","Error","Fragment"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../src/components/OnboardingTooltip/OnboardingTooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport { hasReactNode } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePatchChildren } from '../../hooks/usePatchChildren';\nimport { createPortal } from '../../lib/createPortal';\nimport {\n  autoUpdateFloatingElement,\n  convertFloatingDataToReactCSSProperties,\n  type FloatingComponentProps,\n  useFloating,\n  useFloatingMiddlewaresBootstrap,\n  usePlacementChangeCallback,\n} from '../../lib/floating';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { DEFAULT_ARROW_HEIGHT, DEFAULT_ARROW_PADDING } from '../FloatingArrow/DefaultIcon';\nimport { FloatingArrowProps } from '../FloatingArrow/FloatingArrow';\nimport { useNavTransition } from '../NavTransitionContext/NavTransitionContext';\nimport { TOOLTIP_MAX_WIDTH, TooltipBase, type TooltipBaseProps } from '../TooltipBase/TooltipBase';\nimport { onboardingTooltipContainerAttr } from './OnboardingTooltipContainer';\nimport styles from './OnboardingTooltip.module.css';\n\nconst warn = warnOnce('OnboardingTooltip');\n\ntype AllowedFloatingComponentProps = Pick<\n  FloatingComponentProps,\n  | 'arrowHeight'\n  | 'arrowPadding'\n  | 'arrowRef'\n  | 'placement'\n  | 'offsetByMainAxis'\n  | 'offsetByCrossAxis'\n  | 'shown'\n  | 'children'\n  | 'onPlacementChange'\n  | 'disableFlipMiddleware'\n>;\n\ntype AllowedTooltipBaseProps = Omit<TooltipBaseProps, 'arrowProps'>;\n\ntype AllowedFloatingArrowProps = {\n  /**\n   * Сдвиг стрелки относительно текущих координат.\n   */\n  arrowOffset?: FloatingArrowProps['offset'];\n  /**\n   * Включает абсолютное смещение по `arrowOffset`.\n   */\n  isStaticArrowOffset?: FloatingArrowProps['isStaticOffset'];\n};\n\nexport interface OnboardingTooltipProps\n  extends AllowedFloatingComponentProps,\n    AllowedTooltipBaseProps,\n    AllowedFloatingArrowProps {\n  /**\n   * Скрывает стрелку, указывающую на якорный элемент.\n   */\n  disableArrow?: boolean;\n  /**\n   * Callback, который вызывается при клике по любому месту в пределах экрана.\n   */\n  onClose?: (this: void) => void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Tooltip\n */\nexport const OnboardingTooltip = ({\n  id: idProp,\n  children,\n  shown: shownProp = true,\n  arrowPadding = DEFAULT_ARROW_PADDING,\n  arrowHeight = DEFAULT_ARROW_HEIGHT,\n  offsetByMainAxis = 0,\n  offsetByCrossAxis = 0,\n  arrowOffset = 0,\n  isStaticArrowOffset = false,\n  onClose,\n  placement: placementProp = 'bottom-start',\n  maxWidth = TOOLTIP_MAX_WIDTH,\n  style: styleProp,\n  getRootRef,\n  disableArrow = false,\n  onPlacementChange,\n  disableFlipMiddleware = false,\n  ...restProps\n}: OnboardingTooltipProps) => {\n  const generatedId = React.useId();\n  const tooltipId = idProp || generatedId;\n  const { entering } = useNavTransition();\n\n  const [arrowRef, setArrowRef] = React.useState<HTMLDivElement | null>(null);\n  const [tooltipContainer, setTooltipContainer] = React.useState<HTMLElement | null>(null);\n  const [positionStrategy, setPositionStrategy] = React.useState<'fixed' | 'absolute'>('absolute');\n  const shown = shownProp && tooltipContainer && !entering;\n\n  const { middlewares, strictPlacement } = useFloatingMiddlewaresBootstrap({\n    placement: placementProp,\n    offsetByMainAxis,\n    offsetByCrossAxis,\n    arrowRef,\n    arrow: !disableArrow,\n    arrowHeight,\n    arrowPadding,\n    disableFlipMiddleware,\n  });\n  const {\n    x: floatingDataX,\n    y: floatingDataY,\n    refs,\n    placement: resolvedPlacement,\n    middlewareData: { arrow: arrowCoords },\n  } = useFloating({\n    strategy: positionStrategy,\n    placement: strictPlacement,\n    middleware: middlewares,\n    whileElementsMounted: autoUpdateFloatingElement,\n  });\n  const tooltipRef = useExternRef<HTMLDivElement>(getRootRef, refs.setFloating);\n  const [childRef, child] = usePatchChildren(children, {\n    'aria-describedby': shown ? tooltipId : undefined,\n  });\n\n  usePlacementChangeCallback(placementProp, resolvedPlacement, onPlacementChange);\n\n  let tooltip: React.ReactPortal | null = null;\n  if (shown) {\n    const floatingStyle = convertFloatingDataToReactCSSProperties(\n      positionStrategy,\n      floatingDataX,\n      floatingDataY,\n    );\n\n    if (styleProp) {\n      Object.assign(floatingStyle, styleProp);\n    }\n\n    tooltip = createPortal(\n      <>\n        <TooltipBase\n          {...restProps}\n          id={tooltipId}\n          getRootRef={tooltipRef}\n          style={floatingStyle}\n          maxWidth={maxWidth}\n          arrowProps={\n            disableArrow\n              ? undefined\n              : {\n                  offset: arrowOffset,\n                  isStaticOffset: isStaticArrowOffset,\n                  coords: arrowCoords,\n                  placement: resolvedPlacement,\n                  getRootRef: setArrowRef,\n                }\n          }\n        />\n        <div className={styles['OnboardingTooltip__overlay']} onClickCapture={onClose} />\n      </>,\n      tooltipContainer,\n    );\n  }\n\n  useIsomorphicLayoutEffect(\n    function initialize() {\n      const referenceEl = childRef.current;\n      if (referenceEl) {\n        setTooltipContainer(\n          referenceEl.closest<HTMLDivElement>(`[${onboardingTooltipContainerAttr}]`), // eslint-disable-line no-restricted-properties\n        );\n        setPositionStrategy(referenceEl.style.position === 'fixed' ? 'fixed' : 'absolute');\n        refs.setReference(referenceEl);\n      }\n    },\n    [childRef],\n  );\n\n  if (process.env.NODE_ENV === 'development') {\n    const multiChildren = React.Children.count(children) > 1;\n    // Empty children is a noop\n    const primitiveChild = hasReactNode(children) && typeof children !== 'object';\n    (multiChildren || primitiveChild) &&\n      warn(\n        [\n          'children должен быть одним React элементом, получено',\n          multiChildren && 'несколько',\n          primitiveChild && JSON.stringify(children),\n        ]\n          .filter(Boolean)\n          .join(' '),\n        'error',\n      );\n\n    if (refs.reference.current && !tooltipContainer) {\n      throw new Error('Use TooltipContainer for Tooltip outside Panel (see docs)');\n    }\n  }\n\n  return (\n    <React.Fragment>\n      {child}\n      {tooltip}\n    </React.Fragment>\n  );\n};\n"],"names":["OnboardingTooltip","warn","warnOnce","id","idProp","children","shown","shownProp","arrowPadding","DEFAULT_ARROW_PADDING","arrowHeight","DEFAULT_ARROW_HEIGHT","offsetByMainAxis","offsetByCrossAxis","arrowOffset","isStaticArrowOffset","onClose","placement","placementProp","maxWidth","TOOLTIP_MAX_WIDTH","style","styleProp","getRootRef","disableArrow","onPlacementChange","disableFlipMiddleware","restProps","generatedId","React","useId","tooltipId","entering","useNavTransition","arrowRef","setArrowRef","useState","tooltipContainer","setTooltipContainer","positionStrategy","setPositionStrategy","middlewares","strictPlacement","useFloatingMiddlewaresBootstrap","arrow","x","floatingDataX","y","floatingDataY","refs","resolvedPlacement","middlewareData","arrowCoords","useFloating","strategy","middleware","whileElementsMounted","autoUpdateFloatingElement","tooltipRef","useExternRef","setFloating","childRef","child","usePatchChildren","undefined","usePlacementChangeCallback","tooltip","floatingStyle","convertFloatingDataToReactCSSProperties","Object","assign","createPortal","TooltipBase","arrowProps","offset","isStaticOffset","coords","div","className","onClickCapture","useIsomorphicLayoutEffect","initialize","referenceEl","current","closest","onboardingTooltipContainerAttr","position","setReference","process","env","NODE_ENV","multiChildren","Children","count","primitiveChild","hasReactNode","JSON","stringify","filter","Boolean","join","reference","Error","Fragment"],"mappings":";;;;+BAoEaA;;;eAAAA;;;;;;;;iEApEU;sBACM;8BACA;kCACI;8BACJ;0BAQtB;2CACmC;0BACjB;6BACmC;sCAE3B;6BACqC;4CACvB;AAG/C,MAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AA8Cf,MAAMF,oBAAoB;QAAC,EAChCG,IAAIC,MAAM,EACVC,QAAQ,EACRC,OAAOC,YAAY,IAAI,EACvBC,eAAeC,kCAAqB,EACpCC,cAAcC,iCAAoB,EAClCC,mBAAmB,CAAC,EACpBC,oBAAoB,CAAC,EACrBC,cAAc,CAAC,EACfC,sBAAsB,KAAK,EAC3BC,OAAO,EACPC,WAAWC,gBAAgB,cAAc,EACzCC,WAAWC,8BAAiB,EAC5BC,OAAOC,SAAS,EAChBC,UAAU,EACVC,eAAe,KAAK,EACpBC,iBAAiB,EACjBC,wBAAwB,KAAK,EAEN,WADpBC;QAjBHxB;QACAE;QACAC;QACAE;QACAE;QACAE;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAE;QACAE;QACAC;QACAC;QACAC;;IAGA,MAAME,cAAcC,OAAMC,KAAK;IAC/B,MAAMC,YAAY3B,UAAUwB;IAC5B,MAAM,EAAEI,QAAQ,EAAE,GAAGC,IAAAA,sCAAgB;IAErC,MAAM,CAACC,UAAUC,YAAY,GAAGN,OAAMO,QAAQ,CAAwB;IACtE,MAAM,CAACC,kBAAkBC,oBAAoB,GAAGT,OAAMO,QAAQ,CAAqB;IACnF,MAAM,CAACG,kBAAkBC,oBAAoB,GAAGX,OAAMO,QAAQ,CAAuB;IACrF,MAAM9B,QAAQC,aAAa8B,oBAAoB,CAACL;IAEhD,MAAM,EAAES,WAAW,EAAEC,eAAe,EAAE,GAAGC,IAAAA,yCAA+B,EAAC;QACvE1B,WAAWC;QACXN;QACAC;QACAqB;QACAU,OAAO,CAACpB;QACRd;QACAF;QACAkB;IACF;IACA,MAAM,EACJmB,GAAGC,aAAa,EAChBC,GAAGC,aAAa,EAChBC,IAAI,EACJhC,WAAWiC,iBAAiB,EAC5BC,gBAAgB,EAAEP,OAAOQ,WAAW,EAAE,EACvC,GAAGC,IAAAA,qBAAW,EAAC;QACdC,UAAUf;QACVtB,WAAWyB;QACXa,YAAYd;QACZe,sBAAsBC,mCAAyB;IACjD;IACA,MAAMC,aAAaC,IAAAA,0BAAY,EAAiBpC,YAAY0B,KAAKW,WAAW;IAC5E,MAAM,CAACC,UAAUC,MAAM,GAAGC,IAAAA,kCAAgB,EAAC1D,UAAU;QACnD,oBAAoBC,QAAQyB,YAAYiC;IAC1C;IAEAC,IAAAA,oCAA0B,EAAC/C,eAAegC,mBAAmBzB;IAE7D,IAAIyC,UAAoC;IACxC,IAAI5D,OAAO;QACT,MAAM6D,gBAAgBC,IAAAA,iDAAuC,EAC3D7B,kBACAO,eACAE;QAGF,IAAI1B,WAAW;YACb+C,OAAOC,MAAM,CAACH,eAAe7C;QAC/B;QAEA4C,UAAUK,IAAAA,0BAAY,gBACpB;;8BACE,qBAACC,wBAAW,8CACN7C;oBACJxB,IAAI4B;oBACJR,YAAYmC;oBACZrC,OAAO8C;oBACPhD,UAAUA;oBACVsD,YACEjD,eACIwC,YACA;wBACEU,QAAQ5D;wBACR6D,gBAAgB5D;wBAChB6D,QAAQxB;wBACRnC,WAAWiC;wBACX3B,YAAYY;oBACd;;8BAGR,qBAAC0C;oBAAIC,SAAS;oBAAwCC,gBAAgB/D;;;YAExEqB;IAEJ;IAEA2C,IAAAA,oDAAyB,EACvB,SAASC;QACP,MAAMC,cAAcrB,SAASsB,OAAO;QACpC,IAAID,aAAa;YACf5C,oBACE4C,YAAYE,OAAO,CAAiB,CAAC,CAAC,EAAEC,0DAA8B,CAAC,CAAC,CAAC;YAE3E7C,oBAAoB0C,YAAY7D,KAAK,CAACiE,QAAQ,KAAK,UAAU,UAAU;YACvErC,KAAKsC,YAAY,CAACL;QACpB;IACF,GACA;QAACrB;KAAS;IAGZ,IAAI2B,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,MAAMC,gBAAgB9D,OAAM+D,QAAQ,CAACC,KAAK,CAACxF,YAAY;QACvD,2BAA2B;QAC3B,MAAMyF,iBAAiBC,IAAAA,kBAAY,EAAC1F,aAAa,OAAOA,aAAa;QACpEsF,CAAAA,iBAAiBG,cAAa,KAC7B7F,KACE;YACE;YACA0F,iBAAiB;YACjBG,kBAAkBE,KAAKC,SAAS,CAAC5F;SAClC,CACE6F,MAAM,CAACC,SACPC,IAAI,CAAC,MACR;QAGJ,IAAInD,KAAKoD,SAAS,CAAClB,OAAO,IAAI,CAAC9C,kBAAkB;YAC/C,MAAM,IAAIiE,MAAM;QAClB;IACF;IAEA,qBACE,sBAACzE,OAAM0E,QAAQ;;YACZzC;YACAI;;;AAGP"}

package/dist/cjs/components/OnboardingTooltip/OnboardingTooltipContainer.d.ts

@@ -2,6 +2,6 @@ import * as React from 'react';
 import type { HasDataAttribute } from '../../types';
 export declare const onboardingTooltipContainerAttr = "data-onboarding-tooltip-container";
 export declare const OnboardingTooltipContainer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & HasDataAttribute & {
-    fixed?: boolean | undefined;
+    fixed?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=OnboardingTooltipContainer.d.ts.map

package/dist/cjs/components/OnboardingTooltip/OnboardingTooltipContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OnboardingTooltipContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/OnboardingTooltip/OnboardingTooltipContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,eAAO,MAAM,8BAA8B,sCAAsC,CAAC;AAOlF,eAAO,MAAM,0BAA0B;;wCAMrC,CAAC"}
+{"version":3,"file":"OnboardingTooltipContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/OnboardingTooltip/OnboardingTooltipContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,eAAO,MAAM,8BAA8B,sCAAsC,CAAC;AAOlF,eAAO,MAAM,0BAA0B;YAH3B,OAAO;wCASjB,CAAC"}

package/dist/cjs/components/OnboardingTooltip/OnboardingTooltipContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/OnboardingTooltip/OnboardingTooltipContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { HasDataAttribute } from '../../types';\n\nexport const onboardingTooltipContainerAttr = 'data-onboarding-tooltip-container';\n\ntype OnboardingTooltipContainerProps = React.HTMLAttributes<HTMLDivElement> &\n  HasDataAttribute & {\n    fixed?: boolean;\n  };\n\nexport const OnboardingTooltipContainer = React.forwardRef<\n  HTMLDivElement,\n  OnboardingTooltipContainerProps\n>(({ fixed = false, ...props }, ref) => {\n  props[onboardingTooltipContainerAttr] = fixed ? 'fixed' : 'true';\n  return <div {...props} ref={ref} />;\n});\n\nOnboardingTooltipContainer.displayName = 'OnboardingTooltipContainer';\n"],"names":["OnboardingTooltipContainer","onboardingTooltipContainerAttr","React","forwardRef","ref","fixed","props","div","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAUaA,0BAA0B;eAA1BA;;IAPAC,8BAA8B;eAA9BA;;;;;;;;iEAHU;AAGhB,MAAMA,iCAAiC;AAOvC,MAAMD,2CAA6BE,OAAMC,UAAU,CAGxD,SAA8BC;QAA7B,EAAEC,QAAQ,KAAK,EAAY,WAAPC;QAAlBD;;IACHC,KAAK,CAACL,+BAA+B,GAAGI,QAAQ,UAAU;IAC1D,qBAAO,qBAACE,mDAAQD;QAAOF,KAAKA;;AAC9B;AAEAJ,2BAA2BQ,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/OnboardingTooltip/OnboardingTooltipContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { HasDataAttribute } from '../../types';\n\nexport const onboardingTooltipContainerAttr = 'data-onboarding-tooltip-container';\n\ntype OnboardingTooltipContainerProps = React.HTMLAttributes<HTMLDivElement> &\n  HasDataAttribute & {\n    fixed?: boolean;\n  };\n\nexport const OnboardingTooltipContainer = React.forwardRef<\n  HTMLDivElement,\n  OnboardingTooltipContainerProps\n>(({ fixed = false, ...props }, ref) => {\n  props[onboardingTooltipContainerAttr] = fixed ? 'fixed' : 'true';\n  return <div {...props} ref={ref} />;\n});\n\nOnboardingTooltipContainer.displayName = 'OnboardingTooltipContainer';\n"],"names":["OnboardingTooltipContainer","onboardingTooltipContainerAttr","React","forwardRef","ref","fixed","props","div","displayName"],"mappings":";;;;;;;;;;;IAUaA,0BAA0B;eAA1BA;;IAPAC,8BAA8B;eAA9BA;;;;;;;;iEAHU;AAGhB,MAAMA,iCAAiC;AAOvC,MAAMD,2CAA6BE,OAAMC,UAAU,CAGxD,SAA8BC;QAA7B,EAAEC,QAAQ,KAAK,EAAY,WAAPC;QAAlBD;;IACHC,KAAK,CAACL,+BAA+B,GAAGI,QAAQ,UAAU;IAC1D,qBAAO,qBAACE,mDAAQD;QAAOF,KAAKA;;AAC9B;AAEAJ,2BAA2BQ,WAAW,GAAG"}

package/dist/cjs/components/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24ChevronCompactLeft, Icon24ChevronCompactRight } from '@vkontakte/icons';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { PaginationPageType, usePagination } from '../../hooks/usePagination';\nimport type { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport {\n  type CustomPaginationNavigationButton,\n  PaginationNavigationButton,\n  type PaginationNavigationButtonProps,\n} from './PaginationNavigationButton/PaginationNavigationButton';\nimport {\n  type CustomPaginationPageButtonProps,\n  PaginationPageButton,\n} from './PaginationPage/PaginationPageButton';\nimport { PaginationPageEllipsis } from './PaginationPage/PaginationPageEllipsis';\nimport { getPageLabelDefault } from './utils';\nimport styles from './Pagination.module.css';\n\nexport interface PaginationProps extends Omit<HTMLAttributesWithRootRef<HTMLElement>, 'onChange'> {\n  /**\n   * Текущая страница.\n   */\n  currentPage?: number;\n  /**\n   * Кол-во всегда видимых страниц по краям текущей страницы.\n   */\n  siblingCount?: number;\n  /**\n   * Кол-во всегда видимых страниц в начале и в конце.\n   */\n  boundaryCount?: number;\n  /**\n   * Общее кол-во страниц.\n   */\n  totalPages?: number;\n  /**\n   * Блокировка всех кнопок.\n   */\n  disabled?: boolean;\n  /**\n   * Декоративный текст для кнопки навигации назад.\n   *\n   * > Note: Экранные дикторы будут использовать `prevButtonLabel`.\n   */\n  prevButtonCaption?: string;\n  /**\n   * Декоративный текст для кнопки навигации вперёд.\n   *\n   * > Note: Экранные дикторы будут использовать `nextButtonLabel`.\n   */\n  nextButtonCaption?: string;\n  /**\n   * Задаёт стиль отображения кнопок навигации.\n   *\n   * - `icon` – показывать только иконку;\n   * - `caption` – показывать только подпись;\n   * - `both` – показывать и иконку, и подпись.\n   */\n  navigationButtonsStyle?: PaginationNavigationButtonProps['style'];\n  /**\n   * [a11y] Метка для обозначения блока навигации.\n   */\n  navigationLabel?: string;\n  navigationLabelComponent?: HasComponent['Component'];\n  /**\n   * [a11y] Метка для кнопки навигации назад.\n   */\n  prevButtonLabel?: string;\n  /**\n   * [a11y] Метка для кнопки навигации вперёд.\n   */\n  nextButtonLabel?: string;\n  /**\n   * [a11y] Функция для переопределения и/или локализации метки кнопки страницы.\n   */\n  getPageLabel?: (isCurrent: boolean) => string;\n  onChange?: (page: number, event: React.MouseEvent<HTMLElement>) => void;\n  /**\n   * Функция для кастомного рендера кнопок страниц.\n   *\n   * > Note: `CustomPaginationPageButtonProps` наследует API [Tappable](https://vkcom.github.io/VKUI/#/Tappable).\n   */\n  renderPageButton?: (props: CustomPaginationPageButtonProps) => React.ReactNode;\n  /**\n   Функция для кастомного рендера кнопок навигации `prev` и `next`.\n   *\n   * > Note: `CustomPaginationNavigationButton` наследует API [Button](https://vkcom.github.io/VKUI/#/Button).\n   */\n  renderNavigationButton?: (props: CustomPaginationNavigationButton) => React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Pagination\n */\nexport const Pagination = ({\n  currentPage = 1,\n  siblingCount = 1,\n  boundaryCount = 1,\n  totalPages = 1,\n  disabled,\n  prevButtonCaption = 'Назад',\n  nextButtonCaption = 'Вперёд',\n  navigationButtonsStyle = 'icon',\n  getPageLabel = getPageLabelDefault,\n  navigationLabel = 'Навигация по страницам',\n  navigationLabelComponent = 'h2',\n  prevButtonLabel = 'Перейти на предыдущую страницу',\n  nextButtonLabel = 'Перейти на следующую страницу',\n  onChange,\n  renderPageButton,\n  renderNavigationButton,\n  ...resetProps\n}: PaginationProps) => {\n  const pages = usePagination({\n    currentPage,\n    totalPages,\n    siblingCount,\n    boundaryCount,\n  });\n  const isFirstPage = currentPage === 1;\n  const isLastPage = currentPage === totalPages;\n  const prevPage = isFirstPage ? undefined : currentPage - 1;\n  const nextPage = isLastPage ? undefined : currentPage + 1;\n\n  const handlePrevClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (onChange && prevPage !== undefined) {\n        onChange(prevPage, event);\n      }\n    },\n    [prevPage, onChange],\n  );\n\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      const page: string = event.currentTarget.dataset.page || '1';\n      onChange?.(Number(page), event);\n    },\n    [onChange],\n  );\n\n  const handleNextClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (onChange && nextPage !== undefined) {\n        onChange(nextPage, event);\n      }\n    },\n    [nextPage, onChange],\n  );\n\n  const { sizeY } = useAdaptivity();\n\n  const renderPages = React.useCallback(\n    (page: PaginationPageType) => {\n      switch (page) {\n        case 'start-ellipsis':\n        case 'end-ellipsis':\n          return (\n            <li key={page}>\n              <PaginationPageEllipsis disabled={disabled} />\n            </li>\n          );\n        default: {\n          const isCurrent = page === currentPage;\n\n          return (\n            <li key={page}>\n              <PaginationPageButton\n                getPageLabel={getPageLabel}\n                isCurrent={isCurrent}\n                onClick={handleClick}\n                disabled={disabled}\n                sizeY={sizeY}\n                renderPageButton={renderPageButton}\n              >\n                {page}\n              </PaginationPageButton>\n            </li>\n          );\n        }\n      }\n    },\n    [currentPage, disabled, getPageLabel, handleClick, renderPageButton, sizeY],\n  );\n\n  return (\n    <RootComponent Component=\"nav\" role=\"navigation\" {...resetProps}>\n      <VisuallyHidden Component={navigationLabelComponent}>{navigationLabel}</VisuallyHidden>\n      <ul className={styles['Pagination__list']}>\n        <li className={styles['Pagination__prevButtonContainer']}>\n          <PaginationNavigationButton\n            type=\"prev\"\n            style={navigationButtonsStyle}\n            caption={prevButtonCaption}\n            Icon={Icon24ChevronCompactLeft}\n            a11yLabel={prevButtonLabel}\n            disabled={isFirstPage || disabled}\n            onClick={handlePrevClick}\n            data-page={prevPage}\n            renderNavigationButton={renderNavigationButton}\n          />\n        </li>\n        {pages.map(renderPages)}\n        <li className={styles['Pagination__nextButtonContainer']}>\n          <PaginationNavigationButton\n            type=\"next\"\n            style={navigationButtonsStyle}\n            caption={nextButtonCaption}\n            Icon={Icon24ChevronCompactRight}\n            a11yLabel={nextButtonLabel}\n            disabled={isLastPage || disabled}\n            onClick={handleNextClick}\n            data-page={nextPage}\n            renderNavigationButton={renderNavigationButton}\n          />\n        </li>\n      </ul>\n    </RootComponent>\n  );\n};\n"],"names":["Pagination","currentPage","siblingCount","boundaryCount","totalPages","disabled","prevButtonCaption","nextButtonCaption","navigationButtonsStyle","getPageLabel","getPageLabelDefault","navigationLabel","navigationLabelComponent","prevButtonLabel","nextButtonLabel","onChange","renderPageButton","renderNavigationButton","resetProps","pages","usePagination","isFirstPage","isLastPage","prevPage","undefined","nextPage","handlePrevClick","React","useCallback","event","handleClick","page","currentTarget","dataset","Number","handleNextClick","sizeY","useAdaptivity","renderPages","li","PaginationPageEllipsis","isCurrent","PaginationPageButton","onClick","RootComponent","Component","role","VisuallyHidden","ul","className","PaginationNavigationButton","type","style","caption","Icon","Icon24ChevronCompactLeft","a11yLabel","data-page","map","Icon24ChevronCompactRight"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24ChevronCompactLeft, Icon24ChevronCompactRight } from '@vkontakte/icons';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { PaginationPageType, usePagination } from '../../hooks/usePagination';\nimport type { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport {\n  type CustomPaginationNavigationButton,\n  PaginationNavigationButton,\n  type PaginationNavigationButtonProps,\n} from './PaginationNavigationButton/PaginationNavigationButton';\nimport {\n  type CustomPaginationPageButtonProps,\n  PaginationPageButton,\n} from './PaginationPage/PaginationPageButton';\nimport { PaginationPageEllipsis } from './PaginationPage/PaginationPageEllipsis';\nimport { getPageLabelDefault } from './utils';\nimport styles from './Pagination.module.css';\n\nexport interface PaginationProps extends Omit<HTMLAttributesWithRootRef<HTMLElement>, 'onChange'> {\n  /**\n   * Текущая страница.\n   */\n  currentPage?: number;\n  /**\n   * Кол-во всегда видимых страниц по краям текущей страницы.\n   */\n  siblingCount?: number;\n  /**\n   * Кол-во всегда видимых страниц в начале и в конце.\n   */\n  boundaryCount?: number;\n  /**\n   * Общее кол-во страниц.\n   */\n  totalPages?: number;\n  /**\n   * Блокировка всех кнопок.\n   */\n  disabled?: boolean;\n  /**\n   * Декоративный текст для кнопки навигации назад.\n   *\n   * > Note: Экранные дикторы будут использовать `prevButtonLabel`.\n   */\n  prevButtonCaption?: string;\n  /**\n   * Декоративный текст для кнопки навигации вперёд.\n   *\n   * > Note: Экранные дикторы будут использовать `nextButtonLabel`.\n   */\n  nextButtonCaption?: string;\n  /**\n   * Задаёт стиль отображения кнопок навигации.\n   *\n   * - `icon` – показывать только иконку;\n   * - `caption` – показывать только подпись;\n   * - `both` – показывать и иконку, и подпись.\n   */\n  navigationButtonsStyle?: PaginationNavigationButtonProps['style'];\n  /**\n   * [a11y] Метка для обозначения блока навигации.\n   */\n  navigationLabel?: string;\n  navigationLabelComponent?: HasComponent['Component'];\n  /**\n   * [a11y] Метка для кнопки навигации назад.\n   */\n  prevButtonLabel?: string;\n  /**\n   * [a11y] Метка для кнопки навигации вперёд.\n   */\n  nextButtonLabel?: string;\n  /**\n   * [a11y] Функция для переопределения и/или локализации метки кнопки страницы.\n   */\n  getPageLabel?: (isCurrent: boolean) => string;\n  onChange?: (page: number, event: React.MouseEvent<HTMLElement>) => void;\n  /**\n   * Функция для кастомного рендера кнопок страниц.\n   *\n   * > Note: `CustomPaginationPageButtonProps` наследует API [Tappable](https://vkcom.github.io/VKUI/#/Tappable).\n   */\n  renderPageButton?: (props: CustomPaginationPageButtonProps) => React.ReactNode;\n  /**\n   Функция для кастомного рендера кнопок навигации `prev` и `next`.\n   *\n   * > Note: `CustomPaginationNavigationButton` наследует API [Button](https://vkcom.github.io/VKUI/#/Button).\n   */\n  renderNavigationButton?: (props: CustomPaginationNavigationButton) => React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Pagination\n */\nexport const Pagination = ({\n  currentPage = 1,\n  siblingCount = 1,\n  boundaryCount = 1,\n  totalPages = 1,\n  disabled,\n  prevButtonCaption = 'Назад',\n  nextButtonCaption = 'Вперёд',\n  navigationButtonsStyle = 'icon',\n  getPageLabel = getPageLabelDefault,\n  navigationLabel = 'Навигация по страницам',\n  navigationLabelComponent = 'h2',\n  prevButtonLabel = 'Перейти на предыдущую страницу',\n  nextButtonLabel = 'Перейти на следующую страницу',\n  onChange,\n  renderPageButton,\n  renderNavigationButton,\n  ...resetProps\n}: PaginationProps) => {\n  const pages = usePagination({\n    currentPage,\n    totalPages,\n    siblingCount,\n    boundaryCount,\n  });\n  const isFirstPage = currentPage === 1;\n  const isLastPage = currentPage === totalPages;\n  const prevPage = isFirstPage ? undefined : currentPage - 1;\n  const nextPage = isLastPage ? undefined : currentPage + 1;\n\n  const handlePrevClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (onChange && prevPage !== undefined) {\n        onChange(prevPage, event);\n      }\n    },\n    [prevPage, onChange],\n  );\n\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      const page: string = event.currentTarget.dataset.page || '1';\n      onChange?.(Number(page), event);\n    },\n    [onChange],\n  );\n\n  const handleNextClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (onChange && nextPage !== undefined) {\n        onChange(nextPage, event);\n      }\n    },\n    [nextPage, onChange],\n  );\n\n  const { sizeY } = useAdaptivity();\n\n  const renderPages = React.useCallback(\n    (page: PaginationPageType) => {\n      switch (page) {\n        case 'start-ellipsis':\n        case 'end-ellipsis':\n          return (\n            <li key={page}>\n              <PaginationPageEllipsis disabled={disabled} />\n            </li>\n          );\n        default: {\n          const isCurrent = page === currentPage;\n\n          return (\n            <li key={page}>\n              <PaginationPageButton\n                getPageLabel={getPageLabel}\n                isCurrent={isCurrent}\n                onClick={handleClick}\n                disabled={disabled}\n                sizeY={sizeY}\n                renderPageButton={renderPageButton}\n              >\n                {page}\n              </PaginationPageButton>\n            </li>\n          );\n        }\n      }\n    },\n    [currentPage, disabled, getPageLabel, handleClick, renderPageButton, sizeY],\n  );\n\n  return (\n    <RootComponent Component=\"nav\" role=\"navigation\" {...resetProps}>\n      <VisuallyHidden Component={navigationLabelComponent}>{navigationLabel}</VisuallyHidden>\n      <ul className={styles['Pagination__list']}>\n        <li className={styles['Pagination__prevButtonContainer']}>\n          <PaginationNavigationButton\n            type=\"prev\"\n            style={navigationButtonsStyle}\n            caption={prevButtonCaption}\n            Icon={Icon24ChevronCompactLeft}\n            a11yLabel={prevButtonLabel}\n            disabled={isFirstPage || disabled}\n            onClick={handlePrevClick}\n            data-page={prevPage}\n            renderNavigationButton={renderNavigationButton}\n          />\n        </li>\n        {pages.map(renderPages)}\n        <li className={styles['Pagination__nextButtonContainer']}>\n          <PaginationNavigationButton\n            type=\"next\"\n            style={navigationButtonsStyle}\n            caption={nextButtonCaption}\n            Icon={Icon24ChevronCompactRight}\n            a11yLabel={nextButtonLabel}\n            disabled={isLastPage || disabled}\n            onClick={handleNextClick}\n            data-page={nextPage}\n            renderNavigationButton={renderNavigationButton}\n          />\n        </li>\n      </ul>\n    </RootComponent>\n  );\n};\n"],"names":["Pagination","currentPage","siblingCount","boundaryCount","totalPages","disabled","prevButtonCaption","nextButtonCaption","navigationButtonsStyle","getPageLabel","getPageLabelDefault","navigationLabel","navigationLabelComponent","prevButtonLabel","nextButtonLabel","onChange","renderPageButton","renderNavigationButton","resetProps","pages","usePagination","isFirstPage","isLastPage","prevPage","undefined","nextPage","handlePrevClick","React","useCallback","event","handleClick","page","currentTarget","dataset","Number","handleNextClick","sizeY","useAdaptivity","renderPages","li","PaginationPageEllipsis","isCurrent","PaginationPageButton","onClick","RootComponent","Component","role","VisuallyHidden","ul","className","PaginationNavigationButton","type","style","caption","Icon","Icon24ChevronCompactLeft","a11yLabel","data-page","map","Icon24ChevronCompactRight"],"mappings":"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"}

package/dist/cjs/components/Pagination/PaginationNavigationButton/PaginationNavigationButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationNavigationButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/PaginationNavigationButton/PaginationNavigationButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,8BAA8B;IAC7C,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IACrC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1D,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC;AAED,MAAM,WAAW,+BAAgC,SAAQ,8BAA8B;IACrF,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,KAAK,CAAC,SAAS,CAAC;CACvF;AAED;;GAEG;AACH,eAAO,MAAM,4CAA4C,SACjD,8BAA8B;;;;;;;qBAZjB,gBAAgB,CAAC,WAAW,CAAC,KAAK,IAAI;;;CA0C1D,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,gCAAgC,GAAG,UAAU,CACvD,OAAO,4CAA4C,CACpD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0BAA0B,6CAGpC,+BAA+B,uHAQjC,CAAC"}
+{"version":3,"file":"PaginationNavigationButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/PaginationNavigationButton/PaginationNavigationButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,8BAA8B;IAC7C,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IACrC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1D,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC;AAED,MAAM,WAAW,+BAAgC,SAAQ,8BAA8B;IACrF,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,KAAK,CAAC,SAAS,CAAC;CACvF;AAED;;GAEG;AACH,eAAO,MAAM,4CAA4C,SACjD,8BAA8B;;;;;;;qBAZjB,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI;;;CA0C1D,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,gCAAgC,GAAG,UAAU,CACvD,OAAO,4CAA4C,CACpD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0BAA0B,6CAGpC,+BAA+B,uHAQjC,CAAC"}

package/dist/cjs/components/Pagination/PaginationNavigationButton/PaginationNavigationButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Pagination/PaginationNavigationButton/PaginationNavigationButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Button, type ButtonProps } from '../../Button/Button';\nimport { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden';\n\nexport interface PaginationNavigationButtonOpts {\n  'type': 'prev' | 'next';\n  'style': 'icon' | 'caption' | 'both';\n  'caption': React.ReactNode;\n  'Icon': React.ComponentType;\n  'a11yLabel': React.ReactNode;\n  'disabled'?: boolean;\n  'onClick': (event: React.MouseEvent<HTMLElement>) => void;\n  'data-page': number | undefined;\n}\n\nexport interface PaginationNavigationButtonProps extends PaginationNavigationButtonOpts {\n  renderNavigationButton?: (props: CustomPaginationNavigationButton) => React.ReactNode;\n}\n\n/**\n * @private\n */\nexport const getButtonPropsFromPaginationNavigationButton = (\n  opts: PaginationNavigationButtonOpts,\n) => {\n  const icon: React.ReactElement | null =\n    opts.style !== 'caption' ? (\n      <>\n        <VisuallyHidden>{opts.a11yLabel}</VisuallyHidden>\n        <opts.Icon />\n      </>\n    ) : null;\n  const caption: React.ReactElement | null =\n    opts.style === 'caption' ? (\n      <>\n        <VisuallyHidden>{opts.a11yLabel}</VisuallyHidden>\n        <span aria-hidden=\"true\">{opts.caption}</span>\n      </>\n    ) : opts.style !== 'icon' ? (\n      <span aria-hidden=\"true\">{opts.caption}</span>\n    ) : null;\n\n  return {\n    'size': 'l',\n    'before': opts.type === 'prev' ? icon : null,\n    'after': opts.type === 'next' ? icon : null,\n    'appearance': opts.style === 'caption' ? 'neutral' : 'accent',\n    'mode': 'tertiary',\n    'disabled': opts.disabled,\n    'onClick': opts.onClick,\n    'children': caption,\n    'data-page': opts['data-page'],\n  } satisfies ButtonProps & { 'data-page': number | undefined };\n};\n\n/**\n * @private\n */\nexport type CustomPaginationNavigationButton = ReturnType<\n  typeof getButtonPropsFromPaginationNavigationButton\n>;\n\n/**\n * @private\n */\nexport const PaginationNavigationButton = ({\n  renderNavigationButton,\n  ...restProps\n}: PaginationNavigationButtonProps) => {\n  const buttonProps = getButtonPropsFromPaginationNavigationButton(restProps);\n\n  if (typeof renderNavigationButton === 'function') {\n    return renderNavigationButton(buttonProps);\n  }\n\n  return <Button {...buttonProps} />;\n};\n"],"names":["PaginationNavigationButton","getButtonPropsFromPaginationNavigationButton","opts","icon","style","VisuallyHidden","a11yLabel","Icon","caption","span","aria-hidden","type","disabled","onClick","renderNavigationButton","restProps","buttonProps","Button"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAiEaA,0BAA0B;eAA1BA;;IA3CAC,4CAA4C;eAA5CA;;;;;;;iEAtBU;wBACkB;gCACV;AAoBxB,MAAMA,+CAA+C,CAC1DC;IAEA,MAAMC,OACJD,KAAKE,KAAK,KAAK,0BACb;;0BACE,qBAACC,8BAAc;0BAAEH,KAAKI,SAAS;;0BAC/B,qBAACJ,KAAKK,IAAI;;SAEV;IACN,MAAMC,UACJN,KAAKE,KAAK,KAAK,0BACb;;0BACE,qBAACC,8BAAc;0BAAEH,KAAKI,SAAS;;0BAC/B,qBAACG;gBAAKC,eAAY;0BAAQR,KAAKM,OAAO;;;SAEtCN,KAAKE,KAAK,KAAK,uBACjB,qBAACK;QAAKC,eAAY;kBAAQR,KAAKM,OAAO;SACpC;IAEN,OAAO;QACL,QAAQ;QACR,UAAUN,KAAKS,IAAI,KAAK,SAASR,OAAO;QACxC,SAASD,KAAKS,IAAI,KAAK,SAASR,OAAO;QACvC,cAAcD,KAAKE,KAAK,KAAK,YAAY,YAAY;QACrD,QAAQ;QACR,YAAYF,KAAKU,QAAQ;QACzB,WAAWV,KAAKW,OAAO;QACvB,YAAYL;QACZ,aAAaN,IAAI,CAAC,YAAY;IAChC;AACF;AAYO,MAAMF,6BAA6B;QAAC,EACzCc,sBAAsB,EAEU,WAD7BC;QADHD;;IAGA,MAAME,cAAcf,6CAA6Cc;IAEjE,IAAI,OAAOD,2BAA2B,YAAY;QAChD,OAAOA,uBAAuBE;IAChC;IAEA,qBAAO,qBAACC,cAAM,uBAAKD;AACrB"}
+{"version":3,"sources":["../../../../../src/components/Pagination/PaginationNavigationButton/PaginationNavigationButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Button, type ButtonProps } from '../../Button/Button';\nimport { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden';\n\nexport interface PaginationNavigationButtonOpts {\n  'type': 'prev' | 'next';\n  'style': 'icon' | 'caption' | 'both';\n  'caption': React.ReactNode;\n  'Icon': React.ComponentType;\n  'a11yLabel': React.ReactNode;\n  'disabled'?: boolean;\n  'onClick': (event: React.MouseEvent<HTMLElement>) => void;\n  'data-page': number | undefined;\n}\n\nexport interface PaginationNavigationButtonProps extends PaginationNavigationButtonOpts {\n  renderNavigationButton?: (props: CustomPaginationNavigationButton) => React.ReactNode;\n}\n\n/**\n * @private\n */\nexport const getButtonPropsFromPaginationNavigationButton = (\n  opts: PaginationNavigationButtonOpts,\n) => {\n  const icon: React.ReactElement | null =\n    opts.style !== 'caption' ? (\n      <>\n        <VisuallyHidden>{opts.a11yLabel}</VisuallyHidden>\n        <opts.Icon />\n      </>\n    ) : null;\n  const caption: React.ReactElement | null =\n    opts.style === 'caption' ? (\n      <>\n        <VisuallyHidden>{opts.a11yLabel}</VisuallyHidden>\n        <span aria-hidden=\"true\">{opts.caption}</span>\n      </>\n    ) : opts.style !== 'icon' ? (\n      <span aria-hidden=\"true\">{opts.caption}</span>\n    ) : null;\n\n  return {\n    'size': 'l',\n    'before': opts.type === 'prev' ? icon : null,\n    'after': opts.type === 'next' ? icon : null,\n    'appearance': opts.style === 'caption' ? 'neutral' : 'accent',\n    'mode': 'tertiary',\n    'disabled': opts.disabled,\n    'onClick': opts.onClick,\n    'children': caption,\n    'data-page': opts['data-page'],\n  } satisfies ButtonProps & { 'data-page': number | undefined };\n};\n\n/**\n * @private\n */\nexport type CustomPaginationNavigationButton = ReturnType<\n  typeof getButtonPropsFromPaginationNavigationButton\n>;\n\n/**\n * @private\n */\nexport const PaginationNavigationButton = ({\n  renderNavigationButton,\n  ...restProps\n}: PaginationNavigationButtonProps) => {\n  const buttonProps = getButtonPropsFromPaginationNavigationButton(restProps);\n\n  if (typeof renderNavigationButton === 'function') {\n    return renderNavigationButton(buttonProps);\n  }\n\n  return <Button {...buttonProps} />;\n};\n"],"names":["PaginationNavigationButton","getButtonPropsFromPaginationNavigationButton","opts","icon","style","VisuallyHidden","a11yLabel","Icon","caption","span","aria-hidden","type","disabled","onClick","renderNavigationButton","restProps","buttonProps","Button"],"mappings":";;;;;;;;;;;IAiEaA,0BAA0B;eAA1BA;;IA3CAC,4CAA4C;eAA5CA;;;;;;;iEAtBU;wBACkB;gCACV;AAoBxB,MAAMA,+CAA+C,CAC1DC;IAEA,MAAMC,OACJD,KAAKE,KAAK,KAAK,0BACb;;0BACE,qBAACC,8BAAc;0BAAEH,KAAKI,SAAS;;0BAC/B,qBAACJ,KAAKK,IAAI;;SAEV;IACN,MAAMC,UACJN,KAAKE,KAAK,KAAK,0BACb;;0BACE,qBAACC,8BAAc;0BAAEH,KAAKI,SAAS;;0BAC/B,qBAACG;gBAAKC,eAAY;0BAAQR,KAAKM,OAAO;;;SAEtCN,KAAKE,KAAK,KAAK,uBACjB,qBAACK;QAAKC,eAAY;kBAAQR,KAAKM,OAAO;SACpC;IAEN,OAAO;QACL,QAAQ;QACR,UAAUN,KAAKS,IAAI,KAAK,SAASR,OAAO;QACxC,SAASD,KAAKS,IAAI,KAAK,SAASR,OAAO;QACvC,cAAcD,KAAKE,KAAK,KAAK,YAAY,YAAY;QACrD,QAAQ;QACR,YAAYF,KAAKU,QAAQ;QACzB,WAAWV,KAAKW,OAAO;QACvB,YAAYL;QACZ,aAAaN,IAAI,CAAC,YAAY;IAChC;AACF;AAYO,MAAMF,6BAA6B;QAAC,EACzCc,sBAAsB,EAEU,WAD7BC;QADHD;;IAGA,MAAME,cAAcf,6CAA6Cc;IAEjE,IAAI,OAAOD,2BAA2B,YAAY;QAChD,OAAOA,uBAAuBE;IAChC;IAEA,qBAAO,qBAACC,cAAM,uBAAKD;AACrB"}

package/dist/cjs/components/Pagination/PaginationPage/PaginationPageButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Pagination/PaginationPage/PaginationPageButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { type SizeTypeValues } from '../../../lib/adaptivity';\nimport { Tappable, type TappableProps } from '../../Tappable/Tappable';\nimport { Text } from '../../Typography/Text/Text';\nimport { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden';\nimport { PaginationProps } from '../Pagination';\nimport { getPageLabelDefault } from '../utils';\nimport { getPaginationPageClassNames } from './usePaginationPageClasses';\nimport styles from './PaginationPage.module.css';\n\nexport interface PaginationPageButtonOpts\n  extends Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'disabled' | 'className'>,\n    Pick<PaginationProps, 'getPageLabel'> {\n  isCurrent?: boolean;\n  sizeY?: SizeTypeValues;\n  children: number;\n}\n\nexport interface PaginationPageButtonProps extends PaginationPageButtonOpts {\n  renderPageButton?: (props: CustomPaginationPageButtonProps) => React.ReactNode;\n}\n\nexport const getTappablePropsFromPaginationPage = (opts: PaginationPageButtonOpts) => {\n  const {\n    isCurrent = false,\n    getPageLabel = getPageLabelDefault,\n    children,\n    className,\n    disabled,\n    sizeY,\n    ...restProps\n  } = opts;\n\n  const pageClassNames = getPaginationPageClassNames({\n    isCurrent,\n    disabled,\n    sizeY,\n  });\n\n  return {\n    'className': classNames(pageClassNames, className),\n    'activeMode': styles['PaginationPage--state-active'],\n    'hoverMode': styles['PaginationPage--state-hover'],\n    'focusVisibleMode': 'outside',\n    'aria-current': isCurrent ? true : undefined,\n    'disabled': disabled,\n    'children': (\n      <Text normalize={false}>\n        <VisuallyHidden>{getPageLabel(isCurrent)} </VisuallyHidden>\n        {children}\n      </Text>\n    ),\n    'data-page': children,\n    ...restProps,\n  } satisfies TappableProps & { 'data-page': number };\n};\n\nexport type CustomPaginationPageButtonProps = ReturnType<typeof getTappablePropsFromPaginationPage>;\n\nexport const PaginationPageButton = ({\n  renderPageButton,\n  ...restProps\n}: PaginationPageButtonProps) => {\n  const tappableProps = getTappablePropsFromPaginationPage(restProps);\n\n  if (typeof renderPageButton === 'function') {\n    return renderPageButton(tappableProps);\n  }\n\n  return <Tappable {...tappableProps} />;\n};\n"],"names":["PaginationPageButton","getTappablePropsFromPaginationPage","opts","isCurrent","getPageLabel","getPageLabelDefault","children","className","disabled","sizeY","restProps","pageClassNames","getPaginationPageClassNames","classNames","undefined","Text","normalize","VisuallyHidden","renderPageButton","tappableProps","Tappable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IA4DaA,oBAAoB;eAApBA;;IArCAC,kCAAkC;eAAlCA;;;;;;;iEAvBU;sBACI;0BAEkB;sBACxB;gCACU;uBAEK;0CACQ;AAerC,MAAMA,qCAAqC,CAACC;IACjD,MAAM,EACJC,YAAY,KAAK,EACjBC,eAAeC,0BAAmB,EAClCC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,KAAK,EAEN,GAAGP,MADCQ,yCACDR;QAPFC;QACAC;QACAE;QACAC;QACAC;QACAC;;IAIF,MAAME,iBAAiBC,IAAAA,qDAA2B,EAAC;QACjDT;QACAK;QACAC;IACF;IAEA,OAAO;QACL,aAAaI,IAAAA,gBAAU,EAACF,gBAAgBJ;QACxC,YAAY;QACZ,WAAW;QACX,oBAAoB;QACpB,gBAAgBJ,YAAY,OAAOW;QACnC,YAAYN;QACZ,0BACE,sBAACO,UAAI;YAACC,WAAW;;8BACf,sBAACC,8BAAc;;wBAAEb,aAAaD;wBAAW;;;gBACxCG;;;QAGL,aAAaA;OACVI;AAEP;AAIO,MAAMV,uBAAuB;QAAC,EACnCkB,gBAAgB,EAEU,WADvBR;QADHQ;;IAGA,MAAMC,gBAAgBlB,mCAAmCS;IAEzD,IAAI,OAAOQ,qBAAqB,YAAY;QAC1C,OAAOA,iBAAiBC;IAC1B;IAEA,qBAAO,qBAACC,kBAAQ,uBAAKD;AACvB"}
+{"version":3,"sources":["../../../../../src/components/Pagination/PaginationPage/PaginationPageButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { type SizeTypeValues } from '../../../lib/adaptivity';\nimport { Tappable, type TappableProps } from '../../Tappable/Tappable';\nimport { Text } from '../../Typography/Text/Text';\nimport { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden';\nimport { PaginationProps } from '../Pagination';\nimport { getPageLabelDefault } from '../utils';\nimport { getPaginationPageClassNames } from './usePaginationPageClasses';\nimport styles from './PaginationPage.module.css';\n\nexport interface PaginationPageButtonOpts\n  extends Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'disabled' | 'className'>,\n    Pick<PaginationProps, 'getPageLabel'> {\n  isCurrent?: boolean;\n  sizeY?: SizeTypeValues;\n  children: number;\n}\n\nexport interface PaginationPageButtonProps extends PaginationPageButtonOpts {\n  renderPageButton?: (props: CustomPaginationPageButtonProps) => React.ReactNode;\n}\n\nexport const getTappablePropsFromPaginationPage = (opts: PaginationPageButtonOpts) => {\n  const {\n    isCurrent = false,\n    getPageLabel = getPageLabelDefault,\n    children,\n    className,\n    disabled,\n    sizeY,\n    ...restProps\n  } = opts;\n\n  const pageClassNames = getPaginationPageClassNames({\n    isCurrent,\n    disabled,\n    sizeY,\n  });\n\n  return {\n    'className': classNames(pageClassNames, className),\n    'activeMode': styles['PaginationPage--state-active'],\n    'hoverMode': styles['PaginationPage--state-hover'],\n    'focusVisibleMode': 'outside',\n    'aria-current': isCurrent ? true : undefined,\n    'disabled': disabled,\n    'children': (\n      <Text normalize={false}>\n        <VisuallyHidden>{getPageLabel(isCurrent)} </VisuallyHidden>\n        {children}\n      </Text>\n    ),\n    'data-page': children,\n    ...restProps,\n  } satisfies TappableProps & { 'data-page': number };\n};\n\nexport type CustomPaginationPageButtonProps = ReturnType<typeof getTappablePropsFromPaginationPage>;\n\nexport const PaginationPageButton = ({\n  renderPageButton,\n  ...restProps\n}: PaginationPageButtonProps) => {\n  const tappableProps = getTappablePropsFromPaginationPage(restProps);\n\n  if (typeof renderPageButton === 'function') {\n    return renderPageButton(tappableProps);\n  }\n\n  return <Tappable {...tappableProps} />;\n};\n"],"names":["PaginationPageButton","getTappablePropsFromPaginationPage","opts","isCurrent","getPageLabel","getPageLabelDefault","children","className","disabled","sizeY","restProps","pageClassNames","getPaginationPageClassNames","classNames","undefined","Text","normalize","VisuallyHidden","renderPageButton","tappableProps","Tappable"],"mappings":";;;;;;;;;;;IA4DaA,oBAAoB;eAApBA;;IArCAC,kCAAkC;eAAlCA;;;;;;;iEAvBU;sBACI;0BAEkB;sBACxB;gCACU;uBAEK;0CACQ;AAerC,MAAMA,qCAAqC,CAACC;IACjD,MAAM,EACJC,YAAY,KAAK,EACjBC,eAAeC,0BAAmB,EAClCC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,KAAK,EAEN,GAAGP,MADCQ,yCACDR;QAPFC;QACAC;QACAE;QACAC;QACAC;QACAC;;IAIF,MAAME,iBAAiBC,IAAAA,qDAA2B,EAAC;QACjDT;QACAK;QACAC;IACF;IAEA,OAAO;QACL,aAAaI,IAAAA,gBAAU,EAACF,gBAAgBJ;QACxC,YAAY;QACZ,WAAW;QACX,oBAAoB;QACpB,gBAAgBJ,YAAY,OAAOW;QACnC,YAAYN;QACZ,0BACE,sBAACO,UAAI;YAACC,WAAW;;8BACf,sBAACC,8BAAc;;wBAAEb,aAAaD;wBAAW;;;gBACxCG;;;QAGL,aAAaA;OACVI;AAEP;AAIO,MAAMV,uBAAuB;QAAC,EACnCkB,gBAAgB,EAEU,WADvBR;QADHQ;;IAGA,MAAMC,gBAAgBlB,mCAAmCS;IAEzD,IAAI,OAAOQ,qBAAqB,YAAY;QAC1C,OAAOA,iBAAiBC;IAC1B;IAEA,qBAAO,qBAACC,kBAAQ,uBAAKD;AACvB"}

package/dist/cjs/components/Pagination/PaginationPage/PaginationPageEllipsis.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Pagination/PaginationPage/PaginationPageEllipsis.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HasRootRef } from '../../../types';\nimport { Text } from '../../Typography/Text/Text';\nimport { usePaginationPageClassNames } from './usePaginationPageClasses';\nimport styles from './PaginationPage.module.css';\n\nexport interface PaginationPageEllipsisProps\n  extends React.HTMLAttributes<HTMLSpanElement>,\n    HasRootRef<HTMLSpanElement> {\n  disabled?: boolean;\n}\n\nexport const PaginationPageEllipsis = ({\n  className,\n  disabled,\n  ...restProps\n}: PaginationPageEllipsisProps) => {\n  const paginationClassNames = usePaginationPageClassNames({ isCurrent: false, disabled });\n\n  return (\n    <Text\n      className={classNames(\n        paginationClassNames,\n        styles['PaginationPage--type-ellipsis'],\n        className,\n      )}\n      {...restProps}\n    >\n      &#8230;\n    </Text>\n  );\n};\n"],"names":["PaginationPageEllipsis","className","disabled","restProps","paginationClassNames","usePaginationPageClassNames","isCurrent","Text","classNames"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;;;;;iEAbU;sBACI;sBAEN;0CACuB;AASrC,MAAMA,yBAAyB;QAAC,EACrCC,SAAS,EACTC,QAAQ,EAEoB,WADzBC;QAFHF;QACAC;;IAGA,MAAME,uBAAuBC,IAAAA,qDAA2B,EAAC;QAAEC,WAAW;QAAOJ;IAAS;IAEtF,qBACE,qBAACK,UAAI;QACHN,WAAWO,IAAAA,gBAAU,EACnBJ,2DAEAH;OAEEE;kBACL;;AAIL"}
+{"version":3,"sources":["../../../../../src/components/Pagination/PaginationPage/PaginationPageEllipsis.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HasRootRef } from '../../../types';\nimport { Text } from '../../Typography/Text/Text';\nimport { usePaginationPageClassNames } from './usePaginationPageClasses';\nimport styles from './PaginationPage.module.css';\n\nexport interface PaginationPageEllipsisProps\n  extends React.HTMLAttributes<HTMLSpanElement>,\n    HasRootRef<HTMLSpanElement> {\n  disabled?: boolean;\n}\n\nexport const PaginationPageEllipsis = ({\n  className,\n  disabled,\n  ...restProps\n}: PaginationPageEllipsisProps) => {\n  const paginationClassNames = usePaginationPageClassNames({ isCurrent: false, disabled });\n\n  return (\n    <Text\n      className={classNames(\n        paginationClassNames,\n        styles['PaginationPage--type-ellipsis'],\n        className,\n      )}\n      {...restProps}\n    >\n      &#8230;\n    </Text>\n  );\n};\n"],"names":["PaginationPageEllipsis","className","disabled","restProps","paginationClassNames","usePaginationPageClassNames","isCurrent","Text","classNames"],"mappings":";;;;+BAaaA;;;eAAAA;;;;;;;;iEAbU;sBACI;sBAEN;0CACuB;AASrC,MAAMA,yBAAyB;QAAC,EACrCC,SAAS,EACTC,QAAQ,EAEoB,WADzBC;QAFHF;QACAC;;IAGA,MAAME,uBAAuBC,IAAAA,qDAA2B,EAAC;QAAEC,WAAW;QAAOJ;IAAS;IAEtF,qBACE,qBAACK,UAAI;QACHN,WAAWO,IAAAA,gBAAU,EACnBJ,2DAEAH;OAEEE;kBACL;;AAIL"}

package/dist/cjs/components/Pagination/PaginationPage/usePaginationPageClasses.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Pagination/PaginationPage/usePaginationPageClasses.ts"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { SizeTypeValues } from '../../../lib/adaptivity';\nimport styles from './PaginationPage.module.css';\n\nexport interface UsePaginationPageClassNamesProps {\n  isCurrent?: boolean;\n  disabled?: boolean;\n}\n\nexport const getPaginationPageClassNames = (\n  opts: UsePaginationPageClassNamesProps & { sizeY?: SizeTypeValues },\n) => {\n  return classNames(\n    styles['PaginationPage'],\n    opts.sizeY == null && styles['PaginationPage--sizeY-none'],\n    opts.sizeY === 'compact' && styles['PaginationPage--sizeY-compact'],\n    opts.isCurrent && styles['PaginationPage--current'],\n    opts.disabled && styles['PaginationPage--disabled'],\n  );\n};\n\nexport function usePaginationPageClassNames({\n  isCurrent,\n  disabled,\n}: UsePaginationPageClassNamesProps) {\n  const { sizeY } = useAdaptivity();\n  return getPaginationPageClassNames({\n    isCurrent,\n    disabled,\n    sizeY,\n  });\n}\n"],"names":["getPaginationPageClassNames","usePaginationPageClassNames","opts","classNames","sizeY","isCurrent","disabled","useAdaptivity"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAUaA,2BAA2B;eAA3BA;;IAYGC,2BAA2B;eAA3BA;;;sBAtBW;+BACG;AASvB,MAAMD,8BAA8B,CACzCE;IAEA,OAAOC,IAAAA,gBAAU,wBAEfD,KAAKE,KAAK,IAAI,0CACdF,KAAKE,KAAK,KAAK,kDACfF,KAAKG,SAAS,mCACdH,KAAKI,QAAQ;AAEjB;AAEO,SAASL,4BAA4B,EAC1CI,SAAS,EACTC,QAAQ,EACyB;IACjC,MAAM,EAAEF,KAAK,EAAE,GAAGG,IAAAA,4BAAa;IAC/B,OAAOP,4BAA4B;QACjCK;QACAC;QACAF;IACF;AACF"}
+{"version":3,"sources":["../../../../../src/components/Pagination/PaginationPage/usePaginationPageClasses.ts"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { SizeTypeValues } from '../../../lib/adaptivity';\nimport styles from './PaginationPage.module.css';\n\nexport interface UsePaginationPageClassNamesProps {\n  isCurrent?: boolean;\n  disabled?: boolean;\n}\n\nexport const getPaginationPageClassNames = (\n  opts: UsePaginationPageClassNamesProps & { sizeY?: SizeTypeValues },\n) => {\n  return classNames(\n    styles['PaginationPage'],\n    opts.sizeY == null && styles['PaginationPage--sizeY-none'],\n    opts.sizeY === 'compact' && styles['PaginationPage--sizeY-compact'],\n    opts.isCurrent && styles['PaginationPage--current'],\n    opts.disabled && styles['PaginationPage--disabled'],\n  );\n};\n\nexport function usePaginationPageClassNames({\n  isCurrent,\n  disabled,\n}: UsePaginationPageClassNamesProps) {\n  const { sizeY } = useAdaptivity();\n  return getPaginationPageClassNames({\n    isCurrent,\n    disabled,\n    sizeY,\n  });\n}\n"],"names":["getPaginationPageClassNames","usePaginationPageClassNames","opts","classNames","sizeY","isCurrent","disabled","useAdaptivity"],"mappings":";;;;;;;;;;;IAUaA,2BAA2B;eAA3BA;;IAYGC,2BAA2B;eAA3BA;;;sBAtBW;+BACG;AASvB,MAAMD,8BAA8B,CACzCE;IAEA,OAAOC,IAAAA,gBAAU,wBAEfD,KAAKE,KAAK,IAAI,0CACdF,KAAKE,KAAK,KAAK,kDACfF,KAAKG,SAAS,mCACdH,KAAKI,QAAQ;AAEjB;AAEO,SAASL,4BAA4B,EAC1CI,SAAS,EACTC,QAAQ,EACyB;IACjC,MAAM,EAAEF,KAAK,EAAE,GAAGG,IAAAA,4BAAa;IAC/B,OAAOP,4BAA4B;QACjCK;QACAC;QACAF;IACF;AACF"}

package/dist/cjs/components/Pagination/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Pagination/utils.ts"],"sourcesContent":["export function getPageLabelDefault(isCurrent: boolean): string {\n  return isCurrent ? `Страница` : `Перейти на страницу`;\n}\n"],"names":["getPageLabelDefault","isCurrent"],"rangeMappings":";;;;;;;;;;;;","mappings":";;;;+BAAgBA;;;eAAAA;;;AAAT,SAASA,oBAAoBC,SAAkB;IACpD,OAAOA,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,mBAAmB,CAAC;AACvD"}
+{"version":3,"sources":["../../../../src/components/Pagination/utils.ts"],"sourcesContent":["export function getPageLabelDefault(isCurrent: boolean): string {\n  return isCurrent ? `Страница` : `Перейти на страницу`;\n}\n"],"names":["getPageLabelDefault","isCurrent"],"mappings":";;;;+BAAgBA;;;eAAAA;;;AAAT,SAASA,oBAAoBC,SAAkB;IACpD,OAAOA,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,mBAAmB,CAAC;AACvD"}