@vkontakte/vkui 6.0.3 → 6.1.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { HasRef, HasRootRef } from '../../types';\nimport { FormField, FormFieldProps } from '../FormField/FormField';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './Textarea.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Textarea--sizeY-none'],\n  ['compact']: styles['Textarea--sizeY-compact'],\n};\n\nexport interface TextareaProps\n  extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onResize'>,\n    HasRef<HTMLTextAreaElement>,\n    HasRootRef<HTMLElement>,\n    Pick<React.CSSProperties, 'maxHeight'>,\n    Pick<FormFieldProps, 'status'> {\n  grow?: boolean;\n  onResize?: (el: HTMLTextAreaElement) => void;\n  defaultValue?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Textarea\n */\nexport const Textarea = ({\n  grow = true,\n  style,\n  onResize,\n  className,\n  getRootRef,\n  getRef,\n  rows = 2,\n  maxHeight,\n  status,\n  onChange,\n  ...restProps\n}: TextareaProps) => {\n  const currentScrollHeight = React.useRef<number>();\n  const elementRef = useExternRef(getRef);\n  const { sizeY = 'none' } = useAdaptivity();\n\n  const autosizeInput = () => {\n    const el = elementRef.current;\n\n    if (grow && el?.offsetParent) {\n      el.style.height = '';\n      el.style.height = `${el.scrollHeight}px`;\n\n      if (el.scrollHeight !== currentScrollHeight.current && onResize) {\n        onResize(el);\n        currentScrollHeight.current = el.scrollHeight;\n      }\n    }\n  };\n\n  React.useEffect(autosizeInput, [grow, sizeY, elementRef, onResize]);\n\n  return (\n    <FormField\n      className={classNames(\n        styles['Textarea'],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        className,\n      )}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={restProps.disabled}\n      status={status}\n    >\n      <Text\n        {...restProps}\n        Component=\"textarea\"\n        normalize={false}\n        style={{ maxHeight }}\n        rows={rows}\n        className={styles['Textarea__el']}\n        onChange={callMultiple(onChange, autosizeInput)}\n        getRootRef={elementRef}\n      />\n    </FormField>\n  );\n};\n"],"names":["Textarea","sizeYClassNames","none","grow","style","onResize","className","getRootRef","getRef","rows","maxHeight","status","onChange","restProps","currentScrollHeight","React","useRef","elementRef","useExternRef","sizeY","useAdaptivity","autosizeInput","el","current","offsetParent","height","scrollHeight","useEffect","FormField","classNames","disabled","Text","Component","normalize","callMultiple"],"mappings":";;;;+BA6BaA;;;eAAAA;;;;;;;iEA7BU;sBACI;+BACG;8BACD;8BACA;2BAEa;sBACrB;AAGrB,MAAMC,kBAAkB;IACtBC,IAAI;IACJ,CAAC,UAAU;AACb;AAgBO,MAAMF,WAAW;QAAC,EACvBG,OAAO,IAAI,EACXC,KAAK,EACLC,QAAQ,EACRC,SAAS,EACTC,UAAU,EACVC,MAAM,EACNC,OAAO,CAAC,EACRC,SAAS,EACTC,MAAM,EACNC,QAAQ,EAEM,WADXC;QAVHV;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,sBAAsBC,OAAMC,MAAM;IACxC,MAAMC,aAAaC,IAAAA,0BAAY,EAACV;IAChC,MAAM,EAAEW,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IAExC,MAAMC,gBAAgB;QACpB,MAAMC,KAAKL,WAAWM,OAAO;QAE7B,IAAIpB,SAAQmB,eAAAA,yBAAAA,GAAIE,YAAY,GAAE;YAC5BF,GAAGlB,KAAK,CAACqB,MAAM,GAAG;YAClBH,GAAGlB,KAAK,CAACqB,MAAM,GAAG,CAAC,EAAEH,GAAGI,YAAY,CAAC,EAAE,CAAC;YAExC,IAAIJ,GAAGI,YAAY,KAAKZ,oBAAoBS,OAAO,IAAIlB,UAAU;gBAC/DA,SAASiB;gBACTR,oBAAoBS,OAAO,GAAGD,GAAGI,YAAY;YAC/C;QACF;IACF;IAEAX,OAAMY,SAAS,CAACN,eAAe;QAAClB;QAAMgB;QAAOF;QAAYZ;KAAS;IAElE,qBACE,qBAACuB,oBAAS;QACRtB,WAAWuB,IAAAA,gBAAU,kBAEnBV,UAAU,aAAalB,eAAe,CAACkB,MAAM,EAC7Cb;QAEFF,OAAOA;QACPG,YAAYA;QACZuB,UAAUjB,UAAUiB,QAAQ;QAC5BnB,QAAQA;qBAER,qBAACoB,UAAI,8CACClB;QACJmB,WAAU;QACVC,WAAW;QACX7B,OAAO;YAAEM;QAAU;QACnBD,MAAMA;QACNH,SAAS;QACTM,UAAUsB,IAAAA,0BAAY,EAACtB,UAAUS;QACjCd,YAAYU;;AAIpB"}
+{"version":3,"sources":["../../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { HasAlign, HasRef, HasRootRef } from '../../types';\nimport { FormField, FormFieldProps } from '../FormField/FormField';\nimport { UnstyledTextField } from '../UnstyledTextField/UnstyledTextField';\nimport styles from './Textarea.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Textarea--sizeY-none'],\n  ['compact']: styles['Textarea--sizeY-compact'],\n};\n\nexport interface TextareaProps\n  extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onResize'>,\n    HasRef<HTMLTextAreaElement>,\n    HasRootRef<HTMLElement>,\n    Pick<React.CSSProperties, 'maxHeight'>,\n    HasAlign,\n    Pick<FormFieldProps, 'status' | 'mode'> {\n  grow?: boolean;\n  onResize?: (el: HTMLTextAreaElement) => void;\n  defaultValue?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Textarea\n */\nexport const Textarea = ({\n  grow = true,\n  style,\n  onResize,\n  className,\n  getRootRef,\n  getRef,\n  rows = 2,\n  maxHeight,\n  status,\n  onChange,\n  align,\n  mode,\n  ...restProps\n}: TextareaProps) => {\n  const currentScrollHeight = React.useRef<number>();\n  const elementRef = useExternRef(getRef);\n  const { sizeY = 'none' } = useAdaptivity();\n\n  const autosizeInput = () => {\n    const el = elementRef.current;\n\n    if (grow && el?.offsetParent) {\n      el.style.height = '';\n      el.style.height = `${el.scrollHeight}px`;\n\n      if (el.scrollHeight !== currentScrollHeight.current && onResize) {\n        onResize(el);\n        currentScrollHeight.current = el.scrollHeight;\n      }\n    }\n  };\n\n  React.useEffect(autosizeInput, [grow, sizeY, elementRef, onResize]);\n\n  return (\n    <FormField\n      className={classNames(\n        styles['Textarea'],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        align === 'right' && styles['Textarea--align-right'],\n        align === 'center' && styles['Textarea--align-center'],\n        className,\n      )}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={restProps.disabled}\n      status={status}\n      mode={mode}\n    >\n      <UnstyledTextField\n        {...restProps}\n        as=\"textarea\"\n        style={{ maxHeight }}\n        rows={rows}\n        className={styles['Textarea__el']}\n        onChange={callMultiple(onChange, autosizeInput)}\n        getRootRef={elementRef}\n      />\n    </FormField>\n  );\n};\n"],"names":["Textarea","sizeYClassNames","none","grow","style","onResize","className","getRootRef","getRef","rows","maxHeight","status","onChange","align","mode","restProps","currentScrollHeight","React","useRef","elementRef","useExternRef","sizeY","useAdaptivity","autosizeInput","el","current","offsetParent","height","scrollHeight","useEffect","FormField","classNames","disabled","UnstyledTextField","as","callMultiple"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA8BaA;;;eAAAA;;;;;;;;iEA9BU;sBACI;+BACG;8BACD;8BACA;2BAEa;mCACR;AAGlC,MAAMC,kBAAkB;IACtBC,IAAI;IACJ,CAAC,UAAU;AACb;AAiBO,MAAMF,WAAW;QAAC,EACvBG,OAAO,IAAI,EACXC,KAAK,EACLC,QAAQ,EACRC,SAAS,EACTC,UAAU,EACVC,MAAM,EACNC,OAAO,CAAC,EACRC,SAAS,EACTC,MAAM,EACNC,QAAQ,EACRC,KAAK,EACLC,IAAI,EAEU,WADXC;QAZHZ;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,sBAAsBC,OAAMC,MAAM;IACxC,MAAMC,aAAaC,IAAAA,0BAAY,EAACZ;IAChC,MAAM,EAAEa,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IAExC,MAAMC,gBAAgB;QACpB,MAAMC,KAAKL,WAAWM,OAAO;QAE7B,IAAItB,SAAQqB,eAAAA,yBAAAA,GAAIE,YAAY,GAAE;YAC5BF,GAAGpB,KAAK,CAACuB,MAAM,GAAG;YAClBH,GAAGpB,KAAK,CAACuB,MAAM,GAAG,CAAC,EAAEH,GAAGI,YAAY,CAAC,EAAE,CAAC;YAExC,IAAIJ,GAAGI,YAAY,KAAKZ,oBAAoBS,OAAO,IAAIpB,UAAU;gBAC/DA,SAASmB;gBACTR,oBAAoBS,OAAO,GAAGD,GAAGI,YAAY;YAC/C;QACF;IACF;IAEAX,OAAMY,SAAS,CAACN,eAAe;QAACpB;QAAMkB;QAAOF;QAAYd;KAAS;IAElE,qBACE,qBAACyB,oBAAS;QACRxB,WAAWyB,IAAAA,gBAAU,kBAEnBV,UAAU,aAAapB,eAAe,CAACoB,MAAM,EAC7CR,UAAU,wCACVA,UAAU,0CACVP;QAEFF,OAAOA;QACPG,YAAYA;QACZyB,UAAUjB,UAAUiB,QAAQ;QAC5BrB,QAAQA;QACRG,MAAMA;kBAEN,cAAA,qBAACmB,oCAAiB,8CACZlB;YACJmB,IAAG;YACH9B,OAAO;gBAAEM;YAAU;YACnBD,MAAMA;YACNH,SAAS;YACTM,UAAUuB,IAAAA,0BAAY,EAACvB,UAAUW;YACjChB,YAAYY;;;AAIpB"}

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

@@ -0,0 +1,17 @@
+import { AdaptiveIconRendererProps } from '../AdaptiveIconRenderer/AdaptiveIconRenderer';
+import { TappableProps } from '../Tappable/Tappable';
+export interface ToolButtonProps extends TappableProps, AdaptiveIconRendererProps {
+    mode?: 'primary' | 'secondary' | 'tertiary' | 'outline';
+    appearance?: 'accent' | 'neutral';
+    direction?: 'row' | 'column';
+    rounded?: boolean;
+}
+/**
+ * Кнопки, которые используются для вызова инструмента, вставки аттачей или
+ * для форматирования. Их можно использовать как кнопки для разового действия
+ * или для включения/выключения режима.
+ *
+ * @see https://vkcom.github.io/VKUI/#/ToolButton
+ */
+export declare const ToolButton: ({ mode, appearance, direction, onClick, className, children, IconCompact, IconRegular, rounded, ...restProps }: ToolButtonProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToolButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ToolButton/ToolButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,yBAAyB,EAC1B,MAAM,8CAA8C,CAAC;AACtD,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAyB/D,MAAM,WAAW,eAAgB,SAAQ,aAAa,EAAE,yBAAyB;IAC/E,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;IACxD,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,mHAWpB,eAAe,4CA0BjB,CAAC"}

package/dist/cjs/components/ToolButton/ToolButton.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ToolButton", {
+    enumerable: true,
+    get: function() {
+        return ToolButton;
+    }
+});
+const _object_spread = require("@swc/helpers/_/_object_spread");
+const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+const _jsxruntime = require("react/jsx-runtime");
+const _vkjs = require("@vkontakte/vkjs");
+const _useAdaptivity = require("../../hooks/useAdaptivity");
+const _AdaptiveIconRenderer = require("../AdaptiveIconRenderer/AdaptiveIconRenderer");
+const _Tappable = require("../Tappable/Tappable");
+const stylesMode = {
+    primary: "vkuiToolButton--mode-primary",
+    secondary: "vkuiToolButton--mode-secondary",
+    tertiary: "vkuiToolButton--mode-tertiary",
+    outline: "vkuiToolButton--mode-outline"
+};
+const stylesAppearance = {
+    accent: "vkuiToolButton--appearance-accent",
+    neutral: "vkuiToolButton--appearance-neutral"
+};
+const stylesDirection = {
+    row: "vkuiToolButton--direction-row",
+    column: "vkuiToolButton--direction-column"
+};
+const sizeYClassNames = {
+    none: "vkuiToolButton--sizeY-none",
+    ['regular']: "vkuiToolButton--sizeY-regular"
+};
+const ToolButton = (_param)=>{
+    var { mode = 'primary', appearance = 'accent', direction = 'row', onClick = _vkjs.noop, className, children, IconCompact, IconRegular, rounded } = _param, restProps = _object_without_properties._(_param, [
+        "mode",
+        "appearance",
+        "direction",
+        "onClick",
+        "className",
+        "children",
+        "IconCompact",
+        "IconRegular",
+        "rounded"
+    ]);
+    const { sizeY = 'none' } = (0, _useAdaptivity.useAdaptivity)();
+    const hasChildren = (0, _vkjs.hasReactNode)(children);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Tappable.Tappable, _object_spread_props._(_object_spread._({
+        hoverMode: "vkuiToolButton--hover",
+        activeMode: "vkuiToolButton--active",
+        Component: restProps.href ? 'a' : 'button',
+        focusVisibleMode: "outside",
+        onClick: onClick,
+        className: (0, _vkjs.classNames)(className, "vkuiToolButton", rounded && !hasChildren && "vkuiToolButton--rounded", stylesMode[mode], stylesAppearance[appearance], stylesDirection[direction], sizeY !== 'compact' && sizeYClassNames[sizeY])
+    }, restProps), {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_AdaptiveIconRenderer.AdaptiveIconRenderer, {
+                IconCompact: IconCompact,
+                IconRegular: IconRegular
+            }),
+            hasChildren && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                children: children
+            })
+        ]
+    }));
+};
+
+//# sourceMappingURL=ToolButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ToolButton/ToolButton.tsx"],"sourcesContent":["import { classNames, hasReactNode, noop } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport {\n  AdaptiveIconRenderer,\n  AdaptiveIconRendererProps,\n} from '../AdaptiveIconRenderer/AdaptiveIconRenderer';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport styles from './ToolButton.module.css';\n\nconst stylesMode = {\n  primary: styles['ToolButton--mode-primary'],\n  secondary: styles['ToolButton--mode-secondary'],\n  tertiary: styles['ToolButton--mode-tertiary'],\n  outline: styles['ToolButton--mode-outline'],\n};\n\nconst stylesAppearance = {\n  accent: styles['ToolButton--appearance-accent'],\n  neutral: styles['ToolButton--appearance-neutral'],\n};\n\nconst stylesDirection = {\n  row: styles['ToolButton--direction-row'],\n  column: styles['ToolButton--direction-column'],\n};\n\nconst sizeYClassNames = {\n  none: styles['ToolButton--sizeY-none'],\n  ['regular']: styles['ToolButton--sizeY-regular'],\n};\n\nexport interface ToolButtonProps extends TappableProps, AdaptiveIconRendererProps {\n  mode?: 'primary' | 'secondary' | 'tertiary' | 'outline';\n  appearance?: 'accent' | 'neutral';\n  direction?: 'row' | 'column';\n  rounded?: boolean;\n}\n\n/**\n * Кнопки, которые используются для вызова инструмента, вставки аттачей или\n * для форматирования. Их можно использовать как кнопки для разового действия\n * или для включения/выключения режима.\n *\n * @see https://vkcom.github.io/VKUI/#/ToolButton\n */\nexport const ToolButton = ({\n  mode = 'primary',\n  appearance = 'accent',\n  direction = 'row',\n  onClick = noop,\n  className,\n  children,\n  IconCompact,\n  IconRegular,\n  rounded,\n  ...restProps\n}: ToolButtonProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n  const hasChildren = hasReactNode(children);\n\n  return (\n    <Tappable\n      hoverMode={styles['ToolButton--hover']}\n      activeMode={styles['ToolButton--active']}\n      Component={restProps.href ? 'a' : 'button'}\n      focusVisibleMode=\"outside\"\n      onClick={onClick}\n      className={classNames(\n        className,\n        styles['ToolButton'],\n        rounded && !hasChildren && styles['ToolButton--rounded'],\n        stylesMode[mode],\n        stylesAppearance[appearance],\n        stylesDirection[direction],\n        sizeY !== 'compact' && sizeYClassNames[sizeY],\n      )}\n      {...restProps}\n    >\n      <AdaptiveIconRenderer IconCompact={IconCompact} IconRegular={IconRegular} />\n      {hasChildren && <span>{children}</span>}\n    </Tappable>\n  );\n};\n"],"names":["ToolButton","stylesMode","primary","secondary","tertiary","outline","stylesAppearance","accent","neutral","stylesDirection","row","column","sizeYClassNames","none","mode","appearance","direction","onClick","noop","className","children","IconCompact","IconRegular","rounded","restProps","sizeY","useAdaptivity","hasChildren","hasReactNode","Tappable","hoverMode","activeMode","Component","href","focusVisibleMode","classNames","AdaptiveIconRenderer","span"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA6CaA;;;eAAAA;;;;;;;sBA7CkC;+BACjB;sCAIvB;0BACiC;AAGxC,MAAMC,aAAa;IACjBC,OAAO;IACPC,SAAS;IACTC,QAAQ;IACRC,OAAO;AACT;AAEA,MAAMC,mBAAmB;IACvBC,MAAM;IACNC,OAAO;AACT;AAEA,MAAMC,kBAAkB;IACtBC,GAAG;IACHC,MAAM;AACR;AAEA,MAAMC,kBAAkB;IACtBC,IAAI;IACJ,CAAC,UAAU;AACb;AAgBO,MAAMb,aAAa;QAAC,EACzBc,OAAO,SAAS,EAChBC,aAAa,QAAQ,EACrBC,YAAY,KAAK,EACjBC,UAAUC,UAAI,EACdC,SAAS,EACTC,QAAQ,EACRC,WAAW,EACXC,WAAW,EACXC,OAAO,EAES,WADbC;QATHV;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IACxC,MAAMC,cAAcC,IAAAA,kBAAY,EAACR;IAEjC,qBACE,sBAACS,kBAAQ;QACPC,SAAS;QACTC,UAAU;QACVC,WAAWR,UAAUS,IAAI,GAAG,MAAM;QAClCC,kBAAiB;QACjBjB,SAASA;QACTE,WAAWgB,IAAAA,gBAAU,EACnBhB,6BAEAI,WAAW,CAACI,0CACZ1B,UAAU,CAACa,KAAK,EAChBR,gBAAgB,CAACS,WAAW,EAC5BN,eAAe,CAACO,UAAU,EAC1BS,UAAU,aAAab,eAAe,CAACa,MAAM;OAE3CD;;0BAEJ,qBAACY,0CAAoB;gBAACf,aAAaA;gBAAaC,aAAaA;;YAC5DK,6BAAe,qBAACU;0BAAMjB;;;;AAG7B"}

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

