md-components-mdigial-azamat 0.0.44 → 0.0.46

package/dist/Header/components/HeaderMobile/HeaderMobile.js

@@ -1,11 +1,73 @@
-import "react/jsx-runtime";
-import "react";
-import "../../const.js";
-import "../../../index-3a534581.js";
-import "../../../cn-6a4bf187.js";
-import "../HeaderMainMobile/HeaderMainMobile.js";
-import { h as d } from "../../../index-54813771.js";
-import "../HeaderSearchMobile/HeaderSearchMobile.js";
+import { jsxs as H, jsx as s } from "react/jsx-runtime";
+import { useState as a, useEffect as M } from "react";
+import { HeaderMobileRender as n } from "../../const.js";
+import { c as b, H as y } from "../../../index.module-c8833286.js";
+import { c as R } from "../../../cn-6a4bf187.js";
+import S from "../HeaderMainMobile/HeaderMainMobile.js";
+import x from "../HeaderMenuMobile/HeaderMenuMobile.js";
+import A from "../HeaderSearchMobile/HeaderSearchMobile.js";
+const I = ({
+  sections: o,
+  darkTheme: d,
+  className: c
+}) => {
+  const [e, l] = a(n.MAIN), t = (r) => {
+    l(r);
+  }, [i, m] = a(void 0), [f, u] = a(!1), h = b(async (r) => {
+    if (r.trim())
+      try {
+        const { data: w } = await y.searchHeader(r);
+        m(w), u(!0);
+      } catch {
+        console.log("Нет результатов");
+      }
+  }, 500), p = (r) => {
+    h(r);
+  };
+  return M(() => {
+    if (e === n.MENU || e === n.SEARCH)
+      return document.body.style.overflow = "hidden", () => {
+        document.body.style.overflow = "auto";
+      };
+  }, [e]), /* @__PURE__ */ H(
+    "div",
+    {
+      className: R(
+        "w-full left-0 right-0 max-w-full overflow-hidden",
+        c
+      ),
+      children: [
+        /* @__PURE__ */ s(
+          S,
+          {
+            render: e,
+            show: t,
+            darkEffect: d,
+            setSearchValue: p
+          }
+        ),
+        /* @__PURE__ */ s(
+          x,
+          {
+            show: t,
+            sectionsData: Array.isArray(o) ? o : [o],
+            className: "top-[56px]",
+            render: e
+          }
+        ),
+        /* @__PURE__ */ s(
+          A,
+          {
+            render: e,
+            show: t,
+            results: i,
+            showResults: f
+          }
+        )
+      ]
+    }
+  );
+};
 export {
-  d as HeaderMobile
+  I as HeaderMobile
 };

package/dist/Header/components/HeaderMobile/index.js

@@ -1,4 +1,4 @@
-import { h as r } from "../../../index-54813771.js";
+import { HeaderMobile as r } from "./HeaderMobile.js";
 export {
   r as HeaderMobile
 };

package/dist/Header/components/HeaderSearch/HeaderSearch.js

