lawgic-dev-kit 0.16.4 → 0.16.8

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/atoms/CenterModal/CenterModal.js

@@ -1,21 +1,22 @@
 import { j as i } from "../../../_virtual/jsx-runtime.js";
-import c from "../BoxContainer/BoxContainer.js";
-import { FontAwesomeIcon as x } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
-import { faX as d } from "../../../node_modules/@fortawesome/pro-light-svg-icons/index.js";
-import p from "../Divider/Divider.js";
-import { AnimatePresence as f } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/index.js";
+import { faX as x } from "../../../node_modules/@fortawesome/pro-light-svg-icons/index.js";
+import { FontAwesomeIcon as d } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import p from "../BoxContainer/BoxContainer.js";
+import f from "../Divider/Divider.js";
+import { AnimatePresence as j } 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 N = ({
+const k = ({
   open: n,
   onClose: a,
   title: e,
   children: t,
-  className: o = ""
+  className: o = "",
+  showCloseButton: r = !0
 }) => {
-  const r = {
+  const l = {
     hidden: { opacity: 0 },
     visible: { opacity: 1 }
-  }, l = {
+  }, m = {
     hidden: {
       opacity: 0,
       scale: 0.9
@@ -35,46 +36,52 @@ const N = ({
       }
     }
   };
-  return /* @__PURE__ */ i.jsx(f, { children: n && /* @__PURE__ */ i.jsx(i.Fragment, { children: /* @__PURE__ */ i.jsx(
+  return /* @__PURE__ */ i.jsx(j, { children: n && /* @__PURE__ */ i.jsx(i.Fragment, { children: /* @__PURE__ */ i.jsx(
     s.div,
     {
       className: "fixed inset-0 bg-black/50 z-9999 flex items-center justify-center",
       initial: "hidden",
       animate: "visible",
       exit: "hidden",
-      variants: r,
+      variants: l,
       onClick: a,
       children: /* @__PURE__ */ i.jsx(
         s.div,
         {
           className: `w-full max-w-lg mx-16 z-50 ${o}`,
-          variants: l,
+          variants: m,
           initial: "hidden",
           animate: "visible",
           exit: "exit",
-          onClick: (m) => m.stopPropagation(),
-          children: /* @__PURE__ */ i.jsxs(c, { className: `flex flex-col ${e && "gap-16 md:gap-24"} p-0!`, children: [
-            /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col gap-16 md:gap-24 md:p-32 pb-0!", children: [
-              /* @__PURE__ */ i.jsxs("div", { className: "flex justify-between items-center px-16 pt-16 md:px-0 md:pt-0", children: [
-                e && /* @__PURE__ */ i.jsx("h2", { className: "text-black font-700 text-2xl", children: e }),
-                /* @__PURE__ */ i.jsx(
-                  x,
-                  {
-                    icon: d,
-                    className: "cursor-pointer text-2xl text-gray-500 transition-all duration-300 hover:text-gray-700 ml-auto",
-                    onClick: a
-                  }
-                )
-              ] }),
-              e && /* @__PURE__ */ i.jsx(p, { 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 t == "function" ? t(a) : t })
-          ] })
+          onClick: (c) => c.stopPropagation(),
+          children: /* @__PURE__ */ i.jsxs(
+            p,
+            {
+              className: `flex flex-col ${e && "gap-16 md:gap-24"} p-0!`,
+              children: [
+                /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col gap-16 md:gap-24 md:p-32 pb-0!", children: [
+                  /* @__PURE__ */ i.jsxs("div", { className: "flex justify-between items-center px-16 pt-16 md:px-0 md:pt-0", children: [
+                    e && /* @__PURE__ */ i.jsx("h2", { className: "text-black font-700 text-2xl", children: e }),
+                    r && /* @__PURE__ */ i.jsx(
+                      d,
+                      {
+                        icon: x,
+                        className: "cursor-pointer text-2xl text-gray-500 transition-all duration-300 hover:text-gray-700 ml-auto",
+                        onClick: a
+                      }
+                    )
+                  ] }),
+                  e && /* @__PURE__ */ i.jsx(f, { 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 t == "function" ? t(a) : t })
+              ]
+            }
+          )
         }
       )
     }
   ) }) });
 };
 export {
-  N as default
+  k as default
 };

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { FloatingCardProps } from './FloatingCard.types';
+declare const FloatingCard: React.FC<FloatingCardProps>;
+export default FloatingCard;

package/dist/components/atoms/FloatingCard/FloatingCard.types.d.ts

@@ -0,0 +1,9 @@
+import { Placement } from '@floating-ui/dom';
+export interface FloatingCardProps {
+    content: React.ReactNode;
+    children: React.ReactElement;
+    className?: string;
+    placement?: Placement;
+    offset?: number;
+    delay?: number;
+}

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

@@ -0,0 +1 @@
+export { default as FloatingCard } from './FloatingCard';

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ThresholdCircleProgressProps } from './ThresholdCircleProgress.types';
+declare const ThresholdCircleProgress: React.FC<ThresholdCircleProgressProps>;
+export default ThresholdCircleProgress;

package/dist/components/atoms/ThresholdCircleProgress/ThresholdCircleProgress.js

@@ -0,0 +1,115 @@
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+const F = ({
+  progress: p,
+  showPercentage: f = !0,
+  showLabel: m = !1,
+  percentageLabel: u = "progreso",
+  className: y = "",
+  size: s = 120,
+  strokeWidth: l = 8,
+  backgroundColor: N = "#e5e7eb",
+  animated: g = !0,
+  animationDuration: v = "1.5s",
+  colorThresholds: n,
+  lowThreshold: b = 30,
+  mediumThreshold: $ = 70,
+  lowColor: k = "#ef4444",
+  mediumColor: D = "#eab308",
+  highColor: M = "#22c55e",
+  singleColor: j,
+  clockwise: P = !0,
+  startAngle: C = -90
+}) => {
+  const w = (c) => {
+    if (j)
+      return j;
+    if (n && n.length > 0) {
+      const r = [...n].sort(
+        (t, h) => t.threshold - h.threshold
+      );
+      for (let t = r.length - 1; t >= 0; t--)
+        if (c >= r[t].threshold)
+          return r[t].color;
+      return r[0].color;
+    }
+    return c < b ? k : c < $ ? D : M;
+  }, B = (c) => {
+    if (!n || n.length === 0) return;
+    const r = [...n].sort(
+      (t, h) => t.threshold - h.threshold
+    );
+    for (let t = r.length - 1; t >= 0; t--)
+      if (c >= r[t].threshold)
+        return r[t].label;
+    return r[0].label;
+  }, o = Math.min(100, Math.max(0, p)), E = w(o), i = B(o), a = s / 2, x = (s - l) / 2, d = 2 * Math.PI * x, I = d, L = d - o / 100 * d, R = `rotate(${C} ${a} ${a}) scale(${P ? 1 : -1}, 1)`;
+  return /* @__PURE__ */ e.jsxs("div", { className: `flex flex-col items-center gap-2 ${y}`, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "relative", style: { width: s, height: s }, children: [
+      /* @__PURE__ */ e.jsxs(
+        "svg",
+        {
+          width: s,
+          height: s,
+          className: "transform -rotate-90",
+          viewBox: `0 0 ${s} ${s}`,
+          children: [
+            /* @__PURE__ */ e.jsx(
+              "circle",
+              {
+                cx: a,
+                cy: a,
+                r: x,
+                fill: "transparent",
+                stroke: N,
+                strokeWidth: l,
+                className: "opacity-20"
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              "circle",
+              {
+                cx: a,
+                cy: a,
+                r: x,
+                fill: "transparent",
+                stroke: E,
+                strokeWidth: l,
+                strokeDasharray: I,
+                strokeDashoffset: L,
+                strokeLinecap: "round",
+                transform: R,
+                className: g ? "transition-all ease-out" : "",
+                style: g ? {
+                  transitionDuration: v,
+                  transitionProperty: "stroke-dashoffset, stroke"
+                } : {}
+              }
+            )
+          ]
+        }
+      ),
+      f && /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "text-2xl font-bold text-gray-800", children: [
+          Math.round(o),
+          "%"
+        ] }),
+        m && /* @__PURE__ */ e.jsx("div", { className: "text-xs text-gray-500 mt-1", children: i || u })
+      ] }) })
+    ] }),
+    m && !f && /* @__PURE__ */ e.jsxs("div", { className: "text-sm text-gray-600 text-center", children: [
+      /* @__PURE__ */ e.jsxs("span", { className: "font-medium", children: [
+        Math.round(o),
+        "%"
+      ] }),
+      i && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-gray-500 block", children: [
+        "(",
+        i,
+        ")"
+      ] }),
+      /* @__PURE__ */ e.jsx("span", { className: "text-gray-500", children: u })
+    ] })
+  ] });
+};
+export {
+  F as default
+};

