@sberbusiness/triplex-next 1.34.0 → 1.35.1

package/components/MultiselectField/components/index.js

@@ -1,11 +1,11 @@
-import { MultiselectFieldDropdown as t } from "./MultiselectFieldDropdown.js";
-import { MultiselectFieldDropdownHeader as l } from "./MultiselectFieldDropdownHeader.js";
-import { MultiselectFieldDropdownContent as i } from "./MultiselectFieldDropdownContent.js";
-import { MultiselectFieldDropdownFooter as n } from "./MultiselectFieldDropdownFooter.js";
+import { MultiselectFieldDropdown } from "./MultiselectFieldDropdown.js";
+import { MultiselectFieldDropdownHeader } from "./MultiselectFieldDropdownHeader.js";
+import { MultiselectFieldDropdownContent } from "./MultiselectFieldDropdownContent.js";
+import { MultiselectFieldDropdownFooter } from "./MultiselectFieldDropdownFooter.js";
 export {
-  t as MultiselectFieldDropdown,
-  i as MultiselectFieldDropdownContent,
-  n as MultiselectFieldDropdownFooter,
-  l as MultiselectFieldDropdownHeader
+  MultiselectFieldDropdown,
+  MultiselectFieldDropdownContent,
+  MultiselectFieldDropdownFooter,
+  MultiselectFieldDropdownHeader
 };
 //# sourceMappingURL=index.js.map

package/components/MultiselectField/components/index.js.map

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

package/components/MultiselectField/index.js

@@ -1,5 +1,5 @@
-import { MultiselectField as t } from "./MultiselectField.js";
+import { MultiselectField } from "./MultiselectField.js";
 export {
-  t as MultiselectField
+  MultiselectField
 };
 //# sourceMappingURL=index.js.map

package/components/MultiselectField/index.js.map

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

package/components/Notification/Notification.js

