@sberbusiness/triplex-next 0.1.9 → 1.1.0

package/components/Alert/AlertContext/AlertContext.js

@@ -3,12 +3,12 @@ import x from "react";
 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 f, ErrorStrokeStsIcon16 as S, WarningStrokeStsIcon16 as i, InfoStrokeStsIcon16 as R } from "@sberbusiness/icons-next";
-import { c as N } from "../../../chunks/vendor-CF2m175I.js";
-const _ = "alertContext__518ef46d", d = "alertContextText__318543c8", E = "alertTypeError__5652986a", C = "alertTypeInfo__a2c98f46", u = "alertTypeWarning__7b4e967c", A = "alertTypeSystem__ac2cdacd", n = {
-  alertContext: _,
-  alertContextText: d,
+import { EFontType as r, ETextSize as f } from "../../Typography/enums.js";
+import { SystemStrokeStsIcon16 as I, ErrorStrokeStsIcon16 as S, WarningStrokeStsIcon16 as i, InfoStrokeStsIcon16 as R } from "@sberbusiness/icons-next";
+import { c as d } from "../../../chunks/vendor-D-uL_icH.js";
+const N = "alertContext__afadde77", _ = "alertContextText__9688d2fb", E = "alertTypeError__21ee01db", C = "alertTypeInfo__562cff29", u = "alertTypeWarning__cc78b22b", A = "alertTypeSystem__686ce089", n = {
+  alertContext: N,
+  alertContextText: _,
   alertTypeError: E,
   alertTypeInfo: C,
   alertTypeWarning: u,
@@ -22,7 +22,7 @@ const _ = "alertContext__518ef46d", d = "alertContextText__318543c8", E = "alert
     case e.ERROR:
       return /* @__PURE__ */ t(S, { paletteIndex: 1 });
     case e.SYSTEM:
-      return /* @__PURE__ */ t(f, { paletteIndex: 4 });
+      return /* @__PURE__ */ t(I, { paletteIndex: 4 });
   }
 }, W = {
   [e.INFO]: r.INFO,
@@ -34,13 +34,13 @@ const _ = "alertContext__518ef46d", d = "alertContextText__318543c8", E = "alert
     "span",
     {
       role: "alert",
-      className: N(n.alertContext, m[a](n), l),
+      className: d(n.alertContext, m[a](n), l),
       ...p,
-      "data-tx": "0.1.9",
+      "data-tx": "1.1.0",
       ref: c,
       children: [
         s || O(a),
-        /* @__PURE__ */ t(y, { size: I.B4, type: W[a], className: n.alertContextText, children: o })
+        /* @__PURE__ */ t(y, { size: f.B4, type: W[a], className: n.alertContextText, children: o })
       ]
     }
   )

package/components/Alert/AlertProcess/AlertProcess.js

@@ -3,10 +3,10 @@ import P, { useState as n } from "react";
 import { EAlertType as t } from "../EAlertType.js";
 import { alertTypeToClassNameMap as k } from "../AlertTypeUtils.js";
 import { ButtonIcon as v } from "../../Button/ButtonIcon.js";
