@scbt-ecom/ui 0.7.13 → 0.7.15

package/dist/hybrid.js

@@ -1,15 +1,15 @@
-import { p as z, j as t, c as a, H as g, a as u, I as x, L as Y, z as c, i as ee, g as L, u as te, P as re } from "./style-B2uhcWlW.js";
+import { p as z, j as t, c as a, H as y, a as x, I as f, L as ee, z as c, i as te, g as L, u as R, P as re } from "./style-B2uhcWlW.js";
 import { B as lt, D as pt, d as mt, N as ut, b as xt } from "./style-B2uhcWlW.js";
 import * as v from "react";
-import { forwardRef as R } from "react";
-const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()).join("-"), $e = (o, e = "dd.MM.yyyy") => z(o, e, /* @__PURE__ */ new Date()), S = ({ children: o, className: e, ...i }) => /* @__PURE__ */ t.jsx("section", { className: a("pb-16 desktop:pb-20", e), ...i, children: o }), h = ({ children: o, className: e, ...i }) => /* @__PURE__ */ t.jsx("div", { className: a("m-auto w-full px-4 desktop:max-w-[1188px]", e), ...i, children: o }), oe = u("grid", {
+import { forwardRef as S } from "react";
+const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()).join("-"), $e = (o, e = "dd.MM.yyyy") => z(o, e, /* @__PURE__ */ new Date()), V = ({ 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 px-4 desktop:max-w-[1188px]", e), ...i, children: o }), oe = x("grid", {
   variants: {
     columnCount: {
       twoColumns: "grid-cols-[repeat(2,minmax(172px,_1fr))] desktop:grid-cols-[repeat(2,minmax(172px,_1fr))]",
       threeColumns: "grid-cols-[repeat(3,minmax(172px,_1fr))] desktop:grid-cols-[repeat(3,minmax(312px,_1fr))]"
     }
   }
-}), ne = u("grid", {
+}), ne = x("grid", {
   variants: {
     columnCount: {
       twoColumns: "",
@@ -42,7 +42,7 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
       class: "grid-cols-[repeat(3,_auto)]"
     }
   ]
-}), ie = u("grid", {
+}), ie = x("grid", {
   variants: {
     columnCount: {
       twoColumns: "",
@@ -55,7 +55,7 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
       class: "overflow-x-scroll max-w-[368px] mb-1"
     }
   ]
-}), ae = u("border-b border-warm-grey-200 py-4 desktop:desk-body-regular-l mob-body-regular-l", {
+}), ae = x("border-b border-warm-grey-200 py-4 desktop:desk-body-regular-l mob-body-regular-l", {
   variants: {
     columnCount: {
       twoColumns: "",
@@ -82,8 +82,8 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
   classes: d
 }) => {
   const l = i && i.length > 0 ? "exist" : "notExist";
-  return /* @__PURE__ */ t.jsx(h, { children: /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col", d == null ? void 0 : d.tableRootWrapper), children: [
-    /* @__PURE__ */ t.jsx(g, { as: "h3", className: a("mob-title-bold-m pb-6 desktop:desk-title-bold-s", d == null ? void 0 : d.tableHeading), children: o }),
+  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(ie({ columnCount: n }), d == null ? void 0 : d.tableBody), children: [
       /* @__PURE__ */ t.jsx("ul", { className: a(oe({ columnCount: n }), d == null ? void 0 : d.tableTitlesContainer), children: i == null ? void 0 : i.map((m) => /* @__PURE__ */ t.jsx(
         "li",
@@ -96,7 +96,7 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
         },
         m
       )) }),
-      /* @__PURE__ */ t.jsx("ul", { className: a("mb-4 flex flex-col", d == null ? void 0 : d.tableBodyContainer), children: e.map((m, f) => /* @__PURE__ */ t.jsx("li", { className: a(ne({ columnCount: n, titlesExist: l }), d == null ? void 0 : d.tableBodyRow), children: m.map((y, s) => /* @__PURE__ */ t.jsx("p", { className: a(ae({ titlesExist: l, columnCount: n }), d == null ? void 0 : d.tableBodyCeil), children: y.text }, s)) }, f)) })
+      /* @__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(ne({ columnCount: n, titlesExist: l }), d == null ? void 0 : d.tableBodyRow), children: m.map((b, s) => /* @__PURE__ */ t.jsx("p", { className: a(ae({ titlesExist: l, columnCount: n }), d == null ? void 0 : d.tableBodyCeil), children: b.text }, s)) }, u)) })
     ] }),
     /* @__PURE__ */ t.jsx("p", { className: a("mob-body-regular-m desktop:desk-body-regular-l", d == null ? void 0 : d.tableAdditionalText), children: r })
   ] }) });