@@ -1,39 +1,39 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c } from "../../chunks/vendor-D5cfSbgz.js";
-import { NotificationBody as l } from "./components/NotificationBody.js";
-import { NotificationClose as d } from "./components/NotificationClose.js";
-import { NotificationIcon as p } from "./components/NotificationIcon.js";
-import { NotificationTime as N } from "./components/NotificationTime.js";
-import x from "react";
-import { s as o } from "../../chunks/Notification.module-BU6Z_ATv.js";
-const y = Object.assign(
-  x.forwardRef(function({ children: i, className: t, withExtraBottomPadding: a = !1, isShowCloseOnHover: r = !1, onClick: f, ...m }, e) {
-    const n = c(t, o.notification, {
-      [o.showCloseOnHover]: r,
-      [o.extraBottomPadding]: a
+import { jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { NotificationBody } from "./components/NotificationBody.js";
+import { NotificationClose } from "./components/NotificationClose.js";
+import { NotificationIcon } from "./components/NotificationIcon.js";
+import { NotificationTime } from "./components/NotificationTime.js";
+import React__default from "react";
+import { s as styles } from "../../chunks/Notification.module-awjcvKra.js";
+const Notification = Object.assign(
+  React__default.forwardRef(function Notification2({ children, className, withExtraBottomPadding = false, isShowCloseOnHover = false, onClick, ...HTMLAttributes }, ref) {
+    const cn = clsx(className, styles.notification, {
+      [styles.showCloseOnHover]: isShowCloseOnHover,
+      [styles.extraBottomPadding]: withExtraBottomPadding
     });
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ jsx(
       "div",
       {
-        ...m,
+        ...HTMLAttributes,
         role: "alertdialog",
-        className: n,
-        onClick: f,
-        ref: e,
-        "data-tx": "1.34.0",
-        children: i
+        className: cn,
+        onClick,
+        ref,
+        "data-tx": "1.35.1",
+        children
       }
     );
   }),
   {
-    Icon: p,
-    Body: l,
-    Close: d,
-    Time: N
+    Icon: NotificationIcon,
+    Body: NotificationBody,
+    Close: NotificationClose,
+    Time: NotificationTime
   }
 );
-y.displayName = "Notification";
+Notification.displayName = "Notification";
 export {
-  y as Notification
+  Notification
 };
 //# sourceMappingURL=Notification.js.map

package/components/Notification/Notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.js","sources":["../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { NotificationBody } from \"./components/NotificationBody\";\nimport { NotificationClose } from \"./components/NotificationClose\";\nimport { NotificationIcon } from \"./components/NotificationIcon\";\nimport { NotificationTime } from \"./components/NotificationTime\";\nimport React from \"react\";\nimport styles from \"./styles/Notification.module.less\";\n\n/** Свойства Notification. */\nexport interface INotificationProps extends React.ButtonHTMLAttributes<HTMLElement> {\n    /** Тело нотификации. */\n    children: React.ReactElement | React.ReactElement[];\n    /** Признак для увеличения отступа снизу, по дефолту есть в нотификации типа mail. */\n    withExtraBottomPadding?: boolean;\n    /** Признак является ли нотификация из sideoverlay или алертом, сделано для того чтобы в sideoverlay кнопка закрытия появлялась по ховеру. */\n    isShowCloseOnHover?: boolean;\n    /** Обработчик клика на нотификацию. */\n    onClick?: () => void;\n}\n\n/**\n * Notification. Может содержать только Icon, Body, Close, Time.\n */\nexport const Notification = Object.assign(\n    React.forwardRef<HTMLDivElement, INotificationProps>(function Notification(\n        { children, className, withExtraBottomPadding = false, isShowCloseOnHover = false, onClick, ...HTMLAttributes },\n        ref,\n    ) {\n        const cn = clsx(className, styles.notification, {\n            [styles.showCloseOnHover]: isShowCloseOnHover,\n            [styles.extraBottomPadding]: withExtraBottomPadding,\n        });\n\n        return (\n            <div\n                {...HTMLAttributes}\n                role=\"alertdialog\"\n                className={cn}\n                onClick={onClick}\n                ref={ref}\n                data-tx={process.env.npm_package_version}\n            >\n                {children}\n            </div>\n        );\n    }),\n    {\n        Icon: NotificationIcon,\n        Body: NotificationBody,\n        Close: NotificationClose,\n        Time: NotificationTime,\n    },\n);\n\nNotification.displayName = \"Notification\";\n"],"names":["React","Notification"],"mappings":";;;;;;;;AAuBO,MAAM,eAAe,OAAO;AAAA,EAC/BA,eAAM,WAA+C,SAASC,cAC1D,EAAE,UAAU,WAAW,yBAAyB,OAAO,qBAAqB,OAAO,SAAS,GAAG,eAAA,GAC/F,KACF;AACE,UAAM,KAAK,KAAK,WAAW,OAAO,cAAc;AAAA,MAC5C,CAAC,OAAO,gBAAgB,GAAG;AAAA,MAC3B,CAAC,OAAO,kBAAkB,GAAG;AAAA,IAAA,CAChC;AAED,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ,MAAK;AAAA,QACL,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,WAAS;AAAA,QAER;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb,CAAC;AAAA,EACD;AAAA,IACI,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAEd;AAEA,aAAa,cAAc;"}

package/components/Notification/NotificationGrouped.js

@@ -1,17 +1,17 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { NotificationGroupedFooter as e } from "./components/NotificationGroupedFooter.js";
-import a from "react";
-import { s as f } from "../../chunks/Notification.module-BU6Z_ATv.js";
-const p = a.forwardRef(
-  function({ children: o }, i) {
-    return /* @__PURE__ */ r("div", { className: f.notificationGroupedWrapper, ref: i, children: [
-      o,
-      /* @__PURE__ */ t(e, {})
+import { jsxs, jsx } from "react/jsx-runtime";
+import { NotificationGroupedFooter } from "./components/NotificationGroupedFooter.js";
+import React__default from "react";
+import { s as styles } from "../../chunks/Notification.module-awjcvKra.js";
+const NotificationGrouped = React__default.forwardRef(
+  function NotificationGrouped2({ children }, ref) {
+    return /* @__PURE__ */ jsxs("div", { className: styles.notificationGroupedWrapper, ref, children: [
+      children,
+      /* @__PURE__ */ jsx(NotificationGroupedFooter, {})
     ] });
   }
 );
-p.displayName = "NotificationGrouped";
+NotificationGrouped.displayName = "NotificationGrouped";
 export {
-  p as NotificationGrouped
+  NotificationGrouped
 };
 //# sourceMappingURL=NotificationGrouped.js.map

package/components/Notification/NotificationGrouped.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationGrouped.js","sources":["../../../src/components/Notification/NotificationGrouped.tsx"],"sourcesContent":["import { NotificationGroupedFooter } from \"./components/NotificationGroupedFooter\";\nimport React from \"react\";\nimport styles from \"./styles/Notification.module.less\";\n\n/** Свойства NotificationGrouped. */\nexport interface INotificationGroupedProps {\n    /** Нотификация. */\n    children: React.ReactNode;\n}\n\n/**\n * Компонент NotificationGrouped.\n */\nexport const NotificationGrouped = React.forwardRef<HTMLDivElement, INotificationGroupedProps>(\n    function NotificationGrouped({ children }, ref) {\n        return (\n            <div className={styles.notificationGroupedWrapper} ref={ref}>\n                {children}\n                <NotificationGroupedFooter />\n            </div>\n        );\n    },\n);\n\nNotificationGrouped.displayName = \"NotificationGrouped\";\n"],"names":["React","NotificationGrouped"],"mappings":";;;;AAaO,MAAM,sBAAsBA,eAAM;AAAA,EACrC,SAASC,qBAAoB,EAAE,SAAA,GAAY,KAAK;AAC5C,WACI,qBAAC,OAAA,EAAI,WAAW,OAAO,4BAA4B,KAC9C,UAAA;AAAA,MAAA;AAAA,0BACA,2BAAA,CAAA,CAA0B;AAAA,IAAA,GAC/B;AAAA,EAER;AACJ;AAEA,oBAAoB,cAAc;"}

package/components/Notification/components/NotificationBody.js

@@ -1,23 +1,23 @@
-import { jsx as i } from "react/jsx-runtime";
-import r from "react";
-import { NotificationHeader as a } from "./NotificationHeader.js";
-import { NotificationBodyContent as f } from "./NotificationBodyContent.js";
-import { NotificationFooter as n } from "./NotificationFooter.js";
-import { NotificationBodyList as e } from "./NotificationBodyList.js";
-import { s as m } from "../../../chunks/Notification.module-BU6Z_ATv.js";
-const c = Object.assign(
-  r.forwardRef(function({ children: o }, t) {
-    return /* @__PURE__ */ i("div", { className: m.notificationBody, ref: t, children: o });
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { NotificationHeader } from "./NotificationHeader.js";
+import { NotificationBodyContent } from "./NotificationBodyContent.js";
+import { NotificationFooter } from "./NotificationFooter.js";
+import { NotificationBodyList } from "./NotificationBodyList.js";
+import { s as styles } from "../../../chunks/Notification.module-awjcvKra.js";
+const NotificationBody = Object.assign(
+  React__default.forwardRef(function NotificationBody2({ children }, ref) {
+    return /* @__PURE__ */ jsx("div", { className: styles.notificationBody, ref, children });
   }),
   {
-    Header: a,
-    Content: f,
-    List: e,
-    Footer: n
+    Header: NotificationHeader,
+    Content: NotificationBodyContent,
+    List: NotificationBodyList,
+    Footer: NotificationFooter
   }
 );
-c.displayName = "NotificationBody";
+NotificationBody.displayName = "NotificationBody";
 export {
-  c as NotificationBody
+  NotificationBody
 };
 //# sourceMappingURL=NotificationBody.js.map

package/components/Notification/components/NotificationBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationBody.js","sources":["../../../../src/components/Notification/components/NotificationBody.tsx"],"sourcesContent":["import React from \"react\";\nimport { NotificationHeader } from \"./NotificationHeader\";\nimport { NotificationBodyContent } from \"./NotificationBodyContent\";\nimport { NotificationFooter } from \"./NotificationFooter\";\nimport { NotificationBodyList } from \"./NotificationBodyList\";\nimport styles from \"../styles/Notification.module.less\";\n\n/** Свойства компонента NotificationBody. */\nexport interface INotificationBodyProps {\n    /** Содержимое тела нотификации: Header, Content, List, Footer. */\n    children?: React.ReactNode;\n}\n\n/** Тело нотификации. Состоит из 4х уровней Header, Content, List, Footer. */\nexport const NotificationBody = Object.assign(\n    React.forwardRef<HTMLDivElement, INotificationBodyProps>(function NotificationBody({ children }, ref) {\n        return (\n            <div className={styles.notificationBody} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        Header: NotificationHeader,\n        Content: NotificationBodyContent,\n        List: NotificationBodyList,\n        Footer: NotificationFooter,\n    },\n);\n\nNotificationBody.displayName = \"NotificationBody\";\n"],"names":["React","NotificationBody"],"mappings":";;;;;;;AAcO,MAAM,mBAAmB,OAAO;AAAA,EACnCA,eAAM,WAAmD,SAASC,kBAAiB,EAAE,SAAA,GAAY,KAAK;AAClG,+BACK,OAAA,EAAI,WAAW,OAAO,kBAAkB,KACpC,UACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,EAAA;AAEhB;AAEA,iBAAiB,cAAc;"}

package/components/Notification/components/NotificationBodyContent.js

@@ -1,9 +1,9 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Text as i } from "../../Typography/Text.js";
-import { EFontType as e, ETextSize as n } from "../../Typography/enums.js";
-const m = ({ children: t }) => /* @__PURE__ */ o(i, { tag: "div", size: n.B3, type: e.PRIMARY, children: t });
-m.displayName = "NotificationBodyContent";
+import { jsx } from "react/jsx-runtime";
+import { Text } from "../../Typography/Text.js";
+import { EFontType, ETextSize } from "../../Typography/enums.js";
+const NotificationBodyContent = ({ children }) => /* @__PURE__ */ jsx(Text, { tag: "div", size: ETextSize.B3, type: EFontType.PRIMARY, children });
+NotificationBodyContent.displayName = "NotificationBodyContent";
 export {
-  m as NotificationBodyContent
+  NotificationBodyContent
 };
 //# sourceMappingURL=NotificationBodyContent.js.map

package/components/Notification/components/NotificationBodyContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationBodyContent.js","sources":["../../../../src/components/Notification/components/NotificationBodyContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"../../Typography/Text\";\nimport { ETextSize, EFontType } from \"../../Typography/enums\";\n\n/** Свойства компонента NotificationBodyContent. */\nexport interface INotificationBodyContentProps {\n    /** Основное сообщение нотификации. */\n    children?: React.ReactNode;\n}\n\n/** Основное сообщение нотификации. */\nexport const NotificationBodyContent: React.FC<INotificationBodyContentProps> = ({ children }) => (\n    <Text tag=\"div\" size={ETextSize.B3} type={EFontType.PRIMARY}>\n        {children}\n    </Text>\n);\n\nNotificationBodyContent.displayName = \"NotificationBodyContent\";\n"],"names":[],"mappings":";;;AAWO,MAAM,0BAAmE,CAAC,EAAE,SAAA,MAC/E,oBAAC,MAAA,EAAK,KAAI,OAAM,MAAM,UAAU,IAAI,MAAM,UAAU,SAC/C,SAAA,CACL;AAGJ,wBAAwB,cAAc;"}

package/components/Notification/components/NotificationBodyList.js

@@ -1,11 +1,11 @@
-import { jsx as o } from "react/jsx-runtime";
-import { UnorderedList as t } from "../../UnorderedList/UnorderedList.js";
+import { jsx } from "react/jsx-runtime";
+import { UnorderedList } from "../../UnorderedList/UnorderedList.js";
 import "../../UnorderedList/UnorderedListItem.js";
-import { s as a } from "../../../chunks/Notification.module-BU6Z_ATv.js";
-import { c as e } from "../../../chunks/vendor-D5cfSbgz.js";
-const c = ({ className: s, ...i }) => /* @__PURE__ */ o(t, { className: e(a.notificationBodyList, s), ...i, children: i.values.map((m, r) => /* @__PURE__ */ o(t.Item, { children: m }, r)) });
-c.displayName = "NotificationBodyList";
+import { s as styles } from "../../../chunks/Notification.module-awjcvKra.js";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+const NotificationBodyList = ({ className, ...props }) => /* @__PURE__ */ jsx(UnorderedList, { className: clsx(styles.notificationBodyList, className), ...props, children: props.values.map((el, index) => /* @__PURE__ */ jsx(UnorderedList.Item, { children: el }, index)) });
+NotificationBodyList.displayName = "NotificationBodyList";
 export {
-  c as NotificationBodyList
+  NotificationBodyList
 };
 //# sourceMappingURL=NotificationBodyList.js.map

package/components/Notification/components/NotificationBodyList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationBodyList.js","sources":["../../../../src/components/Notification/components/NotificationBodyList.tsx"],"sourcesContent":["import React from \"react\";\nimport { IUnorderedListProps, UnorderedList } from \"@sberbusiness/triplex-next/components/UnorderedList\";\nimport styles from \"../styles/Notification.module.less\";\nimport clsx from \"clsx\";\n\n/** Свойства компонента NotificationBodyList. */\nexport interface INotificationBodyListProps extends IUnorderedListProps {\n    /** Значения элементов списка. */\n    values: string[];\n}\n\n/** Список нотификации. */\nexport const NotificationBodyList: React.FC<INotificationBodyListProps> = ({ className, ...props }) => (\n    <UnorderedList className={clsx(styles.notificationBodyList, className)} {...props}>\n        {props.values.map((el, index) => (\n            <UnorderedList.Item key={index}>{el}</UnorderedList.Item>\n        ))}\n    </UnorderedList>\n);\n\nNotificationBodyList.displayName = \"NotificationBodyList\";\n"],"names":[],"mappings":";;;;;AAYO,MAAM,uBAA6D,CAAC,EAAE,WAAW,GAAG,MAAA,MACvF,oBAAC,eAAA,EAAc,WAAW,KAAK,OAAO,sBAAsB,SAAS,GAAI,GAAG,OACvE,UAAA,MAAM,OAAO,IAAI,CAAC,IAAI,UACnB,oBAAC,cAAc,MAAd,EAAgC,UAAA,GAAA,GAAR,KAAW,CACvC,EAAA,CACL;AAGJ,qBAAqB,cAAc;"}

package/components/Notification/components/NotificationClose.js

@@ -1,14 +1,14 @@
-import { jsx as o } from "react/jsx-runtime";
-import { CrossStrokeSrvIcon16 as r } from "@sberbusiness/icons-next";
+import { jsx } from "react/jsx-runtime";
+import { CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import "../../Button/Button.js";
 import "../../Button/ButtonBase.js";
-import { ButtonIcon as s } from "../../Button/ButtonIcon.js";
+import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
-import { s as m } from "../../../chunks/Notification.module-BU6Z_ATv.js";
-const e = ({ onClick: t, ...i }) => /* @__PURE__ */ o("span", { className: m.notificationClose, children: /* @__PURE__ */ o(s, { ...i, onClick: t, children: /* @__PURE__ */ o(r, { paletteIndex: 5 }) }) });
-e.displayName = "NotificationClose";
+import { s as styles } from "../../../chunks/Notification.module-awjcvKra.js";
+const NotificationClose = ({ onClick, ...buttonProps }) => /* @__PURE__ */ jsx("span", { className: styles.notificationClose, children: /* @__PURE__ */ jsx(ButtonIcon, { ...buttonProps, onClick, children: /* @__PURE__ */ jsx(CrossStrokeSrvIcon16, { paletteIndex: 5 }) }) });
+NotificationClose.displayName = "NotificationClose";
 export {
-  e as NotificationClose
+  NotificationClose
 };
 //# sourceMappingURL=NotificationClose.js.map

package/components/Notification/components/NotificationClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationClose.js","sources":["../../../../src/components/Notification/components/NotificationClose.tsx"],"sourcesContent":["import { CrossStrokeSrvIcon16 } from \"@sberbusiness/icons-next\";\nimport { ButtonIcon, IButtonIconProps } from \"@sberbusiness/triplex-next/components/Button\";\nimport React from \"react\";\nimport styles from \"../styles/Notification.module.less\";\n\n/** Свойства компонента кнопки закрытия нотификации. */\nexport interface INotificationCloseProps extends Omit<IButtonIconProps, \"children\"> {\n    /** Обработчик закрытия нотификации. */\n    onClick: () => void;\n    /** Дочерний элемент. */\n    children?: never;\n}\n\n/**\n * Компонент кнопки закрытия нотификации.\n */\nexport const NotificationClose: React.FC<INotificationCloseProps> = ({ onClick, ...buttonProps }) => (\n    <span className={styles.notificationClose}>\n        <ButtonIcon {...buttonProps} onClick={onClick}>\n            <CrossStrokeSrvIcon16 paletteIndex={5} />\n        </ButtonIcon>\n    </span>\n);\n\nNotificationClose.displayName = \"NotificationClose\";\n"],"names":[],"mappings":";;;;;;;;AAgBO,MAAM,oBAAuD,CAAC,EAAE,SAAS,GAAG,YAAA,MAC/E,oBAAC,QAAA,EAAK,WAAW,OAAO,mBACpB,UAAA,oBAAC,YAAA,EAAY,GAAG,aAAa,SACzB,8BAAC,sBAAA,EAAqB,cAAc,EAAA,CAAG,EAAA,CAC3C,EAAA,CACJ;AAGJ,kBAAkB,cAAc;"}

package/components/Notification/components/NotificationFooter.js

@@ -1,8 +1,8 @@
-import { jsx as t } from "react/jsx-runtime";
-import { s as i } from "../../../chunks/Notification.module-BU6Z_ATv.js";
-const s = ({ children: o }) => /* @__PURE__ */ t("div", { className: i.notificationFooter, children: o });
-s.displayName = "NotificationFooter";
+import { jsx } from "react/jsx-runtime";
+import { s as styles } from "../../../chunks/Notification.module-awjcvKra.js";
+const NotificationFooter = ({ children }) => /* @__PURE__ */ jsx("div", { className: styles.notificationFooter, children });
+NotificationFooter.displayName = "NotificationFooter";
 export {
-  s as NotificationFooter
+  NotificationFooter
 };
 //# sourceMappingURL=NotificationFooter.js.map

package/components/Notification/components/NotificationFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationFooter.js","sources":["../../../../src/components/Notification/components/NotificationFooter.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"../styles/Notification.module.less\";\n\n/** Опции футера нотификации. */\nexport interface INotificationFooterProps {\n    /** Дочерний элемент футера нотификации. */\n    children: React.ReactNode;\n}\n\n/**\n * Футер нотификации.\n */\nexport const NotificationFooter: React.FC<INotificationFooterProps> = ({ children }) => (\n    <div className={styles.notificationFooter}>{children}</div>\n);\n\nNotificationFooter.displayName = \"NotificationFooter\";\n"],"names":[],"mappings":";;AAYO,MAAM,qBAAyD,CAAC,EAAE,SAAA,0BACpE,OAAA,EAAI,WAAW,OAAO,oBAAqB,SAAA,CAAS;AAGzD,mBAAmB,cAAc;"}