@@ -1,13 +1,159 @@
-import "react/jsx-runtime";
-import "react";
-import "../../../search-dd4eb6f8.js";
-import "../../../HtmlContent/HtmlContent.js";
-import { T as s, H as A } from "../../../index-3a534581.js";
-import "../../../useClickOutside-197b0df2.js";
-import "../../../index-2265d593.js";
-import "../../../header-97863d08.js";
-import "../TabsOutlined/TabsOutlined.js";
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { useState as l } from "react";
+import { S as N, C as v } from "../../../search-dd4eb6f8.js";
+import { HtmlContent as y } from "../../../HtmlContent/HtmlContent.js";
+import { c as F, H as _ } from "../../../index.module-c8833286.js";
+import { u as T } from "../../../useClickOutside-197b0df2.js";
+import { I as u } from "../../../index-2265d593.js";
+import { f as A, g as C, a as S } from "../../../header-97863d08.js";
+import { TabsOutlined as I } from "../TabsOutlined/TabsOutlined.js";
+const k = 8, Y = ({ closeSearch: f, onClick: h }) => {
+  const [o, m] = l(8), [r, c] = l(!1), { ref: p } = T(r, () => {
+    c(!1);
+  }), [d, b] = l(), g = F(async (e) => {
+    if (e.trim() !== "")
+      try {
+        const { data: n } = await _.searchHeader(e);
+        b(n), c(!0);
+      } catch {
+        console.log("No results found");
+      }
+  }, 500), w = (e) => {
+    const n = e.target.value;
+    g(n);
+  }, i = d ? A(d) : { arrays: {}, nonArrays: {} }, x = [...C(i)].sort(
+    (e, n) => e.title === "common_words.all" ? -1 : n.title === "common_words.all" ? 1 : 0
+  ), a = S(
+    k,
+    o,
+    i,
+    x
+  );
+  return /* @__PURE__ */ t("div", { className: "w-full max-w-[1200px] mx-auto", children: /* @__PURE__ */ s("div", { className: "relative w-full", children: [
+    /* @__PURE__ */ s("div", { className: "flex items-center gap-2 relative", children: [
+      /* @__PURE__ */ t(
+        "input",
+        {
+          className: `
+            w-full h-[52px] rounded-2xl bg-[#F4F6F7]
+            pl-[44px] pr-[170px] py-[4px] text-[16px] leading-[24px]
+            text-[#0E0F11] transition-all outline-none border-0
+            placeholder:text-[#768793]
+          `,
+          type: "text",
+          placeholder: "Поиск...",
+          onChange: w
+        }
+      ),
+      /* @__PURE__ */ t(
+        "span",
+        {
+          className: `
+            absolute left-[5px] top-1/2 -translate-y-1/2
+            w-9 h-9 flex items-center justify-center cursor-pointer p-[7px]
+          `,
+          children: /* @__PURE__ */ t(
+            u,
+            {
+              src: N,
+              alt: "search icon",
+              width: 18,
+              height: 18
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: `
+            w-9 h-9 flex items-center justify-center cursor-pointer
+            bg-[#EAEFF0] rounded-full p-[10px] border-none
+          `,
+          onClick: f,
+          children: /* @__PURE__ */ t(
+            u,
+            {
+              src: v,
+              alt: "close icon",
+              width: 16,
+              height: 16
+            }
+          )
+        }
+      )
+    ] }),
+    r && (a != null && a.length ? /* @__PURE__ */ s(
+      "div",
+      {
+        ref: p,
+        className: `
+              flex flex-col gap-3 absolute top-[70px] left-0 w-full max-h-[400px]
+              p-[12px_20px_20px_20px] rounded-[20px] bg-white z-[1000]
+              shadow-[0_4px_25px_rgba(0,0,0,0.05)]
+              animate-fadeInDropdown
+            `,
+        children: [
+          /* @__PURE__ */ t(
+            I,
+            {
+              onClick: (e) => m(e),
+              activeTab: o,
+              navigation: x
+            }
+          ),
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: `
+                flex flex-col gap-2 overflow-y-auto
+                scrollbar-thin scrollbar-thumb-black/40 scrollbar-track-transparent
+              `,
+              children: a == null ? void 0 : a.map((e, n) => /* @__PURE__ */ s(
+                "a",
+                {
+                  href: (e == null ? void 0 : e.link) || "#",
+                  className: `
+                    flex flex-col gap-[2px] p-[8px_12px]
+                    hover:bg-[#F4F6F7] rounded-[12px]
+                  `,
+                  onClick: h,
+                  children: [
+                    /* @__PURE__ */ t("span", { className: "text-[#0E0F11] text-[16px] font-medium leading-[24px]", children: e == null ? void 0 : e.title }),
+                    /* @__PURE__ */ t(
+                      y,
+                      {
+                        className: `
+                      text-[#768793] text-[14px] leading-[20px]
+                      font-[tabular-nums] overflow-hidden
+                    `,
+                        data: (e == null ? void 0 : e.body) ?? ""
+                      }
+                    )
+                  ]
+                },
+                n
+              ))
+            }
+          )
+        ]
+      }
+    ) : /* @__PURE__ */ t(
+      "div",
+      {
+        ref: p,
+        className: `
+              absolute top-[70px] left-0 w-full
+              p-[20px] rounded-[20px] bg-white shadow
+              text-[16px] font-medium
+            `,
+        children: "Ничего не найдено"
+      }
+    ))
+  ] }) });
+};
 export {
-  s as TOTAL_QUANTITY,
-  A as default
+  k as TOTAL_QUANTITY,
+  Y as default
 };

package/dist/Header/components/HeaderSearch/index.js

@@ -1,4 +1,4 @@
-import { H as a } from "../../../index-3a534581.js";
+import { default as r } from "./HeaderSearch.js";
 export {
-  a as HeaderSearch
+  r as HeaderSearch
 };

package/dist/Header/components/HeaderTabsMobile/HeaderTabsMobile.js

