md-components-mdigial-azamat 0.0.112 → 0.0.113

package/dist/Header/components/HeaderTab/HeaderTab.js

@@ -1,31 +1,33 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c as u } from "../../../cn-6a4bf187.js";
-const f = ({
+import { jsx as u } from "react/jsx-runtime";
+import { c as y } from "../../../cn-6a4bf187.js";
+const g = ({
   item: n,
-  activeTab: p,
-  onTabClick: r,
-  onTabHover: a,
+  activeTab: a,
+  onTabClick: o,
+  onTabHover: p,
   onTabLeave: d,
+  isDarkGlass: x,
   className: l
 }) => {
   if (!n)
     return null;
-  const x = (o) => {
-    (o.key === "Enter" || o.key === " ") && (o.preventDefault(), r((n == null ? void 0 : n.link) || ""));
+  const s = (r) => {
+    (r.key === "Enter" || r.key === " ") && (r.preventDefault(), o((n == null ? void 0 : n.link) || ""));
   };
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ u(
     "div",
     {
-      className: u(
+      className: y(
         "text-graySoft font-inter text-[15px] font-medium leading-[22px] cursor-pointer px-[14px] py-[8px]",
-        (n == null ? void 0 : n.id) === p && "bg-gray-100 rounded-[10px]",
+        (n == null ? void 0 : n.id) === a && "bg-gray-100 rounded-[10px]",
+        x && "text-white bg-transparent",
         l
       ),
       role: "button",
       tabIndex: 0,
-      onClick: () => r((n == null ? void 0 : n.link) || ""),
-      onKeyDown: x,
-      onMouseEnter: () => a({
+      onClick: () => o((n == null ? void 0 : n.link) || ""),
+      onKeyDown: s,
+      onMouseEnter: () => p({
         id: (n == null ? void 0 : n.id) || 0,
         type: (n == null ? void 0 : n.type) || "",
         data: (n == null ? void 0 : n.categories) || []
@@ -36,5 +38,5 @@ const f = ({
   );
 };
 export {
-  f as HeaderTab
+  g as HeaderTab
 };

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

@@ -1,11 +1,12 @@
 import { jsx as p } from "react/jsx-runtime";
 import { useEffect as g } from "react";
-import { S as x, N as k, a as y, b as S } from "../../../swiper-react-90953710.js";
-import { M as N } from "../../../mousewheel-865ae601.js";
+import { S as x, a as k, b as y } from "../../../swiper-react-3c2710e8.js";
+import { M as S } from "../../../mousewheel-afbc6d42.js";
+import { N } from "../../../navigation-266856e7.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 T = ({ sectionsData: l, setCategoriesData: w }) => {
+import '../../../assets/swiper.css';/* empty css                        */x.use([N, S]);
+const j = ({ sectionsData: l, setCategoriesData: w }) => {
   g(() => {
     var r;
     (l == null ? void 0 : l.length) > 0 && l[0] && w(((r = l[0]) == null ? void 0 : r.categories) || []);
@@ -36,13 +37,13 @@ const T = ({ sectionsData: l, setCategoriesData: w }) => {
     );
   };
   return /* @__PURE__ */ p("div", { className: "py-2 mb-3 [&_.swiper-slide]:w-auto", children: /* @__PURE__ */ p(
-    y,
+    k,
     {
       spaceBetween: 8,
       slidesPerView: "auto",
       mousewheel: !0,
       children: l == null ? void 0 : l.map((r, o) => r && /* @__PURE__ */ p(
-        S,
+        y,
         {
           className: c(r, o),
           onClick: () => h((r == null ? void 0 : r.id) || 0, r == null ? void 0 : r.link, (r == null ? void 0 : r.categories) || []),
@@ -54,5 +55,5 @@ const T = ({ sectionsData: l, setCategoriesData: w }) => {
   ) });
 };
 export {
-  T as default
+  j as default
 };

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: p, app_setting: d }) => {
-  var k;
-  const [b, n] = l(null), [u, w] = 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);
-  }), x = (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 = () => {
-    w(!u), t(!1);
-  }, R = () => {
-    h(0), t(!1), n(null);
-  }, A = f(() => o.find((e) => e.id === c), [c, o]), j = typeof window < "u" ? window.location.pathname.startsWith(g.ISLAM) : !1, 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",
-        p && "bg-gray-900 text-white transition-all duration-500",
-        m && p && "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: [
-        !u && /* @__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: b,
-                  onTabClick: x,
-                  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: b,
-                    onTabClick: x,
-                    onTabHover: v,
-                    onTabLeave: S
-                  },
-                  e == null ? void 0 : e.id
-                )
-              ) }),
-              /* @__PURE__ */ a(
-                K,
-                {
-                  onChangeLanguage: (k = d == null ? void 0 : d.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 })
-                }
-              )
-            ] })
-          ] })
-        ] }),
-        u && /* @__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: () => w(!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: p, 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,28 +1,28 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { ButtonsList as i } from "../ButtonsList/ButtonsList.js";
-import { IconList as c } from "../IconList/IconList.js";
-import { C as m } from "../ComponentContainer-dca711c6.js";
-import { F as n } from "../Flex-86aee720.js";
-import { I as f } from "../index-9384c6d6.js";
+import { ButtonsList as m } from "../ButtonsList/ButtonsList.js";
+import { IconList as i } from "../IconList/IconList.js";
+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 x = ({
+const b = ({
   title: l,
-  description: r,
-  background_image: o,
-  buttons: a,
+  description: a,
+  background_image: r,
+  buttons: n,
   icon_list: s
 }) => /* @__PURE__ */ t(
-  n,
+  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: [
-        o && /* @__PURE__ */ e(
-          f,
+        r && /* @__PURE__ */ e(
+          x,
           {
-            src: o,
+            src: r,
             alt: "background",
             className: "w-full h-full",
             imageStyles: "w-full h-full object-cover object-center"
@@ -38,41 +38,41 @@ const x = ({
           }
         )
       ] }),
-      /* @__PURE__ */ t(m, { className: "relative z-10 flex-grow flex flex-col justify-between pb-8 pt-[110px] h-full", children: [
+      /* @__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(
-          n,
+          o,
           {
             vertical: !0,
             align: "center",
             justify: "center",
-            className: "w-full py-[60px]",
+            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-4xl mb-6`,
+              text-[62px] leading-[52px] max-tablet:text-[32px] max-tablet:leading-10 mb-6 max-tablet:mb-4`,
                   children: l
                 }
               ),
-              r && /* @__PURE__ */ e(
+              a && /* @__PURE__ */ e(
                 "p",
                 {
-                  className: `text-[#F0FDF4] text-center font-normal mb-8
-              text-lg leading-[26px]`,
-                  children: r
+                  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(i, { buttons: a })
+              /* @__PURE__ */ e(m, { buttons: n })
             ]
           }
         ),
-        /* @__PURE__ */ e(c, { items: s })
+        /* @__PURE__ */ e(i, { items: s })
       ] })
     ]
   }
 );
-x.propsToEdit = p;
+b.propsToEdit = p;
 export {
-  x as HeroIconsBanner
+  b as HeroIconsBanner
 };

package/dist/IconList/IconList.js

@@ -1,59 +1,65 @@
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { actionsGenerator as i } 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 { u as p } from "../useDraggableScroll-440da9b7.js";
 import { F as e } from "../Flex-86aee720.js";
-import { I as s } from "../index-9384c6d6.js";
-const d = ({ items: n }) => !n || n.length === 0 ? null : /* @__PURE__ */ t(
-  e,
-  {
-    justify: "center",
-    className: "w-full",
-    children: /* @__PURE__ */ t(
-      e,
-      {
-        wrap: !0,
-        align: "center",
-        justify: "evenly",
-        className: "relative w-full max-w-[1040px] bg-[#A8A8A866]/40 backdrop-blur-[5px] rounded-3xl py-4 max-mobile:p-2 px-6 max-mobile:gap-2 gap-4",
-        children: n.map((r, a) => {
-          const o = i(r.action);
-          return /* @__PURE__ */ l(
-            e,
-            {
-              vertical: !0,
-              justify: "center",
-              gap: 12,
-              onClick: o.onClick,
-              className: "group w-[152px] cursor-pointer transition-transform duration-300 hover:-translate-y-1 px-4 pt-3 pb-4",
-              children: [
-                r.icon && /* @__PURE__ */ t(
-                  e,
-                  {
-                    align: "center",
-                    justify: "center",
-                    className: "transition-transform duration-300 group-hover:scale-105",
-                    children: /* @__PURE__ */ t(
-                      s,
-                      {
-                        src: r.icon,
-                        alt: r.title,
-                        width: 48,
-                        height: 48
-                      }
-                    )
-                  }
-                ),
-                r.title && /* @__PURE__ */ t("span", { className: "text-white text-lg leading-[17px] font-bold", children: r.title })
-              ]
-            },
-            a
-          );
-        })
-      }
-    )
-  }
-);
+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,
+        {
+          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,
+              {
+                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 {
-  d as IconList
+  j as IconList
 };