package/components/Notification/components/NotificationGroupedFooter.js

@@ -1,11 +1,11 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { c as i } from "../../../chunks/vendor-D5cfSbgz.js";
-import { s as o } from "../../../chunks/Notification.module-BU6Z_ATv.js";
-const m = () => /* @__PURE__ */ s("div", { children: [
-  /* @__PURE__ */ t("div", { className: i(o.notificationGroupedFooterItem, o.first) }),
-  /* @__PURE__ */ t("div", { className: i(o.notificationGroupedFooterItem, o.second) })
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { s as styles } from "../../../chunks/Notification.module-awjcvKra.js";
+const NotificationGroupedFooter = () => /* @__PURE__ */ jsxs("div", { children: [
+  /* @__PURE__ */ jsx("div", { className: clsx(styles.notificationGroupedFooterItem, styles.first) }),
+  /* @__PURE__ */ jsx("div", { className: clsx(styles.notificationGroupedFooterItem, styles.second) })
 ] });
 export {
-  m as NotificationGroupedFooter
+  NotificationGroupedFooter
 };
 //# sourceMappingURL=NotificationGroupedFooter.js.map

package/components/Notification/components/NotificationGroupedFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationGroupedFooter.js","sources":["../../../../src/components/Notification/components/NotificationGroupedFooter.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styles from \"../styles/Notification.module.less\";\n\n/**\n * Низ сгруппированой нотификации.\n */\nexport const NotificationGroupedFooter = () => (\n    <div>\n        <div className={clsx(styles.notificationGroupedFooterItem, styles.first)} />\n        <div className={clsx(styles.notificationGroupedFooterItem, styles.second)} />\n    </div>\n);\n"],"names":[],"mappings":";;;AAMO,MAAM,4BAA4B,MACrC,qBAAC,OAAA,EACG,UAAA;AAAA,EAAA,oBAAC,SAAI,WAAW,KAAK,OAAO,+BAA+B,OAAO,KAAK,GAAG;AAAA,EAC1E,oBAAC,SAAI,WAAW,KAAK,OAAO,+BAA+B,OAAO,MAAM,EAAA,CAAG;AAAA,EAAA,CAC/E;"}

package/components/Notification/components/NotificationHeader.js

@@ -1,8 +1,8 @@
-import { jsx as o } from "react/jsx-runtime";
-import { s as a } from "../../../chunks/Notification.module-BU6Z_ATv.js";
-const t = ({ children: i }) => /* @__PURE__ */ o("h3", { className: a.notificationHeader, children: i });
-t.displayName = "NotificationHeader";
+import { jsx } from "react/jsx-runtime";
+import { s as styles } from "../../../chunks/Notification.module-awjcvKra.js";
+const NotificationHeader = ({ children }) => /* @__PURE__ */ jsx("h3", { className: styles.notificationHeader, children });
+NotificationHeader.displayName = "NotificationHeader";
 export {
-  t as NotificationHeader
+  NotificationHeader
 };
 //# sourceMappingURL=NotificationHeader.js.map

package/components/Notification/components/NotificationHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationHeader.js","sources":["../../../../src/components/Notification/components/NotificationHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"../styles/Notification.module.less\";\n\n/** Опции хэдера нотификации. */\nexport interface INotificationHeaderProps {\n    /** Дочерний элемент хэдера нотификации. */\n    children: React.ReactNode;\n}\n\n/**\n * Хэдер нотификации.\n */\nexport const NotificationHeader: React.FC<INotificationHeaderProps> = ({ children }) => (\n    <h3 className={styles.notificationHeader}>{children}</h3>\n);\n\nNotificationHeader.displayName = \"NotificationHeader\";\n"],"names":[],"mappings":";;AAYO,MAAM,qBAAyD,CAAC,EAAE,SAAA,0BACpE,MAAA,EAAG,WAAW,OAAO,oBAAqB,SAAA,CAAS;AAGxD,mBAAmB,cAAc;"}

