@vkontakte/vkui 4.34.1 → 4.35.1

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

@@ -1,16 +1,18 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "weight", "level", "Component"];
+var _excluded = ["children", "weight", "level", "Component", "getRootRef"];
 import { createScopedElement } from "../../../lib/jsxRuntime";
 import { usePlatform } from "../../../hooks/usePlatform";
 import { useAdaptivity } from "../../../hooks/useAdaptivity";
 import { classNames } from "../../../lib/classNames";
+import { warnOnce } from "../../../lib/warnOnce";
 import { getClassName } from "../../../helpers/getClassName";
 import "./Headline.css";
-
+var warn = warnOnce("Headline");
 /**
  * @see https://vkcom.github.io/VKUI/#/Headline
  */
+
 export var Headline = function Headline(_ref) {
   var children = _ref.children,
       _ref$weight = _ref.weight,
@@ -19,6 +21,7 @@ export var Headline = function Headline(_ref) {
       level = _ref$level === void 0 ? "1" : _ref$level,
       _ref$Component = _ref.Component,
       Component = _ref$Component === void 0 ? "h3" : _ref$Component,
+      getRootRef = _ref.getRootRef,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var platform = usePlatform();
@@ -26,7 +29,12 @@ export var Headline = function Headline(_ref) {
   var _useAdaptivity = useAdaptivity(),
       sizeY = _useAdaptivity.sizeY;
 
+  if (process.env.NODE_ENV === "development" && typeof Component !== "string" && getRootRef) {
+    warn("getRootRef может использоваться только с элементами DOM", "error");
+  }
+
   return createScopedElement(Component, _extends({}, restProps, {
+    ref: getRootRef,
     vkuiClass: classNames(getClassName("Headline", platform), // TODO: v5 remove
     "Headline--sizeY-".concat(sizeY), // TODO: новая адаптивность
     "Headline--l-".concat(level), "Headline--w-".concat(weight))

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"names":["usePlatform","useAdaptivity","classNames","getClassName","Headline","children","weight","level","Component","restProps","platform","sizeY"],"mappings":";;;;AAEA,SAASA,WAAT;AACA,SAASC,aAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA;;AAcA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAMH;AAAA,MALnBC,QAKmB,QALnBA,QAKmB;AAAA,yBAJnBC,MAImB;AAAA,MAJnBA,MAImB,4BAJV,GAIU;AAAA,wBAHnBC,KAGmB;AAAA,MAHnBA,KAGmB,2BAHX,GAGW;AAAA,4BAFnBC,SAEmB;AAAA,MAFnBA,SAEmB,+BAFP,IAEO;AAAA,MADhBC,SACgB;;AACnB,MAAMC,QAAQ,GAAGV,WAAW,EAA5B;;AACA,uBAAkBC,aAAa,EAA/B;AAAA,MAAQU,KAAR,kBAAQA,KAAR;;AAEA,SACE,oBAAC,SAAD,eACMF,SADN;AAEE,IAAA,SAAS,EAAEP,UAAU,CACnBC,YAAY,CAAC,UAAD,EAAaO,QAAb,CADO,EACiB;AADjB,8BAEAC,KAFA,GAES;AAFT,0BAGJJ,KAHI,yBAIJD,MAJI;AAFvB,MASGD,QATH,CADF;AAaD,CAvBM","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { usePlatform } from \"../../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { getClassName } from \"../../../helpers/getClassName\";\nimport \"./Headline.css\";\n\nexport interface HeadlineProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"1\" | \"2\" | \"3\";\n  level?: \"1\" | \"2\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Headline\n */\nexport const Headline = ({\n  children,\n  weight = \"3\",\n  level = \"1\",\n  Component = \"h3\", // TODO: v5 h4\n  ...restProps\n}: HeadlineProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"Headline\", platform), // TODO: v5 remove\n        `Headline--sizeY-${sizeY}`, // TODO: новая адаптивность\n        `Headline--l-${level}`,\n        `Headline--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"file":"Headline.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"names":["usePlatform","useAdaptivity","classNames","warnOnce","getClassName","warn","Headline","children","weight","level","Component","getRootRef","restProps","platform","sizeY","process","env","NODE_ENV"],"mappings":";;;;AAEA,SAASA,WAAT;AACA,SAASC,aAAT;AACA,SAASC,UAAT;AACA,SAASC,QAAT;AACA,SAASC,YAAT;AACA;AAeA,IAAMC,IAAI,GAAGF,QAAQ,CAAC,UAAD,CAArB;AAEA;AACA;AACA;;AACA,OAAO,IAAMG,QAAQ,GAAG,SAAXA,QAAW,OAOH;AAAA,MANnBC,QAMmB,QANnBA,QAMmB;AAAA,yBALnBC,MAKmB;AAAA,MALnBA,MAKmB,4BALV,GAKU;AAAA,wBAJnBC,KAImB;AAAA,MAJnBA,KAImB,2BAJX,GAIW;AAAA,4BAHnBC,SAGmB;AAAA,MAHnBA,SAGmB,+BAHP,IAGO;AAAA,MAFnBC,UAEmB,QAFnBA,UAEmB;AAAA,MADhBC,SACgB;;AACnB,MAAMC,QAAQ,GAAGb,WAAW,EAA5B;;AACA,uBAAkBC,aAAa,EAA/B;AAAA,MAAQa,KAAR,kBAAQA,KAAR;;AAEA,MACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAOP,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;AACAN,IAAAA,IAAI,CAAC,yDAAD,EAA4D,OAA5D,CAAJ;AACD;;AAED,SACE,oBAAC,SAAD,eACMO,SADN;AAEE,IAAA,GAAG,EAAED,UAFP;AAGE,IAAA,SAAS,EAAET,UAAU,CACnBE,YAAY,CAAC,UAAD,EAAaS,QAAb,CADO,EACiB;AADjB,8BAEAC,KAFA,GAES;AAFT,0BAGJL,KAHI,yBAIJD,MAJI;AAHvB,MAUGD,QAVH,CADF;AAcD,CAjCM","sourcesContent":["import * as React from \"react\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport { usePlatform } from \"../../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { getClassName } from \"../../../helpers/getClassName\";\nimport \"./Headline.css\";\n\nexport interface HeadlineProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"1\" | \"2\" | \"3\";\n  level?: \"1\" | \"2\";\n}\n\nconst warn = warnOnce(\"Headline\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Headline\n */\nexport const Headline = ({\n  children,\n  weight = \"3\",\n  level = \"1\",\n  Component = \"h3\", // TODO: v5 h4\n  getRootRef,\n  ...restProps\n}: HeadlineProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    typeof Component !== \"string\" &&\n    getRootRef\n  ) {\n    warn(\"getRootRef может использоваться только с элементами DOM\", \"error\");\n  }\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        getClassName(\"Headline\", platform), // TODO: v5 remove\n        `Headline--sizeY-${sizeY}`, // TODO: новая адаптивность\n        `Headline--l-${level}`,\n        `Headline--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"file":"Headline.js"}

package/dist/cssm/components/Typography/Paragraph/Paragraph.css

@@ -1 +1 @@
-.vkuiParagraph{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);font-weight:400;font-weight:var(--vkui--font_paragraph--font_weight--regular,400)}.vkuiParagraph--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiParagraph--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiParagraph--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}
+.vkuiParagraph{font-size:15px;font-size:var(--vkui--font_paragraph--font_size--regular,15px);font-weight:400;font-weight:var(--vkui--font_paragraph--font_weight--regular,400);line-height:20px;line-height:var(--vkui--font_paragraph--line_height--regular,20px)}.vkuiParagraph--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiParagraph--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiParagraph--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}

package/dist/cssm/components/Typography/Subhead/Subhead.css

@@ -1 +1 @@
-.vkuiSubhead{margin:0;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);font-weight:400;font-weight:var(--vkui--font_subhead--font_weight--regular,400)}.vkuiSubhead--sizeY-compact{font-size:13px;font-size:var(--vkui--font_subhead--font_size--compact,13px);line-height:16px;line-height:var(--vkui--font_subhead--line_height--compact,16px)}.vkuiSubhead--w-regular{font-weight:400}.vkuiSubhead--w-medium{font-weight:500}.vkuiSubhead--w-semibold{font-weight:600}.vkuiSubhead--w-bold{font-weight:700}.vkuiSubhead--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiSubhead--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiSubhead--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}
+.vkuiSubhead{font-size:14px;font-size:var(--vkui--font_subhead--font_size--regular,14px);font-weight:400;font-weight:var(--vkui--font_subhead--font_weight--regular,400);line-height:18px;line-height:var(--vkui--font_subhead--line_height--regular,18px);margin:0}.vkuiSubhead--sizeY-compact{font-size:13px;font-size:var(--vkui--font_subhead--font_size--compact,13px);line-height:16px;line-height:var(--vkui--font_subhead--line_height--compact,16px)}.vkuiSubhead--w-regular{font-weight:400}.vkuiSubhead--w-medium{font-weight:500}.vkuiSubhead--w-semibold{font-weight:600}.vkuiSubhead--w-bold{font-weight:700}.vkuiSubhead--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiSubhead--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiSubhead--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}

package/dist/cssm/components/Typography/Text/Text.css

@@ -1 +1 @@
-.vkuiText{display:block;margin:0;font-size:16px;font-size:var(--vkui--font_text--font_size--regular,16px);line-height:20px;line-height:var(--vkui--font_text--line_height--regular,20px);font-weight:400;font-weight:var(--vkui--font_text--font_weight--regular,400)}.vkuiText--sizeY-compact{font-size:15px;font-size:var(--vkui--font_text--font_size--compact,15px);line-height:20px;line-height:var(--vkui--font_text--line_height--compact,20px)}.vkuiText--w-regular{font-weight:400}.vkuiText--w-medium{font-weight:500}.vkuiText--w-semibold{font-weight:600}.vkuiText--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiText--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiText--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}
+.vkuiText{display:block;font-size:16px;font-size:var(--vkui--font_text--font_size--regular,16px);font-weight:400;font-weight:var(--vkui--font_text--font_weight--regular,400);line-height:20px;line-height:var(--vkui--font_text--line_height--regular,20px);margin:0}.vkuiText--sizeY-compact{font-size:15px;font-size:var(--vkui--font_text--font_size--compact,15px);line-height:20px;line-height:var(--vkui--font_text--line_height--compact,20px)}.vkuiText--w-regular{font-weight:400}.vkuiText--w-medium{font-weight:500}.vkuiText--w-1,.vkuiText--w-semibold{font-weight:600}.vkuiText--w-1{font-weight:var(--vkui--font_weight_accent1,600)}.vkuiText--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiText--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}

