@vkontakte/vkui 5.2.4 → 5.3.1

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

@@ -1,45 +1,40 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "style", "children"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
-import { useAdaptivity } from '../../../hooks/useAdaptivity';
-import { useFocusVisible } from '../../../hooks/useFocusVisible';
-import { SizeType } from '../../../lib/adaptivity';
-import { callMultiple } from '../../../lib/callMultiple';
-import { FocusVisible } from '../../FocusVisible/FocusVisible';
-import { VisuallyHiddenInput } from '../../VisuallyHiddenInput/VisuallyHiddenInput';
-var sizeYClassNames = _defineProperty({
-  none: "vkuiSegmentedControlOption__content--sizeY-none"
+import _define_property from "@swc/helpers/src/_define_property.mjs";
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import * as React from "react";
+import { classNames } from "@vkontakte/vkjs";
+import { useAdaptivity } from "../../../hooks/useAdaptivity";
+import { useFocusVisible } from "../../../hooks/useFocusVisible";
+import { SizeType } from "../../../lib/adaptivity";
+import { callMultiple } from "../../../lib/callMultiple";
+import { FocusVisible } from "../../FocusVisible/FocusVisible";
+import { VisuallyHiddenInput } from "../../VisuallyHiddenInput/VisuallyHiddenInput";
+var sizeYClassNames = _define_property({
+    none: "vkuiSegmentedControlOption__content--sizeY-none"
 }, SizeType.COMPACT, "vkuiSegmentedControlOption__content--sizeY-compact");
-
 /**
  * @see https://vkcom.github.io/VKUI/#/SegmentedControl
- */
-export var SegmentedControlOption = function SegmentedControlOption(_ref) {
-  var className = _ref.className,
-    style = _ref.style,
-    children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _useFocusVisible = useFocusVisible(),
-    focusVisible = _useFocusVisible.focusVisible,
-    onBlur = _useFocusVisible.onBlur,
-    onFocus = _useFocusVisible.onFocus;
-  var _useAdaptivity = useAdaptivity(),
-    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
-    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
-  return /*#__PURE__*/React.createElement("label", {
-    className: classNames("vkuiSegmentedControlOption", restProps.checked && "vkuiSegmentedControlOption--checked", focusVisible && "vkuiSegmentedControlOption--focus-visible", className),
-    style: style
-  }, /*#__PURE__*/React.createElement(VisuallyHiddenInput, _extends({}, restProps, {
-    type: "radio",
-    onBlur: callMultiple(onBlur, restProps.onBlur),
-    onFocus: callMultiple(onFocus, restProps.onFocus)
-  })), /*#__PURE__*/React.createElement("span", {
-    className: classNames("vkuiSegmentedControlOption__content", sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY])
-  }, children), /*#__PURE__*/React.createElement(FocusVisible, {
-    mode: "inside"
-  }));
+ */ export var SegmentedControlOption = function(_param) {
+    var className = _param.className, style = _param.style, children = _param.children, restProps = _object_without_properties(_param, [
+        "className",
+        "style",
+        "children"
+    ]);
+    var _useFocusVisible = useFocusVisible(), onBlur = _useFocusVisible.onBlur, onFocus = _useFocusVisible.onFocus;
+    var _useAdaptivity = useAdaptivity(), _useAdaptivity_sizeY = _useAdaptivity.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? "none" : _useAdaptivity_sizeY;
+    return /*#__PURE__*/ React.createElement("label", {
+        className: classNames("vkuiSegmentedControlOption", restProps.checked && "vkuiSegmentedControlOption--checked", className),
+        style: style
+    }, /*#__PURE__*/ React.createElement(VisuallyHiddenInput, _object_spread_props(_object_spread({}, restProps), {
+        type: "radio",
+        onBlur: callMultiple(onBlur, restProps.onBlur),
+        onFocus: callMultiple(onFocus, restProps.onFocus)
+    })), /*#__PURE__*/ React.createElement("span", {
+        className: classNames("vkuiSegmentedControlOption__content", sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY])
+    }, children), /*#__PURE__*/ React.createElement(FocusVisible, {
+        mode: "inside"
+    }));
 };
+
 //# sourceMappingURL=SegmentedControlOption.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControlOption.js","names":["React","classNames","useAdaptivity","useFocusVisible","SizeType","callMultiple","FocusVisible","VisuallyHiddenInput","sizeYClassNames","none","COMPACT","SegmentedControlOption","className","style","children","restProps","focusVisible","onBlur","onFocus","sizeY","checked","REGULAR"],"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 { FocusVisible } from '../../FocusVisible/FocusVisible';\nimport {\n  VisuallyHiddenInput,\n  VisuallyHiddenInputProps,\n} from '../../VisuallyHiddenInput/VisuallyHiddenInput';\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\n/**\n * @see https://vkcom.github.io/VKUI/#/SegmentedControl\n */\nexport const SegmentedControlOption = ({\n  className,\n  style,\n  children,\n  ...restProps\n}: VisuallyHiddenInputProps) => {\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        focusVisible && styles['SegmentedControlOption--focus-visible'],\n        className,\n      )}\n      style={style}\n    >\n      <VisuallyHiddenInput\n        {...restProps}\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 mode=\"inside\" />\n    </label>\n  );\n};\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,QAAQ,QAAQ,yBAAyB;AAClD,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,YAAY,QAAQ,iCAAiC;AAC9D,SACEC,mBAAmB,QAEd,+CAA+C;AAGtD,IAAMC,eAAe;EACnBC,IAAI;AAAuD,GAC1DL,QAAQ,CAACM,OAAO,uDAClB;;AAED;AACA;AACA;AACA,OAAO,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsB,OAKH;EAAA,IAJ9BC,SAAS,QAATA,SAAS;IACTC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACLC,SAAS;EAEZ,uBAA0CZ,eAAe,EAAE;IAAnDa,YAAY,oBAAZA,YAAY;IAAEC,MAAM,oBAANA,MAAM;IAAEC,OAAO,oBAAPA,OAAO;EACrC,qBAA2BhB,aAAa,EAAE;IAAA,sCAAlCiB,KAAK;IAALA,KAAK,qCAAG,MAAM;EAEtB,oBACE;IACE,SAAS,EAAElB,UAAU,+BAEnBc,SAAS,CAACK,OAAO,yCAA6C,EAC9DJ,YAAY,+CAAmD,EAC/DJ,SAAS,CACT;IACF,KAAK,EAAEC;EAAM,gBAEb,oBAAC,mBAAmB,eACdE,SAAS;IACb,IAAI,EAAC,OAAO;IACZ,MAAM,EAAEV,YAAY,CAACY,MAAM,EAAEF,SAAS,CAACE,MAAM,CAAE;IAC/C,OAAO,EAAEZ,YAAY,CAACa,OAAO,EAAEH,SAAS,CAACG,OAAO;EAAE,GAClD,eACF;IACE,SAAS,EAAEjB,UAAU,wCAEnBkB,KAAK,KAAKf,QAAQ,CAACiB,OAAO,IAAIb,eAAe,CAACW,KAAK,CAAC;EACpD,GAEDL,QAAQ,CACJ,eACP,oBAAC,YAAY;IAAC,IAAI,EAAC;EAAQ,EAAG,CACxB;AAEZ,CAAC"}
+{"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 { FocusVisible } from '../../FocusVisible/FocusVisible';\nimport {\n  VisuallyHiddenInput,\n  VisuallyHiddenInputProps,\n} from '../../VisuallyHiddenInput/VisuallyHiddenInput';\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\n/**\n * @see https://vkcom.github.io/VKUI/#/SegmentedControl\n */\nexport const SegmentedControlOption = ({\n  className,\n  style,\n  children,\n  ...restProps\n}: VisuallyHiddenInputProps) => {\n  const { 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      <VisuallyHiddenInput\n        {...restProps}\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 mode=\"inside\" />\n    </label>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","useFocusVisible","SizeType","callMultiple","FocusVisible","VisuallyHiddenInput","sizeYClassNames","none","COMPACT","SegmentedControlOption","className","style","children","restProps","onBlur","onFocus","sizeY","label","checked","type","span","REGULAR","mode"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,eAAe,QAAQ,iCAAiC;AACjE,SAASC,QAAQ,QAAQ,0BAA0B;AACnD,SAASC,YAAY,QAAQ,4BAA4B;AACzD,SAASC,YAAY,QAAQ,kCAAkC;AAC/D,SACEC,mBAAmB,QAEd,gDAAgD;AAGvD,IAAMC;IACJC,IAAI;GACHL,SAASM,OAAO;AAGnB;;CAEC,GACD,OAAO,IAAMC,yBAAyB,iBAKN;QAJ9BC,mBAAAA,WACAC,eAAAA,OACAC,kBAAAA,UACGC;QAHHH;QACAC;QACAC;;IAGA,IAA4BX,mBAAAA,mBAApBa,SAAoBb,iBAApBa,QAAQC,UAAYd,iBAAZc;IAChB,IAA2Bf,iBAAAA,wCAAAA,eAAnBgB,OAAAA,0CAAQ;IAEhB,qBACE,oBAACC;QACCP,WAAWX,yCAETc,UAAUK,OAAO,2CACjBR;QAEFC,OAAOA;qBAEP,oBAACN,6DACKQ;QACJM,MAAK;QACLL,QAAQX,aAAaW,QAAQD,UAAUC,MAAM;QAC7CC,SAASZ,aAAaY,SAASF,UAAUE,OAAO;uBAElD,oBAACK;QACCV,WAAWX,kDAETiB,UAAUd,SAASmB,OAAO,IAAIf,eAAe,CAACU,MAAM;OAGrDJ,yBAEH,oBAACR;QAAakB,MAAK;;AAGzB,EAAE"}

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

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

package/dist/components/Select/Select.js

@@ -1,37 +1,34 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "options", "popupDirection", "renderOption", "className"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
-import { useAdaptivityHasPointer } from '../../hooks/useAdaptivityHasPointer';
-import { CustomSelect } from '../CustomSelect/CustomSelect';
-import { NativeSelect } from '../NativeSelect/NativeSelect';
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import * as React from "react";
+import { useAdaptivityHasPointer } from "../../hooks/useAdaptivityHasPointer";
+import { CustomSelect } from "../CustomSelect/CustomSelect";
+import { NativeSelect } from "../NativeSelect/NativeSelect";
 /**
  * @see https://vkcom.github.io/VKUI/#/Select
- */
-export var Select = function Select(_ref) {
-  var children = _ref.children,
-    _ref$options = _ref.options,
-    options = _ref$options === void 0 ? [] : _ref$options,
-    popupDirection = _ref.popupDirection,
-    renderOption = _ref.renderOption,
-    className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var hasPointer = useAdaptivityHasPointer();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, (hasPointer === undefined || hasPointer) && /*#__PURE__*/React.createElement(CustomSelect, _extends({
-    className: classNames("vkuiSelect__custom", className),
-    options: options,
-    popupDirection: popupDirection,
-    renderOption: renderOption
-  }, props)), (hasPointer === undefined || !hasPointer) && /*#__PURE__*/React.createElement(NativeSelect, _extends({
-    className: classNames("vkuiSelect__native", className)
-  }, props), options.map(function (_ref2) {
-    var label = _ref2.label,
-      value = _ref2.value;
-    return /*#__PURE__*/React.createElement("option", {
-      value: value,
-      key: "".concat(value)
-    }, label);
-  })));
+ */ export 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 = _object_without_properties(_param, [
+        "children",
+        "options",
+        "popupDirection",
+        "renderOption",
+        "allowClearButton",
+        "ClearButton"
+    ]);
+    var hasPointer = useAdaptivityHasPointer();
+    return /*#__PURE__*/ React.createElement(React.Fragment, null, (hasPointer === undefined || hasPointer) && /*#__PURE__*/ React.createElement(CustomSelect, _object_spread({
+        options: options,
+        popupDirection: popupDirection,
+        renderOption: renderOption,
+        allowClearButton: allowClearButton,
+        ClearButton: ClearButton
+    }, props)), (hasPointer === undefined || !hasPointer) && /*#__PURE__*/ React.createElement(NativeSelect, props, options.map(function(param) {
+        var label = param.label, value = param.value;
+        return /*#__PURE__*/ React.createElement("option", {
+            value: value,
+            key: "".concat(value)
+        }, label);
+    })));
 };
+
 //# sourceMappingURL=Select.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":["React","classNames","useAdaptivityHasPointer","CustomSelect","NativeSelect","Select","children","options","popupDirection","renderOption","className","props","hasPointer","undefined","map","label","value"],"sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityHasPointer } from '../../hooks/useAdaptivityHasPointer';\nimport { CustomSelect, SelectProps } from '../CustomSelect/CustomSelect';\nimport { NativeSelect } from '../NativeSelect/NativeSelect';\nimport styles from './Select.module.css';\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  className,\n  ...props\n}: SelectProps) => {\n  const hasPointer = useAdaptivityHasPointer();\n\n  return (\n    <React.Fragment>\n      {(hasPointer === undefined || hasPointer) && (\n        <CustomSelect\n          className={classNames(styles['Select__custom'], className)}\n          options={options}\n          popupDirection={popupDirection}\n          renderOption={renderOption}\n          {...props}\n        />\n      )}\n      {(hasPointer === undefined || !hasPointer) && (\n        <NativeSelect className={classNames(styles['Select__native'], className)} {...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"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,uBAAuB,QAAQ,qCAAqC;AAC7E,SAASC,YAAY,QAAqB,8BAA8B;AACxE,SAASC,YAAY,QAAQ,8BAA8B;AAK3D;AACA;AACA;AACA,OAAO,IAAMC,MAAM,GAAG,SAATA,MAAM,OAOA;EAAA,IANjBC,QAAQ,QAARA,QAAQ;IAAA,oBACRC,OAAO;IAAPA,OAAO,6BAAG,EAAE;IACZC,cAAc,QAAdA,cAAc;IACdC,YAAY,QAAZA,YAAY;IACZC,SAAS,QAATA,SAAS;IACNC,KAAK;EAER,IAAMC,UAAU,GAAGV,uBAAuB,EAAE;EAE5C,oBACE,oBAAC,KAAK,CAAC,QAAQ,QACZ,CAACU,UAAU,KAAKC,SAAS,IAAID,UAAU,kBACtC,oBAAC,YAAY;IACX,SAAS,EAAEX,UAAU,uBAA2BS,SAAS,CAAE;IAC3D,OAAO,EAAEH,OAAQ;IACjB,cAAc,EAAEC,cAAe;IAC/B,YAAY,EAAEC;EAAa,GACvBE,KAAK,EAEZ,EACA,CAACC,UAAU,KAAKC,SAAS,IAAI,CAACD,UAAU,kBACvC,oBAAC,YAAY;IAAC,SAAS,EAAEX,UAAU,uBAA2BS,SAAS;EAAE,GAAKC,KAAK,GAChFJ,OAAO,CAACO,GAAG,CAAC;IAAA,IAAGC,KAAK,SAALA,KAAK;MAAEC,KAAK,SAALA,KAAK;IAAA,oBAC1B;MAAQ,KAAK,EAAEA,KAAM;MAAC,GAAG,YAAKA,KAAK;IAAG,GACnCD,KAAK,CACC;EAAA,CACV,CAAC,CAEL,CACc;AAErB,CAAC"}
+{"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":["React","useAdaptivityHasPointer","CustomSelect","NativeSelect","Select","children","options","popupDirection","renderOption","allowClearButton","ClearButton","props","hasPointer","Fragment","undefined","map","label","value","option","key"],"mappings":";;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,uBAAuB,QAAQ,sCAAsC;AAC9E,SAASC,YAAY,QAAqB,+BAA+B;AACzE,SAASC,YAAY,QAAQ,+BAA+B;AAI5D;;CAEC,GACD,OAAO,IAAMC,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,aAAaX;IAEnB,qBACE,oBAACD,MAAMa,QAAQ,QACZ,AAACD,CAAAA,eAAeE,aAAaF,UAAS,mBACrC,oBAACV;QACCI,SAASA;QACTC,gBAAgBA;QAChBC,cAAcA;QACdC,kBAAkBA;QAClBC,aAAaA;OACTC,SAGP,AAACC,CAAAA,eAAeE,aAAa,CAACF,UAAS,mBACtC,oBAACT,cAAiBQ,OACfL,QAAQS,GAAG,CAAC;YAAGC,cAAAA,OAAOC,cAAAA;6BACrB,oBAACC;YAAOD,OAAOA;YAAOE,KAAK,AAAC,GAAQ,OAANF;WAC3BD;;AAOf,EAAE"}

package/dist/components/SelectMimicry/SelectMimicry.js

@@ -1,63 +1,54 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["tabIndex", "placeholder", "children", "align", "getRootRef", "multiline", "disabled", "onClick", "before", "after", "selectType", "status", "className"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
-import { useAdaptivity } from '../../hooks/useAdaptivity';
-import { SizeType } from '../../lib/adaptivity';
-import { getFormFieldModeFromSelectType } from '../../lib/select';
-import { DropdownIcon } from '../DropdownIcon/DropdownIcon';
-import { FormField } from '../FormField/FormField';
-import { SelectTypography } from '../SelectTypography/SelectTypography';
-var sizeYClassNames = _defineProperty({
-  none: "vkuiSelect--sizeY-none"
+import _define_property from "@swc/helpers/src/_define_property.mjs";
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import * as React from "react";
+import { classNames } from "@vkontakte/vkjs";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
+import { SizeType } from "../../lib/adaptivity";
+import { getFormFieldModeFromSelectType } from "../../lib/select";
+import { DropdownIcon } from "../DropdownIcon/DropdownIcon";
+import { FormField } from "../FormField/FormField";
+import { SelectTypography } from "../SelectTypography/SelectTypography";
+var sizeYClassNames = _define_property({
+    none: "vkuiSelect--sizeY-none"
 }, SizeType.COMPACT, "vkuiSelect--sizeY-compact");
 /**
  * @see https://vkcom.github.io/VKUI/#/SelectMimicry
- */
-export var SelectMimicry = function SelectMimicry(_ref) {
-  var _ref$tabIndex = _ref.tabIndex,
-    tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,
-    placeholder = _ref.placeholder,
-    children = _ref.children,
-    align = _ref.align,
-    getRootRef = _ref.getRootRef,
-    multiline = _ref.multiline,
-    disabled = _ref.disabled,
-    onClick = _ref.onClick,
-    before = _ref.before,
-    _ref$after = _ref.after,
-    after = _ref$after === void 0 ? /*#__PURE__*/React.createElement(DropdownIcon, null) : _ref$after,
-    _ref$selectType = _ref.selectType,
-    selectType = _ref$selectType === void 0 ? 'default' : _ref$selectType,
-    status = _ref.status,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _useAdaptivity = useAdaptivity(),
-    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
-    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
-  var title = children || placeholder;
-  return /*#__PURE__*/React.createElement(FormField, _extends({}, restProps, {
-    tabIndex: disabled ? undefined : tabIndex,
-    className: classNames("vkuiSelect", sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], !children && "vkuiSelect--empty", multiline && "vkuiSelect--multiline", align && styles["Select--align-".concat(align)], before && "vkuiSelect--hasBefore", after && "vkuiSelect--hasAfter", className),
-    getRootRef: getRootRef,
-    onClick: disabled ? undefined : onClick,
-    disabled: disabled,
-    before: before,
-    after: after,
-    mode: getFormFieldModeFromSelectType(selectType),
-    status: status
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiSelect__container"
-  }, /*#__PURE__*/React.createElement(SelectTypography, {
-    selectType: selectType,
-    className: "vkuiSelect__title"
-  }, title)));
-};
-var styles = {
-  "Select--align-right": "vkuiSelect--align-right",
-  "Select--align-center": "vkuiSelect--align-center",
-  "Select--align-left": "vkuiSelect--align-left"
+ */ export 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, 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",
+        "align",
+        "getRootRef",
+        "multiline",
+        "disabled",
+        "onClick",
+        "before",
+        "after",
+        "selectType",
+        "status",
+        "className"
+    ]);
+    var _useAdaptivity = useAdaptivity(), _useAdaptivity_sizeY = _useAdaptivity.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? "none" : _useAdaptivity_sizeY;
+    var title = children || placeholder;
+    return /*#__PURE__*/ React.createElement(FormField, _object_spread_props(_object_spread({}, restProps), {
+        tabIndex: disabled ? undefined : tabIndex,
+        className: classNames("vkuiSelect", sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], !children && "vkuiSelect--empty", multiline && "vkuiSelect--multiline", align === "center" && "vkuiSelect--align-center", align === "right" && "vkuiSelect--align-right", before && "vkuiSelect--hasBefore", after && "vkuiSelect--hasAfter", className),
+        getRootRef: getRootRef,
+        onClick: disabled ? undefined : onClick,
+        disabled: disabled,
+        before: before,
+        after: after,
+        mode: getFormFieldModeFromSelectType(selectType),
+        status: status
+    }), /*#__PURE__*/ React.createElement("div", {
+        className: "vkuiSelect__container"
+    }, /*#__PURE__*/ React.createElement(SelectTypography, {
+        selectType: selectType,
+        className: "vkuiSelect__title"
+    }, title)));
 };
