@sberbusiness/triplex-next 1.46.0 → 1.48.0

package/components/CheckboxTree/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/CheckboxTree/utils.ts"],"sourcesContent":["import { ICheckboxTreeCheckboxData } from \"./types\";\n\n/** Обход ICheckboxData[]. */\nexport const traverseCheckboxes = (\n    checkboxes: ICheckboxTreeCheckboxData[],\n    cb: (checkbox: ICheckboxTreeCheckboxData) => void,\n) => {\n    checkboxes.forEach((c) => {\n        if (c.children) traverseCheckboxes(c.children, cb);\n        cb(c);\n    });\n};\n\n/** Обновление флага checked и bulk родителя, при изменении дочернего чекбокса. */\nexport const checkParentCheckboxes = (checkbox: ICheckboxTreeCheckboxData): void => {\n    if (!checkbox.children) {\n        return;\n    }\n\n    let checkedChildrenCount = 0;\n    let bulkChildrenCount = 0;\n\n    checkbox.children.forEach((c) => {\n        // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n        c.checked ? checkedChildrenCount++ : \"\";\n        // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n        c.bulk ? bulkChildrenCount++ : \"\";\n    });\n\n    // Все дочерние чекбоксы выбраны.\n    if (checkedChildrenCount === checkbox.children.length) {\n        checkbox.checked = true;\n        checkbox.bulk = bulkChildrenCount !== 0;\n    } else if (checkedChildrenCount > 0) {\n        // Некоторые дочерние чекбоксы выбраны.\n        checkbox.checked = true;\n        checkbox.bulk = true;\n    } else {\n        // Все дочерние чекбоксы не выбраны.\n        checkbox.checked = false;\n    }\n};\n\n/** Обновление флага checked дочерних чекбоксов, при изменении родителя. */\nexport const checkChildrenCheckboxes = (checkbox: ICheckboxTreeCheckboxData): void => {\n    if (!checkbox.children) {\n        return;\n    }\n\n    checkbox.children.forEach((c) => {\n        c.checked = checkbox.checked;\n        checkChildrenCheckboxes(c);\n    });\n};\n"],"names":[],"mappings":"AAGO,MAAM,qBAAqB,CAC9B,YACA,OACC;AACD,aAAW,QAAQ,CAAC,MAAM;AACtB,QAAI,EAAE,SAAU,oBAAmB,EAAE,UAAU,EAAE;AACjD,OAAG,CAAC;AAAA,EACR,CAAC;AACL;AAGO,MAAM,wBAAwB,CAAC,aAA8C;AAChF,MAAI,CAAC,SAAS,UAAU;AACpB;AAAA,EACJ;AAEA,MAAI,uBAAuB;AAC3B,MAAI,oBAAoB;AAExB,WAAS,SAAS,QAAQ,CAAC,MAAM;AAE7B,MAAE,UAAU,yBAAyB;AAErC,MAAE,OAAO,sBAAsB;AAAA,EACnC,CAAC;AAGD,MAAI,yBAAyB,SAAS,SAAS,QAAQ;AACnD,aAAS,UAAU;AACnB,aAAS,OAAO,sBAAsB;AAAA,EAC1C,WAAW,uBAAuB,GAAG;AAEjC,aAAS,UAAU;AACnB,aAAS,OAAO;AAAA,EACpB,OAAO;AAEH,aAAS,UAAU;AAAA,EACvB;AACJ;AAGO,MAAM,0BAA0B,CAAC,aAA8C;AAClF,MAAI,CAAC,SAAS,UAAU;AACpB;AAAA,EACJ;AAEA,WAAS,SAAS,QAAQ,CAAC,MAAM;AAC7B,MAAE,UAAU,SAAS;AACrB,4BAAwB,CAAC;AAAA,EAC7B,CAAC;AACL;"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/CheckboxTree/utils.ts"],"sourcesContent":["import { ICheckboxTreeCheckboxData } from \"./types\";\n\n/**\n * Обход дерева чекбоксов в глубину, снизу вверх: callback вызывается сначала для потомков, затем для их родителя.\n * Такой порядок обязателен для checkParentCheckboxes — состояние родителя считается по уже пересчитанным потомкам.\n */\nexport const traverseCheckboxes = (\n    checkboxes: ICheckboxTreeCheckboxData[],\n    callback: (checkbox: ICheckboxTreeCheckboxData) => void,\n): void => {\n    checkboxes.forEach((checkbox) => {\n        if (checkbox.children) {\n            traverseCheckboxes(checkbox.children, callback);\n        }\n\n        callback(checkbox);\n    });\n};\n\n/**\n * Пересчёт флагов checked и bulk узла по состоянию его прямых потомков.\n * Узел без потомков не трогается: bulk у листа не имеет смысла и остаётся таким, каким его задал потребитель.\n * Пустой массив children — тоже лист: иначе условие «все потомки выбраны» выполнялось бы вырожденно (0 === 0)\n * и узел становился выбранным сам по себе.\n */\nexport const checkParentCheckboxes = (checkbox: ICheckboxTreeCheckboxData): void => {\n    if (!checkbox.children?.length) {\n        return;\n    }\n\n    let checkedChildrenCount = 0;\n    let bulkChildrenCount = 0;\n\n    checkbox.children.forEach((child) => {\n        if (child.checked) {\n            checkedChildrenCount++;\n        }\n\n        if (child.bulk) {\n            bulkChildrenCount++;\n        }\n    });\n\n    if (checkedChildrenCount === checkbox.children.length) {\n        // Все дочерние чекбоксы выбраны. Узел остаётся частично выбранным, если частично выбран кто-то из потомков.\n        checkbox.checked = true;\n        checkbox.bulk = bulkChildrenCount !== 0;\n    } else if (checkedChildrenCount > 0) {\n        // Выбрана только часть дочерних чекбоксов.\n        checkbox.checked = true;\n        checkbox.bulk = true;\n    } else {\n        // Не выбран ни один дочерний чекбокс.\n        checkbox.checked = false;\n    }\n};\n\n/** Проставление флага checked родителя всем его потомкам вниз по дереву, при изменении родителя. */\nexport const checkChildrenCheckboxes = (checkbox: ICheckboxTreeCheckboxData): void => {\n    if (!checkbox.children) {\n        return;\n    }\n\n    checkbox.children.forEach((child) => {\n        child.checked = checkbox.checked;\n        checkChildrenCheckboxes(child);\n    });\n};\n"],"names":[],"mappings":"AAMO,MAAM,qBAAqB,CAC9B,YACA,aACO;AACP,aAAW,QAAQ,CAAC,aAAa;AAC7B,QAAI,SAAS,UAAU;AACnB,yBAAmB,SAAS,UAAU,QAAQ;AAAA,IAClD;AAEA,aAAS,QAAQ;AAAA,EACrB,CAAC;AACL;AAQO,MAAM,wBAAwB,CAAC,aAA8C;AAnB7E;AAoBH,MAAI,GAAC,cAAS,aAAT,mBAAmB,SAAQ;AAC5B;AAAA,EACJ;AAEA,MAAI,uBAAuB;AAC3B,MAAI,oBAAoB;AAExB,WAAS,SAAS,QAAQ,CAAC,UAAU;AACjC,QAAI,MAAM,SAAS;AACf;AAAA,IACJ;AAEA,QAAI,MAAM,MAAM;AACZ;AAAA,IACJ;AAAA,EACJ,CAAC;AAED,MAAI,yBAAyB,SAAS,SAAS,QAAQ;AAEnD,aAAS,UAAU;AACnB,aAAS,OAAO,sBAAsB;AAAA,EAC1C,WAAW,uBAAuB,GAAG;AAEjC,aAAS,UAAU;AACnB,aAAS,OAAO;AAAA,EACpB,OAAO;AAEH,aAAS,UAAU;AAAA,EACvB;AACJ;AAGO,MAAM,0BAA0B,CAAC,aAA8C;AAClF,MAAI,CAAC,SAAS,UAAU;AACpB;AAAA,EACJ;AAEA,WAAS,SAAS,QAAQ,CAAC,UAAU;AACjC,UAAM,UAAU,SAAS;AACzB,4BAAwB,KAAK;AAAA,EACjC,CAAC;AACL;"}

