@vkontakte/vkui 4.23.0 → 4.24.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SliderSwitch/SliderSwitch.tsx"],"names":["SliderSwitch","props","value","onSwitch","setState","activeValue","options","hoveredOptionId","event","key","preventDefault","state","find","option","firstButton","current","focus","secondButton","React","createRef","name","_activeValue","restProps","firstOption","secondOption","firstActive","secondActive","switchByKey","resetFocusedOption","handleFirstClick","handleFirstHover","handleSecondClick","handleSecondHover","nextProps","prevState","Component"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport SliderSwitchButton from './SliderSwitchButton';\nimport { classNames } from '../../lib/classNames';\nimport { HasPlatform } from '../../types';\nimport './SliderSwitch.css';\n\nexport interface SliderSwitchOptionInterface {\n  name: string;\n  value: string | number;\n}\n\nexport interface SliderSwitchProps extends React.HTMLAttributes<HTMLDivElement>, HasPlatform {\n  options: Array<{\n    name: string;\n    value: string | number;\n  }>;\n  activeValue?: SliderSwitchOptionInterface['value'];\n  name?: string;\n  onSwitch?: (value: SliderSwitchOptionInterface['value']) => void;\n}\n\ninterface SliderSwitchState {\n  activeValue: SliderSwitchOptionInterface['value'];\n  hoveredOptionId: number;\n}\n\nexport default class SliderSwitch extends React.Component<SliderSwitchProps, SliderSwitchState> {\n  public constructor(props: SliderSwitchProps) {\n    super(props);\n\n    this.state = {\n      activeValue: props.activeValue ?? '',\n      hoveredOptionId: -1,\n    };\n\n    this.firstButton = React.createRef();\n    this.secondButton = React.createRef();\n  }\n\n  static defaultProps = {\n    options: [{ name: '', value: '' }, { name: '', value: '' }],\n  };\n\n  firstButton: React.RefObject<HTMLDivElement>;\n  secondButton: React.RefObject<HTMLDivElement>;\n\n  onSwitch = (value: SliderSwitchOptionInterface['value']) => {\n    const { onSwitch } = this.props;\n\n    this.setState(() => ({\n      activeValue: value,\n    }), () => {\n      onSwitch && onSwitch(value);\n    });\n  };\n\n  handleFirstClick = () => {\n    const { options } = this.props;\n    const { value } = options[0];\n\n    this.onSwitch(value);\n  };\n\n  handleSecondClick = () => {\n    const { options } = this.props;\n    const { value } = options[1];\n\n    this.onSwitch(value);\n  };\n\n  handleFirstHover = () => {\n    this.setState(() =>({\n      hoveredOptionId: 0,\n    }));\n  };\n\n  handleSecondHover = () => {\n    this.setState(() =>({\n      hoveredOptionId: 1,\n    }));\n  };\n\n  resetFocusedOption = () => {\n    this.setState(() => ({\n      hoveredOptionId: -1,\n    }));\n  };\n\n  switchByKey = (event: React.KeyboardEvent) => {\n    if (event.key !== 'Enter' && event.key !== 'Spacebar' && event.key !== ' ') {\n      return;\n    }\n    event.preventDefault();\n\n    const { options } = this.props;\n    const { activeValue } = this.state;\n    const { value } = options.find((option) => option.value !== activeValue);\n\n    this.onSwitch(value);\n\n    if (options[0].value === value) {\n      this.firstButton.current.focus();\n    } else {\n      this.secondButton.current.focus();\n    }\n  };\n\n  static getDerivedStateFromProps(nextProps: SliderSwitchProps, prevState: SliderSwitchState) {\n    if (nextProps.activeValue && nextProps.activeValue !== prevState.activeValue) {\n      return {\n        activeValue: nextProps.activeValue,\n      };\n    }\n\n    return null;\n  }\n\n  public render() {\n    const { name, options, activeValue: _activeValue, onSwitch, ...restProps } = this.props;\n    const { activeValue, hoveredOptionId } = this.state;\n\n    const [firstOption, secondOption] = options;\n    const firstActive = firstOption.value === activeValue;\n    const secondActive = secondOption.value === activeValue;\n\n    return (\n      <div\n        {...restProps}\n        vkuiClass=\"SliderSwitch\"\n        onKeyDown={this.switchByKey}\n        onMouseLeave={this.resetFocusedOption}\n      >\n        {!firstActive && !secondActive &&\n          <div vkuiClass=\"SliderSwitch__border\" />\n        }\n        <div vkuiClass={classNames(\n          'SliderSwitch__slider',\n          {\n            ['SliderSwitch--firstActive']: firstActive,\n            ['SliderSwitch--secondActive']: secondActive,\n          },\n        )} />\n        <input type=\"hidden\" name={name} value={activeValue} />\n        <SliderSwitchButton\n          active={firstActive}\n          hovered={hoveredOptionId === 0}\n          aria-pressed={firstActive}\n          onClick={this.handleFirstClick}\n          onMouseEnter={this.handleFirstHover}\n          getRootRef={this.firstButton}\n        >\n          {firstOption.name}\n        </SliderSwitchButton>\n        <SliderSwitchButton\n          active={secondActive}\n          hovered={hoveredOptionId === 1}\n          onClick={this.handleSecondClick}\n          onMouseEnter={this.handleSecondHover}\n          getRootRef={this.secondButton}\n        >\n          {secondOption.name}\n        </SliderSwitchButton>\n      </div>\n    );\n  }\n}\n"],"file":"SliderSwitch.js"}
+{"version":3,"sources":["../../../../src/components/SliderSwitch/SliderSwitch.tsx"],"names":["SliderSwitch","props","value","onSwitch","setState","activeValue","options","hoveredOptionId","event","key","preventDefault","state","find","option","firstButton","current","focus","secondButton","React","createRef","name","_activeValue","restProps","firstOption","secondOption","firstActive","secondActive","switchByKey","resetFocusedOption","handleFirstClick","handleFirstHover","handleSecondClick","handleSecondHover","nextProps","prevState","Component"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport SliderSwitchButton from \"./SliderSwitchButton\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasPlatform } from \"../../types\";\nimport \"./SliderSwitch.css\";\n\nexport interface SliderSwitchOptionInterface {\n  name: string;\n  value: string | number;\n}\n\nexport interface SliderSwitchProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasPlatform {\n  options: Array<{\n    name: string;\n    value: string | number;\n  }>;\n  activeValue?: SliderSwitchOptionInterface[\"value\"];\n  name?: string;\n  onSwitch?: (value: SliderSwitchOptionInterface[\"value\"]) => void;\n}\n\ninterface SliderSwitchState {\n  activeValue: SliderSwitchOptionInterface[\"value\"];\n  hoveredOptionId: number;\n}\n\nexport default class SliderSwitch extends React.Component<\n  SliderSwitchProps,\n  SliderSwitchState\n> {\n  public constructor(props: SliderSwitchProps) {\n    super(props);\n\n    this.state = {\n      activeValue: props.activeValue ?? \"\",\n      hoveredOptionId: -1,\n    };\n\n    this.firstButton = React.createRef();\n    this.secondButton = React.createRef();\n  }\n\n  static defaultProps = {\n    options: [\n      { name: \"\", value: \"\" },\n      { name: \"\", value: \"\" },\n    ],\n  };\n\n  firstButton: React.RefObject<HTMLDivElement>;\n  secondButton: React.RefObject<HTMLDivElement>;\n\n  onSwitch = (value: SliderSwitchOptionInterface[\"value\"]) => {\n    const { onSwitch } = this.props;\n\n    this.setState(\n      () => ({\n        activeValue: value,\n      }),\n      () => {\n        onSwitch && onSwitch(value);\n      }\n    );\n  };\n\n  handleFirstClick = () => {\n    const { options } = this.props;\n    const { value } = options[0];\n\n    this.onSwitch(value);\n  };\n\n  handleSecondClick = () => {\n    const { options } = this.props;\n    const { value } = options[1];\n\n    this.onSwitch(value);\n  };\n\n  handleFirstHover = () => {\n    this.setState(() => ({\n      hoveredOptionId: 0,\n    }));\n  };\n\n  handleSecondHover = () => {\n    this.setState(() => ({\n      hoveredOptionId: 1,\n    }));\n  };\n\n  resetFocusedOption = () => {\n    this.setState(() => ({\n      hoveredOptionId: -1,\n    }));\n  };\n\n  switchByKey = (event: React.KeyboardEvent) => {\n    if (\n      event.key !== \"Enter\" &&\n      event.key !== \"Spacebar\" &&\n      event.key !== \" \"\n    ) {\n      return;\n    }\n    event.preventDefault();\n\n    const { options } = this.props;\n    const { activeValue } = this.state;\n    const { value } = options.find((option) => option.value !== activeValue);\n\n    this.onSwitch(value);\n\n    if (options[0].value === value) {\n      this.firstButton.current.focus();\n    } else {\n      this.secondButton.current.focus();\n    }\n  };\n\n  static getDerivedStateFromProps(\n    nextProps: SliderSwitchProps,\n    prevState: SliderSwitchState\n  ) {\n    if (\n      nextProps.activeValue &&\n      nextProps.activeValue !== prevState.activeValue\n    ) {\n      return {\n        activeValue: nextProps.activeValue,\n      };\n    }\n\n    return null;\n  }\n\n  public render() {\n    const {\n      name,\n      options,\n      activeValue: _activeValue,\n      onSwitch,\n      ...restProps\n    } = this.props;\n    const { activeValue, hoveredOptionId } = this.state;\n\n    const [firstOption, secondOption] = options;\n    const firstActive = firstOption.value === activeValue;\n    const secondActive = secondOption.value === activeValue;\n\n    return (\n      <div\n        {...restProps}\n        vkuiClass=\"SliderSwitch\"\n        onKeyDown={this.switchByKey}\n        onMouseLeave={this.resetFocusedOption}\n      >\n        {!firstActive && !secondActive && (\n          <div vkuiClass=\"SliderSwitch__border\" />\n        )}\n        <div\n          vkuiClass={classNames(\"SliderSwitch__slider\", {\n            [\"SliderSwitch--firstActive\"]: firstActive,\n            [\"SliderSwitch--secondActive\"]: secondActive,\n          })}\n        />\n        <input type=\"hidden\" name={name} value={activeValue} />\n        <SliderSwitchButton\n          active={firstActive}\n          hovered={hoveredOptionId === 0}\n          aria-pressed={firstActive}\n          onClick={this.handleFirstClick}\n          onMouseEnter={this.handleFirstHover}\n          getRootRef={this.firstButton}\n        >\n          {firstOption.name}\n        </SliderSwitchButton>\n        <SliderSwitchButton\n          active={secondActive}\n          hovered={hoveredOptionId === 1}\n          onClick={this.handleSecondClick}\n          onMouseEnter={this.handleSecondHover}\n          getRootRef={this.secondButton}\n        >\n          {secondOption.name}\n        </SliderSwitchButton>\n      </div>\n    );\n  }\n}\n"],"file":"SliderSwitch.js"}