@@ -122,7 +122,7 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
         }
       ),
       /* @__PURE__ */ t.jsx(
-        x,
+        f,
         {
           name: "arrows/arrowRight",
           className: a("size-4 text-icon-primary-default", { "!text-icon-disabled": e == null ? void 0 : e.isDisabled })
@@ -141,7 +141,7 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
     default:
       return o;
   }
-}, le = u(
+}, le = x(
   "relative flex items-center justify-center gap-4 cursor-pointer rounded-sm w-max px-4 outline-offset-4 outline-transparent outline-2 desk-body-regular-l transition duration-12 active:scale-[0.97] disabled:pointer-events-none",
   {
     variants: {
@@ -199,7 +199,7 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
       isFull: !1
     }
   }
-), j = R(
+), j = S(
   ({
     intent: o,
     size: e,
@@ -209,26 +209,26 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
     iconLeft: d,
     iconRight: l,
     disabled: m = !1,
-    isLoading: f = !1,
-    isFull: y = !1,
+    isLoading: u = !1,
+    isFull: b = !1,
     textFormat: s,
     ...p
-  }, K) => /* @__PURE__ */ t.jsx(
+  }, Y) => /* @__PURE__ */ t.jsx(
     "button",
     {
-      ref: K,
+      ref: Y,
       type: n,
-      disabled: m || f,
-      className: a(le({ intent: o, size: e, textFormat: s, isLoading: f, isFull: y }), i),
+      disabled: m || u,
+      className: a(le({ intent: o, size: e, textFormat: s, isLoading: u, isFull: b }), i),
       ...p,
-      children: f ? /* @__PURE__ */ t.jsx(Y, { size: "sm", intent: de(o) }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      children: u ? /* @__PURE__ */ t.jsx(ee, { size: "sm", intent: de(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 })
       ] })
     }
   )
