@sberbusiness/triplex-next 1.48.0 → 1.50.0

package/components/Radio/RadioXGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioXGroup.js","sources":["../../../src/components/Radio/RadioXGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { TIndentSize } from \"@sberbusiness/triplex-next/consts/IndentConst\";\nimport styles from \"./styles/RadioXGroup.module.less\";\nimport clsx from \"clsx\";\n\n/** Свойства компонента RadioXGroup. */\nexport interface IRadioXGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Размер отступа. */\n    indent?: TIndentSize;\n}\n\n/** Группа радио-кнопок с направлением по оси X. */\nexport const RadioXGroup: React.FC<IRadioXGroupProps> = (props) => {\n    const { children, className, indent = 12, ...rest } = props;\n    const classNames = clsx(styles.radioXGroup, styles[`indent-${indent}`], className);\n\n    return (\n        <div className={classNames} role=\"radiogroup\" {...rest}>\n            {children}\n        </div>\n    );\n};\n\nRadioXGroup.displayName = \"RadioXGroup\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAYO,MAAM,cAA2C,CAAC,UAAU;AAC/D,QAAM,EAAE,UAAU,WAAW,SAAS,IAAI,GAAG,SAAS;AACtD,QAAM,aAAa,KAAK,OAAO,aAAa,OAAO,UAAU,MAAM,EAAE,GAAG,SAAS;AAEjF,SACI,oBAAC,SAAI,WAAW,YAAY,MAAK,cAAc,GAAG,MAC7C,UACL;AAER;AAEA,YAAY,cAAc;"}
+{"version":3,"file":"RadioXGroup.js","sources":["../../../src/components/Radio/RadioXGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { TIndentSize } from \"@sberbusiness/triplex-next/consts/IndentConst\";\nimport styles from \"./styles/RadioXGroup.module.less\";\n\n/** Свойства компонента RadioXGroup. */\nexport interface IRadioXGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Радио-кнопки группы. */\n    children?: React.ReactNode;\n    /** Размер горизонтального отступа между радио-кнопками. По умолчанию 12. */\n    indent?: TIndentSize;\n}\n\n/** Группа радио-кнопок с направлением по оси X. */\nexport const RadioXGroup = React.forwardRef<HTMLDivElement, IRadioXGroupProps>((props, ref) => {\n    const { children, className, indent = 12, ...rest } = props;\n    const classNames = clsx(styles.radioXGroup, styles[`indent-${indent}`], className);\n\n    return (\n        <div className={classNames} role=\"radiogroup\" {...rest} ref={ref}>\n            {children}\n        </div>\n    );\n});\n\nRadioXGroup.displayName = \"RadioXGroup\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AAcO,MAAM,cAAcA,eAAM,WAA8C,CAAC,OAAO,QAAQ;AAC3F,QAAM,EAAE,UAAU,WAAW,SAAS,IAAI,GAAG,SAAS;AACtD,QAAM,aAAa,KAAK,OAAO,aAAa,OAAO,UAAU,MAAM,EAAE,GAAG,SAAS;AAEjF,SACI,oBAAC,SAAI,WAAW,YAAY,MAAK,cAAc,GAAG,MAAM,KACnD,SAAA,CACL;AAER,CAAC;AAED,YAAY,cAAc;"}

package/components/Radio/RadioYGroup.js

@@ -1,14 +1,15 @@
 import { jsx } from "react/jsx-runtime";
+import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-const radioYGroup = "radioYGroup__b8fb7463";
+const radioYGroup = "radioYGroup__156e07e6";
 const styles = {
   radioYGroup
 };
-const RadioYGroup = (props) => {
+const RadioYGroup = React__default.forwardRef((props, ref) => {
   const { children, className, ...rest } = props;
   const classNames = clsx(styles.radioYGroup, className);
-  return /* @__PURE__ */ jsx("div", { className: classNames, role: "radiogroup", ...rest, children });
-};
+  return /* @__PURE__ */ jsx("div", { className: classNames, role: "radiogroup", ...rest, ref, children });
+});
 RadioYGroup.displayName = "RadioYGroup";
 export {
   RadioYGroup

package/components/Radio/RadioYGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioYGroup.js","sources":["../../../src/components/Radio/RadioYGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./styles/RadioYGroup.module.less\";\nimport clsx from \"clsx\";\n\n/** Свойства компонента RadioYGroup. */\nexport interface IRadioYGroupProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Группа радио-кнопок с направлением по оси Y. */\nexport const RadioYGroup: React.FC<IRadioYGroupProps> = (props) => {\n    const { children, className, ...rest } = props;\n    const classNames = clsx(styles.radioYGroup, className);\n\n    return (\n        <div className={classNames} role=\"radiogroup\" {...rest}>\n            {children}\n        </div>\n    );\n};\n\nRadioYGroup.displayName = \"RadioYGroup\";\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,cAA2C,CAAC,UAAU;AAC/D,QAAM,EAAE,UAAU,WAAW,GAAG,SAAS;AACzC,QAAM,aAAa,KAAK,OAAO,aAAa,SAAS;AAErD,SACI,oBAAC,SAAI,WAAW,YAAY,MAAK,cAAc,GAAG,MAC7C,UACL;AAER;AAEA,YAAY,cAAc;"}
+{"version":3,"file":"RadioYGroup.js","sources":["../../../src/components/Radio/RadioYGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/RadioYGroup.module.less\";\n\n/** Свойства компонента RadioYGroup. */\nexport interface IRadioYGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Содержимое группы, обычно набор Radio с одинаковым name. */\n    children?: React.ReactNode;\n}\n\n/**\n * Группа радио-кнопок с направлением по оси Y.\n * Корневой div получает ref, className и остальные HTML-атрибуты.\n * По умолчанию имеет роль radiogroup, которую можно переопределить через role.\n */\nexport const RadioYGroup = React.forwardRef<HTMLDivElement, IRadioYGroupProps>((props, ref) => {\n    const { children, className, ...rest } = props;\n    const classNames = clsx(styles.radioYGroup, className);\n\n    return (\n        <div className={classNames} role=\"radiogroup\" {...rest} ref={ref}>\n            {children}\n        </div>\n    );\n});\n\nRadioYGroup.displayName = \"RadioYGroup\";\n"],"names":["React"],"mappings":";;;;;;;AAeO,MAAM,cAAcA,eAAM,WAA8C,CAAC,OAAO,QAAQ;AAC3F,QAAM,EAAE,UAAU,WAAW,GAAG,SAAS;AACzC,QAAM,aAAa,KAAK,OAAO,aAAa,SAAS;AAErD,SACI,oBAAC,SAAI,WAAW,YAAY,MAAK,cAAc,GAAG,MAAM,KACnD,SAAA,CACL;AAER,CAAC;AAED,YAAY,cAAc;"}

package/components/Row/Row.js

@@ -3,10 +3,10 @@ import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { RowContext } from "./RowContext.js";
-const row = "row__3d2b88af";
-const noPaddingBottom = "noPaddingBottom__e17fdb6f";
-const SM = "SM__7e8bdbb1";
-const MD = "MD__fc8813fc";
+const row = "row__7d0c79b0";
+const noPaddingBottom = "noPaddingBottom__8b435a7c";
+const SM = "SM__7b321cb6";
+const MD = "MD__d452c79f";
 const styles = {
   row,
   noPaddingBottom,

package/components/SMSField/SMSField.js

@@ -18,7 +18,7 @@ import { SMSFieldInput } from "./components/SMSFieldInput.js";
 import { SMSFieldRefresh } from "./components/SMSFieldRefresh.js";
 import { SMSFieldSubmit } from "./components/SMSFieldSubmit.js";
 import { SMSFieldTooltip } from "./components/SMSFieldTooltip.js";
-import { s as styles } from "../../chunks/SMSField.module-BxScHd0G.js";
+import { s as styles } from "../../chunks/SMSField.module-CXQtdBIm.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const SMSField = (props) => {
@@ -50,7 +50,7 @@ const SMSField = (props) => {
         status,
         tooltipId
       },
-      children: /* @__PURE__ */ jsx("div", { className: classSMSField, ...htmlDivAttributes, "data-tx": "1.48.0", children })
+      children: /* @__PURE__ */ jsx("div", { className: classSMSField, ...htmlDivAttributes, "data-tx": "1.50.0", children })
     }
   );
 };

