@scbt-ecom/ui 0.7.28 → 0.7.30

package/dist/hybrid.js

@@ -1,8 +1,8 @@
-import { p as F, j as t, c as a, H as y, a as x, I as f, L as K, z as c, i as Y, g as A, u as z, P as ee } from "./utils-tailwind-D31aoXaK.js";
-import { B as mt, N as ut, b as xt } from "./utils-tailwind-D31aoXaK.js";
+import { p as F, j as t, c as a, H as y, a as x, I as f, L as K, z as b, i as Y, g as A, u as z, P as ee } from "./utils-tailwind-Bxkz2BJY.js";
+import { B as ut, N as mt, b as xt } from "./utils-tailwind-Bxkz2BJY.js";
 import * as v from "react";
 import { forwardRef as L } from "react";
-const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), Oe = (o) => o.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()).join("-"), $e = (o, e = "dd.MM.yyyy") => F(o, e, /* @__PURE__ */ new Date()), R = ({ children: o, className: e, ...i }) => /* @__PURE__ */ t.jsx("section", { className: a("pb-16 desktop:pb-20", e), ...i, children: o }), g = ({ children: o, className: e, ...i }) => /* @__PURE__ */ t.jsx("div", { className: a("m-auto w-full max-w-[636px] mobile:px-4 desktop:max-w-[1140px]", e), ...i, children: o }), te = x("grid", {
+const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), Se = (o) => o.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()).join("-"), $e = (o, e = "dd.MM.yyyy") => F(o, e, /* @__PURE__ */ new Date()), R = ({ children: o, className: e, ...i }) => /* @__PURE__ */ t.jsx("section", { className: a("pb-16 desktop:pb-20", e), ...i, children: o }), g = ({ children: o, className: e, ...i }) => /* @__PURE__ */ t.jsx("div", { className: a("m-auto w-full max-w-[636px] mobile:px-4 desktop:max-w-[1140px]", e), ...i, children: o }), te = x("grid", {
   variants: {
     columnCount: {
       twoColumns: "grid-cols-[repeat(2,minmax(172px,_1fr))] desktop:grid-cols-[repeat(2,minmax(172px,_1fr))]",
@@ -85,18 +85,18 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), Oe = (o) => o.spli
   return /* @__PURE__ */ t.jsx(g, { children: /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col", d == null ? void 0 : d.tableRootWrapper), children: [
     /* @__PURE__ */ t.jsx(y, { as: "h3", className: a("mob-title-bold-m pb-6 desktop:desk-title-bold-s", d == null ? void 0 : d.tableHeading), children: o }),
     /* @__PURE__ */ t.jsxs("div", { className: a(oe({ columnCount: n }), d == null ? void 0 : d.tableBody), children: [
-      /* @__PURE__ */ t.jsx("ul", { className: a(te({ columnCount: n }), d == null ? void 0 : d.tableTitlesContainer), children: i == null ? void 0 : i.map((m) => /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ t.jsx("ul", { className: a(te({ columnCount: n }), d == null ? void 0 : d.tableTitlesContainer), children: i == null ? void 0 : i.map((u) => /* @__PURE__ */ t.jsx(
         "li",
         {
           className: a(
             "mob-body-regular-l border-b border-warm-grey-200 py-4 desktop:desk-body-regular-l",
             d == null ? void 0 : d.tableTitleRow
           ),
-          children: m
+          children: u
         },
-        m
+        u
       )) }),
-      /* @__PURE__ */ t.jsx("ul", { className: a("mb-4 flex flex-col", d == null ? void 0 : d.tableBodyContainer), children: e.map((m, u) => /* @__PURE__ */ t.jsx("li", { className: a(re({ columnCount: n, titlesExist: l }), d == null ? void 0 : d.tableBodyRow), children: m.map((b, s) => /* @__PURE__ */ t.jsx("p", { className: a(ne({ titlesExist: l, columnCount: n }), d == null ? void 0 : d.tableBodyCeil), children: b.text }, s)) }, u)) })
+      /* @__PURE__ */ t.jsx("ul", { className: a("mb-4 flex flex-col", d == null ? void 0 : d.tableBodyContainer), children: e.map((u, m) => /* @__PURE__ */ t.jsx("li", { className: a(re({ columnCount: n, titlesExist: l }), d == null ? void 0 : d.tableBodyRow), children: u.map((c, s) => /* @__PURE__ */ t.jsx("p", { className: a(ne({ titlesExist: l, columnCount: n }), d == null ? void 0 : d.tableBodyCeil), children: c.text }, s)) }, m)) })
     ] }),
     /* @__PURE__ */ t.jsx("p", { className: a("mob-body-regular-m desktop:desk-body-regular-l", d == null ? void 0 : d.tableAdditionalText), children: r })
   ] }) });
@@ -208,9 +208,9 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), Oe = (o) => o.spli
     type: n = "button",
     iconLeft: d,
     iconRight: l,
-    disabled: m = !1,
-    isLoading: u = !1,
-    isFull: b = !1,
+    disabled: u = !1,
+    isLoading: m = !1,
+    isFull: c = !1,
     textFormat: s,
     ...p
   }, Q) => /* @__PURE__ */ t.jsx(
@@ -218,10 +218,10 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), Oe = (o) => o.spli
     {
       ref: Q,
       type: n,
-      disabled: m || u,
-      className: a(ae({ intent: o, size: e, textFormat: s, isLoading: u, isFull: b }), i),
+      disabled: u || m,
+      className: a(ae({ intent: o, size: e, textFormat: s, isLoading: m, isFull: c }), i),
       ...p,
-      children: u ? /* @__PURE__ */ t.jsx(K, { size: "sm", intent: ie(o) }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      children: m ? /* @__PURE__ */ t.jsx(K, { size: "sm", intent: ie(o) }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         d && /* @__PURE__ */ t.jsx("span", { className: "flex size-5 items-center justify-center", children: d }),
         r,
         l && /* @__PURE__ */ t.jsx("span", { className: "flex size-5 items-center justify-center", children: l })
@@ -301,11 +301,11 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), Oe = (o) => o.spli
   disabled: n,
   size: d,
   icon: l = "arrows/arrowLink",
-  ...m
-}) => /* @__PURE__ */ t.jsxs(o, { className: a(le({ intent: e, withIcon: r, disabled: n, size: d })), ...m, children: [
+  ...u
+}) => /* @__PURE__ */ t.jsxs(o, { className: a(le({ intent: e, withIcon: r, disabled: n, size: d })), ...u, children: [
   i,
   r && /* @__PURE__ */ t.jsx(f, { name: l, className: a(pe({ intent: e, disabled: n })) })
-] }), me = x("size-8 transition-colors", {
+] }), ue = x("size-8 transition-colors", {
   variants: {
     intent: {
       outline: "text-icon-secondary-dark-default group-hover:text-icon-secondary-dark-hover",
@@ -315,7 +315,7 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), Oe = (o) => o.spli
   defaultVariants: {
     intent: "outline"
   }
-}), ue = {
+}), me = {
   filled: "files/documentFilled",
   outline: "files/documentOutline"
 }, Ze = ({ text: o, size: e, sizeType: i, href: r, intent: n = "outline" }) => /* @__PURE__ */ t.jsxs(
@@ -329,7 +329,7 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), Oe = (o) => o.spli
       "group flex max-w-[288px] cursor-pointer items-center gap-2 rounded-sm p-1 outline outline-2 outline-transparent transition-colors focus-within:outline-primary-focus desktop:max-w-[592px]"
     ),
     children: [
-      /* @__PURE__ */ t.jsx(f, { name: ue[n], className: a(me({ intent: n })) }),
+      /* @__PURE__ */ t.jsx(f, { name: me[n], className: a(ue({ intent: n })) }),
       /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-1 flex-col"), children: [
         /* @__PURE__ */ t.jsx("p", { className: a("desk-body-medium-l text-color-dark"), children: o }),
         /* @__PURE__ */ t.jsxs("div", { className: a("desk-body-regular-m text-color-disabled"), children: [
@@ -340,8 +340,8 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), Oe = (o) => o.spli
       ] })
     ]
   }
