@vkontakte/vkui 4.37.0 → 5.0.0

package/dist/cssm/components/Removable/Removable.css

@@ -1 +1 @@
-.vkuiRemovable__content{align-items:center;display:flex;padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular,16px);position:relative}.vkuiRemovable__action{border:none;flex-grow:0;flex-shrink:0;position:relative}.vkuiRemovable__action.vkuiRemovable__action{color:#99a2ad;color:var(--icon_secondary,var(--vkui--color_icon_secondary))}.vkuiRemovable--start .vkuiRemovable__action{align-self:flex-start}.vkuiRemovable--ios{overflow:hidden}.vkuiRemovable__remove{background-color:#e64646;background-color:var(--destructive,var(--vkui--color_background_negative));border:none;border-radius:0;color:#fff;color:var(--white);font-size:15px;height:100%;left:100%;line-height:45px;padding:0 10px;position:absolute;top:0}.vkuiRemovable__remove-in{align-items:center;display:flex;height:100%;justify-content:center;width:100%}@media (prefers-reduced-motion:no-preference){.vkuiRemovable--ios .vkuiRemovable__content{transition:-webkit-transform .6s cubic-bezier(.36,.66,.04,1);transition:transform .6s cubic-bezier(.36,.66,.04,1);transition:transform .6s cubic-bezier(.36,.66,.04,1),-webkit-transform .6s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .6s var(--ios-easing);transition:transform .6s var(--ios-easing);transition:transform .6s var(--ios-easing),-webkit-transform .6s var(--ios-easing)}}.vkuiRemovable__toggle{background:none;display:block;height:44px;margin:0 2px;width:44px}.vkuiRemovable__toggle-in{align-content:center;align-items:center;border:none;display:flex;height:100%;justify-content:center;position:relative;width:100%}.vkuiRemovable__toggle-in:after{background-color:#e64646;background-color:var(--destructive,var(--vkui--color_background_negative));border-radius:50%;content:"";height:22px;width:22px}.vkuiRemovable__toggle-in:before{background-color:#fff;background-color:var(--white);content:"";display:block;height:2px;position:absolute;width:12px}.vkuiRemovable--ios .vkuiRemovable__content{padding-left:0;padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiFormItem--removable .vkuiRemovable__content,.vkuiFormLayoutGroup--removable .vkuiRemovable__content{align-items:flex-start;flex-wrap:wrap}.vkuiFormItem--withTop .vkuiFormItem__removable~.vkuiRemovable__offset,.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop~.vkuiRemovable__offset{display:block;height:calc(2px + 18px + 8px);height:calc(2px + var(--vkui--font_subhead--line_height--regular,18px) + 8px);order:-1;width:100%}.vkuiFormItem--withTop.vkuiFormItem--sizeY-compact .vkuiFormItem__removable~.vkuiRemovable__offset,.vkuiFormLayoutGroup--removable.vkuiFormLayoutGroup--sizeY-compact .vkuiFormItem--withTop~.vkuiRemovable__offset{height:calc(2px + 16px + 6px);height:calc(2px + var(--vkui--font_subhead--line_height--compact,16px) + 6px)}
+.vkuiRemovable__content{align-items:center;display:flex;padding-left:var(--vkui--size_base_padding_horizontal--regular);position:relative}.vkuiRemovable__action{border:none;flex-grow:0;flex-shrink:0;position:relative}.vkuiRemovable__action.vkuiRemovable__action{color:var(--vkui--color_icon_secondary)}.vkuiRemovable--align-start .vkuiRemovable__action{align-self:flex-start}.vkuiRemovable--ios{overflow:hidden}.vkuiRemovable__remove{background-color:var(--vkui--color_background_negative);border:none;border-radius:0;color:#fff;color:var(--white);font-size:15px;height:100%;left:100%;line-height:45px;padding:0 10px;position:absolute;top:0}.vkuiRemovable__remove-in{align-items:center;display:flex;height:100%;justify-content:center;width:100%}@media (prefers-reduced-motion:no-preference){.vkuiRemovable--ios .vkuiRemovable__content{transition:transform .6s cubic-bezier(.36,.66,.04,1);transition:transform .6s var(--ios-easing)}}.vkuiRemovable__toggle{background:none;display:block;height:44px;margin:0 2px;width:44px}.vkuiRemovable__toggle-in{align-content:center;align-items:center;border:none;display:flex;height:100%;justify-content:center;position:relative;width:100%}.vkuiRemovable__toggle-in:after{background-color:var(--vkui--color_background_negative);border-radius:50%;content:"";height:22px;width:22px}.vkuiRemovable__toggle-in:before{background-color:#fff;background-color:var(--white);content:"";display:block;height:2px;position:absolute;width:12px}.vkuiRemovable--ios .vkuiRemovable__content{padding-left:0;padding-right:var(--vkui--size_base_padding_horizontal--regular)}.vkuiFormItem--removable .vkuiRemovable__content,.vkuiFormLayoutGroup--removable .vkuiRemovable__content{align-items:flex-start;flex-wrap:wrap}.vkuiFormItem--withTop .vkuiFormItem__removable~.vkuiRemovable__offset,.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop~.vkuiRemovable__offset{display:block;height:calc(2px + var(--vkui--font_subhead--line_height--regular) + 8px);order:-1;width:100%}.vkuiFormItem--sizeY-compact.vkuiFormItem--withTop .vkuiFormItem__removable~.vkuiRemovable__offset,.vkuiFormLayoutGroup--sizeY-compact.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop~.vkuiRemovable__offset{height:calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px)}@media (max-height:414px),(pointer:fine) and (min-width:768px){.vkuiFormItem--sizeY-none.vkuiFormItem--withTop .vkuiFormItem__removable~.vkuiRemovable__offset,.vkuiFormLayoutGroup--sizeY-none.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop~.vkuiRemovable__offset{height:calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px)}}

package/dist/cssm/components/Removable/Removable.js

@@ -10,11 +10,12 @@ import { useExternRef } from "../../hooks/useExternRef";
 import { usePlatform } from "../../hooks/usePlatform";
 import { useAdaptivity } from "../../hooks/useAdaptivity";
 import { useDOM } from "../../lib/dom";
-import { IOS } from "../../lib/platform";
+import { Platform } from "../../lib/platform";
 import { Icon24Cancel } from "@vkontakte/icons";
 import { IconButton } from "../IconButton/IconButton";
 import { useGlobalEventListener } from "../../hooks/useGlobalEventListener";
 import { Tappable } from "../Tappable/Tappable";
+import { getSizeYClassName } from "../../helpers/getSizeYClassName";
 import "./Removable.css";
 
 /**
@@ -128,8 +129,8 @@ export var Removable = function Removable(_ref2) {
   var removePlaceholderString = getTitleFromChildren(removePlaceholder);
   return createScopedElement("div", _extends({}, restProps, {
     ref: ref,
-    vkuiClass: classNames("Removable", platform === IOS && "Removable--ios", "Removable--".concat(align), "Removable--sizeY-".concat(sizeY))
-  }), platform !== IOS && createScopedElement("div", {
+    vkuiClass: classNames("Removable", platform === Platform.IOS && "Removable--ios", "Removable--align-".concat(align), getSizeYClassName("Removable", sizeY))
+  }), platform !== Platform.IOS && createScopedElement("div", {
     vkuiClass: "Removable__content"
   }, children, createScopedElement(IconButton, {
     activeMode: "opacity",
@@ -142,7 +143,7 @@ export var Removable = function Removable(_ref2) {
   })), createScopedElement("span", {
     vkuiClass: "Removable__offset",
     "aria-hidden": true
-  })), platform === IOS && createScopedElement(RemovableIos, {
+  })), platform === Platform.IOS && createScopedElement(RemovableIos, {
     onRemove: onRemoveClick,
     removePlaceholder: removePlaceholder,
     removePlaceholderString: removePlaceholderString

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

@@ -1 +1 @@
-{"version":3,"file":"Removable.js","names":["React","classNames","getTitleFromChildren","noop","useExternRef","usePlatform","useAdaptivity","useDOM","IOS","Icon24Cancel","IconButton","useGlobalEventListener","Tappable","RemovableIos","onRemove","removePlaceholder","removePlaceholderString","children","window","removeButtonRef","useRef","disabledRef","useState","removeOffset","updateRemoveOffset","capture","onRemoveTransitionEnd","current","focus","onRemoveActivateClick","e","stopPropagation","offsetWidth","transform","Removable","getRootRef","align","restProps","platform","sizeY","ref","onRemoveClick","preventDefault"],"sources":["../../../../src/components/Removable/Removable.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getTitleFromChildren, noop } from \"../../lib/utils\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useDOM } from \"../../lib/dom\";\nimport { IOS } from \"../../lib/platform\";\nimport { Icon24Cancel } from \"@vkontakte/icons\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport \"./Removable.css\";\n\nexport interface RemovableProps {\n  /**\n   * iOS only. Текст в выезжающей кнопке для удаления ячейки.\n   */\n  removePlaceholder?: React.ReactNode;\n  /**\n   * Коллбэк срабатывает при клике на контрол удаления.\n   */\n  onRemove?: (e: React.MouseEvent, rootEl?: HTMLElement | null) => void;\n}\n\ninterface RemovableIosOwnProps extends RemovableProps {\n  removePlaceholderString?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RemovableIos\n */\nconst RemovableIos = ({\n  onRemove,\n  removePlaceholder,\n  removePlaceholderString,\n  children,\n}: RemovableIosOwnProps) => {\n  const { window } = useDOM();\n\n  const removeButtonRef = React.useRef<HTMLElement>(null);\n  const disabledRef = React.useRef(true);\n  const [removeOffset, updateRemoveOffset] = React.useState(0);\n\n  useGlobalEventListener(\n    window,\n    \"click\",\n    () => {\n      if (removeOffset > 0) {\n        updateRemoveOffset(0);\n      }\n    },\n    { capture: true }\n  );\n\n  const onRemoveTransitionEnd = () => {\n    if (removeOffset > 0) {\n      removeButtonRef?.current?.focus();\n    } else {\n      disabledRef.current = true;\n    }\n  };\n\n  const onRemoveActivateClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (!removeButtonRef.current) {\n      return;\n    }\n    const { offsetWidth } = removeButtonRef.current;\n    disabledRef.current = false;\n    updateRemoveOffset(offsetWidth);\n  };\n\n  return (\n    <div\n      vkuiClass=\"Removable__content\"\n      style={{ transform: `translateX(-${removeOffset ?? 0}px)` }}\n      onTransitionEnd={onRemoveTransitionEnd}\n    >\n      <IconButton\n        hasActive={false}\n        hasHover={false}\n        aria-label={removePlaceholderString}\n        vkuiClass=\"Removable__action Removable__toggle\"\n        onClick={onRemoveActivateClick}\n        disabled={removeOffset > 0}\n      >\n        <i vkuiClass=\"Removable__toggle-in\" role=\"presentation\" />\n      </IconButton>\n      {children}\n\n      <span vkuiClass=\"Removable__offset\" aria-hidden />\n\n      <Tappable\n        Component=\"button\"\n        hasActive={false}\n        hasHover={false}\n        disabled={disabledRef.current}\n        getRootRef={removeButtonRef}\n        vkuiClass=\"Removable__remove\"\n        onClick={onRemove}\n      >\n        <span vkuiClass=\"Removable__remove-in\">{removePlaceholder}</span>\n      </Tappable>\n    </div>\n  );\n};\n\ninterface RemovableOwnProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Расположение кнопки удаления.\n   */\n  align?: \"start\" | \"center\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Removable\n */\nexport const Removable = ({\n  getRootRef,\n  children,\n  onRemove = noop,\n  removePlaceholder = \"Удалить\",\n  align = \"center\",\n  ...restProps\n}: RemovableOwnProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n\n  const ref = useExternRef(getRootRef);\n\n  const onRemoveClick = (e: React.MouseEvent) => {\n    e.preventDefault();\n    onRemove(e);\n  };\n\n  const removePlaceholderString: string =\n    getTitleFromChildren(removePlaceholder);\n\n  return (\n    <div\n      {...restProps}\n      ref={ref}\n      vkuiClass={classNames(\n        \"Removable\",\n        platform === IOS && \"Removable--ios\",\n        `Removable--${align}`,\n        `Removable--sizeY-${sizeY}`\n      )}\n    >\n      {platform !== IOS && (\n        <div vkuiClass=\"Removable__content\">\n          {children}\n\n          <IconButton\n            activeMode=\"opacity\"\n            hoverMode=\"opacity\"\n            vkuiClass=\"Removable__action\"\n            onClick={onRemoveClick}\n            aria-label={removePlaceholderString}\n          >\n            <Icon24Cancel role=\"presentation\" />\n          </IconButton>\n\n          <span vkuiClass=\"Removable__offset\" aria-hidden />\n        </div>\n      )}\n\n      {platform === IOS && (\n        <RemovableIos\n          onRemove={onRemoveClick}\n          removePlaceholder={removePlaceholder}\n          removePlaceholderString={removePlaceholderString}\n        >\n          {children}\n        </RemovableIos>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,UAAT;AACA,SAASC,oBAAT,EAA+BC,IAA/B;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,aAAT;AACA,SAASC,MAAT;AACA,SAASC,GAAT;AACA,SAASC,YAAT,QAA6B,kBAA7B;AACA,SAASC,UAAT;AACA,SAASC,sBAAT;AACA,SAASC,QAAT;AACA;;AAkBA;AACA;AACA;AACA,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAKO;EAAA,IAJ1BC,QAI0B,QAJ1BA,QAI0B;EAAA,IAH1BC,iBAG0B,QAH1BA,iBAG0B;EAAA,IAF1BC,uBAE0B,QAF1BA,uBAE0B;EAAA,IAD1BC,QAC0B,QAD1BA,QAC0B;;EAC1B,cAAmBV,MAAM,EAAzB;EAAA,IAAQW,MAAR,WAAQA,MAAR;;EAEA,IAAMC,eAAe,GAAGnB,KAAK,CAACoB,MAAN,CAA0B,IAA1B,CAAxB;EACA,IAAMC,WAAW,GAAGrB,KAAK,CAACoB,MAAN,CAAa,IAAb,CAApB;;EACA,sBAA2CpB,KAAK,CAACsB,QAAN,CAAe,CAAf,CAA3C;EAAA;EAAA,IAAOC,YAAP;EAAA,IAAqBC,kBAArB;;EAEAb,sBAAsB,CACpBO,MADoB,EAEpB,OAFoB,EAGpB,YAAM;IACJ,IAAIK,YAAY,GAAG,CAAnB,EAAsB;MACpBC,kBAAkB,CAAC,CAAD,CAAlB;IACD;EACF,CAPmB,EAQpB;IAAEC,OAAO,EAAE;EAAX,CARoB,CAAtB;;EAWA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,GAAM;IAClC,IAAIH,YAAY,GAAG,CAAnB,EAAsB;MAAA;;MACpBJ,eAAe,SAAf,IAAAA,eAAe,WAAf,qCAAAA,eAAe,CAAEQ,OAAjB,gFAA0BC,KAA1B;IACD,CAFD,MAEO;MACLP,WAAW,CAACM,OAAZ,GAAsB,IAAtB;IACD;EACF,CAND;;EAQA,IAAME,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,CAAD,EAAyB;IACrDA,CAAC,CAACC,eAAF;;IACA,IAAI,CAACZ,eAAe,CAACQ,OAArB,EAA8B;MAC5B;IACD;;IACD,IAAQK,WAAR,GAAwBb,eAAe,CAACQ,OAAxC,CAAQK,WAAR;IACAX,WAAW,CAACM,OAAZ,GAAsB,KAAtB;IACAH,kBAAkB,CAACQ,WAAD,CAAlB;EACD,CARD;;EAUA,OACE;IACE,SAAS,EAAC,oBADZ;IAEE,KAAK,EAAE;MAAEC,SAAS,wBAAiBV,YAAjB,aAAiBA,YAAjB,cAAiBA,YAAjB,GAAiC,CAAjC;IAAX,CAFT;IAGE,eAAe,EAAEG;EAHnB,GAKE,oBAAC,UAAD;IACE,SAAS,EAAE,KADb;IAEE,QAAQ,EAAE,KAFZ;IAGE,cAAYV,uBAHd;IAIE,SAAS,EAAC,qCAJZ;IAKE,OAAO,EAAEa,qBALX;IAME,QAAQ,EAAEN,YAAY,GAAG;EAN3B,GAQE;IAAG,SAAS,EAAC,sBAAb;IAAoC,IAAI,EAAC;EAAzC,EARF,CALF,EAeGN,QAfH,EAiBE;IAAM,SAAS,EAAC,mBAAhB;IAAoC;EAApC,EAjBF,EAmBE,oBAAC,QAAD;IACE,SAAS,EAAC,QADZ;IAEE,SAAS,EAAE,KAFb;IAGE,QAAQ,EAAE,KAHZ;IAIE,QAAQ,EAAEI,WAAW,CAACM,OAJxB;IAKE,UAAU,EAAER,eALd;IAME,SAAS,EAAC,mBANZ;IAOE,OAAO,EAAEL;EAPX,GASE;IAAM,SAAS,EAAC;EAAhB,GAAwCC,iBAAxC,CATF,CAnBF,CADF;AAiCD,CA1ED;;AAsFA;AACA;AACA;AACA,OAAO,IAAMmB,SAAS,GAAG,SAAZA,SAAY,QAOA;EAAA,IANvBC,UAMuB,SANvBA,UAMuB;EAAA,IALvBlB,QAKuB,SALvBA,QAKuB;EAAA,2BAJvBH,QAIuB;EAAA,IAJvBA,QAIuB,+BAJZX,IAIY;EAAA,kCAHvBY,iBAGuB;EAAA,IAHvBA,iBAGuB,sCAHH,SAGG;EAAA,wBAFvBqB,KAEuB;EAAA,IAFvBA,KAEuB,4BAFf,QAEe;EAAA,IADpBC,SACoB;;EACvB,IAAMC,QAAQ,GAAGjC,WAAW,EAA5B;;EACA,qBAAkBC,aAAa,EAA/B;EAAA,IAAQiC,KAAR,kBAAQA,KAAR;;EAEA,IAAMC,GAAG,GAAGpC,YAAY,CAAC+B,UAAD,CAAxB;;EAEA,IAAMM,aAAa,GAAG,SAAhBA,aAAgB,CAACX,CAAD,EAAyB;IAC7CA,CAAC,CAACY,cAAF;IACA5B,QAAQ,CAACgB,CAAD,CAAR;EACD,CAHD;;EAKA,IAAMd,uBAA+B,GACnCd,oBAAoB,CAACa,iBAAD,CADtB;EAGA,OACE,wCACMsB,SADN;IAEE,GAAG,EAAEG,GAFP;IAGE,SAAS,EAAEvC,UAAU,CACnB,WADmB,EAEnBqC,QAAQ,KAAK9B,GAAb,IAAoB,gBAFD,uBAGL4B,KAHK,8BAICG,KAJD;EAHvB,IAUGD,QAAQ,KAAK9B,GAAb,IACC;IAAK,SAAS,EAAC;EAAf,GACGS,QADH,EAGE,oBAAC,UAAD;IACE,UAAU,EAAC,SADb;IAEE,SAAS,EAAC,SAFZ;IAGE,SAAS,EAAC,mBAHZ;IAIE,OAAO,EAAEwB,aAJX;IAKE,cAAYzB;EALd,GAOE,oBAAC,YAAD;IAAc,IAAI,EAAC;EAAnB,EAPF,CAHF,EAaE;IAAM,SAAS,EAAC,mBAAhB;IAAoC;EAApC,EAbF,CAXJ,EA4BGsB,QAAQ,KAAK9B,GAAb,IACC,oBAAC,YAAD;IACE,QAAQ,EAAEiC,aADZ;IAEE,iBAAiB,EAAE1B,iBAFrB;IAGE,uBAAuB,EAAEC;EAH3B,GAKGC,QALH,CA7BJ,CADF;AAwCD,CA7DM"}
+{"version":3,"file":"Removable.js","names":["React","classNames","getTitleFromChildren","noop","useExternRef","usePlatform","useAdaptivity","useDOM","Platform","Icon24Cancel","IconButton","useGlobalEventListener","Tappable","getSizeYClassName","RemovableIos","onRemove","removePlaceholder","removePlaceholderString","children","window","removeButtonRef","useRef","disabledRef","useState","removeOffset","updateRemoveOffset","capture","onRemoveTransitionEnd","current","focus","onRemoveActivateClick","e","stopPropagation","offsetWidth","transform","Removable","getRootRef","align","restProps","platform","sizeY","ref","onRemoveClick","preventDefault","IOS"],"sources":["../../../../src/components/Removable/Removable.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getTitleFromChildren, noop } from \"../../lib/utils\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useDOM } from \"../../lib/dom\";\nimport { Platform } from \"../../lib/platform\";\nimport { Icon24Cancel } from \"@vkontakte/icons\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport \"./Removable.css\";\n\nexport interface RemovableProps {\n  /**\n   * iOS only. Текст в выезжающей кнопке для удаления ячейки.\n   */\n  removePlaceholder?: React.ReactNode;\n  /**\n   * Коллбэк срабатывает при клике на контрол удаления.\n   */\n  onRemove?: (e: React.MouseEvent, rootEl?: HTMLElement | null) => void;\n}\n\ninterface RemovableIosOwnProps extends RemovableProps {\n  removePlaceholderString?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RemovableIos\n */\nconst RemovableIos = ({\n  onRemove,\n  removePlaceholder,\n  removePlaceholderString,\n  children,\n}: RemovableIosOwnProps) => {\n  const { window } = useDOM();\n\n  const removeButtonRef = React.useRef<HTMLElement>(null);\n  const disabledRef = React.useRef(true);\n  const [removeOffset, updateRemoveOffset] = React.useState(0);\n\n  useGlobalEventListener(\n    window,\n    \"click\",\n    () => {\n      if (removeOffset > 0) {\n        updateRemoveOffset(0);\n      }\n    },\n    { capture: true }\n  );\n\n  const onRemoveTransitionEnd = () => {\n    if (removeOffset > 0) {\n      removeButtonRef?.current?.focus();\n    } else {\n      disabledRef.current = true;\n    }\n  };\n\n  const onRemoveActivateClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (!removeButtonRef.current) {\n      return;\n    }\n    const { offsetWidth } = removeButtonRef.current;\n    disabledRef.current = false;\n    updateRemoveOffset(offsetWidth);\n  };\n\n  return (\n    <div\n      vkuiClass=\"Removable__content\"\n      style={{ transform: `translateX(-${removeOffset ?? 0}px)` }}\n      onTransitionEnd={onRemoveTransitionEnd}\n    >\n      <IconButton\n        hasActive={false}\n        hasHover={false}\n        aria-label={removePlaceholderString}\n        vkuiClass=\"Removable__action Removable__toggle\"\n        onClick={onRemoveActivateClick}\n        disabled={removeOffset > 0}\n      >\n        <i vkuiClass=\"Removable__toggle-in\" role=\"presentation\" />\n      </IconButton>\n      {children}\n\n      <span vkuiClass=\"Removable__offset\" aria-hidden />\n\n      <Tappable\n        Component=\"button\"\n        hasActive={false}\n        hasHover={false}\n        disabled={disabledRef.current}\n        getRootRef={removeButtonRef}\n        vkuiClass=\"Removable__remove\"\n        onClick={onRemove}\n      >\n        <span vkuiClass=\"Removable__remove-in\">{removePlaceholder}</span>\n      </Tappable>\n    </div>\n  );\n};\n\ninterface RemovableOwnProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Расположение кнопки удаления.\n   */\n  align?: \"start\" | \"center\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Removable\n */\nexport const Removable = ({\n  getRootRef,\n  children,\n  onRemove = noop,\n  removePlaceholder = \"Удалить\",\n  align = \"center\",\n  ...restProps\n}: RemovableOwnProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n\n  const ref = useExternRef(getRootRef);\n\n  const onRemoveClick = (e: React.MouseEvent) => {\n    e.preventDefault();\n    onRemove(e);\n  };\n\n  const removePlaceholderString: string =\n    getTitleFromChildren(removePlaceholder);\n\n  return (\n    <div\n      {...restProps}\n      ref={ref}\n      vkuiClass={classNames(\n        \"Removable\",\n        platform === Platform.IOS && \"Removable--ios\",\n        `Removable--align-${align}`,\n        getSizeYClassName(\"Removable\", sizeY)\n      )}\n    >\n      {platform !== Platform.IOS && (\n        <div vkuiClass=\"Removable__content\">\n          {children}\n\n          <IconButton\n            activeMode=\"opacity\"\n            hoverMode=\"opacity\"\n            vkuiClass=\"Removable__action\"\n            onClick={onRemoveClick}\n            aria-label={removePlaceholderString}\n          >\n            <Icon24Cancel role=\"presentation\" />\n          </IconButton>\n\n          <span vkuiClass=\"Removable__offset\" aria-hidden />\n        </div>\n      )}\n\n      {platform === Platform.IOS && (\n        <RemovableIos\n          onRemove={onRemoveClick}\n          removePlaceholder={removePlaceholder}\n          removePlaceholderString={removePlaceholderString}\n        >\n          {children}\n        </RemovableIos>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/cssm/components/RichCell/RichCell.css

@@ -1,3 +1 @@
-.vkuiRichCell{box-sizing:border-box;color:#000;color:var(--text_primary,var(--vkui--color_text_primary));display:flex;min-height:64px;padding:8px 16px;padding:8px var(--vkui--size_base_padding_horizontal--regular,16px);text-decoration:none}.vkuiRichCell--sizeY-compact{min-height:60px}.vkuiRichCell__before{margin-right:12px}.vkuiRichCell__in{display:flex;flex-direction:column;flex-grow:1;justify-content:center;max-width:100%;min-width:0}.vkuiRichCell__content{display:flex}.vkuiRichCell__content-before{flex-grow:1;min-width:0}.vkuiRichCell__content-after{align-items:flex-end;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;padding-left:4px}.vkuiRichCell__content-after .vkuiIcon{color:#2688eb;color:var(
-    --accent,var(--vkui--color_icon_accent)
-  )}.vkuiRichCell__after-children{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiRichCell__after-caption{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));font-size:13px;font-size:var(--vkui--font_footnote--font_size--regular,13px);line-height:16px;line-height:var(--vkui--font_footnote--line_height--regular,16px);margin-top:2px}.vkuiRichCell--sizeY-compact .vkuiRichCell__after-caption{font-size:12px;font-size:var(--vkui--font_caption1--font_size--regular,12px);line-height:14px;line-height:var(--vkui--font_caption1--line_height--regular,14px)}.vkuiRichCell__caption,.vkuiRichCell__subhead{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary))}.vkuiRichCell__caption{margin-top:1px}.vkuiRichCell__children{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiRichCell--text-ellipsis .vkuiRichCell__caption,.vkuiRichCell--text-ellipsis .vkuiRichCell__children,.vkuiRichCell--text-ellipsis .vkuiRichCell__subhead,.vkuiRichCell--text-ellipsis .vkuiRichCell__text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiRichCell__bottom{margin-top:5px}.vkuiRichCell__actions{display:flex;margin-top:8px}.vkuiRichCell__after-children,.vkuiRichCell__children,.vkuiRichCell__text{font-size:15px;font-size:var(--vkui--font_paragraph--font_size--regular,15px);line-height:20px;line-height:var(--vkui--font_paragraph--line_height--regular,20px)}.vkuiRichCell--sizeY-compact .vkuiRichCell__after-children,.vkuiRichCell--sizeY-compact .vkuiRichCell__children,.vkuiRichCell--sizeY-compact .vkuiRichCell__text{font-size:14px;font-size:var(--vkui--font_subhead--font_size--regular,14px);line-height:18px;line-height:var(--vkui--font_subhead--line_height--regular,18px)}.vkuiFormItem .vkuiRichCell{margin-left:calc(-1 * 16px);margin-left:calc(-1 * var(--vkui--size_base_padding_horizontal--regular,16px));margin-right:calc(-1 * 16px);margin-right:calc(-1 * var(--vkui--size_base_padding_horizontal--regular,16px))}
+.vkuiRichCell{box-sizing:border-box;color:var(--vkui--color_text_primary);display:flex;min-height:64px;padding:8px var(--vkui--size_base_padding_horizontal--regular);text-decoration:none}.vkuiRichCell--sizeY-compact{min-height:60px}.vkuiRichCell__before{margin-right:12px}.vkuiRichCell__in{display:flex;flex-direction:column;flex-grow:1;justify-content:center;max-width:100%;min-width:0}.vkuiRichCell__content{display:flex}.vkuiRichCell__content-before{flex-grow:1;min-width:0}.vkuiRichCell__content-after{align-items:flex-end;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;padding-left:4px}.vkuiRichCell__after-children{font-weight:var(--vkui--font_weight_accent2)}.vkuiRichCell__after-caption{color:var(--vkui--color_text_secondary);font-size:var(--vkui--font_footnote--font_size--regular);line-height:var(--vkui--font_footnote--line_height--regular);margin-top:2px}.vkuiRichCell--sizeY-compact .vkuiRichCell__after-caption{font-size:var(--vkui--font_caption1--font_size--regular);line-height:var(--vkui--font_caption1--line_height--regular)}@media (max-height:414px),(pointer:fine) and (min-width:768px){.vkuiRichCell--sizeY-none .vkuiRichCell__after-caption{font-size:var(--vkui--font_caption1--font_size--regular);line-height:var(--vkui--font_caption1--line_height--regular)}}.vkuiRichCell__caption,.vkuiRichCell__subhead{color:var(--vkui--color_text_secondary)}.vkuiRichCell__caption{margin-top:1px}.vkuiRichCell__children{font-weight:var(--vkui--font_weight_accent2)}.vkuiRichCell--text-ellipsis .vkuiRichCell__caption,.vkuiRichCell--text-ellipsis .vkuiRichCell__children,.vkuiRichCell--text-ellipsis .vkuiRichCell__subhead,.vkuiRichCell--text-ellipsis .vkuiRichCell__text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiRichCell__bottom{margin-top:5px}.vkuiRichCell__actions{margin-top:8px}.vkuiRichCell__after-children,.vkuiRichCell__children,.vkuiRichCell__text{font-size:var(--vkui--font_paragraph--font_size--regular);line-height:var(--vkui--font_paragraph--line_height--regular)}.vkuiRichCell--sizeY-compact .vkuiRichCell__after-children,.vkuiRichCell--sizeY-compact .vkuiRichCell__children,.vkuiRichCell--sizeY-compact .vkuiRichCell__text{font-size:var(--vkui--font_subhead--font_size--regular);line-height:var(--vkui--font_subhead--line_height--regular)}@media (max-height:414px),(pointer:fine) and (min-width:768px){.vkuiRichCell--sizeY-none .vkuiRichCell__after-children,.vkuiRichCell--sizeY-none .vkuiRichCell__children,.vkuiRichCell--sizeY-none .vkuiRichCell__text{font-size:var(--vkui--font_subhead--font_size--regular);line-height:var(--vkui--font_subhead--line_height--regular)}}.vkuiFormItem .vkuiRichCell{margin-left:calc(-1 * var(--vkui--size_base_padding_horizontal--regular));margin-right:calc(-1 * var(--vkui--size_base_padding_horizontal--regular))}@media (max-height:414px),(pointer:fine) and (min-width:768px){.vkuiRichCell--sizeY-none{min-height:60px}}

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

@@ -15,7 +15,7 @@ export interface RichCellProps extends TappableProps {
      */
     caption?: React.ReactNode;
     /**
-     * Контейнер для контента под `caption`. Например `<UsersStack size="s" />`.
+     * Контейнер для контента под `caption`. Например `<UsersStack size="m" />`.
      */
     bottom?: React.ReactNode;
     /**
@@ -53,4 +53,4 @@ export interface RichCellProps extends TappableProps {
 /**
  * @see https://vkcom.github.io/VKUI/#/RichCell
  */
-export declare const RichCell: React.FC<Pick<RichCellProps, "max" | "required" | "high" | "low" | "disabled" | "default" | "start" | "open" | "bottom" | "media" | "hidden" | "caption" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "text" | "async" | "defer" | "manifest" | "color" | "content" | "size" | "wrap" | "after" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "method" | "min" | "name" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "classID" | "useMap" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "as" | "hrefLang" | "integrity" | "rel" | "sizes" | "charSet" | "kind" | "srcLang" | "value" | "download" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "step" | "htmlFor" | "httpEquiv" | "optimum" | "reversed" | "selected" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "poster" | "challenge" | "keyType" | "keyParams" | "onStart" | "onMove" | "onLeave" | "onEnter" | "onEnd" | "Component" | "getRootRef" | "stopPropagation" | "activeEffectDelay" | "hasHover" | "hoverMode" | "hasActive" | "activeMode" | "focusVisibleMode" | "before" | "actions" | "multiline" | "subhead" | "afterCaption"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
+export declare const RichCell: ({ subhead, children, text, caption, before, after, afterCaption, bottom, actions, multiline, ...restProps }: RichCellProps) => JSX.Element;

package/dist/cssm/components/RichCell/RichCell.js

@@ -1,14 +1,18 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["subhead", "children", "text", "caption", "before", "after", "afterCaption", "bottom", "actions", "multiline", "sizeY"];
+var _excluded = ["subhead", "children", "text", "caption", "before", "after", "afterCaption", "bottom", "actions", "multiline"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import { classNames } from "../../lib/classNames";
 import { Tappable } from "../Tappable/Tappable";
 import { Subhead } from "../Typography/Subhead/Subhead";
-import { withAdaptivity } from "../../hoc/withAdaptivity";
+import { getSizeYClassName } from "../../helpers/getSizeYClassName";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
 import "./RichCell.css";
 
-var RichCellComponent = function RichCellComponent(_ref) {
+/**
+ * @see https://vkcom.github.io/VKUI/#/RichCell
+ */
+export var RichCell = function RichCell(_ref) {
   var subhead = _ref.subhead,
       children = _ref.children,
       text = _ref.text,
@@ -19,11 +23,13 @@ var RichCellComponent = function RichCellComponent(_ref) {
       bottom = _ref.bottom,
       actions = _ref.actions,
       multiline = _ref.multiline,
-      sizeY = _ref.sizeY,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
+  var _useAdaptivity = useAdaptivity(),
+      sizeY = _useAdaptivity.sizeY;
+
   return createScopedElement(Tappable, _extends({}, restProps, {
-    vkuiClass: classNames("RichCell", !multiline && "RichCell--text-ellipsis", "RichCell--sizeY-".concat(sizeY))
+    vkuiClass: classNames("RichCell", !multiline && "RichCell--text-ellipsis", getSizeYClassName("RichCell", sizeY))
   }), before && createScopedElement("div", {
     vkuiClass: "RichCell__before"
   }, before), createScopedElement("div", {
@@ -54,13 +60,4 @@ var RichCellComponent = function RichCellComponent(_ref) {
     vkuiClass: "RichCell__actions"
   }, actions)));
 };
-/**
- * @see https://vkcom.github.io/VKUI/#/RichCell
- */
-
-
-export var RichCell = withAdaptivity(RichCellComponent, {
-  sizeY: true
-});
-RichCell.displayName = "RichCell";
 //# sourceMappingURL=RichCell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RichCell.js","names":["classNames","Tappable","Subhead","withAdaptivity","RichCellComponent","subhead","children","text","caption","before","after","afterCaption","bottom","actions","multiline","sizeY","restProps","RichCell","displayName"],"sources":["../../../../src/components/RichCell/RichCell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport \"./RichCell.css\";\n\nexport interface RichCellProps extends TappableProps {\n  /**\n   * Контейнер для текста над `children`.\n   */\n  subhead?: React.ReactNode;\n  /**\n   * Контейнер для текста под `children`.\n   */\n  text?: React.ReactNode;\n  /**\n   * Контейнер для текста под `text`.\n   */\n  caption?: React.ReactNode;\n  /**\n   * Контейнер для контента под `caption`. Например `<UsersStack size=\"s\" />`.\n   */\n  bottom?: React.ReactNode;\n  /**\n   * Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button) с параметрами:\n   *\n   * - `mode=\"primary\" size=\"s\"`\n   * - `mode=\"secondary\" size=\"s\"`\n   *\n   * Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:\n   *\n   * - `mode=\"horizontal\" gap=\"s\" stretched`\n   */\n  actions?: React.ReactNode;\n  /**\n   * `<Avatar size={40|48|72} />`.\n   */\n  before?: React.ReactNode;\n  /**\n   * Иконка 24 или текст.\n   */\n  after?: React.ReactNode;\n  /**\n   * Текст под `after`.\n   */\n  afterCaption?: React.ReactNode;\n  /**\n   * Убирает анимацию нажатия.\n   */\n  disabled?: boolean;\n  /**\n   * Включает многострочный режим для `subhead`, `children`, `text` и `caption`.\n   */\n  multiline?: boolean;\n}\n\nconst RichCellComponent = ({\n  subhead,\n  children,\n  text,\n  caption,\n  before,\n  after,\n  afterCaption,\n  bottom,\n  actions,\n  multiline,\n  sizeY,\n  ...restProps\n}: RichCellProps) => {\n  return (\n    <Tappable\n      {...restProps}\n      vkuiClass={classNames(\n        \"RichCell\",\n        !multiline && \"RichCell--text-ellipsis\",\n        `RichCell--sizeY-${sizeY}`\n      )}\n    >\n      {before && <div vkuiClass=\"RichCell__before\">{before}</div>}\n      <div vkuiClass=\"RichCell__in\">\n        <div vkuiClass=\"RichCell__content\">\n          <div vkuiClass=\"RichCell__content-before\">\n            {subhead && (\n              <Subhead Component=\"div\" vkuiClass=\"RichCell__subhead\">\n                {subhead}\n              </Subhead>\n            )}\n            <div vkuiClass=\"RichCell__children\">{children}</div>\n            {text && <div vkuiClass=\"RichCell__text\">{text}</div>}\n            {caption && (\n              <Subhead Component=\"div\" vkuiClass=\"RichCell__caption\">\n                {caption}\n              </Subhead>\n            )}\n          </div>\n          {(after || afterCaption) && (\n            <div vkuiClass=\"RichCell__content-after\">\n              {after && <div vkuiClass=\"RichCell__after-children\">{after}</div>}\n              {afterCaption && (\n                <div vkuiClass=\"RichCell__after-caption\">{afterCaption}</div>\n              )}\n            </div>\n          )}\n        </div>\n        {bottom && <div vkuiClass=\"RichCell__bottom\">{bottom}</div>}\n        {actions && <div vkuiClass=\"RichCell__actions\">{actions}</div>}\n      </div>\n    </Tappable>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RichCell\n */\nexport const RichCell = withAdaptivity(RichCellComponent, { sizeY: true });\n\nRichCell.displayName = \"RichCell\";\n"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAAwBC,QAAxB;AACA,SAASC,OAAT;AACA,SAASC,cAAT;AACA;;AAoDA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,OAaL;EAAA,IAZnBC,OAYmB,QAZnBA,OAYmB;EAAA,IAXnBC,QAWmB,QAXnBA,QAWmB;EAAA,IAVnBC,IAUmB,QAVnBA,IAUmB;EAAA,IATnBC,OASmB,QATnBA,OASmB;EAAA,IARnBC,MAQmB,QARnBA,MAQmB;EAAA,IAPnBC,KAOmB,QAPnBA,KAOmB;EAAA,IANnBC,YAMmB,QANnBA,YAMmB;EAAA,IALnBC,MAKmB,QALnBA,MAKmB;EAAA,IAJnBC,OAImB,QAJnBA,OAImB;EAAA,IAHnBC,SAGmB,QAHnBA,SAGmB;EAAA,IAFnBC,KAEmB,QAFnBA,KAEmB;EAAA,IADhBC,SACgB;;EACnB,OACE,oBAAC,QAAD,eACMA,SADN;IAEE,SAAS,EAAEhB,UAAU,CACnB,UADmB,EAEnB,CAACc,SAAD,IAAc,yBAFK,4BAGAC,KAHA;EAFvB,IAQGN,MAAM,IAAI;IAAK,SAAS,EAAC;EAAf,GAAmCA,MAAnC,CARb,EASE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GACGJ,OAAO,IACN,oBAAC,OAAD;IAAS,SAAS,EAAC,KAAnB;IAAyB,SAAS,EAAC;EAAnC,GACGA,OADH,CAFJ,EAME;IAAK,SAAS,EAAC;EAAf,GAAqCC,QAArC,CANF,EAOGC,IAAI,IAAI;IAAK,SAAS,EAAC;EAAf,GAAiCA,IAAjC,CAPX,EAQGC,OAAO,IACN,oBAAC,OAAD;IAAS,SAAS,EAAC,KAAnB;IAAyB,SAAS,EAAC;EAAnC,GACGA,OADH,CATJ,CADF,EAeG,CAACE,KAAK,IAAIC,YAAV,KACC;IAAK,SAAS,EAAC;EAAf,GACGD,KAAK,IAAI;IAAK,SAAS,EAAC;EAAf,GAA2CA,KAA3C,CADZ,EAEGC,YAAY,IACX;IAAK,SAAS,EAAC;EAAf,GAA0CA,YAA1C,CAHJ,CAhBJ,CADF,EAyBGC,MAAM,IAAI;IAAK,SAAS,EAAC;EAAf,GAAmCA,MAAnC,CAzBb,EA0BGC,OAAO,IAAI;IAAK,SAAS,EAAC;EAAf,GAAoCA,OAApC,CA1Bd,CATF,CADF;AAwCD,CAtDD;AAwDA;AACA;AACA;;;AACA,OAAO,IAAMI,QAAQ,GAAGd,cAAc,CAACC,iBAAD,EAAoB;EAAEW,KAAK,EAAE;AAAT,CAApB,CAA/B;AAEPE,QAAQ,CAACC,WAAT,GAAuB,UAAvB"}
+{"version":3,"file":"RichCell.js","names":["classNames","Tappable","Subhead","getSizeYClassName","useAdaptivity","RichCell","subhead","children","text","caption","before","after","afterCaption","bottom","actions","multiline","restProps","sizeY"],"sources":["../../../../src/components/RichCell/RichCell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./RichCell.css\";\n\nexport interface RichCellProps extends TappableProps {\n  /**\n   * Контейнер для текста над `children`.\n   */\n  subhead?: React.ReactNode;\n  /**\n   * Контейнер для текста под `children`.\n   */\n  text?: React.ReactNode;\n  /**\n   * Контейнер для текста под `text`.\n   */\n  caption?: React.ReactNode;\n  /**\n   * Контейнер для контента под `caption`. Например `<UsersStack size=\"m\" />`.\n   */\n  bottom?: React.ReactNode;\n  /**\n   * Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button) с параметрами:\n   *\n   * - `mode=\"primary\" size=\"s\"`\n   * - `mode=\"secondary\" size=\"s\"`\n   *\n   * Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:\n   *\n   * - `mode=\"horizontal\" gap=\"s\" stretched`\n   */\n  actions?: React.ReactNode;\n  /**\n   * `<Avatar size={40|48|72} />`.\n   */\n  before?: React.ReactNode;\n  /**\n   * Иконка 24 или текст.\n   */\n  after?: React.ReactNode;\n  /**\n   * Текст под `after`.\n   */\n  afterCaption?: React.ReactNode;\n  /**\n   * Убирает анимацию нажатия.\n   */\n  disabled?: boolean;\n  /**\n   * Включает многострочный режим для `subhead`, `children`, `text` и `caption`.\n   */\n  multiline?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RichCell\n */\nexport const RichCell = ({\n  subhead,\n  children,\n  text,\n  caption,\n  before,\n  after,\n  afterCaption,\n  bottom,\n  actions,\n  multiline,\n  ...restProps\n}: RichCellProps) => {\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <Tappable\n      {...restProps}\n      vkuiClass={classNames(\n        \"RichCell\",\n        !multiline && \"RichCell--text-ellipsis\",\n        getSizeYClassName(\"RichCell\", sizeY)\n      )}\n    >\n      {before && <div vkuiClass=\"RichCell__before\">{before}</div>}\n      <div vkuiClass=\"RichCell__in\">\n        <div vkuiClass=\"RichCell__content\">\n          <div vkuiClass=\"RichCell__content-before\">\n            {subhead && (\n              <Subhead Component=\"div\" vkuiClass=\"RichCell__subhead\">\n                {subhead}\n              </Subhead>\n            )}\n            <div vkuiClass=\"RichCell__children\">{children}</div>\n            {text && <div vkuiClass=\"RichCell__text\">{text}</div>}\n            {caption && (\n              <Subhead Component=\"div\" vkuiClass=\"RichCell__caption\">\n                {caption}\n              </Subhead>\n            )}\n          </div>\n          {(after || afterCaption) && (\n            <div vkuiClass=\"RichCell__content-after\">\n              {after && <div vkuiClass=\"RichCell__after-children\">{after}</div>}\n              {afterCaption && (\n                <div vkuiClass=\"RichCell__after-caption\">{afterCaption}</div>\n              )}\n            </div>\n          )}\n        </div>\n        {bottom && <div vkuiClass=\"RichCell__bottom\">{bottom}</div>}\n        {actions && <div vkuiClass=\"RichCell__actions\">{actions}</div>}\n      </div>\n    </Tappable>\n  );\n};\n"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAAwBC,QAAxB;AACA,SAASC,OAAT;AACA,SAASC,iBAAT;AACA,SAASC,aAAT;AACA;;AAoDA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAYH;EAAA,IAXnBC,OAWmB,QAXnBA,OAWmB;EAAA,IAVnBC,QAUmB,QAVnBA,QAUmB;EAAA,IATnBC,IASmB,QATnBA,IASmB;EAAA,IARnBC,OAQmB,QARnBA,OAQmB;EAAA,IAPnBC,MAOmB,QAPnBA,MAOmB;EAAA,IANnBC,KAMmB,QANnBA,KAMmB;EAAA,IALnBC,YAKmB,QALnBA,YAKmB;EAAA,IAJnBC,MAImB,QAJnBA,MAImB;EAAA,IAHnBC,OAGmB,QAHnBA,OAGmB;EAAA,IAFnBC,SAEmB,QAFnBA,SAEmB;EAAA,IADhBC,SACgB;;EACnB,qBAAkBZ,aAAa,EAA/B;EAAA,IAAQa,KAAR,kBAAQA,KAAR;;EAEA,OACE,oBAAC,QAAD,eACMD,SADN;IAEE,SAAS,EAAEhB,UAAU,CACnB,UADmB,EAEnB,CAACe,SAAD,IAAc,yBAFK,EAGnBZ,iBAAiB,CAAC,UAAD,EAAac,KAAb,CAHE;EAFvB,IAQGP,MAAM,IAAI;IAAK,SAAS,EAAC;EAAf,GAAmCA,MAAnC,CARb,EASE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GACGJ,OAAO,IACN,oBAAC,OAAD;IAAS,SAAS,EAAC,KAAnB;IAAyB,SAAS,EAAC;EAAnC,GACGA,OADH,CAFJ,EAME;IAAK,SAAS,EAAC;EAAf,GAAqCC,QAArC,CANF,EAOGC,IAAI,IAAI;IAAK,SAAS,EAAC;EAAf,GAAiCA,IAAjC,CAPX,EAQGC,OAAO,IACN,oBAAC,OAAD;IAAS,SAAS,EAAC,KAAnB;IAAyB,SAAS,EAAC;EAAnC,GACGA,OADH,CATJ,CADF,EAeG,CAACE,KAAK,IAAIC,YAAV,KACC;IAAK,SAAS,EAAC;EAAf,GACGD,KAAK,IAAI;IAAK,SAAS,EAAC;EAAf,GAA2CA,KAA3C,CADZ,EAEGC,YAAY,IACX;IAAK,SAAS,EAAC;EAAf,GAA0CA,YAA1C,CAHJ,CAhBJ,CADF,EAyBGC,MAAM,IAAI;IAAK,SAAS,EAAC;EAAf,GAAmCA,MAAnC,CAzBb,EA0BGC,OAAO,IAAI;IAAK,SAAS,EAAC;EAAf,GAAoCA,OAApC,CA1Bd,CATF,CADF;AAwCD,CAvDM"}

package/dist/cssm/components/RichTooltip/RichTooltip.css

@@ -1,3 +1 @@
-.vkuiRichTooltip{-webkit-animation:vkui-popper-fadein .2s ease;animation:vkui-popper-fadein .2s ease;background-color:#fff;background-color:var(
-    --background_content,var(--vkui--color_background_modal)
-  );border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3,0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08));color:#000;color:var(--vkui--color_text_primary,#000)}.vkuiRichTooltip__arrow{color:#fff;color:var(--background_content,var(--vkui--color_background_modal))}.vkuiRichTooltip--accent{background-color:#5a9eff;background-color:var(--vkui--color_background_accent_tint,#5a9eff);color:#fff;color:var(--vkui--color_text_contrast,#fff)}.vkuiRichTooltip--accent .vkuiRichTooltip__arrow{color:#5a9eff;color:var(--vkui--color_background_accent_tint,#5a9eff)}.vkuiRichTooltip--white{background-color:#fff;background-color:var(--vkui--color_background_contrast,#fff);color:#000;color:var(--vkui--color_text_primary_invariably,#000)}.vkuiRichTooltip--white .vkuiRichTooltip__arrow{color:#fff;color:var(--vkui--color_background_contrast,#fff)}.vkuiRichTooltip--black{background-color:#2d2d2e;background-color:var(--vkui--color_background_contrast_inverse,#2d2d2e);color:#fff;color:var(--vkui--color_text_contrast,#fff)}.vkuiRichTooltip--black .vkuiRichTooltip__arrow{color:#2d2d2e;color:var(--vkui--color_background_contrast_inverse,#2d2d2e)}.vkuiRichTooltip--inversion{background-color:#2d2d2e;background-color:var(--vkui--color_background_modal_inverse,#2d2d2e);color:#fff;color:var(--vkui--color_text_contrast_themed,#fff)}.vkuiRichTooltip--inversion .vkuiRichTooltip__arrow{color:#2d2d2e;color:var(--vkui--color_background_modal_inverse,#2d2d2e)}
+.vkuiRichTooltip{animation:vkui-popper-fadein .2s ease;background-color:var(--vkui--color_background_modal);border-radius:var(--vkui--size_border_radius--regular);box-shadow:var(--vkui--elevation3);color:var(--vkui--color_text_primary)}.vkuiRichTooltip__arrow{color:var(--vkui--color_background_modal)}.vkuiRichTooltip--appearance-accent{background-color:var(--vkui--color_background_accent_tint);color:var(--vkui--color_text_contrast)}.vkuiRichTooltip--appearance-accent .vkuiRichTooltip__arrow{color:var(--vkui--color_background_accent_tint)}.vkuiRichTooltip--appearance-white{background-color:var(--vkui--color_background_contrast);color:var(--vkui--color_text_primary_invariably)}.vkuiRichTooltip--appearance-white .vkuiRichTooltip__arrow{color:var(--vkui--color_background_contrast)}.vkuiRichTooltip--appearance-black{background-color:var(--vkui--color_background_contrast_inverse);color:var(--vkui--color_text_contrast)}.vkuiRichTooltip--appearance-black .vkuiRichTooltip__arrow{color:var(--vkui--color_background_contrast_inverse)}.vkuiRichTooltip--appearance-inversion{background-color:var(--vkui--color_background_modal_inverse);color:var(--vkui--color_text_contrast_themed)}.vkuiRichTooltip--appearance-inversion .vkuiRichTooltip__arrow{color:var(--vkui--color_background_modal_inverse)}

package/dist/cssm/components/RichTooltip/RichTooltip.js

@@ -19,7 +19,7 @@ export var RichTooltip = function RichTooltip(_ref) {
       popperProps = _objectWithoutProperties(_ref, _excluded);
 
   return createScopedElement(HoverPopper, _extends({
-    vkuiClass: classNames("RichTooltip", "RichTooltip--".concat(appearance)),
+    vkuiClass: classNames("RichTooltip", "RichTooltip--appearance-".concat(appearance)),
     arrow: arrow,
     arrowClassName: prefixClass("RichTooltip__arrow")
   }, popperProps), children);

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

@@ -1 +1 @@
-{"version":3,"file":"RichTooltip.js","names":["HoverPopper","classNames","prefixClass","RichTooltip","children","arrow","appearance","popperProps"],"sources":["../../../../src/components/RichTooltip/RichTooltip.tsx"],"sourcesContent":["import { HoverPopper, HoverPopperProps } from \"../HoverPopper/HoverPopper\";\nimport { classNames } from \"../../lib/classNames\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport \"./RichTooltip.css\";\n\nexport interface RichTooltipProps\n  extends Omit<HoverPopperProps, \"arrowClassName\"> {\n  /**\n   * Стиль отображения подсказки\n   */\n  appearance?: \"accent\" | \"neutral\" | \"white\" | \"black\" | \"inversion\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RichTooltip\n */\nexport const RichTooltip = ({\n  children,\n  arrow = true,\n  appearance = \"neutral\",\n  ...popperProps\n}: RichTooltipProps) => {\n  return (\n    <HoverPopper\n      vkuiClass={classNames(\"RichTooltip\", `RichTooltip--${appearance}`)}\n      arrow={arrow}\n      arrowClassName={prefixClass(\"RichTooltip__arrow\")}\n      {...popperProps}\n    >\n      {children}\n    </HoverPopper>\n  );\n};\n"],"mappings":";;;;AAAA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AACA;;AAUA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,OAKH;EAAA,IAJtBC,QAIsB,QAJtBA,QAIsB;EAAA,sBAHtBC,KAGsB;EAAA,IAHtBA,KAGsB,2BAHd,IAGc;EAAA,2BAFtBC,UAEsB;EAAA,IAFtBA,UAEsB,gCAFT,SAES;EAAA,IADnBC,WACmB;;EACtB,OACE,oBAAC,WAAD;IACE,SAAS,EAAEN,UAAU,CAAC,aAAD,yBAAgCK,UAAhC,EADvB;IAEE,KAAK,EAAED,KAFT;IAGE,cAAc,EAAEH,WAAW,CAAC,oBAAD;EAH7B,GAIMK,WAJN,GAMGH,QANH,CADF;AAUD,CAhBM"}
+{"version":3,"file":"RichTooltip.js","names":["HoverPopper","classNames","prefixClass","RichTooltip","children","arrow","appearance","popperProps"],"sources":["../../../../src/components/RichTooltip/RichTooltip.tsx"],"sourcesContent":["import { HoverPopper, HoverPopperProps } from \"../HoverPopper/HoverPopper\";\nimport { classNames } from \"../../lib/classNames\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport \"./RichTooltip.css\";\n\nexport interface RichTooltipProps\n  extends Omit<HoverPopperProps, \"arrowClassName\"> {\n  /**\n   * Стиль отображения подсказки\n   */\n  appearance?: \"accent\" | \"neutral\" | \"white\" | \"black\" | \"inversion\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RichTooltip\n */\nexport const RichTooltip = ({\n  children,\n  arrow = true,\n  appearance = \"neutral\",\n  ...popperProps\n}: RichTooltipProps) => {\n  return (\n    <HoverPopper\n      vkuiClass={classNames(\n        \"RichTooltip\",\n        `RichTooltip--appearance-${appearance}`\n      )}\n      arrow={arrow}\n      arrowClassName={prefixClass(\"RichTooltip__arrow\")}\n      {...popperProps}\n    >\n      {children}\n    </HoverPopper>\n  );\n};\n"],"mappings":";;;;AAAA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AACA;;AAUA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,OAKH;EAAA,IAJtBC,QAIsB,QAJtBA,QAIsB;EAAA,sBAHtBC,KAGsB;EAAA,IAHtBA,KAGsB,2BAHd,IAGc;EAAA,2BAFtBC,UAEsB;EAAA,IAFtBA,UAEsB,gCAFT,SAES;EAAA,IADnBC,WACmB;;EACtB,OACE,oBAAC,WAAD;IACE,SAAS,EAAEN,UAAU,CACnB,aADmB,oCAEQK,UAFR,EADvB;IAKE,KAAK,EAAED,KALT;IAME,cAAc,EAAEH,WAAW,CAAC,oBAAD;EAN7B,GAOMK,WAPN,GASGH,QATH,CADF;AAaD,CAnBM"}

package/dist/cssm/components/Root/Root.css

@@ -1 +1 @@
-.vkuiRoot{height:100%;position:relative;width:100%}.vkuiRoot--transition{pointer-events:none}.vkuiRoot__view{height:100%;position:relative;width:100%}.vkuiRoot--transition .vkuiRoot__view{left:0;overflow:hidden;position:fixed;top:0}.vkuiRoot__scrollCompensation{height:100%;width:100%}.vkuiRoot__view--hide-forward,.vkuiRoot__view--show-back{z-index:1}.vkuiRoot__view--hide-back,.vkuiRoot__view--show-forward{z-index:2}.vkuiRoot__view--show-forward{-webkit-animation:vkui-root-android-animation-show-forward .3s cubic-bezier(.4,0,.2,1);animation:vkui-root-android-animation-show-forward .3s cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-root-android-animation-show-forward .3s var(--android-easing);animation:vkui-root-android-animation-show-forward .3s var(--android-easing)}.vkuiRoot__view--hide-back{-webkit-animation:vkui-root-android-animation-hide-back .3s cubic-bezier(.4,0,.2,1) forwards;animation:vkui-root-android-animation-hide-back .3s cubic-bezier(.4,0,.2,1) forwards;-webkit-animation:vkui-root-android-animation-hide-back .3s var(--android-easing) forwards;animation:vkui-root-android-animation-hide-back .3s var(--android-easing) forwards}.vkuiRoot__popout{z-index:100}.vkuiRoot__modal,.vkuiRoot__popout{height:100%;left:0;position:fixed;top:0;width:100%}.vkuiRoot__modal{z-index:99}.vkuiRoot__modal:empty{display:none}.vkuiRoot--ios .vkuiRoot__view--hide-forward:after,.vkuiRoot--ios .vkuiRoot__view--show-back:after{background-color:#000;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:6}.vkuiRoot--ios .vkuiRoot__view--show-back:after{-webkit-animation:vkui-root-ios-animation-show-back .6s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-root-ios-animation-show-back .6s cubic-bezier(.36,.66,.04,1) forwards;-webkit-animation:vkui-root-ios-animation-show-back .6s var(--ios-easing) forwards;animation:vkui-root-ios-animation-show-back .6s var(--ios-easing) forwards}.vkuiRoot--ios .vkuiRoot__view--hide-forward:after{-webkit-animation:vkui-root-ios-animation-hide-forward .6s cubic-bezier(.36,.66,.04,1);animation:vkui-root-ios-animation-hide-forward .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-root-ios-animation-hide-forward .6s var(--ios-easing);animation:vkui-root-ios-animation-hide-forward .6s var(--ios-easing)}.vkuiRoot--ios .vkuiRoot__view--show-forward{-webkit-animation:vkui-root-ios-animation-show-forward .6s cubic-bezier(.36,.66,.04,1);animation:vkui-root-ios-animation-show-forward .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-root-ios-animation-show-forward .6s var(--ios-easing);animation:vkui-root-ios-animation-show-forward .6s var(--ios-easing)}.vkuiRoot--ios .vkuiRoot__view--hide-back{-webkit-animation:vkui-root-ios-animation-hide-back .6s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-root-ios-animation-hide-back .6s cubic-bezier(.36,.66,.04,1) forwards;-webkit-animation:vkui-root-ios-animation-hide-back .6s var(--ios-easing) forwards;animation:vkui-root-ios-animation-hide-back .6s var(--ios-easing) forwards}@-webkit-keyframes vkui-root-ios-animation-show-back{0%{opacity:.3}to{opacity:0}}@keyframes vkui-root-ios-animation-show-back{0%{opacity:.3}to{opacity:0}}@-webkit-keyframes vkui-root-ios-animation-hide-forward{0%{opacity:0}to{opacity:.3}}@keyframes vkui-root-ios-animation-hide-forward{0%{opacity:0}to{opacity:.3}}@-webkit-keyframes vkui-root-ios-animation-hide-back{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes vkui-root-ios-animation-hide-back{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes vkui-root-ios-animation-show-forward{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes vkui-root-ios-animation-show-forward{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes vkui-root-android-animation-hide-back{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes vkui-root-android-animation-hide-back{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05)}}@-webkit-keyframes vkui-root-android-animation-show-forward{0%{opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes vkui-root-android-animation-show-forward{0%{opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
+.vkuiRoot{height:100%;position:relative;width:100%}.vkuiRoot--transition{pointer-events:none}.vkuiRoot__view{height:100%;position:relative;width:100%}.vkuiRoot--transition .vkuiRoot__view{left:0;overflow:hidden;position:fixed;top:0}.vkuiRoot__scrollCompensation{height:100%;width:100%}.vkuiRoot__view--hide-forward,.vkuiRoot__view--show-back{z-index:1}.vkuiRoot__view--hide-back,.vkuiRoot__view--show-forward{z-index:2}.vkuiRoot__view--show-forward{animation:vkui-root-android-animation-show-forward .3s cubic-bezier(.4,0,.2,1);animation:vkui-root-android-animation-show-forward .3s var(--android-easing)}.vkuiRoot__view--hide-back{animation:vkui-root-android-animation-hide-back .3s cubic-bezier(.4,0,.2,1) forwards;animation:vkui-root-android-animation-hide-back .3s var(--android-easing) forwards}.vkuiRoot--ios .vkuiRoot__view--hide-forward:after,.vkuiRoot--ios .vkuiRoot__view--show-back:after{background-color:#000;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:6}.vkuiRoot--ios .vkuiRoot__view--show-back:after{animation:vkui-root-ios-animation-show-back .6s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-root-ios-animation-show-back .6s var(--ios-easing) forwards}.vkuiRoot--ios .vkuiRoot__view--hide-forward:after{animation:vkui-root-ios-animation-hide-forward .6s cubic-bezier(.36,.66,.04,1);animation:vkui-root-ios-animation-hide-forward .6s var(--ios-easing)}.vkuiRoot--ios .vkuiRoot__view--show-forward{animation:vkui-root-ios-animation-show-forward .6s cubic-bezier(.36,.66,.04,1);animation:vkui-root-ios-animation-show-forward .6s var(--ios-easing)}.vkuiRoot--ios .vkuiRoot__view--hide-back{animation:vkui-root-ios-animation-hide-back .6s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-root-ios-animation-hide-back .6s var(--ios-easing) forwards}@keyframes vkui-root-ios-animation-show-back{0%{opacity:.3}to{opacity:0}}@keyframes vkui-root-ios-animation-hide-forward{0%{opacity:0}to{opacity:.3}}@keyframes vkui-root-ios-animation-hide-back{0%{transform:translateZ(0)}to{transform:translate3d(0,100%,0)}}@keyframes vkui-root-ios-animation-show-forward{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes vkui-root-android-animation-hide-back{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}@keyframes vkui-root-android-animation-show-forward{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}

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

@@ -8,18 +8,6 @@ export interface RootProps extends React.HTMLAttributes<HTMLDivElement>, NavIdPr
         from: string;
         to: string;
     }): void;
-    /**
-     * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.
-     *
-     * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.
-     */
-    popout?: React.ReactNode;
-    /**
-     * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.
-     *
-     * Свойство для отрисовки `ModalRoot`.
-     */
-    modal?: React.ReactNode;
 }
 export interface RootState {
     activeView: string;
@@ -30,4 +18,4 @@ export interface RootState {
 /**
  * @see https://vkcom.github.io/VKUI/#/Root
  */
-export declare const Root: ({ popout, modal, children, activeView: _activeView, onTransition, nav, ...restProps }: RootProps) => JSX.Element;
+export declare const Root: ({ children, activeView: _activeView, onTransition, nav, ...restProps }: RootProps) => JSX.Element;

package/dist/cssm/components/Root/Root.js

@@ -1,14 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["popout", "modal", "children", "activeView", "onTransition", "nav"];
+var _excluded = ["children", "activeView", "onTransition", "nav"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { classNames } from "../../lib/classNames";
-import { IOS } from "../../lib/platform";
+import { Platform } from "../../lib/platform";
 import { ConfigProviderContext } from "../ConfigProvider/ConfigProviderContext";
 import { SplitColContext } from "../SplitCol/SplitCol";
-import { AppRootPortal } from "../AppRoot/AppRootPortal";
 import { ScrollContext } from "../AppRoot/ScrollContext";
 import { NavTransitionProvider } from "../NavTransitionContext/NavTransitionContext";
 import { getNavId } from "../../lib/getNavId";
@@ -24,10 +23,7 @@ var warn = warnOnce("Root");
  */
 
 export var Root = function Root(_ref) {
-  var _ref$popout = _ref.popout,
-      popout = _ref$popout === void 0 ? null : _ref$popout,
-      modal = _ref.modal,
-      children = _ref.children,
+  var children = _ref.children,
       _activeView = _ref.activeView,
       onTransition = _ref.onTransition,
       nav = _ref.nav,
@@ -93,7 +89,7 @@ export var Root = function Root(_ref) {
   }, [activeView, isBack, prevView]);
   useIsomorphicLayoutEffect(function () {
     document.activeElement.blur();
-  }, [!!popout, activeView]); // Нужен переход
+  }, [activeView]); // Нужен переход
 
   useIsomorphicLayoutEffect(function () {
     return transitionTo(_activeView);
@@ -109,7 +105,7 @@ export var Root = function Root(_ref) {
       });
     }
   }, [transition, prevView]);
-  var fallbackTransition = useTimeout(finishTransition, platform === IOS ? 600 : 300);
+  var fallbackTransition = useTimeout(finishTransition, platform === Platform.IOS ? 600 : 300);
   React.useEffect(function () {
     if (!transition) {
       fallbackTransition.clear();
@@ -125,13 +121,8 @@ export var Root = function Root(_ref) {
     }
   };
 
-  if (process.env.NODE_ENV === "development") {
-    popout && warn("Свойство popout устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.");
-    modal && warn("Свойство modal устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.");
-  }
-
   return createScopedElement("div", _extends({}, restProps, {
-    vkuiClass: classNames("Root", platform === IOS && "Root--ios", transition && "Root--transition")
+    vkuiClass: classNames("Root", platform === Platform.IOS && "Root--ios", transition && "Root--transition")
   }), views.map(function (view) {
     var _scrolls$viewId;
 
@@ -158,10 +149,6 @@ export var Root = function Root(_ref) {
         marginTop: compensateScroll ? viewId && -((_scrolls$viewId = scrolls[viewId]) !== null && _scrolls$viewId !== void 0 ? _scrolls$viewId : 0) : undefined
       }
     }, view)));
-  }), createScopedElement(AppRootPortal, null, !!popout && createScopedElement("div", {
-    vkuiClass: "Root__popout"
-  }, popout), !!modal && createScopedElement("div", {
-    vkuiClass: "Root__modal"
-  }, modal)));
+  }));
 };
 //# sourceMappingURL=Root.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Root.js","names":["React","classNames","IOS","ConfigProviderContext","SplitColContext","AppRootPortal","ScrollContext","NavTransitionProvider","getNavId","warnOnce","useDOM","useIsomorphicLayoutEffect","useTimeout","usePlatform","warn","Root","popout","modal","children","_activeView","activeView","onTransition","nav","restProps","scroll","useContext","platform","document","scrolls","useRef","current","viewNodes","transitionMotionEnabled","animate","disableAnimation","views","Children","toArray","useState","transition","prevView","isBack","_setState","transitionTo","panel","viewIds","map","view","props","indexOf","getScroll","y","finishTransition","useCallback","activeElement","blur","scrollTo","Boolean","from","to","fallbackTransition","useEffect","clear","set","onAnimationEnd","e","includes","animationName","process","env","NODE_ENV","viewId","isTransitionTarget","compensateScroll","undefined","marginTop"],"sources":["../../../../src/components/Root/Root.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS } from \"../../lib/platform\";\nimport { ConfigProviderContext } from \"../ConfigProvider/ConfigProviderContext\";\nimport { SplitColContext } from \"../SplitCol/SplitCol\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { ScrollContext } from \"../AppRoot/ScrollContext\";\nimport { NavTransitionProvider } from \"../NavTransitionContext/NavTransitionContext\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./Root.css\";\n\nexport interface RootProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    NavIdProps {\n  activeView: string;\n  onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n   *\n   * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n   */\n  popout?: React.ReactNode;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n   *\n   * Свойство для отрисовки `ModalRoot`.\n   */\n  modal?: React.ReactNode;\n}\n\nexport interface RootState {\n  activeView: string;\n  transition: boolean;\n  isBack?: boolean;\n  prevView?: string;\n}\n\nconst warn = warnOnce(\"Root\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Root\n */\nexport const Root = ({\n  popout = null,\n  modal,\n  children,\n  activeView: _activeView,\n  onTransition,\n  nav,\n  ...restProps\n}: RootProps) => {\n  const scroll = React.useContext(ScrollContext);\n  const platform = usePlatform();\n  const { document } = useDOM();\n  const scrolls = React.useRef<Record<string, number>>({}).current;\n  const viewNodes = React.useRef<Record<string, HTMLElement | null>>(\n    {}\n  ).current;\n\n  const { transitionMotionEnabled = true } = React.useContext(\n    ConfigProviderContext\n  );\n  const { animate } = React.useContext(SplitColContext);\n  const disableAnimation = !transitionMotionEnabled || !animate;\n\n  const views = React.Children.toArray(children) as React.ReactElement[];\n\n  const [{ prevView, activeView, transition, isBack }, _setState] =\n    React.useState<RootState>({\n      activeView: _activeView,\n      transition: false,\n    });\n  const transitionTo = (panel: string) => {\n    if (panel !== activeView) {\n      const viewIds = views.map((view) => getNavId(view.props, warn));\n      const isBack = viewIds.indexOf(panel) < viewIds.indexOf(activeView);\n      scrolls[activeView] = scroll.getScroll().y;\n      _setState({\n        activeView: panel,\n        prevView: activeView,\n        transition: !disableAnimation,\n        isBack,\n      });\n    }\n  };\n  const finishTransition = React.useCallback(\n    () => _setState({ activeView, prevView, isBack, transition: false }),\n    [activeView, isBack, prevView]\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    (document!.activeElement as HTMLElement).blur();\n  }, [!!popout, activeView]);\n\n  // Нужен переход\n  useIsomorphicLayoutEffect(() => transitionTo(_activeView), [_activeView]);\n  useIsomorphicLayoutEffect(() => {\n    if (!transition && prevView) {\n      // Закончился переход\n      scroll.scrollTo(0, isBack ? scrolls[activeView] : 0);\n      onTransition &&\n        onTransition({\n          isBack: Boolean(isBack),\n          from: prevView,\n          to: activeView,\n        });\n    }\n  }, [transition, prevView]);\n\n  const fallbackTransition = useTimeout(\n    finishTransition,\n    platform === IOS ? 600 : 300\n  );\n  React.useEffect(() => {\n    if (!transition) {\n      fallbackTransition.clear();\n      return;\n    }\n    fallbackTransition.set();\n  }, [fallbackTransition, transition]);\n\n  const onAnimationEnd = (e: React.AnimationEvent) => {\n    if (\n      [\n        \"vkui-root-android-animation-hide-back\",\n        \"vkui-root-android-animation-show-forward\",\n        \"vkui-root-ios-animation-hide-back\",\n        \"vkui-root-ios-animation-show-forward\",\n      ].includes(e.animationName)\n    ) {\n      finishTransition();\n    }\n  };\n\n  if (process.env.NODE_ENV === \"development\") {\n    popout &&\n      warn(\n        \"Свойство popout устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n      );\n    modal &&\n      warn(\n        \"Свойство modal устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n      );\n  }\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"Root\",\n        platform === IOS && \"Root--ios\",\n        transition && \"Root--transition\"\n      )}\n    >\n      {views.map((view) => {\n        const viewId = getNavId(view.props, warn);\n        if (viewId !== activeView && !(transition && viewId === prevView)) {\n          return null;\n        }\n        const isTransitionTarget =\n          transition && viewId === (isBack ? prevView : activeView);\n        const compensateScroll =\n          transition &&\n          (viewId === prevView || (isBack && viewId === activeView));\n        return (\n          <div\n            key={viewId}\n            ref={(e) => viewId && (viewNodes[viewId] = e)}\n            onAnimationEnd={isTransitionTarget ? onAnimationEnd : undefined}\n            vkuiClass={classNames(\n              \"Root__view\",\n              transition &&\n                viewId === prevView &&\n                isBack &&\n                \"Root__view--hide-back\",\n              transition &&\n                viewId === prevView &&\n                !isBack &&\n                \"Root__view--hide-forward\",\n              transition &&\n                viewId === activeView &&\n                isBack &&\n                \"Root__view--show-back\",\n              transition &&\n                viewId === activeView &&\n                !isBack &&\n                \"Root__view--show-forward\",\n              !transition && viewId === activeView && \"Root__view--active\"\n            )}\n          >\n            <NavTransitionProvider\n              entering={transition && viewId === activeView}\n            >\n              <div\n                vkuiClass=\"Root__scrollCompensation\"\n                style={{\n                  marginTop: compensateScroll\n                    ? viewId && -(scrolls[viewId] ?? 0)\n                    : undefined,\n                }}\n              >\n                {view}\n              </div>\n            </NavTransitionProvider>\n          </div>\n        );\n      })}\n      <AppRootPortal>\n        {!!popout && <div vkuiClass=\"Root__popout\">{popout}</div>}\n        {!!modal && <div vkuiClass=\"Root__modal\">{modal}</div>}\n      </AppRootPortal>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Root.js","names":["React","classNames","Platform","ConfigProviderContext","SplitColContext","ScrollContext","NavTransitionProvider","getNavId","warnOnce","useDOM","useIsomorphicLayoutEffect","useTimeout","usePlatform","warn","Root","children","_activeView","activeView","onTransition","nav","restProps","scroll","useContext","platform","document","scrolls","useRef","current","viewNodes","transitionMotionEnabled","animate","disableAnimation","views","Children","toArray","useState","transition","prevView","isBack","_setState","transitionTo","panel","viewIds","map","view","props","indexOf","getScroll","y","finishTransition","useCallback","activeElement","blur","scrollTo","Boolean","from","to","fallbackTransition","IOS","useEffect","clear","set","onAnimationEnd","e","includes","animationName","viewId","isTransitionTarget","compensateScroll","undefined","marginTop"],"sources":["../../../../src/components/Root/Root.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\nimport { ConfigProviderContext } from \"../ConfigProvider/ConfigProviderContext\";\nimport { SplitColContext } from \"../SplitCol/SplitCol\";\nimport { ScrollContext } from \"../AppRoot/ScrollContext\";\nimport { NavTransitionProvider } from \"../NavTransitionContext/NavTransitionContext\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./Root.css\";\n\nexport interface RootProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    NavIdProps {\n  activeView: string;\n  onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n}\n\nexport interface RootState {\n  activeView: string;\n  transition: boolean;\n  isBack?: boolean;\n  prevView?: string;\n}\n\nconst warn = warnOnce(\"Root\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Root\n */\nexport const Root = ({\n  children,\n  activeView: _activeView,\n  onTransition,\n  nav,\n  ...restProps\n}: RootProps) => {\n  const scroll = React.useContext(ScrollContext);\n  const platform = usePlatform();\n  const { document } = useDOM();\n  const scrolls = React.useRef<Record<string, number>>({}).current;\n  const viewNodes = React.useRef<Record<string, HTMLElement | null>>(\n    {}\n  ).current;\n\n  const { transitionMotionEnabled = true } = React.useContext(\n    ConfigProviderContext\n  );\n  const { animate } = React.useContext(SplitColContext);\n  const disableAnimation = !transitionMotionEnabled || !animate;\n\n  const views = React.Children.toArray(children) as React.ReactElement[];\n\n  const [{ prevView, activeView, transition, isBack }, _setState] =\n    React.useState<RootState>({\n      activeView: _activeView,\n      transition: false,\n    });\n  const transitionTo = (panel: string) => {\n    if (panel !== activeView) {\n      const viewIds = views.map((view) => getNavId(view.props, warn));\n      const isBack = viewIds.indexOf(panel) < viewIds.indexOf(activeView);\n      scrolls[activeView] = scroll.getScroll().y;\n      _setState({\n        activeView: panel,\n        prevView: activeView,\n        transition: !disableAnimation,\n        isBack,\n      });\n    }\n  };\n  const finishTransition = React.useCallback(\n    () => _setState({ activeView, prevView, isBack, transition: false }),\n    [activeView, isBack, prevView]\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    (document!.activeElement as HTMLElement).blur();\n  }, [activeView]);\n\n  // Нужен переход\n  useIsomorphicLayoutEffect(() => transitionTo(_activeView), [_activeView]);\n  useIsomorphicLayoutEffect(() => {\n    if (!transition && prevView) {\n      // Закончился переход\n      scroll.scrollTo(0, isBack ? scrolls[activeView] : 0);\n      onTransition &&\n        onTransition({\n          isBack: Boolean(isBack),\n          from: prevView,\n          to: activeView,\n        });\n    }\n  }, [transition, prevView]);\n\n  const fallbackTransition = useTimeout(\n    finishTransition,\n    platform === Platform.IOS ? 600 : 300\n  );\n  React.useEffect(() => {\n    if (!transition) {\n      fallbackTransition.clear();\n      return;\n    }\n    fallbackTransition.set();\n  }, [fallbackTransition, transition]);\n\n  const onAnimationEnd = (e: React.AnimationEvent) => {\n    if (\n      [\n        \"vkui-root-android-animation-hide-back\",\n        \"vkui-root-android-animation-show-forward\",\n        \"vkui-root-ios-animation-hide-back\",\n        \"vkui-root-ios-animation-show-forward\",\n      ].includes(e.animationName)\n    ) {\n      finishTransition();\n    }\n  };\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"Root\",\n        platform === Platform.IOS && \"Root--ios\",\n        transition && \"Root--transition\"\n      )}\n    >\n      {views.map((view) => {\n        const viewId = getNavId(view.props, warn);\n        if (viewId !== activeView && !(transition && viewId === prevView)) {\n          return null;\n        }\n        const isTransitionTarget =\n          transition && viewId === (isBack ? prevView : activeView);\n        const compensateScroll =\n          transition &&\n          (viewId === prevView || (isBack && viewId === activeView));\n        return (\n          <div\n            key={viewId}\n            ref={(e) => viewId && (viewNodes[viewId] = e)}\n            onAnimationEnd={isTransitionTarget ? onAnimationEnd : undefined}\n            vkuiClass={classNames(\n              \"Root__view\",\n              transition &&\n                viewId === prevView &&\n                isBack &&\n                \"Root__view--hide-back\",\n              transition &&\n                viewId === prevView &&\n                !isBack &&\n                \"Root__view--hide-forward\",\n              transition &&\n                viewId === activeView &&\n                isBack &&\n                \"Root__view--show-back\",\n              transition &&\n                viewId === activeView &&\n                !isBack &&\n                \"Root__view--show-forward\",\n              !transition && viewId === activeView && \"Root__view--active\"\n            )}\n          >\n            <NavTransitionProvider\n              entering={transition && viewId === activeView}\n            >\n              <div\n                vkuiClass=\"Root__scrollCompensation\"\n                style={{\n                  marginTop: compensateScroll\n                    ? viewId && -(scrolls[viewId] ?? 0)\n                    : undefined,\n                }}\n              >\n                {view}\n              </div>\n            </NavTransitionProvider>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/cssm/components/ScreenSpinner/Icon48CancelCircle.d.ts

