@sberbusiness/triplex-next 1.1.1 → 1.2.0

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 b, 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__4e8922e2", de = "block__9ef2ad79", ie = "buttonDropdownTarget__55655319", me = "caretIcon__e4b379ba", ue = "active__81245f30", De = "buttonDropdownMenuItem__bdfa1f2a", 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 }) => {
+  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 })
+}, fe = F.forwardRef(
+  (g, p) => {
+    const { buttonAttributes: R, children: h, className: z, theme: f, size: c, options: C, selected: l, block: w, disabled: T, ...G } = g, k = _(null), v = _(null), W = b(n.buttonDropdown, { [n.block]: !!w }, z), [S, H] = V(), I = _(J()), P = ({ opened: e, setOpened: r }) => {
       const a = b(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,
+          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 }) => {
+    }, K = ({ opened: e, setOpened: r }) => {
       const a = b(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: f === 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 = () => {
+    }, 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 (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 });
+        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 = b(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(
+        className: W,
+        renderButton: [u.DOTS_SECONDARY, u.DOTS_SECONDARY_LIGHT].includes(
           f
-        ) ? j : K,
-        renderDropdown: q,
-        dropdownRef: k,
+        ) ? K : P,
+        renderDropdown: U,
+        dropdownRef: v,
         closeOnTab: !0,
-        ...W
+        ...G
       }
     );
   }
 );
