@vkontakte/vkui 5.8.2 → 5.9.1

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

@@ -38,3 +38,4 @@ type WithModalManager<Props extends ModalTransitionProps> = HasChildren & Omit<P
 };
 export declare function withModalManager(initModal?: (a: ModalsStateEntry) => void): <Props extends ModalTransitionProps>(Wrapped: React.ComponentType<Props>) => React.ComponentType<WithModalManager<Props>>;
 export {};
+//# sourceMappingURL=useModalManager.d.ts.map

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

@@ -0,0 +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,EAAa,MAAM,SAAS,CAAC;AAEnE,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,6HAiB/E"}

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

@@ -76,26 +76,6 @@ function modalTransitionReducer(state, action) {
 }
 function useModalManager(activeModal, children) {
     var onOpen = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : _vkjs.noop, onOpened = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : _vkjs.noop, onClose = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : _vkjs.noop, onClosed = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : _vkjs.noop, initModal = arguments.length > 6 && arguments[6] !== void 0 ? arguments[6] : _vkjs.noop;
-    var onEnter = function onEnter() {
-        var modalState = transitionState.activeModal && modalsState[transitionState.activeModal];
-        if (modalState) {
-            if ((0, _vkjs.isFunction)(modalState.onOpen)) {
-                modalState.onOpen();
-            } else if ((0, _vkjs.isFunction)(onOpen) && modalState.id) {
-                onOpen(modalState.id);
-            }
-        }
-    };
-    var onExit = function onExit() {
-        var modalState = transitionState.activeModal && modalsState[transitionState.activeModal];
-        if (modalState) {
-            if ((0, _vkjs.isFunction)(modalState.onClose)) {
-                modalState.onClose();
-            } else if ((0, _vkjs.isFunction)(onClose) && modalState.id) {
-                onClose(modalState.id);
-            }
-        }
-    };
     var modalsState = _react.useRef({}).current;
     getModals(children).forEach(function(Modal) {
         var modalProps = Modal.props;
@@ -195,6 +175,26 @@ function useModalManager(activeModal, children) {
     }, [
         modalsState
     ]);
+    function onEnter() {
+        var modalState = transitionState.activeModal && modalsState[transitionState.activeModal];
+        if (modalState) {
+            if ((0, _vkjs.isFunction)(modalState.onOpen)) {
+                modalState.onOpen();
+            } else if ((0, _vkjs.isFunction)(onOpen) && modalState.id) {
+                onOpen(modalState.id);
+            }
+        }
+    }
+    function onExit() {
+        var modalState = transitionState.activeModal && modalsState[transitionState.activeModal];
+        if (modalState) {
+            if ((0, _vkjs.isFunction)(modalState.onClose)) {
+                modalState.onClose();
+            } else if ((0, _vkjs.isFunction)(onClose) && modalState.id) {
+                onClose(modalState.id);
+            }
+        }
+    }
     return _object_spread_props._(_object_spread._({
         onEnter: onEnter,
         onEntered: onEntered,

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, ModalType } 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    // 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) =>\n    id != null && modalsState[id]?.type === ModalType.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) {\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","onEnter","modalState","transitionState","modalsState","isFunction","onExit","useRef","current","forEach","Modal","modalProps","props","getNavId","undefined","settlingHeight","isMissing","safeActiveModal","useReducer","dispatchTransition","useIsomorphicLayoutEffect","process","env","NODE_ENV","isCard","ModalType","CARD","onEntered","useCallback","onExited","delayEnter","getModalState","Wrapped","WithModalManager","transitionManager"],"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, ModalType } 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    // 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) =>\n    id != null && modalsState[id]?.type === ModalType.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) {\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","settlingHeight","isMissing","safeActiveModal","useReducer","transitionState","dispatchTransition","useIsomorphicLayoutEffect","process","env","NODE_ENV","isCard","ModalType","CARD","onEntered","useCallback","modalState","isFunction","onExited","delayEnter","getModalState","onEnter","onExit","Wrapped","WithModalManager","transitionManager"],"mappings":"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"}

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

@@ -1 +1,2 @@
 export declare const useModalRootContext: () => import("./ModalRootContext").ModalRootContextInterface;
+//# sourceMappingURL=useModalRootContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useModalRootContext.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalRoot/useModalRootContext.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB,8DAA2C,CAAC"}

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

@@ -8,11 +8,11 @@ Object.defineProperty(exports, "useModalRootContext", {
         return useModalRootContext;
     }
 });
-var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _ModalRootContext = require("./ModalRootContext");
 var useModalRootContext = function() {
-    return _react.default.useContext(_ModalRootContext.ModalRootContext);
+    return _react.useContext(_ModalRootContext.ModalRootContext);
 };
 
 //# sourceMappingURL=useModalRootContext.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalRoot/useModalRootContext.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalRootContext } from './ModalRootContext';\n\nexport const useModalRootContext = () => React.useContext(ModalRootContext);\n"],"names":["useModalRootContext","React","useContext","ModalRootContext"],"mappings":";;;;+BAGaA;;;eAAAA;;;;8DAHK;gCACe;AAE1B,IAAMA,sBAAsB;WAAMC,cAAK,CAACC,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;;;;+DAHU;gCACU;AAE1B,IAAMA,sBAAsB;WAAMC,OAAMC,UAAU,CAACC,kCAAgB"}

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

@@ -3,3 +3,4 @@ import { ModalRootContextInterface } from './ModalRootContext';
 type PickedProps = Pick<ModalRootContextInterface, 'updateModalHeight'>;
 export declare function withModalRootContext<P extends PickedProps>(Component: React.ComponentType<P>): React.ComponentType<Omit<P, keyof PickedProps>>;
 export {};
+//# sourceMappingURL=withModalRootContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"withModalRootContext.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalRoot/withModalRootContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAoB,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAEjF,KAAK,WAAW,GAAG,IAAI,CAAC,yBAAyB,EAAE,mBAAmB,CAAC,CAAC;AAExE,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,WAAW,EACxD,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAChC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,WAAW,CAAC,CAAC,CAOjD"}

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

@@ -14,12 +14,12 @@ var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _ModalRootContext = require("./ModalRootContext");
 function withModalRootContext(Component) {
-    var WithModalRootContext = function WithModalRootContext(props) {
+    function WithModalRootContext(props) {
         var updateModalHeight = _react.useContext(_ModalRootContext.ModalRootContext).updateModalHeight;
         return /*#__PURE__*/ _react.createElement(Component, _object_spread_props._(_object_spread._({}, props), {
             updateModalHeight: updateModalHeight
         }));
-    };
+    }
     return WithModalRootContext;
 }
 

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"],"mappings":";;;;+BAKgBA;;;eAAAA;;;;;;+DALO;gCACqC;AAIrD,SAASA,qBACdC,SAAiC;QAExBC,uBAAT,SAASA,qBAAqBC,KAAiC;QAC7D,IAAM,AAAEC,oBAAsBC,OAAMC,UAAU,CAACC,kCAAgB,EAAvDH;QAER,qBAAO,qBAACH,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;;;;;;+DALO;gCACqC;AAIrD,SAASA,qBACdC,SAAiC;IAEjC,SAASC,qBAAqBC,KAAiC;QAC7D,IAAM,AAAEC,oBAAsBC,OAAMC,UAAU,CAACC,kCAAgB,EAAvDH;QAER,qBAAO,qBAACH,uDAAeE;YAAaC,mBAAmBA;;IACzD;IACA,OAAOF;AACT"}

package/dist/cjs/components/NativeSelect/NativeSelect.d.ts

@@ -21,3 +21,4 @@ export interface SelectState {
  */
 declare const NativeSelect: ({ style, defaultValue, align, placeholder, children, className, getRef, getRootRef, disabled, multiline, selectType, status, icon, before, onChange: onChangeProp, value: valueProp, ...restProps }: NativeSelectProps) => React.JSX.Element;
 export { NativeSelect };
+//# sourceMappingURL=NativeSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/NativeSelect/NativeSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE3D,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AASnD,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,EACrE,MAAM,CAAC,iBAAiB,CAAC,EACzB,UAAU,CAAC,gBAAgB,CAAC,EAC5B,QAAQ,EACR,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,CAAC;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,QAAA,MAAM,YAAY,wMAkBf,iBAAiB,sBA4DnB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/cjs/components/NavIdContext/NavIdContext.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare const NavViewIdContext: React.Context<string | undefined>;
+export declare const NavPanelIdContext: React.Context<string | undefined>;
+//# sourceMappingURL=NavIdContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavIdContext.d.ts","sourceRoot":"","sources":["../../../../src/components/NavIdContext/NavIdContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,gBAAgB,mCAAqD,CAAC;AACnF,eAAO,MAAM,iBAAiB,mCAAqD,CAAC"}

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    NavPanelIdContext: function() {
+        return NavPanelIdContext;
+    },
+    NavViewIdContext: function() {
+        return NavViewIdContext;
+    }
+});
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var NavViewIdContext = /*#__PURE__*/ _react.createContext(undefined);
+var NavPanelIdContext = /*#__PURE__*/ _react.createContext(undefined);
+
+//# sourceMappingURL=NavIdContext.js.map

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

@@ -0,0 +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"],"mappings":";;;;;;;;;;;IAGaA,iBAAiB;eAAjBA;;IADAC,gBAAgB;eAAhBA;;;;+DAFU;AAEhB,IAAMA,iCAAmBC,OAAMC,aAAa,CAAqBC;AACjE,IAAMJ,kCAAoBE,OAAMC,aAAa,CAAqBC"}

package/dist/cjs/components/NavIdContext/useNavId.d.ts

@@ -0,0 +1,5 @@
+export declare const useNavId: () => {
+    view: string | undefined;
+    panel: string | undefined;
+};
+//# sourceMappingURL=useNavId.d.ts.map

package/dist/cjs/components/NavIdContext/useNavId.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNavId.d.ts","sourceRoot":"","sources":["../../../../src/components/NavIdContext/useNavId.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGnB,CAAC"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useNavId", {
+    enumerable: true,
+    get: function() {
+        return useNavId;
+    }
+});
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var _NavIdContext = require("./NavIdContext");
+var useNavId = function() {
+    return {
+        view: _react.useContext(_NavIdContext.NavViewIdContext),
+        panel: _react.useContext(_NavIdContext.NavPanelIdContext)
+    };
+};
+
+//# sourceMappingURL=useNavId.js.map

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

@@ -0,0 +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"],"mappings":";;;;+BAGaA;;;eAAAA;;;;+DAHU;4BAC6B;AAE7C,IAAMA,WAAW;WAAO;QAC7BC,MAAMC,OAAMC,UAAU,CAACC,8BAAgB;QACvCC,OAAOH,OAAMC,UAAU,CAACG,+BAAiB;IAC3C"}

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

@@ -4,3 +4,4 @@ export interface TransitionContextProps {
 }
 export declare const useNavTransition: () => TransitionContextProps;
 export declare const NavTransitionProvider: ({ children, entering, }: React.PropsWithChildren<TransitionContextProps>) => React.JSX.Element;
+//# sourceMappingURL=NavTransitionContext.d.ts.map

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

@@ -0,0 +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,sBAMjD,CAAC"}

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

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    useNavTransition: function() {
-        return useNavTransition;
-    },
     NavTransitionProvider: function() {
         return NavTransitionProvider;
+    },
+    useNavTransition: function() {
+        return useNavTransition;
     }
 });
 var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");

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":["useNavTransition","NavTransitionProvider","TransitionContext","React","createContext","entering","useContext","children","parentContext","contextValue","useObjectMemo","Provider","value"],"mappings":";;;;;;;;;;;IASaA,gBAAgB;eAAhBA;;IAEAC,qBAAqB;eAArBA;;;;+DAXU;6BACO;AAK9B,IAAMC,kCAAoBC,OAAMC,aAAa,CAAyB;IACpEC,UAAU;AACZ;AACO,IAAML,mBAAmB;WAAMG,OAAMG,UAAU,CAACJ;;AAEhD,IAAMD,wBAAwB;QACnCM,iBAAAA,UACAF,iBAAAA;IAEA,IAAMG,gBAAgBR;IACtB,IAAMS,eAAeC,IAAAA,4BAAa,EAAC;QACjCL,UAAUG,cAAcH,QAAQ,IAAIA;IACtC;IACA,qBAAO,qBAACH,kBAAkBS,QAAQ;QAACC,OAAOH;OAAeF;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;;;;+DATU;6BACO;AAK9B,IAAMC,kCAAoBC,OAAMC,aAAa,CAAyB;IACpEC,UAAU;AACZ;AACO,IAAMJ,mBAAmB;WAAME,OAAMG,UAAU,CAACJ;;AAEhD,IAAMF,wBAAwB;QACnCO,iBAAAA,UACAF,iBAAAA;IAEA,IAAMG,gBAAgBP;IACtB,IAAMQ,eAAeC,IAAAA,4BAAa,EAAC;QACjCL,UAAUG,cAAcH,QAAQ,IAAIA;IACtC;IACA,qBAAO,qBAACH,kBAAkBS,QAAQ;QAACC,OAAOH;OAAeF;AAC3D"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 type DirectionContextType = boolean | undefined;
 export declare const NavTransitionDirectionProvider: ({ children, isBack: isBackProp, }: React.PropsWithChildren<{
     isBack: DirectionContextType;
@@ -6,3 +6,4 @@ export declare const NavTransitionDirectionProvider: ({ children, isBack: isBack
 export type TransitionDirection = undefined | 'forwards' | 'backwards';
 export declare const useNavDirection: () => TransitionDirection;
 export {};
+//# sourceMappingURL=NavTransitionDirectionContext.d.ts.map

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

@@ -0,0 +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,sBAgB3D,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

@@ -16,26 +16,26 @@ _export(exports, {
         return useNavDirection;
     }
 });
-var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
-var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
-var TransitionDirectionContext = /*#__PURE__*/ _react.default.createContext(undefined);
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var TransitionDirectionContext = /*#__PURE__*/ _react.createContext(undefined);
 var NavTransitionDirectionProvider = function(param) {
     var children = param.children, isBackProp = param.isBack;
-    var parentIsBack = _react.default.useContext(TransitionDirectionContext);
+    var parentIsBack = _react.useContext(TransitionDirectionContext);
     // if local isBack is undefined then transition happend on the parent side (probably Root)
     var isBack = isBackProp !== undefined ? isBackProp : parentIsBack;
     // 'direction' should always represent the direction state of the panel on mount
     // save the on mount value of the panel to the state
     // to make sure we don't trigger new re-render for the panel
     // due to change in the prop passed to provider
-    var _React_useState = _sliced_to_array._(_react.default.useState(isBack), 1), isBackOnMount = _React_useState[0];
-    return /*#__PURE__*/ _react.default.createElement(TransitionDirectionContext.Provider, {
+    var _React_useState = _sliced_to_array._(_react.useState(isBack), 1), isBackOnMount = _React_useState[0];
+    return /*#__PURE__*/ _react.createElement(TransitionDirectionContext.Provider, {
         value: isBackOnMount
     }, children);
 };
 var useNavDirection = function() {
-    var isBack = _react.default.useContext(TransitionDirectionContext);
+    var isBack = _react.useContext(TransitionDirectionContext);
     var transitionDirection = isBack === undefined ? undefined : isBack ? "backwards" : "forwards";
     return transitionDirection;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/NavTransitionDirectionContext/NavTransitionDirectionContext.tsx"],"sourcesContent":["import 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","useState","isBackOnMount","Provider","value","transitionDirection"],"mappings":";;;;;;;;;;;IAMaA,8BAA8B;eAA9BA;;IAuBAC,eAAe;eAAfA;;;;;8DA7BK;AAIlB,IAAMC,2CAA6BC,cAAK,CAACC,aAAa,CAAuBC;AAEtE,IAAML,iCAAiC;QAC5CM,iBAAAA,UACAC,AAAQC,mBAARD;IAEA,IAAME,eAAeN,cAAK,CAACO,UAAU,CAACR;IACtC,0FAA0F;IAC1F,IAAMK,SAASC,eAAeH,YAAYG,aAAaC;IAEvD,gFAAgF;IAChF,oDAAoD;IACpD,4DAA4D;IAC5D,+CAA+C;IAC/C,IAAwBN,qCAAAA,cAAK,CAACQ,QAAQ,CAAuBJ,aAAtDK,gBAAiBT;IAExB,qBACE,6BAACD,2BAA2BW,QAAQ;QAACC,OAAOF;OACzCN;AAGP;AAIO,IAAML,kBAAkB;IAC7B,IAAMM,SAASJ,cAAK,CAACO,UAAU,CAACR;IAChC,IAAMa,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","useState","isBackOnMount","Provider","value","transitionDirection"],"mappings":";;;;;;;;;;;IAMaA,8BAA8B;eAA9BA;;IAuBAC,eAAe;eAAfA;;;;;+DA7BU;AAIvB,IAAMC,2CAA6BC,OAAMC,aAAa,CAAuBC;AAEtE,IAAML,iCAAiC;QAC5CM,iBAAAA,UACAC,AAAQC,mBAARD;IAEA,IAAME,eAAeN,OAAMO,UAAU,CAACR;IACtC,0FAA0F;IAC1F,IAAMK,SAASC,eAAeH,YAAYG,aAAaC;IAEvD,gFAAgF;IAChF,oDAAoD;IACpD,4DAA4D;IAC5D,+CAA+C;IAC/C,IAAwBN,qCAAAA,OAAMQ,QAAQ,CAAuBJ,aAAtDK,gBAAiBT;IAExB,qBACE,qBAACD,2BAA2BW,QAAQ;QAACC,OAAOF;OACzCN;AAGP;AAIO,IAAML,kBAAkB;IAC7B,IAAMM,SAASJ,OAAMO,UAAU,CAACR;IAChC,IAAMa,sBAAsBR,WAAWF,YAAYA,YAAYE,SAAS,cAAc;IAEtF,OAAOQ;AACT"}

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

@@ -42,3 +42,4 @@ export interface PaginationProps extends Omit<HTMLAttributesWithRootRef<HTMLElem
  * @see https://vkcom.github.io/VKUI/#/Pagination
  */
 export declare const Pagination: ({ currentPage, siblingCount, boundaryCount, totalPages, disabled, getPageAriaLabel, prevButtonAriaLabel, nextButtonAriaLabel, onChange, ...resetProps }: PaginationProps) => React.JSX.Element;
+//# sourceMappingURL=Pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAQ7D,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,yBAAyB,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC/F;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5D,QAAQ,CAAC,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,4JAWpB,eAAe,sBA8FjB,CAAC"}

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

@@ -49,9 +49,8 @@ var Pagination = function(_param) {
         onChange
     ]);
     var handleClick = _react.useCallback(function(event) {
-        var _onChange;
         var page = event.currentTarget.dataset.page || "1";
-        (_onChange = onChange) === null || _onChange === void 0 ? void 0 : _onChange(Number(page));
+        onChange === null || onChange === void 0 ? void 0 : onChange(Number(page));
     }, [
         onChange
     ]);

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 { PaginationPageType, usePagination } from '../../hooks/usePagination';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { Button } from '../Button/Button';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { PaginationPageButton } from './PaginationPage/PaginationPageButton';\nimport { PaginationPageEllipsis } from './PaginationPage/PaginationPageEllipsis';\nimport { getPageAriaLabelDefault } 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   * Переопределение `aria-label` для кнопки навигации назад.\n   * По умолчанию используется текст на \"ru_RU\".\n   */\n  prevButtonAriaLabel?: string;\n  /**\n   * Переопределение `aria-label` для кнопки навигации вперёд.\n   * По умолчанию используется текст на \"ru_RU\".\n   */\n  nextButtonAriaLabel?: string;\n  /**\n   * Функция для переопределения и/или локализации `aria-label` атрибута.\n   * По умолчанию используется текст на \"ru_RU\".\n   */\n  getPageAriaLabel?(page: number, isCurrent: boolean): string;\n  onChange?(page: number): void;\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  getPageAriaLabel = getPageAriaLabelDefault,\n  prevButtonAriaLabel = 'Перейти на предыдущую страницу',\n  nextButtonAriaLabel = 'Перейти на следующую страницу',\n  onChange,\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\n  const handlePrevClick = React.useCallback(() => {\n    if (onChange && !isFirstPage) {\n      onChange(currentPage - 1);\n    }\n  }, [currentPage, isFirstPage, onChange]);\n\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      const page: string = event.currentTarget.dataset.page || '1';\n      onChange?.(Number(page));\n    },\n    [onChange],\n  );\n\n  const handleNextClick = React.useCallback(() => {\n    if (onChange && !isLastPage) {\n      onChange(currentPage + 1);\n    }\n  }, [currentPage, isLastPage, onChange]);\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          return (\n            <li key={page}>\n              <PaginationPageButton\n                getPageAriaLabel={getPageAriaLabel}\n                isCurrent={isCurrent}\n                onClick={handleClick}\n                disabled={disabled}\n              >\n                {page}\n              </PaginationPageButton>\n            </li>\n          );\n        }\n      }\n    },\n    [currentPage, disabled, getPageAriaLabel, handleClick],\n  );\n\n  return (\n    <RootComponent\n      Component=\"nav\"\n      role=\"navigation\"\n      aria-label=\"Навигация по страницам\"\n      {...resetProps}\n    >\n      <ul className={styles['Pagination__list']}>\n        <li className={styles['Pagination__prevButtonContainer']}>\n          <Button\n            size=\"l\"\n            before={<Icon24ChevronCompactLeft width={24} />}\n            appearance=\"accent\"\n            mode=\"tertiary\"\n            disabled={isFirstPage || disabled}\n            aria-label={prevButtonAriaLabel}\n            onClick={handlePrevClick}\n          />\n        </li>\n        {pages.map(renderPages)}\n        <li className={styles['Pagination__nextButtonContainer']}>\n          <Button\n            size=\"l\"\n            after={<Icon24ChevronCompactRight width={24} />}\n            appearance=\"accent\"\n            mode=\"tertiary\"\n            disabled={isLastPage || disabled}\n            aria-label={nextButtonAriaLabel}\n            onClick={handleNextClick}\n          />\n        </li>\n      </ul>\n    </RootComponent>\n  );\n};\n"],"names":["Pagination","currentPage","siblingCount","boundaryCount","totalPages","disabled","getPageAriaLabel","getPageAriaLabelDefault","prevButtonAriaLabel","nextButtonAriaLabel","onChange","resetProps","pages","usePagination","isFirstPage","isLastPage","handlePrevClick","React","useCallback","handleClick","event","page","currentTarget","dataset","Number","handleNextClick","renderPages","li","key","PaginationPageEllipsis","isCurrent","PaginationPageButton","onClick","RootComponent","Component","role","aria-label","ul","className","Button","size","before","Icon24ChevronCompactLeft","width","appearance","mode","map","after","Icon24ChevronCompactRight"],"mappings":";;;;+BAqDaA;;;eAAAA;;;;;;+DArDU;qBAC6C;6BAClB;sBAE3B;6BACO;oCACO;sCACE;qBACC;AA6CjC,IAAMA,aAAa;oCACxBC,aAAAA,8CAAc,qDACdC,cAAAA,gDAAe,uDACfC,eAAAA,kDAAgB,qDAChBC,YAAAA,4CAAa,uBACbC,kBAAAA,2CACAC,kBAAAA,wDAAmBC,8BAAuB,gEAC1CC,qBAAAA,8DAAsB,mGACtBC,qBAAAA,8DAAsB,8DACtBC,kBAAAA,UACGC;QATHV;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;;IAGA,IAAME,QAAQC,IAAAA,4BAAa,EAAC;QAC1BZ,aAAAA;QACAG,YAAAA;QACAF,cAAAA;QACAC,eAAAA;IACF;IACA,IAAMW,cAAcb,gBAAgB;IACpC,IAAMc,aAAad,gBAAgBG;IAEnC,IAAMY,kBAAkBC,OAAMC,WAAW,CAAC;QACxC,IAAIR,YAAY,CAACI,aAAa;YAC5BJ,SAAST,cAAc;QACzB;IACF,GAAG;QAACA;QAAaa;QAAaJ;KAAS;IAEvC,IAAMS,cAAcF,OAAMC,WAAW,CACnC,SAACE;YAECV;QADA,IAAMW,OAAeD,MAAME,aAAa,CAACC,OAAO,CAACF,IAAI,IAAI;SACzDX,YAAAA,sBAAAA,gCAAAA,UAAWc,OAAOH;IACpB,GACA;QAACX;KAAS;IAGZ,IAAMe,kBAAkBR,OAAMC,WAAW,CAAC;QACxC,IAAIR,YAAY,CAACK,YAAY;YAC3BL,SAAST,cAAc;QACzB;IACF,GAAG;QAACA;QAAac;QAAYL;KAAS;IAEtC,IAAMgB,cAAcT,OAAMC,WAAW,CACnC,SAACG;QACC,OAAQA;YACN,KAAK;YACL,KAAK;gBACH,qBACE,qBAACM;oBAAGC,KAAKP;iCACP,qBAACQ,8CAAsB;oBAACxB,UAAUA;;YAGxC;gBAAS;oBACP,IAAMyB,YAAYT,SAASpB;oBAC3B,qBACE,qBAAC0B;wBAAGC,KAAKP;qCACP,qBAACU,0CAAoB;wBACnBzB,kBAAkBA;wBAClBwB,WAAWA;wBACXE,SAASb;wBACTd,UAAUA;uBAETgB;gBAIT;QACF;IACF,GACA;QAACpB;QAAaI;QAAUC;QAAkBa;KAAY;IAGxD,qBACE,qBAACc,4BAAa;QACZC,WAAU;QACVC,MAAK;QACLC,cAAW;OACPzB,2BAEJ,qBAAC0B;QAAGC,SAAS;qBACX,qBAACX;QAAGW,SAAS;qBACX,qBAACC,cAAM;QACLC,MAAK;QACLC,sBAAQ,qBAACC,+BAAwB;YAACC,OAAO;;QACzCC,YAAW;QACXC,MAAK;QACLxC,UAAUS,eAAeT;QACzB+B,cAAY5B;QACZwB,SAAShB;SAGZJ,MAAMkC,GAAG,CAACpB,4BACX,qBAACC;QAAGW,SAAS;qBACX,qBAACC,cAAM;QACLC,MAAK;QACLO,qBAAO,qBAACC,gCAAyB;YAACL,OAAO;;QACzCC,YAAW;QACXC,MAAK;QACLxC,UAAUU,cAAcV;QACxB+B,cAAY3B;QACZuB,SAASP;;AAMrB"}
+{"version":3,"sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24ChevronCompactLeft, Icon24ChevronCompactRight } from '@vkontakte/icons';\nimport { PaginationPageType, usePagination } from '../../hooks/usePagination';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { Button } from '../Button/Button';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { PaginationPageButton } from './PaginationPage/PaginationPageButton';\nimport { PaginationPageEllipsis } from './PaginationPage/PaginationPageEllipsis';\nimport { getPageAriaLabelDefault } 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   * Переопределение `aria-label` для кнопки навигации назад.\n   * По умолчанию используется текст на \"ru_RU\".\n   */\n  prevButtonAriaLabel?: string;\n  /**\n   * Переопределение `aria-label` для кнопки навигации вперёд.\n   * По умолчанию используется текст на \"ru_RU\".\n   */\n  nextButtonAriaLabel?: string;\n  /**\n   * Функция для переопределения и/или локализации `aria-label` атрибута.\n   * По умолчанию используется текст на \"ru_RU\".\n   */\n  getPageAriaLabel?(page: number, isCurrent: boolean): string;\n  onChange?(page: number): void;\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  getPageAriaLabel = getPageAriaLabelDefault,\n  prevButtonAriaLabel = 'Перейти на предыдущую страницу',\n  nextButtonAriaLabel = 'Перейти на следующую страницу',\n  onChange,\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\n  const handlePrevClick = React.useCallback(() => {\n    if (onChange && !isFirstPage) {\n      onChange(currentPage - 1);\n    }\n  }, [currentPage, isFirstPage, onChange]);\n\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      const page: string = event.currentTarget.dataset.page || '1';\n      onChange?.(Number(page));\n    },\n    [onChange],\n  );\n\n  const handleNextClick = React.useCallback(() => {\n    if (onChange && !isLastPage) {\n      onChange(currentPage + 1);\n    }\n  }, [currentPage, isLastPage, onChange]);\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          return (\n            <li key={page}>\n              <PaginationPageButton\n                getPageAriaLabel={getPageAriaLabel}\n                isCurrent={isCurrent}\n                onClick={handleClick}\n                disabled={disabled}\n              >\n                {page}\n              </PaginationPageButton>\n            </li>\n          );\n        }\n      }\n    },\n    [currentPage, disabled, getPageAriaLabel, handleClick],\n  );\n\n  return (\n    <RootComponent\n      Component=\"nav\"\n      role=\"navigation\"\n      aria-label=\"Навигация по страницам\"\n      {...resetProps}\n    >\n      <ul className={styles['Pagination__list']}>\n        <li className={styles['Pagination__prevButtonContainer']}>\n          <Button\n            size=\"l\"\n            before={<Icon24ChevronCompactLeft width={24} />}\n            appearance=\"accent\"\n            mode=\"tertiary\"\n            disabled={isFirstPage || disabled}\n            aria-label={prevButtonAriaLabel}\n            onClick={handlePrevClick}\n          />\n        </li>\n        {pages.map(renderPages)}\n        <li className={styles['Pagination__nextButtonContainer']}>\n          <Button\n            size=\"l\"\n            after={<Icon24ChevronCompactRight width={24} />}\n            appearance=\"accent\"\n            mode=\"tertiary\"\n            disabled={isLastPage || disabled}\n            aria-label={nextButtonAriaLabel}\n            onClick={handleNextClick}\n          />\n        </li>\n      </ul>\n    </RootComponent>\n  );\n};\n"],"names":["Pagination","currentPage","siblingCount","boundaryCount","totalPages","disabled","getPageAriaLabel","getPageAriaLabelDefault","prevButtonAriaLabel","nextButtonAriaLabel","onChange","resetProps","pages","usePagination","isFirstPage","isLastPage","handlePrevClick","React","useCallback","handleClick","event","page","currentTarget","dataset","Number","handleNextClick","renderPages","li","key","PaginationPageEllipsis","isCurrent","PaginationPageButton","onClick","RootComponent","Component","role","aria-label","ul","className","Button","size","before","Icon24ChevronCompactLeft","width","appearance","mode","map","after","Icon24ChevronCompactRight"],"mappings":";;;;+BAqDaA;;;eAAAA;;;;;;+DArDU;qBAC6C;6BAClB;sBAE3B;6BACO;oCACO;sCACE;qBACC;AA6CjC,IAAMA,aAAa;oCACxBC,aAAAA,8CAAc,qDACdC,cAAAA,gDAAe,uDACfC,eAAAA,kDAAgB,qDAChBC,YAAAA,4CAAa,uBACbC,kBAAAA,2CACAC,kBAAAA,wDAAmBC,8BAAuB,gEAC1CC,qBAAAA,8DAAsB,mGACtBC,qBAAAA,8DAAsB,8DACtBC,kBAAAA,UACGC;QATHV;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;;IAGA,IAAME,QAAQC,IAAAA,4BAAa,EAAC;QAC1BZ,aAAAA;QACAG,YAAAA;QACAF,cAAAA;QACAC,eAAAA;IACF;IACA,IAAMW,cAAcb,gBAAgB;IACpC,IAAMc,aAAad,gBAAgBG;IAEnC,IAAMY,kBAAkBC,OAAMC,WAAW,CAAC;QACxC,IAAIR,YAAY,CAACI,aAAa;YAC5BJ,SAAST,cAAc;QACzB;IACF,GAAG;QAACA;QAAaa;QAAaJ;KAAS;IAEvC,IAAMS,cAAcF,OAAMC,WAAW,CACnC,SAACE;QACC,IAAMC,OAAeD,MAAME,aAAa,CAACC,OAAO,CAACF,IAAI,IAAI;QACzDX,qBAAAA,+BAAAA,SAAWc,OAAOH;IACpB,GACA;QAACX;KAAS;IAGZ,IAAMe,kBAAkBR,OAAMC,WAAW,CAAC;QACxC,IAAIR,YAAY,CAACK,YAAY;YAC3BL,SAAST,cAAc;QACzB;IACF,GAAG;QAACA;QAAac;QAAYL;KAAS;IAEtC,IAAMgB,cAAcT,OAAMC,WAAW,CACnC,SAACG;QACC,OAAQA;YACN,KAAK;YACL,KAAK;gBACH,qBACE,qBAACM;oBAAGC,KAAKP;iCACP,qBAACQ,8CAAsB;oBAACxB,UAAUA;;YAGxC;gBAAS;oBACP,IAAMyB,YAAYT,SAASpB;oBAC3B,qBACE,qBAAC0B;wBAAGC,KAAKP;qCACP,qBAACU,0CAAoB;wBACnBzB,kBAAkBA;wBAClBwB,WAAWA;wBACXE,SAASb;wBACTd,UAAUA;uBAETgB;gBAIT;QACF;IACF,GACA;QAACpB;QAAaI;QAAUC;QAAkBa;KAAY;IAGxD,qBACE,qBAACc,4BAAa;QACZC,WAAU;QACVC,MAAK;QACLC,cAAW;OACPzB,2BAEJ,qBAAC0B;QAAGC,SAAS;qBACX,qBAACX;QAAGW,SAAS;qBACX,qBAACC,cAAM;QACLC,MAAK;QACLC,sBAAQ,qBAACC,+BAAwB;YAACC,OAAO;;QACzCC,YAAW;QACXC,MAAK;QACLxC,UAAUS,eAAeT;QACzB+B,cAAY5B;QACZwB,SAAShB;SAGZJ,MAAMkC,GAAG,CAACpB,4BACX,qBAACC;QAAGW,SAAS;qBACX,qBAACC,cAAM;QACLC,MAAK;QACLO,qBAAO,qBAACC,gCAAyB;YAACL,OAAO;;QACzCC,YAAW;QACXC,MAAK;QACLxC,UAAUU,cAAcV;QACxB+B,cAAY3B;QACZuB,SAASP;;AAMrB"}

package/dist/cjs/components/Pagination/PaginationPage/PaginationPageButton.d.ts

@@ -10,3 +10,4 @@ export interface PaginationPageButtonProps extends React.ButtonHTMLAttributes<HT
     children: number;
 }
 export declare const PaginationPageButton: ({ isCurrent, getPageAriaLabel, children, className, disabled, ...restProps }: PaginationPageButtonProps) => React.JSX.Element;
+//# sourceMappingURL=PaginationPageButton.d.ts.map

package/dist/cjs/components/Pagination/PaginationPage/PaginationPageButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationPageButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/PaginationPage/PaginationPageButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAOjD,MAAM,WAAW,yBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,UAAU,CAAC,iBAAiB,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,gBAAgB,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5D,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,oBAAoB,iFAO9B,yBAAyB,sBAoB3B,CAAC"}

package/dist/cjs/components/Pagination/PaginationPage/PaginationPageEllipsis.d.ts

@@ -4,3 +4,4 @@ export interface PaginationPageEllipsisProps extends React.HTMLAttributes<HTMLSp
     disabled?: boolean;
 }
 export declare const PaginationPageEllipsis: ({ className, disabled, ...restProps }: PaginationPageEllipsisProps) => React.JSX.Element;