package/components/CheckboxTreeExtended/CheckboxTreeExtended.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { CollapsibleTreeExtended } from "../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
 import "../MobileView/MobileView.js";
@@ -8,15 +8,28 @@ import { useMobileView } from "../MobileView/useMobileView.js";
 import { CheckboxTreeExtendedContext } from "./CheckboxTreeExtendedContext.js";
 import { CheckboxTreeExtendedCheckbox } from "./components/CheckboxTreeExtendedCheckbox.js";
 import { CheckboxTreeExtendedNode } from "./components/CheckboxTreeExtendedNode.js";
-import { s as styles } from "../../chunks/CheckboxTreeExtended.module-BCujNMOr.js";
-const CheckboxTreeExtended = ({ className, size = EComponentSize.MD, ...rest }) => {
-  const adaptive = useMobileView();
-  const contextValue = React__default.useMemo(() => ({ size: adaptive ? EComponentSize.MD : size }), [adaptive, size]);
-  return /* @__PURE__ */ jsx(CheckboxTreeExtendedContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(CollapsibleTreeExtended, { className: clsx(styles.checkboxTreeExtended, className), ...rest }) });
-};
+import { s as styles } from "../../chunks/CheckboxTreeExtended.module-C5EvlwgD.js";
+const CheckboxTreeExtended = Object.assign(
+  React__default.forwardRef(
+    ({ className, size = EComponentSize.MD, ...rest }, ref) => {
+      const adaptive = useMobileView();
+      const contextValue = React__default.useMemo(() => ({ size: adaptive ? EComponentSize.MD : size }), [adaptive, size]);
+      return /* @__PURE__ */ jsx(CheckboxTreeExtendedContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+        CollapsibleTreeExtended,
+        {
+          className: clsx(styles.checkboxTreeExtended, className),
+          ...rest,
+          ref
+        }
+      ) });
+    }
+  ),
+  {
+    Checkbox: CheckboxTreeExtendedCheckbox,
+    Node: CheckboxTreeExtendedNode
+  }
+);
 CheckboxTreeExtended.displayName = "CheckboxTreeExtended";
-CheckboxTreeExtended.Checkbox = CheckboxTreeExtendedCheckbox;
-CheckboxTreeExtended.Node = CheckboxTreeExtendedNode;
 export {
   CheckboxTreeExtended
 };

