@sberbusiness/triplex-next 1.1.1 → 1.3.0

package/components/Button/Button.js

@@ -1,99 +1,100 @@
-import { jsxs as g, jsx as L } from "react/jsx-runtime";
-import R from "react";
-import { c as f } from "../../chunks/vendor-D-uL_icH.js";
-import { LoaderSmall as B } from "../Loader/LoaderSmall/LoaderSmall.js";
-import { ELoaderSmallTheme as p, ELoaderSmallSize as r } from "../Loader/LoaderSmall/enum.js";
+import { jsxs as m, jsx as y } from "react/jsx-runtime";
+import k from "react";
+import { c as g } from "../../chunks/vendor-CehxOAkM.js";
+import { LoaderSmall as R } from "../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme as u } from "../Loader/LoaderSmall/enum.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
-import { ButtonBase as D } from "./ButtonBase.js";
-import { EButtonSize as d, EButtonTheme as o } from "./enums.js";
-const A = "general__f6fa65f1", C = "expanded__5bfd58e9", b = {
+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__d777ad8a", B = "expanded__0f9ec2f8", p = {
   general: A,
-  expanded: C
-}, G = "secondary__78f546e3", T = "expanded__5bfd58e9", h = {
-  secondary: G,
+  expanded: B
+}, D = "secondary__6cb9db5d", T = "expanded__0f9ec2f8", b = {
+  secondary: D,
   expanded: T
-}, M = "secondaryLight__bc7474d0", z = "expanded__5bfd58e9", x = {
-  secondaryLight: M,
-  expanded: z
-}, I = "danger__0f36bca7", v = "expanded__5bfd58e9", S = {
-  danger: I,
-  expanded: v
-}, O = "link__26318cd4", y = {
-  link: O
-}, Y = "button__e183baaa", w = "sm__8d96d661", $ = "icon__3af77085", j = "md__a40742ce", H = "lg__10a6065a", K = "block__112deaa7", U = "content__484fff48", q = "loading__80bffa80", F = "loader__2bbe5d60", J = "hidden__8ef1dd26", n = {
-  button: Y,
-  sm: w,
-  icon: $,
-  md: j,
-  lg: H,
-  block: K,
-  content: U,
-  loading: q,
-  loader: F,
-  hidden: J
-}, P = (t, e) => {
+}, G = "secondaryLight__dd9ab1a9", I = "expanded__0f9ec2f8", f = {
+  secondaryLight: G,
+  expanded: I
+}, v = "danger__cdafe116", O = "expanded__0f9ec2f8", h = {
+  danger: v,
+  expanded: O
+}, Y = "link__11e542de", x = {
+  link: Y
+}, w = "button__5a21ca4b", z = "sm__76554eb1", M = "icon__869334b6", $ = "md__6e4c7cb9", j = "lg__4e890226", H = "block__924cbdf4", K = "content__3400a5b6", U = "loading__e2ab8adf", q = "loader__4e118552", F = "hidden__ec160c4e", e = {
+  button: w,
+  sm: z,
+  icon: M,
+  md: $,
+  lg: j,
+  block: H,
+  content: K,
+  loading: U,
+  loader: q,
+  hidden: F
+}, J = (t, n) => {
   switch (t) {
     case o.GENERAL:
-      return { [b.general]: !0, [b.expanded]: e };
+      return { [p.general]: !0, [p.expanded]: n };
     case o.SECONDARY:
       return {
-        [h.secondary]: !0,
-        [h.expanded]: e
+        [b.secondary]: !0,
+        [b.expanded]: n
       };
     case o.SECONDARY_LIGHT:
       return {
-        [x.secondaryLight]: !0,
-        [x.expanded]: e
+        [f.secondaryLight]: !0,
+        [f.expanded]: n
       };
     case o.DANGER:
       return {
-        [S.danger]: !0,
-        [S.expanded]: e
+        [h.danger]: !0,
+        [h.expanded]: n
       };
     case o.LINK:
       return {
-        [y.link]: !0,
-        [y.expanded]: e
+        [x.link]: !0,
+        [x.expanded]: n
       };
   }
-}, Q = (t) => {
+}, P = (t) => {
   switch (t) {
-    case d.LG:
-      return n.lg;
-    case d.MD:
-      return n.md;
-    case d.SM:
-      return n.sm;
+    case s.LG:
+      return e.lg;
+    case s.MD:
+      return e.md;
+    case s.SM:
+      return e.sm;
   }
-}, V = (t, e) => {
-  const a = [o.SECONDARY, o.SECONDARY_LIGHT].includes(t) ? p.BRAND : p.NEUTRAL, s = e === d.SM ? r.SM : e === d.LG ? r.LG : r.MD;
-  return /* @__PURE__ */ L(B, { theme: a, size: s });
-}, W = R.forwardRef((t, e) => {
-  const { children: a, className: s, disabled: l, theme: i, size: _ = d.MD, block: N, loading: c, icon: m, ...E } = t, { "aria-expanded": u } = t, k = f(
-    n.button,
-    P(i, !!u),
-    Q(_),
-    { [n.block]: !!N, [n.loading]: !!c },
-    { [n.icon]: !!m && !a },
+}, Q = (t, n) => {
+  const d = [o.SECONDARY, o.SECONDARY_LIGHT].includes(t) ? u.BRAND : u.NEUTRAL;
+  return /* @__PURE__ */ y(R, { theme: d, size: n });
+}, V = 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 = g(
+    e.button,
+    J(r, !!_),
+    P(l),
+    { [e.block]: !!L, [e.loading]: !!a },
+    { [e.icon]: !!i && !d },
     // Классы для иконок, начало.
     "hoverable",
     {
-      active: !!u,
-      disabled: !!l
+      active: !!_,
+      disabled: !!c
     },
     // Классы для иконок, конец.
-    s
+    N
   );
-  return /* @__PURE__ */ g(D, { className: k, tabIndex: c ? -1 : void 0, disabled: l, ...E, ref: e, children: [
-    /* @__PURE__ */ g("span", { className: n.content, children: [
-      m,
-      a
+  return /* @__PURE__ */ m(C, { className: E, tabIndex: a ? -1 : void 0, disabled: c, ...S, ref: n, children: [
+    /* @__PURE__ */ m("span", { className: e.content, children: [
+      i,
+      d
     ] }),
-    /* @__PURE__ */ L("div", { className: f(n.loader, !c && n.hidden), children: V(i, _) })
+    /* @__PURE__ */ y("div", { className: g(e.loader, !a && e.hidden), children: Q(r, l) })
   ] });
 });
-W.displayName = "Button";
+V.displayName = "Button";
 export {
-  W as Button
+  V as Button
 };
 //# sourceMappingURL=Button.js.map

package/components/Button/ButtonBase.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import e from "react";
-const r = e.forwardRef((t, o) => /* @__PURE__ */ a("button", { type: "button", ...t, "data-tx": "1.1.1", ref: o }));
+const r = e.forwardRef((t, o) => /* @__PURE__ */ a("button", { type: "button", ...t, "data-tx": "1.3.0", ref: o }));
 r.displayName = "ButtonBase";
 export {
   r as ButtonBase

package/components/Button/ButtonDropdown.js

@@ -1,187 +1,173 @@
-import { Button as B } from "./Button.js";
+import { Button as x } from "./Button.js";
 import "./ButtonBase.js";
 import "./ButtonIcon.js";
-import { jsx as r, jsxs as I, Fragment as F } from "react/jsx-runtime";
-import V, { useRef as E, useState as J, createElement as y } from "react";
-import { c as b, f as Q } from "../../chunks/vendor-D-uL_icH.js";
-import { ButtonDropdownExtended as z } from "./ButtonDropdownExtended.js";
-import { EButtonDotsTheme as m, EButtonTheme as i, EButtonSize as d } from "./enums.js";
-import { DotshorizontalStrokeSrvIcon24 as X, CaretdownStrokeSrvIcon24 as g } from "@sberbusiness/icons-next";
+import { jsx as o, jsxs as N, Fragment as q } from "react/jsx-runtime";
+import F, { useRef as _, useState as V, createElement as M } from "react";
+import { c as f, a as J } from "../../chunks/vendor-CehxOAkM.js";
+import { ButtonDropdownExtended as y } from "./ButtonDropdownExtended.js";
+import { EButtonDotsTheme as u, EButtonTheme as d } from "./enums.js";
+import { DotshorizontalStrokeSrvIcon32 as Q, DotshorizontalStrokeSrvIcon20 as B, CaretdownStrokeSrvIcon24 as X, CaretdownStrokeSrvIcon20 as Z, CaretdownStrokeSrvIcon16 as $ } from "@sberbusiness/icons-next";
 import { isKey as D } from "../../utils/keyboard.js";
-import { DropdownListContext as Z } from "../Dropdown/DropdownListContext.js";
-import { DropdownMobileHeader as $ } from "../Dropdown/mobile/DropdownMobileHeader.js";
-import { DropdownMobileBody as ee } from "../Dropdown/mobile/DropdownMobileBody.js";
-import { DropdownMobileList as te } from "../Dropdown/mobile/DropdownMobileList.js";
-import { DropdownMobileListItem as oe } from "../Dropdown/mobile/DropdownMobileListItem.js";
-import { DropdownMobileClose as re } from "../Dropdown/mobile/DropdownMobileClose.js";
-import { Text as ne } from "../Typography/Text.js";
-import { ETextSize as ae } from "../Typography/enums.js";
-import { DropdownList as G } from "../Dropdown/desktop/DropdownList.js";
-import { EDropdownSize as S, EDropdownListSize as N } from "../Dropdown/enums.js";
-const ce = "buttonDropdown__387a7658", se = "block__112deaa7", ie = "buttonDropdownTarget__ea5f127b", de = "caretIcon__d3e21d5a", le = "active__a1aa8d91", ue = "buttonDropdownMenuItem__630ff682", n = {
-  buttonDropdown: ce,
-  block: se,
+import { DropdownListContext as ee } from "../Dropdown/DropdownListContext.js";
+import { DropdownMobileHeader as te } from "../Dropdown/mobile/DropdownMobileHeader.js";
+import { DropdownMobileBody as oe } from "../Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileList as re } from "../Dropdown/mobile/DropdownMobileList.js";
+import { DropdownMobileListItem as ne } from "../Dropdown/mobile/DropdownMobileListItem.js";
+import { DropdownMobileClose as ae } from "../Dropdown/mobile/DropdownMobileClose.js";
+import { Text as ce } from "../Typography/Text.js";
+import { ETextSize as se } from "../Typography/enums.js";
+import { DropdownList as L } from "../Dropdown/desktop/DropdownList.js";
+import { EComponentSize as i } from "../../enums/EComponentSize.js";
+const le = "buttonDropdown__67356234", de = "block__924cbdf4", ie = "buttonDropdownTarget__650bb0be", me = "caretIcon__199e39d8", ue = "active__0c75e4ae", De = "buttonDropdownMenuItem__61342fac", n = {
+  buttonDropdown: le,
+  block: de,
   buttonDropdownTarget: ie,
-  caretIcon: de,
-  active: le,
-  buttonDropdownMenuItem: ue
-}, me = (l) => {
-  switch (l) {
-    case d.SM:
-      return S.SM;
-    case d.MD:
-      return S.MD;
-    case d.LG:
-      return S.LG;
-    default:
-      return S.MD;
-  }
-}, De = (l) => {
-  switch (l) {
-    case d.SM:
-      return N.SM;
-    case d.MD:
-      return N.MD;
-    case d.LG:
-      return N.LG;
-    default:
-      return N.MD;
-  }
-}, pe = V.forwardRef(
-  (l, p) => {
-    const { buttonAttributes: M, children: T, className: Y, theme: f, size: w, options: A, selected: s, block: _, disabled: C, ...W } = l, O = E(null), k = E(null), H = b(n.buttonDropdown, { [n.block]: !!_ }, Y), [R, P] = J(), h = E(Q()), K = ({ opened: e, setOpened: o }) => {
-      const a = b(n.buttonDropdownTarget, "hoverable", {
+  caretIcon: me,
+  active: ue,
+  buttonDropdownMenuItem: De
+}, pe = {
+  [i.SM]: /* @__PURE__ */ o(B, { paletteIndex: 0 }),
+  [i.MD]: /* @__PURE__ */ o(B, { paletteIndex: 0 }),
+  [i.LG]: /* @__PURE__ */ o(Q, { paletteIndex: 0 })
+}, Y = {
+  [i.SM]: /* @__PURE__ */ o($, { paletteIndex: 7, className: n.caretIcon }),
+  [i.MD]: /* @__PURE__ */ o(Z, { paletteIndex: 7, className: n.caretIcon }),
+  [i.LG]: /* @__PURE__ */ o(X, { paletteIndex: 7, className: n.caretIcon })
+}, be = F.forwardRef(
+  (g, p) => {
+    const { buttonAttributes: R, children: h, className: z, theme: b, size: c, options: C, selected: l, block: w, disabled: T, ...G } = g, k = _(null), v = _(null), W = f(n.buttonDropdown, { [n.block]: !!w }, z), [S, H] = V(), I = _(J()), P = ({ opened: e, setOpened: r }) => {
+      const a = f(n.buttonDropdownTarget, "hoverable", {
         [n.active]: e,
-        [n.block]: !!_
+        [n.block]: !!w
       });
-      return /* @__PURE__ */ I(
-        B,
+      return /* @__PURE__ */ N(
+        x,
         {
           className: a,
-          theme: f,
-          size: w,
-          onKeyDown: L({ opened: e, setOpened: o }),
-          onClick: v({ opened: e, setOpened: o }),
-          disabled: C,
+          theme: b,
+          size: c,
+          onKeyDown: A({ opened: e, setOpened: r }),
+          onClick: E({ opened: e, setOpened: r }),
+          disabled: T,
           "aria-haspopup": "menu",
           "aria-expanded": e,
-          "aria-controls": h.current,
-          "aria-activedescendant": R,
-          ...M,
-          ref: x,
+          "aria-controls": I.current,
+          "aria-activedescendant": S,
+          ...R,
+          ref: O,
           children: [
-            T,
-            U()
+            h,
+            j()
           ]
         }
       );
-    }, j = ({ opened: e, setOpened: o }) => {
-      const a = b(n.buttonDropdownTarget, "hoverable", {
+    }, K = ({ opened: e, setOpened: r }) => {
+      const a = f(n.buttonDropdownTarget, "hoverable", {
         [n.active]: e,
-        [n.block]: !!_
+        [n.block]: !!w
       });
-      return /* @__PURE__ */ r(
-        B,
+      return /* @__PURE__ */ o(
+        x,
         {
           className: a,
-          theme: f === m.DOTS_SECONDARY ? i.SECONDARY : i.SECONDARY_LIGHT,
-          size: w,
-          onKeyDown: L({ opened: e, setOpened: o }),
-          onClick: v({ opened: e, setOpened: o }),
-          disabled: C,
+          theme: b === u.DOTS_SECONDARY ? d.SECONDARY : d.SECONDARY_LIGHT,
+          size: c,
+          onKeyDown: A({ opened: e, setOpened: r }),
+          onClick: E({ opened: e, setOpened: r }),
+          disabled: T,
           "aria-haspopup": "menu",
           "aria-expanded": e,
-          "aria-controls": h.current,
-          "aria-activedescendant": R,
-          ...M,
-          ref: x,
-          icon: /* @__PURE__ */ r(X, { paletteIndex: 0 })
+          "aria-controls": I.current,
+          "aria-activedescendant": S,
+          ...R,
+          ref: O,
+          icon: pe[c]
         }
       );
-    }, v = ({ opened: e, setOpened: o }) => () => o(!e), L = ({ opened: e, setOpened: o }) => (a) => {
-      const { key: c } = a;
-      (D(c, "SPACE") || D(c, "ARROW_UP") || D(c, "ARROW_DOWN")) && a.preventDefault(), !e && (D(c, "ARROW_UP") || D(c, "ARROW_DOWN")) && o(!0);
-    }, U = () => {
-      switch (f) {
-        case i.GENERAL:
-        case i.DANGER:
-        case m.DOTS_SECONDARY:
-        case m.DOTS_SECONDARY_LIGHT:
-          return /* @__PURE__ */ r(g, { paletteIndex: 7, className: n.caretIcon });
-        case i.SECONDARY:
-        case i.SECONDARY_LIGHT:
-          return /* @__PURE__ */ r(g, { paletteIndex: 0, className: n.caretIcon });
+    }, E = ({ opened: e, setOpened: r }) => () => r(!e), A = ({ opened: e, setOpened: r }) => (a) => {
+      const { key: s } = a;
+      (D(s, "SPACE") || D(s, "ARROW_UP") || D(s, "ARROW_DOWN")) && a.preventDefault(), !e && (D(s, "ARROW_UP") || D(s, "ARROW_DOWN")) && r(!0);
+    }, j = () => {
+      switch (b) {
+        case d.GENERAL:
+        case d.DANGER:
+        case u.DOTS_SECONDARY:
+        case u.DOTS_SECONDARY_LIGHT:
+          return Y[c];
+        case d.SECONDARY:
+        case d.SECONDARY_LIGHT:
+          return Y[c];
         default:
           return null;
       }
-    }, q = ({ opened: e, setOpened: o, className: a }) => {
-      const c = b(n.buttonDropdownMenu, a);
-      return /* @__PURE__ */ r(Z.Provider, { value: { activeDescendant: R, setActiveDescendant: P }, children: /* @__PURE__ */ r(
-        z.Dropdown,
+    }, U = ({ opened: e, setOpened: r, className: a }) => {
+      const s = f(n.buttonDropdownMenu, a);
+      return /* @__PURE__ */ o(ee.Provider, { value: { activeDescendant: S, setActiveDescendant: H }, children: /* @__PURE__ */ o(
+        y.Dropdown,
         {
-          size: me(w),
-          className: c,
+          size: c,
+          className: s,
           opened: e,
-          setOpened: o,
-          targetRef: O,
-          ref: k,
+          setOpened: r,
+          targetRef: k,
+          ref: v,
           mobileViewProps: {
-            children: /* @__PURE__ */ I(F, { children: [
-              /* @__PURE__ */ I($, { children: [
-                /* @__PURE__ */ r(ne, { tag: "div", size: ae.B3, children: T }),
-                /* @__PURE__ */ r(re, { onClick: () => o(!1) })
+            children: /* @__PURE__ */ N(q, { children: [
+              /* @__PURE__ */ N(te, { children: [
+                /* @__PURE__ */ o(ce, { tag: "div", size: se.B3, children: h }),
+                /* @__PURE__ */ o(ae, { onClick: () => r(!1) })
               ] }),
-              /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ r(te, { children: A.map((t) => /* @__PURE__ */ y(
-                oe,
+              /* @__PURE__ */ o(oe, { children: /* @__PURE__ */ o(re, { children: C.map((t) => /* @__PURE__ */ M(
+                ne,
                 {
                   ...t,
                   key: t.id,
-                  selected: t.id === (s == null ? void 0 : s.id),
+                  selected: t.id === (l == null ? void 0 : l.id),
                   onSelect: () => {
-                    var u;
-                    (u = t.onSelect) == null || u.call(t), o(!1);
+                    var m;
+                    (m = t.onSelect) == null || m.call(t), r(!1);
                   }
                 },
                 t.label
               )) }) })
             ] })
           },
-          children: /* @__PURE__ */ r(G, { dropdownOpened: e, id: h.current, size: De(w), children: A.map((t) => /* @__PURE__ */ y(
-            G.Item,
+          children: /* @__PURE__ */ o(L, { dropdownOpened: e, id: I.current, size: c, children: C.map((t) => /* @__PURE__ */ M(
+            L.Item,
             {
               ...t,
               className: n.buttonDropdownMenuItem,
               key: t.id,
-              selected: t.id === (s == null ? void 0 : s.id),
+              selected: t.id === (l == null ? void 0 : l.id),
               onSelect: () => {
-                var u;
-                (u = t.onSelect) == null || u.call(t), o(!1);
+                var m;
+                (m = t.onSelect) == null || m.call(t), r(!1);
               }
             },
             t.label
           )) })
         }
       ) });
-    }, x = (e) => {
-      O.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
+    }, O = (e) => {
+      k.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
     };
-    return /* @__PURE__ */ r(
-      z,
+    return /* @__PURE__ */ o(
+      y,
       {
-        className: H,
-        renderButton: [m.DOTS_SECONDARY, m.DOTS_SECONDARY_LIGHT].includes(
-          f
-        ) ? j : K,
-        renderDropdown: q,
-        dropdownRef: k,
+        className: W,
+        renderButton: [u.DOTS_SECONDARY, u.DOTS_SECONDARY_LIGHT].includes(
+          b
+        ) ? K : P,
+        renderDropdown: U,
+        dropdownRef: v,
         closeOnTab: !0,
-        ...W
+        ...G
       }
     );
   }
 );
-pe.displayName = "ButtonDropdown";
+be.displayName = "ButtonDropdown";
 export {
-  pe as ButtonDropdown
+  be 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-D-uL_icH.js";
-const K = "buttonDropdownExtended__be47856e", S = "buttonDropdownExtendedBlock__daefeab0", E = {
+import { c as A } from "../../chunks/vendor-CehxOAkM.js";
+const K = "buttonDropdownExtended__df325646", S = "buttonDropdownExtendedBlock__fc379e05", 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);
@@ -25,20 +25,20 @@ const K = "buttonDropdownExtended__be47856e", S = "buttonDropdownExtendedBlock__
       const n = r.code || r.keyCode;
       e && (w(n, "ESCAPE") || p && w(n, "TAB")) && o(!1);
     }, d = (r) => {
-      const n = u.current, a = l.current;
+      const n = u.current, i = l.current;
       if (e) {
-        const i = r.target;
-        i && !(n != null && n.contains(i)) && !(a != null && a.contains(i)) && o(!1);
+        const a = r.target;
+        a && !(n != null && n.contains(a)) && !(i != null && i.contains(a)) && o(!1);
       }
     };
     return document.addEventListener("keydown", t), document.addEventListener("mousedown", d), document.addEventListener("touchstart", d), () => {
       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,29 +1,25 @@
-import { jsx as l } from "react/jsx-runtime";
-import i from "react";
+import { jsx as i } from "react/jsx-runtime";
+import u from "react";
+import { c as m } from "../../chunks/vendor-CehxOAkM.js";
 import { EButtonIconShape as c } from "./enums.js";
-import { c as m } from "../../chunks/vendor-D-uL_icH.js";
-const I = "buttonIcon__b2500017", f = "circle__9c03a9d9", p = "squircle__93fa5698", o = {
-  buttonIcon: I,
-  circle: f,
+const b = "buttonIcon__8507b62f", I = "circle__b3ec683c", p = "squircle__bba8dd3d", o = {
+  buttonIcon: b,
+  circle: I,
   squircle: p
-}, _ = (t) => {
-  switch (t) {
-    case c.SQUIRCLE:
-      return o.squircle;
-    case c.CIRCLE:
-      return o.circle;
-  }
-}, b = i.forwardRef(
-  ({ className: t, disabled: e, shape: n = c.SQUIRCLE, active: s, ...r }, a) => {
-    const u = m(o.buttonIcon, _(n), "hoverable", t, {
+}, f = {
+  [c.SQUIRCLE]: o.squircle,
+  [c.CIRCLE]: o.circle
+}, _ = u.forwardRef(
+  ({ className: e, disabled: t, shape: n = c.SQUIRCLE, active: s, ...r }, a) => {
+    const l = m(o.buttonIcon, f[n], "hoverable", e, {
       active: !!s,
-      disabled: !!e
+      disabled: !!t
     });
-    return /* @__PURE__ */ l("button", { className: u, disabled: e, ...r, ref: a });
+    return /* @__PURE__ */ i("button", { className: l, disabled: t, ...r, ref: a });
   }
 );
-b.displayName = "ButtonIcon";
+_.displayName = "ButtonIcon";
 export {
-  b as ButtonIcon
+  _ as ButtonIcon
 };
 //# sourceMappingURL=ButtonIcon.js.map

package/components/Button/enums.js

@@ -1,8 +1,7 @@
-var a = /* @__PURE__ */ ((r) => (r.DOTS_SECONDARY = "dots_secondary", r.DOTS_SECONDARY_LIGHT = "dots_secondary_light", r))(a || {}), d = /* @__PURE__ */ ((r) => (r.GENERAL = "general", r.SECONDARY = "secondary", r.SECONDARY_LIGHT = "secondary_light", r.DANGER = "danger", r.LINK = "link", r))(d || {}), R = /* @__PURE__ */ ((r) => (r.LG = "lg", r.MD = "md", r.SM = "sm", r))(R || {}), _ = /* @__PURE__ */ ((r) => (r.SQUIRCLE = "squircle", r.CIRCLE = "circle", r))(_ || {});
+var a = /* @__PURE__ */ ((r) => (r.DOTS_SECONDARY = "dots_secondary", r.DOTS_SECONDARY_LIGHT = "dots_secondary_light", r))(a || {}), R = /* @__PURE__ */ ((r) => (r.GENERAL = "general", r.SECONDARY = "secondary", r.SECONDARY_LIGHT = "secondary_light", r.DANGER = "danger", r.LINK = "link", r))(R || {}), _ = /* @__PURE__ */ ((r) => (r.SQUIRCLE = "squircle", r.CIRCLE = "circle", r))(_ || {});
 export {
   a as EButtonDotsTheme,
   _ as EButtonIconShape,
-  R as EButtonSize,
-  d as EButtonTheme
+  R as EButtonTheme
 };
 //# sourceMappingURL=enums.js.map

package/components/Button/index.js

@@ -1,18 +1,17 @@
 import { Button as e } from "./Button.js";
-import { ButtonBase as r } from "./ButtonBase.js";
-import { ButtonIcon as p } from "./ButtonIcon.js";
-import { ButtonDropdown as m } from "./ButtonDropdown.js";
+import { ButtonBase as n } from "./ButtonBase.js";
+import { ButtonIcon as B } from "./ButtonIcon.js";
+import { ButtonDropdown as u } from "./ButtonDropdown.js";
 import { ButtonDropdownExtended as f } from "./ButtonDropdownExtended.js";
-import { EButtonDotsTheme as d, EButtonIconShape as h, EButtonSize as D, EButtonTheme as a } from "./enums.js";
+import { EButtonDotsTheme as E, EButtonIconShape as h, EButtonTheme as D } from "./enums.js";
 export {
   e as Button,
-  r as ButtonBase,
-  m as ButtonDropdown,
+  n as ButtonBase,
+  u as ButtonDropdown,
   f as ButtonDropdownExtended,
-  p as ButtonIcon,
-  d as EButtonDotsTheme,
+  B as ButtonIcon,
+  E as EButtonDotsTheme,
   h as EButtonIconShape,
-  D as EButtonSize,
-  a as EButtonTheme
+  D as EButtonTheme
 };
 //# sourceMappingURL=index.js.map