@sberbusiness/triplex-next 0.44.0 → 0.46.0

package/components/DateField/DateFieldContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateFieldContext.js","sources":["../../../src/components/DateField/DateFieldContext.ts"],"sourcesContent":["import React from \"react\";\nimport { IDateFieldProps } from \"./types\";\n\n/** Свойства контекста компонента DatePickerExtended. */\ninterface IDateFieldContext extends Pick<IDateFieldProps, \"onChange\"> {\n    inputFocusedRef: React.MutableRefObject<boolean | null>;\n    triggerChangeFromInput: () => void;\n}\n\n/** Контекст компонента MonthYearField. */\nexport const DateFieldContext = React.createContext<IDateFieldContext>({\n    inputFocusedRef: { current: null },\n    onChange: () => {},\n    triggerChangeFromInput: () => {},\n});\n"],"names":[],"mappings":";AAUO,MAAM,mBAAmB,MAAM,cAAiC;AAAA,EACnE,iBAAiB,EAAE,SAAS,KAAA;AAAA,EAC5B,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,wBAAwB,MAAM;AAAA,EAAC;AACnC,CAAC;"}
+{"version":3,"file":"DateFieldContext.js","sources":["../../../src/components/DateField/DateFieldContext.ts"],"sourcesContent":["import React from \"react\";\nimport { IDateFieldProps } from \"./types\";\n\n/** Свойства контекста компонента DateField. */\ninterface IDateFieldContext extends Pick<IDateFieldProps, \"onChange\"> {\n    /** Находится ли поле ввода в фокусе. */\n    inputFocusedRef: React.MutableRefObject<boolean | null>;\n    /** Зафиксировать введённое в поле значение: вызвать onChange либо откатить поле к последнему валидному значению. */\n    triggerChangeFromInput: () => void;\n}\n\n/** Контекст компонента DateField. */\nexport const DateFieldContext = React.createContext<IDateFieldContext>({\n    inputFocusedRef: { current: null },\n    onChange: () => {},\n    triggerChangeFromInput: () => {},\n});\n"],"names":[],"mappings":";AAYO,MAAM,mBAAmB,MAAM,cAAiC;AAAA,EACnE,iBAAiB,EAAE,SAAS,KAAA;AAAA,EAC5B,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,wBAAwB,MAAM;AAAA,EAAC;AACnC,CAAC;"}

