@sberbusiness/triplex-next 1.6.1 → 1.8.0

package/components/Calendar/components/CalendarViewDays.js

@@ -4,7 +4,7 @@ import { useContext as R, useCallback as O, useState as L, useEffect as q } from
 import { isDateOutOfRange as g, isDayDisabled as z } from "../utils.js";
 import { WEEKDAYS_SET as J } from "../../../consts/DateConst.js";
 import { CalendarViewContext as Q } from "../CalendarViewContext.js";
-import { s as y, C as X } from "../../../chunks/CalendarViewItem-BoFDPLNT.js";
+import { s as y, C as X } from "../../../chunks/CalendarViewItem-CUPkQFFY.js";
 import { isKey as d } from "../../../utils/keyboard.js";
 import { ECalendarDateMarkType as Z, ECalendarViewMode as E } from "../enums.js";
 import { CalendarContext as ee } from "../CalendarContext.js";

package/components/Calendar/components/CalendarViewItem.js

@@ -4,7 +4,7 @@ import "react";
 import "../enums.js";
 import "../CalendarViewContext.js";
 import "../../../utils/keyboard.js";
-import { C } from "../../../chunks/CalendarViewItem-BoFDPLNT.js";
+import { C } from "../../../chunks/CalendarViewItem-CUPkQFFY.js";
 export {
   C as CalendarViewItem
 };

package/components/Calendar/components/CalendarViewMonths.js

@@ -4,7 +4,7 @@ import { k as h } from "../../../chunks/vendor-D3hUOusX.js";
 import { CalendarContext as G } from "../CalendarContext.js";
 import { CalendarViewContext as H } from "../CalendarViewContext.js";
 import { isDateOutOfRange as R } from "../utils.js";