-import { s as r, A as i } from "../../../chunks/AlertProcessSpoiler-BPbAJJFo.js";
+import { s as r, A as i } from "../../../chunks/AlertProcessSpoiler-Dp7FRT9y.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-CF2m175I.js";
+import { c as C } from "../../../chunks/vendor-D-uL_icH.js";
 const O = (o) => {
   switch (o) {
     case t.INFO:
@@ -38,7 +38,7 @@ const O = (o) => {
           d
         ),
         ...f,
-        "data-tx": "0.1.9",
+        "data-tx": "1.1.0",
         ref: u,
         children: [
           /* @__PURE__ */ e("div", { className: r.themeIcon, children: l || O(a) }),

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

@@ -3,8 +3,8 @@ import "react";
 import "@sberbusiness/icons-next";
 import "../../../Button/ButtonIcon.js";
 import "../AlertProcessContext.js";
-import { A as l } from "../../../../chunks/AlertProcessSpoiler-BPbAJJFo.js";
-import "../../../../chunks/vendor-CF2m175I.js";
+import { A as l } from "../../../../chunks/AlertProcessSpoiler-Dp7FRT9y.js";
+import "../../../../chunks/vendor-D-uL_icH.js";
 export {
   l as AlertProcessSpoiler
 };

package/components/Body/Body.js

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
-import e from "react";
-import { c as n } from "../../chunks/vendor-CF2m175I.js";
-const t = "body__683bacc3", y = "bodyInner__ff109f4c", d = {
-  body: t,
-  bodyInner: y
-}, b = e.forwardRef(({ children: r, className: s, ...a }, c) => /* @__PURE__ */ o("div", { className: n(d.body, s), ...a, "data-tx": "0.1.9", ref: c, children: /* @__PURE__ */ o("div", { className: d.bodyInner, children: r }) }));
+import t from "react";
+import { c as a } from "../../chunks/vendor-D-uL_icH.js";
+const y = "body__c40b4d76", c = "bodyInner__f6413115", d = {
+  body: y,
+  bodyInner: c
+}, b = t.forwardRef(({ children: r, className: s, ...e }, n) => /* @__PURE__ */ o("div", { className: a(d.body, s), ...e, "data-tx": "1.1.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,14 +1,99 @@
-import "react/jsx-runtime";
-import "react";
-import "../../chunks/vendor-CF2m175I.js";
-import { B as s } from "../../chunks/index-CAZEh1iw.js";
-import "./ButtonBase.js";
-import "./ButtonIcon.js";
-import "./enums.js";
-import "../Loader/LoaderSmall/LoaderSmall.js";
-import "../Loader/LoaderSmall/enum.js";
+import { jsxs as g, jsx as L } from "react/jsx-runtime";
+import R from "react";
+import { c as p } from "../../chunks/vendor-D-uL_icH.js";
+import { LoaderSmall as B } from "../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme as b, ELoaderSmallSize as r } from "../Loader/LoaderSmall/enum.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
+import { ButtonBase as D } from "./ButtonBase.js";
+import { EButtonSize as o, EButtonTheme as d } from "./enums.js";
+const A = "general__9c32ef5c", C = "expanded__ca1182dd", f = {
+  general: A,
+  expanded: C
+}, G = "secondary__2d95d7d5", T = "expanded__ca1182dd", h = {
+  secondary: G,
+  expanded: T
+}, M = "secondaryLight__85baabf7", z = "expanded__ca1182dd", x = {
+  secondaryLight: M,
+  expanded: z
+}, I = "danger__d7381d83", v = "expanded__ca1182dd", S = {
+  danger: I,
+  expanded: v
+}, O = "link__fa06516f", y = {
+  link: O
+}, Y = "button__5a77b748", w = "sm__5ef4f406", $ = "icon__bd8debbd", j = "md__0dbdfe5e", H = "lg__7146f580", K = "block__64ed43ef", U = "content__db7f6cf0", q = "loading__a831dcc2", F = "loader__3bfd1b31", J = "hidden__4f055ac6", n = {
+  button: Y,
+  sm: w,
+  icon: $,
+  md: j,
+  lg: H,
+  block: K,
+  content: U,
+  loading: q,
+  loader: F,
+  hidden: J
+}, P = (t, e) => {
+  switch (t) {
+    case d.GENERAL:
+      return { [f.general]: !0, [f.expanded]: e };
+    case d.SECONDARY:
+      return {
+        [h.secondary]: !0,
+        [h.expanded]: e
+      };
+    case d.SECONDARY_LIGHT:
+      return {
+        [x.secondaryLight]: !0,
+        [x.expanded]: e
+      };
+    case d.DANGER:
+      return {
+        [S.danger]: !0,
+        [S.expanded]: e
+      };
+    case d.LINK:
+      return {
+        [y.link]: !0,
+        [y.expanded]: e
+      };
+  }
+}, Q = (t) => {
+  switch (t) {
+    case o.LG:
+      return n.lg;
+    case o.MD:
+      return n.md;
+    case o.SM:
+      return n.sm;
+  }
+}, V = (t, e) => {
+  const s = [d.SECONDARY, d.SECONDARY_LIGHT].includes(t) ? b.BRAND : b.NEUTRAL, a = e === o.SM ? r.SM : e === o.LG ? r.LG : r.MD;
+  return /* @__PURE__ */ L(B, { theme: s, size: a });
+}, W = R.forwardRef((t, e) => {
+  const { children: s, className: a, disabled: l, theme: i, size: _ = o.MD, block: N, loading: c, icon: m, ...E } = t, { "aria-expanded": u } = t, k = p(
+    n.button,
+    P(i, !!u),
+    Q(_),
+    { [n.block]: !!N, [n.loading]: !!c },
+    { [n.icon]: !!m && !s },
+    // Классы для иконок, начало.
+    "hoverable",
+    {
+      active: !!u,
+      disabled: !!l
+    },
+    // Классы для иконок, конец.
+    a
+  );
+  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,
+      s
+    ] }),
+    /* @__PURE__ */ L("div", { className: p(n.loader, !c && n.hidden), children: V(i, _) })
+  ] });
+});
+W.displayName = "Button";
 export {
-  s as Button
+  W 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": "0.1.9", ref: o }));
+const r = e.forwardRef((t, o) => /* @__PURE__ */ a("button", { type: "button", ...t, "data-tx": "1.1.0", ref: o }));
 r.displayName = "ButtonBase";
 export {
   r as ButtonBase

package/components/Button/ButtonDropdown.js

@@ -1,26 +1,187 @@
-import "react/jsx-runtime";
-import "react";
-import { a as j, d as k } from "../../chunks/index-CAZEh1iw.js";
-import "./enums.js";
-import "@sberbusiness/icons-next";
-import "../../utils/keyboard.js";
-import "../../chunks/DropdownListItem-CW2MmFpw.js";
-import "../Dropdown/mobile/DropdownMobile.js";
-import "../Dropdown/mobile/DropdownMobileBody.js";
-import "../Dropdown/mobile/DropdownMobileClose.js";
-import "../Dropdown/mobile/DropdownMobileFooter.js";
-import "../Dropdown/mobile/DropdownMobileHeader.js";
-import "../Dropdown/mobile/DropdownMobileInner.js";
-import "../Dropdown/mobile/DropdownMobileInput.js";
-import "../Dropdown/mobile/DropdownMobileList.js";
-import "../Dropdown/mobile/DropdownMobileListItem.js";
-import "../Dropdown/enums.js";
-import "../Dropdown/DropdownListContext.js";
-import "../Typography/Text.js";
-import "../Typography/enums.js";
-import "../../chunks/vendor-CF2m175I.js";
+import { Button as B } 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 l } from "./enums.js";
+import { DotshorizontalStrokeSrvIcon24 as X, CaretdownStrokeSrvIcon24 as g } 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 ce } 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 ae = "buttonDropdown__ffa6ca0e", se = "block__64ed43ef", ie = "buttonDropdownTarget__bc0d87b0", le = "caretIcon__a81e06f0", de = "active__99cc088e", ue = "buttonDropdownMenuItem__fbe01200", n = {
+  buttonDropdown: ae,
+  block: se,
+  buttonDropdownTarget: ie,
+  caretIcon: le,
+  active: de,
+  buttonDropdownMenuItem: ue
+}, me = (d) => {
+  switch (d) {
+    case l.SM:
+      return S.SM;
+    case l.MD:
+      return S.MD;
+    case l.LG:
+      return S.LG;
+    default:
+      return S.MD;
+  }
+}, De = (d) => {
+  switch (d) {
+    case l.SM:
+      return N.SM;
+    case l.MD:
+      return N.MD;
+    case l.LG:
+      return N.LG;
+    default:
+      return N.MD;
+  }
+}, fe = V.forwardRef(
+  (d, f) => {
+    const { buttonAttributes: M, children: T, className: Y, theme: p, size: w, options: A, selected: s, block: _, disabled: C, ...W } = d, 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 c = b(n.buttonDropdownTarget, "hoverable", {
+        [n.active]: e,
+        [n.block]: !!_
+      });
+      return /* @__PURE__ */ I(
+        B,
+        {
+          className: c,
+          theme: p,
+          size: w,
+          onKeyDown: L({ opened: e, setOpened: o }),
+          onClick: v({ opened: e, setOpened: o }),
+          disabled: C,
+          "aria-haspopup": "menu",
+          "aria-expanded": e,
+          "aria-controls": h.current,
+          "aria-activedescendant": R,
+          ...M,
+          ref: x,
+          children: [
+            T,
+            U()
+          ]
+        }
+      );
+    }, j = ({ opened: e, setOpened: o }) => {
+      const c = b(n.buttonDropdownTarget, "hoverable", {
+        [n.active]: e,
+        [n.block]: !!_
+      });
+      return /* @__PURE__ */ r(
+        B,
+        {
+          className: c,
+          theme: p === m.DOTS_SECONDARY ? i.SECONDARY : i.SECONDARY_LIGHT,
+          size: w,
+          onKeyDown: L({ opened: e, setOpened: o }),
+          onClick: v({ opened: e, setOpened: o }),
+          disabled: C,
+          "aria-haspopup": "menu",
+          "aria-expanded": e,
+          "aria-controls": h.current,
+          "aria-activedescendant": R,
+          ...M,
+          ref: x,
+          icon: /* @__PURE__ */ r(X, { paletteIndex: 0 })
+        }
+      );
+    }, v = ({ opened: e, setOpened: o }) => () => o(!e), L = ({ opened: e, setOpened: o }) => (c) => {
+      const { key: a } = c;
+      (D(a, "SPACE") || D(a, "ARROW_UP") || D(a, "ARROW_DOWN")) && c.preventDefault(), !e && (D(a, "ARROW_UP") || D(a, "ARROW_DOWN")) && o(!0);
+    }, U = () => {
+      switch (p) {
+        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 });
+        default:
+          return null;
+      }
+    }, q = ({ opened: e, setOpened: o, className: c }) => {
+      const a = b(n.buttonDropdownMenu, c);
+      return /* @__PURE__ */ r(Z.Provider, { value: { activeDescendant: R, setActiveDescendant: P }, children: /* @__PURE__ */ r(
+        z.Dropdown,
+        {
+          size: me(w),
+          className: a,
+          opened: e,
+          setOpened: o,
+          targetRef: O,
+          ref: k,
+          mobileViewProps: {
+            children: /* @__PURE__ */ I(F, { children: [
+              /* @__PURE__ */ I($, { children: [
+                /* @__PURE__ */ r(ne, { tag: "div", size: ce.B3, children: T }),
+                /* @__PURE__ */ r(re, { onClick: () => o(!1) })
+              ] }),
+              /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ r(te, { children: A.map((t) => /* @__PURE__ */ y(
+                oe,
+                {
+                  ...t,
+                  key: t.id,
+                  selected: t.id === (s == null ? void 0 : s.id),
+                  onSelect: () => {
+                    var u;
+                    (u = t.onSelect) == null || u.call(t), o(!1);
+                  }
+                },
+                t.label
+              )) }) })
+            ] })
+          },
+          children: /* @__PURE__ */ r(G, { dropdownOpened: e, id: h.current, size: De(w), children: A.map((t) => /* @__PURE__ */ y(
+            G.Item,
+            {
+              ...t,
+              className: n.buttonDropdownMenuItem,
+              key: t.id,
+              selected: t.id === (s == null ? void 0 : s.id),
+              onSelect: () => {
+                var u;
+                (u = t.onSelect) == null || u.call(t), o(!1);
+              }
+            },
+            t.label
+          )) })
+        }
+      ) });
+    }, x = (e) => {
+      O.current = e, typeof f == "function" ? f(e) : f && (f.current = e);
+    };
+    return /* @__PURE__ */ r(
+      z,
+      {
+        className: H,
+        renderButton: [m.DOTS_SECONDARY, m.DOTS_SECONDARY_LIGHT].includes(
+          p
+        ) ? j : K,
+        renderDropdown: q,
+        dropdownRef: k,
+        closeOnTab: !0,
+        ...W
+      }
+    );
+  }
+);
+fe.displayName = "ButtonDropdown";
 export {
-  j as ButtonDropdown,
-  k as dotsTheme
+  fe as ButtonDropdown
 };
 //# sourceMappingURL=ButtonDropdown.js.map