package/dist/cjs/components/SliderSwitch/SliderSwitchButton.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { HasRootRef } from '../../types';
-import './SliderSwitch.css';
+import * as React from "react";
+import { HasRootRef } from "../../types";
+import "./SliderSwitch.css";
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement> {
     active?: boolean;
     hovered?: boolean;

package/dist/cjs/components/SliderSwitch/SliderSwitchButton.js

@@ -53,7 +53,7 @@ var SliderSwitchButton = function SliderSwitchButton(props) {
   };
 
   return (0, _jsxRuntime.createScopedElement)(_Tappable.default, (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames2.classNames)((0, _getClassName.getClassName)('SliderSwitch__button', platform), (_classNames = {}, (0, _defineProperty2.default)(_classNames, 'SliderSwitch__button--active', active), (0, _defineProperty2.default)(_classNames, 'SliderSwitch__button--hover', !active && hovered), (0, _defineProperty2.default)(_classNames, 'SliderSwitch__button--activeHover', active && hovered), (0, _defineProperty2.default)(_classNames, 'SliderSwitch__button--focus', focus && !hovered), _classNames)),
+    vkuiClass: (0, _classNames2.classNames)((0, _getClassName.getClassName)("SliderSwitch__button", platform), (_classNames = {}, (0, _defineProperty2.default)(_classNames, "SliderSwitch__button--active", active), (0, _defineProperty2.default)(_classNames, "SliderSwitch__button--hover", !active && hovered), (0, _defineProperty2.default)(_classNames, "SliderSwitch__button--activeHover", active && hovered), (0, _defineProperty2.default)(_classNames, "SliderSwitch__button--focus", focus && !hovered), _classNames)),
     Component: "button",
     type: "button",
     getRootRef: getRootRef,

package/dist/cjs/components/SliderSwitch/SliderSwitchButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SliderSwitch/SliderSwitchButton.tsx"],"names":["SliderSwitchButton","props","active","hovered","children","getRootRef","restProps","platform","React","useState","focus","setFocus","toggleFocus"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;AAQA,IAAMA,kBAAwD,GAAG,SAA3DA,kBAA2D,CAACC,KAAD,EAAwB;AAAA;;AACvF,MAAQC,MAAR,GAAgED,KAAhE,CAAQC,MAAR;AAAA,MAAgBC,OAAhB,GAAgEF,KAAhE,CAAgBE,OAAhB;AAAA,MAAyBC,QAAzB,GAAgEH,KAAhE,CAAyBG,QAAzB;AAAA,MAAmCC,UAAnC,GAAgEJ,KAAhE,CAAmCI,UAAnC;AAAA,MAAkDC,SAAlD,0CAAgEL,KAAhE;AACA,MAAMM,QAAQ,GAAG,+BAAjB;;AACA,wBAA0BC,KAAK,CAACC,QAAN,CAAe,KAAf,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxBD,IAAAA,QAAQ,CAAC,CAACD,KAAF,CAAR;AACD,GAFD;;AAIA,SAAO,qCAAC,iBAAD,6BAAcJ,SAAd;AACL,IAAA,SAAS,EACP,6BACE,gCAAa,sBAAb,EAAqCC,QAArC,CADF,gEAGK,8BAHL,EAGsCL,MAHtC,8CAIK,6BAJL,EAIqC,CAACA,MAAD,IAAWC,OAJhD,8CAKK,mCALL,EAK2CD,MAAM,IAAIC,OALrD,8CAMK,6BANL,EAMqCO,KAAK,IAAI,CAACP,OAN/C,gBAFG;AAYL,IAAA,SAAS,EAAC,QAZL;AAaL,IAAA,IAAI,EAAC,QAbA;AAcL,IAAA,UAAU,EAAEE,UAdP;AAeL,oBAAcH,MAfT;AAgBL,IAAA,OAAO,EAAEU,WAhBJ;AAiBL,IAAA,MAAM,EAAEA,WAjBH;AAkBL,IAAA,QAAQ,EAAE,CAlBL;AAmBL,IAAA,SAAS,EAAE,KAnBN;AAoBL,IAAA,SAAS,EAAC;AApBL,MAsBL,qCAAC,aAAD;AAAM,IAAA,MAAM,EAAC;AAAb,KAAuBR,QAAvB,CAtBK,CAAP;AAwBD,CAjCD;;eAmCeJ,kB","sourcesContent":["import * as React from 'react';\nimport Tappable from '../Tappable/Tappable';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { HasRootRef } from '../../types';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport Text from '../Typography/Text/Text';\nimport './SliderSwitch.css';\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement> {\n  active?: boolean;\n  hovered?: boolean;\n}\n\nconst SliderSwitchButton: React.FunctionComponent<ButtonProps> = (props: ButtonProps) => {\n  const { active, hovered, children, getRootRef, ...restProps } = props;\n  const platform = usePlatform();\n  const [focus, setFocus] = React.useState(false);\n\n  const toggleFocus = () => {\n    setFocus(!focus);\n  };\n\n  return <Tappable {...restProps}\n    vkuiClass={\n      classNames(\n        getClassName('SliderSwitch__button', platform),\n        {\n          ['SliderSwitch__button--active']: active,\n          ['SliderSwitch__button--hover']: !active && hovered,\n          ['SliderSwitch__button--activeHover']: active && hovered,\n          ['SliderSwitch__button--focus']: focus && !hovered,\n        },\n      )\n    }\n    Component=\"button\"\n    type=\"button\"\n    getRootRef={getRootRef}\n    aria-pressed={active}\n    onFocus={toggleFocus}\n    onBlur={toggleFocus}\n    tabIndex={0}\n    hasActive={false}\n    hoverMode=\"opacity\"\n  >\n    <Text weight=\"medium\">{children}</Text>\n  </Tappable>;\n};\n\nexport default SliderSwitchButton;\n"],"file":"SliderSwitchButton.js"}
+{"version":3,"sources":["../../../../src/components/SliderSwitch/SliderSwitchButton.tsx"],"names":["SliderSwitchButton","props","active","hovered","children","getRootRef","restProps","platform","React","useState","focus","setFocus","toggleFocus"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;AAUA,IAAMA,kBAAwD,GAAG,SAA3DA,kBAA2D,CAC/DC,KAD+D,EAE5D;AAAA;;AACH,MAAQC,MAAR,GAAgED,KAAhE,CAAQC,MAAR;AAAA,MAAgBC,OAAhB,GAAgEF,KAAhE,CAAgBE,OAAhB;AAAA,MAAyBC,QAAzB,GAAgEH,KAAhE,CAAyBG,QAAzB;AAAA,MAAmCC,UAAnC,GAAgEJ,KAAhE,CAAmCI,UAAnC;AAAA,MAAkDC,SAAlD,0CAAgEL,KAAhE;AACA,MAAMM,QAAQ,GAAG,+BAAjB;;AACA,wBAA0BC,KAAK,CAACC,QAAN,CAAe,KAAf,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxBD,IAAAA,QAAQ,CAAC,CAACD,KAAF,CAAR;AACD,GAFD;;AAIA,SACE,qCAAC,iBAAD,6BACMJ,SADN;AAEE,IAAA,SAAS,EAAE,6BAAW,gCAAa,sBAAb,EAAqCC,QAArC,CAAX,gEACR,8BADQ,EACyBL,MADzB,8CAER,6BAFQ,EAEwB,CAACA,MAAD,IAAWC,OAFnC,8CAGR,mCAHQ,EAG8BD,MAAM,IAAIC,OAHxC,8CAIR,6BAJQ,EAIwBO,KAAK,IAAI,CAACP,OAJlC,gBAFb;AAQE,IAAA,SAAS,EAAC,QARZ;AASE,IAAA,IAAI,EAAC,QATP;AAUE,IAAA,UAAU,EAAEE,UAVd;AAWE,oBAAcH,MAXhB;AAYE,IAAA,OAAO,EAAEU,WAZX;AAaE,IAAA,MAAM,EAAEA,WAbV;AAcE,IAAA,QAAQ,EAAE,CAdZ;AAeE,IAAA,SAAS,EAAE,KAfb;AAgBE,IAAA,SAAS,EAAC;AAhBZ,MAkBE,qCAAC,aAAD;AAAM,IAAA,MAAM,EAAC;AAAb,KAAuBR,QAAvB,CAlBF,CADF;AAsBD,CAjCD;;eAmCeJ,kB","sourcesContent":["import * as React from \"react\";\nimport Tappable from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport Text from \"../Typography/Text/Text\";\nimport \"./SliderSwitch.css\";\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement> {\n  active?: boolean;\n  hovered?: boolean;\n}\n\nconst SliderSwitchButton: React.FunctionComponent<ButtonProps> = (\n  props: ButtonProps\n) => {\n  const { active, hovered, children, getRootRef, ...restProps } = props;\n  const platform = usePlatform();\n  const [focus, setFocus] = React.useState(false);\n\n  const toggleFocus = () => {\n    setFocus(!focus);\n  };\n\n  return (\n    <Tappable\n      {...restProps}\n      vkuiClass={classNames(getClassName(\"SliderSwitch__button\", platform), {\n        [\"SliderSwitch__button--active\"]: active,\n        [\"SliderSwitch__button--hover\"]: !active && hovered,\n        [\"SliderSwitch__button--activeHover\"]: active && hovered,\n        [\"SliderSwitch__button--focus\"]: focus && !hovered,\n      })}\n      Component=\"button\"\n      type=\"button\"\n      getRootRef={getRootRef}\n      aria-pressed={active}\n      onFocus={toggleFocus}\n      onBlur={toggleFocus}\n      tabIndex={0}\n      hasActive={false}\n      hoverMode=\"opacity\"\n    >\n      <Text weight=\"medium\">{children}</Text>\n    </Tappable>\n  );\n};\n\nexport default SliderSwitchButton;\n"],"file":"SliderSwitchButton.js"}

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { HasPlatform } from '../../types';
-import { AdaptivityProps } from '../../hoc/withAdaptivity';
-import './Snackbar.css';
+import * as React from "react";
+import { HasPlatform } from "../../types";
+import { AdaptivityProps } from "../../hoc/withAdaptivity";
+import "./Snackbar.css";
 export interface SnackbarProps extends React.HTMLAttributes<HTMLElement>, HasPlatform, AdaptivityProps {
     /**
      * Название кнопки действия в уведомлении
@@ -22,7 +22,7 @@ export interface SnackbarProps extends React.HTMLAttributes<HTMLElement>, HasPla
     /**
      * Варианты расположения кнопки
      */
-    layout?: 'vertical' | 'horizontal';
+    layout?: "vertical" | "horizontal";
     /**
      * Время в миллисекундах, через которое плашка скроется
      */

package/dist/cjs/components/Snackbar/Snackbar.js

@@ -89,7 +89,7 @@ var SnackbarComponent = function SnackbarComponent(props) {
   var handleActionClick = function handleActionClick(e) {
     close();
 
-    if (action && typeof onActionClick === 'function') {
+    if (action && typeof onActionClick === "function") {
       onActionClick(e);
     }
   };
@@ -156,12 +156,12 @@ var SnackbarComponent = function SnackbarComponent(props) {
   };
 
   React.useEffect(closeTimeout.set, []);
-  var resolvedLayout = after || isDesktop ? 'vertical' : layout;
+  var resolvedLayout = after || isDesktop ? "vertical" : layout;
   return (0, _jsxRuntime.createScopedElement)(_AppRootPortal.AppRootPortal, null, (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('Snackbar', platform), "Snackbar--l-".concat(resolvedLayout), {
-      'Snackbar--closing': closing,
-      'Snackbar--touched': touched,
-      'Snackbar--desktop': isDesktop
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("Snackbar", platform), "Snackbar--l-".concat(resolvedLayout), {
+      "Snackbar--closing": closing,
+      "Snackbar--touched": touched,
+      "Snackbar--desktop": isDesktop
     })
   }), (0, _jsxRuntime.createScopedElement)(_Touch.Touch, {
     vkuiClass: "Snackbar__in",
@@ -191,10 +191,10 @@ var SnackbarComponent = function SnackbarComponent(props) {
   }, after)))));
 };
 