@@ -1,7 +1,6 @@
-import * as React from 'react';
 import { type FloatingComponentProps } from '../../lib/floating';
 import { type TooltipBaseProps } from '../TooltipBase/TooltipBase';
-type AllowedFloatingComponentProps = Pick<FloatingComponentProps, 'arrowHeight' | 'arrowPadding' | 'hoverDelay' | 'placement' | 'offsetByMainAxis' | 'offsetByCrossAxis' | 'defaultShown' | 'onShownChange' | 'hideWhenReferenceHidden' | 'children' | 'zIndex' | 'usePortal' | 'onPlacementChange'>;
+type AllowedFloatingComponentProps = Pick<FloatingComponentProps, 'arrowHeight' | 'arrowPadding' | 'hoverDelay' | 'placement' | 'offsetByMainAxis' | 'offsetByCrossAxis' | 'defaultShown' | 'onShownChange' | 'hideWhenReferenceHidden' | 'children' | 'zIndex' | 'usePortal' | 'onPlacementChange' | 'disableFlipMiddleware'>;
 type AllowedTooltipBaseProps = Omit<TooltipBaseProps, 'arrowProps'>;
 export interface TooltipProps extends AllowedFloatingComponentProps, AllowedTooltipBaseProps {
     /**
@@ -27,6 +26,6 @@ export interface TooltipProps extends AllowedFloatingComponentProps, AllowedTool
 /**
  * @see https://vkcom.github.io/VKUI/#/Tooltip
  */
-export declare const Tooltip: ({ placement: placementProp, arrowPadding, arrowHeight, offsetByMainAxis, offsetByCrossAxis, hideWhenReferenceHidden, defaultShown, shown: shownProp, onShownChange, hoverDelay, enableInteractive, disableArrow, disableCloseAfterClick, children, usePortal, id: idProp, getRootRef, text, header, appearance, style: styleProp, className, zIndex, onPlacementChange, ...popperProps }: TooltipProps) => React.JSX.Element;
+export declare const Tooltip: ({ placement: placementProp, arrowPadding, arrowHeight, offsetByMainAxis, offsetByCrossAxis, hideWhenReferenceHidden, disableFlipMiddleware, defaultShown, shown: shownProp, onShownChange, hoverDelay, enableInteractive, disableArrow, disableCloseAfterClick, children, usePortal, id: idProp, getRootRef, text, header, appearance, style: styleProp, className, zIndex, onPlacementChange, ...popperProps }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Tooltip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EACL,KAAK,sBAAsB,EAK5B,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAGhF,KAAK,6BAA6B,GAAG,IAAI,CACvC,sBAAsB,EACpB,aAAa,GACb,cAAc,GACd,YAAY,GACZ,WAAW,GACX,kBAAkB,GAClB,mBAAmB,GACnB,cAAc,GACd,eAAe,GACf,yBAAyB,GACzB,UAAU,GACV,QAAQ,GACR,WAAW,GACX,mBAAmB,CACtB,CAAC;AAEF,KAAK,uBAAuB,GAAG,IAAI,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;AAEpE,MAAM,WAAW,YAAa,SAAQ,6BAA6B,EAAE,uBAAuB;IAC1F;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,6XAqCjB,YAAY,sBA2Gd,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,KAAK,sBAAsB,EAK5B,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAGhF,KAAK,6BAA6B,GAAG,IAAI,CACvC,sBAAsB,EACpB,aAAa,GACb,cAAc,GACd,YAAY,GACZ,WAAW,GACX,kBAAkB,GAClB,mBAAmB,GACnB,cAAc,GACd,eAAe,GACf,yBAAyB,GACzB,UAAU,GACV,QAAQ,GACR,WAAW,GACX,mBAAmB,GACnB,uBAAuB,CAC1B,CAAC;AAEF,KAAK,uBAAuB,GAAG,IAAI,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;AAEpE,MAAM,WAAW,YAAa,SAAQ,6BAA6B,EAAE,uBAAuB;IAC1F;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,oZAsCjB,YAAY,4CA2Fd,CAAC"}

package/dist/cjs/components/Tooltip/Tooltip.js

@@ -12,21 +12,20 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _vkjs = require("@vkontakte/vkjs");
-const _dom = require("@vkontakte/vkui-floating-ui/utils/dom");
 const _useExternRef = require("../../hooks/useExternRef");
+const _useGlobalEscKeyDown = require("../../hooks/useGlobalEscKeyDown");
 const _usePatchChildren = require("../../hooks/usePatchChildren");
-const _accessibility = require("../../lib/accessibility");
-const _cssAnimation = require("../../lib/cssAnimation");
+const _animation = require("../../lib/animation");
 const _floating = require("../../lib/floating");
-const _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
 const _AppRootPortal = require("../AppRoot/AppRootPortal");
 const _TooltipBase = require("../TooltipBase/TooltipBase");
 const _Subhead = require("../Typography/Subhead/Subhead");
 const Tooltip = (_param)=>{
     var { // UseFloatingMiddlewaresBootstrapOptions
-    placement: placementProp = 'bottom', arrowPadding = 10, arrowHeight = 8, offsetByMainAxis = 8, offsetByCrossAxis = 0, hideWhenReferenceHidden, // useFloatingWithInteractions
+    placement: placementProp = 'bottom', arrowPadding = 10, arrowHeight = 8, offsetByMainAxis = 8, offsetByCrossAxis = 0, hideWhenReferenceHidden, disableFlipMiddleware = false, // useFloatingWithInteractions
     defaultShown, shown: shownProp, onShownChange, hoverDelay = 150, // инверсированные св-ва для useFloatingWithInteractions
     enableInteractive = false, disableArrow = false, disableCloseAfterClick = false, // Reference
     children, // AppRootProps
@@ -38,6 +37,7 @@ const Tooltip = (_param)=>{
         "offsetByMainAxis",
         "offsetByCrossAxis",
         "hideWhenReferenceHidden",
+        "disableFlipMiddleware",
         "defaultShown",
         "shown",
         "onShownChange",
@@ -68,7 +68,8 @@ const Tooltip = (_param)=>{
         arrow: !disableArrow,
         arrowRef,
         arrowPadding,
-        arrowHeight
+        arrowHeight,
+        disableFlipMiddleware
     });
     const { shown, willBeHide, placement, refs, referenceProps, floatingProps, middlewareData, onEscapeKeyDown } = (0, _floating.useFloatingWithInteractions)({
         defaultShown,
@@ -85,7 +86,7 @@ const Tooltip = (_param)=>{
         middlewares
     });
     const tooltipRef = (0, _useExternRef.useExternRef)(getRootRef, refs.setFloating);
-    (0, _floating.usePlacementChangeCallback)(placement, onPlacementChange);
+    (0, _floating.usePlacementChangeCallback)(placementProp, placement, onPlacementChange);
     let tooltip = null;
     if (shown) {
         referenceProps['aria-describedby'] = tooltipId;
@@ -93,49 +94,40 @@ const Tooltip = (_param)=>{
         if (styleProp) {
             Object.assign(floatingProps.style, styleProp);
         }
-        tooltip = /*#__PURE__*/ _react.createElement(_AppRootPortal.AppRootPortal, {
-            usePortal: usePortal
-        }, /*#__PURE__*/ _react.createElement(_TooltipBase.TooltipBase, _object_spread_props._(_object_spread._({}, popperProps, floatingProps), {
-            id: tooltipId,
-            getRootRef: tooltipRef,
-            appearance: appearance,
-            arrowProps: disableArrow ? undefined : {
-                placement,
-                coords: (0, _floating.getArrowCoordsByMiddlewareData)(middlewareData),
-                getRootRef: setArrowRef
-            },
-            text: /*#__PURE__*/ _react.createElement(_react.Fragment, null, (0, _vkjs.hasReactNode)(header) && /*#__PURE__*/ _react.createElement(_Subhead.Subhead, {
-                weight: "2"
-            }, header), (0, _vkjs.hasReactNode)(text) && /*#__PURE__*/ _react.createElement(_Subhead.Subhead, null, text)),
-            className: (0, _vkjs.classNames)(willBeHide ? _cssAnimation.animationFadeClassNames.out : _cssAnimation.animationFadeClassNames.in, className)
-        })));
-    }
-    const [childRef, child] = (0, _usePatchChildren.usePatchChildren)(children, referenceProps, refs.setReference);
-    (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function handleGlobalKeyDownIfTooltipShown() {
-        if (!onEscapeKeyDown || !shown) {
-            return;
-        }
-        const handleKeyDown = (event)=>{
-            if ((0, _accessibility.pressedKey)(event) === _accessibility.Keys.ESCAPE) {
-                onEscapeKeyDown();
-            }
-        };
-        const doc = (0, _dom.getWindow)(childRef.current).document;
-        doc.addEventListener('keydown', handleKeyDown, {
-            passive: true,
-            capture: true
+        tooltip = /*#__PURE__*/ (0, _jsxruntime.jsx)(_AppRootPortal.AppRootPortal, {
+            usePortal: usePortal,
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_TooltipBase.TooltipBase, _object_spread_props._(_object_spread._({}, popperProps, floatingProps), {
+                id: tooltipId,
+                getRootRef: tooltipRef,
+                appearance: appearance,
+                arrowProps: disableArrow ? undefined : {
+                    placement,
+                    coords: (0, _floating.getArrowCoordsByMiddlewareData)(middlewareData),
+                    getRootRef: setArrowRef
+                },
+                text: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
+                    children: [
+                        (0, _vkjs.hasReactNode)(header) && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Subhead.Subhead, {
+                            weight: "2",
+                            children: header
+                        }),
+                        (0, _vkjs.hasReactNode)(text) && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Subhead.Subhead, {
+                            children: text
+                        })
+                    ]
+                }),
+                className: (0, _vkjs.classNames)(willBeHide ? _animation.animationFadeClassNames.out : _animation.animationFadeClassNames.in, className)
+            }))
         });
-        return ()=>{
-            doc.removeEventListener('keydown', handleKeyDown, {
-                capture: true
-            });
-        };
-    }, [
-        shown,
-        childRef,
-        onEscapeKeyDown
-    ]);
-    return /*#__PURE__*/ _react.createElement(_react.Fragment, null, child, tooltip);
+    }
+    const [, child] = (0, _usePatchChildren.usePatchChildren)(children, referenceProps, refs.setReference);
+    (0, _useGlobalEscKeyDown.useGlobalEscKeyDown)(shown, onEscapeKeyDown);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
+        children: [
+            child,
+            tooltip
+        ]
+    });
 };
 
 //# sourceMappingURL=Tooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { getWindow } from '@vkontakte/vkui-floating-ui/utils/dom';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePatchChildren } from '../../hooks/usePatchChildren';\nimport { Keys, pressedKey } from '../../lib/accessibility';\nimport { animationFadeClassNames } from '../../lib/cssAnimation';\nimport {\n  type FloatingComponentProps,\n  getArrowCoordsByMiddlewareData,\n  useFloatingMiddlewaresBootstrap,\n  useFloatingWithInteractions,\n  usePlacementChangeCallback,\n} from '../../lib/floating';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { TooltipBase, type TooltipBaseProps } from '../TooltipBase/TooltipBase';\nimport { Subhead } from '../Typography/Subhead/Subhead';\n\ntype AllowedFloatingComponentProps = Pick<\n  FloatingComponentProps,\n  | 'arrowHeight'\n  | 'arrowPadding'\n  | 'hoverDelay'\n  | 'placement'\n  | 'offsetByMainAxis'\n  | 'offsetByCrossAxis'\n  | 'defaultShown'\n  | 'onShownChange'\n  | 'hideWhenReferenceHidden'\n  | 'children'\n  | 'zIndex'\n  | 'usePortal'\n  | 'onPlacementChange'\n>;\n\ntype AllowedTooltipBaseProps = Omit<TooltipBaseProps, 'arrowProps'>;\n\nexport interface TooltipProps extends AllowedFloatingComponentProps, AllowedTooltipBaseProps {\n  /**\n   * Передача `boolean` позволяет контролировать состояния показа и скрытия вручную. Используйте\n   * совместно с `onShawnChange`.\n   *\n   * > Если нужно разово инициировать показ тултипа при первом рендере, то используйте `defaultShown`.\n   */\n  shown?: boolean;\n  /**\n   * Добавляет возможность наводить на тултип.\n   */\n  enableInteractive?: boolean;\n  /**\n   * Скрывает стрелку, указывающую на якорный элемент.\n   */\n  disableArrow?: boolean;\n  /**\n   * Отключает закрытие по клику.\n   */\n  disableCloseAfterClick?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Tooltip\n */\nexport const Tooltip = ({\n  // UseFloatingMiddlewaresBootstrapOptions\n  placement: placementProp = 'bottom',\n  arrowPadding = 10,\n  arrowHeight = 8,\n  offsetByMainAxis = 8,\n  offsetByCrossAxis = 0,\n  hideWhenReferenceHidden,\n\n  // useFloatingWithInteractions\n  defaultShown,\n  shown: shownProp,\n  onShownChange,\n  hoverDelay = 150,\n\n  // инверсированные св-ва для useFloatingWithInteractions\n  enableInteractive = false,\n  disableArrow = false,\n  disableCloseAfterClick = false,\n\n  // Reference\n  children,\n\n  // AppRootProps\n  usePortal,\n\n  // TooltipBaseProps\n  id: idProp,\n  getRootRef,\n  text,\n  header,\n  appearance = 'neutral',\n  style: styleProp,\n  className,\n  zIndex = 'var(--vkui--z_index_popout)',\n  onPlacementChange,\n  ...popperProps\n}: TooltipProps) => {\n  const generatedId = React.useId();\n  const tooltipId = idProp || generatedId;\n\n  const [arrowRef, setArrowRef] = React.useState<HTMLDivElement | null>(null);\n  const { middlewares, strictPlacement } = useFloatingMiddlewaresBootstrap({\n    placement: placementProp,\n\n    offsetByMainAxis,\n    offsetByCrossAxis,\n\n    hideWhenReferenceHidden,\n\n    arrow: !disableArrow,\n    arrowRef,\n    arrowPadding,\n    arrowHeight,\n  });\n  const {\n    shown,\n    willBeHide,\n    placement,\n    refs,\n    referenceProps,\n    floatingProps,\n    middlewareData,\n    onEscapeKeyDown,\n  } = useFloatingWithInteractions({\n    defaultShown,\n    shown: shownProp,\n    onShownChange,\n    placement: strictPlacement,\n    trigger: ['hover', 'focus'],\n    hoverDelay,\n    closeAfterClick: !disableCloseAfterClick,\n    disableInteractive: !enableInteractive,\n    middlewares,\n  });\n  const tooltipRef = useExternRef<HTMLDivElement>(getRootRef, refs.setFloating);\n\n  usePlacementChangeCallback(placement, onPlacementChange);\n\n  let tooltip: React.ReactNode = null;\n  if (shown) {\n    referenceProps['aria-describedby'] = tooltipId;\n    floatingProps.style.zIndex = zIndex;\n    if (styleProp) {\n      Object.assign(floatingProps.style, styleProp);\n    }\n    tooltip = (\n      <AppRootPortal usePortal={usePortal}>\n        <TooltipBase\n          {...popperProps}\n          {...floatingProps}\n          id={tooltipId}\n          getRootRef={tooltipRef}\n          appearance={appearance}\n          arrowProps={\n            disableArrow\n              ? undefined\n              : {\n                  placement,\n                  coords: getArrowCoordsByMiddlewareData(middlewareData),\n                  getRootRef: setArrowRef,\n                }\n          }\n          text={\n            <React.Fragment>\n              {hasReactNode(header) && <Subhead weight=\"2\">{header}</Subhead>}\n              {hasReactNode(text) && <Subhead>{text}</Subhead>}\n            </React.Fragment>\n          }\n          className={classNames(\n            willBeHide ? animationFadeClassNames.out : animationFadeClassNames.in,\n            className,\n          )}\n        />\n      </AppRootPortal>\n    );\n  }\n  const [childRef, child] = usePatchChildren(children, referenceProps, refs.setReference);\n\n  useIsomorphicLayoutEffect(\n    function handleGlobalKeyDownIfTooltipShown() {\n      if (!onEscapeKeyDown || !shown) {\n        return;\n      }\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (pressedKey(event) === Keys.ESCAPE) {\n          onEscapeKeyDown();\n        }\n      };\n      const doc = getWindow(childRef.current).document;\n      doc.addEventListener('keydown', handleKeyDown, { passive: true, capture: true });\n      return () => {\n        doc.removeEventListener('keydown', handleKeyDown, { capture: true });\n      };\n    },\n    [shown, childRef, onEscapeKeyDown],\n  );\n\n  return (\n    <React.Fragment>\n      {child}\n      {tooltip}\n    </React.Fragment>\n  );\n};\n"],"names":["Tooltip","placement","placementProp","arrowPadding","arrowHeight","offsetByMainAxis","offsetByCrossAxis","hideWhenReferenceHidden","defaultShown","shown","shownProp","onShownChange","hoverDelay","enableInteractive","disableArrow","disableCloseAfterClick","children","usePortal","id","idProp","getRootRef","text","header","appearance","style","styleProp","className","zIndex","onPlacementChange","popperProps","generatedId","React","useId","tooltipId","arrowRef","setArrowRef","useState","middlewares","strictPlacement","useFloatingMiddlewaresBootstrap","arrow","willBeHide","refs","referenceProps","floatingProps","middlewareData","onEscapeKeyDown","useFloatingWithInteractions","trigger","closeAfterClick","disableInteractive","tooltipRef","useExternRef","setFloating","usePlacementChangeCallback","tooltip","Object","assign","AppRootPortal","TooltipBase","arrowProps","undefined","coords","getArrowCoordsByMiddlewareData","Fragment","hasReactNode","Subhead","weight","classNames","animationFadeClassNames","out","in","childRef","child","usePatchChildren","setReference","useIsomorphicLayoutEffect","handleGlobalKeyDownIfTooltipShown","handleKeyDown","event","pressedKey","Keys","ESCAPE","doc","getWindow","current","document","addEventListener","passive","capture","removeEventListener"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEscKeyDown } from '../../hooks/useGlobalEscKeyDown';\nimport { usePatchChildren } from '../../hooks/usePatchChildren';\nimport { animationFadeClassNames } from '../../lib/animation';\nimport {\n  type FloatingComponentProps,\n  getArrowCoordsByMiddlewareData,\n  useFloatingMiddlewaresBootstrap,\n  useFloatingWithInteractions,\n  usePlacementChangeCallback,\n} from '../../lib/floating';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { TooltipBase, type TooltipBaseProps } from '../TooltipBase/TooltipBase';\nimport { Subhead } from '../Typography/Subhead/Subhead';\n\ntype AllowedFloatingComponentProps = Pick<\n  FloatingComponentProps,\n  | 'arrowHeight'\n  | 'arrowPadding'\n  | 'hoverDelay'\n  | 'placement'\n  | 'offsetByMainAxis'\n  | 'offsetByCrossAxis'\n  | 'defaultShown'\n  | 'onShownChange'\n  | 'hideWhenReferenceHidden'\n  | 'children'\n  | 'zIndex'\n  | 'usePortal'\n  | 'onPlacementChange'\n  | 'disableFlipMiddleware'\n>;\n\ntype AllowedTooltipBaseProps = Omit<TooltipBaseProps, 'arrowProps'>;\n\nexport interface TooltipProps extends AllowedFloatingComponentProps, AllowedTooltipBaseProps {\n  /**\n   * Передача `boolean` позволяет контролировать состояния показа и скрытия вручную. Используйте\n   * совместно с `onShawnChange`.\n   *\n   * > Если нужно разово инициировать показ тултипа при первом рендере, то используйте `defaultShown`.\n   */\n  shown?: boolean;\n  /**\n   * Добавляет возможность наводить на тултип.\n   */\n  enableInteractive?: boolean;\n  /**\n   * Скрывает стрелку, указывающую на якорный элемент.\n   */\n  disableArrow?: boolean;\n  /**\n   * Отключает закрытие по клику.\n   */\n  disableCloseAfterClick?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Tooltip\n */\nexport const Tooltip = ({\n  // UseFloatingMiddlewaresBootstrapOptions\n  placement: placementProp = 'bottom',\n  arrowPadding = 10,\n  arrowHeight = 8,\n  offsetByMainAxis = 8,\n  offsetByCrossAxis = 0,\n  hideWhenReferenceHidden,\n  disableFlipMiddleware = false,\n\n  // useFloatingWithInteractions\n  defaultShown,\n  shown: shownProp,\n  onShownChange,\n  hoverDelay = 150,\n\n  // инверсированные св-ва для useFloatingWithInteractions\n  enableInteractive = false,\n  disableArrow = false,\n  disableCloseAfterClick = false,\n\n  // Reference\n  children,\n\n  // AppRootProps\n  usePortal,\n\n  // TooltipBaseProps\n  id: idProp,\n  getRootRef,\n  text,\n  header,\n  appearance = 'neutral',\n  style: styleProp,\n  className,\n  zIndex = 'var(--vkui--z_index_popout)',\n  onPlacementChange,\n  ...popperProps\n}: TooltipProps) => {\n  const generatedId = React.useId();\n  const tooltipId = idProp || generatedId;\n\n  const [arrowRef, setArrowRef] = React.useState<HTMLDivElement | null>(null);\n  const { middlewares, strictPlacement } = useFloatingMiddlewaresBootstrap({\n    placement: placementProp,\n\n    offsetByMainAxis,\n    offsetByCrossAxis,\n\n    hideWhenReferenceHidden,\n\n    arrow: !disableArrow,\n    arrowRef,\n    arrowPadding,\n    arrowHeight,\n    disableFlipMiddleware,\n  });\n  const {\n    shown,\n    willBeHide,\n    placement,\n    refs,\n    referenceProps,\n    floatingProps,\n    middlewareData,\n    onEscapeKeyDown,\n  } = useFloatingWithInteractions({\n    defaultShown,\n    shown: shownProp,\n    onShownChange,\n    placement: strictPlacement,\n    trigger: ['hover', 'focus'],\n    hoverDelay,\n    closeAfterClick: !disableCloseAfterClick,\n    disableInteractive: !enableInteractive,\n    middlewares,\n  });\n  const tooltipRef = useExternRef<HTMLDivElement>(getRootRef, refs.setFloating);\n\n  usePlacementChangeCallback(placementProp, placement, onPlacementChange);\n\n  let tooltip: React.ReactNode = null;\n  if (shown) {\n    referenceProps['aria-describedby'] = tooltipId;\n    floatingProps.style.zIndex = zIndex;\n    if (styleProp) {\n      Object.assign(floatingProps.style, styleProp);\n    }\n    tooltip = (\n      <AppRootPortal usePortal={usePortal}>\n        <TooltipBase\n          {...popperProps}\n          {...floatingProps}\n          id={tooltipId}\n          getRootRef={tooltipRef}\n          appearance={appearance}\n          arrowProps={\n            disableArrow\n              ? undefined\n              : {\n                  placement,\n                  coords: getArrowCoordsByMiddlewareData(middlewareData),\n                  getRootRef: setArrowRef,\n                }\n          }\n          text={\n            <React.Fragment>\n              {hasReactNode(header) && <Subhead weight=\"2\">{header}</Subhead>}\n              {hasReactNode(text) && <Subhead>{text}</Subhead>}\n            </React.Fragment>\n          }\n          className={classNames(\n            willBeHide ? animationFadeClassNames.out : animationFadeClassNames.in,\n            className,\n          )}\n        />\n      </AppRootPortal>\n    );\n  }\n  const [, child] = usePatchChildren(children, referenceProps, refs.setReference);\n\n  useGlobalEscKeyDown(shown, onEscapeKeyDown);\n\n  return (\n    <React.Fragment>\n      {child}\n      {tooltip}\n    </React.Fragment>\n  );\n};\n"],"names":["Tooltip","placement","placementProp","arrowPadding","arrowHeight","offsetByMainAxis","offsetByCrossAxis","hideWhenReferenceHidden","disableFlipMiddleware","defaultShown","shown","shownProp","onShownChange","hoverDelay","enableInteractive","disableArrow","disableCloseAfterClick","children","usePortal","id","idProp","getRootRef","text","header","appearance","style","styleProp","className","zIndex","onPlacementChange","popperProps","generatedId","React","useId","tooltipId","arrowRef","setArrowRef","useState","middlewares","strictPlacement","useFloatingMiddlewaresBootstrap","arrow","willBeHide","refs","referenceProps","floatingProps","middlewareData","onEscapeKeyDown","useFloatingWithInteractions","trigger","closeAfterClick","disableInteractive","tooltipRef","useExternRef","setFloating","usePlacementChangeCallback","tooltip","Object","assign","AppRootPortal","TooltipBase","arrowProps","undefined","coords","getArrowCoordsByMiddlewareData","Fragment","hasReactNode","Subhead","weight","classNames","animationFadeClassNames","out","in","child","usePatchChildren","setReference","useGlobalEscKeyDown"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -50,5 +50,5 @@ export interface TooltipBaseProps extends Omit<HTMLAttributesWithRootRef<HTMLDiv
  * @see https://vkcom.github.io/VKUI/#/Tooltip
  * @private
  */
