md-components-mdigial-azamat 0.0.112 → 0.0.113

package/dist/AnimatedSwiper/index.js

@@ -1,10 +1,12 @@
-import { jsxs as b, jsx as l } from "react/jsx-runtime";
-import { useState as A, useRef as m } from "react";
-import { A as E, C as I, a as B } from "../navigation-b894d0cd.js";
-import { Bullet as C } from "../SwiperList/components/Bullet/Bullet.js";
-import { FieldTypes as o } from "../Types/FiledTypes.js";
-import { a as L, N as T, b as O } from "../swiper-react-90953710.js";
-import { c as R } from "../createBoolean-56064b0d.js";
+import { jsxs as b, jsx as o } from "react/jsx-runtime";
+import { useState as A, useRef as f } from "react";
+import { Bullet as E } from "../SwiperList/components/Bullet/Bullet.js";
+import { FieldTypes as l } from "../Types/FiledTypes.js";
+import { A as I } from "../navigation-cd786a0d.js";
+import { N as B } from "../navigation-266856e7.js";
+import { a as C, b as L } from "../swiper-react-3c2710e8.js";
+import { c as T } from "../createBoolean-56064b0d.js";
+import { C as O, a as R } from "../index-0791c17f.js";
 import { c as n } from "../cn-6a4bf187.js";
 import { u as z } from "../useScreenSize-c1b64c02.js";
 import { Slide as P } from "./Slide/Slide.js";
