md-components-mdigial-azamat 0.0.91 → 0.0.92

package/dist/ModalBody/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { a as p } from "../index-51282dc9.js";
+import { a as p } from "../index-497f59a8.js";
 import "react";
 export {
   p as ModalBody

package/dist/{index-51282dc9.js → index-497f59a8.js}

@@ -1,19 +1,19 @@
-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 v = ({ children: n, element: r = document.body }) => g(n, r), w = (n) => {
-  const { className: r, children: a, isOpen: e, onClose: t, lazy: p } = n, [x, m] = h(!1);
+  const { className: r, children: a, isOpen: e, onClose: o, lazy: p } = n, [m, x] = h(!1);
   c(() => {
-    e && m(!0);
+    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 l = b(
     (i) => {
-      i.key === "Escape" && (t == null || t());
+      i.key === "Escape" && (o == null || o());
     },
-    [t]
+    [o]
   );
   c(() => {
     if (e) {
@@ -30,7 +30,7 @@ const v = ({ children: n, element: r = document.body }) => g(n, r), w = (n) => {
   const f = (i) => {
     i.stopPropagation();
   };
-  return p && !x ? null : /* @__PURE__ */ o(v, { children: /* @__PURE__ */ o(
+  return p && !m ? null : /* @__PURE__ */ t(v, { children: /* @__PURE__ */ t(
     "div",
     {
       className: y(
@@ -38,22 +38,22 @@ const v = ({ children: n, element: r = document.body }) => g(n, r), w = (n) => {
         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-[1200px] w-[100%]   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 v = ({ children: n, element: r = document.body }) => g(n, r), w = (n) => {
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
                     children: [
-                      /* @__PURE__ */ o(
+                      /* @__PURE__ */ t(
                         "line",
                         {
                           x1: "18",
@@ -77,7 +77,7 @@ const v = ({ children: n, element: r = document.body }) => g(n, r), w = (n) => {
                           y2: "18"
                         }
                       ),
-                      /* @__PURE__ */ o(
+                      /* @__PURE__ */ t(
                         "line",
                         {
                           x1: "6",
@@ -91,7 +91,7 @@ const v = ({ children: n, element: r = document.body }) => g(n, r), w = (n) => {
                 )
               }
             ),
-            /* @__PURE__ */ o("div", { className: "mt-2 text-[#0e0f11]", children: a })
+            /* @__PURE__ */ t("div", { className: "mt-2 text-[#0e0f11]", children: a })
           ]
         }
       )
@@ -102,15 +102,16 @@ const v = ({ children: n, element: r = document.body }) => g(n, r), w = (n) => {
   title: r,
   description: a,
   isOpen: e,
-  onClose: t
+  onClose: o
 }) => /* @__PURE__ */ u(
   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: a }),
+      /* @__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
     ]
   }

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-51282dc9.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.91",
+  "version": "0.0.92",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",