quirk-ui 0.0.455 → 0.0.457

package/dist/core/components/Modal/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index33.css');const e=require("react/jsx-runtime"),y=require("react"),j=require("react-dom"),x=require("../../../x-Dft9NVe_.cjs"),f="_overlay_140ia_1",h="_modal_140ia_16",g="_closeButton_140ia_26",$="_content_140ia_37",t={overlay:f,modal:h,closeButton:g,content:$};function b({content:d,trigger:u,isOpen:l,onOpen:o,onClose:s,className:c}){const[a,m]=y.useState(!1),i=l!==void 0,r=i?l:a,n=()=>{i?a?s==null||s():o==null||o():m(!r)},_=r?e.jsx("div",{className:t.overlay,onClick:n,children:e.jsxs("div",{className:`${c??""} ${t.modal}`,onClick:v=>v.stopPropagation(),children:[e.jsx("button",{"aria-label":"Close",className:`${t.closeButton} modalClose`,onClick:n,children:e.jsx(x.X,{size:21})}),e.jsx("div",{className:`${t.content} modalContent`,children:d})]})}):null;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:c??void 0,onClick:n,children:u}),typeof window<"u"&&j.createPortal(_,document.body)]})}exports.Modal=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index33.css');const e=require("react/jsx-runtime"),r=require("react"),_=require("react-dom"),h=require("../../../x-Dft9NVe_.cjs"),j="_overlay_140ia_1",x="_modal_140ia_16",b="_closeButton_140ia_26",g="_content_140ia_37",o={overlay:j,modal:x,closeButton:b,content:g};function $({content:u,trigger:m,isOpen:c,onOpen:n,onClose:s,className:i}){const[t,f]=r.useState(!1),a=c!==void 0,d=a?c:t,l=()=>{a?t?s==null||s():n==null||n():f(!d)};r.useEffect(()=>{if(typeof document<"u")return document.body.style.overflow=t?"hidden":"",()=>{document.body.style.overflow=""}},[t]);const y=d?e.jsx("div",{className:o.overlay,onClick:l,children:e.jsxs("div",{className:`${i??""} ${o.modal}`,onClick:v=>v.stopPropagation(),children:[e.jsx("button",{"aria-label":"Close",className:`${o.closeButton} modalClose`,onClick:l,children:e.jsx(h.X,{size:21})}),e.jsx("div",{className:`${o.content} modalContent`,children:u})]})}):null;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:i??void 0,onClick:l,children:m}),typeof window<"u"&&_.createPortal(y,document.body)]})}exports.Modal=$;

package/dist/core/components/Modal/index.mjs

@@ -1,47 +1,54 @@
-import { jsxs as r, Fragment as h, jsx as o } from "react/jsx-runtime";
-import { useState as p } from "react";
-import { createPortal as y } from "react-dom";
+import { jsxs as r, Fragment as _, jsx as o } from "react/jsx-runtime";
+import { useState as h, useEffect as p } from "react";
+import { createPortal as b } from "react-dom";
 import { X as C } from "../../../x-CnsEH4Ox.js";
-import '../../../assets/index33.css';const g = "_overlay_140ia_1", k = "_modal_140ia_16", B = "_closeButton_140ia_26", N = "_content_140ia_37", t = {
+import '../../../assets/index33.css';const g = "_overlay_140ia_1", k = "_modal_140ia_16", w = "_closeButton_140ia_26", B = "_content_140ia_37", e = {
   overlay: g,
   modal: k,
-  closeButton: B,
-  content: N
+  closeButton: w,
+  content: B
 };
-function w({
+function P({
   content: m,
-  trigger: _,
-  isOpen: a,
-  onOpen: e,
+  trigger: f,
+  isOpen: i,
+  onOpen: n,
   onClose: l,
-  className: i
+  className: s
 }) {
-  const [s, u] = p(!1), c = a !== void 0, d = c ? a : s, n = () => {
-    c ? s ? l == null || l() : e == null || e() : u(!d);
-  }, f = d ? /* @__PURE__ */ o("div", { className: t.overlay, onClick: n, children: /* @__PURE__ */ r(
+  const [t, u] = h(!1), a = i !== void 0, d = a ? i : t, c = () => {
+    a ? t ? l == null || l() : n == null || n() : u(!d);
+  };
+  p(() => {
+    if (typeof document < "u")
+      return document.body.style.overflow = t ? "hidden" : "", () => {
+        document.body.style.overflow = "";
+      };
+  }, [t]);
+  const v = d ? /* @__PURE__ */ o("div", { className: e.overlay, onClick: c, children: /* @__PURE__ */ r(
     "div",
     {
-      className: `${i ?? ""} ${t.modal}`,
-      onClick: (v) => v.stopPropagation(),
+      className: `${s ?? ""} ${e.modal}`,
+      onClick: (y) => y.stopPropagation(),
       children: [
         /* @__PURE__ */ o(
           "button",
           {
             "aria-label": "Close",
-            className: `${t.closeButton} modalClose`,
-            onClick: n,
+            className: `${e.closeButton} modalClose`,
+            onClick: c,
             children: /* @__PURE__ */ o(C, { size: 21 })
           }
         ),
-        /* @__PURE__ */ o("div", { className: `${t.content} modalContent`, children: m })
+        /* @__PURE__ */ o("div", { className: `${e.content} modalContent`, children: m })
       ]
     }
   ) }) : null;
-  return /* @__PURE__ */ r(h, { children: [
-    /* @__PURE__ */ o("div", { className: i ?? void 0, onClick: n, children: _ }),
-    typeof window < "u" && y(f, document.body)
+  return /* @__PURE__ */ r(_, { children: [
+    /* @__PURE__ */ o("div", { className: s ?? void 0, onClick: c, children: f }),
+    typeof window < "u" && b(v, document.body)
   ] });
 }
 export {
-  w as Modal
+  P as Modal
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quirk-ui",
   "private": false,
-  "version": "0.0.455",
+  "version": "0.0.457",
   "type": "module",
   "exports": {
     ".": {