lawgic-dev-kit 0.15.8 → 0.16.0

package/dist/_virtual/index6.js

@@ -1,4 +1,4 @@
-var e = { exports: {} };
+var o = { exports: {} };
 export {
-  e as __module
+  o as __module
 };

package/dist/_virtual/index7.js

@@ -1,4 +1,4 @@
-var o = { exports: {} };
+var e = { exports: {} };
 export {
-  o as __module
+  e as __module
 };

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

@@ -7,21 +7,21 @@ import { useTheme as j } from "../../../hooks/useTheme.js";
 import "react-hook-form";
 import "../InformationContainer/InformationContainer.js";
 import g from "../../atoms/BoxContainer/BoxContainer.js";
-import a from "../../atoms/Button/Button.js";
+import r from "../../atoms/Button/Button.js";
 import "../../../constants/countries.js";
 import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";
 import "fuse.js";
 import { AnimatePresence as u } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/index.js";
-import { motion as n } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.js";
-const R = ({
-  title: s,
-  description: r,
+import { motion as l } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.js";
+const T = ({
+  title: n,
+  description: c,
   open: o,
   onClose: i,
-  onConfirm: l,
-  onCancel: c
+  onConfirm: e,
+  onCancel: a
 }) => {
-  const { t: e } = j(), m = {
+  const { t: s } = j(), m = {
     hidden: { opacity: 0 },
     visible: { opacity: 1 }
   }, x = {
@@ -49,12 +49,12 @@ const R = ({
       }
     }
   }, p = () => {
-    l(), i();
+    e == null || e(), i();
   }, d = () => {
-    c(), i();
+    a == null || a(), i();
   };
   return /* @__PURE__ */ t.jsx(u, { children: o && /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
-    n.div,
+    l.div,
     {
       className: "fixed inset-0 bg-black/50 z-9999 flex items-center justify-center",
       initial: "hidden",
@@ -63,7 +63,7 @@ const R = ({
       variants: m,
       onClick: i,
       children: /* @__PURE__ */ t.jsx(
-        n.div,
+        l.div,
         {
           className: "w-full max-w-4xl mx-16 z-50",
           variants: x,
@@ -73,7 +73,7 @@ const R = ({
           onClick: (f) => f.stopPropagation(),
           children: /* @__PURE__ */ t.jsxs(g, { className: "flex flex-col gap-16 p-32", children: [
             /* @__PURE__ */ t.jsxs("div", { className: "flex justify-between items-center gap-16", children: [
-              /* @__PURE__ */ t.jsx("h3", { className: "text-black font-700 text-3xl", children: s }),
+              /* @__PURE__ */ t.jsx("h3", { className: "text-black font-700 text-3xl", children: n }),
               /* @__PURE__ */ t.jsx(
                 y,
                 {
@@ -83,23 +83,23 @@ const R = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ t.jsx("p", { className: "text-gray-500 text-xl font-600", children: r }),
+            /* @__PURE__ */ t.jsx("p", { className: "text-gray-500 text-xl font-600", children: c }),
             /* @__PURE__ */ t.jsxs("div", { className: "flex justify-end w-full gap-16", children: [
-              /* @__PURE__ */ t.jsx(
-                a,
+              a && /* @__PURE__ */ t.jsx(
+                r,
                 {
                   onClick: d,
                   variant: "transparent",
                   className: "px-24 py-10! text-lg!",
-                  children: e("cancel")
+                  children: s("cancel")
                 }
               ),
-              /* @__PURE__ */ t.jsx(
-                a,
+              e && /* @__PURE__ */ t.jsx(
+                r,
                 {
                   onClick: p,
                   className: "px-24 py-16 text-lg!",
-                  children: e("confirm")
+                  children: s("confirm")
                 }
               )
             ] })
@@ -110,5 +110,5 @@ const R = ({
   ) }) });
 };
 export {
-  R as default
+  T as default
 };

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

@@ -3,6 +3,6 @@ export interface AlertModalProps {
     description: string;
     open: boolean;
     onClose: () => void;
-    onConfirm: () => void;
-    onCancel: () => void;
+    onConfirm?: () => void;
+    onCancel?: () => void;
 }

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

@@ -1,6 +1,6 @@
-import { j as i } from "../../../_virtual/jsx-runtime.js";
+import { j as e } from "../../../_virtual/jsx-runtime.js";
 import { faX as u } from "../../../node_modules/@fortawesome/pro-light-svg-icons/index.js";
-import { FontAwesomeIcon as a } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { FontAwesomeIcon as l } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
 import "react";
 import "../../../_virtual/lodash.js";
 import { useTheme as y } from "../../../hooks/useTheme.js";
@@ -8,19 +8,19 @@ import { faCheck as v } from "../../../node_modules/@fortawesome/pro-solid-svg-i
 import "react-hook-form";
 import "../InformationContainer/InformationContainer.js";
 import g from "../../atoms/BoxContainer/BoxContainer.js";
-import l from "../../atoms/Button/Button.js";
+import r from "../../atoms/Button/Button.js";
 import "../../../constants/countries.js";
 import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";
 import "fuse.js";
 import { AnimatePresence as N } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/index.js";
-import { motion as r } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.js";
-const X = ({
+import { motion as c } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.js";
+const q = ({
   title: n,
-  description: c,
+  description: m,
   open: o,
-  onClose: e,
-  onConfirm: m,
-  onCancel: t,
+  onClose: i,
+  onConfirm: t,
+  onCancel: s,
   icon: x = v
 }) => {
   const d = {
@@ -51,21 +51,21 @@ const X = ({
       }
     }
   }, p = () => {
-    m(), e();
+    t == null || t(), i();
   }, h = () => {
-    t == null || t(), e();
-  }, { t: s } = y();
-  return /* @__PURE__ */ i.jsx(N, { children: o && /* @__PURE__ */ i.jsx(i.Fragment, { children: /* @__PURE__ */ i.jsx(
-    r.div,
+    s == null || s(), i();
+  }, { t: a } = y();
+  return /* @__PURE__ */ e.jsx(N, { children: o && /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
+    c.div,
     {
       className: "fixed inset-0 bg-black/50 z-9999 flex items-center justify-center",
       initial: "hidden",
       animate: "visible",
       exit: "hidden",
       variants: d,
-      onClick: e,
-      children: /* @__PURE__ */ i.jsx(
-        r.div,
+      onClick: i,
+      children: /* @__PURE__ */ e.jsx(
+        c.div,
         {
           className: "w-full max-w-sm mx-16 z-50",
           variants: f,
@@ -73,46 +73,46 @@ const X = ({
           animate: "visible",
           exit: "exit",
           onClick: (j) => j.stopPropagation(),
-          children: /* @__PURE__ */ i.jsxs(g, { className: "flex flex-col  gap-20 p-32", children: [
-            /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col", children: [
-              /* @__PURE__ */ i.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ i.jsx(
-                a,
+          children: /* @__PURE__ */ e.jsxs(g, { className: "flex flex-col  gap-20 p-32", children: [
+            /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ e.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ e.jsx(
+                l,
                 {
                   icon: u,
                   className: "cursor-pointer text-2xl text-gray-500 transition-all duration-300 hover:text-gray-700",
-                  onClick: e
+                  onClick: i
                 }
               ) }),
-              /* @__PURE__ */ i.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ i.jsx("div", { className: "bg-blue-100 rounded-full w-76 h-76 flex justify-center items-center", children: /* @__PURE__ */ i.jsx(
-                a,
+              /* @__PURE__ */ e.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "bg-blue-100 rounded-full w-76 h-76 flex justify-center items-center", children: /* @__PURE__ */ e.jsx(
+                l,
                 {
                   icon: x,
                   className: "w-32 h-36 min-h-36 min-w-36 text-blue-500",
-                  onClick: e
+                  onClick: i
                 }
               ) }) })
             ] }),
-            /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col gap-20 items-center justify-center", children: [
-              /* @__PURE__ */ i.jsxs("div", { className: "text-center w-full", children: [
-                /* @__PURE__ */ i.jsx("h3", { className: "text-black font-700 text-3xl w-full", children: n }),
-                /* @__PURE__ */ i.jsx("p", { className: "text-gray-500 text-xl font-600 w-full", children: c })
+            /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-20 items-center justify-center", children: [
+              /* @__PURE__ */ e.jsxs("div", { className: "text-center w-full", children: [
+                /* @__PURE__ */ e.jsx("h3", { className: "text-black font-700 text-3xl w-full", children: n }),
+                /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 text-xl font-600 w-full", children: m })
               ] }),
-              /* @__PURE__ */ i.jsxs("div", { className: "flex justify-center w-full gap-16", children: [
-                !!t && /* @__PURE__ */ i.jsx(
-                  l,
+              /* @__PURE__ */ e.jsxs("div", { className: "flex justify-center w-full gap-16", children: [
+                !!s && /* @__PURE__ */ e.jsx(
+                  r,
                   {
                     size: "lg",
                     onClick: h,
                     variant: "transparent",
-                    children: s("cancel")
+                    children: a("cancel")
                   }
                 ),
-                /* @__PURE__ */ i.jsx(
-                  l,
+                !!t && /* @__PURE__ */ e.jsx(
+                  r,
                   {
                     size: "lg",
                     onClick: p,
-                    children: s("confirm")
+                    children: a("confirm")
                   }
                 )
               ] })
@@ -124,5 +124,5 @@ const X = ({
   ) }) });
 };
 export {
-  X as default
+  q as default
 };

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

@@ -1,10 +1,10 @@
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
 export interface DialogModalProps {
     title: string;
-    description: string;
+    description?: string;
     open: boolean;
     icon?: IconProp;
     onClose: () => void;
-    onConfirm: () => void;
-    onCancel: () => void;
+    onConfirm?: () => void;
+    onCancel?: () => void;
 }

package/dist/components/molecules/Stepper/Stepper.js

@@ -1,67 +1,68 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
 import { faCheck as S, faClockSix as k } from "../../../node_modules/@fortawesome/pro-light-svg-icons/index.js";
 import { FontAwesomeIcon as h } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
-import { useState as y, useEffect as W } from "react";
+import { useState as y, useEffect as $ } from "react";
 import { useTheme as v } from "../../../hooks/useTheme.js";
-import { resolveStepperColors as C } from "./Stepper.styles.js";
-import { motion as d } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.js";
+import { resolveStepperColors as w } from "./Stepper.styles.js";
+import { motion as m } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.js";
 import { AnimatePresence as I } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/index.js";
 const D = ({
-  status: n,
+  status: a,
   label: u,
   shouldAnimate: t,
-  color: b
+  color: j,
+  index: p
 }) => {
-  const { t: m } = v(), o = n === "done", r = n === "focus", {
-    completedBgColor: p,
+  const { t: s } = v(), o = a === "done", i = a === "focus", {
+    // completedBgColor,
     focusBorderColor: c,
-    pendingBorderColor: s,
+    pendingBorderColor: l,
     iconActiveColor: f
-  } = C(b);
+  } = w(j);
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-8 h-fit", children: [
     /* @__PURE__ */ e.jsx(
-      d.div,
+      m.div,
       {
         initial: t ? !1 : {
-          backgroundColor: o ? p : "white",
-          borderWidth: r ? "1px" : "0px",
-          borderColor: r ? c : s
+          backgroundColor: o ? "#E0F1ED" : i ? c : "white",
+          borderWidth: i ? "1px" : "0px",
+          borderColor: i ? c : l
         },
         animate: {
-          backgroundColor: o ? p : "white",
-          borderWidth: r || !o ? "1px" : "0px",
-          borderColor: r ? c : s
+          backgroundColor: o ? "#E0F1ED" : i ? c : "white",
+          borderWidth: i || !o ? "1px" : "0px",
+          borderColor: i ? c : l
         },
         transition: { duration: t ? 0.3 : 0, ease: "easeOut" },
         className: "min-w-28 min-h-28 rounded-full flex items-center justify-center text-xl font-bold border-[1px]",
         children: /* @__PURE__ */ e.jsx(
-          d.div,
+          m.div,
           {
             initial: t ? !1 : { color: o ? "rgb(34, 197, 94)" : "rgb(209, 213, 219)" },
             animate: {
-              color: o || r ? "rgb(34, 197, 94)" : "rgb(209, 213, 219)"
+              color: o || i ? "rgb(34, 197, 94)" : "rgb(209, 213, 219)"
             },
             transition: { duration: t ? 0.2 : 0 },
             className: "flex items-center justify-center",
-            children: /* @__PURE__ */ e.jsx(I, { mode: "wait", children: o || r ? /* @__PURE__ */ e.jsx(
-              d.div,
+            children: /* @__PURE__ */ e.jsx(I, { mode: "wait", children: o || i ? /* @__PURE__ */ e.jsx(
+              m.div,
               {
                 initial: t ? { opacity: 0, scale: 0.8, rotate: -180 } : { opacity: 1, scale: 1, rotate: 0 },
                 animate: { opacity: 1, scale: 1, rotate: 0 },
                 exit: { opacity: 0, scale: 0.8, rotate: 180 },
                 transition: { duration: t ? 0.3 : 0 },
                 className: "flex items-center justify-center",
-                children: /* @__PURE__ */ e.jsx(
+                children: o ? /* @__PURE__ */ e.jsx(
                   h,
                   {
                     icon: S,
                     className: `w-14 h-14 min-w-14 min-h-14 ${f}`
                   }
-                )
+                ) : /* @__PURE__ */ e.jsx("div", { className: "text-white leading-none font-500 text-body-s flex items-center justify-center mb-1", children: p + 1 })
               },
               "check"
             ) : /* @__PURE__ */ e.jsx(
-              d.div,
+              m.div,
               {
                 initial: t ? { opacity: 0, scale: 0.8, rotate: -180 } : { opacity: 1, scale: 1, rotate: 0 },
                 animate: { opacity: 1, scale: 1, rotate: 0 },
@@ -85,52 +86,57 @@ const D = ({
     /* @__PURE__ */ e.jsx(
       "span",
       {
-        className: `text-body-s font-medium transition-all duration-300 text-center w-full ${o ? "text-black" : "text-gray-400"}`,
-        children: m(u)
+        className: `text-body-s transition-all duration-300 text-center w-full font-500
+          
+          `,
+        style: {
+          color: i ? c : o ? "#000" : "#8F9095"
+        },
+        children: s(u)
       }
     )
   ] });
-}, E = ({
-  status: n,
+}, W = ({
+  status: a,
   label: u,
   shouldAnimate: t,
-  color: b
+  color: j
 }) => {
-  const { t: m } = v(), o = n === "done", r = n === "focus", {
-    completedBgColor: p,
+  const { t: p } = v(), s = a === "done", o = a === "focus", {
+    completedBgColor: i,
     focusBorderColor: c,
-    pendingBorderColor: s,
+    pendingBorderColor: l,
     iconActiveColor: f
-  } = C(b);
+  } = w(j);
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-8 h-fit", children: [
     /* @__PURE__ */ e.jsx(
-      d.div,
+      m.div,
       {
         initial: t ? !1 : {
-          backgroundColor: o ? p : "white",
-          borderWidth: r || !o ? "1px" : "0px",
-          borderColor: r ? c : s
+          backgroundColor: s ? i : "white",
+          borderWidth: o || !s ? "1px" : "0px",
+          borderColor: o ? c : l
         },
         animate: {
-          backgroundColor: o ? p : "white",
-          borderWidth: r || !o ? "1px" : "0px",
-          borderColor: r ? c : s
+          backgroundColor: s ? i : "white",
+          borderWidth: o || !s ? "1px" : "0px",
+          borderColor: o ? c : l
         },
         transition: { duration: t ? 0.3 : 0, ease: "easeOut" },
         className: "min-w-24 min-h-24 rounded-full flex items-center justify-center text-xs font-bold z-10",
         children: /* @__PURE__ */ e.jsx(
-          d.div,
+          m.div,
           {
             initial: t ? !1 : {
-              color: r || o ? "rgb(34, 197, 94)" : "rgb(209, 213, 219)"
+              color: o || s ? "rgb(34, 197, 94)" : "rgb(209, 213, 219)"
             },
             animate: {
-              color: r || o ? "rgb(34, 197, 94)" : "rgb(209, 213, 219)"
+              color: o || s ? "rgb(34, 197, 94)" : "rgb(209, 213, 219)"
             },
             transition: { duration: t ? 0.2 : 0 },
             className: "flex items-center justify-center",
-            children: /* @__PURE__ */ e.jsx(I, { mode: "wait", children: o || r ? /* @__PURE__ */ e.jsx(
-              d.div,
+            children: /* @__PURE__ */ e.jsx(I, { mode: "wait", children: s || o ? /* @__PURE__ */ e.jsx(
+              m.div,
               {
                 initial: t ? { opacity: 0, scale: 0.8, rotate: -180 } : { opacity: 1, scale: 1, rotate: 0 },
                 animate: { opacity: 1, scale: 1, rotate: 0 },
@@ -147,7 +153,7 @@ const D = ({
               },
               "check"
             ) : /* @__PURE__ */ e.jsx(
-              d.div,
+              m.div,
               {
                 initial: t ? { opacity: 0, scale: 0.8, rotate: -180 } : { opacity: 1, scale: 1, rotate: 0 },
                 animate: { opacity: 1, scale: 1, rotate: 0 },
@@ -171,70 +177,72 @@ const D = ({
     /* @__PURE__ */ e.jsx(
       "span",
       {
-        className: `text-body-s font-medium transition-all duration-300 text-center w-full ${o || r ? "text-black" : "text-gray-400"}`,
-        children: m(u)
+        className: `text-body-s font-medium transition-all duration-300 text-center w-full ${s || o ? "text-black" : "text-gray-400"}`,
+        children: p(u)
       }
     )
   ] });
 }, J = ({
-  steps: n,
+  steps: a,
   direction: u = "horizontal",
   color: t
 }) => {
-  const { defaultColorScheme: b } = v(), m = t || b, { lineActiveColor: o, lineGradientFrom: r } = C(m), [p, c] = y([]), [s, f] = y(null), [g, z] = y(!1), w = n.findIndex((a) => !a.completed), j = (a) => w === a;
-  W(() => {
-    const a = n.map(
-      (i, l) => j(l) ? "focus" : i.completed ? "done" : "pending"
+  const { defaultColorScheme: j } = v(), p = t || j, { lineActiveColor: s, lineGradientFrom: o } = w(p), [i, c] = y([]), [l, f] = y(null), [g, z] = y(!1), C = a.findIndex((n) => !n.completed), b = (n) => C === n;
+  $(() => {
+    const n = a.map(
+      (r, d) => b(d) ? "focus" : r.completed ? "done" : "pending"
     );
     if (!g)
-      c(a), z(!0), f(null);
+      c(n), z(!0), f(null);
     else {
-      const i = a.findIndex(
-        (l, x) => l !== p[x]
+      const r = n.findIndex(
+        (d, x) => d !== i[x]
       );
-      f(i !== -1 ? i : null), c(a);
+      f(r !== -1 ? r : null), c(n);
     }
-  }, [n, w]);
-  const B = () => /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-16 relative", children: n.map((a, i) => {
+  }, [a, C]);
+  const F = () => /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-16 relative", children: a.map((n, r) => {
     var N;
-    const l = j(i - 1) ? "focus" : (N = n[i - 1]) != null && N.completed ? "done" : "pending", x = j(i) ? "focus" : a.completed ? "done" : "pending", F = g && s === i;
+    const d = b(r - 1) ? "focus" : (N = a[r - 1]) != null && N.completed ? "done" : "pending", x = b(r) ? "focus" : n.completed ? "done" : "pending", E = g && l === r;
     return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-10 relative", children: [
-      i !== 0 && /* @__PURE__ */ e.jsx(
+      r !== 0 && /* @__PURE__ */ e.jsx(
         "div",
         {
-          className: `absolute left-[13px] bottom-[28px] w-[1.5px] h-16 ${x === "done" || x === "focus" ? o : l === "done" || l === "focus" ? `bg-gradient-to-b ${r} to-[rgb(243,244,246)]` : "bg-[rgb(243,244,246)]"}`
+          className: `absolute left-[13px] bottom-[28px] w-[1.5px] h-16 ${x === "done" || x === "focus" ? s : d === "done" || d === "focus" ? `bg-gradient-to-b ${o} to-[rgb(243,244,246)]` : "bg-[rgb(243,244,246)]"}`
         }
       ),
       /* @__PURE__ */ e.jsx(
         D,
         {
+          index: r,
           status: x,
-          shouldAnimate: F,
-          label: a.label,
-          color: m
+          shouldAnimate: E,
+          label: n.label,
+          color: p
         }
       )
-    ] }, i);
-  }) }), $ = () => /* @__PURE__ */ e.jsx("div", { className: "w-full flex items-center gap-12", children: n.map((a, i) => {
-    const l = j(i) ? "focus" : a.completed ? "done" : "pending", x = g && s === i;
+    ] }, r);
+  }) }), B = () => /* @__PURE__ */ e.jsx("div", { className: "w-full flex items-center gap-12", children: a.map((n, r) => {
+    const d = b(r) ? "focus" : n.completed ? "done" : "pending", x = g && l === r;
     return /* @__PURE__ */ e.jsx(
       "div",
       {
         className: "flex flex-col items-center justify-evenly w-full gap-2 relative col-span-1",
         children: /* @__PURE__ */ e.jsx(
-          E,
+          W,
           {
-            status: l,
+            index: r,
+            status: d,
             shouldAnimate: x,
-            label: a.label,
-            color: m
+            label: n.label,
+            color: p
           }
         )
       },
-      i
+      r
     );
   }) });
-  return u === "horizontal" ? /* @__PURE__ */ e.jsx($, {}) : /* @__PURE__ */ e.jsx(B, {});
+  return u === "horizontal" ? /* @__PURE__ */ e.jsx(B, {}) : /* @__PURE__ */ e.jsx(F, {});
 };
 export {
   J as default