-export declare const TooltipBase: ({ appearance, arrowProps, ArrowIcon, text, header, maxWidth, className, ...restProps }: TooltipBaseProps) => React.JSX.Element;
+export declare const TooltipBase: ({ appearance, arrowProps, ArrowIcon, text, header, maxWidth, className, ...restProps }: TooltipBaseProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TooltipBase.d.ts.map

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

@@ -1 +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,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAE7D,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAKxF,eAAO,MAAM,iBAAiB,MAAM,CAAC;AASrC,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACnE;;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,UAAU,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;IAC9C;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;CACnC;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,2FASrB,gBAAgB,sBA2BlB,CAAC"}
+{"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,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAE7D,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAKxF,eAAO,MAAM,iBAAiB,MAAM,CAAC;AASrC,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACnE;;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,UAAU,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;IAC9C;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;CACnC;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,2FASrB,gBAAgB,4CA2BlB,CAAC"}

package/dist/cjs/components/TooltipBase/TooltipBase.js

@@ -20,6 +20,7 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _vkjs = require("@vkontakte/vkjs");
 const _DefaultIcon = require("../FloatingArrow/DefaultIcon");
@@ -43,20 +44,31 @@ const TooltipBase = (_param)=>{
         "maxWidth",
         "className"
     ]);
