@sberbusiness/triplex-next 1.23.0 → 1.25.0

package/components/Button/Button.js

@@ -1,101 +1,78 @@
-import { jsxs as m, jsx as y } from "react/jsx-runtime";
-import k from "react";
-import { c as p } from "../../chunks/vendor-BiObpx9E.js";
+import { jsxs as i, jsx as x } from "react/jsx-runtime";
+import y from "react";
+import { c as m } from "../../chunks/vendor-DudMBGKr.js";
 import { LoaderSmall as R } from "../Loader/LoaderSmall/LoaderSmall.js";
-import { ELoaderSmallTheme as g } from "../Loader/LoaderSmall/enum.js";
+import { ELoaderSmallTheme as p } from "../Loader/LoaderSmall/enum.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
-import { ButtonBase as C } from "./ButtonBase.js";
-import { EButtonTheme as d } from "./enums.js";
-import { EComponentSize as s } from "../../enums/EComponentSize.js";
-const A = "general__d086df85", B = "expanded__d592967b", u = {
-  general: A,
-  expanded: B
-}, D = "secondary__44d275bb", T = "expanded__d592967b", x = {
-  secondary: D,
-  expanded: T
-}, G = "secondaryLight__85cdfc1e", I = "expanded__d592967b", b = {
-  secondaryLight: G,
-  expanded: I
-}, v = "danger__9cd63adf", O = "expanded__d592967b", h = {
-  danger: v,
+import { ButtonBase as T } from "./ButtonBase.js";
+import { EButtonTheme as e } from "./enums.js";
+import { EComponentSize as u } from "../../enums/EComponentSize.js";
+import { IconWrapper as D } from "../IconWrapper/IconWrapper.js";
+import { createSizeToClassNameMap as C } from "../../utils/classNameMaps.js";
+const k = "general__b71b9519", M = "expanded__283d8a29", E = {
+  general: k,
+  expanded: M
+}, I = "secondary__28433d75", O = "expanded__283d8a29", N = {
+  secondary: I,
   expanded: O
-}, Y = "link__48f1381a", $ = "expanded__d592967b", f = {
-  link: Y,
+}, G = "secondaryLight__52114bfd", B = "expanded__283d8a29", g = {
+  secondaryLight: G,
+  expanded: B
+}, Y = "danger__6ca453e2", H = "expanded__283d8a29", A = {
+  danger: Y,
+  expanded: H
+}, P = "link__4fae2579", $ = "expanded__283d8a29", S = {
+  link: P,
   expanded: $
-}, w = "button__2b1e75e1", z = "sm__a3ddf2d6", M = "icon__c2352e88", j = "md__01304f50", H = "lg__de756cc3", K = "block__ec2ecd60", U = "content__3fe68055", q = "loading__4955b094", F = "loader__d09186cd", J = "hidden__5e2a8e15", e = {
-  button: w,
+}, v = "button__c2487998", z = "sm__0b812fb6", j = "icon__053d1abf", K = "md__ddd0a686", w = "lg__097c745d", U = "block__5b808079", W = "content__18e9d676", X = "loading__0c39abe3", Z = "loader__f5eea93b", q = "hidden__0ae191dc", n = {
+  button: v,
   sm: z,
-  icon: M,
-  md: j,
-  lg: H,
-  block: K,
-  content: U,
-  loading: q,
-  loader: F,
-  hidden: J
-}, P = (t, n) => {
-  switch (t) {
-    case d.GENERAL:
-      return { [u.general]: !0, [u.expanded]: n };
-    case d.SECONDARY:
-      return {
-        [x.secondary]: !0,
-        [x.expanded]: n
-      };
-    case d.SECONDARY_LIGHT:
-      return {
-        [b.secondaryLight]: !0,
-        [b.expanded]: n
-      };
-    case d.DANGER:
-      return {
-        [h.danger]: !0,
-        [h.expanded]: n
-      };
-    case d.LINK:
-      return {
-        [f.link]: !0,
-        [f.expanded]: n
-      };
-  }
-}, Q = (t) => {
-  switch (t) {
-    case s.LG:
-      return e.lg;
-    case s.MD:
-      return e.md;
-    case s.SM:
-      return e.sm;
-  }
-}, V = (t, n) => {
-  const o = [d.SECONDARY, d.SECONDARY_LIGHT].includes(t) ? g.BRAND : g.NEUTRAL;
-  return /* @__PURE__ */ y(R, { theme: o, size: n });
-}, W = k.forwardRef((t, n) => {
-  const { children: o, className: N, disabled: a, theme: r, size: l = s.MD, block: L, loading: c, icon: i, ...S } = t, { "aria-expanded": _ } = t, E = p(
-    e.button,
-    P(r, !!_),
-    Q(l),
-    { [e.block]: !!L, [e.loading]: !!c },
-    { [e.icon]: !!i && !o },
-    // Классы для иконок, начало.
-    "hoverable",
+  icon: j,
+  md: K,
+  lg: w,
+  block: U,
+  content: W,
+  loading: X,
+  loader: Z,
+  hidden: q
+}, F = {
+  [e.GENERAL]: E.general,
+  [e.SECONDARY]: N.secondary,
+  [e.SECONDARY_LIGHT]: g.secondaryLight,
+  [e.DANGER]: A.danger,
+  [e.LINK]: S.link
+}, J = {
+  [e.GENERAL]: E.expanded,
+  [e.SECONDARY]: N.expanded,
+  [e.SECONDARY_LIGHT]: g.expanded,
+  [e.DANGER]: A.expanded,
+  [e.LINK]: S.expanded
+}, Q = C(n), V = (d, a) => {
+  const o = [e.SECONDARY, e.SECONDARY_LIGHT].includes(d) ? p.BRAND : p.NEUTRAL;
+  return /* @__PURE__ */ x(R, { theme: o, size: a });
+}, ee = y.forwardRef((d, a) => {
+  const { children: o, className: b, disabled: s, theme: t, size: r = u.MD, block: L, loading: c, icon: _, ...f } = d, { "aria-expanded": l } = d, h = m(
+    n.button,
+    F[t],
+    Q[r],
     {
-      active: !!_,
-      disabled: !!a
+      [n.block]: !!L,
+      [n.loading]: !!c,
+      [n.icon]: !!_ && !o,
+      [J[t]]: !!l
     },
-    // Классы для иконок, конец.
-    N
+    b
   );
-  return /* @__PURE__ */ m(C, { className: E, tabIndex: c ? -1 : void 0, disabled: a, ...S, ref: n, children: [
-    /* @__PURE__ */ m("span", { className: e.content, children: [
-      i,
+  return /* @__PURE__ */ i(T, { className: h, tabIndex: c ? -1 : void 0, disabled: s, ...f, ref: a, children: [
+    /* @__PURE__ */ i(D, { className: n.content, disabled: s, active: !!l, children: [
+      _,
       o
     ] }),
-    /* @__PURE__ */ y("div", { className: p(e.loader, !c && e.hidden), children: V(r, l) })
+    /* @__PURE__ */ x("div", { className: m(n.loader, !c && n.hidden), children: V(t, r) })
   ] });
 });
-W.displayName = "Button";
+ee.displayName = "Button";
 export {
-  W as Button
+  ee as Button
 };
 //# sourceMappingURL=Button.js.map

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.23.0", ref: o }));
+const r = e.forwardRef((t, o) => /* @__PURE__ */ a("button", { type: "button", ...t, "data-tx": "1.25.0", ref: o }));
 r.displayName = "ButtonBase";
 export {
   r as ButtonBase

package/components/Button/ButtonDropdown.js

@@ -1,66 +1,71 @@
-import { Button as O } from "./Button.js";
+import { Button as v } from "./Button.js";
 import "./ButtonBase.js";
 import "./ButtonIcon.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, u as J } from "../../chunks/vendor-BiObpx9E.js";
-import { DotshorizontalStrokeSrvIcon32 as Q, DotshorizontalStrokeSrvIcon20 as y, CaretdownStrokeSrvIcon16 as X, CaretdownStrokeSrvIcon20 as Z, CaretdownStrokeSrvIcon24 as $ } from "@sberbusiness/icons-next";
-import { ButtonDropdownExtended as L } from "./ButtonDropdownExtended.js";
-import { EButtonDotsTheme as u, EButtonTheme as l } from "./enums.js";
+import { jsx as t, jsxs as x, Fragment as Z } from "react/jsx-runtime";
+import q, { useRef as I, useState as F, createElement as B } from "react";
+import { c as w, u as V } from "../../chunks/vendor-DudMBGKr.js";
+import { DotshorizontalStrokeSrvIcon32 as J, DotshorizontalStrokeSrvIcon20 as y, CaretdownStrokeSrvIcon24 as Q, CaretdownStrokeSrvIcon20 as X, CaretdownStrokeSrvIcon16 as $ } from "@sberbusiness/icons-next";
+import { ButtonDropdownExtended as g } from "./ButtonDropdownExtended.js";
+import { EButtonDotsTheme as N, EButtonTheme as l } from "./enums.js";
 import { isKey as D } from "../../utils/keyboard.js";
 import { DropdownListContext as oo } from "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
-import { DropdownList as Y } from "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-BOB8eQXM.js";
-import { EDropdownWidth as to } from "../Dropdown/desktop/enums.js";
+import { DropdownList as L } from "../Dropdown/desktop/DropdownList.js";
+import "../../chunks/DropdownListItem-DEiNYa7V.js";
+import { EDropdownAlignment as to, EDropdownWidth as ro } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
-import { DropdownMobileBody as ro } from "../Dropdown/mobile/DropdownMobileBody.js";
-import { DropdownMobileClose as eo } from "../Dropdown/mobile/DropdownMobileClose.js";
+import { DropdownMobileBody as eo } from "../Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileClose as no } from "../Dropdown/mobile/DropdownMobileClose.js";
 import "../Dropdown/mobile/DropdownMobileFooter.js";
-import { DropdownMobileHeader as no } from "../Dropdown/mobile/DropdownMobileHeader.js";
+import { DropdownMobileHeader as co } from "../Dropdown/mobile/DropdownMobileHeader.js";
 import "../Dropdown/mobile/DropdownMobileInner.js";
 import "../Dropdown/mobile/DropdownMobileInput.js";
-import { DropdownMobileList as co } from "../Dropdown/mobile/DropdownMobileList.js";
-import { DropdownMobileListItem as ao } from "../Dropdown/mobile/DropdownMobileListItem.js";
+import { DropdownMobileList as ao } from "../Dropdown/mobile/DropdownMobileList.js";
+import { DropdownMobileListItem as so } from "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
-import { EComponentSize as p } from "../../enums/EComponentSize.js";
+import { EComponentSize as d } from "../../enums/EComponentSize.js";
 import "../Dropdown/Dropdown.js";
-import { ETextSize as so } from "../Typography/enums.js";
+import { ETextSize as io } from "../Typography/enums.js";
 import "../Typography/Caption.js";
-import { Text as io } from "../Typography/Text.js";
+import "../Typography/CodeText.js";
+import { Text as mo } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const mo = "buttonDropdown__cab84d4e", lo = "block__ec2ecd60", uo = "buttonDropdownTarget__61d17f97", Do = "caretIcon__a3ab35a8", po = "active__424578fe", fo = "buttonDropdownMenuItem__3dde1b9a", n = {
-  buttonDropdown: mo,
-  block: lo,
-  buttonDropdownTarget: uo,
+const lo = "buttonDropdown__f5694263", uo = "block__5b808079", po = "buttonDropdownTarget__e6f19abe", Do = "caretIcon__22f1da34", fo = "active__bd30761f", wo = "buttonDropdownMenuItem__790683b6", n = {
+  buttonDropdown: lo,
+  block: uo,
+  buttonDropdownTarget: po,
   caretIcon: Do,
-  active: po,
-  buttonDropdownMenuItem: fo
+  active: fo,
+  buttonDropdownMenuItem: wo
 }, bo = {
-  [p.SM]: /* @__PURE__ */ t(y, { paletteIndex: 0 }),
-  [p.MD]: /* @__PURE__ */ t(y, { paletteIndex: 0 }),
-  [p.LG]: /* @__PURE__ */ t(Q, { paletteIndex: 0 })
-}, g = (f, c) => f === p.SM ? /* @__PURE__ */ t(X, { paletteIndex: c, className: n.caretIcon }) : f === p.MD ? /* @__PURE__ */ t(Z, { paletteIndex: c, className: n.caretIcon }) : /* @__PURE__ */ t($, { paletteIndex: c, className: n.caretIcon }), wo = F.forwardRef(
-  (f, c) => {
-    const { buttonAttributes: R, children: h, className: G, theme: b, size: s, options: T, selected: m, block: S, disabled: C, ...z } = f, E = I(null), k = I(null), W = w(n.buttonDropdown, { [n.block]: !!S }, G), [N, H] = V(), _ = I(J()), P = ({ opened: o, setOpened: e }) => {
-      const a = w(n.buttonDropdownTarget, "hoverable", {
-        [n.active]: o,
-        [n.block]: !!S
+  [d.SM]: /* @__PURE__ */ t(y, { paletteIndex: 0 }),
+  [d.MD]: /* @__PURE__ */ t(y, { paletteIndex: 0 }),
+  [d.LG]: /* @__PURE__ */ t(J, { paletteIndex: 0 })
+}, G = {
+  [d.SM]: (a) => /* @__PURE__ */ t($, { paletteIndex: a, className: n.caretIcon }),
+  [d.MD]: (a) => /* @__PURE__ */ t(X, { paletteIndex: a, className: n.caretIcon }),
+  [d.LG]: (a) => /* @__PURE__ */ t(Q, { paletteIndex: a, className: n.caretIcon })
+}, So = q.forwardRef(
+  (a, f) => {
+    const { buttonAttributes: R, children: h, className: P, theme: u, size: s, options: E, selected: m, block: b, disabled: T, ...W } = a, C = I(null), A = I(null), Y = w(n.buttonDropdown, { [n.block]: !!b }, P), [S, z] = F(), _ = I(V()), H = ({ opened: o, setOpened: e }) => {
+      const c = w(n.buttonDropdownTarget, {
+        [n.block]: !!b,
+        [n.active]: o
       });
-      return /* @__PURE__ */ B(
-        O,
+      return /* @__PURE__ */ x(
+        v,
         {
-          className: a,
-          theme: b,
+          className: c,
+          theme: u,
           size: s,
-          onKeyDown: A({ opened: o, setOpened: e }),
-          onClick: v({ opened: o, setOpened: e }),
-          disabled: C,
+          onKeyDown: O({ opened: o, setOpened: e }),
+          onClick: k({ opened: o, setOpened: e }),
+          disabled: T,
           "aria-haspopup": "menu",
           "aria-expanded": o,
           "aria-controls": _.current,
-          "aria-activedescendant": N,
+          "aria-activedescendant": S,
           ...R,
           ref: M,
           children: [
@@ -70,90 +75,88 @@ const mo = "buttonDropdown__cab84d4e", lo = "block__ec2ecd60", uo = "buttonDropd
         }
       );
     }, K = ({ opened: o, setOpened: e }) => {
-      const a = w(n.buttonDropdownTarget, "hoverable", {
-        [n.active]: o,
-        [n.block]: !!S
+      const c = w(n.buttonDropdownTarget, {
+        [n.block]: !!b
       });
       return /* @__PURE__ */ t(
-        O,
+        v,
         {
-          className: a,
-          theme: b === u.DOTS_SECONDARY ? l.SECONDARY : l.SECONDARY_LIGHT,
+          className: c,
+          theme: u === N.DOTS_SECONDARY ? l.SECONDARY : l.SECONDARY_LIGHT,
           size: s,
-          onKeyDown: A({ opened: o, setOpened: e }),
-          onClick: v({ opened: o, setOpened: e }),
-          disabled: C,
+          onKeyDown: O({ opened: o, setOpened: e }),
+          onClick: k({ opened: o, setOpened: e }),
+          disabled: T,
           "aria-haspopup": "menu",
           "aria-expanded": o,
           "aria-controls": _.current,
-          "aria-activedescendant": N,
+          "aria-activedescendant": S,
           ...R,
           ref: M,
           icon: bo[s]
         }
       );
-    }, v = ({ opened: o, setOpened: e }) => () => e(!o), A = ({ opened: o, setOpened: e }) => (a) => {
-      const { key: i } = a;
-      (D(i, "SPACE") || D(i, "ARROW_UP") || D(i, "ARROW_DOWN")) && a.preventDefault(), !o && (D(i, "ARROW_UP") || D(i, "ARROW_DOWN")) && e(!0);
+    }, k = ({ opened: o, setOpened: e }) => () => e(!o), O = ({ opened: o, setOpened: e }) => (c) => {
+      const { key: i } = c;
+      (D(i, "SPACE") || D(i, "ARROW_UP") || D(i, "ARROW_DOWN")) && c.preventDefault(), !o && (D(i, "ARROW_UP") || D(i, "ARROW_DOWN")) && e(!0);
     }, j = () => {
-      switch (b) {
+      switch (u) {
         case l.GENERAL:
         case l.DANGER:
-        case u.DOTS_SECONDARY:
-        case u.DOTS_SECONDARY_LIGHT:
-          return g(s, 7);
+          return G[s](7);
         case l.SECONDARY:
         case l.SECONDARY_LIGHT:
-          return g(s, 0);
+          return G[s](0);
         default:
           return null;
       }
-    }, U = ({ opened: o, setOpened: e, className: a }) => {
-      const i = w(n.buttonDropdownMenu, a);
-      return /* @__PURE__ */ t(oo.Provider, { value: { activeDescendant: N, setActiveDescendant: H }, children: /* @__PURE__ */ t(
-        L.Dropdown,
+    }, U = ({ opened: o, setOpened: e, className: c }) => {
+      const i = w(n.buttonDropdownMenu, c);
+      return /* @__PURE__ */ t(oo.Provider, { value: { activeDescendant: S, setActiveDescendant: z }, children: /* @__PURE__ */ t(
+        g.Dropdown,
         {
-          size: s,
           className: i,
+          size: s,
+          width: ro.MIN_TARGET,
+          alignment: to.RIGHT,
           opened: o,
           setOpened: e,
-          targetRef: E,
-          width: to.MIN_TARGET,
-          ref: k,
+          targetRef: C,
+          ref: A,
           mobileViewProps: {
-            children: /* @__PURE__ */ B(q, { children: [
+            children: /* @__PURE__ */ x(Z, { children: [
               /* @__PURE__ */ t(
-                no,
+                co,
                 {
-                  controlButtons: /* @__PURE__ */ t(eo, { onClick: () => e(!1) }),
-                  children: /* @__PURE__ */ t(io, { tag: "div", size: so.B3, children: h })
+                  controlButtons: /* @__PURE__ */ t(no, { onClick: () => e(!1) }),
+                  children: /* @__PURE__ */ t(mo, { tag: "div", size: io.B3, children: h })
                 }
               ),
-              /* @__PURE__ */ t(ro, { children: /* @__PURE__ */ t(co, { children: T.map((r) => /* @__PURE__ */ x(
-                ao,
+              /* @__PURE__ */ t(eo, { children: /* @__PURE__ */ t(ao, { children: E.map((r) => /* @__PURE__ */ B(
+                so,
                 {
                   ...r,
                   key: r.id,
                   selected: r.id === (m == null ? void 0 : m.id),
                   onSelect: () => {
-                    var d;
-                    (d = r.onSelect) == null || d.call(r), e(!1);
+                    var p;
+                    (p = r.onSelect) == null || p.call(r), e(!1);
                   }
                 },
                 r.label
               )) }) })
             ] })
           },
-          children: /* @__PURE__ */ t(Y, { dropdownOpened: o, id: _.current, size: s, children: T.map((r) => /* @__PURE__ */ x(
-            Y.Item,
+          children: /* @__PURE__ */ t(L, { dropdownOpened: o, id: _.current, size: s, children: E.map((r) => /* @__PURE__ */ B(
+            L.Item,
             {
               ...r,
               className: n.buttonDropdownMenuItem,
               key: r.id,
               selected: r.id === (m == null ? void 0 : m.id),
               onSelect: () => {
-                var d;
-                (d = r.onSelect) == null || d.call(r), e(!1);
+                var p;
+                (p = r.onSelect) == null || p.call(r), e(!1);
               }
             },
             r.label
@@ -161,25 +164,23 @@ const mo = "buttonDropdown__cab84d4e", lo = "block__ec2ecd60", uo = "buttonDropd
         }
       ) });
     }, M = (o) => {
-      E.current = o, typeof c == "function" ? c(o) : c && (c.current = o);
+      C.current = o, typeof f == "function" ? f(o) : f && (f.current = o);
     };
     return /* @__PURE__ */ t(
-      L,
+      g,
       {
-        className: W,
-        renderButton: [u.DOTS_SECONDARY, u.DOTS_SECONDARY_LIGHT].includes(
-          b
-        ) ? K : P,
+        className: Y,
+        renderButton: u === N.DOTS_SECONDARY || u === N.DOTS_SECONDARY_LIGHT ? K : H,
         renderDropdown: U,
-        dropdownRef: k,
+        dropdownRef: A,
         closeOnTab: !0,
-        ...z
+        ...W
       }
     );
   }
 );
-wo.displayName = "ButtonDropdown";
+So.displayName = "ButtonDropdown";
 export {
-  wo as ButtonDropdown
+  So as ButtonDropdown
 };
 //# sourceMappingURL=ButtonDropdown.js.map

package/components/Button/ButtonDropdownExtended.js

@@ -3,12 +3,12 @@ import { useRef as f, useState as C, useCallback as N, useEffect as R } from "re
 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-BiObpx9E.js";
-const K = "buttonDropdownExtended__3bb8b83f", S = "buttonDropdownExtendedBlock__ad7cfb6f", E = {
+import { c as A } from "../../chunks/vendor-DudMBGKr.js";
+const K = "buttonDropdownExtended__6ecf99ae", S = "buttonDropdownExtendedBlock__78be5ee5", E = {
   buttonDropdownExtended: K,
   buttonDropdownExtendedBlock: S
 }, D = (s) => {
-  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(
+  const { className: v, opened: x, setOpened: c, renderButton: b, 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 ? !!x : O, o = N(
     (t) => {
       if (m.current) {
         c && c(t);
@@ -35,9 +35,9 @@ const K = "buttonDropdownExtended__3bb8b83f", S = "buttonDropdownExtendedBlock__
       document.removeEventListener("keydown", t), document.removeEventListener("mousedown", d), document.removeEventListener("touchstart", d);
     };
   }, [e, p, l, o, u]);
-  const B = A(E.buttonDropdownExtended, b);
+  const B = A(E.buttonDropdownExtended, v);
   return /* @__PURE__ */ h("div", { className: B, ref: u, ...L, children: [
-    x({ opened: e, setOpened: o }),
+    b({ opened: e, setOpened: o }),
     k({
       className: E.buttonDropdownExtendedBlock,
       opened: e,

package/components/Button/ButtonIcon.js

@@ -1,25 +1,23 @@
-import { jsx as i } from "react/jsx-runtime";
-import u from "react";
-import { c as m } from "../../chunks/vendor-BiObpx9E.js";
-import { EButtonIconShape as o } from "./enums.js";
-const p = "buttonIcon__9c213e82", I = "circle__0640863e", _ = "squircle__0ca695ae", t = {
-  buttonIcon: p,
+import { jsx as n } from "react/jsx-runtime";
+import a from "react";
+import { c as m } from "../../chunks/vendor-DudMBGKr.js";
+import { EButtonIconShape as t } from "./enums.js";
+import { IconWrapper as p } from "../IconWrapper/IconWrapper.js";
+const _ = "buttonIcon__b6f3da9b", I = "circle__30dad13c", f = "squircle__b78d7ed0", o = {
+  buttonIcon: _,
   circle: I,
-  squircle: _
+  squircle: f
 }, b = {
-  [o.SQUIRCLE]: t.squircle,
-  [o.CIRCLE]: t.circle
-}, 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,
-      disabled: !!c
-    });
-    return /* @__PURE__ */ i("button", { type: "button", className: l, disabled: c, ...r, ref: a });
+  [t.SQUIRCLE]: o.squircle,
+  [t.CIRCLE]: o.circle
+}, d = a.forwardRef(
+  ({ className: r, disabled: c, shape: e = t.SQUIRCLE, active: s, ...u }, i) => {
+    const l = m(o.buttonIcon, b[e], r);
+    return /* @__PURE__ */ n(p, { displayContents: !0, disabled: c, active: s, children: /* @__PURE__ */ n("button", { type: "button", className: l, disabled: c, ...u, ref: i }) });
   }
 );
-f.displayName = "ButtonIcon";
+d.displayName = "ButtonIcon";
 export {
-  f as ButtonIcon
+  d as ButtonIcon
 };
 //# sourceMappingURL=ButtonIcon.js.map

package/components/Calendar/Calendar.js

@@ -2,7 +2,7 @@ var M = Object.defineProperty;
 var H = (m, d, t) => d in m ? M(m, d, { enumerable: !0, configurable: !0, writable: !0, value: t }) : m[d] = t;
 var p = (m, d, t) => H(m, typeof d != "symbol" ? d + "" : d, t);
 import { jsx as h, jsxs as S } from "react/jsx-runtime";
-import { u as I, c as R } from "../../chunks/vendor-BiObpx9E.js";
+import { u as I, c as R } from "../../chunks/vendor-DudMBGKr.js";
 import V from "react";
 import D from "moment";
 import { globalLimitRange as _, dateFormatYYYYMMDD as O } from "../../consts/DateConst.js";
@@ -13,7 +13,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__b43e41fb", L = "adaptive__589bfacb", g = {
+const q = "calendar__36bdc0d4", L = "adaptive__2b1549ec", g = {
   calendar: q,
   adaptive: L
 };
@@ -134,10 +134,10 @@ class k extends V.PureComponent {
       nextButtonProps: u,
       viewButtonProps: C,
       todayButtonProps: T
-    } = this.props, { viewMode: b, viewDate: A, header: B } = this.state, Y = R(g.calendar, {
+    } = this.props, { viewMode: A, viewDate: B, header: Y } = this.state, b = R(g.calendar, {
       [g.adaptive]: !!this.props.adaptiveMode
     }), F = f(this.props.pickedDate, t);
-    return /* @__PURE__ */ h("div", { className: Y, "data-tx": "1.23.0", children: /* @__PURE__ */ S(
+    return /* @__PURE__ */ h("div", { className: b, "data-tx": "1.25.0", children: /* @__PURE__ */ S(
       w.Provider,
       {
         value: {
@@ -146,8 +146,8 @@ class k extends V.PureComponent {
           pickType: a,
           markedDays: r,
           disabledDays: n,
-          viewDate: A,
-          viewMode: b,
+          viewDate: B,
+          viewMode: A,
           periodId: this.periodId,
           onDateSelect: this.handleDateSelect,
           onPageChange: this.handlePageChange,
@@ -160,7 +160,7 @@ class k extends V.PureComponent {
               prevButtonProps: c,
               nextButtonProps: u,
               viewButtonProps: C,
-              children: B
+              children: Y
             }
           ),
           /* @__PURE__ */ h(

package/components/Calendar/components/CalendarControls.js

@@ -4,11 +4,11 @@ import { CaretleftStrokeSrvIcon24 as B, CaretrightStrokeSrvIcon24 as v } from "@
 import { CalendarContext as w } from "../CalendarContext.js";
 import { Button as H } from "../../Button/Button.js";
 import { ButtonIcon as A } from "../../Button/ButtonIcon.js";
-import { EButtonIconShape as b, EButtonTheme as L } from "../../Button/enums.js";
+import { EButtonIconShape as E, EButtonTheme as L } from "../../Button/enums.js";
 import { ECalendarViewMode as e } from "../enums.js";
-import { globalLimitRange as E } from "../../../consts/DateConst.js";
+import { globalLimitRange as O } from "../../../consts/DateConst.js";
 import { EComponentSize as V } from "../../../enums/EComponentSize.js";
-const U = "calendarControls__61f920be", j = {
+const U = "calendarControls__c7d0cffd", j = {
   calendarControls: U
 }, X = ({
   children: m,
@@ -16,12 +16,12 @@ const U = "calendarControls__61f920be", j = {
   nextButtonProps: d = {},
   viewButtonProps: c = {}
 }) => {
-  const { viewDate: a, viewMode: n, limitRange: u, periodId: S, onPageChange: h, onViewChange: p } = D(w), O = () => {
+  const { viewDate: a, viewMode: n, limitRange: u, periodId: S, onPageChange: h, onViewChange: p } = D(w), b = () => {
     const { disabled: t, onClick: o, ...r } = typeof i == "function" ? i(n) : i;
     return /* @__PURE__ */ s(
       A,
       {
-        shape: b.CIRCLE,
+        shape: E.CIRCLE,
         disabled: t || N(),
         onClick: R(o),
         ...r,
@@ -33,7 +33,7 @@ const U = "calendarControls__61f920be", j = {
     return /* @__PURE__ */ s(
       A,
       {
-        shape: b.CIRCLE,
+        shape: E.CIRCLE,
         disabled: t || Y(),
         onClick: x(o),
         ...r,
@@ -56,16 +56,16 @@ const U = "calendarControls__61f920be", j = {
     );
   }, N = () => {
     const t = a.clone();
-    return n === e.DAYS ? t.startOf("month") : n === e.MONTHS ? t.startOf("year") : n === e.YEARS && t.startOf("year").subtract(5, "years"), t.subtract(1, "day").isBefore(u.dateFrom || E.dateFrom, "day");
+    return n === e.DAYS ? t.startOf("month") : n === e.MONTHS ? t.startOf("year") : n === e.YEARS && t.startOf("year").subtract(5, "years"), t.subtract(1, "day").isBefore(u.dateFrom || O.dateFrom, "day");
   }, Y = () => {
     const t = a.clone();
-    return n === e.DAYS ? t.endOf("month") : n === e.MONTHS ? t.endOf("year") : n === e.YEARS && t.endOf("year").add(6, "years"), t.add(1, "day").isAfter(u.dateTo || E.dateTo, "day");
+    return n === e.DAYS ? t.endOf("month") : n === e.MONTHS ? t.endOf("year") : n === e.YEARS && t.endOf("year").add(6, "years"), t.add(1, "day").isAfter(u.dateTo || O.dateTo, "day");
   }, R = (t) => (o) => {
-    const r = C(), l = y(), f = a.clone().subtract(l, r);
-    h(f, n), t == null || t(o);
+    const r = C(), f = y(), l = a.clone().subtract(f, r);
+    h(l, n), t == null || t(o);
   }, x = (t) => (o) => {
-    const r = C(), l = y(), f = a.clone().add(l, r);
-    h(f, n), t == null || t(o);
+    const r = C(), f = y(), l = a.clone().add(f, r);
+    h(l, n), t == null || t(o);
   }, M = (t) => (o) => {
     n === e.DAYS ? p(a, e.MONTHS) : n === e.MONTHS && p(a, e.YEARS), t == null || t(o);
   }, C = () => {
@@ -86,7 +86,7 @@ const U = "calendarControls__61f920be", j = {
     }
   };
   return /* @__PURE__ */ T("div", { className: j.calendarControls, children: [
-    O(),
+    b(),
     n === e.YEARS ? /* @__PURE__ */ s("span", { id: S, tabIndex: -1, "aria-live": "polite", children: m }) : I(),
     g()
   ] });