@vkontakte/vkui 5.4.3 → 5.5.1

package/dist/cjs/components/SegmentedControl/SegmentedControl.js

@@ -8,13 +8,13 @@ Object.defineProperty(exports, "SegmentedControl", {
         return SegmentedControl;
     }
 });
-var _defineProperty = require("@swc/helpers/lib/_define_property.js").default;
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _define_property = require("@swc/helpers/_/_define_property");
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _useAdaptivity = require("../../hooks/useAdaptivity");
 var _useEnsuredControl = require("../../hooks/useEnsuredControl");
@@ -22,14 +22,14 @@ var _useId = require("../../hooks/useId");
 var _adaptivity = require("../../lib/adaptivity");
 var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
 var _warnOnce = require("../../lib/warnOnce");
-var _segmentedControlOption = require("./SegmentedControlOption/SegmentedControlOption");
+var _SegmentedControlOption = require("./SegmentedControlOption/SegmentedControlOption");
 var _options_;
-var sizeYClassNames = _defineProperty({
+var sizeYClassNames = _define_property._({
     none: "vkuiSegmentedControl--sizeY-none"
 }, _adaptivity.SizeType.REGULAR, "vkuiSegmentedControl--sizeY-regular");
 var warn = (0, _warnOnce.warnOnce)("SegmentedControl");
 var SegmentedControl = function(_param) {
-    var _param_size = _param.size, size = _param_size === void 0 ? "l" : _param_size, name = _param.name, options = _param.options, getRootRef = _param.getRootRef, _param_defaultValue = _param.defaultValue, defaultValue = _param_defaultValue === void 0 ? (_options_ = options[0]) === null || _options_ === void 0 ? void 0 : _options_.value : _param_defaultValue, children = _param.children, className = _param.className, onChangeProp = _param.onChange, valueProp = _param.value, restProps = _objectWithoutProperties(_param, [
+    var _param_size = _param.size, size = _param_size === void 0 ? "l" : _param_size, name = _param.name, options = _param.options, getRootRef = _param.getRootRef, _param_defaultValue = _param.defaultValue, defaultValue = _param_defaultValue === void 0 ? (_options_ = options[0]) === null || _options_ === void 0 ? void 0 : _options_.value : _param_defaultValue, children = _param.children, className = _param.className, onChangeProp = _param.onChange, valueProp = _param.value, restProps = _object_without_properties._(_param, [
         "size",
         "name",
         "options",
@@ -41,7 +41,7 @@ var SegmentedControl = function(_param) {
         "value"
     ]);
     var id = (0, _useId.useId)();
-    var _useCustomEnsuredControl = _slicedToArray((0, _useEnsuredControl.useCustomEnsuredControl)({
+    var _useCustomEnsuredControl = _sliced_to_array._((0, _useEnsuredControl.useCustomEnsuredControl)({
         onChange: onChangeProp,
         value: valueProp,
         defaultValue: defaultValue
@@ -58,7 +58,7 @@ var SegmentedControl = function(_param) {
         actualIndex
     ]);
     var translateX = "translateX(".concat(100 * actualIndex, "%)");
-    return /*#__PURE__*/ _react.createElement("div", _objectSpreadProps(_objectSpread({}, restProps), {
+    return /*#__PURE__*/ _react.createElement("div", _object_spread_props._(_object_spread._({}, restProps), {
         className: (0, _vkjs.classNames)("vkuiSegmentedControl", sizeY !== _adaptivity.SizeType.COMPACT && sizeYClassNames[sizeY], size === "l" && "vkuiSegmentedControl--size-l", className),
         ref: getRootRef
     }), /*#__PURE__*/ _react.createElement("div", {
@@ -73,11 +73,11 @@ var SegmentedControl = function(_param) {
             WebkitTransform: translateX
         }
     }), options.map(function(_param) /*#__PURE__*/ {
-        var label = _param.label, optionClassName = _param.className, optionProps = _objectWithoutProperties(_param, [
+        var label = _param.label, optionClassName = _param.className, optionProps = _object_without_properties._(_param, [
             "label",
             "className"
         ]);
-        return _react.createElement(_segmentedControlOption.SegmentedControlOption, _objectSpreadProps(_objectSpread({
+        return _react.createElement(_SegmentedControlOption.SegmentedControlOption, _object_spread_props._(_object_spread._({
             key: "".concat(optionProps.value)
         }, optionProps), {
             className: (0, _vkjs.classNames)("vkuiSegmentedControl__option", optionClassName),

package/dist/cjs/components/SegmentedControl/SegmentedControl.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useCustomEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { useId } from '../../hooks/useId';\nimport { SizeType } from '../../lib/adaptivity';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasRootRef } from '../../types';\nimport { SegmentedControlOption } from './SegmentedControlOption/SegmentedControlOption';\nimport styles from './SegmentedControl.module.css';\n\nconst sizeYClassNames = {\n  none: styles['SegmentedControl--sizeY-none'],\n  [SizeType.REGULAR]: styles['SegmentedControl--sizeY-regular'],\n};\n\nexport type SegmentedControlValue = string | number | undefined;\n\nexport interface SegmentedControlOptionInterface\n  extends Omit<React.HTMLAttributes<HTMLElement>, 'label'> {\n  label: React.ReactChild;\n  value: SegmentedControlValue;\n}\n\nexport interface SegmentedControlProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    HasRootRef<HTMLDivElement> {\n  options: SegmentedControlOptionInterface[];\n  size?: 'm' | 'l';\n  name?: string;\n  onChange?: (value: SegmentedControlValue) => void;\n  value?: SegmentedControlValue;\n  defaultValue?: SegmentedControlValue;\n}\n\nconst warn = warnOnce('SegmentedControl');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SegmentedControl\n */\nexport const SegmentedControl = ({\n  size = 'l',\n  name,\n  options,\n  getRootRef,\n  defaultValue = options[0]?.value,\n  children,\n  className,\n  onChange: onChangeProp,\n  value: valueProp,\n  ...restProps\n}: SegmentedControlProps) => {\n  const id = useId();\n\n  const [value, onChange] = useCustomEnsuredControl({\n    onChange: onChangeProp,\n    value: valueProp,\n    defaultValue,\n  });\n\n  const { sizeY = 'none' } = useAdaptivity();\n\n  const actualIndex = options.findIndex((option) => option.value === value);\n\n  useIsomorphicLayoutEffect(() => {\n    if (actualIndex === -1 && process.env.NODE_ENV === 'development') {\n      warn('defaultValue: такого значения нет среди опций!', 'error');\n    }\n  }, [actualIndex]);\n\n  const translateX = `translateX(${100 * actualIndex}%)`;\n\n  return (\n    <div\n      {...restProps}\n      className={classNames(\n        styles['SegmentedControl'],\n        sizeY !== SizeType.COMPACT && sizeYClassNames[sizeY],\n        size === 'l' && styles['SegmentedControl--size-l'],\n        className,\n      )}\n      ref={getRootRef}\n    >\n      <div role=\"radiogroup\" className={styles['SegmentedControl__in']}>\n        {actualIndex > -1 && (\n          <div\n            aria-hidden\n            className={styles['SegmentedControl__slider']}\n            style={{\n              width: `${100 / options.length}%`,\n              transform: translateX,\n              WebkitTransform: translateX,\n            }}\n          />\n        )}\n        {options.map(({ label, className: optionClassName, ...optionProps }) => (\n          <SegmentedControlOption\n            key={`${optionProps.value}`}\n            {...optionProps}\n            className={classNames(styles['SegmentedControl__option'], optionClassName)}\n            name={name ?? id}\n            checked={value === optionProps.value}\n            onChange={() => onChange(optionProps.value)}\n          >\n            {label}\n          </SegmentedControlOption>\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":["SegmentedControl","options","sizeYClassNames","none","SizeType","REGULAR","warn","warnOnce","size","name","getRootRef","defaultValue","value","children","className","onChange","onChangeProp","valueProp","restProps","id","useId","useCustomEnsuredControl","useAdaptivity","sizeY","actualIndex","findIndex","option","useIsomorphicLayoutEffect","process","env","NODE_ENV","translateX","div","classNames","COMPACT","ref","role","aria-hidden","style","width","length","transform","WebkitTransform","map","label","optionClassName","optionProps","SegmentedControlOption","key","checked"],"mappings":";;;;+BAyCaA;;;eAAAA;;;;;;;;;2DAzCU;oBACI;6BACG;iCACU;qBAClB;0BACG;yCACiB;wBACjB;sCAEc;IAqCtBC;AAlCjB,IAAMC;IACJC,IAAI;GACHC,oBAAQ,CAACC,OAAO;AAsBnB,IAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AAKf,IAAMP,mBAAmB,iBAWH;6BAV3BQ,MAAAA,gCAAO,mBACPC,cAAAA,MACAR,iBAAAA,SACAS,oBAAAA,yCACAC,cAAAA,gDAAeV,CAAAA,YAAAA,OAAO,CAAC,EAAE,cAAVA,uBAAAA,KAAAA,IAAAA,UAAYW,KAAK,wBAChCC,kBAAAA,UACAC,mBAAAA,WACAC,AAAUC,sBAAVD,UACAH,AAAOK,mBAAPL,OACGM;QATHV;QACAC;QACAR;QACAS;QACAC;QACAE;QACAC;QACAC;QACAH;;IAGA,IAAMO,KAAKC,IAAAA,YAAK;IAEhB,IAA0BC,0CAAAA,IAAAA,0CAAuB,EAAC;QAChDN,UAAUC;QACVJ,OAAOK;QACPN,cAAAA;IACF,QAJOC,QAAmBS,6BAAZN,WAAYM;IAM1B,IAA2BC,kBAAAA,IAAAA,4BAAa,4BAAbA,gBAAnBC,OAAAA,0CAAQ;IAEhB,IAAMC,cAAcvB,QAAQwB,SAAS,CAAC,SAACC;eAAWA,OAAOd,KAAK,KAAKA;;IAEnEe,IAAAA,oDAAyB,EAAC,WAAM;QAC9B,IAAIH,gBAAgB,CAAC,KAAKI,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;YAChExB,KAAK,kDAAkD;QACzD,CAAC;IACH,GAAG;QAACkB;KAAY;IAEhB,IAAMO,aAAa,AAAC,cAA+B,OAAlB,MAAMP,aAAY;IAEnD,qBACE,qBAACQ,4CACKd;QACJJ,WAAWmB,IAAAA,gBAAU,0BAEnBV,UAAUnB,oBAAQ,CAAC8B,OAAO,IAAIhC,eAAe,CAACqB,MAAM,EACpDf,SAAS,uCACTM;QAEFqB,KAAKzB;sBAEL,qBAACsB;QAAII,MAAK;QAAatB,SAAS;OAC7BU,cAAc,CAAC,mBACd,qBAACQ;QACCK,eAAAA,IAAW;QACXvB,SAAS;QACTwB,OAAO;YACLC,OAAO,AAAC,GAAuB,OAArB,MAAMtC,QAAQuC,MAAM,EAAC;YAC/BC,WAAWV;YACXW,iBAAiBX;QACnB;QAGH9B,QAAQ0C,GAAG,CAAC,+BACX;YADcC,eAAAA,OAAO9B,AAAW+B,yBAAX/B,WAA+BgC;YAAtCF;YAAO9B;;eACrB,qBAACiC,8CAAsB;YACrBC,KAAK,AAAC,GAAoB,OAAlBF,YAAYlC,KAAK;WACrBkC;YACJhC,WAAWmB,IAAAA,gBAAU,kCAAqCY;YAC1DpC,MAAMA,iBAAAA,kBAAAA,OAAQU,EAAE;YAChB8B,SAASrC,UAAUkC,YAAYlC,KAAK;YACpCG,UAAU;uBAAMA,SAAS+B,YAAYlC,KAAK;;YAEzCgC;IACqB;AAKlC"}
+{"version":3,"sources":["../../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useCustomEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { useId } from '../../hooks/useId';\nimport { SizeType } from '../../lib/adaptivity';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasRootRef } from '../../types';\nimport { SegmentedControlOption } from './SegmentedControlOption/SegmentedControlOption';\nimport styles from './SegmentedControl.module.css';\n\nconst sizeYClassNames = {\n  none: styles['SegmentedControl--sizeY-none'],\n  [SizeType.REGULAR]: styles['SegmentedControl--sizeY-regular'],\n};\n\nexport type SegmentedControlValue = string | number | undefined;\n\nexport interface SegmentedControlOptionInterface\n  extends Omit<React.HTMLAttributes<HTMLElement>, 'label'> {\n  label: React.ReactChild;\n  value: SegmentedControlValue;\n}\n\nexport interface SegmentedControlProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    HasRootRef<HTMLDivElement> {\n  options: SegmentedControlOptionInterface[];\n  size?: 'm' | 'l';\n  name?: string;\n  onChange?: (value: SegmentedControlValue) => void;\n  value?: SegmentedControlValue;\n  defaultValue?: SegmentedControlValue;\n}\n\nconst warn = warnOnce('SegmentedControl');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SegmentedControl\n */\nexport const SegmentedControl = ({\n  size = 'l',\n  name,\n  options,\n  getRootRef,\n  defaultValue = options[0]?.value,\n  children,\n  className,\n  onChange: onChangeProp,\n  value: valueProp,\n  ...restProps\n}: SegmentedControlProps) => {\n  const id = useId();\n\n  const [value, onChange] = useCustomEnsuredControl({\n    onChange: onChangeProp,\n    value: valueProp,\n    defaultValue,\n  });\n\n  const { sizeY = 'none' } = useAdaptivity();\n\n  const actualIndex = options.findIndex((option) => option.value === value);\n\n  useIsomorphicLayoutEffect(() => {\n    if (actualIndex === -1 && process.env.NODE_ENV === 'development') {\n      warn('defaultValue: такого значения нет среди опций!', 'error');\n    }\n  }, [actualIndex]);\n\n  const translateX = `translateX(${100 * actualIndex}%)`;\n\n  return (\n    <div\n      {...restProps}\n      className={classNames(\n        styles['SegmentedControl'],\n        sizeY !== SizeType.COMPACT && sizeYClassNames[sizeY],\n        size === 'l' && styles['SegmentedControl--size-l'],\n        className,\n      )}\n      ref={getRootRef}\n    >\n      <div role=\"radiogroup\" className={styles['SegmentedControl__in']}>\n        {actualIndex > -1 && (\n          <div\n            aria-hidden\n            className={styles['SegmentedControl__slider']}\n            style={{\n              width: `${100 / options.length}%`,\n              transform: translateX,\n              WebkitTransform: translateX,\n            }}\n          />\n        )}\n        {options.map(({ label, className: optionClassName, ...optionProps }) => (\n          <SegmentedControlOption\n            key={`${optionProps.value}`}\n            {...optionProps}\n            className={classNames(styles['SegmentedControl__option'], optionClassName)}\n            name={name ?? id}\n            checked={value === optionProps.value}\n            onChange={() => onChange(optionProps.value)}\n          >\n            {label}\n          </SegmentedControlOption>\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":["SegmentedControl","options","sizeYClassNames","none","SizeType","REGULAR","warn","warnOnce","size","name","getRootRef","defaultValue","value","children","className","onChange","onChangeProp","valueProp","restProps","id","useId","useCustomEnsuredControl","useAdaptivity","sizeY","actualIndex","findIndex","option","useIsomorphicLayoutEffect","process","env","NODE_ENV","translateX","div","classNames","COMPACT","ref","role","aria-hidden","style","width","length","transform","WebkitTransform","map","label","optionClassName","optionProps","SegmentedControlOption","key","checked"],"mappings":";;;;+BAyCaA;;;eAAAA;;;;;;;;;+DAzCU;oBACI;6BACG;iCACU;qBAClB;0BACG;yCACiB;wBACjB;sCAEc;IAqCtBC;AAlCjB,IAAMC;IACJC,IAAI;GACHC,qBAASC;AAsBZ,IAAMC,OAAOC,IAAAA,oBAAS;AAKf,IAAMP,mBAAmB;6BAC9BQ,MAAAA,gCAAO,mBACPC,cAAAA,MACAR,iBAAAA,SACAS,oBAAAA,yCACAC,cAAAA,gDAAeV,CAAAA,YAAAA,OAAO,CAAC,EAAE,cAAVA,uBAAAA,KAAAA,IAAAA,UAAYW,6BAC3BC,kBAAAA,UACAC,mBAAAA,WACAC,AAAUC,sBAAVD,UACAH,AAAOK,mBAAPL,OACGM;QATHV;QACAC;QACAR;QACAS;QACAC;QACAE;QACAC;QACAC;QACAH;;IAGA,IAAMO,KAAKC,IAAAA;IAEX,IAA0BC,8CAAAA,IAAAA,4CAAwB;QAChDN,UAAUC;QACVJ,OAAOK;QACPN,cAAAA;IACF,QAJOC,QAAmBS,6BAAZN,WAAYM;IAM1B,IAA2BC,kBAAAA,IAAAA,wDAAAA,gBAAnBC,OAAAA,0CAAQ;IAEhB,IAAMC,cAAcvB,QAAQwB,UAAU,SAACC;eAAWA,OAAOd,UAAUA;;IAEnEe,IAAAA,sDAA0B;QACxB,IAAIH,gBAAgB,CAAC,KAAKI,QAAQC,IAAIC,aAAa,eAAe;YAChExB,KAAK,kDAAkD;QACzD;IACF,GAAG;QAACkB;KAAY;IAEhB,IAAMO,aAAa,AAAC,cAA+B,OAAlB,MAAMP,aAAY;IAEnD,qBACE,qBAACQ,mDACKd;QACJJ,WAAWmB,IAAAA,0CAETV,UAAUnB,qBAAS8B,WAAWhC,eAAe,CAACqB,MAAM,EACpDf,SAAS,uCACTM;QAEFqB,KAAKzB;sBAEL,qBAACsB;QAAII,MAAK;QAAatB,SAAS;OAC7BU,cAAc,CAAC,mBACd,qBAACQ;QACCK,eAAAA;QACAvB,SAAS;QACTwB,OAAO;YACLC,OAAO,AAAC,GAAuB,OAArB,MAAMtC,QAAQuC,QAAO;YAC/BC,WAAWV;YACXW,iBAAiBX;QACnB;QAGH9B,QAAQ0C,IAAI;YAAGC,eAAAA,OAAO9B,AAAW+B,yBAAX/B,WAA+BgC;YAAtCF;YAAO9B;;eACrB,qBAACiC;YACCC,KAAK,AAAC,GAAoB,OAAlBF,YAAYlC;WAChBkC;YACJhC,WAAWmB,IAAAA,kDAA+CY;YAC1DpC,MAAMA,iBAAAA,kBAAAA,OAAQU;YACd8B,SAASrC,UAAUkC,YAAYlC;YAC/BG,UAAU;uBAAMA,SAAS+B,YAAYlC;;YAEpCgC;IACqB;AAKlC"}

package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts

@@ -5,4 +5,4 @@ export interface SegmentedControlOptionProps extends React.InputHTMLAttributes<H
 /**
  * @see https://vkcom.github.io/VKUI/#/SegmentedControl
  */
-export declare const SegmentedControlOption: ({ getRef, className, style, children, ...restProps }: SegmentedControlOptionProps) => JSX.Element;
+export declare const SegmentedControlOption: ({ getRef, className, style, children, ...restProps }: SegmentedControlOptionProps) => React.JSX.Element;

package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js

@@ -8,24 +8,24 @@ Object.defineProperty(exports, "SegmentedControlOption", {
         return SegmentedControlOption;
     }
 });
-var _defineProperty = require("@swc/helpers/lib/_define_property.js").default;
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _define_property = require("@swc/helpers/_/_define_property");
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _useAdaptivity = require("../../../hooks/useAdaptivity");
 var _useFocusVisible = require("../../../hooks/useFocusVisible");
 var _adaptivity = require("../../../lib/adaptivity");
 var _callMultiple = require("../../../lib/callMultiple");
-var _focusVisible = require("../../FocusVisible/FocusVisible");
-var _visuallyHidden = require("../../VisuallyHidden/VisuallyHidden");
-var sizeYClassNames = _defineProperty({
+var _FocusVisible = require("../../FocusVisible/FocusVisible");
+var _VisuallyHidden = require("../../VisuallyHidden/VisuallyHidden");
+var sizeYClassNames = _define_property._({
     none: "vkuiSegmentedControlOption__content--sizeY-none"
 }, _adaptivity.SizeType.COMPACT, "vkuiSegmentedControlOption__content--sizeY-compact");
 var SegmentedControlOption = function(_param) {
-    var getRef = _param.getRef, className = _param.className, style = _param.style, children = _param.children, restProps = _objectWithoutProperties(_param, [
+    var getRef = _param.getRef, className = _param.className, style = _param.style, children = _param.children, restProps = _object_without_properties._(_param, [
         "getRef",
         "className",
         "style",
@@ -36,7 +36,7 @@ var SegmentedControlOption = function(_param) {
     return /*#__PURE__*/ _react.createElement("label", {
         className: (0, _vkjs.classNames)("vkuiSegmentedControlOption", restProps.checked && "vkuiSegmentedControlOption--checked", className),
         style: style
-    }, /*#__PURE__*/ _react.createElement(_visuallyHidden.VisuallyHidden, _objectSpreadProps(_objectSpread({}, restProps), {
+    }, /*#__PURE__*/ _react.createElement(_VisuallyHidden.VisuallyHidden, _object_spread_props._(_object_spread._({}, restProps), {
         Component: "input",
         getRootRef: getRef,
         type: "radio",
@@ -44,7 +44,7 @@ var SegmentedControlOption = function(_param) {
         onFocus: (0, _callMultiple.callMultiple)(onFocus, restProps.onFocus)
     })), /*#__PURE__*/ _react.createElement("span", {
         className: (0, _vkjs.classNames)("vkuiSegmentedControlOption__content", sizeY !== _adaptivity.SizeType.REGULAR && sizeYClassNames[sizeY])
-    }, children), /*#__PURE__*/ _react.createElement(_focusVisible.FocusVisible, {
+    }, children), /*#__PURE__*/ _react.createElement(_FocusVisible.FocusVisible, {
         visible: focusVisible,
         mode: "inside"
     }));

package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { useFocusVisible } from '../../../hooks/useFocusVisible';\nimport { SizeType } from '../../../lib/adaptivity';\nimport { callMultiple } from '../../../lib/callMultiple';\nimport { HasRef } from '../../../types';\nimport { FocusVisible } from '../../FocusVisible/FocusVisible';\nimport { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden';\nimport styles from './SegmentedControlOption.module.css';\n\nconst sizeYClassNames = {\n  none: styles['SegmentedControlOption__content--sizeY-none'],\n  [SizeType.COMPACT]: styles['SegmentedControlOption__content--sizeY-compact'],\n};\n\nexport interface SegmentedControlOptionProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRef<HTMLInputElement> {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SegmentedControl\n */\nexport const SegmentedControlOption = ({\n  getRef,\n  className,\n  style,\n  children,\n  ...restProps\n}: SegmentedControlOptionProps) => {\n  const { focusVisible, onBlur, onFocus } = useFocusVisible();\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <label\n      className={classNames(\n        styles['SegmentedControlOption'],\n        restProps.checked && styles['SegmentedControlOption--checked'],\n        className,\n      )}\n      style={style}\n    >\n      <VisuallyHidden\n        {...restProps}\n        Component=\"input\"\n        getRootRef={getRef}\n        type=\"radio\"\n        onBlur={callMultiple(onBlur, restProps.onBlur)}\n        onFocus={callMultiple(onFocus, restProps.onFocus)}\n      />\n      <span\n        className={classNames(\n          styles['SegmentedControlOption__content'],\n          sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        )}\n      >\n        {children}\n      </span>\n      <FocusVisible visible={focusVisible} mode=\"inside\" />\n    </label>\n  );\n};\n"],"names":["SegmentedControlOption","sizeYClassNames","none","SizeType","COMPACT","getRef","className","style","children","restProps","useFocusVisible","focusVisible","onBlur","onFocus","useAdaptivity","sizeY","label","classNames","checked","VisuallyHidden","Component","getRootRef","type","callMultiple","span","REGULAR","FocusVisible","visible","mode"],"mappings":";;;;+BAuBaA;;;eAAAA;;;;;;;;2DAvBU;oBACI;6BACG;+BACE;0BACP;4BACI;4BAEA;8BACE;AAG/B,IAAMC;IACJC,IAAI;GACHC,oBAAQ,CAACC,OAAO;AAUZ,IAAMJ,yBAAyB,iBAMH;QALjCK,gBAAAA,QACAC,mBAAAA,WACAC,eAAAA,OACAC,kBAAAA,UACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAA0CE,oBAAAA,IAAAA,gCAAe,KAAjDC,eAAkCD,kBAAlCC,cAAcC,SAAoBF,kBAApBE,QAAQC,UAAYH,kBAAZG;IAC9B,IAA2BC,kBAAAA,IAAAA,4BAAa,4BAAbA,gBAAnBC,OAAAA,0CAAQ;IAEhB,qBACE,qBAACC;QACCV,WAAWW,IAAAA,gBAAU,gCAEnBR,UAAUS,OAAO,2CACjBZ;QAEFC,OAAOA;qBAEP,qBAACY,8BAAc,uCACTV;QACJW,WAAU;QACVC,YAAYhB;QACZiB,MAAK;QACLV,QAAQW,IAAAA,0BAAY,EAACX,QAAQH,UAAUG,MAAM;QAC7CC,SAASU,IAAAA,0BAAY,EAACV,SAASJ,UAAUI,OAAO;uBAElD,qBAACW;QACClB,WAAWW,IAAAA,gBAAU,yCAEnBF,UAAUZ,oBAAQ,CAACsB,OAAO,IAAIxB,eAAe,CAACc,MAAM;OAGrDP,yBAEH,qBAACkB,0BAAY;QAACC,SAAShB;QAAciB,MAAK;;AAGhD"}
+{"version":3,"sources":["../../../../../src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { useFocusVisible } from '../../../hooks/useFocusVisible';\nimport { SizeType } from '../../../lib/adaptivity';\nimport { callMultiple } from '../../../lib/callMultiple';\nimport { HasRef } from '../../../types';\nimport { FocusVisible } from '../../FocusVisible/FocusVisible';\nimport { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden';\nimport styles from './SegmentedControlOption.module.css';\n\nconst sizeYClassNames = {\n  none: styles['SegmentedControlOption__content--sizeY-none'],\n  [SizeType.COMPACT]: styles['SegmentedControlOption__content--sizeY-compact'],\n};\n\nexport interface SegmentedControlOptionProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRef<HTMLInputElement> {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SegmentedControl\n */\nexport const SegmentedControlOption = ({\n  getRef,\n  className,\n  style,\n  children,\n  ...restProps\n}: SegmentedControlOptionProps) => {\n  const { focusVisible, onBlur, onFocus } = useFocusVisible();\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <label\n      className={classNames(\n        styles['SegmentedControlOption'],\n        restProps.checked && styles['SegmentedControlOption--checked'],\n        className,\n      )}\n      style={style}\n    >\n      <VisuallyHidden\n        {...restProps}\n        Component=\"input\"\n        getRootRef={getRef}\n        type=\"radio\"\n        onBlur={callMultiple(onBlur, restProps.onBlur)}\n        onFocus={callMultiple(onFocus, restProps.onFocus)}\n      />\n      <span\n        className={classNames(\n          styles['SegmentedControlOption__content'],\n          sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        )}\n      >\n        {children}\n      </span>\n      <FocusVisible visible={focusVisible} mode=\"inside\" />\n    </label>\n  );\n};\n"],"names":["SegmentedControlOption","sizeYClassNames","none","SizeType","COMPACT","getRef","className","style","children","restProps","useFocusVisible","focusVisible","onBlur","onFocus","useAdaptivity","sizeY","label","classNames","checked","VisuallyHidden","Component","getRootRef","type","callMultiple","span","REGULAR","FocusVisible","visible","mode"],"mappings":";;;;+BAuBaA;;;eAAAA;;;;;;;;+DAvBU;oBACI;6BACG;+BACE;0BACP;4BACI;4BAEA;8BACE;AAG/B,IAAMC;IACJC,IAAI;GACHC,qBAASC;AAUL,IAAMJ,yBAAyB;QACpCK,gBAAAA,QACAC,mBAAAA,WACAC,eAAAA,OACAC,kBAAAA,UACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAA0CE,oBAAAA,IAAAA,qCAAlCC,eAAkCD,kBAAlCC,cAAcC,SAAoBF,kBAApBE,QAAQC,UAAYH,kBAAZG;IAC9B,IAA2BC,kBAAAA,IAAAA,wDAAAA,gBAAnBC,OAAAA,0CAAQ;IAEhB,qBACE,qBAACC;QACCV,WAAWW,IAAAA,gDAETR,UAAUS,kDACVZ;QAEFC,OAAOA;qBAEP,qBAACY,4EACKV;QACJW,WAAU;QACVC,YAAYhB;QACZiB,MAAK;QACLV,QAAQW,IAAAA,4BAAaX,QAAQH,UAAUG;QACvCC,SAASU,IAAAA,4BAAaV,SAASJ,UAAUI;uBAE3C,qBAACW;QACClB,WAAWW,IAAAA,yDAETF,UAAUZ,qBAASsB,WAAWxB,eAAe,CAACc,MAAM;OAGrDP,yBAEH,qBAACkB;QAAaC,SAAShB;QAAciB,MAAK;;AAGhD"}

package/dist/cjs/components/Select/Select.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { SelectProps } from '../CustomSelect/CustomSelect';
 export type SelectType = 'default' | 'plain' | 'accent';
 /**
  * @see https://vkcom.github.io/VKUI/#/Select
  */
-export declare const Select: ({ children, options, popupDirection, renderOption, allowClearButton, ClearButton, ...props }: SelectProps) => JSX.Element;
+export declare const Select: ({ children, options, popupDirection, renderOption, allowClearButton, ClearButton, ...props }: SelectProps) => React.JSX.Element;

package/dist/cjs/components/Select/Select.js

@@ -8,15 +8,15 @@ Object.defineProperty(exports, "Select", {
         return Select;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _useAdaptivityHasPointer = require("../../hooks/useAdaptivityHasPointer");
-var _customSelect = require("../CustomSelect/CustomSelect");
-var _nativeSelect = require("../NativeSelect/NativeSelect");
+var _CustomSelect = require("../CustomSelect/CustomSelect");
+var _NativeSelect = require("../NativeSelect/NativeSelect");
 var Select = function(_param) {
-    var children = _param.children, _param_options = _param.options, options = _param_options === void 0 ? [] : _param_options, popupDirection = _param.popupDirection, renderOption = _param.renderOption, allowClearButton = _param.allowClearButton, ClearButton = _param.ClearButton, props = _objectWithoutProperties(_param, [
+    var children = _param.children, _param_options = _param.options, options = _param_options === void 0 ? [] : _param_options, popupDirection = _param.popupDirection, renderOption = _param.renderOption, allowClearButton = _param.allowClearButton, ClearButton = _param.ClearButton, props = _object_without_properties._(_param, [
         "children",
         "options",
         "popupDirection",
@@ -25,13 +25,13 @@ var Select = function(_param) {
         "ClearButton"
     ]);
     var hasPointer = (0, _useAdaptivityHasPointer.useAdaptivityHasPointer)();
-    return /*#__PURE__*/ _react.createElement(_react.Fragment, null, (hasPointer === undefined || hasPointer) && /*#__PURE__*/ _react.createElement(_customSelect.CustomSelect, _objectSpread({
+    return /*#__PURE__*/ _react.createElement(_react.Fragment, null, (hasPointer === undefined || hasPointer) && /*#__PURE__*/ _react.createElement(_CustomSelect.CustomSelect, _object_spread._({
         options: options,
         popupDirection: popupDirection,
         renderOption: renderOption,
         allowClearButton: allowClearButton,
         ClearButton: ClearButton
-    }, props)), (hasPointer === undefined || !hasPointer) && /*#__PURE__*/ _react.createElement(_nativeSelect.NativeSelect, props, options.map(function(param) {
+    }, props)), (hasPointer === undefined || !hasPointer) && /*#__PURE__*/ _react.createElement(_NativeSelect.NativeSelect, props, options.map(function(param) {
         var label = param.label, value = param.value;
         return /*#__PURE__*/ _react.createElement("option", {
             value: value,

package/dist/cjs/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAdaptivityHasPointer } from '../../hooks/useAdaptivityHasPointer';\nimport { CustomSelect, SelectProps } from '../CustomSelect/CustomSelect';\nimport { NativeSelect } from '../NativeSelect/NativeSelect';\n\nexport type SelectType = 'default' | 'plain' | 'accent';\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Select\n */\nexport const Select = ({\n  children,\n  options = [],\n  popupDirection,\n  renderOption,\n  allowClearButton,\n  ClearButton,\n  ...props\n}: SelectProps) => {\n  const hasPointer = useAdaptivityHasPointer();\n\n  return (\n    <React.Fragment>\n      {(hasPointer === undefined || hasPointer) && (\n        <CustomSelect\n          options={options}\n          popupDirection={popupDirection}\n          renderOption={renderOption}\n          allowClearButton={allowClearButton}\n          ClearButton={ClearButton}\n          {...props}\n        />\n      )}\n      {(hasPointer === undefined || !hasPointer) && (\n        <NativeSelect {...props}>\n          {options.map(({ label, value }) => (\n            <option value={value} key={`${value}`}>\n              {label}\n            </option>\n          ))}\n        </NativeSelect>\n      )}\n    </React.Fragment>\n  );\n};\n"],"names":["Select","children","options","popupDirection","renderOption","allowClearButton","ClearButton","props","hasPointer","useAdaptivityHasPointer","React","Fragment","undefined","CustomSelect","NativeSelect","map","label","value","option","key"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;;2DAVU;uCACiB;4BACE;4BACb;AAOtB,IAAMA,SAAS,iBAQH;QAPjBC,kBAAAA,kCACAC,SAAAA,sCAAU,EAAE,mBACZC,wBAAAA,gBACAC,sBAAAA,cACAC,0BAAAA,kBACAC,qBAAAA,aACGC;QANHN;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAME,aAAaC,IAAAA,gDAAuB;IAE1C,qBACE,qBAACC,OAAMC,QAAQ,QACZ,AAACH,CAAAA,eAAeI,aAAaJ,UAAS,mBACrC,qBAACK,0BAAY;QACXX,SAASA;QACTC,gBAAgBA;QAChBC,cAAcA;QACdC,kBAAkBA;QAClBC,aAAaA;OACTC,SAGP,AAACC,CAAAA,eAAeI,aAAa,CAACJ,UAAS,mBACtC,qBAACM,0BAAY,EAAKP,OACfL,QAAQa,GAAG,CAAC;YAAGC,cAAAA,OAAOC,cAAAA;6BACrB,qBAACC;YAAOD,OAAOA;YAAOE,KAAK,AAAC,GAAQ,OAANF;WAC3BD;;AAOf"}
+{"version":3,"sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAdaptivityHasPointer } from '../../hooks/useAdaptivityHasPointer';\nimport { CustomSelect, SelectProps } from '../CustomSelect/CustomSelect';\nimport { NativeSelect } from '../NativeSelect/NativeSelect';\n\nexport type SelectType = 'default' | 'plain' | 'accent';\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Select\n */\nexport const Select = ({\n  children,\n  options = [],\n  popupDirection,\n  renderOption,\n  allowClearButton,\n  ClearButton,\n  ...props\n}: SelectProps) => {\n  const hasPointer = useAdaptivityHasPointer();\n\n  return (\n    <React.Fragment>\n      {(hasPointer === undefined || hasPointer) && (\n        <CustomSelect\n          options={options}\n          popupDirection={popupDirection}\n          renderOption={renderOption}\n          allowClearButton={allowClearButton}\n          ClearButton={ClearButton}\n          {...props}\n        />\n      )}\n      {(hasPointer === undefined || !hasPointer) && (\n        <NativeSelect {...props}>\n          {options.map(({ label, value }) => (\n            <option value={value} key={`${value}`}>\n              {label}\n            </option>\n          ))}\n        </NativeSelect>\n      )}\n    </React.Fragment>\n  );\n};\n"],"names":["Select","children","options","popupDirection","renderOption","allowClearButton","ClearButton","props","hasPointer","useAdaptivityHasPointer","React","Fragment","undefined","CustomSelect","NativeSelect","map","label","value","option","key"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;;+DAVU;uCACiB;4BACE;4BACb;AAOtB,IAAMA,SAAS;QACpBC,kBAAAA,kCACAC,SAAAA,sCAAU,EAAE,mBACZC,wBAAAA,gBACAC,sBAAAA,cACAC,0BAAAA,kBACAC,qBAAAA,aACGC;QANHN;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAME,aAAaC,IAAAA;IAEnB,qBACE,qBAACC,OAAMC,gBACJ,AAACH,CAAAA,eAAeI,aAAaJ,UAAS,mBACrC,qBAACK;QACCX,SAASA;QACTC,gBAAgBA;QAChBC,cAAcA;QACdC,kBAAkBA;QAClBC,aAAaA;OACTC,SAGP,AAACC,CAAAA,eAAeI,aAAa,CAACJ,UAAS,mBACtC,qBAACM,4BAAiBP,OACfL,QAAQa,IAAI;YAAGC,cAAAA,OAAOC,cAAAA;6BACrB,qBAACC;YAAOD,OAAOA;YAAOE,KAAK,AAAC,GAAQ,OAANF;WAC3BD;;AAOf"}

package/dist/cjs/components/SelectMimicry/SelectMimicry.d.ts

@@ -10,4 +10,4 @@ export interface SelectMimicryProps extends React.HTMLAttributes<HTMLElement>, H
 /**
  * @see https://vkcom.github.io/VKUI/#/SelectMimicry
  */
-export declare const SelectMimicry: ({ tabIndex, placeholder, children, align, getRootRef, multiline, disabled, onClick, before, after, selectType, status, className, ...restProps }: SelectMimicryProps) => JSX.Element;
+export declare const SelectMimicry: ({ tabIndex, placeholder, children, align, getRootRef, multiline, disabled, onClick, before, after, selectType, status, className, ...restProps }: SelectMimicryProps) => React.JSX.Element;

package/dist/cjs/components/SelectMimicry/SelectMimicry.js

@@ -8,24 +8,24 @@ Object.defineProperty(exports, "SelectMimicry", {
         return SelectMimicry;
     }
 });
-var _defineProperty = require("@swc/helpers/lib/_define_property.js").default;
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _define_property = require("@swc/helpers/_/_define_property");
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _useAdaptivity = require("../../hooks/useAdaptivity");
 var _adaptivity = require("../../lib/adaptivity");
 var _select = require("../../lib/select");
-var _dropdownIcon = require("../DropdownIcon/DropdownIcon");
-var _formField = require("../FormField/FormField");
-var _selectTypography = require("../SelectTypography/SelectTypography");
-var sizeYClassNames = _defineProperty({
+var _DropdownIcon = require("../DropdownIcon/DropdownIcon");
+var _FormField = require("../FormField/FormField");
+var _SelectTypography = require("../SelectTypography/SelectTypography");
+var sizeYClassNames = _define_property._({
     none: "vkuiSelect--sizeY-none"
 }, _adaptivity.SizeType.COMPACT, "vkuiSelect--sizeY-compact");
 var SelectMimicry = function(_param) {
-    var _param_tabIndex = _param.tabIndex, tabIndex = _param_tabIndex === void 0 ? 0 : _param_tabIndex, placeholder = _param.placeholder, children = _param.children, align = _param.align, getRootRef = _param.getRootRef, multiline = _param.multiline, disabled = _param.disabled, onClick = _param.onClick, before = _param.before, _param_after = _param.after, after = _param_after === void 0 ? /*#__PURE__*/ _react.createElement(_dropdownIcon.DropdownIcon, null) : _param_after, _param_selectType = _param.selectType, selectType = _param_selectType === void 0 ? "default" : _param_selectType, status = _param.status, className = _param.className, restProps = _objectWithoutProperties(_param, [
+    var _param_tabIndex = _param.tabIndex, tabIndex = _param_tabIndex === void 0 ? 0 : _param_tabIndex, placeholder = _param.placeholder, children = _param.children, align = _param.align, getRootRef = _param.getRootRef, multiline = _param.multiline, disabled = _param.disabled, onClick = _param.onClick, before = _param.before, _param_after = _param.after, after = _param_after === void 0 ? /*#__PURE__*/ _react.createElement(_DropdownIcon.DropdownIcon, null) : _param_after, _param_selectType = _param.selectType, selectType = _param_selectType === void 0 ? "default" : _param_selectType, status = _param.status, className = _param.className, restProps = _object_without_properties._(_param, [
         "tabIndex",
         "placeholder",
         "children",
@@ -42,7 +42,7 @@ var SelectMimicry = function(_param) {
     ]);
     var _useAdaptivity1 = (0, _useAdaptivity.useAdaptivity)(), _useAdaptivity_sizeY = _useAdaptivity1.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? "none" : _useAdaptivity_sizeY;
     var title = children || placeholder;
-    return /*#__PURE__*/ _react.createElement(_formField.FormField, _objectSpreadProps(_objectSpread({}, restProps), {
+    return /*#__PURE__*/ _react.createElement(_FormField.FormField, _object_spread_props._(_object_spread._({}, restProps), {
         tabIndex: disabled ? undefined : tabIndex,
         className: (0, _vkjs.classNames)("vkuiSelect", sizeY !== _adaptivity.SizeType.REGULAR && sizeYClassNames[sizeY], !children && "vkuiSelect--empty", multiline && "vkuiSelect--multiline", align === "center" && "vkuiSelect--align-center", align === "right" && "vkuiSelect--align-right", before && "vkuiSelect--hasBefore", className),
         getRootRef: getRootRef,
@@ -54,7 +54,7 @@ var SelectMimicry = function(_param) {
         status: status
     }), /*#__PURE__*/ _react.createElement("div", {
         className: "vkuiSelect__container"
-    }, /*#__PURE__*/ _react.createElement(_selectTypography.SelectTypography, {
+    }, /*#__PURE__*/ _react.createElement(_SelectTypography.SelectTypography, {
         selectType: selectType,
         className: "vkuiSelect__title"
     }, title)));

package/dist/cjs/components/SelectMimicry/SelectMimicry.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SelectMimicry/SelectMimicry.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { SizeType } from '../../lib/adaptivity';\nimport { getFormFieldModeFromSelectType } from '../../lib/select';\nimport { HasAlign, HasRootRef } from '../../types';\nimport { DropdownIcon } from '../DropdownIcon/DropdownIcon';\nimport { FormField, FormFieldProps } from '../FormField/FormField';\nimport type { SelectType } from '../Select/Select';\nimport { SelectTypography } from '../SelectTypography/SelectTypography';\nimport styles from '../Select/Select.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Select--sizeY-none'],\n  [SizeType.COMPACT]: styles['Select--sizeY-compact'],\n};\n\nexport interface SelectMimicryProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasAlign,\n    HasRootRef<HTMLElement>,\n    Pick<FormFieldProps, 'before' | 'after' | 'status'> {\n  multiline?: boolean;\n  disabled?: boolean;\n  selectType?: SelectType;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SelectMimicry\n */\nexport const SelectMimicry = ({\n  tabIndex = 0,\n  placeholder,\n  children,\n  align,\n  getRootRef,\n  multiline,\n  disabled,\n  onClick,\n  before,\n  after = <DropdownIcon />,\n  selectType = 'default',\n  status,\n  className,\n  ...restProps\n}: SelectMimicryProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n  const title = children || placeholder;\n\n  return (\n    <FormField\n      {...restProps}\n      tabIndex={disabled ? undefined : tabIndex}\n      className={classNames(\n        styles['Select'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        !children && styles['Select--empty'],\n        multiline && styles['Select--multiline'],\n        align === 'center' && styles['Select--align-center'],\n        align === 'right' && styles['Select--align-right'],\n        before && styles['Select--hasBefore'],\n        className,\n      )}\n      getRootRef={getRootRef}\n      onClick={disabled ? undefined : onClick}\n      disabled={disabled}\n      before={before}\n      after={after}\n      mode={getFormFieldModeFromSelectType(selectType)}\n      status={status}\n    >\n      <div className={styles['Select__container']}>\n        <SelectTypography selectType={selectType} className={styles['Select__title']}>\n          {title}\n        </SelectTypography>\n      </div>\n    </FormField>\n  );\n};\n"],"names":["SelectMimicry","sizeYClassNames","none","SizeType","COMPACT","tabIndex","placeholder","children","align","getRootRef","multiline","disabled","onClick","before","after","DropdownIcon","selectType","status","className","restProps","useAdaptivity","sizeY","title","FormField","undefined","classNames","REGULAR","mode","getFormFieldModeFromSelectType","div","SelectTypography"],"mappings":";;;;+BA8BaA;;;eAAAA;;;;;;;;2DA9BU;oBACI;6BACG;0BACL;sBACsB;4BAElB;yBACa;gCAET;AAGjC,IAAMC;IACJC,IAAI;GACHC,oBAAQ,CAACC,OAAO;AAgBZ,IAAMJ,gBAAgB,iBAeH;iCAdxBK,UAAAA,wCAAW,qBACXC,qBAAAA,aACAC,kBAAAA,UACAC,eAAAA,OACAC,oBAAAA,YACAC,mBAAAA,WACAC,kBAAAA,UACAC,iBAAAA,SACAC,gBAAAA,8BACAC,OAAAA,gDAAQ,qBAACC,0BAAY,mDACrBC,YAAAA,4CAAa,+BACbC,gBAAAA,QACAC,mBAAAA,WACGC;QAbHd;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;;IAGA,IAA2BE,kBAAAA,IAAAA,4BAAa,4BAAbA,gBAAnBC,OAAAA,0CAAQ;IAChB,IAAMC,QAAQf,YAAYD;IAE1B,qBACE,qBAACiB,oBAAS,uCACJJ;QACJd,UAAUM,WAAWa,YAAYnB,QAAQ;QACzCa,WAAWO,IAAAA,gBAAU,gBAEnBJ,UAAUlB,oBAAQ,CAACuB,OAAO,IAAIzB,eAAe,CAACoB,MAAM,EACpD,CAACd,iCACDG,sCACAF,UAAU,wCACVA,UAAU,sCACVK,mCACAK;QAEFT,YAAYA;QACZG,SAASD,WAAWa,YAAYZ,OAAO;QACvCD,UAAUA;QACVE,QAAQA;QACRC,OAAOA;QACPa,MAAMC,IAAAA,sCAA8B,EAACZ;QACrCC,QAAQA;sBAER,qBAACY;QAAIX,SAAS;qBACZ,qBAACY,kCAAgB;QAACd,YAAYA;QAAYE,SAAS;OAChDI;AAKX"}
+{"version":3,"sources":["../../../../src/components/SelectMimicry/SelectMimicry.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { SizeType } from '../../lib/adaptivity';\nimport { getFormFieldModeFromSelectType } from '../../lib/select';\nimport { HasAlign, HasRootRef } from '../../types';\nimport { DropdownIcon } from '../DropdownIcon/DropdownIcon';\nimport { FormField, FormFieldProps } from '../FormField/FormField';\nimport type { SelectType } from '../Select/Select';\nimport { SelectTypography } from '../SelectTypography/SelectTypography';\nimport styles from '../Select/Select.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Select--sizeY-none'],\n  [SizeType.COMPACT]: styles['Select--sizeY-compact'],\n};\n\nexport interface SelectMimicryProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasAlign,\n    HasRootRef<HTMLElement>,\n    Pick<FormFieldProps, 'before' | 'after' | 'status'> {\n  multiline?: boolean;\n  disabled?: boolean;\n  selectType?: SelectType;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SelectMimicry\n */\nexport const SelectMimicry = ({\n  tabIndex = 0,\n  placeholder,\n  children,\n  align,\n  getRootRef,\n  multiline,\n  disabled,\n  onClick,\n  before,\n  after = <DropdownIcon />,\n  selectType = 'default',\n  status,\n  className,\n  ...restProps\n}: SelectMimicryProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n  const title = children || placeholder;\n\n  return (\n    <FormField\n      {...restProps}\n      tabIndex={disabled ? undefined : tabIndex}\n      className={classNames(\n        styles['Select'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        !children && styles['Select--empty'],\n        multiline && styles['Select--multiline'],\n        align === 'center' && styles['Select--align-center'],\n        align === 'right' && styles['Select--align-right'],\n        before && styles['Select--hasBefore'],\n        className,\n      )}\n      getRootRef={getRootRef}\n      onClick={disabled ? undefined : onClick}\n      disabled={disabled}\n      before={before}\n      after={after}\n      mode={getFormFieldModeFromSelectType(selectType)}\n      status={status}\n    >\n      <div className={styles['Select__container']}>\n        <SelectTypography selectType={selectType} className={styles['Select__title']}>\n          {title}\n        </SelectTypography>\n      </div>\n    </FormField>\n  );\n};\n"],"names":["SelectMimicry","sizeYClassNames","none","SizeType","COMPACT","tabIndex","placeholder","children","align","getRootRef","multiline","disabled","onClick","before","after","DropdownIcon","selectType","status","className","restProps","useAdaptivity","sizeY","title","FormField","undefined","classNames","REGULAR","mode","getFormFieldModeFromSelectType","div","SelectTypography"],"mappings":";;;;+BA8BaA;;;eAAAA;;;;;;;;+DA9BU;oBACI;6BACG;0BACL;sBACsB;4BAElB;yBACa;gCAET;AAGjC,IAAMC;IACJC,IAAI;GACHC,qBAASC;AAgBL,IAAMJ,gBAAgB;iCAC3BK,UAAAA,wCAAW,qBACXC,qBAAAA,aACAC,kBAAAA,UACAC,eAAAA,OACAC,oBAAAA,YACAC,mBAAAA,WACAC,kBAAAA,UACAC,iBAAAA,SACAC,gBAAAA,8BACAC,OAAAA,gDAAQ,qBAACC,6EACTC,YAAAA,4CAAa,+BACbC,gBAAAA,QACAC,mBAAAA,WACGC;QAbHd;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;;IAGA,IAA2BE,kBAAAA,IAAAA,wDAAAA,gBAAnBC,OAAAA,0CAAQ;IAChB,IAAMC,QAAQf,YAAYD;IAE1B,qBACE,qBAACiB,kEACKJ;QACJd,UAAUM,WAAWa,YAAYnB;QACjCa,WAAWO,IAAAA,gCAETJ,UAAUlB,qBAASuB,WAAWzB,eAAe,CAACoB,MAAM,EACpD,CAACd,iCACDG,sCACAF,UAAU,wCACVA,UAAU,sCACVK,mCACAK;QAEFT,YAAYA;QACZG,SAASD,WAAWa,YAAYZ;QAChCD,UAAUA;QACVE,QAAQA;QACRC,OAAOA;QACPa,MAAMC,IAAAA,wCAA+BZ;QACrCC,QAAQA;sBAER,qBAACY;QAAIX,SAAS;qBACZ,qBAACY;QAAiBd,YAAYA;QAAYE,SAAS;OAChDI;AAKX"}

package/dist/cjs/components/SelectTypography/SelectTypography.d.ts

@@ -7,4 +7,4 @@ export interface SelectTypographyProps extends React.HTMLAttributes<HTMLSpanElem
 /**
  * @private
  */
-export declare const SelectTypography: ({ selectType, children, className, ...restProps }: SelectTypographyProps) => JSX.Element;
+export declare const SelectTypography: ({ selectType, children, className, ...restProps }: SelectTypographyProps) => React.JSX.Element;

package/dist/cjs/components/SelectTypography/SelectTypography.js

@@ -8,10 +8,10 @@ Object.defineProperty(exports, "SelectTypography", {
         return SelectTypography;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _useAdaptivity = require("../../hooks/useAdaptivity");
 var _usePlatform = require("../../hooks/usePlatform");
@@ -25,14 +25,14 @@ var platformClassNames = {
     android: "vkuiSelectTypography--android"
 };
 var SelectTypography = function(_param) {
-    var _param_selectType = _param.selectType, selectType = _param_selectType === void 0 ? "default" : _param_selectType, children = _param.children, className = _param.className, restProps = _objectWithoutProperties(_param, [
+    var _param_selectType = _param.selectType, selectType = _param_selectType === void 0 ? "default" : _param_selectType, children = _param.children, className = _param.className, restProps = _object_without_properties._(_param, [
         "selectType",
         "children",
         "className"
     ]);
     var platform = (0, _usePlatform.usePlatform)();
     var _useAdaptivity1 = (0, _useAdaptivity.useAdaptivity)(), _useAdaptivity_sizeY = _useAdaptivity1.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? "none" : _useAdaptivity_sizeY;
-    return /*#__PURE__*/ _react.createElement("span", _objectSpread({
+    return /*#__PURE__*/ _react.createElement("span", _object_spread._({
         className: (0, _vkjs.classNames)("vkuiSelectTypography", platformClassNames.hasOwnProperty(platform) && platformClassNames[platform], sizeY !== _adaptivity.SizeType.REGULAR && sizeYClassNames[sizeY], selectType === "accent" && "vkuiSelectTypography--selectType-accent", className)
     }, restProps), children);
 };

package/dist/cjs/components/SelectTypography/SelectTypography.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SelectTypography/SelectTypography.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { HasChildren } from '../../types';\nimport type { SelectType } from '../Select/Select';\nimport styles from './SelectTypography.module.css';\n\nconst sizeYClassNames = {\n  none: styles['SelectTypography--sizeY-none'],\n  compact: styles['SelectTypography--sizeY-compact'],\n};\n\nconst platformClassNames = {\n  vkcom: styles['SelectTypography--vkcom'],\n  android: styles['SelectTypography--android'],\n};\n\nexport interface SelectTypographyProps extends React.HTMLAttributes<HTMLSpanElement>, HasChildren {\n  selectType?: SelectType;\n}\n\n/**\n * @private\n */\nexport const SelectTypography = ({\n  selectType = 'default',\n  children,\n  className,\n  ...restProps\n}: SelectTypographyProps) => {\n  const platform = usePlatform();\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <span\n      className={classNames(\n        styles['SelectTypography'],\n        platformClassNames.hasOwnProperty(platform) && platformClassNames[platform],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        selectType === 'accent' && styles['SelectTypography--selectType-accent'],\n        className,\n      )}\n      {...restProps}\n    >\n      {children}\n    </span>\n  );\n};\n"],"names":["SelectTypography","sizeYClassNames","none","compact","platformClassNames","vkcom","android","selectType","children","className","restProps","platform","usePlatform","useAdaptivity","sizeY","span","classNames","hasOwnProperty","SizeType","REGULAR"],"mappings":";;;;+BA0BaA;;;eAAAA;;;;;;2DA1BU;oBACI;6BACG;2BACF;0BACH;AAKzB,IAAMC,kBAAkB;IACtBC,IAAI;IACJC,OAAO;AACT;AAEA,IAAMC,qBAAqB;IACzBC,KAAK;IACLC,OAAO;AACT;AASO,IAAMN,mBAAmB,iBAKH;mCAJ3BO,YAAAA,4CAAa,+BACbC,kBAAAA,UACAC,mBAAAA,WACGC;QAHHH;QACAC;QACAC;;IAGA,IAAME,WAAWC,IAAAA,wBAAW;IAC5B,IAA2BC,kBAAAA,IAAAA,4BAAa,4BAAbA,gBAAnBC,OAAAA,0CAAQ;IAEhB,qBACE,qBAACC;QACCN,WAAWO,IAAAA,gBAAU,0BAEnBZ,mBAAmBa,cAAc,CAACN,aAAaP,kBAAkB,CAACO,SAAS,EAC3EG,UAAUI,oBAAQ,CAACC,OAAO,IAAIlB,eAAe,CAACa,MAAM,EACpDP,eAAe,uDACfE;OAEEC,YAEHF;AAGP"}
+{"version":3,"sources":["../../../../src/components/SelectTypography/SelectTypography.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { HasChildren } from '../../types';\nimport type { SelectType } from '../Select/Select';\nimport styles from './SelectTypography.module.css';\n\nconst sizeYClassNames = {\n  none: styles['SelectTypography--sizeY-none'],\n  compact: styles['SelectTypography--sizeY-compact'],\n};\n\nconst platformClassNames = {\n  vkcom: styles['SelectTypography--vkcom'],\n  android: styles['SelectTypography--android'],\n};\n\nexport interface SelectTypographyProps extends React.HTMLAttributes<HTMLSpanElement>, HasChildren {\n  selectType?: SelectType;\n}\n\n/**\n * @private\n */\nexport const SelectTypography = ({\n  selectType = 'default',\n  children,\n  className,\n  ...restProps\n}: SelectTypographyProps) => {\n  const platform = usePlatform();\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <span\n      className={classNames(\n        styles['SelectTypography'],\n        platformClassNames.hasOwnProperty(platform) && platformClassNames[platform],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        selectType === 'accent' && styles['SelectTypography--selectType-accent'],\n        className,\n      )}\n      {...restProps}\n    >\n      {children}\n    </span>\n  );\n};\n"],"names":["SelectTypography","sizeYClassNames","none","compact","platformClassNames","vkcom","android","selectType","children","className","restProps","platform","usePlatform","useAdaptivity","sizeY","span","classNames","hasOwnProperty","SizeType","REGULAR"],"mappings":";;;;+BA0BaA;;;eAAAA;;;;;;+DA1BU;oBACI;6BACG;2BACF;0BACH;AAKzB,IAAMC,kBAAkB;IACtBC,IAAI;IACJC,OAAO;AACT;AAEA,IAAMC,qBAAqB;IACzBC,KAAK;IACLC,OAAO;AACT;AASO,IAAMN,mBAAmB;mCAC9BO,YAAAA,4CAAa,+BACbC,kBAAAA,UACAC,mBAAAA,WACGC;QAHHH;QACAC;QACAC;;IAGA,IAAME,WAAWC,IAAAA;IACjB,IAA2BC,kBAAAA,IAAAA,wDAAAA,gBAAnBC,OAAAA,0CAAQ;IAEhB,qBACE,qBAACC;QACCN,WAAWO,IAAAA,0CAETZ,mBAAmBa,eAAeN,aAAaP,kBAAkB,CAACO,SAAS,EAC3EG,UAAUI,qBAASC,WAAWlB,eAAe,CAACa,MAAM,EACpDP,eAAe,uDACfE;OAEEC,YAEHF;AAGP"}

package/dist/cjs/components/Separator/Separator.d.ts

@@ -8,4 +8,4 @@ export interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
 /**
  * @see https://vkcom.github.io/VKUI/#/Separator
  */
-export declare const Separator: ({ wide, className, ...restProps }: SeparatorProps) => JSX.Element;
+export declare const Separator: ({ wide, className, ...restProps }: SeparatorProps) => React.JSX.Element;

package/dist/cjs/components/Separator/Separator.js

@@ -8,18 +8,18 @@ Object.defineProperty(exports, "Separator", {
         return Separator;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var Separator = function(_param) /*#__PURE__*/ {
-    var wide = _param.wide, className = _param.className, restProps = _objectWithoutProperties(_param, [
+    var wide = _param.wide, className = _param.className, restProps = _object_without_properties._(_param, [
         "wide",
         "className"
     ]);
-    return _react.createElement("div", _objectSpreadProps(_objectSpread({}, restProps), {
+    return _react.createElement("div", _object_spread_props._(_object_spread._({}, restProps), {
         className: (0, _vkjs.classNames)("vkuiSeparator", !wide && "vkuiSeparator--padded", className)
     }), /*#__PURE__*/ _react.createElement("hr", {
         className: "vkuiSeparator__in"

package/dist/cjs/components/Separator/Separator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Separator/Separator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport styles from './Separator.module.css';\n\nexport interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * С этим свойством компонент не будет иметь отступы слева и справа\n   */\n  wide?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Separator\n */\nexport const Separator = ({ wide, className, ...restProps }: SeparatorProps) => (\n  <div\n    {...restProps}\n    className={classNames(styles['Separator'], !wide && styles['Separator--padded'], className)}\n  >\n    <hr className={styles['Separator__in']} />\n  </div>\n);\n"],"names":["Separator","wide","className","restProps","div","classNames","hr"],"mappings":";;;;+BAcaA;;;eAAAA;;;;;;;2DAdU;oBACI;AAapB,IAAMA,YAAY,+BACvB;QAD0BC,cAAAA,MAAMC,mBAAAA,WAAcC;QAApBF;QAAMC;;WAChC,qBAACE,4CACKD;QACJD,WAAWG,IAAAA,gBAAU,mBAAsB,CAACJ,iCAAqCC;sBAEjF,qBAACI;QAAGJ,SAAS;;AACV"}
+{"version":3,"sources":["../../../../src/components/Separator/Separator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport styles from './Separator.module.css';\n\nexport interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * С этим свойством компонент не будет иметь отступы слева и справа\n   */\n  wide?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Separator\n */\nexport const Separator = ({ wide, className, ...restProps }: SeparatorProps) => (\n  <div\n    {...restProps}\n    className={classNames(styles['Separator'], !wide && styles['Separator--padded'], className)}\n  >\n    <hr className={styles['Separator__in']} />\n  </div>\n);\n"],"names":["Separator","wide","className","restProps","div","classNames","hr"],"mappings":";;;;+BAcaA;;;eAAAA;;;;;;;+DAdU;oBACI;AAapB,IAAMA,YAAY;QAAGC,cAAAA,MAAMC,mBAAAA,WAAcC;QAApBF;QAAMC;;WAChC,qBAACE,mDACKD;QACJD,WAAWG,IAAAA,mCAAgC,CAACJ,iCAAqCC;sBAEjF,qBAACI;QAAGJ,SAAS;;AACV"}

package/dist/cjs/components/SimpleCell/SimpleCell.d.ts

@@ -60,4 +60,4 @@ export interface SimpleCellProps extends SimpleCellOwnProps, TappableProps {
 /**
  * @see https://vkcom.github.io/VKUI/#/SimpleCell
  */
-export declare const SimpleCell: ({ badgeBeforeTitle, badgeAfterTitle, badgeBeforeSubtitle, badgeAfterSubtitle, before, indicator, children, after, expandable, multiline, subhead, subtitle, extraSubtitle, className, ...restProps }: SimpleCellProps) => JSX.Element;
+export declare const SimpleCell: ({ badgeBeforeTitle, badgeAfterTitle, badgeBeforeSubtitle, badgeAfterSubtitle, before, indicator, children, after, expandable, multiline, subhead, subtitle, extraSubtitle, className, ...restProps }: SimpleCellProps) => React.JSX.Element;

package/dist/cjs/components/SimpleCell/SimpleCell.js

@@ -8,22 +8,22 @@ Object.defineProperty(exports, "SimpleCell", {
         return SimpleCell;
     }
 });
-var _defineProperty = require("@swc/helpers/lib/_define_property.js").default;
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _define_property = require("@swc/helpers/_/_define_property");
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _icons = require("@vkontakte/icons");
 var _vkjs = require("@vkontakte/vkjs");
 var _useAdaptivity = require("../../hooks/useAdaptivity");
 var _usePlatform = require("../../hooks/usePlatform");
 var _adaptivity = require("../../lib/adaptivity");
 var _platform = require("../../lib/platform");
-var _tappable = require("../Tappable/Tappable");
-var _footnote = require("../Typography/Footnote/Footnote");
-var _headline = require("../Typography/Headline/Headline");
-var _subhead = require("../Typography/Subhead/Subhead");
+var _Tappable = require("../Tappable/Tappable");
+var _Footnote = require("../Typography/Footnote/Footnote");
+var _Headline = require("../Typography/Headline/Headline");
+var _Subhead = require("../Typography/Subhead/Subhead");
 var platformClassNames = {
     ios: (0, _vkjs.classNames)("vkuiSimpleCell--ios", "vkuiInternalSimpleCell--ios"),
     android: "vkuiSimpleCell--android",
@@ -32,9 +32,9 @@ var platformClassNames = {
 var _obj;
 var sizeYClassNames = (_obj = {
     none: (0, _vkjs.classNames)("vkuiSimpleCell--sizeY-none", "vkuiInternalSimpleCell--sizeY-none")
-}, _defineProperty(_obj, _adaptivity.SizeType.COMPACT, (0, _vkjs.classNames)("vkuiSimpleCell--sizeY-compact", "vkuiInternalSimpleCell--sizeY-compact")), _defineProperty(_obj, _adaptivity.SizeType.REGULAR, "vkuiSimpleCell--sizeY-regular"), _obj);
+}, _define_property._(_obj, _adaptivity.SizeType.COMPACT, (0, _vkjs.classNames)("vkuiSimpleCell--sizeY-compact", "vkuiInternalSimpleCell--sizeY-compact")), _define_property._(_obj, _adaptivity.SizeType.REGULAR, "vkuiSimpleCell--sizeY-regular"), _obj);
 var SimpleCell = function(_param) {
-    var badgeBeforeTitle = _param.badgeBeforeTitle, badgeAfterTitle = _param.badgeAfterTitle, badgeBeforeSubtitle = _param.badgeBeforeSubtitle, badgeAfterSubtitle = _param.badgeAfterSubtitle, before = _param.before, indicator = _param.indicator, children = _param.children, after = _param.after, expandable = _param.expandable, multiline = _param.multiline, subhead = _param.subhead, subtitle = _param.subtitle, extraSubtitle = _param.extraSubtitle, className = _param.className, restProps = _objectWithoutProperties(_param, [
+    var badgeBeforeTitle = _param.badgeBeforeTitle, badgeAfterTitle = _param.badgeAfterTitle, badgeBeforeSubtitle = _param.badgeBeforeSubtitle, badgeAfterSubtitle = _param.badgeAfterSubtitle, before = _param.before, indicator = _param.indicator, children = _param.children, after = _param.after, expandable = _param.expandable, multiline = _param.multiline, subhead = _param.subhead, subtitle = _param.subtitle, extraSubtitle = _param.extraSubtitle, className = _param.className, restProps = _object_without_properties._(_param, [
         "badgeBeforeTitle",
         "badgeAfterTitle",
         "badgeBeforeSubtitle",
@@ -53,18 +53,18 @@ var SimpleCell = function(_param) {
     var platform = (0, _usePlatform.usePlatform)();
     var hasAfter = (0, _vkjs.hasReactNode)(after) || expandable && platform === _platform.Platform.IOS;
     var _useAdaptivity1 = (0, _useAdaptivity.useAdaptivity)(), _useAdaptivity_sizeY = _useAdaptivity1.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? "none" : _useAdaptivity_sizeY;
-    return /*#__PURE__*/ _react.createElement(_tappable.Tappable, _objectSpreadProps(_objectSpread({}, restProps), {
+    return /*#__PURE__*/ _react.createElement(_Tappable.Tappable, _object_spread_props._(_object_spread._({}, restProps), {
         className: (0, _vkjs.classNames)("vkuiSimpleCell", "vkuiInternalSimpleCell", platformClassNames.hasOwnProperty(platform) ? platformClassNames[platform] : platformClassNames.android, sizeYClassNames[sizeY], multiline && "vkuiSimpleCell--mult", className)
     }), before, /*#__PURE__*/ _react.createElement("div", {
         className: (0, _vkjs.classNames)("vkuiSimpleCell__main", "vkuiInternalSimpleCell__main")
-    }, subhead && /*#__PURE__*/ _react.createElement(_subhead.Subhead, {
+    }, subhead && /*#__PURE__*/ _react.createElement(_Subhead.Subhead, {
         Component: "span",
         className: (0, _vkjs.classNames)("vkuiSimpleCell__text", "vkuiSimpleCell__subhead")
     }, subhead), /*#__PURE__*/ _react.createElement("div", {
         className: "vkuiSimpleCell__content"
     }, badgeBeforeTitle && /*#__PURE__*/ _react.createElement("span", {
         className: "vkuiSimpleCell__badge"
-    }, badgeBeforeTitle), /*#__PURE__*/ _react.createElement(_headline.Headline, {
+    }, badgeBeforeTitle), /*#__PURE__*/ _react.createElement(_Headline.Headline, {
         Component: "span",
         className: "vkuiSimpleCell__children",
         weight: "3"
@@ -74,15 +74,15 @@ var SimpleCell = function(_param) {
         className: "vkuiSimpleCell__content"
     }, badgeBeforeSubtitle && /*#__PURE__*/ _react.createElement("span", {
         className: "vkuiSimpleCell__badge"
-    }, badgeBeforeSubtitle), /*#__PURE__*/ _react.createElement(_footnote.Footnote, {
+    }, badgeBeforeSubtitle), /*#__PURE__*/ _react.createElement(_Footnote.Footnote, {
         normalize: false,
         className: (0, _vkjs.classNames)("vkuiSimpleCell__text", "vkuiSimpleCell__subtitle")
     }, subtitle), badgeAfterSubtitle && /*#__PURE__*/ _react.createElement("span", {
         className: "vkuiSimpleCell__badge"
-    }, badgeAfterSubtitle)), extraSubtitle && /*#__PURE__*/ _react.createElement(_footnote.Footnote, {
+    }, badgeAfterSubtitle)), extraSubtitle && /*#__PURE__*/ _react.createElement(_Footnote.Footnote, {
         normalize: false,
         className: (0, _vkjs.classNames)("vkuiSimpleCell__text", "vkuiSimpleCell__extraSubtitle")
-    }, extraSubtitle)), (0, _vkjs.hasReactNode)(indicator) && /*#__PURE__*/ _react.createElement(_headline.Headline, {
+    }, extraSubtitle)), (0, _vkjs.hasReactNode)(indicator) && /*#__PURE__*/ _react.createElement(_Headline.Headline, {
         Component: "span",
         weight: "3",
         className: "vkuiSimpleCell__indicator"