@sberbusiness/triplex-next 1.52.0 → 1.53.0

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__86c5789e";
-const caretIcon = "caretIcon__7879247f";
-const selectOpened = "selectOpened__6d59bde4";
-const disabled = "disabled__79552a0c";
-const target = "target__e41c3450";
-const caretWrapper = "caretWrapper__7bcd7291";
+const selectExtendedFieldTarget = "selectExtendedFieldTarget__f1884126";
+const caretIcon = "caretIcon__e940eb81";
+const selectOpened = "selectOpened__8d4b1bf2";
+const disabled = "disabled__d3dc31a5";
+const target = "target__18d6aa89";
+const caretWrapper = "caretWrapper__7fd76095";
 const styles = {
   selectExtendedFieldTarget,
   caretIcon,
@@ -111,7 +111,7 @@ const SelectExtendedFieldTarget = React__default.forwardRef(
         ),
         "aria-expanded": opened,
         "aria-haspopup": "listbox",
-        "data-tx": "1.52.0",
+        "data-tx": "1.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-DkX7SolI.js";
+import "../../chunks/DropdownListItem-BeusEvEd.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-CUIykw0y.js";
 const SelectField = React__default.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\">,\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":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAoDO,MAAM,cAAcA,eAAM,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\">,\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":["React"],"mappings":";;;;;;;;;;;;;AAoDO,MAAM,cAAcA,eAAM,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__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { ESkeletonType } from "./enums.js";
-const skeleton = "skeleton__3d3266ec";
-const type1 = "type1__8e77f3b9";
-const type2 = "type2__95d44b92";
-const type3 = "type3__3832c613";
+const skeleton = "skeleton__ed493c6e";
+const type1 = "type1__df0a23ce";
+const type2 = "type2__1116bc1f";
+const type3 = "type3__5c0628ef";
 const styles = {
   skeleton,
   type1,
@@ -23,7 +23,7 @@ const Skeleton = React__default.forwardRef(
     {
       className: clsx(styles.skeleton, TYPE_TO_CLASS_NAME_MAP[type], className),
       ...htmlDivAttributes,
-      "data-tx": "1.52.0",
+      "data-tx": "1.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-DB-zuc_f.js";
+import { s as styles, S as SliderExtendedRail } from "../../chunks/SliderExtendedRail-DZqWhHB5.js";
 import { SliderExtendedTrack } from "./components/SliderExtendedTrack/SliderExtendedTrack.js";
 import { SliderExtendedTooltip } from "./components/SliderExtendedTooltip/SliderExtendedTooltip.js";
 import { SliderExtendedContext } from "./SliderExtendedContext.js";
@@ -73,7 +73,7 @@ const SliderExtendedBase = React__default.forwardRef(
               className
             ),
             ...htmlDivAttributes,
-            "data-tx": "1.52.0",
+            "data-tx": "1.53.0",
             ref,
             children
           }

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

@@ -10,11 +10,11 @@ import { SliderExtendedUtils } from "../../SliderExtendedUtils.js";
 import { setForwardedRef } from "../../../../helpers/setForwardedRef.js";
 import { SliderExtendedMoveHandler } from "../SliderExtendedMoveHandler.js";
 import { SliderExtendedDotActions } from "./SliderExtendedDotActions.js";
-const sliderExtendedDot = "sliderExtendedDot__4ce1da7b";
-const focusedByClick = "focusedByClick__e04a7edd";
-const disabled = "disabled__4fb4da2b";
-const dragByMouse = "dragByMouse__4b0d6955";
-const lg = "lg__0397d1da";
+const sliderExtendedDot = "sliderExtendedDot__a7f74bc3";
+const focusedByClick = "focusedByClick__d7d6845a";
+const disabled = "disabled__9f9283fa";
+const dragByMouse = "dragByMouse__ade043a8";
+const lg = "lg__6db719e5";
 const styles = {
   sliderExtendedDot,
   focusedByClick,

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

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

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

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

package/components/SliderExtended/components/SliderExtendedRail.js

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

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

@@ -4,10 +4,10 @@ import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
 import { createSizeToClassNameMap } from "../../../../utils/classNameMaps.js";
 import { SliderExtendedContext } from "../../SliderExtendedContext.js";
 import { setForwardedRef } from "../../../../helpers/setForwardedRef.js";
-const sliderExtendedTooltipOverlay = "sliderExtendedTooltipOverlay__4dfa4db2";
-const lg = "lg__0397d1da";
-const tooltipBody = "tooltipBody__7f6e378a";
-const tooltipTip = "tooltipTip__e45abd83";
+const sliderExtendedTooltipOverlay = "sliderExtendedTooltipOverlay__871b5b8f";
+const lg = "lg__6db719e5";
+const tooltipBody = "tooltipBody__489d2fc7";
+const tooltipTip = "tooltipTip__c92f67c4";
 const styles = {
   sliderExtendedTooltipOverlay,
   lg,

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

@@ -10,12 +10,12 @@ import { SliderExtendedUtils } from "../../SliderExtendedUtils.js";
 import { setForwardedRef } from "../../../../helpers/setForwardedRef.js";
 import { SliderExtendedMoveHandler } from "../SliderExtendedMoveHandler.js";
 import { SliderExtendedTrackActions } from "./SliderExtendedTrackActions.js";
-const sliderExtendedTrack = "sliderExtendedTrack__554d186c";
-const lg = "lg__0397d1da";
-const focusedByClick = "focusedByClick__e04a7edd";
-const hoverOrDragByMouse = "hoverOrDragByMouse__e03d9fdc";
-const staticSlider = "staticSlider__0fa98c80";
-const disabled = "disabled__4fb4da2b";
+const sliderExtendedTrack = "sliderExtendedTrack__68d074ce";
+const lg = "lg__6db719e5";
+const focusedByClick = "focusedByClick__d7d6845a";
+const hoverOrDragByMouse = "hoverOrDragByMouse__65b328a6";
+const staticSlider = "staticSlider__8fcfd1ef";
+const disabled = "disabled__9f9283fa";
 const styles = {
   sliderExtendedTrack,
   lg,

package/components/SmallInput/SmallInput.js

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

package/components/SmartSpot/SmartSpot.js

@@ -0,0 +1,110 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+import { useLatestRef } from "../../utils/refs.js";
+import { DEFAULT_BLUR, SPOTS_BY_TYPE } from "./consts.js";
+import { ESmartSpotAnimation, ESmartSpotShape } from "./enums.js";
+import { getSmartSpotDuration, getSmartSpotFrame } from "./utils.js";
+const smartSpot = "smartSpot__c972f31c";
+const success = "success__9c4b68ee";
+const spot = "spot__8d87ad34";
+const warning = "warning__a86865b1";
+const error = "error__e994e9a8";
+const waiting = "waiting__4dd74e71";
+const oval = "oval__063ec7e9";
+const square = "square__bbbd999b";
+const triangle = "triangle__2eccd0f7";
+const blur = "blur__17d407a6";
+const move = "move__93552040";
+const content = "content__998fecb3";
+const styles = {
+  smartSpot,
+  success,
+  spot,
+  warning,
+  error,
+  waiting,
+  oval,
+  square,
+  triangle,
+  blur,
+  move,
+  content
+};
+const getSpotStyle = ({ x, y, diameter, opacity }) => ({
+  "--triplex-next-runtime-SmartSpot-Spot_X": `${x}px`,
+  "--triplex-next-runtime-SmartSpot-Spot_Y": `${y}px`,
+  "--triplex-next-runtime-SmartSpot-Spot_Size": `${diameter}px`,
+  "--triplex-next-runtime-SmartSpot-Spot_Opacity": opacity
+});
+const SmartSpot = React__default.forwardRef(
+  ({
+    type,
+    animation = ESmartSpotAnimation.DRIFT,
+    blur: blur2 = DEFAULT_BLUR,
+    distance,
+    duration,
+    shape = ESmartSpotShape.CIRCLE,
+    className,
+    style,
+    children,
+    ...restProps
+  }, ref) => {
+    const moveRef = React__default.useRef(null);
+    const distanceRef = useLatestRef(distance);
+    const durationRef = useLatestRef(duration);
+    React__default.useEffect(() => {
+      const move2 = moveRef.current;
+      if (!move2) {
+        return void 0;
+      }
+      const applyFrame = (t) => {
+        const frame = getSmartSpotFrame(animation, t, {
+          distance: distanceRef.current,
+          duration: durationRef.current
+        });
+        move2.style.setProperty("--triplex-next-runtime-SmartSpot-Move_X", `${frame.x}px`);
+        move2.style.setProperty("--triplex-next-runtime-SmartSpot-Move_Y", `${frame.y}px`);
+        move2.style.setProperty("--triplex-next-runtime-SmartSpot-Spot_Scale", String(frame.scale));
+      };
+      applyFrame(0);
+      if (animation === ESmartSpotAnimation.NONE) {
+        return void 0;
+      }
+      let progress = 0;
+      let lastTime = performance.now();
+      let rafId = requestAnimationFrame(function tick(now) {
+        const period = getSmartSpotDuration(animation, durationRef.current);
+        if (period > 0) {
+          progress = (progress + Math.max(0, now - lastTime) / period) % 1;
+        }
+        lastTime = now;
+        applyFrame(progress * period);
+        rafId = requestAnimationFrame(tick);
+      });
+      return () => cancelAnimationFrame(rafId);
+    }, [animation, distanceRef, durationRef]);
+    const rootStyle = {
+      ...style,
+      "--triplex-next-runtime-SmartSpot-Blur_Sigma": `${blur2}px`
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ...restProps,
+        className: clsx(styles.smartSpot, styles[type], styles[shape], className),
+        style: rootStyle,
+        ref,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: styles.blur, "aria-hidden": "true", children: /* @__PURE__ */ jsx("div", { className: styles.move, ref: moveRef, children: SPOTS_BY_TYPE[type].map((spot2, index) => /* @__PURE__ */ jsx("span", { className: styles.spot, style: getSpotStyle(spot2) }, index)) }) }),
+          children && /* @__PURE__ */ jsx("div", { className: styles.content, children })
+        ]
+      }
+    );
+  }
+);
+SmartSpot.displayName = "SmartSpot";
+export {
+  SmartSpot
+};
+//# sourceMappingURL=SmartSpot.js.map

package/components/SmartSpot/SmartSpot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmartSpot.js","sources":["../../../src/components/SmartSpot/SmartSpot.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { useLatestRef } from \"../../utils/refs\";\nimport { DEFAULT_BLUR, ISmartSpotSpot, SPOTS_BY_TYPE } from \"./consts\";\nimport { ESmartSpotAnimation, ESmartSpotShape, ESmartSpotType } from \"./enums\";\nimport { getSmartSpotDuration, getSmartSpotFrame } from \"./utils\";\nimport styles from \"./styles/SmartSpot.module.less\";\n\n/** Свойства компонента SmartSpot. */\nexport interface ISmartSpotProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Тип: задаёт цвета и набор пятен. */\n    type: ESmartSpotType;\n    /** Пресет анимации. По умолчанию ESmartSpotAnimation.DRIFT. */\n    animation?: ESmartSpotAnimation;\n    /** Размытие слоя пятен, px. По умолчанию 60. */\n    blur?: number;\n    /** Дистанция движения слоя пятен (радиус эллипса по горизонтали), px. По умолчанию 50. Влияет только на Drift. @default 50 */\n    distance?: number;\n    /** Длительность одного цикла анимации, мс. По умолчанию 6000. Смена значения не перезапускает анимацию. @default 6000 */\n    duration?: number;\n    /** Форма пятен. По умолчанию ESmartSpotShape.CIRCLE. */\n    shape?: ESmartSpotShape;\n}\n\n/** Inline-стиль корня: размытие слоя пятен. */\ninterface ISmartSpotStyle extends React.CSSProperties {\n    \"--triplex-next-runtime-SmartSpot-Blur_Sigma\": string;\n}\n\n/** Inline-стиль пятна: геометрия и прозрачность из SPOTS_BY_TYPE. */\ninterface ISmartSpotSpotStyle extends React.CSSProperties {\n    \"--triplex-next-runtime-SmartSpot-Spot_X\": string;\n    \"--triplex-next-runtime-SmartSpot-Spot_Y\": string;\n    \"--triplex-next-runtime-SmartSpot-Spot_Size\": string;\n    \"--triplex-next-runtime-SmartSpot-Spot_Opacity\": number;\n}\n\nconst getSpotStyle = ({ x, y, diameter, opacity }: ISmartSpotSpot): ISmartSpotSpotStyle => ({\n    \"--triplex-next-runtime-SmartSpot-Spot_X\": `${x}px`,\n    \"--triplex-next-runtime-SmartSpot-Spot_Y\": `${y}px`,\n    \"--triplex-next-runtime-SmartSpot-Spot_Size\": `${diameter}px`,\n    \"--triplex-next-runtime-SmartSpot-Spot_Opacity\": opacity,\n});\n\n/**\n * Подложка статуса на прозрачном фоне: четыре размытых пятна, которые анимируются по выбранному пресету.\n * Заполняет родителя; children отображаются поверх подложки.\n */\nexport const SmartSpot = React.forwardRef<HTMLDivElement, ISmartSpotProps>(\n    (\n        {\n            type,\n            animation = ESmartSpotAnimation.DRIFT,\n            blur = DEFAULT_BLUR,\n            distance,\n            duration,\n            shape = ESmartSpotShape.CIRCLE,\n            className,\n            style,\n            children,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const moveRef = React.useRef<HTMLDivElement>(null);\n        // distance и duration читаются в каждом кадре, поэтому их смена не перезапускает анимацию.\n        const distanceRef = useLatestRef(distance);\n        const durationRef = useLatestRef(duration);\n\n        React.useEffect(() => {\n            const move = moveRef.current;\n\n            if (!move) {\n                return undefined;\n            }\n\n            // Кадр пишется напрямую в style слоя, чтобы не вызывать ререндер на каждом кадре.\n            const applyFrame = (t: number) => {\n                const frame = getSmartSpotFrame(animation, t, {\n                    distance: distanceRef.current,\n                    duration: durationRef.current,\n                });\n\n                move.style.setProperty(\"--triplex-next-runtime-SmartSpot-Move_X\", `${frame.x}px`);\n                move.style.setProperty(\"--triplex-next-runtime-SmartSpot-Move_Y\", `${frame.y}px`);\n                move.style.setProperty(\"--triplex-next-runtime-SmartSpot-Spot_Scale\", String(frame.scale));\n            };\n\n            applyFrame(0);\n\n            if (animation === ESmartSpotAnimation.NONE) {\n                return undefined;\n            }\n\n            // Прогресс цикла (0..1) накапливается по кадрам, поэтому при смене duration движение продолжается\n            // с текущей точки, а не перескакивает.\n            let progress = 0;\n            let lastTime = performance.now();\n            let rafId = requestAnimationFrame(function tick(now) {\n                const period = getSmartSpotDuration(animation, durationRef.current);\n\n                if (period > 0) {\n                    // Метка первого кадра может оказаться раньше performance.now() на момент запуска.\n                    progress = (progress + Math.max(0, now - lastTime) / period) % 1;\n                }\n                lastTime = now;\n                applyFrame(progress * period);\n                rafId = requestAnimationFrame(tick);\n            });\n\n            return () => cancelAnimationFrame(rafId);\n        }, [animation, distanceRef, durationRef]);\n\n        const rootStyle: ISmartSpotStyle = {\n            ...style,\n            \"--triplex-next-runtime-SmartSpot-Blur_Sigma\": `${blur}px`,\n        };\n\n        return (\n            <div\n                {...restProps}\n                className={clsx(styles.smartSpot, styles[type], styles[shape], className)}\n                style={rootStyle}\n                ref={ref}\n            >\n                <div className={styles.blur} aria-hidden=\"true\">\n                    <div className={styles.move} ref={moveRef}>\n                        {SPOTS_BY_TYPE[type].map((spot, index) => (\n                            <span key={index} className={styles.spot} style={getSpotStyle(spot)} />\n                        ))}\n                    </div>\n                </div>\n                {children && <div className={styles.content}>{children}</div>}\n            </div>\n        );\n    },\n);\n\nSmartSpot.displayName = \"SmartSpot\";\n"],"names":["React","blur","move","spot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,MAAM,eAAe,CAAC,EAAE,GAAG,GAAG,UAAU,eAAoD;AAAA,EACxF,2CAA2C,GAAG,CAAC;AAAA,EAC/C,2CAA2C,GAAG,CAAC;AAAA,EAC/C,8CAA8C,GAAG,QAAQ;AAAA,EACzD,iDAAiD;AACrD;AAMO,MAAM,YAAYA,eAAM;AAAA,EAC3B,CACI;AAAA,IACI;AAAA,IACA,YAAY,oBAAoB;AAAA,IAChC,MAAAC,QAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,QAAQ,gBAAgB;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,UAAUD,eAAM,OAAuB,IAAI;AAEjD,UAAM,cAAc,aAAa,QAAQ;AACzC,UAAM,cAAc,aAAa,QAAQ;AAEzCA,mBAAM,UAAU,MAAM;AAClB,YAAME,QAAO,QAAQ;AAErB,UAAI,CAACA,OAAM;AACP,eAAO;AAAA,MACX;AAGA,YAAM,aAAa,CAAC,MAAc;AAC9B,cAAM,QAAQ,kBAAkB,WAAW,GAAG;AAAA,UAC1C,UAAU,YAAY;AAAA,UACtB,UAAU,YAAY;AAAA,QAAA,CACzB;AAED,QAAAA,MAAK,MAAM,YAAY,2CAA2C,GAAG,MAAM,CAAC,IAAI;AAChF,QAAAA,MAAK,MAAM,YAAY,2CAA2C,GAAG,MAAM,CAAC,IAAI;AAChF,QAAAA,MAAK,MAAM,YAAY,+CAA+C,OAAO,MAAM,KAAK,CAAC;AAAA,MAC7F;AAEA,iBAAW,CAAC;AAEZ,UAAI,cAAc,oBAAoB,MAAM;AACxC,eAAO;AAAA,MACX;AAIA,UAAI,WAAW;AACf,UAAI,WAAW,YAAY,IAAA;AAC3B,UAAI,QAAQ,sBAAsB,SAAS,KAAK,KAAK;AACjD,cAAM,SAAS,qBAAqB,WAAW,YAAY,OAAO;AAElE,YAAI,SAAS,GAAG;AAEZ,sBAAY,WAAW,KAAK,IAAI,GAAG,MAAM,QAAQ,IAAI,UAAU;AAAA,QACnE;AACA,mBAAW;AACX,mBAAW,WAAW,MAAM;AAC5B,gBAAQ,sBAAsB,IAAI;AAAA,MACtC,CAAC;AAED,aAAO,MAAM,qBAAqB,KAAK;AAAA,IAC3C,GAAG,CAAC,WAAW,aAAa,WAAW,CAAC;AAExC,UAAM,YAA6B;AAAA,MAC/B,GAAG;AAAA,MACH,+CAA+C,GAAGD,KAAI;AAAA,IAAA;AAG1D,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ,WAAW,KAAK,OAAO,WAAW,OAAO,IAAI,GAAG,OAAO,KAAK,GAAG,SAAS;AAAA,QACxE,OAAO;AAAA,QACP;AAAA,QAEA,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,MAAM,eAAY,QACrC,UAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,MAAM,KAAK,SAC7B,wBAAc,IAAI,EAAE,IAAI,CAACE,OAAM,UAC5B,oBAAC,QAAA,EAAiB,WAAW,OAAO,MAAM,OAAO,aAAaA,KAAI,EAAA,GAAvD,KAA0D,CACxE,GACL,GACJ;AAAA,UACC,YAAY,oBAAC,OAAA,EAAI,WAAW,OAAO,SAAU,SAAA,CAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGnE;AACJ;AAEA,UAAU,cAAc;"}

package/components/SmartSpot/consts.js

@@ -0,0 +1,47 @@
+import { ESmartSpotType } from "./enums.js";
+const DEFAULT_BLUR = 60;
+const SPOTS_BY_TYPE = {
+  [ESmartSpotType.SUCCESS]: [
+    { x: -110, y: -194, diameter: 294, opacity: 0.5 },
+    { x: -183, y: -60, diameter: 281, opacity: 1 },
+    { x: -130, y: -47, diameter: 200, opacity: 0.53 },
+    { x: -130, y: -47, diameter: 145, opacity: 0.53 }
+  ],
+  [ESmartSpotType.WARNING]: [
+    { x: -189, y: -59, diameter: 281, opacity: 1 },
+    { x: -135, y: -91, diameter: 324, opacity: 0.4 },
+    { x: -117, y: -47, diameter: 175, opacity: 1 },
+    { x: -117, y: -47, diameter: 205, opacity: 0.54 }
+  ],
+  [ESmartSpotType.ERROR]: [
+    { x: -183, y: -59, diameter: 281, opacity: 1 },
+    { x: -129, y: -91, diameter: 312, opacity: 0.53 },
+    { x: -111, y: -47, diameter: 181, opacity: 1 },
+    { x: -111, y: -47, diameter: 205, opacity: 0.24 }
+  ],
+  [ESmartSpotType.WAITING]: [
+    { x: -110, y: -194, diameter: 294, opacity: 0.5 },
+    { x: -183, y: -60, diameter: 318, opacity: 1 },
+    { x: -129, y: -48, diameter: 203, opacity: 0.5 },
+    { x: -145, y: -62, diameter: 175, opacity: 0.7 }
+  ]
+};
+const DRIFT_PRESET = {
+  distance: 50,
+  ratioY: 0.5,
+  duration: 6e3,
+  startAngle: Math.PI / 2,
+  direction: -1
+};
+const BREATHING_PRESET = {
+  duration: 6e3,
+  minScale: 0.9,
+  maxScale: 1.1
+};
+export {
+  BREATHING_PRESET,
+  DEFAULT_BLUR,
+  DRIFT_PRESET,
+  SPOTS_BY_TYPE
+};
+//# sourceMappingURL=consts.js.map

package/components/SmartSpot/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sources":["../../../src/components/SmartSpot/consts.ts"],"sourcesContent":["import { ESmartSpotType } from \"./enums\";\n\n/** Размытие слоя пятен по умолчанию, px. */\nexport const DEFAULT_BLUR = 60;\n\n/**\n * Геометрия пятна. Координаты — левый верхний угол квадрата, в который вписано пятно,\n * относительно центра верхней грани родителя, px.\n */\nexport interface ISmartSpotSpot {\n    /** Сдвиг по горизонтали от центра верхней грани, px. */\n    x: number;\n    /** Сдвиг по вертикали от верхней грани, px. */\n    y: number;\n    /** Диаметр, px. */\n    diameter: number;\n    /** Прозрачность, 0..1. */\n    opacity: number;\n}\n\n/** Пятна по типам в порядке отрисовки. Цвет пятна задаётся в LESS по его порядковому номеру. */\nexport const SPOTS_BY_TYPE: Record<ESmartSpotType, ISmartSpotSpot[]> = {\n    [ESmartSpotType.SUCCESS]: [\n        { x: -110, y: -194, diameter: 294, opacity: 0.5 },\n        { x: -183, y: -60, diameter: 281, opacity: 1 },\n        { x: -130, y: -47, diameter: 200, opacity: 0.53 },\n        { x: -130, y: -47, diameter: 145, opacity: 0.53 },\n    ],\n    [ESmartSpotType.WARNING]: [\n        { x: -189, y: -59, diameter: 281, opacity: 1 },\n        { x: -135, y: -91, diameter: 324, opacity: 0.4 },\n        { x: -117, y: -47, diameter: 175, opacity: 1 },\n        { x: -117, y: -47, diameter: 205, opacity: 0.54 },\n    ],\n    [ESmartSpotType.ERROR]: [\n        { x: -183, y: -59, diameter: 281, opacity: 1 },\n        { x: -129, y: -91, diameter: 312, opacity: 0.53 },\n        { x: -111, y: -47, diameter: 181, opacity: 1 },\n        { x: -111, y: -47, diameter: 205, opacity: 0.24 },\n    ],\n    [ESmartSpotType.WAITING]: [\n        { x: -110, y: -194, diameter: 294, opacity: 0.5 },\n        { x: -183, y: -60, diameter: 318, opacity: 1 },\n        { x: -129, y: -48, diameter: 203, opacity: 0.5 },\n        { x: -145, y: -62, diameter: 175, opacity: 0.7 },\n    ],\n};\n\n/** Пресет Drift: слой пятен движется по эллипсу. */\nexport interface ISmartSpotDriftPreset {\n    /** Радиус эллипса по горизонтали, px. */\n    distance: number;\n    /** Отношение радиуса по вертикали к радиусу по горизонтали. */\n    ratioY: number;\n    /** Длительность цикла, мс. */\n    duration: number;\n    /** Начальный угол, рад. */\n    startAngle: number;\n    /** Направление: 1 — по часовой стрелке на экране, -1 — против. */\n    direction: 1 | -1;\n}\n\n/** Пресет Breathing: масштаб каждого пятна пульсирует, слой на месте. */\nexport interface ISmartSpotBreathingPreset {\n    /** Длительность цикла (min → max → min), мс. */\n    duration: number;\n    /** Минимальный масштаб пятна. */\n    minScale: number;\n    /** Максимальный масштаб пятна. */\n    maxScale: number;\n}\n\n/** Пресет анимации Drift по умолчанию. */\nexport const DRIFT_PRESET: ISmartSpotDriftPreset = {\n    distance: 50,\n    ratioY: 0.5,\n    duration: 6000,\n    startAngle: Math.PI / 2,\n    direction: -1,\n};\n\n/** Пресет анимации Breathing по умолчанию. */\nexport const BREATHING_PRESET: ISmartSpotBreathingPreset = {\n    duration: 6000,\n    minScale: 0.9,\n    maxScale: 1.1,\n};\n"],"names":[],"mappings":";AAGO,MAAM,eAAe;AAkBrB,MAAM,gBAA0D;AAAA,EACnE,CAAC,eAAe,OAAO,GAAG;AAAA,IACtB,EAAE,GAAG,MAAM,GAAG,MAAM,UAAU,KAAK,SAAS,IAAA;AAAA,IAC5C,EAAE,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,EAAA;AAAA,IAC3C,EAAE,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,KAAA;AAAA,IAC3C,EAAE,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,KAAA;AAAA,EAAK;AAAA,EAEpD,CAAC,eAAe,OAAO,GAAG;AAAA,IACtB,EAAE,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,EAAA;AAAA,IAC3C,EAAE,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,IAAA;AAAA,IAC3C,EAAE,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,EAAA;AAAA,IAC3C,EAAE,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,KAAA;AAAA,EAAK;AAAA,EAEpD,CAAC,eAAe,KAAK,GAAG;AAAA,IACpB,EAAE,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,EAAA;AAAA,IAC3C,EAAE,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,KAAA;AAAA,IAC3C,EAAE,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,EAAA;AAAA,IAC3C,EAAE,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,KAAA;AAAA,EAAK;AAAA,EAEpD,CAAC,eAAe,OAAO,GAAG;AAAA,IACtB,EAAE,GAAG,MAAM,GAAG,MAAM,UAAU,KAAK,SAAS,IAAA;AAAA,IAC5C,EAAE,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,EAAA;AAAA,IAC3C,EAAE,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,IAAA;AAAA,IAC3C,EAAE,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,IAAA;AAAA,EAAI;AAEvD;AA2BO,MAAM,eAAsC;AAAA,EAC/C,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,YAAY,KAAK,KAAK;AAAA,EACtB,WAAW;AACf;AAGO,MAAM,mBAA8C;AAAA,EACvD,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AACd;"}

