@sberbusiness/triplex-next 0.45.0 → 0.47.0

package/components/DateRange/DateRange.js

@@ -1,93 +1,80 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import moment from "moment";
+import React from "react";
 import { CaretleftStrokeSrvIcon20, RangeStrokeSrvIcon16, CaretrightStrokeSrvIcon20 } from "@sberbusiness/icons-next";
-import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
+import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { EDateRangeShiftUnit } from "./enums.js";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
-const dateRange = "dateRange__c9374495";
-const dateRangeButton = "dateRangeButton__80fe688d";
-const separator = "separator__cd081edf";
+import { shiftDateRange } from "./utils.js";
+const dateRange = "dateRange__0d2c3247";
+const dateRangeButton = "dateRangeButton__8708777f";
+const separator = "separator__3328c23c";
 const styles = {
   dateRange,
   dateRangeButton,
   separator
 };
-const DateRange = ({
-  children,
-  className,
-  value,
-  onChange,
-  shiftAmount = 1,
-  shiftUnit = EDateRangeShiftUnit.MONTH,
-  hideNavigation,
-  renderPickerFrom,
-  renderPickerTo,
-  renderButtonForward,
-  renderButtonBack,
-  ...rest
-}) => {
-  const [start, end] = value;
-  const classNames = clsx(styles.dateRange, className);
-  const handleChangePickerFrom = (date) => {
-    if (!date || !end || date <= end) {
-      onChange([date, end]);
-    } else {
-      onChange([date, ""]);
-    }
-  };
-  const handleChangePickerTo = (date) => {
-    if (!date || !start || date >= start) {
-      onChange([start, date]);
-    } else {
-      onChange(["", date]);
-    }
-  };
-  const shiftRangeBack = () => {
-    if (!start || !end) {
-      return;
-    }
-    const momentStart = moment(start, dateFormatYYYYMMDD);
-    const momentEnd = moment(end, dateFormatYYYYMMDD);
-    onChange([
-      momentStart.subtract(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),
-      momentEnd.subtract(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD)
-    ]);
-  };
-  const shiftRangeForward = () => {
-    if (!start || !end) {
-      return;
-    }
-    const momentStart = moment(start, dateFormatYYYYMMDD);
-    const momentEnd = moment(end, dateFormatYYYYMMDD);
-    onChange([
-      momentStart.add(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),
-      momentEnd.add(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD)
-    ]);
-  };
-  return /* @__PURE__ */ jsxs("div", { className: classNames, ...rest, children: [
-    !hideNavigation && renderButtonBack({
-      children: /* @__PURE__ */ jsx(CaretleftStrokeSrvIcon20, { paletteIndex: 5 }),
-      className: clsx(styles.dateRangeButton, { disabled: !(start && end) }),
-      disabled: !(start && end),
-      onClick: shiftRangeBack
-    }),
-    renderPickerFrom({
-      onChange: handleChangePickerFrom,
-      value: start
-    }),
-    /* @__PURE__ */ jsx(RangeStrokeSrvIcon16, { className: styles.separator, paletteIndex: 5 }),
-    renderPickerTo({
-      onChange: handleChangePickerTo,
-      value: end
-    }),
-    !hideNavigation && renderButtonForward({
-      children: /* @__PURE__ */ jsx(CaretrightStrokeSrvIcon20, { paletteIndex: 5 }),
-      className: clsx(styles.dateRangeButton, { disabled: !(start && end) }),
-      disabled: !(start && end),
-      onClick: shiftRangeForward
-    })
-  ] });
-};
+const DateRange = React.forwardRef(
+  ({
+    children,
+    className,
+    value,
+    onChange,
+    shiftAmount = 1,
+    shiftUnit = EDateRangeShiftUnit.MONTH,
+    hideNavigation,
+    renderPickerFrom,
+    renderPickerTo,
+    renderButtonForward,
+    renderButtonBack,
+    ...rest
+  }, ref) => {
+    const [start, end] = value;
+    const classNames = clsx(styles.dateRange, className);
+    const shiftDisabled = !(start && end);
+    const handleChangePickerFrom = (date) => {
+      if (!date || !end || date <= end) {
+        onChange([date, end]);
+      } else {
+        onChange([date, ""]);
+      }
+    };
+    const handleChangePickerTo = (date) => {
+      if (!date || !start || date >= start) {
+        onChange([start, date]);
+      } else {
+        onChange(["", date]);
+      }
+    };
+    const shiftRange = (amount) => {
+      if (shiftDisabled) {
+        return;
+      }
+      onChange(shiftDateRange(value, amount, shiftUnit));
+    };
+    return /* @__PURE__ */ jsxs("div", { className: classNames, ...rest, ref, children: [
+      !hideNavigation && renderButtonBack({
+        children: /* @__PURE__ */ jsx(CaretleftStrokeSrvIcon20, { paletteIndex: 5 }),
+        className: clsx(styles.dateRangeButton, { disabled: shiftDisabled }),
+        disabled: shiftDisabled,
+        onClick: () => shiftRange(-shiftAmount)
+      }),
+      renderPickerFrom({
+        onChange: handleChangePickerFrom,
+        value: start
+      }),
+      /* @__PURE__ */ jsx(RangeStrokeSrvIcon16, { className: styles.separator, paletteIndex: 5 }),
+      renderPickerTo({
+        onChange: handleChangePickerTo,
+        value: end
+      }),
+      !hideNavigation && renderButtonForward({
+        children: /* @__PURE__ */ jsx(CaretrightStrokeSrvIcon20, { paletteIndex: 5 }),
+        className: clsx(styles.dateRangeButton, { disabled: shiftDisabled }),
+        disabled: shiftDisabled,
+        onClick: () => shiftRange(shiftAmount)
+      })
+    ] });
+  }
+);
 DateRange.displayName = "DateRange";
 export {
   DateRange

package/components/DateRange/DateRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRange.js","sources":["../../../src/components/DateRange/DateRange.tsx"],"sourcesContent":["import React from \"react\";\nimport moment from \"moment\";\nimport { RangeStrokeSrvIcon16, CaretleftStrokeSrvIcon20, CaretrightStrokeSrvIcon20 } from \"@sberbusiness/icons-next\";\nimport { dateFormatYYYYMMDD } from \"../../consts/DateConst\";\nimport { EDateRangeShiftUnit } from \"./enums\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/DateRange.module.less\";\n\n/** Свойства функции рендеринга кнопки сдвига диапазона дат. */\nexport interface IDateRangeButtonProvideProps {\n    children: React.ReactNode;\n    className: string;\n    onClick: () => void;\n    disabled: boolean;\n}\n\n/** Свойства функции рендеринга поля выбора даты. */\nexport interface IDateRangePickerProvideProps {\n    value: string;\n    onChange: (value: string) => void;\n}\n\n/** Значение компонента DateRange. */\nexport type TDateRangeValue = [string, string];\n\n/** Свойства компонента DateRange. */\nexport interface IDateRangeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"defaultValue\" | \"onChange\"> {\n    /** Диапазон дат. */\n    value: TDateRangeValue;\n    /** Функция, вызывающаяся при изменении диапазона дат. */\n    onChange: (value: TDateRangeValue) => void;\n    /** Численная величина сдвига диапазона дат. */\n    shiftAmount?: number;\n    /** Единица измерения сдвига диапазона дат. */\n    shiftUnit?: EDateRangeShiftUnit;\n    /** Управление отображением/скрытием кнопок сдвига диапазона дат. */\n    hideNavigation?: boolean;\n    /** Функция рендеринга поля выбора даты \"от\". */\n    renderPickerFrom: (props: IDateRangePickerProvideProps) => React.ReactNode;\n    /** Функция рендеринга поля выбора даты \"до\". */\n    renderPickerTo: (props: IDateRangePickerProvideProps) => React.ReactNode;\n    /** Функция рендеринга кнопки сдвига диапазона дат \"назад\". */\n    renderButtonBack: (props: IDateRangeButtonProvideProps) => React.ReactNode;\n    /** Функция рендеринга кнопки сдвига диапазона дат \"вперёд\". */\n    renderButtonForward: (props: IDateRangeButtonProvideProps) => React.ReactNode;\n}\n\n/** Выбор диапазона дат. */\nexport const DateRange: React.FC<IDateRangeProps> = ({\n    children,\n    className,\n    value,\n    onChange,\n    shiftAmount = 1,\n    shiftUnit = EDateRangeShiftUnit.MONTH,\n    hideNavigation,\n    renderPickerFrom,\n    renderPickerTo,\n    renderButtonForward,\n    renderButtonBack,\n    ...rest\n}) => {\n    const [start, end] = value;\n    const classNames = clsx(styles.dateRange, className);\n\n    /** Обработчик изменения значения в поле выбора даты \"от\". */\n    const handleChangePickerFrom = (date: string) => {\n        if (!date || !end || date <= end) {\n            onChange([date, end]);\n        } else {\n            onChange([date, \"\"]);\n        }\n    };\n\n    /** Обработчик изменения значения в поле выбора даты \"до\". */\n    const handleChangePickerTo = (date: string) => {\n        if (!date || !start || date >= start) {\n            onChange([start, date]);\n        } else {\n            onChange([\"\", date]);\n        }\n    };\n\n    /** Функция, смещающая диапазон дат назад. */\n    const shiftRangeBack = () => {\n        if (!start || !end) {\n            return;\n        }\n\n        const momentStart = moment(start, dateFormatYYYYMMDD);\n        const momentEnd = moment(end, dateFormatYYYYMMDD);\n\n        onChange([\n            momentStart.subtract(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),\n            momentEnd.subtract(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),\n        ]);\n    };\n\n    /** Функция, смещающая диапазон дат вперёд. */\n    const shiftRangeForward = () => {\n        if (!start || !end) {\n            return;\n        }\n\n        const momentStart = moment(start, dateFormatYYYYMMDD);\n        const momentEnd = moment(end, dateFormatYYYYMMDD);\n\n        onChange([\n            momentStart.add(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),\n            momentEnd.add(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),\n        ]);\n    };\n\n    return (\n        <div className={classNames} {...rest}>\n            {!hideNavigation &&\n                renderButtonBack({\n                    children: <CaretleftStrokeSrvIcon20 paletteIndex={5} />,\n                    className: clsx(styles.dateRangeButton, { disabled: !(start && end) }),\n                    disabled: !(start && end),\n                    onClick: shiftRangeBack,\n                })}\n            {renderPickerFrom({\n                onChange: handleChangePickerFrom,\n                value: start,\n            })}\n            <RangeStrokeSrvIcon16 className={styles.separator} paletteIndex={5} />\n            {renderPickerTo({\n                onChange: handleChangePickerTo,\n                value: end,\n            })}\n            {!hideNavigation &&\n                renderButtonForward({\n                    children: <CaretrightStrokeSrvIcon20 paletteIndex={5} />,\n                    className: clsx(styles.dateRangeButton, { disabled: !(start && end) }),\n                    disabled: !(start && end),\n                    onClick: shiftRangeForward,\n                })}\n        </div>\n    );\n};\n\nDateRange.displayName = \"DateRange\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAgDO,MAAM,YAAuC,CAAC;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,YAAY,oBAAoB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,CAAC,OAAO,GAAG,IAAI;AACrB,QAAM,aAAa,KAAK,OAAO,WAAW,SAAS;AAGnD,QAAM,yBAAyB,CAAC,SAAiB;AAC7C,QAAI,CAAC,QAAQ,CAAC,OAAO,QAAQ,KAAK;AAC9B,eAAS,CAAC,MAAM,GAAG,CAAC;AAAA,IACxB,OAAO;AACH,eAAS,CAAC,MAAM,EAAE,CAAC;AAAA,IACvB;AAAA,EACJ;AAGA,QAAM,uBAAuB,CAAC,SAAiB;AAC3C,QAAI,CAAC,QAAQ,CAAC,SAAS,QAAQ,OAAO;AAClC,eAAS,CAAC,OAAO,IAAI,CAAC;AAAA,IAC1B,OAAO;AACH,eAAS,CAAC,IAAI,IAAI,CAAC;AAAA,IACvB;AAAA,EACJ;AAGA,QAAM,iBAAiB,MAAM;AACzB,QAAI,CAAC,SAAS,CAAC,KAAK;AAChB;AAAA,IACJ;AAEA,UAAM,cAAc,OAAO,OAAO,kBAAkB;AACpD,UAAM,YAAY,OAAO,KAAK,kBAAkB;AAEhD,aAAS;AAAA,MACL,YAAY,SAAS,aAAa,SAAS,EAAE,OAAO,kBAAkB;AAAA,MACtE,UAAU,SAAS,aAAa,SAAS,EAAE,OAAO,kBAAkB;AAAA,IAAA,CACvE;AAAA,EACL;AAGA,QAAM,oBAAoB,MAAM;AAC5B,QAAI,CAAC,SAAS,CAAC,KAAK;AAChB;AAAA,IACJ;AAEA,UAAM,cAAc,OAAO,OAAO,kBAAkB;AACpD,UAAM,YAAY,OAAO,KAAK,kBAAkB;AAEhD,aAAS;AAAA,MACL,YAAY,IAAI,aAAa,SAAS,EAAE,OAAO,kBAAkB;AAAA,MACjE,UAAU,IAAI,aAAa,SAAS,EAAE,OAAO,kBAAkB;AAAA,IAAA,CAClE;AAAA,EACL;AAEA,SACI,qBAAC,OAAA,EAAI,WAAW,YAAa,GAAG,MAC3B,UAAA;AAAA,IAAA,CAAC,kBACE,iBAAiB;AAAA,MACb,UAAU,oBAAC,0BAAA,EAAyB,cAAc,EAAA,CAAG;AAAA,MACrD,WAAW,KAAK,OAAO,iBAAiB,EAAE,UAAU,EAAE,SAAS,MAAM;AAAA,MACrE,UAAU,EAAE,SAAS;AAAA,MACrB,SAAS;AAAA,IAAA,CACZ;AAAA,IACJ,iBAAiB;AAAA,MACd,UAAU;AAAA,MACV,OAAO;AAAA,IAAA,CACV;AAAA,wBACA,sBAAA,EAAqB,WAAW,OAAO,WAAW,cAAc,GAAG;AAAA,IACnE,eAAe;AAAA,MACZ,UAAU;AAAA,MACV,OAAO;AAAA,IAAA,CACV;AAAA,IACA,CAAC,kBACE,oBAAoB;AAAA,MAChB,UAAU,oBAAC,2BAAA,EAA0B,cAAc,EAAA,CAAG;AAAA,MACtD,WAAW,KAAK,OAAO,iBAAiB,EAAE,UAAU,EAAE,SAAS,MAAM;AAAA,MACrE,UAAU,EAAE,SAAS;AAAA,MACrB,SAAS;AAAA,IAAA,CACZ;AAAA,EAAA,GACT;AAER;AAEA,UAAU,cAAc;"}
+{"version":3,"file":"DateRange.js","sources":["../../../src/components/DateRange/DateRange.tsx"],"sourcesContent":["import React from \"react\";\nimport { RangeStrokeSrvIcon16, CaretleftStrokeSrvIcon20, CaretrightStrokeSrvIcon20 } from \"@sberbusiness/icons-next\";\nimport clsx from \"clsx\";\nimport { EDateRangeShiftUnit } from \"./enums\";\nimport { TDateRangeValue } from \"./types\";\nimport { shiftDateRange } from \"./utils\";\nimport styles from \"./styles/DateRange.module.less\";\n\n/** Свойства функции рендеринга кнопки сдвига диапазона дат. */\nexport interface IDateRangeButtonProvideProps {\n    /** Иконка направления сдвига. */\n    children: React.ReactNode;\n    /** Класс кнопки сдвига. */\n    className: string;\n    /** Обработчик клика, сдвигающий диапазон дат. */\n    onClick: () => void;\n    /** Кнопка недоступна — диапазон дат заполнен не полностью. */\n    disabled: boolean;\n}\n\n/** Свойства функции рендеринга поля выбора даты. */\nexport interface IDateRangePickerProvideProps {\n    /** Дата в формате YYYYMMDD, пустая строка — дата не выбрана. */\n    value: string;\n    /** Обработчик изменения даты. Принимает дату в формате YYYYMMDD. */\n    onChange: (value: string) => void;\n}\n\n/** Свойства компонента DateRange. */\nexport interface IDateRangeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"defaultValue\" | \"onChange\"> {\n    /** Диапазон дат. */\n    value: TDateRangeValue;\n    /** Функция, вызывающаяся при изменении диапазона дат. */\n    onChange: (value: TDateRangeValue) => void;\n    /** Численная величина сдвига диапазона дат. По умолчанию 1. */\n    shiftAmount?: number;\n    /** Единица измерения сдвига диапазона дат. По умолчанию EDateRangeShiftUnit.MONTH. */\n    shiftUnit?: EDateRangeShiftUnit;\n    /** Управление отображением/скрытием кнопок сдвига диапазона дат. По умолчанию false. */\n    hideNavigation?: boolean;\n    /** Функция рендеринга поля выбора даты \"от\". */\n    renderPickerFrom: (props: IDateRangePickerProvideProps) => React.ReactNode;\n    /** Функция рендеринга поля выбора даты \"до\". */\n    renderPickerTo: (props: IDateRangePickerProvideProps) => React.ReactNode;\n    /** Функция рендеринга кнопки сдвига диапазона дат \"назад\". */\n    renderButtonBack: (props: IDateRangeButtonProvideProps) => React.ReactNode;\n    /** Функция рендеринга кнопки сдвига диапазона дат \"вперёд\". */\n    renderButtonForward: (props: IDateRangeButtonProvideProps) => React.ReactNode;\n}\n\n/**\n * Выбор диапазона дат. Рендерит два поля выбора даты и кнопки сдвига диапазона,\n * которые передаются через render-props. Следит за тем, чтобы дата \"от\" не была\n * больше даты \"до\", и сдвигает обе границы диапазона сразу.\n */\nexport const DateRange = React.forwardRef<HTMLDivElement, IDateRangeProps>(\n    (\n        {\n            children,\n            className,\n            value,\n            onChange,\n            shiftAmount = 1,\n            shiftUnit = EDateRangeShiftUnit.MONTH,\n            hideNavigation,\n            renderPickerFrom,\n            renderPickerTo,\n            renderButtonForward,\n            renderButtonBack,\n            ...rest\n        },\n        ref,\n    ) => {\n        const [start, end] = value;\n        const classNames = clsx(styles.dateRange, className);\n        /** Сдвиг возможен только при обеих заполненных границах диапазона. */\n        const shiftDisabled = !(start && end);\n\n        /** Обработчик изменения значения в поле выбора даты \"от\". Сбрасывает дату \"до\", если она оказалась меньше. */\n        const handleChangePickerFrom = (date: string) => {\n            if (!date || !end || date <= end) {\n                onChange([date, end]);\n            } else {\n                onChange([date, \"\"]);\n            }\n        };\n\n        /** Обработчик изменения значения в поле выбора даты \"до\". Сбрасывает дату \"от\", если она оказалась больше. */\n        const handleChangePickerTo = (date: string) => {\n            if (!date || !start || date >= start) {\n                onChange([start, date]);\n            } else {\n                onChange([\"\", date]);\n            }\n        };\n\n        /** Смещает обе границы диапазона на amount единиц. Неполный диапазон не сдвигается. */\n        const shiftRange = (amount: number) => {\n            if (shiftDisabled) {\n                return;\n            }\n\n            onChange(shiftDateRange(value, amount, shiftUnit));\n        };\n\n        return (\n            <div className={classNames} {...rest} ref={ref}>\n                {!hideNavigation &&\n                    renderButtonBack({\n                        children: <CaretleftStrokeSrvIcon20 paletteIndex={5} />,\n                        className: clsx(styles.dateRangeButton, { disabled: shiftDisabled }),\n                        disabled: shiftDisabled,\n                        onClick: () => shiftRange(-shiftAmount),\n                    })}\n                {renderPickerFrom({\n                    onChange: handleChangePickerFrom,\n                    value: start,\n                })}\n                <RangeStrokeSrvIcon16 className={styles.separator} paletteIndex={5} />\n                {renderPickerTo({\n                    onChange: handleChangePickerTo,\n                    value: end,\n                })}\n                {!hideNavigation &&\n                    renderButtonForward({\n                        children: <CaretrightStrokeSrvIcon20 paletteIndex={5} />,\n                        className: clsx(styles.dateRangeButton, { disabled: shiftDisabled }),\n                        disabled: shiftDisabled,\n                        onClick: () => shiftRange(shiftAmount),\n                    })}\n            </div>\n        );\n    },\n);\n\nDateRange.displayName = \"DateRange\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAuDO,MAAM,YAAY,MAAM;AAAA,EAC3B,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,YAAY,oBAAoB;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,CAAC,OAAO,GAAG,IAAI;AACrB,UAAM,aAAa,KAAK,OAAO,WAAW,SAAS;AAEnD,UAAM,gBAAgB,EAAE,SAAS;AAGjC,UAAM,yBAAyB,CAAC,SAAiB;AAC7C,UAAI,CAAC,QAAQ,CAAC,OAAO,QAAQ,KAAK;AAC9B,iBAAS,CAAC,MAAM,GAAG,CAAC;AAAA,MACxB,OAAO;AACH,iBAAS,CAAC,MAAM,EAAE,CAAC;AAAA,MACvB;AAAA,IACJ;AAGA,UAAM,uBAAuB,CAAC,SAAiB;AAC3C,UAAI,CAAC,QAAQ,CAAC,SAAS,QAAQ,OAAO;AAClC,iBAAS,CAAC,OAAO,IAAI,CAAC;AAAA,MAC1B,OAAO;AACH,iBAAS,CAAC,IAAI,IAAI,CAAC;AAAA,MACvB;AAAA,IACJ;AAGA,UAAM,aAAa,CAAC,WAAmB;AACnC,UAAI,eAAe;AACf;AAAA,MACJ;AAEA,eAAS,eAAe,OAAO,QAAQ,SAAS,CAAC;AAAA,IACrD;AAEA,gCACK,OAAA,EAAI,WAAW,YAAa,GAAG,MAAM,KACjC,UAAA;AAAA,MAAA,CAAC,kBACE,iBAAiB;AAAA,QACb,UAAU,oBAAC,0BAAA,EAAyB,cAAc,EAAA,CAAG;AAAA,QACrD,WAAW,KAAK,OAAO,iBAAiB,EAAE,UAAU,eAAe;AAAA,QACnE,UAAU;AAAA,QACV,SAAS,MAAM,WAAW,CAAC,WAAW;AAAA,MAAA,CACzC;AAAA,MACJ,iBAAiB;AAAA,QACd,UAAU;AAAA,QACV,OAAO;AAAA,MAAA,CACV;AAAA,0BACA,sBAAA,EAAqB,WAAW,OAAO,WAAW,cAAc,GAAG;AAAA,MACnE,eAAe;AAAA,QACZ,UAAU;AAAA,QACV,OAAO;AAAA,MAAA,CACV;AAAA,MACA,CAAC,kBACE,oBAAoB;AAAA,QAChB,UAAU,oBAAC,2BAAA,EAA0B,cAAc,EAAA,CAAG;AAAA,QACtD,WAAW,KAAK,OAAO,iBAAiB,EAAE,UAAU,eAAe;AAAA,QACnE,UAAU;AAAA,QACV,SAAS,MAAM,WAAW,WAAW;AAAA,MAAA,CACxC;AAAA,IAAA,GACT;AAAA,EAER;AACJ;AAEA,UAAU,cAAc;"}

package/components/DateRange/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/DateRange/types.js.map

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

package/components/DateRange/utils.js

@@ -0,0 +1,8 @@
+import moment from "moment";
+import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
+const shiftDate = (date, amount, unit) => moment(date, dateFormatYYYYMMDD).add(amount, unit).format(dateFormatYYYYMMDD);
+const shiftDateRange = ([start, end], amount, unit) => [shiftDate(start, amount, unit), shiftDate(end, amount, unit)];
+export {
+  shiftDateRange
+};
+//# sourceMappingURL=utils.js.map

package/components/DateRange/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/DateRange/utils.ts"],"sourcesContent":["import moment from \"moment\";\nimport { dateFormatYYYYMMDD } from \"../../consts/DateConst\";\nimport { EDateRangeShiftUnit } from \"./enums\";\nimport { TDateRangeValue } from \"./types\";\n\n/** Сдвигает дату в формате YYYYMMDD на указанную величину. */\nconst shiftDate = (date: string, amount: number, unit: EDateRangeShiftUnit): string =>\n    moment(date, dateFormatYYYYMMDD).add(amount, unit).format(dateFormatYYYYMMDD);\n\n/**\n * Сдвигает обе границы диапазона дат на указанную величину.\n * Положительная величина сдвигает диапазон вперёд, отрицательная — назад.\n * Обе даты ожидаются непустыми, в формате YYYYMMDD.\n */\nexport const shiftDateRange = (\n    [start, end]: TDateRangeValue,\n    amount: number,\n    unit: EDateRangeShiftUnit,\n): TDateRangeValue => [shiftDate(start, amount, unit), shiftDate(end, amount, unit)];\n"],"names":[],"mappings":";;AAMA,MAAM,YAAY,CAAC,MAAc,QAAgB,SAC7C,OAAO,MAAM,kBAAkB,EAAE,IAAI,QAAQ,IAAI,EAAE,OAAO,kBAAkB;AAOzE,MAAM,iBAAiB,CAC1B,CAAC,OAAO,GAAG,GACX,QACA,SACkB,CAAC,UAAU,OAAO,QAAQ,IAAI,GAAG,UAAU,KAAK,QAAQ,IAAI,CAAC;"}

