@sberbusiness/triplex-next 1.34.0 → 1.35.1

package/components/ListMaster/components/ListMasterHeader.js

@@ -1,40 +1,53 @@
-import { jsx as f } from "react/jsx-runtime";
-import d, { useRef as o, useEffect as m } from "react";
-import { c as w } from "../../../chunks/vendor-D5cfSbgz.js";
-const p = "listMasterHeader__29203189", y = "sticky__e41f36b2", c = {
-  listMasterHeader: p,
-  sticky: y
-}, H = d.forwardRef(
-  ({ children: i, className: n, sticky: a = !0, ...l }, t) => {
-    const e = o(null), r = o(0);
-    m(() => {
-      if (e.current)
-        return r.current = e.current.getBoundingClientRect().height, window.scrollTo({ top: window.scrollY + r.current }), () => {
-          window.scrollTo({ top: Math.max(window.scrollY - r.current, 0) });
-        };
+import { jsx } from "react/jsx-runtime";
+import React__default, { useRef, useEffect } from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+const listMasterHeader = "listMasterHeader__7c4e98a2";
+const sticky = "sticky__342515e3";
+const styles = {
+  listMasterHeader,
+  sticky
+};
+const ListMasterHeader = React__default.forwardRef(
+  ({ children, className, sticky: sticky2 = true, ...rest }, ref) => {
+    const containerRef = useRef(null);
+    const containerHeightRef = useRef(0);
+    useEffect(() => {
+      if (!containerRef.current) {
+        return;
+      }
+      containerHeightRef.current = containerRef.current.getBoundingClientRect().height;
+      window.scrollTo({ top: window.scrollY + containerHeightRef.current });
+      return () => {
+        window.scrollTo({ top: Math.max(window.scrollY - containerHeightRef.current, 0) });
+      };
     }, []);
-    const u = (s) => {
-      e.current = s, typeof t == "function" ? t(s) : t && (t.current = s);
+    const setRef = (instance) => {
+      containerRef.current = instance;
+      if (typeof ref === "function") {
+        ref(instance);
+      } else if (ref) {
+        ref.current = instance;
+      }
     };
-    return /* @__PURE__ */ f(
+    return /* @__PURE__ */ jsx(
       "div",
       {
-        className: w(
-          c.listMasterHeader,
+        className: clsx(
+          styles.listMasterHeader,
           {
-            [c.sticky]: a
+            [styles.sticky]: sticky2
           },
-          n
+          className
         ),
-        ...l,
-        ref: u,
-        children: i
+        ...rest,
+        ref: setRef,
+        children
       }
     );
   }
 );
-H.displayName = "ListMasterHeader";
+ListMasterHeader.displayName = "ListMasterHeader";
 export {
-  H as ListMasterHeader
+  ListMasterHeader
 };
 //# sourceMappingURL=ListMasterHeader.js.map

package/components/ListMaster/components/ListMasterHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListMasterHeader.js","sources":["../../../../src/components/ListMaster/components/ListMasterHeader.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/ListMasterHeader.module.less\";\n\n/** Свойства компонента ListMasterHeader. */\nexport interface IListMasterHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Sticky-позиционирование (`top: 0`, `z-index: 1`). По умолчанию `true`. */\n    sticky?: boolean;\n}\n\n/**\n * Хедер ListMaster. При монтировании компенсирует свою высоту через `window.scrollTo`,\n * чтобы появление selection-controls не сдвигало содержимое визуально вниз. При\n * размонтировании — откатывает скролл.\n */\nexport const ListMasterHeader = React.forwardRef<HTMLDivElement, IListMasterHeaderProps>(\n    ({ children, className, sticky = true, ...rest }, ref) => {\n        const containerRef = useRef<HTMLDivElement | null>(null);\n        const containerHeightRef = useRef(0);\n\n        useEffect(() => {\n            if (!containerRef.current) {\n                return;\n            }\n\n            containerHeightRef.current = containerRef.current.getBoundingClientRect().height;\n\n            // Компенсация высоты ListMasterHeader: иначе при появлении хедера\n            // содержимое сдвигается вниз на его высоту.\n            window.scrollTo({ top: window.scrollY + containerHeightRef.current });\n\n            return () => {\n                window.scrollTo({ top: Math.max(window.scrollY - containerHeightRef.current, 0) });\n            };\n        }, []);\n\n        const setRef = (instance: HTMLDivElement | null) => {\n            containerRef.current = instance;\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref) {\n                ref.current = instance;\n            }\n        };\n\n        return (\n            <div\n                className={clsx(\n                    styles.listMasterHeader,\n                    {\n                        [styles.sticky]: sticky,\n                    },\n                    className,\n                )}\n                {...rest}\n                ref={setRef}\n            >\n                {children}\n            </div>\n        );\n    },\n);\n\nListMasterHeader.displayName = \"ListMasterHeader\";\n"],"names":["React","sticky"],"mappings":";;;;;;;;;AAeO,MAAM,mBAAmBA,eAAM;AAAA,EAClC,CAAC,EAAE,UAAU,WAAW,QAAAC,UAAS,MAAM,GAAG,KAAA,GAAQ,QAAQ;AACtD,UAAM,eAAe,OAA8B,IAAI;AACvD,UAAM,qBAAqB,OAAO,CAAC;AAEnC,cAAU,MAAM;AACZ,UAAI,CAAC,aAAa,SAAS;AACvB;AAAA,MACJ;AAEA,yBAAmB,UAAU,aAAa,QAAQ,sBAAA,EAAwB;AAI1E,aAAO,SAAS,EAAE,KAAK,OAAO,UAAU,mBAAmB,SAAS;AAEpE,aAAO,MAAM;AACT,eAAO,SAAS,EAAE,KAAK,KAAK,IAAI,OAAO,UAAU,mBAAmB,SAAS,CAAC,EAAA,CAAG;AAAA,MACrF;AAAA,IACJ,GAAG,CAAA,CAAE;AAEL,UAAM,SAAS,CAAC,aAAoC;AAChD,mBAAa,UAAU;AACvB,UAAI,OAAO,QAAQ,YAAY;AAC3B,YAAI,QAAQ;AAAA,MAChB,WAAW,KAAK;AACZ,YAAI,UAAU;AAAA,MAClB;AAAA,IACJ;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,UACP,OAAO;AAAA,UACP;AAAA,YACI,CAAC,OAAO,MAAM,GAAGA;AAAA,UAAA;AAAA,UAErB;AAAA,QAAA;AAAA,QAEH,GAAG;AAAA,QACJ,KAAK;AAAA,QAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEA,iBAAiB,cAAc;"}

package/components/ListMaster/components/SelectionControls.js

@@ -1,22 +1,24 @@
-import { jsx as l } from "react/jsx-runtime";
-import n from "react";
-import { c as r } from "../../../chunks/vendor-D5cfSbgz.js";
-const c = "selectionControls__0f71588c", i = {
-  selectionControls: c
-}, a = n.forwardRef(
-  ({ children: o, className: t, ...s }, e) => /* @__PURE__ */ l(
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+const selectionControls = "selectionControls__127a111e";
+const styles = {
+  selectionControls
+};
+const SelectionControls = React__default.forwardRef(
+  ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
-      className: r(i.selectionControls, t),
-      ...s,
-      "data-tx": "1.34.0",
-      ref: e,
-      children: o
+      className: clsx(styles.selectionControls, className),
+      ...rest,
+      "data-tx": "1.35.1",
+      ref,
+      children
     }
   )
 );
-a.displayName = "SelectionControls";
+SelectionControls.displayName = "SelectionControls";
 export {
-  a as SelectionControls
+  SelectionControls
 };
 //# sourceMappingURL=SelectionControls.js.map

package/components/ListMaster/components/SelectionControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionControls.js","sources":["../../../../src/components/ListMaster/components/SelectionControls.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/SelectionControls.module.less\";\n\n/** Свойства компонента SelectionControls. */\nexport interface ISelectionControlsProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Контент SelectionControls. */\nexport const SelectionControls = React.forwardRef<HTMLDivElement, ISelectionControlsProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div\n            className={clsx(styles.selectionControls, className)}\n            {...rest}\n            data-tx={process.env.npm_package_version}\n            ref={ref}\n        >\n            {children}\n        </div>\n    ),\n);\n\nSelectionControls.displayName = \"SelectionControls\";\n"],"names":["React"],"mappings":";;;;;;;AAQO,MAAM,oBAAoBA,eAAM;AAAA,EACnC,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,mBAAmB,SAAS;AAAA,MAClD,GAAG;AAAA,MACJ,WAAS;AAAA,MACT;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGb;AAEA,kBAAkB,cAAc;"}

package/components/ListMaster/index.js

@@ -1,19 +1,19 @@
-import { ListMaster as t } from "./ListMaster.js";
-import { ListMasterBody as s } from "./components/ListMasterBody.js";
-import { ListMasterChipGroup as p } from "./components/ListMasterChipGroup.js";
-import { ListMasterFooter as f } from "./components/ListMasterFooter.js";
-import { ListMasterFooterControls as x } from "./components/ListMasterFooterControls.js";
-import { ListMasterFooterDescription as M } from "./components/ListMasterFooterDescription.js";
-import { ListMasterHeader as l } from "./components/ListMasterHeader.js";
-import { SelectionControls as F } from "./components/SelectionControls.js";
+import { ListMaster } from "./ListMaster.js";
+import { ListMasterBody } from "./components/ListMasterBody.js";
+import { ListMasterChipGroup } from "./components/ListMasterChipGroup.js";
+import { ListMasterFooter } from "./components/ListMasterFooter.js";
+import { ListMasterFooterControls } from "./components/ListMasterFooterControls.js";
+import { ListMasterFooterDescription } from "./components/ListMasterFooterDescription.js";
+import { ListMasterHeader } from "./components/ListMasterHeader.js";
+import { SelectionControls } from "./components/SelectionControls.js";
 export {
-  t as ListMaster,
-  s as ListMasterBody,
-  p as ListMasterChipGroup,
-  f as ListMasterFooter,
-  x as ListMasterFooterControls,
-  M as ListMasterFooterDescription,
-  l as ListMasterHeader,
-  F as SelectionControls
+  ListMaster,
+  ListMasterBody,
+  ListMasterChipGroup,
+  ListMasterFooter,
+  ListMasterFooterControls,
+  ListMasterFooterDescription,
+  ListMasterHeader,
+  SelectionControls
 };
 //# sourceMappingURL=index.js.map

package/components/ListMaster/index.js.map

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

package/components/Loader/LoaderMiddle/LoaderMiddle.js

@@ -1,23 +1,34 @@
-import { jsx as o, jsxs as e } from "react/jsx-runtime";
-import { c as t } from "../../../chunks/vendor-D5cfSbgz.js";
-const s = "loaderMiddle__ed7541d7", a = "loaderMiddleDots__1e36a612", l = "dot__65968007", c = "dot1__1b0dca17", i = "dot2__23ddb488", n = "dot3__08e068cc", r = "dot4__f3e79a2d", _ = "line__32d143a8", d = {
-  loaderMiddle: s,
-  loaderMiddleDots: a,
-  dot: l,
-  dot1: c,
-  dot2: i,
-  dot3: n,
-  dot4: r,
-  line: _
-}, m = () => /* @__PURE__ */ o("div", { role: "status", "aria-label": "loading", className: d.loaderMiddle, children: /* @__PURE__ */ e("div", { className: d.loaderMiddleDots, children: [
-  /* @__PURE__ */ o("span", { className: d.line }),
-  /* @__PURE__ */ o("span", { className: t(d.dot, d.dot1) }),
-  /* @__PURE__ */ o("span", { className: t(d.dot, d.dot2) }),
-  /* @__PURE__ */ o("span", { className: t(d.dot, d.dot3) }),
-  /* @__PURE__ */ o("span", { className: t(d.dot, d.dot4) })
-] }) });
-m.displayName = "LoaderMiddle";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+const loaderMiddle = "loaderMiddle__c894121a";
+const loaderMiddleDots = "loaderMiddleDots__f8504dea";
+const dot = "dot__26431898";
+const dot1 = "dot1__91b031ae";
+const dot2 = "dot2__e5b1d3ff";
+const dot3 = "dot3__025d9585";
+const dot4 = "dot4__5010385e";
+const line = "line__f2b23853";
+const styles = {
+  loaderMiddle,
+  loaderMiddleDots,
+  dot,
+  dot1,
+  dot2,
+  dot3,
+  dot4,
+  line
+};
+const LoaderMiddle = () => {
+  return /* @__PURE__ */ jsx("div", { role: "status", "aria-label": "loading", className: styles.loaderMiddle, children: /* @__PURE__ */ jsxs("div", { className: styles.loaderMiddleDots, children: [
+    /* @__PURE__ */ jsx("span", { className: styles.line }),
+    /* @__PURE__ */ jsx("span", { className: clsx(styles.dot, styles.dot1) }),
+    /* @__PURE__ */ jsx("span", { className: clsx(styles.dot, styles.dot2) }),
+    /* @__PURE__ */ jsx("span", { className: clsx(styles.dot, styles.dot3) }),
+    /* @__PURE__ */ jsx("span", { className: clsx(styles.dot, styles.dot4) })
+  ] }) });
+};
+LoaderMiddle.displayName = "LoaderMiddle";
 export {
-  m as LoaderMiddle
+  LoaderMiddle
 };
 //# sourceMappingURL=LoaderMiddle.js.map

package/components/Loader/LoaderMiddle/LoaderMiddle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoaderMiddle.js","sources":["../../../../src/components/Loader/LoaderMiddle/LoaderMiddle.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./styles/LoaderMiddle.module.less\";\nimport clsx from \"clsx\";\n\nexport const LoaderMiddle: React.FC = () => {\n    return (\n        <div role=\"status\" aria-label=\"loading\" className={styles.loaderMiddle}>\n            <div className={styles.loaderMiddleDots}>\n                <span className={styles.line} />\n                <span className={clsx(styles.dot, styles.dot1)} />\n                <span className={clsx(styles.dot, styles.dot2)} />\n                <span className={clsx(styles.dot, styles.dot3)} />\n                <span className={clsx(styles.dot, styles.dot4)} />\n            </div>\n        </div>\n    );\n};\n\nLoaderMiddle.displayName = \"LoaderMiddle\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAIO,MAAM,eAAyB,MAAM;AACxC,SACI,oBAAC,OAAA,EAAI,MAAK,UAAS,cAAW,WAAU,WAAW,OAAO,cACtD,UAAA,qBAAC,OAAA,EAAI,WAAW,OAAO,kBACnB,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAK,WAAW,OAAO,KAAA,CAAM;AAAA,IAC9B,oBAAC,UAAK,WAAW,KAAK,OAAO,KAAK,OAAO,IAAI,GAAG;AAAA,IAChD,oBAAC,UAAK,WAAW,KAAK,OAAO,KAAK,OAAO,IAAI,GAAG;AAAA,IAChD,oBAAC,UAAK,WAAW,KAAK,OAAO,KAAK,OAAO,IAAI,GAAG;AAAA,IAChD,oBAAC,UAAK,WAAW,KAAK,OAAO,KAAK,OAAO,IAAI,EAAA,CAAG;AAAA,EAAA,EAAA,CACpD,EAAA,CACJ;AAER;AAEA,aAAa,cAAc;"}

package/components/Loader/LoaderSmall/LoaderSmall.js

@@ -1,37 +1,52 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { c as o } from "../../../chunks/vendor-D5cfSbgz.js";
-import { ELoaderSmallTheme as s } from "./enum.js";
-import { createSizeToClassNameMap as n } from "../../../utils/classNameMaps.js";
-const c = "loaderSmall__b277807f", _ = "sm__857010a9", p = "dot__65968007", i = "md__ad44c3cf", N = "lg__10d0e121", b = "neutral__03224987", S = "brand__d24d089e", f = "dot1__1b0dca17", u = "dot2__23ddb488", T = "dot3__08e068cc", a = {
-  loaderSmall: c,
-  sm: _,
-  dot: p,
-  md: i,
-  lg: N,
-  neutral: b,
-  brand: S,
-  dot1: f,
-  dot2: u,
-  dot3: T
-}, g = {
-  [s.BRAND]: a.brand,
-  [s.NEUTRAL]: a.neutral
-}, x = n(a), L = ({ className: d, theme: l, size: e, ...m }) => /* @__PURE__ */ r(
-  "span",
-  {
-    className: o(a.loaderSmall, g[l], x[e], d),
-    role: "status",
-    "aria-label": "loading",
-    ...m,
-    children: [
-      /* @__PURE__ */ t("span", { className: o(a.dot, a.dot1) }),
-      /* @__PURE__ */ t("span", { className: o(a.dot, a.dot2) }),
-      /* @__PURE__ */ t("span", { className: o(a.dot, a.dot3) })
-    ]
-  }
-);
-L.displayName = "LoaderSmall";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { ELoaderSmallTheme } from "./enum.js";
+import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
+const loaderSmall = "loaderSmall__e2a0eba6";
+const sm = "sm__d022fb0e";
+const dot = "dot__26431898";
+const md = "md__41177614";
+const lg = "lg__1696f8b9";
+const neutral = "neutral__084132d6";
+const brand = "brand__0b9c6af2";
+const dot1 = "dot1__91b031ae";
+const dot2 = "dot2__e5b1d3ff";
+const dot3 = "dot3__025d9585";
+const styles = {
+  loaderSmall,
+  sm,
+  dot,
+  md,
+  lg,
+  neutral,
+  brand,
+  dot1,
+  dot2,
+  dot3
+};
+const themeToClassNameMap = {
+  [ELoaderSmallTheme.BRAND]: styles.brand,
+  [ELoaderSmallTheme.NEUTRAL]: styles.neutral
+};
+const sizeToClassNameMap = createSizeToClassNameMap(styles);
+const LoaderSmall = ({ className, theme, size, ...restProps }) => {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: clsx(styles.loaderSmall, themeToClassNameMap[theme], sizeToClassNameMap[size], className),
+      role: "status",
+      "aria-label": "loading",
+      ...restProps,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: clsx(styles.dot, styles.dot1) }),
+        /* @__PURE__ */ jsx("span", { className: clsx(styles.dot, styles.dot2) }),
+        /* @__PURE__ */ jsx("span", { className: clsx(styles.dot, styles.dot3) })
+      ]
+    }
+  );
+};
+LoaderSmall.displayName = "LoaderSmall";
 export {
-  L as LoaderSmall
+  LoaderSmall
 };
 //# sourceMappingURL=LoaderSmall.js.map