@@ -1,8 +1,8 @@
 import { jsx as p } from "react/jsx-runtime";
 import { useEffect as g } from "react";
-import { S as x, N as k, a as S, b as y } from "../../../swiper-react-90953710.js";
-import { M as N } from "../../../mousewheel-865ae601.js";
-import { R as v } from "../../../routes-382632ac.js";
+import { b as x, N as k, S, a as y } from "../../../swiper-react-bfbb44d6.js";
+import { M as N } from "../../../mousewheel-2cf27f39.js";
+import { R as v } from "../../../routes-76228734.js";
 import { c as M } from "../../../cn-6a4bf187.js";
 import '../../../assets/swiper.css';/* empty css                        */x.use([k, N]);
 const j = ({ sectionsData: l, setCategoriesData: w }) => {

package/dist/Header/components/HeaderWeb/HeaderWeb.js

@@ -3,15 +3,15 @@ import { useState as l, useMemo as f } from "react";
 import { M as z, G as D } from "../../../logo-99aa20bd.js";
 import { S as W } from "../../../search-dd4eb6f8.js";
 import { a as k } from "../../../cn-6a4bf187.js";
-import { R as h } from "../../../routes-382632ac.js";
+import { R as h } from "../../../routes-76228734.js";
 import { u as E } from "../../../useClickOutside-197b0df2.js";
-import { I as H } from "../../../index-2265d593.js";
+import { I } from "../../../index-2265d593.js";
 import O from "../HeaderMenu/HeaderMenu.js";
 import P from "../HeaderResults/HeaderResults.js";
-import { H as q } from "../../../index-3a534581.js";
-import { HeaderTab as I } from "../HeaderTab/HeaderTab.js";
+import q from "../HeaderSearch/HeaderSearch.js";
+import { HeaderTab as T } from "../HeaderTab/HeaderTab.js";
 import B from "../SelectLanguage/SelectLanguage.js";
-const F = "category", T = "link", se = ({ sections: r, darkTheme: p }) => {
+const F = "category", H = "link", se = ({ sections: r, darkTheme: p }) => {
   const [g, n] = l(null), [d, b] = l(!1), [u, a] = l(!1), [s, x] = l(
     []
   ), [i, m] = l(0), { ref: M } = E(u, () => {
@@ -20,9 +20,9 @@ const F = "category", T = "link", se = ({ sections: r, darkTheme: p }) => {
     window.location.href = e || "/";
   }, w = (e) => {
     const { type: A, id: G, data: _ } = e;
-    A === F && (x(_), a(!0)), A === T && (a(!1), x([])), n(G);
+    A === F && (x(_), a(!0)), A === H && (a(!1), x([])), n(G);
   }, v = (e) => {
-    e === T && n(null);
+    e === H && n(null);
   }, S = () => {
     b(!d), a(!1);
   }, C = () => {
@@ -44,7 +44,7 @@ const F = "category", T = "link", se = ({ sections: r, darkTheme: p }) => {
               href: L ? h.ISLAM : h.MAIN_PAGE,
               className: "flex items-center gap-6 mr-12 cursor-pointer",
               children: /* @__PURE__ */ t(
-                H,
+                I,
                 {
                   src: z,
                   alt: "Logo",
@@ -57,7 +57,7 @@ const F = "category", T = "link", se = ({ sections: r, darkTheme: p }) => {
           /* @__PURE__ */ o("div", { className: "flex items-center justify-between flex-grow", children: [
             /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: R.map(
               (e) => e && /* @__PURE__ */ t(
-                I,
+                T,
                 {
                   item: e,
                   activeTab: g,
@@ -71,7 +71,7 @@ const F = "category", T = "link", se = ({ sections: r, darkTheme: p }) => {
             /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ t("div", { className: "flex items-center gap-2 pr-6 border-r border-gray-300 mr-4", children: j.map(
                 (e) => e && /* @__PURE__ */ t(
-                  I,
+                  T,
                   {
                     item: e,
                     activeTab: g,
@@ -89,7 +89,7 @@ const F = "category", T = "link", se = ({ sections: r, darkTheme: p }) => {
                   onClick: S,
                   className: "flex items-center justify-center w-9 h-9 p-1.5 rounded-full bg-gray-200",
                   children: /* @__PURE__ */ t(
-                    H,
+                    I,
                     {
                       src: W,
                       alt: "search icon",

package/dist/Header/components/SelectLanguage/SelectLanguage.js

@@ -1,6 +1,6 @@
 import { jsxs as v, jsx as p } from "react/jsx-runtime";
 import { useState as d, useEffect as _ } from "react";
-import { L as r } from "../../../languages-list-8419e560.js";
+import { a as r } from "../../../languages-list-87ab3324.js";
 import { u as E } from "../../../useClickOutside-197b0df2.js";
 import { c as l } from "../../../cn-6a4bf187.js";
 const u = "app_language", N = ({ rightPosition: g = !1, className: i }) => {

package/dist/Header/components/TabsOutlined/TabsOutlined.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import { S as p, N as u, a as d, b as c } from "../../../swiper-react-90953710.js";
-import { M as f } from "../../../mousewheel-865ae601.js";
+import { b as p, N as u, S as d, a as c } from "../../../swiper-react-bfbb44d6.js";
+import { M as f } from "../../../mousewheel-2cf27f39.js";
 import { c as i } from "../../../cn-6a4bf187.js";
 p.use([u, f]);
 const w = ({

package/dist/Header/index.js

@@ -1,4 +1,4 @@
-import { H as a } from "../index-54813771.js";
+import { Header as o } from "./Header.js";
 export {
-  a as Header
+  o as Header
 };

package/dist/Header/info.js

@@ -0,0 +1,10 @@
+import { C as e } from "../index-1a32da94.js";
+const t = {
+  title: "Хедер",
+  description: "Верхняя навигационная часть страницы, содержащая логотип, меню, поиск, категории и основные элементы управления сайтом. Хедер отображается на всех страницах и обеспечивает быструю навигацию по сайту.",
+  types: [e.headers],
+  propsToEdit: []
+};
+export {
+  t as headerInfo
+};

package/dist/HeroPossibilityBanner/index.js

@@ -41,5 +41,6 @@ const x = {
 ] });
 f.propsToEdit = d;
 export {
-  f as HeroPossibilityBanner
+  f as HeroPossibilityBanner,
+  d as propsToEdit
 };

package/dist/HeroPossibilityBanner/info.js

@@ -0,0 +1,11 @@
+import { C as o } from "../index-1a32da94.js";
+import { propsToEdit as r } from "./index.js";
+const i = {
+  title: "Герой баннер возможностей",
+  description: "Компонент для отображения баннера с возможностями в виде списка цветных карточек. Используется для представления функций, услуг или возможностей с иконками и описаниями.",
+  types: [o.banners, o.cards],
+  propsToEdit: r
+};
+export {
+  i as heroPossibilityBannerInfo
+};

package/dist/HtmlContent/HtmlContent.js

@@ -9,5 +9,6 @@ const n = ["data", "className"], a = ({ data: t, className: o }) => /* @__PURE__
 );
 a.propsToEdit = n;
 export {
-  a as HtmlContent
+  a as HtmlContent,
+  n as propsToEdit
 };

package/dist/HtmlContent/info.js

@@ -0,0 +1,10 @@
+import { propsToEdit as t } from "./HtmlContent.js";
+const p = {
+  title: "HTML контент",
+  description: "Утилитарный компонент для отображения HTML контента на странице. Используется для вставки произвольного HTML кода с безопасной обработкой.",
+  types: [],
+  propsToEdit: t
+};
+export {
+  p as htmlContentInfo
+};

package/dist/InfoBanner/index.js

@@ -1,7 +1,7 @@
 import { jsxs as b, jsx as t } from "react/jsx-runtime";
 import { c as l, a as x } from "../cn-6a4bf187.js";
 import { FieldTypes as n } from "../Types/FiledTypes.js";
-import { B as m } from "../index-6af94f99.js";
+import { B as m } from "../index-10605794.js";
 import { I as s } from "../index-2265d593.js";
 import { u as p } from "../useScreenSize-c1b64c02.js";
 const c = {
@@ -87,5 +87,6 @@ const c = {
 f.propsToEdit = g;
 export {
   f as InfoBanner,
-  c as InfoBannerFields
+  c as InfoBannerFields,
+  g as propsToEdit
 };

package/dist/InfoBanner/info.js

@@ -0,0 +1,11 @@
+import { C as o } from "../index-1a32da94.js";
+import { propsToEdit as t } from "./index.js";
+const e = {
+  title: "Информационный баннер",
+  description: "Компонент для отображения информационного баннера с заголовком, описанием, изображениями и кнопкой действия. Используется для представления важной информации с визуальным акцентом.",
+  types: [o.banners],
+  propsToEdit: t
+};
+export {
+  e as infoBannerInfo
+};

package/dist/InfoBannerList/InfoBannerList.js

@@ -1,9 +1,51 @@
-import "react/jsx-runtime";
-import "../InfoBanner/index.js";
-import { a as n } from "../index-54813771.js";
-import "../ComponentContainer-cdb2528c.js";
-import "../cn-6a4bf187.js";
-import "../useScreenSize-c1b64c02.js";
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { InfoBanner as x, InfoBannerFields as c } from "../InfoBanner/index.js";
+import { c as l } from "../createBoolean-56064b0d.js";
+import { C as f } from "../ComponentContainer-cdb2528c.js";
+import { c as a } from "../cn-6a4bf187.js";
+import { u as d } from "../useScreenSize-c1b64c02.js";
+const b = {
+  type: "cards",
+  label: "Карточки информации",
+  dataType: "array",
+  data: c
+}, h = l({
+  label: "Светлый вариант",
+  type: "isLight"
+}), g = l({
+  label: "Светлый заголовок",
+  type: "isLightTitle"
+}), L = ["title", b, h, g], T = ({
+  title: o,
+  cards: e,
+  isLight: s,
+  isLightTitle: r
+}) => {
+  const n = d(960);
+  return /* @__PURE__ */ t(f, { children: /* @__PURE__ */ m("div", { className: a("w-full"), children: [
+    o && /* @__PURE__ */ t(
+      "p",
+      {
+        className: a(
+          "text-[44px] font-bold leading-[52px] mb-[48px] text-black text-center max-tablet:text-[26px] max-tablet:leading-[32px] max-tablet:mb-[32px]",
+          { "text-white4": r }
+        ),
+        children: o
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: a("flex flex-col gap-[40px] w-full"), children: e == null ? void 0 : e.map((p, i) => /* @__PURE__ */ t(
+      x,
+      {
+        data: p,
+        isTextLast: n ? !1 : i % 2 === 1,
+        isLight: s
+      },
+      i
+    )) })
+  ] }) });
+};
+T.propsToEdit = L;
 export {
-  n as InfoBannerList
+  T as InfoBannerList,
+  L as propsToEdit
 };

package/dist/InfoBannerList/index.js

@@ -1,4 +1,4 @@
-import { a as o } from "../index-54813771.js";
+import { InfoBannerList as r } from "./InfoBannerList.js";
 export {
-  o as InfoBannerList
+  r as InfoBannerList
 };

package/dist/InfoBannerList/info.js

@@ -0,0 +1,11 @@
+import { C as o } from "../index-1a32da94.js";
+import { propsToEdit as t } from "./InfoBannerList.js";
+const r = {
+  title: "Список информационных баннеров",
+  description: "Компонент для отображения списка информационных баннеров с заголовками, описаниями и визуальными элементами. Используется для представления серии информационных блоков или объявлений.",
+  types: [o.banners, o.lists],
+  propsToEdit: t
+};
+export {
+  r as infoBannerListInfo
+};

package/dist/InstructionList/InstructionList.js

@@ -1,9 +1,33 @@
-import "react/jsx-runtime";
-import "../index-6af94f99.js";
-import "../const-637b0dca.js";
-import "../ComponentContainer-cdb2528c.js";
-import { I as s, j as a } from "../index-54813771.js";
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { B as a } from "../index-10605794.js";
+import { c as i } from "../const-53dff524.js";
+import { C as p } from "../ComponentContainer-cdb2528c.js";
+import { InstructionCardData as m, InstructionCard as l } from "./components/InstructionCard/InstructionCard.js";
+const x = ["title", "cards", i], h = {
+  type: "cards",
+  label: "Карточки",
+  dataType: "array",
+  data: {
+    ...m
+  }
+}, c = ({
+  title: s,
+  cards: e,
+  button: r
+}) => /* @__PURE__ */ n(p, { className: "flex flex-col items-center", children: [
+  s && /* @__PURE__ */ o("p", { className: "text-[44px] leading-[54px] font-bold text-center mb-[48px]", children: s }),
+  /* @__PURE__ */ o("div", { className: "flex flex-row max-tablet:flex-col items-stretch gap-[24px]", children: e == null ? void 0 : e.map((t) => /* @__PURE__ */ o(
+    l,
+    {
+      ...t
+    },
+    t == null ? void 0 : t.id
+  )) }),
+  /* @__PURE__ */ o(a, { ...r })
+] });
+c.propsToEdit = x;
 export {
-  s as InstructionList,
-  a as cards
+  c as InstructionList,
+  h as cards,
+  x as propsToEdit
 };