package/components/SmartSpot/enums.js

@@ -0,0 +1,26 @@
+var ESmartSpotType = /* @__PURE__ */ ((ESmartSpotType2) => {
+  ESmartSpotType2["SUCCESS"] = "success";
+  ESmartSpotType2["WARNING"] = "warning";
+  ESmartSpotType2["ERROR"] = "error";
+  ESmartSpotType2["WAITING"] = "waiting";
+  return ESmartSpotType2;
+})(ESmartSpotType || {});
+var ESmartSpotAnimation = /* @__PURE__ */ ((ESmartSpotAnimation2) => {
+  ESmartSpotAnimation2["DRIFT"] = "drift";
+  ESmartSpotAnimation2["BREATHING"] = "breathing";
+  ESmartSpotAnimation2["NONE"] = "none";
+  return ESmartSpotAnimation2;
+})(ESmartSpotAnimation || {});
+var ESmartSpotShape = /* @__PURE__ */ ((ESmartSpotShape2) => {
+  ESmartSpotShape2["CIRCLE"] = "circle";
+  ESmartSpotShape2["OVAL"] = "oval";
+  ESmartSpotShape2["SQUARE"] = "square";
+  ESmartSpotShape2["TRIANGLE"] = "triangle";
+  return ESmartSpotShape2;
+})(ESmartSpotShape || {});
+export {
+  ESmartSpotAnimation,
+  ESmartSpotShape,
+  ESmartSpotType
+};
+//# sourceMappingURL=enums.js.map

