@sberbusiness/triplex-next 0.52.0 → 0.53.0

package/components/Puller/PullerInner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PullerInner.js","sources":["../../../src/components/Puller/PullerInner.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { IOverlayChildrenProvideProps } from \"../Overlay/OverlayBase\";\nimport { useToken } from \"../ThemeProvider/useToken\";\nimport styles from \"./styles/Puller.module.less\";\n\n/** Свойства компонента PullerInner. */\nexport interface IPullerInnerProps extends IOverlayChildrenProvideProps, React.HTMLAttributes<HTMLDivElement> {}\n\n/** Внутренняя разметка Puller: подложка и контент с анимацией открытия/закрытия. */\nexport const PullerInner = React.forwardRef<HTMLDivElement, IPullerInnerProps>(\n    (\n        {\n            children,\n            className,\n            opened: openedProps,\n            opening: openingProps,\n            closing,\n            setOpened,\n            setClosing,\n            setOpening,\n            ...restProps\n        },\n        ref,\n    ) => {\n        // Флаги догоняют props на следующем тике: без кадра в закрытом виде CSS-переход открытия не запустится.\n        const [openingState, setOpeningState] = useState(false);\n        const [openedState, setOpenedState] = useState(false);\n        const { scopeClassName } = useToken();\n\n        useEffect(() => {\n            const timeoutId = setTimeout(() => setOpeningState(openingProps));\n\n            return () => clearTimeout(timeoutId);\n        }, [openingProps]);\n\n        useEffect(() => {\n            const timeoutId = setTimeout(() => setOpenedState(openedProps));\n\n            return () => clearTimeout(timeoutId);\n        }, [openedProps]);\n\n        const handleTransitionEnd = (event: React.TransitionEvent<HTMLDivElement>) => {\n            const { target, currentTarget } = event;\n\n            if (target === currentTarget) {\n                if (closing) {\n                    setClosing(false);\n                } else if (openingProps) {\n                    setOpening(false);\n                }\n            }\n        };\n\n        const closePuller = () => {\n            if (openedProps) {\n                setOpened(false);\n            }\n        };\n\n        if (!openingProps && !openedProps && !closing) {\n            return null;\n        }\n\n        const animationClassNames = {\n            [styles.opened]: openedState,\n            [styles.opening]: openingState,\n        };\n\n        return (\n            <div className={clsx(styles.pullerWrapper, scopeClassName, className)}>\n                <div\n                    className={clsx(styles.pullerBackdrop, animationClassNames)}\n                    onTransitionEnd={handleTransitionEnd}\n                    onTouchStart={closePuller}\n                    onMouseDown={closePuller}\n                />\n                <div className={clsx(styles.puller, animationClassNames)} {...restProps} ref={ref}>\n                    {children}\n                </div>\n            </div>\n        );\n    },\n);\n\nPullerInner.displayName = \"PullerInner\";\n"],"names":[],"mappings":";;;;;AAUO,MAAM,cAAc,MAAM;AAAA,EAC7B,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AAED,UAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,UAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,UAAM,EAAE,eAAA,IAAmB,SAAA;AAE3B,cAAU,MAAM;AACZ,YAAM,YAAY,WAAW,MAAM,gBAAgB,YAAY,CAAC;AAEhE,aAAO,MAAM,aAAa,SAAS;AAAA,IACvC,GAAG,CAAC,YAAY,CAAC;AAEjB,cAAU,MAAM;AACZ,YAAM,YAAY,WAAW,MAAM,eAAe,WAAW,CAAC;AAE9D,aAAO,MAAM,aAAa,SAAS;AAAA,IACvC,GAAG,CAAC,WAAW,CAAC;AAEhB,UAAM,sBAAsB,CAAC,UAAiD;AAC1E,YAAM,EAAE,QAAQ,cAAA,IAAkB;AAElC,UAAI,WAAW,eAAe;AAC1B,YAAI,SAAS;AACT,qBAAW,KAAK;AAAA,QACpB,WAAW,cAAc;AACrB,qBAAW,KAAK;AAAA,QACpB;AAAA,MACJ;AAAA,IACJ;AAEA,UAAM,cAAc,MAAM;AACtB,UAAI,aAAa;AACb,kBAAU,KAAK;AAAA,MACnB;AAAA,IACJ;AAEA,QAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,SAAS;AAC3C,aAAO;AAAA,IACX;AAEA,UAAM,sBAAsB;AAAA,MACxB,CAAC,OAAO,MAAM,GAAG;AAAA,MACjB,CAAC,OAAO,OAAO,GAAG;AAAA,IAAA;AAGtB,WACI,qBAAC,SAAI,WAAW,KAAK,OAAO,eAAe,gBAAgB,SAAS,GAChE,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,KAAK,OAAO,gBAAgB,mBAAmB;AAAA,UAC1D,iBAAiB;AAAA,UACjB,cAAc;AAAA,UACd,aAAa;AAAA,QAAA;AAAA,MAAA;AAAA,MAEjB,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,QAAQ,mBAAmB,GAAI,GAAG,WAAW,KACpE,SAAA,CACL;AAAA,IAAA,GACJ;AAAA,EAER;AACJ;AAEA,YAAY,cAAc;"}

