quirk-ui 0.0.466 → 0.0.467

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

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

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

package/package.json

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