md-components-mdigial-azamat 0.0.10 → 0.0.12

package/README.md

@@ -51,3 +51,7 @@ If you are developing a production application, we recommend updating the config
 - Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
 - Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
 - Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
+
+npm version patch
+npm run build
+npm publish

package/dist/AllComponents.js

@@ -0,0 +1,130 @@
+import { M as o, B as n, C as t, S as a, a as e, V as r, b as i, c as m, d as p, e as s, f as l, P as d, g as c, W as D, F as P, D as L, h as f, i as C, j as B, I as y, k as w, l as F, A as k, m as I, T as S, n as g, E as M, o as V, p as u, q as T, r as b, s as A, t as h } from "./data.mock-741c2220.js";
+import q from "./AnimatedSwiper/index.js";
+import { Banner as x } from "./Banner/Banner.js";
+import { CardIconList as E } from "./CardIconList/CardIconList.js";
+import { CardImageList as W } from "./CardImageList/CardImageList.js";
+import { CardImageSecondaryList as v } from "./CardImageSecondaryList/CardImageSecondaryList.js";
+import { CardInfoTable as H } from "./CardInfoTable/index.js";
+import { ContentCardList as j } from "./ContentCardList/ContentCardList.js";
+import { DownloadFileBright as z } from "./DownloadFile/components/DownloadFileBright/index.js";
+import { EmptyBox as G } from "./EmptyBox/EmptyBox.js";
+import { Faq as J } from "./Faq/Faq.js";
+import { InfoBannerList as K } from "./InfoBannerList/InfoBannerList.js";
+import { IntroBanner as N } from "./IntroBanner/IntroBanner.js";
+import { MainBanner as O } from "./MainBanner/MainBanner.js";
+import { MultiCards as Q } from "./MultiCards/index.js";
+import { Partners as R } from "./Partners/Partners.js";
+import { PartnersColors as U } from "./PartnersColors/PartnersColors.js";
+import { PromoPoster as X } from "./PromoPoster/PromoPoster.js";
+import { Segments as Y } from "./Segments/Segments.js";
+import { StandartTable as Z } from "./StandartTable/index.js";
+import { Stepper as _ } from "./Stepper/Stepper.js";
+import { SwiperList as $ } from "./SwiperList/SwiperList.js";
+import { TasksBannerList as oo } from "./TasksBannerList/TasksBannerList.js";
+import { VideoFull as no } from "./Video/VideoFull/VideoFull.js";
+import { VideoList as to } from "./Video/VideoList/VideoList.js";
+import { VideoListMini as ao } from "./Video/VideoListMini/VideoListMini.js";
+import { VideoMainBanner as eo } from "./VideoMainBanner/VideoMainBanner.js";
+import "./ConfigProvider/index.js";
+import "./BannerAndText/index.js";
+import "./HtmlContent/HtmlContent.js";
+import { InstructionList as ro } from "./InstructionList/InstructionList.js";
+import "./HeroPossibilityBanner/index.js";
+import { PreviewList as io } from "./PreviewList/PreviewList.js";
+import "./Cards/CardImage/CardImage.js";
+import "./Cards/ContentCard/ContentCard.js";
+import { WarningCard as mo } from "./Cards/WarningCard/WarningCard.js";
+import "./Cards/ColoredCard/index.js";
+import "./index-6e0f7db0.js";
+import { DownloadFileBanner as po } from "./DownloadFile/components/DownloadFileBanner/DownloadFileBanner.js";
+import { DownloadFileFull as so } from "./DownloadFile/components/DownloadFileFull/DownloadFileFull.js";
+import { DownloadFileHalf as lo } from "./DownloadFile/components/DownloadFileHalf/DownloadFileHalf.js";
+import { DownloadFileMini as co } from "./DownloadFile/components/DownloadFileMini/DownloadFileMini.js";
+import "./Faq/components/Collapse/Collapse.js";
+import "react/jsx-runtime";
+import "react";
+import "./index-b3d6aed3.js";
+import "./InstructionList/components/InstructionCard/InstructionCard.js";
+import "./PreviewList/components/PreviewCard/PreviewCard.js";
+const pn = {
+  MainBanner: { key: "MainBanner", component: O },
+  Banner: { key: "Banner", component: x },
+  CardImageList: { key: "CardImageList", component: W },
+  Stepper: { key: "Stepper", component: _ },
+  Segments: { key: "Segments", component: Y },
+  VideoFull: { key: "VideoFull", component: no },
+  VideoList: { key: "VideoList", component: to },
+  VideoListMini: { key: "VideoListMini", component: ao },
+  ContentCardList: { key: "ContentCardList", component: j },
+  CardIconList: { key: "CardIconList", component: E },
+  MultiCards: { key: "MultiCards", component: Q },
+  Partners: { key: "Partners", component: R },
+  PartnersColors: { key: "PartnersColors", component: U },
+  WarningCard: { key: "WarningCard", component: mo },
+  Faq: { key: "Faq", component: J },
+  DownloadFileBanner: {
+    key: "DownloadFileBanner",
+    component: po
+  },
+  DownloadFileHalf: { key: "DownloadFileHalf", component: lo },
+  DownloadFileFull: { key: "DownloadFileFull", component: so },
+  DownloadFileMini: { key: "DownloadFileMini", component: co },
+  InstructionList: { key: "InstructionList", component: ro },
+  PreviewList: { key: "PreviewList", component: io },
+  SwiperList: { key: "SwiperList", component: $ },
+  AnimatedSwiper: { key: "AnimatedSwiper", component: q },
+  InfoBannerList: { key: "InfoBannerList", component: K },
+  TasksBannerList: { key: "TasksBannerList", component: oo },
+  VideoMainBanner: { key: "VideoMainBanner", component: eo },
+  EmptyBox: { key: "EmptyBox", component: G },
+  PromoPoster: { key: "PromoPoster", component: X },
+  CardImageSecondaryList: {
+    key: "CardImageSecondaryList",
+    component: v
+  },
+  CardInfoTable: { key: "CardInfoTable", component: H },
+  StandartTable: { key: "StandartTable", component: Z },
+  IntroBanner: { key: "IntroBanner", component: N },
+  DownloadFileBright: {
+    key: "DownloadFileBright",
+    component: z
+  }
+}, sn = {
+  MainBanner: o.componentProps,
+  Banner: n.componentProps,
+  CardImageList: t.componentProps,
+  Stepper: a.componentProps,
+  Segments: e.componentProps,
+  VideoFull: r.componentProps,
+  VideoList: i.componentProps,
+  VideoListMini: m.componentProps,
+  ContentCardList: p.componentProps,
+  CardIconList: s.componentProps,
+  MultiCards: l.componentProps,
+  Partners: d.componentProps,
+  PartnersColors: c.componentProps,
+  WarningCard: D.componentProps,
+  Faq: P.componentProps,
+  DownloadFileBanner: L.componentProps,
+  DownloadFileHalf: f.componentProps,
+  DownloadFileFull: C.componentProps,
+  DownloadFileMini: B.componentProps,
+  InstructionList: y.componentProps,
+  PreviewList: w.componentProps,
+  SwiperList: F.componentProps,
+  AnimatedSwiper: k.componentProps,
+  InfoBannerList: I.componentProps,
+  TasksBannerList: S.componentProps,
+  VideoMainBanner: g.componentProps,
+  EmptyBox: M.componentProps,
+  PromoPoster: V.componentProps,
+  CardImageSecondaryList: u.componentProps,
+  CardInfoTable: T.componentProps,
+  StandartTable: b.componentProps,
+  IntroBanner: A.componentProps,
+  DownloadFileBright: h.componentProps
+};
+export {
+  pn as AllComponents,
+  sn as AllComponentsData
+};

