@sberbusiness/triplex-next 0.23.0 → 0.24.0

package/components/Alert/AlertContext/AlertContext.js

@@ -4,10 +4,10 @@ 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 i, WarningStrokeStsIcon16 as f, InfoStrokeStsIcon16 as R } from "@sberbusiness/icons-next";
-import { c as d } from "../../../chunks/vendor---Om3uMV.js";
-const N = "alertContext__e36c834e", E = "alertContextText__515e1ed2", C = "alertTypeError__0a63d95d", _ = "alertTypeInfo__df561473", A = "alertTypeWarning__102ecd4b", O = "alertTypeSystem__11039b29", n = {
-  alertContext: N,
+import { SystemStrokeStsIcon16 as S, ErrorStrokeStsIcon16 as f, WarningStrokeStsIcon16 as i, InfoStrokeStsIcon16 as R } from "@sberbusiness/icons-next";
+import { c as N } from "../../../chunks/vendor---Om3uMV.js";
+const d = "alertContext__84151b56", E = "alertContextText__dad1d022", C = "alertTypeError__8be68988", _ = "alertTypeInfo__59ae1ec0", A = "alertTypeWarning__aa33fd2c", O = "alertTypeSystem__bbfa821c", n = {
+  alertContext: d,
   alertContextText: E,
   alertTypeError: C,
   alertTypeInfo: _,
@@ -18,9 +18,9 @@ const N = "alertContext__e36c834e", E = "alertContextText__515e1ed2", C = "alert
     case e.INFO:
       return /* @__PURE__ */ t(R, { paletteIndex: 3 });
     case e.WARNING:
-      return /* @__PURE__ */ t(f, { paletteIndex: 2 });
+      return /* @__PURE__ */ t(i, { paletteIndex: 2 });
     case e.ERROR:
-      return /* @__PURE__ */ t(i, { paletteIndex: 1 });
+      return /* @__PURE__ */ t(f, { paletteIndex: 1 });
     case e.SYSTEM:
       return /* @__PURE__ */ t(S, { paletteIndex: 4 });
   }
@@ -34,9 +34,9 @@ const N = "alertContext__e36c834e", E = "alertContextText__515e1ed2", C = "alert
     "span",
     {
       role: "alert",
-      className: d(n.alertContext, m[a](n), l),
+      className: N(n.alertContext, m[a](n), l),
       ...p,
-      "data-tx": "0.23.0",
+      "data-tx": "0.24.0",
       ref: c,
       children: [
         s || W(a),

package/components/Alert/AlertProcess/AlertProcess.js

@@ -3,7 +3,7 @@ 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-BoQok_f3.js";
+import { s as r, A as i } from "../../../chunks/AlertProcessSpoiler-BofkfSM8.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---Om3uMV.js";
@@ -38,7 +38,7 @@ const O = (o) => {
           d
         ),
         ...f,
-        "data-tx": "0.23.0",
+        "data-tx": "0.24.0",
         ref: I,
         children: [
           /* @__PURE__ */ e("div", { className: r.themeIcon, children: c || O(a) }),

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-BoQok_f3.js";
+import { A as l } from "../../../../chunks/AlertProcessSpoiler-BofkfSM8.js";
 import "../../../../chunks/vendor---Om3uMV.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---Om3uMV.js";
-const N = "adaptive__776d666a", _ = {
+const N = "adaptive__1b606442", _ = {
   adaptive: N
 }, h = 14, v = ({
   className: o,
@@ -24,7 +24,7 @@ const N = "adaptive__776d666a", _ = {
     },
     o
   );
-  return /* @__PURE__ */ d("span", { className: l, ...i, "data-tx": "0.23.0", children: [
+  return /* @__PURE__ */ d("span", { className: l, ...i, "data-tx": "0.24.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-Dr_WBweC.js";
+import { F as A } from "../../chunks/FormFieldInput-CP3P-T8_.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
@@ -15,12 +15,13 @@ import "../FormField/components/FormFieldTextarea.js";
 import "../FormField/FormField.js";
 import { EFontType as F, ETextSize as B } from "../Typography/enums.js";
 import "../Typography/Caption.js";
+import "../Typography/CodeText.js";
 import { Text as R } from "../Typography/Text.js";
 import "../Typography/Title.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 = h.forwardRef(
+const ae = h.forwardRef(
   ({ inputProps: r, currency: i, postfix: g, maxIntegerDigits: u = 16, fractionDigits: o = 2, onClear: d, ...f }, a) => {
     const { status: y, "data-test-id": n } = f, S = r.placeholder || K(o), m = s(null), e = s();
     e.current === void 0 && (e.current = new V(u, o)), v(() => {
@@ -76,6 +77,6 @@ const oe = h.forwardRef(
   }
 );
 export {
-  oe as AmountField
+  ae as AmountField
 };
 //# sourceMappingURL=AmountField.js.map

package/components/Avatar/Avatar.js

@@ -2,10 +2,10 @@ import { EAvatarSize as a } from "./enums.js";
 import { jsx as m } from "react/jsx-runtime";
 import r from "react";
 import { c as l } from "../../chunks/vendor---Om3uMV.js";
-const _ = "avatar__24d22124", d = "xxs__acb5d7dd", e = "xs__ac6f8297", n = "sm__a0724cae", f = "md__2245231c", i = "lg__5f1c8253", v = "xl__04ddd1c5", p = "xxl__54c48e4e", s = {
+const _ = "avatar__647a5fdc", e = "xxs__4c2d43da", d = "xs__cb36e9a1", n = "sm__450ee9d8", f = "md__9dcfa044", i = "lg__bc359c9c", v = "xl__4887f5ca", p = "xxl__4e63cb3f", s = {
   avatar: _,
-  xxs: d,
-  xs: e,
+  xxs: e,
+  xs: d,
   sm: n,
   md: f,
   lg: i,

package/components/Badge/Badge.js

@@ -1,26 +1,26 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import g from "react";
-import { c } from "../../chunks/vendor---Om3uMV.js";
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import l from "react";
+import { c as g } from "../../chunks/vendor---Om3uMV.js";
 import { createSizeToClassNameMap as i } from "../../utils/classNameMaps.js";
-import { BadgeDot as f } from "./BadgeDot.js";
-import { BadgeContent as _ } from "./components/BadgeContent.js";
+import { BadgeDot as _ } from "./BadgeDot.js";
+import { BadgeContent as f } from "./components/BadgeContent.js";
 import { BadgePrefix as p } from "./components/BadgePrefix.js";
 import { BadgePostfix as B } from "./components/BadgePostfix.js";
-const b = "badge__77fd6ba0", P = "sm__5c8fda04", N = "md__01e201d8", S = "lg__f2040e95", d = {
+const b = "badge__82ae9899", P = "sm__98dafcce", N = "md__0c6644e5", S = "lg__e6c73fa0", s = {
   badge: b,
   sm: P,
   md: N,
   lg: S
-}, h = i(d), j = Object.assign(
-  g.forwardRef(
-    ({ children: m, className: s, size: t, prefix: o, postfix: a, ...n }, r) => /* @__PURE__ */ l("span", { className: c(d.badge, h[t], s), ...n, ref: r, children: [
+}, h = i(s), j = Object.assign(
+  l.forwardRef(
+    ({ children: m, className: d, size: t, prefix: o, postfix: a, ...n }, r) => /* @__PURE__ */ c("span", { className: g(s.badge, h[t], d), ...n, ref: r, children: [
       o ? /* @__PURE__ */ e(p, { children: o }) : null,
-      m ? /* @__PURE__ */ e(_, { size: t, noPaddingLeft: !!o, noPaddingRight: !!a, children: m }) : null,
+      m ? /* @__PURE__ */ e(f, { size: t, noPaddingLeft: !!o, noPaddingRight: !!a, children: m }) : null,
       a ? /* @__PURE__ */ e(B, { children: a }) : null
     ] })
   ),
   {
-    Dot: f
+    Dot: _
   }
 );
 j.displayName = "Badge";

package/components/Badge/BadgeDot.js

@@ -1,13 +1,13 @@
-import { jsx as d } from "react/jsx-runtime";
-import m from "react";
-import { c } from "../../chunks/vendor---Om3uMV.js";
+import { jsx as m } from "react/jsx-runtime";
+import c from "react";
+import { c as d } from "../../chunks/vendor---Om3uMV.js";
 import { createSizeToClassNameMap as r } from "../../utils/classNameMaps.js";
-const _ = "badgeDot__ad4fdadd", f = "sm__5c8fda04", g = "md__01e201d8", l = "lg__f2040e95", o = {
+const _ = "badgeDot__502bde55", g = "sm__98dafcce", f = "md__0c6644e5", l = "lg__e6c73fa0", o = {
   badgeDot: _,
-  sm: f,
-  md: g,
+  sm: g,
+  md: f,
   lg: l
-}, n = r(o), p = m.forwardRef(({ className: a, size: s, ...t }, e) => /* @__PURE__ */ d("span", { className: c(o.badgeDot, n[s], a), ...t, ref: e }));
+}, n = r(o), p = c.forwardRef(({ className: s, size: t, ...a }, e) => /* @__PURE__ */ m("span", { className: d(o.badgeDot, n[t], s), ...a, ref: e }));
 p.displayName = "BadgeDot";
 export {
   p as BadgeDot

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---Om3uMV.js";
-import { createSizeToClassNameMap as _ } from "../../../utils/classNameMaps.js";
-const m = "badgeContent__2253783f", c = "sm__5c8fda04", f = "md__01e201d8", P = "lg__f2040e95", l = "noPaddingLeft__17221341", r = "noPaddingRight__ae247df6", n = {
-  badgeContent: m,
-  sm: c,
+import { c } from "../../../chunks/vendor---Om3uMV.js";
+import { createSizeToClassNameMap as i } from "../../../utils/classNameMaps.js";
+const _ = "badgeContent__e96c91f1", m = "sm__98dafcce", f = "md__0c6644e5", P = "lg__e6c73fa0", l = "noPaddingLeft__900b4b19", r = "noPaddingRight__9132ef89", n = {
+  badgeContent: _,
+  sm: m,
   md: f,
   lg: P,
   noPaddingLeft: l,
   noPaddingRight: r
-}, C = _(n), p = ({
+}, C = i(n), p = ({
   children: t,
   size: o,
-  noPaddingLeft: d,
-  noPaddingRight: e,
+  noPaddingLeft: e,
+  noPaddingRight: d,
   className: a,
   ...s
 }) => /* @__PURE__ */ g(
   "span",
   {
-    className: i(
+    className: c(
       n.badgeContent,
       C[o],
-      { [n.noPaddingLeft]: d, [n.noPaddingRight]: e },
+      { [n.noPaddingLeft]: e, [n.noPaddingRight]: d },
       a
     ),
     ...s,

package/components/Badge/components/BadgePostfix.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { c as e } from "../../../chunks/vendor---Om3uMV.js";
-const f = "badgePostfix__f4ecefd4", i = {
+const f = "badgePostfix__7f7d042b", i = {
   badgePostfix: f
 }, x = ({
   children: s,

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---Om3uMV.js";
-const x = "badgePrefix__ee844c32", f = {
-  badgePrefix: x
-}, o = ({ children: e, className: a, ...s }) => /* @__PURE__ */ r("span", { className: i(f.badgePrefix, a), ...s, children: e });
-o.displayName = "BadgePrefix";
+import { c } from "../../../chunks/vendor---Om3uMV.js";
+const i = "badgePrefix__edccc262", x = {
+  badgePrefix: i
+}, d = ({ children: e, className: a, ...s }) => /* @__PURE__ */ r("span", { className: c(x.badgePrefix, a), ...s, children: e });
+d.displayName = "BadgePrefix";
 export {
-  o as BadgePrefix
+  d as BadgePrefix
 };
 //# sourceMappingURL=BadgePrefix.js.map

package/components/Body/Body.js

@@ -1,12 +1,12 @@
 import { jsx as o } from "react/jsx-runtime";
-import e from "react";
-import { c as t } from "../../chunks/vendor---Om3uMV.js";
-const y = "body__d9ccf72d", a = "bodyInner__cf46467d", d = {
-  body: y,
-  bodyInner: a
-}, m = e.forwardRef(({ children: r, className: s, ...c }, n) => /* @__PURE__ */ o("div", { className: t(d.body, s), ...c, "data-tx": "0.23.0", ref: n, children: /* @__PURE__ */ o("div", { className: d.bodyInner, children: r }) }));
-m.displayName = "Body";
+import c from "react";
+import { c as e } from "../../chunks/vendor---Om3uMV.js";
+const t = "body__9b5d1c33", y = "bodyInner__699a544c", d = {
+  body: t,
+  bodyInner: y
+}, b = c.forwardRef(({ children: r, className: s, ...n }, a) => /* @__PURE__ */ o("div", { className: e(d.body, s), ...n, "data-tx": "0.24.0", ref: a, 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,4 +1,4 @@
-import { jsxs as m, jsx as y } from "react/jsx-runtime";
+import { jsxs as m, jsx as b } from "react/jsx-runtime";
 import k from "react";
 import { c as p } from "../../chunks/vendor---Om3uMV.js";
 import { LoaderSmall as R } from "../Loader/LoaderSmall/LoaderSmall.js";
@@ -7,22 +7,22 @@ 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__1431ed4c", B = "expanded__fde29680", u = {
+const A = "general__7c91477a", B = "expanded__850f5270", u = {
   general: A,
   expanded: B
-}, D = "secondary__eab21673", T = "expanded__fde29680", f = {
+}, D = "secondary__5fb94e47", T = "expanded__850f5270", f = {
   secondary: D,
   expanded: T
-}, G = "secondaryLight__22aaf9fa", I = "expanded__fde29680", x = {
+}, G = "secondaryLight__c2845fd3", I = "expanded__850f5270", x = {
   secondaryLight: G,
   expanded: I
-}, v = "danger__0579e265", O = "expanded__fde29680", h = {
+}, v = "danger__a92c156d", O = "expanded__850f5270", h = {
   danger: v,
   expanded: O
-}, Y = "link__9b7cc9b3", $ = "expanded__fde29680", b = {
+}, Y = "link__95f38031", $ = "expanded__850f5270", y = {
   link: Y,
   expanded: $
-}, w = "button__f34a7df7", z = "sm__707e5212", M = "icon__1dc47d32", j = "md__61aab632", H = "lg__1df07fe7", K = "block__02ca4416", U = "content__285dec4f", q = "loading__ee735025", F = "loader__862f8e99", J = "hidden__7a2a68d7", e = {
+}, w = "button__642f2c2f", z = "sm__05153909", M = "icon__2b158510", j = "md__f0d6a902", H = "lg__89fca13f", K = "block__415558d4", U = "content__9751f173", q = "loading__49d2d56e", F = "loader__ae5c111b", J = "hidden__6e621c71", e = {
   button: w,
   sm: z,
   icon: M,
@@ -54,8 +54,8 @@ const A = "general__1431ed4c", B = "expanded__fde29680", u = {
       };
     case o.LINK:
       return {
-        [b.link]: !0,
-        [b.expanded]: n
+        [y.link]: !0,
+        [y.expanded]: n
       };
   }
 }, Q = (t) => {
@@ -69,7 +69,7 @@ const A = "general__1431ed4c", B = "expanded__fde29680", u = {
   }
 }, V = (t, n) => {
   const d = [o.SECONDARY, o.SECONDARY_LIGHT].includes(t) ? g.BRAND : g.NEUTRAL;
-  return /* @__PURE__ */ y(R, { theme: d, size: n });
+  return /* @__PURE__ */ b(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__1431ed4c", B = "expanded__fde29680", u = {
       i,
       d
     ] }),
-    /* @__PURE__ */ y("div", { className: p(e.loader, !a && e.hidden), children: V(r, l) })
+    /* @__PURE__ */ b("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.23.0", ref: o }));
+const e = a.forwardRef((t, o) => /* @__PURE__ */ r("button", { type: "button", ...t, "data-tx": "0.24.0", ref: o }));
 e.displayName = "ButtonBase";
 export {
   e as ButtonBase

package/components/Button/ButtonDropdown.js

@@ -3,48 +3,49 @@ 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 b, u as J } from "../../chunks/vendor---Om3uMV.js";
+import { c as w, u as J } from "../../chunks/vendor---Om3uMV.js";
 import { DotshorizontalStrokeSrvIcon32 as Q, DotshorizontalStrokeSrvIcon20 as y, CaretdownStrokeSrvIcon16 as X, CaretdownStrokeSrvIcon20 as Z, CaretdownStrokeSrvIcon24 as $ } from "@sberbusiness/icons-next";
-import { ButtonDropdownExtended as L } from "./ButtonDropdownExtended.js";
-import { EButtonDotsTheme as u, EButtonTheme as l } from "./enums.js";
-import { isKey as D } from "../../utils/keyboard.js";
+import { ButtonDropdownExtended as g } from "./ButtonDropdownExtended.js";
+import { EButtonDotsTheme as D, EButtonTheme as l } from "./enums.js";
+import { isKey as p } from "../../utils/keyboard.js";
 import { DropdownListContext as oo } from "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
-import { DropdownList as Y } from "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-C4JE2xV7.js";
-import { EDropdownWidth as to } from "../Dropdown/desktop/enums.js";
+import { DropdownList as L } from "../Dropdown/desktop/DropdownList.js";
+import "../../chunks/DropdownListItem-D_38hBVf.js";
+import { EDropdownAlignment as to, EDropdownWidth as ro } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
-import { DropdownMobileBody as ro } from "../Dropdown/mobile/DropdownMobileBody.js";
-import { DropdownMobileClose as eo } from "../Dropdown/mobile/DropdownMobileClose.js";
+import { DropdownMobileBody as eo } from "../Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileClose as no } from "../Dropdown/mobile/DropdownMobileClose.js";
 import "../Dropdown/mobile/DropdownMobileFooter.js";
-import { DropdownMobileHeader as no } from "../Dropdown/mobile/DropdownMobileHeader.js";
+import { DropdownMobileHeader as co } from "../Dropdown/mobile/DropdownMobileHeader.js";
 import "../Dropdown/mobile/DropdownMobileInner.js";
 import "../Dropdown/mobile/DropdownMobileInput.js";
-import { DropdownMobileList as co } from "../Dropdown/mobile/DropdownMobileList.js";
-import { DropdownMobileListItem as ao } from "../Dropdown/mobile/DropdownMobileListItem.js";
+import { DropdownMobileList as ao } from "../Dropdown/mobile/DropdownMobileList.js";
+import { DropdownMobileListItem as so } from "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
-import { EComponentSize as p } from "../../enums/EComponentSize.js";
+import { EComponentSize as b } from "../../enums/EComponentSize.js";
 import "../Dropdown/Dropdown.js";
-import { ETextSize as so } from "../Typography/enums.js";
+import { ETextSize as io } from "../Typography/enums.js";
 import "../Typography/Caption.js";
-import { Text as io } from "../Typography/Text.js";
+import "../Typography/CodeText.js";
+import { Text as mo } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const mo = "buttonDropdown__99df8563", lo = "block__02ca4416", uo = "buttonDropdownTarget__37754e73", Do = "caretIcon__336f7190", po = "active__8786a687", fo = "buttonDropdownMenuItem__93b302f3", n = {
-  buttonDropdown: mo,
-  block: lo,
-  buttonDropdownTarget: uo,
-  caretIcon: Do,
-  active: po,
+const lo = "buttonDropdown__1d1528d1", uo = "block__415558d4", Do = "buttonDropdownTarget__1082edfd", po = "caretIcon__9eb2b581", bo = "active__20b48ba2", fo = "buttonDropdownMenuItem__23e484a5", n = {
+  buttonDropdown: lo,
+  block: uo,
+  buttonDropdownTarget: Do,
+  caretIcon: po,
+  active: bo,
   buttonDropdownMenuItem: fo
 }, wo = {
-  [p.SM]: /* @__PURE__ */ t(y, { paletteIndex: 0 }),
-  [p.MD]: /* @__PURE__ */ t(y, { paletteIndex: 0 }),
-  [p.LG]: /* @__PURE__ */ t(Q, { paletteIndex: 0 })
-}, g = (f, c) => f === p.SM ? /* @__PURE__ */ t(X, { paletteIndex: c, className: n.caretIcon }) : f === p.MD ? /* @__PURE__ */ t(Z, { paletteIndex: c, className: n.caretIcon }) : /* @__PURE__ */ t($, { paletteIndex: c, className: n.caretIcon }), bo = F.forwardRef(
+  [b.SM]: /* @__PURE__ */ t(y, { paletteIndex: 0 }),
+  [b.MD]: /* @__PURE__ */ t(y, { 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 }), So = F.forwardRef(
   (f, c) => {
-    const { buttonAttributes: _, children: h, className: G, theme: w, size: s, options: T, selected: m, block: S, disabled: C, ...z } = f, E = R(null), k = R(null), W = b(n.buttonDropdown, { [n.block]: !!S }, G), [N, H] = V(), I = R(J()), P = ({ opened: o, setOpened: e }) => {
-      const a = b(n.buttonDropdownTarget, "hoverable", {
+    const { buttonAttributes: _, children: h, className: Y, theme: d, size: s, options: T, selected: m, block: S, disabled: C, ...z } = f, E = R(null), A = R(null), W = w(n.buttonDropdown, { [n.block]: !!S }, Y), [N, H] = V(), I = R(J()), P = ({ opened: o, setOpened: e }) => {
+      const a = w(n.buttonDropdownTarget, "hoverable", {
         [n.active]: o,
         [n.block]: !!S
       });
@@ -52,10 +53,10 @@ const mo = "buttonDropdown__99df8563", lo = "block__02ca4416", uo = "buttonDropd
         O,
         {
           className: a,
-          theme: w,
+          theme: d,
           size: s,
-          onKeyDown: A({ opened: o, setOpened: e }),
-          onClick: v({ opened: o, setOpened: e }),
+          onKeyDown: v({ opened: o, setOpened: e }),
+          onClick: k({ opened: o, setOpened: e }),
           disabled: C,
           "aria-haspopup": "menu",
           "aria-expanded": o,
@@ -70,7 +71,7 @@ const mo = "buttonDropdown__99df8563", lo = "block__02ca4416", uo = "buttonDropd
         }
       );
     }, K = ({ opened: o, setOpened: e }) => {
-      const a = b(n.buttonDropdownTarget, "hoverable", {
+      const a = w(n.buttonDropdownTarget, "hoverable", {
         [n.active]: o,
         [n.block]: !!S
       });
@@ -78,10 +79,10 @@ const mo = "buttonDropdown__99df8563", lo = "block__02ca4416", uo = "buttonDropd
         O,
         {
           className: a,
-          theme: w === u.DOTS_SECONDARY ? l.SECONDARY : l.SECONDARY_LIGHT,
+          theme: d === D.DOTS_SECONDARY ? l.SECONDARY : l.SECONDARY_LIGHT,
           size: s,
-          onKeyDown: A({ opened: o, setOpened: e }),
-          onClick: v({ opened: o, setOpened: e }),
+          onKeyDown: v({ opened: o, setOpened: e }),
+          onClick: k({ opened: o, setOpened: e }),
           disabled: C,
           "aria-haspopup": "menu",
           "aria-expanded": o,
@@ -92,68 +93,69 @@ const mo = "buttonDropdown__99df8563", lo = "block__02ca4416", uo = "buttonDropd
           icon: wo[s]
         }
       );
-    }, v = ({ opened: o, setOpened: e }) => () => e(!o), A = ({ opened: o, setOpened: e }) => (a) => {
+    }, k = ({ opened: o, setOpened: e }) => () => e(!o), v = ({ opened: o, setOpened: e }) => (a) => {
       const { key: i } = a;
-      (D(i, "SPACE") || D(i, "ARROW_UP") || D(i, "ARROW_DOWN")) && a.preventDefault(), !o && (D(i, "ARROW_UP") || D(i, "ARROW_DOWN")) && e(!0);
+      (p(i, "SPACE") || p(i, "ARROW_UP") || p(i, "ARROW_DOWN")) && a.preventDefault(), !o && (p(i, "ARROW_UP") || p(i, "ARROW_DOWN")) && e(!0);
     }, j = () => {
-      switch (w) {
+      switch (d) {
         case l.GENERAL:
         case l.DANGER:
-        case u.DOTS_SECONDARY:
-        case u.DOTS_SECONDARY_LIGHT:
-          return g(s, 7);
+        case D.DOTS_SECONDARY:
+        case D.DOTS_SECONDARY_LIGHT:
+          return G(s, 7);
         case l.SECONDARY:
         case l.SECONDARY_LIGHT:
-          return g(s, 0);
+          return G(s, 0);
         default:
           return null;
       }
     }, U = ({ opened: o, setOpened: e, className: a }) => {
-      const i = b(n.buttonDropdownMenu, a);
+      const i = w(n.buttonDropdownMenu, a);
       return /* @__PURE__ */ t(oo.Provider, { value: { activeDescendant: N, setActiveDescendant: H }, children: /* @__PURE__ */ t(
-        L.Dropdown,
+        g.Dropdown,
         {
-          size: s,
           className: i,
+          size: s,
+          width: ro.MIN_TARGET,
+          alignment: to.RIGHT,
           opened: o,
           setOpened: e,
           targetRef: E,
-          width: to.MIN_TARGET,
-          ref: k,
+          ref: A,
           mobileViewProps: {
             children: /* @__PURE__ */ B(q, { children: [
               /* @__PURE__ */ t(
-                no,
+                co,
                 {
-                  controlButtons: /* @__PURE__ */ t(eo, { onClick: () => e(!1) }),
-                  children: /* @__PURE__ */ t(io, { tag: "div", size: so.B3, children: h })
+                  controlButtons: /* @__PURE__ */ t(no, { onClick: () => e(!1) }),
+                  children: /* @__PURE__ */ t(mo, { tag: "div", size: io.B3, children: h })
                 }
               ),
-              /* @__PURE__ */ t(ro, { children: /* @__PURE__ */ t(co, { children: T.map((r) => /* @__PURE__ */ x(
-                ao,
+              /* @__PURE__ */ t(eo, { children: /* @__PURE__ */ t(ao, { children: T.map((r) => /* @__PURE__ */ x(
+                so,
                 {
                   ...r,
                   key: r.id,
                   selected: r.id === (m == null ? void 0 : m.id),
                   onSelect: () => {
-                    var d;
-                    (d = r.onSelect) == null || d.call(r), e(!1);
+                    var u;
+                    (u = r.onSelect) == null || u.call(r), e(!1);
                   }
                 },
                 r.label
               )) }) })
             ] })
           },
-          children: /* @__PURE__ */ t(Y, { dropdownOpened: o, id: I.current, size: s, children: T.map((r) => /* @__PURE__ */ x(
-            Y.Item,
+          children: /* @__PURE__ */ t(L, { dropdownOpened: o, id: I.current, size: s, children: T.map((r) => /* @__PURE__ */ x(
+            L.Item,
             {
               ...r,
               className: n.buttonDropdownMenuItem,
               key: r.id,
               selected: r.id === (m == null ? void 0 : m.id),
               onSelect: () => {
-                var d;
-                (d = r.onSelect) == null || d.call(r), e(!1);
+                var u;
+                (u = r.onSelect) == null || u.call(r), e(!1);
               }
             },
             r.label
@@ -164,22 +166,20 @@ const mo = "buttonDropdown__99df8563", lo = "block__02ca4416", uo = "buttonDropd
       E.current = o, typeof c == "function" ? c(o) : c && (c.current = o);
     };
     return /* @__PURE__ */ t(
-      L,
+      g,
       {
         className: W,
-        renderButton: [u.DOTS_SECONDARY, u.DOTS_SECONDARY_LIGHT].includes(
-          w
-        ) ? K : P,
+        renderButton: d === D.DOTS_SECONDARY || d === D.DOTS_SECONDARY_LIGHT ? K : P,
         renderDropdown: U,
-        dropdownRef: k,
+        dropdownRef: A,
         closeOnTab: !0,
         ...z
       }
     );
   }
 );
-bo.displayName = "ButtonDropdown";
+So.displayName = "ButtonDropdown";
 export {
-  bo as ButtonDropdown
+  So 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---Om3uMV.js";
-const K = "buttonDropdownExtended__74fe2dc4", S = "buttonDropdownExtendedBlock__fad022c8", E = {
+const K = "buttonDropdownExtended__b68fd366", S = "buttonDropdownExtendedBlock__e5b577ab", E = {
   buttonDropdownExtended: K,
   buttonDropdownExtendedBlock: S
 }, D = (s) => {
-  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(
+  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,10 +35,10 @@ const K = "buttonDropdownExtended__74fe2dc4", 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: [
-    k({ opened: e, setOpened: o }),
-    b({
+    x({ opened: e, setOpened: o }),
+    k({
       className: E.buttonDropdownExtendedBlock,
       opened: e,
       setOpened: o