-), S = ({ phone: o, text: e, classes: i }) => /* @__PURE__ */ t.jsxs("div", { className: a("flex w-max flex-col", i == null ? void 0 : i.wrapper), children: [
-  /* @__PURE__ */ t.jsx("a", { href: `tel:${o}`, className: a("desk-body-medium-l ml-auto text-color-dark", i == null ? void 0 : i.link), children: o }),
+), V = ({ phone: o, text: e, classes: i }) => /* @__PURE__ */ t.jsxs("div", { className: a("flex w-max flex-col", i == null ? void 0 : i.wrapper), children: [
+  /* @__PURE__ */ t.jsx("a", { href: `tel:${o}`, className: a("desk-body-regular-s ml-auto text-color-dark", i == null ? void 0 : i.link), children: o }),
   /* @__PURE__ */ t.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", i == null ? void 0 : i.text), children: e })
 ] }), Xe = ({ topContent: o, bottomContent: e, progress: i, maxPercent: r = 100, classes: n }) => /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col", n == null ? void 0 : n.wrapper), children: [
   o && /* @__PURE__ */ t.jsx("div", { className: a("mb-2 flex justify-between gap-5", n == null ? void 0 : n.topContent), children: o }),
@@ -390,35 +390,35 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), Oe = (o) => o.spli
     name: r,
     patronymic: d
   };