-SnackbarComponent.displayName = 'Snackbar';
+SnackbarComponent.displayName = "Snackbar";
 SnackbarComponent.defaultProps = {
   duration: 4000,
-  layout: 'horizontal'
+  layout: "horizontal"
 };
 var Snackbar = (0, _withAdaptivity.withAdaptivity)(SnackbarComponent, {
   viewWidth: true

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"names":["SnackbarComponent","props","children","layout","action","before","after","viewWidth","duration","onActionClick","onClose","restProps","platform","waitTransitionFinish","React","useState","closing","setClosing","touched","setTouched","shiftXPercentRef","useRef","shiftXCurrentRef","bodyElRef","innerElRef","animationFrameRef","isDesktop","ViewWidth","SMALL_TABLET","transitionFinishDurationFallback","ANDROID","VKCOM","close","current","handleActionClick","e","closeTimeout","setBodyTransform","percent","cancelAnimationFrame","requestAnimationFrame","style","transform","onTouchStart","clear","onTouchMoveX","event","shiftX","originalEvent","preventDefault","offsetWidth","onTouchEnd","callback","shiftXCurrent","expectTranslateY","set","useEffect","resolvedLayout","displayName","defaultProps","Snackbar"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { Touch, TouchEvent } from '../Touch/Touch';\nimport { classNames } from '../../lib/classNames';\nimport { HasPlatform } from '../../types';\nimport { getClassName } from '../../helpers/getClassName';\nimport { ANDROID, VKCOM } from '../../lib/platform';\nimport { rubber } from '../../lib/touch';\nimport { withAdaptivity, AdaptivityProps, ViewWidth } from '../../hoc/withAdaptivity';\nimport Text from '../Typography/Text/Text';\nimport Button from '../Button/Button';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { useWaitTransitionFinish } from '../../hooks/useWaitTransitionFinish';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport './Snackbar.css';\n\nexport interface SnackbarProps extends React.HTMLAttributes<HTMLElement>, HasPlatform, AdaptivityProps {\n  /**\n   * Название кнопки действия в уведомлении\n   */\n  action?: string | React.ComponentType;\n\n  /**\n   * Будет вызвано при клике на кнопку действия\n   */\n  onActionClick?: (e: React.MouseEvent) => void;\n\n  /**\n   * Цветная иконка 24x24 пикселя\n   */\n  before?: React.ReactNode;\n  /**\n   * Контент в правой части, может быть `<Avatar size={32} />`\n   */\n  after?: React.ReactNode;\n  /**\n   * Варианты расположения кнопки\n   */\n  layout?: 'vertical' | 'horizontal';\n  /**\n   * Время в миллисекундах, через которое плашка скроется\n   */\n  duration?: number;\n  /**\n   * Обработчик закрытия уведомления\n   */\n  onClose: () => void;\n}\n\nconst SnackbarComponent: React.FC<SnackbarProps> = (props: SnackbarProps) => {\n  const {\n    children,\n    layout,\n    action,\n    before,\n    after,\n    viewWidth,\n    duration,\n    onActionClick,\n    onClose,\n    ...restProps\n  } = props;\n\n  const platform = usePlatform();\n\n  const { waitTransitionFinish } = useWaitTransitionFinish();\n\n  const [closing, setClosing] = React.useState(false);\n  const [touched, setTouched] = React.useState(false);\n\n  const shiftXPercentRef = React.useRef<number>(0);\n  const shiftXCurrentRef = React.useRef<number>(0);\n\n  const bodyElRef = React.useRef<HTMLDivElement | null>(null);\n  const innerElRef = React.useRef<HTMLDivElement | null>(null);\n\n  const animationFrameRef = React.useRef<ReturnType<typeof requestAnimationFrame> | null>(null);\n\n  const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET;\n  const transitionFinishDurationFallback = platform === ANDROID || platform === VKCOM ? 400 : 320;\n\n  const close = () => {\n    setClosing(true);\n    waitTransitionFinish(innerElRef.current, () => {\n      onClose();\n    }, transitionFinishDurationFallback);\n  };\n\n  const handleActionClick: React.MouseEventHandler<HTMLElement> = (e) => {\n    close();\n\n    if (action && typeof onActionClick === 'function') {\n      onActionClick(e);\n    }\n  };\n\n  const closeTimeout = useTimeout(close, duration);\n\n  const setBodyTransform = (percent: number) => {\n    cancelAnimationFrame(animationFrameRef.current);\n    animationFrameRef.current = requestAnimationFrame(() => {\n      if (bodyElRef.current) {\n        bodyElRef.current.style.transform = `translate3d(${percent}%, 0, 0)`;\n      }\n    });\n  };\n\n  const onTouchStart = closeTimeout.clear;\n\n  const onTouchMoveX = (event: TouchEvent) => {\n    const { shiftX, originalEvent } = event;\n    originalEvent.preventDefault();\n\n    if (!touched) {\n      setTouched(true);\n    }\n\n    shiftXPercentRef.current = shiftX / bodyElRef.current.offsetWidth * 100;\n    shiftXCurrentRef.current = rubber(shiftXPercentRef.current, 72, 1.2, platform === ANDROID || platform === VKCOM);\n\n    setBodyTransform(shiftXCurrentRef.current);\n  };\n\n  const onTouchEnd = (e: TouchEvent) => {\n    let callback: VoidFunction | undefined;\n\n    if (touched) {\n      let shiftXCurrent = shiftXCurrentRef.current;\n      const expectTranslateY = shiftXCurrent / e.duration * 240 * 0.6;\n      shiftXCurrent = shiftXCurrent + expectTranslateY;\n\n      if (isDesktop && shiftXCurrent <= -50) {\n        closeTimeout.clear();\n        waitTransitionFinish(bodyElRef.current, () => {\n          onClose();\n        }, transitionFinishDurationFallback);\n        setBodyTransform(-120);\n      } else if (!isDesktop && shiftXCurrent >= 50) {\n        closeTimeout.clear();\n        waitTransitionFinish(bodyElRef.current, () => {\n          onClose();\n        }, transitionFinishDurationFallback);\n        setBodyTransform(120);\n      } else {\n        callback = () => {\n          closeTimeout.set();\n          setBodyTransform(0);\n        };\n      }\n    } else {\n      closeTimeout.set();\n    }\n\n    setTouched(false);\n    callback && requestAnimationFrame(callback);\n  };\n\n  React.useEffect(closeTimeout.set, []);\n\n  const resolvedLayout = after || isDesktop ? 'vertical' : layout;\n\n  return (\n    <AppRootPortal>\n      <div\n        {...restProps}\n        vkuiClass={classNames(getClassName('Snackbar', platform), `Snackbar--l-${resolvedLayout}`, {\n          'Snackbar--closing': closing,\n          'Snackbar--touched': touched,\n          'Snackbar--desktop': isDesktop,\n        })}\n      >\n        <Touch\n          vkuiClass=\"Snackbar__in\"\n          getRootRef={innerElRef}\n          onStart={onTouchStart}\n          onMoveX={onTouchMoveX}\n          onEnd={onTouchEnd}\n        >\n          <div vkuiClass=\"Snackbar__body\" ref={bodyElRef}>\n            {before &&\n            <div vkuiClass=\"Snackbar__before\">\n              {before}\n            </div>}\n\n            <div vkuiClass=\"Snackbar__content\">\n              <Text weight=\"regular\" vkuiClass=\"Snackbar__content-text\">{children}</Text>\n\n              {action &&\n              <Button align=\"left\" hasHover={false} mode=\"tertiary\" size=\"s\" vkuiClass=\"Snackbar__action\" onClick={handleActionClick}>\n                {action}\n              </Button>}\n            </div>\n\n            {after &&\n            <div vkuiClass=\"Snackbar__after\">\n              {after}\n            </div>}\n          </div>\n        </Touch>\n      </div>\n    </AppRootPortal>\n  );\n};\n\nSnackbarComponent.displayName = 'Snackbar';\n\nSnackbarComponent.defaultProps = {\n  duration: 4000,\n  layout: 'horizontal',\n};\n\nexport const Snackbar = withAdaptivity(SnackbarComponent, {\n  viewWidth: true,\n});\n"],"file":"Snackbar.js"}
+{"version":3,"sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"names":["SnackbarComponent","props","children","layout","action","before","after","viewWidth","duration","onActionClick","onClose","restProps","platform","waitTransitionFinish","React","useState","closing","setClosing","touched","setTouched","shiftXPercentRef","useRef","shiftXCurrentRef","bodyElRef","innerElRef","animationFrameRef","isDesktop","ViewWidth","SMALL_TABLET","transitionFinishDurationFallback","ANDROID","VKCOM","close","current","handleActionClick","e","closeTimeout","setBodyTransform","percent","cancelAnimationFrame","requestAnimationFrame","style","transform","onTouchStart","clear","onTouchMoveX","event","shiftX","originalEvent","preventDefault","offsetWidth","onTouchEnd","callback","shiftXCurrent","expectTranslateY","set","useEffect","resolvedLayout","displayName","defaultProps","Snackbar"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasPlatform } from \"../../types\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { ANDROID, VKCOM } from \"../../lib/platform\";\nimport { rubber } from \"../../lib/touch\";\nimport {\n  withAdaptivity,\n  AdaptivityProps,\n  ViewWidth,\n} from \"../../hoc/withAdaptivity\";\nimport Text from \"../Typography/Text/Text\";\nimport Button from \"../Button/Button\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { useWaitTransitionFinish } from \"../../hooks/useWaitTransitionFinish\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport \"./Snackbar.css\";\n\nexport interface SnackbarProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasPlatform,\n    AdaptivityProps {\n  /**\n   * Название кнопки действия в уведомлении\n   */\n  action?: string | React.ComponentType;\n\n  /**\n   * Будет вызвано при клике на кнопку действия\n   */\n  onActionClick?: (e: React.MouseEvent) => void;\n\n  /**\n   * Цветная иконка 24x24 пикселя\n   */\n  before?: React.ReactNode;\n  /**\n   * Контент в правой части, может быть `<Avatar size={32} />`\n   */\n  after?: React.ReactNode;\n  /**\n   * Варианты расположения кнопки\n   */\n  layout?: \"vertical\" | \"horizontal\";\n  /**\n   * Время в миллисекундах, через которое плашка скроется\n   */\n  duration?: number;\n  /**\n   * Обработчик закрытия уведомления\n   */\n  onClose: () => void;\n}\n\nconst SnackbarComponent: React.FC<SnackbarProps> = (props: SnackbarProps) => {\n  const {\n    children,\n    layout,\n    action,\n    before,\n    after,\n    viewWidth,\n    duration,\n    onActionClick,\n    onClose,\n    ...restProps\n  } = props;\n\n  const platform = usePlatform();\n\n  const { waitTransitionFinish } = useWaitTransitionFinish();\n\n  const [closing, setClosing] = React.useState(false);\n  const [touched, setTouched] = React.useState(false);\n\n  const shiftXPercentRef = React.useRef<number>(0);\n  const shiftXCurrentRef = React.useRef<number>(0);\n\n  const bodyElRef = React.useRef<HTMLDivElement | null>(null);\n  const innerElRef = React.useRef<HTMLDivElement | null>(null);\n\n  const animationFrameRef = React.useRef<ReturnType<\n    typeof requestAnimationFrame\n  > | null>(null);\n\n  const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET;\n  const transitionFinishDurationFallback =\n    platform === ANDROID || platform === VKCOM ? 400 : 320;\n\n  const close = () => {\n    setClosing(true);\n    waitTransitionFinish(\n      innerElRef.current,\n      () => {\n        onClose();\n      },\n      transitionFinishDurationFallback\n    );\n  };\n\n  const handleActionClick: React.MouseEventHandler<HTMLElement> = (e) => {\n    close();\n\n    if (action && typeof onActionClick === \"function\") {\n      onActionClick(e);\n    }\n  };\n\n  const closeTimeout = useTimeout(close, duration);\n\n  const setBodyTransform = (percent: number) => {\n    cancelAnimationFrame(animationFrameRef.current);\n    animationFrameRef.current = requestAnimationFrame(() => {\n      if (bodyElRef.current) {\n        bodyElRef.current.style.transform = `translate3d(${percent}%, 0, 0)`;\n      }\n    });\n  };\n\n  const onTouchStart = closeTimeout.clear;\n\n  const onTouchMoveX = (event: TouchEvent) => {\n    const { shiftX, originalEvent } = event;\n    originalEvent.preventDefault();\n\n    if (!touched) {\n      setTouched(true);\n    }\n\n    shiftXPercentRef.current = (shiftX / bodyElRef.current.offsetWidth) * 100;\n    shiftXCurrentRef.current = rubber(\n      shiftXPercentRef.current,\n      72,\n      1.2,\n      platform === ANDROID || platform === VKCOM\n    );\n\n    setBodyTransform(shiftXCurrentRef.current);\n  };\n\n  const onTouchEnd = (e: TouchEvent) => {\n    let callback: VoidFunction | undefined;\n\n    if (touched) {\n      let shiftXCurrent = shiftXCurrentRef.current;\n      const expectTranslateY = (shiftXCurrent / e.duration) * 240 * 0.6;\n      shiftXCurrent = shiftXCurrent + expectTranslateY;\n\n      if (isDesktop && shiftXCurrent <= -50) {\n        closeTimeout.clear();\n        waitTransitionFinish(\n          bodyElRef.current,\n          () => {\n            onClose();\n          },\n          transitionFinishDurationFallback\n        );\n        setBodyTransform(-120);\n      } else if (!isDesktop && shiftXCurrent >= 50) {\n        closeTimeout.clear();\n        waitTransitionFinish(\n          bodyElRef.current,\n          () => {\n            onClose();\n          },\n          transitionFinishDurationFallback\n        );\n        setBodyTransform(120);\n      } else {\n        callback = () => {\n          closeTimeout.set();\n          setBodyTransform(0);\n        };\n      }\n    } else {\n      closeTimeout.set();\n    }\n\n    setTouched(false);\n    callback && requestAnimationFrame(callback);\n  };\n\n  React.useEffect(closeTimeout.set, []);\n\n  const resolvedLayout = after || isDesktop ? \"vertical\" : layout;\n\n  return (\n    <AppRootPortal>\n      <div\n        {...restProps}\n        vkuiClass={classNames(\n          getClassName(\"Snackbar\", platform),\n          `Snackbar--l-${resolvedLayout}`,\n          {\n            \"Snackbar--closing\": closing,\n            \"Snackbar--touched\": touched,\n            \"Snackbar--desktop\": isDesktop,\n          }\n        )}\n      >\n        <Touch\n          vkuiClass=\"Snackbar__in\"\n          getRootRef={innerElRef}\n          onStart={onTouchStart}\n          onMoveX={onTouchMoveX}\n          onEnd={onTouchEnd}\n        >\n          <div vkuiClass=\"Snackbar__body\" ref={bodyElRef}>\n            {before && <div vkuiClass=\"Snackbar__before\">{before}</div>}\n\n            <div vkuiClass=\"Snackbar__content\">\n              <Text weight=\"regular\" vkuiClass=\"Snackbar__content-text\">\n                {children}\n              </Text>\n\n              {action && (\n                <Button\n                  align=\"left\"\n                  hasHover={false}\n                  mode=\"tertiary\"\n                  size=\"s\"\n                  vkuiClass=\"Snackbar__action\"\n                  onClick={handleActionClick}\n                >\n                  {action}\n                </Button>\n              )}\n            </div>\n\n            {after && <div vkuiClass=\"Snackbar__after\">{after}</div>}\n          </div>\n        </Touch>\n      </div>\n    </AppRootPortal>\n  );\n};\n\nSnackbarComponent.displayName = \"Snackbar\";\n\nSnackbarComponent.defaultProps = {\n  duration: 4000,\n  layout: \"horizontal\",\n};\n\nexport const Snackbar = withAdaptivity(SnackbarComponent, {\n  viewWidth: true,\n});\n"],"file":"Snackbar.js"}

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import './Spacing.css';
+import * as React from "react";
+import "./Spacing.css";
 export interface SpacingProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Высота спэйсинга
@@ -13,6 +13,6 @@ export interface SpacingProps extends React.HTMLAttributes<HTMLDivElement> {
      * - separator='top'
      * - separator='bottom'
      */
-    separator?: boolean | 'top' | 'bottom' | 'center';
+    separator?: boolean | "top" | "bottom" | "center";
 }
 export declare const Spacing: React.FC<SpacingProps>;

package/dist/cjs/components/Spacing/Spacing.js

@@ -34,11 +34,11 @@ var Spacing = function Spacing(_ref) {
   }, style);
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
     "aria-hidden": "true",
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('Spacing', platfrom), {
-      'Spacing--separator': !!separator,
-      'Spacing--separator-center': separator === true || separator === 'center',
-      'Spacing--separator-top': separator === 'top',
-      'Spacing--separator-bottom': separator === 'bottom'
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("Spacing", platfrom), {
+      "Spacing--separator": !!separator,
+      "Spacing--separator-center": separator === true || separator === "center",
+      "Spacing--separator-top": separator === "top",
+      "Spacing--separator-bottom": separator === "bottom"
     }),
     style: styles
   }));

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Spacing/Spacing.tsx"],"names":["Spacing","size","separator","style","restProps","platfrom","styles","height","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;;;AAmBO,IAAMA,OAA+B,GAAG,SAAlCA,OAAkC,OAA4D;AAAA,MAAzDC,IAAyD,QAAzDA,IAAyD;AAAA,MAAnDC,SAAmD,QAAnDA,SAAmD;AAAA,MAAxCC,KAAwC,QAAxCA,KAAwC;AAAA,MAA9BC,SAA8B;AACzG,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,MAAM;AACVC,IAAAA,MAAM,EAAEN;AADE,KAEPE,KAFO,CAAZ;AAKA,SACE,uEACMC,SADN;AAEE,mBAAY,MAFd;AAGE,IAAA,SAAS,EAAE,4BAAW,gCAAa,SAAb,EAAwBC,QAAxB,CAAX,EAA8C;AACvD,4BAAsB,CAAC,CAACH,SAD+B;AAEvD,mCAA6BA,SAAS,KAAK,IAAd,IAAsBA,SAAS,KAAK,QAFV;AAGvD,gCAA0BA,SAAS,KAAK,KAHe;AAIvD,mCAA6BA,SAAS,KAAK;AAJY,KAA9C,CAHb;AASE,IAAA,KAAK,EAAEI;AATT,KADF;AAaD,CApBM;;;AAsBPN,OAAO,CAACQ,YAAR,GAAuB;AACrBP,EAAAA,IAAI,EAAE;AADe,CAAvB","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getClassName } from '../../helpers/getClassName';\nimport './Spacing.css';\n\nexport interface SpacingProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Высота спэйсинга\n   */\n  size?: number;\n  /**\n   * Настройка положения сепаратора:\n   *\n   * - separator=false (default) - без сепаратора\n   * - separator=true | separator='center' - сепаратор располагается по середине\n   * - separator='top'\n   * - separator='bottom'\n   */\n  separator?: boolean | 'top' | 'bottom' | 'center';\n}\n\nexport const Spacing: React.FC<SpacingProps> = ({ size, separator, style, ...restProps }: SpacingProps) => {\n  const platfrom = usePlatform();\n  const styles = {\n    height: size,\n    ...style,\n  };\n\n  return (\n    <div\n      {...restProps}\n      aria-hidden=\"true\"\n      vkuiClass={classNames(getClassName('Spacing', platfrom), {\n        'Spacing--separator': !!separator,\n        'Spacing--separator-center': separator === true || separator === 'center',\n        'Spacing--separator-top': separator === 'top',\n        'Spacing--separator-bottom': separator === 'bottom',\n      })}\n      style={styles}\n    />\n  );\n};\n\nSpacing.defaultProps = {\n  size: 8,\n};\n"],"file":"Spacing.js"}
+{"version":3,"sources":["../../../../src/components/Spacing/Spacing.tsx"],"names":["Spacing","size","separator","style","restProps","platfrom","styles","height","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;;;AAmBO,IAAMA,OAA+B,GAAG,SAAlCA,OAAkC,OAK3B;AAAA,MAJlBC,IAIkB,QAJlBA,IAIkB;AAAA,MAHlBC,SAGkB,QAHlBA,SAGkB;AAAA,MAFlBC,KAEkB,QAFlBA,KAEkB;AAAA,MADfC,SACe;AAClB,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,MAAM;AACVC,IAAAA,MAAM,EAAEN;AADE,KAEPE,KAFO,CAAZ;AAKA,SACE,uEACMC,SADN;AAEE,mBAAY,MAFd;AAGE,IAAA,SAAS,EAAE,4BAAW,gCAAa,SAAb,EAAwBC,QAAxB,CAAX,EAA8C;AACvD,4BAAsB,CAAC,CAACH,SAD+B;AAEvD,mCACEA,SAAS,KAAK,IAAd,IAAsBA,SAAS,KAAK,QAHiB;AAIvD,gCAA0BA,SAAS,KAAK,KAJe;AAKvD,mCAA6BA,SAAS,KAAK;AALY,KAA9C,CAHb;AAUE,IAAA,KAAK,EAAEI;AAVT,KADF;AAcD,CA1BM;;;AA4BPN,OAAO,CAACQ,YAAR,GAAuB;AACrBP,EAAAA,IAAI,EAAE;AADe,CAAvB","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport \"./Spacing.css\";\n\nexport interface SpacingProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Высота спэйсинга\n   */\n  size?: number;\n  /**\n   * Настройка положения сепаратора:\n   *\n   * - separator=false (default) - без сепаратора\n   * - separator=true | separator='center' - сепаратор располагается по середине\n   * - separator='top'\n   * - separator='bottom'\n   */\n  separator?: boolean | \"top\" | \"bottom\" | \"center\";\n}\n\nexport const Spacing: React.FC<SpacingProps> = ({\n  size,\n  separator,\n  style,\n  ...restProps\n}: SpacingProps) => {\n  const platfrom = usePlatform();\n  const styles = {\n    height: size,\n    ...style,\n  };\n\n  return (\n    <div\n      {...restProps}\n      aria-hidden=\"true\"\n      vkuiClass={classNames(getClassName(\"Spacing\", platfrom), {\n        \"Spacing--separator\": !!separator,\n        \"Spacing--separator-center\":\n          separator === true || separator === \"center\",\n        \"Spacing--separator-top\": separator === \"top\",\n        \"Spacing--separator-bottom\": separator === \"bottom\",\n      })}\n      style={styles}\n    />\n  );\n};\n\nSpacing.defaultProps = {\n  size: 8,\n};\n"],"file":"Spacing.js"}

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import './Spinner.css';
+import * as React from "react";
+import "./Spinner.css";
 export interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
