@sberbusiness/triplex-next 1.52.0 → 1.53.0

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__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 avatar = "avatar__7f92aebf";
+const borderRadius6 = "borderRadius6__8779a078";
+const borderRadius8 = "borderRadius8__5093d270";
+const borderRadius10 = "borderRadius10__3d31ec65";
+const borderRadius12 = "borderRadius12__cae9ba68";
+const borderRadius16 = "borderRadius16__890e3dda";
+const xxs = "xxs__74695d98";
+const xs = "xs__a5314854";
+const sm = "sm__a5ff52c3";
+const md = "md__c4d3f68e";
+const lg = "lg__267547c7";
+const xl = "xl__0afc41da";
+const xxl = "xxl__21a1e48b";
 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__f539dcfe";
-const sm = "sm__93f72552";
-const md = "md__c7861221";
-const lg = "lg__3f20beb9";
+const badge = "badge__a41c3a4e";
+const sm = "sm__e99ecdf5";
+const md = "md__b19cd14b";
+const lg = "lg__5f35c3fe";
 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__797b8b84";
-const sm = "sm__93f72552";
-const md = "md__c7861221";
-const lg = "lg__3f20beb9";
+const badgeDot = "badgeDot__94c822dc";
+const sm = "sm__e99ecdf5";
+const md = "md__b19cd14b";
+const lg = "lg__5f35c3fe";
 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__4cfc95a8";
-const sm = "sm__93f72552";
-const md = "md__c7861221";
-const lg = "lg__3f20beb9";
-const noPaddingLeft = "noPaddingLeft__73dbaf5b";
-const noPaddingRight = "noPaddingRight__b3bd5324";
+const badgeContent = "badgeContent__20280577";
+const sm = "sm__e99ecdf5";
+const md = "md__b19cd14b";
+const lg = "lg__5f35c3fe";
+const noPaddingLeft = "noPaddingLeft__b94cb63f";
+const noPaddingRight = "noPaddingRight__9c2240bc";
 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__e74a0eb6";
+const badgePostfix = "badgePostfix__42d831c8";
 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__a3e6c910";
+const badgePrefix = "badgePrefix__98680d64";
 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__d2ebeac4";
-const bodyInner = "bodyInner__0079cdd1";
+const body = "body__c60088ce";
+const bodyInner = "bodyInner__31aa35f6";
 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.52.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.53.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__843a553d";
-const expanded$4 = "expanded__0c4920f3";
+const general = "general__cdfd6a88";
+const expanded$4 = "expanded__f1c8657a";
 const generalStyles = {
   general,
   expanded: expanded$4
 };
-const secondary = "secondary__a525ac86";
-const expanded$3 = "expanded__0c4920f3";
+const secondary = "secondary__b9f1b10a";
+const expanded$3 = "expanded__f1c8657a";
 const secondaryStyles = {
   secondary,
   expanded: expanded$3
 };
-const secondaryLight = "secondaryLight__a9fa04d1";
-const expanded$2 = "expanded__0c4920f3";
+const secondaryLight = "secondaryLight__d01ea038";
+const expanded$2 = "expanded__f1c8657a";
 const secondaryLightStyles = {
   secondaryLight,
   expanded: expanded$2
 };
-const danger = "danger__45712411";
-const expanded$1 = "expanded__0c4920f3";
+const danger = "danger__2fdd3130";
+const expanded$1 = "expanded__f1c8657a";
 const dangerStyles = {
   danger,
   expanded: expanded$1
 };
-const link = "link__a5b4f65d";
-const expanded = "expanded__0c4920f3";
+const link = "link__f22e6ce6";
+const expanded = "expanded__f1c8657a";
 const linkStyles = {
   link,
   expanded
 };
-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 button = "button__23b82972";
+const sm = "sm__53a13f54";
+const icon = "icon__0ecfe5c7";
+const md = "md__36c75fe2";
+const lg = "lg__157e0266";
+const block = "block__266e2f9f";
+const content = "content__90d0bb53";
+const loading = "loading__de0bd895";
+const loader = "loader__3bf7c2a4";
+const hidden = "hidden__892ebbaa";
 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.52.0", ref });