package/components/SMSField/components/RefreshIcon.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/SMSField.module-BxScHd0G.js";
+import { s as styles } from "../../../chunks/SMSField.module-CXQtdBIm.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 const iconPath = "M2 10c0-4.42 3.58-8 8-8 2.52 0 4.77 1.16 6.24 3H13.5c-.56 0-1 .44-1 1 0 .55.44 1 1 1h5c.55 0 1-.45 1-1V1c0-.56-.45-1-1-1-.56 0-1 .44-1 1v2.38A10.02 10.02 0 0 0 10 0C4.47 0 0 4.47 0 10c0 5.52 4.47 10 10 10 5.52 0 10-4.48 10-10 0-.56-.45-1-1-1-.56 0-1 .44-1 1 0 4.41-3.59 8-8 8-4.42 0-8-3.59-8-8";
 const bigIconPath = "M27 16c0 .81-.09 1.61-.27 2.39a10.9 10.9 0 0 1-1.54 3.65c-.41.62-.88 1.2-1.42 1.73-.53.54-1.11 1.01-1.73 1.42a10.906 10.906 0 0 1-3.65 1.54c-.78.18-1.58.27-2.39.27q-1.23 0-2.4-.27a10.9 10.9 0 0 1-3.65-1.54c-.62-.41-1.2-.88-1.73-1.42-.54-.53-1.01-1.11-1.42-1.73a10.906 10.906 0 0 1-1.54-3.65C5.08 17.61 5 16.81 5 16c0-.82.08-1.62.26-2.4A10.9 10.9 0 0 1 6.8 9.95c.41-.62.88-1.2 1.42-1.73.53-.54 1.11-1.01 1.73-1.42a10.906 10.906 0 0 1 3.65-1.54C14.38 5.08 15.18 5 16 5a11.1 11.1 0 0 1 2.93.39c.44.12.86.27 1.27.44.47.19.93.42 1.37.68.39.23.75.47 1.1.74.4.31.78.64 1.14 1 .06.06.12.13.19.2V6c0-.57.44-1 1-1s1 .43 1 1v5c0 .66-.34 1-1 1h-5c-.56 0-1-.44-1-1 0-.57.44-1 1-1h2.7c-.1-.12-.21-.23-.31-.34-.3-.3-.61-.58-.95-.83-.28-.21-.57-.41-.88-.59a8.753 8.753 0 0 0-3-1.11C17.05 7.04 16.53 7 16 7c-.69 0-1.35.07-2 .22-.52.11-1.02.27-1.51.48-.5.21-.97.47-1.42.76a9 9 0 0 0-2.61 2.61c-.29.45-.55.92-.76 1.42-.21.49-.37.99-.48 1.51A8.8 8.8 0 0 0 7 16c0 .68.07 1.34.22 1.99.11.52.27 1.02.48 1.51.21.5.47.97.76 1.42q.51.78 1.17 1.44c.45.44.92.83 1.44 1.17.45.29.92.55 1.42.76.49.21.99.37 1.51.48a8.803 8.803 0 0 0 3.99 0c.52-.11 1.02-.27 1.51-.48.5-.21.97-.47 1.42-.76a9 9 0 0 0 2.61-2.61c.29-.45.55-.92.76-1.42.21-.49.37-.99.48-1.51.15-.65.23-1.31.23-1.99 0-.57.44-1 1-1s1 .43 1 1";

package/components/SMSField/components/SMSFieldInput.js

@@ -15,7 +15,7 @@ import "../../FormField/components/FormFieldTextarea.js";
 import { FormField } from "../../FormField/FormField.js";
 import { FormGroup } from "../../FormGroup/FormGroup.js";
 import { SMSFieldContext } from "../SMSFieldContext.js";