package/dist/AnimatedSwiper/Slide/Slide.js

@@ -0,0 +1,57 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { c as i, a as o } from "../../cn-d8c04b28.js";
+import { I as p } from "../../index-60dfa873.js";
+import '../../assets/swiper.css';/* empty css                     */const g = ({
+  data: e,
+  className: x,
+  isLight: l = !1,
+  imgClassName: r,
+  imgStyle: s
+}) => /* @__PURE__ */ n(
+  "div",
+  {
+    className: i(
+      "relative flex flex-col gap-[32px] p-[32px] h-full w-full rounded-[20px] overflow-hidden bg-black8 transition-all duration-500 ease-in-out max-tablet:p-[24px] max-tablet:gap-[24px]",
+      x,
+      { "bg-white": l }
+    ),
+    children: [
+      (e == null ? void 0 : e.icon) && /* @__PURE__ */ t(
+        p,
+        {
+          src: e == null ? void 0 : e.icon,
+          alt: e == null ? void 0 : e.title,
+          width: 80,
+          height: 80,
+          className: i("transition-all duration-500", r),
+          imageStyles: i("transition-all duration-500", s)
+        }
+      ),
+      /* @__PURE__ */ n("div", { className: "flex flex-col gap-[12px] max-tablet:gap-[8px]", children: [
+        /* @__PURE__ */ t(
+          "p",
+          {
+            className: o(
+              "text-white4 text-[24px] font-bold leading-[32px] m-0 transition-all duration-500 ease-in-ou max-tablet:text-[24px] max-tablet:leading-[28px]",
+              { "!text-black2": l }
+            ),
+            children: e == null ? void 0 : e.title
+          }
+        ),
+        /* @__PURE__ */ t(
+          "p",
+          {
+            className: o(
+              "text-white4 text-[15px] font-normal leading-[24px] m-0 transition-all duration-500 [font-variant-numeric:lining-nums_tabular-nums_stacked-fractions] [font-feature-settings:'clig'_off,'liga'_off] max-tablet:text-[14px] max-tablet:leading-[20px]",
+              { "!text-graySoft": l }
+            ),
+            children: e == null ? void 0 : e.description
+          }
+        )
+      ] })
+    ]
+  }
+);
+export {
+  g as Slide
+};

