md-components-mdigial-azamat 0.0.1 → 0.0.2

package/dist/PartnersColors/PartnersColors.js

@@ -0,0 +1,37 @@
+import { jsxs as x, jsx as t } from "react/jsx-runtime";
+import { useState as s } from "react";
+import { C as d } from "../ComponentContainer-41408843.js";
+import { PartnerCard as f } from "./components/PartnerCard/PartnerCard.js";
+import { PartnerTab as a } from "./components/PartnerTab/PartnerTab.js";
+const N = ({
+  title: n,
+  subtitle: o,
+  categories: r,
+  cards: p
+}) => {
+  var i;
+  const [m, l] = s(((i = r[0]) == null ? void 0 : i.id) || 0);
+  return /* @__PURE__ */ x(d, { children: [
+    /* @__PURE__ */ t("p", { className: "uppercase text-[16px] leading-[24px] font-[500] text-center text-graySoft", children: o }),
+    /* @__PURE__ */ t("h2", { className: "text-[44px] leading-[52px] font-bold text-center", children: n }),
+    /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-[12px] mt-[48px]", children: r == null ? void 0 : r.map((e) => /* @__PURE__ */ t(
+      a,
+      {
+        category: e,
+        isActive: e.id === m,
+        onClick: l
+      },
+      e == null ? void 0 : e.id
+    )) }),
+    /* @__PURE__ */ t("div", { className: "grid grid-cols-[repeat(2,1fr)] md:grid-cols-[repeat(5,1fr)] gap-[16px] mt-[32px]", children: p == null ? void 0 : p.map((e) => /* @__PURE__ */ t(
+      f,
+      {
+        card: e
+      },
+      e == null ? void 0 : e.id
+    )) })
+  ] });
+};
+export {
+  N as PartnersColors
+};

package/dist/PartnersColors/components/PartnerCard/PartnerCard.js

@@ -0,0 +1,30 @@
+import { jsxs as e, jsx as i } from "react/jsx-runtime";
+import { I as p } from "../../../index-fb8c9446.js";
+import { getBonusColors as x } from "./const.js";
+const n = ({ card: t }) => /* @__PURE__ */ e("div", { className: "relative bg-white flex flex-col items-center justify-center h-[180px] md:h-[200px] py-[32px] px-[16px] rounded-[20px]", children: [
+  (t == null ? void 0 : t.discount) && /* @__PURE__ */ e(
+    "div",
+    {
+      className: `absolute top-[10px] right-[10px]
+          py-[2px] px-[8px] rounded-[24px] text-[14px] leading-[20px]`,
+      style: x(String(t == null ? void 0 : t.discount)),
+      children: [
+        t == null ? void 0 : t.discount,
+        " %"
+      ]
+    }
+  ),
+  /* @__PURE__ */ i(
+    p,
+    {
+      src: t == null ? void 0 : t.image,
+      alt: t == null ? void 0 : t.title,
+      width: 57,
+      height: 57
+    }
+  ),
+  /* @__PURE__ */ i("p", { className: "text-[18px] leading-[26px] font-[500]", children: t == null ? void 0 : t.title })
+] });
+export {
+  n as PartnerCard
+};

package/dist/PartnersColors/components/PartnerCard/const.js

@@ -0,0 +1,19 @@
+var t = /* @__PURE__ */ ((o) => (o.LOW = "low", o.HIGH = "high", o))(t || {});
+const n = {
+  low: { backgroundColor: "#FDDB2B", color: "#0E0F11" },
+  high: { backgroundColor: "#10B981", color: "#ffffff" }
+}, c = (o) => {
+  const r = o.match(/\d+/);
+  return r ? Number(r[0]) : 0;
+}, u = (o) => {
+  const r = c(o);
+  if (r < 2)
+    return n.low;
+  if (r >= 2)
+    return n.high;
+};
+export {
+  t as BonusColors,
+  n as BonusStyles,
+  u as getBonusColors
+};

package/dist/PartnersColors/components/PartnerCard/index.js

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

package/dist/PartnersColors/components/PartnerTab/PartnerTab.js