-import { s as styles } from "../../../chunks/SMSField.module-BxScHd0G.js";
+import { s as styles } from "../../../chunks/SMSField.module-CXQtdBIm.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 const regExp = new RegExp(/^[0-9]*$/);
 const SMSFieldInput = React__default.forwardRef(

package/components/SMSField/components/SMSFieldRefresh.js

@@ -20,7 +20,7 @@ import "../../FormField/components/FormFieldTextarea.js";
 import "../../FormField/FormField.js";
 import { SMSFieldContext } from "../SMSFieldContext.js";
 import { RefreshIcon } from "./RefreshIcon.js";
-import { s as styles } from "../../../chunks/SMSField.module-BxScHd0G.js";
+import { s as styles } from "../../../chunks/SMSField.module-CXQtdBIm.js";
 const SMSFieldRefresh = forwardRef(
   ({ className, countdownTime, countdownTimeLeft, disabled, onClick, onRefresh, ...restProps }, ref) => {
     const { size, sizeClassName, status, tooltipId } = useContext(SMSFieldContext);

package/components/SMSField/components/SMSFieldSubmit.js

@@ -20,7 +20,7 @@ import "../../FormField/components/FormFieldTextarea.js";
 import "../../FormField/FormField.js";
 import { SMSFieldContext } from "../SMSFieldContext.js";
 import { SubmitIcon } from "./SubmitIcon.js";
-import { s as styles } from "../../../chunks/SMSField.module-BxScHd0G.js";
+import { s as styles } from "../../../chunks/SMSField.module-CXQtdBIm.js";
 const SMSFieldSubmit = ({ className, disabled, onClick, ...restProps }) => {
   const { code, onSubmitCode, setDisabledSubmit, size, sizeClassName, status } = useContext(SMSFieldContext);
   const fieldDisabled = status === EFormFieldStatus.DISABLED;

package/components/SegmentedControl/SegmentedControl.js

@@ -3,16 +3,16 @@ import { SegmentedControlSegment } from "./SegmentedControlSegment.js";
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-import { SegmentedControlContext } from "./SegmentedControlContext.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const segmentedControl = "segmentedControl__056ba81c";
-const general1 = "general1__c6c547bc";
-const secondary1 = "secondary1__6c160913";
-const general2 = "general2__d88741d5";
-const secondary2 = "secondary2__f591fe8f";
-const sm = "sm__0832254d";
-const md = "md__76231e42";
-const lg = "lg__3defccf6";
+import { SegmentedControlContext } from "./SegmentedControlContext.js";
+const segmentedControl = "segmentedControl__9c6a3eba";
+const general1 = "general1__ab1f2e3f";
+const secondary1 = "secondary1__35561058";
+const general2 = "general2__8462af6a";
+const secondary2 = "secondary2__c3ae2228";
+const sm = "sm__a01bc70e";
+const md = "md__51146779";
+const lg = "lg__10abdb95";
 const styles = {
   segmentedControl,
   general1,
@@ -55,6 +55,7 @@ const SegmentedControl = Object.assign(
             } else {
               onSelect([...value].filter((segmentValue) => segmentValue !== newSegmentValue));
             }
+            break;
         }
       };
       return /* @__PURE__ */ jsx(
@@ -66,7 +67,7 @@ const SegmentedControl = Object.assign(
             disabled: Boolean(disabled),
             onSegmentSelect: handleSegmentSelect
           },
-          children: /* @__PURE__ */ jsx("div", { className: classNames, ...rest, "data-tx": "1.48.0", ref, children })
+          children: /* @__PURE__ */ jsx("div", { className: classNames, ...rest, "data-tx": "1.50.0", ref, children })
         }
       );
     }

package/components/SegmentedControl/SegmentedControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { SegmentedControlSegment } from \"@sberbusiness/triplex-next/components/SegmentedControl/SegmentedControlSegment\";\nimport { TSegmentedControlProps } from \"@sberbusiness/triplex-next/components/SegmentedControl/types\";\nimport {\n    ESegmentedControlTheme,\n    ESegmentedControlType,\n} from \"@sberbusiness/triplex-next/components/SegmentedControl/enums\";\nimport {\n    ISegmentedControlContextType,\n    SegmentedControlContext,\n} from \"@sberbusiness/triplex-next/components/SegmentedControl/SegmentedControlContext\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport styles from \"./styles/SegmentedControl.module.less\";\n\n/** Соответствие темы имени класса. */\nconst themeToClassNameMap = {\n    [ESegmentedControlTheme.GENERAL_1]: styles.general1,\n    [ESegmentedControlTheme.GENERAL_2]: styles.general2,\n    [ESegmentedControlTheme.SECONDARY_1]: styles.secondary1,\n    [ESegmentedControlTheme.SECONDARY_2]: styles.secondary2,\n};\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Набор опций для выбора одного или нескольких вариантов. */\nexport const SegmentedControl = Object.assign(\n    React.forwardRef<HTMLDivElement, TSegmentedControlProps>(\n        ({ children, className, value, theme, type, size, disabled, onSelect, ...rest }, ref) => {\n            const classNames = clsx(\n                styles.segmentedControl,\n                themeToClassNameMap[theme],\n                sizeToClassNameMap[size],\n                className,\n            );\n\n            const handleSegmentSelect: ISegmentedControlContextType[\"onSegmentSelect\"] = ({\n                selected,\n                value: newSegmentValue,\n            }) => {\n                switch (type) {\n                    case ESegmentedControlType.SINGLE:\n                        if (selected) {\n                            onSelect(newSegmentValue);\n                        }\n                        break;\n                    case ESegmentedControlType.MULTIPLE:\n                        if (selected) {\n                            onSelect([...value, newSegmentValue]);\n                        } else {\n                            onSelect([...value].filter((segmentValue) => segmentValue !== newSegmentValue));\n                        }\n                }\n            };\n\n            return (\n                <SegmentedControlContext.Provider\n                    value={{\n                        type,\n                        value,\n                        disabled: Boolean(disabled),\n                        onSegmentSelect: handleSegmentSelect,\n                    }}\n                >\n                    <div className={classNames} {...rest} data-tx={process.env.npm_package_version} ref={ref}>\n                        {children}\n                    </div>\n                </SegmentedControlContext.Provider>\n            );\n        },\n    ),\n    {\n        Segment: SegmentedControlSegment,\n    },\n);\n\nSegmentedControl.displayName = \"SegmentedControl\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,sBAAsB;AAAA,EACxB,CAAC,uBAAuB,SAAS,GAAG,OAAO;AAAA,EAC3C,CAAC,uBAAuB,SAAS,GAAG,OAAO;AAAA,EAC3C,CAAC,uBAAuB,WAAW,GAAG,OAAO;AAAA,EAC7C,CAAC,uBAAuB,WAAW,GAAG,OAAO;AACjD;AAEA,MAAM,qBAAqB,yBAAyB,MAAM;AAGnD,MAAM,mBAAmB,OAAO;AAAA,EACnCA,eAAM;AAAA,IACF,CAAC,EAAE,UAAU,WAAW,OAAO,OAAO,MAAM,MAAM,UAAU,UAAU,GAAG,KAAA,GAAQ,QAAQ;AACrF,YAAM,aAAa;AAAA,QACf,OAAO;AAAA,QACP,oBAAoB,KAAK;AAAA,QACzB,mBAAmB,IAAI;AAAA,QACvB;AAAA,MAAA;AAGJ,YAAM,sBAAuE,CAAC;AAAA,QAC1E;AAAA,QACA,OAAO;AAAA,MAAA,MACL;AACF,gBAAQ,MAAA;AAAA,UACJ,KAAK,sBAAsB;AACvB,gBAAI,UAAU;AACV,uBAAS,eAAe;AAAA,YAC5B;AACA;AAAA,UACJ,KAAK,sBAAsB;AACvB,gBAAI,UAAU;AACV,uBAAS,CAAC,GAAG,OAAO,eAAe,CAAC;AAAA,YACxC,OAAO;AACH,uBAAS,CAAC,GAAG,KAAK,EAAE,OAAO,CAAC,iBAAiB,iBAAiB,eAAe,CAAC;AAAA,YAClF;AAAA,QAAA;AAAA,MAEZ;AAEA,aACI;AAAA,QAAC,wBAAwB;AAAA,QAAxB;AAAA,UACG,OAAO;AAAA,YACH;AAAA,YACA;AAAA,YACA,UAAU,QAAQ,QAAQ;AAAA,YAC1B,iBAAiB;AAAA,UAAA;AAAA,UAGrB,UAAA,oBAAC,OAAA,EAAI,WAAW,YAAa,GAAG,MAAM,WAAS,UAAiC,KAC3E,SAAA,CACL;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,SAAS;AAAA,EAAA;AAEjB;AAEA,iBAAiB,cAAc;"}
+{"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport { ESegmentedControlTheme, ESegmentedControlType } from \"./enums\";\nimport { ISegmentedControlContextType, SegmentedControlContext } from \"./SegmentedControlContext\";\nimport { SegmentedControlSegment } from \"./SegmentedControlSegment\";\nimport { TSegmentedControlProps } from \"./types\";\nimport styles from \"./styles/SegmentedControl.module.less\";\n\n/** Соответствие темы имени класса. */\nconst themeToClassNameMap = {\n    [ESegmentedControlTheme.GENERAL_1]: styles.general1,\n    [ESegmentedControlTheme.GENERAL_2]: styles.general2,\n    [ESegmentedControlTheme.SECONDARY_1]: styles.secondary1,\n    [ESegmentedControlTheme.SECONDARY_2]: styles.secondary2,\n};\n\n/** Соответствие размера имени класса. */\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Набор опций для выбора одного или нескольких вариантов. */\nexport const SegmentedControl = Object.assign(\n    React.forwardRef<HTMLDivElement, TSegmentedControlProps>(\n        ({ children, className, value, theme, type, size, disabled, onSelect, ...rest }, ref) => {\n            const classNames = clsx(\n                styles.segmentedControl,\n                themeToClassNameMap[theme],\n                sizeToClassNameMap[size],\n                className,\n            );\n\n            const handleSegmentSelect: ISegmentedControlContextType[\"onSegmentSelect\"] = ({\n                selected,\n                value: newSegmentValue,\n            }) => {\n                switch (type) {\n                    case ESegmentedControlType.SINGLE:\n                        if (selected) {\n                            onSelect(newSegmentValue);\n                        }\n                        break;\n                    case ESegmentedControlType.MULTIPLE:\n                        if (selected) {\n                            onSelect([...value, newSegmentValue]);\n                        } else {\n                            onSelect([...value].filter((segmentValue) => segmentValue !== newSegmentValue));\n                        }\n                        break;\n                }\n            };\n\n            return (\n                <SegmentedControlContext.Provider\n                    value={{\n                        type,\n                        value,\n                        disabled: Boolean(disabled),\n                        onSegmentSelect: handleSegmentSelect,\n                    }}\n                >\n                    <div className={classNames} {...rest} data-tx={process.env.npm_package_version} ref={ref}>\n                        {children}\n                    </div>\n                </SegmentedControlContext.Provider>\n            );\n        },\n    ),\n    {\n        Segment: SegmentedControlSegment,\n    },\n);\n\nSegmentedControl.displayName = \"SegmentedControl\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,sBAAsB;AAAA,EACxB,CAAC,uBAAuB,SAAS,GAAG,OAAO;AAAA,EAC3C,CAAC,uBAAuB,SAAS,GAAG,OAAO;AAAA,EAC3C,CAAC,uBAAuB,WAAW,GAAG,OAAO;AAAA,EAC7C,CAAC,uBAAuB,WAAW,GAAG,OAAO;AACjD;AAGA,MAAM,qBAAqB,yBAAyB,MAAM;AAGnD,MAAM,mBAAmB,OAAO;AAAA,EACnCA,eAAM;AAAA,IACF,CAAC,EAAE,UAAU,WAAW,OAAO,OAAO,MAAM,MAAM,UAAU,UAAU,GAAG,KAAA,GAAQ,QAAQ;AACrF,YAAM,aAAa;AAAA,QACf,OAAO;AAAA,QACP,oBAAoB,KAAK;AAAA,QACzB,mBAAmB,IAAI;AAAA,QACvB;AAAA,MAAA;AAGJ,YAAM,sBAAuE,CAAC;AAAA,QAC1E;AAAA,QACA,OAAO;AAAA,MAAA,MACL;AACF,gBAAQ,MAAA;AAAA,UACJ,KAAK,sBAAsB;AACvB,gBAAI,UAAU;AACV,uBAAS,eAAe;AAAA,YAC5B;AACA;AAAA,UACJ,KAAK,sBAAsB;AACvB,gBAAI,UAAU;AACV,uBAAS,CAAC,GAAG,OAAO,eAAe,CAAC;AAAA,YACxC,OAAO;AACH,uBAAS,CAAC,GAAG,KAAK,EAAE,OAAO,CAAC,iBAAiB,iBAAiB,eAAe,CAAC;AAAA,YAClF;AACA;AAAA,QAAA;AAAA,MAEZ;AAEA,aACI;AAAA,QAAC,wBAAwB;AAAA,QAAxB;AAAA,UACG,OAAO;AAAA,YACH;AAAA,YACA;AAAA,YACA,UAAU,QAAQ,QAAQ;AAAA,YAC1B,iBAAiB;AAAA,UAAA;AAAA,UAGrB,UAAA,oBAAC,OAAA,EAAI,WAAW,YAAa,GAAG,MAAM,WAAS,UAAiC,KAC3E,SAAA,CACL;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,SAAS;AAAA,EAAA;AAEjB;AAEA,iBAAiB,cAAc;"}

