@sberbusiness/triplex-next 0.12.0 → 0.14.0

package/components/AbstractTree/AbstractTreeNode.js

@@ -1,7 +1,7 @@
 var c = Object.defineProperty;
 var d = (t, e, i) => e in t ? c(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
 var s = (t, e, i) => d(t, typeof e != "symbol" ? e + "" : e, i);
-import { i as l } from "../../chunks/vendor-BARd5eYq.js";
+import { i as l } from "../../chunks/vendor-CalMVkfj.js";
 class u {
   constructor() {
     // Массив дочерних нод.

package/components/AccordionBase/protected/AccordionBase.js

@@ -4,7 +4,7 @@ var o = (a, s, e) => l(a, typeof s != "symbol" ? s + "" : s, e);
 import { jsxs as O, Fragment as h, jsx as m } from "react/jsx-runtime";
 import g from "react";
 import { ExpandAnimation as f } from "../../ExpandAnimation/ExpandAnimation.js";
-import { a as u, c as B } from "../../../chunks/vendor-BARd5eYq.js";
+import { a as u, c as B } from "../../../chunks/vendor-CalMVkfj.js";
 class E extends g.Component {
   constructor(e) {
     super(e);

package/components/Alert/AlertContext/AlertContext.js

@@ -3,12 +3,12 @@ import x from "react";
 import { EAlertType as e } from "../EAlertType.js";
 import { alertTypeToClassNameMap as m } from "../AlertTypeUtils.js";
 import { Text as y } from "../../Typography/Text.js";
-import { EFontType as r, ETextSize as f } from "../../Typography/enums.js";
-import { SystemStrokeStsIcon16 as I, ErrorStrokeStsIcon16 as S, WarningStrokeStsIcon16 as i, InfoStrokeStsIcon16 as R } from "@sberbusiness/icons-next";
-import { c as N } from "../../../chunks/vendor-BARd5eYq.js";
-const E = "alertContext__ff4f7169", d = "alertContextText__7ecdb860", C = "alertTypeError__524db4d8", _ = "alertTypeInfo__8b076310", A = "alertTypeWarning__f3889ac7", O = "alertTypeSystem__e48acbe0", n = {
-  alertContext: E,
-  alertContextText: d,
+import { EFontType as r, ETextSize as I } from "../../Typography/enums.js";
+import { SystemStrokeStsIcon16 as S, ErrorStrokeStsIcon16 as i, WarningStrokeStsIcon16 as f, InfoStrokeStsIcon16 as R } from "@sberbusiness/icons-next";
+import { c as d } from "../../../chunks/vendor-CalMVkfj.js";
+const N = "alertContext__72cca15a", E = "alertContextText__6bd5d723", C = "alertTypeError__959916b9", _ = "alertTypeInfo__5033d577", A = "alertTypeWarning__9fe0eb93", O = "alertTypeSystem__ded94022", n = {
+  alertContext: N,
+  alertContextText: E,
   alertTypeError: C,
   alertTypeInfo: _,
   alertTypeWarning: A,
@@ -18,11 +18,11 @@ const E = "alertContext__ff4f7169", d = "alertContextText__7ecdb860", C = "alert
     case e.INFO:
       return /* @__PURE__ */ t(R, { paletteIndex: 3 });
     case e.WARNING:
-      return /* @__PURE__ */ t(i, { paletteIndex: 2 });
+      return /* @__PURE__ */ t(f, { paletteIndex: 2 });
     case e.ERROR:
-      return /* @__PURE__ */ t(S, { paletteIndex: 1 });
+      return /* @__PURE__ */ t(i, { paletteIndex: 1 });
     case e.SYSTEM:
-      return /* @__PURE__ */ t(I, { paletteIndex: 4 });
+      return /* @__PURE__ */ t(S, { paletteIndex: 4 });
   }
 }, u = {
   [e.INFO]: r.INFO,
@@ -34,13 +34,13 @@ const E = "alertContext__ff4f7169", d = "alertContextText__7ecdb860", C = "alert
     "span",
     {
       role: "alert",
-      className: N(n.alertContext, m[a](n), l),
+      className: d(n.alertContext, m[a](n), l),
       ...p,
-      "data-tx": "0.12.0",
+      "data-tx": "0.14.0",
       ref: c,
       children: [
         s || W(a),
-        /* @__PURE__ */ t(y, { size: f.B4, type: u[a], className: n.alertContextText, children: o })
+        /* @__PURE__ */ t(y, { size: I.B4, type: u[a], className: n.alertContextText, children: o })
       ]
     }
   )

package/components/Alert/AlertProcess/AlertProcess.js

@@ -3,10 +3,10 @@ import P, { useState as n } from "react";
 import { EAlertType as t } from "../EAlertType.js";
 import { alertTypeToClassNameMap as k } from "../AlertTypeUtils.js";
 import { ButtonIcon as v } from "../../Button/ButtonIcon.js";
-import { s as r, A as i } from "../../../chunks/AlertProcessSpoiler-SFMiAq2e.js";
+import { s as r, A as i } from "../../../chunks/AlertProcessSpoiler-Clc5Pcoq.js";
 import { AlertProcessContext as R } from "./AlertProcessContext.js";
 import { CrossStrokeSrvIcon16 as E, DefaulticonStrokePrdIcon20 as T, SystemStrokeStsIcon20 as y, ErrorStrokeStsIcon20 as j, WarningStrokeStsIcon20 as w, InfoStrokeStsIcon20 as B } from "@sberbusiness/icons-next";
-import { c as C } from "../../../chunks/vendor-BARd5eYq.js";
+import { c as C } from "../../../chunks/vendor-CalMVkfj.js";
 const O = (o) => {
   switch (o) {
     case t.INFO:
@@ -38,7 +38,7 @@ const O = (o) => {
           d
         ),
         ...f,
-        "data-tx": "0.12.0",
+        "data-tx": "0.14.0",
         ref: I,
         children: [
           /* @__PURE__ */ e("div", { className: r.themeIcon, children: c || O(a) }),

package/components/Alert/AlertProcess/components/AlertProcessSpoiler.js

@@ -3,8 +3,8 @@ import "react";
 import "@sberbusiness/icons-next";
 import "../../../Button/ButtonIcon.js";
 import "../AlertProcessContext.js";
-import { A as l } from "../../../../chunks/AlertProcessSpoiler-SFMiAq2e.js";
-import "../../../../chunks/vendor-BARd5eYq.js";
+import { A as l } from "../../../../chunks/AlertProcessSpoiler-Clc5Pcoq.js";
+import "../../../../chunks/vendor-CalMVkfj.js";
 export {
   l as AlertProcessSpoiler
 };

package/components/Amount/Amount.js

@@ -1,15 +1,15 @@
 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-BARd5eYq.js";
-const N = "adaptive__9201c31c", _ = {
+import { c as f } from "../../chunks/vendor-CalMVkfj.js";
+const N = "adaptive__816cbbcc", _ = {
   adaptive: N
 }, h = 14, v = ({
   className: o,
   value: r,
   fractionLength: s,
   currency: e,
-  currencyTitle: m,
-  adaptive: c,
+  currencyTitle: c,
+  adaptive: m,
   dataTestId: a,
   ...i
 }) => {
@@ -17,14 +17,14 @@ const N = "adaptive__9201c31c", _ = {
   t[0] == "-" && (t = t.replace("-", "−"));
   const p = () => [
     " ",
-    /* @__PURE__ */ n("span", { "data-test-id": a && `${a}__currencyName`, title: m, children: e }, "currencyName")
+    /* @__PURE__ */ n("span", { "data-test-id": a && `${a}__currencyName`, title: c, children: e }, "currencyName")
   ], l = f(
     {
-      [_.adaptive]: !!c && t.length >= h
+      [_.adaptive]: !!m && t.length >= h
     },
     o
   );
-  return /* @__PURE__ */ d("span", { className: l, ...i, "data-tx": "0.12.0", children: [
+  return /* @__PURE__ */ d("span", { className: l, ...i, "data-tx": "0.14.0", children: [
     /* @__PURE__ */ n("span", { "data-test-id": a && `${a}__amount`, children: t }),
     e && p()
   ] });

package/components/AmountField/AmountField.js

@@ -1,18 +1,18 @@
 import { jsx as l, jsxs as x } from "react/jsx-runtime";
 import s, { useRef as F, useLayoutEffect as I } from "react";
 import { TextFieldBase as k } from "../TextField/TextFieldBase.js";
-import "../FormField/FormFieldContext.js";
-import { EFormFieldStatus as p } from "../FormField/enums.js";
+import "../FormField/FormField.js";
 import "../FormField/components/FormFieldDescription.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldLabel.js";
-import { FormFieldClear as w } from "../FormField/components/FormFieldClear.js";
+import { FormFieldClear as p } from "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldTarget.js";
-import { F as A } from "../../chunks/FormFieldInput-B4hNuHJx.js";
+import { F as w } from "../../chunks/FormFieldInput-fdQkON04.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
 import "../FormField/components/FormFieldPrefix.js";
 import "../FormField/components/FormFieldTextarea.js";
+import { EFormFieldStatus as A } from "../FormField/enums.js";
 import "../Typography/Title.js";
 import { Text as B } from "../Typography/Text.js";
 import "../Typography/Caption.js";
@@ -43,12 +43,12 @@ const oe = s.forwardRef(
       k,
       {
         postfix: /* @__PURE__ */ x(s.Fragment, { children: [
-          f !== void 0 && /* @__PURE__ */ l(w, { onClick: f }),
+          f !== void 0 && /* @__PURE__ */ l(p, { onClick: f }),
           i !== void 0 && /* @__PURE__ */ l(
             B,
             {
               size: R.B2,
-              type: y !== p.DISABLED ? g.SECONDARY : g.DISABLED,
+              type: y !== A.DISABLED ? g.SECONDARY : g.DISABLED,
               "data-test-id": n && `${n}__unit`,
               children: i
             }
@@ -57,7 +57,7 @@ const oe = s.forwardRef(
         ] }),
         ...h,
         children: /* @__PURE__ */ l(
-          A,
+          w,
           {
             ...r,
             value: E(),

package/components/Avatar/Avatar.js

@@ -0,0 +1,27 @@
+import { EAvatarSize as a } from "./enums.js";
+import { jsx as r } from "react/jsx-runtime";
+import l from "react";
+import { c } from "../../chunks/vendor-CalMVkfj.js";
+const _ = "avatar__d7a95df5", e = "xxs__eef7d014", d = "xs__832f050e", f = "sm__96731d9b", n = "md__f22088e6", i = "lg__019896f9", v = "xl__bec36abb", p = "xxl__fad967e6", s = {
+  avatar: _,
+  xxs: e,
+  xs: d,
+  sm: f,
+  md: n,
+  lg: i,
+  xl: v,
+  xxl: p
+}, X = {
+  [a.XXS]: s.xxs,
+  [a.XS]: s.xs,
+  [a.SM]: s.sm,
+  [a.MD]: s.md,
+  [a.LG]: s.lg,
+  [a.XL]: s.xl,
+  [a.XXL]: s.xxl
+}, b = l.forwardRef(({ className: x, size: t, ...o }, m) => /* @__PURE__ */ r("div", { className: c(s.avatar, X[t], x), ...o, ref: m }));
+b.displayName = "Avatar";
+export {
+  b as Avatar
+};
+//# sourceMappingURL=Avatar.js.map

package/components/Avatar/enums.js

@@ -0,0 +1,5 @@
+var X = /* @__PURE__ */ ((x) => (x.XXS = "xxs", x.XS = "xs", x.SM = "sm", x.MD = "md", x.LG = "lg", x.XL = "xl", x.XXL = "xxl", x))(X || {});
+export {
+  X as EAvatarSize
+};
+//# sourceMappingURL=enums.js.map

package/components/Avatar/index.js

@@ -0,0 +1,7 @@
+import { EAvatarSize as o } from "./enums.js";
+import { Avatar as e } from "./Avatar.js";
+export {
+  e as Avatar,
+  o as EAvatarSize
+};
+//# sourceMappingURL=index.js.map

package/components/Avatar/types.js

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

package/components/Body/Body.js

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
-import n from "react";
-import { c as t } from "../../chunks/vendor-BARd5eYq.js";
-const y = "body__a3e7288a", c = "bodyInner__c624582b", d = {
-  body: y,
-  bodyInner: c
-}, b = n.forwardRef(({ children: r, className: s, ...a }, e) => /* @__PURE__ */ o("div", { className: t(d.body, s), ...a, "data-tx": "0.12.0", ref: e, children: /* @__PURE__ */ o("div", { className: d.bodyInner, children: r }) }));
+import a from "react";
+import { c } from "../../chunks/vendor-CalMVkfj.js";
+const t = "body__c0d0c86a", y = "bodyInner__424e204b", d = {
+  body: t,
+  bodyInner: y
+}, b = a.forwardRef(({ children: r, className: s, ...e }, n) => /* @__PURE__ */ o("div", { className: c(d.body, s), ...e, "data-tx": "0.14.0", ref: n, children: /* @__PURE__ */ o("div", { className: d.bodyInner, children: r }) }));
 b.displayName = "Body";
 export {
   b as Body

package/components/Button/Button.js

@@ -1,28 +1,28 @@
 import { jsxs as m, jsx as y } from "react/jsx-runtime";
 import k from "react";
-import { c as p } from "../../chunks/vendor-BARd5eYq.js";
+import { c as p } from "../../chunks/vendor-CalMVkfj.js";
 import { LoaderSmall as R } from "../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as g } 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 a } from "../../enums/EComponentSize.js";
-const A = "general__11bca21f", B = "expanded__addf5b8c", b = {
+const A = "general__b428aae2", B = "expanded__1b6d2526", b = {
   general: A,
   expanded: B
-}, D = "secondary__2ff6d7c4", T = "expanded__addf5b8c", u = {
+}, D = "secondary__bf0ccc74", T = "expanded__1b6d2526", u = {
   secondary: D,
   expanded: T
-}, G = "secondaryLight__943cb953", I = "expanded__addf5b8c", f = {
+}, G = "secondaryLight__a046be1a", I = "expanded__1b6d2526", x = {
   secondaryLight: G,
   expanded: I
-}, v = "danger__d0074b6d", O = "expanded__addf5b8c", x = {
+}, v = "danger__d8813860", O = "expanded__1b6d2526", h = {
   danger: v,
   expanded: O
-}, Y = "link__5397a407", $ = "expanded__addf5b8c", h = {
+}, Y = "link__bf1e1eef", $ = "expanded__1b6d2526", f = {
   link: Y,
   expanded: $
-}, w = "button__aa6c1460", z = "sm__143e408e", M = "icon__b747e3e8", j = "md__fa0de1f1", H = "lg__8622a7a7", K = "block__3ff40bb8", U = "content__38751783", q = "loading__33505dcf", F = "loader__ff54cb48", J = "hidden__6534b654", e = {
+}, w = "button__55abaee1", z = "sm__4c687326", M = "icon__dd278f16", j = "md__7ca0c12e", H = "lg__50c25add", K = "block__9e87407d", U = "content__dbc8bd10", q = "loading__69f27e6a", F = "loader__a65ce44b", J = "hidden__9fd80fac", e = {
   button: w,
   sm: z,
   icon: M,
@@ -44,18 +44,18 @@ const A = "general__11bca21f", B = "expanded__addf5b8c", b = {
       };
     case d.SECONDARY_LIGHT:
       return {
-        [f.secondaryLight]: !0,
-        [f.expanded]: n
+        [x.secondaryLight]: !0,
+        [x.expanded]: n
       };
     case d.DANGER:
       return {
-        [x.danger]: !0,
-        [x.expanded]: n
+        [h.danger]: !0,
+        [h.expanded]: n
       };
     case d.LINK:
       return {
-        [h.link]: !0,
-        [h.expanded]: n
+        [f.link]: !0,
+        [f.expanded]: n
       };
   }
 }, Q = (t) => {

package/components/Button/ButtonBase.js

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

package/components/Button/ButtonDropdown.js

@@ -3,7 +3,7 @@ import "./ButtonBase.js";
 import "./ButtonIcon.js";
 import { jsx as t, jsxs as B, Fragment as q } from "react/jsx-runtime";
 import F, { useRef as R, useState as V, createElement as x } from "react";
-import { c as w, a as J } from "../../chunks/vendor-BARd5eYq.js";
+import { c as w, a as J } from "../../chunks/vendor-CalMVkfj.js";
 import { ButtonDropdownExtended as y } from "./ButtonDropdownExtended.js";
 import { EButtonDotsTheme as u, EButtonTheme as d } from "./enums.js";
 import { DotshorizontalStrokeSrvIcon32 as Q, DotshorizontalStrokeSrvIcon20 as L, CaretdownStrokeSrvIcon16 as X, CaretdownStrokeSrvIcon20 as Z, CaretdownStrokeSrvIcon24 as $ } from "@sberbusiness/icons-next";
@@ -17,21 +17,21 @@ import { DropdownMobileClose as co } from "../Dropdown/mobile/DropdownMobileClos
 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 b } from "../../enums/EComponentSize.js";
-const lo = "buttonDropdown__58dd35ba", io = "block__3ff40bb8", mo = "buttonDropdownTarget__2f112b3b", uo = "caretIcon__8e1af32e", Do = "active__cd478cc6", bo = "buttonDropdownMenuItem__84c1b574", n = {
+import { EComponentSize as f } from "../../enums/EComponentSize.js";
+const lo = "buttonDropdown__62993966", io = "block__9e87407d", mo = "buttonDropdownTarget__e9f78bb2", uo = "caretIcon__da09d343", Do = "active__736f1c8c", fo = "buttonDropdownMenuItem__12471fc1", n = {
   buttonDropdown: lo,
   block: io,
   buttonDropdownTarget: mo,
   caretIcon: uo,
   active: Do,
-  buttonDropdownMenuItem: bo
-}, fo = {
-  [b.SM]: /* @__PURE__ */ t(L, { paletteIndex: 0 }),
-  [b.MD]: /* @__PURE__ */ t(L, { paletteIndex: 0 }),
-  [b.LG]: /* @__PURE__ */ t(Q, { paletteIndex: 0 })
-}, g = (f, c) => f === b.SM ? /* @__PURE__ */ t(X, { paletteIndex: c, className: n.caretIcon }) : f === b.MD ? /* @__PURE__ */ t(Z, { paletteIndex: c, className: n.caretIcon }) : /* @__PURE__ */ t($, { paletteIndex: c, className: n.caretIcon }), po = F.forwardRef(
-  (f, c) => {
-    const { buttonAttributes: _, children: h, className: z, theme: p, size: s, options: C, selected: i, block: S, disabled: T, ...G } = f, k = R(null), v = R(null), W = w(n.buttonDropdown, { [n.block]: !!S }, z), [N, H] = V(), I = R(J()), P = ({ opened: o, setOpened: r }) => {
+  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: _, children: h, className: z, theme: b, size: s, options: C, selected: i, block: S, disabled: T, ...G } = p, k = R(null), v = R(null), W = w(n.buttonDropdown, { [n.block]: !!S }, z), [N, H] = V(), I = R(J()), P = ({ opened: o, setOpened: r }) => {
       const a = w(n.buttonDropdownTarget, "hoverable", {
         [n.active]: o,
         [n.block]: !!S
@@ -40,7 +40,7 @@ const lo = "buttonDropdown__58dd35ba", io = "block__3ff40bb8", mo = "buttonDropd
         M,
         {
           className: a,
-          theme: p,
+          theme: b,
           size: s,
           onKeyDown: A({ opened: o, setOpened: r }),
           onClick: E({ opened: o, setOpened: r }),
@@ -66,7 +66,7 @@ const lo = "buttonDropdown__58dd35ba", io = "block__3ff40bb8", mo = "buttonDropd
         M,
         {
           className: a,
-          theme: p === u.DOTS_SECONDARY ? d.SECONDARY : d.SECONDARY_LIGHT,
+          theme: b === u.DOTS_SECONDARY ? d.SECONDARY : d.SECONDARY_LIGHT,
           size: s,
           onKeyDown: A({ opened: o, setOpened: r }),
           onClick: E({ opened: o, setOpened: r }),
@@ -77,14 +77,14 @@ const lo = "buttonDropdown__58dd35ba", io = "block__3ff40bb8", mo = "buttonDropd
           "aria-activedescendant": N,
           ..._,
           ref: O,
-          icon: fo[s]
+          icon: po[s]
         }
       );
     }, 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 (p) {
+      switch (b) {
         case d.GENERAL:
         case d.DANGER:
         case u.DOTS_SECONDARY:
@@ -155,7 +155,7 @@ const lo = "buttonDropdown__58dd35ba", io = "block__3ff40bb8", mo = "buttonDropd
       {
         className: W,
         renderButton: [u.DOTS_SECONDARY, u.DOTS_SECONDARY_LIGHT].includes(
-          p
+          b
         ) ? K : P,
         renderDropdown: U,
         dropdownRef: v,
@@ -165,8 +165,8 @@ const lo = "buttonDropdown__58dd35ba", io = "block__3ff40bb8", mo = "buttonDropd
     );
   }
 );
-po.displayName = "ButtonDropdown";
+bo.displayName = "ButtonDropdown";
 export {
-  po as ButtonDropdown
+  bo 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-BARd5eYq.js";
-const K = "buttonDropdownExtended__34dacd64", S = "buttonDropdownExtendedBlock__38eb10d7", E = {
+import { c as A } from "../../chunks/vendor-CalMVkfj.js";
+const K = "buttonDropdownExtended__0cd4d31c", S = "buttonDropdownExtendedBlock__56cc9d9d", E = {
   buttonDropdownExtended: K,
   buttonDropdownExtendedBlock: S
 }, D = (s) => {
-  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(
+  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(
     (t) => {
       if (m.current) {
         c && c(t);
@@ -25,10 +25,10 @@ const K = "buttonDropdownExtended__34dacd64", S = "buttonDropdownExtendedBlock__
       const n = r.code || r.keyCode;
       e && (w(n, "ESCAPE") || p && w(n, "TAB")) && o(!1);
     }, d = (r) => {
-      const n = u.current, a = l.current;
+      const n = u.current, i = l.current;
       if (e) {
-        const i = r.target;
-        i && !(n != null && n.contains(i)) && !(a != null && a.contains(i)) && o(!1);
+        const a = r.target;
+        a && !(n != null && n.contains(a)) && !(i != null && i.contains(a)) && o(!1);
       }
     };
     return document.addEventListener("keydown", t), document.addEventListener("mousedown", d), document.addEventListener("touchstart", d), () => {
@@ -37,8 +37,8 @@ const K = "buttonDropdownExtended__34dacd64", S = "buttonDropdownExtendedBlock__
   }, [e, p, l, o, u]);
   const B = A(E.buttonDropdownExtended, v);
   return /* @__PURE__ */ h("div", { className: B, ref: u, ...L, children: [
-    b({ opened: e, setOpened: o }),
-    k({
+    k({ opened: e, setOpened: o }),
+    b({
       className: E.buttonDropdownExtendedBlock,
       opened: e,
       setOpened: o

package/components/Button/ButtonIcon.js

@@ -1,21 +1,21 @@
 import { jsx as l } from "react/jsx-runtime";
 import u from "react";
-import { c as m } from "../../chunks/vendor-BARd5eYq.js";
+import { c as m } from "../../chunks/vendor-CalMVkfj.js";
 import { EButtonIconShape as o } from "./enums.js";
-const p = "buttonIcon__c7858dfd", I = "circle__4d35ae56", b = "squircle__eb20aaf0", t = {
-  buttonIcon: p,
-  circle: I,
-  squircle: b
+const b = "buttonIcon__ef528c30", p = "circle__bba0e1c2", I = "squircle__a452efb7", c = {
+  buttonIcon: b,
+  circle: p,
+  squircle: I
 }, f = {
-  [o.SQUIRCLE]: t.squircle,
-  [o.CIRCLE]: t.circle
+  [o.SQUIRCLE]: c.squircle,
+  [o.CIRCLE]: c.circle
 }, _ = u.forwardRef(
-  ({ className: e, disabled: c, shape: n = o.SQUIRCLE, active: s, ...r }, a) => {
-    const i = m(t.buttonIcon, f[n], "hoverable", e, {
+  ({ className: e, disabled: t, shape: n = o.SQUIRCLE, active: s, ...r }, a) => {
+    const i = m(c.buttonIcon, f[n], "hoverable", e, {
       active: !!s,
-      disabled: !!c
+      disabled: !!t
     });
-    return /* @__PURE__ */ l("button", { type: "button", className: i, disabled: c, ...r, ref: a });
+    return /* @__PURE__ */ l("button", { type: "button", className: i, disabled: t, ...r, ref: a });
   }
 );
 _.displayName = "ButtonIcon";