@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.js

@@ -1,58 +1,38 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "mode", "removable", "segmented", "removePlaceholder", "onRemove", "getRootRef", "className"];
 import * as React from 'react';
 import { classNames, noop } from '@vkontakte/vkjs';
 import { useAdaptivity } from '../../hooks/useAdaptivity';
 import { useExternRef } from '../../hooks/useExternRef';
 import { SizeType } from '../../lib/adaptivity';
 import { Removable } from '../Removable/Removable';
-import "./FormLayoutGroup.module.css";
-var sizeYClassNames = _defineProperty({
-  none: "vkuiFormLayoutGroup--sizeY-none"
-}, SizeType.COMPACT, "vkuiFormLayoutGroup--sizeY-compact");
+import styles from './FormLayoutGroup.module.css';
+const sizeYClassNames = {
+    none: classNames(styles['FormLayoutGroup--sizeY-none'], 'vkuiInternalFormLayoutGroup--sizeY-none'),
+    [SizeType.COMPACT]: classNames(styles['FormLayoutGroup--sizeY-compact'], 'vkuiInternalFormLayoutGroup--sizeY-compact')
+};
 /**
  * @see https://vkcom.github.io/VKUI/#/FormLayoutGroup
- */
-export var FormLayoutGroup = function FormLayoutGroup(_ref) {
-  var children = _ref.children,
-    _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? 'vertical' : _ref$mode,
-    removable = _ref.removable,
-    segmented = _ref.segmented,
-    _ref$removePlaceholde = _ref.removePlaceholder,
-    removePlaceholder = _ref$removePlaceholde === void 0 ? 'Удалить' : _ref$removePlaceholde,
-    _ref$onRemove = _ref.onRemove,
-    _onRemove = _ref$onRemove === void 0 ? noop : _ref$onRemove,
-    getRootRef = _ref.getRootRef,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _useAdaptivity = useAdaptivity(),
-    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
-    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
-  var isRemovable = removable && mode === 'horizontal';
-  var isSegmented = segmented && mode === 'horizontal';
-  var rootEl = useExternRef(getRootRef);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: rootEl,
-    className: classNames("vkuiFormLayoutGroup", sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], styles["FormLayoutGroup--mode-".concat(mode)], isRemovable && "vkuiFormLayoutGroup--removable", isSegmented && "vkuiFormLayoutGroup--segmented", className)
-  }, restProps), isRemovable ? /*#__PURE__*/React.createElement(Removable, {
-    className: "vkuiFormLayoutGroup__removable",
-    align: "start",
-    removePlaceholder: removePlaceholder,
-    onRemove: function onRemove(e) {
-      if (rootEl !== null && rootEl !== void 0 && rootEl.current) {
-        _onRemove(e, rootEl.current);
-      }
-    }
-  }, children) : /*#__PURE__*/React.createElement(React.Fragment, null, children, /*#__PURE__*/React.createElement("span", {
-    className: "vkuiFormLayoutGroup__offset",
-    "aria-hidden": true
-  })));
-};
-var styles = {
-  "FormLayoutGroup--mode-horizontal": "vkuiFormLayoutGroup--mode-horizontal",
-  "FormLayoutGroup--mode-vertical": "vkuiFormLayoutGroup--mode-vertical"
+ */ export const FormLayoutGroup = ({ children , mode ='vertical' , removable , segmented , removePlaceholder ='Удалить' , onRemove =noop , getRootRef , className , ...restProps })=>{
+    const { sizeY ='none'  } = useAdaptivity();
+    const isRemovable = removable && mode === 'horizontal';
+    const isSegmented = segmented && mode === 'horizontal';
+    const rootEl = useExternRef(getRootRef);
+    return /*#__PURE__*/ React.createElement("div", {
+        ref: rootEl,
+        className: classNames(sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], mode === 'horizontal' && classNames(styles['FormLayoutGroup--mode-horizontal'], 'vkuiInternalFormLayoutGroup--mode-horizontal'), isRemovable && classNames(styles['FormLayoutGroup--removable'], 'vkuiInternalFormLayoutGroup--removable'), isSegmented && classNames(styles['FormLayoutGroup--segmented'], 'vkuiInternalFormLayoutGroup--segmented'), className),
+        ...restProps
+    }, isRemovable ? /*#__PURE__*/ React.createElement(Removable, {
+        className: styles['FormLayoutGroup__removable'],
+        align: "start",
+        removePlaceholder: removePlaceholder,
+        onRemove: (e)=>{
+            if (rootEl?.current) {
+                onRemove(e, rootEl.current);
+            }
+        }
+    }, children) : /*#__PURE__*/ React.createElement(React.Fragment, null, children, /*#__PURE__*/ React.createElement("span", {
+        className: styles['FormLayoutGroup__offset'],
+        "aria-hidden": true
+    })));
 };