package/dist/components/atoms/ThresholdCircleProgress/ThresholdCircleProgress.types.d.ts

@@ -0,0 +1,26 @@
+export interface ColorThreshold {
+    threshold: number;
+    color: string;
+    label?: string;
+}
+export interface ThresholdCircleProgressProps {
+    progress: number;
+    showPercentage?: boolean;
+    showLabel?: boolean;
+    percentageLabel?: string;
+    className?: string;
+    size?: number;
+    strokeWidth?: number;
+    backgroundColor?: string;
+    animated?: boolean;
+    animationDuration?: string;
+    colorThresholds?: ColorThreshold[];
+    lowThreshold?: number;
+    mediumThreshold?: number;
+    lowColor?: string;
+    mediumColor?: string;
+    highColor?: string;
+    singleColor?: string;
+    clockwise?: boolean;
+    startAngle?: number;
+}

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

@@ -0,0 +1 @@
+export { default as ThresholdCircleProgress } from './ThresholdCircleProgress';

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ThresholdProgressBarProps } from './TresholdProgressBar.types';
+declare const ThresholdProgressBar: React.FC<ThresholdProgressBarProps>;
+export default ThresholdProgressBar;

package/dist/components/atoms/TresholdProgressBar/TresholdProgressBar.js

@@ -0,0 +1,72 @@
+import { j as r } from "../../../_virtual/jsx-runtime.js";
+const P = ({
+  progress: d,
+  showPercentage: h = !1,
+  percentageLabel: c = "",
+  className: u = "",
+  height: f = "h-5",
+  backgroundColor: x = "bg-gray-200",
+  animated: g = !0,
+  animationDuration: m = "duration-300",
+  colorThresholds: s,
+  lowThreshold: p = 30,
+  mediumThreshold: b = 70,
+  lowColor: j = "bg-red-500",
+  mediumColor: N = "bg-yellow-500",
+  highColor: $ = "bg-green-500",
+  singleColor: o
+}) => {
+  const y = (n) => {
+    if (o)
+      return o;
+    if (s && s.length > 0) {
+      const t = [...s].sort(
+        (e, a) => e.threshold - a.threshold
+      );
+      for (let e = t.length - 1; e >= 0; e--)
+        if (n >= t[e].threshold)
+          return t[e].color;
+      return t[0].color;
+    }
+    return n < p ? j : n < b ? N : $;
+  }, w = (n) => {
+    if (!s || s.length === 0) return;
+    const t = [...s].sort(
+      (e, a) => e.threshold - a.threshold
+    );
+    for (let e = t.length - 1; e >= 0; e--)
+      if (n >= t[e].threshold)
+        return t[e].label;
+    return t[0].label;
+  }, l = Math.min(100, Math.max(0, d)), v = y(l), i = w(l), C = g ? `transition-all ${m} ease-in-out` : "";
+  return /* @__PURE__ */ r.jsxs("div", { className: `w-full flex gap-4 items-center ${u}`, children: [
+    /* @__PURE__ */ r.jsx(
+      "div",
+      {
+        className: `flex-1 ${x} rounded-full ${f} overflow-hidden`,
+        children: /* @__PURE__ */ r.jsx(
+          "div",
+          {
+            className: `h-full ${v} ${C} rounded-full`,
+            style: { width: `${l}%` }
+          }
+        )
+      }
+    ),
+    h && /* @__PURE__ */ r.jsxs("div", { className: "text-sm text-gray-700 font-medium text-nowrap flex items-center gap-1", children: [
+      /* @__PURE__ */ r.jsxs("span", { className: "font-bold", children: [
+        Math.round(l),
+        "%"
+      ] }),
+      i && /* @__PURE__ */ r.jsxs("span", { className: "text-xs text-gray-500", children: [
+        "(",
+        i,
+        ")"
+      ] }),
+      /* @__PURE__ */ r.jsx("span", { className: "text-gray-600", children: c })
+    ] })
+  ] });
+};
+export {
+  P as default
+};

