@sberbusiness/triplex-next 1.4.0 → 1.6.0

package/components/Card/utils.js

@@ -1,5 +1,5 @@
 import { ECardRoundingSize as r, ECardTheme as s } from "./enums.js";
-import { c as o } from "../../chunks/Card.module-kTbr6OQy.js";
+import { c as o } from "../../chunks/Card.module-CmXEvD5r.js";
 const e = {
   [r.MD]: o.roundingMD,
   [r.SM]: o.roundingSM

package/components/CarouselExtended/CarouselExtended.js

@@ -1,33 +1,33 @@
 import { jsxs as p, jsx as b } from "react/jsx-runtime";
-import C, { useState as w, useRef as D, useCallback as L, useEffect as n } from "react";
-import { l as M, c as S } from "../../chunks/vendor-Ba_pyhza.js";
-import { scrollSmoothHorizontally as c } from "../../utils/scroll.js";
-const R = "carouselExtended__6bcdf1d9", k = {
+import C, { useState as w, useRef as D, useCallback as L, useEffect as d } from "react";
+import { l as M, c as S } from "../../chunks/vendor-D3hUOusX.js";
+import { scrollSmoothHorizontally as a } from "../../utils/scroll.js";
+const R = "carouselExtended__605faa23", k = {
   carouselExtended: R
 }, y = C.forwardRef(
-  ({ children: l, buttonPrev: a, buttonNext: i, stepPrev: u, stepNext: f, ...h }, s) => {
+  ({ children: l, buttonPrev: c, buttonNext: i, stepPrev: u, stepNext: f, ...h }, s) => {
     const [o, m] = w({ hidden: !0, nextDisabled: !1, prevDisabled: !0 }), r = D(null), t = L(() => {
-      const e = r.current, d = {
+      const e = r.current, n = {
         hidden: e.scrollWidth == e.clientWidth,
         nextDisabled: Math.round(e.scrollLeft) + e.offsetWidth >= e.scrollWidth,
         prevDisabled: Math.round(e.scrollLeft) <= 0
       };
-      M.isEqual(d, o) == !1 && m(d);
+      M.isEqual(n, o) == !1 && m(n);
     }, [o]);
-    n(() => (window.addEventListener("resize", t), document.addEventListener("scroll", t), () => {
+    d(() => (window.addEventListener("resize", t), document.addEventListener("scroll", t), () => {
       window.removeEventListener("resize", t), document.removeEventListener("scroll", t);
-    }), [t]), n(() => {
+    }), [t]), d(() => {
       t();
     }, [l, t]);
     const x = () => {
-      c(r.current, Math.floor(-u));
+      a(r.current, Math.floor(-u));
     }, v = () => {
-      c(r.current, Math.ceil(f));
+      a(r.current, Math.ceil(f));
     }, E = (e) => {
       r.current = e, typeof s == "function" ? s(e) : s && (s.current = e);
     };
     return /* @__PURE__ */ p("div", { ...h, children: [
-      a({
+      c({
         disabled: o.prevDisabled,
         hidden: o.hidden,
         onClick: x

package/components/Checkbox/Checkbox.js

@@ -1,4 +1,4 @@
-import { jsxs as I, jsx as e } from "react/jsx-runtime";
+import { jsxs as I, jsx as c } from "react/jsx-runtime";
 import N from "react";
 import { CheckboxbulkStrokeSrvIcon24 as z, CheckboxtickStrokeSrvIcon24 as C } from "@sberbusiness/icons-next";
 import "../Typography/Title.js";
@@ -7,8 +7,8 @@ import "../Typography/Caption.js";
 import { ETextSize as l } from "../Typography/enums.js";
 import { EComponentSize as t } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as u } from "../../utils/classNameMaps.js";
-import { c as r } from "../../chunks/vendor-Ba_pyhza.js";
-const y = "label__a7f16d39", T = "md__8c013058", M = "nonempty__c5c13c4e", g = "lg__31e4a4c4", j = "disabled__cb080a13", v = "checkbox__bf68ea73", B = "checkboxIcon__e1d726a3", D = "checkmarkIcon__5bb5c14a", c = {
+import { c as r } from "../../chunks/vendor-D3hUOusX.js";
+const y = "label__41f259dd", T = "md__c990c0f0", M = "nonempty__4c40f7ed", g = "lg__138a5376", j = "disabled__809f9350", v = "checkbox__b4e13950", B = "checkboxIcon__b0e10d49", D = "checkmarkIcon__65ff4c49", e = {
   label: y,
   md: T,
   nonempty: M,
@@ -20,29 +20,29 @@ const y = "label__a7f16d39", T = "md__8c013058", M = "nonempty__c5c13c4e", g = "
 }, E = {
   [t.LG]: l.B2,
   [t.MD]: l.B3
-}, b = u(c), L = N.forwardRef((i, k) => {
+}, i = u(e), L = N.forwardRef((k, b) => {
   const {
     children: s,
-    className: p,
+    className: d,
     disabled: n,
-    bulk: d,
+    bulk: p,
     labelAttributes: o,
     size: a = t.MD,
     ...x
-  } = i, h = r(c.checkbox, p, b[a]), _ = r(
-    c.label,
-    b[a],
-    { [c.disabled]: !!n, [c.nonempty]: !!s },
+  } = k, h = r(e.checkbox, d, i[a]), _ = r(
+    e.label,
+    i[a],
+    { [e.disabled]: !!n, [e.nonempty]: !!s },
     o == null ? void 0 : o.className
   ), f = () => {
-    const m = c.checkmarkIcon;
-    return d ? /* @__PURE__ */ e(z, { className: m, paletteIndex: 7 }) : /* @__PURE__ */ e(C, { className: m, paletteIndex: 7 });
+    const m = e.checkmarkIcon;
+    return p ? /* @__PURE__ */ c(z, { className: m, paletteIndex: 7 }) : /* @__PURE__ */ c(C, { className: m, paletteIndex: 7 });
   };
-  return /* @__PURE__ */ I("label", { ...o, className: _, "data-tx": "1.4.0", children: [
-    /* @__PURE__ */ e("input", { type: "checkbox", className: h, disabled: n, ...x, ref: k }),
-    /* @__PURE__ */ e("span", { className: c.checkboxIcon }),
+  return /* @__PURE__ */ I("label", { ...o, className: _, "data-tx": "1.6.0", children: [
+    /* @__PURE__ */ c("input", { type: "checkbox", className: h, disabled: n, ...x, ref: b }),
+    /* @__PURE__ */ c("span", { className: e.checkboxIcon }),
     f(),
-    s && /* @__PURE__ */ e(S, { size: E[a], children: s })
+    s && /* @__PURE__ */ c(S, { size: E[a], children: s })
   ] });
 });
 L.displayName = "Checkbox";

package/components/Checkbox/CheckboxXGroup.js

@@ -1,17 +1,17 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c as r } from "../../chunks/vendor-Ba_pyhza.js";
-const _ = "checkboxXGroup__a6d31b60", a = "label__a7f16d39", n = {
-  checkboxXGroup: _,
-  "indent-12": "indent-12__e540c6fe",
-  label: a,
-  "indent-16": "indent-16__76cd5d36",
-  "indent-20": "indent-20__5fc53752",
-  "indent-24": "indent-24__2274c11d",
-  "indent-28": "indent-28__1d8c2d38",
-  "indent-32": "indent-32__0324ad2b"
+import { jsx as a } from "react/jsx-runtime";
+import { c as i } from "../../chunks/vendor-D3hUOusX.js";
+const r = "checkboxXGroup__86bfacaf", _ = "label__41f259dd", n = {
+  checkboxXGroup: r,
+  "indent-12": "indent-12__44f47daa",
+  label: _,
+  "indent-16": "indent-16__f85814cd",
+  "indent-20": "indent-20__88baf7ca",
+  "indent-24": "indent-24__3a3dc9bf",
+  "indent-28": "indent-28__1e2f8ccf",
+  "indent-32": "indent-32__1e4d362b"
 }, l = (e) => {
-  const { children: c, className: t, indent: d = 12, ...o } = e, s = r(n.checkboxXGroup, n[`indent-${d}`], t);
-  return /* @__PURE__ */ i("div", { className: s, role: "group", ...o, children: c });
+  const { children: c, className: t, indent: o = 12, ...d } = e, s = i(n.checkboxXGroup, n[`indent-${o}`], t);
+  return /* @__PURE__ */ a("div", { className: s, role: "group", ...d, children: c });
 };
 l.displayName = "CheckboxXGroup";
 export {

package/components/Checkbox/CheckboxYGroup.js

@@ -1,10 +1,10 @@
 import { jsx as p } from "react/jsx-runtime";
-import { c as t } from "../../chunks/vendor-Ba_pyhza.js";
-const a = "checkboxYGroup__85cf9766", x = {
+import { c as t } from "../../chunks/vendor-D3hUOusX.js";
+const a = "checkboxYGroup__13b201ea", x = {
   checkboxYGroup: a
 }, l = (o) => {
-  const { children: c, className: s, ...r } = o, e = t(x.checkboxYGroup, s);
-  return /* @__PURE__ */ p("div", { className: e, role: "group", ...r, children: c });
+  const { children: c, className: s, ...e } = o, r = t(x.checkboxYGroup, s);
+  return /* @__PURE__ */ p("div", { className: r, role: "group", ...e, children: c });
 };
 l.displayName = "CheckboxYGroup";
 export {

package/components/CheckboxTree/index.js

@@ -0,0 +1,5 @@
+import { CheckboxTree as r } from "./CheckboxTree.js";
+export {
+  r as CheckboxTree
+};
+//# sourceMappingURL=index.js.map

package/components/CheckboxTreeExtended/CheckboxTreeExtended.js

@@ -1,12 +1,13 @@
 import { jsx as x } from "react/jsx-runtime";
-import { CollapsableTree as c } from "../CollapsableTree/CollapsableTree.js";
-import { CheckboxTreeExtendedCheckbox as d } from "./components/CheckboxTreeExtendedCheckbox.js";
-import { CheckboxTreeExtendedNode as m } from "./components/CheckboxTreeExtendedNode.js";
-import { c as s } from "../../chunks/vendor-Ba_pyhza.js";
-const e = ({ className: o, ...r }) => /* @__PURE__ */ x(c, { className: s("cssClass[checkboxTreeExtended]", o), ...r });
+import { CollapsableTree as m } from "../CollapsableTree/CollapsableTree.js";
+import { CheckboxTreeExtendedCheckbox as t } from "./components/CheckboxTreeExtendedCheckbox.js";
+import { CheckboxTreeExtendedNode as d } from "./components/CheckboxTreeExtendedNode.js";
+import { c } from "../../chunks/vendor-D3hUOusX.js";
+import { s } from "../../chunks/CheckboxTreeExtended.module-D-2ZUrcy.js";
+const e = ({ className: o, ...r }) => /* @__PURE__ */ x(m, { className: c(s.checkboxTreeExtended, o), ...r });
 e.displayName = "CheckboxTreeExtended";
-e.Checkbox = d;
-e.Node = m;
+e.Checkbox = t;
+e.Node = d;
 export {
   e as CheckboxTreeExtended
 };

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedArrow.js

@@ -5,7 +5,8 @@ import { jsx as p } from "react/jsx-runtime";
 import { CaretdownStrokeSrvIcon16 as l } from "@sberbusiness/icons-next";
 import { EVENT_KEY_CODES as d } from "../../../utils/keyboard.js";
 import h from "react";
-class N extends h.Component {
+import { s as f } from "../../../chunks/CheckboxTreeExtended.module-D-2ZUrcy.js";
+class x extends h.Component {
   constructor() {
     super(...arguments);
     n(this, "arrowNode");
@@ -35,7 +36,7 @@ class N extends h.Component {
     return /* @__PURE__ */ p(
       "span",
       {
-        className: "cssClass[caretIconWrapper]",
+        className: f.caretIconWrapper,
         onClick: this.handleClick,
         onKeyUp: this.handleKeyUp,
         ref: this.setArrowNode,
@@ -47,6 +48,6 @@ class N extends h.Component {
   }
 }
 export {
-  N as CheckboxTreeExtendedArrow
+  x as CheckboxTreeExtendedArrow
 };
 //# sourceMappingURL=CheckboxTreeExtendedArrow.js.map

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedCheckbox.js

@@ -1,39 +1,40 @@
-var i = Object.defineProperty;
-var n = (c, o, e) => o in c ? i(c, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[o] = e;
-var t = (c, o, e) => n(c, typeof o != "symbol" ? o + "" : o, e);
-import { jsx as x } from "react/jsx-runtime";
-import b from "react";
-import { Checkbox as d } from "../../Checkbox/Checkbox.js";
-import { c as m } from "../../../chunks/vendor-Ba_pyhza.js";
-class N extends b.Component {
+var n = Object.defineProperty;
+var x = (c, o, e) => o in c ? n(c, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[o] = e;
+var s = (c, o, e) => x(c, typeof o != "symbol" ? o + "" : o, e);
+import { jsx as b } from "react/jsx-runtime";
+import d from "react";
+import { Checkbox as m } from "../../Checkbox/Checkbox.js";
+import { c as p } from "../../../chunks/vendor-D3hUOusX.js";
+import { s as a } from "../../../chunks/CheckboxTreeExtended.module-D-2ZUrcy.js";
+class v extends d.Component {
   constructor() {
     super(...arguments);
-    t(this, "checkboxNode");
-    t(this, "handleFocus", (e) => {
+    s(this, "checkboxNode");
+    s(this, "handleFocus", (e) => {
     });
-    t(this, "setCheckboxNode", (e) => {
+    s(this, "setCheckboxNode", (e) => {
       this.checkboxNode = e;
     });
   }
   componentDidUpdate(e) {
-    var s, r;
-    const { active: h } = this.props, { active: a } = e;
-    h && !a && ((s = document.activeElement) != null && s.contains(this.checkboxNode) || (r = this.checkboxNode) == null || r.focus());
+    var t, i;
+    const { active: r } = this.props, { active: h } = e;
+    r && !h && ((t = document.activeElement) != null && t.contains(this.checkboxNode) || (i = this.checkboxNode) == null || i.focus());
   }
   render() {
-    const { active: e, className: h, opened: a, ...s } = this.props;
-    return /* @__PURE__ */ x(
-      d,
+    const { active: e, className: r, opened: h, ...t } = this.props;
+    return /* @__PURE__ */ b(
+      m,
       {
-        className: m("cssClass[checkboxTreeCheckbox]", h),
+        className: p(a.checkboxTreeCheckbox, r),
         ref: this.setCheckboxNode,
-        labelAttributes: { className: "cssClass[checkboxTreeCheckboxLabel]", onFocus: this.handleFocus },
-        ...s
+        labelAttributes: { className: a.checkboxTreeCheckboxLabel, onFocus: this.handleFocus },
+        ...t
       }
     );
   }
 }
 export {
-  N as CheckboxTreeExtendedCheckbox
+  v as CheckboxTreeExtendedCheckbox
 };
 //# sourceMappingURL=CheckboxTreeExtendedCheckbox.js.map

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.js

@@ -1,42 +1,39 @@
-var a = Object.defineProperty;
-var x = (d, r, e) => r in d ? a(d, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[r] = e;
-var o = (d, r, e) => x(d, typeof r != "symbol" ? r + "" : r, e);
-import { jsx as h, jsxs as i } from "react/jsx-runtime";
-import p from "react";
-import { CollapsableTree as l } from "../../CollapsableTree/CollapsableTree.js";
-import { isStaticCheckboxTreeExtended as b } from "../isStaticCheckboxTreeExtended.js";
-import { c as m } from "../../../chunks/vendor-Ba_pyhza.js";
+var c = Object.defineProperty;
+var i = (o, r, e) => r in o ? c(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e;
+var d = (o, r, e) => i(o, typeof r != "symbol" ? r + "" : r, e);
+import { jsx as p, jsxs as l } from "react/jsx-runtime";
+import h from "react";
+import { CollapsableTree as m } from "../../CollapsableTree/CollapsableTree.js";
+import { isStaticCheckboxTreeExtended as x } from "../isStaticCheckboxTreeExtended.js";
+import { c as u } from "../../../chunks/vendor-D3hUOusX.js";
 import "./CheckboxTreeExtendedArrow.js";
-const N = "checkboxTreeExtendedNode__3ec333d4", T = "checkboxTreeExtendedNodeHeader__c4acf373", n = {
-  checkboxTreeExtendedNode: N,
-  checkboxTreeExtendedNodeHeader: T
-};
-class C extends p.Component {
+import { s as n } from "../../../chunks/CheckboxTreeExtended.module-D-2ZUrcy.js";
+class D extends h.Component {
   constructor() {
     super(...arguments);
-    o(this, "handleHeaderMouseDown", (e) => {
+    d(this, "handleHeaderMouseDown", (e) => {
       e.target === e.currentTarget && e.preventDefault();
     });
-    o(this, "renderHeader", ({ activeNode: e, opened: c, toggle: s }) => {
-      const { checkbox: t, children: k } = this.props;
-      return /* @__PURE__ */ i(
+    d(this, "renderHeader", ({ activeNode: e, opened: s, toggle: a }) => {
+      const { checkbox: t, children: f } = this.props;
+      return /* @__PURE__ */ l(
         "div",
         {
-          className: m(n.checkboxTreeExtendedNodeHeader, { opened: c }),
+          className: u(n.checkboxTreeExtendedNodeHeader, { opened: s }),
           onMouseDown: this.handleHeaderMouseDown,
           children: [
-            !b,
+            !x,
             t({ active: e, opened: !0 })
           ]
         }
       );
     });
-    o(this, "renderBody", () => this.props.children);
+    d(this, "renderBody", () => this.props.children);
   }
   render() {
-    const { children: e, checkbox: c, opened: s, ...t } = this.props;
-    return /* @__PURE__ */ h(
-      l.Node,
+    const { children: e, checkbox: s, opened: a, ...t } = this.props;
+    return /* @__PURE__ */ p(
+      m.Node,
       {
         className: n.checkboxTreeExtendedNode,
         opened: !0,
@@ -48,6 +45,6 @@ class C extends p.Component {
   }
 }
 export {
-  C as CheckboxTreeExtendedNode
+  D as CheckboxTreeExtendedNode
 };
 //# sourceMappingURL=CheckboxTreeExtendedNode.js.map

package/components/CheckboxTreeExtended/index.js

@@ -0,0 +1,5 @@
+import { CheckboxTreeExtended as r } from "./CheckboxTreeExtended.js";
+export {
+  r as CheckboxTreeExtended
+};
+//# sourceMappingURL=index.js.map

package/components/Chip/Chip.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import "../../chunks/vendor-Ba_pyhza.js";
-import { C as e } from "../../chunks/Chip-G6cGXuGj.js";
+import "../../chunks/vendor-D3hUOusX.js";
+import { C as e } from "../../chunks/Chip-yWyfl_o2.js";
 import "../../enums/EComponentSize.js";
 import "../../utils/classNameMaps.js";
 import "../../utils/keyboard.js";

package/components/Chip/ChipClearButton.js

@@ -1,20 +1,20 @@
 import { jsx as o } from "react/jsx-runtime";
 import a from "react";
-import { c as p } from "../../chunks/vendor-Ba_pyhza.js";
+import { c as p } from "../../chunks/vendor-D3hUOusX.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 = {
+const C = "chipClearButton__ad06a87d", d = {
   chipClearButton: C
-}, u = {
+}, f = {
   [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] })
+}, u = a.forwardRef(
+  ({ className: r, size: e = t.MD, ...n }, s) => /* @__PURE__ */ o(m, { className: p(d.chipClearButton, r), ...n, ref: s, children: f[e] })
 );
-I.displayName = "ChipClearButton";
+u.displayName = "ChipClearButton";
 export {
-  I as ChipClearButton
+  u as ChipClearButton
 };
 //# sourceMappingURL=ChipClearButton.js.map

package/components/Chip/ChipDropdownArrow.js

@@ -1,13 +1,13 @@
 import { jsx as t } from "react/jsx-runtime";
 import { CaretdownStrokeSrvIcon20 as p } from "@sberbusiness/icons-next";
-import { c as e } from "../../chunks/vendor-Ba_pyhza.js";
-const d = "chipDropdownArrow__38a0e6b9", n = "rotated__06743662", o = {
-  chipDropdownArrow: d,
+import { c as d } from "../../chunks/vendor-D3hUOusX.js";
+const e = "chipDropdownArrow__16d003be", n = "rotated__d42f6596", o = {
+  chipDropdownArrow: e,
   rotated: n
 }, w = ({ rotated: r }) => /* @__PURE__ */ t(
   p,
   {
-    className: e(o.chipDropdownArrow, { [o.rotated]: r }),
+    className: d(o.chipDropdownArrow, { [o.rotated]: r }),
     paletteIndex: 5
   }
 );

package/components/Chip/ChipIcon.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import f from "react";
-import { C as t } from "../../chunks/Chip-G6cGXuGj.js";
+import { C as t } from "../../chunks/Chip-yWyfl_o2.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 {

package/components/Chip/ChipMultiselect.js

@@ -0,0 +1,46 @@
+import { jsx as r } from "react/jsx-runtime";
+import u from "react";
+import { MultiselectField as w } from "../MultiselectField/MultiselectField.js";
+import { s as x, C as y } from "../../chunks/Chip-yWyfl_o2.js";
+import { ChipClearButton as D } from "./ChipClearButton.js";
+import { ChipDropdownArrow as K } from "./ChipDropdownArrow.js";
+import { isKey as m } from "../../utils/keyboard.js";
+import { c as g } from "../../chunks/vendor-D3hUOusX.js";
+const k = u.forwardRef(
+  ({ children: n, className: s, clearSelected: p, disabled: c, label: i, displayedValue: f, selected: t, size: e, ...C }, d) => {
+    const h = (o) => {
+      o.stopPropagation(), p();
+    };
+    return /* @__PURE__ */ r(
+      w,
+      {
+        size: e,
+        renderTarget: ({ opened: o, setOpened: a }) => /* @__PURE__ */ r(
+          y,
+          {
+            "aria-expanded": o,
+            disabled: c,
+            size: e,
+            onClick: () => a(!o),
+            onKeyDown: (l) => {
+              (m(l.code, "ENTER") || m(l.code, "SPACE")) && a(!o);
+            },
+            postfix: t ? /* @__PURE__ */ r(D, { onClick: h }) : /* @__PURE__ */ r(K, { rotated: o }),
+            ref: d,
+            role: "listbox",
+            selected: !!t,
+            children: t ? f ?? i : i
+          }
+        ),
+        className: g(x.chipGroupItem, s),
+        ...C,
+        children: n
+      }
+    );
+  }
+);
+k.displayName = "ChipMultiselect";
+export {
+  k as ChipMultiselect
+};
+//# sourceMappingURL=ChipMultiselect.js.map

package/components/Chip/ChipOptions.js

@@ -1,12 +1,12 @@
 import { jsx as t } from "react/jsx-runtime";
-import a from "react";
-import { SortStrokeSrvIcon24 as i } from "@sberbusiness/icons-next";
-import { C } from "../../chunks/Chip-G6cGXuGj.js";
+import r from "react";
+import { OptionsStrokeSrvIcon24 as i } from "@sberbusiness/icons-next";
+import { C } from "../../chunks/Chip-yWyfl_o2.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(
+const c = "chipOptionsContent__a4daf59c", m = {
+  chipOptionsContent: c
+}, l = r.forwardRef(
+  ({ children: o, clearSelected: e, selected: n, ...p }, a) => /* @__PURE__ */ t(
     C,
     {
       prefix: n ? /* @__PURE__ */ t(i, { paletteIndex: 6 }) : /* @__PURE__ */ t(i, { paletteIndex: 5 }),
@@ -15,8 +15,8 @@ const m = "chipOptionsContent__4d305314", c = {
       }, size: p.size }) : /* @__PURE__ */ t("span", {}),
       selected: n,
       ...p,
-      ref: r,
-      children: typeof o < "u" ? /* @__PURE__ */ t("span", { className: c.chipOptionsContent, children: o }) : o
+      ref: a,
+      children: typeof o < "u" ? /* @__PURE__ */ t("span", { className: m.chipOptionsContent, children: o }) : o
     }
   )
 );

package/components/Chip/ChipSelect.js

@@ -4,10 +4,10 @@ import { SelectExtendedField as D } from "../SelectExtendedField/SelectExtendedF
 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 { s as b, C as k } from "../../chunks/Chip-yWyfl_o2.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";
+import { c as g } from "../../chunks/vendor-D3hUOusX.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) => {

package/components/Chip/ChipSort.js

@@ -0,0 +1,55 @@
+import { jsx as o } from "react/jsx-runtime";
+import b from "react";
+import { l as u, c as l } from "../../chunks/vendor-D3hUOusX.js";
+import { ChipIcon as C } from "./ChipIcon.js";
+import { SortStrokeSrvIcon24 as a } from "@sberbusiness/icons-next";
+import { SelectExtendedField as E } from "../SelectExtendedField/SelectExtendedField.js";
+import "../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
+import "../SelectExtendedField/components/SelectExtendedFieldTarget.js";
+import { SelectExtendedFieldDropdownDefault as w } from "../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
+import { s as D } from "../../chunks/Chip-yWyfl_o2.js";
+const N = b.forwardRef(
+  ({ className: m, defaultValue: d, disabled: p, label: s, onChange: c, options: n, value: r, size: t, ...f }, x) => {
+    const i = !!r && !u.isEqual(d, r), h = ({ opened: e, setOpened: I }) => /* @__PURE__ */ o(
+      C,
+      {
+        className: l("hoverable", {
+          active: !!e
+        }),
+        ref: x,
+        disabled: p,
+        selected: i,
+        onClick: () => I(!0),
+        size: t,
+        role: "combobox",
+        "aria-expanded": e,
+        children: i ? /* @__PURE__ */ o(a, { paletteIndex: 6 }) : /* @__PURE__ */ o(a, { paletteIndex: 5 })
+      }
+    ), S = (e) => /* @__PURE__ */ o(
+      w,
+      {
+        ...e,
+        size: t,
+        mobileTitle: s,
+        onChange: c,
+        options: n,
+        value: r,
+        fixedWidth: !1
+      }
+    );
+    return /* @__PURE__ */ o(
+      E,
+      {
+        className: l(D.chipGroupItem, m),
+        renderTarget: h,
+        ...f,
+        children: S
+      }
+    );
+  }
+);
+N.displayName = "ChipSort";
+export {
+  N as ChipSort
+};
+//# sourceMappingURL=ChipSort.js.map

package/components/Chip/ChipSuggest/ChipSuggest.js

@@ -1,11 +1,11 @@
 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 { c as x } from "../../../chunks/vendor-D3hUOusX.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";
+import { s as j } from "../../../chunks/Chip-yWyfl_o2.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);

package/components/Chip/ChipSuggest/ChipSuggestDropdown.js

@@ -6,7 +6,7 @@ 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 { D as x } from "../../../chunks/DropdownListItem-DgEkMGvB.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/Chip/ChipSuggest/ChipSuggestTarget.js

@@ -2,7 +2,7 @@ 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 { C as B } from "../../../chunks/Chip-yWyfl_o2.js";
 import { ChipClearButton as E } from "../ChipClearButton.js";
 import { ChipDropdownArrow as P } from "../ChipDropdownArrow.js";
 import { isKey as e } from "../../../utils/keyboard.js";