@sberbusiness/triplex-next 0.51.0 → 0.53.0

package/components/{Dropdown/mobile/DropdownMobileListItem.js → Puller/PullerListItem.js}

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-import { Text } from "../../Typography/Text.js";
-import { ETextSize } from "../../Typography/enums.js";
-import { Badge } from "../../Badge/Badge.js";
-import { EComponentSize } from "../../../enums/EComponentSize.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-CHJp6QN5.js";
-const DropdownMobileListItem = React.forwardRef(
-  ({ children, className, id, onClick, onSelect, selected, showNotificationIcon, ...htmlAttributes }, ref) => {
+import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
+import { Text } from "../Typography/Text.js";
+import { ETextSize } from "../Typography/enums.js";
+import { EComponentSize } from "../../enums/EComponentSize.js";
+import { Badge } from "../Badge/Badge.js";
+import { s as styles } from "../../chunks/Puller.module-D99aZDfb.js";
+const PullerListItem = React.forwardRef(
+  ({ children, className, id, onClick, onSelect, selected, showNotificationIcon, ...restProps }, ref) => {
     const handleClick = (event) => {
       onSelect == null ? void 0 : onSelect();
       onClick == null ? void 0 : onClick(event);
@@ -17,13 +17,14 @@ const DropdownMobileListItem = React.forwardRef(
       {
         tag: "div",
         size: ETextSize.B3,
-        className: clsx(styles.dropdownMobileListItem, { [styles.selected]: Boolean(selected) }, className),
+        className: clsx(styles.pullerListItem, { [styles.selected]: selected }, className),
+        id,
         "aria-selected": Boolean(selected),
         role: "option",
-        ref,
         onClick: handleClick,
         title: typeof children === "string" ? children : void 0,
-        ...htmlAttributes,
+        ...restProps,
+        ref,
         children: [
           children,
           showNotificationIcon && /* @__PURE__ */ jsx(Badge.Dot, { size: EComponentSize.MD, className: styles.notificationIcon })
@@ -32,8 +33,8 @@ const DropdownMobileListItem = React.forwardRef(
     );
   }
 );
-DropdownMobileListItem.displayName = "DropdownMobileListItem";
+PullerListItem.displayName = "PullerListItem";
 export {
-  DropdownMobileListItem
+  PullerListItem
 };
-//# sourceMappingURL=DropdownMobileListItem.js.map
+//# sourceMappingURL=PullerListItem.js.map

package/components/Puller/PullerListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PullerListItem.js","sources":["../../../src/components/Puller/PullerListItem.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { Text } from \"../Typography/Text\";\nimport { ETextSize } from \"../Typography/enums\";\nimport { EComponentSize } from \"../../enums\";\nimport { Badge } from \"../Badge/Badge\";\nimport styles from \"./styles/Puller.module.less\";\n\n/** Свойства компонента PullerListItem. */\nexport interface IPullerListItemProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Идентификатор элемента. */\n    id: string;\n    /** Обработчик выбора текущего элемента. Вызывается по клику, до onClick. */\n    onSelect?: () => void;\n    /** Флаг - текущий элемент выбран. */\n    selected?: boolean;\n    /** Флаг отображения значка новых уведомлений. */\n    showNotificationIcon?: boolean;\n}\n\n/** Элемент списка Puller. */\nexport const PullerListItem = React.forwardRef<HTMLDivElement, IPullerListItemProps>(\n    ({ children, className, id, onClick, onSelect, selected, showNotificationIcon, ...restProps }, ref) => {\n        const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n            onSelect?.();\n            onClick?.(event);\n        };\n\n        return (\n            <Text\n                tag=\"div\"\n                size={ETextSize.B3}\n                className={clsx(styles.pullerListItem, { [styles.selected]: selected }, className)}\n                id={id}\n                aria-selected={Boolean(selected)}\n                role=\"option\"\n                onClick={handleClick}\n                title={typeof children === \"string\" ? children : undefined}\n                {...restProps}\n                ref={ref}\n            >\n                {children}\n                {showNotificationIcon && <Badge.Dot size={EComponentSize.MD} className={styles.notificationIcon} />}\n            </Text>\n        );\n    },\n);\n\nPullerListItem.displayName = \"PullerListItem\";\n"],"names":[],"mappings":";;;;;;;;AAqBO,MAAM,iBAAiB,MAAM;AAAA,EAChC,CAAC,EAAE,UAAU,WAAW,IAAI,SAAS,UAAU,UAAU,sBAAsB,GAAG,UAAA,GAAa,QAAQ;AACnG,UAAM,cAAc,CAAC,UAA4C;AAC7D;AACA,yCAAU;AAAA,IACd;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAI;AAAA,QACJ,MAAM,UAAU;AAAA,QAChB,WAAW,KAAK,OAAO,gBAAgB,EAAE,CAAC,OAAO,QAAQ,GAAG,SAAA,GAAY,SAAS;AAAA,QACjF;AAAA,QACA,iBAAe,QAAQ,QAAQ;AAAA,QAC/B,MAAK;AAAA,QACL,SAAS;AAAA,QACT,OAAO,OAAO,aAAa,WAAW,WAAW;AAAA,QAChD,GAAG;AAAA,QACJ;AAAA,QAEC,UAAA;AAAA,UAAA;AAAA,UACA,wBAAwB,oBAAC,MAAM,KAAN,EAAU,MAAM,eAAe,IAAI,WAAW,OAAO,iBAAA,CAAkB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG7G;AACJ;AAEA,eAAe,cAAc;"}

package/components/Puller/PullerLoader.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
+import { LoaderSmall } from "../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme } from "../Loader/LoaderSmall/enum.js";
+import "../Loader/LoaderMiddle/LoaderMiddle.js";
+import { EComponentSize } from "../../enums/EComponentSize.js";
+import { s as styles } from "../../chunks/Puller.module-D99aZDfb.js";
+const PullerLoader = ({ className, ...restProps }) => /* @__PURE__ */ jsx(
+  LoaderSmall,
+  {
+    className: clsx(styles.pullerLoader, className),
+    theme: ELoaderSmallTheme.BRAND,
+    size: EComponentSize.SM,
+    ...restProps
+  }
+);
+export {
+  PullerLoader
+};
+//# sourceMappingURL=PullerLoader.js.map

package/components/Puller/PullerLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PullerLoader.js","sources":["../../../src/components/Puller/PullerLoader.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { LoaderSmall, ILoaderSmallProps, ELoaderSmallTheme } from \"../Loader\";\nimport { EComponentSize } from \"../../enums\";\nimport styles from \"./styles/Puller.module.less\";\n\n/** Свойства компонента PullerLoader. */\nexport interface IPullerLoaderProps extends Omit<ILoaderSmallProps, \"theme\" | \"size\"> {}\n\n/** Лоадер для шапки Puller. */\nexport const PullerLoader: React.FC<IPullerLoaderProps> = ({ className, ...restProps }) => (\n    <LoaderSmall\n        className={clsx(styles.pullerLoader, className)}\n        theme={ELoaderSmallTheme.BRAND}\n        size={EComponentSize.SM}\n        {...restProps}\n    />\n);\n"],"names":[],"mappings":";;;;;;;AAUO,MAAM,eAA6C,CAAC,EAAE,WAAW,GAAG,gBACvE;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAW,KAAK,OAAO,cAAc,SAAS;AAAA,IAC9C,OAAO,kBAAkB;AAAA,IACzB,MAAM,eAAe;AAAA,IACpB,GAAG;AAAA,EAAA;AACR;"}

package/components/Puller/PullerMaskedInput.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
+import { FormFieldMaskedInput } from "../FormField/components/FormFieldMaskedInput.js";
+const pullerMaskedInput = "pullerMaskedInput__3e79ee2f";
+const styles = {
+  pullerMaskedInput
+};
+const PullerMaskedInputBase = React.forwardRef(
+  ({ className, ...restProps }, ref) => /* @__PURE__ */ jsx(FormFieldMaskedInput, { className: clsx(styles.pullerMaskedInput, className), ...restProps, ref })
+);
+PullerMaskedInputBase.displayName = "PullerMaskedInput";
+const PullerMaskedInput = Object.assign(PullerMaskedInputBase, {
+  presets: FormFieldMaskedInput.presets
+});
+export {
+  PullerMaskedInput
+};
+//# sourceMappingURL=PullerMaskedInput.js.map

package/components/Puller/PullerMaskedInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PullerMaskedInput.js","sources":["../../../src/components/Puller/PullerMaskedInput.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { FormFieldMaskedInput, IFormFieldMaskedInputProps } from \"../FormField/components/FormFieldMaskedInput\";\nimport styles from \"./styles/PullerMaskedInput.module.less\";\n\n/** Свойства компонента PullerMaskedInput. */\nexport interface IPullerMaskedInputProps extends IFormFieldMaskedInputProps {}\n\nconst PullerMaskedInputBase = React.forwardRef<HTMLDivElement, IPullerMaskedInputProps>(\n    ({ className, ...restProps }, ref) => (\n        <FormFieldMaskedInput className={clsx(styles.pullerMaskedInput, className)} {...restProps} ref={ref} />\n    ),\n);\n\nPullerMaskedInputBase.displayName = \"PullerMaskedInput\";\n\n/** Маскированное поле ввода для шапки Puller. */\nexport const PullerMaskedInput = Object.assign(PullerMaskedInputBase, {\n    presets: FormFieldMaskedInput.presets,\n});\n"],"names":[],"mappings":";;;;;;;;AAQA,MAAM,wBAAwB,MAAM;AAAA,EAChC,CAAC,EAAE,WAAW,GAAG,UAAA,GAAa,QAC1B,oBAAC,sBAAA,EAAqB,WAAW,KAAK,OAAO,mBAAmB,SAAS,GAAI,GAAG,WAAW,IAAA,CAAU;AAE7G;AAEA,sBAAsB,cAAc;AAG7B,MAAM,oBAAoB,OAAO,OAAO,uBAAuB;AAAA,EAClE,SAAS,qBAAqB;AAClC,CAAC;"}

