@vkontakte/vkui 6.0.3 → 6.1.0

package/dist/cssm/components/Textarea/Textarea.js

@@ -1,10 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { useAdaptivity } from '../../hooks/useAdaptivity';
 import { useExternRef } from '../../hooks/useExternRef';
 import { callMultiple } from '../../lib/callMultiple';
 import { FormField } from '../FormField/FormField';
-import { Text } from '../Typography/Text/Text';
+import { UnstyledTextField } from '../UnstyledTextField/UnstyledTextField';
 import styles from './Textarea.module.css';
 const sizeYClassNames = {
     none: styles['Textarea--sizeY-none'],
@@ -12,7 +13,7 @@ const sizeYClassNames = {
 };
 /**
  * @see https://vkcom.github.io/VKUI/#/Textarea
- */ export const Textarea = ({ grow = true, style, onResize, className, getRootRef, getRef, rows = 2, maxHeight, status, onChange, ...restProps })=>{
+ */ export const Textarea = ({ grow = true, style, onResize, className, getRootRef, getRef, rows = 2, maxHeight, status, onChange, align, mode, ...restProps })=>{
     const currentScrollHeight = React.useRef();
     const elementRef = useExternRef(getRef);
     const { sizeY = 'none' } = useAdaptivity();
@@ -33,24 +34,25 @@ const sizeYClassNames = {
         elementRef,
         onResize
     ]);
-    return /*#__PURE__*/ React.createElement(FormField, {
-        className: classNames(styles['Textarea'], sizeY !== 'regular' && sizeYClassNames[sizeY], className),
+    return /*#__PURE__*/ _jsx(FormField, {
+        className: classNames(styles['Textarea'], sizeY !== 'regular' && sizeYClassNames[sizeY], align === 'right' && styles['Textarea--align-right'], align === 'center' && styles['Textarea--align-center'], className),
         style: style,
         getRootRef: getRootRef,
         disabled: restProps.disabled,
-        status: status
-    }, /*#__PURE__*/ React.createElement(Text, {
-        ...restProps,
-        Component: "textarea",
-        normalize: false,
-        style: {
-            maxHeight
-        },
-        rows: rows,
-        className: styles['Textarea__el'],
-        onChange: callMultiple(onChange, autosizeInput),
-        getRootRef: elementRef
-    }));
+        status: status,
+        mode: mode,
+        children: /*#__PURE__*/ _jsx(UnstyledTextField, {
+            ...restProps,
+            as: "textarea",
+            style: {
+                maxHeight
+            },
+            rows: rows,
+            className: styles['Textarea__el'],
+            onChange: callMultiple(onChange, autosizeInput),
+            getRootRef: elementRef
+        })
+    });
 };
 
 //# sourceMappingURL=Textarea.js.map

package/dist/cssm/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":["React","classNames","useAdaptivity","useExternRef","callMultiple","FormField","Text","styles","sizeYClassNames","none","Textarea","grow","style","onResize","className","getRootRef","getRef","rows","maxHeight","status","onChange","restProps","currentScrollHeight","useRef","elementRef","sizeY","autosizeInput","el","current","offsetParent","height","scrollHeight","useEffect","disabled","Component","normalize"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,YAAY,QAAQ,yBAAyB;AAEtD,SAASC,SAAS,QAAwB,yBAAyB;AACnE,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,OAAOC,YAAY,wBAAwB;AAE3C,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,uBAAuB;IACpC,CAAC,UAAU,EAAEA,MAAM,CAAC,0BAA0B;AAChD;AAaA;;CAEC,GACD,OAAO,MAAMG,WAAW,CAAC,EACvBC,OAAO,IAAI,EACXC,KAAK,EACLC,QAAQ,EACRC,SAAS,EACTC,UAAU,EACVC,MAAM,EACNC,OAAO,CAAC,EACRC,SAAS,EACTC,MAAM,EACNC,QAAQ,EACR,GAAGC,WACW;IACd,MAAMC,sBAAsBtB,MAAMuB,MAAM;IACxC,MAAMC,aAAarB,aAAaa;IAChC,MAAM,EAAES,QAAQ,MAAM,EAAE,GAAGvB;IAE3B,MAAMwB,gBAAgB;QACpB,MAAMC,KAAKH,WAAWI,OAAO;QAE7B,IAAIjB,QAAQgB,IAAIE,cAAc;YAC5BF,GAAGf,KAAK,CAACkB,MAAM,GAAG;YAClBH,GAAGf,KAAK,CAACkB,MAAM,GAAG,CAAC,EAAEH,GAAGI,YAAY,CAAC,EAAE,CAAC;YAExC,IAAIJ,GAAGI,YAAY,KAAKT,oBAAoBM,OAAO,IAAIf,UAAU;gBAC/DA,SAASc;gBACTL,oBAAoBM,OAAO,GAAGD,GAAGI,YAAY;YAC/C;QACF;IACF;IAEA/B,MAAMgC,SAAS,CAACN,eAAe;QAACf;QAAMc;QAAOD;QAAYX;KAAS;IAElE,qBACE,oBAACR;QACCS,WAAWb,WACTM,MAAM,CAAC,WAAW,EAClBkB,UAAU,aAAajB,eAAe,CAACiB,MAAM,EAC7CX;QAEFF,OAAOA;QACPG,YAAYA;QACZkB,UAAUZ,UAAUY,QAAQ;QAC5Bd,QAAQA;qBAER,oBAACb;QACE,GAAGe,SAAS;QACba,WAAU;QACVC,WAAW;QACXvB,OAAO;YAAEM;QAAU;QACnBD,MAAMA;QACNH,WAAWP,MAAM,CAAC,eAAe;QACjCa,UAAUhB,aAAagB,UAAUM;QACjCX,YAAYS;;AAIpB,EAAE"}
+{"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":["React","classNames","useAdaptivity","useExternRef","callMultiple","FormField","UnstyledTextField","styles","sizeYClassNames","none","Textarea","grow","style","onResize","className","getRootRef","getRef","rows","maxHeight","status","onChange","align","mode","restProps","currentScrollHeight","useRef","elementRef","sizeY","autosizeInput","el","current","offsetParent","height","scrollHeight","useEffect","disabled","as"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,YAAY,QAAQ,yBAAyB;AAEtD,SAASC,SAAS,QAAwB,yBAAyB;AACnE,SAASC,iBAAiB,QAAQ,yCAAyC;AAC3E,OAAOC,YAAY,wBAAwB;AAE3C,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,uBAAuB;IACpC,CAAC,UAAU,EAAEA,MAAM,CAAC,0BAA0B;AAChD;AAcA;;CAEC,GACD,OAAO,MAAMG,WAAW,CAAC,EACvBC,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,EACJ,GAAGC,WACW;IACd,MAAMC,sBAAsBxB,MAAMyB,MAAM;IACxC,MAAMC,aAAavB,aAAaa;IAChC,MAAM,EAAEW,QAAQ,MAAM,EAAE,GAAGzB;IAE3B,MAAM0B,gBAAgB;QACpB,MAAMC,KAAKH,WAAWI,OAAO;QAE7B,IAAInB,QAAQkB,IAAIE,cAAc;YAC5BF,GAAGjB,KAAK,CAACoB,MAAM,GAAG;YAClBH,GAAGjB,KAAK,CAACoB,MAAM,GAAG,CAAC,EAAEH,GAAGI,YAAY,CAAC,EAAE,CAAC;YAExC,IAAIJ,GAAGI,YAAY,KAAKT,oBAAoBM,OAAO,IAAIjB,UAAU;gBAC/DA,SAASgB;gBACTL,oBAAoBM,OAAO,GAAGD,GAAGI,YAAY;YAC/C;QACF;IACF;IAEAjC,MAAMkC,SAAS,CAACN,eAAe;QAACjB;QAAMgB;QAAOD;QAAYb;KAAS;IAElE,qBACE,KAACR;QACCS,WAAWb,WACTM,MAAM,CAAC,WAAW,EAClBoB,UAAU,aAAanB,eAAe,CAACmB,MAAM,EAC7CN,UAAU,WAAWd,MAAM,CAAC,wBAAwB,EACpDc,UAAU,YAAYd,MAAM,CAAC,yBAAyB,EACtDO;QAEFF,OAAOA;QACPG,YAAYA;QACZoB,UAAUZ,UAAUY,QAAQ;QAC5BhB,QAAQA;QACRG,MAAMA;kBAEN,cAAA,KAAChB;YACE,GAAGiB,SAAS;YACba,IAAG;YACHxB,OAAO;gBAAEM;YAAU;YACnBD,MAAMA;YACNH,WAAWP,MAAM,CAAC,eAAe;YACjCa,UAAUhB,aAAagB,UAAUQ;YACjCb,YAAYW;;;AAIpB,EAAE"}

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

@@ -3,21 +3,14 @@
 }
 
 .Textarea__el {
-  margin: 0;
-  inline-size: 100%;
+  position: relative;
+  z-index: var(--vkui_internal--z_index_form_field_element);
   display: block;
-  box-sizing: border-box;
-  resize: none;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  color: var(--vkui--color_text_primary);
   padding: 12px;
+  inline-size: 100%;
   max-block-size: 204px;
-  border: 0;
-  z-index: var(--vkui_internal--z_index_form_field_element);
-  position: relative;
-  background: transparent;
+  box-sizing: border-box;
+  color: var(--vkui--color_text_primary);
 }
 
 .Textarea__el[cols] {
@@ -57,3 +50,11 @@
 .Textarea__el:disabled::placeholder {
   color: var(--vkui--color_text_secondary);
 }
+
+.Textarea--align-center .Textarea__el {
+  text-align: center;
+}
+
+.Textarea--align-right .Textarea__el {
+  text-align: end;
+}

package/dist/cssm/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/cssm/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/cssm/components/ToolButton/ToolButton.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { classNames, hasReactNode, noop } from '@vkontakte/vkjs';
+import { useAdaptivity } from '../../hooks/useAdaptivity';
+import { AdaptiveIconRenderer } from '../AdaptiveIconRenderer/AdaptiveIconRenderer';
+import { Tappable } from '../Tappable/Tappable';
+import styles from './ToolButton.module.css';
+const stylesMode = {
+    primary: styles['ToolButton--mode-primary'],
+    secondary: styles['ToolButton--mode-secondary'],
+    tertiary: styles['ToolButton--mode-tertiary'],
+    outline: styles['ToolButton--mode-outline']
+};
+const stylesAppearance = {
+    accent: styles['ToolButton--appearance-accent'],
+    neutral: styles['ToolButton--appearance-neutral']
+};
+const stylesDirection = {
+    row: styles['ToolButton--direction-row'],
+    column: styles['ToolButton--direction-column']
+};
+const sizeYClassNames = {
+    none: styles['ToolButton--sizeY-none'],
+    ['regular']: styles['ToolButton--sizeY-regular']
+};
+/**
+ * Кнопки, которые используются для вызова инструмента, вставки аттачей или
+ * для форматирования. Их можно использовать как кнопки для разового действия
+ * или для включения/выключения режима.
+ *
+ * @see https://vkcom.github.io/VKUI/#/ToolButton
+ */ export const ToolButton = ({ mode = 'primary', appearance = 'accent', direction = 'row', onClick = noop, className, children, IconCompact, IconRegular, rounded, ...restProps })=>{
+    const { sizeY = 'none' } = useAdaptivity();
+    const hasChildren = hasReactNode(children);
+    return /*#__PURE__*/ _jsxs(Tappable, {
+        hoverMode: styles['ToolButton--hover'],
+        activeMode: styles['ToolButton--active'],
+        Component: restProps.href ? 'a' : 'button',
+        focusVisibleMode: "outside",
+        onClick: onClick,
+        className: classNames(className, styles['ToolButton'], rounded && !hasChildren && styles['ToolButton--rounded'], stylesMode[mode], stylesAppearance[appearance], stylesDirection[direction], sizeY !== 'compact' && sizeYClassNames[sizeY]),
+        ...restProps,
+        children: [
+            /*#__PURE__*/ _jsx(AdaptiveIconRenderer, {
+                IconCompact: IconCompact,
+                IconRegular: IconRegular
+            }),
+            hasChildren && /*#__PURE__*/ _jsx("span", {
+                children: children
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=ToolButton.js.map

package/dist/cssm/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":["classNames","hasReactNode","noop","useAdaptivity","AdaptiveIconRenderer","Tappable","styles","stylesMode","primary","secondary","tertiary","outline","stylesAppearance","accent","neutral","stylesDirection","row","column","sizeYClassNames","none","ToolButton","mode","appearance","direction","onClick","className","children","IconCompact","IconRegular","rounded","restProps","sizeY","hasChildren","hoverMode","activeMode","Component","href","focusVisibleMode","span"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,UAAU,EAAEC,YAAY,EAAEC,IAAI,QAAQ,kBAAkB;AACjE,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SACEC,oBAAoB,QAEf,+CAA+C;AACtD,SAASC,QAAQ,QAAuB,uBAAuB;AAC/D,OAAOC,YAAY,0BAA0B;AAE7C,MAAMC,aAAa;IACjBC,SAASF,MAAM,CAAC,2BAA2B;IAC3CG,WAAWH,MAAM,CAAC,6BAA6B;IAC/CI,UAAUJ,MAAM,CAAC,4BAA4B;IAC7CK,SAASL,MAAM,CAAC,2BAA2B;AAC7C;AAEA,MAAMM,mBAAmB;IACvBC,QAAQP,MAAM,CAAC,gCAAgC;IAC/CQ,SAASR,MAAM,CAAC,iCAAiC;AACnD;AAEA,MAAMS,kBAAkB;IACtBC,KAAKV,MAAM,CAAC,4BAA4B;IACxCW,QAAQX,MAAM,CAAC,+BAA+B;AAChD;AAEA,MAAMY,kBAAkB;IACtBC,MAAMb,MAAM,CAAC,yBAAyB;IACtC,CAAC,UAAU,EAAEA,MAAM,CAAC,4BAA4B;AAClD;AASA;;;;;;CAMC,GACD,OAAO,MAAMc,aAAa,CAAC,EACzBC,OAAO,SAAS,EAChBC,aAAa,QAAQ,EACrBC,YAAY,KAAK,EACjBC,UAAUtB,IAAI,EACduB,SAAS,EACTC,QAAQ,EACRC,WAAW,EACXC,WAAW,EACXC,OAAO,EACP,GAAGC,WACa;IAChB,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAG5B;IAC3B,MAAM6B,cAAc/B,aAAayB;IAEjC,qBACE,MAACrB;QACC4B,WAAW3B,MAAM,CAAC,oBAAoB;QACtC4B,YAAY5B,MAAM,CAAC,qBAAqB;QACxC6B,WAAWL,UAAUM,IAAI,GAAG,MAAM;QAClCC,kBAAiB;QACjBb,SAASA;QACTC,WAAWzB,WACTyB,WACAnB,MAAM,CAAC,aAAa,EACpBuB,WAAW,CAACG,eAAe1B,MAAM,CAAC,sBAAsB,EACxDC,UAAU,CAACc,KAAK,EAChBT,gBAAgB,CAACU,WAAW,EAC5BP,eAAe,CAACQ,UAAU,EAC1BQ,UAAU,aAAab,eAAe,CAACa,MAAM;QAE9C,GAAGD,SAAS;;0BAEb,KAAC1B;gBAAqBuB,aAAaA;gBAAaC,aAAaA;;YAC5DI,6BAAe,KAACM;0BAAMZ;;;;AAG7B,EAAE"}

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

@@ -0,0 +1,173 @@
+.ToolButton {
+  position: relative;
+  display: flex;
+  box-sizing: border-box;
+  text-decoration: none;
+  border: 0;
+  margin: 0;
+  padding: 10px;
+  border-radius: var(--vkui--size_border_radius_paper--regular);
+  inline-size: 100%;
+  flex-grow: 1;
+  flex-basis: 0;
+  align-items: center;
+  justify-content: center;
+  font-family: var(--vkui--font_caption1--font_family--regular);
+  font-size: var(--vkui--font_caption1--font_size--regular);
+  line-height: var(--vkui--font_caption1--line_height--regular);
+}
+
+.ToolButton--rounded {
+  border-radius: var(--vkui--size_border_radius_rounded--regular);
+}
+
+.ToolButton--sizeY-regular {
+  font-family: var(--vkui--font_subhead--font_family--regular);
+  font-size: var(--vkui--font_subhead--font_size--regular);
+  line-height: var(--vkui--font_subhead--line_height--regular);
+}
+
+@media (pointer: coarse) and (min-height: 415px),(pointer: none) and (min-height: 415px),(max-width: 767.9px) and (min-height: 415px) {
+  .ToolButton--sizeY-none {
+    font-family: var(--vkui--font_subhead--font_family--regular);
+    font-size: var(--vkui--font_subhead--font_size--regular);
+    line-height: var(--vkui--font_subhead--line_height--regular);
+  }
+}
+
+.ToolButton[disabled] {
+  opacity: var(--vkui--opacity_disable);
+}
+
+/* ToolButton's directions */
+
+.ToolButton--direction-row {
+  flex-direction: row;
+}
+
+.ToolButton--direction-column {
+  flex-direction: column;
+}
+
+/* stylelint-disable selector-max-universal -- gap для элементов */
+
+.ToolButton--direction-row > * {
+  -webkit-margin-end: 4px;
+          margin-inline-end: 4px;
+}
+
+.ToolButton--direction-row > *:last-child {
+  -webkit-margin-end: 0;
+          margin-inline-end: 0;
+}
+
+.ToolButton--direction-column > * {
+  -webkit-margin-after: 4px;
+          margin-block-end: 4px;
+}
+
+.ToolButton--direction-column > *:last-child {
+  -webkit-margin-after: 0;
+          margin-block-end: 0;
+}
+
+/* stylelint-enable selector-max-universal */
+
+/* ToolButton's backgrounds */
+
+/* Mode  = Primary */
+
+.ToolButton--mode-primary.ToolButton--appearance-accent {
+  background-color: var(--vkui--color_background_accent_themed);
+}
+
+.ToolButton--mode-primary.ToolButton--appearance-accent.ToolButton--hover {
+  background-color: var(--vkui--color_background_accent_themed--hover);
+}
+
+.ToolButton--mode-primary.ToolButton--appearance-accent.ToolButton--active {
+  background-color: var(--vkui--color_background_accent_themed--active);
+}
+
+.ToolButton--mode-primary.ToolButton--appearance-neutral {
+  background-color: var(--vkui--color_background_secondary);
+}
+
+.ToolButton--mode-primary.ToolButton--appearance-neutral.ToolButton--hover {
+  background-color: var(--vkui--color_background_secondary--hover);
+}
+
+.ToolButton--mode-primary.ToolButton--appearance-neutral.ToolButton--active {
+  background-color: var(--vkui--color_background_secondary--active);
+}
+
+/* Mode = Secondary */
+
+.ToolButton--mode-secondary {
+  background-color: var(--vkui--color_background_secondary_alpha);
+}
+
+.ToolButton--mode-secondary.ToolButton--hover {
+  background-color: var(--vkui--color_background_secondary_alpha--hover);
+}
+
+.ToolButton--mode-secondary.ToolButton--active {
+  background-color: var(--vkui--color_background_secondary_alpha--active);
+}
+
+/* Mode = Tertiary */
+
+.ToolButton--mode-tertiary,
+.ToolButton--mode-outline {
+  background-color: var(--vkui--color_transparent);
+}
+
+.ToolButton--mode-tertiary.ToolButton--hover,
+.ToolButton--mode-outline.ToolButton--hover {
+  background-color: var(--vkui--color_transparent--hover);
+}
+
+.ToolButton--mode-tertiary.ToolButton--active,
+.ToolButton--mode-outline.ToolButton--active {
+  background-color: var(--vkui--color_transparent--active);
+}
+
+/*
+  ToolButtons text colors
+*/
+
+.ToolButton.ToolButton--appearance-accent {
+  color: var(--vkui--color_text_accent_themed);
+}
+
+.ToolButton.ToolButton--appearance-neutral {
+  color: var(--vkui--color_text_primary);
+}
+
+.ToolButton--mode-primary.ToolButton--appearance-accent {
+  color: var(--vkui--color_text_contrast_themed);
+}
+
+/*
+  Outline buttons borders
+*/
+
+.ToolButton--mode-outline.ToolButton--appearance-accent,
+.ToolButton--mode-outline.ToolButton--appearance-accent.ToolButton--hover,
+.ToolButton--mode-outline.ToolButton--appearance-accent.ToolButton--active {
+  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_accent_themed);
+}
+
+.ToolButton--mode-outline.ToolButton--appearance-neutral {
+  box-shadow: inset 0 0 0 1px var(--vkui--color_field_border_alpha);
+}
+
+.ToolButton--mode-outline.ToolButton--appearance-neutral.ToolButton--hover {
+  background-color: var(--vkui--color_background_secondary--hover);
+  box-shadow: unset;
+}
+
+.ToolButton--mode-outline.ToolButton--appearance-neutral.ToolButton--active {
+  background-color: var(--vkui--color_background_secondary--active);
+  box-shadow: unset;
+}

package/dist/cssm/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/cssm/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/cssm/components/Tooltip/Tooltip.js

@@ -1,19 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { classNames, hasReactNode } from '@vkontakte/vkjs';
-import { getWindow } from '@vkontakte/vkui-floating-ui/utils/dom';
 import { useExternRef } from '../../hooks/useExternRef';
+import { useGlobalEscKeyDown } from '../../hooks/useGlobalEscKeyDown';
 import { usePatchChildren } from '../../hooks/usePatchChildren';
-import { Keys, pressedKey } from '../../lib/accessibility';
-import { animationFadeClassNames } from '../../lib/cssAnimation';
+import { animationFadeClassNames } from '../../lib/animation';
 import { getArrowCoordsByMiddlewareData, useFloatingMiddlewaresBootstrap, useFloatingWithInteractions, usePlacementChangeCallback } from '../../lib/floating';
-import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
 import { AppRootPortal } from '../AppRoot/AppRootPortal';
 import { TooltipBase } from '../TooltipBase/TooltipBase';
 import { Subhead } from '../Typography/Subhead/Subhead';
 /**
  * @see https://vkcom.github.io/VKUI/#/Tooltip
  */ export const Tooltip = ({ // 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
@@ -30,7 +29,8 @@ id: idProp, getRootRef, text, header, appearance = 'neutral', style: styleProp,
         arrow: !disableArrow,
         arrowRef,
         arrowPadding,
-        arrowHeight
+        arrowHeight,
+        disableFlipMiddleware
     });
     const { shown, willBeHide, placement, refs, referenceProps, floatingProps, middlewareData, onEscapeKeyDown } = useFloatingWithInteractions({
         defaultShown,
@@ -47,7 +47,7 @@ id: idProp, getRootRef, text, header, appearance = 'neutral', style: styleProp,
         middlewares
     });
     const tooltipRef = useExternRef(getRootRef, refs.setFloating);
-    usePlacementChangeCallback(placement, onPlacementChange);
+    usePlacementChangeCallback(placementProp, placement, onPlacementChange);
     let tooltip = null;
     if (shown) {
         referenceProps['aria-describedby'] = tooltipId;
@@ -55,51 +55,42 @@ id: idProp, getRootRef, text, header, appearance = 'neutral', style: styleProp,
         if (styleProp) {
             Object.assign(floatingProps.style, styleProp);
         }
-        tooltip = /*#__PURE__*/ React.createElement(AppRootPortal, {
-            usePortal: usePortal
-        }, /*#__PURE__*/ React.createElement(TooltipBase, {
-            ...popperProps,
-            ...floatingProps,
-            id: tooltipId,
-            getRootRef: tooltipRef,
-            appearance: appearance,
-            arrowProps: disableArrow ? undefined : {
-                placement,
-                coords: getArrowCoordsByMiddlewareData(middlewareData),
-                getRootRef: setArrowRef
-            },
-            text: /*#__PURE__*/ React.createElement(React.Fragment, null, hasReactNode(header) && /*#__PURE__*/ React.createElement(Subhead, {
-                weight: "2"
-            }, header), hasReactNode(text) && /*#__PURE__*/ React.createElement(Subhead, null, text)),
-            className: classNames(willBeHide ? animationFadeClassNames.out : animationFadeClassNames.in, className)
-        }));
-    }
-    const [childRef, child] = usePatchChildren(children, referenceProps, refs.setReference);
-    useIsomorphicLayoutEffect(function handleGlobalKeyDownIfTooltipShown() {
-        if (!onEscapeKeyDown || !shown) {
-            return;
-        }
-        const handleKeyDown = (event)=>{
-            if (pressedKey(event) === Keys.ESCAPE) {
-                onEscapeKeyDown();
-            }
-        };
-        const doc = getWindow(childRef.current).document;
-        doc.addEventListener('keydown', handleKeyDown, {
-            passive: true,
-            capture: true
+        tooltip = /*#__PURE__*/ _jsx(AppRootPortal, {
+            usePortal: usePortal,
+            children: /*#__PURE__*/ _jsx(TooltipBase, {
+                ...popperProps,
+                ...floatingProps,
+                id: tooltipId,
+                getRootRef: tooltipRef,
+                appearance: appearance,
+                arrowProps: disableArrow ? undefined : {
+                    placement,
+                    coords: getArrowCoordsByMiddlewareData(middlewareData),
+                    getRootRef: setArrowRef
+                },
+                text: /*#__PURE__*/ _jsxs(React.Fragment, {
+                    children: [
+                        hasReactNode(header) && /*#__PURE__*/ _jsx(Subhead, {
+                            weight: "2",
+                            children: header
+                        }),
+                        hasReactNode(text) && /*#__PURE__*/ _jsx(Subhead, {
+                            children: text
+                        })
+                    ]
+                }),
+                className: classNames(willBeHide ? animationFadeClassNames.out : animationFadeClassNames.in, className)
+            })
         });
-        return ()=>{
-            doc.removeEventListener('keydown', handleKeyDown, {
-                capture: true
-            });
-        };
-    }, [
-        shown,
-        childRef,
-        onEscapeKeyDown
-    ]);
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, child, tooltip);
+    }
+    const [, child] = usePatchChildren(children, referenceProps, refs.setReference);
+    useGlobalEscKeyDown(shown, onEscapeKeyDown);
+    return /*#__PURE__*/ _jsxs(React.Fragment, {
+        children: [
+            child,
+            tooltip
+        ]
+    });
 };
 
 //# sourceMappingURL=Tooltip.js.map

package/dist/cssm/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":["React","classNames","hasReactNode","getWindow","useExternRef","usePatchChildren","Keys","pressedKey","animationFadeClassNames","getArrowCoordsByMiddlewareData","useFloatingMiddlewaresBootstrap","useFloatingWithInteractions","usePlacementChangeCallback","useIsomorphicLayoutEffect","AppRootPortal","TooltipBase","Subhead","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","useId","tooltipId","arrowRef","setArrowRef","useState","middlewares","strictPlacement","arrow","willBeHide","refs","referenceProps","floatingProps","middlewareData","onEscapeKeyDown","trigger","closeAfterClick","disableInteractive","tooltipRef","setFloating","tooltip","Object","assign","arrowProps","undefined","coords","Fragment","weight","out","in","childRef","child","setReference","handleGlobalKeyDownIfTooltipShown","handleKeyDown","event","ESCAPE","doc","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":["React","classNames","hasReactNode","useExternRef","useGlobalEscKeyDown","usePatchChildren","animationFadeClassNames","getArrowCoordsByMiddlewareData","useFloatingMiddlewaresBootstrap","useFloatingWithInteractions","usePlacementChangeCallback","AppRootPortal","TooltipBase","Subhead","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","useId","tooltipId","arrowRef","setArrowRef","useState","middlewares","strictPlacement","arrow","willBeHide","refs","referenceProps","floatingProps","middlewareData","onEscapeKeyDown","trigger","closeAfterClick","disableInteractive","tooltipRef","setFloating","tooltip","Object","assign","arrowProps","undefined","coords","Fragment","weight","out","in","child","setReference"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,mBAAmB,QAAQ,kCAAkC;AACtE,SAASC,gBAAgB,QAAQ,+BAA+B;AAChE,SAASC,uBAAuB,QAAQ,sBAAsB;AAC9D,SAEEC,8BAA8B,EAC9BC,+BAA+B,EAC/BC,2BAA2B,EAC3BC,0BAA0B,QACrB,qBAAqB;AAC5B,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,WAAW,QAA+B,6BAA6B;AAChF,SAASC,OAAO,QAAQ,gCAAgC;AA4CxD;;CAEC,GACD,OAAO,MAAMC,UAAU,CAAC,EACtB,yCAAyC;AACzCC,WAAWC,gBAAgB,QAAQ,EACnCC,eAAe,EAAE,EACjBC,cAAc,CAAC,EACfC,mBAAmB,CAAC,EACpBC,oBAAoB,CAAC,EACrBC,uBAAuB,EACvBC,wBAAwB,KAAK,EAE7B,8BAA8B;AAC9BC,YAAY,EACZC,OAAOC,SAAS,EAChBC,aAAa,EACbC,aAAa,GAAG,EAEhB,wDAAwD;AACxDC,oBAAoB,KAAK,EACzBC,eAAe,KAAK,EACpBC,yBAAyB,KAAK,EAE9B,YAAY;AACZC,QAAQ,EAER,eAAe;AACfC,SAAS,EAET,mBAAmB;AACnBC,IAAIC,MAAM,EACVC,UAAU,EACVC,IAAI,EACJC,MAAM,EACNC,aAAa,SAAS,EACtBC,OAAOC,SAAS,EAChBC,SAAS,EACTC,SAAS,6BAA6B,EACtCC,iBAAiB,EACjB,GAAGC,aACU;IACb,MAAMC,cAAc7C,MAAM8C,KAAK;IAC/B,MAAMC,YAAYb,UAAUW;IAE5B,MAAM,CAACG,UAAUC,YAAY,GAAGjD,MAAMkD,QAAQ,CAAwB;IACtE,MAAM,EAAEC,WAAW,EAAEC,eAAe,EAAE,GAAG5C,gCAAgC;QACvEO,WAAWC;QAEXG;QACAC;QAEAC;QAEAgC,OAAO,CAACxB;QACRmB;QACA/B;QACAC;QACAI;IACF;IACA,MAAM,EACJE,KAAK,EACL8B,UAAU,EACVvC,SAAS,EACTwC,IAAI,EACJC,cAAc,EACdC,aAAa,EACbC,cAAc,EACdC,eAAe,EAChB,GAAGlD,4BAA4B;QAC9Bc;QACAC,OAAOC;QACPC;QACAX,WAAWqC;QACXQ,SAAS;YAAC;YAAS;SAAQ;QAC3BjC;QACAkC,iBAAiB,CAAC/B;QAClBgC,oBAAoB,CAAClC;QACrBuB;IACF;IACA,MAAMY,aAAa5D,aAA6BgC,YAAYoB,KAAKS,WAAW;IAE5EtD,2BAA2BM,eAAeD,WAAW4B;IAErD,IAAIsB,UAA2B;IAC/B,IAAIzC,OAAO;QACTgC,cAAc,CAAC,mBAAmB,GAAGT;QACrCU,cAAclB,KAAK,CAACG,MAAM,GAAGA;QAC7B,IAAIF,WAAW;YACb0B,OAAOC,MAAM,CAACV,cAAclB,KAAK,EAAEC;QACrC;QACAyB,wBACE,KAACtD;YAAcqB,WAAWA;sBACxB,cAAA,KAACpB;gBACE,GAAGgC,WAAW;gBACd,GAAGa,aAAa;gBACjBxB,IAAIc;gBACJZ,YAAY4B;gBACZzB,YAAYA;gBACZ8B,YACEvC,eACIwC,YACA;oBACEtD;oBACAuD,QAAQ/D,+BAA+BmD;oBACvCvB,YAAYc;gBACd;gBAENb,oBACE,MAACpC,MAAMuE,QAAQ;;wBACZrE,aAAamC,yBAAW,KAACxB;4BAAQ2D,QAAO;sCAAKnC;;wBAC7CnC,aAAakC,uBAAS,KAACvB;sCAASuB;;;;gBAGrCK,WAAWxC,WACTqD,aAAahD,wBAAwBmE,GAAG,GAAGnE,wBAAwBoE,EAAE,EACrEjC;;;IAKV;IACA,MAAM,GAAGkC,MAAM,GAAGtE,iBAAiB0B,UAAUyB,gBAAgBD,KAAKqB,YAAY;IAE9ExE,oBAAoBoB,OAAOmC;IAE3B,qBACE,MAAC3D,MAAMuE,QAAQ;;YACZI;YACAV;;;AAGP,EAAE"}

package/dist/cssm/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/cssm/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"}