package/components/Loader/LoaderSmall/LoaderSmall.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoaderSmall.js","sources":["../../../../src/components/Loader/LoaderSmall/LoaderSmall.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/LoaderSmall.module.less\";\nimport { ELoaderSmallTheme } from \"./enum\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\n\n/** Свойства компонента LoaderSmall. */\nexport interface ILoaderSmallProps extends React.HTMLAttributes<HTMLSpanElement> {\n    /** Тема. */\n    theme: ELoaderSmallTheme;\n    /** Размер. */\n    size: EComponentSize;\n}\n\n// Соответствие темы имени класса.\nconst themeToClassNameMap = {\n    [ELoaderSmallTheme.BRAND]: styles.brand,\n    [ELoaderSmallTheme.NEUTRAL]: styles.neutral,\n};\n\n// Соответствие размера имени класса.\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\nexport const LoaderSmall: React.FC<ILoaderSmallProps> = ({ className, theme, size, ...restProps }) => {\n    return (\n        <span\n            className={clsx(styles.loaderSmall, themeToClassNameMap[theme], sizeToClassNameMap[size], className)}\n            role=\"status\"\n            aria-label=\"loading\"\n            {...restProps}\n        >\n            <span className={clsx(styles.dot, styles.dot1)} />\n            <span className={clsx(styles.dot, styles.dot2)} />\n            <span className={clsx(styles.dot, styles.dot3)} />\n        </span>\n    );\n};\n\nLoaderSmall.displayName = \"LoaderSmall\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,sBAAsB;AAAA,EACxB,CAAC,kBAAkB,KAAK,GAAG,OAAO;AAAA,EAClC,CAAC,kBAAkB,OAAO,GAAG,OAAO;AACxC;AAGA,MAAM,qBAAqB,yBAAyB,MAAM;AAEnD,MAAM,cAA2C,CAAC,EAAE,WAAW,OAAO,MAAM,GAAG,gBAAgB;AAClG,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,aAAa,oBAAoB,KAAK,GAAG,mBAAmB,IAAI,GAAG,SAAS;AAAA,MACnG,MAAK;AAAA,MACL,cAAW;AAAA,MACV,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA,oBAAC,UAAK,WAAW,KAAK,OAAO,KAAK,OAAO,IAAI,GAAG;AAAA,QAChD,oBAAC,UAAK,WAAW,KAAK,OAAO,KAAK,OAAO,IAAI,GAAG;AAAA,QAChD,oBAAC,UAAK,WAAW,KAAK,OAAO,KAAK,OAAO,IAAI,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5D;AAEA,YAAY,cAAc;"}