package/dist/cssm/components/Typography/Title/Title.css

@@ -1 +1 @@
-.vkuiTitle{display:block;margin:0}.vkuiTitle--l-1{font-size:24px;font-size:var(--vkui--font_title1--font_size--regular,24px);line-height:28px;line-height:var(--vkui--font_title1--line_height--regular,28px);font-weight:600;font-weight:var(--vkui--font_title1--font_weight--regular,600)}.vkuiTitle--l-2{font-size:20px;font-size:var(--vkui--font_title2--font_size--regular,20px);line-height:24px;line-height:var(--vkui--font_title2--line_height--regular,24px);font-weight:600;font-weight:var(--vkui--font_title2--font_weight--regular,600)}.vkuiTitle--l-3{font-size:17px;font-size:var(--vkui--font_title3--font_size--regular,17px);line-height:22px;line-height:var(--vkui--font_title3--line_height--regular,22px);font-weight:600;font-weight:var(--vkui--font_title3--font_weight--regular,600)}.vkuiTitle--w-regular{font-weight:400}.vkuiTitle--w-medium{font-weight:500}.vkuiTitle--w-semibold{font-weight:600}.vkuiTitle--w-bold{font-weight:700}.vkuiTitle--w-heavy{font-weight:800}.vkuiTitle--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiTitle--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiTitle--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}
+.vkuiTitle{display:block;margin:0}.vkuiTitle--l-1{font-size:24px;font-size:var(--vkui--font_title1--font_size--regular,24px);font-weight:600;font-weight:var(--vkui--font_title1--font_weight--regular,600);line-height:28px;line-height:var(--vkui--font_title1--line_height--regular,28px)}.vkuiTitle--l-2{font-size:20px;font-size:var(--vkui--font_title2--font_size--regular,20px);font-weight:600;font-weight:var(--vkui--font_title2--font_weight--regular,600);line-height:24px;line-height:var(--vkui--font_title2--line_height--regular,24px)}.vkuiTitle--l-3{font-size:17px;font-size:var(--vkui--font_title3--font_size--regular,17px);font-weight:600;font-weight:var(--vkui--font_title3--font_weight--regular,600);line-height:22px;line-height:var(--vkui--font_title3--line_height--regular,22px)}.vkuiTitle--w-regular{font-weight:400}.vkuiTitle--w-medium{font-weight:500}.vkuiTitle--w-semibold{font-weight:600}.vkuiTitle--w-bold{font-weight:700}.vkuiTitle--w-heavy{font-weight:800}.vkuiTitle--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiTitle--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiTitle--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}

