@sberbusiness/triplex-next 1.7.0 → 1.9.0

package/components/Amount/Amount.js

@@ -1,32 +1,32 @@
 import { jsxs as d, jsx as n } from "react/jsx-runtime";
 import { formatAmount as u } from "../../utils/amountUtils.js";
 import { c as f } from "../../chunks/vendor-D3hUOusX.js";
-const N = "adaptive__1527bec2", _ = {
+const N = "adaptive__a513b80e", _ = {
   adaptive: N
 }, h = 14, v = ({
   className: o,
   value: r,
   fractionLength: s,
-  currency: a,
+  currency: e,
   currencyTitle: m,
   adaptive: c,
-  dataTestId: e,
+  dataTestId: a,
   ...i
 }) => {
   let t = u(r, s);
   t[0] == "-" && (t = t.replace("-", "−"));
   const p = () => [
     " ",
-    /* @__PURE__ */ n("span", { "data-test-id": e && `${e}__currencyName`, title: m, children: a }, "currencyName")
+    /* @__PURE__ */ n("span", { "data-test-id": a && `${a}__currencyName`, title: m, children: e }, "currencyName")
   ], l = f(
     {
       [_.adaptive]: !!c && t.length >= h
     },
     o
   );
-  return /* @__PURE__ */ d("span", { className: l, ...i, "data-tx": "1.7.0", children: [
-    /* @__PURE__ */ n("span", { "data-test-id": e && `${e}__amount`, children: t }),
-    a && p()
+  return /* @__PURE__ */ d("span", { className: l, ...i, "data-tx": "1.9.0", children: [
+    /* @__PURE__ */ n("span", { "data-test-id": a && `${a}__amount`, children: t }),
+    e && p()
   ] });
 };
 v.displayName = "Amount";

package/components/AmountField/AmountField.js

@@ -6,11 +6,11 @@ import { FormFieldDescription as T } from "../FormField/components/FormFieldDesc
 import { FormFieldLabel as V } from "../FormField/components/FormFieldLabel.js";
 import { FormFieldPostfix as D } from "../FormField/components/FormFieldPostfix.js";
 import { FormFieldClear as K } from "../FormField/components/FormFieldClear.js";
-import { F as j } from "../../chunks/FormFieldInput-Dc0f4nno.js";
+import { F as j } from "../../chunks/FormFieldInput-kWDtKz1V.js";
 import { AmountBaseInputCore as A } from "./AmountBaseInputCore.js";
 import { setCaretPosition as L } from "../../utils/inputUtils.js";
 import { createPlaceholder as M, setFallbackCaret as g } from "./utils.js";
-const $ = "currency__29c068a1", b = {
+const $ = "currency__5896f11a", b = {
   currency: $
 }, Z = R.forwardRef(
   ({

package/components/Body/Body.js

@@ -1,12 +1,12 @@
 import { jsx as o } from "react/jsx-runtime";
-import t from "react";
-import { c as a } from "../../chunks/vendor-D3hUOusX.js";
-const y = "body__f52f6de5", c = "bodyInner__c26344ff", d = {
+import n from "react";
+import { c as t } from "../../chunks/vendor-D3hUOusX.js";
+const y = "body__ee74424a", c = "bodyInner__07e74e9b", d = {
   body: y,
   bodyInner: c
-}, f = t.forwardRef(({ children: e, className: r, ...s }, n) => /* @__PURE__ */ o("div", { className: a(d.body, r), ...s, "data-tx": "1.7.0", ref: n, children: /* @__PURE__ */ o("div", { className: d.bodyInner, children: e }) }));
-f.displayName = "Body";
+}, b = n.forwardRef(({ children: e, className: r, ...s }, a) => /* @__PURE__ */ o("div", { className: t(d.body, r), ...s, "data-tx": "1.9.0", ref: a, children: /* @__PURE__ */ o("div", { className: d.bodyInner, children: e }) }));
+b.displayName = "Body";
 export {
-  f as Body
+  b as Body
 };
 //# sourceMappingURL=Body.js.map

package/components/Button/Button.js

@@ -1,28 +1,28 @@
-import { jsxs as m, jsx as f } from "react/jsx-runtime";
+import { jsxs as m, jsx as y } from "react/jsx-runtime";
 import k from "react";
 import { c as p } from "../../chunks/vendor-D3hUOusX.js";
 import { LoaderSmall as R } from "../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as b } from "../Loader/LoaderSmall/enum.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
 import { ButtonBase as C } from "./ButtonBase.js";
-import { EButtonTheme as o } from "./enums.js";
-import { EComponentSize as a } from "../../enums/EComponentSize.js";
-const A = "general__14126cca", B = "expanded__b4ecc60a", g = {
+import { EButtonTheme as d } from "./enums.js";
+import { EComponentSize as s } from "../../enums/EComponentSize.js";
+const A = "general__ed11e048", B = "expanded__9d644bc8", g = {
   general: A,
   expanded: B
-}, D = "secondary__41a87dcf", T = "expanded__b4ecc60a", u = {
+}, D = "secondary__831a87d2", T = "expanded__9d644bc8", u = {
   secondary: D,
   expanded: T
-}, G = "secondaryLight__c2babadb", I = "expanded__b4ecc60a", x = {
+}, G = "secondaryLight__3b458f98", I = "expanded__9d644bc8", x = {
   secondaryLight: G,
   expanded: I
-}, v = "danger__7d4b98a7", O = "expanded__b4ecc60a", h = {
+}, v = "danger__80bdd930", O = "expanded__9d644bc8", h = {
   danger: v,
   expanded: O
-}, Y = "link__1a702809", $ = "expanded__b4ecc60a", y = {
+}, Y = "link__847afb50", $ = "expanded__9d644bc8", f = {
   link: Y,
   expanded: $
-}, w = "button__477383a0", z = "sm__81bcb335", M = "icon__6d2047ae", j = "md__8b3fdeb9", H = "lg__4c1d5c1e", K = "block__efdc8eec", U = "content__2b628142", q = "loading__d74e4b38", F = "loader__a392fd73", J = "hidden__6c058559", e = {
+}, w = "button__1ed8a1f5", z = "sm__c38bb2f2", M = "icon__a5f79d8e", j = "md__a9166609", H = "lg__21df9902", K = "block__3b97a234", U = "content__c9cbdebc", q = "loading__6f00487b", F = "loader__4d6e10a2", J = "hidden__512f21f9", e = {
   button: w,
   sm: z,
   icon: M,
@@ -35,63 +35,63 @@ const A = "general__14126cca", B = "expanded__b4ecc60a", g = {
   hidden: J
 }, P = (t, n) => {
   switch (t) {
-    case o.GENERAL:
+    case d.GENERAL:
       return { [g.general]: !0, [g.expanded]: n };
-    case o.SECONDARY:
+    case d.SECONDARY:
       return {
         [u.secondary]: !0,
         [u.expanded]: n
       };
-    case o.SECONDARY_LIGHT:
+    case d.SECONDARY_LIGHT:
       return {
         [x.secondaryLight]: !0,
         [x.expanded]: n
       };
-    case o.DANGER:
+    case d.DANGER:
       return {
         [h.danger]: !0,
         [h.expanded]: n
       };
-    case o.LINK:
+    case d.LINK:
       return {
-        [y.link]: !0,
-        [y.expanded]: n
+        [f.link]: !0,
+        [f.expanded]: n
       };
   }
 }, Q = (t) => {
   switch (t) {
-    case a.LG:
+    case s.LG:
       return e.lg;
-    case a.MD:
+    case s.MD:
       return e.md;
-    case a.SM:
+    case s.SM:
       return e.sm;
   }
 }, V = (t, n) => {
-  const c = [o.SECONDARY, o.SECONDARY_LIGHT].includes(t) ? b.BRAND : b.NEUTRAL;
-  return /* @__PURE__ */ f(R, { theme: c, size: n });
+  const o = [d.SECONDARY, d.SECONDARY_LIGHT].includes(t) ? b.BRAND : b.NEUTRAL;
+  return /* @__PURE__ */ y(R, { theme: o, size: n });
 }, W = k.forwardRef((t, n) => {
-  const { children: c, className: N, disabled: s, theme: r, size: l = a.MD, block: L, loading: d, icon: i, ...S } = t, { "aria-expanded": _ } = t, E = p(
+  const { children: o, className: N, disabled: c, theme: r, size: l = s.MD, block: L, loading: a, icon: i, ...S } = t, { "aria-expanded": _ } = t, E = p(
     e.button,
     P(r, !!_),
     Q(l),
-    { [e.block]: !!L, [e.loading]: !!d },
-    { [e.icon]: !!i && !c },
+    { [e.block]: !!L, [e.loading]: !!a },
+    { [e.icon]: !!i && !o },
     // Классы для иконок, начало.
     "hoverable",
     {
       active: !!_,
-      disabled: !!s
+      disabled: !!c
     },
     // Классы для иконок, конец.
     N
   );
-  return /* @__PURE__ */ m(C, { className: E, tabIndex: d ? -1 : void 0, disabled: s, ...S, ref: n, children: [
+  return /* @__PURE__ */ m(C, { className: E, tabIndex: a ? -1 : void 0, disabled: c, ...S, ref: n, children: [
     /* @__PURE__ */ m("span", { className: e.content, children: [
       i,
-      c
+      o
     ] }),
-    /* @__PURE__ */ f("div", { className: p(e.loader, !d && e.hidden), children: V(r, l) })
+    /* @__PURE__ */ y("div", { className: p(e.loader, !a && e.hidden), children: V(r, l) })
   ] });
 });
 W.displayName = "Button";

package/components/Button/ButtonBase.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import e from "react";
-const r = e.forwardRef((t, o) => /* @__PURE__ */ a("button", { type: "button", ...t, "data-tx": "1.7.0", ref: o }));
+const r = e.forwardRef((t, o) => /* @__PURE__ */ a("button", { type: "button", ...t, "data-tx": "1.9.0", ref: o }));
 r.displayName = "ButtonBase";
 export {
   r as ButtonBase

package/components/Button/ButtonDropdown.js

@@ -1,58 +1,54 @@
-import { Button as x } from "./Button.js";
+import { Button as M } from "./Button.js";
 import "./ButtonBase.js";
 import "./ButtonIcon.js";
-import { jsx as o, jsxs as N, Fragment as q } from "react/jsx-runtime";
-import F, { useRef as _, useState as V, createElement as M } from "react";
-import { c as b, a as J } from "../../chunks/vendor-D3hUOusX.js";
+import { jsx as t, jsxs as B, Fragment as q } from "react/jsx-runtime";
+import F, { useRef as I, useState as V, createElement as x } from "react";
+import { c as w, a as J } from "../../chunks/vendor-D3hUOusX.js";
 import { ButtonDropdownExtended as y } from "./ButtonDropdownExtended.js";
 import { EButtonDotsTheme as u, EButtonTheme as d } from "./enums.js";
-import { DotshorizontalStrokeSrvIcon32 as Q, DotshorizontalStrokeSrvIcon20 as B, CaretdownStrokeSrvIcon24 as X, CaretdownStrokeSrvIcon20 as Z, CaretdownStrokeSrvIcon16 as $ } from "@sberbusiness/icons-next";
+import { DotshorizontalStrokeSrvIcon32 as Q, DotshorizontalStrokeSrvIcon20 as L, CaretdownStrokeSrvIcon16 as X, CaretdownStrokeSrvIcon20 as Z, CaretdownStrokeSrvIcon24 as $ } from "@sberbusiness/icons-next";
 import { isKey as D } from "../../utils/keyboard.js";
-import { DropdownListContext as ee } from "../Dropdown/DropdownListContext.js";
-import { DropdownMobileHeader as te } from "../Dropdown/mobile/DropdownMobileHeader.js";
-import { DropdownMobileBody as oe } from "../Dropdown/mobile/DropdownMobileBody.js";
-import { DropdownMobileList as re } from "../Dropdown/mobile/DropdownMobileList.js";
-import { DropdownMobileListItem as ne } from "../Dropdown/mobile/DropdownMobileListItem.js";
-import { DropdownMobileClose as ae } from "../Dropdown/mobile/DropdownMobileClose.js";
-import { Text as ce } from "../Typography/Text.js";
-import { ETextSize as se } from "../Typography/enums.js";
-import { DropdownList as L } from "../Dropdown/desktop/DropdownList.js";
-import { EComponentSize as i } from "../../enums/EComponentSize.js";
-const le = "buttonDropdown__5b400bf9", de = "block__efdc8eec", ie = "buttonDropdownTarget__e81824c9", me = "caretIcon__0016250e", ue = "active__2f4077df", De = "buttonDropdownMenuItem__490d9717", n = {
-  buttonDropdown: le,
-  block: de,
-  buttonDropdownTarget: ie,
-  caretIcon: me,
-  active: ue,
-  buttonDropdownMenuItem: De
-}, pe = {
-  [i.SM]: /* @__PURE__ */ o(B, { paletteIndex: 0 }),
-  [i.MD]: /* @__PURE__ */ o(B, { paletteIndex: 0 }),
-  [i.LG]: /* @__PURE__ */ o(Q, { paletteIndex: 0 })
-}, Y = {
-  [i.SM]: /* @__PURE__ */ o($, { paletteIndex: 7, className: n.caretIcon }),
-  [i.MD]: /* @__PURE__ */ o(Z, { paletteIndex: 7, className: n.caretIcon }),
-  [i.LG]: /* @__PURE__ */ o(X, { paletteIndex: 7, className: n.caretIcon })
-}, fe = F.forwardRef(
-  (g, p) => {
-    const { buttonAttributes: R, children: h, className: z, theme: f, size: c, options: C, selected: l, block: w, disabled: T, ...G } = g, k = _(null), v = _(null), W = b(n.buttonDropdown, { [n.block]: !!w }, z), [S, H] = V(), I = _(J()), P = ({ opened: e, setOpened: r }) => {
-      const a = b(n.buttonDropdownTarget, "hoverable", {
-        [n.active]: e,
-        [n.block]: !!w
+import { DropdownListContext as oo } from "../Dropdown/DropdownListContext.js";
+import { DropdownMobileHeader as to } from "../Dropdown/mobile/DropdownMobileHeader.js";
+import { DropdownMobileBody as eo } from "../Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileList as ro } from "../Dropdown/mobile/DropdownMobileList.js";
+import { DropdownMobileListItem as no } from "../Dropdown/mobile/DropdownMobileListItem.js";
+import { DropdownMobileClose as co } from "../Dropdown/mobile/DropdownMobileClose.js";
+import { Text as ao } from "../Typography/Text.js";
+import { ETextSize as so } from "../Typography/enums.js";
+import { DropdownList as Y } from "../Dropdown/desktop/DropdownList.js";
+import { EComponentSize as f } from "../../enums/EComponentSize.js";
+const lo = "buttonDropdown__4c19165a", io = "block__3b97a234", mo = "buttonDropdownTarget__5fd4da61", uo = "caretIcon__1799f96b", Do = "active__125fef73", fo = "buttonDropdownMenuItem__d2c781f4", n = {
+  buttonDropdown: lo,
+  block: io,
+  buttonDropdownTarget: mo,
+  caretIcon: uo,
+  active: Do,
+  buttonDropdownMenuItem: fo
+}, po = {
+  [f.SM]: /* @__PURE__ */ t(L, { paletteIndex: 0 }),
+  [f.MD]: /* @__PURE__ */ t(L, { paletteIndex: 0 }),
+  [f.LG]: /* @__PURE__ */ t(Q, { paletteIndex: 0 })
+}, g = (p, c) => p === f.SM ? /* @__PURE__ */ t(X, { paletteIndex: c, className: n.caretIcon }) : p === f.MD ? /* @__PURE__ */ t(Z, { paletteIndex: c, className: n.caretIcon }) : /* @__PURE__ */ t($, { paletteIndex: c, className: n.caretIcon }), bo = F.forwardRef(
+  (p, c) => {
+    const { buttonAttributes: R, children: h, className: z, theme: b, size: s, options: C, selected: i, block: S, disabled: T, ...G } = p, k = I(null), v = I(null), W = w(n.buttonDropdown, { [n.block]: !!S }, z), [N, H] = V(), _ = I(J()), P = ({ opened: o, setOpened: r }) => {
+      const a = w(n.buttonDropdownTarget, "hoverable", {
+        [n.active]: o,
+        [n.block]: !!S
       });
-      return /* @__PURE__ */ N(
-        x,
+      return /* @__PURE__ */ B(
+        M,
         {
           className: a,
-          theme: f,
-          size: c,
-          onKeyDown: A({ opened: e, setOpened: r }),
-          onClick: E({ opened: e, setOpened: r }),
+          theme: b,
+          size: s,
+          onKeyDown: A({ opened: o, setOpened: r }),
+          onClick: E({ opened: o, setOpened: r }),
           disabled: T,
           "aria-haspopup": "menu",
-          "aria-expanded": e,
-          "aria-controls": I.current,
-          "aria-activedescendant": S,
+          "aria-expanded": o,
+          "aria-controls": _.current,
+          "aria-activedescendant": N,
           ...R,
           ref: O,
           children: [
@@ -61,102 +57,105 @@ const le = "buttonDropdown__5b400bf9", de = "block__efdc8eec", ie = "buttonDropd
           ]
         }
       );
-    }, K = ({ opened: e, setOpened: r }) => {
-      const a = b(n.buttonDropdownTarget, "hoverable", {
-        [n.active]: e,
-        [n.block]: !!w
+    }, K = ({ opened: o, setOpened: r }) => {
+      const a = w(n.buttonDropdownTarget, "hoverable", {
+        [n.active]: o,
+        [n.block]: !!S
       });
-      return /* @__PURE__ */ o(
-        x,
+      return /* @__PURE__ */ t(
+        M,
         {
           className: a,
-          theme: f === u.DOTS_SECONDARY ? d.SECONDARY : d.SECONDARY_LIGHT,
-          size: c,
-          onKeyDown: A({ opened: e, setOpened: r }),
-          onClick: E({ opened: e, setOpened: r }),
+          theme: b === u.DOTS_SECONDARY ? d.SECONDARY : d.SECONDARY_LIGHT,
+          size: s,
+          onKeyDown: A({ opened: o, setOpened: r }),
+          onClick: E({ opened: o, setOpened: r }),
           disabled: T,
           "aria-haspopup": "menu",
-          "aria-expanded": e,
-          "aria-controls": I.current,
-          "aria-activedescendant": S,
+          "aria-expanded": o,
+          "aria-controls": _.current,
+          "aria-activedescendant": N,
           ...R,
           ref: O,
-          icon: pe[c]
+          icon: po[s]
         }
       );
-    }, E = ({ opened: e, setOpened: r }) => () => r(!e), A = ({ opened: e, setOpened: r }) => (a) => {
-      const { key: s } = a;
-      (D(s, "SPACE") || D(s, "ARROW_UP") || D(s, "ARROW_DOWN")) && a.preventDefault(), !e && (D(s, "ARROW_UP") || D(s, "ARROW_DOWN")) && r(!0);
+    }, E = ({ opened: o, setOpened: r }) => () => r(!o), A = ({ opened: o, setOpened: r }) => (a) => {
+      const { key: l } = a;
+      (D(l, "SPACE") || D(l, "ARROW_UP") || D(l, "ARROW_DOWN")) && a.preventDefault(), !o && (D(l, "ARROW_UP") || D(l, "ARROW_DOWN")) && r(!0);
     }, j = () => {
-      switch (f) {
+      switch (b) {
         case d.GENERAL:
         case d.DANGER:
         case u.DOTS_SECONDARY:
         case u.DOTS_SECONDARY_LIGHT:
-          return Y[c];
+          return g(s, 7);
         case d.SECONDARY:
         case d.SECONDARY_LIGHT:
-          return Y[c];
+          return g(s, 0);
         default:
           return null;
       }
-    }, U = ({ opened: e, setOpened: r, className: a }) => {
-      const s = b(n.buttonDropdownMenu, a);
-      return /* @__PURE__ */ o(ee.Provider, { value: { activeDescendant: S, setActiveDescendant: H }, children: /* @__PURE__ */ o(
+    }, U = ({ opened: o, setOpened: r, className: a }) => {
+      const l = w(n.buttonDropdownMenu, a);
+      return /* @__PURE__ */ t(oo.Provider, { value: { activeDescendant: N, setActiveDescendant: H }, children: /* @__PURE__ */ t(
         y.Dropdown,
         {
-          size: c,
-          className: s,
-          opened: e,
+          size: s,
+          className: l,
+          opened: o,
           setOpened: r,
           targetRef: k,
           ref: v,
           mobileViewProps: {
-            children: /* @__PURE__ */ N(q, { children: [
-              /* @__PURE__ */ N(te, { children: [
-                /* @__PURE__ */ o(ce, { tag: "div", size: se.B3, children: h }),
-                /* @__PURE__ */ o(ae, { onClick: () => r(!1) })
-              ] }),
-              /* @__PURE__ */ o(oe, { children: /* @__PURE__ */ o(re, { children: C.map((t) => /* @__PURE__ */ M(
-                ne,
+            children: /* @__PURE__ */ B(q, { children: [
+              /* @__PURE__ */ t(
+                to,
                 {
-                  ...t,
-                  key: t.id,
-                  selected: t.id === (l == null ? void 0 : l.id),
+                  controlButtons: /* @__PURE__ */ t(co, { onClick: () => r(!1) }),
+                  children: /* @__PURE__ */ t(ao, { tag: "div", size: so.B3, children: h })
+                }
+              ),
+              /* @__PURE__ */ t(eo, { children: /* @__PURE__ */ t(ro, { children: C.map((e) => /* @__PURE__ */ x(
+                no,
+                {
+                  ...e,
+                  key: e.id,
+                  selected: e.id === (i == null ? void 0 : i.id),
                   onSelect: () => {
                     var m;
-                    (m = t.onSelect) == null || m.call(t), r(!1);
+                    (m = e.onSelect) == null || m.call(e), r(!1);
                   }
                 },
-                t.label
+                e.label
               )) }) })
             ] })
           },
-          children: /* @__PURE__ */ o(L, { dropdownOpened: e, id: I.current, size: c, children: C.map((t) => /* @__PURE__ */ M(
-            L.Item,
+          children: /* @__PURE__ */ t(Y, { dropdownOpened: o, id: _.current, size: s, children: C.map((e) => /* @__PURE__ */ x(
+            Y.Item,
             {
-              ...t,
+              ...e,
               className: n.buttonDropdownMenuItem,
-              key: t.id,
-              selected: t.id === (l == null ? void 0 : l.id),
+              key: e.id,
+              selected: e.id === (i == null ? void 0 : i.id),
               onSelect: () => {
                 var m;
-                (m = t.onSelect) == null || m.call(t), r(!1);
+                (m = e.onSelect) == null || m.call(e), r(!1);
               }
             },
-            t.label
+            e.label
           )) })
         }
       ) });
-    }, O = (e) => {
-      k.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
+    }, O = (o) => {
+      k.current = o, typeof c == "function" ? c(o) : c && (c.current = o);
     };
-    return /* @__PURE__ */ o(
+    return /* @__PURE__ */ t(
       y,
       {
         className: W,
         renderButton: [u.DOTS_SECONDARY, u.DOTS_SECONDARY_LIGHT].includes(
-          f
+          b
         ) ? K : P,
         renderDropdown: U,
         dropdownRef: v,
@@ -166,8 +165,8 @@ const le = "buttonDropdown__5b400bf9", de = "block__efdc8eec", ie = "buttonDropd
     );
   }
 );
-fe.displayName = "ButtonDropdown";
+bo.displayName = "ButtonDropdown";
 export {
-  fe as ButtonDropdown
+  bo as ButtonDropdown
 };
 //# sourceMappingURL=ButtonDropdown.js.map

package/components/Button/ButtonDropdownExtended.js

@@ -4,11 +4,11 @@ import { Dropdown as _ } from "../Dropdown/Dropdown.js";
 import { isKey as w } from "../../utils/keyboard.js";
 import { DropdownList as g } from "../Dropdown/desktop/DropdownList.js";
 import { c as A } from "../../chunks/vendor-D3hUOusX.js";
-const K = "buttonDropdownExtended__446e3239", S = "buttonDropdownExtendedBlock__9e889048", E = {
+const K = "buttonDropdownExtended__b95ea993", S = "buttonDropdownExtendedBlock__d9d838b1", E = {
   buttonDropdownExtended: K,
   buttonDropdownExtendedBlock: S
 }, D = (s) => {
-  const { className: v, opened: x, setOpened: c, renderButton: k, renderDropdown: b, dropdownRef: l, closeOnTab: p, ...L } = s, u = f(null), m = f(s.opened !== void 0), [O, y] = C((s.opened === void 0, !1)), e = m.current ? !!x : O, o = N(
+  const { className: b, opened: v, setOpened: c, renderButton: x, renderDropdown: k, dropdownRef: l, closeOnTab: p, ...L } = s, u = f(null), m = f(s.opened !== void 0), [O, y] = C((s.opened === void 0, !1)), e = m.current ? !!v : O, o = N(
     (t) => {
       if (m.current) {
         c && c(t);
@@ -25,20 +25,20 @@ const K = "buttonDropdownExtended__446e3239", S = "buttonDropdownExtendedBlock__
       const n = r.code || r.keyCode;
       e && (w(n, "ESCAPE") || p && w(n, "TAB")) && o(!1);
     }, d = (r) => {
-      const n = u.current, i = l.current;
+      const n = u.current, a = l.current;
       if (e) {
-        const a = r.target;
-        a && !(n != null && n.contains(a)) && !(i != null && i.contains(a)) && o(!1);
+        const i = r.target;
+        i && !(n != null && n.contains(i)) && !(a != null && a.contains(i)) && o(!1);
       }
     };
     return document.addEventListener("keydown", t), document.addEventListener("mousedown", d), document.addEventListener("touchstart", d), () => {
       document.removeEventListener("keydown", t), document.removeEventListener("mousedown", d), document.removeEventListener("touchstart", d);
     };
   }, [e, p, l, o, u]);
-  const B = A(E.buttonDropdownExtended, v);
+  const B = A(E.buttonDropdownExtended, b);
   return /* @__PURE__ */ h("div", { className: B, ref: u, ...L, children: [
-    k({ opened: e, setOpened: o }),
-    b({
+    x({ opened: e, setOpened: o }),
+    k({
       className: E.buttonDropdownExtendedBlock,
       opened: e,
       setOpened: o

package/components/Button/ButtonIcon.js

@@ -2,14 +2,14 @@ import { jsx as i } from "react/jsx-runtime";
 import u from "react";
 import { c as m } from "../../chunks/vendor-D3hUOusX.js";
 import { EButtonIconShape as o } from "./enums.js";
-const f = "buttonIcon__2ef3ea1c", p = "circle__0c4f0a45", I = "squircle__f1a9b2e0", t = {
-  buttonIcon: f,
-  circle: p,
-  squircle: I
+const p = "buttonIcon__d16a67a6", I = "circle__6dc89a71", _ = "squircle__013e0617", t = {
+  buttonIcon: p,
+  circle: I,
+  squircle: _
 }, b = {
   [o.SQUIRCLE]: t.squircle,
   [o.CIRCLE]: t.circle
-}, _ = u.forwardRef(
+}, f = u.forwardRef(
   ({ className: e, disabled: c, shape: n = o.SQUIRCLE, active: s, ...r }, a) => {
     const l = m(t.buttonIcon, b[n], "hoverable", e, {
       active: !!s,
@@ -18,8 +18,8 @@ const f = "buttonIcon__2ef3ea1c", p = "circle__0c4f0a45", I = "squircle__f1a9b2e
     return /* @__PURE__ */ i("button", { type: "button", className: l, disabled: c, ...r, ref: a });
   }
 );
-_.displayName = "ButtonIcon";
+f.displayName = "ButtonIcon";
 export {
-  _ as ButtonIcon
+  f as ButtonIcon
 };
 //# sourceMappingURL=ButtonIcon.js.map

package/components/Calendar/Calendar.js

@@ -12,7 +12,7 @@ import { CalendarView as N } from "./components/CalendarView.js";
 import { CalendarFooter as E } from "./components/CalendarFooter.js";
 import { CalendarFooterButton as v } from "./components/CalendarFooterButton.js";
 import { parsePickedDate as f, formatDate as P, getHeader as j } from "./utils.js";
-const q = "calendar__331ead25", L = "adaptive__03632f7a", w = {
+const q = "calendar__106092e2", L = "adaptive__9f96593b", w = {
   calendar: q,
   adaptive: L
 };
@@ -133,10 +133,10 @@ class g extends V.PureComponent {
       nextButtonProps: u,
       viewButtonProps: C,
       todayButtonProps: T
-    } = this.props, { viewMode: A, viewDate: B, header: Y } = this.state, F = R(w.calendar, {
+    } = this.props, { viewMode: A, viewDate: B, header: Y } = this.state, b = R(w.calendar, {
       [w.adaptive]: !!this.props.adaptiveMode
-    }), b = f(this.props.pickedDate, t);
-    return /* @__PURE__ */ h("div", { className: F, "data-tx": "1.7.0", children: /* @__PURE__ */ S(
+    }), F = f(this.props.pickedDate, t);
+    return /* @__PURE__ */ h("div", { className: b, "data-tx": "1.9.0", children: /* @__PURE__ */ S(
       k.Provider,
       {
         value: {
@@ -165,7 +165,7 @@ class g extends V.PureComponent {
           /* @__PURE__ */ h(
             N,
             {
-              pickedDate: b,
+              pickedDate: F,
               dayHtmlAttributes: e,
               monthHtmlAttributes: s,
               yearHtmlAttributes: i

package/components/Calendar/components/CalendarControls.js

@@ -8,7 +8,7 @@ import { EButtonIconShape as E, EButtonTheme as L } from "../../Button/enums.js"
 import { ECalendarViewMode as e } from "../enums.js";
 import { globalLimitRange as O } from "../../../consts/DateConst.js";
 import { EComponentSize as V } from "../../../enums/EComponentSize.js";
-const U = "calendarControls__af99d750", j = {
+const U = "calendarControls__a7d0e907", j = {
   calendarControls: U
 }, X = ({
   children: m,

package/components/Calendar/components/CalendarFooter.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-const e = "calendarFooter__99bbbc74", r = {
+const e = "calendarFooter__25acfce7", r = {
   calendarFooter: e
 }, t = ({ children: o }) => /* @__PURE__ */ a("div", { className: r.calendarFooter, children: o });
 t.displayName = "CalendarFooter";

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-BDMvwpK5.js";
+import { s as y, C as X } from "../../../chunks/CalendarViewItem-DXg4wwUA.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-BDMvwpK5.js";
+import { C } from "../../../chunks/CalendarViewItem-DXg4wwUA.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-BDMvwpK5.js";
+import { s as K, C as B } from "../../../chunks/CalendarViewItem-DXg4wwUA.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 = {} }) => {