@vkontakte/vkui 7.8.2 → 7.9.1

package/dist/components/Checkbox/Checkbox.js

@@ -1,18 +1,24 @@
+'use client';
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { hasReactNode } from "@vkontakte/vkjs";
+import { useMergeProps } from "../../hooks/useMergeProps.js";
+import { warnOnce } from "../../lib/warnOnce.js";
 import { SelectionControl } from "../SelectionControl/SelectionControl.js";
 import { SelectionControlLabel } from "../SelectionControl/SelectionControlLabel/SelectionControlLabel.js";
 import { CheckboxInput } from "./CheckboxInput/CheckboxInput.js";
 import { CheckboxSimple } from "./CheckboxSimple/CheckboxSimple.js";
+const warn = warnOnce('Checkbox');
 const CheckboxComponent = (_param)=>{
-    var { children, className, style, getRootRef, description, hoverMode, activeMode, hasHover, hasActive, focusVisibleMode, titleAfter, noPadding } = _param, restProps = _object_without_properties(_param, [
+    var { children, className, style, getRootRef, getRef, description, hoverMode, activeMode, hasHover, hasActive, focusVisibleMode, titleAfter, noPadding, indeterminate, defaultIndeterminate, IconOnCompact, IconOnRegular, IconOffCompact, IconOffRegular, IconIndeterminate, slotProps } = _param, restProps = _object_without_properties(_param, [
         "children",
         "className",
         "style",
         "getRootRef",
+        "getRef",
         "description",
         "hoverMode",
         "activeMode",
@@ -20,32 +26,60 @@ const CheckboxComponent = (_param)=>{
         "hasActive",
         "focusVisibleMode",
         "titleAfter",
-        "noPadding"
+        "noPadding",
+        "indeterminate",
+        "defaultIndeterminate",
+        "IconOnCompact",
+        "IconOnRegular",
+        "IconOffCompact",
+        "IconOffRegular",
+        "IconIndeterminate",
+        "slotProps"
     ]);
-    return /*#__PURE__*/ _jsxs(SelectionControl, {
-        className: className,
-        style: style,
-        disabled: restProps.disabled,
-        getRootRef: getRootRef,
+    const rootRest = useMergeProps({
+        className,
+        style,
+        getRootRef
+    }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root);
+    const inputRest = useMergeProps(_object_spread({
+        getRootRef: getRef
+    }, restProps), slotProps === null || slotProps === void 0 ? void 0 : slotProps.input);
+    return /*#__PURE__*/ _jsxs(SelectionControl, _object_spread_props(_object_spread({
+        disabled: inputRest.disabled,
         hoverMode: hoverMode,
         activeMode: activeMode,
         hasHover: hasHover,
         hasActive: hasActive,
         focusVisibleMode: focusVisibleMode,
-        noPadding: noPadding,
+        noPadding: noPadding
+    }, rootRest), {
         children: [
-            /*#__PURE__*/ _jsx(CheckboxInput, _object_spread({}, restProps)),
+            /*#__PURE__*/ _jsx(CheckboxInput, {
+                indeterminate: indeterminate,
+                defaultIndeterminate: defaultIndeterminate,
+                IconIndeterminate: IconIndeterminate,
+                IconOnCompact: IconOnCompact,
+                IconOnRegular: IconOnRegular,
+                IconOffCompact: IconOffCompact,
+                IconOffRegular: IconOffRegular,
+                slotProps: {
+                    input: inputRest
+                }
+            }),
             /*#__PURE__*/ _jsx(SelectionControlLabel, {
                 titleAfter: titleAfter,
                 description: description,
                 children: children
             })
         ]
-    });
+    }));
 };
 /**
  * @see https://vkui.io/components/checkbox
  */ export const Checkbox = (props)=>{
+    if (process.env.NODE_ENV === 'development' && props.getRef) {
+        warn('Свойство `getRef` устаревшее, используйте `slotProps={ input: { getRootRef: ... } }`');
+    }
     const simple = !(hasReactNode(props.children) || hasReactNode(props.description));
     if (simple) {
         return /*#__PURE__*/ _jsx(CheckboxSimple, _object_spread({}, props));

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { hasReactNode } from '@vkontakte/vkjs';\nimport type { HasRootRef } from '../../types';\nimport { SelectionControl } from '../SelectionControl/SelectionControl';\nimport { SelectionControlLabel } from '../SelectionControl/SelectionControlLabel/SelectionControlLabel';\nimport type { TappableOmitProps } from '../Tappable/Tappable';\nimport { CheckboxInput, type CheckboxInputProps } from './CheckboxInput/CheckboxInput';\nimport { CheckboxSimple } from './CheckboxSimple/CheckboxSimple';\n\nexport interface CheckboxProps\n  extends Omit<CheckboxInputProps, 'getRootRef'>,\n    HasRootRef<HTMLLabelElement>,\n    Pick<\n      TappableOmitProps,\n      'hoverMode' | 'activeMode' | 'hasHover' | 'hasActive' | 'focusVisibleMode'\n    > {\n  /**\n   * Подпись под основным текстом.\n   */\n  description?: React.ReactNode;\n  /**\n   * Контент, идущий за основным текстом.\n   */\n  titleAfter?: React.ReactNode;\n  /**\n   * Отключает отступы у чекбокса. При использовании этого свойства, значение по умолчанию для свойств `hoverMode` и `activeMode` становится `\"opacity\"`.\n   */\n  noPadding?: boolean;\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  noPadding,\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      noPadding={noPadding}\n    >\n      <CheckboxInput {...restProps} />\n      <SelectionControlLabel titleAfter={titleAfter} description={description}>\n        {children}\n      </SelectionControlLabel>\n    </SelectionControl>\n  );\n};\n\n/**\n * @see https://vkui.io/components/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":["React","hasReactNode","SelectionControl","SelectionControlLabel","CheckboxInput","CheckboxSimple","CheckboxComponent","children","className","style","getRootRef","description","hoverMode","activeMode","hasHover","hasActive","focusVisibleMode","titleAfter","noPadding","restProps","disabled","Checkbox","props","simple","Input"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,gBAAgB,QAAQ,0CAAuC;AACxE,SAASC,qBAAqB,QAAQ,qEAAkE;AAExG,SAASC,aAAa,QAAiC,mCAAgC;AACvF,SAASC,cAAc,QAAQ,qCAAkC;AAuBjE,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,EACVC,SAAS,EAEK,WADXC;QAZHZ;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,MAAChB;QACCM,WAAWA;QACXC,OAAOA;QACPW,UAAUD,UAAUC,QAAQ;QAC5BV,YAAYA;QACZE,WAAWA;QACXC,YAAYA;QACZC,UAAUA;QACVC,WAAWA;QACXC,kBAAkBA;QAClBE,WAAWA;;0BAEX,KAACd,kCAAkBe;0BACnB,KAAChB;gBAAsBc,YAAYA;gBAAYN,aAAaA;0BACzDJ;;;;AAIT;AAEA;;CAEC,GACD,OAAO,MAAMc,WAAW,CAACC;IACvB,MAAMC,SAAS,CAAEtB,CAAAA,aAAaqB,MAAMf,QAAQ,KAAKN,aAAaqB,MAAMX,WAAW,CAAA;IAC/E,IAAIY,QAAQ;QACV,qBAAO,KAAClB,mCAAmBiB;IAC7B;IAEA,qBAAO,KAAChB,sCAAsBgB;AAChC,EAAE;AAEFD,SAASG,KAAK,GAAGpB"}
+{"version":3,"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { hasReactNode } from '@vkontakte/vkjs';\nimport { useMergeProps } from '../../hooks/useMergeProps';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HasDataAttribute, HasRootRef } from '../../types';\nimport { SelectionControl } from '../SelectionControl/SelectionControl';\nimport { SelectionControlLabel } from '../SelectionControl/SelectionControlLabel/SelectionControlLabel';\nimport type { TappableOmitProps } from '../Tappable/Tappable';\nimport { CheckboxInput, type CheckboxInputProps } from './CheckboxInput/CheckboxInput';\nimport { CheckboxSimple } from './CheckboxSimple/CheckboxSimple';\n\nconst warn = warnOnce('Checkbox');\n\nexport interface CheckboxProps\n  extends Omit<CheckboxInputProps, 'getRootRef' | 'slotProps'>,\n    HasRootRef<HTMLLabelElement>,\n    Pick<\n      TappableOmitProps,\n      'hoverMode' | 'activeMode' | 'hasHover' | 'hasActive' | 'focusVisibleMode'\n    > {\n  /**\n   * Свойства, которые можно прокинуть внутрь компонента:\n   * - `root`: свойства для прокидывания в корень компонента;\n   * - `input`: свойства для прокидывания в скрытый `input`.\n   */\n  slotProps?: {\n    root?: Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children'> &\n      HasRootRef<HTMLLabelElement> &\n      HasDataAttribute;\n    input?: React.ComponentProps<'input'> & HasRootRef<HTMLInputElement> & HasDataAttribute;\n  };\n  /**\n   * Подпись под основным текстом.\n   */\n  description?: React.ReactNode;\n  /**\n   * Контент, идущий за основным текстом.\n   */\n  titleAfter?: React.ReactNode;\n  /**\n   * Отключает отступы у чекбокса. При использовании этого свойства, значение по умолчанию для свойств `hoverMode` и `activeMode` становится `\"opacity\"`.\n   */\n  noPadding?: boolean;\n}\n\nconst CheckboxComponent = ({\n  children,\n  className,\n  style,\n  getRootRef,\n  getRef,\n  description,\n  hoverMode,\n  activeMode,\n  hasHover,\n  hasActive,\n  focusVisibleMode,\n  titleAfter,\n  noPadding,\n\n  indeterminate,\n  defaultIndeterminate,\n  IconOnCompact,\n  IconOnRegular,\n  IconOffCompact,\n  IconOffRegular,\n  IconIndeterminate,\n\n  slotProps,\n  ...restProps\n}: CheckboxProps): React.ReactNode => {\n  const rootRest = useMergeProps(\n    {\n      className,\n      style,\n      getRootRef,\n    },\n    slotProps?.root,\n  );\n\n  const inputRest = useMergeProps({ getRootRef: getRef, ...restProps }, slotProps?.input);\n\n  return (\n    <SelectionControl\n      disabled={inputRest.disabled}\n      hoverMode={hoverMode}\n      activeMode={activeMode}\n      hasHover={hasHover}\n      hasActive={hasActive}\n      focusVisibleMode={focusVisibleMode}\n      noPadding={noPadding}\n      {...rootRest}\n    >\n      <CheckboxInput\n        indeterminate={indeterminate}\n        defaultIndeterminate={defaultIndeterminate}\n        IconIndeterminate={IconIndeterminate}\n        IconOnCompact={IconOnCompact}\n        IconOnRegular={IconOnRegular}\n        IconOffCompact={IconOffCompact}\n        IconOffRegular={IconOffRegular}\n        slotProps={{ input: inputRest }}\n      />\n      <SelectionControlLabel titleAfter={titleAfter} description={description}>\n        {children}\n      </SelectionControlLabel>\n    </SelectionControl>\n  );\n};\n\n/**\n * @see https://vkui.io/components/checkbox\n */\nexport const Checkbox = (props: CheckboxProps): React.ReactNode => {\n  if (process.env.NODE_ENV === 'development' && props.getRef) {\n    warn('Свойство `getRef` устаревшее, используйте `slotProps={ input: { getRootRef: ... } }`');\n  }\n\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":["React","hasReactNode","useMergeProps","warnOnce","SelectionControl","SelectionControlLabel","CheckboxInput","CheckboxSimple","warn","CheckboxComponent","children","className","style","getRootRef","getRef","description","hoverMode","activeMode","hasHover","hasActive","focusVisibleMode","titleAfter","noPadding","indeterminate","defaultIndeterminate","IconOnCompact","IconOnRegular","IconOffCompact","IconOffRegular","IconIndeterminate","slotProps","restProps","rootRest","root","inputRest","input","disabled","Checkbox","props","process","env","NODE_ENV","simple","Input"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,QAAQ,QAAQ,wBAAqB;AAE9C,SAASC,gBAAgB,QAAQ,0CAAuC;AACxE,SAASC,qBAAqB,QAAQ,qEAAkE;AAExG,SAASC,aAAa,QAAiC,mCAAgC;AACvF,SAASC,cAAc,QAAQ,qCAAkC;AAEjE,MAAMC,OAAOL,SAAS;AAkCtB,MAAMM,oBAAoB;QAAC,EACzBC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACLC,UAAU,EACVC,MAAM,EACNC,WAAW,EACXC,SAAS,EACTC,UAAU,EACVC,QAAQ,EACRC,SAAS,EACTC,gBAAgB,EAChBC,UAAU,EACVC,SAAS,EAETC,aAAa,EACbC,oBAAoB,EACpBC,aAAa,EACbC,aAAa,EACbC,cAAc,EACdC,cAAc,EACdC,iBAAiB,EAEjBC,SAAS,EAEK,WADXC;QAvBHrB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QAEAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QAEAC;;IAGA,MAAME,WAAW9B,cACf;QACES;QACAC;QACAC;IACF,GACAiB,sBAAAA,gCAAAA,UAAWG,IAAI;IAGjB,MAAMC,YAAYhC,cAAc;QAAEW,YAAYC;OAAWiB,YAAaD,sBAAAA,gCAAAA,UAAWK,KAAK;IAEtF,qBACE,MAAC/B;QACCgC,UAAUF,UAAUE,QAAQ;QAC5BpB,WAAWA;QACXC,YAAYA;QACZC,UAAUA;QACVC,WAAWA;QACXC,kBAAkBA;QAClBE,WAAWA;OACPU;;0BAEJ,KAAC1B;gBACCiB,eAAeA;gBACfC,sBAAsBA;gBACtBK,mBAAmBA;gBACnBJ,eAAeA;gBACfC,eAAeA;gBACfC,gBAAgBA;gBAChBC,gBAAgBA;gBAChBE,WAAW;oBAAEK,OAAOD;gBAAU;;0BAEhC,KAAC7B;gBAAsBgB,YAAYA;gBAAYN,aAAaA;0BACzDL;;;;AAIT;AAEA;;CAEC,GACD,OAAO,MAAM2B,WAAW,CAACC;IACvB,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBAAiBH,MAAMxB,MAAM,EAAE;QAC1DN,KAAK;IACP;IAEA,MAAMkC,SAAS,CAAEzC,CAAAA,aAAaqC,MAAM5B,QAAQ,KAAKT,aAAaqC,MAAMvB,WAAW,CAAA;IAC/E,IAAI2B,QAAQ;QACV,qBAAO,KAACnC,mCAAmB+B;IAC7B;IAEA,qBAAO,KAAC7B,sCAAsB6B;AAChC,EAAE;AAEFD,SAASM,KAAK,GAAGrC"}

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

@@ -1,9 +1,22 @@
 import * as React from 'react';
 import { Icon20CheckBoxOn } from '@vkontakte/icons';
-import type { HasRef, HasRootRef } from '../../../types';
+import type { HasDataAttribute, HasRootRef } from '../../../types';
 type VendorIconType = typeof Icon20CheckBoxOn;
 export type CheckboxInputIconType = React.ComponentType<React.SVGProps<SVGSVGElement>> | VendorIconType;
-export interface CheckboxInputProps extends React.ComponentProps<'input'>, HasRootRef<HTMLDivElement>, HasRef<HTMLInputElement> {
+export interface CheckboxInputProps extends React.ComponentProps<'input'>, HasRootRef<HTMLDivElement> {
+    /**
+     * @deprecated Since 7.9.0. Вместо этого используйте `slotProps={ input: { getRootRef: ... } }`.
+     */
+    getRef?: React.Ref<HTMLInputElement>;
+    /**
+     * Свойства, которые можно прокинуть внутрь компонента:
+     * - `root`: свойства для прокидывания в корень компонента;
+     * - `input`: свойства для прокидывания в скрытый `input`.
+     */
+    slotProps?: {
+        root?: Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & HasRootRef<HTMLDivElement> & HasDataAttribute;
+        input?: React.ComponentProps<'input'> & HasRootRef<HTMLInputElement> & HasDataAttribute;
+    };
     /**
      * Неопределенное состояние чекбокса.
      */
@@ -33,6 +46,6 @@ export interface CheckboxInputProps extends React.ComponentProps<'input'>, HasRo
      */
     IconIndeterminate?: CheckboxInputIconType;
 }
-export declare function CheckboxInput({ className, style, getRootRef, getRef, indeterminate, defaultIndeterminate, onChange, IconOnCompact, IconOnRegular, IconOffCompact, IconOffRegular, IconIndeterminate, ...restProps }: CheckboxInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function CheckboxInput({ className, style, getRootRef, getRef, indeterminate, defaultIndeterminate, IconOnCompact, IconOnRegular, IconOffCompact, IconOffRegular, IconIndeterminate, slotProps, ...restProps }: CheckboxInputProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=CheckboxInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxInput.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/CheckboxInput/CheckboxInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,gBAAgB,EAGjB,MAAM,kBAAkB,CAAC;AAM1B,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAKzD,KAAK,cAAc,GAAG,OAAO,gBAAgB,CAAC;AAE9C,MAAM,MAAM,qBAAqB,GAC7B,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,GAClD,cAAc,CAAC;AAMnB,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EACnC,UAAU,CAAC,cAAc,CAAC,EAC1B,MAAM,CAAC,gBAAgB,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC;;OAEG;IACH,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC;;OAEG;IACH,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC;;OAEG;IACH,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC;;OAEG;IACH,iBAAiB,CAAC,EAAE,qBAAqB,CAAC;CAC3C;AAID,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,KAAK,EACL,UAAU,EACV,MAAM,EACN,aAAa,EACb,oBAAoB,EACpB,QAAQ,EACR,aAAgC,EAChC,aAAgC,EAChC,cAAkC,EAClC,cAAkC,EAClC,iBAA+C,EAC/C,GAAG,SAAS,EACb,EAAE,kBAAkB,2CA8GpB"}
+{"version":3,"file":"CheckboxInput.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/CheckboxInput/CheckboxInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,gBAAgB,EAGjB,MAAM,kBAAkB,CAAC;AAO1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAKnE,KAAK,cAAc,GAAG,OAAO,gBAAgB,CAAC;AAE9C,MAAM,MAAM,qBAAqB,GAC7B,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,GAClD,cAAc,CAAC;AAMnB,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EACnC,UAAU,CAAC,cAAc,CAAC;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACrC;;;;OAIG;IACH,SAAS,CAAC,EAAE;QACV,IAAI,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAC3D,UAAU,CAAC,cAAc,CAAC,GAC1B,gBAAgB,CAAC;QACnB,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG,UAAU,CAAC,gBAAgB,CAAC,GAAG,gBAAgB,CAAC;KACzF,CAAC;IACF;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC;;OAEG;IACH,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC;;OAEG;IACH,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC;;OAEG;IACH,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC;;OAEG;IACH,iBAAiB,CAAC,EAAE,qBAAqB,CAAC;CAC3C;AAID,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,KAAK,EACL,UAAU,EACV,MAAM,EAEN,aAAa,EACb,oBAAoB,EACpB,aAAgC,EAChC,aAAgC,EAChC,cAAkC,EAClC,cAAkC,EAClC,iBAA+C,EAE/C,SAAS,EACT,GAAG,SAAS,EACb,EAAE,kBAAkB,2CA8HpB"}

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

@@ -8,6 +8,7 @@ import { Icon20CheckBoxIndetermanate, Icon20CheckBoxOff, Icon20CheckBoxOn, Icon2
 import { classNames } from "@vkontakte/vkjs";
 import { useAdaptivityConditionalRender } from "../../../hooks/useAdaptivityConditionalRender/index.js";
 import { useExternRef } from "../../../hooks/useExternRef.js";
+import { useMergeProps } from "../../../hooks/useMergeProps.js";
 import { usePlatform } from "../../../hooks/usePlatform.js";
 import { warnOnce } from "../../../lib/warnOnce.js";
 import { RootComponent } from "../../RootComponent/RootComponent.js";
@@ -17,21 +18,32 @@ function setIndeterminate(el, indeterminate) {
 }
 const warn = warnOnce('Checkbox');
 export function CheckboxInput(_param) {
-    var { className, style, getRootRef, getRef, indeterminate, defaultIndeterminate, onChange, IconOnCompact = Icon20CheckBoxOn, IconOnRegular = Icon24CheckBoxOn, IconOffCompact = Icon20CheckBoxOff, IconOffRegular = Icon24CheckBoxOff, IconIndeterminate = Icon20CheckBoxIndetermanate } = _param, restProps = _object_without_properties(_param, [
+    var { className, style, getRootRef, getRef, indeterminate, defaultIndeterminate, IconOnCompact = Icon20CheckBoxOn, IconOnRegular = Icon24CheckBoxOn, IconOffCompact = Icon20CheckBoxOff, IconOffRegular = Icon24CheckBoxOff, IconIndeterminate = Icon20CheckBoxIndetermanate, slotProps } = _param, restProps = _object_without_properties(_param, [
         "className",
         "style",
         "getRootRef",
         "getRef",
         "indeterminate",
         "defaultIndeterminate",
-        "onChange",
         "IconOnCompact",
         "IconOnRegular",
         "IconOffCompact",
         "IconOffRegular",
-        "IconIndeterminate"
+        "IconIndeterminate",
+        "slotProps"
+    ]);
+    const rootRest = useMergeProps({
+        className,
+        style,
+        getRootRef
+    }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root);
+    const _useMergeProps = useMergeProps(_object_spread({
+        getRootRef: getRef
+    }, restProps), slotProps === null || slotProps === void 0 ? void 0 : slotProps.input), { onChange, getRootRef: getInputRef } = _useMergeProps, inputRest = _object_without_properties(_useMergeProps, [
+        "onChange",
+        "getRootRef"
     ]);
-    const inputRef = useExternRef(getRef);
+    const inputRef = useExternRef(getInputRef);
     const platform = usePlatform();
     const { sizeY: adaptiveSizeY } = useAdaptivityConditionalRender();
     React.useEffect(()=>{
@@ -45,7 +57,7 @@ export function CheckboxInput(_param) {
         inputRef
     ]);
     const handleChange = React.useCallback((event)=>{
-        if (defaultIndeterminate !== undefined && indeterminate === undefined && restProps.checked === undefined && inputRef.current) {
+        if (defaultIndeterminate !== undefined && indeterminate === undefined && inputRest.checked === undefined && inputRef.current) {
             setIndeterminate(inputRef.current, false);
         }
         if (indeterminate !== undefined && inputRef.current) {
@@ -55,34 +67,35 @@ export function CheckboxInput(_param) {
     }, [
         defaultIndeterminate,
         indeterminate,
-        restProps.checked,
+        inputRest.checked,
         onChange,
         inputRef
     ]);
     if (process.env.NODE_ENV === 'development') {
-        if (defaultIndeterminate && restProps.defaultChecked) {
+        /* istanbul ignore if: не проверяем в тестах */ if (getRef) {
+            warn('Свойство `getRef` устаревшее, используйте `slotProps={ input: { getRootRef: ... } }`');
+        }
+        if (defaultIndeterminate && inputRest.defaultChecked) {
             warn('defaultIndeterminate и defaultChecked не могут быть true одновременно', 'error');
         }
-        if (indeterminate && restProps.checked) {
+        if (indeterminate && inputRest.checked) {
             warn('indeterminate и checked не могут быть true одновременно', 'error');
         }
-        if (restProps.defaultChecked && restProps.checked) {
+        if (inputRest.defaultChecked && inputRest.checked) {
             warn('defaultChecked и checked не могут быть true одновременно', 'error');
         }
     }
-    return /*#__PURE__*/ _jsxs(RootComponent, {
-        baseClassName: "vkuiCheckboxInput__host",
-        className: className,
-        style: style,
-        getRootRef: getRootRef,
+    return /*#__PURE__*/ _jsxs(RootComponent, _object_spread_props(_object_spread({
+        baseClassName: "vkuiCheckboxInput__host"
+    }, rootRest), {
         children: [
-            /*#__PURE__*/ _jsx(VisuallyHidden, _object_spread_props(_object_spread({}, restProps), {
+            /*#__PURE__*/ _jsx(VisuallyHidden, _object_spread({
                 Component: "input",
                 type: "checkbox",
                 onChange: handleChange,
-                className: "vkuiCheckboxInput__input",
-                getRootRef: inputRef
-            })),
+                getRootRef: inputRef,
+                baseClassName: "vkuiCheckboxInput__input"
+            }, inputRest)),
             platform === 'vkcom' ? /*#__PURE__*/ _jsx(IconOnCompact, {
                 className: "vkuiCheckboxInput__iconOn"
             }) : /*#__PURE__*/ _jsxs(React.Fragment, {
@@ -126,7 +139,7 @@ export function CheckboxInput(_param) {
                 ]
             })
         ]
-    });
+    }));
 }
 
 //# sourceMappingURL=CheckboxInput.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Checkbox/CheckboxInput/CheckboxInput.tsx"],"sourcesContent":["'use client';\n\nimport * 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 type { HasRef, HasRootRef } from '../../../types';\nimport { RootComponent } from '../../RootComponent/RootComponent';\nimport { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden';\nimport styles from './CheckboxInput.module.css';\n\ntype VendorIconType = typeof Icon20CheckBoxOn;\n\nexport type CheckboxInputIconType =\n  | React.ComponentType<React.SVGProps<SVGSVGElement>>\n  | VendorIconType;\n\nfunction setIndeterminate(el: HTMLInputElement, indeterminate: boolean) {\n  el.indeterminate = indeterminate;\n}\n\nexport interface CheckboxInputProps\n  extends React.ComponentProps<'input'>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLInputElement> {\n  /**\n   * Неопределенное состояние чекбокса.\n   */\n  indeterminate?: boolean;\n  /**\n   * Неопределенное состояние чекбокса по умолчанию.\n   */\n  defaultIndeterminate?: boolean;\n  /**\n   * Иконка для включенного состояния в компактном режиме.\n   */\n  IconOnCompact?: CheckboxInputIconType;\n  /**\n   * Иконка для включенного состояния в обычном режиме.\n   */\n  IconOnRegular?: CheckboxInputIconType;\n  /**\n   * Иконка для выключенного состояния в компактном режиме.\n   */\n  IconOffCompact?: CheckboxInputIconType;\n  /**\n   * Иконка для выключенного состояния в обычном режиме.\n   */\n  IconOffRegular?: CheckboxInputIconType;\n  /**\n   * Иконка для неопределенного состояния.\n   */\n  IconIndeterminate?: CheckboxInputIconType;\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  IconOnCompact = Icon20CheckBoxOn,\n  IconOnRegular = Icon24CheckBoxOn,\n  IconOffCompact = Icon20CheckBoxOff,\n  IconOffRegular = Icon24CheckBoxOff,\n  IconIndeterminate = Icon20CheckBoxIndetermanate,\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      setIndeterminate(inputRef.current, 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        setIndeterminate(inputRef.current, false);\n      }\n      if (indeterminate !== undefined && inputRef.current) {\n        setIndeterminate(inputRef.current, Boolean(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.host}\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.input}\n        getRootRef={inputRef}\n      />\n      {platform === 'vkcom' ? (\n        <IconOnCompact className={styles.iconOn} />\n      ) : (\n        <React.Fragment>\n          {adaptiveSizeY.compact && (\n            <IconOnCompact className={classNames(styles.iconOn, adaptiveSizeY.compact.className)} />\n          )}\n          {adaptiveSizeY.regular && (\n            <IconOnRegular className={classNames(styles.iconOn, adaptiveSizeY.regular.className)} />\n          )}\n        </React.Fragment>\n      )}\n      {platform === 'vkcom' ? (\n        <IconOffCompact className={styles.iconOff} />\n      ) : (\n        <React.Fragment>\n          {adaptiveSizeY.compact && (\n            <IconOffCompact\n              className={classNames(styles.iconOff, adaptiveSizeY.compact.className)}\n            />\n          )}\n          {adaptiveSizeY.regular && (\n            <IconOffRegular\n              className={classNames(styles.iconOff, adaptiveSizeY.regular.className)}\n            />\n          )}\n        </React.Fragment>\n      )}\n      {platform === 'vkcom' ? (\n        <IconIndeterminate width={20} height={20} className={styles.iconIndeterminate} />\n      ) : (\n        <React.Fragment>\n          {adaptiveSizeY.compact && (\n            <IconIndeterminate\n              className={classNames(styles.iconIndeterminate, adaptiveSizeY.compact.className)}\n              width={20}\n              height={20}\n            />\n          )}\n          {adaptiveSizeY.regular && (\n            <IconIndeterminate\n              className={classNames(styles.iconIndeterminate, adaptiveSizeY.regular.className)}\n              width={24}\n              height={24}\n            />\n          )}\n        </React.Fragment>\n      )}\n    </RootComponent>\n  );\n}\n"],"names":["React","Icon20CheckBoxIndetermanate","Icon20CheckBoxOff","Icon20CheckBoxOn","Icon24CheckBoxOff","Icon24CheckBoxOn","classNames","useAdaptivityConditionalRender","useExternRef","usePlatform","warnOnce","RootComponent","VisuallyHidden","setIndeterminate","el","indeterminate","warn","CheckboxInput","className","style","getRootRef","getRef","defaultIndeterminate","onChange","IconOnCompact","IconOnRegular","IconOffCompact","IconOffRegular","IconIndeterminate","restProps","inputRef","platform","sizeY","adaptiveSizeY","useEffect","indeterminateValue","undefined","current","Boolean","handleChange","useCallback","event","checked","process","env","NODE_ENV","defaultChecked","baseClassName","Component","type","Fragment","compact","regular","width","height"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Checkbox/CheckboxInput/CheckboxInput.tsx"],"sourcesContent":["'use client';\n\nimport * 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 { useMergeProps } from '../../../hooks/useMergeProps';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport { warnOnce } from '../../../lib/warnOnce';\nimport type { HasDataAttribute, HasRootRef } from '../../../types';\nimport { RootComponent } from '../../RootComponent/RootComponent';\nimport { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden';\nimport styles from './CheckboxInput.module.css';\n\ntype VendorIconType = typeof Icon20CheckBoxOn;\n\nexport type CheckboxInputIconType =\n  | React.ComponentType<React.SVGProps<SVGSVGElement>>\n  | VendorIconType;\n\nfunction setIndeterminate(el: HTMLInputElement, indeterminate: boolean) {\n  el.indeterminate = indeterminate;\n}\n\nexport interface CheckboxInputProps\n  extends React.ComponentProps<'input'>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * @deprecated Since 7.9.0. Вместо этого используйте `slotProps={ input: { getRootRef: ... } }`.\n   */\n  getRef?: React.Ref<HTMLInputElement>;\n  /**\n   * Свойства, которые можно прокинуть внутрь компонента:\n   * - `root`: свойства для прокидывания в корень компонента;\n   * - `input`: свойства для прокидывания в скрытый `input`.\n   */\n  slotProps?: {\n    root?: Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> &\n      HasRootRef<HTMLDivElement> &\n      HasDataAttribute;\n    input?: React.ComponentProps<'input'> & HasRootRef<HTMLInputElement> & HasDataAttribute;\n  };\n  /**\n   * Неопределенное состояние чекбокса.\n   */\n  indeterminate?: boolean;\n  /**\n   * Неопределенное состояние чекбокса по умолчанию.\n   */\n  defaultIndeterminate?: boolean;\n  /**\n   * Иконка для включенного состояния в компактном режиме.\n   */\n  IconOnCompact?: CheckboxInputIconType;\n  /**\n   * Иконка для включенного состояния в обычном режиме.\n   */\n  IconOnRegular?: CheckboxInputIconType;\n  /**\n   * Иконка для выключенного состояния в компактном режиме.\n   */\n  IconOffCompact?: CheckboxInputIconType;\n  /**\n   * Иконка для выключенного состояния в обычном режиме.\n   */\n  IconOffRegular?: CheckboxInputIconType;\n  /**\n   * Иконка для неопределенного состояния.\n   */\n  IconIndeterminate?: CheckboxInputIconType;\n}\n\nconst warn = warnOnce('Checkbox');\n\nexport function CheckboxInput({\n  className,\n  style,\n  getRootRef,\n  getRef,\n\n  indeterminate,\n  defaultIndeterminate,\n  IconOnCompact = Icon20CheckBoxOn,\n  IconOnRegular = Icon24CheckBoxOn,\n  IconOffCompact = Icon20CheckBoxOff,\n  IconOffRegular = Icon24CheckBoxOff,\n  IconIndeterminate = Icon20CheckBoxIndetermanate,\n\n  slotProps,\n  ...restProps\n}: CheckboxInputProps) {\n  const rootRest = useMergeProps(\n    {\n      className,\n      style,\n      getRootRef,\n    },\n    slotProps?.root,\n  );\n\n  const {\n    onChange,\n    getRootRef: getInputRef,\n    ...inputRest\n  } = useMergeProps({ getRootRef: getRef, ...restProps }, slotProps?.input);\n\n  const inputRef = useExternRef<HTMLInputElement>(getInputRef);\n\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      setIndeterminate(inputRef.current, 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        inputRest.checked === undefined &&\n        inputRef.current\n      ) {\n        setIndeterminate(inputRef.current, false);\n      }\n      if (indeterminate !== undefined && inputRef.current) {\n        setIndeterminate(inputRef.current, Boolean(indeterminate));\n      }\n      onChange && onChange(event);\n    },\n    [defaultIndeterminate, indeterminate, inputRest.checked, onChange, inputRef],\n  );\n\n  if (process.env.NODE_ENV === 'development') {\n    /* istanbul ignore if: не проверяем в тестах */\n    if (getRef) {\n      warn('Свойство `getRef` устаревшее, используйте `slotProps={ input: { getRootRef: ... } }`');\n    }\n\n    if (defaultIndeterminate && inputRest.defaultChecked) {\n      warn('defaultIndeterminate и defaultChecked не могут быть true одновременно', 'error');\n    }\n\n    if (indeterminate && inputRest.checked) {\n      warn('indeterminate и checked не могут быть true одновременно', 'error');\n    }\n\n    if (inputRest.defaultChecked && inputRest.checked) {\n      warn('defaultChecked и checked не могут быть true одновременно', 'error');\n    }\n  }\n\n  return (\n    <RootComponent baseClassName={styles.host} {...rootRest}>\n      <VisuallyHidden\n        Component=\"input\"\n        type=\"checkbox\"\n        onChange={handleChange}\n        getRootRef={inputRef}\n        baseClassName={styles.input}\n        {...inputRest}\n      />\n      {platform === 'vkcom' ? (\n        <IconOnCompact className={styles.iconOn} />\n      ) : (\n        <React.Fragment>\n          {adaptiveSizeY.compact && (\n            <IconOnCompact className={classNames(styles.iconOn, adaptiveSizeY.compact.className)} />\n          )}\n          {adaptiveSizeY.regular && (\n            <IconOnRegular className={classNames(styles.iconOn, adaptiveSizeY.regular.className)} />\n          )}\n        </React.Fragment>\n      )}\n      {platform === 'vkcom' ? (\n        <IconOffCompact className={styles.iconOff} />\n      ) : (\n        <React.Fragment>\n          {adaptiveSizeY.compact && (\n            <IconOffCompact\n              className={classNames(styles.iconOff, adaptiveSizeY.compact.className)}\n            />\n          )}\n          {adaptiveSizeY.regular && (\n            <IconOffRegular\n              className={classNames(styles.iconOff, adaptiveSizeY.regular.className)}\n            />\n          )}\n        </React.Fragment>\n      )}\n      {platform === 'vkcom' ? (\n        <IconIndeterminate width={20} height={20} className={styles.iconIndeterminate} />\n      ) : (\n        <React.Fragment>\n          {adaptiveSizeY.compact && (\n            <IconIndeterminate\n              className={classNames(styles.iconIndeterminate, adaptiveSizeY.compact.className)}\n              width={20}\n              height={20}\n            />\n          )}\n          {adaptiveSizeY.regular && (\n            <IconIndeterminate\n              className={classNames(styles.iconIndeterminate, adaptiveSizeY.regular.className)}\n              width={24}\n              height={24}\n            />\n          )}\n        </React.Fragment>\n      )}\n    </RootComponent>\n  );\n}\n"],"names":["React","Icon20CheckBoxIndetermanate","Icon20CheckBoxOff","Icon20CheckBoxOn","Icon24CheckBoxOff","Icon24CheckBoxOn","classNames","useAdaptivityConditionalRender","useExternRef","useMergeProps","usePlatform","warnOnce","RootComponent","VisuallyHidden","setIndeterminate","el","indeterminate","warn","CheckboxInput","className","style","getRootRef","getRef","defaultIndeterminate","IconOnCompact","IconOnRegular","IconOffCompact","IconOffRegular","IconIndeterminate","slotProps","restProps","rootRest","root","input","onChange","getInputRef","inputRest","inputRef","platform","sizeY","adaptiveSizeY","useEffect","indeterminateValue","undefined","current","Boolean","handleChange","useCallback","event","checked","process","env","NODE_ENV","defaultChecked","baseClassName","Component","type","Fragment","compact","regular","width","height"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,2BAA2B,EAC3BC,iBAAiB,EACjBC,gBAAgB,EAChBC,iBAAiB,EACjBC,gBAAgB,QACX,mBAAmB;AAC1B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,8BAA8B,QAAQ,yDAAgD;AAC/F,SAASC,YAAY,QAAQ,iCAA8B;AAC3D,SAASC,aAAa,QAAQ,kCAA+B;AAC7D,SAASC,WAAW,QAAQ,gCAA6B;AACzD,SAASC,QAAQ,QAAQ,2BAAwB;AAEjD,SAASC,aAAa,QAAQ,uCAAoC;AAClE,SAASC,cAAc,QAAQ,yCAAsC;AASrE,SAASC,iBAAiBC,EAAoB,EAAEC,aAAsB;IACpED,GAAGC,aAAa,GAAGA;AACrB;AAkDA,MAAMC,OAAON,SAAS;AAEtB,OAAO,SAASO,cAAc;QAAA,EAC5BC,SAAS,EACTC,KAAK,EACLC,UAAU,EACVC,MAAM,EAENN,aAAa,EACbO,oBAAoB,EACpBC,gBAAgBrB,gBAAgB,EAChCsB,gBAAgBpB,gBAAgB,EAChCqB,iBAAiBxB,iBAAiB,EAClCyB,iBAAiBvB,iBAAiB,EAClCwB,oBAAoB3B,2BAA2B,EAE/C4B,SAAS,EAEU,GAhBS,QAezBC,uCAfyB;QAC5BX;QACAC;QACAC;QACAC;QAEAN;QACAO;QACAC;QACAC;QACAC;QACAC;QACAC;QAEAC;;IAGA,MAAME,WAAWtB,cACf;QACEU;QACAC;QACAC;IACF,GACAQ,sBAAAA,gCAAAA,UAAWG,IAAI;IAGjB,MAIIvB,iBAAAA,cAAc;QAAEY,YAAYC;OAAWQ,YAAaD,sBAAAA,gCAAAA,UAAWI,KAAK,GAJlE,EACJC,QAAQ,EACRb,YAAYc,WAAW,EAExB,GAAG1B,gBADC2B,uCACD3B;QAHFyB;QACAb;;IAIF,MAAMgB,WAAW7B,aAA+B2B;IAEhD,MAAMG,WAAW5B;IACjB,MAAM,EAAE6B,OAAOC,aAAa,EAAE,GAAGjC;IAEjCP,MAAMyC,SAAS,CAAC;QACd,MAAMC,qBAAqB1B,kBAAkB2B,YAAYpB,uBAAuBP;QAEhF,IAAIqB,SAASO,OAAO,EAAE;YACpB9B,iBAAiBuB,SAASO,OAAO,EAAEC,QAAQH;QAC7C;IACF,GAAG;QAACnB;QAAsBP;QAAeqB;KAAS;IAElD,MAAMS,eAAe9C,MAAM+C,WAAW,CACpC,CAACC;QACC,IACEzB,yBAAyBoB,aACzB3B,kBAAkB2B,aAClBP,UAAUa,OAAO,KAAKN,aACtBN,SAASO,OAAO,EAChB;YACA9B,iBAAiBuB,SAASO,OAAO,EAAE;QACrC;QACA,IAAI5B,kBAAkB2B,aAAaN,SAASO,OAAO,EAAE;YACnD9B,iBAAiBuB,SAASO,OAAO,EAAEC,QAAQ7B;QAC7C;QACAkB,YAAYA,SAASc;IACvB,GACA;QAACzB;QAAsBP;QAAeoB,UAAUa,OAAO;QAAEf;QAAUG;KAAS;IAG9E,IAAIa,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,6CAA6C,GAC7C,IAAI9B,QAAQ;YACVL,KAAK;QACP;QAEA,IAAIM,wBAAwBa,UAAUiB,cAAc,EAAE;YACpDpC,KAAK,yEAAyE;QAChF;QAEA,IAAID,iBAAiBoB,UAAUa,OAAO,EAAE;YACtChC,KAAK,2DAA2D;QAClE;QAEA,IAAImB,UAAUiB,cAAc,IAAIjB,UAAUa,OAAO,EAAE;YACjDhC,KAAK,4DAA4D;QACnE;IACF;IAEA,qBACE,MAACL;QAAc0C,aAAa;OAAmBvB;;0BAC7C,KAAClB;gBACC0C,WAAU;gBACVC,MAAK;gBACLtB,UAAUY;gBACVzB,YAAYgB;gBACZiB,aAAa;eACTlB;YAELE,aAAa,wBACZ,KAACd;gBAAcL,SAAS;+BAExB,MAACnB,MAAMyD,QAAQ;;oBACZjB,cAAckB,OAAO,kBACpB,KAAClC;wBAAcL,WAAWb,wCAA0BkC,cAAckB,OAAO,CAACvC,SAAS;;oBAEpFqB,cAAcmB,OAAO,kBACpB,KAAClC;wBAAcN,WAAWb,wCAA0BkC,cAAcmB,OAAO,CAACxC,SAAS;;;;YAIxFmB,aAAa,wBACZ,KAACZ;gBAAeP,SAAS;+BAEzB,MAACnB,MAAMyD,QAAQ;;oBACZjB,cAAckB,OAAO,kBACpB,KAAChC;wBACCP,WAAWb,yCAA2BkC,cAAckB,OAAO,CAACvC,SAAS;;oBAGxEqB,cAAcmB,OAAO,kBACpB,KAAChC;wBACCR,WAAWb,yCAA2BkC,cAAcmB,OAAO,CAACxC,SAAS;;;;YAK5EmB,aAAa,wBACZ,KAACV;gBAAkBgC,OAAO;gBAAIC,QAAQ;gBAAI1C,SAAS;+BAEnD,MAACnB,MAAMyD,QAAQ;;oBACZjB,cAAckB,OAAO,kBACpB,KAAC9B;wBACCT,WAAWb,mDAAqCkC,cAAckB,OAAO,CAACvC,SAAS;wBAC/EyC,OAAO;wBACPC,QAAQ;;oBAGXrB,cAAcmB,OAAO,kBACpB,KAAC/B;wBACCT,WAAWb,mDAAqCkC,cAAcmB,OAAO,CAACxC,SAAS;wBAC/EyC,OAAO;wBACPC,QAAQ;;;;;;AAOtB"}

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

@@ -1,3 +1,3 @@
 import type { CheckboxProps } from '../Checkbox';
-export declare function CheckboxSimple({ children, className, style, getRootRef, description, hoverMode: hoverModeProp, activeMode: activeModeProp, hasHover, hasActive, focusVisibleMode, titleAfter, noPadding, ...restProps }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function CheckboxSimple({ children, className, style, getRootRef, getRef, description, hoverMode: hoverModeProp, activeMode: activeModeProp, hasHover, hasActive, focusVisibleMode, titleAfter, noPadding, indeterminate, defaultIndeterminate, IconOnCompact, IconOnRegular, IconOffCompact, IconOffRegular, IconIndeterminate, slotProps, ...restProps }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CheckboxSimple.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxSimple.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/CheckboxSimple/CheckboxSimple.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AASjD,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,KAAK,EACL,UAAU,EACV,WAAW,EACX,SAAS,EAAE,aAAa,EACxB,UAAU,EAAE,cAAc,EAC1B,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,UAAU,EACV,SAAS,EACT,GAAG,SAAS,EACb,EAAE,aAAa,2CA2Bf"}
+{"version":3,"file":"CheckboxSimple.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/CheckboxSimple/CheckboxSimple.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AASjD,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,KAAK,EACL,UAAU,EACV,MAAM,EACN,WAAW,EACX,SAAS,EAAE,aAAa,EACxB,UAAU,EAAE,cAAc,EAC1B,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,UAAU,EACV,SAAS,EAET,aAAa,EACb,oBAAoB,EACpB,aAAa,EACb,aAAa,EACb,cAAc,EACd,cAAc,EACd,iBAAiB,EAEjB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,aAAa,2CA6Cf"}

package/dist/components/Checkbox/CheckboxSimple/CheckboxSimple.js

@@ -1,9 +1,11 @@
 'use client';
 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 } from "react/jsx-runtime";
 import { classNames } from "@vkontakte/vkjs";
 import { useAdaptivity } from "../../../hooks/useAdaptivity.js";
+import { useMergeProps } from "../../../hooks/useMergeProps.js";
 import { Tappable } from "../../Tappable/Tappable.js";
 import { CheckboxInput } from "../CheckboxInput/CheckboxInput.js";
 const sizeYClassNames = {
@@ -11,11 +13,12 @@ const sizeYClassNames = {
     compact: "vkuiCheckboxSimple__sizeYCompact"
 };
 export function CheckboxSimple(_param) {
-    var { children, className, style, getRootRef, description, hoverMode: hoverModeProp, activeMode: activeModeProp, hasHover, hasActive, focusVisibleMode, titleAfter, noPadding } = _param, restProps = _object_without_properties(_param, [
+    var { children, className, style, getRootRef, getRef, description, hoverMode: hoverModeProp, activeMode: activeModeProp, hasHover, hasActive, focusVisibleMode, titleAfter, noPadding, indeterminate, defaultIndeterminate, IconOnCompact, IconOnRegular, IconOffCompact, IconOffRegular, IconIndeterminate, slotProps } = _param, restProps = _object_without_properties(_param, [
         "children",
         "className",
         "style",
         "getRootRef",
+        "getRef",
         "description",
         "hoverMode",
         "activeMode",
@@ -23,24 +26,50 @@ export function CheckboxSimple(_param) {
         "hasActive",
         "focusVisibleMode",
         "titleAfter",
-        "noPadding"
+        "noPadding",
+        "indeterminate",
+        "defaultIndeterminate",
+        "IconOnCompact",
+        "IconOnRegular",
+        "IconOffCompact",
+        "IconOffRegular",
+        "IconIndeterminate",
+        "slotProps"
     ]);
+    const rootRest = useMergeProps({
+        className,
+        style,
+        getRootRef
+    }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root);
+    const inputRest = useMergeProps(_object_spread({
+        getRootRef: getRef
+    }, restProps), slotProps === null || slotProps === void 0 ? void 0 : slotProps.input);
     const { sizeY = 'none' } = useAdaptivity();
     const hoverMode = hoverModeProp || (noPadding ? 'opacity' : 'background');
     const activeMode = activeModeProp || (noPadding ? 'opacity' : 'background');
-    return /*#__PURE__*/ _jsx(Tappable, {
-        className: classNames(className, "vkuiCheckboxSimple__host", !noPadding && "vkuiCheckboxSimple__withPadding", sizeY !== 'regular' && sizeYClassNames[sizeY]),
-        style: style,
-        disabled: restProps.disabled,
-        getRootRef: getRootRef,
+    return /*#__PURE__*/ _jsx(Tappable, _object_spread_props(_object_spread({
+        baseClassName: classNames("vkuiCheckboxSimple__host", !noPadding && "vkuiCheckboxSimple__withPadding", sizeY !== 'regular' && sizeYClassNames[sizeY]),
+        disabled: inputRest.disabled,
         hoverMode: hoverMode,
         activeMode: activeMode,
         hasHover: hasHover,
         hasActive: hasActive,
         focusVisibleMode: focusVisibleMode,
-        Component: "label",
-        children: /*#__PURE__*/ _jsx(CheckboxInput, _object_spread({}, restProps))
-    });
+        Component: "label"
+    }, rootRest), {
+        children: /*#__PURE__*/ _jsx(CheckboxInput, {
+            indeterminate: indeterminate,
+            defaultIndeterminate: defaultIndeterminate,
+            IconIndeterminate: IconIndeterminate,
+            IconOnCompact: IconOnCompact,
+            IconOnRegular: IconOnRegular,
+            IconOffCompact: IconOffCompact,
+            IconOffRegular: IconOffRegular,
+            slotProps: {
+                input: inputRest
+            }
+        })
+    }));
 }
 
 //# sourceMappingURL=CheckboxSimple.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Checkbox/CheckboxSimple/CheckboxSimple.tsx"],"sourcesContent":["'use client';\n\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { Tappable } from '../../Tappable/Tappable';\nimport type { CheckboxProps } from '../Checkbox';\nimport { CheckboxInput } from '../CheckboxInput/CheckboxInput';\nimport styles from './CheckboxSimple.module.css';\n\nconst sizeYClassNames = {\n  none: styles.sizeYNone,\n  compact: styles.sizeYCompact,\n};\n\nexport function CheckboxSimple({\n  children,\n  className,\n  style,\n  getRootRef,\n  description,\n  hoverMode: hoverModeProp,\n  activeMode: activeModeProp,\n  hasHover,\n  hasActive,\n  focusVisibleMode,\n  titleAfter,\n  noPadding,\n  ...restProps\n}: CheckboxProps) {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  const hoverMode = hoverModeProp || (noPadding ? 'opacity' : 'background');\n  const activeMode = activeModeProp || (noPadding ? 'opacity' : 'background');\n\n  return (\n    <Tappable\n      className={classNames(\n        className,\n        styles.host,\n        !noPadding && styles.withPadding,\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n      )}\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      Component=\"label\"\n    >\n      <CheckboxInput {...restProps} />\n    </Tappable>\n  );\n}\n"],"names":["classNames","useAdaptivity","Tappable","CheckboxInput","sizeYClassNames","none","compact","CheckboxSimple","children","className","style","getRootRef","description","hoverMode","hoverModeProp","activeMode","activeModeProp","hasHover","hasActive","focusVisibleMode","titleAfter","noPadding","restProps","sizeY","disabled","Component"],"mappings":"AAAA;;;;AAEA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,kCAA+B;AAC7D,SAASC,QAAQ,QAAQ,6BAA0B;AAEnD,SAASC,aAAa,QAAQ,oCAAiC;AAG/D,MAAMC,kBAAkB;IACtBC,IAAI;IACJC,OAAO;AACT;AAEA,OAAO,SAASC,eAAe;QAAA,EAC7BC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACLC,UAAU,EACVC,WAAW,EACXC,WAAWC,aAAa,EACxBC,YAAYC,cAAc,EAC1BC,QAAQ,EACRC,SAAS,EACTC,gBAAgB,EAChBC,UAAU,EACVC,SAAS,EAEK,GAde,QAa1BC,uCAb0B;QAC7Bd;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAE;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGtB;IAE3B,MAAMY,YAAYC,iBAAkBO,CAAAA,YAAY,YAAY,YAAW;IACvE,MAAMN,aAAaC,kBAAmBK,CAAAA,YAAY,YAAY,YAAW;IAEzE,qBACE,KAACnB;QACCO,WAAWT,WACTS,uCAEA,CAACY,gDACDE,UAAU,aAAanB,eAAe,CAACmB,MAAM;QAE/Cb,OAAOA;QACPc,UAAUF,UAAUE,QAAQ;QAC5Bb,YAAYA;QACZE,WAAWA;QACXE,YAAYA;QACZE,UAAUA;QACVC,WAAWA;QACXC,kBAAkBA;QAClBM,WAAU;kBAEV,cAAA,KAACtB,kCAAkBmB;;AAGzB"}
+{"version":3,"sources":["../../../../src/components/Checkbox/CheckboxSimple/CheckboxSimple.tsx"],"sourcesContent":["'use client';\n\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { useMergeProps } from '../../../hooks/useMergeProps';\nimport { Tappable } from '../../Tappable/Tappable';\nimport type { CheckboxProps } from '../Checkbox';\nimport { CheckboxInput } from '../CheckboxInput/CheckboxInput';\nimport styles from './CheckboxSimple.module.css';\n\nconst sizeYClassNames = {\n  none: styles.sizeYNone,\n  compact: styles.sizeYCompact,\n};\n\nexport function CheckboxSimple({\n  children,\n  className,\n  style,\n  getRootRef,\n  getRef,\n  description,\n  hoverMode: hoverModeProp,\n  activeMode: activeModeProp,\n  hasHover,\n  hasActive,\n  focusVisibleMode,\n  titleAfter,\n  noPadding,\n\n  indeterminate,\n  defaultIndeterminate,\n  IconOnCompact,\n  IconOnRegular,\n  IconOffCompact,\n  IconOffRegular,\n  IconIndeterminate,\n\n  slotProps,\n  ...restProps\n}: CheckboxProps) {\n  const rootRest = useMergeProps(\n    {\n      className,\n      style,\n      getRootRef,\n    },\n    slotProps?.root,\n  );\n\n  const inputRest = useMergeProps({ getRootRef: getRef, ...restProps }, slotProps?.input);\n\n  const { sizeY = 'none' } = useAdaptivity();\n\n  const hoverMode = hoverModeProp || (noPadding ? 'opacity' : 'background');\n  const activeMode = activeModeProp || (noPadding ? 'opacity' : 'background');\n\n  return (\n    <Tappable\n      baseClassName={classNames(\n        styles.host,\n        !noPadding && styles.withPadding,\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n      )}\n      disabled={inputRest.disabled}\n      hoverMode={hoverMode}\n      activeMode={activeMode}\n      hasHover={hasHover}\n      hasActive={hasActive}\n      focusVisibleMode={focusVisibleMode}\n      Component=\"label\"\n      {...rootRest}\n    >\n      <CheckboxInput\n        indeterminate={indeterminate}\n        defaultIndeterminate={defaultIndeterminate}\n        IconIndeterminate={IconIndeterminate}\n        IconOnCompact={IconOnCompact}\n        IconOnRegular={IconOnRegular}\n        IconOffCompact={IconOffCompact}\n        IconOffRegular={IconOffRegular}\n        slotProps={{ input: inputRest }}\n      />\n    </Tappable>\n  );\n}\n"],"names":["classNames","useAdaptivity","useMergeProps","Tappable","CheckboxInput","sizeYClassNames","none","compact","CheckboxSimple","children","className","style","getRootRef","getRef","description","hoverMode","hoverModeProp","activeMode","activeModeProp","hasHover","hasActive","focusVisibleMode","titleAfter","noPadding","indeterminate","defaultIndeterminate","IconOnCompact","IconOnRegular","IconOffCompact","IconOffRegular","IconIndeterminate","slotProps","restProps","rootRest","root","inputRest","input","sizeY","baseClassName","disabled","Component"],"mappings":"AAAA;;;;;AAEA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,kCAA+B;AAC7D,SAASC,aAAa,QAAQ,kCAA+B;AAC7D,SAASC,QAAQ,QAAQ,6BAA0B;AAEnD,SAASC,aAAa,QAAQ,oCAAiC;AAG/D,MAAMC,kBAAkB;IACtBC,IAAI;IACJC,OAAO;AACT;AAEA,OAAO,SAASC,eAAe;QAAA,EAC7BC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACLC,UAAU,EACVC,MAAM,EACNC,WAAW,EACXC,WAAWC,aAAa,EACxBC,YAAYC,cAAc,EAC1BC,QAAQ,EACRC,SAAS,EACTC,gBAAgB,EAChBC,UAAU,EACVC,SAAS,EAETC,aAAa,EACbC,oBAAoB,EACpBC,aAAa,EACbC,aAAa,EACbC,cAAc,EACdC,cAAc,EACdC,iBAAiB,EAEjBC,SAAS,EAEK,GAzBe,QAwB1BC,uCAxB0B;QAC7BvB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAE;QACAC;QACAC;QACAC;QACAC;QAEAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QAEAC;;IAGA,MAAME,WAAW/B,cACf;QACEQ;QACAC;QACAC;IACF,GACAmB,sBAAAA,gCAAAA,UAAWG,IAAI;IAGjB,MAAMC,YAAYjC,cAAc;QAAEU,YAAYC;OAAWmB,YAAaD,sBAAAA,gCAAAA,UAAWK,KAAK;IAEtF,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAGpC;IAE3B,MAAMc,YAAYC,iBAAkBO,CAAAA,YAAY,YAAY,YAAW;IACvE,MAAMN,aAAaC,kBAAmBK,CAAAA,YAAY,YAAY,YAAW;IAEzE,qBACE,KAACpB;QACCmC,eAAetC,uCAEb,CAACuB,gDACDc,UAAU,aAAahC,eAAe,CAACgC,MAAM;QAE/CE,UAAUJ,UAAUI,QAAQ;QAC5BxB,WAAWA;QACXE,YAAYA;QACZE,UAAUA;QACVC,WAAWA;QACXC,kBAAkBA;QAClBmB,WAAU;OACNP;kBAEJ,cAAA,KAAC7B;YACCoB,eAAeA;YACfC,sBAAsBA;YACtBK,mBAAmBA;YACnBJ,eAAeA;YACfC,eAAeA;YACfC,gBAAgBA;YAChBC,gBAAgBA;YAChBE,WAAW;gBAAEK,OAAOD;YAAU;;;AAItC"}

package/dist/components/ChipsInput/ChipsInput.d.ts

@@ -10,5 +10,5 @@ export interface ChipsInputProps<Option extends ChipOption> extends ChipsInputBa
 /**
  * @see https://vkui.io/components/chips-input
  */
-export declare const ChipsInput: <Option extends ChipOption>({ value: valueProp, defaultValue, onChange, getRef, inputValue: inputValueProp, defaultInputValue: inputDefaultValueProp, onInputChange: onInputChangeProp, getOptionValue, getOptionLabel, getNewOptionData, disabled, allowClearButton, delimiter, ...restProps }: ChipsInputProps<Option>) => React.ReactNode;
+export declare const ChipsInput: <Option extends ChipOption>({ value: valueProp, defaultValue, onChange, getRef, inputValue: inputValueProp, defaultInputValue: defaultInputValueProp, onInputChange: onInputChangeProp, getOptionValue, getOptionLabel, getNewOptionData, disabled: disabledProp, allowClearButton, delimiter, slotProps, ...restProps }: ChipsInputProps<Option>) => React.ReactNode;
 //# sourceMappingURL=ChipsInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChipsInput.d.ts","sourceRoot":"","sources":["../../../src/components/ChipsInput/ChipsInput.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC/E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEzE,MAAM,WAAW,eAAe,CAAC,MAAM,SAAS,UAAU,CACxD,SAAQ,mBAAmB,CAAC,MAAM,CAAC,EACjC,kBAAkB,CAAC,MAAM,CAAC,EAC1B,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,WAAW,CAAC;IAC5E;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,MAAM,SAAS,UAAU,EAAE,qQAoBnD,eAAe,CAAC,MAAM,CAAC,KAAG,KAAK,CAAC,SA6ClC,CAAC"}
+{"version":3,"file":"ChipsInput.d.ts","sourceRoot":"","sources":["../../../src/components/ChipsInput/ChipsInput.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC/E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEzE,MAAM,WAAW,eAAe,CAAC,MAAM,SAAS,UAAU,CACxD,SAAQ,mBAAmB,CAAC,MAAM,CAAC,EACjC,kBAAkB,CAAC,MAAM,CAAC,EAC1B,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,WAAW,CAAC;IAC5E;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,MAAM,SAAS,UAAU,EAAE,8RAsBnD,eAAe,CAAC,MAAM,CAAC,KAAG,KAAK,CAAC,SAqElC,CAAC"}

package/dist/components/ChipsInput/ChipsInput.js

@@ -4,6 +4,7 @@ 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 } from "react/jsx-runtime";
 import { useExternRef } from "../../hooks/useExternRef.js";
+import { useMergeProps } from "../../hooks/useMergeProps.js";
 import { ChipsInputBase } from "../ChipsInputBase/ChipsInputBase.js";
 import { useChipsInput } from "./useChipsInput.js";
 /**
@@ -11,8 +12,8 @@ import { useChipsInput } from "./useChipsInput.js";
  */ export const ChipsInput = (_param)=>{
     var { // option
     value: valueProp, defaultValue, onChange, // input
-    getRef, inputValue: inputValueProp, defaultInputValue: inputDefaultValueProp, onInputChange: onInputChangeProp, getOptionValue, getOptionLabel, getNewOptionData, // other
-    disabled, allowClearButton, delimiter } = _param, restProps = _object_without_properties(_param, [
+    getRef, inputValue: inputValueProp, defaultInputValue: defaultInputValueProp, onInputChange: onInputChangeProp, getOptionValue, getOptionLabel, getNewOptionData, // other
+    disabled: disabledProp, allowClearButton, delimiter, slotProps } = _param, restProps = _object_without_properties(_param, [
         "value",
         "defaultValue",
         "onChange",
@@ -25,7 +26,21 @@ import { useChipsInput } from "./useChipsInput.js";
         "getNewOptionData",
         "disabled",
         "allowClearButton",
-        "delimiter"
+        "delimiter",
+        "slotProps"
+    ]);
+    const _useMergeProps = useMergeProps({
+        getRootRef: getRef,
+        value: inputValueProp,
+        defaultValue: defaultInputValueProp,
+        onChange: onInputChangeProp,
+        disabled: disabledProp
+    }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.input), { getRootRef: getInputRef, value: resolvedInputValue, defaultValue: resolvedInputDefaultValue, onChange: resolvedOnInputChange, disabled } = _useMergeProps, inputRest = _object_without_properties(_useMergeProps, [
+        "getRootRef",
+        "value",
+        "defaultValue",
+        "onChange",
+        "disabled"
     ]);
     const { value, addOptionFromInput, removeOption, clearOptions, // input
     inputRef: inputRefHook, inputValue, onInputChange } = useChipsInput({
@@ -37,25 +52,29 @@ import { useChipsInput } from "./useChipsInput.js";
         getOptionValue,
         getNewOptionData,
         // input
-        inputValue: inputValueProp,
-        defaultInputValue: inputDefaultValueProp,
-        onInputChange: onInputChangeProp,
+        inputValue: resolvedInputValue,
+        defaultInputValue: resolvedInputDefaultValue,
+        onInputChange: resolvedOnInputChange,
         // other
         disabled,
         delimiter
     });
-    const inputRef = useExternRef(getRef, inputRefHook);
-    return /*#__PURE__*/ _jsx(ChipsInputBase, _object_spread_props(_object_spread({}, restProps), {
-        disabled: disabled,
+    const inputRef = useExternRef(getInputRef, inputRefHook);
+    return /*#__PURE__*/ _jsx(ChipsInputBase, _object_spread({
         value: value,
         clearButtonShown: allowClearButton && (!!value.length || !!inputValue.length),
         onAddChipOption: addOptionFromInput,
         onRemoveChipOption: removeOption,
         onClear: clearOptions,
-        getRef: inputRef,
-        inputValue: inputValue,
-        onInputChange: onInputChange
-    }));
+        slotProps: _object_spread_props(_object_spread({}, slotProps), {
+            input: _object_spread({
+                getRootRef: inputRef,
+                value: inputValue,
+                onChange: onInputChange,
+                disabled
+            }, inputRest)
+        })
+    }, restProps));
 };
 
 //# sourceMappingURL=ChipsInput.js.map

package/dist/components/ChipsInput/ChipsInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ChipsInput/ChipsInput.tsx"],"sourcesContent":["'use client';\n\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { ChipsInputBase } from '../ChipsInputBase/ChipsInputBase';\nimport type { ChipOption, ChipsInputBaseProps } from '../ChipsInputBase/types';\nimport type { FormFieldProps } from '../FormField/FormField';\nimport { useChipsInput, type UseChipsInputProps } from './useChipsInput';\n\nexport interface ChipsInputProps<Option extends ChipOption>\n  extends ChipsInputBaseProps<Option>,\n    UseChipsInputProps<Option>,\n    Pick<FormFieldProps, 'status' | 'mode' | 'before' | 'after' | 'maxHeight'> {\n  /**\n   * Если `true`, то справа будет отображаться кнопка для очистки значения.\n   */\n  allowClearButton?: boolean;\n}\n\n/**\n * @see https://vkui.io/components/chips-input\n */\nexport const ChipsInput = <Option extends ChipOption>({\n  // option\n  value: valueProp,\n  defaultValue,\n  onChange,\n\n  // input\n  getRef,\n  inputValue: inputValueProp,\n  defaultInputValue: inputDefaultValueProp,\n  onInputChange: onInputChangeProp,\n  getOptionValue,\n  getOptionLabel,\n  getNewOptionData,\n\n  // other\n  disabled,\n  allowClearButton,\n  delimiter,\n  ...restProps\n}: ChipsInputProps<Option>): React.ReactNode => {\n  const {\n    value,\n    addOptionFromInput,\n    removeOption,\n    clearOptions,\n\n    // input\n    inputRef: inputRefHook,\n    inputValue,\n    onInputChange,\n  } = useChipsInput({\n    // option\n    value: valueProp,\n    defaultValue,\n    onChange,\n    getOptionLabel,\n    getOptionValue,\n    getNewOptionData,\n\n    // input\n    inputValue: inputValueProp,\n    defaultInputValue: inputDefaultValueProp,\n    onInputChange: onInputChangeProp,\n\n    // other\n    disabled,\n    delimiter,\n  });\n  const inputRef = useExternRef(getRef, inputRefHook);\n\n  return (\n    <ChipsInputBase\n      {...restProps}\n      disabled={disabled}\n      value={value}\n      clearButtonShown={allowClearButton && (!!value.length || !!inputValue.length)}\n      onAddChipOption={addOptionFromInput}\n      onRemoveChipOption={removeOption}\n      onClear={clearOptions}\n      getRef={inputRef}\n      inputValue={inputValue}\n      onInputChange={onInputChange}\n    />\n  );\n};\n"],"names":["useExternRef","ChipsInputBase","useChipsInput","ChipsInput","value","valueProp","defaultValue","onChange","getRef","inputValue","inputValueProp","defaultInputValue","inputDefaultValueProp","onInputChange","onInputChangeProp","getOptionValue","getOptionLabel","getNewOptionData","disabled","allowClearButton","delimiter","restProps","addOptionFromInput","removeOption","clearOptions","inputRef","inputRefHook","clearButtonShown","length","onAddChipOption","onRemoveChipOption","onClear"],"mappings":"AAAA;;;;;AAEA,SAASA,YAAY,QAAQ,8BAA2B;AACxD,SAASC,cAAc,QAAQ,sCAAmC;AAGlE,SAASC,aAAa,QAAiC,qBAAkB;AAYzE;;CAEC,GACD,OAAO,MAAMC,aAAa;QAA4B,EACpD,SAAS;IACTC,OAAOC,SAAS,EAChBC,YAAY,EACZC,QAAQ,EAER,QAAQ;IACRC,MAAM,EACNC,YAAYC,cAAc,EAC1BC,mBAAmBC,qBAAqB,EACxCC,eAAeC,iBAAiB,EAChCC,cAAc,EACdC,cAAc,EACdC,gBAAgB,EAEhB,QAAQ;IACRC,QAAQ,EACRC,gBAAgB,EAChBC,SAAS,EAEe,WADrBC;QAjBHjB;QACAE;QACAC;QAGAC;QACAC;QACAE;QACAE;QACAE;QACAC;QACAC;QAGAC;QACAC;QACAC;;IAGA,MAAM,EACJhB,KAAK,EACLkB,kBAAkB,EAClBC,YAAY,EACZC,YAAY,EAEZ,QAAQ;IACRC,UAAUC,YAAY,EACtBjB,UAAU,EACVI,aAAa,EACd,GAAGX,cAAc;QAChB,SAAS;QACTE,OAAOC;QACPC;QACAC;QACAS;QACAD;QACAE;QAEA,QAAQ;QACRR,YAAYC;QACZC,mBAAmBC;QACnBC,eAAeC;QAEf,QAAQ;QACRI;QACAE;IACF;IACA,MAAMK,WAAWzB,aAAaQ,QAAQkB;IAEtC,qBACE,KAACzB,wDACKoB;QACJH,UAAUA;QACVd,OAAOA;QACPuB,kBAAkBR,oBAAqB,CAAA,CAAC,CAACf,MAAMwB,MAAM,IAAI,CAAC,CAACnB,WAAWmB,MAAM,AAAD;QAC3EC,iBAAiBP;QACjBQ,oBAAoBP;QACpBQ,SAASP;QACThB,QAAQiB;QACRhB,YAAYA;QACZI,eAAeA;;AAGrB,EAAE"}
+{"version":3,"sources":["../../../src/components/ChipsInput/ChipsInput.tsx"],"sourcesContent":["'use client';\n\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useMergeProps } from '../../hooks/useMergeProps';\nimport { ChipsInputBase } from '../ChipsInputBase/ChipsInputBase';\nimport type { ChipOption, ChipsInputBaseProps } from '../ChipsInputBase/types';\nimport type { FormFieldProps } from '../FormField/FormField';\nimport { useChipsInput, type UseChipsInputProps } from './useChipsInput';\n\nexport interface ChipsInputProps<Option extends ChipOption>\n  extends ChipsInputBaseProps<Option>,\n    UseChipsInputProps<Option>,\n    Pick<FormFieldProps, 'status' | 'mode' | 'before' | 'after' | 'maxHeight'> {\n  /**\n   * Если `true`, то справа будет отображаться кнопка для очистки значения.\n   */\n  allowClearButton?: boolean;\n}\n\n/**\n * @see https://vkui.io/components/chips-input\n */\nexport const ChipsInput = <Option extends ChipOption>({\n  // option\n  value: valueProp,\n  defaultValue,\n  onChange,\n\n  // input\n  getRef,\n  inputValue: inputValueProp,\n  defaultInputValue: defaultInputValueProp,\n  onInputChange: onInputChangeProp,\n  getOptionValue,\n  getOptionLabel,\n  getNewOptionData,\n\n  // other\n  disabled: disabledProp,\n  allowClearButton,\n  delimiter,\n\n  slotProps,\n  ...restProps\n}: ChipsInputProps<Option>): React.ReactNode => {\n  const {\n    getRootRef: getInputRef,\n    value: resolvedInputValue,\n    defaultValue: resolvedInputDefaultValue,\n    onChange: resolvedOnInputChange,\n    disabled,\n    ...inputRest\n  } = useMergeProps(\n    {\n      getRootRef: getRef,\n      value: inputValueProp,\n      defaultValue: defaultInputValueProp,\n      onChange: onInputChangeProp,\n      disabled: disabledProp,\n    },\n    slotProps?.input,\n  );\n\n  const {\n    value,\n    addOptionFromInput,\n    removeOption,\n    clearOptions,\n\n    // input\n    inputRef: inputRefHook,\n    inputValue,\n    onInputChange,\n  } = useChipsInput({\n    // option\n    value: valueProp,\n    defaultValue,\n    onChange,\n    getOptionLabel,\n    getOptionValue,\n    getNewOptionData,\n\n    // input\n    inputValue: resolvedInputValue as string,\n    defaultInputValue: resolvedInputDefaultValue as string,\n    onInputChange: resolvedOnInputChange,\n\n    // other\n    disabled,\n    delimiter,\n  });\n  const inputRef = useExternRef(getInputRef, inputRefHook);\n\n  return (\n    <ChipsInputBase\n      value={value}\n      clearButtonShown={allowClearButton && (!!value.length || !!inputValue.length)}\n      onAddChipOption={addOptionFromInput}\n      onRemoveChipOption={removeOption}\n      onClear={clearOptions}\n      slotProps={{\n        ...slotProps,\n        input: {\n          getRootRef: inputRef,\n          value: inputValue,\n          onChange: onInputChange,\n          disabled,\n          ...inputRest,\n        },\n      }}\n      {...restProps}\n    />\n  );\n};\n"],"names":["useExternRef","useMergeProps","ChipsInputBase","useChipsInput","ChipsInput","value","valueProp","defaultValue","onChange","getRef","inputValue","inputValueProp","defaultInputValue","defaultInputValueProp","onInputChange","onInputChangeProp","getOptionValue","getOptionLabel","getNewOptionData","disabled","disabledProp","allowClearButton","delimiter","slotProps","restProps","getRootRef","input","getInputRef","resolvedInputValue","resolvedInputDefaultValue","resolvedOnInputChange","inputRest","addOptionFromInput","removeOption","clearOptions","inputRef","inputRefHook","clearButtonShown","length","onAddChipOption","onRemoveChipOption","onClear"],"mappings":"AAAA;;;;;AAEA,SAASA,YAAY,QAAQ,8BAA2B;AACxD,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,cAAc,QAAQ,sCAAmC;AAGlE,SAASC,aAAa,QAAiC,qBAAkB;AAYzE;;CAEC,GACD,OAAO,MAAMC,aAAa;QAA4B,EACpD,SAAS;IACTC,OAAOC,SAAS,EAChBC,YAAY,EACZC,QAAQ,EAER,QAAQ;IACRC,MAAM,EACNC,YAAYC,cAAc,EAC1BC,mBAAmBC,qBAAqB,EACxCC,eAAeC,iBAAiB,EAChCC,cAAc,EACdC,cAAc,EACdC,gBAAgB,EAEhB,QAAQ;IACRC,UAAUC,YAAY,EACtBC,gBAAgB,EAChBC,SAAS,EAETC,SAAS,EAEe,WADrBC;QAnBHnB;QACAE;QACAC;QAGAC;QACAC;QACAE;QACAE;QACAE;QACAC;QACAC;QAGAC;QACAE;QACAC;QAEAC;;IAGA,MAOItB,iBAAAA,cACF;QACEwB,YAAYhB;QACZJ,OAAOM;QACPJ,cAAcM;QACdL,UAAUO;QACVI,UAAUC;IACZ,GACAG,sBAAAA,gCAAAA,UAAWG,KAAK,GAfZ,EACJD,YAAYE,WAAW,EACvBtB,OAAOuB,kBAAkB,EACzBrB,cAAcsB,yBAAyB,EACvCrB,UAAUsB,qBAAqB,EAC/BX,QAAQ,EAET,GAAGlB,gBADC8B,uCACD9B;QANFwB;QACApB;QACAE;QACAC;QACAW;;IAaF,MAAM,EACJd,KAAK,EACL2B,kBAAkB,EAClBC,YAAY,EACZC,YAAY,EAEZ,QAAQ;IACRC,UAAUC,YAAY,EACtB1B,UAAU,EACVI,aAAa,EACd,GAAGX,cAAc;QAChB,SAAS;QACTE,OAAOC;QACPC;QACAC;QACAS;QACAD;QACAE;QAEA,QAAQ;QACRR,YAAYkB;QACZhB,mBAAmBiB;QACnBf,eAAegB;QAEf,QAAQ;QACRX;QACAG;IACF;IACA,MAAMa,WAAWnC,aAAa2B,aAAaS;IAE3C,qBACE,KAAClC;QACCG,OAAOA;QACPgC,kBAAkBhB,oBAAqB,CAAA,CAAC,CAAChB,MAAMiC,MAAM,IAAI,CAAC,CAAC5B,WAAW4B,MAAM,AAAD;QAC3EC,iBAAiBP;QACjBQ,oBAAoBP;QACpBQ,SAASP;QACTX,WAAW,wCACNA;YACHG,OAAO;gBACLD,YAAYU;gBACZ9B,OAAOK;gBACPF,UAAUM;gBACVK;eACGY;;OAGHP;AAGV,EAAE"}

package/dist/components/ChipsInputBase/ChipsInputBase.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import type { ChipOption, ChipsInputBasePrivateProps } from './types';
-export declare const ChipsInputBase: <O extends ChipOption>({ getRootRef, style, className, before, after, status, mode, maxHeight, value, onAddChipOption, "onRemoveChipOption": onRemoveChipOptionProp, renderChip, getRef, "id": idProp, inputValue, placeholder, disabled, readOnly, addOnBlur, onBlur, onInputChange, ClearButton, clearButtonShown, clearButtonTestId, onClear, chipsListLabel, "aria-label": ariaLabel, ...restProps }: ChipsInputBasePrivateProps<O>) => React.ReactNode;
+export declare const ChipsInputBase: <O extends ChipOption>({ "getRootRef": rootGetRootRef, "style": rootStyle, "className": rootClassName, before, after, status, mode, maxHeight, value, onAddChipOption, "onRemoveChipOption": onRemoveChipOptionProp, renderChip, getRef, "inputValue": inputValueProp, addOnBlur, onInputChange, ClearButton, clearButtonShown, clearButtonTestId, onClear, chipsListLabel, "aria-label": ariaLabel, slotProps, ...restProps }: ChipsInputBasePrivateProps<O>) => React.ReactNode;
 //# sourceMappingURL=ChipsInputBase.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChipsInputBase.d.ts","sourceRoot":"","sources":["../../../src/components/ChipsInputBase/ChipsInputBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,OAAO,KAAK,EAAE,UAAU,EAAmB,0BAA0B,EAAc,MAAM,SAAS,CAAC;AAQnG,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,UAAU,EAAE,mXAsClD,0BAA0B,CAAC,CAAC,CAAC,KAAG,KAAK,CAAC,SAsRxC,CAAC"}
+{"version":3,"file":"ChipsInputBase.d.ts","sourceRoot":"","sources":["../../../src/components/ChipsInputBase/ChipsInputBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyB/B,OAAO,KAAK,EAAE,UAAU,EAAmB,0BAA0B,EAAc,MAAM,SAAS,CAAC;AAUnG,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,UAAU,EAAE,yYAmClD,0BAA0B,CAAC,CAAC,CAAC,KAAG,KAAK,CAAC,SA+TxC,CAAC"}