package/components/Button/ButtonDropdownExtended.js

@@ -1,9 +1,53 @@
-import "react/jsx-runtime";
-import "react";
-import { b as d } from "../../chunks/index-CAZEh1iw.js";
-import "../../utils/keyboard.js";
-import "../../chunks/vendor-CF2m175I.js";
+import { jsxs as h } from "react/jsx-runtime";
+import { useRef as f, useState as C, useCallback as N, useEffect as R } from "react";
+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__015548a1", S = "buttonDropdownExtendedBlock__c59ea7ee", 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(
+    (t) => {
+      if (m.current) {
+        c && c(t);
+        return;
+      }
+      y(t);
+    },
+    [c]
+  );
+  R(() => {
+    if (!e)
+      return;
+    const t = (r) => {
+      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;
+      if (e) {
+        const i = r.target;
+        i && !(n != null && n.contains(i)) && !(a != null && a.contains(i)) && 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, v);
+  return /* @__PURE__ */ h("div", { className: B, ref: u, ...L, children: [
+    k({ opened: e, setOpened: o }),
+    b({
+      className: E.buttonDropdownExtendedBlock,
+      opened: e,
+      setOpened: o
+    })
+  ] });
+};
+D.Dropdown = _;
+D.DropdownList = g;
 export {
-  d as ButtonDropdownExtended
+  D as ButtonDropdownExtended
 };
 //# sourceMappingURL=ButtonDropdownExtended.js.map

package/components/Button/ButtonIcon.js

@@ -1,8 +1,8 @@
 import { jsx as l } from "react/jsx-runtime";
 import i from "react";
 import { EButtonIconShape as c } from "./enums.js";
-import { c as m } from "../../chunks/vendor-CF2m175I.js";
-const I = "buttonIcon__4ef527a8", f = "circle__2c941d59", p = "squircle__9d44984e", o = {
+import { c as m } from "../../chunks/vendor-D-uL_icH.js";
+const I = "buttonIcon__45287fac", f = "circle__f2df5872", p = "squircle__26105e3b", o = {
   buttonIcon: I,
   circle: f,
   squircle: p

package/components/Button/enums.js

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

package/components/Button/index.js

@@ -1,16 +1,18 @@
-import { B as e, a as n, b as r, d as B } from "../../chunks/index-CAZEh1iw.js";
-import { ButtonBase as a } from "./ButtonBase.js";
-import { ButtonIcon as d } from "./ButtonIcon.js";
-import { EButtonIconShape as s, EButtonSize as x, EButtonTheme as f } from "./enums.js";
+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 { ButtonDropdownExtended as f } from "./ButtonDropdownExtended.js";
+import { EButtonDotsTheme as d, EButtonIconShape as h, EButtonSize as D, EButtonTheme as a } from "./enums.js";
 export {
   e as Button,
-  a as ButtonBase,
-  n as ButtonDropdown,
-  r as ButtonDropdownExtended,
-  d as ButtonIcon,
-  s as EButtonIconShape,
-  x as EButtonSize,
-  f as EButtonTheme,
-  B as dotsTheme
+  r as ButtonBase,
+  m as ButtonDropdown,
+  f as ButtonDropdownExtended,
+  p as ButtonIcon,
+  d as EButtonDotsTheme,
+  h as EButtonIconShape,
+  D as EButtonSize,
+  a as EButtonTheme
 };
 //# sourceMappingURL=index.js.map

package/components/Card/CardAction.js

@@ -1,17 +1,17 @@
-var y = Object.defineProperty;
-var R = (c, i, e) => i in c ? y(c, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[i] = e;
-var o = (c, i, e) => R(c, typeof i != "symbol" ? i + "" : i, e);
-import { jsx as T } from "react/jsx-runtime";
+var N = Object.defineProperty;
+var y = (c, i, e) => i in c ? N(c, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[i] = e;
+var o = (c, i, e) => y(c, typeof i != "symbol" ? i + "" : i, e);
+import { jsx as R } from "react/jsx-runtime";
 import u from "react";
-import { CardContent as _ } from "./components/CardContent/CardContent.js";
-import { CardMedia as b } from "./components/CardMedia.js";
+import { CardContent as T } from "./components/CardContent/CardContent.js";
+import { CardMedia as _ } from "./components/CardMedia.js";
 import { ECardRoundingSize as M, ECardTheme as w } from "./enums.js";
 import { EFocusSource as r } from "../../enums/EFocusSource.js";
 import { mapCardRoundingSizeToCssClass as x, mapCardThemeToCssClass as K } from "./utils.js";
-import { isKey as p } from "../../utils/keyboard.js";
-import { c as k } from "../../chunks/vendor-CF2m175I.js";
-import { c as B } from "../../chunks/Card.module-Oqawy8hF.js";
-const O = "action__a6d9c15c", F = "selected__819ade45", V = "focusVisible__1e723a2e", n = {
+import { isKey as f } from "../../utils/keyboard.js";
+import { c as k } from "../../chunks/vendor-D-uL_icH.js";
+import { c as B } from "../../chunks/Card.module-Ddt7TQ9Z.js";
+const O = "action__6afb3582", F = "selected__368fb28b", V = "focusVisible__3b81cf1c", a = {
   action: O,
   selected: F,
   focusVisible: V
@@ -35,19 +35,19 @@ class l extends u.Component {
     });
     o(this, "handleKeyDown", (e) => {
       const { onKeyDown: s } = this.props;
-      s == null || s(e), p(e.keyCode, "SPACE") ? (e.preventDefault(), this.handleToggle()) : p(e.keyCode, "ENTER") && this.handleToggle();
+      s == null || s(e), f(e.keyCode, "SPACE") ? (e.preventDefault(), this.handleToggle()) : f(e.keyCode, "ENTER") && this.handleToggle();
     });
     o(this, "handleFocus", (e) => {
-      const { onFocus: s } = this.props, { focusSource: t } = this.state, { current: a } = this.ref;
-      s == null || s(e), !t && a === e.target && this.setState({ focusSource: r.KEYBOARD });
+      const { onFocus: s } = this.props, { focusSource: t } = this.state, { current: n } = this.ref;
+      s == null || s(e), !t && n === e.target && this.setState({ focusSource: r.KEYBOARD });
     });
     o(this, "handleBlur", (e) => {
       const { onBlur: s } = this.props, { current: t } = this.ref;
       s == null || s(e), t !== document.activeElement && t === e.target && this.setState({ focusSource: r.NONE });
     });
     o(this, "handleToggle", () => {
-      const { toggle: e, selected: s, onToggle: t } = this.props, { isControlled: a, isSelected: d } = this.state;
-      a ? e == null || e(!s) : this.setState(
+      const { toggle: e, selected: s, onToggle: t } = this.props, { isControlled: n, isSelected: d } = this.state;
+      n ? e == null || e(!s) : this.setState(
         (h) => ({ isSelected: !h.isSelected }),
         () => t == null ? void 0 : t(!d)
       );
@@ -62,31 +62,31 @@ class l extends u.Component {
       children: e,
       className: s,
       onClick: t,
-      onMouseDown: a,
+      onMouseDown: n,
       onKeyDown: d,
       onFocus: h,
       onBlur: z,
-      roundingSize: f = M.MD,
+      roundingSize: p = M.MD,
       onToggle: A,
       selected: m,
       toggle: U,
       theme: S = w.GENERAL,
       ...C
-    } = this.props, { isControlled: E, isSelected: g, focusSource: D } = this.state, N = k(
+    } = this.props, { isControlled: E, isSelected: b, focusSource: g } = this.state, D = k(
       B.card,
-      n.action,
+      a.action,
       K[S],
-      x[f],
+      x[p],
       {
-        [n.focusVisible]: D === r.KEYBOARD,
-        [n.selected]: E ? !!m : g
+        [a.focusVisible]: g === r.KEYBOARD,
+        [a.selected]: E ? !!m : b
       },
       s
     );
-    return /* @__PURE__ */ T(
+    return /* @__PURE__ */ R(
       "div",
       {
-        className: N,
+        className: D,
         tabIndex: 0,
         onClick: this.handleClick,
         onMouseDown: this.handleMouseDown,
@@ -96,13 +96,13 @@ class l extends u.Component {
         role: "button",
         ...C,
         ref: this.ref,
-        "data-tx": "0.1.9",
+        "data-tx": "1.1.0",
         children: e
       }
     );
   }
 }
-o(l, "displayName", "CardAction"), o(l, "Content", _), o(l, "Media", b);
+o(l, "displayName", "CardAction"), o(l, "Content", T), o(l, "Media", _);
 export {
   l as CardAction
 };