package/components/Loader/LoaderSmall/enum.js

@@ -1,6 +1,16 @@
-var n = /* @__PURE__ */ ((r) => (r.BRAND = "brand", r.NEUTRAL = "neutral", r))(n || {}), t = /* @__PURE__ */ ((r) => (r.SM = "sm", r.MD = "md", r.LG = "lg", r))(t || {});
+var ELoaderSmallTheme = /* @__PURE__ */ ((ELoaderSmallTheme2) => {
+  ELoaderSmallTheme2["BRAND"] = "brand";
+  ELoaderSmallTheme2["NEUTRAL"] = "neutral";
+  return ELoaderSmallTheme2;
+})(ELoaderSmallTheme || {});
+var ELoaderSmallSize = /* @__PURE__ */ ((ELoaderSmallSize2) => {
+  ELoaderSmallSize2["SM"] = "sm";
+  ELoaderSmallSize2["MD"] = "md";
+  ELoaderSmallSize2["LG"] = "lg";
+  return ELoaderSmallSize2;
+})(ELoaderSmallSize || {});
 export {
-  t as ELoaderSmallSize,
-  n as ELoaderSmallTheme
+  ELoaderSmallSize,
+  ELoaderSmallTheme
 };
 //# sourceMappingURL=enum.js.map