+//# sourceMappingURL=PaginationPageEllipsis.d.ts.map

package/dist/cjs/components/Pagination/PaginationPage/PaginationPageEllipsis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationPageEllipsis.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/PaginationPage/PaginationPageEllipsis.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAKjD,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC3C,UAAU,CAAC,eAAe,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,sBAAsB,0CAIhC,2BAA2B,sBAe7B,CAAC"}

package/dist/cjs/components/Pagination/PaginationPage/usePaginationPageClasses.d.ts

@@ -3,3 +3,4 @@ export interface UsePaginationPageClassNamesProps {
     disabled?: boolean;
 }
 export declare function usePaginationPageClassNames({ isCurrent, disabled, }: UsePaginationPageClassNamesProps): string;
+//# sourceMappingURL=usePaginationPageClasses.d.ts.map

package/dist/cjs/components/Pagination/PaginationPage/usePaginationPageClasses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePaginationPageClasses.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/PaginationPage/usePaginationPageClasses.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,gCAAgC;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,SAAS,EACT,QAAQ,GACT,EAAE,gCAAgC,UAUlC"}

package/dist/cjs/components/Pagination/utils.d.ts

@@ -1 +1,2 @@
 export declare function getPageAriaLabelDefault(page: number, isCurrent: boolean): string;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,GAAG,MAAM,CAEhF"}