@@ -0,0 +1,37 @@
+import { jsxs as x, jsx as p } from "react/jsx-runtime";
+import { I as m } from "../../../index-fb8c9446.js";
+import { c as t } from "../../../cn-eacd4725.js";
+const r = ({ category: i, isActive: n, onClick: s }) => /* @__PURE__ */ x(
+  "button",
+  {
+    className: t(
+      "bg-greyLight p-[12px] rounded-[16px] flex items-center cursor-pointer gap-[4px] hover:bg-graySoft group transition duration-300 ease-in-out",
+      n && "bg-graySoft"
+    ),
+    onClick: () => s(i == null ? void 0 : i.id),
+    children: [
+      /* @__PURE__ */ p(
+        m,
+        {
+          src: i == null ? void 0 : i.image,
+          alt: i == null ? void 0 : i.title,
+          width: 24,
+          height: 24
+        }
+      ),
+      /* @__PURE__ */ p(
+        "p",
+        {
+          className: t(
+            "text-[16px] leading-[24px] font-[500] group-hover:text-white",
+            n && "text-white"
+          ),
+          children: i == null ? void 0 : i.title
+        }
+      )
+    ]
+  }
+);
+export {
+  r as PartnerTab
+};

package/dist/PartnersColors/components/PartnerTab/index.js

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

package/dist/PartnersColors/index.js

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

package/dist/PreviewList/PreviewList.js

@@ -0,0 +1,26 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { B as l } from "../index-89dcf24f.js";
+import { C as n } from "../ComponentContainer-41408843.js";
+import { PreviewCard as p } from "./components/PreviewCard/PreviewCard.js";
+const h = ({
+  title: m,
+  cards: r,
+  button_link: t,
+  button_text: i,
+  grid: o = 3
+}) => /* @__PURE__ */ a(n, { className: "flex flex-col items-center", children: [
+  m && /* @__PURE__ */ e("p", { className: "text-[44px] leading-[52px] font-bold text-center mb-[48px]", children: m }),
+  /* @__PURE__ */ e("div", { className: `grid grid-cols-${o} items-stretch gap-[24px]`, children: r == null ? void 0 : r.map((s) => /* @__PURE__ */ e(p, { item: s })) }),
+  t && i && /* @__PURE__ */ e(
+    "a",
+    {
+      href: t,
+      target: "_blank",
+      className: "mt-[24px]",
+      children: /* @__PURE__ */ e(l, { children: i })
+    }
+  )
+] });
+export {
+  h as PreviewList
+};

package/dist/PreviewList/components/PreviewCard/PreviewCard.js