package/components/Puller/PullerInput.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
+const pullerInput = "pullerInput__31fb6021";
+const styles = {
+  pullerInput
+};
+const PullerInput = React.forwardRef(({ className, ...restProps }, ref) => /* @__PURE__ */ jsx("input", { className: clsx(styles.pullerInput, className), ...restProps, ref }));
+PullerInput.displayName = "PullerInput";
+export {
+  PullerInput
+};
+//# sourceMappingURL=PullerInput.js.map

package/components/Puller/PullerInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PullerInput.js","sources":["../../../src/components/Puller/PullerInput.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/PullerInput.module.less\";\n\n/** Свойства компонента PullerInput. */\nexport interface IPullerInputProps extends React.InputHTMLAttributes<HTMLInputElement> {}\n\n/** Поле ввода для шапки Puller. */\nexport const PullerInput = React.forwardRef<HTMLInputElement, IPullerInputProps>(({ className, ...restProps }, ref) => (\n    <input className={clsx(styles.pullerInput, className)} {...restProps} ref={ref} />\n));\n\nPullerInput.displayName = \"PullerInput\";\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,cAAc,MAAM,WAAgD,CAAC,EAAE,WAAW,GAAG,aAAa,4BAC1G,SAAA,EAAM,WAAW,KAAK,OAAO,aAAa,SAAS,GAAI,GAAG,WAAW,KAAU,CACnF;AAED,YAAY,cAAc;"}

package/components/Puller/PullerList.js

@@ -0,0 +1,18 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React from "react";
+import { EComponentSize } from "../../enums/EComponentSize.js";
+import { LoaderSmall } from "../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme } from "../Loader/LoaderSmall/enum.js";
+import "../Loader/LoaderMiddle/LoaderMiddle.js";
+import { s as styles } from "../../chunks/Puller.module-D99aZDfb.js";
+const PullerList = React.forwardRef(
+  ({ children, loading, ...restProps }, ref) => /* @__PURE__ */ jsxs("div", { role: "listbox", "aria-busy": loading, ...restProps, ref, children: [
+    children,
+    loading && /* @__PURE__ */ jsx("div", { className: styles.pullerListLoader, "aria-hidden": "true", children: /* @__PURE__ */ jsx(LoaderSmall, { theme: ELoaderSmallTheme.BRAND, size: EComponentSize.MD }) })
+  ] })
+);
+PullerList.displayName = "PullerList";
+export {
+  PullerList
+};
+//# sourceMappingURL=PullerList.js.map