package/components/SmartSpot/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sources":["../../../src/components/SmartSpot/enums.ts"],"sourcesContent":["/** Тип SmartSpot. Задаёт цвета и набор пятен. */\nexport enum ESmartSpotType {\n    /** Успешное завершение. */\n    SUCCESS = \"success\",\n    /** Предупреждение. */\n    WARNING = \"warning\",\n    /** Ошибка. */\n    ERROR = \"error\",\n    /** Ожидание, системный статус. */\n    WAITING = \"waiting\",\n}\n\n/** Пресет анимации SmartSpot. */\nexport enum ESmartSpotAnimation {\n    /** Медленный дрейф слоя пятен по эллипсу. */\n    DRIFT = \"drift\",\n    /** Пульсация размера каждого пятна. */\n    BREATHING = \"breathing\",\n    /** Без анимации. */\n    NONE = \"none\",\n}\n\n/** Форма пятен SmartSpot. */\nexport enum ESmartSpotShape {\n    /** Круг. */\n    CIRCLE = \"circle\",\n    /** Овал, вытянутый по горизонтали. */\n    OVAL = \"oval\",\n    /** Квадрат. */\n    SQUARE = \"square\",\n    /** Треугольник. */\n    TRIANGLE = \"triangle\",\n}\n"],"names":["ESmartSpotType","ESmartSpotAnimation","ESmartSpotShape"],"mappings":"AACO,IAAK,mCAAAA,oBAAL;AAEHA,kBAAA,SAAA,IAAU;AAEVA,kBAAA,SAAA,IAAU;AAEVA,kBAAA,OAAA,IAAQ;AAERA,kBAAA,SAAA,IAAU;AARF,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;AAYL,IAAK,wCAAAC,yBAAL;AAEHA,uBAAA,OAAA,IAAQ;AAERA,uBAAA,WAAA,IAAY;AAEZA,uBAAA,MAAA,IAAO;AANC,SAAAA;AAAA,GAAA,uBAAA,CAAA,CAAA;AAUL,IAAK,oCAAAC,qBAAL;AAEHA,mBAAA,QAAA,IAAS;AAETA,mBAAA,MAAA,IAAO;AAEPA,mBAAA,QAAA,IAAS;AAETA,mBAAA,UAAA,IAAW;AARH,SAAAA;AAAA,GAAA,mBAAA,CAAA,CAAA;"}

