md-components-mdigial-azamat 0.0.1 → 0.0.2

package/dist/Banner/Banner.js

@@ -0,0 +1,146 @@
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { BannerVariant as h } from "./types.js";
+import { B as w } from "../index-89dcf24f.js";
+import { C as y } from "../ComponentContainer-41408843.js";
+import { I as g } from "../index-fb8c9446.js";
+import { c as a } from "../cn-eacd4725.js";
+import { useState as z, useEffect as j } from "react";
+const S = (m = 768) => {
+  const [x, n] = z({
+    width: void 0,
+    height: void 0
+  });
+  return j(() => {
+    function l() {
+      n({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    }
+    return window.addEventListener("resize", l), l(), () => window.removeEventListener("resize", l);
+  }, []), x.width <= m;
+}, Q = ({
+  bg_image: m,
+  image: x,
+  title: n,
+  text_color: l = "inherit",
+  description: c,
+  buttons: o,
+  variant: d,
+  qr: e
+}) => {
+  var p, f, b;
+  const r = S(960), u = d === h.Buttons, v = d === h.Qr;
+  return /* @__PURE__ */ t(y, { children: /* @__PURE__ */ s(
+    "div",
+    {
+      className: a(
+        "relative w-full h-fit flex max-tablet:flex-col justify-between gap-4 bg-cover bg-center rounded-[20px] overflow-hidden max-tablet:justify-start max-tablet:items-center"
+      ),
+      style: {
+        backgroundImage: `url(${m})`
+      },
+      children: [
+        /* @__PURE__ */ s("div", { className: " flex flex-col gap-4 w-[40%] max-tablet:w-full justify-center p-12 max-tablet:p-8", children: [
+          n && /* @__PURE__ */ t(
+            "p",
+            {
+              className: a(
+                "text-[32px] font-bold leading-[40px] text-left text-black m-0 max-tablet:text-center max-tablet:text-[24px] max-tablet:leading-[28px]"
+              ),
+              style: { color: l },
+              children: n
+            }
+          ),
+          c && /* @__PURE__ */ t(
+            "p",
+            {
+              className: a(
+                "text-[18px] font-normal leading-[26px] text-left m-0 max-tablet:px-[24px] max-tablet:text-center max-tablet:text-[15px] max-tablet:leading-[22px]"
+              ),
+              style: { color: l },
+              children: c
+            }
+          ),
+          u && /* @__PURE__ */ t("div", { className: "flex items-center gap-4 mt-6 max-tablet:flex-col max-tablet:gap-[10px] max-tablet:mt-[5px]", children: o == null ? void 0 : o.map((i, N) => /* @__PURE__ */ t(
+            "a",
+            {
+              href: (i == null ? void 0 : i.link) || "#",
+              className: a("w-fit z-10 max-tablet:w-full"),
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: /* @__PURE__ */ t(
+                w,
+                {
+                  variant: i.variant,
+                  className: "w-[200px] max-tablet:w-full",
+                  children: i.text
+                }
+              )
+            },
+            N
+          )) }),
+          v && (r ? /* @__PURE__ */ t("div", { className: "flex items-center gap-4 mt-6 max-tablet:flex-col max-tablet:gap-[10px] max-tablet:mt-[5px]", children: /* @__PURE__ */ t(
+            "a",
+            {
+              href: ((p = e == null ? void 0 : e.button) == null ? void 0 : p.link) || "#",
+              className: a("w-fit z-10 max-tablet:w-full"),
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: /* @__PURE__ */ t(
+                w,
+                {
+                  variant: (f = e == null ? void 0 : e.button) == null ? void 0 : f.variant,
+                  className: "w-[200px] max-tablet:w-full",
+                  children: (b = e == null ? void 0 : e.button) == null ? void 0 : b.text
+                }
+              )
+            }
+          ) }) : /* @__PURE__ */ s(
+            "div",
+            {
+              className: a(
+                "bg-white rounded-[15px] items-center gap-[12px] p-[12px] flex w-[282px] mt-6"
+              ),
+              children: [
+                /* @__PURE__ */ t(
+                  g,
+                  {
+                    src: e == null ? void 0 : e.banner_qr,
+                    alt: e == null ? void 0 : e.banner_qr_text,
+                    width: 101,
+                    height: 101
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  "p",
+                  {
+                    className: a(
+                      "text-[15px] font-medium leading-[22px] text-center w-[60%] text-graySoft"
+                    ),
+                    style: { color: e == null ? void 0 : e.color_text },
+                    children: e == null ? void 0 : e.banner_qr_text
+                  }
+                )
+              ]
+            }
+          ))
+        ] }),
+        x && /* @__PURE__ */ t(
+          g,
+          {
+            src: x,
+            alt: n,
+            width: r ? 312 : 588,
+            height: r ? 218 : 400,
+            className: a("max-tablet:!w-full align-bottom items-end mt-auto"),
+            imageStyles: "object-contain object-bottom"
+          }
+        )
+      ]
+    }
+  ) });
+};
+export {
+  Q as Banner
+};

package/dist/Banner/index.js

@@ -0,0 +1,4 @@
+import { Banner as n } from "./Banner.js";
+export {
+  n as Banner
+};

package/dist/Banner/model.js

@@ -0,0 +1,8 @@
+const t = {
+  div: "max-tablet:flex max-tablet:w-full max-tablet:h-auto",
+  a: "max-tablet:relative max-tablet:w-full max-tablet:left-auto max-tablet:transform-none max-tablet:px-[24px]",
+  img: "max-tablet:relative"
+};
+export {
+  t as UpButtonStyles
+};

package/dist/Banner/types.js

@@ -0,0 +1,4 @@
+var r = /* @__PURE__ */ ((t) => (t.Buttons = "buttons", t.Qr = "qr", t))(r || {});
+export {
+  r as BannerVariant
+};

package/dist/BannerAndText/index.js

@@ -0,0 +1,36 @@
+import { jsx as i, jsxs as o } from "react/jsx-runtime";
+import { C as t } from "../ComponentContainer-41408843.js";
+import { I as p } from "../index-fb8c9446.js";
+import { c as m } from "../cn-eacd4725.js";
+const u = ({
+  banner_card: l,
+  text_card: e,
+  is_banner_first: s
+}) => /* @__PURE__ */ i(t, { className: "p-0", children: /* @__PURE__ */ o("div", { className: "w-full h-full flex flex-col lg:flex-row items-stretch gap-[24px]", children: [
+  (l == null ? void 0 : l.image) && /* @__PURE__ */ i("div", { className: "w-auto rounded-[20px] h-full object-cover", children: /* @__PURE__ */ i(
+    p,
+    {
+      src: l == null ? void 0 : l.image,
+      alt: e == null ? void 0 : e.title,
+      className: "h-full"
+    }
+  ) }),
+  e && /* @__PURE__ */ o(
+    "div",
+    {
+      className: m(
+        "w-full flex flex-col bg-white justify-center gap-[11px] rounded-[20px] p-[32px]",
+        {
+          "order-[-1]": !s
+        }
+      ),
+      children: [
+        /* @__PURE__ */ i("p", { className: "font-inter text-[32px] leading-[40px] max-tablet:text-[24px] max-tablet:leading-[28px] font-bold", children: e.title }),
+        /* @__PURE__ */ i("p", { className: "text-graySoft text-[16px] leading-[24px]", children: e.description })
+      ]
+    }
+  )
+] }) });
+export {
+  u as BannerAndText
+};

package/dist/CardIconList/CardIconList.js

@@ -0,0 +1,72 @@
+import { jsx as l, jsxs as i } from "react/jsx-runtime";
+import { F as n, S as t } from "../index-cd468670.js";
+import { C as p } from "../ComponentContainer-41408843.js";
+import { c as s } from "../cn-eacd4725.js";
+const u = ({
+  cards: a,
+  title: o,
+  size: c = t.SMALL,
+  is_cards_first: m,
+  multiHasText: r = !1
+}) => {
+  let e;
+  switch (c) {
+    case t.SMALL:
+      e = "flex flex-row items-stretch max-tablet:flex-col";
+      break;
+    case t.MEDIUM:
+      e = "grid grid-cols-3 items-stretch max-tablet:grid-cols-1";
+      break;
+    case t.LARGE:
+      e = "grid grid-cols-2 items-stretch max-tablet:grid-cols-1";
+      break;
+    default:
+      e = "flex flex-row items-stretch max-tablet:flex-col";
+      break;
+  }
+  return /* @__PURE__ */ l(
+    p,
+    {
+      className: s("p-0", { "order-[-1]": m }),
+      children: /* @__PURE__ */ i(
+        "div",
+        {
+          className: s("w-full h-full flex flex-col items-center gap-[24px]"),
+          children: [
+            o && /* @__PURE__ */ l(
+              "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: o
+              }
+            ),
+            /* @__PURE__ */ l(
+              "div",
+              {
+                className: `${e} gap-[24px] w-full ${r ? "grid grid-cols-2 max-tablet:flex h-full" : "flex flex-row max-tablet:flex-col"}`,
+                children: a == null ? void 0 : a.map((f, x) => /* @__PURE__ */ l(
+                  n,
+                  {
+                    data: f,
+                    size: c,
+                    className: s(
+                      { "h-full": r },
+                      {
+                        "col-span-2": r && x === 0
+                      }
+                    )
+                  },
+                  x
+                ))
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  u as CardIconList
+};

package/dist/CardIconList/index.js

@@ -0,0 +1,4 @@
+import { CardIconList as t } from "./CardIconList.js";
+export {
+  t as CardIconList
+};

package/dist/CardImageList/CardImageList.js

@@ -0,0 +1,50 @@
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { CardImage as s } from "../Cards/CardImage/CardImage.js";
+import { B as p } from "../index-89dcf24f.js";
+import { C as x } from "../ComponentContainer-41408843.js";
+import { c as i } from "../cn-eacd4725.js";
+const v = ({
+  cards: a,
+  title: n,
+  grid: m,
+  button: l
+}) => /* @__PURE__ */ r(x, { children: /* @__PURE__ */ o("div", { className: "w-full flex flex-col items-center gap-6", children: [
+  n && /* @__PURE__ */ r(
+    "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: n
+    }
+  ),
+  /* @__PURE__ */ r(
+    "div",
+    {
+      className: i(
+        `grid grid-cols-${m} items-stretch gap-6`,
+        "max-tablet:grid-cols-1"
+      ),
+      children: a == null ? void 0 : a.map((e) => /* @__PURE__ */ r(
+        s,
+        {
+          data: e
+        },
+        e == null ? void 0 : e.id
+      ))
+    }
+  ),
+  !!(l != null && l.length) && /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-4", children: l.map((e, t) => /* @__PURE__ */ r(
+    "a",
+    {
+      href: (e == null ? void 0 : e.link) || "#",
+      className: i("w-fit z-10 max-tablet:w-full"),
+      target: "_blank",
+      rel: "noopener noreferrer",
+      children: /* @__PURE__ */ r(p, { variant: e.variant, children: e.text })
+    },
+    t
+  )) })
+] }) });
+export {
+  v as CardImageList
+};

package/dist/CardImageList/index.js

@@ -0,0 +1,4 @@
+import { CardImageList as e } from "./CardImageList.js";
+export {
+  e as CardImageList
+};

package/dist/Cards/CardImage/CardImage.js

@@ -0,0 +1,51 @@
+import { jsxs as i, jsx as l } from "react/jsx-runtime";
+import { I as m } from "../../index-fb8c9446.js";
+import { c as x } from "../../cn-eacd4725.js";
+const n = ({ data: e }) => {
+  const p = (e == null ? void 0 : e.variant) === "large" ? "h-[364px]" : "h-[264px]", c = (e == null ? void 0 : e.variant) === "small" ? "w-[364px]" : "w-[264px]";
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: x(
+        "w-full overflow-hidden bg-white rounded-[20px] flex flex-1 flex-col items-center justify-between",
+        { "!bg-black": e == null ? void 0 : e.is_black }
+      ),
+      children: [
+        /* @__PURE__ */ i("div", { className: "w-full flex flex-col gap-[20px] p-[48px] max-tablet:gap-[16px] max-tablet:py-[24px] max-tablet:px-[32px]", children: [
+          /* @__PURE__ */ l(
+            "p",
+            {
+              className: x(
+                "font-bold text-[24px] leading-[32px] text-center text-blackBG max-tablet:text-[22px] max-tablet:leading-[26px]",
+                { "!text-white": e == null ? void 0 : e.is_black }
+              ),
+              children: e == null ? void 0 : e.title
+            }
+          ),
+          /* @__PURE__ */ l(
+            "p",
+            {
+              className: x(
+                "text-[16px] leading-[24px] text-center text-graySoft max-tablet:text-[15px] max-tablet:leading-[22px]",
+                { "!text-graySoft": e == null ? void 0 : e.is_black }
+              ),
+              children: e == null ? void 0 : e.description
+            }
+          )
+        ] }),
+        /* @__PURE__ */ l(
+          m,
+          {
+            src: e == null ? void 0 : e.image,
+            alt: e == null ? void 0 : e.title,
+            className: `w-full ${p} max-tablet:h-[200px] box-border`,
+            imageStyles: `${c} h-full max-tablet:w-[200px] object-contain`
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  n as CardImage
+};

package/dist/Cards/CardImage/index.js

@@ -0,0 +1,4 @@
+import { CardImage as e } from "./CardImage.js";
+export {
+  e as CardImage
+};

package/dist/Cards/ColoredCard/index.js

@@ -0,0 +1,47 @@
+import { jsxs as t, jsx as l } from "react/jsx-runtime";
+import { I as p } from "../../index-fb8c9446.js";
+import { c as x } from "../../cn-eacd4725.js";
+const m = ({ data: e, cardStyle: o }) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: x(
+      "w-full overflow-hidden bg-white rounded-[20px] flex flex-1 flex-col items-center justify-between",
+      o
+    ),
+    style: { backgroundColor: e == null ? void 0 : e.bg_hex },
+    children: [
+      /* @__PURE__ */ t("div", { className: "w-full flex flex-col gap-[20px] p-[48px] max-tablet:gap-[16px] max-tablet:py-[24px] max-tablet:px-[32px]", children: [
+        /* @__PURE__ */ l(
+          "p",
+          {
+            className: x(
+              "font-bold text-[24px] leading-[32px] text-center text-blackBG max-tablet:text-[22px] max-tablet:leading-[26px]"
+            ),
+            children: e == null ? void 0 : e.title
+          }
+        ),
+        /* @__PURE__ */ l(
+          "p",
+          {
+            className: x(
+              "text-[16px] leading-[24px] text-center text-graySoft max-tablet:text-[15px] max-tablet:leading-[22px]"
+            ),
+            children: e == null ? void 0 : e.description
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l(
+        p,
+        {
+          src: e == null ? void 0 : e.image,
+          alt: e == null ? void 0 : e.title,
+          className: "w-full h-[356px] max-tablet:h-[188px] box-border",
+          imageStyles: "w-full h-full object-contain object-bottom"
+        }
+      )
+    ]
+  }
+);
+export {
+  m as ColoredCard
+};

package/dist/Cards/ContentCard/ContentCard.js

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

package/dist/Cards/ContentCard/index.js

@@ -0,0 +1,4 @@
+import { ContentCard as t } from "./ContentCard.js";
+export {
+  t as ContentCard
+};

package/dist/Cards/FeaturesCard/index.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import "../../index-fb8c9446.js";
+import "../../cn-eacd4725.js";
+import { F as a } from "../../index-cd468670.js";
+export {
+  a as FeaturesCard
+};

package/dist/Cards/WarningCard/WarningCard.js

@@ -0,0 +1,51 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { WarningCardVariant as o } from "./model.js";
+import { I as l } from "../../Icon-70ea6cb8.js";
+import { B as s, a as c } from "../../index-89dcf24f.js";
+import { C as m } from "../../ComponentContainer-41408843.js";
+import { c as d } from "../../cn-eacd4725.js";
+const C = ({
+  title: n,
+  description: a,
+  button_text: i,
+  variant: r
+}) => /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
+  "div",
+  {
+    className: "rounded-[24px] p-6",
+    style: { background: o[r].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__ */ e(
+          l,
+          {
+            name: o[r].icon,
+            size: 40
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ e(
+            "p",
+            {
+              className: d("text-[24px] leading-8 font-bold"),
+              style: { color: o[r].textColor },
+              children: n
+            }
+          ),
+          /* @__PURE__ */ e(
+            "p",
+            {
+              className: "text-[16px] leading-6",
+              style: { color: o[r].textColor },
+              children: a
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ e(s, { variant: c.Static, children: i })
+    ] })
+  }
+) });
+export {
+  C as WarningCard
+};

package/dist/Cards/WarningCard/index.js

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

package/dist/Cards/WarningCard/model.js

@@ -0,0 +1,24 @@
+import { p as a } from "../../palette-52b06a82.js";
+const g = {
+  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: a.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: a.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: a.white,
+    icon: "infoLight",
+    key: "black"
+  }
+};
+export {
+  g as WarningCardVariant
+};

package/dist/ComponentContainer-41408843.js

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

package/dist/ContentCardList/ContentCardList.js

@@ -0,0 +1,26 @@
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { ContentCard as i } from "../Cards/ContentCard/ContentCard.js";
+import { C as o } from "../ComponentContainer-41408843.js";
+const f = ({ data: e }) => {
+  var t;
+  return /* @__PURE__ */ n(o, { children: /* @__PURE__ */ r("div", { className: "w-full flex flex-col items-center justify-center", children: [
+    (e == null ? void 0 : e.title) && /* @__PURE__ */ n(
+      "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: e == null ? void 0 : e.title
+      }
+    ),
+    /* @__PURE__ */ n("div", { className: "flex flex-row max-tablet:flex-col gap-[24px]", children: (t = e == null ? void 0 : e.cards) == null ? void 0 : t.map((l) => /* @__PURE__ */ n(
+      i,
+      {
+        data: l
+      },
+      l.id
+    )) })
+  ] }) });
+};
+export {
+  f as ContentCardList
+};

package/dist/ContentCardList/index.js

@@ -0,0 +1,4 @@
+import { ContentCardList as r } from "./ContentCardList.js";
+export {
+  r as ContentCardList
+};

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

@@ -0,0 +1,38 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { I as i } from "../../../Icon-70ea6cb8.js";
+import { p as n } from "../../../palette-52b06a82.js";
+import { B as r } from "../../../index-89dcf24f.js";
+import { C as s } from "../../../ComponentContainer-41408843.js";
+const a = ({ data: l }) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ o("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__ */ o("div", { children: [
+    /* @__PURE__ */ e("p", { className: "text-[32px] leading-10 font-bold mb-4", children: l == null ? void 0 : l.title }),
+    /* @__PURE__ */ e("p", { className: "text-[16px] leading-6", children: l == null ? void 0 : l.text }),
+    /* @__PURE__ */ e(
+      r,
+      {
+        iconRight: /* @__PURE__ */ e(
+          i,
+          {
+            name: "download",
+            size: 20,
+            color: n.blackBG
+          }
+        ),
+        className: "mt-8",
+        children: "Скачать"
+      }
+    )
+  ] }) }),
+  /* @__PURE__ */ e(
+    i,
+    {
+      className: "flex-shrink-0",
+      name: "file",
+      color: n.greenLight,
+      size: 82
+    }
+  )
+] }) });
+export {
+  a as DownloadFileBanner
+};

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

@@ -0,0 +1,4 @@
+import { DownloadFileBanner as n } from "./DownloadFileBanner.js";
+export {
+  n as DownloadFileBanner
+};