@sberbusiness/triplex-next 0.31.0 → 0.32.0

package/components/Alert/AlertProcess/AlertProcess.js

@@ -3,7 +3,7 @@ import u, { useState as n } from "react";
 import { EAlertType as r } from "../EAlertType.js";
 import { ALERT_TYPE_TO_CLASS_NAME_MAP as N } from "../AlertTypeUtils.js";
 import { ButtonIcon as T } from "../../Button/ButtonIcon.js";
-import { s as t, A as i } from "../../../chunks/AlertProcessSpoiler-D94updt3.js";
+import { s as t, A as i } from "../../../chunks/AlertProcessSpoiler-DW0BhZ40.js";
 import { AlertProcessContext as h } from "./AlertProcessContext.js";
 import { EAlertProcessBorderRadius as s } from "./enums.js";
 import { DefaulticonStrokePrdIcon20 as k, SystemStrokeStsIcon20 as M, ErrorStrokeStsIcon20 as O, WarningStrokeStsIcon20 as v, InfoStrokeStsIcon20 as D, CrossStrokeSrvIcon16 as B } from "@sberbusiness/icons-next";
@@ -45,7 +45,7 @@ const L = {
           d
         ),
         ...f,
-        "data-tx": "0.31.0",
+        "data-tx": "0.32.0",
         ref: I,
         children: [
           /* @__PURE__ */ e("div", { className: t.themeIcon, children: c || L[l] }),

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

@@ -3,7 +3,7 @@ import "react";
 import "@sberbusiness/icons-next";
 import "../../../Button/ButtonIcon.js";
 import "../AlertProcessContext.js";
-import { A as l } from "../../../../chunks/AlertProcessSpoiler-D94updt3.js";
+import { A as l } from "../../../../chunks/AlertProcessSpoiler-DW0BhZ40.js";
 import "../../../../chunks/vendor-z35N2Tap.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 { jsxs as l, jsx as n } from "react/jsx-runtime";
 import { formatAmount as u } from "../../utils/amountUtils.js";
 import { c as f } from "../../chunks/vendor-z35N2Tap.js";
-const N = "adaptive__c32f50fb", _ = {
+const N = "adaptive__7afd5f3d", _ = {
   adaptive: N
 }, h = 14, v = ({
   className: o,
@@ -18,13 +18,13 @@ const N = "adaptive__c32f50fb", _ = {
   const p = () => [
     " ",
     /* @__PURE__ */ n("span", { "data-test-id": a && `${a}__currencyName`, title: m, children: e }, "currencyName")
-  ], l = f(
+  ], d = f(
     {
       [_.adaptive]: !!c && t.length >= h
     },
     o
   );
-  return /* @__PURE__ */ d("span", { className: l, ...i, "data-tx": "0.31.0", children: [
+  return /* @__PURE__ */ l("span", { className: d, ...i, "data-tx": "0.32.0", children: [
     /* @__PURE__ */ n("span", { "data-test-id": a && `${a}__amount`, children: t }),
     e && p()
   ] });

package/components/AmountField/AmountField.js

@@ -5,7 +5,7 @@ import { EFormFieldStatus as k } from "../FormField/enums.js";
 import { FormFieldClear as w } from "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldDescription.js";
-import { F as A } from "../../chunks/FormFieldInput-DEkpK71h.js";
+import { F as A } from "../../chunks/FormFieldInput-DZ9wvF_L.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";

package/components/Avatar/Avatar.js

@@ -1,10 +1,10 @@
 import { EAvatarSize as s } from "./enums.js";
 import { jsx as t } from "react/jsx-runtime";
-import b from "react";
-import { c } from "../../chunks/vendor-z35N2Tap.js";
-const i = "avatar__f4abcdeb", x = "borderRadius6__4b346676", R = "borderRadius8__d06d8a22", u = "borderRadius10__0c025ca5", m = "borderRadius12__fd82487b", n = "borderRadius16__d01b76fc", l = "xxs__5b5e113b", f = "xs__c51b9168", A = "sm__6246c0c9", S = "md__9f57bd5d", v = "lg__e022c906", p = "xl__ae5a4184", M = "xxl__4e1fe216", r = {
-  avatar: i,
-  borderRadius6: x,
+import i from "react";
+import { c as x } from "../../chunks/vendor-z35N2Tap.js";
+const b = "avatar__00d156cd", c = "borderRadius6__8e449572", R = "borderRadius8__9ad73c4d", u = "borderRadius10__08bfc244", m = "borderRadius12__92bf1062", n = "borderRadius16__24f32086", l = "xxs__451d0566", f = "xs__24770011", A = "sm__6aa17f93", S = "md__b63bf647", v = "lg__9a505ad5", p = "xl__2a9b8c20", M = "xxl__ded59e3e", r = {
+  avatar: b,
+  borderRadius6: c,
   borderRadius8: R,
   borderRadius10: u,
   borderRadius12: m,
@@ -30,11 +30,11 @@ const i = "avatar__f4abcdeb", x = "borderRadius6__4b346676", R = "borderRadius8_
   10: r.borderRadius10,
   12: r.borderRadius12,
   16: r.borderRadius16
-}, L = b.forwardRef(
+}, L = i.forwardRef(
   ({ className: d, size: a, borderRadius: o, ..._ }, e) => /* @__PURE__ */ t(
     "div",
     {
-      className: c(
+      className: x(
         r.avatar,
         X[a],
         E[o],

package/components/Badge/Badge.js

@@ -4,19 +4,19 @@ import { c as g } from "../../chunks/vendor-z35N2Tap.js";
 import { createSizeToClassNameMap as i } from "../../utils/classNameMaps.js";
 import { BadgeDot as _ } from "./BadgeDot.js";
 import { BadgeContent as f } from "./components/BadgeContent.js";
-import { BadgePrefix as b } from "./components/BadgePrefix.js";
-import { BadgePostfix as p } from "./components/BadgePostfix.js";
-const B = "badge__8b7bbf14", P = "sm__ce10a459", N = "md__27614f1b", S = "lg__1127559c", s = {
-  badge: B,
+import { BadgePrefix as p } from "./components/BadgePrefix.js";
+import { BadgePostfix as B } from "./components/BadgePostfix.js";
+const b = "badge__079059b6", P = "sm__1b9237ac", N = "md__e4d4a356", S = "lg__d7dd8afc", t = {
+  badge: b,
   sm: P,
   md: N,
   lg: S
-}, h = i(s), j = Object.assign(
+}, h = i(t), j = Object.assign(
   c.forwardRef(
-    ({ children: m, className: n, size: t, prefix: o, postfix: a, ...d }, r) => /* @__PURE__ */ l("span", { className: g(s.badge, h[t], n), ...d, ref: r, children: [
-      o ? /* @__PURE__ */ e(b, { children: o }) : null,
-      m ? /* @__PURE__ */ e(f, { size: t, noPaddingLeft: !!o, noPaddingRight: !!a, children: m }) : null,
-      a ? /* @__PURE__ */ e(p, { children: a }) : null
+    ({ children: d, className: s, size: m, prefix: o, postfix: a, ...n }, r) => /* @__PURE__ */ l("span", { className: g(t.badge, h[m], s), ...n, ref: r, children: [
+      o ? /* @__PURE__ */ e(p, { children: o }) : null,
+      d ? /* @__PURE__ */ e(f, { size: m, noPaddingLeft: !!o, noPaddingRight: !!a, children: d }) : null,
+      a ? /* @__PURE__ */ e(B, { children: a }) : null
     ] })
   ),
   {

package/components/Badge/BadgeDot.js

@@ -1,15 +1,15 @@
 import { jsx as m } from "react/jsx-runtime";
-import c from "react";
-import { c as r } from "../../chunks/vendor-z35N2Tap.js";
-import { createSizeToClassNameMap as _ } from "../../utils/classNameMaps.js";
-const d = "badgeDot__e4056ce9", g = "sm__ce10a459", l = "md__27614f1b", n = "lg__1127559c", o = {
-  badgeDot: d,
+import d from "react";
+import { c } from "../../chunks/vendor-z35N2Tap.js";
+import { createSizeToClassNameMap as r } from "../../utils/classNameMaps.js";
+const _ = "badgeDot__2e2fb03e", g = "sm__1b9237ac", f = "md__e4d4a356", l = "lg__d7dd8afc", o = {
+  badgeDot: _,
   sm: g,
-  md: l,
-  lg: n
-}, p = _(o), f = c.forwardRef(({ className: s, size: t, ...a }, e) => /* @__PURE__ */ m("span", { className: r(o.badgeDot, p[t], s), ...a, ref: e }));
-f.displayName = "BadgeDot";
+  md: f,
+  lg: l
+}, n = r(o), p = d.forwardRef(({ className: a, size: s, ...t }, e) => /* @__PURE__ */ m("span", { className: c(o.badgeDot, n[s], a), ...t, ref: e }));
+p.displayName = "BadgeDot";
 export {
-  f as BadgeDot
+  p as BadgeDot
 };
 //# sourceMappingURL=BadgeDot.js.map

package/components/Badge/components/BadgeContent.js

@@ -1,27 +1,27 @@
 import { jsx as g } from "react/jsx-runtime";
-import { c as i } from "../../../chunks/vendor-z35N2Tap.js";
-import { createSizeToClassNameMap as _ } from "../../../utils/classNameMaps.js";
-const c = "badgeContent__d313a2e8", m = "sm__ce10a459", P = "md__27614f1b", f = "lg__1127559c", l = "noPaddingLeft__63068203", r = "noPaddingRight__66152076", n = {
-  badgeContent: c,
+import { c } from "../../../chunks/vendor-z35N2Tap.js";
+import { createSizeToClassNameMap as i } from "../../../utils/classNameMaps.js";
+const _ = "badgeContent__2d72dcb8", m = "sm__1b9237ac", f = "md__e4d4a356", P = "lg__d7dd8afc", l = "noPaddingLeft__27905c04", r = "noPaddingRight__51d0765f", n = {
+  badgeContent: _,
   sm: m,
-  md: P,
-  lg: f,
+  md: f,
+  lg: P,
   noPaddingLeft: l,
   noPaddingRight: r
-}, C = _(n), p = ({
+}, C = i(n), p = ({
   children: t,
-  size: o,
-  noPaddingLeft: d,
+  size: d,
+  noPaddingLeft: o,
   noPaddingRight: a,
   className: e,
   ...s
 }) => /* @__PURE__ */ g(
   "span",
   {
-    className: i(
+    className: c(
       n.badgeContent,
-      C[o],
-      { [n.noPaddingLeft]: d, [n.noPaddingRight]: a },
+      C[d],
+      { [n.noPaddingLeft]: o, [n.noPaddingRight]: a },
       e
     ),
     ...s,

package/components/Badge/components/BadgePostfix.js

@@ -1,14 +1,14 @@
 import { jsx as a } from "react/jsx-runtime";
 import { c as e } from "../../../chunks/vendor-z35N2Tap.js";
-const f = "badgePostfix__cf968d01", i = {
-  badgePostfix: f
-}, x = ({
+const i = "badgePostfix__95e82b22", x = {
+  badgePostfix: i
+}, f = ({
   children: s,
   className: o,
   ...t
-}) => /* @__PURE__ */ a("span", { className: e(i.badgePostfix, o), ...t, children: s });
-x.displayName = "BadgePostfix";
+}) => /* @__PURE__ */ a("span", { className: e(x.badgePostfix, o), ...t, children: s });
+f.displayName = "BadgePostfix";
 export {
-  x as BadgePostfix
+  f as BadgePostfix
 };
 //# sourceMappingURL=BadgePostfix.js.map

package/components/Badge/components/BadgePrefix.js

@@ -1,10 +1,10 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as i } from "../../../chunks/vendor-z35N2Tap.js";
-const x = "badgePrefix__8380d632", d = {
-  badgePrefix: x
-}, f = ({ children: e, className: a, ...s }) => /* @__PURE__ */ r("span", { className: i(d.badgePrefix, a), ...s, children: e });
-f.displayName = "BadgePrefix";
+import { c as f } from "../../../chunks/vendor-z35N2Tap.js";
+const i = "badgePrefix__157fe268", x = {
+  badgePrefix: i
+}, o = ({ children: e, className: a, ...s }) => /* @__PURE__ */ r("span", { className: f(x.badgePrefix, a), ...s, children: e });
+o.displayName = "BadgePrefix";
 export {
-  f as BadgePrefix
+  o as BadgePrefix
 };
 //# sourceMappingURL=BadgePrefix.js.map

package/components/Body/Body.js

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
-import e from "react";
+import a from "react";
 import { c as t } from "../../chunks/vendor-z35N2Tap.js";
-const y = "body__5638d3a7", c = "bodyInner__bf67c5b8", d = {
+const y = "body__13124af7", c = "bodyInner__1b632e4d", d = {
   body: y,
   bodyInner: c
-}, b = e.forwardRef(({ children: r, className: s, ...n }, a) => /* @__PURE__ */ o("div", { className: t(d.body, s), ...n, "data-tx": "0.31.0", ref: a, children: /* @__PURE__ */ o("div", { className: d.bodyInner, children: r }) }));
+}, b = a.forwardRef(({ children: r, className: s, ...e }, n) => /* @__PURE__ */ o("div", { className: t(d.body, s), ...e, "data-tx": "0.32.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,4 +1,4 @@
-import { jsxs as i, jsx as b } from "react/jsx-runtime";
+import { jsxs as i, jsx as x } from "react/jsx-runtime";
 import y from "react";
 import { c as m } from "../../chunks/vendor-z35N2Tap.js";
 import { LoaderSmall as R } from "../Loader/LoaderSmall/LoaderSmall.js";
@@ -9,22 +9,22 @@ import { EButtonTheme as e } from "./enums.js";
 import { EComponentSize as D } from "../../enums/EComponentSize.js";
 import { IconWrapper as u } from "../IconWrapper/IconWrapper.js";
 import { createSizeToClassNameMap as C } from "../../utils/classNameMaps.js";
-const k = "general__2b6a1ac5", M = "expanded__8a9be1be", x = {
+const k = "general__899b1548", M = "expanded__c0bcdcd2", E = {
   general: k,
   expanded: M
-}, I = "secondary__7e251003", O = "expanded__8a9be1be", E = {
+}, I = "secondary__f1703d5f", O = "expanded__c0bcdcd2", f = {
   secondary: I,
   expanded: O
-}, G = "secondaryLight__0e5cad35", B = "expanded__8a9be1be", N = {
+}, G = "secondaryLight__af745035", B = "expanded__c0bcdcd2", N = {
   secondaryLight: G,
   expanded: B
-}, Y = "danger__64f8f6a1", H = "expanded__8a9be1be", g = {
+}, Y = "danger__cc099126", H = "expanded__c0bcdcd2", g = {
   danger: Y,
   expanded: H
-}, P = "link__a097a11e", $ = "expanded__8a9be1be", A = {
+}, P = "link__fa322ec9", $ = "expanded__c0bcdcd2", A = {
   link: P,
   expanded: $
-}, v = "button__38d095af", z = "sm__fc938016", j = "icon__a7f54c4a", K = "md__6994c3f1", w = "lg__dd288e3c", U = "block__1db09cbb", W = "content__8ff73c96", X = "loading__b436a603", Z = "loader__d7feabd2", q = "hidden__c5b26ab4", n = {
+}, v = "button__94e10a98", z = "sm__8fc85217", j = "icon__f3b70080", K = "md__f34c6e14", w = "lg__43e3c5a0", U = "block__60465faa", W = "content__f84dd93c", X = "loading__612d9f4c", Z = "loader__e0affbef", q = "hidden__914b7a4a", n = {
   button: v,
   sm: z,
   icon: j,
@@ -36,39 +36,39 @@ const k = "general__2b6a1ac5", M = "expanded__8a9be1be", x = {
   loader: Z,
   hidden: q
 }, F = {
-  [e.GENERAL]: x.general,
-  [e.SECONDARY]: E.secondary,
+  [e.GENERAL]: E.general,
+  [e.SECONDARY]: f.secondary,
   [e.SECONDARY_LIGHT]: N.secondaryLight,
   [e.DANGER]: g.danger,
   [e.LINK]: A.link
 }, J = {
-  [e.GENERAL]: x.expanded,
-  [e.SECONDARY]: E.expanded,
+  [e.GENERAL]: E.expanded,
+  [e.SECONDARY]: f.expanded,
   [e.SECONDARY_LIGHT]: N.expanded,
   [e.DANGER]: g.expanded,
   [e.LINK]: A.expanded
-}, Q = C(n), V = (o, a) => {
-  const d = [e.SECONDARY, e.SECONDARY_LIGHT].includes(o) ? p.BRAND : p.NEUTRAL;
-  return /* @__PURE__ */ b(R, { theme: d, size: a });
-}, ee = y.forwardRef((o, a) => {
-  const { children: d, className: S, disabled: s, theme: t, size: r = D.MD, block: f, loading: c, icon: _, ...L } = o, { "aria-expanded": l } = o, h = m(
+}, Q = C(n), V = (d, c) => {
+  const o = [e.SECONDARY, e.SECONDARY_LIGHT].includes(d) ? p.BRAND : p.NEUTRAL;
+  return /* @__PURE__ */ x(R, { theme: o, size: c });
+}, ee = y.forwardRef((d, c) => {
+  const { children: o, className: S, disabled: s, theme: t, size: r = D.MD, block: b, loading: a, icon: _, ...L } = d, { "aria-expanded": l } = d, h = m(
     n.button,
     F[t],
     Q[r],
     {
-      [n.block]: !!f,
-      [n.loading]: !!c,
-      [n.icon]: !!_ && !d,
+      [n.block]: !!b,
+      [n.loading]: !!a,
+      [n.icon]: !!_ && !o,
       [J[t]]: !!l
     },
     S
   );
-  return /* @__PURE__ */ i(T, { className: h, tabIndex: c ? -1 : void 0, disabled: s, ...L, ref: a, children: [
+  return /* @__PURE__ */ i(T, { className: h, tabIndex: a ? -1 : void 0, disabled: s, ...L, ref: c, children: [
     /* @__PURE__ */ i(u, { className: n.content, disabled: s, active: !!l, children: [
       _,
-      d
+      o
     ] }),
-    /* @__PURE__ */ b("div", { className: m(n.loader, !c && n.hidden), children: V(t, r) })
+    /* @__PURE__ */ x("div", { className: m(n.loader, !a && n.hidden), children: V(t, r) })
   ] });
 });
 ee.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.31.0", ref: o }));
+const e = a.forwardRef((t, o) => /* @__PURE__ */ r("button", { type: "button", ...t, "data-tx": "0.32.0", ref: o }));
 e.displayName = "ButtonBase";
 export {
   e as ButtonBase

package/components/Button/ButtonDropdown.js

@@ -1,60 +1,61 @@
-import { Button as v } from "./Button.js";
+import { Button as M } from "./Button.js";
 import "./ButtonBase.js";
 import "./ButtonIcon.js";
-import { jsx as t, jsxs as x, Fragment as Z } from "react/jsx-runtime";
-import q, { useRef as _, useState as F, createElement as B } from "react";
-import { c as w, u as V } from "../../chunks/vendor-z35N2Tap.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 { jsx as t, jsxs as x, Fragment as U } from "react/jsx-runtime";
+import Z, { useRef as I, useState as q, createElement as B } from "react";
+import { c as w, u as F } from "../../chunks/vendor-z35N2Tap.js";
+import { DotshorizontalStrokeSrvIcon32 as V, DotshorizontalStrokeSrvIcon24 as J, DotshorizontalStrokeSrvIcon20 as Q, CaretdownStrokeSrvIcon24 as X, CaretdownStrokeSrvIcon20 as $, CaretdownStrokeSrvIcon16 as oo } from "@sberbusiness/icons-next";
+import { ButtonDropdownExtended as y } from "./ButtonDropdownExtended.js";
+import { EButtonDotsTheme as N, EButtonTheme as d } from "./enums.js";
 import { isKey as D } from "../../utils/keyboard.js";
-import { DropdownListContext as oo } from "../Dropdown/DropdownListContext.js";
+import { DropdownListContext as to } from "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
-import { DropdownList as L } from "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-D093kwGL.js";
-import { EDropdownAlignment as to, EDropdownWidth as ro } from "../Dropdown/desktop/enums.js";
+import { DropdownList as g } from "../Dropdown/desktop/DropdownList.js";
+import "../../chunks/DropdownListItem-Bp1g9j21.js";
+import { EDropdownAlignment as ro, EDropdownWidth as eo } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
-import { DropdownMobileBody as eo } from "../Dropdown/mobile/DropdownMobileBody.js";
-import { DropdownMobileClose as no } from "../Dropdown/mobile/DropdownMobileClose.js";
+import { DropdownMobileBody as no } from "../Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileClose as co } from "../Dropdown/mobile/DropdownMobileClose.js";
 import "../Dropdown/mobile/DropdownMobileFooter.js";
-import { DropdownMobileHeader as co } from "../Dropdown/mobile/DropdownMobileHeader.js";
+import { DropdownMobileHeader as ao } from "../Dropdown/mobile/DropdownMobileHeader.js";
 import "../Dropdown/mobile/DropdownMobileInner.js";
 import "../Dropdown/mobile/DropdownMobileInput.js";
-import { DropdownMobileList as ao } from "../Dropdown/mobile/DropdownMobileList.js";
-import { DropdownMobileListItem as so } from "../Dropdown/mobile/DropdownMobileListItem.js";
+import { DropdownMobileList as so } from "../Dropdown/mobile/DropdownMobileList.js";
+import { DropdownMobileListItem as io } from "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
-import { EComponentSize as d } from "../../enums/EComponentSize.js";
+import { EComponentSize as l } from "../../enums/EComponentSize.js";
 import "../Dropdown/Dropdown.js";
-import { ETextSize as io } from "../Typography/enums.js";
+import { ETextSize as mo } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
-import { Text as mo } from "../Typography/Text.js";
+import { Text as lo } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const lo = "buttonDropdown__d277b4bf", uo = "block__1db09cbb", po = "buttonDropdownTarget__6562227f", Do = "caretIcon__189ce1bc", bo = "active__5803b370", wo = "buttonDropdownMenuItem__1a57708d", n = {
-  buttonDropdown: lo,
-  block: uo,
-  buttonDropdownTarget: po,
-  caretIcon: Do,
+const uo = "buttonDropdown__06150080", po = "block__60465faa", Do = "buttonDropdownTarget__e4ce6dbd", fo = "dots__335e0098", wo = "caretIcon__5de30d14", bo = "active__369fec55", So = "buttonDropdownMenuItem__13b61fb8", n = {
+  buttonDropdown: uo,
+  block: po,
+  buttonDropdownTarget: Do,
+  dots: fo,
+  caretIcon: wo,
   active: bo,
-  buttonDropdownMenuItem: wo
-}, fo = {
-  [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, b) => {
-    const { buttonAttributes: R, children: h, className: P, theme: u, size: s, options: E, selected: m, block: f, disabled: T, ...W } = a, C = _(null), A = _(null), Y = w(n.buttonDropdown, { [n.block]: !!f }, P), [S, z] = F(), I = _(V()), H = ({ opened: o, setOpened: e }) => {
+  buttonDropdownMenuItem: So
+}, _o = {
+  [l.SM]: /* @__PURE__ */ t(Q, { paletteIndex: 0 }),
+  [l.MD]: /* @__PURE__ */ t(J, { paletteIndex: 0 }),
+  [l.LG]: /* @__PURE__ */ t(V, { paletteIndex: 0 })
+}, L = {
+  [l.SM]: (a) => /* @__PURE__ */ t(oo, { paletteIndex: a, className: n.caretIcon }),
+  [l.MD]: (a) => /* @__PURE__ */ t($, { paletteIndex: a, className: n.caretIcon }),
+  [l.LG]: (a) => /* @__PURE__ */ t(X, { paletteIndex: a, className: n.caretIcon })
+}, Io = Z.forwardRef(
+  (a, f) => {
+    const { buttonAttributes: R, children: h, className: G, theme: u, size: s, options: E, selected: m, block: b, disabled: T, ...z } = a, C = I(null), A = I(null), P = w(n.buttonDropdown, { [n.block]: !!b }, G), [S, W] = q(), _ = I(F()), Y = ({ opened: o, setOpened: e }) => {
       const c = w(n.buttonDropdownTarget, {
-        [n.block]: !!f,
+        [n.block]: !!b,
         [n.active]: o
       });
       return /* @__PURE__ */ x(
-        v,
+        M,
         {
           className: c,
           theme: u,
@@ -64,76 +65,76 @@ const lo = "buttonDropdown__d277b4bf", uo = "block__1db09cbb", po = "buttonDropd
           disabled: T,
           "aria-haspopup": "menu",
           "aria-expanded": o,
-          "aria-controls": I.current,
+          "aria-controls": _.current,
           "aria-activedescendant": S,
           ...R,
-          ref: M,
+          ref: v,
           children: [
             h,
-            j()
+            K()
           ]
         }
       );
-    }, K = ({ opened: o, setOpened: e }) => {
-      const c = w(n.buttonDropdownTarget, {
-        [n.block]: !!f
+    }, H = ({ opened: o, setOpened: e }) => {
+      const c = w(n.buttonDropdownTarget, n.dots, {
+        [n.block]: !!b
       });
       return /* @__PURE__ */ t(
-        v,
+        M,
         {
           className: c,
-          theme: u === N.DOTS_SECONDARY ? l.SECONDARY : l.SECONDARY_LIGHT,
+          theme: u === N.DOTS_SECONDARY ? d.SECONDARY : d.SECONDARY_LIGHT,
           size: s,
           onKeyDown: O({ opened: o, setOpened: e }),
           onClick: k({ opened: o, setOpened: e }),
           disabled: T,
           "aria-haspopup": "menu",
           "aria-expanded": o,
-          "aria-controls": I.current,
+          "aria-controls": _.current,
           "aria-activedescendant": S,
           ...R,
-          ref: M,
-          icon: fo[s]
+          ref: v,
+          icon: _o[s]
         }
       );
     }, 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 = () => {
+    }, K = () => {
       switch (u) {
-        case l.GENERAL:
-        case l.DANGER:
-          return G[s](7);
-        case l.SECONDARY:
-        case l.SECONDARY_LIGHT:
-          return G[s](0);
+        case d.GENERAL:
+        case d.DANGER:
+          return L[s](7);
+        case d.SECONDARY:
+        case d.SECONDARY_LIGHT:
+          return L[s](0);
         default:
           return null;
       }
-    }, U = ({ opened: o, setOpened: e, className: c }) => {
+    }, j = ({ 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,
+      return /* @__PURE__ */ t(to.Provider, { value: { activeDescendant: S, setActiveDescendant: W }, children: /* @__PURE__ */ t(
+        y.Dropdown,
         {
           className: i,
           size: s,
-          width: ro.MIN_TARGET,
-          alignment: to.RIGHT,
+          width: eo.MIN_TARGET,
+          alignment: ro.RIGHT,
           opened: o,
           setOpened: e,
           targetRef: C,
           ref: A,
           mobileViewProps: {
-            children: /* @__PURE__ */ x(Z, { children: [
+            children: /* @__PURE__ */ x(U, { children: [
               /* @__PURE__ */ t(
-                co,
+                ao,
                 {
-                  controlButtons: /* @__PURE__ */ t(no, { onClick: () => e(!1) }),
-                  children: /* @__PURE__ */ t(mo, { tag: "div", size: io.B3, children: h })
+                  controlButtons: /* @__PURE__ */ t(co, { onClick: () => e(!1) }),
+                  children: /* @__PURE__ */ t(lo, { tag: "div", size: mo.B3, children: h })
                 }
               ),
-              /* @__PURE__ */ t(eo, { children: /* @__PURE__ */ t(ao, { children: E.map((r) => /* @__PURE__ */ B(
-                so,
+              /* @__PURE__ */ t(no, { children: /* @__PURE__ */ t(so, { children: E.map((r) => /* @__PURE__ */ B(
+                io,
                 {
                   ...r,
                   key: r.id,
@@ -147,8 +148,8 @@ const lo = "buttonDropdown__d277b4bf", uo = "block__1db09cbb", po = "buttonDropd
               )) }) })
             ] })
           },
-          children: /* @__PURE__ */ t(L, { dropdownOpened: o, id: I.current, size: s, children: E.map((r) => /* @__PURE__ */ B(
-            L.Item,
+          children: /* @__PURE__ */ t(g, { dropdownOpened: o, id: _.current, size: s, children: E.map((r) => /* @__PURE__ */ B(
+            g.Item,
             {
               ...r,
               className: n.buttonDropdownMenuItem,
@@ -163,24 +164,24 @@ const lo = "buttonDropdown__d277b4bf", uo = "block__1db09cbb", po = "buttonDropd
           )) })
         }
       ) });
-    }, M = (o) => {
-      C.current = o, typeof b == "function" ? b(o) : b && (b.current = o);
+    }, v = (o) => {
+      C.current = o, typeof f == "function" ? f(o) : f && (f.current = o);
     };
     return /* @__PURE__ */ t(
-      g,
+      y,
       {
-        className: Y,
-        renderButton: u === N.DOTS_SECONDARY || u === N.DOTS_SECONDARY_LIGHT ? K : H,
-        renderDropdown: U,
+        className: P,
+        renderButton: u === N.DOTS_SECONDARY || u === N.DOTS_SECONDARY_LIGHT ? H : Y,
+        renderDropdown: j,
         dropdownRef: A,
         closeOnTab: !0,
-        ...W
+        ...z
       }
     );
   }
 );
-So.displayName = "ButtonDropdown";
+Io.displayName = "ButtonDropdown";
 export {
-  So as ButtonDropdown
+  Io as ButtonDropdown
 };
 //# sourceMappingURL=ButtonDropdown.js.map

package/components/Button/ButtonDropdownExtended.js

@@ -4,11 +4,11 @@ import { Dropdown as _ } from "../Dropdown/Dropdown.js";
 import { isKey as w } from "../../utils/keyboard.js";
 import { DropdownList as g } from "../Dropdown/desktop/DropdownList.js";
 import { c as A } from "../../chunks/vendor-z35N2Tap.js";
-const K = "buttonDropdownExtended__2be748f3", S = "buttonDropdownExtendedBlock__230f3aa8", E = {
+const K = "buttonDropdownExtended__37bdc7a3", S = "buttonDropdownExtendedBlock__51d1d52b", 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: b, opened: v, setOpened: c, renderButton: x, renderDropdown: k, dropdownRef: l, closeOnTab: p, ...L } = s, u = f(null), m = f(s.opened !== void 0), [O, y] = C((s.opened === void 0, !1)), e = m.current ? !!v : O, o = N(
     (t) => {
       if (m.current) {
         c && c(t);
@@ -35,9 +35,9 @@ const K = "buttonDropdownExtended__2be748f3", S = "buttonDropdownExtendedBlock__
       document.removeEventListener("keydown", t), document.removeEventListener("mousedown", d), document.removeEventListener("touchstart", d);
     };
   }, [e, p, l, o, u]);
-  const B = A(E.buttonDropdownExtended, v);
+  const B = A(E.buttonDropdownExtended, b);
   return /* @__PURE__ */ h("div", { className: B, ref: u, ...L, children: [
-    b({ opened: e, setOpened: o }),
+    x({ opened: e, setOpened: o }),
     k({
       className: E.buttonDropdownExtendedBlock,
       opened: e,