@konstructio/ui 0.1.1-alpha.2 → 0.1.1-alpha.3

package/dist/{Modal-0oht63vU.js → Modal-V67Uz78z.js}

@@ -1,74 +1,74 @@
 import { Body as b } from "./components/Modal/components/Body/Body.js";
 import { Footer as g } from "./components/Modal/components/Footer/Footer.js";
 import { Header as v } from "./components/Modal/components/Header/Header.js";
-import { jsx as a, jsxs as c } from "react/jsx-runtime";
-import { Children as s, isValidElement as m, useEffect as w } from "react";
+import { jsx as n, jsxs as p } from "react/jsx-runtime";
+import { Children as i, isValidElement as s, useEffect as w } from "react";
 import { r as x } from "./index-C9T9HQaa.js";
 import { R as A } from "./index-iXyXtdgP.js";
 import { R as E } from "./Combination-VYaRRJBZ.js";
-import { cn as p } from "./utils/index.js";
+import { cn as f } from "./utils/index.js";
 import { buttonCloseVariants as N, modalVariants as R } from "./components/Modal/components/Wrapper/Wrapper.variants.js";
 import { X as k } from "./x-BPcqkRZd.js";
 const B = ({
   children: e,
   theme: t,
-  className: d,
-  buttonCloseClassName: n,
-  onClose: i
+  className: m,
+  buttonCloseClassName: d,
+  onClose: a
 }) => {
-  const l = s.toArray(e).find(
-    (o) => m(o) && o.type === r.Header
-  ), f = s.toArray(e).find(
-    (o) => m(o) && o.type === r.Body
-  ), y = s.toArray(e).find(
-    (o) => m(o) && o.type === r.Footer
-  ), u = s.toArray(e).filter(
-    (o) => !m(o) || ![r.Header, r.Body, r.Footer].includes(
+  const l = i.toArray(e).find(
+    (o) => s(o) && o.type === r.Header
+  ), c = i.toArray(e).find(
+    (o) => s(o) && o.type === r.Body
+  ), y = i.toArray(e).find(
+    (o) => s(o) && o.type === r.Footer
+  ), u = i.toArray(e).filter(
+    (o) => !s(o) || ![r.Header, r.Body, r.Footer].includes(
       o.type
     )
   );
-  return /* @__PURE__ */ a(E, { children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ n(E, { children: /* @__PURE__ */ p(
     "div",
     {
       className: "fixed inset-0 grid place-content-center",
       "data-theme": t,
       children: [
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ n(
           "div",
           {
             className: "absolute inset-0 bg-black opacity-75 animate-in fade-in-0",
-            onClick: i,
+            onClick: a,
             role: "presentation"
           }
         ),
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ p(
           "div",
           {
-            className: p(
+            className: f(
               R({
-                className: d
+                className: m
               })
             ),
             role: "dialog",
             "aria-modal": "true",
             children: [
               l,
-              /* @__PURE__ */ c(
+              /* @__PURE__ */ p(
                 "button",
                 {
-                  className: p(
+                  className: f(
                     N({
-                      className: n
+                      className: d
                     })
                   ),
-                  onClick: i,
+                  onClick: a,
                   children: [
-                    /* @__PURE__ */ a(k, {}),
-                    /* @__PURE__ */ a(A, { children: "Dismiss modal" })
+                    /* @__PURE__ */ n(k, {}),
+                    /* @__PURE__ */ n(A, { children: "Dismiss modal" })
                   ]
                 }
               ),
-              f ?? u,
+              c ?? u,
               y
             ]
           }
@@ -76,18 +76,18 @@ const B = ({
       ]
     }
   ) });
-}, r = ({ isOpen: e, onClose: t, ...d }) => (w(() => {
-  const n = new AbortController(), i = (l) => {
-    l.code === "Escape" && t?.();
+}, r = ({ isOpen: e, onClose: t, container: m, ...d }) => (w(() => {
+  const a = new AbortController(), l = (c) => {
+    c.code === "Escape" && t?.();
   };
-  return window.addEventListener("keydown", i, {
-    signal: n.signal
+  return window.addEventListener("keydown", l, {
+    signal: a.signal
   }), () => {
-    n.abort();
+    a.abort();
   };
 }, [t]), e ? x.createPortal(
-  /* @__PURE__ */ a(B, { ...d, onClose: t }),
-  document.body
+  /* @__PURE__ */ n(B, { ...d, onClose: t }),
+  m || document.body
 ) : null);
 r.Header = v;
 r.Body = b;

package/dist/components/Modal/Modal.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../index-C9T9HQaa.js";
-import { M as d } from "../../Modal-0oht63vU.js";
+import { M as d } from "../../Modal-V67Uz78z.js";
 import "./components/Header/Header.js";
 import "./components/Body/Body.js";
 import "./components/Footer/Footer.js";

package/dist/components/Modal/components/Wrapper/Wrapper.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../../../index-iXyXtdgP.js";
 import "react";
 import "../../../../Combination-VYaRRJBZ.js";
-import { W as f } from "../../../../Modal-0oht63vU.js";
+import { W as f } from "../../../../Modal-V67Uz78z.js";
 import "../../../../utils/index.js";
 import "./Wrapper.variants.js";
 import "../../../../x-BPcqkRZd.js";

package/dist/components/Modal/components/index.js

@@ -1,7 +1,7 @@
 import { Body as e } from "./Body/Body.js";
 import { Footer as t } from "./Footer/Footer.js";
 import { Header as m } from "./Header/Header.js";
-import { W as a } from "../../../Modal-0oht63vU.js";
+import { W as a } from "../../../Modal-V67Uz78z.js";
 export {
   e as Body,
   t as Footer,

package/dist/components/index.js

@@ -13,7 +13,7 @@ import { DropdownButton as N } from "./DropdownButton/DropdownButton.js";
 import { Filter as h } from "./Filter/Filter.js";
 import { Input as A } from "./Input/Input.js";
 import { Loading as k } from "./Loading/Loading.js";
-import { M as G } from "../Modal-0oht63vU.js";
+import { M as G } from "../Modal-V67Uz78z.js";
 import { NumberInput as M } from "./NumberInput/NumberInput.js";
 import { PieChart as I } from "./PieChart/PieChart.js";
 import { ProgressBar as j } from "./ProgressBar/ProgressBar.js";

package/dist/index.d.ts

@@ -313,6 +313,7 @@ declare type ModalChildProps = {
 declare interface ModalProps extends PropsWithChildren, VariantProps<typeof modalVariants> {
     buttonCloseClassName?: string;
     className?: string;
+    container?: Element | DocumentFragment;
     isOpen?: boolean;
     theme?: Theme;
     onClose?: () => void;

package/dist/index.js

@@ -15,7 +15,7 @@ import { BadgeMultiSelect as w } from "./components/Filter/components/BadgeDropd
 import { DateFilterDropdown as k } from "./components/Filter/components/DateFilterDropdown/DateFilterDropdown.js";
 import { Input as G } from "./components/Input/Input.js";
 import { Loading as M } from "./components/Loading/Loading.js";
-import { M as I } from "./Modal-0oht63vU.js";
+import { M as I } from "./Modal-V67Uz78z.js";
 import { NumberInput as j } from "./components/NumberInput/NumberInput.js";
 import { PieChart as z } from "./components/PieChart/PieChart.js";
 import { ProgressBar as H } from "./components/ProgressBar/ProgressBar.js";

package/dist/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.1-alpha.1",
+  "version": "0.1.1-alpha.2",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",

package/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.1-alpha.2",
+  "version": "0.1.1-alpha.3",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",