@sberbusiness/triplex-next 0.45.0 → 0.46.0

package/components/Chip/ChipSuggest/ChipSuggestTarget.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React, { useCallback } from "react";
 import { useSuggestContext } from "../../Suggest/SuggestContext.js";
 import "../../Suggest/Suggest.js";
-import { C as Chip } from "../../../chunks/Chip-5_tKU86v.js";
+import { C as Chip } from "../../../chunks/Chip-BgMrneDh.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":[],"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,oBAAoB,MAAM,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":[],"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,oBAAoB,MAAM,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__55395cbe";
+const chipSuggestInputWrapper = "chipSuggestInputWrapper__6a8ec321";
 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-5_tKU86v.js";
+import { C } from "../../chunks/Chip-BgMrneDh.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 from "react";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const chipGroup = "chipGroup__323a9765";
-const oneLine = "oneLine__125c34cb";
-const multiLine = "multiLine__aabb3e80";
-const lg = "lg__79d5f7ef";
-const md = "md__9c5a0ebc";
-const sm = "sm__1289b25e";
+const chipGroup = "chipGroup__e208c515";
+const oneLine = "oneLine__60360e25";
+const multiLine = "multiLine__e8f96285";
+const lg = "lg__8ea9077c";
+const md = "md__d46b4f31";
+const sm = "sm__e9357091";
 const styles = {
   chipGroup,
   oneLine,
@@ -31,7 +31,7 @@ const ChipGroup = React.forwardRef(
         ),
         ...rest,
         ref,
-        "data-tx": "0.45.0",
+        "data-tx": "0.46.0",
         children
       }
     );

package/components/Col/Col.js

@@ -1,143 +1,143 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useContext } from "react";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
 import { RowContext } from "../Row/RowContext.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const gridHorizontalGapSM = "gridHorizontalGapSM__2521d843";