package/components/Puller/index.js

@@ -0,0 +1,23 @@
+import { Puller } from "./Puller.js";
+import { PullerBody } from "./PullerBody.js";
+import { PullerClose } from "./PullerClose.js";
+import { PullerFooter } from "./PullerFooter.js";
+import { PullerHeader } from "./PullerHeader.js";
+import { PullerInput } from "./PullerInput.js";
+import { PullerList } from "./PullerList.js";
+import { PullerListItem } from "./PullerListItem.js";
+import { PullerLoader } from "./PullerLoader.js";
+import { PullerMaskedInput } from "./PullerMaskedInput.js";
+export {
+  Puller,
+  PullerBody,
+  PullerClose,
+  PullerFooter,
+  PullerHeader,
+  PullerInput,
+  PullerList,
+  PullerListItem,
+  PullerLoader,
+  PullerMaskedInput
+};
+//# sourceMappingURL=index.js.map

package/components/Radio/Radio.js

@@ -8,14 +8,14 @@ import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const label = "label__88ba98f9";
-const sm = "sm__29e5249d";
-const nonempty = "nonempty__00d8278d";
-const md = "md__fd9c327c";
-const lg = "lg__50fd0a6c";
-const disabled = "disabled__51d07e8b";
-const radio = "radio__4bb6c678";
-const radioIcon = "radioIcon__7ff6d6e6";
+const label = "label__f7fd86c4";
+const sm = "sm__0bde0709";
+const nonempty = "nonempty__fc715b99";
+const md = "md__c1f375e0";
+const lg = "lg__fa314e13";
+const disabled = "disabled__61df91bc";
+const radio = "radio__6933654c";
+const radioIcon = "radioIcon__5900bf95";
 const styles = {
   label,
   sm,
@@ -41,7 +41,7 @@ const Radio = React.forwardRef((props, ref) => {
     { [styles.disabled]: !!disabled2, [styles.nonempty]: !!children },
     labelAttributes == null ? void 0 : labelAttributes.className
   );
-  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: labelClassName, "data-tx": "0.51.0", children: [
+  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: labelClassName, "data-tx": "0.53.0", children: [
     /* @__PURE__ */ jsx("input", { type: "radio", className: inputClassName, disabled: disabled2, ...inputAttributes, ref }),
     /* @__PURE__ */ jsx("span", { className: styles.radioIcon }),
     children && /* @__PURE__ */ jsx(Text, { size: SIZE_TO_TEXT_SIZE_MAP[size], tag: "div", children })

package/components/Radio/RadioXGroup.js

@@ -1,17 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
-const radioXGroup = "radioXGroup__d94e7440";
-const label = "label__88ba98f9";
+const radioXGroup = "radioXGroup__fc745901";
+const label = "label__f7fd86c4";
 const styles = {
   radioXGroup,
-  "indent-12": "indent-12__7ea85b0f",
+  "indent-12": "indent-12__574f6e26",
   label,
-  "indent-16": "indent-16__74521cdc",
-  "indent-20": "indent-20__11b93447",
-  "indent-24": "indent-24__92f29c25",
-  "indent-28": "indent-28__21d9414b",
-  "indent-32": "indent-32__24238be1"
+  "indent-16": "indent-16__7767d546",
+  "indent-20": "indent-20__1c03ee2e",
+  "indent-24": "indent-24__ecb2368f",
+  "indent-28": "indent-28__9f44e163",
+  "indent-32": "indent-32__3560c295"
 };
 const RadioXGroup = React.forwardRef((props, ref) => {
   const { children, className, indent = 12, ...rest } = props;

package/components/Radio/RadioYGroup.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
-const radioYGroup = "radioYGroup__95335d61";
+const radioYGroup = "radioYGroup__2def3ed7";
 const styles = {
   radioYGroup
 };

package/components/Row/Row.js

@@ -3,10 +3,10 @@ import React from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { RowContext } from "./RowContext.js";
-const row = "row__56989abf";
-const noPaddingBottom = "noPaddingBottom__bec91603";
-const SM = "SM__e673d0fa";
-const MD = "MD__f40527ff";
+const row = "row__c9533bdf";
+const noPaddingBottom = "noPaddingBottom__a4d74623";
+const SM = "SM__fca4a403";
+const MD = "MD__4f64c07c";
 const styles = {
   row,
   noPaddingBottom,

package/components/SMSField/SMSField.js

@@ -19,7 +19,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-ro6oGp6K.js";
+import { s as styles } from "../../chunks/SMSField.module-DsssNQ7k.js";
 const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const SMSField = Object.assign(
   React.forwardRef((props, ref) => {
@@ -56,7 +56,7 @@ const SMSField = Object.assign(
           {
             className: classSMSField,
             ...htmlDivAttributes,
-            "data-tx": "0.51.0",
+            "data-tx": "0.53.0",
             ref,
             children
           }

package/components/SMSField/components/RefreshIcon.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-import { s as styles } from "../../../chunks/SMSField.module-ro6oGp6K.js";
+import { s as styles } from "../../../chunks/SMSField.module-DsssNQ7k.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";
 const radInOneDeg = Math.PI / 180;

package/components/SMSField/components/SMSFieldInput.js

@@ -16,7 +16,7 @@ import { FormField } from "../../FormField/FormField.js";
 import { FormGroup } from "../../FormGroup/FormGroup.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import { SMSFieldContext } from "../SMSFieldContext.js";
-import { s as styles } from "../../../chunks/SMSField.module-ro6oGp6K.js";
+import { s as styles } from "../../../chunks/SMSField.module-DsssNQ7k.js";
 const DIGITS_REGEXP = /^[0-9]*$/;
 const SMSFieldInput = React.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-ro6oGp6K.js";
+import { s as styles } from "../../../chunks/SMSField.module-DsssNQ7k.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-ro6oGp6K.js";
+import { s as styles } from "../../../chunks/SMSField.module-DsssNQ7k.js";
 const SMSFieldSubmit = React.forwardRef(
   ({ className, disabled, onClick, ...restProps }, ref) => {
     const { code, onSubmitCode, setDisabledSubmit, size, sizeClassName, status } = useContext(SMSFieldContext);

package/components/SegmentedControl/SegmentedControl.js

@@ -5,14 +5,14 @@ import React from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { SegmentedControlContext } from "./SegmentedControlContext.js";
-const segmentedControl = "segmentedControl__b95a725e";
-const general1 = "general1__2c03572a";
-const secondary1 = "secondary1__8f012098";
-const general2 = "general2__a28df1d2";
-const secondary2 = "secondary2__377274ce";
-const sm = "sm__ab49dfdf";
-const md = "md__568e630e";
-const lg = "lg__36570b37";
+const segmentedControl = "segmentedControl__f4c50fe0";
+const general1 = "general1__f227dab6";
+const secondary1 = "secondary1__edaa48d9";
+const general2 = "general2__90b72aad";
+const secondary2 = "secondary2__fb34d92b";
+const sm = "sm__f50a0582";
+const md = "md__69e13323";
+const lg = "lg__c1eb09ad";
 const styles = {
   segmentedControl,
   general1,
@@ -67,7 +67,7 @@ const SegmentedControl = Object.assign(
             disabled: Boolean(disabled),
             onSegmentSelect: handleSegmentSelect
           },
-          children: /* @__PURE__ */ jsx("div", { className: classNames, ...rest, "data-tx": "0.51.0", ref, children })
+          children: /* @__PURE__ */ jsx("div", { className: classNames, ...rest, "data-tx": "0.53.0", ref, children })
         }
       );
     }

package/components/SegmentedControl/SegmentedControlSegment.js

@@ -6,9 +6,9 @@ import { IconWrapper } from "../IconWrapper/IconWrapper.js";
 import { ESegmentedControlType } from "./enums.js";
 import { SegmentedControlContext } from "./SegmentedControlContext.js";
 import { isSegmentSelected, getSegmentTitle } from "./utils.js";
-const segmentedControlSegment = "segmentedControlSegment__b2097f8b";
-const selected = "selected__909da6fc";
-const content = "content__5b4e2c57";
+const segmentedControlSegment = "segmentedControlSegment__46eab024";
+const selected = "selected__89f9fba3";
+const content = "content__adeb71e3";
 const styles = {
   segmentedControlSegment,
   selected,

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__90dba95d";
+const selectExtendedField = "selectExtendedField__07e040bc";
 const styles = {
   selectExtendedField
 };

package/components/SelectExtendedField/components/SelectExtendedFieldDropdown.js

@@ -2,18 +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-DbG8a_Rw.js";
-import "../../Dropdown/mobile/DropdownMobile.js";
-import "../../Dropdown/mobile/DropdownMobileBody.js";
-import "../../Dropdown/mobile/DropdownMobileClose.js";
-import "../../Dropdown/mobile/DropdownMobileFooter.js";
-import "../../Dropdown/mobile/DropdownMobileHeader.js";
-import "../../Dropdown/mobile/DropdownMobileInner.js";
-import "../../Dropdown/mobile/DropdownMobileInput.js";
-import "../../Dropdown/mobile/DropdownMobileList.js";
-import "../../Dropdown/mobile/DropdownMobileListItem.js";
-import "../../Loader/LoaderSmall/LoaderSmall.js";
-import "../../Loader/LoaderMiddle/LoaderMiddle.js";
+import "../../../chunks/DropdownListItem-DtBDNMDu.js";
 import { Dropdown } from "../../Dropdown/Dropdown.js";
 const SelectExtendedFieldDropdown = ({
   forwardedRef,

package/components/SelectExtendedField/components/SelectExtendedFieldDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectExtendedFieldDropdown.js","sources":["../../../../src/components/SelectExtendedField/components/SelectExtendedFieldDropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dropdown, IDropdownProps } from \"../../Dropdown\";\nimport { DropdownList } from \"../../Dropdown/desktop/DropdownList\";\n\n/** Свойства компонента SelectExtendedFieldDropdown. */\nexport interface ISelectExtendedFieldDropdownProps extends Omit<IDropdownProps, \"forwardedRef\"> {\n    /** Ссылка на контейнер выпадающего блока. Компонент не forwardRef — ссылка передаётся этим свойством. */\n    forwardedRef: React.RefObject<HTMLDivElement>;\n    /** Содержимое выпадающего блока. */\n    children?: React.ReactNode;\n    /** Состояние открытости выпадающего блока. */\n    opened: boolean;\n    /** Ссылка на поле выбора. По ней выпадающий блок считает своё положение. */\n    targetRef: React.RefObject<HTMLElement>;\n}\n\n/** Тип компонента SelectExtendedFieldDropdown со статическим свойством List. */\nexport interface ISelectExtendedFieldDropdownFC extends React.FC<ISelectExtendedFieldDropdownProps> {\n    /** Список опций выпадающего блока. */\n    List: typeof DropdownList;\n}\n\n/** Выпадающий блок SelectExtendedField. Обёртка над Dropdown, принимающая ссылку через forwardedRef. */\nexport const SelectExtendedFieldDropdown: ISelectExtendedFieldDropdownFC = ({\n    forwardedRef,\n    children,\n    targetRef,\n    ...rest\n}) => (\n    <Dropdown {...rest} ref={forwardedRef} targetRef={targetRef}>\n        {children}\n    </Dropdown>\n);\n\nSelectExtendedFieldDropdown.displayName = \"SelectExtendedFieldDropdown\";\nSelectExtendedFieldDropdown.List = DropdownList;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAuBO,MAAM,8BAA8D,CAAC;AAAA,EACxE;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,0BACK,UAAA,EAAU,GAAG,MAAM,KAAK,cAAc,WAClC,SAAA,CACL;AAGJ,4BAA4B,cAAc;AAC1C,4BAA4B,OAAO;"}
+{"version":3,"file":"SelectExtendedFieldDropdown.js","sources":["../../../../src/components/SelectExtendedField/components/SelectExtendedFieldDropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dropdown, IDropdownProps } from \"../../Dropdown\";\nimport { DropdownList } from \"../../Dropdown/desktop/DropdownList\";\n\n/** Свойства компонента SelectExtendedFieldDropdown. */\nexport interface ISelectExtendedFieldDropdownProps extends Omit<IDropdownProps, \"forwardedRef\"> {\n    /** Ссылка на контейнер выпадающего блока. Компонент не forwardRef — ссылка передаётся этим свойством. */\n    forwardedRef: React.RefObject<HTMLDivElement>;\n    /** Содержимое выпадающего блока. */\n    children?: React.ReactNode;\n    /** Состояние открытости выпадающего блока. */\n    opened: boolean;\n    /** Ссылка на поле выбора. По ней выпадающий блок считает своё положение. */\n    targetRef: React.RefObject<HTMLElement>;\n}\n\n/** Тип компонента SelectExtendedFieldDropdown со статическим свойством List. */\nexport interface ISelectExtendedFieldDropdownFC extends React.FC<ISelectExtendedFieldDropdownProps> {\n    /** Список опций выпадающего блока. */\n    List: typeof DropdownList;\n}\n\n/** Выпадающий блок SelectExtendedField. Обёртка над Dropdown, принимающая ссылку через forwardedRef. */\nexport const SelectExtendedFieldDropdown: ISelectExtendedFieldDropdownFC = ({\n    forwardedRef,\n    children,\n    targetRef,\n    ...rest\n}) => (\n    <Dropdown {...rest} ref={forwardedRef} targetRef={targetRef}>\n        {children}\n    </Dropdown>\n);\n\nSelectExtendedFieldDropdown.displayName = \"SelectExtendedFieldDropdown\";\nSelectExtendedFieldDropdown.List = DropdownList;\n"],"names":[],"mappings":";;;;;;AAuBO,MAAM,8BAA8D,CAAC;AAAA,EACxE;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,0BACK,UAAA,EAAU,GAAG,MAAM,KAAK,cAAc,WAClC,SAAA,CACL;AAGJ,4BAA4B,cAAc;AAC1C,4BAA4B,OAAO;"}

package/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js

@@ -1,21 +1,16 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { SelectExtendedField } from "../SelectExtendedField.js";
-import "../../Dropdown/DropdownListContext.js";
-import "../../Dropdown/desktop/DropdownDesktop.js";
-import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-DbG8a_Rw.js";
-import "../../Dropdown/mobile/DropdownMobile.js";
-import { DropdownMobileBody } from "../../Dropdown/mobile/DropdownMobileBody.js";
-import { DropdownMobileClose } from "../../Dropdown/mobile/DropdownMobileClose.js";
-import "../../Dropdown/mobile/DropdownMobileFooter.js";
-import { DropdownMobileHeader } from "../../Dropdown/mobile/DropdownMobileHeader.js";
-import "../../Dropdown/mobile/DropdownMobileInner.js";
-import "../../Dropdown/mobile/DropdownMobileInput.js";
-import { DropdownMobileList } from "../../Dropdown/mobile/DropdownMobileList.js";
-import { DropdownMobileListItem } from "../../Dropdown/mobile/DropdownMobileListItem.js";
+import "../../Puller/Puller.js";
+import { PullerBody } from "../../Puller/PullerBody.js";
+import { PullerClose } from "../../Puller/PullerClose.js";
+import "../../Puller/PullerFooter.js";
+import { PullerHeader } from "../../Puller/PullerHeader.js";
+import "../../Puller/PullerInput.js";
+import { PullerList } from "../../Puller/PullerList.js";
+import { PullerListItem } from "../../Puller/PullerListItem.js";
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import "../../Dropdown/Dropdown.js";
+import "../../Puller/PullerMaskedInput.js";
 import { ETextSize } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
@@ -61,10 +56,10 @@ const SelectExtendedFieldDropdownDefault = ({
       targetRef,
       size,
       ...dropdownProps,
-      mobileViewProps: {
+      pullerProps: {
         children: /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(DropdownMobileHeader, { controlButtons: /* @__PURE__ */ jsx(DropdownMobileClose, { onClick: () => setOpened(false) }), children: /* @__PURE__ */ jsx(Text, { tag: "div", size: ETextSize.B3, children: mobileTitle }) }),
-          /* @__PURE__ */ jsx(DropdownMobileBody, { children: /* @__PURE__ */ jsx(DropdownMobileList, { children: options.map((option) => /* @__PURE__ */ jsx(DropdownMobileListItem, { ...getOptionProps(option) }, option.id)) }) })
+          /* @__PURE__ */ jsx(PullerHeader, { controlButtons: /* @__PURE__ */ jsx(PullerClose, { onClick: () => setOpened(false) }), children: /* @__PURE__ */ jsx(Text, { tag: "div", size: ETextSize.B3, children: mobileTitle }) }),
+          /* @__PURE__ */ jsx(PullerBody, { children: /* @__PURE__ */ jsx(PullerList, { children: options.map((option) => /* @__PURE__ */ jsx(PullerListItem, { ...getOptionProps(option) }, option.id)) }) })
         ] })
       },
       children: /* @__PURE__ */ jsx(SelectExtendedField.Dropdown.List, { id: listId, dropdownOpened: opened, size, children: options.map((option) => /* @__PURE__ */ jsx(SelectExtendedField.Dropdown.List.Item, { ...getOptionProps(option) }, option.id)) })

package/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectExtendedFieldDropdownDefault.js","sources":["../../../../src/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    ISelectExtendedFieldDefaultOption,\n    ISelectExtendedFieldDropdownProvideProps,\n    SelectExtendedField,\n} from \"../SelectExtendedField\";\nimport {\n    DropdownMobileBody,\n    DropdownMobileClose,\n    DropdownMobileHeader,\n    DropdownMobileList,\n    DropdownMobileListItem,\n    IDropdownProps,\n} from \"../../Dropdown\";\nimport { Text, ETextSize } from \"../../Typography\";\n\n/** Свойства компонента SelectExtendedFieldDropdownDefault. */\nexport interface ISelectExtendedFieldDropdownDefaultProps\n    extends ISelectExtendedFieldDropdownProvideProps, Pick<IDropdownProps, \"size\" | \"width\"> {\n    /** ClassName для модификации SelectExtendedField.Dropdown.List.Item. */\n    dropdownListItemClassName?: string;\n    /** Свойства, передающиеся в Dropdown. */\n    dropdownProps?: Omit<\n        IDropdownProps,\n        \"children\" | \"opened\" | \"setOpened\" | \"targetRef\" | \"size\" | \"mobileViewProps\"\n    >;\n    /** Состояние загрузки. В этот момент Dropdown закрыт, Target отображает лоадер. По умолчанию false. */\n    loading?: boolean;\n    /** Id SelectExtendedField.Dropdown.List. Нужен для связи с Target. */\n    listId?: string;\n    /** Название Select, отображающееся в мобильном режиме. */\n    mobileTitle?: React.ReactNode;\n    /** Список опций. */\n    options: ISelectExtendedFieldDefaultOption[];\n    /** Обработчик изменения значения. Вызывается с выбранной опцией. */\n    onChange: (option: ISelectExtendedFieldDefaultOption) => void;\n    /** Текущее выбранное значение. Опция сопоставляется по полю id. */\n    value?: ISelectExtendedFieldDefaultOption;\n}\n\n/**\n * Дефолтный рендер Dropdown для SelectExtendedField.\n * Вынесено в отдельный компонент для переиспользования внутри компонентов Triplex.\n */\nexport const SelectExtendedFieldDropdownDefault: React.FC<ISelectExtendedFieldDropdownDefaultProps> = ({\n    dropdownRef,\n    dropdownListItemClassName,\n    dropdownProps,\n    width,\n    loading,\n    listId,\n    mobileTitle,\n    onChange,\n    opened,\n    size,\n    options,\n    setOpened,\n    targetRef,\n    value,\n}) => {\n    // Десктопный и мобильный списки различаются только компонентом элемента. Свойства опции\n    // считаются здесь один раз, чтобы поведение выбора не разъехалось между режимами.\n    // Компонент элемента в хелпер не выносится: у десктопного и мобильного разные типы props,\n    // а общий тип пришлось бы ослаблять до React.ElementType.\n    const getOptionProps = (option: ISelectExtendedFieldDefaultOption) => {\n        const { label, ...restOption } = option;\n\n        return {\n            ...restOption,\n            className: dropdownListItemClassName,\n            id: option.id,\n            selected: option.id === value?.id,\n            onSelect: () => {\n                onChange(option);\n                setOpened(false);\n            },\n            children: label,\n        };\n    };\n\n    return (\n        <SelectExtendedField.Dropdown\n            opened={opened && !loading}\n            forwardedRef={dropdownRef}\n            width={width}\n            setOpened={setOpened}\n            targetRef={targetRef}\n            size={size}\n            {...dropdownProps}\n            mobileViewProps={{\n                children: (\n                    <>\n                        <DropdownMobileHeader controlButtons={<DropdownMobileClose onClick={() => setOpened(false)} />}>\n                            <Text tag=\"div\" size={ETextSize.B3}>\n                                {mobileTitle}\n                            </Text>\n                        </DropdownMobileHeader>\n                        <DropdownMobileBody>\n                            <DropdownMobileList>\n                                {options.map((option) => (\n                                    <DropdownMobileListItem key={option.id} {...getOptionProps(option)} />\n                                ))}\n                            </DropdownMobileList>\n                        </DropdownMobileBody>\n                    </>\n                ),\n            }}\n        >\n            <SelectExtendedField.Dropdown.List id={listId} dropdownOpened={opened} size={size}>\n                {options.map((option) => (\n                    <SelectExtendedField.Dropdown.List.Item key={option.id} {...getOptionProps(option)} />\n                ))}\n            </SelectExtendedField.Dropdown.List>\n        </SelectExtendedField.Dropdown>\n    );\n};\n\nSelectExtendedFieldDropdownDefault.displayName = \"SelectExtendedFieldDropdownDefault\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA4CO,MAAM,qCAAyF,CAAC;AAAA,EACnG;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AAKF,QAAM,iBAAiB,CAAC,WAA8C;AAClE,UAAM,EAAE,OAAO,GAAG,WAAA,IAAe;AAEjC,WAAO;AAAA,MACH,GAAG;AAAA,MACH,WAAW;AAAA,MACX,IAAI,OAAO;AAAA,MACX,UAAU,OAAO,QAAO,+BAAO;AAAA,MAC/B,UAAU,MAAM;AACZ,iBAAS,MAAM;AACf,kBAAU,KAAK;AAAA,MACnB;AAAA,MACA,UAAU;AAAA,IAAA;AAAA,EAElB;AAEA,SACI;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACG,QAAQ,UAAU,CAAC;AAAA,MACnB,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,iBAAiB;AAAA,QACb,UACI,qBAAA,UAAA,EACI,UAAA;AAAA,UAAA,oBAAC,wBAAqB,gBAAgB,oBAAC,uBAAoB,SAAS,MAAM,UAAU,KAAK,GAAG,GACxF,UAAA,oBAAC,QAAK,KAAI,OAAM,MAAM,UAAU,IAC3B,uBACL,EAAA,CACJ;AAAA,8BACC,oBAAA,EACG,UAAA,oBAAC,sBACI,UAAA,QAAQ,IAAI,CAAC,WACV,oBAAC,wBAAA,EAAwC,GAAG,eAAe,MAAM,EAAA,GAApC,OAAO,EAAgC,CACvE,GACL,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,MAIR,UAAA,oBAAC,oBAAoB,SAAS,MAA7B,EAAkC,IAAI,QAAQ,gBAAgB,QAAQ,MAClE,UAAA,QAAQ,IAAI,CAAC,WACV,oBAAC,oBAAoB,SAAS,KAAK,MAAlC,EAAwD,GAAG,eAAe,MAAM,EAAA,GAApC,OAAO,EAAgC,CACvF,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAGZ;AAEA,mCAAmC,cAAc;"}
+{"version":3,"file":"SelectExtendedFieldDropdownDefault.js","sources":["../../../../src/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    ISelectExtendedFieldDefaultOption,\n    ISelectExtendedFieldDropdownProvideProps,\n    SelectExtendedField,\n} from \"../SelectExtendedField\";\nimport { IDropdownProps } from \"../../Dropdown\";\nimport { PullerBody, PullerClose, PullerHeader, PullerList, PullerListItem } from \"../../Puller\";\nimport { Text, ETextSize } from \"../../Typography\";\n\n/** Свойства компонента SelectExtendedFieldDropdownDefault. */\nexport interface ISelectExtendedFieldDropdownDefaultProps\n    extends ISelectExtendedFieldDropdownProvideProps, Pick<IDropdownProps, \"size\" | \"width\"> {\n    /** ClassName для модификации SelectExtendedField.Dropdown.List.Item. */\n    dropdownListItemClassName?: string;\n    /** Свойства, передающиеся в Dropdown. */\n    dropdownProps?: Omit<IDropdownProps, \"children\" | \"opened\" | \"setOpened\" | \"targetRef\" | \"size\" | \"pullerProps\">;\n    /** Состояние загрузки. В этот момент Dropdown закрыт, Target отображает лоадер. По умолчанию false. */\n    loading?: boolean;\n    /** Id SelectExtendedField.Dropdown.List. Нужен для связи с Target. */\n    listId?: string;\n    /** Название Select, отображающееся в мобильном режиме. */\n    mobileTitle?: React.ReactNode;\n    /** Список опций. */\n    options: ISelectExtendedFieldDefaultOption[];\n    /** Обработчик изменения значения. Вызывается с выбранной опцией. */\n    onChange: (option: ISelectExtendedFieldDefaultOption) => void;\n    /** Текущее выбранное значение. Опция сопоставляется по полю id. */\n    value?: ISelectExtendedFieldDefaultOption;\n}\n\n/**\n * Дефолтный рендер Dropdown для SelectExtendedField.\n * Вынесено в отдельный компонент для переиспользования внутри компонентов Triplex.\n */\nexport const SelectExtendedFieldDropdownDefault: React.FC<ISelectExtendedFieldDropdownDefaultProps> = ({\n    dropdownRef,\n    dropdownListItemClassName,\n    dropdownProps,\n    width,\n    loading,\n    listId,\n    mobileTitle,\n    onChange,\n    opened,\n    size,\n    options,\n    setOpened,\n    targetRef,\n    value,\n}) => {\n    // Десктопный и мобильный списки различаются только компонентом элемента. Свойства опции\n    // считаются здесь один раз, чтобы поведение выбора не разъехалось между режимами.\n    // Компонент элемента в хелпер не выносится: у десктопного и мобильного разные типы props,\n    // а общий тип пришлось бы ослаблять до React.ElementType.\n    const getOptionProps = (option: ISelectExtendedFieldDefaultOption) => {\n        const { label, ...restOption } = option;\n\n        return {\n            ...restOption,\n            className: dropdownListItemClassName,\n            id: option.id,\n            selected: option.id === value?.id,\n            onSelect: () => {\n                onChange(option);\n                setOpened(false);\n            },\n            children: label,\n        };\n    };\n\n    return (\n        <SelectExtendedField.Dropdown\n            opened={opened && !loading}\n            forwardedRef={dropdownRef}\n            width={width}\n            setOpened={setOpened}\n            targetRef={targetRef}\n            size={size}\n            {...dropdownProps}\n            pullerProps={{\n                children: (\n                    <>\n                        <PullerHeader controlButtons={<PullerClose onClick={() => setOpened(false)} />}>\n                            <Text tag=\"div\" size={ETextSize.B3}>\n                                {mobileTitle}\n                            </Text>\n                        </PullerHeader>\n                        <PullerBody>\n                            <PullerList>\n                                {options.map((option) => (\n                                    <PullerListItem key={option.id} {...getOptionProps(option)} />\n                                ))}\n                            </PullerList>\n                        </PullerBody>\n                    </>\n                ),\n            }}\n        >\n            <SelectExtendedField.Dropdown.List id={listId} dropdownOpened={opened} size={size}>\n                {options.map((option) => (\n                    <SelectExtendedField.Dropdown.List.Item key={option.id} {...getOptionProps(option)} />\n                ))}\n            </SelectExtendedField.Dropdown.List>\n        </SelectExtendedField.Dropdown>\n    );\n};\n\nSelectExtendedFieldDropdownDefault.displayName = \"SelectExtendedFieldDropdownDefault\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAmCO,MAAM,qCAAyF,CAAC;AAAA,EACnG;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AAKF,QAAM,iBAAiB,CAAC,WAA8C;AAClE,UAAM,EAAE,OAAO,GAAG,WAAA,IAAe;AAEjC,WAAO;AAAA,MACH,GAAG;AAAA,MACH,WAAW;AAAA,MACX,IAAI,OAAO;AAAA,MACX,UAAU,OAAO,QAAO,+BAAO;AAAA,MAC/B,UAAU,MAAM;AACZ,iBAAS,MAAM;AACf,kBAAU,KAAK;AAAA,MACnB;AAAA,MACA,UAAU;AAAA,IAAA;AAAA,EAElB;AAEA,SACI;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACG,QAAQ,UAAU,CAAC;AAAA,MACnB,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,aAAa;AAAA,QACT,UACI,qBAAA,UAAA,EACI,UAAA;AAAA,UAAA,oBAAC,gBAAa,gBAAgB,oBAAC,eAAY,SAAS,MAAM,UAAU,KAAK,GAAG,GACxE,UAAA,oBAAC,QAAK,KAAI,OAAM,MAAM,UAAU,IAC3B,uBACL,EAAA,CACJ;AAAA,8BACC,YAAA,EACG,UAAA,oBAAC,cACI,UAAA,QAAQ,IAAI,CAAC,WACV,oBAAC,gBAAA,EAAgC,GAAG,eAAe,MAAM,EAAA,GAApC,OAAO,EAAgC,CAC/D,GACL,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,MAIR,UAAA,oBAAC,oBAAoB,SAAS,MAA7B,EAAkC,IAAI,QAAQ,gBAAgB,QAAQ,MAClE,UAAA,QAAQ,IAAI,CAAC,WACV,oBAAC,oBAAoB,SAAS,KAAK,MAAlC,EAAwD,GAAG,eAAe,MAAM,EAAA,GAApC,OAAO,EAAgC,CACvF,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAGZ;AAEA,mCAAmC,cAAc;"}

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__12a5be87";
-const caretIcon = "caretIcon__e4b3c5a4";
-const selectOpened = "selectOpened__70e6fc07";
-const disabled = "disabled__fc0acef3";
-const target = "target__3c1f24bb";
-const caretWrapper = "caretWrapper__c1a8e64b";
+const selectExtendedFieldTarget = "selectExtendedFieldTarget__710ce185";
+const caretIcon = "caretIcon__e9557fb7";
+const selectOpened = "selectOpened__f741cbe9";
+const disabled = "disabled__f70ed0ca";
+const target = "target__a7bdb355";
+const caretWrapper = "caretWrapper__c5ef0545";
 const styles = {
   selectExtendedFieldTarget,
   caretIcon,
@@ -111,7 +111,7 @@ const SelectExtendedFieldTarget = React.forwardRef(
         ),
         "aria-expanded": opened,
         "aria-haspopup": "listbox",
-        "data-tx": "0.51.0",
+        "data-tx": "0.53.0",
         active: opened,
         ...rest,
         children: [

package/components/SelectField/SelectField.js

@@ -7,19 +7,8 @@ import { SelectExtendedFieldDropdownDefault } from "../SelectExtendedField/compo
 import { DropdownListContext } from "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-DbG8a_Rw.js";
+import "../../chunks/DropdownListItem-DtBDNMDu.js";
 import { EDropdownWidth } from "../Dropdown/desktop/enums.js";
-import "../Dropdown/mobile/DropdownMobile.js";
-import "../Dropdown/mobile/DropdownMobileBody.js";
-import "../Dropdown/mobile/DropdownMobileClose.js";
-import "../Dropdown/mobile/DropdownMobileFooter.js";
-import "../Dropdown/mobile/DropdownMobileHeader.js";
-import "../Dropdown/mobile/DropdownMobileInner.js";
-import "../Dropdown/mobile/DropdownMobileInput.js";
-import "../Dropdown/mobile/DropdownMobileList.js";
-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-Bf_-FiU6.js";
 const SelectField = React.forwardRef((props, ref) => {

package/components/SelectField/SelectField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.js","sources":["../../../src/components/SelectField/SelectField.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { uniqueId } from \"lodash-es\";\nimport {\n    ISelectExtendedFieldDefaultOption,\n    ISelectExtendedFieldDropdownProvideProps,\n    ISelectExtendedFieldProps,\n    ISelectExtendedFieldTargetProvideProps,\n    ISelectExtendedFieldTargetProps,\n    SelectExtendedField,\n} from \"@sberbusiness/triplex-next/components/SelectExtendedField\";\nimport {\n    ISelectExtendedFieldDropdownDefaultProps,\n    SelectExtendedFieldDropdownDefault,\n} from \"@sberbusiness/triplex-next/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault\";\nimport { EDropdownWidth } from \"@sberbusiness/triplex-next/components/Dropdown\";\nimport { DropdownListContext } from \"@sberbusiness/triplex-next/components/Dropdown/DropdownListContext\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\n\n/** Свойства опции списка. */\nexport interface ISelectFieldOption extends ISelectExtendedFieldDefaultOption {}\n\n/** Свойства компонента SelectField. */\nexport interface ISelectFieldProps\n    extends\n        Omit<ISelectExtendedFieldProps, \"children\" | \"onChange\" | \"renderTarget\" | \"placeholder\">,\n        Pick<ISelectExtendedFieldTargetProps, \"loading\" | \"status\" | \"placeholder\"> {\n    /** Размер компонента. */\n    size: EComponentSize;\n    /** Выпадающий блок компонент рендерит сам, поэтому children не принимаются. */\n    children?: never;\n    /** Текущее выбранное значение. С опцией списка сопоставляется по полю id. */\n    value?: ISelectFieldOption;\n    /** Список опций. */\n    options: ISelectFieldOption[];\n    /** Обработчик изменения значения. Вызывается с выбранной опцией, список при этом закрывается. */\n    onChange: (option: ISelectFieldOption) => void;\n    /** Свойства, передающиеся в SelectExtendedField.Target. */\n    targetProps?: Omit<ISelectExtendedFieldTargetProps, \"opened\" | \"setOpened\" | \"size\">;\n    /** Свойства, передающиеся в SelectExtendedField.Dropdown. */\n    dropdownProps?: ISelectExtendedFieldDropdownDefaultProps[\"dropdownProps\"];\n    /** ClassName передающийся в DropdownListItem. */\n    dropdownListItemClassName?: string;\n    /** Название Select отображающееся в мобильном режиме. */\n    mobileTitle?: React.ReactNode;\n}\n\n/**\n * Базовый компонент SelectField.\n * Готовый Select со списком опций: поле выбора и выпадающий блок собраны заранее, состоянием\n * открытости владеет SelectExtendedField. Сам компонент отвечает только за связку поля со списком\n * (aria-controls, aria-activedescendant) и за прокидывание опций в выпадающий блок.\n */\nexport const SelectField = React.forwardRef<HTMLDivElement, ISelectFieldProps>((props, ref) => {\n    const {\n        // children в разметку не попадают — выпадающий блок рендерит сам компонент (children?: never).\n        children,\n        className,\n        value,\n        size,\n        options,\n        onChange,\n        placeholder,\n        loading,\n        status,\n        // aria-labelledby адресован полю выбора, а не корневому <div>, поэтому не уходит в rest.\n        \"aria-labelledby\": ariaLabelledby,\n        dropdownListItemClassName,\n        mobileTitle,\n        targetProps,\n        dropdownProps,\n        ...rest\n    } = props;\n\n    // Идентификатор активной (подсвеченной с клавиатуры) опции. Его выставляет DropdownList\n    // через DropdownListContext, а поле выбора отдаёт в aria-activedescendant.\n    const [activeDescendant, setActiveDescendant] = useState<string>();\n    // Идентификатор списка опций. Должен быть стабилен на всё время жизни компонента:\n    // на него ссылается aria-controls поля выбора.\n    const [listId] = useState(() => uniqueId());\n\n    const renderTarget = (targetProvideProps: ISelectExtendedFieldTargetProvideProps) => (\n        <SelectExtendedField.Target\n            label={value?.label}\n            placeholder={placeholder}\n            loading={loading}\n            status={status}\n            role=\"combobox\"\n            aria-controls={listId}\n            aria-activedescendant={activeDescendant}\n            aria-labelledby={ariaLabelledby}\n            ref={ref}\n            size={size}\n            // fieldLabel обязателен в Target, но у SelectField его нет: заголовок задаётся\n            // только через targetProps, поэтому здесь стоит заглушка, которую спред перекрывает.\n            fieldLabel={undefined}\n            {...targetProps}\n            // Состояние открытости приходит от SelectExtendedField и перекрывает targetProps.\n            {...targetProvideProps}\n        />\n    );\n\n    const renderDropdown = (dropdownProvideProps: ISelectExtendedFieldDropdownProvideProps) => (\n        <DropdownListContext.Provider value={{ activeDescendant, setActiveDescendant }}>\n            <SelectExtendedFieldDropdownDefault\n                {...dropdownProvideProps}\n                size={size}\n                width={EDropdownWidth.TARGET}\n                dropdownProps={dropdownProps}\n                dropdownListItemClassName={dropdownListItemClassName}\n                loading={loading}\n                listId={listId}\n                mobileTitle={mobileTitle}\n                onChange={onChange}\n                options={options}\n                value={value}\n            />\n        </DropdownListContext.Provider>\n    );\n\n    return (\n        <SelectExtendedField className={className} renderTarget={renderTarget} closeOnTab={true} {...rest}>\n            {renderDropdown}\n        </SelectExtendedField>\n    );\n});\n\nSelectField.displayName = \"SelectField\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAoDO,MAAM,cAAc,MAAM,WAA8C,CAAC,OAAO,QAAQ;AAC3F,QAAM;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAIJ,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAA;AAGhD,QAAM,CAAC,MAAM,IAAI,SAAS,MAAM,UAAU;AAE1C,QAAM,eAAe,CAAC,uBAClB;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACG,OAAO,+BAAO;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,yBAAuB;AAAA,MACvB,mBAAiB;AAAA,MACjB;AAAA,MACA;AAAA,MAGA,YAAY;AAAA,MACX,GAAG;AAAA,MAEH,GAAG;AAAA,IAAA;AAAA,EAAA;AAIZ,QAAM,iBAAiB,CAAC,yBACpB,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,EAAE,kBAAkB,oBAAA,GACrD,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,OAAO,eAAe;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAAA,GAER;AAGJ,SACI,oBAAC,uBAAoB,WAAsB,cAA4B,YAAY,MAAO,GAAG,MACxF,UAAA,eAAA,CACL;AAER,CAAC;AAED,YAAY,cAAc;"}
+{"version":3,"file":"SelectField.js","sources":["../../../src/components/SelectField/SelectField.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { uniqueId } from \"lodash-es\";\nimport {\n    ISelectExtendedFieldDefaultOption,\n    ISelectExtendedFieldDropdownProvideProps,\n    ISelectExtendedFieldProps,\n    ISelectExtendedFieldTargetProvideProps,\n    ISelectExtendedFieldTargetProps,\n    SelectExtendedField,\n} from \"@sberbusiness/triplex-next/components/SelectExtendedField\";\nimport {\n    ISelectExtendedFieldDropdownDefaultProps,\n    SelectExtendedFieldDropdownDefault,\n} from \"@sberbusiness/triplex-next/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault\";\nimport { EDropdownWidth } from \"@sberbusiness/triplex-next/components/Dropdown\";\nimport { DropdownListContext } from \"@sberbusiness/triplex-next/components/Dropdown/DropdownListContext\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\n\n/** Свойства опции списка. */\nexport interface ISelectFieldOption extends ISelectExtendedFieldDefaultOption {}\n\n/** Свойства компонента SelectField. */\nexport interface ISelectFieldProps\n    extends\n        Omit<ISelectExtendedFieldProps, \"children\" | \"onChange\" | \"renderTarget\" | \"placeholder\">,\n        Pick<ISelectExtendedFieldTargetProps, \"loading\" | \"status\" | \"placeholder\"> {\n    /** Размер компонента. */\n    size: EComponentSize;\n    /** Выпадающий блок компонент рендерит сам, поэтому children не принимаются. */\n    children?: never;\n    /** Текущее выбранное значение. С опцией списка сопоставляется по полю id. */\n    value?: ISelectFieldOption;\n    /** Список опций. */\n    options: ISelectFieldOption[];\n    /** Обработчик изменения значения. Вызывается с выбранной опцией, список при этом закрывается. */\n    onChange: (option: ISelectFieldOption) => void;\n    /** Свойства, передающиеся в SelectExtendedField.Target. */\n    targetProps?: Omit<ISelectExtendedFieldTargetProps, \"opened\" | \"setOpened\" | \"size\">;\n    /** Свойства, передающиеся в SelectExtendedField.Dropdown. */\n    dropdownProps?: ISelectExtendedFieldDropdownDefaultProps[\"dropdownProps\"];\n    /** ClassName передающийся в DropdownListItem. */\n    dropdownListItemClassName?: string;\n    /** Название Select отображающееся в мобильном режиме. */\n    mobileTitle?: React.ReactNode;\n}\n\n/**\n * Базовый компонент SelectField.\n * Готовый Select со списком опций: поле выбора и выпадающий блок собраны заранее, состоянием\n * открытости владеет SelectExtendedField. Сам компонент отвечает только за связку поля со списком\n * (aria-controls, aria-activedescendant) и за прокидывание опций в выпадающий блок.\n */\nexport const SelectField = React.forwardRef<HTMLDivElement, ISelectFieldProps>((props, ref) => {\n    const {\n        // children в разметку не попадают — выпадающий блок рендерит сам компонент (children?: never).\n        children,\n        className,\n        value,\n        size,\n        options,\n        onChange,\n        placeholder,\n        loading,\n        status,\n        // aria-labelledby адресован полю выбора, а не корневому <div>, поэтому не уходит в rest.\n        \"aria-labelledby\": ariaLabelledby,\n        dropdownListItemClassName,\n        mobileTitle,\n        targetProps,\n        dropdownProps,\n        ...rest\n    } = props;\n\n    // Идентификатор активной (подсвеченной с клавиатуры) опции. Его выставляет DropdownList\n    // через DropdownListContext, а поле выбора отдаёт в aria-activedescendant.\n    const [activeDescendant, setActiveDescendant] = useState<string>();\n    // Идентификатор списка опций. Должен быть стабилен на всё время жизни компонента:\n    // на него ссылается aria-controls поля выбора.\n    const [listId] = useState(() => uniqueId());\n\n    const renderTarget = (targetProvideProps: ISelectExtendedFieldTargetProvideProps) => (\n        <SelectExtendedField.Target\n            label={value?.label}\n            placeholder={placeholder}\n            loading={loading}\n            status={status}\n            role=\"combobox\"\n            aria-controls={listId}\n            aria-activedescendant={activeDescendant}\n            aria-labelledby={ariaLabelledby}\n            ref={ref}\n            size={size}\n            // fieldLabel обязателен в Target, но у SelectField его нет: заголовок задаётся\n            // только через targetProps, поэтому здесь стоит заглушка, которую спред перекрывает.\n            fieldLabel={undefined}\n            {...targetProps}\n            // Состояние открытости приходит от SelectExtendedField и перекрывает targetProps.\n            {...targetProvideProps}\n        />\n    );\n\n    const renderDropdown = (dropdownProvideProps: ISelectExtendedFieldDropdownProvideProps) => (\n        <DropdownListContext.Provider value={{ activeDescendant, setActiveDescendant }}>\n            <SelectExtendedFieldDropdownDefault\n                {...dropdownProvideProps}\n                size={size}\n                width={EDropdownWidth.TARGET}\n                dropdownProps={dropdownProps}\n                dropdownListItemClassName={dropdownListItemClassName}\n                loading={loading}\n                listId={listId}\n                mobileTitle={mobileTitle}\n                onChange={onChange}\n                options={options}\n                value={value}\n            />\n        </DropdownListContext.Provider>\n    );\n\n    return (\n        <SelectExtendedField className={className} renderTarget={renderTarget} closeOnTab={true} {...rest}>\n            {renderDropdown}\n        </SelectExtendedField>\n    );\n});\n\nSelectField.displayName = \"SelectField\";\n"],"names":[],"mappings":";;;;;;;;;;;;;AAoDO,MAAM,cAAc,MAAM,WAA8C,CAAC,OAAO,QAAQ;AAC3F,QAAM;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAIJ,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAA;AAGhD,QAAM,CAAC,MAAM,IAAI,SAAS,MAAM,UAAU;AAE1C,QAAM,eAAe,CAAC,uBAClB;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACG,OAAO,+BAAO;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,yBAAuB;AAAA,MACvB,mBAAiB;AAAA,MACjB;AAAA,MACA;AAAA,MAGA,YAAY;AAAA,MACX,GAAG;AAAA,MAEH,GAAG;AAAA,IAAA;AAAA,EAAA;AAIZ,QAAM,iBAAiB,CAAC,yBACpB,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,EAAE,kBAAkB,oBAAA,GACrD,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,OAAO,eAAe;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAAA,GAER;AAGJ,SACI,oBAAC,uBAAoB,WAAsB,cAA4B,YAAY,MAAO,GAAG,MACxF,UAAA,eAAA,CACL;AAER,CAAC;AAED,YAAY,cAAc;"}

package/components/Skeleton/Skeleton.js

@@ -2,10 +2,10 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { ESkeletonType } from "./enums.js";
-const skeleton = "skeleton__0cc21cf8";
-const type1 = "type1__88579048";
-const type2 = "type2__2d5bdc09";
-const type3 = "type3__a38b61e6";
+const skeleton = "skeleton__a05eead1";
+const type1 = "type1__31848b27";
+const type2 = "type2__d1e675b3";
+const type3 = "type3__20bed01e";
 const styles = {
   skeleton,
   type1,
@@ -23,7 +23,7 @@ const Skeleton = React.forwardRef(
     {
       className: clsx(styles.skeleton, TYPE_TO_CLASS_NAME_MAP[type], className),
       ...htmlDivAttributes,
-      "data-tx": "0.51.0",
+      "data-tx": "0.53.0",
       ref
     }
   )

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-BLBXp_mr.js";
+import { s as styles, S as SliderExtendedRail } from "../../chunks/SliderExtendedRail-C9_AzU7r.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.forwardRef(
               className
             ),
             ...htmlDivAttributes,
-            "data-tx": "0.51.0",
+            "data-tx": "0.53.0",
             ref,
             children
           }