@fluidattacks/design 3.1.12 → 3.1.13

package/dist/components/loading/index.js

@@ -1,19 +1,28 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { keyframes as i, styled as o, css as n, useTheme as m } from "styled-components";
-import { v as d } from "../../utils-CQvBF-wY.mjs";
-import "../../styles-C3cZmKVJ.mjs";
-import { Container as c } from "../container/index.js";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { keyframes as n, styled as o, css as a, useTheme as l } from "styled-components";
+import { v as c } from "../../utils-V0EumEPM.mjs";
+import "../../styles-CplEd2kw.mjs";
+import { Container as d } from "../container/index.js";
 import "../typography/heading/index.js";
 import "../typography/span/index.js";
 import { Text as f } from "../typography/text/index.js";
-const p = { lg: "56", md: "30", sm: "12" }, { getVariant: h } = d((e) => ({ red: `stroke: ${e.palette.primary[500]};`, white: `stroke: ${e.palette.white};` })), k = i`
+const p = {
+  lg: "56",
+  md: "30",
+  sm: "12"
+}, { getVariant: h } = c(
+  (t) => ({
+    red: `stroke: ${t.palette.primary[500]};`,
+    white: `stroke: ${t.palette.white};`
+  })
+), g = n`
   0% {
     transform: rotateZ(0deg);
   }
   100% {
     transform: rotateZ(360deg)
   }