-const gridHorizontalGapMD = "gridHorizontalGapMD__475805fd";
+const gridHorizontalGapSM = "gridHorizontalGapSM__7edc856a";
+const gridHorizontalGapMD = "gridHorizontalGapMD__d05455bc";
 const styles = {
   gridHorizontalGapSM,
   gridHorizontalGapMD,
-  "col-1": "col-1__fb3ebf8b",
-  "col-2": "col-2__e2c886df",
-  "col-3": "col-3__8d3d50f5",
-  "col-4": "col-4__4b78d7b2",
-  "col-5": "col-5__aff97426",
-  "col-6": "col-6__b271d9dc",
-  "col-7": "col-7__f7c6cb26",
-  "col-8": "col-8__00347b86",
-  "col-9": "col-9__213eedb0",
-  "col-10": "col-10__e5069800",
-  "col-11": "col-11__d1aa6ce3",
-  "col-12": "col-12__9c8773f8",
-  "offset-0": "offset-0__7b68188f",
-  "offset-1": "offset-1__0d19aab8",
-  "offset-2": "offset-2__d9c45e1a",
-  "offset-3": "offset-3__202c31bb",
-  "offset-4": "offset-4__7c236f47",
-  "offset-5": "offset-5__6ba7def4",
-  "offset-6": "offset-6__07a01858",
-  "offset-7": "offset-7__3a4d674f",
-  "offset-8": "offset-8__bb7dd662",
-  "offset-9": "offset-9__a6a0a59c",
-  "offset-10": "offset-10__071654d0",
-  "offset-11": "offset-11__9bf27023",
-  "d-none": "d-none__fdc20c5e",
-  "d-block": "d-block__2b270435",
-  "col-sm-1": "col-sm-1__e622466f",
-  "col-sm-2": "col-sm-2__ce0b1366",
-  "col-sm-3": "col-sm-3__b9312388",
-  "col-sm-4": "col-sm-4__a66e2b6d",
-  "col-sm-5": "col-sm-5__e9a2068b",
-  "col-sm-6": "col-sm-6__1f906ba8",
-  "col-sm-7": "col-sm-7__a8f77afd",
-  "col-sm-8": "col-sm-8__22b50c39",
-  "col-sm-9": "col-sm-9__62b7a20b",
-  "col-sm-10": "col-sm-10__99f5962b",
-  "col-sm-11": "col-sm-11__640ef8c4",
-  "col-sm-12": "col-sm-12__030bee8a",
-  "offset-sm-0": "offset-sm-0__7f6015fa",
-  "offset-sm-1": "offset-sm-1__1a162c03",
-  "offset-sm-2": "offset-sm-2__cfce057e",
-  "offset-sm-3": "offset-sm-3__24cc93c9",
-  "offset-sm-4": "offset-sm-4__5415c97e",
-  "offset-sm-5": "offset-sm-5__2a198cce",
-  "offset-sm-6": "offset-sm-6__2bc7543b",
-  "offset-sm-7": "offset-sm-7__61841268",
-  "offset-sm-8": "offset-sm-8__eba3d87d",
-  "offset-sm-9": "offset-sm-9__db3f6705",
-  "offset-sm-10": "offset-sm-10__14b83543",
-  "offset-sm-11": "offset-sm-11__42786027",
-  "d-none-sm": "d-none-sm__cd8cdcda",
-  "d-block-sm": "d-block-sm__07d0d77b",
-  "col-md-1": "col-md-1__bf3b88cb",
-  "col-md-2": "col-md-2__c434721e",
-  "col-md-3": "col-md-3__dc11077c",
-  "col-md-4": "col-md-4__a386f1af",
-  "col-md-5": "col-md-5__b1f763eb",
-  "col-md-6": "col-md-6__386a7541",
-  "col-md-7": "col-md-7__0d21e293",
-  "col-md-8": "col-md-8__87be9400",
-  "col-md-9": "col-md-9__e8199961",
-  "col-md-10": "col-md-10__06dfe0c7",
-  "col-md-11": "col-md-11__cf26c476",
-  "col-md-12": "col-md-12__7432266a",
-  "offset-md-0": "offset-md-0__b8d9bbd4",
-  "offset-md-1": "offset-md-1__ce376f67",
-  "offset-md-2": "offset-md-2__e0f5922e",
-  "offset-md-3": "offset-md-3__3bc0f2be",
-  "offset-md-4": "offset-md-4__ac3d8a9a",
-  "offset-md-5": "offset-md-5__4f29d788",
-  "offset-md-6": "offset-md-6__37e7ebb2",
-  "offset-md-7": "offset-md-7__f0b55728",
-  "offset-md-8": "offset-md-8__50c67784",
-  "offset-md-9": "offset-md-9__89962db4",
-  "offset-md-10": "offset-md-10__7c0d19a4",
-  "offset-md-11": "offset-md-11__26ba6fa5",
-  "d-none-md": "d-none-md__be0f2a7b",
-  "d-block-md": "d-block-md__99f65811",
-  "col-lg-1": "col-lg-1__778280e4",
-  "col-lg-2": "col-lg-2__6a28c64e",
-  "col-lg-3": "col-lg-3__68f4619d",
-  "col-lg-4": "col-lg-4__73eddedd",
-  "col-lg-5": "col-lg-5__432c3c9b",
-  "col-lg-6": "col-lg-6__854b0332",
-  "col-lg-7": "col-lg-7__501eed57",
-  "col-lg-8": "col-lg-8__8ed14d88",
-  "col-lg-9": "col-lg-9__c91609b0",
-  "col-lg-10": "col-lg-10__9fbad41b",
-  "col-lg-11": "col-lg-11__a8b164fa",
-  "col-lg-12": "col-lg-12__b07ad371",
-  "offset-lg-0": "offset-lg-0__d8662ac3",
-  "offset-lg-1": "offset-lg-1__d7287bfd",
-  "offset-lg-2": "offset-lg-2__d611e7cd",
-  "offset-lg-3": "offset-lg-3__8427ceaf",
-  "offset-lg-4": "offset-lg-4__06ffd020",
-  "offset-lg-5": "offset-lg-5__4d877377",
-  "offset-lg-6": "offset-lg-6__41ab70de",
-  "offset-lg-7": "offset-lg-7__9a9e244f",
-  "offset-lg-8": "offset-lg-8__f0f78f69",
-  "offset-lg-9": "offset-lg-9__481c8687",
-  "offset-lg-10": "offset-lg-10__b6704b0c",
-  "offset-lg-11": "offset-lg-11__2366bfa0",
-  "d-none-lg": "d-none-lg__d0f38fb4",
-  "d-block-lg": "d-block-lg__f12bfd26",
-  "col-xl-1": "col-xl-1__598b5431",
-  "col-xl-2": "col-xl-2__32944724",
-  "col-xl-3": "col-xl-3__4d614fae",
-  "col-xl-4": "col-xl-4__fc634543",
-  "col-xl-5": "col-xl-5__3fb1498b",
-  "col-xl-6": "col-xl-6__5a0a3536",
-  "col-xl-7": "col-xl-7__a6064690",
-  "col-xl-8": "col-xl-8__aa20fbb6",
-  "col-xl-9": "col-xl-9__54c6bdfc",
-  "col-xl-10": "col-xl-10__b139f94b",
-  "col-xl-11": "col-xl-11__ac95aae9",
-  "col-xl-12": "col-xl-12__1ef3f7d5",
-  "offset-xl-0": "offset-xl-0__29b7ba8b",
-  "offset-xl-1": "offset-xl-1__9375c9a7",
-  "offset-xl-2": "offset-xl-2__c94f1420",
-  "offset-xl-3": "offset-xl-3__1397339d",
-  "offset-xl-4": "offset-xl-4__24e6a76f",
-  "offset-xl-5": "offset-xl-5__cf24e1a9",
-  "offset-xl-6": "offset-xl-6__2f67b1a1",
-  "offset-xl-7": "offset-xl-7__a47c6451",
-  "offset-xl-8": "offset-xl-8__8ef6ddf0",
-  "offset-xl-9": "offset-xl-9__8edd31b0",
-  "offset-xl-10": "offset-xl-10__fa13581d",
-  "offset-xl-11": "offset-xl-11__3eec59d9",
-  "d-none-xl": "d-none-xl__346e9d64",
-  "d-block-xl": "d-block-xl__680f19f2"
+  "col-1": "col-1__feefa15f",
+  "col-2": "col-2__0f895bc0",
+  "col-3": "col-3__987857ff",
+  "col-4": "col-4__75ef471a",
+  "col-5": "col-5__7db75a21",
+  "col-6": "col-6__f0aef328",
+  "col-7": "col-7__af531a8e",
+  "col-8": "col-8__56010bd7",
+  "col-9": "col-9__3cf2b73d",
+  "col-10": "col-10__fb50277a",
+  "col-11": "col-11__a3ed86ea",
+  "col-12": "col-12__0ab8834f",
+  "offset-0": "offset-0__6082114a",
+  "offset-1": "offset-1__0ff0cce0",
+  "offset-2": "offset-2__f029d449",
+  "offset-3": "offset-3__27f1d449",
+  "offset-4": "offset-4__48321884",
+  "offset-5": "offset-5__dedc291d",
+  "offset-6": "offset-6__22f292f7",
+  "offset-7": "offset-7__8762bf4b",
+  "offset-8": "offset-8__02bd1574",
+  "offset-9": "offset-9__be1eae94",
+  "offset-10": "offset-10__d4af5655",
+  "offset-11": "offset-11__3eeeaa94",
+  "d-none": "d-none__f8898b30",
+  "d-block": "d-block__5a8ad37a",
+  "col-sm-1": "col-sm-1__16f128bf",
+  "col-sm-2": "col-sm-2__1852e550",
+  "col-sm-3": "col-sm-3__491bab92",
+  "col-sm-4": "col-sm-4__e365a53c",
+  "col-sm-5": "col-sm-5__b8419b11",
+  "col-sm-6": "col-sm-6__91fffce1",
+  "col-sm-7": "col-sm-7__1c7d81ea",
+  "col-sm-8": "col-sm-8__b4fb22e3",
+  "col-sm-9": "col-sm-9__04db8b60",
+  "col-sm-10": "col-sm-10__d7bbcab6",
+  "col-sm-11": "col-sm-11__25ffcd1d",
+  "col-sm-12": "col-sm-12__530e589b",
+  "offset-sm-0": "offset-sm-0__febe46ea",
+  "offset-sm-1": "offset-sm-1__3c6a6898",
+  "offset-sm-2": "offset-sm-2__d365629e",
+  "offset-sm-3": "offset-sm-3__c135b025",
+  "offset-sm-4": "offset-sm-4__fd084b44",
+  "offset-sm-5": "offset-sm-5__ba7cfc40",
+  "offset-sm-6": "offset-sm-6__cb865ab1",
+  "offset-sm-7": "offset-sm-7__e28fb71d",
+  "offset-sm-8": "offset-sm-8__3252f947",
+  "offset-sm-9": "offset-sm-9__76d3eb22",
+  "offset-sm-10": "offset-sm-10__e75955c8",
+  "offset-sm-11": "offset-sm-11__a835de9d",
+  "d-none-sm": "d-none-sm__a6e564ca",
+  "d-block-sm": "d-block-sm__f866753f",
+  "col-md-1": "col-md-1__a0a18ce3",
+  "col-md-2": "col-md-2__0bcf3240",
+  "col-md-3": "col-md-3__d947c8b4",
+  "col-md-4": "col-md-4__8040e43c",
+  "col-md-5": "col-md-5__404cbbd2",
+  "col-md-6": "col-md-6__a2505ec1",
+  "col-md-7": "col-md-7__a4b6cc27",
+  "col-md-8": "col-md-8__967e9684",
+  "col-md-9": "col-md-9__27c923da",
+  "col-md-10": "col-md-10__c1830fdc",
+  "col-md-11": "col-md-11__02abff4d",
+  "col-md-12": "col-md-12__9bce403b",
+  "offset-md-0": "offset-md-0__0ed7bc6f",
+  "offset-md-1": "offset-md-1__6a801f49",
+  "offset-md-2": "offset-md-2__8c314e05",
+  "offset-md-3": "offset-md-3__fd589571",
+  "offset-md-4": "offset-md-4__d5fdd6ab",
+  "offset-md-5": "offset-md-5__a76456e9",
+  "offset-md-6": "offset-md-6__d6c737db",
+  "offset-md-7": "offset-md-7__265249c1",
+  "offset-md-8": "offset-md-8__24b829ec",
+  "offset-md-9": "offset-md-9__8be1a90f",
+  "offset-md-10": "offset-md-10__e1fecb8c",
+  "offset-md-11": "offset-md-11__db799868",
+  "d-none-md": "d-none-md__b34de1a4",
+  "d-block-md": "d-block-md__455ab4fb",
+  "col-lg-1": "col-lg-1__a4aab683",
+  "col-lg-2": "col-lg-2__ebd706ed",
+  "col-lg-3": "col-lg-3__264c61fd",
+  "col-lg-4": "col-lg-4__2e768f37",
+  "col-lg-5": "col-lg-5__02879932",
+  "col-lg-6": "col-lg-6__b073fdd7",
+  "col-lg-7": "col-lg-7__11822320",
+  "col-lg-8": "col-lg-8__5f858e42",
+  "col-lg-9": "col-lg-9__2ccc6794",
+  "col-lg-10": "col-lg-10__999720a6",
+  "col-lg-11": "col-lg-11__c8010c8c",
+  "col-lg-12": "col-lg-12__c2d05a3c",
+  "offset-lg-0": "offset-lg-0__3caeead3",
+  "offset-lg-1": "offset-lg-1__f4735499",
+  "offset-lg-2": "offset-lg-2__a17aaa73",
+  "offset-lg-3": "offset-lg-3__73b90e0c",
+  "offset-lg-4": "offset-lg-4__5b0ea55b",
+  "offset-lg-5": "offset-lg-5__8f857064",
+  "offset-lg-6": "offset-lg-6__174d4c4f",
+  "offset-lg-7": "offset-lg-7__18d7e75e",
+  "offset-lg-8": "offset-lg-8__d5be99a9",
+  "offset-lg-9": "offset-lg-9__881da8c2",
+  "offset-lg-10": "offset-lg-10__1ee14078",
+  "offset-lg-11": "offset-lg-11__66cb42f1",
+  "d-none-lg": "d-none-lg__00910082",
+  "d-block-lg": "d-block-lg__3324e500",
+  "col-xl-1": "col-xl-1__e0588dac",
+  "col-xl-2": "col-xl-2__0e527c2a",
+  "col-xl-3": "col-xl-3__51b2952d",
+  "col-xl-4": "col-xl-4__bf28cdfe",
+  "col-xl-5": "col-xl-5__41673b1b",
+  "col-xl-6": "col-xl-6__a683a6c0",
+  "col-xl-7": "col-xl-7__b991d155",
+  "col-xl-8": "col-xl-8__e51b2fba",
+  "col-xl-9": "col-xl-9__64bcac21",
+  "col-xl-10": "col-xl-10__afa1f8ed",
+  "col-xl-11": "col-xl-11__68362dcd",
+  "col-xl-12": "col-xl-12__a9020266",
+  "offset-xl-0": "offset-xl-0__e3f4bb51",
+  "offset-xl-1": "offset-xl-1__82499b39",
+  "offset-xl-2": "offset-xl-2__76ff4bc7",
+  "offset-xl-3": "offset-xl-3__5174e546",
+  "offset-xl-4": "offset-xl-4__2e719869",
+  "offset-xl-5": "offset-xl-5__294b9c6b",
+  "offset-xl-6": "offset-xl-6__74f359b2",
+  "offset-xl-7": "offset-xl-7__db3f47b3",
+  "offset-xl-8": "offset-xl-8__10f98f07",
+  "offset-xl-9": "offset-xl-9__b7c783a7",
+  "offset-xl-10": "offset-xl-10__906a9ce5",
+  "offset-xl-11": "offset-xl-11__9cda7249",
+  "d-none-xl": "d-none-xl__3d868327",
+  "d-block-xl": "d-block-xl__c5693321"
 };
 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-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
 import { CollapsibleTreeExtended } from "../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
 import { CollapsibleTreeBranchNode } from "./components/CollapsibleTreeBranchNode.js";
