@scbt-ecom/ui 0.7.3 → 0.7.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/hybrid.js CHANGED
@@ -1,15 +1,15 @@
1
- import { p as B, j as t, c as a, H as g, a as c, I as m, L as K, z as x, i as Y, g as z } from "./Notification-BjaLuRjD.js";
2
- import { B as Ke, D as Ye, d as et, N as tt, b as rt } from "./Notification-BjaLuRjD.js";
3
- import * as s from "react";
4
- import { forwardRef as L } from "react";
5
- const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()).join("-"), Be = (r, e = "dd.MM.yyyy") => B(r, e, /* @__PURE__ */ new Date()), R = ({ children: r, className: e, ...i }) => /* @__PURE__ */ t.jsx("section", { className: a("pb-16 desktop:pb-20", e), ...i, children: r }), h = ({ children: r, className: e, ...i }) => /* @__PURE__ */ t.jsx("div", { className: a("m-auto w-full px-4 desktop:max-w-[1188px]", e), ...i, children: r }), ee = c("grid", {
1
+ import { p as z, j as t, c as a, H as h, a as u, I as x, L as Y, z as c, i as ee, g as L, P as te } from "./Notification-B1J5kH7h.js";
2
+ import { B as dt, D as lt, d as pt, N as mt, b as ut } from "./Notification-B1J5kH7h.js";
3
+ import * as v from "react";
4
+ import { forwardRef as R } from "react";
5
+ 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("-"), Me = (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 }), 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 }), re = u("grid", {
6
6
  variants: {
7
7
  columnCount: {
8
8
  twoColumns: "grid-cols-[repeat(2,minmax(172px,_1fr))] desktop:grid-cols-[repeat(2,minmax(172px,_1fr))]",
9
9
  threeColumns: "grid-cols-[repeat(3,minmax(172px,_1fr))] desktop:grid-cols-[repeat(3,minmax(312px,_1fr))]"
10
10
  }
11
11
  }
12
- }), te = c("grid", {
12
+ }), oe = u("grid", {
13
13
  variants: {
14
14
  columnCount: {
15
15
  twoColumns: "",
@@ -42,7 +42,7 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
42
42
  class: "grid-cols-[repeat(3,_auto)]"
43
43
  }
44
44
  ]
45
- }), re = c("grid", {
45
+ }), ne = u("grid", {
46
46
  variants: {
47
47
  columnCount: {
48
48
  twoColumns: "",
@@ -55,7 +55,7 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
55
55
  class: "overflow-x-scroll max-w-[368px] mb-1"
56
56
  }
57
57
  ]
58
- }), oe = c("border-b border-warm-grey-200 py-4 desktop:desk-body-regular-l mob-body-regular-l", {
58
+ }), ie = u("border-b border-warm-grey-200 py-4 desktop:desk-body-regular-l mob-body-regular-l", {
59
59
  variants: {
60
60
  columnCount: {
61
61
  twoColumns: "",
@@ -73,34 +73,34 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
73
73
  class: "border-transparent border-0 p-0"
74
74
  }
75
75
  ]
76
- }), ze = ({
77
- headTitle: r,
76
+ }), $e = ({
77
+ headTitle: o,
78
78
  tableRows: e,
79
79
  tableHead: i,
80
- additionalText: o,
80
+ additionalText: r,
81
81
  columnCount: n,
82
82
  classes: d
83
83
  }) => {
84
84
  const l = i && i.length > 0 ? "exist" : "notExist";
85
- return /* @__PURE__ */ t.jsx(h, { children: /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col", d == null ? void 0 : d.tableRootWrapper), children: [
86
- /* @__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: r }),
87
- /* @__PURE__ */ t.jsxs("div", { className: a(re({ columnCount: n }), d == null ? void 0 : d.tableBody), children: [
88
- /* @__PURE__ */ t.jsx("ul", { className: a(ee({ columnCount: n }), d == null ? void 0 : d.tableTitlesContainer), children: i == null ? void 0 : i.map((u) => /* @__PURE__ */ t.jsx(
85
+ return /* @__PURE__ */ t.jsx(g, { children: /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col", d == null ? void 0 : d.tableRootWrapper), children: [
86
+ /* @__PURE__ */ t.jsx(h, { as: "h3", className: a("mob-title-bold-m pb-6 desktop:desk-title-bold-s", d == null ? void 0 : d.tableHeading), children: o }),
87
+ /* @__PURE__ */ t.jsxs("div", { className: a(ne({ columnCount: n }), d == null ? void 0 : d.tableBody), children: [
88
+ /* @__PURE__ */ t.jsx("ul", { className: a(re({ columnCount: n }), d == null ? void 0 : d.tableTitlesContainer), children: i == null ? void 0 : i.map((m) => /* @__PURE__ */ t.jsx(
89
89
  "li",
90
90
  {
91
91
  className: a(
92
92
  "mob-body-regular-l border-b border-warm-grey-200 py-4 desktop:desk-body-regular-l",
93
93
  d == null ? void 0 : d.tableTitleRow
94
94
  ),
95
- children: u
95
+ children: m
96
96
  },
97
- u
97
+ m
98
98
  )) }),
99
- /* @__PURE__ */ t.jsx("ul", { className: a("mb-4 flex flex-col", d == null ? void 0 : d.tableBodyContainer), children: e.map((u, f) => /* @__PURE__ */ t.jsx("li", { className: a(te({ columnCount: n, titlesExist: l }), d == null ? void 0 : d.tableBodyRow), children: u.map((y, v) => /* @__PURE__ */ t.jsx("p", { className: a(oe({ titlesExist: l, columnCount: n }), d == null ? void 0 : d.tableBodyCeil), children: y.text }, v)) }, f)) })
99
+ /* @__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(oe({ columnCount: n, titlesExist: l }), d == null ? void 0 : d.tableBodyRow), children: m.map((y, s) => /* @__PURE__ */ t.jsx("p", { className: a(ie({ titlesExist: l, columnCount: n }), d == null ? void 0 : d.tableBodyCeil), children: y.text }, s)) }, f)) })
100
100
  ] }),
101
- /* @__PURE__ */ t.jsx("p", { className: a("mob-body-regular-m desktop:desk-body-regular-l", d == null ? void 0 : d.tableAdditionalText), children: o })
101
+ /* @__PURE__ */ t.jsx("p", { className: a("mob-body-regular-m desktop:desk-body-regular-l", d == null ? void 0 : d.tableAdditionalText), children: r })
102
102
  ] }) });
103
- }, Le = ({ linksList: r }) => /* @__PURE__ */ t.jsx("div", { "aria-label": "Breadcrumb", className: "flex max-w-[840px] items-center gap-2", children: r.map((e) => /* @__PURE__ */ t.jsx(t.Fragment, { children: "path" in e ? /* @__PURE__ */ t.jsxs(
103
+ }, Ue = ({ linksList: o }) => /* @__PURE__ */ t.jsx("div", { "aria-label": "Breadcrumb", className: "flex max-w-[840px] items-center gap-2", children: o.map((e) => /* @__PURE__ */ t.jsx(t.Fragment, { children: "path" in e ? /* @__PURE__ */ t.jsxs(
104
104
  "div",
105
105
  {
106
106
  className: a(
@@ -122,7 +122,7 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
122
122
  }
123
123
  ),
124
124
  /* @__PURE__ */ t.jsx(
125
- m,
125
+ x,
126
126
  {
127
127
  name: "arrows/arrowRight",
128
128
  className: a("size-4 text-icon-primary-default", { "!text-icon-disabled": e == null ? void 0 : e.isDisabled })
@@ -130,8 +130,8 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
130
130
  )
131
131
  ]
132
132
  }
133
- ) : /* @__PURE__ */ t.jsx("div", { "aria-current": "page", className: "desk-body-regular-m text-color-blue-grey-600", children: e.label }) })) }), ne = (r) => {
134
- switch (r) {
133
+ ) : /* @__PURE__ */ t.jsx("div", { "aria-current": "page", className: "desk-body-regular-m text-color-blue-grey-600", children: e.label }) })) }), ae = (o) => {
134
+ switch (o) {
135
135
  case "ghost":
136
136
  case "secondary":
137
137
  return "secondary";
@@ -139,9 +139,9 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
139
139
  case "negative":
140
140
  return "primary";
141
141
  default:
142
- return r;
142
+ return o;
143
143
  }
144
- }, ie = c(
144
+ }, de = u(
145
145
  "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",
146
146
  {
147
147
  variants: {
@@ -199,36 +199,36 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
199
199
  isFull: !1
200
200
  }
201
201
  }
202
- ), E = L(
202
+ ), j = R(
203
203
  ({
204
- intent: r,
204
+ intent: o,
205
205
  size: e,
206
206
  className: i,
207
- children: o,
207
+ children: r,
208
208
  type: n = "button",
209
209
  iconLeft: d,
210
210
  iconRight: l,
211
- disabled: u = !1,
211
+ disabled: m = !1,
212
212
  isLoading: f = !1,
213
213
  isFull: y = !1,
214
- textFormat: v,
214
+ textFormat: s,
215
215
  ...p
216
- }, Q) => /* @__PURE__ */ t.jsx(
216
+ }, K) => /* @__PURE__ */ t.jsx(
217
217
  "button",
218
218
  {
219
- ref: Q,
219
+ ref: K,
220
220
  type: n,
221
- disabled: u || f,
222
- className: a(ie({ intent: r, size: e, textFormat: v, isLoading: f, isFull: y }), i),
221
+ disabled: m || f,
222
+ className: a(de({ intent: o, size: e, textFormat: s, isLoading: f, isFull: y }), i),
223
223
  ...p,
224
- children: f ? /* @__PURE__ */ t.jsx(K, { size: "sm", intent: ne(r) }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
224
+ children: f ? /* @__PURE__ */ t.jsx(Y, { size: "sm", intent: ae(o) }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
225
225
  d && /* @__PURE__ */ t.jsx("span", { className: "flex size-5 items-center justify-center", children: d }),
226
- o,
226
+ r,
227
227
  l && /* @__PURE__ */ t.jsx("span", { className: "flex size-5 items-center justify-center", children: l })
228
228
  ] })
229
229
  }