-pe.displayName = "ButtonDropdown";
+fe.displayName = "ButtonDropdown";
 export {
-  pe as ButtonDropdown
+  fe 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__79d3d387", S = "buttonDropdownExtendedBlock__3ac30139", 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__be47856e", 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,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-D-uL_icH.js";
-const I = "buttonIcon__b2500017", f = "circle__9c03a9d9", p = "squircle__93fa5698", o = {
+import { c as m } from "../../chunks/vendor-CehxOAkM.js";
+const I = "buttonIcon__1e49546f", f = "circle__be682120", p = "squircle__ded68eda", o = {
   buttonIcon: I,
   circle: f,
   squircle: p

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 b = Object.defineProperty;
+var y = (c, i, e) => i in c ? b(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-D-uL_icH.js";
-import { c as B } from "../../chunks/Card.module-BRANBAxP.js";
-const O = "action__d8333f76", F = "selected__aa182a27", V = "focusVisible__68939a22", n = {
+import { isKey as f } from "../../utils/keyboard.js";
+import { c as k } from "../../chunks/vendor-CehxOAkM.js";
+import { c as B } from "../../chunks/Card.module-Dh5vP2zv.js";
+const O = "action__9eb46b14", F = "selected__feadd5da", V = "focusVisible__740f2efc", 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,11 +62,11 @@ 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,
@@ -74,16 +74,16 @@ class l extends u.Component {
       ...C
     } = this.props, { isControlled: E, isSelected: g, focusSource: D } = this.state, N = 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]: D === r.KEYBOARD,
+        [a.selected]: E ? !!m : g
       },
       s
     );
-    return /* @__PURE__ */ T(
+    return /* @__PURE__ */ R(
       "div",
       {
         className: N,
@@ -96,13 +96,13 @@ class l extends u.Component {
         role: "button",
         ...C,
         ref: this.ref,
-        "data-tx": "1.1.1",
+        "data-tx": "1.2.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
 };

package/components/Card/CardStatic.js

@@ -2,8 +2,8 @@ import { jsx as i } from "react/jsx-runtime";
 import { CardContent as s } from "./components/CardContent/CardContent.js";
 import { CardMedia as e } from "./components/CardMedia.js";
 import { mapCardRoundingSizeToCssClass as C, mapCardThemeToCssClass as p } from "./utils.js";
-import { c } from "../../chunks/vendor-D-uL_icH.js";
-import { c as n } from "../../chunks/Card.module-BRANBAxP.js";
+import { c } from "../../chunks/vendor-CehxOAkM.js";
+import { c as n } from "../../chunks/Card.module-Dh5vP2zv.js";
 import { ECardRoundingSize as f, ECardTheme as l } from "./enums.js";
 const a = ({
   children: r,
@@ -21,7 +21,7 @@ const a = ({
       o
     ),
     ...d,
-    "data-tx": "1.1.1",
+    "data-tx": "1.2.0",
     children: r
   }
 );

package/components/Card/components/CardContent/CardContent.js

@@ -3,8 +3,8 @@ import { CardContentBody as C } from "./components/CardContentBody.js";
 import { CardContentHeader as i } from "./components/CardContentHeader.js";
 import { CardContentFooter as s } from "./components/CardContentFooter.js";
 import { ECardContentPaddingSize as t } from "../../enums.js";
-import { c as p } from "../../../../chunks/vendor-D-uL_icH.js";
-import { c as r } from "../../../../chunks/Card.module-BRANBAxP.js";
+import { c as p } from "../../../../chunks/vendor-CehxOAkM.js";
+import { c as r } from "../../../../chunks/Card.module-Dh5vP2zv.js";
 const c = {
   [t.MD]: r.paddingMD,
   [t.SM]: r.paddingSM

package/components/Card/components/CardContent/components/CardContentBody.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as d } from "../../../../../chunks/vendor-D-uL_icH.js";
-import { c as s } from "../../../../../chunks/Card.module-BRANBAxP.js";
+import { c as d } from "../../../../../chunks/vendor-CehxOAkM.js";
+import { c as s } from "../../../../../chunks/Card.module-Dh5vP2zv.js";
 const m = ({ children: o, className: t, ...r }) => /* @__PURE__ */ a("div", { className: d(s.cardContentBody, t), ...r, children: o });
 m.displayName = "CardContentBody";
 export {

package/components/Card/components/CardContent/components/CardContentFooter.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as e } from "../../../../../chunks/vendor-D-uL_icH.js";
-import { c as s } from "../../../../../chunks/Card.module-BRANBAxP.js";
+import { c as e } from "../../../../../chunks/vendor-CehxOAkM.js";
+import { c as s } from "../../../../../chunks/Card.module-Dh5vP2zv.js";
 const m = ({ children: o, className: t, ...r }) => /* @__PURE__ */ a("div", { className: e(s.cardContentFooter, t), ...r, children: o });
 m.displayName = "CardContentFooter";
 export {

package/components/Card/components/CardContent/components/CardContentHeader.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as o } from "../../../../../chunks/vendor-D-uL_icH.js";
-import { c as d } from "../../../../../chunks/Card.module-BRANBAxP.js";
+import { c as o } from "../../../../../chunks/vendor-CehxOAkM.js";
+import { c as d } from "../../../../../chunks/Card.module-Dh5vP2zv.js";
 const s = ({ children: r, className: a, ...e }) => /* @__PURE__ */ t("div", { className: o(d.cardContentHeader, a), ...e, children: r });
 s.displayName = "CardContentHeader";
 export {

package/components/Card/components/CardMedia.js

@@ -1,6 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
-import { c as e } from "../../../chunks/vendor-D-uL_icH.js";
-import { c as m } from "../../../chunks/Card.module-BRANBAxP.js";
+import { c as e } from "../../../chunks/vendor-CehxOAkM.js";
+import { c as m } from "../../../chunks/Card.module-Dh5vP2zv.js";
 const o = ({ children: a, className: r, ...s }) => {
   const c = e(m.cardMedia, r);
   return /* @__PURE__ */ d("div", { className: c, ...s, children: a });

package/components/Card/utils.js

@@ -1,5 +1,5 @@
 import { ECardRoundingSize as r, ECardTheme as s } from "./enums.js";
-import { c as o } from "../../chunks/Card.module-BRANBAxP.js";
+import { c as o } from "../../chunks/Card.module-Dh5vP2zv.js";
 const e = {
   [r.MD]: o.roundingMD,
   [r.SM]: o.roundingSM

package/components/CarouselExtended/CarouselExtended.js

@@ -0,0 +1,48 @@
+import { jsxs as p, jsx as b } from "react/jsx-runtime";
+import C, { useState as w, useRef as D, useCallback as L, useEffect as n } from "react";
+import { l as M, c as S } from "../../chunks/vendor-CehxOAkM.js";
+import { scrollSmoothHorizontally as c } from "../../utils/scroll.js";
+const R = "carouselExtended__ce719d09", k = {
+  carouselExtended: R
+}, y = C.forwardRef(
+  ({ children: l, buttonPrev: a, buttonNext: i, stepPrev: u, stepNext: f, ...h }, s) => {
+    const [o, m] = w({ hidden: !0, nextDisabled: !1, prevDisabled: !0 }), r = D(null), t = L(() => {
+      const e = r.current, d = {
+        hidden: e.scrollWidth == e.clientWidth,
+        nextDisabled: Math.round(e.scrollLeft) + e.offsetWidth >= e.scrollWidth,
+        prevDisabled: Math.round(e.scrollLeft) <= 0
+      };
+      M.isEqual(d, o) == !1 && m(d);
+    }, [o]);
+    n(() => (window.addEventListener("resize", t), document.addEventListener("scroll", t), () => {
+      window.removeEventListener("resize", t), document.removeEventListener("scroll", t);
+    }), [t]), n(() => {
+      t();
+    }, [l, t]);
+    const x = () => {
+      c(r.current, Math.floor(-u));
+    }, v = () => {
+      c(r.current, Math.ceil(f));
+    }, E = (e) => {
+      r.current = e, typeof s == "function" ? s(e) : s && (s.current = e);
+    };
+    return /* @__PURE__ */ p("div", { ...h, children: [
+      a({
+        disabled: o.prevDisabled,
+        hidden: o.hidden,
+        onClick: x
+      }),
+      /* @__PURE__ */ b("div", { className: S(k.carouselExtended), onScroll: t, ref: E, children: l }),
+      i({
+        disabled: o.nextDisabled,
+        hidden: o.hidden,
+        onClick: v
+      })
+    ] });
+  }
+);
+y.displayName = "CarouselExtended";
+export {
+  y as CarouselExtended
+};
+//# sourceMappingURL=CarouselExtended.js.map