-    size?: 'small' | 'regular' | 'large' | 'medium';
+    size?: "small" | "regular" | "large" | "medium";
 }
 declare const _default: React.NamedExoticComponent<SpinnerProps>;
 export default _default;

package/dist/cjs/components/Spinner/Spinner.js

@@ -31,22 +31,22 @@ var Spinner = function Spinner(_ref) {
   var platform = (0, _usePlatform.usePlatform)();
   var SpinnerIcon = _icons.Icon24Spinner;
 
-  if (size === 'large') {
+  if (size === "large") {
     SpinnerIcon = _icons.Icon44Spinner;
   }
 
-  if (size === 'medium') {
+  if (size === "medium") {
     SpinnerIcon = _icons.Icon32Spinner;
   }
 
-  if (size === 'small') {
+  if (size === "small") {
     SpinnerIcon = _icons.Icon16Spinner;
   }
 
   return (0, _jsxRuntime.createScopedElement)("span", (0, _extends2.default)({
     role: "status"
   }, restProps, {
-    vkuiClass: (0, _getClassName.getClassName)('Spinner', platform)
+    vkuiClass: (0, _getClassName.getClassName)("Spinner", platform)
   }), (0, _jsxRuntime.createScopedElement)(SpinnerIcon, {
     "aria-hidden": "true",
     vkuiClass: "Spinner__self"
@@ -54,8 +54,8 @@ var Spinner = function Spinner(_ref) {
 };
 
 Spinner.defaultProps = {
-  'size': 'regular',
-  'aria-label': 'Загружается...'
+  size: "regular",
+  "aria-label": "Загружается..."
 };
 
 var _default = /*#__PURE__*/React.memo(Spinner);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Spinner/Spinner.tsx"],"names":["Spinner","size","restProps","platform","SpinnerIcon","Icon24Spinner","Icon44Spinner","Icon32Spinner","Icon16Spinner","defaultProps","React","memo"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAOA,IAAMA,OAA+B,GAAG,SAAlCA,OAAkC,OAA0C;AAAA,MAAvCC,IAAuC,QAAvCA,IAAuC;AAAA,MAA9BC,SAA8B;AAChF,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAIC,WAAW,GAAGC,oBAAlB;;AAEA,MAAIJ,IAAI,KAAK,OAAb,EAAsB;AACpBG,IAAAA,WAAW,GAAGE,oBAAd;AACD;;AAED,MAAIL,IAAI,KAAK,QAAb,EAAuB;AACrBG,IAAAA,WAAW,GAAGG,oBAAd;AACD;;AAED,MAAIN,IAAI,KAAK,OAAb,EAAsB;AACpBG,IAAAA,WAAW,GAAGI,oBAAd;AACD;;AAED,SACE;AAAM,IAAA,IAAI,EAAC;AAAX,KAAwBN,SAAxB;AAAmC,IAAA,SAAS,EAAE,gCAAa,SAAb,EAAwBC,QAAxB;AAA9C,MACE,qCAAC,WAAD;AAAa,mBAAY,MAAzB;AAAgC,IAAA,SAAS,EAAC;AAA1C,IADF,CADF;AAKD,CAtBD;;AAwBAH,OAAO,CAACS,YAAR,GAAuB;AACrB,UAAQ,SADa;AAErB,gBAAc;AAFO,CAAvB;;4BAKeC,KAAK,CAACC,IAAN,CAAWX,OAAX,C","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { Icon24Spinner, Icon32Spinner, Icon44Spinner, Icon16Spinner } from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport './Spinner.css';\n\nexport interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {\n  size?: 'small' | 'regular' | 'large' | 'medium';\n}\n\nconst Spinner: React.FC<SpinnerProps> = ({ size, ...restProps }: SpinnerProps) => {\n  const platform = usePlatform();\n\n  let SpinnerIcon = Icon24Spinner;\n\n  if (size === 'large') {\n    SpinnerIcon = Icon44Spinner;\n  }\n\n  if (size === 'medium') {\n    SpinnerIcon = Icon32Spinner;\n  }\n\n  if (size === 'small') {\n    SpinnerIcon = Icon16Spinner;\n  }\n\n  return (\n    <span role=\"status\" {...restProps} vkuiClass={getClassName('Spinner', platform)}>\n      <SpinnerIcon aria-hidden=\"true\" vkuiClass=\"Spinner__self\" />\n    </span>\n  );\n};\n\nSpinner.defaultProps = {\n  'size': 'regular',\n  'aria-label': 'Загружается...',\n};\n\nexport default React.memo(Spinner);\n"],"file":"Spinner.js"}
+{"version":3,"sources":["../../../../src/components/Spinner/Spinner.tsx"],"names":["Spinner","size","restProps","platform","SpinnerIcon","Icon24Spinner","Icon44Spinner","Icon32Spinner","Icon16Spinner","defaultProps","React","memo"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAMA;;;;AAOA,IAAMA,OAA+B,GAAG,SAAlCA,OAAkC,OAGpB;AAAA,MAFlBC,IAEkB,QAFlBA,IAEkB;AAAA,MADfC,SACe;AAClB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAIC,WAAW,GAAGC,oBAAlB;;AAEA,MAAIJ,IAAI,KAAK,OAAb,EAAsB;AACpBG,IAAAA,WAAW,GAAGE,oBAAd;AACD;;AAED,MAAIL,IAAI,KAAK,QAAb,EAAuB;AACrBG,IAAAA,WAAW,GAAGG,oBAAd;AACD;;AAED,MAAIN,IAAI,KAAK,OAAb,EAAsB;AACpBG,IAAAA,WAAW,GAAGI,oBAAd;AACD;;AAED,SACE;AACE,IAAA,IAAI,EAAC;AADP,KAEMN,SAFN;AAGE,IAAA,SAAS,EAAE,gCAAa,SAAb,EAAwBC,QAAxB;AAHb,MAKE,qCAAC,WAAD;AAAa,mBAAY,MAAzB;AAAgC,IAAA,SAAS,EAAC;AAA1C,IALF,CADF;AASD,CA7BD;;AA+BAH,OAAO,CAACS,YAAR,GAAuB;AACrBR,EAAAA,IAAI,EAAE,SADe;AAErB,gBAAc;AAFO,CAAvB;;4BAKeS,KAAK,CAACC,IAAN,CAAWX,OAAX,C","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport {\n  Icon24Spinner,\n  Icon32Spinner,\n  Icon44Spinner,\n  Icon16Spinner,\n} from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./Spinner.css\";\n\nexport interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {\n  size?: \"small\" | \"regular\" | \"large\" | \"medium\";\n}\n\nconst Spinner: React.FC<SpinnerProps> = ({\n  size,\n  ...restProps\n}: SpinnerProps) => {\n  const platform = usePlatform();\n\n  let SpinnerIcon = Icon24Spinner;\n\n  if (size === \"large\") {\n    SpinnerIcon = Icon44Spinner;\n  }\n\n  if (size === \"medium\") {\n    SpinnerIcon = Icon32Spinner;\n  }\n\n  if (size === \"small\") {\n    SpinnerIcon = Icon16Spinner;\n  }\n\n  return (\n    <span\n      role=\"status\"\n      {...restProps}\n      vkuiClass={getClassName(\"Spinner\", platform)}\n    >\n      <SpinnerIcon aria-hidden=\"true\" vkuiClass=\"Spinner__self\" />\n    </span>\n  );\n};\n\nSpinner.defaultProps = {\n  size: \"regular\",\n  \"aria-label\": \"Загружается...\",\n};\n\nexport default React.memo(Spinner);\n"],"file":"Spinner.js"}

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import './SplitCol.css';
+import * as React from "react";
+import "./SplitCol.css";
 export interface SplitColContextProps {
     colRef: React.RefObject<HTMLDivElement>;
     animate: boolean;

package/dist/cjs/components/SplitCol/SplitCol.js

@@ -53,9 +53,9 @@ var SplitCol = function SplitCol(props) {
       minWidth: minWidth
     }),
     ref: baseRef,
-    vkuiClass: (0, _classNames.classNames)('SplitCol', {
-      'SplitCol--spaced': spaced,
-      'SplitCol--fixed': fixed
+    vkuiClass: (0, _classNames.classNames)("SplitCol", {
+      "SplitCol--spaced": spaced,
+      "SplitCol--fixed": fixed
     })
   }), (0, _jsxRuntime.createScopedElement)(SplitColContext.Provider, {
     value: contextValue

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SplitCol/SplitCol.tsx"],"names":["SplitColContext","React","createContext","colRef","animate","SplitCol","props","children","width","maxWidth","minWidth","spaced","fixed","style","restProps","baseRef","useRef","contextValue","useMemo"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;AAQO,IAAMA,eAAe,gBAAGC,KAAK,CAACC,aAAN,CAA0C;AACvEC,EAAAA,MAAM,EAAE,IAD+D;AAEvEC,EAAAA,OAAO,EAAE;AAF8D,CAA1C,CAAxB;;;AAoBA,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,CAACC,KAAD,EAA0B;AACzE,MAAQC,QAAR,GAAqGD,KAArG,CAAQC,QAAR;AAAA,MAAkBC,KAAlB,GAAqGF,KAArG,CAAkBE,KAAlB;AAAA,MAAyBC,QAAzB,GAAqGH,KAArG,CAAyBG,QAAzB;AAAA,MAAmCC,QAAnC,GAAqGJ,KAArG,CAAmCI,QAAnC;AAAA,MAA6CC,MAA7C,GAAqGL,KAArG,CAA6CK,MAA7C;AAAA,uBAAqGL,KAArG,CAAqDF,OAArD;AAAA,MAAqDA,OAArD,+BAA+D,KAA/D;AAAA,MAAsEQ,KAAtE,GAAqGN,KAArG,CAAsEM,KAAtE;AAAA,MAA6EC,KAA7E,GAAqGP,KAArG,CAA6EO,KAA7E;AAAA,MAAuFC,SAAvF,0CAAqGR,KAArG;AACA,MAAMS,OAAO,GAAGd,KAAK,CAACe,MAAN,EAAhB;AAEA,MAAMC,YAAY,GAAGhB,KAAK,CAACiB,OAAN,CAAc,YAAM;AACvC,WAAO;AACLf,MAAAA,MAAM,EAAEY,OADH;AAELX,MAAAA,OAAO,EAAPA;AAFK,KAAP;AAID,GALoB,EAKlB,CAACW,OAAD,EAAUX,OAAV,CALkB,CAArB;AAOA,SACE,uEACMU,SADN;AAEE,IAAA,KAAK,8DACAD,KADA;AAEHL,MAAAA,KAAK,EAAEA,KAFJ;AAGHC,MAAAA,QAAQ,EAAEA,QAHP;AAIHC,MAAAA,QAAQ,EAAEA;AAJP,MAFP;AAQE,IAAA,GAAG,EAAEK,OARP;AASE,IAAA,SAAS,EAAE,4BAAW,UAAX,EAAuB;AAChC,0BAAoBJ,MADY;AAEhC,yBAAmBC;AAFa,KAAvB;AATb,MAcE,qCAAC,eAAD,CAAiB,QAAjB;AAA0B,IAAA,KAAK,EAAEK;AAAjC,KACGL,KAAK,GAAG;AAAK,IAAA,SAAS,EAAC;AAAf,KAAuCL,QAAvC,CAAH,GAA4DA,QADpE,CAdF,CADF;AAoBD,CA/BM","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport './SplitCol.css';\n\nexport interface SplitColContextProps {\n  colRef: React.RefObject<HTMLDivElement>;\n  animate: boolean;\n}\n\nexport const SplitColContext = React.createContext<SplitColContextProps>({\n  colRef: null,\n  animate: true,\n});\n\nexport interface SplitColProps extends React.HTMLAttributes<HTMLDivElement> {\n  width?: number | string;\n  maxWidth?: number | string;\n  minWidth?: number | string;\n  /**\n   * Если false, то переходы между Panel происходят без анимации\n   */\n  animate?: boolean;\n  /**\n   * Если true, то добавляются боковые отступы фиксированной величины\n   */\n  spaced?: boolean;\n  fixed?: boolean;\n}\n\nexport const SplitCol: React.FC<SplitColProps> = (props: SplitColProps) => {\n  const { children, width, maxWidth, minWidth, spaced, animate = false, fixed, style, ...restProps } = props;\n  const baseRef = React.useRef<HTMLDivElement>();\n\n  const contextValue = React.useMemo(() => {\n    return {\n      colRef: baseRef,\n      animate,\n    };\n  }, [baseRef, animate]);\n\n  return (\n    <div\n      {...restProps}\n      style={{\n        ...style,\n        width: width,\n        maxWidth: maxWidth,\n        minWidth: minWidth,\n      }}\n      ref={baseRef}\n      vkuiClass={classNames('SplitCol', {\n        'SplitCol--spaced': spaced,\n        'SplitCol--fixed': fixed,\n      })}\n    >\n      <SplitColContext.Provider value={contextValue}>\n        {fixed ? <div vkuiClass=\"SplitCol__fixedInner\">{children}</div> : children}\n      </SplitColContext.Provider>\n    </div>\n  );\n};\n"],"file":"SplitCol.js"}
+{"version":3,"sources":["../../../../src/components/SplitCol/SplitCol.tsx"],"names":["SplitColContext","React","createContext","colRef","animate","SplitCol","props","children","width","maxWidth","minWidth","spaced","fixed","style","restProps","baseRef","useRef","contextValue","useMemo"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;AAQO,IAAMA,eAAe,gBAAGC,KAAK,CAACC,aAAN,CAA0C;AACvEC,EAAAA,MAAM,EAAE,IAD+D;AAEvEC,EAAAA,OAAO,EAAE;AAF8D,CAA1C,CAAxB;;;AAoBA,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,CAACC,KAAD,EAA0B;AACzE,MACEC,QADF,GAUID,KAVJ,CACEC,QADF;AAAA,MAEEC,KAFF,GAUIF,KAVJ,CAEEE,KAFF;AAAA,MAGEC,QAHF,GAUIH,KAVJ,CAGEG,QAHF;AAAA,MAIEC,QAJF,GAUIJ,KAVJ,CAIEI,QAJF;AAAA,MAKEC,MALF,GAUIL,KAVJ,CAKEK,MALF;AAAA,uBAUIL,KAVJ,CAMEF,OANF;AAAA,MAMEA,OANF,+BAMY,KANZ;AAAA,MAOEQ,KAPF,GAUIN,KAVJ,CAOEM,KAPF;AAAA,MAQEC,KARF,GAUIP,KAVJ,CAQEO,KARF;AAAA,MASKC,SATL,0CAUIR,KAVJ;AAWA,MAAMS,OAAO,GAAGd,KAAK,CAACe,MAAN,EAAhB;AAEA,MAAMC,YAAY,GAAGhB,KAAK,CAACiB,OAAN,CAAc,YAAM;AACvC,WAAO;AACLf,MAAAA,MAAM,EAAEY,OADH;AAELX,MAAAA,OAAO,EAAPA;AAFK,KAAP;AAID,GALoB,EAKlB,CAACW,OAAD,EAAUX,OAAV,CALkB,CAArB;AAOA,SACE,uEACMU,SADN;AAEE,IAAA,KAAK,8DACAD,KADA;AAEHL,MAAAA,KAAK,EAAEA,KAFJ;AAGHC,MAAAA,QAAQ,EAAEA,QAHP;AAIHC,MAAAA,QAAQ,EAAEA;AAJP,MAFP;AAQE,IAAA,GAAG,EAAEK,OARP;AASE,IAAA,SAAS,EAAE,4BAAW,UAAX,EAAuB;AAChC,0BAAoBJ,MADY;AAEhC,yBAAmBC;AAFa,KAAvB;AATb,MAcE,qCAAC,eAAD,CAAiB,QAAjB;AAA0B,IAAA,KAAK,EAAEK;AAAjC,KACGL,KAAK,GACJ;AAAK,IAAA,SAAS,EAAC;AAAf,KAAuCL,QAAvC,CADI,GAGJA,QAJJ,CAdF,CADF;AAwBD,CA7CM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./SplitCol.css\";\n\nexport interface SplitColContextProps {\n  colRef: React.RefObject<HTMLDivElement>;\n  animate: boolean;\n}\n\nexport const SplitColContext = React.createContext<SplitColContextProps>({\n  colRef: null,\n  animate: true,\n});\n\nexport interface SplitColProps extends React.HTMLAttributes<HTMLDivElement> {\n  width?: number | string;\n  maxWidth?: number | string;\n  minWidth?: number | string;\n  /**\n   * Если false, то переходы между Panel происходят без анимации\n   */\n  animate?: boolean;\n  /**\n   * Если true, то добавляются боковые отступы фиксированной величины\n   */\n  spaced?: boolean;\n  fixed?: boolean;\n}\n\nexport const SplitCol: React.FC<SplitColProps> = (props: SplitColProps) => {\n  const {\n    children,\n    width,\n    maxWidth,\n    minWidth,\n    spaced,\n    animate = false,\n    fixed,\n    style,\n    ...restProps\n  } = props;\n  const baseRef = React.useRef<HTMLDivElement>();\n\n  const contextValue = React.useMemo(() => {\n    return {\n      colRef: baseRef,\n      animate,\n    };\n  }, [baseRef, animate]);\n\n  return (\n    <div\n      {...restProps}\n      style={{\n        ...style,\n        width: width,\n        maxWidth: maxWidth,\n        minWidth: minWidth,\n      }}\n      ref={baseRef}\n      vkuiClass={classNames(\"SplitCol\", {\n        \"SplitCol--spaced\": spaced,\n        \"SplitCol--fixed\": fixed,\n      })}\n    >\n      <SplitColContext.Provider value={contextValue}>\n        {fixed ? (\n          <div vkuiClass=\"SplitCol__fixedInner\">{children}</div>\n        ) : (\n          children\n        )}\n      </SplitColContext.Provider>\n    </div>\n  );\n};\n"],"file":"SplitCol.js"}

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { HasRef, HasRootRef } from '../../types';
-import './SplitLayout.css';
+import * as React from "react";
+import { HasRef, HasRootRef } from "../../types";
+import "./SplitLayout.css";
 export interface SplitLayoutProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement>, HasRef<HTMLDivElement> {
     /**
      * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.

package/dist/cjs/components/SplitLayout/SplitLayout.js

@@ -33,14 +33,14 @@ var SplitLayout = function SplitLayout(_ref) {
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
   return (0, _jsxRuntime.createScopedElement)(_PopoutRoot.PopoutRoot, {
-    vkuiClass: (0, _getClassName.getClassName)('SplitLayout', platform),
+    vkuiClass: (0, _getClassName.getClassName)("SplitLayout", platform),
     popout: popout,
     modal: modal,
     getRootRef: getRootRef
   }, header, (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
     ref: getRef,
-    vkuiClass: (0, _classNames.classNames)('SplitLayout__inner', {
-      'SplitLayout__inner--header': !!header
+    vkuiClass: (0, _classNames.classNames)("SplitLayout__inner", {
+      "SplitLayout__inner--header": !!header
     })
   }), children));
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SplitLayout/SplitLayout.tsx"],"names":["SplitLayout","popout","modal","header","children","getRootRef","getRef","restProps","platform"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;AACA;;;;AAkBO,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,OAQ/B;AAAA,MAPtBC,MAOsB,QAPtBA,MAOsB;AAAA,MANtBC,KAMsB,QANtBA,KAMsB;AAAA,MALtBC,MAKsB,QALtBA,MAKsB;AAAA,MAJtBC,QAIsB,QAJtBA,QAIsB;AAAA,MAHtBC,UAGsB,QAHtBA,UAGsB;AAAA,MAFtBC,MAEsB,QAFtBA,MAEsB;AAAA,MADnBC,SACmB;AACtB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,qCAAC,sBAAD;AACE,IAAA,SAAS,EAAE,gCAAa,aAAb,EAA4BA,QAA5B,CADb;AAEE,IAAA,MAAM,EAAEP,MAFV;AAGE,IAAA,KAAK,EAAEC,KAHT;AAIE,IAAA,UAAU,EAAEG;AAJd,KAMGF,MANH,EAOE,uEAASI,SAAT;AAAoB,IAAA,GAAG,EAAED,MAAzB;AAAiC,IAAA,SAAS,EAAE,4BAAW,oBAAX,EAAiC;AAC3E,oCAA8B,CAAC,CAACH;AAD2C,KAAjC;AAA5C,MAGGC,QAHH,CAPF,CADF;AAeD,CA1BM","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { HasRef, HasRootRef } from '../../types';\nimport { PopoutRoot } from '../PopoutRoot/PopoutRoot';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport './SplitLayout.css';\n\nexport interface SplitLayoutProps extends\n  React.HTMLAttributes<HTMLDivElement>,\n  HasRootRef<HTMLDivElement>,\n  HasRef<HTMLDivElement> {\n  /**\n   * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n   */\n  popout?: React.ReactNode;\n  /**\n   * Свойство для отрисовки `ModalRoot`.\n   */\n  modal?: React.ReactNode;\n  header?: React.ReactNode;\n}\n\nexport const SplitLayout: React.FC<SplitLayoutProps> = ({\n  popout,\n  modal,\n  header,\n  children,\n  getRootRef,\n  getRef,\n  ...restProps\n}: SplitLayoutProps) => {\n  const platform = usePlatform();\n\n  return (\n    <PopoutRoot\n      vkuiClass={getClassName('SplitLayout', platform)}\n      popout={popout}\n      modal={modal}\n      getRootRef={getRootRef}\n    >\n      {header}\n      <div {...restProps} ref={getRef} vkuiClass={classNames('SplitLayout__inner', {\n        'SplitLayout__inner--header': !!header,\n      })}>\n        {children}\n      </div>\n    </PopoutRoot>\n  );\n};\n"],"file":"SplitLayout.js"}
+{"version":3,"sources":["../../../../src/components/SplitLayout/SplitLayout.tsx"],"names":["SplitLayout","popout","modal","header","children","getRootRef","getRef","restProps","platform"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;AACA;;;;AAkBO,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,OAQ/B;AAAA,MAPtBC,MAOsB,QAPtBA,MAOsB;AAAA,MANtBC,KAMsB,QANtBA,KAMsB;AAAA,MALtBC,MAKsB,QALtBA,MAKsB;AAAA,MAJtBC,QAIsB,QAJtBA,QAIsB;AAAA,MAHtBC,UAGsB,QAHtBA,UAGsB;AAAA,MAFtBC,MAEsB,QAFtBA,MAEsB;AAAA,MADnBC,SACmB;AACtB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,qCAAC,sBAAD;AACE,IAAA,SAAS,EAAE,gCAAa,aAAb,EAA4BA,QAA5B,CADb;AAEE,IAAA,MAAM,EAAEP,MAFV;AAGE,IAAA,KAAK,EAAEC,KAHT;AAIE,IAAA,UAAU,EAAEG;AAJd,KAMGF,MANH,EAOE,uEACMI,SADN;AAEE,IAAA,GAAG,EAAED,MAFP;AAGE,IAAA,SAAS,EAAE,4BAAW,oBAAX,EAAiC;AAC1C,oCAA8B,CAAC,CAACH;AADU,KAAjC;AAHb,MAOGC,QAPH,CAPF,CADF;AAmBD,CA9BM","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { PopoutRoot } from \"../PopoutRoot/PopoutRoot\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./SplitLayout.css\";\n\nexport interface SplitLayoutProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  /**\n   * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n   */\n  popout?: React.ReactNode;\n  /**\n   * Свойство для отрисовки `ModalRoot`.\n   */\n  modal?: React.ReactNode;\n  header?: React.ReactNode;\n}\n\nexport const SplitLayout: React.FC<SplitLayoutProps> = ({\n  popout,\n  modal,\n  header,\n  children,\n  getRootRef,\n  getRef,\n  ...restProps\n}: SplitLayoutProps) => {\n  const platform = usePlatform();\n\n  return (\n    <PopoutRoot\n      vkuiClass={getClassName(\"SplitLayout\", platform)}\n      popout={popout}\n      modal={modal}\n      getRootRef={getRootRef}\n    >\n      {header}\n      <div\n        {...restProps}\n        ref={getRef}\n        vkuiClass={classNames(\"SplitLayout__inner\", {\n          \"SplitLayout__inner--header\": !!header,\n        })}\n      >\n        {children}\n      </div>\n    </PopoutRoot>\n  );\n};\n"],"file":"SplitLayout.js"}

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { HorizontalScrollProps } from '../HorizontalScroll/HorizontalScroll';
-import './SubnavigationBar.css';
-export interface SubnavigationBarProps extends React.HTMLAttributes<HTMLDivElement>, Pick<HorizontalScrollProps, 'showArrows' | 'getScrollToLeft' | 'getScrollToRight' | 'scrollAnimationDuration'> {
-    mode?: 'fixed' | 'overflow';
+import * as React from "react";
+import { HorizontalScrollProps } from "../HorizontalScroll/HorizontalScroll";
+import "./SubnavigationBar.css";
+export interface SubnavigationBarProps extends React.HTMLAttributes<HTMLDivElement>, Pick<HorizontalScrollProps, "showArrows" | "getScrollToLeft" | "getScrollToRight" | "scrollAnimationDuration"> {
+    mode?: "fixed" | "overflow";
 }
 export declare const SubnavigationBar: React.FC<SubnavigationBarProps>;

package/dist/cjs/components/SubnavigationBar/SubnavigationBar.js

@@ -33,7 +33,7 @@ var defaultScrollToRight = function defaultScrollToRight(x) {
 
 var SubnavigationBar = function SubnavigationBar(_ref) {
   var _ref$mode = _ref.mode,
-      mode = _ref$mode === void 0 ? 'overflow' : _ref$mode,
+      mode = _ref$mode === void 0 ? "overflow" : _ref$mode,
       children = _ref.children,
       _ref$showArrows = _ref.showArrows,
       showArrows = _ref$showArrows === void 0 ? true : _ref$showArrows,
@@ -47,8 +47,8 @@ var SubnavigationBar = function SubnavigationBar(_ref) {
   var ScrollWrapper;
   var scrollWrapperProps = {};
 
-  if (mode === 'fixed') {
-    ScrollWrapper = 'div';
+  if (mode === "fixed") {
+    ScrollWrapper = "div";
   } else {
     ScrollWrapper = _HorizontalScroll.default;
     scrollWrapperProps = {
@@ -60,7 +60,7 @@ var SubnavigationBar = function SubnavigationBar(_ref) {
   }
 
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('SubnavigationBar', platform), "SubnavigationBar--".concat(mode))
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("SubnavigationBar", platform), "SubnavigationBar--".concat(mode))
   }), (0, _jsxRuntime.createScopedElement)(ScrollWrapper, (0, _extends2.default)({
     vkuiClass: "SubnavigationBar__in"
   }, scrollWrapperProps), (0, _jsxRuntime.createScopedElement)("div", {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SubnavigationBar/SubnavigationBar.tsx"],"names":["defaultScrollToLeft","x","defaultScrollToRight","SubnavigationBar","mode","children","showArrows","getScrollToLeft","getScrollToRight","scrollAnimationDuration","restProps","platform","ScrollWrapper","scrollWrapperProps","HorizontalScroll"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;;;AASA,IAAMA,mBAA0C,GAAG,SAA7CA,mBAA6C,CAACC,CAAD;AAAA,SAAOA,CAAC,GAAG,GAAX;AAAA,CAAnD;;AAEA,IAAMC,oBAA2C,GAAG,SAA9CA,oBAA8C,CAACD,CAAD;AAAA,SAAOA,CAAC,GAAG,GAAX;AAAA,CAApD;;AAEO,IAAME,gBAAiD,GAAG,SAApDA,gBAAoD,OAQpC;AAAA,uBAP3BC,IAO2B;AAAA,MAP3BA,IAO2B,0BAPpB,UAOoB;AAAA,MAN3BC,QAM2B,QAN3BA,QAM2B;AAAA,6BAL3BC,UAK2B;AAAA,MAL3BA,UAK2B,gCALd,IAKc;AAAA,kCAJ3BC,eAI2B;AAAA,MAJ3BA,eAI2B,qCAJTP,mBAIS;AAAA,mCAH3BQ,gBAG2B;AAAA,MAH3BA,gBAG2B,sCAHRN,oBAGQ;AAAA,MAF3BO,uBAE2B,QAF3BA,uBAE2B;AAAA,MADxBC,SACwB;AAC3B,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAIC,aAAJ;AACA,MAAIC,kBAAkB,GAAG,EAAzB;;AAEA,MAAIT,IAAI,KAAK,OAAb,EAAsB;AACpBQ,IAAAA,aAAa,GAAG,KAAhB;AACD,GAFD,MAEO;AACLA,IAAAA,aAAa,GAAGE,yBAAhB;AACAD,IAAAA,kBAAkB,GAAG;AACnBP,MAAAA,UAAU,EAAVA,UADmB;AAEnBC,MAAAA,eAAe,EAAfA,eAFmB;AAGnBC,MAAAA,gBAAgB,EAAhBA,gBAHmB;AAInBC,MAAAA,uBAAuB,EAAvBA;AAJmB,KAArB;AAMD;;AAED,SACE,uEACMC,SADN;AAEE,IAAA,SAAS,EAAE,4BAAW,gCAAa,kBAAb,EAAiCC,QAAjC,CAAX,8BAA4EP,IAA5E;AAFb,MAIE,qCAAC,aAAD;AAAe,IAAA,SAAS,EAAC;AAAzB,KAAoDS,kBAApD,GACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGR,QADH,CADF,CAJF,CADF;AAYD,CAtCM","sourcesContent":["import * as React from 'react';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport HorizontalScroll, { HorizontalScrollProps, ScrollPositionHandler } from '../HorizontalScroll/HorizontalScroll';\nimport './SubnavigationBar.css';\n\nexport interface SubnavigationBarProps extends\n  React.HTMLAttributes<HTMLDivElement>,\n  Pick<HorizontalScrollProps, 'showArrows' | 'getScrollToLeft' | 'getScrollToRight' | 'scrollAnimationDuration'> {\n  mode?: 'fixed' | 'overflow';\n}\n\nconst defaultScrollToLeft: ScrollPositionHandler = (x) => x - 240;\n\nconst defaultScrollToRight: ScrollPositionHandler = (x) => x + 240;\n\nexport const SubnavigationBar: React.FC<SubnavigationBarProps> = ({\n  mode = 'overflow',\n  children,\n  showArrows = true,\n  getScrollToLeft = defaultScrollToLeft,\n  getScrollToRight = defaultScrollToRight,\n  scrollAnimationDuration,\n  ...restProps\n}: SubnavigationBarProps) => {\n  const platform = usePlatform();\n\n  let ScrollWrapper: React.ElementType;\n  let scrollWrapperProps = {};\n\n  if (mode === 'fixed') {\n    ScrollWrapper = 'div';\n  } else {\n    ScrollWrapper = HorizontalScroll;\n    scrollWrapperProps = {\n      showArrows,\n      getScrollToLeft,\n      getScrollToRight,\n      scrollAnimationDuration,\n    };\n  }\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(getClassName('SubnavigationBar', platform), `SubnavigationBar--${mode}`)}\n    >\n      <ScrollWrapper vkuiClass=\"SubnavigationBar__in\" {...scrollWrapperProps}>\n        <div vkuiClass=\"SubnavigationBar__scrollIn\">\n          {children}\n        </div>\n      </ScrollWrapper>\n    </div>\n  );\n};\n"],"file":"SubnavigationBar.js"}
+{"version":3,"sources":["../../../../src/components/SubnavigationBar/SubnavigationBar.tsx"],"names":["defaultScrollToLeft","x","defaultScrollToRight","SubnavigationBar","mode","children","showArrows","getScrollToLeft","getScrollToRight","scrollAnimationDuration","restProps","platform","ScrollWrapper","scrollWrapperProps","HorizontalScroll"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;;;AAkBA,IAAMA,mBAA0C,GAAG,SAA7CA,mBAA6C,CAACC,CAAD;AAAA,SAAOA,CAAC,GAAG,GAAX;AAAA,CAAnD;;AAEA,IAAMC,oBAA2C,GAAG,SAA9CA,oBAA8C,CAACD,CAAD;AAAA,SAAOA,CAAC,GAAG,GAAX;AAAA,CAApD;;AAEO,IAAME,gBAAiD,GAAG,SAApDA,gBAAoD,OAQpC;AAAA,uBAP3BC,IAO2B;AAAA,MAP3BA,IAO2B,0BAPpB,UAOoB;AAAA,MAN3BC,QAM2B,QAN3BA,QAM2B;AAAA,6BAL3BC,UAK2B;AAAA,MAL3BA,UAK2B,gCALd,IAKc;AAAA,kCAJ3BC,eAI2B;AAAA,MAJ3BA,eAI2B,qCAJTP,mBAIS;AAAA,mCAH3BQ,gBAG2B;AAAA,MAH3BA,gBAG2B,sCAHRN,oBAGQ;AAAA,MAF3BO,uBAE2B,QAF3BA,uBAE2B;AAAA,MADxBC,SACwB;AAC3B,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAIC,aAAJ;AACA,MAAIC,kBAAkB,GAAG,EAAzB;;AAEA,MAAIT,IAAI,KAAK,OAAb,EAAsB;AACpBQ,IAAAA,aAAa,GAAG,KAAhB;AACD,GAFD,MAEO;AACLA,IAAAA,aAAa,GAAGE,yBAAhB;AACAD,IAAAA,kBAAkB,GAAG;AACnBP,MAAAA,UAAU,EAAVA,UADmB;AAEnBC,MAAAA,eAAe,EAAfA,eAFmB;AAGnBC,MAAAA,gBAAgB,EAAhBA,gBAHmB;AAInBC,MAAAA,uBAAuB,EAAvBA;AAJmB,KAArB;AAMD;;AAED,SACE,uEACMC,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,gCAAa,kBAAb,EAAiCC,QAAjC,CADS,8BAEYP,IAFZ;AAFb,MAOE,qCAAC,aAAD;AAAe,IAAA,SAAS,EAAC;AAAzB,KAAoDS,kBAApD,GACE;AAAK,IAAA,SAAS,EAAC;AAAf,KAA6CR,QAA7C,CADF,CAPF,CADF;AAaD,CAvCM","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport HorizontalScroll, {\n  HorizontalScrollProps,\n  ScrollPositionHandler,\n} from \"../HorizontalScroll/HorizontalScroll\";\nimport \"./SubnavigationBar.css\";\n\nexport interface SubnavigationBarProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    Pick<\n      HorizontalScrollProps,\n      | \"showArrows\"\n      | \"getScrollToLeft\"\n      | \"getScrollToRight\"\n      | \"scrollAnimationDuration\"\n    > {\n  mode?: \"fixed\" | \"overflow\";\n}\n\nconst defaultScrollToLeft: ScrollPositionHandler = (x) => x - 240;\n\nconst defaultScrollToRight: ScrollPositionHandler = (x) => x + 240;\n\nexport const SubnavigationBar: React.FC<SubnavigationBarProps> = ({\n  mode = \"overflow\",\n  children,\n  showArrows = true,\n  getScrollToLeft = defaultScrollToLeft,\n  getScrollToRight = defaultScrollToRight,\n  scrollAnimationDuration,\n  ...restProps\n}: SubnavigationBarProps) => {\n  const platform = usePlatform();\n\n  let ScrollWrapper: React.ElementType;\n  let scrollWrapperProps = {};\n\n  if (mode === \"fixed\") {\n    ScrollWrapper = \"div\";\n  } else {\n    ScrollWrapper = HorizontalScroll;\n    scrollWrapperProps = {\n      showArrows,\n      getScrollToLeft,\n      getScrollToRight,\n      scrollAnimationDuration,\n    };\n  }\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"SubnavigationBar\", platform),\n        `SubnavigationBar--${mode}`\n      )}\n    >\n      <ScrollWrapper vkuiClass=\"SubnavigationBar__in\" {...scrollWrapperProps}>\n        <div vkuiClass=\"SubnavigationBar__scrollIn\">{children}</div>\n      </ScrollWrapper>\n    </div>\n  );\n};\n"],"file":"SubnavigationBar.js"}

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

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { TappableProps } from '../Tappable/Tappable';
-import './SubnavigationButton.css';
-export interface SubnavigationButtonProps extends Omit<TappableProps, 'size'> {
-    size?: 'm' | 'l';
+import * as React from "react";
+import { TappableProps } from "../Tappable/Tappable";
+import "./SubnavigationButton.css";
+export interface SubnavigationButtonProps extends Omit<TappableProps, "size"> {
+    size?: "m" | "l";
     selected?: boolean;
     /**
      * Размер шрифта. Этим свойством рекомендуется пользоваться, чтобы отрегулировать размер шрифта у кнопок в `<SubnavigationBar mode="fixed" />`

package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js

@@ -43,7 +43,7 @@ var SubnavigationButtonTypography = function SubnavigationButtonTypography(_ref)
   }
 
   return (0, _jsxRuntime.createScopedElement)(_Caption.default, (0, _extends2.default)({
-    level: textLevel === 2 ? '1' : '2',
+    level: textLevel === 2 ? "1" : "2",
     weight: "regular"
   }, restProps));
 };
@@ -61,8 +61,8 @@ var SubnavigationButton = function SubnavigationButton(props) {
   return (0, _jsxRuntime.createScopedElement)(_Tappable.default, (0, _extends2.default)({}, restProps, {
     hasActive: false,
     focusVisibleMode: "outside",
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('SubnavigationButton', platform), "SubnavigationButton--".concat(size), {
-      'SubnavigationButton--selected': selected
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("SubnavigationButton", platform), "SubnavigationButton--".concat(size), {
+      "SubnavigationButton--selected": selected
     }),
     "aria-label": (0, _utils.getTitleFromChildren)(children)
   }), (0, _jsxRuntime.createScopedElement)("span", {
@@ -82,7 +82,7 @@ var SubnavigationButton = function SubnavigationButton(props) {
 
 exports.SubnavigationButton = SubnavigationButton;
 SubnavigationButton.defaultProps = {
-  size: 'm',
+  size: "m",
   textLevel: 1
 };
 //# sourceMappingURL=SubnavigationButton.js.map