@konstructio/ui 0.1.2-alpha.67 → 0.1.2-alpha.69

package/dist/Modal--z642-Wv.js

@@ -1,112 +0,0 @@
-import { Body as R } from "./components/Modal/components/Body/Body.js";
-import { Footer as g } from "./components/Modal/components/Footer/Footer.js";
-import { Header as k } from "./components/Modal/components/Header/Header.js";
-import { jsx as n, jsxs as c, Fragment as v } from "react/jsx-runtime";
-import { Children as d, isValidElement as m, useRef as w, useState as A, useEffect as b } from "react";
-import { createPortal as F } from "react-dom";
-import { R as N } from "./index-BKjcReYh.js";
-import { R as x } from "./Combination-BtmnusWq.js";
-import { cn as h } from "./utils/index.js";
-import { buttonCloseVariants as B, modalVariants as C } from "./components/Modal/components/Wrapper/Wrapper.variants.js";
-import { X as E } from "./x-Eoa9FJjA.js";
-const H = ({
-  buttonCloseClassName: l,
-  children: r,
-  className: s,
-  showCloseButton: i = !0,
-  theme: f,
-  onClose: a
-}) => {
-  const p = d.toArray(r).find(
-    (e) => m(e) && e.type === t.Header
-  ), u = d.toArray(r).find(
-    (e) => m(e) && e.type === t.Body
-  ), o = d.toArray(r).find(
-    (e) => m(e) && e.type === t.Footer
-  ), y = d.toArray(r).filter(
-    (e) => !m(e) || ![t.Header, t.Body, t.Footer].includes(
-      e.type
-    )
-  );
-  return /* @__PURE__ */ n(x, { children: /* @__PURE__ */ c(
-    "div",
-    {
-      className: "fixed inset-0 grid place-content-center",
-      "data-theme": f,
-      children: [
-        /* @__PURE__ */ n(
-          "div",
-          {
-            className: "absolute inset-0 bg-black opacity-70 dark:opacity-85 animate-in fade-in-0",
-            onClick: a,
-            role: "presentation"
-          }
-        ),
-        /* @__PURE__ */ c(
-          "div",
-          {
-            className: h(
-              C({
-                className: s
-              })
-            ),
-            role: "dialog",
-            "aria-modal": "true",
-            children: [
-              p,
-              i && /* @__PURE__ */ c(
-                "button",
-                {
-                  className: h(
-                    B({
-                      className: l
-                    })
-                  ),
-                  onClick: a,
-                  children: [
-                    /* @__PURE__ */ n(E, {}),
-                    /* @__PURE__ */ n(N, { children: "Dismiss modal" })
-                  ]
-                }
-              ),
-              u ?? y,
-              o
-            ]
-          }
-        )
-      ]
-    }
-  ) });
-}, t = ({ isOpen: l, onClose: r, container: s, theme: i, ...f }) => {
-  const a = w(null), [p, u] = A(
-    null
-  );
-  return b(() => {
-    if (!a.current || i || s)
-      return;
-    const o = a.current.closest("[data-theme]");
-    o && u(o);
-  }, [i, s]), b(() => {
-    const o = new AbortController(), y = (e) => {
-      e.code === "Escape" && r?.();
-    };
-    return window.addEventListener("keydown", y, {
-      signal: o.signal
-    }), () => {
-      o.abort();
-    };
-  }, [r]), /* @__PURE__ */ c(v, { children: [
-    /* @__PURE__ */ n("span", { ref: a, "data-testid": "modal-anchor", hidden: !0 }),
-    l && F(
-      /* @__PURE__ */ n(H, { ...f, theme: i, onClose: r }),
-      s || p || document.body
-    )
-  ] });
-};
-t.Header = k;
-t.Body = R;
-t.Footer = g;
-export {
-  t as M,
-  H as W
-};