+
 //# sourceMappingURL=SelectMimicry.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectMimicry.js","names":["React","classNames","useAdaptivity","SizeType","getFormFieldModeFromSelectType","DropdownIcon","FormField","SelectTypography","sizeYClassNames","none","COMPACT","SelectMimicry","tabIndex","placeholder","children","align","getRootRef","multiline","disabled","onClick","before","after","selectType","status","className","restProps","sizeY","title","undefined","REGULAR","styles"],"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 && styles[`Select--align-${align}`],\n        before && styles['Select--hasBefore'],\n        after && styles['Select--hasAfter'],\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"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,8BAA8B,QAAQ,kBAAkB;AAEjE,SAASC,YAAY,QAAQ,8BAA8B;AAC3D,SAASC,SAAS,QAAwB,wBAAwB;AAElE,SAASC,gBAAgB,QAAQ,sCAAsC;AAGvE,IAAMC,eAAe;EACnBC,IAAI;AAA8B,GACjCN,QAAQ,CAACO,OAAO,8BAClB;AAYD;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAa,OAeA;EAAA,yBAdxBC,QAAQ;IAARA,QAAQ,8BAAG,CAAC;IACZC,WAAW,QAAXA,WAAW;IACXC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IACLC,UAAU,QAAVA,UAAU;IACVC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IACPC,MAAM,QAANA,MAAM;IAAA,kBACNC,KAAK;IAALA,KAAK,wCAAG,oBAAC,YAAY,OAAG;IAAA,uBACxBC,UAAU;IAAVA,UAAU,gCAAG,SAAS;IACtBC,MAAM,QAANA,MAAM;IACNC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,qBAA2BvB,aAAa,EAAE;IAAA,sCAAlCwB,KAAK;IAALA,KAAK,qCAAG,MAAM;EACtB,IAAMC,KAAK,GAAGb,QAAQ,IAAID,WAAW;EAErC,oBACE,oBAAC,SAAS,eACJY,SAAS;IACb,QAAQ,EAAEP,QAAQ,GAAGU,SAAS,GAAGhB,QAAS;IAC1C,SAAS,EAAEX,UAAU,eAEnByB,KAAK,KAAKvB,QAAQ,CAAC0B,OAAO,IAAIrB,eAAe,CAACkB,KAAK,CAAC,EACpD,CAACZ,QAAQ,uBAA2B,EACpCG,SAAS,2BAA+B,EACxCF,KAAK,IAAIe,MAAM,yBAAkBf,KAAK,EAAG,EACzCK,MAAM,2BAA+B,EACrCC,KAAK,0BAA8B,EACnCG,SAAS,CACT;IACF,UAAU,EAAER,UAAW;IACvB,OAAO,EAAEE,QAAQ,GAAGU,SAAS,GAAGT,OAAQ;IACxC,QAAQ,EAAED,QAAS;IACnB,MAAM,EAAEE,MAAO;IACf,KAAK,EAAEC,KAAM;IACb,IAAI,EAAEjB,8BAA8B,CAACkB,UAAU,CAAE;IACjD,MAAM,EAAEC;EAAO,iBAEf;IAAK,SAAS;EAA8B,gBAC1C,oBAAC,gBAAgB;IAAC,UAAU,EAAED,UAAW;IAAC,SAAS;EAA0B,GAC1EK,KAAK,CACW,CACf,CACI;AAEhB,CAAC;AAAC;EAAA;EAAA;EAAA;AAAA"}
