@sberbusiness/triplex-next 1.2.0 → 1.4.0

package/components/Chip/Chip.js

@@ -1,86 +1,11 @@
-import { jsxs as _, jsx as n } from "react/jsx-runtime";
-import { c as a } from "../../chunks/vendor-CehxOAkM.js";
-import h from "react";
-import { EChipSize as t } from "./enums.js";
-const m = "chipGroupItem__9d1a0b22", x = "chip__3a2d4df7", u = "prefix__d8636158", b = "postfix__c1f6a2f6", w = "disabled__c451f330", z = "selected__f2666442", P = "withPrefix__a69df7e2", C = "withPostfix__3fd0436f", G = "content__5301b976", e = {
-  chipGroupItem: m,
-  chip: x,
-  "size-lg": "size-lg__7f3729a4",
-  prefix: u,
-  postfix: b,
-  "size-md": "size-md__3fd68b50",
-  "size-sm": "size-sm__524b2426",
-  disabled: w,
-  selected: z,
-  withPrefix: P,
-  withPostfix: C,
-  content: G
-}, I = (i) => {
-  switch (i) {
-    case t.LG:
-      return e["size-lg"];
-    case t.MD:
-      return e["size-md"];
-    case t.SM:
-      return e["size-sm"];
-  }
-}, N = h.forwardRef(
-  ({ children: i, className: l, disabled: s, postfix: o, prefix: c, selected: r, size: f = t.MD, ...d }, p) => /* @__PURE__ */ _(
-    "span",
-    {
-      className: a(
-        e.chip,
-        e.chipGroupItem,
-        {
-          [e.disabled]: !!s,
-          [e.selected]: !!r,
-          [e.withPostfix]: typeof o < "u",
-          [e.withPrefix]: typeof c < "u",
-          [I(f)]: f
-        },
-        l
-      ),
-      role: "button",
-      tabIndex: s ? -1 : 0,
-      ...d,
-      ref: p,
-      children: [
-        c ? /* @__PURE__ */ n(
-          "span",
-          {
-            className: a(
-              e.prefix,
-              // Для иконок.
-              "hoverable",
-              {
-                disabled: !!s
-              }
-            ),
-            children: c
-          }
-        ) : null,
-        /* @__PURE__ */ n("span", { className: e.content, children: i }),
-        o ? /* @__PURE__ */ n(
-          "span",
-          {
-            className: a(
-              e.postfix,
-              // Для иконок.
-              "hoverable",
-              {
-                // Для иконок.
-                disabled: !!s
-              }
-            ),
-            children: o
-          }
-        ) : null
-      ]
-    }
-  )
-);
-N.displayName = "Chip";
+import "react/jsx-runtime";
+import "react";
+import "../../chunks/vendor-Ba_pyhza.js";
+import { C as e } from "../../chunks/Chip-G6cGXuGj.js";
+import "../../enums/EComponentSize.js";
+import "../../utils/classNameMaps.js";
+import "../../utils/keyboard.js";
 export {
-  N as Chip
+  e as Chip
 };
 //# sourceMappingURL=Chip.js.map

package/components/Chip/ChipClearButton.js