package/dist/components/atoms/TresholdProgressBar/TresholdProgressBar.types.d.ts

@@ -0,0 +1,22 @@
+export interface ColorThreshold {
+    threshold: number;
+    color: string;
+    label?: string;
+}
+export interface ThresholdProgressBarProps {
+    progress: number;
+    showPercentage?: boolean;
+    percentageLabel?: string;
+    className?: string;
+    height?: string;
+    backgroundColor?: string;
+    animated?: boolean;
+    animationDuration?: string;
+    colorThresholds?: ColorThreshold[];
+    lowThreshold?: number;
+    mediumThreshold?: number;
+    lowColor?: string;
+    mediumColor?: string;
+    highColor?: string;
+    singleColor?: string;
+}

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

@@ -0,0 +1 @@
+export { default as TresholdProgressBar } from './TresholdProgressBar';

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

@@ -33,3 +33,5 @@ export * from './UncontrolledTextInput/index';
 export * from './UploadContainer/index';
 export * from './Tooltip/index';
 export * from './LoadingProgress/index';
+export * from './ThresholdCircleProgress/index';
+export * from './TresholdProgressBar/index';

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

@@ -1,3 +1,3 @@
 import { AlertModalProps } from './AlertModal.types';
-declare const AlertModal: ({ title, description, open, onClose, onConfirm, onCancel, }: AlertModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const AlertModal: ({ title, description, open, onClose, onConfirm, onCancel, showCloseButton, }: AlertModalProps) => import("react/jsx-runtime").JSX.Element;
 export default AlertModal;

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

@@ -1,9 +1,9 @@
 import { j as t } from "../../../_virtual/jsx-runtime.js";
-import { faX as h } from "../../../node_modules/@fortawesome/pro-light-svg-icons/index.js";
-import { FontAwesomeIcon as y } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { faX as y } from "../../../node_modules/@fortawesome/pro-light-svg-icons/index.js";
+import { FontAwesomeIcon as j } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { useTheme as u } from "../../../hooks/useTheme.js";
 import "react";
 import "../../../_virtual/lodash.js";
-import { useTheme as j } from "../../../hooks/useTheme.js";
 import "react-hook-form";
 import "../InformationContainer/InformationContainer.js";
 import g from "../../atoms/BoxContainer/BoxContainer.js";
@@ -11,20 +11,21 @@ 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 { 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 T = ({
+const X = ({
   title: n,
   description: c,
   open: o,
   onClose: i,
   onConfirm: e,
-  onCancel: a
+  onCancel: a,
+  showCloseButton: m = !0
 }) => {
-  const { t: s } = j(), m = {
+  const { t: s } = u(), x = {
     hidden: { opacity: 0 },
     visible: { opacity: 1 }
-  }, x = {
+  }, p = {
     hidden: {
       opacity: 0,
       scale: 0.8,
@@ -48,36 +49,36 @@ const T = ({
         duration: 0.2
       }
     }
-  }, p = () => {
-    e == null || e(), i();
   }, d = () => {
+    e == null || e(), i();
+  }, f = () => {
     a == null || a(), i();
   };
-  return /* @__PURE__ */ t.jsx(u, { children: o && /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsx(v, { children: o && /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
     l.div,
     {
       className: "fixed inset-0 bg-black/50 z-9999 flex items-center justify-center",
       initial: "hidden",
       animate: "visible",
       exit: "hidden",
-      variants: m,
+      variants: x,
       onClick: i,
       children: /* @__PURE__ */ t.jsx(
         l.div,
         {
           className: "w-full max-w-4xl mx-16 z-50",
-          variants: x,
+          variants: p,
           initial: "hidden",
           animate: "visible",
           exit: "exit",
-          onClick: (f) => f.stopPropagation(),
+          onClick: (h) => h.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: n }),
-              /* @__PURE__ */ t.jsx(
-                y,
+              m && /* @__PURE__ */ t.jsx(
+                j,
                 {
-                  icon: h,
+                  icon: y,
                   className: "cursor-pointer text-2xl text-gray-500 transition-all duration-300 hover:text-gray-700",
                   onClick: i
                 }
@@ -88,7 +89,7 @@ const T = ({
               a && /* @__PURE__ */ t.jsx(
                 r,
                 {
-                  onClick: d,
+                  onClick: f,
                   variant: "transparent",
                   className: "px-24 py-10! text-lg!",
                   children: s("cancel")
@@ -97,7 +98,7 @@ const T = ({
               e && /* @__PURE__ */ t.jsx(
                 r,
                 {
-                  onClick: p,
+                  onClick: d,
                   className: "px-24 py-16 text-lg!",
                   children: s("confirm")
                 }
@@ -110,5 +111,5 @@ const T = ({
   ) }) });
 };
 export {
-  T as default
+  X as default
 };

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

@@ -5,4 +5,5 @@ export interface AlertModalProps {
     onClose: () => void;
     onConfirm?: () => void;
     onCancel?: () => void;
+    showCloseButton?: boolean;
 }

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

@@ -1,3 +1,3 @@
 import { DialogModalProps } from './DialogModal.types';
-declare const DialogModal: ({ title, description, open, onClose, onConfirm, onCancel, icon, }: DialogModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const DialogModal: ({ title, description, open, onClose, onConfirm, onCancel, icon, showCloseButton, }: DialogModalProps) => import("react/jsx-runtime").JSX.Element;
 export default DialogModal;

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

@@ -1,32 +1,33 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
-import { faX as u } from "../../../node_modules/@fortawesome/pro-light-svg-icons/index.js";
+import { faX as y } from "../../../node_modules/@fortawesome/pro-light-svg-icons/index.js";
+import { faCheck as v } from "../../../node_modules/@fortawesome/pro-solid-svg-icons/index.js";
 import { FontAwesomeIcon as l } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { useTheme as g } from "../../../hooks/useTheme.js";
 import "react";
 import "../../../_virtual/lodash.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 "../InformationContainer/InformationContainer.js";
-import g from "../../atoms/BoxContainer/BoxContainer.js";
+import N from "../../atoms/BoxContainer/BoxContainer.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 { 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 q = ({
+const G = ({
   title: n,
   description: m,
   open: o,
   onClose: i,
   onConfirm: t,
   onCancel: s,
-  icon: x = v
+  icon: x = v,
+  showCloseButton: d = !0
 }) => {
-  const d = {
+  const f = {
     hidden: { opacity: 0 },
     visible: { opacity: 1 }
-  }, f = {
+  }, p = {
     hidden: {
       opacity: 0,
       scale: 0.8,
@@ -50,35 +51,35 @@ const q = ({
         duration: 0.2
       }
     }
-  }, p = () => {
-    t == null || t(), i();
   }, h = () => {
+    t == null || t(), i();
+  }, j = () => {
     s == null || s(), i();
-  }, { t: a } = y();
-  return /* @__PURE__ */ e.jsx(N, { children: o && /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
+  }, { t: a } = g();
+  return /* @__PURE__ */ e.jsx(b, { 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,
+      variants: f,
       onClick: i,
       children: /* @__PURE__ */ e.jsx(
         c.div,
         {
           className: "w-full max-w-sm mx-16 z-50",
-          variants: f,
+          variants: p,
           initial: "hidden",
           animate: "visible",
           exit: "exit",
-          onClick: (j) => j.stopPropagation(),
-          children: /* @__PURE__ */ e.jsxs(g, { className: "flex flex-col  gap-20 p-32", children: [
+          onClick: (u) => u.stopPropagation(),
+          children: /* @__PURE__ */ e.jsxs(N, { 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(
+              /* @__PURE__ */ e.jsx("div", { className: "flex justify-end", children: d && /* @__PURE__ */ e.jsx(
                 l,
                 {
-                  icon: u,
+                  icon: y,
                   className: "cursor-pointer text-2xl text-gray-500 transition-all duration-300 hover:text-gray-700",
                   onClick: i
                 }
@@ -102,19 +103,12 @@ const q = ({
                   r,
                   {
                     size: "lg",
-                    onClick: h,
+                    onClick: j,
                     variant: "transparent",
                     children: a("cancel")
                   }
                 ),
-                !!t && /* @__PURE__ */ e.jsx(
-                  r,
-                  {
-                    size: "lg",
-                    onClick: p,
-                    children: a("confirm")
-                  }
-                )
+                !!t && /* @__PURE__ */ e.jsx(r, { size: "lg", onClick: h, children: a("confirm") })
               ] })
             ] })
           ] })
@@ -124,5 +118,5 @@ const q = ({
   ) }) });
 };
 export {
-  q as default
+  G as default
 };

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

@@ -7,4 +7,5 @@ export interface DialogModalProps {
     onClose: () => void;
     onConfirm?: () => void;
     onCancel?: () => void;
+    showCloseButton?: boolean;
 }