@vkontakte/vkui 5.8.2 → 5.9.1

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

@@ -28,3 +28,4 @@ export interface SplitColProps extends HTMLAttributesWithRootRef<HTMLDivElement>
  * @see https://vkcom.github.io/VKUI/#/SplitCol
  */
 export declare const SplitCol: (props: SplitColProps) => React.JSX.Element;
+//# sourceMappingURL=SplitCol.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SplitCol.d.ts","sourceRoot":"","sources":["../../../../src/components/SplitCol/SplitCol.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAyCxD,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC9E,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAID;;GAEG;AACH,eAAO,MAAM,QAAQ,UAAW,aAAa,sBAwD5C,CAAC"}

package/dist/cssm/components/SplitCol/SplitColContext.d.ts

@@ -5,3 +5,4 @@ export interface SplitColContextProps {
 }
 export declare const SplitColContext: React.Context<SplitColContextProps>;
 export declare const useSplitCol: () => SplitColContextProps;
+//# sourceMappingURL=SplitColContext.d.ts.map

package/dist/cssm/components/SplitCol/SplitColContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitColContext.d.ts","sourceRoot":"","sources":["../../../../src/components/SplitCol/SplitColContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IAC/C,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,eAAe,qCAG1B,CAAC;AAEH,eAAO,MAAM,WAAW,4BAA0C,CAAC"}

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

@@ -15,3 +15,4 @@ export interface SplitLayoutProps extends HTMLAttributesWithRootRef<HTMLDivEleme
  * @see https://vkcom.github.io/VKUI/#/SplitLayout
  */
 export declare const SplitLayout: ({ popout, modal, header, children, getRootRef, getRef, className, ...restProps }: SplitLayoutProps) => React.JSX.Element;
+//# sourceMappingURL=SplitLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SplitLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/SplitLayout/SplitLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,MAAM,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAIhE,MAAM,WAAW,gBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,MAAM,CAAC,cAAc,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,qFASrB,gBAAgB,sBA2BlB,CAAC"}

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

@@ -8,3 +8,4 @@ export interface SubnavigationBarProps extends HTMLAttributesWithRootRef<HTMLDiv
  * @see https://vkcom.github.io/VKUI/#/SubnavigationBar
  */
 export declare const SubnavigationBar: ({ mode, children, showArrows, getScrollToLeft, getScrollToRight, scrollAnimationDuration, ...restProps }: SubnavigationBarProps) => React.JSX.Element;
+//# sourceMappingURL=SubnavigationBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubnavigationBar.d.ts","sourceRoot":"","sources":["../../../../src/components/SubnavigationBar/SubnavigationBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAEL,qBAAqB,EAEtB,MAAM,sCAAsC,CAAC;AAI9C,MAAM,WAAW,qBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,IAAI,CACF,qBAAqB,EACrB,YAAY,GAAG,iBAAiB,GAAG,kBAAkB,GAAG,yBAAyB,CAClF;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;CAC7B;AAMD;;GAEG;AACH,eAAO,MAAM,gBAAgB,6GAQ1B,qBAAqB,sBAqCvB,CAAC"}

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

@@ -23,3 +23,4 @@ export interface SubnavigationButtonProps extends Omit<TappableProps, 'size'> {
  * @see https://vkcom.github.io/VKUI/#/SubnavigationButton
  */
 export declare const SubnavigationButton: ({ mode, appearance, size, selected, textLevel, before, after, expandable, children, className, ...restProps }: SubnavigationButtonProps) => React.JSX.Element;
+//# sourceMappingURL=SubnavigationButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubnavigationButton.d.ts","sourceRoot":"","sources":["../../../../src/components/SubnavigationButton/SubnavigationButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAC;AA2B/D,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC;IAC3E,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IAC1C,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAClC,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAoBD;;GAEG;AACH,eAAO,MAAM,mBAAmB,kHAY7B,wBAAwB,sBAgC1B,CAAC"}

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

@@ -110,7 +110,7 @@
 }
 
 .SubnavigationButton--mode-outline {
-  box-shadow: inset 0 0 0 var(--vkui_internal--thin_border) var(--vkui--color_field_border_alpha);
+  box-shadow: inset 0 0 0 var(--vkui--size_border--regular) var(--vkui--color_field_border_alpha);
 }
 
 /**

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAUjD,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,UAAU,CAAC,gBAAgB,CAAC,EAC5B,MAAM,CAAC,gBAAgB,CAAC;CAAG;AAE/B;;GAEG;AACH,eAAO,MAAM,MAAM,2DAA4D,WAAW,sBA8BzF,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabbar.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabbar/Tabbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAIxD,MAAM,WAAW,WAAY,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC5E;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;CAC3C;AAkBD;;GAEG;AACH,eAAO,MAAM,MAAM,mCAA2C,WAAW,sBAexE,CAAC"}

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

@@ -28,7 +28,7 @@
   position: absolute;
   left: 0;
   width: 100%;
-  height: var(--vkui_internal--thin_border);
+  height: var(--vkui--size_border--regular);
   background: var(--vkui--color_separator_primary_alpha);
   content: '';
 }

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

@@ -15,3 +15,4 @@ export interface TabbarItemProps extends React.AllHTMLAttributes<HTMLElement>, H
  * @see https://vkcom.github.io/VKUI/#/TabbarItem
  */
 export declare const TabbarItem: ({ children, selected, indicator, text, href, Component, disabled, ...restProps }: TabbarItemProps) => React.JSX.Element;
+//# sourceMappingURL=TabbarItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabbarItem.d.ts","sourceRoot":"","sources":["../../../../src/components/TabbarItem/TabbarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAMvD,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC1C,UAAU,CAAC,WAAW,CAAC,EACvB,YAAY;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAID;;GAEG;AACH,eAAO,MAAM,UAAU,qFASpB,eAAe,sBAkDjB,CAAC"}

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

@@ -12,3 +12,4 @@ export declare const TabsModeContext: React.Context<TabsContextProps>;
  * @see https://vkcom.github.io/VKUI/#/Tabs
  */
 export declare const Tabs: ({ children, mode, role, ...restProps }: TabsProps) => React.JSX.Element;
+//# sourceMappingURL=Tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAIxD,MAAM,WAAW,SAAU,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC1E,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,WAAW,CAAC;CAC3C;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,eAAe,iCAG1B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,IAAI,2CAAoE,SAAS,sBAuH7F,CAAC"}

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

@@ -29,3 +29,4 @@ export interface TabsItemProps extends HTMLAttributesWithRootRef<HTMLElement> {
  * @see https://vkcom.github.io/VKUI/#/TabsItem
  */
 export declare const TabsItem: ({ before, children, status, after, selected, className, role, tabIndex: tabIndexProp, ...restProps }: TabsItemProps) => React.JSX.Element;
+//# sourceMappingURL=TabsItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabsItem.d.ts","sourceRoot":"","sources":["../../../../src/components/TabsItem/TabsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAmBxD,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAAC,WAAW,CAAC;IAC3E;;;;;OAKG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC;IACrC;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAID;;GAEG;AACH,eAAO,MAAM,QAAQ,yGAUlB,aAAa,sBA6Ef,CAAC"}

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

@@ -89,7 +89,7 @@
   right: 0;
   bottom: 0;
   left: 0;
-  border: var(--vkui_internal--thin_border) solid transparent;
+  border: var(--vkui--size_border--regular) solid transparent;
   border-radius: inherit;
   pointer-events: none;
 }

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

@@ -18,6 +18,10 @@ export interface TappableProps extends TappableElementProps, HasRootRef<HTMLElem
      * Позволяет управлять hovered-состоянием извне
      */
     hovered?: boolean;
