md-components-mdigial-azamat 0.0.109 → 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/ButtonsList/ButtonsList.js

@@ -1,26 +1,32 @@
-import { jsx as a } from "react/jsx-runtime";
-import { actionsGenerator as p } from "../Actions/actionsGenerator.js";
+import { jsx as i } from "react/jsx-runtime";
+import { actionsGenerator as c } from "../Actions/actionsGenerator.js";
 import "../Actions/projectActions.js";
 import "../Actions/types.js";
-import { B as c } from "../index-875e92ce.js";
+import { B as l } from "../index-875e92ce.js";
 import { b as f, a as u } from "../const-53dff524.js";
-const d = ({
-  buttons: t,
-  className: e,
-  gap: n = 4
-}) => !t || t.length === 0 ? null : /* @__PURE__ */ a(
-  "div",
+import { F as B } from "../Flex-86aee720.js";
+import { c as g } from "../cn-6a4bf187.js";
+const C = ({
+  buttons: r,
+  className: n,
+  gap: a = 4
+}) => !r || r.length === 0 ? null : /* @__PURE__ */ i(
+  B,
   {
-    className: e || `flex flex-wrap items-center justify-center gap-${n} mb-16 max-tablet:mb-10 max-tablet:w-full`,
-    children: t.map((o, m) => {
-      const { action: l, link: s, ...r } = o, i = p(l, s);
-      return /* @__PURE__ */ a(
-        c,
+    wrap: !0,
+    align: "center",
+    justify: "center",
+    gap: `${a * 0.25}rem`,
+    className: g("w-full", n),
+    children: r.map((e, m) => {
+      const { action: s, link: p, ...t } = e, o = c(s, p);
+      return /* @__PURE__ */ i(
+        l,
         {
-          variant: r.variant || f.Primary,
-          size: r.size || u.XL,
-          onClick: i == null ? void 0 : i.onClick,
-          ...r
+          variant: t.variant || f.Primary,
+          size: t.size || u.XL,
+          onClick: o == null ? void 0 : o.onClick,
+          ...t
         },
         m
       );
@@ -28,5 +34,5 @@ const d = ({
   }
 );
 export {
-  d as ButtonsList
+  C as ButtonsList
 };

package/dist/CardImageList/CardImageList.js

@@ -1,78 +1,135 @@
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { AllActionsObject as c } from "../Actions/types.js";
-import { CardImage as x } from "../Cards/CardImage/CardImage.js";
-import { CardImageVariant as m } from "../Cards/CardImage/types.js";
-import { FieldTypes as e } from "../Types/FiledTypes.js";
-import { B as f } from "../index-875e92ce.js";
-import { B as d } from "../const-53dff524.js";
-import { C as g } from "../ComponentContainer-dca711c6.js";
-import { c as p } from "../cn-6a4bf187.js";
-const b = {
-  type: "cards",
-  dataType: "array",
-  label: "Карточки",
-  data: {
-    action: c,
-    title: e.TITLE,
-    description: e.DESCRIPTION,
-    image: e.FILE,
-    is_black: e.BOOLEAN,
-    variant: {
-      options: [
-        {
-          label: "Large",
-          value: m.LARGE
-        },
-        {
-          label: "Small",
-          value: m.SMALL
-        }
-      ],
-      type: e.VARIANT
-    }
+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 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"
+  },
+  [r.SECONDARY]: {
+    title: "text-white",
+    description: "text-white/80"
   }
-}, u = ["title", "description", b, "grid", d], N = ({
-  cards: r,
-  title: l,
-  description: i,
-  grid: s,
-  button: o
-}) => /* @__PURE__ */ t(g, { children: /* @__PURE__ */ n("div", { className: "w-full flex flex-col items-center gap-[24px]", children: [
-  l && /* @__PURE__ */ t(
-    "h2",
-    {
-      className: `font-bold max-tablet:text-[26px] text-[44px] max-tablet:leading-[32px] leading-[42px]
-        mb-[24px] max-tablet:mb-[8px] font-variant-numeric font-feature-settings`,
-      children: l
-    }
-  ),
-  i && /* @__PURE__ */ t("p", { className: "text-[18px] leading-[26px] text-graySoft text-center", children: i }),
-  /* @__PURE__ */ t(
-    "div",
-    {
-      className: p(
-        `w-full grid grid-cols-${s} items-stretch gap-6`,
-        "max-tablet:grid-cols-1"
-      ),
-      children: r == null ? void 0 : r.map((a) => /* @__PURE__ */ t(
-        x,
-        {
-          data: a
-        },
-        a == null ? void 0 : a.id
-      ))
-    }
-  ),
-  o && /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-4", children: /* @__PURE__ */ t(
-    f,
+}, 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: h,
+  button: x,
+  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,
     {
-      className: p("w-fit z-10 max-tablet:w-full"),
-      ...o
+      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))
+            }
+          ),
+          /* @__PURE__ */ t(
+            C,
+            {
+              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
+          }
+        ) })
+      ]
     }
-  ) })
-] }) });
-N.propsToEdit = u;
+  ) });
+};
+z.propsToEdit = v;
 export {
-  N as CardImageList,
-  u as propsToEdit
+  z as CardImageList
 };

package/dist/CardImageList/info.js

@@ -1,5 +1,5 @@
 import { C as o } from "../index-0a5f313c.js";
-import { propsToEdit as t } from "./CardImageList.js";
+import { propsToEdit as t } from "./schema.js";
 const i = {
   title: "Список карточек с изображениями",
   description: "Компонент для отображения списка карточек с изображениями, заголовками, описаниями и кнопками действий. Используется для представления продуктов, услуг или других элементов в виде сетки карточек.",

package/dist/CardImageList/schema.js

@@ -0,0 +1,62 @@
+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 i } from "../const-53dff524.js";
+const r = {
+  type: "cards",
+  dataType: "array",
+  label: "Карточки",
+  data: {
+    action: t,
+    title: a.TITLE,
+    description: a.DESCRIPTION,
+    image: a.FILE,
+    is_black: a.BOOLEAN
+  }
+}, o = {
+  label: "Вариант",
+  key: "variant",
+  value: e.PRIMARY,
+  options: [
+    {
+      label: "Primary",
+      value: e.PRIMARY
+    },
+    {
+      label: "Secondary",
+      value: e.SECONDARY
+    }
+  ],
+  type: a.VARIANT
+}, s = {
+  label: "Размер",
+  key: "size",
+  value: l.LARGE,
+  options: [
+    {
+      label: "Large",
+      value: l.LARGE
+    },
+    {
+      label: "Small",
+      value: l.SMALL
+    }
+  ],
+  type: a.VARIANT
+}, c = [
+  "title",
+  "description",
+  o,
+  s,
+  r,
+  "grid",
+  i,
+  {
+    type: a.BOOLEAN,
+    label: "Слайдер на мобилке",
+    key: "is_mobile_slider"
+  }
+];
+export {
+  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
+};