@sberbusiness/triplex-next 1.4.0 → 1.5.0

package/components/Calendar/index.js

@@ -0,0 +1,9 @@
+import { Calendar as r } from "./Calendar.js";
+import { ECalendarDateMarkType as o, ECalendarPickType as l, ECalendarViewMode as n } from "./enums.js";
+export {
+  r as Calendar,
+  o as ECalendarDateMarkType,
+  l as ECalendarPickType,
+  n as ECalendarViewMode
+};
+//# sourceMappingURL=index.js.map

package/components/Calendar/types.js

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

package/components/Calendar/utils.js

@@ -0,0 +1,38 @@
+import { h as s } from "../../chunks/vendor-9KVE23Ri.js";
+import { globalLimitRange as f, headerDateFormat as i } from "../../consts/DateConst.js";
+import { ECalendarViewMode as a } from "./enums.js";
+function Y(e, r) {
+  return e ? typeof e == "string" ? s(e, r) : e : null;
+}
+function c(e, r) {
+  let t;
+  return r && r.isValid() ? t = r : e && e.isValid() ? t = e : t = s(), t.format(i);
+}
+function l(e, r) {
+  const t = e || s();
+  switch (r) {
+    case a.DAYS:
+      return c(t);
+    case a.MONTHS:
+      return t.clone().format("YYYY");
+    case a.YEARS: {
+      const o = t.clone().add(-5, "y").format("YYYY"), n = t.clone().add(6, "y").format("YYYY");
+      return `${o} - ${n}`;
+    }
+  }
+}
+function h(e, r, t) {
+  const o = r.dateFrom || f.dateFrom, n = r.dateTo || f.dateTo;
+  return e.isBefore(o, t) || e.isAfter(n, t);
+}
+function y(e, r) {
+  return r === void 0 ? !1 : r.includes(e);
+}
+export {
+  l as formatDate,
+  c as getHeader,
+  h as isDateOutOfRange,
+  y as isDayDisabled,
+  Y as parsePickedDate
+};
+//# sourceMappingURL=utils.js.map

package/components/Card/CardAction.js

