@sberbusiness/triplex-next 1.41.0 → 1.42.0

package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js

@@ -1,11 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import React__default, { useRef } from "react";
+import React__default from "react";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
 import { CaretdownStrokeSrvIcon24, CaretdownStrokeSrvIcon20, CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
+import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
-import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";
-import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
-import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
 import { EFormFieldStatus } from "../../FormField/enums.js";
 import { FormFieldClear } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldCounter.js";
@@ -18,14 +16,16 @@ import { FormFieldPrefix } from "../../FormField/components/FormFieldPrefix.js";
 import { FormFieldTarget } from "../../FormField/components/FormFieldTarget.js";
 import "../../FormField/components/FormFieldTextarea.js";
 import { FormField } from "../../FormField/FormField.js";
-import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { IconWrapper } from "../../IconWrapper/IconWrapper.js";
-const selectExtendedFieldTarget = "selectExtendedFieldTarget__c451e828";
-const caretIcon = "caretIcon__3db1d3f2";
-const selectOpened = "selectOpened__b5e3462d";
-const disabled = "disabled__6eb43a7b";
-const target = "target__b77d0fab";
-const caretWrapper = "caretWrapper__bd66a7dd";
+import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
+import "../../Loader/LoaderMiddle/LoaderMiddle.js";
+const selectExtendedFieldTarget = "selectExtendedFieldTarget__0d63f6ca";
+const caretIcon = "caretIcon__810e76b8";
+const selectOpened = "selectOpened__c764fb06";
+const disabled = "disabled__d1fe98ca";
+const target = "target__80a44af2";
+const caretWrapper = "caretWrapper__5d399b8f";
 const styles = {
   selectExtendedFieldTarget,
   caretIcon,
@@ -34,20 +34,25 @@ const styles = {
   target,
   caretWrapper
 };
-const sizeToCaretIconMap = {
+const SIZE_TO_CARET_ICON_MAP = {
   [EComponentSize.SM]: /* @__PURE__ */ jsx(CaretdownStrokeSrvIcon16, { paletteIndex: 5, className: styles.caretIcon }),
   [EComponentSize.MD]: /* @__PURE__ */ jsx(CaretdownStrokeSrvIcon20, { paletteIndex: 5, className: styles.caretIcon }),
   [EComponentSize.LG]: /* @__PURE__ */ jsx(CaretdownStrokeSrvIcon24, { paletteIndex: 5, className: styles.caretIcon })
 };
-const sizeToLoaderSizeMap = {
+const SIZE_TO_LOADER_MAP = {
   [EComponentSize.SM]: /* @__PURE__ */ jsx(LoaderSmall, { size: EComponentSize.SM, theme: ELoaderSmallTheme.BRAND }),
   [EComponentSize.MD]: /* @__PURE__ */ jsx(LoaderSmall, { size: EComponentSize.MD, theme: ELoaderSmallTheme.BRAND }),
   [EComponentSize.LG]: /* @__PURE__ */ jsx(LoaderSmall, { size: EComponentSize.LG, theme: ELoaderSmallTheme.BRAND })
 };
+const OPEN_DROPDOWN_KEY_CODES = [
+  EVENT_KEY_CODES.SPACE,
+  EVENT_KEY_CODES.ENTER,
+  EVENT_KEY_CODES.ARROW_DOWN,
+  EVENT_KEY_CODES.ARROW_UP
+];
 const SelectExtendedFieldTarget = React__default.forwardRef(
   (props, ref) => {
     const {
-      children,
       className,
       label,
       placeholder,
@@ -61,53 +66,37 @@ const SelectExtendedFieldTarget = React__default.forwardRef(
       loading,
       size = EComponentSize.MD,
       status,
+      // children и tabIndex намеренно не доходят до FormField: разметка поля фиксирована,
+      // а tabIndex выставляет сам FormFieldTarget (-1 в состоянии DISABLED, иначе 0).
+      children,
       tabIndex,
       fieldLabel,
       ...rest
     } = props;
-    const targetRef = useRef(null);
-    const classNames = clsx(
-      styles.selectExtendedFieldTarget,
-      {
-        [styles.selectOpened]: opened,
-        [styles.loading]: loading,
-        [styles.disabled]: status === EFormFieldStatus.DISABLED
-      },
-      className
-    );
+    const disabled2 = status === EFormFieldStatus.DISABLED;
+    const interactionBlocked = Boolean(loading) || disabled2;
     const handleClick = (event) => {
-      if (loading || status === EFormFieldStatus.DISABLED) {
+      if (interactionBlocked) {
         return;
       }
       setOpened(!opened);
       onClick == null ? void 0 : onClick(event);
     };
+    const handleClearClick = (event) => {
+      event.stopPropagation();
+      onClear == null ? void 0 : onClear();
+    };
     const handleKeyDown = (event) => {
-      if (loading || status === EFormFieldStatus.DISABLED) {
+      if (interactionBlocked) {
         return;
       }
-      if (!opened) {
-        if ([
-          EVENT_KEY_CODES.SPACE,
-          EVENT_KEY_CODES.ENTER,
-          EVENT_KEY_CODES.ARROW_DOWN,
-          EVENT_KEY_CODES.ARROW_UP
-        ].includes(event.keyCode)) {
-          event.preventDefault();
-          event.stopPropagation();
-          setOpened(!opened);
-        }
+      if (!opened && OPEN_DROPDOWN_KEY_CODES.includes(event.keyCode)) {
+        event.preventDefault();
+        event.stopPropagation();
+        setOpened(true);
       }
       onKeyDown == null ? void 0 : onKeyDown(event);
     };
-    const setRef = (instance) => {
-      targetRef.current = instance;
-      if (typeof ref === "function") {
-        ref(instance);
-      } else if (ref) {
-        ref.current = instance;
-      }
-    };
     return /* @__PURE__ */ jsxs(
       FormField,
       {
@@ -115,40 +104,33 @@ const SelectExtendedFieldTarget = React__default.forwardRef(
         onKeyDown: handleKeyDown,
         status,
         size,
-        className: classNames,
+        className: clsx(
+          styles.selectExtendedFieldTarget,
+          { [styles.selectOpened]: opened, [styles.disabled]: disabled2 },
+          className
+        ),
         "aria-expanded": opened,
         "aria-haspopup": "listbox",
-        "data-tx": "1.41.0",
+        "data-tx": "1.42.0",
         active: opened,
         ...rest,
         children: [
           prefix ? /* @__PURE__ */ jsx(FormFieldPrefix, { children: prefix }) : null,
           /* @__PURE__ */ jsx(FormFieldLabel, { children: fieldLabel }),
-          /* @__PURE__ */ jsx(
-            FormFieldTarget,
-            {
-              ref: setRef,
-              className: clsx(styles.target, {
-                [styles.placeholder]: !!placeholder && !label,
-                [styles.label]: !!label
-              }),
-              placeholder,
-              children: label
-            }
-          ),
+          /* @__PURE__ */ jsx(FormFieldTarget, { ref, className: styles.target, placeholder, children: label }),
           /* @__PURE__ */ jsxs(FormFieldPostfix, { children: [
-            onClear && /* @__PURE__ */ jsx(FormFieldClear, { onClick: onClear }),
-            loading ? sizeToLoaderSizeMap[size] : /* @__PURE__ */ jsx(
+            onClear && /* @__PURE__ */ jsx(FormFieldClear, { onClick: handleClearClick }),
+            loading ? SIZE_TO_LOADER_MAP[size] : /* @__PURE__ */ jsx(
               IconWrapper,
               {
                 className: styles.caretWrapper,
                 active: opened,
-                disabled: status === EFormFieldStatus.DISABLED,
+                disabled: disabled2,
                 displayContents: true,
-                children: sizeToCaretIconMap[size]
+                children: SIZE_TO_CARET_ICON_MAP[size]
               }
             ),
-            postfix ? postfix : null
+            postfix
           ] })
         ]
       }

package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectExtendedFieldTarget.js","sources":["../../../../src/components/SelectExtendedField/components/SelectExtendedFieldTarget.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { CaretdownStrokeSrvIcon16, CaretdownStrokeSrvIcon20, CaretdownStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { EVENT_KEY_CODES } from \"../../../utils/keyboard\";\nimport { LoaderSmall, ELoaderSmallTheme } from \"../../Loader\";\nimport clsx from \"clsx\";\nimport {\n    EFormFieldStatus,\n    FormField,\n    FormFieldClear,\n    FormFieldLabel,\n    FormFieldPostfix,\n    FormFieldPrefix,\n    IFormFieldProps,\n} from \"../../FormField\";\nimport { FormFieldTarget } from \"../../FormField/components/FormFieldTarget\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { IconWrapper } from \"../../IconWrapper\";\nimport styles from \"../styles/SelectExtendedFieldTarget.module.less\";\n\n/* Свойства SelectExtendedFieldTarget. */\nexport interface ISelectExtendedFieldTargetProps extends Omit<IFormFieldProps, \"prefix\" | \"postfix\"> {\n    /**  Текст или компонент, отображающий выбранное значение. */\n    label?: React.ReactNode;\n    /** Текст или компонент, отображающий выбранное значение для Target. */\n    fieldLabel: React.ReactNode;\n    /** Состояние загрузки. */\n    loading?: boolean;\n    /** Состояние открытости выпадающего списка. */\n    opened: boolean;\n    /** Текст или компонент, отображающий выбранное placeholder. */\n    placeholder?: React.ReactNode;\n    /** Префикс поля ввода. */\n    prefix?: React.ReactNode;\n    /** Постфикс поля ввода. */\n    postfix?: React.ReactNode;\n    /** Функция открытия/закрытия выпадающего списка. */\n    setOpened: (opened: boolean) => void;\n    /** Функция очистки значения. */\n    onClear?: () => void;\n}\n\nconst sizeToCaretIconMap = {\n    [EComponentSize.SM]: <CaretdownStrokeSrvIcon16 paletteIndex={5} className={styles.caretIcon} />,\n    [EComponentSize.MD]: <CaretdownStrokeSrvIcon20 paletteIndex={5} className={styles.caretIcon} />,\n    [EComponentSize.LG]: <CaretdownStrokeSrvIcon24 paletteIndex={5} className={styles.caretIcon} />,\n};\n\nconst sizeToLoaderSizeMap = {\n    [EComponentSize.SM]: <LoaderSmall size={EComponentSize.SM} theme={ELoaderSmallTheme.BRAND} />,\n    [EComponentSize.MD]: <LoaderSmall size={EComponentSize.MD} theme={ELoaderSmallTheme.BRAND} />,\n    [EComponentSize.LG]: <LoaderSmall size={EComponentSize.LG} theme={ELoaderSmallTheme.BRAND} />,\n};\n\n/**\n * Компонент SelectTarget.\n * Видимая часть Select, при нажатии на которую открывается выпадающий список.\n */\nexport const SelectExtendedFieldTarget = React.forwardRef<HTMLDivElement, ISelectExtendedFieldTargetProps>(\n    (props, ref) => {\n        const {\n            children,\n            className,\n            label,\n            placeholder,\n            onKeyDown,\n            onClick,\n            onClear,\n            opened,\n            postfix,\n            prefix,\n            setOpened,\n            loading,\n            size = EComponentSize.MD,\n            status,\n            tabIndex,\n            fieldLabel,\n            ...rest\n        } = props;\n        const targetRef = useRef<HTMLDivElement | null>(null);\n        const classNames = clsx(\n            styles.selectExtendedFieldTarget,\n            {\n                [styles.selectOpened]: opened,\n                [styles.loading]: loading,\n                [styles.disabled]: status === EFormFieldStatus.DISABLED,\n            },\n            className,\n        );\n        /* Обработчик клика. */\n        const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n            if (loading || status === EFormFieldStatus.DISABLED) {\n                return; // Не реагируем на клики в состоянии загрузки\n            }\n            setOpened(!opened);\n            onClick?.(event);\n        };\n\n        /* Обработчик нажатия клавиши. */\n        const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n            if (loading || status === EFormFieldStatus.DISABLED) {\n                return; // Не реагируем на клавиши в состоянии загрузки или disabled\n            }\n\n            if (!opened) {\n                // При нажатии Enter, Space, ArrowUp или ArrowDown открывается выпадающий список.\n                if (\n                    [\n                        EVENT_KEY_CODES.SPACE,\n                        EVENT_KEY_CODES.ENTER,\n                        EVENT_KEY_CODES.ARROW_DOWN,\n                        EVENT_KEY_CODES.ARROW_UP,\n                    ].includes(event.keyCode)\n                ) {\n                    event.preventDefault();\n                    // Предотвращение срабатывания keydown при открытии Dropdown в document.addEventListener('keydown'...) в src/desktop/components/Dropdown/components/DropdownListItem.tsx.\n                    event.stopPropagation();\n                    setOpened(!opened);\n                }\n            }\n\n            onKeyDown?.(event);\n        };\n\n        /* Функция для хранения ссылки. */\n        const setRef = (instance: HTMLDivElement | null) => {\n            targetRef.current = instance;\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref) {\n                ref.current = instance;\n            }\n        };\n\n        return (\n            <FormField\n                onClick={handleClick}\n                onKeyDown={handleKeyDown}\n                status={status}\n                size={size}\n                className={classNames}\n                aria-expanded={opened}\n                aria-haspopup=\"listbox\"\n                data-tx={process.env.npm_package_version}\n                active={opened}\n                {...rest}\n            >\n                {prefix ? <FormFieldPrefix>{prefix}</FormFieldPrefix> : null}\n\n                <FormFieldLabel>{fieldLabel}</FormFieldLabel>\n                <FormFieldTarget\n                    ref={setRef}\n                    className={clsx(styles.target, {\n                        [styles.placeholder]: !!placeholder && !label,\n                        [styles.label]: !!label,\n                    })}\n                    placeholder={placeholder}\n                >\n                    {label}\n                </FormFieldTarget>\n\n                <FormFieldPostfix>\n                    {onClear && <FormFieldClear onClick={onClear} />}\n                    {loading ? (\n                        sizeToLoaderSizeMap[size]\n                    ) : (\n                        <IconWrapper\n                            className={styles.caretWrapper}\n                            active={opened}\n                            disabled={status === EFormFieldStatus.DISABLED}\n                            displayContents\n                        >\n                            {sizeToCaretIconMap[size]}\n                        </IconWrapper>\n                    )}\n                    {postfix ? postfix : null}\n                </FormFieldPostfix>\n            </FormField>\n        );\n    },\n);\n\nSelectExtendedFieldTarget.displayName = \"SelectExtendedFieldTarget\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,MAAM,qBAAqB;AAAA,EACvB,CAAC,eAAe,EAAE,GAAG,oBAAC,4BAAyB,cAAc,GAAG,WAAW,OAAO,WAAW;AAAA,EAC7F,CAAC,eAAe,EAAE,GAAG,oBAAC,4BAAyB,cAAc,GAAG,WAAW,OAAO,WAAW;AAAA,EAC7F,CAAC,eAAe,EAAE,GAAG,oBAAC,4BAAyB,cAAc,GAAG,WAAW,OAAO,UAAA,CAAW;AACjG;AAEA,MAAM,sBAAsB;AAAA,EACxB,CAAC,eAAe,EAAE,GAAG,oBAAC,aAAA,EAAY,MAAM,eAAe,IAAI,OAAO,kBAAkB,OAAO;AAAA,EAC3F,CAAC,eAAe,EAAE,GAAG,oBAAC,aAAA,EAAY,MAAM,eAAe,IAAI,OAAO,kBAAkB,OAAO;AAAA,EAC3F,CAAC,eAAe,EAAE,GAAG,oBAAC,aAAA,EAAY,MAAM,eAAe,IAAI,OAAO,kBAAkB,OAAO;AAC/F;AAMO,MAAM,4BAA4BA,eAAM;AAAA,EAC3C,CAAC,OAAO,QAAQ;AACZ,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO,eAAe;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IAAA,IACH;AACJ,UAAM,YAAY,OAA8B,IAAI;AACpD,UAAM,aAAa;AAAA,MACf,OAAO;AAAA,MACP;AAAA,QACI,CAAC,OAAO,YAAY,GAAG;AAAA,QACvB,CAAC,OAAO,OAAO,GAAG;AAAA,QAClB,CAAC,OAAO,QAAQ,GAAG,WAAW,iBAAiB;AAAA,MAAA;AAAA,MAEnD;AAAA,IAAA;AAGJ,UAAM,cAAc,CAAC,UAA4C;AAC7D,UAAI,WAAW,WAAW,iBAAiB,UAAU;AACjD;AAAA,MACJ;AACA,gBAAU,CAAC,MAAM;AACjB,yCAAU;AAAA,IACd;AAGA,UAAM,gBAAgB,CAAC,UAA+C;AAClE,UAAI,WAAW,WAAW,iBAAiB,UAAU;AACjD;AAAA,MACJ;AAEA,UAAI,CAAC,QAAQ;AAET,YACI;AAAA,UACI,gBAAgB;AAAA,UAChB,gBAAgB;AAAA,UAChB,gBAAgB;AAAA,UAChB,gBAAgB;AAAA,QAAA,EAClB,SAAS,MAAM,OAAO,GAC1B;AACE,gBAAM,eAAA;AAEN,gBAAM,gBAAA;AACN,oBAAU,CAAC,MAAM;AAAA,QACrB;AAAA,MACJ;AAEA,6CAAY;AAAA,IAChB;AAGA,UAAM,SAAS,CAAC,aAAoC;AAChD,gBAAU,UAAU;AACpB,UAAI,OAAO,QAAQ,YAAY;AAC3B,YAAI,QAAQ;AAAA,MAChB,WAAW,KAAK;AACZ,YAAI,UAAU;AAAA,MAClB;AAAA,IACJ;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,SAAS;AAAA,QACT,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX,iBAAe;AAAA,QACf,iBAAc;AAAA,QACd,WAAS;AAAA,QACT,QAAQ;AAAA,QACP,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA,SAAS,oBAAC,iBAAA,EAAiB,UAAA,OAAA,CAAO,IAAqB;AAAA,UAExD,oBAAC,kBAAgB,UAAA,YAAW;AAAA,UAC5B;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,KAAK;AAAA,cACL,WAAW,KAAK,OAAO,QAAQ;AAAA,gBAC3B,CAAC,OAAO,WAAW,GAAG,CAAC,CAAC,eAAe,CAAC;AAAA,gBACxC,CAAC,OAAO,KAAK,GAAG,CAAC,CAAC;AAAA,cAAA,CACrB;AAAA,cACD;AAAA,cAEC,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,+BAGJ,kBAAA,EACI,UAAA;AAAA,YAAA,WAAW,oBAAC,gBAAA,EAAe,SAAS,SAAS;AAAA,YAC7C,UACG,oBAAoB,IAAI,IAExB;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAW,OAAO;AAAA,gBAClB,QAAQ;AAAA,gBACR,UAAU,WAAW,iBAAiB;AAAA,gBACtC,iBAAe;AAAA,gBAEd,6BAAmB,IAAI;AAAA,cAAA;AAAA,YAAA;AAAA,YAG/B,UAAU,UAAU;AAAA,UAAA,GACzB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEA,0BAA0B,cAAc;"}
+{"version":3,"file":"SelectExtendedFieldTarget.js","sources":["../../../../src/components/SelectExtendedField/components/SelectExtendedFieldTarget.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { CaretdownStrokeSrvIcon16, CaretdownStrokeSrvIcon20, CaretdownStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { EVENT_KEY_CODES } from \"../../../utils/keyboard\";\nimport {\n    EFormFieldStatus,\n    FormField,\n    FormFieldClear,\n    FormFieldLabel,\n    FormFieldPostfix,\n    FormFieldPrefix,\n    IFormFieldProps,\n} from \"../../FormField\";\nimport { FormFieldTarget } from \"../../FormField/components/FormFieldTarget\";\nimport { IconWrapper } from \"../../IconWrapper\";\nimport { LoaderSmall, ELoaderSmallTheme } from \"../../Loader\";\nimport styles from \"../styles/SelectExtendedFieldTarget.module.less\";\n\n/** Свойства компонента SelectExtendedFieldTarget. */\nexport interface ISelectExtendedFieldTargetProps extends Omit<IFormFieldProps, \"prefix\" | \"postfix\"> {\n    /** Текст или компонент, отображающий выбранное значение. */\n    label?: React.ReactNode;\n    /** Текст или компонент заголовка поля. */\n    fieldLabel: React.ReactNode;\n    /** Состояние загрузки. Вместо каретки отображается лоадер, поле не реагирует на клик и клавиатуру. По умолчанию false. */\n    loading?: boolean;\n    /** Состояние открытости выпадающего блока. */\n    opened: boolean;\n    /** Текст или компонент, отображаемый вместо значения, пока значение не выбрано. */\n    placeholder?: React.ReactNode;\n    /** Префикс поля. */\n    prefix?: React.ReactNode;\n    /** Постфикс поля. Отображается после каретки. */\n    postfix?: React.ReactNode;\n    /** Функция открытия/закрытия выпадающего блока. */\n    setOpened: (opened: boolean) => void;\n    /** Функция очистки значения. Если передана, в поле отображается кнопка очистки. */\n    onClear?: () => void;\n}\n\n/** Соответствие размера поля иконке каретки. */\nconst SIZE_TO_CARET_ICON_MAP = {\n    [EComponentSize.SM]: <CaretdownStrokeSrvIcon16 paletteIndex={5} className={styles.caretIcon} />,\n    [EComponentSize.MD]: <CaretdownStrokeSrvIcon20 paletteIndex={5} className={styles.caretIcon} />,\n    [EComponentSize.LG]: <CaretdownStrokeSrvIcon24 paletteIndex={5} className={styles.caretIcon} />,\n};\n\n/** Соответствие размера поля лоадеру состояния загрузки. */\nconst SIZE_TO_LOADER_MAP = {\n    [EComponentSize.SM]: <LoaderSmall size={EComponentSize.SM} theme={ELoaderSmallTheme.BRAND} />,\n    [EComponentSize.MD]: <LoaderSmall size={EComponentSize.MD} theme={ELoaderSmallTheme.BRAND} />,\n    [EComponentSize.LG]: <LoaderSmall size={EComponentSize.LG} theme={ELoaderSmallTheme.BRAND} />,\n};\n\n/** Коды клавиш, открывающих выпадающий блок. */\nconst OPEN_DROPDOWN_KEY_CODES = [\n    EVENT_KEY_CODES.SPACE,\n    EVENT_KEY_CODES.ENTER,\n    EVENT_KEY_CODES.ARROW_DOWN,\n    EVENT_KEY_CODES.ARROW_UP,\n];\n\n/**\n * Поле выбора SelectExtendedField.\n * Видимая часть Select, при нажатии на которую открывается выпадающий блок.\n */\nexport const SelectExtendedFieldTarget = React.forwardRef<HTMLDivElement, ISelectExtendedFieldTargetProps>(\n    (props, ref) => {\n        const {\n            className,\n            label,\n            placeholder,\n            onKeyDown,\n            onClick,\n            onClear,\n            opened,\n            postfix,\n            prefix,\n            setOpened,\n            loading,\n            size = EComponentSize.MD,\n            status,\n            // children и tabIndex намеренно не доходят до FormField: разметка поля фиксирована,\n            // а tabIndex выставляет сам FormFieldTarget (-1 в состоянии DISABLED, иначе 0).\n            children,\n            tabIndex,\n            fieldLabel,\n            ...rest\n        } = props;\n        const disabled = status === EFormFieldStatus.DISABLED;\n        // В состоянии загрузки и в заблокированном поле выпадающий блок не открывается.\n        const interactionBlocked = Boolean(loading) || disabled;\n\n        const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n            if (interactionBlocked) {\n                return;\n            }\n\n            setOpened(!opened);\n            onClick?.(event);\n        };\n\n        const handleClearClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n            // Кнопка очистки лежит внутри поля, у которого клик переключает выпадающий блок.\n            // Без остановки всплытия очистка значения заодно раскрывала бы список.\n            // Так же сделано в Chip.Select и Chip.DatePicker.\n            event.stopPropagation();\n            onClear?.();\n        };\n\n        const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n            if (interactionBlocked) {\n                return;\n            }\n\n            if (!opened && OPEN_DROPDOWN_KEY_CODES.includes(event.keyCode)) {\n                event.preventDefault();\n                // Предотвращение срабатывания keydown при открытии Dropdown в\n                // document.addEventListener(\"keydown\", ...) в DropdownListItem.\n                event.stopPropagation();\n                setOpened(true);\n            }\n\n            onKeyDown?.(event);\n        };\n\n        return (\n            <FormField\n                onClick={handleClick}\n                onKeyDown={handleKeyDown}\n                status={status}\n                size={size}\n                className={clsx(\n                    styles.selectExtendedFieldTarget,\n                    { [styles.selectOpened]: opened, [styles.disabled]: disabled },\n                    className,\n                )}\n                aria-expanded={opened}\n                aria-haspopup=\"listbox\"\n                data-tx={process.env.npm_package_version}\n                active={opened}\n                {...rest}\n            >\n                {prefix ? <FormFieldPrefix>{prefix}</FormFieldPrefix> : null}\n\n                <FormFieldLabel>{fieldLabel}</FormFieldLabel>\n                <FormFieldTarget ref={ref} className={styles.target} placeholder={placeholder}>\n                    {label}\n                </FormFieldTarget>\n\n                <FormFieldPostfix>\n                    {onClear && <FormFieldClear onClick={handleClearClick} />}\n                    {loading ? (\n                        SIZE_TO_LOADER_MAP[size]\n                    ) : (\n                        <IconWrapper\n                            className={styles.caretWrapper}\n                            active={opened}\n                            disabled={disabled}\n                            displayContents\n                        >\n                            {SIZE_TO_CARET_ICON_MAP[size]}\n                        </IconWrapper>\n                    )}\n                    {postfix}\n                </FormFieldPostfix>\n            </FormField>\n        );\n    },\n);\n\nSelectExtendedFieldTarget.displayName = \"SelectExtendedFieldTarget\";\n"],"names":["React","disabled"],"mappings":"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"}

package/components/SelectField/SelectField.js

@@ -7,7 +7,7 @@ import { SelectExtendedFieldDropdownDefault } from "../SelectExtendedField/compo
 import { DropdownListContext } from "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-C2A5QJs2.js";
+import "../../chunks/DropdownListItem-DHdXJ6f2.js";
 import { EDropdownWidth } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import "../Dropdown/mobile/DropdownMobileBody.js";
@@ -21,7 +21,7 @@ import "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
 import "../Dropdown/Dropdown.js";
-import { u as uniqueId } from "../../chunks/vendor-CtuAQuEN.js";
+import { u as uniqueId } from "../../chunks/vendor-DfvHt3TJ.js";
 const SelectField = React__default.forwardRef((props, ref) => {
   const {
     children,

package/components/Skeleton/Skeleton.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
 import { ESkeletonType } from "./enums.js";
-const skeleton = "skeleton__c682d863";
-const light = "light__30e652d8";
-const dark = "dark__5232524c";
+const skeleton = "skeleton__3618df42";
+const light = "light__09ed6611";
+const dark = "dark__66ceac49";
 const styles = {
   skeleton,
   light,
@@ -17,7 +17,7 @@ const Skeleton = ({ className, type = ESkeletonType.DARK, ...htmlDivAttributes }
       [styles.light]: type === ESkeletonType.LIGHT
     }),
     ...htmlDivAttributes,
-    "data-tx": "1.41.0"
+    "data-tx": "1.42.0"
   }
 );
 export {

package/components/SliderExtended/SliderExtended.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useLayoutEffect } from "react";
-import { c as clsx, l as lodashExports } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx, l as lodashExports } from "../../chunks/vendor-DfvHt3TJ.js";
 import { SliderExtendedDot } from "./components/SliderExtendedDot/SliderExtendedDot.js";
 import { SliderExtendedMarks } from "./components/SliderExtendedMarks/SliderExtendedMarks.js";
 import { SliderExtendedMark } from "./components/SliderExtendedMarks/SliderExtendedMark.js";
-import { s as styles, S as SliderExtendedRail } from "../../chunks/SliderExtendedRail-t3p4pk5Y.js";
+import { s as styles, S as SliderExtendedRail } from "../../chunks/SliderExtendedRail-XBqZJdJj.js";
 import { SliderExtendedTrack } from "./components/SliderExtendedTrack/SliderExtendedTrack.js";
 import { SliderExtendedContext } from "./SliderExtendedContext.js";
 import { SliderExtendedUtils } from "./SliderExtendedUtils.js";
@@ -100,7 +100,7 @@ const SliderExtendedBase = ({
             [styles.disabled]: Boolean(disabled)
           }),
           ...htmlDivAttributes,
-          "data-tx": "1.41.0",
+          "data-tx": "1.42.0",
           children
         }
       )

package/components/SliderExtended/components/SliderExtendedDot/SliderExtendedDot.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useContext, useRef, useLayoutEffect, useEffect } from "react";
-import { u as uniqueId, c as clsx, l as lodashExports } from "../../../../chunks/vendor-CtuAQuEN.js";
+import { u as uniqueId, c as clsx, l as lodashExports } from "../../../../chunks/vendor-DfvHt3TJ.js";
 import { SliderExtendedUtils } from "../../SliderExtendedUtils.js";
 import { SliderExtendedContext } from "../../SliderExtendedContext.js";
 import { SliderExtendedMoveHandler } from "../SliderExtendedMoveHandler.js";
@@ -10,11 +10,11 @@ import { KeyDownListener } from "../../../KeyDownListener/KeyDownListener.js";
 import "../../../KeyDownListener/ComposedKeyDownListener.js";
 import { EVENT_KEY_CODES } from "../../../../utils/keyboard.js";
 import { createSizeToClassNameMap } from "../../../../utils/classNameMaps.js";
-const sliderExtendedDot = "sliderExtendedDot__0e0bad91";
-const focusedByClick = "focusedByClick__d3035afb";
-const disabled = "disabled__2ba00487";
-const dragByMouse = "dragByMouse__75e07126";
-const lg = "lg__79c7a3d6";
+const sliderExtendedDot = "sliderExtendedDot__6141b324";
+const focusedByClick = "focusedByClick__8895a636";
+const disabled = "disabled__d87631e5";
+const dragByMouse = "dragByMouse__8fc7b017";
+const lg = "lg__0ca2c489";
 const styles = {
   sliderExtendedDot,
   focusedByClick,

package/components/SliderExtended/components/SliderExtendedMarks/SliderExtendedMark.js

@@ -2,8 +2,8 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { SliderExtendedContext } from "../../SliderExtendedContext.js";
 import { SliderExtendedMarkActions } from "./SliderExtendedMarkActions.js";
-import { c as clsx } from "../../../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-Zcavk5hB.js";
+import { c as clsx } from "../../../../chunks/vendor-DfvHt3TJ.js";
+import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-Dbz1svyX.js";
 import { EComponentSize } from "../../../../enums/EComponentSize.js";
 import { ETextSize } from "../../../Typography/enums.js";
 import { Text } from "../../../Typography/Text.js";

package/components/SliderExtended/components/SliderExtendedMarks/SliderExtendedMarks.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-Zcavk5hB.js";
+import { c as clsx } from "../../../../chunks/vendor-DfvHt3TJ.js";
+import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-Dbz1svyX.js";
 const SliderExtendedMarks = ({ className, ...htmlDivAttributes }) => /* @__PURE__ */ jsx("div", { className: clsx(styles.sliderExtendedMarks, className), ...htmlDivAttributes });
 SliderExtendedMarks.displayName = "SliderExtendedMarks";
 export {

package/components/SliderExtended/components/SliderExtendedRail.js

@@ -2,8 +2,8 @@ import "react/jsx-runtime";
 import "react";
 import "../SliderExtendedContext.js";
 import "../SliderExtendedUtils.js";
-import "../../../chunks/vendor-CtuAQuEN.js";
-import { S } from "../../../chunks/SliderExtendedRail-t3p4pk5Y.js";
+import "../../../chunks/vendor-DfvHt3TJ.js";
+import { S } from "../../../chunks/SliderExtendedRail-XBqZJdJj.js";
 export {
   S as SliderExtendedRail
 };

package/components/SliderExtended/components/SliderExtendedTooltip/SliderExtendedTooltip.js

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { SliderExtendedContext } from "../../SliderExtendedContext.js";
-import { c as clsx } from "../../../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../../../chunks/vendor-DfvHt3TJ.js";
 import { createSizeToClassNameMap } from "../../../../utils/classNameMaps.js";
-const sliderExtendedTooltipOverlay = "sliderExtendedTooltipOverlay__8e1eacd9";
-const lg = "lg__79c7a3d6";
-const tooltipBody = "tooltipBody__010dfd7b";
-const tooltipTip = "tooltipTip__89ebb2fb";
+const sliderExtendedTooltipOverlay = "sliderExtendedTooltipOverlay__22d4e186";
+const lg = "lg__0ca2c489";
+const tooltipBody = "tooltipBody__c578b2ce";
+const tooltipTip = "tooltipTip__16640c90";
 const styles = {
   sliderExtendedTooltipOverlay,
   lg,

package/components/SliderExtended/components/SliderExtendedTrack/SliderExtendedTrack.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useContext, useRef, useLayoutEffect } from "react";
-import { c as clsx, l as lodashExports } from "../../../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx, l as lodashExports } from "../../../../chunks/vendor-DfvHt3TJ.js";
 import { SliderExtendedContext } from "../../SliderExtendedContext.js";
 import { SliderExtendedMoveHandler } from "../SliderExtendedMoveHandler.js";
 import { SliderExtendedUtils } from "../../SliderExtendedUtils.js";
@@ -9,12 +9,12 @@ import { EVENT_KEY_CODES } from "../../../../utils/keyboard.js";
 import { KeyDownListener } from "../../../KeyDownListener/KeyDownListener.js";
 import "../../../KeyDownListener/ComposedKeyDownListener.js";
 import { createSizeToClassNameMap } from "../../../../utils/classNameMaps.js";
-const sliderExtendedTrack = "sliderExtendedTrack__b9cee00a";
-const lg = "lg__79c7a3d6";
-const focusedByClick = "focusedByClick__d3035afb";
-const hoverOrDragByMouse = "hoverOrDragByMouse__30ddd4aa";
-const staticSlider = "staticSlider__132f9c15";
-const disabled = "disabled__2ba00487";
+const sliderExtendedTrack = "sliderExtendedTrack__012d3af1";
+const lg = "lg__0ca2c489";
+const focusedByClick = "focusedByClick__8895a636";
+const hoverOrDragByMouse = "hoverOrDragByMouse__0273d092";
+const staticSlider = "staticSlider__b2a80ff4";
+const disabled = "disabled__d87631e5";
 const styles = {
   sliderExtendedTrack,
   lg,

package/components/SmallInput/SmallInput.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
-const smallInput = "smallInput__c9fe7795";
+import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+const smallInput = "smallInput__b5c69b66";
 const styles = {
   smallInput
 };

package/components/Spoiler/Spoiler.js

@@ -8,16 +8,16 @@ import "../Button/ButtonDropdownExtended.js";
 import { EButtonTheme } from "../Button/enums.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-import { u as uniqueId, c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
-const spoiler = "spoiler__d1f29d52";
-const opened = "opened__437e1162";
-const caretIcon = "caretIcon__6d8a64ca";
-const head = "head__8ab8d7fc";
-const content = "content__69ebf6a3";
-const hidden = "hidden__7fe4b5e6";
-const lg = "lg__a76267f9";
-const md = "md__317417d3";
-const sm = "sm__5da35b4a";
+import { u as uniqueId, c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+const spoiler = "spoiler__75eff2b8";
+const opened = "opened__45c1ad9e";
+const caretIcon = "caretIcon__fcdce227";
+const head = "head__dca17016";
+const content = "content__1e27e01e";
+const hidden = "hidden__ba07cc86";
+const lg = "lg__78ff2d1c";
+const md = "md__4d1e4b14";
+const sm = "sm__83035bba";
 const styles = {
   spoiler,
   opened,
@@ -69,7 +69,7 @@ const Spoiler = React__default.forwardRef((props, ref) => {
     },
     className
   );
-  return /* @__PURE__ */ jsxs("div", { ...divHTMLAttributes, className: classNames, "data-tx": "1.41.0", ref, children: [
+  return /* @__PURE__ */ jsxs("div", { ...divHTMLAttributes, className: classNames, "data-tx": "1.42.0", ref, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.head, children: [
       /* @__PURE__ */ jsxs(
         Button,

package/components/StatusTracker/StatusTracker.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../chunks/StatusTracker.module-B5l6M5fR.js";
+import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import { s as styles } from "../../chunks/StatusTracker.module-BpegxGJ8.js";
 import { EStatusTrackerType, EStatusTrackerVerticalAlign } from "./enums.js";
 import { StatusTrackerMedia } from "./components/StatusTrackerMedia.js";
 import { StatusTrackerHeader } from "./components/StatusTrackerHeader.js";
@@ -30,7 +30,7 @@ const StatusTracker = Object.assign(
         className: clsx(styles.statusTrackerWrapper, className),
         ...rest,
         ref,
-        "data-tx": "1.41.0",
+        "data-tx": "1.42.0",
         children: [
           /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerBackground, TYPE_TO_CLASS_NAME_MAP[type]), children: /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerColor, TYPE_TO_CLASS_NAME_MAP[type]) }) }, type),
           /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTracker, VERTICAL_ALIGN_TO_CLASS_NAME_MAP[verticalAlign]), children })

package/components/StatusTracker/components/StatusTrackerAlert.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
 import "../../Alert/AlertContext/AlertContext.js";
 import { AlertProcess } from "../../Alert/AlertProcess/AlertProcess.js";
 import "../../Alert/AlertTypeUtils.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-B5l6M5fR.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-BpegxGJ8.js";
 import { ETextSize, EFontType } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";

package/components/StatusTracker/components/StatusTrackerBody.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
 import { StatusTrackerAlert } from "./StatusTrackerAlert.js";
 import { StatusTrackerStatus } from "./StatusTrackerStatus.js";
 import { StatusTrackerStatusGroup } from "./StatusTrackerStatusGroup.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-B5l6M5fR.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-BpegxGJ8.js";
 const StatusTrackerBody = Object.assign(
   React__default.forwardRef(function StatusTrackerBody2({ children, className, ...restProps }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerChild, className), ...restProps, ref, children });

package/components/StatusTracker/components/StatusTrackerButton.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-B5l6M5fR.js";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-BpegxGJ8.js";
 import { Button } from "../../Button/Button.js";
 import "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";

package/components/StatusTracker/components/StatusTrackerDescription.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
 import { ETextSize, EFontType } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-B5l6M5fR.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-BpegxGJ8.js";
 const StatusTrackerDescription = (props) => {
   const { children, className, ...rest } = props;
   return /* @__PURE__ */ jsx(

package/components/StatusTracker/components/StatusTrackerFooter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-B5l6M5fR.js";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-BpegxGJ8.js";
 import { StatusTrackerDescription } from "./StatusTrackerDescription.js";
 import { StatusTrackerButton } from "./StatusTrackerButton.js";
 const StatusTrackerFooter = Object.assign(

package/components/StatusTracker/components/StatusTrackerHeader.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
 import { StatusTrackerDescription } from "./StatusTrackerDescription.js";
 import { StatusTrackerTitle } from "./StatusTrackerTitle.js";
 import { StatusTrackerSum } from "./StatusTrackerSum.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-B5l6M5fR.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-BpegxGJ8.js";
 const StatusTrackerHeader = Object.assign(
   React__default.forwardRef(function StatusTrackerHeader2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerChild, className), ...rest, ref, children });

package/components/StatusTracker/components/StatusTrackerMedia.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-B5l6M5fR.js";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-BpegxGJ8.js";
 const StatusTrackerMedia = (props) => {
   const { children, className, ...rest } = props;
   return /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerChild, className), ...rest, children });

package/components/StatusTracker/components/StatusTrackerStatus.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-B5l6M5fR.js";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-BpegxGJ8.js";
 import { MarkerStatus } from "../../MarkerStatus/MarkerStatus.js";
 const StatusTrackerStatus = (props) => {
   const { children, className, ...rest } = props;

package/components/StatusTracker/components/StatusTrackerStatusGroup.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-const statusTrackerStatusGroup = "statusTrackerStatusGroup__47d170e6";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
+const statusTrackerStatusGroup = "statusTrackerStatusGroup__cc1a8b92";
 const styles = {
   statusTrackerStatusGroup
 };

package/components/StatusTracker/components/StatusTrackerSum.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
 import { ETitleSize, EFontWeightTitle } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import { Title } from "../../Typography/Title.js";
 import { Amount } from "../../Amount/Amount.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-B5l6M5fR.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-BpegxGJ8.js";
 const StatusTrackerSum = (props) => {
   const { className, amountProps, ...restProps } = props;
   return /* @__PURE__ */ jsx(