@@ -1,28 +1,20 @@
-import { jsx as t } from "react/jsx-runtime";
-import s from "react";
-import { CrossStrokeSrvIcon24 as l, CrossStrokeSrvIcon20 as p, CrossStrokeSrvIcon16 as i } from "@sberbusiness/icons-next";
-import { EChipSize as e } from "./enums.js";
-const u = "chipClearButton__52bc2e2e", C = {
-  chipClearButton: u
-}, m = s.forwardRef(
-  ({ size: r = e.MD, ...o }, n) => {
-    const a = (c) => {
-      switch (c) {
-        case e.SM:
-          return /* @__PURE__ */ t(i, { paletteIndex: 6 });
-        case e.MD:
-          return /* @__PURE__ */ t(p, { paletteIndex: 6 });
-        case e.LG:
-          return /* @__PURE__ */ t(l, { paletteIndex: 6 });
-        default:
-          return null;
-      }
-    };
-    return /* @__PURE__ */ t("button", { className: C.chipClearButton, type: "button", ...o, ref: n, children: a(r) });
-  }
+import { jsx as o } from "react/jsx-runtime";
+import a from "react";
+import { c as p } from "../../chunks/vendor-Ba_pyhza.js";
+import { CrossStrokeSrvIcon24 as c, CrossStrokeSrvIcon20 as i, CrossStrokeSrvIcon16 as l } from "@sberbusiness/icons-next";
+import { EComponentSize as t } from "../../enums/EComponentSize.js";
+import { ButtonIcon as m } from "../Button/ButtonIcon.js";
+const C = "chipClearButton__a3391524", f = {
+  chipClearButton: C
+}, u = {
+  [t.SM]: /* @__PURE__ */ o(l, { paletteIndex: 6 }),
+  [t.MD]: /* @__PURE__ */ o(i, { paletteIndex: 6 }),
+  [t.LG]: /* @__PURE__ */ o(c, { paletteIndex: 6 })
+}, I = a.forwardRef(
+  ({ className: r, size: e = t.MD, ...n }, s) => /* @__PURE__ */ o(m, { className: p(f.chipClearButton, r), ...n, ref: s, children: u[e] })
 );
-m.displayName = "ChipClearButton";
+I.displayName = "ChipClearButton";
 export {
-  m as ChipClearButton
+  I as ChipClearButton
 };
 //# sourceMappingURL=ChipClearButton.js.map

package/components/Chip/ChipDropdownArrow.js

@@ -1,18 +1,18 @@
 import { jsx as t } from "react/jsx-runtime";
 import { CaretdownStrokeSrvIcon20 as p } from "@sberbusiness/icons-next";
-import { c as d } from "../../chunks/vendor-CehxOAkM.js";
-const e = "chipDropdownArrow__1d4ce884", c = "rotated__304724d6", o = {
-  chipDropdownArrow: e,
-  rotated: c
-}, n = ({ rotated: r }) => /* @__PURE__ */ t(
+import { c as e } from "../../chunks/vendor-Ba_pyhza.js";
+const d = "chipDropdownArrow__38a0e6b9", n = "rotated__06743662", o = {
+  chipDropdownArrow: d,
+  rotated: n
+}, w = ({ rotated: r }) => /* @__PURE__ */ t(
   p,
   {
-    paletteIndex: 0,
-    className: d(o.chipDropdownArrow, { [o.rotated]: r })
+    className: e(o.chipDropdownArrow, { [o.rotated]: r }),
+    paletteIndex: 5
   }
 );
-n.displayName = "ChipDropdownArrow";
+w.displayName = "ChipDropdownArrow";
 export {
-  n as ChipDropdownArrow
+  w as ChipDropdownArrow
 };
 //# sourceMappingURL=ChipDropdownArrow.js.map

package/components/Chip/ChipIcon.js

@@ -1,9 +1,9 @@
 import { jsx as o } from "react/jsx-runtime";
 import f from "react";
-import { Chip as t } from "./Chip.js";
-const m = f.forwardRef(({ children: p, ...r }, i) => /* @__PURE__ */ o(t, { ...r, prefix: p, postfix: /* @__PURE__ */ o("span", {}), ref: i }));
-m.displayName = "ChipIcon";
+import { C as t } from "../../chunks/Chip-G6cGXuGj.js";
+const a = f.forwardRef(({ children: p, ...r }, i) => /* @__PURE__ */ o(t, { ...r, prefix: p, postfix: /* @__PURE__ */ o("span", {}), ref: i }));
+a.displayName = "ChipIcon";
 export {
-  m as ChipIcon
+  a as ChipIcon
 };
 //# sourceMappingURL=ChipIcon.js.map

package/components/Chip/ChipOptions.js

@@ -1,22 +1,22 @@
 import { jsx as t } from "react/jsx-runtime";
 import a from "react";
 import { SortStrokeSrvIcon24 as i } from "@sberbusiness/icons-next";
-import { Chip as C } from "./Chip.js";
-import { ChipClearButton as c } from "./ChipClearButton.js";
-const f = "chipOptionsContent__d7cb7760", m = {
-  chipOptionsContent: f
+import { C } from "../../chunks/Chip-G6cGXuGj.js";
+import { ChipClearButton as f } from "./ChipClearButton.js";
+const m = "chipOptionsContent__4d305314", c = {
+  chipOptionsContent: m
 }, l = a.forwardRef(
   ({ children: o, clearSelected: e, selected: n, ...p }, r) => /* @__PURE__ */ t(
     C,
     {
       prefix: n ? /* @__PURE__ */ t(i, { paletteIndex: 6 }) : /* @__PURE__ */ t(i, { paletteIndex: 5 }),
-      postfix: n ? /* @__PURE__ */ t(c, { onClick: (s) => {
+      postfix: n ? /* @__PURE__ */ t(f, { onClick: (s) => {
         s.stopPropagation(), e();
       }, size: p.size }) : /* @__PURE__ */ t("span", {}),
       selected: n,
       ...p,
       ref: r,
-      children: typeof o < "u" ? /* @__PURE__ */ t("span", { className: m.chipOptionsContent, children: o }) : o
+      children: typeof o < "u" ? /* @__PURE__ */ t("span", { className: c.chipOptionsContent, children: o }) : o
     }
   )
 );

package/components/Chip/ChipSelect.js

@@ -0,0 +1,55 @@
+import { jsx as t } from "react/jsx-runtime";
+import w from "react";
+import { SelectExtendedField as D } from "../SelectExtendedField/SelectExtendedField.js";
+import "../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
+import "../SelectExtendedField/components/SelectExtendedFieldTarget.js";
+import { ChipClearButton as S } from "./ChipClearButton.js";
+import { s as b, C as k } from "../../chunks/Chip-G6cGXuGj.js";
+import { ChipDropdownArrow as u } from "./ChipDropdownArrow.js";
+import { SelectExtendedFieldDropdownDefault as B } from "../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
+import { c as g } from "../../chunks/vendor-Ba_pyhza.js";
+const y = w.forwardRef(
+  ({ className: p, clearSelected: m, disabled: d, size: e, label: i, displayedValue: l, onChange: n, options: c, value: r, ...a }, s) => {
+    const f = (o) => {
+      o.stopPropagation(), m();
+    }, C = ({ opened: o, setOpened: x }) => /* @__PURE__ */ t(
+      k,
+      {
+        "aria-expanded": o,
+        disabled: d,
+        size: e,
+        onClick: () => x(!0),
+        postfix: r ? /* @__PURE__ */ t(S, { onClick: f }) : /* @__PURE__ */ t(u, { rotated: o }),
+        role: "combobox",
+        ref: s,
+        selected: !!r,
+        children: r ? l ?? r.label : i
+      }
+    ), h = (o) => /* @__PURE__ */ t(
+      B,
+      {
+        ...o,
+        mobileTitle: i,
+        size: e,
+        onChange: n,
+        options: c,
+        value: r,
+        fixedWidth: !1
+      }
+    );
+    return /* @__PURE__ */ t(
+      D,
+      {
+        className: g(b.chipGroupItem, p),
+        renderTarget: C,
+        ...a,
+        children: h
+      }
+    );
+  }
+);
+y.displayName = "ChipSelect";
+export {
+  y as ChipSelect
+};
+//# sourceMappingURL=ChipSelect.js.map

package/components/Chip/ChipSuggest/ChipSuggest.js

@@ -0,0 +1,21 @@
+import { ChipSuggestTarget as h } from "./ChipSuggestTarget.js";
+import { jsxs as R, jsx as m } from "react/jsx-runtime";
+import d, { useRef as p } from "react";
+import { c as x } from "../../../chunks/vendor-Ba_pyhza.js";
+import "../../Suggest/SuggestContext.js";
+import { Suggest as S } from "../../Suggest/Suggest.js";
+import { ChipSuggestDropdown as C } from "./ChipSuggestDropdown.js";
+import { s as j } from "../../../chunks/Chip-G6cGXuGj.js";
+const w = ({ className: u, displayedValue: c, label: r, prefix: y, targetProps: g, dropdownProps: l, ...o }, t) => {
+  const { value: s, size: f } = o, i = p(null), n = p(null), a = (e) => {
+    i.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
+  };
+  return /* @__PURE__ */ R(S, { className: x(j.chipGroupItem, u), ...o, ref: a, children: [
+    /* @__PURE__ */ m(h, { size: f, ...g, ref: n, children: s ? c ?? s.label : r }),
+    /* @__PURE__ */ m(C, { size: f, targetRef: i, ...l, children: r })
+  ] });
+}, T = d.forwardRef(w);
+export {
+  T as ChipSuggest
+};
+//# sourceMappingURL=ChipSuggest.js.map

package/components/Chip/ChipSuggest/ChipSuggestDropdown.js

@@ -0,0 +1,85 @@
+import { jsxs as E, jsx as r } from "react/jsx-runtime";
+import S, { useCallback as h } from "react";
+import { EVENT_KEY_CODES as C } from "../../../utils/keyboard.js";
+import { useSuggestContext as L } from "../../Suggest/SuggestContext.js";
+import { Dropdown as O } from "../../Dropdown/Dropdown.js";
+import "../../Dropdown/DropdownListContext.js";
+import "../../Dropdown/desktop/DropdownDesktop.js";
+import { DropdownList as _ } from "../../Dropdown/desktop/DropdownList.js";
+import { D as x } from "../../../chunks/DropdownListItem-D2hzyBGc.js";
+import "../../Dropdown/mobile/DropdownMobile.js";
+import "../../Dropdown/mobile/DropdownMobileBody.js";
+import "../../Dropdown/mobile/DropdownMobileClose.js";
+import "../../Dropdown/mobile/DropdownMobileFooter.js";
+import "../../Dropdown/mobile/DropdownMobileHeader.js";
+import "../../Dropdown/mobile/DropdownMobileInner.js";
+import "../../Dropdown/mobile/DropdownMobileInput.js";
+import "../../Dropdown/mobile/DropdownMobileList.js";
+import "../../Dropdown/mobile/DropdownMobileListItem.js";
+import "../../Loader/LoaderSmall/LoaderSmall.js";
+import "../../Loader/LoaderMiddle/LoaderMiddle.js";
+import { ChipSuggestDesktopDropdownField as R } from "./desktop/ChipSuggestDesktopDropdownField.js";
+import { SuggestMobileDropdownContent as b } from "../../Suggest/SuggestMobileDropdownContent.js";
+const y = [C.ENTER], k = ({ children: s, size: p, targetRef: l, ...c }, e) => {
+  const {
+    value: t,
+    options: i,
+    dropdownListId: f,
+    dropdownOpen: d,
+    dropdownListLoading: w,
+    dropdownRef: D,
+    closeDropdown: n,
+    onSelect: g,
+    setDropdownOpen: m
+  } = L(), u = (o) => {
+    D.current = o, typeof e == "function" ? e(o) : e && (e.current = o);
+  }, a = h(
+    (o) => {
+      o ? m(!0) : n();
+    },
+    [m, n]
+  );
+  return /* @__PURE__ */ E(
+    O,
+    {
+      size: p,
+      targetRef: l,
+      opened: d,
+      fixedWidth: !1,
+      setOpened: a,
+      mobileViewProps: {
+        children: /* @__PURE__ */ r(b, {})
+      },
+      ...c,
+      ref: u,
+      children: [
+        /* @__PURE__ */ r(R, { children: s }),
+        /* @__PURE__ */ r(
+          _,
+          {
+            id: f,
+            size: p,
+            dropdownOpened: d,
+            loading: w,
+            style: i.length === 0 ? { display: "none" } : void 0,
+            children: i.map((o) => /* @__PURE__ */ r(
+              x,
+              {
+                id: o.id,
+                keyCodesForSelection: y,
+                selected: o.id === (t == null ? void 0 : t.id),
+                onSelect: () => g(o),
+                children: o.content || o.label
+              },
+              o.id
+            ))
+          }
+        )
+      ]
+    }
+  );
+}, $ = S.forwardRef(k);
+export {
+  $ as ChipSuggestDropdown
+};
+//# sourceMappingURL=ChipSuggestDropdown.js.map

package/components/Chip/ChipSuggest/ChipSuggestTarget.js

@@ -0,0 +1,42 @@
+import { jsx as f } from "react/jsx-runtime";
+import x, { useCallback as a } from "react";
+import { useSuggestContext as T } from "../../Suggest/SuggestContext.js";
+import "../../Suggest/Suggest.js";
+import { C as B } from "../../../chunks/Chip-G6cGXuGj.js";
+import { ChipClearButton as E } from "../ChipClearButton.js";
+import { ChipDropdownArrow as P } from "../ChipDropdownArrow.js";
+import { isKey as e } from "../../../utils/keyboard.js";
+const R = ({ onKeyDown: t, onClick: p, clearSelected: s, ...n }, u) => {
+  const { value: m, dropdownOpen: o, setDropdownOpen: i } = T(), g = a(
+    (r) => {
+      i(!o), p == null || p(r);
+    },
+    [o, i, p]
+  ), C = a(
+    (r) => {
+      (e(r.code, "ENTER") || e(r.code, "SPACE")) && (i(!o), t == null || t(r));
+    },
+    [o, i, t]
+  ), d = a(
+    (r) => {
+      r.stopPropagation(), s == null || s();
+    },
+    [s]
+  ), h = a(() => m === void 0 ? /* @__PURE__ */ f(P, { rotated: o }) : /* @__PURE__ */ f(E, { onClick: d }), [m, o, d]);
+  return /* @__PURE__ */ f(
+    B,
+    {
+      selected: m !== void 0,
+      "aria-expanded": o,
+      postfix: h(),
+      onKeyDown: C,
+      onClick: g,
+      ...n,
+      ref: u
+    }
+  );
+}, N = x.forwardRef(R);
+export {
+  N as ChipSuggestTarget
+};
+//# sourceMappingURL=ChipSuggestTarget.js.map

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

@@ -0,0 +1,81 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { useState as z, useRef as T, useCallback as o } from "react";
+import { useSuggestContext as b } from "../../../Suggest/SuggestContext.js";
+import { FormField as k } from "../../../FormField/FormField.js";
+import "../../../FormField/components/FormFieldDescription.js";
+import "../../../FormField/components/FormFieldCounter.js";
+import { FormFieldLabel as B } from "../../../FormField/components/FormFieldLabel.js";
+import { FormFieldClear as D } from "../../../FormField/components/FormFieldClear.js";
+import "../../../FormField/components/FormFieldTarget.js";
+import { F as L } from "../../../../chunks/FormFieldInput-CO7yZP0Q.js";
+import "../../../FormField/components/FormFieldMaskedInput.js";
+import { FormFieldPostfix as M } from "../../../FormField/components/FormFieldPostfix.js";
+import "../../../FormField/components/FormFieldPrefix.js";
+import "../../../FormField/components/FormFieldTextarea.js";
+import { EComponentSize as a } from "../../../../enums/EComponentSize.js";
+import { Tooltip as n } from "../../../Tooltip/Tooltip.js";
+import { ETooltipSize as O } from "../../../Tooltip/enums.js";
+import { LoaderSmall as R } from "../../../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme as W } from "../../../Loader/LoaderSmall/enum.js";
+import "../../../Loader/LoaderMiddle/LoaderMiddle.js";
+const E = "chipSuggestInputWrapper__7c7828be", j = {
+  chipSuggestInputWrapper: E
+}, oe = ({ children: m }) => {
+  const {
+    inputValue: r,
+    placeholder: u,
+    noOptionsText: c,
+    dropdownListId: d,
+    activeDescendant: g,
+    loading: f,
+    tooltipOpen: h,
+    clearInputOnFocus: p,
+    onFilter: e
+  } = b(), [F, l] = z(!1), s = T(null), S = o(() => e(""), [e]), I = o(
+    (v) => {
+      e(v.target.value);
+    },
+    [e]
+  ), C = o(() => {
+    l(!0), r.length !== 0 && p === !0 && e("");
+  }, [r.length, p, e]), x = o(() => l(!1), []);
+  return /* @__PURE__ */ i(k, { className: j.chipSuggestInputWrapper, size: a.SM, children: [
+    /* @__PURE__ */ t(B, { children: m }),
+    /* @__PURE__ */ i(
+      n,
+      {
+        size: O.SM,
+        isOpen: !!h && F,
+        toggle: () => {
+        },
+        targetRef: s,
+        disableAdaptiveMode: !0,
+        children: [
+          /* @__PURE__ */ t(n.Body, { children: c }),
+          /* @__PURE__ */ t(n.Target, { children: /* @__PURE__ */ t(
+            L,
+            {
+              value: r,
+              placeholder: u,
+              "aria-controls": d,
+              "aria-activedescendant": g,
+              autoFocus: !0,
+              onFocus: C,
+              onBlur: x,
+              onChange: I,
+              ref: s
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ i(M, { children: [
+      /* @__PURE__ */ t(D, { onClick: S }),
+      f && /* @__PURE__ */ t(R, { theme: W.BRAND, size: a.SM })
+    ] })
+  ] });
+};
+export {
+  oe as ChipSuggestDesktopDropdownField
+};
+//# sourceMappingURL=ChipSuggestDesktopDropdownField.js.map

package/components/Chip/ChipSuggest/index.js

@@ -0,0 +1,7 @@
+import { ChipSuggestTarget as r } from "./ChipSuggestTarget.js";
+import { ChipSuggest as o } from "./ChipSuggest.js";
+export {
+  o as ChipSuggest,
+  r as ChipSuggestTarget
+};
+//# sourceMappingURL=index.js.map

package/components/Chip/ChipSuggest/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/Chip/index.js

@@ -1,15 +1,19 @@
-import { Chip as p } from "./Chip.js";
+import { C as p } from "../../chunks/Chip-G6cGXuGj.js";
 import { ChipClearButton as e } from "./ChipClearButton.js";
-import { ChipDropdownArrow as C } from "./ChipDropdownArrow.js";
+import { ChipDropdownArrow as i } from "./ChipDropdownArrow.js";
 import { ChipIcon as h } from "./ChipIcon.js";
 import { ChipOptions as x } from "./ChipOptions.js";
-import { EChipSize as w } from "./enums.js";
+import { ChipSelect as n } from "./ChipSelect.js";
+import { ChipSuggestTarget as a } from "./ChipSuggest/ChipSuggestTarget.js";
+import { ChipSuggest as S } from "./ChipSuggest/ChipSuggest.js";
 export {
   p as Chip,
   e as ChipClearButton,
-  C as ChipDropdownArrow,
+  i as ChipDropdownArrow,
   h as ChipIcon,
   x as ChipOptions,
-  w as EChipSize
+  n as ChipSelect,
+  S as ChipSuggest,
+  a as ChipSuggestTarget
 };
 //# sourceMappingURL=index.js.map

package/components/ChipGroup/ChipGroup.js

@@ -1,26 +1,26 @@
-import { jsx as n } from "react/jsx-runtime";
-import p from "react";
-import { c as r } from "../../chunks/vendor-CehxOAkM.js";
-import { EComponentSize as a } from "../../enums/EComponentSize.js";
-import { createSizeToClassNameMap as l } from "../../utils/classNameMaps.js";
-const _ = "chipGroup__447964d5", u = "oneLine__37c43a8c", d = "multiLine__2ee7f7e6", f = "lg__8f0d0c0b", L = "md__98decfac", h = "sm__a3773540", o = {
-  chipGroup: _,
-  oneLine: u,
-  multiLine: d,
-  lg: f,
+import { jsx as a } from "react/jsx-runtime";
+import c from "react";
+import { c as p } from "../../chunks/vendor-Ba_pyhza.js";
+import { EComponentSize as r } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as d } from "../../utils/classNameMaps.js";
+const l = "chipGroup__ef0f45cc", _ = "oneLine__d1aacdf2", f = "multiLine__c5a61413", u = "lg__9fd49b9d", L = "md__488dd898", h = "sm__05bd5a1b", o = {
+  chipGroup: l,
+  oneLine: _,
+  multiLine: f,
+  lg: u,
   md: L,
   sm: h
-}, G = l(o), C = p.forwardRef(
-  ({ children: i, className: t, oneLine: e, size: m = a.MD, ...s }, c) => /* @__PURE__ */ n(
+}, G = d(o), C = c.forwardRef(
+  ({ children: i, className: t, oneLine: e, size: m = r.MD, ...s }, n) => /* @__PURE__ */ a(
     "div",
     {
-      className: r(o.chipGroup, G[m], t, {
+      className: p(o.chipGroup, G[m], t, {
         [o.multiLine]: !e,
         [o.oneLine]: !!e
       }),
       ...s,
-      ref: c,
-      "data-tx": "1.2.0",
+      ref: n,
+      "data-tx": "1.4.0",
       children: i
     }
   )