package/components/DesignTokens/DesignTokenUtils.js

@@ -3,7 +3,7 @@ import { DesignTokensCore } from "./DesignTokensCore.js";
 import { DesignTokensCoreThemeDark } from "./DesignTokensCoreThemeDark.js";
 import { DesignTokensComponents } from "./DesignTokensComponents.js";
 import { DesignTokensComponentsThemeDark } from "./DesignTokensComponentsThemeDark.js";
-import { k as defaultsDeep } from "../../chunks/vendor-DqGxntec.js";
+import { k as defaultsDeep } from "../../chunks/vendor-Bf_-FiU6.js";
 const resolveTokenValue = (tokenValue, tokens, visitedRefs) => {
   if (tokenValue.value !== void 0) {
     return tokenValue.value;
@@ -31,7 +31,7 @@ const DesignTokenUtils = {
   getCSSVariableByTokenGroup: (tokenGroup, tokens) => {
     const tokenGroupTitle = Object.keys(tokenGroup)[0];
     const tokenPrefix = "triplex-next";
-    let tokenVersion = "0.45.0";
+    let tokenVersion = "0.47.0";
     tokenVersion = tokenVersion.replace(/\./g, "-");
     return Object.keys(tokenGroup[tokenGroupTitle]).map(
       (tokenTitle) => `--${tokenPrefix}-${tokenGroupTitle}-${tokenTitle}-${tokenVersion}: ${DesignTokenUtils.getTokenValue(

package/components/DesignTokens/components/Step.js

@@ -25,7 +25,7 @@ const Step_Tokens = {
   // var(--triplex-next-Step-Color_Error)
   Color_Warning: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
   // var(--triplex-next-Step-Color_Warning)
-  Background_Active: [{ ref: "ColorBrand.100" }, { ref: "ColorBrand.20" }],
+  Background_Active: [{ ref: "ColorBrand.95" }, { ref: "ColorBrand.20" }],
   // var(--triplex-next-Step-Background_Active)
   Background_Default: [{ ref: "ColorDarkNeutralAlpha.100" }, { ref: "ColorNeutralAlpha.90" }],
   // var(--triplex-next-Step-Background_Default)

package/components/DesignTokens/components/Step.js.map

@@ -1 +1 @@
-{"version":3,"file":"Step.js","sources":["../../../../src/components/DesignTokens/components/Step.ts"],"sourcesContent":["import { TDesignTokenValue, TDesignTokenValues } from \"../types/DesignTokenTypes\";\n\n// Название токенов компонента Step.\nexport const designTokensComponentsStepKeys = [\n    \"Color_Active\",\n    \"Color_Default\",\n    \"Color_Disabled\",\n    \"Color_Done\",\n    \"Color_Error\",\n    \"Color_Warning\",\n\n    \"Background_Active\",\n    \"Background_Default\",\n    \"Background_Disabled\",\n    \"Background_Done\",\n    \"Background_Error\",\n    \"Background_Warning\",\n] as const;\n// Тип, содержащий названия токенов компонента Step.\nexport type TDesignTokensComponentsStepKeys = (typeof designTokensComponentsStepKeys)[number];\n// Тип, содержащий названия токенов компонента Step и их значения.\nexport type TDesignTokensComponentsStepValue = Record<TDesignTokensComponentsStepKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов компонента Step и их значения в светлой и темной теме.\nexport type TDesignTokensComponentsStepValues = Record<TDesignTokensComponentsStepKeys, TDesignTokenValues>;\n// Тип локальных токенов компонента Step.\nexport type TDesignTokensComponentsStep = { Step: TDesignTokensComponentsStepValue };\n\n// Токены компонента Step в светлой и темной темах.\nexport const Step_Tokens: TDesignTokensComponentsStepValues = {\n    Color_Active: [{ ref: \"ColorBrand.40\" }, { ref: \"ColorBrand.100\" }], // var(--triplex-next-Step-Color_Active)\n    Color_Default: [{ ref: \"ColorDarkNeutralAlpha.40\" }, { ref: \"ColorNeutralAlpha.30\" }], // var(--triplex-next-Step-Color_Default)\n    Color_Disabled: [{ ref: \"ColorNeutral.100\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Step-Color_Disabled)\n    Color_Done: [{ ref: \"ColorNeutral.100\" }, { ref: \"ColorNeutral.100\" }], // var(--triplex-next-Step-Color_Done)\n    Color_Error: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Step-Color_Error)\n    Color_Warning: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Step-Color_Warning)\n\n    Background_Active: [{ ref: \"ColorBrand.100\" }, { ref: \"ColorBrand.20\" }], // var(--triplex-next-Step-Background_Active)\n    Background_Default: [{ ref: \"ColorDarkNeutralAlpha.100\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-Step-Background_Default)\n    Background_Disabled: [{ ref: \"ColorDarkNeutralAlpha.90\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-Step-Background_Disabled)\n    Background_Done: [{ ref: \"ColorBrand.40\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-Step-Background_Done)\n    Background_Error: [{ ref: \"ColorError.40\" }, { ref: \"ColorError.60\" }], // var(--triplex-next-Step-Background_Error)\n    Background_Warning: [{ ref: \"ColorWarning.40\" }, { ref: \"ColorWarning.60\" }], // var(--triplex-next-Step-Background_Warning)\n};\n"],"names":[],"mappings":"AAGO,MAAM,iCAAiC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAWO,MAAM,cAAiD;AAAA,EAC1D,cAAc,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,kBAAkB;AAAA;AAAA,EAClE,eAAe,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EACpF,gBAAgB,CAAC,EAAE,KAAK,sBAAsB,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC7E,YAAY,CAAC,EAAE,KAAK,sBAAsB,EAAE,KAAK,oBAAoB;AAAA;AAAA,EACrE,aAAa,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAC5E,eAAe,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAE9E,mBAAmB,CAAC,EAAE,KAAK,oBAAoB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EACvE,oBAAoB,CAAC,EAAE,KAAK,+BAA+B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC1F,qBAAqB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC1F,iBAAiB,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EACpE,kBAAkB,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EACrE,oBAAoB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,kBAAA,CAAmB;AAAA;AAC/E;"}
+{"version":3,"file":"Step.js","sources":["../../../../src/components/DesignTokens/components/Step.ts"],"sourcesContent":["import { TDesignTokenValue, TDesignTokenValues } from \"../types/DesignTokenTypes\";\n\n// Название токенов компонента Step.\nexport const designTokensComponentsStepKeys = [\n    \"Color_Active\",\n    \"Color_Default\",\n    \"Color_Disabled\",\n    \"Color_Done\",\n    \"Color_Error\",\n    \"Color_Warning\",\n\n    \"Background_Active\",\n    \"Background_Default\",\n    \"Background_Disabled\",\n    \"Background_Done\",\n    \"Background_Error\",\n    \"Background_Warning\",\n] as const;\n// Тип, содержащий названия токенов компонента Step.\nexport type TDesignTokensComponentsStepKeys = (typeof designTokensComponentsStepKeys)[number];\n// Тип, содержащий названия токенов компонента Step и их значения.\nexport type TDesignTokensComponentsStepValue = Record<TDesignTokensComponentsStepKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов компонента Step и их значения в светлой и темной теме.\nexport type TDesignTokensComponentsStepValues = Record<TDesignTokensComponentsStepKeys, TDesignTokenValues>;\n// Тип локальных токенов компонента Step.\nexport type TDesignTokensComponentsStep = { Step: TDesignTokensComponentsStepValue };\n\n// Токены компонента Step в светлой и темной темах.\nexport const Step_Tokens: TDesignTokensComponentsStepValues = {\n    Color_Active: [{ ref: \"ColorBrand.40\" }, { ref: \"ColorBrand.100\" }], // var(--triplex-next-Step-Color_Active)\n    Color_Default: [{ ref: \"ColorDarkNeutralAlpha.40\" }, { ref: \"ColorNeutralAlpha.30\" }], // var(--triplex-next-Step-Color_Default)\n    Color_Disabled: [{ ref: \"ColorNeutral.100\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Step-Color_Disabled)\n    Color_Done: [{ ref: \"ColorNeutral.100\" }, { ref: \"ColorNeutral.100\" }], // var(--triplex-next-Step-Color_Done)\n    Color_Error: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Step-Color_Error)\n    Color_Warning: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Step-Color_Warning)\n\n    Background_Active: [{ ref: \"ColorBrand.95\" }, { ref: \"ColorBrand.20\" }], // var(--triplex-next-Step-Background_Active)\n    Background_Default: [{ ref: \"ColorDarkNeutralAlpha.100\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-Step-Background_Default)\n    Background_Disabled: [{ ref: \"ColorDarkNeutralAlpha.90\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-Step-Background_Disabled)\n    Background_Done: [{ ref: \"ColorBrand.40\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-Step-Background_Done)\n    Background_Error: [{ ref: \"ColorError.40\" }, { ref: \"ColorError.60\" }], // var(--triplex-next-Step-Background_Error)\n    Background_Warning: [{ ref: \"ColorWarning.40\" }, { ref: \"ColorWarning.60\" }], // var(--triplex-next-Step-Background_Warning)\n};\n"],"names":[],"mappings":"AAGO,MAAM,iCAAiC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAWO,MAAM,cAAiD;AAAA,EAC1D,cAAc,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,kBAAkB;AAAA;AAAA,EAClE,eAAe,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EACpF,gBAAgB,CAAC,EAAE,KAAK,sBAAsB,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC7E,YAAY,CAAC,EAAE,KAAK,sBAAsB,EAAE,KAAK,oBAAoB;AAAA;AAAA,EACrE,aAAa,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAC5E,eAAe,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAE9E,mBAAmB,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EACtE,oBAAoB,CAAC,EAAE,KAAK,+BAA+B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC1F,qBAAqB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC1F,iBAAiB,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EACpE,kBAAkB,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EACrE,oBAAoB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,kBAAA,CAAmB;AAAA;AAC/E;"}

package/components/Divider/Divider.js

@@ -1,24 +1,24 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
-const divider = "divider__4f023639";
+import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
+const divider = "divider__f0dcee4b";
 const styles = {
   divider,
-  "marginTopSize-4": "marginTopSize-4__4708777f",
-  "marginBottomSize-4": "marginBottomSize-4__e74f3daf",
-  "marginTopSize-8": "marginTopSize-8__979bb2b4",
-  "marginBottomSize-8": "marginBottomSize-8__1c8dc740",
-  "marginTopSize-12": "marginTopSize-12__fa0d9e3b",
-  "marginBottomSize-12": "marginBottomSize-12__b72723a5",
-  "marginTopSize-16": "marginTopSize-16__c8cae286",
-  "marginBottomSize-16": "marginBottomSize-16__ccadeb38",
-  "marginTopSize-20": "marginTopSize-20__878b5d6d",
-  "marginBottomSize-20": "marginBottomSize-20__831372aa",
-  "marginTopSize-24": "marginTopSize-24__a971828f",
-  "marginBottomSize-24": "marginBottomSize-24__bbb2405c",
-  "marginTopSize-28": "marginTopSize-28__d312be0a",
-  "marginBottomSize-28": "marginBottomSize-28__88713635",
-  "marginTopSize-32": "marginTopSize-32__4faf9854",
-  "marginBottomSize-32": "marginBottomSize-32__0ac85456"
+  "marginTopSize-4": "marginTopSize-4__151cba1b",
+  "marginBottomSize-4": "marginBottomSize-4__b4cbf3b5",
+  "marginTopSize-8": "marginTopSize-8__60d2afcb",
+  "marginBottomSize-8": "marginBottomSize-8__a4f9df4c",
+  "marginTopSize-12": "marginTopSize-12__cba21c26",
+  "marginBottomSize-12": "marginBottomSize-12__1b74e26c",
+  "marginTopSize-16": "marginTopSize-16__f96e493b",
+  "marginBottomSize-16": "marginBottomSize-16__c3426590",
+  "marginTopSize-20": "marginTopSize-20__2c03ba01",
+  "marginBottomSize-20": "marginBottomSize-20__02e86623",
+  "marginTopSize-24": "marginTopSize-24__8cb95b07",
+  "marginBottomSize-24": "marginBottomSize-24__65036670",
+  "marginTopSize-28": "marginTopSize-28__b22dfdc3",
+  "marginBottomSize-28": "marginBottomSize-28__1a7e59db",
+  "marginTopSize-32": "marginTopSize-32__2477ff6a",
+  "marginBottomSize-32": "marginBottomSize-32__ad94ce7a"
 };
 const Divider = (props) => {
   const { className, marginTopSize, marginBottomSize, ...htmlDivAttributes } = props;

package/components/DocumentNumberEdit/DocumentNumberEdit.js

@@ -6,11 +6,11 @@ import { EFontType, ETextSize } from "../Typography/enums.js";
 import { getCaretPosition, setCaretPosition } from "../../utils/inputUtils.js";
 import { StringUtils } from "../../utils/stringUtils.js";
 import { isKey } from "../../utils/keyboard.js";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { Link } from "../Link/Link.js";
-const documentNumberEdit = "documentNumberEdit__599ab1a1";
-const label = "label__95c37a0a";
-const inputEditWrapper = "inputEditWrapper__ba5452f2";
+const documentNumberEdit = "documentNumberEdit__04289b66";
+const label = "label__da639e40";
+const inputEditWrapper = "inputEditWrapper__cb870b0b";
 const styles = {
   documentNumberEdit,
   label,

package/components/Dropdown/desktop/DropdownDesktop.js

@@ -1,16 +1,16 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useState, useRef, useCallback, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { EDropdownDirection, EDropdownAlignment, EDropdownWidth } from "./enums.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { useToken } from "../../ThemeProvider/useToken.js";
 import { isKey } from "../../../utils/keyboard.js";
-const dropdownDesktop = "dropdownDesktop__85eb0597";
-const sm = "sm__a2c6abb5";
-const md = "md__779ec4d4";
-const lg = "lg__048480f2";
-const dropdownDesktopOverflowHidden = "dropdownDesktopOverflowHidden__4684738e";
+const dropdownDesktop = "dropdownDesktop__0d59a374";
+const sm = "sm__4efb1873";
+const md = "md__81e2fa8f";
+const lg = "lg__b94ccdb5";
+const dropdownDesktopOverflowHidden = "dropdownDesktopOverflowHidden__36919e0a";
 const styles = {
   dropdownDesktop,
   sm,
@@ -164,7 +164,7 @@ const DropdownDesktop = React.forwardRef((props, ref) => {
       className: classNames,
       style: { ...styleState, ...styleProp },
       ...rest,
-      "data-tx": "0.45.0",
+      "data-tx": "0.47.0",
       ref: setRef,
       children
     }

package/components/Dropdown/desktop/DropdownList.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useContext, useRef, useState, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-import { s as styles, D as DropdownListItem } from "../../../chunks/DropdownListItem-Dxy-pk9m.js";
+import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
+import { s as styles, D as DropdownListItem } from "../../../chunks/DropdownListItem-XTBMvdvB.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import { DropdownListContext } from "../DropdownListContext.js";
 import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";

package/components/Dropdown/desktop/DropdownListItem.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor-DqGxntec.js";
+import "../../../chunks/vendor-Bf_-FiU6.js";
 import "../../../enums/EComponentSize.js";
 import "../../../utils/keyboard.js";
 import "../../Badge/Badge.js";
-import { D } from "../../../chunks/DropdownListItem-Dxy-pk9m.js";
+import { D } from "../../../chunks/DropdownListItem-XTBMvdvB.js";
 export {
   D as DropdownListItem
 };

package/components/Dropdown/desktop/index.js

@@ -1,6 +1,6 @@
 import { DropdownDesktop } from "./DropdownDesktop.js";
 import { DropdownList } from "./DropdownList.js";
-import { D } from "../../../chunks/DropdownListItem-Dxy-pk9m.js";
+import { D } from "../../../chunks/DropdownListItem-XTBMvdvB.js";
 import { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from "./enums.js";
 export {
   DropdownDesktop,

package/components/Dropdown/index.js

@@ -1,7 +1,7 @@
 import { DropdownListContext } from "./DropdownListContext.js";
 import { DropdownDesktop } from "./desktop/DropdownDesktop.js";
 import { DropdownList } from "./desktop/DropdownList.js";
-import { D } from "../../chunks/DropdownListItem-Dxy-pk9m.js";
+import { D } from "../../chunks/DropdownListItem-XTBMvdvB.js";
 import { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from "./desktop/enums.js";
 import { DropdownMobile } from "./mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "./mobile/DropdownMobileBody.js";

package/components/Dropdown/mobile/DropdownMobile.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React, { useEffect } from "react";
 import { OverlayBase, EOverlayDirection } from "../../Overlay/OverlayBase.js";
 import { DropdownMobileInner } from "./DropdownMobileInner.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-OskzNlbd.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-B_HgOGFQ.js";
 const dropdownMobileBodyOverflowClassName = styles.dropdownMobileBodyOverflow;
 const DropdownMobile = React.forwardRef(
   ({ children, opened, setOpened, ...htmlAttributes }, ref) => {
@@ -20,7 +20,7 @@ const DropdownMobile = React.forwardRef(
         ...props,
         ...htmlAttributes,
         ref,
-        "data-tx": "0.45.0",
+        "data-tx": "0.47.0",
         children
       }
     ) });

package/components/Dropdown/mobile/DropdownMobileBody.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-OskzNlbd.js";
+import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-B_HgOGFQ.js";
 const DropdownMobileBody = React.forwardRef(
   ({ children, className, ...htmlAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.dropdownMobileContent, className), ref, ...htmlAttributes, children })
 );

package/components/Dropdown/mobile/DropdownMobileClose.js

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import { CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-OskzNlbd.js";
+import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-B_HgOGFQ.js";
 const DropdownMobileClose = React.forwardRef(
   ({ className, ...buttonIconProps }, ref) => /* @__PURE__ */ jsx(ButtonIcon, { className: clsx(styles.dropdownMobileClose, className), ref, ...buttonIconProps, children: /* @__PURE__ */ jsx(CrossStrokeSrvIcon16, { paletteIndex: 5 }) })
 );

package/components/Dropdown/mobile/DropdownMobileFooter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-OskzNlbd.js";
+import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-B_HgOGFQ.js";
 const DropdownMobileFooter = React.forwardRef(
   ({ children, className, ...htmlAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.dropdownMobileFooter, className), ref, ...htmlAttributes, children })
 );

package/components/Dropdown/mobile/DropdownMobileHeader.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-OskzNlbd.js";
+import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-B_HgOGFQ.js";
 const DropdownMobileHeader = React.forwardRef(
   ({ children, className, controlButtons, ...htmlAttributes }, ref) => /* @__PURE__ */ jsxs("div", { className: clsx(styles.dropdownMobileHeader, className), ref, ...htmlAttributes, children: [
     /* @__PURE__ */ jsx("div", { className: styles.dropdownMobileHeaderContent, children }),

package/components/Dropdown/mobile/DropdownMobileInner.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useState, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { useToken } from "../../ThemeProvider/useToken.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-OskzNlbd.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-B_HgOGFQ.js";
 const DropdownMobileInner = React.forwardRef(
   ({
     children,

package/components/Dropdown/mobile/DropdownMobileInput.js

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

package/components/Dropdown/mobile/DropdownMobileList.js

@@ -5,8 +5,8 @@ import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { DropdownMobileListItem } from "./DropdownMobileListItem.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-OskzNlbd.js";
-import { u as uniqueId } from "../../../chunks/vendor-DqGxntec.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-B_HgOGFQ.js";
+import { u as uniqueId } from "../../../chunks/vendor-Bf_-FiU6.js";
 const DropdownMobileList = React.forwardRef(
   ({ children, className, loading, ...htmlAttributes }, ref) => {
     const [loaderId] = useState(() => uniqueId());

package/components/Dropdown/mobile/DropdownMobileListItem.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { Text } from "../../Typography/Text.js";
 import { ETextSize } from "../../Typography/enums.js";
 import { Badge } from "../../Badge/Badge.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-OskzNlbd.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-B_HgOGFQ.js";
 const DropdownMobileListItem = React.forwardRef(
   ({ children, className, id, onClick, onSelect, selected, showNotificationIcon, ...htmlAttributes }, ref) => {
     const handleClick = (event) => {

package/components/Dropdown/mobile/DropdownMobileLoader.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-OskzNlbd.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-B_HgOGFQ.js";
 const DropdownMobileLoader = ({ className, ...restProps }) => /* @__PURE__ */ jsx(
   LoaderSmall,
   {

package/components/Dropdown/mobile/DropdownMobileMaskedInput.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { FormFieldMaskedInput } from "../../FormField/components/FormFieldMaskedInput.js";
-const dropdownMobileMaskedInput = "dropdownMobileMaskedInput__c2c89726";
+const dropdownMobileMaskedInput = "dropdownMobileMaskedInput__692c478d";
 const styles = {
   dropdownMobileMaskedInput
 };

package/components/Ellipsis/Ellipsis.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
-const ellipsisLineClamp = "ellipsisLineClamp__5ea19ba3";
-const oneLine = "oneLine__8b31c51d";
+import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
+const ellipsisLineClamp = "ellipsisLineClamp__4dc18070";
+const oneLine = "oneLine__6df530df";
 const styles = {
   ellipsisLineClamp,
   oneLine
@@ -16,7 +16,7 @@ const Ellipsis = React.forwardRef(
         className: classNames,
         style: { "--ellipsis-line-clamp": maxLines },
         ...rest,
-        "data-tx": "0.45.0",
+        "data-tx": "0.47.0",
         ref,
         children
       }