md-components-mdigial-azamat 0.0.300 → 0.0.301

package/dist/Banner/Banner.js

@@ -1,15 +1,16 @@
 import { jsx as e, jsxs as a, Fragment as h } from "react/jsx-runtime";
 import { FieldTypes as l } from "../Types/FiledTypes.js";
-import { B } from "../index-db918f20.js";
-import { B as C } from "../const-6b683c28.js";
-import { C as S } from "../ComponentContainer-dca711c6.js";
+import { e as B, t as S, a as T } from "../themeProps-d4f49292.js";
+import { B as j } from "../index-db918f20.js";
+import { B as I } from "../const-6b683c28.js";
+import { C as O } from "../ComponentContainer-dca711c6.js";
 import { I as u } from "../index-df8034eb.js";
-import { S as s } from "../SafeHtml-c00e29eb.js";
-import { S as T } from "../index-9003c9ff.js";
-import { s as j } from "../const-2634f715.js";
+import { S as x } from "../SafeHtml-c00e29eb.js";
+import { S as P } from "../index-9003c9ff.js";
+import { s as R } from "../const-2634f715.js";
 import { c as o } from "../cn-6a4bf187.js";
-import { u as I } from "../useScreenSize-c1b64c02.js";
-const O = {
+import { u as L } from "../useScreenSize-c1b64c02.js";
+const E = {
   type: "qr",
   label: "QR Блок",
   dataType: "object",
@@ -27,10 +28,10 @@ const O = {
       },
       color_text: l.COLOR,
       color_bg: l.COLOR,
-      button: C
+      button: I
     }
   }