-    return /*#__PURE__*/ _react.createElement(_RootComponent.RootComponent, _object_spread_props._(_object_spread._({}, restProps), {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_RootComponent.RootComponent, _object_spread_props._(_object_spread._({}, restProps), {
         baseClassName: (0, _vkjs.classNames)("vkuiTooltipBase", appearance !== 'neutral' && stylesAppearance[appearance], className),
-        role: "tooltip"
-    }), arrowProps && /*#__PURE__*/ _react.createElement(_FloatingArrow.FloatingArrow, _object_spread_props._(_object_spread._({}, arrowProps), {
-        iconClassName: (0, _vkjs.classNames)("vkuiTooltipBase__arrow", arrowProps.iconClassName),
-        Icon: ArrowIcon
-    })), /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiTooltipBase__content",
-        style: maxWidth !== null ? {
-            maxWidth
-        } : undefined
-    }, header && /*#__PURE__*/ _react.createElement(_Subhead.Subhead, {
-        weight: "2"
-    }, header), text && /*#__PURE__*/ _react.createElement(_Subhead.Subhead, null, text)));
+        role: "tooltip",
+        children: [
+            arrowProps && /*#__PURE__*/ (0, _jsxruntime.jsx)(_FloatingArrow.FloatingArrow, _object_spread_props._(_object_spread._({}, arrowProps), {
+                iconClassName: (0, _vkjs.classNames)("vkuiTooltipBase__arrow", arrowProps.iconClassName),
+                Icon: ArrowIcon
+            })),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: "vkuiTooltipBase__content",
+                style: maxWidth !== null ? {
+                    maxWidth
+                } : undefined,
+                children: [
+                    header && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Subhead.Subhead, {
+                        weight: "2",
+                        children: header
+                    }),
+                    text && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Subhead.Subhead, {
+                        children: text
+                    })
+                ]
+            })
+        ]
+    }));
 };
 
 //# sourceMappingURL=TooltipBase.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/TooltipBase/TooltipBase.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { DefaultIcon } from '../FloatingArrow/DefaultIcon';\nimport { FloatingArrow, type FloatingArrowProps } from '../FloatingArrow/FloatingArrow';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport styles from './TooltipBase.module.css';\n\nexport const TOOLTIP_MAX_WIDTH = 220;\n\nconst stylesAppearance = {\n  accent: styles['TooltipBase--appearance-accent'],\n  white: styles['TooltipBase--appearance-white'],\n  black: styles['TooltipBase--appearance-black'],\n  inversion: styles['TooltipBase--appearance-inversion'],\n};\n\nexport interface TooltipBaseProps\n  extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'children'> {\n  /**\n   * Стиль отображения подсказки\n   */\n  appearance?: 'accent' | 'neutral' | 'white' | 'black' | 'inversion';\n  /**\n   * Текст тултипа.\n   */\n  text?: React.ReactNode;\n  /**\n   * Заголовок тултипа.\n   */\n  header?: React.ReactNode;\n  /**\n   * Для показа указателя, требуется передать хотя бы `coords` и `placement`.\n   */\n  arrowProps?: Omit<FloatingArrowProps, 'Icon'>;\n  /**\n   * Пользовательская SVG иконка.\n   *\n   * Требования:\n   *\n   * 1. Иконка по умолчанию должна быть направлена вверх (a.k.a `IconUp`).\n   * 2. Чтобы избежать проблемы с пространством между стрелкой и контентом на некоторых экранах,\n   *    растяните кривую по высоте на `1px` и увеличьте на этот размер `height` и `viewBox` SVG.\n   *    (см. https://github.com/VKCOM/VKUI/pull/4496).\n   * 3. Убедитесь, что компонент принимает все валидные для SVG параметры.\n   * 4. Убедитесь, что SVG и её элементы наследует цвет через `fill=\"currentColor\"`.\n   * 5. Если стрелка наезжает на якорный элемент, то увеличьте смещение между целевым и всплывающим элементами.\n   */\n  ArrowIcon?: FloatingArrowProps['Icon'];\n  /**\n   * Пользовательские css-классы, будут добавлены на root-элемент\n   */\n  className?: string;\n  /**\n   * Перебивает максимальную ширину заданную по умолчанию.\n   *\n   * Передача `null` полностью сбрасывает установку `max-width` на элемент.\n   */\n  maxWidth?: number | string | null;\n}\n\n/**\n * Низкоуровневый компонент для отрисовки тултипа.\n * Примеры использования и Readme можно найти в документации Tooltip\n * @see https://vkcom.github.io/VKUI/#/Tooltip\n * @private\n */\nexport const TooltipBase = ({\n  appearance = 'accent',\n  arrowProps,\n  ArrowIcon = DefaultIcon,\n  text,\n  header,\n  maxWidth = TOOLTIP_MAX_WIDTH,\n  className,\n  ...restProps\n}: TooltipBaseProps) => {\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        styles['TooltipBase'],\n        appearance !== 'neutral' && stylesAppearance[appearance],\n        className,\n      )}\n      role=\"tooltip\"\n    >\n      {arrowProps && (\n        <FloatingArrow\n          {...arrowProps}\n          iconClassName={classNames(styles['TooltipBase__arrow'], arrowProps.iconClassName)}\n          Icon={ArrowIcon}\n        />\n      )}\n      <div\n        className={styles['TooltipBase__content']}\n        style={maxWidth !== null ? { maxWidth } : undefined}\n      >\n        {header && <Subhead weight=\"2\">{header}</Subhead>}\n        {text && <Subhead>{text}</Subhead>}\n      </div>\n    </RootComponent>\n  );\n};\n"],"names":["TOOLTIP_MAX_WIDTH","TooltipBase","stylesAppearance","accent","white","black","inversion","appearance","arrowProps","ArrowIcon","DefaultIcon","text","header","maxWidth","className","restProps","RootComponent","baseClassName","classNames","role","FloatingArrow","iconClassName","Icon","div","style","undefined","Subhead","weight"],"mappings":";;;;;;;;;;;IASaA,iBAAiB;eAAjBA;;IA2DAC,WAAW;eAAXA;;;;;;;iEApEU;sBACI;6BAEC;+BAC2B;+BACzB;yBACN;AAGjB,MAAMD,oBAAoB;AAEjC,MAAME,mBAAmB;IACvBC,MAAM;IACNC,KAAK;IACLC,KAAK;IACLC,SAAS;AACX;AAoDO,MAAML,cAAc;QAAC,EAC1BM,aAAa,QAAQ,EACrBC,UAAU,EACVC,YAAYC,wBAAW,EACvBC,IAAI,EACJC,MAAM,EACNC,WAAWb,iBAAiB,EAC5Bc,SAAS,EAEQ,WADdC;QAPHR;QACAC;QACAC;QACAE;QACAC;QACAC;QACAC;;IAGA,qBACE,qBAACE,4BAAa,8CACRD;QACJE,eAAeC,IAAAA,gBAAU,qBAEvBX,eAAe,aAAaL,gBAAgB,CAACK,WAAW,EACxDO;QAEFK,MAAK;QAEJX,4BACC,qBAACY,4BAAa,8CACRZ;QACJa,eAAeH,IAAAA,gBAAU,4BAA+BV,WAAWa,aAAa;QAChFC,MAAMb;uBAGV,qBAACc;QACCT,SAAS;QACTU,OAAOX,aAAa,OAAO;YAAEA;QAAS,IAAIY;OAEzCb,wBAAU,qBAACc,gBAAO;QAACC,QAAO;OAAKf,SAC/BD,sBAAQ,qBAACe,gBAAO,QAAEf;AAI3B"}