package/dist/cjs/components/Panel/Panel.d.ts

@@ -8,3 +8,4 @@ export interface PanelProps extends HTMLAttributesWithRootRef<HTMLDivElement>, N
  * @see https://vkcom.github.io/VKUI/#/Panel
  */
 export declare const Panel: ({ centered, children, nav, ...restProps }: PanelProps) => React.JSX.Element;
+//# sourceMappingURL=Panel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAcxD,MAAM,WAAW,UAAW,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU;IACvF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,8CAAuD,UAAU,sBA0BlF,CAAC"}

package/dist/cjs/components/Panel/Panel.js

@@ -16,10 +16,9 @@ var _object_without_properties = require("@swc/helpers/_/_object_without_propert
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _useAdaptivity = require("../../hooks/useAdaptivity");
-var _usePlatform = require("../../hooks/usePlatform");
 var _adaptivity = require("../../lib/adaptivity");
-var _platform = require("../../lib/platform");
 var _AppRootContext = require("../AppRoot/AppRootContext");
+var _NavIdContext = require("../NavIdContext/NavIdContext");
 var _RootComponent = require("../RootComponent/RootComponent");
 var _TooltipContainer = require("../Tooltip/TooltipContainer");
 var _Touch = require("../Touch/Touch");
@@ -33,11 +32,12 @@ var Panel = function(_param) {
         "children",
         "nav"
     ]);
