md-components-mdigial-azamat 0.0.11 → 0.0.13

package/README.md

@@ -52,6 +52,6 @@ If you are developing a production application, we recommend updating the config
 - 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,25 +1,11 @@
-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 _, useEffect as z } from "react";
-const j = (o = 768) => {
-  const [m, n] = _({
-    width: void 0,
-    height: void 0
-  });
-  return z(() => {
-    function l() {
-      n({
-        width: window.innerWidth,
-        height: window.innerHeight
-      });
-    }
-    return window.addEventListener("resize", l), l(), () => window.removeEventListener("resize", l);
-  }, []), m.width <= o;
-}, S = [
+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",
@@ -29,35 +15,35 @@ const j = (o = 768) => {
   "variant",
   "qr"
 ], k = ({
-  bg_image: o,
-  image: m,
+  bg_image: w,
+  image: o,
   title: n,
-  text_color: l = "inherit",
+  text_color: r = "inherit",
   description: c,
   buttons: x,
-  variant: d,
+  variant: s,
   qr: e
 }) => {
   var p, f, b;
-  const r = j(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(${o})`
+        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
             }
           ),
@@ -67,29 +53,29 @@ const j = (o = 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: x == null ? void 0 : x.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) || "#",
@@ -97,7 +83,7 @@ const j = (o = 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",
@@ -105,7 +91,7 @@ const j = (o = 768) => {
                 }
               )
             }
-          ) }) : /* @__PURE__ */ s(
+          ) }) : /* @__PURE__ */ i(
             "div",
             {
               className: a(
@@ -113,7 +99,7 @@ const j = (o = 768) => {
               ),
               children: [
                 /* @__PURE__ */ t(
-                  g,
+                  h,
                   {
                     src: e == null ? void 0 : e.banner_qr,
                     alt: e == null ? void 0 : e.banner_qr_text,
@@ -135,13 +121,13 @@ const j = (o = 768) => {
             }
           ))
         ] }),
-        m && /* @__PURE__ */ t(
-          g,
+        o && /* @__PURE__ */ t(
+          h,
           {
-            src: m,
+            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"
           }
@@ -150,7 +136,7 @@ const j = (o = 768) => {
     }
   ) });
 };
-k.propsToEdit = S;
+k.propsToEdit = j;
 export {
   k as Banner
 };

package/dist/BannerAndText/index.js

@@ -1,12 +1,8 @@
 import { jsx as o, jsxs as t } from "react/jsx-runtime";
-import { C as s } from "../ComponentContainer-41408843.js";
-import { I as p } from "../index-fb8c9446.js";
-import { c as m } from "../cn-eacd4725.js";
-const x = [
-  "banner_card",
-  "text_card",
-  "is_banner_first"
-], f = ({
+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: i

package/dist/CardIconList/CardIconList.js

@@ -1,14 +1,8 @@
 import { jsx as t, jsxs as f } from "react/jsx-runtime";
-import { F as n, S as l } from "../index-b52a1a9d.js";
-import { C as p } from "../ComponentContainer-41408843.js";
-import { c as s } from "../cn-eacd4725.js";
-const d = [
-  "cards",
-  "title",
-  "size",
-  "is_cards_first",
-  "multiHasText"
-], b = ({
+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: i = l.SMALL,

package/dist/CardImageList/CardImageList.js

@@ -1,14 +1,9 @@
 import { jsx as r, jsxs as s } from "react/jsx-runtime";
 import { CardImage as p } from "../Cards/CardImage/CardImage.js";
-import { B as m } from "../index-89dcf24f.js";
-import { C as c } from "../ComponentContainer-41408843.js";
-import { c as i } from "../cn-eacd4725.js";
-const x = [
-  "cards",
-  "title",
-  "grid",
-  "button"
-], f = ({
+import { B as m } from "../index-b3d6aed3.js";
+import { C as c } from "../ComponentContainer-0fcc2695.js";
+import { c as i } from "../cn-d8c04b28.js";
+const x = ["cards", "title", "grid", "button"], f = ({
   cards: a,
   title: n,
   grid: t,

package/dist/CardImageSecondary/CardImageSecondary.js

@@ -0,0 +1,50 @@
+import { jsxs as c, jsx as l } from "react/jsx-runtime";
+import { I as p } from "../index-60dfa873.js";
+import { c as t } from "../cn-d8c04b28.js";
+const n = ({
+  data: e,
+  isHorizontal: x,
+  imageStyles: m
+}) => /* @__PURE__ */ c(
+  "div",
+  {
+    className: t(
+      "flex flex-col items-center gap-[30px] bg-white rounded-[20px] flex-1",
+      x && "flex-row max-tablet:flex-col"
+    ),
+    children: [
+      /* @__PURE__ */ l(
+        "div",
+        {
+          className: t(
+            "px-[24px] pt-[24px] w-full",
+            x && "px-0 max-tablet:px-[24px]"
+          ),
+          children: /* @__PURE__ */ l(
+            "p",
+            {
+              className: t(
+                "text-[24px] font-medium leading-[32px] text-bgBlack text-center m-0 break-words",
+                x && "text-left pl-[24px] max-tablet:text-center",
+                "max-tablet:text-[22px] max-tablet:leading-[26px]"
+              ),
+              children: e == null ? void 0 : e.title
+            }
+          )
+        }
+      ),
+      (e == null ? void 0 : e.icon) && /* @__PURE__ */ l(
+        p,
+        {
+          src: e.icon,
+          alt: e.title || "image",
+          className: t("w-full h-[164px]", m),
+          imageStyles: "object-contain object-bottom"
+        }
+      )
+    ]
+  }
+);
+export {
+  n as CardImageSecondary
+};

package/dist/CardImageSecondary/index.js

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

package/dist/CardImageSecondary/types.js

@@ -0,0 +1 @@
+

package/dist/CardImageSecondaryList/CardImageSecondaryList.js

@@ -0,0 +1,21 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { CardImageSecondary as p } from "../CardImageSecondary/CardImageSecondary.js";
+import { C as n } from "../ComponentContainer-0fcc2695.js";
+const c = ({
+  title: a,
+  cards: e,
+  isHorizontal: x = !1
+}) => /* @__PURE__ */ o(n, { className: "flex flex-col items-stretch gap-[48px]", children: [
+  a && /* @__PURE__ */ t("p", { className: "text-bgBlack text-center text-[44px] font-bold leading-[52px] m-0 max-tablet:text-[26px] max-tablet:leading-[32px]", children: a }),
+  /* @__PURE__ */ t("div", { className: "flex gap-[24px] max-tablet:flex-col max-tablet:gap-[16px]", children: e == null ? void 0 : e.map((l, m) => /* @__PURE__ */ t(
+    p,
+    {
+      data: l,
+      isHorizontal: x
+    },
+    m
+  )) })
+] });
+export {
+  c as CardImageSecondaryList
+};

package/dist/CardImageSecondaryList/index.js

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

package/dist/CardImageSecondaryList/types.js

@@ -0,0 +1 @@
+