+{"version":3,"sources":["../../../../src/components/TooltipBase/TooltipBase.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { DefaultIcon } from '../FloatingArrow/DefaultIcon';\nimport { FloatingArrow, type FloatingArrowProps } from '../FloatingArrow/FloatingArrow';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport styles from './TooltipBase.module.css';\n\nexport const TOOLTIP_MAX_WIDTH = 220;\n\nconst stylesAppearance = {\n  accent: styles['TooltipBase--appearance-accent'],\n  white: styles['TooltipBase--appearance-white'],\n  black: styles['TooltipBase--appearance-black'],\n  inversion: styles['TooltipBase--appearance-inversion'],\n};\n\nexport interface TooltipBaseProps\n  extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'children'> {\n  /**\n   * Стиль отображения подсказки\n   */\n  appearance?: 'accent' | 'neutral' | 'white' | 'black' | 'inversion';\n  /**\n   * Текст тултипа.\n   */\n  text?: React.ReactNode;\n  /**\n   * Заголовок тултипа.\n   */\n  header?: React.ReactNode;\n  /**\n   * Для показа указателя, требуется передать хотя бы `coords` и `placement`.\n   */\n  arrowProps?: Omit<FloatingArrowProps, 'Icon'>;\n  /**\n   * Пользовательская SVG иконка.\n   *\n   * Требования:\n   *\n   * 1. Иконка по умолчанию должна быть направлена вверх (a.k.a `IconUp`).\n   * 2. Чтобы избежать проблемы с пространством между стрелкой и контентом на некоторых экранах,\n   *    растяните кривую по высоте на `1px` и увеличьте на этот размер `height` и `viewBox` SVG.\n   *    (см. https://github.com/VKCOM/VKUI/pull/4496).\n   * 3. Убедитесь, что компонент принимает все валидные для SVG параметры.\n   * 4. Убедитесь, что SVG и её элементы наследует цвет через `fill=\"currentColor\"`.\n   * 5. Если стрелка наезжает на якорный элемент, то увеличьте смещение между целевым и всплывающим элементами.\n   */\n  ArrowIcon?: FloatingArrowProps['Icon'];\n  /**\n   * Пользовательские css-классы, будут добавлены на root-элемент\n   */\n  className?: string;\n  /**\n   * Перебивает максимальную ширину заданную по умолчанию.\n   *\n   * Передача `null` полностью сбрасывает установку `max-width` на элемент.\n   */\n  maxWidth?: number | string | null;\n}\n\n/**\n * Низкоуровневый компонент для отрисовки тултипа.\n * Примеры использования и Readme можно найти в документации Tooltip\n * @see https://vkcom.github.io/VKUI/#/Tooltip\n * @private\n */\nexport const TooltipBase = ({\n  appearance = 'accent',\n  arrowProps,\n  ArrowIcon = DefaultIcon,\n  text,\n  header,\n  maxWidth = TOOLTIP_MAX_WIDTH,\n  className,\n  ...restProps\n}: TooltipBaseProps) => {\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        styles['TooltipBase'],\n        appearance !== 'neutral' && stylesAppearance[appearance],\n        className,\n      )}\n      role=\"tooltip\"\n    >\n      {arrowProps && (\n        <FloatingArrow\n          {...arrowProps}\n          iconClassName={classNames(styles['TooltipBase__arrow'], arrowProps.iconClassName)}\n          Icon={ArrowIcon}\n        />\n      )}\n      <div\n        className={styles['TooltipBase__content']}\n        style={maxWidth !== null ? { maxWidth } : undefined}\n      >\n        {header && <Subhead weight=\"2\">{header}</Subhead>}\n        {text && <Subhead>{text}</Subhead>}\n      </div>\n    </RootComponent>\n  );\n};\n"],"names":["TOOLTIP_MAX_WIDTH","TooltipBase","stylesAppearance","accent","white","black","inversion","appearance","arrowProps","ArrowIcon","DefaultIcon","text","header","maxWidth","className","restProps","RootComponent","baseClassName","classNames","role","FloatingArrow","iconClassName","Icon","div","style","undefined","Subhead","weight"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IASaA,iBAAiB;eAAjBA;;IA2DAC,WAAW;eAAXA;;;;;;;;iEApEU;sBACI;6BAEC;+BAC2B;+BACzB;yBACN;AAGjB,MAAMD,oBAAoB;AAEjC,MAAME,mBAAmB;IACvBC,MAAM;IACNC,KAAK;IACLC,KAAK;IACLC,SAAS;AACX;AAoDO,MAAML,cAAc;QAAC,EAC1BM,aAAa,QAAQ,EACrBC,UAAU,EACVC,YAAYC,wBAAW,EACvBC,IAAI,EACJC,MAAM,EACNC,WAAWb,iBAAiB,EAC5Bc,SAAS,EAEQ,WADdC;QAPHR;QACAC;QACAC;QACAE;QACAC;QACAC;QACAC;;IAGA,qBACE,sBAACE,4BAAa,8CACRD;QACJE,eAAeC,IAAAA,gBAAU,qBAEvBX,eAAe,aAAaL,gBAAgB,CAACK,WAAW,EACxDO;QAEFK,MAAK;;YAEJX,4BACC,qBAACY,4BAAa,8CACRZ;gBACJa,eAAeH,IAAAA,gBAAU,4BAA+BV,WAAWa,aAAa;gBAChFC,MAAMb;;0BAGV,sBAACc;gBACCT,SAAS;gBACTU,OAAOX,aAAa,OAAO;oBAAEA;gBAAS,IAAIY;;oBAEzCb,wBAAU,qBAACc,gBAAO;wBAACC,QAAO;kCAAKf;;oBAC/BD,sBAAQ,qBAACe,gBAAO;kCAAEf;;;;;;AAI3B"}

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

@@ -50,6 +50,6 @@ export type DragHandler = (e: React.DragEvent<HTMLElement>) => void;
 /**
  * @see https://vkcom.github.io/VKUI/#/Touch
  */
-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 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) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Touch.d.ts.map

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

@@ -1 +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,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,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,sBAyLZ,CAAC"}
+{"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,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,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,4CAyLZ,CAAC"}

package/dist/cjs/components/Touch/Touch.js

@@ -12,6 +12,7 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _useEventListener = require("../../hooks/useEventListener");
 const _useExternRef = require("../../hooks/useExternRef");
@@ -204,7 +205,7 @@ const Touch = (_param)=>{
         }
         didSlide.current = false;
     };