-const collapsibleTree = "collapsibleTree__47021494";
+const collapsibleTree = "collapsibleTree__f7fff795";
 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-DqGxntec.js";
-const collapsibleTreeLeafContent = "collapsibleTreeLeafContent__862026ee";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
+const collapsibleTreeLeafContent = "collapsibleTreeLeafContent__96c4e544";
 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 { y as noop } from "../../../chunks/vendor-DqGxntec.js";
-const collapsibleTreeLeafNode = "collapsibleTreeLeafNode__a444379d";
+import { y as noop } from "../../../chunks/vendor-BxhAzfnS.js";
+const collapsibleTreeLeafNode = "collapsibleTreeLeafNode__8ab6e1f0";
 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-DqGxntec.js";
-const collapsibleTreeNodeHeader = "collapsibleTreeNodeHeader__faff6355";
-const interactive = "interactive__60b48c31";
-const chevron = "chevron__75c622ee";
-const opened = "opened__996f7cab";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
+const collapsibleTreeNodeHeader = "collapsibleTreeNodeHeader__fd2ab769";
+const interactive = "interactive__9a443acc";
+const chevron = "chevron__404ce9d3";
+const opened = "opened__ddcc7206";
 const styles = {
   collapsibleTreeNodeHeader,
   interactive,

package/components/CollapsibleTreeExtended/components/CollapsibleTreeExtendedNode.js

@@ -5,8 +5,8 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { TreeView } from "../../TreeView/TreeView.js";
 import { AccordionBase } from "../../AccordionBase/protected/AccordionBase.js";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-const collapsibleTreeExtendedNodeContent = "collapsibleTreeExtendedNodeContent__de22be7c";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
+const collapsibleTreeExtendedNodeContent = "collapsibleTreeExtendedNodeContent__da816fd5";
 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-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.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-BQh_lhtz.js";
+import { s as styles } from "../../chunks/Confirm.module-CjC9eHgl.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 from "react";
 import { CrossStrokeSrvIcon20 } from "@sberbusiness/icons-next";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-import { s as styles } from "../../../chunks/Confirm.module-BQh_lhtz.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
+import { s as styles } from "../../../chunks/Confirm.module-CjC9eHgl.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-DqGxntec.js";
-import { s as styles } from "../../../chunks/Confirm.module-BQh_lhtz.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
+import { s as styles } from "../../../chunks/Confirm.module-CjC9eHgl.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-DqGxntec.js";
-import { s as styles } from "../../../chunks/Confirm.module-BQh_lhtz.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
+import { s as styles } from "../../../chunks/Confirm.module-CjC9eHgl.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-DqGxntec.js";
-import { s as styles } from "../../../chunks/Confirm.module-BQh_lhtz.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
+import { s as styles } from "../../../chunks/Confirm.module-CjC9eHgl.js";
 const ConfirmControls = ({ children, className, ...htmlDivAttributes }) => /* @__PURE__ */ jsx("div", { className: clsx(className, styles.confirmControls), ...htmlDivAttributes, children });
 ConfirmControls.displayName = "ConfirmControls";
 export {