+  return /* @__PURE__ */ jsx("button", { type: "button", ...props, "data-tx": "1.53.0", ref });
 });
 ButtonBase.displayName = "ButtonBase";
 export {

package/components/Button/ButtonDropdown.js

@@ -10,33 +10,33 @@ 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-DkX7SolI.js";
+import "../../chunks/DropdownListItem-BeusEvEd.js";
 import { EDropdownAlignment, EDropdownWidth } from "../Dropdown/desktop/enums.js";
-import "../Dropdown/mobile/DropdownMobile.js";
-import { DropdownMobileBody } from "../Dropdown/mobile/DropdownMobileBody.js";
-import { DropdownMobileClose } from "../Dropdown/mobile/DropdownMobileClose.js";
-import "../Dropdown/mobile/DropdownMobileFooter.js";
-import { DropdownMobileHeader } from "../Dropdown/mobile/DropdownMobileHeader.js";
-import "../Dropdown/mobile/DropdownMobileInner.js";
-import "../Dropdown/mobile/DropdownMobileInput.js";
-import { DropdownMobileList } from "../Dropdown/mobile/DropdownMobileList.js";
-import { DropdownMobileListItem } from "../Dropdown/mobile/DropdownMobileListItem.js";
+import "../Dropdown/Dropdown.js";
+import "../Puller/Puller.js";
+import { PullerBody } from "../Puller/PullerBody.js";
+import { PullerClose } from "../Puller/PullerClose.js";
+import "../Puller/PullerFooter.js";
+import { PullerHeader } from "../Puller/PullerHeader.js";
+import "../Puller/PullerInput.js";
+import { PullerList } from "../Puller/PullerList.js";
+import { PullerListItem } from "../Puller/PullerListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-import "../Dropdown/Dropdown.js";
+import "../Puller/PullerMaskedInput.js";
 import { ETextSize } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-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 buttonDropdown = "buttonDropdown__3520ee73";
+const block = "block__266e2f9f";
+const buttonDropdownTarget = "buttonDropdownTarget__f48fceec";
+const dots = "dots__6f290b1c";
+const caretIcon = "caretIcon__e423346c";
+const active = "active__21787ff3";
+const buttonDropdownMenuItem = "buttonDropdownMenuItem__2afb3754";
 const styles = {
   buttonDropdown,
   block,
@@ -154,17 +154,11 @@ const ButtonDropdown = React__default.forwardRef(
           setOpened,
           targetRef: buttonRef,
           ref: dropdownRef,
-          mobileViewProps: {
+          pullerProps: {
             children: /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(
-                DropdownMobileHeader,
-                {
-                  controlButtons: /* @__PURE__ */ jsx(DropdownMobileClose, { onClick: () => setOpened(false) }),
-                  children: /* @__PURE__ */ jsx(Text, { tag: "div", size: ETextSize.B3, children })
-                }
-              ),
-              /* @__PURE__ */ jsx(DropdownMobileBody, { children: /* @__PURE__ */ jsx(DropdownMobileList, { children: options.map(({ label, ...restOption }) => /* @__PURE__ */ createElement(
-                DropdownMobileListItem,
+              /* @__PURE__ */ jsx(PullerHeader, { controlButtons: /* @__PURE__ */ jsx(PullerClose, { onClick: () => setOpened(false) }), children: /* @__PURE__ */ jsx(Text, { tag: "div", size: ETextSize.B3, children }) }),
+              /* @__PURE__ */ jsx(PullerBody, { children: /* @__PURE__ */ jsx(PullerList, { children: options.map(({ label, ...restOption }) => /* @__PURE__ */ createElement(
+                PullerListItem,
                 {
                   ...restOption,
                   key: restOption.id,

package/components/Button/ButtonDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonDropdown.js","sources":["../../../src/components/Button/ButtonDropdown.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport {\n    CaretdownStrokeSrvIcon24,\n    CaretdownStrokeSrvIcon20,\n    CaretdownStrokeSrvIcon16,\n    DotshorizontalStrokeSrvIcon32,\n    DotshorizontalStrokeSrvIcon24,\n    DotshorizontalStrokeSrvIcon20,\n} from \"@sberbusiness/icons-next\";\nimport {\n    ButtonDropdownExtended,\n    IButtonDropdownExtendedButtonProvideProps,\n    IButtonDropdownExtendedDropdownProvideProps,\n} from \"./ButtonDropdownExtended\";\nimport { Button } from \"./Button\";\nimport { EButtonDotsTheme, EButtonTheme } from \"./enums\";\nimport { isKey } from \"../../utils/keyboard\";\nimport {\n    DropdownList,\n    DropdownListContext,\n    DropdownMobileHeader,\n    DropdownMobileClose,\n    DropdownMobileBody,\n    DropdownMobileList,\n    DropdownMobileListItem,\n    IDropdownListItemProps,\n    EDropdownWidth,\n    EDropdownAlignment,\n} from \"../Dropdown\";\nimport { Text, ETextSize } from \"../Typography\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { DataAttributes } from \"../../types/CoreTypes\";\nimport styles from \"./styles/ButtonDropdown.module.less\";\n\n/** Свойства опции в выпадающем списке действий. */\nexport interface IButtonDropdownOption extends Omit<\n    IDropdownListItemProps,\n    \"active\" | \"onSelect\" | \"selected\" | \"keyCodesForSelection\" | \"className\" | \"key\"\n> {\n    /** Уникальное имя опции. */\n    id: string;\n    /** Название опции. */\n    label: React.ReactNode;\n    /** Обработчик выбора опции. */\n    onSelect?: () => void;\n}\n\n/** Свойства кнопки с выпадающим списком действий. */\nexport interface IButtonDropdownProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** HTML-атрибуты кнопки. */\n    buttonAttributes?: React.ButtonHTMLAttributes<HTMLButtonElement>;\n    /** HTML-атрибуты Dropdown. */\n    dropdownAttributes?: React.HTMLAttributes<HTMLDivElement> & DataAttributes;\n    /** Размер кнопки. */\n    size: EComponentSize;\n    /** Список опций. */\n    options: IButtonDropdownOption[];\n    /** Выбранная опция. */\n    selected?: IButtonDropdownOption;\n    /** Отключенное состояние кнопки. */\n    disabled?: boolean;\n    /** Управляемое состояние открытости dropdown (controlled-режим). Задаётся в паре с setOpened; без setOpened состояние зафиксировано (например, для visual-тестов). */\n    opened?: boolean;\n    /** Обработчик изменения состояния открытости dropdown (пара к opened). */\n    setOpened?: (opened: boolean) => void;\n}\n\n/** Темы триггера, отображаемого как обычная кнопка (без dots-вариантов). */\nexport type TButtonDropdownButtonTheme =\n    EButtonTheme.GENERAL | EButtonTheme.SECONDARY | EButtonTheme.SECONDARY_LIGHT | EButtonTheme.DANGER;\n\n/** Свойства основной/вспомогательной кнопки с выпадающим списком действий. */\nexport interface IButtonDropdownBaseProps extends IButtonDropdownProps {\n    /** Тема кнопки. */\n    theme: TButtonDropdownButtonTheme;\n    /** Блочное состояние кнопки. */\n    block?: boolean;\n}\n\n/** Свойства контекстной кнопки с выпадающим списком действий. */\nexport interface IButtonDotsProps extends IButtonDropdownProps {\n    /** Тема кнопки. */\n    theme: EButtonDotsTheme;\n    /** Блочное состояние кнопки. */\n    block?: never;\n}\n\n/** Тема триггера: обычная кнопка либо кнопка-dots. */\nexport type TButtonDropdownTheme = TButtonDropdownButtonTheme | EButtonDotsTheme;\n\n/** Триггер отображается как кнопка-dots (иконка вместо текста и каретки). */\nconst isDotsTheme = (theme: TButtonDropdownTheme): theme is EButtonDotsTheme =>\n    theme === EButtonDotsTheme.DOTS_SECONDARY || theme === EButtonDotsTheme.DOTS_SECONDARY_LIGHT;\n\nconst DOTS_THEME_TO_BUTTON_THEME_MAP: Record<EButtonDotsTheme, TButtonDropdownButtonTheme> = {\n    [EButtonDotsTheme.DOTS_SECONDARY]: EButtonTheme.SECONDARY,\n    [EButtonDotsTheme.DOTS_SECONDARY_LIGHT]: EButtonTheme.SECONDARY_LIGHT,\n};\n\n/** Индекс палитры каретки: на цветной заливке — светлая иконка (7), на светлом фоне — тёмная (0). */\nconst THEME_TO_CARET_PALETTE_INDEX_MAP: Record<TButtonDropdownButtonTheme, 0 | 7> = {\n    [EButtonTheme.GENERAL]: 7,\n    [EButtonTheme.DANGER]: 7,\n    [EButtonTheme.SECONDARY]: 0,\n    [EButtonTheme.SECONDARY_LIGHT]: 0,\n};\n\nconst SIZE_TO_DOTS_ICON_MAP: Record<EComponentSize, React.ReactElement> = {\n    [EComponentSize.SM]: <DotshorizontalStrokeSrvIcon20 paletteIndex={0} />,\n    [EComponentSize.MD]: <DotshorizontalStrokeSrvIcon24 paletteIndex={0} />,\n    [EComponentSize.LG]: <DotshorizontalStrokeSrvIcon32 paletteIndex={0} />,\n};\n\nconst SIZE_TO_CARET_ICON_MAP: Record<EComponentSize, (paletteIndex: 0 | 7) => React.ReactElement> = {\n    [EComponentSize.SM]: (paletteIndex) => (\n        <CaretdownStrokeSrvIcon16 paletteIndex={paletteIndex} className={styles.caretIcon} />\n    ),\n    [EComponentSize.MD]: (paletteIndex) => (\n        <CaretdownStrokeSrvIcon20 paletteIndex={paletteIndex} className={styles.caretIcon} />\n    ),\n    [EComponentSize.LG]: (paletteIndex) => (\n        <CaretdownStrokeSrvIcon24 paletteIndex={paletteIndex} className={styles.caretIcon} />\n    ),\n};\n\n/**\n * Кнопка с выпадающим списком действий.\n * Триггер отображается либо как обычная кнопка с текстом и кареткой, либо как кнопка-dots (тема EButtonDotsTheme).\n */\nexport const ButtonDropdown = React.forwardRef<HTMLButtonElement, IButtonDropdownBaseProps | IButtonDotsProps>(\n    (props, ref) => {\n        const {\n            buttonAttributes,\n            dropdownAttributes = {},\n            children,\n            className,\n            theme,\n            size,\n            options,\n            selected,\n            block,\n            disabled,\n            ...rest\n        } = props;\n\n        const buttonRef = useRef<HTMLButtonElement | null>(null);\n        const dropdownRef = useRef<HTMLDivElement>(null);\n        const classNames = clsx(styles.buttonDropdown, { [styles.block]: !!block }, className);\n        const [activeDescendant, setActiveDescendant] = useState<string>();\n        const [instanceId] = useState(() => uniqueId());\n\n        const isDots = isDotsTheme(theme);\n        const buttonTheme = isDots ? DOTS_THEME_TO_BUTTON_THEME_MAP[theme] : theme;\n\n        const setRef = (instance: HTMLButtonElement | null) => {\n            buttonRef.current = instance;\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref) {\n                ref.current = instance;\n            }\n        };\n\n        const handleClick =\n            ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) =>\n            () =>\n                setOpened(!opened);\n\n        const handleKeyDown =\n            ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) =>\n            (event: React.KeyboardEvent<HTMLButtonElement>) => {\n                // Сравнивается event.code (как в ButtonDropdownExtended): event.key пробела — \" \", он не входит в EVENT_KEYS.SPACE.\n                const key: string | number = event.code || event.keyCode;\n\n                if (isKey(key, \"SPACE\") || isKey(key, \"ARROW_UP\") || isKey(key, \"ARROW_DOWN\")) {\n                    event.preventDefault();\n                }\n                if (isKey(key, \"SPACE\")) {\n                    // preventDefault отменяет нативную click-активацию кнопки по пробелу — переключение выполняется явно.\n                    setOpened(!opened);\n                } else if (!opened && (isKey(key, \"ARROW_UP\") || isKey(key, \"ARROW_DOWN\"))) {\n                    setOpened(true);\n                }\n            };\n\n        const renderCaret = () => SIZE_TO_CARET_ICON_MAP[size](THEME_TO_CARET_PALETTE_INDEX_MAP[buttonTheme]);\n\n        const renderButton = ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) => {\n            const classNames = clsx(styles.buttonDropdownTarget, {\n                [styles.dots]: isDots,\n                [styles.block]: !!block,\n                [styles.active]: opened && !isDots,\n            });\n\n            return (\n                <Button\n                    className={classNames}\n                    theme={buttonTheme}\n                    size={size}\n                    onKeyDown={handleKeyDown({ opened, setOpened })}\n                    onClick={handleClick({ opened, setOpened })}\n                    disabled={disabled}\n                    aria-haspopup=\"menu\"\n                    aria-expanded={opened}\n                    aria-controls={instanceId}\n                    aria-activedescendant={activeDescendant}\n                    icon={isDots ? SIZE_TO_DOTS_ICON_MAP[size] : undefined}\n                    {...buttonAttributes}\n                    ref={setRef}\n                >\n                    {isDots ? undefined : (\n                        <>\n                            {children}\n                            {renderCaret()}\n                        </>\n                    )}\n                </Button>\n            );\n        };\n\n        const renderDropdown = ({ opened, setOpened, className }: IButtonDropdownExtendedDropdownProvideProps) => {\n            const { className: dropdownClassName, ...restDropdownAttributes } = dropdownAttributes;\n            const classNames = clsx(className, dropdownClassName);\n\n            return (\n                <DropdownListContext.Provider value={{ activeDescendant, setActiveDescendant }}>\n                    <ButtonDropdownExtended.Dropdown\n                        {...restDropdownAttributes}\n                        className={classNames}\n                        size={size}\n                        width={EDropdownWidth.MIN_TARGET}\n                        alignment={EDropdownAlignment.RIGHT}\n                        opened={opened}\n                        setOpened={setOpened}\n                        targetRef={buttonRef}\n                        ref={dropdownRef}\n                        mobileViewProps={{\n                            children: (\n                                <>\n                                    <DropdownMobileHeader\n                                        controlButtons={<DropdownMobileClose onClick={() => setOpened(false)} />}\n                                    >\n                                        <Text tag=\"div\" size={ETextSize.B3}>\n                                            {children}\n                                        </Text>\n                                    </DropdownMobileHeader>\n                                    <DropdownMobileBody>\n                                        <DropdownMobileList>\n                                            {options.map(({ label, ...restOption }) => (\n                                                <DropdownMobileListItem\n                                                    {...restOption}\n                                                    key={restOption.id}\n                                                    selected={restOption.id === selected?.id}\n                                                    onSelect={() => {\n                                                        restOption.onSelect?.();\n                                                        setOpened(false);\n                                                    }}\n                                                >\n                                                    {label}\n                                                </DropdownMobileListItem>\n                                            ))}\n                                        </DropdownMobileList>\n                                    </DropdownMobileBody>\n                                </>\n                            ),\n                        }}\n                    >\n                        <DropdownList dropdownOpened={opened} id={instanceId} size={size}>\n                            {options.map(({ label, ...restOption }) => (\n                                <DropdownList.Item\n                                    {...restOption}\n                                    className={styles.buttonDropdownMenuItem}\n                                    key={restOption.id}\n                                    selected={restOption.id === selected?.id}\n                                    onSelect={() => {\n                                        restOption.onSelect?.();\n                                        setOpened(false);\n                                    }}\n                                >\n                                    {label}\n                                </DropdownList.Item>\n                            ))}\n                        </DropdownList>\n                    </ButtonDropdownExtended.Dropdown>\n                </DropdownListContext.Provider>\n            );\n        };\n\n        return (\n            <ButtonDropdownExtended\n                className={classNames}\n                renderButton={renderButton}\n                renderDropdown={renderDropdown}\n                dropdownRef={dropdownRef}\n                closeOnTab\n                {...rest}\n            />\n        );\n    },\n);\n\nButtonDropdown.displayName = \"ButtonDropdown\";\n"],"names":["React","block","classNames","className"],"mappings":"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"}
+{"version":3,"file":"ButtonDropdown.js","sources":["../../../src/components/Button/ButtonDropdown.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport {\n    CaretdownStrokeSrvIcon24,\n    CaretdownStrokeSrvIcon20,\n    CaretdownStrokeSrvIcon16,\n    DotshorizontalStrokeSrvIcon32,\n    DotshorizontalStrokeSrvIcon24,\n    DotshorizontalStrokeSrvIcon20,\n} from \"@sberbusiness/icons-next\";\nimport {\n    ButtonDropdownExtended,\n    IButtonDropdownExtendedButtonProvideProps,\n    IButtonDropdownExtendedDropdownProvideProps,\n} from \"./ButtonDropdownExtended\";\nimport { Button } from \"./Button\";\nimport { EButtonDotsTheme, EButtonTheme } from \"./enums\";\nimport { isKey } from \"../../utils/keyboard\";\nimport {\n    DropdownList,\n    DropdownListContext,\n    IDropdownListItemProps,\n    EDropdownWidth,\n    EDropdownAlignment,\n} from \"../Dropdown\";\nimport { PullerHeader, PullerClose, PullerBody, PullerList, PullerListItem } from \"../Puller\";\nimport { Text, ETextSize } from \"../Typography\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { DataAttributes } from \"../../types/CoreTypes\";\nimport styles from \"./styles/ButtonDropdown.module.less\";\n\n/** Свойства опции в выпадающем списке действий. */\nexport interface IButtonDropdownOption extends Omit<\n    IDropdownListItemProps,\n    \"active\" | \"onSelect\" | \"selected\" | \"keyCodesForSelection\" | \"className\" | \"key\"\n> {\n    /** Уникальное имя опции. */\n    id: string;\n    /** Название опции. */\n    label: React.ReactNode;\n    /** Обработчик выбора опции. */\n    onSelect?: () => void;\n}\n\n/** Свойства кнопки с выпадающим списком действий. */\nexport interface IButtonDropdownProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** HTML-атрибуты кнопки. */\n    buttonAttributes?: React.ButtonHTMLAttributes<HTMLButtonElement>;\n    /** HTML-атрибуты Dropdown. */\n    dropdownAttributes?: React.HTMLAttributes<HTMLDivElement> & DataAttributes;\n    /** Размер кнопки. */\n    size: EComponentSize;\n    /** Список опций. */\n    options: IButtonDropdownOption[];\n    /** Выбранная опция. */\n    selected?: IButtonDropdownOption;\n    /** Отключенное состояние кнопки. */\n    disabled?: boolean;\n    /** Управляемое состояние открытости dropdown (controlled-режим). Задаётся в паре с setOpened; без setOpened состояние зафиксировано (например, для visual-тестов). */\n    opened?: boolean;\n    /** Обработчик изменения состояния открытости dropdown (пара к opened). */\n    setOpened?: (opened: boolean) => void;\n}\n\n/** Темы триггера, отображаемого как обычная кнопка (без dots-вариантов). */\nexport type TButtonDropdownButtonTheme =\n    EButtonTheme.GENERAL | EButtonTheme.SECONDARY | EButtonTheme.SECONDARY_LIGHT | EButtonTheme.DANGER;\n\n/** Свойства основной/вспомогательной кнопки с выпадающим списком действий. */\nexport interface IButtonDropdownBaseProps extends IButtonDropdownProps {\n    /** Тема кнопки. */\n    theme: TButtonDropdownButtonTheme;\n    /** Блочное состояние кнопки. */\n    block?: boolean;\n}\n\n/** Свойства контекстной кнопки с выпадающим списком действий. */\nexport interface IButtonDotsProps extends IButtonDropdownProps {\n    /** Тема кнопки. */\n    theme: EButtonDotsTheme;\n    /** Блочное состояние кнопки. */\n    block?: never;\n}\n\n/** Тема триггера: обычная кнопка либо кнопка-dots. */\nexport type TButtonDropdownTheme = TButtonDropdownButtonTheme | EButtonDotsTheme;\n\n/** Триггер отображается как кнопка-dots (иконка вместо текста и каретки). */\nconst isDotsTheme = (theme: TButtonDropdownTheme): theme is EButtonDotsTheme =>\n    theme === EButtonDotsTheme.DOTS_SECONDARY || theme === EButtonDotsTheme.DOTS_SECONDARY_LIGHT;\n\nconst DOTS_THEME_TO_BUTTON_THEME_MAP: Record<EButtonDotsTheme, TButtonDropdownButtonTheme> = {\n    [EButtonDotsTheme.DOTS_SECONDARY]: EButtonTheme.SECONDARY,\n    [EButtonDotsTheme.DOTS_SECONDARY_LIGHT]: EButtonTheme.SECONDARY_LIGHT,\n};\n\n/** Индекс палитры каретки: на цветной заливке — светлая иконка (7), на светлом фоне — тёмная (0). */\nconst THEME_TO_CARET_PALETTE_INDEX_MAP: Record<TButtonDropdownButtonTheme, 0 | 7> = {\n    [EButtonTheme.GENERAL]: 7,\n    [EButtonTheme.DANGER]: 7,\n    [EButtonTheme.SECONDARY]: 0,\n    [EButtonTheme.SECONDARY_LIGHT]: 0,\n};\n\nconst SIZE_TO_DOTS_ICON_MAP: Record<EComponentSize, React.ReactElement> = {\n    [EComponentSize.SM]: <DotshorizontalStrokeSrvIcon20 paletteIndex={0} />,\n    [EComponentSize.MD]: <DotshorizontalStrokeSrvIcon24 paletteIndex={0} />,\n    [EComponentSize.LG]: <DotshorizontalStrokeSrvIcon32 paletteIndex={0} />,\n};\n\nconst SIZE_TO_CARET_ICON_MAP: Record<EComponentSize, (paletteIndex: 0 | 7) => React.ReactElement> = {\n    [EComponentSize.SM]: (paletteIndex) => (\n        <CaretdownStrokeSrvIcon16 paletteIndex={paletteIndex} className={styles.caretIcon} />\n    ),\n    [EComponentSize.MD]: (paletteIndex) => (\n        <CaretdownStrokeSrvIcon20 paletteIndex={paletteIndex} className={styles.caretIcon} />\n    ),\n    [EComponentSize.LG]: (paletteIndex) => (\n        <CaretdownStrokeSrvIcon24 paletteIndex={paletteIndex} className={styles.caretIcon} />\n    ),\n};\n\n/**\n * Кнопка с выпадающим списком действий.\n * Триггер отображается либо как обычная кнопка с текстом и кареткой, либо как кнопка-dots (тема EButtonDotsTheme).\n */\nexport const ButtonDropdown = React.forwardRef<HTMLButtonElement, IButtonDropdownBaseProps | IButtonDotsProps>(\n    (props, ref) => {\n        const {\n            buttonAttributes,\n            dropdownAttributes = {},\n            children,\n            className,\n            theme,\n            size,\n            options,\n            selected,\n            block,\n            disabled,\n            ...rest\n        } = props;\n\n        const buttonRef = useRef<HTMLButtonElement | null>(null);\n        const dropdownRef = useRef<HTMLDivElement>(null);\n        const classNames = clsx(styles.buttonDropdown, { [styles.block]: !!block }, className);\n        const [activeDescendant, setActiveDescendant] = useState<string>();\n        const [instanceId] = useState(() => uniqueId());\n\n        const isDots = isDotsTheme(theme);\n        const buttonTheme = isDots ? DOTS_THEME_TO_BUTTON_THEME_MAP[theme] : theme;\n\n        const setRef = (instance: HTMLButtonElement | null) => {\n            buttonRef.current = instance;\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref) {\n                ref.current = instance;\n            }\n        };\n\n        const handleClick =\n            ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) =>\n            () =>\n                setOpened(!opened);\n\n        const handleKeyDown =\n            ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) =>\n            (event: React.KeyboardEvent<HTMLButtonElement>) => {\n                // Сравнивается event.code (как в ButtonDropdownExtended): event.key пробела — \" \", он не входит в EVENT_KEYS.SPACE.\n                const key: string | number = event.code || event.keyCode;\n\n                if (isKey(key, \"SPACE\") || isKey(key, \"ARROW_UP\") || isKey(key, \"ARROW_DOWN\")) {\n                    event.preventDefault();\n                }\n                if (isKey(key, \"SPACE\")) {\n                    // preventDefault отменяет нативную click-активацию кнопки по пробелу — переключение выполняется явно.\n                    setOpened(!opened);\n                } else if (!opened && (isKey(key, \"ARROW_UP\") || isKey(key, \"ARROW_DOWN\"))) {\n                    setOpened(true);\n                }\n            };\n\n        const renderCaret = () => SIZE_TO_CARET_ICON_MAP[size](THEME_TO_CARET_PALETTE_INDEX_MAP[buttonTheme]);\n\n        const renderButton = ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) => {\n            const classNames = clsx(styles.buttonDropdownTarget, {\n                [styles.dots]: isDots,\n                [styles.block]: !!block,\n                [styles.active]: opened && !isDots,\n            });\n\n            return (\n                <Button\n                    className={classNames}\n                    theme={buttonTheme}\n                    size={size}\n                    onKeyDown={handleKeyDown({ opened, setOpened })}\n                    onClick={handleClick({ opened, setOpened })}\n                    disabled={disabled}\n                    aria-haspopup=\"menu\"\n                    aria-expanded={opened}\n                    aria-controls={instanceId}\n                    aria-activedescendant={activeDescendant}\n                    icon={isDots ? SIZE_TO_DOTS_ICON_MAP[size] : undefined}\n                    {...buttonAttributes}\n                    ref={setRef}\n                >\n                    {isDots ? undefined : (\n                        <>\n                            {children}\n                            {renderCaret()}\n                        </>\n                    )}\n                </Button>\n            );\n        };\n\n        const renderDropdown = ({ opened, setOpened, className }: IButtonDropdownExtendedDropdownProvideProps) => {\n            const { className: dropdownClassName, ...restDropdownAttributes } = dropdownAttributes;\n            const classNames = clsx(className, dropdownClassName);\n\n            return (\n                <DropdownListContext.Provider value={{ activeDescendant, setActiveDescendant }}>\n                    <ButtonDropdownExtended.Dropdown\n                        {...restDropdownAttributes}\n                        className={classNames}\n                        size={size}\n                        width={EDropdownWidth.MIN_TARGET}\n                        alignment={EDropdownAlignment.RIGHT}\n                        opened={opened}\n                        setOpened={setOpened}\n                        targetRef={buttonRef}\n                        ref={dropdownRef}\n                        pullerProps={{\n                            children: (\n                                <>\n                                    <PullerHeader controlButtons={<PullerClose onClick={() => setOpened(false)} />}>\n                                        <Text tag=\"div\" size={ETextSize.B3}>\n                                            {children}\n                                        </Text>\n                                    </PullerHeader>\n                                    <PullerBody>\n                                        <PullerList>\n                                            {options.map(({ label, ...restOption }) => (\n                                                <PullerListItem\n                                                    {...restOption}\n                                                    key={restOption.id}\n                                                    selected={restOption.id === selected?.id}\n                                                    onSelect={() => {\n                                                        restOption.onSelect?.();\n                                                        setOpened(false);\n                                                    }}\n                                                >\n                                                    {label}\n                                                </PullerListItem>\n                                            ))}\n                                        </PullerList>\n                                    </PullerBody>\n                                </>\n                            ),\n                        }}\n                    >\n                        <DropdownList dropdownOpened={opened} id={instanceId} size={size}>\n                            {options.map(({ label, ...restOption }) => (\n                                <DropdownList.Item\n                                    {...restOption}\n                                    className={styles.buttonDropdownMenuItem}\n                                    key={restOption.id}\n                                    selected={restOption.id === selected?.id}\n                                    onSelect={() => {\n                                        restOption.onSelect?.();\n                                        setOpened(false);\n                                    }}\n                                >\n                                    {label}\n                                </DropdownList.Item>\n                            ))}\n                        </DropdownList>\n                    </ButtonDropdownExtended.Dropdown>\n                </DropdownListContext.Provider>\n            );\n        };\n\n        return (\n            <ButtonDropdownExtended\n                className={classNames}\n                renderButton={renderButton}\n                renderDropdown={renderDropdown}\n                dropdownRef={dropdownRef}\n                closeOnTab\n                {...rest}\n            />\n        );\n    },\n);\n\nButtonDropdown.displayName = \"ButtonDropdown\";\n"],"names":["React","block","classNames","className"],"mappings":"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"}

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__916acbf9";
-const buttonDropdownExtendedBlock = "buttonDropdownExtendedBlock__abaacacd";
+const buttonDropdownExtended = "buttonDropdownExtended__b8d00ca1";
+const buttonDropdownExtendedBlock = "buttonDropdownExtendedBlock__991482ac";
 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__3e283ff9";
-const circle = "circle__5b68235c";
-const squircle = "squircle__bd4ff139";
+const buttonIcon = "buttonIcon__38199dc3";
+const circle = "circle__97e2796b";
+const squircle = "squircle__959f508f";
 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__4557b4a2";
-const extraBottom = "extraBottom__85c0534a";
-const adaptive = "adaptive__ac9d6916";
+const calendar = "calendar__e0589a75";
+const extraBottom = "extraBottom__c01840bc";
+const adaptive = "adaptive__7eea6196";
 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.52.0", children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx("div", { className: classNames, "data-tx": "1.53.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__c387c39b";
+const calendarControls = "calendarControls__cd3661f2";
 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__9a36787a";
+const calendarFooter = "calendarFooter__ce88ea89";
 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-DzgMlLlH.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-C5B_AMt4.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-DzgMlLlH.js";
+import { C } from "../../../chunks/CalendarViewItem-C5B_AMt4.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-DzgMlLlH.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-C5B_AMt4.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-DzgMlLlH.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-C5B_AMt4.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-DVndDHx3.js";
-const action = "action__802884d5";
-const selected = "selected__7a177186";
-const focusVisible = "focusVisible__b99e928a";
+import { c as cardStyles } from "../../chunks/Card.module-DGKGpZJS.js";
+const action = "action__7fc1aaaa";
+const selected = "selected__460711bd";
+const focusVisible = "focusVisible__f02088a4";
 const actionStyles = {
   action,
   selected,
@@ -140,7 +140,7 @@ class CardAction extends React__default.Component {
         role: "button",
         ...attributes,
         ref: this.ref,
-        "data-tx": "1.52.0",
+        "data-tx": "1.53.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-DVndDHx3.js";
+import { c as cardStyles } from "../../chunks/Card.module-DGKGpZJS.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.52.0",
+      "data-tx": "1.53.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-DVndDHx3.js";
+import { c as cardStyles } from "../../../../chunks/Card.module-DGKGpZJS.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-DVndDHx3.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-DGKGpZJS.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-DVndDHx3.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-DGKGpZJS.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-DVndDHx3.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-DGKGpZJS.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-DVndDHx3.js";
+import { c as cardStyles } from "../../../chunks/Card.module-DGKGpZJS.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-DVndDHx3.js";
+import { c as cardStyles } from "../../chunks/Card.module-DGKGpZJS.js";
 const mapCardRoundingSizeToCssClass = {
   [ECardRoundingSize.LG]: cardStyles.roundingLG,
   [ECardRoundingSize.MD]: cardStyles.roundingMD,

package/components/Carousel/Carousel.js

@@ -6,7 +6,7 @@ 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 { s as styles } from "../../chunks/Carousel.module-wVF6c2RP.js";
 import { CarouselViewport } from "./CarouselViewport.js";
 import { CarouselTrack } from "./CarouselTrack.js";
 import { CarouselItem } from "./CarouselItem.js";