-    return /*#__PURE__*/ _react.createElement(Component, _object_spread_props._(_object_spread._({}, restProps), {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, _object_spread_props._(_object_spread._({}, restProps), {
         onDragStart: onDragStart,
         onClickCapture: postGestureClick,
         ref: containerRef

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Touch/Touch.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useDOM } from '../../lib/dom';\nimport { coordX, coordY, getSupportedEvents, touchEnabled, VKUITouchEvent } from '../../lib/touch';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { HasComponent, HasRootRef } from '../../types';\n\nexport interface TouchProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Привязать onEnter и onLeave через pointer-events - работает на disabled-инпутах\n   */\n  usePointerHover?: boolean;\n  useCapture?: boolean;\n  slideThreshold?: number;\n  noSlideClick?: boolean;\n  onEnter?: HoverHandler;\n  onLeave?: HoverHandler;\n  onStart?: TouchEventHandler;\n  onStartX?: TouchEventHandler;\n  onStartY?: TouchEventHandler;\n  onMove?: TouchEventHandler;\n  onMoveX?: TouchEventHandler;\n  onMoveY?: TouchEventHandler;\n  onEnd?: TouchEventHandler;\n  onEndX?: TouchEventHandler;\n  onEndY?: TouchEventHandler;\n  stopPropagation?: boolean;\n}\n\nexport interface Gesture {\n  startX: number;\n  startY: number;\n  startT: Date;\n  duration: number;\n  isPressed: boolean;\n  isY: boolean;\n  isX: boolean;\n  isSlideX: boolean;\n  isSlideY: boolean;\n  isSlide: boolean;\n  clientX: number;\n  clientY: number;\n  shiftX: number;\n  shiftY: number;\n  shiftXAbs: number;\n  shiftYAbs: number;\n}\n\nexport interface TouchEvent extends Gesture {\n  originalEvent: VKUITouchEvent;\n}\n\ntype HoverHandler = (outputEvent: MouseEvent) => void;\nexport type TouchEventHandler = (e: TouchEvent) => void;\nexport type ClickHandler = (e: React.MouseEvent<HTMLElement>) => void;\nexport type DragHandler = (e: React.DragEvent<HTMLElement>) => void;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Touch\n */\nexport const Touch = ({\n  onStart,\n  onStartX,\n  onStartY,\n  onMove: _onMove,\n  onMoveX,\n  onMoveY,\n  onLeave,\n  onEnter,\n  onEnd: _onEnd,\n  onEndX,\n  onEndY,\n  onClickCapture,\n  usePointerHover,\n  slideThreshold = 5,\n  useCapture = false,\n  Component = 'div',\n  getRootRef,\n  noSlideClick = false,\n  stopPropagation = false,\n  ...restProps\n}: TouchProps) => {\n  const { document } = useDOM();\n  const events = React.useMemo(getSupportedEvents, []);\n  const didSlide = React.useRef(false);\n  const gesture = React.useRef<Partial<Gesture> | null>(null);\n  const handle = (e: VKUITouchEvent, handlers: Array<TouchEventHandler | undefined | false>) => {\n    stopPropagation && e.stopPropagation();\n    handlers.forEach((cb) => {\n      const duration = Date.now() - (gesture.current?.startT?.getTime() ?? 0);\n      cb && cb({ ...(gesture.current as Gesture), duration, originalEvent: e });\n    });\n  };\n\n  const enterHandler = useEventListener(usePointerHover ? 'pointerenter' : 'mouseenter', onEnter);\n  const leaveHandler = useEventListener(usePointerHover ? 'pointerleave' : 'mouseleave', onLeave);\n  const startHandler = useEventListener(\n    events[0],\n    (e: VKUITouchEvent) => {\n      gesture.current = initGesture(coordX(e), coordY(e));\n\n      handle(e, [onStart, onStartX, onStartY]);\n      // 1 line, 2 bad specs, 2 workarounds:\n      subscribe(\n        touchEnabled()\n          ? // Touch events fire on initial target, and won't bubble if its removed\n            // see: #235, #1968, https://stackoverflow.com/a/45760014\n            (e.target as HTMLElement)\n          : // Mouse events fire on the element under pointer, so we lose move / end\n            // if pointer goes outside container.\n            // Can be fixed by PointerEvents' setPointerCapture later\n            document,\n      );\n    },\n    { capture: useCapture, passive: false },\n  );\n  const containerRef = useExternRef(getRootRef);\n\n  useIsomorphicLayoutEffect(() => {\n    const el = containerRef.current;\n    if (el) {\n      enterHandler.add(el);\n      leaveHandler.add(el);\n      startHandler.add(el);\n    }\n  }, [Component]);\n\n  function onMove(e: VKUITouchEvent) {\n    const { isPressed, isX, isY, startX = 0, startY = 0 } = gesture.current ?? {};\n\n    if (isPressed) {\n      const clientX = coordX(e);\n      const clientY = coordY(e);\n\n      // смещения\n      const shiftX = clientX - startX;\n      const shiftY = clientY - startY;\n\n      // абсолютные значения смещений\n      const shiftXAbs = Math.abs(shiftX);\n      const shiftYAbs = Math.abs(shiftY);\n\n      // Если определяем мультитач, то прерываем жест\n      if (!!e.touches && e.touches.length > 1) {\n        return onEnd(e);\n      }\n\n      // если мы ещё не определились\n      if (!isX && !isY) {\n        const willBeX = shiftXAbs >= slideThreshold && shiftXAbs > shiftYAbs;\n        const willBeY = shiftYAbs >= slideThreshold && shiftYAbs > shiftXAbs;\n        const willBeSlidedX = willBeX && (!!onMoveX || !!_onMove);\n        const willBeSlidedY = willBeY && (!!onMoveY || !!_onMove);\n\n        if (gesture.current) {\n          Object.assign(gesture.current, {\n            isY: willBeY,\n            isX: willBeX,\n            isSlideX: willBeSlidedX,\n            isSlideY: willBeSlidedY,\n            isSlide: willBeSlidedX || willBeSlidedY,\n          });\n        }\n      }\n\n      if (gesture.current?.isSlide) {\n        Object.assign(gesture.current, {\n          clientX,\n          clientY,\n          shiftX,\n          shiftY,\n          shiftXAbs,\n          shiftYAbs,\n        });\n\n        handle(e, [\n          _onMove,\n          gesture.current.isSlideX && onMoveX,\n          gesture.current.isSlideY && onMoveY,\n        ]);\n      }\n    }\n  }\n\n  function onEnd(e: VKUITouchEvent) {\n    const { isPressed, isSlide, isSlideX, isSlideY } = gesture.current ?? {};\n\n    if (isPressed) {\n      handle(e, [_onEnd, isSlideY && onEndY, isSlideX && onEndX]);\n    }\n\n    const isTouchEnabled = touchEnabled();\n\n    if (isTouchEnabled && isSlide) {\n      // https://github.com/VKCOM/VKUI/issues/4414\n      // если тач-устройство и был зафиксирован touchmove,\n      // то событие клика не вызывается\n      didSlide.current = false;\n    } else {\n      didSlide.current = Boolean(isSlide);\n    }\n    gesture.current = {};\n\n    // Если это был тач-евент, симулируем отмену hover\n    if (isTouchEnabled) {\n      onLeave && onLeave(e);\n    }\n    unsubscribe();\n  }\n\n  const listenerParams = { capture: useCapture, passive: false };\n  const listeners = [\n    useEventListener(events[1], onMove, listenerParams),\n    useEventListener(events[2], onEnd, listenerParams),\n    useEventListener(events[3], onEnd, listenerParams),\n  ];\n  function subscribe(el: HTMLElement | Document | null | undefined) {\n    if (el) {\n      listeners.forEach((l) => l.add(el));\n    }\n  }\n  function unsubscribe() {\n    listeners.forEach((l) => l.remove());\n  }\n\n  /**\n   * Обработчик событий dragstart\n   * Отменяет нативное браузерное поведение для вложенных ссылок и изображений\n   */\n  const onDragStart = (e: React.DragEvent<HTMLElement>) => {\n    const target = e.target as HTMLElement;\n    if (target.tagName === 'A' || target.tagName === 'IMG') {\n      e.preventDefault();\n    }\n  };\n\n  /**\n   * Обработчик клика по компоненту\n   * Отменяет переход по вложенной ссылке, если был зафиксирован свайп\n   */\n  const postGestureClick: typeof onClickCapture = (e) => {\n    if (!didSlide.current) {\n      return onClickCapture && onClickCapture(e);\n    }\n\n    if (noSlideClick) {\n      e.stopPropagation();\n\n      // https://github.com/VKCOM/VKUI/issues/1977\n      // https://github.com/VKCOM/VKUI/issues/3892\n      e.preventDefault();\n    } else {\n      onClickCapture && onClickCapture(e);\n    }\n\n    didSlide.current = false;\n  };\n\n  return (\n    <Component\n      {...restProps}\n      onDragStart={onDragStart}\n      onClickCapture={postGestureClick}\n      ref={containerRef}\n    />\n  );\n};\n\nfunction initGesture(startX: number, startY: number): Gesture {\n  return {\n    startX,\n    startY,\n    startT: new Date(),\n    duration: 0,\n    isPressed: true,\n    isY: false,\n    isX: false,\n    isSlideX: false,\n    isSlideY: false,\n    isSlide: false,\n    clientX: 0,\n    clientY: 0,\n    shiftX: 0,\n    shiftY: 0,\n    shiftXAbs: 0,\n    shiftYAbs: 0,\n  };\n}\n"],"names":["Touch","onStart","onStartX","onStartY","onMove","_onMove","onMoveX","onMoveY","onLeave","onEnter","onEnd","_onEnd","onEndX","onEndY","onClickCapture","usePointerHover","slideThreshold","useCapture","Component","getRootRef","noSlideClick","stopPropagation","restProps","document","useDOM","events","React","useMemo","getSupportedEvents","didSlide","useRef","gesture","handle","e","handlers","forEach","cb","duration","Date","now","current","startT","getTime","originalEvent","enterHandler","useEventListener","leaveHandler","startHandler","initGesture","coordX","coordY","subscribe","touchEnabled","target","capture","passive","containerRef","useExternRef","useIsomorphicLayoutEffect","el","add","isPressed","isX","isY","startX","startY","clientX","clientY","shiftX","shiftY","shiftXAbs","Math","abs","shiftYAbs","touches","length","willBeX","willBeY","willBeSlidedX","willBeSlidedY","Object","assign","isSlideX","isSlideY","isSlide","isTouchEnabled","Boolean","unsubscribe","listenerParams","listeners","l","remove","onDragStart","tagName","preventDefault","postGestureClick","ref"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Touch/Touch.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useDOM } from '../../lib/dom';\nimport { coordX, coordY, getSupportedEvents, touchEnabled, VKUITouchEvent } from '../../lib/touch';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { HasComponent, HasRootRef } from '../../types';\n\nexport interface TouchProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Привязать onEnter и onLeave через pointer-events - работает на disabled-инпутах\n   */\n  usePointerHover?: boolean;\n  useCapture?: boolean;\n  slideThreshold?: number;\n  noSlideClick?: boolean;\n  onEnter?: HoverHandler;\n  onLeave?: HoverHandler;\n  onStart?: TouchEventHandler;\n  onStartX?: TouchEventHandler;\n  onStartY?: TouchEventHandler;\n  onMove?: TouchEventHandler;\n  onMoveX?: TouchEventHandler;\n  onMoveY?: TouchEventHandler;\n  onEnd?: TouchEventHandler;\n  onEndX?: TouchEventHandler;\n  onEndY?: TouchEventHandler;\n  stopPropagation?: boolean;\n}\n\nexport interface Gesture {\n  startX: number;\n  startY: number;\n  startT: Date;\n  duration: number;\n  isPressed: boolean;\n  isY: boolean;\n  isX: boolean;\n  isSlideX: boolean;\n  isSlideY: boolean;\n  isSlide: boolean;\n  clientX: number;\n  clientY: number;\n  shiftX: number;\n  shiftY: number;\n  shiftXAbs: number;\n  shiftYAbs: number;\n}\n\nexport interface TouchEvent extends Gesture {\n  originalEvent: VKUITouchEvent;\n}\n\ntype HoverHandler = (outputEvent: MouseEvent) => void;\nexport type TouchEventHandler = (e: TouchEvent) => void;\nexport type ClickHandler = (e: React.MouseEvent<HTMLElement>) => void;\nexport type DragHandler = (e: React.DragEvent<HTMLElement>) => void;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Touch\n */\nexport const Touch = ({\n  onStart,\n  onStartX,\n  onStartY,\n  onMove: _onMove,\n  onMoveX,\n  onMoveY,\n  onLeave,\n  onEnter,\n  onEnd: _onEnd,\n  onEndX,\n  onEndY,\n  onClickCapture,\n  usePointerHover,\n  slideThreshold = 5,\n  useCapture = false,\n  Component = 'div',\n  getRootRef,\n  noSlideClick = false,\n  stopPropagation = false,\n  ...restProps\n}: TouchProps) => {\n  const { document } = useDOM();\n  const events = React.useMemo(getSupportedEvents, []);\n  const didSlide = React.useRef(false);\n  const gesture = React.useRef<Partial<Gesture> | null>(null);\n  const handle = (e: VKUITouchEvent, handlers: Array<TouchEventHandler | undefined | false>) => {\n    stopPropagation && e.stopPropagation();\n    handlers.forEach((cb) => {\n      const duration = Date.now() - (gesture.current?.startT?.getTime() ?? 0);\n      cb && cb({ ...(gesture.current as Gesture), duration, originalEvent: e });\n    });\n  };\n\n  const enterHandler = useEventListener(usePointerHover ? 'pointerenter' : 'mouseenter', onEnter);\n  const leaveHandler = useEventListener(usePointerHover ? 'pointerleave' : 'mouseleave', onLeave);\n  const startHandler = useEventListener(\n    events[0],\n    (e: VKUITouchEvent) => {\n      gesture.current = initGesture(coordX(e), coordY(e));\n\n      handle(e, [onStart, onStartX, onStartY]);\n      // 1 line, 2 bad specs, 2 workarounds:\n      subscribe(\n        touchEnabled()\n          ? // Touch events fire on initial target, and won't bubble if its removed\n            // see: #235, #1968, https://stackoverflow.com/a/45760014\n            (e.target as HTMLElement)\n          : // Mouse events fire on the element under pointer, so we lose move / end\n            // if pointer goes outside container.\n            // Can be fixed by PointerEvents' setPointerCapture later\n            document,\n      );\n    },\n    { capture: useCapture, passive: false },\n  );\n  const containerRef = useExternRef(getRootRef);\n\n  useIsomorphicLayoutEffect(() => {\n    const el = containerRef.current;\n    if (el) {\n      enterHandler.add(el);\n      leaveHandler.add(el);\n      startHandler.add(el);\n    }\n  }, [Component]);\n\n  function onMove(e: VKUITouchEvent) {\n    const { isPressed, isX, isY, startX = 0, startY = 0 } = gesture.current ?? {};\n\n    if (isPressed) {\n      const clientX = coordX(e);\n      const clientY = coordY(e);\n\n      // смещения\n      const shiftX = clientX - startX;\n      const shiftY = clientY - startY;\n\n      // абсолютные значения смещений\n      const shiftXAbs = Math.abs(shiftX);\n      const shiftYAbs = Math.abs(shiftY);\n\n      // Если определяем мультитач, то прерываем жест\n      if (!!e.touches && e.touches.length > 1) {\n        return onEnd(e);\n      }\n\n      // если мы ещё не определились\n      if (!isX && !isY) {\n        const willBeX = shiftXAbs >= slideThreshold && shiftXAbs > shiftYAbs;\n        const willBeY = shiftYAbs >= slideThreshold && shiftYAbs > shiftXAbs;\n        const willBeSlidedX = willBeX && (!!onMoveX || !!_onMove);\n        const willBeSlidedY = willBeY && (!!onMoveY || !!_onMove);\n\n        if (gesture.current) {\n          Object.assign(gesture.current, {\n            isY: willBeY,\n            isX: willBeX,\n            isSlideX: willBeSlidedX,\n            isSlideY: willBeSlidedY,\n            isSlide: willBeSlidedX || willBeSlidedY,\n          });\n        }\n      }\n\n      if (gesture.current?.isSlide) {\n        Object.assign(gesture.current, {\n          clientX,\n          clientY,\n          shiftX,\n          shiftY,\n          shiftXAbs,\n          shiftYAbs,\n        });\n\n        handle(e, [\n          _onMove,\n          gesture.current.isSlideX && onMoveX,\n          gesture.current.isSlideY && onMoveY,\n        ]);\n      }\n    }\n  }\n\n  function onEnd(e: VKUITouchEvent) {\n    const { isPressed, isSlide, isSlideX, isSlideY } = gesture.current ?? {};\n\n    if (isPressed) {\n      handle(e, [_onEnd, isSlideY && onEndY, isSlideX && onEndX]);\n    }\n\n    const isTouchEnabled = touchEnabled();\n\n    if (isTouchEnabled && isSlide) {\n      // https://github.com/VKCOM/VKUI/issues/4414\n      // если тач-устройство и был зафиксирован touchmove,\n      // то событие клика не вызывается\n      didSlide.current = false;\n    } else {\n      didSlide.current = Boolean(isSlide);\n    }\n    gesture.current = {};\n\n    // Если это был тач-евент, симулируем отмену hover\n    if (isTouchEnabled) {\n      onLeave && onLeave(e);\n    }\n    unsubscribe();\n  }\n\n  const listenerParams = { capture: useCapture, passive: false };\n  const listeners = [\n    useEventListener(events[1], onMove, listenerParams),\n    useEventListener(events[2], onEnd, listenerParams),\n    useEventListener(events[3], onEnd, listenerParams),\n  ];\n  function subscribe(el: HTMLElement | Document | null | undefined) {\n    if (el) {\n      listeners.forEach((l) => l.add(el));\n    }\n  }\n  function unsubscribe() {\n    listeners.forEach((l) => l.remove());\n  }\n\n  /**\n   * Обработчик событий dragstart\n   * Отменяет нативное браузерное поведение для вложенных ссылок и изображений\n   */\n  const onDragStart = (e: React.DragEvent<HTMLElement>) => {\n    const target = e.target as HTMLElement;\n    if (target.tagName === 'A' || target.tagName === 'IMG') {\n      e.preventDefault();\n    }\n  };\n\n  /**\n   * Обработчик клика по компоненту\n   * Отменяет переход по вложенной ссылке, если был зафиксирован свайп\n   */\n  const postGestureClick: typeof onClickCapture = (e) => {\n    if (!didSlide.current) {\n      return onClickCapture && onClickCapture(e);\n    }\n\n    if (noSlideClick) {\n      e.stopPropagation();\n\n      // https://github.com/VKCOM/VKUI/issues/1977\n      // https://github.com/VKCOM/VKUI/issues/3892\n      e.preventDefault();\n    } else {\n      onClickCapture && onClickCapture(e);\n    }\n\n    didSlide.current = false;\n  };\n\n  return (\n    <Component\n      {...restProps}\n      onDragStart={onDragStart}\n      onClickCapture={postGestureClick}\n      ref={containerRef}\n    />\n  );\n};\n\nfunction initGesture(startX: number, startY: number): Gesture {\n  return {\n    startX,\n    startY,\n    startT: new Date(),\n    duration: 0,\n    isPressed: true,\n    isY: false,\n    isX: false,\n    isSlideX: false,\n    isSlideY: false,\n    isSlide: false,\n    clientX: 0,\n    clientY: 0,\n    shiftX: 0,\n    shiftY: 0,\n    shiftXAbs: 0,\n    shiftYAbs: 0,\n  };\n}\n"],"names":["Touch","onStart","onStartX","onStartY","onMove","_onMove","onMoveX","onMoveY","onLeave","onEnter","onEnd","_onEnd","onEndX","onEndY","onClickCapture","usePointerHover","slideThreshold","useCapture","Component","getRootRef","noSlideClick","stopPropagation","restProps","document","useDOM","events","React","useMemo","getSupportedEvents","didSlide","useRef","gesture","handle","e","handlers","forEach","cb","duration","Date","now","current","startT","getTime","originalEvent","enterHandler","useEventListener","leaveHandler","startHandler","initGesture","coordX","coordY","subscribe","touchEnabled","target","capture","passive","containerRef","useExternRef","useIsomorphicLayoutEffect","el","add","isPressed","isX","isY","startX","startY","clientX","clientY","shiftX","shiftY","shiftXAbs","Math","abs","shiftYAbs","touches","length","willBeX","willBeY","willBeSlidedX","willBeSlidedY","Object","assign","isSlideX","isSlideY","isSlide","isTouchEnabled","Boolean","unsubscribe","listenerParams","listeners","l","remove","onDragStart","tagName","preventDefault","postGestureClick","ref"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/cjs/components/Touch/TouchContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Touch/TouchContext.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * Контекст для компонентов, использующих Touch в качестве корневой обёртки,\n * и для которых важно не предотвращать всплытие тач-событий от дочерних компонентов\n */\nconst TouchRootContext: React.Context<boolean> = React.createContext<boolean>(false);\n\n// eslint-disable-next-line import/no-default-export\nexport default TouchRootContext;\n"],"names":["TouchRootContext","React","createContext"],"mappings":";;;;+BAQA,oDAAoD;AACpD;;;eAAA;;;;iEATuB;AAEvB;;;CAGC,GACD,MAAMA,mBAA2CC,OAAMC,aAAa,CAAU;MAG9E,WAAeF"}
+{"version":3,"sources":["../../../../src/components/Touch/TouchContext.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * Контекст для компонентов, использующих Touch в качестве корневой обёртки,\n * и для которых важно не предотвращать всплытие тач-событий от дочерних компонентов\n */\nconst TouchRootContext: React.Context<boolean> = React.createContext<boolean>(false);\n\n// eslint-disable-next-line import/no-default-export\nexport default TouchRootContext;\n"],"names":["TouchRootContext","React","createContext"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":";;;;+BAQA,oDAAoD;AACpD;;;eAAA;;;;iEATuB;AAEvB;;;CAGC,GACD,MAAMA,mBAA2CC,OAAMC,aAAa,CAAU;MAG9E,WAAeF"}

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { HasCaps, TypographyProps } from '../Typography';
 export interface CaptionProps extends TypographyProps, HasCaps {
     level?: '1' | '2' | '3';
@@ -8,5 +7,5 @@ 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;
+export declare const Caption: ({ className, level, caps, Component, normalize, ...restProps }: CaptionProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Caption.d.ts.map