230
230
  )
231
- ), ae = c(
231
+ ), le = u(
232
232
  "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",
233
233
  {
234
234
  variants: {
@@ -248,9 +248,9 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
248
248
  size: "lg"
249
249
  }
250
250
  }
251
- ), Re = L(
252
- ({ size: r, intent: e, children: i, classes: o, type: n = "button", ...d }, l) => /* @__PURE__ */ t.jsx("button", { ref: l, type: n, className: a(ae({ intent: e, size: r }), o == null ? void 0 : o.button), ...d, children: /* @__PURE__ */ t.jsx("span", { className: a(o == null ? void 0 : o.icon), children: i }) })
253
- ), de = c(
251
+ ), He = R(
252
+ ({ size: o, intent: e, children: i, classes: r, type: n = "button", ...d }, l) => /* @__PURE__ */ t.jsx("button", { ref: l, type: n, className: a(le({ 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 }) })
253
+ ), pe = u(
254
254
  "group underline underline-offset-4 outline-none p-[2px] rounded-sm border border-solid border-transparent",
255
255
  {
256
256
  variants: {
@@ -278,7 +278,7 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
278
278
  size: "sm"
279
279
  }
280
280
  }
281
- ), le = c("size-6", {
281
+ ), me = u("size-6", {
282
282
  variants: {
283
283
  intent: {
284
284
  blue: "text-icon-primary-default group-hover:text-icon-primary-hover group-focus:text-icon-primary-default ",
@@ -293,19 +293,19 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
293
293
  intent: "blue",
294
294
  disabled: !1
295
295
  }
296
- }), Se = ({
297
- Component: r = "a",
296
+ }), Ge = ({
297
+ Component: o = "a",
298
298
  intent: e,
299
299
  children: i,
300
- withIcon: o,
300
+ withIcon: r,
301
301
  disabled: n,
302
302
  size: d,
303
303
  icon: l = "arrows/arrowLink",
304
- ...u
305
- }) => /* @__PURE__ */ t.jsxs(r, { className: a(de({ intent: e, withIcon: o, disabled: n, size: d })), ...u, children: [
304
+ ...m
305
+ }) => /* @__PURE__ */ t.jsxs(o, { className: a(pe({ intent: e, withIcon: r, disabled: n, size: d })), ...m, children: [
306
306
  i,
307
- o && /* @__PURE__ */ t.jsx(m, { name: l, className: a(le({ intent: e, disabled: n })) })
308
- ] }), pe = c("size-8 transition-colors", {
307
+ r && /* @__PURE__ */ t.jsx(x, { name: l, className: a(me({ intent: e, disabled: n })) })
308
+ ] }), ue = u("size-8 transition-colors", {
309
309
  variants: {
310
310
  intent: {
311
311
  outline: "text-icon-secondary-dark-default group-hover:text-icon-secondary-dark-hover",
@@ -315,13 +315,13 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
315
315
  defaultVariants: {
316
316
  intent: "outline"
317
317
  }
318
- }), ue = {
318
+ }), xe = {
319
319
  filled: "files/documentFilled",
320
320
  outline: "files/documentOutline"
321
- }, Oe = ({ text: r, size: e, sizeType: i, href: o, intent: n = "outline" }) => /* @__PURE__ */ t.jsxs(
321
+ }, Ze = ({ text: o, size: e, sizeType: i, href: r, intent: n = "outline" }) => /* @__PURE__ */ t.jsxs(
322
322
  "a",
323
323
  {
324
- href: o,
324
+ href: r,
325
325
  target: "_blank",
326
326
  rel: "noreferrer",
327
327
  tabIndex: 0,
@@ -329,9 +329,9 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
329
329
  "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]"
330
330
  ),
331
331
  children: [
332
- /* @__PURE__ */ t.jsx(m, { name: ue[n], className: a(pe({ intent: n })) }),
332
+ /* @__PURE__ */ t.jsx(x, { name: xe[n], className: a(ue({ intent: n })) }),
333
333
  /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-1 flex-col"), children: [
334
- /* @__PURE__ */ t.jsx("p", { className: a("desk-body-medium-l text-color-dark"), children: r }),
334
+ /* @__PURE__ */ t.jsx("p", { className: a("desk-body-medium-l text-color-dark"), children: o }),
335
335
  /* @__PURE__ */ t.jsxs("div", { className: a("desk-body-regular-m text-color-disabled"), children: [
336
336
  e,
337
337
  " ",
@@ -340,11 +340,11 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
340
340
  ] })
341
341
  ]
342
342
  }
343
- ), S = ({ phone: r, text: e, classes: i }) => /* @__PURE__ */ t.jsxs("div", { className: a("flex w-max flex-col", i == null ? void 0 : i.wrapper), children: [
344
- /* @__PURE__ */ t.jsx("a", { href: `tel:${r}`, className: a("desk-body-medium-l ml-auto text-color-dark", i == null ? void 0 : i.link), children: r }),
343
+ ), 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: [
344
+ /* @__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 }),
345
345
  /* @__PURE__ */ t.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", i == null ? void 0 : i.text), children: e })
346
- ] }), Pe = ({ topContent: r, bottomContent: e, progress: i, maxPercent: o = 100, classes: n }) => /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col", n == null ? void 0 : n.wrapper), children: [
347
- r && /* @__PURE__ */ t.jsx("div", { className: a("mb-2 flex justify-between gap-5", n == null ? void 0 : n.topContent), children: r }),
346
+ ] }), We = ({ 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: [
347
+ o && /* @__PURE__ */ t.jsx("div", { className: a("mb-2 flex justify-between gap-5", n == null ? void 0 : n.topContent), children: o }),
348
348
  /* @__PURE__ */ t.jsxs("div", { className: a("relative h-2 w-[328xp] rounded-md bg-color-blue-grey-100 desktop:w-[524px]", n == null ? void 0 : n.progressBar), children: [
349
349
  /* @__PURE__ */ t.jsx(
350
350
  "div",
@@ -356,7 +356,7 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
356
356
  /* @__PURE__ */ t.jsx(
357
357
  "span",
358
358
  {
359
- style: { maxWidth: `${o}%` },
359
+ style: { maxWidth: `${r}%` },
360
360
  className: a(
361
361
  "progressBar-apply z-1 absolute top-1/2 h-full w-full -translate-y-1/2 animate-progress-loader rounded-md",
362
362
  n == null ? void 0 : n.loader
@@ -365,19 +365,19 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
365
365
  )
366
366
  ] }),
367
367
  e && /* @__PURE__ */ t.jsx("div", { className: a("mt-2 flex justify-between gap-5", n == null ? void 0 : n.bottomContent), children: e })
368
- ] }), Ve = ({ className: r }) => /* @__PURE__ */ t.jsx("div", { className: a("skeleton-apply h-full w-full", r) }), me = {
369
- main: /* @__PURE__ */ t.jsx(m, { name: "brandLogos/logoMain" }),
370
- white: /* @__PURE__ */ t.jsx(m, { name: "brandLogos/logoWhite" }),
371
- gray: /* @__PURE__ */ t.jsx(m, { name: "brandLogos/logoGray" }),
372
- black: /* @__PURE__ */ t.jsx(m, { name: "brandLogos/logoBlack" }),
373
- business: /* @__PURE__ */ t.jsx(m, { name: "brandLogos/logoBusiness" }),
374
- insurance: /* @__PURE__ */ t.jsx(m, { name: "brandLogos/logoInsurance" })
368
+ ] }), Xe = ({ className: o }) => /* @__PURE__ */ t.jsx("div", { className: a("skeleton-apply h-full w-full", o) }), fe = {
369
+ main: /* @__PURE__ */ t.jsx(x, { name: "brandLogos/logoMain" }),
370
+ white: /* @__PURE__ */ t.jsx(x, { name: "brandLogos/logoWhite" }),
371
+ gray: /* @__PURE__ */ t.jsx(x, { name: "brandLogos/logoGray" }),
372
+ black: /* @__PURE__ */ t.jsx(x, { name: "brandLogos/logoBlack" }),
373
+ business: /* @__PURE__ */ t.jsx(x, { name: "brandLogos/logoBusiness" }),
374
+ insurance: /* @__PURE__ */ t.jsx(x, { name: "brandLogos/logoInsurance" })
375
375
  }, w = {
376
376
  transparent: "transparent",
377
377
  current: "currentColor",
378
378
  inherit: "inherit",
379
379
  initial: "initial"
380
- }, k = {
380
+ }, N = {
381
381
  "blue-grey-100": "#f3f4f7",
382
382
  "blue-grey-200": "#eaedf1",
383
383
  "blue-grey-300": "#d4dbe2",
@@ -406,7 +406,7 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
406
406
  "purple-hover": "#52399d",
407
407
  overlay: "#0000004d",
408
408
  ...w
409
- }, O = {
409
+ }, P = {
410
410
  dark: "#292929",
411
411
  disabled: "#a9b6c5",
412
412
  footer: "#c3c3c3",
@@ -421,7 +421,7 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
421
421
  "primary-disabled": "#809bc7",
422
422
  "blue-grey-600": "#94a4b7",
423
423
  ...w
424
- }, P = {
424
+ }, O = {
425
425
  "barvcray-200": "#ebeef4",
426
426
  "barvcray-300": "#dde1e8",
427
427
  "greymint-200": "#deecee",
@@ -461,7 +461,7 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
461
461
  "primary-disabled": "#809bc7",
462
462
  footer: "#C3C3C3",
463
463
  ...w
464
- }, N = {
464
+ }, I = {
465
465
  "blue-grey-500": "#a9b6c5",
466
466
  "blue-grey-700": "#69809a",
467
467
  "blue-grey-800": "#5a6e85",
@@ -480,20 +480,20 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
480
480
  white: "#ffffff",
481
481
  "primary-disabled": "#809bc7",
482
482
  ...w
483
- }, V = {
483
+ }, M = {
484
484
  none: "0",
485
485
  sm: "4px",
486
486
  md: "8px",
487
487
  lg: "16px",
488
488
  full: "9999px"
489
- }, M = {
489
+ }, $ = {
490
490
  30: "30deg",
491
491
  45: "45deg",
492
492
  80: "80deg",
493
493
  90: "90deg",
494
494
  110: "110deg",
495
495
  180: "180deg"
496
- }, xe = {
496
+ }, ce = {
497
497
  0: "0",
498
498
  1: "1",
499
499
  10: "10",
@@ -503,7 +503,7 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
503
503
  250: "250",
504
504
  500: "500",
505
505
  1e3: "1000"
506
- }, $ = {
506
+ }, U = {
507
507
  12: "12px",
508
508
  14: "14px",
509
509
  16: "16px",
@@ -513,7 +513,7 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
513
513
  28: "28px",
514
514
  32: "32px",
515
515
  40: "40px"
516
- }, U = {
516
+ }, H = {
517
517
  16: "16px",
518
518
  20: "20px",
519
519
  22: "22px",
@@ -581,7 +581,7 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
581
581
  ".desk-body-regular-s": {
582
582
  "@apply font-normal text-12 leading-16": ""
583
583
  }
584
- }, fe = /^[\u0400-\u04FF\u00CB\u00EB -]+$/, T = /^(?:[^-]+(?:-[^-]+){0,4}|[^-]+)$/, ce = /^[a-zA-Zа-яА-ЯёЁ]+(?:\s*-\s*[a-zA-Zа-яА-ЯёЁ]+){0,4}(?:\s+[a-zA-Zа-яА-ЯёЁ]+(?:\s*-\s*[a-zA-Zа-яА-ЯёЁ]+){0,4})?$/i, j = {
584
+ }, be = /^[\u0400-\u04FF\u00CB\u00EB -]+$/, T = /^(?:[^-]+(?:-[^-]+){0,4}|[^-]+)$/, ge = /^[a-zA-Zа-яА-ЯёЁ]+(?:\s*-\s*[a-zA-Zа-яА-ЯёЁ]+){0,4}(?:\s+[a-zA-Zа-яА-ЯёЁ]+(?:\s*-\s*[a-zA-Zа-яА-ЯёЁ]+){0,4})?$/i, k = {
585
585
  REQUIRED: "Поле обязательно к заполнению",
586
586
  MIN_LENGTH: "Минимальная длина символов должна быть не менее",
587
587
  MAX_LENGTH: "Максимальная длина символов должна быть не более",
@@ -592,108 +592,108 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
592
592
  INVALID_VALUE: "Поле заполнено некорректно",
593
593
  INVALID_DATE: "Введите корректную дату",
594
594
  FUTURE_DATE_NOT_ALLOWED: "Нельзя выбрать дату позже текущей"
595
- }, I = (r) => {
596
- const e = r.trim().replace(/\s+/g, " ").split(" "), [i, o, ...n] = e, d = n == null ? void 0 : n.join(" ");
595
+ }, B = (o) => {
596
+ const e = o.trim().replace(/\s+/g, " ").split(" "), [i, r, ...n] = e, d = n == null ? void 0 : n.join(" ");
597
597
  return {
598
598
  surname: i,
599
- name: o,
599
+ name: r,
600
600
  patronymic: d
601
601
  };
602
- }, Me = x.string({ invalid_type_error: "Обязательно к заполнению", required_error: "Обязательно к заполнению" }).superRefine((r, e) => {
603
- fe.test(r) || e.addIssue({
604
- code: x.ZodIssueCode.custom,
602
+ }, qe = c.string({ invalid_type_error: "Обязательно к заполнению", required_error: "Обязательно к заполнению" }).superRefine((o, e) => {
603
+ be.test(o) || e.addIssue({
604
+ code: c.ZodIssueCode.custom,
605
605
  message: "Должна быть только кириллица"
606
606
  });
607
- const { surname: i, name: o, patronymic: n } = I(r);
608
- (!i || !o) && e.addIssue({
609
- code: x.ZodIssueCode.custom,
607
+ const { surname: i, name: r, patronymic: n } = B(o);
608
+ (!i || !r) && e.addIssue({
609
+ code: c.ZodIssueCode.custom,
610
610
  message: "Введите имя и фамилию"
611
- }), T.test(o) || e.addIssue({
612
- code: x.ZodIssueCode.custom,
611
+ }), T.test(r) || e.addIssue({
612
+ code: c.ZodIssueCode.custom,
613
613
  message: "Неверно введено имя"
614
614
  }), T.test(i) || e.addIssue({
615
- code: x.ZodIssueCode.custom,
615
+ code: c.ZodIssueCode.custom,
616
616
  message: "Неверно введена фамилия"
617
- }), n && (ce.test(n) || e.addIssue({
618
- code: x.ZodIssueCode.custom,
617
+ }), n && (ge.test(n) || e.addIssue({
618
+ code: c.ZodIssueCode.custom,
619
619
  message: "Неверно введено отчество"
620
620
  }));
621
- }).transform((r) => {
622
- const { surname: e, name: i, patronymic: o } = I(r);
621
+ }).transform((o) => {
622
+ const { surname: e, name: i, patronymic: r } = B(o);
623
623
  return {
624
- surname: _(e),
625
- name: _(i),
626
- patronymic: o ? _(o) : void 0
624
+ surname: C(e),
625
+ name: C(i),
626
+ patronymic: r ? C(r) : void 0
627
627
  };
628
- }), $e = x.string().length(10, { message: j.INVALID_DATE }).superRefine((r, e) => {
629
- const [i, o, n] = (r == null ? void 0 : r.split(".")) ?? "", d = B(`${i}/${o}/${n}`, "dd/MM/yyyy", /* @__PURE__ */ new Date());
628
+ }), Je = c.string().length(10, { message: k.INVALID_DATE }).superRefine((o, e) => {
629
+ const [i, r, n] = (o == null ? void 0 : o.split(".")) ?? "", d = z(`${i}/${r}/${n}`, "dd/MM/yyyy", /* @__PURE__ */ new Date());
630
630
  +n <= 1950 && e.addIssue({
631
- code: x.ZodIssueCode.custom,
632
- message: j.INVALID_DATE
633
- }), Y(d) || e.addIssue({
634
- code: x.ZodIssueCode.custom,
635
- message: j.INVALID_DATE
631
+ code: c.ZodIssueCode.custom,
632
+ message: k.INVALID_DATE
633
+ }), ee(d) || e.addIssue({
634
+ code: c.ZodIssueCode.custom,
635
+ message: k.INVALID_DATE
636
636
  }), (/* @__PURE__ */ new Date()).getTime() < new Date(d).getTime() && e.addIssue({
637
- code: x.ZodIssueCode.custom,
638
- message: j.FUTURE_DATE_NOT_ALLOWED
637
+ code: c.ZodIssueCode.custom,
638
+ message: k.FUTURE_DATE_NOT_ALLOWED
639
639
  });
640
640
  });
641
- var Z = {}, H = {};
642
- (function(r) {
643
- Object.defineProperty(r, "__esModule", {
641
+ var Z = {}, W = {};
642
+ (function(o) {
643
+ Object.defineProperty(o, "__esModule", {
644
644
  value: !0
645
- }), Object.defineProperty(r, "default", {
645
+ }), Object.defineProperty(o, "default", {
646
646
  enumerable: !0,
647
647
  get: function() {
648
648
  return i;
649
649
  }
650
650
  });
651
- function e(o, n) {
651
+ function e(r, n) {
652
652
  return {
653
- handler: o,
653
+ handler: r,
654
654
  config: n
655
655
  };
656
656
  }
657
- e.withOptions = function(o, n = () => ({})) {
657
+ e.withOptions = function(r, n = () => ({})) {
658
658
  const d = function(l) {
659
659
  return {
660
660
  __options: l,
661
- handler: o(l),
661
+ handler: r(l),
662
662
  config: n(l)
663
663
  };
664
664
  };
665
- return d.__isOptionsFunction = !0, d.__pluginFunction = o, d.__configFunction = n, d;
665
+ return d.__isOptionsFunction = !0, d.__pluginFunction = r, d.__configFunction = n, d;
666
666
  };
667
667
  const i = e;
668
- })(H);
669
- (function(r) {
670
- Object.defineProperty(r, "__esModule", {
668
+ })(W);
669
+ (function(o) {
670
+ Object.defineProperty(o, "__esModule", {
671
671
  value: !0
672
- }), Object.defineProperty(r, "default", {
672
+ }), Object.defineProperty(o, "default", {
673
673
  enumerable: !0,
674
674
  get: function() {
675
- return o;
675
+ return r;
676
676
  }
677
677
  });
678
- const e = /* @__PURE__ */ i(H);
678
+ const e = /* @__PURE__ */ i(W);
679
679
  function i(n) {
680
680
  return n && n.__esModule ? n : {
681
681
  default: n
682
682
  };
683
683
  }
684
- const o = e.default;
684
+ const r = e.default;
685
685
  })(Z);
686
- let C = Z;
687
- var W = (C.__esModule ? C : { default: C }).default;
688
- const D = /* @__PURE__ */ z(W), be = W;
689
- function F(r) {
686
+ let _ = Z;
687
+ var X = (_.__esModule ? _ : { default: _ }).default;
688
+ const D = /* @__PURE__ */ L(X), he = X;
689
+ function F(o) {
690
690
  return Object.fromEntries(
691
- Object.entries(r).filter(([e]) => e !== "DEFAULT")
691
+ Object.entries(o).filter(([e]) => e !== "DEFAULT")
692
692
  );
693
693
  }
694
- var ge = be(
695
- ({ addUtilities: r, matchUtilities: e, theme: i }) => {
696
- r({
694
+ var ye = he(
695
+ ({ addUtilities: o, matchUtilities: e, theme: i }) => {
696
+ o({
697
697
  "@keyframes enter": i("keyframes.enter"),
698
698
  "@keyframes exit": i("keyframes.exit"),
699
699
  ".animate-in": {
@@ -716,85 +716,85 @@ var ge = be(
716
716
  }
717
717
  }), e(
718
718
  {
719
- "fade-in": (o) => ({ "--tw-enter-opacity": o }),
720
- "fade-out": (o) => ({ "--tw-exit-opacity": o })
719
+ "fade-in": (r) => ({ "--tw-enter-opacity": r }),
720
+ "fade-out": (r) => ({ "--tw-exit-opacity": r })
721
721
  },
722
722
  { values: i("animationOpacity") }
723
723
  ), e(
724
724
  {
725
- "zoom-in": (o) => ({ "--tw-enter-scale": o }),
726
- "zoom-out": (o) => ({ "--tw-exit-scale": o })
725
+ "zoom-in": (r) => ({ "--tw-enter-scale": r }),
726
+ "zoom-out": (r) => ({ "--tw-exit-scale": r })
727
727
  },
728
728
  { values: i("animationScale") }
729
729
  ), e(
730
730
  {
731
- "spin-in": (o) => ({ "--tw-enter-rotate": o }),
732
- "spin-out": (o) => ({ "--tw-exit-rotate": o })
731
+ "spin-in": (r) => ({ "--tw-enter-rotate": r }),
732
+ "spin-out": (r) => ({ "--tw-exit-rotate": r })
733
733
  },
734
734
  { values: i("animationRotate") }
735
735
  ), e(
736
736
  {
737
- "slide-in-from-top": (o) => ({
738
- "--tw-enter-translate-y": `-${o}`
737
+ "slide-in-from-top": (r) => ({
738
+ "--tw-enter-translate-y": `-${r}`
739
739
  }),
740
- "slide-in-from-bottom": (o) => ({
741
- "--tw-enter-translate-y": o
740
+ "slide-in-from-bottom": (r) => ({
741
+ "--tw-enter-translate-y": r
742
742
  }),
743
- "slide-in-from-left": (o) => ({
744
- "--tw-enter-translate-x": `-${o}`
743
+ "slide-in-from-left": (r) => ({
744
+ "--tw-enter-translate-x": `-${r}`
745
745
  }),
746
- "slide-in-from-right": (o) => ({
747
- "--tw-enter-translate-x": o
746
+ "slide-in-from-right": (r) => ({
747
+ "--tw-enter-translate-x": r
748
748
  }),
749
- "slide-out-to-top": (o) => ({
750
- "--tw-exit-translate-y": `-${o}`
749
+ "slide-out-to-top": (r) => ({
750
+ "--tw-exit-translate-y": `-${r}`
751
751
  }),
752
- "slide-out-to-bottom": (o) => ({
753
- "--tw-exit-translate-y": o
752
+ "slide-out-to-bottom": (r) => ({
753
+ "--tw-exit-translate-y": r
754
754
  }),
755
- "slide-out-to-left": (o) => ({
756
- "--tw-exit-translate-x": `-${o}`
755
+ "slide-out-to-left": (r) => ({
756
+ "--tw-exit-translate-x": `-${r}`
757
757
  }),
758
- "slide-out-to-right": (o) => ({
759
- "--tw-exit-translate-x": o
758
+ "slide-out-to-right": (r) => ({
759
+ "--tw-exit-translate-x": r
760
760
  })
761
761
  },
762
762
  { values: i("animationTranslate") }
763
763
  ), e(
764
- { duration: (o) => ({ animationDuration: o }) },
764
+ { duration: (r) => ({ animationDuration: r }) },
765
765
  { values: F(i("animationDuration")) }
766
766
  ), e(
767
- { delay: (o) => ({ animationDelay: o }) },
767
+ { delay: (r) => ({ animationDelay: r }) },
768
768
  { values: i("animationDelay") }
769
769
  ), e(
770
- { ease: (o) => ({ animationTimingFunction: o }) },
770
+ { ease: (r) => ({ animationTimingFunction: r }) },
771
771
  { values: F(i("animationTimingFunction")) }
772
- ), r({
772
+ ), o({
773
773
  ".running": { animationPlayState: "running" },
774
774
  ".paused": { animationPlayState: "paused" }
775
775
  }), e(
776
- { "fill-mode": (o) => ({ animationFillMode: o }) },
776
+ { "fill-mode": (r) => ({ animationFillMode: r }) },
777
777
  { values: i("animationFillMode") }
778
778
  ), e(
779
- { direction: (o) => ({ animationDirection: o }) },
779
+ { direction: (r) => ({ animationDirection: r }) },
780
780
  { values: i("animationDirection") }
781
781
  ), e(
782
- { repeat: (o) => ({ animationIterationCount: o }) },
782
+ { repeat: (r) => ({ animationIterationCount: r }) },
783
783
  { values: i("animationRepeat") }
784
784
  );
785
785
  },
786
786
  {
787
787
  theme: {
788
788
  extend: {
789
- animationDelay: ({ theme: r }) => ({
790
- ...r("transitionDelay")
789
+ animationDelay: ({ theme: o }) => ({
790
+ ...o("transitionDelay")
791
791
  }),
792
- animationDuration: ({ theme: r }) => ({
792
+ animationDuration: ({ theme: o }) => ({
793
793
  0: "0ms",
794
- ...r("transitionDuration")
794
+ ...o("transitionDuration")
795
795
  }),
796
- animationTimingFunction: ({ theme: r }) => ({
797
- ...r("transitionTimingFunction")
796
+ animationTimingFunction: ({ theme: o }) => ({
797
+ ...o("transitionTimingFunction")
798
798
  }),
799
799
  animationFillMode: {
800
800
  none: "none",
@@ -808,21 +808,21 @@ var ge = be(
808
808
  alternate: "alternate",
809
809
  "alternate-reverse": "alternate-reverse"
810
810
  },
811
- animationOpacity: ({ theme: r }) => ({
811
+ animationOpacity: ({ theme: o }) => ({
812
812
  DEFAULT: 0,
813
- ...r("opacity")
813
+ ...o("opacity")
814
814
  }),
815
- animationTranslate: ({ theme: r }) => ({
815
+ animationTranslate: ({ theme: o }) => ({
816
816
  DEFAULT: "100%",
817
- ...r("translate")
817
+ ...o("translate")
818
818
  }),
819
- animationScale: ({ theme: r }) => ({
819
+ animationScale: ({ theme: o }) => ({
820
820
  DEFAULT: 0,
821
- ...r("scale")
821
+ ...o("scale")
822
822
  }),
823
- animationRotate: ({ theme: r }) => ({
823
+ animationRotate: ({ theme: o }) => ({
824
824
  DEFAULT: "30deg",
825
- ...r("rotate")
825
+ ...o("rotate")
826
826
  }),
827
827
  animationRepeat: {
828
828
  0: "0",
@@ -847,36 +847,36 @@ var ge = be(
847
847
  }
848
848
  }
849
849
  );
850
- const X = /* @__PURE__ */ z(ge), Ue = {
850
+ const q = /* @__PURE__ */ L(ye), Qe = {
851
851
  theme: {
852
852
  screens: {
853
853
  desktop: "1188px"
854
854
  },
855
855
  backgroundColor: {
856
- color: k,
857
- banner: P,
856
+ color: N,
857
+ banner: O,
858
858
  icon: b
859
859
  },
860
860
  textColor: {
861
861
  icon: b,
862
- color: O
862
+ color: P
863
863
  },
864
864
  fill: b,
865
865
  stroke: b,
866
- borderColor: N,
867
- outlineColor: N,
868
- borderRadius: V,
866
+ borderColor: I,
867
+ outlineColor: I,
868
+ borderRadius: M,
869
869
  fontFamily: { roboto: ["var(--ff-roboto)", "sans-serif"] },
870
- fontSize: $,
871
- lineHeight: U,
872
- gradientColorStops: k,
870
+ fontSize: U,
871
+ lineHeight: H,
872
+ gradientColorStops: N,
873
873
  boxShadow: {
874
874
  sm: "0 8px 20px 0 rgba(0, 0, 0, 0.08)",
875
875
  md: "0 12px 20px 0 rgba(0, 33, 87, 0.10)",
876
876
  lg: "0 16px 24px 0 rgba(0, 33, 87, 0.16)"
877
877
  },
878
878
  extend: {
879
- bgGradientDeg: M,
879
+ bgGradientDeg: $,
880
880
  width: {
881
881
  "popper-content": "var(--radix-popover-content-available-width)",
882
882
  "popper-trigger": "var(--radix-popover-trigger-width)",
@@ -920,12 +920,12 @@ const X = /* @__PURE__ */ z(ge), Ue = {
920
920
  }
921
921
  },
922
922
  plugins: [
923
- X,
924
- D(({ addComponents: r }) => {
925
- r(G);
923
+ q,
924
+ D(({ addComponents: o }) => {
925
+ o(G);
926
926
  }),
927
- D(function({ matchUtilities: r, theme: e }) {
928
- r(
927
+ D(function({ matchUtilities: o, theme: e }) {
928
+ o(
929
929
  {
930
930
  "bg-deg-gradient": (i) => ({
931
931
  "background-image": `linear-gradient(${i}, var(--tw-gradient-stops))`
@@ -937,7 +937,7 @@ const X = /* @__PURE__ */ z(ge), Ue = {
937
937
  );
938
938
  })
939
939
  ]
940
- }, Ge = {
940
+ }, Ke = {
941
941
  theme: {
942
942
  extend: {
943
943
  transitionDuration: {
@@ -977,46 +977,46 @@ const X = /* @__PURE__ */ z(ge), Ue = {
977
977
  }
978
978
  }
979
979
  }
980
- }, Ze = {
980
+ }, Ye = {
981
981
  theme: {
982
982
  screens: {
983
983
  desktop: "1188px"
984
984
  },
985
985
  backgroundColor: {
986
- color: k,
987
- banner: P,
986
+ color: N,
987
+ banner: O,
988
988
  icon: b
989
989
  },
990
990
  textColor: {
991
991
  icon: b,
992
- color: O
992
+ color: P
993
993
  },
994
994
  fill: b,
995
995
  stroke: b,
996
- borderColor: N,
997
- outlineColor: N,
998
- borderRadius: V,
996
+ borderColor: I,
997
+ outlineColor: I,
998
+ borderRadius: M,
999
999
  fontFamily: { roboto: ["var(--ff-roboto)", "sans-serif"] },
1000
- fontSize: $,
1001
- lineHeight: U,
1002
- gradientColorStops: k,
1000
+ fontSize: U,
1001
+ lineHeight: H,
1002
+ gradientColorStops: N,
1003
1003
  boxShadow: {
1004
1004
  sm: "0 8px 20px 0 rgba(0, 0, 0, 0.08)",
1005
1005
  md: "0 12px 20px 0 rgba(0, 33, 87, 0.10)",
1006
1006
  lg: "0 16px 24px 0 rgba(0, 33, 87, 0.16)"
1007
1007
  },
1008
- zIndex: xe,
1008
+ zIndex: ce,
1009
1009
  extend: {
1010
- bgGradientDeg: M
1010
+ bgGradientDeg: $
1011
1011
  }
1012
1012
  },
1013
1013
  plugins: [
1014
- X,
1015
- D(({ addComponents: r }) => {
1016
- r(G);
1014
+ q,
1015
+ D(({ addComponents: o }) => {
1016
+ o(G);
1017
1017
  }),
1018
- D(function({ matchUtilities: r, theme: e }) {
1019
- r(
1018
+ D(function({ matchUtilities: o, theme: e }) {
1019
+ o(
1020
1020
  {
1021
1021
  "bg-deg-gradient": (i) => ({
1022
1022
  "background-image": `linear-gradient(${i}, var(--tw-gradient-stops))`
@@ -1028,42 +1028,42 @@ const X = /* @__PURE__ */ z(ge), Ue = {
1028
1028
  );
1029
1029
  })
1030
1030
  ]
1031
- }, q = ({ buttonsConfig: r, classes: e, className: i }) => {
1031
+ }, J = ({ buttonsConfig: o, classes: e, className: i }) => {
1032
1032
  var n;
1033
- const o = (r == null ? void 0 : r.secondary) && r.secondary.children;
1033
+ const r = (o == null ? void 0 : o.secondary) && o.secondary.children;
1034
1034
  return /* @__PURE__ */ t.jsxs(
1035
1035
  "div",
1036
1036
  {
1037
1037
  "data-id": "banner-buttons-group",
1038
1038
  className: a(
1039
1039
  "grid-buttons-apply absolute bottom-6 flex w-full max-w-[328px] flex-col justify-self-center desktop:static desktop:max-w-full desktop:flex-row desktop:justify-normal",
1040
- { "flex items-center gap-4": o },
1040
+ { "flex items-center gap-4": r },
1041
1041
  e == null ? void 0 : e.group,
1042
1042
  i
1043
1043
  ),
1044
1044
  children: [
1045
- /* @__PURE__ */ t.jsx(E, { intent: "primary", ...r.primary, isFull: !0, className: a("desktop:max-w-[216px]", e == null ? void 0 : e.primary), children: r.primary.children }),
1046
- o && /* @__PURE__ */ t.jsx(
1047
- E,
1045
+ /* @__PURE__ */ t.jsx(j, { intent: "primary", ...o.primary, isFull: !0, className: a("desktop:max-w-[216px]", e == null ? void 0 : e.primary), children: o.primary.children }),
1046
+ r && /* @__PURE__ */ t.jsx(
1047
+ j,
1048
1048
  {
1049
1049
  intent: "secondary",
1050
- ...r == null ? void 0 : r.secondary,
1050
+ ...o == null ? void 0 : o.secondary,
1051
1051
  isFull: !0,
1052
1052
  className: a("desktop:max-w-[216px]", e == null ? void 0 : e.secondary),
1053
- children: (n = r == null ? void 0 : r.secondary) == null ? void 0 : n.children
1053
+ children: (n = o == null ? void 0 : o.secondary) == null ? void 0 : n.children
1054
1054
  }
1055
1055
  )
1056
1056
  ]
1057
1057
  }
1058
1058
  );
1059
- }, J = ({ advantagesList: r, classes: e }) => /* @__PURE__ */ t.jsx(
1059
+ }, Q = ({ advantagesList: o, classes: e }) => /* @__PURE__ */ t.jsx(
1060
1060
  "div",
1061
1061
  {
1062
1062
  className: a(
1063
1063
  "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",
1064
1064
  e == null ? void 0 : e.wrapper
1065
1065
  ),
1066
- children: r == null ? void 0 : r.map(({ title: i, description: o }) => /* @__PURE__ */ t.jsxs(
1066
+ children: o == null ? void 0 : o.map(({ title: i, description: r }) => /* @__PURE__ */ t.jsxs(
1067
1067
  "div",
1068
1068
  {
1069
1069
  className: a(
@@ -1071,18 +1071,18 @@ const X = /* @__PURE__ */ z(ge), Ue = {
1071
1071
  e == null ? void 0 : e.advantage
1072
1072
  ),
1073
1073
  children: [
1074
- /* @__PURE__ */ t.jsx(g, { as: "h4", className: a("text-color-dark", e == null ? void 0 : e.title), children: i }),
1075
- /* @__PURE__ */ t.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", e == null ? void 0 : e.description), children: o })
1074
+ /* @__PURE__ */ t.jsx(h, { as: "h4", className: a("text-color-dark", e == null ? void 0 : e.title), children: i }),
1075
+ /* @__PURE__ */ t.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", e == null ? void 0 : e.description), children: r })
1076
1076
  ]
1077
1077
  },
1078
1078
  i
1079
1079
  ))
1080
1080
  }
1081
- ), he = ({
1082
- headTitle: r,
1081
+ ), se = ({
1082
+ headTitle: o,
1083
1083
  subtitle: e,
1084
1084
  buttonsConfig: i,
1085
- advantagesList: o,
1085
+ advantagesList: r,
1086
1086
  classes: n,
1087
1087
  img: d,
1088
1088
  imgSets: l
@@ -1107,7 +1107,7 @@ const X = /* @__PURE__ */ z(ge), Ue = {
1107
1107
  ] })
1108
1108
  }
1109
1109
  ),
1110
- /* @__PURE__ */ t.jsxs(h, { "data-id": "banner-container", className: a("h-full pb-6", n == null ? void 0 : n.container), children: [
1110
+ /* @__PURE__ */ t.jsxs(g, { "data-id": "banner-container", className: a("h-full pb-6", n == null ? void 0 : n.container), children: [
1111
1111
  /* @__PURE__ */ t.jsxs(
1112
1112
  "div",
1113
1113
  {
@@ -1126,13 +1126,13 @@ const X = /* @__PURE__ */ z(ge), Ue = {
1126
1126
  n == null ? void 0 : n.textBlock
1127
1127
  ),
1128
1128
  children: [
1129
- /* @__PURE__ */ t.jsx(g, { "data-id": "banner-title", as: "h1", className: a("text-color-white", n == null ? void 0 : n.title), children: r }),
1129
+ /* @__PURE__ */ t.jsx(h, { "data-id": "banner-title", as: "h1", className: a("text-color-white", n == null ? void 0 : n.title), children: o }),
1130
1130
  /* @__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 })
1131
1131
  ]
1132
1132
  }
1133
1133
  ),
1134
1134
  /* @__PURE__ */ t.jsx(
1135
- q,
1135
+ J,
1136
1136
  {
1137
1137
  className: "self-end desktop:self-center",
1138
1138
  "data-id": "banner-buttons-group",
@@ -1148,20 +1148,20 @@ const X = /* @__PURE__ */ z(ge), Ue = {
1148
1148
  {
1149
1149
  "data-id": "banner-advantages",
1150
1150
  className: a("absolute bottom-[-400px] right-1/2 translate-x-1/2 desktop:bottom-[-50px]", n == null ? void 0 : n.advantages),
1151
- children: o && (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ t.jsx(J, { "data-id": "banner-advantages-list", advantagesList: o })
1151
+ children: r && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ t.jsx(Q, { "data-id": "banner-advantages-list", advantagesList: r })
1152
1152
  }
1153
1153
  )
1154
1154
  ] })
1155
1155
  ] }), A = ({
1156
- headTitle: r,
1156
+ headTitle: o,
1157
1157
  subtitle: e,
1158
1158
  buttonsConfig: i,
1159
- advantagesList: o,
1159
+ advantagesList: r,
1160
1160
  classes: n,
1161
1161
  img: d
1162
1162
  }) => {
1163
- const l = Object.keys(i).reduce((u, f) => f ? u + 1 : u, 0);
1164
- return /* @__PURE__ */ t.jsx("section", { "data-id": "banner-section", className: a("relative bg-banner-skyblue-300 pb-6 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: [
1163
+ const l = Object.keys(i).reduce((m, f) => f ? m + 1 : m, 0);
1164
+ return /* @__PURE__ */ t.jsx("section", { "data-id": "banner-section", className: a("relative bg-banner-skyblue-300 pb-6 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: [
1165
1165
  /* @__PURE__ */ t.jsxs(
1166
1166
  "div",
1167
1167
  {
@@ -1174,12 +1174,12 @@ const X = /* @__PURE__ */ z(ge), Ue = {
1174
1174
  "data-id": "banner-text-block",
1175
1175
  className: a("grid-text-apply mb-2 flex flex-col gap-4 pt-6 desktop:pb-10 desktop:pt-20", n == null ? void 0 : n.textBlock),
1176
1176
  children: [
1177
- /* @__PURE__ */ t.jsx(g, { "data-id": "banner-title", as: "h1", className: a("text-color-dark", n == null ? void 0 : n.title), children: r }),
1177
+ /* @__PURE__ */ t.jsx(h, { "data-id": "banner-title", as: "h1", className: a("text-color-dark", n == null ? void 0 : n.title), children: o }),
1178
1178
  /* @__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 })
1179
1179
  ]
1180
1180
  }
1181
1181
  ),
1182
- /* @__PURE__ */ t.jsx(q, { buttonsConfig: i, classes: n }),
1182
+ /* @__PURE__ */ t.jsx(J, { buttonsConfig: i, classes: n }),
1183
1183
  /* @__PURE__ */ t.jsx(
1184
1184
  "div",
1185
1185
  {
@@ -1209,20 +1209,20 @@ const X = /* @__PURE__ */ z(ge), Ue = {
1209
1209
  {
1210
1210
  "data-id": "banner-advantages",
1211
1211
  className: a("absolute bottom-[-400px] right-1/2 translate-x-1/2 desktop:bottom-[-50px]", n == null ? void 0 : n.advantages),
1212
- children: o && (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ t.jsx(J, { classes: n, advantagesList: o })
1212
+ children: r && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ t.jsx(Q, { classes: n, advantagesList: r })
1213
1213
  }
1214
1214
  )
1215
1215
  ] }) });
1216
- }, He = ({ bannerVariant: r, ...e }) => {
1217
- switch (r) {
1216
+ }, et = ({ bannerVariant: o, ...e }) => {
1217
+ switch (o) {
1218
1218
  case "sepatateImg":
1219
1219
  return /* @__PURE__ */ t.jsx(A, { ...e });
1220
1220
  case "fullImg":
1221
- return /* @__PURE__ */ t.jsx(he, { ...e });
1221
+ return /* @__PURE__ */ t.jsx(se, { ...e });
1222
1222
  default:
1223
1223
  return /* @__PURE__ */ t.jsx(A, { ...e });
1224
1224
  }
1225
- }, ye = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
1225
+ }, we = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
1226
1226
  "© 2004-2024, ПАО «Совкомбанк». Все права защищены. ",
1227
1227
  /* @__PURE__ */ t.jsx("br", {}),
1228
1228
  " Генеральная лицензия Банка России №963 от 5 декабря 2014 г."
@@ -1232,14 +1232,14 @@ const X = /* @__PURE__ */ z(ge), Ue = {
1232
1232
  Банке. Банк вправе отказать в предоставлении кредита без объяснения причины, а также запросить дополнительную информацию о
1233
1233
  клиенте. Предварительное одобрение не влечет обязательств Банка по выдаче кредита. В некоторых случаях срок рассмотрения
1234
1234
  заявки может составлять до 3 рабочих дней. Полный электронный документооборот при наличии открытого р/с в ПАО «Совкомбанк»
1235
- и действующей ЭЦП. Условия рекламы действительны на 20.02.2024г.`, we = [
1235
+ и действующей ЭЦП. Условия рекламы действительны на 20.02.2024г.`, ke = [
1236
1236
  { phone: "8 800 100-00-06", text: "Звонок по России (бесплатно)" },
1237
1237
  { phone: "+7 (495) 988 00 00", text: "Для звонков из-за рубежа (платно)" }
1238
- ], se = [
1238
+ ], je = [
1239
1239
  { iconName: "social/vk", href: "/vk" },
1240
1240
  { iconName: "social/telegram", href: "/tg" },
1241
1241
  { iconName: "social/classmates", href: "/cl" }
1242
- ], je = [
1242
+ ], Ne = [
1243
1243
  {
1244
1244
  groupLabel: "Совкомбанк",
1245
1245
  links: [
@@ -1316,19 +1316,19 @@ const X = /* @__PURE__ */ z(ge), Ue = {
1316
1316
  { text: "Офисы и банкоматы", href: "/" }
1317
1317
  ]
1318
1318
  }
1319
- ], ke = ({ socialsLinks: r, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: a("mt-6 flex items-center gap-2", e == null ? void 0 : e.socialRoot), children: r == null ? void 0 : r.map(({ iconName: i, href: o }) => /* @__PURE__ */ t.jsx(
1319
+ ], Ie = ({ socialsLinks: o, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: a("mt-6 flex items-center gap-2", e == null ? void 0 : e.socialRoot), children: o == null ? void 0 : o.map(({ iconName: i, href: r }) => /* @__PURE__ */ t.jsx(
1320
1320
  "a",
1321
1321
  {
1322
1322
  className: a("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", e == null ? void 0 : e.socialLink),
1323
- href: o,
1324
- children: /* @__PURE__ */ t.jsx(m, { name: i, className: a("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
1323
+ href: r,
1324
+ children: /* @__PURE__ */ t.jsx(x, { name: i, className: a("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
1325
1325
  },
1326
- o
1327
- )) }), Ne = ({ phones: r, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: a("flex flex-col items-end gap-4", e == null ? void 0 : e.phonesRoot), children: r == null ? void 0 : r.map(({ phone: i, text: o }) => /* @__PURE__ */ t.jsx(
1328
- S,
1326
+ r
1327
+ )) }), 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(
1328
+ V,
1329
1329
  {
1330
1330
  phone: i,
1331
- text: o,
1331
+ text: r,
1332
1332
  classes: {
1333
1333
  wrapper: a(e == null ? void 0 : e.phoneWrapper),
1334
1334
  text: a("text-color-footer", e == null ? void 0 : e.phoneText),
@@ -1336,9 +1336,9 @@ const X = /* @__PURE__ */ z(ge), Ue = {
1336
1336
  }
1337
1337
  },
1338
1338
  i
1339
- )) }), De = ({ navigationLinks: r, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: a("grid grid-cols-4 gap-10 border-y border-blue-grey-500 py-8 pt-8", e == null ? void 0 : e.navRoot), children: r == null ? void 0 : r.map(({ groupLabel: i, links: o }) => /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col gap-4", e == null ? void 0 : e.navGroup), children: [
1339
+ )) }), Ce = ({ navigationLinks: o, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: a("grid grid-cols-4 gap-10 border-y border-blue-grey-500 py-8 pt-8", e == null ? void 0 : e.navRoot), children: o == null ? void 0 : o.map(({ groupLabel: i, links: r }) => /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col gap-4", e == null ? void 0 : e.navGroup), children: [
1340
1340
  /* @__PURE__ */ t.jsx("div", { className: a("desk-body-regular-m font-medium text-color-white", e == null ? void 0 : e.navLabel), children: i }),
1341
- /* @__PURE__ */ t.jsx("div", { className: a("flex flex-col gap-2", e == null ? void 0 : e.navWrapper), children: o == null ? void 0 : o.map(({ text: n, href: d }) => /* @__PURE__ */ t.jsx(
1341
+ /* @__PURE__ */ t.jsx("div", { className: a("flex flex-col gap-2", e == null ? void 0 : e.navWrapper), children: r == null ? void 0 : r.map(({ text: n, href: d }) => /* @__PURE__ */ t.jsx(
1342
1342
  "a",
1343
1343
  {
1344
1344
  href: d,
@@ -1350,19 +1350,19 @@ const X = /* @__PURE__ */ z(ge), Ue = {
1350
1350
  },
1351
1351
  n
1352
1352
  )) })
1353
- ] }, i)) }), _e = ({ ligal: r, classes: e }) => {
1354
- const [i, o] = s.useState(!1), [n, d] = s.useState(!1), l = s.useRef(null);
1355
- return s.useEffect(() => {
1356
- const u = l.current;
1357
- u && d(u.scrollHeight > u.clientHeight);
1353
+ ] }, i)) }), _e = ({ ligal: o, classes: e }) => {
1354
+ const [i, r] = v.useState(!1), [n, d] = v.useState(!1), l = v.useRef(null);
1355
+ return v.useEffect(() => {
1356
+ const m = l.current;
1357
+ m && d(m.scrollHeight > m.clientHeight);
1358
1358
  }, []), /* @__PURE__ */ t.jsxs("div", { className: a("mt-8 flex flex-col gap-4", e == null ? void 0 : e.ligalRoot), children: [
1359
- /* @__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: r }),
1359
+ /* @__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 }),
1360
1360
  n && /* @__PURE__ */ t.jsx(
1361
1361
  "div",
1362
1362
  {
1363
1363
  tabIndex: 0,
1364
1364
  role: "button",
1365
- onClick: () => o((u) => !u),
1365
+ onClick: () => r((m) => !m),
1366
1366
  className: a(
1367
1367
  "desk-body-regular-l w-max cursor-pointer font-medium text-color-footer transition-colors hover:text-color-white",
1368
1368
  e == null ? void 0 : e.ligalButton
@@ -1371,31 +1371,31 @@ const X = /* @__PURE__ */ z(ge), Ue = {
1371
1371
  }
1372
1372
  )
1373
1373
  ] });
1374
- }, Ce = ({ text: r, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: a("desk-body-regular-m text-color-footer", e == null ? void 0 : e.text), children: r }), We = ({
1375
- withSocial: r = !0,
1374
+ }, Ee = ({ text: o, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: a("desk-body-regular-m text-color-footer", e == null ? void 0 : e.text), children: o }), tt = ({
1375
+ withSocial: o = !0,
1376
1376
  withPhones: e = !0,
1377
1377
  withNavLinks: i = !0,
1378
- withLigal: o = !0,
1378
+ withLigal: r = !0,
1379
1379
  withCopyright: n = !0,
1380
1380
  withSiteMap: d = !0,
1381
- socialsLinks: l = se,
1382
- phones: u = we,
1383
- navigationLinks: f = je,
1381
+ socialsLinks: l = je,
1382
+ phones: m = ke,
1383
+ navigationLinks: f = Ne,
1384
1384
  ligal: y = ve,
1385
- copyright: v = ye,
1385
+ copyright: s = we,
1386
1386
  classes: p
1387
- }) => /* @__PURE__ */ t.jsx(R, { 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: [
1387
+ }) => /* @__PURE__ */ t.jsx(S, { 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: [
1388
1388
  /* @__PURE__ */ t.jsxs("div", { className: a("mb-8 flex items-center justify-between gap-6", p == null ? void 0 : p.footerHead), children: [
1389
1389
  /* @__PURE__ */ t.jsxs("div", { className: a(p == null ? void 0 : p.footerSocialBlock), children: [
1390
- /* @__PURE__ */ t.jsx("a", { href: "/", className: a(p == null ? void 0 : p.footerLogo), children: /* @__PURE__ */ t.jsx(m, { name: "brandLogos/logoWhite", className: "h-[32px] w-[194px]" }) }),
1391
- r && /* @__PURE__ */ t.jsx(ke, { socialsLinks: l, classes: p })
1390
+ /* @__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]" }) }),
1391
+ o && /* @__PURE__ */ t.jsx(Ie, { socialsLinks: l, classes: p })
1392
1392
  ] }),
1393
- e && /* @__PURE__ */ t.jsx(Ne, { phones: u, classes: p })
1393
+ e && /* @__PURE__ */ t.jsx(De, { phones: m, classes: p })
1394
1394
  ] }),
1395
- i && /* @__PURE__ */ t.jsx(De, { navigationLinks: f, classes: p }),
1396
- o && /* @__PURE__ */ t.jsx(_e, { ligal: y, classes: p }),
1395
+ i && /* @__PURE__ */ t.jsx(Ce, { navigationLinks: f, classes: p }),
1396
+ r && /* @__PURE__ */ t.jsx(_e, { ligal: y, classes: p }),
1397
1397
  /* @__PURE__ */ t.jsxs("div", { className: "mt-6 flex items-start justify-between gap-6", children: [
1398
- n && /* @__PURE__ */ t.jsx(Ce, { text: v, classes: p }),
1398
+ n && /* @__PURE__ */ t.jsx(Ee, { text: s, classes: p }),
1399
1399
  d && /* @__PURE__ */ t.jsx(
1400
1400
  "a",
1401
1401
  {
@@ -1407,37 +1407,52 @@ const X = /* @__PURE__ */ z(ge), Ue = {
1407
1407
  }
1408
1408
  )
1409
1409
  ] })
1410
- ] }) }) }), Ee = (r) => {
1411
- switch (r.variant) {
1410
+ ] }) }) }), Te = (o) => {
1411
+ var e, i, r, n;
1412
+ switch (o.variant) {
1412
1413
  case "withButton":
1413
- return /* @__PURE__ */ t.jsx(E, { intent: "secondary", size: "sm", children: "Оформить заявку" });
1414
+ return /* @__PURE__ */ t.jsx(j, { intent: "secondary", size: "sm", className: (e = o.classes) == null ? void 0 : e.button, children: "Оформить заявку" });
1414
1415
  case "withPhone":
1415
- const { phone: e, phoneText: i } = r;
1416
- return /* @__PURE__ */ t.jsx(S, { phone: e, text: i });
1416
+ const { phone: d, phoneText: l } = o;
1417
+ return /* @__PURE__ */ t.jsx(
1418
+ V,
1419
+ {
1420
+ phone: d,
1421
+ text: l,
1422
+ classes: {
1423
+ wrapper: (i = o.classes) == null ? void 0 : i.phoneWrapper,
1424
+ text: (r = o.classes) == null ? void 0 : r.phoneText,
1425
+ link: (n = o.classes) == null ? void 0 : n.phoneLink
1426
+ }
1427
+ }
1428
+ );
1417
1429
  default:
1418
1430
  return null;
1419
1431
  }
1420
- }, Xe = (r) => {
1421
- const { logoPath: e = "/", logoType: i = "main" } = r;
1422
- return /* @__PURE__ */ t.jsx("header", { className: "flex h-[72px] items-center justify-center bg-color-blue-grey-200", children: /* @__PURE__ */ t.jsx(h, { children: /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between gap-5", children: [
1432
+ }, rt = (o) => {
1433
+ const { logoPath: e = "/", logoType: i = "main", classes: r } = o;
1434
+ 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: [
1423
1435
  /* @__PURE__ */ t.jsx(
1424
1436
  "a",
1425
1437
  {
1426
1438
  href: e,
1427
1439
  target: "_blank",
1428
1440
  rel: "noreferrer",
1429
- className: "flex items-center justify-center [&_svg]:w-[114px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
1430
- children: me[i]
1441
+ className: a(
1442
+ "flex items-center justify-center [&_svg]:w-[114px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
1443
+ r == null ? void 0 : r.logo
1444
+ ),
1445
+ children: fe[i]
1431
1446
  }
1432
1447
  ),
1433
- Ee(r)
1448
+ Te(o)
1434
1449
  ] }) }) });
1435
- }, Te = ({ title: r, description: e, index: i, classes: o }) => /* @__PURE__ */ t.jsxs(
1450
+ }, Be = ({ title: o, description: e, index: i, classes: r }) => /* @__PURE__ */ t.jsxs(
1436
1451
  "div",
1437
1452
  {
1438
1453
  className: a(
1439
1454
  "border-color-blue-grey-500 flex w-[328px] max-w-[328px] flex-col gap-6 rounded-md border border-solid p-4 desktop:w-[348px] desktop:max-w-[348px] desktop:border-none desktop:p-0",
1440
- o == null ? void 0 : o.singleStep
1455
+ r == null ? void 0 : r.singleStep
1441
1456
  ),
1442
1457
  children: [
1443
1458
  /* @__PURE__ */ t.jsx(
@@ -1445,19 +1460,19 @@ const X = /* @__PURE__ */ z(ge), Ue = {
1445
1460
  {
1446
1461
  className: a(
1447
1462
  "mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12",
1448
- o == null ? void 0 : o.numeric
1463
+ r == null ? void 0 : r.numeric
1449
1464
  ),
1450
1465
  children: i
1451
1466
  }
1452
1467
  ),
1453
- /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col gap-4", o == null ? void 0 : o.textBlock), children: [
1454
- /* @__PURE__ */ t.jsx(g, { as: "h4", className: a("text-color-dark", o == null ? void 0 : o.title), children: r }),
1455
- /* @__PURE__ */ t.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", o == null ? void 0 : o.description), children: e })
1468
+ /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col gap-4", r == null ? void 0 : r.textBlock), children: [
1469
+ /* @__PURE__ */ t.jsx(h, { as: "h4", className: a("text-color-dark", r == null ? void 0 : r.title), children: o }),
1470
+ /* @__PURE__ */ t.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", r == null ? void 0 : r.description), children: e })
1456
1471
  ] })
1457
1472
  ]
1458
1473
  }
1459
- ), qe = ({ heading: r, stepsList: e, classes: i }) => /* @__PURE__ */ t.jsx(R, { children: /* @__PURE__ */ t.jsx(h, { children: /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col gap-12", i == null ? void 0 : i.root), children: [
1460
- /* @__PURE__ */ t.jsx(g, { as: "h2", className: a("text-color-dark", i == null ? void 0 : i.headline), children: r }),
1474
+ ), ot = ({ heading: o, stepsList: e, classes: i }) => /* @__PURE__ */ t.jsx(S, { children: /* @__PURE__ */ t.jsx(g, { children: /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col gap-12", i == null ? void 0 : i.root), children: [
1475
+ /* @__PURE__ */ t.jsx(h, { as: "h2", className: a("text-color-dark", i == null ? void 0 : i.headline), children: o }),
1461
1476
  /* @__PURE__ */ t.jsx(
1462
1477
  "div",
1463
1478
  {
@@ -1465,59 +1480,198 @@ const X = /* @__PURE__ */ z(ge), Ue = {
1465
1480
  "flex flex-col items-start gap-6 desktop:flex-row desktop:items-center desktop:gap-12",
1466
1481
  i == null ? void 0 : i.stepsWrapper
1467
1482
  ),
1468
- children: e == null ? void 0 : e.map((o, n) => /* @__PURE__ */ t.jsx(Te, { index: n + 1, ...o, classes: i }, o.title))
1483
+ children: e == null ? void 0 : e.map((r, n) => /* @__PURE__ */ t.jsx(Be, { index: n + 1, ...r, classes: i }, r.title))
1469
1484
  }
1470
1485
  )
1471
- ] }) }) });
1486
+ ] }) }) }), Fe = u("desktop:block", {
1487
+ variants: {
1488
+ intent: {
1489
+ twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
1490
+ fourItems: "mob-title-bold-l desktop:desk-title-bold-l mb-8"
1491
+ },
1492
+ desktopHidden: {
1493
+ true: "desktop:hidden"
1494
+ },
1495
+ mobileHidden: {
1496
+ true: "hidden"
1497
+ }
1498
+ },
1499
+ defaultVariants: {
1500
+ intent: "twoItems"
1501
+ }
1502
+ }), Ae = u("", {
1503
+ variants: {
1504
+ intent: {
1505
+ twoItems: "",
1506
+ fourItems: ""
1507
+ },
1508
+ withButton: {
1509
+ true: ""
1510
+ }
1511
+ },
1512
+ compoundVariants: [
1513
+ {
1514
+ intent: "twoItems",
1515
+ withButton: !0,
1516
+ class: "mb-8 desktop:flex"
1517
+ },
1518
+ {
1519
+ intent: "twoItems",
1520
+ withButton: !1,
1521
+ class: "desktop:flex"
1522
+ },
1523
+ {
1524
+ intent: "fourItems",
1525
+ withButton: !0,
1526
+ class: "desktop:grid grid-rows-2 mb-8 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
1527
+ },
1528
+ {
1529
+ intent: "fourItems",
1530
+ withButton: !1,
1531
+ class: "desktop:grid grid-rows-2 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
1532
+ }
1533
+ ]
1534
+ }), ze = u("border-blue-grey-500 pb-6 mb-6 border-b last:pb-0 last:mb-0", {
1535
+ variants: {
1536
+ intent: {
1537
+ twoItems: "last:border-none desktop:border-b-0 desktop:ml-8 desktop:border-r desktop:pr-8 desktop:first:ml-0 desktop:last:pr-0 desktop:pb-3 desktop:first:w-[292px]",
1538
+ fourItems: "last:border-none desktop:w-[264px] desktop:odd:border-b desktop:pb-0 desktop:odd:pb-3"
1539
+ }
1540
+ },
1541
+ defaultVariants: {
1542
+ intent: "twoItems"
1543
+ }
1544
+ }), Le = u("mx-auto desktop:m-0 mb-8 h-[172px] w-[280px]", {
1545
+ variants: {
1546
+ intent: {
1547
+ twoItems: "desktop:h-[232px] desktop:w-[500px]",
1548
+ fourItems: " "
1549
+ },
1550
+ withButton: {
1551
+ true: !0,
1552
+ false: !1
1553
+ }
1554
+ },
1555
+ defaultVariants: {
1556
+ intent: "twoItems"
1557
+ },
1558
+ compoundVariants: [
1559
+ {
1560
+ intent: "fourItems",
1561
+ withButton: !0,
1562
+ class: "desktop:h-[360px] desktop:w-[500px]"
1563
+ },
1564
+ {
1565
+ intent: "fourItems",
1566
+ withButton: !1,
1567
+ class: "desktop:h-[272px] desktop:w-[500px]"
1568
+ }
1569
+ ]
1570
+ }), Re = ({ data: o, intent: e }) => {
1571
+ const { title: i, description: r, popoverText: n } = o;
1572
+ return /* @__PURE__ */ t.jsx("li", { className: a(ze({ intent: e })), children: /* @__PURE__ */ t.jsxs("div", { children: [
1573
+ /* @__PURE__ */ t.jsxs("div", { className: a("mb-2 flex items-center gap-2"), children: [
1574
+ /* @__PURE__ */ t.jsx("h4", { className: a("mob-title-bold-m text-color-dark"), children: i }),
1575
+ n && /* @__PURE__ */ t.jsx(te, { triggerElement: /* @__PURE__ */ t.jsx(x, { className: a("size-4 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: n })
1576
+ ] }),
1577
+ /* @__PURE__ */ t.jsx("p", { className: a("mob-body-regular-l text-color-secondary"), children: r })
1578
+ ] }) });
1579
+ }, E = ({ 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)) }), nt = ({
1580
+ title: o,
1581
+ buttonConfig: e,
1582
+ intent: i = "twoItems",
1583
+ textContent: r,
1584
+ imageComponent: n,
1585
+ classes: d
1586
+ }) => {
1587
+ const l = !!e, m = i === "fourItems", f = i === "twoItems";
1588
+ 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: [
1589
+ f && /* @__PURE__ */ t.jsx(E, { intent: i, title: o }),
1590
+ /* @__PURE__ */ t.jsxs(
1591
+ "div",
1592
+ {
1593
+ className: a(
1594
+ "bg-banner-skyblue-100 px-6 pb-8 pt-6 desktop:flex desktop:flex-row-reverse desktop:justify-between desktop:px-0 desktop:py-0 desktop:pl-12",
1595
+ d == null ? void 0 : d.contentContainer
1596
+ ),
1597
+ children: [
1598
+ m && /* @__PURE__ */ t.jsx(E, { intent: i, title: o, desktopHidden: !0 }),
1599
+ /* @__PURE__ */ t.jsx("div", { className: a(Le({ intent: i, withButton: l }), d == null ? void 0 : d.imgContainer), children: n }),
1600
+ /* @__PURE__ */ t.jsxs(
1601
+ "div",
1602
+ {
1603
+ className: a("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", d == null ? void 0 : d.textWithBtnContainer),
1604
+ children: [
1605
+ m && /* @__PURE__ */ t.jsx(E, { intent: i, title: o, mobileHidden: !0 }),
1606
+ /* @__PURE__ */ t.jsx(Se, { textContent: r, intent: i, withButton: l }),
1607
+ l && /* @__PURE__ */ t.jsx(
1608
+ j,
1609
+ {
1610
+ className: a("w-full px-4 desktop:w-max", d == null ? void 0 : d.button),
1611
+ size: "lg",
1612
+ onClick: e.onClick,
1613
+ intent: "secondary",
1614
+ children: e.text
1615
+ }
1616
+ )
1617
+ ]
1618
+ }
1619
+ )
1620
+ ]
1621
+ }
1622
+ )
1623
+ ] }) });
1624
+ };
1472
1625
  export {
1473
- J as Advantages,
1474
- Ke as Badge,
1475
- He as Banner,
1626
+ Q as Advantages,
1627
+ dt as Badge,
1628
+ et as Banner,
1476
1629
  A as BannerWithSeparateImg,
1477
- Le as Breadcrumbs,
1478
- E as Button,
1479
- Re as ButtonIcon,
1480
- Se as CustomLink,
1481
- Ye as DADATA_BASE_CACHE_URL,
1482
- et as DADATA_BASE_CONSTANTS_URL,
1483
- Oe as Document,
1484
- We as Footer,
1485
- g as Heading,
1486
- m as Icon,
1487
- K as Loader,
1488
- tt as Notification,
1489
- Xe as PageHeader,
1490
- S as PhoneView,
1491
- Pe as ProgressBar,
1492
- h as ResponsiveContainer,
1630
+ Ue as Breadcrumbs,
1631
+ j as Button,
1632
+ He as ButtonIcon,
1633
+ Ge as CustomLink,
1634
+ lt as DADATA_BASE_CACHE_URL,
1635
+ pt as DADATA_BASE_CONSTANTS_URL,
1636
+ Ze as Document,
1637
+ tt as Footer,
1638
+ h as Heading,
1639
+ x as Icon,
1640
+ Y as Loader,
1641
+ nt as LongBanner,
1642
+ mt as Notification,
1643
+ rt as PageHeader,
1644
+ V as PhoneView,
1645
+ We as ProgressBar,
1646
+ g as ResponsiveContainer,
1493
1647
  T as RgxCheckForHyphen,
1494
- ce as RgxPatronymic,
1495
- fe as RgxUnicode,
1496
- R as Section,
1497
- Ve as Skeleton,
1498
- qe as Stepper,
1499
- ze as Table,
1500
- j as VALIDATION_MESSAGES,
1501
- k as allowedBackgroundColors,
1502
- M as allowedBackgroundDeg,
1503
- P as allowedBannersBackgroundColors,
1504
- V as allowedBorderRadius,
1505
- $ as allowedFontSize,
1648
+ ge as RgxPatronymic,
1649
+ be as RgxUnicode,
1650
+ S as Section,
1651
+ Xe as Skeleton,
1652
+ ot as Stepper,
1653
+ $e as Table,
1654
+ k as VALIDATION_MESSAGES,
1655
+ N as allowedBackgroundColors,
1656
+ $ as allowedBackgroundDeg,
1657
+ O as allowedBannersBackgroundColors,
1658
+ M as allowedBorderRadius,
1659
+ U as allowedFontSize,
1506
1660
  b as allowedIconsColors,
1507
- U as allowedLineHeight,
1508
- N as allowedStrokeColors,
1509
- O as allowedTextColors,
1661
+ H as allowedLineHeight,
1662
+ I as allowedStrokeColors,
1663
+ P as allowedTextColors,
1510
1664
  G as allowedTextStyles,
1511
- xe as allowedZIndex,
1512
- _ as capitalize,
1665
+ ce as allowedZIndex,
1666
+ C as capitalize,
1513
1667
  a as cn,
1514
- Ae as deepCompare,
1515
- Ge as extendsPreset,
1516
- Be as formatToDate,
1517
- rt as isClient,
1518
- Ze as resetPreset,
1519
- Ue as tailwindConfigBase,
1520
- $e as zodCalendarValidate,
1521
- Me as zodDadataFioValidate
1668
+ Oe as deepCompare,
1669
+ Ke as extendsPreset,
1670
+ Me as formatToDate,
1671
+ ut as isClient,
1672
+ Ye as resetPreset,
1673
+ Qe as tailwindConfigBase,
1674
+ Je as zodCalendarValidate,
1675
+ qe as zodDadataFioValidate
1522
1676
  };
1523
1677
  //# sourceMappingURL=hybrid.js.map