@vkontakte/vkui 4.36.1 → 4.37.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Div/Div.tsx"],"names":["Div","children","getRootRef","restProps"],"mappings":";;;;;;;;;;;;;;;;;AAQA;AACA;AACA;AACO,IAAMA,GAAG,GAAG,SAANA,GAAM,OAAsD;AAAA,MAAnDC,QAAmD,QAAnDA,QAAmD;AAAA,MAAzCC,UAAyC,QAAzCA,UAAyC;AAAA,MAA1BC,SAA0B;AACvE,SACE,uEAASA,SAAT;AAAoB,IAAA,GAAG,EAAED,UAAzB;AAAqC,IAAA,SAAS,EAAC;AAA/C,MACGD,QADH,CADF;AAKD,CANM","sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport \"./Div.css\";\n\nexport interface DivProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Div\n */\nexport const Div = ({ children, getRootRef, ...restProps }: DivProps) => {\n  return (\n    <div {...restProps} ref={getRootRef} vkuiClass=\"Div\">\n      {children}\n    </div>\n  );\n};\n"],"file":"Div.js"}
+{"version":3,"file":"Div.js","names":["Div","children","getRootRef","restProps"],"sources":["../../../../src/components/Div/Div.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport \"./Div.css\";\n\nexport interface DivProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Div\n */\nexport const Div = ({ children, getRootRef, ...restProps }: DivProps) => {\n  return (\n    <div {...restProps} ref={getRootRef} vkuiClass=\"Div\">\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAQA;AACA;AACA;AACO,IAAMA,GAAG,GAAG,SAANA,GAAM,OAAsD;EAAA,IAAnDC,QAAmD,QAAnDA,QAAmD;EAAA,IAAzCC,UAAyC,QAAzCA,UAAyC;EAAA,IAA1BC,SAA0B;EACvE,OACE,uEAASA,SAAT;IAAoB,GAAG,EAAED,UAAzB;IAAqC,SAAS,EAAC;EAA/C,IACGD,QADH,CADF;AAKD,CANM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":["Dropdown","action","shownProp","shown","showDelay","hideDelay","offsetDistance","content","children","style","getRef","onShownChange","restProps","document","hoverable","hovered","React","useRef","useState","computedShown","setComputedShown","dropdownNode","setPopperNode","styles","patchedPopperRef","childRef","child","setShown","value","showTimeout","hideTimeout","handleTargetEnter","current","clear","set","handleTargetClick","handleTargetLeave","handleContentKeyDownEscape","handleOutsideClick","e","contains","target","targetEnterListener","targetClickEvent","targetLeaveListener","useEffect","add","className","undefined"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../../lib/dom\";\nimport { PopperCommonProps, Popper } from \"../Popper/Popper\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { usePatchChildrenRef } from \"../../hooks/usePatchChildrenRef\";\nimport \"./Dropdown.css\";\n\nexport interface DropdownProps\n  extends Omit<PopperCommonProps, \"arrow\" | \"arrowClassName\"> {\n  /**\n   * Механика вызова всплывающего окна.\n   *\n   * - `\"click\"` – показывается/скрывается только при нажатии.\n   * - `\"hover\"` – помимо нажатия, будет показываться/скрывается при наведении/отведении мыши.\n   *\n   * > ⚠️`\"hover\"` на тач-устройствах будет работать как `\"click\"`, с одним лишь нюансом, что не будет закрываться\n   * > при повторном нажатии на целевой элемент. Для закрытия необходимо нажать на область вне целевого элемента\n   * > и выпадающего окна.\n   */\n  action?: \"click\" | \"hover\";\n  /**\n   * Если передан, то всплывающее окно будет показан/скрыт в зависимости от значения свойства.\n   */\n  shown?: boolean;\n  /**\n   * Количество миллисекунд, после которых произойдёт показ всплывающего окна.\n   *\n   * > Используется только для `action=\"hover\"` при наведении/отведении мыши.\n   */\n  showDelay?: number;\n  /**\n   * Количество миллисекунд, после которых произойдёт скрытие всплывающего окна.\n   *\n   * > Используется только для `action=\"hover\"` при наведении/отведении мыши.\n   */\n  hideDelay?: number;\n  /**\n   * Содержимое всплывающего окна.\n   */\n  content?: React.ReactNode;\n  /**\n   * Целевой элемент. Всплывающее окно появится возле него.\n   *\n   * > ⚠️ Если это пользовательский компонент, то он должен предоставлять параметры либо `getRootRef`, либо `ref` для получения ссылки на DOM-узел.\n   */\n  children?: React.ReactElement;\n  /**\n   * Вызывается при каждом изменении видимости всплывающего окна.\n   */\n  onShownChange?(shown: boolean): void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Dropdown\n *\n * TODO v5.0.0 Переименовать в `Popover` (см. https://github.com/VKCOM/VKUI/issues/2523)\n */\nexport const Dropdown = ({\n  action = \"click\",\n  shown: shownProp,\n  showDelay = 150,\n  hideDelay = 150,\n  offsetDistance = 8,\n  content,\n  children,\n  style,\n  getRef,\n  onShownChange,\n  ...restProps\n}: DropdownProps) => {\n  const { document } = useDOM();\n\n  const hoverable = action === \"hover\";\n  const hovered = React.useRef(false);\n  const [computedShown, setComputedShown] = React.useState(shownProp || false);\n  const [dropdownNode, setPopperNode] = React.useState<HTMLElement | null>(\n    null\n  );\n\n  // Reason: Typescript ругается на CSS Custom Properties в объекте\n  // eslint-disable-next-line @typescript-eslint/consistent-type-assertions\n  const styles = {\n    ...style,\n    \"--popover-safe-zone-padding\": `${offsetDistance}px`,\n  } as React.CSSProperties;\n\n  const shown = typeof shownProp === \"boolean\" ? shownProp : computedShown;\n\n  const patchedPopperRef = useExternRef<HTMLDivElement>(setPopperNode, getRef);\n\n  const [childRef, child] = usePatchChildrenRef(children);\n\n  const setShown = (value: boolean) => {\n    if (typeof shownProp !== \"boolean\") {\n      setComputedShown(value);\n    }\n    typeof onShownChange === \"function\" && onShownChange(value);\n  };\n\n  const showTimeout = useTimeout(() => setShown(true), showDelay);\n\n  const hideTimeout = useTimeout(() => setShown(false), hideDelay);\n\n  const handleTargetEnter = () => {\n    hovered.current = true;\n    hideTimeout.clear();\n    showTimeout.set();\n  };\n\n  const handleTargetClick = () => {\n    if (hovered.current && shown) {\n      return;\n    }\n    setShown(!shown);\n  };\n\n  const handleTargetLeave = () => {\n    hovered.current = false;\n    showTimeout.clear();\n    hideTimeout.set();\n  };\n\n  const handleContentKeyDownEscape = () => {\n    setShown(false);\n  };\n\n  const handleOutsideClick = (e: MouseEvent) => {\n    if (\n      dropdownNode &&\n      !childRef.current?.contains(e.target as Node) &&\n      !dropdownNode.contains(e.target as Node)\n    ) {\n      setShown(false);\n    }\n  };\n\n  useGlobalEventListener(document, \"click\", handleOutsideClick);\n  const targetEnterListener = useEventListener(\"mouseenter\", handleTargetEnter);\n  const targetClickEvent = useEventListener(\"click\", handleTargetClick);\n  const targetLeaveListener = useEventListener(\"mouseleave\", handleTargetLeave);\n\n  React.useEffect(() => {\n    if (!childRef.current) {\n      return;\n    }\n\n    targetClickEvent.add(childRef.current);\n\n    if (hoverable) {\n      targetEnterListener.add(childRef.current);\n      targetLeaveListener.add(childRef.current);\n    }\n  }, [\n    childRef,\n    hoverable,\n    targetClickEvent,\n    targetEnterListener,\n    targetLeaveListener,\n  ]);\n\n  return (\n    <React.Fragment>\n      {child}\n      {shown && (\n        <Popper\n          {...restProps}\n          vkuiClass=\"Dropdown\"\n          targetRef={childRef}\n          getRef={patchedPopperRef}\n          offsetDistance={offsetDistance}\n          style={styles}\n          renderContent={({ className }) => (\n            <FocusTrap\n              vkuiClass={className}\n              onClose={handleContentKeyDownEscape}\n            >\n              {content}\n            </FocusTrap>\n          )}\n          onMouseOver={hoverable ? hideTimeout.clear : undefined}\n          onMouseOut={hoverable ? handleTargetLeave : undefined}\n        />\n      )}\n    </React.Fragment>\n  );\n};\n"],"file":"Dropdown.js"}
+{"version":3,"file":"Dropdown.js","names":["Dropdown","action","shownProp","shown","showDelay","hideDelay","offsetDistance","content","children","style","getRef","onShownChange","restProps","useDOM","document","hoverable","hovered","React","useRef","useState","computedShown","setComputedShown","dropdownNode","setPopperNode","styles","patchedPopperRef","useExternRef","usePatchChildrenRef","childRef","child","setShown","value","showTimeout","useTimeout","hideTimeout","handleTargetEnter","current","clear","set","handleTargetClick","handleTargetLeave","handleContentKeyDownEscape","handleOutsideClick","e","contains","target","useGlobalEventListener","targetEnterListener","useEventListener","targetClickEvent","targetLeaveListener","useEffect","add","className","undefined"],"sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../../lib/dom\";\nimport { PopperCommonProps, Popper } from \"../Popper/Popper\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { usePatchChildrenRef } from \"../../hooks/usePatchChildrenRef\";\nimport \"./Dropdown.css\";\n\nexport interface DropdownProps\n  extends Omit<PopperCommonProps, \"arrow\" | \"arrowClassName\"> {\n  /**\n   * Механика вызова всплывающего окна.\n   *\n   * - `\"click\"` – показывается/скрывается только при нажатии.\n   * - `\"hover\"` – помимо нажатия, будет показываться/скрывается при наведении/отведении мыши.\n   *\n   * > ⚠️`\"hover\"` на тач-устройствах будет работать как `\"click\"`, с одним лишь нюансом, что не будет закрываться\n   * > при повторном нажатии на целевой элемент. Для закрытия необходимо нажать на область вне целевого элемента\n   * > и выпадающего окна.\n   */\n  action?: \"click\" | \"hover\";\n  /**\n   * Если передан, то всплывающее окно будет показан/скрыт в зависимости от значения свойства.\n   */\n  shown?: boolean;\n  /**\n   * Количество миллисекунд, после которых произойдёт показ всплывающего окна.\n   *\n   * > Используется только для `action=\"hover\"` при наведении/отведении мыши.\n   */\n  showDelay?: number;\n  /**\n   * Количество миллисекунд, после которых произойдёт скрытие всплывающего окна.\n   *\n   * > Используется только для `action=\"hover\"` при наведении/отведении мыши.\n   */\n  hideDelay?: number;\n  /**\n   * Содержимое всплывающего окна.\n   */\n  content?: React.ReactNode;\n  /**\n   * Целевой элемент. Всплывающее окно появится возле него.\n   *\n   * > ⚠️ Если это пользовательский компонент, то он должен предоставлять параметры либо `getRootRef`, либо `ref` для получения ссылки на DOM-узел.\n   */\n  children?: React.ReactElement;\n  /**\n   * Вызывается при каждом изменении видимости всплывающего окна.\n   */\n  onShownChange?(shown: boolean): void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Dropdown\n *\n * TODO v5.0.0 Переименовать в `Popover` (см. https://github.com/VKCOM/VKUI/issues/2523)\n */\nexport const Dropdown = ({\n  action = \"click\",\n  shown: shownProp,\n  showDelay = 150,\n  hideDelay = 150,\n  offsetDistance = 8,\n  content,\n  children,\n  style,\n  getRef,\n  onShownChange,\n  ...restProps\n}: DropdownProps) => {\n  const { document } = useDOM();\n\n  const hoverable = action === \"hover\";\n  const hovered = React.useRef(false);\n  const [computedShown, setComputedShown] = React.useState(shownProp || false);\n  const [dropdownNode, setPopperNode] = React.useState<HTMLElement | null>(\n    null\n  );\n\n  // Reason: Typescript ругается на CSS Custom Properties в объекте\n  // eslint-disable-next-line @typescript-eslint/consistent-type-assertions\n  const styles = {\n    ...style,\n    \"--popover-safe-zone-padding\": `${offsetDistance}px`,\n  } as React.CSSProperties;\n\n  const shown = typeof shownProp === \"boolean\" ? shownProp : computedShown;\n\n  const patchedPopperRef = useExternRef<HTMLDivElement>(setPopperNode, getRef);\n\n  const [childRef, child] = usePatchChildrenRef(children);\n\n  const setShown = (value: boolean) => {\n    if (typeof shownProp !== \"boolean\") {\n      setComputedShown(value);\n    }\n    typeof onShownChange === \"function\" && onShownChange(value);\n  };\n\n  const showTimeout = useTimeout(() => setShown(true), showDelay);\n\n  const hideTimeout = useTimeout(() => setShown(false), hideDelay);\n\n  const handleTargetEnter = () => {\n    hovered.current = true;\n    hideTimeout.clear();\n    showTimeout.set();\n  };\n\n  const handleTargetClick = () => {\n    if (hovered.current && shown) {\n      return;\n    }\n    setShown(!shown);\n  };\n\n  const handleTargetLeave = () => {\n    hovered.current = false;\n    showTimeout.clear();\n    hideTimeout.set();\n  };\n\n  const handleContentKeyDownEscape = () => {\n    setShown(false);\n  };\n\n  const handleOutsideClick = (e: MouseEvent) => {\n    if (\n      dropdownNode &&\n      !childRef.current?.contains(e.target as Node) &&\n      !dropdownNode.contains(e.target as Node)\n    ) {\n      setShown(false);\n    }\n  };\n\n  useGlobalEventListener(document, \"click\", handleOutsideClick);\n  const targetEnterListener = useEventListener(\"mouseenter\", handleTargetEnter);\n  const targetClickEvent = useEventListener(\"click\", handleTargetClick);\n  const targetLeaveListener = useEventListener(\"mouseleave\", handleTargetLeave);\n\n  React.useEffect(() => {\n    if (!childRef.current) {\n      return;\n    }\n\n    targetClickEvent.add(childRef.current);\n\n    if (hoverable) {\n      targetEnterListener.add(childRef.current);\n      targetLeaveListener.add(childRef.current);\n    }\n  }, [\n    childRef,\n    hoverable,\n    targetClickEvent,\n    targetEnterListener,\n    targetLeaveListener,\n  ]);\n\n  return (\n    <React.Fragment>\n      {child}\n      {shown && (\n        <Popper\n          {...restProps}\n          vkuiClass=\"Dropdown\"\n          targetRef={childRef}\n          getRef={patchedPopperRef}\n          offsetDistance={offsetDistance}\n          style={styles}\n          renderContent={({ className }) => (\n            <FocusTrap\n              vkuiClass={className}\n              onClose={handleContentKeyDownEscape}\n            >\n              {content}\n            </FocusTrap>\n          )}\n          onMouseOver={hoverable ? hideTimeout.clear : undefined}\n          onMouseOut={hoverable ? handleTargetLeave : undefined}\n        />\n      )}\n    </React.Fragment>\n  );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/DropdownIcon/DropdownIcon.tsx"],"names":["DropdownIcon","opened","restProps","sizeY","Icon","SizeType","COMPACT","Icon20Dropdown","Icon24ChevronDown","Icon20ChevronUp","Icon24ChevronUp"],"mappings":";;;;;;;;;;;;;;;AACA;;AAMA;;AACA;;AACA;;;;AAOO,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAGH;AAAA,yBAFvBC,MAEuB;AAAA,MAFvBA,MAEuB,4BAFd,KAEc;AAAA,MADpBC,SACoB;;AACvB,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AAEA,MAAIC,IAAI,GAAGD,KAAK,KAAKE,4BAASC,OAAnB,GAA6BC,qBAA7B,GAA8CC,wBAAzD;;AAEA,MAAIP,MAAJ,EAAY;AACVG,IAAAA,IAAI,GAAGD,KAAK,KAAKE,4BAASC,OAAnB,GAA6BG,sBAA7B,GAA+CC,sBAAtD;AACD;;AAED,SAAO,qCAAC,IAAD;AAAM,IAAA,SAAS,EAAE,4BAAW,cAAX;AAAjB,KAAiDR,SAAjD,EAAP;AACD,CAbM","sourcesContent":["import * as React from \"react\";\nimport {\n  Icon20Dropdown,\n  Icon24ChevronDown,\n  Icon24ChevronUp,\n  Icon20ChevronUp,\n} from \"@vkontakte/icons\";\nimport { classNames } from \"../../lib/classNames\";\nimport { SizeType } from \"../AdaptivityProvider/AdaptivityContext\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\n\nexport interface DropdownIconProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  opened?: boolean;\n}\n\nexport const DropdownIcon = ({\n  opened = false,\n  ...restProps\n}: DropdownIconProps) => {\n  const { sizeY } = useAdaptivity();\n\n  let Icon = sizeY === SizeType.COMPACT ? Icon20Dropdown : Icon24ChevronDown;\n\n  if (opened) {\n    Icon = sizeY === SizeType.COMPACT ? Icon20ChevronUp : Icon24ChevronUp;\n  }\n\n  return <Icon vkuiClass={classNames(\"DropdownIcon\")} {...restProps} />;\n};\n"],"file":"DropdownIcon.js"}
+{"version":3,"file":"DropdownIcon.js","names":["DropdownIcon","opened","restProps","useAdaptivity","sizeY","Icon","SizeType","COMPACT","Icon20Dropdown","Icon24ChevronDown","Icon20ChevronUp","Icon24ChevronUp","classNames"],"sources":["../../../../src/components/DropdownIcon/DropdownIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Icon20Dropdown,\n  Icon24ChevronDown,\n  Icon24ChevronUp,\n  Icon20ChevronUp,\n} from \"@vkontakte/icons\";\nimport { classNames } from \"../../lib/classNames\";\nimport { SizeType } from \"../AdaptivityProvider/AdaptivityContext\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\n\nexport interface DropdownIconProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  opened?: boolean;\n}\n\nexport const DropdownIcon = ({\n  opened = false,\n  ...restProps\n}: DropdownIconProps) => {\n  const { sizeY } = useAdaptivity();\n\n  let Icon = sizeY === SizeType.COMPACT ? Icon20Dropdown : Icon24ChevronDown;\n\n  if (opened) {\n    Icon = sizeY === SizeType.COMPACT ? Icon20ChevronUp : Icon24ChevronUp;\n  }\n\n  return <Icon vkuiClass={classNames(\"DropdownIcon\")} {...restProps} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AAMA;;AACA;;AACA;;;;AAOO,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAGH;EAAA,uBAFvBC,MAEuB;EAAA,IAFvBA,MAEuB,4BAFd,KAEc;EAAA,IADpBC,SACoB;;EACvB,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,IAAIC,IAAI,GAAGD,KAAK,KAAKE,2BAAA,CAASC,OAAnB,GAA6BC,qBAA7B,GAA8CC,wBAAzD;;EAEA,IAAIR,MAAJ,EAAY;IACVI,IAAI,GAAGD,KAAK,KAAKE,2BAAA,CAASC,OAAnB,GAA6BG,sBAA7B,GAA+CC,sBAAtD;EACD;;EAED,OAAO,qCAAC,IAAD;IAAM,SAAS,EAAE,IAAAC,sBAAA,EAAW,cAAX;EAAjB,GAAiDV,SAAjD,EAAP;AACD,CAbM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Epic/Epic.tsx"],"names":["warn","EpicComponent","activeStory","tabbar","children","viewWidth","restProps","scroll","React","useRef","current","process","env","NODE_ENV","ViewWidth","SMALL_TABLET","SMALL_TABLET_SIZE","story","Children","toArray","find","isValidElement","props","value","Epic","displayName"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAKA;;;AAUA,IAAMA,IAAI,GAAG,wBAAS,MAAT,CAAb;;AAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAMwB;AAAA;;AAAA,MAL5CC,WAK4C,QAL5CA,WAK4C;AAAA,MAJ5CC,MAI4C,QAJ5CA,MAI4C;AAAA,MAH5CC,QAG4C,QAH5CA,QAG4C;AAAA,MAF5CC,SAE4C,QAF5CA,SAE4C;AAAA,MADzCC,SACyC;AAC5C,MAAMC,MAAM,GAAGC,KAAK,CAACC,MAAN,CAAwC,EAAxC,EAA4CC,OAA3D;;AAEA,MACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,CAACV,MADD,IAEAE,SAAS,GAAGS,0BAAUC,YAHxB,EAIE;AACAf,IAAAA,IAAI,qUACsEgB,qCADtE,QAAJ;AAGD;;AACD,MAAMC,KAAK,YACRT,KAAK,CAACU,QAAN,CAAeC,OAAf,CAAuBf,QAAvB,EAAiCgB,IAAjC,CACC,UAACH,KAAD;AAAA,WACE,aAAAT,KAAK,CAACa,cAAN,CAAqBJ,KAArB,KACA,wBAASA,KAAK,CAACK,KAAf,EAAsBtB,IAAtB,MAAgCE,WAFlC;AAAA,GADD,CADQ,yCAK+B,IAL1C;AAOA,SACE,uEAASI,SAAT;AAAoB,IAAA,SAAS,EAAC;AAA9B,MACE,qCAAC,wBAAD;AACE,IAAA,GAAG,EAAEJ,WADP;AAEE,IAAA,aAAa,EAAEK,MAAM,CAACL,WAAD,CAAN,IAAuB,CAFxC;AAGE,IAAA,UAAU,EAAE,oBAACqB,KAAD;AAAA,aAAYhB,MAAM,CAACL,WAAD,CAAN,GAAsBqB,KAAlC;AAAA;AAHd,KAKGN,KALH,CADF,EAQGd,MARH,CADF;AAYD,CArCD;AAuCA;AACA;AACA;;;AACO,IAAMqB,IAAI,GAAG,oCAAevB,aAAf,EAA8B;AAChDI,EAAAA,SAAS,EAAE;AADqC,CAA9B,CAAb;;AAIPmB,IAAI,CAACC,WAAL,GAAmB,MAAnB","sourcesContent":["import * as React from \"react\";\nimport { withAdaptivity, ViewWidth } from \"../../hoc/withAdaptivity\";\nimport { ScrollSaver } from \"./ScrollSaver\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport { SMALL_TABLET_SIZE } from \"../AdaptivityProvider/AdaptivityProvider\";\nimport \"./Epic.css\";\n\nexport interface EpicProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    AdaptivityProps {\n  tabbar?: React.ReactNode;\n  activeStory: string;\n}\n\nconst warn = warnOnce(\"Epic\");\n\nconst EpicComponent = ({\n  activeStory,\n  tabbar,\n  children,\n  viewWidth,\n  ...restProps\n}: EpicProps & AdaptivityContextInterface) => {\n  const scroll = React.useRef<{ [key: string]: number }>({}).current;\n\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    !tabbar &&\n    viewWidth < ViewWidth.SMALL_TABLET\n  ) {\n    warn(\n      `Не рекомендуется использовать Epic без Tabbar при ширине окна меньше ${SMALL_TABLET_SIZE}px`\n    );\n  }\n  const story =\n    (React.Children.toArray(children).find(\n      (story) =>\n        React.isValidElement(story) &&\n        getNavId(story.props, warn) === activeStory\n    ) as React.ReactElement | undefined) ?? null;\n\n  return (\n    <div {...restProps} vkuiClass=\"Epic\">\n      <ScrollSaver\n        key={activeStory}\n        initialScroll={scroll[activeStory] || 0}\n        saveScroll={(value) => (scroll[activeStory] = value)}\n      >\n        {story}\n      </ScrollSaver>\n      {tabbar}\n    </div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Epic\n */\nexport const Epic = withAdaptivity(EpicComponent, {\n  viewWidth: true,\n});\n\nEpic.displayName = \"Epic\";\n"],"file":"Epic.js"}
+{"version":3,"file":"Epic.js","names":["warn","warnOnce","EpicComponent","activeStory","tabbar","children","viewWidth","restProps","scroll","React","useRef","current","process","env","NODE_ENV","ViewWidth","SMALL_TABLET","SMALL_TABLET_SIZE","story","Children","toArray","find","isValidElement","getNavId","props","value","Epic","withAdaptivity","displayName"],"sources":["../../../../src/components/Epic/Epic.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withAdaptivity, ViewWidth } from \"../../hoc/withAdaptivity\";\nimport { ScrollSaver } from \"./ScrollSaver\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport { SMALL_TABLET_SIZE } from \"../AdaptivityProvider/AdaptivityProvider\";\nimport \"./Epic.css\";\n\nexport interface EpicProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    AdaptivityProps {\n  tabbar?: React.ReactNode;\n  activeStory: string;\n}\n\nconst warn = warnOnce(\"Epic\");\n\nconst EpicComponent = ({\n  activeStory,\n  tabbar,\n  children,\n  viewWidth,\n  ...restProps\n}: EpicProps & AdaptivityContextInterface) => {\n  const scroll = React.useRef<{ [key: string]: number }>({}).current;\n\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    !tabbar &&\n    viewWidth < ViewWidth.SMALL_TABLET\n  ) {\n    warn(\n      `Не рекомендуется использовать Epic без Tabbar при ширине окна меньше ${SMALL_TABLET_SIZE}px`\n    );\n  }\n  const story =\n    (React.Children.toArray(children).find(\n      (story) =>\n        React.isValidElement(story) &&\n        getNavId(story.props, warn) === activeStory\n    ) as React.ReactElement | undefined) ?? null;\n\n  return (\n    <div {...restProps} vkuiClass=\"Epic\">\n      <ScrollSaver\n        key={activeStory}\n        initialScroll={scroll[activeStory] || 0}\n        saveScroll={(value) => (scroll[activeStory] = value)}\n      >\n        {story}\n      </ScrollSaver>\n      {tabbar}\n    </div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Epic\n */\nexport const Epic = withAdaptivity(EpicComponent, {\n  viewWidth: true,\n});\n\nEpic.displayName = \"Epic\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAKA;;;AAUA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,MAAT,CAAb;;AAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAMwB;EAAA;;EAAA,IAL5CC,WAK4C,QAL5CA,WAK4C;EAAA,IAJ5CC,MAI4C,QAJ5CA,MAI4C;EAAA,IAH5CC,QAG4C,QAH5CA,QAG4C;EAAA,IAF5CC,SAE4C,QAF5CA,SAE4C;EAAA,IADzCC,SACyC;EAC5C,IAAMC,MAAM,GAAGC,KAAK,CAACC,MAAN,CAAwC,EAAxC,EAA4CC,OAA3D;;EAEA,IACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,CAACV,MADD,IAEAE,SAAS,GAAGS,yBAAA,CAAUC,YAHxB,EAIE;IACAhB,IAAI,qUACsEiB,qCADtE,QAAJ;EAGD;;EACD,IAAMC,KAAK,YACRT,KAAK,CAACU,QAAN,CAAeC,OAAf,CAAuBf,QAAvB,EAAiCgB,IAAjC,CACC,UAACH,KAAD;IAAA,OACE,aAAAT,KAAK,CAACa,cAAN,CAAqBJ,KAArB,KACA,IAAAK,kBAAA,EAASL,KAAK,CAACM,KAAf,EAAsBxB,IAAtB,MAAgCG,WAFlC;EAAA,CADD,CADQ,yCAK+B,IAL1C;EAOA,OACE,uEAASI,SAAT;IAAoB,SAAS,EAAC;EAA9B,IACE,qCAAC,wBAAD;IACE,GAAG,EAAEJ,WADP;IAEE,aAAa,EAAEK,MAAM,CAACL,WAAD,CAAN,IAAuB,CAFxC;IAGE,UAAU,EAAE,oBAACsB,KAAD;MAAA,OAAYjB,MAAM,CAACL,WAAD,CAAN,GAAsBsB,KAAlC;IAAA;EAHd,GAKGP,KALH,CADF,EAQGd,MARH,CADF;AAYD,CArCD;AAuCA;AACA;AACA;;;AACO,IAAMsB,IAAI,GAAG,IAAAC,8BAAA,EAAezB,aAAf,EAA8B;EAChDI,SAAS,EAAE;AADqC,CAA9B,CAAb;;AAIPoB,IAAI,CAACE,WAAL,GAAmB,MAAnB"}

package/dist/cjs/components/Epic/ScrollSaver.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Epic/ScrollSaver.tsx"],"names":["ScrollSaver","children","initialScroll","saveScroll","React","useContext","ScrollContext","getScroll","scrollTo","y"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAQA;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAIH;AAAA,MAHtBC,QAGsB,QAHtBA,QAGsB;AAAA,MAFtBC,aAEsB,QAFtBA,aAEsB;AAAA,MADtBC,UACsB,QADtBA,UACsB;;AACtB,0BAAgCC,KAAK,CAACC,UAAN,CAAiBC,4BAAjB,CAAhC;AAAA,MAAQC,SAAR,qBAAQA,SAAR;AAAA,MAAmBC,QAAnB,qBAAmBA,QAAnB;;AACA,4DAA0B,YAAM;AAC9B,QAAI,OAAON,aAAP,KAAyB,QAA7B,EAAuC;AACrCM,MAAAA,QAAQ,CAAC,CAAD,EAAIN,aAAJ,CAAR;AACD;;AACD,WAAO;AAAA,aAAMC,UAAU,CAACI,SAAS,GAAGE,CAAb,CAAhB;AAAA,KAAP;AACD,GALD,EAKG,EALH;AAMA,SAAO,qCAAC,KAAD,CAAO,QAAP,QAAiBR,QAAjB,CAAP;AACD,CAbM","sourcesContent":["import * as React from \"react\";\nimport { ScrollContext } from \"../AppRoot/ScrollContext\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\n\nexport interface ScrollSaverProps {\n  initialScroll?: number;\n  saveScroll: (scroll: number) => any;\n  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ScrollSaver\n */\nexport const ScrollSaver = ({\n  children,\n  initialScroll,\n  saveScroll,\n}: ScrollSaverProps) => {\n  const { getScroll, scrollTo } = React.useContext(ScrollContext);\n  useIsomorphicLayoutEffect(() => {\n    if (typeof initialScroll === \"number\") {\n      scrollTo(0, initialScroll);\n    }\n    return () => saveScroll(getScroll().y);\n  }, []);\n  return <React.Fragment>{children}</React.Fragment>;\n};\n"],"file":"ScrollSaver.js"}
+{"version":3,"file":"ScrollSaver.js","names":["ScrollSaver","children","initialScroll","saveScroll","React","useContext","ScrollContext","getScroll","scrollTo","useIsomorphicLayoutEffect","y"],"sources":["../../../../src/components/Epic/ScrollSaver.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ScrollContext } from \"../AppRoot/ScrollContext\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\n\nexport interface ScrollSaverProps {\n  initialScroll?: number;\n  saveScroll: (scroll: number) => any;\n  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ScrollSaver\n */\nexport const ScrollSaver = ({\n  children,\n  initialScroll,\n  saveScroll,\n}: ScrollSaverProps) => {\n  const { getScroll, scrollTo } = React.useContext(ScrollContext);\n  useIsomorphicLayoutEffect(() => {\n    if (typeof initialScroll === \"number\") {\n      scrollTo(0, initialScroll);\n    }\n    return () => saveScroll(getScroll().y);\n  }, []);\n  return <React.Fragment>{children}</React.Fragment>;\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAQA;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAIH;EAAA,IAHtBC,QAGsB,QAHtBA,QAGsB;EAAA,IAFtBC,aAEsB,QAFtBA,aAEsB;EAAA,IADtBC,UACsB,QADtBA,UACsB;;EACtB,wBAAgCC,KAAK,CAACC,UAAN,CAAiBC,4BAAjB,CAAhC;EAAA,IAAQC,SAAR,qBAAQA,SAAR;EAAA,IAAmBC,QAAnB,qBAAmBA,QAAnB;;EACA,IAAAC,oDAAA,EAA0B,YAAM;IAC9B,IAAI,OAAOP,aAAP,KAAyB,QAA7B,EAAuC;MACrCM,QAAQ,CAAC,CAAD,EAAIN,aAAJ,CAAR;IACD;;IACD,OAAO;MAAA,OAAMC,UAAU,CAACI,SAAS,GAAGG,CAAb,CAAhB;IAAA,CAAP;EACD,CALD,EAKG,EALH;EAMA,OAAO,qCAAC,KAAD,CAAO,QAAP,QAAiBT,QAAjB,CAAP;AACD,CAbM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/File/File.tsx"],"names":["File","children","align","controlSize","size","mode","stretched","before","after","loading","className","style","getRef","getRootRef","appearance","restProps","platform","disabled"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;AACA;;;;AAaA;AACA;AACA;AACO,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAiBH;AAAA,2BAhBfC,QAgBe;AAAA,MAhBfA,QAgBe,8BAhBJ,eAgBI;AAAA,wBAffC,KAee;AAAA,MAffA,KAee,2BAfP,MAeO;AAAA,MAbfC,WAae,QAbfA,WAae;AAAA,MAZfC,IAYe,QAZfA,IAYe;AAAA,MAXfC,IAWe,QAXfA,IAWe;AAAA,MAVfC,SAUe,QAVfA,SAUe;AAAA,MATfC,MASe,QATfA,MASe;AAAA,MARfC,KAQe,QARfA,KAQe;AAAA,MAPfC,OAOe,QAPfA,OAOe;AAAA,MANfC,SAMe,QANfA,SAMe;AAAA,MALfC,KAKe,QALfA,KAKe;AAAA,MAJfC,MAIe,QAJfA,MAIe;AAAA,MAHfC,UAGe,QAHfA,UAGe;AAAA,MAFfC,UAEe,QAFfA,UAEe;AAAA,MADZC,SACY;AACf,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,qCAAC,cAAD;AACE,IAAA,SAAS,EAAC,OADZ;AAEE,IAAA,KAAK,EAAEd,KAFT;AAGE,IAAA,SAAS,EAAE,gCAAa,MAAb,EAAqBc,QAArB,CAHb;AAIE,IAAA,SAAS,EAAEN,SAJb;AAKE,IAAA,SAAS,EAAEJ,SALb;AAME,IAAA,IAAI,EAAED,IANR;AAOE,IAAA,UAAU,EAAES,UAPd,CAQE;AARF;AASE,IAAA,IAAI,EAAEV,IAAF,aAAEA,IAAF,cAAEA,IAAF,GAAUD,WAThB;AAUE,IAAA,MAAM,EAAEI,MAVV;AAWE,IAAA,KAAK,EAAEC,KAXT;AAYE,IAAA,OAAO,EAAEC,OAZX;AAaE,IAAA,KAAK,EAAEE,KAbT;AAcE,IAAA,UAAU,EAAEE,UAdd;AAeE,IAAA,QAAQ,EAAEE,SAAS,CAACE;AAftB,KAiBE,qCAAC,wCAAD,6BACMF,SADN;AAEE,IAAA,SAAS,EAAC,aAFZ;AAGE,IAAA,IAAI,EAAC,MAHP;AAIE,IAAA,MAAM,EAAEH;AAJV,KAjBF,EAuBGX,QAvBH,CADF;AA2BD,CA/CM","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { Button, VKUIButtonProps } from \"../Button/Button\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { VisuallyHiddenInput } from \"../VisuallyHiddenInput/VisuallyHiddenInput\";\n\nexport interface FileProps\n  extends Omit<VKUIButtonProps, \"type\">,\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"type\" | \"size\">,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLElement> {\n  /**\n   * @deprecated Будет удалено в 5.0.0. Используйте size\n   */\n  controlSize?: VKUIButtonProps[\"size\"];\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/File\n */\nexport const File = ({\n  children = \"Выберите файл\",\n  align = \"left\",\n  // TODO: v5.0.0 удалить controlSize\n  controlSize,\n  size,\n  mode,\n  stretched,\n  before,\n  after,\n  loading,\n  className,\n  style,\n  getRef,\n  getRootRef,\n  appearance,\n  ...restProps\n}: FileProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Button\n      Component=\"label\"\n      align={align}\n      vkuiClass={getClassName(\"File\", platform)}\n      className={className}\n      stretched={stretched}\n      mode={mode}\n      appearance={appearance}\n      // TODO: v5.0.0 удалить controlSize\n      size={size ?? controlSize}\n      before={before}\n      after={after}\n      loading={loading}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={restProps.disabled}\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        vkuiClass=\"File__input\"\n        type=\"file\"\n        getRef={getRef}\n      />\n      {children}\n    </Button>\n  );\n};\n"],"file":"File.js"}
+{"version":3,"file":"File.js","names":["File","children","align","controlSize","size","mode","stretched","before","after","loading","className","style","getRef","getRootRef","appearance","restProps","platform","usePlatform","getClassName","disabled"],"sources":["../../../../src/components/File/File.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { Button, VKUIButtonProps } from \"../Button/Button\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { VisuallyHiddenInput } from \"../VisuallyHiddenInput/VisuallyHiddenInput\";\n\nexport interface FileProps\n  extends Omit<VKUIButtonProps, \"type\">,\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"type\" | \"size\">,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLElement> {\n  /**\n   * @deprecated Будет удалено в 5.0.0. Используйте size\n   */\n  controlSize?: VKUIButtonProps[\"size\"];\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/File\n */\nexport const File = ({\n  children = \"Выберите файл\",\n  align = \"left\",\n  // TODO: v5.0.0 удалить controlSize\n  controlSize,\n  size,\n  mode,\n  stretched,\n  before,\n  after,\n  loading,\n  className,\n  style,\n  getRef,\n  getRootRef,\n  appearance,\n  ...restProps\n}: FileProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Button\n      Component=\"label\"\n      align={align}\n      vkuiClass={getClassName(\"File\", platform)}\n      className={className}\n      stretched={stretched}\n      mode={mode}\n      appearance={appearance}\n      // TODO: v5.0.0 удалить controlSize\n      size={size ?? controlSize}\n      before={before}\n      after={after}\n      loading={loading}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={restProps.disabled}\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        vkuiClass=\"File__input\"\n        type=\"file\"\n        getRef={getRef}\n      />\n      {children}\n    </Button>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;AACA;;;;AAaA;AACA;AACA;AACO,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAiBH;EAAA,yBAhBfC,QAgBe;EAAA,IAhBfA,QAgBe,8BAhBJ,eAgBI;EAAA,sBAffC,KAee;EAAA,IAffA,KAee,2BAfP,MAeO;EAAA,IAbfC,WAae,QAbfA,WAae;EAAA,IAZfC,IAYe,QAZfA,IAYe;EAAA,IAXfC,IAWe,QAXfA,IAWe;EAAA,IAVfC,SAUe,QAVfA,SAUe;EAAA,IATfC,MASe,QATfA,MASe;EAAA,IARfC,KAQe,QARfA,KAQe;EAAA,IAPfC,OAOe,QAPfA,OAOe;EAAA,IANfC,SAMe,QANfA,SAMe;EAAA,IALfC,KAKe,QALfA,KAKe;EAAA,IAJfC,MAIe,QAJfA,MAIe;EAAA,IAHfC,UAGe,QAHfA,UAGe;EAAA,IAFfC,UAEe,QAFfA,UAEe;EAAA,IADZC,SACY;EACf,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,OACE,qCAAC,cAAD;IACE,SAAS,EAAC,OADZ;IAEE,KAAK,EAAEf,KAFT;IAGE,SAAS,EAAE,IAAAgB,0BAAA,EAAa,MAAb,EAAqBF,QAArB,CAHb;IAIE,SAAS,EAAEN,SAJb;IAKE,SAAS,EAAEJ,SALb;IAME,IAAI,EAAED,IANR;IAOE,UAAU,EAAES,UAPd,CAQE;IARF;IASE,IAAI,EAAEV,IAAF,aAAEA,IAAF,cAAEA,IAAF,GAAUD,WAThB;IAUE,MAAM,EAAEI,MAVV;IAWE,KAAK,EAAEC,KAXT;IAYE,OAAO,EAAEC,OAZX;IAaE,KAAK,EAAEE,KAbT;IAcE,UAAU,EAAEE,UAdd;IAeE,QAAQ,EAAEE,SAAS,CAACI;EAftB,GAiBE,qCAAC,wCAAD,6BACMJ,SADN;IAEE,SAAS,EAAC,aAFZ;IAGE,IAAI,EAAC,MAHP;IAIE,MAAM,EAAEH;EAJV,GAjBF,EAuBGX,QAvBH,CADF;AA2BD,CA/CM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FixedLayout/FixedLayout.tsx"],"names":["FixedLayout","children","style","vertical","getRootRef","getRef","filled","restProps","platform","React","useState","undefined","width","setWidth","window","useContext","SplitColContext","colRef","doResize","current","offsetWidth","useEffect","IOS"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAsBA;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAQH;AAAA,MAPtBC,QAOsB,QAPtBA,QAOsB;AAAA,MANtBC,KAMsB,QANtBA,KAMsB;AAAA,MALtBC,QAKsB,QALtBA,QAKsB;AAAA,MAJtBC,UAIsB,QAJtBA,UAIsB;AAAA,MAHtBC,MAGsB,QAHtBA,MAGsB;AAAA,MAFtBC,MAEsB,QAFtBA,MAEsB;AAAA,MADnBC,SACmB;AACtB,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,wBAA0BC,KAAK,CAACC,QAAN,CAAmCC,SAAnC,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AACA,gBAAmB,kBAAnB;AAAA,MAAQC,MAAR,WAAQA,MAAR;;AACA,0BAAmBL,KAAK,CAACM,UAAN,CAAiBC,yBAAjB,CAAnB;AAAA,MAAQC,MAAR,qBAAQA,MAAR;;AACA,MAAMC,QAAQ,GAAG,SAAXA,QAAW;AAAA,WACfL,QAAQ,CAACI,MAAM,SAAN,IAAAA,MAAM,WAAN,IAAAA,MAAM,CAAEE,OAAR,aAAqBF,MAAM,CAACE,OAAP,CAAeC,WAApC,UAAsDT,SAAvD,CADO;AAAA,GAAjB;;AAEAF,EAAAA,KAAK,CAACY,SAAN,CAAgBH,QAAhB,EAA0B,CAACD,MAAD,CAA1B;AACA,sDAAuBH,MAAvB,EAA+B,QAA/B,EAAyCI,QAAzC;AAEA,SACE,qCAAC,kCAAD,6BACMX,SADN;AAEE,IAAA,KAAK,MAFP;AAGE,IAAA,GAAG,EAAEH,UAHP;AAIE,IAAA,SAAS,EAAE,4BACT,aADS,EAETI,QAAQ,KAAKc,aAAb,IAAoB,kBAFX,EAGThB,MAAM,IAAI,qBAHD,yBAIOH,QAJP,EAJb;AAUE,IAAA,KAAK,8DAAOD,KAAP;AAAcU,MAAAA,KAAK,EAALA;AAAd;AAVP,MAYE;AAAK,IAAA,SAAS,EAAC,iBAAf;AAAiC,IAAA,GAAG,EAAEP;AAAtC,KACGJ,QADH,CAZF,CADF;AAkBD,CApCM","sourcesContent":["import * as React from \"react\";\nimport { IOS } from \"../../lib/platform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { SplitColContext } from \"../SplitCol/SplitCol\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./FixedLayout.css\";\n\nexport interface FixedLayoutProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  vertical?: \"top\" | \"bottom\";\n  /**\n   * Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.\n   * Это часто необходимо для фиксированных кнопок в нижней части экрана.\n   */\n  filled?: boolean;\n}\n\nexport interface FixedLayoutState {\n  position: \"absolute\" | null;\n  top: number;\n  bottom: number;\n  width: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FixedLayout\n */\nexport const FixedLayout = ({\n  children,\n  style,\n  vertical,\n  getRootRef,\n  getRef,\n  filled,\n  ...restProps\n}: FixedLayoutProps) => {\n  const platform = usePlatform();\n  const [width, setWidth] = React.useState<string | undefined>(undefined);\n  const { window } = useDOM();\n  const { colRef } = React.useContext(SplitColContext);\n  const doResize = () =>\n    setWidth(colRef?.current ? `${colRef.current.offsetWidth}px` : undefined);\n  React.useEffect(doResize, [colRef]);\n  useGlobalEventListener(window, \"resize\", doResize);\n\n  return (\n    <TooltipContainer\n      {...restProps}\n      fixed\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"FixedLayout\",\n        platform === IOS && \"FixedLayout--ios\",\n        filled && \"FixedLayout--filled\",\n        `FixedLayout--${vertical}`\n      )}\n      style={{ ...style, width }}\n    >\n      <div vkuiClass=\"FixedLayout__in\" ref={getRef}>\n        {children}\n      </div>\n    </TooltipContainer>\n  );\n};\n"],"file":"FixedLayout.js"}
+{"version":3,"file":"FixedLayout.js","names":["FixedLayout","children","style","vertical","getRootRef","getRef","filled","restProps","platform","usePlatform","React","useState","undefined","width","setWidth","useDOM","window","useContext","SplitColContext","colRef","doResize","current","offsetWidth","useEffect","useGlobalEventListener","classNames","IOS"],"sources":["../../../../src/components/FixedLayout/FixedLayout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { IOS } from \"../../lib/platform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { SplitColContext } from \"../SplitCol/SplitCol\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./FixedLayout.css\";\n\nexport interface FixedLayoutProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  vertical?: \"top\" | \"bottom\";\n  /**\n   * Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.\n   * Это часто необходимо для фиксированных кнопок в нижней части экрана.\n   */\n  filled?: boolean;\n}\n\nexport interface FixedLayoutState {\n  position: \"absolute\" | null;\n  top: number;\n  bottom: number;\n  width: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FixedLayout\n */\nexport const FixedLayout = ({\n  children,\n  style,\n  vertical,\n  getRootRef,\n  getRef,\n  filled,\n  ...restProps\n}: FixedLayoutProps) => {\n  const platform = usePlatform();\n  const [width, setWidth] = React.useState<string | undefined>(undefined);\n  const { window } = useDOM();\n  const { colRef } = React.useContext(SplitColContext);\n  const doResize = () =>\n    setWidth(colRef?.current ? `${colRef.current.offsetWidth}px` : undefined);\n  React.useEffect(doResize, [colRef]);\n  useGlobalEventListener(window, \"resize\", doResize);\n\n  return (\n    <TooltipContainer\n      {...restProps}\n      fixed\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"FixedLayout\",\n        platform === IOS && \"FixedLayout--ios\",\n        filled && \"FixedLayout--filled\",\n        `FixedLayout--${vertical}`\n      )}\n      style={{ ...style, width }}\n    >\n      <div vkuiClass=\"FixedLayout__in\" ref={getRef}>\n        {children}\n      </div>\n    </TooltipContainer>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAsBA;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAQH;EAAA,IAPtBC,QAOsB,QAPtBA,QAOsB;EAAA,IANtBC,KAMsB,QANtBA,KAMsB;EAAA,IALtBC,QAKsB,QALtBA,QAKsB;EAAA,IAJtBC,UAIsB,QAJtBA,UAIsB;EAAA,IAHtBC,MAGsB,QAHtBA,MAGsB;EAAA,IAFtBC,MAEsB,QAFtBA,MAEsB;EAAA,IADnBC,SACmB;EACtB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,sBAA0BC,KAAK,CAACC,QAAN,CAAmCC,SAAnC,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EACA,cAAmB,IAAAC,WAAA,GAAnB;EAAA,IAAQC,MAAR,WAAQA,MAAR;;EACA,wBAAmBN,KAAK,CAACO,UAAN,CAAiBC,yBAAjB,CAAnB;EAAA,IAAQC,MAAR,qBAAQA,MAAR;;EACA,IAAMC,QAAQ,GAAG,SAAXA,QAAW;IAAA,OACfN,QAAQ,CAACK,MAAM,SAAN,IAAAA,MAAM,WAAN,IAAAA,MAAM,CAAEE,OAAR,aAAqBF,MAAM,CAACE,OAAP,CAAeC,WAApC,UAAsDV,SAAvD,CADO;EAAA,CAAjB;;EAEAF,KAAK,CAACa,SAAN,CAAgBH,QAAhB,EAA0B,CAACD,MAAD,CAA1B;EACA,IAAAK,8CAAA,EAAuBR,MAAvB,EAA+B,QAA/B,EAAyCI,QAAzC;EAEA,OACE,qCAAC,kCAAD,6BACMb,SADN;IAEE,KAAK,MAFP;IAGE,GAAG,EAAEH,UAHP;IAIE,SAAS,EAAE,IAAAqB,sBAAA,EACT,aADS,EAETjB,QAAQ,KAAKkB,aAAb,IAAoB,kBAFX,EAGTpB,MAAM,IAAI,qBAHD,yBAIOH,QAJP,EAJb;IAUE,KAAK,8DAAOD,KAAP;MAAcW,KAAK,EAALA;IAAd;EAVP,IAYE;IAAK,SAAS,EAAC,iBAAf;IAAiC,GAAG,EAAER;EAAtC,GACGJ,QADH,CAZF,CADF;AAkBD,CApCM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FocusTrap/FocusTrap.tsx"],"names":["FOCUSABLE_ELEMENTS","FOCUSABLE_ELEMENTS_LIST","join","FocusTrap","Component","onClose","restoreFocus","timeout","getRootRef","children","restProps","ref","document","window","React","useState","focusableNodes","setFocusableNodes","restoreFocusTo","setRestoreFocusTo","useContext","AppRootContext","keyboardInput","focusOnTrapMount","current","contains","activeElement","length","focus","set","nodes","Array","prototype","forEach","call","querySelectorAll","focusableEl","getComputedStyle","display","visibility","push","focusOnTrapUnmount","onDocumentKeydown","e","Keys","TAB","lastIdx","targetIdx","findIndex","node","target","shouldFocusFirstNode","shiftKey","preventDefault","ESCAPE","capture"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport {\n  FOCUSABLE_ELEMENTS_LIST,\n  Keys,\n  pressedKey,\n} from \"../../lib/accessibility\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { AppRootContext } from \"../AppRoot/AppRootContext\";\n\nconst FOCUSABLE_ELEMENTS: string = FOCUSABLE_ELEMENTS_LIST.join();\n\nexport interface FocusTrapProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  restoreFocus?: boolean;\n  timeout?: number;\n  onClose?(): void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FocusTrap\n */\nexport const FocusTrap = ({\n  Component = \"div\",\n  onClose,\n  restoreFocus = true,\n  timeout = 0,\n  getRootRef,\n  children,\n  ...restProps\n}: FocusTrapProps) => {\n  const ref = useExternRef<HTMLElement>(getRootRef);\n\n  const { document, window } = useDOM();\n\n  const [focusableNodes, setFocusableNodes] = React.useState<\n    HTMLElement[] | null\n  >(null);\n  const [restoreFocusTo, setRestoreFocusTo] =\n    React.useState<HTMLElement | null>(null);\n\n  // HANDLE TRAP MOUNT\n\n  const { keyboardInput } = React.useContext(AppRootContext);\n  const focusOnTrapMount = useTimeout(() => {\n    if (\n      keyboardInput &&\n      !ref.current?.contains(document!.activeElement) &&\n      focusableNodes?.length\n    ) {\n      focusableNodes[0].focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    focusOnTrapMount.set();\n  }, []);\n\n  // HANDLE FOCUSABLE NODES\n\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) {\n      return;\n    }\n\n    const nodes: HTMLElement[] = [];\n    Array.prototype.forEach.call(\n      // eslint-disable-next-line no-restricted-properties\n      ref.current.querySelectorAll(FOCUSABLE_ELEMENTS),\n      (focusableEl: Element) => {\n        const { display, visibility } = window!.getComputedStyle(focusableEl);\n\n        if (display !== \"none\" && visibility !== \"hidden\") {\n          nodes.push(focusableEl as HTMLElement);\n        }\n      }\n    );\n\n    if (nodes.length === 0) {\n      // Чтобы фокус был хотя бы на родителе\n      nodes.push(ref.current);\n    }\n\n    setFocusableNodes(nodes);\n  }, [children]);\n\n  // HANDLE TRAP UNMOUNT\n\n  const focusOnTrapUnmount = useTimeout(() => {\n    if (restoreFocusTo) {\n      restoreFocusTo.focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    if (restoreFocus && document!.activeElement) {\n      setRestoreFocusTo(document!.activeElement as HTMLElement);\n\n      return () => {\n        focusOnTrapUnmount.set();\n      };\n    }\n\n    return;\n  }, [restoreFocus]);\n\n  const onDocumentKeydown = (e: KeyboardEvent) => {\n    if (pressedKey(e) === Keys.TAB && focusableNodes?.length) {\n      const lastIdx = focusableNodes.length - 1;\n      const targetIdx = focusableNodes.findIndex((node) => node === e.target);\n\n      const shouldFocusFirstNode =\n        targetIdx === -1 || (targetIdx === lastIdx && !e.shiftKey);\n\n      if (shouldFocusFirstNode || (targetIdx === 0 && e.shiftKey)) {\n        e.preventDefault();\n\n        const node = focusableNodes[shouldFocusFirstNode ? 0 : lastIdx];\n\n        if (node !== document!.activeElement) {\n          node.focus();\n        }\n\n        return false;\n      }\n    }\n\n    if (onClose && pressedKey(e) === Keys.ESCAPE) {\n      onClose();\n    }\n\n    return true;\n  };\n  useGlobalEventListener(document, \"keydown\", onDocumentKeydown, {\n    capture: true,\n  });\n\n  return (\n    <Component tabIndex={-1} ref={ref} {...restProps}>\n      {children}\n    </Component>\n  );\n};\n"],"file":"FocusTrap.js"}
+{"version":3,"file":"FocusTrap.js","names":["FOCUSABLE_ELEMENTS","FOCUSABLE_ELEMENTS_LIST","join","FocusTrap","Component","onClose","restoreFocus","timeout","getRootRef","children","restProps","ref","useExternRef","useDOM","document","window","React","useState","focusableNodes","setFocusableNodes","restoreFocusTo","setRestoreFocusTo","useContext","AppRootContext","keyboardInput","focusOnTrapMount","useTimeout","current","contains","activeElement","length","focus","useIsomorphicLayoutEffect","set","nodes","Array","prototype","forEach","call","querySelectorAll","focusableEl","getComputedStyle","display","visibility","push","focusOnTrapUnmount","onDocumentKeydown","e","pressedKey","Keys","TAB","lastIdx","targetIdx","findIndex","node","target","shouldFocusFirstNode","shiftKey","preventDefault","ESCAPE","useGlobalEventListener","capture"],"sources":["../../../../src/components/FocusTrap/FocusTrap.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport {\n  FOCUSABLE_ELEMENTS_LIST,\n  Keys,\n  pressedKey,\n} from \"../../lib/accessibility\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { AppRootContext } from \"../AppRoot/AppRootContext\";\n\nconst FOCUSABLE_ELEMENTS: string = FOCUSABLE_ELEMENTS_LIST.join();\n\nexport interface FocusTrapProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  restoreFocus?: boolean;\n  timeout?: number;\n  onClose?(): void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FocusTrap\n */\nexport const FocusTrap = ({\n  Component = \"div\",\n  onClose,\n  restoreFocus = true,\n  timeout = 0,\n  getRootRef,\n  children,\n  ...restProps\n}: FocusTrapProps) => {\n  const ref = useExternRef<HTMLElement>(getRootRef);\n\n  const { document, window } = useDOM();\n\n  const [focusableNodes, setFocusableNodes] = React.useState<\n    HTMLElement[] | null\n  >(null);\n  const [restoreFocusTo, setRestoreFocusTo] =\n    React.useState<HTMLElement | null>(null);\n\n  // HANDLE TRAP MOUNT\n\n  const { keyboardInput } = React.useContext(AppRootContext);\n  const focusOnTrapMount = useTimeout(() => {\n    if (\n      keyboardInput &&\n      !ref.current?.contains(document!.activeElement) &&\n      focusableNodes?.length\n    ) {\n      focusableNodes[0].focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    focusOnTrapMount.set();\n  }, []);\n\n  // HANDLE FOCUSABLE NODES\n\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) {\n      return;\n    }\n\n    const nodes: HTMLElement[] = [];\n    Array.prototype.forEach.call(\n      // eslint-disable-next-line no-restricted-properties\n      ref.current.querySelectorAll(FOCUSABLE_ELEMENTS),\n      (focusableEl: Element) => {\n        const { display, visibility } = window!.getComputedStyle(focusableEl);\n\n        if (display !== \"none\" && visibility !== \"hidden\") {\n          nodes.push(focusableEl as HTMLElement);\n        }\n      }\n    );\n\n    if (nodes.length === 0) {\n      // Чтобы фокус был хотя бы на родителе\n      nodes.push(ref.current);\n    }\n\n    setFocusableNodes(nodes);\n  }, [children]);\n\n  // HANDLE TRAP UNMOUNT\n\n  const focusOnTrapUnmount = useTimeout(() => {\n    if (restoreFocusTo) {\n      restoreFocusTo.focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    if (restoreFocus && document!.activeElement) {\n      setRestoreFocusTo(document!.activeElement as HTMLElement);\n\n      return () => {\n        focusOnTrapUnmount.set();\n      };\n    }\n\n    return;\n  }, [restoreFocus]);\n\n  const onDocumentKeydown = (e: KeyboardEvent) => {\n    if (pressedKey(e) === Keys.TAB && focusableNodes?.length) {\n      const lastIdx = focusableNodes.length - 1;\n      const targetIdx = focusableNodes.findIndex((node) => node === e.target);\n\n      const shouldFocusFirstNode =\n        targetIdx === -1 || (targetIdx === lastIdx && !e.shiftKey);\n\n      if (shouldFocusFirstNode || (targetIdx === 0 && e.shiftKey)) {\n        e.preventDefault();\n\n        const node = focusableNodes[shouldFocusFirstNode ? 0 : lastIdx];\n\n        if (node !== document!.activeElement) {\n          node.focus();\n        }\n\n        return false;\n      }\n    }\n\n    if (onClose && pressedKey(e) === Keys.ESCAPE) {\n      onClose();\n    }\n\n    return true;\n  };\n  useGlobalEventListener(document, \"keydown\", onDocumentKeydown, {\n    capture: true,\n  });\n\n  return (\n    <Component tabIndex={-1} ref={ref} {...restProps}>\n      {children}\n    </Component>\n  );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FocusVisible/FocusVisible.tsx"],"names":["FocusVisible","mode"],"mappings":";;;;;;;;;AAAA;;AASA;AACA;AACA;AACO,IAAMA,YAAY,GAAG,SAAfA,YAAe;AAAA,MAAGC,IAAH,QAAGA,IAAH;AAAA,SAC1B;AACE,mBAAY,MADd;AAEE,IAAA,SAAS,EAAE,4BAAW,cAAX,0BAA4CA,IAA5C;AAFb,IAD0B;AAAA,CAArB","sourcesContent":["import { classNames } from \"../../lib/classNames\";\nimport \"./FocusVisible.css\";\n\nexport type FocusVisibleMode = \"inside\" | \"outside\";\n\nexport interface FocusVisibleProps {\n  mode: FocusVisibleMode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FocusVisible\n */\nexport const FocusVisible = ({ mode }: FocusVisibleProps) => (\n  <span\n    aria-hidden=\"true\"\n    vkuiClass={classNames(\"FocusVisible\", `FocusVisible--${mode}`)}\n  />\n);\n"],"file":"FocusVisible.js"}
+{"version":3,"file":"FocusVisible.js","names":["FocusVisible","mode","classNames"],"sources":["../../../../src/components/FocusVisible/FocusVisible.tsx"],"sourcesContent":["import { classNames } from \"../../lib/classNames\";\nimport \"./FocusVisible.css\";\n\nexport type FocusVisibleMode = \"inside\" | \"outside\";\n\nexport interface FocusVisibleProps {\n  mode: FocusVisibleMode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FocusVisible\n */\nexport const FocusVisible = ({ mode }: FocusVisibleProps) => (\n  <span\n    aria-hidden=\"true\"\n    vkuiClass={classNames(\"FocusVisible\", `FocusVisible--${mode}`)}\n  />\n);\n"],"mappings":";;;;;;;;;AAAA;;AASA;AACA;AACA;AACO,IAAMA,YAAY,GAAG,SAAfA,YAAe;EAAA,IAAGC,IAAH,QAAGA,IAAH;EAAA,OAC1B;IACE,eAAY,MADd;IAEE,SAAS,EAAE,IAAAC,sBAAA,EAAW,cAAX,0BAA4CD,IAA5C;EAFb,EAD0B;AAAA,CAArB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Footer/Footer.tsx"],"names":["Footer","children","restProps"],"mappings":";;;;;;;;;;;;;;;AAEA;;;;AAKA;AACA;AACA;AACO,IAAMA,MAAM,GAAG,SAATA,MAAS,OAA6C;AAAA,MAA1CC,QAA0C,QAA1CA,QAA0C;AAAA,MAA7BC,SAA6B;AACjE,SACE,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAgCA,SAAhC;AAA2C,IAAA,SAAS,EAAC;AAArD,MACGD,QADH,CADF;AAKD,CANM","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../types\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport \"./Footer.css\";\n\nexport type FooterProps = React.AllHTMLAttributes<HTMLElement> & HasComponent;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Footer\n */\nexport const Footer = ({ children, ...restProps }: FooterProps) => {\n  return (\n    <Caption Component=\"footer\" {...restProps} vkuiClass=\"Footer\">\n      {children}\n    </Caption>\n  );\n};\n"],"file":"Footer.js"}
+{"version":3,"file":"Footer.js","names":["Footer","children","restProps"],"sources":["../../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../types\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport \"./Footer.css\";\n\nexport type FooterProps = React.AllHTMLAttributes<HTMLElement> & HasComponent;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Footer\n */\nexport const Footer = ({ children, ...restProps }: FooterProps) => {\n  return (\n    <Caption Component=\"footer\" {...restProps} vkuiClass=\"Footer\">\n      {children}\n    </Caption>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAEA;;;;AAKA;AACA;AACA;AACO,IAAMA,MAAM,GAAG,SAATA,MAAS,OAA6C;EAAA,IAA1CC,QAA0C,QAA1CA,QAA0C;EAAA,IAA7BC,SAA6B;EACjE,OACE,qCAAC,gBAAD;IAAS,SAAS,EAAC;EAAnB,GAAgCA,SAAhC;IAA2C,SAAS,EAAC;EAArD,IACGD,QADH,CADF;AAKD,CANM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FormField/FormField.tsx"],"names":["FormFieldMode","default","plain","FormField","Component","status","children","getRootRef","before","after","disabled","mode","restProps","sizeY","React","useState","hover","setHover","handleMouseEnter","e","stopPropagation","handleMouseLeave"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;;AAGO,IAAMA,aAAa,GAAG;AAC3BC,EAAAA,OAAO,EAAE,SADkB;AAE3BC,EAAAA,KAAK,EAAE;AAFoB,CAAtB;;;AAoCP;AACA;AACA;AACO,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAUA;AAAA,4BATvBC,SASuB;AAAA,MATvBA,SASuB,+BATX,KASW;AAAA,yBARvBC,MAQuB;AAAA,MARvBA,MAQuB,4BARd,SAQc;AAAA,MAPvBC,QAOuB,QAPvBA,QAOuB;AAAA,MANvBC,UAMuB,QANvBA,UAMuB;AAAA,MALvBC,MAKuB,QALvBA,MAKuB;AAAA,MAJvBC,KAIuB,QAJvBA,KAIuB;AAAA,MAHvBC,QAGuB,QAHvBA,QAGuB;AAAA,uBAFvBC,IAEuB;AAAA,MAFvBA,IAEuB,0BAFhBX,aAAa,CAACC,OAEE;AAAA,MADpBW,SACoB;;AACvB,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AACA,wBAA0BC,KAAK,CAACC,QAAN,CAAe,KAAf,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,CAAD,EAAmB;AAC1CA,IAAAA,CAAC,CAACC,eAAF;AACAH,IAAAA,QAAQ,CAAC,IAAD,CAAR;AACD,GAHD;;AAKA,MAAMI,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACF,CAAD,EAAmB;AAC1CA,IAAAA,CAAC,CAACC,eAAF;AACAH,IAAAA,QAAQ,CAAC,KAAD,CAAR;AACD,GAHD;;AAKA,SACE,qCAAC,SAAD;AACE,IAAA,IAAI,EAAC;AADP,KAEML,SAFN;AAGE,IAAA,GAAG,EAAEL,UAHP;AAIE,IAAA,YAAY,EAAEW,gBAJhB;AAKE,IAAA,YAAY,EAAEG,gBALhB;AAME,IAAA,SAAS,EAAE,4BACT,WADS,uBAEKV,IAFL,+BAGYN,MAHZ,8BAIWQ,KAJX,GAIoB;AAC7BH,IAAAA,QAAQ,IAAI,qBALH,EAMT,CAACA,QAAD,IAAaM,KAAb,IAAsB,kBANb;AANb,MAeGR,MAAM,IACL;AAAK,IAAA,IAAI,EAAC,cAAV;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGA,MADH,CAhBJ,EAoBGF,QApBH,EAqBGG,KAAK,IACJ;AAAK,IAAA,IAAI,EAAC,cAAV;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGA,KADH,CAtBJ,EA0BE;AAAK,IAAA,IAAI,EAAC,cAAV;AAAyB,IAAA,SAAS,EAAC;AAAnC,IA1BF,CADF;AA8BD,CAtDM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./FormField.css\";\n\nexport const FormFieldMode = {\n  default: \"default\",\n  plain: \"plain\",\n} as const;\n\nexport interface FormFieldProps {\n  status?: \"default\" | \"error\" | \"valid\";\n  /**\n   * Добавляет иконку слева.\n   *\n   * Рекомендации:\n   *\n   * - Используйте следующие размеры иконок `12` | `16` | `20` | `24` | `28`.\n   * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна кликабельная иконка.\n   */\n  before?: React.ReactNode;\n  /**\n   * Добавляет иконку справа.\n   *\n   * Рекомендации:\n   *\n   * - Используйте следующие размеры иконок `12` | `16` | `20` | `24` | `28`.\n   * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна кликабельная иконка.\n   */\n  after?: React.ReactNode;\n  mode?: keyof typeof FormFieldMode;\n}\n\ninterface FormFieldOwnProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent,\n    FormFieldProps {\n  disabled?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormField\n */\nexport const FormField = ({\n  Component = \"div\",\n  status = \"default\",\n  children,\n  getRootRef,\n  before,\n  after,\n  disabled,\n  mode = FormFieldMode.default,\n  ...restProps\n}: FormFieldOwnProps) => {\n  const { sizeY } = useAdaptivity();\n  const [hover, setHover] = React.useState(false);\n\n  const handleMouseEnter = (e: MouseEvent) => {\n    e.stopPropagation();\n    setHover(true);\n  };\n\n  const handleMouseLeave = (e: MouseEvent) => {\n    e.stopPropagation();\n    setHover(false);\n  };\n\n  return (\n    <Component\n      role=\"presentation\"\n      {...restProps}\n      ref={getRootRef}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      vkuiClass={classNames(\n        \"FormField\",\n        `FormField--${mode}`,\n        `FormField--status-${status}`,\n        `FormField--sizeY-${sizeY}`, // TODO v5.0.0 поправить под новую адаптивность\n        disabled && \"FormField--disabled\",\n        !disabled && hover && \"FormField--hover\"\n      )}\n    >\n      {before && (\n        <div role=\"presentation\" vkuiClass=\"FormField__before\">\n          {before}\n        </div>\n      )}\n      {children}\n      {after && (\n        <div role=\"presentation\" vkuiClass=\"FormField__after\">\n          {after}\n        </div>\n      )}\n      <div role=\"presentation\" vkuiClass=\"FormField__border\" />\n    </Component>\n  );\n};\n"],"file":"FormField.js"}
+{"version":3,"file":"FormField.js","names":["FormFieldMode","default","plain","FormField","Component","status","children","getRootRef","before","after","disabled","mode","restProps","useAdaptivity","sizeY","React","useState","hover","setHover","handleMouseEnter","e","stopPropagation","handleMouseLeave","classNames"],"sources":["../../../../src/components/FormField/FormField.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./FormField.css\";\n\nexport const FormFieldMode = {\n  default: \"default\",\n  plain: \"plain\",\n} as const;\n\nexport interface FormFieldProps {\n  status?: \"default\" | \"error\" | \"valid\";\n  /**\n   * Добавляет иконку слева.\n   *\n   * Рекомендации:\n   *\n   * - Используйте следующие размеры иконок `12` | `16` | `20` | `24` | `28`.\n   * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна кликабельная иконка.\n   */\n  before?: React.ReactNode;\n  /**\n   * Добавляет иконку справа.\n   *\n   * Рекомендации:\n   *\n   * - Используйте следующие размеры иконок `12` | `16` | `20` | `24` | `28`.\n   * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна кликабельная иконка.\n   */\n  after?: React.ReactNode;\n  mode?: keyof typeof FormFieldMode;\n}\n\ninterface FormFieldOwnProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent,\n    FormFieldProps {\n  disabled?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormField\n */\nexport const FormField = ({\n  Component = \"div\",\n  status = \"default\",\n  children,\n  getRootRef,\n  before,\n  after,\n  disabled,\n  mode = FormFieldMode.default,\n  ...restProps\n}: FormFieldOwnProps) => {\n  const { sizeY } = useAdaptivity();\n  const [hover, setHover] = React.useState(false);\n\n  const handleMouseEnter = (e: MouseEvent) => {\n    e.stopPropagation();\n    setHover(true);\n  };\n\n  const handleMouseLeave = (e: MouseEvent) => {\n    e.stopPropagation();\n    setHover(false);\n  };\n\n  return (\n    <Component\n      role=\"presentation\"\n      {...restProps}\n      ref={getRootRef}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      vkuiClass={classNames(\n        \"FormField\",\n        `FormField--${mode}`,\n        `FormField--status-${status}`,\n        `FormField--sizeY-${sizeY}`, // TODO v5.0.0 поправить под новую адаптивность\n        disabled && \"FormField--disabled\",\n        !disabled && hover && \"FormField--hover\"\n      )}\n    >\n      {before && (\n        <div role=\"presentation\" vkuiClass=\"FormField__before\">\n          {before}\n        </div>\n      )}\n      {children}\n      {after && (\n        <div role=\"presentation\" vkuiClass=\"FormField__after\">\n          {after}\n        </div>\n      )}\n      <div role=\"presentation\" vkuiClass=\"FormField__border\" />\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;;AAGO,IAAMA,aAAa,GAAG;EAC3BC,OAAO,EAAE,SADkB;EAE3BC,KAAK,EAAE;AAFoB,CAAtB;;;AAoCP;AACA;AACA;AACO,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAUA;EAAA,0BATvBC,SASuB;EAAA,IATvBA,SASuB,+BATX,KASW;EAAA,uBARvBC,MAQuB;EAAA,IARvBA,MAQuB,4BARd,SAQc;EAAA,IAPvBC,QAOuB,QAPvBA,QAOuB;EAAA,IANvBC,UAMuB,QANvBA,UAMuB;EAAA,IALvBC,MAKuB,QALvBA,MAKuB;EAAA,IAJvBC,KAIuB,QAJvBA,KAIuB;EAAA,IAHvBC,QAGuB,QAHvBA,QAGuB;EAAA,qBAFvBC,IAEuB;EAAA,IAFvBA,IAEuB,0BAFhBX,aAAa,CAACC,OAEE;EAAA,IADpBW,SACoB;;EACvB,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EACA,sBAA0BC,KAAK,CAACC,QAAN,CAAe,KAAf,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,CAAD,EAAmB;IAC1CA,CAAC,CAACC,eAAF;IACAH,QAAQ,CAAC,IAAD,CAAR;EACD,CAHD;;EAKA,IAAMI,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACF,CAAD,EAAmB;IAC1CA,CAAC,CAACC,eAAF;IACAH,QAAQ,CAAC,KAAD,CAAR;EACD,CAHD;;EAKA,OACE,qCAAC,SAAD;IACE,IAAI,EAAC;EADP,GAEMN,SAFN;IAGE,GAAG,EAAEL,UAHP;IAIE,YAAY,EAAEY,gBAJhB;IAKE,YAAY,EAAEG,gBALhB;IAME,SAAS,EAAE,IAAAC,sBAAA,EACT,WADS,uBAEKZ,IAFL,+BAGYN,MAHZ,8BAIWS,KAJX,GAIoB;IAC7BJ,QAAQ,IAAI,qBALH,EAMT,CAACA,QAAD,IAAaO,KAAb,IAAsB,kBANb;EANb,IAeGT,MAAM,IACL;IAAK,IAAI,EAAC,cAAV;IAAyB,SAAS,EAAC;EAAnC,GACGA,MADH,CAhBJ,EAoBGF,QApBH,EAqBGG,KAAK,IACJ;IAAK,IAAI,EAAC,cAAV;IAAyB,SAAS,EAAC;EAAnC,GACGA,KADH,CAtBJ,EA0BE;IAAK,IAAI,EAAC,cAAV;IAAyB,SAAS,EAAC;EAAnC,EA1BF,CADF;AA8BD,CAtDM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FormItem/FormItem.tsx"],"names":["FormItem","children","top","bottom","status","Component","removable","onRemove","noop","removePlaceholder","getRootRef","restProps","platform","rootEl","sizeY","wrappedChildren","e","current"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAiBA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAWH;AAAA,MAVnBC,QAUmB,QAVnBA,QAUmB;AAAA,MATnBC,GASmB,QATnBA,GASmB;AAAA,MARnBC,MAQmB,QARnBA,MAQmB;AAAA,yBAPnBC,MAOmB;AAAA,MAPnBA,MAOmB,4BAPV,SAOU;AAAA,4BANnBC,SAMmB;AAAA,MANnBA,SAMmB,+BANP,KAMO;AAAA,MALnBC,SAKmB,QALnBA,SAKmB;AAAA,2BAJnBC,QAImB;AAAA,MAJnBA,SAImB,8BAJRC,WAIQ;AAAA,mCAHnBC,iBAGmB;AAAA,MAHnBA,iBAGmB,sCAHC,SAGD;AAAA,MAFnBC,UAEmB,QAFnBA,UAEmB;AAAA,MADhBC,SACgB;;AACnB,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,MAAM,GAAG,gCAAaH,UAAb,CAAf;;AACA,uBAAkB,oCAAlB;AAAA,MAAQI,KAAR,kBAAQA,KAAR;;AAEA,MAAMC,eAAe,GACnB,qCAAC,KAAD,CAAO,QAAP,QACG,yBAAab,GAAb,KAAqB,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAoCA,GAApC,CADxB,EAEGD,QAFH,EAGG,yBAAaE,MAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAuCA,MAAvC,CAJJ,CADF;AAUA,SACE,qCAAC,SAAD,6BACMQ,SADN;AAEE,IAAA,GAAG,EAAEE,MAFP;AAGE,IAAA,SAAS,EAAE,4BACT,gCAAa,UAAb,EAAyBD,QAAzB,CADS,EAC2B;AAD3B,wBAEIR,MAFJ,6BAGUU,KAHV,GAIT,yBAAaZ,GAAb,KAAqB,mBAJZ,EAKTI,SAAS,IAAI,qBALJ;AAHb,MAWGA,SAAS,GACR,qCAAC,oBAAD;AACE,IAAA,KAAK,EAAC,OADR;AAEE,IAAA,QAAQ,EAAE,kBAACU,CAAD,EAAO;AACf,UAAIH,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAEI,OAAZ,EAAqB;AACnBV,QAAAA,SAAQ,CAACS,CAAD,EAAIH,MAAM,CAACI,OAAX,CAAR;AACD;AACF,KANH;AAOE,IAAA,iBAAiB,EAAER;AAPrB,KASE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAsCM,eAAtC,CATF,CADQ,GAaRA,eAxBJ,CADF;AA6BD,CAvDM","sourcesContent":["import * as React from \"react\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { hasReactNode, noop } from \"../../lib/utils\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport \"./FormItem.css\";\n\nexport interface FormItemProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent,\n    RemovableProps {\n  top?: React.ReactNode;\n  bottom?: React.ReactNode;\n  status?: \"default\" | \"error\" | \"valid\";\n  /**\n   * Дает возможность удалить `FormItem`. Рекомендуется использовать только для `Input` или `Select`.\n   */\n  removable?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormItem\n */\nexport const FormItem = ({\n  children,\n  top,\n  bottom,\n  status = \"default\",\n  Component = \"div\",\n  removable,\n  onRemove = noop,\n  removePlaceholder = \"Удалить\",\n  getRootRef,\n  ...restProps\n}: FormItemProps) => {\n  const platform = usePlatform();\n  const rootEl = useExternRef(getRootRef);\n  const { sizeY } = useAdaptivity();\n\n  const wrappedChildren = (\n    <React.Fragment>\n      {hasReactNode(top) && <Subhead vkuiClass=\"FormItem__top\">{top}</Subhead>}\n      {children}\n      {hasReactNode(bottom) && (\n        <Caption vkuiClass=\"FormItem__bottom\">{bottom}</Caption>\n      )}\n    </React.Fragment>\n  );\n\n  return (\n    <Component\n      {...restProps}\n      ref={rootEl}\n      vkuiClass={classNames(\n        getClassName(\"FormItem\", platform), // TODO: v5 remove\n        `FormItem--${status}`,\n        `FormItem--sizeY-${sizeY}`,\n        hasReactNode(top) && \"FormItem--withTop\",\n        removable && \"FormItem--removable\"\n      )}\n    >\n      {removable ? (\n        <Removable\n          align=\"start\"\n          onRemove={(e) => {\n            if (rootEl?.current) {\n              onRemove(e, rootEl.current);\n            }\n          }}\n          removePlaceholder={removePlaceholder}\n        >\n          <div vkuiClass=\"FormItem__removable\">{wrappedChildren}</div>\n        </Removable>\n      ) : (\n        wrappedChildren\n      )}\n    </Component>\n  );\n};\n"],"file":"FormItem.js"}
+{"version":3,"file":"FormItem.js","names":["FormItem","children","top","bottom","status","Component","removable","onRemove","noop","removePlaceholder","getRootRef","restProps","platform","usePlatform","rootEl","useExternRef","useAdaptivity","sizeY","wrappedChildren","hasReactNode","classNames","getClassName","e","current"],"sources":["../../../../src/components/FormItem/FormItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { hasReactNode, noop } from \"../../lib/utils\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport \"./FormItem.css\";\n\nexport interface FormItemProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent,\n    RemovableProps {\n  top?: React.ReactNode;\n  bottom?: React.ReactNode;\n  status?: \"default\" | \"error\" | \"valid\";\n  /**\n   * Дает возможность удалить `FormItem`. Рекомендуется использовать только для `Input` или `Select`.\n   */\n  removable?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormItem\n */\nexport const FormItem = ({\n  children,\n  top,\n  bottom,\n  status = \"default\",\n  Component = \"div\",\n  removable,\n  onRemove = noop,\n  removePlaceholder = \"Удалить\",\n  getRootRef,\n  ...restProps\n}: FormItemProps) => {\n  const platform = usePlatform();\n  const rootEl = useExternRef(getRootRef);\n  const { sizeY } = useAdaptivity();\n\n  const wrappedChildren = (\n    <React.Fragment>\n      {hasReactNode(top) && <Subhead vkuiClass=\"FormItem__top\">{top}</Subhead>}\n      {children}\n      {hasReactNode(bottom) && (\n        <Caption vkuiClass=\"FormItem__bottom\">{bottom}</Caption>\n      )}\n    </React.Fragment>\n  );\n\n  return (\n    <Component\n      {...restProps}\n      ref={rootEl}\n      vkuiClass={classNames(\n        getClassName(\"FormItem\", platform), // TODO: v5 remove\n        `FormItem--${status}`,\n        `FormItem--sizeY-${sizeY}`,\n        hasReactNode(top) && \"FormItem--withTop\",\n        removable && \"FormItem--removable\"\n      )}\n    >\n      {removable ? (\n        <Removable\n          align=\"start\"\n          onRemove={(e) => {\n            if (rootEl?.current) {\n              onRemove(e, rootEl.current);\n            }\n          }}\n          removePlaceholder={removePlaceholder}\n        >\n          <div vkuiClass=\"FormItem__removable\">{wrappedChildren}</div>\n        </Removable>\n      ) : (\n        wrappedChildren\n      )}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAiBA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAWH;EAAA,IAVnBC,QAUmB,QAVnBA,QAUmB;EAAA,IATnBC,GASmB,QATnBA,GASmB;EAAA,IARnBC,MAQmB,QARnBA,MAQmB;EAAA,uBAPnBC,MAOmB;EAAA,IAPnBA,MAOmB,4BAPV,SAOU;EAAA,0BANnBC,SAMmB;EAAA,IANnBA,SAMmB,+BANP,KAMO;EAAA,IALnBC,SAKmB,QALnBA,SAKmB;EAAA,yBAJnBC,QAImB;EAAA,IAJnBA,SAImB,8BAJRC,WAIQ;EAAA,iCAHnBC,iBAGmB;EAAA,IAHnBA,iBAGmB,sCAHC,SAGD;EAAA,IAFnBC,UAEmB,QAFnBA,UAEmB;EAAA,IADhBC,SACgB;;EACnB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EACA,IAAMC,MAAM,GAAG,IAAAC,0BAAA,EAAaL,UAAb,CAAf;;EACA,qBAAkB,IAAAM,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,IAAMC,eAAe,GACnB,qCAAC,KAAD,CAAO,QAAP,QACG,IAAAC,mBAAA,EAAajB,GAAb,KAAqB,qCAAC,gBAAD;IAAS,SAAS,EAAC;EAAnB,GAAoCA,GAApC,CADxB,EAEGD,QAFH,EAGG,IAAAkB,mBAAA,EAAahB,MAAb,KACC,qCAAC,gBAAD;IAAS,SAAS,EAAC;EAAnB,GAAuCA,MAAvC,CAJJ,CADF;EAUA,OACE,qCAAC,SAAD,6BACMQ,SADN;IAEE,GAAG,EAAEG,MAFP;IAGE,SAAS,EAAE,IAAAM,sBAAA,EACT,IAAAC,0BAAA,EAAa,UAAb,EAAyBT,QAAzB,CADS,EAC2B;IAD3B,oBAEIR,MAFJ,6BAGUa,KAHV,GAIT,IAAAE,mBAAA,EAAajB,GAAb,KAAqB,mBAJZ,EAKTI,SAAS,IAAI,qBALJ;EAHb,IAWGA,SAAS,GACR,qCAAC,oBAAD;IACE,KAAK,EAAC,OADR;IAEE,QAAQ,EAAE,kBAACgB,CAAD,EAAO;MACf,IAAIR,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAES,OAAZ,EAAqB;QACnBhB,SAAQ,CAACe,CAAD,EAAIR,MAAM,CAACS,OAAX,CAAR;MACD;IACF,CANH;IAOE,iBAAiB,EAAEd;EAPrB,GASE;IAAK,SAAS,EAAC;EAAf,GAAsCS,eAAtC,CATF,CADQ,GAaRA,eAxBJ,CADF;AA6BD,CAvDM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FormLayout/FormLayout.tsx"],"names":["preventDefault","e","FormLayout","children","Component","getRef","onSubmit","restProps","platform"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;;;AAIA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,CAAD;AAAA,SAAwBA,CAAC,CAACD,cAAF,EAAxB;AAAA,CAAvB;;AAMA;AACA;AACA;AACO,IAAME,UAAU,GAAG,SAAbA,UAAa,OAMH;AAAA,MALrBC,QAKqB,QALrBA,QAKqB;AAAA,4BAJrBC,SAIqB;AAAA,MAJrBA,SAIqB,+BAJT,MAIS;AAAA,MAHrBC,MAGqB,QAHrBA,MAGqB;AAAA,2BAFrBC,QAEqB;AAAA,MAFrBA,QAEqB,8BAFVN,cAEU;AAAA,MADlBO,SACkB;AACrB,MAAMC,QAAQ,GAAG,+BAAjB;AACA,SACE,qCAAC,SAAD,6BACMD,SADN;AAEE,IAAA,SAAS,EAAE,gCAAa,YAAb,EAA2BC,QAA3B,CAFb;AAGE,IAAA,QAAQ,EAAEF,QAHZ;AAIE,IAAA,GAAG,EAAED;AAJP,MAME;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwCF,QAAxC,CANF,EAOGC,SAAS,KAAK,MAAd,IACC;AAAO,IAAA,IAAI,EAAC,QAAZ;AAAqB,IAAA,SAAS,EAAC,oBAA/B;AAAoD,IAAA,KAAK,EAAC;AAA1D,IARJ,CADF;AAaD,CArBM","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasComponent, HasRef } from \"../../types\";\nimport \"./FormLayout.css\";\n\nconst preventDefault = (e: React.FormEvent) => e.preventDefault();\n\nexport type FormLayoutProps = React.AllHTMLAttributes<HTMLElement> &\n  HasRef<HTMLElement> &\n  HasComponent;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormLayout\n */\nexport const FormLayout = ({\n  children,\n  Component = \"form\",\n  getRef,\n  onSubmit = preventDefault,\n  ...restProps\n}: FormLayoutProps) => {\n  const platform = usePlatform();\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={getClassName(\"FormLayout\", platform)}\n      onSubmit={onSubmit}\n      ref={getRef}\n    >\n      <div vkuiClass=\"FormLayout__container\">{children}</div>\n      {Component === \"form\" && (\n        <input type=\"submit\" vkuiClass=\"FormLayout__submit\" value=\"\" />\n      )}\n    </Component>\n  );\n};\n"],"file":"FormLayout.js"}
+{"version":3,"file":"FormLayout.js","names":["preventDefault","e","FormLayout","children","Component","getRef","onSubmit","restProps","platform","usePlatform","getClassName"],"sources":["../../../../src/components/FormLayout/FormLayout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasComponent, HasRef } from \"../../types\";\nimport \"./FormLayout.css\";\n\nconst preventDefault = (e: React.FormEvent) => e.preventDefault();\n\nexport type FormLayoutProps = React.AllHTMLAttributes<HTMLElement> &\n  HasRef<HTMLElement> &\n  HasComponent;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormLayout\n */\nexport const FormLayout = ({\n  children,\n  Component = \"form\",\n  getRef,\n  onSubmit = preventDefault,\n  ...restProps\n}: FormLayoutProps) => {\n  const platform = usePlatform();\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={getClassName(\"FormLayout\", platform)}\n      onSubmit={onSubmit}\n      ref={getRef}\n    >\n      <div vkuiClass=\"FormLayout__container\">{children}</div>\n      {Component === \"form\" && (\n        <input type=\"submit\" vkuiClass=\"FormLayout__submit\" value=\"\" />\n      )}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;;;AAIA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,CAAD;EAAA,OAAwBA,CAAC,CAACD,cAAF,EAAxB;AAAA,CAAvB;;AAMA;AACA;AACA;AACO,IAAME,UAAU,GAAG,SAAbA,UAAa,OAMH;EAAA,IALrBC,QAKqB,QALrBA,QAKqB;EAAA,0BAJrBC,SAIqB;EAAA,IAJrBA,SAIqB,+BAJT,MAIS;EAAA,IAHrBC,MAGqB,QAHrBA,MAGqB;EAAA,yBAFrBC,QAEqB;EAAA,IAFrBA,QAEqB,8BAFVN,cAEU;EAAA,IADlBO,SACkB;EACrB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EACA,OACE,qCAAC,SAAD,6BACMF,SADN;IAEE,SAAS,EAAE,IAAAG,0BAAA,EAAa,YAAb,EAA2BF,QAA3B,CAFb;IAGE,QAAQ,EAAEF,QAHZ;IAIE,GAAG,EAAED;EAJP,IAME;IAAK,SAAS,EAAC;EAAf,GAAwCF,QAAxC,CANF,EAOGC,SAAS,KAAK,MAAd,IACC;IAAO,IAAI,EAAC,QAAZ;IAAqB,SAAS,EAAC,oBAA/B;IAAoD,KAAK,EAAC;EAA1D,EARJ,CADF;AAaD,CArBM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"names":["FormLayoutGroup","children","mode","removable","segmented","removePlaceholder","onRemove","noop","getRootRef","restProps","platform","sizeY","isRemovable","isSegmented","rootEl","e","current"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAmBA;AACA;AACA;AACO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OASH;AAAA,MAR1BC,QAQ0B,QAR1BA,QAQ0B;AAAA,uBAP1BC,IAO0B;AAAA,MAP1BA,IAO0B,0BAPnB,UAOmB;AAAA,MAN1BC,SAM0B,QAN1BA,SAM0B;AAAA,MAL1BC,SAK0B,QAL1BA,SAK0B;AAAA,mCAJ1BC,iBAI0B;AAAA,MAJ1BA,iBAI0B,sCAJN,SAIM;AAAA,2BAH1BC,QAG0B;AAAA,MAH1BA,SAG0B,8BAHfC,WAGe;AAAA,MAF1BC,UAE0B,QAF1BA,UAE0B;AAAA,MADvBC,SACuB;;AAC1B,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AACA,MAAMC,WAAW,GAAGT,SAAS,IAAID,IAAI,KAAK,YAA1C;AACA,MAAMW,WAAW,GAAGT,SAAS,IAAIF,IAAI,KAAK,YAA1C;AACA,MAAMY,MAAM,GAAG,gCAAaN,UAAb,CAAf;AAEA,SACE;AACE,IAAA,GAAG,EAAEM,MADP;AAEE,IAAA,SAAS,EAAE,4BACT,gCAAa,iBAAb,EAAgCJ,QAAhC,CADS,EACkC;AADlC,qCAEiBC,KAFjB,8BAGWT,IAHX,GAITU,WAAW,IAAI,4BAJN,EAKTC,WAAW,IAAI,4BALN;AAFb,KASMJ,SATN,GAWGG,WAAW,GACV,qCAAC,oBAAD;AACE,IAAA,SAAS,EAAC,4BADZ;AAEE,IAAA,KAAK,EAAC,OAFR;AAGE,IAAA,iBAAiB,EAAEP,iBAHrB;AAIE,IAAA,QAAQ,EAAE,kBAACU,CAAD,EAAO;AACf,UAAID,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAEE,OAAZ,EAAqB;AACnBV,QAAAA,SAAQ,CAACS,CAAD,EAAID,MAAM,CAACE,OAAX,CAAR;AACD;AACF;AARH,KAUGf,QAVH,CADU,GAcV,qCAAC,KAAD,CAAO,QAAP,QACGA,QADH,EAEE;AAAM,IAAA,SAAS,EAAC,yBAAhB;AAA0C;AAA1C,IAFF,CAzBJ,CADF;AAiCD,CAjDM","sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { noop } from \"../../lib/utils\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./FormLayoutGroup.css\";\n\nexport interface FormLayoutGroupProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  mode?: \"vertical\" | \"horizontal\";\n  /**\n   * Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.\n   */\n  removable?: boolean;\n\n  /**\n   * Только для режима horizontal. Дает возможность склеить несколько `FormItem`.\n   */\n  segmented?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormLayoutGroup\n */\nexport const FormLayoutGroup = ({\n  children,\n  mode = \"vertical\",\n  removable,\n  segmented,\n  removePlaceholder = \"Удалить\",\n  onRemove = noop,\n  getRootRef,\n  ...restProps\n}: FormLayoutGroupProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n  const isRemovable = removable && mode === \"horizontal\";\n  const isSegmented = segmented && mode === \"horizontal\";\n  const rootEl = useExternRef(getRootRef);\n\n  return (\n    <div\n      ref={rootEl}\n      vkuiClass={classNames(\n        getClassName(\"FormLayoutGroup\", platform), // TODO: v5 remove\n        `FormLayoutGroup--sizeY-${sizeY}`,\n        `FormLayoutGroup--${mode}`,\n        isRemovable && \"FormLayoutGroup--removable\",\n        isSegmented && \"FormLayoutGroup--segmented\"\n      )}\n      {...restProps}\n    >\n      {isRemovable ? (\n        <Removable\n          vkuiClass=\"FormLayoutGroup__removable\"\n          align=\"start\"\n          removePlaceholder={removePlaceholder}\n          onRemove={(e) => {\n            if (rootEl?.current) {\n              onRemove(e, rootEl.current);\n            }\n          }}\n        >\n          {children}\n        </Removable>\n      ) : (\n        <React.Fragment>\n          {children}\n          <span vkuiClass=\"FormLayoutGroup__offset\" aria-hidden />\n        </React.Fragment>\n      )}\n    </div>\n  );\n};\n"],"file":"FormLayoutGroup.js"}
+{"version":3,"file":"FormLayoutGroup.js","names":["FormLayoutGroup","children","mode","removable","segmented","removePlaceholder","onRemove","noop","getRootRef","restProps","platform","usePlatform","useAdaptivity","sizeY","isRemovable","isSegmented","rootEl","useExternRef","classNames","getClassName","e","current"],"sources":["../../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { noop } from \"../../lib/utils\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./FormLayoutGroup.css\";\n\nexport interface FormLayoutGroupProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  mode?: \"vertical\" | \"horizontal\";\n  /**\n   * Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.\n   */\n  removable?: boolean;\n\n  /**\n   * Только для режима horizontal. Дает возможность склеить несколько `FormItem`.\n   */\n  segmented?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormLayoutGroup\n */\nexport const FormLayoutGroup = ({\n  children,\n  mode = \"vertical\",\n  removable,\n  segmented,\n  removePlaceholder = \"Удалить\",\n  onRemove = noop,\n  getRootRef,\n  ...restProps\n}: FormLayoutGroupProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n  const isRemovable = removable && mode === \"horizontal\";\n  const isSegmented = segmented && mode === \"horizontal\";\n  const rootEl = useExternRef(getRootRef);\n\n  return (\n    <div\n      ref={rootEl}\n      vkuiClass={classNames(\n        getClassName(\"FormLayoutGroup\", platform), // TODO: v5 remove\n        `FormLayoutGroup--sizeY-${sizeY}`,\n        `FormLayoutGroup--${mode}`,\n        isRemovable && \"FormLayoutGroup--removable\",\n        isSegmented && \"FormLayoutGroup--segmented\"\n      )}\n      {...restProps}\n    >\n      {isRemovable ? (\n        <Removable\n          vkuiClass=\"FormLayoutGroup__removable\"\n          align=\"start\"\n          removePlaceholder={removePlaceholder}\n          onRemove={(e) => {\n            if (rootEl?.current) {\n              onRemove(e, rootEl.current);\n            }\n          }}\n        >\n          {children}\n        </Removable>\n      ) : (\n        <React.Fragment>\n          {children}\n          <span vkuiClass=\"FormLayoutGroup__offset\" aria-hidden />\n        </React.Fragment>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAmBA;AACA;AACA;AACO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OASH;EAAA,IAR1BC,QAQ0B,QAR1BA,QAQ0B;EAAA,qBAP1BC,IAO0B;EAAA,IAP1BA,IAO0B,0BAPnB,UAOmB;EAAA,IAN1BC,SAM0B,QAN1BA,SAM0B;EAAA,IAL1BC,SAK0B,QAL1BA,SAK0B;EAAA,iCAJ1BC,iBAI0B;EAAA,IAJ1BA,iBAI0B,sCAJN,SAIM;EAAA,yBAH1BC,QAG0B;EAAA,IAH1BA,SAG0B,8BAHfC,WAGe;EAAA,IAF1BC,UAE0B,QAF1BA,UAE0B;EAAA,IADvBC,SACuB;;EAC1B,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EACA,IAAMC,WAAW,GAAGX,SAAS,IAAID,IAAI,KAAK,YAA1C;EACA,IAAMa,WAAW,GAAGX,SAAS,IAAIF,IAAI,KAAK,YAA1C;EACA,IAAMc,MAAM,GAAG,IAAAC,0BAAA,EAAaT,UAAb,CAAf;EAEA,OACE;IACE,GAAG,EAAEQ,MADP;IAEE,SAAS,EAAE,IAAAE,sBAAA,EACT,IAAAC,0BAAA,EAAa,iBAAb,EAAgCT,QAAhC,CADS,EACkC;IADlC,iCAEiBG,KAFjB,8BAGWX,IAHX,GAITY,WAAW,IAAI,4BAJN,EAKTC,WAAW,IAAI,4BALN;EAFb,GASMN,SATN,GAWGK,WAAW,GACV,qCAAC,oBAAD;IACE,SAAS,EAAC,4BADZ;IAEE,KAAK,EAAC,OAFR;IAGE,iBAAiB,EAAET,iBAHrB;IAIE,QAAQ,EAAE,kBAACe,CAAD,EAAO;MACf,IAAIJ,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAEK,OAAZ,EAAqB;QACnBf,SAAQ,CAACc,CAAD,EAAIJ,MAAM,CAACK,OAAX,CAAR;MACD;IACF;EARH,GAUGpB,QAVH,CADU,GAcV,qCAAC,KAAD,CAAO,QAAP,QACGA,QADH,EAEE;IAAM,SAAS,EAAC,yBAAhB;IAA0C;EAA1C,EAFF,CAzBJ,CADF;AAiCD,CAjDM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FormStatus/FormStatus.tsx"],"names":["FormStatus","mode","header","children","dangerouslySetInnerHTML","restProps"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;;;AAQA;;AAEA;AACA;AACA;AACA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAMH;AAAA,MALrBC,IAKqB,QALrBA,IAKqB;AAAA,MAJrBC,MAIqB,QAJrBA,MAIqB;AAAA,MAHrBC,QAGqB,QAHrBA,QAGqB;AAAA,MAFrBC,uBAEqB,QAFrBA,uBAEqB;AAAA,MADlBC,SACkB;AACrB,SACE,uEACMA,SADN;AAEE,IAAA,SAAS,EAAE,4BAAW,YAAX,wBAAwCJ,IAAxC;AAFb,MAIG,yBAAaC,MAAb,KACC,qCAAC,kBAAD;AAAU,IAAA,MAAM,EAAC,GAAjB;AAAqB,IAAA,SAAS,EAAC;AAA/B,KACGA,MADH,CALJ,EASGE,uBAAuB,IACtB,qCAAC,gBAAD;AAAS,IAAA,uBAAuB,EAAEA;AAAlC,IAVJ,EAYG,yBAAaD,QAAb,KAA0B,CAACC,uBAA3B,IACC,qCAAC,gBAAD,QAAUD,QAAV,CAbJ,CADF;AAkBD,CAzBM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./FormStatus.css\";\n\nexport interface FormStatusProps extends React.HTMLAttributes<HTMLDivElement> {\n  mode?: \"default\" | \"error\";\n  header?: React.ReactNode;\n}\n\n/* TODO: v5.0.0 удалить */\n\n/**\n * @deprecated Этот компонент устарел и будет удален в v5.0.0. Используйте [`Banner`](#/Banner).\n * @see https://vkcom.github.io/VKUI/#/FormStatus\n */\nexport const FormStatus = ({\n  mode,\n  header,\n  children,\n  dangerouslySetInnerHTML,\n  ...restProps\n}: FormStatusProps) => {\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\"FormStatus\", `FormStatus--${mode}`)}\n    >\n      {hasReactNode(header) && (\n        <Headline weight=\"2\" vkuiClass=\"FormStatus__header\">\n          {header}\n        </Headline>\n      )}\n      {dangerouslySetInnerHTML && (\n        <Caption dangerouslySetInnerHTML={dangerouslySetInnerHTML} />\n      )}\n      {hasReactNode(children) && !dangerouslySetInnerHTML && (\n        <Caption>{children}</Caption>\n      )}\n    </div>\n  );\n};\n"],"file":"FormStatus.js"}
+{"version":3,"file":"FormStatus.js","names":["FormStatus","mode","header","children","dangerouslySetInnerHTML","restProps","classNames","hasReactNode"],"sources":["../../../../src/components/FormStatus/FormStatus.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./FormStatus.css\";\n\nexport interface FormStatusProps extends React.HTMLAttributes<HTMLDivElement> {\n  mode?: \"default\" | \"error\";\n  header?: React.ReactNode;\n}\n\n/* TODO: v5.0.0 удалить */\n\n/**\n * @deprecated Этот компонент устарел и будет удален в v5.0.0. Используйте [`Banner`](#/Banner).\n * @see https://vkcom.github.io/VKUI/#/FormStatus\n */\nexport const FormStatus = ({\n  mode,\n  header,\n  children,\n  dangerouslySetInnerHTML,\n  ...restProps\n}: FormStatusProps) => {\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\"FormStatus\", `FormStatus--${mode}`)}\n    >\n      {hasReactNode(header) && (\n        <Headline weight=\"2\" vkuiClass=\"FormStatus__header\">\n          {header}\n        </Headline>\n      )}\n      {dangerouslySetInnerHTML && (\n        <Caption dangerouslySetInnerHTML={dangerouslySetInnerHTML} />\n      )}\n      {hasReactNode(children) && !dangerouslySetInnerHTML && (\n        <Caption>{children}</Caption>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;;;AAQA;;AAEA;AACA;AACA;AACA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAMH;EAAA,IALrBC,IAKqB,QALrBA,IAKqB;EAAA,IAJrBC,MAIqB,QAJrBA,MAIqB;EAAA,IAHrBC,QAGqB,QAHrBA,QAGqB;EAAA,IAFrBC,uBAEqB,QAFrBA,uBAEqB;EAAA,IADlBC,SACkB;EACrB,OACE,uEACMA,SADN;IAEE,SAAS,EAAE,IAAAC,sBAAA,EAAW,YAAX,wBAAwCL,IAAxC;EAFb,IAIG,IAAAM,mBAAA,EAAaL,MAAb,KACC,qCAAC,kBAAD;IAAU,MAAM,EAAC,GAAjB;IAAqB,SAAS,EAAC;EAA/B,GACGA,MADH,CALJ,EASGE,uBAAuB,IACtB,qCAAC,gBAAD;IAAS,uBAAuB,EAAEA;EAAlC,EAVJ,EAYG,IAAAG,mBAAA,EAAaJ,QAAb,KAA0B,CAACC,uBAA3B,IACC,qCAAC,gBAAD,QAAUD,QAAV,CAbJ,CADF;AAkBD,CAzBM"}

package/dist/cjs/components/Gallery/Gallery.js

@@ -78,6 +78,8 @@ var Gallery = function Gallery(_ref) {
     if (onChange && safeSlideIndex !== slideIndex) {
       onChange(safeSlideIndex);
     }
+
+    setSlideIndex(safeSlideIndex);
   }, [onChange, safeSlideIndex, slideIndex]);
   return (0, _jsxRuntime.createScopedElement)(_BaseGallery.BaseGallery, (0, _extends2.default)({
     isDraggable: isDraggable

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Gallery/Gallery.tsx"],"names":["Gallery","initialSlideIndex","children","timeout","onChange","bullets","props","React","useState","localSlideIndex","setSlideIndex","isControlled","slideIndex","isDraggable","Boolean","slides","useMemo","Children","toArray","filter","item","childCount","length","handleChange","useCallback","current","autoplay","useEffect","set","clear","safeSlideIndex"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAQA;AACA;AACA;AACO,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAOH;AAAA;;AAAA,mCANlBC,iBAMkB;AAAA,MANlBA,iBAMkB,sCANE,CAMF;AAAA,MALlBC,QAKkB,QALlBA,QAKkB;AAAA,0BAJlBC,OAIkB;AAAA,MAJlBA,OAIkB,6BAJR,CAIQ;AAAA,MAHlBC,QAGkB,QAHlBA,QAGkB;AAAA,MAFlBC,OAEkB,QAFlBA,OAEkB;AAAA,MADfC,KACe;;AAClB,wBAAyCC,KAAK,CAACC,QAAN,CAAeP,iBAAf,CAAzC;AAAA;AAAA,MAAOQ,eAAP;AAAA,MAAwBC,aAAxB;;AACA,MAAMC,YAAY,GAAG,OAAOL,KAAK,CAACM,UAAb,KAA4B,QAAjD;AACA,MAAMA,UAAU,GAAGD,YAAY,wBAAGL,KAAK,CAACM,UAAT,iEAAuB,CAAvB,GAA2BH,eAA1D;AACA,MAAMI,WAAW,GAAG,CAACF,YAAD,IAAiBG,OAAO,CAACV,QAAD,CAA5C;AACA,MAAMW,MAAM,GAAGR,KAAK,CAACS,OAAN,CACb;AAAA,WAAMT,KAAK,CAACU,QAAN,CAAeC,OAAf,CAAuBhB,QAAvB,EAAiCiB,MAAjC,CAAwC,UAACC,IAAD;AAAA,aAAUN,OAAO,CAACM,IAAD,CAAjB;AAAA,KAAxC,CAAN;AAAA,GADa,EAEb,CAAClB,QAAD,CAFa,CAAf;AAIA,MAAMmB,UAAU,GAAGN,MAAM,CAACO,MAA1B;AAEA,MAAMC,YAAsC,GAAGhB,KAAK,CAACiB,WAAN,CAC7C,UAACC,OAAD,EAAqB;AACnB,QAAIA,OAAO,KAAKb,UAAhB,EAA4B;AAC1B;AACD;;AACD,KAACD,YAAD,IAAiBD,aAAa,CAACe,OAAD,CAA9B;AACArB,IAAAA,QAAQ,IAAIA,QAAQ,CAACqB,OAAD,CAApB;AACD,GAP4C,EAQ7C,CAACd,YAAD,EAAeP,QAAf,EAAyBQ,UAAzB,CAR6C,CAA/C;AAWA,MAAMc,QAAQ,GAAG,4BACf;AAAA,WAAMH,YAAY,CAAC,CAACX,UAAU,GAAG,CAAd,IAAmBS,UAApB,CAAlB;AAAA,GADe,EAEflB,OAFe,CAAjB;AAIAI,EAAAA,KAAK,CAACoB,SAAN,CACE;AAAA,WAAOxB,OAAO,GAAGuB,QAAQ,CAACE,GAAT,EAAH,GAAoBF,QAAQ,CAACG,KAAT,EAAlC;AAAA,GADF,EAEE,CAAC1B,OAAD,EAAUS,UAAV,EAAsBc,QAAtB,CAFF,EA1BkB,CA+BlB;AACA;;AACA,MAAMI,cAAc,GAClBT,UAAU,GAAG,CAAb,GAAiB,iBAAMT,UAAN,EAAkB,CAAlB,EAAqBS,UAAU,GAAG,CAAlC,CAAjB,GAAwDT,UAD1D,CAjCkB,CAmClB;;AACAL,EAAAA,KAAK,CAACoB,SAAN,CAAgB,YAAM;AACpB,QAAIvB,QAAQ,IAAI0B,cAAc,KAAKlB,UAAnC,EAA+C;AAC7CR,MAAAA,QAAQ,CAAC0B,cAAD,CAAR;AACD;AACF,GAJD,EAIG,CAAC1B,QAAD,EAAW0B,cAAX,EAA2BlB,UAA3B,CAJH;AAMA,SACE,qCAAC,wBAAD;AACE,IAAA,WAAW,EAAEC;AADf,KAEMP,KAFN;AAGE,IAAA,OAAO,EAAEe,UAAU,GAAG,CAAb,IAAkBhB,OAH7B;AAIE,IAAA,UAAU,EAAEyB,cAJd;AAKE,IAAA,QAAQ,EAAEP;AALZ,MAOGR,MAPH,CADF;AAWD,CA5DM","sourcesContent":["import * as React from \"react\";\nimport { clamp } from \"../../helpers/math\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { BaseGallery } from \"../BaseGallery/BaseGallery\";\nimport { BaseGalleryProps } from \"../BaseGallery/types\";\n\nexport interface GalleryProps extends BaseGalleryProps {\n  initialSlideIndex?: number;\n  timeout?: number;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gallery\n */\nexport const Gallery = ({\n  initialSlideIndex = 0,\n  children,\n  timeout = 0,\n  onChange,\n  bullets,\n  ...props\n}: GalleryProps) => {\n  const [localSlideIndex, setSlideIndex] = React.useState(initialSlideIndex);\n  const isControlled = typeof props.slideIndex === \"number\";\n  const slideIndex = isControlled ? props.slideIndex ?? 0 : localSlideIndex;\n  const isDraggable = !isControlled || Boolean(onChange);\n  const slides = React.useMemo(\n    () => React.Children.toArray(children).filter((item) => Boolean(item)),\n    [children]\n  );\n  const childCount = slides.length;\n\n  const handleChange: GalleryProps[\"onChange\"] = React.useCallback(\n    (current: number) => {\n      if (current === slideIndex) {\n        return;\n      }\n      !isControlled && setSlideIndex(current);\n      onChange && onChange(current);\n    },\n    [isControlled, onChange, slideIndex]\n  );\n\n  const autoplay = useTimeout(\n    () => handleChange((slideIndex + 1) % childCount),\n    timeout\n  );\n  React.useEffect(\n    () => (timeout ? autoplay.set() : autoplay.clear()),\n    [timeout, slideIndex, autoplay]\n  );\n\n  // prevent invalid slideIndex\n  // any slide index is invalid with no slides, just keep it as is\n  const safeSlideIndex =\n    childCount > 0 ? clamp(slideIndex, 0, childCount - 1) : slideIndex;\n  // notify parent in controlled mode\n  React.useEffect(() => {\n    if (onChange && safeSlideIndex !== slideIndex) {\n      onChange(safeSlideIndex);\n    }\n  }, [onChange, safeSlideIndex, slideIndex]);\n\n  return (\n    <BaseGallery\n      isDraggable={isDraggable}\n      {...props}\n      bullets={childCount > 0 && bullets}\n      slideIndex={safeSlideIndex}\n      onChange={handleChange}\n    >\n      {slides}\n    </BaseGallery>\n  );\n};\n"],"file":"Gallery.js"}
+{"version":3,"file":"Gallery.js","names":["Gallery","initialSlideIndex","children","timeout","onChange","bullets","props","React","useState","localSlideIndex","setSlideIndex","isControlled","slideIndex","isDraggable","Boolean","slides","useMemo","Children","toArray","filter","item","childCount","length","handleChange","useCallback","current","autoplay","useTimeout","useEffect","set","clear","safeSlideIndex","clamp"],"sources":["../../../../src/components/Gallery/Gallery.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { clamp } from \"../../helpers/math\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { BaseGallery } from \"../BaseGallery/BaseGallery\";\nimport { BaseGalleryProps } from \"../BaseGallery/types\";\n\nexport interface GalleryProps extends BaseGalleryProps {\n  initialSlideIndex?: number;\n  timeout?: number;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gallery\n */\nexport const Gallery = ({\n  initialSlideIndex = 0,\n  children,\n  timeout = 0,\n  onChange,\n  bullets,\n  ...props\n}: GalleryProps) => {\n  const [localSlideIndex, setSlideIndex] = React.useState(initialSlideIndex);\n  const isControlled = typeof props.slideIndex === \"number\";\n  const slideIndex = isControlled ? props.slideIndex ?? 0 : localSlideIndex;\n  const isDraggable = !isControlled || Boolean(onChange);\n  const slides = React.useMemo(\n    () => React.Children.toArray(children).filter((item) => Boolean(item)),\n    [children]\n  );\n  const childCount = slides.length;\n\n  const handleChange: GalleryProps[\"onChange\"] = React.useCallback(\n    (current: number) => {\n      if (current === slideIndex) {\n        return;\n      }\n      !isControlled && setSlideIndex(current);\n      onChange && onChange(current);\n    },\n    [isControlled, onChange, slideIndex]\n  );\n\n  const autoplay = useTimeout(\n    () => handleChange((slideIndex + 1) % childCount),\n    timeout\n  );\n  React.useEffect(\n    () => (timeout ? autoplay.set() : autoplay.clear()),\n    [timeout, slideIndex, autoplay]\n  );\n\n  // prevent invalid slideIndex\n  // any slide index is invalid with no slides, just keep it as is\n  const safeSlideIndex =\n    childCount > 0 ? clamp(slideIndex, 0, childCount - 1) : slideIndex;\n  // notify parent in controlled mode\n  React.useEffect(() => {\n    if (onChange && safeSlideIndex !== slideIndex) {\n      onChange(safeSlideIndex);\n    }\n    setSlideIndex(safeSlideIndex);\n  }, [onChange, safeSlideIndex, slideIndex]);\n\n  return (\n    <BaseGallery\n      isDraggable={isDraggable}\n      {...props}\n      bullets={childCount > 0 && bullets}\n      slideIndex={safeSlideIndex}\n      onChange={handleChange}\n    >\n      {slides}\n    </BaseGallery>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAQA;AACA;AACA;AACO,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAOH;EAAA;;EAAA,iCANlBC,iBAMkB;EAAA,IANlBA,iBAMkB,sCANE,CAMF;EAAA,IALlBC,QAKkB,QALlBA,QAKkB;EAAA,wBAJlBC,OAIkB;EAAA,IAJlBA,OAIkB,6BAJR,CAIQ;EAAA,IAHlBC,QAGkB,QAHlBA,QAGkB;EAAA,IAFlBC,OAEkB,QAFlBA,OAEkB;EAAA,IADfC,KACe;;EAClB,sBAAyCC,KAAK,CAACC,QAAN,CAAeP,iBAAf,CAAzC;EAAA;EAAA,IAAOQ,eAAP;EAAA,IAAwBC,aAAxB;;EACA,IAAMC,YAAY,GAAG,OAAOL,KAAK,CAACM,UAAb,KAA4B,QAAjD;EACA,IAAMA,UAAU,GAAGD,YAAY,wBAAGL,KAAK,CAACM,UAAT,iEAAuB,CAAvB,GAA2BH,eAA1D;EACA,IAAMI,WAAW,GAAG,CAACF,YAAD,IAAiBG,OAAO,CAACV,QAAD,CAA5C;EACA,IAAMW,MAAM,GAAGR,KAAK,CAACS,OAAN,CACb;IAAA,OAAMT,KAAK,CAACU,QAAN,CAAeC,OAAf,CAAuBhB,QAAvB,EAAiCiB,MAAjC,CAAwC,UAACC,IAAD;MAAA,OAAUN,OAAO,CAACM,IAAD,CAAjB;IAAA,CAAxC,CAAN;EAAA,CADa,EAEb,CAAClB,QAAD,CAFa,CAAf;EAIA,IAAMmB,UAAU,GAAGN,MAAM,CAACO,MAA1B;EAEA,IAAMC,YAAsC,GAAGhB,KAAK,CAACiB,WAAN,CAC7C,UAACC,OAAD,EAAqB;IACnB,IAAIA,OAAO,KAAKb,UAAhB,EAA4B;MAC1B;IACD;;IACD,CAACD,YAAD,IAAiBD,aAAa,CAACe,OAAD,CAA9B;IACArB,QAAQ,IAAIA,QAAQ,CAACqB,OAAD,CAApB;EACD,CAP4C,EAQ7C,CAACd,YAAD,EAAeP,QAAf,EAAyBQ,UAAzB,CAR6C,CAA/C;EAWA,IAAMc,QAAQ,GAAG,IAAAC,sBAAA,EACf;IAAA,OAAMJ,YAAY,CAAC,CAACX,UAAU,GAAG,CAAd,IAAmBS,UAApB,CAAlB;EAAA,CADe,EAEflB,OAFe,CAAjB;EAIAI,KAAK,CAACqB,SAAN,CACE;IAAA,OAAOzB,OAAO,GAAGuB,QAAQ,CAACG,GAAT,EAAH,GAAoBH,QAAQ,CAACI,KAAT,EAAlC;EAAA,CADF,EAEE,CAAC3B,OAAD,EAAUS,UAAV,EAAsBc,QAAtB,CAFF,EA1BkB,CA+BlB;EACA;;EACA,IAAMK,cAAc,GAClBV,UAAU,GAAG,CAAb,GAAiB,IAAAW,WAAA,EAAMpB,UAAN,EAAkB,CAAlB,EAAqBS,UAAU,GAAG,CAAlC,CAAjB,GAAwDT,UAD1D,CAjCkB,CAmClB;;EACAL,KAAK,CAACqB,SAAN,CAAgB,YAAM;IACpB,IAAIxB,QAAQ,IAAI2B,cAAc,KAAKnB,UAAnC,EAA+C;MAC7CR,QAAQ,CAAC2B,cAAD,CAAR;IACD;;IACDrB,aAAa,CAACqB,cAAD,CAAb;EACD,CALD,EAKG,CAAC3B,QAAD,EAAW2B,cAAX,EAA2BnB,UAA3B,CALH;EAOA,OACE,qCAAC,wBAAD;IACE,WAAW,EAAEC;EADf,GAEMP,KAFN;IAGE,OAAO,EAAEe,UAAU,GAAG,CAAb,IAAkBhB,OAH7B;IAIE,UAAU,EAAE0B,cAJd;IAKE,QAAQ,EAAER;EALZ,IAOGR,MAPH,CADF;AAWD,CA7DM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Gradient/Gradient.tsx"],"names":["Gradient","mode","children","to","restProps"],"mappings":";;;;;;;;;;;;;;;AACA;;;;AAcA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAKH;AAAA,uBAJnBC,IAImB;AAAA,MAJnBA,IAImB,0BAJZ,MAIY;AAAA,MAHnBC,QAGmB,QAHnBA,QAGmB;AAAA,qBAFnBC,EAEmB;AAAA,MAFnBA,EAEmB,wBAFd,KAEc;AAAA,MADhBC,SACgB;AACnB,SACE;AACE,IAAA,IAAI,EAAC;AADP,KAEMA,SAFN;AAGE,IAAA,SAAS,EAAE,4BACT,UADS,yBAEOH,IAFP,0BAGOE,EAHP;AAHb,MASGD,QATH,CADF;AAaD,CAnBM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./Gradient.css\";\n\nexport interface GradientProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Тип градиента\n   */\n  mode?: \"tint\" | \"white\" | \"black\";\n  /**\n   * Направление градиента\n   */\n  to?: \"top\" | \"bottom\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gradient\n */\nexport const Gradient = ({\n  mode = \"tint\",\n  children,\n  to = \"top\",\n  ...restProps\n}: GradientProps) => {\n  return (\n    <div\n      role=\"presentation\"\n      {...restProps}\n      vkuiClass={classNames(\n        \"Gradient\",\n        `Gradient--md-${mode}`,\n        `Gradient--to-${to}`\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"file":"Gradient.js"}
+{"version":3,"file":"Gradient.js","names":["Gradient","mode","children","to","restProps","classNames"],"sources":["../../../../src/components/Gradient/Gradient.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./Gradient.css\";\n\nexport interface GradientProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Тип градиента\n   */\n  mode?: \"tint\" | \"white\" | \"black\";\n  /**\n   * Направление градиента\n   */\n  to?: \"top\" | \"bottom\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gradient\n */\nexport const Gradient = ({\n  mode = \"tint\",\n  children,\n  to = \"top\",\n  ...restProps\n}: GradientProps) => {\n  return (\n    <div\n      role=\"presentation\"\n      {...restProps}\n      vkuiClass={classNames(\n        \"Gradient\",\n        `Gradient--md-${mode}`,\n        `Gradient--to-${to}`\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;;;AAcA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAKH;EAAA,qBAJnBC,IAImB;EAAA,IAJnBA,IAImB,0BAJZ,MAIY;EAAA,IAHnBC,QAGmB,QAHnBA,QAGmB;EAAA,mBAFnBC,EAEmB;EAAA,IAFnBA,EAEmB,wBAFd,KAEc;EAAA,IADhBC,SACgB;EACnB,OACE;IACE,IAAI,EAAC;EADP,GAEMA,SAFN;IAGE,SAAS,EAAE,IAAAC,sBAAA,EACT,UADS,yBAEOJ,IAFP,0BAGOE,EAHP;EAHb,IASGD,QATH,CADF;AAaD,CAnBM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/GridAvatar/GridAvatar.tsx"],"names":["MAX_GRID_LENGTH","warn","GridAvatar","src","restProps","process","env","NODE_ENV","length","map","url","index","backgroundImage"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;;AAcO,IAAMA,eAAe,GAAG,CAAxB;;AAEP,IAAMC,IAAI,GAAG,wBAAS,YAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAAiD;AAAA,sBAA9CC,GAA8C;AAAA,MAA9CA,GAA8C,yBAAxC,EAAwC;AAAA,MAAjCC,SAAiC;;AACzE,MAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IAA0CJ,GAAG,CAACK,MAAJ,GAAaR,eAA3D,EAA4E;AAC1EC,IAAAA,IAAI,0FACoBE,GAAG,CAACK,MADxB,8HACwDR,eADxD,QAEF,OAFE,CAAJ;AAID;;AAED,SACE,qCAAC,cAAD,6BAAYI,SAAZ;AAAuB,IAAA,SAAS,EAAC;AAAjC,MACE;AAAK,IAAA,SAAS,EAAC,gBAAf;AAAgC,mBAAY;AAA5C,KACGD,GAAG,CAACM,GAAJ,CAAQ,UAACC,GAAD,EAAMC,KAAN;AAAA,WACPA,KAAK,GAAGX,eAAR,GACE;AACE,MAAA,GAAG,EAAEU,GADP;AAEE,MAAA,SAAS,EAAC,kBAFZ;AAGE,MAAA,KAAK,EAAE;AAAEE,QAAAA,eAAe,gBAASF,GAAT;AAAjB;AAHT,MADF,GAMI,IAPG;AAAA,GAAR,CADH,CADF,CADF;AAeD,CAvBM","sourcesContent":["import * as React from \"react\";\nimport { Avatar, AvatarProps } from \"../Avatar/Avatar\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { HasRootRef } from \"../../types\";\nimport \"./GridAvatar.css\";\n\nexport interface GridAvatarProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    Pick<AvatarProps, \"size\" | \"shadow\" | \"badge\"> {\n  /**\n   * Массив со ссылками. От 1 до 4 элементов.\n   */\n  src?: string[];\n}\n\nexport const MAX_GRID_LENGTH = 4;\n\nconst warn = warnOnce(\"GridAvatar\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/GridAvatar\n */\nexport const GridAvatar = ({ src = [], ...restProps }: GridAvatarProps) => {\n  if (process.env.NODE_ENV === \"development\" && src.length > MAX_GRID_LENGTH) {\n    warn(\n      `Длина массива src (${src.length}) больше максимальной (${MAX_GRID_LENGTH})`,\n      \"error\"\n    );\n  }\n\n  return (\n    <Avatar {...restProps} vkuiClass=\"GridAvatar\">\n      <div vkuiClass=\"GridAvatar__in\" aria-hidden=\"true\">\n        {src.map((url, index) =>\n          index < MAX_GRID_LENGTH ? (\n            <div\n              key={url}\n              vkuiClass=\"GridAvatar__item\"\n              style={{ backgroundImage: `url(${url})` }}\n            />\n          ) : null\n        )}\n      </div>\n    </Avatar>\n  );\n};\n"],"file":"GridAvatar.js"}
+{"version":3,"file":"GridAvatar.js","names":["MAX_GRID_LENGTH","warn","warnOnce","GridAvatar","src","restProps","process","env","NODE_ENV","length","map","url","index","backgroundImage"],"sources":["../../../../src/components/GridAvatar/GridAvatar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Avatar, AvatarProps } from \"../Avatar/Avatar\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { HasRootRef } from \"../../types\";\nimport \"./GridAvatar.css\";\n\nexport interface GridAvatarProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    Pick<AvatarProps, \"size\" | \"shadow\" | \"badge\"> {\n  /**\n   * Массив со ссылками. От 1 до 4 элементов.\n   */\n  src?: string[];\n}\n\nexport const MAX_GRID_LENGTH = 4;\n\nconst warn = warnOnce(\"GridAvatar\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/GridAvatar\n */\nexport const GridAvatar = ({ src = [], ...restProps }: GridAvatarProps) => {\n  if (process.env.NODE_ENV === \"development\" && src.length > MAX_GRID_LENGTH) {\n    warn(\n      `Длина массива src (${src.length}) больше максимальной (${MAX_GRID_LENGTH})`,\n      \"error\"\n    );\n  }\n\n  return (\n    <Avatar {...restProps} vkuiClass=\"GridAvatar\">\n      <div vkuiClass=\"GridAvatar__in\" aria-hidden=\"true\">\n        {src.map((url, index) =>\n          index < MAX_GRID_LENGTH ? (\n            <div\n              key={url}\n              vkuiClass=\"GridAvatar__item\"\n              style={{ backgroundImage: `url(${url})` }}\n            />\n          ) : null\n        )}\n      </div>\n    </Avatar>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;;AAcO,IAAMA,eAAe,GAAG,CAAxB;;AAEP,IAAMC,IAAI,GAAG,IAAAC,kBAAA,EAAS,YAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAAiD;EAAA,oBAA9CC,GAA8C;EAAA,IAA9CA,GAA8C,yBAAxC,EAAwC;EAAA,IAAjCC,SAAiC;;EACzE,IAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IAA0CJ,GAAG,CAACK,MAAJ,GAAaT,eAA3D,EAA4E;IAC1EC,IAAI,0FACoBG,GAAG,CAACK,MADxB,8HACwDT,eADxD,QAEF,OAFE,CAAJ;EAID;;EAED,OACE,qCAAC,cAAD,6BAAYK,SAAZ;IAAuB,SAAS,EAAC;EAAjC,IACE;IAAK,SAAS,EAAC,gBAAf;IAAgC,eAAY;EAA5C,GACGD,GAAG,CAACM,GAAJ,CAAQ,UAACC,GAAD,EAAMC,KAAN;IAAA,OACPA,KAAK,GAAGZ,eAAR,GACE;MACE,GAAG,EAAEW,GADP;MAEE,SAAS,EAAC,kBAFZ;MAGE,KAAK,EAAE;QAAEE,eAAe,gBAASF,GAAT;MAAjB;IAHT,EADF,GAMI,IAPG;EAAA,CAAR,CADH,CADF,CADF;AAeD,CAvBM"}

package/dist/cjs/components/Group/Group.js

@@ -35,7 +35,7 @@ var _withAdaptivity = require("../../hoc/withAdaptivity");
 
 var _ModalRootContext = require("../ModalRoot/ModalRootContext");
 
-var _excluded = ["header", "description", "children", "separator", "getRootRef", "mode", "sizeX"];
+var _excluded = ["header", "description", "children", "separator", "getRootRef", "mode", "padding", "sizeX"];
 
 var GroupComponent = function GroupComponent(_ref) {
   var header = _ref.header,
@@ -45,6 +45,8 @@ var GroupComponent = function GroupComponent(_ref) {
       separator = _ref$separator === void 0 ? "auto" : _ref$separator,
       getRootRef = _ref.getRootRef,
       mode = _ref.mode,
+      _ref$padding = _ref.padding,
+      padding = _ref$padding === void 0 ? "m" : _ref$padding,
       sizeX = _ref.sizeX,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
@@ -73,7 +75,7 @@ var GroupComponent = function GroupComponent(_ref) {
   return (0, _jsxRuntime.createScopedElement)("section", (0, _extends2.default)({}, restProps, {
     ref: getRootRef,
     vkuiClass: (0, _classNames.classNames)("Group", platform === _platform.IOS && "Group--ios", // TODO v5.0.0 Новая адаптивность
-    "Group--sizeX-".concat(sizeX), "Group--".concat(computedMode))
+    "Group--sizeX-".concat(sizeX), "Group--".concat(computedMode), "Group--padding-".concat(padding))
   }), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Group__inner"
   }, header, children, (0, _utils.hasReactNode)(description) && (0, _jsxRuntime.createScopedElement)(_Caption.Caption, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Group/Group.tsx"],"names":["GroupComponent","header","description","children","separator","getRootRef","mode","sizeX","restProps","React","useContext","ModalRootContext","isInsideModal","platform","computedMode","SizeType","COMPACT","separatorElement","separatorClassName","IOS","Group","displayName"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;;;AAyBA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OASL;AAAA,MARhBC,MAQgB,QARhBA,MAQgB;AAAA,MAPhBC,WAOgB,QAPhBA,WAOgB;AAAA,MANhBC,QAMgB,QANhBA,QAMgB;AAAA,4BALhBC,SAKgB;AAAA,MALhBA,SAKgB,+BALJ,MAKI;AAAA,MAJhBC,UAIgB,QAJhBA,UAIgB;AAAA,MAHhBC,IAGgB,QAHhBA,IAGgB;AAAA,MAFhBC,KAEgB,QAFhBA,KAEgB;AAAA,MADbC,SACa;;AAChB,0BAA0BC,KAAK,CAACC,UAAN,CAAiBC,kCAAjB,CAA1B;AAAA,MAAQC,aAAR,qBAAQA,aAAR;;AACA,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAIC,YAAgC,GAAGR,IAAvC;;AAEA,MAAI,CAACA,IAAL,EAAW;AACTQ,IAAAA,YAAY,GACVP,KAAK,KAAKQ,yBAASC,OAAnB,IAA8BJ,aAA9B,GAA8C,OAA9C,GAAwD,MAD1D;AAED;;AAED,MAAIK,gBAAgB,GAAG,IAAvB;;AAEA,MAAIb,SAAS,KAAK,MAAlB,EAA0B;AACxB,QAAMc,kBAAkB,GAAG,4BACzB,kBADyB,EAEzBd,SAAS,KAAK,MAAd,IAAwB,yBAFC,CAA3B;AAIAa,IAAAA,gBAAgB,GACdH,YAAY,KAAK,MAAjB,GACE,qCAAC,gBAAD;AAAS,MAAA,SAAS,EAAEI,kBAApB;AAAwC,MAAA,IAAI,EAAE;AAA9C,MADF,GAGE,qCAAC,oBAAD;AAAW,MAAA,SAAS,EAAEA;AAAtB,MAJJ;AAMD;;AAED,SACE,2EACMV,SADN;AAEE,IAAA,GAAG,EAAEH,UAFP;AAGE,IAAA,SAAS,EAAE,4BACT,OADS,EAETQ,QAAQ,KAAKM,aAAb,IAAoB,YAFX,EAGT;AAHS,2BAIOZ,KAJP,oBAKCO,YALD;AAHb,MAWE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGb,MADH,EAEGE,QAFH,EAGG,yBAAaD,WAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAyCA,WAAzC,CAJJ,CAXF,EAkBGe,gBAlBH,CADF;AAsBD,CAzDD;AA2DA;AACA;AACA;;;AACO,IAAMG,KAAK,GAAG,oCAAepB,cAAf,EAA+B;AAAEO,EAAAA,KAAK,EAAE;AAAT,CAA/B,CAAd;;AAEPa,KAAK,CAACC,WAAN,GAAoB,OAApB","sourcesContent":["import * as React from \"react\";\nimport { IOS } from \"../../lib/platform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Spacing } from \"../Spacing/Spacing\";\nimport { Separator } from \"../Separator/Separator\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport {\n  withAdaptivity,\n  AdaptivityProps,\n  SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport { ModalRootContext } from \"../ModalRoot/ModalRootContext\";\nimport \"./Group.css\";\n\nexport interface GroupProps\n  extends HasRootRef<HTMLElement>,\n    React.HTMLAttributes<HTMLElement>,\n    AdaptivityProps {\n  header?: React.ReactNode;\n  description?: React.ReactNode;\n  /**\n    show - разделитель всегда показывается,\n    hide – разделитель всегда спрятан,\n    auto – разделитель рисуется автоматически между соседними группами.\n   */\n  separator?: \"show\" | \"hide\" | \"auto\";\n  /**\n   * Режим отображения. Если установлен 'card', выглядит как карточка c\n   * обводкой и внешними отступами. Если 'plain' — без отступов и обводки.\n   * По умолчанию режим отображения зависит от `sizeX`. В модальных окнах\n   * по умолчанию 'plain'.\n   */\n  mode?: \"plain\" | \"card\";\n  children?: React.ReactNode;\n}\n\nconst GroupComponent = ({\n  header,\n  description,\n  children,\n  separator = \"auto\",\n  getRootRef,\n  mode,\n  sizeX,\n  ...restProps\n}: GroupProps) => {\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const platform = usePlatform();\n\n  let computedMode: GroupProps[\"mode\"] = mode;\n\n  if (!mode) {\n    computedMode =\n      sizeX === SizeType.COMPACT || isInsideModal ? \"plain\" : \"card\";\n  }\n\n  let separatorElement = null;\n\n  if (separator !== \"hide\") {\n    const separatorClassName = classNames(\n      \"Group__separator\",\n      separator === \"show\" && \"Group__separator--force\"\n    );\n    separatorElement =\n      computedMode === \"card\" ? (\n        <Spacing vkuiClass={separatorClassName} size={16} />\n      ) : (\n        <Separator vkuiClass={separatorClassName} />\n      );\n  }\n\n  return (\n    <section\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"Group\",\n        platform === IOS && \"Group--ios\",\n        // TODO v5.0.0 Новая адаптивность\n        `Group--sizeX-${sizeX}`,\n        `Group--${computedMode}`\n      )}\n    >\n      <div vkuiClass=\"Group__inner\">\n        {header}\n        {children}\n        {hasReactNode(description) && (\n          <Caption vkuiClass=\"Group__description\">{description}</Caption>\n        )}\n      </div>\n      {separatorElement}\n    </section>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Group\n */\nexport const Group = withAdaptivity(GroupComponent, { sizeX: true });\n\nGroup.displayName = \"Group\";\n"],"file":"Group.js"}
+{"version":3,"file":"Group.js","names":["GroupComponent","header","description","children","separator","getRootRef","mode","padding","sizeX","restProps","React","useContext","ModalRootContext","isInsideModal","platform","usePlatform","computedMode","SizeType","COMPACT","separatorElement","separatorClassName","classNames","IOS","hasReactNode","Group","withAdaptivity","displayName"],"sources":["../../../../src/components/Group/Group.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { IOS } from \"../../lib/platform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Spacing } from \"../Spacing/Spacing\";\nimport { Separator } from \"../Separator/Separator\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport {\n  withAdaptivity,\n  AdaptivityProps,\n  SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport { ModalRootContext } from \"../ModalRoot/ModalRootContext\";\nimport \"./Group.css\";\n\nexport interface GroupProps\n  extends HasRootRef<HTMLElement>,\n    React.HTMLAttributes<HTMLElement>,\n    AdaptivityProps {\n  header?: React.ReactNode;\n  description?: React.ReactNode;\n  /**\n    show - разделитель всегда показывается,\n    hide – разделитель всегда спрятан,\n    auto – разделитель рисуется автоматически между соседними группами.\n   */\n  separator?: \"show\" | \"hide\" | \"auto\";\n  /**\n   * Режим отображения. Если установлен 'card', выглядит как карточка c\n   * обводкой и внешними отступами. Если 'plain' — без отступов и обводки.\n   * По умолчанию режим отображения зависит от `sizeX`. В модальных окнах\n   * по умолчанию 'plain'.\n   */\n  mode?: \"plain\" | \"card\";\n  /**\n   * Отвечает за отступы вокруг контента в режиме 'card'.\n   */\n  padding?: \"s\" | \"m\";\n  children?: React.ReactNode;\n}\n\nconst GroupComponent = ({\n  header,\n  description,\n  children,\n  separator = \"auto\",\n  getRootRef,\n  mode,\n  padding = \"m\",\n  sizeX,\n  ...restProps\n}: GroupProps) => {\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const platform = usePlatform();\n\n  let computedMode: GroupProps[\"mode\"] = mode;\n\n  if (!mode) {\n    computedMode =\n      sizeX === SizeType.COMPACT || isInsideModal ? \"plain\" : \"card\";\n  }\n\n  let separatorElement = null;\n\n  if (separator !== \"hide\") {\n    const separatorClassName = classNames(\n      \"Group__separator\",\n      separator === \"show\" && \"Group__separator--force\"\n    );\n    separatorElement =\n      computedMode === \"card\" ? (\n        <Spacing vkuiClass={separatorClassName} size={16} />\n      ) : (\n        <Separator vkuiClass={separatorClassName} />\n      );\n  }\n\n  return (\n    <section\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"Group\",\n        platform === IOS && \"Group--ios\",\n        // TODO v5.0.0 Новая адаптивность\n        `Group--sizeX-${sizeX}`,\n        `Group--${computedMode}`,\n        `Group--padding-${padding}`\n      )}\n    >\n      <div vkuiClass=\"Group__inner\">\n        {header}\n        {children}\n        {hasReactNode(description) && (\n          <Caption vkuiClass=\"Group__description\">{description}</Caption>\n        )}\n      </div>\n      {separatorElement}\n    </section>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Group\n */\nexport const Group = withAdaptivity(GroupComponent, { sizeX: true });\n\nGroup.displayName = \"Group\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;;;AA6BA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAUL;EAAA,IAThBC,MASgB,QAThBA,MASgB;EAAA,IARhBC,WAQgB,QARhBA,WAQgB;EAAA,IAPhBC,QAOgB,QAPhBA,QAOgB;EAAA,0BANhBC,SAMgB;EAAA,IANhBA,SAMgB,+BANJ,MAMI;EAAA,IALhBC,UAKgB,QALhBA,UAKgB;EAAA,IAJhBC,IAIgB,QAJhBA,IAIgB;EAAA,wBAHhBC,OAGgB;EAAA,IAHhBA,OAGgB,6BAHN,GAGM;EAAA,IAFhBC,KAEgB,QAFhBA,KAEgB;EAAA,IADbC,SACa;;EAChB,wBAA0BC,KAAK,CAACC,UAAN,CAAiBC,kCAAjB,CAA1B;EAAA,IAAQC,aAAR,qBAAQA,aAAR;;EACA,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,IAAIC,YAAgC,GAAGV,IAAvC;;EAEA,IAAI,CAACA,IAAL,EAAW;IACTU,YAAY,GACVR,KAAK,KAAKS,wBAAA,CAASC,OAAnB,IAA8BL,aAA9B,GAA8C,OAA9C,GAAwD,MAD1D;EAED;;EAED,IAAIM,gBAAgB,GAAG,IAAvB;;EAEA,IAAIf,SAAS,KAAK,MAAlB,EAA0B;IACxB,IAAMgB,kBAAkB,GAAG,IAAAC,sBAAA,EACzB,kBADyB,EAEzBjB,SAAS,KAAK,MAAd,IAAwB,yBAFC,CAA3B;IAIAe,gBAAgB,GACdH,YAAY,KAAK,MAAjB,GACE,qCAAC,gBAAD;MAAS,SAAS,EAAEI,kBAApB;MAAwC,IAAI,EAAE;IAA9C,EADF,GAGE,qCAAC,oBAAD;MAAW,SAAS,EAAEA;IAAtB,EAJJ;EAMD;;EAED,OACE,2EACMX,SADN;IAEE,GAAG,EAAEJ,UAFP;IAGE,SAAS,EAAE,IAAAgB,sBAAA,EACT,OADS,EAETP,QAAQ,KAAKQ,aAAb,IAAoB,YAFX,EAGT;IAHS,uBAIOd,KAJP,oBAKCQ,YALD,4BAMST,OANT;EAHb,IAYE;IAAK,SAAS,EAAC;EAAf,GACGN,MADH,EAEGE,QAFH,EAGG,IAAAoB,mBAAA,EAAarB,WAAb,KACC,qCAAC,gBAAD;IAAS,SAAS,EAAC;EAAnB,GAAyCA,WAAzC,CAJJ,CAZF,EAmBGiB,gBAnBH,CADF;AAuBD,CA3DD;AA6DA;AACA;AACA;;;AACO,IAAMK,KAAK,GAAG,IAAAC,8BAAA,EAAezB,cAAf,EAA+B;EAAEQ,KAAK,EAAE;AAAT,CAA/B,CAAd;;AAEPgB,KAAK,CAACE,WAAN,GAAoB,OAApB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Header/Header.tsx"],"names":["HeaderContent","platform","mode","restProps","Platform","IOS","VKCOM","Header","children","subtitle","indicator","aside","getRootRef","multiline","AsideTypography","Subhead","Text","SubtitleTypography","Caption","ANDROID","undefined"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasComponent, HasPlatform, HasRootRef } from \"../../types\";\nimport { hasReactNode, isPrimitiveReactNode } from \"../../lib/utils\";\nimport { Platform } from \"../../lib/platform\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport \"./Header.css\";\n\nexport interface HeaderProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement> {\n  mode?: \"primary\" | \"secondary\" | \"tertiary\";\n  subtitle?: React.ReactNode;\n  /**\n   * Допускаются иконки, текст, Link\n   */\n  aside?: React.ReactNode;\n  /**\n   * Допускаются текст, Indicator\n   */\n  indicator?: React.ReactNode;\n  multiline?: boolean;\n}\n\ntype HeaderContentProps = Pick<HeaderProps, \"children\" | \"mode\"> &\n  HasPlatform &\n  HasComponent;\n\nconst HeaderContent = ({\n  platform,\n  mode,\n  ...restProps\n}: HeaderContentProps) => {\n  if (platform === Platform.IOS) {\n    switch (mode) {\n      case \"primary\":\n      case \"tertiary\":\n        return <Title weight=\"1\" level=\"3\" {...restProps} />;\n      case \"secondary\":\n        return <Caption weight=\"2\" caps {...restProps} />;\n    }\n  }\n\n  if (platform === Platform.VKCOM) {\n    switch (mode) {\n      case \"primary\":\n        return <Headline weight=\"3\" {...restProps} />;\n      case \"secondary\":\n      case \"tertiary\":\n        return <Caption {...restProps} />;\n    }\n  }\n\n  switch (mode) {\n    case \"primary\":\n    case \"tertiary\":\n      return <Headline weight=\"2\" {...restProps} />;\n    case \"secondary\":\n      return <Caption weight=\"1\" caps {...restProps} />;\n  }\n\n  return null;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Header\n */\nexport const Header = ({\n  mode = \"primary\",\n  children,\n  subtitle,\n  indicator,\n  aside,\n  getRootRef,\n  multiline,\n  ...restProps\n}: HeaderProps) => {\n  const platform = usePlatform();\n\n  const AsideTypography = platform === Platform.VKCOM ? Subhead : Text;\n  const SubtitleTypography = mode === \"secondary\" ? Subhead : Caption;\n\n  return (\n    <header\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"Header\",\n        platform === Platform.VKCOM && \"Header--vkcom\",\n        platform === Platform.ANDROID && \"Header--android\",\n        platform === Platform.IOS && \"Header--ios\",\n        `Header--mode-${mode}`,\n        isPrimitiveReactNode(indicator) && \"Header--pi\"\n      )}\n    >\n      <div vkuiClass=\"Header__main\">\n        <HeaderContent\n          vkuiClass=\"Header__content\"\n          Component=\"span\"\n          mode={mode}\n          platform={platform}\n        >\n          <span\n            vkuiClass={classNames(\n              \"Header__content-in\",\n              multiline && \"Header__content-in--multiline\"\n            )}\n          >\n            {children}\n          </span>\n          {hasReactNode(indicator) && (\n            <Caption\n              vkuiClass=\"Header__indicator\"\n              weight={\n                mode === \"primary\" || mode === \"secondary\" ? \"1\" : undefined\n              }\n            >\n              {indicator}\n            </Caption>\n          )}\n        </HeaderContent>\n\n        {hasReactNode(subtitle) && (\n          <SubtitleTypography vkuiClass=\"Header__subtitle\" Component=\"span\">\n            {subtitle}\n          </SubtitleTypography>\n        )}\n      </div>\n\n      {hasReactNode(aside) && (\n        <AsideTypography vkuiClass=\"Header__aside\" Component=\"span\">\n          {aside}\n        </AsideTypography>\n      )}\n    </header>\n  );\n};\n"],"file":"Header.js"}
+{"version":3,"file":"Header.js","names":["HeaderContent","platform","mode","restProps","Platform","IOS","VKCOM","Header","children","subtitle","indicator","aside","getRootRef","multiline","usePlatform","AsideTypography","Subhead","Text","SubtitleTypography","Caption","classNames","ANDROID","isPrimitiveReactNode","hasReactNode","undefined"],"sources":["../../../../src/components/Header/Header.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasComponent, HasPlatform, HasRootRef } from \"../../types\";\nimport { hasReactNode, isPrimitiveReactNode } from \"../../lib/utils\";\nimport { Platform } from \"../../lib/platform\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport \"./Header.css\";\n\nexport interface HeaderProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement> {\n  mode?: \"primary\" | \"secondary\" | \"tertiary\";\n  subtitle?: React.ReactNode;\n  /**\n   * Допускаются иконки, текст, Link\n   */\n  aside?: React.ReactNode;\n  /**\n   * Допускаются текст, Indicator\n   */\n  indicator?: React.ReactNode;\n  multiline?: boolean;\n}\n\ntype HeaderContentProps = Pick<HeaderProps, \"children\" | \"mode\"> &\n  HasPlatform &\n  HasComponent;\n\nconst HeaderContent = ({\n  platform,\n  mode,\n  ...restProps\n}: HeaderContentProps) => {\n  if (platform === Platform.IOS) {\n    switch (mode) {\n      case \"primary\":\n      case \"tertiary\":\n        return <Title weight=\"1\" level=\"3\" {...restProps} />;\n      case \"secondary\":\n        return <Caption weight=\"2\" caps {...restProps} />;\n    }\n  }\n\n  if (platform === Platform.VKCOM) {\n    switch (mode) {\n      case \"primary\":\n        return <Headline weight=\"3\" {...restProps} />;\n      case \"secondary\":\n      case \"tertiary\":\n        return <Caption {...restProps} />;\n    }\n  }\n\n  switch (mode) {\n    case \"primary\":\n    case \"tertiary\":\n      return <Headline weight=\"2\" {...restProps} />;\n    case \"secondary\":\n      return <Caption weight=\"1\" caps {...restProps} />;\n  }\n\n  return null;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Header\n */\nexport const Header = ({\n  mode = \"primary\",\n  children,\n  subtitle,\n  indicator,\n  aside,\n  getRootRef,\n  multiline,\n  ...restProps\n}: HeaderProps) => {\n  const platform = usePlatform();\n\n  const AsideTypography = platform === Platform.VKCOM ? Subhead : Text;\n  const SubtitleTypography = mode === \"secondary\" ? Subhead : Caption;\n\n  return (\n    <header\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"Header\",\n        platform === Platform.VKCOM && \"Header--vkcom\",\n        platform === Platform.ANDROID && \"Header--android\",\n        platform === Platform.IOS && \"Header--ios\",\n        `Header--mode-${mode}`,\n        isPrimitiveReactNode(indicator) && \"Header--pi\"\n      )}\n    >\n      <div vkuiClass=\"Header__main\">\n        <HeaderContent\n          vkuiClass=\"Header__content\"\n          Component=\"span\"\n          mode={mode}\n          platform={platform}\n        >\n          <span\n            vkuiClass={classNames(\n              \"Header__content-in\",\n              multiline && \"Header__content-in--multiline\"\n            )}\n          >\n            {children}\n          </span>\n          {hasReactNode(indicator) && (\n            <Caption\n              vkuiClass=\"Header__indicator\"\n              weight={\n                mode === \"primary\" || mode === \"secondary\" ? \"1\" : undefined\n              }\n            >\n              {indicator}\n            </Caption>\n          )}\n        </HeaderContent>\n\n        {hasReactNode(subtitle) && (\n          <SubtitleTypography vkuiClass=\"Header__subtitle\" Component=\"span\">\n            {subtitle}\n          </SubtitleTypography>\n        )}\n      </div>\n\n      {hasReactNode(aside) && (\n        <AsideTypography vkuiClass=\"Header__aside\" Component=\"span\">\n          {aside}\n        </AsideTypography>\n      )}\n    </header>\n  );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/HorizontalCell/HorizontalCell.tsx"],"names":["CellTypography","size","children","restProps","HorizontalCell","className","header","style","subtitle","getRootRef","getRef"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;AAQA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAII;AAAA,MAHzBC,IAGyB,QAHzBA,IAGyB;AAAA,MAFzBC,QAEyB,QAFzBA,QAEyB;AAAA,MADtBC,SACsB;AACzB,SAAOF,IAAI,KAAK,GAAT,GACL,qCAAC,gBAAD;AAAS,IAAA,KAAK,EAAC;AAAf,KAAuBE,SAAvB,GACGD,QADH,CADK,GAKL,qCAAC,gBAAD,EAAaC,SAAb,EAAyBD,QAAzB,CALF;AAOD,CAZD;;AAyBA;AACA;AACA;AACO,IAAME,cAAc,GAAG,SAAjBA,cAAiB,QAUH;AAAA,MATzBC,SASyB,SATzBA,SASyB;AAAA,MARzBC,MAQyB,SARzBA,MAQyB;AAAA,MAPzBC,KAOyB,SAPzBA,KAOyB;AAAA,MANzBC,QAMyB,SANzBA,QAMyB;AAAA,yBALzBP,IAKyB;AAAA,MALzBA,IAKyB,2BALlB,GAKkB;AAAA,6BAJzBC,QAIyB;AAAA,MAJzBA,QAIyB,+BAJd,qCAAC,cAAD;AAAQ,IAAA,IAAI,EAAE;AAAd,IAIc;AAAA,MAHzBO,UAGyB,SAHzBA,UAGyB;AAAA,MAFzBC,MAEyB,SAFzBA,MAEyB;AAAA,MADtBP,SACsB;AACzB,SACE;AACE,IAAA,SAAS,EAAE,4BAAW,gBAAX,4BAAgDF,IAAhD,EADb;AAEE,IAAA,GAAG,EAAEQ,UAFP;AAGE,IAAA,KAAK,EAAEF,KAHT;AAIE,IAAA,SAAS,EAAEF;AAJb,KAME,qCAAC,kBAAD;AACE,IAAA,SAAS,EAAC,sBADZ;AAEE,IAAA,UAAU,EAAEK;AAFd,KAGMP,SAHN,GAKG,yBAAaD,QAAb,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwCA,QAAxC,CANJ,EAQE;AAAK,IAAA,SAAS,EAAC;AAAf,KACG,yBAAaI,MAAb,KACC,qCAAC,cAAD;AAAgB,IAAA,IAAI,EAAEL,IAAtB;AAA4B,IAAA,SAAS,EAAC;AAAtC,KACGK,MADH,CAFJ,EAMG,yBAAaE,QAAb,KACC,qCAAC,kBAAD;AAAU,IAAA,SAAS,EAAC;AAApB,KAAgDA,QAAhD,CAPJ,CARF,CANF,CADF;AA4BD,CAvCM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Avatar } from \"../Avatar/Avatar\";\nimport { HasComponent, HasRef, HasRootRef } from \"../../types\";\nimport \"./HorizontalCell.css\";\n\ninterface CellTypographyProps extends React.HTMLAttributes<HTMLDivElement> {\n  size: HorizontalCellProps[\"size\"];\n}\n\nconst CellTypography = ({\n  size,\n  children,\n  ...restProps\n}: CellTypographyProps) => {\n  return size === \"s\" ? (\n    <Caption level=\"2\" {...restProps}>\n      {children}\n    </Caption>\n  ) : (\n    <Subhead {...restProps}>{children}</Subhead>\n  );\n};\n\nexport interface HorizontalCellProps\n  extends React.AnchorHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement>,\n    HasComponent {\n  size?: \"s\" | \"m\" | \"l\";\n  header?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  disabled?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/HorizontalCell\n */\nexport const HorizontalCell = ({\n  className,\n  header,\n  style,\n  subtitle,\n  size = \"s\",\n  children = <Avatar size={56} />,\n  getRootRef,\n  getRef,\n  ...restProps\n}: HorizontalCellProps) => {\n  return (\n    <div\n      vkuiClass={classNames(\"HorizontalCell\", `HorizontalCell--${size}`)}\n      ref={getRootRef}\n      style={style}\n      className={className}\n    >\n      <Tappable\n        vkuiClass=\"HorizontalCell__body\"\n        getRootRef={getRef}\n        {...restProps}\n      >\n        {hasReactNode(children) && (\n          <div vkuiClass=\"HorizontalCell__image\">{children}</div>\n        )}\n        <div vkuiClass=\"HorizontalCell__content\">\n          {hasReactNode(header) && (\n            <CellTypography size={size} vkuiClass=\"HorizontalCell__title\">\n              {header}\n            </CellTypography>\n          )}\n          {hasReactNode(subtitle) && (\n            <Footnote vkuiClass=\"HorizontalCell__subtitle\">{subtitle}</Footnote>\n          )}\n        </div>\n      </Tappable>\n    </div>\n  );\n};\n"],"file":"HorizontalCell.js"}
+{"version":3,"file":"HorizontalCell.js","names":["CellTypography","size","children","restProps","HorizontalCell","className","header","style","subtitle","getRootRef","getRef","classNames","hasReactNode"],"sources":["../../../../src/components/HorizontalCell/HorizontalCell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Avatar } from \"../Avatar/Avatar\";\nimport { HasComponent, HasRef, HasRootRef } from \"../../types\";\nimport \"./HorizontalCell.css\";\n\ninterface CellTypographyProps extends React.HTMLAttributes<HTMLDivElement> {\n  size: HorizontalCellProps[\"size\"];\n}\n\nconst CellTypography = ({\n  size,\n  children,\n  ...restProps\n}: CellTypographyProps) => {\n  return size === \"s\" ? (\n    <Caption level=\"2\" {...restProps}>\n      {children}\n    </Caption>\n  ) : (\n    <Subhead {...restProps}>{children}</Subhead>\n  );\n};\n\nexport interface HorizontalCellProps\n  extends React.AnchorHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement>,\n    HasComponent {\n  size?: \"s\" | \"m\" | \"l\";\n  header?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  disabled?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/HorizontalCell\n */\nexport const HorizontalCell = ({\n  className,\n  header,\n  style,\n  subtitle,\n  size = \"s\",\n  children = <Avatar size={56} />,\n  getRootRef,\n  getRef,\n  ...restProps\n}: HorizontalCellProps) => {\n  return (\n    <div\n      vkuiClass={classNames(\"HorizontalCell\", `HorizontalCell--${size}`)}\n      ref={getRootRef}\n      style={style}\n      className={className}\n    >\n      <Tappable\n        vkuiClass=\"HorizontalCell__body\"\n        getRootRef={getRef}\n        {...restProps}\n      >\n        {hasReactNode(children) && (\n          <div vkuiClass=\"HorizontalCell__image\">{children}</div>\n        )}\n        <div vkuiClass=\"HorizontalCell__content\">\n          {hasReactNode(header) && (\n            <CellTypography size={size} vkuiClass=\"HorizontalCell__title\">\n              {header}\n            </CellTypography>\n          )}\n          {hasReactNode(subtitle) && (\n            <Footnote vkuiClass=\"HorizontalCell__subtitle\">{subtitle}</Footnote>\n          )}\n        </div>\n      </Tappable>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;AAQA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAII;EAAA,IAHzBC,IAGyB,QAHzBA,IAGyB;EAAA,IAFzBC,QAEyB,QAFzBA,QAEyB;EAAA,IADtBC,SACsB;EACzB,OAAOF,IAAI,KAAK,GAAT,GACL,qCAAC,gBAAD;IAAS,KAAK,EAAC;EAAf,GAAuBE,SAAvB,GACGD,QADH,CADK,GAKL,qCAAC,gBAAD,EAAaC,SAAb,EAAyBD,QAAzB,CALF;AAOD,CAZD;;AAyBA;AACA;AACA;AACO,IAAME,cAAc,GAAG,SAAjBA,cAAiB,QAUH;EAAA,IATzBC,SASyB,SATzBA,SASyB;EAAA,IARzBC,MAQyB,SARzBA,MAQyB;EAAA,IAPzBC,KAOyB,SAPzBA,KAOyB;EAAA,IANzBC,QAMyB,SANzBA,QAMyB;EAAA,uBALzBP,IAKyB;EAAA,IALzBA,IAKyB,2BALlB,GAKkB;EAAA,2BAJzBC,QAIyB;EAAA,IAJzBA,QAIyB,+BAJd,qCAAC,cAAD;IAAQ,IAAI,EAAE;EAAd,EAIc;EAAA,IAHzBO,UAGyB,SAHzBA,UAGyB;EAAA,IAFzBC,MAEyB,SAFzBA,MAEyB;EAAA,IADtBP,SACsB;EACzB,OACE;IACE,SAAS,EAAE,IAAAQ,sBAAA,EAAW,gBAAX,4BAAgDV,IAAhD,EADb;IAEE,GAAG,EAAEQ,UAFP;IAGE,KAAK,EAAEF,KAHT;IAIE,SAAS,EAAEF;EAJb,GAME,qCAAC,kBAAD;IACE,SAAS,EAAC,sBADZ;IAEE,UAAU,EAAEK;EAFd,GAGMP,SAHN,GAKG,IAAAS,mBAAA,EAAaV,QAAb,KACC;IAAK,SAAS,EAAC;EAAf,GAAwCA,QAAxC,CANJ,EAQE;IAAK,SAAS,EAAC;EAAf,GACG,IAAAU,mBAAA,EAAaN,MAAb,KACC,qCAAC,cAAD;IAAgB,IAAI,EAAEL,IAAtB;IAA4B,SAAS,EAAC;EAAtC,GACGK,MADH,CAFJ,EAMG,IAAAM,mBAAA,EAAaJ,QAAb,KACC,qCAAC,kBAAD;IAAU,SAAS,EAAC;EAApB,GAAgDA,QAAhD,CAPJ,CARF,CANF,CADF;AA4BD,CAvCM"}