package/dist/cssm/components/UsersStack/UsersStack.css

@@ -1,5 +1,5 @@
-.vkuiUsersStack{display:flex;align-items:center;color:#818c99;color:var(--text_secondary, var(--vkui--color_text_secondary))}.vkuiUsersStack__photos{display:flex}.vkuiUsersStack__fill{fill:rgba(0,28,61,.08);fill:var(--placeholder_icon_background,
-    var(--vkui--color_image_placeholder_alpha)
-  )}.vkuiUsersStack__photo--others{display:flex;align-items:center;justify-content:center;color:#f2f3f5;color:var(--vkui--color_icon_contrast_secondary,#F2F3F5);background:#99a2ad;background:var(--content_placeholder_icon,
-    var(--vkui--color_icon_secondary)
-  );border-radius:50%}.vkuiUsersStack--size-xs .vkuiUsersStack__photo{width:16px;height:16px}.vkuiUsersStack--size-s .vkuiUsersStack__photo{width:24px;height:24px}.vkuiUsersStack--size-m .vkuiUsersStack__photo{width:32px;height:32px}.vkuiUsersStack__photo+.vkuiUsersStack__photo{margin-left:-2px}.vkuiUsersStack__text{min-width:0;flex:1;margin:0 0 0 8px}.vkuiUsersStack--l-vertical{flex-direction:column;justify-content:center}.vkuiUsersStack--l-vertical .vkuiUsersStack__text{margin:8px 0 0;text-align:center}.vkuiModalCardBase .vkuiUsersStack{margin-top:20px}
+.vkuiUsersStack{align-items:center;color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));display:flex}.vkuiUsersStack__photos{display:flex}.vkuiUsersStack__fill{fill:rgba(0,28,61,.08);fill:var(
+    --placeholder_icon_background,var(--vkui--color_image_placeholder_alpha)
+  )}.vkuiUsersStack__photo--others{align-items:center;background:#99a2ad;background:var(
+    --content_placeholder_icon,var(--vkui--color_icon_secondary)
+  );border-radius:50%;color:#f2f3f5;color:var(--vkui--color_icon_contrast_secondary,#f2f3f5);display:flex;justify-content:center}.vkuiUsersStack--size-xs .vkuiUsersStack__photo{height:16px;width:16px}.vkuiUsersStack--size-s .vkuiUsersStack__photo{height:24px;width:24px}.vkuiUsersStack--size-m .vkuiUsersStack__photo{height:32px;width:32px}.vkuiUsersStack__photo+.vkuiUsersStack__photo{margin-left:-2px}.vkuiUsersStack__text{flex:1;margin:0 0 0 8px;min-width:0}.vkuiUsersStack--l-vertical{flex-direction:column;justify-content:center}.vkuiUsersStack--l-vertical .vkuiUsersStack__text{margin:8px 0 0;text-align:center}.vkuiModalCardBase .vkuiUsersStack{margin-top:20px}