package/components/SegmentedControl/SegmentedControlContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControlContext.js","sources":["../../../src/components/SegmentedControl/SegmentedControlContext.ts"],"sourcesContent":["import React from \"react\";\nimport { ESegmentedControlType } from \"./enums\";\n\n/** Тип контекста компонента SegmentedControl. */\nexport interface ISegmentedControlContextType {\n    type: ESegmentedControlType;\n    value: string | string[];\n    disabled: boolean;\n    onSegmentSelect: (props: { selected: boolean; value: string }) => void;\n}\n\n/** Контекст компонента SegmentedControl. */\nexport const SegmentedControlContext = React.createContext<ISegmentedControlContextType>({\n    type: ESegmentedControlType.SINGLE,\n    value: \"\",\n    disabled: false,\n    onSegmentSelect: () => {},\n});\n"],"names":["React"],"mappings":";;AAYO,MAAM,0BAA0BA,eAAM,cAA4C;AAAA,EACrF,MAAM,sBAAsB;AAAA,EAC5B,OAAO;AAAA,EACP,UAAU;AAAA,EACV,iBAAiB,MAAM;AAAA,EAAC;AAC5B,CAAC;"}
+{"version":3,"file":"SegmentedControlContext.js","sources":["../../../src/components/SegmentedControl/SegmentedControlContext.ts"],"sourcesContent":["import React from \"react\";\nimport { ESegmentedControlType } from \"./enums\";\n\n/** Тип контекста компонента SegmentedControl. */\nexport interface ISegmentedControlContextType {\n    /** Тип выбора элементов. */\n    type: ESegmentedControlType;\n    /** Значение SegmentedControl: строка при SINGLE, массив строк при MULTIPLE. */\n    value: string | string[];\n    /** Неактивное состояние всего контрола. */\n    disabled: boolean;\n    /** Колбэк-функция нажатия на сегмент. selected — состояние, в которое сегмент переходит. */\n    onSegmentSelect: (props: { selected: boolean; value: string }) => void;\n}\n\n/** Контекст компонента SegmentedControl. */\nexport const SegmentedControlContext = React.createContext<ISegmentedControlContextType>({\n    type: ESegmentedControlType.SINGLE,\n    value: \"\",\n    disabled: false,\n    onSegmentSelect: () => {},\n});\n"],"names":["React"],"mappings":";;AAgBO,MAAM,0BAA0BA,eAAM,cAA4C;AAAA,EACrF,MAAM,sBAAsB;AAAA,EAC5B,OAAO;AAAA,EACP,UAAU;AAAA,EACV,iBAAiB,MAAM;AAAA,EAAC;AAC5B,CAAC;"}

package/components/SegmentedControl/SegmentedControlSegment.js

@@ -1,75 +1,56 @@
 import { jsx } from "react/jsx-runtime";
-import { useContext } from "react";
+import React__default, { useContext } from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { ButtonBase } from "../Button/ButtonBase.js";
+import { IconWrapper } from "../IconWrapper/IconWrapper.js";
 import { ESegmentedControlType } from "./enums.js";
 import { SegmentedControlContext } from "./SegmentedControlContext.js";
