md-components-mdigial-azamat 0.0.109 → 0.0.113

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

@@ -1,150 +1,170 @@
 import { jsxs as s, jsx as a } from "react/jsx-runtime";
 import { useState as l, useMemo as f } from "react";
-import { M as E, G as O } from "../../../logo-99aa20bd.js";
-import { S as P } from "../../../search-dd4eb6f8.js";
-import { a as L } from "../../../cn-6a4bf187.js";
-import { R as g } from "../../../routes-76228734.js";
-import { u as q } from "../../../useClickOutside-197b0df2.js";
-import { I as T } from "../../../index-9384c6d6.js";
-import B from "../HeaderMenu/HeaderMenu.js";
-import F from "../HeaderResults/HeaderResults.js";
-import J from "../HeaderSearch/HeaderSearch.js";
-import { HeaderTab as C } from "../HeaderTab/HeaderTab.js";
-import K from "../SelectLanguage/SelectLanguage.js";
-const Q = "category", H = "link", le = ({ sections: r, darkTheme: b, app_setting: u }) => {
-  var k;
-  const [p, n] = l(null), [d, x] = l(!1), [m, t] = l(!1), [o, y] = l(
+import { M as P, G as q } from "../../../logo-99aa20bd.js";
+import { S as B } from "../../../search-dd4eb6f8.js";
+import { a as b } from "../../../cn-6a4bf187.js";
+import { R as w } from "../../../routes-76228734.js";
+import { u as F } from "../../../useClickOutside-197b0df2.js";
+import { I as H } from "../../../index-9384c6d6.js";
+import J from "../HeaderMenu/HeaderMenu.js";
+import K from "../HeaderResults/HeaderResults.js";
+import Q from "../HeaderSearch/HeaderSearch.js";
+import { HeaderTab as M } from "../HeaderTab/HeaderTab.js";
+import U from "../SelectLanguage/SelectLanguage.js";
+const V = "category", R = "link", ce = ({
+  sections: r,
+  darkTheme: x,
+  app_setting: u,
+  is_floating: d,
+  is_dark_glass: m
+}) => {
+  var T;
+  const [y, n] = l(null), [h, v] = l(!1), [g, t] = l(!1), [o, S] = l(
     []
-  ), [c, h] = l(0), { ref: M } = q(m, () => {
-    t(!1), n(null), h(0);
-  }), w = (e) => {
+  ), [c, p] = l(0), { ref: j } = F(g, () => {
+    t(!1), n(null), p(0);
+  }), N = (e) => {
     window.location.href = e || "/";
-  }, v = (e) => {
-    const { type: I, id: D, data: W } = e;
-    I === Q && (y(W), t(!0)), I === H && (t(!1), y([])), n(D);
-  }, S = (e) => {
-    e === H && n(null);
-  }, N = () => {
-    x(!d), t(!1);
-  }, R = () => {
-    h(0), t(!1), n(null);
-  }, A = f(() => o.find((e) => e.id === c), [c, o]), j = window.location.pathname.startsWith(g.ISLAM), i = f(() => Array.isArray(r) ? r : r ? [r] : [], [r]), G = f(() => i.filter((e) => !e.is_left), [i]), z = f(() => i.filter((e) => e.is_left), [i]);
+  }, A = (e) => {
+    const { type: C, id: E, data: O } = e;
+    C === V && (S(O), t(!0)), C === R && (t(!1), S([])), n(E);
+  }, k = (e) => {
+    e === R && n(null);
+  }, I = () => {
+    v(!h), t(!1);
+  }, G = () => {
+    p(0), t(!1), n(null);
+  }, L = f(() => o.find((e) => e.id === c), [c, o]), D = typeof window < "u" ? window.location.pathname.startsWith(w.ISLAM) : !1, i = f(() => Array.isArray(r) ? r : r ? [r] : [], [r]), z = f(() => i.filter((e) => !e.is_left), [i]), W = f(() => i.filter((e) => e.is_left), [i]);
   return /* @__PURE__ */ s(
     "header",
     {
-      className: L(
-        "relative w-full container bg-white",
-        b && "bg-gray-900 text-white transition-all duration-500",
-        m && b && "bg-white text-gray-700"
+      className: b(
+        "relative w-full bg-white",
+        !d && "container",
+        d && "rounded-full px-8",
+        x && "bg-gray-900 text-white transition-all duration-500",
+        g && x && "bg-white text-gray-700",
+        m && "!bg-transparent"
       ),
       children: [
-        !d && /* @__PURE__ */ s("div", { className: "flex items-center h-13 px-6 lg:px-0 max-w-[1200px] mx-auto", children: [
-          /* @__PURE__ */ a(
-            "a",
-            {
-              href: j ? g.ISLAM : g.MAIN_PAGE,
-              className: "flex items-center gap-6 mr-12 cursor-pointer",
-              children: /* @__PURE__ */ a(
-                T,
-                {
-                  src: E,
-                  alt: "Logo",
-                  width: 120,
-                  height: 34
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ s("div", { className: "flex items-center justify-between flex-grow", children: [
-            /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: G.map(
-              (e) => e && /* @__PURE__ */ a(
-                C,
-                {
-                  item: e,
-                  activeTab: p,
-                  onTabClick: w,
-                  onTabHover: v,
-                  onTabLeave: S
-                },
-                e == null ? void 0 : e.id
-              )
-            ) }),
-            /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ a("div", { className: "flex items-center gap-2 pr-6 border-r border-gray-300 mr-4", children: z.map(
-                (e) => e && /* @__PURE__ */ a(
-                  C,
-                  {
-                    item: e,
-                    activeTab: p,
-                    onTabClick: w,
-                    onTabHover: v,
-                    onTabLeave: S
-                  },
-                  e == null ? void 0 : e.id
-                )
-              ) }),
-              /* @__PURE__ */ a(
-                K,
-                {
-                  onChangeLanguage: (k = u == null ? void 0 : u.locale) == null ? void 0 : k.changeLanguage
-                }
-              ),
+        !h && /* @__PURE__ */ s(
+          "div",
+          {
+            className: b(
+              "flex items-center px-6 lg:px-0 mx-auto w-full",
+              !d && "h-13 max-w-[1200px]"
+            ),
+            children: [
               /* @__PURE__ */ a(
-                "button",
+                "a",
                 {
-                  onClick: N,
-                  className: "flex items-center justify-center w-9 h-9 p-1.5 rounded-full bg-gray-200",
+                  href: D ? w.ISLAM : w.MAIN_PAGE,
+                  className: "flex items-center gap-6 mr-12 cursor-pointer",
                   children: /* @__PURE__ */ a(
-                    T,
+                    H,
                     {
                       src: P,
-                      alt: "search icon",
-                      width: 18,
-                      height: 18
+                      alt: "Logo",
+                      width: 120,
+                      height: 34
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ a(
-                "button",
-                {
-                  "aria-label": "Открыть режим для слабовидящих",
-                  className: "flex items-center justify-center w-9 h-9 p-1.5 rounded-full bg-gray-200",
-                  children: /* @__PURE__ */ a(O, { size: 16 })
-                }
-              )
-            ] })
-          ] })
-        ] }),
-        d && /* @__PURE__ */ a(
-          J,
+              /* @__PURE__ */ s("div", { className: "flex items-center justify-between flex-grow", children: [
+                /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: z.map(
+                  (e) => e && /* @__PURE__ */ a(
+                    M,
+                    {
+                      item: e,
+                      activeTab: y,
+                      isDarkGlass: m,
+                      onTabClick: N,
+                      onTabHover: A,
+                      onTabLeave: k
+                    },
+                    e == null ? void 0 : e.id
+                  )
+                ) }),
+                /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ a("div", { className: "flex items-center gap-2 pr-6 border-r border-gray-300 mr-4", children: W.map(
+                    (e) => e && /* @__PURE__ */ a(
+                      M,
+                      {
+                        item: e,
+                        activeTab: y,
+                        isDarkGlass: m,
+                        onTabClick: N,
+                        onTabHover: A,
+                        onTabLeave: k
+                      },
+                      e == null ? void 0 : e.id
+                    )
+                  ) }),
+                  /* @__PURE__ */ a(
+                    U,
+                    {
+                      onChangeLanguage: (T = u == null ? void 0 : u.locale) == null ? void 0 : T.changeLanguage
+                    }
+                  ),
+                  /* @__PURE__ */ a(
+                    "button",
+                    {
+                      onClick: I,
+                      className: "flex items-center justify-center w-9 h-9 p-1.5 rounded-full bg-gray-200",
+                      children: /* @__PURE__ */ a(
+                        H,
+                        {
+                          src: B,
+                          alt: "search icon",
+                          width: 18,
+                          height: 18
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ a(
+                    "button",
+                    {
+                      "aria-label": "Открыть режим для слабовидящих",
+                      className: "flex items-center justify-center w-9 h-9 p-1.5 rounded-full bg-gray-200",
+                      children: /* @__PURE__ */ a(q, { size: 16 })
+                    }
+                  )
+                ] })
+              ] })
+            ]
+          }
+        ),
+        h && /* @__PURE__ */ a(
+          Q,
           {
-            closeSearch: N,
-            onClick: () => x(!1)
+            closeSearch: I,
+            onClick: () => v(!1)
           }
         ),
         /* @__PURE__ */ s(
           "div",
           {
-            className: L(
+            className: b(
               "flex bg-white rounded-2xl backdrop-blur-md w-full shadow-lg absolute top-[59px] left-0 z-50 transition-all duration-300 ease-out",
-              m ? "opacity-100 translate-y-0 pointer-events-auto visible" : "opacity-0 -translate-y-5 pointer-events-none invisible"
+              g ? "opacity-100 translate-y-0 pointer-events-auto visible" : "opacity-0 -translate-y-5 pointer-events-none invisible"
             ),
-            ref: M,
+            ref: j,
             children: [
               /* @__PURE__ */ a(
-                B,
+                J,
                 {
                   categories: o,
-                  activeSubcategory: h,
+                  activeSubcategory: p,
                   openResult: t
                 }
               ),
-              A || o[c] ? /* @__PURE__ */ a(
-                F,
+              L || o[c] ? /* @__PURE__ */ a(
+                K,
                 {
-                  data: A || o[c],
-                  onClick: R
+                  data: L || o[c],
+                  onClick: G
                 }
               ) : null
             ]
@@ -155,5 +175,5 @@ const Q = "category", H = "link", le = ({ sections: r, darkTheme: b, app_setting
   );
 };
 export {
-  le as default
+  ce as default
 };

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

@@ -1,14 +1,15 @@
 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 { S as p, a as u, b as d } from "../../../swiper-react-3c2710e8.js";
+import { M as c } from "../../../mousewheel-afbc6d42.js";
+import { N as f } from "../../../navigation-266856e7.js";
 import { c as i } from "../../../cn-6a4bf187.js";
-p.use([u, f]);
-const w = ({
+p.use([f, c]);
+const N = ({
   navigation: r,
   onClick: l,
   activeTab: n
 }) => !r || (r == null ? void 0 : r.length) === 0 ? null : /* @__PURE__ */ t("div", { className: "relative border-b border-[#CAD1D7]", children: /* @__PURE__ */ t(
-  d,
+  u,
   {
     spaceBetween: 0,
     slidesPerView: "auto",
@@ -18,7 +19,7 @@ const w = ({
         return null;
       const o = n === e.id;
       return /* @__PURE__ */ t(
-        c,
+        d,
         {
           className: "!w-auto",
           children: /* @__PURE__ */ a("div", { className: "mr-6 pb-2 flex items-center gap-2", children: [
@@ -46,5 +47,5 @@ const w = ({
   }
 ) });
 export {
-  w as TabsOutlined
+  N as TabsOutlined
 };

package/dist/HeroIconsBanner/HeroIconsBanner.js

@@ -1,61 +1,78 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { ButtonsList as s } from "../ButtonsList/ButtonsList.js";
+import { ButtonsList as m } from "../ButtonsList/ButtonsList.js";
 import { IconList as i } from "../IconList/IconList.js";
-import { C as m } from "../ComponentContainer-dca711c6.js";
-import { I as c } from "../index-9384c6d6.js";
-import { propsToEdit as x } from "./schema.js";
-const f = ({
+import { C as c } from "../ComponentContainer-dca711c6.js";
+import { F as o } from "../Flex-86aee720.js";
+import { I as x } from "../index-9384c6d6.js";
+import { propsToEdit as p } from "./schema.js";
+const b = ({
   title: l,
   description: a,
   background_image: r,
-  buttons: o,
-  icon_list: n
-}) => /* @__PURE__ */ t("section", { className: "relative w-full min-h-screen flex flex-col overflow-hidden", children: [
-  /* @__PURE__ */ t("div", { className: "absolute inset-0 z-0", children: [
-    r && /* @__PURE__ */ e(
-      c,
-      {
-        src: r,
-        alt: "background",
-        className: "w-full h-full",
-        imageStyles: "w-full h-full object-cover object-center"
-      }
-    ),
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: "absolute inset-0",
-        style: {
-          background: "linear-gradient(180deg, rgba(0, 0, 0, 0.20) 21.48%, rgba(0, 0, 0, 0.00) 80.74%)"
-        }
-      }
-    )
-  ] }),
-  /* @__PURE__ */ t(m, { className: "relative z-10 flex-grow flex flex-col justify-between pb-8 pt-28 h-full", children: [
-    /* @__PURE__ */ t("div", { className: "flex flex-col items-center text-center mx-auto animate-fade-in-up", children: [
-      l && /* @__PURE__ */ e(
-        "h3",
-        {
-          className: `text-white font-bold mb-6 text-center
-              text-[62px] max-tablet:text-4xl`,
-          children: l
-        }
-      ),
-      a && /* @__PURE__ */ e(
-        "p",
-        {
-          className: `text-[#F0FDF4] text-center font-normal mb-8 w-3/4
-              text-lg leading-relaxed
-              max-tablet:text-base max-tablet:w-full`,
-          children: a
-        }
-      ),
-      /* @__PURE__ */ e(s, { buttons: o })
-    ] }),
-    /* @__PURE__ */ e(i, { items: n })
-  ] })
-] });
-f.propsToEdit = x;
+  buttons: n,
+  icon_list: s
+}) => /* @__PURE__ */ t(
+  o,
+  {
+    component: "section",
+    vertical: !0,
+    className: "relative w-full min-h-screen overflow-hidden",
+    children: [
+      /* @__PURE__ */ t("div", { className: "absolute inset-0 z-0", children: [
+        r && /* @__PURE__ */ e(
+          x,
+          {
+            src: r,
+            alt: "background",
+            className: "w-full h-full",
+            imageStyles: "w-full h-full object-cover object-center"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "absolute inset-0",
+            style: {
+              background: "linear-gradient(180deg, rgba(0, 0, 0, 0.20) 21.48%, rgba(0, 0, 0, 0.00) 80.74%)"
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t(c, { className: "relative z-10 flex-grow flex flex-col justify-between pb-[65px] max-tablet:pb-10 pt-[116px] h-full", children: [
+        /* @__PURE__ */ t(
+          o,
+          {
+            vertical: !0,
+            align: "center",
+            justify: "center",
+            className: "w-full pt-[100px] pb-[60px] max-tablet:py-[40px]",
+            children: [
+              l && /* @__PURE__ */ e(
+                "h3",
+                {
+                  className: `text-white font-bold text-center
+              text-[62px] leading-[52px] max-tablet:text-[32px] max-tablet:leading-10 mb-6 max-tablet:mb-4`,
+                  children: l
+                }
+              ),
+              a && /* @__PURE__ */ e(
+                "p",
+                {
+                  className: `text-[#F0FDF4] text-center font-normal mb-8 max-tablet:mb-6
+              text-lg leading-[26px] max-tablet:text-base`,
+                  children: a
+                }
+              ),
+              /* @__PURE__ */ e(m, { buttons: n })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(i, { items: s })
+      ] })
+    ]
+  }
+);
+b.propsToEdit = p;
 export {
-  f as HeroIconsBanner
+  b as HeroIconsBanner
 };

package/dist/IconList/IconList.js

@@ -1,39 +1,65 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { actionsGenerator as o } from "../Actions/actionsGenerator.js";
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import { actionsGenerator as s } from "../Actions/actionsGenerator.js";
 import "../Actions/projectActions.js";
 import "../Actions/types.js";
-import { I as i } from "../index-9384c6d6.js";
-const x = ({ items: r }) => !r || r.length === 0 ? null : /* @__PURE__ */ e("div", { className: "w-full flex justify-center", children: /* @__PURE__ */ e(
-  "div",
-  {
-    className: `relative w-full max-w-[1248px] bg-[#A8A8A866]/40 backdrop-blur-[30%] rounded-[32px] py-4 px-6
-          flex flex-wrap items-center justify-between gap-4
-          max-tablet:p-4 max-tablet:justify-center max-tablet:gap-3`,
-    children: r.map((t, l) => {
-      const n = o(t.action);
-      return /* @__PURE__ */ a(
-        "div",
+import { u as p } from "../useDraggableScroll-440da9b7.js";
+import { F as e } from "../Flex-86aee720.js";
+import { I as x } from "../index-9384c6d6.js";
+import { c as m } from "../cn-6a4bf187.js";
+const j = ({ items: r }) => {
+  const { ref: l, events: o } = p();
+  return !r || r.length === 0 ? null : /* @__PURE__ */ a(
+    e,
+    {
+      justify: "center",
+      className: "w-full",
+      children: /* @__PURE__ */ a(
+        e,
         {
-          onClick: n.onClick,
-          className: "group flex flex-col items-start justify-center min-w-[100px] flex-1 cursor-pointer transition-transform duration-300 hover:-translate-y-1 px-4 py-3",
-          children: [
-            t.icon && /* @__PURE__ */ e("div", { className: "w-12 h-12 mb-3 flex items-center justify-center transition-transform duration-300 group-hover:scale-105", children: /* @__PURE__ */ e(
-              i,
+          ref: l,
+          ...o,
+          align: "center",
+          justify: "evenly",
+          className: m(
+            "w-fit max-w-[1040px] bg-[#A8A8A866]/40 backdrop-blur-[15px] rounded-3xl py-4 px-6 max-tablet:gap-3 gap-4 max-tablet:py-[2px] max-tablet:px-0",
+            "overflow-x-auto no-scrollbar active:cursor-grabbing"
+          ),
+          children: r.map((t, n) => {
+            const c = s(t.action);
+            return /* @__PURE__ */ i(
+              e,
               {
-                src: t.icon,
-                alt: t.title,
-                className: "w-full h-full",
-                imageStyles: "w-full h-full object-contain filter drop-shadow"
-              }
-            ) }),
-            t.title && /* @__PURE__ */ e("span", { className: "text-white text-lg font-bold text-center leading-none", children: t.title })
-          ]
-        },
-        l
-      );
-    })
-  }
-) });
+                vertical: !0,
+                justify: "center",
+                onClick: c.onClick,
+                className: "gap-3 max-tablet:gap-2 w-[152px] cursor-pointer hover:bg-white/10 rounded-2xl transition-colors duration-300 px-4 pt-3 pb-4 max-tablet:w-[84px] max-tablet:pb-3",
+                children: [
+                  t.icon && /* @__PURE__ */ a(
+                    e,
+                    {
+                      align: "center",
+                      justify: "center",
+                      children: /* @__PURE__ */ a(
+                        x,
+                        {
+                          src: t.icon,
+                          alt: t.title,
+                          className: "size-[48px] max-tablet:size-[32px]"
+                        }
+                      )
+                    }
+                  ),
+                  t.title && /* @__PURE__ */ a("span", { className: "text-white text-lg leading-[17px] font-bold max-tablet:text-[14px]", children: t.title })
+                ]
+              },
+              n
+            );
+          })
+        }
+      )
+    }
+  );
+};
 export {
-  x as IconList
+  j as IconList
 };

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
+};