md-components-mdigial-azamat 0.0.10 → 0.0.12

package/dist/RenderAllComponents/RenderAllComponents.js

@@ -0,0 +1,82 @@
+import { jsx as m, Fragment as t } from "react/jsx-runtime";
+import n from "../AnimatedSwiper/index.js";
+import { Banner as e } from "../Banner/Banner.js";
+import { CardIconList as p } from "../CardIconList/CardIconList.js";
+import { CardImageList as a } from "../CardImageList/CardImageList.js";
+import { CardImageSecondaryList as f } from "../CardImageSecondaryList/CardImageSecondaryList.js";
+import { CardInfoTable as s } from "../CardInfoTable/index.js";
+import { WarningCard as d } from "../Cards/WarningCard/WarningCard.js";
+import { ContentCardList as l } from "../ContentCardList/ContentCardList.js";
+import { DownloadFileBanner as C } from "../DownloadFile/components/DownloadFileBanner/DownloadFileBanner.js";
+import { DownloadFileBright as L } from "../DownloadFile/components/DownloadFileBright/index.js";
+import { DownloadFileFull as B } from "../DownloadFile/components/DownloadFileFull/DownloadFileFull.js";
+import { DownloadFileHalf as F } from "../DownloadFile/components/DownloadFileHalf/DownloadFileHalf.js";
+import { DownloadFileMini as u } from "../DownloadFile/components/DownloadFileMini/DownloadFileMini.js";
+import { EmptyBox as w } from "../EmptyBox/EmptyBox.js";
+import { Faq as c } from "../Faq/Faq.js";
+import { InfoBannerList as I } from "../InfoBannerList/InfoBannerList.js";
+import { InstructionList as g } from "../InstructionList/InstructionList.js";
+import { IntroBanner as M } from "../IntroBanner/IntroBanner.js";
+import { MainBanner as P } from "../MainBanner/MainBanner.js";
+import { MultiCards as S } from "../MultiCards/index.js";
+import { Partners as D } from "../Partners/Partners.js";
+import { PartnersColors as V } from "../PartnersColors/PartnersColors.js";
+import { PreviewList as x } from "../PreviewList/PreviewList.js";
+import { PromoPoster as y } from "../PromoPoster/PromoPoster.js";
+import { Segments as T } from "../Segments/Segments.js";
+import { StandartTable as b } from "../StandartTable/index.js";
+import { Stepper as h } from "../Stepper/Stepper.js";
+import { SwiperList as k } from "../SwiperList/SwiperList.js";
+import { TasksBannerList as v } from "../TasksBannerList/TasksBannerList.js";
+import { VideoFull as A } from "../Video/VideoFull/VideoFull.js";
+import { VideoList as j } from "../Video/VideoList/VideoList.js";
+import { VideoListMini as q } from "../Video/VideoListMini/VideoListMini.js";
+import { VideoMainBanner as E } from "../VideoMainBanner/VideoMainBanner.js";
+const H = {
+  Banner: e,
+  CardImageList: a,
+  Stepper: h,
+  Segments: T,
+  VideoFull: A,
+  VideoList: j,
+  VideoListMini: q,
+  ContentCardList: l,
+  CardIconList: p,
+  MultiCards: S,
+  Partners: D,
+  PartnersColors: V,
+  MainBanner: P,
+  WarningCard: d,
+  Faq: c,
+  DownloadFileBanner: C,
+  DownloadFileHalf: F,
+  DownloadFileFull: B,
+  DownloadFileMini: u,
+  InstructionList: g,
+  PreviewList: x,
+  SwiperList: k,
+  AnimatedSwiper: n,
+  InfoBannerList: I,
+  TasksBannerList: v,
+  VideoMainBanner: E,
+  EmptyBox: w,
+  PromoPoster: y,
+  CardImageSecondaryList: f,
+  CardInfoTable: s,
+  StandartTable: b,
+  IntroBanner: M,
+  DownloadFileBright: L
+}, Ir = ({ components: i, device: R }) => /* @__PURE__ */ m(t, { children: i.map((r) => {
+  const o = H[r.key];
+  return o ? /* @__PURE__ */ m(
+    o,
+    {
+      id: r.id,
+      ...r.componentProps
+    },
+    r.id
+  ) : null;
+}) });
+export {
+  Ir as RenderAllComponents
+};

package/dist/RenderAllComponents/const.js