-import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const segmentedControlSegment = "segmentedControlSegment__92eb10ba";
-const selected = "selected__ddc3ff8c";
-const content = "content__ba3247b1";
+import { isSegmentSelected, getSegmentTitle } from "./utils.js";
+const segmentedControlSegment = "segmentedControlSegment__9d8ef30f";
+const selected = "selected__3c0e400e";
+const content = "content__a2e45cfe";
 const styles = {
   segmentedControlSegment,
   selected,
   content
 };
-const SegmentedControlSegment = ({
-  children,
-  className,
-  value,
-  title,
-  disabled,
-  onClick,
-  ...rest
-}) => {
-  const {
-    type,
-    value: valueFromContext,
-    disabled: disabledFromContext,
-    onSegmentSelect
-  } = useContext(SegmentedControlContext);
-  const isSelected = () => {
-    switch (type) {
-      case ESegmentedControlType.SINGLE:
-        return value === valueFromContext;
-      case ESegmentedControlType.MULTIPLE:
-        return valueFromContext.includes(value);
-    }
-  };
-  const selected2 = isSelected();
-  const classNames = clsx(styles.segmentedControlSegment, { [styles.selected]: selected2 }, className);
-  const getTitle = () => {
-    if (title) {
-      return title;
-    }
-    if (typeof children === "string") {
-      return children;
-    }
-  };
-  const handleClick = (event) => {
-    switch (type) {
-      case ESegmentedControlType.SINGLE:
-        onSegmentSelect({ value, selected: true });
-        break;
-      case ESegmentedControlType.MULTIPLE:
-        onSegmentSelect({ value, selected: !selected2 });
-        break;
-    }
-    onClick == null ? void 0 : onClick(event);
-  };
-  return /* @__PURE__ */ jsx(IconWrapper, { displayContents: true, disabled: disabled || disabledFromContext, active: selected2, children: /* @__PURE__ */ jsx(
-    ButtonBase,
-    {
-      className: classNames,
-      title: getTitle(),
-      disabled: disabled || disabledFromContext,
-      "aria-pressed": selected2,
-      onClick: handleClick,
-      ...rest,
-      children: /* @__PURE__ */ jsx("span", { className: styles.content, children })
-    }
-  ) });
-};
+const SegmentedControlSegment = React__default.forwardRef(
+  ({ children, className, value, title, disabled, onClick, ...rest }, ref) => {
+    const {
+      type,
+      value: valueFromContext,
+      disabled: disabledFromContext,
+      onSegmentSelect
+    } = useContext(SegmentedControlContext);
+    const selected2 = isSegmentSelected(type, value, valueFromContext);
+    const isDisabled = disabled || disabledFromContext;
+    const classNames = clsx(styles.segmentedControlSegment, { [styles.selected]: selected2 }, className);
+    const handleClick = (event) => {
+      switch (type) {
+        case ESegmentedControlType.SINGLE:
+          onSegmentSelect({ value, selected: true });
+          break;
+        case ESegmentedControlType.MULTIPLE:
+          onSegmentSelect({ value, selected: !selected2 });
+          break;
+      }
+      onClick == null ? void 0 : onClick(event);
+    };
+    return /* @__PURE__ */ jsx(IconWrapper, { displayContents: true, disabled: isDisabled, active: selected2, children: /* @__PURE__ */ jsx(
+      ButtonBase,
+      {
+        className: classNames,
+        title: getSegmentTitle(title, children),
+        disabled: isDisabled,
+        "aria-pressed": selected2,
+        onClick: handleClick,
+        ...rest,
+        ref,
+        children: /* @__PURE__ */ jsx("span", { className: styles.content, children })
+      }
+    ) });
+  }
+);
 SegmentedControlSegment.displayName = "SegmentedControlSegment";
 export {
   SegmentedControlSegment

package/components/SegmentedControl/SegmentedControlSegment.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControlSegment.js","sources":["../../../src/components/SegmentedControl/SegmentedControlSegment.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { ButtonBase } from \"../Button/ButtonBase\";\nimport { ISegmentedControlSegmentProps } from \"./types\";\nimport { ESegmentedControlType } from \"./enums\";\nimport { SegmentedControlContext } from \"./SegmentedControlContext\";\nimport { IconWrapper } from \"../IconWrapper\";\nimport styles from \"./styles/SegmentedControlSegment.module.less\";\n\n/** Элемент SegmentedControl, представляет собой опцию для выбора. */\nexport const SegmentedControlSegment: React.FC<ISegmentedControlSegmentProps> = ({\n    children,\n    className,\n    value,\n    title,\n    disabled,\n    onClick,\n    ...rest\n}) => {\n    const {\n        type,\n        value: valueFromContext,\n        disabled: disabledFromContext,\n        onSegmentSelect,\n    } = useContext(SegmentedControlContext);\n\n    const isSelected = (): boolean => {\n        switch (type) {\n            case ESegmentedControlType.SINGLE:\n                return value === valueFromContext;\n            case ESegmentedControlType.MULTIPLE:\n                return valueFromContext.includes(value);\n        }\n    };\n\n    const selected = isSelected();\n    const classNames = clsx(styles.segmentedControlSegment, { [styles.selected]: selected }, className);\n\n    const getTitle = () => {\n        if (title) {\n            return title;\n        }\n\n        if (typeof children === \"string\") {\n            return children;\n        }\n    };\n\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        switch (type) {\n            case ESegmentedControlType.SINGLE:\n                onSegmentSelect({ value, selected: true });\n                break;\n            case ESegmentedControlType.MULTIPLE:\n                onSegmentSelect({ value, selected: !selected });\n                break;\n        }\n\n        onClick?.(event);\n    };\n\n    return (\n        <IconWrapper displayContents disabled={disabled || disabledFromContext} active={selected}>\n            <ButtonBase\n                className={classNames}\n                title={getTitle()}\n                disabled={disabled || disabledFromContext}\n                aria-pressed={selected}\n                onClick={handleClick}\n                {...rest}\n            >\n                <span className={styles.content}>{children}</span>\n            </ButtonBase>\n        </IconWrapper>\n    );\n};\n\nSegmentedControlSegment.displayName = \"SegmentedControlSegment\";\n"],"names":["selected"],"mappings":";;;;;;;;;;;;;;;AAUO,MAAM,0BAAmE,CAAC;AAAA,EAC7E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM;AAAA,IACF;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV;AAAA,EAAA,IACA,WAAW,uBAAuB;AAEtC,QAAM,aAAa,MAAe;AAC9B,YAAQ,MAAA;AAAA,MACJ,KAAK,sBAAsB;AACvB,eAAO,UAAU;AAAA,MACrB,KAAK,sBAAsB;AACvB,eAAO,iBAAiB,SAAS,KAAK;AAAA,IAAA;AAAA,EAElD;AAEA,QAAMA,YAAW,WAAA;AACjB,QAAM,aAAa,KAAK,OAAO,yBAAyB,EAAE,CAAC,OAAO,QAAQ,GAAGA,UAAA,GAAY,SAAS;AAElG,QAAM,WAAW,MAAM;AACnB,QAAI,OAAO;AACP,aAAO;AAAA,IACX;AAEA,QAAI,OAAO,aAAa,UAAU;AAC9B,aAAO;AAAA,IACX;AAAA,EACJ;AAEA,QAAM,cAAc,CAAC,UAA+C;AAChE,YAAQ,MAAA;AAAA,MACJ,KAAK,sBAAsB;AACvB,wBAAgB,EAAE,OAAO,UAAU,KAAA,CAAM;AACzC;AAAA,MACJ,KAAK,sBAAsB;AACvB,wBAAgB,EAAE,OAAO,UAAU,CAACA,WAAU;AAC9C;AAAA,IAAA;AAGR,uCAAU;AAAA,EACd;AAEA,SACI,oBAAC,eAAY,iBAAe,MAAC,UAAU,YAAY,qBAAqB,QAAQA,WAC5E,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,MACX,OAAO,SAAA;AAAA,MACP,UAAU,YAAY;AAAA,MACtB,gBAAcA;AAAA,MACd,SAAS;AAAA,MACR,GAAG;AAAA,MAEJ,UAAA,oBAAC,QAAA,EAAK,WAAW,OAAO,SAAU,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA,GAEnD;AAER;AAEA,wBAAwB,cAAc;"}
+{"version":3,"file":"SegmentedControlSegment.js","sources":["../../../src/components/SegmentedControl/SegmentedControlSegment.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { ButtonBase } from \"../Button/ButtonBase\";\nimport { IconWrapper } from \"../IconWrapper\";\nimport { ESegmentedControlType } from \"./enums\";\nimport { SegmentedControlContext } from \"./SegmentedControlContext\";\nimport { ISegmentedControlSegmentProps } from \"./types\";\nimport { getSegmentTitle, isSegmentSelected } from \"./utils\";\nimport styles from \"./styles/SegmentedControlSegment.module.less\";\n\n/** Элемент SegmentedControl, представляет собой опцию для выбора. */\nexport const SegmentedControlSegment = React.forwardRef<HTMLButtonElement, ISegmentedControlSegmentProps>(\n    ({ children, className, value, title, disabled, onClick, ...rest }, ref) => {\n        const {\n            type,\n            value: valueFromContext,\n            disabled: disabledFromContext,\n            onSegmentSelect,\n        } = useContext(SegmentedControlContext);\n\n        const selected = isSegmentSelected(type, value, valueFromContext);\n        const isDisabled = disabled || disabledFromContext;\n        const classNames = clsx(styles.segmentedControlSegment, { [styles.selected]: selected }, className);\n\n        const handleClick: React.MouseEventHandler<HTMLButtonElement> = (event) => {\n            switch (type) {\n                case ESegmentedControlType.SINGLE:\n                    onSegmentSelect({ value, selected: true });\n                    break;\n                case ESegmentedControlType.MULTIPLE:\n                    onSegmentSelect({ value, selected: !selected });\n                    break;\n            }\n\n            onClick?.(event);\n        };\n\n        return (\n            <IconWrapper displayContents disabled={isDisabled} active={selected}>\n                <ButtonBase\n                    className={classNames}\n                    title={getSegmentTitle(title, children)}\n                    disabled={isDisabled}\n                    aria-pressed={selected}\n                    onClick={handleClick}\n                    {...rest}\n                    ref={ref}\n                >\n                    <span className={styles.content}>{children}</span>\n                </ButtonBase>\n            </IconWrapper>\n        );\n    },\n);\n\nSegmentedControlSegment.displayName = \"SegmentedControlSegment\";\n"],"names":["React","selected"],"mappings":";;;;;;;;;;;;;;;;AAWO,MAAM,0BAA0BA,eAAM;AAAA,EACzC,CAAC,EAAE,UAAU,WAAW,OAAO,OAAO,UAAU,SAAS,GAAG,KAAA,GAAQ,QAAQ;AACxE,UAAM;AAAA,MACF;AAAA,MACA,OAAO;AAAA,MACP,UAAU;AAAA,MACV;AAAA,IAAA,IACA,WAAW,uBAAuB;AAEtC,UAAMC,YAAW,kBAAkB,MAAM,OAAO,gBAAgB;AAChE,UAAM,aAAa,YAAY;AAC/B,UAAM,aAAa,KAAK,OAAO,yBAAyB,EAAE,CAAC,OAAO,QAAQ,GAAGA,UAAA,GAAY,SAAS;AAElG,UAAM,cAA0D,CAAC,UAAU;AACvE,cAAQ,MAAA;AAAA,QACJ,KAAK,sBAAsB;AACvB,0BAAgB,EAAE,OAAO,UAAU,KAAA,CAAM;AACzC;AAAA,QACJ,KAAK,sBAAsB;AACvB,0BAAgB,EAAE,OAAO,UAAU,CAACA,WAAU;AAC9C;AAAA,MAAA;AAGR,yCAAU;AAAA,IACd;AAEA,+BACK,aAAA,EAAY,iBAAe,MAAC,UAAU,YAAY,QAAQA,WACvD,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,QACX,OAAO,gBAAgB,OAAO,QAAQ;AAAA,QACtC,UAAU;AAAA,QACV,gBAAcA;AAAA,QACd,SAAS;AAAA,QACR,GAAG;AAAA,QACJ;AAAA,QAEA,UAAA,oBAAC,QAAA,EAAK,WAAW,OAAO,SAAU,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA,GAEnD;AAAA,EAER;AACJ;AAEA,wBAAwB,cAAc;"}

