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

package/components/Alert/AlertContext/AlertContext.js

@@ -5,8 +5,8 @@ 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-BlJo2ILB.js";
-const E = "alertContext__940101f5", C = "alertContextText__e7180e1e", _ = "alertTypeError__229a769f", d = "alertTypeInfo__ab2b19c1", A = "alertTypeWarning__fe57216a", O = "alertTypeSystem__1888f887", n = {
+import { c as N } from "../../../chunks/vendor-BARd5eYq.js";
+const E = "alertContext__df06f339", C = "alertContextText__1578a5cf", _ = "alertTypeError__c65f69cb", d = "alertTypeInfo__904eb3e1", A = "alertTypeWarning__83647294", O = "alertTypeSystem__afeaa60a", n = {
   alertContext: E,
   alertContextText: C,
   alertTypeError: _,
@@ -36,7 +36,7 @@ const E = "alertContext__940101f5", C = "alertContextText__e7180e1e", _ = "alert
       role: "alert",
       className: N(n.alertContext, m[a](n), l),
       ...p,
-      "data-tx": "0.11.0",
+      "data-tx": "0.13.0",
       ref: c,
       children: [
         s || W(a),

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-NTQfGBrX.js";
+import { s as r, A as i } from "../../../chunks/AlertProcessSpoiler-DQAI3bgu.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-BlJo2ILB.js";
+import { c as C } from "../../../chunks/vendor-BARd5eYq.js";
 const O = (o) => {
   switch (o) {
     case t.INFO:
@@ -38,7 +38,7 @@ const O = (o) => {
           d
         ),
         ...f,
-        "data-tx": "0.11.0",
+        "data-tx": "0.13.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-NTQfGBrX.js";
-import "../../../../chunks/vendor-BlJo2ILB.js";
+import { A as l } from "../../../../chunks/AlertProcessSpoiler-DQAI3bgu.js";
+import "../../../../chunks/vendor-BARd5eYq.js";
 export {
   l as AlertProcessSpoiler
 };

package/components/Amount/Amount.js

@@ -1,7 +1,7 @@
 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-BlJo2ILB.js";
-const N = "adaptive__1fc8d06f", _ = {
+import { c as f } from "../../chunks/vendor-BARd5eYq.js";
+const N = "adaptive__274826ea", _ = {
   adaptive: N
 }, h = 14, v = ({
   className: o,
@@ -24,7 +24,7 @@ const N = "adaptive__1fc8d06f", _ = {
     },
     o
   );
-  return /* @__PURE__ */ d("span", { className: l, ...i, "data-tx": "0.11.0", children: [
+  return /* @__PURE__ */ d("span", { className: l, ...i, "data-tx": "0.13.0", children: [
     /* @__PURE__ */ n("span", { "data-test-id": a && `${a}__amount`, children: t }),
     e && p()
   ] });

package/components/AmountField/AmountField.js

@@ -1,66 +1,74 @@
 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-BlJo2ILB.js";
-import { TextFieldBase as w } from "../TextField/TextFieldBase.js";
-import { EFormFieldStatus as D } from "../FormField/enums.js";
-import { F as I } from "../../chunks/FormFieldInput-DO7mZKjJ.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__cfd1deca", j = "disabled__8199ddb7", 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));
+import s, { useRef as F, useLayoutEffect as I } from "react";
+import { TextFieldBase as k } from "../TextField/TextFieldBase.js";
+import "../FormField/FormField.js";
+import "../FormField/components/FormFieldDescription.js";
+import "../FormField/components/FormFieldCounter.js";
+import "../FormField/components/FormFieldLabel.js";
+import { FormFieldClear as p } from "../FormField/components/FormFieldClear.js";
+import "../FormField/components/FormFieldTarget.js";
+import { F as w } from "../../chunks/FormFieldInput-DurMmok0.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";
+import { EFontType as g, ETextSize as R } from "../Typography/enums.js";
+import { AmountBaseInputCore as V } from "./AmountBaseInputCore.js";
+import { setCaretPosition as _ } from "../../utils/inputUtils.js";
+import { createPlaceholder as K, setFallbackCaret as L } from "./utils.js";
+const oe = s.forwardRef(
+  ({ inputProps: r, currency: i, postfix: d, maxIntegerDigits: u = 16, fractionDigits: o = 2, onClear: f, ...h }, a) => {
+    const { status: y, "data-test-id": n } = h, S = r.placeholder || K(o), m = F(null), e = F();
+    e.current === void 0 && (e.current = new V(u, o)), I(() => {
+      e.current && m.current == document.activeElement && _(m.current, Math.max(e.current.caret, 0));
     }, [r.value]);
-    const C = () => 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) : "", S = (t) => {
+    const E = () => e.current ? ((r.value != e.current.value || u != e.current.maxIntegerDigits || o != e.current.fractionDigits) && (e.current.maxIntegerDigits = u, e.current.fractionDigits = o, 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 = 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);
-    }, _ = (t) => {
+      e.current.apply(t.target.value, c), L(t.target, e.current, o), r.onChange(e.current.value);
+    }, D = (t) => {
       var c;
       e.current && (e.current.cache.key = t.key, (c = r.onKeyDown) == null || c.call(r, t));
-    }, v = (t) => {
+    }, T = (t) => {
       var c;
       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);
+    }, v = (t) => {
+      m.current = t, typeof a == "function" ? a(t) : a && (a.current = t);
     };
     return /* @__PURE__ */ l(
-      w,
+      k,
       {
-        postfix: /* @__PURE__ */ x(h.Fragment, { children: [
-          s !== void 0 && /* @__PURE__ */ l(T, { onClick: s }),
+        postfix: /* @__PURE__ */ x(s.Fragment, { children: [
+          f !== void 0 && /* @__PURE__ */ l(p, { onClick: f }),
           i !== void 0 && /* @__PURE__ */ l(
-            "span",
+            B,
             {
-              className: k(g.currency, {
-                [g.disabled]: d.status === D.DISABLED
-              }),
-              "data-test-id": o && `${o}__unit`,
+              size: R.B2,
+              type: y !== A.DISABLED ? g.SECONDARY : g.DISABLED,
+              "data-test-id": n && `${n}__unit`,
               children: i
             }
           ),
-          f !== void 0 && f
+          d !== void 0 && d
         ] }),
-        ...d,
+        ...h,
         children: /* @__PURE__ */ l(
-          I,
+          w,
           {
             ...r,
-            value: C(),
-            placeholder: F,
+            value: E(),
+            placeholder: S,
             autoComplete: "off",
             inputMode: "decimal",
-            "data-test-id": o && `${o}__input`,
-            onKeyDown: _,
-            onSelect: v,
-            onChange: S,
-            ref: b
+            "data-test-id": n && `${n}__input`,
+            onKeyDown: D,
+            onSelect: T,
+            onChange: C,
+            ref: v
           }
         )
       }
@@ -68,6 +76,6 @@ const K = "currency__cfd1deca", j = "disabled__8199ddb7", g = {
   }
 );
 export {
-  Q as AmountField
+  oe as AmountField
 };
 //# sourceMappingURL=AmountField.js.map

package/components/Avatar/Avatar.js

@@ -0,0 +1,27 @@
+import { EAvatarSize as a } from "./enums.js";
+import { jsx as c } from "react/jsx-runtime";
+import r from "react";
+import { c as l } from "../../chunks/vendor-BARd5eYq.js";
+const _ = "avatar__5b371621", e = "xxs__317232a4", n = "xs__96b0ba01", d = "sm__e4d54ab7", i = "md__cda3ec30", v = "lg__9361cf12", b = "xl__9b1e067b", f = "xxl__b356328a", s = {
+  avatar: _,
+  xxs: e,
+  xs: n,
+  sm: d,
+  md: i,
+  lg: v,
+  xl: b,
+  xxl: f
+}, p = {
+  [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
+}, X = r.forwardRef(({ className: x, size: t, ...o }, m) => /* @__PURE__ */ c("div", { className: l(s.avatar, p[t], x), ...o, ref: m }));
+X.displayName = "Avatar";
+export {
+  X 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,12 +1,12 @@
 import { jsx as o } from "react/jsx-runtime";
-import n from "react";
-import { c as t } from "../../chunks/vendor-BlJo2ILB.js";
-const y = "body__e22c9a38", c = "bodyInner__a99f4a07", d = {
+import c from "react";
+import { c as t } from "../../chunks/vendor-BARd5eYq.js";
+const y = "body__0c73778e", a = "bodyInner__bc55463d", d = {
   body: y,
-  bodyInner: c
-}, m = n.forwardRef(({ children: a, className: r, ...s }, e) => /* @__PURE__ */ o("div", { className: t(d.body, r), ...s, "data-tx": "0.11.0", ref: e, children: /* @__PURE__ */ o("div", { className: d.bodyInner, children: a }) }));
-m.displayName = "Body";
+  bodyInner: a
+}, b = c.forwardRef(({ children: r, className: s, ...e }, n) => /* @__PURE__ */ o("div", { className: t(d.body, s), ...e, "data-tx": "0.13.0", ref: n, children: /* @__PURE__ */ o("div", { className: d.bodyInner, children: r }) }));
+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 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-BlJo2ILB.js";
+import { c as p } from "../../chunks/vendor-BARd5eYq.js";
 import { LoaderSmall as R } from "../Loader/LoaderSmall/LoaderSmall.js";
-import { ELoaderSmallTheme as b } 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 o } from "./enums.js";
 import { EComponentSize as s } from "../../enums/EComponentSize.js";
-const A = "general__e37ba29c", B = "expanded__eb4ed197", g = {
+const A = "general__f7e41f83", B = "expanded__1370813e", u = {
   general: A,
   expanded: B
-}, D = "secondary__414e0c90", T = "expanded__eb4ed197", u = {
+}, D = "secondary__d1341017", T = "expanded__1370813e", x = {
   secondary: D,
   expanded: T
-}, G = "secondaryLight__e13b3398", I = "expanded__eb4ed197", x = {
+}, G = "secondaryLight__60d6e414", I = "expanded__1370813e", h = {
   secondaryLight: G,
   expanded: I
-}, v = "danger__f9047739", O = "expanded__eb4ed197", h = {
+}, v = "danger__cdd8cb87", O = "expanded__1370813e", b = {
   danger: v,
   expanded: O
-}, Y = "link__6e765d2d", $ = "expanded__eb4ed197", y = {
+}, Y = "link__23396664", $ = "expanded__1370813e", f = {
   link: Y,
   expanded: $
-}, w = "button__beb01a78", z = "sm__189bb4f7", M = "icon__f1947d57", j = "md__06cab162", H = "lg__a7cf5453", K = "block__a7d7b2c2", U = "content__cf2ae0b4", q = "loading__1091f2e9", F = "loader__d16e5b66", J = "hidden__a5d69031", e = {
+}, w = "button__a444941c", z = "sm__474532ab", M = "icon__ab1b26ae", j = "md__52669f28", H = "lg__d04741c0", K = "block__09ed7319", U = "content__83b14fbd", q = "loading__f4e0fd58", F = "loader__0f06781c", J = "hidden__421d8a2e", e = {
   button: w,
   sm: z,
   icon: M,
@@ -36,26 +36,26 @@ const A = "general__e37ba29c", B = "expanded__eb4ed197", g = {
 }, P = (t, n) => {
   switch (t) {
     case o.GENERAL:
-      return { [g.general]: !0, [g.expanded]: n };
+      return { [u.general]: !0, [u.expanded]: n };
     case o.SECONDARY:
       return {
-        [u.secondary]: !0,
-        [u.expanded]: n
+        [x.secondary]: !0,
+        [x.expanded]: n
       };
     case o.SECONDARY_LIGHT:
       return {
-        [x.secondaryLight]: !0,
-        [x.expanded]: n
+        [h.secondaryLight]: !0,
+        [h.expanded]: n
       };
     case o.DANGER:
       return {
-        [h.danger]: !0,
-        [h.expanded]: n
+        [b.danger]: !0,
+        [b.expanded]: n
       };
     case o.LINK:
       return {
-        [y.link]: !0,
-        [y.expanded]: n
+        [f.link]: !0,
+        [f.expanded]: n
       };
   }
 }, Q = (t) => {
@@ -68,8 +68,8 @@ const A = "general__e37ba29c", B = "expanded__eb4ed197", g = {
       return e.sm;
   }
 }, V = (t, n) => {
-  const d = [o.SECONDARY, o.SECONDARY_LIGHT].includes(t) ? b.BRAND : b.NEUTRAL;
-  return /* @__PURE__ */ f(R, { theme: d, size: n });
+  const d = [o.SECONDARY, o.SECONDARY_LIGHT].includes(t) ? g.BRAND : g.NEUTRAL;
+  return /* @__PURE__ */ y(R, { theme: d, size: n });
 }, W = k.forwardRef((t, n) => {
   const { children: d, 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,
@@ -91,7 +91,7 @@ const A = "general__e37ba29c", B = "expanded__eb4ed197", g = {
       i,
       d
     ] }),
-    /* @__PURE__ */ f("div", { className: p(e.loader, !a && 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 r } from "react/jsx-runtime";
 import a from "react";
-const e = a.forwardRef((t, o) => /* @__PURE__ */ r("button", { type: "button", ...t, "data-tx": "0.11.0", ref: o }));
+const e = a.forwardRef((t, o) => /* @__PURE__ */ r("button", { type: "button", ...t, "data-tx": "0.13.0", ref: o }));
 e.displayName = "ButtonBase";
 export {
   e as ButtonBase

package/components/Button/ButtonDropdown.js

@@ -1,37 +1,37 @@
 import { Button as M } from "./Button.js";
 import "./ButtonBase.js";
 import "./ButtonIcon.js";
-import { jsx as t, jsxs as B, Fragment as q } from "react/jsx-runtime";
+import { jsx as e, 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-BlJo2ILB.js";
+import { c as w, a as J } from "../../chunks/vendor-BARd5eYq.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";
 import { isKey as D } from "../../utils/keyboard.js";
 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 { DropdownMobileHeader as eo } from "../Dropdown/mobile/DropdownMobileHeader.js";
+import { DropdownMobileBody as to } 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 b } from "../../enums/EComponentSize.js";
-const lo = "buttonDropdown__a9caba67", io = "block__a7d7b2c2", mo = "buttonDropdownTarget__5c4fd2a9", uo = "caretIcon__dbddd90b", Do = "active__ba5f9cc8", bo = "buttonDropdownMenuItem__7f69839a", n = {
+import { EComponentSize as f } from "../../enums/EComponentSize.js";
+const lo = "buttonDropdown__d006de1d", io = "block__09ed7319", mo = "buttonDropdownTarget__ef3e12e3", uo = "caretIcon__d2a0eb53", Do = "active__fff0b5b2", fo = "buttonDropdownMenuItem__144ed46c", 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__ */ e(L, { paletteIndex: 0 }),
+  [f.MD]: /* @__PURE__ */ e(L, { paletteIndex: 0 }),
+  [f.LG]: /* @__PURE__ */ e(Q, { paletteIndex: 0 })
+}, g = (p, c) => p === f.SM ? /* @__PURE__ */ e(X, { paletteIndex: c, className: n.caretIcon }) : p === f.MD ? /* @__PURE__ */ e(Z, { paletteIndex: c, className: n.caretIcon }) : /* @__PURE__ */ e($, { 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__a9caba67", io = "block__a7d7b2c2", mo = "buttonDropd
         M,
         {
           className: a,
-          theme: p,
+          theme: b,
           size: s,
           onKeyDown: A({ opened: o, setOpened: r }),
           onClick: E({ opened: o, setOpened: r }),
@@ -62,11 +62,11 @@ const lo = "buttonDropdown__a9caba67", io = "block__a7d7b2c2", mo = "buttonDropd
         [n.active]: o,
         [n.block]: !!S
       });
-      return /* @__PURE__ */ t(
+      return /* @__PURE__ */ e(
         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__a9caba67", io = "block__a7d7b2c2", 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:
@@ -98,7 +98,7 @@ const lo = "buttonDropdown__a9caba67", io = "block__a7d7b2c2", mo = "buttonDropd
       }
     }, 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(
+      return /* @__PURE__ */ e(oo.Provider, { value: { activeDescendant: N, setActiveDescendant: H }, children: /* @__PURE__ */ e(
         y.Dropdown,
         {
           size: s,
@@ -109,53 +109,53 @@ const lo = "buttonDropdown__a9caba67", io = "block__a7d7b2c2", mo = "buttonDropd
           ref: v,
           mobileViewProps: {
             children: /* @__PURE__ */ B(q, { children: [
-              /* @__PURE__ */ t(
-                to,
+              /* @__PURE__ */ e(
+                eo,
                 {
-                  controlButtons: /* @__PURE__ */ t(co, { onClick: () => r(!1) }),
-                  children: /* @__PURE__ */ t(ao, { tag: "div", size: so.B3, children: h })
+                  controlButtons: /* @__PURE__ */ e(co, { onClick: () => r(!1) }),
+                  children: /* @__PURE__ */ e(ao, { tag: "div", size: so.B3, children: h })
                 }
               ),
-              /* @__PURE__ */ t(eo, { children: /* @__PURE__ */ t(ro, { children: C.map((e) => /* @__PURE__ */ x(
+              /* @__PURE__ */ e(to, { children: /* @__PURE__ */ e(ro, { children: C.map((t) => /* @__PURE__ */ x(
                 no,
                 {
-                  ...e,
-                  key: e.id,
-                  selected: e.id === (i == null ? void 0 : i.id),
+                  ...t,
+                  key: t.id,
+                  selected: t.id === (i == null ? void 0 : i.id),
                   onSelect: () => {
                     var m;
-                    (m = e.onSelect) == null || m.call(e), r(!1);
+                    (m = t.onSelect) == null || m.call(t), r(!1);
                   }
                 },
-                e.label
+                t.label
               )) }) })
             ] })
           },
-          children: /* @__PURE__ */ t(Y, { dropdownOpened: o, id: I.current, size: s, children: C.map((e) => /* @__PURE__ */ x(
+          children: /* @__PURE__ */ e(Y, { dropdownOpened: o, id: I.current, size: s, children: C.map((t) => /* @__PURE__ */ x(
             Y.Item,
             {
-              ...e,
+              ...t,
               className: n.buttonDropdownMenuItem,
-              key: e.id,
-              selected: e.id === (i == null ? void 0 : i.id),
+              key: t.id,
+              selected: t.id === (i == null ? void 0 : i.id),
               onSelect: () => {
                 var m;
-                (m = e.onSelect) == null || m.call(e), r(!1);
+                (m = t.onSelect) == null || m.call(t), r(!1);
               }
             },
-            e.label
+            t.label
           )) })
         }
       ) });
     }, O = (o) => {
       k.current = o, typeof c == "function" ? c(o) : c && (c.current = o);
     };
-    return /* @__PURE__ */ t(
+    return /* @__PURE__ */ e(
       y,
       {
         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__a9caba67", io = "block__a7d7b2c2", 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-BlJo2ILB.js";
-const K = "buttonDropdownExtended__8efa5b9d", S = "buttonDropdownExtendedBlock__114743ab", E = {
+import { c as A } from "../../chunks/vendor-BARd5eYq.js";
+const K = "buttonDropdownExtended__f0555467", S = "buttonDropdownExtendedBlock__c7179cab", 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__8efa5b9d", 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,