@vkontakte/vkui 6.0.3 → 6.1.0

package/dist/components/ScrollArrow/ScrollArrow.js

@@ -1,5 +1,7 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { Icon16Chevron, Icon24Chevron } from '@vkontakte/icons';
 import { classNames } from '@vkontakte/vkjs';
@@ -26,7 +28,7 @@ const ArrowIcon = ({ size })=>{
     if (size === 'm') {
         Icon = Icon16Chevron;
     }
-    return /*#__PURE__*/ React.createElement(Icon, {
+    return /*#__PURE__*/ _jsx(Icon, {
         className: "vkuiScrollArrow__defaultIcon"
     });
 };
@@ -36,7 +38,7 @@ const ArrowIcon = ({ size })=>{
  * @since 5.4.0
  * @see https://vkcom.github.io/VKUI/#/ScrollArrow
  */ export const ScrollArrow = (_param)=>{
-    var { size = 'l', offsetY, direction, label: labelProp, children = /*#__PURE__*/ React.createElement(ArrowIcon, {
+    var { size = 'l', offsetY, direction, label: labelProp, children = /*#__PURE__*/ _jsx(ArrowIcon, {
         size: size
     }) } = _param, restProps = _object_without_properties(_param, [
         "size",
@@ -46,16 +48,24 @@ const ArrowIcon = ({ size })=>{
         "children"
     ]);
     const label = labelProp !== null && labelProp !== void 0 ? labelProp : labelDirection[direction];
-    return /*#__PURE__*/ React.createElement(RootComponent, _object_spread({
+    return /*#__PURE__*/ _jsxs(RootComponent, _object_spread_props(_object_spread({
         Component: "button",
         type: "button",
         baseClassName: classNames("vkuiScrollArrow", stylesSize[size], stylesDirection[direction])
-    }, restProps), label && /*#__PURE__*/ React.createElement(VisuallyHidden, null, label), /*#__PURE__*/ React.createElement("span", {
-        className: "vkuiScrollArrow__icon",
-        style: offsetY ? {
-            top: offsetY
-        } : undefined
-    }, children));
+    }, restProps), {
+        children: [
+            label && /*#__PURE__*/ _jsx(VisuallyHidden, {
+                children: label
+            }),
+            /*#__PURE__*/ _jsx("span", {
+                className: "vkuiScrollArrow__icon",
+                style: offsetY ? {
+                    top: offsetY
+                } : undefined,
+                children: children
+            })
+        ]
+    }));
 };
 
 //# sourceMappingURL=ScrollArrow.js.map

package/dist/components/ScrollArrow/ScrollArrow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ScrollArrow/ScrollArrow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Chevron, Icon24Chevron } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './ScrollArrow.module.css';\n\nconst stylesSize = {\n  m: styles['ScrollArrow--size-m'],\n  l: styles['ScrollArrow--size-l'],\n};\n\nconst stylesDirection = {\n  up: styles['ScrollArrow--direction-up'],\n  right: styles['ScrollArrow--direction-right'],\n  down: styles['ScrollArrow--direction-down'],\n  left: styles['ScrollArrow--direction-left'],\n};\n\nconst labelDirection = {\n  up: 'Назад',\n  right: 'Вперед',\n  down: 'Вперед',\n  left: 'Назад',\n};\n\nconst ArrowIcon = ({ size }: Pick<ScrollArrowProps, 'size'>) => {\n  let Icon = Icon24Chevron;\n  if (size === 'm') {\n    Icon = Icon16Chevron;\n  }\n\n  return <Icon className={styles['ScrollArrow__defaultIcon']} />;\n};\n\nexport interface ScrollArrowProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HasRootRef<HTMLButtonElement> {\n  /**\n   * Направление стрелки\n   */\n  direction: 'up' | 'right' | 'down' | 'left';\n  /**\n   * Размер стрелки\n   */\n  size?: 'm' | 'l';\n  /**\n   * Смещает иконку кнопки навигации по вертикали.\n   */\n  offsetY?: number | string;\n  label?: string;\n}\n\n/**\n * Компонент стрелки. Используется в [HorizontalScroll](#/HorizontalScroll) и [Gallery](#/Gallery).\n *\n * @since 5.4.0\n * @see https://vkcom.github.io/VKUI/#/ScrollArrow\n */\nexport const ScrollArrow = ({\n  size = 'l',\n  offsetY,\n  direction,\n  label: labelProp,\n  children = <ArrowIcon size={size} />,\n  ...restProps\n}: ScrollArrowProps) => {\n  const label = labelProp ?? labelDirection[direction];\n\n  return (\n    <RootComponent\n      Component=\"button\"\n      type=\"button\"\n      baseClassName={classNames(\n        styles['ScrollArrow'],\n        stylesSize[size],\n        stylesDirection[direction],\n      )}\n      {...restProps}\n    >\n      {label && <VisuallyHidden>{label}</VisuallyHidden>}\n      <span className={styles['ScrollArrow__icon']} style={offsetY ? { top: offsetY } : undefined}>\n        {children}\n      </span>\n    </RootComponent>\n  );\n};\n"],"names":["React","Icon16Chevron","Icon24Chevron","classNames","RootComponent","VisuallyHidden","stylesSize","m","l","stylesDirection","up","right","down","left","labelDirection","ArrowIcon","size","Icon","className","ScrollArrow","offsetY","direction","label","labelProp","children","restProps","Component","type","baseClassName","span","style","top","undefined"],"mappings":";;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,EAAEC,aAAa,QAAQ,mBAAmB;AAChE,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,SAASC,cAAc,QAAQ,mCAAmC;AAGlE,MAAMC,aAAa;IACjBC,CAAC;IACDC,CAAC;AACH;AAEA,MAAMC,kBAAkB;IACtBC,EAAE;IACFC,KAAK;IACLC,IAAI;IACJC,IAAI;AACN;AAEA,MAAMC,iBAAiB;IACrBJ,IAAI;IACJC,OAAO;IACPC,MAAM;IACNC,MAAM;AACR;AAEA,MAAME,YAAY,CAAC,EAAEC,IAAI,EAAkC;IACzD,IAAIC,OAAOf;IACX,IAAIc,SAAS,KAAK;QAChBC,OAAOhB;IACT;IAEA,qBAAO,oBAACgB;QAAKC,SAAS;;AACxB;AAoBA;;;;;CAKC,GACD,OAAO,MAAMC,cAAc;QAAC,EAC1BH,OAAO,GAAG,EACVI,OAAO,EACPC,SAAS,EACTC,OAAOC,SAAS,EAChBC,yBAAW,oBAACT;QAAUC,MAAMA;MAAQ,EAEnB,WADdS;QALHT;QACAI;QACAC;QACAC;QACAE;;IAGA,MAAMF,QAAQC,sBAAAA,uBAAAA,YAAaT,cAAc,CAACO,UAAU;IAEpD,qBACE,oBAACjB;QACCsB,WAAU;QACVC,MAAK;QACLC,eAAezB,8BAEbG,UAAU,CAACU,KAAK,EAChBP,eAAe,CAACY,UAAU;OAExBI,YAEHH,uBAAS,oBAACjB,sBAAgBiB,sBAC3B,oBAACO;QAAKX,SAAS;QAA+BY,OAAOV,UAAU;YAAEW,KAAKX;QAAQ,IAAIY;OAC/ER;AAIT,EAAE"}
+{"version":3,"sources":["../../../src/components/ScrollArrow/ScrollArrow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Chevron, Icon24Chevron } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './ScrollArrow.module.css';\n\nconst stylesSize = {\n  m: styles['ScrollArrow--size-m'],\n  l: styles['ScrollArrow--size-l'],\n};\n\nconst stylesDirection = {\n  up: styles['ScrollArrow--direction-up'],\n  right: styles['ScrollArrow--direction-right'],\n  down: styles['ScrollArrow--direction-down'],\n  left: styles['ScrollArrow--direction-left'],\n};\n\nconst labelDirection = {\n  up: 'Назад',\n  right: 'Вперед',\n  down: 'Вперед',\n  left: 'Назад',\n};\n\nconst ArrowIcon = ({ size }: Pick<ScrollArrowProps, 'size'>) => {\n  let Icon = Icon24Chevron;\n  if (size === 'm') {\n    Icon = Icon16Chevron;\n  }\n\n  return <Icon className={styles['ScrollArrow__defaultIcon']} />;\n};\n\nexport interface ScrollArrowProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HasRootRef<HTMLButtonElement> {\n  /**\n   * Направление стрелки\n   */\n  direction: 'up' | 'right' | 'down' | 'left';\n  /**\n   * Размер стрелки\n   */\n  size?: 'm' | 'l';\n  /**\n   * Смещает иконку кнопки навигации по вертикали.\n   */\n  offsetY?: number | string;\n  label?: string;\n}\n\n/**\n * Компонент стрелки. Используется в [HorizontalScroll](#/HorizontalScroll) и [Gallery](#/Gallery).\n *\n * @since 5.4.0\n * @see https://vkcom.github.io/VKUI/#/ScrollArrow\n */\nexport const ScrollArrow = ({\n  size = 'l',\n  offsetY,\n  direction,\n  label: labelProp,\n  children = <ArrowIcon size={size} />,\n  ...restProps\n}: ScrollArrowProps) => {\n  const label = labelProp ?? labelDirection[direction];\n\n  return (\n    <RootComponent\n      Component=\"button\"\n      type=\"button\"\n      baseClassName={classNames(\n        styles['ScrollArrow'],\n        stylesSize[size],\n        stylesDirection[direction],\n      )}\n      {...restProps}\n    >\n      {label && <VisuallyHidden>{label}</VisuallyHidden>}\n      <span className={styles['ScrollArrow__icon']} style={offsetY ? { top: offsetY } : undefined}>\n        {children}\n      </span>\n    </RootComponent>\n  );\n};\n"],"names":["React","Icon16Chevron","Icon24Chevron","classNames","RootComponent","VisuallyHidden","stylesSize","m","l","stylesDirection","up","right","down","left","labelDirection","ArrowIcon","size","Icon","className","ScrollArrow","offsetY","direction","label","labelProp","children","restProps","Component","type","baseClassName","span","style","top","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,EAAEC,aAAa,QAAQ,mBAAmB;AAChE,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,SAASC,cAAc,QAAQ,mCAAmC;AAGlE,MAAMC,aAAa;IACjBC,CAAC;IACDC,CAAC;AACH;AAEA,MAAMC,kBAAkB;IACtBC,EAAE;IACFC,KAAK;IACLC,IAAI;IACJC,IAAI;AACN;AAEA,MAAMC,iBAAiB;IACrBJ,IAAI;IACJC,OAAO;IACPC,MAAM;IACNC,MAAM;AACR;AAEA,MAAME,YAAY,CAAC,EAAEC,IAAI,EAAkC;IACzD,IAAIC,OAAOf;IACX,IAAIc,SAAS,KAAK;QAChBC,OAAOhB;IACT;IAEA,qBAAO,KAACgB;QAAKC,SAAS;;AACxB;AAoBA;;;;;CAKC,GACD,OAAO,MAAMC,cAAc;QAAC,EAC1BH,OAAO,GAAG,EACVI,OAAO,EACPC,SAAS,EACTC,OAAOC,SAAS,EAChBC,yBAAW,KAACT;QAAUC,MAAMA;MAAQ,EAEnB,WADdS;QALHT;QACAI;QACAC;QACAC;QACAE;;IAGA,MAAMF,QAAQC,sBAAAA,uBAAAA,YAAaT,cAAc,CAACO,UAAU;IAEpD,qBACE,MAACjB;QACCsB,WAAU;QACVC,MAAK;QACLC,eAAezB,8BAEbG,UAAU,CAACU,KAAK,EAChBP,eAAe,CAACY,UAAU;OAExBI;;YAEHH,uBAAS,KAACjB;0BAAgBiB;;0BAC3B,KAACO;gBAAKX,SAAS;gBAA+BY,OAAOV,UAAU;oBAAEW,KAAKX;gBAAQ,IAAIY;0BAC/ER;;;;AAIT,EAAE"}

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

@@ -27,5 +27,5 @@ export interface SearchProps extends React.InputHTMLAttributes<HTMLInputElement>
 /**
  * @see https://vkcom.github.io/VKUI/#/Search
  */
-export declare const Search: ({ id: idProp, before, className, placeholder, after, getRef, icon, onIconClick, style, autoComplete, onChange, iconLabel, clearLabel, noPadding, getRootRef, findButtonText, onFindButtonClick, ...inputProps }: SearchProps) => React.JSX.Element;
+export declare const Search: ({ id: idProp, before, className, placeholder, after, getRef, icon, onIconClick, style, autoComplete, onChange, iconLabel, clearLabel, noPadding, getRootRef, findButtonText, onFindButtonClick, ...inputProps }: SearchProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Search.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../src/components/Search/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAOjD,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,UAAU,CAAC,cAAc,CAAC,EAC1B,MAAM,CAAC,gBAAgB,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAC1D;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,oNAmBhB,WAAW,sBAuJb,CAAC"}
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../src/components/Search/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAOjD,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,UAAU,CAAC,cAAc,CAAC,EAC1B,MAAM,CAAC,gBAAgB,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAC1D;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,oNAmBhB,WAAW,4CAiKb,CAAC"}

package/dist/components/Search/Search.js

@@ -1,6 +1,7 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { Icon16Clear, Icon16SearchOutline, Icon24Cancel } from '@vkontakte/icons';
 import { classNames, noop } from '@vkontakte/vkjs';
@@ -8,9 +9,11 @@ import { useAdaptivity } from '../../hooks/useAdaptivity';
 import { useAdaptivityConditionalRender } from '../../hooks/useAdaptivityConditionalRender';
 import { useBooleanState } from '../../hooks/useBooleanState';
 import { useExternRef } from '../../hooks/useExternRef';
+import { useNativeFormResetListener } from '../../hooks/useNativeFormResetListener';
 import { usePlatform } from '../../hooks/usePlatform';
 import { callMultiple } from '../../lib/callMultiple';
 import { touchEnabled } from '../../lib/touch';
+import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
 import { Button } from '../Button/Button';
 import { IconButton } from '../IconButton/IconButton';
 import { Headline } from '../Typography/Headline/Headline';
@@ -18,7 +21,7 @@ import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';
 /**
  * @see https://vkcom.github.io/VKUI/#/Search
  */ export const Search = (_param)=>{
-    var { id: idProp, before = /*#__PURE__*/ React.createElement(Icon16SearchOutline, null), className, placeholder = 'Поиск', after = 'Отмена', getRef, icon, onIconClick = noop, style, autoComplete = 'off', onChange, iconLabel, clearLabel = 'Очистить', noPadding, getRootRef, findButtonText = 'Найти', onFindButtonClick } = _param, inputProps = _object_without_properties(_param, [
+    var { id: idProp, before = /*#__PURE__*/ _jsx(Icon16SearchOutline, {}), className, placeholder = 'Поиск', after = 'Отмена', getRef, icon, onIconClick = noop, style, autoComplete = 'off', onChange, iconLabel, clearLabel = 'Очистить', noPadding, getRootRef, findButtonText = 'Найти', onFindButtonClick } = _param, inputProps = _object_without_properties(_param, [
         "id",
         "before",
         "className",
@@ -80,64 +83,108 @@ import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';
         inputRef,
         onCancel
     ]);
-    return /*#__PURE__*/ React.createElement("div", {
+    useIsomorphicLayoutEffect(()=>{
+        if (inputProps.value !== undefined) {
+            setHasValue(Boolean(inputProps.value));
+        }
+    }, [
+        inputProps.value
+    ]);
+    useNativeFormResetListener(inputRef, ()=>{
+        setHasValue(Boolean(inputProps.defaultValue));
+    });
+    return /*#__PURE__*/ _jsxs("div", {
         className: classNames('vkuiInternalSearch', "vkuiSearch", sizeY === 'none' && "vkuiSearch--sizeY-none", sizeY === 'compact' && "vkuiSearch--sizeY-compact", isFocused && "vkuiSearch--focused", hasValue && "vkuiSearch--has-value", after && "vkuiSearch--has-after", icon && "vkuiSearch--has-icon", inputProps.disabled && "vkuiSearch--disabled", !noPadding && "vkuiSearch--withPadding", className),
         ref: getRootRef,
-        style: style
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: "vkuiSearch__field"
-    }, /*#__PURE__*/ React.createElement("label", {
-        htmlFor: inputId,
-        className: "vkuiSearch__label"
-    }, placeholder), /*#__PURE__*/ React.createElement("div", {
-        className: "vkuiSearch__input"
-    }, before, /*#__PURE__*/ React.createElement(Headline, _object_spread_props(_object_spread({
-        Component: "input",
-        type: "search",
-        level: "1",
-        weight: "3"
-    }, inputProps), {
-        id: inputId,
-        placeholder: placeholder,
-        autoComplete: autoComplete,
-        getRootRef: inputRef,
-        className: "vkuiSearch__nativeInput",
-        onFocus: onFocus,
-        onBlur: onBlur,
-        onChange: callMultiple(onChange, checkHasValue)
-    }))), /*#__PURE__*/ React.createElement("div", {
-        className: "vkuiSearch__controls"
-    }, icon && /*#__PURE__*/ React.createElement(IconButton, {
-        hoverMode: "opacity",
-        onPointerDown: onIconClickStart,
-        className: "vkuiSearch__icon",
-        onFocus: setFocusedTrue,
-        onBlur: setFocusedFalse,
-        onClick: noop
-    }, /*#__PURE__*/ React.createElement(VisuallyHidden, null, iconLabel), icon), /*#__PURE__*/ React.createElement(IconButton, {
-        hoverMode: "opacity",
-        onPointerDown: onIconCancelClickStart,
-        onClick: onCancel,
-        className: "vkuiSearch__icon",
-        tabIndex: hasValue ? undefined : -1
-    }, /*#__PURE__*/ React.createElement(VisuallyHidden, null, clearLabel), platform === 'ios' ? /*#__PURE__*/ React.createElement(Icon16Clear, null) : /*#__PURE__*/ React.createElement(Icon24Cancel, null)), adaptiveSizeY.compact && onFindButtonClick && /*#__PURE__*/ React.createElement(Button, {
-        mode: "primary",
-        size: "m",
-        className: classNames("vkuiSearch__findButton", adaptiveSizeY.compact.className),
-        focusVisibleMode: "inside",
-        onClick: onFindButtonClick,
-        tabIndex: hasValue ? undefined : -1
-    }, findButtonText))), platform === 'ios' && after && /*#__PURE__*/ React.createElement(Button, {
-        mode: "tertiary",
-        size: "m",
-        className: "vkuiSearch__after",
-        focusVisibleMode: "inside",
-        onClick: onCancel,
-        onFocus: setFocusedTrue,
-        onBlur: setFocusedFalse
-    }, /*#__PURE__*/ React.createElement("span", {
-        className: "vkuiSearch__afterText"
-    }, after)));
+        style: style,
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: "vkuiSearch__field",
+                children: [
+                    /*#__PURE__*/ _jsx("label", {
+                        htmlFor: inputId,
+                        className: "vkuiSearch__label",
+                        children: placeholder
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "vkuiSearch__input",
+                        children: [
+                            before,
+                            /*#__PURE__*/ _jsx(Headline, _object_spread_props(_object_spread({
+                                Component: "input",
+                                type: "search",
+                                level: "1",
+                                weight: "3"
+                            }, inputProps), {
+                                id: inputId,
+                                placeholder: placeholder,
+                                autoComplete: autoComplete,
+                                getRootRef: inputRef,
+                                className: "vkuiSearch__nativeInput",
+                                onFocus: onFocus,
+                                onBlur: onBlur,
+                                onChange: callMultiple(onChange, checkHasValue)
+                            }))
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "vkuiSearch__controls",
+                        children: [
+                            icon && /*#__PURE__*/ _jsxs(IconButton, {
+                                hoverMode: "opacity",
+                                onPointerDown: onIconClickStart,
+                                className: "vkuiSearch__icon",
+                                onFocus: setFocusedTrue,
+                                onBlur: setFocusedFalse,
+                                onClick: noop,
+                                children: [
+                                    /*#__PURE__*/ _jsx(VisuallyHidden, {
+                                        children: iconLabel
+                                    }),
+                                    icon
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs(IconButton, {
+                                hoverMode: "opacity",
+                                onPointerDown: onIconCancelClickStart,
+                                onClick: onCancel,
+                                className: "vkuiSearch__icon",
+                                tabIndex: hasValue ? undefined : -1,
+                                children: [
+                                    /*#__PURE__*/ _jsx(VisuallyHidden, {
+                                        children: clearLabel
+                                    }),
+                                    platform === 'ios' ? /*#__PURE__*/ _jsx(Icon16Clear, {}) : /*#__PURE__*/ _jsx(Icon24Cancel, {})
+                                ]
+                            }),
+                            adaptiveSizeY.compact && onFindButtonClick && /*#__PURE__*/ _jsx(Button, {
+                                mode: "primary",
+                                size: "m",
+                                className: classNames("vkuiSearch__findButton", adaptiveSizeY.compact.className),
+                                focusVisibleMode: "inside",
+                                onClick: onFindButtonClick,
+                                tabIndex: hasValue ? undefined : -1,
+                                children: findButtonText
+                            })
+                        ]
+                    })
+                ]
+            }),
+            platform === 'ios' && after && /*#__PURE__*/ _jsx(Button, {
+                mode: "tertiary",
+                size: "m",
+                className: "vkuiSearch__after",
+                focusVisibleMode: "inside",
+                onClick: onCancel,
+                onFocus: setFocusedTrue,
+                onBlur: setFocusedFalse,
+                children: /*#__PURE__*/ _jsx("span", {
+                    className: "vkuiSearch__afterText",
+                    children: after
+                })
+            })
+        ]
+    });
 };
 
 //# sourceMappingURL=Search.js.map

package/dist/components/Search/Search.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Search/Search.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Clear, Icon16SearchOutline, Icon24Cancel } from '@vkontakte/icons';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useAdaptivityConditionalRender } from '../../hooks/useAdaptivityConditionalRender';\nimport { useBooleanState } from '../../hooks/useBooleanState';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { touchEnabled } from '../../lib/touch';\nimport { HasRef, HasRootRef } from '../../types';\nimport { Button } from '../Button/Button';\nimport { IconButton } from '../IconButton/IconButton';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './Search.module.css';\n\nexport interface SearchProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLInputElement> {\n  /**\n   * iOS only. Текст кнопки \"отмена\", которая чистит текстовое поле и убирает фокус.\n   */\n  after?: React.ReactNode;\n  before?: React.ReactNode;\n  icon?: React.ReactNode;\n  onIconClick?: React.PointerEventHandler<HTMLElement>;\n  defaultValue?: string;\n  iconLabel?: string;\n  clearLabel?: string;\n  /**\n   * Удаляет отступы у компонента\n   */\n  noPadding?: boolean;\n  /**\n   * Текст для кнопки Найти\n   */\n  findButtonText?: string;\n  /**\n   * Коллбэк для кнопки Найти\n   */\n  onFindButtonClick?: React.MouseEventHandler<HTMLElement>;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Search\n */\nexport const Search = ({\n  id: idProp,\n  before = <Icon16SearchOutline />,\n  className,\n  placeholder = 'Поиск',\n  after = 'Отмена',\n  getRef,\n  icon,\n  onIconClick = noop,\n  style,\n  autoComplete = 'off',\n  onChange,\n  iconLabel,\n  clearLabel = 'Очистить',\n  noPadding,\n  getRootRef,\n  findButtonText = 'Найти',\n  onFindButtonClick,\n  ...inputProps\n}: SearchProps) => {\n  const inputRef = useExternRef(getRef);\n  const {\n    value: isFocused,\n    setTrue: setFocusedTrue,\n    setFalse: setFocusedFalse,\n  } = useBooleanState(false);\n  const generatedId = React.useId();\n  const inputId = idProp ? idProp : `search-${generatedId}`;\n\n  const [hasValue, setHasValue] = React.useState<boolean>(() =>\n    Boolean(inputProps.value || inputProps.defaultValue),\n  );\n  const checkHasValue: React.ChangeEventHandler<HTMLInputElement> = (e) =>\n    setHasValue(Boolean(e.currentTarget.value));\n\n  const { sizeY = 'none' } = useAdaptivity();\n  const { sizeY: adaptiveSizeY } = useAdaptivityConditionalRender();\n  const platform = usePlatform();\n\n  const onFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    setFocusedTrue();\n    inputProps.onFocus && inputProps.onFocus(e);\n  };\n\n  const onBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    setFocusedFalse();\n    inputProps.onBlur && inputProps.onBlur(e);\n  };\n\n  const onCancel = React.useCallback(() => {\n    // eslint-disable-next-line @typescript-eslint/unbound-method\n    const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n      HTMLInputElement.prototype,\n      'value',\n    )?.set;\n    nativeInputValueSetter?.call(inputRef.current, '');\n\n    const ev2 = new Event('input', { bubbles: true });\n    inputRef.current?.dispatchEvent(ev2);\n  }, [inputRef]);\n\n  const onIconClickStart: React.PointerEventHandler<HTMLElement> = React.useCallback(\n    (e) => onIconClick(e),\n    [onIconClick],\n  );\n\n  const onIconCancelClickStart: React.PointerEventHandler<HTMLElement> = React.useCallback(\n    (e) => {\n      e.preventDefault();\n      inputRef.current?.focus();\n      if (touchEnabled()) {\n        onCancel();\n      }\n    },\n    [inputRef, onCancel],\n  );\n\n  return (\n    <div\n      className={classNames(\n        'vkuiInternalSearch',\n        styles['Search'],\n        sizeY === 'none' && styles['Search--sizeY-none'],\n        sizeY === 'compact' && styles['Search--sizeY-compact'],\n        isFocused && styles['Search--focused'],\n        hasValue && styles['Search--has-value'],\n        after && styles['Search--has-after'],\n        icon && styles['Search--has-icon'],\n        inputProps.disabled && styles['Search--disabled'],\n        !noPadding && styles['Search--withPadding'],\n        className,\n      )}\n      ref={getRootRef}\n      style={style}\n    >\n      <div className={styles['Search__field']}>\n        <label htmlFor={inputId} className={styles['Search__label']}>\n          {placeholder}\n        </label>\n        <div className={styles['Search__input']}>\n          {before}\n          <Headline\n            Component=\"input\"\n            type=\"search\"\n            level=\"1\"\n            weight=\"3\"\n            {...inputProps}\n            id={inputId}\n            placeholder={placeholder}\n            autoComplete={autoComplete}\n            getRootRef={inputRef}\n            className={styles['Search__nativeInput']}\n            onFocus={onFocus}\n            onBlur={onBlur}\n            onChange={callMultiple(onChange, checkHasValue)}\n          />\n        </div>\n        <div className={styles['Search__controls']}>\n          {icon && (\n            <IconButton\n              hoverMode=\"opacity\"\n              onPointerDown={onIconClickStart}\n              className={styles['Search__icon']}\n              onFocus={setFocusedTrue}\n              onBlur={setFocusedFalse}\n              onClick={noop}\n            >\n              <VisuallyHidden>{iconLabel}</VisuallyHidden>\n              {icon}\n            </IconButton>\n          )}\n          <IconButton\n            hoverMode=\"opacity\"\n            onPointerDown={onIconCancelClickStart}\n            onClick={onCancel}\n            className={styles['Search__icon']}\n            tabIndex={hasValue ? undefined : -1}\n          >\n            <VisuallyHidden>{clearLabel}</VisuallyHidden>\n            {platform === 'ios' ? <Icon16Clear /> : <Icon24Cancel />}\n          </IconButton>\n          {adaptiveSizeY.compact && onFindButtonClick && (\n            <Button\n              mode=\"primary\"\n              size=\"m\"\n              className={classNames(styles['Search__findButton'], adaptiveSizeY.compact.className)}\n              focusVisibleMode=\"inside\"\n              onClick={onFindButtonClick}\n              tabIndex={hasValue ? undefined : -1}\n            >\n              {findButtonText}\n            </Button>\n          )}\n        </div>\n      </div>\n      {platform === 'ios' && after && (\n        <Button\n          mode=\"tertiary\"\n          size=\"m\"\n          className={styles['Search__after']}\n          focusVisibleMode=\"inside\"\n          onClick={onCancel}\n          onFocus={setFocusedTrue}\n          onBlur={setFocusedFalse}\n        >\n          <span className={styles['Search__afterText']}>{after}</span>\n        </Button>\n      )}\n    </div>\n  );\n};\n"],"names":["React","Icon16Clear","Icon16SearchOutline","Icon24Cancel","classNames","noop","useAdaptivity","useAdaptivityConditionalRender","useBooleanState","useExternRef","usePlatform","callMultiple","touchEnabled","Button","IconButton","Headline","VisuallyHidden","Search","id","idProp","before","className","placeholder","after","getRef","icon","onIconClick","style","autoComplete","onChange","iconLabel","clearLabel","noPadding","getRootRef","findButtonText","onFindButtonClick","inputProps","inputRef","value","isFocused","setTrue","setFocusedTrue","setFalse","setFocusedFalse","generatedId","useId","inputId","hasValue","setHasValue","useState","Boolean","defaultValue","checkHasValue","e","currentTarget","sizeY","adaptiveSizeY","platform","onFocus","onBlur","onCancel","useCallback","Object","nativeInputValueSetter","getOwnPropertyDescriptor","HTMLInputElement","prototype","set","call","current","ev2","Event","bubbles","dispatchEvent","onIconClickStart","onIconCancelClickStart","preventDefault","focus","div","disabled","ref","label","htmlFor","Component","type","level","weight","hoverMode","onPointerDown","onClick","tabIndex","undefined","compact","mode","size","focusVisibleMode","span"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/Search/Search.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Clear, Icon16SearchOutline, Icon24Cancel } from '@vkontakte/icons';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useAdaptivityConditionalRender } from '../../hooks/useAdaptivityConditionalRender';\nimport { useBooleanState } from '../../hooks/useBooleanState';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useNativeFormResetListener } from '../../hooks/useNativeFormResetListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { touchEnabled } from '../../lib/touch';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { HasRef, HasRootRef } from '../../types';\nimport { Button } from '../Button/Button';\nimport { IconButton } from '../IconButton/IconButton';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './Search.module.css';\n\nexport interface SearchProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLInputElement> {\n  /**\n   * iOS only. Текст кнопки \"отмена\", которая чистит текстовое поле и убирает фокус.\n   */\n  after?: React.ReactNode;\n  before?: React.ReactNode;\n  icon?: React.ReactNode;\n  onIconClick?: React.PointerEventHandler<HTMLElement>;\n  defaultValue?: string;\n  iconLabel?: string;\n  clearLabel?: string;\n  /**\n   * Удаляет отступы у компонента\n   */\n  noPadding?: boolean;\n  /**\n   * Текст для кнопки Найти\n   */\n  findButtonText?: string;\n  /**\n   * Коллбэк для кнопки Найти\n   */\n  onFindButtonClick?: React.MouseEventHandler<HTMLElement>;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Search\n */\nexport const Search = ({\n  id: idProp,\n  before = <Icon16SearchOutline />,\n  className,\n  placeholder = 'Поиск',\n  after = 'Отмена',\n  getRef,\n  icon,\n  onIconClick = noop,\n  style,\n  autoComplete = 'off',\n  onChange,\n  iconLabel,\n  clearLabel = 'Очистить',\n  noPadding,\n  getRootRef,\n  findButtonText = 'Найти',\n  onFindButtonClick,\n  ...inputProps\n}: SearchProps) => {\n  const inputRef = useExternRef(getRef);\n  const {\n    value: isFocused,\n    setTrue: setFocusedTrue,\n    setFalse: setFocusedFalse,\n  } = useBooleanState(false);\n  const generatedId = React.useId();\n  const inputId = idProp ? idProp : `search-${generatedId}`;\n\n  const [hasValue, setHasValue] = React.useState<boolean>(() =>\n    Boolean(inputProps.value || inputProps.defaultValue),\n  );\n  const checkHasValue: React.ChangeEventHandler<HTMLInputElement> = (e) =>\n    setHasValue(Boolean(e.currentTarget.value));\n\n  const { sizeY = 'none' } = useAdaptivity();\n  const { sizeY: adaptiveSizeY } = useAdaptivityConditionalRender();\n  const platform = usePlatform();\n\n  const onFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    setFocusedTrue();\n    inputProps.onFocus && inputProps.onFocus(e);\n  };\n\n  const onBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    setFocusedFalse();\n    inputProps.onBlur && inputProps.onBlur(e);\n  };\n\n  const onCancel = React.useCallback(() => {\n    // eslint-disable-next-line @typescript-eslint/unbound-method\n    const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n      HTMLInputElement.prototype,\n      'value',\n    )?.set;\n    nativeInputValueSetter?.call(inputRef.current, '');\n\n    const ev2 = new Event('input', { bubbles: true });\n    inputRef.current?.dispatchEvent(ev2);\n  }, [inputRef]);\n\n  const onIconClickStart: React.PointerEventHandler<HTMLElement> = React.useCallback(\n    (e) => onIconClick(e),\n    [onIconClick],\n  );\n\n  const onIconCancelClickStart: React.PointerEventHandler<HTMLElement> = React.useCallback(\n    (e) => {\n      e.preventDefault();\n      inputRef.current?.focus();\n      if (touchEnabled()) {\n        onCancel();\n      }\n    },\n    [inputRef, onCancel],\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (inputProps.value !== undefined) {\n      setHasValue(Boolean(inputProps.value));\n    }\n  }, [inputProps.value]);\n\n  useNativeFormResetListener(inputRef, () => {\n    setHasValue(Boolean(inputProps.defaultValue));\n  });\n\n  return (\n    <div\n      className={classNames(\n        'vkuiInternalSearch',\n        styles['Search'],\n        sizeY === 'none' && styles['Search--sizeY-none'],\n        sizeY === 'compact' && styles['Search--sizeY-compact'],\n        isFocused && styles['Search--focused'],\n        hasValue && styles['Search--has-value'],\n        after && styles['Search--has-after'],\n        icon && styles['Search--has-icon'],\n        inputProps.disabled && styles['Search--disabled'],\n        !noPadding && styles['Search--withPadding'],\n        className,\n      )}\n      ref={getRootRef}\n      style={style}\n    >\n      <div className={styles['Search__field']}>\n        <label htmlFor={inputId} className={styles['Search__label']}>\n          {placeholder}\n        </label>\n        <div className={styles['Search__input']}>\n          {before}\n          <Headline\n            Component=\"input\"\n            type=\"search\"\n            level=\"1\"\n            weight=\"3\"\n            {...inputProps}\n            id={inputId}\n            placeholder={placeholder}\n            autoComplete={autoComplete}\n            getRootRef={inputRef}\n            className={styles['Search__nativeInput']}\n            onFocus={onFocus}\n            onBlur={onBlur}\n            onChange={callMultiple(onChange, checkHasValue)}\n          />\n        </div>\n        <div className={styles['Search__controls']}>\n          {icon && (\n            <IconButton\n              hoverMode=\"opacity\"\n              onPointerDown={onIconClickStart}\n              className={styles['Search__icon']}\n              onFocus={setFocusedTrue}\n              onBlur={setFocusedFalse}\n              onClick={noop}\n            >\n              <VisuallyHidden>{iconLabel}</VisuallyHidden>\n              {icon}\n            </IconButton>\n          )}\n          <IconButton\n            hoverMode=\"opacity\"\n            onPointerDown={onIconCancelClickStart}\n            onClick={onCancel}\n            className={styles['Search__icon']}\n            tabIndex={hasValue ? undefined : -1}\n          >\n            <VisuallyHidden>{clearLabel}</VisuallyHidden>\n            {platform === 'ios' ? <Icon16Clear /> : <Icon24Cancel />}\n          </IconButton>\n          {adaptiveSizeY.compact && onFindButtonClick && (\n            <Button\n              mode=\"primary\"\n              size=\"m\"\n              className={classNames(styles['Search__findButton'], adaptiveSizeY.compact.className)}\n              focusVisibleMode=\"inside\"\n              onClick={onFindButtonClick}\n              tabIndex={hasValue ? undefined : -1}\n            >\n              {findButtonText}\n            </Button>\n          )}\n        </div>\n      </div>\n      {platform === 'ios' && after && (\n        <Button\n          mode=\"tertiary\"\n          size=\"m\"\n          className={styles['Search__after']}\n          focusVisibleMode=\"inside\"\n          onClick={onCancel}\n          onFocus={setFocusedTrue}\n          onBlur={setFocusedFalse}\n        >\n          <span className={styles['Search__afterText']}>{after}</span>\n        </Button>\n      )}\n    </div>\n  );\n};\n"],"names":["React","Icon16Clear","Icon16SearchOutline","Icon24Cancel","classNames","noop","useAdaptivity","useAdaptivityConditionalRender","useBooleanState","useExternRef","useNativeFormResetListener","usePlatform","callMultiple","touchEnabled","useIsomorphicLayoutEffect","Button","IconButton","Headline","VisuallyHidden","Search","id","idProp","before","className","placeholder","after","getRef","icon","onIconClick","style","autoComplete","onChange","iconLabel","clearLabel","noPadding","getRootRef","findButtonText","onFindButtonClick","inputProps","inputRef","value","isFocused","setTrue","setFocusedTrue","setFalse","setFocusedFalse","generatedId","useId","inputId","hasValue","setHasValue","useState","Boolean","defaultValue","checkHasValue","e","currentTarget","sizeY","adaptiveSizeY","platform","onFocus","onBlur","onCancel","useCallback","Object","nativeInputValueSetter","getOwnPropertyDescriptor","HTMLInputElement","prototype","set","call","current","ev2","Event","bubbles","dispatchEvent","onIconClickStart","onIconCancelClickStart","preventDefault","focus","undefined","div","disabled","ref","label","htmlFor","Component","type","level","weight","hoverMode","onPointerDown","onClick","tabIndex","compact","mode","size","focusVisibleMode","span"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -21,5 +21,5 @@ export interface SegmentedControlProps extends Omit<HTMLAttributesWithRootRef<HT
 /**
  * @see https://vkcom.github.io/VKUI/#/SegmentedControl
  */
-export declare const SegmentedControl: ({ size, name, options, defaultValue, children, onChange: onChangeProp, value: valueProp, ...restProps }: SegmentedControlProps) => React.JSX.Element;
+export declare const SegmentedControl: ({ size, name, options, defaultValue, children, onChange: onChangeProp, value: valueProp, ...restProps }: SegmentedControlProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SegmentedControl.d.ts.map

package/dist/components/SegmentedControl/SegmentedControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAUxD,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAEhE,MAAM,WAAW,+BACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACxD;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC;IACxB,KAAK,EAAE,qBAAqB,CAAC;CAC9B;AAED,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACnE,OAAO,EAAE,+BAA+B,EAAE,CAAC;IAC3C,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,YAAY,CAAC,EAAE,qBAAqB,CAAC;CACtC;AAID;;GAEG;AACH,eAAO,MAAM,gBAAgB,4GAS1B,qBAAqB,sBAwDvB,CAAC"}
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAUxD,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAEhE,MAAM,WAAW,+BACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACxD;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC;IACxB,KAAK,EAAE,qBAAqB,CAAC;CAC9B;AAED,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACnE,OAAO,EAAE,+BAA+B,EAAE,CAAC;IAC3C,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,YAAY,CAAC,EAAE,qBAAqB,CAAC;CACtC;AAID;;GAEG;AACH,eAAO,MAAM,gBAAgB,4GAS1B,qBAAqB,4CAwDvB,CAAC"}

package/dist/components/SegmentedControl/SegmentedControl.js

@@ -2,6 +2,7 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 var _options_;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { useAdaptivity } from '../../hooks/useAdaptivity';
@@ -43,31 +44,35 @@ const warn = warnOnce('SegmentedControl');
         actualIndex
     ]);
     const translateX = `translateX(${100 * actualIndex}%)`;
-    return /*#__PURE__*/ React.createElement(RootComponent, _object_spread_props(_object_spread({}, restProps), {
-        baseClassName: classNames("vkuiSegmentedControl", sizeY !== 'compact' && sizeYClassNames[sizeY], size === 'l' && "vkuiSegmentedControl--size-l")
-    }), /*#__PURE__*/ React.createElement("div", {
-        role: "radiogroup",
-        className: "vkuiSegmentedControl__in"
-    }, actualIndex > -1 && /*#__PURE__*/ React.createElement("div", {
-        "aria-hidden": true,
-        className: "vkuiSegmentedControl__slider",
-        style: {
-            width: `${100 / options.length}%`,
-            transform: translateX,
-            WebkitTransform: translateX
-        }
-    }), options.map((_param)=>{
-        var { label } = _param, optionProps = _object_without_properties(_param, [
-            "label"
-        ]);
-        return /*#__PURE__*/ React.createElement(SegmentedControlOption, _object_spread_props(_object_spread({
-            key: `${optionProps.value}`
-        }, optionProps), {
-            name: name !== null && name !== void 0 ? name : id,
-            checked: value === optionProps.value,
-            onChange: ()=>onChange(optionProps.value)
-        }), label);
-    })));
+    return /*#__PURE__*/ _jsx(RootComponent, _object_spread_props(_object_spread({}, restProps), {
+        baseClassName: classNames("vkuiSegmentedControl", sizeY !== 'compact' && sizeYClassNames[sizeY], size === 'l' && "vkuiSegmentedControl--size-l"),
+        children: /*#__PURE__*/ _jsxs("div", {
+            role: "radiogroup",
+            className: "vkuiSegmentedControl__in",
+            children: [
+                actualIndex > -1 && /*#__PURE__*/ _jsx("div", {
+                    "aria-hidden": true,
+                    className: "vkuiSegmentedControl__slider",
+                    style: {
+                        width: `${100 / options.length}%`,
+                        transform: translateX,
+                        WebkitTransform: translateX
+                    }
+                }),
+                options.map((_param)=>{
+                    var { label } = _param, optionProps = _object_without_properties(_param, [
+                        "label"
+                    ]);
+                    return /*#__PURE__*/ _jsx(SegmentedControlOption, _object_spread_props(_object_spread({}, optionProps), {
+                        name: name !== null && name !== void 0 ? name : id,
+                        checked: value === optionProps.value,
+                        onChange: ()=>onChange(optionProps.value),
+                        children: label
+                    }), `${optionProps.value}`);
+                })
+            ]
+        })
+    }));
 };
 
 //# sourceMappingURL=SegmentedControl.js.map

package/dist/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 { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { SegmentedControlOption } from './SegmentedControlOption/SegmentedControlOption';\nimport styles from './SegmentedControl.module.css';\n\nconst sizeYClassNames = {\n  none: styles['SegmentedControl--sizeY-none'],\n  ['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  /**\n   * Вставляет элемент перед основным контентом.\n   * Рекомендуется использовать только иконки с размером 20\n   */\n  before?: React.ReactNode;\n  label: React.ReactChild;\n  value: SegmentedControlValue;\n}\n\nexport interface SegmentedControlProps\n  extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'onChange'> {\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  defaultValue = options[0]?.value,\n  children,\n  onChange: onChangeProp,\n  value: valueProp,\n  ...restProps\n}: SegmentedControlProps) => {\n  const id = React.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    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        styles['SegmentedControl'],\n        sizeY !== 'compact' && sizeYClassNames[sizeY],\n        size === 'l' && styles['SegmentedControl--size-l'],\n      )}\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, ...optionProps }) => (\n          <SegmentedControlOption\n            key={`${optionProps.value}`}\n            {...optionProps}\n            name={name ?? id}\n            checked={value === optionProps.value}\n            onChange={() => onChange(optionProps.value)}\n          >\n            {label}\n          </SegmentedControlOption>\n        ))}\n      </div>\n    </RootComponent>\n  );\n};\n"],"names":["options","React","classNames","useAdaptivity","useCustomEnsuredControl","useIsomorphicLayoutEffect","warnOnce","RootComponent","SegmentedControlOption","sizeYClassNames","none","warn","SegmentedControl","size","name","defaultValue","value","children","onChange","onChangeProp","valueProp","restProps","id","useId","sizeY","actualIndex","findIndex","option","process","env","NODE_ENV","translateX","baseClassName","div","role","className","aria-hidden","style","width","length","transform","WebkitTransform","map","label","optionProps","key","checked"],"mappings":";;;IAgDiBA;AAhDjB,YAAYC,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,uBAAuB,QAAQ,gCAAgC;AACxE,SAASC,yBAAyB,QAAQ,sCAAsC;AAChF,SAASC,QAAQ,QAAQ,qBAAqB;AAE9C,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,SAASC,sBAAsB,QAAQ,kDAAkD;AAGzF,MAAMC,kBAAkB;IACtBC,IAAI;IACJ,CAAC,UAAU;AACb;AAyBA,MAAMC,OAAOL,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMM,mBAAmB;QAAC,EAC/BC,OAAO,GAAG,EACVC,IAAI,EACJd,OAAO,EACPe,gBAAef,YAAAA,OAAO,CAAC,EAAE,cAAVA,gCAAAA,UAAYgB,KAAK,EAChCC,QAAQ,EACRC,UAAUC,YAAY,EACtBH,OAAOI,SAAS,EAEM,WADnBC;QAPHR;QACAC;QACAd;QACAe;QACAE;QACAC;QACAF;;IAGA,MAAMM,KAAKrB,MAAMsB,KAAK;IAEtB,MAAM,CAACP,OAAOE,SAAS,GAAGd,wBAAwB;QAChDc,UAAUC;QACVH,OAAOI;QACPL;IACF;IAEA,MAAM,EAAES,QAAQ,MAAM,EAAE,GAAGrB;IAE3B,MAAMsB,cAAczB,QAAQ0B,SAAS,CAAC,CAACC,SAAWA,OAAOX,KAAK,KAAKA;IAEnEX,0BAA0B;QACxB,IAAIoB,gBAAgB,CAAC,KAAKG,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;YAChEnB,KAAK,kDAAkD;QACzD;IACF,GAAG;QAACc;KAAY;IAEhB,MAAMM,aAAa,CAAC,WAAW,EAAE,MAAMN,YAAY,EAAE,CAAC;IAEtD,qBACE,oBAAClB,uDACKc;QACJW,eAAe9B,mCAEbsB,UAAU,aAAaf,eAAe,CAACe,MAAM,EAC7CX,SAAS;sBAGX,oBAACoB;QAAIC,MAAK;QAAaC,SAAS;OAC7BV,cAAc,CAAC,mBACd,oBAACQ;QACCG,eAAAA;QACAD,SAAS;QACTE,OAAO;YACLC,OAAO,CAAC,EAAE,MAAMtC,QAAQuC,MAAM,CAAC,CAAC,CAAC;YACjCC,WAAWT;YACXU,iBAAiBV;QACnB;QAGH/B,QAAQ0C,GAAG,CAAC;YAAC,EAAEC,KAAK,EAAkB,WAAbC;YAAVD;;6BACd,oBAACnC;YACCqC,KAAK,CAAC,EAAED,YAAY5B,KAAK,CAAC,CAAC;WACvB4B;YACJ9B,MAAMA,iBAAAA,kBAAAA,OAAQQ;YACdwB,SAAS9B,UAAU4B,YAAY5B,KAAK;YACpCE,UAAU,IAAMA,SAAS0B,YAAY5B,KAAK;YAEzC2B;;AAMb,EAAE"}
+{"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 { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { SegmentedControlOption } from './SegmentedControlOption/SegmentedControlOption';\nimport styles from './SegmentedControl.module.css';\n\nconst sizeYClassNames = {\n  none: styles['SegmentedControl--sizeY-none'],\n  ['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  /**\n   * Вставляет элемент перед основным контентом.\n   * Рекомендуется использовать только иконки с размером 20\n   */\n  before?: React.ReactNode;\n  label: React.ReactChild;\n  value: SegmentedControlValue;\n}\n\nexport interface SegmentedControlProps\n  extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'onChange'> {\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  defaultValue = options[0]?.value,\n  children,\n  onChange: onChangeProp,\n  value: valueProp,\n  ...restProps\n}: SegmentedControlProps) => {\n  const id = React.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    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        styles['SegmentedControl'],\n        sizeY !== 'compact' && sizeYClassNames[sizeY],\n        size === 'l' && styles['SegmentedControl--size-l'],\n      )}\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, ...optionProps }) => (\n          <SegmentedControlOption\n            key={`${optionProps.value}`}\n            {...optionProps}\n            name={name ?? id}\n            checked={value === optionProps.value}\n            onChange={() => onChange(optionProps.value)}\n          >\n            {label}\n          </SegmentedControlOption>\n        ))}\n      </div>\n    </RootComponent>\n  );\n};\n"],"names":["options","React","classNames","useAdaptivity","useCustomEnsuredControl","useIsomorphicLayoutEffect","warnOnce","RootComponent","SegmentedControlOption","sizeYClassNames","none","warn","SegmentedControl","size","name","defaultValue","value","children","onChange","onChangeProp","valueProp","restProps","id","useId","sizeY","actualIndex","findIndex","option","process","env","NODE_ENV","translateX","baseClassName","div","role","className","aria-hidden","style","width","length","transform","WebkitTransform","map","label","optionProps","checked"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;IAgDiBA;;AAhDjB,YAAYC,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,uBAAuB,QAAQ,gCAAgC;AACxE,SAASC,yBAAyB,QAAQ,sCAAsC;AAChF,SAASC,QAAQ,QAAQ,qBAAqB;AAE9C,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,SAASC,sBAAsB,QAAQ,kDAAkD;AAGzF,MAAMC,kBAAkB;IACtBC,IAAI;IACJ,CAAC,UAAU;AACb;AAyBA,MAAMC,OAAOL,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMM,mBAAmB;QAAC,EAC/BC,OAAO,GAAG,EACVC,IAAI,EACJd,OAAO,EACPe,gBAAef,YAAAA,OAAO,CAAC,EAAE,cAAVA,gCAAAA,UAAYgB,KAAK,EAChCC,QAAQ,EACRC,UAAUC,YAAY,EACtBH,OAAOI,SAAS,EAEM,WADnBC;QAPHR;QACAC;QACAd;QACAe;QACAE;QACAC;QACAF;;IAGA,MAAMM,KAAKrB,MAAMsB,KAAK;IAEtB,MAAM,CAACP,OAAOE,SAAS,GAAGd,wBAAwB;QAChDc,UAAUC;QACVH,OAAOI;QACPL;IACF;IAEA,MAAM,EAAES,QAAQ,MAAM,EAAE,GAAGrB;IAE3B,MAAMsB,cAAczB,QAAQ0B,SAAS,CAAC,CAACC,SAAWA,OAAOX,KAAK,KAAKA;IAEnEX,0BAA0B;QACxB,IAAIoB,gBAAgB,CAAC,KAAKG,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;YAChEnB,KAAK,kDAAkD;QACzD;IACF,GAAG;QAACc;KAAY;IAEhB,MAAMM,aAAa,CAAC,WAAW,EAAE,MAAMN,YAAY,EAAE,CAAC;IAEtD,qBACE,KAAClB,uDACKc;QACJW,eAAe9B,mCAEbsB,UAAU,aAAaf,eAAe,CAACe,MAAM,EAC7CX,SAAS;kBAGX,cAAA,MAACoB;YAAIC,MAAK;YAAaC,SAAS;;gBAC7BV,cAAc,CAAC,mBACd,KAACQ;oBACCG,aAAW;oBACXD,SAAS;oBACTE,OAAO;wBACLC,OAAO,CAAC,EAAE,MAAMtC,QAAQuC,MAAM,CAAC,CAAC,CAAC;wBACjCC,WAAWT;wBACXU,iBAAiBV;oBACnB;;gBAGH/B,QAAQ0C,GAAG,CAAC;wBAAC,EAAEC,KAAK,EAAkB,WAAbC;wBAAVD;;yCACd,KAACnC,gEAEKoC;wBACJ9B,MAAMA,iBAAAA,kBAAAA,OAAQQ;wBACduB,SAAS7B,UAAU4B,YAAY5B,KAAK;wBACpCE,UAAU,IAAMA,SAAS0B,YAAY5B,KAAK;kCAEzC2B;wBANI,CAAC,EAAEC,YAAY5B,KAAK,CAAC,CAAC;;;;;AAYvC,EAAE"}

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

@@ -6,5 +6,5 @@ export interface SegmentedControlOptionProps extends React.InputHTMLAttributes<H
 /**
  * @see https://vkcom.github.io/VKUI/#/SegmentedControl
  */
-export declare const SegmentedControlOption: ({ getRef, className, style, children, getRootRef, before, ...restProps }: SegmentedControlOptionProps) => React.JSX.Element;
+export declare const SegmentedControlOption: ({ getRef, className, style, children, getRootRef, before, ...restProps }: SegmentedControlOptionProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SegmentedControlOption.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControlOption.d.ts","sourceRoot":"","sources":["../../../../src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAMpD,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,UAAU,CAAC,gBAAgB,CAAC,EAC5B,MAAM,CAAC,gBAAgB,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,sBAAsB,6EAQhC,2BAA2B,sBAkB7B,CAAC"}
+{"version":3,"file":"SegmentedControlOption.d.ts","sourceRoot":"","sources":["../../../../src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAMpD,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,UAAU,CAAC,gBAAgB,CAAC,EAC5B,MAAM,CAAC,gBAAgB,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,sBAAsB,6EAQhC,2BAA2B,4CAkB7B,CAAC"}

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

@@ -1,6 +1,7 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { hasReactNode } from '@vkontakte/vkjs';
 import { Clickable } from '../../Clickable/Clickable';
@@ -17,24 +18,31 @@ import { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden';
         "getRootRef",
         "before"
     ]);
-    return /*#__PURE__*/ React.createElement(Clickable, {
+    return /*#__PURE__*/ _jsxs(Clickable, {
         Component: "label",
         baseClassName: "vkuiSegmentedControlOption",
         hoverClassName: "vkuiSegmentedControlOption--hover",
         activeClassName: "vkuiSegmentedControlOption--hover",
         className: className,
         getRootRef: getRootRef,
-        style: style
-    }, /*#__PURE__*/ React.createElement(VisuallyHidden, _object_spread_props(_object_spread({}, restProps), {
-        Component: "input",
-        getRootRef: getRef,
-        type: "radio"
-    })), hasReactNode(before) && /*#__PURE__*/ React.createElement("div", {
-        className: "vkuiSegmentedControlOption__before"
-    }, before), /*#__PURE__*/ React.createElement(Headline, {
-        level: "2",
-        weight: "2"
-    }, children));
+        style: style,
+        children: [
+            /*#__PURE__*/ _jsx(VisuallyHidden, _object_spread_props(_object_spread({}, restProps), {
+                Component: "input",
+                getRootRef: getRef,
+                type: "radio"
+            })),
+            hasReactNode(before) && /*#__PURE__*/ _jsx("div", {
+                className: "vkuiSegmentedControlOption__before",
+                children: before
+            }),
+            /*#__PURE__*/ _jsx(Headline, {
+                level: "2",
+                weight: "2",
+                children: children
+            })
+        ]
+    });
 };
 
 //# sourceMappingURL=SegmentedControlOption.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { hasReactNode } from '@vkontakte/vkjs';\nimport { HasRef, HasRootRef } from '../../../types';\nimport { Clickable } from '../../Clickable/Clickable';\nimport { Headline } from '../../Typography/Headline/Headline';\nimport { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden';\nimport styles from './SegmentedControlOption.module.css';\n\nexport interface SegmentedControlOptionProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRootRef<HTMLLabelElement>,\n    HasRef<HTMLInputElement> {\n  before?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SegmentedControl\n */\nexport const SegmentedControlOption = ({\n  getRef,\n  className,\n  style,\n  children,\n  getRootRef,\n  before,\n  ...restProps\n}: SegmentedControlOptionProps) => (\n  <Clickable\n    Component=\"label\"\n    baseClassName={styles['SegmentedControlOption']}\n    hoverClassName={styles['SegmentedControlOption--hover']}\n    activeClassName={styles['SegmentedControlOption--hover']}\n    className={className}\n    getRootRef={getRootRef}\n    style={style}\n  >\n    <VisuallyHidden {...restProps} Component=\"input\" getRootRef={getRef} type=\"radio\" />\n    {hasReactNode(before) && (\n      <div className={styles['SegmentedControlOption__before']}>{before}</div>\n    )}\n    <Headline level=\"2\" weight=\"2\">\n      {children}\n    </Headline>\n  </Clickable>\n);\n"],"names":["React","hasReactNode","Clickable","Headline","VisuallyHidden","SegmentedControlOption","getRef","className","style","children","getRootRef","before","restProps","Component","baseClassName","hoverClassName","activeClassName","type","div","level","weight"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,SAAS,QAAQ,4BAA4B;AACtD,SAASC,QAAQ,QAAQ,qCAAqC;AAC9D,SAASC,cAAc,QAAQ,sCAAsC;AAUrE;;CAEC,GACD,OAAO,MAAMC,yBAAyB;QAAC,EACrCC,MAAM,EACNC,SAAS,EACTC,KAAK,EACLC,QAAQ,EACRC,UAAU,EACVC,MAAM,EAEsB,WADzBC;QANHN;QACAC;QACAC;QACAC;QACAC;QACAC;;yBAGA,oBAACT;QACCW,WAAU;QACVC,aAAa;QACbC,cAAc;QACdC,eAAe;QACfT,WAAWA;QACXG,YAAYA;QACZF,OAAOA;qBAEP,oBAACJ,wDAAmBQ;QAAWC,WAAU;QAAQH,YAAYJ;QAAQW,MAAK;SACzEhB,aAAaU,yBACZ,oBAACO;QAAIX,SAAS;OAA6CI,uBAE7D,oBAACR;QAASgB,OAAM;QAAIC,QAAO;OACxBX;EAGL"}
+{"version":3,"sources":["../../../../src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { hasReactNode } from '@vkontakte/vkjs';\nimport { HasRef, HasRootRef } from '../../../types';\nimport { Clickable } from '../../Clickable/Clickable';\nimport { Headline } from '../../Typography/Headline/Headline';\nimport { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden';\nimport styles from './SegmentedControlOption.module.css';\n\nexport interface SegmentedControlOptionProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRootRef<HTMLLabelElement>,\n    HasRef<HTMLInputElement> {\n  before?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SegmentedControl\n */\nexport const SegmentedControlOption = ({\n  getRef,\n  className,\n  style,\n  children,\n  getRootRef,\n  before,\n  ...restProps\n}: SegmentedControlOptionProps) => (\n  <Clickable\n    Component=\"label\"\n    baseClassName={styles['SegmentedControlOption']}\n    hoverClassName={styles['SegmentedControlOption--hover']}\n    activeClassName={styles['SegmentedControlOption--hover']}\n    className={className}\n    getRootRef={getRootRef}\n    style={style}\n  >\n    <VisuallyHidden {...restProps} Component=\"input\" getRootRef={getRef} type=\"radio\" />\n    {hasReactNode(before) && (\n      <div className={styles['SegmentedControlOption__before']}>{before}</div>\n    )}\n    <Headline level=\"2\" weight=\"2\">\n      {children}\n    </Headline>\n  </Clickable>\n);\n"],"names":["React","hasReactNode","Clickable","Headline","VisuallyHidden","SegmentedControlOption","getRef","className","style","children","getRootRef","before","restProps","Component","baseClassName","hoverClassName","activeClassName","type","div","level","weight"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,SAAS,QAAQ,4BAA4B;AACtD,SAASC,QAAQ,QAAQ,qCAAqC;AAC9D,SAASC,cAAc,QAAQ,sCAAsC;AAUrE;;CAEC,GACD,OAAO,MAAMC,yBAAyB;QAAC,EACrCC,MAAM,EACNC,SAAS,EACTC,KAAK,EACLC,QAAQ,EACRC,UAAU,EACVC,MAAM,EAEsB,WADzBC;QANHN;QACAC;QACAC;QACAC;QACAC;QACAC;;yBAGA,MAACT;QACCW,WAAU;QACVC,aAAa;QACbC,cAAc;QACdC,eAAe;QACfT,WAAWA;QACXG,YAAYA;QACZF,OAAOA;;0BAEP,KAACJ,wDAAmBQ;gBAAWC,WAAU;gBAAQH,YAAYJ;gBAAQW,MAAK;;YACzEhB,aAAaU,yBACZ,KAACO;gBAAIX,SAAS;0BAA6CI;;0BAE7D,KAACR;gBAASgB,OAAM;gBAAIC,QAAO;0BACxBX;;;;EAGL"}

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

@@ -1,8 +1,7 @@
-import * as React from 'react';
 import { type CustomSelectOptionInterface, type SelectProps } from '../CustomSelect/CustomSelect';
 export type SelectType = 'default' | 'plain' | 'accent';
 /**
  * @see https://vkcom.github.io/VKUI/#/Select
  */
-export declare const Select: <OptionT extends CustomSelectOptionInterface>({ children, ...props }: SelectProps<OptionT>) => React.JSX.Element;
+export declare const Select: <OptionT extends CustomSelectOptionInterface>({ children, ...props }: SelectProps<OptionT>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Select.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAEL,KAAK,2BAA2B,EAChC,KAAK,WAAW,EACjB,MAAM,8BAA8B,CAAC;AAEtC,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAExD;;GAEG;AACH,eAAO,MAAM,MAAM,kHAmDlB,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,2BAA2B,EAChC,KAAK,WAAW,EACjB,MAAM,8BAA8B,CAAC;AAEtC,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAExD;;GAEG;AACH,eAAO,MAAM,MAAM,wEAGhB,YAAY,OAAO,CAAC,4CAgDtB,CAAC"}