+{"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        after && styles['Select--hasAfter'],\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":["React","classNames","useAdaptivity","SizeType","getFormFieldModeFromSelectType","DropdownIcon","FormField","SelectTypography","sizeYClassNames","none","COMPACT","SelectMimicry","tabIndex","placeholder","children","align","getRootRef","multiline","disabled","onClick","before","after","selectType","status","className","restProps","sizeY","title","undefined","REGULAR","mode","div"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,8BAA8B,QAAQ,mBAAmB;AAElE,SAASC,YAAY,QAAQ,+BAA+B;AAC5D,SAASC,SAAS,QAAwB,yBAAyB;AAEnE,SAASC,gBAAgB,QAAQ,uCAAuC;AAGxE,IAAMC;IACJC,IAAI;GACHN,SAASO,OAAO;AAanB;;CAEC,GACD,OAAO,IAAMC,gBAAgB,iBAeH;iCAdxBC,UAAAA,wCAAW,qBACXC,qBAAAA,aACAC,kBAAAA,UACAC,eAAAA,OACAC,oBAAAA,YACAC,mBAAAA,WACAC,kBAAAA,UACAC,iBAAAA,SACAC,gBAAAA,8BACAC,OAAAA,gDAAQ,oBAAChB,+DACTiB,YAAAA,4CAAa,+BACbC,gBAAAA,QACAC,mBAAAA,WACGC;QAbHb;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAA2BtB,iBAAAA,wCAAAA,eAAnBwB,OAAAA,0CAAQ;IAChB,IAAMC,QAAQb,YAAYD;IAE1B,qBACE,oBAACP,mDACKmB;QACJb,UAAUM,WAAWU,YAAYhB,QAAQ;QACzCY,WAAWvB,yBAETyB,UAAUvB,SAAS0B,OAAO,IAAIrB,eAAe,CAACkB,MAAM,EACpD,CAACZ,iCACDG,sCACAF,UAAU,wCACVA,UAAU,sCACVK,mCACAC,iCACAG;QAEFR,YAAYA;QACZG,SAASD,WAAWU,YAAYT,OAAO;QACvCD,UAAUA;QACVE,QAAQA;QACRC,OAAOA;QACPS,MAAM1B,+BAA+BkB;QACrCC,QAAQA;sBAER,oBAACQ;QAAIP,SAAS;qBACZ,oBAACjB;QAAiBe,YAAYA;QAAYE,SAAS;OAChDG;AAKX,EAAE"}

package/dist/components/SelectTypography/SelectTypography.js

@@ -1,39 +1,31 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["selectType", "children", "className"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
-import { useAdaptivity } from '../../hooks/useAdaptivity';
-import { usePlatform } from '../../hooks/usePlatform';
-import { SizeType } from '../../lib/adaptivity';
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import * as React from "react";
+import { classNames } from "@vkontakte/vkjs";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
+import { usePlatform } from "../../hooks/usePlatform";
+import { SizeType } from "../../lib/adaptivity";
 var sizeYClassNames = {
-  none: "vkuiSelectTypography--sizeY-none",
-  compact: "vkuiSelectTypography--sizeY-compact"
+    none: "vkuiSelectTypography--sizeY-none",
+    compact: "vkuiSelectTypography--sizeY-compact"
 };
 var platformClassNames = {
-  vkcom: "vkuiSelectTypography--vkcom",
-  android: "vkuiSelectTypography--android"
-};
-var selectTypeClassNames = {
-  default: "vkuiSelectTypography--selectType-default",
-  plain: "vkuiSelectTypography--selectType-plain",
-  accent: "vkuiSelectTypography--selectType-accent"
+    vkcom: "vkuiSelectTypography--vkcom",
+    android: "vkuiSelectTypography--android"
 };
 /**
  * @private
- */
-export var SelectTypography = function SelectTypography(_ref) {
-  var _ref$selectType = _ref.selectType,
-    selectType = _ref$selectType === void 0 ? 'default' : _ref$selectType,
-    children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var platform = usePlatform();
-  var _useAdaptivity = useAdaptivity(),
-    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
-    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
-  return /*#__PURE__*/React.createElement("span", _extends({
-    className: classNames("vkuiSelectTypography", platformClassNames.hasOwnProperty(platform) && platformClassNames[platform], sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], selectTypeClassNames[selectType], className)
-  }, restProps), children);
+ */ export var SelectTypography = function(_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 = usePlatform();
+    var _useAdaptivity = useAdaptivity(), _useAdaptivity_sizeY = _useAdaptivity.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? "none" : _useAdaptivity_sizeY;
+    return /*#__PURE__*/ React.createElement("span", _object_spread({
+        className: classNames("vkuiSelectTypography", platformClassNames.hasOwnProperty(platform) && platformClassNames[platform], sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], selectType === "accent" && "vkuiSelectTypography--selectType-accent", className)
+    }, restProps), children);
 };
+
 //# sourceMappingURL=SelectTypography.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectTypography.js","names":["React","classNames","useAdaptivity","usePlatform","SizeType","sizeYClassNames","none","compact","platformClassNames","vkcom","android","selectTypeClassNames","default","plain","accent","SelectTypography","selectType","children","className","restProps","platform","sizeY","hasOwnProperty","REGULAR"],"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 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\nconst selectTypeClassNames = {\n  default: styles['SelectTypography--selectType-default'],\n  plain: styles['SelectTypography--selectType-plain'],\n  accent: styles['SelectTypography--selectType-accent'],\n};\n\nexport interface SelectTypographyProps {\n  selectType?: SelectType;\n  className?: string;\n  children?: React.ReactNode;\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        selectTypeClassNames[selectType],\n        className,\n      )}\n      {...restProps}\n    >\n      {children}\n    </span>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,QAAQ,QAAQ,sBAAsB;AAI/C,IAAMC,eAAe,GAAG;EACtBC,IAAI,oCAAwC;EAC5CC,OAAO;AACT,CAAC;AAED,IAAMC,kBAAkB,GAAG;EACzBC,KAAK,+BAAmC;EACxCC,OAAO;AACT,CAAC;AAED,IAAMC,oBAAoB,GAAG;EAC3BC,OAAO,4CAAgD;EACvDC,KAAK,0CAA8C;EACnDC,MAAM;AACR,CAAC;AAQD;AACA;AACA;AACA,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,OAKA;EAAA,2BAJ3BC,UAAU;IAAVA,UAAU,gCAAG,SAAS;IACtBC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,QAAQ,GAAGjB,WAAW,EAAE;EAC9B,qBAA2BD,aAAa,EAAE;IAAA,sCAAlCmB,KAAK;IAALA,KAAK,qCAAG,MAAM;EAEtB,oBACE;IACE,SAAS,EAAEpB,UAAU,yBAEnBO,kBAAkB,CAACc,cAAc,CAACF,QAAQ,CAAC,IAAIZ,kBAAkB,CAACY,QAAQ,CAAC,EAC3EC,KAAK,KAAKjB,QAAQ,CAACmB,OAAO,IAAIlB,eAAe,CAACgB,KAAK,CAAC,EACpDV,oBAAoB,CAACK,UAAU,CAAC,EAChCE,SAAS;EACT,GACEC,SAAS,GAEZF,QAAQ,CACJ;AAEX,CAAC"}
+{"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 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 {\n  selectType?: SelectType;\n  className?: string;\n  children?: React.ReactNode;\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":["React","classNames","useAdaptivity","usePlatform","SizeType","sizeYClassNames","none","compact","platformClassNames","vkcom","android","SelectTypography","selectType","children","className","restProps","platform","sizeY","span","hasOwnProperty","REGULAR"],"mappings":";;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,uBAAuB;AAIhD,IAAMC,kBAAkB;IACtBC,IAAI;IACJC,OAAO;AACT;AAEA,IAAMC,qBAAqB;IACzBC,KAAK;IACLC,OAAO;AACT;AAQA;;CAEC,GACD,OAAO,IAAMC,mBAAmB,iBAKH;mCAJ3BC,YAAAA,4CAAa,+BACbC,kBAAAA,UACAC,mBAAAA,WACGC;QAHHH;QACAC;QACAC;;IAGA,IAAME,WAAWb;IACjB,IAA2BD,iBAAAA,wCAAAA,eAAnBe,OAAAA,0CAAQ;IAEhB,qBACE,oBAACC;QACCJ,WAAWb,mCAETO,mBAAmBW,cAAc,CAACH,aAAaR,kBAAkB,CAACQ,SAAS,EAC3EC,UAAUb,SAASgB,OAAO,IAAIf,eAAe,CAACY,MAAM,EACpDL,eAAe,uDACfE;OAEEC,YAEHF;AAGP,EAAE"}

package/dist/components/Separator/Separator.js

@@ -1,21 +1,22 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["wide", "className"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import * as React from "react";
+import { classNames } from "@vkontakte/vkjs";
 /**
  * @see https://vkcom.github.io/VKUI/#/Separator
- */
-export var Separator = function Separator(_ref) {
-  var wide = _ref.wide,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-    "aria-hidden": true,
-    className: classNames("vkuiSeparator", !wide && "vkuiSeparator--padded", className),
-    role: "separator"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiSeparator__in"
-  }));
+ */ export var Separator = function(_param) /*#__PURE__*/ {
+    var wide = _param.wide, className = _param.className, restProps = _object_without_properties(_param, [
+        "wide",
+        "className"
+    ]);
+    return React.createElement("div", _object_spread_props(_object_spread({}, restProps), {
+        "aria-hidden": true,
+        className: classNames("vkuiSeparator", !wide && "vkuiSeparator--padded", className),
+        role: "separator"
+    }), /*#__PURE__*/ React.createElement("div", {
+        className: "vkuiSeparator__in"
+    }));
 };
+
 //# sourceMappingURL=Separator.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Separator.js","names":["React","classNames","Separator","wide","className","restProps"],"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    aria-hidden\n    className={classNames(styles['Separator'], !wide && styles['Separator--padded'], className)}\n    role=\"separator\"\n  >\n    <div className={styles['Separator__in']} />\n  </div>\n);\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAU5C;AACA;AACA;AACA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAS;EAAA,IAAMC,IAAI,QAAJA,IAAI;IAAEC,SAAS,QAATA,SAAS;IAAKC,SAAS;EAAA,oBACvD,wCACMA,SAAS;IACb,mBAAW;IACX,SAAS,EAAEJ,UAAU,kBAAsB,CAACE,IAAI,2BAA+B,EAAEC,SAAS,CAAE;IAC5F,IAAI,EAAC;EAAW,iBAEhB;IAAK,SAAS;EAA0B,EAAG,CACvC;AAAA,CACP"}
+{"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    aria-hidden\n    className={classNames(styles['Separator'], !wide && styles['Separator--padded'], className)}\n    role=\"separator\"\n  >\n    <div className={styles['Separator__in']} />\n  </div>\n);\n"],"names":["React","classNames","Separator","wide","className","restProps","div","aria-hidden","role"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAU7C;;CAEC,GACD,OAAO,IAAMC,YAAY,+BACvB;QAD0BC,cAAAA,MAAMC,mBAAAA,WAAcC;QAApBF;QAAMC;;WAChC,oBAACE,+CACKD;QACJE,eAAAA,IAAW;QACXH,WAAWH,4BAAgC,CAACE,iCAAqCC;QACjFI,MAAK;sBAEL,oBAACF;QAAIF,SAAS;;AACX,EACL"}