package/components/SmartSpot/index.js

@@ -0,0 +1,9 @@
+import { SmartSpot } from "./SmartSpot.js";
+import { ESmartSpotAnimation, ESmartSpotShape, ESmartSpotType } from "./enums.js";
+export {
+  ESmartSpotAnimation,
+  ESmartSpotShape,
+  ESmartSpotType,
+  SmartSpot
+};
+//# sourceMappingURL=index.js.map

package/components/SmartSpot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/components/SmartSpot/utils.js

@@ -0,0 +1,36 @@
+import { BREATHING_PRESET, DRIFT_PRESET } from "./consts.js";
+import { ESmartSpotAnimation } from "./enums.js";
+const getCycleProgress = (t, period) => period > 0 ? t % period / period : 0;
+const getSmartSpotDuration = (animation, duration) => {
+  switch (animation) {
+    case ESmartSpotAnimation.DRIFT:
+      return duration ?? DRIFT_PRESET.duration;
+    case ESmartSpotAnimation.BREATHING:
+      return duration ?? BREATHING_PRESET.duration;
+    default:
+      return 0;
+  }
+};
+const getSmartSpotFrame = (animation, t, { distance, duration } = {}) => {
+  const progress = getCycleProgress(t, getSmartSpotDuration(animation, duration));
+  switch (animation) {
+    case ESmartSpotAnimation.DRIFT: {
+      const { ratioY, startAngle, direction } = DRIFT_PRESET;
+      const radiusX = distance ?? DRIFT_PRESET.distance;
+      const theta = startAngle + direction * 2 * Math.PI * progress;
+      return { x: Math.cos(theta) * radiusX, y: Math.sin(theta) * radiusX * ratioY, scale: 1 };
+    }
+    case ESmartSpotAnimation.BREATHING: {
+      const { minScale, maxScale } = BREATHING_PRESET;
+      const wave = 1 - Math.abs(2 * progress - 1);
+      return { x: 0, y: 0, scale: minScale + (maxScale - minScale) * wave };
+    }
+    default:
+      return { x: 0, y: 0, scale: 1 };
+  }
+};
+export {
+  getSmartSpotDuration,
+  getSmartSpotFrame
+};
+//# sourceMappingURL=utils.js.map

