@isettingkit/business-rules 2.1.0 → 2.1.2

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import { jsx as a, jsxs as m, Fragment as O } from "react/jsx-runtime";
 import { MdOutlineDelete as rn, MdClear as on, MdAdd as Be, MdOutlineCreate as Tt, MdExpandLess as Ct, MdExpandMore as vn, MdInfo as Dt, MdCached as St, MdOutlineInfo as Et, MdClose as Nt, MdOutlineFilterAltOff as Jn, MdOutlineFilterAlt as et, MdChevronRight as Rn, MdArrowRight as kt, MdOutlineArrowCircleLeft as $t, MdOutlineArrowCircleRight as At, MdOutlineChevronRight as It, MdOutlineError as Ft } from "react-icons/md";
-import { inube as S, Stack as y, Divider as _, Icon as P, Text as k, SkeletonLine as Q, useMediaQuery as Z, Blanket as an, Button as H, Grid as qe, Toggle as ln, Checkbox as Sn, Date as ke, Box as Rt, Tag as ve, SkeletonIcon as Lt, Fieldset as ze, Tabs as Ot, OptionList as Pt, Checkpicker as Mt, Label as zt, OptionItem as Vt } from "@inubekit/inubekit";
+import { inube as S, Stack as v, Divider as _, Icon as P, Text as k, SkeletonLine as Q, useMediaQuery as Z, Blanket as an, Button as H, Grid as qe, Toggle as ln, Checkbox as Sn, Date as ke, Box as Rt, Tag as ve, SkeletonIcon as Lt, Fieldset as ze, Tabs as Ot, OptionList as Pt, Checkpicker as Mt, Label as zt, OptionItem as Vt } from "@inubekit/inubekit";
 import C, { keyframes as En, ThemeContext as Nn } from "styled-components";
 import { ValueDataType as V, ValueHowToSetUp as K, DecisionConditionRender as Je, DecisionConditionRenderNew as Ln } from "@isettingkit/input";
 import { DecisionViewConditionRenderer as Se, DecisionViewConditionRendererNew as Xe } from "@isettingkit/view";
