@canaia/ui-kit 0.0.12-alpha.30 → 0.0.12-alpha.32

package/dist/canaia-ui-kit.es.js

@@ -21800,12 +21800,12 @@ const $j = {
   initialColorMode: "light",
   useSystemColorMode: !1
 }, tO = {
-  Body: "Sansation-Regular, sans-serif",
-  Heading: "Sansation-Bold, sans-serif",
-  Lato: "Lato-Regular, sans-serif",
-  LatoBold: "Lato-Bold, sans-serif",
-  SansationBold: "Sansation-Bold, sans-serif",
-  SansationRegular: "Sansation-Regular, sans-serif"
+  body: "Sansation-Regular, sans-serif",
+  heading: "Sansation-Bold, sans-serif",
+  lato: "Lato-Regular, sans-serif",
+  latoBold: "Lato-Bold, sans-serif",
+  sansationBold: "Sansation-Bold, sans-serif",
+  sansationRegular: "Sansation-Regular, sans-serif"
 }, Qo = AJ({
   config: eO,
   colors: tt,
@@ -37216,15 +37216,16 @@ const YEA = ({
   onConfirm: r,
   children: o,
   secondButton: a = !1,
-  optionalFunction: s,
-  optionalButtonText: l,
-  hideCloseButton: c = !1,
-  closeOnEsc: g = !0,
-  closeOnOverlayClick: B = !0,
-  descriptionSecondary: u = "",
-  ...I
+  fontFamily: s = "heading",
+  optionalFunction: l,
+  optionalButtonText: c,
+  hideCloseButton: g = !1,
+  closeOnEsc: B = !0,
+  closeOnOverlayClick: u = !0,
+  descriptionSecondary: I = "",
+  ...f
 }) => {
-  const f = {
+  const d = {
     assist: "#2F93DF",
     elevate: "#FF6F9A",
     play: "#FB8E79",
@@ -37236,9 +37237,9 @@ const YEA = ({
       isOpen: A,
       onClose: e,
       isCentered: !0,
-      closeOnEsc: g,
-      closeOnOverlayClick: B,
-      ...I,
+      closeOnEsc: B,
+      closeOnOverlayClick: u,
+      ...f,
       children: [
         /* @__PURE__ */ E.jsx(ai, {}),
         /* @__PURE__ */ E.jsxs(
@@ -37253,7 +37254,7 @@ const YEA = ({
             maxW: { base: "92vw", md: "500px" },
             minW: "400px",
             children: [
-              !c && /* @__PURE__ */ E.jsx(
+              !g && /* @__PURE__ */ E.jsx(
                 Et,
                 {
                   "aria-label": "Cerrar modal",
@@ -37288,8 +37289,8 @@ const YEA = ({
                         /* @__PURE__ */ E.jsx(MA, { w: "45px", minW: "45px", flexShrink: 0, display: "flex", justifyContent: "center", children: /* @__PURE__ */ E.jsx(
                           stA,
                           {
-                            color: f[i] || f.primary,
-                            width: u ? 52 : 24
+                            color: d[i] || d.primary,
+                            width: I ? 52 : 24
                           }
                         ) }),
                         /* @__PURE__ */ E.jsxs(XA, { direction: "column", align: "center", textAlign: "center", children: [
@@ -37297,20 +37298,20 @@ const YEA = ({
                             DA,
                             {
                               fontSize: "19px",
-                              fontFamily: "Lato",
+                              fontFamily: "lato",
                               wordBreak: "break-word",
                               whiteSpace: "pre-wrap",
                               children: t
                             }
                           ),
-                          u && /* @__PURE__ */ E.jsx(
+                          I && /* @__PURE__ */ E.jsx(
                             DA,
                             {
                               fontSize: "19px",
                               mt: 2,
                               wordBreak: "break-word",
                               whiteSpace: "pre-wrap",
-                              children: u
+                              children: I
                             }
                           )
                         ] })
@@ -37326,13 +37327,13 @@ const YEA = ({
                       backgroundColor: "#fff",
                       border: "1px solid",
                       fontSize: "18px",
-                      fontFamily: "Sansation-Bold",
+                      fontFamily: s,
                       borderColor: `${i}.500`,
                       color: `${i}.500`,
-                      onClick: s,
+                      onClick: l,
                       _hover: { backgroundColor: "#f7fcffff" },
                       marginRight: "1.5rem",
-                      children: l
+                      children: c
                     }
                   ),
                   /* @__PURE__ */ E.jsx(
@@ -37340,7 +37341,7 @@ const YEA = ({
                     {
                       backgroundColor: `${i}.500`,
                       fontSize: "18px",
-                      fontFamily: "Sansation-Bold",
+                      fontFamily: s,
                       color: "white",
                       _hover: { backgroundColor: `${i}.600` },
                       onClick: r,