package/components/SmartSpot/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/SmartSpot/utils.ts"],"sourcesContent":["import { BREATHING_PRESET, DRIFT_PRESET } from \"./consts\";\nimport { ESmartSpotAnimation } from \"./enums\";\n\n/** Кадр анимации: сдвиг слоя пятен и масштаб каждого пятна. */\nexport interface ISmartSpotFrame {\n    /** Сдвиг слоя пятен по горизонтали, px. */\n    x: number;\n    /** Сдвиг слоя пятен по вертикали, px. */\n    y: number;\n    /** Масштаб каждого пятна. */\n    scale: number;\n}\n\n/** Параметры движения, переопределяющие значения пресета. */\nexport interface ISmartSpotMotion {\n    /** Дистанция движения (радиус по горизонтали), px. */\n    distance?: number;\n    /** Длительность одного цикла, мс. */\n    duration?: number;\n}\n\n/** Доля пройденного цикла в момент t, 0..1. Для неположительного периода — 0. */\nconst getCycleProgress = (t: number, period: number): number => (period > 0 ? (t % period) / period : 0);\n\n/**\n * Длительность цикла анимации, мс: переданная или значение пресета. Для None — 0.\n */\nexport const getSmartSpotDuration = (animation: ESmartSpotAnimation, duration?: number): number => {\n    switch (animation) {\n        case ESmartSpotAnimation.DRIFT:\n            return duration ?? DRIFT_PRESET.duration;\n        case ESmartSpotAnimation.BREATHING:\n            return duration ?? BREATHING_PRESET.duration;\n        default:\n            return 0;\n    }\n};\n\n/**\n * Возвращает кадр анимации в момент t (мс).\n * Drift двигает слой пятен по эллипсу, Breathing масштабирует каждое пятно, None — статичный кадр.\n * distance и duration переопределяют значения пресета; пропорции эллипса сохраняются.\n */\nexport const getSmartSpotFrame = (\n    animation: ESmartSpotAnimation,\n    t: number,\n    { distance, duration }: ISmartSpotMotion = {},\n): ISmartSpotFrame => {\n    const progress = getCycleProgress(t, getSmartSpotDuration(animation, duration));\n\n    switch (animation) {\n        case ESmartSpotAnimation.DRIFT: {\n            const { ratioY, startAngle, direction } = DRIFT_PRESET;\n            const radiusX = distance ?? DRIFT_PRESET.distance;\n            // Ось y направлена вниз, поэтому положительное direction — движение по часовой стрелке на экране.\n            const theta = startAngle + direction * 2 * Math.PI * progress;\n\n            return { x: Math.cos(theta) * radiusX, y: Math.sin(theta) * radiusX * ratioY, scale: 1 };\n        }\n        case ESmartSpotAnimation.BREATHING: {\n            const { minScale, maxScale } = BREATHING_PRESET;\n            // Треугольная волна 0 → 1 → 0: первая половина цикла — рост, вторая — уменьшение.\n            const wave = 1 - Math.abs(2 * progress - 1);\n\n            return { x: 0, y: 0, scale: minScale + (maxScale - minScale) * wave };\n        }\n        default:\n            return { x: 0, y: 0, scale: 1 };\n    }\n};\n"],"names":[],"mappings":";;AAsBA,MAAM,mBAAmB,CAAC,GAAW,WAA4B,SAAS,IAAK,IAAI,SAAU,SAAS;AAK/F,MAAM,uBAAuB,CAAC,WAAgC,aAA8B;AAC/F,UAAQ,WAAA;AAAA,IACJ,KAAK,oBAAoB;AACrB,aAAO,YAAY,aAAa;AAAA,IACpC,KAAK,oBAAoB;AACrB,aAAO,YAAY,iBAAiB;AAAA,IACxC;AACI,aAAO;AAAA,EAAA;AAEnB;AAOO,MAAM,oBAAoB,CAC7B,WACA,GACA,EAAE,UAAU,SAAA,IAA+B,OACzB;AAClB,QAAM,WAAW,iBAAiB,GAAG,qBAAqB,WAAW,QAAQ,CAAC;AAE9E,UAAQ,WAAA;AAAA,IACJ,KAAK,oBAAoB,OAAO;AAC5B,YAAM,EAAE,QAAQ,YAAY,UAAA,IAAc;AAC1C,YAAM,UAAU,YAAY,aAAa;AAEzC,YAAM,QAAQ,aAAa,YAAY,IAAI,KAAK,KAAK;AAErD,aAAO,EAAE,GAAG,KAAK,IAAI,KAAK,IAAI,SAAS,GAAG,KAAK,IAAI,KAAK,IAAI,UAAU,QAAQ,OAAO,EAAA;AAAA,IACzF;AAAA,IACA,KAAK,oBAAoB,WAAW;AAChC,YAAM,EAAE,UAAU,SAAA,IAAa;AAE/B,YAAM,OAAO,IAAI,KAAK,IAAI,IAAI,WAAW,CAAC;AAE1C,aAAO,EAAE,GAAG,GAAG,GAAG,GAAG,OAAO,YAAY,WAAW,YAAY,KAAA;AAAA,IACnE;AAAA,IACA;AACI,aAAO,EAAE,GAAG,GAAG,GAAG,GAAG,OAAO,EAAA;AAAA,EAAE;AAE1C;"}

