@sberbusiness/triplex-next 0.14.1 → 0.16.0

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

package/components/AmountField/AmountField.js

@@ -1,61 +1,61 @@
-import { jsx as l, jsxs as x } from "react/jsx-runtime";
-import s, { useRef as F, useLayoutEffect as I } from "react";
-import { TextFieldBase as k } from "../TextField/TextFieldBase.js";
+import { jsx as l, jsxs as p } from "react/jsx-runtime";
+import h, { useRef as s, useLayoutEffect as v } from "react";
+import { TextFieldBase as I } 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 { FormFieldClear as k } from "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldTarget.js";
-import { F as w } from "../../chunks/FormFieldInput-CXE2lpa2.js";
+import { F as w } from "../../chunks/FormFieldInput-DDUEO0k6.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 { EFontType as F, ETextSize as B } from "../Typography/enums.js";
 import "../Typography/Caption.js";
-import { EFontType as g, ETextSize as R } from "../Typography/enums.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 = 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(() => {
+const oe = 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(() => {
       e.current && m.current == document.activeElement && _(m.current, Math.max(e.current.caret, 0));
     }, [r.value]);
     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), L(t.target, e.current, o), r.onChange(e.current.value);
-    }, D = (t) => {
+    }, x = (t) => {
       var c;
       e.current && (e.current.cache.key = t.key, (c = r.onKeyDown) == null || c.call(r, t));
-    }, T = (t) => {
+    }, D = (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));
-    }, v = (t) => {
+    }, T = (t) => {
       m.current = t, typeof a == "function" ? a(t) : a && (a.current = t);
     };
     return /* @__PURE__ */ l(
-      k,
+      I,
       {
-        postfix: /* @__PURE__ */ x(s.Fragment, { children: [
-          f !== void 0 && /* @__PURE__ */ l(p, { onClick: f }),
+        postfix: /* @__PURE__ */ p(h.Fragment, { children: [
+          d !== void 0 && /* @__PURE__ */ l(k, { onClick: d }),
           i !== void 0 && /* @__PURE__ */ l(
-            B,
+            R,
             {
-              size: R.B2,
-              type: y !== A.DISABLED ? g.SECONDARY : g.DISABLED,
+              size: B.B2,
+              type: y !== A.DISABLED ? F.SECONDARY : F.DISABLED,
               "data-test-id": n && `${n}__unit`,
               children: i
             }
           ),
-          d !== void 0 && d
+          g
         ] }),
-        ...h,
+        ...f,
         children: /* @__PURE__ */ l(
           w,
           {
@@ -65,10 +65,10 @@ const oe = s.forwardRef(
             autoComplete: "off",
             inputMode: "decimal",
             "data-test-id": n && `${n}__input`,
-            onKeyDown: D,
-            onSelect: T,
+            onKeyDown: x,
+            onSelect: D,
             onChange: C,
-            ref: v
+            ref: T
           }
         )
       }

package/components/Avatar/Avatar.js

@@ -1,17 +1,17 @@
 import { EAvatarSize as a } from "./enums.js";
-import { jsx as c } from "react/jsx-runtime";
-import r from "react";
-import { c as d } from "../../chunks/vendor-CalMVkfj.js";
-const l = "avatar__ddbecd2e", _ = "xxs__bc2ad8ef", e = "xs__dc2bdf33", n = "sm__98d7475e", f = "md__5070b552", i = "lg__d14014e4", v = "xl__649093bb", b = "xxl__dbd14953", s = {
-  avatar: l,
-  xxs: _,
-  xs: e,
-  sm: n,
-  md: f,
+import { jsx as r } from "react/jsx-runtime";
+import c from "react";
+import { c as l } from "../../chunks/vendor-DE8Zvm0w.js";
+const _ = "avatar__db159b32", e = "xxs__fe111ebc", n = "xs__87094656", f = "sm__8224ff45", d = "md__e1e22375", i = "lg__0779ca00", v = "xl__504e41a5", p = "xxl__5e0aa633", s = {
+  avatar: _,
+  xxs: e,
+  xs: n,
+  sm: f,
+  md: d,
   lg: i,
   xl: v,
-  xxl: b
-}, p = {
+  xxl: p
+}, X = {
   [a.XXS]: s.xxs,
   [a.XS]: s.xs,
   [a.SM]: s.sm,
@@ -19,9 +19,9 @@ const l = "avatar__ddbecd2e", _ = "xxs__bc2ad8ef", e = "xs__dc2bdf33", n = "sm__
   [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: d(s.avatar, p[t], x), ...o, ref: m }));
-X.displayName = "Avatar";
+}, g = c.forwardRef(({ className: x, size: t, ...o }, m) => /* @__PURE__ */ r("div", { className: l(s.avatar, X[t], x), ...o, ref: m }));
+g.displayName = "Avatar";
 export {
-  X as Avatar
+  g as Avatar
 };
 //# sourceMappingURL=Avatar.js.map

package/components/Badge/Badge.js

@@ -0,0 +1,30 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import l from "react";
+import { c as g } from "../../chunks/vendor-DE8Zvm0w.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 p } from "./components/BadgePrefix.js";
+import { BadgePostfix as B } from "./components/BadgePostfix.js";
+const b = "badge__b038adc7", P = "sm__11fc2dc0", N = "md__d46e217d", S = "lg__0c56c369", t = {
+  badge: b,
+  sm: P,
+  md: N,
+  lg: S
+}, h = i(t), j = Object.assign(
+  l.forwardRef(
+    ({ children: d, className: s, size: m, prefix: o, postfix: a, ...n }, r) => /* @__PURE__ */ c("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
+    ] })
+  ),
+  {
+    Dot: _
+  }
+);
+j.displayName = "Badge";
+export {
+  j as Badge
+};
+//# sourceMappingURL=Badge.js.map

package/components/Badge/BadgeDot.js

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

package/components/Badge/components/BadgeContent.js

@@ -0,0 +1,35 @@
+import { jsx as g } from "react/jsx-runtime";
+import { c } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { createSizeToClassNameMap as i } from "../../../utils/classNameMaps.js";
+const _ = "badgeContent__9e7c5a08", m = "sm__11fc2dc0", P = "md__d46e217d", f = "lg__0c56c369", l = "noPaddingLeft__54e1de93", r = "noPaddingRight__5cb3e2ec", n = {
+  badgeContent: _,
+  sm: m,
+  md: P,
+  lg: f,
+  noPaddingLeft: l,
+  noPaddingRight: r
+}, C = i(n), p = ({
+  children: t,
+  size: o,
+  noPaddingLeft: d,
+  noPaddingRight: e,
+  className: a,
+  ...s
+}) => /* @__PURE__ */ g(
+  "span",
+  {
+    className: c(
+      n.badgeContent,
+      C[o],
+      { [n.noPaddingLeft]: d, [n.noPaddingRight]: e },
+      a
+    ),
+    ...s,
+    children: t
+  }
+);
+p.displayName = "BadgeContent";
+export {
+  p as BadgeContent
+};
+//# sourceMappingURL=BadgeContent.js.map

package/components/Badge/components/BadgePostfix.js

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

package/components/Badge/components/BadgePrefix.js

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

package/components/Badge/index.js

@@ -0,0 +1,5 @@
+import { Badge as r } from "./Badge.js";
+export {
+  r as Badge
+};
+//# sourceMappingURL=index.js.map

package/components/Badge/types.js

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

package/components/Body/Body.js

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
-import t from "react";
-import { c as y } from "../../chunks/vendor-CalMVkfj.js";
-const a = "body__1b641074", c = "bodyInner__9bced19d", d = {
-  body: a,
+import e from "react";
+import { c as t } from "../../chunks/vendor-DE8Zvm0w.js";
+const y = "body__f4a9adb2", c = "bodyInner__2cdadad5", d = {
+  body: y,
   bodyInner: c
-}, b = t.forwardRef(({ children: r, className: s, ...e }, n) => /* @__PURE__ */ o("div", { className: y(d.body, s), ...e, "data-tx": "0.14.1", ref: n, children: /* @__PURE__ */ o("div", { className: d.bodyInner, children: r }) }));
+}, b = e.forwardRef(({ children: a, className: r, ...s }, n) => /* @__PURE__ */ o("div", { className: t(d.body, r), ...s, "data-tx": "0.16.0", ref: n, children: /* @__PURE__ */ o("div", { className: d.bodyInner, children: a }) }));
 b.displayName = "Body";
 export {
   b as Body

package/components/Button/Button.js

@@ -1,28 +1,28 @@
 import { jsxs as m, jsx as y } from "react/jsx-runtime";
 import k from "react";
-import { c as p } from "../../chunks/vendor-CalMVkfj.js";
+import { c as p } from "../../chunks/vendor-DE8Zvm0w.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 a } from "../../enums/EComponentSize.js";
-const A = "general__f283f3bc", B = "expanded__bd80a9c1", g = {
+import { EButtonTheme as a } from "./enums.js";
+import { EComponentSize as c } from "../../enums/EComponentSize.js";
+const A = "general__bb3f3b54", B = "expanded__fc1aa0a0", u = {
   general: A,
   expanded: B
-}, D = "secondary__63922773", T = "expanded__bd80a9c1", u = {
+}, D = "secondary__71dcd5fe", T = "expanded__fc1aa0a0", b = {
   secondary: D,
   expanded: T
-}, G = "secondaryLight__588a2925", I = "expanded__bd80a9c1", f = {
+}, G = "secondaryLight__c3ce06eb", I = "expanded__fc1aa0a0", x = {
   secondaryLight: G,
   expanded: I
-}, v = "danger__f4fec3bd", O = "expanded__bd80a9c1", x = {
+}, v = "danger__645216c0", O = "expanded__fc1aa0a0", h = {
   danger: v,
   expanded: O
-}, Y = "link__6b3a0780", $ = "expanded__bd80a9c1", h = {
+}, Y = "link__2032698d", $ = "expanded__fc1aa0a0", f = {
   link: Y,
   expanded: $
-}, w = "button__69fd00ca", z = "sm__9c5852f3", M = "icon__b3c8f51a", j = "md__7fab1235", H = "lg__fa9f6f72", K = "block__33bdfb6e", U = "content__4c41bfbe", q = "loading__488d1946", F = "loader__c875c3f5", J = "hidden__4921dc9f", e = {
+}, w = "button__23c76427", z = "sm__53195ba1", M = "icon__600be232", j = "md__acc190b2", H = "lg__93076006", K = "block__93076e4a", U = "content__b0333b54", q = "loading__3e2e34de", F = "loader__1b3f173c", J = "hidden__c7adc430", e = {
   button: w,
   sm: z,
   icon: M,
@@ -35,63 +35,63 @@ const A = "general__f283f3bc", B = "expanded__bd80a9c1", g = {
   hidden: J
 }, P = (t, n) => {
   switch (t) {
-    case o.GENERAL:
-      return { [g.general]: !0, [g.expanded]: n };
-    case o.SECONDARY:
+    case a.GENERAL:
+      return { [u.general]: !0, [u.expanded]: n };
+    case a.SECONDARY:
       return {
-        [u.secondary]: !0,
-        [u.expanded]: n
+        [b.secondary]: !0,
+        [b.expanded]: n
       };
-    case o.SECONDARY_LIGHT:
+    case a.SECONDARY_LIGHT:
       return {
-        [f.secondaryLight]: !0,
-        [f.expanded]: n
-      };
-    case o.DANGER:
-      return {
-        [x.danger]: !0,
+        [x.secondaryLight]: !0,
         [x.expanded]: n
       };
-    case o.LINK:
+    case a.DANGER:
       return {
-        [h.link]: !0,
+        [h.danger]: !0,
         [h.expanded]: n
       };
+    case a.LINK:
+      return {
+        [f.link]: !0,
+        [f.expanded]: n
+      };
   }
 }, Q = (t) => {
   switch (t) {
-    case a.LG:
+    case c.LG:
       return e.lg;
-    case a.MD:
+    case c.MD:
       return e.md;
-    case a.SM:
+    case c.SM:
       return e.sm;
   }
 }, V = (t, n) => {
-  const d = [o.SECONDARY, o.SECONDARY_LIGHT].includes(t) ? b.BRAND : b.NEUTRAL;
-  return /* @__PURE__ */ y(R, { theme: d, size: n });
+  const o = [a.SECONDARY, a.SECONDARY_LIGHT].includes(t) ? g.BRAND : g.NEUTRAL;
+  return /* @__PURE__ */ y(R, { theme: o, size: n });
 }, W = k.forwardRef((t, n) => {
-  const { children: d, className: N, disabled: s, theme: r, size: l = a.MD, block: L, loading: c, icon: i, ...S } = t, { "aria-expanded": _ } = t, E = p(
+  const { children: o, className: N, disabled: d, theme: r, size: l = c.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]: !!c },
-    { [e.icon]: !!i && !d },
+    { [e.block]: !!L, [e.loading]: !!s },
+    { [e.icon]: !!i && !o },
     // Классы для иконок, начало.
     "hoverable",
     {
       active: !!_,
-      disabled: !!s
+      disabled: !!d
     },
     // Классы для иконок, конец.
     N
   );
-  return /* @__PURE__ */ m(C, { className: E, tabIndex: c ? -1 : void 0, disabled: s, ...S, ref: n, children: [
+  return /* @__PURE__ */ m(C, { className: E, tabIndex: s ? -1 : void 0, disabled: d, ...S, ref: n, children: [
     /* @__PURE__ */ m("span", { className: e.content, children: [
       i,
-      d
+      o
     ] }),
-    /* @__PURE__ */ y("div", { className: p(e.loader, !c && e.hidden), children: V(r, l) })
+    /* @__PURE__ */ y("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 r } from "react/jsx-runtime";
 import a from "react";
-const e = a.forwardRef((t, o) => /* @__PURE__ */ r("button", { type: "button", ...t, "data-tx": "0.14.1", ref: o }));
+const e = a.forwardRef((t, o) => /* @__PURE__ */ r("button", { type: "button", ...t, "data-tx": "0.16.0", ref: o }));
 e.displayName = "ButtonBase";
 export {
   e as ButtonBase

package/components/Button/ButtonDropdown.js

@@ -3,9 +3,9 @@ import "./ButtonBase.js";
 import "./ButtonIcon.js";
 import { jsx as t, jsxs as B, Fragment as q } from "react/jsx-runtime";
 import F, { useRef as R, useState as V, createElement as x } from "react";
-import { c as w, a as J } from "../../chunks/vendor-CalMVkfj.js";
+import { c as w, u as J } from "../../chunks/vendor-DE8Zvm0w.js";
 import { ButtonDropdownExtended as y } from "./ButtonDropdownExtended.js";
-import { EButtonDotsTheme as u, EButtonTheme as d } from "./enums.js";
+import { EButtonDotsTheme as u, EButtonTheme as m } 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";
@@ -17,21 +17,21 @@ import { DropdownMobileClose as co } from "../Dropdown/mobile/DropdownMobileClos
 import { Text as ao } from "../Typography/Text.js";
 import { ETextSize as so } from "../Typography/enums.js";
 import { DropdownList as Y } from "../Dropdown/desktop/DropdownList.js";
-import { EComponentSize as f } from "../../enums/EComponentSize.js";
-const lo = "buttonDropdown__d3ad9c32", io = "block__33bdfb6e", mo = "buttonDropdownTarget__927dffcb", uo = "caretIcon__c8947781", Do = "active__ea0c451d", fo = "buttonDropdownMenuItem__a83e09e5", n = {
+import { EComponentSize as b } from "../../enums/EComponentSize.js";
+const lo = "buttonDropdown__aab76be8", io = "block__93076e4a", mo = "buttonDropdownTarget__b07ab153", uo = "caretIcon__bbe91636", Do = "active__567b7498", bo = "buttonDropdownMenuItem__2c6848ec", 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, c) => p === f.SM ? /* @__PURE__ */ t(X, { paletteIndex: c, className: n.caretIcon }) : p === f.MD ? /* @__PURE__ */ t(Z, { paletteIndex: c, className: n.caretIcon }) : /* @__PURE__ */ t($, { paletteIndex: c, className: n.caretIcon }), bo = F.forwardRef(
+  [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: _, 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 { buttonAttributes: _, children: h, className: z, theme: f, 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__d3ad9c32", io = "block__33bdfb6e", mo = "buttonDropd
         M,
         {
           className: a,
-          theme: b,
+          theme: f,
           size: s,
           onKeyDown: A({ opened: o, setOpened: r }),
           onClick: E({ opened: o, setOpened: r }),
@@ -66,7 +66,7 @@ const lo = "buttonDropdown__d3ad9c32", io = "block__33bdfb6e", mo = "buttonDropd
         M,
         {
           className: a,
-          theme: b === u.DOTS_SECONDARY ? d.SECONDARY : d.SECONDARY_LIGHT,
+          theme: f === u.DOTS_SECONDARY ? m.SECONDARY : m.SECONDARY_LIGHT,
           size: s,
           onKeyDown: A({ opened: o, setOpened: r }),
           onClick: E({ opened: o, setOpened: r }),
@@ -84,14 +84,14 @@ const lo = "buttonDropdown__d3ad9c32", io = "block__33bdfb6e", mo = "buttonDropd
       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) {
-        case d.GENERAL:
-        case d.DANGER:
+      switch (f) {
+        case m.GENERAL:
+        case m.DANGER:
         case u.DOTS_SECONDARY:
         case u.DOTS_SECONDARY_LIGHT:
           return g(s, 7);
-        case d.SECONDARY:
-        case d.SECONDARY_LIGHT:
+        case m.SECONDARY:
+        case m.SECONDARY_LIGHT:
           return g(s, 0);
         default:
           return null;
@@ -123,8 +123,8 @@ const lo = "buttonDropdown__d3ad9c32", io = "block__33bdfb6e", mo = "buttonDropd
                   key: e.id,
                   selected: e.id === (i == null ? void 0 : i.id),
                   onSelect: () => {
-                    var m;
-                    (m = e.onSelect) == null || m.call(e), r(!1);
+                    var d;
+                    (d = e.onSelect) == null || d.call(e), r(!1);
                   }
                 },
                 e.label
@@ -139,8 +139,8 @@ const lo = "buttonDropdown__d3ad9c32", io = "block__33bdfb6e", mo = "buttonDropd
               key: e.id,
               selected: e.id === (i == null ? void 0 : i.id),
               onSelect: () => {
-                var m;
-                (m = e.onSelect) == null || m.call(e), r(!1);
+                var d;
+                (d = e.onSelect) == null || d.call(e), r(!1);
               }
             },
             e.label
@@ -155,7 +155,7 @@ const lo = "buttonDropdown__d3ad9c32", io = "block__33bdfb6e", mo = "buttonDropd
       {
         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__d3ad9c32", io = "block__33bdfb6e", 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,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-CalMVkfj.js";
-const K = "buttonDropdownExtended__b42cab90", S = "buttonDropdownExtendedBlock__ecd4a841", E = {
+import { c as A } from "../../chunks/vendor-DE8Zvm0w.js";
+const K = "buttonDropdownExtended__32216639", S = "buttonDropdownExtendedBlock__a6ea5cd7", 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: k, renderDropdown: b, dropdownRef: l, closeOnTab: p, ...L } = s, u = f(null), m = f(s.opened !== void 0), [O, y] = C((s.opened === void 0, !1)), e = m.current ? !!x : O, o = N(
     (t) => {
       if (m.current) {
         c && c(t);
@@ -35,10 +35,10 @@ const K = "buttonDropdownExtended__b42cab90", 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 }),
-    k({
+    k({ opened: e, setOpened: o }),
+    b({
       className: E.buttonDropdownExtendedBlock,
       opened: e,
       setOpened: o

package/components/Button/ButtonIcon.js

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