package/dist/AnimatedSwiper/Slide/index.js

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

package/dist/AnimatedSwiper/index.js

@@ -0,0 +1,117 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { useState as A, useRef as p } from "react";
+import { S as N, N as C, A as I, a as z, C as R, b as B } from "../swiper-react-c049ea66.js";
+import { Bullet as j } from "../SwiperList/components/Bullet/Bullet.js";
+import { c as n } from "../cn-d8c04b28.js";
+import { u as E } from "../useScreenSize-c1b64c02.js";
+import { Slide as P } from "./Slide/Slide.js";
+function k({
+  title: f,
+  cards: t,
+  autoplay: h = !1,
+  isLight: g = !1,
+  isButton: x = !0
+}) {
+  const [r, c] = A(1), b = p(null), l = E(960), o = l ? 1.2 : 3, w = l ? 16 : 0, S = h ? {
+    delay: 3e3,
+    disableOnInteraction: !1,
+    waitForTransition: !0
+  } : !1, m = p(null), u = p(null), v = t.length <= o + 1 ? [...t, ...t] : t, y = t.length <= o + 1 ? r % t.length : r;
+  return /* @__PURE__ */ d("div", { className: "flex flex-col items-center gap-6 h-fit max-w-[1232px] w-full mx-auto px-4 relative max-tablet:max-w-full max-tablet:p-0", children: [
+    f && /* @__PURE__ */ e("p", { className: "text-[44px] leading-[52px] font-bold text-center mb-[48px]", children: f }),
+    /* @__PURE__ */ d("div", { className: "relative w-full h-[346px] max-tablet:h-fit", children: [
+      /* @__PURE__ */ e(
+        N,
+        {
+          modules: [C, I],
+          className: "feature_swiper",
+          initialSlide: 0,
+          slidesPerView: o,
+          spaceBetween: w,
+          centeredSlides: !0,
+          speed: 500,
+          autoplay: S,
+          onSwiper: (a) => {
+            b.current = a, c(a.realIndex);
+          },
+          onBeforeTransitionStart: (a) => {
+            let i = a.realIndex;
+            c(i);
+          },
+          navigation: {
+            nextEl: m.current,
+            prevEl: u.current
+          },
+          loop: !0,
+          children: v.map((a, i) => {
+            const s = i === r;
+            return /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
+              P,
+              {
+                data: a,
+                className: n(
+                  "h-[314px] transition-all duration-500 transform scale-[0.85] relative max-tablet:h-[288px] max-tablet:scale-100",
+                  {
+                    "!h-[346px] !w-full transform scale-100 flex flex-col gap-[40px] md:h-auto md:gap-6": s && !l
+                  }
+                ),
+                imgClassName: n({
+                  "h-[122px] w-[122px]": s && !l
+                }),
+                imgStyle: n({
+                  "h-[122px] w-[122px]": s && !l
+                }),
+                isLight: g
+              }
+            ) }, a.id);
+          })
+        }
+      ),
+      x && /* @__PURE__ */ e(
+        "button",
+        {
+          ref: u,
+          className: n(
+            "absolute h-[40px] w-[40px] left-0 top-[200px] translate-x-[-50%] translate-y-[-50%] z-10 p-[8px] rounded-[50%] bg-graySoft border-none cursor-pointer max-tablet:hidden"
+          ),
+          children: /* @__PURE__ */ e(
+            R,
+            {
+              size: 24,
+              color: "#ffffff"
+            }
+          )
+        }
+      ),
+      x && /* @__PURE__ */ e(
+        "button",
+        {
+          ref: m,
+          className: n(
+            "absolute h-[40px] w-[40px] right-0 top-[200px] translate-x-[-50%] translate-y-[-50%] z-10 p-[8px] rounded-[50%] bg-graySoft border-none cursor-pointer max-tablet:hidden"
+          ),
+          children: /* @__PURE__ */ e(
+            B,
+            {
+              size: 24,
+              color: "#ffffff"
+            }
+          )
+        }
+      )
+    ] }),
+    t.length && /* @__PURE__ */ e(
+      j,
+      {
+        count: t.length,
+        active: y,
+        activeColor: "#16A34A",
+        anActiveColor: "#A6B2BA",
+        className: "mt-[24px]"
+      }
+    )
+  ] });
+}
+export {
+  k as default
+};