package/components/Spoiler/Spoiler.js

@@ -9,15 +9,15 @@ import "../Button/ButtonDropdown.js";
 import "../Button/ButtonDropdownExtended.js";
 import { EButtonTheme } from "../Button/enums.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const spoiler = "spoiler__1073abbb";
-const opened = "opened__35e9e95b";
-const caretIcon = "caretIcon__fd8e5ec0";
-const head = "head__bac65009";
-const content = "content__f14f8937";
-const hidden = "hidden__bb417897";
-const lg = "lg__2d1cee29";
-const md = "md__e84e56cd";
-const sm = "sm__771c0359";
+const spoiler = "spoiler__33e634a5";
+const opened = "opened__10cdcd95";
+const caretIcon = "caretIcon__5b62792f";
+const head = "head__76394c71";
+const content = "content__23ecda03";
+const hidden = "hidden__f39ead12";
+const lg = "lg__1dd96eaf";
+const md = "md__d0fe0cc4";
+const sm = "sm__8cbb91af";
 const styles = {
   spoiler,
   opened,
@@ -69,7 +69,7 @@ const Spoiler = React__default.forwardRef((props, ref) => {
     },
     className
   );
-  return /* @__PURE__ */ jsxs("div", { ...restProps, className: classNames, "data-tx": "1.52.0", ref, children: [
+  return /* @__PURE__ */ jsxs("div", { ...restProps, className: classNames, "data-tx": "1.53.0", ref, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.head, children: [
       /* @__PURE__ */ jsxs(
         Button,

package/components/StatusTracker/StatusTracker.js

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

package/components/StatusTracker/components/StatusTrackerAlert.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import "../../Alert/AlertContext/AlertContext.js";
 import { AlertProcess } from "../../Alert/AlertProcess/AlertProcess.js";
 import "../../Alert/AlertTypeUtils.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-CvJSNkUB.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DJJRZUEF.js";
 import { ETextSize, EFontType } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";

package/components/StatusTracker/components/StatusTrackerBody.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { StatusTrackerAlert } from "./StatusTrackerAlert.js";
 import { StatusTrackerStatus } from "./StatusTrackerStatus.js";
 import { StatusTrackerStatusGroup } from "./StatusTrackerStatusGroup.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-CvJSNkUB.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DJJRZUEF.js";
 const StatusTrackerBody = Object.assign(
   React__default.forwardRef(function StatusTrackerBody2({ children, className, ...restProps }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerChild, className), ...restProps, ref, children });

package/components/StatusTracker/components/StatusTrackerButton.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-CvJSNkUB.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DJJRZUEF.js";
 import { Button } from "../../Button/Button.js";
 import "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";

package/components/StatusTracker/components/StatusTrackerDescription.js

@@ -6,7 +6,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-CvJSNkUB.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DJJRZUEF.js";
 const StatusTrackerDescription = React__default.forwardRef(
   function StatusTrackerDescription2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx(