lawgic-dev-kit 0.20.1 → 0.20.4

package/dist/_virtual/index2.js

@@ -1,5 +1,4 @@
-import { __require as r } from "../node_modules/property-expr/index.js";
-var e = r();
+var p = { exports: {} };
 export {
-  e as p
+  p as __module
 };

package/dist/_virtual/index3.js

@@ -1,5 +1,5 @@
-import { __require as r } from "../node_modules/tiny-case/index.js";
-var a = r();
+import { __require as r } from "../node_modules/property-expr/index.js";
+var e = r();
 export {
-  a as t
+  e as p
 };

package/dist/_virtual/index4.js

@@ -1,7 +1,5 @@
-import { getDefaultExportFromCjs as o } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/toposort/index.js";
-var t = r();
-const s = /* @__PURE__ */ o(t);
+import { __require as r } from "../node_modules/tiny-case/index.js";
+var a = r();
 export {
-  s as default
+  a as t
 };

package/dist/_virtual/index5.js

@@ -1,4 +1,7 @@
-var p = { exports: {} };
+import { getDefaultExportFromCjs as o } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/toposort/index.js";
+var t = r();
+const s = /* @__PURE__ */ o(t);
 export {
-  p as __module
+  s as default
 };

package/dist/components/atoms/Avatar/Avatar.js

@@ -11,15 +11,16 @@ import "../../../constants/countries.js";
 import "../ImageProfileInput/ImageProfileInput.validators.js";
 import "fuse.js";
 import "../../molecules/InformationContainer/InformationContainer.js";
-const q = ({
-  containerProps: x = {},
-  imageProps: p = {},
+import "react-dom";
+const D = ({
+  containerProps: p = {},
+  imageProps: x = {},
   src: m = "",
   alt: a = "",
   size: e = 30,
   user: t = null
 }) => {
-  const { className: d = " ", ...g } = x, { className: s = " ", ...v } = p, o = e + "px", n = e * 0.5 + "px", l = e * 0.4 + "px", [j, w] = W(!1), N = () => a ? h(a) : t ? h(
+  const { className: d = " ", ...g } = p, { className: s = " ", ...v } = x, o = e + "px", n = e * 0.5 + "px", l = e * 0.4 + "px", [j, w] = W(!1), N = () => a ? h(a) : t ? h(
     t != null && t.first_name || t != null && t.last_name ? ((t == null ? void 0 : t.first_name) || "") + " " + ((t == null ? void 0 : t.last_name) || "") : t == null ? void 0 : t.email
   ) : "#9CA1B6", r = (f) => {
     try {
@@ -107,5 +108,5 @@ const q = ({
   );
 };
 export {
-  q as default
+  D as default
 };

package/dist/components/atoms/FilterPill/FilterPill.js

@@ -12,12 +12,13 @@ import L from "../UncontrolledTextInput/UncontrolledTextInput.js";
 import M from "../../molecules/FloatingMenu/FloatingMenu.js";
 import "../../molecules/InformationContainer/InformationContainer.js";
 import h from "../../molecules/UncontrolledDateInput/UncontrolledDateInput.js";
-const G = ({
+import "react-dom";
+const J = ({
   filter: e,
   filterControl: g,
   translations: j = {}
 }) => {
-  var c, p, u, d, r, m, x, v, y, b;
+  var p, c, u, d, r, m, x, v, y, b;
   const [k, l] = O(!0), { updateFilter: o, removeFilter: w } = g, S = !!(e != null && e.value), n = (t, s) => j[t] || s, N = (t, s = []) => {
     const i = s.find((F) => F.value === t);
     return i ? i.label : String(t);
@@ -35,8 +36,8 @@ const G = ({
           /* @__PURE__ */ a.jsx("div", { className: "scale-[0.8] origin-left -mr-[10%] w-[125%]! relative z-99", children: /* @__PURE__ */ a.jsx(
             h,
             {
-              currentDate: (c = e.value) != null && c.startDate ? new Date(e.value.startDate) : null,
-              maxDate: (p = e.value) != null && p.endDate ? new Date(e.value.endDate) : void 0,
+              currentDate: (p = e.value) != null && p.startDate ? new Date(e.value.startDate) : null,
+              maxDate: (c = e.value) != null && c.endDate ? new Date(e.value.endDate) : void 0,
               futureDates: !0,
               onDateChange: (t) => o({
                 key: e.key,
@@ -154,5 +155,5 @@ const G = ({
   );
 };
 export {
-  G as default
+  J as default
 };

package/dist/components/atoms/UploadContainer/UploadContainer.js

@@ -13,7 +13,8 @@ import A from "../TextButton/TextButton.js";
 import "fuse.js";
 import _ from "../LoadingProgress/LoadingProgress.js";
 import "../../molecules/InformationContainer/InformationContainer.js";
-const te = ({
+import "react-dom";
+const le = ({
   title: m = "drag_and_drop_your_files_here",
   subtitle: p = null,
   buttonTitle: h = "choose_files",
@@ -202,5 +203,5 @@ const te = ({
   ] });
 };
 export {
-  te as default
+  le as default
 };

package/dist/components/molecules/AlertModal/AlertModal.js

@@ -8,12 +8,13 @@ import "react-hook-form";
 import "../InformationContainer/InformationContainer.js";
 import g from "../../atoms/BoxContainer/BoxContainer.js";
 import r from "../../atoms/Button/Button.js";
+import "react-dom";
 import "../../../constants/countries.js";
 import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";
 import "fuse.js";
 import { AnimatePresence as v } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/index.js";
 import { motion as l } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.js";
-const X = ({
+const q = ({
   title: n,
   description: c,
   open: o,
@@ -111,5 +112,5 @@ const X = ({
   ) }) });
 };
 export {
-  X as default
+  q as default
 };

package/dist/components/molecules/CalendarSelector/CalendarSelector.js

@@ -12,6 +12,7 @@ import { faChevronDown as fe } from "../../../node_modules/@fortawesome/pro-regu
 import { getColorVariants as ge } from "./CalendarSelector.styles.js";
 import "react-hook-form";
 import "../InformationContainer/InformationContainer.js";
+import "react-dom";
 import "../../../constants/countries.js";
 import W from "../../atoms/IconButton/IconButton.js";
 import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";
@@ -33,7 +34,7 @@ import { setMinutes as V } from "../../../node_modules/date-fns/setMinutes.js";
 import { setSeconds as q } from "../../../node_modules/date-fns/setSeconds.js";
 import { formatDate as h } from "../../../node_modules/date-fns/format.js";
 import { es as v } from "../../../node_modules/date-fns/locale/es.js";
-const ct = ({
+const mt = ({
   date: p,
   onDateChange: E,
   showTimeSelector: z = !0,
@@ -334,5 +335,5 @@ const ct = ({
   ] });
 };
 export {
-  ct as default
+  mt as default
 };

package/dist/components/molecules/DialogModal/DialogModal.js

@@ -9,12 +9,13 @@ import "react-hook-form";
 import "../InformationContainer/InformationContainer.js";
 import N from "../../atoms/BoxContainer/BoxContainer.js";
 import r from "../../atoms/Button/Button.js";
+import "react-dom";
 import "../../../constants/countries.js";
 import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";
 import "fuse.js";
 import { AnimatePresence as b } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/index.js";
 import { motion as c } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.js";
-const G = ({
+const H = ({
   title: n,
   description: m,
   open: o,
@@ -118,5 +119,5 @@ const G = ({
   ) }) });
 };
 export {
-  G as default
+  H as default
 };

package/dist/components/molecules/FloatingMenu/FloatingMenu.js

@@ -7,21 +7,22 @@ import "../../../contexts/themeContext.js";
 import "react-hook-form";
 import "../InformationContainer/InformationContainer.js";
 import z from "../../atoms/BoxContainer/BoxContainer.js";
+import "react-dom";
 import "../../../constants/countries.js";
 import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";
 import "fuse.js";
 import { autoUpdate as B } from "../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
 import { offset as D, flip as T, shift as U } from "../../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
-const $ = ({
+const ee = ({
   open: e,
   onClose: s,
   component: i,
   children: n,
   placement: l = "bottom",
-  className: f = "",
-  strategy: m = "absolute",
-  styles: c = {},
-  offset: p = 8,
+  className: m = "",
+  strategy: f = "absolute",
+  styles: p = {},
+  offset: c = 8,
   padding: d = 8
 }) => {
   const [u, o] = P(e);
@@ -31,12 +32,12 @@ const $ = ({
   const g = () => {
     o(!1), s == null || s();
   }, { x, y, strategy: h, refs: a, context: r } = M({
-    strategy: m,
+    strategy: f,
     open: u,
     onOpenChange: (I) => {
       !I && !e && g();
     },
-    middleware: [D(p), T(), U({ padding: d })],
+    middleware: [D(c), T(), U({ padding: d })],
     whileElementsMounted: B,
     placement: l
   }), j = N(r, {
@@ -78,15 +79,15 @@ const $ = ({
           left: x ?? 0,
           ...R,
           zIndex: 999,
-          ...c
+          ...p
         },
         ...E(),
         className: "floating-element",
-        children: /* @__PURE__ */ t.jsx(z, { className: f, children: typeof i == "function" ? w.createElement(i) : i })
+        children: /* @__PURE__ */ t.jsx(z, { className: m, children: typeof i == "function" ? w.createElement(i) : i })
       }
     )
   ] });
 };
 export {
-  $ as default
+  ee as default
 };

package/dist/components/molecules/SideModal/SideModal.js

@@ -1,28 +1,30 @@
 import { j as i } from "../../../_virtual/jsx-runtime.js";
-import { useEffect as x } from "react";
-import { AnimatePresence as u } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/index.js";
+import { useEffect as y } from "react";
+import { createPortal as v } from "react-dom";
+import { AnimatePresence as b } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/index.js";
 import { motion as s } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.js";
-const b = ({
+const E = ({
   open: e,
-  onClose: a,
-  children: r,
-  side: n = "right",
-  className: l = "",
-  backdropClassName: d = "",
+  onClose: n,
+  children: l,
+  side: a = "right",
+  className: d = "",
+  backdropClassName: c = "",
   width: o = "650px",
-  zIndex: m = 9999
+  zIndex: m = 9999,
+  usePortal: f = !0
 }) => {
-  x(() => {
-    const t = (p) => {
-      p.key === "Escape" && e && a();
+  y(() => {
+    const t = (x) => {
+      x.key === "Escape" && e && n();
     };
     return e && (document.addEventListener("keydown", t), document.body.style.overflow = "hidden"), () => {
       document.removeEventListener("keydown", t), document.body.style.overflow = "unset";
     };
-  }, [e, a]);
-  const c = {
+  }, [e, n]);
+  const p = {
     initial: {
-      x: n === "right" ? "100%" : "-100%"
+      x: a === "right" ? "100%" : "-100%"
       // opacity: 0,
     },
     animate: {
@@ -36,7 +38,7 @@ const b = ({
       }
     },
     exit: {
-      x: n === "right" ? "100%" : "-100%",
+      x: a === "right" ? "100%" : "-100%",
       // opacity: 0,
       transition: {
         type: "spring",
@@ -45,60 +47,51 @@ const b = ({
         opacity: { duration: 0.15 }
       }
     }
-  }, f = {
+  }, u = {
     initial: { opacity: 0 },
     animate: { opacity: 1, transition: { duration: 0.2 } },
     exit: { opacity: 0, transition: { duration: 0.15 } }
-  };
-  return /* @__PURE__ */ i.jsx(u, { children: e && /* @__PURE__ */ i.jsxs(
-    "div",
-    {
-      className: "fixed inset-0 flex",
-      style: { zIndex: m },
-      children: [
-        /* @__PURE__ */ i.jsx(
+  }, r = /* @__PURE__ */ i.jsx(b, { children: e && /* @__PURE__ */ i.jsxs("div", { className: "fixed inset-0 flex", style: { zIndex: m }, children: [
+    /* @__PURE__ */ i.jsx(
+      s.div,
+      {
+        variants: u,
+        initial: "initial",
+        animate: "animate",
+        exit: "exit",
+        className: `absolute inset-0 bg-black/50 backdrop-blur-[0.60px] ${c}`,
+        onClick: (t) => {
+          t.preventDefault(), t.stopPropagation(), n();
+        }
+      }
+    ),
+    /* @__PURE__ */ i.jsx(
+      "div",
+      {
+        className: `relative flex w-full pointer-events-none ${a === "left" ? "justify-start" : "justify-end"}`,
+        children: /* @__PURE__ */ i.jsx(
           s.div,
           {
-            variants: f,
+            variants: p,
             initial: "initial",
             animate: "animate",
             exit: "exit",
-            className: `absolute inset-0 bg-black/50 backdrop-blur-[0.60px] ${d}`,
-            onClick: (t) => {
-              t.preventDefault(), t.stopPropagation(), a();
-            }
-          }
-        ),
-        /* @__PURE__ */ i.jsx(
-          "div",
-          {
-            className: `relative flex w-full pointer-events-none ${n === "left" ? "justify-start" : "justify-end"}`,
-            children: /* @__PURE__ */ i.jsx(
-              s.div,
-              {
-                variants: c,
-                initial: "initial",
-                animate: "animate",
-                exit: "exit",
-                className: `
+            className: `
                 relative bg-white shadow-2xl h-full overflow-hidden flex flex-col pointer-events-auto
-                ${l}
+                ${d}
               `,
-                style: {
-                  width: typeof o == "number" ? `${o}px` : o
-                },
-                onClick: (t) => {
-                  t.preventDefault(), t.stopPropagation();
-                },
-                children: r
-              }
-            )
+            style: { width: typeof o == "number" ? `${o}px` : o },
+            onClick: (t) => {
+              t.preventDefault(), t.stopPropagation();
+            },
+            children: l
           }
         )
-      ]
-    }
-  ) });
+      }
+    )
+  ] }) });
+  return f && typeof document < "u" && document.body ? v(r, document.body) : r;
 };
 export {
-  b as default
+  E as default
 };

package/dist/components/molecules/SideModal/SideModal.types.d.ts

@@ -7,4 +7,5 @@ export interface SideModalProps {
     backdropClassName?: string;
     width?: string | number;
     zIndex?: number;
+    usePortal?: boolean;
 }

package/dist/components/molecules/Tabs/Tabs.js

@@ -5,13 +5,14 @@ import "../../../_virtual/lodash.js";
 import { useTheme as L } from "../../../hooks/useTheme.js";
 import "react-hook-form";
 import "../InformationContainer/InformationContainer.js";
+import "react-dom";
 import "../../../constants/countries.js";
 import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";
 import y from "../../atoms/Tab/Tab.js";
 import "fuse.js";
-import { motion as a } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
-const G = ({
-  variant: p = "underline",
+import { motion as p } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+const H = ({
+  variant: a = "underline",
   color: h = "blue",
   tabs: i,
   activeTab: n,
@@ -51,7 +52,7 @@ const G = ({
       className: `flex items-center relative ${x}`,
       children: [
         i.map((e, t) => /* @__PURE__ */ r.jsx(
-          a.div,
+          p.div,
           {
             ref: (l) => {
               o.current[t] = l;
@@ -67,14 +68,14 @@ const G = ({
                 direction: R,
                 isSelected: n === e.id,
                 onClick: () => w(e.id),
-                variant: p
+                variant: a
               }
             )
           },
           e.id
         )),
         /* @__PURE__ */ r.jsx(
-          a.div,
+          p.div,
           {
             className: `absolute bottom-0 h-2 bg-${E}-500`,
             initial: !1,
@@ -94,5 +95,5 @@ const G = ({
   );
 };
 export {
-  G as default
+  H as default
 };

package/dist/components/molecules/UncontrolledDateInput/UncontrolledDateInput.js

@@ -9,6 +9,7 @@ import "../../../contexts/themeContext.js";
 import "react-hook-form";
 import U from "../../atoms/UncontrolledTextInput/UncontrolledTextInput.js";
 import "../InformationContainer/InformationContainer.js";
+import "react-dom";
 import "../../../constants/countries.js";
 import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";
 import "fuse.js";
@@ -21,7 +22,7 @@ const c = (e) => V(e, "dd/MM/yyyy"), A = (e) => {
   }
   return null;
 };
-function Y({
+function Z({
   currentDate: e,
   onDateChange: o,
   label: n,
@@ -111,5 +112,5 @@ function Y({
   );
 }
 export {
-  Y as default
+  Z as default
 };