@vkontakte/vkui 6.2.1 → 6.3.0

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 { HasAlign, HasRef, HasRootRef } from '../../types';\nimport { FormField, FormFieldProps } from '../FormField/FormField';\nimport { UnstyledTextField } from '../UnstyledTextField/UnstyledTextField';\nimport { useResizeTextarea } from './useResizeTextarea';\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 { sizeY = 'none' } = useAdaptivity();\n\n  const [refResizeTextarea, resize] = useResizeTextarea(onResize, grow);\n  const elementRef = useExternRef(getRef, refResizeTextarea);\n\n  React.useEffect(resize, [resize, sizeY]);\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, resize)}\n        getRootRef={elementRef}\n      />\n    </FormField>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","useExternRef","callMultiple","FormField","UnstyledTextField","useResizeTextarea","styles","sizeYClassNames","none","Textarea","grow","style","onResize","className","getRootRef","getRef","rows","maxHeight","status","onChange","align","mode","restProps","sizeY","refResizeTextarea","resize","elementRef","useEffect","disabled","as"],"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,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,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,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAGvB;IAE3B,MAAM,CAACwB,mBAAmBC,OAAO,GAAGpB,kBAAkBO,UAAUF;IAChE,MAAMgB,aAAazB,aAAac,QAAQS;IAExC1B,MAAM6B,SAAS,CAACF,QAAQ;QAACA;QAAQF;KAAM;IAEvC,qBACE,KAACpB;QACCU,WAAWd,WACTO,MAAM,CAAC,WAAW,EAClBiB,UAAU,aAAahB,eAAe,CAACgB,MAAM,EAC7CH,UAAU,WAAWd,MAAM,CAAC,wBAAwB,EACpDc,UAAU,YAAYd,MAAM,CAAC,yBAAyB,EACtDO;QAEFF,OAAOA;QACPG,YAAYA;QACZc,UAAUN,UAAUM,QAAQ;QAC5BV,QAAQA;QACRG,MAAMA;kBAEN,cAAA,KAACjB;YACE,GAAGkB,SAAS;YACbO,IAAG;YACHlB,OAAO;gBAAEM;YAAU;YACnBD,MAAMA;YACNH,WAAWP,MAAM,CAAC,eAAe;YACjCa,UAAUjB,aAAaiB,UAAUM;YACjCX,YAAYY;;;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 { useResizeTextarea } from './useResizeTextarea';\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    FormFieldProps {\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  after,\n  before,\n  afterAlign,\n  beforeAlign,\n  ...restProps\n}: TextareaProps): React.ReactNode => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  const [refResizeTextarea, resize] = useResizeTextarea(onResize, grow);\n  const elementRef = useExternRef(getRef, refResizeTextarea);\n\n  React.useEffect(resize, [resize, sizeY]);\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      after={after}\n      before={before}\n      afterAlign={afterAlign}\n      beforeAlign={beforeAlign}\n    >\n      <UnstyledTextField\n        {...restProps}\n        as=\"textarea\"\n        style={{ maxHeight }}\n        rows={rows}\n        className={styles['Textarea__el']}\n        onChange={callMultiple(onChange, resize)}\n        getRootRef={elementRef}\n      />\n    </FormField>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","useExternRef","callMultiple","FormField","UnstyledTextField","useResizeTextarea","styles","sizeYClassNames","none","Textarea","grow","style","onResize","className","getRootRef","getRef","rows","maxHeight","status","onChange","align","mode","after","before","afterAlign","beforeAlign","restProps","sizeY","refResizeTextarea","resize","elementRef","useEffect","disabled","as"],"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,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,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,EACJC,KAAK,EACLC,MAAM,EACNC,UAAU,EACVC,WAAW,EACX,GAAGC,WACW;IACd,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAG3B;IAE3B,MAAM,CAAC4B,mBAAmBC,OAAO,GAAGxB,kBAAkBO,UAAUF;IAChE,MAAMoB,aAAa7B,aAAac,QAAQa;IAExC9B,MAAMiC,SAAS,CAACF,QAAQ;QAACA;QAAQF;KAAM;IAEvC,qBACE,KAACxB;QACCU,WAAWd,WACTO,MAAM,CAAC,WAAW,EAClBqB,UAAU,aAAapB,eAAe,CAACoB,MAAM,EAC7CP,UAAU,WAAWd,MAAM,CAAC,wBAAwB,EACpDc,UAAU,YAAYd,MAAM,CAAC,yBAAyB,EACtDO;QAEFF,OAAOA;QACPG,YAAYA;QACZkB,UAAUN,UAAUM,QAAQ;QAC5Bd,QAAQA;QACRG,MAAMA;QACNC,OAAOA;QACPC,QAAQA;QACRC,YAAYA;QACZC,aAAaA;kBAEb,cAAA,KAACrB;YACE,GAAGsB,SAAS;YACbO,IAAG;YACHtB,OAAO;gBAAEM;YAAU;YACnBD,MAAMA;YACNH,WAAWP,MAAM,CAAC,eAAe;YACjCa,UAAUjB,aAAaiB,UAAUU;YACjCf,YAAYgB;;;AAIpB,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"file":"useResizeTextarea.d.ts","sourceRoot":"","sources":["../../../../src/components/Textarea/useResizeTextarea.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,mBAAmB,KAAK,IAAI,CAAC,GAAG,SAAS,EACzD,IAAI,UAAO,+DA8BZ"}
+{"version":3,"file":"useResizeTextarea.d.ts","sourceRoot":"","sources":["../../../../src/components/Textarea/useResizeTextarea.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,mBAAmB,KAAK,IAAI,CAAC,GAAG,SAAS,EACzD,IAAI,UAAO,GACV,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC,CA6B7D"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Textarea/useResizeTextarea.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function useResizeTextarea(\n  onResize: ((el: HTMLTextAreaElement) => void) | undefined,\n  grow = true,\n) {\n  const elementRef = React.useRef<HTMLTextAreaElement>(null);\n  const currentScrollHeight = React.useRef<number>();\n\n  const resizeElement = React.useCallback(\n    (el: HTMLTextAreaElement) => {\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    [grow, onResize],\n  );\n\n  const resize = React.useCallback(() => {\n    const el = elementRef.current;\n    if (!el) {\n      return;\n    }\n\n    resizeElement(el);\n  }, [elementRef, resizeElement]);\n\n  return [elementRef, resize] as const;\n}\n"],"names":["React","useResizeTextarea","onResize","grow","elementRef","useRef","currentScrollHeight","resizeElement","useCallback","el","offsetParent","style","height","scrollHeight","current","resize"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,SAASC,kBACdC,QAAyD,EACzDC,OAAO,IAAI;IAEX,MAAMC,aAAaJ,MAAMK,MAAM,CAAsB;IACrD,MAAMC,sBAAsBN,MAAMK,MAAM;IAExC,MAAME,gBAAgBP,MAAMQ,WAAW,CACrC,CAACC;QACC,IAAIN,QAAQM,GAAGC,YAAY,EAAE;YAC3BD,GAAGE,KAAK,CAACC,MAAM,GAAG;YAClBH,GAAGE,KAAK,CAACC,MAAM,GAAG,CAAC,EAAEH,GAAGI,YAAY,CAAC,EAAE,CAAC;YAExC,IAAIJ,GAAGI,YAAY,KAAKP,oBAAoBQ,OAAO,IAAIZ,UAAU;gBAC/DA,SAASO;gBACTH,oBAAoBQ,OAAO,GAAGL,GAAGI,YAAY;YAC/C;QACF;IACF,GACA;QAACV;QAAMD;KAAS;IAGlB,MAAMa,SAASf,MAAMQ,WAAW,CAAC;QAC/B,MAAMC,KAAKL,WAAWU,OAAO;QAC7B,IAAI,CAACL,IAAI;YACP;QACF;QAEAF,cAAcE;IAChB,GAAG;QAACL;QAAYG;KAAc;IAE9B,OAAO;QAACH;QAAYW;KAAO;AAC7B"}
+{"version":3,"sources":["../../../../src/components/Textarea/useResizeTextarea.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function useResizeTextarea(\n  onResize: ((el: HTMLTextAreaElement) => void) | undefined,\n  grow = true,\n): readonly [React.RefObject<HTMLTextAreaElement>, () => void] {\n  const elementRef = React.useRef<HTMLTextAreaElement>(null);\n  const currentScrollHeight = React.useRef<number>();\n\n  const resizeElement = React.useCallback(\n    (el: HTMLTextAreaElement) => {\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    [grow, onResize],\n  );\n\n  const resize = React.useCallback(() => {\n    const el = elementRef.current;\n    if (!el) {\n      return;\n    }\n\n    resizeElement(el);\n  }, [elementRef, resizeElement]);\n\n  return [elementRef, resize];\n}\n"],"names":["React","useResizeTextarea","onResize","grow","elementRef","useRef","currentScrollHeight","resizeElement","useCallback","el","offsetParent","style","height","scrollHeight","current","resize"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,SAASC,kBACdC,QAAyD,EACzDC,OAAO,IAAI;IAEX,MAAMC,aAAaJ,MAAMK,MAAM,CAAsB;IACrD,MAAMC,sBAAsBN,MAAMK,MAAM;IAExC,MAAME,gBAAgBP,MAAMQ,WAAW,CACrC,CAACC;QACC,IAAIN,QAAQM,GAAGC,YAAY,EAAE;YAC3BD,GAAGE,KAAK,CAACC,MAAM,GAAG;YAClBH,GAAGE,KAAK,CAACC,MAAM,GAAG,CAAC,EAAEH,GAAGI,YAAY,CAAC,EAAE,CAAC;YAExC,IAAIJ,GAAGI,YAAY,KAAKP,oBAAoBQ,OAAO,IAAIZ,UAAU;gBAC/DA,SAASO;gBACTH,oBAAoBQ,OAAO,GAAGL,GAAGI,YAAY;YAC/C;QACF;IACF,GACA;QAACV;QAAMD;KAAS;IAGlB,MAAMa,SAASf,MAAMQ,WAAW,CAAC;QAC/B,MAAMC,KAAKL,WAAWU,OAAO;QAC7B,IAAI,CAACL,IAAI;YACP;QACF;QAEAF,cAAcE;IAChB,GAAG;QAACL;QAAYG;KAAc;IAE9B,OAAO;QAACH;QAAYW;KAAO;AAC7B"}

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

@@ -18,5 +18,5 @@ export interface ToolButtonProps extends TappableProps, AdaptiveIconRendererProp
  *
  * @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;
+export declare const ToolButton: ({ mode, appearance, direction, onClick, className, children, IconCompact, IconRegular, rounded, ...restProps }: ToolButtonProps) => React.ReactNode;
 //# sourceMappingURL=ToolButton.d.ts.map

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

@@ -1 +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;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,mHAWpB,eAAe,4CA0BjB,CAAC"}
+{"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;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,mHAWpB,eAAe,KAAG,KAAK,CAAC,SA0B1B,CAAC"}

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

@@ -1 +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  /**\n   * Задаёт `50%` закругления для контейнера.\n   *\n   * > Note: игнорируется при передаче `children`.\n   */\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 className={styles['ToolButton__text']}>{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","regular","ToolButton","mode","appearance","direction","onClick","className","children","IconCompact","IconRegular","rounded","restProps","sizeY","hasChildren","hoverMode","activeMode","Component","href","focusVisibleMode","span"],"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;IACtCc,SAASd,MAAM,CAAC,4BAA4B;AAC9C;AAcA;;;;;;CAMC,GACD,OAAO,MAAMe,aAAa,CAAC,EACzBC,OAAO,SAAS,EAChBC,aAAa,QAAQ,EACrBC,YAAY,KAAK,EACjBC,UAAUvB,IAAI,EACdwB,SAAS,EACTC,QAAQ,EACRC,WAAW,EACXC,WAAW,EACXC,OAAO,EACP,GAAGC,WACa;IAChB,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAG7B;IAC3B,MAAM8B,cAAchC,aAAa0B;IAEjC,qBACE,MAACtB;QACC6B,WAAW5B,MAAM,CAAC,oBAAoB;QACtC6B,YAAY7B,MAAM,CAAC,qBAAqB;QACxC8B,WAAWL,UAAUM,IAAI,GAAG,MAAM;QAClCC,kBAAiB;QACjBb,SAASA;QACTC,WAAW1B,WACT0B,WACApB,MAAM,CAAC,aAAa,EACpBwB,WAAW,CAACG,eAAe3B,MAAM,CAAC,sBAAsB,EACxDC,UAAU,CAACe,KAAK,EAChBV,gBAAgB,CAACW,WAAW,EAC5BR,eAAe,CAACS,UAAU,EAC1BQ,UAAU,aAAad,eAAe,CAACc,MAAM;QAE9C,GAAGD,SAAS;;0BAEb,KAAC3B;gBAAqBwB,aAAaA;gBAAaC,aAAaA;;YAC5DI,6BAAe,KAACM;gBAAKb,WAAWpB,MAAM,CAAC,mBAAmB;0BAAGqB;;;;AAGpE,EAAE"}
+{"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  /**\n   * Задаёт `50%` закругления для контейнера.\n   *\n   * > Note: игнорируется при передаче `children`.\n   */\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): React.ReactNode => {\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 className={styles['ToolButton__text']}>{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","regular","ToolButton","mode","appearance","direction","onClick","className","children","IconCompact","IconRegular","rounded","restProps","sizeY","hasChildren","hoverMode","activeMode","Component","href","focusVisibleMode","span"],"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;IACtCc,SAASd,MAAM,CAAC,4BAA4B;AAC9C;AAcA;;;;;;CAMC,GACD,OAAO,MAAMe,aAAa,CAAC,EACzBC,OAAO,SAAS,EAChBC,aAAa,QAAQ,EACrBC,YAAY,KAAK,EACjBC,UAAUvB,IAAI,EACdwB,SAAS,EACTC,QAAQ,EACRC,WAAW,EACXC,WAAW,EACXC,OAAO,EACP,GAAGC,WACa;IAChB,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAG7B;IAC3B,MAAM8B,cAAchC,aAAa0B;IAEjC,qBACE,MAACtB;QACC6B,WAAW5B,MAAM,CAAC,oBAAoB;QACtC6B,YAAY7B,MAAM,CAAC,qBAAqB;QACxC8B,WAAWL,UAAUM,IAAI,GAAG,MAAM;QAClCC,kBAAiB;QACjBb,SAASA;QACTC,WAAW1B,WACT0B,WACApB,MAAM,CAAC,aAAa,EACpBwB,WAAW,CAACG,eAAe3B,MAAM,CAAC,sBAAsB,EACxDC,UAAU,CAACe,KAAK,EAChBV,gBAAgB,CAACW,WAAW,EAC5BR,eAAe,CAACS,UAAU,EAC1BQ,UAAU,aAAad,eAAe,CAACc,MAAM;QAE9C,GAAGD,SAAS;;0BAEb,KAAC3B;gBAAqBwB,aAAaA;gBAAaC,aAAaA;;YAC5DI,6BAAe,KAACM;gBAAKb,WAAWpB,MAAM,CAAC,mBAAmB;0BAAGqB;;;;AAGpE,EAAE"}

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

@@ -1,3 +1,4 @@
+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' | 'disableFlipMiddleware'>;
@@ -26,6 +27,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, 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 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) => React.ReactNode;
 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":"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"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,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,KAAG,KAAK,CAAC,SA2FvB,CAAC"}

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 { 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"],"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): React.ReactNode => {\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"],"mappings":"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"}

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) => import("react/jsx-runtime").JSX.Element;
+export declare const TooltipBase: ({ appearance, arrowProps, ArrowIcon, text, header, maxWidth, className, ...restProps }: TooltipBaseProps) => React.ReactNode;
 //# 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,4CA2BlB,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,KAAG,KAAK,CAAC,SA2B3B,CAAC"}

package/dist/cssm/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":["React","classNames","DefaultIcon","FloatingArrow","RootComponent","Subhead","styles","TOOLTIP_MAX_WIDTH","stylesAppearance","accent","white","black","inversion","TooltipBase","appearance","arrowProps","ArrowIcon","text","header","maxWidth","className","restProps","baseClassName","role","iconClassName","Icon","div","style","undefined","weight"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,WAAW,QAAQ,+BAA+B;AAC3D,SAASC,aAAa,QAAiC,iCAAiC;AACxF,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,SAASC,OAAO,QAAQ,gCAAgC;AACxD,OAAOC,YAAY,2BAA2B;AAE9C,OAAO,MAAMC,oBAAoB,IAAI;AAErC,MAAMC,mBAAmB;IACvBC,QAAQH,MAAM,CAAC,iCAAiC;IAChDI,OAAOJ,MAAM,CAAC,gCAAgC;IAC9CK,OAAOL,MAAM,CAAC,gCAAgC;IAC9CM,WAAWN,MAAM,CAAC,oCAAoC;AACxD;AA8CA;;;;;CAKC,GACD,OAAO,MAAMO,cAAc,CAAC,EAC1BC,aAAa,QAAQ,EACrBC,UAAU,EACVC,YAAYd,WAAW,EACvBe,IAAI,EACJC,MAAM,EACNC,WAAWZ,iBAAiB,EAC5Ba,SAAS,EACT,GAAGC,WACc;IACjB,qBACE,MAACjB;QACE,GAAGiB,SAAS;QACbC,eAAerB,WACbK,MAAM,CAAC,cAAc,EACrBQ,eAAe,aAAaN,gBAAgB,CAACM,WAAW,EACxDM;QAEFG,MAAK;;YAEJR,4BACC,KAACZ;gBACE,GAAGY,UAAU;gBACdS,eAAevB,WAAWK,MAAM,CAAC,qBAAqB,EAAES,WAAWS,aAAa;gBAChFC,MAAMT;;0BAGV,MAACU;gBACCN,WAAWd,MAAM,CAAC,uBAAuB;gBACzCqB,OAAOR,aAAa,OAAO;oBAAEA;gBAAS,IAAIS;;oBAEzCV,wBAAU,KAACb;wBAAQwB,QAAO;kCAAKX;;oBAC/BD,sBAAQ,KAACZ;kCAASY;;;;;;AAI3B,EAAE"}
+{"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): React.ReactNode => {\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":["React","classNames","DefaultIcon","FloatingArrow","RootComponent","Subhead","styles","TOOLTIP_MAX_WIDTH","stylesAppearance","accent","white","black","inversion","TooltipBase","appearance","arrowProps","ArrowIcon","text","header","maxWidth","className","restProps","baseClassName","role","iconClassName","Icon","div","style","undefined","weight"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,WAAW,QAAQ,+BAA+B;AAC3D,SAASC,aAAa,QAAiC,iCAAiC;AACxF,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,SAASC,OAAO,QAAQ,gCAAgC;AACxD,OAAOC,YAAY,2BAA2B;AAE9C,OAAO,MAAMC,oBAAoB,IAAI;AAErC,MAAMC,mBAAmB;IACvBC,QAAQH,MAAM,CAAC,iCAAiC;IAChDI,OAAOJ,MAAM,CAAC,gCAAgC;IAC9CK,OAAOL,MAAM,CAAC,gCAAgC;IAC9CM,WAAWN,MAAM,CAAC,oCAAoC;AACxD;AA8CA;;;;;CAKC,GACD,OAAO,MAAMO,cAAc,CAAC,EAC1BC,aAAa,QAAQ,EACrBC,UAAU,EACVC,YAAYd,WAAW,EACvBe,IAAI,EACJC,MAAM,EACNC,WAAWZ,iBAAiB,EAC5Ba,SAAS,EACT,GAAGC,WACc;IACjB,qBACE,MAACjB;QACE,GAAGiB,SAAS;QACbC,eAAerB,WACbK,MAAM,CAAC,cAAc,EACrBQ,eAAe,aAAaN,gBAAgB,CAACM,WAAW,EACxDM;QAEFG,MAAK;;YAEJR,4BACC,KAACZ;gBACE,GAAGY,UAAU;gBACdS,eAAevB,WAAWK,MAAM,CAAC,qBAAqB,EAAES,WAAWS,aAAa;gBAChFC,MAAMT;;0BAGV,MAACU;gBACCN,WAAWd,MAAM,CAAC,uBAAuB;gBACzCqB,OAAOR,aAAa,OAAO;oBAAEA;gBAAS,IAAIS;;oBAEzCV,wBAAU,KAACb;wBAAQwB,QAAO;kCAAKX;;oBAC/BD,sBAAQ,KAACZ;kCAASY;;;;;;AAI3B,EAAE"}

package/dist/cssm/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) => import("react/jsx-runtime").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) => React.ReactNode;
 export {};
 //# sourceMappingURL=Touch.d.ts.map

package/dist/cssm/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,4CAyLZ,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,KAAG,KAAK,CAAC,SAyLrB,CAAC"}

package/dist/cssm/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":["React","useEventListener","useExternRef","useDOM","coordX","coordY","getSupportedEvents","touchEnabled","useIsomorphicLayoutEffect","Touch","onStart","onStartX","onStartY","onMove","_onMove","onMoveX","onMoveY","onLeave","onEnter","onEnd","_onEnd","onEndX","onEndY","onClickCapture","usePointerHover","slideThreshold","useCapture","Component","getRootRef","noSlideClick","stopPropagation","restProps","document","events","useMemo","didSlide","useRef","gesture","handle","e","handlers","forEach","cb","duration","Date","now","current","startT","getTime","originalEvent","enterHandler","leaveHandler","startHandler","initGesture","subscribe","target","capture","passive","containerRef","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): React.ReactNode => {\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":["React","useEventListener","useExternRef","useDOM","coordX","coordY","getSupportedEvents","touchEnabled","useIsomorphicLayoutEffect","Touch","onStart","onStartX","onStartY","onMove","_onMove","onMoveX","onMoveY","onLeave","onEnter","onEnd","_onEnd","onEndX","onEndY","onClickCapture","usePointerHover","slideThreshold","useCapture","Component","getRootRef","noSlideClick","stopPropagation","restProps","document","events","useMemo","didSlide","useRef","gesture","handle","e","handlers","forEach","cb","duration","Date","now","current","startT","getTime","originalEvent","enterHandler","leaveHandler","startHandler","initGesture","subscribe","target","capture","passive","containerRef","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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"}

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

@@ -7,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, inline, ...restProps }: CaptionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Caption: ({ className, level, caps, Component, normalize, inline, ...restProps }: CaptionProps) => React.ReactNode;
 //# sourceMappingURL=Caption.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Caption.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AASrE,MAAM,WAAW,YAAa,SAAQ,eAAe,EAAE,OAAO;IAC5D,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CACzB;AAED;;;;GAIG;AACH,eAAO,MAAM,OAAO,2EAQjB,YAAY,4CAUd,CAAC"}
