@sberbusiness/triplex-next 1.45.0 → 1.46.0

package/components/Chip/ChipSuggest/ChipSuggestTarget.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default, { useCallback } from "react";
 import { useSuggestContext } from "../../Suggest/SuggestContext.js";
 import "../../Suggest/Suggest.js";
-import { C as Chip } from "../../../chunks/Chip-CWaqKk62.js";
+import { C as Chip } from "../../../chunks/Chip-Bi7plvOY.js";
 import { ChipClearButton } from "../ChipClearButton.js";
 import { ChipDropdownArrow } from "../ChipDropdownArrow.js";
 import { isKey } from "../../../utils/keyboard.js";
@@ -36,19 +36,13 @@ const ChipSuggestTargetBase = ({ onKeyDown, onClick, clearSelected, size, ...res
     },
     [clearSelected]
   );
-  const renderTargetPostfix = useCallback(() => {
-    if (value === void 0) {
-      return /* @__PURE__ */ jsx(ChipDropdownArrow, { rotated: dropdownOpen, size });
-    } else {
-      return /* @__PURE__ */ jsx(ChipClearButton, { onClick: handleClearButtonClick, onKeyDown: handleClearButtonKeyDown, size });
-    }
-  }, [value, size, dropdownOpen, handleClearButtonClick, handleClearButtonKeyDown]);
+  const targetPostfix = value === void 0 ? /* @__PURE__ */ jsx(ChipDropdownArrow, { rotated: dropdownOpen, size }) : /* @__PURE__ */ jsx(ChipClearButton, { onClick: handleClearButtonClick, onKeyDown: handleClearButtonKeyDown, size });
   return /* @__PURE__ */ jsx(
     Chip,
     {
       selected: value !== void 0,
       "aria-expanded": dropdownOpen,
-      postfix: renderTargetPostfix(),
+      postfix: targetPostfix,
       onKeyDown: handleKeyDown,
       onClick: handleClick,
       size,

package/components/Chip/ChipSuggest/ChipSuggestTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipSuggestTarget.js","sources":["../../../../src/components/Chip/ChipSuggest/ChipSuggestTarget.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ISuggestOption, useSuggestContext } from \"../../Suggest\";\nimport { IChipSuggestTargetProps } from \"./types\";\nimport { Chip } from \"../Chip\";\nimport { ChipClearButton } from \"../ChipClearButton\";\nimport { ChipDropdownArrow } from \"../ChipDropdownArrow\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\n\nconst ChipSuggestTargetBase = <T extends ISuggestOption>(\n    { onKeyDown, onClick, clearSelected, size, ...restProps }: IChipSuggestTargetProps<T>,\n    ref: React.ForwardedRef<HTMLSpanElement>,\n) => {\n    const { value, dropdownOpen, setDropdownOpen } = useSuggestContext<T>();\n\n    const handleClick = useCallback(\n        (event: React.MouseEvent<HTMLButtonElement>) => {\n            setDropdownOpen(!dropdownOpen);\n            onClick?.(event);\n        },\n        [dropdownOpen, setDropdownOpen, onClick],\n    );\n\n    const handleKeyDown = useCallback(\n        (event: React.KeyboardEvent<HTMLButtonElement>) => {\n            if (isKey(event.code, \"ENTER\") || isKey(event.code, \"SPACE\")) {\n                setDropdownOpen(!dropdownOpen);\n                onKeyDown?.(event);\n            }\n        },\n        [dropdownOpen, setDropdownOpen, onKeyDown],\n    );\n\n    const handleClearButtonKeyDown = useCallback((event: React.KeyboardEvent<HTMLButtonElement>) => {\n        if (isKey(event.code, \"ENTER\") || isKey(event.code, \"SPACE\")) {\n            event.stopPropagation();\n        }\n    }, []);\n\n    const handleClearButtonClick = useCallback(\n        (event: React.MouseEvent<HTMLButtonElement>) => {\n            // Предотвращение нажатия на родительский элемент Chip.\n            event.stopPropagation();\n            clearSelected?.();\n        },\n        [clearSelected],\n    );\n\n    const renderTargetPostfix = useCallback(() => {\n        if (value === undefined) {\n            return <ChipDropdownArrow rotated={dropdownOpen} size={size} />;\n        } else {\n            return (\n                <ChipClearButton onClick={handleClearButtonClick} onKeyDown={handleClearButtonKeyDown} size={size} />\n            );\n        }\n    }, [value, size, dropdownOpen, handleClearButtonClick, handleClearButtonKeyDown]);\n\n    return (\n        <Chip\n            selected={value !== undefined}\n            aria-expanded={dropdownOpen}\n            postfix={renderTargetPostfix()}\n            onKeyDown={handleKeyDown}\n            onClick={handleClick}\n            size={size}\n            {...restProps}\n            ref={ref}\n        />\n    );\n};\n\nexport const ChipSuggestTarget = React.forwardRef(ChipSuggestTargetBase) as <T extends ISuggestOption>(\n    props: IChipSuggestTargetProps<T> & React.RefAttributes<HTMLSpanElement>,\n) => JSX.Element;\n"],"names":["React"],"mappings":";;;;;;;;AAQA,MAAM,wBAAwB,CAC1B,EAAE,WAAW,SAAS,eAAe,MAAM,GAAG,UAAA,GAC9C,QACC;AACD,QAAM,EAAE,OAAO,cAAc,gBAAA,IAAoB,kBAAA;AAEjD,QAAM,cAAc;AAAA,IAChB,CAAC,UAA+C;AAC5C,sBAAgB,CAAC,YAAY;AAC7B,yCAAU;AAAA,IACd;AAAA,IACA,CAAC,cAAc,iBAAiB,OAAO;AAAA,EAAA;AAG3C,QAAM,gBAAgB;AAAA,IAClB,CAAC,UAAkD;AAC/C,UAAI,MAAM,MAAM,MAAM,OAAO,KAAK,MAAM,MAAM,MAAM,OAAO,GAAG;AAC1D,wBAAgB,CAAC,YAAY;AAC7B,+CAAY;AAAA,MAChB;AAAA,IACJ;AAAA,IACA,CAAC,cAAc,iBAAiB,SAAS;AAAA,EAAA;AAG7C,QAAM,2BAA2B,YAAY,CAAC,UAAkD;AAC5F,QAAI,MAAM,MAAM,MAAM,OAAO,KAAK,MAAM,MAAM,MAAM,OAAO,GAAG;AAC1D,YAAM,gBAAA;AAAA,IACV;AAAA,EACJ,GAAG,CAAA,CAAE;AAEL,QAAM,yBAAyB;AAAA,IAC3B,CAAC,UAA+C;AAE5C,YAAM,gBAAA;AACN;AAAA,IACJ;AAAA,IACA,CAAC,aAAa;AAAA,EAAA;AAGlB,QAAM,sBAAsB,YAAY,MAAM;AAC1C,QAAI,UAAU,QAAW;AACrB,aAAO,oBAAC,mBAAA,EAAkB,SAAS,cAAc,KAAA,CAAY;AAAA,IACjE,OAAO;AACH,iCACK,iBAAA,EAAgB,SAAS,wBAAwB,WAAW,0BAA0B,MAAY;AAAA,IAE3G;AAAA,EACJ,GAAG,CAAC,OAAO,MAAM,cAAc,wBAAwB,wBAAwB,CAAC;AAEhF,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,UAAU,UAAU;AAAA,MACpB,iBAAe;AAAA,MACf,SAAS,oBAAA;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT;AAAA,MACC,GAAG;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;AAEO,MAAM,oBAAoBA,eAAM,WAAW,qBAAqB;"}
+{"version":3,"file":"ChipSuggestTarget.js","sources":["../../../../src/components/Chip/ChipSuggest/ChipSuggestTarget.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ISuggestOption, useSuggestContext } from \"../../Suggest\";\nimport { IChipSuggestTargetProps } from \"./types\";\nimport { Chip } from \"../Chip\";\nimport { ChipClearButton } from \"../ChipClearButton\";\nimport { ChipDropdownArrow } from \"../ChipDropdownArrow\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\n\nconst ChipSuggestTargetBase = <T extends ISuggestOption>(\n    { onKeyDown, onClick, clearSelected, size, ...restProps }: IChipSuggestTargetProps<T>,\n    ref: React.ForwardedRef<HTMLSpanElement>,\n) => {\n    const { value, dropdownOpen, setDropdownOpen } = useSuggestContext<T>();\n\n    const handleClick = useCallback(\n        (event: React.MouseEvent<HTMLButtonElement>) => {\n            setDropdownOpen(!dropdownOpen);\n            onClick?.(event);\n        },\n        [dropdownOpen, setDropdownOpen, onClick],\n    );\n\n    const handleKeyDown = useCallback(\n        (event: React.KeyboardEvent<HTMLButtonElement>) => {\n            if (isKey(event.code, \"ENTER\") || isKey(event.code, \"SPACE\")) {\n                setDropdownOpen(!dropdownOpen);\n                onKeyDown?.(event);\n            }\n        },\n        [dropdownOpen, setDropdownOpen, onKeyDown],\n    );\n\n    /** Enter и Space на кнопке очистки не должны дополнительно переключать выпадающий список родительского Chip. */\n    const handleClearButtonKeyDown = useCallback((event: React.KeyboardEvent<HTMLButtonElement>) => {\n        if (isKey(event.code, \"ENTER\") || isKey(event.code, \"SPACE\")) {\n            event.stopPropagation();\n        }\n    }, []);\n\n    const handleClearButtonClick = useCallback(\n        (event: React.MouseEvent<HTMLButtonElement>) => {\n            // Предотвращение нажатия на родительский элемент Chip.\n            event.stopPropagation();\n            clearSelected?.();\n        },\n        [clearSelected],\n    );\n\n    // Пока значение не выбрано — стрелка выпадающего списка, после выбора — кнопка очистки.\n    const targetPostfix =\n        value === undefined ? (\n            <ChipDropdownArrow rotated={dropdownOpen} size={size} />\n        ) : (\n            <ChipClearButton onClick={handleClearButtonClick} onKeyDown={handleClearButtonKeyDown} size={size} />\n        );\n\n    return (\n        <Chip\n            selected={value !== undefined}\n            aria-expanded={dropdownOpen}\n            postfix={targetPostfix}\n            onKeyDown={handleKeyDown}\n            onClick={handleClick}\n            size={size}\n            {...restProps}\n            ref={ref}\n        />\n    );\n};\n\n/**\n * Target-элемент ChipSuggest: Chip, который открывает и закрывает выпадающий список.\n * Выбранное значение и видимость списка берёт из SuggestContext, поэтому рендерится только внутри Suggest.\n */\nexport const ChipSuggestTarget = React.forwardRef(ChipSuggestTargetBase) as <T extends ISuggestOption>(\n    props: IChipSuggestTargetProps<T> & React.RefAttributes<HTMLSpanElement>,\n) => JSX.Element;\n"],"names":["React"],"mappings":";;;;;;;;AAQA,MAAM,wBAAwB,CAC1B,EAAE,WAAW,SAAS,eAAe,MAAM,GAAG,UAAA,GAC9C,QACC;AACD,QAAM,EAAE,OAAO,cAAc,gBAAA,IAAoB,kBAAA;AAEjD,QAAM,cAAc;AAAA,IAChB,CAAC,UAA+C;AAC5C,sBAAgB,CAAC,YAAY;AAC7B,yCAAU;AAAA,IACd;AAAA,IACA,CAAC,cAAc,iBAAiB,OAAO;AAAA,EAAA;AAG3C,QAAM,gBAAgB;AAAA,IAClB,CAAC,UAAkD;AAC/C,UAAI,MAAM,MAAM,MAAM,OAAO,KAAK,MAAM,MAAM,MAAM,OAAO,GAAG;AAC1D,wBAAgB,CAAC,YAAY;AAC7B,+CAAY;AAAA,MAChB;AAAA,IACJ;AAAA,IACA,CAAC,cAAc,iBAAiB,SAAS;AAAA,EAAA;AAI7C,QAAM,2BAA2B,YAAY,CAAC,UAAkD;AAC5F,QAAI,MAAM,MAAM,MAAM,OAAO,KAAK,MAAM,MAAM,MAAM,OAAO,GAAG;AAC1D,YAAM,gBAAA;AAAA,IACV;AAAA,EACJ,GAAG,CAAA,CAAE;AAEL,QAAM,yBAAyB;AAAA,IAC3B,CAAC,UAA+C;AAE5C,YAAM,gBAAA;AACN;AAAA,IACJ;AAAA,IACA,CAAC,aAAa;AAAA,EAAA;AAIlB,QAAM,gBACF,UAAU,SACN,oBAAC,qBAAkB,SAAS,cAAc,KAAA,CAAY,wBAErD,iBAAA,EAAgB,SAAS,wBAAwB,WAAW,0BAA0B,MAAY;AAG3G,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,UAAU,UAAU;AAAA,MACpB,iBAAe;AAAA,MACf,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT;AAAA,MACC,GAAG;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;AAMO,MAAM,oBAAoBA,eAAM,WAAW,qBAAqB;"}