+
 //# sourceMappingURL=FormLayoutGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormLayoutGroup.js","names":["React","classNames","noop","useAdaptivity","useExternRef","SizeType","Removable","sizeYClassNames","none","COMPACT","FormLayoutGroup","children","mode","removable","segmented","removePlaceholder","onRemove","getRootRef","className","restProps","sizeY","isRemovable","isSegmented","rootEl","REGULAR","styles","e","current"],"sources":["../../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { SizeType } from '../../lib/adaptivity';\nimport { HasRootRef } from '../../types';\nimport { Removable, RemovableProps } from '../Removable/Removable';\nimport styles from './FormLayoutGroup.module.css';\n\nconst sizeYClassNames = {\n  none: styles['FormLayoutGroup--sizeY-none'],\n  [SizeType.COMPACT]: styles['FormLayoutGroup--sizeY-compact'],\n};\n\nexport interface FormLayoutGroupProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  mode?: 'vertical' | 'horizontal';\n  /**\n   * Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.\n   */\n  removable?: boolean;\n\n  /**\n   * Только для режима horizontal. Дает возможность склеить несколько `FormItem`.\n   */\n  segmented?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormLayoutGroup\n */\nexport const FormLayoutGroup = ({\n  children,\n  mode = 'vertical',\n  removable,\n  segmented,\n  removePlaceholder = 'Удалить',\n  onRemove = noop,\n  getRootRef,\n  className,\n  ...restProps\n}: FormLayoutGroupProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n  const isRemovable = removable && mode === 'horizontal';\n  const isSegmented = segmented && mode === 'horizontal';\n  const rootEl = useExternRef(getRootRef);\n\n  return (\n    <div\n      ref={rootEl}\n      className={classNames(\n        styles['FormLayoutGroup'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        styles[`FormLayoutGroup--mode-${mode}`],\n        isRemovable && styles['FormLayoutGroup--removable'],\n        isSegmented && styles['FormLayoutGroup--segmented'],\n        className,\n      )}\n      {...restProps}\n    >\n      {isRemovable ? (\n        <Removable\n          className={styles['FormLayoutGroup__removable']}\n          align=\"start\"\n          removePlaceholder={removePlaceholder}\n          onRemove={(e) => {\n            if (rootEl?.current) {\n              onRemove(e, rootEl.current);\n            }\n          }}\n        >\n          {children}\n        </Removable>\n      ) : (\n        <React.Fragment>\n          {children}\n          <span className={styles['FormLayoutGroup__offset']} aria-hidden />\n        </React.Fragment>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,iBAAiB;AAClD,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,YAAY,QAAQ,0BAA0B;AACvD,SAASC,QAAQ,QAAQ,sBAAsB;AAE/C,SAASC,SAAS,QAAwB,wBAAwB;AAAC;AAGnE,IAAMC,eAAe;EACnBC,IAAI;AAAuC,GAC1CH,QAAQ,CAACI,OAAO,uCAClB;AAkBD;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAe,OAUA;EAAA,IAT1BC,QAAQ,QAARA,QAAQ;IAAA,iBACRC,IAAI;IAAJA,IAAI,0BAAG,UAAU;IACjBC,SAAS,QAATA,SAAS;IACTC,SAAS,QAATA,SAAS;IAAA,6BACTC,iBAAiB;IAAjBA,iBAAiB,sCAAG,SAAS;IAAA,qBAC7BC,QAAQ;IAARA,SAAQ,8BAAGd,IAAI;IACfe,UAAU,QAAVA,UAAU;IACVC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,qBAA2BhB,aAAa,EAAE;IAAA,sCAAlCiB,KAAK;IAALA,KAAK,qCAAG,MAAM;EACtB,IAAMC,WAAW,GAAGR,SAAS,IAAID,IAAI,KAAK,YAAY;EACtD,IAAMU,WAAW,GAAGR,SAAS,IAAIF,IAAI,KAAK,YAAY;EACtD,IAAMW,MAAM,GAAGnB,YAAY,CAACa,UAAU,CAAC;EAEvC,oBACE;IACE,GAAG,EAAEM,MAAO;IACZ,SAAS,EAAEtB,UAAU,wBAEnBmB,KAAK,KAAKf,QAAQ,CAACmB,OAAO,IAAIjB,eAAe,CAACa,KAAK,CAAC,EACpDK,MAAM,iCAA0Bb,IAAI,EAAG,EACvCS,WAAW,oCAAwC,EACnDC,WAAW,oCAAwC,EACnDJ,SAAS;EACT,GACEC,SAAS,GAEZE,WAAW,gBACV,oBAAC,SAAS;IACR,SAAS,kCAAuC;IAChD,KAAK,EAAC,OAAO;IACb,iBAAiB,EAAEN,iBAAkB;IACrC,QAAQ,EAAE,kBAACW,CAAC,EAAK;MACf,IAAIH,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEI,OAAO,EAAE;QACnBX,SAAQ,CAACU,CAAC,EAAEH,MAAM,CAACI,OAAO,CAAC;MAC7B;IACF;EAAE,GAEDhB,QAAQ,CACC,gBAEZ,oBAAC,KAAK,CAAC,QAAQ,QACZA,QAAQ,eACT;IAAM,SAAS,+BAAoC;IAAC;EAAW,EAAG,CAErE,CACG;AAEV,CAAC;AAAC;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { SizeType } from '../../lib/adaptivity';\nimport { HasRootRef } from '../../types';\nimport { Removable, RemovableProps } from '../Removable/Removable';\nimport styles from './FormLayoutGroup.module.css';\n\nconst sizeYClassNames = {\n  none: classNames(\n    styles['FormLayoutGroup--sizeY-none'],\n    'vkuiInternalFormLayoutGroup--sizeY-none',\n  ),\n  [SizeType.COMPACT]: classNames(\n    styles['FormLayoutGroup--sizeY-compact'],\n    'vkuiInternalFormLayoutGroup--sizeY-compact',\n  ),\n};\n\nexport interface FormLayoutGroupProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  mode?: 'vertical' | 'horizontal';\n  /**\n   * Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.\n   */\n  removable?: boolean;\n\n  /**\n   * Только для режима horizontal. Дает возможность склеить несколько `FormItem`.\n   */\n  segmented?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormLayoutGroup\n */\nexport const FormLayoutGroup = ({\n  children,\n  mode = 'vertical',\n  removable,\n  segmented,\n  removePlaceholder = 'Удалить',\n  onRemove = noop,\n  getRootRef,\n  className,\n  ...restProps\n}: FormLayoutGroupProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n  const isRemovable = removable && mode === 'horizontal';\n  const isSegmented = segmented && mode === 'horizontal';\n  const rootEl = useExternRef(getRootRef);\n\n  return (\n    <div\n      ref={rootEl}\n      className={classNames(\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        mode === 'horizontal' &&\n          classNames(\n            styles['FormLayoutGroup--mode-horizontal'],\n            'vkuiInternalFormLayoutGroup--mode-horizontal',\n          ),\n        isRemovable &&\n          classNames(\n            styles['FormLayoutGroup--removable'],\n            'vkuiInternalFormLayoutGroup--removable',\n          ),\n        isSegmented &&\n          classNames(\n            styles['FormLayoutGroup--segmented'],\n            'vkuiInternalFormLayoutGroup--segmented',\n          ),\n        className,\n      )}\n      {...restProps}\n    >\n      {isRemovable ? (\n        <Removable\n          className={styles['FormLayoutGroup__removable']}\n          align=\"start\"\n          removePlaceholder={removePlaceholder}\n          onRemove={(e) => {\n            if (rootEl?.current) {\n              onRemove(e, rootEl.current);\n            }\n          }}\n        >\n          {children}\n        </Removable>\n      ) : (\n        <React.Fragment>\n          {children}\n          <span className={styles['FormLayoutGroup__offset']} aria-hidden />\n        </React.Fragment>\n      )}\n    </div>\n  );\n};\n"],"names":["React","classNames","noop","useAdaptivity","useExternRef","SizeType","Removable","styles","sizeYClassNames","none","COMPACT","FormLayoutGroup","children","mode","removable","segmented","removePlaceholder","onRemove","getRootRef","className","restProps","sizeY","isRemovable","isSegmented","rootEl","div","ref","REGULAR","align","e","current","Fragment","span","aria-hidden"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,IAAI,QAAQ,kBAAkB;AACnD,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,SAASC,SAAS,QAAwB,yBAAyB;AACnE,OAAOC,YAAY,+BAA+B;AAElD,MAAMC,kBAAkB;IACtBC,MAAMR,WACJM,MAAM,CAAC,8BAA8B,EACrC;IAEF,CAACF,SAASK,OAAO,CAAC,EAAET,WAClBM,MAAM,CAAC,iCAAiC,EACxC;AAEJ;AAkBA;;CAEC,GACD,OAAO,MAAMI,kBAAkB,CAAC,EAC9BC,SAAQ,EACRC,MAAO,WAAU,EACjBC,UAAS,EACTC,UAAS,EACTC,mBAAoB,UAAS,EAC7BC,UAAWf,KAAI,EACfgB,WAAU,EACVC,UAAS,EACT,GAAGC,WACkB,GAAK;IAC1B,MAAM,EAAEC,OAAQ,OAAM,EAAE,GAAGlB;IAC3B,MAAMmB,cAAcR,aAAaD,SAAS;IAC1C,MAAMU,cAAcR,aAAaF,SAAS;IAC1C,MAAMW,SAASpB,aAAac;IAE5B,qBACE,oBAACO;QACCC,KAAKF;QACLL,WAAWlB,WACToB,UAAUhB,SAASsB,OAAO,IAAInB,eAAe,CAACa,MAAM,EACpDR,SAAS,gBACPZ,WACEM,MAAM,CAAC,mCAAmC,EAC1C,iDAEJe,eACErB,WACEM,MAAM,CAAC,6BAA6B,EACpC,2CAEJgB,eACEtB,WACEM,MAAM,CAAC,6BAA6B,EACpC,2CAEJY;QAED,GAAGC,SAAS;OAEZE,4BACC,oBAAChB;QACCa,WAAWZ,MAAM,CAAC,6BAA6B;QAC/CqB,OAAM;QACNZ,mBAAmBA;QACnBC,UAAU,CAACY,IAAM;YACf,IAAIL,QAAQM,SAAS;gBACnBb,SAASY,GAAGL,OAAOM,OAAO;YAC5B,CAAC;QACH;OAEClB,0BAGH,oBAACZ,MAAM+B,QAAQ,QACZnB,wBACD,oBAACoB;QAAKb,WAAWZ,MAAM,CAAC,0BAA0B;QAAE0B,eAAAA,IAAW;OAElE;AAGP,EAAE"}

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