package/components/SegmentedControl/utils.js

@@ -0,0 +1,23 @@
+import { ESegmentedControlType } from "./enums.js";
+const isSegmentSelected = (type, segmentValue, controlValue) => {
+  switch (type) {
+    case ESegmentedControlType.SINGLE:
+      return segmentValue === controlValue;
+    case ESegmentedControlType.MULTIPLE:
+      return Array.isArray(controlValue) && controlValue.includes(segmentValue);
+  }
+};
+const getSegmentTitle = (title, children) => {
+  if (title) {
+    return title;
+  }
+  if (typeof children === "string") {
+    return children;
+  }
+  return void 0;
+};
+export {
+  getSegmentTitle,
+  isSegmentSelected
+};
+//# sourceMappingURL=utils.js.map

package/components/SegmentedControl/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/SegmentedControl/utils.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { ESegmentedControlType } from \"./enums\";\n\n/**\n * Определяет, выбран ли сегмент.\n * При SINGLE значение сегмента сравнивается со значением контрола, при MULTIPLE ищется в массиве значений.\n * Строковое значение контрола при MULTIPLE (допустимо по типу, но изнутри компонента не достигается)\n * считается отсутствием выбора — так исключается подстрочное сравнение через String.prototype.includes.\n */\nexport const isSegmentSelected = (\n    type: ESegmentedControlType,\n    segmentValue: string,\n    controlValue: string | string[],\n): boolean => {\n    switch (type) {\n        case ESegmentedControlType.SINGLE:\n            return segmentValue === controlValue;\n        case ESegmentedControlType.MULTIPLE:\n            return Array.isArray(controlValue) && controlValue.includes(segmentValue);\n    }\n};\n\n/**\n * Возвращает значение атрибута title сегмента.\n * Приоритет у переданного title; если его нет, а содержимое сегмента — строка, она используется как title.\n */\nexport const getSegmentTitle = (title: string | undefined, children: ReactNode): string | undefined => {\n    if (title) {\n        return title;\n    }\n\n    if (typeof children === \"string\") {\n        return children;\n    }\n\n    return undefined;\n};\n"],"names":[],"mappings":";AASO,MAAM,oBAAoB,CAC7B,MACA,cACA,iBACU;AACV,UAAQ,MAAA;AAAA,IACJ,KAAK,sBAAsB;AACvB,aAAO,iBAAiB;AAAA,IAC5B,KAAK,sBAAsB;AACvB,aAAO,MAAM,QAAQ,YAAY,KAAK,aAAa,SAAS,YAAY;AAAA,EAAA;AAEpF;AAMO,MAAM,kBAAkB,CAAC,OAA2B,aAA4C;AACnG,MAAI,OAAO;AACP,WAAO;AAAA,EACX;AAEA,MAAI,OAAO,aAAa,UAAU;AAC9B,WAAO;AAAA,EACX;AAEA,SAAO;AACX;"}