-}, Je = c.string({ invalid_type_error: "Обязательно к заполнению", required_error: "Обязательно к заполнению" }).superRefine((o, e) => {
+}, Je = b.string({ invalid_type_error: "Обязательно к заполнению", required_error: "Обязательно к заполнению" }).superRefine((o, e) => {
   fe.test(o) || e.addIssue({
-    code: c.ZodIssueCode.custom,
+    code: b.ZodIssueCode.custom,
     message: "Должна быть только кириллица"
   });
   const { surname: i, name: r, patronymic: n } = be(o);
   (!i || !r) && e.addIssue({
-    code: c.ZodIssueCode.custom,
+    code: b.ZodIssueCode.custom,
     message: "Введите имя и фамилию"
   }), E.test(r) || e.addIssue({
-    code: c.ZodIssueCode.custom,
+    code: b.ZodIssueCode.custom,
     message: "Неверно введено имя"
   }), E.test(i) || e.addIssue({
-    code: c.ZodIssueCode.custom,
+    code: b.ZodIssueCode.custom,
     message: "Неверно введена фамилия"
   }), n && (ce.test(n) || e.addIssue({
-    code: c.ZodIssueCode.custom,
+    code: b.ZodIssueCode.custom,
     message: "Неверно введено отчество"
   }));
-}), Qe = c.string().length(10, { message: k.INVALID_DATE }).superRefine((o, e) => {
+}), Qe = b.string().length(10, { message: k.INVALID_DATE }).superRefine((o, e) => {
   const [i, r, n] = (o == null ? void 0 : o.split(".")) ?? "", d = F(`${i}/${r}/${n}`, "dd/MM/yyyy", /* @__PURE__ */ new Date());
   +n <= 1950 && e.addIssue({
-    code: c.ZodIssueCode.custom,
+    code: b.ZodIssueCode.custom,
     message: k.INVALID_DATE
   }), Y(d) || e.addIssue({
-    code: c.ZodIssueCode.custom,
+    code: b.ZodIssueCode.custom,
     message: k.INVALID_DATE
   }), (/* @__PURE__ */ new Date()).getTime() < new Date(d).getTime() && e.addIssue({
-    code: c.ZodIssueCode.custom,
+    code: b.ZodIssueCode.custom,
     message: k.FUTURE_DATE_NOT_ALLOWED
   });
 }), w = {
@@ -455,7 +455,7 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), Oe = (o) => o.spli
   "purple-hover": "#52399d",
   overlay: "#0000004d",
   ...w
-}, V = {
+}, P = {
   dark: "#292929",
   disabled: "#a9b6c5",
   footer: "#c3c3c3",
@@ -470,7 +470,7 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), Oe = (o) => o.spli
   "primary-disabled": "#809bc7",
   "blue-grey-600": "#94a4b7",
   ...w