@@ -1 +1 @@
-.vkuiFormLayoutGroup--mode-horizontal{align-items:flex-start;display:flex;flex-wrap:wrap;isolation:isolate;padding:12px 16px;padding:var(--vkui--size_form_item_padding_vertical--regular) var(--vkui--size_base_padding_horizontal--regular)}.vkuiFormLayoutGroup__removable{flex-grow:1;max-width:100%;min-width:0}.vkuiFormLayoutGroup__offset{display:none}.vkuiFormLayoutGroup--mode-horizontal .vkuiFormItem--withTop~.vkuiFormLayoutGroup__offset{display:block;height:calc(2px + 18px + 8px);height:calc(2px + var(--vkui--font_subhead--line_height--regular) + 8px);min-width:100%;order:-1}.vkuiFormLayoutGroup--sizeY-compact.vkuiFormLayoutGroup--mode-horizontal .vkuiFormItem--withTop~.vkuiFormLayoutGroup__offset{height:calc(2px + 16px + 6px);height:calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiFormLayoutGroup--sizeY-none.vkuiFormLayoutGroup--mode-horizontal .vkuiFormItem--withTop~.vkuiFormLayoutGroup__offset{height:calc(2px + 16px + 6px);height:calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px)}}.vkuiFormLayoutGroup--removable{padding-left:0;padding-right:0}.vkuiFormLayoutGroup--segmented{position:relative}.vkuiFormLayoutGroup--segmented>*{flex:1;min-width:0}.vkuiFormLayoutGroup--segmented>:not(:first-child):not(.vkuiFormLayoutGroup__offset){margin-left:calc(-1 * 1px);margin-left:calc(-1 * var(--vkui_internal--thin_border))}
+.vkuiFormLayoutGroup--mode-horizontal{align-items:flex-start;display:flex;flex-wrap:wrap;isolation:isolate;padding:12px 16px;padding:var(--vkui--size_form_item_padding_vertical--regular) var(--vkui--size_base_padding_horizontal--regular)}.vkuiFormLayoutGroup__removable{flex-grow:1;max-width:100%;min-width:0}.vkuiFormLayoutGroup__offset{display:none}.vkuiFormLayoutGroup--mode-horizontal .vkuiInternalFormItem--withTop~.vkuiFormLayoutGroup__offset{display:block;height:calc(2px + 18px + 8px);height:calc(2px + var(--vkui--font_subhead--line_height--regular) + 8px);min-width:100%;order:-1}.vkuiFormLayoutGroup--sizeY-compact.vkuiFormLayoutGroup--mode-horizontal .vkuiInternalFormItem--withTop~.vkuiFormLayoutGroup__offset{height:calc(2px + 16px + 6px);height:calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiFormLayoutGroup--sizeY-none.vkuiFormLayoutGroup--mode-horizontal .vkuiInternalFormItem--withTop~.vkuiFormLayoutGroup__offset{height:calc(2px + 16px + 6px);height:calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px)}}.vkuiFormLayoutGroup--removable{padding-left:0;padding-right:0}.vkuiFormLayoutGroup--segmented{position:relative}.vkuiFormLayoutGroup--segmented>*{flex:1;min-width:0}.vkuiFormLayoutGroup--segmented>:not(:first-child):not(.vkuiFormLayoutGroup__offset){margin-left:calc(-1 * 1px);margin-left:calc(-1 * var(--vkui_internal--thin_border))}

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

@@ -1,5 +1,6 @@
 import * as React from 'react';