@@ -13,15 +15,15 @@ const F = {
   label: "Карточки слайдера",
   dataType: "array",
   data: {
-    title: o.TITLE,
-    description: o.DESCRIPTION,
-    image: o.FILE,
-    icon: o.FILE,
-    is_black: o.BOOLEAN,
-    is_promo: o.BOOLEAN,
-    is_yellow: o.BOOLEAN
+    title: l.TITLE,
+    description: l.DESCRIPTION,
+    image: l.FILE,
+    icon: l.FILE,
+    is_black: l.BOOLEAN,
+    is_promo: l.BOOLEAN,
+    is_yellow: l.BOOLEAN
   }
-}, _ = R({
+}, _ = T({
   label: "Тема темного цвета",
   type: "isLight"
 }), j = [
@@ -38,21 +40,21 @@ function V({
   isLight: y = !1,
   isButton: u = !0
 }) {
-  const [a, h] = A(1), S = m(null), i = z(960), s = i ? 1.2 : 3, v = i ? 16 : 0, N = w ? {
+  const [a, h] = A(1), S = f(null), i = z(960), r = i ? 1.2 : 3, v = i ? 16 : 0, N = w ? {
     delay: 3e3,
     disableOnInteraction: !1,
     waitForTransition: !0
-  } : !1, c = m(null), g = m(null), p = (e == null ? void 0 : e.length) <= s + 1 ? [...e, ...e] : e, d = (e == null ? void 0 : e.length) <= s + 1 ? a % (e == null ? void 0 : e.length) : a;
+  } : !1, c = f(null), g = f(null), p = (e == null ? void 0 : e.length) <= r + 1 ? [...e, ...e] : e, d = (e == null ? void 0 : e.length) <= r + 1 ? a % (e == null ? void 0 : e.length) : a;
   return /* @__PURE__ */ b("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: [
-    x && /* @__PURE__ */ l("p", { className: "text-[44px] leading-[52px] font-bold text-center mb-[48px]", children: x }),
+    x && /* @__PURE__ */ o("p", { className: "text-[44px] leading-[52px] font-bold text-center mb-[48px]", children: x }),
     /* @__PURE__ */ b("div", { className: "relative w-full h-[346px] max-tablet:h-fit", children: [
-      /* @__PURE__ */ l(
-        L,
+      /* @__PURE__ */ o(
+        C,
         {
-          modules: [T, E],
+          modules: [B, I],
           className: "feature_swiper",
           initialSlide: 0,
-          slidesPerView: s,
+          slidesPerView: r,
           spaceBetween: v,
           centeredSlides: !0,
           speed: 500,
@@ -61,17 +63,17 @@ function V({
             S.current = t, h(t.realIndex);
           },
           onBeforeTransitionStart: (t) => {
-            let r = t.realIndex;
-            h(r);
+            let s = t.realIndex;
+            h(s);
           },
           navigation: {
             nextEl: c.current,
             prevEl: g.current
           },
           loop: !0,
-          children: p == null ? void 0 : p.map((t, r) => {
-            const f = r === a;
-            return /* @__PURE__ */ l(O, { children: /* @__PURE__ */ l(
+          children: p == null ? void 0 : p.map((t, s) => {
+            const m = s === a;
+            return /* @__PURE__ */ o(L, { children: /* @__PURE__ */ o(
               P,
               {
                 image: t == null ? void 0 : t.image,
@@ -80,14 +82,14 @@ function V({
                 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": f && !i
+                    "!h-[346px] !w-full transform scale-100 flex flex-col gap-[40px] md:h-auto md:gap-6": m && !i
                   }
                 ),
                 imgClassName: n({
-                  "h-[122px] w-[122px]": f && !i
+                  "h-[122px] w-[122px]": m && !i
                 }),
                 imgStyle: n({
-                  "h-[122px] w-[122px]": f && !i
+                  "h-[122px] w-[122px]": m && !i
                 }),
                 isLight: y
               }
@@ -95,15 +97,15 @@ function V({
           })
         }
       ),
-      u && /* @__PURE__ */ l(
+      u && /* @__PURE__ */ o(
         "button",
         {
           ref: g,
           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__ */ l(
-            I,
+          children: /* @__PURE__ */ o(
+            O,
             {
               size: 24,
               color: "#ffffff"
@@ -111,15 +113,15 @@ function V({
           )
         }
       ),
-      u && /* @__PURE__ */ l(
+      u && /* @__PURE__ */ o(
         "button",
         {
           ref: c,
           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__ */ l(
-            B,
+          children: /* @__PURE__ */ o(
+            R,
             {
               size: 24,
               color: "#ffffff"
@@ -128,8 +130,8 @@ function V({
         }
       )
     ] }),
-    (e == null ? void 0 : e.length) && /* @__PURE__ */ l(
-      C,
+    (e == null ? void 0 : e.length) && /* @__PURE__ */ o(
+      E,
       {
         count: e.length,
         active: d,

package/dist/CardImageList/CardImageList.js

@@ -1,94 +1,135 @@
-import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { useState as S } from "react";
 import { CardImage as g } from "../Cards/CardImage/CardImage.js";
 import "../Cards/CardImage/info.js";
-import { CardImageVariant as m, CardImageSize as n } from "../Cards/CardImage/types.js";
-import { B as h } from "../index-875e92ce.js";
-import { C as b } from "../ComponentContainer-dca711c6.js";
-import { F as d } from "../Flex-86aee720.js";
-import { c as i } from "../cn-6a4bf187.js";
-import { propsToEdit as w } from "./schema.js";
-const o = {
-  [m.PRIMARY]: {
+import { CardImageVariant as r, CardImageSize as n } from "../Cards/CardImage/types.js";
+import { Bullet as C } from "../SwiperList/components/Bullet/Bullet.js";
+import { a as u, b as N } from "../swiper-react-3c2710e8.js";
+import { B as A } from "../index-875e92ce.js";
+import { C as I } from "../ComponentContainer-dca711c6.js";
+import { F as R } from "../Flex-86aee720.js";
+import { c as o } from "../cn-6a4bf187.js";
+import { propsToEdit as v } from "./schema.js";
+import '../assets/swiper.css';/* empty css                  */const b = {
+  [r.PRIMARY]: {
     title: "text-black",
-    description: "text-graySoft",
-    container: ""
+    description: "text-graySoft"
   },
-  [m.SECONDARY]: {
+  [r.SECONDARY]: {
     title: "text-white",
-    description: "text-white/80",
-    container: "max-w-[1440px]"
+    description: "text-white/80"
   }
-}, C = {
-  [n.SMALL]: "font-extrabold text-[52px] leading-none",
-  [n.LARGE]: "font-bold max-tablet:text-[26px] text-[44px] max-tablet:leading-[32px] leading-[42px]"
-}, N = ({
-  cards: l,
+}, E = {
+  [n.SMALL]: {
+    title: "font-extrabold text-[52px] max-tablet:text-[28px] leading-none max-tablet:leading-9 max-tablet:font-bold"
+  },
+  [n.LARGE]: {
+    title: "font-bold max-tablet:text-[26px] text-[44px] max-tablet:leading-[32px] leading-[42px]"
+  }
+}, z = ({
+  cards: i,
   title: s,
   description: p,
-  grid: c,
+  grid: h,
   button: x,
-  variant: r = m.PRIMARY,
-  size: a = n.LARGE
-}) => /* @__PURE__ */ t(b, { className: i(o[r].container), children: /* @__PURE__ */ f(
-  d,
-  {
-    vertical: !0,
-    align: "center",
-    gap: 24,
-    className: "w-full",
-    children: [
-      s && /* @__PURE__ */ t(
-        "h2",
-        {
-          className: i(
-            "mb-6 max-tablet:mb-2 font-variant-numeric font-feature-settings",
-            C[a],
-            o[r].title
-          ),
-          children: s
-        }
-      ),
-      p && /* @__PURE__ */ t(
-        "p",
-        {
-          className: i(
-            "text-lg leading-[26px] text-center",
-            o[r].description
-          ),
-          children: p
-        }
-      ),
-      /* @__PURE__ */ t(
-        "div",
-        {
-          className: i(
-            `w-full grid grid-cols-${c} items-stretch gap-6`,
-            "max-tablet:grid-cols-1"
+  variant: l = r.PRIMARY,
+  size: m = n.LARGE,
+  is_mobile_slider: f = !1
+}) => {
+  const [a, w] = S(0);
+  return /* @__PURE__ */ t(I, { children: /* @__PURE__ */ c(
+    R,
+    {
+      vertical: !0,
+      align: "center",
+      gap: 24,
+      className: "w-full",
+      children: [
+        s && /* @__PURE__ */ t(
+          "h2",
+          {
+            className: o(
+              "text-center mb-6 max-tablet:mb-2 font-variant-numeric font-feature-settings",
+              E[m].title,
+              b[l].title
+            ),
+            children: s
+          }
+        ),
+        p && /* @__PURE__ */ t(
+          "p",
+          {
+            className: o(
+              "text-lg leading-[26px] text-center",
+              b[l].description
+            ),
+            children: p
+          }
+        ),
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: o(
+              `w-full grid grid-cols-${h} items-stretch gap-6`,
+              f ? "max-tablet:hidden" : "max-tablet:grid-cols-1"
+            ),
+            children: i == null ? void 0 : i.map((e) => /* @__PURE__ */ t(
+              g,
+              {
+                data: {
+                  ...e,
+                  variant: l || (e == null ? void 0 : e.variant),
+                  size: m || (e == null ? void 0 : e.size)
+                }
+              },
+              e == null ? void 0 : e.id
+            ))
+          }
+        ),
+        f && /* @__PURE__ */ c("div", { className: "w-full hidden max-tablet:block", children: [
+          /* @__PURE__ */ t(
+            u,
+            {
+              spaceBetween: 12,
+              slidesPerView: 1.5,
+              slidesOffsetBefore: 16,
+              slidesOffsetAfter: 16,
+              onSlideChange: (e) => w(e.realIndex),
+              children: i == null ? void 0 : i.map((e) => /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(
+                g,
+                {
+                  data: {
+                    ...e,
+                    variant: l || (e == null ? void 0 : e.variant),
+                    size: m || (e == null ? void 0 : e.size)
+                  }
+                }
+              ) }, e == null ? void 0 : e.id))
+            }
           ),
-          children: l == null ? void 0 : l.map((e) => /* @__PURE__ */ t(
-            g,
+          /* @__PURE__ */ t(
+            C,
             {
-              data: {
-                ...e,
-                variant: r || (e == null ? void 0 : e.variant),
-                size: a || (e == null ? void 0 : e.size)
-              }
-            },
-            e == null ? void 0 : e.id
-          ))
-        }
-      ),
-      x && /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-4", children: /* @__PURE__ */ t(
-        h,
-        {
-          className: i("w-fit z-10 max-tablet:w-full"),
-          ...x
-        }
-      ) })
-    ]
-  }
-) });
-N.propsToEdit = w;
+              count: (i == null ? void 0 : i.length) || 0,
+              active: a,
+              activeColor: l === r.SECONDARY ? "white" : "black",
+              anActiveColor: l === r.SECONDARY ? "rgba(255, 255, 255, 0.4)" : "rgba(0, 0, 0, 0.2)",
+              className: "mt-8 hidden max-tablet:flex"
+            }
+          )
+        ] }),
+        x && /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-4", children: /* @__PURE__ */ t(
+          A,
+          {
+            className: o("w-fit z-10 max-tablet:w-full"),
+            ...x
+          }
+        ) })
+      ]
+    }
+  ) });
+};
+z.propsToEdit = v;
 export {
-  N as CardImageList
+  z as CardImageList
 };

package/dist/CardImageList/schema.js

@@ -1,13 +1,13 @@
-import { AllActionsObject as l } from "../Actions/types.js";
-import { CardImageVariant as e, CardImageSize as t } from "../Cards/CardImage/types.js";
+import { AllActionsObject as t } from "../Actions/types.js";
+import { CardImageVariant as e, CardImageSize as l } from "../Cards/CardImage/types.js";
 import { FieldTypes as a } from "../Types/FiledTypes.js";
-import { B as r } from "../const-53dff524.js";
-const i = {
+import { B as i } from "../const-53dff524.js";
+const r = {
   type: "cards",
   dataType: "array",
   label: "Карточки",
   data: {
-    action: l,
+    action: t,
     title: a.TITLE,
     description: a.DESCRIPTION,
     image: a.FILE,
@@ -31,27 +31,32 @@ const i = {
 }, s = {
   label: "Размер",
   key: "size",
-  value: t.LARGE,
+  value: l.LARGE,
   options: [
     {
       label: "Large",
-      value: t.LARGE
+      value: l.LARGE
     },
     {
       label: "Small",
-      value: t.SMALL
+      value: l.SMALL
     }
   ],
   type: a.VARIANT
-}, A = [
+}, c = [
   "title",
   "description",
   o,
   s,
-  i,
+  r,
   "grid",
-  r
+  i,
+  {
+    type: a.BOOLEAN,
+    label: "Слайдер на мобилке",
+    key: "is_mobile_slider"
+  }
 ];
 export {
-  A as propsToEdit
+  c as propsToEdit
 };

package/dist/Cards/ActionSecondaryCard/ActionSecondaryCard.js

@@ -0,0 +1,77 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { actionsGenerator as s } from "../../Actions/actionsGenerator.js";
+import { F as l } from "../../Flex-86aee720.js";
+import { I as p } from "../../index-9384c6d6.js";
+import { c as r } from "../../cn-6a4bf187.js";
+import { ActionSecondaryCardVariant as i } from "./types.js";
+const m = {
+  [i.PRIMARY]: {
+    container: "bg-white backdrop-blur-[2px]",
+    title: "text-blackBG",
+    description: "text-graySoft"
+  },
+  [i.SECONDARY]: {
+    container: "bg-white/15 backdrop-blur-[2px] border border-white/15",
+    title: "text-white",
+    description: "text-[#F4F6F7]"
+  }
+}, y = ({
+  item: t,
+  variant: n = i.PRIMARY
+}) => {
+  const a = m[n], { onClick: c } = s(t.action);
+  return /* @__PURE__ */ o(
+    l,
+    {
+      justify: "between",
+      gap: 12,
+      onClick: c,
+      className: r(
+        "w-full rounded-3xl cursor-pointer overflow-hidden min-h-[152px] max-tablet:min-h-[80px] transition-opacity hover:opacity-80",
+        a.container
+      ),
+      children: [
+        /* @__PURE__ */ o(
+          l,
+          {
+            vertical: !0,
+            justify: "center",
+            gap: 12,
+            className: "h-full py-8 pl-8 max-tablet:pl-4 max-tablet:py-4 max-w-[50%]",
+            children: [
+              /* @__PURE__ */ e(
+                "h4",
+                {
+                  className: r("text-xl font-bold max-tablet:text-base", a.title),
+                  children: t.title
+                }
+              ),
+              /* @__PURE__ */ e(
+                "p",
+                {
+                  className: r(
+                    "text-base leading-6 max-tablet:hidden",
+                    a.description
+                  ),
+                  children: t.description
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "h-full pr-8 max-tablet:pr-4", children: /* @__PURE__ */ e(
+          p,
+          {
+            src: t.image,
+            alt: t.title,
+            className: "w-fit h-full",
+            imageStyles: "w-auto max-h-[152px] max-tablet:max-h-[80px] object-contain"
+          }
+        ) })
+      ]
+    }
+  );
+};
+export {
+  y as ActionSecondaryCard
+};

package/dist/Cards/ActionSecondaryCard/index.js

@@ -0,0 +1,6 @@
+import { ActionSecondaryCard as a } from "./ActionSecondaryCard.js";
+import { ActionSecondaryCardVariant as t } from "./types.js";
+export {
+  a as ActionSecondaryCard,
+  t as ActionSecondaryCardVariant
+};

package/dist/Cards/ActionSecondaryCard/info.js

@@ -0,0 +1,11 @@
+import { propsToEdit as o } from "../../ActionCardSecondaryList/schema.js";
+import { C as t } from "../../index-0a5f313c.js";
+const i = {
+  title: "Акционная карта (вторичная)",
+  description: "Карточка с заголовком и картинкой",
+  types: [t.cards],
+  propsToEdit: o
+};
+export {
+  i as actionSecondaryCardInfo
+};

package/dist/Cards/ActionSecondaryCard/types.js

@@ -0,0 +1,4 @@
+var R = /* @__PURE__ */ ((r) => (r.PRIMARY = "primary", r.SECONDARY = "secondary", r))(R || {});
+export {
+  R as ActionSecondaryCardVariant
+};