package/components/Notification/components/NotificationIcon.js

@@ -1,8 +1,8 @@
-import { jsx as i } from "react/jsx-runtime";
-import { s as t } from "../../../chunks/Notification.module-BU6Z_ATv.js";
-const s = ({ children: o }) => /* @__PURE__ */ i("div", { className: t.notificationIcon, children: o });
-s.displayName = "NotificationIcon";
+import { jsx } from "react/jsx-runtime";
+import { s as styles } from "../../../chunks/Notification.module-awjcvKra.js";
+const NotificationIcon = ({ children }) => /* @__PURE__ */ jsx("div", { className: styles.notificationIcon, children });
+NotificationIcon.displayName = "NotificationIcon";
 export {
-  s as NotificationIcon
+  NotificationIcon
 };
 //# sourceMappingURL=NotificationIcon.js.map

package/components/Notification/components/NotificationIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationIcon.js","sources":["../../../../src/components/Notification/components/NotificationIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"../styles/Notification.module.less\";\n\n/** Опции кастомной иконки нотификации. */\nexport interface INotificationIconProps {\n    /** Кастомная иконка нотификации. */\n    children: React.ReactElement;\n}\n\n/**\n * Кастомная иконка нотификации.\n */\nexport const NotificationIcon: React.FC<INotificationIconProps> = ({ children }) => (\n    <div className={styles.notificationIcon}>{children}</div>\n);\n\nNotificationIcon.displayName = \"NotificationIcon\";\n"],"names":[],"mappings":";;AAYO,MAAM,mBAAqD,CAAC,EAAE,SAAA,0BAChE,OAAA,EAAI,WAAW,OAAO,kBAAmB,SAAA,CAAS;AAGvD,iBAAiB,cAAc;"}

