@sberbusiness/triplex-next 1.52.0 → 1.53.0

package/components/CollapsibleTreeExtended/components/CollapsibleTreeExtendedNode.js

@@ -6,7 +6,7 @@ import React__default from "react";
 import { TreeView } from "../../TreeView/TreeView.js";
 import { AccordionBase } from "../../AccordionBase/protected/AccordionBase.js";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const collapsibleTreeExtendedNodeContent = "collapsibleTreeExtendedNodeContent__ea552172";
+const collapsibleTreeExtendedNodeContent = "collapsibleTreeExtendedNodeContent__bacd9eee";
 const styles = {
   collapsibleTreeExtendedNodeContent
 };

package/components/Confirm/Confirm.js

@@ -10,7 +10,7 @@ import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
 import { EConfirmParentComponent } from "./enums.js";
-import { s as styles } from "../../chunks/Confirm.module-GtloV6ct.js";
+import { s as styles } from "../../chunks/Confirm.module-D02JxDMv.js";
 const PARENT_COMPONENT_TO_CLASS_NAME_MAP = {
   [EConfirmParentComponent.LIGHTBOX]: styles.isInLightBox,
   [EConfirmParentComponent.SIDE_OVERLAY_SM]: styles.isInSideOverlaySM,

package/components/Confirm/components/ConfirmCloseButton.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { CrossStrokeSrvIcon20 } from "@sberbusiness/icons-next";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/Confirm.module-GtloV6ct.js";
+import { s as styles } from "../../../chunks/Confirm.module-D02JxDMv.js";
 import { Button } from "../../Button/Button.js";
 import { EButtonTheme } from "../../Button/enums.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";

package/components/Confirm/components/ConfirmContent.js

@@ -3,7 +3,7 @@ import React__default from "react";
 import { ConfirmContentSubTitle } from "./ConfirmContentSubTitle.js";
 import { ConfirmContentTitle } from "./ConfirmContentTitle.js";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/Confirm.module-GtloV6ct.js";
+import { s as styles } from "../../../chunks/Confirm.module-D02JxDMv.js";
 const ConfirmContent = Object.assign(
   React__default.forwardRef(({ children, className, ...htmlDivAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.confirmContent, className), ...htmlDivAttributes, ref, children })),
   {

package/components/Confirm/components/ConfirmContentTitle.js

@@ -3,7 +3,7 @@ import React__default from "react";
 import { ETitleSize } from "../../Typography/enums.js";
 import { Title } from "../../Typography/Title.js";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/Confirm.module-GtloV6ct.js";
+import { s as styles } from "../../../chunks/Confirm.module-D02JxDMv.js";
 const ConfirmContentTitle = React__default.forwardRef(
   ({ children, className, size = ETitleSize.H3, ...rest }, ref) => /* @__PURE__ */ jsx(Title, { size, className: clsx(styles.confirmContentTitle, className), ...rest, ref, children })
 );

package/components/Confirm/components/ConfirmControls.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/Confirm.module-GtloV6ct.js";
+import { s as styles } from "../../../chunks/Confirm.module-D02JxDMv.js";
 const ConfirmControls = React__default.forwardRef(
   ({ children, className, ...htmlDivAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.confirmControls, className), ...htmlDivAttributes, ref, children })
 );

package/components/DateField/DateField.js

@@ -9,7 +9,7 @@ import { inputDateFormat } from "./constants.js";
 import { Tooltip } from "../Tooltip/Tooltip.js";
 import { ETooltipSize } from "../Tooltip/enums.js";
 import { MobileView } from "../MobileView/MobileView.js";
-import { DropdownMobileMaskedInput } from "../Dropdown/mobile/DropdownMobileMaskedInput.js";
+import { PullerMaskedInput } from "../Puller/PullerMaskedInput.js";
 import { DateFieldContext } from "./DateFieldContext.js";
 import { FormFieldMaskedInput } from "../FormField/components/FormFieldMaskedInput.js";
 const DateField = React__default.forwardRef((props, ref) => {
@@ -135,10 +135,10 @@ const DateField = React__default.forwardRef((props, ref) => {
     ) });
   };
   const renderDropdownHeaderTarget = () => /* @__PURE__ */ jsx(
-    DropdownMobileMaskedInput,
+    PullerMaskedInput,
     {
       value: pickerValues.inputString,
-      mask: DropdownMobileMaskedInput.presets.masks.date,
+      mask: PullerMaskedInput.presets.masks.date,
       placeholderMask,
       onChange: handleInputChange,
       autoFocus: true

package/components/DateField/DateField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateField.js","sources":["../../../src/components/DateField/DateField.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport moment from \"moment\";\nimport { IDateFieldProps } from \"./types\";\nimport { DatePickerExtended } from \"../DatePickerExtended/DatePickerExtended\";\nimport { dateFormatYYYYMMDD, globalLimitRange } from \"../../consts/DateConst\";\nimport { DateFieldUtils } from \"./utils\";\nimport { DateFieldTarget } from \"./DateFieldTarget\";\nimport { inputDateFormat } from \"./constants\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport { ETooltipSize } from \"../Tooltip/enums\";\nimport { MobileView } from \"../MobileView/MobileView\";\nimport { DropdownMobileMaskedInput } from \"../Dropdown/mobile/DropdownMobileMaskedInput\";\nimport { DateFieldContext } from \"./DateFieldContext\";\nimport { FormFieldMaskedInput } from \"../FormField/components/FormFieldMaskedInput\";\n\n/** Компонент ввода и выбора даты. */\nexport const DateField = React.forwardRef<HTMLDivElement, IDateFieldProps>((props, ref) => {\n    const {\n        size,\n        status,\n        value,\n        label,\n        placeholderMask,\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledby,\n        format = dateFormatYYYYMMDD,\n        limitRange = globalLimitRange,\n        disabledDays,\n        onChange,\n        onClear,\n        onDropdownOpen,\n        onDropdownClose,\n        invalidDateHint,\n        targetProps,\n        ...restProps\n    } = props;\n    const [pickerValues, setPickerValues] = useState(\n        DateFieldUtils.getPickerValues(value, format, limitRange, disabledDays),\n    );\n    const tooltipTargetRef = useRef<HTMLDivElement | null>(null);\n    const dropdownTargetRef = useRef<HTMLDivElement | null>(null);\n    const lastValidPickerValuesRef = useRef(pickerValues);\n    const inputFocusedRef = useRef(false);\n    const dropdownOpenRef = useRef(false);\n    const dropdownClosedByCalendarRef = useRef(false); // Dropdown закрылся от выбора даты в календаре\n    const tooltipOpenedRef = useRef(false);\n\n    useEffect(() => {\n        const newPickerValues = DateFieldUtils.getPickerValues(value, format, limitRange, disabledDays);\n\n        if (newPickerValues.inputString !== pickerValues.inputString) {\n            setPickerValues(newPickerValues);\n        }\n        lastValidPickerValuesRef.current = newPickerValues;\n        // pickerValues намеренно не в зависимостях: эффект синхронизирует поле с внешним value,\n        // а не реагирует на ввод пользователя — иначе он затирал бы промежуточный ввод.\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value, format, limitRange, disabledDays]);\n\n    const setRef = (instance: HTMLDivElement | null) => {\n        tooltipTargetRef.current = instance;\n        if (typeof ref === \"function\") {\n            ref(instance);\n        } else if (ref) {\n            ref.current = instance;\n        }\n    };\n\n    /** Обработчик изменения значения поля ввода с маской. */\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        let date: moment.Moment | null = null;\n\n        if (event.target.value.length === inputDateFormat.length) {\n            date = moment(event.target.value, inputDateFormat, true);\n\n            if (\n                !date.isValid() ||\n                !DateFieldUtils.isAvailableDate(date, date.format(format), limitRange, disabledDays)\n            ) {\n                date = null;\n            }\n\n            tooltipOpenedRef.current = !date;\n        } else {\n            tooltipOpenedRef.current = false;\n        }\n\n        setPickerValues({ calendarDate: date, inputString: event.target.value });\n    };\n\n    /** Триггер изменения значения из поля ввода. */\n    const triggerChangeFromInput = () => {\n        if (pickerValues.inputString.length === 0 && value.length !== 0) {\n            return onChange(pickerValues.inputString);\n        }\n\n        const date = moment(pickerValues.inputString, inputDateFormat, true);\n\n        if (date.isValid()) {\n            const newValue = date.format(format);\n\n            if (newValue === value) {\n                return;\n            }\n\n            if (DateFieldUtils.isAvailableDate(date, newValue, limitRange, disabledDays)) {\n                return onChange(newValue);\n            }\n        }\n\n        // Текущее значение в поле невалидно, возвращаем последнее валидное.\n        if (pickerValues.inputString !== lastValidPickerValuesRef.current.inputString) {\n            tooltipOpenedRef.current = false;\n            setPickerValues(lastValidPickerValuesRef.current);\n        }\n    };\n\n    /** Обработчик открытия Dropdown. */\n    const handleDropdownOpen = () => {\n        dropdownOpenRef.current = true;\n\n        onDropdownOpen?.();\n    };\n\n    /** Обработчик закрытия Dropdown. */\n    const handleDropdownClose = () => {\n        dropdownOpenRef.current = false;\n\n        if (dropdownClosedByCalendarRef.current) {\n            dropdownClosedByCalendarRef.current = false;\n        } else if (\n            !inputFocusedRef.current &&\n            pickerValues.inputString !== lastValidPickerValuesRef.current.inputString\n        ) {\n            triggerChangeFromInput();\n        }\n\n        onDropdownClose?.();\n    };\n\n    /** Обработчик изменения даты. */\n    const handleDateChange = (date: moment.Moment) => {\n        dropdownClosedByCalendarRef.current = true;\n        tooltipOpenedRef.current = false;\n\n        onChange(date.format(format));\n    };\n\n    /** Рендер-функция управляющего элемента. */\n    const renderTarget = () => {\n        const { maskedInputProps, ...restTargetProps } = targetProps || {};\n        const { onChange: onInputChange, ...restMaskedInputProps } = maskedInputProps || {};\n\n        return (\n            <DateFieldContext.Provider value={{ inputFocusedRef, onChange, triggerChangeFromInput }}>\n                <DateFieldTarget\n                    size={size}\n                    status={status}\n                    label={label}\n                    onClear={onClear}\n                    maskedInputProps={{\n                        value: pickerValues.inputString,\n                        mask: FormFieldMaskedInput.presets.masks.date,\n                        placeholderMask,\n                        \"aria-label\": ariaLabel,\n                        \"aria-labelledby\": ariaLabelledby,\n                        onChange: (event) => {\n                            handleInputChange(event);\n                            onInputChange?.(event);\n                        },\n                        ...restMaskedInputProps,\n                    }}\n                    {...restTargetProps}\n                    ref={dropdownTargetRef}\n                />\n            </DateFieldContext.Provider>\n        );\n    };\n\n    /** Рендер-функция управляющего элемента в заголовке DropdownMobile. */\n    const renderDropdownHeaderTarget = () => (\n        <DropdownMobileMaskedInput\n            value={pickerValues.inputString}\n            mask={DropdownMobileMaskedInput.presets.masks.date}\n            placeholderMask={placeholderMask}\n            onChange={handleInputChange}\n            autoFocus={true}\n        />\n    );\n\n    /** Рендер-функция DatePickerExtended — поле ввода с выпадающим календарём. */\n    const renderDatePickerExtended = () => (\n        <DatePickerExtended\n            dropdownTargetRef={dropdownTargetRef}\n            renderTarget={renderTarget}\n            renderDropdownHeaderTarget={renderDropdownHeaderTarget}\n            pickedDate={pickerValues.calendarDate}\n            format={format}\n            limitRange={limitRange}\n            disabledDays={disabledDays}\n            onDropdownOpen={handleDropdownOpen}\n            onDropdownClose={handleDropdownClose}\n            onDateChange={handleDateChange}\n            {...restProps}\n            ref={setRef}\n        />\n    );\n\n    return (\n        <MobileView\n            fallback={\n                <Tooltip targetRef={tooltipTargetRef} size={ETooltipSize.SM} isOpen={tooltipOpenedRef.current}>\n                    <Tooltip.Body>{invalidDateHint}</Tooltip.Body>\n                    <Tooltip.Target>{renderDatePickerExtended()}</Tooltip.Target>\n                </Tooltip>\n            }\n        >\n            {renderDatePickerExtended()}\n        </MobileView>\n    );\n});\n\nDateField.displayName = \"DateField\";\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"DateField.js","sources":["../../../src/components/DateField/DateField.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport moment from \"moment\";\nimport { IDateFieldProps } from \"./types\";\nimport { DatePickerExtended } from \"../DatePickerExtended/DatePickerExtended\";\nimport { dateFormatYYYYMMDD, globalLimitRange } from \"../../consts/DateConst\";\nimport { DateFieldUtils } from \"./utils\";\nimport { DateFieldTarget } from \"./DateFieldTarget\";\nimport { inputDateFormat } from \"./constants\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport { ETooltipSize } from \"../Tooltip/enums\";\nimport { MobileView } from \"../MobileView/MobileView\";\nimport { PullerMaskedInput } from \"../Puller/PullerMaskedInput\";\nimport { DateFieldContext } from \"./DateFieldContext\";\nimport { FormFieldMaskedInput } from \"../FormField/components/FormFieldMaskedInput\";\n\n/** Компонент ввода и выбора даты. */\nexport const DateField = React.forwardRef<HTMLDivElement, IDateFieldProps>((props, ref) => {\n    const {\n        size,\n        status,\n        value,\n        label,\n        placeholderMask,\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledby,\n        format = dateFormatYYYYMMDD,\n        limitRange = globalLimitRange,\n        disabledDays,\n        onChange,\n        onClear,\n        onDropdownOpen,\n        onDropdownClose,\n        invalidDateHint,\n        targetProps,\n        ...restProps\n    } = props;\n    const [pickerValues, setPickerValues] = useState(\n        DateFieldUtils.getPickerValues(value, format, limitRange, disabledDays),\n    );\n    const tooltipTargetRef = useRef<HTMLDivElement | null>(null);\n    const dropdownTargetRef = useRef<HTMLDivElement | null>(null);\n    const lastValidPickerValuesRef = useRef(pickerValues);\n    const inputFocusedRef = useRef(false);\n    const dropdownOpenRef = useRef(false);\n    const dropdownClosedByCalendarRef = useRef(false); // Dropdown закрылся от выбора даты в календаре\n    const tooltipOpenedRef = useRef(false);\n\n    useEffect(() => {\n        const newPickerValues = DateFieldUtils.getPickerValues(value, format, limitRange, disabledDays);\n\n        if (newPickerValues.inputString !== pickerValues.inputString) {\n            setPickerValues(newPickerValues);\n        }\n        lastValidPickerValuesRef.current = newPickerValues;\n        // pickerValues намеренно не в зависимостях: эффект синхронизирует поле с внешним value,\n        // а не реагирует на ввод пользователя — иначе он затирал бы промежуточный ввод.\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value, format, limitRange, disabledDays]);\n\n    const setRef = (instance: HTMLDivElement | null) => {\n        tooltipTargetRef.current = instance;\n        if (typeof ref === \"function\") {\n            ref(instance);\n        } else if (ref) {\n            ref.current = instance;\n        }\n    };\n\n    /** Обработчик изменения значения поля ввода с маской. */\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        let date: moment.Moment | null = null;\n\n        if (event.target.value.length === inputDateFormat.length) {\n            date = moment(event.target.value, inputDateFormat, true);\n\n            if (\n                !date.isValid() ||\n                !DateFieldUtils.isAvailableDate(date, date.format(format), limitRange, disabledDays)\n            ) {\n                date = null;\n            }\n\n            tooltipOpenedRef.current = !date;\n        } else {\n            tooltipOpenedRef.current = false;\n        }\n\n        setPickerValues({ calendarDate: date, inputString: event.target.value });\n    };\n\n    /** Триггер изменения значения из поля ввода. */\n    const triggerChangeFromInput = () => {\n        if (pickerValues.inputString.length === 0 && value.length !== 0) {\n            return onChange(pickerValues.inputString);\n        }\n\n        const date = moment(pickerValues.inputString, inputDateFormat, true);\n\n        if (date.isValid()) {\n            const newValue = date.format(format);\n\n            if (newValue === value) {\n                return;\n            }\n\n            if (DateFieldUtils.isAvailableDate(date, newValue, limitRange, disabledDays)) {\n                return onChange(newValue);\n            }\n        }\n\n        // Текущее значение в поле невалидно, возвращаем последнее валидное.\n        if (pickerValues.inputString !== lastValidPickerValuesRef.current.inputString) {\n            tooltipOpenedRef.current = false;\n            setPickerValues(lastValidPickerValuesRef.current);\n        }\n    };\n\n    /** Обработчик открытия Dropdown. */\n    const handleDropdownOpen = () => {\n        dropdownOpenRef.current = true;\n\n        onDropdownOpen?.();\n    };\n\n    /** Обработчик закрытия Dropdown. */\n    const handleDropdownClose = () => {\n        dropdownOpenRef.current = false;\n\n        if (dropdownClosedByCalendarRef.current) {\n            dropdownClosedByCalendarRef.current = false;\n        } else if (\n            !inputFocusedRef.current &&\n            pickerValues.inputString !== lastValidPickerValuesRef.current.inputString\n        ) {\n            triggerChangeFromInput();\n        }\n\n        onDropdownClose?.();\n    };\n\n    /** Обработчик изменения даты. */\n    const handleDateChange = (date: moment.Moment) => {\n        dropdownClosedByCalendarRef.current = true;\n        tooltipOpenedRef.current = false;\n\n        onChange(date.format(format));\n    };\n\n    /** Рендер-функция управляющего элемента. */\n    const renderTarget = () => {\n        const { maskedInputProps, ...restTargetProps } = targetProps || {};\n        const { onChange: onInputChange, ...restMaskedInputProps } = maskedInputProps || {};\n\n        return (\n            <DateFieldContext.Provider value={{ inputFocusedRef, onChange, triggerChangeFromInput }}>\n                <DateFieldTarget\n                    size={size}\n                    status={status}\n                    label={label}\n                    onClear={onClear}\n                    maskedInputProps={{\n                        value: pickerValues.inputString,\n                        mask: FormFieldMaskedInput.presets.masks.date,\n                        placeholderMask,\n                        \"aria-label\": ariaLabel,\n                        \"aria-labelledby\": ariaLabelledby,\n                        onChange: (event) => {\n                            handleInputChange(event);\n                            onInputChange?.(event);\n                        },\n                        ...restMaskedInputProps,\n                    }}\n                    {...restTargetProps}\n                    ref={dropdownTargetRef}\n                />\n            </DateFieldContext.Provider>\n        );\n    };\n\n    /** Рендер-функция управляющего элемента в заголовке Puller. */\n    const renderDropdownHeaderTarget = () => (\n        <PullerMaskedInput\n            value={pickerValues.inputString}\n            mask={PullerMaskedInput.presets.masks.date}\n            placeholderMask={placeholderMask}\n            onChange={handleInputChange}\n            autoFocus={true}\n        />\n    );\n\n    /** Рендер-функция DatePickerExtended — поле ввода с выпадающим календарём. */\n    const renderDatePickerExtended = () => (\n        <DatePickerExtended\n            dropdownTargetRef={dropdownTargetRef}\n            renderTarget={renderTarget}\n            renderDropdownHeaderTarget={renderDropdownHeaderTarget}\n            pickedDate={pickerValues.calendarDate}\n            format={format}\n            limitRange={limitRange}\n            disabledDays={disabledDays}\n            onDropdownOpen={handleDropdownOpen}\n            onDropdownClose={handleDropdownClose}\n            onDateChange={handleDateChange}\n            {...restProps}\n            ref={setRef}\n        />\n    );\n\n    return (\n        <MobileView\n            fallback={\n                <Tooltip targetRef={tooltipTargetRef} size={ETooltipSize.SM} isOpen={tooltipOpenedRef.current}>\n                    <Tooltip.Body>{invalidDateHint}</Tooltip.Body>\n                    <Tooltip.Target>{renderDatePickerExtended()}</Tooltip.Target>\n                </Tooltip>\n            }\n        >\n            {renderDatePickerExtended()}\n        </MobileView>\n    );\n});\n\nDateField.displayName = \"DateField\";\n"],"names":["React"],"mappings":"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"}

package/components/DateField/DateFieldTarget.js

@@ -12,10 +12,10 @@ import { useMobileView } from "../MobileView/useMobileView.js";
 import { isKey } from "../../utils/keyboard.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { EFormFieldStatus } from "../FormField/enums.js";
-const dateFieldTarget = "dateFieldTarget__3f91fba9";
-const minWidthSM = "minWidthSM__dacdc500";
-const minWidthMD = "minWidthMD__f29ffa25";
-const minWidthLG = "minWidthLG__ba260800";
+const dateFieldTarget = "dateFieldTarget__195e4d1e";
+const minWidthSM = "minWidthSM__9cda86ad";
+const minWidthMD = "minWidthMD__51f33cd1";
+const minWidthLG = "minWidthLG__7ea1b501";
 const styles = {
   dateFieldTarget,
   minWidthSM,

package/components/DatePickerExtended/DatePickerExtended.js

@@ -5,23 +5,12 @@ import { Calendar } from "../Calendar/Calendar.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-DkX7SolI.js";
+import "../../chunks/DropdownListItem-BeusEvEd.js";
 import { EDropdownAlignment } 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 { EComponentSize } from "../../enums/EComponentSize.js";
 import "../Dropdown/Dropdown.js";
 import { DatePickerExtendedContext } from "./DatePickerExtendedContext.js";
 import { DatePickerExtendedDropdown } from "./DatePickerExtendedDropdown.js";
+import { EComponentSize } from "../../enums/EComponentSize.js";
 const DatePickerExtended = React__default.forwardRef((props, ref) => {
   const {
     // Dropdown props
@@ -136,7 +125,7 @@ const DatePickerExtended = React__default.forwardRef((props, ref) => {
       onKeyDown: handleKeyDown,
       onMouseDown: handleMouseDown,
       ...restProps,
-      "data-tx": "1.52.0",
+      "data-tx": "1.53.0",
       ref: setRef,
       children: /* @__PURE__ */ jsxs(DatePickerExtendedContext.Provider, { value: { dropdownOpen, mouseUsedRef, setDropdownOpen }, children: [
         renderTarget(),

package/components/DatePickerExtended/DatePickerExtended.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerExtended.js","sources":["../../../src/components/DatePickerExtended/DatePickerExtended.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport moment from \"moment\";\nimport { FocusTrapProps } from \"focus-trap-react\";\nimport { isKey } from \"../../utils/keyboard\";\nimport { Calendar, ICalendarProps } from \"../Calendar\";\nimport { EDropdownAlignment, IDropdownProps } from \"../Dropdown\";\nimport { DatePickerExtendedContext } from \"./DatePickerExtendedContext\";\nimport { DatePickerExtendedDropdown } from \"./DatePickerExtendedDropdown\";\nimport { EComponentSize } from \"../../enums\";\n\n/**\n * Свойства компонента DatePickerExtended.\n * adaptiveMode исключён из props календаря: адаптивный режим компонент определяет сам по версии дропдауна.\n */\nexport interface IDatePickerExtendedProps\n    extends\n        Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\">,\n        Pick<IDropdownProps, \"alignment\">,\n        Omit<ICalendarProps, \"adaptiveMode\"> {\n    /** Ссылка на целевой элемент для Dropdown. По умолчанию — корневой элемент компонента. */\n    dropdownTargetRef?: React.RefObject<HTMLElement>;\n    /** Рендер-функция целевого элемента. */\n    renderTarget: () => React.ReactNode;\n    /** Рендер-функция целевого элемента в заголовке DropdownMobile. */\n    renderDropdownHeaderTarget: () => React.ReactNode;\n    /** Callback на открытие Dropdown. */\n    onDropdownOpen?: () => void;\n    /** Callback на закрытие Dropdown. */\n    onDropdownClose?: () => void;\n    /** Свойства FocusTrap. Используется npm-пакет focus-trap-react. */\n    focusTrapProps?: FocusTrapProps;\n}\n\n/**\n * База для компонентов выбора даты (DateField, MonthYearField, ChipDatePicker, ChipMonthYearPicker).\n * Рендерит переданный целевым элемент и выпадающий Calendar, хранит состояние открытости\n * дропдауна и отдаёт его целевому элементу через DatePickerExtendedContext.\n */\nexport const DatePickerExtended = React.forwardRef<HTMLDivElement, IDatePickerExtendedProps>((props, ref) => {\n    const {\n        // Dropdown props\n        dropdownTargetRef,\n        alignment = EDropdownAlignment.LEFT,\n        focusTrapProps,\n        // Calendar props — перечислены явно, иначе они попадут в restProps и осядут на корневом div.\n        pickType,\n        format,\n        defaultViewDate,\n        onViewChange,\n        onPageChange,\n        pickedDate,\n        limitRange,\n        markedDays,\n        disabledDays,\n        reversedPick,\n        dayHtmlAttributes,\n        monthHtmlAttributes,\n        yearHtmlAttributes,\n        prevButtonProps,\n        nextButtonProps,\n        viewButtonProps,\n        yesterdayButtonProps,\n        todayButtonProps,\n        tomorrowButtonProps,\n        onDateChange,\n        // Other\n        renderTarget,\n        renderDropdownHeaderTarget,\n        onKeyDown,\n        onMouseDown,\n        onDropdownOpen,\n        onDropdownClose,\n        // adaptiveMode исключён из публичного типа, но JS-потребитель и старый скомпилированный код\n        // всё ещё могут его передать. Снимаем значение здесь, иначе оно уйдёт на корневой div.\n        adaptiveMode,\n        ...restProps\n    } = props as IDatePickerExtendedProps & Pick<ICalendarProps, \"adaptiveMode\">;\n    const [dropdownOpen, setDropdownOpen] = useState(false);\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const dropdownRef = useRef<HTMLDivElement>(null);\n    /** Флаг взаимодействия пользователя мышью. */\n    const mouseUsedRef = useRef(false);\n\n    useEffect(() => {\n        if (!dropdownOpen) {\n            mouseUsedRef.current = false;\n\n            return;\n        }\n\n        /** Обработчик нажатия мыши вне компонента. */\n        const handleOutsideMouseDown = (event: MouseEvent) => {\n            if (\n                !containerRef.current?.contains(event.target as Node) &&\n                !dropdownRef.current?.contains(event.target as Node)\n            ) {\n                setDropdownOpen(false);\n            }\n        };\n\n        document.addEventListener(\"mousedown\", handleOutsideMouseDown);\n\n        return () => {\n            document.removeEventListener(\"mousedown\", handleOutsideMouseDown);\n        };\n    }, [dropdownOpen]);\n\n    /** Обработчик нажатия клавиши. */\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        const key = event.code || event.keyCode;\n\n        if (dropdownOpen && isKey(key, \"ESCAPE\")) {\n            setDropdownOpen(false);\n        }\n\n        onKeyDown?.(event);\n    };\n\n    /** Обработчик нажатия мыши. */\n    const handleMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n        mouseUsedRef.current = true;\n\n        onMouseDown?.(event);\n    };\n\n    /** Обработчик изменения даты. Выбор даты закрывает дропдаун. */\n    const handleDateChange = (date: moment.Moment) => {\n        setDropdownOpen(false);\n\n        onDateChange(date);\n    };\n\n    /** Рендер календаря. Адаптивный режим включает мобильная версия дропдауна. */\n    const renderCalendar = (adaptive: boolean) => (\n        <Calendar\n            defaultViewDate={defaultViewDate}\n            pickedDate={pickedDate}\n            pickType={pickType}\n            format={format}\n            limitRange={limitRange}\n            markedDays={markedDays}\n            disabledDays={disabledDays}\n            reversedPick={reversedPick}\n            adaptiveMode={adaptive}\n            onDateChange={handleDateChange}\n            onPageChange={onPageChange}\n            onViewChange={onViewChange}\n            dayHtmlAttributes={dayHtmlAttributes}\n            monthHtmlAttributes={monthHtmlAttributes}\n            yearHtmlAttributes={yearHtmlAttributes}\n            prevButtonProps={prevButtonProps}\n            nextButtonProps={nextButtonProps}\n            viewButtonProps={viewButtonProps}\n            yesterdayButtonProps={yesterdayButtonProps}\n            todayButtonProps={todayButtonProps}\n            tomorrowButtonProps={tomorrowButtonProps}\n        />\n    );\n\n    const setRef = (node: HTMLDivElement | null) => {\n        containerRef.current = node;\n\n        if (typeof ref === \"function\") {\n            ref(node);\n        } else if (ref) {\n            ref.current = node;\n        }\n    };\n\n    return (\n        <div\n            onKeyDown={handleKeyDown}\n            onMouseDown={handleMouseDown}\n            {...restProps}\n            data-tx={process.env.npm_package_version}\n            ref={setRef}\n        >\n            <DatePickerExtendedContext.Provider value={{ dropdownOpen, mouseUsedRef, setDropdownOpen }}>\n                {renderTarget()}\n                <DatePickerExtendedDropdown\n                    opened={dropdownOpen}\n                    size={EComponentSize.MD}\n                    alignment={alignment}\n                    targetRef={dropdownTargetRef || containerRef}\n                    focusTrapProps={focusTrapProps}\n                    renderCalendar={renderCalendar}\n                    renderHeaderTarget={renderDropdownHeaderTarget}\n                    setOpened={setDropdownOpen}\n                    onOpen={onDropdownOpen}\n                    onClose={onDropdownClose}\n                    ref={dropdownRef}\n                />\n            </DatePickerExtendedContext.Provider>\n        </div>\n    );\n});\n\nDatePickerExtended.displayName = \"DatePickerExtended\";\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"DatePickerExtended.js","sources":["../../../src/components/DatePickerExtended/DatePickerExtended.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport moment from \"moment\";\nimport { FocusTrapProps } from \"focus-trap-react\";\nimport { isKey } from \"../../utils/keyboard\";\nimport { Calendar, ICalendarProps } from \"../Calendar\";\nimport { EDropdownAlignment, IDropdownProps } from \"../Dropdown\";\nimport { DatePickerExtendedContext } from \"./DatePickerExtendedContext\";\nimport { DatePickerExtendedDropdown } from \"./DatePickerExtendedDropdown\";\nimport { EComponentSize } from \"../../enums\";\n\n/**\n * Свойства компонента DatePickerExtended.\n * adaptiveMode исключён из props календаря: адаптивный режим компонент определяет сам по версии дропдауна.\n */\nexport interface IDatePickerExtendedProps\n    extends\n        Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\">,\n        Pick<IDropdownProps, \"alignment\">,\n        Omit<ICalendarProps, \"adaptiveMode\"> {\n    /** Ссылка на целевой элемент для Dropdown. По умолчанию — корневой элемент компонента. */\n    dropdownTargetRef?: React.RefObject<HTMLElement>;\n    /** Рендер-функция целевого элемента. */\n    renderTarget: () => React.ReactNode;\n    /** Рендер-функция целевого элемента в заголовке Puller. */\n    renderDropdownHeaderTarget: () => React.ReactNode;\n    /** Callback на открытие Dropdown. */\n    onDropdownOpen?: () => void;\n    /** Callback на закрытие Dropdown. */\n    onDropdownClose?: () => void;\n    /** Свойства FocusTrap. Используется npm-пакет focus-trap-react. */\n    focusTrapProps?: FocusTrapProps;\n}\n\n/**\n * База для компонентов выбора даты (DateField, MonthYearField, ChipDatePicker, ChipMonthYearPicker).\n * Рендерит переданный целевым элемент и выпадающий Calendar, хранит состояние открытости\n * дропдауна и отдаёт его целевому элементу через DatePickerExtendedContext.\n */\nexport const DatePickerExtended = React.forwardRef<HTMLDivElement, IDatePickerExtendedProps>((props, ref) => {\n    const {\n        // Dropdown props\n        dropdownTargetRef,\n        alignment = EDropdownAlignment.LEFT,\n        focusTrapProps,\n        // Calendar props — перечислены явно, иначе они попадут в restProps и осядут на корневом div.\n        pickType,\n        format,\n        defaultViewDate,\n        onViewChange,\n        onPageChange,\n        pickedDate,\n        limitRange,\n        markedDays,\n        disabledDays,\n        reversedPick,\n        dayHtmlAttributes,\n        monthHtmlAttributes,\n        yearHtmlAttributes,\n        prevButtonProps,\n        nextButtonProps,\n        viewButtonProps,\n        yesterdayButtonProps,\n        todayButtonProps,\n        tomorrowButtonProps,\n        onDateChange,\n        // Other\n        renderTarget,\n        renderDropdownHeaderTarget,\n        onKeyDown,\n        onMouseDown,\n        onDropdownOpen,\n        onDropdownClose,\n        // adaptiveMode исключён из публичного типа, но JS-потребитель и старый скомпилированный код\n        // всё ещё могут его передать. Снимаем значение здесь, иначе оно уйдёт на корневой div.\n        adaptiveMode,\n        ...restProps\n    } = props as IDatePickerExtendedProps & Pick<ICalendarProps, \"adaptiveMode\">;\n    const [dropdownOpen, setDropdownOpen] = useState(false);\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const dropdownRef = useRef<HTMLDivElement>(null);\n    /** Флаг взаимодействия пользователя мышью. */\n    const mouseUsedRef = useRef(false);\n\n    useEffect(() => {\n        if (!dropdownOpen) {\n            mouseUsedRef.current = false;\n\n            return;\n        }\n\n        /** Обработчик нажатия мыши вне компонента. */\n        const handleOutsideMouseDown = (event: MouseEvent) => {\n            if (\n                !containerRef.current?.contains(event.target as Node) &&\n                !dropdownRef.current?.contains(event.target as Node)\n            ) {\n                setDropdownOpen(false);\n            }\n        };\n\n        document.addEventListener(\"mousedown\", handleOutsideMouseDown);\n\n        return () => {\n            document.removeEventListener(\"mousedown\", handleOutsideMouseDown);\n        };\n    }, [dropdownOpen]);\n\n    /** Обработчик нажатия клавиши. */\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        const key = event.code || event.keyCode;\n\n        if (dropdownOpen && isKey(key, \"ESCAPE\")) {\n            setDropdownOpen(false);\n        }\n\n        onKeyDown?.(event);\n    };\n\n    /** Обработчик нажатия мыши. */\n    const handleMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n        mouseUsedRef.current = true;\n\n        onMouseDown?.(event);\n    };\n\n    /** Обработчик изменения даты. Выбор даты закрывает дропдаун. */\n    const handleDateChange = (date: moment.Moment) => {\n        setDropdownOpen(false);\n\n        onDateChange(date);\n    };\n\n    /** Рендер календаря. Адаптивный режим включает мобильная версия дропдауна. */\n    const renderCalendar = (adaptive: boolean) => (\n        <Calendar\n            defaultViewDate={defaultViewDate}\n            pickedDate={pickedDate}\n            pickType={pickType}\n            format={format}\n            limitRange={limitRange}\n            markedDays={markedDays}\n            disabledDays={disabledDays}\n            reversedPick={reversedPick}\n            adaptiveMode={adaptive}\n            onDateChange={handleDateChange}\n            onPageChange={onPageChange}\n            onViewChange={onViewChange}\n            dayHtmlAttributes={dayHtmlAttributes}\n            monthHtmlAttributes={monthHtmlAttributes}\n            yearHtmlAttributes={yearHtmlAttributes}\n            prevButtonProps={prevButtonProps}\n            nextButtonProps={nextButtonProps}\n            viewButtonProps={viewButtonProps}\n            yesterdayButtonProps={yesterdayButtonProps}\n            todayButtonProps={todayButtonProps}\n            tomorrowButtonProps={tomorrowButtonProps}\n        />\n    );\n\n    const setRef = (node: HTMLDivElement | null) => {\n        containerRef.current = node;\n\n        if (typeof ref === \"function\") {\n            ref(node);\n        } else if (ref) {\n            ref.current = node;\n        }\n    };\n\n    return (\n        <div\n            onKeyDown={handleKeyDown}\n            onMouseDown={handleMouseDown}\n            {...restProps}\n            data-tx={process.env.npm_package_version}\n            ref={setRef}\n        >\n            <DatePickerExtendedContext.Provider value={{ dropdownOpen, mouseUsedRef, setDropdownOpen }}>\n                {renderTarget()}\n                <DatePickerExtendedDropdown\n                    opened={dropdownOpen}\n                    size={EComponentSize.MD}\n                    alignment={alignment}\n                    targetRef={dropdownTargetRef || containerRef}\n                    focusTrapProps={focusTrapProps}\n                    renderCalendar={renderCalendar}\n                    renderHeaderTarget={renderDropdownHeaderTarget}\n                    setOpened={setDropdownOpen}\n                    onOpen={onDropdownOpen}\n                    onClose={onDropdownClose}\n                    ref={dropdownRef}\n                />\n            </DatePickerExtendedContext.Provider>\n        </div>\n    );\n});\n\nDatePickerExtended.displayName = \"DatePickerExtended\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AAsCO,MAAM,qBAAqBA,eAAM,WAAqD,CAAC,OAAO,QAAQ;AACzG,QAAM;AAAA;AAAA,IAEF;AAAA,IACA,YAAY,mBAAmB;AAAA,IAC/B;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA,IAGA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AACJ,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM,eAAe,OAA8B,IAAI;AACvD,QAAM,cAAc,OAAuB,IAAI;AAE/C,QAAM,eAAe,OAAO,KAAK;AAEjC,YAAU,MAAM;AACZ,QAAI,CAAC,cAAc;AACf,mBAAa,UAAU;AAEvB;AAAA,IACJ;AAGA,UAAM,yBAAyB,CAAC,UAAsB;;AAClD,UACI,GAAC,kBAAa,YAAb,mBAAsB,SAAS,MAAM,YACtC,GAAC,iBAAY,YAAZ,mBAAqB,SAAS,MAAM,UACvC;AACE,wBAAgB,KAAK;AAAA,MACzB;AAAA,IACJ;AAEA,aAAS,iBAAiB,aAAa,sBAAsB;AAE7D,WAAO,MAAM;AACT,eAAS,oBAAoB,aAAa,sBAAsB;AAAA,IACpE;AAAA,EACJ,GAAG,CAAC,YAAY,CAAC;AAGjB,QAAM,gBAAgB,CAAC,UAA+C;AAClE,UAAM,MAAM,MAAM,QAAQ,MAAM;AAEhC,QAAI,gBAAgB,MAAM,KAAK,QAAQ,GAAG;AACtC,sBAAgB,KAAK;AAAA,IACzB;AAEA,2CAAY;AAAA,EAChB;AAGA,QAAM,kBAAkB,CAAC,UAA4C;AACjE,iBAAa,UAAU;AAEvB,+CAAc;AAAA,EAClB;AAGA,QAAM,mBAAmB,CAAC,SAAwB;AAC9C,oBAAgB,KAAK;AAErB,iBAAa,IAAI;AAAA,EACrB;AAGA,QAAM,iBAAiB,CAAC,aACpB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAAA;AAIR,QAAM,SAAS,CAAC,SAAgC;AAC5C,iBAAa,UAAU;AAEvB,QAAI,OAAO,QAAQ,YAAY;AAC3B,UAAI,IAAI;AAAA,IACZ,WAAW,KAAK;AACZ,UAAI,UAAU;AAAA,IAClB;AAAA,EACJ;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,MACX,aAAa;AAAA,MACZ,GAAG;AAAA,MACJ,WAAS;AAAA,MACT,KAAK;AAAA,MAEL,UAAA,qBAAC,0BAA0B,UAA1B,EAAmC,OAAO,EAAE,cAAc,cAAc,gBAAA,GACpE,UAAA;AAAA,QAAA,aAAA;AAAA,QACD;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,QAAQ;AAAA,YACR,MAAM,eAAe;AAAA,YACrB;AAAA,YACA,WAAW,qBAAqB;AAAA,YAChC;AAAA,YACA;AAAA,YACA,oBAAoB;AAAA,YACpB,WAAW;AAAA,YACX,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACT,GACJ;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAED,mBAAmB,cAAc;"}

package/components/DatePickerExtended/DatePickerExtendedDropdown.js

@@ -3,18 +3,18 @@ import React__default, { useContext, useRef } from "react";
 import { j as focusTrapReactExports } from "../../chunks/vendor-CUIykw0y.js";
 import { Dropdown } from "../Dropdown/Dropdown.js";
 import { DatePickerExtendedContext } from "./DatePickerExtendedContext.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 "../Dropdown/mobile/DropdownMobileList.js";
-import "../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 "../Puller/PullerList.js";
+import "../Puller/PullerListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
-const datePickerExtendedMobileDropdown = "datePickerExtendedMobileDropdown__fbb5422d";
+import "../Puller/PullerMaskedInput.js";
+const datePickerExtendedMobileDropdown = "datePickerExtendedMobileDropdown__c3338ac5";
 const styles = {
   datePickerExtendedMobileDropdown
 };
@@ -24,8 +24,8 @@ const DatePickerExtendedDropdown = React__default.forwardRef(
     const { mouseUsedRef, setDropdownOpen } = useContext(DatePickerExtendedContext);
     const calendarRef = useRef(null);
     const renderMobileContent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(DropdownMobileHeader, { controlButtons: /* @__PURE__ */ jsx(DropdownMobileClose, { onClick: () => setDropdownOpen(false) }), children: renderHeaderTarget() }),
-      /* @__PURE__ */ jsx(DropdownMobileBody, { children: renderCalendar(true) })
+      /* @__PURE__ */ jsx(PullerHeader, { controlButtons: /* @__PURE__ */ jsx(PullerClose, { onClick: () => setDropdownOpen(false) }), children: renderHeaderTarget() }),
+      /* @__PURE__ */ jsx(PullerBody, { children: renderCalendar(true) })
     ] });
     return /* @__PURE__ */ jsx(
       Dropdown,
@@ -33,7 +33,7 @@ const DatePickerExtendedDropdown = React__default.forwardRef(
         role: "dialog",
         "aria-modal": "true",
         targetRef,
-        mobileViewProps: {
+        pullerProps: {
           children: renderMobileContent(),
           className: styles.datePickerExtendedMobileDropdown
         },

package/components/DatePickerExtended/DatePickerExtendedDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerExtendedDropdown.js","sources":["../../../src/components/DatePickerExtended/DatePickerExtendedDropdown.tsx"],"sourcesContent":["import React, { useContext, useRef } from \"react\";\nimport { FocusTrap, FocusTrapProps } from \"focus-trap-react\";\nimport { Dropdown, IDropdownProps } from \"../Dropdown/Dropdown\";\nimport { DatePickerExtendedContext } from \"./DatePickerExtendedContext\";\nimport { DropdownMobileHeader, DropdownMobileClose, DropdownMobileBody } from \"../Dropdown/mobile\";\nimport styles from \"./styles/DatePickerExtended.module.less\";\n\n/** Свойства компонента DatePickerExtendedDropdown. */\nexport interface IDatePickerExtendedDropdownProps extends IDropdownProps {\n    /** Рендер-функция календаря. */\n    renderCalendar: (adaptiveMode: boolean) => React.ReactNode;\n    /** Рендер-функция целевого элемента в заголовке DropdownMobile. */\n    renderHeaderTarget: () => React.ReactNode;\n    /** Свойства компонента FocusTrap. Используется npm-пакет focus-trap-react. */\n    focusTrapProps?: FocusTrapProps;\n}\n\n/**\n * Выпадающее меню компонента DatePickerExtended.\n * Внутренний компонент, не экспортируется через barrel.\n */\nexport const DatePickerExtendedDropdown = React.forwardRef<HTMLDivElement, IDatePickerExtendedDropdownProps>(\n    (props, ref) => {\n        const { children, targetRef, setOpened, renderHeaderTarget, renderCalendar, focusTrapProps, ...rest } = props;\n        const { mouseUsedRef, setDropdownOpen } = useContext(DatePickerExtendedContext);\n        const calendarRef = useRef<HTMLDivElement>(null);\n\n        /** Отрисовка содержимого в мобильном режиме. */\n        const renderMobileContent = () => (\n            <>\n                <DropdownMobileHeader controlButtons={<DropdownMobileClose onClick={() => setDropdownOpen(false)} />}>\n                    {renderHeaderTarget()}\n                </DropdownMobileHeader>\n                <DropdownMobileBody>{renderCalendar(true)}</DropdownMobileBody>\n            </>\n        );\n\n        return (\n            <Dropdown\n                role=\"dialog\"\n                aria-modal=\"true\"\n                targetRef={targetRef}\n                mobileViewProps={{\n                    children: renderMobileContent(),\n                    className: styles.datePickerExtendedMobileDropdown,\n                }}\n                setOpened={setOpened}\n                {...rest}\n                ref={ref}\n            >\n                <FocusTrap\n                    {...focusTrapProps}\n                    focusTrapOptions={{\n                        clickOutsideDeactivates: true,\n                        // Контейнер календаря: если внутри ловушки нет ни одного tabbable-элемента\n                        // (например, страница лет с отключёнными prev/next и недоступными датами),\n                        // фокус остаётся внутри aria-modal диалога, а не уходит на целевой элемент.\n                        // Функция, а не элемент: ref на момент рендера может быть ещё не заполнен.\n                        // targetRef и document.body — страховка: focus-trap бросает исключение на пустом fallback.\n                        fallbackFocus: () => calendarRef.current ?? targetRef.current ?? document.body,\n                        // false — не переводить фокус внутрь ловушки при открытии мышью.\n                        initialFocus: mouseUsedRef.current ? false : undefined,\n                        returnFocusOnDeactivate: !mouseUsedRef.current,\n                        ...focusTrapProps?.focusTrapOptions,\n                    }}\n                >\n                    {/*\n                     * tabIndex={-1} — чтобы контейнер мог принять fallback-фокус, не попадая в таб-порядок.\n                     * role=\"presentation\" здесь не ставится: по спецификации ARIA он игнорируется\n                     * на фокусируемом элементе, и рядом с tabIndex только вводил бы в заблуждение.\n                     */}\n                    <div ref={calendarRef} tabIndex={-1}>\n                        {renderCalendar(false)}\n                    </div>\n                </FocusTrap>\n            </Dropdown>\n        );\n    },\n);\n\nDatePickerExtendedDropdown.displayName = \"DatePickerExtendedDropdown\";\n"],"names":["React","FocusTrap"],"mappings":";;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,6BAA6BA,eAAM;AAAA,EAC5C,CAAC,OAAO,QAAQ;AACZ,UAAM,EAAE,UAAU,WAAW,WAAW,oBAAoB,gBAAgB,gBAAgB,GAAG,KAAA,IAAS;AACxG,UAAM,EAAE,cAAc,oBAAoB,WAAW,yBAAyB;AAC9E,UAAM,cAAc,OAAuB,IAAI;AAG/C,UAAM,sBAAsB,MACxB,qBAAA,UAAA,EACI,UAAA;AAAA,MAAA,oBAAC,sBAAA,EAAqB,gBAAgB,oBAAC,qBAAA,EAAoB,SAAS,MAAM,gBAAgB,KAAK,EAAA,CAAG,GAC7F,UAAA,mBAAA,EAAmB,CACxB;AAAA,MACA,oBAAC,oBAAA,EAAoB,UAAA,eAAe,IAAI,EAAA,CAAE;AAAA,IAAA,GAC9C;AAGJ,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,cAAW;AAAA,QACX;AAAA,QACA,iBAAiB;AAAA,UACb,UAAU,oBAAA;AAAA,UACV,WAAW,OAAO;AAAA,QAAA;AAAA,QAEtB;AAAA,QACC,GAAG;AAAA,QACJ;AAAA,QAEA,UAAA;AAAA,UAACC,sBAAAA;AAAAA,UAAA;AAAA,YACI,GAAG;AAAA,YACJ,kBAAkB;AAAA,cACd,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAMzB,eAAe,MAAM,YAAY,WAAW,UAAU,WAAW,SAAS;AAAA;AAAA,cAE1E,cAAc,aAAa,UAAU,QAAQ;AAAA,cAC7C,yBAAyB,CAAC,aAAa;AAAA,cACvC,GAAG,iDAAgB;AAAA,YAAA;AAAA,YAQvB,UAAA,oBAAC,SAAI,KAAK,aAAa,UAAU,IAC5B,UAAA,eAAe,KAAK,EAAA,CACzB;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEA,2BAA2B,cAAc;"}
+{"version":3,"file":"DatePickerExtendedDropdown.js","sources":["../../../src/components/DatePickerExtended/DatePickerExtendedDropdown.tsx"],"sourcesContent":["import React, { useContext, useRef } from \"react\";\nimport { FocusTrap, FocusTrapProps } from \"focus-trap-react\";\nimport { Dropdown, IDropdownProps } from \"../Dropdown/Dropdown\";\nimport { DatePickerExtendedContext } from \"./DatePickerExtendedContext\";\nimport { PullerHeader, PullerClose, PullerBody } from \"../Puller\";\nimport styles from \"./styles/DatePickerExtended.module.less\";\n\n/** Свойства компонента DatePickerExtendedDropdown. */\nexport interface IDatePickerExtendedDropdownProps extends IDropdownProps {\n    /** Рендер-функция календаря. */\n    renderCalendar: (adaptiveMode: boolean) => React.ReactNode;\n    /** Рендер-функция целевого элемента в заголовке Puller. */\n    renderHeaderTarget: () => React.ReactNode;\n    /** Свойства компонента FocusTrap. Используется npm-пакет focus-trap-react. */\n    focusTrapProps?: FocusTrapProps;\n}\n\n/**\n * Выпадающее меню компонента DatePickerExtended.\n * Внутренний компонент, не экспортируется через barrel.\n */\nexport const DatePickerExtendedDropdown = React.forwardRef<HTMLDivElement, IDatePickerExtendedDropdownProps>(\n    (props, ref) => {\n        const { children, targetRef, setOpened, renderHeaderTarget, renderCalendar, focusTrapProps, ...rest } = props;\n        const { mouseUsedRef, setDropdownOpen } = useContext(DatePickerExtendedContext);\n        const calendarRef = useRef<HTMLDivElement>(null);\n\n        /** Отрисовка содержимого в мобильном режиме. */\n        const renderMobileContent = () => (\n            <>\n                <PullerHeader controlButtons={<PullerClose onClick={() => setDropdownOpen(false)} />}>\n                    {renderHeaderTarget()}\n                </PullerHeader>\n                <PullerBody>{renderCalendar(true)}</PullerBody>\n            </>\n        );\n\n        return (\n            <Dropdown\n                role=\"dialog\"\n                aria-modal=\"true\"\n                targetRef={targetRef}\n                pullerProps={{\n                    children: renderMobileContent(),\n                    className: styles.datePickerExtendedMobileDropdown,\n                }}\n                setOpened={setOpened}\n                {...rest}\n                ref={ref}\n            >\n                <FocusTrap\n                    {...focusTrapProps}\n                    focusTrapOptions={{\n                        clickOutsideDeactivates: true,\n                        // Контейнер календаря: если внутри ловушки нет ни одного tabbable-элемента\n                        // (например, страница лет с отключёнными prev/next и недоступными датами),\n                        // фокус остаётся внутри aria-modal диалога, а не уходит на целевой элемент.\n                        // Функция, а не элемент: ref на момент рендера может быть ещё не заполнен.\n                        // targetRef и document.body — страховка: focus-trap бросает исключение на пустом fallback.\n                        fallbackFocus: () => calendarRef.current ?? targetRef.current ?? document.body,\n                        // false — не переводить фокус внутрь ловушки при открытии мышью.\n                        initialFocus: mouseUsedRef.current ? false : undefined,\n                        returnFocusOnDeactivate: !mouseUsedRef.current,\n                        ...focusTrapProps?.focusTrapOptions,\n                    }}\n                >\n                    {/*\n                     * tabIndex={-1} — чтобы контейнер мог принять fallback-фокус, не попадая в таб-порядок.\n                     * role=\"presentation\" здесь не ставится: по спецификации ARIA он игнорируется\n                     * на фокусируемом элементе, и рядом с tabIndex только вводил бы в заблуждение.\n                     */}\n                    <div ref={calendarRef} tabIndex={-1}>\n                        {renderCalendar(false)}\n                    </div>\n                </FocusTrap>\n            </Dropdown>\n        );\n    },\n);\n\nDatePickerExtendedDropdown.displayName = \"DatePickerExtendedDropdown\";\n"],"names":["React","FocusTrap"],"mappings":";;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,6BAA6BA,eAAM;AAAA,EAC5C,CAAC,OAAO,QAAQ;AACZ,UAAM,EAAE,UAAU,WAAW,WAAW,oBAAoB,gBAAgB,gBAAgB,GAAG,KAAA,IAAS;AACxG,UAAM,EAAE,cAAc,oBAAoB,WAAW,yBAAyB;AAC9E,UAAM,cAAc,OAAuB,IAAI;AAG/C,UAAM,sBAAsB,MACxB,qBAAA,UAAA,EACI,UAAA;AAAA,MAAA,oBAAC,cAAA,EAAa,gBAAgB,oBAAC,aAAA,EAAY,SAAS,MAAM,gBAAgB,KAAK,EAAA,CAAG,GAC7E,UAAA,mBAAA,EAAmB,CACxB;AAAA,MACA,oBAAC,YAAA,EAAY,UAAA,eAAe,IAAI,EAAA,CAAE;AAAA,IAAA,GACtC;AAGJ,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,cAAW;AAAA,QACX;AAAA,QACA,aAAa;AAAA,UACT,UAAU,oBAAA;AAAA,UACV,WAAW,OAAO;AAAA,QAAA;AAAA,QAEtB;AAAA,QACC,GAAG;AAAA,QACJ;AAAA,QAEA,UAAA;AAAA,UAACC,sBAAAA;AAAAA,UAAA;AAAA,YACI,GAAG;AAAA,YACJ,kBAAkB;AAAA,cACd,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAMzB,eAAe,MAAM,YAAY,WAAW,UAAU,WAAW,SAAS;AAAA;AAAA,cAE1E,cAAc,aAAa,UAAU,QAAQ;AAAA,cAC7C,yBAAyB,CAAC,aAAa;AAAA,cACvC,GAAG,iDAAgB;AAAA,YAAA;AAAA,YAQvB,UAAA,oBAAC,SAAI,KAAK,aAAa,UAAU,IAC5B,UAAA,eAAe,KAAK,EAAA,CACzB;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEA,2BAA2B,cAAc;"}

package/components/DateRange/DateRange.js

@@ -5,9 +5,9 @@ import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
 import { EDateRangeShiftUnit } from "./enums.js";
 import { shiftDateRange, isDateAfter } from "./utils.js";
-const dateRange = "dateRange__1682a0f7";
-const dateRangeButton = "dateRangeButton__7503e1fe";
-const separator = "separator__dd6463fe";
+const dateRange = "dateRange__7c71e527";
+const dateRangeButton = "dateRangeButton__14936b32";
+const separator = "separator__feed4ce6";
 const styles = {
   dateRange,
   dateRangeButton,

package/components/DesignTokens/DesignTokenUtils.js

@@ -31,7 +31,7 @@ const DesignTokenUtils = {
   getCSSVariableByTokenGroup: (tokenGroup, tokens) => {
     const tokenGroupTitle = Object.keys(tokenGroup)[0];
     const tokenPrefix = "triplex-next";
-    let tokenVersion = "1.52.0";
+    let tokenVersion = "1.53.0";
     tokenVersion = tokenVersion.replace(/\./g, "-");
     return Object.keys(tokenGroup[tokenGroupTitle]).map(
       (tokenTitle) => `--${tokenPrefix}-${tokenGroupTitle}-${tokenTitle}-${tokenVersion}: ${DesignTokenUtils.getTokenValue(

package/components/DesignTokens/DesignTokensComponents.js

@@ -14,8 +14,6 @@ import { CollapsibleTree_Tokens } from "./components/CollapsibleTree.js";
 import { Divider_Tokens } from "./components/Divider.js";
 import { Dropdown_Tokens } from "./components/Dropdown.js";
 import { DropdownList_Tokens } from "./components/DropdownList.js";
-import { DropdownMobile_Tokens } from "./components/DropdownMobile.js";
-import { DropdownMobileList_Tokens } from "./components/DropdownMobileList.js";
 import { FooterPage_Tokens } from "./components/FooterPage.js";
 import { FormField_Tokens } from "./components/FormField.js";
 import { HeaderPage_Tokens } from "./components/HeaderPage.js";
@@ -38,12 +36,15 @@ import { Notification_Tokens } from "./components/Notification.js";
 import { Overlay_Tokens } from "./components/Overlay.js";
 import { PageIndicators_Tokens } from "./components/PageIndicators.js";
 import { Pagination_Tokens } from "./components/Pagination.js";
+import { Puller_Tokens } from "./components/Puller.js";
+import { PullerList_Tokens } from "./components/PullerList.js";
 import { Radio_Tokens } from "./components/Radio.js";
 import { SegmentedControl_Tokens } from "./components/SegmentedControl.js";
 import { SegmentedControlSegment_Tokens } from "./components/SegmentedControlSegment.js";
 import { Skeleton_Tokens } from "./components/Skeleton.js";
 import { Slider_Tokens } from "./components/Slider.js";
 import { SmallInput_Tokens } from "./components/SmallInput.js";
+import { SmartSpot_Tokens } from "./components/SmartSpot.js";
 import { SMSField_Tokens } from "./components/SMSField.js";
 import { StatusTracker_Tokens } from "./components/StatusTracker.js";
 import { Step_Tokens } from "./components/Step.js";
@@ -84,14 +85,6 @@ const DesignTokensComponents = {
     ETriplexNextTheme.LIGHT,
     DropdownList_Tokens
   ),
-  DropdownMobile: GetTokensValueByTheme(
-    ETriplexNextTheme.LIGHT,
-    DropdownMobile_Tokens
-  ),
-  DropdownMobileList: GetTokensValueByTheme(
-    ETriplexNextTheme.LIGHT,
-    DropdownMobileList_Tokens
-  ),
   FooterPage: GetTokensValueByTheme(
     ETriplexNextTheme.LIGHT,
     FooterPage_Tokens
@@ -156,6 +149,11 @@ const DesignTokensComponents = {
     ETriplexNextTheme.LIGHT,
     Pagination_Tokens
   ),
+  Puller: GetTokensValueByTheme(ETriplexNextTheme.LIGHT, Puller_Tokens),
+  PullerList: GetTokensValueByTheme(
+    ETriplexNextTheme.LIGHT,
+    PullerList_Tokens
+  ),
   Radio: GetTokensValueByTheme(ETriplexNextTheme.LIGHT, Radio_Tokens),
   SegmentedControl: GetTokensValueByTheme(
     ETriplexNextTheme.LIGHT,
@@ -170,6 +168,7 @@ const DesignTokensComponents = {
     ETriplexNextTheme.LIGHT,
     SmallInput_Tokens
   ),
+  SmartSpot: GetTokensValueByTheme(ETriplexNextTheme.LIGHT, SmartSpot_Tokens),
   SMSField: GetTokensValueByTheme(ETriplexNextTheme.LIGHT, SMSField_Tokens),
   Slider: GetTokensValueByTheme(ETriplexNextTheme.LIGHT, Slider_Tokens),
   StatusTracker: GetTokensValueByTheme(

package/components/DesignTokens/DesignTokensComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"DesignTokensComponents.js","sources":["../../../src/components/DesignTokens/DesignTokensComponents.ts"],"sourcesContent":["// Токены компонентов.\nimport { TDesignTokensComponents } from \"./types/DesignTokensTypes\";\nimport { ETriplexNextTheme } from \"../ThemeProvider/ETriplexNextTheme\";\nimport { GetTokensValueByTheme } from \"./GetTokensValueByTheme\";\nimport {\n    AlertContext_Tokens,\n    AlertProcess_Tokens,\n    Avatar_Tokens,\n    Badge_Tokens,\n    Button_Tokens,\n    Calendar_Tokens,\n    Card_Tokens,\n    Carousel_Tokens,\n    Checkbox_Tokens,\n    Chip_Tokens,\n    CollapsibleTree_Tokens,\n    Divider_Tokens,\n    Dropdown_Tokens,\n    DropdownList_Tokens,\n    DropdownMobileList_Tokens,\n    DropdownMobile_Tokens,\n    FooterPage_Tokens,\n    FormField_Tokens,\n    HeaderPage_Tokens,\n    Island_Tokens,\n    IslandAccordion_Tokens,\n    IslandWidget_Tokens,\n    ImageGallery_Tokens,\n    LightBox_Tokens,\n    Link_Tokens,\n    ListItemControlsButton_Tokens,\n    ListItem_Tokens,\n    ListMaster_Tokens,\n    Loader_Tokens,\n    LoaderScreen_Tokens,\n    Marker_Tokens,\n    MarkerStatus_Tokens,\n    ModalWindow_Tokens,\n    MultiselectField_Tokens,\n    Notification_Tokens,\n    Overlay_Tokens,\n    PageIndicators_Tokens,\n    Pagination_Tokens,\n    Radio_Tokens,\n    SegmentedControlSegment_Tokens,\n    SegmentedControl_Tokens,\n    Skeleton_Tokens,\n    SmallInput_Tokens,\n    SMSField_Tokens,\n    Slider_Tokens,\n    StatusTracker_Tokens,\n    Step_Tokens,\n    Stepper_Tokens,\n    TableBasic_Tokens,\n    TabsLine_Tokens,\n    Tabs_Tokens,\n    Tag_Tokens,\n    TagColor_Tokens,\n    Typography_Tokens,\n    Tooltip_Tokens,\n    TopOverlay_Tokens,\n    UploadZone_Tokens,\n    TDesignTokensComponentsAlertContextValue,\n    TDesignTokensComponentsAlertProcessValue,\n    TDesignTokensComponentsAvatarValue,\n    TDesignTokensComponentsBadgeValue,\n    TDesignTokensComponentsButtonValue,\n    TDesignTokensComponentsCalendarValue,\n    TDesignTokensComponentsCardValue,\n    TDesignTokensComponentsCarouselValue,\n    TDesignTokensComponentsCheckboxValue,\n    TDesignTokensComponentsChipValue,\n    TDesignTokensComponentsCollapsibleTreeValue,\n    TDesignTokensComponentsDividerValue,\n    TDesignTokensComponentsDropdownListValue,\n    TDesignTokensComponentsDropdownMobileListValue,\n    TDesignTokensComponentsDropdownMobileValue,\n    TDesignTokensComponentsDropdownValue,\n    TDesignTokensComponentsFooterPageValue,\n    TDesignTokensComponentsFormFieldValue,\n    TDesignTokensComponentsHeaderPageValue,\n    TDesignTokensComponentsIslandValue,\n    TDesignTokensComponentsIslandAccordionValue,\n    TDesignTokensComponentsIslandWidgetValue,\n    TDesignTokensComponentsImageGalleryValue,\n    TDesignTokensComponentsLightBoxValue,\n    TDesignTokensComponentsLinkValue,\n    TDesignTokensComponentsListItemControlsButtonValue,\n    TDesignTokensComponentsListItemValue,\n    TDesignTokensComponentsListMasterValue,\n    TDesignTokensComponentsLoaderValue,\n    TDesignTokensComponentsLoaderScreenValue,\n    TDesignTokensComponentsMarkerValue,\n    TDesignTokensComponentsMarkerStatusValue,\n    TDesignTokensComponentsModalWindowValue,\n    TDesignTokensComponentsMultiselectFieldValue,\n    TDesignTokensComponentsNotificationValue,\n    TDesignTokensComponentsOverlayValue,\n    TDesignTokensComponentsPageIndicatorsValue,\n    TDesignTokensComponentsPaginationValue,\n    TDesignTokensComponentsRadioValue,\n    TDesignTokensComponentsSegmentedControlSegmentValue,\n    TDesignTokensComponentsSegmentedControlValue,\n    TDesignTokensComponentsSkeletonValue,\n    TDesignTokensComponentsSmallInputValue,\n    TDesignTokensComponentsSMSFieldValue,\n    TDesignTokensComponentsSliderValue,\n    TDesignTokensComponentsStatusTrackerValue,\n    TDesignTokensComponentsStepValue,\n    TDesignTokensComponentsStepperValue,\n    TDesignTokensComponentsTableBasicValue,\n    TDesignTokensComponentsTabsLineValue,\n    TDesignTokensComponentsTabsValue,\n    TDesignTokensComponentsTagValue,\n    TDesignTokensComponentsTagColorValue,\n    TDesignTokensComponentsTooltipValue,\n    TDesignTokensComponentsTopOverlayValue,\n    TDesignTokensComponentsTypographyValue,\n    TDesignTokensComponentsUploadZoneValue,\n} from \"./components\";\n\nexport const DesignTokensComponents: TDesignTokensComponents = {\n    AlertContext: GetTokensValueByTheme<TDesignTokensComponentsAlertContextValue>(\n        ETriplexNextTheme.LIGHT,\n        AlertContext_Tokens,\n    ),\n    AlertProcess: GetTokensValueByTheme<TDesignTokensComponentsAlertProcessValue>(\n        ETriplexNextTheme.LIGHT,\n        AlertProcess_Tokens,\n    ),\n    Avatar: GetTokensValueByTheme<TDesignTokensComponentsAvatarValue>(ETriplexNextTheme.LIGHT, Avatar_Tokens),\n    Badge: GetTokensValueByTheme<TDesignTokensComponentsBadgeValue>(ETriplexNextTheme.LIGHT, Badge_Tokens),\n    Button: GetTokensValueByTheme<TDesignTokensComponentsButtonValue>(ETriplexNextTheme.LIGHT, Button_Tokens),\n    Calendar: GetTokensValueByTheme<TDesignTokensComponentsCalendarValue>(ETriplexNextTheme.LIGHT, Calendar_Tokens),\n    Card: GetTokensValueByTheme<TDesignTokensComponentsCardValue>(ETriplexNextTheme.LIGHT, Card_Tokens),\n    Carousel: GetTokensValueByTheme<TDesignTokensComponentsCarouselValue>(ETriplexNextTheme.LIGHT, Carousel_Tokens),\n    Checkbox: GetTokensValueByTheme<TDesignTokensComponentsCheckboxValue>(ETriplexNextTheme.LIGHT, Checkbox_Tokens),\n    Chip: GetTokensValueByTheme<TDesignTokensComponentsChipValue>(ETriplexNextTheme.LIGHT, Chip_Tokens),\n    CollapsibleTree: GetTokensValueByTheme<TDesignTokensComponentsCollapsibleTreeValue>(\n        ETriplexNextTheme.LIGHT,\n        CollapsibleTree_Tokens,\n    ),\n    Divider: GetTokensValueByTheme<TDesignTokensComponentsDividerValue>(ETriplexNextTheme.LIGHT, Divider_Tokens),\n    Dropdown: GetTokensValueByTheme<TDesignTokensComponentsDropdownValue>(ETriplexNextTheme.LIGHT, Dropdown_Tokens),\n    DropdownList: GetTokensValueByTheme<TDesignTokensComponentsDropdownListValue>(\n        ETriplexNextTheme.LIGHT,\n        DropdownList_Tokens,\n    ),\n    DropdownMobile: GetTokensValueByTheme<TDesignTokensComponentsDropdownMobileValue>(\n        ETriplexNextTheme.LIGHT,\n        DropdownMobile_Tokens,\n    ),\n    DropdownMobileList: GetTokensValueByTheme<TDesignTokensComponentsDropdownMobileListValue>(\n        ETriplexNextTheme.LIGHT,\n        DropdownMobileList_Tokens,\n    ),\n    FooterPage: GetTokensValueByTheme<TDesignTokensComponentsFooterPageValue>(\n        ETriplexNextTheme.LIGHT,\n        FooterPage_Tokens,\n    ),\n    FormField: GetTokensValueByTheme<TDesignTokensComponentsFormFieldValue>(ETriplexNextTheme.LIGHT, FormField_Tokens),\n    HeaderPage: GetTokensValueByTheme<TDesignTokensComponentsHeaderPageValue>(\n        ETriplexNextTheme.LIGHT,\n        HeaderPage_Tokens,\n    ),\n    Island: GetTokensValueByTheme<TDesignTokensComponentsIslandValue>(ETriplexNextTheme.LIGHT, Island_Tokens),\n    IslandAccordion: GetTokensValueByTheme<TDesignTokensComponentsIslandAccordionValue>(\n        ETriplexNextTheme.LIGHT,\n        IslandAccordion_Tokens,\n    ),\n    IslandWidget: GetTokensValueByTheme<TDesignTokensComponentsIslandWidgetValue>(\n        ETriplexNextTheme.LIGHT,\n        IslandWidget_Tokens,\n    ),\n    ImageGallery: GetTokensValueByTheme<TDesignTokensComponentsImageGalleryValue>(\n        ETriplexNextTheme.LIGHT,\n        ImageGallery_Tokens,\n    ),\n    LightBox: GetTokensValueByTheme<TDesignTokensComponentsLightBoxValue>(ETriplexNextTheme.LIGHT, LightBox_Tokens),\n    Link: GetTokensValueByTheme<TDesignTokensComponentsLinkValue>(ETriplexNextTheme.LIGHT, Link_Tokens),\n    ListItem: GetTokensValueByTheme<TDesignTokensComponentsListItemValue>(ETriplexNextTheme.LIGHT, ListItem_Tokens),\n    ListItemControlsButton: GetTokensValueByTheme<TDesignTokensComponentsListItemControlsButtonValue>(\n        ETriplexNextTheme.LIGHT,\n        ListItemControlsButton_Tokens,\n    ),\n    ListMaster: GetTokensValueByTheme<TDesignTokensComponentsListMasterValue>(\n        ETriplexNextTheme.LIGHT,\n        ListMaster_Tokens,\n    ),\n    Loader: GetTokensValueByTheme<TDesignTokensComponentsLoaderValue>(ETriplexNextTheme.LIGHT, Loader_Tokens),\n    LoaderScreen: GetTokensValueByTheme<TDesignTokensComponentsLoaderScreenValue>(\n        ETriplexNextTheme.LIGHT,\n        LoaderScreen_Tokens,\n    ),\n    Marker: GetTokensValueByTheme<TDesignTokensComponentsMarkerValue>(ETriplexNextTheme.LIGHT, Marker_Tokens),\n    MarkerStatus: GetTokensValueByTheme<TDesignTokensComponentsMarkerStatusValue>(\n        ETriplexNextTheme.LIGHT,\n        MarkerStatus_Tokens,\n    ),\n    ModalWindow: GetTokensValueByTheme<TDesignTokensComponentsModalWindowValue>(\n        ETriplexNextTheme.LIGHT,\n        ModalWindow_Tokens,\n    ),\n    MultiselectField: GetTokensValueByTheme<TDesignTokensComponentsMultiselectFieldValue>(\n        ETriplexNextTheme.LIGHT,\n        MultiselectField_Tokens,\n    ),\n    Notification: GetTokensValueByTheme<TDesignTokensComponentsNotificationValue>(\n        ETriplexNextTheme.LIGHT,\n        Notification_Tokens,\n    ),\n    Overlay: GetTokensValueByTheme<TDesignTokensComponentsOverlayValue>(ETriplexNextTheme.LIGHT, Overlay_Tokens),\n    PageIndicators: GetTokensValueByTheme<TDesignTokensComponentsPageIndicatorsValue>(\n        ETriplexNextTheme.LIGHT,\n        PageIndicators_Tokens,\n    ),\n    Pagination: GetTokensValueByTheme<TDesignTokensComponentsPaginationValue>(\n        ETriplexNextTheme.LIGHT,\n        Pagination_Tokens,\n    ),\n    Radio: GetTokensValueByTheme<TDesignTokensComponentsRadioValue>(ETriplexNextTheme.LIGHT, Radio_Tokens),\n    SegmentedControl: GetTokensValueByTheme<TDesignTokensComponentsSegmentedControlValue>(\n        ETriplexNextTheme.LIGHT,\n        SegmentedControl_Tokens,\n    ),\n    SegmentedControlSegment: GetTokensValueByTheme<TDesignTokensComponentsSegmentedControlSegmentValue>(\n        ETriplexNextTheme.LIGHT,\n        SegmentedControlSegment_Tokens,\n    ),\n    Skeleton: GetTokensValueByTheme<TDesignTokensComponentsSkeletonValue>(ETriplexNextTheme.LIGHT, Skeleton_Tokens),\n    SmallInput: GetTokensValueByTheme<TDesignTokensComponentsSmallInputValue>(\n        ETriplexNextTheme.LIGHT,\n        SmallInput_Tokens,\n    ),\n    SMSField: GetTokensValueByTheme<TDesignTokensComponentsSMSFieldValue>(ETriplexNextTheme.LIGHT, SMSField_Tokens),\n    Slider: GetTokensValueByTheme<TDesignTokensComponentsSliderValue>(ETriplexNextTheme.LIGHT, Slider_Tokens),\n    StatusTracker: GetTokensValueByTheme<TDesignTokensComponentsStatusTrackerValue>(\n        ETriplexNextTheme.LIGHT,\n        StatusTracker_Tokens,\n    ),\n    Step: GetTokensValueByTheme<TDesignTokensComponentsStepValue>(ETriplexNextTheme.LIGHT, Step_Tokens),\n    Stepper: GetTokensValueByTheme<TDesignTokensComponentsStepperValue>(ETriplexNextTheme.LIGHT, Stepper_Tokens),\n    TableBasic: GetTokensValueByTheme<TDesignTokensComponentsTableBasicValue>(\n        ETriplexNextTheme.LIGHT,\n        TableBasic_Tokens,\n    ),\n    Tabs: GetTokensValueByTheme<TDesignTokensComponentsTabsValue>(ETriplexNextTheme.LIGHT, Tabs_Tokens),\n    Tag: GetTokensValueByTheme<TDesignTokensComponentsTagValue>(ETriplexNextTheme.LIGHT, Tag_Tokens),\n    TagColor: GetTokensValueByTheme<TDesignTokensComponentsTagColorValue>(ETriplexNextTheme.LIGHT, TagColor_Tokens),\n    TabsLine: GetTokensValueByTheme<TDesignTokensComponentsTabsLineValue>(ETriplexNextTheme.LIGHT, TabsLine_Tokens),\n    Tooltip: GetTokensValueByTheme<TDesignTokensComponentsTooltipValue>(ETriplexNextTheme.LIGHT, Tooltip_Tokens),\n    TopOverlay: GetTokensValueByTheme<TDesignTokensComponentsTopOverlayValue>(\n        ETriplexNextTheme.LIGHT,\n        TopOverlay_Tokens,\n    ),\n    Typography: GetTokensValueByTheme<TDesignTokensComponentsTypographyValue>(\n        ETriplexNextTheme.LIGHT,\n        Typography_Tokens,\n    ),\n    UploadZone: GetTokensValueByTheme<TDesignTokensComponentsUploadZoneValue>(\n        ETriplexNextTheme.LIGHT,\n        UploadZone_Tokens,\n    ),\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DesignTokensComponents.js","sources":["../../../src/components/DesignTokens/DesignTokensComponents.ts"],"sourcesContent":["// Токены компонентов.\nimport { TDesignTokensComponents } from \"./types/DesignTokensTypes\";\nimport { ETriplexNextTheme } from \"../ThemeProvider/ETriplexNextTheme\";\nimport { GetTokensValueByTheme } from \"./GetTokensValueByTheme\";\nimport {\n    AlertContext_Tokens,\n    AlertProcess_Tokens,\n    Avatar_Tokens,\n    Badge_Tokens,\n    Button_Tokens,\n    Calendar_Tokens,\n    Card_Tokens,\n    Carousel_Tokens,\n    Checkbox_Tokens,\n    Chip_Tokens,\n    CollapsibleTree_Tokens,\n    Divider_Tokens,\n    Dropdown_Tokens,\n    DropdownList_Tokens,\n    FooterPage_Tokens,\n    FormField_Tokens,\n    HeaderPage_Tokens,\n    Island_Tokens,\n    IslandAccordion_Tokens,\n    IslandWidget_Tokens,\n    ImageGallery_Tokens,\n    LightBox_Tokens,\n    Link_Tokens,\n    ListItemControlsButton_Tokens,\n    ListItem_Tokens,\n    ListMaster_Tokens,\n    Loader_Tokens,\n    LoaderScreen_Tokens,\n    Marker_Tokens,\n    MarkerStatus_Tokens,\n    ModalWindow_Tokens,\n    MultiselectField_Tokens,\n    Notification_Tokens,\n    Overlay_Tokens,\n    PageIndicators_Tokens,\n    Pagination_Tokens,\n    PullerList_Tokens,\n    Puller_Tokens,\n    Radio_Tokens,\n    SegmentedControlSegment_Tokens,\n    SegmentedControl_Tokens,\n    Skeleton_Tokens,\n    SmallInput_Tokens,\n    SmartSpot_Tokens,\n    SMSField_Tokens,\n    Slider_Tokens,\n    StatusTracker_Tokens,\n    Step_Tokens,\n    Stepper_Tokens,\n    TableBasic_Tokens,\n    TabsLine_Tokens,\n    Tabs_Tokens,\n    Tag_Tokens,\n    TagColor_Tokens,\n    Typography_Tokens,\n    Tooltip_Tokens,\n    TopOverlay_Tokens,\n    UploadZone_Tokens,\n    TDesignTokensComponentsAlertContextValue,\n    TDesignTokensComponentsAlertProcessValue,\n    TDesignTokensComponentsAvatarValue,\n    TDesignTokensComponentsBadgeValue,\n    TDesignTokensComponentsButtonValue,\n    TDesignTokensComponentsCalendarValue,\n    TDesignTokensComponentsCardValue,\n    TDesignTokensComponentsCarouselValue,\n    TDesignTokensComponentsCheckboxValue,\n    TDesignTokensComponentsChipValue,\n    TDesignTokensComponentsCollapsibleTreeValue,\n    TDesignTokensComponentsDividerValue,\n    TDesignTokensComponentsDropdownListValue,\n    TDesignTokensComponentsDropdownValue,\n    TDesignTokensComponentsFooterPageValue,\n    TDesignTokensComponentsFormFieldValue,\n    TDesignTokensComponentsHeaderPageValue,\n    TDesignTokensComponentsIslandValue,\n    TDesignTokensComponentsIslandAccordionValue,\n    TDesignTokensComponentsIslandWidgetValue,\n    TDesignTokensComponentsImageGalleryValue,\n    TDesignTokensComponentsLightBoxValue,\n    TDesignTokensComponentsLinkValue,\n    TDesignTokensComponentsListItemControlsButtonValue,\n    TDesignTokensComponentsListItemValue,\n    TDesignTokensComponentsListMasterValue,\n    TDesignTokensComponentsLoaderValue,\n    TDesignTokensComponentsLoaderScreenValue,\n    TDesignTokensComponentsMarkerValue,\n    TDesignTokensComponentsMarkerStatusValue,\n    TDesignTokensComponentsModalWindowValue,\n    TDesignTokensComponentsMultiselectFieldValue,\n    TDesignTokensComponentsNotificationValue,\n    TDesignTokensComponentsOverlayValue,\n    TDesignTokensComponentsPageIndicatorsValue,\n    TDesignTokensComponentsPaginationValue,\n    TDesignTokensComponentsPullerListValue,\n    TDesignTokensComponentsPullerValue,\n    TDesignTokensComponentsRadioValue,\n    TDesignTokensComponentsSegmentedControlSegmentValue,\n    TDesignTokensComponentsSegmentedControlValue,\n    TDesignTokensComponentsSkeletonValue,\n    TDesignTokensComponentsSmallInputValue,\n    TDesignTokensComponentsSmartSpotValue,\n    TDesignTokensComponentsSMSFieldValue,\n    TDesignTokensComponentsSliderValue,\n    TDesignTokensComponentsStatusTrackerValue,\n    TDesignTokensComponentsStepValue,\n    TDesignTokensComponentsStepperValue,\n    TDesignTokensComponentsTableBasicValue,\n    TDesignTokensComponentsTabsLineValue,\n    TDesignTokensComponentsTabsValue,\n    TDesignTokensComponentsTagValue,\n    TDesignTokensComponentsTagColorValue,\n    TDesignTokensComponentsTooltipValue,\n    TDesignTokensComponentsTopOverlayValue,\n    TDesignTokensComponentsTypographyValue,\n    TDesignTokensComponentsUploadZoneValue,\n} from \"./components\";\n\nexport const DesignTokensComponents: TDesignTokensComponents = {\n    AlertContext: GetTokensValueByTheme<TDesignTokensComponentsAlertContextValue>(\n        ETriplexNextTheme.LIGHT,\n        AlertContext_Tokens,\n    ),\n    AlertProcess: GetTokensValueByTheme<TDesignTokensComponentsAlertProcessValue>(\n        ETriplexNextTheme.LIGHT,\n        AlertProcess_Tokens,\n    ),\n    Avatar: GetTokensValueByTheme<TDesignTokensComponentsAvatarValue>(ETriplexNextTheme.LIGHT, Avatar_Tokens),\n    Badge: GetTokensValueByTheme<TDesignTokensComponentsBadgeValue>(ETriplexNextTheme.LIGHT, Badge_Tokens),\n    Button: GetTokensValueByTheme<TDesignTokensComponentsButtonValue>(ETriplexNextTheme.LIGHT, Button_Tokens),\n    Calendar: GetTokensValueByTheme<TDesignTokensComponentsCalendarValue>(ETriplexNextTheme.LIGHT, Calendar_Tokens),\n    Card: GetTokensValueByTheme<TDesignTokensComponentsCardValue>(ETriplexNextTheme.LIGHT, Card_Tokens),\n    Carousel: GetTokensValueByTheme<TDesignTokensComponentsCarouselValue>(ETriplexNextTheme.LIGHT, Carousel_Tokens),\n    Checkbox: GetTokensValueByTheme<TDesignTokensComponentsCheckboxValue>(ETriplexNextTheme.LIGHT, Checkbox_Tokens),\n    Chip: GetTokensValueByTheme<TDesignTokensComponentsChipValue>(ETriplexNextTheme.LIGHT, Chip_Tokens),\n    CollapsibleTree: GetTokensValueByTheme<TDesignTokensComponentsCollapsibleTreeValue>(\n        ETriplexNextTheme.LIGHT,\n        CollapsibleTree_Tokens,\n    ),\n    Divider: GetTokensValueByTheme<TDesignTokensComponentsDividerValue>(ETriplexNextTheme.LIGHT, Divider_Tokens),\n    Dropdown: GetTokensValueByTheme<TDesignTokensComponentsDropdownValue>(ETriplexNextTheme.LIGHT, Dropdown_Tokens),\n    DropdownList: GetTokensValueByTheme<TDesignTokensComponentsDropdownListValue>(\n        ETriplexNextTheme.LIGHT,\n        DropdownList_Tokens,\n    ),\n    FooterPage: GetTokensValueByTheme<TDesignTokensComponentsFooterPageValue>(\n        ETriplexNextTheme.LIGHT,\n        FooterPage_Tokens,\n    ),\n    FormField: GetTokensValueByTheme<TDesignTokensComponentsFormFieldValue>(ETriplexNextTheme.LIGHT, FormField_Tokens),\n    HeaderPage: GetTokensValueByTheme<TDesignTokensComponentsHeaderPageValue>(\n        ETriplexNextTheme.LIGHT,\n        HeaderPage_Tokens,\n    ),\n    Island: GetTokensValueByTheme<TDesignTokensComponentsIslandValue>(ETriplexNextTheme.LIGHT, Island_Tokens),\n    IslandAccordion: GetTokensValueByTheme<TDesignTokensComponentsIslandAccordionValue>(\n        ETriplexNextTheme.LIGHT,\n        IslandAccordion_Tokens,\n    ),\n    IslandWidget: GetTokensValueByTheme<TDesignTokensComponentsIslandWidgetValue>(\n        ETriplexNextTheme.LIGHT,\n        IslandWidget_Tokens,\n    ),\n    ImageGallery: GetTokensValueByTheme<TDesignTokensComponentsImageGalleryValue>(\n        ETriplexNextTheme.LIGHT,\n        ImageGallery_Tokens,\n    ),\n    LightBox: GetTokensValueByTheme<TDesignTokensComponentsLightBoxValue>(ETriplexNextTheme.LIGHT, LightBox_Tokens),\n    Link: GetTokensValueByTheme<TDesignTokensComponentsLinkValue>(ETriplexNextTheme.LIGHT, Link_Tokens),\n    ListItem: GetTokensValueByTheme<TDesignTokensComponentsListItemValue>(ETriplexNextTheme.LIGHT, ListItem_Tokens),\n    ListItemControlsButton: GetTokensValueByTheme<TDesignTokensComponentsListItemControlsButtonValue>(\n        ETriplexNextTheme.LIGHT,\n        ListItemControlsButton_Tokens,\n    ),\n    ListMaster: GetTokensValueByTheme<TDesignTokensComponentsListMasterValue>(\n        ETriplexNextTheme.LIGHT,\n        ListMaster_Tokens,\n    ),\n    Loader: GetTokensValueByTheme<TDesignTokensComponentsLoaderValue>(ETriplexNextTheme.LIGHT, Loader_Tokens),\n    LoaderScreen: GetTokensValueByTheme<TDesignTokensComponentsLoaderScreenValue>(\n        ETriplexNextTheme.LIGHT,\n        LoaderScreen_Tokens,\n    ),\n    Marker: GetTokensValueByTheme<TDesignTokensComponentsMarkerValue>(ETriplexNextTheme.LIGHT, Marker_Tokens),\n    MarkerStatus: GetTokensValueByTheme<TDesignTokensComponentsMarkerStatusValue>(\n        ETriplexNextTheme.LIGHT,\n        MarkerStatus_Tokens,\n    ),\n    ModalWindow: GetTokensValueByTheme<TDesignTokensComponentsModalWindowValue>(\n        ETriplexNextTheme.LIGHT,\n        ModalWindow_Tokens,\n    ),\n    MultiselectField: GetTokensValueByTheme<TDesignTokensComponentsMultiselectFieldValue>(\n        ETriplexNextTheme.LIGHT,\n        MultiselectField_Tokens,\n    ),\n    Notification: GetTokensValueByTheme<TDesignTokensComponentsNotificationValue>(\n        ETriplexNextTheme.LIGHT,\n        Notification_Tokens,\n    ),\n    Overlay: GetTokensValueByTheme<TDesignTokensComponentsOverlayValue>(ETriplexNextTheme.LIGHT, Overlay_Tokens),\n    PageIndicators: GetTokensValueByTheme<TDesignTokensComponentsPageIndicatorsValue>(\n        ETriplexNextTheme.LIGHT,\n        PageIndicators_Tokens,\n    ),\n    Pagination: GetTokensValueByTheme<TDesignTokensComponentsPaginationValue>(\n        ETriplexNextTheme.LIGHT,\n        Pagination_Tokens,\n    ),\n    Puller: GetTokensValueByTheme<TDesignTokensComponentsPullerValue>(ETriplexNextTheme.LIGHT, Puller_Tokens),\n    PullerList: GetTokensValueByTheme<TDesignTokensComponentsPullerListValue>(\n        ETriplexNextTheme.LIGHT,\n        PullerList_Tokens,\n    ),\n    Radio: GetTokensValueByTheme<TDesignTokensComponentsRadioValue>(ETriplexNextTheme.LIGHT, Radio_Tokens),\n    SegmentedControl: GetTokensValueByTheme<TDesignTokensComponentsSegmentedControlValue>(\n        ETriplexNextTheme.LIGHT,\n        SegmentedControl_Tokens,\n    ),\n    SegmentedControlSegment: GetTokensValueByTheme<TDesignTokensComponentsSegmentedControlSegmentValue>(\n        ETriplexNextTheme.LIGHT,\n        SegmentedControlSegment_Tokens,\n    ),\n    Skeleton: GetTokensValueByTheme<TDesignTokensComponentsSkeletonValue>(ETriplexNextTheme.LIGHT, Skeleton_Tokens),\n    SmallInput: GetTokensValueByTheme<TDesignTokensComponentsSmallInputValue>(\n        ETriplexNextTheme.LIGHT,\n        SmallInput_Tokens,\n    ),\n    SmartSpot: GetTokensValueByTheme<TDesignTokensComponentsSmartSpotValue>(ETriplexNextTheme.LIGHT, SmartSpot_Tokens),\n    SMSField: GetTokensValueByTheme<TDesignTokensComponentsSMSFieldValue>(ETriplexNextTheme.LIGHT, SMSField_Tokens),\n    Slider: GetTokensValueByTheme<TDesignTokensComponentsSliderValue>(ETriplexNextTheme.LIGHT, Slider_Tokens),\n    StatusTracker: GetTokensValueByTheme<TDesignTokensComponentsStatusTrackerValue>(\n        ETriplexNextTheme.LIGHT,\n        StatusTracker_Tokens,\n    ),\n    Step: GetTokensValueByTheme<TDesignTokensComponentsStepValue>(ETriplexNextTheme.LIGHT, Step_Tokens),\n    Stepper: GetTokensValueByTheme<TDesignTokensComponentsStepperValue>(ETriplexNextTheme.LIGHT, Stepper_Tokens),\n    TableBasic: GetTokensValueByTheme<TDesignTokensComponentsTableBasicValue>(\n        ETriplexNextTheme.LIGHT,\n        TableBasic_Tokens,\n    ),\n    Tabs: GetTokensValueByTheme<TDesignTokensComponentsTabsValue>(ETriplexNextTheme.LIGHT, Tabs_Tokens),\n    Tag: GetTokensValueByTheme<TDesignTokensComponentsTagValue>(ETriplexNextTheme.LIGHT, Tag_Tokens),\n    TagColor: GetTokensValueByTheme<TDesignTokensComponentsTagColorValue>(ETriplexNextTheme.LIGHT, TagColor_Tokens),\n    TabsLine: GetTokensValueByTheme<TDesignTokensComponentsTabsLineValue>(ETriplexNextTheme.LIGHT, TabsLine_Tokens),\n    Tooltip: GetTokensValueByTheme<TDesignTokensComponentsTooltipValue>(ETriplexNextTheme.LIGHT, Tooltip_Tokens),\n    TopOverlay: GetTokensValueByTheme<TDesignTokensComponentsTopOverlayValue>(\n        ETriplexNextTheme.LIGHT,\n        TopOverlay_Tokens,\n    ),\n    Typography: GetTokensValueByTheme<TDesignTokensComponentsTypographyValue>(\n        ETriplexNextTheme.LIGHT,\n        Typography_Tokens,\n    ),\n    UploadZone: GetTokensValueByTheme<TDesignTokensComponentsUploadZoneValue>(\n        ETriplexNextTheme.LIGHT,\n        UploadZone_Tokens,\n    ),\n};\n"],"names":[],"mappings":"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"}

package/components/DesignTokens/DesignTokensComponentsThemeDark.js

@@ -14,8 +14,6 @@ import { Chip_Tokens } from "./components/Chip.js";
 import { CollapsibleTree_Tokens } from "./components/CollapsibleTree.js";
 import { Dropdown_Tokens } from "./components/Dropdown.js";
 import { DropdownList_Tokens } from "./components/DropdownList.js";
-import { DropdownMobile_Tokens } from "./components/DropdownMobile.js";
-import { DropdownMobileList_Tokens } from "./components/DropdownMobileList.js";
 import { FooterPage_Tokens } from "./components/FooterPage.js";
 import { FormField_Tokens } from "./components/FormField.js";
 import { HeaderPage_Tokens } from "./components/HeaderPage.js";
@@ -38,12 +36,15 @@ import { Notification_Tokens } from "./components/Notification.js";
 import { Overlay_Tokens } from "./components/Overlay.js";
 import { PageIndicators_Tokens } from "./components/PageIndicators.js";
 import { Pagination_Tokens } from "./components/Pagination.js";
+import { Puller_Tokens } from "./components/Puller.js";
+import { PullerList_Tokens } from "./components/PullerList.js";
 import { Radio_Tokens } from "./components/Radio.js";
 import { SegmentedControl_Tokens } from "./components/SegmentedControl.js";
 import { SegmentedControlSegment_Tokens } from "./components/SegmentedControlSegment.js";
 import { Skeleton_Tokens } from "./components/Skeleton.js";
 import { Slider_Tokens } from "./components/Slider.js";
 import { SmallInput_Tokens } from "./components/SmallInput.js";
+import { SmartSpot_Tokens } from "./components/SmartSpot.js";
 import { SMSField_Tokens } from "./components/SMSField.js";
 import { StatusTracker_Tokens } from "./components/StatusTracker.js";
 import { Step_Tokens } from "./components/Step.js";
@@ -84,14 +85,6 @@ const DesignTokensComponentsThemeDark = {
     ETriplexNextTheme.DARK,
     DropdownList_Tokens
   ),
-  DropdownMobile: GetTokensValueByTheme(
-    ETriplexNextTheme.DARK,
-    DropdownMobile_Tokens
-  ),
-  DropdownMobileList: GetTokensValueByTheme(
-    ETriplexNextTheme.DARK,
-    DropdownMobileList_Tokens
-  ),
   FooterPage: GetTokensValueByTheme(
     ETriplexNextTheme.DARK,
     FooterPage_Tokens
@@ -156,6 +149,11 @@ const DesignTokensComponentsThemeDark = {
     ETriplexNextTheme.DARK,
     Pagination_Tokens
   ),
+  Puller: GetTokensValueByTheme(ETriplexNextTheme.DARK, Puller_Tokens),
+  PullerList: GetTokensValueByTheme(
+    ETriplexNextTheme.DARK,
+    PullerList_Tokens
+  ),
   Radio: GetTokensValueByTheme(ETriplexNextTheme.DARK, Radio_Tokens),
   SegmentedControl: GetTokensValueByTheme(
     ETriplexNextTheme.DARK,
@@ -170,6 +168,7 @@ const DesignTokensComponentsThemeDark = {
     ETriplexNextTheme.DARK,
     SmallInput_Tokens
   ),
+  SmartSpot: GetTokensValueByTheme(ETriplexNextTheme.DARK, SmartSpot_Tokens),
   SMSField: GetTokensValueByTheme(ETriplexNextTheme.DARK, SMSField_Tokens),
   Slider: GetTokensValueByTheme(ETriplexNextTheme.DARK, Slider_Tokens),
   StatusTracker: GetTokensValueByTheme(