package/components/CheckboxTreeExtended/CheckboxTreeExtended.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTreeExtended.js","sources":["../../../src/components/CheckboxTreeExtended/CheckboxTreeExtended.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport {\n    CollapsibleTreeExtended,\n    ICollapsibleTreeExtendedProps,\n} from \"../CollapsibleTreeExtended/CollapsibleTreeExtended\";\nimport { useMobileView } from \"../MobileView\";\nimport { CheckboxTreeExtendedContext } from \"./CheckboxTreeExtendedContext\";\nimport { CheckboxTreeExtendedCheckbox } from \"./components/CheckboxTreeExtendedCheckbox\";\nimport { CheckboxTreeExtendedNode } from \"./components/CheckboxTreeExtendedNode\";\nimport styles from \"./styles/CheckboxTreeExtended.module.less\";\n\n/** Свойства CheckboxTreeExtended. */\nexport interface ICheckboxTreeExtendedProps extends ICollapsibleTreeExtendedProps {\n    /** Размер дерева чекбоксов. По умолчанию EComponentSize.MD. В мобильном представлении всегда EComponentSize.MD. */\n    size?: EComponentSize;\n}\n\n/** CheckboxTreeExtended вместе с составными частями. */\nexport interface ICheckboxTreeExtendedSFC extends React.FC<ICheckboxTreeExtendedProps> {\n    /** Чекбокс ноды дерева. */\n    Checkbox: typeof CheckboxTreeExtendedCheckbox;\n    /** Нода дерева. */\n    Node: typeof CheckboxTreeExtendedNode;\n}\n\n/**\n * Декларативное дерево чекбоксов.\n * Является оберткой над CollapsibleTreeExtended.\n */\nexport const CheckboxTreeExtended: ICheckboxTreeExtendedSFC = ({ className, size = EComponentSize.MD, ...rest }) => {\n    const adaptive = useMobileView();\n    // В мобильном представлении размер зафиксирован, чтобы область нажатия оставалась достаточной.\n    const contextValue = React.useMemo(() => ({ size: adaptive ? EComponentSize.MD : size }), [adaptive, size]);\n\n    return (\n        <CheckboxTreeExtendedContext.Provider value={contextValue}>\n            <CollapsibleTreeExtended className={clsx(styles.checkboxTreeExtended, className)} {...rest} />\n        </CheckboxTreeExtendedContext.Provider>\n    );\n};\n\nCheckboxTreeExtended.displayName = \"CheckboxTreeExtended\";\nCheckboxTreeExtended.Checkbox = CheckboxTreeExtendedCheckbox;\nCheckboxTreeExtended.Node = CheckboxTreeExtendedNode;\n"],"names":["React"],"mappings":";;;;;;;;;;;AA+BO,MAAM,uBAAiD,CAAC,EAAE,WAAW,OAAO,eAAe,IAAI,GAAG,WAAW;AAChH,QAAM,WAAW,cAAA;AAEjB,QAAM,eAAeA,eAAM,QAAQ,OAAO,EAAE,MAAM,WAAW,eAAe,KAAK,KAAA,IAAS,CAAC,UAAU,IAAI,CAAC;AAE1G,6BACK,4BAA4B,UAA5B,EAAqC,OAAO,cACzC,UAAA,oBAAC,yBAAA,EAAwB,WAAW,KAAK,OAAO,sBAAsB,SAAS,GAAI,GAAG,MAAM,GAChG;AAER;AAEA,qBAAqB,cAAc;AACnC,qBAAqB,WAAW;AAChC,qBAAqB,OAAO;"}
+{"version":3,"file":"CheckboxTreeExtended.js","sources":["../../../src/components/CheckboxTreeExtended/CheckboxTreeExtended.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport {\n    CollapsibleTreeExtended,\n    ICollapsibleTreeExtendedProps,\n} from \"../CollapsibleTreeExtended/CollapsibleTreeExtended\";\nimport { useMobileView } from \"../MobileView\";\nimport { CheckboxTreeExtendedContext } from \"./CheckboxTreeExtendedContext\";\nimport { CheckboxTreeExtendedCheckbox } from \"./components/CheckboxTreeExtendedCheckbox\";\nimport { CheckboxTreeExtendedNode } from \"./components/CheckboxTreeExtendedNode\";\nimport styles from \"./styles/CheckboxTreeExtended.module.less\";\n\n/** Свойства CheckboxTreeExtended. */\nexport interface ICheckboxTreeExtendedProps extends ICollapsibleTreeExtendedProps {\n    /** Размер дерева чекбоксов. По умолчанию EComponentSize.MD. В мобильном представлении всегда EComponentSize.MD. */\n    size?: EComponentSize;\n}\n\n/**\n * CheckboxTreeExtended вместе с составными частями.\n *\n * Явная аннотация снимает проверку лишних свойств у Object.assign, поэтому при добавлении\n * или удалении статики этот интерфейс нужно править синхронно: иначе новая статика окажется\n * в рантайме, но не попадёт в публичный тип, и TypeScript промолчит.\n */\nexport interface ICheckboxTreeExtendedFC extends React.ForwardRefExoticComponent<\n    ICheckboxTreeExtendedProps & React.RefAttributes<HTMLUListElement>\n> {\n    /** Чекбокс ноды дерева. */\n    Checkbox: typeof CheckboxTreeExtendedCheckbox;\n    /** Нода дерева. */\n    Node: typeof CheckboxTreeExtendedNode;\n}\n\n/**\n * @deprecated Используйте ICheckboxTreeExtendedFC. Алиас сохранён, чтобы не ломать существующие импорты.\n */\nexport type ICheckboxTreeExtendedSFC = ICheckboxTreeExtendedFC;\n\n/**\n * Декларативное дерево чекбоксов.\n * Является оберткой над CollapsibleTreeExtended.\n *\n * ref указывает на корневой <ul role=\"tree\">.\n */\nexport const CheckboxTreeExtended: ICheckboxTreeExtendedFC = Object.assign(\n    React.forwardRef<HTMLUListElement, ICheckboxTreeExtendedProps>(\n        ({ className, size = EComponentSize.MD, ...rest }, ref) => {\n            const adaptive = useMobileView();\n            // В мобильном представлении размер зафиксирован, чтобы область нажатия оставалась достаточной.\n            const contextValue = React.useMemo(() => ({ size: adaptive ? EComponentSize.MD : size }), [adaptive, size]);\n\n            return (\n                <CheckboxTreeExtendedContext.Provider value={contextValue}>\n                    <CollapsibleTreeExtended\n                        className={clsx(styles.checkboxTreeExtended, className)}\n                        {...rest}\n                        ref={ref}\n                    />\n                </CheckboxTreeExtendedContext.Provider>\n            );\n        },\n    ),\n    {\n        Checkbox: CheckboxTreeExtendedCheckbox,\n        Node: CheckboxTreeExtendedNode,\n    },\n);\n\nCheckboxTreeExtended.displayName = \"CheckboxTreeExtended\";\n"],"names":["React"],"mappings":";;;;;;;;;;;AA8CO,MAAM,uBAAgD,OAAO;AAAA,EAChEA,eAAM;AAAA,IACF,CAAC,EAAE,WAAW,OAAO,eAAe,IAAI,GAAG,KAAA,GAAQ,QAAQ;AACvD,YAAM,WAAW,cAAA;AAEjB,YAAM,eAAeA,eAAM,QAAQ,OAAO,EAAE,MAAM,WAAW,eAAe,KAAK,KAAA,IAAS,CAAC,UAAU,IAAI,CAAC;AAE1G,aACI,oBAAC,4BAA4B,UAA5B,EAAqC,OAAO,cACzC,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,KAAK,OAAO,sBAAsB,SAAS;AAAA,UACrD,GAAG;AAAA,UACJ;AAAA,QAAA;AAAA,MAAA,GAER;AAAA,IAER;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,UAAU;AAAA,IACV,MAAM;AAAA,EAAA;AAEd;AAEA,qBAAqB,cAAc;"}

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedArrow.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useRef, useEffect } from "react";
 import { CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
-import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-BCujNMOr.js";
+import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-C5EvlwgD.js";
 const CheckboxTreeExtendedArrow = ({ active, opened, toggle }) => {
   const arrowNode = useRef(null);
   const prevActive = useRef(active);

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedCheckbox.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { useRef, useContext, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { Checkbox } from "../../Checkbox/Checkbox.js";
 import { CheckboxTreeExtendedContext } from "../CheckboxTreeExtendedContext.js";
-import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-BCujNMOr.js";
+import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-C5EvlwgD.js";
 const CheckboxTreeExtendedCheckbox = ({
   active,
   className,

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { CollapsibleTreeExtended } from "../../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
 import { CheckboxTreeExtendedContext } from "../CheckboxTreeExtendedContext.js";
 import { isStaticCheckboxTreeExtended } from "../isStaticCheckboxTreeExtended.js";
 import "./CheckboxTreeExtendedArrow.js";
-import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-BCujNMOr.js";
+import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-C5EvlwgD.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const CheckboxTreeExtendedNode = ({
   children,

package/components/Chip/Chip.js

@@ -1,13 +1,13 @@
 import "react/jsx-runtime";
 import "react";
-import "../../chunks/vendor-DqjKLGwf.js";
+import "../../chunks/vendor-CUIykw0y.js";
 import "../../enums/EComponentSize.js";
 import "../../utils/classNameMaps.js";
 import "../../utils/keyboard.js";
 import "../Badge/Badge.js";
 import "../IconWrapper/IconWrapper.js";
 import "./enums.js";
-import { C } from "../../chunks/Chip-Bi7plvOY.js";
+import { C } from "../../chunks/Chip-DF_tx9l4.js";
 export {
   C as Chip
 };

package/components/Chip/ChipClearButton.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { CrossStrokeSrvIcon24, CrossStrokeSrvIcon20, CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { ButtonIcon } from "../Button/ButtonIcon.js";
-const chipClearButton = "chipClearButton__be523296";
+const chipClearButton = "chipClearButton__dda2025b";
 const styles = {
   chipClearButton
 };

package/components/Chip/ChipDatePicker/ChipDatePicker.js

@@ -7,7 +7,7 @@ import { DatePickerExtended } from "../../DatePickerExtended/DatePickerExtended.
 import { ChipDatePickerTarget } from "./ChipDatePickerTarget.js";
 import { inputDateFormat } from "../../DateField/constants.js";
 import { DropdownMobileMaskedInput } from "../../Dropdown/mobile/DropdownMobileMaskedInput.js";
-import { s as styles } from "../../../chunks/Chip-Bi7plvOY.js";
+import { s as styles } from "../../../chunks/Chip-DF_tx9l4.js";
 const ChipDatePicker = React__default.forwardRef((props, ref) => {
   const {
     size,

package/components/Chip/ChipDatePicker/ChipDatePickerTarget.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { C as Chip } from "../../../chunks/Chip-Bi7plvOY.js";
+import { C as Chip } from "../../../chunks/Chip-DF_tx9l4.js";
 import { ChipDropdownArrow } from "../ChipDropdownArrow.js";
 import { ChipClearButton } from "../ChipClearButton.js";
 import { DatePickerExtendedContext } from "../../DatePickerExtended/DatePickerExtendedContext.js";

package/components/Chip/ChipDropdownArrow.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { CaretdownStrokeSrvIcon24, CaretdownStrokeSrvIcon20, CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const chipDropdownArrow = "chipDropdownArrow__1dfda564";
-const rotated = "rotated__29bfa5c9";
+const chipDropdownArrow = "chipDropdownArrow__06593196";
+const rotated = "rotated__ca95f879";
 const styles = {
   chipDropdownArrow,
   rotated

package/components/Chip/ChipIcon.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { C as Chip } from "../../chunks/Chip-Bi7plvOY.js";
+import { C as Chip } from "../../chunks/Chip-DF_tx9l4.js";
 const ChipIcon = React__default.forwardRef(({ children, ...rest }, ref) => /* @__PURE__ */ jsx(Chip, { ...rest, prefix: children, postfix: /* @__PURE__ */ jsx("span", {}), ref }));
 ChipIcon.displayName = "ChipIcon";
 export {

package/components/Chip/ChipMonthYearPicker/ChipMonthYearPicker.js

@@ -1,13 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { MonthYearPickerUtils } from "../../MonthYearField/utils.js";
 import { ChipMonthYearPickerTarget } from "./ChipMonthYearPickerTarget.js";
 import { dateFormatYYYYMMDD, globalLimitRange } from "../../../consts/DateConst.js";
 import { DatePickerExtended } from "../../DatePickerExtended/DatePickerExtended.js";
-import { DropdownMobileInput } from "../../Dropdown/mobile/DropdownMobileInput.js";
+import { ETextSize } from "../../Typography/enums.js";
+import "../../Typography/Caption.js";
+import "../../Typography/CodeText.js";
+import { Text } from "../../Typography/Text.js";
+import "../../Typography/Title.js";
 import { ECalendarPickType } from "../../Calendar/enums.js";
-import { s as styles } from "../../../chunks/Chip-Bi7plvOY.js";
+import { s as styles } from "../../../chunks/Chip-DF_tx9l4.js";
 const ChipMonthYearPicker = React__default.forwardRef((props, ref) => {
   const {
     className,
@@ -43,7 +47,7 @@ const ChipMonthYearPicker = React__default.forwardRef((props, ref) => {
       }
     );
   };
-  const renderDropdownHeaderTarget = () => /* @__PURE__ */ jsx(DropdownMobileInput, { value: pickerValues.inputString, placeholder, readOnly: true });
+  const renderDropdownHeaderTarget = () => /* @__PURE__ */ jsx(Text, { tag: "div", size: ETextSize.B3, children: pickerValues.inputString || label });
   const handleDateChange = (date) => {
     onChange(date.format(format));
   };

package/components/Chip/ChipMonthYearPicker/ChipMonthYearPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipMonthYearPicker.js","sources":["../../../../src/components/Chip/ChipMonthYearPicker/ChipMonthYearPicker.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport moment from \"moment\";\nimport { IMonthYearFieldProps } from \"../../MonthYearField/types\";\nimport { MonthYearPickerUtils } from \"../../MonthYearField/utils\";\nimport { IChipProps } from \"../Chip\";\nimport { ChipMonthYearPickerTarget, IChipMonthYearPickerTargetProps } from \"./ChipMonthYearPickerTarget\";\nimport { dateFormatYYYYMMDD, globalLimitRange } from \"../../../consts/DateConst\";\nimport { DatePickerExtended } from \"../../DatePickerExtended/DatePickerExtended\";\nimport { DropdownMobileInput } from \"../../Dropdown/mobile/DropdownMobileInput\";\nimport { ECalendarPickType } from \"../../Calendar/enums\";\nimport styles from \"../styles/Chip.module.less\";\n\n/** Свойства компонента ChipMonthYearPicker. */\nexport interface IChipMonthYearPickerProps\n    extends\n        Omit<IMonthYearFieldProps, \"status\" | \"label\" | \"onClear\" | \"targetProps\" | \"pickType\">,\n        Pick<IChipProps, \"type\" | \"disabled\"> {\n    /** Название поля, когда не выбрано значение. */\n    label: React.ReactNode;\n    /** Лейбл, отображаемый вместо выбранного значения. */\n    displayedValue?: React.ReactNode;\n    /** Свойства кнопки очищения значения, например aria-label. */\n    clearButtonProps?: IChipMonthYearPickerTargetProps[\"clearButtonProps\"];\n}\n\n/** MonthYearPicker с видом компонента Chip. */\nexport const ChipMonthYearPicker = React.forwardRef<HTMLDivElement, IChipMonthYearPickerProps>((props, ref) => {\n    const {\n        className,\n        size,\n        value,\n        placeholder,\n        format = dateFormatYYYYMMDD,\n        limitRange = globalLimitRange,\n        type,\n        label,\n        displayedValue,\n        disabled,\n        clearButtonProps,\n        onChange,\n        ...rest\n    } = props;\n    const pickerValues = MonthYearPickerUtils.getPickerValues(value, format, limitRange);\n\n    const handleClear = () => {\n        onChange(\"\");\n    };\n\n    const renderTarget = () => {\n        const selected = pickerValues.calendarDate !== null;\n\n        return (\n            <ChipMonthYearPickerTarget\n                type={type}\n                size={size}\n                selected={selected}\n                disabled={disabled}\n                clearButtonProps={clearButtonProps}\n                onClear={handleClear}\n            >\n                {selected ? (displayedValue ?? pickerValues.inputString) : label}\n            </ChipMonthYearPickerTarget>\n        );\n    };\n\n    const renderDropdownHeaderTarget = () => (\n        <DropdownMobileInput value={pickerValues.inputString} placeholder={placeholder} readOnly />\n    );\n\n    const handleDateChange = (date: moment.Moment) => {\n        onChange(date.format(format));\n    };\n\n    return (\n        <DatePickerExtended\n            className={clsx(styles.chipGroupItem, className)}\n            renderTarget={renderTarget}\n            renderDropdownHeaderTarget={renderDropdownHeaderTarget}\n            pickedDate={pickerValues.calendarDate}\n            pickType={ECalendarPickType.MONTH_YEAR}\n            format={format}\n            limitRange={limitRange}\n            onDateChange={handleDateChange}\n            {...rest}\n            ref={ref}\n        />\n    );\n});\n\nChipMonthYearPicker.displayName = \"ChipMonthYearPicker\";\n"],"names":["React"],"mappings":";;;;;;;;;;AA2BO,MAAM,sBAAsBA,eAAM,WAAsD,CAAC,OAAO,QAAQ;AAC3G,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AACJ,QAAM,eAAe,qBAAqB,gBAAgB,OAAO,QAAQ,UAAU;AAEnF,QAAM,cAAc,MAAM;AACtB,aAAS,EAAE;AAAA,EACf;AAEA,QAAM,eAAe,MAAM;AACvB,UAAM,WAAW,aAAa,iBAAiB;AAE/C,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QAER,UAAA,WAAY,kBAAkB,aAAa,cAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAGvE;AAEA,QAAM,6BAA6B,MAC/B,oBAAC,qBAAA,EAAoB,OAAO,aAAa,aAAa,aAA0B,UAAQ,KAAA,CAAC;AAG7F,QAAM,mBAAmB,CAAC,SAAwB;AAC9C,aAAS,KAAK,OAAO,MAAM,CAAC;AAAA,EAChC;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,eAAe,SAAS;AAAA,MAC/C;AAAA,MACA;AAAA,MACA,YAAY,aAAa;AAAA,MACzB,UAAU,kBAAkB;AAAA,MAC5B;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACb,GAAG;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAED,oBAAoB,cAAc;"}
+{"version":3,"file":"ChipMonthYearPicker.js","sources":["../../../../src/components/Chip/ChipMonthYearPicker/ChipMonthYearPicker.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport moment from \"moment\";\nimport { IMonthYearFieldProps } from \"../../MonthYearField/types\";\nimport { MonthYearPickerUtils } from \"../../MonthYearField/utils\";\nimport { IChipProps } from \"../Chip\";\nimport { ChipMonthYearPickerTarget, IChipMonthYearPickerTargetProps } from \"./ChipMonthYearPickerTarget\";\nimport { dateFormatYYYYMMDD, globalLimitRange } from \"../../../consts/DateConst\";\nimport { DatePickerExtended } from \"../../DatePickerExtended/DatePickerExtended\";\nimport { Text, ETextSize } from \"../../Typography\";\nimport { ECalendarPickType } from \"../../Calendar/enums\";\nimport styles from \"../styles/Chip.module.less\";\n\n/** Свойства компонента ChipMonthYearPicker. */\nexport interface IChipMonthYearPickerProps\n    extends\n        Omit<IMonthYearFieldProps, \"status\" | \"label\" | \"onClear\" | \"targetProps\" | \"pickType\">,\n        Pick<IChipProps, \"type\" | \"disabled\"> {\n    /** Название поля, когда не выбрано значение. */\n    label: React.ReactNode;\n    /** Лейбл, отображаемый вместо выбранного значения. */\n    displayedValue?: React.ReactNode;\n    /** Свойства кнопки очищения значения, например aria-label. */\n    clearButtonProps?: IChipMonthYearPickerTargetProps[\"clearButtonProps\"];\n}\n\n/** MonthYearPicker с видом компонента Chip. */\nexport const ChipMonthYearPicker = React.forwardRef<HTMLDivElement, IChipMonthYearPickerProps>((props, ref) => {\n    const {\n        className,\n        size,\n        value,\n        placeholder,\n        format = dateFormatYYYYMMDD,\n        limitRange = globalLimitRange,\n        type,\n        label,\n        displayedValue,\n        disabled,\n        clearButtonProps,\n        onChange,\n        ...rest\n    } = props;\n    const pickerValues = MonthYearPickerUtils.getPickerValues(value, format, limitRange);\n\n    const handleClear = () => {\n        onChange(\"\");\n    };\n\n    const renderTarget = () => {\n        const selected = pickerValues.calendarDate !== null;\n\n        return (\n            <ChipMonthYearPickerTarget\n                type={type}\n                size={size}\n                selected={selected}\n                disabled={disabled}\n                clearButtonProps={clearButtonProps}\n                onClear={handleClear}\n            >\n                {selected ? (displayedValue ?? pickerValues.inputString) : label}\n            </ChipMonthYearPickerTarget>\n        );\n    };\n\n    const renderDropdownHeaderTarget = () => (\n        <Text tag=\"div\" size={ETextSize.B3}>\n            {pickerValues.inputString || label}\n        </Text>\n    );\n\n    const handleDateChange = (date: moment.Moment) => {\n        onChange(date.format(format));\n    };\n\n    return (\n        <DatePickerExtended\n            className={clsx(styles.chipGroupItem, className)}\n            renderTarget={renderTarget}\n            renderDropdownHeaderTarget={renderDropdownHeaderTarget}\n            pickedDate={pickerValues.calendarDate}\n            pickType={ECalendarPickType.MONTH_YEAR}\n            format={format}\n            limitRange={limitRange}\n            onDateChange={handleDateChange}\n            {...rest}\n            ref={ref}\n        />\n    );\n});\n\nChipMonthYearPicker.displayName = \"ChipMonthYearPicker\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AA2BO,MAAM,sBAAsBA,eAAM,WAAsD,CAAC,OAAO,QAAQ;AAC3G,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AACJ,QAAM,eAAe,qBAAqB,gBAAgB,OAAO,QAAQ,UAAU;AAEnF,QAAM,cAAc,MAAM;AACtB,aAAS,EAAE;AAAA,EACf;AAEA,QAAM,eAAe,MAAM;AACvB,UAAM,WAAW,aAAa,iBAAiB;AAE/C,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QAER,UAAA,WAAY,kBAAkB,aAAa,cAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAGvE;AAEA,QAAM,6BAA6B,MAC/B,oBAAC,MAAA,EAAK,KAAI,OAAM,MAAM,UAAU,IAC3B,UAAA,aAAa,eAAe,MAAA,CACjC;AAGJ,QAAM,mBAAmB,CAAC,SAAwB;AAC9C,aAAS,KAAK,OAAO,MAAM,CAAC;AAAA,EAChC;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,eAAe,SAAS;AAAA,MAC/C;AAAA,MACA;AAAA,MACA,YAAY,aAAa;AAAA,MACzB,UAAU,kBAAkB;AAAA,MAC5B;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACb,GAAG;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAED,oBAAoB,cAAc;"}

package/components/Chip/ChipMonthYearPicker/ChipMonthYearPickerTarget.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { C as Chip } from "../../../chunks/Chip-Bi7plvOY.js";
+import { C as Chip } from "../../../chunks/Chip-DF_tx9l4.js";
 import { ChipDropdownArrow } from "../ChipDropdownArrow.js";
 import { ChipClearButton } from "../ChipClearButton.js";
 import { DatePickerExtendedContext } from "../../DatePickerExtended/DatePickerExtendedContext.js";

package/components/Chip/ChipMultiselect.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useCallback } from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { MultiselectField } from "../MultiselectField/MultiselectField.js";
 import { isKey } from "../../utils/keyboard.js";
-import { s as styles, C as Chip } from "../../chunks/Chip-Bi7plvOY.js";
+import { s as styles, C as Chip } from "../../chunks/Chip-DF_tx9l4.js";
 import { ChipClearButton } from "./ChipClearButton.js";
 import { ChipDropdownArrow } from "./ChipDropdownArrow.js";
 const ChipMultiselect = React__default.forwardRef(

package/components/Chip/ChipOptions.js

@@ -2,9 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { OptionsStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { isKey } from "../../utils/keyboard.js";
-import { C as Chip } from "../../chunks/Chip-Bi7plvOY.js";
+import { C as Chip } from "../../chunks/Chip-DF_tx9l4.js";
 import { ChipClearButton } from "./ChipClearButton.js";
-const chipOptionsContent = "chipOptionsContent__56b327b1";
+const chipOptionsContent = "chipOptionsContent__998e231a";
 const styles = {
   chipOptionsContent
 };

package/components/Chip/ChipSelect/ChipSelect.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { SelectExtendedField } from "../../SelectExtendedField/SelectExtendedField.js";
 import "../../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
 import "../../SelectExtendedField/components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdownDefault } from "../../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
 import { ChipSelectTarget } from "./ChipSelectTarget.js";
-import { s as styles } from "../../../chunks/Chip-Bi7plvOY.js";
+import { s as styles } from "../../../chunks/Chip-DF_tx9l4.js";
 const ChipSelect = React__default.forwardRef(
   ({
     className,

package/components/Chip/ChipSelect/ChipSelectTarget.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useCallback } from "react";
-import { C as Chip } from "../../../chunks/Chip-Bi7plvOY.js";
+import { C as Chip } from "../../../chunks/Chip-DF_tx9l4.js";
 import { ChipDropdownArrow } from "../ChipDropdownArrow.js";
 import { ChipClearButton } from "../ChipClearButton.js";
 import { isKey } from "../../../utils/keyboard.js";

package/components/Chip/ChipSort.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useRef } from "react";
-import { u as uniqueId, i as isEqual, c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { u as uniqueId, i as isEqual, c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { SortStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { ChipIcon } from "./ChipIcon.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
@@ -9,7 +9,7 @@ import "../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
 import "../SelectExtendedField/components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdownDefault } from "../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
 import { isKey } from "../../utils/keyboard.js";
-import { s as styles } from "../../chunks/Chip-Bi7plvOY.js";
+import { s as styles } from "../../chunks/Chip-DF_tx9l4.js";
 const ICON_PALETTE_INDEX_DEFAULT = 5;
 const ICON_PALETTE_INDEX_SELECTED = 6;
 const ChipSort = React__default.forwardRef(

package/components/Chip/ChipSuggest/ChipSuggest.js

@@ -1,12 +1,12 @@
 import { ChipSuggestTarget } from "./ChipSuggestTarget.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useRef, useCallback } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import "../../Suggest/SuggestContext.js";
 import { Suggest } from "../../Suggest/Suggest.js";
 import { ChipSuggestDropdown } from "./ChipSuggestDropdown.js";
-import { setForwardedRef } from "./utils.js";
-import { s as styles } from "../../../chunks/Chip-Bi7plvOY.js";
+import { setForwardedRef } from "../../../helpers/setForwardedRef.js";
+import { s as styles } from "../../../chunks/Chip-DF_tx9l4.js";
 const ChipSuggestBase = ({
   className,
   type,

package/components/Chip/ChipSuggest/ChipSuggest.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipSuggest.js","sources":["../../../../src/components/Chip/ChipSuggest/ChipSuggest.tsx"],"sourcesContent":["import React, { useCallback, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { ISuggestOption, Suggest } from \"../../Suggest\";\nimport { IChipSuggestProps } from \"./types\";\nimport { ChipSuggestTarget } from \"./ChipSuggestTarget\";\nimport { ChipSuggestDropdown } from \"./ChipSuggestDropdown\";\nimport { setForwardedRef } from \"./utils\";\nimport styles from \"../styles/Chip.module.less\";\n\nconst ChipSuggestBase = <T extends ISuggestOption = ISuggestOption>(\n    {\n        className,\n        type,\n        displayedValue,\n        label,\n        targetProps,\n        dropdownProps,\n        // prefix приходит из React.HTMLAttributes как RDFa-атрибут и намеренно не попадает\n        // в restProps: ChipSuggest его не поддерживает (ChipSuggestTarget задаёт только postfix),\n        // поэтому проп отбрасывается, а не уезжает на корневой div.\n        prefix: _prefix,\n        ...restProps\n    }: IChipSuggestProps<T>,\n    ref: React.ForwardedRef<HTMLDivElement>,\n) => {\n    // value и size остаются в restProps: их читает Suggest и раздаёт через контекст.\n    const { value, size } = restProps;\n    const suggestRef = useRef<HTMLDivElement | null>(null);\n    const targetRef = useRef<HTMLSpanElement>(null);\n\n    const setRef = useCallback(\n        (instance: HTMLDivElement | null) => {\n            suggestRef.current = instance;\n            setForwardedRef(ref, instance);\n        },\n        [ref],\n    );\n\n    return (\n        <Suggest className={clsx(styles.chipGroupItem, className)} {...restProps} ref={setRef}>\n            <ChipSuggestTarget size={size} {...targetProps} type={type} ref={targetRef}>\n                {value ? (displayedValue ?? value.label) : label}\n            </ChipSuggestTarget>\n            <ChipSuggestDropdown size={size} targetRef={suggestRef} {...dropdownProps}>\n                {label}\n            </ChipSuggestDropdown>\n        </Suggest>\n    );\n};\n\n/**\n * Компонент выбора одного значения из списка с возможностью фильтрации.\n * Выбранное значение отображается компонентом Chip.\n */\nexport const ChipSuggest = React.forwardRef(ChipSuggestBase) as <T extends ISuggestOption = ISuggestOption>(\n    props: IChipSuggestProps<T> & React.RefAttributes<HTMLDivElement>,\n) => JSX.Element;\n"],"names":["React"],"mappings":";;;;;;;;;AASA,MAAM,kBAAkB,CACpB;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA;AAAA,EAIA,QAAQ;AAAA,EACR,GAAG;AACP,GACA,QACC;AAED,QAAM,EAAE,OAAO,KAAA,IAAS;AACxB,QAAM,aAAa,OAA8B,IAAI;AACrD,QAAM,YAAY,OAAwB,IAAI;AAE9C,QAAM,SAAS;AAAA,IACX,CAAC,aAAoC;AACjC,iBAAW,UAAU;AACrB,sBAAgB,KAAK,QAAQ;AAAA,IACjC;AAAA,IACA,CAAC,GAAG;AAAA,EAAA;AAGR,SACI,qBAAC,SAAA,EAAQ,WAAW,KAAK,OAAO,eAAe,SAAS,GAAI,GAAG,WAAW,KAAK,QAC3E,UAAA;AAAA,IAAA,oBAAC,mBAAA,EAAkB,MAAa,GAAG,aAAa,MAAY,KAAK,WAC5D,UAAA,QAAS,kBAAkB,MAAM,QAAS,MAAA,CAC/C;AAAA,wBACC,qBAAA,EAAoB,MAAY,WAAW,YAAa,GAAG,eACvD,UAAA,MAAA,CACL;AAAA,EAAA,GACJ;AAER;AAMO,MAAM,cAAcA,eAAM,WAAW,eAAe;"}
+{"version":3,"file":"ChipSuggest.js","sources":["../../../../src/components/Chip/ChipSuggest/ChipSuggest.tsx"],"sourcesContent":["import React, { useCallback, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { ISuggestOption, Suggest } from \"../../Suggest\";\nimport { IChipSuggestProps } from \"./types\";\nimport { ChipSuggestTarget } from \"./ChipSuggestTarget\";\nimport { ChipSuggestDropdown } from \"./ChipSuggestDropdown\";\nimport { setForwardedRef } from \"../../../helpers/setForwardedRef\";\nimport styles from \"../styles/Chip.module.less\";\n\nconst ChipSuggestBase = <T extends ISuggestOption = ISuggestOption>(\n    {\n        className,\n        type,\n        displayedValue,\n        label,\n        targetProps,\n        dropdownProps,\n        // prefix приходит из React.HTMLAttributes как RDFa-атрибут и намеренно не попадает\n        // в restProps: ChipSuggest его не поддерживает (ChipSuggestTarget задаёт только postfix),\n        // поэтому проп отбрасывается, а не уезжает на корневой div.\n        prefix: _prefix,\n        ...restProps\n    }: IChipSuggestProps<T>,\n    ref: React.ForwardedRef<HTMLDivElement>,\n) => {\n    // value и size остаются в restProps: их читает Suggest и раздаёт через контекст.\n    const { value, size } = restProps;\n    const suggestRef = useRef<HTMLDivElement | null>(null);\n    const targetRef = useRef<HTMLSpanElement>(null);\n\n    const setRef = useCallback(\n        (instance: HTMLDivElement | null) => {\n            suggestRef.current = instance;\n            setForwardedRef(ref, instance);\n        },\n        [ref],\n    );\n\n    return (\n        <Suggest className={clsx(styles.chipGroupItem, className)} {...restProps} ref={setRef}>\n            <ChipSuggestTarget size={size} {...targetProps} type={type} ref={targetRef}>\n                {value ? (displayedValue ?? value.label) : label}\n            </ChipSuggestTarget>\n            <ChipSuggestDropdown size={size} targetRef={suggestRef} {...dropdownProps}>\n                {label}\n            </ChipSuggestDropdown>\n        </Suggest>\n    );\n};\n\n/**\n * Компонент выбора одного значения из списка с возможностью фильтрации.\n * Выбранное значение отображается компонентом Chip.\n */\nexport const ChipSuggest = React.forwardRef(ChipSuggestBase) as <T extends ISuggestOption = ISuggestOption>(\n    props: IChipSuggestProps<T> & React.RefAttributes<HTMLDivElement>,\n) => JSX.Element;\n"],"names":["React"],"mappings":";;;;;;;;;AASA,MAAM,kBAAkB,CACpB;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA;AAAA,EAIA,QAAQ;AAAA,EACR,GAAG;AACP,GACA,QACC;AAED,QAAM,EAAE,OAAO,KAAA,IAAS;AACxB,QAAM,aAAa,OAA8B,IAAI;AACrD,QAAM,YAAY,OAAwB,IAAI;AAE9C,QAAM,SAAS;AAAA,IACX,CAAC,aAAoC;AACjC,iBAAW,UAAU;AACrB,sBAAgB,KAAK,QAAQ;AAAA,IACjC;AAAA,IACA,CAAC,GAAG;AAAA,EAAA;AAGR,SACI,qBAAC,SAAA,EAAQ,WAAW,KAAK,OAAO,eAAe,SAAS,GAAI,GAAG,WAAW,KAAK,QAC3E,UAAA;AAAA,IAAA,oBAAC,mBAAA,EAAkB,MAAa,GAAG,aAAa,MAAY,KAAK,WAC5D,UAAA,QAAS,kBAAkB,MAAM,QAAS,MAAA,CAC/C;AAAA,wBACC,qBAAA,EAAoB,MAAY,WAAW,YAAa,GAAG,eACvD,UAAA,MAAA,CACL;AAAA,EAAA,GACJ;AAER;AAMO,MAAM,cAAcA,eAAM,WAAW,eAAe;"}

package/components/Chip/ChipSuggest/ChipSuggestDropdown.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useCallback } from "react";
-import { j as focusTrapReactExports } from "../../../chunks/vendor-DqjKLGwf.js";
+import { j as focusTrapReactExports } from "../../../chunks/vendor-CUIykw0y.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import { useSuggestContext } from "../../Suggest/SuggestContext.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import { D as DropdownListItem } from "../../../chunks/DropdownListItem-BaP5AaMK.js";
+import { D as DropdownListItem } from "../../../chunks/DropdownListItem-cXbzcYKR.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -21,7 +21,7 @@ import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { Dropdown } from "../../Dropdown/Dropdown.js";
 import { ChipSuggestDesktopDropdownField } from "./desktop/ChipSuggestDesktopDropdownField.js";
 import { SuggestMobileDropdownContent } from "../../Suggest/SuggestMobileDropdownContent.js";
-import { setForwardedRef } from "./utils.js";
+import { setForwardedRef } from "../../../helpers/setForwardedRef.js";
 const KEY_CODES_SELECTABLE = [EVENT_KEY_CODES.ENTER];
 const ChipSuggestDropdownBase = ({ children, size, targetRef, focusTrapProps, ...restProps }, ref) => {
   const {

package/components/Chip/ChipSuggest/ChipSuggestDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipSuggestDropdown.js","sources":["../../../../src/components/Chip/ChipSuggest/ChipSuggestDropdown.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { FocusTrap } from \"focus-trap-react\";\nimport { EVENT_KEY_CODES } from \"../../../utils/keyboard\";\nimport { ISuggestOption } from \"../../Suggest/types\";\nimport { IChipSuggestDropdownProps } from \"./types\";\nimport { useSuggestContext } from \"../../Suggest/SuggestContext\";\nimport { Dropdown, DropdownList, DropdownListItem } from \"../../Dropdown\";\nimport { ChipSuggestDesktopDropdownField } from \"./desktop/ChipSuggestDesktopDropdownField\";\nimport { SuggestMobileDropdownContent } from \"../../Suggest/SuggestMobileDropdownContent\";\nimport { setForwardedRef } from \"./utils\";\n\nconst KEY_CODES_SELECTABLE = [EVENT_KEY_CODES.ENTER];\n\nconst ChipSuggestDropdownBase = <T extends ISuggestOption>(\n    { children, size, targetRef, focusTrapProps, ...restProps }: IChipSuggestDropdownProps<T>,\n    ref: React.ForwardedRef<HTMLDivElement>,\n) => {\n    const {\n        value,\n        options,\n        dropdownListId,\n        dropdownOpen,\n        dropdownListLoading,\n        dropdownRef,\n        closeDropdown,\n        onSelect,\n        setDropdownOpen,\n    } = useSuggestContext<T>();\n\n    const setRef = useCallback(\n        (instance: HTMLDivElement | null) => {\n            // Suggest отличает клик внутри списка от клика вне компонента по dropdownRef из контекста.\n            dropdownRef.current = instance;\n            setForwardedRef(ref, instance);\n        },\n        [dropdownRef, ref],\n    );\n\n    const handleDropdownOpen = useCallback(\n        (open: boolean) => {\n            if (open) {\n                setDropdownOpen(true);\n            } else {\n                closeDropdown();\n            }\n        },\n        [setDropdownOpen, closeDropdown],\n    );\n\n    const desktopDropdownContent = (\n        <FocusTrap\n            {...focusTrapProps}\n            focusTrapOptions={{\n                clickOutsideDeactivates: true,\n                returnFocusOnDeactivate: true,\n                ...focusTrapProps?.focusTrapOptions,\n            }}\n        >\n            <div role=\"presentation\">\n                <ChipSuggestDesktopDropdownField size={size}>{children}</ChipSuggestDesktopDropdownField>\n                <DropdownList\n                    id={dropdownListId}\n                    size={size}\n                    dropdownOpened={dropdownOpen}\n                    loading={dropdownListLoading}\n                    style={options.length === 0 ? { display: \"none\" } : undefined}\n                >\n                    {options.map((option) => (\n                        <DropdownListItem\n                            key={option.id}\n                            id={option.id}\n                            keyCodesForSelection={KEY_CODES_SELECTABLE}\n                            selected={option.id === value?.id}\n                            showNotificationIcon={option.showNotificationIcon}\n                            onSelect={() => onSelect(option)}\n                        >\n                            {option.content || option.label}\n                        </DropdownListItem>\n                    ))}\n                </DropdownList>\n            </div>\n        </FocusTrap>\n    );\n\n    return (\n        <Dropdown\n            size={size}\n            targetRef={targetRef}\n            opened={dropdownOpen}\n            setOpened={handleDropdownOpen}\n            mobileViewProps={{\n                children: <SuggestMobileDropdownContent />,\n            }}\n            {...restProps}\n            ref={setRef}\n        >\n            {desktopDropdownContent}\n        </Dropdown>\n    );\n};\n\n/**\n * Выпадающий список ChipSuggest: поле фильтрации и список опций из SuggestContext.\n * На десктопе содержимое обёрнуто в FocusTrap, на мобильных — заменяется полноэкранным наполнением Suggest.\n */\nexport const ChipSuggestDropdown = React.forwardRef(ChipSuggestDropdownBase) as <T extends ISuggestOption>(\n    props: IChipSuggestDropdownProps<T> & React.RefAttributes<HTMLDivElement>,\n) => JSX.Element;\n"],"names":["FocusTrap","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,uBAAuB,CAAC,gBAAgB,KAAK;AAEnD,MAAM,0BAA0B,CAC5B,EAAE,UAAU,MAAM,WAAW,gBAAgB,GAAG,UAAA,GAChD,QACC;AACD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,kBAAA;AAEJ,QAAM,SAAS;AAAA,IACX,CAAC,aAAoC;AAEjC,kBAAY,UAAU;AACtB,sBAAgB,KAAK,QAAQ;AAAA,IACjC;AAAA,IACA,CAAC,aAAa,GAAG;AAAA,EAAA;AAGrB,QAAM,qBAAqB;AAAA,IACvB,CAAC,SAAkB;AACf,UAAI,MAAM;AACN,wBAAgB,IAAI;AAAA,MACxB,OAAO;AACH,sBAAA;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,CAAC,iBAAiB,aAAa;AAAA,EAAA;AAGnC,QAAM,yBACF;AAAA,IAACA,sBAAAA;AAAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,kBAAkB;AAAA,QACd,yBAAyB;AAAA,QACzB,yBAAyB;AAAA,QACzB,GAAG,iDAAgB;AAAA,MAAA;AAAA,MAGvB,UAAA,qBAAC,OAAA,EAAI,MAAK,gBACN,UAAA;AAAA,QAAA,oBAAC,iCAAA,EAAgC,MAAa,SAAA,CAAS;AAAA,QACvD;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ;AAAA,YACA,gBAAgB;AAAA,YAChB,SAAS;AAAA,YACT,OAAO,QAAQ,WAAW,IAAI,EAAE,SAAS,WAAW;AAAA,YAEnD,UAAA,QAAQ,IAAI,CAAC,WACV;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEG,IAAI,OAAO;AAAA,gBACX,sBAAsB;AAAA,gBACtB,UAAU,OAAO,QAAO,+BAAO;AAAA,gBAC/B,sBAAsB,OAAO;AAAA,gBAC7B,UAAU,MAAM,SAAS,MAAM;AAAA,gBAE9B,UAAA,OAAO,WAAW,OAAO;AAAA,cAAA;AAAA,cAPrB,OAAO;AAAA,YAAA,CASnB;AAAA,UAAA;AAAA,QAAA;AAAA,MACL,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAIR,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,iBAAiB;AAAA,QACb,8BAAW,8BAAA,CAAA,CAA6B;AAAA,MAAA;AAAA,MAE3C,GAAG;AAAA,MACJ,KAAK;AAAA,MAEJ,UAAA;AAAA,IAAA;AAAA,EAAA;AAGb;AAMO,MAAM,sBAAsBC,eAAM,WAAW,uBAAuB;"}
+{"version":3,"file":"ChipSuggestDropdown.js","sources":["../../../../src/components/Chip/ChipSuggest/ChipSuggestDropdown.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { FocusTrap } from \"focus-trap-react\";\nimport { EVENT_KEY_CODES } from \"../../../utils/keyboard\";\nimport { ISuggestOption } from \"../../Suggest/types\";\nimport { IChipSuggestDropdownProps } from \"./types\";\nimport { useSuggestContext } from \"../../Suggest/SuggestContext\";\nimport { Dropdown, DropdownList, DropdownListItem } from \"../../Dropdown\";\nimport { ChipSuggestDesktopDropdownField } from \"./desktop/ChipSuggestDesktopDropdownField\";\nimport { SuggestMobileDropdownContent } from \"../../Suggest/SuggestMobileDropdownContent\";\nimport { setForwardedRef } from \"../../../helpers/setForwardedRef\";\n\nconst KEY_CODES_SELECTABLE = [EVENT_KEY_CODES.ENTER];\n\nconst ChipSuggestDropdownBase = <T extends ISuggestOption>(\n    { children, size, targetRef, focusTrapProps, ...restProps }: IChipSuggestDropdownProps<T>,\n    ref: React.ForwardedRef<HTMLDivElement>,\n) => {\n    const {\n        value,\n        options,\n        dropdownListId,\n        dropdownOpen,\n        dropdownListLoading,\n        dropdownRef,\n        closeDropdown,\n        onSelect,\n        setDropdownOpen,\n    } = useSuggestContext<T>();\n\n    const setRef = useCallback(\n        (instance: HTMLDivElement | null) => {\n            // Suggest отличает клик внутри списка от клика вне компонента по dropdownRef из контекста.\n            dropdownRef.current = instance;\n            setForwardedRef(ref, instance);\n        },\n        [dropdownRef, ref],\n    );\n\n    const handleDropdownOpen = useCallback(\n        (open: boolean) => {\n            if (open) {\n                setDropdownOpen(true);\n            } else {\n                closeDropdown();\n            }\n        },\n        [setDropdownOpen, closeDropdown],\n    );\n\n    const desktopDropdownContent = (\n        <FocusTrap\n            {...focusTrapProps}\n            focusTrapOptions={{\n                clickOutsideDeactivates: true,\n                returnFocusOnDeactivate: true,\n                ...focusTrapProps?.focusTrapOptions,\n            }}\n        >\n            <div role=\"presentation\">\n                <ChipSuggestDesktopDropdownField size={size}>{children}</ChipSuggestDesktopDropdownField>\n                <DropdownList\n                    id={dropdownListId}\n                    size={size}\n                    dropdownOpened={dropdownOpen}\n                    loading={dropdownListLoading}\n                    style={options.length === 0 ? { display: \"none\" } : undefined}\n                >\n                    {options.map((option) => (\n                        <DropdownListItem\n                            key={option.id}\n                            id={option.id}\n                            keyCodesForSelection={KEY_CODES_SELECTABLE}\n                            selected={option.id === value?.id}\n                            showNotificationIcon={option.showNotificationIcon}\n                            onSelect={() => onSelect(option)}\n                        >\n                            {option.content || option.label}\n                        </DropdownListItem>\n                    ))}\n                </DropdownList>\n            </div>\n        </FocusTrap>\n    );\n\n    return (\n        <Dropdown\n            size={size}\n            targetRef={targetRef}\n            opened={dropdownOpen}\n            setOpened={handleDropdownOpen}\n            mobileViewProps={{\n                children: <SuggestMobileDropdownContent />,\n            }}\n            {...restProps}\n            ref={setRef}\n        >\n            {desktopDropdownContent}\n        </Dropdown>\n    );\n};\n\n/**\n * Выпадающий список ChipSuggest: поле фильтрации и список опций из SuggestContext.\n * На десктопе содержимое обёрнуто в FocusTrap, на мобильных — заменяется полноэкранным наполнением Suggest.\n */\nexport const ChipSuggestDropdown = React.forwardRef(ChipSuggestDropdownBase) as <T extends ISuggestOption>(\n    props: IChipSuggestDropdownProps<T> & React.RefAttributes<HTMLDivElement>,\n) => JSX.Element;\n"],"names":["FocusTrap","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,uBAAuB,CAAC,gBAAgB,KAAK;AAEnD,MAAM,0BAA0B,CAC5B,EAAE,UAAU,MAAM,WAAW,gBAAgB,GAAG,UAAA,GAChD,QACC;AACD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,kBAAA;AAEJ,QAAM,SAAS;AAAA,IACX,CAAC,aAAoC;AAEjC,kBAAY,UAAU;AACtB,sBAAgB,KAAK,QAAQ;AAAA,IACjC;AAAA,IACA,CAAC,aAAa,GAAG;AAAA,EAAA;AAGrB,QAAM,qBAAqB;AAAA,IACvB,CAAC,SAAkB;AACf,UAAI,MAAM;AACN,wBAAgB,IAAI;AAAA,MACxB,OAAO;AACH,sBAAA;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,CAAC,iBAAiB,aAAa;AAAA,EAAA;AAGnC,QAAM,yBACF;AAAA,IAACA,sBAAAA;AAAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,kBAAkB;AAAA,QACd,yBAAyB;AAAA,QACzB,yBAAyB;AAAA,QACzB,GAAG,iDAAgB;AAAA,MAAA;AAAA,MAGvB,UAAA,qBAAC,OAAA,EAAI,MAAK,gBACN,UAAA;AAAA,QAAA,oBAAC,iCAAA,EAAgC,MAAa,SAAA,CAAS;AAAA,QACvD;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ;AAAA,YACA,gBAAgB;AAAA,YAChB,SAAS;AAAA,YACT,OAAO,QAAQ,WAAW,IAAI,EAAE,SAAS,WAAW;AAAA,YAEnD,UAAA,QAAQ,IAAI,CAAC,WACV;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEG,IAAI,OAAO;AAAA,gBACX,sBAAsB;AAAA,gBACtB,UAAU,OAAO,QAAO,+BAAO;AAAA,gBAC/B,sBAAsB,OAAO;AAAA,gBAC7B,UAAU,MAAM,SAAS,MAAM;AAAA,gBAE9B,UAAA,OAAO,WAAW,OAAO;AAAA,cAAA;AAAA,cAPrB,OAAO;AAAA,YAAA,CASnB;AAAA,UAAA;AAAA,QAAA;AAAA,MACL,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAIR,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,iBAAiB;AAAA,QACb,8BAAW,8BAAA,CAAA,CAA6B;AAAA,MAAA;AAAA,MAE3C,GAAG;AAAA,MACJ,KAAK;AAAA,MAEJ,UAAA;AAAA,IAAA;AAAA,EAAA;AAGb;AAMO,MAAM,sBAAsBC,eAAM,WAAW,uBAAuB;"}

package/components/Chip/ChipSuggest/ChipSuggestTarget.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default, { useCallback } from "react";
 import { useSuggestContext } from "../../Suggest/SuggestContext.js";
 import "../../Suggest/Suggest.js";
-import { C as Chip } from "../../../chunks/Chip-Bi7plvOY.js";
+import { C as Chip } from "../../../chunks/Chip-DF_tx9l4.js";
 import { ChipClearButton } from "../ChipClearButton.js";
 import { ChipDropdownArrow } from "../ChipDropdownArrow.js";
 import { isKey } from "../../../utils/keyboard.js";

package/components/Chip/ChipSuggest/desktop/ChipSuggestDesktopDropdownField.js

@@ -18,7 +18,7 @@ import { ETooltipSize } from "../../../Tooltip/enums.js";
 import { LoaderSmall } from "../../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../../Loader/LoaderSmall/enum.js";
 import "../../../Loader/LoaderMiddle/LoaderMiddle.js";
-const chipSuggestInputWrapper = "chipSuggestInputWrapper__2c50a8d6";
+const chipSuggestInputWrapper = "chipSuggestInputWrapper__08ea6237";
 const styles = {
   chipSuggestInputWrapper
 };

package/components/Chip/index.js

@@ -1,5 +1,5 @@
 import { EChipType } from "./enums.js";
-import { C } from "../../chunks/Chip-Bi7plvOY.js";
+import { C } from "../../chunks/Chip-DF_tx9l4.js";
 import { ChipDatePicker } from "./ChipDatePicker/ChipDatePicker.js";
 import { ChipDatePickerTarget } from "./ChipDatePicker/ChipDatePickerTarget.js";
 import { ChipClearButton } from "./ChipClearButton.js";

package/components/ChipGroup/ChipGroup.js

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const chipGroup = "chipGroup__c07e65a4";
-const oneLine = "oneLine__7fe1776a";
-const multiLine = "multiLine__0d087fdd";
-const lg = "lg__ac335d00";
-const md = "md__5bdd7e3d";
-const sm = "sm__99b2eb9c";
+const chipGroup = "chipGroup__bf2cb694";
+const oneLine = "oneLine__9af447a1";
+const multiLine = "multiLine__fb701d72";
+const lg = "lg__0d769e37";
+const md = "md__1cbee599";
+const sm = "sm__41705fe7";
 const styles = {
   chipGroup,
   oneLine,
@@ -31,7 +31,7 @@ const ChipGroup = React__default.forwardRef(
         ),
         ...rest,
         ref,
-        "data-tx": "1.46.0",
+        "data-tx": "1.48.0",
         children
       }
     );