@vkontakte/vkui 6.1.2 → 6.2.1

package/dist/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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../src/components/Touch/Touch.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useDOM } from '../../lib/dom';\nimport { coordX, coordY, getSupportedEvents, touchEnabled, VKUITouchEvent } from '../../lib/touch';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { HasComponent, HasRootRef } from '../../types';\n\nexport interface TouchProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Привязать onEnter и onLeave через pointer-events - работает на disabled-инпутах\n   */\n  usePointerHover?: boolean;\n  useCapture?: boolean;\n  slideThreshold?: number;\n  noSlideClick?: boolean;\n  onEnter?: HoverHandler;\n  onLeave?: HoverHandler;\n  onStart?: TouchEventHandler;\n  onStartX?: TouchEventHandler;\n  onStartY?: TouchEventHandler;\n  onMove?: TouchEventHandler;\n  onMoveX?: TouchEventHandler;\n  onMoveY?: TouchEventHandler;\n  onEnd?: TouchEventHandler;\n  onEndX?: TouchEventHandler;\n  onEndY?: TouchEventHandler;\n  stopPropagation?: boolean;\n}\n\nexport interface Gesture {\n  startX: number;\n  startY: number;\n  startT: Date;\n  duration: number;\n  isPressed: boolean;\n  isY: boolean;\n  isX: boolean;\n  isSlideX: boolean;\n  isSlideY: boolean;\n  isSlide: boolean;\n  clientX: number;\n  clientY: number;\n  shiftX: number;\n  shiftY: number;\n  shiftXAbs: number;\n  shiftYAbs: number;\n}\n\nexport interface TouchEvent extends Gesture {\n  originalEvent: VKUITouchEvent;\n}\n\ntype HoverHandler = (outputEvent: MouseEvent) => void;\nexport type TouchEventHandler = (e: TouchEvent) => void;\nexport type ClickHandler = (e: React.MouseEvent<HTMLElement>) => void;\nexport type DragHandler = (e: React.DragEvent<HTMLElement>) => void;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Touch\n */\nexport const Touch = ({\n  onStart,\n  onStartX,\n  onStartY,\n  onMove: _onMove,\n  onMoveX,\n  onMoveY,\n  onLeave,\n  onEnter,\n  onEnd: _onEnd,\n  onEndX,\n  onEndY,\n  onClickCapture,\n  usePointerHover,\n  slideThreshold = 5,\n  useCapture = false,\n  Component = 'div',\n  getRootRef,\n  noSlideClick = false,\n  stopPropagation = false,\n  ...restProps\n}: TouchProps) => {\n  const { document } = useDOM();\n  const events = React.useMemo(getSupportedEvents, []);\n  const didSlide = React.useRef(false);\n  const gesture = React.useRef<Partial<Gesture> | null>(null);\n  const handle = (e: VKUITouchEvent, handlers: Array<TouchEventHandler | undefined | false>) => {\n    stopPropagation && e.stopPropagation();\n    handlers.forEach((cb) => {\n      const duration = Date.now() - (gesture.current?.startT?.getTime() ?? 0);\n      cb && cb({ ...(gesture.current as Gesture), duration, originalEvent: e });\n    });\n  };\n\n  const enterHandler = useEventListener(usePointerHover ? 'pointerenter' : 'mouseenter', onEnter);\n  const leaveHandler = useEventListener(usePointerHover ? 'pointerleave' : 'mouseleave', onLeave);\n  const startHandler = useEventListener(\n    events[0],\n    (e: VKUITouchEvent) => {\n      gesture.current = initGesture(coordX(e), coordY(e));\n\n      handle(e, [onStart, onStartX, onStartY]);\n      // 1 line, 2 bad specs, 2 workarounds:\n      subscribe(\n        touchEnabled()\n          ? // Touch events fire on initial target, and won't bubble if its removed\n            // see: #235, #1968, https://stackoverflow.com/a/45760014\n            (e.target as HTMLElement)\n          : // Mouse events fire on the element under pointer, so we lose move / end\n            // if pointer goes outside container.\n            // Can be fixed by PointerEvents' setPointerCapture later\n            document,\n      );\n    },\n    { capture: useCapture, passive: false },\n  );\n  const containerRef = useExternRef(getRootRef);\n\n  useIsomorphicLayoutEffect(() => {\n    const el = containerRef.current;\n    if (el) {\n      enterHandler.add(el);\n      leaveHandler.add(el);\n      startHandler.add(el);\n    }\n  }, [Component]);\n\n  function onMove(e: VKUITouchEvent) {\n    const { isPressed, isX, isY, startX = 0, startY = 0 } = gesture.current ?? {};\n\n    if (isPressed) {\n      const clientX = coordX(e);\n      const clientY = coordY(e);\n\n      // смещения\n      const shiftX = clientX - startX;\n      const shiftY = clientY - startY;\n\n      // абсолютные значения смещений\n      const shiftXAbs = Math.abs(shiftX);\n      const shiftYAbs = Math.abs(shiftY);\n\n      // Если определяем мультитач, то прерываем жест\n      if (!!e.touches && e.touches.length > 1) {\n        return onEnd(e);\n      }\n\n      // если мы ещё не определились\n      if (!isX && !isY) {\n        const willBeX = shiftXAbs >= slideThreshold && shiftXAbs > shiftYAbs;\n        const willBeY = shiftYAbs >= slideThreshold && shiftYAbs > shiftXAbs;\n        const willBeSlidedX = willBeX && (!!onMoveX || !!_onMove);\n        const willBeSlidedY = willBeY && (!!onMoveY || !!_onMove);\n\n        if (gesture.current) {\n          Object.assign(gesture.current, {\n            isY: willBeY,\n            isX: willBeX,\n            isSlideX: willBeSlidedX,\n            isSlideY: willBeSlidedY,\n            isSlide: willBeSlidedX || willBeSlidedY,\n          });\n        }\n      }\n\n      if (gesture.current?.isSlide) {\n        Object.assign(gesture.current, {\n          clientX,\n          clientY,\n          shiftX,\n          shiftY,\n          shiftXAbs,\n          shiftYAbs,\n        });\n\n        handle(e, [\n          _onMove,\n          gesture.current.isSlideX && onMoveX,\n          gesture.current.isSlideY && onMoveY,\n        ]);\n      }\n    }\n  }\n\n  function onEnd(e: VKUITouchEvent) {\n    const { isPressed, isSlide, isSlideX, isSlideY } = gesture.current ?? {};\n\n    if (isPressed) {\n      handle(e, [_onEnd, isSlideY && onEndY, isSlideX && onEndX]);\n    }\n\n    const isTouchEnabled = touchEnabled();\n\n    if (isTouchEnabled && isSlide) {\n      // https://github.com/VKCOM/VKUI/issues/4414\n      // если тач-устройство и был зафиксирован touchmove,\n      // то событие клика не вызывается\n      didSlide.current = false;\n    } else {\n      didSlide.current = Boolean(isSlide);\n    }\n    gesture.current = {};\n\n    // Если это был тач-евент, симулируем отмену hover\n    if (isTouchEnabled) {\n      onLeave && onLeave(e);\n    }\n    unsubscribe();\n  }\n\n  const listenerParams = { capture: useCapture, passive: false };\n  const listeners = [\n    useEventListener(events[1], onMove, listenerParams),\n    useEventListener(events[2], onEnd, listenerParams),\n    useEventListener(events[3], onEnd, listenerParams),\n  ];\n  function subscribe(el: HTMLElement | Document | null | undefined) {\n    if (el) {\n      listeners.forEach((l) => l.add(el));\n    }\n  }\n  function unsubscribe() {\n    listeners.forEach((l) => l.remove());\n  }\n\n  /**\n   * Обработчик событий dragstart\n   * Отменяет нативное браузерное поведение для вложенных ссылок и изображений\n   */\n  const onDragStart = (e: React.DragEvent<HTMLElement>) => {\n    const target = e.target as HTMLElement;\n    if (target.tagName === 'A' || target.tagName === 'IMG') {\n      e.preventDefault();\n    }\n  };\n\n  /**\n   * Обработчик клика по компоненту\n   * Отменяет переход по вложенной ссылке, если был зафиксирован свайп\n   */\n  const postGestureClick: typeof onClickCapture = (e) => {\n    if (!didSlide.current) {\n      return onClickCapture && onClickCapture(e);\n    }\n\n    if (noSlideClick) {\n      e.stopPropagation();\n\n      // https://github.com/VKCOM/VKUI/issues/1977\n      // https://github.com/VKCOM/VKUI/issues/3892\n      e.preventDefault();\n    } else {\n      onClickCapture && onClickCapture(e);\n    }\n\n    didSlide.current = false;\n  };\n\n  return (\n    <Component\n      {...restProps}\n      onDragStart={onDragStart}\n      onClickCapture={postGestureClick}\n      ref={containerRef}\n    />\n  );\n};\n\nfunction initGesture(startX: number, startY: number): Gesture {\n  return {\n    startX,\n    startY,\n    startT: new Date(),\n    duration: 0,\n    isPressed: true,\n    isY: false,\n    isX: false,\n    isSlideX: false,\n    isSlideY: false,\n    isSlide: false,\n    clientX: 0,\n    clientY: 0,\n    shiftX: 0,\n    shiftY: 0,\n    shiftXAbs: 0,\n    shiftYAbs: 0,\n  };\n}\n"],"names":["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":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ,+BAA+B;AAChE,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,MAAM,EAAEC,MAAM,EAAEC,kBAAkB,EAAEC,YAAY,QAAwB,kBAAkB;AACnG,SAASC,yBAAyB,QAAQ,sCAAsC;AAwDhF;;CAEC,GACD,OAAO,MAAMC,QAAQ;QAAC,EACpBC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,QAAQC,OAAO,EACfC,OAAO,EACPC,OAAO,EACPC,OAAO,EACPC,OAAO,EACPC,OAAOC,MAAM,EACbC,MAAM,EACNC,MAAM,EACNC,cAAc,EACdC,eAAe,EACfC,iBAAiB,CAAC,EAClBC,aAAa,KAAK,EAClBC,YAAY,KAAK,EACjBC,UAAU,EACVC,eAAe,KAAK,EACpBC,kBAAkB,KAAK,EAEZ,WADRC;QAnBHrB;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,EAAE,GAAG7B;IACrB,MAAM8B,SAASjC,MAAMkC,OAAO,CAAC5B,oBAAoB,EAAE;IACnD,MAAM6B,WAAWnC,MAAMoC,MAAM,CAAC;IAC9B,MAAMC,UAAUrC,MAAMoC,MAAM,CAA0B;IACtD,MAAME,SAAS,CAACC,GAAmBC;QACjCV,mBAAmBS,EAAET,eAAe;QACpCU,SAASC,OAAO,CAAC,CAACC;gBACeL,yBAAAA;gBAAAA;YAA/B,MAAMM,WAAWC,KAAKC,GAAG,KAAMR,CAAAA,CAAAA,mCAAAA,mBAAAA,QAAQS,OAAO,cAAfT,wCAAAA,0BAAAA,iBAAiBU,MAAM,cAAvBV,8CAAAA,wBAAyBW,OAAO,gBAAhCX,6CAAAA,kCAAsC,CAAA;YACrEK,MAAMA,GAAG,wCAAML,QAAQS,OAAO;gBAAcH;gBAAUM,eAAeV;;QACvE;IACF;IAEA,MAAMW,eAAejD,iBAAiBuB,kBAAkB,iBAAiB,cAAcN;IACvF,MAAMiC,eAAelD,iBAAiBuB,kBAAkB,iBAAiB,cAAcP;IACvF,MAAMmC,eAAenD,iBACnBgC,MAAM,CAAC,EAAE,EACT,CAACM;QACCF,QAAQS,OAAO,GAAGO,YAAYjD,OAAOmC,IAAIlC,OAAOkC;QAEhDD,OAAOC,GAAG;YAAC7B;YAASC;YAAUC;SAAS;QACvC,sCAAsC;QACtC0C,UACE/C,iBAEI,yDAAyD;QACxDgC,EAAEgB,MAAM,GAET,qCAAqC;QACrC,yDAAyD;QACzDvB;IAER,GACA;QAAEwB,SAAS9B;QAAY+B,SAAS;IAAM;IAExC,MAAMC,eAAexD,aAAa0B;IAElCpB,0BAA0B;QACxB,MAAMmD,KAAKD,aAAaZ,OAAO;QAC/B,IAAIa,IAAI;YACNT,aAAaU,GAAG,CAACD;YACjBR,aAAaS,GAAG,CAACD;YACjBP,aAAaQ,GAAG,CAACD;QACnB;IACF,GAAG;QAAChC;KAAU;IAEd,SAASd,OAAO0B,CAAiB;YACyBF;QAAxD,MAAM,EAAEwB,SAAS,EAAEC,GAAG,EAAEC,GAAG,EAAEC,SAAS,CAAC,EAAEC,SAAS,CAAC,EAAE,GAAG5B,CAAAA,mBAAAA,QAAQS,OAAO,cAAfT,8BAAAA,mBAAmB,CAAC;QAE5E,IAAIwB,WAAW;gBAmCTxB;YAlCJ,MAAM6B,UAAU9D,OAAOmC;YACvB,MAAM4B,UAAU9D,OAAOkC;YAEvB,WAAW;YACX,MAAM6B,SAASF,UAAUF;YACzB,MAAMK,SAASF,UAAUF;YAEzB,+BAA+B;YAC/B,MAAMK,YAAYC,KAAKC,GAAG,CAACJ;YAC3B,MAAMK,YAAYF,KAAKC,GAAG,CAACH;YAE3B,+CAA+C;YAC/C,IAAI,CAAC,CAAC9B,EAAEmC,OAAO,IAAInC,EAAEmC,OAAO,CAACC,MAAM,GAAG,GAAG;gBACvC,OAAOxD,MAAMoB;YACf;YAEA,8BAA8B;YAC9B,IAAI,CAACuB,OAAO,CAACC,KAAK;gBAChB,MAAMa,UAAUN,aAAa7C,kBAAkB6C,YAAYG;gBAC3D,MAAMI,UAAUJ,aAAahD,kBAAkBgD,YAAYH;gBAC3D,MAAMQ,gBAAgBF,WAAY,CAAA,CAAC,CAAC7D,WAAW,CAAC,CAACD,OAAM;gBACvD,MAAMiE,gBAAgBF,WAAY,CAAA,CAAC,CAAC7D,WAAW,CAAC,CAACF,OAAM;gBAEvD,IAAIuB,QAAQS,OAAO,EAAE;oBACnBkC,OAAOC,MAAM,CAAC5C,QAAQS,OAAO,EAAE;wBAC7BiB,KAAKc;wBACLf,KAAKc;wBACLM,UAAUJ;wBACVK,UAAUJ;wBACVK,SAASN,iBAAiBC;oBAC5B;gBACF;YACF;YAEA,KAAI1C,oBAAAA,QAAQS,OAAO,cAAfT,wCAAAA,kBAAiB+C,OAAO,EAAE;gBAC5BJ,OAAOC,MAAM,CAAC5C,QAAQS,OAAO,EAAE;oBAC7BoB;oBACAC;oBACAC;oBACAC;oBACAC;oBACAG;gBACF;gBAEAnC,OAAOC,GAAG;oBACRzB;oBACAuB,QAAQS,OAAO,CAACoC,QAAQ,IAAInE;oBAC5BsB,QAAQS,OAAO,CAACqC,QAAQ,IAAInE;iBAC7B;YACH;QACF;IACF;IAEA,SAASG,MAAMoB,CAAiB;YACqBF;QAAnD,MAAM,EAAEwB,SAAS,EAAEuB,OAAO,EAAEF,QAAQ,EAAEC,QAAQ,EAAE,GAAG9C,CAAAA,mBAAAA,QAAQS,OAAO,cAAfT,8BAAAA,mBAAmB,CAAC;QAEvE,IAAIwB,WAAW;YACbvB,OAAOC,GAAG;gBAACnB;gBAAQ+D,YAAY7D;gBAAQ4D,YAAY7D;aAAO;QAC5D;QAEA,MAAMgE,iBAAiB9E;QAEvB,IAAI8E,kBAAkBD,SAAS;YAC7B,4CAA4C;YAC5C,oDAAoD;YACpD,iCAAiC;YACjCjD,SAASW,OAAO,GAAG;QACrB,OAAO;YACLX,SAASW,OAAO,GAAGwC,QAAQF;QAC7B;QACA/C,QAAQS,OAAO,GAAG,CAAC;QAEnB,kDAAkD;QAClD,IAAIuC,gBAAgB;YAClBpE,WAAWA,QAAQsB;QACrB;QACAgD;IACF;IAEA,MAAMC,iBAAiB;QAAEhC,SAAS9B;QAAY+B,SAAS;IAAM;IAC7D,MAAMgC,YAAY;QAChBxF,iBAAiBgC,MAAM,CAAC,EAAE,EAAEpB,QAAQ2E;QACpCvF,iBAAiBgC,MAAM,CAAC,EAAE,EAAEd,OAAOqE;QACnCvF,iBAAiBgC,MAAM,CAAC,EAAE,EAAEd,OAAOqE;KACpC;IACD,SAASlC,UAAUK,EAA6C;QAC9D,IAAIA,IAAI;YACN8B,UAAUhD,OAAO,CAAC,CAACiD,IAAMA,EAAE9B,GAAG,CAACD;QACjC;IACF;IACA,SAAS4B;QACPE,UAAUhD,OAAO,CAAC,CAACiD,IAAMA,EAAEC,MAAM;IACnC;IAEA;;;GAGC,GACD,MAAMC,cAAc,CAACrD;QACnB,MAAMgB,SAAShB,EAAEgB,MAAM;QACvB,IAAIA,OAAOsC,OAAO,KAAK,OAAOtC,OAAOsC,OAAO,KAAK,OAAO;YACtDtD,EAAEuD,cAAc;QAClB;IACF;IAEA;;;GAGC,GACD,MAAMC,mBAA0C,CAACxD;QAC/C,IAAI,CAACJ,SAASW,OAAO,EAAE;YACrB,OAAOvB,kBAAkBA,eAAegB;QAC1C;QAEA,IAAIV,cAAc;YAChBU,EAAET,eAAe;YAEjB,4CAA4C;YAC5C,4CAA4C;YAC5CS,EAAEuD,cAAc;QAClB,OAAO;YACLvE,kBAAkBA,eAAegB;QACnC;QAEAJ,SAASW,OAAO,GAAG;IACrB;IAEA,qBACE,KAACnB,mDACKI;QACJ6D,aAAaA;QACbrE,gBAAgBwE;QAChBC,KAAKtC;;AAGX,EAAE;AAEF,SAASL,YAAYW,MAAc,EAAEC,MAAc;IACjD,OAAO;QACLD;QACAC;QACAlB,QAAQ,IAAIH;QACZD,UAAU;QACVkB,WAAW;QACXE,KAAK;QACLD,KAAK;QACLoB,UAAU;QACVC,UAAU;QACVC,SAAS;QACTlB,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,WAAW;QACXG,WAAW;IACb;AACF"}

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

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

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

package/dist/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,mEAOjB,YAAY,4CASd,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,4CAUd,CAAC"}

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

@@ -13,16 +13,18 @@ const stylesLevel = {
  *
  * @see https://vkcom.github.io/VKUI/#/Caption
  */ export const Caption = (_param)=>{
-    var { className, level = '1', caps, Component = 'span', normalize = true } = _param, restProps = _object_without_properties(_param, [
+    var { className, level = '1', caps, Component = 'span', normalize = true, inline = false } = _param, restProps = _object_without_properties(_param, [
         "className",
         "level",
         "caps",
         "Component",
-        "normalize"
+        "normalize",
+        "inline"
     ]);
     return /*#__PURE__*/ _jsx(Typography, _object_spread({
         Component: Component,
         normalize: normalize,
+        inline: inline,
         className: classNames(className, caps && "vkuiCaption--caps", stylesLevel[level])
     }, restProps));
 };

package/dist/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  ...restProps\n}: CaptionProps) => {\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      className={classNames(className, caps && styles['Caption--caps'], stylesLevel[level])}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","Typography","stylesLevel","Caption","className","level","caps","Component","normalize","restProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAAkBC,UAAU,QAAyB,gBAAgB;AAGrE,MAAMC,cAAc;IAClB,GAAG;IACH,GAAG;IACH,GAAG;AACL;AAMA;;;;CAIC,GACD,OAAO,MAAMC,UAAU;QAAC,EACtBC,SAAS,EACTC,QAAQ,GAAG,EACXC,IAAI,EACJC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAEH,WADVC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,KAACP;QACCM,WAAWA;QACXC,WAAWA;QACXJ,WAAWJ,WAAWI,WAAWE,6BAAiCJ,WAAW,CAACG,MAAM;OAChFI;AAGV,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) => {\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","stylesLevel","Caption","className","level","caps","Component","normalize","inline","restProps"],"mappings":";;;AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAAkBC,UAAU,QAAyB,gBAAgB;AAGrE,MAAMC,cAAc;IAClB,GAAG;IACH,GAAG;IACH,GAAG;AACL;AAMA;;;;CAIC,GACD,OAAO,MAAMC,UAAU;QAAC,EACtBC,SAAS,EACTC,QAAQ,GAAG,EACXC,IAAI,EACJC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EAED,WADVC;QANHN;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,KAACR;QACCM,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRL,WAAWJ,WAAWI,WAAWE,6BAAiCJ,WAAW,CAACG,MAAM;OAChFK;AAGV,EAAE"}

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

@@ -0,0 +1,11 @@
+import { TypographyProps } from '../Typography';
+export interface DisplayTitleProps extends TypographyProps {
+    level?: '1' | '2' | '3' | '4';
+}
+/**
+ * Используется для крупных заголовков.
+ *
+ * @see https://vkcom.github.io/VKUI/#/DisplayTitle
+ */
+export declare const DisplayTitle: ({ className, level, Component, normalize, inline, ...restProps }: DisplayTitleProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DisplayTitle.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,32 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from '@vkontakte/vkjs';
+import { Typography } from '../Typography';
+const stylesLevel = {
+    '1': "vkuiDisplayTitle--level-1",
+    '2': "vkuiDisplayTitle--level-2",
+    '3': "vkuiDisplayTitle--level-3",
+    '4': "vkuiDisplayTitle--level-4"
+};
+/**
+ * Используется для крупных заголовков.
+ *
+ * @see https://vkcom.github.io/VKUI/#/DisplayTitle
+ */ export const DisplayTitle = (_param)=>{
+    var { className, level = '1', Component = 'span', normalize = true, inline = false } = _param, restProps = _object_without_properties(_param, [
+        "className",
+        "level",
+        "Component",
+        "normalize",
+        "inline"
+    ]);
+    return /*#__PURE__*/ _jsx(Typography, _object_spread({
+        Component: Component,
+        normalize: normalize,
+        inline: inline,
+        className: classNames(className, stylesLevel[level])
+    }, restProps));
+};
+
+//# sourceMappingURL=DisplayTitle.js.map

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

@@ -0,0 +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","stylesLevel","DisplayTitle","className","level","Component","normalize","inline","restProps"],"mappings":";;;AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAyB,gBAAgB;AAG5D,MAAMC,cAAc;IAClB,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;AACL;AAMA;;;;CAIC,GACD,OAAO,MAAMC,eAAe;QAAC,EAC3BC,SAAS,EACTC,QAAQ,GAAG,EACXC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EAEI,WADfC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,KAACP;QACCK,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,WAAWJ,WAAWI,WAAWF,WAAW,CAACG,MAAM;OAC/CI;AAGV,EAAE"}

package/dist/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","EllipsisText","className","getRootRef","children","maxWidth","restProps","span","ref","style"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAiB7C;;;;CAIC,GACD,MAAMC,eAAe;QAAC,EACpBC,SAAS,EACTC,UAAU,EACVC,QAAQ,EACRC,QAAQ,EAEU,WADfC;QAJHJ;QACAC;QACAC;QACAC;;yBAGA,KAACE;QAAKC,KAAKL;QAAYD,WAAWF,+BAAmCE;OAAgBI;kBACnF,cAAA,KAACC;YAAKE,OAAO;gBAAEJ;YAAS;YAAGH,SAAS;sBACjCE;;;;AAKP,SAASH,YAAY,GAAG"}
+{"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","EllipsisText","className","getRootRef","children","maxWidth","restProps","span","ref","style"],"mappings":";;;;AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAiB7C;;;;CAIC,GACD,MAAMC,eAAe;QAAC,EACpBC,SAAS,EACTC,UAAU,EACVC,QAAQ,EACRC,QAAQ,EAEU,WADfC;QAJHJ;QACAC;QACAC;QACAC;;yBAGA,KAACE;QAAKC,KAAKL;QAAYD,WAAWF,+BAAmCE;OAAgBI;kBACnF,cAAA,KAACC;YAAKE,OAAO;gBAAEJ;YAAS;YAAGH,SAAS;sBACjCE;;;;AAKP,SAASH,YAAY,GAAG"}

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

package/dist/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,4DAMlB,aAAa,4CAOf,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,4CAQf,CAAC"}

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

@@ -8,15 +8,17 @@ import { Typography } from '../Typography';
  *
  * @see https://vkcom.github.io/VKUI/#/Footnote
  */ export const Footnote = (_param)=>{
-    var { className, caps, Component = 'span', normalize = true } = _param, restProps = _object_without_properties(_param, [
+    var { className, caps, Component = 'span', normalize = true, inline = false } = _param, restProps = _object_without_properties(_param, [
         "className",
         "caps",
         "Component",
-        "normalize"
+        "normalize",
+        "inline"
     ]);
     return /*#__PURE__*/ _jsx(Typography, _object_spread({
         Component: Component,
         normalize: normalize,
+        inline: inline,
         className: classNames(className, "vkuiFootnote", caps && "vkuiFootnote--caps")
     }, restProps));
 };

package/dist/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  ...restProps\n}: FootnoteProps) => (\n  <Typography\n    Component={Component}\n    normalize={normalize}\n    className={classNames(className, styles['Footnote'], caps && styles['Footnote--caps'])}\n    {...restProps}\n  />\n);\n"],"names":["classNames","Typography","Footnote","className","caps","Component","normalize","restProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAAkBC,UAAU,QAAyB,gBAAgB;AAKrE;;;;CAIC,GACD,OAAO,MAAMC,WAAW;QAAC,EACvBC,SAAS,EACTC,IAAI,EACJC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAEF,WADXC;QAJHJ;QACAC;QACAC;QACAC;;yBAGA,KAACL;QACCI,WAAWA;QACXC,WAAWA;QACXH,WAAWH,WAAWG,2BAA+BC;OACjDG;EAEN"}
+{"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","Footnote","className","caps","Component","normalize","inline","restProps"],"mappings":";;;AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAAkBC,UAAU,QAAyB,gBAAgB;AAKrE;;;;CAIC,GACD,OAAO,MAAMC,WAAW;QAAC,EACvBC,SAAS,EACTC,IAAI,EACJC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EAEA,WADXC;QALHL;QACAC;QACAC;QACAC;QACAC;;yBAGA,KAACN;QACCI,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,WAAWH,WAAWG,2BAA+BC;OACjDI;EAEN"}

package/dist/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, ...restProps }: HeadlineProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Headline: ({ className, weight, level, Component, normalize, inline, ...restProps }: HeadlineProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Headline.d.ts.map

package/dist/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,qEAOlB,aAAa,4CAgBf,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,4CAiBf,CAAC"}

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

@@ -17,17 +17,19 @@ const sizeYClassNames = {
  *
  * @see https://vkcom.github.io/VKUI/#/Headline
  */ export const Headline = (_param)=>{
-    var { className, weight = '3', level = '1', Component = 'span', normalize = true } = _param, restProps = _object_without_properties(_param, [
+    var { className, weight = '3', level = '1', Component = 'span', normalize = true, inline = false } = _param, restProps = _object_without_properties(_param, [
         "className",
         "weight",
         "level",
         "Component",
-        "normalize"
+        "normalize",
+        "inline"
     ]);
     const { sizeY = 'none' } = useAdaptivity();
     return /*#__PURE__*/ _jsx(Typography, _object_spread({
         Component: Component,
         normalize: normalize,
+        inline: inline,
         weight: weight,
         className: classNames(className, sizeY !== 'regular' && sizeYClassNames[sizeY], stylesLevel[level])
     }, restProps));

package/dist/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  ...restProps\n}: HeadlineProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\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","stylesLevel","sizeYClassNames","none","Headline","className","weight","level","Component","normalize","restProps","sizeY"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,UAAU,QAAyB,gBAAgB;AAG5D,MAAMC,cAAc;IAClB,GAAG;IACH,GAAG;AACL;AAEA,MAAMC,kBAAkB;IACtBC,IAAI;IACJ,CAAC,UAAU;AACb;AAMA;;;;CAIC,GACD,OAAO,MAAMC,WAAW;QAAC,EACvBC,SAAS,EACTC,SAAS,GAAG,EACZC,QAAQ,GAAG,EACXC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAEF,WADXC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGZ;IAE3B,qBACE,KAACC;QACCQ,WAAWA;QACXC,WAAWA;QACXH,QAAQA;QACRD,WAAWP,WACTO,WACAM,UAAU,aAAaT,eAAe,CAACS,MAAM,EAC7CV,WAAW,CAACM,MAAM;OAEhBG;AAGV,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) => {\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","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;AAG5D,MAAMC,cAAc;IAClB,GAAG;IACH,GAAG;AACL;AAEA,MAAMC,kBAAkB;IACtBC,IAAI;IACJ,CAAC,UAAU;AACb;AAMA;;;;CAIC,GACD,OAAO,MAAMC,WAAW;QAAC,EACvBC,SAAS,EACTC,SAAS,GAAG,EACZC,QAAQ,GAAG,EACXC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EAEA,WADXC;QANHN;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGb;IAE3B,qBACE,KAACC;QACCQ,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,QAAQA;QACRD,WAAWP,WACTO,WACAO,UAAU,aAAaV,eAAe,CAACU,MAAM,EAC7CX,WAAW,CAACM,MAAM;OAEhBI;AAGV,EAAE"}

package/dist/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, ...restProps }: ParagraphProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Paragraph: ({ className, Component, normalize, inline, ...restProps }: ParagraphProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Paragraph.d.ts.map

package/dist/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,sDAKnB,cAAc,4CAShB,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,4CAUhB,CAAC"}

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

@@ -8,14 +8,16 @@ import { Typography } from '../Typography';
  *
  * @see https://vkcom.github.io/VKUI/#/Paragraph
  */ export const Paragraph = (_param)=>{
-    var { className, Component = 'span', normalize = false } = _param, restProps = _object_without_properties(_param, [
+    var { className, Component = 'span', normalize = false, inline = false } = _param, restProps = _object_without_properties(_param, [
         "className",
         "Component",
-        "normalize"
+        "normalize",
+        "inline"
     ]);
     return /*#__PURE__*/ _jsx(Typography, _object_spread({
         Component: Component,
         normalize: normalize,
+        inline: inline,
         className: classNames(className, "vkuiParagraph")
     }, restProps));
 };

package/dist/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  ...restProps\n}: ParagraphProps) => {\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      className={classNames(className, styles['Paragraph'])}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","Typography","Paragraph","className","Component","normalize","restProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAyB,gBAAgB;AAK5D;;;;CAIC,GACD,OAAO,MAAMC,YAAY;QAAC,EACxBC,SAAS,EACTC,YAAY,MAAM,EAClBC,YAAY,KAAK,EAEF,WADZC;QAHHH;QACAC;QACAC;;IAGA,qBACE,KAACJ;QACCG,WAAWA;QACXC,WAAWA;QACXF,WAAWH,WAAWG;OAClBG;AAGV,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) => {\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","Paragraph","className","Component","normalize","inline","restProps"],"mappings":";;;AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAyB,gBAAgB;AAK5D;;;;CAIC,GACD,OAAO,MAAMC,YAAY;QAAC,EACxBC,SAAS,EACTC,YAAY,MAAM,EAClBC,YAAY,KAAK,EACjBC,SAAS,KAAK,EAEC,WADZC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,qBACE,KAACL;QACCG,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRH,WAAWH,WAAWG;OAClBI;AAGV,EAAE"}

package/dist/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, ...restProps }: SubheadProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Subhead: ({ className, Component, normalize, inline, ...restProps }: SubheadProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Subhead.d.ts.map

package/dist/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,sDAKjB,YAAY,4CAed,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,4CAgBd,CAAC"}

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

@@ -13,15 +13,17 @@ const sizeYClassNames = {
  *
  * @see https://vkcom.github.io/VKUI/#/Subhead
  */ export const Subhead = (_param)=>{
-    var { className, Component = 'span', normalize = true } = _param, restProps = _object_without_properties(_param, [
+    var { className, Component = 'span', normalize = true, inline = false } = _param, restProps = _object_without_properties(_param, [
         "className",
         "Component",
-        "normalize"
+        "normalize",
+        "inline"
     ]);
     const { sizeY = 'none' } = useAdaptivity();
     return /*#__PURE__*/ _jsx(Typography, _object_spread({
         Component: Component,
         normalize: normalize,
+        inline: inline,
         className: classNames(className, "vkuiSubhead", sizeY !== 'regular' && sizeYClassNames[sizeY])
     }, restProps));
 };

package/dist/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  ...restProps\n}: SubheadProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      className={classNames(\n        className,\n        styles['Subhead'],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n      )}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","useAdaptivity","Typography","sizeYClassNames","none","Subhead","className","Component","normalize","restProps","sizeY"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,UAAU,QAAyB,gBAAgB;AAG5D,MAAMC,kBAAkB;IACtBC,IAAI;IACJ,CAAC,UAAU;AACb;AAIA;;;;CAIC,GACD,OAAO,MAAMC,UAAU;QAAC,EACtBC,SAAS,EACTC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAEH,WADVC;QAHHH;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGT;IAE3B,qBACE,KAACC;QACCK,WAAWA;QACXC,WAAWA;QACXF,WAAWN,WACTM,0BAEAI,UAAU,aAAaP,eAAe,CAACO,MAAM;OAE3CD;AAGV,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) => {\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","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;AAG5D,MAAMC,kBAAkB;IACtBC,IAAI;IACJ,CAAC,UAAU;AACb;AAIA;;;;CAIC,GACD,OAAO,MAAMC,UAAU;QAAC,EACtBC,SAAS,EACTC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EAED,WADVC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGV;IAE3B,qBACE,KAACC;QACCK,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRH,WAAWN,WACTM,0BAEAK,UAAU,aAAaR,eAAe,CAACQ,MAAM;OAE3CD;AAGV,EAAE"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Text/Text.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAQ5D,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC;AAExC;;;;GAIG;AACH,eAAO,MAAM,IAAI,sDAKd,SAAS,4CAeX,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Text/Text.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAQ5D,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC;AAExC;;;;GAIG;AACH,eAAO,MAAM,IAAI,8DAMd,SAAS,4CAgBX,CAAC"}

package/dist/components/Typography/Text/Text.js

@@ -13,15 +13,17 @@ const sizeYClassNames = {
  *
  * @see https://vkcom.github.io/VKUI/#/Text
  */ export const Text = (_param)=>{
-    var { className, Component = 'span', normalize = true } = _param, restProps = _object_without_properties(_param, [
+    var { className, Component = 'span', normalize = true, inline = false } = _param, restProps = _object_without_properties(_param, [
         "className",
         "Component",
-        "normalize"
+        "normalize",
+        "inline"
     ]);
     const { sizeY = 'none' } = useAdaptivity();
     return /*#__PURE__*/ _jsx(Typography, _object_spread({
         Component: Component,
         normalize: normalize,
+        inline: inline,
         className: classNames(className, "vkuiText", sizeY !== 'regular' && sizeYClassNames[sizeY])
     }, restProps));
 };

package/dist/components/Typography/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Typography/Text/Text.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Text.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Text--sizeY-none'],\n  ['compact']: styles['Text--sizeY-compact'],\n};\n\nexport type TextProps = TypographyProps;\n\n/**\n * Основной наборный текст.\n *\n * @see https://vkcom.github.io/VKUI/#/Text\n */\nexport const Text = ({\n  className,\n  Component = 'span',\n  normalize = true,\n  ...restProps\n}: TextProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      className={classNames(\n        className,\n        styles['Text'],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n      )}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","useAdaptivity","Typography","sizeYClassNames","none","Text","className","Component","normalize","restProps","sizeY"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,UAAU,QAAyB,gBAAgB;AAG5D,MAAMC,kBAAkB;IACtBC,IAAI;IACJ,CAAC,UAAU;AACb;AAIA;;;;CAIC,GACD,OAAO,MAAMC,OAAO;QAAC,EACnBC,SAAS,EACTC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAEN,WADPC;QAHHH;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGT;IAE3B,qBACE,KAACC;QACCK,WAAWA;QACXC,WAAWA;QACXF,WAAWN,WACTM,uBAEAI,UAAU,aAAaP,eAAe,CAACO,MAAM;OAE3CD;AAGV,EAAE"}
+{"version":3,"sources":["../../../../src/components/Typography/Text/Text.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Text.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Text--sizeY-none'],\n  ['compact']: styles['Text--sizeY-compact'],\n};\n\nexport type TextProps = TypographyProps;\n\n/**\n * Основной наборный текст.\n *\n * @see https://vkcom.github.io/VKUI/#/Text\n */\nexport const Text = ({\n  className,\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: TextProps) => {\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['Text'],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n      )}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","useAdaptivity","Typography","sizeYClassNames","none","Text","className","Component","normalize","inline","restProps","sizeY"],"mappings":";;;AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,UAAU,QAAyB,gBAAgB;AAG5D,MAAMC,kBAAkB;IACtBC,IAAI;IACJ,CAAC,UAAU;AACb;AAIA;;;;CAIC,GACD,OAAO,MAAMC,OAAO;QAAC,EACnBC,SAAS,EACTC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EAEJ,WADPC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGV;IAE3B,qBACE,KAACC;QACCK,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRH,WAAWN,WACTM,uBAEAK,UAAU,aAAaR,eAAe,CAACQ,MAAM;OAE3CD;AAGV,EAAE"}

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

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

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

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

package/dist/components/Typography/Title/Title.js

@@ -13,15 +13,17 @@ const stylesLevel = {
  *
  * @see https://vkcom.github.io/VKUI/#/Title
  */ export const Title = (_param)=>{
-    var { className, level = '1', Component = 'span', normalize = true } = _param, restProps = _object_without_properties(_param, [
+    var { className, level = '1', Component = 'span', normalize = true, inline = false } = _param, restProps = _object_without_properties(_param, [
         "className",
         "level",
         "Component",
-        "normalize"
+        "normalize",
+        "inline"
     ]);
     return /*#__PURE__*/ _jsx(Typography, _object_spread({
         Component: Component,
         normalize: normalize,
+        inline: inline,
         className: classNames(className, stylesLevel[level])
     }, restProps));
 };

package/dist/components/Typography/Title/Title.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Typography/Title/Title.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Title.module.css';\n\nconst stylesLevel = {\n  '1': styles['Title--level-1'],\n  '2': styles['Title--level-2'],\n  '3': styles['Title--level-3'],\n};\n\nexport interface TitleProps extends TypographyProps {\n  level?: '1' | '2' | '3';\n}\n\n/**\n * Используется для заголовков.\n *\n * @see https://vkcom.github.io/VKUI/#/Title\n */\nexport const Title = ({\n  className,\n  level = '1',\n  Component = 'span',\n  normalize = true,\n  ...restProps\n}: TitleProps) => {\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      className={classNames(className, stylesLevel[level])}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","Typography","stylesLevel","Title","className","level","Component","normalize","restProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAyB,gBAAgB;AAG5D,MAAMC,cAAc;IAClB,GAAG;IACH,GAAG;IACH,GAAG;AACL;AAMA;;;;CAIC,GACD,OAAO,MAAMC,QAAQ;QAAC,EACpBC,SAAS,EACTC,QAAQ,GAAG,EACXC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAEL,WADRC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,qBACE,KAACN;QACCK,WAAWA;QACXC,WAAWA;QACXH,WAAWJ,WAAWI,WAAWF,WAAW,CAACG,MAAM;OAC/CG;AAGV,EAAE"}
+{"version":3,"sources":["../../../../src/components/Typography/Title/Title.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Title.module.css';\n\nconst stylesLevel = {\n  '1': styles['Title--level-1'],\n  '2': styles['Title--level-2'],\n  '3': styles['Title--level-3'],\n};\n\nexport interface TitleProps extends TypographyProps {\n  level?: '1' | '2' | '3';\n}\n\n/**\n * Используется для заголовков.\n *\n * @see https://vkcom.github.io/VKUI/#/Title\n */\nexport const Title = ({\n  className,\n  level = '1',\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: TitleProps) => {\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","stylesLevel","Title","className","level","Component","normalize","inline","restProps"],"mappings":";;;AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAyB,gBAAgB;AAG5D,MAAMC,cAAc;IAClB,GAAG;IACH,GAAG;IACH,GAAG;AACL;AAMA;;;;CAIC,GACD,OAAO,MAAMC,QAAQ;QAAC,EACpBC,SAAS,EACTC,QAAQ,GAAG,EACXC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EAEH,WADRC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,KAACP;QACCK,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,WAAWJ,WAAWI,WAAWF,WAAW,CAACG,MAAM;OAC/CI;AAGV,EAAE"}

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

@@ -12,6 +12,10 @@ export interface TypographyProps extends React.AllHTMLAttributes<HTMLElement>, H
      * Убирает внешние отступы
      */
     normalize?: boolean;
+    /**
+     * Делает блок инлайновым
+     */
+    inline?: boolean;
 }
-export declare const Typography: ({ weight, Component, normalize, ...restProps }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Typography: ({ weight, Component, normalize, inline, ...restProps }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Typography.d.ts.map

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

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

package/dist/components/Typography/Typography.js

@@ -10,14 +10,15 @@ const stylesWeight = {
     '3': "vkuiTypography--weight-3"
 };
 export const Typography = (_param)=>{
-    var { weight, Component = 'span', normalize } = _param, restProps = _object_without_properties(_param, [
+    var { weight, Component = 'span', normalize, inline } = _param, restProps = _object_without_properties(_param, [
         "weight",
         "Component",
-        "normalize"
+        "normalize",
+        "inline"
     ]);
     return /*#__PURE__*/ _jsx(RootComponent, _object_spread({
         Component: Component,
-        baseClassName: classNames("vkuiTypography", normalize && "vkuiTypography--normalize", weight && stylesWeight[weight])
+        baseClassName: classNames("vkuiTypography", normalize && "vkuiTypography--normalize", inline && "vkuiTypography--inline", weight && stylesWeight[weight])
     }, restProps));
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasComponent, HasRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Typography.module.css';\n\nconst stylesWeight = {\n  '1': styles['Typography--weight-1'],\n  '2': styles['Typography--weight-2'],\n  '3': styles['Typography--weight-3'],\n};\n\nexport interface HasCaps {\n  caps?: boolean;\n}\n\nexport interface TypographyProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent,\n    HasRootRef<HTMLElement> {\n  /**\n   * Задаёт начертание шрифта, отличное от стандартного.\n   */\n  weight?: '1' | '2' | '3';\n  /**\n   * Убирает внешние отступы\n   */\n  normalize?: boolean;\n}\n\nexport const Typography = ({\n  weight,\n  Component = 'span',\n  normalize,\n  ...restProps\n}: TypographyProps) => (\n  <RootComponent\n    Component={Component}\n    baseClassName={classNames(\n      styles['Typography'],\n      normalize && styles['Typography--normalize'],\n      weight && stylesWeight[weight],\n    )}\n    {...restProps}\n  />\n);\n"],"names":["React","classNames","RootComponent","stylesWeight","Typography","weight","Component","normalize","restProps","baseClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,iCAAiC;AAG/D,MAAMC,eAAe;IACnB,GAAG;IACH,GAAG;IACH,GAAG;AACL;AAoBA,OAAO,MAAMC,aAAa;QAAC,EACzBC,MAAM,EACNC,YAAY,MAAM,EAClBC,SAAS,EAEO,WADbC;QAHHH;QACAC;QACAC;;yBAGA,KAACL;QACCI,WAAWA;QACXG,eAAeR,6BAEbM,0CACAF,UAAUF,YAAY,CAACE,OAAO;OAE5BG;EAEN"}
+{"version":3,"sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasComponent, HasRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Typography.module.css';\n\nconst stylesWeight = {\n  '1': styles['Typography--weight-1'],\n  '2': styles['Typography--weight-2'],\n  '3': styles['Typography--weight-3'],\n};\n\nexport interface HasCaps {\n  caps?: boolean;\n}\n\nexport interface TypographyProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent,\n    HasRootRef<HTMLElement> {\n  /**\n   * Задаёт начертание шрифта, отличное от стандартного.\n   */\n  weight?: '1' | '2' | '3';\n  /**\n   * Убирает внешние отступы\n   */\n  normalize?: boolean;\n  /**\n   * Делает блок инлайновым\n   */\n  inline?: boolean;\n}\n\nexport const Typography = ({\n  weight,\n  Component = 'span',\n  normalize,\n  inline,\n  ...restProps\n}: TypographyProps) => (\n  <RootComponent\n    Component={Component}\n    baseClassName={classNames(\n      styles['Typography'],\n      normalize && styles['Typography--normalize'],\n      inline && styles['Typography--inline'],\n      weight && stylesWeight[weight],\n    )}\n    {...restProps}\n  />\n);\n"],"names":["React","classNames","RootComponent","stylesWeight","Typography","weight","Component","normalize","inline","restProps","baseClassName"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,iCAAiC;AAG/D,MAAMC,eAAe;IACnB,GAAG;IACH,GAAG;IACH,GAAG;AACL;AAwBA,OAAO,MAAMC,aAAa;QAAC,EACzBC,MAAM,EACNC,YAAY,MAAM,EAClBC,SAAS,EACTC,MAAM,EAEU,WADbC;QAJHJ;QACAC;QACAC;QACAC;;yBAGA,KAACN;QACCI,WAAWA;QACXI,eAAeT,6BAEbM,0CACAC,oCACAH,UAAUF,YAAY,CAACE,OAAO;OAE5BI;EAEN"}

package/dist/components/UnstyledTextField/UnstyledTextField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/UnstyledTextField/UnstyledTextField.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasRootRef } from '../../types';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './UnstyledTextField.module.css';\n\nexport interface UnstyledTextFieldBaseProps {\n  /**\n   * Задаёт какой из DOM-элементов для ввода текста использовать.\n   */\n  as: 'input' | 'textarea';\n  /**\n   * По умолчанию отключено во избежание проблем из-за очередности загрузки стилей.\n   */\n  noPadding?: boolean;\n}\n\nexport interface UnstyledTextFieldAsInputProps\n  extends UnstyledTextFieldBaseProps,\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HasRootRef<HTMLInputElement> {\n  as: 'input';\n}\n\nexport interface UnstyledTextFieldAsTextareaProps\n  extends UnstyledTextFieldBaseProps,\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HasRootRef<HTMLTextAreaElement> {\n  as: 'textarea';\n}\n\nexport type UnstyledTextFieldProps =\n  | UnstyledTextFieldAsInputProps\n  | UnstyledTextFieldAsTextareaProps;\n\n/**\n * Компонент сбрасывает [User-agent stylesheets](https://www.geeksforgeeks.org/what-is-a-user-agent-stylesheet/)\n * полей ввода.\n *\n * Используется в <a href=\"?path=/story/forms-input--playground\" data-prod-href=\"https://vkcom.github.io/VKUI/playground/?path=/story/forms-input--playground\">Input</a> и <a href=\"?path=/story/forms-textarea--playground\" data-prod-href=\"https://vkcom.github.io/VKUI/playground/?path=/story/forms-textarea--playground\">Textarea</a>.\n *\n * @since 6.1.0\n */\nexport const UnstyledTextField = ({\n  as,\n  noPadding = false,\n  className,\n  ...restProps\n}: UnstyledTextFieldProps) => (\n  <Text\n    Component={as}\n    normalize={false}\n    className={classNames(\n      styles.UnstyledTextField,\n      noPadding && styles['UnstyledTextField--noPadding'],\n      className,\n    )}\n    {...restProps}\n  />\n);\n"],"names":["React","classNames","Text","UnstyledTextField","as","noPadding","className","restProps","Component","normalize"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,IAAI,QAAQ,0BAA0B;AAgC/C;;;;;;;CAOC,GACD,OAAO,MAAMC,oBAAoB;QAAC,EAChCC,EAAE,EACFC,YAAY,KAAK,EACjBC,SAAS,EAEc,WADpBC;QAHHH;QACAC;QACAC;;yBAGA,KAACJ;QACCM,WAAWJ;QACXK,WAAW;QACXH,WAAWL,oCAETI,iDACAC;OAEEC;EAEN"}
+{"version":3,"sources":["../../../src/components/UnstyledTextField/UnstyledTextField.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasRootRef } from '../../types';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './UnstyledTextField.module.css';\n\nexport interface UnstyledTextFieldBaseProps {\n  /**\n   * Задаёт какой из DOM-элементов для ввода текста использовать.\n   */\n  as: 'input' | 'textarea';\n  /**\n   * По умолчанию отключено во избежание проблем из-за очередности загрузки стилей.\n   */\n  noPadding?: boolean;\n}\n\nexport interface UnstyledTextFieldAsInputProps\n  extends UnstyledTextFieldBaseProps,\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HasRootRef<HTMLInputElement> {\n  as: 'input';\n}\n\nexport interface UnstyledTextFieldAsTextareaProps\n  extends UnstyledTextFieldBaseProps,\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HasRootRef<HTMLTextAreaElement> {\n  as: 'textarea';\n}\n\nexport type UnstyledTextFieldProps =\n  | UnstyledTextFieldAsInputProps\n  | UnstyledTextFieldAsTextareaProps;\n\n/**\n * Компонент сбрасывает [User-agent stylesheets](https://www.geeksforgeeks.org/what-is-a-user-agent-stylesheet/)\n * полей ввода.\n *\n * Используется в <a href=\"?path=/story/forms-input--playground\" data-prod-href=\"https://vkcom.github.io/VKUI/playground/?path=/story/forms-input--playground\">Input</a> и <a href=\"?path=/story/forms-textarea--playground\" data-prod-href=\"https://vkcom.github.io/VKUI/playground/?path=/story/forms-textarea--playground\">Textarea</a>.\n *\n * @since 6.1.0\n */\nexport const UnstyledTextField = ({\n  as,\n  noPadding = false,\n  className,\n  ...restProps\n}: UnstyledTextFieldProps) => (\n  <Text\n    Component={as}\n    normalize={false}\n    className={classNames(\n      styles.UnstyledTextField,\n      noPadding && styles['UnstyledTextField--noPadding'],\n      className,\n    )}\n    {...restProps}\n  />\n);\n"],"names":["React","classNames","Text","UnstyledTextField","as","noPadding","className","restProps","Component","normalize"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,IAAI,QAAQ,0BAA0B;AAgC/C;;;;;;;CAOC,GACD,OAAO,MAAMC,oBAAoB;QAAC,EAChCC,EAAE,EACFC,YAAY,KAAK,EACjBC,SAAS,EAEc,WADpBC;QAHHH;QACAC;QACAC;;yBAGA,KAACJ;QACCM,WAAWJ;QACXK,WAAW;QACXH,WAAWL,oCAETI,iDACAC;OAEEC;EAEN"}