-export interface FormStatusProps extends React.HTMLAttributes<HTMLDivElement> {
+import { HasRootRef } from '../../types';
+export interface FormStatusProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLElement> {
     mode?: 'default' | 'error';
     header?: React.ReactNode;
 }

package/dist/cssm/components/FormStatus/FormStatus.js

@@ -1,21 +1,15 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["mode", "children", "className"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { Banner } from '../Banner/Banner';
-import "./FormStatus.module.css";
+import styles from './FormStatus.module.css';
 /**
  * @see https://vkcom.github.io/VKUI/#/FormStatus
- */
-export var FormStatus = function FormStatus(_ref) {
-  var mode = _ref.mode,
-    children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Banner, _extends({}, restProps, {
-    subheader: children,
-    className: classNames("vkuiFormStatus", mode === 'error' && "vkuiFormStatus--mode-error", className)
-  }));
+ */ export const FormStatus = ({ mode , children , className , ...restProps })=>{
+    return /*#__PURE__*/ React.createElement(Banner, {
+        ...restProps,
+        subheader: children,
+        className: classNames('vkuiInternalFormStatus', mode === 'error' && classNames(styles['FormStatus--mode-error'], 'vkuiInternalFormStatus--mode-error'), className)
+    });
 };
+
 //# sourceMappingURL=FormStatus.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormStatus.js","names":["React","classNames","Banner","FormStatus","mode","children","className","restProps"],"sources":["../../../../src/components/FormStatus/FormStatus.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Banner } from '../Banner/Banner';\nimport styles from './FormStatus.module.css';\n\nexport interface FormStatusProps extends React.HTMLAttributes<HTMLDivElement> {\n  mode?: 'default' | 'error';\n  header?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormStatus\n */\nexport const FormStatus = ({ mode, children, className, ...restProps }: FormStatusProps) => {\n  return (\n    <Banner\n      {...restProps}\n      subheader={children}\n      className={classNames(\n        styles['FormStatus'],\n        mode === 'error' && styles['FormStatus--mode-error'],\n        className,\n      )}\n    />\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,MAAM,QAAQ,kBAAkB;AAAC;AAQ1C;AACA;AACA;AACA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAU,OAAqE;EAAA,IAA/DC,IAAI,QAAJA,IAAI;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,SAAS,QAATA,SAAS;IAAKC,SAAS;EAClE,oBACE,oBAAC,MAAM,eACDA,SAAS;IACb,SAAS,EAAEF,QAAS;IACpB,SAAS,EAAEJ,UAAU,mBAEnBG,IAAI,KAAK,OAAO,gCAAoC,EACpDE,SAAS;EACT,GACF;AAEN,CAAC"}
+{"version":3,"sources":["../../../../src/components/FormStatus/FormStatus.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasRootRef } from '../../types';\nimport { Banner } from '../Banner/Banner';\nimport styles from './FormStatus.module.css';\n\nexport interface FormStatusProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLElement> {\n  mode?: 'default' | 'error';\n  header?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormStatus\n */\nexport const FormStatus = ({ mode, children, className, ...restProps }: FormStatusProps) => {\n  return (\n    <Banner\n      {...restProps}\n      subheader={children}\n      className={classNames(\n        'vkuiInternalFormStatus',\n        mode === 'error' &&\n          classNames(styles['FormStatus--mode-error'], 'vkuiInternalFormStatus--mode-error'),\n        className,\n      )}\n    />\n  );\n};\n"],"names":["React","classNames","Banner","styles","FormStatus","mode","children","className","restProps","subheader"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,OAAOC,YAAY,0BAA0B;AAS7C;;CAEC,GACD,OAAO,MAAMC,aAAa,CAAC,EAAEC,KAAI,EAAEC,SAAQ,EAAEC,UAAS,EAAE,GAAGC,WAA4B,GAAK;IAC1F,qBACE,oBAACN;QACE,GAAGM,SAAS;QACbC,WAAWH;QACXC,WAAWN,WACT,0BACAI,SAAS,WACPJ,WAAWE,MAAM,CAAC,yBAAyB,EAAE,uCAC/CI;;AAIR,EAAE"}

package/dist/cssm/components/Gallery/Gallery.js

@@ -1,67 +1,56 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["initialSlideIndex", "children", "timeout", "onChange", "bullets"];
 import * as React from 'react';
 import { clamp } from '../../helpers/math';
 import { useTimeout } from '../../hooks/useTimeout';
 import { BaseGallery } from '../BaseGallery/BaseGallery';
 /**
  * @see https://vkcom.github.io/VKUI/#/Gallery
- */
-export var Gallery = function Gallery(_ref) {
-  var _props$slideIndex;
-  var _ref$initialSlideInde = _ref.initialSlideIndex,
-    initialSlideIndex = _ref$initialSlideInde === void 0 ? 0 : _ref$initialSlideInde,
-    children = _ref.children,
-    _ref$timeout = _ref.timeout,
-    timeout = _ref$timeout === void 0 ? 0 : _ref$timeout,
-    onChange = _ref.onChange,
-    bullets = _ref.bullets,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _React$useState = React.useState(initialSlideIndex),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    localSlideIndex = _React$useState2[0],
-    setSlideIndex = _React$useState2[1];
-  var isControlled = typeof props.slideIndex === 'number';
-  var slideIndex = isControlled ? (_props$slideIndex = props.slideIndex) !== null && _props$slideIndex !== void 0 ? _props$slideIndex : 0 : localSlideIndex;
-  var isDraggable = !isControlled || Boolean(onChange);
-  var slides = React.useMemo(function () {
-    return React.Children.toArray(children).filter(function (item) {
-      return Boolean(item);
-    });
-  }, [children]);
-  var childCount = slides.length;
-  var handleChange = React.useCallback(function (current) {
-    if (current === slideIndex) {
-      return;
-    }
-    !isControlled && setSlideIndex(current);
-    onChange && onChange(current);
-  }, [isControlled, onChange, slideIndex]);
-  var autoplay = useTimeout(function () {
-    return handleChange((slideIndex + 1) % childCount);
-  }, timeout);
-  React.useEffect(function () {
-    return timeout ? autoplay.set() : autoplay.clear();
-  }, [timeout, slideIndex, autoplay]);
-
-  // prevent invalid slideIndex
-  // any slide index is invalid with no slides, just keep it as is
-  var safeSlideIndex = childCount > 0 ? clamp(slideIndex, 0, childCount - 1) : slideIndex;
-  // notify parent in controlled mode
-  React.useEffect(function () {
-    if (onChange && safeSlideIndex !== slideIndex) {
-      onChange(safeSlideIndex);
-    }
-    setSlideIndex(safeSlideIndex);
-  }, [onChange, safeSlideIndex, slideIndex]);
-  return /*#__PURE__*/React.createElement(BaseGallery, _extends({
-    isDraggable: isDraggable
-  }, props, {
-    bullets: childCount > 0 && bullets,
-    slideIndex: safeSlideIndex,
-    onChange: handleChange
-  }), slides);
+ */ export const Gallery = ({ initialSlideIndex =0 , children , timeout =0 , onChange , bullets , ...props })=>{
+    const [localSlideIndex, setSlideIndex] = React.useState(initialSlideIndex);
+    const isControlled = typeof props.slideIndex === 'number';
+    const slideIndex = isControlled ? props.slideIndex ?? 0 : localSlideIndex;
+    const isDraggable = !isControlled || Boolean(onChange);
+    const slides = React.useMemo(()=>React.Children.toArray(children).filter((item)=>Boolean(item)), [
+        children
+    ]);
+    const childCount = slides.length;
+    const handleChange = React.useCallback((current)=>{
+        if (current === slideIndex) {
+            return;
+        }
+        !isControlled && setSlideIndex(current);
+        onChange && onChange(current);
+    }, [
+        isControlled,
+        onChange,
+        slideIndex
+    ]);
+    const autoplay = useTimeout(()=>handleChange((slideIndex + 1) % childCount), timeout);
+    React.useEffect(()=>timeout ? autoplay.set() : autoplay.clear(), [
+        timeout,
+        slideIndex,
+        autoplay
+    ]);
+    // prevent invalid slideIndex
+    // any slide index is invalid with no slides, just keep it as is
+    const safeSlideIndex = childCount > 0 ? clamp(slideIndex, 0, childCount - 1) : slideIndex;
+    // notify parent in controlled mode
+    React.useEffect(()=>{
+        if (onChange && safeSlideIndex !== slideIndex) {
+            onChange(safeSlideIndex);
+        }
+        setSlideIndex(safeSlideIndex);
+    }, [
+        onChange,
+        safeSlideIndex,
+        slideIndex
+    ]);
+    return /*#__PURE__*/ React.createElement(BaseGallery, {
+        isDraggable: isDraggable,
+        ...props,
+        bullets: childCount > 0 && bullets,
+        slideIndex: safeSlideIndex,
+        onChange: handleChange
+    }, slides);
 };
+
 //# sourceMappingURL=Gallery.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Gallery.js","names":["React","clamp","useTimeout","BaseGallery","Gallery","initialSlideIndex","children","timeout","onChange","bullets","props","useState","localSlideIndex","setSlideIndex","isControlled","slideIndex","isDraggable","Boolean","slides","useMemo","Children","toArray","filter","item","childCount","length","handleChange","useCallback","current","autoplay","useEffect","set","clear","safeSlideIndex"],"sources":["../../../../src/components/Gallery/Gallery.tsx"],"sourcesContent":["import * as React from 'react';\nimport { clamp } from '../../helpers/math';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { BaseGallery } from '../BaseGallery/BaseGallery';\nimport { BaseGalleryProps } from '../BaseGallery/types';\n\nexport interface GalleryProps extends BaseGalleryProps {\n  initialSlideIndex?: number;\n  timeout?: number;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gallery\n */\nexport const Gallery = ({\n  initialSlideIndex = 0,\n  children,\n  timeout = 0,\n  onChange,\n  bullets,\n  ...props\n}: GalleryProps) => {\n  const [localSlideIndex, setSlideIndex] = React.useState(initialSlideIndex);\n  const isControlled = typeof props.slideIndex === 'number';\n  const slideIndex = isControlled ? props.slideIndex ?? 0 : localSlideIndex;\n  const isDraggable = !isControlled || Boolean(onChange);\n  const slides = React.useMemo(\n    () => React.Children.toArray(children).filter((item) => Boolean(item)),\n    [children],\n  );\n  const childCount = slides.length;\n\n  const handleChange: GalleryProps['onChange'] = React.useCallback(\n    (current: number) => {\n      if (current === slideIndex) {\n        return;\n      }\n      !isControlled && setSlideIndex(current);\n      onChange && onChange(current);\n    },\n    [isControlled, onChange, slideIndex],\n  );\n\n  const autoplay = useTimeout(() => handleChange((slideIndex + 1) % childCount), timeout);\n  React.useEffect(\n    () => (timeout ? autoplay.set() : autoplay.clear()),\n    [timeout, slideIndex, autoplay],\n  );\n\n  // prevent invalid slideIndex\n  // any slide index is invalid with no slides, just keep it as is\n  const safeSlideIndex = childCount > 0 ? clamp(slideIndex, 0, childCount - 1) : slideIndex;\n  // notify parent in controlled mode\n  React.useEffect(() => {\n    if (onChange && safeSlideIndex !== slideIndex) {\n      onChange(safeSlideIndex);\n    }\n    setSlideIndex(safeSlideIndex);\n  }, [onChange, safeSlideIndex, slideIndex]);\n\n  return (\n    <BaseGallery\n      isDraggable={isDraggable}\n      {...props}\n      bullets={childCount > 0 && bullets}\n      slideIndex={safeSlideIndex}\n      onChange={handleChange}\n    >\n      {slides}\n    </BaseGallery>\n  );\n};\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,UAAU,QAAQ,wBAAwB;AACnD,SAASC,WAAW,QAAQ,4BAA4B;AAQxD;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAO,OAOA;EAAA;EAAA,iCANlBC,iBAAiB;IAAjBA,iBAAiB,sCAAG,CAAC;IACrBC,QAAQ,QAARA,QAAQ;IAAA,oBACRC,OAAO;IAAPA,OAAO,6BAAG,CAAC;IACXC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IACJC,KAAK;EAER,sBAAyCV,KAAK,CAACW,QAAQ,CAACN,iBAAiB,CAAC;IAAA;IAAnEO,eAAe;IAAEC,aAAa;EACrC,IAAMC,YAAY,GAAG,OAAOJ,KAAK,CAACK,UAAU,KAAK,QAAQ;EACzD,IAAMA,UAAU,GAAGD,YAAY,wBAAGJ,KAAK,CAACK,UAAU,iEAAI,CAAC,GAAGH,eAAe;EACzE,IAAMI,WAAW,GAAG,CAACF,YAAY,IAAIG,OAAO,CAACT,QAAQ,CAAC;EACtD,IAAMU,MAAM,GAAGlB,KAAK,CAACmB,OAAO,CAC1B;IAAA,OAAMnB,KAAK,CAACoB,QAAQ,CAACC,OAAO,CAACf,QAAQ,CAAC,CAACgB,MAAM,CAAC,UAACC,IAAI;MAAA,OAAKN,OAAO,CAACM,IAAI,CAAC;IAAA,EAAC;EAAA,GACtE,CAACjB,QAAQ,CAAC,CACX;EACD,IAAMkB,UAAU,GAAGN,MAAM,CAACO,MAAM;EAEhC,IAAMC,YAAsC,GAAG1B,KAAK,CAAC2B,WAAW,CAC9D,UAACC,OAAe,EAAK;IACnB,IAAIA,OAAO,KAAKb,UAAU,EAAE;MAC1B;IACF;IACA,CAACD,YAAY,IAAID,aAAa,CAACe,OAAO,CAAC;IACvCpB,QAAQ,IAAIA,QAAQ,CAACoB,OAAO,CAAC;EAC/B,CAAC,EACD,CAACd,YAAY,EAAEN,QAAQ,EAAEO,UAAU,CAAC,CACrC;EAED,IAAMc,QAAQ,GAAG3B,UAAU,CAAC;IAAA,OAAMwB,YAAY,CAAC,CAACX,UAAU,GAAG,CAAC,IAAIS,UAAU,CAAC;EAAA,GAAEjB,OAAO,CAAC;EACvFP,KAAK,CAAC8B,SAAS,CACb;IAAA,OAAOvB,OAAO,GAAGsB,QAAQ,CAACE,GAAG,EAAE,GAAGF,QAAQ,CAACG,KAAK,EAAE;EAAA,CAAC,EACnD,CAACzB,OAAO,EAAEQ,UAAU,EAAEc,QAAQ,CAAC,CAChC;;EAED;EACA;EACA,IAAMI,cAAc,GAAGT,UAAU,GAAG,CAAC,GAAGvB,KAAK,CAACc,UAAU,EAAE,CAAC,EAAES,UAAU,GAAG,CAAC,CAAC,GAAGT,UAAU;EACzF;EACAf,KAAK,CAAC8B,SAAS,CAAC,YAAM;IACpB,IAAItB,QAAQ,IAAIyB,cAAc,KAAKlB,UAAU,EAAE;MAC7CP,QAAQ,CAACyB,cAAc,CAAC;IAC1B;IACApB,aAAa,CAACoB,cAAc,CAAC;EAC/B,CAAC,EAAE,CAACzB,QAAQ,EAAEyB,cAAc,EAAElB,UAAU,CAAC,CAAC;EAE1C,oBACE,oBAAC,WAAW;IACV,WAAW,EAAEC;EAAY,GACrBN,KAAK;IACT,OAAO,EAAEc,UAAU,GAAG,CAAC,IAAIf,OAAQ;IACnC,UAAU,EAAEwB,cAAe;IAC3B,QAAQ,EAAEP;EAAa,IAEtBR,MAAM,CACK;AAElB,CAAC"}
+{"version":3,"sources":["../../../../src/components/Gallery/Gallery.tsx"],"sourcesContent":["import * as React from 'react';\nimport { clamp } from '../../helpers/math';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { BaseGallery } from '../BaseGallery/BaseGallery';\nimport { BaseGalleryProps } from '../BaseGallery/types';\n\nexport interface GalleryProps extends BaseGalleryProps {\n  initialSlideIndex?: number;\n  timeout?: number;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gallery\n */\nexport const Gallery = ({\n  initialSlideIndex = 0,\n  children,\n  timeout = 0,\n  onChange,\n  bullets,\n  ...props\n}: GalleryProps) => {\n  const [localSlideIndex, setSlideIndex] = React.useState(initialSlideIndex);\n  const isControlled = typeof props.slideIndex === 'number';\n  const slideIndex = isControlled ? props.slideIndex ?? 0 : localSlideIndex;\n  const isDraggable = !isControlled || Boolean(onChange);\n  const slides = React.useMemo(\n    () => React.Children.toArray(children).filter((item) => Boolean(item)),\n    [children],\n  );\n  const childCount = slides.length;\n\n  const handleChange: GalleryProps['onChange'] = React.useCallback(\n    (current: number) => {\n      if (current === slideIndex) {\n        return;\n      }\n      !isControlled && setSlideIndex(current);\n      onChange && onChange(current);\n    },\n    [isControlled, onChange, slideIndex],\n  );\n\n  const autoplay = useTimeout(() => handleChange((slideIndex + 1) % childCount), timeout);\n  React.useEffect(\n    () => (timeout ? autoplay.set() : autoplay.clear()),\n    [timeout, slideIndex, autoplay],\n  );\n\n  // prevent invalid slideIndex\n  // any slide index is invalid with no slides, just keep it as is\n  const safeSlideIndex = childCount > 0 ? clamp(slideIndex, 0, childCount - 1) : slideIndex;\n  // notify parent in controlled mode\n  React.useEffect(() => {\n    if (onChange && safeSlideIndex !== slideIndex) {\n      onChange(safeSlideIndex);\n    }\n    setSlideIndex(safeSlideIndex);\n  }, [onChange, safeSlideIndex, slideIndex]);\n\n  return (\n    <BaseGallery\n      isDraggable={isDraggable}\n      {...props}\n      bullets={childCount > 0 && bullets}\n      slideIndex={safeSlideIndex}\n      onChange={handleChange}\n    >\n      {slides}\n    </BaseGallery>\n  );\n};\n"],"names":["React","clamp","useTimeout","BaseGallery","Gallery","initialSlideIndex","children","timeout","onChange","bullets","props","localSlideIndex","setSlideIndex","useState","isControlled","slideIndex","isDraggable","Boolean","slides","useMemo","Children","toArray","filter","item","childCount","length","handleChange","useCallback","current","autoplay","useEffect","set","clear","safeSlideIndex"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,WAAW,QAAQ,6BAA6B;AAQzD;;CAEC,GACD,OAAO,MAAMC,UAAU,CAAC,EACtBC,mBAAoB,EAAC,EACrBC,SAAQ,EACRC,SAAU,EAAC,EACXC,SAAQ,EACRC,QAAO,EACP,GAAGC,OACU,GAAK;IAClB,MAAM,CAACC,iBAAiBC,cAAc,GAAGZ,MAAMa,QAAQ,CAACR;IACxD,MAAMS,eAAe,OAAOJ,MAAMK,UAAU,KAAK;IACjD,MAAMA,aAAaD,eAAeJ,MAAMK,UAAU,IAAI,IAAIJ,eAAe;IACzE,MAAMK,cAAc,CAACF,gBAAgBG,QAAQT;IAC7C,MAAMU,SAASlB,MAAMmB,OAAO,CAC1B,IAAMnB,MAAMoB,QAAQ,CAACC,OAAO,CAACf,UAAUgB,MAAM,CAAC,CAACC,OAASN,QAAQM,QAChE;QAACjB;KAAS;IAEZ,MAAMkB,aAAaN,OAAOO,MAAM;IAEhC,MAAMC,eAAyC1B,MAAM2B,WAAW,CAC9D,CAACC,UAAoB;QACnB,IAAIA,YAAYb,YAAY;YAC1B;QACF,CAAC;QACD,CAACD,gBAAgBF,cAAcgB;QAC/BpB,YAAYA,SAASoB;IACvB,GACA;QAACd;QAAcN;QAAUO;KAAW;IAGtC,MAAMc,WAAW3B,WAAW,IAAMwB,aAAa,AAACX,CAAAA,aAAa,CAAA,IAAKS,aAAajB;IAC/EP,MAAM8B,SAAS,CACb,IAAOvB,UAAUsB,SAASE,GAAG,KAAKF,SAASG,KAAK,EAAE,EAClD;QAACzB;QAASQ;QAAYc;KAAS;IAGjC,6BAA6B;IAC7B,gEAAgE;IAChE,MAAMI,iBAAiBT,aAAa,IAAIvB,MAAMc,YAAY,GAAGS,aAAa,KAAKT,UAAU;IACzF,mCAAmC;IACnCf,MAAM8B,SAAS,CAAC,IAAM;QACpB,IAAItB,YAAYyB,mBAAmBlB,YAAY;YAC7CP,SAASyB;QACX,CAAC;QACDrB,cAAcqB;IAChB,GAAG;QAACzB;QAAUyB;QAAgBlB;KAAW;IAEzC,qBACE,oBAACZ;QACCa,aAAaA;QACZ,GAAGN,KAAK;QACTD,SAASe,aAAa,KAAKf;QAC3BM,YAAYkB;QACZzB,UAAUkB;OAETR;AAGP,EAAE"}

package/dist/cssm/components/Gradient/Gradient.js

@@ -1,31 +1,21 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["mode", "children", "to", "className"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
-import "./Gradient.module.css";
+import styles from './Gradient.module.css';
 /**
  * @see https://vkcom.github.io/VKUI/#/Gradient
- */
-export var Gradient = function Gradient(_ref) {
-  var _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? 'tint' : _ref$mode,
-    children = _ref.children,
-    _ref$to = _ref.to,
-    to = _ref$to === void 0 ? 'top' : _ref$to,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    role: "presentation"
-  }, restProps, {
-    className: classNames("vkuiGradient", styles["Gradient--mode-".concat(mode)], styles["Gradient--to-".concat(to)], className)
-  }), children);
-};
-var styles = {
-  "Gradient--mode-tint": "vkuiGradient--mode-tint",
-  "Gradient--mode-white": "vkuiGradient--mode-white",
-  "Gradient--mode-black": "vkuiGradient--mode-black",
-  "Gradient--to-top": "vkuiGradient--to-top",
-  "Gradient--to-bottom": "vkuiGradient--to-bottom"
+ */ export const Gradient = ({ mode ='tint' , children , to ='top' , className , ...restProps })=>{
+    return /*#__PURE__*/ React.createElement("div", {
+        role: "presentation",
+        ...restProps,
+        className: classNames({
+            tint: styles['Gradient--mode-tint'],
+            black: styles['Gradient--mode-black'],
+            white: styles['Gradient--mode-white']
+        }[mode], {
+            top: styles['Gradient--to-top'],
+            bottom: styles['Gradient--to-bottom']
+        }[to], className)
+    }, children);
 };
+
 //# sourceMappingURL=Gradient.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Gradient.js","names":["React","classNames","Gradient","mode","children","to","className","restProps","styles"],"sources":["../../../../src/components/Gradient/Gradient.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport styles from './Gradient.module.css';\n\nexport interface GradientProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Тип градиента\n   */\n  mode?: 'tint' | 'white' | 'black';\n  /**\n   * Направление градиента\n   */\n  to?: 'top' | 'bottom';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gradient\n */\nexport const Gradient = ({\n  mode = 'tint',\n  children,\n  to = 'top',\n  className,\n  ...restProps\n}: GradientProps) => {\n  return (\n    <div\n      role=\"presentation\"\n      {...restProps}\n      className={classNames(\n        styles['Gradient'],\n        styles[`Gradient--mode-${mode}`],\n        styles[`Gradient--to-${to}`],\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAAC;AAc7C;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,OAMA;EAAA,qBALnBC,IAAI;IAAJA,IAAI,0BAAG,MAAM;IACbC,QAAQ,QAARA,QAAQ;IAAA,eACRC,EAAE;IAAFA,EAAE,wBAAG,KAAK;IACVC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,oBACE;IACE,IAAI,EAAC;EAAc,GACfA,SAAS;IACb,SAAS,EAAEN,UAAU,iBAEnBO,MAAM,0BAAmBL,IAAI,EAAG,EAChCK,MAAM,wBAAiBH,EAAE,EAAG,EAC5BC,SAAS;EACT,IAEDF,QAAQ,CACL;AAEV,CAAC;AAAC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../../src/components/Gradient/Gradient.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport styles from './Gradient.module.css';\n\nexport interface GradientProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Тип градиента\n   */\n  mode?: 'tint' | 'white' | 'black';\n  /**\n   * Направление градиента\n   */\n  to?: 'top' | 'bottom';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gradient\n */\nexport const Gradient = ({\n  mode = 'tint',\n  children,\n  to = 'top',\n  className,\n  ...restProps\n}: GradientProps) => {\n  return (\n    <div\n      role=\"presentation\"\n      {...restProps}\n      className={classNames(\n        {\n          tint: styles['Gradient--mode-tint'],\n          black: styles['Gradient--mode-black'],\n          white: styles['Gradient--mode-white'],\n        }[mode],\n        {\n          top: styles['Gradient--to-top'],\n          bottom: styles['Gradient--to-bottom'],\n        }[to],\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["React","classNames","styles","Gradient","mode","children","to","className","restProps","div","role","tint","black","white","top","bottom"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,OAAOC,YAAY,wBAAwB;AAa3C;;CAEC,GACD,OAAO,MAAMC,WAAW,CAAC,EACvBC,MAAO,OAAM,EACbC,SAAQ,EACRC,IAAK,MAAK,EACVC,UAAS,EACT,GAAGC,WACW,GAAK;IACnB,qBACE,oBAACC;QACCC,MAAK;QACJ,GAAGF,SAAS;QACbD,WAAWN,WACT;YACEU,MAAMT,MAAM,CAAC,sBAAsB;YACnCU,OAAOV,MAAM,CAAC,uBAAuB;YACrCW,OAAOX,MAAM,CAAC,uBAAuB;QACvC,CAAC,CAACE,KAAK,EACP;YACEU,KAAKZ,MAAM,CAAC,mBAAmB;YAC/Ba,QAAQb,MAAM,CAAC,sBAAsB;QACvC,CAAC,CAACI,GAAG,EACLC;OAGDF;AAGP,EAAE"}

package/dist/cssm/components/GridAvatar/GridAvatar.js

@@ -1,47 +1,35 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["src", "size", "className", "children"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { warnOnce } from '../../lib/warnOnce';
 import { ImageBase } from '../ImageBase/ImageBase';
 import { GridAvatarBadge } from './GridAvatarBadge/GridAvatarBadge';
-import "./GridAvatar.module.css";
-export var GRID_AVATAR_DEFAULT_SIZE = 48;
-export var MAX_GRID_LENGTH = 4;
-var warn = warnOnce('GridAvatar');
-
+import styles from './GridAvatar.module.css';
+export const GRID_AVATAR_DEFAULT_SIZE = 48;
+export const MAX_GRID_LENGTH = 4;
+const warn = warnOnce('GridAvatar');
 /**
  * @see https://vkcom.github.io/VKUI/#/GridAvatar
- */
-export var GridAvatar = function GridAvatar(_ref) {
-  var _ref$src = _ref.src,
-    src = _ref$src === void 0 ? [] : _ref$src,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? GRID_AVATAR_DEFAULT_SIZE : _ref$size,
-    className = _ref.className,
-    children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  if (process.env.NODE_ENV === 'development') {
-    if (src.length > MAX_GRID_LENGTH) {
-      warn("\u0414\u043B\u0438\u043D\u0430 \u043C\u0430\u0441\u0441\u0438\u0432\u0430 src (".concat(src.length, ") \u0431\u043E\u043B\u044C\u0448\u0435 \u043C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0439 (").concat(MAX_GRID_LENGTH, ")"), 'error');
+ */ export const GridAvatar = ({ src =[] , size =GRID_AVATAR_DEFAULT_SIZE , className , children , ...restProps })=>{
+    if (process.env.NODE_ENV === 'development') {
+        if (src.length > MAX_GRID_LENGTH) {
+            warn(`Длина массива src (${src.length}) больше максимальной (${MAX_GRID_LENGTH})`, 'error');
+        }
     }
-  }
-  return /*#__PURE__*/React.createElement(ImageBase, _extends({}, restProps, {
-    size: size,
-    className: classNames("vkuiGridAvatar", className)
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiGridAvatar__in",
-    "aria-hidden": true
-  }, src.map(function (url, index) {
-    return index < MAX_GRID_LENGTH ? /*#__PURE__*/React.createElement("div", {
-      key: url,
-      className: "vkuiGridAvatar__item",
-      style: {
-        backgroundImage: "url(".concat(url, ")")
-      }
-    }) : null;
-  })), children);
+    return /*#__PURE__*/ React.createElement(ImageBase, {
+        ...restProps,
+        size: size,
+        className: classNames(styles['GridAvatar'], className)
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: styles['GridAvatar__in'],
+        "aria-hidden": true
+    }, src.map((url, index)=>index < MAX_GRID_LENGTH ? /*#__PURE__*/ React.createElement("div", {
+            key: url,
+            className: styles['GridAvatar__item'],
+            style: {
+                backgroundImage: `url(${url})`
+            }
+        }) : null)), children);
 };
 GridAvatar.Badge = GridAvatarBadge;
+
 //# sourceMappingURL=GridAvatar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GridAvatar.js","names":["React","classNames","warnOnce","ImageBase","GridAvatarBadge","GRID_AVATAR_DEFAULT_SIZE","MAX_GRID_LENGTH","warn","GridAvatar","src","size","className","children","restProps","process","env","NODE_ENV","length","map","url","index","backgroundImage","Badge"],"sources":["../../../../src/components/GridAvatar/GridAvatar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ImageBase, type ImageBaseProps } from '../ImageBase/ImageBase';\nimport { GridAvatarBadge, type GridAvatarBadgeProps } from './GridAvatarBadge/GridAvatarBadge';\nimport styles from './GridAvatar.module.css';\n\nexport { GridAvatarBadgeProps };\n\nexport const GRID_AVATAR_DEFAULT_SIZE = 48;\n\nexport const MAX_GRID_LENGTH = 4;\n\nexport interface GridAvatarProps extends Omit<ImageBaseProps, 'src' | 'fallbackIcon'> {\n  /**\n   * Массив со ссылками. От 1 до 4 элементов.\n   */\n  src?: string[];\n}\n\nconst warn = warnOnce('GridAvatar');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/GridAvatar\n */\nexport const GridAvatar = ({\n  src = [],\n  size = GRID_AVATAR_DEFAULT_SIZE,\n  className,\n  children,\n  ...restProps\n}: GridAvatarProps) => {\n  if (process.env.NODE_ENV === 'development') {\n    if (src.length > MAX_GRID_LENGTH) {\n      warn(`Длина массива src (${src.length}) больше максимальной (${MAX_GRID_LENGTH})`, 'error');\n    }\n  }\n\n  return (\n    <ImageBase {...restProps} size={size} className={classNames(styles['GridAvatar'], className)}>\n      <div className={styles['GridAvatar__in']} aria-hidden>\n        {src.map((url, index) =>\n          index < MAX_GRID_LENGTH ? (\n            <div\n              key={url}\n              className={styles['GridAvatar__item']}\n              style={{ backgroundImage: `url(${url})` }}\n            />\n          ) : null,\n        )}\n      </div>\n      {children}\n    </ImageBase>\n  );\n};\n\nGridAvatar.Badge = GridAvatarBadge;\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,SAAS,QAA6B,wBAAwB;AACvE,SAASC,eAAe,QAAmC,mCAAmC;AAAC;AAK/F,OAAO,IAAMC,wBAAwB,GAAG,EAAE;AAE1C,OAAO,IAAMC,eAAe,GAAG,CAAC;AAShC,IAAMC,IAAI,GAAGL,QAAQ,CAAC,YAAY,CAAC;;AAEnC;AACA;AACA;AACA,OAAO,IAAMM,UAAU,GAAG,SAAbA,UAAU,OAMA;EAAA,oBALrBC,GAAG;IAAHA,GAAG,yBAAG,EAAE;IAAA,iBACRC,IAAI;IAAJA,IAAI,0BAAGL,wBAAwB;IAC/BM,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACLC,SAAS;EAEZ,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;IAC1C,IAAIP,GAAG,CAACQ,MAAM,GAAGX,eAAe,EAAE;MAChCC,IAAI,0FAAuBE,GAAG,CAACQ,MAAM,8HAA0BX,eAAe,QAAK,OAAO,CAAC;IAC7F;EACF;EAEA,oBACE,oBAAC,SAAS,eAAKO,SAAS;IAAE,IAAI,EAAEH,IAAK;IAAC,SAAS,EAAET,UAAU,mBAAuBU,SAAS;EAAE,iBAC3F;IAAK,SAAS,sBAA2B;IAAC;EAAW,GAClDF,GAAG,CAACS,GAAG,CAAC,UAACC,GAAG,EAAEC,KAAK;IAAA,OAClBA,KAAK,GAAGd,eAAe,gBACrB;MACE,GAAG,EAAEa,GAAI;MACT,SAAS,wBAA6B;MACtC,KAAK,EAAE;QAAEE,eAAe,gBAASF,GAAG;MAAI;IAAE,EAC1C,GACA,IAAI;EAAA,EACT,CACG,EACLP,QAAQ,CACC;AAEhB,CAAC;AAEDJ,UAAU,CAACc,KAAK,GAAGlB,eAAe"}
+{"version":3,"sources":["../../../../src/components/GridAvatar/GridAvatar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ImageBase, type ImageBaseProps } from '../ImageBase/ImageBase';\nimport { GridAvatarBadge, type GridAvatarBadgeProps } from './GridAvatarBadge/GridAvatarBadge';\nimport styles from './GridAvatar.module.css';\n\nexport { GridAvatarBadgeProps };\n\nexport const GRID_AVATAR_DEFAULT_SIZE = 48;\n\nexport const MAX_GRID_LENGTH = 4;\n\nexport interface GridAvatarProps extends Omit<ImageBaseProps, 'src' | 'fallbackIcon'> {\n  /**\n   * Массив со ссылками. От 1 до 4 элементов.\n   */\n  src?: string[];\n}\n\nconst warn = warnOnce('GridAvatar');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/GridAvatar\n */\nexport const GridAvatar = ({\n  src = [],\n  size = GRID_AVATAR_DEFAULT_SIZE,\n  className,\n  children,\n  ...restProps\n}: GridAvatarProps) => {\n  if (process.env.NODE_ENV === 'development') {\n    if (src.length > MAX_GRID_LENGTH) {\n      warn(`Длина массива src (${src.length}) больше максимальной (${MAX_GRID_LENGTH})`, 'error');\n    }\n  }\n\n  return (\n    <ImageBase {...restProps} size={size} className={classNames(styles['GridAvatar'], className)}>\n      <div className={styles['GridAvatar__in']} aria-hidden>\n        {src.map((url, index) =>\n          index < MAX_GRID_LENGTH ? (\n            <div\n              key={url}\n              className={styles['GridAvatar__item']}\n              style={{ backgroundImage: `url(${url})` }}\n            />\n          ) : null,\n        )}\n      </div>\n      {children}\n    </ImageBase>\n  );\n};\n\nGridAvatar.Badge = GridAvatarBadge;\n"],"names":["React","classNames","warnOnce","ImageBase","GridAvatarBadge","styles","GRID_AVATAR_DEFAULT_SIZE","MAX_GRID_LENGTH","warn","GridAvatar","src","size","className","children","restProps","process","env","NODE_ENV","length","div","aria-hidden","map","url","index","key","style","backgroundImage","Badge"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,SAAS,QAA6B,yBAAyB;AACxE,SAASC,eAAe,QAAmC,oCAAoC;AAC/F,OAAOC,YAAY,0BAA0B;AAI7C,OAAO,MAAMC,2BAA2B,GAAG;AAE3C,OAAO,MAAMC,kBAAkB,EAAE;AASjC,MAAMC,OAAON,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMO,aAAa,CAAC,EACzBC,KAAM,EAAE,CAAA,EACRC,MAAOL,yBAAwB,EAC/BM,UAAS,EACTC,SAAQ,EACR,GAAGC,WACa,GAAK;IACrB,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,IAAIP,IAAIQ,MAAM,GAAGX,iBAAiB;YAChCC,KAAK,CAAC,mBAAmB,EAAEE,IAAIQ,MAAM,CAAC,uBAAuB,EAAEX,gBAAgB,CAAC,CAAC,EAAE;QACrF,CAAC;IACH,CAAC;IAED,qBACE,oBAACJ;QAAW,GAAGW,SAAS;QAAEH,MAAMA;QAAMC,WAAWX,WAAWI,MAAM,CAAC,aAAa,EAAEO;qBAChF,oBAACO;QAAIP,WAAWP,MAAM,CAAC,iBAAiB;QAAEe,eAAAA,IAAW;OAClDV,IAAIW,GAAG,CAAC,CAACC,KAAKC,QACbA,QAAQhB,gCACN,oBAACY;YACCK,KAAKF;YACLV,WAAWP,MAAM,CAAC,mBAAmB;YACrCoB,OAAO;gBAAEC,iBAAiB,CAAC,IAAI,EAAEJ,IAAI,CAAC,CAAC;YAAC;aAExC,IAAI,IAGXT;AAGP,EAAE;AAEFJ,WAAWkB,KAAK,GAAGvB"}

package/dist/cssm/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { type ImageBaseBadgeProps } from '../../ImageBase/ImageBase';
-export declare type GridAvatarBadgeProps = ImageBaseBadgeProps;
+export type GridAvatarBadgeProps = ImageBaseBadgeProps;
 export declare const GridAvatarBadge: ({ className, ...restProps }: GridAvatarBadgeProps) => JSX.Element;

package/dist/cssm/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.js

@@ -1,17 +1,13 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { ImageBase, ImageBaseContext } from '../../ImageBase/ImageBase';
-import "./GridAvatarBadge.module.css";
-export var GridAvatarBadge = function GridAvatarBadge(_ref) {
-  var className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _React$useContext = React.useContext(ImageBaseContext),
-    size = _React$useContext.size;
-  return /*#__PURE__*/React.createElement(ImageBase.Badge, _extends({}, restProps, {
-    className: classNames("vkuiGridAvatarBadge", size < 96 && "vkuiGridAvatarBadge--shifted", className)
-  }));
+import styles from './GridAvatarBadge.module.css';
+export const GridAvatarBadge = ({ className , ...restProps })=>{
+    const { size  } = React.useContext(ImageBaseContext);
+    return /*#__PURE__*/ React.createElement(ImageBase.Badge, {
+        ...restProps,
+        className: classNames(styles['GridAvatarBadge'], size < 96 && styles['GridAvatarBadge--shifted'], className)
+    });
 };
+
 //# sourceMappingURL=GridAvatarBadge.js.map

package/dist/cssm/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridAvatarBadge.js","names":["React","classNames","ImageBase","ImageBaseContext","GridAvatarBadge","className","restProps","useContext","size"],"sources":["../../../../../src/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ImageBase, type ImageBaseBadgeProps, ImageBaseContext } from '../../ImageBase/ImageBase';\nimport styles from './GridAvatarBadge.module.css';\n\nexport type GridAvatarBadgeProps = ImageBaseBadgeProps;\n\nexport const GridAvatarBadge = ({ className, ...restProps }: GridAvatarBadgeProps) => {\n  const { size } = React.useContext(ImageBaseContext);\n  return (\n    <ImageBase.Badge\n      {...restProps}\n      className={classNames(\n        styles['GridAvatarBadge'],\n        size < 96 && styles['GridAvatarBadge--shifted'],\n        className,\n      )}\n    />\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,SAAS,EAA4BC,gBAAgB,QAAQ,2BAA2B;AAAC;AAKlG,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAe,OAA0D;EAAA,IAApDC,SAAS,QAATA,SAAS;IAAKC,SAAS;EACvD,wBAAiBN,KAAK,CAACO,UAAU,CAACJ,gBAAgB,CAAC;IAA3CK,IAAI,qBAAJA,IAAI;EACZ,oBACE,oBAAC,SAAS,CAAC,KAAK,eACVF,SAAS;IACb,SAAS,EAAEL,UAAU,wBAEnBO,IAAI,GAAG,EAAE,kCAAsC,EAC/CH,SAAS;EACT,GACF;AAEN,CAAC"}
+{"version":3,"sources":["../../../../../src/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ImageBase, type ImageBaseBadgeProps, ImageBaseContext } from '../../ImageBase/ImageBase';\nimport styles from './GridAvatarBadge.module.css';\n\nexport type GridAvatarBadgeProps = ImageBaseBadgeProps;\n\nexport const GridAvatarBadge = ({ className, ...restProps }: GridAvatarBadgeProps) => {\n  const { size } = React.useContext(ImageBaseContext);\n  return (\n    <ImageBase.Badge\n      {...restProps}\n      className={classNames(\n        styles['GridAvatarBadge'],\n        size < 96 && styles['GridAvatarBadge--shifted'],\n        className,\n      )}\n    />\n  );\n};\n"],"names":["React","classNames","ImageBase","ImageBaseContext","styles","GridAvatarBadge","className","restProps","size","useContext","Badge"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,SAAS,EAA4BC,gBAAgB,QAAQ,4BAA4B;AAClG,OAAOC,YAAY,+BAA+B;AAIlD,OAAO,MAAMC,kBAAkB,CAAC,EAAEC,UAAS,EAAE,GAAGC,WAAiC,GAAK;IACpF,MAAM,EAAEC,KAAI,EAAE,GAAGR,MAAMS,UAAU,CAACN;IAClC,qBACE,oBAACD,UAAUQ,KAAK;QACb,GAAGH,SAAS;QACbD,WAAWL,WACTG,MAAM,CAAC,kBAAkB,EACzBI,OAAO,MAAMJ,MAAM,CAAC,2BAA2B,EAC/CE;;AAIR,EAAE"}