-`, $ = i`
+`, k = n`
   0%,
   25% {
     stroke-dashoffset: 280;
@@ -30,16 +39,16 @@ const p = { lg: "56", md: "30", sm: "12" }, { getVariant: h } = d((e) => ({ red:
     stroke-dashoffset: 280;
     transform: rotate(360deg);
   }
-`, g = o.svg`
-  ${({ $size: e = "md" }) => n`
-    animation: ${k} 2s linear infinite;
+`, y = o.svg`
+  ${({ $size: t = "md" }) => a`
+    animation: ${g} 2s linear infinite;
     animation-timing-function: linear;
     display: inline-block;
-    width: ${p[e]}px;
+    width: ${p[t]}px;
   `}
-`, y = o.circle`
-  ${({ theme: e, $color: t = "red" }) => n`
-    animation: 1.4s ease-in-out infinite both ${$};
+`, $ = o.circle`
+  ${({ theme: t, $color: r = "red" }) => a`
+    animation: 1.4s ease-in-out infinite both ${k};
     display: block;
     fill: transparent;
     stroke-linecap: round;
@@ -48,20 +57,38 @@ const p = { lg: "56", md: "30", sm: "12" }, { getVariant: h } = d((e) => ({ red:
     stroke-width: 10px;
     transform-origin: 50% 50%;
 
-    ${h(e, t)}
+    ${h(t, r)}
   `}
 `, x = o.circle`
   display: block;
   fill: transparent;
-  stroke: ${({ theme: e }) => e.palette.gray[200]};
+  stroke: ${({ theme: t }) => t.palette.gray[200]};
   stroke-linecap: round;
   stroke-width: 10px;
   transform-origin: 50% 50%;
-  opacity: ${({ $color: e }) => e === "white" ? "20%" : "unset"};
-`, B = ({ color: e = "red", label: t, size: l }) => {
-  const s = m();
-  return a(c, { alignItems: "center", display: "flex", children: [a(g, { $size: l, viewBox: "0 0 100 100", children: [r(x, { $color: e, cx: "50", cy: "50", r: "45" }), r(y, { $color: e, cx: "50", cy: "50", r: "45" })] }), t && r(f, { color: e === "red" ? s.palette.gray[700] : s.palette.white, ml: 0.5, size: "sm", children: t })] });
+  opacity: ${({ $color: t }) => t === "white" ? "20%" : "unset"};
+`, L = ({
+  color: t = "red",
+  label: r,
+  size: m
+}) => {
+  const i = l();
+  return /* @__PURE__ */ s(d, { alignItems: "center", display: "flex", children: [
+    /* @__PURE__ */ s(y, { $size: m, viewBox: "0 0 100 100", children: [
+      /* @__PURE__ */ e(x, { $color: t, cx: "50", cy: "50", r: "45" }),
+      /* @__PURE__ */ e($, { $color: t, cx: "50", cy: "50", r: "45" })
+    ] }),
+    r && /* @__PURE__ */ e(
+      f,
+      {
+        color: t === "red" ? i.palette.gray[700] : i.palette.white,
+        ml: 0.5,
+        size: "sm",
+        children: r
+      }
+    )
+  ] });
 };
 export {
-  B as Loading
+  L as Loading
 };

package/dist/components/logo/index.js

@@ -1,7 +1,13 @@
-import { jsx as i } from "react/jsx-runtime";
-import { M as p } from "../../index-BwFnfaRh.mjs";
+import { jsx as o } from "react/jsx-runtime";
+import { M as e } from "../../index-maWH3JYC.mjs";
 import { Container as h } from "../container/index.js";
-const e = { company: { height: "83px", width: "460px" }, footer: { height: "57px", width: "315px" }, header: { height: "35px", width: "160px" }, icon: { height: "40px", width: "40px" }, inline: { width: "150px" } }, d = ({ publicId: t, variant: o }) => i(h, { ...e[o], children: i(p, { alt: "logo", publicId: t }) });
+const p = {
+  company: { height: "83px", width: "460px" },
+  footer: { height: "57px", width: "315px" },
+  header: { height: "35px", width: "160px" },
+  icon: { height: "40px", width: "40px" },
+  inline: { width: "150px" }
+}, m = ({ publicId: t, variant: i }) => /* @__PURE__ */ o(h, { ...p[i], children: /* @__PURE__ */ o(e, { alt: "logo", publicId: t }) });
 export {
-  d as Logo
+  m as Logo
 };

package/dist/components/logo-carousel/index.js

@@ -1,5 +1,5 @@
 import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import { M as n, p as t } from "../../index-BwFnfaRh.mjs";
+import { M as n, p as t } from "../../index-maWH3JYC.mjs";
 import { styled as o } from "styled-components";
 const u = o.div`
   display: flex;
@@ -7,7 +7,7 @@ const u = o.div`
   max-width: 1440px;
   overflow: hidden;
   position: relative;
-`, e = o.div`
+`, s = o.div`
   height: 79px;
   width: 64px;
   flex-shrink: 0;
@@ -31,7 +31,7 @@ const u = o.div`
     );
     right: 0;
   }
-`, f = o.div`
+`, p = o.div`
   display: flex;
   gap: 40px;
   animation: clients-animation 50s linear infinite;
@@ -46,7 +46,42 @@ const u = o.div`
       transform: translateX(calc(-180px * 15));
     }
   }
-`, p = ["airs/clients-carousel/color/bancolombia", "airs/clients-carousel/color/itau_colombia", "airs/clients-carousel/color/lulo_bank", "airs/clients-carousel/color/oxxo_international", "airs/clients-carousel/color/interbank", "airs/clients-carousel/color/global_bank", "airs/clients-carousel/color/gesa", "airs/clients-carousel/color/copa_airlines", "airs/clients-carousel/color/consubanco", "airs/clients-carousel/color/bantrab", "airs/clients-carousel/color/banistmo", "airs/clients-carousel/color/banco_internacional", "airs/clients-carousel/color/banco_general", "airs/clients-carousel/color/banbif", "airs/clients-carousel/color/avianca"], m = ({ fusion: l = !1, logos: r = p }) => c(u, { children: [l && a(e, { className: "left" }), a(f, { children: [...r, ...r].map((i, s) => a(n, { alt: `${i}-${s}`, height: "80px", plugins: [t()], publicId: i, width: "140px" }, `${i}-${s}`)) }), l && a(e, { className: "right" })] });
+`, f = [
+  "airs/clients-carousel/color/bancolombia",
+  "airs/clients-carousel/color/itau_colombia",
+  "airs/clients-carousel/color/lulo_bank",
+  "airs/clients-carousel/color/oxxo_international",
+  "airs/clients-carousel/color/interbank",
+  "airs/clients-carousel/color/global_bank",
+  "airs/clients-carousel/color/gesa",
+  "airs/clients-carousel/color/copa_airlines",
+  "airs/clients-carousel/color/consubanco",
+  "airs/clients-carousel/color/bantrab",
+  "airs/clients-carousel/color/banistmo",
+  "airs/clients-carousel/color/banco_internacional",
+  "airs/clients-carousel/color/banco_general",
+  "airs/clients-carousel/color/banbif",
+  "airs/clients-carousel/color/avianca"
+], h = ({
+  fusion: l = !1,
+  logos: r = f
+}) => /* @__PURE__ */ c(u, { children: [
+  l && /* @__PURE__ */ a(s, { className: "left" }),
+  /* @__PURE__ */ a(p, { children: [...r, ...r].map(
+    (i, e) => /* @__PURE__ */ a(
+      n,
+      {
+        alt: `${i}-${e}`,
+        height: "80px",
+        plugins: [t()],
+        publicId: i,
+        width: "140px"
+      },
+      `${i}-${e}`
+    )
+  ) }),
+  l && /* @__PURE__ */ a(s, { className: "right" })
+] });
 export {
-  m as LogoCarousel
+  h as LogoCarousel
 };

package/dist/components/lottie/index.js

@@ -1,15 +1,20 @@
-import { jsx as s } from "react/jsx-runtime";
-import e from "lottie-light-react";
-import { styled as i } from "styled-components";
-const r = i(e).attrs(({ autoplay: t = !0 }) => ({ autoplay: t, className: "comp-lottie" }))`
+import { jsx as e } from "react/jsx-runtime";
+import i from "lottie-light-react";
+import { styled as r } from "styled-components";
+const m = r(i).attrs(
+  ({ autoplay: t = !0 }) => ({
+    autoplay: t,
+    className: "comp-lottie"
+  })
+)`
   ${({ $size: t = 16 }) => `
     height: ${t}px;
     width: ${t}px;
   `}
-`, n = (t) => {
+`, l = (t) => {
   const { size: o } = t;
-  return s(r, { $size: o, ...t });
+  return /* @__PURE__ */ e(m, { $size: o, ...t });
 };
 export {
-  n as Lottie
+  l as Lottie
 };

package/dist/components/menu/index.js

@@ -1,22 +1,66 @@
-import { jsxs as o, jsx as i } from "react/jsx-runtime";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { isUndefined as g } from "lodash";
 import { useTheme as x } from "styled-components";
 import { Container as t } from "../container/index.js";
-import { Divider as m } from "../divider/index.js";
+import { Divider as l } from "../divider/index.js";
 import { Link as y } from "../link/index.js";
 import "react";
-import { a as b } from "../../styles-Q1VXuWI7.mjs";
+import { a as z } from "../../styles-Bdque9TT.mjs";
 import "../icon/index.js";
-import { Tag as v } from "../tag/index.js";
+import { Tag as b } from "../tag/index.js";
 import "../typography/heading/index.js";
 import "../typography/span/index.js";
 import { Text as r } from "../typography/text/index.js";
-import { u as z } from "../../use-click-outside-BtZLIoU1.mjs";
-const R = ({ children: s, commitSha: l, commitShortSha: n, parentElement: c, userInfo: p, setVisibility: d }) => {
-  const e = x(), { userName: h, email: f, phone: a, userRole: u } = p;
-  return z(c, () => {
+import { u as k } from "../../use-click-outside-BUll8Ag-.mjs";
+const R = ({
+  children: n,
+  commitSha: s,
+  commitShortSha: a,
+  parentElement: c,
+  userInfo: p,
+  setVisibility: d
+}) => {
+  const i = x(), { userName: f, email: h, phone: m, userRole: u } = p;
+  return k(c, () => {
     d(!1);
-  }), o(b, { children: [i("li", { className: "user-info", children: o(t, { display: "inline-flex", gap: 0.25, width: "100%", children: [o(t, { display: "flex", flexDirection: "column", gap: 0.25, width: "100%", children: [i(r, { color: e.palette.gray[800], fontWeight: "bold", size: "sm", children: h }), i(r, { color: e.palette.gray[400], size: "sm", children: f }), g(a) ? void 0 : i(r, { color: e.palette.gray[400], size: "sm", children: a })] }), i(t, { children: i(v, { tagLabel: u, variant: "role" }) })] }) }), i(m, {}), s, i(m, {}), i("li", { className: "commit-info", children: i(y, { href: `https://gitlab.com/fluidattacks/universe/-/tree/${l}`, iconPosition: "hidden", children: i(r, { color: e.palette.gray[400], size: "xs", children: `commit : ${n}` }) }) })] });
+  }), /* @__PURE__ */ o(z, { children: [
+    /* @__PURE__ */ e("li", { className: "user-info", children: /* @__PURE__ */ o(t, { display: "inline-flex", gap: 0.25, width: "100%", children: [
+      /* @__PURE__ */ o(
+        t,
+        {
+          display: "flex",
+          flexDirection: "column",
+          gap: 0.25,
+          width: "100%",
+          children: [
+            /* @__PURE__ */ e(
+              r,
+              {
+                color: i.palette.gray[800],
+                fontWeight: "bold",
+                size: "sm",
+                children: f
+              }
+            ),
+            /* @__PURE__ */ e(r, { color: i.palette.gray[400], size: "sm", children: h }),
+            g(m) ? void 0 : /* @__PURE__ */ e(r, { color: i.palette.gray[400], size: "sm", children: m })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(b, { tagLabel: u, variant: "role" }) })
+    ] }) }),
+    /* @__PURE__ */ e(l, {}),
+    n,
+    /* @__PURE__ */ e(l, {}),
+    /* @__PURE__ */ e("li", { className: "commit-info", children: /* @__PURE__ */ e(
+      y,
+      {
+        href: `https://gitlab.com/fluidattacks/universe/-/tree/${s}`,
+        iconPosition: "hidden",
+        children: /* @__PURE__ */ e(r, { color: i.palette.gray[400], size: "xs", children: `commit : ${a}` })
+      }
+    ) })
+  ] });
 };
 export {
   R as Menu

package/dist/components/message-banner/index.js

@@ -1,13 +1,13 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { useState as x, useCallback as C } from "react";
-import { styled as w, useTheme as j } from "styled-components";
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { useState as x, useCallback as w } from "react";
+import { styled as b, useTheme as z } from "styled-components";
 import { theme as c } from "../colors/index.js";
-import { Container as n } from "../container/index.js";
-import { Icon as m } from "../icon/index.js";
+import { Container as l } from "../container/index.js";
+import { Icon as p } from "../icon/index.js";
 import "../typography/heading/index.js";
 import "../typography/span/index.js";
-import { Text as p } from "../typography/text/index.js";
-const k = w.button`
+import { Text as m } from "../typography/text/index.js";
+const S = b.button`
   align-items: center;
   background-color: transparent;
   border: unset;
@@ -24,12 +24,78 @@ const k = w.button`
   &:hover span {
     color: ${c.palette.primary[200]};
   }
-`, F = ({ message: i, onClickButton: l, buttonText: d, buttonFontWeight: s = "regular", icon: f, onClose: o, variant: g = "web" }) => {
-  const e = j(), [u, h] = x(!0), y = C(() => {
-    h(!1), o == null || o();
-  }, [o]), r = /* @__PURE__ */ ((b) => b === "platform" ? { normal: "sm", small: void 0 } : { normal: "md", small: "sm" })(g);
-  return a(n, { alignItems: "center", bgGradient: e.palette.gradients["01"], display: u ? "flex" : "none", id: "message-banner", justify: "space-between", padding: [0.75, 0.75, 0.75, 0.75], children: [a(n, { display: "flex", gap: 0.5, justify: "center", width: "100%", children: [t(n, { children: typeof i == "string" ? t(p, { color: e.palette.white, display: "inline", size: r.normal, sizeSm: r.small, children: i }) : i }), l ? a(k, { onClick: l, children: [t(p, { color: e.palette.white, fontWeight: s, size: r.normal, sizeSm: r.small, textDecoration: "underline", children: d }), t(m, { icon: f ?? "arrow-right", iconColor: e.palette.white, iconSize: "xs", iconType: s === "bold" ? "fa-regular" : "fa-light" })] }) : void 0] }), t(m, { clickable: !0, hoverColor: e.palette.primary[200], icon: "close", iconColor: e.palette.white, iconSize: "xs", iconType: "fa-light", onClick: y })] });
+`, j = (t) => t === "platform" ? { normal: "sm", small: void 0 } : { normal: "md", small: "sm" }, M = ({
+  message: t,
+  onClickButton: a,
+  buttonText: d,
+  buttonFontWeight: s = "regular",
+  icon: f,
+  onClose: i,
+  variant: h = "web"
+}) => {
+  const e = z(), [u, g] = x(!0), y = w(() => {
+    g(!1), i == null || i();
+  }, [i]), o = j(h);
+  return /* @__PURE__ */ n(
+    l,
+    {
+      alignItems: "center",
+      bgGradient: e.palette.gradients["01"],
+      display: u ? "flex" : "none",
+      id: "message-banner",
+      justify: "space-between",
+      padding: [0.75, 0.75, 0.75, 0.75],
+      children: [
+        /* @__PURE__ */ n(l, { display: "flex", gap: 0.5, justify: "center", width: "100%", children: [
+          /* @__PURE__ */ r(l, { children: typeof t == "string" ? /* @__PURE__ */ r(
+            m,
+            {
+              color: e.palette.white,
+              display: "inline",
+              size: o.normal,
+              sizeSm: o.small,
+              children: t
+            }
+          ) : t }),
+          a ? /* @__PURE__ */ n(S, { onClick: a, children: [
+            /* @__PURE__ */ r(
+              m,
+              {
+                color: e.palette.white,
+                fontWeight: s,
+                size: o.normal,
+                sizeSm: o.small,
+                textDecoration: "underline",
+                children: d
+              }
+            ),
+            /* @__PURE__ */ r(
+              p,
+              {
+                icon: f ?? "arrow-right",
+                iconColor: e.palette.white,
+                iconSize: "xs",
+                iconType: s === "bold" ? "fa-regular" : "fa-light"
+              }
+            )
+          ] }) : void 0
+        ] }),
+        /* @__PURE__ */ r(
+          p,
+          {
+            clickable: !0,
+            hoverColor: e.palette.primary[200],
+            icon: "close",
+            iconColor: e.palette.white,
+            iconSize: "xs",
+            iconType: "fa-light",
+            onClick: y
+          }
+        )
+      ]
+    }
+  );
 };
 export {
-  F as MessageBanner
+  M as MessageBanner
 };

package/dist/components/modal/index.js

@@ -1,19 +1,65 @@
-import { jsx as t, jsxs as h } from "react/jsx-runtime";
-import r from "lodash";
-import { createPortal as x } from "react-dom";
-import { ModalConfirm as j } from "./modal-confirm/index.js";
-import { ModalFooter as M } from "./modal-footer/index.js";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import a from "lodash";
+import { createPortal as M } from "react-dom";
+import { ModalConfirm as k } from "./modal-confirm/index.js";
+import { ModalFooter as x } from "./modal-footer/index.js";
 import { ModalHeader as b } from "./modal-header/index.js";
-import { M as B, a as S, I as g } from "../../styles-D85YYIjM.mjs";
-import { M as y } from "../../index-BwFnfaRh.mjs";
+import { M as I, a as h, I as j } from "../../styles-BZQOqe8p.mjs";
+import { M as O } from "../../index-maWH3JYC.mjs";
 import "../typography/heading/index.js";
 import "../typography/span/index.js";
-import { Text as z } from "../typography/text/index.js";
-const H = ({ _portal: n = !0, cancelButton: s, children: l, confirmButton: d, content: o, description: c = "", modalRef: e, otherActions: p, onClose: f, title: i = "", size: u, id: a = "modal-container" }) => {
-  const m = () => t(B, { "aria-label": e.name, "aria-modal": "true", id: "modal-wrapper", children: h(S, { $size: u, "data-testid": a, id: a, children: [!r.isEmpty(i) && t(b, { description: c, modalRef: e, onClose: f, otherActions: p, title: i }), l, r.isObject(o) && r.isString(o.imageSrc) && t(g, { $framed: o.imageFramed, children: t(y, { alt: "modal-img", publicId: o.imageSrc }) }), r.isObject(o) && r.isString(o.imageText) && t(z, { mb: 1.5, size: "sm", children: o.imageText }), t(M, { cancelButton: s, confirmButton: d, modalRef: e })] }) });
-  return n && e.isOpen ? x(m(), document.getElementById("portals") ?? document.body) : e.isOpen ? m() : null;
+import { Text as S } from "../typography/text/index.js";
+const P = ({
+  _portal: t = !0,
+  cancelButton: n = void 0,
+  children: p = void 0,
+  confirmButton: s = void 0,
+  content: r = void 0,
+  description: l = "",
+  modalRef: i,
+  otherActions: u = void 0,
+  onClose: f = void 0,
+  title: m = "",
+  size: g,
+  id: o = "modal-container"
+}) => {
+  const d = () => /* @__PURE__ */ e(
+    I,
+    {
+      "aria-label": i.name,
+      "aria-modal": "true",
+      id: "modal-wrapper",
+      children: /* @__PURE__ */ c(h, { $size: g, "data-testid": o, id: o, children: [
+        !a.isEmpty(m) && /* @__PURE__ */ e(
+          b,
+          {
+            description: l,
+            modalRef: i,
+            onClose: f,
+            otherActions: u,
+            title: m
+          }
+        ),
+        p,
+        a.isObject(r) && a.isString(r.imageSrc) && /* @__PURE__ */ e(j, { $framed: r.imageFramed, children: /* @__PURE__ */ e(O, { alt: "modal-img", publicId: r.imageSrc }) }),
+        a.isObject(r) && a.isString(r.imageText) && /* @__PURE__ */ e(S, { mb: 1.5, size: "sm", children: r.imageText }),
+        /* @__PURE__ */ e(
+          x,
+          {
+            cancelButton: n,
+            confirmButton: s,
+            modalRef: i
+          }
+        )
+      ] })
+    }
+  );
+  return t && i.isOpen ? M(
+    d(),
+    document.getElementById("portals") ?? document.body
+  ) : i.isOpen ? d() : null;
 };
 export {
-  H as Modal,
-  j as ModalConfirm
+  P as Modal,
+  k as ModalConfirm
 };

package/dist/components/modal/modal-confirm/index.js

@@ -1,10 +1,51 @@
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import { Button as a } from "../../button/index.js";
-import { Container as l } from "../../container/index.js";
-const C = ({ disabled: e, id: t = "modal-confirm", onCancel: i, onConfirm: n = "submit", txtCancel: m, txtConfirm: s }) => {
-  const r = n === "submit";
-  return d(l, { display: "flex", gap: 0.75, maxWidth: i ? "392px" : "190px", mt: 1.5, children: [i ? o(a, { id: `${t}-cancel`, justify: "center", onClick: i, variant: "tertiary", width: "100%", children: m ?? "Cancel" }) : void 0, o(a, { disabled: e, id: t, justify: "center", onClick: r ? void 0 : n, type: r ? "submit" : "button", variant: "primary", width: "100%", children: s ?? "Confirm" })] });
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { Button as m } from "../../button/index.js";
+import { Container as c } from "../../container/index.js";
+const l = ({
+  disabled: o,
+  id: i = "modal-confirm",
+  onCancel: t,
+  onConfirm: r = "submit",
+  txtCancel: d,
+  txtConfirm: a
+}) => {
+  const n = r === "submit";
+  return /* @__PURE__ */ s(
+    c,
+    {
+      display: "flex",
+      gap: 0.75,
+      maxWidth: t ? "392px" : "190px",
+      mt: 1.5,
+      children: [
+        t ? /* @__PURE__ */ e(
+          m,
+          {
+            id: `${i}-cancel`,
+            justify: "center",
+            onClick: t,
+            variant: "tertiary",
+            width: "100%",
+            children: d ?? "Cancel"
+          }
+        ) : void 0,
+        /* @__PURE__ */ e(
+          m,
+          {
+            disabled: o,
+            id: i,
+            justify: "center",
+            onClick: n ? void 0 : r,
+            type: n ? "submit" : "button",
+            variant: "primary",
+            width: "100%",
+            children: a ?? "Confirm"
+          }
+        )
+      ]
+    }
+  );
 };
 export {
-  C as ModalConfirm
+  l as ModalConfirm
 };

package/dist/components/modal/modal-footer/index.js

@@ -1,16 +1,25 @@
-import { jsx as i, jsxs as l } from "react/jsx-runtime";
-import { isEmpty as p } from "lodash";
-import { useCallback as n } from "react";
-import { F as f } from "../../../styles-D85YYIjM.mjs";
-import { Button as a } from "../../button/index.js";
-const C = ({ modalRef: s, confirmButton: o, cancelButton: t }) => {
-  const { close: r } = s, c = n(() => {
-    t == null || t.onClick(), r();
-  }, [t, r]), e = n(() => {
-    o == null || o.onClick(), r();
-  }, [o, r]);
-  return [o, t].some((d) => !p(d)) ? i(f, { children: l("div", { children: [t && i(a, { onClick: c, variant: "tertiary", width: "100%", children: t.text }), o && i(a, { onClick: e, variant: "primary", width: "100%", children: o.text })] }) }) : null;
+import { jsx as s, jsxs as x } from "react/jsx-runtime";
+import { isEmpty as C } from "lodash";
+import { useCallback as d } from "react";
+import { F as m } from "../../../styles-BZQOqe8p.mjs";
+import { Button as h } from "../../button/index.js";
+const j = ({
+  modalRef: l,
+  confirmButton: r = void 0,
+  cancelButton: i = void 0
+}) => {
+  const { close: e } = l, p = d(() => {
+    i == null || i.onClick(), e();
+  }, [i, e]), a = d(() => {
+    r == null || r.onClick(), e();
+  }, [r, e]);
+  return [r, i].some(
+    (o) => !C(o)
+  ) ? /* @__PURE__ */ s(m, { children: /* @__PURE__ */ x("div", { children: [
+    i && /* @__PURE__ */ s(h, { onClick: p, variant: "tertiary", width: "100%", children: i.text }),
+    r && /* @__PURE__ */ s(h, { onClick: a, variant: "primary", width: "100%", children: r.text })
+  ] }) }) : null;
 };
 export {
-  C as ModalFooter
+  j as ModalFooter
 };