-    var platform = (0, _usePlatform.usePlatform)();
     var _useAdaptivity1 = (0, _useAdaptivity.useAdaptivity)(), _useAdaptivity_sizeX = _useAdaptivity1.sizeX, sizeX = _useAdaptivity_sizeX === void 0 ? "none" : _useAdaptivity_sizeX;
     var layout = _react.useContext(_AppRootContext.AppRootContext).layout;
-    return /*#__PURE__*/ _react.createElement(_RootComponent.RootComponent, _object_spread_props._(_object_spread._({}, restProps), {
-        baseClassName: (0, _vkjs.classNames)("vkuiPanel", sizeXClassNames[sizeX], centered && "vkuiInternalPanel--centered", layout && "vkuiPanel--layoutSetting")
+    return /*#__PURE__*/ _react.createElement(_NavIdContext.NavPanelIdContext.Provider, {
+        value: restProps.id || nav
+    }, /*#__PURE__*/ _react.createElement(_RootComponent.RootComponent, _object_spread_props._(_object_spread._({}, restProps), {
+        baseClassName: (0, _vkjs.classNames)("vkuiPanel", sizeXClassNames[sizeX], centered && "vkuiInternalPanel--centered", layout === "card" && "vkuiPanel--layout-card")
     }), /*#__PURE__*/ _react.createElement(_Touch.Touch, {
         Component: _TooltipContainer.TooltipContainer,
         className: (0, _vkjs.classNames)("vkuiPanel__in", "vkuiInternalPanel__in")
@@ -45,11 +45,9 @@ var Panel = function(_param) {
         className: "vkuiPanel__in-before"
     }), centered ? /*#__PURE__*/ _react.createElement("div", {
         className: "vkuiPanel__centered"
-    }, children) : children, platform === _platform.Platform.IOS && /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiInternalPanel__fade"
-    }), /*#__PURE__*/ _react.createElement("div", {
+    }, children) : children, /*#__PURE__*/ _react.createElement("div", {
         className: "vkuiPanel__in-after"
-    })));
+    }))));
 };
 
 //# sourceMappingURL=Panel.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Panel/Panel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { NavIdProps } from '../../lib/getNavId';\nimport { Platform } from '../../lib/platform';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { AppRootContext } from '../AppRoot/AppRootContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { TooltipContainer } from '../Tooltip/TooltipContainer';\nimport { Touch } from '../Touch/Touch';\nimport styles from './Panel.module.css';\n\nconst sizeXClassNames = {\n  none: styles['Panel--sizeX-none'],\n  [SizeType.COMPACT]: styles['Panel--sizeX-compact'],\n  [SizeType.REGULAR]: styles['Panel--sizeX-regular'],\n};\n\nexport interface PanelProps extends HTMLAttributesWithRootRef<HTMLDivElement>, NavIdProps {\n  centered?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Panel\n */\nexport const Panel = ({ centered = false, children, nav, ...restProps }: PanelProps) => {\n  const platform = usePlatform();\n  const { sizeX = 'none' } = useAdaptivity();\n  const { layout } = React.useContext(AppRootContext);\n\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        styles['Panel'],\n        sizeXClassNames[sizeX],\n        centered && 'vkuiInternalPanel--centered',\n        layout && styles['Panel--layoutSetting'],\n      )}\n    >\n      <Touch\n        Component={TooltipContainer}\n        className={classNames(styles['Panel__in'], 'vkuiInternalPanel__in')}\n      >\n        <div className={styles['Panel__in-before']} />\n        {centered ? <div className={styles['Panel__centered']}>{children}</div> : children}\n        {platform === Platform.IOS && <div className=\"vkuiInternalPanel__fade\" />}\n        <div className={styles['Panel__in-after']} />\n      </Touch>\n    </RootComponent>\n  );\n};\n"],"names":["Panel","sizeXClassNames","none","SizeType","COMPACT","REGULAR","centered","children","nav","restProps","platform","usePlatform","useAdaptivity","sizeX","layout","React","useContext","AppRootContext","RootComponent","baseClassName","classNames","Touch","Component","TooltipContainer","className","div","Platform","IOS"],"mappings":";;;;+BA2BaA;;;eAAAA;;;;;;;;+DA3BU;oBACI;6BACG;2BACF;0BACH;wBAEA;8BAEM;6BACD;gCACG;qBACX;IAGE;AAAxB,IAAMC,mBAAkB;IACtBC,IAAI;sBADkB,MAErBC,oBAAQ,CAACC,OAAO,kDAFK,MAGrBD,oBAAQ,CAACE,OAAO,+BAHK;AAajB,IAAML,QAAQ;iCAAGM,UAAAA,wCAAW,yBAAOC,kBAAAA,UAAUC,aAAAA,KAAQC;QAApCH;QAAkBC;QAAUC;;IAClD,IAAME,WAAWC,IAAAA,wBAAW;IAC5B,IAA2BC,kBAAAA,IAAAA,4BAAa,4BAAbA,gBAAnBC,OAAAA,0CAAQ;IAChB,IAAM,AAAEC,SAAWC,OAAMC,UAAU,CAACC,8BAAc,EAA1CH;IAER,qBACE,qBAACI,4BAAa,8CACRT;QACJU,eAAeC,IAAAA,gBAAU,eAEvBnB,eAAe,CAACY,MAAM,EACtBP,YAAY,+BACZQ;sBAGF,qBAACO,YAAK;QACJC,WAAWC,kCAAgB;QAC3BC,WAAWJ,IAAAA,gBAAU,mBAAsB;qBAE3C,qBAACK;QAAID,SAAS;QACblB,yBAAW,qBAACmB;QAAID,SAAS;OAA8BjB,YAAkBA,UACzEG,aAAagB,kBAAQ,CAACC,GAAG,kBAAI,qBAACF;QAAID,WAAU;sBAC7C,qBAACC;QAAID,SAAS;;AAItB"}
