md-components-mdigial-azamat 0.0.89 → 0.0.92

package/dist/{index-5aaa0755.js → index-497f59a8.js}

@@ -1,59 +1,59 @@
-import { jsx as o, jsxs as u } from "react/jsx-runtime";
+import { jsx as t, jsxs as u } from "react/jsx-runtime";
 import { useState as h, useEffect as c, useCallback as b } from "react";
 import { c as y } from "./cn-6a4bf187.js";
 import { createPortal as g } from "react-dom";
-const w = ({ children: n, element: r = document.body }) => g(n, r), v = (n) => {
-  const { className: r, children: l, isOpen: e, onClose: t, lazy: m } = n, [p, x] = h(!1);
+const v = ({ children: n, element: r = document.body }) => g(n, r), w = (n) => {
+  const { className: r, children: a, isOpen: e, onClose: o, lazy: p } = n, [m, x] = h(!1);
   c(() => {
     e && x(!0);
   }, [e]), c(() => (e ? (document.body.style.overflow = "hidden", document.body.style.paddingRight = "var(--scrollbar-width, 0px)") : (document.body.style.overflow = "", document.body.style.paddingRight = ""), () => {
     document.body.style.overflow = "", document.body.style.paddingRight = "";
   }), [e]);
-  const a = b(
+  const l = b(
     (i) => {
-      i.key === "Escape" && (t == null || t());
+      i.key === "Escape" && (o == null || o());
     },
-    [t]
+    [o]
   );
   c(() => {
     if (e) {
-      window.addEventListener("keydown", a);
+      window.addEventListener("keydown", l);
       const i = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])', s = document.querySelector('[role="dialog"]'), d = s == null ? void 0 : s.querySelectorAll(
         i
       )[0];
       d == null || d.focus();
     }
     return () => {
-      window.removeEventListener("keydown", a);
+      window.removeEventListener("keydown", l);
     };
-  }, [e, a]);
+  }, [e, l]);
   const f = (i) => {
     i.stopPropagation();
   };
-  return m && !p ? null : /* @__PURE__ */ o(w, { children: /* @__PURE__ */ o(
+  return p && !m ? null : /* @__PURE__ */ t(v, { children: /* @__PURE__ */ t(
     "div",
     {
       className: y(
-        "fixed inset-0 z-[9999] flex items-center justify-center bg-black/60 transition-all duration-300",
+        "fixed inset-0 z-[100000000] flex items-center justify-center bg-black/60 transition-all duration-300",
         e ? "opacity-100 pointer-events-auto" : "opacity-0 pointer-events-none",
         r
       ),
-      onClick: t,
+      onClick: o,
       role: "dialog",
       "aria-modal": "true",
       children: /* @__PURE__ */ u(
         "div",
         {
           className: y(
-            "relative bg-white p-6 rounded-[24px] shadow-2xl max-w-[95%] sm:max-w-[500px] w-full max-h-[90vh] overflow-y-auto transform transition-all duration-300",
+            "relative bg-[#F4F6F7] p-8 rounded-[24px] shadow-2xl max-w-[1200px] w-[100%]   max-h-[90vh] overflow-y-auto transform transition-all duration-300",
             e ? "scale-100 opacity-100" : "scale-95 opacity-0"
           ),
           onClick: f,
           children: [
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ t(
               "button",
               {
-                onClick: t,
+                onClick: o,
                 className: "absolute top-4 right-4 p-2 rounded-full hover:bg-gray-100 transition-colors text-gray-500",
                 "aria-label": "Close",
                 children: /* @__PURE__ */ u(
@@ -68,7 +68,7 @@ const w = ({ children: n, element: r = document.body }) => g(n, r), v = (n) => {
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
                     children: [
-                      /* @__PURE__ */ o(
+                      /* @__PURE__ */ t(
                         "line",
                         {
                           x1: "18",
@@ -77,7 +77,7 @@ const w = ({ children: n, element: r = document.body }) => g(n, r), v = (n) => {
                           y2: "18"
                         }
                       ),
-                      /* @__PURE__ */ o(
+                      /* @__PURE__ */ t(
                         "line",
                         {
                           x1: "6",
@@ -91,7 +91,7 @@ const w = ({ children: n, element: r = document.body }) => g(n, r), v = (n) => {
                 )
               }
             ),
-            /* @__PURE__ */ o("div", { className: "mt-2 text-[#0e0f11]", children: l })
+            /* @__PURE__ */ t("div", { className: "mt-2 text-[#0e0f11]", children: a })
           ]
         }
       )
@@ -100,22 +100,23 @@ const w = ({ children: n, element: r = document.body }) => g(n, r), v = (n) => {
 }, j = ({
   components: n = [],
   title: r,
-  description: l,
+  description: a,
   isOpen: e,
-  onClose: t
+  onClose: o
 }) => /* @__PURE__ */ u(
-  v,
+  w,
   {
     isOpen: e,
-    onClose: t,
+    onClose: o,
     children: [
-      /* @__PURE__ */ o("h2", { className: "text-[44px] leading-[52px] font-bold mb-[24px] text-center", children: r }),
-      /* @__PURE__ */ o("p", { className: "text-[18px] leading-[26px] text-graySoft text-center", children: l }),
+      /* @__PURE__ */ t("div", { className: "bg-white", children: "123" }),
+      /* @__PURE__ */ t("h2", { className: "text-[44px] leading-[52px] font-bold mb-[24px] text-center", children: r }),
+      /* @__PURE__ */ t("p", { className: "text-[18px] leading-[26px] text-graySoft text-center", children: a }),
       n
     ]
   }
 );
 export {
-  v as M,
+  w as M,
   j as a
 };

package/dist/main.js

@@ -43,7 +43,7 @@ import { FieldTypes as Ko } from "./Types/FiledTypes.js";
 import { B as Qo } from "./const-53dff524.js";
 import { Space as Uo } from "./Space/Space.js";
 import { FileBannerSecondary as Yo } from "./DownloadFile/components/FileBannerSecondary/FileBannerSecondary.js";
-import { M as $o, a as or } from "./index-5aaa0755.js";
+import { M as $o, a as or } from "./index-497f59a8.js";
 import { useState as f, useCallback as r } from "react";
 import { S as er } from "./size-b1291031.js";
 import { TitleBlock as ar } from "./TitleBlock/TitleBlock.js";

package/package.json

@@ -2,7 +2,7 @@
   "name": "md-components-mdigial-azamat",
   "author": "Azamat Raimbekov",
   "private": false,
-  "version": "0.0.89",
+  "version": "0.0.92",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",