package/components/SelectExtendedField/SelectExtendedField.js

@@ -6,7 +6,7 @@ import { KeyDownListener } from "../KeyDownListener/KeyDownListener.js";
 import "../KeyDownListener/ComposedKeyDownListener.js";
 import { SelectExtendedFieldTarget } from "./components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdown } from "./components/SelectExtendedFieldDropdown.js";
-const selectExtendedField = "selectExtendedField__329be869";
+const selectExtendedField = "selectExtendedField__855c109a";
 const styles = {
   selectExtendedField
 };

package/components/SelectExtendedField/components/SelectExtendedFieldDropdown.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-cXbzcYKR.js";
+import "../../../chunks/DropdownListItem-BDtBpFPH.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js

@@ -3,7 +3,7 @@ import { SelectExtendedField } from "../SelectExtendedField.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-cXbzcYKR.js";
+import "../../../chunks/DropdownListItem-BDtBpFPH.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "../../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose } from "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js

@@ -20,12 +20,12 @@ import { IconWrapper } from "../../IconWrapper/IconWrapper.js";
 import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-const selectExtendedFieldTarget = "selectExtendedFieldTarget__06bd2090";
-const caretIcon = "caretIcon__f9680d46";
-const selectOpened = "selectOpened__48f7b732";
-const disabled = "disabled__86a27cf1";
-const target = "target__e343ccf9";
-const caretWrapper = "caretWrapper__70c007ba";
+const selectExtendedFieldTarget = "selectExtendedFieldTarget__acc60519";
+const caretIcon = "caretIcon__f2f0943c";
+const selectOpened = "selectOpened__e3c7c1f4";
+const disabled = "disabled__25426520";
+const target = "target__8d97f0cb";
+const caretWrapper = "caretWrapper__668663c9";
 const styles = {
   selectExtendedFieldTarget,
   caretIcon,
@@ -111,7 +111,7 @@ const SelectExtendedFieldTarget = React__default.forwardRef(
         ),
         "aria-expanded": opened,
         "aria-haspopup": "listbox",
-        "data-tx": "1.48.0",
+        "data-tx": "1.50.0",
         active: opened,
         ...rest,
         children: [

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-cXbzcYKR.js";
+import "../../chunks/DropdownListItem-BDtBpFPH.js";
 import { EDropdownWidth } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import "../Dropdown/mobile/DropdownMobileBody.js";

package/components/Skeleton/Skeleton.js

@@ -1,10 +1,11 @@
 import { jsx } from "react/jsx-runtime";
+import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { ESkeletonType } from "./enums.js";
-const skeleton = "skeleton__3a66d28b";
-const type1 = "type1__68cee230";
-const type2 = "type2__5cb25250";
-const type3 = "type3__7142ea02";
+const skeleton = "skeleton__19fc6309";
+const type1 = "type1__acd3a824";
+const type2 = "type2__f9e1f0d1";
+const type3 = "type3__d9fbbf79";
 const styles = {
   skeleton,
   type1,
@@ -16,18 +17,18 @@ const TYPE_TO_CLASS_NAME_MAP = {
   [ESkeletonType.TYPE_2]: styles.type2,
   [ESkeletonType.TYPE_3]: styles.type3
 };
-const Skeleton = ({
-  className,
-  type = ESkeletonType.TYPE_2,
-  ...htmlDivAttributes
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: clsx(styles.skeleton, TYPE_TO_CLASS_NAME_MAP[type], className),
-    ...htmlDivAttributes,
-    "data-tx": "1.48.0"
-  }
+const Skeleton = React__default.forwardRef(
+  ({ className, type = ESkeletonType.TYPE_2, ...htmlDivAttributes }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(styles.skeleton, TYPE_TO_CLASS_NAME_MAP[type], className),
+      ...htmlDivAttributes,
+      "data-tx": "1.50.0",
+      ref
+    }
+  )
 );
+Skeleton.displayName = "Skeleton";
 export {
   Skeleton
 };

package/components/Skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/Skeleton.module.less\";\nimport { ESkeletonType } from \"./enums\";\n\nexport interface ISkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n    /**\n     * Тип скелетона. По умолчанию ESkeletonType.TYPE_2.\n     */\n    type?: ESkeletonType;\n}\n\n/** Соответствие типа имени класса. */\nconst TYPE_TO_CLASS_NAME_MAP: Record<ESkeletonType, string> = {\n    [ESkeletonType.TYPE_1]: styles.type1,\n    [ESkeletonType.TYPE_2]: styles.type2,\n    [ESkeletonType.TYPE_3]: styles.type3,\n};\n\n/**\n * Элемент для визуализации содержимого, которое еще не загрузилось.\n */\nexport const Skeleton: React.FC<ISkeletonProps> = ({\n    className,\n    type = ESkeletonType.TYPE_2,\n    ...htmlDivAttributes\n}) => (\n    <div\n        className={clsx(styles.skeleton, TYPE_TO_CLASS_NAME_MAP[type], className)}\n        {...htmlDivAttributes}\n        data-tx={process.env.npm_package_version}\n    />\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;AAaA,MAAM,yBAAwD;AAAA,EAC1D,CAAC,cAAc,MAAM,GAAG,OAAO;AAAA,EAC/B,CAAC,cAAc,MAAM,GAAG,OAAO;AAAA,EAC/B,CAAC,cAAc,MAAM,GAAG,OAAO;AACnC;AAKO,MAAM,WAAqC,CAAC;AAAA,EAC/C;AAAA,EACA,OAAO,cAAc;AAAA,EACrB,GAAG;AACP,MACI;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAW,KAAK,OAAO,UAAU,uBAAuB,IAAI,GAAG,SAAS;AAAA,IACvE,GAAG;AAAA,IACJ,WAAS;AAAA,EAAA;AACb;"}
+{"version":3,"file":"Skeleton.js","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/Skeleton.module.less\";\nimport { ESkeletonType } from \"./enums\";\n\n/** Свойства компонента Skeleton. */\nexport interface ISkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Тип скелетона. По умолчанию ESkeletonType.TYPE_2. */\n    type?: ESkeletonType;\n}\n\n/** Соответствие типа имени класса. */\nconst TYPE_TO_CLASS_NAME_MAP: Record<ESkeletonType, string> = {\n    [ESkeletonType.TYPE_1]: styles.type1,\n    [ESkeletonType.TYPE_2]: styles.type2,\n    [ESkeletonType.TYPE_3]: styles.type3,\n};\n\n/**\n * Элемент для визуализации содержимого, которое ещё не загрузилось.\n * Собственных размеров нет: размер задаёт потребитель через `width`/`height`,\n * либо скелетон растягивается внутри flex-контейнера (`flex-grow: 1`).\n * Пульсирует цветом фона в зависимости от типа.\n */\nexport const Skeleton = React.forwardRef<HTMLDivElement, ISkeletonProps>(\n    ({ className, type = ESkeletonType.TYPE_2, ...htmlDivAttributes }, ref) => (\n        <div\n            className={clsx(styles.skeleton, TYPE_TO_CLASS_NAME_MAP[type], className)}\n            {...htmlDivAttributes}\n            data-tx={process.env.npm_package_version}\n            ref={ref}\n        />\n    ),\n);\n\nSkeleton.displayName = \"Skeleton\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AAYA,MAAM,yBAAwD;AAAA,EAC1D,CAAC,cAAc,MAAM,GAAG,OAAO;AAAA,EAC/B,CAAC,cAAc,MAAM,GAAG,OAAO;AAAA,EAC/B,CAAC,cAAc,MAAM,GAAG,OAAO;AACnC;AAQO,MAAM,WAAWA,eAAM;AAAA,EAC1B,CAAC,EAAE,WAAW,OAAO,cAAc,QAAQ,GAAG,kBAAA,GAAqB,QAC/D;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,UAAU,uBAAuB,IAAI,GAAG,SAAS;AAAA,MACvE,GAAG;AAAA,MACJ,WAAS;AAAA,MACT;AAAA,IAAA;AAAA,EAAA;AAGZ;AAEA,SAAS,cAAc;"}

package/components/Skeleton/enums.js.map

@@ -1 +1 @@
-{"version":3,"file":"enums.js","sources":["../../../src/components/Skeleton/enums.ts"],"sourcesContent":["/** Типы компонента Skeleton. */\nexport enum ESkeletonType {\n    TYPE_1 = \"type_1\",\n    TYPE_2 = \"type_2\",\n    TYPE_3 = \"type_3\",\n}\n"],"names":["ESkeletonType"],"mappings":"AACO,IAAK,kCAAAA,mBAAL;AACHA,iBAAA,QAAA,IAAS;AACTA,iBAAA,QAAA,IAAS;AACTA,iBAAA,QAAA,IAAS;AAHD,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;"}
+{"version":3,"file":"enums.js","sources":["../../../src/components/Skeleton/enums.ts"],"sourcesContent":["/** Типы компонента Skeleton. */\nexport enum ESkeletonType {\n    /** Непрозрачные нейтральные серые — для светло-серых поверхностей. */\n    TYPE_1 = \"type_1\",\n    /** Полупрозрачный тёмный тинт — для обычных светлых поверхностей. */\n    TYPE_2 = \"type_2\",\n    /** Полупрозрачный светлый тинт — для тёмных и брендовых цветных поверхностей. */\n    TYPE_3 = \"type_3\",\n}\n"],"names":["ESkeletonType"],"mappings":"AACO,IAAK,kCAAAA,mBAAL;AAEHA,iBAAA,QAAA,IAAS;AAETA,iBAAA,QAAA,IAAS;AAETA,iBAAA,QAAA,IAAS;AAND,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;"}

package/components/SliderExtended/SliderExtended.js

@@ -5,7 +5,7 @@ import { createSizeToClassNameMap } from "../../utils/classNameMaps.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-Co04cta-.js";
+import { s as styles, S as SliderExtendedRail } from "../../chunks/SliderExtendedRail-DJ-AY9GZ.js";
 import { SliderExtendedTrack } from "./components/SliderExtendedTrack/SliderExtendedTrack.js";
 import { SliderExtendedTooltip } from "./components/SliderExtendedTooltip/SliderExtendedTooltip.js";
 import { SliderExtendedContext } from "./SliderExtendedContext.js";
@@ -73,7 +73,7 @@ const SliderExtendedBase = React__default.forwardRef(
               className
             ),
             ...htmlDivAttributes,
-            "data-tx": "1.48.0",
+            "data-tx": "1.50.0",
             ref,
             children
           }

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

@@ -10,11 +10,11 @@ import { SliderExtendedUtils } from "../../SliderExtendedUtils.js";
 import { setForwardedRef } from "../../../../helpers/setForwardedRef.js";
 import { SliderExtendedMoveHandler } from "../SliderExtendedMoveHandler.js";
 import { SliderExtendedDotActions } from "./SliderExtendedDotActions.js";
-const sliderExtendedDot = "sliderExtendedDot__3c87f3c2";
-const focusedByClick = "focusedByClick__a609cbd7";
-const disabled = "disabled__5afdd0f5";
-const dragByMouse = "dragByMouse__59664298";
-const lg = "lg__a7c872f1";
+const sliderExtendedDot = "sliderExtendedDot__f3168270";
+const focusedByClick = "focusedByClick__ea04459b";
+const disabled = "disabled__4f070ada";
+const dragByMouse = "dragByMouse__94bfb67d";
+const lg = "lg__b43b3d83";
 const styles = {
   sliderExtendedDot,
   focusedByClick,

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

@@ -7,7 +7,7 @@ import { Text } from "../../../Typography/Text.js";
 import { createSizeToClassNameMap } from "../../../../utils/classNameMaps.js";
 import { SliderExtendedContext } from "../../SliderExtendedContext.js";
 import { SliderExtendedMarkActions } from "./SliderExtendedMarkActions.js";
-import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-qzI-tGBX.js";
+import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-DfS3xeG5.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const SliderExtendedMark = React__default.forwardRef(
   ({ children, className, style, value, ...htmlSpanAttributes }, ref) => {

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

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-qzI-tGBX.js";
+import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-DfS3xeG5.js";
 const SliderExtendedMarks = React__default.forwardRef(
   ({ className, ...htmlDivAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.sliderExtendedMarks, className), ...htmlDivAttributes, ref })
 );

package/components/SliderExtended/components/SliderExtendedRail.js

@@ -4,7 +4,7 @@ import "../../../chunks/vendor-CUIykw0y.js";
 import "../SliderExtendedContext.js";
 import "../SliderExtendedUtils.js";
 import "../../../helpers/setForwardedRef.js";
-import { S } from "../../../chunks/SliderExtendedRail-Co04cta-.js";
+import { S } from "../../../chunks/SliderExtendedRail-DJ-AY9GZ.js";
 export {
   S as SliderExtendedRail
 };

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

@@ -4,10 +4,10 @@ import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
 import { createSizeToClassNameMap } from "../../../../utils/classNameMaps.js";
 import { SliderExtendedContext } from "../../SliderExtendedContext.js";
 import { setForwardedRef } from "../../../../helpers/setForwardedRef.js";
-const sliderExtendedTooltipOverlay = "sliderExtendedTooltipOverlay__780035a6";
-const lg = "lg__a7c872f1";
-const tooltipBody = "tooltipBody__fa0eed4f";
-const tooltipTip = "tooltipTip__113e46fd";
+const sliderExtendedTooltipOverlay = "sliderExtendedTooltipOverlay__fcb37086";
+const lg = "lg__b43b3d83";
+const tooltipBody = "tooltipBody__4ed6ecbe";
+const tooltipTip = "tooltipTip__3eb6240a";
 const styles = {
   sliderExtendedTooltipOverlay,
   lg,