-), pe = u(
+), pe = x(
   "group flex items-center justify-center cursor-pointer rounded-full outline-offset-[3px] outline-transparent outline-2 transition duration-12 active:scale-[0.97] disabled:pointer-events-none",
   {
     variants: {
@@ -248,9 +248,9 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
       size: "lg"
     }
   }
-), Ge = R(
+), Ge = S(
   ({ size: o, intent: e, children: i, classes: r, type: n = "button", ...d }, l) => /* @__PURE__ */ t.jsx("button", { ref: l, type: n, className: a(pe({ intent: e, size: o }), r == null ? void 0 : r.button), ...d, children: /* @__PURE__ */ t.jsx("span", { className: a(r == null ? void 0 : r.icon), children: i }) })
-), me = u(
+), me = x(
   "group  underline underline-offset-4 outline-none p-[2px] rounded-sm border border-solid border-transparent",
   {
     variants: {
@@ -278,7 +278,7 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
       size: "sm"
     }
   }
-), ue = u("size-6", {
+), ue = x("size-6", {
   variants: {
     intent: {
       blue: "text-icon-primary-default group-hover:text-icon-primary-hover group-focus:text-icon-primary-default ",
@@ -293,7 +293,7 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
     intent: "blue",
     disabled: !1
   }
-}), Ze = ({
+}), We = ({
   Component: o = "a",
   intent: e,
   children: i,
@@ -304,8 +304,8 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
   ...m
 }) => /* @__PURE__ */ t.jsxs(o, { className: a(me({ intent: e, withIcon: r, disabled: n, size: d })), ...m, children: [
   i,
-  r && /* @__PURE__ */ t.jsx(x, { name: l, className: a(ue({ intent: e, disabled: n })) })
-] }), xe = u("size-8 transition-colors", {
+  r && /* @__PURE__ */ t.jsx(f, { name: l, className: a(ue({ intent: e, disabled: n })) })
+] }), xe = x("size-8 transition-colors", {
   variants: {
     intent: {
       outline: "text-icon-secondary-dark-default group-hover:text-icon-secondary-dark-hover",
@@ -318,7 +318,7 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
 }), fe = {
   filled: "files/documentFilled",
   outline: "files/documentOutline"
-}, We = ({ text: o, size: e, sizeType: i, href: r, intent: n = "outline" }) => /* @__PURE__ */ t.jsxs(
+}, Ze = ({ text: o, size: e, sizeType: i, href: r, intent: n = "outline" }) => /* @__PURE__ */ t.jsxs(
   "a",
   {
     href: r,
@@ -329,7 +329,7 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
       "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(x, { name: fe[n], className: a(xe({ intent: n })) }),
+      /* @__PURE__ */ t.jsx(f, { name: fe[n], className: a(xe({ 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,7 +340,7 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
       ] })
     ]
   }
-), 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: [
+), P = ({ 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 }),
   /* @__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: [
@@ -366,12 +366,12 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
   ] }),
   e && /* @__PURE__ */ t.jsx("div", { className: a("mt-2 flex justify-between gap-5", n == null ? void 0 : n.bottomContent), children: e })
 ] }), qe = ({ className: o }) => /* @__PURE__ */ t.jsx("div", { className: a("skeleton-apply h-full w-full", o) }), ce = {
-  main: /* @__PURE__ */ t.jsx(x, { name: "brandLogos/logoMain" }),
-  white: /* @__PURE__ */ t.jsx(x, { name: "brandLogos/logoWhite" }),
-  gray: /* @__PURE__ */ t.jsx(x, { name: "brandLogos/logoGray" }),
-  black: /* @__PURE__ */ t.jsx(x, { name: "brandLogos/logoBlack" }),
-  business: /* @__PURE__ */ t.jsx(x, { name: "brandLogos/logoBusiness" }),
-  insurance: /* @__PURE__ */ t.jsx(x, { name: "brandLogos/logoInsurance" })
+  main: /* @__PURE__ */ t.jsx(f, { name: "brandLogos/logoMain" }),
+  white: /* @__PURE__ */ t.jsx(f, { name: "brandLogos/logoWhite" }),
+  gray: /* @__PURE__ */ t.jsx(f, { name: "brandLogos/logoGray" }),
+  black: /* @__PURE__ */ t.jsx(f, { name: "brandLogos/logoBlack" }),
+  business: /* @__PURE__ */ t.jsx(f, { name: "brandLogos/logoBusiness" }),
+  insurance: /* @__PURE__ */ t.jsx(f, { name: "brandLogos/logoInsurance" })
 }, w = {
   transparent: "transparent",
   current: "currentColor",
@@ -406,7 +406,7 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
   "purple-hover": "#52399d",
   overlay: "#0000004d",
   ...w
-}, P = {
+}, M = {
   dark: "#292929",
   disabled: "#a9b6c5",
   footer: "#c3c3c3",
@@ -435,7 +435,7 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
   "skyblue-200": "#e7f3ff",
   "skyblue-300": "#d9edff",
   ...w
-}, b = {
+}, h = {
   "accent-default": "#2477ff",
   "accent-hover": "#0053da",
   "blue-grey-100": "#f3f4f7",
@@ -480,13 +480,13 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
   white: "#ffffff",
   "primary-disabled": "#809bc7",
   ...w
-}, M = {
+}, $ = {
   none: "0",
   sm: "4px",
   md: "8px",
   lg: "16px",
   full: "9999px"
-}, $ = {
+}, U = {
   30: "30deg",
   45: "45deg",
   80: "80deg",
@@ -503,7 +503,7 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
   250: "250",
   500: "500",
   1e3: "1000"
-}, U = {
+}, H = {
   12: "12px",
   14: "14px",
   16: "16px",
@@ -513,7 +513,7 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
   28: "28px",
   32: "32px",
   40: "40px"
-}, H = {
+}, G = {
   16: "16px",
   20: "20px",
   22: "22px",
@@ -522,7 +522,7 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
   32: "32px",
   40: "40px",
   48: "48px"
-}, G = {
+}, W = {
   /* # Headline */
   ".mob-headline-bold-m": {
     "@apply font-bold text-28 leading-32": ""
@@ -630,7 +630,7 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
   +n <= 1950 && e.addIssue({
     code: c.ZodIssueCode.custom,
     message: k.INVALID_DATE
-  }), ee(d) || e.addIssue({
+  }), te(d) || e.addIssue({
     code: c.ZodIssueCode.custom,
     message: k.INVALID_DATE
   }), (/* @__PURE__ */ new Date()).getTime() < new Date(d).getTime() && e.addIssue({
@@ -638,7 +638,7 @@ const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
     message: k.FUTURE_DATE_NOT_ALLOWED
   });
 });
-var Z = {}, W = {};
+var Z = {}, X = {};
 (function(o) {
   Object.defineProperty(o, "__esModule", {
     value: !0
@@ -665,7 +665,7 @@ var Z = {}, W = {};
     return d.__isOptionsFunction = !0, d.__pluginFunction = r, d.__configFunction = n, d;
   };
   const i = e;
-})(W);
+})(X);
 (function(o) {
   Object.defineProperty(o, "__esModule", {
     value: !0
@@ -675,7 +675,7 @@ var Z = {}, W = {};
       return r;
     }
   });
-  const e = /* @__PURE__ */ i(W);
+  const e = /* @__PURE__ */ i(X);
   function i(n) {
     return n && n.__esModule ? n : {
       default: n
@@ -684,8 +684,8 @@ var Z = {}, W = {};
   const r = e.default;
 })(Z);
 let _ = Z;
-var X = (_.__esModule ? _ : { default: _ }).default;
-const D = /* @__PURE__ */ L(X), ye = X;
+var q = (_.__esModule ? _ : { default: _ }).default;
+const D = /* @__PURE__ */ L(q), ye = q;
 function F(o) {
   return Object.fromEntries(
     Object.entries(o).filter(([e]) => e !== "DEFAULT")
@@ -847,7 +847,7 @@ var se = ye(
     }
   }
 );
-const q = /* @__PURE__ */ L(se), Ke = {
+const J = /* @__PURE__ */ L(se), Ke = {
   theme: {
     screens: {
       mobile: { max: "1187px" },
@@ -856,20 +856,20 @@ const q = /* @__PURE__ */ L(se), Ke = {
     backgroundColor: {
       color: N,
       banner: O,
-      icon: b
+      icon: h
     },
     textColor: {
-      icon: b,
-      color: P
+      icon: h,
+      color: M
     },
-    fill: b,
-    stroke: b,
+    fill: h,
+    stroke: h,
     borderColor: I,
     outlineColor: I,
-    borderRadius: M,
+    borderRadius: $,
     fontFamily: { roboto: ["var(--ff-roboto)", "sans-serif"] },
-    fontSize: U,
-    lineHeight: H,
+    fontSize: H,
+    lineHeight: G,
     gradientColorStops: N,
     boxShadow: {
       sm: "0 8px 20px 0 rgba(0, 0, 0, 0.08)",
@@ -877,7 +877,7 @@ const q = /* @__PURE__ */ L(se), Ke = {
       lg: "0 16px 24px 0 rgba(0, 33, 87, 0.16)"
     },
     extend: {
-      bgGradientDeg: $,
+      bgGradientDeg: U,
       width: {
         "popper-content": "var(--radix-popover-content-available-width)",
         "popper-trigger": "var(--radix-popover-trigger-width)",
@@ -921,9 +921,9 @@ const q = /* @__PURE__ */ L(se), Ke = {
     }
   },
   plugins: [
-    q,
+    J,
     D(({ addComponents: o }) => {
-      o(G);
+      o(W);
     }),
     D(function({ matchUtilities: o, theme: e }) {
       o(
@@ -987,20 +987,20 @@ const q = /* @__PURE__ */ L(se), Ke = {
     backgroundColor: {
       color: N,
       banner: O,
-      icon: b
+      icon: h
     },
     textColor: {
-      icon: b,
-      color: P
+      icon: h,
+      color: M
     },
-    fill: b,
-    stroke: b,
+    fill: h,
+    stroke: h,
     borderColor: I,
     outlineColor: I,
-    borderRadius: M,
+    borderRadius: $,
     fontFamily: { roboto: ["var(--ff-roboto)", "sans-serif"] },
-    fontSize: U,
-    lineHeight: H,
+    fontSize: H,
+    lineHeight: G,
     gradientColorStops: N,
     boxShadow: {
       sm: "0 8px 20px 0 rgba(0, 0, 0, 0.08)",
@@ -1009,13 +1009,13 @@ const q = /* @__PURE__ */ L(se), Ke = {
     },
     zIndex: be,
     extend: {
-      bgGradientDeg: $
+      bgGradientDeg: U
     }
   },
   plugins: [
-    q,
+    J,
     D(({ addComponents: o }) => {
-      o(G);
+      o(W);
     }),
     D(function({ matchUtilities: o, theme: e }) {
       o(
@@ -1030,7 +1030,7 @@ const q = /* @__PURE__ */ L(se), Ke = {
       );
     })
   ]
-}, J = ({ buttonsConfig: o, classes: e, className: i }) => {
+}, Q = ({ buttonsConfig: o, classes: e, className: i }) => {
   var n;
   const r = (o == null ? void 0 : o.secondary) && o.secondary.children;
   return /* @__PURE__ */ t.jsxs(
@@ -1058,23 +1058,23 @@ const q = /* @__PURE__ */ L(se), Ke = {
       ]
     }
   );
-}, Q = ({ advantagesList: o, classes: e }) => /* @__PURE__ */ t.jsx(
+}, K = ({ advantagesList: o, classes: e }) => /* @__PURE__ */ t.jsx(
   "div",
   {
     className: a(
       "flex w-[328px] flex-col gap-8 rounded-md bg-color-white p-6 shadow-sm desktop:w-full desktop:flex-row desktop:items-start desktop:gap-0 desktop:p-0 desktop:py-6",
-      e == null ? void 0 : e.wrapper
+      e == null ? void 0 : e.advantageWrapper
     ),
     children: o == null ? void 0 : o.map(({ title: i, description: r }) => /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: a(
           'after:content-[" "] relative flex h-full w-[285px] flex-col gap-2 after:absolute after:-bottom-4 after:left-1/2 after:h-[1px] after:w-[280px] after:-translate-x-1/2 after:bg-color-blue-grey-300 last:after:hidden desktop:px-8 desktop:after:bottom-auto desktop:after:left-auto desktop:after:right-0 desktop:after:top-1/2 desktop:after:h-10 desktop:after:w-[1px] desktop:after:-translate-y-1/2 desktop:after:translate-x-0',
-          e == null ? void 0 : e.advantage
+          e == null ? void 0 : e.advantageItem
         ),
         children: [
-          /* @__PURE__ */ t.jsx(g, { as: "h4", className: a("text-color-dark", e == null ? void 0 : e.title), children: i }),
-          /* @__PURE__ */ t.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", e == null ? void 0 : e.description), children: r })
+          /* @__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 })
         ]
       },
       i
@@ -1088,60 +1088,69 @@ const q = /* @__PURE__ */ L(se), Ke = {
   classes: n,
   img: d,
   imgSets: l
-}) => /* @__PURE__ */ t.jsxs("section", { "data-id": "banner-section", className: a("relative h-[552px] desktop:h-[456px]", n == null ? void 0 : n.section), children: [
-  /* @__PURE__ */ t.jsx(
+}) => {
+  const { isDesktop: m, isMobile: u } = R(), b = /* @__PURE__ */ t.jsx(
     "div",
     {
-      "data-id": "banner-img-wrapper",
-      className: "absolute bottom-0 left-0 right-0 top-0 z-[-1] mx-auto h-full max-w-[1920px] desktop:h-[456px]",
-      children: /* @__PURE__ */ t.jsxs("picture", { children: [
-        /* @__PURE__ */ t.jsx("source", { media: "(min-width: 1128px)", srcSet: l == null ? void 0 : l.large, type: "image/avif" }),
-        /* @__PURE__ */ t.jsx("source", { media: "(max-width: 1127px)", srcSet: l == null ? void 0 : l.mob, type: (l == null ? void 0 : l.type) ?? "image/avif" }),
-        /* @__PURE__ */ t.jsx(
-          "img",
+      "data-id": "banner-advantages",
+      className: a(
+        "flex items-center justify-center pt-4 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:pt-0",
+        n == null ? void 0 : n.advantageContainer
+      ),
+      children: r && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ t.jsx(K, { classes: n, advantagesList: r })
+    }
+  );
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsxs("section", { "data-id": "banner-section", className: a("relative h-[552px] desktop:h-[456px]", n == null ? void 0 : n.section), children: [
+      /* @__PURE__ */ t.jsx(
+        "div",
+        {
+          "data-id": "banner-img-wrapper",
+          className: "absolute bottom-0 left-0 right-0 top-0 z-[-1] mx-auto h-full max-w-[1920px] desktop:h-[456px]",
+          children: /* @__PURE__ */ t.jsxs("picture", { children: [
+            /* @__PURE__ */ t.jsx("source", { media: "(min-width: 1128px)", srcSet: l == null ? void 0 : l.large, type: "image/avif" }),
+            /* @__PURE__ */ t.jsx("source", { media: "(max-width: 1127px)", srcSet: l == null ? void 0 : l.mob, type: (l == null ? void 0 : l.type) ?? "image/avif" }),
+            /* @__PURE__ */ t.jsx(
+              "img",
+              {
+                "data-id": "banner-image",
+                src: d,
+                alt: "Картинка баннера",
+                className: a("h-full w-full object-cover object-center", n == null ? void 0 : n.image)
+              }
+            )
+          ] })
+        }
+      ),
+      /* @__PURE__ */ t.jsxs(g, { "data-id": "banner-container", className: a("h-full", n == null ? void 0 : n.container), children: [
+        /* @__PURE__ */ t.jsx("div", { "data-id": "banner", className: a("flex h-full", n == null ? void 0 : n.wrapper), children: /* @__PURE__ */ t.jsxs(
+          "div",
           {
-            "data-id": "banner-image",
-            src: d,
-            alt: "Картинка баннера",
-            className: a("h-full w-full object-cover object-center", n == null ? void 0 : n.image)
+            "data-id": "banner-text-block",
+            className: a("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", n == null ? void 0 : n.textBlock),
+            children: [
+              /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-4", children: [
+                /* @__PURE__ */ t.jsx(y, { "data-id": "banner-title", as: "h1", className: a("text-color-white", n == null ? void 0 : n.title), children: o }),
+                /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: a("desk-body-regular-l text-color-white", n == null ? void 0 : n.subtitle), children: e })
+              ] }),
+              /* @__PURE__ */ t.jsx(
+                Q,
+                {
+                  className: "self-end desktop:self-center",
+                  "data-id": "banner-buttons-group",
+                  buttonsConfig: i,
+                  classes: n
+                }
+              )
+            ]
           }
-        )
+        ) }),
+        m && b
       ] })
-    }
-  ),
-  /* @__PURE__ */ t.jsxs(h, { "data-id": "banner-container", className: a("h-full", n == null ? void 0 : n.container), children: [
-    /* @__PURE__ */ t.jsx("div", { "data-id": "banner", className: a("flex h-full", n == null ? void 0 : n.wrapper), children: /* @__PURE__ */ t.jsxs(
-      "div",
-      {
-        "data-id": "banner-text-block",
-        className: a("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", n == null ? void 0 : n.textBlock),
-        children: [
-          /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-4", children: [
-            /* @__PURE__ */ t.jsx(g, { "data-id": "banner-title", as: "h1", className: a("text-color-white", n == null ? void 0 : n.title), children: o }),
-            /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: a("desk-body-regular-l text-color-white", n == null ? void 0 : n.subtitle), children: e })
-          ] }),
-          /* @__PURE__ */ t.jsx(
-            J,
-            {
-              className: "self-end desktop:self-center",
-              "data-id": "banner-buttons-group",
-              buttonsConfig: i,
-              classes: n
-            }
-          )
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ t.jsx(
-      "div",
-      {
-        "data-id": "banner-advantages",
-        className: a("absolute bottom-[-400px] right-1/2 translate-x-1/2 desktop:bottom-[-50px]", n == null ? void 0 : n.advantage),
-        children: r && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ t.jsx(Q, { "data-id": "banner-advantages-list", classes: n, advantagesList: r })
-      }
-    )
-  ] })
-] }), A = ({
+    ] }),
+    u && b
+  ] });
+}, A = ({
   headTitle: o,
   subtitle: e,
   buttonsConfig: i,
@@ -1149,26 +1158,26 @@ const q = /* @__PURE__ */ L(se), Ke = {
   classes: n,
   img: d
 }) => {
-  const l = /* @__PURE__ */ t.jsx(
+  const { isDesktop: l, isMobile: m } = R(), u = /* @__PURE__ */ t.jsx(
     "div",
     {
       "data-id": "banner-advantages",
       className: a(
-        "mt-4 flex items-center justify-center desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:mt-0 desktop:translate-x-1/2",
-        n == null ? void 0 : n.advantage
+        "flex items-center justify-center pt-4 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:pt-0",
+        n == null ? void 0 : n.advantageContainer
       ),
-      children: r && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ t.jsx(Q, { classes: n, advantagesList: r })
+      children: r && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ t.jsx(K, { classes: n, advantagesList: r })
     }
-  ), { isDesktop: m, isMobile: f } = te();
+  );
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx("section", { "data-id": "banner-section", className: a("relative bg-banner-skyblue-300 desktop:h-[456px]", n == null ? void 0 : n.section), children: /* @__PURE__ */ t.jsxs(h, { "data-id": "banner-container", className: a(n == null ? void 0 : n.container), children: [
+    /* @__PURE__ */ t.jsx("section", { "data-id": "banner-section", className: a("relative bg-banner-skyblue-300 desktop:h-[456px]", n == null ? void 0 : n.section), children: /* @__PURE__ */ t.jsxs(g, { "data-id": "banner-container", className: a(n == null ? void 0 : n.container), children: [
       /* @__PURE__ */ t.jsxs("div", { "data-id": "banner", className: a("flex flex-col desktop:flex-row desktop:justify-between", n == null ? void 0 : n.wrapper), children: [
         /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col desktop:gap-10 desktop:pt-20", children: [
           /* @__PURE__ */ t.jsxs("div", { "data-id": "banner-text-block", className: a("flex flex-col gap-4 pt-6 desktop:pt-0", n == null ? void 0 : n.textBlock), children: [
-            /* @__PURE__ */ t.jsx(g, { "data-id": "banner-title", as: "h1", className: a("text-color-dark", n == null ? void 0 : n.title), children: o }),
+            /* @__PURE__ */ t.jsx(y, { "data-id": "banner-title", as: "h1", className: a("text-color-dark", n == null ? void 0 : n.title), children: o }),
             /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: a("desk-body-regular-l text-color-dark", n == null ? void 0 : n.subtitle), children: e })
           ] }),
-          /* @__PURE__ */ t.jsx(J, { buttonsConfig: i, classes: n })
+          /* @__PURE__ */ t.jsx(Q, { buttonsConfig: i, classes: n })
         ] }),
         /* @__PURE__ */ t.jsx(
           "div",
@@ -1187,9 +1196,9 @@ const q = /* @__PURE__ */ L(se), Ke = {
           }
         )
       ] }),
-      m && l
+      l && u
     ] }) }),
-    f && l
+    m && u
   ] });
 }, tt = ({ bannerVariant: o, ...e }) => {
   switch (o) {
@@ -1299,11 +1308,11 @@ const q = /* @__PURE__ */ L(se), Ke = {
   {
     className: a("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", e == null ? void 0 : e.socialLink),
     href: r,
-    children: /* @__PURE__ */ t.jsx(x, { name: i, className: a("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
+    children: /* @__PURE__ */ t.jsx(f, { name: i, className: a("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
   },
   r
 )) }), Ce = ({ 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(
-  V,
+  P,
   {
     phone: i,
     text: r,
@@ -1358,20 +1367,20 @@ const q = /* @__PURE__ */ L(se), Ke = {
   withSiteMap: d = !0,
   socialsLinks: l = Ne,
   phones: m = je,
-  navigationLinks: f = Ie,
-  ligal: y = ke,
+  navigationLinks: u = Ie,
+  ligal: b = ke,
   copyright: s = ve,
   classes: p
-}) => /* @__PURE__ */ t.jsx(S, { className: a("w-full", p == null ? void 0 : p.section), children: /* @__PURE__ */ t.jsx(h, { 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: [
+}) => /* @__PURE__ */ t.jsx(V, { 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: [
   /* @__PURE__ */ t.jsxs("div", { className: a("mb-8 flex items-center justify-between gap-6", p == null ? void 0 : p.footerHead), children: [
     /* @__PURE__ */ t.jsxs("div", { className: a(p == null ? void 0 : p.footerSocialBlock), children: [
-      /* @__PURE__ */ t.jsx("a", { href: "/", className: a(p == null ? void 0 : p.footerLogo), children: /* @__PURE__ */ t.jsx(x, { name: "brandLogos/logoWhite", className: "h-[32px] w-[194px]" }) }),
+      /* @__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(De, { socialsLinks: l, classes: p })
     ] }),
     e && /* @__PURE__ */ t.jsx(Ce, { phones: m, classes: p })
   ] }),
-  i && /* @__PURE__ */ t.jsx(_e, { navigationLinks: f, classes: p }),
-  r && /* @__PURE__ */ t.jsx(Ee, { ligal: y, classes: p }),
+  i && /* @__PURE__ */ t.jsx(_e, { navigationLinks: u, classes: p }),
+  r && /* @__PURE__ */ t.jsx(Ee, { ligal: b, classes: p }),
   /* @__PURE__ */ t.jsxs("div", { className: "mt-6 flex items-start justify-between gap-6", children: [
     n && /* @__PURE__ */ t.jsx(Te, { text: s, classes: p }),
     d && /* @__PURE__ */ t.jsx(
@@ -1393,7 +1402,7 @@ const q = /* @__PURE__ */ L(se), Ke = {
     case "withPhone":
       const { phone: d, phoneText: l } = o;
       return /* @__PURE__ */ t.jsx(
-        V,
+        P,
         {
           phone: d,
           text: l,
@@ -1409,7 +1418,7 @@ const q = /* @__PURE__ */ L(se), Ke = {
   }
 }, ot = (o) => {
   const { logoPath: e = "/", logoType: i = "main", classes: r } = o;
-  return /* @__PURE__ */ t.jsx("header", { className: a("flex h-[72px] items-center justify-center bg-color-white", r == null ? void 0 : r.header), children: /* @__PURE__ */ t.jsx(h, { className: a(r == null ? void 0 : r.container), children: /* @__PURE__ */ t.jsxs("div", { className: a("flex items-center justify-between gap-5", r == null ? void 0 : r.wrapper), children: [
+  return /* @__PURE__ */ t.jsx("header", { className: a("flex h-[72px] items-center justify-center bg-color-white", r == null ? void 0 : r.header), children: /* @__PURE__ */ t.jsx(g, { className: a(r == null ? void 0 : r.container), children: /* @__PURE__ */ t.jsxs("div", { className: a("flex items-center justify-between gap-5", r == null ? void 0 : r.wrapper), children: [
     /* @__PURE__ */ t.jsx(
       "a",
       {
@@ -1444,13 +1453,13 @@ const q = /* @__PURE__ */ L(se), Ke = {
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col gap-4", r == null ? void 0 : r.textBlock), children: [
-        /* @__PURE__ */ t.jsx(g, { as: "h4", className: a("text-color-dark", r == null ? void 0 : r.title), children: o }),
+        /* @__PURE__ */ t.jsx(y, { as: "h4", className: a("text-color-dark", r == null ? void 0 : r.title), children: o }),
         /* @__PURE__ */ t.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", r == null ? void 0 : r.description), children: e })
       ] })
     ]
   }
-), nt = ({ heading: o, stepsList: e, classes: i }) => /* @__PURE__ */ t.jsx(S, { children: /* @__PURE__ */ t.jsx(h, { children: /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col gap-12", i == null ? void 0 : i.root), children: [
-  /* @__PURE__ */ t.jsx(g, { as: "h2", className: a("text-color-dark", i == null ? void 0 : i.headline), children: o }),
+), nt = ({ heading: o, stepsList: e, classes: i }) => /* @__PURE__ */ t.jsx(V, { children: /* @__PURE__ */ t.jsx(g, { children: /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col gap-12", i == null ? void 0 : i.root), children: [
+  /* @__PURE__ */ t.jsx(y, { as: "h2", className: a("text-color-dark", i == null ? void 0 : i.headline), children: o }),
   /* @__PURE__ */ t.jsx(
     "div",
     {
@@ -1461,7 +1470,7 @@ const q = /* @__PURE__ */ L(se), Ke = {
       children: e == null ? void 0 : e.map((r, n) => /* @__PURE__ */ t.jsx(Fe, { index: n + 1, ...r, classes: i }, r.title))
     }
   )
-] }) }) }), Ae = u("", {
+] }) }) }), Ae = x("", {
   variants: {
     intent: {
       twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
@@ -1477,7 +1486,7 @@ const q = /* @__PURE__ */ L(se), Ke = {
   defaultVariants: {
     intent: "twoItems"
   }
-}), ze = u("desktop:max-h-[98px]", {
+}), ze = x("desktop:max-h-[98px]", {
   variants: {
     intent: {
       twoItems: "",
@@ -1509,7 +1518,7 @@ const q = /* @__PURE__ */ L(se), Ke = {
       class: "desktop:grid grid-rows-2 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
     }
   ]
-}), Le = u("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
+}), Le = x("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
   variants: {
     intent: {
       twoItems: 'last:border-none relative desktop:first:after:top-1/2 desktop:first:after:-translate-y-1/2 desktop:first:after:right-0 desktop:first:after:content-[""] desktop:first:after:block desktop:first:after:absolute desktop:first:after:w-[1px] desktop:first:after:h-[64px] desktop:first:after:bg-color-blue-grey-500  desktop:ml-8 desktop:pr-8 desktop:first:ml-0 desktop:last:pr-0 desktop:pb-3',
@@ -1519,7 +1528,7 @@ const q = /* @__PURE__ */ L(se), Ke = {
   defaultVariants: {
     intent: "twoItems"
   }
-}), Re = u("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
+}), Re = x("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
   variants: {
     intent: {
       twoItems: "desktop:h-[232px] desktop:w-[500px]",
@@ -1550,7 +1559,7 @@ const q = /* @__PURE__ */ L(se), Ke = {
   return /* @__PURE__ */ t.jsx("li", { className: a(Le({ intent: e })), children: /* @__PURE__ */ t.jsxs("div", { className: "desktop:max-w-[264px]", children: [
     /* @__PURE__ */ t.jsxs("div", { className: a("mb-2 flex items-center gap-2"), children: [
       /* @__PURE__ */ t.jsx("h4", { className: a("mob-title-bold-m text-color-dark"), children: i }),
-      n && /* @__PURE__ */ t.jsx(re, { triggerElement: /* @__PURE__ */ t.jsx(x, { className: a("size-4 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: n })
+      n && /* @__PURE__ */ t.jsx(re, { triggerElement: /* @__PURE__ */ t.jsx(f, { className: a("size-4 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: n })
     ] }),
     /* @__PURE__ */ t.jsx("p", { className: a("mob-body-regular-l text-color-secondary"), children: r })
   ] }) });
@@ -1562,9 +1571,9 @@ const q = /* @__PURE__ */ L(se), Ke = {
   imageComponent: n,
   classes: d
 }) => {
-  const l = !!e, m = i === "fourItems", f = i === "twoItems";
-  return /* @__PURE__ */ t.jsx("section", { className: a(d == null ? void 0 : d.section), children: /* @__PURE__ */ t.jsxs(h, { className: a(d == null ? void 0 : d.mainContainer), children: [
-    f && /* @__PURE__ */ t.jsx(E, { intent: i, title: o }),
+  const l = !!e, m = i === "fourItems", u = 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(E, { intent: i, title: o }),
     /* @__PURE__ */ t.jsxs(
       "div",
       {
@@ -1601,49 +1610,49 @@ const q = /* @__PURE__ */ L(se), Ke = {
   ] }) });
 };
 export {
-  Q as Advantages,
+  K as Advantages,
   lt as Badge,
   tt as Banner,
   A as BannerWithSeparateImg,
   He as Breadcrumbs,
   j as Button,
   Ge as ButtonIcon,
-  Ze as CustomLink,
+  We as CustomLink,
   pt as DADATA_BASE_CACHE_URL,
   mt as DADATA_BASE_CONSTANTS_URL,
-  We as Document,
+  Ze as Document,
   rt as Footer,
-  g as Heading,
-  x as Icon,
-  Y as Loader,
+  y as Heading,
+  f as Icon,
+  ee as Loader,
   it as LongBanner,
   ut as Notification,
   ot as PageHeader,
-  V as PhoneView,
+  P as PhoneView,
   Xe as ProgressBar,
-  h as ResponsiveContainer,
+  g as ResponsiveContainer,
   T as RgxCheckForHyphen,
   ge as RgxPatronymic,
   he as RgxUnicode,
-  S as Section,
+  V as Section,
   qe as Skeleton,
   nt as Stepper,
   Ue as Table,
   k as VALIDATION_MESSAGES,
   N as allowedBackgroundColors,
-  $ as allowedBackgroundDeg,
+  U as allowedBackgroundDeg,
   O as allowedBannersBackgroundColors,
-  M as allowedBorderRadius,
-  U as allowedFontSize,
-  b as allowedIconsColors,
-  H as allowedLineHeight,
+  $ as allowedBorderRadius,
+  H as allowedFontSize,
+  h as allowedIconsColors,
+  G as allowedLineHeight,
   I as allowedStrokeColors,
-  P as allowedTextColors,
-  G as allowedTextStyles,
+  M as allowedTextColors,
+  W as allowedTextStyles,
   be as allowedZIndex,
   C as capitalize,
   a as cn,
-  Me as deepCompare,
+  Oe as deepCompare,
   Ye as extendsPreset,
   $e as formatToDate,
   xt as isClient,