@sberbusiness/triplex-next 1.8.0 → 1.10.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-D3hUOusX.js";
+import { i as l } from "../../chunks/vendor-ClY57Zzq.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-D3hUOusX.js";
+import { a as u, c as B } from "../../../chunks/vendor-ClY57Zzq.js";
 class E extends g.Component {
   constructor(e) {
     super(e);

package/components/Alert/AlertContext/AlertContext.js

@@ -3,13 +3,13 @@ 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 I } from "../../Typography/enums.js";
-import { SystemStrokeStsIcon16 as S, ErrorStrokeStsIcon16 as f, WarningStrokeStsIcon16 as i, InfoStrokeStsIcon16 as R } from "@sberbusiness/icons-next";
-import { c as N } from "../../../chunks/vendor-D3hUOusX.js";
-const _ = "alertContext__79c6821b", E = "alertContextText__7c14812e", d = "alertTypeError__5bee36ed", C = "alertTypeInfo__3e8d1c03", u = "alertTypeWarning__9a913058", A = "alertTypeSystem__a4fec24c", n = {
-  alertContext: _,
-  alertContextText: E,
-  alertTypeError: d,
+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 d } from "../../../chunks/vendor-ClY57Zzq.js";
+const N = "alertContext__b55005d0", _ = "alertContextText__e0ddf27c", E = "alertTypeError__58ca04f7", C = "alertTypeInfo__960ae6e7", u = "alertTypeWarning__5f3231cc", A = "alertTypeSystem__b0b2b71d", n = {
+  alertContext: N,
+  alertContextText: _,
+  alertTypeError: E,
   alertTypeInfo: C,
   alertTypeWarning: u,
   alertTypeSystem: A
@@ -20,9 +20,9 @@ const _ = "alertContext__79c6821b", E = "alertContextText__7c14812e", d = "alert
     case e.WARNING:
       return /* @__PURE__ */ t(i, { paletteIndex: 2 });
     case e.ERROR:
-      return /* @__PURE__ */ t(f, { paletteIndex: 1 });
+      return /* @__PURE__ */ t(S, { paletteIndex: 1 });
     case e.SYSTEM:
-      return /* @__PURE__ */ t(S, { paletteIndex: 4 });
+      return /* @__PURE__ */ t(I, { paletteIndex: 4 });
   }
 }, W = {
   [e.INFO]: r.INFO,
@@ -34,13 +34,13 @@ const _ = "alertContext__79c6821b", E = "alertContextText__7c14812e", d = "alert
     "span",
     {
       role: "alert",
-      className: N(n.alertContext, m[a](n), l),
+      className: d(n.alertContext, m[a](n), l),
       ...p,
-      "data-tx": "1.8.0",
+      "data-tx": "1.10.0",
       ref: c,
       children: [
         s || O(a),
-        /* @__PURE__ */ t(y, { size: I.B4, type: W[a], className: n.alertContextText, children: o })
+        /* @__PURE__ */ t(y, { size: f.B4, type: W[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-C7qEZRwB.js";
+import { s as r, A as i } from "../../../chunks/AlertProcessSpoiler-C4HDxCMJ.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-D3hUOusX.js";
+import { c as C } from "../../../chunks/vendor-ClY57Zzq.js";
 const O = (o) => {
   switch (o) {
     case t.INFO:
@@ -38,7 +38,7 @@ const O = (o) => {
           d
         ),
         ...f,
-        "data-tx": "1.8.0",
+        "data-tx": "1.10.0",
         ref: u,
         children: [
           /* @__PURE__ */ e("div", { className: r.themeIcon, children: l || 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-C7qEZRwB.js";
-import "../../../../chunks/vendor-D3hUOusX.js";
+import { A as l } from "../../../../chunks/AlertProcessSpoiler-C4HDxCMJ.js";
+import "../../../../chunks/vendor-ClY57Zzq.js";
 export {
   l as AlertProcessSpoiler
 };

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__10a77c96", _ = {
+import { c as f } from "../../chunks/vendor-ClY57Zzq.js";
+const N = "adaptive__e4de01f9", _ = {
   adaptive: N
 }, h = 14, v = ({
   className: o,
   value: r,
   fractionLength: s,
-  currency: e,
+  currency: a,
   currencyTitle: m,
   adaptive: c,
-  dataTestId: a,
+  dataTestId: e,
   ...i
 }) => {
   let t = u(r, s);
   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": e && `${e}__currencyName`, title: m, children: a }, "currencyName")
   ], l = f(
     {
       [_.adaptive]: !!c && t.length >= h
     },
     o
   );
-  return /* @__PURE__ */ d("span", { className: l, ...i, "data-tx": "1.8.0", children: [
-    /* @__PURE__ */ n("span", { "data-test-id": a && `${a}__amount`, children: t }),
-    e && p()
+  return /* @__PURE__ */ d("span", { className: l, ...i, "data-tx": "1.10.0", children: [
+    /* @__PURE__ */ n("span", { "data-test-id": e && `${e}__amount`, children: t }),
+    a && p()
   ] });
 };
 v.displayName = "Amount";

package/components/AmountField/AmountField.js

@@ -1,76 +1,73 @@
-import { jsxs as d, jsx as l } from "react/jsx-runtime";
-import R, { useRef as y, useLayoutEffect as x } from "react";
-import { FormGroup as E } from "../FormGroup/FormGroup.js";
-import { FormField as I } from "../FormField/FormField.js";
-import { FormFieldDescription as T } from "../FormField/components/FormFieldDescription.js";
-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 b } from "../../chunks/FormFieldInput-BnHKlreA.js";
-import { AmountBaseInputCore as j } from "./AmountBaseInputCore.js";
-import { setCaretPosition as A } from "../../utils/inputUtils.js";
-import { createPlaceholder as L, setFallbackCaret as g } from "./utils.js";
-const M = "currency__ff3f1b1c", $ = {
-  currency: M
-}, Z = R.forwardRef(
-  ({
-    label: f,
-    description: i,
-    currency: h,
-    postfix: s,
-    inputProps: t,
-    maxIntegerDigits: m = 16,
-    fractionDigits: n = 2,
-    ...F
-  }, o) => {
-    const u = F["data-test-id"], C = t.placeholder || L(n), a = y(null), e = y();
-    e.current === void 0 && (e.current = new j(m, n)), x(() => {
-      e.current && a.current == document.activeElement && A(a.current, Math.max(e.current.caret, 0));
-    }, [t.value]);
-    const _ = () => e.current ? ((t.value != e.current.value || m != e.current.maxIntegerDigits || n != e.current.fractionDigits) && (e.current.maxIntegerDigits = m, e.current.fractionDigits = n, e.current.apply(t.value, t.value.length)), e.current.cache.formattedValue = e.current.formattedValue, e.current.formattedValue) : "", S = (r) => {
+import { jsx as l, jsxs as x } from "react/jsx-runtime";
+import h, { useRef as y, useLayoutEffect as E } from "react";
+import { c as k } from "../../chunks/vendor-ClY57Zzq.js";
+import { TextFieldBase as w } from "../TextField/TextFieldBase.js";
+import { EFormFieldStatus as D } from "../FormField/enums.js";
+import { F as I } from "../../chunks/FormFieldInput-hUwbIuBd.js";
+import { FormFieldClear as T } from "../FormField/components/FormFieldClear.js";
+import { AmountBaseInputCore as R } from "./AmountBaseInputCore.js";
+import { setCaretPosition as V } from "../../utils/inputUtils.js";
+import { createPlaceholder as A, setFallbackCaret as B } from "./utils.js";
+const K = "currency__1b73c933", j = "disabled__7e82f152", g = {
+  currency: K,
+  disabled: j
+}, Q = h.forwardRef(
+  ({ inputProps: r, currency: i, postfix: f, maxIntegerDigits: u = 16, fractionDigits: a = 2, onClear: s, ...d }, n) => {
+    const o = d["data-test-id"], F = r.placeholder || A(a), m = y(null), e = y();
+    e.current === void 0 && (e.current = new R(u, a)), E(() => {
+      e.current && m.current == document.activeElement && V(m.current, Math.max(e.current.caret, 0));
+    }, [r.value]);
+    const _ = () => e.current ? ((r.value != e.current.value || u != e.current.maxIntegerDigits || a != e.current.fractionDigits) && (e.current.maxIntegerDigits = u, e.current.fractionDigits = a, e.current.apply(r.value, r.value.length)), e.current.cache.formattedValue = e.current.formattedValue, e.current.formattedValue) : "", C = (t) => {
       if (!e.current) return;
-      const c = r.target.selectionStart ?? r.target.value.length;
-      e.current.apply(r.target.value, c), g(r.target, e.current, n), t.onChange(e.current.value);
-    }, k = (r) => {
+      const c = t.target.selectionStart ?? t.target.value.length;
+      e.current.apply(t.target.value, c), B(t.target, e.current, a), r.onChange(e.current.value);
+    }, S = (t) => {
       var c;
-      e.current && (e.current.cache.key = r.key, (c = t.onKeyDown) == null || c.call(t, r));
-    }, v = (r) => {
+      e.current && (e.current.cache.key = t.key, (c = r.onKeyDown) == null || c.call(r, t));
+    }, v = (t) => {
       var c;
-      e.current && (e.current.cache.key = "", e.current.cache.selectionStart = r.currentTarget.selectionStart, e.current.cache.selectionEnd = r.currentTarget.selectionEnd, e.current.cache.selectionDirection = r.currentTarget.selectionDirection, (c = t.onSelect) == null || c.call(t, r));
-    }, w = () => {
-      !e.current || !a.current || (e.current.apply("", 0), g(a.current, e.current, n), t.onChange(e.current.value));
+      e.current && (e.current.cache.key = "", e.current.cache.selectionStart = t.currentTarget.selectionStart, e.current.cache.selectionEnd = t.currentTarget.selectionEnd, e.current.cache.selectionDirection = t.currentTarget.selectionDirection, (c = r.onSelect) == null || c.call(r, t));
+    }, b = (t) => {
+      m.current = t, typeof n == "function" ? n(t) : n && (n.current = t);
     };
-    return /* @__PURE__ */ d(E, { children: [
-      /* @__PURE__ */ d(I, { ...F, children: [
-        f ? /* @__PURE__ */ l(V, { children: f }) : null,
-        /* @__PURE__ */ l(
-          b,
+    return /* @__PURE__ */ l(
+      w,
+      {
+        postfix: /* @__PURE__ */ x(h.Fragment, { children: [
+          s !== void 0 && /* @__PURE__ */ l(T, { onClick: s }),
+          i !== void 0 && /* @__PURE__ */ l(
+            "span",
+            {
+              className: k(g.currency, {
+                [g.disabled]: d.status === D.DISABLED
+              }),
+              "data-test-id": o && `${o}__unit`,
+              children: i
+            }
+          ),
+          f !== void 0 && f
+        ] }),
+        ...d,
+        children: /* @__PURE__ */ l(
+          I,
           {
-            ...t,
-            ref: (r) => {
-              a.current = r, typeof o == "function" ? o(r) : o && (o.current = r);
-            },
+            ...r,
             value: _(),
-            onChange: S,
-            onKeyDown: k,
-            onSelect: v,
+            placeholder: F,
             autoComplete: "off",
             inputMode: "decimal",
-            "data-test-id": u && `${u}__input`,
-            placeholder: C
+            "data-test-id": o && `${o}__input`,
+            onKeyDown: S,
+            onSelect: v,
+            onChange: C,
+            ref: b
           }
-        ),
-        /* @__PURE__ */ d(D, { children: [
-          /* @__PURE__ */ l(K, { onClick: w }),
-          h ? /* @__PURE__ */ l("span", { className: $.currency, "data-test-id": u && `${u}__unit`, children: h }) : null,
-          s || null
-        ] })
-      ] }),
-      i ? /* @__PURE__ */ l(T, { children: i }) : null
-    ] });
+        )
+      }
+    );
   }
 );
 export {
-  Z as AmountField
+  Q as AmountField
 };
 //# sourceMappingURL=AmountField.js.map

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__2717e553", c = "bodyInner__973130d6", d = {
-  body: y,
-  bodyInner: c
-}, m = t.forwardRef(({ children: e, className: r, ...s }, n) => /* @__PURE__ */ o("div", { className: a(d.body, r), ...s, "data-tx": "1.8.0", ref: n, children: /* @__PURE__ */ o("div", { className: d.bodyInner, children: e }) }));
-m.displayName = "Body";
+import n from "react";
+import { c as t } from "../../chunks/vendor-ClY57Zzq.js";
+const c = "body__e62b0a1c", y = "bodyInner__7fdeca65", d = {
+  body: c,
+  bodyInner: y
+}, b = n.forwardRef(({ children: e, className: a, ...r }, s) => /* @__PURE__ */ o("div", { className: t(d.body, a), ...r, "data-tx": "1.10.0", ref: s, children: /* @__PURE__ */ o("div", { className: d.bodyInner, children: e }) }));
+b.displayName = "Body";
 export {
-  m as Body
+  b as Body
 };
 //# sourceMappingURL=Body.js.map

package/components/Button/Button.js

@@ -1,28 +1,28 @@
-import { jsxs as m, jsx as y } from "react/jsx-runtime";
+import { jsxs as m, jsx as N } from "react/jsx-runtime";
 import k from "react";
-import { c as p } from "../../chunks/vendor-D3hUOusX.js";
+import { c as p } from "../../chunks/vendor-ClY57Zzq.js";
 import { LoaderSmall as R } from "../Loader/LoaderSmall/LoaderSmall.js";
-import { ELoaderSmallTheme as f } from "../Loader/LoaderSmall/enum.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 a } from "./enums.js";
+import { EButtonTheme as o } from "./enums.js";
 import { EComponentSize as d } from "../../enums/EComponentSize.js";
-const A = "general__9dcee38d", B = "expanded__f52bfa9e", g = {
+const A = "general__3bcd45e1", B = "expanded__046b9c29", u = {
   general: A,
   expanded: B
-}, D = "secondary__db01c908", T = "expanded__f52bfa9e", u = {
+}, D = "secondary__14a76418", T = "expanded__046b9c29", b = {
   secondary: D,
   expanded: T
-}, G = "secondaryLight__c5238ada", I = "expanded__f52bfa9e", b = {
+}, G = "secondaryLight__d3086601", I = "expanded__046b9c29", x = {
   secondaryLight: G,
   expanded: I
-}, v = "danger__6744dbda", O = "expanded__f52bfa9e", x = {
+}, v = "danger__c67973cd", O = "expanded__046b9c29", h = {
   danger: v,
   expanded: O
-}, Y = "link__3f15ac6e", $ = "expanded__f52bfa9e", h = {
+}, Y = "link__cc533c1e", $ = "expanded__046b9c29", y = {
   link: Y,
   expanded: $
-}, w = "button__5a2acef9", z = "sm__c68af6e4", M = "icon__bca39b2d", j = "md__42ff057c", H = "lg__c1195be8", K = "block__a09f3250", U = "content__ae9c5ab0", q = "loading__aa52b888", F = "loader__710c5f57", J = "hidden__58b12c54", e = {
+}, w = "button__b2b67d3c", z = "sm__43644e05", M = "icon__b8c4e534", j = "md__75c5824d", H = "lg__0c33a72b", K = "block__f22447d4", U = "content__245cb97f", q = "loading__678524d5", F = "loader__ab1ee188", J = "hidden__f3e10267", e = {
   button: w,
   sm: z,
   icon: M,
@@ -35,28 +35,28 @@ const A = "general__9dcee38d", B = "expanded__f52bfa9e", g = {
   hidden: J
 }, P = (t, n) => {
   switch (t) {
-    case a.GENERAL:
-      return { [g.general]: !0, [g.expanded]: n };
-    case a.SECONDARY:
+    case o.GENERAL:
+      return { [u.general]: !0, [u.expanded]: n };
+    case o.SECONDARY:
       return {
-        [u.secondary]: !0,
-        [u.expanded]: n
-      };
-    case a.SECONDARY_LIGHT:
-      return {
-        [b.secondaryLight]: !0,
+        [b.secondary]: !0,
         [b.expanded]: n
       };
-    case a.DANGER:
+    case o.SECONDARY_LIGHT:
       return {
-        [x.danger]: !0,
+        [x.secondaryLight]: !0,
         [x.expanded]: n
       };
-    case a.LINK:
+    case o.DANGER:
       return {
-        [h.link]: !0,
+        [h.danger]: !0,
         [h.expanded]: n
       };
+    case o.LINK:
+      return {
+        [y.link]: !0,
+        [y.expanded]: n
+      };
   }
 }, Q = (t) => {
   switch (t) {
@@ -68,30 +68,30 @@ const A = "general__9dcee38d", B = "expanded__f52bfa9e", g = {
       return e.sm;
   }
 }, V = (t, n) => {
-  const o = [a.SECONDARY, a.SECONDARY_LIGHT].includes(t) ? f.BRAND : f.NEUTRAL;
-  return /* @__PURE__ */ y(R, { theme: o, size: n });
+  const c = [o.SECONDARY, o.SECONDARY_LIGHT].includes(t) ? g.BRAND : g.NEUTRAL;
+  return /* @__PURE__ */ N(R, { theme: c, size: n });
 }, W = k.forwardRef((t, n) => {
-  const { children: o, className: N, disabled: c, theme: r, size: l = d.MD, block: L, loading: s, icon: i, ...S } = t, { "aria-expanded": _ } = t, E = p(
+  const { children: c, className: f, disabled: a, theme: r, size: l = d.MD, block: L, loading: s, icon: i, ...S } = t, { "aria-expanded": _ } = t, E = p(
     e.button,
     P(r, !!_),
     Q(l),
     { [e.block]: !!L, [e.loading]: !!s },
-    { [e.icon]: !!i && !o },
+    { [e.icon]: !!i && !c },
     // Классы для иконок, начало.
     "hoverable",
     {
       active: !!_,
-      disabled: !!c
+      disabled: !!a
     },
     // Классы для иконок, конец.
-    N
+    f
   );
-  return /* @__PURE__ */ m(C, { className: E, tabIndex: s ? -1 : void 0, disabled: c, ...S, ref: n, children: [
+  return /* @__PURE__ */ m(C, { className: E, tabIndex: s ? -1 : void 0, disabled: a, ...S, ref: n, children: [
     /* @__PURE__ */ m("span", { className: e.content, children: [
       i,
-      o
+      c
     ] }),
-    /* @__PURE__ */ y("div", { className: p(e.loader, !s && e.hidden), children: V(r, l) })
+    /* @__PURE__ */ N("div", { className: p(e.loader, !s && 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.8.0", ref: o }));
+const r = e.forwardRef((t, o) => /* @__PURE__ */ a("button", { type: "button", ...t, "data-tx": "1.10.0", ref: o }));
 r.displayName = "ButtonBase";
 export {
   r 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 I, useState as V, createElement as x } from "react";
-import { c as w, a as J } from "../../chunks/vendor-D3hUOusX.js";
+import { c as w, a as J } from "../../chunks/vendor-ClY57Zzq.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";
@@ -13,34 +13,34 @@ import { DropdownMobileHeader as to } from "../Dropdown/mobile/DropdownMobileHea
 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 ao } from "../Dropdown/mobile/DropdownMobileClose.js";
-import { Text as co } from "../Typography/Text.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__e5b3340f", io = "block__a09f3250", mo = "buttonDropdownTarget__f761387b", uo = "caretIcon__5ff5c2ba", Do = "active__19aa2877", fo = "buttonDropdownMenuItem__05794d0f", n = {
+import { EComponentSize as b } from "../../enums/EComponentSize.js";
+const lo = "buttonDropdown__4b4b0b01", io = "block__f22447d4", mo = "buttonDropdownTarget__b7a1949d", uo = "caretIcon__b7498468", Do = "active__c6a6a515", bo = "buttonDropdownMenuItem__788e97be", n = {
   buttonDropdown: lo,
   block: io,
   buttonDropdownTarget: mo,
   caretIcon: uo,
   active: Do,
-  buttonDropdownMenuItem: fo
+  buttonDropdownMenuItem: bo
 }, po = {
-  [f.SM]: /* @__PURE__ */ t(L, { paletteIndex: 0 }),
-  [f.MD]: /* @__PURE__ */ t(L, { paletteIndex: 0 }),
-  [f.LG]: /* @__PURE__ */ t(Q, { paletteIndex: 0 })
-}, g = (p, a) => p === f.SM ? /* @__PURE__ */ t(X, { paletteIndex: a, className: n.caretIcon }) : p === f.MD ? /* @__PURE__ */ t(Z, { paletteIndex: a, className: n.caretIcon }) : /* @__PURE__ */ t($, { paletteIndex: a, className: n.caretIcon }), bo = F.forwardRef(
-  (p, a) => {
-    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 c = w(n.buttonDropdownTarget, "hoverable", {
+  [b.SM]: /* @__PURE__ */ t(L, { paletteIndex: 0 }),
+  [b.MD]: /* @__PURE__ */ t(L, { paletteIndex: 0 }),
+  [b.LG]: /* @__PURE__ */ t(Q, { paletteIndex: 0 })
+}, g = (p, c) => p === b.SM ? /* @__PURE__ */ t(X, { paletteIndex: c, className: n.caretIcon }) : p === b.MD ? /* @__PURE__ */ t(Z, { paletteIndex: c, className: n.caretIcon }) : /* @__PURE__ */ t($, { paletteIndex: c, className: n.caretIcon }), fo = F.forwardRef(
+  (p, c) => {
+    const { buttonAttributes: R, children: h, className: z, theme: f, 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__ */ B(
         M,
         {
-          className: c,
-          theme: b,
+          className: a,
+          theme: f,
           size: s,
           onKeyDown: A({ opened: o, setOpened: r }),
           onClick: E({ opened: o, setOpened: r }),
@@ -58,15 +58,15 @@ const lo = "buttonDropdown__e5b3340f", io = "block__a09f3250", mo = "buttonDropd
         }
       );
     }, K = ({ opened: o, setOpened: r }) => {
-      const c = w(n.buttonDropdownTarget, "hoverable", {
+      const a = w(n.buttonDropdownTarget, "hoverable", {
         [n.active]: o,
         [n.block]: !!S
       });
       return /* @__PURE__ */ t(
         M,
         {
-          className: c,
-          theme: b === u.DOTS_SECONDARY ? d.SECONDARY : d.SECONDARY_LIGHT,
+          className: a,
+          theme: f === u.DOTS_SECONDARY ? d.SECONDARY : d.SECONDARY_LIGHT,
           size: s,
           onKeyDown: A({ opened: o, setOpened: r }),
           onClick: E({ opened: o, setOpened: r }),
@@ -80,11 +80,11 @@ const lo = "buttonDropdown__e5b3340f", io = "block__a09f3250", mo = "buttonDropd
           icon: po[s]
         }
       );
-    }, E = ({ opened: o, setOpened: r }) => () => r(!o), A = ({ opened: o, setOpened: r }) => (c) => {
-      const { key: l } = c;
-      (D(l, "SPACE") || D(l, "ARROW_UP") || D(l, "ARROW_DOWN")) && c.preventDefault(), !o && (D(l, "ARROW_UP") || D(l, "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 (b) {
+      switch (f) {
         case d.GENERAL:
         case d.DANGER:
         case u.DOTS_SECONDARY:
@@ -96,8 +96,8 @@ const lo = "buttonDropdown__e5b3340f", io = "block__a09f3250", mo = "buttonDropd
         default:
           return null;
       }
-    }, U = ({ opened: o, setOpened: r, className: c }) => {
-      const l = w(n.buttonDropdownMenu, c);
+    }, 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,
         {
@@ -112,8 +112,8 @@ const lo = "buttonDropdown__e5b3340f", io = "block__a09f3250", mo = "buttonDropd
               /* @__PURE__ */ t(
                 to,
                 {
-                  controlButtons: /* @__PURE__ */ t(ao, { onClick: () => r(!1) }),
-                  children: /* @__PURE__ */ t(co, { tag: "div", size: so.B3, children: h })
+                  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(
@@ -148,14 +148,14 @@ const lo = "buttonDropdown__e5b3340f", io = "block__a09f3250", mo = "buttonDropd
         }
       ) });
     }, O = (o) => {
-      k.current = o, typeof a == "function" ? a(o) : a && (a.current = o);
+      k.current = o, typeof c == "function" ? c(o) : c && (c.current = o);
     };
     return /* @__PURE__ */ t(
       y,
       {
         className: W,
         renderButton: [u.DOTS_SECONDARY, u.DOTS_SECONDARY_LIGHT].includes(
-          b
+          f
         ) ? K : P,
         renderDropdown: U,
         dropdownRef: v,
@@ -165,8 +165,8 @@ const lo = "buttonDropdown__e5b3340f", io = "block__a09f3250", mo = "buttonDropd
     );
   }
 );
-bo.displayName = "ButtonDropdown";
+fo.displayName = "ButtonDropdown";
 export {
-  bo as ButtonDropdown
+  fo as ButtonDropdown
 };
 //# sourceMappingURL=ButtonDropdown.js.map

package/components/Button/ButtonDropdownExtended.js

@@ -3,8 +3,8 @@ 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-D3hUOusX.js";
-const K = "buttonDropdownExtended__486e19ef", S = "buttonDropdownExtendedBlock__7b63e073", E = {
+import { c as A } from "../../chunks/vendor-ClY57Zzq.js";
+const K = "buttonDropdownExtended__53f04a46", S = "buttonDropdownExtendedBlock__07cd24b0", E = {
   buttonDropdownExtended: K,
   buttonDropdownExtendedBlock: S
 }, D = (s) => {
@@ -25,10 +25,10 @@ const K = "buttonDropdownExtended__486e19ef", 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), () => {