package/components/Chip/ChipSuggest/desktop/ChipSuggestDesktopDropdownField.js

@@ -18,7 +18,7 @@ import { ETooltipSize } from "../../../Tooltip/enums.js";
 import { LoaderSmall } from "../../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../../Loader/LoaderSmall/enum.js";
 import "../../../Loader/LoaderMiddle/LoaderMiddle.js";
-const chipSuggestInputWrapper = "chipSuggestInputWrapper__1d9520b2";
+const chipSuggestInputWrapper = "chipSuggestInputWrapper__2c50a8d6";
 const styles = {
   chipSuggestInputWrapper
 };
@@ -27,6 +27,8 @@ const SIZE_TO_LOADER_SIZE_MAP = {
   [EComponentSize.MD]: EComponentSize.SM,
   [EComponentSize.LG]: EComponentSize.MD
 };
+const noop = () => {
+};
 const ChipSuggestDesktopDropdownField = ({
   children,
   size = EComponentSize.MD
@@ -70,8 +72,7 @@ const ChipSuggestDesktopDropdownField = ({
           {
             size: ETooltipSize.SM,
             isOpen: !!tooltipOpen && inputFocused,
-            toggle: () => {
-            },
+            toggle: noop,
             targetRef: inputRef,
             disableAdaptiveMode: true,
             children: [

package/components/Chip/ChipSuggest/desktop/ChipSuggestDesktopDropdownField.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipSuggestDesktopDropdownField.js","sources":["../../../../../src/components/Chip/ChipSuggest/desktop/ChipSuggestDesktopDropdownField.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback } from \"react\";\nimport { useSuggestContext } from \"../../../Suggest/SuggestContext\";\nimport { FormField, FormFieldLabel, FormFieldInput, FormFieldPostfix, FormFieldClear } from \"../../../FormField\";\nimport { EComponentSize } from \"../../../../enums\";\nimport { Tooltip, ETooltipSize } from \"../../../Tooltip\";\nimport { LoaderSmall, ELoaderSmallTheme } from \"../../../Loader\";\nimport styles from \"../../styles/ChipSuggest.module.less\";\n\ninterface IChipSuggestDesktopDropdownFieldProps {\n    children?: React.ReactNode;\n    size?: EComponentSize;\n}\n\nconst SIZE_TO_LOADER_SIZE_MAP: Record<EComponentSize, EComponentSize> = {\n    [EComponentSize.SM]: EComponentSize.SM,\n    [EComponentSize.MD]: EComponentSize.SM,\n    [EComponentSize.LG]: EComponentSize.MD,\n};\n\nexport const ChipSuggestDesktopDropdownField: React.FC<IChipSuggestDesktopDropdownFieldProps> = ({\n    children,\n    size = EComponentSize.MD,\n}) => {\n    const {\n        inputValue,\n        placeholder,\n        noOptionsText,\n        dropdownListId,\n        activeDescendant,\n        loading,\n        tooltipOpen,\n        clearInputOnFocus,\n        onFilter,\n    } = useSuggestContext();\n    const [inputFocused, setInputFocused] = useState(false);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const handleClearClick = useCallback(() => onFilter(\"\"), [onFilter]);\n\n    const handleInputChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>) => {\n            onFilter(event.target.value);\n        },\n        [onFilter],\n    );\n\n    const handleInputFocus = useCallback(() => {\n        setInputFocused(true);\n        if (inputValue.length !== 0 && clearInputOnFocus === true) {\n            onFilter(\"\");\n        }\n    }, [inputValue.length, clearInputOnFocus, onFilter]);\n\n    const handleInputBlur = useCallback(() => setInputFocused(false), []);\n\n    return (\n        <FormField\n            className={styles.chipSuggestInputWrapper}\n            size={size === EComponentSize.LG ? EComponentSize.MD : EComponentSize.SM}\n        >\n            <FormFieldLabel>{children}</FormFieldLabel>\n            <Tooltip\n                size={ETooltipSize.SM}\n                isOpen={!!tooltipOpen && inputFocused}\n                toggle={() => {}}\n                targetRef={inputRef}\n                disableAdaptiveMode\n            >\n                <Tooltip.Body>{noOptionsText}</Tooltip.Body>\n                <Tooltip.Target>\n                    <FormFieldInput\n                        value={inputValue}\n                        placeholder={placeholder}\n                        aria-controls={dropdownListId}\n                        aria-activedescendant={activeDescendant}\n                        autoFocus={true}\n                        onFocus={handleInputFocus}\n                        onBlur={handleInputBlur}\n                        onChange={handleInputChange}\n                        ref={inputRef}\n                    />\n                </Tooltip.Target>\n            </Tooltip>\n            <FormFieldPostfix>\n                <FormFieldClear onClick={handleClearClick} />\n                {loading && <LoaderSmall theme={ELoaderSmallTheme.BRAND} size={SIZE_TO_LOADER_SIZE_MAP[size]} />}\n            </FormFieldPostfix>\n        </FormField>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,0BAAkE;AAAA,EACpE,CAAC,eAAe,EAAE,GAAG,eAAe;AAAA,EACpC,CAAC,eAAe,EAAE,GAAG,eAAe;AAAA,EACpC,CAAC,eAAe,EAAE,GAAG,eAAe;AACxC;AAEO,MAAM,kCAAmF,CAAC;AAAA,EAC7F;AAAA,EACA,OAAO,eAAe;AAC1B,MAAM;AACF,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,kBAAA;AACJ,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM,WAAW,OAAyB,IAAI;AAE9C,QAAM,mBAAmB,YAAY,MAAM,SAAS,EAAE,GAAG,CAAC,QAAQ,CAAC;AAEnE,QAAM,oBAAoB;AAAA,IACtB,CAAC,UAA+C;AAC5C,eAAS,MAAM,OAAO,KAAK;AAAA,IAC/B;AAAA,IACA,CAAC,QAAQ;AAAA,EAAA;AAGb,QAAM,mBAAmB,YAAY,MAAM;AACvC,oBAAgB,IAAI;AACpB,QAAI,WAAW,WAAW,KAAK,sBAAsB,MAAM;AACvD,eAAS,EAAE;AAAA,IACf;AAAA,EACJ,GAAG,CAAC,WAAW,QAAQ,mBAAmB,QAAQ,CAAC;AAEnD,QAAM,kBAAkB,YAAY,MAAM,gBAAgB,KAAK,GAAG,CAAA,CAAE;AAEpE,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,OAAO;AAAA,MAClB,MAAM,SAAS,eAAe,KAAK,eAAe,KAAK,eAAe;AAAA,MAEtE,UAAA;AAAA,QAAA,oBAAC,kBAAgB,UAAS;AAAA,QAC1B;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAM,aAAa;AAAA,YACnB,QAAQ,CAAC,CAAC,eAAe;AAAA,YACzB,QAAQ,MAAM;AAAA,YAAC;AAAA,YACf,WAAW;AAAA,YACX,qBAAmB;AAAA,YAEnB,UAAA;AAAA,cAAA,oBAAC,QAAQ,MAAR,EAAc,UAAA,cAAA,CAAc;AAAA,cAC7B,oBAAC,QAAQ,QAAR,EACG,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,OAAO;AAAA,kBACP;AAAA,kBACA,iBAAe;AAAA,kBACf,yBAAuB;AAAA,kBACvB,WAAW;AAAA,kBACX,SAAS;AAAA,kBACT,QAAQ;AAAA,kBACR,UAAU;AAAA,kBACV,KAAK;AAAA,gBAAA;AAAA,cAAA,EACT,CACJ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,6BAEH,kBAAA,EACG,UAAA;AAAA,UAAA,oBAAC,gBAAA,EAAe,SAAS,iBAAA,CAAkB;AAAA,UAC1C,+BAAY,aAAA,EAAY,OAAO,kBAAkB,OAAO,MAAM,wBAAwB,IAAI,EAAA,CAAG;AAAA,QAAA,EAAA,CAClG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"ChipSuggestDesktopDropdownField.js","sources":["../../../../../src/components/Chip/ChipSuggest/desktop/ChipSuggestDesktopDropdownField.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback } from \"react\";\nimport { useSuggestContext } from \"../../../Suggest/SuggestContext\";\nimport { FormField, FormFieldLabel, FormFieldInput, FormFieldPostfix, FormFieldClear } from \"../../../FormField\";\nimport { EComponentSize } from \"../../../../enums\";\nimport { Tooltip, ETooltipSize } from \"../../../Tooltip\";\nimport { LoaderSmall, ELoaderSmallTheme } from \"../../../Loader\";\nimport styles from \"../../styles/ChipSuggest.module.less\";\n\n/** Свойства компонента ChipSuggestDesktopDropdownField. */\ninterface IChipSuggestDesktopDropdownFieldProps {\n    /** Название поля, отображается лейблом над полем ввода. */\n    children?: React.ReactNode;\n    /** Размер. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n}\n\n/** Соответствие размера ChipSuggest размеру лоадера. */\nconst SIZE_TO_LOADER_SIZE_MAP: Record<EComponentSize, EComponentSize> = {\n    [EComponentSize.SM]: EComponentSize.SM,\n    [EComponentSize.MD]: EComponentSize.SM,\n    [EComponentSize.LG]: EComponentSize.MD,\n};\n\n/** Tooltip требует обязательный toggle, но открытием управляет prop tooltipOpen из SuggestContext. */\nconst noop = () => {};\n\n/**\n * Десктопное поле фильтрации в выпадающем списке ChipSuggest.\n * Значение поля, подсказки и флаг загрузки берёт из SuggestContext, поэтому рендерится только внутри Suggest.\n */\nexport const ChipSuggestDesktopDropdownField: React.FC<IChipSuggestDesktopDropdownFieldProps> = ({\n    children,\n    size = EComponentSize.MD,\n}) => {\n    const {\n        inputValue,\n        placeholder,\n        noOptionsText,\n        dropdownListId,\n        activeDescendant,\n        loading,\n        tooltipOpen,\n        clearInputOnFocus,\n        onFilter,\n    } = useSuggestContext();\n    const [inputFocused, setInputFocused] = useState(false);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const handleClearClick = useCallback(() => onFilter(\"\"), [onFilter]);\n\n    const handleInputChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>) => {\n            onFilter(event.target.value);\n        },\n        [onFilter],\n    );\n\n    const handleInputFocus = useCallback(() => {\n        setInputFocused(true);\n        if (inputValue.length !== 0 && clearInputOnFocus === true) {\n            onFilter(\"\");\n        }\n    }, [inputValue.length, clearInputOnFocus, onFilter]);\n\n    const handleInputBlur = useCallback(() => setInputFocused(false), []);\n\n    return (\n        <FormField\n            className={styles.chipSuggestInputWrapper}\n            size={size === EComponentSize.LG ? EComponentSize.MD : EComponentSize.SM}\n        >\n            <FormFieldLabel>{children}</FormFieldLabel>\n            <Tooltip\n                size={ETooltipSize.SM}\n                isOpen={!!tooltipOpen && inputFocused}\n                toggle={noop}\n                targetRef={inputRef}\n                disableAdaptiveMode\n            >\n                <Tooltip.Body>{noOptionsText}</Tooltip.Body>\n                <Tooltip.Target>\n                    <FormFieldInput\n                        value={inputValue}\n                        placeholder={placeholder}\n                        aria-controls={dropdownListId}\n                        aria-activedescendant={activeDescendant}\n                        autoFocus={true}\n                        onFocus={handleInputFocus}\n                        onBlur={handleInputBlur}\n                        onChange={handleInputChange}\n                        ref={inputRef}\n                    />\n                </Tooltip.Target>\n            </Tooltip>\n            <FormFieldPostfix>\n                <FormFieldClear onClick={handleClearClick} />\n                {loading && <LoaderSmall theme={ELoaderSmallTheme.BRAND} size={SIZE_TO_LOADER_SIZE_MAP[size]} />}\n            </FormFieldPostfix>\n        </FormField>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,0BAAkE;AAAA,EACpE,CAAC,eAAe,EAAE,GAAG,eAAe;AAAA,EACpC,CAAC,eAAe,EAAE,GAAG,eAAe;AAAA,EACpC,CAAC,eAAe,EAAE,GAAG,eAAe;AACxC;AAGA,MAAM,OAAO,MAAM;AAAC;AAMb,MAAM,kCAAmF,CAAC;AAAA,EAC7F;AAAA,EACA,OAAO,eAAe;AAC1B,MAAM;AACF,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,kBAAA;AACJ,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM,WAAW,OAAyB,IAAI;AAE9C,QAAM,mBAAmB,YAAY,MAAM,SAAS,EAAE,GAAG,CAAC,QAAQ,CAAC;AAEnE,QAAM,oBAAoB;AAAA,IACtB,CAAC,UAA+C;AAC5C,eAAS,MAAM,OAAO,KAAK;AAAA,IAC/B;AAAA,IACA,CAAC,QAAQ;AAAA,EAAA;AAGb,QAAM,mBAAmB,YAAY,MAAM;AACvC,oBAAgB,IAAI;AACpB,QAAI,WAAW,WAAW,KAAK,sBAAsB,MAAM;AACvD,eAAS,EAAE;AAAA,IACf;AAAA,EACJ,GAAG,CAAC,WAAW,QAAQ,mBAAmB,QAAQ,CAAC;AAEnD,QAAM,kBAAkB,YAAY,MAAM,gBAAgB,KAAK,GAAG,CAAA,CAAE;AAEpE,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,OAAO;AAAA,MAClB,MAAM,SAAS,eAAe,KAAK,eAAe,KAAK,eAAe;AAAA,MAEtE,UAAA;AAAA,QAAA,oBAAC,kBAAgB,UAAS;AAAA,QAC1B;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAM,aAAa;AAAA,YACnB,QAAQ,CAAC,CAAC,eAAe;AAAA,YACzB,QAAQ;AAAA,YACR,WAAW;AAAA,YACX,qBAAmB;AAAA,YAEnB,UAAA;AAAA,cAAA,oBAAC,QAAQ,MAAR,EAAc,UAAA,cAAA,CAAc;AAAA,cAC7B,oBAAC,QAAQ,QAAR,EACG,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,OAAO;AAAA,kBACP;AAAA,kBACA,iBAAe;AAAA,kBACf,yBAAuB;AAAA,kBACvB,WAAW;AAAA,kBACX,SAAS;AAAA,kBACT,QAAQ;AAAA,kBACR,UAAU;AAAA,kBACV,KAAK;AAAA,gBAAA;AAAA,cAAA,EACT,CACJ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,6BAEH,kBAAA,EACG,UAAA;AAAA,UAAA,oBAAC,gBAAA,EAAe,SAAS,iBAAA,CAAkB;AAAA,UAC1C,+BAAY,aAAA,EAAY,OAAO,kBAAkB,OAAO,MAAM,wBAAwB,IAAI,EAAA,CAAG;AAAA,QAAA,EAAA,CAClG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/components/Chip/ChipSuggest/utils.js

@@ -0,0 +1,11 @@
+function setForwardedRef(ref, instance) {
+  if (typeof ref === "function") {
+    ref(instance);
+  } else if (ref) {
+    ref.current = instance;
+  }
+}
+export {
+  setForwardedRef
+};
+//# sourceMappingURL=utils.js.map

package/components/Chip/ChipSuggest/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/Chip/ChipSuggest/utils.ts"],"sourcesContent":["import React from \"react\";\n\n/**\n * Записать значение в forwarded ref (callback-ref или объектный ref).\n * Внутренний хелпер ChipSuggest: из barrel index.ts не экспортируется.\n */\nexport function setForwardedRef<T>(ref: React.ForwardedRef<T>, instance: T | null): void {\n    if (typeof ref === \"function\") {\n        ref(instance);\n    } else if (ref) {\n        ref.current = instance;\n    }\n}\n"],"names":[],"mappings":"AAMO,SAAS,gBAAmB,KAA4B,UAA0B;AACrF,MAAI,OAAO,QAAQ,YAAY;AAC3B,QAAI,QAAQ;AAAA,EAChB,WAAW,KAAK;AACZ,QAAI,UAAU;AAAA,EAClB;AACJ;"}

package/components/Chip/index.js

@@ -1,10 +1,12 @@
 import { EChipType } from "./enums.js";
-import { C } from "../../chunks/Chip-CWaqKk62.js";
+import { C } from "../../chunks/Chip-Bi7plvOY.js";
 import { ChipDatePicker } from "./ChipDatePicker/ChipDatePicker.js";
 import { ChipDatePickerTarget } from "./ChipDatePicker/ChipDatePickerTarget.js";
 import { ChipClearButton } from "./ChipClearButton.js";
 import { ChipDropdownArrow } from "./ChipDropdownArrow.js";
 import { ChipIcon } from "./ChipIcon.js";
+import { ChipMonthYearPicker } from "./ChipMonthYearPicker/ChipMonthYearPicker.js";
+import { ChipMonthYearPickerTarget } from "./ChipMonthYearPicker/ChipMonthYearPickerTarget.js";
 import { ChipMultiselect } from "./ChipMultiselect.js";
 import { ChipOptions } from "./ChipOptions.js";
 import { ChipSelect } from "./ChipSelect/ChipSelect.js";
@@ -19,6 +21,8 @@ export {
   ChipDatePickerTarget,
   ChipDropdownArrow,
   ChipIcon,
+  ChipMonthYearPicker,
+  ChipMonthYearPickerTarget,
   ChipMultiselect,
   ChipOptions,
   ChipSelect,

package/components/Chip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/components/ChipGroup/ChipGroup.js

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const chipGroup = "chipGroup__99b837ec";
-const oneLine = "oneLine__1d7212e9";
-const multiLine = "multiLine__fc1d5bf1";
-const lg = "lg__d3c9aa2f";
-const md = "md__c756f56d";
-const sm = "sm__60d1f25c";
+const chipGroup = "chipGroup__c07e65a4";
+const oneLine = "oneLine__7fe1776a";
+const multiLine = "multiLine__0d087fdd";
+const lg = "lg__ac335d00";
+const md = "md__5bdd7e3d";
+const sm = "sm__99b2eb9c";
 const styles = {
   chipGroup,
   oneLine,
@@ -31,7 +31,7 @@ const ChipGroup = React__default.forwardRef(
         ),
         ...rest,
         ref,
-        "data-tx": "1.45.0",
+        "data-tx": "1.46.0",
         children
       }
     );

package/components/Col/Col.js

@@ -1,143 +1,143 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
 import { RowContext } from "../Row/RowContext.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const gridHorizontalGapSM = "gridHorizontalGapSM__e12012c0";
-const gridHorizontalGapMD = "gridHorizontalGapMD__778886a4";
+const gridHorizontalGapSM = "gridHorizontalGapSM__7ca4c14c";
+const gridHorizontalGapMD = "gridHorizontalGapMD__cf6ea973";
 const styles = {
   gridHorizontalGapSM,
   gridHorizontalGapMD,
-  "col-1": "col-1__438dbaa4",
-  "col-2": "col-2__dcfca31e",
-  "col-3": "col-3__e0e86c88",
-  "col-4": "col-4__0b0331c3",
-  "col-5": "col-5__11f98620",
-  "col-6": "col-6__01f3a33e",
-  "col-7": "col-7__988ab7fd",
-  "col-8": "col-8__f7366166",
-  "col-9": "col-9__cdbffb41",
-  "col-10": "col-10__edfe6674",
-  "col-11": "col-11__eeec524b",
-  "col-12": "col-12__2b312911",
-  "offset-0": "offset-0__fad099a6",
-  "offset-1": "offset-1__835cdf85",
-  "offset-2": "offset-2__5b6571f5",
-  "offset-3": "offset-3__608dfff8",
-  "offset-4": "offset-4__29d3df54",
-  "offset-5": "offset-5__7ab6bfc2",
-  "offset-6": "offset-6__d32beac0",
-  "offset-7": "offset-7__384ed82e",
-  "offset-8": "offset-8__a95a6bb7",
-  "offset-9": "offset-9__e0286a75",
-  "offset-10": "offset-10__d9362f67",
-  "offset-11": "offset-11__f5af9197",
-  "d-none": "d-none__df102e6d",
-  "d-block": "d-block__a68f6eda",
-  "col-sm-1": "col-sm-1__fdca4950",
-  "col-sm-2": "col-sm-2__30132a12",
-  "col-sm-3": "col-sm-3__742f5099",
-  "col-sm-4": "col-sm-4__b88c3c24",
-  "col-sm-5": "col-sm-5__9c5c364c",
-  "col-sm-6": "col-sm-6__c4d99e58",
-  "col-sm-7": "col-sm-7__514f6346",
-  "col-sm-8": "col-sm-8__11a30ae9",
-  "col-sm-9": "col-sm-9__fa061678",
-  "col-sm-10": "col-sm-10__e21c9254",
-  "col-sm-11": "col-sm-11__18585db0",
-  "col-sm-12": "col-sm-12__abbe95e0",
-  "offset-sm-0": "offset-sm-0__5181be5a",
-  "offset-sm-1": "offset-sm-1__86fe7003",
-  "offset-sm-2": "offset-sm-2__3b9180aa",
-  "offset-sm-3": "offset-sm-3__f6f90542",
-  "offset-sm-4": "offset-sm-4__dff45f37",
-  "offset-sm-5": "offset-sm-5__85a95578",
-  "offset-sm-6": "offset-sm-6__0ebab28e",
-  "offset-sm-7": "offset-sm-7__aab07a8c",
-  "offset-sm-8": "offset-sm-8__c4370028",
-  "offset-sm-9": "offset-sm-9__64e583b0",
-  "offset-sm-10": "offset-sm-10__1145d7a1",
-  "offset-sm-11": "offset-sm-11__3852c4ce",
-  "d-none-sm": "d-none-sm__19471121",
-  "d-block-sm": "d-block-sm__441f12d2",
-  "col-md-1": "col-md-1__7767a300",
-  "col-md-2": "col-md-2__b8ee5f78",
-  "col-md-3": "col-md-3__1b5c57c5",
-  "col-md-4": "col-md-4__f48c0747",
-  "col-md-5": "col-md-5__a3ae3704",
-  "col-md-6": "col-md-6__74dab17e",
-  "col-md-7": "col-md-7__42055e82",
-  "col-md-8": "col-md-8__7aa6c638",
-  "col-md-9": "col-md-9__bbe3f9d8",
-  "col-md-10": "col-md-10__8dbf5d91",
-  "col-md-11": "col-md-11__d3d09d00",
-  "col-md-12": "col-md-12__8c6299e4",
-  "offset-md-0": "offset-md-0__33fe66d3",
-  "offset-md-1": "offset-md-1__d7aead8b",
-  "offset-md-2": "offset-md-2__b415c4b9",
-  "offset-md-3": "offset-md-3__dfb47200",
-  "offset-md-4": "offset-md-4__c245496c",
-  "offset-md-5": "offset-md-5__2c190b70",
-  "offset-md-6": "offset-md-6__fca4a828",
-  "offset-md-7": "offset-md-7__5d4b8ae5",
-  "offset-md-8": "offset-md-8__f5687a60",
-  "offset-md-9": "offset-md-9__77a998cd",
-  "offset-md-10": "offset-md-10__8dacfd6e",
-  "offset-md-11": "offset-md-11__5fc87740",
-  "d-none-md": "d-none-md__92649cad",
-  "d-block-md": "d-block-md__1e239a21",
-  "col-lg-1": "col-lg-1__eada646f",
-  "col-lg-2": "col-lg-2__7ed05125",
-  "col-lg-3": "col-lg-3__e1ccda3d",
-  "col-lg-4": "col-lg-4__eb1b8953",
-  "col-lg-5": "col-lg-5__8d84e0c1",
-  "col-lg-6": "col-lg-6__07302d8d",
-  "col-lg-7": "col-lg-7__9e97a5c8",
-  "col-lg-8": "col-lg-8__2df55b4b",
-  "col-lg-9": "col-lg-9__452facd3",
-  "col-lg-10": "col-lg-10__32d95478",
-  "col-lg-11": "col-lg-11__29e75b35",
-  "col-lg-12": "col-lg-12__00e29bc9",
-  "offset-lg-0": "offset-lg-0__e72e06e2",
-  "offset-lg-1": "offset-lg-1__aa88f99f",
-  "offset-lg-2": "offset-lg-2__508a4569",
-  "offset-lg-3": "offset-lg-3__2fdbd022",
-  "offset-lg-4": "offset-lg-4__cb990330",
-  "offset-lg-5": "offset-lg-5__d66aa657",
-  "offset-lg-6": "offset-lg-6__b57b0454",
-  "offset-lg-7": "offset-lg-7__c4b7310a",
-  "offset-lg-8": "offset-lg-8__2b44d1fd",
-  "offset-lg-9": "offset-lg-9__7ea69582",
-  "offset-lg-10": "offset-lg-10__c3f09ac8",
-  "offset-lg-11": "offset-lg-11__98fcce89",
-  "d-none-lg": "d-none-lg__a83ba05e",
-  "d-block-lg": "d-block-lg__a9c1a067",
-  "col-xl-1": "col-xl-1__3fcb8c85",
-  "col-xl-2": "col-xl-2__358e03a9",
-  "col-xl-3": "col-xl-3__007398df",
-  "col-xl-4": "col-xl-4__d6d27333",
-  "col-xl-5": "col-xl-5__b15fead8",
-  "col-xl-6": "col-xl-6__6461740a",
-  "col-xl-7": "col-xl-7__023df6f9",
-  "col-xl-8": "col-xl-8__2db1aa5d",
-  "col-xl-9": "col-xl-9__de1fccaf",
-  "col-xl-10": "col-xl-10__354049d4",
-  "col-xl-11": "col-xl-11__81079c98",
-  "col-xl-12": "col-xl-12__37de1099",
-  "offset-xl-0": "offset-xl-0__f70457c4",
-  "offset-xl-1": "offset-xl-1__ea7e46c7",
-  "offset-xl-2": "offset-xl-2__48f76ee0",
-  "offset-xl-3": "offset-xl-3__7db1e24d",
-  "offset-xl-4": "offset-xl-4__900c3066",
-  "offset-xl-5": "offset-xl-5__d12e59ef",
-  "offset-xl-6": "offset-xl-6__b4d12911",
-  "offset-xl-7": "offset-xl-7__a5ff4aec",
-  "offset-xl-8": "offset-xl-8__adfca05a",
-  "offset-xl-9": "offset-xl-9__3e182975",
-  "offset-xl-10": "offset-xl-10__b26b12b8",
-  "offset-xl-11": "offset-xl-11__2f9ba188",
-  "d-none-xl": "d-none-xl__4847febc",
-  "d-block-xl": "d-block-xl__0450aaa5"
+  "col-1": "col-1__2825a0f4",
+  "col-2": "col-2__e247086d",
+  "col-3": "col-3__b3f012e2",
+  "col-4": "col-4__f32eafa8",
+  "col-5": "col-5__b361b617",
+  "col-6": "col-6__e7645453",
+  "col-7": "col-7__ee2b8cd2",
+  "col-8": "col-8__b1c0a748",
+  "col-9": "col-9__73c43143",
+  "col-10": "col-10__4ba1d1af",
+  "col-11": "col-11__53aac4c2",
+  "col-12": "col-12__ff936514",
+  "offset-0": "offset-0__c4dca982",
+  "offset-1": "offset-1__29a265f5",
+  "offset-2": "offset-2__c3136f48",
+  "offset-3": "offset-3__2346cd80",
+  "offset-4": "offset-4__1f2ab26b",
+  "offset-5": "offset-5__04120034",
+  "offset-6": "offset-6__1495ad5c",
+  "offset-7": "offset-7__e7003e87",
+  "offset-8": "offset-8__b8df969d",
+  "offset-9": "offset-9__6612943b",
+  "offset-10": "offset-10__1c86a431",
+  "offset-11": "offset-11__8dd7ff62",
+  "d-none": "d-none__48dc2f3f",
+  "d-block": "d-block__677158da",
+  "col-sm-1": "col-sm-1__8efbd073",
+  "col-sm-2": "col-sm-2__da4812a9",
+  "col-sm-3": "col-sm-3__5d438486",
+  "col-sm-4": "col-sm-4__90b97ccb",
+  "col-sm-5": "col-sm-5__ac4ec800",
+  "col-sm-6": "col-sm-6__2f78e192",
+  "col-sm-7": "col-sm-7__96e73e76",
+  "col-sm-8": "col-sm-8__5a23d332",
+  "col-sm-9": "col-sm-9__7edf414a",
+  "col-sm-10": "col-sm-10__03ed716d",
+  "col-sm-11": "col-sm-11__e9db5125",
+  "col-sm-12": "col-sm-12__920029f9",
+  "offset-sm-0": "offset-sm-0__26aa5240",
+  "offset-sm-1": "offset-sm-1__b02f84ec",
+  "offset-sm-2": "offset-sm-2__751e09f9",
+  "offset-sm-3": "offset-sm-3__8319bc26",
+  "offset-sm-4": "offset-sm-4__3d78d46b",
+  "offset-sm-5": "offset-sm-5__e86c542b",
+  "offset-sm-6": "offset-sm-6__1d297e81",
+  "offset-sm-7": "offset-sm-7__aa3611af",
+  "offset-sm-8": "offset-sm-8__15a9099a",
+  "offset-sm-9": "offset-sm-9__4b03fe91",
+  "offset-sm-10": "offset-sm-10__4ba04d3d",
+  "offset-sm-11": "offset-sm-11__d53a1d56",
+  "d-none-sm": "d-none-sm__2aa2d120",
+  "d-block-sm": "d-block-sm__52c6f505",
+  "col-md-1": "col-md-1__e4a2ad85",
+  "col-md-2": "col-md-2__732a01c6",
+  "col-md-3": "col-md-3__d4cb4957",
+  "col-md-4": "col-md-4__93a620f6",
+  "col-md-5": "col-md-5__b216bad5",
+  "col-md-6": "col-md-6__3a44853b",
+  "col-md-7": "col-md-7__a3997058",
+  "col-md-8": "col-md-8__52a9f6b7",
+  "col-md-9": "col-md-9__f5c08de3",
+  "col-md-10": "col-md-10__14c45f7e",
+  "col-md-11": "col-md-11__37ef0e7b",
+  "col-md-12": "col-md-12__e61f9fa0",
+  "offset-md-0": "offset-md-0__293bd6cb",
+  "offset-md-1": "offset-md-1__0f23cb51",
+  "offset-md-2": "offset-md-2__b58fc838",
+  "offset-md-3": "offset-md-3__ef9f00cc",
+  "offset-md-4": "offset-md-4__2fadaa8d",
+  "offset-md-5": "offset-md-5__da18ef48",
+  "offset-md-6": "offset-md-6__914444cb",
+  "offset-md-7": "offset-md-7__b40de12a",
+  "offset-md-8": "offset-md-8__83c5c8b3",
+  "offset-md-9": "offset-md-9__455246fc",
+  "offset-md-10": "offset-md-10__a9cb01af",
+  "offset-md-11": "offset-md-11__362f10dc",
+  "d-none-md": "d-none-md__9bc33243",
+  "d-block-md": "d-block-md__c439c48c",
+  "col-lg-1": "col-lg-1__c79d7c37",
+  "col-lg-2": "col-lg-2__fb17137b",
+  "col-lg-3": "col-lg-3__d1e90f90",
+  "col-lg-4": "col-lg-4__8c843688",
+  "col-lg-5": "col-lg-5__4c8ce611",
+  "col-lg-6": "col-lg-6__ed3c3e5d",
+  "col-lg-7": "col-lg-7__0dcf706a",
+  "col-lg-8": "col-lg-8__21fef1f5",
+  "col-lg-9": "col-lg-9__1bf66617",
+  "col-lg-10": "col-lg-10__f44e8946",
+  "col-lg-11": "col-lg-11__fef03b4e",
+  "col-lg-12": "col-lg-12__7302c322",
+  "offset-lg-0": "offset-lg-0__4ee116e2",
+  "offset-lg-1": "offset-lg-1__def7c9d8",
+  "offset-lg-2": "offset-lg-2__deac5648",
+  "offset-lg-3": "offset-lg-3__f4ee02ce",
+  "offset-lg-4": "offset-lg-4__0d076fa2",
+  "offset-lg-5": "offset-lg-5__c846e03f",
+  "offset-lg-6": "offset-lg-6__c678e7b5",
+  "offset-lg-7": "offset-lg-7__37fc8f21",
+  "offset-lg-8": "offset-lg-8__dac86afd",
+  "offset-lg-9": "offset-lg-9__0844e389",
+  "offset-lg-10": "offset-lg-10__d5fca4c6",
+  "offset-lg-11": "offset-lg-11__0ac7600c",
+  "d-none-lg": "d-none-lg__f9fd3b3b",
+  "d-block-lg": "d-block-lg__d36c844e",
+  "col-xl-1": "col-xl-1__7e8618f4",
+  "col-xl-2": "col-xl-2__59652ee1",
+  "col-xl-3": "col-xl-3__1f2563e7",
+  "col-xl-4": "col-xl-4__37ce6297",
+  "col-xl-5": "col-xl-5__a1f3ec0d",
+  "col-xl-6": "col-xl-6__73b6027c",
+  "col-xl-7": "col-xl-7__0b3c9c75",
+  "col-xl-8": "col-xl-8__290026bf",
+  "col-xl-9": "col-xl-9__e8a2bda5",
+  "col-xl-10": "col-xl-10__0dad6b68",
+  "col-xl-11": "col-xl-11__6385331b",
+  "col-xl-12": "col-xl-12__879b3f30",
+  "offset-xl-0": "offset-xl-0__8d9cdb38",
+  "offset-xl-1": "offset-xl-1__60025e02",
+  "offset-xl-2": "offset-xl-2__f37bb546",
+  "offset-xl-3": "offset-xl-3__ca8eb3bb",
+  "offset-xl-4": "offset-xl-4__ab0f569c",
+  "offset-xl-5": "offset-xl-5__7a9627c8",
+  "offset-xl-6": "offset-xl-6__7d2daebe",
+  "offset-xl-7": "offset-xl-7__f2c69fcf",
+  "offset-xl-8": "offset-xl-8__7b40a4b2",
+  "offset-xl-9": "offset-xl-9__53299945",
+  "offset-xl-10": "offset-xl-10__bdf91f60",
+  "offset-xl-11": "offset-xl-11__1b869d67",
+  "d-none-xl": "d-none-xl__0d9c3d41",
+  "d-block-xl": "d-block-xl__78c1fbde"
 };
 const GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP = {
   [EComponentSize.SM]: styles.gridHorizontalGapSM,

package/components/CollapsibleTree/CollapsibleTree.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
 import { CollapsibleTreeExtended } from "../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
 import { CollapsibleTreeBranchNode } from "./components/CollapsibleTreeBranchNode.js";
-const collapsibleTree = "collapsibleTree__770afa14";
+const collapsibleTree = "collapsibleTree__f167d277";
 const styles = {
   collapsibleTree
 };

package/components/CollapsibleTree/components/CollapsibleTreeLeafContent.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const collapsibleTreeLeafContent = "collapsibleTreeLeafContent__8976e82e";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+const collapsibleTreeLeafContent = "collapsibleTreeLeafContent__d9cba95b";
 const styles = {
   collapsibleTreeLeafContent
 };

package/components/CollapsibleTree/components/CollapsibleTreeLeafNode.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { CollapsibleTreeExtended } from "../../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
 import { CollapsibleTreeLeafContent } from "./CollapsibleTreeLeafContent.js";
-import { z as noop } from "../../../chunks/vendor-D4wvHis9.js";
-const collapsibleTreeLeafNode = "collapsibleTreeLeafNode__0d1f3836";
+import { z as noop } from "../../../chunks/vendor-DqjKLGwf.js";
+const collapsibleTreeLeafNode = "collapsibleTreeLeafNode__0b670552";
 const styles = {
   collapsibleTreeLeafNode
 };

package/components/CollapsibleTree/components/CollapsibleTreeNodeHeader.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { CaretrightStrokeSrvIcon24 } from "@sberbusiness/icons-next";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const collapsibleTreeNodeHeader = "collapsibleTreeNodeHeader__47260fe2";
-const interactive = "interactive__4d3ad181";
-const chevron = "chevron__26cb1349";
-const opened = "opened__0b636312";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+const collapsibleTreeNodeHeader = "collapsibleTreeNodeHeader__f13876a7";
+const interactive = "interactive__dcbfe81f";
+const chevron = "chevron__17f6e570";
+const opened = "opened__31dbd455";
 const styles = {
   collapsibleTreeNodeHeader,
   interactive,

package/components/CollapsibleTreeExtended/components/CollapsibleTreeExtendedNode.js

@@ -5,8 +5,8 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { TreeView } from "../../TreeView/TreeView.js";
 import { AccordionBase } from "../../AccordionBase/protected/AccordionBase.js";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const collapsibleTreeExtendedNodeContent = "collapsibleTreeExtendedNodeContent__e2310d7d";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+const collapsibleTreeExtendedNodeContent = "collapsibleTreeExtendedNodeContent__0b018f4a";
 const styles = {
   collapsibleTreeExtendedNodeContent
 };

package/components/Confirm/Confirm.js

@@ -2,14 +2,14 @@ import { jsx } from "react/jsx-runtime";
 import { ConfirmClose } from "./components/ConfirmClose.js";
 import { ConfirmContent } from "./components/ConfirmContent.js";
 import { ConfirmControls } from "./components/ConfirmControls.js";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
 import { Island } from "../Island/Island.js";
 import { EIslandType } from "../Island/enums.js";
 import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
 import { EConfirmParentComponent } from "./enums.js";
-import { s as styles } from "../../chunks/Confirm.module-Dw5sV0a8.js";
+import { s as styles } from "../../chunks/Confirm.module-D5ujpaan.js";
 const parentComponentToClassNameMap = {
   [EConfirmParentComponent.LIGHTBOX]: styles.isInLightBox,
   [EConfirmParentComponent.SIDE_OVERLAY_SM]: styles.isInSideOverlaySM,

package/components/Confirm/components/ConfirmCloseButton.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { CrossStrokeSrvIcon20 } from "@sberbusiness/icons-next";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/Confirm.module-Dw5sV0a8.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { s as styles } from "../../../chunks/Confirm.module-D5ujpaan.js";
 import { Button } from "../../Button/Button.js";
 import { EButtonTheme } from "../../Button/enums.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";

package/components/Confirm/components/ConfirmContent.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { ConfirmContentSubTitle } from "./ConfirmContentSubTitle.js";
 import { ConfirmContentTitle } from "./ConfirmContentTitle.js";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/Confirm.module-Dw5sV0a8.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { s as styles } from "../../../chunks/Confirm.module-D5ujpaan.js";
 const ConfirmContent = ({ children, className, ...htmlDivAttributes }) => /* @__PURE__ */ jsx("div", { className: clsx(className, styles.confirmContent), ...htmlDivAttributes, children });
 ConfirmContent.displayName = "ConfirmContent";
 ConfirmContent.Title = ConfirmContentTitle;

package/components/Confirm/components/ConfirmContentTitle.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { ETitleSize } from "../../Typography/enums.js";
 import { Title } from "../../Typography/Title.js";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/Confirm.module-Dw5sV0a8.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { s as styles } from "../../../chunks/Confirm.module-D5ujpaan.js";
 const ConfirmContentTitle = ({
   children,
   className,

package/components/Confirm/components/ConfirmControls.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/Confirm.module-Dw5sV0a8.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { s as styles } from "../../../chunks/Confirm.module-D5ujpaan.js";
 const ConfirmControls = ({ children, className, ...htmlDivAttributes }) => /* @__PURE__ */ jsx("div", { className: clsx(className, styles.confirmControls), ...htmlDivAttributes, children });
 ConfirmControls.displayName = "ConfirmControls";
 export {