-import { s as K, C as B } from "../../../chunks/CalendarViewItem-BoFDPLNT.js";
+import { s as K, C as B } from "../../../chunks/CalendarViewItem-CUPkQFFY.js";
 import { isKey as l } from "../../../utils/keyboard.js";
 import { ECalendarPickType as U, ECalendarViewMode as u } from "../enums.js";
 const Z = ({ pickedDate: r, monthHtmlAttributes: T = {} }) => {

package/components/Calendar/components/CalendarViewYears.js

@@ -4,7 +4,7 @@ import { k as w } from "../../../chunks/vendor-D3hUOusX.js";
 import { CalendarContext as N } from "../CalendarContext.js";
 import { CalendarViewContext as G } from "../CalendarViewContext.js";
 import { isDateOutOfRange as O } from "../utils.js";
-import { s as K, C as H } from "../../../chunks/CalendarViewItem-BoFDPLNT.js";
+import { s as K, C as H } from "../../../chunks/CalendarViewItem-CUPkQFFY.js";
 import { isKey as i } from "../../../utils/keyboard.js";
 import { ECalendarViewMode as y } from "../enums.js";
 const J = ({ pickedDate: s, yearHtmlAttributes: S = {} }) => {

package/components/Card/CardAction.js

@@ -1,17 +1,17 @@
-var y = Object.defineProperty;
-var R = (c, i, e) => i in c ? y(c, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[i] = e;
-var o = (c, i, e) => R(c, typeof i != "symbol" ? i + "" : i, e);
-import { jsx as T } from "react/jsx-runtime";
+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 o = (c, i, e) => y(c, typeof i != "symbol" ? i + "" : i, e);
+import { jsx as R } from "react/jsx-runtime";
 import u from "react";
-import { CardContent as _ } from "./components/CardContent/CardContent.js";
-import { CardMedia as b } from "./components/CardMedia.js";
+import { CardContent as T } from "./components/CardContent/CardContent.js";
+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 { isKey as p } from "../../utils/keyboard.js";
 import { c as k } from "../../chunks/vendor-D3hUOusX.js";
-import { c as B } from "../../chunks/Card.module-xUBtHcBW.js";
-const O = "action__eaf6de79", F = "selected__19c5cf19", V = "focusVisible__7659ed40", a = {
+import { c as B } from "../../chunks/Card.module-D1ZooBvB.js";
+const O = "action__05bd64cb", F = "selected__c0b887d7", V = "focusVisible__a0389173", 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: g, focusSource: D } = this.state, N = k(
+    } = this.props, { isControlled: E, isSelected: g, focusSource: D } = this.state, b = k(
       B.card,
       a.action,
       K[S],
-      x[p],
+      x[f],
       {
         [a.focusVisible]: D === r.KEYBOARD,
         [a.selected]: E ? !!m : g
       },
       s
     );
-    return /* @__PURE__ */ T(
+    return /* @__PURE__ */ R(
       "div",
       {
-        className: N,
+        className: b,
         tabIndex: 0,
         onClick: this.handleClick,
         onMouseDown: this.handleMouseDown,
@@ -96,13 +96,13 @@ class l extends u.Component {
         role: "button",
         ...C,
         ref: this.ref,
-        "data-tx": "1.6.1",
+        "data-tx": "1.8.0",
         children: e
       }
     );
   }
 }
-o(l, "displayName", "CardAction"), o(l, "Content", _), o(l, "Media", b);
+o(l, "displayName", "CardAction"), o(l, "Content", T), o(l, "Media", _);
 export {
   l as CardAction
 };

package/components/Card/CardStatic.js

@@ -3,7 +3,7 @@ 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-D3hUOusX.js";
-import { c as n } from "../../chunks/Card.module-xUBtHcBW.js";
+import { c as n } from "../../chunks/Card.module-D1ZooBvB.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.6.1",
+    "data-tx": "1.8.0",
     children: r
   }
 );

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

@@ -4,7 +4,7 @@ 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-D3hUOusX.js";
-import { c as r } from "../../../../chunks/Card.module-xUBtHcBW.js";
+import { c as r } from "../../../../chunks/Card.module-D1ZooBvB.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-D3hUOusX.js";
-import { c as s } from "../../../../../chunks/Card.module-xUBtHcBW.js";
+import { c as s } from "../../../../../chunks/Card.module-D1ZooBvB.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-D3hUOusX.js";
-import { c as s } from "../../../../../chunks/Card.module-xUBtHcBW.js";
+import { c as s } from "../../../../../chunks/Card.module-D1ZooBvB.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-D3hUOusX.js";
-import { c as d } from "../../../../../chunks/Card.module-xUBtHcBW.js";
+import { c as d } from "../../../../../chunks/Card.module-D1ZooBvB.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-D3hUOusX.js";
-import { c as m } from "../../../chunks/Card.module-xUBtHcBW.js";
+import { c as m } from "../../../chunks/Card.module-D1ZooBvB.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-xUBtHcBW.js";
+import { c as o } from "../../chunks/Card.module-D1ZooBvB.js";
 const e = {
   [r.MD]: o.roundingMD,
   [r.SM]: o.roundingSM

package/components/CarouselExtended/CarouselExtended.js

@@ -2,7 +2,7 @@ import { jsxs as p, jsx as b } from "react/jsx-runtime";
 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 c } from "../../utils/scroll.js";
-const R = "carouselExtended__5c570046", k = {
+const R = "carouselExtended__06625e63", k = {
   carouselExtended: R
 }, y = C.forwardRef(
   ({ children: l, buttonPrev: a, buttonNext: i, stepPrev: u, stepNext: f, ...h }, s) => {

package/components/Checkbox/Checkbox.js

@@ -8,7 +8,7 @@ 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-D3hUOusX.js";
-const y = "label__f9fc3a1a", T = "md__688a298c", M = "nonempty__92f6bad9", g = "lg__9ef52e95", j = "disabled__e1e896ff", v = "checkbox__4e6c404a", B = "checkboxIcon__4bc3cdce", D = "checkmarkIcon__0d2e3d4a", e = {
+const y = "label__5c27d1d7", T = "md__4d553d1c", M = "nonempty__d3ac2172", g = "lg__1f7de810", j = "disabled__a045fa18", v = "checkbox__fae65368", B = "checkboxIcon__3476acfc", D = "checkmarkIcon__0b04fe73", e = {
   label: y,
   md: T,
   nonempty: M,
@@ -20,16 +20,16 @@ const y = "label__f9fc3a1a", T = "md__688a298c", M = "nonempty__92f6bad9", g = "
 }, E = {
   [t.LG]: l.B2,
   [t.MD]: l.B3
-}, i = u(e), L = N.forwardRef((k, b) => {
+}, i = u(e), L = N.forwardRef((d, k) => {
   const {
     children: s,
-    className: d,
+    className: b,
     disabled: n,
     bulk: p,
     labelAttributes: o,
     size: a = t.MD,
     ...x
-  } = k, h = r(e.checkbox, d, i[a]), _ = r(
+  } = d, h = r(e.checkbox, b, i[a]), _ = r(
     e.label,
     i[a],
     { [e.disabled]: !!n, [e.nonempty]: !!s },
@@ -38,8 +38,8 @@ const y = "label__f9fc3a1a", T = "md__688a298c", M = "nonempty__92f6bad9", g = "
     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.6.1", children: [
-    /* @__PURE__ */ c("input", { type: "checkbox", className: h, disabled: n, ...x, ref: b }),
+  return /* @__PURE__ */ I("label", { ...o, className: _, "data-tx": "1.8.0", children: [
+    /* @__PURE__ */ c("input", { type: "checkbox", className: h, disabled: n, ...x, ref: k }),
     /* @__PURE__ */ c("span", { className: e.checkboxIcon }),
     f(),
     s && /* @__PURE__ */ c(S, { size: E[a], children: s })

package/components/Checkbox/CheckboxXGroup.js

@@ -1,20 +1,20 @@
 import { jsx as i } from "react/jsx-runtime";
 import { c as r } from "../../chunks/vendor-D3hUOusX.js";
-const _ = "checkboxXGroup__98533823", a = "label__f9fc3a1a", e = {
-  checkboxXGroup: _,
-  "indent-12": "indent-12__0d335180",
-  label: a,
-  "indent-16": "indent-16__3f68d997",
-  "indent-20": "indent-20__ef680e68",
-  "indent-24": "indent-24__b1317f4c",
-  "indent-28": "indent-28__d4b178dd",
-  "indent-32": "indent-32__7de7220a"
-}, l = (n) => {
+const a = "checkboxXGroup__b709780a", b = "label__5c27d1d7", e = {
+  checkboxXGroup: a,
+  "indent-12": "indent-12__61ab3738",
+  label: b,
+  "indent-16": "indent-16__df86b9be",
+  "indent-20": "indent-20__25e1dbb4",
+  "indent-24": "indent-24__02c3a6d1",
+  "indent-28": "indent-28__2017ab20",
+  "indent-32": "indent-32__fff3e106"
+}, _ = (n) => {
   const { children: t, className: o, indent: c = 12, ...d } = n, s = r(e.checkboxXGroup, e[`indent-${c}`], o);
   return /* @__PURE__ */ i("div", { className: s, role: "group", ...d, children: t });
 };
-l.displayName = "CheckboxXGroup";
+_.displayName = "CheckboxXGroup";
 export {
-  l as CheckboxXGroup
+  _ as CheckboxXGroup
 };
 //# sourceMappingURL=CheckboxXGroup.js.map

package/components/Checkbox/CheckboxYGroup.js

@@ -1,10 +1,10 @@
 import { jsx as p } from "react/jsx-runtime";
 import { c as t } from "../../chunks/vendor-D3hUOusX.js";
-const a = "checkboxYGroup__9d87b7ca", x = {
+const a = "checkboxYGroup__5630ace5", 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/CheckboxTreeExtended/CheckboxTreeExtended.js

@@ -3,7 +3,7 @@ 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-CzX04UVi.js";
+import { s } from "../../chunks/CheckboxTreeExtended.module-CjWzaGb4.js";
 const e = ({ className: o, ...r }) => /* @__PURE__ */ x(m, { className: c(s.checkboxTreeExtended, o), ...r });
 e.displayName = "CheckboxTreeExtended";
 e.Checkbox = t;

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedArrow.js

@@ -5,7 +5,7 @@ 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";
-import { s as f } from "../../../chunks/CheckboxTreeExtended.module-CzX04UVi.js";
+import { s as f } from "../../../chunks/CheckboxTreeExtended.module-CjWzaGb4.js";
 class x extends h.Component {
   constructor() {
     super(...arguments);

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedCheckbox.js

@@ -5,7 +5,7 @@ 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-CzX04UVi.js";
+import { s as a } from "../../../chunks/CheckboxTreeExtended.module-CjWzaGb4.js";
 class v extends d.Component {
   constructor() {
     super(...arguments);

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.js

@@ -7,7 +7,7 @@ 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";
-import { s as n } from "../../../chunks/CheckboxTreeExtended.module-CzX04UVi.js";
+import { s as n } from "../../../chunks/CheckboxTreeExtended.module-CjWzaGb4.js";
 class D extends h.Component {
   constructor() {
     super(...arguments);

package/components/Chip/Chip.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../chunks/vendor-D3hUOusX.js";
-import { C as e } from "../../chunks/Chip-C91-I9zb.js";
+import { C as e } from "../../chunks/Chip-CCv72AgN.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 p from "react";
-import { c as a } from "../../chunks/vendor-D3hUOusX.js";
-import { CrossStrokeSrvIcon24 as c, CrossStrokeSrvIcon20 as i, CrossStrokeSrvIcon16 as l } from "@sberbusiness/icons-next";
+import a from "react";
+import { c } from "../../chunks/vendor-D3hUOusX.js";
+import { CrossStrokeSrvIcon24 as p, 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__1e1336d8", f = {
+const C = "chipClearButton__3e6ac9b5", f = {
   chipClearButton: C
-}, d = {
+}, u = {
   [t.SM]: /* @__PURE__ */ o(l, { paletteIndex: 6 }),
   [t.MD]: /* @__PURE__ */ o(i, { paletteIndex: 6 }),
-  [t.LG]: /* @__PURE__ */ o(c, { paletteIndex: 6 })
-}, u = p.forwardRef(
-  ({ className: r, size: e = t.MD, ...n }, s) => /* @__PURE__ */ o(m, { className: a(f.chipClearButton, r), ...n, ref: s, children: d[e] })
+  [t.LG]: /* @__PURE__ */ o(p, { paletteIndex: 6 })
+}, I = a.forwardRef(
+  ({ className: r, size: e = t.MD, ...n }, s) => /* @__PURE__ */ o(m, { className: c(f.chipClearButton, r), ...n, ref: s, children: u[e] })
 );
-u.displayName = "ChipClearButton";
+I.displayName = "ChipClearButton";
 export {
-  u as ChipClearButton
+  I as ChipClearButton
 };
 //# sourceMappingURL=ChipClearButton.js.map

package/components/Chip/ChipDatePicker/ChipDatePicker.js

@@ -0,0 +1,91 @@
+import { jsx as m } from "react/jsx-runtime";
+import N, { useState as O, useRef as h, useEffect as _ } from "react";
+import { k } from "../../../chunks/vendor-D3hUOusX.js";
+import { dateFormatYYYYMMDD as j, globalLimitRange as z } from "../../../consts/DateConst.js";
+import { DateFieldUtils as u } from "../../DateField/utils.js";
+import { DatePickerExtended as B } from "../../DatePickerExtended/DatePickerExtended.js";
+import { ChipDatePickerTarget as G } from "./components/ChipDatePickerTarget.js";
+import { inputDateFormat as D } from "../../DateField/constants.js";
+import { DropdownMobileMaskedInput as C } from "../../Dropdown/mobile/DropdownMobileMaskedInput.js";
+import { s as H } from "../../../chunks/Chip-CCv72AgN.js";
+const L = N.forwardRef((S, V) => {
+  const {
+    value: o,
+    label: P,
+    placeholderMask: w,
+    format: n = j,
+    limitRange: a = z,
+    disabledDays: i,
+    disabled: R,
+    displayedValue: b,
+    onChange: s,
+    onDropdownOpen: c,
+    onDropdownClose: p,
+    size: v,
+    ...y
+  } = S, [r, d] = O(
+    u.getPickerValues(o, n, a, i)
+  ), l = h(r), f = h(!1), g = h(!1);
+  _(() => {
+    const e = u.getPickerValues(o, n, a, i);
+    l.current = e, e.inputString !== r.inputString && d(e);
+  }, [o, n, a, i]);
+  const F = () => {
+    const e = f.current ? l.current : r, t = e.calendarDate !== null;
+    return /* @__PURE__ */ m(G, { selected: t, disabled: R, onClear: M, size: v, children: t ? b ?? e.inputString : P });
+  }, M = () => {
+    s("");
+  }, I = () => {
+    f.current = !0, c == null || c();
+  }, Y = () => {
+    f.current = !1, g.current ? g.current = !1 : r.inputString !== l.current.inputString && A(), p == null || p();
+  }, x = () => /* @__PURE__ */ m(
+    C,
+    {
+      value: r.inputString,
+      mask: C.presets.masks.date,
+      placeholderMask: w,
+      onChange: T,
+      autoFocus: !0
+    }
+  ), T = (e) => {
+    let t = null;
+    e.target.value.length === D.length && (t = k(e.target.value, D, !0), (!t.isValid() || !u.isAvailableDate(t, t.format(n), a, i)) && (t = null)), d({ calendarDate: t, inputString: e.target.value });
+  }, A = () => {
+    if (r.inputString.length === 0 && o.length !== 0)
+      return s(r.inputString);
+    const e = k(r.inputString, D, !0);
+    if (e.isValid()) {
+      const t = e.format(n);
+      if (t === o)
+        return;
+      if (u.isAvailableDate(e, t, a, i))
+        return s(t);
+    }
+    r.inputString !== l.current.inputString && d(l.current);
+  }, E = (e) => {
+    g.current = !0, s(e.format(n));
+  };
+  return /* @__PURE__ */ m(
+    B,
+    {
+      className: H.chipGroupItem,
+      renderTarget: F,
+      pickedDate: r.calendarDate,
+      renderDropdownHeaderTarget: x,
+      format: n,
+      limitRange: a,
+      onDropdownOpen: I,
+      onDropdownClose: Y,
+      onDateChange: E,
+      disabledDays: i,
+      ...y,
+      ref: V
+    }
+  );
+});
+L.displayName = "ChipDatePicker";
+export {
+  L as ChipDatePicker
+};
+//# sourceMappingURL=ChipDatePicker.js.map

package/components/Chip/ChipDatePicker/components/ChipDatePickerTarget.js

@@ -0,0 +1,34 @@
+import { jsx as n } from "react/jsx-runtime";
+import x, { useContext as D } from "react";
+import { C as k } from "../../../../chunks/Chip-CCv72AgN.js";
+import { ChipDropdownArrow as w } from "../../ChipDropdownArrow.js";
+import { ChipClearButton as P } from "../../ChipClearButton.js";
+import { DatePickerExtendedContext as g } from "../../../DatePickerExtended/DatePickerExtendedContext.js";
+import { isKey as p } from "../../../../utils/keyboard.js";
+const E = x.forwardRef((d, s) => {
+  const { children: c, selected: i, onKeyDown: e, onClick: t, onClear: f, ...l } = d, { dropdownOpen: r, setDropdownOpen: a } = D(g), m = (o) => {
+    (p(o.code, "ENTER") || p(o.code, "SPACE")) && (o.preventDefault(), a(!r), e == null || e(o));
+  }, C = (o) => {
+    a(!r), t == null || t(o);
+  }, h = () => i ? /* @__PURE__ */ n(P, { onClick: u }) : /* @__PURE__ */ n(w, { rotated: r }), u = (o) => {
+    o.stopPropagation(), f();
+  };
+  return /* @__PURE__ */ n(
+    k,
+    {
+      postfix: h(),
+      selected: i,
+      "aria-expanded": r,
+      onKeyDown: m,
+      onClick: C,
+      ...l,
+      ref: s,
+      children: c
+    }
+  );
+});
+E.displayName = "ChipDatePickerTarget";
+export {
+  E as ChipDatePickerTarget
+};
+//# sourceMappingURL=ChipDatePickerTarget.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-D3hUOusX.js";
-const e = "chipDropdownArrow__2429bb56", n = "rotated__854a62ed", o = {
-  chipDropdownArrow: e,
-  rotated: n
-}, w = ({ rotated: r }) => /* @__PURE__ */ t(
+import { c } from "../../chunks/vendor-D3hUOusX.js";
+const a = "chipDropdownArrow__a2415588", d = "rotated__ca81f52c", o = {
+  chipDropdownArrow: a,
+  rotated: d
+}, e = ({ rotated: r }) => /* @__PURE__ */ t(
   p,
   {
-    className: d(o.chipDropdownArrow, { [o.rotated]: r }),
+    className: c(o.chipDropdownArrow, { [o.rotated]: r }),
     paletteIndex: 5
   }
 );
-w.displayName = "ChipDropdownArrow";
+e.displayName = "ChipDropdownArrow";
 export {
-  w as ChipDropdownArrow
+  e as ChipDropdownArrow
 };
 //# sourceMappingURL=ChipDropdownArrow.js.map

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-C91-I9zb.js";
+import { C as t } from "../../chunks/Chip-CCv72AgN.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

@@ -1,7 +1,7 @@
 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-C91-I9zb.js";
+import { s as x, C as y } from "../../chunks/Chip-CCv72AgN.js";
 import { ChipClearButton as D } from "./ChipClearButton.js";
 import { ChipDropdownArrow as K } from "./ChipDropdownArrow.js";
 import { isKey as m } from "../../utils/keyboard.js";

package/components/Chip/ChipOptions.js

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

package/components/Chip/ChipSelect.js

@@ -4,7 +4,7 @@ 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-C91-I9zb.js";
+import { s as b, C as k } from "../../chunks/Chip-CCv72AgN.js";
 import { ChipDropdownArrow as u } from "./ChipDropdownArrow.js";
 import { SelectExtendedFieldDropdownDefault as B } from "../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
 import { c as g } from "../../chunks/vendor-D3hUOusX.js";

package/components/Chip/ChipSort.js

@@ -7,7 +7,7 @@ import { SelectExtendedField as E } from "../SelectExtendedField/SelectExtendedF
 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-C91-I9zb.js";
+import { s as D } from "../../chunks/Chip-CCv72AgN.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(

package/components/Chip/ChipSuggest/ChipSuggest.js

@@ -5,7 +5,7 @@ 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-C91-I9zb.js";
+import { s as j } from "../../../chunks/Chip-CCv72AgN.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);