+    /**
+     * Позволяет управлять activated-состоянием извне
+     */
+    activated?: boolean;
     /**
      * Указывает, должен ли компонент реагировать на active-состояние
      */
@@ -50,5 +54,6 @@ export declare const ACTIVE_EFFECT_DELAY = 600;
 /**
  * @see https://vkcom.github.io/VKUI/#/Tappable
  */
-export declare const Tappable: ({ children, Component, onClick, onKeyDown: _onKeyDown, activeEffectDelay, stopPropagation, getRootRef, hasHover: _hasHover, hoverMode, hasActive: _hasActive, activeMode, focusVisibleMode, onEnter, onLeave, className, hovered: hoveredProp, borderRadiusMode, ...props }: TappableProps) => React.JSX.Element;
+export declare const Tappable: ({ children, Component, onClick, onKeyDown: _onKeyDown, activeEffectDelay, stopPropagation, getRootRef, hasHover: _hasHover, hoverMode, hasActive: _hasActive, activeMode, focusVisibleMode, onEnter, onLeave, className, hovered: hoveredProp, activated: activatedProp, borderRadiusMode, ...props }: TappableProps) => React.JSX.Element;
 export {};
+//# sourceMappingURL=Tappable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tappable.d.ts","sourceRoot":"","sources":["../../../../src/components/Tappable/Tappable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,OAAO,EACL,wBAAwB,EACxB,WAAW,EACX,YAAY,EACZ,UAAU,EACV,YAAY,EACb,MAAM,aAAa,CAAC;AACrB,OAAO,EAAgB,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAqB,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAmB/D,KAAK,SAAS,GAAG,SAAS,GAAG,YAAY,CAAC;AAI1C,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAClC,cAAc,GACd,aAAa,GACb,YAAY,GACZ,eAAe,GACf,aAAa,GACb,aAAa,GACb,WAAW,GACX,cAAc,CACjB,GACC,wBAAwB,CAAC;AAE3B,MAAM,WAAW,aACf,SAAQ,oBAAoB,EAC1B,UAAU,CAAC,WAAW,CAAC,EACvB,YAAY,EACZ,WAAW,EACX,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;IAClD;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAC7C;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAC5C;;OAEG;IACH,gBAAgB,CAAC,EAAE,YAAY,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;IAC1D,OAAO,CAAC,CAAC,WAAW,EAAE,UAAU,GAAG,IAAI,CAAC;IACxC,OAAO,CAAC,CAAC,WAAW,EAAE,UAAU,GAAG,IAAI,CAAC;IACxC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACvC;AAQD,MAAM,WAAW,kBAAmB,SAAQ,UAAU;IACpD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,mBAAmB,MAAM,CAAC;AA2EvC;;GAEG;AACH,eAAO,MAAM,QAAQ,0SAoBlB,aAAa,sBA8Kf,CAAC"}

package/dist/cssm/components/Tappable/Tappable.js