package/components/Loader/LoaderSmall/enum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enum.js","sources":["../../../../src/components/Loader/LoaderSmall/enum.ts"],"sourcesContent":["export enum ELoaderSmallTheme {\n    BRAND = \"brand\",\n    NEUTRAL = \"neutral\",\n}\n\nexport enum ELoaderSmallSize {\n    SM = \"sm\",\n    MD = \"md\",\n    LG = \"lg\",\n}\n"],"names":["ELoaderSmallTheme","ELoaderSmallSize"],"mappings":"AAAO,IAAK,sCAAAA,uBAAL;AACHA,qBAAA,OAAA,IAAQ;AACRA,qBAAA,SAAA,IAAU;AAFF,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAKL,IAAK,qCAAAC,sBAAL;AACHA,oBAAA,IAAA,IAAK;AACLA,oBAAA,IAAA,IAAK;AACLA,oBAAA,IAAA,IAAK;AAHG,SAAAA;AAAA,GAAA,oBAAA,CAAA,CAAA;"}

package/components/Loader/index.js

@@ -1,10 +1,10 @@
-import { LoaderSmall as r } from "./LoaderSmall/LoaderSmall.js";
-import { ELoaderSmallSize as l, ELoaderSmallTheme as m } from "./LoaderSmall/enum.js";
-import { LoaderMiddle as L } from "./LoaderMiddle/LoaderMiddle.js";
+import { LoaderSmall } from "./LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallSize, ELoaderSmallTheme } from "./LoaderSmall/enum.js";
+import { LoaderMiddle } from "./LoaderMiddle/LoaderMiddle.js";
 export {
-  l as ELoaderSmallSize,
-  m as ELoaderSmallTheme,
-  L as LoaderMiddle,
-  r as LoaderSmall
+  ELoaderSmallSize,
+  ELoaderSmallTheme,
+  LoaderMiddle,
+  LoaderSmall
 };
 //# sourceMappingURL=index.js.map