package/components/Notification/components/NotificationTime.js

@@ -1,8 +1,8 @@
-import { jsx as o } from "react/jsx-runtime";
-import { s as t } from "../../../chunks/Notification.module-BU6Z_ATv.js";
-const s = ({ time: i }) => /* @__PURE__ */ o("span", { className: t.notificationTime, children: i });
-s.displayName = "NotificationTime";
+import { jsx } from "react/jsx-runtime";
+import { s as styles } from "../../../chunks/Notification.module-awjcvKra.js";
+const NotificationTime = ({ time }) => /* @__PURE__ */ jsx("span", { className: styles.notificationTime, children: time });
+NotificationTime.displayName = "NotificationTime";
 export {
-  s as NotificationTime
+  NotificationTime
 };
 //# sourceMappingURL=NotificationTime.js.map

package/components/Notification/components/NotificationTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationTime.js","sources":["../../../../src/components/Notification/components/NotificationTime.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"../styles/Notification.module.less\";\n\n/** Опции надписи времени нотификации. */\nexport interface INotificationTimeProps {\n    /** Значение времени нотификации. */\n    time: React.ReactNode;\n}\n\n/**\n * Надпись времени нотификации.\n */\nexport const NotificationTime: React.FC<INotificationTimeProps> = ({ time }) => (\n    <span className={styles.notificationTime}>{time}</span>\n);\n\nNotificationTime.displayName = \"NotificationTime\";\n"],"names":[],"mappings":";;AAYO,MAAM,mBAAqD,CAAC,EAAE,KAAA,0BAChE,QAAA,EAAK,WAAW,OAAO,kBAAmB,UAAA,KAAA,CAAK;AAGpD,iBAAiB,cAAc;"}