package/components/Puller/PullerList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PullerList.js","sources":["../../../src/components/Puller/PullerList.tsx"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"../../enums\";\nimport { LoaderSmall, ELoaderSmallTheme } from \"../Loader\";\nimport styles from \"./styles/Puller.module.less\";\n\n/** Свойства компонента PullerList. */\nexport interface IPullerListProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Состояние загрузки. */\n    loading?: boolean;\n}\n\n/** Список Puller. */\nexport const PullerList = React.forwardRef<HTMLDivElement, IPullerListProps>(\n    ({ children, loading, ...restProps }, ref) => (\n        <div role=\"listbox\" aria-busy={loading} {...restProps} ref={ref}>\n            {children}\n            {/* Скрыт от скринридеров: в listbox допустимы только option, загрузку передаёт aria-busy. */}\n            {loading && (\n                <div className={styles.pullerListLoader} aria-hidden=\"true\">\n                    <LoaderSmall theme={ELoaderSmallTheme.BRAND} size={EComponentSize.MD} />\n                </div>\n            )}\n        </div>\n    ),\n);\n\nPullerList.displayName = \"PullerList\";\n"],"names":[],"mappings":";;;;;;;AAYO,MAAM,aAAa,MAAM;AAAA,EAC5B,CAAC,EAAE,UAAU,SAAS,GAAG,aAAa,QAClC,qBAAC,OAAA,EAAI,MAAK,WAAU,aAAW,SAAU,GAAG,WAAW,KAClD,UAAA;AAAA,IAAA;AAAA,IAEA,WACG,oBAAC,OAAA,EAAI,WAAW,OAAO,kBAAkB,eAAY,QACjD,UAAA,oBAAC,aAAA,EAAY,OAAO,kBAAkB,OAAO,MAAM,eAAe,IAAI,EAAA,CAC1E;AAAA,EAAA,EAAA,CAER;AAER;AAEA,WAAW,cAAc;"}

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-vfc3HyCT.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__37abe568";
-const sm = "sm__b2f97cb6";
-const nonempty = "nonempty__f248e88d";
-const md = "md__86d0f873";
-const lg = "lg__3ec3a9ec";
-const disabled = "disabled__78a833b4";
-const radio = "radio__43bc1441";
-const radioIcon = "radioIcon__438fbc62";
+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.52.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__7ba68956";
-const label = "label__37abe568";
+const radioXGroup = "radioXGroup__fc745901";
+const label = "label__f7fd86c4";
 const styles = {
   radioXGroup,
-  "indent-12": "indent-12__23deab7f",
+  "indent-12": "indent-12__574f6e26",
   label,
-  "indent-16": "indent-16__5e154c0a",
-  "indent-20": "indent-20__9fd72353",
-  "indent-24": "indent-24__5538ffc1",
-  "indent-28": "indent-28__a1a8242b",
-  "indent-32": "indent-32__d5f03b61"
+  "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__bfedccfe";
+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__ec805850";
-const noPaddingBottom = "noPaddingBottom__1b6e4eeb";
-const SM = "SM__f9251e9e";
-const MD = "MD__e1e0dba1";
+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-BEYAnwKA.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.52.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-BEYAnwKA.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-BEYAnwKA.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-BEYAnwKA.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-BEYAnwKA.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__853e5c2a";
-const general1 = "general1__33a5440e";
-const secondary1 = "secondary1__84a6413e";
-const general2 = "general2__d81ed794";
-const secondary2 = "secondary2__1800d1e3";
-const sm = "sm__9698ff24";
-const md = "md__30d4cbcd";
-const lg = "lg__47306b0b";
+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.52.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__64344f1f";
-const selected = "selected__c07392a8";
-const content = "content__485b31e5";
+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__c07e27b3";
+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-B220hwlD.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-B220hwlD.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__183fab8a";
-const caretIcon = "caretIcon__6e2542f2";
-const selectOpened = "selectOpened__29b22043";
-const disabled = "disabled__48963b2d";
-const target = "target__0b183b41";
-const caretWrapper = "caretWrapper__d682241d";
+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.52.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-B220hwlD.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) => {