md-components-mdigial-azamat 0.0.112 → 0.0.114

package/dist/InfoCardList/InfoCardList.js

@@ -0,0 +1,100 @@
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { useState as b } from "react";
+import { InfoCard as n } from "../Cards/InfoCard/InfoCard.js";
+import { InfoCardVariant as l } from "../Cards/InfoCard/types.js";
+import "../Cards/InfoCard/schema.js";
+import { Bullet as c } from "../SwiperList/components/Bullet/Bullet.js";
+import { a as d, b as h } from "../swiper-react-3c2710e8.js";
+import { C as w } from "../ComponentContainer-dca711c6.js";
+import { F as C } from "../Flex-86aee720.js";
+import { G as R } from "../Grid-331af266.js";
+import { c as g } from "../cn-6a4bf187.js";
+import { propsToEdit as I } from "./schema.js";
+import '../assets/swiper.css';/* empty css                  */const N = {
+  [l.PRIMARY]: {
+    title: "text-blackBG"
+  },
+  [l.SECONDARY]: {
+    title: "text-white"
+  }
+}, S = ({
+  title: r,
+  variant: o = l.PRIMARY,
+  grid: p = "3",
+  cards: e
+}) => {
+  const [s, x] = b(0), f = N[o];
+  return /* @__PURE__ */ t(w, { children: /* @__PURE__ */ m(
+    C,
+    {
+      vertical: !0,
+      align: "center",
+      className: "gap-12 max-tablet:gap-6",
+      children: [
+        r && /* @__PURE__ */ t(
+          "h2",
+          {
+            className: g(
+              "text-center max-tablet:text-[32px] max-tablet:leading-10 max-tablet:font-bold text-[56px] leading-[52px] font-extrabold",
+              f.title
+            ),
+            children: r
+          }
+        ),
+        /* @__PURE__ */ t(
+          R,
+          {
+            cols: Number(p),
+            gap: 24,
+            className: "w-full max-tablet:hidden",
+            children: e == null ? void 0 : e.map((i, a) => /* @__PURE__ */ t(
+              n,
+              {
+                ...i,
+                variant: o || l.PRIMARY
+              },
+              a
+            ))
+          }
+        ),
+        /* @__PURE__ */ m("div", { className: "w-full hidden max-tablet:block", children: [
+          /* @__PURE__ */ t(
+            d,
+            {
+              spaceBetween: 12,
+              slidesPerView: 1,
+              breakpoints: {
+                640: {
+                  slidesPerView: 1.5
+                }
+              },
+              onSlideChange: (i) => x(i.realIndex),
+              className: "w-full",
+              children: e == null ? void 0 : e.map((i, a) => /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(
+                n,
+                {
+                  ...i,
+                  variant: o || l.PRIMARY
+                }
+              ) }, a))
+            }
+          ),
+          /* @__PURE__ */ t(
+            c,
+            {
+              count: (e == null ? void 0 : e.length) || 0,
+              active: s,
+              activeColor: o === l.SECONDARY ? "white" : "black",
+              anActiveColor: o === l.SECONDARY ? "rgba(255, 255, 255, 0.4)" : "rgba(0, 0, 0, 0.2)",
+              className: "mt-6 hidden max-tablet:flex"
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+};
+S.propsToEdit = I;
+export {
+  S as InfoCardList
+};

package/dist/InfoCardList/index.js

@@ -0,0 +1,6 @@
+import { InfoCardList as p } from "./InfoCardList.js";
+import { propsToEdit as f } from "./schema.js";
+export {
+  p as InfoCardList,
+  f as propsToEdit
+};

package/dist/InfoCardList/info.js

@@ -0,0 +1,11 @@
+import { C as o } from "../index-0a5f313c.js";
+import { propsToEdit as t } from "./schema.js";
+const p = {
+  title: "Список инфо карточек",
+  description: "Секция со списком инфо карточек, расположенных в сетке. Включает заголовок и описание секции.",
+  types: [o.cards],
+  propsToEdit: t
+};
+export {
+  p as infoCardListInfo
+};

package/dist/InfoCardList/schema.js

@@ -0,0 +1,39 @@
+import { InfoCardItemSchema as r } from "../Cards/InfoCard/schema.js";
+import { InfoCardVariant as a } from "../Cards/InfoCard/types.js";
+import { FieldTypes as e } from "../Types/FiledTypes.js";
+const i = [
+  {
+    key: "title",
+    type: e.TITLE,
+    label: "Заголовок секции"
+  },
+  {
+    key: "description",
+    type: e.DESCRIPTION,
+    label: "Описание секции"
+  },
+  {
+    key: "variant",
+    type: e.VARIANT,
+    label: "Вариант карточек",
+    options: [
+      { label: "Primary", value: a.PRIMARY },
+      { label: "Secondary", value: a.SECONDARY }
+    ]
+  },
+  {
+    key: "grid",
+    type: e.NUMBER,
+    label: "Колонок в сетке"
+  },
+  {
+    key: "cards",
+    type: "array",
+    label: "Список карточек",
+    itemLabel: "Карточка",
+    data: r
+  }
+];
+export {
+  i as propsToEdit
+};

package/dist/InfoCardList/types.js

@@ -0,0 +1 @@
+

package/dist/PageViewer/renderComponents.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { c as f } from "../componentsMap-cac6c316.js";
+import { c as f } from "../componentsMap-6fc8d724.js";
 const a = (p) => p.map((r) => {
   const s = f[r.key];
   if (!s)

package/dist/PostsList/PostsList.js

@@ -0,0 +1,78 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { useState as f, useEffect as x } from "react";
+import { PostCard as w } from "../Cards/PostCard/PostCard.js";
+import { PostCardVariant as a } from "../Cards/PostCard/types.js";
+import { a as h, b as u } from "../swiper-react-3c2710e8.js";
+import { C as v } from "../ComponentContainer-dca711c6.js";
+import { F as y } from "../Flex-86aee720.js";
+import { c as b } from "../cn-6a4bf187.js";
+import '../assets/swiper.css';/* empty css                  */const g = {
+  [a.PRIMARY]: {
+    title: "text-blackBG"
+  },
+  [a.SECONDARY]: {
+    title: "text-white"
+  }
+}, O = ({
+  title: o,
+  cards: i,
+  variant: r = a.PRIMARY
+}) => {
+  const [n, l] = f(0), p = g[r];
+  return x(() => {
+    const t = () => {
+      const s = window.innerWidth, m = Math.max((s - 1232) / 2, 16), c = Math.max(0, m - 16);
+      l(c);
+    };
+    return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
+  }, []), /* @__PURE__ */ d(
+    y,
+    {
+      vertical: !0,
+      className: "w-full overflow-hidden gap-12 max-tablet:gap-6",
+      children: [
+        /* @__PURE__ */ e(v, { children: o && /* @__PURE__ */ e(
+          "h2",
+          {
+            className: b(
+              "text-[56px] font-bold max-tablet:text-[32px] max-tablet:leading-[40px] max-tablet:text-center",
+              p.title
+            ),
+            children: o
+          }
+        ) }),
+        /* @__PURE__ */ e(
+          h,
+          {
+            slidesPerView: "auto",
+            spaceBetween: 24,
+            slidesOffsetAfter: n,
+            className: "w-full !overflow-visible",
+            style: {
+              paddingLeft: "max((100% - 1232px) / 2, 16px)",
+              paddingRight: "16px"
+            },
+            children: i == null ? void 0 : i.map((t, s) => /* @__PURE__ */ e(
+              u,
+              {
+                className: "opacity-50 transition-opacity duration-300 [&.swiper-slide-active]:opacity-100 [&.swiper-slide-active+*]:opacity-100 [&.swiper-slide-active+*+*]:opacity-100 [&.swiper-slide-active+*+*+*]:opacity-100",
+                style: { width: "290px", height: "auto" },
+                children: /* @__PURE__ */ e(
+                  w,
+                  {
+                    item: t,
+                    variant: r
+                  }
+                )
+              },
+              t.id || s
+            ))
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  O as PostsList
+};

package/dist/PostsList/index.js

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

package/dist/PostsList/info.js

@@ -0,0 +1,11 @@
+import { C as o } from "../types-c3843cc0.js";
+import { PostsList as t } from "./PostsList.js";
+import { propsToEdit as s } from "./schema.js";
+const i = {
+  key: o.PostsList,
+  component: t,
+  propsToEdit: s
+};
+export {
+  i as postsListInfo
+};

package/dist/PostsList/schema.js

@@ -0,0 +1,49 @@
+import { AllActionsObject as t } from "../Actions/types.js";
+import { FieldTypes as e } from "../Types/FiledTypes.js";
+const a = {
+  title: {
+    type: e.STRING,
+    label: "Заголовок",
+    key: "title"
+  },
+  description: {
+    type: e.STRING,
+    label: "Описание",
+    key: "description"
+  },
+  date: {
+    type: e.STRING,
+    label: "Дата",
+    key: "date"
+  },
+  image: {
+    type: e.FILE,
+    label: "Картинка",
+    key: "image"
+  },
+  action: {
+    ...t,
+    label: "Действие"
+  }
+}, l = {
+  type: "cards",
+  label: "Карточки постов",
+  dataType: "array",
+  data: a
+}, o = {
+  label: "Заголовок секции",
+  type: e.STRING,
+  key: "title"
+}, r = {
+  label: "Вариант",
+  type: "select",
+  options: [
+    { label: "Primary (White)", value: "primary" },
+    { label: "Secondary (Glass)", value: "secondary" }
+  ],
+  key: "variant"
+}, s = [o, l, r];
+export {
+  a as fieldProps,
+  s as propsToEdit
+};

package/dist/PostsList/types.js

@@ -0,0 +1 @@
+

package/dist/PostsSlider/PostsSlider.js

@@ -0,0 +1,78 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { useState as f, useEffect as x } from "react";
+import { PostCard as w } from "../Cards/PostCard/PostCard.js";
+import { PostCardVariant as a } from "../Cards/PostCard/types.js";
+import { a as h, b as u } from "../swiper-react-3c2710e8.js";
+import { C as v } from "../ComponentContainer-dca711c6.js";
+import { F as y } from "../Flex-86aee720.js";
+import { c as b } from "../cn-6a4bf187.js";
+import '../assets/swiper.css';/* empty css                  */const g = {
+  [a.PRIMARY]: {
+    title: "text-blackBG"
+  },
+  [a.SECONDARY]: {
+    title: "text-white"
+  }
+}, O = ({
+  title: o,
+  cards: i,
+  variant: r = a.PRIMARY
+}) => {
+  const [n, l] = f(0), p = g[r];
+  return x(() => {
+    const t = () => {
+      const s = window.innerWidth, m = Math.max((s - 1232) / 2, 16), c = Math.max(0, m - 16);
+      l(c);
+    };
+    return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
+  }, []), /* @__PURE__ */ d(
+    y,
+    {
+      vertical: !0,
+      className: "w-full overflow-hidden gap-12 max-tablet:gap-6",
+      children: [
+        /* @__PURE__ */ e(v, { children: o && /* @__PURE__ */ e(
+          "h2",
+          {
+            className: b(
+              "text-[56px] font-bold max-tablet:text-[32px] max-tablet:leading-[40px] max-tablet:text-center",
+              p.title
+            ),
+            children: o
+          }
+        ) }),
+        /* @__PURE__ */ e(
+          h,
+          {
+            slidesPerView: "auto",
+            spaceBetween: 24,
+            slidesOffsetAfter: n,
+            className: "w-full !overflow-visible",
+            style: {
+              paddingLeft: "max((100% - 1232px) / 2, 16px)",
+              paddingRight: "16px"
+            },
+            children: i == null ? void 0 : i.map((t, s) => /* @__PURE__ */ e(
+              u,
+              {
+                className: "opacity-50 transition-opacity duration-300 [&.swiper-slide-active]:opacity-100 [&.swiper-slide-active+*]:opacity-100 [&.swiper-slide-active+*+*]:opacity-100 [&.swiper-slide-active+*+*+*]:opacity-100",
+                style: { width: "290px", height: "auto" },
+                children: /* @__PURE__ */ e(
+                  w,
+                  {
+                    item: t,
+                    variant: r
+                  }
+                )
+              },
+              t.id || s
+            ))
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  O as PostsSlider
+};

package/dist/PostsSlider/index.js

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

package/dist/PostsSlider/info.js

@@ -0,0 +1,11 @@
+import { C as o } from "../types-c3843cc0.js";
+import { PostsSlider as r } from "./PostsSlider.js";
+import { propsToEdit as t } from "./schema.js";
+const m = {
+  key: o.PostsSlider,
+  component: r,
+  propsToEdit: t
+};
+export {
+  m as postsSliderInfo
+};

package/dist/PostsSlider/schema.js

@@ -0,0 +1,49 @@
+import { AllActionsObject as t } from "../Actions/types.js";
+import { FieldTypes as e } from "../Types/FiledTypes.js";
+const a = {
+  title: {
+    type: e.STRING,
+    label: "Заголовок",
+    key: "title"
+  },
+  description: {
+    type: e.STRING,
+    label: "Описание",
+    key: "description"
+  },
+  date: {
+    type: e.STRING,
+    label: "Дата",
+    key: "date"
+  },
+  image: {
+    type: e.FILE,
+    label: "Картинка",
+    key: "image"
+  },
+  action: {
+    ...t,
+    label: "Действие"
+  }
+}, l = {
+  type: "cards",
+  label: "Карточки постов",
+  dataType: "array",
+  data: a
+}, o = {
+  label: "Заголовок секции",
+  type: e.STRING,
+  key: "title"
+}, r = {
+  label: "Вариант карточек",
+  type: "select",
+  options: [
+    { label: "Primary (White)", value: "primary" },
+    { label: "Secondary (Glass)", value: "secondary" }
+  ],
+  key: "variant"
+}, s = [o, l, r];
+export {
+  a as fieldProps,
+  s as propsToEdit
+};

package/dist/PostsSlider/types.js

@@ -0,0 +1 @@
+

package/dist/RenderAllComponents/RenderAllComponents.js

@@ -1,5 +1,5 @@
 import { jsx as n, Fragment as t } from "react/jsx-runtime";
-import { c as i } from "../componentsMap-cac6c316.js";
+import { c as i } from "../componentsMap-6fc8d724.js";
 const d = ({ components: o, device: p }) => /* @__PURE__ */ n(t, { children: o.map((r) => {
   const e = i[r.key];
   return e ? /* @__PURE__ */ n(

package/dist/RenderAllComponents/const.js

@@ -1,4 +1,4 @@
-import { M as a, B as t, a as s, C as n, S as D, b as r, V as e, c as i, d as o, e as d, P as l, f as C, g as B, h as L, W as m, i as w, j as p, F as I, D as g, k as F, l as S, m as c, I as M, n as P, o as f, p as u, A as V, q as T, T as W, r as b, E as x, s as h, t as k, u as q, v, w as y, x as A } from "../data.mock-ebc679ec.js";
+import { M as a, B as t, a as s, C as n, S as D, b as r, V as e, c as i, d as o, e as d, P as l, f as C, g as B, h as L, W as m, i as w, j as p, F as I, D as g, k as F, l as S, m as c, I as M, n as P, o as f, p as u, A as V, q as T, T as W, r as b, E as x, s as h, t as k, u as q, v, w as y, x as A } from "../data.mock-a00d8eec.js";
 const j = [
   a,
   t,

package/dist/SearchBlock/SearchBlock.js

@@ -1,11 +1,11 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { useRef as x } from "react";
-import { F as n } from "../Flex-86aee720.js";
-import { c as u } from "../cn-6a4bf187.js";
-const h = {
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { useRef as m } from "react";
+import { F as r } from "../Flex-86aee720.js";
+import { c as b } from "../cn-6a4bf187.js";
+const d = {
   black: "stroke-[#0E0F11]",
   gray: "stroke-[#758795]"
-}, m = ({ className: r, variant: o = "black" }) => /* @__PURE__ */ e(
+}, u = ({ className: t, variant: l = "black" }) => /* @__PURE__ */ e(
   "svg",
   {
     width: "21",
@@ -13,83 +13,82 @@ const h = {
     viewBox: "0 0 21 21",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    className: r,
+    className: t,
     children: /* @__PURE__ */ e(
       "path",
       {
         d: "M19.7998 19.8L15.3138 15.306M17.7998 9.29999C17.7998 11.5543 16.9043 13.7163 15.3102 15.3104C13.7162 16.9045 11.5541 17.8 9.2998 17.8C7.04546 17.8 4.88346 16.9045 3.2894 15.3104C1.69534 13.7163 0.799805 11.5543 0.799805 9.29999C0.799805 7.04565 1.69534 4.88364 3.2894 3.28958C4.88346 1.69552 7.04546 0.799988 9.2998 0.799988C11.5541 0.799988 13.7162 1.69552 15.3102 3.28958C16.9043 4.88364 17.7998 7.04565 17.7998 9.29999Z",
-        className: u(h[o], "stroke-[1.6]"),
+        className: b(d[l], "stroke-[1.6]"),
         strokeLinecap: "round"
       }
     )
   }
 ), C = ({
-  title: r,
-  placeholder: o,
-  tags: p = [],
-  onSearch: c,
-  onTagClick: a
+  title: t,
+  placeholder: l,
+  tags: i = [],
+  onSearch: x,
+  onTagClick: n
 }) => {
-  const l = x(null), s = () => {
-    c && l.current && c(l.current.value);
+  const o = m(null), s = () => {
+    x && o.current && x(o.current.value);
   };
-  return /* @__PURE__ */ i(
-    n,
+  return /* @__PURE__ */ c(
+    r,
     {
       vertical: !0,
       align: "center",
       justify: "center",
       className: "max-w-[880px] mx-auto",
       children: [
-        r && /* @__PURE__ */ e("h2", { className: "text-white text-[56px] leading-[68px] font-bold text-center mb-12", children: r }),
-        /* @__PURE__ */ i(
-          n,
+        t && /* @__PURE__ */ e("h2", { className: "text-white text-[56px] leading-[68px] font-bold text-center max-tablet:text-[28px] max-tablet:leading-9 mb-12 max-tablet:mb-8", children: t }),
+        /* @__PURE__ */ c(
+          r,
           {
             align: "center",
-            gap: 8,
-            className: "w-full mb-6 p-2 rounded-[20px] bg-white/50 backdrop-blur-[2px] border-[2px] border-[#D4E3FF]",
+            className: "w-full gap-2 max-tablet:gap-1 mb-6 p-2 max-tablet:p-1 rounded-[20px] max-tablet:rounded-2xl bg-white/50 backdrop-blur-[2px] border-[2px] border-[#D4E3FF]",
             children: [
               /* @__PURE__ */ e(
                 "input",
                 {
-                  ref: l,
+                  ref: o,
                   type: "text",
-                  placeholder: o,
-                  onKeyDown: (t) => {
-                    t.key === "Enter" && s();
+                  placeholder: l,
+                  onKeyDown: (a) => {
+                    a.key === "Enter" && s();
                   },
-                  className: "w-full text-[#0E0F11] h-16 py-5 px-6 text-lg leading-6 rounded-2xl border-[#D4E3FF] outline-none placeholder:text-[#7893B0]"
+                  className: "w-full text-[#0E0F11] h-16 max-tablet:h-[52px] py-5 px-6 max-tablet:p-3 text-lg leading-6 max-tablet:text-base rounded-2xl border-[#D4E3FF] outline-none placeholder:text-[#7893B0]"
                 }
               ),
               /* @__PURE__ */ e(
-                n,
+                r,
                 {
                   component: "button",
                   "aria-label": "Search",
                   onClick: s,
                   align: "center",
                   justify: "center",
-                  className: "flex-shrink-0 size-[64px] bg-white rounded-2xl hover:bg-gray-100 transition-colors cursor-pointer border border-[#D4E3FF]",
-                  children: /* @__PURE__ */ e(m, { variant: "gray" })
+                  className: "flex-shrink-0 size-[64px] max-tablet:size-[52px] bg-white rounded-2xl hover:bg-gray-100 transition-colors cursor-pointer border border-[#D4E3FF]",
+                  children: /* @__PURE__ */ e(u, { variant: "gray" })
                 }
               )
             ]
           }
         ),
         /* @__PURE__ */ e(
-          n,
+          r,
           {
             wrap: !0,
             justify: "center",
-            className: "max-w-[600px] gap-x-3 gap-y-4",
-            children: p.map((t, d) => /* @__PURE__ */ e(
+            className: "max-w-[600px] gap-x-3 gap-y-4 max-tablet:gap-x-2 max-tablet:gap-y-3",
+            children: i.map((a, p) => /* @__PURE__ */ e(
               "button",
               {
-                onClick: () => a == null ? void 0 : a(t),
-                className: "bg-[#C2C1C159] hover:bg-white/30 text-white px-4 py-2.5 rounded-xl backdrop-blur-[2px] transition-colors cursor-pointer border-none text-base leading-6 font-medium",
-                children: t.label
+                onClick: () => n == null ? void 0 : n(a),
+                className: "bg-[#C2C1C159] hover:bg-white/30 text-white px-4 py-2.5 max-tablet:py-2 max-tablet:px-3 rounded-xl backdrop-blur-[2px] transition-colors cursor-pointer border-none text-base leading-6 max-tablet:text-sm font-medium",
+                children: a.label
               },
-              d
+              p
             ))
           }
         )