-}, P = {
+}, M = {
   "barvcray-200": "#ebeef4",
   "barvcray-300": "#dde1e8",
   "greymint-200": "#deecee",
@@ -529,13 +529,13 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), Oe = (o) => o.spli
   white: "#ffffff",
   "primary-disabled": "#809bc7",
   ...w
-}, M = {
+}, O = {
   none: "0",
   sm: "4px",
   md: "8px",
   lg: "16px",
   full: "9999px"
-}, O = {
+}, S = {
   30: "30deg",
   45: "45deg",
   80: "80deg",
@@ -844,18 +844,18 @@ const X = /* @__PURE__ */ A(ye), et = {
   theme: {
     backgroundColor: {
       color: N,
-      banner: P,
+      banner: M,
       icon: h
     },
     textColor: {
       icon: h,
-      color: V
+      color: P
     },
     fill: h,
     stroke: h,
     borderColor: I,
     outlineColor: I,
-    borderRadius: M,
+    borderRadius: O,
     fontFamily: { roboto: ["var(--ff-roboto)", "sans-serif"] },
     fontSize: $,
     lineHeight: U,
@@ -866,7 +866,7 @@ const X = /* @__PURE__ */ A(ye), et = {
       lg: "0 16px 24px 0 rgba(0, 33, 87, 0.16)"
     },
     extend: {
-      bgGradientDeg: O,
+      bgGradientDeg: S,
       width: {
         "popper-content": "var(--radix-popover-content-available-width)",
         "popper-trigger": "var(--radix-popover-trigger-width)",
@@ -975,18 +975,18 @@ const X = /* @__PURE__ */ A(ye), et = {
     },
     backgroundColor: {
       color: N,
-      banner: P,
+      banner: M,
       icon: h
     },
     textColor: {
       icon: h,
-      color: V
+      color: P
     },
     fill: h,
     stroke: h,
     borderColor: I,
     outlineColor: I,
-    borderRadius: M,
+    borderRadius: O,
     fontFamily: { roboto: ["var(--ff-roboto)", "sans-serif"] },
     fontSize: $,
     lineHeight: U,
@@ -998,7 +998,7 @@ const X = /* @__PURE__ */ A(ye), et = {
     },
     zIndex: he,
     extend: {
-      bgGradientDeg: O
+      bgGradientDeg: S
     }
   },
   plugins: [
@@ -1063,7 +1063,7 @@ const X = /* @__PURE__ */ A(ye), et = {
         ),
         children: [
           /* @__PURE__ */ t.jsx(y, { as: "h4", className: a("text-color-dark", e == null ? void 0 : e.advantageTitle), children: i }),
-          /* @__PURE__ */ t.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", e == null ? void 0 : e.advantageDescription), children: r })
+          /* @__PURE__ */ t.jsx("p", { className: a("desk-body-regular-l text-color-secondary", e == null ? void 0 : e.advantageDescription), children: r })
         ]
       },
       i
@@ -1078,7 +1078,7 @@ const X = /* @__PURE__ */ A(ye), et = {
   img: d,
   imgSets: l
 }) => {
-  const { isDesktop: m, isMobile: u } = z(), b = /* @__PURE__ */ t.jsx(
+  const { isDesktop: u, isMobile: m } = z(), c = /* @__PURE__ */ t.jsx(
     "div",
     {
       "data-id": "banner-advantages",
@@ -1134,10 +1134,10 @@ const X = /* @__PURE__ */ A(ye), et = {
             ]
           }
         ) }),
-        m && b
+        u && c
       ] })
     ] }),
