@vkontakte/vkui 5.8.2 → 5.9.0

package/dist/cssm/components/PanelHeaderSubmit/PanelHeaderSubmit.d.ts

@@ -4,3 +4,4 @@ import { PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';
  * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton
  */
 export declare const PanelHeaderSubmit: ({ children, ...restProps }: PanelHeaderButtonProps) => React.JSX.Element;
+//# sourceMappingURL=PanelHeaderSubmit.d.ts.map

package/dist/cssm/components/PanelHeaderSubmit/PanelHeaderSubmit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelHeaderSubmit.d.ts","sourceRoot":"","sources":["../../../../src/components/PanelHeaderSubmit/PanelHeaderSubmit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAqB,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAEnG;;GAEG;AACH,eAAO,MAAM,iBAAiB,+BAG3B,sBAAsB,sBAQxB,CAAC"}

package/dist/cssm/components/PanelSpinner/PanelSpinner.d.ts

@@ -7,3 +7,4 @@ export interface PanelSpinnerProps extends SpinnerProps {
  * @see https://vkcom.github.io/VKUI/#/PanelSpinner
  */
 export declare const PanelSpinner: React.MemoExoticComponent<({ height, style, ...restProps }: PanelSpinnerProps) => React.JSX.Element>;
+//# sourceMappingURL=PanelSpinner.d.ts.map

package/dist/cssm/components/PanelSpinner/PanelSpinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelSpinner.d.ts","sourceRoot":"","sources":["../../../../src/components/PanelSpinner/PanelSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAE3D,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,8DACgB,iBAAiB,uBAGzD,CAAC"}

package/dist/cssm/components/Placeholder/Placeholder.d.ts

@@ -39,3 +39,4 @@ export declare const Placeholder: {
     Text: ({ className, ...restProps }: PlaceholderTextProps) => React.JSX.Element;
     Actions: (props: PlaceholderActionsProps) => React.JSX.Element;
 };
+//# sourceMappingURL=Placeholder.d.ts.map

package/dist/cssm/components/Placeholder/Placeholder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Placeholder.d.ts","sourceRoot":"","sources":["../../../../src/components/Placeholder/Placeholder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAMtE,MAAM,WAAW,yBAA0B,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC1F;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAiBD,MAAM,MAAM,oBAAoB,GAAG,yBAAyB,CAAC,cAAc,CAAC,CAAC;AAM7E,MAAM,MAAM,sBAAsB,GAAG,yBAAyB,CAAC,WAAW,CAAC,GAAG,YAAY,CAAC;AAW3F,MAAM,MAAM,oBAAoB,GAAG,yBAAyB,CAAC,WAAW,CAAC,GAAG,YAAY,CAAC;AAUzF,MAAM,MAAM,uBAAuB,GAAG,yBAAyB,CAAC,cAAc,CAAC,CAAC;AAMhF,MAAM,WAAW,gBAAiB,SAAQ,yBAAyB;IACjE;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,WAAW;oEAOrB,gBAAgB;0DArEhB,yBAAyB;kBAaI,oBAAoB;0CAMI,sBAAsB;wCAWxB,oBAAoB;qBAUvC,uBAAuB;CAoCzD,CAAC"}

package/dist/cssm/components/PlatformProvider/PlatformProvider.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { PlatformType } from '../../lib/platform';
 export interface PlatformProviderProps {
     /**
@@ -14,3 +14,4 @@ export interface PlatformProviderProps {
  * @see https://vkcom.github.io/VKUI/#/PlatformProvider
  */
 export declare function PlatformProvider({ value, children }: PlatformProviderProps): React.JSX.Element;
+//# sourceMappingURL=PlatformProvider.d.ts.map

package/dist/cssm/components/PlatformProvider/PlatformProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlatformProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/PlatformProvider/PlatformProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIlD,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,qBAAqB,qBAU1E"}

package/dist/cssm/components/PlatformProvider/PlatformProvider.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { useAppearance } from '../../hooks/useAppearance';
 import { TokensClassProvider } from '../../lib/tokensClassProvider';
 import { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PlatformProvider/PlatformProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { useAppearance } from '../../hooks/useAppearance';\nimport { PlatformType } from '../../lib/platform';\nimport { TokensClassProvider } from '../../lib/tokensClassProvider';\nimport { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride';\n\nexport interface PlatformProviderProps {\n  /**\n   * Платформа\n   */\n  value: PlatformType;\n  children: React.ReactNode;\n}\n\n/**\n * Компонент, позволяющий переопределить платформу для части приложения\n *\n * @since 5.1.0\n * @see https://vkcom.github.io/VKUI/#/PlatformProvider\n */\nexport function PlatformProvider({ value, children }: PlatformProviderProps) {\n  const appearance = useAppearance();\n\n  return (\n    <ConfigProviderOverride platform={value}>\n      <TokensClassProvider platform={value} appearance={appearance}>\n        {children}\n      </TokensClassProvider>\n    </ConfigProviderOverride>\n  );\n}\n"],"names":["React","useAppearance","TokensClassProvider","ConfigProviderOverride","PlatformProvider","value","children","appearance","platform"],"mappings":"AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,aAAa,QAAQ,4BAA4B;AAE1D,SAASC,mBAAmB,QAAQ,gCAAgC;AACpE,SAASC,sBAAsB,QAAQ,2CAA2C;AAUlF;;;;;CAKC,GACD,OAAO,SAASC,iBAAiB,EAAEC,KAAK,EAAEC,QAAQ,EAAyB;IACzE,MAAMC,aAAaN;IAEnB,qBACE,oBAACE;QAAuBK,UAAUH;qBAChC,oBAACH;QAAoBM,UAAUH;QAAOE,YAAYA;OAC/CD;AAIT"}
+{"version":3,"sources":["../../../../src/components/PlatformProvider/PlatformProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAppearance } from '../../hooks/useAppearance';\nimport { PlatformType } from '../../lib/platform';\nimport { TokensClassProvider } from '../../lib/tokensClassProvider';\nimport { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride';\n\nexport interface PlatformProviderProps {\n  /**\n   * Платформа\n   */\n  value: PlatformType;\n  children: React.ReactNode;\n}\n\n/**\n * Компонент, позволяющий переопределить платформу для части приложения\n *\n * @since 5.1.0\n * @see https://vkcom.github.io/VKUI/#/PlatformProvider\n */\nexport function PlatformProvider({ value, children }: PlatformProviderProps) {\n  const appearance = useAppearance();\n\n  return (\n    <ConfigProviderOverride platform={value}>\n      <TokensClassProvider platform={value} appearance={appearance}>\n        {children}\n      </TokensClassProvider>\n    </ConfigProviderOverride>\n  );\n}\n"],"names":["React","useAppearance","TokensClassProvider","ConfigProviderOverride","PlatformProvider","value","children","appearance","platform"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAAQ,4BAA4B;AAE1D,SAASC,mBAAmB,QAAQ,gCAAgC;AACpE,SAASC,sBAAsB,QAAQ,2CAA2C;AAUlF;;;;;CAKC,GACD,OAAO,SAASC,iBAAiB,EAAEC,KAAK,EAAEC,QAAQ,EAAyB;IACzE,MAAMC,aAAaN;IAEnB,qBACE,oBAACE;QAAuBK,UAAUH;qBAChC,oBAACH;QAAoBM,UAAUH;QAAOE,YAAYA;OAC/CD;AAIT"}

package/dist/cssm/components/PopoutRoot/PopoutRoot.d.ts

@@ -5,3 +5,4 @@ export interface PopoutRootProps extends HTMLAttributesWithRootRef<HTMLDivElemen
     modal?: React.ReactNode;
 }
 export declare const PopoutRoot: ({ popout, modal, children, ...restProps }: PopoutRootProps) => React.JSX.Element;
+//# sourceMappingURL=PopoutRoot.d.ts.map

package/dist/cssm/components/PopoutRoot/PopoutRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoutRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/PopoutRoot/PopoutRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAqBxD,MAAM,WAAW,eAAgB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAChF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,eAAO,MAAM,UAAU,8CAA+C,eAAe,sBAgBpF,CAAC"}

package/dist/cssm/components/PopoutWrapper/PopoutWrapper.d.ts

@@ -11,3 +11,4 @@ export interface PopoutWrapperProps extends HTMLAttributesWithRootRef<HTMLDivEle
  * @see https://vkcom.github.io/VKUI/#/PopoutWrapper
  */
 export declare const PopoutWrapper: ({ alignY, alignX, closing, hasMask, fixed, children, onClick, ...restProps }: PopoutWrapperProps) => React.JSX.Element;
+//# sourceMappingURL=PopoutWrapper.d.ts.map

package/dist/cssm/components/PopoutWrapper/PopoutWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoutWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/PopoutWrapper/PopoutWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAgBxD,MAAM,WAAW,kBAAmB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IACnF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,iFASvB,kBAAkB,sBAuCpB,CAAC"}

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

@@ -58,6 +58,8 @@
   position: relative;
 }
 
+/* stylelint-disable-next-line selector-max-universal */
+
 .PopoutWrapper__content > * {
   pointer-events: auto;
 }

package/dist/cssm/components/Popover/Popover.d.ts

@@ -48,3 +48,4 @@ export interface PopoverProps extends Omit<PopperCommonProps, 'arrow' | 'arrowCl
  * @see https://vkcom.github.io/VKUI/#/Popover
  */
 export declare const Popover: ({ action, shown: shownProp, showDelay, hideDelay, offsetDistance, content, children, style: styleProp, className, getRef, onShownChange, restoreFocus, ...restProps }: PopoverProps) => React.JSX.Element;
+//# sourceMappingURL=Popover.d.ts.map

package/dist/cssm/components/Popover/Popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAU,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAG7D,MAAM,WAAW,YACf,SAAQ,IAAI,CACR,iBAAiB,EACjB,OAAO,GAAG,gBAAgB,GAAG,aAAa,GAAG,cAAc,GAAG,WAAW,GAAG,SAAS,CACtF,EACD,IAAI,CAAC,cAAc,EAAE,cAAc,CAAC;IACtC;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B;;OAEG;IACH,aAAa,CAAC,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;CACtC;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,0KAcjB,YAAY,sBA2Hd,CAAC"}

package/dist/cssm/components/Popper/Popper.d.ts

@@ -90,3 +90,4 @@ export interface PopperProps extends PopperCommonProps {
  * @see https://vkcom.github.io/VKUI/#/Popper
  */
 export declare const Popper: ({ targetRef, children, getRef, placement: placementProp, onPlacementChange, arrow, arrowHeight, arrowPadding, arrowClassName, ArrowIcon, sameWidth, offsetDistance, offsetSkidding, forcePortal, portalRoot, autoUpdateOnTargetResize, style: styleProp, customMiddlewares, renderContent, getRootRef, hideWhenReferenceHidden, ...restProps }: PopperProps) => React.JSX.Element;
+//# sourceMappingURL=Popper.d.ts.map

package/dist/cssm/components/Popper/Popper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../../src/components/Popper/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAUL,KAAK,SAAS,EACd,KAAK,iBAAiB,EAItB,KAAK,qBAAqB,EAC3B,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAE,MAAM,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAOrE,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAIhF,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,MAAM,CAAC,cAAc,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACrC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,UAAU,CAAC,EAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAC/D;;OAEG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;OAEG;IACH,iBAAiB,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAC5C;;;;;;OAMG;IACH,aAAa,CAAC,CAAC,KAAK,EAAE,wBAAwB,GAAG,KAAK,CAAC,SAAS,CAAC;IACjE,iBAAiB,CAAC,CAAC,IAAI,EAAE;QAAE,SAAS,CAAC,EAAE,SAAS,CAAA;KAAE,GAAG,IAAI,CAAC;IAC1D;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,MAAM,WAAW,WAAY,SAAQ,iBAAiB;IACpD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CACzC;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,mVAuBhB,WAAW,sBAuIb,CAAC"}

package/dist/cssm/components/PopperArrow/DefaultIcon.d.ts

@@ -16,3 +16,4 @@ export declare const DEFAULT_ARROW_WIDTH = 20;
 export declare const DEFAULT_ARROW_HEIGHT = 8;
 export declare const DEFAULT_ARROW_PADDING = 10;
 export declare const DefaultIcon: (props: React.SVGAttributes<SVGSVGElement>) => React.JSX.Element;
+//# sourceMappingURL=DefaultIcon.d.ts.map

package/dist/cssm/components/PopperArrow/DefaultIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/PopperArrow/DefaultIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;GAYG;AAEH,eAAO,MAAM,mBAAmB,KAAK,CAAC;AACtC,eAAO,MAAM,oBAAoB,IAAI,CAAC;AACtC,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAKxC,eAAO,MAAM,WAAW,UAAW,MAAM,aAAa,CAAC,aAAa,CAAC,sBAYpE,CAAC"}

package/dist/cssm/components/PopperArrow/PopperArrow.d.ts

@@ -12,3 +12,4 @@ export interface PopperArrowProps extends HasRootRef<HTMLDivElement> {
     Icon?: React.ComponentType<React.SVGAttributes<SVGSVGElement>>;
 }
 export declare const PopperArrow: ({ coords, arrowClassName, placement, getRootRef, Icon, }: PopperArrowProps) => React.JSX.Element;
+//# sourceMappingURL=PopperArrow.d.ts.map

package/dist/cssm/components/PopperArrow/PopperArrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopperArrow.d.ts","sourceRoot":"","sources":["../../../../src/components/PopperArrow/PopperArrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAI9C,MAAM,MAAM,MAAM,GAAG;IACnB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;CACZ,CAAC;AAQF,MAAM,WAAW,gBAAiB,SAAQ,UAAU,CAAC,cAAc,CAAC;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;CAChE;AAED,eAAO,MAAM,WAAW,6DAMrB,gBAAgB,sBAelB,CAAC"}

package/dist/cssm/components/Progress/Progress.d.ts

@@ -15,3 +15,4 @@ export interface ProgressProps extends HTMLAttributesWithRootRef<HTMLDivElement>
  * @see https://vkcom.github.io/VKUI/#/Progress
  */
 export declare const Progress: ({ value, appearance, height, style: styleProps, ...restProps }: ProgressProps) => React.JSX.Element;
+//# sourceMappingURL=Progress.d.ts.map

package/dist/cssm/components/Progress/Progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AA0BxD,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC9E;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAKD;;GAEG;AACH,eAAO,MAAM,QAAQ,mEAMlB,aAAa,sBAoBf,CAAC"}

package/dist/cssm/components/PromoBanner/PromoBanner.d.ts

@@ -42,3 +42,4 @@ export interface PromoBannerProps extends HTMLAttributesWithRootRef<HTMLDivEleme
  */
 export declare const PromoBanner: ({ bannerData, onClose, isCloseButtonHidden, ...restProps }: PromoBannerProps) => React.JSX.Element;
 export {};
+//# sourceMappingURL=PromoBanner.d.ts.map

package/dist/cssm/components/PromoBanner/PromoBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromoBanner.d.ts","sourceRoot":"","sources":["../../../../src/components/PromoBanner/PromoBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAUxD,KAAK,SAAS,GACV,iBAAiB,GACjB,OAAO,CAAC;AAEZ,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,SAAS,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACrD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IACjF,8DAA8D;IAC9D,UAAU,EAAE,UAAU,CAAC;IACvB,2CAA2C;IAC3C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,+BAA+B;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAID;;;;;GAKG;AACH,eAAO,MAAM,WAAW,+DAKrB,gBAAgB,sBA+ElB,CAAC"}

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

@@ -1,7 +1,7 @@
 .PromoBanner {
   width: 100%;
   box-sizing: border-box;
-  outline: var(--vkui_internal--thin_border) solid var(--vkui--color_separator_primary_alpha);
+  outline: var(--vkui--size_border--regular) solid var(--vkui--color_separator_primary_alpha);
   color: var(--vkui--color_text_primary);
   background: var(--vkui--color_background_content);
   padding-bottom: 10px;

package/dist/cssm/components/PullToRefresh/PullToRefresh.d.ts

@@ -44,3 +44,4 @@ export interface PullToRefreshProps extends DOMProps, TouchProps, HasChildren {
  * @see https://vkcom.github.io/VKUI/#/PullToRefresh
  */
 export declare const PullToRefresh: ({ children, isFetching, onRefresh, className, ...restProps }: PullToRefreshProps) => React.JSX.Element;
+//# sourceMappingURL=PullToRefresh.d.ts.map

package/dist/cssm/components/PullToRefresh/PullToRefresh.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PullToRefresh.d.ts","sourceRoot":"","sources":["../../../../src/components/PullToRefresh/PullToRefresh.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,QAAQ,EAAU,MAAM,eAAe,CAAC;AAIjD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAa,MAAM,0BAA0B,CAAC;AAE7E,OAAO,EAAqB,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAqB/D,MAAM,WAAW,kBAAmB,SAAQ,QAAQ,EAAE,UAAU,EAAE,WAAW;IAC3E;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2BG;IACH,SAAS,EAAE,WAAW,CAAC;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc;IACd,MAAM,CAAC,EAAE,sBAAsB,CAAC;CACjC;AAOD;;GAEG;AACH,eAAO,MAAM,aAAa,iEAMvB,kBAAkB,sBA+MpB,CAAC"}

package/dist/cssm/components/PullToRefresh/PullToRefreshSpinner.d.ts

@@ -7,3 +7,4 @@ export interface PullToRefreshSpinnerProps extends HTMLAttributesWithRootRef<HTM
     progress?: number;
 }
 export declare const PullToRefreshSpinner: ({ on, size, strokeWidth, progress, "aria-label": ariaLabel, ...restProps }: PullToRefreshSpinnerProps) => React.JSX.Element;
+//# sourceMappingURL=PullToRefreshSpinner.d.ts.map

package/dist/cssm/components/PullToRefresh/PullToRefreshSpinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PullToRefreshSpinner.d.ts","sourceRoot":"","sources":["../../../../src/components/PullToRefresh/PullToRefreshSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AASxD,MAAM,WAAW,yBAA0B,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC1F,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,oBAAoB,+EAO9B,yBAAyB,sBAgD3B,CAAC"}

package/dist/cssm/components/Radio/Radio.d.ts

@@ -8,3 +8,4 @@ export interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement>,
  * @see https://vkcom.github.io/VKUI/#/Radio
  */
 export declare const Radio: ({ children, description, style, className, getRootRef, titleAfter, getRef, ...restProps }: RadioProps) => React.JSX.Element;
+//# sourceMappingURL=Radio.d.ts.map

package/dist/cssm/components/Radio/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAqBjD,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,MAAM,CAAC,gBAAgB,CAAC,EACxB,UAAU,CAAC,gBAAgB,CAAC;IAC9B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,8FASf,UAAU,sBAsCZ,CAAC"}

package/dist/cssm/components/RadioGroup/RadioGroup.d.ts

@@ -7,3 +7,4 @@ export interface RadioGroupProps extends HTMLAttributesWithRootRef<HTMLDivElemen
  * @see https://vkcom.github.io/VKUI/#/RadioGroup
  */
 export declare const RadioGroup: ({ mode, ...restProps }: RadioGroupProps) => React.JSX.Element;
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/cssm/components/RadioGroup/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAIxD,MAAM,WAAW,eAAgB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAChF,IAAI,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;CAClC;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,2BAAyC,eAAe,sBAS9E,CAAC"}

package/dist/cssm/components/RangeSlider/RangeSlider.d.ts

@@ -9,3 +9,4 @@ export type RangeSliderProps = Omit<SliderMultipleProps, 'multiple'>;
  * Компонент устарел и будет удален в v6. Используйте [`Slider`](#/Slider).
  */
 export declare const RangeSlider: ({ step, min, max, defaultValue, ...restProps }: RangeSliderProps) => React.JSX.Element;
+//# sourceMappingURL=RangeSlider.d.ts.map

package/dist/cssm/components/RangeSlider/RangeSlider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/RangeSlider/RangeSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAU,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEpE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC;AAErE;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,mDAMrB,gBAAgB,sBAIlB,CAAC"}

package/dist/cssm/components/Removable/Removable.d.ts

@@ -10,6 +10,15 @@ export interface RemovableProps {
      */
     onRemove?: (e: React.MouseEvent, rootEl?: HTMLElement | null) => void;
 }
+interface RemovableIosRenderProps {
+    /**
+     * Показывает состояние Removable на платформе iOS при клике на иконку удаления.
+     * Для имитации поведения на iOS при клике на иконку удаления самого удаление не происходит,
+     * контент сдвигается влево и справа выезжает настоящая кнопка "Удалить".
+     * Когда контент сдвинут `isRemoving = true`.
+     */
+    isRemoving: boolean;
+}
 interface RemovableOwnProps extends HTMLAttributesWithRootRef<HTMLDivElement>, RemovableProps {
     /**
      * Расположение кнопки удаления.
@@ -20,9 +29,11 @@ interface RemovableOwnProps extends HTMLAttributesWithRootRef<HTMLDivElement>, R
      * @since 5.4.0
      */
     indent?: boolean;
+    children?: React.ReactNode | ((renderProps: RemovableIosRenderProps) => React.ReactNode);
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Removable
  */
 export declare const Removable: ({ children, onRemove, removePlaceholder, align, indent, ...restProps }: RemovableOwnProps) => React.JSX.Element;
 export {};
+//# sourceMappingURL=Removable.d.ts.map

package/dist/cssm/components/Removable/Removable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Removable.d.ts","sourceRoot":"","sources":["../../../../src/components/Removable/Removable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAe,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAMrE,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;CACvE;AA2FD,UAAU,uBAAuB;IAC/B;;;;;OAKG;IACH,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,iBAAkB,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAAE,cAAc;IAC3F;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC3B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,WAAW,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CAC1F;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,2EAOnB,iBAAiB,sBAgDnB,CAAC"}

package/dist/cssm/components/Removable/Removable.js

@@ -12,7 +12,7 @@ import { Tappable } from '../Tappable/Tappable';
 import styles from './Removable.module.css';
 /**
  * @see https://vkcom.github.io/VKUI/#/RemovableIos
- */ const RemovableIos = ({ onRemove, removePlaceholder, removePlaceholderString, children })=>{
+ */ const RemovableIos = ({ onRemove, removePlaceholder, removePlaceholderString, children: childrenProp })=>{
     const { window } = useDOM();
     const removeButtonRef = React.useRef(null);
     const disabledRef = React.useRef(true);
@@ -50,13 +50,15 @@ import styles from './Removable.module.css';
         hasActive: false,
         hasHover: false,
         "aria-label": removePlaceholderString,
-        className: classNames(styles['Removable__action'], styles['Removable__toggle']),
+        className: classNames(styles['Removable__action'], styles['Removable__toggle'], 'vkuiInternalRemovable__action'),
         onClick: onRemoveActivateClick,
         disabled: removeOffset > 0
     }, /*#__PURE__*/ React.createElement("i", {
         className: styles['Removable__toggle-in'],
         role: "presentation"
-    })), children, /*#__PURE__*/ React.createElement("span", {
+    })), typeof childrenProp === 'function' ? childrenProp({
+        isRemoving: removeOffset > 0
+    }) : childrenProp, /*#__PURE__*/ React.createElement("span", {
         className: styles['Removable__offset'],
         "aria-hidden": true
     }), /*#__PURE__*/ React.createElement(Tappable, {
@@ -88,7 +90,7 @@ import styles from './Removable.module.css';
     }, children, /*#__PURE__*/ React.createElement(IconButton, {
         activeMode: "opacity",
         hoverMode: "opacity",
-        className: styles['Removable__action'],
+        className: classNames(styles['Removable__action'], 'vkuiInternalRemovable__action'),
         onClick: onRemoveClick,
         "aria-label": removePlaceholderString
     }, /*#__PURE__*/ React.createElement(Icon24Cancel, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Removable/Removable.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24Cancel } from '@vkontakte/icons';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useDOM } from '../../lib/dom';\nimport { Platform } from '../../lib/platform';\nimport { getTitleFromChildren } from '../../lib/utils';\nimport { HasChildren, HTMLAttributesWithRootRef } from '../../types';\nimport { IconButton } from '../IconButton/IconButton';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Tappable } from '../Tappable/Tappable';\nimport styles from './Removable.module.css';\n\nexport interface RemovableProps {\n  /**\n   * iOS only. Текст в выезжающей кнопке для удаления ячейки.\n   */\n  removePlaceholder?: React.ReactNode;\n  /**\n   * Коллбэк срабатывает при клике на контрол удаления.\n   */\n  onRemove?: (e: React.MouseEvent, rootEl?: HTMLElement | null) => void;\n}\n\ninterface RemovableIosOwnProps extends RemovableProps, HasChildren {\n  removePlaceholderString?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RemovableIos\n */\nconst RemovableIos = ({\n  onRemove,\n  removePlaceholder,\n  removePlaceholderString,\n  children,\n}: RemovableIosOwnProps) => {\n  const { window } = useDOM();\n\n  const removeButtonRef = React.useRef<HTMLElement>(null);\n  const disabledRef = React.useRef(true);\n  const [removeOffset, updateRemoveOffset] = React.useState(0);\n\n  useGlobalEventListener(\n    window,\n    'click',\n    () => {\n      if (removeOffset > 0) {\n        updateRemoveOffset(0);\n      }\n    },\n    { capture: true },\n  );\n\n  const onRemoveTransitionEnd = () => {\n    if (removeOffset > 0) {\n      removeButtonRef?.current?.focus();\n    } else {\n      disabledRef.current = true;\n    }\n  };\n\n  const onRemoveActivateClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (!removeButtonRef.current) {\n      return;\n    }\n    const { offsetWidth } = removeButtonRef.current;\n    disabledRef.current = false;\n    updateRemoveOffset(offsetWidth);\n  };\n\n  return (\n    <div\n      className={classNames(styles['Removable__content'], 'vkuiInternalRemovable__content')}\n      style={{ transform: `translateX(-${removeOffset ?? 0}px)` }}\n      onTransitionEnd={onRemoveTransitionEnd}\n    >\n      <IconButton\n        hasActive={false}\n        hasHover={false}\n        aria-label={removePlaceholderString}\n        className={classNames(styles['Removable__action'], styles['Removable__toggle'])}\n        onClick={onRemoveActivateClick}\n        disabled={removeOffset > 0}\n      >\n        <i className={styles['Removable__toggle-in']} role=\"presentation\" />\n      </IconButton>\n      {children}\n\n      <span className={styles['Removable__offset']} aria-hidden />\n\n      <Tappable\n        Component=\"button\"\n        hasActive={false}\n        hasHover={false}\n        disabled={disabledRef.current}\n        getRootRef={removeButtonRef}\n        className={styles['Removable__remove']}\n        onClick={onRemove}\n      >\n        <span className={styles['Removable__remove-in']}>{removePlaceholder}</span>\n      </Tappable>\n    </div>\n  );\n};\n\ninterface RemovableOwnProps extends HTMLAttributesWithRootRef<HTMLDivElement>, RemovableProps {\n  /**\n   * Расположение кнопки удаления.\n   */\n  align?: 'start' | 'center';\n  /**\n   * Скрывает кнопку, но оставляет отступ.\n   * @since 5.4.0\n   */\n  indent?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Removable\n */\nexport const Removable = ({\n  children,\n  onRemove = noop,\n  removePlaceholder = 'Удалить',\n  align = 'center',\n  indent = false,\n  ...restProps\n}: RemovableOwnProps) => {\n  const platform = usePlatform();\n\n  const onRemoveClick = (e: React.MouseEvent) => {\n    e.preventDefault();\n    onRemove(e);\n  };\n\n  const removePlaceholderString: string = getTitleFromChildren(removePlaceholder);\n\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        platform === Platform.IOS && styles['Removable--ios'],\n        align === 'start' && styles['Removable--align-start'],\n        indent && styles['Removable--indent'],\n      )}\n    >\n      {platform !== Platform.IOS && (\n        <div className={classNames(styles['Removable__content'], 'vkuiInternalRemovable__content')}>\n          {children}\n\n          <IconButton\n            activeMode=\"opacity\"\n            hoverMode=\"opacity\"\n            className={styles['Removable__action']}\n            onClick={onRemoveClick}\n            aria-label={removePlaceholderString}\n          >\n            <Icon24Cancel role=\"presentation\" />\n          </IconButton>\n\n          <span className={styles['Removable__offset']} aria-hidden />\n        </div>\n      )}\n\n      {platform === Platform.IOS && (\n        <RemovableIos\n          onRemove={onRemoveClick}\n          removePlaceholder={removePlaceholder}\n          removePlaceholderString={removePlaceholderString}\n        >\n          {children}\n        </RemovableIos>\n      )}\n    </RootComponent>\n  );\n};\n"],"names":["React","Icon24Cancel","classNames","noop","useGlobalEventListener","usePlatform","useDOM","Platform","getTitleFromChildren","IconButton","RootComponent","Tappable","styles","RemovableIos","onRemove","removePlaceholder","removePlaceholderString","children","window","removeButtonRef","useRef","disabledRef","removeOffset","updateRemoveOffset","useState","capture","onRemoveTransitionEnd","current","focus","onRemoveActivateClick","e","stopPropagation","offsetWidth","div","className","style","transform","onTransitionEnd","hasActive","hasHover","aria-label","onClick","disabled","i","role","span","aria-hidden","Component","getRootRef","Removable","align","indent","restProps","platform","onRemoveClick","preventDefault","baseClassName","IOS","activeMode","hoverMode"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Removable/Removable.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24Cancel } from '@vkontakte/icons';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useDOM } from '../../lib/dom';\nimport { Platform } from '../../lib/platform';\nimport { getTitleFromChildren } from '../../lib/utils';\nimport { HasChildren, HTMLAttributesWithRootRef } from '../../types';\nimport { IconButton } from '../IconButton/IconButton';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Tappable } from '../Tappable/Tappable';\nimport styles from './Removable.module.css';\n\nexport interface RemovableProps {\n  /**\n   * iOS only. Текст в выезжающей кнопке для удаления ячейки.\n   */\n  removePlaceholder?: React.ReactNode;\n  /**\n   * Коллбэк срабатывает при клике на контрол удаления.\n   */\n  onRemove?: (e: React.MouseEvent, rootEl?: HTMLElement | null) => void;\n}\n\ninterface RemovableIosOwnProps extends RemovableProps, HasChildren {\n  removePlaceholderString?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RemovableIos\n */\nconst RemovableIos = ({\n  onRemove,\n  removePlaceholder,\n  removePlaceholderString,\n  children: childrenProp,\n}: RemovableIosOwnProps) => {\n  const { window } = useDOM();\n\n  const removeButtonRef = React.useRef<HTMLElement>(null);\n  const disabledRef = React.useRef(true);\n  const [removeOffset, updateRemoveOffset] = React.useState(0);\n\n  useGlobalEventListener(\n    window,\n    'click',\n    () => {\n      if (removeOffset > 0) {\n        updateRemoveOffset(0);\n      }\n    },\n    { capture: true },\n  );\n\n  const onRemoveTransitionEnd = () => {\n    if (removeOffset > 0) {\n      removeButtonRef?.current?.focus();\n    } else {\n      disabledRef.current = true;\n    }\n  };\n\n  const onRemoveActivateClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (!removeButtonRef.current) {\n      return;\n    }\n    const { offsetWidth } = removeButtonRef.current;\n    disabledRef.current = false;\n    updateRemoveOffset(offsetWidth);\n  };\n\n  return (\n    <div\n      className={classNames(styles['Removable__content'], 'vkuiInternalRemovable__content')}\n      style={{ transform: `translateX(-${removeOffset ?? 0}px)` }}\n      onTransitionEnd={onRemoveTransitionEnd}\n    >\n      <IconButton\n        hasActive={false}\n        hasHover={false}\n        aria-label={removePlaceholderString}\n        className={classNames(\n          styles['Removable__action'],\n          styles['Removable__toggle'],\n          'vkuiInternalRemovable__action',\n        )}\n        onClick={onRemoveActivateClick}\n        disabled={removeOffset > 0}\n      >\n        <i className={styles['Removable__toggle-in']} role=\"presentation\" />\n      </IconButton>\n      {typeof childrenProp === 'function'\n        ? childrenProp({ isRemoving: removeOffset > 0 })\n        : childrenProp}\n\n      <span className={styles['Removable__offset']} aria-hidden />\n\n      <Tappable\n        Component=\"button\"\n        hasActive={false}\n        hasHover={false}\n        disabled={disabledRef.current}\n        getRootRef={removeButtonRef}\n        className={styles['Removable__remove']}\n        onClick={onRemove}\n      >\n        <span className={styles['Removable__remove-in']}>{removePlaceholder}</span>\n      </Tappable>\n    </div>\n  );\n};\n\ninterface RemovableIosRenderProps {\n  /**\n   * Показывает состояние Removable на платформе iOS при клике на иконку удаления.\n   * Для имитации поведения на iOS при клике на иконку удаления самого удаление не происходит,\n   * контент сдвигается влево и справа выезжает настоящая кнопка \"Удалить\".\n   * Когда контент сдвинут `isRemoving = true`.\n   */\n  isRemoving: boolean;\n}\n\ninterface RemovableOwnProps extends HTMLAttributesWithRootRef<HTMLDivElement>, RemovableProps {\n  /**\n   * Расположение кнопки удаления.\n   */\n  align?: 'start' | 'center';\n  /**\n   * Скрывает кнопку, но оставляет отступ.\n   * @since 5.4.0\n   */\n  indent?: boolean;\n  children?: React.ReactNode | ((renderProps: RemovableIosRenderProps) => React.ReactNode);\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Removable\n */\nexport const Removable = ({\n  children,\n  onRemove = noop,\n  removePlaceholder = 'Удалить',\n  align = 'center',\n  indent = false,\n  ...restProps\n}: RemovableOwnProps) => {\n  const platform = usePlatform();\n\n  const onRemoveClick = (e: React.MouseEvent) => {\n    e.preventDefault();\n    onRemove(e);\n  };\n\n  const removePlaceholderString: string = getTitleFromChildren(removePlaceholder);\n\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        platform === Platform.IOS && styles['Removable--ios'],\n        align === 'start' && styles['Removable--align-start'],\n        indent && styles['Removable--indent'],\n      )}\n    >\n      {platform !== Platform.IOS && (\n        <div className={classNames(styles['Removable__content'], 'vkuiInternalRemovable__content')}>\n          {children}\n\n          <IconButton\n            activeMode=\"opacity\"\n            hoverMode=\"opacity\"\n            className={classNames(styles['Removable__action'], 'vkuiInternalRemovable__action')}\n            onClick={onRemoveClick}\n            aria-label={removePlaceholderString}\n          >\n            <Icon24Cancel role=\"presentation\" />\n          </IconButton>\n\n          <span className={styles['Removable__offset']} aria-hidden />\n        </div>\n      )}\n\n      {platform === Platform.IOS && (\n        <RemovableIos\n          onRemove={onRemoveClick}\n          removePlaceholder={removePlaceholder}\n          removePlaceholderString={removePlaceholderString}\n        >\n          {children}\n        </RemovableIos>\n      )}\n    </RootComponent>\n  );\n};\n"],"names":["React","Icon24Cancel","classNames","noop","useGlobalEventListener","usePlatform","useDOM","Platform","getTitleFromChildren","IconButton","RootComponent","Tappable","styles","RemovableIos","onRemove","removePlaceholder","removePlaceholderString","children","childrenProp","window","removeButtonRef","useRef","disabledRef","removeOffset","updateRemoveOffset","useState","capture","onRemoveTransitionEnd","current","focus","onRemoveActivateClick","e","stopPropagation","offsetWidth","div","className","style","transform","onTransitionEnd","hasActive","hasHover","aria-label","onClick","disabled","i","role","isRemoving","span","aria-hidden","Component","getRootRef","Removable","align","indent","restProps","platform","onRemoveClick","preventDefault","baseClassName","IOS","activeMode","hoverMode"],"mappings":"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"}

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

@@ -10,11 +10,6 @@
   flex-grow: 0;
   flex-shrink: 0;
   border: 0;
-}
-
-/* Увеличиваем вес селектора */
-
-.Removable__action.Removable__action {
   color: var(--vkui--color_icon_secondary);
 }
 

package/dist/cssm/components/RichCell/RichCell.d.ts

@@ -56,3 +56,4 @@ export declare const RichCell: {
     ({ subhead, children, text, caption, before, after, afterCaption, bottom, actions, multiline, className, ...restProps }: RichCellProps): React.JSX.Element;
     Icon: (props: import("./RichCellIcon/RichCellIcon").RichCellIconProps) => React.JSX.Element;
 };
+//# sourceMappingURL=RichCell.d.ts.map

package/dist/cssm/components/RichCell/RichCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichCell.d.ts","sourceRoot":"","sources":["../../../../src/components/RichCell/RichCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAU/D,MAAM,WAAW,aAAc,SAAQ,aAAa;IAClD;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ;6HAalB,aAAa;;CA4Cf,CAAC"}

package/dist/cssm/components/RichCell/RichCellIcon/RichCellIcon.d.ts

@@ -2,3 +2,4 @@ import * as React from 'react';
 import { HTMLAttributesWithRootRef } from '../../../types';
 export type RichCellIconProps = HTMLAttributesWithRootRef<HTMLDivElement>;
 export declare const RichCellIcon: (props: RichCellIconProps) => React.JSX.Element;
+//# sourceMappingURL=RichCellIcon.d.ts.map

package/dist/cssm/components/RichCell/RichCellIcon/RichCellIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichCellIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/RichCell/RichCellIcon/RichCellIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAI3D,MAAM,MAAM,iBAAiB,GAAG,yBAAyB,CAAC,cAAc,CAAC,CAAC;AAE1E,eAAO,MAAM,YAAY,UAAW,iBAAiB,sBAEpD,CAAC"}

package/dist/cssm/components/RichTooltip/RichTooltip.d.ts

@@ -10,3 +10,4 @@ export interface RichTooltipProps extends Omit<HoverPopperProps, 'arrowClassName
  * @see https://vkcom.github.io/VKUI/#/RichTooltip
  */
 export declare const RichTooltip: ({ children, arrow, appearance, className, ...popperProps }: RichTooltipProps) => React.JSX.Element;
+//# sourceMappingURL=RichTooltip.d.ts.map

package/dist/cssm/components/RichTooltip/RichTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/RichTooltip/RichTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAe,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAU3E,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;IAChF;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,CAAC;CACrE;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,+DAMrB,gBAAgB,sBAelB,CAAC"}

package/dist/cssm/components/Root/Root.d.ts

@@ -20,3 +20,4 @@ export interface RootState {
  * @see https://vkcom.github.io/VKUI/#/Root
  */
 export declare const Root: ({ children, activeView: _activeView, onTransition, nav, ...restProps }: RootProps) => React.JSX.Element;
+//# sourceMappingURL=Root.d.ts.map

package/dist/cssm/components/Root/Root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Root.d.ts","sourceRoot":"","sources":["../../../../src/components/Root/Root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAY,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAI1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AASxD,MAAM,WAAW,SAAU,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU;IACtF,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,CAAC,MAAM,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;CAC7D;AAED,MAAM,WAAW,SAAS;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAID;;GAEG;AACH,eAAO,MAAM,IAAI,2EAMd,SAAS,sBA2HX,CAAC"}

package/dist/cssm/components/RootComponent/RootComponent.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { HasComponent, HasRootRef } from '../../types';
 export interface RootComponentProps<T> extends React.AllHTMLAttributes<T>, HasRootRef<T>, HasComponent {
     baseClassName?: string;
@@ -7,3 +7,4 @@ export interface RootComponentProps<T> extends React.AllHTMLAttributes<T>, HasRo
  * Базовый корневой компонент.
  */
 export declare const RootComponent: <T>({ Component, baseClassName, className, getRootRef, ...restProps }: RootComponentProps<T>) => React.JSX.Element;
+//# sourceMappingURL=RootComponent.d.ts.map

package/dist/cssm/components/RootComponent/RootComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RootComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/RootComponent/RootComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEvD,MAAM,WAAW,kBAAkB,CAAC,CAAC,CACnC,SAAQ,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAChC,UAAU,CAAC,CAAC,CAAC,EACb,YAAY;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,oHAQzB,CAAC"}

package/dist/cssm/components/RootComponent/RootComponent.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 /**
  * Базовый корневой компонент.

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/RootComponent/RootComponent.tsx"],"sourcesContent":["import React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasComponent, HasRootRef } from '../../types';\n\nexport interface RootComponentProps<T>\n  extends React.AllHTMLAttributes<T>,\n    HasRootRef<T>,\n    HasComponent {\n  baseClassName?: string;\n}\n\n/**\n * Базовый корневой компонент.\n */\nexport const RootComponent = <T,>({\n  Component = 'div',\n  baseClassName,\n  className,\n  getRootRef,\n  ...restProps\n}: RootComponentProps<T>) => (\n  <Component ref={getRootRef} className={classNames(baseClassName, className)} {...restProps} />\n);\n"],"names":["React","classNames","RootComponent","Component","baseClassName","className","getRootRef","restProps","ref"],"mappings":"AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,UAAU,QAAQ,kBAAkB;AAU7C;;CAEC,GACD,OAAO,MAAMC,gBAAgB,CAAK,EAChCC,YAAY,KAAK,EACjBC,aAAa,EACbC,SAAS,EACTC,UAAU,EACV,GAAGC,WACmB,iBACtB,oBAACJ;QAAUK,KAAKF;QAAYD,WAAWJ,WAAWG,eAAeC;QAAa,GAAGE,SAAS;OAC1F"}
+{"version":3,"sources":["../../../../src/components/RootComponent/RootComponent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasComponent, HasRootRef } from '../../types';\n\nexport interface RootComponentProps<T>\n  extends React.AllHTMLAttributes<T>,\n    HasRootRef<T>,\n    HasComponent {\n  baseClassName?: string;\n}\n\n/**\n * Базовый корневой компонент.\n */\nexport const RootComponent = <T,>({\n  Component = 'div',\n  baseClassName,\n  className,\n  getRootRef,\n  ...restProps\n}: RootComponentProps<T>) => (\n  <Component ref={getRootRef} className={classNames(baseClassName, className)} {...restProps} />\n);\n"],"names":["React","classNames","RootComponent","Component","baseClassName","className","getRootRef","restProps","ref"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAU7C;;CAEC,GACD,OAAO,MAAMC,gBAAgB,CAAK,EAChCC,YAAY,KAAK,EACjBC,aAAa,EACbC,SAAS,EACTC,UAAU,EACV,GAAGC,WACmB,iBACtB,oBAACJ;QAAUK,KAAKF;QAAYD,WAAWJ,WAAWG,eAAeC;QAAa,GAAGE,SAAS;OAC1F"}

package/dist/cssm/components/ScreenSpinner/Icon48CancelCircle.d.ts

@@ -1,2 +1,3 @@
 import * as React from 'react';
 export declare const Icon48CancelCircle: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+//# sourceMappingURL=Icon48CancelCircle.d.ts.map

package/dist/cssm/components/ScreenSpinner/Icon48CancelCircle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon48CancelCircle.d.ts","sourceRoot":"","sources":["../../../../src/components/ScreenSpinner/Icon48CancelCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,kBAAkB,UAAW,MAAM,QAAQ,CAAC,aAAa,CAAC,sBAiBtE,CAAC"}

package/dist/cssm/components/ScreenSpinner/Icon48DoneOutline.d.ts

@@ -1,2 +1,3 @@
 import * as React from 'react';
 export declare const Icon48DoneOutline: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+//# sourceMappingURL=Icon48DoneOutline.d.ts.map

package/dist/cssm/components/ScreenSpinner/Icon48DoneOutline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon48DoneOutline.d.ts","sourceRoot":"","sources":["../../../../src/components/ScreenSpinner/Icon48DoneOutline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,iBAAiB,UAAW,MAAM,QAAQ,CAAC,aAAa,CAAC,sBAkBrE,CAAC"}

package/dist/cssm/components/ScreenSpinner/ScreenSpinner.d.ts

@@ -7,3 +7,4 @@ export interface ScreenSpinnerProps extends SpinnerProps {
  * @see https://vkcom.github.io/VKUI/#/ScreenSpinner
  */
 export declare const ScreenSpinner: ({ style, className, state, size, "aria-label": ariaLabel, onClick, ...restProps }: ScreenSpinnerProps) => React.JSX.Element;
+//# sourceMappingURL=ScreenSpinner.d.ts.map

package/dist/cssm/components/ScreenSpinner/ScreenSpinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenSpinner.d.ts","sourceRoot":"","sources":["../../../../src/components/ScreenSpinner/ScreenSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAW,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAK3D,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,KAAK,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,MAAM,GAAG,OAAO,CAAC;CACrD;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,sFAQvB,kBAAkB,sBA2CpB,CAAC"}

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

@@ -39,6 +39,8 @@
   animation: screen-spinner-intro 0.2s ease;
 }
 
+/* stylelint-disable-next-line selector-max-type */
+
 .ScreenSpinner__icon--state-done :global(.vkuiIcon) path {
   stroke-dasharray: 50;
   stroke-dashoffset: 50;

package/dist/cssm/components/ScrollArrow/ScrollArrow.d.ts

@@ -4,7 +4,7 @@ export interface ScrollArrowProps extends React.ButtonHTMLAttributes<HTMLButtonE
     /**
      * Направление стрелки
      */
-    direction: 'left' | 'right';
+    direction: 'up' | 'right' | 'down' | 'left';
     /**
      * Размер стрелки
      */
@@ -21,3 +21,4 @@ export interface ScrollArrowProps extends React.ButtonHTMLAttributes<HTMLButtonE
  * @see https://vkcom.github.io/VKUI/#/ScrollArrow
  */
 export declare const ScrollArrow: ({ size, offsetY, direction, children, ...restProps }: ScrollArrowProps) => React.JSX.Element;
+//# sourceMappingURL=ScrollArrow.d.ts.map

package/dist/cssm/components/ScrollArrow/ScrollArrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArrow.d.ts","sourceRoot":"","sources":["../../../../src/components/ScrollArrow/ScrollArrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAyBzC,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,UAAU,CAAC,iBAAiB,CAAC;IAC/B;;OAEG;IACH,SAAS,EAAE,IAAI,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5C;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,yDAMrB,gBAAgB,sBAiBlB,CAAC"}

package/dist/cssm/components/ScrollArrow/ScrollArrow.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Icon16Chevron, Icon16ChevronLeft, Icon24Chevron, Icon24ChevronCompactLeft } from '@vkontakte/icons';
+import { Icon16Chevron, Icon24Chevron } from '@vkontakte/icons';
 import { classNames } from '@vkontakte/vkjs';
 import { RootComponent } from '../RootComponent/RootComponent';
 import styles from './ScrollArrow.module.css';
@@ -8,14 +8,19 @@ const stylesSize = {
     l: styles['ScrollArrow--size-l']
 };
 const stylesDirection = {
-    left: styles['ScrollArrow--direction-left'],
-    right: styles['ScrollArrow--direction-right']
+    up: styles['ScrollArrow--direction-up'],
+    right: styles['ScrollArrow--direction-right'],
+    down: styles['ScrollArrow--direction-down'],
+    left: styles['ScrollArrow--direction-left']
 };
-const ArrowIcon = ({ size, direction })=>{
+const ArrowIcon = ({ size })=>{
+    let Icon = Icon24Chevron;
     if (size === 'm') {
-        return direction === 'left' ? /*#__PURE__*/ React.createElement(Icon16ChevronLeft, null) : /*#__PURE__*/ React.createElement(Icon16Chevron, null);
+        Icon = Icon16Chevron;
     }
-    return direction === 'left' ? /*#__PURE__*/ React.createElement(Icon24ChevronCompactLeft, null) : /*#__PURE__*/ React.createElement(Icon24Chevron, null);
+    return /*#__PURE__*/ React.createElement(Icon, {
+        className: styles['ScrollArrow__defaultIcon']
+    });
 };
 /**
  * Компонент стрелки из HorizontalScroll
@@ -23,7 +28,6 @@ const ArrowIcon = ({ size, direction })=>{
  * @since 5.4.0
  * @see https://vkcom.github.io/VKUI/#/ScrollArrow
  */ export const ScrollArrow = ({ size = 'l', offsetY, direction, children = /*#__PURE__*/ React.createElement(ArrowIcon, {
-    direction: direction,
     size: size
 }), ...restProps })=>{
     return /*#__PURE__*/ React.createElement(RootComponent, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ScrollArrow/ScrollArrow.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Icon16Chevron,\n  Icon16ChevronLeft,\n  Icon24Chevron,\n  Icon24ChevronCompactLeft,\n} from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './ScrollArrow.module.css';\n\nconst stylesSize = {\n  m: styles['ScrollArrow--size-m'],\n  l: styles['ScrollArrow--size-l'],\n};\n\nconst stylesDirection = {\n  left: styles['ScrollArrow--direction-left'],\n  right: styles['ScrollArrow--direction-right'],\n};\n\nconst ArrowIcon = ({ size, direction }: Pick<ScrollArrowProps, 'size' | 'direction'>) => {\n  if (size === 'm') {\n    return direction === 'left' ? <Icon16ChevronLeft /> : <Icon16Chevron />;\n  }\n\n  return direction === 'left' ? <Icon24ChevronCompactLeft /> : <Icon24Chevron />;\n};\n\nexport interface ScrollArrowProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HasRootRef<HTMLButtonElement> {\n  /**\n   * Направление стрелки\n   */\n  direction: 'left' | 'right';\n  /**\n   * Размер стрелки\n   */\n  size?: 'm' | 'l';\n  /**\n   * Смещает иконку кнопки навигации по вертикали.\n   */\n  offsetY?: number | string;\n}\n\n/**\n * Компонент стрелки из HorizontalScroll\n *\n * @since 5.4.0\n * @see https://vkcom.github.io/VKUI/#/ScrollArrow\n */\nexport const ScrollArrow = ({\n  size = 'l',\n  offsetY,\n  direction,\n  children = <ArrowIcon direction={direction} size={size} />,\n  ...restProps\n}: ScrollArrowProps) => {\n  return (\n    <RootComponent\n      Component=\"button\"\n      type=\"button\"\n      baseClassName={classNames(\n        styles['ScrollArrow'],\n        stylesSize[size],\n        stylesDirection[direction],\n      )}\n      {...restProps}\n    >\n      <span className={styles['ScrollArrow__icon']} style={offsetY ? { top: offsetY } : undefined}>\n        {children}\n      </span>\n    </RootComponent>\n  );\n};\n"],"names":["React","Icon16Chevron","Icon16ChevronLeft","Icon24Chevron","Icon24ChevronCompactLeft","classNames","RootComponent","styles","stylesSize","m","l","stylesDirection","left","right","ArrowIcon","size","direction","ScrollArrow","offsetY","children","restProps","Component","type","baseClassName","span","className","style","top","undefined"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,aAAa,EACbC,iBAAiB,EACjBC,aAAa,EACbC,wBAAwB,QACnB,mBAAmB;AAC1B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,OAAOC,YAAY,2BAA2B;AAE9C,MAAMC,aAAa;IACjBC,GAAGF,MAAM,CAAC,sBAAsB;IAChCG,GAAGH,MAAM,CAAC,sBAAsB;AAClC;AAEA,MAAMI,kBAAkB;IACtBC,MAAML,MAAM,CAAC,8BAA8B;IAC3CM,OAAON,MAAM,CAAC,+BAA+B;AAC/C;AAEA,MAAMO,YAAY,CAAC,EAAEC,IAAI,EAAEC,SAAS,EAAgD;IAClF,IAAID,SAAS,KAAK;QAChB,OAAOC,cAAc,uBAAS,oBAACd,yCAAuB,oBAACD;IACzD;IAEA,OAAOe,cAAc,uBAAS,oBAACZ,gDAA8B,oBAACD;AAChE;AAmBA;;;;;CAKC,GACD,OAAO,MAAMc,cAAc,CAAC,EAC1BF,OAAO,GAAG,EACVG,OAAO,EACPF,SAAS,EACTG,yBAAW,oBAACL;IAAUE,WAAWA;IAAWD,MAAMA;EAAQ,EAC1D,GAAGK,WACc;IACjB,qBACE,oBAACd;QACCe,WAAU;QACVC,MAAK;QACLC,eAAelB,WACbE,MAAM,CAAC,cAAc,EACrBC,UAAU,CAACO,KAAK,EAChBJ,eAAe,CAACK,UAAU;QAE3B,GAAGI,SAAS;qBAEb,oBAACI;QAAKC,WAAWlB,MAAM,CAAC,oBAAoB;QAAEmB,OAAOR,UAAU;YAAES,KAAKT;QAAQ,IAAIU;OAC/ET;AAIT,EAAE"}
+{"version":3,"sources":["../../../../src/components/ScrollArrow/ScrollArrow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Chevron, Icon24Chevron } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './ScrollArrow.module.css';\n\nconst stylesSize = {\n  m: styles['ScrollArrow--size-m'],\n  l: styles['ScrollArrow--size-l'],\n};\n\nconst stylesDirection = {\n  up: styles['ScrollArrow--direction-up'],\n  right: styles['ScrollArrow--direction-right'],\n  down: styles['ScrollArrow--direction-down'],\n  left: styles['ScrollArrow--direction-left'],\n};\n\nconst ArrowIcon = ({ size }: Pick<ScrollArrowProps, 'size'>) => {\n  let Icon = Icon24Chevron;\n  if (size === 'm') {\n    Icon = Icon16Chevron;\n  }\n\n  return <Icon className={styles['ScrollArrow__defaultIcon']} />;\n};\n\nexport interface ScrollArrowProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HasRootRef<HTMLButtonElement> {\n  /**\n   * Направление стрелки\n   */\n  direction: 'up' | 'right' | 'down' | 'left';\n  /**\n   * Размер стрелки\n   */\n  size?: 'm' | 'l';\n  /**\n   * Смещает иконку кнопки навигации по вертикали.\n   */\n  offsetY?: number | string;\n}\n\n/**\n * Компонент стрелки из HorizontalScroll\n *\n * @since 5.4.0\n * @see https://vkcom.github.io/VKUI/#/ScrollArrow\n */\nexport const ScrollArrow = ({\n  size = 'l',\n  offsetY,\n  direction,\n  children = <ArrowIcon size={size} />,\n  ...restProps\n}: ScrollArrowProps) => {\n  return (\n    <RootComponent\n      Component=\"button\"\n      type=\"button\"\n      baseClassName={classNames(\n        styles['ScrollArrow'],\n        stylesSize[size],\n        stylesDirection[direction],\n      )}\n      {...restProps}\n    >\n      <span className={styles['ScrollArrow__icon']} style={offsetY ? { top: offsetY } : undefined}>\n        {children}\n      </span>\n    </RootComponent>\n  );\n};\n"],"names":["React","Icon16Chevron","Icon24Chevron","classNames","RootComponent","styles","stylesSize","m","l","stylesDirection","up","right","down","left","ArrowIcon","size","Icon","className","ScrollArrow","offsetY","direction","children","restProps","Component","type","baseClassName","span","style","top","undefined"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,EAAEC,aAAa,QAAQ,mBAAmB;AAChE,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,OAAOC,YAAY,2BAA2B;AAE9C,MAAMC,aAAa;IACjBC,GAAGF,MAAM,CAAC,sBAAsB;IAChCG,GAAGH,MAAM,CAAC,sBAAsB;AAClC;AAEA,MAAMI,kBAAkB;IACtBC,IAAIL,MAAM,CAAC,4BAA4B;IACvCM,OAAON,MAAM,CAAC,+BAA+B;IAC7CO,MAAMP,MAAM,CAAC,8BAA8B;IAC3CQ,MAAMR,MAAM,CAAC,8BAA8B;AAC7C;AAEA,MAAMS,YAAY,CAAC,EAAEC,IAAI,EAAkC;IACzD,IAAIC,OAAOd;IACX,IAAIa,SAAS,KAAK;QAChBC,OAAOf;IACT;IAEA,qBAAO,oBAACe;QAAKC,WAAWZ,MAAM,CAAC,2BAA2B;;AAC5D;AAmBA;;;;;CAKC,GACD,OAAO,MAAMa,cAAc,CAAC,EAC1BH,OAAO,GAAG,EACVI,OAAO,EACPC,SAAS,EACTC,yBAAW,oBAACP;IAAUC,MAAMA;EAAQ,EACpC,GAAGO,WACc;IACjB,qBACE,oBAAClB;QACCmB,WAAU;QACVC,MAAK;QACLC,eAAetB,WACbE,MAAM,CAAC,cAAc,EACrBC,UAAU,CAACS,KAAK,EAChBN,eAAe,CAACW,UAAU;QAE3B,GAAGE,SAAS;qBAEb,oBAACI;QAAKT,WAAWZ,MAAM,CAAC,oBAAoB;QAAEsB,OAAOR,UAAU;YAAES,KAAKT;QAAQ,IAAIU;OAC/ER;AAIT,EAAE"}