@sberbusiness/triplex-next 1.36.0 → 1.38.0

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-Bco_z_Yi.js";
-const body = "body__c2336445";
-const bodyInner = "bodyInner__ecb53cb6";
+const body = "body__6a02a213";
+const bodyInner = "bodyInner__262a69cd";
 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.36.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.38.0", ref, children: /* @__PURE__ */ jsx("div", { className: styles.bodyInner, children }) }));
 Body.displayName = "Body";
 export {
   Body

package/components/Button/Button.js

@@ -9,46 +9,46 @@ import { EButtonTheme } from "./enums.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const general = "general__4e0dc5cd";
-const expanded$4 = "expanded__bed7bdb6";
+const general = "general__c3673c83";
+const expanded$4 = "expanded__7349910b";
 const generalStyles = {
   general,
   expanded: expanded$4
 };
-const secondary = "secondary__abf6bcfc";
-const expanded$3 = "expanded__bed7bdb6";
+const secondary = "secondary__c7507ee0";
+const expanded$3 = "expanded__7349910b";
 const secondaryStyles = {
   secondary,
   expanded: expanded$3
 };
-const secondaryLight = "secondaryLight__fabd8a39";
-const expanded$2 = "expanded__bed7bdb6";
+const secondaryLight = "secondaryLight__5c4abbfd";
+const expanded$2 = "expanded__7349910b";
 const secondaryLightStyles = {
   secondaryLight,
   expanded: expanded$2
 };
-const danger = "danger__f2ac8734";
-const expanded$1 = "expanded__bed7bdb6";
+const danger = "danger__575e0e74";
+const expanded$1 = "expanded__7349910b";
 const dangerStyles = {
   danger,
   expanded: expanded$1
 };
-const link = "link__3ad93756";
-const expanded = "expanded__bed7bdb6";
+const link = "link__0f44719b";
+const expanded = "expanded__7349910b";
 const linkStyles = {
   link,
   expanded
 };
-const button = "button__31415f41";
-const sm = "sm__d636bfb4";
-const icon = "icon__63ce8a9e";
-const md = "md__46668306";
-const lg = "lg__6bf95f13";
-const block = "block__591e9890";
-const content = "content__3ccfcf3a";
-const loading = "loading__6dbb926e";
-const loader = "loader__e430de2b";
-const hidden = "hidden__2f77b9aa";
+const button = "button__372d6106";
+const sm = "sm__b7886490";
+const icon = "icon__f7fed3d0";
+const md = "md__03e55598";
+const lg = "lg__07c2c7a4";
+const block = "block__864eebed";
+const content = "content__cbdb73b6";
+const loading = "loading__ce3dc68b";
+const loader = "loader__b97b567c";
+const hidden = "hidden__09a4d150";
 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.36.0", ref });
+  return /* @__PURE__ */ jsx("button", { type: "button", ...props, "data-tx": "1.38.0", ref });
 });
 ButtonBase.displayName = "ButtonBase";
 export {

package/components/Button/ButtonDropdown.js

@@ -11,7 +11,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-C9UYL13j.js";
+import "../../chunks/DropdownListItem-R6GgcMur.js";
 import { EDropdownAlignment, EDropdownWidth } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "../Dropdown/mobile/DropdownMobileBody.js";
@@ -31,13 +31,13 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const buttonDropdown = "buttonDropdown__c256262b";
-const block = "block__591e9890";
-const buttonDropdownTarget = "buttonDropdownTarget__e9b9d716";
-const dots = "dots__a556376e";
-const caretIcon = "caretIcon__a3c9fa4d";
-const active = "active__7f60ecfc";
-const buttonDropdownMenuItem = "buttonDropdownMenuItem__847d0235";
+const buttonDropdown = "buttonDropdown__c8a7973f";
+const block = "block__864eebed";
+const buttonDropdownTarget = "buttonDropdownTarget__920fee6c";
+const dots = "dots__f93f5c68";
+const caretIcon = "caretIcon__568b13cc";
+const active = "active__d565f447";
+const buttonDropdownMenuItem = "buttonDropdownMenuItem__924fbb03";
 const styles = {
   buttonDropdown,
   block,
@@ -59,7 +59,19 @@ const SIZE_TO_CARET_ICON_MAP = {
 };
 const ButtonDropdown = React__default.forwardRef(
   (props, ref) => {
-    const { buttonAttributes, children, className, theme, size, options, selected, block: block2, disabled, ...rest } = props;
+    const {
+      buttonAttributes,
+      dropdownAttributes = {},
+      children,
+      className,
+      theme,
+      size,
+      options,
+      selected,
+      block: block2,
+      disabled,
+      ...rest
+    } = props;
     const buttonRef = useRef(null);
     const dropdownRef = useRef(null);
     const classNames = clsx(styles.buttonDropdown, { [styles.block]: !!block2 }, className);
@@ -138,10 +150,12 @@ const ButtonDropdown = React__default.forwardRef(
       }
     };
     const renderDropdown = ({ opened, setOpened, className: className2 }) => {
-      const classNames2 = clsx(styles.buttonDropdownMenu, className2);
+      const { className: dropdownClassName, ...restDropdownAttributes } = dropdownAttributes;
+      const classNames2 = clsx(styles.buttonDropdownMenu, className2, dropdownClassName);
       return /* @__PURE__ */ jsx(DropdownListContext.Provider, { value: { activeDescendant, setActiveDescendant }, children: /* @__PURE__ */ jsx(
         ButtonDropdownExtended.Dropdown,
         {
+          ...restDropdownAttributes,
           className: classNames2,
           size,
           width: EDropdownWidth.MIN_TARGET,

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 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    /** Размер кнопки. */\n    size: EComponentSize;\n    /** Список опций. */\n    options: IButtonDropdownOption[];\n    /** Выбранная опция. */\n    selected?: IButtonDropdownOption;\n    /** Отключенное состояние кнопки. */\n    disabled?: boolean;\n}\n\n/** Свойства основной/вспомогательной кнопки с выпадающим списком действий. */\ninterface IButtonDropdownBaseProps extends IButtonDropdownProps {\n    /** Тема кнопки. */\n    theme: EButtonTheme.GENERAL | EButtonTheme.SECONDARY | EButtonTheme.SECONDARY_LIGHT | EButtonTheme.DANGER;\n    /** Блочное состояние кнопки. */\n    block?: boolean;\n}\n\n/** Свойства контекстной кнопки с выпадающим списком действий. */\ninterface IButtonDotsProps extends IButtonDropdownProps {\n    /** Тема кнопки. */\n    theme: EButtonDotsTheme;\n    /** Блочное состояние кнопки. */\n    block?: never;\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/** Кнопка с выпадающим списком действий. */\nexport const ButtonDropdown = React.forwardRef<HTMLButtonElement, IButtonDropdownBaseProps | IButtonDotsProps>(\n    (props, ref) => {\n        const { buttonAttributes, children, className, theme, size, options, selected, block, disabled, ...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 = useRef(uniqueId());\n\n        const renderButton = ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) => {\n            const classNames = clsx(styles.buttonDropdownTarget, {\n                [styles.block]: !!block,\n                [styles.active]: opened,\n            });\n\n            return (\n                <Button\n                    className={classNames}\n                    theme={theme as EButtonTheme}\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.current}\n                    aria-activedescendant={activeDescendant}\n                    {...buttonAttributes}\n                    ref={setRef}\n                >\n                    {children}\n                    {renderCaret()}\n                </Button>\n            );\n        };\n\n        const renderButtonDots = ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) => {\n            const classNames = clsx(styles.buttonDropdownTarget, styles.dots, {\n                [styles.block]: !!block,\n            });\n\n            return (\n                <Button\n                    className={classNames}\n                    theme={\n                        theme === EButtonDotsTheme.DOTS_SECONDARY\n                            ? EButtonTheme.SECONDARY\n                            : EButtonTheme.SECONDARY_LIGHT\n                    }\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.current}\n                    aria-activedescendant={activeDescendant}\n                    {...buttonAttributes}\n                    ref={setRef}\n                    icon={SIZE_TO_DOTS_ICON_MAP[size]}\n                />\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                const { key } = event;\n\n                if (isKey(key, \"SPACE\") || isKey(key, \"ARROW_UP\") || isKey(key, \"ARROW_DOWN\")) {\n                    event.preventDefault();\n                }\n                if (!opened && (isKey(key, \"ARROW_UP\") || isKey(key, \"ARROW_DOWN\"))) {\n                    setOpened(true);\n                }\n            };\n\n        const renderCaret = () => {\n            switch (theme) {\n                case EButtonTheme.GENERAL:\n                case EButtonTheme.DANGER:\n                    return SIZE_TO_CARET_ICON_MAP[size](7);\n                case EButtonTheme.SECONDARY:\n                case EButtonTheme.SECONDARY_LIGHT:\n                    return SIZE_TO_CARET_ICON_MAP[size](0);\n                default:\n                    return null;\n            }\n        };\n\n        const renderDropdown = ({ opened, setOpened, className }: IButtonDropdownExtendedDropdownProvideProps) => {\n            const classNames = clsx(styles.buttonDropdownMenu, className);\n\n            return (\n                <DropdownListContext.Provider value={{ activeDescendant, setActiveDescendant }}>\n                    <ButtonDropdownExtended.Dropdown\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((option) => (\n                                                <DropdownMobileListItem\n                                                    {...option}\n                                                    key={option.id}\n                                                    selected={option.id === selected?.id}\n                                                    onSelect={() => {\n                                                        option.onSelect?.();\n                                                        setOpened(false);\n                                                    }}\n                                                >\n                                                    {option.label}\n                                                </DropdownMobileListItem>\n                                            ))}\n                                        </DropdownMobileList>\n                                    </DropdownMobileBody>\n                                </>\n                            ),\n                        }}\n                    >\n                        <DropdownList dropdownOpened={opened} id={instanceId.current} size={size}>\n                            {options.map((option) => (\n                                <DropdownList.Item\n                                    {...option}\n                                    className={styles.buttonDropdownMenuItem}\n                                    key={option.id}\n                                    selected={option.id === selected?.id}\n                                    onSelect={() => {\n                                        option.onSelect?.();\n                                        setOpened(false);\n                                    }}\n                                >\n                                    {option.label}\n                                </DropdownList.Item>\n                            ))}\n                        </DropdownList>\n                    </ButtonDropdownExtended.Dropdown>\n                </DropdownListContext.Provider>\n            );\n        };\n\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        return (\n            <ButtonDropdownExtended\n                className={classNames}\n                renderButton={\n                    theme === EButtonDotsTheme.DOTS_SECONDARY || theme === EButtonDotsTheme.DOTS_SECONDARY_LIGHT\n                        ? renderButtonDots\n                        : renderButton\n                }\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EA,MAAM,wBAAoE;AAAA,EACtE,CAAC,eAAe,EAAE,GAAG,oBAAC,+BAAA,EAA8B,cAAc,GAAG;AAAA,EACrE,CAAC,eAAe,EAAE,GAAG,oBAAC,+BAAA,EAA8B,cAAc,GAAG;AAAA,EACrE,CAAC,eAAe,EAAE,GAAG,oBAAC,+BAAA,EAA8B,cAAc,EAAA,CAAG;AACzE;AAEA,MAAM,yBAA8F;AAAA,EAChG,CAAC,eAAe,EAAE,GAAG,CAAC,iBAClB,oBAAC,0BAAA,EAAyB,cAA4B,WAAW,OAAO,UAAA,CAAW;AAAA,EAEvF,CAAC,eAAe,EAAE,GAAG,CAAC,iBAClB,oBAAC,0BAAA,EAAyB,cAA4B,WAAW,OAAO,UAAA,CAAW;AAAA,EAEvF,CAAC,eAAe,EAAE,GAAG,CAAC,iBAClB,oBAAC,0BAAA,EAAyB,cAA4B,WAAW,OAAO,UAAA,CAAW;AAE3F;AAGO,MAAM,iBAAiBA,eAAM;AAAA,EAChC,CAAC,OAAO,QAAQ;AACZ,UAAM,EAAE,kBAAkB,UAAU,WAAW,OAAO,MAAM,SAAS,UAAU,OAAAC,QAAO,UAAU,GAAG,KAAA,IAC/F;AAEJ,UAAM,YAAY,OAAiC,IAAI;AACvD,UAAM,cAAc,OAAuB,IAAI;AAC/C,UAAM,aAAa,KAAK,OAAO,gBAAgB,EAAE,CAAC,OAAO,KAAK,GAAG,CAAC,CAACA,OAAA,GAAS,SAAS;AACrF,UAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAA;AAChD,UAAM,aAAa,OAAO,UAAU;AAEpC,UAAM,eAAe,CAAC,EAAE,QAAQ,gBAA2D;AACvF,YAAMC,cAAa,KAAK,OAAO,sBAAsB;AAAA,QACjD,CAAC,OAAO,KAAK,GAAG,CAAC,CAACD;AAAA,QAClB,CAAC,OAAO,MAAM,GAAG;AAAA,MAAA,CACpB;AAED,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAWC;AAAAA,UACX;AAAA,UACA;AAAA,UACA,WAAW,cAAc,EAAE,QAAQ,WAAW;AAAA,UAC9C,SAAS,YAAY,EAAE,QAAQ,WAAW;AAAA,UAC1C;AAAA,UACA,iBAAc;AAAA,UACd,iBAAe;AAAA,UACf,iBAAe,WAAW;AAAA,UAC1B,yBAAuB;AAAA,UACtB,GAAG;AAAA,UACJ,KAAK;AAAA,UAEJ,UAAA;AAAA,YAAA;AAAA,YACA,YAAA;AAAA,UAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAGzB;AAEA,UAAM,mBAAmB,CAAC,EAAE,QAAQ,gBAA2D;AAC3F,YAAMA,cAAa,KAAK,OAAO,sBAAsB,OAAO,MAAM;AAAA,QAC9D,CAAC,OAAO,KAAK,GAAG,CAAC,CAACD;AAAA,MAAA,CACrB;AAED,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAWC;AAAAA,UACX,OACI,UAAU,iBAAiB,iBACrB,aAAa,YACb,aAAa;AAAA,UAEvB;AAAA,UACA,WAAW,cAAc,EAAE,QAAQ,WAAW;AAAA,UAC9C,SAAS,YAAY,EAAE,QAAQ,WAAW;AAAA,UAC1C;AAAA,UACA,iBAAc;AAAA,UACd,iBAAe;AAAA,UACf,iBAAe,WAAW;AAAA,UAC1B,yBAAuB;AAAA,UACtB,GAAG;AAAA,UACJ,KAAK;AAAA,UACL,MAAM,sBAAsB,IAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAG5C;AAEA,UAAM,cACF,CAAC,EAAE,QAAQ,gBACX,MACI,UAAU,CAAC,MAAM;AAEzB,UAAM,gBACF,CAAC,EAAE,QAAQ,UAAA,MACX,CAAC,UAAkD;AAC/C,YAAM,EAAE,QAAQ;AAEhB,UAAI,MAAM,KAAK,OAAO,KAAK,MAAM,KAAK,UAAU,KAAK,MAAM,KAAK,YAAY,GAAG;AAC3E,cAAM,eAAA;AAAA,MACV;AACA,UAAI,CAAC,WAAW,MAAM,KAAK,UAAU,KAAK,MAAM,KAAK,YAAY,IAAI;AACjE,kBAAU,IAAI;AAAA,MAClB;AAAA,IACJ;AAEJ,UAAM,cAAc,MAAM;AACtB,cAAQ,OAAA;AAAA,QACJ,KAAK,aAAa;AAAA,QAClB,KAAK,aAAa;AACd,iBAAO,uBAAuB,IAAI,EAAE,CAAC;AAAA,QACzC,KAAK,aAAa;AAAA,QAClB,KAAK,aAAa;AACd,iBAAO,uBAAuB,IAAI,EAAE,CAAC;AAAA,QACzC;AACI,iBAAO;AAAA,MAAA;AAAA,IAEnB;AAEA,UAAM,iBAAiB,CAAC,EAAE,QAAQ,WAAW,WAAAC,iBAA6D;AACtG,YAAMD,cAAa,KAAK,OAAO,oBAAoBC,UAAS;AAE5D,aACI,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,EAAE,kBAAkB,uBACrD,UAAA;AAAA,QAAC,uBAAuB;AAAA,QAAvB;AAAA,UACG,WAAWD;AAAAA,UACX;AAAA,UACA,OAAO,eAAe;AAAA,UACtB,WAAW,mBAAmB;AAAA,UAC9B;AAAA,UACA;AAAA,UACA,WAAW;AAAA,UACX,KAAK;AAAA,UACL,iBAAiB;AAAA,YACb,UACI,qBAAA,UAAA,EACI,UAAA;AAAA,cAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,gBAAgB,oBAAC,qBAAA,EAAoB,SAAS,MAAM,UAAU,KAAK,GAAG;AAAA,kBAEtE,8BAAC,MAAA,EAAK,KAAI,OAAM,MAAM,UAAU,IAC3B,SAAA,CACL;AAAA,gBAAA;AAAA,cAAA;AAAA,kCAEH,oBAAA,EACG,UAAA,oBAAC,sBACI,UAAA,QAAQ,IAAI,CAAC,WACV;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACI,GAAG;AAAA,kBACJ,KAAK,OAAO;AAAA,kBACZ,UAAU,OAAO,QAAO,qCAAU;AAAA,kBAClC,UAAU,MAAM;;AACZ,iCAAO,aAAP;AACA,8BAAU,KAAK;AAAA,kBACnB;AAAA,gBAAA;AAAA,gBAEC,OAAO;AAAA,cAAA,CAEf,GACL,EAAA,CACJ;AAAA,YAAA,EAAA,CACJ;AAAA,UAAA;AAAA,UAIR,UAAA,oBAAC,cAAA,EAAa,gBAAgB,QAAQ,IAAI,WAAW,SAAS,MACzD,UAAA,QAAQ,IAAI,CAAC,WACV;AAAA,YAAC,aAAa;AAAA,YAAb;AAAA,cACI,GAAG;AAAA,cACJ,WAAW,OAAO;AAAA,cAClB,KAAK,OAAO;AAAA,cACZ,UAAU,OAAO,QAAO,qCAAU;AAAA,cAClC,UAAU,MAAM;;AACZ,6BAAO,aAAP;AACA,0BAAU,KAAK;AAAA,cACnB;AAAA,YAAA;AAAA,YAEC,OAAO;AAAA,UAAA,CAEf,EAAA,CACL;AAAA,QAAA;AAAA,MAAA,GAER;AAAA,IAER;AAGA,UAAM,SAAS,CAAC,aAAuC;AACnD,gBAAU,UAAU;AACpB,UAAI,OAAO,QAAQ,YAAY;AAC3B,YAAI,QAAQ;AAAA,MAChB,WAAW,KAAK;AACZ,YAAI,UAAU;AAAA,MAClB;AAAA,IACJ;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,QACX,cACI,UAAU,iBAAiB,kBAAkB,UAAU,iBAAiB,uBAClE,mBACA;AAAA,QAEV;AAAA,QACA;AAAA,QACA,YAAU;AAAA,QACT,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGhB;AACJ;AAEA,eAAe,cAAc;"}
+{"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}\n\n/** Свойства основной/вспомогательной кнопки с выпадающим списком действий. */\ninterface IButtonDropdownBaseProps extends IButtonDropdownProps {\n    /** Тема кнопки. */\n    theme: EButtonTheme.GENERAL | EButtonTheme.SECONDARY | EButtonTheme.SECONDARY_LIGHT | EButtonTheme.DANGER;\n    /** Блочное состояние кнопки. */\n    block?: boolean;\n}\n\n/** Свойства контекстной кнопки с выпадающим списком действий. */\ninterface IButtonDotsProps extends IButtonDropdownProps {\n    /** Тема кнопки. */\n    theme: EButtonDotsTheme;\n    /** Блочное состояние кнопки. */\n    block?: never;\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/** Кнопка с выпадающим списком действий. */\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 = useRef(uniqueId());\n\n        const renderButton = ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) => {\n            const classNames = clsx(styles.buttonDropdownTarget, {\n                [styles.block]: !!block,\n                [styles.active]: opened,\n            });\n\n            return (\n                <Button\n                    className={classNames}\n                    theme={theme as EButtonTheme}\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.current}\n                    aria-activedescendant={activeDescendant}\n                    {...buttonAttributes}\n                    ref={setRef}\n                >\n                    {children}\n                    {renderCaret()}\n                </Button>\n            );\n        };\n\n        const renderButtonDots = ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) => {\n            const classNames = clsx(styles.buttonDropdownTarget, styles.dots, {\n                [styles.block]: !!block,\n            });\n\n            return (\n                <Button\n                    className={classNames}\n                    theme={\n                        theme === EButtonDotsTheme.DOTS_SECONDARY\n                            ? EButtonTheme.SECONDARY\n                            : EButtonTheme.SECONDARY_LIGHT\n                    }\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.current}\n                    aria-activedescendant={activeDescendant}\n                    {...buttonAttributes}\n                    ref={setRef}\n                    icon={SIZE_TO_DOTS_ICON_MAP[size]}\n                />\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                const { key } = event;\n\n                if (isKey(key, \"SPACE\") || isKey(key, \"ARROW_UP\") || isKey(key, \"ARROW_DOWN\")) {\n                    event.preventDefault();\n                }\n                if (!opened && (isKey(key, \"ARROW_UP\") || isKey(key, \"ARROW_DOWN\"))) {\n                    setOpened(true);\n                }\n            };\n\n        const renderCaret = () => {\n            switch (theme) {\n                case EButtonTheme.GENERAL:\n                case EButtonTheme.DANGER:\n                    return SIZE_TO_CARET_ICON_MAP[size](7);\n                case EButtonTheme.SECONDARY:\n                case EButtonTheme.SECONDARY_LIGHT:\n                    return SIZE_TO_CARET_ICON_MAP[size](0);\n                default:\n                    return null;\n            }\n        };\n\n        const renderDropdown = ({ opened, setOpened, className }: IButtonDropdownExtendedDropdownProvideProps) => {\n            const { className: dropdownClassName, ...restDropdownAttributes } = dropdownAttributes;\n            const classNames = clsx(styles.buttonDropdownMenu, 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((option) => (\n                                                <DropdownMobileListItem\n                                                    {...option}\n                                                    key={option.id}\n                                                    selected={option.id === selected?.id}\n                                                    onSelect={() => {\n                                                        option.onSelect?.();\n                                                        setOpened(false);\n                                                    }}\n                                                >\n                                                    {option.label}\n                                                </DropdownMobileListItem>\n                                            ))}\n                                        </DropdownMobileList>\n                                    </DropdownMobileBody>\n                                </>\n                            ),\n                        }}\n                    >\n                        <DropdownList dropdownOpened={opened} id={instanceId.current} size={size}>\n                            {options.map((option) => (\n                                <DropdownList.Item\n                                    {...option}\n                                    className={styles.buttonDropdownMenuItem}\n                                    key={option.id}\n                                    selected={option.id === selected?.id}\n                                    onSelect={() => {\n                                        option.onSelect?.();\n                                        setOpened(false);\n                                    }}\n                                >\n                                    {option.label}\n                                </DropdownList.Item>\n                            ))}\n                        </DropdownList>\n                    </ButtonDropdownExtended.Dropdown>\n                </DropdownListContext.Provider>\n            );\n        };\n\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        return (\n            <ButtonDropdownExtended\n                className={classNames}\n                renderButton={\n                    theme === EButtonDotsTheme.DOTS_SECONDARY || theme === EButtonDotsTheme.DOTS_SECONDARY_LIGHT\n                        ? renderButtonDots\n                        : renderButton\n                }\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-Bco_z_Yi.js";
-const buttonDropdownExtended = "buttonDropdownExtended__4c4fd58c";
-const buttonDropdownExtendedBlock = "buttonDropdownExtendedBlock__d65be271";
+const buttonDropdownExtended = "buttonDropdownExtended__b3b248fc";
+const buttonDropdownExtendedBlock = "buttonDropdownExtendedBlock__ab6dc859";
 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-Bco_z_Yi.js";
 import { EButtonIconShape } from "./enums.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const buttonIcon = "buttonIcon__47c7d30e";
-const circle = "circle__b616d692";
-const squircle = "squircle__9234aab3";
+const buttonIcon = "buttonIcon__46c7b481";
+const circle = "circle__8149591b";
+const squircle = "squircle__71da97ad";
 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, getHeader } from "./utils.js";
-const calendar = "calendar__80e79b96";
-const extraBottom = "extraBottom__90f5518b";
-const adaptive = "adaptive__e0814b13";
+const calendar = "calendar__ad874d96";
+const extraBottom = "extraBottom__0a5f283b";
+const adaptive = "adaptive__cf50dfc5";
 const styles = {
   calendar,
   extraBottom,
@@ -180,7 +180,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.36.0", children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx("div", { className: classNames, "data-tx": "1.38.0", children: /* @__PURE__ */ jsxs(
       CalendarContext.Provider,
       {
         value: {

package/components/Calendar/components/CalendarControls.js

@@ -8,7 +8,7 @@ import { EButtonIconShape, EButtonTheme } from "../../Button/enums.js";
 import { ECalendarViewMode } from "../enums.js";
 import { globalLimitRange } from "../../../consts/DateConst.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-const calendarControls = "calendarControls__2b8ecfba";
+const calendarControls = "calendarControls__8f0bfa07";
 const styles = {
   calendarControls
 };

package/components/Calendar/components/CalendarFooter.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-const calendarFooter = "calendarFooter__8513f9b5";
+const calendarFooter = "calendarFooter__9d52a737";
 const styles = {
   calendarFooter
 };

package/components/Calendar/components/CalendarViewDays.js

@@ -5,7 +5,7 @@ import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { isDateOutOfRange, isDayDisabled } from "../utils.js";
 import { WEEKDAYS_SET } from "../../../consts/DateConst.js";
 import { CalendarViewContext } from "../CalendarViewContext.js";
-import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-BM861cLu.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-BN36lbJt.js";
 import { isKey } from "../../../utils/keyboard.js";
 import { ECalendarDateMarkType, ECalendarViewMode } from "../enums.js";
 import { CalendarContext } from "../CalendarContext.js";

package/components/Calendar/components/CalendarViewItem.js

@@ -4,7 +4,7 @@ import "../../../chunks/vendor-Bco_z_Yi.js";
 import "../enums.js";
 import "../CalendarViewContext.js";
 import "../../../utils/keyboard.js";
-import { C } from "../../../chunks/CalendarViewItem-BM861cLu.js";
+import { C } from "../../../chunks/CalendarViewItem-BN36lbJt.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 } from "../utils.js";
-import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-BM861cLu.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-BN36lbJt.js";
 import { isKey } from "../../../utils/keyboard.js";
 import { ECalendarPickType, ECalendarViewMode } from "../enums.js";
 const CalendarViewMonths = ({ pickedDate, monthHtmlAttributes = {} }) => {

package/components/Calendar/components/CalendarViewYears.js

@@ -4,7 +4,7 @@ import moment from "moment";
 import { CalendarContext } from "../CalendarContext.js";
 import { CalendarViewContext } from "../CalendarViewContext.js";
 import { isDateOutOfRange } from "../utils.js";
-import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-BM861cLu.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-BN36lbJt.js";
 import { isKey } from "../../../utils/keyboard.js";
 import { ECalendarViewMode } from "../enums.js";
 const CalendarViewYears = ({ pickedDate, yearHtmlAttributes = {} }) => {

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-Bco_z_Yi.js";
-import { c as cardStyles } from "../../chunks/Card.module-l7JNfJud.js";
-const action = "action__09466307";
-const selected = "selected__0c2b5a79";
-const focusVisible = "focusVisible__4a0719d8";
+import { c as cardStyles } from "../../chunks/Card.module-ByDQccH3.js";
+const action = "action__86e3fcde";
+const selected = "selected__3267dedd";
+const focusVisible = "focusVisible__5c73377b";
 const actionStyles = {
   action,
   selected,
@@ -128,7 +128,7 @@ class CardAction extends React__default.Component {
         role: "button",
         ...attributes,
         ref: this.ref,
-        "data-tx": "1.36.0",
+        "data-tx": "1.38.0",
         children
       }
     );

package/components/Card/CardStatic.js

@@ -3,7 +3,7 @@ import { CardContent } from "./components/CardContent/CardContent.js";
 import { CardMedia } from "./components/CardMedia.js";
 import { mapCardRoundingSizeToCssClass, mapCardThemeToCssClass } from "./utils.js";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
-import { c as cardStyles } from "../../chunks/Card.module-l7JNfJud.js";
+import { c as cardStyles } from "../../chunks/Card.module-ByDQccH3.js";
 import { ECardRoundingSize, ECardTheme } from "./enums.js";
 const CardStatic = ({
   children,
@@ -21,7 +21,7 @@ const CardStatic = ({
       className
     ),
     ...rest,
-    "data-tx": "1.36.0",
+    "data-tx": "1.38.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-Bco_z_Yi.js";
-import { c as cardStyles } from "../../../../chunks/Card.module-l7JNfJud.js";
+import { c as cardStyles } from "../../../../chunks/Card.module-ByDQccH3.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-Bco_z_Yi.js";
-import { c as cardStyles } from "../../../../../chunks/Card.module-l7JNfJud.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-ByDQccH3.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-Bco_z_Yi.js";
-import { c as cardStyles } from "../../../../../chunks/Card.module-l7JNfJud.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-ByDQccH3.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-Bco_z_Yi.js";
-import { c as cardStyles } from "../../../../../chunks/Card.module-l7JNfJud.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-ByDQccH3.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-Bco_z_Yi.js";
-import { c as cardStyles } from "../../../chunks/Card.module-l7JNfJud.js";
+import { c as cardStyles } from "../../../chunks/Card.module-ByDQccH3.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-l7JNfJud.js";
+import { c as cardStyles } from "../../chunks/Card.module-ByDQccH3.js";
 const mapCardRoundingSizeToCssClass = {
   [ECardRoundingSize.MD]: cardStyles.roundingMD,
   [ECardRoundingSize.SM]: cardStyles.roundingSM

package/components/CarouselExtended/CarouselExtended.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState, useRef, useCallback, useEffect } from "react";
 import { l as lodashExports, c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { scrollSmoothHorizontally } from "../../utils/scroll.js";
-const carouselExtended = "carouselExtended__008957a1";
+const carouselExtended = "carouselExtended__114d38af";
 const styles = {
   carouselExtended
 };

package/components/Checkbox/Checkbox.js

@@ -9,15 +9,15 @@ import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const label = "label__2e215e6a";
-const sm = "sm__12fbd7a7";
-const nonempty = "nonempty__48033183";
-const md = "md__99c3af98";
-const lg = "lg__96a93752";
-const disabled = "disabled__db03fcd2";
-const checkbox = "checkbox__f8ccb6a5";
-const checkboxIcon = "checkboxIcon__0416e971";
-const checkmarkIcon = "checkmarkIcon__5ec2ec5c";
+const label = "label__bcfbfce2";
+const sm = "sm__a198da77";
+const nonempty = "nonempty__5521956e";
+const md = "md__2ced3112";
+const lg = "lg__8fd6a5fe";
+const disabled = "disabled__c7ba294a";
+const checkbox = "checkbox__fdf410d8";
+const checkboxIcon = "checkboxIcon__dd066891";
+const checkmarkIcon = "checkmarkIcon__a7b178e0";
 const styles = {
   label,
   sm,
@@ -57,7 +57,7 @@ const Checkbox = React__default.forwardRef((props, ref) => {
     const className2 = styles.checkmarkIcon;
     return bulk ? /* @__PURE__ */ jsx(CheckboxbulkStrokeSrvIcon24, { className: className2, paletteIndex: 7 }) : /* @__PURE__ */ jsx(CheckboxtickStrokeSrvIcon24, { className: className2, paletteIndex: 7 });
   };
-  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: classNamesLabel, "data-tx": "1.36.0", children: [
+  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: classNamesLabel, "data-tx": "1.38.0", children: [
     /* @__PURE__ */ jsx("input", { type: "checkbox", className: classNames, disabled: disabled2, ...inputAttributes, ref }),
     /* @__PURE__ */ jsx("span", { className: styles.checkboxIcon }),
     renderCheckmarkIcon(),

package/components/Checkbox/CheckboxXGroup.js

@@ -1,17 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
-const checkboxXGroup = "checkboxXGroup__7f6090f9";
-const label = "label__2e215e6a";
+const checkboxXGroup = "checkboxXGroup__358a0fd2";
+const label = "label__bcfbfce2";
 const styles = {
   checkboxXGroup,
-  "indent-12": "indent-12__8cf504e7",
+  "indent-12": "indent-12__f1b35073",
   label,
-  "indent-16": "indent-16__9d1c8809",
-  "indent-20": "indent-20__9398a9b6",
-  "indent-24": "indent-24__936473cc",
-  "indent-28": "indent-28__9140e71f",
-  "indent-32": "indent-32__0f028804"
+  "indent-16": "indent-16__4dd1cb20",
+  "indent-20": "indent-20__997e5fff",
+  "indent-24": "indent-24__b82b65fe",
+  "indent-28": "indent-28__a15deadb",
+  "indent-32": "indent-32__9ad90fae"
 };
 const CheckboxXGroup = React__default.forwardRef((props, ref) => {
   const { children, className, indent = 12, ...rest } = props;

package/components/Checkbox/CheckboxYGroup.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
-const checkboxYGroup = "checkboxYGroup__5a5ef67a";
+const checkboxYGroup = "checkboxYGroup__65b62c0c";
 const styles = {
   checkboxYGroup
 };

package/components/CheckboxTreeExtended/CheckboxTreeExtended.js

@@ -5,14 +5,10 @@ import { CheckboxTreeExtendedNode } from "./components/CheckboxTreeExtendedNode.
 import { CheckboxTreeExtendedContext } from "./CheckboxTreeExtendedContext.js";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-import { EScreenWidth } from "../../helpers/breakpoints.js";
-import { useMatchMedia } from "../MediaWidth/useMatchMedia.js";
-import { s as styles } from "../../chunks/CheckboxTreeExtended.module-BN7xGJ02.js";
+import { useMobileView } from "../MobileView/useMobileView.js";
+import { s as styles } from "../../chunks/CheckboxTreeExtended.module-CNm5PG-E.js";
 const CheckboxTreeExtended = ({ className, size = EComponentSize.MD, ...rest }) => {
-  const adaptive = useMatchMedia(
-    `(max-width: ${EScreenWidth.SM_MAX})`,
-    window.innerWidth <= parseInt(EScreenWidth.SM_MAX)
-  );
+  const adaptive = useMobileView();
   return /* @__PURE__ */ jsx(CheckboxTreeExtendedContext.Provider, { value: { size: adaptive ? EComponentSize.MD : size }, children: /* @__PURE__ */ jsx(CollapsibleTreeExtended, { className: clsx(styles.checkboxTreeExtended, className), ...rest }) });
 };
 CheckboxTreeExtended.displayName = "CheckboxTreeExtended";

package/components/CheckboxTreeExtended/CheckboxTreeExtended.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTreeExtended.js","sources":["../../../src/components/CheckboxTreeExtended/CheckboxTreeExtended.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    CollapsibleTreeExtended,\n    ICollapsibleTreeExtendedProps,\n} from \"../CollapsibleTreeExtended/CollapsibleTreeExtended\";\nimport { CheckboxTreeExtendedCheckbox } from \"./components/CheckboxTreeExtendedCheckbox\";\nimport { CheckboxTreeExtendedNode } from \"./components/CheckboxTreeExtendedNode\";\nimport { CheckboxTreeExtendedContext } from \"./CheckboxTreeExtendedContext\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { EScreenWidth } from \"../../helpers/breakpoints\";\nimport { useMatchMedia } from \"../MediaWidth/useMatchMedia\";\nimport styles from \"./styles/CheckboxTreeExtended.module.less\";\n\n/** Свойства CheckboxTreeExtended. */\nexport interface ICheckboxTreeExtendedProps extends ICollapsibleTreeExtendedProps {\n    /** Размер дерева чекбоксов. */\n    size?: EComponentSize;\n}\n\nexport interface ICheckboxTreeExtendedSFC extends React.FC<ICheckboxTreeExtendedProps> {\n    Checkbox: typeof CheckboxTreeExtendedCheckbox;\n    Node: typeof CheckboxTreeExtendedNode;\n}\n\n/**\n * Декларативное дерево чекбоксов.\n * Является оберткой над CollapsibleTreeExtended.\n */\nexport const CheckboxTreeExtended: ICheckboxTreeExtendedSFC = ({ className, size = EComponentSize.MD, ...rest }) => {\n    const adaptive = useMatchMedia(\n        `(max-width: ${EScreenWidth.SM_MAX})`,\n        window.innerWidth <= parseInt(EScreenWidth.SM_MAX),\n    );\n\n    return (\n        <CheckboxTreeExtendedContext.Provider value={{ size: adaptive ? EComponentSize.MD : size }}>\n            <CollapsibleTreeExtended className={clsx(styles.checkboxTreeExtended, className)} {...rest} />\n        </CheckboxTreeExtendedContext.Provider>\n    );\n};\n\nCheckboxTreeExtended.displayName = \"CheckboxTreeExtended\";\nCheckboxTreeExtended.Checkbox = CheckboxTreeExtendedCheckbox;\nCheckboxTreeExtended.Node = CheckboxTreeExtendedNode;\n"],"names":[],"mappings":";;;;;;;;;;AA6BO,MAAM,uBAAiD,CAAC,EAAE,WAAW,OAAO,eAAe,IAAI,GAAG,WAAW;AAChH,QAAM,WAAW;AAAA,IACb,eAAe,aAAa,MAAM;AAAA,IAClC,OAAO,cAAc,SAAS,aAAa,MAAM;AAAA,EAAA;AAGrD,SACI,oBAAC,4BAA4B,UAA5B,EAAqC,OAAO,EAAE,MAAM,WAAW,eAAe,KAAK,KAAA,GAChF,UAAA,oBAAC,yBAAA,EAAwB,WAAW,KAAK,OAAO,sBAAsB,SAAS,GAAI,GAAG,KAAA,CAAM,EAAA,CAChG;AAER;AAEA,qBAAqB,cAAc;AACnC,qBAAqB,WAAW;AAChC,qBAAqB,OAAO;"}
+{"version":3,"file":"CheckboxTreeExtended.js","sources":["../../../src/components/CheckboxTreeExtended/CheckboxTreeExtended.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    CollapsibleTreeExtended,\n    ICollapsibleTreeExtendedProps,\n} from \"../CollapsibleTreeExtended/CollapsibleTreeExtended\";\nimport { CheckboxTreeExtendedCheckbox } from \"./components/CheckboxTreeExtendedCheckbox\";\nimport { CheckboxTreeExtendedNode } from \"./components/CheckboxTreeExtendedNode\";\nimport { CheckboxTreeExtendedContext } from \"./CheckboxTreeExtendedContext\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { useMobileView } from \"../MobileView\";\nimport styles from \"./styles/CheckboxTreeExtended.module.less\";\n\n/** Свойства CheckboxTreeExtended. */\nexport interface ICheckboxTreeExtendedProps extends ICollapsibleTreeExtendedProps {\n    /** Размер дерева чекбоксов. */\n    size?: EComponentSize;\n}\n\nexport interface ICheckboxTreeExtendedSFC extends React.FC<ICheckboxTreeExtendedProps> {\n    Checkbox: typeof CheckboxTreeExtendedCheckbox;\n    Node: typeof CheckboxTreeExtendedNode;\n}\n\n/**\n * Декларативное дерево чекбоксов.\n * Является оберткой над CollapsibleTreeExtended.\n */\nexport const CheckboxTreeExtended: ICheckboxTreeExtendedSFC = ({ className, size = EComponentSize.MD, ...rest }) => {\n    const adaptive = useMobileView();\n\n    return (\n        <CheckboxTreeExtendedContext.Provider value={{ size: adaptive ? EComponentSize.MD : size }}>\n            <CollapsibleTreeExtended className={clsx(styles.checkboxTreeExtended, className)} {...rest} />\n        </CheckboxTreeExtendedContext.Provider>\n    );\n};\n\nCheckboxTreeExtended.displayName = \"CheckboxTreeExtended\";\nCheckboxTreeExtended.Checkbox = CheckboxTreeExtendedCheckbox;\nCheckboxTreeExtended.Node = CheckboxTreeExtendedNode;\n"],"names":[],"mappings":";;;;;;;;;AA4BO,MAAM,uBAAiD,CAAC,EAAE,WAAW,OAAO,eAAe,IAAI,GAAG,WAAW;AAChH,QAAM,WAAW,cAAA;AAEjB,SACI,oBAAC,4BAA4B,UAA5B,EAAqC,OAAO,EAAE,MAAM,WAAW,eAAe,KAAK,KAAA,GAChF,UAAA,oBAAC,yBAAA,EAAwB,WAAW,KAAK,OAAO,sBAAsB,SAAS,GAAI,GAAG,KAAA,CAAM,EAAA,CAChG;AAER;AAEA,qBAAqB,cAAc;AACnC,qBAAqB,WAAW;AAChC,qBAAqB,OAAO;"}

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedArrow.js

@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
 import { CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import React__default from "react";
-import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-BN7xGJ02.js";
+import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-CNm5PG-E.js";
 class CheckboxTreeExtendedArrow extends React__default.Component {
   constructor() {
     super(...arguments);

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedCheckbox.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useRef, useContext, useEffect } from "react";
 import { Checkbox } from "../../Checkbox/Checkbox.js";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-BN7xGJ02.js";
+import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-CNm5PG-E.js";
 import { CheckboxTreeExtendedContext } from "../CheckboxTreeExtendedContext.js";
 const CheckboxTreeExtendedCheckbox = ({
   active,

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.js

@@ -5,7 +5,7 @@ import { isStaticCheckboxTreeExtended } from "../isStaticCheckboxTreeExtended.js
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import "./CheckboxTreeExtendedArrow.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-BN7xGJ02.js";
+import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-CNm5PG-E.js";
 import { CheckboxTreeExtendedContext } from "../CheckboxTreeExtendedContext.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const CheckboxTreeExtendedNode = ({

package/components/Chip/Chip.js

@@ -7,7 +7,7 @@ import "../../utils/keyboard.js";
 import "../Badge/Badge.js";
 import "../IconWrapper/IconWrapper.js";
 import "./enums.js";
-import { C } from "../../chunks/Chip-D7Z_bFx6.js";
+import { C } from "../../chunks/Chip-DPZKIU4i.js";
 export {
   C as Chip
 };