@vkontakte/vkui 6.4.0 → 6.5.0

package/dist/components/Radio/RadioInput/RadioInput.js

@@ -0,0 +1,93 @@
+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 { AdaptiveIconRenderer } from '../../AdaptiveIconRenderer/AdaptiveIconRenderer';
+import { RootComponent } from '../../RootComponent/RootComponent';
+import { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden';
+function RadioIcon24(props) {
+    return /*#__PURE__*/ _jsxs("svg", _object_spread_props(_object_spread({
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        "aria-hidden": true
+    }, props), {
+        children: [
+            /*#__PURE__*/ _jsx("circle", {
+                cx: "12",
+                cy: "12",
+                r: "10",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                fill: "none"
+            }),
+            /*#__PURE__*/ _jsx("circle", {
+                cx: "12",
+                cy: "12",
+                r: "7",
+                className: "vkuiRadioInput__pin",
+                fill: "currentColor"
+            })
+        ]
+    }));
+}
+function RadioIcon20(props) {
+    return /*#__PURE__*/ _jsxs("svg", _object_spread_props(_object_spread({
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "20",
+        height: "20",
+        "aria-hidden": true
+    }, props), {
+        children: [
+            /*#__PURE__*/ _jsx("circle", {
+                cx: "10",
+                cy: "10",
+                r: "7.75",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                fill: "none"
+            }),
+            /*#__PURE__*/ _jsx("circle", {
+                cx: "10",
+                cy: "10",
+                r: "5.5",
+                className: "vkuiRadioInput__pin",
+                fill: "currentColor"
+            })
+        ]
+    }));
+}
+function RadioIcon() {
+    return /*#__PURE__*/ _jsx("div", {
+        className: "vkuiRadioInput__icon",
+        children: /*#__PURE__*/ _jsx(AdaptiveIconRenderer, {
+            IconCompact: RadioIcon20,
+            IconRegular: RadioIcon24
+        })
+    });
+}
+export function RadioInput(_param) {
+    var { className, style, getRootRef, getRef } = _param, restProps = _object_without_properties(_param, [
+        "className",
+        "style",
+        "getRootRef",
+        "getRef"
+    ]);
+    return /*#__PURE__*/ _jsxs(RootComponent, {
+        className: className,
+        style: style,
+        getRootRef: getRootRef,
+        children: [
+            /*#__PURE__*/ _jsx(VisuallyHidden, _object_spread_props(_object_spread({}, restProps), {
+                Component: "input",
+                type: "radio",
+                baseClassName: "vkuiRadioInput__input",
+                getRootRef: getRef
+            })),
+            /*#__PURE__*/ _jsx(RadioIcon, {})
+        ]
+    });
+}
+
+//# sourceMappingURL=RadioInput.js.map

package/dist/components/Radio/RadioInput/RadioInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Radio/RadioInput/RadioInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport { HasRef, HasRootRef } from '../../../types';\nimport { AdaptiveIconRenderer } from '../../AdaptiveIconRenderer/AdaptiveIconRenderer';\nimport { RootComponent } from '../../RootComponent/RootComponent';\nimport { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden';\nimport styles from './RadioInput.module.css';\n\nfunction RadioIcon24(props: React.ComponentProps<'svg'>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" aria-hidden {...props}>\n      <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"2\" fill=\"none\" />\n      <circle cx=\"12\" cy=\"12\" r=\"7\" className={styles['RadioInput__pin']} fill=\"currentColor\" />\n    </svg>\n  );\n}\n\nfunction RadioIcon20(props: React.ComponentProps<'svg'>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" aria-hidden {...props}>\n      <circle cx=\"10\" cy=\"10\" r=\"7.75\" stroke=\"currentColor\" strokeWidth=\"1.5\" fill=\"none\" />\n      <circle cx=\"10\" cy=\"10\" r=\"5.5\" className={styles['RadioInput__pin']} fill=\"currentColor\" />\n    </svg>\n  );\n}\n\nfunction RadioIcon() {\n  return (\n    <div className={styles['RadioInput__icon']}>\n      <AdaptiveIconRenderer IconCompact={RadioIcon20} IconRegular={RadioIcon24} />\n    </div>\n  );\n}\n\nexport interface RadioInputProps\n  extends Omit<React.ComponentProps<'input'>, 'type'>,\n    HasRootRef<HTMLLabelElement>,\n    HasRef<HTMLInputElement> {}\n\nexport function RadioInput({\n  className,\n  style,\n  getRootRef,\n  getRef,\n  ...restProps\n}: RadioInputProps) {\n  return (\n    <RootComponent className={className} style={style} getRootRef={getRootRef}>\n      <VisuallyHidden\n        {...restProps}\n        Component=\"input\"\n        type=\"radio\"\n        baseClassName={styles['RadioInput__input']}\n        getRootRef={getRef}\n      />\n      <RadioIcon />\n    </RootComponent>\n  );\n}\n"],"names":["React","AdaptiveIconRenderer","RootComponent","VisuallyHidden","RadioIcon24","props","svg","xmlns","width","height","aria-hidden","circle","cx","cy","r","stroke","strokeWidth","fill","className","RadioIcon20","RadioIcon","div","IconCompact","IconRegular","RadioInput","style","getRootRef","getRef","restProps","Component","type","baseClassName"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,oBAAoB,QAAQ,kDAAkD;AACvF,SAASC,aAAa,QAAQ,oCAAoC;AAClE,SAASC,cAAc,QAAQ,sCAAsC;AAGrE,SAASC,YAAYC,KAAkC;IACrD,qBACE,MAACC;QAAIC,OAAM;QAA6BC,OAAM;QAAKC,QAAO;QAAKC,aAAW;OAAKL;;0BAC7E,KAACM;gBAAOC,IAAG;gBAAKC,IAAG;gBAAKC,GAAE;gBAAKC,QAAO;gBAAeC,aAAY;gBAAIC,MAAK;;0BAC1E,KAACN;gBAAOC,IAAG;gBAAKC,IAAG;gBAAKC,GAAE;gBAAII,SAAS;gBAA6BD,MAAK;;;;AAG/E;AAEA,SAASE,YAAYd,KAAkC;IACrD,qBACE,MAACC;QAAIC,OAAM;QAA6BC,OAAM;QAAKC,QAAO;QAAKC,aAAW;OAAKL;;0BAC7E,KAACM;gBAAOC,IAAG;gBAAKC,IAAG;gBAAKC,GAAE;gBAAOC,QAAO;gBAAeC,aAAY;gBAAMC,MAAK;;0BAC9E,KAACN;gBAAOC,IAAG;gBAAKC,IAAG;gBAAKC,GAAE;gBAAMI,SAAS;gBAA6BD,MAAK;;;;AAGjF;AAEA,SAASG;IACP,qBACE,KAACC;QAAIH,SAAS;kBACZ,cAAA,KAACjB;YAAqBqB,aAAaH;YAAaI,aAAanB;;;AAGnE;AAOA,OAAO,SAASoB,WAAW;QAAA,EACzBN,SAAS,EACTO,KAAK,EACLC,UAAU,EACVC,MAAM,EAEU,GANS,QAKtBC,uCALsB;QACzBV;QACAO;QACAC;QACAC;;IAGA,qBACE,MAACzB;QAAcgB,WAAWA;QAAWO,OAAOA;QAAOC,YAAYA;;0BAC7D,KAACvB,wDACKyB;gBACJC,WAAU;gBACVC,MAAK;gBACLC,aAAa;gBACbL,YAAYC;;0BAEd,KAACP;;;AAGP"}

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,KAAG,KAAK,CAAC,SAwDhC,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,KAAG,KAAK,CAAC,SAuDhC,CAAC"}

package/dist/components/SegmentedControl/SegmentedControl.js

@@ -55,8 +55,7 @@ const warn = warnOnce('SegmentedControl');
                     className: "vkuiSegmentedControl__slider",
                     style: {
                         width: `${100 / options.length}%`,
-                        transform: translateX,
-                        WebkitTransform: translateX
+                        transform: translateX
                     }
                 }),
                 options.map((_param)=>{

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): React.ReactNode => {\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"],"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"}
+{"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): React.ReactNode => {\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            }}\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","map","label","optionProps","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,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;oBACb;;gBAGH/B,QAAQyC,GAAG,CAAC;wBAAC,EAAEC,KAAK,EAAkB,WAAbC;wBAAVD;;yCACd,KAAClC,gEAEKmC;wBACJ7B,MAAMA,iBAAAA,kBAAAA,OAAQQ;wBACdsB,SAAS5B,UAAU2B,YAAY3B,KAAK;wBACpCE,UAAU,IAAMA,SAASyB,YAAY3B,KAAK;kCAEzC0B;wBANI,CAAC,EAAEC,YAAY3B,KAAK,CAAC,CAAC;;;;;AAYvC,EAAE"}

package/dist/components/SelectionControl/SelectionControl.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { HasRootRef } from '../../types';
+import { type TappableProps } from '../Tappable/Tappable';
+import { SelectionControlLabel } from './SelectionControlLabel/SelectionControlLabel';
+export interface SelectionControlProps extends React.ComponentProps<'label'>, HasRootRef<HTMLLabelElement>, Pick<TappableProps, 'hoverMode' | 'activeMode' | 'hasHover' | 'hasActive' | 'focusVisibleMode' | 'disabled'> {
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/SelectionControl
+ */
+export declare const SelectionControl: {
+    (restProps: SelectionControlProps): React.ReactNode;
+    Label: typeof SelectionControlLabel;
+};
+//# sourceMappingURL=SelectionControl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionControl.d.ts","sourceRoot":"","sources":["../../../src/components/SelectionControl/SelectionControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AAQtF,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EACnC,UAAU,CAAC,gBAAgB,CAAC,EAC5B,IAAI,CACF,aAAa,EACb,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,WAAW,GAAG,kBAAkB,GAAG,UAAU,CACxF;CAAG;AAER;;GAEG;AACH,eAAO,MAAM,gBAAgB;gBAAe,qBAAqB,GAAG,KAAK,CAAC,SAAS;;CAelF,CAAC"}

package/dist/components/SelectionControl/SelectionControl.js

@@ -0,0 +1,27 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { classNames } from '@vkontakte/vkjs';
+import { useAdaptivity } from '../../hooks/useAdaptivity';
+import { usePlatform } from '../../hooks/usePlatform';
+import { DEFAULT_ACTIVE_EFFECT_DELAY } from '../Clickable/useState';
+import { Tappable } from '../Tappable/Tappable';
+import { SelectionControlLabel } from './SelectionControlLabel/SelectionControlLabel';
+const sizeYClassNames = {
+    none: "vkuiSelectionControl--sizeY-none",
+    compact: "vkuiSelectionControl--sizeY-compact"
+};
+/**
+ * @see https://vkcom.github.io/VKUI/#/SelectionControl
+ */ export const SelectionControl = (restProps)=>{
+    const { sizeY = 'none' } = useAdaptivity();
+    const platform = usePlatform();
+    return /*#__PURE__*/ _jsx(Tappable, _object_spread({
+        Component: "label",
+        baseClassName: classNames("vkuiSelectionControl", sizeY !== 'regular' && sizeYClassNames[sizeY]),
+        activeEffectDelay: platform === 'ios' ? 100 : DEFAULT_ACTIVE_EFFECT_DELAY
+    }, restProps));
+};
+SelectionControl.Label = SelectionControlLabel;
+
+//# sourceMappingURL=SelectionControl.js.map

package/dist/components/SelectionControl/SelectionControl.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SelectionControl/SelectionControl.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasRootRef } from '../../types';\nimport { DEFAULT_ACTIVE_EFFECT_DELAY } from '../Clickable/useState';\nimport { Tappable, type TappableProps } from '../Tappable/Tappable';\nimport { SelectionControlLabel } from './SelectionControlLabel/SelectionControlLabel';\nimport styles from './SelectionControl.module.css';\n\nconst sizeYClassNames = {\n  none: styles['SelectionControl--sizeY-none'],\n  compact: styles['SelectionControl--sizeY-compact'],\n};\n\nexport interface SelectionControlProps\n  extends React.ComponentProps<'label'>,\n    HasRootRef<HTMLLabelElement>,\n    Pick<\n      TappableProps,\n      'hoverMode' | 'activeMode' | 'hasHover' | 'hasActive' | 'focusVisibleMode' | 'disabled'\n    > {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SelectionControl\n */\nexport const SelectionControl = (restProps: SelectionControlProps): React.ReactNode => {\n  const { sizeY = 'none' } = useAdaptivity();\n  const platform = usePlatform();\n\n  return (\n    <Tappable\n      Component=\"label\"\n      baseClassName={classNames(\n        styles['SelectionControl'],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n      )}\n      activeEffectDelay={platform === 'ios' ? 100 : DEFAULT_ACTIVE_EFFECT_DELAY}\n      {...restProps}\n    />\n  );\n};\n\nSelectionControl.Label = SelectionControlLabel;\n"],"names":["React","classNames","useAdaptivity","usePlatform","DEFAULT_ACTIVE_EFFECT_DELAY","Tappable","SelectionControlLabel","sizeYClassNames","none","compact","SelectionControl","restProps","sizeY","platform","Component","baseClassName","activeEffectDelay","Label"],"mappings":";;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,WAAW,QAAQ,0BAA0B;AAEtD,SAASC,2BAA2B,QAAQ,wBAAwB;AACpE,SAASC,QAAQ,QAA4B,uBAAuB;AACpE,SAASC,qBAAqB,QAAQ,gDAAgD;AAGtF,MAAMC,kBAAkB;IACtBC,IAAI;IACJC,OAAO;AACT;AAUA;;CAEC,GACD,OAAO,MAAMC,mBAAmB,CAACC;IAC/B,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAGV;IAC3B,MAAMW,WAAWV;IAEjB,qBACE,KAACE;QACCS,WAAU;QACVC,eAAed,mCAEbW,UAAU,aAAaL,eAAe,CAACK,MAAM;QAE/CI,mBAAmBH,aAAa,QAAQ,MAAMT;OAC1CO;AAGV,EAAE;AAEFD,iBAAiBO,KAAK,GAAGX"}

package/dist/components/SelectionControl/SelectionControlLabel/SelectionControlLabel.d.ts

@@ -0,0 +1,7 @@
+interface SelectionControlLabelProps extends React.ComponentProps<'div'> {
+    description?: React.ReactNode;
+    titleAfter?: React.ReactNode;
+}
+export declare function SelectionControlLabel({ children, titleAfter, description, ...restProps }: SelectionControlLabelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SelectionControlLabel.d.ts.map

package/dist/components/SelectionControl/SelectionControlLabel/SelectionControlLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionControlLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectionControl/SelectionControlLabel/SelectionControlLabel.tsx"],"names":[],"mappings":"AAYA,UAAU,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACtE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,UAAU,EACV,WAAW,EACX,GAAG,SAAS,EACb,EAAE,0BAA0B,2CAoB5B"}

package/dist/components/SelectionControl/SelectionControlLabel/SelectionControlLabel.js

@@ -0,0 +1,46 @@
+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 { classNames, hasReactNode } from '@vkontakte/vkjs';
+import { useAdaptivity } from '../../../hooks/useAdaptivity';
+import { RootComponent } from '../../RootComponent/RootComponent';
+import { Footnote } from '../../Typography/Footnote/Footnote';
+import { Text } from '../../Typography/Text/Text';
+const sizeYClassNames = {
+    none: "vkuiSelectionControlLabel--sizeY-none",
+    compact: "vkuiSelectionControlLabel--sizeY-compact"
+};
+export function SelectionControlLabel(_param) {
+    var { children, titleAfter, description } = _param, restProps = _object_without_properties(_param, [
+        "children",
+        "titleAfter",
+        "description"
+    ]);
+    const { sizeY = 'none' } = useAdaptivity();
+    return /*#__PURE__*/ _jsxs(RootComponent, _object_spread_props(_object_spread({
+        baseClassName: classNames("vkuiSelectionControlLabel", sizeY !== 'regular' && sizeYClassNames[sizeY])
+    }, restProps), {
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: "vkuiSelectionControlLabel__titleLayout",
+                children: [
+                    /*#__PURE__*/ _jsx(Text, {
+                        className: "vkuiSelectionControlLabel__title",
+                        children: children
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: "vkuiSelectionControlLabel__titleAfter",
+                        children: titleAfter
+                    })
+                ]
+            }),
+            hasReactNode(description) && /*#__PURE__*/ _jsx(Footnote, {
+                className: "vkuiSelectionControlLabel__description",
+                children: description
+            })
+        ]
+    }));
+}
+
+//# sourceMappingURL=SelectionControlLabel.js.map

package/dist/components/SelectionControl/SelectionControlLabel/SelectionControlLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SelectionControl/SelectionControlLabel/SelectionControlLabel.tsx"],"sourcesContent":["import { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { RootComponent } from '../../RootComponent/RootComponent';\nimport { Footnote } from '../../Typography/Footnote/Footnote';\nimport { Text } from '../../Typography/Text/Text';\nimport styles from './SelectionControlLabel.module.css';\n\nconst sizeYClassNames = {\n  none: styles['SelectionControlLabel--sizeY-none'],\n  compact: styles['SelectionControlLabel--sizeY-compact'],\n};\n\ninterface SelectionControlLabelProps extends React.ComponentProps<'div'> {\n  description?: React.ReactNode;\n  titleAfter?: React.ReactNode;\n}\n\nexport function SelectionControlLabel({\n  children,\n  titleAfter,\n  description,\n  ...restProps\n}: SelectionControlLabelProps) {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <RootComponent\n      baseClassName={classNames(\n        styles['SelectionControlLabel'],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n      )}\n      {...restProps}\n    >\n      <div className={styles['SelectionControlLabel__titleLayout']}>\n        <Text className={styles['SelectionControlLabel__title']}>{children}</Text>\n        <div className={styles['SelectionControlLabel__titleAfter']}>{titleAfter}</div>\n      </div>\n      {hasReactNode(description) && (\n        <Footnote className={styles['SelectionControlLabel__description']}>{description}</Footnote>\n      )}\n    </RootComponent>\n  );\n}\n"],"names":["classNames","hasReactNode","useAdaptivity","RootComponent","Footnote","Text","sizeYClassNames","none","compact","SelectionControlLabel","children","titleAfter","description","restProps","sizeY","baseClassName","div","className"],"mappings":";;;;AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,aAAa,QAAQ,oCAAoC;AAClE,SAASC,QAAQ,QAAQ,qCAAqC;AAC9D,SAASC,IAAI,QAAQ,6BAA6B;AAGlD,MAAMC,kBAAkB;IACtBC,IAAI;IACJC,OAAO;AACT;AAOA,OAAO,SAASC,sBAAsB;QAAA,EACpCC,QAAQ,EACRC,UAAU,EACVC,WAAW,EAEgB,GALS,QAIjCC,uCAJiC;QACpCH;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGZ;IAE3B,qBACE,MAACC;QACCY,eAAef,wCAEbc,UAAU,aAAaR,eAAe,CAACQ,MAAM;OAE3CD;;0BAEJ,MAACG;gBAAIC,SAAS;;kCACZ,KAACZ;wBAAKY,SAAS;kCAA2CP;;kCAC1D,KAACM;wBAAIC,SAAS;kCAAgDN;;;;YAE/DV,aAAaW,8BACZ,KAACR;gBAASa,SAAS;0BAAiDL;;;;AAI5E"}

package/dist/components/Textarea/Textarea.d.ts

@@ -9,5 +9,5 @@ export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTex
 /**
  * @see https://vkcom.github.io/VKUI/#/Textarea
  */
-export declare const Textarea: ({ grow, style, onResize, className, getRootRef, getRef, rows, maxHeight, status, onChange, align, mode, after, before, afterAlign, beforeAlign, ...restProps }: TextareaProps) => React.ReactNode;
+export declare const Textarea: ({ grow, style, onResize, className, getRootRef, getRef, rows, maxHeight, status, onChange, align, mode, after, before, afterAlign, beforeAlign, value, ...restProps }: TextareaProps) => React.ReactNode;
 //# sourceMappingURL=Textarea.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAUnE,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,UAAU,CAAC,EACzE,MAAM,CAAC,mBAAmB,CAAC,EAC3B,UAAU,CAAC,WAAW,CAAC,EACvB,QAAQ,EACR,cAAc;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,mKAkBlB,aAAa,KAAG,KAAK,CAAC,SAsCxB,CAAC"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAUnE,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,UAAU,CAAC,EACzE,MAAM,CAAC,mBAAmB,CAAC,EAC3B,UAAU,CAAC,WAAW,CAAC,EACvB,QAAQ,EACR,cAAc;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,0KAmBlB,aAAa,KAAG,KAAK,CAAC,SA0CxB,CAAC"}

package/dist/components/Textarea/Textarea.js

@@ -6,7 +6,10 @@ import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { useAdaptivity } from '../../hooks/useAdaptivity';
 import { useExternRef } from '../../hooks/useExternRef';
+import { useGlobalEventListener } from '../../hooks/useGlobalEventListener';
+import { usePlatform } from '../../hooks/usePlatform';
 import { callMultiple } from '../../lib/callMultiple';
+import { useDOM } from '../../lib/dom';
 import { FormField } from '../FormField/FormField';
 import { UnstyledTextField } from '../UnstyledTextField/UnstyledTextField';
 import { useResizeTextarea } from './useResizeTextarea';
@@ -17,7 +20,7 @@ const sizeYClassNames = {
 /**
  * @see https://vkcom.github.io/VKUI/#/Textarea
  */ export const Textarea = (_param)=>{
-    var { grow = true, style, onResize, className, getRootRef, getRef, rows = 2, maxHeight, status, onChange, align, mode, after, before, afterAlign, beforeAlign } = _param, restProps = _object_without_properties(_param, [
+    var { grow = true, style, onResize, className, getRootRef, getRef, rows = 2, maxHeight, status, onChange, align, mode, after, before, afterAlign, beforeAlign, value } = _param, restProps = _object_without_properties(_param, [
         "grow",
         "style",
         "onResize",
@@ -33,15 +36,21 @@ const sizeYClassNames = {
         "after",
         "before",
         "afterAlign",
-        "beforeAlign"
+        "beforeAlign",
+        "value"
     ]);
     const { sizeY = 'none' } = useAdaptivity();
+    const platform = usePlatform();
+    const { window } = useDOM();
     const [refResizeTextarea, resize] = useResizeTextarea(onResize, grow);
     const elementRef = useExternRef(getRef, refResizeTextarea);
     React.useEffect(resize, [
         resize,
-        sizeY
+        sizeY,
+        platform,
+        value
     ]);
+    useGlobalEventListener(window, 'resize', resize);
     return /*#__PURE__*/ _jsx(FormField, {
         className: classNames("vkuiTextarea", sizeY !== 'regular' && sizeYClassNames[sizeY], align === 'right' && "vkuiTextarea--align-right", align === 'center' && "vkuiTextarea--align-center", className),
         style: style,
@@ -55,6 +64,7 @@ const sizeYClassNames = {
         beforeAlign: beforeAlign,
         maxHeight: maxHeight,
         children: /*#__PURE__*/ _jsx(UnstyledTextField, _object_spread_props(_object_spread({}, restProps), {
+            value: value,
             as: "textarea",
             rows: rows,
             className: "vkuiTextarea__el",

package/dist/components/Textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { HasAlign, HasRef, HasRootRef } from '../../types';\nimport { FormField, FormFieldProps } from '../FormField/FormField';\nimport { UnstyledTextField } from '../UnstyledTextField/UnstyledTextField';\nimport { useResizeTextarea } from './useResizeTextarea';\nimport styles from './Textarea.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Textarea--sizeY-none'],\n  ['compact']: styles['Textarea--sizeY-compact'],\n};\n\nexport interface TextareaProps\n  extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onResize'>,\n    HasRef<HTMLTextAreaElement>,\n    HasRootRef<HTMLElement>,\n    HasAlign,\n    FormFieldProps {\n  grow?: boolean;\n  onResize?: (el: HTMLTextAreaElement) => void;\n  defaultValue?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Textarea\n */\nexport const Textarea = ({\n  grow = true,\n  style,\n  onResize,\n  className,\n  getRootRef,\n  getRef,\n  rows = 2,\n  maxHeight,\n  status,\n  onChange,\n  align,\n  mode,\n  after,\n  before,\n  afterAlign,\n  beforeAlign,\n  ...restProps\n}: TextareaProps): React.ReactNode => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  const [refResizeTextarea, resize] = useResizeTextarea(onResize, grow);\n  const elementRef = useExternRef(getRef, refResizeTextarea);\n\n  React.useEffect(resize, [resize, sizeY]);\n\n  return (\n    <FormField\n      className={classNames(\n        styles['Textarea'],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        align === 'right' && styles['Textarea--align-right'],\n        align === 'center' && styles['Textarea--align-center'],\n        className,\n      )}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={restProps.disabled}\n      status={status}\n      mode={mode}\n      after={after}\n      before={before}\n      afterAlign={afterAlign}\n      beforeAlign={beforeAlign}\n      maxHeight={maxHeight}\n    >\n      <UnstyledTextField\n        {...restProps}\n        as=\"textarea\"\n        rows={rows}\n        className={styles['Textarea__el']}\n        onChange={callMultiple(onChange, resize)}\n        getRootRef={elementRef}\n      />\n    </FormField>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","useExternRef","callMultiple","FormField","UnstyledTextField","useResizeTextarea","sizeYClassNames","none","Textarea","grow","style","onResize","className","getRootRef","getRef","rows","maxHeight","status","onChange","align","mode","after","before","afterAlign","beforeAlign","restProps","sizeY","refResizeTextarea","resize","elementRef","useEffect","disabled","as"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,YAAY,QAAQ,yBAAyB;AAEtD,SAASC,SAAS,QAAwB,yBAAyB;AACnE,SAASC,iBAAiB,QAAQ,yCAAyC;AAC3E,SAASC,iBAAiB,QAAQ,sBAAsB;AAGxD,MAAMC,kBAAkB;IACtBC,IAAI;IACJ,CAAC,UAAU;AACb;AAaA;;CAEC,GACD,OAAO,MAAMC,WAAW;QAAC,EACvBC,OAAO,IAAI,EACXC,KAAK,EACLC,QAAQ,EACRC,SAAS,EACTC,UAAU,EACVC,MAAM,EACNC,OAAO,CAAC,EACRC,SAAS,EACTC,MAAM,EACNC,QAAQ,EACRC,KAAK,EACLC,IAAI,EACJC,KAAK,EACLC,MAAM,EACNC,UAAU,EACVC,WAAW,EAEG,WADXC;QAhBHhB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAG1B;IAE3B,MAAM,CAAC2B,mBAAmBC,OAAO,GAAGvB,kBAAkBM,UAAUF;IAChE,MAAMoB,aAAa5B,aAAaa,QAAQa;IAExC7B,MAAMgC,SAAS,CAACF,QAAQ;QAACA;QAAQF;KAAM;IAEvC,qBACE,KAACvB;QACCS,WAAWb,2BAET2B,UAAU,aAAapB,eAAe,CAACoB,MAAM,EAC7CP,UAAU,wCACVA,UAAU,0CACVP;QAEFF,OAAOA;QACPG,YAAYA;QACZkB,UAAUN,UAAUM,QAAQ;QAC5Bd,QAAQA;QACRG,MAAMA;QACNC,OAAOA;QACPC,QAAQA;QACRC,YAAYA;QACZC,aAAaA;QACbR,WAAWA;kBAEX,cAAA,KAACZ,2DACKqB;YACJO,IAAG;YACHjB,MAAMA;YACNH,SAAS;YACTM,UAAUhB,aAAagB,UAAUU;YACjCf,YAAYgB;;;AAIpB,EAAE"}
+{"version":3,"sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { useDOM } from '../../lib/dom';\nimport { HasAlign, HasRef, HasRootRef } from '../../types';\nimport { FormField, FormFieldProps } from '../FormField/FormField';\nimport { UnstyledTextField } from '../UnstyledTextField/UnstyledTextField';\nimport { useResizeTextarea } from './useResizeTextarea';\nimport styles from './Textarea.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Textarea--sizeY-none'],\n  ['compact']: styles['Textarea--sizeY-compact'],\n};\n\nexport interface TextareaProps\n  extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onResize'>,\n    HasRef<HTMLTextAreaElement>,\n    HasRootRef<HTMLElement>,\n    HasAlign,\n    FormFieldProps {\n  grow?: boolean;\n  onResize?: (el: HTMLTextAreaElement) => void;\n  defaultValue?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Textarea\n */\nexport const Textarea = ({\n  grow = true,\n  style,\n  onResize,\n  className,\n  getRootRef,\n  getRef,\n  rows = 2,\n  maxHeight,\n  status,\n  onChange,\n  align,\n  mode,\n  after,\n  before,\n  afterAlign,\n  beforeAlign,\n  value,\n  ...restProps\n}: TextareaProps): React.ReactNode => {\n  const { sizeY = 'none' } = useAdaptivity();\n  const platform = usePlatform();\n  const { window } = useDOM();\n\n  const [refResizeTextarea, resize] = useResizeTextarea(onResize, grow);\n  const elementRef = useExternRef(getRef, refResizeTextarea);\n\n  React.useEffect(resize, [resize, sizeY, platform, value]);\n  useGlobalEventListener(window, 'resize', resize);\n\n  return (\n    <FormField\n      className={classNames(\n        styles['Textarea'],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        align === 'right' && styles['Textarea--align-right'],\n        align === 'center' && styles['Textarea--align-center'],\n        className,\n      )}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={restProps.disabled}\n      status={status}\n      mode={mode}\n      after={after}\n      before={before}\n      afterAlign={afterAlign}\n      beforeAlign={beforeAlign}\n      maxHeight={maxHeight}\n    >\n      <UnstyledTextField\n        {...restProps}\n        value={value}\n        as=\"textarea\"\n        rows={rows}\n        className={styles['Textarea__el']}\n        onChange={callMultiple(onChange, resize)}\n        getRootRef={elementRef}\n      />\n    </FormField>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","useExternRef","useGlobalEventListener","usePlatform","callMultiple","useDOM","FormField","UnstyledTextField","useResizeTextarea","sizeYClassNames","none","Textarea","grow","style","onResize","className","getRootRef","getRef","rows","maxHeight","status","onChange","align","mode","after","before","afterAlign","beforeAlign","value","restProps","sizeY","platform","window","refResizeTextarea","resize","elementRef","useEffect","disabled","as"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,sBAAsB,QAAQ,qCAAqC;AAC5E,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,MAAM,QAAQ,gBAAgB;AAEvC,SAASC,SAAS,QAAwB,yBAAyB;AACnE,SAASC,iBAAiB,QAAQ,yCAAyC;AAC3E,SAASC,iBAAiB,QAAQ,sBAAsB;AAGxD,MAAMC,kBAAkB;IACtBC,IAAI;IACJ,CAAC,UAAU;AACb;AAaA;;CAEC,GACD,OAAO,MAAMC,WAAW;QAAC,EACvBC,OAAO,IAAI,EACXC,KAAK,EACLC,QAAQ,EACRC,SAAS,EACTC,UAAU,EACVC,MAAM,EACNC,OAAO,CAAC,EACRC,SAAS,EACTC,MAAM,EACNC,QAAQ,EACRC,KAAK,EACLC,IAAI,EACJC,KAAK,EACLC,MAAM,EACNC,UAAU,EACVC,WAAW,EACXC,KAAK,EAES,WADXC;QAjBHjB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAG9B;IAC3B,MAAM+B,WAAW5B;IACjB,MAAM,EAAE6B,MAAM,EAAE,GAAG3B;IAEnB,MAAM,CAAC4B,mBAAmBC,OAAO,GAAG1B,kBAAkBM,UAAUF;IAChE,MAAMuB,aAAalC,aAAagB,QAAQgB;IAExCnC,MAAMsC,SAAS,CAACF,QAAQ;QAACA;QAAQJ;QAAOC;QAAUH;KAAM;IACxD1B,uBAAuB8B,QAAQ,UAAUE;IAEzC,qBACE,KAAC5B;QACCS,WAAWhB,2BAET+B,UAAU,aAAarB,eAAe,CAACqB,MAAM,EAC7CR,UAAU,wCACVA,UAAU,0CACVP;QAEFF,OAAOA;QACPG,YAAYA;QACZqB,UAAUR,UAAUQ,QAAQ;QAC5BjB,QAAQA;QACRG,MAAMA;QACNC,OAAOA;QACPC,QAAQA;QACRC,YAAYA;QACZC,aAAaA;QACbR,WAAWA;kBAEX,cAAA,KAACZ,2DACKsB;YACJD,OAAOA;YACPU,IAAG;YACHpB,MAAMA;YACNH,SAAS;YACTM,UAAUjB,aAAaiB,UAAUa;YACjClB,YAAYmB;;;AAIpB,EAAE"}

package/dist/components/Textarea/useResizeTextarea.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-export declare function useResizeTextarea(onResize: ((el: HTMLTextAreaElement) => void) | undefined, grow?: boolean): readonly [React.RefObject<HTMLTextAreaElement>, () => void];
+export declare function useResizeTextarea(onResize: ((el: HTMLTextAreaElement) => void) | undefined, grow: boolean): readonly [React.RefObject<HTMLTextAreaElement>, () => void];
 //# sourceMappingURL=useResizeTextarea.d.ts.map

package/dist/components/Textarea/useResizeTextarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeTextarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/useResizeTextarea.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,mBAAmB,KAAK,IAAI,CAAC,GAAG,SAAS,EACzD,IAAI,UAAO,GACV,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC,CA6B7D"}
+{"version":3,"file":"useResizeTextarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/useResizeTextarea.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,mBAAmB,KAAK,IAAI,CAAC,GAAG,SAAS,EACzD,IAAI,EAAE,OAAO,GACZ,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC,CA8B7D"}

package/dist/components/Textarea/useResizeTextarea.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export function useResizeTextarea(onResize, grow = true) {
+export function useResizeTextarea(onResize, grow) {
     const elementRef = React.useRef(null);
     const currentScrollHeight = React.useRef();
     const resizeElement = React.useCallback((el)=>{
@@ -18,7 +18,7 @@ export function useResizeTextarea(onResize, grow = true) {
     const resize = React.useCallback(()=>{
         const el = elementRef.current;
         if (!el) {
-            return;
+            /* istanbul ignore next: нет возможности воспроизвести */ return;
         }
         resizeElement(el);
     }, [

package/dist/components/Textarea/useResizeTextarea.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Textarea/useResizeTextarea.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function useResizeTextarea(\n  onResize: ((el: HTMLTextAreaElement) => void) | undefined,\n  grow = true,\n): readonly [React.RefObject<HTMLTextAreaElement>, () => void] {\n  const elementRef = React.useRef<HTMLTextAreaElement>(null);\n  const currentScrollHeight = React.useRef<number>();\n\n  const resizeElement = React.useCallback(\n    (el: HTMLTextAreaElement) => {\n      if (grow && el.offsetParent) {\n        el.style.height = '';\n        el.style.height = `${el.scrollHeight}px`;\n\n        if (el.scrollHeight !== currentScrollHeight.current && onResize) {\n          onResize(el);\n          currentScrollHeight.current = el.scrollHeight;\n        }\n      }\n    },\n    [grow, onResize],\n  );\n\n  const resize = React.useCallback(() => {\n    const el = elementRef.current;\n    if (!el) {\n      return;\n    }\n\n    resizeElement(el);\n  }, [elementRef, resizeElement]);\n\n  return [elementRef, resize];\n}\n"],"names":["React","useResizeTextarea","onResize","grow","elementRef","useRef","currentScrollHeight","resizeElement","useCallback","el","offsetParent","style","height","scrollHeight","current","resize"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,SAASC,kBACdC,QAAyD,EACzDC,OAAO,IAAI;IAEX,MAAMC,aAAaJ,MAAMK,MAAM,CAAsB;IACrD,MAAMC,sBAAsBN,MAAMK,MAAM;IAExC,MAAME,gBAAgBP,MAAMQ,WAAW,CACrC,CAACC;QACC,IAAIN,QAAQM,GAAGC,YAAY,EAAE;YAC3BD,GAAGE,KAAK,CAACC,MAAM,GAAG;YAClBH,GAAGE,KAAK,CAACC,MAAM,GAAG,CAAC,EAAEH,GAAGI,YAAY,CAAC,EAAE,CAAC;YAExC,IAAIJ,GAAGI,YAAY,KAAKP,oBAAoBQ,OAAO,IAAIZ,UAAU;gBAC/DA,SAASO;gBACTH,oBAAoBQ,OAAO,GAAGL,GAAGI,YAAY;YAC/C;QACF;IACF,GACA;QAACV;QAAMD;KAAS;IAGlB,MAAMa,SAASf,MAAMQ,WAAW,CAAC;QAC/B,MAAMC,KAAKL,WAAWU,OAAO;QAC7B,IAAI,CAACL,IAAI;YACP;QACF;QAEAF,cAAcE;IAChB,GAAG;QAACL;QAAYG;KAAc;IAE9B,OAAO;QAACH;QAAYW;KAAO;AAC7B"}
+{"version":3,"sources":["../../../src/components/Textarea/useResizeTextarea.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function useResizeTextarea(\n  onResize: ((el: HTMLTextAreaElement) => void) | undefined,\n  grow: boolean,\n): readonly [React.RefObject<HTMLTextAreaElement>, () => void] {\n  const elementRef = React.useRef<HTMLTextAreaElement>(null);\n  const currentScrollHeight = React.useRef<number>();\n\n  const resizeElement = React.useCallback(\n    (el: HTMLTextAreaElement) => {\n      if (grow && el.offsetParent) {\n        el.style.height = '';\n        el.style.height = `${el.scrollHeight}px`;\n\n        if (el.scrollHeight !== currentScrollHeight.current && onResize) {\n          onResize(el);\n          currentScrollHeight.current = el.scrollHeight;\n        }\n      }\n    },\n    [grow, onResize],\n  );\n\n  const resize = React.useCallback(() => {\n    const el = elementRef.current;\n    if (!el) {\n      /* istanbul ignore next: нет возможности воспроизвести */\n      return;\n    }\n\n    resizeElement(el);\n  }, [elementRef, resizeElement]);\n\n  return [elementRef, resize];\n}\n"],"names":["React","useResizeTextarea","onResize","grow","elementRef","useRef","currentScrollHeight","resizeElement","useCallback","el","offsetParent","style","height","scrollHeight","current","resize"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,SAASC,kBACdC,QAAyD,EACzDC,IAAa;IAEb,MAAMC,aAAaJ,MAAMK,MAAM,CAAsB;IACrD,MAAMC,sBAAsBN,MAAMK,MAAM;IAExC,MAAME,gBAAgBP,MAAMQ,WAAW,CACrC,CAACC;QACC,IAAIN,QAAQM,GAAGC,YAAY,EAAE;YAC3BD,GAAGE,KAAK,CAACC,MAAM,GAAG;YAClBH,GAAGE,KAAK,CAACC,MAAM,GAAG,CAAC,EAAEH,GAAGI,YAAY,CAAC,EAAE,CAAC;YAExC,IAAIJ,GAAGI,YAAY,KAAKP,oBAAoBQ,OAAO,IAAIZ,UAAU;gBAC/DA,SAASO;gBACTH,oBAAoBQ,OAAO,GAAGL,GAAGI,YAAY;YAC/C;QACF;IACF,GACA;QAACV;QAAMD;KAAS;IAGlB,MAAMa,SAASf,MAAMQ,WAAW,CAAC;QAC/B,MAAMC,KAAKL,WAAWU,OAAO;QAC7B,IAAI,CAACL,IAAI;YACP,uDAAuD,GACvD;QACF;QAEAF,cAAcE;IAChB,GAAG;QAACL;QAAYG;KAAc;IAE9B,OAAO;QAACH;QAAYW;KAAO;AAC7B"}

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

@@ -1 +1 @@
-{"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../../src/components/View/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAY,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAgBxD,UAAU,OAAO;IACf,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACrC;AAED,UAAU,YAAY;IACpB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED,eAAO,IAAI,YAAY,EAAE,YAAiB,CAAC;AAE3C,MAAM,WAAW,SAAU,SAAQ,yBAAyB,CAAC,WAAW,CAAC,EAAE,UAAU;IACnF,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/E;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,GAAG,SAAS,CAAC;IACpE;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAEnB,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;CAC7D;AAID;;GAEG;AACH,eAAO,MAAM,IAAI,6KAWd,SAAS,KAAG,KAAK,CAAC,SAodpB,CAAC"}
+{"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../../src/components/View/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAY,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAgBxD,UAAU,OAAO;IACf,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACrC;AAED,UAAU,YAAY;IACpB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED,eAAO,IAAI,YAAY,EAAE,YAAiB,CAAC;AAE3C,MAAM,WAAW,SAAU,SAAQ,yBAAyB,CAAC,WAAW,CAAC,EAAE,UAAU;IACnF,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/E;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,GAAG,SAAS,CAAC;IACpE;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAEnB,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;CAC7D;AAID;;GAEG;AACH,eAAO,MAAM,IAAI,6KAWd,SAAS,KAAG,KAAK,CAAC,SAkdpB,CAAC"}

package/dist/components/View/View.js

@@ -230,14 +230,12 @@ const warn = warnOnce('View');
         let nextPanelTranslate = `${-50 + swipeBackShift * 100 / window.innerWidth / 2}%`;
         if (isNext) {
             return {
-                transform: `translate3d(${nextPanelTranslate}, 0, 0)`,
-                WebkitTransform: `translate3d(${nextPanelTranslate}, 0, 0)`
+                transform: `translate3d(${nextPanelTranslate}, 0, 0)`
             };
         }
         if (isPrev) {
             return {
-                transform: `translate3d(${prevPanelTranslate}, 0, 0)`,
-                WebkitTransform: `translate3d(${prevPanelTranslate}, 0, 0)`
+                transform: `translate3d(${prevPanelTranslate}, 0, 0)`
             };
         }
         return {};