-    u && b
+    m && c
   ] });
 }, B = ({
   headTitle: o,
@@ -1145,9 +1145,10 @@ const X = /* @__PURE__ */ A(ye), et = {
   buttonsConfig: i,
   advantagesList: r,
   classes: n,
-  img: d
+  img: d,
+  imgSets: l
 }) => {
-  const { isDesktop: l, isMobile: m } = z(), u = /* @__PURE__ */ t.jsx(
+  const { isDesktop: u, isMobile: m } = z(), c = /* @__PURE__ */ t.jsx(
     "div",
     {
       "data-id": "banner-advantages",
@@ -1173,25 +1174,29 @@ const X = /* @__PURE__ */ A(ye), et = {
           {
             "data-id": "banner-image-wrapper",
             className: a("flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", n == null ? void 0 : n.imageContainer),
-            children: /* @__PURE__ */ t.jsx(
-              "img",
-              {
-                "data-id": "banner-image",
-                src: d,
-                alt: "Картинка баннера",
-                className: a("h-full object-cover", n == null ? void 0 : n.image)
-              }
-            )
+            children: /* @__PURE__ */ t.jsxs("picture", { children: [
+              /* @__PURE__ */ t.jsx("source", { media: "(min-width: 1128px)", srcSet: l == null ? void 0 : l.large }),
+              /* @__PURE__ */ t.jsx("source", { media: "(max-width: 1127px)", srcSet: l == null ? void 0 : l.mob }),
+              /* @__PURE__ */ t.jsx(
+                "img",
+                {
+                  "data-id": "banner-image",
+                  src: d,
+                  alt: "Картинка баннера",
+                  className: a("h-full object-cover", n == null ? void 0 : n.image)
+                }
+              )
+            ] })
           }
         )
       ] }),
-      l && u
+      u && c
     ] }) }),
