md-components-mdigial-azamat 0.0.33 → 0.0.35

package/dist/CardImageSecondaryList/index.js

@@ -1,4 +1,4 @@
-import { j as e } from "../index-b999483f.js";
+import { CardImageSecondaryList as e } from "./CardImageSecondaryList.js";
 export {
   e as CardImageSecondaryList
 };

package/dist/CardInfoTable/index.js

@@ -1,24 +1,189 @@
-import "react/jsx-runtime";
-import "react";
-import "../ConfigProvider/index.js";
-import { k as j } from "../index-b999483f.js";
-import "../Segments/Segments.js";
-import "../Video/VideoFull/VideoFull.js";
-import "../Video/VideoList/VideoList.js";
-import "../Video/VideoListMini/VideoListMini.js";
-import "../Partners/Partners.js";
-import "../HtmlContent/HtmlContent.js";
-import "../HeroPossibilityBanner/index.js";
-import "../PartnersColors/PartnersColors.js";
-import "../Cards/CardImage/CardImage.js";
-import "../Cards/ColoredCard/index.js";
-import "../index-a379154f.js";
-import "../Faq/components/Collapse/Collapse.js";
-import "../cn-d8c04b28.js";
-import "../index-b093f70c.js";
-import "../Space/Space.js";
-import "../Types/FiledTypes.js";
-import "../ComponentContainer-0fcc2695.js";
+import { jsxs as x, jsx as r } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import { FieldTypes as i } from "../Types/FiledTypes.js";
+import { C as h } from "../ComponentContainer-cdb2528c.js";
+import { c as p } from "../cn-6a4bf187.js";
+import { B as y } from "../index-6af94f99.js";
+import { a as w, B as u } from "../const-637b0dca.js";
+import { I as _ } from "../index-2265d593.js";
+const d = {
+  type: "data",
+  label: "Данные",
+  dataType: "object",
+  data: {
+    keys: {
+      title: i.TITLE,
+      description: i.DESCRIPTION
+    }
+  }
+}, N = [d, "className"], o = ({ data: e, className: l }) => {
+  var a;
+  return /* @__PURE__ */ x(
+    "div",
+    {
+      className: p(
+        "w-full grid grid-cols-[1fr_3fr] gap-[24px] py-[24px] border-b border-lightGray8 first:pt-0 first:pb-[24px] last:pt-[24px] last:pb-0 last:border-b-0",
+        "max-tablet:grid-cols-[140px_1fr] max-tablet:items-start max-tablet:gap-[12px] max-tablet:py-[16px] max-tablet:first:pt-0 max-tablet:first:pb-[16px] max-tablet:last:pt-[16px] max-tablet:last:pb-0 max-tablet:last:border-b-0",
+        l
+      ),
+      children: [
+        /* @__PURE__ */ r("p", { className: "text-[18px] leading-[26px] font-medium text-graySoft m-0 max-tablet:text-[13px] max-tablet:leading-[16px] max-tablet:w-[140px] max-tablet:break-words", children: e == null ? void 0 : e.title }),
+        /* @__PURE__ */ r("div", { className: "grid grid-cols-3 gap-[24px] w-full max-tablet:grid-cols-1 max-tablet:gap-0 max-tablet:w-auto", children: (a = e == null ? void 0 : e.columns) == null ? void 0 : a.map((t) => /* @__PURE__ */ x(
+          "div",
+          {
+            className: "w-full flex flex-col gap-[8px] max-tablet:py-[16px] max-tablet:border-b max-tablet:border-lightGray8 first:max-tablet:pt-0 first:max-tablet:pb-[16px] last:max-tablet:pt-[16px] last:max-tablet:pb-0 last:max-tablet:border-b-0",
+            children: [
+              (t == null ? void 0 : t.title) && /* @__PURE__ */ r("p", { className: "text-[18px] leading-[26px] font-medium m-0 break-words whitespace-pre-line", children: t == null ? void 0 : t.title }),
+              (t == null ? void 0 : t.description) && /* @__PURE__ */ r("div", { className: "text-[14px] leading-[20px] text-graySoft whitespace-pre-line max-[420px]:whitespace-normal max-[420px]:break-words max-tablet:text-[13px] max-tablet:leading-[16px]", children: t == null ? void 0 : t.description })
+            ]
+          },
+          t == null ? void 0 : t.id
+        )) })
+      ]
+    }
+  );
+};
+o.propsToEdit = N;
+o.displayName = "CardRowInfo";
+const T = ({
+  data: e,
+  title: l,
+  description: a,
+  image: t,
+  className: s
+}) => /* @__PURE__ */ x(
+  "div",
+  {
+    className: p(
+      "w-full flex justify-between gap-[20px] bg-[#5f6e7b10] p-[32px] rounded-[20px]",
+      "max-tablet:flex-col max-tablet:items-stretch max-tablet:gap-[24px] max-tablet:p-[16px] max-tablet:h-fit",
+      s
+    ),
+    children: [
+      /* @__PURE__ */ x(
+        "div",
+        {
+          className: p(
+            "flex gap-[16px] items-center justify-center basis-[70%]",
+            "max-tablet:flex-col max-tablet:items-start max-tablet:gap-[12px] max-tablet:basis-full"
+          ),
+          children: [
+            ((e == null ? void 0 : e.necessary_icon) || t) && /* @__PURE__ */ r(
+              _,
+              {
+                src: (e == null ? void 0 : e.necessary_icon) ?? t ?? "",
+                alt: (e == null ? void 0 : e.necessary_title) ?? l ?? "",
+                width: 48,
+                height: 48,
+                className: "w-[48px] h-[48px] shrink-0",
+                imageStyles: "w-full h-full object-contain"
+              }
+            ),
+            /* @__PURE__ */ x("div", { className: "box-border max-tablet:h-fit", children: [
+              /* @__PURE__ */ r(
+                "p",
+                {
+                  className: p(
+                    "text-[24px] font-bold leading-[32px] m-0",
+                    "max-tablet:text-[18px] max-tablet:font-semibold max-tablet:leading-[26px]"
+                  ),
+                  children: (e == null ? void 0 : e.necessary_title) || l
+                }
+              ),
+              ((e == null ? void 0 : e.necessary_description) || a) && /* @__PURE__ */ r(
+                "p",
+                {
+                  className: p(
+                    "text-[15px] font-normal leading-[24px] m-0",
+                    "max-tablet:text-[13px] max-tablet:leading-[16px]"
+                  ),
+                  children: (e == null ? void 0 : e.necessary_description) || a
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      (e == null ? void 0 : e.necessary_button_link) && /* @__PURE__ */ r(
+        "a",
+        {
+          href: e == null ? void 0 : e.necessary_button_link,
+          target: "_blank",
+          children: /* @__PURE__ */ r(
+            y,
+            {
+              variant: w.Static,
+              size: u.L,
+              className: "text-[15px] font-medium leading-[24px] px-[16px] py-[8px] rounded-[8px] bg-[#FDDB2B] text-black border-none cursor-pointer transition-colors duration-300 hover:bg-[#F7C21C] max-tablet:w-full max-tablet:h-[56px]",
+              children: e == null ? void 0 : e.necessary_button_text
+            }
+          )
+        }
+      )
+    ]
+  }
+), I = {
+  type: "table",
+  label: "Таблица",
+  dataType: "object",
+  data: {
+    keys: {
+      warning: {
+        keys: {
+          warning_title: i.TITLE,
+          warning_description: i.DESCRIPTION
+        }
+      }
+    }
+  }
+}, k = {
+  type: "rows",
+  label: "Строки",
+  dataType: "array",
+  data: {
+    ...d
+  }
+}, C = ["title", I, k], f = g(
+  ({ title: e, table: l, rows: a }, t) => {
+    var s, c, b;
+    return /* @__PURE__ */ r("div", { ref: t, children: /* @__PURE__ */ x(h, { children: [
+      e && /* @__PURE__ */ r(
+        "p",
+        {
+          className: p(
+            "text-[44px] font-bold leading-[52px] mb-[48px] text-black text-center max-tablet:text-[26px] max-tablet:leading-[32px] max-tablet:mb-[32px]"
+          ),
+          children: e
+        }
+      ),
+      /* @__PURE__ */ x("div", { className: "bg-white p-8 rounded-[20px] md:p-6", children: [
+        a == null ? void 0 : a.map((n) => {
+          var m;
+          return /* @__PURE__ */ r(
+            o,
+            {
+              data: n,
+              className: p("border-b border-gray-200 last:border-b-0", {
+                "border-none": (m = l == null ? void 0 : l.warning) == null ? void 0 : m.warning_title
+              })
+            },
+            n == null ? void 0 : n.id
+          );
+        }),
+        ((s = l == null ? void 0 : l.warning) == null ? void 0 : s.warning_title) && /* @__PURE__ */ r(
+          T,
+          {
+            className: "!flex-auto [&_p:first-child]:text-[16px] [&_p:first-child]:leading-[24px] [&_p:last-child]:text-[15px] [&_p:last-child]:leading-[22px]",
+            title: (c = l == null ? void 0 : l.warning) == null ? void 0 : c.warning_title,
+            description: (b = l == null ? void 0 : l.warning) == null ? void 0 : b.warning_description
+          }
+        )
+      ] })
+    ] }) });
+  }
+);
+f.propsToEdit = C;
+f.displayName = "CardInfoTable";
 export {
-  j as CardInfoTable
+  f as CardInfoTable
 };

package/dist/Cards/CardImage/CardImage.js

@@ -1,7 +1,7 @@
 import { jsxs as p, jsx as x } from "react/jsx-runtime";
 import { FieldTypes as l } from "../../Types/FiledTypes.js";
-import { I as o } from "../../index-60dfa873.js";
-import { c as i } from "../../cn-d8c04b28.js";
+import { I as o } from "../../index-2265d593.js";
+import { c as i } from "../../cn-6a4bf187.js";
 const r = {
   type: "data",
   label: "Данные карточки с изображением",

package/dist/Cards/ColoredCard/index.js

@@ -1,7 +1,7 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import { FieldTypes as l } from "../../Types/FiledTypes.js";
-import { I as r } from "../../index-60dfa873.js";
-import { c as x } from "../../cn-d8c04b28.js";
+import { I as r } from "../../index-2265d593.js";
+import { c as x } from "../../cn-6a4bf187.js";
 const i = {
   type: "data",
   label: "Данные цветной карточки",

package/dist/Cards/ContentCard/ContentCard.js

@@ -1,7 +1,40 @@
-import "react/jsx-runtime";
-import "../../HtmlContent/HtmlContent.js";
-import { a9 as a } from "../../index-b999483f.js";
-import "../../index-60dfa873.js";
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { HtmlContent as s } from "../../HtmlContent/HtmlContent.js";
+import { B as p } from "../../index-6af94f99.js";
+import { a as i } from "../../const-637b0dca.js";
+import { I as x } from "../../index-2265d593.js";
+const c = ["data"], t = ({ data: e }) => {
+  var l;
+  return /* @__PURE__ */ n("div", { className: "rounded-[20px] overflow-hidden", children: [
+    /* @__PURE__ */ o(
+      x,
+      {
+        src: e == null ? void 0 : e.image,
+        alt: e == null ? void 0 : e.title,
+        className: "w-full h-auto"
+      }
+    ),
+    /* @__PURE__ */ n("div", { className: "flex flex-col gap-[24px] bg-white p-[32px]", children: [
+      /* @__PURE__ */ o("p", { className: "text-[24px] leading-[32px] font-semibold", children: e == null ? void 0 : e.title }),
+      /* @__PURE__ */ o(
+        s,
+        {
+          data: e == null ? void 0 : e.description,
+          className: "text-graySoft text-[15px] leading-[22px]"
+        }
+      ),
+      /* @__PURE__ */ o("div", { className: "flex gap-12px items-center max-tablet:flex-col", children: (l = e == null ? void 0 : e.button) == null ? void 0 : l.map((r) => /* @__PURE__ */ o(
+        "a",
+        {
+          href: (r == null ? void 0 : r.link) || "#",
+          target: "_blank",
+          children: /* @__PURE__ */ o(p, { variant: i.Grey, children: r == null ? void 0 : r.text })
+        }
+      )) })
+    ] })
+  ] });
+};
+t.propsToEdit = c;
 export {
-  a as ContentCard
+  t as ContentCard
 };

package/dist/Cards/ContentCard/index.js

@@ -1,4 +1,4 @@
-import { a9 as r } from "../../index-b999483f.js";
+import { ContentCard as t } from "./ContentCard.js";
 export {
-  r as ContentCard
+  t as ContentCard
 };

package/dist/Cards/FeaturesCard/index.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "../../Types/FiledTypes.js";
-import "../../index-60dfa873.js";
-import "../../cn-d8c04b28.js";
-import { F as a } from "../../index-a379154f.js";
+import "../../index-2265d593.js";
+import "../../cn-6a4bf187.js";
+import { F as a } from "../../index-815f0132.js";
 export {
   a as FeaturesCard
 };

package/dist/Cards/WarningCard/WarningCard.js

@@ -1,8 +1,60 @@
-import "react/jsx-runtime";
-import "../../model-9e50e351.js";
-import { W as a } from "../../index-b999483f.js";
-import "../../ComponentContainer-0fcc2695.js";
-import "../../cn-d8c04b28.js";
+import { jsx as o, jsxs as t } from "react/jsx-runtime";
+import { WarningCardVariant as r, warningCardVariant as l } from "./model.js";
+import { I as a } from "../../Icon-70ea6cb8.js";
+import { b as c } from "../../const-637b0dca.js";
+import { B as d } from "../../index-6af94f99.js";
+import { C as p } from "../../ComponentContainer-cdb2528c.js";
+import { c as m } from "../../cn-6a4bf187.js";
+const x = [
+  "title",
+  "title_color",
+  "description",
+  "description_color",
+  c,
+  l
+], f = ({
+  title: i,
+  description: n,
+  button: s,
+  variant: e
+}) => /* @__PURE__ */ o(p, { children: /* @__PURE__ */ o(
+  "div",
+  {
+    className: "rounded-[24px] p-6",
+    style: { background: r[e].background },
+    children: /* @__PURE__ */ t("div", { className: "flex gap-4 items-center justify-between", children: [
+      /* @__PURE__ */ t("div", { className: "flex gap-4 items-center", children: [
+        /* @__PURE__ */ o(
+          a,
+          {
+            name: r[e].icon,
+            size: 40
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ o(
+            "p",
+            {
+              className: m("text-[24px] leading-8 font-bold"),
+              style: { color: r[e].textColor },
+              children: i
+            }
+          ),
+          /* @__PURE__ */ o(
+            "p",
+            {
+              className: "text-[16px] leading-6",
+              style: { color: r[e].textColor },
+              children: n
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ o(d, { ...s })
+    ] })
+  }
+) });
+f.propsToEdit = x;
 export {
-  a as WarningCard
+  f as WarningCard
 };

package/dist/Cards/WarningCard/index.js

@@ -1,4 +1,4 @@
-import { W as n } from "../../index-b999483f.js";
+import { WarningCard as n } from "./WarningCard.js";
 export {
   n as WarningCard
 };

package/dist/Cards/WarningCard/model.js

@@ -1,9 +1,41 @@
-import "../../Types/FiledTypes.js";
-import { W as t, a as o, w as s, b as d } from "../../model-9e50e351.js";
-import "../../generateSelectOptions-7b23cdb8.js";
+import { OptionTypesEnum as e, DataTypesEnum as o } from "../../Types/FiledTypes.js";
+import { p as r } from "../../palette-b47a76c9.js";
+import { g as n } from "../../generateSelectOptions-7b23cdb8.js";
+var t = /* @__PURE__ */ ((a) => (a.Orange = "orange", a.Gray = "gray", a.Black = "black", a))(t || {});
+const c = {
+  orange: {
+    background: "linear-gradient(92deg, rgba(255, 255, 255, 0.00) -4.95%, rgba(255, 255, 255, 0.02) -4.63%, rgba(255, 255, 255, 0.20) 87.84%), var(--status-filled-bg-accent, #FDDB2B)",
+    textColor: r.blackBG,
+    icon: "infoDark",
+    key: "orange"
+  },
+  gray: {
+    background: "linear-gradient(92deg, rgba(255, 255, 255, 0.00) -4.95%, rgba(255, 255, 255, 0.02) -4.63%, rgba(255, 255, 255, 0.20) 87.84%), var(--supportive-ghost-1, rgba(95, 110, 123, 0.10))",
+    textColor: r.blackBG,
+    icon: "infoCrown",
+    key: "gray"
+  },
+  black: {
+    background: "linear-gradient(92deg, rgba(255, 255, 255, 0.00) -4.95%, rgba(255, 255, 255, 0.02) -4.63%, rgba(255, 255, 255, 0.20) 87.84%), var(--black-94-solid, #1A1C20)",
+    textColor: r.white,
+    icon: "infoLight",
+    key: "black"
+  }
+}, g = n(
+  Object.values(t).map((a) => ({
+    label: a.toUpperCase(),
+    value: a
+  }))
+), p = {
+  type: "variant",
+  options: g,
+  variant: e.options,
+  dataType: o.select,
+  label: "Вариант карточки"
+};
 export {
-  t as WarningCardVariant,
-  o as WarningCardVariantKey,
-  s as warningCardVariant,
-  d as warningCardVariantOptions
+  c as WarningCardVariant,
+  t as WarningCardVariantKey,
+  p as warningCardVariant,
+  g as warningCardVariantOptions
 };

package/dist/ComponentContainer-cdb2528c.js

@@ -0,0 +1,16 @@
+import { jsx as m } from "react/jsx-runtime";
+import { c as o } from "./cn-6a4bf187.js";
+const r = ({ children: a, className: l, style: t }) => /* @__PURE__ */ m(
+  "section",
+  {
+    style: t,
+    className: o(
+      "w-[1232px] max-tablet:w-full mx-auto px-4 relative max-tablet:max-w-full md:max-w-full lg:max-w-full overflow-x-hidden",
+      l
+    ),
+    children: a
+  }
+);
+export {
+  r as C
+};

package/dist/ContentCardList/ContentCardList.js

@@ -1,23 +1,36 @@
-import "react/jsx-runtime";
-import { a as l } from "../index-b999483f.js";
-import "../ConfigProvider/index.js";
-import "../Segments/Segments.js";
-import "../Video/VideoFull/VideoFull.js";
-import "../Video/VideoList/VideoList.js";
-import "../Video/VideoListMini/VideoListMini.js";
-import "../Partners/Partners.js";
-import "../HtmlContent/HtmlContent.js";
-import "../HeroPossibilityBanner/index.js";
-import "../PartnersColors/PartnersColors.js";
-import "../Cards/CardImage/CardImage.js";
-import "../Cards/ColoredCard/index.js";
-import "../index-a379154f.js";
-import "../Faq/components/Collapse/Collapse.js";
-import "react";
-import "../index-b093f70c.js";
-import "../Space/Space.js";
-import "../Types/FiledTypes.js";
-import "../ComponentContainer-0fcc2695.js";
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import { ContentCard as i } from "../Cards/ContentCard/ContentCard.js";
+import { FieldTypes as o } from "../Types/FiledTypes.js";
+import { b as l } from "../const-637b0dca.js";
+import { C as p } from "../ComponentContainer-cdb2528c.js";
+const s = {
+  type: "cards",
+  label: "Карточки",
+  dataType: "array",
+  data: {
+    title: o.TITLE,
+    image: o.FILE,
+    description: o.DESCRIPTION,
+    button: l
+  }
+}, m = ["title", s], x = ({ title: a, cards: e }) => /* @__PURE__ */ t(p, { children: /* @__PURE__ */ r("div", { className: "w-full flex flex-col items-center justify-center", children: [
+  a && /* @__PURE__ */ t(
+    "p",
+    {
+      className: `font-bold max-tablet:text-[26px] text-[44px] max-tablet:leading-[32px] leading-[42px]
+        mb-[24px] font-variant-numeric font-feature-settings`,
+      children: a
+    }
+  ),
+  /* @__PURE__ */ t("div", { className: "flex flex-row max-tablet:flex-col gap-[24px]", children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ t(
+    i,
+    {
+      data: n
+    },
+    n.id
+  )) })
+] }) });
+x.propsToEdit = m;
 export {
-  l as ContentCardList
+  x as ContentCardList
 };

package/dist/ContentCardList/index.js

@@ -1,4 +1,4 @@
-import { a as o } from "../index-b999483f.js";
+import { ContentCardList as r } from "./ContentCardList.js";
 export {
-  o as ContentCardList
+  r as ContentCardList
 };

package/dist/DownloadFile/components/DownloadFileBanner/DownloadFileBanner.js

@@ -1,7 +1,43 @@
-import "react/jsx-runtime";
-import { D as t } from "../../../index-b999483f.js";
-import "../../../model-9e50e351.js";
-import "../../../ComponentContainer-0fcc2695.js";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { I as o } from "../../../Icon-70ea6cb8.js";
+import { p as t } from "../../../palette-b47a76c9.js";
+import { B as n } from "../../../index-6af94f99.js";
+import { C as s } from "../../../ComponentContainer-cdb2528c.js";
+const c = ["title", "text", "link"], m = ({
+  title: a,
+  text: i,
+  link: r
+}) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ l("div", { className: "p-[48px] bg-white rounded-[20px] flex justify-between gap-[64px] max-tablet:flex-col-reverse max-tablet:gap-8", children: [
+  /* @__PURE__ */ e("div", { className: "flex flex-col ", children: /* @__PURE__ */ l("div", { children: [
+    /* @__PURE__ */ e("p", { className: "text-[32px] leading-10 font-bold mb-4", children: a }),
+    /* @__PURE__ */ e("p", { className: "text-[16px] leading-6", children: i }),
+    /* @__PURE__ */ e("a", { href: r, children: /* @__PURE__ */ e(
+      n,
+      {
+        iconRight: /* @__PURE__ */ e(
+          o,
+          {
+            name: "download",
+            size: 20,
+            color: t.blackBG
+          }
+        ),
+        className: "mt-8",
+        children: "Скачать"
+      }
+    ) })
+  ] }) }),
+  /* @__PURE__ */ e(
+    o,
+    {
+      className: "flex-shrink-0",
+      name: "file",
+      color: t.greenLight,
+      size: 82
+    }
+  )
+] }) });
+m.propsToEdit = c;
 export {
-  t as DownloadFileBanner
+  m as DownloadFileBanner
 };

package/dist/DownloadFile/components/DownloadFileBanner/index.js

@@ -1,4 +1,4 @@
-import { D as e } from "../../../index-b999483f.js";
+import { DownloadFileBanner as n } from "./DownloadFileBanner.js";
 export {
-  e as DownloadFileBanner
+  n as DownloadFileBanner
 };

package/dist/DownloadFile/components/DownloadFileBright/index.js

@@ -1,9 +1,76 @@
-import "react/jsx-runtime";
-import { n as e } from "../../../index-b999483f.js";
-import "../../../ComponentContainer-0fcc2695.js";
-import "../../../index-60dfa873.js";
-import "../../../cn-d8c04b28.js";
-import "../../../index-b093f70c.js";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { B as b } from "../../../index-6af94f99.js";
+import { C as r } from "../../../ComponentContainer-cdb2528c.js";
+import { I as n } from "../../../index-2265d593.js";
+import { c } from "../../../cn-6a4bf187.js";
+import { u as f } from "../../../useScreenSize-c1b64c02.js";
+const g = ["title", "description", "icon", "isDark"], d = ({
+  title: x,
+  description: o,
+  icon: p,
+  button: s,
+  variant: e = "big",
+  isDark: a
+}) => {
+  const l = f(960), m = e === "big" ? l ? 106 : 343 : l ? 106 : 64;
+  return /* @__PURE__ */ i(
+    r,
+    {
+      className: `flex justify-between items-center rounded-[20px] 
+        ${e === "big" ? "p-[48px]" : "p-[32px] gap-[32px]"}
+        ${a ? "bg-black7" : "bg-white"}
+        max-tablet:flex-col max-tablet:items-start max-tablet:justify-start max-tablet:p-[24px] max-tablet:gap-[0] max-tablet:my-[48px] my-[88px]
+        max-tablet:relative w-[calc(100%-239px)]
+        `,
+      children: [
+        /* @__PURE__ */ i("div", { className: "flex flex-col h-full w-full", children: [
+          /* @__PURE__ */ t(
+            "p",
+            {
+              className: `font-[700] 
+          ${a ? "text-[#f4f6f7]" : "text-[#0e0f11]"}
+          ${e === "big" ? "text-[32px] leading-[40px]" : "text-[24px] leading-[32px]"}
+          max-tablet:text-[24px] max-tablet:leading-[28px]
+          mb-[16px] max-tablet:mt-[24px] max-tablet:mb-[12px] max-tablet:text-center`,
+              children: x
+            }
+          ),
+          /* @__PURE__ */ t(
+            "p",
+            {
+              className: `font-[400] text-[16px] leading-[24px] 
+          ${a ? "text-[#f4f6f7]" : "text-[#40474f]"}
+          mb-[32px] max-tablet:mb-[24px] max-tablet:text-center`,
+              children: o
+            }
+          ),
+          /* @__PURE__ */ t(
+            b,
+            {
+              className: "w-fit max-tablet:w-full flex items-center justify-center",
+              ...s
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t(
+          n,
+          {
+            src: p,
+            alt: x,
+            width: m,
+            height: m,
+            className: c(
+              "absolute top-1/2 right-6 w-[343px] !h-auto -translate-y-1/2 max-tablet:relative max-tablet:!h-[106px]",
+              "max-tablet:top-auto max-tablet:right-auto max-tablet:-translate-y-0 max-tablet:order-[-1] max-tablet:mx-auto"
+            ),
+            imageStyles: "object-contain object-bottom max-tablet:object-center"
+          }
+        )
+      ]
+    }
+  );
+};
+d.propsToEdit = g;
 export {
-  e as DownloadFileBright
+  d as DownloadFileBright
 };