package/components/DateField/DateFieldTarget.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs, Fragment } 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 { CalendarStrokeSrvIcon24, CalendarStrokeSrvIcon20, CalendarStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { DatePickerExtendedContext } from "../DatePickerExtended/DatePickerExtendedContext.js";
 import { DateFieldContext } from "./DateFieldContext.js";
-import { MaskedField } from "../TextField/MaskedField.js";
+import { MaskedField } from "../MaskedField/MaskedField.js";
 import { FormFieldClear } from "../FormField/components/FormFieldClear.js";
 import { ButtonIcon } from "../Button/ButtonIcon.js";
 import "../MobileView/MobileView.js";
@@ -12,10 +12,10 @@ import { useMobileView } from "../MobileView/useMobileView.js";
 import { isKey } from "../../utils/keyboard.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { EFormFieldStatus } from "../FormField/enums.js";
-const dateFieldTarget = "dateFieldTarget__a5249edd";
-const minWidthSM = "minWidthSM__591c6ef2";
-const minWidthMD = "minWidthMD__46de05e6";
-const minWidthLG = "minWidthLG__ef243d56";
+const dateFieldTarget = "dateFieldTarget__09145e77";
+const minWidthSM = "minWidthSM__fecf9589";
+const minWidthMD = "minWidthMD__08cfebe2";
+const minWidthLG = "minWidthLG__304b9122";
 const styles = {
   dateFieldTarget,
   minWidthSM,
@@ -90,7 +90,6 @@ const DateFieldTarget = React.forwardRef(
         maskedInputProps: {
           ...restInputProps,
           className: clsx(SIZE_TO_INPUT_CLASS_NAME_MAP[size], inputClassName),
-          disabled,
           onFocus: handleInputFocus,
           onBlur: handleInputBlur,
           onMouseDown: handleMouseDown,
@@ -103,6 +102,7 @@ const DateFieldTarget = React.forwardRef(
     );
   }
 );
+DateFieldTarget.displayName = "DateFieldTarget";
 export {
   DateFieldTarget
 };

package/components/DateField/DateFieldTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateFieldTarget.js","sources":["../../../src/components/DateField/DateFieldTarget.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { CalendarStrokeSrvIcon16, CalendarStrokeSrvIcon20, CalendarStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { DatePickerExtendedContext } from \"../DatePickerExtended/DatePickerExtendedContext\";\nimport { DateFieldContext } from \"./DateFieldContext\";\nimport { MaskedField } from \"../TextField/MaskedField\";\nimport { FormFieldClear } from \"../FormField/components/FormFieldClear\";\nimport { ButtonIcon } from \"../Button/ButtonIcon\";\nimport { useMobileView } from \"../MobileView\";\nimport { isKey } from \"../../utils/keyboard\";\nimport { EComponentSize } from \"../../enums\";\nimport { EFormFieldStatus } from \"../FormField/enums\";\nimport { IDateFieldTargetProps } from \"./types\";\nimport styles from \"./styles/DateFieldTarget.module.less\";\n\n/** Соответствие размера имени класса поля ввода. */\nconst SIZE_TO_INPUT_CLASS_NAME_MAP = {\n    [EComponentSize.SM]: styles.minWidthSM,\n    [EComponentSize.MD]: styles.minWidthMD,\n    [EComponentSize.LG]: styles.minWidthLG,\n};\n\n/** Соответствие размера иконке календаря. */\nconst SIZE_TO_CALENDAR_ICON_MAP = {\n    [EComponentSize.SM]: <CalendarStrokeSrvIcon16 paletteIndex={5} />,\n    [EComponentSize.MD]: <CalendarStrokeSrvIcon20 paletteIndex={5} />,\n    [EComponentSize.LG]: <CalendarStrokeSrvIcon24 paletteIndex={5} />,\n};\n\nexport const DateFieldTarget = React.forwardRef<HTMLDivElement, IDateFieldTargetProps>(\n    ({ className, size = EComponentSize.MD, postfix, maskedInputProps, onClear, ...restProps }, ref) => {\n        const { dropdownOpen, setDropdownOpen } = useContext(DatePickerExtendedContext);\n        const { inputFocusedRef, triggerChangeFromInput } = useContext(DateFieldContext);\n        const { status } = restProps;\n        const {\n            className: inputClassName,\n            onFocus: onInputFocus,\n            onBlur: onInputBlur,\n            onKeyDown: onInputKeyDown,\n            onMouseDown: onInputMouseDown,\n            ...restInputProps\n        } = maskedInputProps;\n        const adaptive = useMobileView();\n        const disabled = status === EFormFieldStatus.DISABLED;\n\n        const handleInputFocus: React.FocusEventHandler<HTMLInputElement> = (event) => {\n            inputFocusedRef.current = true;\n            onInputFocus?.(event);\n        };\n\n        const handleInputBlur: React.FocusEventHandler<HTMLInputElement> = (event) => {\n            inputFocusedRef.current = false;\n\n            if (!dropdownOpen) {\n                triggerChangeFromInput();\n            }\n\n            onInputBlur?.(event);\n        };\n\n        const handleMouseDown: React.MouseEventHandler<HTMLInputElement> = (event) => {\n            if (!dropdownOpen) {\n                if (adaptive) {\n                    event.preventDefault();\n                }\n                // setTimeout для корректной работы label\n                setTimeout(() => setDropdownOpen(true));\n            }\n\n            onInputMouseDown?.(event);\n        };\n\n        const handleInputKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n            if (isKey(event.code, \"ENTER\")) {\n                setDropdownOpen(!dropdownOpen);\n            } else if (isKey(event.code, \"SPACE\")) {\n                event.preventDefault();\n                setDropdownOpen(!dropdownOpen);\n            }\n\n            onInputKeyDown?.(event);\n        };\n\n        const handleButtonClick: React.MouseEventHandler<HTMLButtonElement> = () => setDropdownOpen(!dropdownOpen);\n\n        const renderPostfixContent = () => (\n            <>\n                {onClear && <FormFieldClear onClick={onClear} />}\n                <ButtonIcon active={dropdownOpen} disabled={disabled} onClick={handleButtonClick}>\n                    {SIZE_TO_CALENDAR_ICON_MAP[size]}\n                </ButtonIcon>\n                {postfix}\n            </>\n        );\n\n        return (\n            <MaskedField\n                className={clsx(styles.dateFieldTarget, className)}\n                size={size}\n                maskedInputProps={{\n                    ...restInputProps,\n                    className: clsx(SIZE_TO_INPUT_CLASS_NAME_MAP[size], inputClassName),\n                    disabled: disabled,\n                    onFocus: handleInputFocus,\n                    onBlur: handleInputBlur,\n                    onMouseDown: handleMouseDown,\n                    onKeyDown: handleInputKeyDown,\n                }}\n                postfix={renderPostfixContent()}\n                {...restProps}\n                ref={ref}\n            />\n        );\n    },\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,+BAA+B;AAAA,EACjC,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAChC;AAGA,MAAM,4BAA4B;AAAA,EAC9B,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,GAAG;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,GAAG;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,EAAA,CAAG;AACnE;AAEO,MAAM,kBAAkB,MAAM;AAAA,EACjC,CAAC,EAAE,WAAW,OAAO,eAAe,IAAI,SAAS,kBAAkB,SAAS,GAAG,UAAA,GAAa,QAAQ;AAChG,UAAM,EAAE,cAAc,oBAAoB,WAAW,yBAAyB;AAC9E,UAAM,EAAE,iBAAiB,2BAA2B,WAAW,gBAAgB;AAC/E,UAAM,EAAE,WAAW;AACnB,UAAM;AAAA,MACF,WAAW;AAAA,MACX,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,aAAa;AAAA,MACb,GAAG;AAAA,IAAA,IACH;AACJ,UAAM,WAAW,cAAA;AACjB,UAAM,WAAW,WAAW,iBAAiB;AAE7C,UAAM,mBAA8D,CAAC,UAAU;AAC3E,sBAAgB,UAAU;AAC1B,mDAAe;AAAA,IACnB;AAEA,UAAM,kBAA6D,CAAC,UAAU;AAC1E,sBAAgB,UAAU;AAE1B,UAAI,CAAC,cAAc;AACf,+BAAA;AAAA,MACJ;AAEA,iDAAc;AAAA,IAClB;AAEA,UAAM,kBAA6D,CAAC,UAAU;AAC1E,UAAI,CAAC,cAAc;AACf,YAAI,UAAU;AACV,gBAAM,eAAA;AAAA,QACV;AAEA,mBAAW,MAAM,gBAAgB,IAAI,CAAC;AAAA,MAC1C;AAEA,2DAAmB;AAAA,IACvB;AAEA,UAAM,qBAAmE,CAAC,UAAU;AAChF,UAAI,MAAM,MAAM,MAAM,OAAO,GAAG;AAC5B,wBAAgB,CAAC,YAAY;AAAA,MACjC,WAAW,MAAM,MAAM,MAAM,OAAO,GAAG;AACnC,cAAM,eAAA;AACN,wBAAgB,CAAC,YAAY;AAAA,MACjC;AAEA,uDAAiB;AAAA,IACrB;AAEA,UAAM,oBAAgE,MAAM,gBAAgB,CAAC,YAAY;AAEzG,UAAM,uBAAuB,MACzB,qBAAA,UAAA,EACK,UAAA;AAAA,MAAA,WAAW,oBAAC,gBAAA,EAAe,SAAS,QAAA,CAAS;AAAA,MAC9C,oBAAC,cAAW,QAAQ,cAAc,UAAoB,SAAS,mBAC1D,UAAA,0BAA0B,IAAI,EAAA,CACnC;AAAA,MACC;AAAA,IAAA,GACL;AAGJ,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,iBAAiB,SAAS;AAAA,QACjD;AAAA,QACA,kBAAkB;AAAA,UACd,GAAG;AAAA,UACH,WAAW,KAAK,6BAA6B,IAAI,GAAG,cAAc;AAAA,UAClE;AAAA,UACA,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,aAAa;AAAA,UACb,WAAW;AAAA,QAAA;AAAA,QAEf,SAAS,qBAAA;AAAA,QACR,GAAG;AAAA,QACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;"}
+{"version":3,"file":"DateFieldTarget.js","sources":["../../../src/components/DateField/DateFieldTarget.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { CalendarStrokeSrvIcon16, CalendarStrokeSrvIcon20, CalendarStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { DatePickerExtendedContext } from \"../DatePickerExtended/DatePickerExtendedContext\";\nimport { DateFieldContext } from \"./DateFieldContext\";\nimport { MaskedField } from \"../MaskedField/MaskedField\";\nimport { FormFieldClear } from \"../FormField/components/FormFieldClear\";\nimport { ButtonIcon } from \"../Button/ButtonIcon\";\nimport { useMobileView } from \"../MobileView\";\nimport { isKey } from \"../../utils/keyboard\";\nimport { EComponentSize } from \"../../enums\";\nimport { EFormFieldStatus } from \"../FormField/enums\";\nimport { IDateFieldTargetProps } from \"./types\";\nimport styles from \"./styles/DateFieldTarget.module.less\";\n\n/** Соответствие размера имени класса поля ввода. */\nconst SIZE_TO_INPUT_CLASS_NAME_MAP = {\n    [EComponentSize.SM]: styles.minWidthSM,\n    [EComponentSize.MD]: styles.minWidthMD,\n    [EComponentSize.LG]: styles.minWidthLG,\n};\n\n/** Соответствие размера иконке календаря. */\nconst SIZE_TO_CALENDAR_ICON_MAP = {\n    [EComponentSize.SM]: <CalendarStrokeSrvIcon16 paletteIndex={5} />,\n    [EComponentSize.MD]: <CalendarStrokeSrvIcon20 paletteIndex={5} />,\n    [EComponentSize.LG]: <CalendarStrokeSrvIcon24 paletteIndex={5} />,\n};\n\n/**\n * Управляющий элемент DateField — поле ввода даты с маской.\n * Кнопка-иконка календаря и клавиши Enter/Space открывают и закрывают выпадающий календарь,\n * потеря фокуса при закрытом календаре фиксирует введённое значение.\n */\nexport const DateFieldTarget = React.forwardRef<HTMLDivElement, IDateFieldTargetProps>(\n    ({ className, size = EComponentSize.MD, postfix, maskedInputProps, onClear, ...restProps }, ref) => {\n        const { dropdownOpen, setDropdownOpen } = useContext(DatePickerExtendedContext);\n        const { inputFocusedRef, triggerChangeFromInput } = useContext(DateFieldContext);\n        const { status } = restProps;\n        const {\n            className: inputClassName,\n            onFocus: onInputFocus,\n            onBlur: onInputBlur,\n            onKeyDown: onInputKeyDown,\n            onMouseDown: onInputMouseDown,\n            ...restInputProps\n        } = maskedInputProps;\n        const adaptive = useMobileView();\n        const disabled = status === EFormFieldStatus.DISABLED;\n\n        const handleInputFocus: React.FocusEventHandler<HTMLInputElement> = (event) => {\n            inputFocusedRef.current = true;\n            onInputFocus?.(event);\n        };\n\n        const handleInputBlur: React.FocusEventHandler<HTMLInputElement> = (event) => {\n            inputFocusedRef.current = false;\n\n            if (!dropdownOpen) {\n                triggerChangeFromInput();\n            }\n\n            onInputBlur?.(event);\n        };\n\n        const handleMouseDown: React.MouseEventHandler<HTMLInputElement> = (event) => {\n            if (!dropdownOpen) {\n                if (adaptive) {\n                    event.preventDefault();\n                }\n                // setTimeout для корректной работы label\n                setTimeout(() => setDropdownOpen(true));\n            }\n\n            onInputMouseDown?.(event);\n        };\n\n        const handleInputKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n            if (isKey(event.code, \"ENTER\")) {\n                setDropdownOpen(!dropdownOpen);\n            } else if (isKey(event.code, \"SPACE\")) {\n                event.preventDefault();\n                setDropdownOpen(!dropdownOpen);\n            }\n\n            onInputKeyDown?.(event);\n        };\n\n        const handleButtonClick: React.MouseEventHandler<HTMLButtonElement> = () => setDropdownOpen(!dropdownOpen);\n\n        const renderPostfixContent = () => (\n            <>\n                {onClear && <FormFieldClear onClick={onClear} />}\n                <ButtonIcon active={dropdownOpen} disabled={disabled} onClick={handleButtonClick}>\n                    {SIZE_TO_CALENDAR_ICON_MAP[size]}\n                </ButtonIcon>\n                {postfix}\n            </>\n        );\n\n        return (\n            <MaskedField\n                className={clsx(styles.dateFieldTarget, className)}\n                size={size}\n                maskedInputProps={{\n                    ...restInputProps,\n                    className: clsx(SIZE_TO_INPUT_CLASS_NAME_MAP[size], inputClassName),\n                    onFocus: handleInputFocus,\n                    onBlur: handleInputBlur,\n                    onMouseDown: handleMouseDown,\n                    onKeyDown: handleInputKeyDown,\n                }}\n                postfix={renderPostfixContent()}\n                {...restProps}\n                ref={ref}\n            />\n        );\n    },\n);\n\nDateFieldTarget.displayName = \"DateFieldTarget\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,+BAA+B;AAAA,EACjC,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAChC;AAGA,MAAM,4BAA4B;AAAA,EAC9B,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,GAAG;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,GAAG;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,EAAA,CAAG;AACnE;AAOO,MAAM,kBAAkB,MAAM;AAAA,EACjC,CAAC,EAAE,WAAW,OAAO,eAAe,IAAI,SAAS,kBAAkB,SAAS,GAAG,UAAA,GAAa,QAAQ;AAChG,UAAM,EAAE,cAAc,oBAAoB,WAAW,yBAAyB;AAC9E,UAAM,EAAE,iBAAiB,2BAA2B,WAAW,gBAAgB;AAC/E,UAAM,EAAE,WAAW;AACnB,UAAM;AAAA,MACF,WAAW;AAAA,MACX,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,aAAa;AAAA,MACb,GAAG;AAAA,IAAA,IACH;AACJ,UAAM,WAAW,cAAA;AACjB,UAAM,WAAW,WAAW,iBAAiB;AAE7C,UAAM,mBAA8D,CAAC,UAAU;AAC3E,sBAAgB,UAAU;AAC1B,mDAAe;AAAA,IACnB;AAEA,UAAM,kBAA6D,CAAC,UAAU;AAC1E,sBAAgB,UAAU;AAE1B,UAAI,CAAC,cAAc;AACf,+BAAA;AAAA,MACJ;AAEA,iDAAc;AAAA,IAClB;AAEA,UAAM,kBAA6D,CAAC,UAAU;AAC1E,UAAI,CAAC,cAAc;AACf,YAAI,UAAU;AACV,gBAAM,eAAA;AAAA,QACV;AAEA,mBAAW,MAAM,gBAAgB,IAAI,CAAC;AAAA,MAC1C;AAEA,2DAAmB;AAAA,IACvB;AAEA,UAAM,qBAAmE,CAAC,UAAU;AAChF,UAAI,MAAM,MAAM,MAAM,OAAO,GAAG;AAC5B,wBAAgB,CAAC,YAAY;AAAA,MACjC,WAAW,MAAM,MAAM,MAAM,OAAO,GAAG;AACnC,cAAM,eAAA;AACN,wBAAgB,CAAC,YAAY;AAAA,MACjC;AAEA,uDAAiB;AAAA,IACrB;AAEA,UAAM,oBAAgE,MAAM,gBAAgB,CAAC,YAAY;AAEzG,UAAM,uBAAuB,MACzB,qBAAA,UAAA,EACK,UAAA;AAAA,MAAA,WAAW,oBAAC,gBAAA,EAAe,SAAS,QAAA,CAAS;AAAA,MAC9C,oBAAC,cAAW,QAAQ,cAAc,UAAoB,SAAS,mBAC1D,UAAA,0BAA0B,IAAI,EAAA,CACnC;AAAA,MACC;AAAA,IAAA,GACL;AAGJ,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,iBAAiB,SAAS;AAAA,QACjD;AAAA,QACA,kBAAkB;AAAA,UACd,GAAG;AAAA,UACH,WAAW,KAAK,6BAA6B,IAAI,GAAG,cAAc;AAAA,UAClE,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,aAAa;AAAA,UACb,WAAW;AAAA,QAAA;AAAA,QAEf,SAAS,qBAAA;AAAA,QACR,GAAG;AAAA,QACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEA,gBAAgB,cAAc;"}

package/components/DatePickerExtended/DatePickerExtended.js

@@ -5,7 +5,7 @@ import { Calendar } from "../Calendar/Calendar.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-BZdW_kQc.js";
+import "../../chunks/DropdownListItem-DOJlU4CS.js";
 import { EDropdownAlignment } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import "../Dropdown/mobile/DropdownMobileBody.js";
@@ -136,7 +136,7 @@ const DatePickerExtended = React.forwardRef((props, ref) => {
       onKeyDown: handleKeyDown,
       onMouseDown: handleMouseDown,
       ...restProps,
-      "data-tx": "0.44.0",
+      "data-tx": "0.46.0",
       ref: setRef,
       children: /* @__PURE__ */ jsxs(DatePickerExtendedContext.Provider, { value: { dropdownOpen, mouseUsedRef, setDropdownOpen }, children: [
         renderTarget(),

package/components/DatePickerExtended/DatePickerExtended.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerExtended.js","sources":["../../../src/components/DatePickerExtended/DatePickerExtended.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport moment from \"moment\";\nimport FocusTrap from \"focus-trap-react\";\nimport { isKey } from \"../../utils/keyboard\";\nimport { Calendar, ICalendarProps } from \"../Calendar\";\nimport { EDropdownAlignment, IDropdownProps } from \"../Dropdown\";\nimport { DatePickerExtendedContext } from \"./DatePickerExtendedContext\";\nimport { DatePickerExtendedDropdown } from \"./DatePickerExtendedDropdown\";\nimport { EComponentSize } from \"../../enums\";\n\n/**\n * Свойства компонента DatePickerExtended.\n * adaptiveMode исключён из props календаря: адаптивный режим компонент определяет сам по версии дропдауна.\n */\nexport interface IDatePickerExtendedProps\n    extends\n        Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\">,\n        Pick<IDropdownProps, \"alignment\">,\n        Omit<ICalendarProps, \"adaptiveMode\"> {\n    /** Ссылка на целевой элемент для Dropdown. По умолчанию — корневой элемент компонента. */\n    dropdownTargetRef?: React.RefObject<HTMLElement>;\n    /** Рендер-функция целевого элемента. */\n    renderTarget: () => React.ReactNode;\n    /** Рендер-функция целевого элемента в заголовке DropdownMobile. */\n    renderDropdownHeaderTarget: () => React.ReactNode;\n    /** Callback на открытие Dropdown. */\n    onDropdownOpen?: () => void;\n    /** Callback на закрытие Dropdown. */\n    onDropdownClose?: () => void;\n    /** Свойства FocusTrap. Используется npm-пакет focus-trap-react. */\n    focusTrapProps?: FocusTrap.Props;\n}\n\n/**\n * База для компонентов выбора даты (DateField, MonthYearField, ChipDatePicker).\n * Рендерит переданный целевым элемент и выпадающий Calendar, хранит состояние открытости\n * дропдауна и отдаёт его целевому элементу через DatePickerExtendedContext.\n */\nexport const DatePickerExtended = React.forwardRef<HTMLDivElement, IDatePickerExtendedProps>((props, ref) => {\n    const {\n        // Dropdown props\n        dropdownTargetRef,\n        alignment = EDropdownAlignment.LEFT,\n        focusTrapProps,\n        // Calendar props — перечислены явно, иначе они попадут в restProps и осядут на корневом div.\n        pickType,\n        format,\n        defaultViewDate,\n        onViewChange,\n        onPageChange,\n        pickedDate,\n        limitRange,\n        markedDays,\n        disabledDays,\n        reversedPick,\n        dayHtmlAttributes,\n        monthHtmlAttributes,\n        yearHtmlAttributes,\n        prevButtonProps,\n        nextButtonProps,\n        viewButtonProps,\n        yesterdayButtonProps,\n        todayButtonProps,\n        tomorrowButtonProps,\n        onDateChange,\n        // Other\n        renderTarget,\n        renderDropdownHeaderTarget,\n        onKeyDown,\n        onMouseDown,\n        onDropdownOpen,\n        onDropdownClose,\n        // adaptiveMode исключён из публичного типа, но JS-потребитель и старый скомпилированный код\n        // всё ещё могут его передать. Снимаем значение здесь, иначе оно уйдёт на корневой div.\n        adaptiveMode,\n        ...restProps\n    } = props as IDatePickerExtendedProps & Pick<ICalendarProps, \"adaptiveMode\">;\n    const [dropdownOpen, setDropdownOpen] = useState(false);\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const dropdownRef = useRef<HTMLDivElement>(null);\n    /** Флаг взаимодействия пользователя мышью. */\n    const mouseUsedRef = useRef(false);\n\n    useEffect(() => {\n        if (!dropdownOpen) {\n            mouseUsedRef.current = false;\n\n            return;\n        }\n\n        /** Обработчик нажатия мыши вне компонента. */\n        const handleOutsideMouseDown = (event: MouseEvent) => {\n            if (\n                !containerRef.current?.contains(event.target as Node) &&\n                !dropdownRef.current?.contains(event.target as Node)\n            ) {\n                setDropdownOpen(false);\n            }\n        };\n\n        document.addEventListener(\"mousedown\", handleOutsideMouseDown);\n\n        return () => {\n            document.removeEventListener(\"mousedown\", handleOutsideMouseDown);\n        };\n    }, [dropdownOpen]);\n\n    /** Обработчик нажатия клавиши. */\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        const key = event.code || event.keyCode;\n\n        if (dropdownOpen && isKey(key, \"ESCAPE\")) {\n            setDropdownOpen(false);\n        }\n\n        onKeyDown?.(event);\n    };\n\n    /** Обработчик нажатия мыши. */\n    const handleMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n        mouseUsedRef.current = true;\n\n        onMouseDown?.(event);\n    };\n\n    /** Обработчик изменения даты. Выбор даты закрывает дропдаун. */\n    const handleDateChange = (date: moment.Moment) => {\n        setDropdownOpen(false);\n\n        onDateChange(date);\n    };\n\n    /** Рендер календаря. Адаптивный режим включает мобильная версия дропдауна. */\n    const renderCalendar = (adaptive: boolean) => (\n        <Calendar\n            defaultViewDate={defaultViewDate}\n            pickedDate={pickedDate}\n            pickType={pickType}\n            format={format}\n            limitRange={limitRange}\n            markedDays={markedDays}\n            disabledDays={disabledDays}\n            reversedPick={reversedPick}\n            adaptiveMode={adaptive}\n            onDateChange={handleDateChange}\n            onPageChange={onPageChange}\n            onViewChange={onViewChange}\n            dayHtmlAttributes={dayHtmlAttributes}\n            monthHtmlAttributes={monthHtmlAttributes}\n            yearHtmlAttributes={yearHtmlAttributes}\n            prevButtonProps={prevButtonProps}\n            nextButtonProps={nextButtonProps}\n            viewButtonProps={viewButtonProps}\n            yesterdayButtonProps={yesterdayButtonProps}\n            todayButtonProps={todayButtonProps}\n            tomorrowButtonProps={tomorrowButtonProps}\n        />\n    );\n\n    const setRef = (node: HTMLDivElement | null) => {\n        containerRef.current = node;\n\n        if (typeof ref === \"function\") {\n            ref(node);\n        } else if (ref) {\n            ref.current = node;\n        }\n    };\n\n    return (\n        <div\n            onKeyDown={handleKeyDown}\n            onMouseDown={handleMouseDown}\n            {...restProps}\n            data-tx={process.env.npm_package_version}\n            ref={setRef}\n        >\n            <DatePickerExtendedContext.Provider value={{ dropdownOpen, mouseUsedRef, setDropdownOpen }}>\n                {renderTarget()}\n                <DatePickerExtendedDropdown\n                    opened={dropdownOpen}\n                    size={EComponentSize.MD}\n                    alignment={alignment}\n                    targetRef={dropdownTargetRef || containerRef}\n                    focusTrapProps={focusTrapProps}\n                    renderCalendar={renderCalendar}\n                    renderHeaderTarget={renderDropdownHeaderTarget}\n                    setOpened={setDropdownOpen}\n                    onOpen={onDropdownOpen}\n                    onClose={onDropdownClose}\n                    ref={dropdownRef}\n                />\n            </DatePickerExtendedContext.Provider>\n        </div>\n    );\n});\n\nDatePickerExtended.displayName = \"DatePickerExtended\";\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DatePickerExtended.js","sources":["../../../src/components/DatePickerExtended/DatePickerExtended.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport moment from \"moment\";\nimport FocusTrap from \"focus-trap-react\";\nimport { isKey } from \"../../utils/keyboard\";\nimport { Calendar, ICalendarProps } from \"../Calendar\";\nimport { EDropdownAlignment, IDropdownProps } from \"../Dropdown\";\nimport { DatePickerExtendedContext } from \"./DatePickerExtendedContext\";\nimport { DatePickerExtendedDropdown } from \"./DatePickerExtendedDropdown\";\nimport { EComponentSize } from \"../../enums\";\n\n/**\n * Свойства компонента DatePickerExtended.\n * adaptiveMode исключён из props календаря: адаптивный режим компонент определяет сам по версии дропдауна.\n */\nexport interface IDatePickerExtendedProps\n    extends\n        Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\">,\n        Pick<IDropdownProps, \"alignment\">,\n        Omit<ICalendarProps, \"adaptiveMode\"> {\n    /** Ссылка на целевой элемент для Dropdown. По умолчанию — корневой элемент компонента. */\n    dropdownTargetRef?: React.RefObject<HTMLElement>;\n    /** Рендер-функция целевого элемента. */\n    renderTarget: () => React.ReactNode;\n    /** Рендер-функция целевого элемента в заголовке DropdownMobile. */\n    renderDropdownHeaderTarget: () => React.ReactNode;\n    /** Callback на открытие Dropdown. */\n    onDropdownOpen?: () => void;\n    /** Callback на закрытие Dropdown. */\n    onDropdownClose?: () => void;\n    /** Свойства FocusTrap. Используется npm-пакет focus-trap-react. */\n    focusTrapProps?: FocusTrap.Props;\n}\n\n/**\n * База для компонентов выбора даты (DateField, MonthYearField, ChipDatePicker, ChipMonthYearPicker).\n * Рендерит переданный целевым элемент и выпадающий Calendar, хранит состояние открытости\n * дропдауна и отдаёт его целевому элементу через DatePickerExtendedContext.\n */\nexport const DatePickerExtended = React.forwardRef<HTMLDivElement, IDatePickerExtendedProps>((props, ref) => {\n    const {\n        // Dropdown props\n        dropdownTargetRef,\n        alignment = EDropdownAlignment.LEFT,\n        focusTrapProps,\n        // Calendar props — перечислены явно, иначе они попадут в restProps и осядут на корневом div.\n        pickType,\n        format,\n        defaultViewDate,\n        onViewChange,\n        onPageChange,\n        pickedDate,\n        limitRange,\n        markedDays,\n        disabledDays,\n        reversedPick,\n        dayHtmlAttributes,\n        monthHtmlAttributes,\n        yearHtmlAttributes,\n        prevButtonProps,\n        nextButtonProps,\n        viewButtonProps,\n        yesterdayButtonProps,\n        todayButtonProps,\n        tomorrowButtonProps,\n        onDateChange,\n        // Other\n        renderTarget,\n        renderDropdownHeaderTarget,\n        onKeyDown,\n        onMouseDown,\n        onDropdownOpen,\n        onDropdownClose,\n        // adaptiveMode исключён из публичного типа, но JS-потребитель и старый скомпилированный код\n        // всё ещё могут его передать. Снимаем значение здесь, иначе оно уйдёт на корневой div.\n        adaptiveMode,\n        ...restProps\n    } = props as IDatePickerExtendedProps & Pick<ICalendarProps, \"adaptiveMode\">;\n    const [dropdownOpen, setDropdownOpen] = useState(false);\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const dropdownRef = useRef<HTMLDivElement>(null);\n    /** Флаг взаимодействия пользователя мышью. */\n    const mouseUsedRef = useRef(false);\n\n    useEffect(() => {\n        if (!dropdownOpen) {\n            mouseUsedRef.current = false;\n\n            return;\n        }\n\n        /** Обработчик нажатия мыши вне компонента. */\n        const handleOutsideMouseDown = (event: MouseEvent) => {\n            if (\n                !containerRef.current?.contains(event.target as Node) &&\n                !dropdownRef.current?.contains(event.target as Node)\n            ) {\n                setDropdownOpen(false);\n            }\n        };\n\n        document.addEventListener(\"mousedown\", handleOutsideMouseDown);\n\n        return () => {\n            document.removeEventListener(\"mousedown\", handleOutsideMouseDown);\n        };\n    }, [dropdownOpen]);\n\n    /** Обработчик нажатия клавиши. */\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        const key = event.code || event.keyCode;\n\n        if (dropdownOpen && isKey(key, \"ESCAPE\")) {\n            setDropdownOpen(false);\n        }\n\n        onKeyDown?.(event);\n    };\n\n    /** Обработчик нажатия мыши. */\n    const handleMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n        mouseUsedRef.current = true;\n\n        onMouseDown?.(event);\n    };\n\n    /** Обработчик изменения даты. Выбор даты закрывает дропдаун. */\n    const handleDateChange = (date: moment.Moment) => {\n        setDropdownOpen(false);\n\n        onDateChange(date);\n    };\n\n    /** Рендер календаря. Адаптивный режим включает мобильная версия дропдауна. */\n    const renderCalendar = (adaptive: boolean) => (\n        <Calendar\n            defaultViewDate={defaultViewDate}\n            pickedDate={pickedDate}\n            pickType={pickType}\n            format={format}\n            limitRange={limitRange}\n            markedDays={markedDays}\n            disabledDays={disabledDays}\n            reversedPick={reversedPick}\n            adaptiveMode={adaptive}\n            onDateChange={handleDateChange}\n            onPageChange={onPageChange}\n            onViewChange={onViewChange}\n            dayHtmlAttributes={dayHtmlAttributes}\n            monthHtmlAttributes={monthHtmlAttributes}\n            yearHtmlAttributes={yearHtmlAttributes}\n            prevButtonProps={prevButtonProps}\n            nextButtonProps={nextButtonProps}\n            viewButtonProps={viewButtonProps}\n            yesterdayButtonProps={yesterdayButtonProps}\n            todayButtonProps={todayButtonProps}\n            tomorrowButtonProps={tomorrowButtonProps}\n        />\n    );\n\n    const setRef = (node: HTMLDivElement | null) => {\n        containerRef.current = node;\n\n        if (typeof ref === \"function\") {\n            ref(node);\n        } else if (ref) {\n            ref.current = node;\n        }\n    };\n\n    return (\n        <div\n            onKeyDown={handleKeyDown}\n            onMouseDown={handleMouseDown}\n            {...restProps}\n            data-tx={process.env.npm_package_version}\n            ref={setRef}\n        >\n            <DatePickerExtendedContext.Provider value={{ dropdownOpen, mouseUsedRef, setDropdownOpen }}>\n                {renderTarget()}\n                <DatePickerExtendedDropdown\n                    opened={dropdownOpen}\n                    size={EComponentSize.MD}\n                    alignment={alignment}\n                    targetRef={dropdownTargetRef || containerRef}\n                    focusTrapProps={focusTrapProps}\n                    renderCalendar={renderCalendar}\n                    renderHeaderTarget={renderDropdownHeaderTarget}\n                    setOpened={setDropdownOpen}\n                    onOpen={onDropdownOpen}\n                    onClose={onDropdownClose}\n                    ref={dropdownRef}\n                />\n            </DatePickerExtendedContext.Provider>\n        </div>\n    );\n});\n\nDatePickerExtended.displayName = \"DatePickerExtended\";\n"],"names":[],"mappings":"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"}

package/components/DatePickerExtended/DatePickerExtendedDropdown.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React, { useContext, useRef } from "react";
-import { F as FocusTrap } from "../../chunks/vendor-DqGxntec.js";
+import { F as FocusTrap } from "../../chunks/vendor-BxhAzfnS.js";
 import { Dropdown } from "../Dropdown/Dropdown.js";
 import { DatePickerExtendedContext } from "./DatePickerExtendedContext.js";
 import "../Dropdown/mobile/DropdownMobile.js";
@@ -14,7 +14,7 @@ import "../Dropdown/mobile/DropdownMobileList.js";
 import "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
-const datePickerExtendedMobileDropdown = "datePickerExtendedMobileDropdown__487140c6";
+const datePickerExtendedMobileDropdown = "datePickerExtendedMobileDropdown__4b41a8e9";
 const styles = {
   datePickerExtendedMobileDropdown
 };

package/components/DateRange/DateRange.js

@@ -3,10 +3,10 @@ import moment from "moment";
 import { CaretleftStrokeSrvIcon20, RangeStrokeSrvIcon16, CaretrightStrokeSrvIcon20 } from "@sberbusiness/icons-next";
 import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
 import { EDateRangeShiftUnit } from "./enums.js";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
-const dateRange = "dateRange__437a1c2c";
-const dateRangeButton = "dateRangeButton__9f9bb135";
-const separator = "separator__d818fbc9";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
+const dateRange = "dateRange__1962a288";
+const dateRangeButton = "dateRangeButton__6f3d2781";
+const separator = "separator__0e71bd15";
 const styles = {
   dateRange,
   dateRangeButton,

package/components/DesignTokens/DesignTokenUtils.js

@@ -3,7 +3,7 @@ import { DesignTokensCore } from "./DesignTokensCore.js";
 import { DesignTokensCoreThemeDark } from "./DesignTokensCoreThemeDark.js";
 import { DesignTokensComponents } from "./DesignTokensComponents.js";
 import { DesignTokensComponentsThemeDark } from "./DesignTokensComponentsThemeDark.js";
-import { k as defaultsDeep } from "../../chunks/vendor-DqGxntec.js";
+import { k as defaultsDeep } from "../../chunks/vendor-BxhAzfnS.js";
 const resolveTokenValue = (tokenValue, tokens, visitedRefs) => {
   if (tokenValue.value !== void 0) {
     return tokenValue.value;
@@ -31,7 +31,7 @@ const DesignTokenUtils = {
   getCSSVariableByTokenGroup: (tokenGroup, tokens) => {
     const tokenGroupTitle = Object.keys(tokenGroup)[0];
     const tokenPrefix = "triplex-next";
-    let tokenVersion = "0.44.0";
+    let tokenVersion = "0.46.0";
     tokenVersion = tokenVersion.replace(/\./g, "-");
     return Object.keys(tokenGroup[tokenGroupTitle]).map(
       (tokenTitle) => `--${tokenPrefix}-${tokenGroupTitle}-${tokenTitle}-${tokenVersion}: ${DesignTokenUtils.getTokenValue(

package/components/DesignTokens/components/ImageGallery.js

@@ -2,11 +2,9 @@ const designTokensComponentsImageGalleryKeys = [
   "Arrow_Background_Default",
   "Arrow_Background_Hover",
   "Arrow_Background_Active",
-  "Arrow_Background_Disabled",
   "Arrow_BorderColor_Default",
   "Arrow_BorderColor_Hover",
   "Arrow_BorderColor_Active",
-  "Arrow_BorderColor_Disabled",
   "Dot_Background_Default",
   "Dot_Background_Hover",
   "Dot_Background_Active",
@@ -20,16 +18,12 @@ const ImageGallery_Tokens = {
   // var(--triplex-next-ImageGallery-Arrow_Background_Hover)
   Arrow_Background_Active: [{ ref: "ColorDarkNeutralAlpha.50" }, { ref: "ColorNeutralAlpha.40" }],
   // var(--triplex-next-ImageGallery-Arrow_Background_Active)
-  Arrow_Background_Disabled: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
-  // var(--triplex-next-ImageGallery-Arrow_Background_Disabled)
   Arrow_BorderColor_Default: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
   // var(--triplex-next-ImageGallery-Arrow_BorderColor_Default)
   Arrow_BorderColor_Hover: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
   // var(--triplex-next-ImageGallery-Arrow_BorderColor_Hover)
   Arrow_BorderColor_Active: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
   // var(--triplex-next-ImageGallery-Arrow_BorderColor_Active)
-  Arrow_BorderColor_Disabled: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
-  // var(--triplex-next-ImageGallery-Arrow_BorderColor_Disabled)
   Dot_Background_Default: [{ ref: "ColorDarkNeutralAlpha.80" }, { ref: "ColorNeutralAlpha.80" }],
   // var(--triplex-next-ImageGallery-Dot_Background_Default)
   Dot_Background_Hover: [{ ref: "ColorDarkNeutralAlpha.60" }, { ref: "ColorNeutralAlpha.60" }],

package/components/DesignTokens/components/ImageGallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageGallery.js","sources":["../../../../src/components/DesignTokens/components/ImageGallery.ts"],"sourcesContent":["import { TDesignTokenValue, TDesignTokenValues } from \"../types/DesignTokenTypes\";\n\n// Название токенов компонента ImageGallery.\nexport const designTokensComponentsImageGalleryKeys = [\n    \"Arrow_Background_Default\",\n    \"Arrow_Background_Hover\",\n    \"Arrow_Background_Active\",\n    \"Arrow_Background_Disabled\",\n    \"Arrow_BorderColor_Default\",\n    \"Arrow_BorderColor_Hover\",\n    \"Arrow_BorderColor_Active\",\n    \"Arrow_BorderColor_Disabled\",\n    \"Dot_Background_Default\",\n    \"Dot_Background_Hover\",\n    \"Dot_Background_Active\",\n    \"Thumb_Mask_Background\",\n    \"Accent_Color\",\n] as const;\n// Тип, содержащий названия токенов компонента ImageGallery.\nexport type TDesignTokensComponentsImageGalleryKeys = (typeof designTokensComponentsImageGalleryKeys)[number];\n// Тип, содержащий названия токенов компонента ImageGallery и их значения.\nexport type TDesignTokensComponentsImageGalleryValue = Record<\n    TDesignTokensComponentsImageGalleryKeys,\n    TDesignTokenValue\n>;\n// Тип, содержащий названия токенов компонента ImageGallery и их значения в светлой и темной теме.\nexport type TDesignTokensComponentsImageGalleryValues = Record<\n    TDesignTokensComponentsImageGalleryKeys,\n    TDesignTokenValues\n>;\n// Тип локальных токенов компонента ImageGallery.\nexport type TDesignTokensComponentsImageGallery = { ImageGallery: TDesignTokensComponentsImageGalleryValue };\n\n// Токены компонента ImageGallery в светлой и темной темах.\nexport const ImageGallery_Tokens: TDesignTokensComponentsImageGalleryValues = {\n    Arrow_Background_Default: [{ ref: \"ColorDarkNeutralAlpha.80\" }, { ref: \"ColorNeutralAlpha.70\" }], // var(--triplex-next-ImageGallery-Arrow_Background_Default)\n    Arrow_Background_Hover: [{ ref: \"ColorDarkNeutralAlpha.60\" }, { ref: \"ColorNeutralAlpha.50\" }], // var(--triplex-next-ImageGallery-Arrow_Background_Hover)\n    Arrow_Background_Active: [{ ref: \"ColorDarkNeutralAlpha.50\" }, { ref: \"ColorNeutralAlpha.40\" }], // var(--triplex-next-ImageGallery-Arrow_Background_Active)\n    Arrow_Background_Disabled: [{ ref: \"ColorDarkNeutralAlpha.90\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-ImageGallery-Arrow_Background_Disabled)\n    Arrow_BorderColor_Default: [{ ref: \"ColorDarkNeutralAlpha.90\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-ImageGallery-Arrow_BorderColor_Default)\n    Arrow_BorderColor_Hover: [{ ref: \"ColorDarkNeutralAlpha.90\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-ImageGallery-Arrow_BorderColor_Hover)\n    Arrow_BorderColor_Active: [{ ref: \"ColorDarkNeutralAlpha.90\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-ImageGallery-Arrow_BorderColor_Active)\n    Arrow_BorderColor_Disabled: [{ ref: \"ColorDarkNeutralAlpha.90\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-ImageGallery-Arrow_BorderColor_Disabled)\n    Dot_Background_Default: [{ ref: \"ColorDarkNeutralAlpha.80\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-ImageGallery-Dot_Background_Default)\n    Dot_Background_Hover: [{ ref: \"ColorDarkNeutralAlpha.60\" }, { ref: \"ColorNeutralAlpha.60\" }], // var(--triplex-next-ImageGallery-Dot_Background_Hover)\n    Dot_Background_Active: [{ ref: \"ColorDarkNeutralAlpha.30\" }, { ref: \"ColorNeutralAlpha.30\" }], // var(--triplex-next-ImageGallery-Dot_Background_Active)\n    Thumb_Mask_Background: [{ ref: \"ColorDarkNeutralAlpha.80\" }, { ref: \"ColorDarkNeutralAlpha.80\" }], // var(--triplex-next-ImageGallery-Thumb_Mask_Background)\n    Accent_Color: [{ ref: \"ColorBrand.50\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-ImageGallery-Accent_Color)\n};\n"],"names":[],"mappings":"AAGO,MAAM,yCAAyC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAiBO,MAAM,sBAAiE;AAAA,EAC1E,0BAA0B,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC/F,wBAAwB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC7F,yBAAyB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC9F,2BAA2B,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAChG,2BAA2B,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAChG,yBAAyB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC9F,0BAA0B,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC/F,4BAA4B,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EACjG,wBAAwB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC7F,sBAAsB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC3F,uBAAuB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC5F,uBAAuB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,4BAA4B;AAAA;AAAA,EAChG,cAAc,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,gBAAA,CAAiB;AAAA;AACrE;"}
+{"version":3,"file":"ImageGallery.js","sources":["../../../../src/components/DesignTokens/components/ImageGallery.ts"],"sourcesContent":["import { TDesignTokenValue, TDesignTokenValues } from \"../types/DesignTokenTypes\";\n\n// Название токенов компонента ImageGallery.\nexport const designTokensComponentsImageGalleryKeys = [\n    \"Arrow_Background_Default\",\n    \"Arrow_Background_Hover\",\n    \"Arrow_Background_Active\",\n    \"Arrow_BorderColor_Default\",\n    \"Arrow_BorderColor_Hover\",\n    \"Arrow_BorderColor_Active\",\n    \"Dot_Background_Default\",\n    \"Dot_Background_Hover\",\n    \"Dot_Background_Active\",\n    \"Thumb_Mask_Background\",\n    \"Accent_Color\",\n] as const;\n// Тип, содержащий названия токенов компонента ImageGallery.\nexport type TDesignTokensComponentsImageGalleryKeys = (typeof designTokensComponentsImageGalleryKeys)[number];\n// Тип, содержащий названия токенов компонента ImageGallery и их значения.\nexport type TDesignTokensComponentsImageGalleryValue = Record<\n    TDesignTokensComponentsImageGalleryKeys,\n    TDesignTokenValue\n>;\n// Тип, содержащий названия токенов компонента ImageGallery и их значения в светлой и темной теме.\nexport type TDesignTokensComponentsImageGalleryValues = Record<\n    TDesignTokensComponentsImageGalleryKeys,\n    TDesignTokenValues\n>;\n// Тип локальных токенов компонента ImageGallery.\nexport type TDesignTokensComponentsImageGallery = { ImageGallery: TDesignTokensComponentsImageGalleryValue };\n\n// Токены компонента ImageGallery в светлой и темной темах.\nexport const ImageGallery_Tokens: TDesignTokensComponentsImageGalleryValues = {\n    Arrow_Background_Default: [{ ref: \"ColorDarkNeutralAlpha.80\" }, { ref: \"ColorNeutralAlpha.70\" }], // var(--triplex-next-ImageGallery-Arrow_Background_Default)\n    Arrow_Background_Hover: [{ ref: \"ColorDarkNeutralAlpha.60\" }, { ref: \"ColorNeutralAlpha.50\" }], // var(--triplex-next-ImageGallery-Arrow_Background_Hover)\n    Arrow_Background_Active: [{ ref: \"ColorDarkNeutralAlpha.50\" }, { ref: \"ColorNeutralAlpha.40\" }], // var(--triplex-next-ImageGallery-Arrow_Background_Active)\n    Arrow_BorderColor_Default: [{ ref: \"ColorDarkNeutralAlpha.90\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-ImageGallery-Arrow_BorderColor_Default)\n    Arrow_BorderColor_Hover: [{ ref: \"ColorDarkNeutralAlpha.90\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-ImageGallery-Arrow_BorderColor_Hover)\n    Arrow_BorderColor_Active: [{ ref: \"ColorDarkNeutralAlpha.90\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-ImageGallery-Arrow_BorderColor_Active)\n    Dot_Background_Default: [{ ref: \"ColorDarkNeutralAlpha.80\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-ImageGallery-Dot_Background_Default)\n    Dot_Background_Hover: [{ ref: \"ColorDarkNeutralAlpha.60\" }, { ref: \"ColorNeutralAlpha.60\" }], // var(--triplex-next-ImageGallery-Dot_Background_Hover)\n    Dot_Background_Active: [{ ref: \"ColorDarkNeutralAlpha.30\" }, { ref: \"ColorNeutralAlpha.30\" }], // var(--triplex-next-ImageGallery-Dot_Background_Active)\n    Thumb_Mask_Background: [{ ref: \"ColorDarkNeutralAlpha.80\" }, { ref: \"ColorDarkNeutralAlpha.80\" }], // var(--triplex-next-ImageGallery-Thumb_Mask_Background)\n    Accent_Color: [{ ref: \"ColorBrand.50\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-ImageGallery-Accent_Color)\n};\n"],"names":[],"mappings":"AAGO,MAAM,yCAAyC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAiBO,MAAM,sBAAiE;AAAA,EAC1E,0BAA0B,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC/F,wBAAwB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC7F,yBAAyB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC9F,2BAA2B,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAChG,yBAAyB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC9F,0BAA0B,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC/F,wBAAwB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC7F,sBAAsB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC3F,uBAAuB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC5F,uBAAuB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,4BAA4B;AAAA;AAAA,EAChG,cAAc,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,gBAAA,CAAiB;AAAA;AACrE;"}

package/components/Divider/Divider.js

@@ -1,24 +1,24 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
-const divider = "divider__cf452b1d";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
+const divider = "divider__7b255ac8";
 const styles = {
   divider,
-  "marginTopSize-4": "marginTopSize-4__be50f626",
-  "marginBottomSize-4": "marginBottomSize-4__7c4be949",
-  "marginTopSize-8": "marginTopSize-8__305be179",
-  "marginBottomSize-8": "marginBottomSize-8__6798a320",
-  "marginTopSize-12": "marginTopSize-12__9a1bdf3f",
-  "marginBottomSize-12": "marginBottomSize-12__ffe63a79",
-  "marginTopSize-16": "marginTopSize-16__60a6b36e",
-  "marginBottomSize-16": "marginBottomSize-16__f9442c12",
-  "marginTopSize-20": "marginTopSize-20__302870da",
-  "marginBottomSize-20": "marginBottomSize-20__f9b7be54",
-  "marginTopSize-24": "marginTopSize-24__b2293d79",
-  "marginBottomSize-24": "marginBottomSize-24__68b1b2f6",
-  "marginTopSize-28": "marginTopSize-28__26adfbee",
-  "marginBottomSize-28": "marginBottomSize-28__92090f96",
-  "marginTopSize-32": "marginTopSize-32__7a36fe40",
-  "marginBottomSize-32": "marginBottomSize-32__c726e1ad"
+  "marginTopSize-4": "marginTopSize-4__2d11a15e",
+  "marginBottomSize-4": "marginBottomSize-4__39f9ca1d",
+  "marginTopSize-8": "marginTopSize-8__7f6945a2",
+  "marginBottomSize-8": "marginBottomSize-8__9839c1b3",
+  "marginTopSize-12": "marginTopSize-12__c53ca174",
+  "marginBottomSize-12": "marginBottomSize-12__6c135b8c",
+  "marginTopSize-16": "marginTopSize-16__218b445d",
+  "marginBottomSize-16": "marginBottomSize-16__bd6e9143",
+  "marginTopSize-20": "marginTopSize-20__0138d7c5",
+  "marginBottomSize-20": "marginBottomSize-20__92792938",
+  "marginTopSize-24": "marginTopSize-24__e8bb19e6",
+  "marginBottomSize-24": "marginBottomSize-24__1f7ef153",
+  "marginTopSize-28": "marginTopSize-28__88f2539e",
+  "marginBottomSize-28": "marginBottomSize-28__5f893e52",
+  "marginTopSize-32": "marginTopSize-32__b71bd95d",
+  "marginBottomSize-32": "marginBottomSize-32__f2c9ca57"
 };
 const Divider = (props) => {
   const { className, marginTopSize, marginBottomSize, ...htmlDivAttributes } = props;

package/components/DocumentNumberEdit/DocumentNumberEdit.js

@@ -6,11 +6,11 @@ import { EFontType, ETextSize } from "../Typography/enums.js";
 import { getCaretPosition, setCaretPosition } from "../../utils/inputUtils.js";
 import { StringUtils } from "../../utils/stringUtils.js";
 import { isKey } from "../../utils/keyboard.js";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
 import { Link } from "../Link/Link.js";
-const documentNumberEdit = "documentNumberEdit__a040016b";
-const label = "label__c3f4973b";
-const inputEditWrapper = "inputEditWrapper__574e63fd";
+const documentNumberEdit = "documentNumberEdit__d0d03526";
+const label = "label__2dcd7a39";
+const inputEditWrapper = "inputEditWrapper__3efd4935";
 const styles = {
   documentNumberEdit,
   label,

package/components/Dropdown/desktop/DropdownDesktop.js

@@ -1,16 +1,16 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useState, useRef, useCallback, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
 import { EDropdownDirection, EDropdownAlignment, EDropdownWidth } from "./enums.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { useToken } from "../../ThemeProvider/useToken.js";
 import { isKey } from "../../../utils/keyboard.js";
-const dropdownDesktop = "dropdownDesktop__6b599918";
-const sm = "sm__1bfd8f69";
-const md = "md__b0fea546";
-const lg = "lg__e63aaaef";
-const dropdownDesktopOverflowHidden = "dropdownDesktopOverflowHidden__59579f76";
+const dropdownDesktop = "dropdownDesktop__0ae8ab5e";
+const sm = "sm__d24c68c7";
+const md = "md__3b0df2b3";
+const lg = "lg__75952c32";
+const dropdownDesktopOverflowHidden = "dropdownDesktopOverflowHidden__dbabc790";
 const styles = {
   dropdownDesktop,
   sm,
@@ -164,7 +164,7 @@ const DropdownDesktop = React.forwardRef((props, ref) => {
       className: classNames,
       style: { ...styleState, ...styleProp },
       ...rest,
-      "data-tx": "0.44.0",
+      "data-tx": "0.46.0",
       ref: setRef,
       children
     }

package/components/Dropdown/desktop/DropdownList.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useContext, useRef, useState, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-import { s as styles, D as DropdownListItem } from "../../../chunks/DropdownListItem-BZdW_kQc.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
+import { s as styles, D as DropdownListItem } from "../../../chunks/DropdownListItem-DOJlU4CS.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import { DropdownListContext } from "../DropdownListContext.js";
 import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";

package/components/Dropdown/desktop/DropdownListItem.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor-DqGxntec.js";
+import "../../../chunks/vendor-BxhAzfnS.js";
 import "../../../enums/EComponentSize.js";
 import "../../../utils/keyboard.js";
 import "../../Badge/Badge.js";
-import { D } from "../../../chunks/DropdownListItem-BZdW_kQc.js";
+import { D } from "../../../chunks/DropdownListItem-DOJlU4CS.js";
 export {
   D as DropdownListItem
 };

package/components/Dropdown/desktop/index.js

@@ -1,6 +1,6 @@
 import { DropdownDesktop } from "./DropdownDesktop.js";
 import { DropdownList } from "./DropdownList.js";
-import { D } from "../../../chunks/DropdownListItem-BZdW_kQc.js";
+import { D } from "../../../chunks/DropdownListItem-DOJlU4CS.js";
 import { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from "./enums.js";
 export {
   DropdownDesktop,

package/components/Dropdown/index.js

@@ -1,7 +1,7 @@
 import { DropdownListContext } from "./DropdownListContext.js";
 import { DropdownDesktop } from "./desktop/DropdownDesktop.js";
 import { DropdownList } from "./desktop/DropdownList.js";
-import { D } from "../../chunks/DropdownListItem-BZdW_kQc.js";
+import { D } from "../../chunks/DropdownListItem-DOJlU4CS.js";
 import { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from "./desktop/enums.js";
 import { DropdownMobile } from "./mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "./mobile/DropdownMobileBody.js";

package/components/Dropdown/mobile/DropdownMobile.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React, { useEffect } from "react";
 import { OverlayBase, EOverlayDirection } from "../../Overlay/OverlayBase.js";
 import { DropdownMobileInner } from "./DropdownMobileInner.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Cz8uroqQ.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-CfXkwFzs.js";
 const dropdownMobileBodyOverflowClassName = styles.dropdownMobileBodyOverflow;
 const DropdownMobile = React.forwardRef(
   ({ children, opened, setOpened, ...htmlAttributes }, ref) => {
@@ -20,7 +20,7 @@ const DropdownMobile = React.forwardRef(
         ...props,
         ...htmlAttributes,
         ref,
-        "data-tx": "0.44.0",
+        "data-tx": "0.46.0",
         children
       }
     ) });

package/components/Dropdown/mobile/DropdownMobileBody.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Cz8uroqQ.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-CfXkwFzs.js";
 const DropdownMobileBody = React.forwardRef(
   ({ children, className, ...htmlAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.dropdownMobileContent, className), ref, ...htmlAttributes, children })
 );

package/components/Dropdown/mobile/DropdownMobileClose.js

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import { CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Cz8uroqQ.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-CfXkwFzs.js";
 const DropdownMobileClose = React.forwardRef(
   ({ className, ...buttonIconProps }, ref) => /* @__PURE__ */ jsx(ButtonIcon, { className: clsx(styles.dropdownMobileClose, className), ref, ...buttonIconProps, children: /* @__PURE__ */ jsx(CrossStrokeSrvIcon16, { paletteIndex: 5 }) })
 );

package/components/Dropdown/mobile/DropdownMobileFooter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Cz8uroqQ.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-CfXkwFzs.js";
 const DropdownMobileFooter = React.forwardRef(
   ({ children, className, ...htmlAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.dropdownMobileFooter, className), ref, ...htmlAttributes, children })
 );

package/components/Dropdown/mobile/DropdownMobileHeader.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Cz8uroqQ.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-CfXkwFzs.js";
 const DropdownMobileHeader = React.forwardRef(
   ({ children, className, controlButtons, ...htmlAttributes }, ref) => /* @__PURE__ */ jsxs("div", { className: clsx(styles.dropdownMobileHeader, className), ref, ...htmlAttributes, children: [
     /* @__PURE__ */ jsx("div", { className: styles.dropdownMobileHeaderContent, children }),

package/components/Dropdown/mobile/DropdownMobileInner.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useState, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
 import { useToken } from "../../ThemeProvider/useToken.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Cz8uroqQ.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-CfXkwFzs.js";
 const DropdownMobileInner = React.forwardRef(
   ({
     children,

package/components/Dropdown/mobile/DropdownMobileInput.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-const dropdownMobileInput = "dropdownMobileInput__f420310c";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
+const dropdownMobileInput = "dropdownMobileInput__c58b730b";
 const styles = {
   dropdownMobileInput
 };

package/components/Dropdown/mobile/DropdownMobileList.js

@@ -5,8 +5,8 @@ import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { DropdownMobileListItem } from "./DropdownMobileListItem.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Cz8uroqQ.js";
-import { u as uniqueId } from "../../../chunks/vendor-DqGxntec.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-CfXkwFzs.js";
+import { u as uniqueId } from "../../../chunks/vendor-BxhAzfnS.js";
 const DropdownMobileList = React.forwardRef(
   ({ children, className, loading, ...htmlAttributes }, ref) => {
     const [loaderId] = useState(() => uniqueId());

package/components/Dropdown/mobile/DropdownMobileListItem.js

@@ -1,11 +1,11 @@
 import { jsxs, 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 { Text } from "../../Typography/Text.js";
 import { ETextSize } from "../../Typography/enums.js";
 import { Badge } from "../../Badge/Badge.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Cz8uroqQ.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-CfXkwFzs.js";
 const DropdownMobileListItem = React.forwardRef(
   ({ children, className, id, onClick, onSelect, selected, showNotificationIcon, ...htmlAttributes }, ref) => {
     const handleClick = (event) => {

package/components/Dropdown/mobile/DropdownMobileLoader.js

@@ -1,10 +1,10 @@
 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 { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Cz8uroqQ.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-CfXkwFzs.js";
 const DropdownMobileLoader = ({ className, ...restProps }) => /* @__PURE__ */ jsx(
   LoaderSmall,
   {

package/components/Dropdown/mobile/DropdownMobileMaskedInput.js

@@ -1,8 +1,8 @@
 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 { FormFieldMaskedInput } from "../../FormField/components/FormFieldMaskedInput.js";
-const dropdownMobileMaskedInput = "dropdownMobileMaskedInput__6d89a4e2";
+const dropdownMobileMaskedInput = "dropdownMobileMaskedInput__d7c260ff";
 const styles = {
   dropdownMobileMaskedInput
 };

package/components/Ellipsis/Ellipsis.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
-const ellipsisLineClamp = "ellipsisLineClamp__1dcfe482";
-const oneLine = "oneLine__a50034ac";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
+const ellipsisLineClamp = "ellipsisLineClamp__f4cd8283";
+const oneLine = "oneLine__77ccf8da";
 const styles = {
   ellipsisLineClamp,
   oneLine
@@ -16,7 +16,7 @@ const Ellipsis = React.forwardRef(
         className: classNames,
         style: { "--ellipsis-line-clamp": maxLines },
         ...rest,
-        "data-tx": "0.44.0",
+        "data-tx": "0.46.0",
         ref,
         children
       }