-    m && u
+    m && c
   ] });
 }, ot = ({ bannerVariant: o, ...e }) => {
   switch (o) {
-    case "sepatateImg":
+    case "separateImg":
       return /* @__PURE__ */ t.jsx(B, { ...e });
     case "fullImg":
       return /* @__PURE__ */ t.jsx(se, { ...e });
@@ -1301,7 +1306,7 @@ const X = /* @__PURE__ */ A(ye), et = {
   },
   r
 )) }), De = ({ phones: o, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: a("flex flex-col items-end gap-4", e == null ? void 0 : e.phonesRoot), children: o == null ? void 0 : o.map(({ phone: i, text: r }) => /* @__PURE__ */ t.jsx(
-  S,
+  V,
   {
     phone: i,
     text: r,
@@ -1329,8 +1334,8 @@ const X = /* @__PURE__ */ A(ye), et = {
 ] }, i)) }), _e = ({ ligal: o, classes: e }) => {
   const [i, r] = v.useState(!1), [n, d] = v.useState(!1), l = v.useRef(null);
   return v.useEffect(() => {
-    const m = l.current;
-    m && d(m.scrollHeight > m.clientHeight);
+    const u = l.current;
+    u && d(u.scrollHeight > u.clientHeight);
   }, []), /* @__PURE__ */ t.jsxs("div", { className: a("mt-8 flex flex-col gap-4", e == null ? void 0 : e.ligalRoot), children: [
     /* @__PURE__ */ t.jsx("p", { ref: l, className: a("desk-body-regular-m text-color-footer", { "line-clamp-3": !i }, e == null ? void 0 : e.ligal), children: o }),
     n && /* @__PURE__ */ t.jsx(
@@ -1338,7 +1343,7 @@ const X = /* @__PURE__ */ A(ye), et = {
       {
         tabIndex: 0,
         role: "button",
-        onClick: () => r((m) => !m),
+        onClick: () => r((u) => !u),
         className: a(
           "desk-body-regular-l w-max cursor-pointer font-medium text-color-footer transition-colors hover:text-color-white",
           e == null ? void 0 : e.ligalButton
@@ -1355,9 +1360,9 @@ const X = /* @__PURE__ */ A(ye), et = {
   withCopyright: n = !0,
   withSiteMap: d = !0,
   socialsLinks: l = je,
-  phones: m = ke,
-  navigationLinks: u = Ne,
-  ligal: b = ve,
+  phones: u = ke,
+  navigationLinks: m = Ne,
+  ligal: c = ve,
   copyright: s = we,
   classes: p
 }) => /* @__PURE__ */ t.jsx(R, { className: a("w-full", p == null ? void 0 : p.section), children: /* @__PURE__ */ t.jsx(g, { className: a(p == null ? void 0 : p.container), children: /* @__PURE__ */ t.jsxs("div", { className: a("bg-color-footer px-4 py-8 desktop:px-6 desktop:py-10", p == null ? void 0 : p.footerRoot), children: [
@@ -1366,10 +1371,10 @@ const X = /* @__PURE__ */ A(ye), et = {
       /* @__PURE__ */ t.jsx("a", { href: "/", className: a(p == null ? void 0 : p.footerLogo), children: /* @__PURE__ */ t.jsx(f, { name: "brandLogos/logoWhite", className: "h-[32px] w-[194px]" }) }),
       o && /* @__PURE__ */ t.jsx(Ie, { socialsLinks: l, classes: p })
     ] }),
-    e && /* @__PURE__ */ t.jsx(De, { phones: m, classes: p })
+    e && /* @__PURE__ */ t.jsx(De, { phones: u, classes: p })
   ] }),
-  i && /* @__PURE__ */ t.jsx(Ce, { navigationLinks: u, classes: p }),
-  r && /* @__PURE__ */ t.jsx(_e, { ligal: b, classes: p }),
+  i && /* @__PURE__ */ t.jsx(Ce, { navigationLinks: m, classes: p }),
+  r && /* @__PURE__ */ t.jsx(_e, { ligal: c, classes: p }),
   /* @__PURE__ */ t.jsxs("div", { className: "mt-6 flex items-start justify-between gap-6", children: [
     n && /* @__PURE__ */ t.jsx(Ee, { text: s, classes: p }),
     d && /* @__PURE__ */ t.jsx(
@@ -1391,7 +1396,7 @@ const X = /* @__PURE__ */ A(ye), et = {
     case "withPhone":
       const { phone: d, phoneText: l } = o;
       return /* @__PURE__ */ t.jsx(
-        S,
+        V,
         {
           phone: d,
           text: l,
@@ -1552,7 +1557,7 @@ const X = /* @__PURE__ */ A(ye), et = {
     ] }),
     /* @__PURE__ */ t.jsx("p", { className: a("mob-body-regular-l text-color-secondary"), children: r })
   ] }) });
-}, _ = ({ intent: o, title: e, desktopHidden: i = !1, mobileHidden: r = !1 }) => /* @__PURE__ */ t.jsx("h2", { className: a(Fe({ intent: o, desktopHidden: i, mobileHidden: r })), children: e }), Se = ({ textContent: o, intent: e, withButton: i }) => /* @__PURE__ */ t.jsx("ul", { className: a(Ae({ intent: e, withButton: i })), children: o == null ? void 0 : o.map((r, n) => /* @__PURE__ */ t.jsx(Re, { intent: e, data: r }, n)) }), dt = ({
+}, _ = ({ intent: o, title: e, desktopHidden: i = !1, mobileHidden: r = !1 }) => /* @__PURE__ */ t.jsx("h2", { className: a(Fe({ intent: o, desktopHidden: i, mobileHidden: r })), children: e }), Ve = ({ textContent: o, intent: e, withButton: i }) => /* @__PURE__ */ t.jsx("ul", { className: a(Ae({ intent: e, withButton: i })), children: o == null ? void 0 : o.map((r, n) => /* @__PURE__ */ t.jsx(Re, { intent: e, data: r }, n)) }), dt = ({
   title: o,
   buttonConfig: e,
   intent: i = "twoItems",
@@ -1560,9 +1565,9 @@ const X = /* @__PURE__ */ A(ye), et = {
   imageComponent: n,
   classes: d
 }) => {
-  const l = !!e, m = i === "fourItems", u = i === "twoItems";
+  const l = !!e, u = i === "fourItems", m = i === "twoItems";
   return /* @__PURE__ */ t.jsx("section", { className: a(d == null ? void 0 : d.section), children: /* @__PURE__ */ t.jsxs(g, { className: a(d == null ? void 0 : d.mainContainer), children: [
-    u && /* @__PURE__ */ t.jsx(_, { intent: i, title: o }),
+    m && /* @__PURE__ */ t.jsx(_, { intent: i, title: o }),
     /* @__PURE__ */ t.jsxs(
       "div",
       {
@@ -1571,15 +1576,15 @@ const X = /* @__PURE__ */ A(ye), et = {
           d == null ? void 0 : d.contentContainer
         ),
         children: [
-          m && /* @__PURE__ */ t.jsx(_, { intent: i, title: o, desktopHidden: !0 }),
+          u && /* @__PURE__ */ t.jsx(_, { intent: i, title: o, desktopHidden: !0 }),
           /* @__PURE__ */ t.jsx("div", { className: a(Le({ intent: i, withButton: l }), d == null ? void 0 : d.imgContainer), children: n }),
           /* @__PURE__ */ t.jsxs(
             "div",
             {
               className: a("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", d == null ? void 0 : d.textWithBtnContainer),
               children: [
-                m && /* @__PURE__ */ t.jsx(_, { intent: i, title: o, mobileHidden: !0 }),
-                /* @__PURE__ */ t.jsx(Se, { textContent: r, intent: i, withButton: l }),
+                u && /* @__PURE__ */ t.jsx(_, { intent: i, title: o, mobileHidden: !0 }),
+                /* @__PURE__ */ t.jsx(Ve, { textContent: r, intent: i, withButton: l }),
                 l && /* @__PURE__ */ t.jsx(
                   j,
                   {
@@ -1600,7 +1605,7 @@ const X = /* @__PURE__ */ A(ye), et = {
 };
 export {
   J as Advantages,
-  mt as Badge,
+  ut as Badge,
   ot as Banner,
   B as BannerWithSeparateImg,
   He as Breadcrumbs,
@@ -1615,9 +1620,9 @@ export {
   f as Icon,
   K as Loader,
   dt as LongBanner,
-  ut as Notification,
+  mt as Notification,
   it as PageHeader,
-  S as PhoneView,
+  V as PhoneView,
   Xe as ProgressBar,
   g as ResponsiveContainer,
   E as RgxCheckForHyphen,
@@ -1629,19 +1634,19 @@ export {
   Ue as Table,
   k as VALIDATION_MESSAGES,
   N as allowedBackgroundColors,
-  O as allowedBackgroundDeg,
-  P as allowedBannersBackgroundColors,
-  M as allowedBorderRadius,
+  S as allowedBackgroundDeg,
+  M as allowedBannersBackgroundColors,
+  O as allowedBorderRadius,
   $ as allowedFontSize,
   h as allowedIconsColors,
   U as allowedLineHeight,
   I as allowedStrokeColors,
-  V as allowedTextColors,
+  P as allowedTextColors,
   H as allowedTextStyles,
   he as allowedZIndex,
-  Oe as capitalize,
+  Se as capitalize,
   a as cn,
-  Me as deepCompare,
+  Oe as deepCompare,
   tt as extendsPreset,
   $e as formatToDate,
   xt as isClient,