-}, R = [
+}, z = [
   "bg_image",
   "image",
   {
@@ -42,33 +43,35 @@ const O = {
       { label: "XL", value: "xl" }
     ]
   },
-  "background_color",
+  B,
   "title",
-  "text_color",
+  S,
+  T,
   "description",
-  j,
-  O
-], L = ({
+  R,
+  E
+], H = ({
   bg_image: i,
   image: c,
   image_size: p,
-  title: x,
+  title: s,
   background_color: w,
+  title_color: y,
   text_color: r = "inherit",
   description: b,
   buttons: n,
   qr: t
 }) => {
   var _;
-  const d = I(960), y = t == null ? void 0 : t.swap_qr_buttons, N = p === "xl" ? 520 : 400, v = p === "xl" ? 280 : 218, f = !!n && /* @__PURE__ */ e("div", { className: "flex items-center gap-4 mt-6 max-tablet:flex-col max-tablet:gap-[10px] max-tablet:mt-[5px]", children: n == null ? void 0 : n.map((m, k) => /* @__PURE__ */ e(
-    T,
+  const d = L(960), N = t == null ? void 0 : t.swap_qr_buttons, v = p === "xl" ? 520 : 400, k = p === "xl" ? 280 : 218, f = !!n && /* @__PURE__ */ e("div", { className: "flex items-center gap-4 mt-6 max-tablet:flex-col max-tablet:gap-[10px] max-tablet:mt-[5px]", children: n == null ? void 0 : n.map((m, C) => /* @__PURE__ */ e(
+    P,
     {
       ...m,
       link: (m == null ? void 0 : m.link) ?? "#",
       target: "_blank",
       className: "z-10 w-[200px] whitespace-nowrap max-tablet:w-full"
     },
-    k
+    C
   )) }), g = !!t && /* @__PURE__ */ a("div", { className: "flex flex-col gap-4 mt-6 max-tablet:items-center max-tablet:gap-[10px] max-tablet:mt-[5px]", children: [
     (t == null ? void 0 : t.banner_qr) && /* @__PURE__ */ a(
       "div",
@@ -92,7 +95,7 @@ const O = {
           ),
           /* @__PURE__ */ a("div", { className: "flex flex-col gap-1", children: [
             (t == null ? void 0 : t.banner_qr_text) && /* @__PURE__ */ e("div", { style: { color: (t == null ? void 0 : t.color_text) || "#18191c" }, children: /* @__PURE__ */ e(
-              s,
+              x,
               {
                 html: t.banner_qr_text,
                 as: "p",
@@ -103,7 +106,7 @@ const O = {
               }
             ) }),
             (t == null ? void 0 : t.banner_qr_description) && /* @__PURE__ */ e("div", { style: { color: (t == null ? void 0 : t.color_text) || "#7893b0" }, children: /* @__PURE__ */ e(
-              s,
+              x,
               {
                 html: t.banner_qr_description,
                 as: "p",
@@ -115,7 +118,7 @@ const O = {
       }
     ),
     (t == null ? void 0 : t.button) && /* @__PURE__ */ e(
-      B,
+      j,
       {
         ...t.button,
         link: (_ = t.button) == null ? void 0 : _.link,
@@ -125,7 +128,7 @@ const O = {
       }
     )
   ] });
-  return /* @__PURE__ */ e(S, { children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ e(O, { children: /* @__PURE__ */ a(
     "div",
     {
       className: o(
@@ -137,18 +140,18 @@ const O = {
       },
       children: [
         /* @__PURE__ */ a("div", { className: " flex flex-col gap-4 w-[40%] max-tablet:w-full justify-center p-12 max-tablet:p-8 max-tablet:pb-0", children: [
-          x && /* @__PURE__ */ e(
+          s && /* @__PURE__ */ e(
             "p",
             {
               className: o(
                 "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: r },
-              children: x
+              style: { color: y || r },
+              children: s
             }
           ),
           b && /* @__PURE__ */ e("div", { style: { color: r }, children: /* @__PURE__ */ e(
-            s,
+            x,
             {
               html: b,
               as: "div",
@@ -157,7 +160,7 @@ const O = {
               )
             }
           ) }),
-          y ? /* @__PURE__ */ a(h, { children: [
+          N ? /* @__PURE__ */ a(h, { children: [
             g,
             f
           ] }) : /* @__PURE__ */ a(h, { children: [
@@ -169,9 +172,9 @@ const O = {
           u,
           {
             src: c,
-            alt: x,
+            alt: s,
             width: d ? 312 : 588,
-            height: d ? v : N,
+            height: d ? k : v,
             className: o("max-tablet:!w-full align-bottom items-end mt-auto"),
             imageStyles: "object-contain object-bottom"
           }
@@ -180,8 +183,8 @@ const O = {
     }
   ) });
 };
-L.propsToEdit = R;
+H.propsToEdit = z;
 export {
-  L as Banner,
-  R as propsToEdit
+  H as Banner,
+  z as propsToEdit
 };

package/dist/CardImageList/CardImageList.js

@@ -1,134 +1,137 @@
-import { jsx as i, jsxs as b } from "react/jsx-runtime";
-import { useState as N } from "react";
-import { CardImage as w } from "../Cards/CardImage/CardImage.js";
+import { jsx as i, jsxs as S } from "react/jsx-runtime";
+import { useState as I } from "react";
+import { CardImage as C } from "../Cards/CardImage/CardImage.js";
 import "../Cards/CardImage/info.js";
-import { CardImageVariant as r, CardImageSize as s } from "../Cards/CardImage/types.js";
-import { Bullet as A } from "../SwiperList/components/Bullet/Bullet.js";
-import { S as v, a as I } from "../swiper-react-f34d3a3b.js";
-import { B as R } from "../index-db918f20.js";
-import { C as u } from "../ComponentContainer-dca711c6.js";
-import { F as E } from "../Flex-86aee720.js";
-import { S as L } from "../SafeHtml-c00e29eb.js";
+import { CardImageVariant as m, CardImageSize as x } from "../Cards/CardImage/types.js";
+import { Bullet as R } from "../SwiperList/components/Bullet/Bullet.js";
+import { S as _, a as u } from "../swiper-react-f34d3a3b.js";
+import { B as E } from "../index-db918f20.js";
+import { C as L } from "../ComponentContainer-dca711c6.js";
+import { F as k } from "../Flex-86aee720.js";
+import { S as y } from "../SafeHtml-c00e29eb.js";
 import { c as o } from "../cn-6a4bf187.js";
-import { propsToEdit as k } from "./schema.js";
-import '../assets/swiper.816446ca.css';/* empty css                  */const S = {
-  [r.PRIMARY]: {
+import { propsToEdit as z } from "./schema.js";
+import '../assets/swiper.816446ca.css';/* empty css                  */const v = {
+  [m.PRIMARY]: {
     title: "text-black",
     description: "text-graySoft"
   },
-  [r.SECONDARY]: {
+  [m.SECONDARY]: {
     title: "text-white",
     description: "text-white/80"
   }
-}, z = {
-  [s.SMALL]: {
+}, B = {
+  [x.SMALL]: {
     title: "font-bold max-tablet:text-[26px] text-[44px] max-tablet:leading-[34px] leading-[52px]"
   },
-  [s.LARGE]: {
+  [x.LARGE]: {
     title: "font-bold max-tablet:text-[26px] text-[44px] max-tablet:leading-[34px] leading-[52px]"
   }
-}, B = ({
+}, O = ({
   cards: t,
-  title: x,
-  description: p,
-  grid: f,
-  button: m,
-  variant: l = r.PRIMARY,
-  size: n = s.LARGE,
-  is_mobile_slider: h = !1,
-  is_highlighted: g = !1
+  title: h,
+  title_color: s,
+  description: f,
+  text_color: n,
+  grid: g,
+  button: r,
+  variant: l = m.PRIMARY,
+  size: p = x.LARGE,
+  is_mobile_slider: c = !1,
+  is_highlighted: b = !1
 }) => {
-  const [C, _] = N(0), c = f < 3;
-  return /* @__PURE__ */ i(u, { children: /* @__PURE__ */ b(
-    E,
+  const [N, A] = I(0), w = g < 3;
+  return /* @__PURE__ */ i(L, { children: /* @__PURE__ */ S(
+    k,
     {
       vertical: !0,
       align: "center",
       gap: 24,
       className: "w-full",
       children: [
-        x && /* @__PURE__ */ i(
+        h && /* @__PURE__ */ i(
           "h2",
           {
             className: o(
               "text-center mb-6 max-tablet:mb-2 font-variant-numeric font-feature-settings",
-              z[n].title,
-              S[l].title
+              B[p].title,
+              !s && v[l].title
             ),
-            children: x
+            style: s ? { color: s } : void 0,
+            children: h
           }
         ),
-        p && /* @__PURE__ */ i(
-          L,
+        f && /* @__PURE__ */ i("div", { style: n ? { color: n } : void 0, children: /* @__PURE__ */ i(
+          y,
           {
-            html: p,
+            html: f,
             as: "div",
             className: o(
               "text-lg leading-[26px] text-center [&_h1]:text-3xl [&_h1]:font-bold [&_h1]:mb-2 [&_h2]:text-2xl [&_h2]:font-semibold [&_h2]:mb-1",
-              S[l].description
+              !n && v[l].description
             )
           }
-        ),
+        ) }),
         /* @__PURE__ */ i(
           "div",
           {
             className: o(
-              `w-full grid grid-cols-${f} items-stretch gap-6`,
-              h ? "max-tablet:hidden" : "max-tablet:grid-cols-1"
+              `w-full grid grid-cols-${g} items-stretch gap-6`,
+              c ? "max-tablet:hidden" : "max-tablet:grid-cols-1"
             ),
             children: t == null ? void 0 : t.map((e) => /* @__PURE__ */ i(
-              w,
+              C,
               {
                 data: {
                   ...e,
-                  with_large_title: c,
+                  with_large_title: w,
                   variant: l || (e == null ? void 0 : e.variant),
-                  size: n || (e == null ? void 0 : e.size),
-                  is_highlighted: (e == null ? void 0 : e.is_highlighted) || g
+                  size: p || (e == null ? void 0 : e.size),
+                  is_highlighted: (e == null ? void 0 : e.is_highlighted) || b
                 }
               },
               e == null ? void 0 : e.id
             ))
           }
         ),
-        h && /* @__PURE__ */ b("div", { className: "w-full hidden max-tablet:block", children: [
+        c && /* @__PURE__ */ S("div", { className: "w-full hidden max-tablet:block", children: [
           /* @__PURE__ */ i(
-            v,
+            _,
             {
               spaceBetween: 12,
               slidesPerView: 1.5,
               slidesOffsetBefore: 16,
               slidesOffsetAfter: 16,
-              onSlideChange: (e) => _(e.realIndex),
-              children: t == null ? void 0 : t.map((e) => /* @__PURE__ */ i(I, { children: /* @__PURE__ */ i(
-                w,
+              onSlideChange: (e) => A(e.realIndex),
+              children: t == null ? void 0 : t.map((e) => /* @__PURE__ */ i(u, { children: /* @__PURE__ */ i(
+                C,
                 {
                   data: {
                     ...e,
-                    with_large_title: c,
+                    with_large_title: w,
                     variant: l || (e == null ? void 0 : e.variant),
-                    size: n || (e == null ? void 0 : e.size),
-                    is_highlighted: (e == null ? void 0 : e.is_highlighted) || g
+                    size: p || (e == null ? void 0 : e.size),
+                    is_highlighted: (e == null ? void 0 : e.is_highlighted) || b
                   }
                 }
               ) }, e == null ? void 0 : e.id))
             }
           ),
           /* @__PURE__ */ i(
-            A,
+            R,
             {
               count: (t == null ? void 0 : t.length) || 0,
-              active: C,
-              activeColor: l === r.SECONDARY ? "white" : "black",
-              anActiveColor: l === r.SECONDARY ? "rgba(255, 255, 255, 0.4)" : "rgba(0, 0, 0, 0.2)",
+              active: N,
+              activeColor: l === m.SECONDARY ? "white" : "black",
+              anActiveColor: l === m.SECONDARY ? "rgba(255, 255, 255, 0.4)" : "rgba(0, 0, 0, 0.2)",
               className: "mt-8 hidden max-tablet:flex"
             }
           )
         ] }),
-        (m == null ? void 0 : m.link) && /* @__PURE__ */ i("div", { className: "flex flex-wrap gap-4", children: /* @__PURE__ */ i(
-          R,
+        (r == null ? void 0 : r.link) && /* @__PURE__ */ i("div", { className: "flex flex-wrap gap-4", children: /* @__PURE__ */ i(
+          E,
           {
-            ...m,
+            ...r,
             target: "_blank",
             className: o("w-fit z-10 max-tablet:w-full")
           }
@@ -137,7 +140,7 @@ import '../assets/swiper.816446ca.css';/* empty css                  */const S =
     }
   ) });
 };
-B.propsToEdit = k;
+O.propsToEdit = z;
 export {
-  B as CardImageList
+  O as CardImageList
 };

package/dist/CardImageList/schema.js

@@ -1,10 +1,11 @@
-import { AllActionsObject as o } from "../Actions/types.js";
-import { CardImageVariant as l, CardImageSize as t } from "../Cards/CardImage/types.js";
-import { DataTypesEnum as a, FieldTypes as e } from "../Types/FiledTypes.js";
-import { B as i } from "../const-6b683c28.js";
-const r = {
+import { AllActionsObject as i } from "../Actions/types.js";
+import { CardImageVariant as t, CardImageSize as a } from "../Cards/CardImage/types.js";
+import { DataTypesEnum as l, FieldTypes as e } from "../Types/FiledTypes.js";
+import { t as r, a as p } from "../themeProps-d4f49292.js";
+import { B as o } from "../const-6b683c28.js";
+const y = {
   label: "Карточки",
-  dataType: a.array,
+  dataType: l.array,
   key: "cards",
   data: {
     title: {
@@ -33,11 +34,11 @@ const r = {
       key: "is_highlighted"
     },
     action: {
-      ...o,
+      ...i,
       label: "Действие"
     },
     button: {
-      ...i,
+      ...o,
       key: "button",
       label: "Кнопка в карточке"
     },
@@ -45,50 +46,62 @@ const r = {
       type: e.COLOR,
       label: "Цвет фона карточки",
       key: "background_color"
+    },
+    title_color: {
+      type: e.COLOR,
+      label: "Цвет заголовка карточки",
+      key: "title_color"
+    },
+    text_color: {
+      type: e.COLOR,
+      label: "Цвет текста карточки",
+      key: "text_color"
     }
   }
 }, s = {
   label: "Вариант",
   key: "variant",
-  dataType: a.select,
+  dataType: l.select,
   options: [
     {
       label: "Primary",
-      value: l.PRIMARY
+      value: t.PRIMARY
     },
     {
       label: "Secondary",
-      value: l.SECONDARY
+      value: t.SECONDARY
     }
   ]
-}, y = {
+}, b = {
   label: "Размер",
   key: "size",
-  dataType: a.select,
+  dataType: l.select,
   options: [
     {
       label: "Large",
-      value: t.LARGE
+      value: a.LARGE
     },
     {
       label: "Small",
-      value: t.SMALL
+      value: a.SMALL
     }
   ]
-}, d = [
+}, g = [
   "title",
+  r,
   "description",
+  p,
   s,
+  b,
   y,
-  r,
   "grid",
-  i,
+  o,
   {
-    dataType: a.boolean,
+    dataType: l.boolean,
     label: "Слайдер на мобилке",
     key: "is_mobile_slider"
   }
 ];
 export {
-  d as propsToEdit
+  g as propsToEdit
 };