@@ -1,5 +1,5 @@
-var N = Object.defineProperty;
-var y = (c, i, e) => i in c ? N(c, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[i] = e;
+var b = Object.defineProperty;
+var y = (c, i, e) => i in c ? b(c, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[i] = e;
 var o = (c, i, e) => y(c, typeof i != "symbol" ? i + "" : i, e);
 import { jsx as R } from "react/jsx-runtime";
 import u from "react";
@@ -8,10 +8,10 @@ import { CardMedia as _ } from "./components/CardMedia.js";
 import { ECardRoundingSize as M, ECardTheme as w } from "./enums.js";
 import { EFocusSource as r } from "../../enums/EFocusSource.js";
 import { mapCardRoundingSizeToCssClass as x, mapCardThemeToCssClass as K } from "./utils.js";
-import { isKey as f } from "../../utils/keyboard.js";
-import { c as k } from "../../chunks/vendor-Ba_pyhza.js";
-import { c as B } from "../../chunks/Card.module-kTbr6OQy.js";
-const O = "action__a2b4210b", F = "selected__d176b229", V = "focusVisible__0fb99f00", a = {
+import { isKey as p } from "../../utils/keyboard.js";
+import { c as k } from "../../chunks/vendor-9KVE23Ri.js";
+import { c as B } from "../../chunks/Card.module-lZl8x0iL.js";
+const O = "action__ba300679", F = "selected__8da60b37", V = "focusVisible__59185c20", a = {
   action: O,
   selected: F,
   focusVisible: V
@@ -35,7 +35,7 @@ class l extends u.Component {
     });
     o(this, "handleKeyDown", (e) => {
       const { onKeyDown: s } = this.props;
-      s == null || s(e), f(e.keyCode, "SPACE") ? (e.preventDefault(), this.handleToggle()) : f(e.keyCode, "ENTER") && this.handleToggle();
+      s == null || s(e), p(e.keyCode, "SPACE") ? (e.preventDefault(), this.handleToggle()) : p(e.keyCode, "ENTER") && this.handleToggle();
     });
     o(this, "handleFocus", (e) => {
       const { onFocus: s } = this.props, { focusSource: t } = this.state, { current: n } = this.ref;
@@ -66,27 +66,27 @@ class l extends u.Component {
       onKeyDown: d,
       onFocus: h,
       onBlur: z,
-      roundingSize: p = M.MD,
+      roundingSize: f = M.MD,
       onToggle: A,
       selected: m,
       toggle: U,
       theme: S = w.GENERAL,
       ...C
-    } = this.props, { isControlled: E, isSelected: b, focusSource: g } = this.state, D = k(
+    } = this.props, { isControlled: E, isSelected: g, focusSource: D } = this.state, N = k(
       B.card,
       a.action,
       K[S],
-      x[p],
+      x[f],
       {
-        [a.focusVisible]: g === r.KEYBOARD,
-        [a.selected]: E ? !!m : b
+        [a.focusVisible]: D === r.KEYBOARD,
+        [a.selected]: E ? !!m : g
       },
       s
     );
     return /* @__PURE__ */ R(
       "div",
       {
-        className: D,
+        className: N,
         tabIndex: 0,
         onClick: this.handleClick,
         onMouseDown: this.handleMouseDown,
@@ -96,7 +96,7 @@ class l extends u.Component {
         role: "button",
         ...C,
         ref: this.ref,
-        "data-tx": "1.4.0",
+        "data-tx": "1.5.0",
         children: e
       }
     );

package/components/Card/CardStatic.js

@@ -2,8 +2,8 @@ import { jsx as i } from "react/jsx-runtime";
 import { CardContent as s } from "./components/CardContent/CardContent.js";
 import { CardMedia as e } from "./components/CardMedia.js";
 import { mapCardRoundingSizeToCssClass as C, mapCardThemeToCssClass as p } from "./utils.js";
-import { c } from "../../chunks/vendor-Ba_pyhza.js";
-import { c as n } from "../../chunks/Card.module-kTbr6OQy.js";
+import { c } from "../../chunks/vendor-9KVE23Ri.js";
+import { c as n } from "../../chunks/Card.module-lZl8x0iL.js";
 import { ECardRoundingSize as f, ECardTheme as l } from "./enums.js";
 const a = ({
   children: r,
@@ -21,7 +21,7 @@ const a = ({
       o
     ),
     ...d,
-    "data-tx": "1.4.0",
+    "data-tx": "1.5.0",
     children: r
   }
 );

package/components/Card/components/CardContent/CardContent.js

@@ -3,8 +3,8 @@ import { CardContentBody as C } from "./components/CardContentBody.js";
 import { CardContentHeader as i } from "./components/CardContentHeader.js";
 import { CardContentFooter as s } from "./components/CardContentFooter.js";
 import { ECardContentPaddingSize as t } from "../../enums.js";
-import { c as p } from "../../../../chunks/vendor-Ba_pyhza.js";
-import { c as r } from "../../../../chunks/Card.module-kTbr6OQy.js";
+import { c as p } from "../../../../chunks/vendor-9KVE23Ri.js";
+import { c as r } from "../../../../chunks/Card.module-lZl8x0iL.js";
 const c = {
   [t.MD]: r.paddingMD,
   [t.SM]: r.paddingSM

package/components/Card/components/CardContent/components/CardContentBody.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as d } from "../../../../../chunks/vendor-Ba_pyhza.js";
-import { c as s } from "../../../../../chunks/Card.module-kTbr6OQy.js";
+import { c as d } from "../../../../../chunks/vendor-9KVE23Ri.js";
+import { c as s } from "../../../../../chunks/Card.module-lZl8x0iL.js";
 const m = ({ children: o, className: t, ...r }) => /* @__PURE__ */ a("div", { className: d(s.cardContentBody, t), ...r, children: o });
 m.displayName = "CardContentBody";
 export {

package/components/Card/components/CardContent/components/CardContentFooter.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as e } from "../../../../../chunks/vendor-Ba_pyhza.js";
-import { c as s } from "../../../../../chunks/Card.module-kTbr6OQy.js";
+import { c as e } from "../../../../../chunks/vendor-9KVE23Ri.js";
+import { c as s } from "../../../../../chunks/Card.module-lZl8x0iL.js";
 const m = ({ children: o, className: t, ...r }) => /* @__PURE__ */ a("div", { className: e(s.cardContentFooter, t), ...r, children: o });
 m.displayName = "CardContentFooter";
 export {

package/components/Card/components/CardContent/components/CardContentHeader.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as o } from "../../../../../chunks/vendor-Ba_pyhza.js";
-import { c as d } from "../../../../../chunks/Card.module-kTbr6OQy.js";
+import { c as o } from "../../../../../chunks/vendor-9KVE23Ri.js";
+import { c as d } from "../../../../../chunks/Card.module-lZl8x0iL.js";
 const s = ({ children: r, className: a, ...e }) => /* @__PURE__ */ t("div", { className: o(d.cardContentHeader, a), ...e, children: r });
 s.displayName = "CardContentHeader";
 export {

package/components/Card/components/CardMedia.js

@@ -1,6 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
-import { c as e } from "../../../chunks/vendor-Ba_pyhza.js";
-import { c as m } from "../../../chunks/Card.module-kTbr6OQy.js";
+import { c as e } from "../../../chunks/vendor-9KVE23Ri.js";
+import { c as m } from "../../../chunks/Card.module-lZl8x0iL.js";
 const o = ({ children: a, className: r, ...s }) => {
   const c = e(m.cardMedia, r);
   return /* @__PURE__ */ d("div", { className: c, ...s, children: a });

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-lZl8x0iL.js";
 const e = {
   [r.MD]: o.roundingMD,
   [r.SM]: o.roundingSM

package/components/CarouselExtended/CarouselExtended.js

@@ -1,22 +1,22 @@
 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 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-9KVE23Ri.js";
 import { scrollSmoothHorizontally as c } from "../../utils/scroll.js";
-const R = "carouselExtended__6bcdf1d9", k = {
+const R = "carouselExtended__fcaa4ee2", k = {
   carouselExtended: R
 }, y = C.forwardRef(
   ({ children: l, buttonPrev: a, 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 = () => {

package/components/Checkbox/Checkbox.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-9KVE23Ri.js";
+const y = "label__1f8cb11d", T = "md__dd7ae17c", M = "nonempty__ca138f53", g = "lg__a1ddb234", j = "disabled__d0ec96be", v = "checkbox__622c4f0d", B = "checkboxIcon__bfefd2c5", D = "checkmarkIcon__0f5f3fc9", c = {
   label: y,
   md: T,
   nonempty: M,
@@ -20,28 +20,28 @@ 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) => {
+}, d = u(c), L = N.forwardRef((b, i) => {
   const {
     children: s,
-    className: p,
+    className: k,
     disabled: n,
-    bulk: d,
+    bulk: p,
     labelAttributes: o,
     size: a = t.MD,
     ...x
-  } = i, h = r(c.checkbox, p, b[a]), _ = r(
+  } = b, h = r(c.checkbox, k, d[a]), f = r(
     c.label,
-    b[a],
+    d[a],
     { [c.disabled]: !!n, [c.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 });
+    return p ? /* @__PURE__ */ e(z, { className: m, paletteIndex: 7 }) : /* @__PURE__ */ e(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 }),
+  return /* @__PURE__ */ I("label", { ...o, className: f, "data-tx": "1.5.0", children: [
+    /* @__PURE__ */ e("input", { type: "checkbox", className: h, disabled: n, ...x, ref: i }),
     /* @__PURE__ */ e("span", { className: c.checkboxIcon }),
-    f(),
+    _(),
     s && /* @__PURE__ */ e(S, { size: E[a], children: s })
   ] });
 });

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 { c as a } from "../../chunks/vendor-9KVE23Ri.js";
+const r = "checkboxXGroup__5b0f4100", _ = "label__1f8cb11d", n = {
+  checkboxXGroup: r,
+  "indent-12": "indent-12__47ec6587",
+  label: _,
+  "indent-16": "indent-16__6a551653",
+  "indent-20": "indent-20__9b83fdd4",
+  "indent-24": "indent-24__8ca8ef3b",
+  "indent-28": "indent-28__2a1a1dda",
+  "indent-32": "indent-32__136ca228"
 }, 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 = a(n.checkboxXGroup, n[`indent-${o}`], t);
+  return /* @__PURE__ */ i("div", { className: s, role: "group", ...d, children: c });
 };
 l.displayName = "CheckboxXGroup";
 export {

package/components/Checkbox/CheckboxYGroup.js

@@ -1,6 +1,6 @@
 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-9KVE23Ri.js";
+const a = "checkboxYGroup__6a1ffcfd", x = {
   checkboxYGroup: a
 }, l = (o) => {
   const { children: c, className: s, ...r } = o, e = t(x.checkboxYGroup, s);

package/components/CheckboxTreeExtended/CheckboxTreeExtended.js

@@ -2,7 +2,7 @@ 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";
+import { c as s } from "../../chunks/vendor-9KVE23Ri.js";
 const e = ({ className: o, ...r }) => /* @__PURE__ */ x(c, { className: s("cssClass[checkboxTreeExtended]", o), ...r });
 e.displayName = "CheckboxTreeExtended";
 e.Checkbox = d;

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedCheckbox.js

@@ -4,7 +4,7 @@ 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";
+import { c as m } from "../../../chunks/vendor-9KVE23Ri.js";
 class N extends b.Component {
   constructor() {
     super(...arguments);

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.js

@@ -5,9 +5,9 @@ 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";
+import { c as m } from "../../../chunks/vendor-9KVE23Ri.js";
 import "./CheckboxTreeExtendedArrow.js";
-const N = "checkboxTreeExtendedNode__3ec333d4", T = "checkboxTreeExtendedNodeHeader__c4acf373", n = {
+const N = "checkboxTreeExtendedNode__d41fb94e", T = "checkboxTreeExtendedNodeHeader__aeed2db6", n = {
   checkboxTreeExtendedNode: N,
   checkboxTreeExtendedNodeHeader: T
 };

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-9KVE23Ri.js";
+import { C as e } from "../../chunks/Chip-DpSJGyYK.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-9KVE23Ri.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__6d19a72a", f = {
   chipClearButton: C
-}, u = {
+}, d = {
   [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(f.chipClearButton, r), ...n, ref: s, children: d[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-9KVE23Ri.js";
+const e = "chipDropdownArrow__7ae6d517", n = "rotated__8b366808", 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-DpSJGyYK.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/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-DpSJGyYK.js";
 import { ChipClearButton as f } from "./ChipClearButton.js";
-const m = "chipOptionsContent__4d305314", c = {
+const m = "chipOptionsContent__a8fe4a80", c = {
   chipOptionsContent: m
-}, l = a.forwardRef(
-  ({ children: o, clearSelected: e, selected: n, ...p }, r) => /* @__PURE__ */ t(
+}, 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,7 +15,7 @@ const m = "chipOptionsContent__4d305314", c = {
       }, size: p.size }) : /* @__PURE__ */ t("span", {}),
       selected: n,
       ...p,
-      ref: r,
+      ref: a,
       children: typeof o < "u" ? /* @__PURE__ */ t("span", { className: c.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-DpSJGyYK.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-9KVE23Ri.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-9KVE23Ri.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-DpSJGyYK.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-9KVE23Ri.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-DpSJGyYK.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-SqymKZn5.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-DpSJGyYK.js";
 import { ChipClearButton as E } from "../ChipClearButton.js";
 import { ChipDropdownArrow as P } from "../ChipDropdownArrow.js";
 import { isKey as e } from "../../../utils/keyboard.js";