+{"version":3,"file":"Caption.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AASrE,MAAM,WAAW,YAAa,SAAQ,eAAe,EAAE,OAAO;IAC5D,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CACzB;AAED;;;;GAIG;AACH,eAAO,MAAM,OAAO,2EAQjB,YAAY,KAAG,KAAK,CAAC,SAUvB,CAAC"}

package/dist/cssm/components/Typography/Caption/Caption.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { HasCaps, Typography, TypographyProps } from '../Typography';\nimport styles from './Caption.module.css';\n\nconst stylesLevel = {\n  '1': styles['Caption--level-1'],\n  '2': styles['Caption--level-2'],\n  '3': styles['Caption--level-3'],\n};\n\nexport interface CaptionProps extends TypographyProps, HasCaps {\n  level?: '1' | '2' | '3';\n}\n\n/**\n * Используется для мелких подписей.\n *\n * @see https://vkcom.github.io/VKUI/#/Caption\n */\nexport const Caption = ({\n  className,\n  level = '1',\n  caps,\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: CaptionProps) => {\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      className={classNames(className, caps && styles['Caption--caps'], stylesLevel[level])}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","Typography","styles","stylesLevel","Caption","className","level","caps","Component","normalize","inline","restProps"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAAkBC,UAAU,QAAyB,gBAAgB;AACrE,OAAOC,YAAY,uBAAuB;AAE1C,MAAMC,cAAc;IAClB,KAAKD,MAAM,CAAC,mBAAmB;IAC/B,KAAKA,MAAM,CAAC,mBAAmB;IAC/B,KAAKA,MAAM,CAAC,mBAAmB;AACjC;AAMA;;;;CAIC,GACD,OAAO,MAAME,UAAU,CAAC,EACtBC,SAAS,EACTC,QAAQ,GAAG,EACXC,IAAI,EACJC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EACd,GAAGC,WACU;IACb,qBACE,KAACV;QACCO,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRL,WAAWL,WAAWK,WAAWE,QAAQL,MAAM,CAAC,gBAAgB,EAAEC,WAAW,CAACG,MAAM;QACnF,GAAGK,SAAS;;AAGnB,EAAE"}
+{"version":3,"sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { HasCaps, Typography, TypographyProps } from '../Typography';\nimport styles from './Caption.module.css';\n\nconst stylesLevel = {\n  '1': styles['Caption--level-1'],\n  '2': styles['Caption--level-2'],\n  '3': styles['Caption--level-3'],\n};\n\nexport interface CaptionProps extends TypographyProps, HasCaps {\n  level?: '1' | '2' | '3';\n}\n\n/**\n * Используется для мелких подписей.\n *\n * @see https://vkcom.github.io/VKUI/#/Caption\n */\nexport const Caption = ({\n  className,\n  level = '1',\n  caps,\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: CaptionProps): React.ReactNode => {\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      className={classNames(className, caps && styles['Caption--caps'], stylesLevel[level])}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","Typography","styles","stylesLevel","Caption","className","level","caps","Component","normalize","inline","restProps"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAAkBC,UAAU,QAAyB,gBAAgB;AACrE,OAAOC,YAAY,uBAAuB;AAE1C,MAAMC,cAAc;IAClB,KAAKD,MAAM,CAAC,mBAAmB;IAC/B,KAAKA,MAAM,CAAC,mBAAmB;IAC/B,KAAKA,MAAM,CAAC,mBAAmB;AACjC;AAMA;;;;CAIC,GACD,OAAO,MAAME,UAAU,CAAC,EACtBC,SAAS,EACTC,QAAQ,GAAG,EACXC,IAAI,EACJC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EACd,GAAGC,WACU;IACb,qBACE,KAACV;QACCO,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRL,WAAWL,WAAWK,WAAWE,QAAQL,MAAM,CAAC,gBAAgB,EAAEC,WAAW,CAACG,MAAM;QACnF,GAAGK,SAAS;;AAGnB,EAAE"}

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

@@ -7,5 +7,5 @@ export interface DisplayTitleProps extends TypographyProps {
  *
  * @see https://vkcom.github.io/VKUI/#/DisplayTitle
  */
-export declare const DisplayTitle: ({ className, level, Component, normalize, inline, ...restProps }: DisplayTitleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DisplayTitle: ({ className, level, Component, normalize, inline, ...restProps }: DisplayTitleProps) => React.ReactNode;
 //# sourceMappingURL=DisplayTitle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DisplayTitle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/DisplayTitle/DisplayTitle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAU5D,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CAC/B;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,qEAOtB,iBAAiB,4CAUnB,CAAC"}
+{"version":3,"file":"DisplayTitle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/DisplayTitle/DisplayTitle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAU5D,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CAC/B;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,qEAOtB,iBAAiB,KAAG,KAAK,CAAC,SAU5B,CAAC"}

package/dist/cssm/components/Typography/DisplayTitle/DisplayTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/DisplayTitle/DisplayTitle.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './DisplayTitle.module.css';\n\nconst stylesLevel = {\n  '1': styles['DisplayTitle--level-1'],\n  '2': styles['DisplayTitle--level-2'],\n  '3': styles['DisplayTitle--level-3'],\n  '4': styles['DisplayTitle--level-4'],\n};\n\nexport interface DisplayTitleProps extends TypographyProps {\n  level?: '1' | '2' | '3' | '4';\n}\n\n/**\n * Используется для крупных заголовков.\n *\n * @see https://vkcom.github.io/VKUI/#/DisplayTitle\n */\nexport const DisplayTitle = ({\n  className,\n  level = '1',\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: DisplayTitleProps) => {\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      className={classNames(className, stylesLevel[level])}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","Typography","styles","stylesLevel","DisplayTitle","className","level","Component","normalize","inline","restProps"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,4BAA4B;AAE/C,MAAMC,cAAc;IAClB,KAAKD,MAAM,CAAC,wBAAwB;IACpC,KAAKA,MAAM,CAAC,wBAAwB;IACpC,KAAKA,MAAM,CAAC,wBAAwB;IACpC,KAAKA,MAAM,CAAC,wBAAwB;AACtC;AAMA;;;;CAIC,GACD,OAAO,MAAME,eAAe,CAAC,EAC3BC,SAAS,EACTC,QAAQ,GAAG,EACXC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EACd,GAAGC,WACe;IAClB,qBACE,KAACT;QACCM,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,WAAWL,WAAWK,WAAWF,WAAW,CAACG,MAAM;QAClD,GAAGI,SAAS;;AAGnB,EAAE"}
+{"version":3,"sources":["../../../../../src/components/Typography/DisplayTitle/DisplayTitle.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './DisplayTitle.module.css';\n\nconst stylesLevel = {\n  '1': styles['DisplayTitle--level-1'],\n  '2': styles['DisplayTitle--level-2'],\n  '3': styles['DisplayTitle--level-3'],\n  '4': styles['DisplayTitle--level-4'],\n};\n\nexport interface DisplayTitleProps extends TypographyProps {\n  level?: '1' | '2' | '3' | '4';\n}\n\n/**\n * Используется для крупных заголовков.\n *\n * @see https://vkcom.github.io/VKUI/#/DisplayTitle\n */\nexport const DisplayTitle = ({\n  className,\n  level = '1',\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: DisplayTitleProps): React.ReactNode => {\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      className={classNames(className, stylesLevel[level])}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","Typography","styles","stylesLevel","DisplayTitle","className","level","Component","normalize","inline","restProps"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,4BAA4B;AAE/C,MAAMC,cAAc;IAClB,KAAKD,MAAM,CAAC,wBAAwB;IACpC,KAAKA,MAAM,CAAC,wBAAwB;IACpC,KAAKA,MAAM,CAAC,wBAAwB;IACpC,KAAKA,MAAM,CAAC,wBAAwB;AACtC;AAMA;;;;CAIC,GACD,OAAO,MAAME,eAAe,CAAC,EAC3BC,SAAS,EACTC,QAAQ,GAAG,EACXC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EACd,GAAGC,WACe;IAClB,qBACE,KAACT;QACCM,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,WAAWL,WAAWK,WAAWF,WAAW,CAACG,MAAM;QAClD,GAAGI,SAAS;;AAGnB,EAAE"}

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

@@ -8,12 +8,19 @@ export interface EllipsisTextProps extends RootComponentProps<HTMLElement>, HasR
      * другими словами, когда ширина не ограничена.
      */
     maxWidth?: number;
+    /**
+     * Максимальное количество видимых строк
+     *
+     * > При `maxLines > 1` используется свойство line-clamp, которое поддерживается не всеми версиями браузеров. Используйте с осторожностью
+     * > @see [line-clamp](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp)
+     */
+    maxLines?: number;
 }
 /** Компонент ограничивает текстовый контент убирая его в многоточие.
  *
  * @since 6.1.0
  * @see https://vkcom.github.io/VKUI/#/EllipsisText
  */
-declare const EllipsisText: ({ className, getRootRef, children, maxWidth, ...restProps }: EllipsisTextProps) => import("react/jsx-runtime").JSX.Element;
+declare const EllipsisText: ({ className, getRootRef, children, maxWidth, maxLines, ...restProps }: EllipsisTextProps) => React.ReactNode;
 export { EllipsisText };
 //# sourceMappingURL=EllipsisText.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EllipsisText.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/EllipsisText/EllipsisText.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAGvE,MAAM,WAAW,iBACf,SAAQ,kBAAkB,CAAC,WAAW,CAAC,EACrC,UAAU,CAAC,WAAW,CAAC;IACzB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;GAIG;AACH,QAAA,MAAM,YAAY,gEAMf,iBAAiB,4CAMnB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"EllipsisText.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/EllipsisText/EllipsisText.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAGvE,MAAM,WAAW,iBACf,SAAQ,kBAAkB,CAAC,WAAW,CAAC,EACrC,UAAU,CAAC,WAAW,CAAC;IACzB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;GAIG;AACH,QAAA,MAAM,YAAY,0EAOf,iBAAiB,KAAG,KAAK,CAAC,SAuB5B,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/cssm/components/Typography/EllipsisText/EllipsisText.js

@@ -1,11 +1,23 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from 'react';
 import { classNames } from '@vkontakte/vkjs';
+import { useIsomorphicLayoutEffect } from '../../../lib/useIsomorphicLayoutEffect';
 import styles from './EllipsisText.module.css';
 /** Компонент ограничивает текстовый контент убирая его в многоточие.
  *
  * @since 6.1.0
  * @see https://vkcom.github.io/VKUI/#/EllipsisText
- */ const EllipsisText = ({ className, getRootRef, children, maxWidth, ...restProps })=>/*#__PURE__*/ _jsx("span", {
+ */ const EllipsisText = ({ className, getRootRef, children, maxWidth, maxLines = 1, ...restProps })=>{
+    const contentRef = useRef(null);
+    useIsomorphicLayoutEffect(()=>{
+        if (contentRef && contentRef.current) {
+            contentRef.current.style.setProperty('-webkit-line-clamp', maxLines > 1 ? `${maxLines}` : '');
+        }
+    }, [
+        contentRef,
+        maxLines
+    ]);
+    return /*#__PURE__*/ _jsx("span", {
         ref: getRootRef,
         className: classNames(styles['EllipsisText'], className),
         ...restProps,
@@ -13,10 +25,12 @@ import styles from './EllipsisText.module.css';
             style: {
                 maxWidth
             },
-            className: styles['EllipsisText__content'],
+            ref: contentRef,
+            className: classNames(styles['EllipsisText__content'], maxLines > 1 && styles['EllipsisText__content--multiline']),
             children: children
         })
     });
+};
 export { EllipsisText };
 
 //# sourceMappingURL=EllipsisText.js.map

package/dist/cssm/components/Typography/EllipsisText/EllipsisText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/EllipsisText/EllipsisText.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { HasRootRef } from '../../../types';\nimport { RootComponentProps } from '../../RootComponent/RootComponent';\nimport styles from './EllipsisText.module.css';\n\nexport interface EllipsisTextProps\n  extends RootComponentProps<HTMLElement>,\n    HasRootRef<HTMLElement> {\n  /**\n   * Пользовательская маскимальная ширина.\n   *\n   * Используйте в случаях, когда у контейнера ширина зависит от размера контента,\n   * другими словами, когда ширина не ограничена.\n   */\n  maxWidth?: number;\n}\n\n/** Компонент ограничивает текстовый контент убирая его в многоточие.\n *\n * @since 6.1.0\n * @see https://vkcom.github.io/VKUI/#/EllipsisText\n */\nconst EllipsisText = ({\n  className,\n  getRootRef,\n  children,\n  maxWidth,\n  ...restProps\n}: EllipsisTextProps) => (\n  <span ref={getRootRef} className={classNames(styles['EllipsisText'], className)} {...restProps}>\n    <span style={{ maxWidth }} className={styles['EllipsisText__content']}>\n      {children}\n    </span>\n  </span>\n);\n\nexport { EllipsisText };\n"],"names":["classNames","styles","EllipsisText","className","getRootRef","children","maxWidth","restProps","span","ref","style"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAG7C,OAAOC,YAAY,4BAA4B;AAc/C;;;;CAIC,GACD,MAAMC,eAAe,CAAC,EACpBC,SAAS,EACTC,UAAU,EACVC,QAAQ,EACRC,QAAQ,EACR,GAAGC,WACe,iBAClB,KAACC;QAAKC,KAAKL;QAAYD,WAAWH,WAAWC,MAAM,CAAC,eAAe,EAAEE;QAAa,GAAGI,SAAS;kBAC5F,cAAA,KAACC;YAAKE,OAAO;gBAAEJ;YAAS;YAAGH,WAAWF,MAAM,CAAC,wBAAwB;sBAClEI;;;AAKP,SAASH,YAAY,GAAG"}
+{"version":3,"sources":["../../../../../src/components/Typography/EllipsisText/EllipsisText.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useIsomorphicLayoutEffect } from '../../../lib/useIsomorphicLayoutEffect';\nimport { HasRootRef } from '../../../types';\nimport { RootComponentProps } from '../../RootComponent/RootComponent';\nimport styles from './EllipsisText.module.css';\n\nexport interface EllipsisTextProps\n  extends RootComponentProps<HTMLElement>,\n    HasRootRef<HTMLElement> {\n  /**\n   * Пользовательская маскимальная ширина.\n   *\n   * Используйте в случаях, когда у контейнера ширина зависит от размера контента,\n   * другими словами, когда ширина не ограничена.\n   */\n  maxWidth?: number;\n  /**\n   * Максимальное количество видимых строк\n   *\n   * > При `maxLines > 1` используется свойство line-clamp, которое поддерживается не всеми версиями браузеров. Используйте с осторожностью\n   * > @see [line-clamp](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp)\n   */\n  maxLines?: number;\n}\n\n/** Компонент ограничивает текстовый контент убирая его в многоточие.\n *\n * @since 6.1.0\n * @see https://vkcom.github.io/VKUI/#/EllipsisText\n */\nconst EllipsisText = ({\n  className,\n  getRootRef,\n  children,\n  maxWidth,\n  maxLines = 1,\n  ...restProps\n}: EllipsisTextProps): React.ReactNode => {\n  const contentRef = useRef<HTMLSpanElement | null>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    if (contentRef && contentRef.current) {\n      contentRef.current.style.setProperty('-webkit-line-clamp', maxLines > 1 ? `${maxLines}` : '');\n    }\n  }, [contentRef, maxLines]);\n\n  return (\n    <span ref={getRootRef} className={classNames(styles['EllipsisText'], className)} {...restProps}>\n      <span\n        style={{ maxWidth }}\n        ref={contentRef}\n        className={classNames(\n          styles['EllipsisText__content'],\n          maxLines > 1 && styles['EllipsisText__content--multiline'],\n        )}\n      >\n        {children}\n      </span>\n    </span>\n  );\n};\n\nexport { EllipsisText };\n"],"names":["useRef","classNames","useIsomorphicLayoutEffect","styles","EllipsisText","className","getRootRef","children","maxWidth","maxLines","restProps","contentRef","current","style","setProperty","span","ref"],"mappings":";AAAA,SAASA,MAAM,QAAQ,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,yBAAyB,QAAQ,yCAAyC;AAGnF,OAAOC,YAAY,4BAA4B;AAqB/C;;;;CAIC,GACD,MAAMC,eAAe,CAAC,EACpBC,SAAS,EACTC,UAAU,EACVC,QAAQ,EACRC,QAAQ,EACRC,WAAW,CAAC,EACZ,GAAGC,WACe;IAClB,MAAMC,aAAaX,OAA+B;IAElDE,0BAA0B;QACxB,IAAIS,cAAcA,WAAWC,OAAO,EAAE;YACpCD,WAAWC,OAAO,CAACC,KAAK,CAACC,WAAW,CAAC,sBAAsBL,WAAW,IAAI,CAAC,EAAEA,SAAS,CAAC,GAAG;QAC5F;IACF,GAAG;QAACE;QAAYF;KAAS;IAEzB,qBACE,KAACM;QAAKC,KAAKV;QAAYD,WAAWJ,WAAWE,MAAM,CAAC,eAAe,EAAEE;QAAa,GAAGK,SAAS;kBAC5F,cAAA,KAACK;YACCF,OAAO;gBAAEL;YAAS;YAClBQ,KAAKL;YACLN,WAAWJ,WACTE,MAAM,CAAC,wBAAwB,EAC/BM,WAAW,KAAKN,MAAM,CAAC,mCAAmC;sBAG3DI;;;AAIT;AAEA,SAASH,YAAY,GAAG"}

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

@@ -12,3 +12,10 @@
   flex: 0 0 auto;
   max-inline-size: inherit;
 }
+
+.EllipsisText__content--multiline {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -ms-box-orient: vertical;
+  white-space: normal;
+}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Footnote.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Footnote/Footnote.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrE,MAAM,WAAW,aAAc,SAAQ,eAAe,EAAE,OAAO;CAAG;AAElE;;;;GAIG;AACH,eAAO,MAAM,QAAQ,oEAOlB,aAAa,4CAQf,CAAC"}
+{"version":3,"file":"Footnote.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Footnote/Footnote.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrE,MAAM,WAAW,aAAc,SAAQ,eAAe,EAAE,OAAO;CAAG;AAElE;;;;GAIG;AACH,eAAO,MAAM,QAAQ,oEAOlB,aAAa,KAAG,KAAK,CAAC,SAQxB,CAAC"}

package/dist/cssm/components/Typography/Footnote/Footnote.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Footnote/Footnote.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { HasCaps, Typography, TypographyProps } from '../Typography';\nimport styles from './Footnote.module.css';\n\nexport interface FootnoteProps extends TypographyProps, HasCaps {}\n\n/**\n * Используется для основных подписей.\n *\n * @see https://vkcom.github.io/VKUI/#/Footnote\n */\nexport const Footnote = ({\n  className,\n  caps,\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: FootnoteProps) => (\n  <Typography\n    Component={Component}\n    normalize={normalize}\n    inline={inline}\n    className={classNames(className, styles['Footnote'], caps && styles['Footnote--caps'])}\n    {...restProps}\n  />\n);\n"],"names":["classNames","Typography","styles","Footnote","className","caps","Component","normalize","inline","restProps"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAAkBC,UAAU,QAAyB,gBAAgB;AACrE,OAAOC,YAAY,wBAAwB;AAI3C;;;;CAIC,GACD,OAAO,MAAMC,WAAW,CAAC,EACvBC,SAAS,EACTC,IAAI,EACJC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EACd,GAAGC,WACW,iBACd,KAACR;QACCK,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,WAAWJ,WAAWI,WAAWF,MAAM,CAAC,WAAW,EAAEG,QAAQH,MAAM,CAAC,iBAAiB;QACpF,GAAGO,SAAS;OAEf"}
+{"version":3,"sources":["../../../../../src/components/Typography/Footnote/Footnote.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { HasCaps, Typography, TypographyProps } from '../Typography';\nimport styles from './Footnote.module.css';\n\nexport interface FootnoteProps extends TypographyProps, HasCaps {}\n\n/**\n * Используется для основных подписей.\n *\n * @see https://vkcom.github.io/VKUI/#/Footnote\n */\nexport const Footnote = ({\n  className,\n  caps,\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: FootnoteProps): React.ReactNode => (\n  <Typography\n    Component={Component}\n    normalize={normalize}\n    inline={inline}\n    className={classNames(className, styles['Footnote'], caps && styles['Footnote--caps'])}\n    {...restProps}\n  />\n);\n"],"names":["classNames","Typography","styles","Footnote","className","caps","Component","normalize","inline","restProps"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAAkBC,UAAU,QAAyB,gBAAgB;AACrE,OAAOC,YAAY,wBAAwB;AAI3C;;;;CAIC,GACD,OAAO,MAAMC,WAAW,CAAC,EACvBC,SAAS,EACTC,IAAI,EACJC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EACd,GAAGC,WACW,iBACd,KAACR;QACCK,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,WAAWJ,WAAWI,WAAWF,MAAM,CAAC,WAAW,EAAEG,QAAQH,MAAM,CAAC,iBAAiB;QACpF,GAAGO,SAAS;OAEf"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Headline.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAa5D,MAAM,WAAW,aAAc,SAAQ,eAAe;IACpD,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACnB;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,6EAQlB,aAAa,4CAiBf,CAAC"}
+{"version":3,"file":"Headline.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAa5D,MAAM,WAAW,aAAc,SAAQ,eAAe;IACpD,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACnB;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,6EAQlB,aAAa,KAAG,KAAK,CAAC,SAiBxB,CAAC"}

package/dist/cssm/components/Typography/Headline/Headline.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Headline.module.css';\n\nconst stylesLevel = {\n  '1': styles['Headline--level-1'],\n  '2': styles['Headline--level-2'],\n};\n\nconst sizeYClassNames = {\n  none: styles['Headline--sizeY-none'],\n  ['compact']: styles['Headline--sizeY-compact'],\n};\n\nexport interface HeadlineProps extends TypographyProps {\n  level?: '1' | '2';\n}\n\n/**\n * Используется для подзаголовков.\n *\n * @see https://vkcom.github.io/VKUI/#/Headline\n */\nexport const Headline = ({\n  className,\n  weight = '3',\n  level = '1',\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: HeadlineProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      weight={weight}\n      className={classNames(\n        className,\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        stylesLevel[level],\n      )}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","useAdaptivity","Typography","styles","stylesLevel","sizeYClassNames","none","Headline","className","weight","level","Component","normalize","inline","restProps","sizeY"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,wBAAwB;AAE3C,MAAMC,cAAc;IAClB,KAAKD,MAAM,CAAC,oBAAoB;IAChC,KAAKA,MAAM,CAAC,oBAAoB;AAClC;AAEA,MAAME,kBAAkB;IACtBC,MAAMH,MAAM,CAAC,uBAAuB;IACpC,CAAC,UAAU,EAAEA,MAAM,CAAC,0BAA0B;AAChD;AAMA;;;;CAIC,GACD,OAAO,MAAMI,WAAW,CAAC,EACvBC,SAAS,EACTC,SAAS,GAAG,EACZC,QAAQ,GAAG,EACXC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EACd,GAAGC,WACW;IACd,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAGd;IAE3B,qBACE,KAACC;QACCS,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,QAAQA;QACRD,WAAWR,WACTQ,WACAO,UAAU,aAAaV,eAAe,CAACU,MAAM,EAC7CX,WAAW,CAACM,MAAM;QAEnB,GAAGI,SAAS;;AAGnB,EAAE"}
+{"version":3,"sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Headline.module.css';\n\nconst stylesLevel = {\n  '1': styles['Headline--level-1'],\n  '2': styles['Headline--level-2'],\n};\n\nconst sizeYClassNames = {\n  none: styles['Headline--sizeY-none'],\n  ['compact']: styles['Headline--sizeY-compact'],\n};\n\nexport interface HeadlineProps extends TypographyProps {\n  level?: '1' | '2';\n}\n\n/**\n * Используется для подзаголовков.\n *\n * @see https://vkcom.github.io/VKUI/#/Headline\n */\nexport const Headline = ({\n  className,\n  weight = '3',\n  level = '1',\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: HeadlineProps): React.ReactNode => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      weight={weight}\n      className={classNames(\n        className,\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        stylesLevel[level],\n      )}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","useAdaptivity","Typography","styles","stylesLevel","sizeYClassNames","none","Headline","className","weight","level","Component","normalize","inline","restProps","sizeY"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,wBAAwB;AAE3C,MAAMC,cAAc;IAClB,KAAKD,MAAM,CAAC,oBAAoB;IAChC,KAAKA,MAAM,CAAC,oBAAoB;AAClC;AAEA,MAAME,kBAAkB;IACtBC,MAAMH,MAAM,CAAC,uBAAuB;IACpC,CAAC,UAAU,EAAEA,MAAM,CAAC,0BAA0B;AAChD;AAMA;;;;CAIC,GACD,OAAO,MAAMI,WAAW,CAAC,EACvBC,SAAS,EACTC,SAAS,GAAG,EACZC,QAAQ,GAAG,EACXC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EACd,GAAGC,WACW;IACd,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAGd;IAE3B,qBACE,KAACC;QACCS,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,QAAQA;QACRD,WAAWR,WACTQ,WACAO,UAAU,aAAaV,eAAe,CAACU,MAAM,EAC7CX,WAAW,CAACM,MAAM;QAEnB,GAAGI,SAAS;;AAGnB,EAAE"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAG5D,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC;AAE7C;;;;GAIG;AACH,eAAO,MAAM,SAAS,8DAMnB,cAAc,4CAUhB,CAAC"}
+{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAG5D,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC;AAE7C;;;;GAIG;AACH,eAAO,MAAM,SAAS,8DAMnB,cAAc,KAAG,KAAK,CAAC,SAUzB,CAAC"}

package/dist/cssm/components/Typography/Paragraph/Paragraph.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Paragraph.module.css';\n\nexport type ParagraphProps = TypographyProps;\n\n/**\n * Используется для основного текста.\n *\n * @see https://vkcom.github.io/VKUI/#/Paragraph\n */\nexport const Paragraph = ({\n  className,\n  Component = 'span',\n  normalize = false,\n  inline = false,\n  ...restProps\n}: ParagraphProps) => {\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      className={classNames(className, styles['Paragraph'])}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","Typography","styles","Paragraph","className","Component","normalize","inline","restProps"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,yBAAyB;AAI5C;;;;CAIC,GACD,OAAO,MAAMC,YAAY,CAAC,EACxBC,SAAS,EACTC,YAAY,MAAM,EAClBC,YAAY,KAAK,EACjBC,SAAS,KAAK,EACd,GAAGC,WACY;IACf,qBACE,KAACP;QACCI,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRH,WAAWJ,WAAWI,WAAWF,MAAM,CAAC,YAAY;QACnD,GAAGM,SAAS;;AAGnB,EAAE"}
+{"version":3,"sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Paragraph.module.css';\n\nexport type ParagraphProps = TypographyProps;\n\n/**\n * Используется для основного текста.\n *\n * @see https://vkcom.github.io/VKUI/#/Paragraph\n */\nexport const Paragraph = ({\n  className,\n  Component = 'span',\n  normalize = false,\n  inline = false,\n  ...restProps\n}: ParagraphProps): React.ReactNode => {\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      className={classNames(className, styles['Paragraph'])}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","Typography","styles","Paragraph","className","Component","normalize","inline","restProps"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,yBAAyB;AAI5C;;;;CAIC,GACD,OAAO,MAAMC,YAAY,CAAC,EACxBC,SAAS,EACTC,YAAY,MAAM,EAClBC,YAAY,KAAK,EACjBC,SAAS,KAAK,EACd,GAAGC,WACY;IACf,qBACE,KAACP;QACCI,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRH,WAAWJ,WAAWI,WAAWF,MAAM,CAAC,YAAY;QACnD,GAAGM,SAAS;;AAGnB,EAAE"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Subhead.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAQ5D,MAAM,MAAM,YAAY,GAAG,eAAe,CAAC;AAE3C;;;;GAIG;AACH,eAAO,MAAM,OAAO,8DAMjB,YAAY,4CAgBd,CAAC"}
+{"version":3,"file":"Subhead.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAQ5D,MAAM,MAAM,YAAY,GAAG,eAAe,CAAC;AAE3C;;;;GAIG;AACH,eAAO,MAAM,OAAO,8DAMjB,YAAY,KAAG,KAAK,CAAC,SAgBvB,CAAC"}

package/dist/cssm/components/Typography/Subhead/Subhead.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Subhead.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Subhead--sizeY-none'],\n  ['compact']: styles['Subhead--sizeY-compact'],\n};\n\nexport type SubheadProps = TypographyProps;\n\n/**\n * Используется для подзаголовков 2 уровня.\n *\n * @see https://vkcom.github.io/VKUI/#/Subhead\n */\nexport const Subhead = ({\n  className,\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: SubheadProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      className={classNames(\n        className,\n        styles['Subhead'],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n      )}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","useAdaptivity","Typography","styles","sizeYClassNames","none","Subhead","className","Component","normalize","inline","restProps","sizeY"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,uBAAuB;AAE1C,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,sBAAsB;IACnC,CAAC,UAAU,EAAEA,MAAM,CAAC,yBAAyB;AAC/C;AAIA;;;;CAIC,GACD,OAAO,MAAMG,UAAU,CAAC,EACtBC,SAAS,EACTC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EACd,GAAGC,WACU;IACb,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAGX;IAE3B,qBACE,KAACC;QACCM,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRH,WAAWP,WACTO,WACAJ,MAAM,CAAC,UAAU,EACjBS,UAAU,aAAaR,eAAe,CAACQ,MAAM;QAE9C,GAAGD,SAAS;;AAGnB,EAAE"}
+{"version":3,"sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Subhead.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Subhead--sizeY-none'],\n  ['compact']: styles['Subhead--sizeY-compact'],\n};\n\nexport type SubheadProps = TypographyProps;\n\n/**\n * Используется для подзаголовков 2 уровня.\n *\n * @see https://vkcom.github.io/VKUI/#/Subhead\n */\nexport const Subhead = ({\n  className,\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: SubheadProps): React.ReactNode => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      className={classNames(\n        className,\n        styles['Subhead'],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n      )}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","useAdaptivity","Typography","styles","sizeYClassNames","none","Subhead","className","Component","normalize","inline","restProps","sizeY"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,uBAAuB;AAE1C,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,sBAAsB;IACnC,CAAC,UAAU,EAAEA,MAAM,CAAC,yBAAyB;AAC/C;AAIA;;;;CAIC,GACD,OAAO,MAAMG,UAAU,CAAC,EACtBC,SAAS,EACTC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EACd,GAAGC,WACU;IACb,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAGX;IAE3B,qBACE,KAACC;QACCM,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRH,WAAWP,WACTO,WACAJ,MAAM,CAAC,UAAU,EACjBS,UAAU,aAAaR,eAAe,CAACQ,MAAM;QAE9C,GAAGD,SAAS;;AAGnB,EAAE"}