package/components/Notification/index.js

@@ -1,7 +1,7 @@
-import { Notification as t } from "./Notification.js";
-import { NotificationGrouped as f } from "./NotificationGrouped.js";
+import { Notification } from "./Notification.js";
+import { NotificationGrouped } from "./NotificationGrouped.js";
 export {
-  t as Notification,
-  f as NotificationGrouped
+  Notification,
+  NotificationGrouped
 };
 //# sourceMappingURL=index.js.map

package/components/Notification/index.js.map

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

package/components/NumberField/NumberField.js

@@ -1,8 +1,8 @@
-import { jsx as r } from "react/jsx-runtime";
-import { NumberFieldInput as o } from "./NumberFieldInput.js";
-import { TextFieldBase as i } from "../TextField/TextFieldBase.js";
-const l = ({ inputProps: e, ...m }) => /* @__PURE__ */ r(i, { ...m, children: /* @__PURE__ */ r(o, { ...e }) });
+import { jsx } from "react/jsx-runtime";
+import { NumberFieldInput } from "./NumberFieldInput.js";
+import { TextFieldBase } from "../TextField/TextFieldBase.js";
+const NumberField = ({ inputProps, ...restProps }) => /* @__PURE__ */ jsx(TextFieldBase, { ...restProps, children: /* @__PURE__ */ jsx(NumberFieldInput, { ...inputProps }) });
 export {
-  l as NumberField
+  NumberField
 };
 //# sourceMappingURL=NumberField.js.map

package/components/NumberField/NumberField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.js","sources":["../../../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import React from \"react\";\nimport { INumberFieldProps } from \"@sberbusiness/triplex-next/components/NumberField/types\";\nimport { NumberFieldInput } from \"@sberbusiness/triplex-next/components/NumberField/NumberFieldInput\";\nimport { TextFieldBase } from \"@sberbusiness/triplex-next/components/TextField/TextFieldBase\";\n\n/** Текстовое поле для ввода числовых значений. */\nexport const NumberField: React.FC<INumberFieldProps> = ({ inputProps, ...restProps }) => (\n    <TextFieldBase {...restProps}>\n        <NumberFieldInput {...inputProps} />\n    </TextFieldBase>\n);\n"],"names":[],"mappings":";;;AAMO,MAAM,cAA2C,CAAC,EAAE,YAAY,GAAG,UAAA,MACtE,oBAAC,eAAA,EAAe,GAAG,WACf,UAAA,oBAAC,kBAAA,EAAkB,GAAG,YAAY,EAAA,CACtC;"}

package/components/NumberField/NumberFieldInput.js

@@ -1,9 +1,9 @@
-import { jsx as g } from "react/jsx-runtime";
-import h, { useCallback as l } from "react";
+import { jsx } from "react/jsx-runtime";
+import React__default, { useCallback } from "react";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldDescription.js";
-import { F as d } from "../../chunks/FormFieldInput-DFQ9utC5.js";
+import { F as FormFieldInput } from "../../chunks/FormFieldInput-B1sTDP0Z.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
@@ -11,28 +11,48 @@ import "../FormField/components/FormFieldPrefix.js";
 import "../FormField/components/FormFieldTarget.js";
 import "../FormField/components/FormFieldTextarea.js";
 import "../FormField/FormField.js";