package/components/Loader/index.js.map

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

package/components/LoaderScreen/LoaderScreen.js

@@ -1,28 +1,32 @@
-import { jsx as r } from "react/jsx-runtime";
-import { LoaderSmall as s } from "../Loader/LoaderSmall/LoaderSmall.js";
-import { ELoaderSmallTheme as i } from "../Loader/LoaderSmall/enum.js";
-import { LoaderMiddle as n } from "../Loader/LoaderMiddle/LoaderMiddle.js";
-import { c as p } from "../../chunks/vendor-D5cfSbgz.js";
-import { EComponentSize as t } from "../../enums/EComponentSize.js";
-const S = "loaderScreen__f9b1e384", B = "loaderSmallBackdrop__c31528b7", k = "loaderMiddleBackdrop__a92c05b1", e = {
-  loaderScreen: S,
-  loaderSmallBackdrop: B,
-  loaderMiddleBackdrop: k
-}, f = ({
-  className: d,
-  size: a = t.MD,
-  type: o,
-  theme: l = i.BRAND,
-  ...c
+import { jsx } from "react/jsx-runtime";
+import { LoaderSmall } from "../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme } from "../Loader/LoaderSmall/enum.js";
+import { LoaderMiddle } from "../Loader/LoaderMiddle/LoaderMiddle.js";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { EComponentSize } from "../../enums/EComponentSize.js";
+const loaderScreen = "loaderScreen__4b77ebca";
+const loaderSmallBackdrop = "loaderSmallBackdrop__879651be";
+const loaderMiddleBackdrop = "loaderMiddleBackdrop__beaff40d";
+const styles = {
+  loaderScreen,
+  loaderSmallBackdrop,
+  loaderMiddleBackdrop
+};
+const LoaderScreen = ({
+  className,
+  size = EComponentSize.MD,
+  type,
+  theme = ELoaderSmallTheme.BRAND,
+  ...htmlDivAttributes
 }) => {
-  const m = p(d, e.loaderScreen, {
-    [e.loaderSmallBackdrop]: o === "small",
-    [e.loaderMiddleBackdrop]: o === "middle"
+  const classNames = clsx(className, styles.loaderScreen, {
+    [styles.loaderSmallBackdrop]: type === "small",
+    [styles.loaderMiddleBackdrop]: type === "middle"
   });
-  return /* @__PURE__ */ r("div", { className: m, ...c, children: o === "small" ? /* @__PURE__ */ r(s, { size: a, theme: l }) : /* @__PURE__ */ r("div", { className: e.loaderMiddleBackground, children: /* @__PURE__ */ r(n, {}) }) });
+  return /* @__PURE__ */ jsx("div", { className: classNames, ...htmlDivAttributes, children: type === "small" ? /* @__PURE__ */ jsx(LoaderSmall, { size, theme }) : /* @__PURE__ */ jsx("div", { className: styles.loaderMiddleBackground, children: /* @__PURE__ */ jsx(LoaderMiddle, {}) }) });
 };
-f.displayName = "LoaderScreen";
+LoaderScreen.displayName = "LoaderScreen";
 export {
-  f as LoaderScreen
+  LoaderScreen
 };
 //# sourceMappingURL=LoaderScreen.js.map

package/components/LoaderScreen/LoaderScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoaderScreen.js","sources":["../../../src/components/LoaderScreen/LoaderScreen.tsx"],"sourcesContent":["import React from \"react\";\nimport { LoaderSmall, ELoaderSmallTheme, LoaderMiddle } from \"../Loader\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums\";\nimport styles from \"./styles/LoaderScreen.module.less\";\n\n/** Свойства компонента LoaderScreen. */\nexport interface ILoaderScreenProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Тип лоадера. */\n    type: \"small\" | \"middle\";\n    /** Тема лоадера для типа small. */\n    theme?: ELoaderSmallTheme;\n    /** Размер лоадера для типа small. */\n    size?: EComponentSize;\n}\n\nexport const LoaderScreen: React.FC<ILoaderScreenProps> = ({\n    className,\n    size = EComponentSize.MD,\n    type,\n    theme = ELoaderSmallTheme.BRAND,\n    ...htmlDivAttributes\n}) => {\n    const classNames = clsx(className, styles.loaderScreen, {\n        [styles.loaderSmallBackdrop]: type === \"small\",\n        [styles.loaderMiddleBackdrop]: type === \"middle\",\n    });\n\n    return (\n        <div className={classNames} {...htmlDivAttributes}>\n            {type === \"small\" ? (\n                <LoaderSmall size={size} theme={theme} />\n            ) : (\n                <div className={styles.loaderMiddleBackground}>\n                    <LoaderMiddle />\n                </div>\n            )}\n        </div>\n    );\n};\n\nLoaderScreen.displayName = \"LoaderScreen\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAgBO,MAAM,eAA6C,CAAC;AAAA,EACvD;AAAA,EACA,OAAO,eAAe;AAAA,EACtB;AAAA,EACA,QAAQ,kBAAkB;AAAA,EAC1B,GAAG;AACP,MAAM;AACF,QAAM,aAAa,KAAK,WAAW,OAAO,cAAc;AAAA,IACpD,CAAC,OAAO,mBAAmB,GAAG,SAAS;AAAA,IACvC,CAAC,OAAO,oBAAoB,GAAG,SAAS;AAAA,EAAA,CAC3C;AAED,SACI,oBAAC,SAAI,WAAW,YAAa,GAAG,mBAC3B,UAAA,SAAS,UACN,oBAAC,aAAA,EAAY,MAAY,MAAA,CAAc,wBAEtC,OAAA,EAAI,WAAW,OAAO,wBACnB,UAAA,oBAAC,cAAA,EAAa,EAAA,CAClB,EAAA,CAER;AAER;AAEA,aAAa,cAAc;"}

package/components/LoaderScreen/index.js

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

package/components/LoaderScreen/index.js.map

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

package/components/Marker/Marker.js

@@ -1,11 +1,11 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as o } from "../../chunks/vendor-D5cfSbgz.js";
-import { a as t, s as e } from "../../chunks/utils-B0yofitE.js";
-import { Badge as p } from "../Badge/Badge.js";
+import { jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { a as styles, s as statusToClassNameMap } from "../../chunks/utils-CH7yc0-n.js";
+import { Badge } from "../Badge/Badge.js";
 import "./enums.js";
-const i = ({ className: a, status: r, ...s }) => /* @__PURE__ */ m(p.Dot, { className: o(t.marker, e[r], a), ...s });
-i.displayName = "Marker";
+const Marker = ({ className, status, ...rest }) => /* @__PURE__ */ jsx(Badge.Dot, { className: clsx(styles.marker, statusToClassNameMap[status], className), ...rest });
+Marker.displayName = "Marker";
 export {
-  i as Marker
+  Marker
 };
 //# sourceMappingURL=Marker.js.map

package/components/Marker/Marker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marker.js","sources":["../../../src/components/Marker/Marker.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { EMarkerStatus } from \"./enums\";\nimport React from \"react\";\nimport { statusToClassNameMap } from \"./utils\";\nimport { Badge } from \"../Badge\";\nimport { IBadgeDotProps } from \"../Badge/types\";\nimport styles from \"./styles/Marker.module.less\";\n\nexport interface IMarkerProps extends IBadgeDotProps {\n    status: EMarkerStatus;\n}\n\nexport const Marker: React.FC<IMarkerProps> = ({ className, status, ...rest }) => (\n    <Badge.Dot className={clsx(styles.marker, statusToClassNameMap[status], className)} {...rest} />\n);\n\nMarker.displayName = \"Marker\";\n"],"names":[],"mappings":";;;;;AAYO,MAAM,SAAiC,CAAC,EAAE,WAAW,QAAQ,GAAG,WACnE,oBAAC,MAAM,KAAN,EAAU,WAAW,KAAK,OAAO,QAAQ,qBAAqB,MAAM,GAAG,SAAS,GAAI,GAAG,KAAA,CAAM;AAGlG,OAAO,cAAc;"}

package/components/Marker/enums.js

@@ -1,5 +1,11 @@
-var R = /* @__PURE__ */ ((n) => (n.SUCCESS = "success", n.ERROR = "error", n.WARNING = "warning", n.WAITING = "waiting", n))(R || {});
+var EMarkerStatus = /* @__PURE__ */ ((EMarkerStatus2) => {
+  EMarkerStatus2["SUCCESS"] = "success";
+  EMarkerStatus2["ERROR"] = "error";
+  EMarkerStatus2["WARNING"] = "warning";
+  EMarkerStatus2["WAITING"] = "waiting";
+  return EMarkerStatus2;
+})(EMarkerStatus || {});
 export {
-  R as EMarkerStatus
+  EMarkerStatus
 };
 //# sourceMappingURL=enums.js.map

package/components/Marker/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sources":["../../../src/components/Marker/enums.ts"],"sourcesContent":["export enum EMarkerStatus {\n    SUCCESS = \"success\",\n    ERROR = \"error\",\n    WARNING = \"warning\",\n    WAITING = \"waiting\",\n}\n"],"names":["EMarkerStatus"],"mappings":"AAAO,IAAK,kCAAAA,mBAAL;AACHA,iBAAA,SAAA,IAAU;AACVA,iBAAA,OAAA,IAAQ;AACRA,iBAAA,SAAA,IAAU;AACVA,iBAAA,SAAA,IAAU;AAJF,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;"}