@@ -0,0 +1,43 @@
+import { M as a, B as t, u as s, C as n, S as D, a as r, V as e, b as i, c as o, d, P as l, e as C, f as B, g as L, W as m, v as w, w as p, F as I, h as g, D as F, i as S, j as c, I as M, x as P, k as f, l as u, A as V, m as T, T as W, n as b, E as x, o as h, p as k, q, r as v, s as y, t as A } from "../data.mock-741c2220.js";
+const j = [
+  a,
+  t,
+  s,
+  n,
+  D,
+  r,
+  e,
+  i,
+  o,
+  d,
+  l,
+  C,
+  B,
+  L,
+  m,
+  w,
+  p,
+  I,
+  g,
+  F,
+  S,
+  c,
+  M,
+  P,
+  f,
+  u,
+  V,
+  T,
+  W,
+  b,
+  x,
+  h,
+  k,
+  q,
+  v,
+  y,
+  A
+];
+export {
+  j as allComponentsData
+};

package/dist/RenderAllComponents/index.js

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

package/dist/Segments/Segments.js

@@ -1,26 +1,26 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useState as i } from "react";
-import { c as l } from "../cn-eacd4725.js";
-const b = ({ data: t, activeSegment: n = 0 }) => {
-  const [o, x] = i(n), p = (e) => {
-    x(e);
+import { jsx as o } from "react/jsx-runtime";
+import { useState as x } from "react";
+import { c as r } from "../cn-d8c04b28.js";
+const s = ["data", "activeSegment"], c = ({ data: t, activeSegment: p = 0 }) => {
+  const [n, i] = x(p), l = (e) => {
+    i(e);
   };
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ o(
     "div",
     {
-      className: l(
+      className: r(
         "rounded-[20px] bg-[#E3E4E8] p-1 flex gap-4 w-fit mx-auto max-tablet:w-full"
       ),
-      children: t == null ? void 0 : t.map((e, a) => /* @__PURE__ */ r(
+      children: t == null ? void 0 : t.map((e, a) => /* @__PURE__ */ o(
         "div",
         {
-          onClick: () => p(a),
-          className: l(
+          onClick: () => l(a),
+          className: r(
             "rounded-[19px] text-gray-800 font-semibold cursor-pointer text-center whitespace-nowrap",
             "transition-colors duration-200",
             "max-tablet:text-[16px] max-tablet:leading-[27px] max-tablet:w-full max-tablet:px-4 max-tablet:py-2",
             "text-[20px] leading-[30px] px-8 py-4 w-[275px]",
-            a === o ? "bg-white" : "bg-transparent"
+            a === n ? "bg-white" : "bg-transparent"
           ),
           children: e.title
         },
@@ -29,6 +29,7 @@ const b = ({ data: t, activeSegment: n = 0 }) => {
     }
   );
 };
+c.propsToEdit = s;
 export {
-  b as Segments
+  c as Segments
 };

package/dist/StandartTable/components/CardMarkedRow/index.js

@@ -0,0 +1,75 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { I as g } from "../../../index-60dfa873.js";
+import { c as x } from "../../../cn-d8c04b28.js";
+const c = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjY2NzMgMS41NTMyMkw1Ljc3ODQzIDEwLjQ0MjNMMS4zMzM5OCA1Ljk5Nzg4IiBzdHJva2U9IiMxNkEzNEEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K", p = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNSAxLjQ0NjA0TDE2LjUgMTYuNDQ2TTE2LjUgMS40NDYwNEwxLjUgMTYuNDQ2IiBzdHJva2U9IiNFRjQ0NDQiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K", b = ({ data: l, className: t }) => {
+  var s;
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: x(
+        "w-full grid grid-cols-[200px_3fr] gap-[24px] border-b border-greyLight",
+        "max-tablet:last:border-none",
+        "max-tablet:grid-cols-[170px_3fr] max-tablet:gap-0 max-tablet:w-fit",
+        t
+      ),
+      children: [
+        /* @__PURE__ */ e(
+          "p",
+          {
+            className: x(
+              "sticky left-0 top-0 z-10 bg-white font-medium text-[18px] leading-[24px] text-graySoft3 border-r border-greyLight",
+              "py-[24px] px-[32px] max-tablet:w-[170px] max-tablet:px-4 whitespace-normal"
+            ),
+            children: l == null ? void 0 : l.title
+          }
+        ),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: x(
+              "grid grid-cols-[repeat(4,1fr)] max-tablet:grid-cols-[repeat(4,134px)] gap-[24px] max-tablet:gap-0 w-full"
+            ),
+            children: (s = l == null ? void 0 : l.columns) == null ? void 0 : s.map((a) => /* @__PURE__ */ r(
+              "div",
+              {
+                className: x(
+                  "w-full flex flex-col gap-2",
+                  "py-[24px] max-tablet:last:py-[10px] max-tablet:px-[12px] max-tablet:last:pb-0 max-tablet:w-134px]"
+                ),
+                children: [
+                  /* @__PURE__ */ r("div", { className: "flex flex-row items-start gap-2 w-[240px] max-tablet:w-full", children: [
+                    (a == null ? void 0 : a.is_marked) === null ? null : a != null && a.is_marked ? /* @__PURE__ */ e(
+                      g,
+                      {
+                        src: c,
+                        alt: "check",
+                        width: 20,
+                        height: 20,
+                        className: "flex items-center justify-center"
+                      }
+                    ) : /* @__PURE__ */ e(
+                      g,
+                      {
+                        src: p,
+                        alt: "cross",
+                        width: 20,
+                        height: 20,
+                        className: "flex items-center justify-center"
+                      }
+                    ),
+                    (a == null ? void 0 : a.title) && /* @__PURE__ */ e("p", { className: "text-[18px] leading-[26px] font-medium m-0 break-words", children: a == null ? void 0 : a.title })
+                  ] }),
+                  (a == null ? void 0 : a.description) && /* @__PURE__ */ e("div", { className: "text-[14px] leading-[20px] text-graySoft3 max-tablet:text-[13px] max-tablet:leading-[16px]", children: a == null ? void 0 : a.description })
+                ]
+              },
+              a == null ? void 0 : a.id
+            ))
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  b as CardMarkedRow
+};

package/dist/StandartTable/components/CardMarkedRow/types.js

@@ -0,0 +1 @@
+

package/dist/StandartTable/components/CardWarning/index.js

@@ -0,0 +1,89 @@
+import { jsxs as n, jsx as s } from "react/jsx-runtime";
+import { a as r } from "../../../cn-d8c04b28.js";
+import { HtmlContent as c } from "../../../HtmlContent/HtmlContent.js";
+import { B as x } from "../../../index-b3d6aed3.js";
+import { a as p, B as t } from "../../../const-9041b93a.js";
+import { I as f } from "../../../index-60dfa873.js";
+const B = ({
+  data: e,
+  title: i,
+  description: o,
+  image: l,
+  className: m
+}) => /* @__PURE__ */ n(
+  "div",
+  {
+    className: r(
+      "w-full flex justify-between gap-[20px] bg-gray2 rounded-[20px] p-[16px]",
+      "md:flex-col md:items-stretch md:gap-[24px] md:p-[16px]",
+      m
+    ),
+    children: [
+      /* @__PURE__ */ n(
+        "div",
+        {
+          className: r(
+            "flex gap-4 items-center justify-start",
+            "md:flex-col md:items-start md:gap-3 md:basis-full"
+          ),
+          children: [
+            ((e == null ? void 0 : e.necessary_icon) || l) && /* @__PURE__ */ s(
+              f,
+              {
+                src: (e == null ? void 0 : e.necessary_icon) ?? l ?? "",
+                alt: (e == null ? void 0 : e.necessary_title) ?? i ?? "",
+                width: 48,
+                height: 48,
+                className: "w-12 h-12 flex-shrink-0"
+              }
+            ),
+            /* @__PURE__ */ n("div", { className: "box-border md:h-fit", children: [
+              /* @__PURE__ */ s(
+                "p",
+                {
+                  className: r(
+                    "text-[24px] font-bold leading-[32px] m-0",
+                    "md:text-[18px] md:leading-[26px] md:font-semibold"
+                  ),
+                  children: (e == null ? void 0 : e.necessary_title) || i
+                }
+              ),
+              ((e == null ? void 0 : e.necessary_description) || o) && /* @__PURE__ */ s(
+                c,
+                {
+                  className: r(
+                    "text-[15px] leading-[22px] text-[#5F6E7B] font-normal",
+                    "md:text-[13px] md:leading-[16px]"
+                  ),
+                  data: `${(e == null ? void 0 : e.necessary_description) || o}`
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      (e == null ? void 0 : e.necessary_button_link) && /* @__PURE__ */ s(
+        "a",
+        {
+          href: e == null ? void 0 : e.necessary_button_link,
+          target: "_blank",
+          children: /* @__PURE__ */ s(
+            x,
+            {
+              variant: p.Static,
+              size: t.L,
+              className: r(
+                "text-[15px] font-medium leading-[24px] rounded-lg px-4 py-2 bg-[#FDDB2B] text-black border-0 cursor-pointer transition-colors duration-300 hover:bg-[#F7C21C]",
+                "md:w-full md:h-14"
+              ),
+              children: e == null ? void 0 : e.necessary_button_text
+            }
+          )
+        }
+      )
+    ]
+  }
+);
+export {
+  B as CardWarning
+};

package/dist/StandartTable/components/CardWarning/types.js

@@ -0,0 +1 @@
+

package/dist/StandartTable/index.js

@@ -0,0 +1,48 @@
+import { jsxs as t, jsx as n } from "react/jsx-runtime";
+import { C as c } from "../ComponentContainer-0fcc2695.js";
+import { c as d } from "../cn-d8c04b28.js";
+import { CardMarkedRow as p } from "./components/CardMarkedRow/index.js";
+import { CardWarning as m } from "./components/CardWarning/index.js";
+const h = ({ title: e, table: r, rows: i }) => {
+  var o;
+  return /* @__PURE__ */ t(c, { children: [
+    e && /* @__PURE__ */ n(
+      "p",
+      {
+        className: d(
+          "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__ */ t("div", { className: "bg-white rounded-[20px] overflow-hidden p-8 md:p-6", children: [
+      /* @__PURE__ */ n(
+        "div",
+        {
+          className: d("overflow-x-auto whitespace-nowrap custom-scrollbar"),
+          children: /* @__PURE__ */ n("div", { className: "bg-white rounded-[20px] w-full", children: i == null ? void 0 : i.map((a) => /* @__PURE__ */ n(
+            p,
+            {
+              data: a,
+              className: d({
+                "border-b border-[#E6E8EB]": !(r != null && r.warning)
+              })
+            },
+            a == null ? void 0 : a.id
+          )) })
+        }
+      ),
+      ((o = r == null ? void 0 : r.warning) == null ? void 0 : o.warning_description) && /* @__PURE__ */ n("div", { className: "mt-4", children: /* @__PURE__ */ n(
+        m,
+        {
+          className: "!flex-[1_1_100%] bg-white",
+          title: r.warning.warning_title,
+          description: r.warning.warning_description
+        }
+      ) })
+    ] })
+  ] });
+};
+export {
+  h as StandartTable
+};

package/dist/StandartTable/types.js

@@ -0,0 +1 @@
+

package/dist/Stepper/Stepper.js

@@ -1,41 +1,42 @@
 import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { B as i } from "../index-89dcf24f.js";
-import { C as x } from "../ComponentContainer-41408843.js";
-import { I as o } from "../index-fb8c9446.js";
-const h = ({ data: t, title: a, button: l }) => /* @__PURE__ */ r(x, { children: /* @__PURE__ */ s("div", { className: "flex items-center flex-col", children: [
+import { B as o } from "../index-b3d6aed3.js";
+import { C as c } from "../ComponentContainer-0fcc2695.js";
+import { I as p } from "../index-60dfa873.js";
+const x = ["data", "title", "button"], d = ({ data: n, title: a, button: t }) => /* @__PURE__ */ r(c, { children: /* @__PURE__ */ s("div", { className: "flex items-center flex-col", children: [
   a && /* @__PURE__ */ r("p", { className: "font-bold max-tablet:text-[26px] text-[44px] mb-12 max-tablet:leading-[32px] leading-[42px] font-variant-numeric font-feature-settings", children: a }),
-  /* @__PURE__ */ r("div", { className: "grid grid-cols-3 gap-6 max-tablet:grid-cols-1", children: t == null ? void 0 : t.map((e, n) => {
-    const c = n + 1;
+  /* @__PURE__ */ r("div", { className: "grid grid-cols-3 gap-6 max-tablet:grid-cols-1", children: n == null ? void 0 : n.map((e, l) => {
+    const i = l + 1;
     return /* @__PURE__ */ s(
       "div",
       {
         className: "p-8 bg-white rounded-[20px] flex flex-col gap-6 items-center",
         children: [
           e.icon ? /* @__PURE__ */ r(
-            o,
+            p,
             {
               src: e.icon,
               className: "w-[72px] h-[72px] rounded-full overflow-hidden"
             }
-          ) : /* @__PURE__ */ r("span", { className: "w-[72px] h-[72px] rounded-full bg-greenLight font-bold overflow-hidden flex items-center justify-center text-white text-[24px] leading-8 ", children: c }),
+          ) : /* @__PURE__ */ r("span", { className: "w-[72px] h-[72px] rounded-full bg-greenLight font-bold overflow-hidden flex items-center justify-center text-white text-[24px] leading-8 ", children: i }),
           /* @__PURE__ */ r("p", { className: "text-blackBG text-[18px] leading-[26px] text-center", children: e.text })
         ]
       },
-      n
+      l
     );
   }) }),
-  !!(l != null && l.length) && /* @__PURE__ */ r("div", { className: "flex items-center gap-4 mt-6", children: l.map((e, n) => /* @__PURE__ */ r(
+  !!(t != null && t.length) && /* @__PURE__ */ r("div", { className: "flex items-center gap-4 mt-6", children: t.map((e, l) => /* @__PURE__ */ r(
     "a",
     {
       href: (e == null ? void 0 : e.link) || "#",
       className: "w-fit z-10 max-tablet:w-full",
       target: "_blank",
       rel: "noopener noreferrer",
-      children: /* @__PURE__ */ r(i, { variant: e.variant, children: e.text })
+      children: /* @__PURE__ */ r(o, { variant: e.variant, children: e.text })
     },
-    n
+    l
   )) })
 ] }) });
+d.propsToEdit = x;
 export {
-  h as Stepper
+  d as Stepper
 };