@sberbusiness/triplex-next 1.50.0 → 1.52.0

package/components/Amount/Amount.js

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { formatAmount } from "../../utils/amountUtils.js";
-const adaptive = "adaptive__868d923d";
+const adaptive = "adaptive__34582cba";
 const styles = {
   adaptive
 };
@@ -20,7 +20,7 @@ const Amount = React__default.forwardRef(
       },
       className
     );
-    return /* @__PURE__ */ jsxs("span", { className: classNames, ...restProps, ref, "data-tx": "1.50.0", children: [
+    return /* @__PURE__ */ jsxs("span", { className: classNames, ...restProps, ref, "data-tx": "1.52.0", children: [
       /* @__PURE__ */ jsx("span", { "data-test-id": dataTestId && `${dataTestId}__amount`, children: formattedAmount }),
       currency && /* @__PURE__ */ jsxs(Fragment, { children: [
         NON_BREAKING_SPACE,

package/components/AmountField/AmountField.js

@@ -20,14 +20,14 @@ import { setCaretPosition } from "../../utils/inputUtils.js";
 import { setForwardedRef } from "../../helpers/setForwardedRef.js";
 import { createPlaceholder, syncCoreAndGetFormattedValue, setFallbackCaret } from "./utils.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const amountFieldInputWrapper = "amountFieldInputWrapper__7169edcb";
-const currencyLayout = "currencyLayout__78008865";
-const sm = "sm__571c0006";
-const md = "md__c6ad1805";
-const lg = "lg__12dea2ac";
-const valueMirror = "valueMirror__798f009b";
-const currencyUnit = "currencyUnit__224894ff";
-const disabled = "disabled__a723210a";
+const amountFieldInputWrapper = "amountFieldInputWrapper__3e4ed740";
+const currencyLayout = "currencyLayout__87abb62d";
+const sm = "sm__17142ce9";
+const md = "md__e4c64f24";
+const lg = "lg__2d28363c";
+const valueMirror = "valueMirror__e11ec5c3";
+const currencyUnit = "currencyUnit__0f0ba597";
+const disabled = "disabled__363f76f6";
 const styles = {
   amountFieldInputWrapper,
   currencyLayout,

package/components/Avatar/Avatar.js

@@ -2,19 +2,19 @@ import { EAvatarSize } from "./enums.js";
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-const avatar = "avatar__72e009e3";
-const borderRadius6 = "borderRadius6__e7315273";
-const borderRadius8 = "borderRadius8__8edf8f7b";
-const borderRadius10 = "borderRadius10__47056de6";
-const borderRadius12 = "borderRadius12__224a33c5";
-const borderRadius16 = "borderRadius16__503be842";
-const xxs = "xxs__5659388d";
-const xs = "xs__4de6da65";
-const sm = "sm__0084191f";
-const md = "md__86ff9db8";
-const lg = "lg__53990b83";
-const xl = "xl__58a780b9";
-const xxl = "xxl__0ae2465d";
+const avatar = "avatar__01a7268a";
+const borderRadius6 = "borderRadius6__1afb2f9d";
+const borderRadius8 = "borderRadius8__e99b87d8";
+const borderRadius10 = "borderRadius10__14883140";
+const borderRadius12 = "borderRadius12__baa9d03b";
+const borderRadius16 = "borderRadius16__734c2164";
+const xxs = "xxs__f152a9d8";
+const xs = "xs__9a166825";
+const sm = "sm__c28d3350";
+const md = "md__9d4eaf5d";
+const lg = "lg__f9854590";
+const xl = "xl__45023d23";
+const xxl = "xxl__5a011252";
 const styles = {
   avatar,
   borderRadius6,

package/components/Badge/Badge.js

@@ -6,10 +6,10 @@ import { BadgeDot } from "./BadgeDot.js";
 import { BadgeContent } from "./components/BadgeContent.js";
 import { BadgePrefix } from "./components/BadgePrefix.js";
 import { BadgePostfix } from "./components/BadgePostfix.js";
-const badge = "badge__ad14aefe";
-const sm = "sm__4bdb943d";
-const md = "md__11d3e16a";
-const lg = "lg__a4495be3";
+const badge = "badge__f539dcfe";
+const sm = "sm__93f72552";
+const md = "md__c7861221";
+const lg = "lg__3f20beb9";
 const styles = {
   badge,
   sm,

package/components/Badge/BadgeDot.js

@@ -2,10 +2,10 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const badgeDot = "badgeDot__8f5e494f";
-const sm = "sm__4bdb943d";
-const md = "md__11d3e16a";
-const lg = "lg__a4495be3";
+const badgeDot = "badgeDot__797b8b84";
+const sm = "sm__93f72552";
+const md = "md__c7861221";
+const lg = "lg__3f20beb9";
 const styles = {
   badgeDot,
   sm,

package/components/Badge/components/BadgeContent.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const badgeContent = "badgeContent__01941980";
-const sm = "sm__4bdb943d";
-const md = "md__11d3e16a";
-const lg = "lg__a4495be3";
-const noPaddingLeft = "noPaddingLeft__3b6faa63";
-const noPaddingRight = "noPaddingRight__2de52a20";
+const badgeContent = "badgeContent__4cfc95a8";
+const sm = "sm__93f72552";
+const md = "md__c7861221";
+const lg = "lg__3f20beb9";
+const noPaddingLeft = "noPaddingLeft__73dbaf5b";
+const noPaddingRight = "noPaddingRight__b3bd5324";
 const styles = {
   badgeContent,
   sm,

package/components/Badge/components/BadgePostfix.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const badgePostfix = "badgePostfix__d58c6c6e";
+const badgePostfix = "badgePostfix__e74a0eb6";
 const styles = {
   badgePostfix
 };

package/components/Badge/components/BadgePrefix.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const badgePrefix = "badgePrefix__af99536e";
+const badgePrefix = "badgePrefix__a3e6c910";
 const styles = {
   badgePrefix
 };

package/components/Body/Body.js

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-const body = "body__8b07bcac";
-const bodyInner = "bodyInner__7ae98593";
+const body = "body__d2ebeac4";
+const bodyInner = "bodyInner__0079cdd1";
 const styles = {
   body,
   bodyInner
 };
-const Body = React__default.forwardRef(({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.body, className), ...rest, "data-tx": "1.50.0", ref, children: /* @__PURE__ */ jsx("div", { className: styles.bodyInner, children }) }));
+const Body = React__default.forwardRef(({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.body, className), ...rest, "data-tx": "1.52.0", ref, children: /* @__PURE__ */ jsx("div", { className: styles.bodyInner, children }) }));
 Body.displayName = "Body";
 export {
   Body

package/components/Button/Button.js

@@ -8,46 +8,46 @@ import { ButtonBase } from "./ButtonBase.js";
 import { EButtonTheme } from "./enums.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const general = "general__bba9603f";
-const expanded$4 = "expanded__4f7da3a2";
+const general = "general__843a553d";
+const expanded$4 = "expanded__0c4920f3";
 const generalStyles = {
   general,
   expanded: expanded$4
 };
-const secondary = "secondary__de77bf59";
-const expanded$3 = "expanded__4f7da3a2";
+const secondary = "secondary__a525ac86";
+const expanded$3 = "expanded__0c4920f3";
 const secondaryStyles = {
   secondary,
   expanded: expanded$3
 };
-const secondaryLight = "secondaryLight__be24cf8a";
-const expanded$2 = "expanded__4f7da3a2";
+const secondaryLight = "secondaryLight__a9fa04d1";
+const expanded$2 = "expanded__0c4920f3";
 const secondaryLightStyles = {
   secondaryLight,
   expanded: expanded$2
 };
-const danger = "danger__c20a3473";
-const expanded$1 = "expanded__4f7da3a2";
+const danger = "danger__45712411";
+const expanded$1 = "expanded__0c4920f3";
 const dangerStyles = {
   danger,
   expanded: expanded$1
 };
-const link = "link__235e3c59";
-const expanded = "expanded__4f7da3a2";
+const link = "link__a5b4f65d";
+const expanded = "expanded__0c4920f3";
 const linkStyles = {
   link,
   expanded
 };
-const button = "button__723607b2";
-const sm = "sm__772521bc";
-const icon = "icon__d0a8bcc2";
-const md = "md__0bc0b5f8";
-const lg = "lg__f84aab63";
-const block = "block__11af20f7";
-const content = "content__5121b807";
-const loading = "loading__d0cb8663";
-const loader = "loader__ac3e0008";
-const hidden = "hidden__4aa29b64";
+const button = "button__75d3b574";
+const sm = "sm__c6eb1b7a";
+const icon = "icon__07828486";
+const md = "md__51377a13";
+const lg = "lg__278e8741";
+const block = "block__2e338304";
+const content = "content__6b7ef8c7";
+const loading = "loading__1cfa7d3e";
+const loader = "loader__f22cf35f";
+const hidden = "hidden__066244fe";
 const styles = {
   button,
   sm,

package/components/Button/ButtonBase.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 const ButtonBase = React__default.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx("button", { type: "button", ...props, "data-tx": "1.50.0", ref });
+  return /* @__PURE__ */ jsx("button", { type: "button", ...props, "data-tx": "1.52.0", ref });
 });
 ButtonBase.displayName = "ButtonBase";
 export {

package/components/Button/ButtonDropdown.js

@@ -10,7 +10,7 @@ import { isKey } from "../../utils/keyboard.js";
 import { DropdownListContext } from "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-BDtBpFPH.js";
+import "../../chunks/DropdownListItem-DkX7SolI.js";
 import { EDropdownAlignment, EDropdownWidth } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "../Dropdown/mobile/DropdownMobileBody.js";
@@ -30,13 +30,13 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const buttonDropdown = "buttonDropdown__a2742fec";
-const block = "block__11af20f7";
-const buttonDropdownTarget = "buttonDropdownTarget__443ef6e9";
-const dots = "dots__e906726c";
-const caretIcon = "caretIcon__fef66689";
-const active = "active__6a8e1a25";
-const buttonDropdownMenuItem = "buttonDropdownMenuItem__e1b02b42";
+const buttonDropdown = "buttonDropdown__046ad0d9";
+const block = "block__2e338304";
+const buttonDropdownTarget = "buttonDropdownTarget__a70b6dcd";
+const dots = "dots__8f61e39d";
+const caretIcon = "caretIcon__60d3ea68";
+const active = "active__36319a29";
+const buttonDropdownMenuItem = "buttonDropdownMenuItem__30e08528";
 const styles = {
   buttonDropdown,
   block,

package/components/Button/ButtonDropdownExtended.js

@@ -4,8 +4,8 @@ import { Dropdown } from "../Dropdown/Dropdown.js";
 import { isKey } from "../../utils/keyboard.js";
 import { DropdownList } from "../Dropdown/desktop/DropdownList.js";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-const buttonDropdownExtended = "buttonDropdownExtended__2739f977";
-const buttonDropdownExtendedBlock = "buttonDropdownExtendedBlock__f0994f22";
+const buttonDropdownExtended = "buttonDropdownExtended__916acbf9";
+const buttonDropdownExtendedBlock = "buttonDropdownExtendedBlock__abaacacd";
 const styles = {
   buttonDropdownExtended,
   buttonDropdownExtendedBlock

package/components/Button/ButtonIcon.js

@@ -3,9 +3,9 @@ import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { EButtonIconShape } from "./enums.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const buttonIcon = "buttonIcon__98c94bfb";
-const circle = "circle__4018fd23";
-const squircle = "squircle__408f4a38";
+const buttonIcon = "buttonIcon__3e283ff9";
+const circle = "circle__5b68235c";
+const squircle = "squircle__bd4ff139";
 const styles = {
   buttonIcon,
   circle,

package/components/Calendar/Calendar.js

@@ -14,9 +14,9 @@ import { CalendarView } from "./components/CalendarView.js";
 import { CalendarFooter } from "./components/CalendarFooter.js";
 import { CalendarFooterButton } from "./components/CalendarFooterButton.js";
 import { parsePickedDate, formatDate } from "./utils.js";
-const calendar = "calendar__f635e13a";
-const extraBottom = "extraBottom__3d9f0090";
-const adaptive = "adaptive__0252981f";
+const calendar = "calendar__4557b4a2";
+const extraBottom = "extraBottom__85c0534a";
+const adaptive = "adaptive__ac9d6916";
 const styles = {
   calendar,
   extraBottom,
@@ -179,7 +179,7 @@ class Calendar extends React__default.PureComponent {
       this.props.adaptiveMode ? styles.adaptive : (viewMode !== ECalendarViewMode.DAYS || todayButtonProps) && styles.extraBottom
     );
     const pickedDate = parsePickedDate(this.props.pickedDate, format);
-    return /* @__PURE__ */ jsx("div", { className: classNames, "data-tx": "1.50.0", children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx("div", { className: classNames, "data-tx": "1.52.0", children: /* @__PURE__ */ jsxs(
       CalendarContext.Provider,
       {
         value: {

package/components/Calendar/components/CalendarControls.js

@@ -14,7 +14,7 @@ import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
 import { globalLimitRange } from "../../../consts/DateConst.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-const calendarControls = "calendarControls__53e0c396";
+const calendarControls = "calendarControls__c387c39b";
 const styles = {
   calendarControls
 };

package/components/Calendar/components/CalendarFooter.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const calendarFooter = "calendarFooter__edb3cc47";
+const calendarFooter = "calendarFooter__9a36787a";
 const styles = {
   calendarFooter
 };

package/components/Calendar/components/CalendarViewDays.js

@@ -5,7 +5,7 @@ import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { isDateOutOfRange, isDayDisabled, getFirstEnabledDate, getNavigationShift, shiftDate } from "../utils.js";
 import { WEEKDAYS_SET, WEEKS_SET } from "../../../consts/DateConst.js";
 import { CalendarViewContext } from "../CalendarViewContext.js";
-import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-BCcAb-X6.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-DzgMlLlH.js";
 import { ECalendarDateMarkType, ECalendarViewMode } from "../enums.js";
 import { CalendarContext } from "../CalendarContext.js";
 const NAVIGATION_STEPS = {

package/components/Calendar/components/CalendarViewItem.js

@@ -4,7 +4,7 @@ import "../../../chunks/vendor-CUIykw0y.js";
 import "../enums.js";
 import "../CalendarViewContext.js";
 import "../../../utils/keyboard.js";
-import { C } from "../../../chunks/CalendarViewItem-BCcAb-X6.js";
+import { C } from "../../../chunks/CalendarViewItem-DzgMlLlH.js";
 export {
   C as CalendarViewItem
 };

package/components/Calendar/components/CalendarViewMonths.js

@@ -4,7 +4,7 @@ import moment from "moment";
 import { CalendarContext } from "../CalendarContext.js";
 import { CalendarViewContext } from "../CalendarViewContext.js";
 import { isDateOutOfRange, getFirstEnabledDate, VIEW_GRID_ROWS, VIEW_GRID_COLUMNS, getNavigationShift, shiftDate, getShiftedDateInRange } from "../utils.js";
-import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-BCcAb-X6.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-DzgMlLlH.js";
 import { ECalendarPickType, ECalendarViewMode } from "../enums.js";
 const NAVIGATION_STEPS = {
   horizontal: { amount: 1, unit: "month" },

package/components/Calendar/components/CalendarViewYears.js

@@ -3,7 +3,7 @@ import { useContext, useCallback, useState, useEffect } from "react";
 import { CalendarContext } from "../CalendarContext.js";
 import { CalendarViewContext } from "../CalendarViewContext.js";
 import { isDateOutOfRange, getFirstEnabledDate, VIEW_GRID_ROWS, VIEW_GRID_COLUMNS, getNavigationShift, shiftDate, getShiftedDateInRange } from "../utils.js";
-import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-BCcAb-X6.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-DzgMlLlH.js";
 import { ECalendarViewMode } from "../enums.js";
 const YEARS_BEFORE_VIEW_DATE = 5;
 const YEARS_AFTER_VIEW_DATE = 6;

package/components/Card/CardAction.js

@@ -10,10 +10,10 @@ import { EFocusSource } from "../../enums/EFocusSource.js";
 import { mapCardRoundingSizeToCssClass, mapCardThemeToCssClass } from "./utils.js";
 import { isKey } from "../../utils/keyboard.js";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-import { c as cardStyles } from "../../chunks/Card.module-BgGathht.js";
-const action = "action__2d951dc9";
-const selected = "selected__ef859f5c";
-const focusVisible = "focusVisible__ebe0036b";
+import { c as cardStyles } from "../../chunks/Card.module-DVndDHx3.js";
+const action = "action__802884d5";
+const selected = "selected__7a177186";
+const focusVisible = "focusVisible__b99e928a";
 const actionStyles = {
   action,
   selected,
@@ -140,7 +140,7 @@ class CardAction extends React__default.Component {
         role: "button",
         ...attributes,
         ref: this.ref,
-        "data-tx": "1.50.0",
+        "data-tx": "1.52.0",
         children
       }
     );

package/components/Card/CardStatic.js

@@ -5,7 +5,7 @@ import { CardContent } from "./components/CardContent/CardContent.js";
 import { CardMedia } from "./components/CardMedia.js";
 import { ECardTheme, ECardRoundingSize } from "./enums.js";
 import { mapCardThemeToCssClass, mapCardRoundingSizeToCssClass } from "./utils.js";
-import { c as cardStyles } from "../../chunks/Card.module-BgGathht.js";
+import { c as cardStyles } from "../../chunks/Card.module-DVndDHx3.js";
 const CardStaticRoot = React__default.forwardRef(
   ({ children, className, roundingSize = ECardRoundingSize.MD, theme = ECardTheme.GENERAL, ...rest }, ref) => /* @__PURE__ */ jsx(
     "div",
@@ -18,7 +18,7 @@ const CardStaticRoot = React__default.forwardRef(
       ),
       ...rest,
       ref,
-      "data-tx": "1.50.0",
+      "data-tx": "1.52.0",
       children
     }
   )

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

@@ -4,7 +4,7 @@ import { CardContentHeader } from "./components/CardContentHeader.js";
 import { CardContentFooter } from "./components/CardContentFooter.js";
 import { ECardContentPaddingSize } from "../../enums.js";
 import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
-import { c as cardStyles } from "../../../../chunks/Card.module-BgGathht.js";
+import { c as cardStyles } from "../../../../chunks/Card.module-DVndDHx3.js";
 const mapCardContentPaddingSizeToCssClass = {
   [ECardContentPaddingSize.MD]: cardStyles.paddingMD,
   [ECardContentPaddingSize.SM]: cardStyles.paddingSM

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

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../../../chunks/vendor-CUIykw0y.js";
-import { c as cardStyles } from "../../../../../chunks/Card.module-BgGathht.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-DVndDHx3.js";
 const CardContentBody = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("div", { className: clsx(cardStyles.cardContentBody, className), ...rest, children });
 CardContentBody.displayName = "CardContentBody";
 export {

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

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../../../chunks/vendor-CUIykw0y.js";
-import { c as cardStyles } from "../../../../../chunks/Card.module-BgGathht.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-DVndDHx3.js";
 const CardContentFooter = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("div", { className: clsx(cardStyles.cardContentFooter, className), ...rest, children });
 CardContentFooter.displayName = "CardContentFooter";
 export {

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

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../../../chunks/vendor-CUIykw0y.js";
-import { c as cardStyles } from "../../../../../chunks/Card.module-BgGathht.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-DVndDHx3.js";
 const CardContentHeader = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("div", { className: clsx(cardStyles.cardContentHeader, className), ...rest, children });
 CardContentHeader.displayName = "CardContentHeader";
 export {

package/components/Card/components/CardMedia.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { c as cardStyles } from "../../../chunks/Card.module-BgGathht.js";
+import { c as cardStyles } from "../../../chunks/Card.module-DVndDHx3.js";
 const CardMedia = ({ children, className, ...attributes }) => {
   const classNames = clsx(cardStyles.cardMedia, className);
   return /* @__PURE__ */ jsx("div", { className: classNames, ...attributes, children });

package/components/Card/utils.js

@@ -1,5 +1,5 @@
 import { ECardRoundingSize, ECardTheme } from "./enums.js";
-import { c as cardStyles } from "../../chunks/Card.module-BgGathht.js";
+import { c as cardStyles } from "../../chunks/Card.module-DVndDHx3.js";
 const mapCardRoundingSizeToCssClass = {
   [ECardRoundingSize.LG]: cardStyles.roundingLG,
   [ECardRoundingSize.MD]: cardStyles.roundingMD,

package/components/Carousel/Carousel.js

@@ -2,30 +2,32 @@ import { jsx } from "react/jsx-runtime";
 import React__default, { useState, useMemo, useRef, useCallback, useLayoutEffect, useEffect } from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { CarouselContext } from "./CarouselContext.js";
-import { ECarouselOrientation, ECarouselScrollMode } from "./enums.js";
-import { resolveViewportPadding, useLatestRef } from "./utils.js";
-import { s as styles } from "../../chunks/Carousel.module-DbmVe45I.js";
+import { ECarouselScrollMode } from "./enums.js";
+import { EOrientation } from "../../enums/EOrientation.js";
+import { resolveViewportPadding } from "./utils.js";
+import { useLatestRef } from "../../utils/refs.js";
+import { s as styles } from "../../chunks/Carousel.module-D9WQGi1c.js";
 import { CarouselViewport } from "./CarouselViewport.js";
 import { CarouselTrack } from "./CarouselTrack.js";
 import { CarouselItem } from "./CarouselItem.js";
 import { CarouselNextButton, CarouselPrevButton } from "./CarouselButton.js";
 import { CarouselIndicators } from "./CarouselIndicators.js";
 const ORIENTATION_TO_PADDING_KEY = {
-  [ECarouselOrientation.HORIZONTAL]: { start: "left", end: "right" },
-  [ECarouselOrientation.VERTICAL]: { start: "top", end: "bottom" }
+  [EOrientation.HORIZONTAL]: { start: "left", end: "right" },
+  [EOrientation.VERTICAL]: { start: "top", end: "bottom" }
 };
 const ORIENTATION_TO_RECT_SIZE_KEY = {
-  [ECarouselOrientation.HORIZONTAL]: "width",
-  [ECarouselOrientation.VERTICAL]: "height"
+  [EOrientation.HORIZONTAL]: "width",
+  [EOrientation.VERTICAL]: "height"
 };
 const ORIENTATION_TO_CLIENT_SIZE_KEY = {
-  [ECarouselOrientation.HORIZONTAL]: "clientWidth",
-  [ECarouselOrientation.VERTICAL]: "clientHeight"
+  [EOrientation.HORIZONTAL]: "clientWidth",
+  [EOrientation.VERTICAL]: "clientHeight"
 };
 const CarouselRoot = React__default.forwardRef(
   ({
     children,
-    orientation = ECarouselOrientation.HORIZONTAL,
+    orientation = EOrientation.HORIZONTAL,
     scrollMode = ECarouselScrollMode.ITEM,
     gap = 16,
     viewportPadding = 0,
@@ -116,6 +118,7 @@ const CarouselRoot = React__default.forwardRef(
         const { start: startKey, end: endKey } = ORIENTATION_TO_PADDING_KEY[orientation];
         const startP = normalizedPadding[startKey];
         const endP = normalizedPadding[endKey];
+        const pageSize = Math.max(0, containerSize - startP - endP);
         const calculatedMaxOffset = Math.max(0, totalContentSize + startP + endP - containerSize);
         maxOffsetRef.current = calculatedMaxOffset;
         let targetOffset = 0;
@@ -126,7 +129,7 @@ const CarouselRoot = React__default.forwardRef(
           for (let i = 0; i < slidesCount; i++) {
             const slideSize = getSlideSize(i);
             const addedSize = currentPage.length > 0 ? slideSize + gap : slideSize;
-            if (currentGroupSize + addedSize <= containerSize + 1) {
+            if (currentGroupSize + addedSize <= pageSize + 1) {
               currentPage.push(i);
               currentGroupSize += addedSize;
             } else {
@@ -159,7 +162,7 @@ const CarouselRoot = React__default.forwardRef(
             const lastSlideSize = getSlideSize(lastSlideIndex);
             const groupEnd = getSlideStart(lastSlideIndex) + lastSlideSize;
             const groupSize = groupEnd - groupStart;
-            targetOffset = groupStart - (containerSize - groupSize) / 2;
+            targetOffset = groupStart - (pageSize - groupSize) / 2;
           }
         } else {
           setActiveIndices((prev) => prev.length === 0 ? prev : []);
@@ -204,7 +207,8 @@ const CarouselRoot = React__default.forwardRef(
         normalizedPadding,
         pageMode,
         getSlideSize,
-        getSlideStart
+        getSlideStart,
+        offsetRef
       ]
     );
     const nextSlide = useCallback(() => {
@@ -290,7 +294,7 @@ const CarouselRoot = React__default.forwardRef(
       observer.observe(viewportRef.current);
       observer.observe(trackRef.current);
       return () => observer.disconnect();
-    }, [updateOffsetAndPages]);
+    }, [updateOffsetAndPages, currentIndexRef]);
     useEffect(() => {
       setCurrentIndex(0);
     }, [gap, scrollMode, orientation]);
@@ -324,7 +328,6 @@ const CarouselRoot = React__default.forwardRef(
         orientationRef,
         offsetRef,
         maxOffsetRef,
-        currentIndexRef,
         viewportRef,
         trackRef,
         slideRefs
@@ -341,7 +344,9 @@ const CarouselRoot = React__default.forwardRef(
         atEnd,
         nextSlide,
         prevSlide,
-        goToSlide
+        goToSlide,
+        orientationRef,
+        offsetRef
       ]
     );
     return /* @__PURE__ */ jsx(CarouselContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { className: classNames, ...restProps, ref, children }) });