@@ -1,3 +1,2 @@
-/// <reference path="../../../../types/global.d.ts" />
 /// <reference types="react" />
-export declare const Icon48CancelCircle: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+export declare const Icon48CancelCircle: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;

package/dist/cssm/components/ScreenSpinner/Icon48DoneOutline.d.ts

@@ -1,3 +1,2 @@
-/// <reference path="../../../../types/global.d.ts" />
 /// <reference types="react" />
-export declare const Icon48DoneOutline: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+export declare const Icon48DoneOutline: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;

package/dist/cssm/components/ScreenSpinner/ScreenSpinner.css

@@ -1 +1 @@
-.vkuiScreenSpinner{-webkit-animation:vkui-screen-spinner-intro .3s ease;animation:vkui-screen-spinner-intro .3s ease}.vkuiScreenSpinner--state-cancelable{cursor:pointer}.vkuiScreenSpinner__spinner{opacity:1}.vkuiScreenSpinner--hideSpinner .vkuiScreenSpinner__spinner{opacity:0;transition:opacity .1s ease}.vkuiScreenSpinner__container{background:#f9f9f9;background:var(--tabbar_background,var(--vkui--color_background_modal));border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);box-shadow:0 0 8px rgba(0,0,0,.12),0 16px 16px rgba(0,0,0,.16);box-shadow:var(--vkui--elevation4,0 0 8px rgba(0,0,0,.12),0 16px 16px rgba(0,0,0,.16));color:#818c99;color:var(--overlay_status_icon,var(--vkui--color_icon_medium));height:88px;position:relative;width:88px}.vkuiScreenSpinner__icon{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;top:0;width:100%}.vkuiScreenSpinner__icon .vkuiIcon{-webkit-animation:vkui-screen-spinner-intro .2s ease;animation:vkui-screen-spinner-intro .2s ease}.vkuiScreenSpinner--state-done .vkuiScreenSpinner__icon .vkuiIcon path{stroke-dasharray:50;stroke-dashoffset:50;-webkit-animation:vkui-screen-spinner-iconDone .6s cubic-bezier(.36,.66,.04,1) .3s forwards;animation:vkui-screen-spinner-iconDone .6s cubic-bezier(.36,.66,.04,1) .3s forwards;-webkit-animation:vkui-screen-spinner-iconDone .6s .3s var(--ios-easing) forwards;animation:vkui-screen-spinner-iconDone .6s .3s var(--ios-easing) forwards}@-webkit-keyframes vkui-screen-spinner-iconDone{0%{stroke-dashoffset:50}to{stroke-dashoffset:0}}@keyframes vkui-screen-spinner-iconDone{0%{stroke-dashoffset:50}to{stroke-dashoffset:0}}@-webkit-keyframes vkui-screen-spinner-intro{0%{opacity:0}to{opacity:1}}@keyframes vkui-screen-spinner-intro{0%{opacity:0}to{opacity:1}}
+.vkuiScreenSpinner{animation:vkui-screen-spinner-intro .3s ease}.vkuiScreenSpinner--state-cancelable{cursor:pointer}.vkuiScreenSpinner__spinner{opacity:1}.vkuiScreenSpinner--hideSpinner .vkuiScreenSpinner__spinner{opacity:0;transition:opacity .1s ease}.vkuiScreenSpinner__container{background:var(--vkui--color_background_modal);border-radius:var(--vkui--size_border_radius--regular);box-shadow:var(--vkui--elevation4);color:var(--vkui--color_icon_medium);height:88px;position:relative;width:88px}.vkuiScreenSpinner__icon{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;top:0;width:100%}.vkuiScreenSpinner__icon .vkuiIcon{animation:vkui-screen-spinner-intro .2s ease}.vkuiScreenSpinner--state-done .vkuiScreenSpinner__icon .vkuiIcon path{stroke-dasharray:50;stroke-dashoffset:50;animation:vkui-screen-spinner-iconDone .6s cubic-bezier(.36,.66,.04,1) .3s forwards;animation:vkui-screen-spinner-iconDone .6s .3s var(--ios-easing) forwards}@keyframes vkui-screen-spinner-iconDone{0%{stroke-dashoffset:50}to{stroke-dashoffset:0}}@keyframes vkui-screen-spinner-intro{0%{opacity:0}to{opacity:1}}

package/dist/cssm/components/Search/Search.css

@@ -1,27 +1 @@
-.vkuiSearch{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-common);font-weight:400;line-height:normal;overflow:hidden;padding:8px 16px;-webkit-transform:translateZ(0);transform:translateZ(0)}.vkuiSearch__in{position:relative}.vkuiSearch__width{color:transparent;white-space:nowrap;width:10000px}.vkuiSearch__control{align-items:center;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);display:flex;height:100%;justify-content:flex-start;left:0;position:absolute;top:0;width:calc(100% - 1px)}.vkuiSearch__input{-webkit-appearance:none;background-color:initial;border:none;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);box-sizing:border-box;flex-grow:1;font-size:17px;margin:0;max-width:100%;min-width:0;padding:0 22px 0 36px;position:relative;z-index:2}.vkuiSearch__input::-webkit-search-cancel-button,.vkuiSearch__input::-webkit-search-decoration,.vkuiSearch__input::-webkit-search-results-button,.vkuiSearch__input::-webkit-search-results-decoration{display:none}.vkuiSearch--has-after .vkuiSearch__input{border-bottom-right-radius:0;border-top-right-radius:0}.vkuiSearch--has-icon .vkuiSearch__input,.vkuiSearch--has-icon .vkuiSearch__placeholder,.vkuiSearch--has-value .vkuiSearch__input,.vkuiSearch--has-value .vkuiSearch__placeholder{padding-right:40px}.vkuiSearch--has-icon.vkuiSearch--has-value .vkuiSearch__input,.vkuiSearch--has-icon.vkuiSearch--has-value .vkuiSearch__placeholder{padding-right:80px}.vkuiSearch__after-width{cursor:text;flex-shrink:0;font-size:17px;padding-left:12px;padding-right:4px;pointer-events:none}.vkuiSearch__placeholder{box-sizing:border-box;cursor:text;display:flex;font-size:0;left:0;padding-left:12px;padding-right:22px;pointer-events:none;position:absolute;text-align:left;width:100%;z-index:1}.vkuiSearch__placeholder-in{align-items:center;display:flex;flex-grow:1;max-width:100%;overflow:hidden}.vkuiSearch__placeholder-text{color:#818c99;color:var(--vkui--color_text_secondary,#818c99);margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiSearch--has-value .vkuiSearch__placeholder-text{opacity:0}.vkuiSearch__icons{color:#818c99;color:var(--search_bar_field_tint,var(--vkui--color_icon_secondary));position:absolute;right:100%;top:0}.vkuiSearch__icon,.vkuiSearch__icons{align-items:center;display:flex;justify-content:center}.vkuiSearch__icon{cursor:pointer;width:40px}.vkuiSearch__after{cursor:default;left:100%;position:absolute;top:0;-webkit-transform:translate(0);transform:translate(0);transition:-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1),-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing),-webkit-transform .3s var(--ios-easing);z-index:2}.vkuiSearch--focused .vkuiSearch__after,.vkuiSearch--has-value .vkuiSearch__after{-webkit-transform:translate(-100%);transform:translate(-100%)}.vkuiSearch__after:before{content:"";display:block;height:100%;pointer-events:none;position:absolute;right:calc(100% - 1px);width:10px}.vkuiSearch__after-in{cursor:pointer;font-size:17px;padding-left:12px;padding-right:4px;position:relative;z-index:2}.vkuiSearch__after:after{border-radius:0 8px 8px 0;border-radius:0 var(--vkui--size_border_radius--regular,8px) var(--vkui--size_border_radius--regular,8px) 0;content:"";cursor:text;display:block;height:100%;pointer-events:none;position:absolute;right:100%;top:0;width:10px}.vkuiGroup--plain .vkuiSearch{padding-top:4px}.vkuiSearch__after-width,.vkuiSearch__icon,.vkuiSearch__input,.vkuiSearch__placeholder,.vkuiSearch__placeholder-in,.vkuiSearch__width{height:32px;height:var(--vkui--size_search_height--compact,32px)}.vkuiSearch__after,.vkuiSearch__after-width{line-height:32px;line-height:var(--vkui--size_search_height--compact,32px)}.vkuiSearch--sizeY-regular .vkuiSearch__after-width,.vkuiSearch--sizeY-regular .vkuiSearch__icon,.vkuiSearch--sizeY-regular .vkuiSearch__input,.vkuiSearch--sizeY-regular .vkuiSearch__placeholder,.vkuiSearch--sizeY-regular .vkuiSearch__placeholder-in,.vkuiSearch--sizeY-regular .vkuiSearch__width{height:36px;height:var(--vkui--size_search_height--regular,36px)}.vkuiSearch--sizeY-regular .vkuiSearch__after,.vkuiSearch--sizeY-regular .vkuiSearch__after-width{line-height:36px;line-height:var(--vkui--size_search_height--regular,36px)}.vkuiSearch{background:#fff;background:var(
-    --search_bar_background,var(--vkui--color_background_content)
-  )}.vkuiSearch__control{background-color:#ebedf0;background-color:var(
-    --search_bar_field_background,var(--vkui--color_search_field_background)
-  )}.vkuiSearch__in:hover .vkuiSearch__after-width,.vkuiSearch__in:hover .vkuiSearch__after:after,.vkuiSearch__in:hover .vkuiSearch__control{background-color:#e2e4e9;background-color:var(--vkui--color_search_field_background--hover,#e2e4e9)}.vkuiSearch__in:hover .vkuiSearch__after-width{color:#e2e4e9;color:var(--vkui--color_search_field_background--hover,#e2e4e9)}.vkuiSearch__in:active .vkuiSearch__after-width,.vkuiSearch__in:active .vkuiSearch__after:after,.vkuiSearch__in:active .vkuiSearch__control{background-color:#d8dbe2;background-color:var(--vkui--color_search_field_background--active,#d8dbe2)}.vkuiSearch__in:active .vkuiSearch__after-width{color:#d8dbe2;color:var(--vkui--color_search_field_background--active,#d8dbe2)}.vkuiSearch__input{color:#000;color:var(--text_primary,var(--vkui--color_text_primary))}.vkuiSearch__placeholder{color:#818c99;color:var(--search_bar_field_tint,var(--vkui--color_icon_medium))}.vkuiSearch__after-width{background:#ebedf0;background:var(
-    --search_bar_field_background,var(--vkui--color_search_field_background)
-  );color:#ebedf0;color:var(
-    --search_bar_field_background,var(--vkui--color_search_field_background)
-  )}.vkuiSearch__after{background:#fff;background:var(
-    --search_bar_background,var(--vkui--color_background_content)
-  );color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent_themed))}.vkuiSearch__after:after{background-color:#ebedf0;background-color:var(
-    --search_bar_field_background,var(--vkui--color_search_field_background)
-  )}.vkuiSearch__after:before{background-color:#fff;background-color:var(
-    --search_bar_background,var(--vkui--color_background_content)
-  )}.vkuiPanelHeader .vkuiSearch{background:#fff;background:var(--header_background,var(--vkui--color_header_background))}.vkuiPanelHeader .vkuiSearch__control{background-color:#ebedf0;background-color:var(
-    --header_search_field_background,var(--vkui--color_search_field_background)
-  )}.vkuiPanelHeader .vkuiSearch__input{color:#000;color:var(--text_primary,var(--vkui--color_text_primary))}.vkuiPanelHeader .vkuiSearch__placeholder{color:#818c99;color:var(--header_search_field_tint,var(--vkui--color_icon_secondary))}.vkuiPanelHeader .vkuiSearch__after-width{background:#ebedf0;background:var(
-    --header_search_field_background,var(--vkui--color_search_field_background)
-  );color:#ebedf0;color:var(
-    --header_search_field_background,var(--vkui--color_search_field_background)
-  )}.vkuiPanelHeader .vkuiSearch__after{background:#fff;background:var(--header_background,var(--vkui--color_header_background));color:#2688eb;color:var(--header_tint,var(--vkui--color_icon_accent_themed))}.vkuiPanelHeader .vkuiSearch__after:after{background-color:#ebedf0;background-color:var(
-    --header_search_field_background,var(--vkui--color_search_field_background)
-  )}.vkuiPanelHeader .vkuiSearch__after:before{background-color:#fff;background-color:var(
-    --header_background,var(--vkui--color_header_background)
-  )}.vkuiSearch--vkcom{padding:initial}.vkuiPanelHeader--vkcom .vkuiSearch,.vkuiSearch--vkcom,.vkuiSearch--vkcom .vkuiSearch__in:active .vkuiSearch__control,.vkuiSearch--vkcom .vkuiSearch__in:hover .vkuiSearch__control{background:transparent}.vkuiSearch--vkcom .vkuiSearch__in{padding-bottom:6px;padding-top:6px}.vkuiSearch--vkcom .vkuiSearch__input{font-size:15px;line-height:20px;padding-left:40px}.vkuiSearch--vkcom .vkuiSearch__placeholder{color:#99a2ad;color:var(--vkui--color_icon_secondary,#99a2ad);padding-left:16px}.vkuiSearch--vkcom .vkuiSearch__icons{color:#818c99;color:var(--search_bar_field_tint,var(--vkui--color_icon_medium));right:calc(100% + 8px);top:4px}.vkuiSearch--vkcom.vkuiSearch--has-value .vkuiSearch__input{padding-right:56px}.vkuiSearch--vkcom.vkuiSearch--has-icon.vkuiSearch--has-value .vkuiSearch__input{padding-right:92px}.vkuiSearch--vkcom .vkuiSearch__icon{height:40px;opacity:.8;width:40px}.vkuiSearch--vkcom .vkuiSearch__icon:hover{background-color:rgba(0,0,0,.04);background-color:var(
-    --background_hover,var(--vkui--color_background_secondary_alpha--hover)
-  );border-radius:50%}.vkuiSearch--vkcom .vkuiSearch__control{background-color:initial}.vkuiPanelHeader--vkcom .vkuiSearch__separator{display:none}.vkuiSearch--vkcom .vkuiSearch__separator{color:#e1e3e6;color:var(--input_border,var(--vkui--color_separator_primary))}.vkuiGroup--card .vkuiSearch--vkcom{margin:0 -8px}.vkuiGroup--card .vkuiSearch--vkcom:first-child{margin-top:-8px}.vkuiGroup--card .vkuiSearch--vkcom:not(:last-child){margin-bottom:8px}.vkuiGroup--card .vkuiSearch--vkcom .vkuiSearch__placeholder{padding-left:20px}.vkuiGroup--card .vkuiSearch--vkcom .vkuiSearch__input{padding-left:44px}.vkuiSearch--ios{padding:8px 12px}
+.vkuiSearch{font-family:var(--vkui--font_family_base);font-family:var(--font-common);font-weight:400;line-height:normal;overflow:hidden;padding:8px 16px;transform:translateZ(0)}.vkuiSearch__in{position:relative}.vkuiSearch__width{color:transparent;white-space:nowrap;width:10000px}.vkuiSearch__control{align-items:center;border-radius:var(--vkui--size_border_radius--regular);display:flex;height:100%;justify-content:flex-start;left:0;position:absolute;top:0;width:calc(100% - 1px)}.vkuiSearch__input{-webkit-appearance:none;background-color:initial;border:none;border-radius:var(--vkui--size_border_radius--regular);box-sizing:border-box;flex-grow:1;font-size:17px;margin:0;max-width:100%;min-width:0;padding:0 22px 0 36px;position:relative;z-index:2}.vkuiSearch__input::-webkit-search-cancel-button,.vkuiSearch__input::-webkit-search-decoration,.vkuiSearch__input::-webkit-search-results-button,.vkuiSearch__input::-webkit-search-results-decoration{display:none}.vkuiSearch--has-after .vkuiSearch__input{border-bottom-right-radius:0;border-top-right-radius:0}.vkuiSearch--has-icon .vkuiSearch__input,.vkuiSearch--has-icon .vkuiSearch__placeholder,.vkuiSearch--has-value .vkuiSearch__input,.vkuiSearch--has-value .vkuiSearch__placeholder{padding-right:40px}.vkuiSearch--has-icon.vkuiSearch--has-value .vkuiSearch__input,.vkuiSearch--has-icon.vkuiSearch--has-value .vkuiSearch__placeholder{padding-right:80px}.vkuiSearch__after-width{cursor:text;flex-shrink:0;font-size:17px;padding-left:12px;padding-right:4px;pointer-events:none}.vkuiSearch__placeholder{box-sizing:border-box;cursor:text;display:flex;font-size:0;left:0;padding-left:12px;padding-right:22px;pointer-events:none;position:absolute;text-align:left;width:100%;z-index:1}.vkuiSearch__placeholder-in{align-items:center;display:flex;flex-grow:1;max-width:100%;overflow:hidden}.vkuiSearch__placeholder-text{color:var(--vkui--color_text_secondary);margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiSearch--has-value .vkuiSearch__placeholder-text{opacity:0}.vkuiSearch__icons{color:var(--vkui--color_icon_secondary);position:absolute;right:100%;top:0}.vkuiSearch__icon,.vkuiSearch__icons{align-items:center;display:flex;justify-content:center}.vkuiSearch__icon{cursor:pointer;width:40px}.vkuiSearch__after{cursor:default;left:100%;position:absolute;top:0;transform:translate(0);transition:transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s var(--ios-easing);z-index:2}.vkuiSearch--focused .vkuiSearch__after,.vkuiSearch--has-value .vkuiSearch__after{transform:translate(-100%)}.vkuiSearch__after:before{content:"";display:block;height:100%;pointer-events:none;position:absolute;right:calc(100% - 1px);width:10px}.vkuiSearch__after-in{cursor:pointer;font-size:17px;padding-left:12px;padding-right:4px;position:relative;z-index:2}.vkuiSearch__after:after{border-radius:0 var(--vkui--size_border_radius--regular) var(--vkui--size_border_radius--regular) 0;content:"";cursor:text;display:block;height:100%;pointer-events:none;position:absolute;right:100%;top:0;width:10px}.vkuiGroup--mode-plain .vkuiSearch{padding-top:4px}.vkuiSearch__after-width,.vkuiSearch__icon,.vkuiSearch__input,.vkuiSearch__placeholder,.vkuiSearch__placeholder-in,.vkuiSearch__width{height:var(--vkui--size_search_height--compact)}.vkuiSearch__after,.vkuiSearch__after-width{line-height:var(--vkui--size_search_height--compact)}.vkuiSearch--sizeY-regular .vkuiSearch__after-width,.vkuiSearch--sizeY-regular .vkuiSearch__icon,.vkuiSearch--sizeY-regular .vkuiSearch__input,.vkuiSearch--sizeY-regular .vkuiSearch__placeholder,.vkuiSearch--sizeY-regular .vkuiSearch__placeholder-in,.vkuiSearch--sizeY-regular .vkuiSearch__width{height:var(--vkui--size_search_height--regular)}.vkuiSearch--sizeY-regular .vkuiSearch__after,.vkuiSearch--sizeY-regular .vkuiSearch__after-width{line-height:var(--vkui--size_search_height--regular)}@media (max-width:767px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiSearch--sizeY-none .vkuiSearch__after-width,.vkuiSearch--sizeY-none .vkuiSearch__icon,.vkuiSearch--sizeY-none .vkuiSearch__input,.vkuiSearch--sizeY-none .vkuiSearch__placeholder,.vkuiSearch--sizeY-none .vkuiSearch__placeholder-in,.vkuiSearch--sizeY-none .vkuiSearch__width{height:var(--vkui--size_search_height--regular)}.vkuiSearch--sizeY-none .vkuiSearch__after,.vkuiSearch--sizeY-none .vkuiSearch__after-width{line-height:var(--vkui--size_search_height--regular)}}.vkuiSearch{background:var(--vkui--color_background_content)}.vkuiSearch__control{background-color:var(--vkui--color_search_field_background)}.vkuiSearch__in:hover .vkuiSearch__after-width,.vkuiSearch__in:hover .vkuiSearch__after:after,.vkuiSearch__in:hover .vkuiSearch__control{background-color:var(--vkui--color_search_field_background--hover)}.vkuiSearch__in:hover .vkuiSearch__after-width{color:var(--vkui--color_search_field_background--hover)}.vkuiSearch__in:active .vkuiSearch__after-width,.vkuiSearch__in:active .vkuiSearch__after:after,.vkuiSearch__in:active .vkuiSearch__control{background-color:var(--vkui--color_search_field_background--active)}.vkuiSearch__in:active .vkuiSearch__after-width{color:var(--vkui--color_search_field_background--active)}.vkuiSearch__input{color:var(--vkui--color_text_primary)}.vkuiSearch__placeholder{color:var(--vkui--color_icon_medium)}.vkuiSearch__after-width{background:var(--vkui--color_search_field_background);color:var(--vkui--color_search_field_background)}.vkuiSearch__after{background:var(--vkui--color_background_content);color:var(--vkui--color_icon_accent_themed)}.vkuiSearch__after:after{background-color:var(--vkui--color_search_field_background)}.vkuiSearch__after:before{background-color:var(--vkui--color_background_content)}.vkuiPanelHeader .vkuiSearch{background:var(--vkui--color_header_background)}.vkuiPanelHeader .vkuiSearch__control{background-color:var(--vkui--color_search_field_background)}.vkuiPanelHeader .vkuiSearch__input{color:var(--vkui--color_text_primary)}.vkuiPanelHeader .vkuiSearch__placeholder{color:var(--vkui--color_icon_secondary)}.vkuiPanelHeader .vkuiSearch__after-width{background:var(--vkui--color_search_field_background);color:var(--vkui--color_search_field_background)}.vkuiPanelHeader .vkuiSearch__after{background:var(--vkui--color_header_background);color:var(--vkui--color_icon_accent_themed)}.vkuiPanelHeader .vkuiSearch__after:after{background-color:var(--vkui--color_search_field_background)}.vkuiPanelHeader .vkuiSearch__after:before{background-color:var(--vkui--color_header_background)}.vkuiSearch--ios{padding:8px 12px}

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

@@ -13,4 +13,4 @@ export interface SearchProps extends React.InputHTMLAttributes<HTMLInputElement>
     onIconClick?: (e: VKUITouchEvent) => void;
     defaultValue?: string;
 }
-export declare const Search: React.FC<Pick<SearchProps, "max" | "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "pattern" | "color" | "size" | "icon" | "after" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "min" | "name" | "type" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "alt" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "step" | "getRef" | "before" | "onIconClick">>;
+export declare const Search: React.FC<Omit<SearchProps, "platform">>;