md-components-mdigial-azamat 0.0.109 → 0.0.113

package/dist/SearchBlock/schema.js

@@ -0,0 +1,36 @@
+import { FieldTypes as a } from "../Types/FiledTypes.js";
+const e = [
+  "title",
+  "placeholder",
+  {
+    type: "data",
+    label: "Стили",
+    dataType: "object",
+    data: {
+      keys: {
+        background: a.STRING
+      }
+    }
+  },
+  {
+    type: "data",
+    label: "Теги",
+    dataType: "object",
+    data: {
+      keys: {
+        tags: {
+          label: "Список тегов",
+          dataType: "array",
+          type: "items",
+          data: {
+            label: a.STRING,
+            action: a.STRING
+          }
+        }
+      }
+    }
+  }
+];
+export {
+  e as propsToEdit
+};

package/dist/SegmentedContent/SegmentedContent.js

@@ -0,0 +1,160 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { useState as d, useEffect as v } from "react";
+import { actionsGenerator as k } from "../Actions/actionsGenerator.js";
+import { SegmentsIcons as S } from "../SegmentsIcons/SegmentsIcons.js";
+import "../SegmentsIcons/schema.js";
+import "../SegmentsIcons/info.js";
+import { Bullet as _ } from "../SwiperList/components/Bullet/Bullet.js";
+import { a as N, b as x } from "../swiper-react-3c2710e8.js";
+import { B as L } from "../index-875e92ce.js";
+import { C as B } from "../ComponentContainer-dca711c6.js";
+import { F as f } from "../Flex-86aee720.js";
+import { G as I } from "../Grid-331af266.js";
+import { c as M } from "../cn-6a4bf187.js";
+import { ContentCard as r } from "./components/ContentCard.js";
+import { propsToEdit as G } from "./schema.js";
+import '../assets/swiper.css';/* empty css                  */const R = ({
+  gradient: c = "",
+  color: n,
+  className: a,
+  size: o = 24
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: M(a),
+    style: {
+      width: o,
+      height: o,
+      background: n || c,
+      WebkitMaskImage: `url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='12' height='22' viewBox='0 0 12 22'> <path fill='black' d='M8.58579 10L0 1.41421L1.41421 0L10 8.58579C10.0128 8.59862 10.0257 8.61144 10.0385 8.62425C10.3384 8.92405 10.6299 9.21542 10.8379 9.48809C11.0724 9.79548 11.2929 10.1934 11.2929 10.7071C11.2929 11.2208 11.0724 11.6187 10.8379 11.9261C10.6299 12.1988 10.3384 12.4901 10.0385 12.7899C10.0257 12.8027 10.0128 12.8156 10 12.8284L1.41421 21.4142L0 20L8.58579 11.4142C8.93911 11.0609 9.13147 10.8655 9.24787 10.713C9.24939 10.711 9.25087 10.709 9.25231 10.7071C9.25087 10.7052 9.24939 10.7032 9.24787 10.7013C9.13147 10.5487 8.93911 10.3533 8.58579 10Z'/> </svg>")`,
+      WebkitMaskRepeat: "no-repeat",
+      WebkitMaskSize: "contain",
+      WebkitMaskPosition: "center"
+    }
+  }
+), W = ({ title: c, items: n }) => {
+  var p, m, g, h;
+  const [a, o] = d(0), [w, u] = d(0), [l, b] = d(null), t = n == null ? void 0 : n[a], C = (n == null ? void 0 : n.map((s) => s.segment)) || [];
+  return v(() => {
+    l && l.slideTo(0);
+  }, [a, l]), n != null && n.length ? /* @__PURE__ */ e(B, { children: /* @__PURE__ */ i(
+    f,
+    {
+      vertical: !0,
+      align: "center",
+      className: "gap-12 max-tablet:gap-6",
+      children: [
+        /* @__PURE__ */ e("h2", { className: "text-center text-white max-tablet:text-[32px] max-tablet:leading-10 max-tablet:font-bold text-[56px] leading-[52px] font-extrabold", children: c }),
+        /* @__PURE__ */ e(
+          S,
+          {
+            data: C,
+            activeSegment: a,
+            onChange: o
+          }
+        ),
+        /* @__PURE__ */ i(
+          I,
+          {
+            gap: 20,
+            cols: 2,
+            className: "w-full max-tablet:hidden",
+            children: [
+              /* @__PURE__ */ e(
+                r,
+                {
+                  title: t.content.left_card.title,
+                  description: t.content.left_card.description,
+                  image: t.content.left_card.image,
+                  imageHeight: "h-[340px]"
+                }
+              ),
+              /* @__PURE__ */ i(
+                f,
+                {
+                  vertical: !0,
+                  gap: 16,
+                  children: [
+                    /* @__PURE__ */ e(
+                      r,
+                      {
+                        title: t.content.right_card.title,
+                        description: t.content.right_card.description,
+                        image: t.content.right_card.image,
+                        imageHeight: "h-[316px]"
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      L,
+                      {
+                        className: "text-white/90 w-full text-2xl font-bold justify-between h-20 p-6",
+                        style: { background: t.segment.activeColor },
+                        title: (m = (p = t == null ? void 0 : t.content) == null ? void 0 : p.button) == null ? void 0 : m.text,
+                        ...k((h = (g = t == null ? void 0 : t.content) == null ? void 0 : g.button) == null ? void 0 : h.actions),
+                        iconRight: /* @__PURE__ */ e("div", { className: "p-3 rounded-2xl bg-white", children: /* @__PURE__ */ e(
+                          R,
+                          {
+                            gradient: t.segment.activeColor
+                          }
+                        ) })
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ i("div", { className: "w-full hidden max-tablet:block", children: [
+          /* @__PURE__ */ i(
+            N,
+            {
+              spaceBetween: 12,
+              slidesPerView: "auto",
+              breakpoints: {
+                640: {
+                  slidesPerView: 2
+                }
+              },
+              onSwiper: b,
+              onSlideChange: (s) => u(s.realIndex),
+              className: "w-full",
+              children: [
+                /* @__PURE__ */ e(x, { className: "!h-auto !w-[280px] sm:!w-[calc(50%-6px)]", children: /* @__PURE__ */ e(
+                  r,
+                  {
+                    title: t.content.left_card.title,
+                    description: t.content.left_card.description,
+                    image: t.content.left_card.image
+                  }
+                ) }),
+                /* @__PURE__ */ e(x, { className: "!h-auto !w-[280px] sm:!w-[calc(50%-6px)]", children: /* @__PURE__ */ e(
+                  r,
+                  {
+                    title: t.content.right_card.title,
+                    description: t.content.right_card.description,
+                    image: t.content.right_card.image
+                  }
+                ) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            _,
+            {
+              count: 2,
+              active: w,
+              activeColor: "white",
+              anActiveColor: "rgba(255, 255, 255, 0.8)",
+              className: "mt-6 sm:hidden"
+            }
+          )
+        ] })
+      ]
+    }
+  ) }) : null;
+};
+W.propsToEdit = G;
+export {
+  W as SegmentedContent
+};

package/dist/SegmentedContent/components/ContentCard.js

@@ -0,0 +1,50 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { F as l } from "../../Flex-86aee720.js";
+import { I as p } from "../../index-9384c6d6.js";
+import { c as x } from "../../cn-6a4bf187.js";
+const h = ({
+  title: e,
+  description: r,
+  image: m,
+  imageHeight: i,
+  className: n,
+  children: o
+}) => /* @__PURE__ */ a(
+  l,
+  {
+    vertical: !0,
+    justify: "between",
+    align: "center",
+    className: x(
+      "w-full max-tablet:min-h-[266px] max-tablet:min-w-[280px] flex-1 rounded-xl max-tablet:rounded-3xl max-tablet:gap-[22px] max-tablet:h-full bg-white/15 border border-white/15 backdrop-blur-[15px]",
+      n
+    ),
+    children: [
+      /* @__PURE__ */ a(
+        l,
+        {
+          vertical: !0,
+          gap: 20,
+          className: "w-full px-12 pt-8 pb-6 min-h-[208px] max-tablet:min-h-fit max-tablet:p-4",
+          children: [
+            /* @__PURE__ */ t("h3", { className: "text-white text-[32px] leading-10 font-bold max-tablet:text-base", children: e }),
+            /* @__PURE__ */ t("p", { className: "text-white/80 text-lg leading-[26px] max-tablet:hidden", children: r })
+          ]
+        }
+      ),
+      /* @__PURE__ */ t(
+        p,
+        {
+          src: m,
+          alt: e,
+          className: x("w-full", i, "max-tablet:h-[162px]"),
+          imageStyles: "h-auto object-contain"
+        }
+      ),
+      o
+    ]
+  }
+);
+export {
+  h as ContentCard
+};

package/dist/SegmentedContent/components/index.js

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

package/dist/SegmentedContent/index.js

@@ -0,0 +1,8 @@
+import { SegmentedContent as t } from "./SegmentedContent.js";
+import { segmentedContentInfo as r } from "./info.js";
+import { propsToEdit as p } from "./schema.js";
+export {
+  t as SegmentedContent,
+  p as propsToEdit,
+  r as segmentedContentInfo
+};

package/dist/SegmentedContent/info.js

@@ -0,0 +1,12 @@
+import { C as o } from "../types-c3843cc0.js";
+import { propsToEdit as t } from "./schema.js";
+const p = {
+  title: "Сегментированный контент",
+  description: "Блок с переключением контента по сегментам",
+  group: "Бизнес компоненты",
+  key: o.SegmentedContent,
+  propsToEdit: t
+};
+export {
+  p as segmentedContentInfo
+};

package/dist/SegmentedContent/schema.js

@@ -0,0 +1,108 @@
+import { AllActionsObject as t } from "../Actions/types.js";
+import { FieldTypes as e } from "../Types/FiledTypes.js";
+const y = {
+  title: {
+    type: e.TITLE,
+    label: "Заголовок",
+    key: "title"
+  },
+  items: {
+    type: e.ARRAY,
+    label: "Сервисы",
+    key: "items",
+    props: {
+      segment: {
+        type: e.OBJECT,
+        label: "Сегмент",
+        key: "segment",
+        props: {
+          title: {
+            type: e.TITLE,
+            label: "Название таба",
+            key: "title"
+          },
+          icon: {
+            type: e.FILE,
+            label: "Иконка",
+            key: "icon"
+          },
+          activeColor: {
+            type: e.COLOR,
+            label: "Активный цвет (градиент)",
+            key: "activeColor"
+          }
+        }
+      },
+      content: {
+        type: e.OBJECT,
+        label: "Контент",
+        key: "content",
+        props: {
+          left_card: {
+            type: e.OBJECT,
+            label: "Левая карточка",
+            key: "left_card",
+            props: {
+              title: {
+                type: e.TITLE,
+                label: "Заголовок",
+                key: "title"
+              },
+              description: {
+                type: e.STRING,
+                label: "Описание",
+                key: "description"
+              },
+              image: {
+                type: e.FILE,
+                label: "Изображение",
+                key: "image"
+              }
+            }
+          },
+          right_card: {
+            type: e.OBJECT,
+            label: "Правая карточка",
+            key: "right_card",
+            props: {
+              title: {
+                type: e.TITLE,
+                label: "Заголовок",
+                key: "title"
+              },
+              description: {
+                type: e.STRING,
+                label: "Описание",
+                key: "description"
+              },
+              image: {
+                type: e.FILE,
+                label: "Изображение",
+                key: "image"
+              }
+            }
+          },
+          button: {
+            type: e.OBJECT,
+            label: "Кнопка",
+            key: "button",
+            props: {
+              text: {
+                type: e.TITLE,
+                label: "Текст кнопки",
+                key: "text"
+              },
+              actions: {
+                ...t,
+                key: "actions"
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+};
+export {
+  y as propsToEdit
+};

package/dist/SegmentedContent/types.js

@@ -0,0 +1 @@
+

package/dist/Segments/Segments.js

@@ -1,34 +1,43 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useState as x } from "react";
-import { FieldTypes as i } from "../Types/FiledTypes.js";
-import { c as r } from "../cn-6a4bf187.js";
-const c = {
-  type: "data",
-  label: "Сегменты",
-  dataType: "array",
-  data: {
-    title: i.TITLE
+import { jsx as n } from "react/jsx-runtime";
+import { useState as b } from "react";
+import { F as d } from "../Flex-86aee720.js";
+import { c as i } from "../cn-6a4bf187.js";
+import { propsToEdit as u } from "./schema.js";
+import { SegmentsVariant as e } from "./types.js";
+const p = {
+  [e.PRIMARY]: {
+    container: "rounded-[20px] bg-[#E3E4E8] p-1",
+    item: "rounded-[19px] text-gray-800 font-semibold max-tablet:text-[16px] max-tablet:leading-[27px] max-tablet:px-4 max-tablet:py-2 text-[20px] leading-[30px] px-8 py-4 w-[275px]",
+    activeItem: "bg-white"
+  },
+  [e.SECONDARY]: {
+    container: "rounded-xl bg-white/15 border border-white/15 backdrop-blur-[15px]",
+    item: "text-white rounded-[13px] text-sm leading-5 py-[14px] w-[180px] max-tablet:pr-5 max-tablet:pl-4",
+    activeItem: "bg-white text-black font-medium"
   }
-}, m = [c, "activeSegment"], d = ({ data: e, activeSegment: p = 0 }) => {
-  const [l, n] = x(p), s = (t) => {
-    n(t);
-  };
-  return /* @__PURE__ */ o(
-    "div",
+}, g = ({
+  data: r,
+  activeSegment: x = 0,
+  variant: l = e.PRIMARY
+}) => {
+  const [m, c] = b(x), s = (t) => {
+    c(t);
+  }, o = p[l] || p[e.PRIMARY];
+  return /* @__PURE__ */ n(
+    d,
     {
-      className: r(
-        "rounded-[20px] bg-[#E3E4E8] p-1 flex gap-4 w-fit mx-auto max-tablet:w-full"
+      className: i(
+        "w-fit mx-auto max-tablet:w-full overflow-x-auto no-scrollbar cursor-grab active:cursor-grabbing",
+        o.container
       ),
-      children: e == null ? void 0 : e.map((t, a) => /* @__PURE__ */ o(
+      children: r == null ? void 0 : r.map((t, a) => /* @__PURE__ */ n(
         "div",
         {
           onClick: () => s(a),
-          className: r(
-            "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 === l ? "bg-white" : "bg-transparent"
+          className: i(
+            "bg-transparent cursor-pointer text-center whitespace-nowrap transition-colors duration-200 max-tablet:min-w-min max-tablet:flex-1",
+            o.item,
+            a === m && o.activeItem
           ),
           children: t == null ? void 0 : t.title
         },
@@ -37,8 +46,7 @@ const c = {
     }
   );
 };
-d.propsToEdit = m;
+g.propsToEdit = u;
 export {
-  d as Segments,
-  m as propsToEdit
+  g as Segments
 };

package/dist/Segments/index.js

@@ -1,4 +1,10 @@
-import { Segments as o } from "./Segments.js";
+import { Segments as r } from "./Segments.js";
+import { SegmentsVariant as m } from "./types.js";
+import { segmentsInfo as f } from "./info.js";
+import { propsToEdit as s } from "./schema.js";
 export {
-  o as Segments
+  r as Segments,
+  m as SegmentsVariant,
+  s as propsToEdit,
+  f as segmentsInfo
 };

package/dist/Segments/info.js

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

package/dist/Segments/schema.js

@@ -0,0 +1,21 @@
+import { SegmentsVariant as a } from "./types.js";
+import { FieldTypes as t } from "../Types/FiledTypes.js";
+const e = {
+  type: "data",
+  label: "Сегменты",
+  dataType: "array",
+  data: {
+    title: t.TITLE
+  }
+}, r = {
+  type: t.VARIANT,
+  label: "Вариант",
+  key: "variant",
+  options: [
+    { label: "Primary", value: a.PRIMARY },
+    { label: "Secondary", value: a.SECONDARY }
+  ]
+}, i = [e, "activeSegment", r];
+export {
+  i as propsToEdit
+};

package/dist/Segments/types.js

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

package/dist/SegmentsIcons/SegmentsIcons.js

@@ -0,0 +1,92 @@
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { useState as f, useRef as y, useEffect as u } from "react";
+import { u as E } from "../useDraggableScroll-440da9b7.js";
+import { F as p } from "../Flex-86aee720.js";
+import { I as j } from "../index-9384c6d6.js";
+import { c as b } from "../cn-6a4bf187.js";
+import { propsToEdit as I } from "./schema.js";
+const N = ({
+  data: r,
+  activeSegment: o = 0,
+  onChange: s
+}) => {
+  var d;
+  const [i, l] = f(o), [n, x] = f({
+    left: 0,
+    width: 0
+  }), c = y([]), { ref: w, events: h } = E();
+  u(() => {
+    l(o);
+  }, [o]), u(() => {
+    const t = () => {
+      const e = c.current[i];
+      e && x({
+        left: e.offsetLeft,
+        width: e.offsetWidth
+      });
+    };
+    return t(), window.addEventListener("resize", t), () => {
+      window.removeEventListener("resize", t);
+    };
+  }, [i, r]);
+  const v = (t) => {
+    l(t), s == null || s(t);
+  };
+  return /* @__PURE__ */ m(
+    p,
+    {
+      ref: w,
+      ...h,
+      className: b(
+        "w-full mx-auto overflow-x-auto no-scrollbar cursor-grab active:cursor-grabbing relative",
+        "rounded-2xl bg-white/15 backdrop-blur-[15px] border border-white/15"
+      ),
+      children: [
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: "absolute top-0 bottom-0 my-auto rounded-2xl transition-all duration-300 ease-in-out",
+            style: {
+              left: n.left,
+              width: n.width,
+              background: ((d = r[i]) == null ? void 0 : d.activeColor) || "transparent",
+              height: "100%"
+            }
+          }
+        ),
+        r == null ? void 0 : r.map((t, e) => /* @__PURE__ */ m(
+          p,
+          {
+            ref: (g) => c.current[e] = g,
+            align: "center",
+            gap: 8,
+            onClick: () => v(e),
+            className: b(
+              "justify-start max-tablet:justify-center cursor-pointer whitespace-nowrap transition-all duration-300 ease-in-out p-4 flex-1 rounded-2xl max-tablet:pl-3 max-tablet:pr-4 relative z-10",
+              "min-w-[186px] max-tablet:min-w-min"
+            ),
+            children: [
+              t.icon && /* @__PURE__ */ a(
+                j,
+                {
+                  src: t.icon,
+                  alt: t.title,
+                  width: 40,
+                  height: 40,
+                  className: "h-10 w-10 object-contain max-tablet:hidden",
+                  draggable: !1
+                }
+              ),
+              /* @__PURE__ */ a("span", { className: "text-white text-sm font-extrabold leading-5 select-none", children: t.title })
+            ]
+          },
+          e
+        ))
+      ]
+    }
+  );
+};
+N.propsToEdit = I;
+export {
+  N as SegmentsIcons
+};

package/dist/SegmentsIcons/index.js

@@ -0,0 +1,8 @@
+import { SegmentsIcons as r } from "./SegmentsIcons.js";
+import { propsToEdit as t } from "./schema.js";
+import { segmentsIconsInfo as n } from "./info.js";
+export {
+  r as SegmentsIcons,
+  t as propsToEdit,
+  n as segmentsIconsInfo
+};

package/dist/SegmentsIcons/info.js

@@ -0,0 +1,11 @@
+import { C as o } from "../index-0a5f313c.js";
+import { propsToEdit as t } from "./schema.js";
+const n = {
+  title: "Сегменты с иконками",
+  description: "Компонент для навигации с иконками и индивидуальным цветом для каждого сегмента.",
+  types: [o.navigation],
+  propsToEdit: t
+};
+export {
+  n as segmentsIconsInfo
+};

package/dist/SegmentsIcons/schema.js

@@ -0,0 +1,14 @@
+import { FieldTypes as t } from "../Types/FiledTypes.js";
+const a = {
+  type: "data",
+  label: "Сегменты с иконками",
+  dataType: "array",
+  data: {
+    title: t.TITLE,
+    icon: t.FILE,
+    activeColor: t.COLOR
+  }
+}, o = [a, "activeSegment"];
+export {
+  o as propsToEdit
+};

package/dist/SegmentsIcons/types.js

@@ -0,0 +1 @@
+