@@ -0,0 +1,32 @@
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { B as c, a as x } from "../../../index-89dcf24f.js";
+import { I as u } from "../../../index-fb8c9446.js";
+const b = ({ item: l }) => {
+  var n, o, r;
+  return /* @__PURE__ */ s("div", { className: "w-full flex flex-col rounded-[20px] overflow-hidden", children: [
+    /* @__PURE__ */ a("div", { className: "relative w-full h-[256px]", children: /* @__PURE__ */ a(
+      u,
+      {
+        src: l == null ? void 0 : l.image,
+        alt: l == null ? void 0 : l.title,
+        className: "w-full h-full",
+        imageStyles: "object-cover"
+      }
+    ) }),
+    /* @__PURE__ */ s("div", { className: "bg-white p-[32px] flex flex-col gap-[8px] h-full", children: [
+      (l == null ? void 0 : l.title) && /* @__PURE__ */ a("p", { className: "text-[24px] leading-[32px] font-bold", children: l == null ? void 0 : l.title }),
+      (l == null ? void 0 : l.subtitle) && /* @__PURE__ */ a("p", { className: "text-[14px] leading-[20px] text-graySoft", children: l == null ? void 0 : l.subtitle }),
+      (l == null ? void 0 : l.button.button_link) && ((n = l == null ? void 0 : l.button) == null ? void 0 : n.button_text) && /* @__PURE__ */ a(
+        "a",
+        {
+          href: (o = l == null ? void 0 : l.button) == null ? void 0 : o.button_link,
+          className: "mt-[24px]",
+          children: /* @__PURE__ */ a(c, { variant: x.SecondaryBlue, children: (r = l == null ? void 0 : l.button) == null ? void 0 : r.button_text })
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  b as PreviewCard
+};

package/dist/PreviewList/components/PreviewCard/index.js

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

package/dist/PreviewList/index.js

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

package/dist/Segments/Segments.js

@@ -0,0 +1,34 @@
+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);
+  };
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: l(
+        "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(
+        "div",
+        {
+          onClick: () => p(a),
+          className: l(
+            "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"
+          ),
+          children: e.title
+        },
+        a
+      ))
+    }
+  );
+};
+export {
+  b as Segments
+};

package/dist/Segments/index.js

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

package/dist/Stepper/Stepper.js

@@ -0,0 +1,41 @@
+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: [
+  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;
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        className: "p-8 bg-white rounded-[20px] flex flex-col gap-6 items-center",
+        children: [
+          e.icon ? /* @__PURE__ */ r(
+            o,
+            {
+              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("p", { className: "text-blackBG text-[18px] leading-[26px] text-center", children: e.text })
+        ]
+      },
+      n
+    );
+  }) }),
+  !!(l != null && l.length) && /* @__PURE__ */ r("div", { className: "flex items-center gap-4 mt-6", children: l.map((e, n) => /* @__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 })
+    },
+    n
+  )) })
+] }) });
+export {
+  h as Stepper
+};

package/dist/Stepper/index.js

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

package/dist/Video/VideoFull/VideoFull.js

@@ -0,0 +1,13 @@
+import { jsx as o } from "react/jsx-runtime";
+import { VideoPlayer as e } from "../components/VideoPlayer/VideoPlayer.js";
+import { C as i } from "../../ComponentContainer-41408843.js";
+const l = ({ linkVideo: r }) => /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o("div", { className: "rounded-[20px] overflow-hidden", children: /* @__PURE__ */ o(
+  e,
+  {
+    linkVideo: r,
+    className: "h-[300px] sm:h-[556px]"
+  }
+) }) });
+export {
+  l as VideoFull
+};

package/dist/Video/VideoFull/index.js

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

package/dist/Video/VideoList/VideoList.js

@@ -0,0 +1,23 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { VideoPlayer as l } from "../components/VideoPlayer/VideoPlayer.js";
+import { C as a } from "../../ComponentContainer-41408843.js";
+const c = ({ data: o }) => /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("div", { className: "grid grid-cols-2 gap-6 max-tablet:grid-cols-1", children: o.map((i, d) => /* @__PURE__ */ r(
+  "div",
+  {
+    className: "bg-white rounded-[20px] overflow-hidden",
+    children: [
+      /* @__PURE__ */ e(
+        l,
+        {
+          linkVideo: i.linkVideo,
+          className: "h-[368px]"
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: "p-8", children: /* @__PURE__ */ e("p", { className: "text-[24px] leading-8 font-bold", children: i.title }) })
+    ]
+  },
+  d
+)) }) });
+export {
+  c as VideoList
+};

package/dist/Video/VideoList/index.js

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

package/dist/Video/VideoListMini/VideoListMini.js

@@ -0,0 +1,23 @@
+import { jsx as i, jsxs as r } from "react/jsx-runtime";
+import { VideoPlayer as l } from "../components/VideoPlayer/VideoPlayer.js";
+import { C as a } from "../../ComponentContainer-41408843.js";
+const c = ({ data: o }) => /* @__PURE__ */ i(a, { children: /* @__PURE__ */ i("div", { className: "grid grid-cols-3 gap-6 max-tablet:grid-cols-1", children: o.map((e, d) => /* @__PURE__ */ r(
+  "div",
+  {
+    className: "bg-white rounded-[20px] overflow-hidden",
+    children: [
+      /* @__PURE__ */ i(
+        l,
+        {
+          linkVideo: e.linkVideo,
+          className: "h-[224px]"
+        }
+      ),
+      /* @__PURE__ */ i("div", { className: "p-8", children: /* @__PURE__ */ i("p", { className: "text-[24px] leading-8 font-bold", children: e.title }) })
+    ]
+  },
+  d
+)) }) });
+export {
+  c as VideoListMini
+};

package/dist/Video/VideoListMini/index.js

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