lawgic-dev-kit 0.10.0 → 0.10.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 e = { exports: {} };
 export {
-  e as p
+  e as __module
 };

package/dist/_virtual/index3.js

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

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/property-expr/index.js";
+var e = r();
 export {
-  s as default
+  e as p
 };

package/dist/_virtual/index5.js

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

package/dist/_virtual/index6.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/_virtual/index7.js

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

package/dist/_virtual/index8.js

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

package/dist/components/atoms/Button/Button.styles.js

@@ -19,7 +19,7 @@ const i = {
   transparent: "bg-gray-100 text-gray-500 hover:bg-gray-200 hover:text-gray-600 active:text-gray-700 active:bg-gray-300",
   outline: "bg-transparent border-1 border-gray-500 text-gray-500 hover:text-gray-600 hover:border-gray-600 active:text-gray-700 active:border-gray-700",
   invisible: "text-gray-500 hover:text-gray-600 active:text-gray-700"
-}, l = "transition-colors ease-in-out duration-200 flex items-center justify-center rounded-full w-fit font-[600] text-body-s disabled:bg-gray-100 disabled:cursor-not-allowed disabled:text-gray-300", s = {
+}, l = "transition-colors ease-in-out duration-200 flex items-center justify-center rounded-full w-fit font-600 text-body-s disabled:bg-gray-100 disabled:cursor-not-allowed disabled:text-gray-300", s = {
   lg: "gap-12 px-24 py-8 text-lg",
   base: "gap-8 px-20 py-7",
   md: "gap-8 px-16 py-6",

package/dist/components/atoms/CenterModal/CenterModal.js

@@ -37,7 +37,7 @@ const b = ({
   return /* @__PURE__ */ i.jsx(p, { children: n && /* @__PURE__ */ i.jsx(i.Fragment, { children: /* @__PURE__ */ i.jsx(
     s.div,
     {
-      className: "fixed inset-0 bg-black bg-opacity-50 z-9999 flex items-center justify-center",
+      className: "fixed inset-0 bg-black/50 z-9999 flex items-center justify-center",
       initial: "hidden",
       animate: "visible",
       exit: "hidden",
@@ -46,13 +46,13 @@ const b = ({
       children: /* @__PURE__ */ i.jsx(
         s.div,
         {
-          className: "w-full max-w-screen-md mx-16 z-50",
+          className: "w-full max-w-lg mx-16 z-50",
           variants: r,
           initial: "hidden",
           animate: "visible",
           exit: "exit",
           onClick: (l) => l.stopPropagation(),
-          children: /* @__PURE__ */ i.jsxs(m, { className: "flex flex-col gap-16 md:gap-24 !p-0", children: [
+          children: /* @__PURE__ */ i.jsxs(m, { className: "flex flex-col gap-16 md:gap-24 p-0!", children: [
             /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col gap-16 md:gap-24 md:p-32 md:pb-0", children: [
               /* @__PURE__ */ i.jsxs("div", { className: "flex justify-between items-center px-16 pt-16 md:px-0 md:pt-0", children: [
                 t && /* @__PURE__ */ i.jsx("h2", { className: "text-black font-700 text-2xl", children: t }),
@@ -65,7 +65,7 @@ const b = ({
                   }
                 )
               ] }),
-              t && /* @__PURE__ */ i.jsx(x, { className: "!bg-gray-100" })
+              t && /* @__PURE__ */ i.jsx(x, { className: "bg-gray-100!" })
             ] }),
             /* @__PURE__ */ i.jsx("div", { className: "flex flex-col gap-16 md:gap-24 p-16 pt-0 md:p-32 md:pt-4", children: typeof a == "function" ? a(e) : a })
           ] })

package/dist/components/atoms/IconButton/IconButton.styles.js

@@ -1,6 +1,6 @@
 import { clsx as a } from "../../../node_modules/clsx/dist/clsx.js";
 import { grayVariants as m, redVariants as t, aquaVariants as p, blueVariants as r } from "../Button/Button.styles.js";
-const l = "transition-colors ease-in-out duration-200 flex items-center justify-center rounded-full w-fit font-[600] leading-normal disabled:bg-gray-100 disabled:cursor-not-allowed disabled:text-gray-300", h = {
+const l = "transition-colors ease-in-out duration-200 flex items-center justify-center rounded-full w-fit font-600 leading-normal disabled:bg-gray-100 disabled:cursor-not-allowed disabled:text-gray-300", h = {
   lg: "min-h-[46px] max-h-[46px] min-w-[46px] max-w-[46px]",
   base: "min-h-[40px] max-h-[40px] min-w-[40px] max-w-[40px]",
   md: "min-h-[28px] max-h-[28px] min-w-[28px] max-w-[28px]",

package/dist/components/atoms/ProgressBar/ProgressBar.js

@@ -12,7 +12,7 @@ const r = ({
         style: { width: `${s}%` }
       }
     ) }),
-    l && /* @__PURE__ */ e.jsxs("span", { className: "text-sm text-gray-400 font-[500]", children: [
+    l && /* @__PURE__ */ e.jsxs("span", { className: "text-sm text-gray-400 font-500", children: [
       s,
       "%"
     ] })

package/dist/components/atoms/SectionButton/desktop/SectionButton.styles.js

@@ -1,5 +1,5 @@
 import { clsx as t } from "../../../../node_modules/clsx/dist/clsx.js";
-const s = "w-fit transition-colors ease-in-out duration-200 flex items-center justify-center gap-12 px-24 py-7 text-base rounded-full font-[600] bg-transparent", o = {
+const s = "w-fit transition-colors ease-in-out duration-200 flex items-center justify-center gap-12 px-24 py-7 text-base rounded-full font-600 bg-transparent", o = {
   true: "bg-blue-100 text-blue-500 hover:bg-blue-100/80 active:bg-blue-100/50",
   false: "text-gray-800 hover:bg-blue-100/40 hover:text-blue-500 active:bg-blue-100/20 active:text-blue-500"
 }, r = (e = !1) => t(

package/dist/components/atoms/SectionButton/mobile/MobileSectionButton.styles.js

@@ -1,5 +1,5 @@
 import { clsx as e } from "../../../../node_modules/clsx/dist/clsx.js";
-const s = "w-fit transition-colors ease-in-out duration-150 flex gap-10 items-center justify-center text-xs rounded-full font-[600] bg-transparent", n = {
+const s = "w-fit transition-colors ease-in-out duration-150 flex gap-10 items-center justify-center text-xs rounded-full font-600 bg-transparent", n = {
   true: "text-blue-500",
   false: "text-gray-800 hover:text-blue-500 active:text-blue-500"
 }, o = "bg-transparent p-16", r = {

package/dist/components/atoms/SidebarButton/SidebarButton.d.ts

@@ -0,0 +1,10 @@
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
+declare const SidebarButton: ({ active, icon, label, onClick, expanded, disabled, }: {
+    active: boolean;
+    icon: IconProp;
+    label: string;
+    onClick: () => void;
+    expanded: boolean;
+    disabled?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SidebarButton;

package/dist/components/atoms/SidebarButton/SidebarButton.js

@@ -0,0 +1,49 @@
+import { j as o } from "../../../_virtual/jsx-runtime.js";
+import { FontAwesomeIcon as i } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+const p = ({
+  active: t,
+  icon: r,
+  label: l,
+  onClick: a,
+  expanded: e,
+  disabled: n = !1
+}) => /* @__PURE__ */ o.jsxs(
+  "div",
+  {
+    onClick: () => a(),
+    className: `
+      flex items-center rounded-full text-gray transition-all duration-150 h-[40px] w-full px-[12.3px]
+      ${!e && "w-fit"} hover:bg-[#ECF1FD] ${n ? "cursor-not-allowed opacity-50" : "cursor-pointer"} ${t ? "text-[#4570EB] bg-[#ECF1FD]" : "bg-transparent"}`,
+    children: [
+      /* @__PURE__ */ o.jsx(
+        i,
+        {
+          icon: r,
+          color: t ? "#4570EB" : "#00000",
+          style: {
+            height: "16px"
+          }
+        }
+      ),
+      /* @__PURE__ */ o.jsx(
+        "h4",
+        {
+          className: ` 
+          text-md
+          leading-none
+            font-600
+            w-[0px]
+            text-nowrap 
+            transition-all duration-100 ease-in-out
+            opacity-0 capitalize 
+            ${e && "translate-x-0 opacity-100 !w-full !h-auto ml-8"} 
+            ${t && "text-lightblue"} `,
+          children: l
+        }
+      )
+    ]
+  }
+);
+export {
+  p as default
+};

package/dist/components/atoms/SidebarButton/index.d.ts

@@ -1,10 +1 @@
-import { IconProp } from '@fortawesome/fontawesome-svg-core';
-declare const SidebarButton: ({ active, icon, label, onClick, expanded, disabled, }: {
-    active: boolean;
-    icon: IconProp;
-    label: string;
-    onClick: () => void;
-    expanded: boolean;
-    disabled?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export default SidebarButton;
+export { default as SidebarButton } from './SidebarButton';

package/dist/components/atoms/TextButton/TextButton.styles.js

@@ -1,5 +1,5 @@
 import { clsx as e } from "../../../node_modules/clsx/dist/clsx.js";
-const a = "transition-colors ease-in-out duration-200 flex items-center justify-center text-body-m rounded-full w-fit font-[600] leading-normal disabled:cursor-not-allowed disabled:text-gray-300", r = {
+const a = "transition-colors ease-in-out duration-200 flex items-center justify-center text-body-m rounded-full w-fit font-600 leading-normal disabled:cursor-not-allowed disabled:text-gray-300", r = {
   blue: "text-blue-500 hover:text-blue-600 active:text-blue-700",
   aqua: "text-aqua-500 hover:text-aqua-600 active:text-aqua-700",
   red: "text-red-500 hover:text-red-600 active:text-red-700",

package/dist/components/atoms/index.d.ts

@@ -10,7 +10,6 @@ export * from './CountryInput/index';
 export * from './CountryLabel/index';
 export * from './CountrySelectInput/index';
 export * from './Divider/index';
-export * from './FullLogo/index';
 export * from './IconButton/index';
 export * from './ImageProfileInput/index';
 export * from './IndexedStep/index';

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

@@ -55,7 +55,7 @@ const M = ({
   return /* @__PURE__ */ t.jsx(u, { children: o && /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
     n.div,
     {
-      className: "fixed inset-0 bg-black bg-opacity-50 z-9999 flex items-center justify-center",
+      className: "fixed inset-0 bg-black/50 z-9999 flex items-center justify-center",
       initial: "hidden",
       animate: "visible",
       exit: "hidden",
@@ -89,7 +89,7 @@ const M = ({
                 {
                   onClick: d,
                   variant: "transparent",
-                  className: "px-24 !py-10 !text-lg",
+                  className: "px-24 py-10! text-lg!",
                   children: e("cancel")
                 }
               ),
@@ -97,7 +97,7 @@ const M = ({
                 a,
                 {
                   onClick: p,
-                  className: "px-24 py-16 !text-lg",
+                  className: "px-24 py-16 text-lg!",
                   children: e("confirm")
                 }
               )

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

@@ -1,30 +1,31 @@
 import { j as i } from "../../../_virtual/jsx-runtime.js";
-import { faX as j } from "../../../node_modules/@fortawesome/pro-light-svg-icons/index.js";
-import { FontAwesomeIcon as t } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.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 "react";
 import "../../../_virtual/lodash.js";
-import "../../../contexts/themeContext.js";
+import { useTheme as y } from "../../../hooks/useTheme.js";
+import { faCheck as v } from "../../../node_modules/@fortawesome/pro-solid-svg-icons/index.js";
 import "react-hook-form";
-import y from "../../atoms/BoxContainer/BoxContainer.js";
+import g from "../../atoms/BoxContainer/BoxContainer.js";
 import "react-dom";
-import a from "../../atoms/Button/Button.js";
+import l from "../../atoms/Button/Button.js";
 import "../../../constants/countries.js";
 import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";
-import { AnimatePresence as u } 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 E = ({
+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 T = ({
   title: n,
-  description: l,
-  open: r,
+  description: c,
+  open: o,
   onClose: e,
-  onConfirm: c,
-  onCancel: o,
-  icon: x
+  onConfirm: m,
+  onCancel: t,
+  icon: x = v
 }) => {
-  const m = {
+  const d = {
     hidden: { opacity: 0 },
     visible: { opacity: 1 }
-  }, d = {
+  }, f = {
     hidden: {
       opacity: 0,
       scale: 0.8,
@@ -49,40 +50,40 @@ const E = ({
       }
     }
   }, p = () => {
-    c(), e();
-  }, f = () => {
-    o(), e();
-  };
-  return /* @__PURE__ */ i.jsx(u, { children: r && /* @__PURE__ */ i.jsx(i.Fragment, { children: /* @__PURE__ */ i.jsx(
-    s.div,
+    m(), e();
+  }, 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,
     {
-      className: "fixed inset-0 bg-black bg-opacity-50 z-9999 flex items-center justify-center",
+      className: "fixed inset-0 bg-black/50 z-9999 flex items-center justify-center",
       initial: "hidden",
       animate: "visible",
       exit: "hidden",
-      variants: m,
+      variants: d,
       onClick: e,
       children: /* @__PURE__ */ i.jsx(
-        s.div,
+        r.div,
         {
-          className: "w-full max-w-4xl mx-16 z-50",
-          variants: d,
+          className: "w-full max-w-sm mx-16 z-50",
+          variants: f,
           initial: "hidden",
           animate: "visible",
           exit: "exit",
-          onClick: (h) => h.stopPropagation(),
-          children: /* @__PURE__ */ i.jsxs(y, { className: "flex flex-col gap-20 p-32", children: [
+          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(
-                t,
+                a,
                 {
-                  icon: j,
+                  icon: u,
                   className: "cursor-pointer text-2xl text-gray-500 transition-all duration-300 hover:text-gray-700",
                   onClick: e
                 }
               ) }),
               /* @__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(
-                t,
+                a,
                 {
                   icon: x,
                   className: "w-32 h-36 min-h-36 min-w-36 text-blue-500",
@@ -90,27 +91,27 @@ const E = ({
                 }
               ) }) })
             ] }),
-            /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col gap-20 items-center", children: [
-              /* @__PURE__ */ i.jsxs("div", { children: [
-                /* @__PURE__ */ i.jsx("h3", { className: "text-black font-700 text-3xl", children: n }),
-                /* @__PURE__ */ i.jsx("p", { className: "text-gray-500 text-xl font-600", children: l })
+            /* @__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__ */ i.jsxs("div", { className: "flex justify-center w-full gap-16", children: [
-                /* @__PURE__ */ i.jsx(
-                  a,
+                !!t && /* @__PURE__ */ i.jsx(
+                  l,
                   {
-                    onClick: f,
+                    size: "lg",
+                    onClick: h,
                     variant: "transparent",
-                    className: "px-36 !py-10 !text-lg",
-                    children: "Cancel"
+                    children: s("cancel")
                   }
                 ),
                 /* @__PURE__ */ i.jsx(
-                  a,
+                  l,
                   {
+                    size: "lg",
                     onClick: p,
-                    className: "px-32 py-16 !text-lg",
-                    children: "Confirm"
+                    children: s("confirm")
                   }
                 )
               ] })
@@ -122,5 +123,5 @@ const E = ({
   ) }) });
 };
 export {
-  E as default
+  T as default
 };

package/dist/components/molecules/Dropdown/Dropdown.js

@@ -45,7 +45,7 @@ const i = {
           transition-all duration-200 ease-in-out ${d} focus:outline-none hover:bg-gray-50/50
           flex items-center gap-2 group w-full justify-between`,
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: "truncate text-nowrap text-lg md:text-xl font-[700]", children: x(t) }),
+          /* @__PURE__ */ e.jsx("span", { className: "truncate text-nowrap text-lg md:text-xl font-700", children: x(t) }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex gap-10 items-center", children: [
             /* @__PURE__ */ e.jsx("span", { className: "text-gray-500 font-normal text-base md:text-lg", children: l }),
             /* @__PURE__ */ e.jsx(y, { isOpen: o })