@@ -48,11 +48,11 @@ C.div`
 `;
 const Ge = (e) => {
   const { children: n, controls: t = !0, handleDelete: r, id: o } = e;
-  return /* @__PURE__ */ a(qt, { children: /* @__PURE__ */ m(y, { direction: "column", gap: "16px", padding: "12px 16px", children: [
+  return /* @__PURE__ */ a(qt, { children: /* @__PURE__ */ m(v, { direction: "column", gap: "16px", padding: "12px 16px", children: [
     n,
     t && /* @__PURE__ */ m(O, { children: [
       /* @__PURE__ */ a(_, {}),
-      /* @__PURE__ */ a(y, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ a(
+      /* @__PURE__ */ a(v, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ a(
         P,
         {
           cursorHover: !0,
@@ -120,8 +120,8 @@ const Jt = {
     textValues: l,
     visibleConditions: p
   } = e;
-  return i ? /* @__PURE__ */ m(y, { direction: "column", gap: "12px", children: [
-    /* @__PURE__ */ a(y, { direction: "column", alignItems: "center", children: /* @__PURE__ */ a(
+  return i ? /* @__PURE__ */ m(v, { direction: "column", gap: "12px", children: [
+    /* @__PURE__ */ a(v, { direction: "column", alignItems: "center", children: /* @__PURE__ */ a(
       Se,
       {
         element: o,
@@ -133,7 +133,7 @@ const Jt = {
     ) }, t.ruleName),
     /* @__PURE__ */ a(_, { dashed: !0 }),
     /* @__PURE__ */ a(Pn, { children: /* @__PURE__ */ m(
-      y,
+      v,
       {
         direction: "column",
         gap: "12px",
@@ -151,7 +151,7 @@ const Jt = {
               children: l.factsThatConditionIt
             }
           ),
-          p.length > 0 && p.map((u) => /* @__PURE__ */ a(On, { children: /* @__PURE__ */ a(y, { direction: "column", padding: "8px", children: /* @__PURE__ */ a(
+          p.length > 0 && p.map((u) => /* @__PURE__ */ a(On, { children: /* @__PURE__ */ a(v, { direction: "column", padding: "8px", children: /* @__PURE__ */ a(
             Se,
             {
               element: { ...u, value: u.value },
@@ -173,24 +173,24 @@ const Jt = {
         ]
       }
     ) })
-  ] }) : /* @__PURE__ */ m(y, { direction: "column", gap: "12px", children: [
-    /* @__PURE__ */ m(y, { direction: "column", alignItems: "center", gap: "4px", children: [
+  ] }) : /* @__PURE__ */ m(v, { direction: "column", gap: "12px", children: [
+    /* @__PURE__ */ m(v, { direction: "column", alignItems: "center", gap: "4px", children: [
       /* @__PURE__ */ a(Q, { animated: !0, width: "180px" }),
       /* @__PURE__ */ a(Q, { animated: !0, width: "85px" })
     ] }, "loading"),
-    /* @__PURE__ */ m(y, { direction: "column", gap: "12px", alignItems: "center", children: [
+    /* @__PURE__ */ m(v, { direction: "column", gap: "12px", alignItems: "center", children: [
       /* @__PURE__ */ a(_, { dashed: !0 }),
       /* @__PURE__ */ a(Q, { animated: !0, width: "150px" })
     ] }),
     /* @__PURE__ */ a(Pn, { children: /* @__PURE__ */ a(
-      y,
+      v,
       {
         direction: "column",
         gap: "12px",
         justifyContent: "space-between",
         height: "203px",
         children: s.map((u, c) => /* @__PURE__ */ a(On, { children: /* @__PURE__ */ m(
-          y,
+          v,
           {
             direction: "column",
             gap: "12px",
@@ -302,8 +302,8 @@ const Jt = {
     );
   const s = Z("(max-width: 400px)");
   return sn(
-    /* @__PURE__ */ a(nr, { smallScreen: s, children: /* @__PURE__ */ a(an, { children: /* @__PURE__ */ a(tr, { children: /* @__PURE__ */ m(y, { direction: "column", gap: "24px", children: [
-      /* @__PURE__ */ a(y, { direction: "column", gap: "24px", children: /* @__PURE__ */ m(y, { alignItems: "center", justifyContent: "space-between", children: [
+    /* @__PURE__ */ a(nr, { smallScreen: s, children: /* @__PURE__ */ a(an, { children: /* @__PURE__ */ a(tr, { children: /* @__PURE__ */ m(v, { direction: "column", gap: "24px", children: [
+      /* @__PURE__ */ a(v, { direction: "column", gap: "24px", children: /* @__PURE__ */ m(v, { alignItems: "center", justifyContent: "space-between", children: [
         /* @__PURE__ */ a(k, { type: "title", size: "large", appearance: "dark", weight: "bold", children: o }),
         /* @__PURE__ */ a(on, { size: "24px", cursor: "pointer", onClick: r })
       ] }) }),
@@ -405,7 +405,7 @@ const ot = C.div`
   );
 }, lr = (e) => {
   const { decision: n, controls: t, handleOpenModal: r, handleDelete: o, textValues: i } = e;
-  return n ? /* @__PURE__ */ a(Ye, { children: /* @__PURE__ */ m(y, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
+  return n ? /* @__PURE__ */ a(Ye, { children: /* @__PURE__ */ m(v, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
     /* @__PURE__ */ a(k, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: n.decisionId }),
     /* @__PURE__ */ a(
       Ge,
@@ -425,7 +425,7 @@ const ot = C.div`
     handleOpenModal: r,
     shouldRenderEmptyMessage: o
   } = e, i = n || "Agregar decisión";
-  return /* @__PURE__ */ a(Ye, { children: o ? null : /* @__PURE__ */ m(y, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
+  return /* @__PURE__ */ a(Ye, { children: o ? null : /* @__PURE__ */ m(v, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
     /* @__PURE__ */ a(k, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: "Nueva decisión" }),
     /* @__PURE__ */ a(
       ot,
@@ -439,7 +439,7 @@ const ot = C.div`
             },
             handleView: () => r ? r() : null,
             controls: !1,
-            children: /* @__PURE__ */ m(y, { direction: "column", gap: "12px", alignItems: "center", children: [
+            children: /* @__PURE__ */ m(v, { direction: "column", gap: "12px", alignItems: "center", children: [
               /* @__PURE__ */ a(P, { appearance: "gray", icon: /* @__PURE__ */ a(Be, {}), size: "35px" }),
               /* @__PURE__ */ a(k, { appearance: "gray", type: "body", size: "large", children: i })
             ] })
@@ -504,7 +504,7 @@ const ot = C.div`
     handleSubmitForm: g,
     handleDelete: h,
     terms: f = !0
-  } = e, x = Z("(max-width: 681px)"), b = Z("(max-width: 400px)"), { renderedCards: w, shouldRenderAddCard: T } = cr({
+  } = e, w = Z("(max-width: 681px)"), y = Z("(max-width: 400px)"), { renderedCards: x, shouldRenderAddCard: T } = cr({
     controls: n,
     customTitleContentAddCard: t,
     decisions: o,
@@ -514,13 +514,13 @@ const ot = C.div`
     textValues: i
   }), D = (o == null ? void 0 : o.length) === 0 && !p;
   return /* @__PURE__ */ m(O, { children: [
-    /* @__PURE__ */ a(or, { children: /* @__PURE__ */ a(ar, { children: /* @__PURE__ */ a(y, { direction: "column", gap: "16px", padding: "6px", children: D ? /* @__PURE__ */ m(
-      y,
+    /* @__PURE__ */ a(or, { children: /* @__PURE__ */ a(ar, { children: /* @__PURE__ */ a(v, { direction: "column", gap: "16px", padding: "6px", children: D ? /* @__PURE__ */ m(
+      v,
       {
         direction: "column",
         gap: "28px",
         width: "100%",
-        height: x ? "auto" : "435px",
+        height: w ? "auto" : "435px",
         justifyContent: "center",
         alignItems: "center",
         children: [
@@ -556,7 +556,7 @@ const ot = C.div`
     ) : /* @__PURE__ */ m(
       qe,
       {
-        templateColumns: b ? "repeat(auto-fill, minmax(200px, 1fr))" : "repeat(auto-fill, minmax(300px, 1fr))",
+        templateColumns: y ? "repeat(auto-fill, minmax(200px, 1fr))" : "repeat(auto-fill, minmax(300px, 1fr))",
         autoFlow: "row dense",
         gap: "24px",
         alignItems: "start",
@@ -564,9 +564,9 @@ const ot = C.div`
         autoRows: "1fr",
         justifyItems: "center",
         padding: "6px",
-        height: x ? "auto" : "484px",
+        height: w ? "auto" : "484px",
         children: [
-          w,
+          x,
           T && yn({
             type: "add",
             index: o == null ? void 0 : o.length,
@@ -646,8 +646,8 @@ const ot = C.div`
     );
   const s = Z("(max-width: 400px)");
   return sn(
-    /* @__PURE__ */ a(ur, { $smallScreen: s, children: /* @__PURE__ */ a(an, { children: /* @__PURE__ */ a(pr, { children: /* @__PURE__ */ m(y, { direction: "column", gap: "24px", children: [
-      /* @__PURE__ */ a(y, { direction: "column", gap: "24px", children: /* @__PURE__ */ m(y, { alignItems: "center", justifyContent: "space-between", children: [
+    /* @__PURE__ */ a(ur, { $smallScreen: s, children: /* @__PURE__ */ a(an, { children: /* @__PURE__ */ a(pr, { children: /* @__PURE__ */ m(v, { direction: "column", gap: "24px", children: [
+      /* @__PURE__ */ a(v, { direction: "column", gap: "24px", children: /* @__PURE__ */ m(v, { alignItems: "center", justifyContent: "space-between", children: [
         /* @__PURE__ */ a(k, { type: "title", size: "large", appearance: "dark", weight: "bold", children: o }),
         /* @__PURE__ */ a(on, { size: "24px", cursor: "pointer", onClick: r })
       ] }) }),
@@ -801,8 +801,8 @@ const fr = C.div`
     textValues: l,
     visibleConditions: p
   } = e;
-  return i ? /* @__PURE__ */ m(y, { direction: "column", gap: "12px", children: [
-    /* @__PURE__ */ a(y, { direction: "column", alignItems: "center", children: /* @__PURE__ */ a(
+  return i ? /* @__PURE__ */ m(v, { direction: "column", gap: "12px", children: [
+    /* @__PURE__ */ a(v, { direction: "column", alignItems: "center", children: /* @__PURE__ */ a(
       Se,
       {
         element: o,
@@ -814,7 +814,7 @@ const fr = C.div`
     ) }, t.ruleName),
     /* @__PURE__ */ a(_, { dashed: !0 }),
     /* @__PURE__ */ a(zn, { children: /* @__PURE__ */ m(
-      y,
+      v,
       {
         direction: "column",
         gap: "12px",
@@ -832,7 +832,7 @@ const fr = C.div`
               children: l.factsThatConditionIt
             }
           ),
-          p.length > 0 && p.map((u) => /* @__PURE__ */ a(Mn, { children: /* @__PURE__ */ a(y, { direction: "column", padding: "8px", children: /* @__PURE__ */ a(
+          p.length > 0 && p.map((u) => /* @__PURE__ */ a(Mn, { children: /* @__PURE__ */ a(v, { direction: "column", padding: "8px", children: /* @__PURE__ */ a(
             Se,
             {
               element: { ...u, value: u.value },
@@ -854,24 +854,24 @@ const fr = C.div`
         ]
       }
     ) })
-  ] }) : /* @__PURE__ */ m(y, { direction: "column", gap: "12px", children: [
-    /* @__PURE__ */ m(y, { direction: "column", alignItems: "center", gap: "4px", children: [
+  ] }) : /* @__PURE__ */ m(v, { direction: "column", gap: "12px", children: [
+    /* @__PURE__ */ m(v, { direction: "column", alignItems: "center", gap: "4px", children: [
       /* @__PURE__ */ a(Q, { animated: !0, width: "180px" }),
       /* @__PURE__ */ a(Q, { animated: !0, width: "85px" })
     ] }, "loading"),
-    /* @__PURE__ */ m(y, { direction: "column", gap: "12px", alignItems: "center", children: [
+    /* @__PURE__ */ m(v, { direction: "column", gap: "12px", alignItems: "center", children: [
       /* @__PURE__ */ a(_, { dashed: !0 }),
       /* @__PURE__ */ a(Q, { animated: !0, width: "150px" })
     ] }),
     /* @__PURE__ */ a(zn, { children: /* @__PURE__ */ a(
-      y,
+      v,
       {
         direction: "column",
         gap: "12px",
         justifyContent: "space-between",
         height: "203px",
         children: s.map((u, c) => /* @__PURE__ */ a(Mn, { children: /* @__PURE__ */ m(
-          y,
+          v,
           {
             direction: "column",
             gap: "12px",
@@ -976,11 +976,11 @@ C.div`
 `;
 const Ir = (e) => {
   const { children: n, controls: t = !0, handleDelete: r, id: o } = e;
-  return /* @__PURE__ */ a(Ar, { children: /* @__PURE__ */ m(y, { direction: "column", gap: "16px", padding: "12px 16px", children: [
+  return /* @__PURE__ */ a(Ar, { children: /* @__PURE__ */ m(v, { direction: "column", gap: "16px", padding: "12px 16px", children: [
     n,
     t && /* @__PURE__ */ m(O, { children: [
       /* @__PURE__ */ a(_, {}),
-      /* @__PURE__ */ a(y, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ a(
+      /* @__PURE__ */ a(v, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ a(
         P,
         {
           cursorHover: !0,
@@ -996,7 +996,7 @@ const Ir = (e) => {
   ] }) });
 }, Fr = (e) => {
   const { decision: n, controls: t, handleOpenModal: r, handleDelete: o, textValues: i } = e;
-  return n ? /* @__PURE__ */ a(Ye, { children: /* @__PURE__ */ m(y, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
+  return n ? /* @__PURE__ */ a(Ye, { children: /* @__PURE__ */ m(v, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
     /* @__PURE__ */ a(k, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: n.decisionId }),
     /* @__PURE__ */ a(
       Ir,
@@ -1022,7 +1022,7 @@ const Ir = (e) => {
     handleOpenModal: r,
     shouldRenderEmptyMessage: o
   } = e, i = n || "Agregar decisión";
-  return /* @__PURE__ */ a(Ye, { children: o ? null : /* @__PURE__ */ m(y, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
+  return /* @__PURE__ */ a(Ye, { children: o ? null : /* @__PURE__ */ m(v, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
     /* @__PURE__ */ a(k, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: "Nueva decisión" }),
     /* @__PURE__ */ a(
       ot,
@@ -1036,7 +1036,7 @@ const Ir = (e) => {
             },
             handleView: () => r ? r() : null,
             controls: !1,
-            children: /* @__PURE__ */ m(y, { direction: "column", gap: "12px", alignItems: "center", children: [
+            children: /* @__PURE__ */ m(v, { direction: "column", gap: "12px", alignItems: "center", children: [
               /* @__PURE__ */ a(P, { appearance: "gray", icon: /* @__PURE__ */ a(Be, {}), size: "35px" }),
               /* @__PURE__ */ a(k, { appearance: "gray", type: "body", size: "large", children: i })
             ] })
@@ -1162,12 +1162,12 @@ function Ur({
   };
   t.terms && (l.effectiveFrom = $e().required("La fecha de inicio es requerida"), l.validUntil = $e().when(
     "checkClosed",
-    (h, f, { parent: x }) => (x == null ? void 0 : x.checkClosed) ? f.required("La fecha de finalización es requerida").test(
+    (h, f, { parent: w }) => (w == null ? void 0 : w.checkClosed) ? f.required("La fecha de finalización es requerida").test(
       "is-after-startDate",
       "La fecha de finalización debe ser mayor o igual a la fecha de inicio",
-      function(w) {
+      function(x) {
         const T = this.parent.effectiveFrom;
-        return !T || !w ? !0 : new Date(w) >= new Date(T);
+        return !T || !x ? !0 : new Date(x) >= new Date(T);
       }
     ) : f.notRequired()
   ));
@@ -1177,8 +1177,8 @@ function Ur({
     validationSchema: p,
     validateOnBlur: !0,
     onSubmit: (h) => {
-      var w;
-      const f = ((w = e.conditionGroups) == null ? void 0 : w.ConditionGroupId) ?? "group-primary", x = h.toggleNone ? [] : _r(h, r), b = {
+      var x;
+      const f = ((x = e.conditionGroups) == null ? void 0 : x.ConditionGroupId) ?? "group-primary", w = h.toggleNone ? [] : _r(h, r), y = {
         ...e,
         ruleName: h.ruleName,
         decisionDataType: h.decisionDataType,
@@ -1188,10 +1188,10 @@ function Ur({
         validUntil: h.validUntil,
         conditionGroups: {
           ConditionGroupId: f,
-          conditionsThatEstablishesTheDecision: x
+          conditionsThatEstablishesTheDecision: w
         }
       };
-      n(b);
+      n(y);
     }
   }), { formik: d, handleToggleNoneChange: (h) => {
     d.setFieldValue("toggleNone", h), r.forEach((f) => {
@@ -1201,10 +1201,10 @@ function Ur({
           void 0
         );
       else if (d.values.conditionsThatEstablishesTheDecision[f.conditionName] === void 0) {
-        const b = f.howToSetTheCondition === In.LIST_OF_VALUES_MULTI ? [] : "";
+        const y = f.howToSetTheCondition === In.LIST_OF_VALUES_MULTI ? [] : "";
         d.setFieldValue(
           `conditionsThatEstablishesTheDecision.${f.conditionName}`,
-          b
+          y
         );
       }
     });
@@ -1247,7 +1247,7 @@ const jr = C.div`
     valueToggle: d = ""
   } = e, [l, p] = M(n);
   return /* @__PURE__ */ m(O, { children: [
-    /* @__PURE__ */ a(y, { children: /* @__PURE__ */ a(
+    /* @__PURE__ */ a(v, { children: /* @__PURE__ */ a(
       ln,
       {
         checked: l,
@@ -1278,15 +1278,15 @@ const jr = C.div`
     messageEnd: c = "",
     statusStart: g = "pending",
     statusEnd: h = "pending"
-  } = e, [f, x] = M(s), [b, w] = M(l), [T, D] = M(p), I = ({ target: $ }) => {
-    x($.checked), r && r($.checked);
+  } = e, [f, w] = M(s), [y, x] = M(l), [T, D] = M(p), I = ({ target: $ }) => {
+    w($.checked), r && r($.checked);
   }, E = ($) => {
-    w($.target.value), n($);
+    x($.target.value), n($);
   }, F = ($) => {
     D($.target.value), t($);
   }, R = Z("(max-width: 400px)");
   return /* @__PURE__ */ m(O, { children: [
-    /* @__PURE__ */ m(y, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
+    /* @__PURE__ */ m(v, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
       /* @__PURE__ */ a(
         k,
         {
@@ -1299,7 +1299,7 @@ const jr = C.div`
         }
       ),
       /* @__PURE__ */ a(
-        y,
+        v,
         {
           alignContent: "center",
           justifyContent: "center",
@@ -1318,7 +1318,7 @@ const jr = C.div`
       )
     ] }),
     /* @__PURE__ */ m(
-      y,
+      v,
       {
         direction: R ? "column" : "row",
         justifyContent: "space-between",
@@ -1330,7 +1330,7 @@ const jr = C.div`
               id: "dateStart",
               label: o,
               onChange: E,
-              value: b,
+              value: y,
               required: d,
               size: "compact",
               status: g,
@@ -1367,7 +1367,7 @@ const jr = C.div`
     termStartStatus: p,
     termEndStatus: u
   } = e;
-  return /* @__PURE__ */ a("form", { onSubmit: n.handleSubmit, children: /* @__PURE__ */ m(y, { direction: "column", gap: "24px", children: [
+  return /* @__PURE__ */ a("form", { onSubmit: n.handleSubmit, children: /* @__PURE__ */ m(v, { direction: "column", gap: "24px", children: [
     Je({
       condition: i,
       formik: n,
@@ -1375,7 +1375,7 @@ const jr = C.div`
     }),
     /* @__PURE__ */ a(_, { dashed: !0 }),
     /* @__PURE__ */ a(jr, { children: /* @__PURE__ */ a(Br, { children: /* @__PURE__ */ m(
-      y,
+      v,
       {
         direction: "column",
         padding: "6px 12px",
@@ -1383,7 +1383,7 @@ const jr = C.div`
         height: "272px",
         children: [
           /* @__PURE__ */ m(
-            y,
+            v,
             {
               justifyContent: "space-between",
               alignItems: "center",
@@ -1403,7 +1403,7 @@ const jr = C.div`
               ]
             }
           ),
-          /* @__PURE__ */ a(y, { direction: "column", gap: "20px", children: o == null ? void 0 : o.map((c) => {
+          /* @__PURE__ */ a(v, { direction: "column", gap: "20px", children: o == null ? void 0 : o.map((c) => {
             var g;
             return /* @__PURE__ */ a(
               qr,
@@ -1448,7 +1448,7 @@ const jr = C.div`
     ] }),
     /* @__PURE__ */ a(_, {}),
     l && /* @__PURE__ */ a(k, { type: "label", size: "medium", appearance: "danger", children: typeof n.errors.conditionsThatEstablishesTheDecision == "string" ? n.errors.conditionsThatEstablishesTheDecision : "Existen errores en el formulario, por favor revísalos." }),
-    /* @__PURE__ */ m(y, { direction: "row", justifyContent: "end", gap: "16px", children: [
+    /* @__PURE__ */ m(v, { direction: "row", justifyContent: "end", gap: "16px", children: [
       /* @__PURE__ */ a(H, { appearance: "gray", onClick: r, children: t.cancel }),
       /* @__PURE__ */ a(H, { type: "submit", children: t.confirm })
     ] })
@@ -1466,7 +1466,7 @@ const jr = C.div`
     decisionDataType: n.decisionDataType,
     listOfPossibleValues: n.listOfPossibleValues
   }, l = ((f = (h = n.conditionGroups[0]) == null ? void 0 : h.conditionsThatEstablishesTheDecision) == null ? void 0 : f.filter(
-    (x) => !x.hidden
+    (w) => !w.hidden
   )) || [], p = !!i.errors.conditionsThatEstablishesTheDecision && i.submitCount > 0, u = i.touched.effectiveFrom ? i.errors.effectiveFrom ? "invalid" : "valid" : void 0, c = i.touched.validUntil ? i.errors.validUntil ? "invalid" : "valid" : void 0;
   return /* @__PURE__ */ a(
     Yr,
@@ -1478,20 +1478,20 @@ const jr = C.div`
       visibleConditions: l,
       normalizedDecision: d,
       handleToggleNoneChange: s,
-      handleConditionToggleChange: (x, b) => (w) => {
-        if (!w)
+      handleConditionToggleChange: (w, y) => (x) => {
+        if (!x)
           i.setFieldValue(
-            `conditionsThatEstablishesTheDecision.${x}`,
+            `conditionsThatEstablishesTheDecision.${w}`,
             void 0
           ), i.setFieldTouched(
-            `conditionsThatEstablishesTheDecision.${x}`,
+            `conditionsThatEstablishesTheDecision.${w}`,
             !1,
             !1
           ), Object.keys(i.touched).filter((D) => D.startsWith("conditionsThatEstablishesTheDecision.")).some((D) => i.touched[D] === !0) || s(!0);
         else {
-          const T = b ? [] : "";
+          const T = y ? [] : "";
           s(!1), i.setFieldValue(
-            `conditionsThatEstablishesTheDecision.${x}`,
+            `conditionsThatEstablishesTheDecision.${w}`,
             T
           );
         }
@@ -1550,7 +1550,7 @@ const jr = C.div`
     handleSubmitForm: g,
     handleDelete: h,
     terms: f = !0
-  } = e, x = Z("(max-width: 681px)"), b = Z("(max-width: 400px)"), { renderedCards: w, shouldRenderAddCard: T } = Xr({
+  } = e, w = Z("(max-width: 681px)"), y = Z("(max-width: 400px)"), { renderedCards: x, shouldRenderAddCard: T } = Xr({
     controls: n,
     customTitleContentAddCard: t,
     decisions: o,
@@ -1560,13 +1560,13 @@ const jr = C.div`
     textValues: i
   }), D = (o == null ? void 0 : o.length) === 0 && !p;
   return /* @__PURE__ */ m(O, { children: [
-    /* @__PURE__ */ a(fr, { children: /* @__PURE__ */ a(mr, { children: /* @__PURE__ */ a(y, { direction: "column", gap: "16px", padding: "6px", children: D ? /* @__PURE__ */ m(
-      y,
+    /* @__PURE__ */ a(fr, { children: /* @__PURE__ */ a(mr, { children: /* @__PURE__ */ a(v, { direction: "column", gap: "16px", padding: "6px", children: D ? /* @__PURE__ */ m(
+      v,
       {
         direction: "column",
         gap: "28px",
         width: "100%",
-        height: x ? "auto" : "435px",
+        height: w ? "auto" : "435px",
         justifyContent: "center",
         alignItems: "center",
         children: [
@@ -1602,7 +1602,7 @@ const jr = C.div`
     ) : /* @__PURE__ */ m(
       qe,
       {
-        templateColumns: b ? "repeat(auto-fill, minmax(200px, 1fr))" : "repeat(auto-fill, minmax(300px, 1fr))",
+        templateColumns: y ? "repeat(auto-fill, minmax(200px, 1fr))" : "repeat(auto-fill, minmax(300px, 1fr))",
         autoFlow: "row dense",
         gap: "24px",
         alignItems: "start",
@@ -1610,9 +1610,9 @@ const jr = C.div`
         autoRows: "1fr",
         justifyItems: "center",
         padding: "6px",
-        height: x ? "auto" : "484px",
+        height: w ? "auto" : "484px",
         children: [
-          w,
+          x,
           T && xn({
             type: "add",
             index: o == null ? void 0 : o.length,
@@ -1662,8 +1662,8 @@ const jr = C.div`
   [N.LESS_THAN]: no,
   [N.EQUAL]: to
 }, _e = (e) => {
-  const n = e == null ? void 0 : e.value, t = typeof n == "object" && n !== null && !Array.isArray(n), r = ro[e == null ? void 0 : e.howToSetTheDecision] || Qr;
-  return t && r(n) || n || void 0;
+  const n = e == null ? void 0 : e.value;
+  return typeof n == "string" && n.startsWith("De ") && n.includes(" a ") ? n : typeof n == "object" && n !== null && !Array.isArray(n) ? (ro[e == null ? void 0 : e.howToSetTheDecision] || Qr)(n) : n || void 0;
 }, oo = C.div`
   display: flex;
   justify-content: ${({ $justifyContent: e }) => e};
@@ -1703,9 +1703,9 @@ const jr = C.div`
       borderRadius: g,
       border: h,
       margin: f = "0px",
-      padding: x = "0px",
-      boxSizing: b,
-      scroll: w = !1
+      padding: w = "0px",
+      boxSizing: y,
+      scroll: x = !1
     } = e;
     return /* @__PURE__ */ a(
       oo,
@@ -1722,10 +1722,10 @@ const jr = C.div`
         $background: c,
         $border: h,
         $margin: f,
-        $padding: x,
+        $padding: w,
         $borderRadius: g,
-        $boxSizing: b,
-        $scroll: w,
+        $boxSizing: y,
+        $scroll: x,
         children: t
       }
     );
@@ -1774,80 +1774,83 @@ const ao = C.div`
   }
 `, so = (e) => {
   const {
-    conditionsAlignment: n,
-    decision: t,
-    decisionMapper: r,
-    loading: o,
-    textValues: i,
-    visibleConditions: s,
-    tagLabel: d,
-    isOpen: l,
-    onToggle: p,
-    hasEffectiveFrom: u,
-    hasValidUntil: c,
-    effectiveFromRenderer: g,
-    validUntilRenderer: h,
-    onEdit: f,
-    onDelete: x
+    controls: n,
+    conditionsAlignment: t,
+    decision: r,
+    decisionMapper: o,
+    loading: i,
+    textValues: s,
+    visibleConditions: d,
+    tagLabel: l,
+    isOpen: p,
+    onToggle: u,
+    hasEffectiveFrom: c,
+    hasValidUntil: g,
+    effectiveFromRenderer: h,
+    validUntilRenderer: f,
+    onEdit: w,
+    onDelete: y
   } = e;
-  return o ? /* @__PURE__ */ m(y, { direction: "column", gap: "16px", children: [
-    /* @__PURE__ */ a(ao, { onClick: p, children: /* @__PURE__ */ m(
-      y,
+  return i ? /* @__PURE__ */ m(v, { direction: "column", gap: "16px", children: [
+    /* @__PURE__ */ a(ao, { onClick: u, children: /* @__PURE__ */ m(
+      v,
       {
         alignItems: "start",
         justifyContent: "space-between",
         children: [
-          /* @__PURE__ */ m(y, { gap: "12px", children: [
+          /* @__PURE__ */ m(v, { gap: "12px", children: [
             /* @__PURE__ */ a(io, { children: /* @__PURE__ */ a(
               ve,
               {
                 id: "tag",
                 appearance: "gray",
-                label: d,
+                label: l,
                 displayIcon: !1
               }
             ) }),
             /* @__PURE__ */ a(lo, { children: /* @__PURE__ */ a(
               Xe,
               {
-                element: r,
+                element: o,
                 valueData: _e(
-                  r
+                  o
                 ),
                 type: "decision"
               }
             ) })
           ] }),
-          /* @__PURE__ */ m(y, { gap: "12px", children: [
-            /* @__PURE__ */ a(
-              P,
-              {
-                appearance: "primary",
-                icon: /* @__PURE__ */ a(Tt, {}),
-                size: "24px",
-                cursorHover: !0,
-                onClick: (b) => {
-                  b.stopPropagation(), f == null || f();
+          /* @__PURE__ */ m(v, { gap: "12px", children: [
+            n && /* @__PURE__ */ m(O, { children: [
+              /* @__PURE__ */ a(
+                P,
+                {
+                  appearance: "primary",
+                  icon: /* @__PURE__ */ a(Tt, {}),
+                  size: "24px",
+                  cursorHover: !0,
+                  onClick: (x) => {
+                    x.stopPropagation(), w == null || w();
+                  }
                 }
-              }
-            ),
-            /* @__PURE__ */ a(
-              P,
-              {
-                appearance: "danger",
-                icon: /* @__PURE__ */ a(rn, {}),
-                size: "24px",
-                cursorHover: !0,
-                onClick: (b) => {
-                  b.stopPropagation(), x == null || x();
+              ),
+              /* @__PURE__ */ a(
+                P,
+                {
+                  appearance: "danger",
+                  icon: /* @__PURE__ */ a(rn, {}),
+                  size: "24px",
+                  cursorHover: !0,
+                  onClick: (x) => {
+                    x.stopPropagation(), y == null || y();
+                  }
                 }
-              }
-            ),
+              )
+            ] }),
             /* @__PURE__ */ a(
               P,
               {
                 appearance: "dark",
-                icon: l ? /* @__PURE__ */ a(Ct, {}) : /* @__PURE__ */ a(vn, {}),
+                icon: p ? /* @__PURE__ */ a(Ct, {}) : /* @__PURE__ */ a(vn, {}),
                 size: "24px",
                 cursorHover: !0
               }
@@ -1855,11 +1858,11 @@ const ao = C.div`
           ] })
         ]
       },
-      t.ruleName
+      r.ruleName
     ) }),
-    l && /* @__PURE__ */ m(O, { children: [
+    p && /* @__PURE__ */ m(O, { children: [
       /* @__PURE__ */ a(_, { dashed: !0 }),
-      /* @__PURE__ */ m(y, { direction: "column", gap: "12px", children: [
+      /* @__PURE__ */ m(v, { direction: "column", gap: "12px", children: [
         /* @__PURE__ */ a(
           k,
           {
@@ -1869,17 +1872,17 @@ const ao = C.div`
             weight: "bold",
             textAlign: "start",
             padding: "0 12px",
-            children: i.factsThatConditionIt
+            children: s.factsThatConditionIt
           }
         ),
         /* @__PURE__ */ m(
-          y,
+          v,
           {
             direction: "column",
             gap: "8px",
-            justifyContent: n,
+            justifyContent: t,
             children: [
-              s.map((b) => /* @__PURE__ */ a(
+              d.map((x) => /* @__PURE__ */ a(
                 ee,
                 {
                   direction: "column",
@@ -1889,16 +1892,16 @@ const ao = C.div`
                   children: /* @__PURE__ */ a(
                     Xe,
                     {
-                      element: { ...b, value: b.value },
+                      element: { ...x, value: x.value },
                       valueData: _e(
-                        b
+                        x
                       )
                     }
                   )
                 },
-                b.conditionName
+                x.conditionName
               )),
-              u && g && /* @__PURE__ */ a(
+              c && h && /* @__PURE__ */ a(
                 ee,
                 {
                   direction: "column",
@@ -1908,14 +1911,14 @@ const ao = C.div`
                   children: /* @__PURE__ */ a(
                     Xe,
                     {
-                      element: g.element,
-                      valueData: g.valueData
+                      element: h.element,
+                      valueData: h.valueData
                     },
                     "effectiveFrom"
                   )
                 }
               ),
-              c && h && /* @__PURE__ */ a(
+              g && f && /* @__PURE__ */ a(
                 ee,
                 {
                   direction: "column",
@@ -1925,8 +1928,8 @@ const ao = C.div`
                   children: /* @__PURE__ */ a(
                     Xe,
                     {
-                      element: h.element,
-                      valueData: h.valueData
+                      element: f.element,
+                      valueData: f.valueData
                     },
                     "validUntil"
                   )
@@ -1937,12 +1940,12 @@ const ao = C.div`
         )
       ] })
     ] })
-  ] }) : /* @__PURE__ */ m(y, { justifyContent: "space-between", children: [
-    /* @__PURE__ */ m(y, { alignItems: "center", gap: "8px", children: [
+  ] }) : /* @__PURE__ */ m(v, { justifyContent: "space-between", children: [
+    /* @__PURE__ */ m(v, { alignItems: "center", gap: "8px", children: [
       /* @__PURE__ */ a(Q, { animated: !0, width: "150px" }),
       /* @__PURE__ */ a(Q, { animated: !0, width: "70px" })
     ] }),
-    /* @__PURE__ */ m(y, { alignItems: "center", gap: "8px", children: [
+    /* @__PURE__ */ m(v, { alignItems: "center", gap: "8px", children: [
       /* @__PURE__ */ a(Q, { animated: !0, width: "50px" }),
       /* @__PURE__ */ a(Lt, { animated: !0 })
     ] })
@@ -1958,8 +1961,9 @@ const ao = C.div`
     isOpen: i = !1,
     onToggle: s,
     onEdit: d,
-    onDelete: l
-  } = e, p = !!(n != null && n.effectiveFrom), u = !!(n != null && n.validUntil), c = p ? {
+    onDelete: l,
+    controls: p = !0
+  } = e, u = !!(n != null && n.effectiveFrom), c = !!(n != null && n.validUntil), g = u ? {
     element: {
       labelName: r == null ? void 0 : r.effectiveFrom,
       value: String(n.effectiveFrom),
@@ -1972,7 +1976,7 @@ const ao = C.div`
       howToSetTheDecision: K.EQUAL,
       decisionDataType: V.DATE
     })
-  } : null, g = u ? {
+  } : null, h = c ? {
     element: {
       labelName: r == null ? void 0 : r.validUntil,
       value: String(n.validUntil),
@@ -1985,29 +1989,30 @@ const ao = C.div`
       howToSetTheDecision: K.EQUAL,
       decisionDataType: V.DATE
     })
-  } : null, h = n ? {
+  } : null, f = n ? {
     labelName: n.labelName || "",
     decisionDataType: n.decisionDataType || V.ALPHABETICAL,
     value: _e(n),
     howToSetTheDecision: n.howToSetTheDecision || K.EQUAL
-  } : null, f = n ? en(n) : {}, x = it(f, (E) => !E.hidden), b = Object.values(x).flat(), w = Array.from({ length: 5 }), T = !!(!t && n && r && h), D = b.length < 2 ? "start" : "space-between", I = `N° ${String((o ?? 0) + 1).padStart(2, "0")}`;
+  } : null, w = n ? en(n) : {}, y = it(w, (F) => !F.hidden), x = Object.values(y).flat(), T = Array.from({ length: 5 }), D = !!(!t && n && r && f), I = x.length < 2 ? "start" : "space-between", E = `N° ${String((o ?? 0) + 1).padStart(2, "0")}`;
   return /* @__PURE__ */ a(
     so,
     {
-      conditionsAlignment: D,
+      conditionsAlignment: I,
+      controls: p,
       decision: n,
-      decisionMapper: h,
-      loading: T,
-      skeleton: w,
+      decisionMapper: f,
+      loading: D,
+      skeleton: T,
       textValues: r,
-      visibleConditions: b,
-      tagLabel: I,
+      visibleConditions: x,
+      tagLabel: E,
       isOpen: i,
       onToggle: s,
-      hasEffectiveFrom: p,
-      hasValidUntil: u,
-      effectiveFromRenderer: c,
-      validUntilRenderer: g,
+      hasEffectiveFrom: u,
+      hasValidUntil: c,
+      effectiveFromRenderer: g,
+      validUntilRenderer: h,
       onEdit: d,
       onDelete: l
     }
@@ -2111,16 +2116,16 @@ const uo = C.div`
     isOpen: d,
     onToggle: l
   } = e;
-  return n ? /* @__PURE__ */ a(Ye, { children: /* @__PURE__ */ a(y, { direction: "column", gap: "4px", width: "100%", children: /* @__PURE__ */ a(
+  return n ? /* @__PURE__ */ a(Ye, { children: /* @__PURE__ */ a(v, { direction: "column", gap: "4px", width: "100%", children: /* @__PURE__ */ a(
     at,
     {
       id: n.decisionId,
       handleDelete: () => o ? o(n.decisionId) : null,
       handleView: () => r ? r(n) : null,
-      controls: t,
       children: /* @__PURE__ */ a(
         lt,
         {
+          controls: t,
           decision: n,
           textValues: i,
           position: s,
@@ -2153,7 +2158,7 @@ const uo = C.div`
           background: !0,
           borderRadius: "8px",
           children: /* @__PURE__ */ m(
-            y,
+            v,
             {
               justifyContent: "space-between",
               alignItems: "center",
@@ -2209,7 +2214,7 @@ const uo = C.div`
     (g, h) => wn({
       type: "decision",
       decision: g,
-      controls: l ? l(h) : !1,
+      controls: n,
       customTitleContentAddCard: t,
       loading: o,
       handleOpenModal: i,
@@ -2267,10 +2272,10 @@ const uo = C.div`
     );
   const d = Z("(max-width: 400px)");
   return sn(
-    /* @__PURE__ */ a(xo, { smallScreen: d, children: /* @__PURE__ */ a(an, { children: /* @__PURE__ */ a(wo, { children: /* @__PURE__ */ m(y, { direction: "column", gap: "24px", children: [
-      /* @__PURE__ */ m(y, { direction: "column", gap: "24px", children: [
-        /* @__PURE__ */ m(y, { alignItems: "center", justifyContent: "space-between", children: [
-          /* @__PURE__ */ m(y, { direction: "column", gap: "8px", children: [
+    /* @__PURE__ */ a(xo, { smallScreen: d, children: /* @__PURE__ */ a(an, { children: /* @__PURE__ */ a(wo, { children: /* @__PURE__ */ m(v, { direction: "column", gap: "24px", children: [
+      /* @__PURE__ */ m(v, { direction: "column", gap: "24px", children: [
+        /* @__PURE__ */ m(v, { alignItems: "center", justifyContent: "space-between", children: [
+          /* @__PURE__ */ m(v, { direction: "column", gap: "8px", children: [
             /* @__PURE__ */ a(
               k,
               {
@@ -2377,26 +2382,26 @@ function ko({
     conditionsThatEstablishesTheDecision: Ue((u, { parent: c }) => {
       if ((c == null ? void 0 : c.toggleNone) && Object.keys(c.conditionsThatEstablishesTheDecision || {}).length > 0) return te().shape({});
       const f = o().reduce(
-        (x, b) => {
+        (w, y) => {
           var T;
-          if (((T = s.values.conditionsThatEstablishesTheDecision) == null ? void 0 : T[b.conditionName]) !== void 0) {
+          if (((T = s.values.conditionsThatEstablishesTheDecision) == null ? void 0 : T[y.conditionName]) !== void 0) {
             const D = Vn(
-              b.howToSetTheCondition
+              y.howToSetTheCondition
             );
-            x[b.conditionName] = D(
-              b.value,
-              b.conditionDataType
+            w[y.conditionName] = D(
+              y.value,
+              y.conditionDataType
             ).schema;
           }
-          return x;
+          return w;
         },
         {}
       );
       return te(f).test(
         "at-least-one-condition",
         "Debe existir al menos una condición para que la decisión se valide correctamente.",
-        (x) => x ? Object.values(x).some(
-          (b) => b != null && b !== ""
+        (w) => w ? Object.values(w).some(
+          (y) => y != null && y !== ""
         ) : !1
       );
     })
@@ -2409,8 +2414,8 @@ function ko({
       "is-after-startDate",
       "La fecha válida para la vigencia hasta debe ser mayor o igual a la fecha de inicio",
       function(f) {
-        const x = this.parent.effectiveFrom;
-        return !x || !f ? !0 : new Date(f) >= new Date(x);
+        const w = this.parent.effectiveFrom;
+        return !w || !f ? !0 : new Date(f) >= new Date(w);
       }
     ) : c.notRequired()
   ));
@@ -2422,18 +2427,18 @@ function ko({
     onSubmit: (u) => {
       const c = Object.fromEntries(
         Object.entries(r).map(([h, f]) => {
-          const b = f.filter((w) => {
+          const y = f.filter((x) => {
             var D;
-            const T = (D = u.conditionsThatEstablishesTheDecision) == null ? void 0 : D[w.conditionName];
+            const T = (D = u.conditionsThatEstablishesTheDecision) == null ? void 0 : D[x.conditionName];
             return T != null && T !== "";
-          }).map((w) => {
+          }).map((x) => {
             var T;
             return {
-              ...w,
-              value: (T = u.conditionsThatEstablishesTheDecision) == null ? void 0 : T[w.conditionName]
+              ...x,
+              value: (T = u.conditionsThatEstablishesTheDecision) == null ? void 0 : T[x.conditionName]
             };
           });
-          return [h, b];
+          return [h, y];
         })
       ), g = {
         ...e,
@@ -2516,15 +2521,15 @@ const $o = C.div`
     messageEnd: c = "",
     statusStart: g = "pending",
     statusEnd: h = "pending"
-  } = e, [f, x] = M(s), [b, w] = M(l), [T, D] = M(p), I = ({ target: $ }) => {
-    x($.checked), r && r($.checked);
+  } = e, [f, w] = M(s), [y, x] = M(l), [T, D] = M(p), I = ({ target: $ }) => {
+    w($.checked), r && r($.checked);
   }, E = ($) => {
-    w($.target.value), n($);
+    x($.target.value), n($);
   }, F = ($) => {
     D($.target.value), t($);
   }, R = Z("(max-width: 400px)");
-  return /* @__PURE__ */ m(y, { direction: "column", width: "100%", gap: "20px", children: [
-    /* @__PURE__ */ m(y, { justifyContent: "space-between", children: [
+  return /* @__PURE__ */ m(v, { direction: "column", width: "100%", gap: "20px", children: [
+    /* @__PURE__ */ m(v, { justifyContent: "space-between", children: [
       /* @__PURE__ */ a(k, { appearance: "dark", size: "large", type: "label", children: "¿La vigencia para este decisión es cerrada?" }),
       /* @__PURE__ */ a(
         Sn,
@@ -2537,7 +2542,7 @@ const $o = C.div`
       )
     ] }),
     /* @__PURE__ */ m(
-      y,
+      v,
       {
         direction: R ? "column" : "row",
         justifyContent: "space-between",
@@ -2549,7 +2554,7 @@ const $o = C.div`
               id: "dateStart",
               label: o,
               onChange: E,
-              value: b,
+              value: y,
               required: d,
               size: "compact",
               status: g,
@@ -2591,19 +2596,19 @@ const $o = C.div`
     termStartStatus: g,
     textValues: h,
     portalId: f,
-    showRedefineConfirm: x,
-    onOpenRedefineConfirm: b,
-    onCloseRedefineConfirm: w,
+    showRedefineConfirm: w,
+    onOpenRedefineConfirm: y,
+    onCloseRedefineConfirm: x,
     onConfirmRedefine: T
   } = e;
   return /* @__PURE__ */ m(O, { children: [
-    /* @__PURE__ */ a("form", { onSubmit: o.handleSubmit, children: /* @__PURE__ */ m(y, { direction: "column", gap: "24px", width: "100%", children: [
-      /* @__PURE__ */ a(ze, { legend: "Decisión N° 01", spacing: "wide", children: /* @__PURE__ */ a(y, { justifyContent: "center", width: "-webkit-fill-available", children: Ln({
+    /* @__PURE__ */ a("form", { onSubmit: o.handleSubmit, children: /* @__PURE__ */ m(v, { direction: "column", gap: "24px", width: "100%", children: [
+      /* @__PURE__ */ a(ze, { legend: "Decisión N° 01", spacing: "wide", children: /* @__PURE__ */ a(v, { justifyContent: "center", width: "-webkit-fill-available", children: Ln({
         condition: i,
         formik: o,
         isDecision: !0
       }) }) }),
-      /* @__PURE__ */ a(ze, { legend: "Condiciones a evaluar", spacing: "wide", children: /* @__PURE__ */ m(y, { direction: "column", gap: "20px", width: "100%", children: [
+      /* @__PURE__ */ a(ze, { legend: "Condiciones a evaluar", spacing: "wide", children: /* @__PURE__ */ m(v, { direction: "column", gap: "20px", width: "100%", children: [
         /* @__PURE__ */ a(
           Ot,
           {
@@ -2612,13 +2617,13 @@ const $o = C.div`
             selectedTab: n
           }
         ),
-        /* @__PURE__ */ m(y, { justifyContent: "flex-end", alignItems: "center", children: [
+        /* @__PURE__ */ m(v, { justifyContent: "flex-end", alignItems: "center", children: [
           /* @__PURE__ */ a(
             P,
             {
               icon: /* @__PURE__ */ a(Dt, {}),
               appearance: "help",
-              onClick: b,
+              onClick: y,
               cursorHover: !0
             }
           ),
@@ -2629,14 +2634,14 @@ const $o = C.div`
               iconBefore: /* @__PURE__ */ a(St, {}),
               variant: "none",
               appearance: "gray",
-              onClick: b,
+              onClick: y,
               cursorHover: !0,
               children: "Redefinir la condición"
             }
           )
         ] }),
-        /* @__PURE__ */ a(y, { direction: "column", gap: "20px", children: r == null ? void 0 : r.map((D) => /* @__PURE__ */ m(
-          y,
+        /* @__PURE__ */ a(v, { direction: "column", gap: "20px", children: r == null ? void 0 : r.map((D) => /* @__PURE__ */ m(
+          v,
           {
             gap: "16px",
             alignItems: "center",
@@ -2682,27 +2687,27 @@ const $o = C.div`
           checkedClosed: o.values.checkClosed
         }
       ) }),
-      /* @__PURE__ */ m(y, { direction: "row", justifyContent: "end", gap: "16px", children: [
+      /* @__PURE__ */ m(v, { direction: "row", justifyContent: "end", gap: "16px", children: [
         /* @__PURE__ */ a(H, { appearance: "gray", onClick: s, variant: "outlined", children: h.cancel }),
         /* @__PURE__ */ a(H, { type: "submit", children: h.confirm })
       ] })
     ] }) }),
-    x && f && /* @__PURE__ */ a(
+    w && f && /* @__PURE__ */ a(
       rt,
       {
         portalId: f,
         title: "Redefinir la condición",
-        onCloseModal: w,
-        children: /* @__PURE__ */ m(y, { direction: "column", gap: "16px", children: [
+        onCloseModal: x,
+        children: /* @__PURE__ */ m(v, { direction: "column", gap: "16px", children: [
           /* @__PURE__ */ a(k, { type: "body", size: "large", appearance: "gray", children: "¿Estás seguro? Se perderá todo lo que tienes actualmente definido y deberás reescribir completamente la condición, de esta manera podrás usar las últimas variables condicionales que están definidas en la actualidad para esta decisión ." }),
-          /* @__PURE__ */ m(y, { justifyContent: "end", gap: "12px", children: [
+          /* @__PURE__ */ m(v, { justifyContent: "end", gap: "12px", children: [
             /* @__PURE__ */ a(
               H,
               {
                 type: "button",
                 appearance: "gray",
                 variant: "outlined",
-                onClick: w,
+                onClick: x,
                 cursorHover: !0,
                 children: "Cancelar"
               }
@@ -2730,21 +2735,21 @@ const $o = C.div`
   }), c = en(d ?? n), g = en(n), h = it(
     g,
     (A) => !A.hidden
-  ), f = Object.keys(h), x = [
+  ), f = Object.keys(h), w = [
     ...f.filter((A) => A === "group-primary"),
     ...f.filter((A) => A !== "group-primary")
-  ], b = {};
-  let w = 1;
-  const T = x.map((A) => {
-    const B = A === "group-primary" ? "mainCondition" : `alternateCondition-${w++}`;
-    return b[B] = A, {
+  ], y = {};
+  let x = 1;
+  const T = w.map((A) => {
+    const B = A === "group-primary" ? "mainCondition" : `alternateCondition-${x++}`;
+    return y[B] = A, {
       id: B,
       label: A === "group-primary" ? Hn(A, 0) : Hn(A, Number(B.split("-").at(-1))),
       isDisabled: !1
     };
   }), [D, I] = U.useState(
     ((We = T[0]) == null ? void 0 : We.id) ?? "mainCondition"
-  ), E = (A) => I(A), F = b[D] ?? "group-primary", R = h[F] ?? [], $ = h["group-primary"] ?? [], j = {
+  ), E = (A) => I(A), F = y[D] ?? "group-primary", R = h[F] ?? [], $ = h["group-primary"] ?? [], j = {
     decisionDataType: n.decisionDataType,
     howToSetTheCondition: n.howToSetTheDecision,
     labelName: n.labelName,
@@ -2838,9 +2843,9 @@ const $o = C.div`
     handleSubmitForm: g,
     handleDelete: h,
     terms: f = !0,
-    onRemoveCondition: x,
-    onRestoreConditions: b,
-    baseDecisionTemplate: w
+    onRemoveCondition: w,
+    onRestoreConditions: y,
+    baseDecisionTemplate: x
   } = e, [T, D] = M(null), I = Z("(max-width: 681px)"), { renderedCards: E, shouldRenderAddCard: F } = yo({
     controls: n,
     customTitleContentAddCard: t,
@@ -2853,8 +2858,8 @@ const $o = C.div`
     toggleAt: ($) => D((j) => j === $ ? null : $)
   }), R = (o == null ? void 0 : o.length) === 0 && !p;
   return /* @__PURE__ */ m(O, { children: [
-    /* @__PURE__ */ a(go, { children: /* @__PURE__ */ a(ho, { children: /* @__PURE__ */ a(y, { direction: "column", gap: "16px", padding: "6px", children: R ? /* @__PURE__ */ a(ze, { legend: "Decisiones", children: /* @__PURE__ */ m(
-      y,
+    /* @__PURE__ */ a(go, { children: /* @__PURE__ */ a(ho, { children: /* @__PURE__ */ a(v, { direction: "column", gap: "16px", padding: "6px", children: R ? /* @__PURE__ */ a(ze, { legend: "Decisiones", children: /* @__PURE__ */ m(
+      v,
       {
         direction: "column",
         gap: "16px",
@@ -2927,13 +2932,13 @@ const $o = C.div`
           Fo,
           {
             decision: l || s,
-            fullTemplate: w ?? s,
+            fullTemplate: x ?? s,
             onSubmitEvent: g,
             textValues: i,
             onCancel: () => c ? c() : () => {
             },
-            onRemoveCondition: x,
-            onRestoreConditions: b
+            onRemoveCondition: w,
+            onRestoreConditions: y
           }
         )
       }
@@ -2986,14 +2991,14 @@ const Po = (e, n) => {
       var D;
       const h = p.clientWidth, f = Array.from(
         u.querySelectorAll('[data-filter-tag="true"]')
-      ), x = 48;
-      let b = 0;
-      const w = [], T = [];
+      ), w = 48;
+      let y = 0;
+      const x = [], T = [];
       for (let I = 0; I < n.length; I++) {
         const E = ((D = f[I]) == null ? void 0 : D.offsetWidth) ?? 0;
-        b + E + x <= h ? (w.push(n[I]), b += E) : T.push(n[I]);
+        y + E + w <= h ? (x.push(n[I]), y += E) : T.push(n[I]);
       }
-      r(w), i(T), d(T.length > 0);
+      r(x), i(T), d(T.length > 0);
     }, g = new ResizeObserver(() => {
       requestAnimationFrame(c);
     });
@@ -3074,8 +3079,8 @@ const Mo = C.div`
 }};
   }
 `, _o = (e) => {
-  var g, h, f, x, b, w;
-  const { id: n, label: t, leadingIcon: r, onClose: o } = e, [i, s] = M(!1), d = () => s(!0), l = () => s(!1), p = $n(Nn), u = ((f = (h = (g = p == null ? void 0 : p.input) == null ? void 0 : g.option) == null ? void 0 : h.appearance) == null ? void 0 : f.hover) ?? Tn.option.appearance.hover, c = ((w = (b = (x = p == null ? void 0 : p.input) == null ? void 0 : x.option) == null ? void 0 : b.appearance) == null ? void 0 : w.regular) ?? Tn.option.appearance.regular;
+  var g, h, f, w, y, x;
+  const { id: n, label: t, leadingIcon: r, onClose: o } = e, [i, s] = M(!1), d = () => s(!0), l = () => s(!1), p = $n(Nn), u = ((f = (h = (g = p == null ? void 0 : p.input) == null ? void 0 : g.option) == null ? void 0 : h.appearance) == null ? void 0 : f.hover) ?? Tn.option.appearance.hover, c = ((x = (y = (w = p == null ? void 0 : p.input) == null ? void 0 : w.option) == null ? void 0 : y.appearance) == null ? void 0 : x.regular) ?? Tn.option.appearance.regular;
   return /* @__PURE__ */ a(
     Ho,
     {
@@ -3140,25 +3145,25 @@ const Mo = C.div`
     hidden: c,
     showOverflowIndicator: g,
     measurementRef: h
-  } = Po(d, n), [f, x] = M(!1), b = (E) => {
-    E.stopPropagation(), x((F) => !F);
+  } = Po(d, n), [f, w] = M(!1), y = (E) => {
+    E.stopPropagation(), w((F) => !F);
   };
   xe(() => {
     const E = (F) => {
       var j, se;
       const R = F.target;
-      !((j = l.current) != null && j.contains(R)) && !((se = p.current) != null && se.contains(R)) && x(!1);
+      !((j = l.current) != null && j.contains(R)) && !((se = p.current) != null && se.contains(R)) && w(!1);
     };
     return f && window.addEventListener("mousedown", E), () => window.removeEventListener("mousedown", E);
   }, [f]);
-  const w = n.length === 0, T = f && c.length > 0, D = c.map((E) => ({
+  const x = n.length === 0, T = f && c.length > 0, D = c.map((E) => ({
     id: E.label,
     value: E.label,
     label: E.label,
     icon: E.icon
   })), I = (E) => {
     var F, R;
-    (R = (F = c.find(($) => $.label === E)) == null ? void 0 : F.onClose) == null || R.call(F), x(!1);
+    (R = (F = c.find(($) => $.label === E)) == null ? void 0 : F.onClose) == null || R.call(F), w(!1);
   };
   return /* @__PURE__ */ m(Oo, { borderRadius: "8px", width: "100%", children: [
     /* @__PURE__ */ a(zo, { ref: h, children: n.map((E) => /* @__PURE__ */ a("div", { "data-filter-tag": "true", children: /* @__PURE__ */ a(
@@ -3185,7 +3190,7 @@ const Mo = C.div`
           alignItems: "center",
           padding: "0px 8px",
           border: !0,
-          children: w ? /* @__PURE__ */ a(k, { size: "small", type: "label", appearance: "gray", children: o }) : /* @__PURE__ */ m(O, { children: [
+          children: x ? /* @__PURE__ */ a(k, { size: "small", type: "label", appearance: "gray", children: o }) : /* @__PURE__ */ m(O, { children: [
             u.map((E) => /* @__PURE__ */ a(
               ve,
               {
@@ -3205,7 +3210,7 @@ const Mo = C.div`
                 ref: p,
                 style: { position: "relative", display: "inline-block" },
                 children: [
-                  /* @__PURE__ */ a(Vo, { onClick: b, children: /* @__PURE__ */ a(
+                  /* @__PURE__ */ a(Vo, { onClick: y, children: /* @__PURE__ */ a(
                     ve,
                     {
                       appearance: "primary",
@@ -3225,7 +3230,7 @@ const Mo = C.div`
                           leadingIcon: E.icon,
                           onClose: () => {
                             var F;
-                            (F = E.onClose) == null || F.call(E), x(!1);
+                            (F = E.onClose) == null || F.call(E), w(!1);
                           }
                         },
                         E.label
@@ -3242,7 +3247,7 @@ const Mo = C.div`
         H,
         {
           cursorHover: !0,
-          disabled: w,
+          disabled: x,
           iconBefore: /* @__PURE__ */ a(Jn, {}),
           onClick: t,
           variant: "outlined",
@@ -3291,10 +3296,10 @@ const Mo = C.div`
     );
   return sn(
     /* @__PURE__ */ a(an, { children: /* @__PURE__ */ m(Uo, { $smallScreen: p, children: [
-      /* @__PURE__ */ m(y, { direction: "column", gap: "16px", children: [
-        /* @__PURE__ */ m(y, { alignContent: "center", justifyContent: "space-between", children: [
+      /* @__PURE__ */ m(v, { direction: "column", gap: "16px", children: [
+        /* @__PURE__ */ m(v, { alignContent: "center", justifyContent: "space-between", children: [
           /* @__PURE__ */ a(k, { appearance: "dark", size: "small", type: "headline", children: l }),
-          /* @__PURE__ */ m(y, { alignItems: "center", children: [
+          /* @__PURE__ */ m(v, { alignItems: "center", children: [
             /* @__PURE__ */ a(k, { children: "Cerrar" }),
             /* @__PURE__ */ a(
               P,
@@ -3310,7 +3315,7 @@ const Mo = C.div`
         /* @__PURE__ */ a(_, {})
       ] }),
       r,
-      /* @__PURE__ */ m(y, { gap: "20px", justifyContent: "flex-end", children: [
+      /* @__PURE__ */ m(v, { gap: "20px", justifyContent: "flex-end", children: [
         /* @__PURE__ */ a(
           H,
           {
@@ -3339,9 +3344,9 @@ const Mo = C.div`
   );
 }, il = (e) => {
   const { appliedFilters: n, fields: t, onChange: r, noFiltersLabel: o } = e, i = Z("(max-width: 768px)"), s = !n || n.length === 0;
-  return /* @__PURE__ */ m(y, { direction: "column", gap: "16px", children: [
+  return /* @__PURE__ */ m(v, { direction: "column", gap: "16px", children: [
     i && /* @__PURE__ */ m(O, { children: [
-      /* @__PURE__ */ m(y, { gap: "6px", width: "100%", alignItems: "center", children: [
+      /* @__PURE__ */ m(v, { gap: "6px", width: "100%", alignItems: "center", children: [
         /* @__PURE__ */ a(P, { appearance: "gray", icon: /* @__PURE__ */ a(et, {}) }),
         /* @__PURE__ */ a(
           ee,
@@ -3372,8 +3377,8 @@ const Mo = C.div`
       ] }),
       /* @__PURE__ */ a(_, { dashed: !0 })
     ] }),
-    t.map((d) => /* @__PURE__ */ m(y, { gap: "6px", alignItems: "center", children: [
-      /* @__PURE__ */ a(y, { padding: "22px 0 0 0", children: /* @__PURE__ */ a(P, { appearance: "primary", icon: d.icon }) }),
+    t.map((d) => /* @__PURE__ */ m(v, { gap: "6px", alignItems: "center", children: [
+      /* @__PURE__ */ a(v, { padding: "22px 0 0 0", children: /* @__PURE__ */ a(P, { appearance: "primary", icon: d.icon }) }),
       /* @__PURE__ */ a(
         Mt,
         {
@@ -3585,10 +3590,10 @@ function Xo({
       const c = ((g = e.conditionsThatEstablishesTheDecision) == null ? void 0 : g.reduce(
         (h, f) => {
           if (o.values.conditionsThatEstablishesTheDecision[f.conditionName] !== void 0) {
-            const b = _n(
+            const y = _n(
               f.howToSetTheCondition
             );
-            h[f.conditionName] = b(
+            h[f.conditionName] = y(
               f.value,
               f.conditionDataType
             ).schema;
@@ -3697,7 +3702,7 @@ const Qo = C.div`
   return xe(() => {
     p(n);
   }, [n]), /* @__PURE__ */ m(O, { children: [
-    /* @__PURE__ */ a(y, { children: /* @__PURE__ */ a(
+    /* @__PURE__ */ a(v, { children: /* @__PURE__ */ a(
       ln,
       {
         checked: l,
@@ -3726,15 +3731,15 @@ const Qo = C.div`
     messageEnd: c = "",
     statusStart: g = "pending",
     statusEnd: h = "pending"
-  } = e, [f, x] = M(s), [b, w] = M(l), [T, D] = M(p), I = ({ target: $ }) => {
-    x($.checked), r && r($.checked);
+  } = e, [f, w] = M(s), [y, x] = M(l), [T, D] = M(p), I = ({ target: $ }) => {
+    w($.checked), r && r($.checked);
   }, E = ($) => {
-    w($.target.value), n($);
+    x($.target.value), n($);
   }, F = ($) => {
     D($.target.value), t($);
   }, R = Z("(max-width: 400px)");
   return /* @__PURE__ */ m(O, { children: [
-    /* @__PURE__ */ m(y, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
+    /* @__PURE__ */ m(v, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
       /* @__PURE__ */ a(
         k,
         {
@@ -3747,7 +3752,7 @@ const Qo = C.div`
         }
       ),
       /* @__PURE__ */ a(
-        y,
+        v,
         {
           alignContent: "center",
           justifyContent: "center",
@@ -3766,7 +3771,7 @@ const Qo = C.div`
       )
     ] }),
     /* @__PURE__ */ m(
-      y,
+      v,
       {
         direction: R ? "column" : "row",
         justifyContent: "space-between",
@@ -3778,7 +3783,7 @@ const Qo = C.div`
               id: "dateStart",
               label: o,
               onChange: E,
-              value: b,
+              value: y,
               required: d,
               size: "compact",
               status: g,
@@ -3815,7 +3820,7 @@ const Qo = C.div`
     termStartStatus: p,
     termEndStatus: u
   } = e;
-  return /* @__PURE__ */ a("form", { onSubmit: n.handleSubmit, children: /* @__PURE__ */ m(y, { direction: "column", gap: "24px", children: [
+  return /* @__PURE__ */ a("form", { onSubmit: n.handleSubmit, children: /* @__PURE__ */ m(v, { direction: "column", gap: "24px", children: [
     Je({
       condition: i,
       formik: n,
@@ -3823,7 +3828,7 @@ const Qo = C.div`
     }),
     /* @__PURE__ */ a(_, { dashed: !0 }),
     /* @__PURE__ */ a(Qo, { children: /* @__PURE__ */ a(Ko, { children: /* @__PURE__ */ m(
-      y,
+      v,
       {
         direction: "column",
         padding: "6px 12px",
@@ -3831,7 +3836,7 @@ const Qo = C.div`
         height: "272px",
         children: [
           /* @__PURE__ */ m(
-            y,
+            v,
             {
               justifyContent: "space-between",
               alignItems: "center",
@@ -3851,7 +3856,7 @@ const Qo = C.div`
               ]
             }
           ),
-          /* @__PURE__ */ a(y, { direction: "column", gap: "20px", children: o == null ? void 0 : o.map((c) => /* @__PURE__ */ a(
+          /* @__PURE__ */ a(v, { direction: "column", gap: "20px", children: o == null ? void 0 : o.map((c) => /* @__PURE__ */ a(
             Zo,
             {
               id: `toggle-${c.conditionName}`,
@@ -3893,7 +3898,7 @@ const Qo = C.div`
     ] }),
     /* @__PURE__ */ a(_, {}),
     l && /* @__PURE__ */ a(k, { type: "label", size: "medium", appearance: "danger", children: typeof n.errors.conditionsThatEstablishesTheDecision == "string" ? n.errors.conditionsThatEstablishesTheDecision : "Existen errores en el formulario, por favor revísalos." }),
-    /* @__PURE__ */ m(y, { direction: "row", justifyContent: "end", gap: "16px", children: [
+    /* @__PURE__ */ m(v, { direction: "row", justifyContent: "end", gap: "16px", children: [
       /* @__PURE__ */ a(H, { appearance: "gray", onClick: r, children: t.cancel }),
       /* @__PURE__ */ a(H, { type: "submit", children: t.confirm })
     ] })
@@ -3923,8 +3928,8 @@ const Qo = C.div`
       visibleConditions: l,
       normalizedDecision: d,
       handleToggleNoneChange: s,
-      handleConditionToggleChange: (f, x) => (b) => {
-        if (!b)
+      handleConditionToggleChange: (f, w) => (y) => {
+        if (!y)
           i.setFieldValue(
             `conditionsThatEstablishesTheDecision.${f}`,
             void 0
@@ -3934,10 +3939,10 @@ const Qo = C.div`
             !1
           );
         else {
-          const w = x ? [] : "";
+          const x = w ? [] : "";
           i.setFieldValue(
             `conditionsThatEstablishesTheDecision.${f}`,
-            w
+            x
           );
         }
       },
@@ -4159,23 +4164,23 @@ const Qo = C.div`
       }
     ),
     n && t.length > 0 && /* @__PURE__ */ a(la, { id: h, children: t.map((f) => {
-      const x = f.id === i;
-      return /* @__PURE__ */ a(aa, { to: f.path, children: /* @__PURE__ */ a(dt, { $active: x, children: /* @__PURE__ */ m(
-        y,
+      const w = f.id === i;
+      return /* @__PURE__ */ a(aa, { to: f.path, children: /* @__PURE__ */ a(dt, { $active: w, children: /* @__PURE__ */ m(
+        v,
         {
           alignItems: "center",
           direction: "row",
           gap: "8px",
-          padding: x ? "8px 4px" : "8px 32px",
+          padding: w ? "8px 4px" : "8px 32px",
           children: [
-            x && /* @__PURE__ */ a(P, { appearance: "primary", icon: /* @__PURE__ */ a(kt, {}) }),
+            w && /* @__PURE__ */ a(P, { appearance: "primary", icon: /* @__PURE__ */ a(kt, {}) }),
             /* @__PURE__ */ a(
               k,
               {
-                appearance: x ? "primary" : "dark",
+                appearance: w ? "primary" : "dark",
                 size: "small",
                 type: "title",
-                weight: x ? "bold" : "normal",
+                weight: w ? "bold" : "normal",
                 children: f.label
               }
             )
@@ -4220,7 +4225,7 @@ const Qo = C.div`
       return;
     }
     t && s(t);
-  }, [n, t, r, o.pathname]), /* @__PURE__ */ a(da, { $background: !0, children: /* @__PURE__ */ a(y, { direction: "column", gap: "8px", padding: "12px", height: "100%", children: r.map((u) => /* @__PURE__ */ a(
+  }, [n, t, r, o.pathname]), /* @__PURE__ */ a(da, { $background: !0, children: /* @__PURE__ */ a(v, { direction: "column", gap: "8px", padding: "12px", height: "100%", children: r.map((u) => /* @__PURE__ */ a(
     sa,
     {
       activeId: l(u.links),
@@ -4323,9 +4328,9 @@ var pa = {
   scrollDebounceTimeout: void 0,
   frameIdX: void 0,
   frameIdY: void 0
-}, v = pa, pe = !1, jn, mn;
+}, b = pa, pe = !1, jn, mn;
 function ga() {
-  v.scrollDebounceTimeout && clearTimeout(v.scrollDebounceTimeout), v.longPressTimeout && clearTimeout(v.longPressTimeout), v.frameIdX !== void 0 && cancelAnimationFrame(v.frameIdX), v.frameIdY !== void 0 && cancelAnimationFrame(v.frameIdY), v = { ...{
+  b.scrollDebounceTimeout && clearTimeout(b.scrollDebounceTimeout), b.longPressTimeout && clearTimeout(b.longPressTimeout), b.frameIdX !== void 0 && cancelAnimationFrame(b.frameIdX), b.frameIdY !== void 0 && cancelAnimationFrame(b.frameIdY), b = { ...{
     affectedNodes: [],
     coordinates: {
       x: 0,
@@ -4366,49 +4371,49 @@ function ga() {
   } };
 }
 function ft(e) {
-  return Object.assign(v, e), e.initialParent.data.emit("dragStarted", v), pe = !1, v.emit("dragStarted", v), v;
+  return Object.assign(b, e), e.initialParent.data.emit("dragStarted", b), pe = !1, b.emit("dragStarted", b), b;
 }
 function ha() {
-  v.activeState && we(v.activeState.parent, void 0, v), v.selectedState && ye(v.selectedState.nodes, v.selectedState.parent, v), v.selectedState = v.activeState = void 0;
+  b.activeState && we(b.activeState.parent, void 0, b), b.selectedState && ye(b.selectedState.nodes, b.selectedState.parent, b), b.selectedState = b.activeState = void 0;
 }
 function fa() {
-  if (v.pointerDown && (v.pointerDown.node.el.draggable = !0), v.pointerDown = void 0, !J(v)) return;
-  const e = v.currentParent.data.config;
-  J(v) && e.handleEnd(v);
+  if (b.pointerDown && (b.pointerDown.node.el.draggable = !0), b.pointerDown = void 0, !J(b)) return;
+  const e = b.currentParent.data.config;
+  J(b) && e.handleEnd(b);
 }
 function ma(e) {
-  e.key === "Escape" && (v.selectedState && ye(v.selectedState.nodes, v.selectedState.parent, v), v.activeState && we(v.activeState.parent, void 0, v), v.selectedState = v.activeState = void 0);
+  e.key === "Escape" && (b.selectedState && ye(b.selectedState.nodes, b.selectedState.parent, b), b.activeState && we(b.activeState.parent, void 0, b), b.selectedState = b.activeState = void 0);
 }
 function ba(e) {
-  if (!Y(v)) return;
+  if (!Y(b)) return;
   pe = !0;
-  const n = v.initialParent.data.config.handleEnd;
-  n(v);
+  const n = b.initialParent.data.config.handleEnd;
+  n(b);
 }
 function va(e) {
-  if (!Y(v)) return;
+  if (!Y(b)) return;
   G(e);
   const { x: n, y: t } = Fe(e);
-  Y(v) && un({ x: n, y: t }, e, v);
+  Y(b) && un({ x: n, y: t }, e, b);
 }
 function ya(e) {
-  if (!v.pointerDown || !v.pointerDown.validated) return;
-  const n = v.pointerDown.parent.data.config;
+  if (!b.pointerDown || !b.pointerDown.validated) return;
+  const n = b.pointerDown.parent.data.config;
   if (!(e.pointerType === "mouse" && !ht()))
-    if (J(v))
-      J(v) && Bn(e, v);
+    if (J(b))
+      J(b) && Bn(e, b);
     else {
-      if (G(e), n.longPress && !v.longPress) {
-        clearTimeout(v.longPressTimeout), v.longPress = !1;
+      if (G(e), n.longPress && !b.longPress) {
+        clearTimeout(b.longPressTimeout), b.longPress = !1;
         return;
       }
-      const t = n.draggedNodes(v.pointerDown);
-      n.dragstartClasses(v.pointerDown.node, t, n, !0);
-      const r = v.pointerDown.node.el.getBoundingClientRect(), o = Wa(
-        v.pointerDown.node,
-        v.pointerDown.parent,
+      const t = n.draggedNodes(b.pointerDown);
+      n.dragstartClasses(b.pointerDown.node, t, n, !0);
+      const r = b.pointerDown.node.el.getBoundingClientRect(), o = Wa(
+        b.pointerDown.node,
+        b.pointerDown.parent,
         e,
-        v,
+        b,
         t,
         r
       );
@@ -4432,10 +4437,10 @@ function xa({
     pointermove: ya,
     pointercancel: X(r.handlePointercancel),
     touchmove: (c) => {
-      Y(v) && c.cancelable && G(c);
+      Y(b) && c.cancelable && G(c);
     },
     contextmenu: (c) => {
-      J(v) && G(c);
+      J(b) && G(c);
     }
   })), bt(e);
   const [o, i] = ct(), s = {
@@ -4543,7 +4548,7 @@ function wa({
   const r = n.map((l) => l.data.value), o = Ae(e.el, e.data), i = n[0].data.index, s = [...e.data.enabledNodes], d = [
     ...o.filter((l) => !r.some((p) => je(l, p)))
   ];
-  d.splice(t[0].data.index, 0, ...r), "draggedNode" in v && (v.currentTargetValue = t[0].data.value), Cn(e.el, e.data, [...d]), e.data.config.onSort && e.data.config.onSort({
+  d.splice(t[0].data.index, 0, ...r), "draggedNode" in b && (b.currentTargetValue = t[0].data.value), Cn(e.el, e.data, [...d]), e.data.config.onSort && e.data.config.onSort({
     parent: {
       el: e.el,
       data: e.data
@@ -4556,7 +4561,7 @@ function wa({
     previousPosition: i,
     position: t[0].data.index,
     targetNodes: t,
-    state: v
+    state: b
   });
 }
 function we(e, n, t) {
@@ -4680,7 +4685,7 @@ function Sa(e, n) {
         const i = r.parentNode;
         if (!(i instanceof HTMLElement)) return;
         const s = q.get(i);
-        s && (v.pointerDown = {
+        s && (b.pointerDown = {
           parent: {
             el: i,
             data: s
@@ -4713,10 +4718,10 @@ function Ea(e) {
     pointerdown: X(n.handleNodePointerdown),
     handleNodePointerover: n.handleNodePointerover,
     touchmove: (r) => {
-      Y(v) && r.cancelable && G(r);
+      Y(b) && r.cancelable && G(r);
     },
     contextmenu: (r) => {
-      J(v) && G(r);
+      J(b) && G(r);
     }
   }), e.node.el.draggable = !0, n.reapplyDragClasses(e.node.el, e.parent.data), (t = e.parent.data.config.plugins) == null || t.forEach((r) => {
     var o, i;
@@ -4731,9 +4736,9 @@ function vt(e) {
   });
 }
 function Na(e, n) {
-  if (!Y(v)) return;
-  const t = J(v) ? n.config.synthDropZoneClass : n.config.dropZoneClass;
-  v.draggedNode.el === e && Ne([e], t, !0);
+  if (!Y(b)) return;
+  const t = J(b) ? n.config.synthDropZoneClass : n.config.dropZoneClass;
+  b.draggedNode.el === e && Ne([e], t, !0);
 }
 function ka(e) {
   var n;
@@ -4796,7 +4801,7 @@ function dn(e, n) {
         index: l
       }
     );
-    if (!Y(v) && v.activeState && je(v.activeState.node.data.value, c.value) && we(
+    if (!Y(b) && b.activeState && je(b.activeState.node.data.value, c.value) && we(
       {
         data: t,
         el: e
@@ -4805,10 +4810,10 @@ function dn(e, n) {
         el: p,
         data: c
       },
-      v
-    ), Y(v) && je(v.draggedNode.data.value, c.value)) {
-      v.draggedNode.data = c, v.draggedNode.el = p;
-      const g = v.draggedNodes.find(
+      b
+    ), Y(b) && je(b.draggedNode.data.value, c.value)) {
+      b.draggedNode.data = c, b.draggedNode.el = p;
+      const g = b.draggedNodes.find(
         (h) => h.data.value === c.value
       );
       g && (g.el = p);
@@ -4842,7 +4847,7 @@ function dn(e, n) {
   });
 }
 function Ia() {
-  v.remapJustFinished = !0, "draggedNode" in v && (v.affectedNodes = []);
+  b.remapJustFinished = !0, "draggedNode" in b && (b.affectedNodes = []);
 }
 function Fa(e) {
   return !!e.targetData.parent.data.config.nativeDrag;
@@ -4850,10 +4855,10 @@ function Fa(e) {
 function Ra(e) {
   var n;
   if (e.parent.data.config.multiDrag) {
-    if (v.selectedState)
+    if (b.selectedState)
       return [
         e.node,
-        ...(n = v.selectedState) == null ? void 0 : n.nodes.filter(
+        ...(n = b.selectedState) == null ? void 0 : n.nodes.filter(
           (t) => t.el !== e.node.el
         )
       ];
@@ -4861,8 +4866,8 @@ function Ra(e) {
   return [];
 }
 function La(e) {
-  Y(v) && (v.emit("scrollStarted", v), !J(v) && (v.preventEnter = !0, mn && clearTimeout(mn), mn = setTimeout(() => {
-    v.preventEnter = !1, v.emit("scrollEnded", v);
+  Y(b) && (b.emit("scrollStarted", b), !J(b) && (b.preventEnter = !0, mn && clearTimeout(mn), mn = setTimeout(() => {
+    b.preventEnter = !1, b.emit("scrollEnded", b);
   }, 100)));
 }
 function Oa(e, n) {
@@ -5074,10 +5079,10 @@ function _a(e, n) {
   t.nativeDrag && (ge(e.e), pe = !0, t.handleEnd(n));
 }
 function Ua(e) {
-  e.e.target !== e.e.currentTarget && v.pointerDown && (v.pointerDown.node.el.draggable = !1);
+  e.e.target !== e.e.currentTarget && b.pointerDown && (b.pointerDown.node.el.draggable = !1);
 }
 function ja(e) {
-  e.e.target !== e.e.currentTarget && v.pointerDown && (v.pointerDown.node.el.draggable = !0);
+  e.e.target !== e.e.currentTarget && b.pointerDown && (b.pointerDown.node.el.draggable = !0);
 }
 function Ba(e, n) {
   const t = e.targetData.parent.data.config;
@@ -5108,7 +5113,7 @@ function qa(e, n) {
 function Ga(e) {
   var u, c, g, h, f;
   e.draggedNode && (e.draggedNode.el.draggable = !0);
-  const n = e.draggedNodes.map((x) => x.el), t = e.initialParent.data, r = J(e), o = (u = q.get(e.initialParent.el)) == null ? void 0 : u.config, i = r ? o == null ? void 0 : o.synthDropZoneClass : o == null ? void 0 : o.dropZoneClass, s = (c = t == null ? void 0 : t.config) == null ? void 0 : c.longPressClass, d = r ? (g = t == null ? void 0 : t.config) == null ? void 0 : g.synthDragPlaceholderClass : (h = t == null ? void 0 : t.config) == null ? void 0 : h.dragPlaceholderClass, l = e.originalZIndex;
+  const n = e.draggedNodes.map((w) => w.el), t = e.initialParent.data, r = J(e), o = (u = q.get(e.initialParent.el)) == null ? void 0 : u.config, i = r ? o == null ? void 0 : o.synthDropZoneClass : o == null ? void 0 : o.dropZoneClass, s = (c = t == null ? void 0 : t.config) == null ? void 0 : c.longPressClass, d = r ? (g = t == null ? void 0 : t.config) == null ? void 0 : g.synthDragPlaceholderClass : (h = t == null ? void 0 : t.config) == null ? void 0 : h.dragPlaceholderClass, l = e.originalZIndex;
   J(e) && (e.clonedDraggedNode && e.clonedDraggedNode.remove(), e.longPressTimeout && clearTimeout(e.longPressTimeout)), Dn(e), e.lastScrollDirectionX = void 0, e.lastScrollDirectionY = void 0, e.preventEnter = !1, e.scrollDebounceTimeout && (clearTimeout(e.scrollDebounceTimeout), e.scrollDebounceTimeout = void 0), l !== void 0 && e.draggedNode && (e.draggedNode.el.style.zIndex = l), requestAnimationFrame(() => {
     ue(n, i), ue(n, s), ue(n, d);
   }), ye(e.draggedNodes, e.currentParent, e), we(e.currentParent, void 0, e);
@@ -5133,7 +5138,7 @@ function Ya(e, n) {
   ), Y(n) && t.handleEnd(n);
 }
 function Wa(e, n, t, r, o, i) {
-  var f, x;
+  var f, w;
   const s = n.data.config;
   let d, l;
   const p = [
@@ -5164,13 +5169,13 @@ function Wa(e, n, t, r, o, i) {
     "height",
     "boxSizing",
     "overflow"
-  ], u = (b, w) => {
-    const T = window.getComputedStyle(b);
+  ], u = (y, x) => {
+    const T = window.getComputedStyle(y);
     p.forEach((D) => {
-      w.style[D] = T[D];
+      x.style[D] = T[D];
     });
-  }, c = (b, w = {}) => {
-    Object.assign(b.style, {
+  }, c = (y, x = {}) => {
+    Object.assign(y.style, {
       position: "absolute",
       zIndex: "9999",
       pointerEvents: "none",
@@ -5180,7 +5185,7 @@ function Wa(e, n, t, r, o, i) {
       overflow: "hidden",
       width: `${i.width}px`,
       height: `${i.height}px`,
-      ...w
+      ...x
     });
   };
   if (s.synthDragImage)
@@ -5188,11 +5193,11 @@ function Wa(e, n, t, r, o, i) {
   else if (!s.multiDrag || o.length === 1)
     d = e.el.cloneNode(!0), u(e.el, d), d.setAttribute("popover", "manual"), c(d);
   else {
-    const b = document.createElement("div");
-    b.setAttribute("popover", "manual"), o.forEach((w) => {
-      const T = w.el.cloneNode(!0);
-      u(w.el, T), T.style.pointerEvents = "none", T.style.margin = "0", b.append(T);
-    }), b.style.display = "flex", b.style.flexDirection = "column", b.style.padding = "0", b.style.margin = "0", b.style.position = "absolute", b.style.zIndex = "9999", b.style.pointerEvents = "none", d = b;
+    const y = document.createElement("div");
+    y.setAttribute("popover", "manual"), o.forEach((x) => {
+      const T = x.el.cloneNode(!0);
+      u(x.el, T), T.style.pointerEvents = "none", T.style.margin = "0", y.append(T);
+    }), y.style.display = "flex", y.style.flexDirection = "column", y.style.padding = "0", y.style.margin = "0", y.style.position = "absolute", y.style.zIndex = "9999", y.style.pointerEvents = "none", d = y;
   }
   d.id = "dnd-dragged-node-clone", n.el.appendChild(d), d.showPopover();
   const g = {
@@ -5201,7 +5206,7 @@ function Wa(e, n, t, r, o, i) {
     synthDragScrolling: !1,
     synthDragging: !0,
     rootScrollWidth: (f = document.scrollingElement) == null ? void 0 : f.scrollWidth,
-    rootScrollHeight: (x = document.scrollingElement) == null ? void 0 : x.scrollHeight
+    rootScrollHeight: (w = document.scrollingElement) == null ? void 0 : w.scrollHeight
   };
   return ft({
     ...mt(
@@ -5375,7 +5380,7 @@ function X(e) {
           e: t,
           targetData: r
         },
-        v
+        b
       );
   };
 }
@@ -5415,7 +5420,7 @@ function Ke(e) {
           e: t,
           targetData: r
         },
-        v
+        b
       );
   };
 }
@@ -5463,23 +5468,23 @@ function ue(e, n) {
 function qn(e, n, t, r, o) {
   const s = o.axis === "x", d = e === document.scrollingElement, l = s ? "scrollLeft" : "scrollTop", p = s ? "clientWidth" : "clientHeight", u = s ? "offsetWidth" : "offsetHeight", c = s ? "scrollWidth" : "scrollHeight", g = s ? n.clientX : n.clientY, h = s ? r.left : r.top, f = s ? t.overflowX : t.overflowY;
   if (d) {
-    const x = e[l], b = e[p], w = x > 0, T = x + b < (s ? o.state.rootScrollWidth || 0 : e[c]);
+    const w = e[l], y = e[p], x = w > 0, T = w + y < (s ? o.state.rootScrollWidth || 0 : e[c]);
     return s ? {
-      left: w && g < b * 0.075,
-      right: T && g > b * (1 - 0.075)
+      left: x && g < y * 0.075,
+      right: T && g > y * (1 - 0.075)
     } : {
-      up: w && g < b * 0.075,
-      down: T && g > b * (1 - 0.075)
+      up: x && g < y * 0.075,
+      down: T && g > y * (1 - 0.075)
     };
   }
   if ((f === "auto" || f === "scroll") && e !== document.body && e !== document.documentElement) {
-    const x = e[c], b = e[u], w = e[l], T = w > 0, D = w < x - b;
+    const w = e[c], y = e[u], x = e[l], T = x > 0, D = x < w - y;
     return s ? {
-      left: T && g < h + b * 0.075,
-      right: D && g > h + b * (1 - 0.075)
+      left: T && g < h + y * 0.075,
+      right: D && g > h + y * (1 - 0.075)
     } : {
-      up: T && g < h + b * 0.075,
-      down: D && g > h + b * (1 - 0.075)
+      up: T && g < h + y * 0.075,
+      down: D && g > h + y * (1 - 0.075)
     };
   }
   return s ? { left: !1, right: !1 } : { up: !1, down: !1 };
@@ -5495,8 +5500,8 @@ function oi(e, n, t, r) {
       t[l] !== void 0 && (cancelAnimationFrame(t[l]), t[l] = void 0);
       return;
     }
-    const u = o ? "scrollLeft" : "scrollTop", c = o ? "clientWidth" : "clientHeight", g = o ? "scrollWidth" : "scrollHeight", h = e[u], f = e[c], x = e[g];
-    if (!(i > 0 ? h + f < x : h > 0)) {
+    const u = o ? "scrollLeft" : "scrollTop", c = o ? "clientWidth" : "clientHeight", g = o ? "scrollWidth" : "scrollHeight", h = e[u], f = e[c], w = e[g];
+    if (!(i > 0 ? h + f < w : h > 0)) {
       t[l] = void 0, t[d] = void 0;
       return;
     }
@@ -5667,32 +5672,32 @@ const Wn = {
     null
   ), g = U.useRef(i);
   U.useEffect(() => {
-    const w = (T) => {
+    const x = (T) => {
       const D = T.detail ?? null;
       c(D);
     };
-    return window.addEventListener(bn, w), () => window.removeEventListener(bn, w);
+    return window.addEventListener(bn, x), () => window.removeEventListener(bn, x);
   }, []);
-  const h = U.useCallback((w) => {
+  const h = U.useCallback((x) => {
     window.dispatchEvent(
-      new CustomEvent(bn, { detail: w })
+      new CustomEvent(bn, { detail: x })
     );
-  }, []), f = (w) => {
+  }, []), f = (x) => {
     var E;
-    const T = w.target, D = (E = T == null ? void 0 : T.closest) == null ? void 0 : E.call(T, "li.dnd-item"), I = (D == null ? void 0 : D.getAttribute("data-label")) || null;
+    const T = x.target, D = (E = T == null ? void 0 : T.closest) == null ? void 0 : E.call(T, "li.dnd-item"), I = (D == null ? void 0 : D.getAttribute("data-label")) || null;
     I && (c(I), h(I));
-  }, x = U.useCallback(() => {
+  }, w = U.useCallback(() => {
     c(null), h(null);
   }, [h]);
   U.useEffect(() => {
-    const w = () => x();
-    return window.addEventListener("pointerup", w), window.addEventListener("blur", w), () => {
-      window.removeEventListener("pointerup", w), window.removeEventListener("blur", w);
+    const x = () => w();
+    return window.addEventListener("pointerup", x), window.addEventListener("blur", x), () => {
+      window.removeEventListener("pointerup", x), window.removeEventListener("blur", x);
     };
-  }, [x]), U.useEffect(() => {
-    const w = g.current;
-    if (p.length !== w.length && p.length === w.length + 1) {
-      const T = new Set(w), D = p.find((I) => !T.has(I)) || null;
+  }, [w]), U.useEffect(() => {
+    const x = g.current;
+    if (p.length !== x.length && p.length === x.length + 1) {
+      const T = new Set(x), D = p.find((I) => !T.has(I)) || null;
       if (D) {
         const I = t === "left" ? "right" : "left";
         d == null || d({ item: D, from: I, to: t });
@@ -5700,7 +5705,7 @@ const Wn = {
     }
     g.current = p;
   }, [p, t, d]);
-  const b = p.length === 0;
+  const y = p.length === 0;
   return /* @__PURE__ */ a(
     ze,
     {
@@ -5713,10 +5718,10 @@ const Wn = {
         {
           ref: l,
           onPointerDownCapture: f,
-          onPointerUpCapture: x,
-          onPointerCancelCapture: x,
-          $isEmpty: b,
-          children: b ? /* @__PURE__ */ a(
+          onPointerUpCapture: w,
+          onPointerCancelCapture: w,
+          $isEmpty: y,
+          children: y ? /* @__PURE__ */ a(
             ee,
             {
               background: !0,
@@ -5726,13 +5731,13 @@ const Wn = {
               justifyContent: "center",
               children: /* @__PURE__ */ a(k, { type: "label", size: "medium", appearance: "gray", padding: "12px", children: n || "No hay elementos en esta lista" })
             }
-          ) : p.map((w, T) => {
-            const D = u === w;
+          ) : p.map((x, T) => {
+            const D = u === x;
             return /* @__PURE__ */ a(
               gi,
               {
                 className: `dnd-item${D ? " is-dragging" : ""}`,
-                "data-label": w,
+                "data-label": x,
                 "data-first": !!(s && T === 0) || void 0,
                 $active: D,
                 children: /* @__PURE__ */ a(ee, { border: !0, borderRadius: "8px", width: "100%", children: /* @__PURE__ */ a(
@@ -5743,11 +5748,11 @@ const Wn = {
                     weight: D ? "bold" : "normal",
                     size: "medium",
                     padding: "6px 12px",
-                    children: w
+                    children: x
                   }
                 ) })
               },
-              w
+              x
             );
           })
         }
@@ -5759,7 +5764,7 @@ const Wn = {
     o == null || o(s);
   };
   return /* @__PURE__ */ m(
-    y,
+    v,
     {
       justifyContent: "space-between",
       alignItems: "start",
@@ -6086,7 +6091,7 @@ function Qn(e, n) {
 const Di = (e) => {
   var o, i;
   const { message: n } = e, t = $n(Nn), r = ((i = (o = t == null ? void 0 : t.input) == null ? void 0 : o.message) == null ? void 0 : i.appearance) || oe.message.appearance;
-  return /* @__PURE__ */ m(y, { alignItems: "center", gap: "4px", margin: "4px 0 0 16px", children: [
+  return /* @__PURE__ */ m(v, { alignItems: "center", gap: "4px", margin: "4px 0 0 16px", children: [
     /* @__PURE__ */ a(
       P,
       {
@@ -6122,9 +6127,9 @@ const Di = (e) => {
     options: g,
     placeholder: h,
     required: f,
-    size: x,
-    value: b,
-    picker: w,
+    size: w,
+    value: y,
+    picker: x,
     showChevron: T,
     checkedItems: D,
     editable: I = !1,
@@ -6137,7 +6142,7 @@ const Di = (e) => {
     onOptionClick: Te,
     onCheckboxChange: Ce,
     handleClear: he
-  } = e, re = $n(Nn), Re = ((Oe = (de = re == null ? void 0 : re.input) == null ? void 0 : de.required) == null ? void 0 : Oe.appearance) || oe.required.appearance, De = f && !r, fe = w || b === "" ? "" : Qn(g, b), me = nt(
+  } = e, re = $n(Nn), Re = ((Oe = (de = re == null ? void 0 : re.input) == null ? void 0 : de.required) == null ? void 0 : Oe.appearance) || oe.required.appearance, De = f && !r, fe = x || y === "" ? "" : Qn(g, y), me = nt(
     () => g.filter((z) => D.includes(z.id)),
     [g, D]
   ), Le = (z, L) => {
@@ -6160,7 +6165,7 @@ const Di = (e) => {
               focused: o,
               invalid: d,
               margin: "0px 0px 0px 16px",
-              size: Ci(x),
+              size: Ci(w),
               disabled: r,
               children: l
             }
@@ -6176,13 +6181,13 @@ const Di = (e) => {
         $focused: o,
         $invalid: d,
         onClick: I ? void 0 : j,
-        $value: b,
-        $size: x,
+        $value: y,
+        $size: w,
         children: [
           /* @__PURE__ */ a(
             wi,
             {
-              $inputWithData: !!b,
+              $inputWithData: !!y,
               autoComplete: "off",
               value: fe,
               name: c,
@@ -6190,7 +6195,7 @@ const Di = (e) => {
               placeholder: h,
               $disabled: r,
               required: f,
-              $size: x,
+              $size: w,
               $fullwidth: i,
               $focused: o,
               readOnly: !I,
@@ -6202,14 +6207,14 @@ const Di = (e) => {
             }
           ),
           /* @__PURE__ */ m(
-            y,
+            v,
             {
               direction: "row",
               gap: "8px",
               alignItems: "center",
               justifyContent: "space-between",
               children: [
-                /* @__PURE__ */ a(y, { gap: "8px", alignItems: "center", wrap: "wrap", children: E && !r && (w ? me.map((z) => /* @__PURE__ */ a(
+                /* @__PURE__ */ a(v, { gap: "8px", alignItems: "center", wrap: "wrap", children: E && !r && (x ? me.map((z) => /* @__PURE__ */ a(
                   ve,
                   {
                     appearance: "gray",
@@ -6219,11 +6224,11 @@ const Di = (e) => {
                     onClose: (L) => Le(L, z.id)
                   },
                   z.id
-                )) : (b ?? "") !== "" && /* @__PURE__ */ a(
+                )) : (y ?? "") !== "" && /* @__PURE__ */ a(
                   ve,
                   {
                     appearance: "gray",
-                    label: Qn(g, b),
+                    label: Qn(g, y),
                     removable: !0,
                     displayIcon: !1,
                     onClose: (z) => {
@@ -6260,7 +6265,7 @@ const Di = (e) => {
             label: z.label,
             checked: D.includes(z.id),
             onCheckboxChange: Ce,
-            picker: w
+            picker: x
           },
           z.id
         ))
@@ -6283,9 +6288,9 @@ const Di = (e) => {
     onFocus: g,
     onKeyUp: h,
     options: f,
-    placeholder: x,
-    required: b = !1,
-    size: w = "wide",
+    placeholder: w,
+    required: y = !1,
+    size: x = "wide",
     value: T,
     showOptions: D = !1,
     picker: I = !1,
@@ -6364,9 +6369,9 @@ const Di = (e) => {
       message: d,
       name: l,
       options: z,
-      placeholder: x,
-      required: b,
-      size: w,
+      placeholder: w,
+      required: y,
+      size: x,
       value: T,
       picker: I,
       showChevron: E,