+{"version":3,"sources":["../../../../src/components/Panel/Panel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { SizeType } from '../../lib/adaptivity';\nimport { NavIdProps } from '../../lib/getNavId';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { AppRootContext } from '../AppRoot/AppRootContext';\nimport { NavPanelIdContext } from '../NavIdContext/NavIdContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { TooltipContainer } from '../Tooltip/TooltipContainer';\nimport { Touch } from '../Touch/Touch';\nimport styles from './Panel.module.css';\n\nconst sizeXClassNames = {\n  none: styles['Panel--sizeX-none'],\n  [SizeType.COMPACT]: styles['Panel--sizeX-compact'],\n  [SizeType.REGULAR]: styles['Panel--sizeX-regular'],\n};\n\nexport interface PanelProps extends HTMLAttributesWithRootRef<HTMLDivElement>, NavIdProps {\n  centered?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Panel\n */\nexport const Panel = ({ centered = false, children, nav, ...restProps }: PanelProps) => {\n  const { sizeX = 'none' } = useAdaptivity();\n  const { layout } = React.useContext(AppRootContext);\n\n  return (\n    <NavPanelIdContext.Provider value={restProps.id || nav}>\n      <RootComponent\n        {...restProps}\n        baseClassName={classNames(\n          styles['Panel'],\n          sizeXClassNames[sizeX],\n          centered && 'vkuiInternalPanel--centered',\n          layout === 'card' && styles['Panel--layout-card'],\n        )}\n      >\n        <Touch\n          Component={TooltipContainer}\n          className={classNames(styles['Panel__in'], 'vkuiInternalPanel__in')}\n        >\n          <div className={styles['Panel__in-before']} />\n          {centered ? <div className={styles['Panel__centered']}>{children}</div> : children}\n          <div className={styles['Panel__in-after']} />\n        </Touch>\n      </RootComponent>\n    </NavPanelIdContext.Provider>\n  );\n};\n"],"names":["Panel","sizeXClassNames","none","SizeType","COMPACT","REGULAR","centered","children","nav","restProps","useAdaptivity","sizeX","layout","React","useContext","AppRootContext","NavPanelIdContext","Provider","value","id","RootComponent","baseClassName","classNames","Touch","Component","TooltipContainer","className","div"],"mappings":";;;;+BA0BaA;;;eAAAA;;;;;;;;+DA1BU;oBACI;6BACG;0BACL;8BAGM;4BACG;6BACJ;gCACG;qBACX;IAGE;AAAxB,IAAMC,mBAAkB;IACtBC,IAAI;sBADkB,MAErBC,oBAAQ,CAACC,OAAO,kDAFK,MAGrBD,oBAAQ,CAACE,OAAO,+BAHK;AAajB,IAAML,QAAQ;iCAAGM,UAAAA,wCAAW,yBAAOC,kBAAAA,UAAUC,aAAAA,KAAQC;QAApCH;QAAkBC;QAAUC;;IAClD,IAA2BE,kBAAAA,IAAAA,4BAAa,4BAAbA,gBAAnBC,OAAAA,0CAAQ;IAChB,IAAM,AAAEC,SAAWC,OAAMC,UAAU,CAACC,8BAAc,EAA1CH;IAER,qBACE,qBAACI,+BAAiB,CAACC,QAAQ;QAACC,OAAOT,UAAUU,EAAE,IAAIX;qBACjD,qBAACY,4BAAa,8CACRX;QACJY,eAAeC,IAAAA,gBAAU,eAEvBrB,eAAe,CAACU,MAAM,EACtBL,YAAY,+BACZM,WAAW;sBAGb,qBAACW,YAAK;QACJC,WAAWC,kCAAgB;QAC3BC,WAAWJ,IAAAA,gBAAU,mBAAsB;qBAE3C,qBAACK;QAAID,SAAS;QACbpB,yBAAW,qBAACqB;QAAID,SAAS;OAA8BnB,YAAkBA,wBAC1E,qBAACoB;QAAID,SAAS;;AAKxB"}

package/dist/cjs/components/PanelHeader/LegacyPanelHeaderContent.d.ts

@@ -10,3 +10,4 @@ export declare const LegacyPanelHeaderContent: {
     ({ children, Component, id, }: LegacyPanelHeaderContentProps): React.JSX.Element;
     displayName: string;
 };
+//# sourceMappingURL=LegacyPanelHeaderContent.d.ts.map