-import { getCaretPosition as F, setCaretPosition as D } from "../../utils/inputUtils.js";
-import { StringUtils as p } from "../../utils/stringUtils.js";
-import { AmountConst as f } from "../../consts/AmountConst.js";
-const V = h.forwardRef(
-  ({ onChange: o, ...n }, c) => {
-    const a = l((t, e) => {
-      const r = [], s = t.length;
-      let m = -1;
-      for (let i = 0; i < s; i++)
-        p.isDigit(t[i]) ? r.push(t[i]) : p.isDecimalSeparator(t[i]) ? m == -1 ? (r.push(f.DecimalComma), m = r.length - 1) : i > e && (r.push(f.DecimalComma), r[m] = "", m = r.length - 1) : i === 0 && p.isUnaryMinus(t[i]) && r.push("-");
-      return r.join("");
-    }, []), u = l(
-      (t) => {
-        const e = F(t.target), r = a(t.target.value, e), s = r.length - t.target.value.length;
-        t.target.value = r, D(t.target, e + s), o == null || o(t);
+import { getCaretPosition, setCaretPosition } from "../../utils/inputUtils.js";
+import { StringUtils } from "../../utils/stringUtils.js";
+import { AmountConst } from "../../consts/AmountConst.js";
+const NumberFieldInput = React__default.forwardRef(
+  ({ onChange, ...restProps }, ref) => {
+    const getFilteredValue = useCallback((value, caret) => {
+      const buffer = [];
+      const length = value.length;
+      let separatorIndex = -1;
+      for (let i = 0; i < length; i++) {
+        if (StringUtils.isDigit(value[i])) {
+          buffer.push(value[i]);
+        } else if (StringUtils.isDecimalSeparator(value[i])) {
+          if (separatorIndex == -1) {
+            buffer.push(AmountConst.DecimalComma);
+            separatorIndex = buffer.length - 1;
+          } else if (i > caret) {
+            buffer.push(AmountConst.DecimalComma);
+            buffer[separatorIndex] = "";
+            separatorIndex = buffer.length - 1;
+          }
+        } else if (i === 0 && StringUtils.isUnaryMinus(value[i])) {
+          buffer.push("-");
+        }
+      }
+      return buffer.join("");
+    }, []);
+    const handleChange = useCallback(
+      (event) => {
+        const caret = getCaretPosition(event.target);
+        const value = getFilteredValue(event.target.value, caret);
+        const caretShift = value.length - event.target.value.length;
+        event.target.value = value;
+        setCaretPosition(event.target, caret + caretShift);
+        onChange == null ? void 0 : onChange(event);
       },
-      [a, o]
+      [getFilteredValue, onChange]
     );
-    return /* @__PURE__ */ g(d, { onChange: u, ...n, ref: c });
+    return /* @__PURE__ */ jsx(FormFieldInput, { onChange: handleChange, ...restProps, ref });
   }
 );
 export {
-  V as NumberFieldInput
+  NumberFieldInput
 };
 //# sourceMappingURL=NumberFieldInput.js.map

package/components/NumberField/NumberFieldInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberFieldInput.js","sources":["../../../src/components/NumberField/NumberFieldInput.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { FormFieldInput, IFormFieldInputProps } from \"../FormField\";\nimport { getCaretPosition, setCaretPosition } from \"@sberbusiness/triplex-next/utils/inputUtils\";\nimport { StringUtils } from \"@sberbusiness/triplex-next/utils/stringUtils\";\nimport { AmountConst } from \"@sberbusiness/triplex-next/consts/AmountConst\";\n\n/** Поле ввода компонента NumberField. */\nexport const NumberFieldInput = React.forwardRef<HTMLInputElement, IFormFieldInputProps>(\n    ({ onChange, ...restProps }, ref) => {\n        /** Функция, возвращающая отфильтрованное значение. */\n        const getFilteredValue = useCallback((value: string, caret: number): string => {\n            const buffer: string[] = [];\n            const length = value.length;\n            let separatorIndex = -1;\n\n            for (let i = 0; i < length; i++) {\n                if (StringUtils.isDigit(value[i])) {\n                    buffer.push(value[i]);\n                } else if (StringUtils.isDecimalSeparator(value[i])) {\n                    if (separatorIndex == -1) {\n                        buffer.push(AmountConst.DecimalComma);\n                        separatorIndex = buffer.length - 1;\n                    } else if (i > caret) {\n                        buffer.push(AmountConst.DecimalComma);\n                        buffer[separatorIndex] = \"\";\n                        separatorIndex = buffer.length - 1;\n                    }\n                } else if (i === 0 && StringUtils.isUnaryMinus(value[i])) {\n                    buffer.push(\"-\");\n                }\n            }\n\n            return buffer.join(\"\");\n        }, []);\n\n        /** Обработчик изменения значения. */\n        const handleChange = useCallback(\n            (event: React.ChangeEvent<HTMLInputElement>) => {\n                const caret = getCaretPosition(event.target);\n                const value = getFilteredValue(event.target.value, caret);\n                const caretShift = value.length - event.target.value.length;\n\n                event.target.value = value;\n\n                setCaretPosition(event.target, caret + caretShift);\n\n                onChange?.(event);\n            },\n            [getFilteredValue, onChange],\n        );\n\n        return <FormFieldInput onChange={handleChange} {...restProps} ref={ref} />;\n    },\n);\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;AAOO,MAAM,mBAAmBA,eAAM;AAAA,EAClC,CAAC,EAAE,UAAU,GAAG,UAAA,GAAa,QAAQ;AAEjC,UAAM,mBAAmB,YAAY,CAAC,OAAe,UAA0B;AAC3E,YAAM,SAAmB,CAAA;AACzB,YAAM,SAAS,MAAM;AACrB,UAAI,iBAAiB;AAErB,eAAS,IAAI,GAAG,IAAI,QAAQ,KAAK;AAC7B,YAAI,YAAY,QAAQ,MAAM,CAAC,CAAC,GAAG;AAC/B,iBAAO,KAAK,MAAM,CAAC,CAAC;AAAA,QACxB,WAAW,YAAY,mBAAmB,MAAM,CAAC,CAAC,GAAG;AACjD,cAAI,kBAAkB,IAAI;AACtB,mBAAO,KAAK,YAAY,YAAY;AACpC,6BAAiB,OAAO,SAAS;AAAA,UACrC,WAAW,IAAI,OAAO;AAClB,mBAAO,KAAK,YAAY,YAAY;AACpC,mBAAO,cAAc,IAAI;AACzB,6BAAiB,OAAO,SAAS;AAAA,UACrC;AAAA,QACJ,WAAW,MAAM,KAAK,YAAY,aAAa,MAAM,CAAC,CAAC,GAAG;AACtD,iBAAO,KAAK,GAAG;AAAA,QACnB;AAAA,MACJ;AAEA,aAAO,OAAO,KAAK,EAAE;AAAA,IACzB,GAAG,CAAA,CAAE;AAGL,UAAM,eAAe;AAAA,MACjB,CAAC,UAA+C;AAC5C,cAAM,QAAQ,iBAAiB,MAAM,MAAM;AAC3C,cAAM,QAAQ,iBAAiB,MAAM,OAAO,OAAO,KAAK;AACxD,cAAM,aAAa,MAAM,SAAS,MAAM,OAAO,MAAM;AAErD,cAAM,OAAO,QAAQ;AAErB,yBAAiB,MAAM,QAAQ,QAAQ,UAAU;AAEjD,6CAAW;AAAA,MACf;AAAA,MACA,CAAC,kBAAkB,QAAQ;AAAA,IAAA;AAG/B,+BAAQ,gBAAA,EAAe,UAAU,cAAe,GAAG,WAAW,KAAU;AAAA,EAC5E;AACJ;"}

package/components/NumberField/index.js

@@ -1,5 +1,5 @@
-import { NumberField as m } from "./NumberField.js";
+import { NumberField } from "./NumberField.js";
 export {
-  m as NumberField
+  NumberField
 };
 //# sourceMappingURL=index.js.map

package/components/NumberField/index.js.map

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

package/components/NumberField/types.js.map

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

package/components/OrderedList/OrderedList.js

@@ -1,30 +1,32 @@
-import { jsx as s } from "react/jsx-runtime";
-import i from "react";
-import { c as m } from "../../chunks/vendor-D5cfSbgz.js";
-import { OrderedListItem as a } from "./OrderedListItem.js";
-const c = "orderedList__2fc4def6", f = {
-  orderedList: c
-}, L = Object.assign(
-  i.forwardRef(({ className: t, start: e, style: r, ...d }, o) => /* @__PURE__ */ s(
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { OrderedListItem } from "./OrderedListItem.js";
+const orderedList = "orderedList__84209d9b";
+const styles = {
+  orderedList
+};
+const OrderedList = Object.assign(
+  React__default.forwardRef(({ className, start, style, ...restProps }, ref) => /* @__PURE__ */ jsx(
     "ol",
     {
-      className: m(f.orderedList, t),
-      start: e,
-      style: e !== void 0 ? {
-        ...r,
-        "--start-index-tx": e - 1
-      } : r,
-      ...d,
-      "data-tx": "1.34.0",
-      ref: o
+      className: clsx(styles.orderedList, className),
+      start,
+      style: start !== void 0 ? {
+        ...style,
+        ["--start-index-tx"]: start - 1
+      } : style,
+      ...restProps,
+      "data-tx": "1.35.1",
+      ref
     }
   )),
   {
-    Item: a
+    Item: OrderedListItem
   }
 );
-L.displayName = "OrderedList";
+OrderedList.displayName = "OrderedList";
 export {
-  L as OrderedList
+  OrderedList
 };
 //# sourceMappingURL=OrderedList.js.map

package/components/OrderedList/OrderedList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderedList.js","sources":["../../../src/components/OrderedList/OrderedList.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { IOrderedListProps } from \"@sberbusiness/triplex-next/components/OrderedList/types\";\nimport { OrderedListItem } from \"@sberbusiness/triplex-next/components/OrderedList/OrderedListItem\";\nimport styles from \"./styles/OrderedList.module.less\";\n\n/** Нумерованный список. */\nexport const OrderedList = Object.assign(\n    React.forwardRef<HTMLOListElement, IOrderedListProps>(({ className, start, style, ...restProps }, ref) => (\n        <ol\n            className={clsx(styles.orderedList, className)}\n            start={start}\n            style={\n                start !== undefined\n                    ? {\n                          ...style,\n                          [\"--start-index-tx\" as keyof React.CSSProperties]: start - 1,\n                      }\n                    : style\n            }\n            {...restProps}\n            data-tx={process.env.npm_package_version}\n            ref={ref}\n        />\n    )),\n    {\n        Item: OrderedListItem,\n    },\n);\n\nOrderedList.displayName = \"OrderedList\";\n"],"names":["React"],"mappings":";;;;;;;;AAOO,MAAM,cAAc,OAAO;AAAA,EAC9BA,eAAM,WAAgD,CAAC,EAAE,WAAW,OAAO,OAAO,GAAG,aAAa,QAC9F;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,aAAa,SAAS;AAAA,MAC7C;AAAA,MACA,OACI,UAAU,SACJ;AAAA,QACI,GAAG;AAAA,QACH,CAAC,kBAA+C,GAAG,QAAQ;AAAA,MAAA,IAE/D;AAAA,MAET,GAAG;AAAA,MACJ,WAAS;AAAA,MACT;AAAA,IAAA;AAAA,EAAA,CAEP;AAAA,EACD;AAAA,IACI,MAAM;AAAA,EAAA;AAEd;AAEA,YAAY,cAAc;"}