@vkontakte/vkui 6.4.0 → 6.5.0

package/dist/cjs/components/CalendarTime/CalendarTime.js

@@ -13,7 +13,7 @@ const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _date = require("../../lib/date");
+const _datefns = require("date-fns");
 const _AdaptivityProvider = require("../AdaptivityProvider/AdaptivityProvider");
 const _Button = require("../Button/Button");
 const _CustomSelect = require("../CustomSelect/CustomSelect");
@@ -34,19 +34,19 @@ for(let i = 0; i < 60; i += 1){
 const CalendarTime = ({ value, doneButtonText = 'Готово', onChange, onClose, changeHoursLabel, changeMinutesLabel, isDayDisabled })=>{
     const localHours = isDayDisabled ? hours.map((hour)=>{
         return _object_spread_props._(_object_spread._({}, hour), {
-            disabled: isDayDisabled((0, _date.setHours)(value, hour.value), true)
+            disabled: isDayDisabled((0, _datefns.setHours)(value, hour.value), true)
         });
     }) : hours;
     const localMinutes = isDayDisabled ? minutes.map((minute)=>{
         return _object_spread_props._(_object_spread._({}, minute), {
-            disabled: isDayDisabled((0, _date.setMinutes)(value, minute.value), true)
+            disabled: isDayDisabled((0, _datefns.setMinutes)(value, minute.value), true)
         });
     }) : minutes;
-    const onHoursChange = _react.useCallback((event)=>onChange === null || onChange === void 0 ? void 0 : onChange((0, _date.setHours)(value, Number(event.target.value))), [
+    const onHoursChange = _react.useCallback((event)=>onChange === null || onChange === void 0 ? void 0 : onChange((0, _datefns.setHours)(value, Number(event.target.value))), [
         onChange,
         value
     ]);
-    const onMinutesChange = _react.useCallback((event)=>onChange === null || onChange === void 0 ? void 0 : onChange((0, _date.setMinutes)(value, Number(event.target.value))), [
+    const onMinutesChange = _react.useCallback((event)=>onChange === null || onChange === void 0 ? void 0 : onChange((0, _datefns.setMinutes)(value, Number(event.target.value))), [
         onChange,
         value
     ]);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CalendarTime/CalendarTime.tsx"],"sourcesContent":["import * as React from 'react';\nimport { setHours, setMinutes } from '../../lib/date';\nimport { AdaptivityProvider } from '../AdaptivityProvider/AdaptivityProvider';\nimport { Button } from '../Button/Button';\nimport { CustomSelect } from '../CustomSelect/CustomSelect';\nimport styles from './CalendarTime.module.css';\n\nexport interface CalendarTimeProps {\n  value: Date;\n  doneButtonText?: string;\n  changeHoursLabel?: string;\n  changeMinutesLabel?: string;\n  onChange?: (value: Date) => void;\n  onClose?: () => void;\n  isDayDisabled?: (day: Date, withTime?: boolean) => boolean;\n}\n\nconst hours: Array<{\n  value: number;\n  label: string;\n}> = [];\nfor (let i = 0; i < 24; i += 1) {\n  hours.push({ value: i, label: String(i).padStart(2, '0') });\n}\n\nconst minutes: Array<{\n  value: number;\n  label: string;\n}> = [];\nfor (let i = 0; i < 60; i += 1) {\n  minutes.push({ value: i, label: String(i).padStart(2, '0') });\n}\n\nexport const CalendarTime = ({\n  value,\n  doneButtonText = 'Готово',\n  onChange,\n  onClose,\n  changeHoursLabel,\n  changeMinutesLabel,\n  isDayDisabled,\n}: CalendarTimeProps): React.ReactNode => {\n  const localHours = isDayDisabled\n    ? hours.map((hour) => {\n        return { ...hour, disabled: isDayDisabled(setHours(value, hour.value), true) };\n      })\n    : hours;\n\n  const localMinutes = isDayDisabled\n    ? minutes.map((minute) => {\n        return { ...minute, disabled: isDayDisabled(setMinutes(value, minute.value), true) };\n      })\n    : minutes;\n\n  const onHoursChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLSelectElement>) =>\n      onChange?.(setHours(value, Number(event.target.value))),\n    [onChange, value],\n  );\n  const onMinutesChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLSelectElement>) =>\n      onChange?.(setMinutes(value, Number(event.target.value))),\n    [onChange, value],\n  );\n\n  return (\n    <div className={styles['CalendarTime']}>\n      <div className={styles['CalendarTime__picker']}>\n        <AdaptivityProvider sizeY=\"compact\">\n          <CustomSelect\n            value={value.getHours()}\n            options={localHours}\n            onChange={onHoursChange}\n            forceDropdownPortal={false}\n            aria-label={changeHoursLabel}\n          />\n        </AdaptivityProvider>\n      </div>\n      <div className={styles['CalendarTime__divider']}>:</div>\n      <div className={styles['CalendarTime__picker']}>\n        <AdaptivityProvider sizeY=\"compact\">\n          <CustomSelect\n            value={value.getMinutes()}\n            options={localMinutes}\n            onChange={onMinutesChange}\n            forceDropdownPortal={false}\n            aria-label={changeMinutesLabel}\n          />\n        </AdaptivityProvider>\n      </div>\n      <div className={styles['CalendarTime__button']}>\n        <AdaptivityProvider sizeY=\"compact\">\n          <Button mode=\"secondary\" onClick={onClose} size=\"l\">\n            {doneButtonText}\n          </Button>\n        </AdaptivityProvider>\n      </div>\n    </div>\n  );\n};\n"],"names":["CalendarTime","hours","i","push","value","label","String","padStart","minutes","doneButtonText","onChange","onClose","changeHoursLabel","changeMinutesLabel","isDayDisabled","localHours","map","hour","disabled","setHours","localMinutes","minute","setMinutes","onHoursChange","React","useCallback","event","Number","target","onMinutesChange","div","className","AdaptivityProvider","sizeY","CustomSelect","getHours","options","forceDropdownPortal","aria-label","getMinutes","Button","mode","onClick","size"],"mappings":";;;;+BAiCaA;;;eAAAA;;;;;;;iEAjCU;sBACc;oCACF;wBACZ;8BACM;AAa7B,MAAMC,QAGD,EAAE;AACP,IAAK,IAAIC,IAAI,GAAGA,IAAI,IAAIA,KAAK,EAAG;IAC9BD,MAAME,IAAI,CAAC;QAAEC,OAAOF;QAAGG,OAAOC,OAAOJ,GAAGK,QAAQ,CAAC,GAAG;IAAK;AAC3D;AAEA,MAAMC,UAGD,EAAE;AACP,IAAK,IAAIN,IAAI,GAAGA,IAAI,IAAIA,KAAK,EAAG;IAC9BM,QAAQL,IAAI,CAAC;QAAEC,OAAOF;QAAGG,OAAOC,OAAOJ,GAAGK,QAAQ,CAAC,GAAG;IAAK;AAC7D;AAEO,MAAMP,eAAe,CAAC,EAC3BI,KAAK,EACLK,iBAAiB,QAAQ,EACzBC,QAAQ,EACRC,OAAO,EACPC,gBAAgB,EAChBC,kBAAkB,EAClBC,aAAa,EACK;IAClB,MAAMC,aAAaD,gBACfb,MAAMe,GAAG,CAAC,CAACC;QACT,OAAO,4CAAKA;YAAMC,UAAUJ,cAAcK,IAAAA,cAAQ,EAACf,OAAOa,KAAKb,KAAK,GAAG;;IACzE,KACAH;IAEJ,MAAMmB,eAAeN,gBACjBN,QAAQQ,GAAG,CAAC,CAACK;QACX,OAAO,4CAAKA;YAAQH,UAAUJ,cAAcQ,IAAAA,gBAAU,EAAClB,OAAOiB,OAAOjB,KAAK,GAAG;;IAC/E,KACAI;IAEJ,MAAMe,gBAAgBC,OAAMC,WAAW,CACrC,CAACC,QACChB,qBAAAA,+BAAAA,SAAWS,IAAAA,cAAQ,EAACf,OAAOuB,OAAOD,MAAME,MAAM,CAACxB,KAAK,KACtD;QAACM;QAAUN;KAAM;IAEnB,MAAMyB,kBAAkBL,OAAMC,WAAW,CACvC,CAACC,QACChB,qBAAAA,+BAAAA,SAAWY,IAAAA,gBAAU,EAAClB,OAAOuB,OAAOD,MAAME,MAAM,CAACxB,KAAK,KACxD;QAACM;QAAUN;KAAM;IAGnB,qBACE,sBAAC0B;QAAIC,SAAS;;0BACZ,qBAACD;gBAAIC,SAAS;0BACZ,cAAA,qBAACC,sCAAkB;oBAACC,OAAM;8BACxB,cAAA,qBAACC,0BAAY;wBACX9B,OAAOA,MAAM+B,QAAQ;wBACrBC,SAASrB;wBACTL,UAAUa;wBACVc,qBAAqB;wBACrBC,cAAY1B;;;;0BAIlB,qBAACkB;gBAAIC,SAAS;0BAAmC;;0BACjD,qBAACD;gBAAIC,SAAS;0BACZ,cAAA,qBAACC,sCAAkB;oBAACC,OAAM;8BACxB,cAAA,qBAACC,0BAAY;wBACX9B,OAAOA,MAAMmC,UAAU;wBACvBH,SAAShB;wBACTV,UAAUmB;wBACVQ,qBAAqB;wBACrBC,cAAYzB;;;;0BAIlB,qBAACiB;gBAAIC,SAAS;0BACZ,cAAA,qBAACC,sCAAkB;oBAACC,OAAM;8BACxB,cAAA,qBAACO,cAAM;wBAACC,MAAK;wBAAYC,SAAS/B;wBAASgC,MAAK;kCAC7ClC;;;;;;AAMb"}
+{"version":3,"sources":["../../../../src/components/CalendarTime/CalendarTime.tsx"],"sourcesContent":["import * as React from 'react';\nimport { setHours, setMinutes } from 'date-fns';\nimport { AdaptivityProvider } from '../AdaptivityProvider/AdaptivityProvider';\nimport { Button } from '../Button/Button';\nimport { CustomSelect } from '../CustomSelect/CustomSelect';\nimport styles from './CalendarTime.module.css';\n\nexport interface CalendarTimeProps {\n  value: Date;\n  doneButtonText?: string;\n  changeHoursLabel?: string;\n  changeMinutesLabel?: string;\n  onChange?: (value: Date) => void;\n  onClose?: () => void;\n  isDayDisabled?: (day: Date, withTime?: boolean) => boolean;\n}\n\nconst hours: Array<{\n  value: number;\n  label: string;\n}> = [];\nfor (let i = 0; i < 24; i += 1) {\n  hours.push({ value: i, label: String(i).padStart(2, '0') });\n}\n\nconst minutes: Array<{\n  value: number;\n  label: string;\n}> = [];\nfor (let i = 0; i < 60; i += 1) {\n  minutes.push({ value: i, label: String(i).padStart(2, '0') });\n}\n\nexport const CalendarTime = ({\n  value,\n  doneButtonText = 'Готово',\n  onChange,\n  onClose,\n  changeHoursLabel,\n  changeMinutesLabel,\n  isDayDisabled,\n}: CalendarTimeProps): React.ReactNode => {\n  const localHours = isDayDisabled\n    ? hours.map((hour) => {\n        return { ...hour, disabled: isDayDisabled(setHours(value, hour.value), true) };\n      })\n    : hours;\n\n  const localMinutes = isDayDisabled\n    ? minutes.map((minute) => {\n        return { ...minute, disabled: isDayDisabled(setMinutes(value, minute.value), true) };\n      })\n    : minutes;\n\n  const onHoursChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLSelectElement>) =>\n      onChange?.(setHours(value, Number(event.target.value))),\n    [onChange, value],\n  );\n  const onMinutesChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLSelectElement>) =>\n      onChange?.(setMinutes(value, Number(event.target.value))),\n    [onChange, value],\n  );\n\n  return (\n    <div className={styles['CalendarTime']}>\n      <div className={styles['CalendarTime__picker']}>\n        <AdaptivityProvider sizeY=\"compact\">\n          <CustomSelect\n            value={value.getHours()}\n            options={localHours}\n            onChange={onHoursChange}\n            forceDropdownPortal={false}\n            aria-label={changeHoursLabel}\n          />\n        </AdaptivityProvider>\n      </div>\n      <div className={styles['CalendarTime__divider']}>:</div>\n      <div className={styles['CalendarTime__picker']}>\n        <AdaptivityProvider sizeY=\"compact\">\n          <CustomSelect\n            value={value.getMinutes()}\n            options={localMinutes}\n            onChange={onMinutesChange}\n            forceDropdownPortal={false}\n            aria-label={changeMinutesLabel}\n          />\n        </AdaptivityProvider>\n      </div>\n      <div className={styles['CalendarTime__button']}>\n        <AdaptivityProvider sizeY=\"compact\">\n          <Button mode=\"secondary\" onClick={onClose} size=\"l\">\n            {doneButtonText}\n          </Button>\n        </AdaptivityProvider>\n      </div>\n    </div>\n  );\n};\n"],"names":["CalendarTime","hours","i","push","value","label","String","padStart","minutes","doneButtonText","onChange","onClose","changeHoursLabel","changeMinutesLabel","isDayDisabled","localHours","map","hour","disabled","setHours","localMinutes","minute","setMinutes","onHoursChange","React","useCallback","event","Number","target","onMinutesChange","div","className","AdaptivityProvider","sizeY","CustomSelect","getHours","options","forceDropdownPortal","aria-label","getMinutes","Button","mode","onClick","size"],"mappings":";;;;+BAiCaA;;;eAAAA;;;;;;;iEAjCU;yBACc;oCACF;wBACZ;8BACM;AAa7B,MAAMC,QAGD,EAAE;AACP,IAAK,IAAIC,IAAI,GAAGA,IAAI,IAAIA,KAAK,EAAG;IAC9BD,MAAME,IAAI,CAAC;QAAEC,OAAOF;QAAGG,OAAOC,OAAOJ,GAAGK,QAAQ,CAAC,GAAG;IAAK;AAC3D;AAEA,MAAMC,UAGD,EAAE;AACP,IAAK,IAAIN,IAAI,GAAGA,IAAI,IAAIA,KAAK,EAAG;IAC9BM,QAAQL,IAAI,CAAC;QAAEC,OAAOF;QAAGG,OAAOC,OAAOJ,GAAGK,QAAQ,CAAC,GAAG;IAAK;AAC7D;AAEO,MAAMP,eAAe,CAAC,EAC3BI,KAAK,EACLK,iBAAiB,QAAQ,EACzBC,QAAQ,EACRC,OAAO,EACPC,gBAAgB,EAChBC,kBAAkB,EAClBC,aAAa,EACK;IAClB,MAAMC,aAAaD,gBACfb,MAAMe,GAAG,CAAC,CAACC;QACT,OAAO,4CAAKA;YAAMC,UAAUJ,cAAcK,IAAAA,iBAAQ,EAACf,OAAOa,KAAKb,KAAK,GAAG;;IACzE,KACAH;IAEJ,MAAMmB,eAAeN,gBACjBN,QAAQQ,GAAG,CAAC,CAACK;QACX,OAAO,4CAAKA;YAAQH,UAAUJ,cAAcQ,IAAAA,mBAAU,EAAClB,OAAOiB,OAAOjB,KAAK,GAAG;;IAC/E,KACAI;IAEJ,MAAMe,gBAAgBC,OAAMC,WAAW,CACrC,CAACC,QACChB,qBAAAA,+BAAAA,SAAWS,IAAAA,iBAAQ,EAACf,OAAOuB,OAAOD,MAAME,MAAM,CAACxB,KAAK,KACtD;QAACM;QAAUN;KAAM;IAEnB,MAAMyB,kBAAkBL,OAAMC,WAAW,CACvC,CAACC,QACChB,qBAAAA,+BAAAA,SAAWY,IAAAA,mBAAU,EAAClB,OAAOuB,OAAOD,MAAME,MAAM,CAACxB,KAAK,KACxD;QAACM;QAAUN;KAAM;IAGnB,qBACE,sBAAC0B;QAAIC,SAAS;;0BACZ,qBAACD;gBAAIC,SAAS;0BACZ,cAAA,qBAACC,sCAAkB;oBAACC,OAAM;8BACxB,cAAA,qBAACC,0BAAY;wBACX9B,OAAOA,MAAM+B,QAAQ;wBACrBC,SAASrB;wBACTL,UAAUa;wBACVc,qBAAqB;wBACrBC,cAAY1B;;;;0BAIlB,qBAACkB;gBAAIC,SAAS;0BAAmC;;0BACjD,qBAACD;gBAAIC,SAAS;0BACZ,cAAA,qBAACC,sCAAkB;oBAACC,OAAM;8BACxB,cAAA,qBAACC,0BAAY;wBACX9B,OAAOA,MAAMmC,UAAU;wBACvBH,SAAShB;wBACTV,UAAUmB;wBACVQ,qBAAqB;wBACrBC,cAAYzB;;;;0BAIlB,qBAACiB;gBAAIC,SAAS;0BACZ,cAAA,qBAACC,sCAAkB;oBAACC,OAAM;8BACxB,cAAA,qBAACO,cAAM;wBAACC,MAAK;wBAAYC,SAAS/B;wBAASgC,MAAK;kCAC7ClC;;;;;;AAMb"}

package/dist/cjs/components/Cell/Cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../src/components/Cell/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAG3E,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAc,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,YAAY,EAAqB,MAAM,6BAA6B,CAAC;AAK9E,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC,EACzC,cAAc,EACd,UAAU,CAAC,cAAc,CAAC;IAC5B,IAAI,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG;IACvC,QAAQ,EAAE,OAAO,YAAY,CAAC;CAkI/B,CAAC"}
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../src/components/Cell/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAG3E,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAc,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,YAAY,EAAqB,MAAM,6BAA6B,CAAC;AAK9E,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC,EACzC,cAAc,EACd,UAAU,CAAC,cAAc,CAAC;IAC5B,IAAI,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG;IACvC,QAAQ,EAAE,OAAO,YAAY,CAAC;CA6I/B,CAAC"}

package/dist/cjs/components/Cell/Cell.js

@@ -53,7 +53,7 @@ const Cell = (_param)=>{
     const rootElRef = (0, _useExternRef.useExternRef)(getRootRef);
     const dragger = draggable ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_CellDragger.CellDragger, {
         elRef: rootElRef,
-        className: "vkuiCell__dragger",
+        className: (0, _vkjs.classNames)("vkuiCell__dragger", !before && !selectable && "vkuiCell__control--noBefore"),
         disabled: disabled,
         onDragStateChange: setDragging,
         onDragFinish: onDragFinish,
@@ -70,7 +70,7 @@ const Cell = (_param)=>{
             onChange
         };
         checkbox = /*#__PURE__*/ (0, _jsxruntime.jsx)(_CellCheckbox.CellCheckbox, _object_spread._({
-            className: "vkuiCell__checkbox"
+            className: (0, _vkjs.classNames)("vkuiCell__checkbox", !before && "vkuiCell__control--noBefore")
         }, checkboxProps));
     }
     const simpleCellDisabled = draggable && !selectable || removable && !restProps.onClick || disabled;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport type { SwappedItemRange } from '../../hooks/useDraggableWithDomApi';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasRootRef } from '../../types';\nimport { Removable, RemovableProps } from '../Removable/Removable';\nimport { SimpleCell, SimpleCellProps } from '../SimpleCell/SimpleCell';\nimport { CellCheckbox, CellCheckboxProps } from './CellCheckbox/CellCheckbox';\nimport { CellDragger } from './CellDragger/CellDragger';\nimport { DEFAULT_DRAGGABLE_LABEL } from './constants';\nimport styles from './Cell.module.css';\n\nexport interface CellProps\n  extends Omit<SimpleCellProps, 'getRootRef'>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  mode?: 'removable' | 'selectable';\n  /**\n   * В режиме перетаскивания ячейка перестает быть кликабельной, то есть при клике переданный onClick вызываться не будет\n   */\n  draggable?: boolean;\n  /**\n   * Имя для input в режиме selectable\n   */\n  name?: string;\n  /**\n   * В режиме selectable реагирует на входящие значения пропса cheсked, как зависящий напрямую от входящего значения\n   */\n  checked?: boolean;\n  /**\n   * В режиме selectable реагирует на входящие значения пропса defaultChecked как неконтролируемый компонент\n   */\n  defaultChecked?: boolean;\n  /**\n   * Коллбэк срабатывает при завершении перетаскивания.\n   * **Важно:** режим перетаскивания не меняет порядок ячеек в DOM. В коллбэке есть объект с полями `from` и `to`.\n   * Эти числа нужны для того, чтобы разработчик понимал, с какого индекса на какой произошел переход. В песочнице\n   * есть рабочий пример с обработкой этих чисел и перерисовкой списка.\n   */\n  onDragFinish?: (swappedItemRange: SwappedItemRange) => void;\n  /**\n   * Текст для кнопки перетаскивания ячейки\n   */\n  draggerLabel?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Cell\n */\nexport const Cell: React.FC<CellProps> & {\n  Checkbox: typeof CellCheckbox;\n} = ({\n  mode,\n  onRemove = noop,\n  removePlaceholder = 'Удалить',\n  onDragFinish,\n  before,\n  after,\n  disabled,\n  draggable,\n  Component: ComponentProps,\n  onChange,\n  name,\n  value,\n  checked,\n  defaultChecked,\n  getRootRef,\n  draggerLabel = DEFAULT_DRAGGABLE_LABEL,\n  className,\n  style,\n  toggleButtonTestId,\n  removeButtonTestId,\n  ...restProps\n}: CellProps) => {\n  const [dragging, setDragging] = React.useState(false);\n  const selectable = mode === 'selectable';\n  const removable = mode === 'removable';\n  const Component = selectable ? 'label' : ComponentProps;\n\n  const platform = usePlatform();\n\n  const rootElRef = useExternRef(getRootRef);\n\n  const dragger = draggable ? (\n    <CellDragger\n      elRef={rootElRef}\n      className={styles['Cell__dragger']}\n      disabled={disabled}\n      onDragStateChange={setDragging}\n      onDragFinish={onDragFinish}\n    >\n      {draggerLabel}\n    </CellDragger>\n  ) : null;\n\n  let checkbox;\n  if (selectable) {\n    const checkboxProps: CellCheckboxProps = {\n      name,\n      value,\n      defaultChecked,\n      checked,\n      disabled,\n      onChange,\n    };\n    checkbox = <CellCheckbox className={styles['Cell__checkbox']} {...checkboxProps} />;\n  }\n\n  const simpleCellDisabled =\n    (draggable && !selectable) || (removable && !restProps.onClick) || disabled;\n  const hasActive = !simpleCellDisabled && !dragging;\n\n  const cellClasses = classNames(\n    styles['Cell'],\n    dragging && styles['Cell--dragging'],\n    platform === 'ios' && styles['Cell--ios'],\n    removable && styles['Cell--removable'],\n    Component === 'label' && styles['Cell--selectable'],\n    disabled && styles['Cell--disabled'],\n  );\n\n  const simpleCellProps: SimpleCellProps = {\n    hasActive: hasActive,\n    hasHover: hasActive && !removable,\n    ...restProps,\n    className: styles['Cell__content'],\n    // чтобы свойство, если не определено, не присутствовало в\n    // restProps явно как {'Component': undefined} и ниже не переопределяло\n    // возможное значение commonProps.Component = 'a' при слиянии двух объектов, как\n    // {...commonProps, ...restProps}\n    ...(Component && { Component }),\n    before: (\n      <React.Fragment>\n        {draggable && platform !== 'ios' && dragger}\n        {selectable && checkbox}\n        {before}\n      </React.Fragment>\n    ),\n    after: (\n      <React.Fragment>\n        {draggable && platform === 'ios' && dragger}\n        {after}\n      </React.Fragment>\n    ),\n  };\n\n  if (restProps.onClick) {\n    simpleCellProps.disabled = simpleCellDisabled;\n  }\n\n  if (removable) {\n    return (\n      <Removable\n        className={classNames(cellClasses, className)}\n        style={style}\n        getRootRef={rootElRef}\n        removePlaceholder={removePlaceholder}\n        onRemove={(e) => onRemove(e, rootElRef.current)}\n        toggleButtonTestId={toggleButtonTestId}\n        removeButtonTestId={removeButtonTestId}\n      >\n        {platform === 'ios' ? (\n          ({ isRemoving }) => {\n            if (simpleCellProps.onClick) {\n              simpleCellProps.disabled = isRemoving || !simpleCellProps.disabled;\n            }\n            return <SimpleCell {...simpleCellProps} />;\n          }\n        ) : (\n          <SimpleCell {...simpleCellProps} />\n        )}\n      </Removable>\n    );\n  }\n\n  return (\n    <div className={classNames(cellClasses, className)} style={style} ref={rootElRef}>\n      <SimpleCell {...simpleCellProps} />\n    </div>\n  );\n};\n\nCell.Checkbox = CellCheckbox;\n"],"names":["Cell","mode","onRemove","noop","removePlaceholder","onDragFinish","before","after","disabled","draggable","Component","ComponentProps","onChange","name","value","checked","defaultChecked","getRootRef","draggerLabel","DEFAULT_DRAGGABLE_LABEL","className","style","toggleButtonTestId","removeButtonTestId","restProps","dragging","setDragging","React","useState","selectable","removable","platform","usePlatform","rootElRef","useExternRef","dragger","CellDragger","elRef","onDragStateChange","checkbox","checkboxProps","CellCheckbox","simpleCellDisabled","onClick","hasActive","cellClasses","classNames","simpleCellProps","hasHover","Fragment","Removable","e","current","isRemoving","SimpleCell","div","ref","Checkbox"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport type { SwappedItemRange } from '../../hooks/useDraggableWithDomApi';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasRootRef } from '../../types';\nimport { Removable, RemovableProps } from '../Removable/Removable';\nimport { SimpleCell, SimpleCellProps } from '../SimpleCell/SimpleCell';\nimport { CellCheckbox, CellCheckboxProps } from './CellCheckbox/CellCheckbox';\nimport { CellDragger } from './CellDragger/CellDragger';\nimport { DEFAULT_DRAGGABLE_LABEL } from './constants';\nimport styles from './Cell.module.css';\n\nexport interface CellProps\n  extends Omit<SimpleCellProps, 'getRootRef'>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  mode?: 'removable' | 'selectable';\n  /**\n   * В режиме перетаскивания ячейка перестает быть кликабельной, то есть при клике переданный onClick вызываться не будет\n   */\n  draggable?: boolean;\n  /**\n   * Имя для input в режиме selectable\n   */\n  name?: string;\n  /**\n   * В режиме selectable реагирует на входящие значения пропса cheсked, как зависящий напрямую от входящего значения\n   */\n  checked?: boolean;\n  /**\n   * В режиме selectable реагирует на входящие значения пропса defaultChecked как неконтролируемый компонент\n   */\n  defaultChecked?: boolean;\n  /**\n   * Коллбэк срабатывает при завершении перетаскивания.\n   * **Важно:** режим перетаскивания не меняет порядок ячеек в DOM. В коллбэке есть объект с полями `from` и `to`.\n   * Эти числа нужны для того, чтобы разработчик понимал, с какого индекса на какой произошел переход. В песочнице\n   * есть рабочий пример с обработкой этих чисел и перерисовкой списка.\n   */\n  onDragFinish?: (swappedItemRange: SwappedItemRange) => void;\n  /**\n   * Текст для кнопки перетаскивания ячейки\n   */\n  draggerLabel?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Cell\n */\nexport const Cell: React.FC<CellProps> & {\n  Checkbox: typeof CellCheckbox;\n} = ({\n  mode,\n  onRemove = noop,\n  removePlaceholder = 'Удалить',\n  onDragFinish,\n  before,\n  after,\n  disabled,\n  draggable,\n  Component: ComponentProps,\n  onChange,\n  name,\n  value,\n  checked,\n  defaultChecked,\n  getRootRef,\n  draggerLabel = DEFAULT_DRAGGABLE_LABEL,\n  className,\n  style,\n  toggleButtonTestId,\n  removeButtonTestId,\n  ...restProps\n}: CellProps) => {\n  const [dragging, setDragging] = React.useState(false);\n  const selectable = mode === 'selectable';\n  const removable = mode === 'removable';\n  const Component = selectable ? 'label' : ComponentProps;\n\n  const platform = usePlatform();\n\n  const rootElRef = useExternRef(getRootRef);\n\n  const dragger = draggable ? (\n    <CellDragger\n      elRef={rootElRef}\n      className={classNames(\n        styles['Cell__dragger'],\n        !before && !selectable && styles['Cell__control--noBefore'],\n      )}\n      disabled={disabled}\n      onDragStateChange={setDragging}\n      onDragFinish={onDragFinish}\n    >\n      {draggerLabel}\n    </CellDragger>\n  ) : null;\n\n  let checkbox;\n  if (selectable) {\n    const checkboxProps: CellCheckboxProps = {\n      name,\n      value,\n      defaultChecked,\n      checked,\n      disabled,\n      onChange,\n    };\n    checkbox = (\n      <CellCheckbox\n        className={classNames(\n          styles['Cell__checkbox'],\n          !before && styles['Cell__control--noBefore'],\n        )}\n        {...checkboxProps}\n      />\n    );\n  }\n\n  const simpleCellDisabled =\n    (draggable && !selectable) || (removable && !restProps.onClick) || disabled;\n  const hasActive = !simpleCellDisabled && !dragging;\n\n  const cellClasses = classNames(\n    styles['Cell'],\n    dragging && styles['Cell--dragging'],\n    platform === 'ios' && styles['Cell--ios'],\n    removable && styles['Cell--removable'],\n    Component === 'label' && styles['Cell--selectable'],\n    disabled && styles['Cell--disabled'],\n  );\n\n  const simpleCellProps: SimpleCellProps = {\n    hasActive: hasActive,\n    hasHover: hasActive && !removable,\n    ...restProps,\n    className: styles['Cell__content'],\n    // чтобы свойство, если не определено, не присутствовало в\n    // restProps явно как {'Component': undefined} и ниже не переопределяло\n    // возможное значение commonProps.Component = 'a' при слиянии двух объектов, как\n    // {...commonProps, ...restProps}\n    ...(Component && { Component }),\n    before: (\n      <React.Fragment>\n        {draggable && platform !== 'ios' && dragger}\n        {selectable && checkbox}\n        {before}\n      </React.Fragment>\n    ),\n    after: (\n      <React.Fragment>\n        {draggable && platform === 'ios' && dragger}\n        {after}\n      </React.Fragment>\n    ),\n  };\n\n  if (restProps.onClick) {\n    simpleCellProps.disabled = simpleCellDisabled;\n  }\n\n  if (removable) {\n    return (\n      <Removable\n        className={classNames(cellClasses, className)}\n        style={style}\n        getRootRef={rootElRef}\n        removePlaceholder={removePlaceholder}\n        onRemove={(e) => onRemove(e, rootElRef.current)}\n        toggleButtonTestId={toggleButtonTestId}\n        removeButtonTestId={removeButtonTestId}\n      >\n        {platform === 'ios' ? (\n          ({ isRemoving }) => {\n            if (simpleCellProps.onClick) {\n              simpleCellProps.disabled = isRemoving || !simpleCellProps.disabled;\n            }\n            return <SimpleCell {...simpleCellProps} />;\n          }\n        ) : (\n          <SimpleCell {...simpleCellProps} />\n        )}\n      </Removable>\n    );\n  }\n\n  return (\n    <div className={classNames(cellClasses, className)} style={style} ref={rootElRef}>\n      <SimpleCell {...simpleCellProps} />\n    </div>\n  );\n};\n\nCell.Checkbox = CellCheckbox;\n"],"names":["Cell","mode","onRemove","noop","removePlaceholder","onDragFinish","before","after","disabled","draggable","Component","ComponentProps","onChange","name","value","checked","defaultChecked","getRootRef","draggerLabel","DEFAULT_DRAGGABLE_LABEL","className","style","toggleButtonTestId","removeButtonTestId","restProps","dragging","setDragging","React","useState","selectable","removable","platform","usePlatform","rootElRef","useExternRef","dragger","CellDragger","elRef","classNames","onDragStateChange","checkbox","checkboxProps","CellCheckbox","simpleCellDisabled","onClick","hasActive","cellClasses","simpleCellProps","hasHover","Fragment","Removable","e","current","isRemoving","SimpleCell","div","ref","Checkbox"],"mappings":";;;;+BAkDaA;;;eAAAA;;;;;;;;iEAlDU;sBACU;8BAEJ;6BACD;2BAEc;4BACE;8BACI;6BACpB;2BACY;AAwCjC,MAAMA,OAET;QAAC,EACHC,IAAI,EACJC,WAAWC,UAAI,EACfC,oBAAoB,SAAS,EAC7BC,YAAY,EACZC,MAAM,EACNC,KAAK,EACLC,QAAQ,EACRC,SAAS,EACTC,WAAWC,cAAc,EACzBC,QAAQ,EACRC,IAAI,EACJC,KAAK,EACLC,OAAO,EACPC,cAAc,EACdC,UAAU,EACVC,eAAeC,kCAAuB,EACtCC,SAAS,EACTC,KAAK,EACLC,kBAAkB,EAClBC,kBAAkB,EAER,WADPC;QApBHvB;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;QACAC;;IAGA,MAAM,CAACE,UAAUC,YAAY,GAAGC,OAAMC,QAAQ,CAAC;IAC/C,MAAMC,aAAa5B,SAAS;IAC5B,MAAM6B,YAAY7B,SAAS;IAC3B,MAAMS,YAAYmB,aAAa,UAAUlB;IAEzC,MAAMoB,WAAWC,IAAAA,wBAAW;IAE5B,MAAMC,YAAYC,IAAAA,0BAAY,EAACjB;IAE/B,MAAMkB,UAAU1B,0BACd,qBAAC2B,wBAAW;QACVC,OAAOJ;QACPb,WAAWkB,IAAAA,gBAAU,uBAEnB,CAAChC,UAAU,CAACuB;QAEdrB,UAAUA;QACV+B,mBAAmBb;QACnBrB,cAAcA;kBAEba;SAED;IAEJ,IAAIsB;IACJ,IAAIX,YAAY;QACd,MAAMY,gBAAmC;YACvC5B;YACAC;YACAE;YACAD;YACAP;YACAI;QACF;QACA4B,yBACE,qBAACE,0BAAY;YACXtB,WAAWkB,IAAAA,gBAAU,wBAEnB,CAAChC;WAECmC;IAGV;IAEA,MAAME,qBACJ,AAAClC,aAAa,CAACoB,cAAgBC,aAAa,CAACN,UAAUoB,OAAO,IAAKpC;IACrE,MAAMqC,YAAY,CAACF,sBAAsB,CAAClB;IAE1C,MAAMqB,cAAcR,IAAAA,gBAAU,cAE5Bb,kCACAM,aAAa,0BACbD,oCACApB,cAAc,mCACdF;IAGF,MAAMuC,kBAAmC;QACvCF,WAAWA;QACXG,UAAUH,aAAa,CAACf;OACrBN;QACHJ,SAAS;QAKLV,aAAa;QAAEA;IAAU;QAC7BJ,sBACE,sBAACqB,OAAMsB,QAAQ;;gBACZxC,aAAasB,aAAa,SAASI;gBACnCN,cAAcW;gBACdlC;;;QAGLC,qBACE,sBAACoB,OAAMsB,QAAQ;;gBACZxC,aAAasB,aAAa,SAASI;gBACnC5B;;;;IAKP,IAAIiB,UAAUoB,OAAO,EAAE;QACrBG,gBAAgBvC,QAAQ,GAAGmC;IAC7B;IAEA,IAAIb,WAAW;QACb,qBACE,qBAACoB,oBAAS;YACR9B,WAAWkB,IAAAA,gBAAU,EAACQ,aAAa1B;YACnCC,OAAOA;YACPJ,YAAYgB;YACZ7B,mBAAmBA;YACnBF,UAAU,CAACiD,IAAMjD,SAASiD,GAAGlB,UAAUmB,OAAO;YAC9C9B,oBAAoBA;YACpBC,oBAAoBA;sBAEnBQ,aAAa,QACZ,CAAC,EAAEsB,UAAU,EAAE;gBACb,IAAIN,gBAAgBH,OAAO,EAAE;oBAC3BG,gBAAgBvC,QAAQ,GAAG6C,cAAc,CAACN,gBAAgBvC,QAAQ;gBACpE;gBACA,qBAAO,qBAAC8C,sBAAU,uBAAKP;YACzB,kBAEA,qBAACO,sBAAU,uBAAKP;;IAIxB;IAEA,qBACE,qBAACQ;QAAInC,WAAWkB,IAAAA,gBAAU,EAACQ,aAAa1B;QAAYC,OAAOA;QAAOmC,KAAKvB;kBACrE,cAAA,qBAACqB,sBAAU,uBAAKP;;AAGtB;AAEA/C,KAAKyD,QAAQ,GAAGf,0BAAY"}

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

@@ -1,14 +1,16 @@
 import * as React from 'react';
-import { HasRef, HasRootRef } from '../../types';
+import { HasRootRef } from '../../types';
 import { type TappableProps } from '../Tappable/Tappable';
-export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRootRef<HTMLLabelElement>, HasRef<HTMLInputElement>, Pick<TappableProps, 'hoverMode' | 'activeMode' | 'hasHover' | 'hasActive' | 'focusVisibleMode'> {
+import { CheckboxInput, CheckboxInputProps } from './CheckboxInput/CheckboxInput';
+export interface CheckboxProps extends Omit<CheckboxInputProps, 'getRootRef'>, HasRootRef<HTMLLabelElement>, Pick<TappableProps, 'hoverMode' | 'activeMode' | 'hasHover' | 'hasActive' | 'focusVisibleMode'> {
     description?: React.ReactNode;
-    indeterminate?: boolean;
-    defaultIndeterminate?: boolean;
     titleAfter?: React.ReactNode;
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Checkbox
  */
-export declare const Checkbox: ({ children, className, style, getRootRef, getRef, description, indeterminate, defaultIndeterminate, hoverMode, activeMode, hasHover, hasActive, focusVisibleMode, onChange, titleAfter, ...restProps }: CheckboxProps) => React.ReactNode;
+export declare const Checkbox: {
+    (props: CheckboxProps): React.ReactNode;
+    Input: typeof CheckboxInput;
+};
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/cjs/components/Checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAepE,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,UAAU,CAAC,gBAAgB,CAAC,EAC5B,MAAM,CAAC,gBAAgB,CAAC,EACxB,IAAI,CACF,aAAa,EACb,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,WAAW,GAAG,kBAAkB,CAC3E;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAID;;GAEG;AACH,eAAO,MAAM,QAAQ,2MAiBlB,aAAa,KAAG,KAAK,CAAC,SAuIxB,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAGzC,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAGlF,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,YAAY,CAAC,EAC5C,UAAU,CAAC,gBAAgB,CAAC,EAC5B,IAAI,CACF,aAAa,EACb,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,WAAW,GAAG,kBAAkB,CAC3E;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAoCD;;GAEG;AACH,eAAO,MAAM,QAAQ;YAAW,aAAa,GAAG,KAAK,CAAC,SAAS;;CAO9D,CAAC"}

package/dist/cjs/components/Checkbox/Checkbox.js

@@ -10,93 +10,32 @@ Object.defineProperty(exports, "Checkbox", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _object_spread = require("@swc/helpers/_/_object_spread");
-const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _icons = require("@vkontakte/icons");
 const _vkjs = require("@vkontakte/vkjs");
-const _useAdaptivity = require("../../hooks/useAdaptivity");
-const _useAdaptivityConditionalRender = require("../../hooks/useAdaptivityConditionalRender");
-const _useExternRef = require("../../hooks/useExternRef");
-const _usePlatform = require("../../hooks/usePlatform");
-const _warnOnce = require("../../lib/warnOnce");
-const _useState = require("../Clickable/useState");
-const _Tappable = require("../Tappable/Tappable");
-const _Footnote = require("../Typography/Footnote/Footnote");
-const _Text = require("../Typography/Text/Text");
-const _VisuallyHidden = require("../VisuallyHidden/VisuallyHidden");
-function setIndeterminate(el, indeterminate) {
-    el.indeterminate = indeterminate;
-}
-const sizeYClassNames = {
-    none: "vkuiCheckbox--sizeY-none",
-    ['compact']: "vkuiCheckbox--sizeY-compact"
-};
-const warn = (0, _warnOnce.warnOnce)('Checkbox');
-const Checkbox = (_param)=>{
-    var { children, className, style, getRootRef, getRef, description, indeterminate, defaultIndeterminate, hoverMode, activeMode, hasHover, hasActive, focusVisibleMode, onChange, titleAfter } = _param, restProps = _object_without_properties._(_param, [
+const _SelectionControl = require("../SelectionControl/SelectionControl");
+const _SelectionControlLabel = require("../SelectionControl/SelectionControlLabel/SelectionControlLabel");
+const _CheckboxInput = require("./CheckboxInput/CheckboxInput");
+const _CheckboxSimple = require("./CheckboxSimple/CheckboxSimple");
+const CheckboxComponent = (_param)=>{
+    var { children, className, style, getRootRef, description, hoverMode, activeMode, hasHover, hasActive, focusVisibleMode, titleAfter } = _param, restProps = _object_without_properties._(_param, [
         "children",
         "className",
         "style",
         "getRootRef",
-        "getRef",
         "description",
-        "indeterminate",
-        "defaultIndeterminate",
         "hoverMode",
         "activeMode",
         "hasHover",
         "hasActive",
         "focusVisibleMode",
-        "onChange",
         "titleAfter"
     ]);
-    const inputRef = (0, _useExternRef.useExternRef)(getRef);
-    const platform = (0, _usePlatform.usePlatform)();
-    const { sizeY = 'none' } = (0, _useAdaptivity.useAdaptivity)();
-    const { sizeY: adaptiveSizeY } = (0, _useAdaptivityConditionalRender.useAdaptivityConditionalRender)();
-    _react.useEffect(()=>{
-        const indeterminateValue = indeterminate !== null && indeterminate !== void 0 ? indeterminate : Boolean(defaultIndeterminate);
-        if (inputRef.current) {
-            setIndeterminate(inputRef.current, indeterminateValue);
-        }
-    }, [
-        defaultIndeterminate,
-        indeterminate,
-        inputRef
-    ]);
-    const handleChange = _react.useCallback((event)=>{
-        if (defaultIndeterminate !== undefined && indeterminate === undefined && restProps.checked === undefined) {
-            event.currentTarget.indeterminate = false;
-        }
-        if (indeterminate !== undefined) {
-            event.currentTarget.indeterminate = indeterminate;
-        }
-        onChange && onChange(event);
-    }, [
-        defaultIndeterminate,
-        indeterminate,
-        restProps.checked,
-        onChange
-    ]);
-    if (process.env.NODE_ENV === 'development') {
-        if (defaultIndeterminate && restProps.defaultChecked) {
-            warn('defaultIndeterminate и defaultChecked не могут быть true одновременно', 'error');
-        }
-        if (indeterminate && restProps.checked) {
-            warn('indeterminate и checked не могут быть true одновременно', 'error');
-        }
-        if (restProps.defaultChecked && restProps.checked) {
-            warn('defaultChecked и checked не могут быть true одновременно', 'error');
-        }
-    }
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Tappable.Tappable, {
-        Component: "label",
-        className: (0, _vkjs.classNames)("vkuiCheckbox", sizeY !== 'regular' && sizeYClassNames[sizeY], !((0, _vkjs.hasReactNode)(children) || (0, _vkjs.hasReactNode)(description)) && "vkuiCheckbox--simple", className),
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_SelectionControl.SelectionControl, {
+        className: className,
         style: style,
         disabled: restProps.disabled,
-        activeEffectDelay: platform === 'ios' ? 100 : _useState.DEFAULT_ACTIVE_EFFECT_DELAY,
         getRootRef: getRootRef,
         hoverMode: hoverMode,
         activeMode: activeMode,
@@ -104,83 +43,22 @@ const Checkbox = (_param)=>{
         hasActive: hasActive,
         focusVisibleMode: focusVisibleMode,
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_VisuallyHidden.VisuallyHidden, _object_spread_props._(_object_spread._({}, restProps), {
-                Component: "input",
-                type: "checkbox",
-                onChange: handleChange,
-                className: "vkuiCheckbox__input",
-                getRootRef: inputRef
-            })),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: (0, _vkjs.classNames)("vkuiCheckbox__icon", "vkuiCheckbox__icon--on"),
-                children: platform === 'vkcom' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_icons.Icon20CheckBoxOn, {}) : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
-                    children: [
-                        adaptiveSizeY.compact && /*#__PURE__*/ (0, _jsxruntime.jsx)(_icons.Icon20CheckBoxOn, {
-                            className: adaptiveSizeY.compact.className
-                        }),
-                        adaptiveSizeY.regular && /*#__PURE__*/ (0, _jsxruntime.jsx)(_icons.Icon24CheckBoxOn, {
-                            className: adaptiveSizeY.regular.className
-                        })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: (0, _vkjs.classNames)("vkuiCheckbox__icon", "vkuiCheckbox__icon--off"),
-                children: platform === 'vkcom' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_icons.Icon20CheckBoxOff, {}) : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
-                    children: [
-                        adaptiveSizeY.compact && /*#__PURE__*/ (0, _jsxruntime.jsx)(_icons.Icon20CheckBoxOff, {
-                            className: adaptiveSizeY.compact.className
-                        }),
-                        adaptiveSizeY.regular && /*#__PURE__*/ (0, _jsxruntime.jsx)(_icons.Icon24CheckBoxOff, {
-                            className: adaptiveSizeY.regular.className
-                        })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: (0, _vkjs.classNames)("vkuiCheckbox__icon", "vkuiCheckbox__icon--indeterminate"),
-                children: platform === 'vkcom' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_icons.Icon20CheckBoxIndetermanate, {
-                    width: 20,
-                    height: 20
-                }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
-                    children: [
-                        adaptiveSizeY.compact && /*#__PURE__*/ (0, _jsxruntime.jsx)(_icons.Icon20CheckBoxIndetermanate, {
-                            className: adaptiveSizeY.compact.className,
-                            width: 20,
-                            height: 20
-                        }),
-                        adaptiveSizeY.regular && /*#__PURE__*/ (0, _jsxruntime.jsx)(_icons.Icon20CheckBoxIndetermanate, {
-                            className: adaptiveSizeY.regular.className,
-                            width: 24,
-                            height: 24
-                        })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                className: "vkuiCheckbox__content",
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                        className: "vkuiCheckbox__title",
-                        children: [
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.Text, {
-                                className: "vkuiCheckbox__titleBefore",
-                                children: children
-                            }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                                className: "vkuiCheckbox__titleAfter",
-                                children: titleAfter
-                            })
-                        ]
-                    }),
-                    (0, _vkjs.hasReactNode)(description) && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Footnote.Footnote, {
-                        className: "vkuiCheckbox__description",
-                        children: description
-                    })
-                ]
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_CheckboxInput.CheckboxInput, _object_spread._({}, restProps)),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_SelectionControlLabel.SelectionControlLabel, {
+                titleAfter: titleAfter,
+                description: description,
+                children: children
             })
         ]
     });
 };
+const Checkbox = (props)=>{
+    const simple = !((0, _vkjs.hasReactNode)(props.children) || (0, _vkjs.hasReactNode)(props.description));
+    if (simple) {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_CheckboxSimple.CheckboxSimple, _object_spread._({}, props));
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(CheckboxComponent, _object_spread._({}, props));
+};
+Checkbox.Input = _CheckboxInput.CheckboxInput;
 
 //# sourceMappingURL=Checkbox.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Icon20CheckBoxIndetermanate,\n  Icon20CheckBoxOff,\n  Icon20CheckBoxOn,\n  Icon24CheckBoxOff,\n  Icon24CheckBoxOn,\n} from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useAdaptivityConditionalRender } from '../../hooks/useAdaptivityConditionalRender';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasRef, HasRootRef } from '../../types';\nimport { DEFAULT_ACTIVE_EFFECT_DELAY } from '../Clickable/useState';\nimport { Tappable, type TappableProps } from '../Tappable/Tappable';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Text } from '../Typography/Text/Text';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './Checkbox.module.css';\n\nfunction setIndeterminate(el: HTMLInputElement, indeterminate: boolean) {\n  el.indeterminate = indeterminate;\n}\n\nconst sizeYClassNames = {\n  none: styles['Checkbox--sizeY-none'],\n  ['compact']: styles['Checkbox--sizeY-compact'],\n};\n\nexport interface CheckboxProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRootRef<HTMLLabelElement>,\n    HasRef<HTMLInputElement>,\n    Pick<\n      TappableProps,\n      'hoverMode' | 'activeMode' | 'hasHover' | 'hasActive' | 'focusVisibleMode'\n    > {\n  description?: React.ReactNode;\n  indeterminate?: boolean;\n  defaultIndeterminate?: boolean;\n  titleAfter?: React.ReactNode;\n}\n\nconst warn = warnOnce('Checkbox');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Checkbox\n */\nexport const Checkbox = ({\n  children,\n  className,\n  style,\n  getRootRef,\n  getRef,\n  description,\n  indeterminate,\n  defaultIndeterminate,\n  hoverMode,\n  activeMode,\n  hasHover,\n  hasActive,\n  focusVisibleMode,\n  onChange,\n  titleAfter,\n  ...restProps\n}: CheckboxProps): React.ReactNode => {\n  const inputRef = useExternRef(getRef);\n  const platform = usePlatform();\n  const { sizeY = 'none' } = useAdaptivity();\n  const { sizeY: adaptiveSizeY } = useAdaptivityConditionalRender();\n\n  React.useEffect(() => {\n    const indeterminateValue = indeterminate ?? Boolean(defaultIndeterminate);\n\n    if (inputRef.current) {\n      setIndeterminate(inputRef.current, indeterminateValue);\n    }\n  }, [defaultIndeterminate, indeterminate, inputRef]);\n\n  const handleChange: CheckboxProps['onChange'] = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (\n        defaultIndeterminate !== undefined &&\n        indeterminate === undefined &&\n        restProps.checked === undefined\n      ) {\n        event.currentTarget.indeterminate = false;\n      }\n      if (indeterminate !== undefined) {\n        event.currentTarget.indeterminate = indeterminate;\n      }\n      onChange && onChange(event);\n    },\n    [defaultIndeterminate, indeterminate, restProps.checked, onChange],\n  );\n\n  if (process.env.NODE_ENV === 'development') {\n    if (defaultIndeterminate && restProps.defaultChecked) {\n      warn('defaultIndeterminate и defaultChecked не могут быть true одновременно', 'error');\n    }\n\n    if (indeterminate && restProps.checked) {\n      warn('indeterminate и checked не могут быть true одновременно', 'error');\n    }\n\n    if (restProps.defaultChecked && restProps.checked) {\n      warn('defaultChecked и checked не могут быть true одновременно', 'error');\n    }\n  }\n\n  return (\n    <Tappable\n      Component=\"label\"\n      className={classNames(\n        styles['Checkbox'],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        !(hasReactNode(children) || hasReactNode(description)) && styles['Checkbox--simple'],\n        className,\n      )}\n      style={style}\n      disabled={restProps.disabled}\n      activeEffectDelay={platform === 'ios' ? 100 : DEFAULT_ACTIVE_EFFECT_DELAY}\n      getRootRef={getRootRef}\n      hoverMode={hoverMode}\n      activeMode={activeMode}\n      hasHover={hasHover}\n      hasActive={hasActive}\n      focusVisibleMode={focusVisibleMode}\n    >\n      <VisuallyHidden\n        {...restProps}\n        Component=\"input\"\n        type=\"checkbox\"\n        onChange={handleChange}\n        className={styles['Checkbox__input']}\n        getRootRef={inputRef}\n      />\n      <div className={classNames(styles['Checkbox__icon'], styles['Checkbox__icon--on'])}>\n        {platform === 'vkcom' ? (\n          <Icon20CheckBoxOn />\n        ) : (\n          <React.Fragment>\n            {adaptiveSizeY.compact && (\n              <Icon20CheckBoxOn className={adaptiveSizeY.compact.className} />\n            )}\n            {adaptiveSizeY.regular && (\n              <Icon24CheckBoxOn className={adaptiveSizeY.regular.className} />\n            )}\n          </React.Fragment>\n        )}\n      </div>\n      <div className={classNames(styles['Checkbox__icon'], styles['Checkbox__icon--off'])}>\n        {platform === 'vkcom' ? (\n          <Icon20CheckBoxOff />\n        ) : (\n          <React.Fragment>\n            {adaptiveSizeY.compact && (\n              <Icon20CheckBoxOff className={adaptiveSizeY.compact.className} />\n            )}\n            {adaptiveSizeY.regular && (\n              <Icon24CheckBoxOff className={adaptiveSizeY.regular.className} />\n            )}\n          </React.Fragment>\n        )}\n      </div>\n      <div\n        className={classNames(styles['Checkbox__icon'], styles['Checkbox__icon--indeterminate'])}\n      >\n        {platform === 'vkcom' ? (\n          <Icon20CheckBoxIndetermanate width={20} height={20} />\n        ) : (\n          <React.Fragment>\n            {adaptiveSizeY.compact && (\n              <Icon20CheckBoxIndetermanate\n                className={adaptiveSizeY.compact.className}\n                width={20}\n                height={20}\n              />\n            )}\n            {adaptiveSizeY.regular && (\n              <Icon20CheckBoxIndetermanate\n                className={adaptiveSizeY.regular.className}\n                width={24}\n                height={24}\n              />\n            )}\n          </React.Fragment>\n        )}\n      </div>\n      <div className={styles['Checkbox__content']}>\n        <div className={styles['Checkbox__title']}>\n          <Text className={styles['Checkbox__titleBefore']}>{children}</Text>\n          <div className={styles['Checkbox__titleAfter']}>{titleAfter}</div>\n        </div>\n        {hasReactNode(description) && (\n          <Footnote className={styles['Checkbox__description']}>{description}</Footnote>\n        )}\n      </div>\n    </Tappable>\n  );\n};\n"],"names":["Checkbox","setIndeterminate","el","indeterminate","sizeYClassNames","none","warn","warnOnce","children","className","style","getRootRef","getRef","description","defaultIndeterminate","hoverMode","activeMode","hasHover","hasActive","focusVisibleMode","onChange","titleAfter","restProps","inputRef","useExternRef","platform","usePlatform","sizeY","useAdaptivity","adaptiveSizeY","useAdaptivityConditionalRender","React","useEffect","indeterminateValue","Boolean","current","handleChange","useCallback","event","undefined","checked","currentTarget","process","env","NODE_ENV","defaultChecked","Tappable","Component","classNames","hasReactNode","disabled","activeEffectDelay","DEFAULT_ACTIVE_EFFECT_DELAY","VisuallyHidden","type","div","Icon20CheckBoxOn","Fragment","compact","regular","Icon24CheckBoxOn","Icon20CheckBoxOff","Icon24CheckBoxOff","Icon20CheckBoxIndetermanate","width","height","Text","Footnote"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { hasReactNode } from '@vkontakte/vkjs';\nimport { HasRootRef } from '../../types';\nimport { SelectionControl } from '../SelectionControl/SelectionControl';\nimport { SelectionControlLabel } from '../SelectionControl/SelectionControlLabel/SelectionControlLabel';\nimport { type TappableProps } from '../Tappable/Tappable';\nimport { CheckboxInput, CheckboxInputProps } from './CheckboxInput/CheckboxInput';\nimport { CheckboxSimple } from './CheckboxSimple/CheckboxSimple';\n\nexport interface CheckboxProps\n  extends Omit<CheckboxInputProps, 'getRootRef'>,\n    HasRootRef<HTMLLabelElement>,\n    Pick<\n      TappableProps,\n      'hoverMode' | 'activeMode' | 'hasHover' | 'hasActive' | 'focusVisibleMode'\n    > {\n  description?: React.ReactNode;\n  titleAfter?: React.ReactNode;\n}\n\nconst CheckboxComponent = ({\n  children,\n  className,\n  style,\n  getRootRef,\n  description,\n  hoverMode,\n  activeMode,\n  hasHover,\n  hasActive,\n  focusVisibleMode,\n  titleAfter,\n  ...restProps\n}: CheckboxProps): React.ReactNode => {\n  return (\n    <SelectionControl\n      className={className}\n      style={style}\n      disabled={restProps.disabled}\n      getRootRef={getRootRef}\n      hoverMode={hoverMode}\n      activeMode={activeMode}\n      hasHover={hasHover}\n      hasActive={hasActive}\n      focusVisibleMode={focusVisibleMode}\n    >\n      <CheckboxInput {...restProps} />\n      <SelectionControlLabel titleAfter={titleAfter} description={description}>\n        {children}\n      </SelectionControlLabel>\n    </SelectionControl>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Checkbox\n */\nexport const Checkbox = (props: CheckboxProps): React.ReactNode => {\n  const simple = !(hasReactNode(props.children) || hasReactNode(props.description));\n  if (simple) {\n    return <CheckboxSimple {...props} />;\n  }\n\n  return <CheckboxComponent {...props} />;\n};\n\nCheckbox.Input = CheckboxInput;\n"],"names":["Checkbox","CheckboxComponent","children","className","style","getRootRef","description","hoverMode","activeMode","hasHover","hasActive","focusVisibleMode","titleAfter","restProps","SelectionControl","disabled","CheckboxInput","SelectionControlLabel","props","simple","hasReactNode","CheckboxSimple","Input"],"mappings":";;;;+BAyDaA;;;eAAAA;;;;;;;iEAzDU;sBACM;kCAEI;uCACK;+BAEY;gCACnB;AAa/B,MAAMC,oBAAoB;QAAC,EACzBC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACLC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,UAAU,EACVC,QAAQ,EACRC,SAAS,EACTC,gBAAgB,EAChBC,UAAU,EAEI,WADXC;QAXHX;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,sBAACE,kCAAgB;QACfX,WAAWA;QACXC,OAAOA;QACPW,UAAUF,UAAUE,QAAQ;QAC5BV,YAAYA;QACZE,WAAWA;QACXC,YAAYA;QACZC,UAAUA;QACVC,WAAWA;QACXC,kBAAkBA;;0BAElB,qBAACK,4BAAa,uBAAKH;0BACnB,qBAACI,4CAAqB;gBAACL,YAAYA;gBAAYN,aAAaA;0BACzDJ;;;;AAIT;AAKO,MAAMF,WAAW,CAACkB;IACvB,MAAMC,SAAS,CAAEC,CAAAA,IAAAA,kBAAY,EAACF,MAAMhB,QAAQ,KAAKkB,IAAAA,kBAAY,EAACF,MAAMZ,WAAW,CAAA;IAC/E,IAAIa,QAAQ;QACV,qBAAO,qBAACE,8BAAc,uBAAKH;IAC7B;IAEA,qBAAO,qBAACjB,wCAAsBiB;AAChC;AAEAlB,SAASsB,KAAK,GAAGN,4BAAa"}

package/dist/cjs/components/Checkbox/CheckboxInput/CheckboxInput.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { HasRef, HasRootRef } from '../../../types';
+export interface CheckboxInputProps extends React.ComponentProps<'input'>, HasRootRef<HTMLDivElement>, HasRef<HTMLInputElement> {
+    indeterminate?: boolean;
+    defaultIndeterminate?: boolean;
+}
+export declare function CheckboxInput({ className, style, getRootRef, getRef, indeterminate, defaultIndeterminate, onChange, ...restProps }: CheckboxInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckboxInput.d.ts.map

package/dist/cjs/components/Checkbox/CheckboxInput/CheckboxInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/Checkbox/CheckboxInput/CheckboxInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAKpD,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EACnC,UAAU,CAAC,cAAc,CAAC,EAC1B,MAAM,CAAC,gBAAgB,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAID,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,KAAK,EACL,UAAU,EACV,MAAM,EACN,aAAa,EACb,oBAAoB,EACpB,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,kBAAkB,2CAwIpB"}

package/dist/cjs/components/Checkbox/CheckboxInput/CheckboxInput.js

@@ -0,0 +1,134 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CheckboxInput", {
+    enumerable: true,
+    get: function() {
+        return CheckboxInput;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _object_spread = require("@swc/helpers/_/_object_spread");
+const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _icons = require("@vkontakte/icons");
+const _vkjs = require("@vkontakte/vkjs");
+const _useAdaptivityConditionalRender = require("../../../hooks/useAdaptivityConditionalRender");
+const _useExternRef = require("../../../hooks/useExternRef");
+const _usePlatform = require("../../../hooks/usePlatform");
+const _warnOnce = require("../../../lib/warnOnce");
+const _RootComponent = require("../../RootComponent/RootComponent");
+const _VisuallyHidden = require("../../VisuallyHidden/VisuallyHidden");
+const warn = (0, _warnOnce.warnOnce)('Checkbox');
+function CheckboxInput(_param) {
+    var { className, style, getRootRef, getRef, indeterminate, defaultIndeterminate, onChange } = _param, restProps = _object_without_properties._(_param, [
+        "className",
+        "style",
+        "getRootRef",
+        "getRef",
+        "indeterminate",
+        "defaultIndeterminate",
+        "onChange"
+    ]);
+    const inputRef = (0, _useExternRef.useExternRef)(getRef);
+    const platform = (0, _usePlatform.usePlatform)();
+    const { sizeY: adaptiveSizeY } = (0, _useAdaptivityConditionalRender.useAdaptivityConditionalRender)();
+    _react.useEffect(()=>{
+        const indeterminateValue = indeterminate === undefined ? defaultIndeterminate : indeterminate;
+        if (inputRef.current) {
+            inputRef.current.indeterminate = Boolean(indeterminateValue);
+        }
+    }, [
+        defaultIndeterminate,
+        indeterminate,
+        inputRef
+    ]);
+    const handleChange = _react.useCallback((event)=>{
+        if (defaultIndeterminate !== undefined && indeterminate === undefined && restProps.checked === undefined && inputRef.current) {
+            inputRef.current.indeterminate = false;
+        }
+        if (indeterminate !== undefined && inputRef.current) {
+            inputRef.current.indeterminate = indeterminate;
+        }
+        onChange && onChange(event);
+    }, [
+        defaultIndeterminate,
+        indeterminate,
+        restProps.checked,
+        onChange,
+        inputRef
+    ]);
+    if (process.env.NODE_ENV === 'development') {
+        if (defaultIndeterminate && restProps.defaultChecked) {
+            warn('defaultIndeterminate и defaultChecked не могут быть true одновременно', 'error');
+        }
+        if (indeterminate && restProps.checked) {
+            warn('indeterminate и checked не могут быть true одновременно', 'error');
+        }
+        if (restProps.defaultChecked && restProps.checked) {
+            warn('defaultChecked и checked не могут быть true одновременно', 'error');
+        }
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_RootComponent.RootComponent, {
+        baseClassName: "vkuiCheckboxInput",
+        className: className,
+        style: style,
+        getRootRef: getRootRef,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_VisuallyHidden.VisuallyHidden, _object_spread_props._(_object_spread._({}, restProps), {
+                Component: "input",
+                type: "checkbox",
+                onChange: handleChange,
+                className: "vkuiCheckboxInput__input",
+                getRootRef: inputRef
+            })),
+            platform === 'vkcom' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_icons.Icon20CheckBoxOn, {
+                className: "vkuiCheckboxInput__icon--on"
+            }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
+                children: [
+                    adaptiveSizeY.compact && /*#__PURE__*/ (0, _jsxruntime.jsx)(_icons.Icon20CheckBoxOn, {
+                        className: (0, _vkjs.classNames)("vkuiCheckboxInput__icon--on", adaptiveSizeY.compact.className)
+                    }),
+                    adaptiveSizeY.regular && /*#__PURE__*/ (0, _jsxruntime.jsx)(_icons.Icon24CheckBoxOn, {
+                        className: (0, _vkjs.classNames)("vkuiCheckboxInput__icon--on", adaptiveSizeY.regular.className)
+                    })
+                ]
+            }),
+            platform === 'vkcom' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_icons.Icon20CheckBoxOff, {
+                className: "vkuiCheckboxInput__icon--off"
+            }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
+                children: [
+                    adaptiveSizeY.compact && /*#__PURE__*/ (0, _jsxruntime.jsx)(_icons.Icon20CheckBoxOff, {
+                        className: (0, _vkjs.classNames)("vkuiCheckboxInput__icon--off", adaptiveSizeY.compact.className)
+                    }),
+                    adaptiveSizeY.regular && /*#__PURE__*/ (0, _jsxruntime.jsx)(_icons.Icon24CheckBoxOff, {
+                        className: (0, _vkjs.classNames)("vkuiCheckboxInput__icon--off", adaptiveSizeY.regular.className)
+                    })
+                ]
+            }),
+            platform === 'vkcom' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_icons.Icon20CheckBoxIndetermanate, {
+                width: 20,
+                height: 20,
+                className: "vkuiCheckboxInput__icon--indeterminate"
+            }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
+                children: [
+                    adaptiveSizeY.compact && /*#__PURE__*/ (0, _jsxruntime.jsx)(_icons.Icon20CheckBoxIndetermanate, {
+                        className: (0, _vkjs.classNames)("vkuiCheckboxInput__icon--indeterminate", adaptiveSizeY.compact.className),
+                        width: 20,
+                        height: 20
+                    }),
+                    adaptiveSizeY.regular && /*#__PURE__*/ (0, _jsxruntime.jsx)(_icons.Icon20CheckBoxIndetermanate, {
+                        className: (0, _vkjs.classNames)("vkuiCheckboxInput__icon--indeterminate", adaptiveSizeY.regular.className),
+                        width: 24,
+                        height: 24
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=CheckboxInput.js.map

package/dist/cjs/components/Checkbox/CheckboxInput/CheckboxInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Checkbox/CheckboxInput/CheckboxInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Icon20CheckBoxIndetermanate,\n  Icon20CheckBoxOff,\n  Icon20CheckBoxOn,\n  Icon24CheckBoxOff,\n  Icon24CheckBoxOn,\n} from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityConditionalRender } from '../../../hooks/useAdaptivityConditionalRender';\nimport { useExternRef } from '../../../hooks/useExternRef';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport { warnOnce } from '../../../lib/warnOnce';\nimport { HasRef, HasRootRef } from '../../../types';\nimport { RootComponent } from '../../RootComponent/RootComponent';\nimport { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden';\nimport styles from './CheckboxInput.module.css';\n\nexport interface CheckboxInputProps\n  extends React.ComponentProps<'input'>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLInputElement> {\n  indeterminate?: boolean;\n  defaultIndeterminate?: boolean;\n}\n\nconst warn = warnOnce('Checkbox');\n\nexport function CheckboxInput({\n  className,\n  style,\n  getRootRef,\n  getRef,\n  indeterminate,\n  defaultIndeterminate,\n  onChange,\n  ...restProps\n}: CheckboxInputProps) {\n  const inputRef = useExternRef(getRef);\n  const platform = usePlatform();\n  const { sizeY: adaptiveSizeY } = useAdaptivityConditionalRender();\n\n  React.useEffect(() => {\n    const indeterminateValue = indeterminate === undefined ? defaultIndeterminate : indeterminate;\n\n    if (inputRef.current) {\n      inputRef.current.indeterminate = Boolean(indeterminateValue);\n    }\n  }, [defaultIndeterminate, indeterminate, inputRef]);\n\n  const handleChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (\n        defaultIndeterminate !== undefined &&\n        indeterminate === undefined &&\n        restProps.checked === undefined &&\n        inputRef.current\n      ) {\n        inputRef.current.indeterminate = false;\n      }\n      if (indeterminate !== undefined && inputRef.current) {\n        inputRef.current.indeterminate = indeterminate;\n      }\n      onChange && onChange(event);\n    },\n    [defaultIndeterminate, indeterminate, restProps.checked, onChange, inputRef],\n  );\n\n  if (process.env.NODE_ENV === 'development') {\n    if (defaultIndeterminate && restProps.defaultChecked) {\n      warn('defaultIndeterminate и defaultChecked не могут быть true одновременно', 'error');\n    }\n\n    if (indeterminate && restProps.checked) {\n      warn('indeterminate и checked не могут быть true одновременно', 'error');\n    }\n\n    if (restProps.defaultChecked && restProps.checked) {\n      warn('defaultChecked и checked не могут быть true одновременно', 'error');\n    }\n  }\n\n  return (\n    <RootComponent\n      baseClassName={styles['CheckboxInput']}\n      className={className}\n      style={style}\n      getRootRef={getRootRef}\n    >\n      <VisuallyHidden\n        {...restProps}\n        Component=\"input\"\n        type=\"checkbox\"\n        onChange={handleChange}\n        className={styles['CheckboxInput__input']}\n        getRootRef={inputRef}\n      />\n      {platform === 'vkcom' ? (\n        <Icon20CheckBoxOn className={styles['CheckboxInput__icon--on']} />\n      ) : (\n        <React.Fragment>\n          {adaptiveSizeY.compact && (\n            <Icon20CheckBoxOn\n              className={classNames(\n                styles['CheckboxInput__icon--on'],\n                adaptiveSizeY.compact.className,\n              )}\n            />\n          )}\n          {adaptiveSizeY.regular && (\n            <Icon24CheckBoxOn\n              className={classNames(\n                styles['CheckboxInput__icon--on'],\n                adaptiveSizeY.regular.className,\n              )}\n            />\n          )}\n        </React.Fragment>\n      )}\n      {platform === 'vkcom' ? (\n        <Icon20CheckBoxOff className={styles['CheckboxInput__icon--off']} />\n      ) : (\n        <React.Fragment>\n          {adaptiveSizeY.compact && (\n            <Icon20CheckBoxOff\n              className={classNames(\n                styles['CheckboxInput__icon--off'],\n                adaptiveSizeY.compact.className,\n              )}\n            />\n          )}\n          {adaptiveSizeY.regular && (\n            <Icon24CheckBoxOff\n              className={classNames(\n                styles['CheckboxInput__icon--off'],\n                adaptiveSizeY.regular.className,\n              )}\n            />\n          )}\n        </React.Fragment>\n      )}\n      {platform === 'vkcom' ? (\n        <Icon20CheckBoxIndetermanate\n          width={20}\n          height={20}\n          className={styles['CheckboxInput__icon--indeterminate']}\n        />\n      ) : (\n        <React.Fragment>\n          {adaptiveSizeY.compact && (\n            <Icon20CheckBoxIndetermanate\n              className={classNames(\n                styles['CheckboxInput__icon--indeterminate'],\n                adaptiveSizeY.compact.className,\n              )}\n              width={20}\n              height={20}\n            />\n          )}\n          {adaptiveSizeY.regular && (\n            <Icon20CheckBoxIndetermanate\n              className={classNames(\n                styles['CheckboxInput__icon--indeterminate'],\n                adaptiveSizeY.regular.className,\n              )}\n              width={24}\n              height={24}\n            />\n          )}\n        </React.Fragment>\n      )}\n    </RootComponent>\n  );\n}\n"],"names":["CheckboxInput","warn","warnOnce","className","style","getRootRef","getRef","indeterminate","defaultIndeterminate","onChange","restProps","inputRef","useExternRef","platform","usePlatform","sizeY","adaptiveSizeY","useAdaptivityConditionalRender","React","useEffect","indeterminateValue","undefined","current","Boolean","handleChange","useCallback","event","checked","process","env","NODE_ENV","defaultChecked","RootComponent","baseClassName","VisuallyHidden","Component","type","Icon20CheckBoxOn","Fragment","compact","classNames","regular","Icon24CheckBoxOn","Icon20CheckBoxOff","Icon24CheckBoxOff","Icon20CheckBoxIndetermanate","width","height"],"mappings":"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"}

package/dist/cjs/components/Checkbox/CheckboxSimple/CheckboxSimple.d.ts

@@ -0,0 +1,3 @@
+import { CheckboxProps } from '../Checkbox';
+export declare function CheckboxSimple({ children, className, style, getRootRef, description, hoverMode, activeMode, hasHover, hasActive, focusVisibleMode, titleAfter, ...restProps }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckboxSimple.d.ts.map

package/dist/cjs/components/Checkbox/CheckboxSimple/CheckboxSimple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxSimple.d.ts","sourceRoot":"","sources":["../../../../../src/components/Checkbox/CheckboxSimple/CheckboxSimple.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAS5C,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,KAAK,EACL,UAAU,EACV,WAAW,EACX,SAAS,EACT,UAAU,EACV,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,UAAU,EACV,GAAG,SAAS,EACb,EAAE,aAAa,2CAuBf"}