package/components/Marker/index.js

@@ -1,7 +1,7 @@
-import { Marker as o } from "./Marker.js";
-import { EMarkerStatus as a } from "./enums.js";
+import { Marker } from "./Marker.js";
+import { EMarkerStatus } from "./enums.js";
 export {
-  a as EMarkerStatus,
-  o as Marker
+  EMarkerStatus,
+  Marker
 };
 //# sourceMappingURL=index.js.map

package/components/Marker/index.js.map

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

package/components/Marker/utils.js

@@ -1,6 +1,6 @@
 import "./enums.js";
-import { s as t } from "../../chunks/utils-B0yofitE.js";
+import { s } from "../../chunks/utils-CH7yc0-n.js";
 export {
-  t as statusToClassNameMap
+  s as statusToClassNameMap
 };
 //# sourceMappingURL=utils.js.map

package/components/Marker/utils.js.map

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

package/components/MarkerStatus/MarkerStatus.js

@@ -1,37 +1,45 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import S from "react";
-import { Marker as _ } from "../Marker/Marker.js";
-import { c as k } from "../../chunks/vendor-D5cfSbgz.js";
-import { s as M } from "../../chunks/utils-B0yofitE.js";
-import { ETextSize as n, EFontType as i, ECaptionSize as N } from "../Typography/enums.js";
-import { Caption as u } from "../Typography/Caption.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { Marker } from "../Marker/Marker.js";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { s as statusToClassNameMap } from "../../chunks/utils-CH7yc0-n.js";
+import { ETextSize, EFontType, ECaptionSize } from "../Typography/enums.js";
+import { Caption } from "../Typography/Caption.js";
 import "../Typography/CodeText.js";
