md-components-mdigial-azamat 0.0.11 → 0.0.13

package/dist/SwiperList/components/Bullet/Bullet.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as o } from "react/jsx-runtime";
 import { HtmlContent as p } from "../../../HtmlContent/HtmlContent.js";
-import { c as m } from "../../../cn-eacd4725.js";
+import { c as m } from "../../../cn-d8c04b28.js";
 const f = ({ fill: s, className: t, stroke: e }) => `
   <span class="bg-transparent mr-[6px] last:mr-0 ${t}">
     <svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">

package/dist/SwiperList/components/Slide/Slide.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import '../../../assets/Slide.css';const r = ({ card: e, height: l = 340 }) => /* @__PURE__ */ t(
+import '../../../assets/swiper.css';/* empty css                        */const n = ({ card: e, height: l = 340 }) => /* @__PURE__ */ t(
   "div",
   {
     className: "relative bg-cover rounded-[24px] overflow-hidden",
@@ -24,5 +24,5 @@ import '../../../assets/Slide.css';const r = ({ card: e, height: l = 340 }) => /
   }
 );
 export {
-  r as Slide
+  n as Slide
 };

package/dist/TasksBanner/TasksBanner.js

@@ -0,0 +1,108 @@
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { useState as m } from "react";
+import { HtmlContent as x } from "../HtmlContent/HtmlContent.js";
+import { I as p } from "../index-60dfa873.js";
+import { c as l } from "../cn-d8c04b28.js";
+import '../assets/TasksBanner.css';const a = ({
+  color: e = "#40474F",
+  size: n = 24,
+  ...r
+}) => /* @__PURE__ */ t(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: n,
+    height: n,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    ...r,
+    children: /* @__PURE__ */ t(
+      "path",
+      {
+        d: "M12.6666 5.7334L8.65995 9.7401C8.34884 10.0512 8.19328 10.2068 7.99998 10.2068C7.80668 10.2068 7.65113 10.0512 7.34001 9.7401L3.33331 5.7334",
+        stroke: e || "currentColor",
+        "stroke-width": "2",
+        "stroke-linejoin": "round"
+      }
+    )
+  }
+);
+const g = ({ data: e, isTextLast: n, isFirst: r }) => {
+  const [o, s] = m(!1);
+  return /* @__PURE__ */ i("div", { className: "relative w-full rounded-[20px] flex items-center justify-between gap-[100px] bg-white overflow-hidden max-tablet:flex-col max-tablet:gap-0", children: [
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: l(
+          "h-full py-[32px] pr-[64px] pl-[48px] max-tablet:p-[32px] max-tablet:order-1 max-tablet:w-full",
+          {
+            "order-1": n
+          }
+        ),
+        children: [
+          /* @__PURE__ */ i("div", { className: "h-full flex flex-col gap-[24px]", children: [
+            /* @__PURE__ */ t("p", { className: "text-[32px] leading-[40px] font-bold text-black5 max-tablet:text-[22px] max-tablet:leading-[26px]", children: e == null ? void 0 : e.title }),
+            /* @__PURE__ */ t(
+              "div",
+              {
+                className: l(
+                  "max-h-[98px] overflow-hidden max-tablet:text-[95px] transition-[max-height] duration-500 ease-in-out",
+                  {
+                    "max-h-[1000px]": o
+                  }
+                ),
+                children: /* @__PURE__ */ t(
+                  x,
+                  {
+                    className: "htmlContent",
+                    data: e == null ? void 0 : e.description
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ i(
+            "button",
+            {
+              className: "flex items-center gap-2 px-6 bg-none border-none cursor-pointer transition-all duration-500 ease-in-out",
+              onClick: () => s(!o),
+              children: [
+                /* @__PURE__ */ t("p", { className: "text-[16px] text-deepBlue leading-[24px] font-medium text-lightBlue6 transition-all duration-500 ease-in-out whitespace-nowrap mt-[12px]", children: o ? "Скрыть" : "Показать больше" }),
+                /* @__PURE__ */ t(
+                  a,
+                  {
+                    size: 16,
+                    color: "#3B82F6",
+                    className: l(
+                      o ? "transition-all duration-500 rotate-180" : "transition-all duration-500",
+                      "mt-[12px]"
+                    )
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    (e == null ? void 0 : e.image) && /* @__PURE__ */ t(
+      p,
+      {
+        src: e == null ? void 0 : e.image,
+        alt: e == null ? void 0 : e.title,
+        width: 453,
+        className: l(
+          "absolute right-0 bottom-0 h-auto flex items-end max-tablet:relative"
+        ),
+        imageStyles: l(
+          "object-contain",
+          r && "object-bottom",
+          o && "object-bottom"
+        )
+      }
+    )
+  ] });
+};
+export {
+  g as TasksBanner
+};

package/dist/TasksBanner/index.js

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

package/dist/TasksBanner/types.js

@@ -0,0 +1 @@
+

package/dist/TasksBannerList/TasksBannerList.js

@@ -0,0 +1,17 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { TasksBanner as s } from "../TasksBanner/TasksBanner.js";
+import { C as o } from "../ComponentContainer-0fcc2695.js";
+const p = ({ title: n, cards: t }) => /* @__PURE__ */ r(o, { children: [
+  n && /* @__PURE__ */ e("p", { className: "text-[44px] leading-[52px] font-bold text-[#0e0f11] text-center mb-[48px] max-tablet:text-[26px] max-tablet:leading-[32px] max-tablet:mb-[32px] [font-variant-numeric:lining-nums_tabular-nums_stacked-fractions] [font-feature-settings:'liga'_off,'clig'_off]", children: n }),
+  /* @__PURE__ */ e("div", { className: "flex flex-col gap-[40px] w-full", children: t == null ? void 0 : t.map((i, a) => /* @__PURE__ */ e(
+    s,
+    {
+      data: i,
+      isFirst: a === 0
+    },
+    a
+  )) })
+] });
+export {
+  p as TasksBannerList
+};

package/dist/TasksBannerList/index.js

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

package/dist/TasksBannerList/types.js

@@ -0,0 +1 @@
+

package/dist/Video/VideoFull/VideoFull.js

@@ -1,9 +1,7 @@
 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 d = [
-  "linkVideo"
-], n = ({ linkVideo: r }) => /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o("div", { className: "rounded-[20px] overflow-hidden", children: /* @__PURE__ */ o(
+import { C as i } from "../../ComponentContainer-0fcc2695.js";
+const d = ["linkVideo"], n = ({ linkVideo: r }) => /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o("div", { className: "rounded-[20px] overflow-hidden", children: /* @__PURE__ */ o(
   e,
   {
     linkVideo: r,

package/dist/Video/VideoList/VideoList.js

@@ -1,9 +1,7 @@
 import { jsx as i, jsxs as r } from "react/jsx-runtime";
 import { VideoPlayer as s } from "../components/VideoPlayer/VideoPlayer.js";
-import { C as a } from "../../ComponentContainer-41408843.js";
-const l = [
-  "data"
-], t = ({ data: e }) => /* @__PURE__ */ i(a, { children: /* @__PURE__ */ i("div", { className: "grid grid-cols-2 gap-6 max-tablet:grid-cols-1", children: e.map((o, d) => /* @__PURE__ */ r(
+import { C as a } from "../../ComponentContainer-0fcc2695.js";
+const l = ["data"], t = ({ data: e }) => /* @__PURE__ */ i(a, { children: /* @__PURE__ */ i("div", { className: "grid grid-cols-2 gap-6 max-tablet:grid-cols-1", children: e.map((o, d) => /* @__PURE__ */ r(
   "div",
   {
     className: "bg-white rounded-[20px] overflow-hidden",

package/dist/Video/VideoListMini/VideoListMini.js

@@ -1,9 +1,7 @@
 import { jsx as i, jsxs as r } from "react/jsx-runtime";
 import { VideoPlayer as s } from "../components/VideoPlayer/VideoPlayer.js";
-import { C as a } from "../../ComponentContainer-41408843.js";
-const l = [
-  "data"
-], t = ({ data: e }) => /* @__PURE__ */ i(a, { children: /* @__PURE__ */ i("div", { className: "grid grid-cols-3 gap-6 max-tablet:grid-cols-1", children: e.map((o, d) => /* @__PURE__ */ r(
+import { C as a } from "../../ComponentContainer-0fcc2695.js";
+const l = ["data"], t = ({ data: e }) => /* @__PURE__ */ i(a, { children: /* @__PURE__ */ i("div", { className: "grid grid-cols-3 gap-6 max-tablet:grid-cols-1", children: e.map((o, d) => /* @__PURE__ */ r(
   "div",
   {
     className: "bg-white rounded-[20px] overflow-hidden",

package/dist/Video/components/VideoPlayer/VideoPlayer.js

@@ -1,6 +1,6 @@
 import { jsx as ue } from "react/jsx-runtime";
 import le from "react";
-import { c as Qe } from "../../../cn-eacd4725.js";
+import { c as Qe } from "../../../cn-d8c04b28.js";
 function Re(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }

package/dist/VideoMainBanner/VideoMainBanner.js

@@ -0,0 +1,148 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { a, c as f } from "../cn-d8c04b28.js";
+import { B as u } from "../index-b3d6aed3.js";
+import { C as y } from "../ComponentContainer-0fcc2695.js";
+import { I as g } from "../index-60dfa873.js";
+const B = ({
+  title: h,
+  description: m,
+  image: p,
+  image_mob: c,
+  logo: i,
+  animation: s,
+  animation_mob: n,
+  buttons: t,
+  isShadow: d = !1,
+  grid: o
+}) => {
+  const b = (l, x) => x.length % 2 !== 0 && l === x.length - 1;
+  return /* @__PURE__ */ r("div", { children: [
+    /* @__PURE__ */ e(y, { children: /* @__PURE__ */ r("div", { className: "flex flex-col items-center pt-[40px] max-tablet:pt-[32px]", children: [
+      i && /* @__PURE__ */ e(
+        g,
+        {
+          src: i,
+          alt: "mtravel logo",
+          className: a(
+            "mb-[36px] w-[427px] h-[94px] max-tablet:w-full max-tablet:h-[45px] max-tablet:mt-[12px] max-tablet:mb-[24px] xxl:!h-[131px] xxl:w-full xxl:mt-[12px] xxl:mb-[24px]"
+          ),
+          imageStyles: "h-full w-full object-contain"
+        }
+      ),
+      /* @__PURE__ */ e("h1", { className: "text-black2 text-[40px] font-bold leading-[50px] mb-[24px] text-center max-tablet:text-[26px] max-tablet:leading-[32px] max-tablet:mb-[20px] xxl:text-[56px] xxl:leading-[66px]", children: h }),
+      m && /* @__PURE__ */ e("p", { className: "text-black2 text-center text-[20px] font-normal leading-[25px] mb-[36px] w-[75%] max-tablet:text-[16px] max-tablet:leading-[20px] max-tablet:w-full", children: m }),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: `grid grid-cols-${o} items-center gap-[16px] mb-[60px]
+                  max-tablet:grid-cols-1 max-tablet:w-full max-tablet:mb-[40px]`,
+          children: t == null ? void 0 : t.map((l, x) => /* @__PURE__ */ e(
+            "a",
+            {
+              href: l == null ? void 0 : l.button_link,
+              className: f("flex items-center", {
+                [`col-span-${o}`]: b(x, t)
+              }),
+              target: "_blank",
+              children: /* @__PURE__ */ e(u, { className: "font-[Inter] h-[56px] mx-auto px-[32px] py-[12px] max-tablet:px-[32px] max-tablet:py-[12px]", children: l == null ? void 0 : l.button_text })
+            }
+          ))
+        }
+      )
+    ] }) }),
+    p && /* @__PURE__ */ e(
+      "div",
+      {
+        className: a(
+          "w-full h-[450px] max-tablet:w-full max-tablet:h-[280px] max-mobile:hidden xxl:h-[630px] xxl:w-full"
+        ),
+        children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: a(
+              "h-[450px] xxl:h-[630px] xxl:w-full",
+              d && "w-fit h-full my-0 mx-auto block relative gradient-border"
+            ),
+            children: /* @__PURE__ */ r(
+              "video",
+              {
+                poster: p,
+                autoPlay: !0,
+                loop: !0,
+                muted: !0,
+                playsInline: !0,
+                style: { background: "transparent" },
+                className: "h-full",
+                children: [
+                  /* @__PURE__ */ e(
+                    "source",
+                    {
+                      type: "video/quicktime",
+                      src: n
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "source",
+                    {
+                      type: "video/webm",
+                      src: s
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        )
+      }
+    ),
+    c && /* @__PURE__ */ e(
+      "div",
+      {
+        className: a(
+          "hidden max-mobile:w-full max-mobile:h-[280px] max-mobile:block"
+        ),
+        style: { background: "transparent" },
+        children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: a(
+              "h-[450px] xxl:h-[630px] xxl:w-full max-tablet:h-[280px]",
+              d && "w-fit h-full my-0 mx-auto block relative gradient-border"
+            ),
+            children: /* @__PURE__ */ r(
+              "video",
+              {
+                poster: c,
+                autoPlay: !0,
+                loop: !0,
+                muted: !0,
+                playsInline: !0,
+                style: { background: "transparent" },
+                className: "w-full h-full object-contain align-middle max-700:object-cover",
+                children: [
+                  /* @__PURE__ */ e(
+                    "source",
+                    {
+                      type: "video/quicktime",
+                      src: n
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "source",
+                    {
+                      type: "video/webm",
+                      src: s
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        )
+      }
+    )
+  ] });
+};
+export {
+  B as VideoMainBanner
+};

package/dist/VideoMainBanner/index.js

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

package/dist/VideoMainBanner/types.js

@@ -0,0 +1 @@
+

package/dist/assets/TasksBanner.css

@@ -0,0 +1 @@
+.htmlContent{font-size:15px;line-height:22px;color:#40474f;margin:0}.htmlContent ul{display:grid;grid-template-columns:repeat(2,1fr);-moz-column-gap:34px;column-gap:34px;row-gap:12px;list-style:disc;padding:0 0 0 20px;margin:0}.htmlContent ul li{width:240px}@media screen and (max-width: 768px){.htmlContent ul{grid-template-columns:repeat(1,1fr)}}