package/dist/AnimatedSwiper/types.js

@@ -0,0 +1 @@
+

package/dist/Banner/Banner.js

@@ -1,54 +1,49 @@
-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,
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { BannerVariant as d } from "./types.js";
+import { B as g } from "../index-b3d6aed3.js";
+import { C as y } from "../ComponentContainer-0fcc2695.js";
+import { I as h } from "../index-60dfa873.js";
+import { c as a } from "../cn-d8c04b28.js";
+import { u as _ } from "../useScreenSize-c1b64c02.js";
+const j = [
+  "bg_image",
+  "image",
+  "title",
+  "text_color",
+  "description",
+  "buttons",
+  "variant",
+  "qr"
+], k = ({
+  bg_image: w,
+  image: o,
   title: n,
-  text_color: l = "inherit",
+  text_color: r = "inherit",
   description: c,
-  buttons: o,
-  variant: d,
+  buttons: x,
+  variant: s,
   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(
+  const m = _(960), u = s === d.Buttons, N = s === d.Qr;
+  return /* @__PURE__ */ t(y, { children: /* @__PURE__ */ i(
     "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})`
+        backgroundImage: `url(${w})`
       },
       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: [
+        /* @__PURE__ */ i("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 },
+              style: { color: r },
               children: n
             }
           ),
@@ -58,29 +53,29 @@ const S = (m = 768) => {
               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 },
+              style: { color: r },
               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(
+          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: x == null ? void 0 : x.map((l, v) => /* @__PURE__ */ t(
             "a",
             {
-              href: (i == null ? void 0 : i.link) || "#",
+              href: (l == null ? void 0 : l.link) || "#",
               className: a("w-fit z-10 max-tablet:w-full"),
               target: "_blank",
               rel: "noopener noreferrer",
               children: /* @__PURE__ */ t(
-                w,
+                g,
                 {
-                  variant: i.variant,
+                  variant: l.variant,
                   className: "w-[200px] max-tablet:w-full",
-                  children: i.text
+                  children: l.text
                 }
               )
             },
-            N
+            v
           )) }),
-          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(
+          N && (m ? /* @__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) || "#",
@@ -88,7 +83,7 @@ const S = (m = 768) => {
               target: "_blank",
               rel: "noopener noreferrer",
               children: /* @__PURE__ */ t(
-                w,
+                g,
                 {
                   variant: (f = e == null ? void 0 : e.button) == null ? void 0 : f.variant,
                   className: "w-[200px] max-tablet:w-full",
@@ -96,7 +91,7 @@ const S = (m = 768) => {
                 }
               )
             }
-          ) }) : /* @__PURE__ */ s(
+          ) }) : /* @__PURE__ */ i(
             "div",
             {
               className: a(
@@ -104,7 +99,7 @@ const S = (m = 768) => {
               ),
               children: [
                 /* @__PURE__ */ t(
-                  g,
+                  h,
                   {
                     src: e == null ? void 0 : e.banner_qr,
                     alt: e == null ? void 0 : e.banner_qr_text,
@@ -126,13 +121,13 @@ const S = (m = 768) => {
             }
           ))
         ] }),
-        x && /* @__PURE__ */ t(
-          g,
+        o && /* @__PURE__ */ t(
+          h,
           {
-            src: x,
+            src: o,
             alt: n,
-            width: r ? 312 : 588,
-            height: r ? 218 : 400,
+            width: m ? 312 : 588,
+            height: m ? 218 : 400,
             className: a("max-tablet:!w-full align-bottom items-end mt-auto"),
             imageStyles: "object-contain object-bottom"
           }
@@ -141,6 +136,7 @@ const S = (m = 768) => {
     }
   ) });
 };
+k.propsToEdit = j;
 export {
-  Q as Banner
+  k as Banner
 };

package/dist/BannerAndText/index.js

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

package/dist/CardIconList/CardIconList.js

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