package/dist/cssm/components/View/View.css

@@ -1 +1 @@
-.vkuiView--ios .vkuiPanel__in{padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom)}.vkuiView--ios .vkuiPanel__in{padding:0 0 0 0;padding:0 var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)}.vkuiView--ios .vkuiView__panel--swipe-back-prev{box-shadow:-2px 0 12px rgba(0,0,0,.3)}.vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-success{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);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-success{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);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-failed{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);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-failed{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);-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.vkuiView--ios .vkuiView__panel--prev{-webkit-animation:vkui-animation-ios-prev-forward .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-prev-forward .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-prev-forward .6s var(--ios-easing);animation:vkui-animation-ios-prev-forward .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--next{-webkit-animation:vkui-animation-ios-next-back .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-next-back .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-next-back .6s var(--ios-easing);animation:vkui-animation-ios-next-back .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--prev~.vkuiView__panel--next{-webkit-animation:vkui-animation-ios-next-forward .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-next-forward .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-next-forward .6s var(--ios-easing);animation:vkui-animation-ios-next-forward .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--next~.vkuiView__panel--prev{-webkit-animation:vkui-animation-ios-prev-back .6s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-animation-ios-prev-back .6s cubic-bezier(.36,.66,.04,1) forwards;-webkit-animation:vkui-animation-ios-prev-back .6s var(--ios-easing) forwards;animation:vkui-animation-ios-prev-back .6s var(--ios-easing) forwards}.vkuiView--ios .vkuiView__panel--prev .vkuiPanel__fade,.vkuiView--ios .vkuiView__panel--next .vkuiPanel__fade{position:absolute;width:100%;height:100%;left:0;top:0;z-index:10;background:#000;pointer-events:none}.vkuiView--ios .vkuiView__panel--prev .vkuiPanel__fade{-webkit-animation:vkui-animation-ios-fade-in .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-fade-in .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-fade-in .6s var(--ios-easing);animation:vkui-animation-ios-fade-in .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--next .vkuiPanel__fade{-webkit-animation:vkui-animation-ios-fade-out .6s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-animation-ios-fade-out .6s cubic-bezier(.36,.66,.04,1) forwards;-webkit-animation:vkui-animation-ios-fade-out .6s var(--ios-easing) forwards;animation:vkui-animation-ios-fade-out .6s var(--ios-easing) forwards}.vkuiView--ios .vkuiView__panel--prev~.vkuiView__panel--next .vkuiPanel__fade,.vkuiView--ios .vkuiView__panel--next~.vkuiView__panel--prev .vkuiPanel__fade{display:none}.vkuiView--ios.vkuiView--no-motion .vkuiView__panel,.vkuiView--ios.vkuiView--no-motion .vkuiView__panel .vkuiPanel__in{-webkit-animation:none;animation:none}.vkuiView--ios .vkuiView__panel--active .vkuiPanel__fade{display:none}@-webkit-keyframes vkui-animation-ios-next-forward{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes vkui-animation-ios-next-forward{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes vkui-animation-ios-next-back{0%{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes vkui-animation-ios-next-back{0%{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes vkui-animation-ios-prev-forward{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@keyframes vkui-animation-ios-prev-forward{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-webkit-keyframes vkui-animation-ios-prev-back{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes vkui-animation-ios-prev-back{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes vkui-animation-ios-fade-in{0%{opacity:0}to{opacity:.3}}@keyframes vkui-animation-ios-fade-in{0%{opacity:0}to{opacity:.3}}@-webkit-keyframes vkui-animation-ios-fade-out{0%{opacity:.3}to{opacity:0}}@keyframes vkui-animation-ios-fade-out{0%{opacity:.3}to{opacity:0}}.vkuiView{position:relative;height:100%;width:100%;word-wrap:break-word;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-common)}.vkuiView--animated,.vkuiView--swiping-back{overflow:hidden}.vkuiView__header{z-index:2;position:fixed;width:100%}.vkuiView--animated .vkuiView__panel,.vkuiView--animated .vkuiView__header,.vkuiView--swiping-back .vkuiView__panel,.vkuiView--swiping-back .vkuiView__header{pointer-events:none}.vkuiView__panels{height:100%;width:100%}.vkuiView__panel{position:relative;width:100%;height:100%;box-sizing:border-box;z-index:1}.vkuiView__panel-in{height:100%}.vkuiView--animated .vkuiView__panel,.vkuiView--swiping-back .vkuiView__panel{position:fixed;top:0;left:0;overflow:hidden}.vkuiView__popout{position:fixed;left:0;top:0;z-index:100;width:100%;height:100%}.vkuiView__modal{position:fixed;left:0;top:0;z-index:99;width:100%;height:100%}.vkuiView__modal:empty{display:none}.vkuiView__panel--next~.vkuiView__panel--prev{-webkit-animation:vkui-animation-view-prev-back .3s cubic-bezier(.4,0,.2,1) forwards;animation:vkui-animation-view-prev-back .3s cubic-bezier(.4,0,.2,1) forwards;-webkit-animation:vkui-animation-view-prev-back .3s var(--android-easing) forwards;animation:vkui-animation-view-prev-back .3s var(--android-easing) forwards}.vkuiView__panel--prev~.vkuiView__panel--next{-webkit-animation:vkui-animation-view-next-forward .3s cubic-bezier(.4,0,.2,1);animation:vkui-animation-view-next-forward .3s cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-animation-view-next-forward .3s var(--android-easing);animation:vkui-animation-view-next-forward .3s var(--android-easing)}.vkuiView--no-motion .vkuiView__panel{-webkit-animation:none;animation:none}@-webkit-keyframes vkui-animation-view-prev-back{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}}@keyframes vkui-animation-view-prev-back{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}}@-webkit-keyframes vkui-animation-view-next-forward{0%{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes vkui-animation-view-next-forward{0%{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
+.vkuiView--ios .vkuiPanel__in{padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom);padding:0;padding:0 var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)}.vkuiView--ios .vkuiView__panel--swipe-back-prev{box-shadow:-2px 0 12px rgba(0,0,0,.3)}.vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-success{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,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)}.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-success,.vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-failed{-webkit-transform:translateZ(0);transform:translateZ(0)}.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-failed,.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-success,.vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-failed{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)}.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-failed{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.vkuiView--ios .vkuiView__panel--prev{-webkit-animation:vkui-animation-ios-prev-forward .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-prev-forward .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-prev-forward .6s var(--ios-easing);animation:vkui-animation-ios-prev-forward .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--next{-webkit-animation:vkui-animation-ios-next-back .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-next-back .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-next-back .6s var(--ios-easing);animation:vkui-animation-ios-next-back .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--prev~.vkuiView__panel--next{-webkit-animation:vkui-animation-ios-next-forward .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-next-forward .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-next-forward .6s var(--ios-easing);animation:vkui-animation-ios-next-forward .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--next~.vkuiView__panel--prev{-webkit-animation:vkui-animation-ios-prev-back .6s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-animation-ios-prev-back .6s cubic-bezier(.36,.66,.04,1) forwards;-webkit-animation:vkui-animation-ios-prev-back .6s var(--ios-easing) forwards;animation:vkui-animation-ios-prev-back .6s var(--ios-easing) forwards}.vkuiView--ios .vkuiView__panel--next .vkuiPanel__fade,.vkuiView--ios .vkuiView__panel--prev .vkuiPanel__fade{background:#000;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.vkuiView--ios .vkuiView__panel--prev .vkuiPanel__fade{-webkit-animation:vkui-animation-ios-fade-in .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-fade-in .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-fade-in .6s var(--ios-easing);animation:vkui-animation-ios-fade-in .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--next .vkuiPanel__fade{-webkit-animation:vkui-animation-ios-fade-out .6s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-animation-ios-fade-out .6s cubic-bezier(.36,.66,.04,1) forwards;-webkit-animation:vkui-animation-ios-fade-out .6s var(--ios-easing) forwards;animation:vkui-animation-ios-fade-out .6s var(--ios-easing) forwards}.vkuiView--ios .vkuiView__panel--next~.vkuiView__panel--prev .vkuiPanel__fade,.vkuiView--ios .vkuiView__panel--prev~.vkuiView__panel--next .vkuiPanel__fade{display:none}.vkuiView--ios.vkuiView--no-motion .vkuiView__panel,.vkuiView--ios.vkuiView--no-motion .vkuiView__panel .vkuiPanel__in{-webkit-animation:none;animation:none}.vkuiView--ios .vkuiView__panel--active .vkuiPanel__fade{display:none}@-webkit-keyframes vkui-animation-ios-next-forward{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes vkui-animation-ios-next-forward{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes vkui-animation-ios-next-back{0%{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes vkui-animation-ios-next-back{0%{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes vkui-animation-ios-prev-forward{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@keyframes vkui-animation-ios-prev-forward{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-webkit-keyframes vkui-animation-ios-prev-back{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes vkui-animation-ios-prev-back{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes vkui-animation-ios-fade-in{0%{opacity:0}to{opacity:.3}}@keyframes vkui-animation-ios-fade-in{0%{opacity:0}to{opacity:.3}}@-webkit-keyframes vkui-animation-ios-fade-out{0%{opacity:.3}to{opacity:0}}@keyframes vkui-animation-ios-fade-out{0%{opacity:.3}to{opacity:0}}.vkuiView{word-wrap:break-word;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-common);height:100%;position:relative;width:100%}.vkuiView--animated,.vkuiView--swiping-back{overflow:hidden}.vkuiView__header{position:fixed;width:100%;z-index:2}.vkuiView--animated .vkuiView__header,.vkuiView--animated .vkuiView__panel,.vkuiView--swiping-back .vkuiView__header,.vkuiView--swiping-back .vkuiView__panel{pointer-events:none}.vkuiView__panel,.vkuiView__panels{height:100%;width:100%}.vkuiView__panel{box-sizing:border-box;position:relative;z-index:1}.vkuiView__panel-in{height:100%}.vkuiView--animated .vkuiView__panel,.vkuiView--swiping-back .vkuiView__panel{left:0;overflow:hidden;position:fixed;top:0}.vkuiView__popout{z-index:100}.vkuiView__modal,.vkuiView__popout{height:100%;left:0;position:fixed;top:0;width:100%}.vkuiView__modal{z-index:99}.vkuiView__modal:empty{display:none}.vkuiView__panel--next~.vkuiView__panel--prev{-webkit-animation:vkui-animation-view-prev-back .3s cubic-bezier(.4,0,.2,1) forwards;animation:vkui-animation-view-prev-back .3s cubic-bezier(.4,0,.2,1) forwards;-webkit-animation:vkui-animation-view-prev-back .3s var(--android-easing) forwards;animation:vkui-animation-view-prev-back .3s var(--android-easing) forwards}.vkuiView__panel--prev~.vkuiView__panel--next{-webkit-animation:vkui-animation-view-next-forward .3s cubic-bezier(.4,0,.2,1);animation:vkui-animation-view-next-forward .3s cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-animation-view-next-forward .3s var(--android-easing);animation:vkui-animation-view-next-forward .3s var(--android-easing)}.vkuiView--no-motion .vkuiView__panel{-webkit-animation:none;animation:none}@-webkit-keyframes vkui-animation-view-prev-back{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}}@keyframes vkui-animation-view-prev-back{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}}@-webkit-keyframes vkui-animation-view-next-forward{0%{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes vkui-animation-view-next-forward{0%{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}

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

@@ -1,8 +1,4 @@
 import * as React from "react";
-import { HasPlatform } from "../../types";
-import { ConfigProviderContextInterface } from "../ConfigProvider/ConfigProviderContext";
-import { SplitColContextProps } from "../SplitCol/SplitCol";
-import { ScrollContextInterface } from "../AppRoot/ScrollContext";
 import { NavIdProps } from "../../lib/getNavId";
 import "./View.css";
 declare enum SwipeBackResults {
@@ -16,7 +12,7 @@ interface ViewsScrolls {
     [index: string]: Scrolls;
 }
 export declare let scrollsCache: ViewsScrolls;
-export interface ViewProps extends React.HTMLAttributes<HTMLElement>, HasPlatform, NavIdProps {
+export interface ViewProps extends React.HTMLAttributes<HTMLElement>, NavIdProps {
     activePanel: string;
     /**
      * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.
@@ -48,18 +44,6 @@ export interface ViewProps extends React.HTMLAttributes<HTMLElement>, HasPlatfor
      */
     onSwipeBackCancel?(): void;
     history?: string[];
-    /**
-     * @ignore
-     */
-    splitCol?: SplitColContextProps;
-    /**
-     * @ignore
-     */
-    configProvider?: ConfigProviderContextInterface;
-    /**
-     * @ignore
-     */
-    scroll?: ScrollContextInterface;
 }
 export interface ViewState {
     animated: boolean;
@@ -79,5 +63,5 @@ export interface ViewState {
 /**
  * @see https://vkcom.github.io/VKUI/#/View
  */
-export declare const View: React.FC<Pick<ViewProps, "hidden" | "dir" | "nav" | "slot" | "style" | "title" | "scroll" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "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" | "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" | "popout" | "modal" | "onTransition" | "activePanel" | "onSwipeBack" | "onSwipeBackStart" | "onSwipeBackCancel" | "history" | "splitCol" | "configProvider">>;
+export declare const View: ({ popout, modal, activePanel: activePanelProp, history, nav, onTransition, onSwipeBack, onSwipeBackStart, onSwipeBackCancel: onSwipeBackCancelProp, children, ...restProps }: ViewProps) => JSX.Element;
 export {};