-import { Text as c } from "../Typography/Text.js";
+import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-import { EComponentSize as a } from "../../enums/EComponentSize.js";
-import { createSizeToClassNameMap as x } from "../../utils/classNameMaps.js";
-const T = "markerStatus__de86a87f", z = "contentContainer__dd3e941f", E = "md__7c8363ea", h = "markerContainer__31466821", D = "lg__34c7447d", e = {
-  markerStatus: T,
-  contentContainer: z,
-  md: E,
-  markerContainer: h,
-  lg: D
-}, y = {
-  [a.MD]: n.B4,
-  [a.LG]: n.B3
-}, R = x(e), q = S.forwardRef(
-  ({ children: p, className: l, description: o, status: m, size: r = a.MD, ...C }, d) => {
-    const f = k(e.markerStatus, R[r], M[m], l);
-    return /* @__PURE__ */ s("div", { className: f, "data-tx": "1.34.0", ...C, ref: d, children: [
-      /* @__PURE__ */ t("div", { className: e.markerContainer, children: /* @__PURE__ */ t(_, { status: m, size: r }) }),
-      /* @__PURE__ */ s("div", { className: e.contentContainer, children: [
-        /* @__PURE__ */ t(c, { size: y[r], children: p }),
-        o && (r === a.MD ? /* @__PURE__ */ t(u, { size: N.C1, type: i.SECONDARY, children: o }) : /* @__PURE__ */ t(c, { size: n.B4, type: i.SECONDARY, children: o }))
+import { EComponentSize } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
+const markerStatus = "markerStatus__1fbc3383";
+const contentContainer = "contentContainer__becac5d4";
+const md = "md__63b82d96";
+const markerContainer = "markerContainer__9ca8c552";
+const lg = "lg__950ea810";
+const styles = {
+  markerStatus,
+  contentContainer,
+  md,
+  markerContainer,
+  lg
+};
+const markerStatusSizeToTextSizeMap = {
+  [EComponentSize.MD]: ETextSize.B4,
+  [EComponentSize.LG]: ETextSize.B3
+};
+const sizeToClassNameMap = createSizeToClassNameMap(styles);
+const MarkerStatus = React__default.forwardRef(
+  ({ children, className, description, status, size = EComponentSize.MD, ...restProps }, ref) => {
+    const classNames = clsx(styles.markerStatus, sizeToClassNameMap[size], statusToClassNameMap[status], className);
+    return /* @__PURE__ */ jsxs("div", { className: classNames, "data-tx": "1.35.1", ...restProps, ref, children: [
+      /* @__PURE__ */ jsx("div", { className: styles.markerContainer, children: /* @__PURE__ */ jsx(Marker, { status, size }) }),
+      /* @__PURE__ */ jsxs("div", { className: styles.contentContainer, children: [
+        /* @__PURE__ */ jsx(Text, { size: markerStatusSizeToTextSizeMap[size], children }),
+        description && (size === EComponentSize.MD ? /* @__PURE__ */ jsx(Caption, { size: ECaptionSize.C1, type: EFontType.SECONDARY, children: description }) : /* @__PURE__ */ jsx(Text, { size: ETextSize.B4, type: EFontType.SECONDARY, children: description }))
       ] })
     ] });
   }
 );
 export {
-  q as MarkerStatus
+  MarkerStatus
 };
 //# sourceMappingURL=MarkerStatus.js.map