@@ -114,7 +114,7 @@ function useActivity(hasActive, stopDelay) {
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Tappable
- */ export const Tappable = ({ children, Component, onClick, onKeyDown: _onKeyDown, activeEffectDelay = ACTIVE_EFFECT_DELAY, stopPropagation = false, getRootRef, hasHover: _hasHover = true, hoverMode = 'background', hasActive: _hasActive = true, activeMode = 'background', focusVisibleMode = 'inside', onEnter, onLeave, className, hovered: hoveredProp, borderRadiusMode = 'auto', ...props })=>{
+ */ export const Tappable = ({ children, Component, onClick, onKeyDown: _onKeyDown, activeEffectDelay = ACTIVE_EFFECT_DELAY, stopPropagation = false, getRootRef, hasHover: _hasHover = true, hoverMode = 'background', hasActive: _hasActive = true, activeMode = 'background', focusVisibleMode = 'inside', onEnter, onLeave, className, hovered: hoveredProp, activated: activatedProp, borderRadiusMode = 'auto', ...props })=>{
     Component = Component || (props.href ? 'a' : 'div');
     const { onHoverChange } = React.useContext(TappableContext);
     const insideTouchRoot = React.useContext(TouchRootContext);
@@ -138,6 +138,7 @@ function useActivity(hasActive, stopDelay) {
     ].includes(focusVisibleMode);
     const [activity, { start, stop, delayStart }] = useActivity(hasActive, activeEffectDelay);
     const active = activity === TapState.active || activity === TapState.exiting;
+    const activated = (active || activatedProp) && !props.disabled;
     const containerRef = useExternRef(getRootRef);
     // hover propagation
     const childContext = React.useRef({
@@ -211,7 +212,7 @@ function useActivity(hasActive, stopDelay) {
         const activeDuration = duration - ACTIVE_DELAY;
         stop(activeDuration >= 100 ? 0 : activeEffectDelay - activeDuration);
     }
-    const classes = classNames(className, styles['Tappable'], 'vkuiInternalTappable', platform === Platform.IOS && styles['Tappable--ios'], sizeX !== SizeType.REGULAR && sizeXClassNames[sizeX], hasHover && styles['Tappable--hasHover'], hasActive && styles['Tappable--hasActive'], hasHover && hovered && !isPresetHoverMode && hoverMode, hasActive && active && !isPresetActiveMode && activeMode, focusVisible && !isPresetFocusVisibleMode && focusVisibleMode, hasHover && hovered && isPresetHoverMode && stylesHoverMode[hoverMode], hasActive && active && isPresetActiveMode && stylesActiveMode[activeMode], focusVisible && styles['Tappable--focus-visible'], borderRadiusMode === 'inherit' && styles['Tappable--borderRadiusInherit']);
+    const classes = classNames(className, styles['Tappable'], 'vkuiInternalTappable', platform === Platform.IOS && styles['Tappable--ios'], sizeX !== SizeType.REGULAR && sizeXClassNames[sizeX], hasHover && styles['Tappable--hasHover'], hasActive && styles['Tappable--hasActive'], hasHover && hovered && !isPresetHoverMode && hoverMode, hasActive && activated && !isPresetActiveMode && activeMode, focusVisible && !isPresetFocusVisibleMode && focusVisibleMode, hasHover && hovered && isPresetHoverMode && stylesHoverMode[hoverMode], hasActive && activated && isPresetActiveMode && stylesActiveMode[activeMode], focusVisible && styles['Tappable--focus-visible'], borderRadiusMode === 'inherit' && styles['Tappable--borderRadiusInherit']);
     const handlers = {
         onStart: callMultiple(onStart, props.onStart),
         onMove: callMultiple(onMove, props.onMove),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Tappable/Tappable.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport mitt from 'mitt';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useAdaptivityHasHover } from '../../hooks/useAdaptivityHasHover';\nimport { useAdaptivityHasPointer } from '../../hooks/useAdaptivityHasPointer';\nimport { useBooleanState } from '../../hooks/useBooleanState';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useFocusVisible } from '../../hooks/useFocusVisible';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { shouldTriggerClickOnEnterOrSpace } from '../../lib/accessibility';\nimport { SizeType } from '../../lib/adaptivity';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { getOffsetRect } from '../../lib/offset';\nimport { Platform } from '../../lib/platform';\nimport { coordX, coordY } from '../../lib/touch';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport {\n  AnchorHTMLAttributesOnly,\n  HasChildren,\n  HasComponent,\n  HasRootRef,\n  LiteralUnion,\n} from '../../types';\nimport { FocusVisible, FocusVisibleMode } from '../FocusVisible/FocusVisible';\nimport { Touch, TouchEvent, TouchProps } from '../Touch/Touch';\nimport TouchRootContext from '../Touch/TouchContext';\nimport styles from './Tappable.module.css';\n\nconst sizeXClassNames = {\n  none: styles['Tappable--sizeX-none'],\n  compact: styles['Tappable--sizeX-compact'],\n};\n\nconst stylesHoverMode = {\n  background: styles['Tappable--hover-background'],\n  opacity: styles['Tappable--hover-opacity'],\n};\n\nconst stylesActiveMode = {\n  background: styles['Tappable--active-background'],\n  opacity: styles['Tappable--active-opacity'],\n};\n\ntype StateMode = 'opacity' | 'background';\n\nconst WAVE_LIVE = 225;\n\nexport type TappableElementProps = Omit<\n  React.AllHTMLAttributes<HTMLElement>,\n  | 'onTouchStart'\n  | 'onTouchMove'\n  | 'onTouchEnd'\n  | 'onTouchCancel'\n  | 'onMouseDown'\n  | 'onMouseMove'\n  | 'onMouseUp'\n  | 'onMouseLeave'\n> &\n  AnchorHTMLAttributesOnly; // В AllHTMLAttributes не хватает типов для ссылок\n\nexport interface TappableProps\n  extends TappableElementProps,\n    HasRootRef<HTMLElement>,\n    HasComponent,\n    HasChildren,\n    Pick<TouchProps, 'onStart' | 'onEnd' | 'onMove'> {\n  /**\n   * Длительность показа active-состояния\n   */\n  activeEffectDelay?: number;\n  stopPropagation?: boolean;\n  /**\n   * Указывает, должен ли компонент реагировать на hover-состояние\n   */\n  hasHover?: boolean;\n  /**\n   * Позволяет управлять hovered-состоянием извне\n   */\n  hovered?: boolean;\n  /**\n   * Указывает, должен ли компонент реагировать на active-состояние\n   */\n  hasActive?: boolean;\n  /**\n   * Стиль подсветки active-состояния. Если передать произвольную строку, она добавится как css-класс во время active\n   */\n  activeMode?: LiteralUnion<StateMode, string>;\n  /**\n   * Стиль подсветки hover-состояния. Если передать произвольную строку, она добавится как css-класс во время hover\n   */\n  hoverMode?: LiteralUnion<StateMode, string>;\n  /**\n   * Стиль аутлайна focus visible. Если передать произвольную строку, она добавится как css-класс во время focus-visible\n   */\n  focusVisibleMode?: LiteralUnion<FocusVisibleMode, string>;\n  onEnter?(outputEvent: MouseEvent): void;\n  onLeave?(outputEvent: MouseEvent): void;\n  /**\n   * Задает border-radius элементу\n   * В режиме `auto` на маленьких экранах `border-radius: 0`, иначе определяется токеном `--vkui--size_border_radius--regular`\n   */\n  borderRadiusMode?: 'auto' | 'inherit';\n}\n\ninterface Wave {\n  x: number;\n  y: number;\n  id: number;\n}\n\nexport interface RootComponentProps extends TouchProps {\n  ref?: React.Ref<HTMLElement>;\n}\n\nexport const ACTIVE_DELAY = 70;\nexport const ACTIVE_EFFECT_DELAY = 600;\n\nconst activeBus = mitt<{ active: string }>();\nconst TapState = { none: 0, pending: 1, active: 2, exiting: 3 } as const;\n\ntype TappableContextInterface = { onHoverChange: (s: boolean) => void };\nconst TappableContext = React.createContext<TappableContextInterface>({\n  onHoverChange: noop,\n});\n\nfunction isPresetStateMode(stateMode: LiteralUnion<StateMode, string>): stateMode is StateMode {\n  switch (stateMode) {\n    case 'opacity':\n    case 'background':\n      return true;\n    default:\n      return false;\n  }\n}\n\nfunction useActivity(hasActive: boolean, stopDelay: number) {\n  const id = React.useMemo(() => Math.round(Math.random() * 1e8).toString(16), []);\n\n  const [activity, setActivity] = React.useState<(typeof TapState)[keyof typeof TapState]>(\n    TapState.none,\n  );\n  const _stop = () => setActivity(TapState.none);\n  const start = () => hasActive && setActivity(TapState.active);\n  const delayStart = () => {\n    hasActive && setActivity(TapState.pending);\n  };\n\n  const activeTimeout = useTimeout(start, ACTIVE_DELAY);\n  const stopTimeout = useTimeout(_stop, stopDelay);\n\n  useIsomorphicLayoutEffect(() => {\n    if (activity === TapState.pending) {\n      activeTimeout.set();\n      return activeTimeout.clear;\n    }\n    if (activity === TapState.exiting) {\n      return stopTimeout.clear;\n    }\n    if (activity === TapState.active) {\n      activeBus.emit('active', id);\n    }\n    return noop;\n  }, [activity]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (activity === TapState.none) {\n      return noop;\n    }\n    const onActiveChange = (activeId: string) => {\n      activeId !== id && _stop();\n    };\n    activeBus.on('active', onActiveChange);\n    return () => activeBus.off('active', onActiveChange);\n  }, [activity === TapState.none]);\n\n  useIsomorphicLayoutEffect(() => {\n    !hasActive && _stop();\n  }, [hasActive]);\n\n  const stop = (delay?: number) => {\n    if (delay) {\n      setActivity(TapState.exiting);\n      return stopTimeout.set(delay);\n    }\n    _stop();\n  };\n\n  return [activity, { delayStart, start, stop }] as const;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Tappable\n */\nexport const Tappable = ({\n  children,\n  Component,\n  onClick,\n  onKeyDown: _onKeyDown,\n  activeEffectDelay = ACTIVE_EFFECT_DELAY,\n  stopPropagation = false,\n  getRootRef,\n  hasHover: _hasHover = true,\n  hoverMode = 'background',\n  hasActive: _hasActive = true,\n  activeMode = 'background',\n  focusVisibleMode = 'inside',\n  onEnter,\n  onLeave,\n  className,\n  hovered: hoveredProp,\n  borderRadiusMode = 'auto',\n  ...props\n}: TappableProps) => {\n  Component = Component || ((props.href ? 'a' : 'div') as React.ElementType);\n\n  const { onHoverChange } = React.useContext(TappableContext);\n  const insideTouchRoot = React.useContext(TouchRootContext);\n  const platform = usePlatform();\n  const { focusVisible, onBlur, onFocus } = useFocusVisible();\n  const { sizeX = 'none' } = useAdaptivity();\n  const hasPointerContext = useAdaptivityHasPointer();\n  const hasHoverContext = useAdaptivityHasHover();\n\n  const [clicks, setClicks] = React.useState<Wave[]>([]);\n  const [childHover, setChildHover] = React.useState(false);\n  const {\n    value: _hovered,\n    setTrue: setHoveredTrue,\n    setFalse: setHoveredFalse,\n  } = useBooleanState(false);\n\n  const hovered = (_hovered || hoveredProp) && !props.disabled;\n  const hasActive = _hasActive && !childHover && !props.disabled;\n  const hasHover = hasHoverContext && _hasHover && !childHover;\n  const isCustomElement =\n    Component !== 'a' && Component !== 'button' && Component !== 'label' && !props.contentEditable;\n  const isPresetHoverMode = isPresetStateMode(hoverMode);\n  const isPresetActiveMode = isPresetStateMode(activeMode);\n  const isPresetFocusVisibleMode = ['inside', 'outside'].includes(focusVisibleMode);\n\n  const [activity, { start, stop, delayStart }] = useActivity(hasActive, activeEffectDelay);\n  const active = activity === TapState.active || activity === TapState.exiting;\n\n  const containerRef = useExternRef(getRootRef);\n\n  // hover propagation\n  const childContext = React.useRef({ onHoverChange: setChildHover }).current;\n  useIsomorphicLayoutEffect(() => {\n    if (!hovered) {\n      return noop;\n    }\n    onHoverChange(true);\n    return () => onHoverChange(false);\n  }, [hovered]);\n\n  /*\n   * [a11y]\n   * Обрабатывает событие onkeydown\n   * для кастомных доступных элементов:\n   * - role=\"link\" (активация по Enter)\n   * - role=\"button\" (активация по Space и Enter)\n   */\n  function onKeyDown(e: React.KeyboardEvent<HTMLElement>) {\n    if (isCustomElement && shouldTriggerClickOnEnterOrSpace(e)) {\n      e.preventDefault();\n      containerRef.current?.click();\n    }\n  }\n\n  const needWaves =\n    platform === Platform.ANDROID && !hasPointerContext && hasActive && activeMode === 'background';\n\n  const clearClicks = useTimeout(() => setClicks([]), WAVE_LIVE);\n\n  function addClick(x: number, y: number) {\n    const dateNow = Date.now();\n    const filteredClicks = clicks.filter((click) => click.id + WAVE_LIVE > dateNow);\n\n    setClicks([...filteredClicks, { x, y, id: dateNow }]);\n    clearClicks.set();\n  }\n\n  function onStart({ originalEvent }: TouchEvent) {\n    if (hasActive) {\n      if (originalEvent.touches && originalEvent.touches.length > 1) {\n        // r сожалению я так и не понял, что это делает и можно ли упихнуть его в Touch\n        return stop();\n      }\n\n      if (needWaves) {\n        const { top, left } = getOffsetRect(containerRef.current);\n        const x = coordX(originalEvent) - (left ?? 0);\n        const y = coordY(originalEvent) - (top ?? 0);\n        addClick(x, y);\n      }\n\n      delayStart();\n    }\n  }\n\n  function onMove({ isSlide }: TouchEvent) {\n    if (isSlide) {\n      stop();\n    }\n  }\n\n  function onEnd({ duration }: TouchEvent) {\n    if (activity === TapState.none) {\n      return;\n    }\n    if (activity === TapState.pending) {\n      // активировать при коротком тапе\n      start();\n    }\n\n    // отключить без задержки при длинном тапе\n    const activeDuration = duration - ACTIVE_DELAY;\n    stop(activeDuration >= 100 ? 0 : activeEffectDelay - activeDuration);\n  }\n\n  const classes = classNames(\n    className,\n    styles['Tappable'],\n    'vkuiInternalTappable',\n    platform === Platform.IOS && styles['Tappable--ios'],\n    sizeX !== SizeType.REGULAR && sizeXClassNames[sizeX],\n    hasHover && styles['Tappable--hasHover'],\n    hasActive && styles['Tappable--hasActive'],\n    hasHover && hovered && !isPresetHoverMode && hoverMode,\n    hasActive && active && !isPresetActiveMode && activeMode,\n    focusVisible && !isPresetFocusVisibleMode && focusVisibleMode,\n    hasHover && hovered && isPresetHoverMode && stylesHoverMode[hoverMode],\n    hasActive && active && isPresetActiveMode && stylesActiveMode[activeMode],\n    focusVisible && styles['Tappable--focus-visible'],\n    borderRadiusMode === 'inherit' && styles['Tappable--borderRadiusInherit'],\n  );\n\n  const handlers: RootComponentProps = {\n    onStart: callMultiple(onStart, props.onStart),\n    onMove: callMultiple(onMove, props.onMove),\n    onEnd: callMultiple(onEnd, props.onEnd),\n    onClick,\n    onKeyDown: callMultiple(onKeyDown, _onKeyDown),\n  };\n  const role = props.href ? 'link' : 'button';\n\n  return (\n    <Touch\n      onEnter={callMultiple(setHoveredTrue, onEnter)}\n      onLeave={callMultiple(setHoveredFalse, onLeave)}\n      type={Component === 'button' ? 'button' : undefined}\n      tabIndex={isCustomElement && !props.disabled ? 0 : undefined}\n      role={isCustomElement ? role : undefined}\n      aria-disabled={isCustomElement ? props.disabled : undefined}\n      stopPropagation={stopPropagation && !insideTouchRoot && !props.disabled}\n      {...props}\n      slideThreshold={20}\n      usePointerHover\n      className={classes}\n      Component={Component}\n      getRootRef={containerRef}\n      onBlur={callMultiple(onBlur, props.onBlur)}\n      onFocus={callMultiple(onFocus, props.onFocus)}\n      {...(props.disabled ? {} : handlers)}\n    >\n      <TappableContext.Provider value={childContext}>{children}</TappableContext.Provider>\n      {needWaves && (\n        <span aria-hidden className={styles.Tappable__waves}>\n          {clicks.map((wave) => (\n            <span\n              key={wave.id}\n              className={styles.Tappable__wave}\n              style={{ top: wave.y, left: wave.x }}\n            />\n          ))}\n        </span>\n      )}\n      {((hasHover && hoverMode === 'background') || (hasActive && activeMode === 'background')) && (\n        <span aria-hidden className={styles.Tappable__stateLayer} />\n      )}\n      {!props.disabled && isPresetFocusVisibleMode && (\n        <FocusVisible visible={focusVisible} mode={focusVisibleMode as FocusVisibleMode} />\n      )}\n    </Touch>\n  );\n};\n"],"names":["React","classNames","noop","mitt","useAdaptivity","useAdaptivityHasHover","useAdaptivityHasPointer","useBooleanState","useExternRef","useFocusVisible","usePlatform","useTimeout","shouldTriggerClickOnEnterOrSpace","SizeType","callMultiple","getOffsetRect","Platform","coordX","coordY","useIsomorphicLayoutEffect","FocusVisible","Touch","TouchRootContext","styles","sizeXClassNames","none","compact","stylesHoverMode","background","opacity","stylesActiveMode","WAVE_LIVE","ACTIVE_DELAY","ACTIVE_EFFECT_DELAY","activeBus","TapState","pending","active","exiting","TappableContext","createContext","onHoverChange","isPresetStateMode","stateMode","useActivity","hasActive","stopDelay","id","useMemo","Math","round","random","toString","activity","setActivity","useState","_stop","start","delayStart","activeTimeout","stopTimeout","set","clear","emit","onActiveChange","activeId","on","off","stop","delay","Tappable","children","Component","onClick","onKeyDown","_onKeyDown","activeEffectDelay","stopPropagation","getRootRef","hasHover","_hasHover","hoverMode","_hasActive","activeMode","focusVisibleMode","onEnter","onLeave","className","hovered","hoveredProp","borderRadiusMode","props","href","useContext","insideTouchRoot","platform","focusVisible","onBlur","onFocus","sizeX","hasPointerContext","hasHoverContext","clicks","setClicks","childHover","setChildHover","value","_hovered","setTrue","setHoveredTrue","setFalse","setHoveredFalse","disabled","isCustomElement","contentEditable","isPresetHoverMode","isPresetActiveMode","isPresetFocusVisibleMode","includes","containerRef","childContext","useRef","current","e","preventDefault","click","needWaves","ANDROID","clearClicks","addClick","x","y","dateNow","Date","now","filteredClicks","filter","onStart","originalEvent","touches","length","top","left","onMove","isSlide","onEnd","duration","activeDuration","classes","IOS","REGULAR","handlers","role","type","undefined","tabIndex","aria-disabled","slideThreshold","usePointerHover","Provider","span","aria-hidden","Tappable__waves","map","wave","key","Tappable__wave","style","Tappable__stateLayer","visible","mode"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Tappable/Tappable.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport mitt from 'mitt';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useAdaptivityHasHover } from '../../hooks/useAdaptivityHasHover';\nimport { useAdaptivityHasPointer } from '../../hooks/useAdaptivityHasPointer';\nimport { useBooleanState } from '../../hooks/useBooleanState';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useFocusVisible } from '../../hooks/useFocusVisible';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { shouldTriggerClickOnEnterOrSpace } from '../../lib/accessibility';\nimport { SizeType } from '../../lib/adaptivity';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { getOffsetRect } from '../../lib/offset';\nimport { Platform } from '../../lib/platform';\nimport { coordX, coordY } from '../../lib/touch';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport {\n  AnchorHTMLAttributesOnly,\n  HasChildren,\n  HasComponent,\n  HasRootRef,\n  LiteralUnion,\n} from '../../types';\nimport { FocusVisible, FocusVisibleMode } from '../FocusVisible/FocusVisible';\nimport { Touch, TouchEvent, TouchProps } from '../Touch/Touch';\nimport TouchRootContext from '../Touch/TouchContext';\nimport styles from './Tappable.module.css';\n\nconst sizeXClassNames = {\n  none: styles['Tappable--sizeX-none'],\n  compact: styles['Tappable--sizeX-compact'],\n};\n\nconst stylesHoverMode = {\n  background: styles['Tappable--hover-background'],\n  opacity: styles['Tappable--hover-opacity'],\n};\n\nconst stylesActiveMode = {\n  background: styles['Tappable--active-background'],\n  opacity: styles['Tappable--active-opacity'],\n};\n\ntype StateMode = 'opacity' | 'background';\n\nconst WAVE_LIVE = 225;\n\nexport type TappableElementProps = Omit<\n  React.AllHTMLAttributes<HTMLElement>,\n  | 'onTouchStart'\n  | 'onTouchMove'\n  | 'onTouchEnd'\n  | 'onTouchCancel'\n  | 'onMouseDown'\n  | 'onMouseMove'\n  | 'onMouseUp'\n  | 'onMouseLeave'\n> &\n  AnchorHTMLAttributesOnly; // В AllHTMLAttributes не хватает типов для ссылок\n\nexport interface TappableProps\n  extends TappableElementProps,\n    HasRootRef<HTMLElement>,\n    HasComponent,\n    HasChildren,\n    Pick<TouchProps, 'onStart' | 'onEnd' | 'onMove'> {\n  /**\n   * Длительность показа active-состояния\n   */\n  activeEffectDelay?: number;\n  stopPropagation?: boolean;\n  /**\n   * Указывает, должен ли компонент реагировать на hover-состояние\n   */\n  hasHover?: boolean;\n  /**\n   * Позволяет управлять hovered-состоянием извне\n   */\n  hovered?: boolean;\n  /**\n   * Позволяет управлять activated-состоянием извне\n   */\n  activated?: boolean;\n  /**\n   * Указывает, должен ли компонент реагировать на active-состояние\n   */\n  hasActive?: boolean;\n  /**\n   * Стиль подсветки active-состояния. Если передать произвольную строку, она добавится как css-класс во время active\n   */\n  activeMode?: LiteralUnion<StateMode, string>;\n  /**\n   * Стиль подсветки hover-состояния. Если передать произвольную строку, она добавится как css-класс во время hover\n   */\n  hoverMode?: LiteralUnion<StateMode, string>;\n  /**\n   * Стиль аутлайна focus visible. Если передать произвольную строку, она добавится как css-класс во время focus-visible\n   */\n  focusVisibleMode?: LiteralUnion<FocusVisibleMode, string>;\n  onEnter?(outputEvent: MouseEvent): void;\n  onLeave?(outputEvent: MouseEvent): void;\n  /**\n   * Задает border-radius элементу\n   * В режиме `auto` на маленьких экранах `border-radius: 0`, иначе определяется токеном `--vkui--size_border_radius--regular`\n   */\n  borderRadiusMode?: 'auto' | 'inherit';\n}\n\ninterface Wave {\n  x: number;\n  y: number;\n  id: number;\n}\n\nexport interface RootComponentProps extends TouchProps {\n  ref?: React.Ref<HTMLElement>;\n}\n\nexport const ACTIVE_DELAY = 70;\nexport const ACTIVE_EFFECT_DELAY = 600;\n\nconst activeBus = mitt<{ active: string }>();\nconst TapState = { none: 0, pending: 1, active: 2, exiting: 3 } as const;\n\ntype TappableContextInterface = { onHoverChange: (s: boolean) => void };\nconst TappableContext = React.createContext<TappableContextInterface>({\n  onHoverChange: noop,\n});\n\nfunction isPresetStateMode(stateMode: LiteralUnion<StateMode, string>): stateMode is StateMode {\n  switch (stateMode) {\n    case 'opacity':\n    case 'background':\n      return true;\n    default:\n      return false;\n  }\n}\n\nfunction useActivity(hasActive: boolean, stopDelay: number) {\n  const id = React.useMemo(() => Math.round(Math.random() * 1e8).toString(16), []);\n\n  const [activity, setActivity] = React.useState<(typeof TapState)[keyof typeof TapState]>(\n    TapState.none,\n  );\n  const _stop = () => setActivity(TapState.none);\n  const start = () => hasActive && setActivity(TapState.active);\n  const delayStart = () => {\n    hasActive && setActivity(TapState.pending);\n  };\n\n  const activeTimeout = useTimeout(start, ACTIVE_DELAY);\n  const stopTimeout = useTimeout(_stop, stopDelay);\n\n  useIsomorphicLayoutEffect(() => {\n    if (activity === TapState.pending) {\n      activeTimeout.set();\n      return activeTimeout.clear;\n    }\n    if (activity === TapState.exiting) {\n      return stopTimeout.clear;\n    }\n    if (activity === TapState.active) {\n      activeBus.emit('active', id);\n    }\n    return noop;\n  }, [activity]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (activity === TapState.none) {\n      return noop;\n    }\n    const onActiveChange = (activeId: string) => {\n      activeId !== id && _stop();\n    };\n    activeBus.on('active', onActiveChange);\n    return () => activeBus.off('active', onActiveChange);\n  }, [activity === TapState.none]);\n\n  useIsomorphicLayoutEffect(() => {\n    !hasActive && _stop();\n  }, [hasActive]);\n\n  const stop = (delay?: number) => {\n    if (delay) {\n      setActivity(TapState.exiting);\n      return stopTimeout.set(delay);\n    }\n    _stop();\n  };\n\n  return [activity, { delayStart, start, stop }] as const;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Tappable\n */\nexport const Tappable = ({\n  children,\n  Component,\n  onClick,\n  onKeyDown: _onKeyDown,\n  activeEffectDelay = ACTIVE_EFFECT_DELAY,\n  stopPropagation = false,\n  getRootRef,\n  hasHover: _hasHover = true,\n  hoverMode = 'background',\n  hasActive: _hasActive = true,\n  activeMode = 'background',\n  focusVisibleMode = 'inside',\n  onEnter,\n  onLeave,\n  className,\n  hovered: hoveredProp,\n  activated: activatedProp,\n  borderRadiusMode = 'auto',\n  ...props\n}: TappableProps) => {\n  Component = Component || ((props.href ? 'a' : 'div') as React.ElementType);\n\n  const { onHoverChange } = React.useContext(TappableContext);\n  const insideTouchRoot = React.useContext(TouchRootContext);\n  const platform = usePlatform();\n  const { focusVisible, onBlur, onFocus } = useFocusVisible();\n  const { sizeX = 'none' } = useAdaptivity();\n  const hasPointerContext = useAdaptivityHasPointer();\n  const hasHoverContext = useAdaptivityHasHover();\n\n  const [clicks, setClicks] = React.useState<Wave[]>([]);\n  const [childHover, setChildHover] = React.useState(false);\n  const {\n    value: _hovered,\n    setTrue: setHoveredTrue,\n    setFalse: setHoveredFalse,\n  } = useBooleanState(false);\n\n  const hovered = (_hovered || hoveredProp) && !props.disabled;\n  const hasActive = _hasActive && !childHover && !props.disabled;\n  const hasHover = hasHoverContext && _hasHover && !childHover;\n  const isCustomElement =\n    Component !== 'a' && Component !== 'button' && Component !== 'label' && !props.contentEditable;\n  const isPresetHoverMode = isPresetStateMode(hoverMode);\n  const isPresetActiveMode = isPresetStateMode(activeMode);\n  const isPresetFocusVisibleMode = ['inside', 'outside'].includes(focusVisibleMode);\n\n  const [activity, { start, stop, delayStart }] = useActivity(hasActive, activeEffectDelay);\n  const active = activity === TapState.active || activity === TapState.exiting;\n  const activated = (active || activatedProp) && !props.disabled;\n\n  const containerRef = useExternRef(getRootRef);\n\n  // hover propagation\n  const childContext = React.useRef({ onHoverChange: setChildHover }).current;\n  useIsomorphicLayoutEffect(() => {\n    if (!hovered) {\n      return noop;\n    }\n    onHoverChange(true);\n    return () => onHoverChange(false);\n  }, [hovered]);\n\n  /*\n   * [a11y]\n   * Обрабатывает событие onkeydown\n   * для кастомных доступных элементов:\n   * - role=\"link\" (активация по Enter)\n   * - role=\"button\" (активация по Space и Enter)\n   */\n  function onKeyDown(e: React.KeyboardEvent<HTMLElement>) {\n    if (isCustomElement && shouldTriggerClickOnEnterOrSpace(e)) {\n      e.preventDefault();\n      containerRef.current?.click();\n    }\n  }\n\n  const needWaves =\n    platform === Platform.ANDROID && !hasPointerContext && hasActive && activeMode === 'background';\n\n  const clearClicks = useTimeout(() => setClicks([]), WAVE_LIVE);\n\n  function addClick(x: number, y: number) {\n    const dateNow = Date.now();\n    const filteredClicks = clicks.filter((click) => click.id + WAVE_LIVE > dateNow);\n\n    setClicks([...filteredClicks, { x, y, id: dateNow }]);\n    clearClicks.set();\n  }\n\n  function onStart({ originalEvent }: TouchEvent) {\n    if (hasActive) {\n      if (originalEvent.touches && originalEvent.touches.length > 1) {\n        // r сожалению я так и не понял, что это делает и можно ли упихнуть его в Touch\n        return stop();\n      }\n\n      if (needWaves) {\n        const { top, left } = getOffsetRect(containerRef.current);\n        const x = coordX(originalEvent) - (left ?? 0);\n        const y = coordY(originalEvent) - (top ?? 0);\n        addClick(x, y);\n      }\n\n      delayStart();\n    }\n  }\n\n  function onMove({ isSlide }: TouchEvent) {\n    if (isSlide) {\n      stop();\n    }\n  }\n\n  function onEnd({ duration }: TouchEvent) {\n    if (activity === TapState.none) {\n      return;\n    }\n    if (activity === TapState.pending) {\n      // активировать при коротком тапе\n      start();\n    }\n\n    // отключить без задержки при длинном тапе\n    const activeDuration = duration - ACTIVE_DELAY;\n    stop(activeDuration >= 100 ? 0 : activeEffectDelay - activeDuration);\n  }\n\n  const classes = classNames(\n    className,\n    styles['Tappable'],\n    'vkuiInternalTappable',\n    platform === Platform.IOS && styles['Tappable--ios'],\n    sizeX !== SizeType.REGULAR && sizeXClassNames[sizeX],\n    hasHover && styles['Tappable--hasHover'],\n    hasActive && styles['Tappable--hasActive'],\n    hasHover && hovered && !isPresetHoverMode && hoverMode,\n    hasActive && activated && !isPresetActiveMode && activeMode,\n    focusVisible && !isPresetFocusVisibleMode && focusVisibleMode,\n    hasHover && hovered && isPresetHoverMode && stylesHoverMode[hoverMode],\n    hasActive && activated && isPresetActiveMode && stylesActiveMode[activeMode],\n    focusVisible && styles['Tappable--focus-visible'],\n    borderRadiusMode === 'inherit' && styles['Tappable--borderRadiusInherit'],\n  );\n\n  const handlers: RootComponentProps = {\n    onStart: callMultiple(onStart, props.onStart),\n    onMove: callMultiple(onMove, props.onMove),\n    onEnd: callMultiple(onEnd, props.onEnd),\n    onClick,\n    onKeyDown: callMultiple(onKeyDown, _onKeyDown),\n  };\n  const role = props.href ? 'link' : 'button';\n\n  return (\n    <Touch\n      onEnter={callMultiple(setHoveredTrue, onEnter)}\n      onLeave={callMultiple(setHoveredFalse, onLeave)}\n      type={Component === 'button' ? 'button' : undefined}\n      tabIndex={isCustomElement && !props.disabled ? 0 : undefined}\n      role={isCustomElement ? role : undefined}\n      aria-disabled={isCustomElement ? props.disabled : undefined}\n      stopPropagation={stopPropagation && !insideTouchRoot && !props.disabled}\n      {...props}\n      slideThreshold={20}\n      usePointerHover\n      className={classes}\n      Component={Component}\n      getRootRef={containerRef}\n      onBlur={callMultiple(onBlur, props.onBlur)}\n      onFocus={callMultiple(onFocus, props.onFocus)}\n      {...(props.disabled ? {} : handlers)}\n    >\n      <TappableContext.Provider value={childContext}>{children}</TappableContext.Provider>\n      {needWaves && (\n        <span aria-hidden className={styles.Tappable__waves}>\n          {clicks.map((wave) => (\n            <span\n              key={wave.id}\n              className={styles.Tappable__wave}\n              style={{ top: wave.y, left: wave.x }}\n            />\n          ))}\n        </span>\n      )}\n      {((hasHover && hoverMode === 'background') || (hasActive && activeMode === 'background')) && (\n        <span aria-hidden className={styles.Tappable__stateLayer} />\n      )}\n      {!props.disabled && isPresetFocusVisibleMode && (\n        <FocusVisible visible={focusVisible} mode={focusVisibleMode as FocusVisibleMode} />\n      )}\n    </Touch>\n  );\n};\n"],"names":["React","classNames","noop","mitt","useAdaptivity","useAdaptivityHasHover","useAdaptivityHasPointer","useBooleanState","useExternRef","useFocusVisible","usePlatform","useTimeout","shouldTriggerClickOnEnterOrSpace","SizeType","callMultiple","getOffsetRect","Platform","coordX","coordY","useIsomorphicLayoutEffect","FocusVisible","Touch","TouchRootContext","styles","sizeXClassNames","none","compact","stylesHoverMode","background","opacity","stylesActiveMode","WAVE_LIVE","ACTIVE_DELAY","ACTIVE_EFFECT_DELAY","activeBus","TapState","pending","active","exiting","TappableContext","createContext","onHoverChange","isPresetStateMode","stateMode","useActivity","hasActive","stopDelay","id","useMemo","Math","round","random","toString","activity","setActivity","useState","_stop","start","delayStart","activeTimeout","stopTimeout","set","clear","emit","onActiveChange","activeId","on","off","stop","delay","Tappable","children","Component","onClick","onKeyDown","_onKeyDown","activeEffectDelay","stopPropagation","getRootRef","hasHover","_hasHover","hoverMode","_hasActive","activeMode","focusVisibleMode","onEnter","onLeave","className","hovered","hoveredProp","activated","activatedProp","borderRadiusMode","props","href","useContext","insideTouchRoot","platform","focusVisible","onBlur","onFocus","sizeX","hasPointerContext","hasHoverContext","clicks","setClicks","childHover","setChildHover","value","_hovered","setTrue","setHoveredTrue","setFalse","setHoveredFalse","disabled","isCustomElement","contentEditable","isPresetHoverMode","isPresetActiveMode","isPresetFocusVisibleMode","includes","containerRef","childContext","useRef","current","e","preventDefault","click","needWaves","ANDROID","clearClicks","addClick","x","y","dateNow","Date","now","filteredClicks","filter","onStart","originalEvent","touches","length","top","left","onMove","isSlide","onEnd","duration","activeDuration","classes","IOS","REGULAR","handlers","role","type","undefined","tabIndex","aria-disabled","slideThreshold","usePointerHover","Provider","span","aria-hidden","Tappable__waves","map","wave","key","Tappable__wave","style","Tappable__stateLayer","visible","mode"],"mappings":"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"}

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

@@ -17,7 +17,7 @@ https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Positioning/Understanding_z_in
 https://github.com/VKCOM/VKUI/pull/3641
 */
 
-/* stylelint-disable-next-line @project-tools/stylelint-atomic */
+/* stylelint-disable-next-line @project-tools/stylelint-atomic, selector-max-universal */
 
 .Tappable > * {
   position: relative;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextTooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/TextTooltip/TextTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAe,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAW3E,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,gBAAgB,GAAG,SAAS,CAAC;IACtE;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,CAAC;CACrE;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,sEAOrB,gBAAgB,sBAqBlB,CAAC"}

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

@@ -10,3 +10,4 @@ export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextArea
  * @see https://vkcom.github.io/VKUI/#/Textarea
  */
 export declare const Textarea: ({ defaultValue, grow, style, onResize, className, getRootRef, getRef, rows, maxHeight, status, onChange: onChangeProp, value: valueProp, ...restProps }: TextareaProps) => React.JSX.Element;
+//# sourceMappingURL=Textarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AASnE,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACvD,MAAM,CAAC,mBAAmB,CAAC,EAC3B,UAAU,CAAC,WAAW,CAAC,EACvB,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,WAAW,CAAC,EACtC,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,CAAC,EAAE,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,4JAclB,aAAa,sBAkDf,CAAC"}

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

@@ -56,3 +56,4 @@ export interface TooltipProps extends Omit<TooltipBaseProps, 'arrowCoords' | 'ar
  * @see https://vkcom.github.io/VKUI/#/Tooltip
  */
 export declare const Tooltip: ({ children, isShown: isShownProp, offsetX, offsetY, alignX, alignY, onClose, cornerOffset, cornerAbsoluteOffset, arrow, arrowPadding, placement: placementProp, maxWidth, ...restProps }: TooltipProps) => React.JSX.Element;
+//# sourceMappingURL=Tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAUL,KAAK,iBAAiB,EAIvB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,EAAkC,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AA0BnG,MAAM,WAAW,YACf,SAAQ,IAAI,CACV,gBAAgB,EAChB,aAAa,GAAG,gBAAgB,GAAG,aAAa,GAAG,eAAe,GAAG,WAAW,CACjF;IACD;;;;OAIG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC;IACnE;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACrC;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC;CAC/B;AAwBD;;GAEG;AACH,eAAO,MAAM,OAAO,6LAejB,YAAY,sBA8Jd,CAAC"}

package/dist/cssm/components/Tooltip/TooltipContainer.d.ts

@@ -3,3 +3,4 @@ export declare const tooltipContainerAttr = "data-tooltip-container";
 export declare const TooltipContainer: React.ForwardRefExoticComponent<React.HtmlHTMLAttributes<HTMLDivElement> & {
     fixed?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=TooltipContainer.d.ts.map

package/dist/cssm/components/Tooltip/TooltipContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/TooltipContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,oBAAoB,2BAA2B,CAAC;AAC7D,eAAO,MAAM,gBAAgB;;wCAM3B,CAAC"}

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

@@ -54,3 +54,4 @@ export interface TooltipBaseProps extends HasRootRef<HTMLDivElement> {
  * @see https://vkcom.github.io/VKUI/#/Tooltip
  */
 export declare const TooltipBase: ({ appearance, withArrow, arrowCoords, arrowPlacement, getArrowRef, getRootRef, floatingStyle, ArrowIcon, text, header, maxWidth, ...restProps }: TooltipBaseProps) => React.JSX.Element;
+//# sourceMappingURL=TooltipBase.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipBase.d.ts","sourceRoot":"","sources":["../../../../src/components/TooltipBase/TooltipBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAKhF,eAAO,MAAM,iBAAiB,MAAM,CAAC;AASrC,MAAM,WAAW,gBAAiB,SAAQ,UAAU,CAAC,cAAc,CAAC;IAClE;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,CAAC;IACpE;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACzC,cAAc,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAC/C,WAAW,CAAC,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAC7C;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACrC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACrC;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,oJAarB,gBAAgB,sBA6BlB,CAAC"}

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

@@ -50,3 +50,4 @@ export type DragHandler = (e: React.DragEvent<HTMLElement>) => void;
  */
 export declare const Touch: ({ onStart, onStartX, onStartY, onMove: _onMove, onMoveX, onMoveY, onLeave, onEnter, onEnd: _onEnd, onEndX, onEndY, onClickCapture, usePointerHover, slideThreshold, useCapture, Component, getRootRef, noSlideClick, stopPropagation, ...restProps }: TouchProps) => React.JSX.Element;
 export {};
+//# sourceMappingURL=Touch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Touch.d.ts","sourceRoot":"","sources":["../../../../src/components/Touch/Touch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAoD,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEnG,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEvD,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC1C,UAAU,CAAC,WAAW,CAAC,EACvB,YAAY;IACd;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,OAAO;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,IAAI,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,GAAG,EAAE,OAAO,CAAC;IACb,GAAG,EAAE,OAAO,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,UAAW,SAAQ,OAAO;IACzC,aAAa,EAAE,cAAc,CAAC;CAC/B;AAED,KAAK,YAAY,GAAG,CAAC,WAAW,EAAE,UAAU,KAAK,IAAI,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;AACtE,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;AAEpE;;GAEG;AACH,eAAO,MAAM,KAAK,yPAqBf,UAAU,sBAoLZ,CAAC"}

package/dist/cssm/components/Touch/TouchContext.d.ts

@@ -5,3 +5,4 @@ import * as React from 'react';
  */
 declare const TouchRootContext: React.Context<boolean>;
 export default TouchRootContext;
+//# sourceMappingURL=TouchContext.d.ts.map

package/dist/cssm/components/Touch/TouchContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TouchContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Touch/TouchContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;GAGG;AACH,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAuC,CAAC;AAGrF,eAAe,gBAAgB,CAAC"}

package/dist/cssm/components/Typography/Caption/Caption.d.ts

@@ -7,3 +7,4 @@ export interface CaptionProps extends TypographyProps, HasCaps {
  * @see https://vkcom.github.io/VKUI/#/Caption
  */
 export declare const Caption: ({ className, level, caps, Component, normalize, ...restProps }: CaptionProps) => React.JSX.Element;
+//# sourceMappingURL=Caption.d.ts.map

package/dist/cssm/components/Typography/Caption/Caption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Caption.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AASrE,MAAM,WAAW,YAAa,SAAQ,eAAe,EAAE,OAAO;IAC5D,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,mEAOjB,YAAY,sBASd,CAAC"}

package/dist/cssm/components/Typography/Footnote/Footnote.d.ts

@@ -6,3 +6,4 @@ export interface FootnoteProps extends TypographyProps, HasCaps {
  * @see https://vkcom.github.io/VKUI/#/Footnote
  */
 export declare const Footnote: ({ className, caps, Component, normalize, ...restProps }: FootnoteProps) => React.JSX.Element;
+//# sourceMappingURL=Footnote.d.ts.map

package/dist/cssm/components/Typography/Footnote/Footnote.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footnote.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Footnote/Footnote.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrE,MAAM,WAAW,aAAc,SAAQ,eAAe,EAAE,OAAO;CAAG;AAElE;;GAEG;AACH,eAAO,MAAM,QAAQ,4DAMlB,aAAa,sBAOf,CAAC"}

package/dist/cssm/components/Typography/Headline/Headline.d.ts

@@ -7,3 +7,4 @@ export interface HeadlineProps extends TypographyProps {
  * @see https://vkcom.github.io/VKUI/#/Headline
  */
 export declare const Headline: ({ className, weight, level, Component, normalize, ...restProps }: HeadlineProps) => React.JSX.Element;
+//# sourceMappingURL=Headline.d.ts.map

package/dist/cssm/components/Typography/Headline/Headline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Headline.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAa5D,MAAM,WAAW,aAAc,SAAQ,eAAe;IACpD,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACnB;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,qEAOlB,aAAa,sBAgBf,CAAC"}

package/dist/cssm/components/Typography/Paragraph/Paragraph.d.ts

@@ -5,3 +5,4 @@ export type ParagraphProps = TypographyProps;
  * @see https://vkcom.github.io/VKUI/#/Paragraph
  */
 export declare const Paragraph: ({ className, Component, normalize, ...restProps }: ParagraphProps) => React.JSX.Element;
+//# sourceMappingURL=Paragraph.d.ts.map

package/dist/cssm/components/Typography/Paragraph/Paragraph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAG5D,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC;AAE7C;;GAEG;AACH,eAAO,MAAM,SAAS,sDAKnB,cAAc,sBAShB,CAAC"}

package/dist/cssm/components/Typography/Subhead/Subhead.d.ts

@@ -5,3 +5,4 @@ export type SubheadProps = TypographyProps;
  * @see https://vkcom.github.io/VKUI/#/Subhead
  */
 export declare const Subhead: ({ className, Component, normalize, ...restProps }: SubheadProps) => React.JSX.Element;
+//# sourceMappingURL=Subhead.d.ts.map

package/dist/cssm/components/Typography/Subhead/Subhead.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Subhead.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAQ5D,MAAM,MAAM,YAAY,GAAG,eAAe,CAAC;AAE3C;;GAEG;AACH,eAAO,MAAM,OAAO,sDAKjB,YAAY,sBAed,CAAC"}

package/dist/cssm/components/Typography/Text/Text.d.ts

@@ -5,3 +5,4 @@ export type TextProps = TypographyProps;
  * @see https://vkcom.github.io/VKUI/#/Text
  */
 export declare const Text: ({ className, Component, normalize, ...restProps }: TextProps) => React.JSX.Element;
+//# sourceMappingURL=Text.d.ts.map

package/dist/cssm/components/Typography/Text/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAQ5D,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC;AAExC;;GAEG;AACH,eAAO,MAAM,IAAI,sDAKd,SAAS,sBAeX,CAAC"}

package/dist/cssm/components/Typography/Title/Title.d.ts

@@ -7,3 +7,4 @@ export interface TitleProps extends TypographyProps {
  * @see https://vkcom.github.io/VKUI/#/Title
  */
 export declare const Title: ({ className, level, Component, normalize, ...restProps }: TitleProps) => React.JSX.Element;
+//# sourceMappingURL=Title.d.ts.map

package/dist/cssm/components/Typography/Title/Title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Title/Title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAS5D,MAAM,WAAW,UAAW,SAAQ,eAAe;IACjD,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,6DAMf,UAAU,sBAaZ,CAAC"}

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

@@ -14,3 +14,4 @@ export interface TypographyProps extends React.AllHTMLAttributes<HTMLElement>, H
     normalize?: boolean;
 }
 export declare const Typography: ({ weight, Component, normalize, ...restProps }: TypographyProps) => React.JSX.Element;
+//# sourceMappingURL=Typography.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAUvD,MAAM,WAAW,OAAO;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC1C,YAAY,EACZ,UAAU,CAAC,WAAW,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,mDAKpB,eAAe,sBAUjB,CAAC"}

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

@@ -18,7 +18,7 @@
   font-weight: var(--vkui--font_weight_accent3);
 }
 
-/* stylelint-disable-next-line @project-tools/stylelint-atomic */
+/* stylelint-disable-next-line @project-tools/stylelint-atomic, selector-max-type */
 
 .Typography b {
   font-weight: var(--vkui--font_weight_accent1);

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

@@ -37,3 +37,4 @@ export interface UsersStackProps extends HTMLAttributesWithRootRef<HTMLDivElemen
  * @see https://vkcom.github.io/VKUI/#/UsersStack
  */
 export declare const UsersStack: ({ photos, visibleCount, count, size, layout, children, direction: directionProp, ...restProps }: UsersStackProps) => React.JSX.Element;
+//# sourceMappingURL=UsersStack.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UsersStack.d.ts","sourceRoot":"","sources":["../../../../src/components/UsersStack/UsersStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAkBxD,MAAM,WAAW,eAAgB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAChF;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB;;;;OAIG;IACH,MAAM,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACnC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,QAAQ,CAAC;CAC9C;AAuED;;GAEG;AACH,eAAO,MAAM,UAAU,oGASpB,eAAe,sBA4EjB,CAAC"}

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

@@ -1,10 +1,6 @@
 import * as React from 'react';
 import { NavIdProps } from '../../lib/getNavId';
 import { HTMLAttributesWithRootRef } from '../../types';
-declare enum SwipeBackResults {
-    fail = 1,
-    success = 2
-}
 interface Scrolls {
     [index: string]: number | undefined;
 }
@@ -36,23 +32,9 @@ export interface ViewProps extends HTMLAttributesWithRootRef<HTMLElement>, NavId
     history?: string[];
     children: React.ReactElement | Iterable<React.ReactElement>;
 }
-export interface ViewState {
-    animated: boolean;
-    visiblePanels: string[];
-    activePanel: string | null;
-    isBack: boolean | undefined;
-    prevPanel: string | null;
-    nextPanel: string | null;
-    swipingBack: boolean;
-    swipeBackStartX: number;
-    swipeBackShift: number;
-    swipeBackNextPanel: string | null;
-    swipeBackPrevPanel: string | null;
-    swipeBackResult: SwipeBackResults | null;
-    browserSwipe: boolean;
-}
 /**
  * @see https://vkcom.github.io/VKUI/#/View
  */
 export declare const View: ({ activePanel: activePanelProp, history, nav, onTransition, onSwipeBack, onSwipeBackStart, onSwipeBackCancel: onSwipeBackCancelProp, children, className, ...restProps }: ViewProps) => React.JSX.Element;
 export {};
+//# sourceMappingURL=View.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../../../src/components/View/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAY,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAK1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAoBxD,UAAU,OAAO;IACf,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACrC;AAED,UAAU,YAAY;IACpB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED,eAAO,IAAI,YAAY,EAAE,YAAiB,CAAC;AAE3C,MAAM,WAAW,SAAU,SAAQ,yBAAyB,CAAC,WAAW,CAAC,EAAE,UAAU;IACnF,WAAW,EAAE,MAAM,CAAC;IACpB,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;;OAEG;IACH,WAAW,CAAC,IAAI,IAAI,CAAC;IACrB;;;;OAIG;IACH,gBAAgB,CAAC,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAChE;;OAEG;IACH,iBAAiB,CAAC,IAAI,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAEnB,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;CAC7D;AAID;;GAEG;AACH,eAAO,MAAM,IAAI,6KAWd,SAAS,sBA0eX,CAAC"}