@isettingkit/business-rules 1.0.27 → 1.0.29

package/dist/index.es.js

@@ -1,17 +1,17 @@
-import { jsx as i, jsxs as b, Fragment as F } from "react/jsx-runtime";
-import { MdOutlineDelete as fn, MdClear as qe, MdAdd as Ce, MdOutlineCreate as Vn, MdExpandLess as zn, MdExpandMore as Ve, MdClose as Hn, MdOutlineFilterAltOff as mn, MdOutlineFilterAlt as bn, MdChevronRight as Je, MdArrowRight as _n } from "react-icons/md";
-import { inube as C, Stack as v, Divider as q, Icon as O, Text as E, SkeletonLine as W, useMediaQuery as X, Blanket as Be, Button as B, Grid as Ne, Box as Un, Tag as ce, SkeletonIcon as jn, Toggle as Ee, Checkbox as vn, Date as De, Fieldset as ve, OptionList as qn, Checkpicker as Bn } from "@inubekit/inubekit";
-import T, { keyframes as Dn, ThemeContext as Yn } from "styled-components";
-import { ValueDataType as _, ValueHowToSetUp as G, DecisionConditionRender as ye } from "@isettingkit/input";
-import { DecisionViewConditionRenderer as Re, DecisionViewConditionRendererNew as fe } from "@isettingkit/view";
-import { createPortal as Ye } from "react-dom";
-import z, { useState as P, useEffect as re, useRef as ue, useContext as Xn } from "react";
+import { jsx as i, jsxs as b, Fragment as R } from "react/jsx-runtime";
+import { MdOutlineDelete as mn, MdClear as qe, MdAdd as Ce, MdOutlineCreate as zn, MdExpandLess as Hn, MdExpandMore as ze, MdClose as _n, MdOutlineFilterAltOff as bn, MdOutlineFilterAlt as vn, MdChevronRight as en, MdArrowRight as Un, MdOutlineArrowCircleLeft as jn, MdOutlineArrowCircleRight as Bn } from "react-icons/md";
+import { inube as C, Stack as x, Divider as q, Icon as O, Text as E, SkeletonLine as W, useMediaQuery as X, Blanket as Ye, Button as H, Grid as Ne, Box as qn, Tag as ce, SkeletonIcon as Yn, Toggle as Ee, Checkbox as xn, Date as xe, Fieldset as ve, Tabs as Xn, OptionList as Wn, Checkpicker as Gn } from "@inubekit/inubekit";
+import T, { keyframes as Dn, ThemeContext as Zn } from "styled-components";
+import { ValueDataType as U, ValueHowToSetUp as G, DecisionConditionRender as De } from "@isettingkit/input";
+import { DecisionViewConditionRenderer as Pe, DecisionViewConditionRendererNew as fe } from "@isettingkit/view";
+import { createPortal as Xe } from "react-dom";
+import z, { useState as P, useEffect as te, useRef as ue, useContext as Qn } from "react";
 import { useFormik as yn } from "formik";
-import { string as le, mixed as ke, object as Z, number as ae, lazy as xe, date as Te } from "yup";
-import { Link as xn, useLocation as Wn } from "react-router-dom";
-import Gn from "axios";
-import { franc as Zn } from "franc-min";
-const Qn = T.div`
+import { string as le, mixed as ke, object as Z, number as ae, lazy as ye, date as Te } from "yup";
+import { Link as Tn, useLocation as Kn } from "react-router-dom";
+import Jn from "axios";
+import { franc as et } from "franc-min";
+const nt = T.div`
   border-radius: 8px;
   border: 1px solid
     ${({ theme: e }) => {
@@ -46,19 +46,19 @@ T.div`
     border-radius: 8px;
   }
 `;
-const Xe = (e) => {
+const We = (e) => {
   const { children: n, controls: t = !0, handleDelete: o, id: r } = e;
-  return /* @__PURE__ */ i(Qn, { children: /* @__PURE__ */ b(v, { direction: "column", gap: "16px", padding: "12px 16px", children: [
+  return /* @__PURE__ */ i(nt, { children: /* @__PURE__ */ b(x, { direction: "column", gap: "16px", padding: "12px 16px", children: [
     n,
-    t && /* @__PURE__ */ b(F, { children: [
+    t && /* @__PURE__ */ b(R, { children: [
       /* @__PURE__ */ i(q, {}),
-      /* @__PURE__ */ i(v, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ i(
+      /* @__PURE__ */ i(x, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ i(
         O,
         {
           cursorHover: !0,
           appearance: "danger",
           size: "24px",
-          icon: /* @__PURE__ */ i(fn, {}),
+          icon: /* @__PURE__ */ i(mn, {}),
           onClick: () => {
             o(r);
           }
@@ -66,22 +66,22 @@ const Xe = (e) => {
       ) })
     ] })
   ] }) });
-}, Kn = (e) => e.value, Jn = (e) => e.value, et = (e) => e.value, nt = (e) => ({
+}, tt = (e) => e.value, ot = (e) => e.value, rt = (e) => e.value, at = (e) => ({
   from: e.from ?? "",
   to: e.to ?? ""
-}), tt = (e) => e.value, ot = (e) => e.value, rt = (e) => e.value;
+}), it = (e) => e.value, lt = (e) => e.value, dt = (e) => e.value;
 var k = /* @__PURE__ */ ((e) => (e.EQUAL = "EqualTo", e.GREATER_THAN = "GreaterThan", e.LESS_THAN = "LessThan", e.LIST_OF_VALUES = "ListOfValues", e.LIST_OF_VALUES_MULTI = "ListOfValuesMulti", e.RANGE = "Range", e))(k || {});
-const at = {
-  [k.LIST_OF_VALUES]: Jn,
-  [k.LIST_OF_VALUES_MULTI]: et,
-  [k.RANGE]: nt,
-  [k.GREATER_THAN]: tt,
-  [k.LESS_THAN]: ot,
-  [k.EQUAL]: rt
+const st = {
+  [k.LIST_OF_VALUES]: ot,
+  [k.LIST_OF_VALUES_MULTI]: rt,
+  [k.RANGE]: at,
+  [k.GREATER_THAN]: it,
+  [k.LESS_THAN]: lt,
+  [k.EQUAL]: dt
 }, ge = (e) => {
-  const n = e == null ? void 0 : e.value, t = typeof n == "object" && n !== null && !Array.isArray(n), o = at[e == null ? void 0 : e.howToSetTheDecision] || Kn;
+  const n = e == null ? void 0 : e.value, t = typeof n == "object" && n !== null && !Array.isArray(n), o = st[e == null ? void 0 : e.howToSetTheDecision] || tt;
   return t && o(n) || n || void 0;
-}, en = T.div`
+}, nn = T.div`
   & > div {
     border-radius: 8px;
     border: 1px solid
@@ -90,7 +90,7 @@ const at = {
   return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || C.palette.neutral.N30;
 }};
   }
-`, nn = T.div`
+`, tn = T.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -108,7 +108,7 @@ const at = {
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, it = (e) => {
+`, ct = (e) => {
   const {
     conditionsAlignment: n,
     decision: t,
@@ -116,13 +116,13 @@ const at = {
     decisionMapper: r,
     loading: a,
     skeleton: s,
-    terms: u,
+    terms: c,
     textValues: l,
     visibleConditions: d
   } = e;
-  return a ? /* @__PURE__ */ b(v, { direction: "column", gap: "12px", children: [
-    /* @__PURE__ */ i(v, { direction: "column", alignItems: "center", children: /* @__PURE__ */ i(
-      Re,
+  return a ? /* @__PURE__ */ b(x, { direction: "column", gap: "12px", children: [
+    /* @__PURE__ */ i(x, { direction: "column", alignItems: "center", children: /* @__PURE__ */ i(
+      Pe,
       {
         element: r,
         valueData: ge(
@@ -132,8 +132,8 @@ const at = {
       }
     ) }, t.ruleName),
     /* @__PURE__ */ i(q, { dashed: !0 }),
-    /* @__PURE__ */ i(nn, { children: /* @__PURE__ */ b(
-      v,
+    /* @__PURE__ */ i(tn, { children: /* @__PURE__ */ b(
+      x,
       {
         direction: "column",
         gap: "12px",
@@ -151,8 +151,8 @@ const at = {
               children: l.factsThatConditionIt
             }
           ),
-          d.length > 0 && d.map((g) => /* @__PURE__ */ i(en, { children: /* @__PURE__ */ i(v, { direction: "column", padding: "8px", children: /* @__PURE__ */ i(
-            Re,
+          d.length > 0 && d.map((g) => /* @__PURE__ */ i(nn, { children: /* @__PURE__ */ i(x, { direction: "column", padding: "8px", children: /* @__PURE__ */ i(
+            Pe,
             {
               element: { ...g, value: g.value },
               valueData: ge(
@@ -161,8 +161,8 @@ const at = {
             }
           ) }) }, g.conditionName)),
           d.length > 0 && /* @__PURE__ */ i(q, { dashed: !0 }),
-          u && /* @__PURE__ */ i(F, { children: o && /* @__PURE__ */ i(
-            Re,
+          c && /* @__PURE__ */ i(R, { children: o && /* @__PURE__ */ i(
+            Pe,
             {
               element: o.element,
               valueData: o.valueData,
@@ -173,24 +173,24 @@ const at = {
         ]
       }
     ) })
-  ] }) : /* @__PURE__ */ b(v, { direction: "column", gap: "12px", children: [
-    /* @__PURE__ */ b(v, { direction: "column", alignItems: "center", gap: "4px", children: [
+  ] }) : /* @__PURE__ */ b(x, { direction: "column", gap: "12px", children: [
+    /* @__PURE__ */ b(x, { direction: "column", alignItems: "center", gap: "4px", children: [
       /* @__PURE__ */ i(W, { animated: !0, width: "180px" }),
       /* @__PURE__ */ i(W, { animated: !0, width: "85px" })
     ] }, "loading"),
-    /* @__PURE__ */ b(v, { direction: "column", gap: "12px", alignItems: "center", children: [
+    /* @__PURE__ */ b(x, { direction: "column", gap: "12px", alignItems: "center", children: [
       /* @__PURE__ */ i(q, { dashed: !0 }),
       /* @__PURE__ */ i(W, { animated: !0, width: "150px" })
     ] }),
-    /* @__PURE__ */ i(nn, { children: /* @__PURE__ */ i(
-      v,
+    /* @__PURE__ */ i(tn, { children: /* @__PURE__ */ i(
+      x,
       {
         direction: "column",
         gap: "12px",
         justifyContent: "space-between",
         height: "203px",
-        children: s.map((g, c) => /* @__PURE__ */ i(en, { children: /* @__PURE__ */ b(
-          v,
+        children: s.map((g, u) => /* @__PURE__ */ i(nn, { children: /* @__PURE__ */ b(
+          x,
           {
             direction: "column",
             gap: "12px",
@@ -201,18 +201,18 @@ const at = {
               /* @__PURE__ */ i(W, { animated: !0, width: "85px" })
             ]
           }
-        ) }, `condition-${c}`))
+        ) }, `condition-${u}`))
       }
     ) })
   ] });
-}, Tn = (e) => {
+}, wn = (e) => {
   var p;
   const { decision: n, loading: t = !1, textValues: o } = e, r = !!(n != null && n.effectiveFrom), a = !!(n != null && n.validUntil), s = r && a ? {
     element: {
       labelName: o == null ? void 0 : o.terms,
       value: String(n.effectiveFrom),
       howToSetTheDecision: G.RANGE,
-      decisionDataType: _.DATE
+      decisionDataType: U.DATE
     },
     valueData: ge({
       labelName: o == null ? void 0 : o.terms,
@@ -221,36 +221,36 @@ const at = {
         to: String(n.validUntil)
       },
       howToSetTheDecision: G.RANGE,
-      decisionDataType: _.DATE
+      decisionDataType: U.DATE
     })
   } : r && !a ? {
     element: {
       labelName: o == null ? void 0 : o.terms,
       value: String(n.effectiveFrom),
       howToSetTheDecision: G.EQUAL,
-      decisionDataType: _.DATE
+      decisionDataType: U.DATE
     },
     valueData: ge({
       labelName: o == null ? void 0 : o.terms,
       value: String(n.effectiveFrom),
       howToSetTheDecision: G.EQUAL,
-      decisionDataType: _.DATE
+      decisionDataType: U.DATE
     })
-  } : null, u = n ? {
+  } : null, c = n ? {
     labelName: n.labelName || "",
     decisionDataType: n.decisionDataType || "alphabetical",
     value: ge(n),
     howToSetTheDecision: n.howToSetTheDecision || "EqualTo"
   } : null, l = ((p = n == null ? void 0 : n.conditionsThatEstablishesTheDecision) == null ? void 0 : p.filter(
     (f) => !f.hidden
-  )) || [], d = Array.from({ length: 5 }), g = !!(!t && n && o && u), c = l.length < 2 ? "start" : "space-between";
+  )) || [], d = Array.from({ length: 5 }), g = !!(!t && n && o && c), u = l.length < 2 ? "start" : "space-between";
   return /* @__PURE__ */ i(
-    it,
+    ct,
     {
-      conditionsAlignment: c,
+      conditionsAlignment: u,
       decision: n,
       decisionDateElement: s,
-      decisionMapper: u,
+      decisionMapper: c,
       loading: g,
       skeleton: d,
       terms: !!(o != null && o.terms),
@@ -258,12 +258,12 @@ const at = {
       visibleConditions: l
     }
   );
-}, lt = T.div`
+}, ut = T.div`
   position: relative;
   & > div {
     padding: 24px 16px;
   }
-`, dt = T.div`
+`, gt = T.div`
   background-color: ${({ theme: e }) => {
   var n, t;
   return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N0) || C.palette.neutral.N0;
@@ -294,16 +294,16 @@ const at = {
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, st = (e) => {
+`, pt = (e) => {
   const { children: n, portalId: t, onCloseModal: o, title: r } = e, a = document.getElementById(t);
   if (!a)
     throw new Error(
       "The portal node is not defined. This can occur when the specific node used to render the portal has not been defined correctly."
     );
   const s = X("(max-width: 400px)");
-  return Ye(
-    /* @__PURE__ */ i(lt, { smallScreen: s, children: /* @__PURE__ */ i(Be, { children: /* @__PURE__ */ i(dt, { children: /* @__PURE__ */ b(v, { direction: "column", gap: "24px", children: [
-      /* @__PURE__ */ i(v, { direction: "column", gap: "24px", children: /* @__PURE__ */ b(v, { alignItems: "center", justifyContent: "space-between", children: [
+  return Xe(
+    /* @__PURE__ */ i(ut, { smallScreen: s, children: /* @__PURE__ */ i(Ye, { children: /* @__PURE__ */ i(gt, { children: /* @__PURE__ */ b(x, { direction: "column", gap: "24px", children: [
+      /* @__PURE__ */ i(x, { direction: "column", gap: "24px", children: /* @__PURE__ */ b(x, { alignItems: "center", justifyContent: "space-between", children: [
         /* @__PURE__ */ i(E, { type: "title", size: "large", appearance: "dark", weight: "bold", children: r }),
         /* @__PURE__ */ i(qe, { size: "24px", cursor: "pointer", onClick: o })
       ] }) }),
@@ -311,7 +311,7 @@ const at = {
     ] }) }) }) }),
     a
   );
-}, ct = Dn`
+}, ht = Dn`
   from {
     opacity: 0;
     transform: translateY(20px);
@@ -345,7 +345,7 @@ T.div`
 }};
   }
 `;
-const ut = T.div`
+const ft = T.div`
   & > div {
     background-color: ${({ theme: e }) => {
   var n, t;
@@ -358,18 +358,18 @@ const ut = T.div`
   height: 100%;
   padding-bottom: 12px;
   cursor: pointer;
-`, We = T.div`
+`, Ge = T.div`
   width: 100%;
   height: 100%;
   & > div {
-    animation: ${ct} 600ms ease-out;
+    animation: ${ht} 600ms ease-out;
   }
-`, gt = T.div`
+`, mt = T.div`
   & > div > div {
     border-radius: 8px;
     box-sizing: border-box;
   }
-`, pt = T.div`
+`, bt = T.div`
   & > div {
     width: 100%;
     height: 100%;
@@ -389,57 +389,57 @@ const ut = T.div`
       border-radius: 8px;
     }
   }
-`, ht = (e) => {
+`, vt = (e) => {
   const { index: n, handleOpenModal: t } = e;
   return /* @__PURE__ */ i(
-    Xe,
+    We,
     {
       id: `loading-card-${n}`,
       handleDelete: () => {
       },
       handleView: () => t ? t() : null,
       controls: !1,
-      children: /* @__PURE__ */ i(Tn, { loading: !0 })
+      children: /* @__PURE__ */ i(wn, { loading: !0 })
     },
     `loading-card-${n}`
   );
-}, ft = (e) => {
+}, xt = (e) => {
   const { decision: n, controls: t, handleOpenModal: o, handleDelete: r, textValues: a } = e;
-  return n ? /* @__PURE__ */ i(We, { children: /* @__PURE__ */ b(v, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
+  return n ? /* @__PURE__ */ i(Ge, { children: /* @__PURE__ */ b(x, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
     /* @__PURE__ */ i(E, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: n.decisionId }),
     /* @__PURE__ */ i(
-      Xe,
+      We,
       {
         id: n.decisionId,
         handleDelete: () => r ? r(n.decisionId) : null,
         handleView: () => o ? o(n) : null,
         controls: t,
-        children: /* @__PURE__ */ i(Tn, { decision: n, textValues: a })
+        children: /* @__PURE__ */ i(wn, { decision: n, textValues: a })
       }
     )
   ] }) }, n.decisionId) : null;
-}, mt = (e) => {
+}, Dt = (e) => {
   const {
     customTitleContentAddCard: n,
     index: t,
     handleOpenModal: o,
     shouldRenderEmptyMessage: r
   } = e, a = n || "Agregar decisión";
-  return /* @__PURE__ */ i(We, { children: r ? null : /* @__PURE__ */ b(v, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
+  return /* @__PURE__ */ i(Ge, { children: r ? null : /* @__PURE__ */ b(x, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
     /* @__PURE__ */ i(E, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: "Nueva decisión" }),
     /* @__PURE__ */ i(
-      ut,
+      ft,
       {
         onClick: () => o ? o() : null,
         children: /* @__PURE__ */ i(
-          Xe,
+          We,
           {
             id: `add-decision-${t}`,
             handleDelete: () => {
             },
             handleView: () => o ? o() : null,
             controls: !1,
-            children: /* @__PURE__ */ b(v, { direction: "column", gap: "12px", alignItems: "center", children: [
+            children: /* @__PURE__ */ b(x, { direction: "column", gap: "12px", alignItems: "center", children: [
               /* @__PURE__ */ i(O, { appearance: "gray", icon: /* @__PURE__ */ i(Ce, {}), size: "35px" }),
               /* @__PURE__ */ i(E, { appearance: "gray", type: "body", size: "large", children: a })
             ] })
@@ -448,14 +448,14 @@ const ut = T.div`
       }
     )
   ] }) }, `add-decision-${t}`);
-}, bt = {
-  loading: ht,
-  decision: ft,
-  add: mt
-}, ze = (e) => {
-  const { type: n } = e, t = bt[n];
+}, yt = {
+  loading: vt,
+  decision: xt,
+  add: Dt
+}, He = (e) => {
+  const { type: n } = e, t = yt[n];
   return t ? t(e) : null;
-}, vt = (e) => {
+}, Tt = (e) => {
   const {
     controls: n,
     customTitleContentAddCard: t,
@@ -463,20 +463,20 @@ const ut = T.div`
     loading: r,
     handleOpenModal: a,
     handleDelete: s,
-    textValues: u
+    textValues: c
   } = e, l = r ? Array.from({ length: 3 }).map(
-    (g, c) => ze({
+    (g, u) => He({
       type: "loading",
-      index: c,
+      index: u,
       controls: n,
       customTitleContentAddCard: t,
       loading: r,
       handleOpenModal: a,
       handleDelete: s,
-      textValues: u
+      textValues: c
     })
   ) : o == null ? void 0 : o.map(
-    (g) => ze({
+    (g) => He({
       type: "decision",
       decision: g,
       controls: n,
@@ -484,11 +484,11 @@ const ut = T.div`
       loading: r,
       handleOpenModal: a,
       handleDelete: s,
-      textValues: u
+      textValues: c
     })
   ), d = ((o == null ? void 0 : o.length) === 0 || o.length < Math.floor(window.innerWidth / 300)) && !r && n;
   return { renderedCards: l, shouldRenderAddCard: d };
-}, ta = (e) => {
+}, da = (e) => {
   const {
     controls: n = !0,
     customTitleContentAddCard: t,
@@ -496,15 +496,15 @@ const ut = T.div`
     decisions: r,
     textValues: a,
     decisionTemplate: s,
-    isModalOpen: u,
+    isModalOpen: c,
     selectedDecision: l,
     loading: d,
     handleOpenModal: g,
-    handleCloseModal: c,
+    handleCloseModal: u,
     handleSubmitForm: p,
     handleDelete: f,
     terms: m = !0
-  } = e, x = X("(max-width: 681px)"), y = X("(max-width: 400px)"), { renderedCards: D, shouldRenderAddCard: w } = vt({
+  } = e, v = X("(max-width: 681px)"), D = X("(max-width: 400px)"), { renderedCards: y, shouldRenderAddCard: w } = Tt({
     controls: n,
     customTitleContentAddCard: t,
     decisions: r,
@@ -513,18 +513,18 @@ const ut = T.div`
     handleDelete: f,
     textValues: a
   }), N = (r == null ? void 0 : r.length) === 0 && !d;
-  return /* @__PURE__ */ b(F, { children: [
-    /* @__PURE__ */ i(gt, { children: /* @__PURE__ */ i(pt, { children: /* @__PURE__ */ i(v, { direction: "column", gap: "16px", padding: "6px", children: N ? /* @__PURE__ */ b(
-      v,
+  return /* @__PURE__ */ b(R, { children: [
+    /* @__PURE__ */ i(mt, { children: /* @__PURE__ */ i(bt, { children: /* @__PURE__ */ i(x, { direction: "column", gap: "16px", padding: "6px", children: N ? /* @__PURE__ */ b(
+      x,
       {
         direction: "column",
         gap: "28px",
         width: "100%",
-        height: x ? "auto" : "435px",
+        height: v ? "auto" : "435px",
         justifyContent: "center",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ i(E, { as: "span", type: "label", size: "large", appearance: "gray", children: o || /* @__PURE__ */ b(F, { children: [
+          /* @__PURE__ */ i(E, { as: "span", type: "label", size: "large", appearance: "gray", children: o || /* @__PURE__ */ b(R, { children: [
             "Aún NO tienes definidas tasas de interés efectivas . Presiona",
             /* @__PURE__ */ b(
               E,
@@ -544,7 +544,7 @@ const ut = T.div`
             "para empezar."
           ] }) }),
           /* @__PURE__ */ i(
-            B,
+            H,
             {
               iconBefore: /* @__PURE__ */ i(Ce, {}),
               onClick: () => g ? g() : null,
@@ -556,7 +556,7 @@ const ut = T.div`
     ) : /* @__PURE__ */ b(
       Ne,
       {
-        templateColumns: y ? "repeat(auto-fill, minmax(200px, 1fr))" : "repeat(auto-fill, minmax(300px, 1fr))",
+        templateColumns: D ? "repeat(auto-fill, minmax(200px, 1fr))" : "repeat(auto-fill, minmax(300px, 1fr))",
         autoFlow: "row dense",
         gap: "24px",
         alignItems: "start",
@@ -564,10 +564,10 @@ const ut = T.div`
         autoRows: "1fr",
         justifyItems: "center",
         padding: "6px",
-        height: x ? "auto" : "484px",
+        height: v ? "auto" : "484px",
         children: [
-          D,
-          w && ze({
+          y,
+          w && He({
             type: "add",
             index: r == null ? void 0 : r.length,
             controls: n,
@@ -583,42 +583,42 @@ const ut = T.div`
         ]
       }
     ) }) }) }),
-    u && /* @__PURE__ */ i(
-      st,
+    c && /* @__PURE__ */ i(
+      pt,
       {
         portalId: "modal-portal",
-        onCloseModal: c,
+        onCloseModal: u,
         title: l ? "Editar Decisión" : "Nueva decisión",
         children: /* @__PURE__ */ i(
-          So,
+          ko,
           {
             decision: l || s,
             onSubmitEvent: p,
             textValues: a,
-            onCancel: () => c ? c() : () => {
+            onCancel: () => u ? u() : () => {
             }
           }
         )
       }
     )
   ] });
-}, wn = (e) => {
+}, Sn = (e) => {
   const { children: n } = e;
-  return /* @__PURE__ */ i(Un, { width: "100%", children: n });
-}, Dt = (e) => e.value, yt = (e) => e.value, xt = (e) => e.value, Tt = (e) => ({
+  return /* @__PURE__ */ i(qn, { width: "100%", children: n });
+}, wt = (e) => e.value, St = (e) => e.value, Ct = (e) => e.value, Nt = (e) => ({
   from: e.from ?? "",
   to: e.to ?? ""
-}), wt = (e) => e.value, St = (e) => e.value, Ct = (e) => e.value, Nt = {
-  [k.LIST_OF_VALUES]: yt,
-  [k.LIST_OF_VALUES_MULTI]: xt,
-  [k.RANGE]: Tt,
-  [k.GREATER_THAN]: wt,
-  [k.LESS_THAN]: St,
-  [k.EQUAL]: Ct
+}), Et = (e) => e.value, kt = (e) => e.value, At = (e) => e.value, It = {
+  [k.LIST_OF_VALUES]: St,
+  [k.LIST_OF_VALUES_MULTI]: Ct,
+  [k.RANGE]: Nt,
+  [k.GREATER_THAN]: Et,
+  [k.LESS_THAN]: kt,
+  [k.EQUAL]: At
 }, pe = (e) => {
-  const n = e == null ? void 0 : e.value, t = typeof n == "object" && n !== null && !Array.isArray(n), o = Nt[e == null ? void 0 : e.howToSetTheDecision] || Dt;
+  const n = e == null ? void 0 : e.value, t = typeof n == "object" && n !== null && !Array.isArray(n), o = It[e == null ? void 0 : e.howToSetTheDecision] || wt;
   return t && o(n) || n || void 0;
-}, Et = T.div`
+}, $t = T.div`
   display: flex;
   justify-content: ${({ $justifyContent: e }) => e};
   align-items: ${({ $alignItems: e }) => e};
@@ -641,7 +641,7 @@ const ut = T.div`
   border-radius: ${({ $borderRadius: e }) => e};
   box-sizing: ${({ $boxSizing: e }) => e};
   overflow-y: ${({ $scroll: e }) => e ? "scroll" : "none"};
-`, U = z.forwardRef(
+`, j = z.forwardRef(
   (e, n) => {
     const {
       children: t,
@@ -649,43 +649,43 @@ const ut = T.div`
       direction: r = "column",
       justifyContent: a,
       alignItems: s,
-      alignContent: u,
+      alignContent: c,
       height: l,
       width: d,
       gap: g,
-      background: c,
+      background: u,
       borderRadius: p,
       border: f,
       margin: m = "0px",
-      padding: x = "0px",
-      boxSizing: y,
-      scroll: D = !1
+      padding: v = "0px",
+      boxSizing: D,
+      scroll: y = !1
     } = e;
     return /* @__PURE__ */ i(
-      Et,
+      $t,
       {
         ref: n,
         direction: r,
         $justifyContent: a,
         $alignItems: s,
-        $alignContent: u,
+        $alignContent: c,
         height: l,
         width: d,
         wrap: o,
         $gap: g,
-        $background: c,
+        $background: u,
         $border: f,
         $margin: m,
-        $padding: x,
+        $padding: v,
         $borderRadius: p,
-        $boxSizing: y,
-        $scroll: D,
+        $boxSizing: D,
+        $scroll: y,
         children: t
       }
     );
   }
 );
-U.displayName = "BorderStack";
+j.displayName = "BorderStack";
 T.div`
   & > div {
     border-radius: 8px;
@@ -715,9 +715,9 @@ T.div`
     border-radius: 8px;
   }
 `;
-const kt = T.div`
+const Ft = T.div`
   cursor: pointer;
-`, At = (e) => {
+`, Pt = (e) => {
   const {
     conditionsAlignment: n,
     decision: t,
@@ -725,23 +725,23 @@ const kt = T.div`
     loading: r,
     textValues: a,
     visibleConditions: s,
-    tagLabel: u,
+    tagLabel: c,
     isOpen: l,
     onToggle: d,
     hasEffectiveFrom: g,
-    hasValidUntil: c,
+    hasValidUntil: u,
     effectiveFromRenderer: p,
     validUntilRenderer: f
   } = e;
-  return r ? /* @__PURE__ */ b(v, { direction: "column", gap: "16px", children: [
-    /* @__PURE__ */ i(kt, { onClick: d, children: /* @__PURE__ */ b(
-      v,
+  return r ? /* @__PURE__ */ b(x, { direction: "column", gap: "16px", children: [
+    /* @__PURE__ */ i(Ft, { onClick: d, children: /* @__PURE__ */ b(
+      x,
       {
         alignItems: "start",
         justifyContent: "space-between",
         children: [
-          /* @__PURE__ */ b(v, { gap: "12px", children: [
-            /* @__PURE__ */ i(ce, { appearance: "gray", label: u, displayIcon: !1 }),
+          /* @__PURE__ */ b(x, { gap: "12px", children: [
+            /* @__PURE__ */ i(ce, { appearance: "gray", label: c, displayIcon: !1 }),
             /* @__PURE__ */ i(
               fe,
               {
@@ -753,12 +753,12 @@ const kt = T.div`
               }
             )
           ] }),
-          /* @__PURE__ */ b(v, { gap: "12px", children: [
+          /* @__PURE__ */ b(x, { gap: "12px", children: [
             /* @__PURE__ */ i(
               O,
               {
                 appearance: "primary",
-                icon: /* @__PURE__ */ i(Vn, {}),
+                icon: /* @__PURE__ */ i(zn, {}),
                 size: "24px",
                 cursorHover: !0
               }
@@ -767,7 +767,7 @@ const kt = T.div`
               O,
               {
                 appearance: "danger",
-                icon: /* @__PURE__ */ i(fn, {}),
+                icon: /* @__PURE__ */ i(mn, {}),
                 size: "24px",
                 cursorHover: !0
               }
@@ -776,7 +776,7 @@ const kt = T.div`
               O,
               {
                 appearance: "dark",
-                icon: l ? /* @__PURE__ */ i(zn, {}) : /* @__PURE__ */ i(Ve, {}),
+                icon: l ? /* @__PURE__ */ i(Hn, {}) : /* @__PURE__ */ i(ze, {}),
                 size: "24px",
                 cursorHover: !0
               }
@@ -786,9 +786,9 @@ const kt = T.div`
       },
       t.ruleName
     ) }),
-    l && /* @__PURE__ */ b(F, { children: [
+    l && /* @__PURE__ */ b(R, { children: [
       /* @__PURE__ */ i(q, { dashed: !0 }),
-      /* @__PURE__ */ b(v, { direction: "column", gap: "12px", children: [
+      /* @__PURE__ */ b(x, { direction: "column", gap: "12px", children: [
         /* @__PURE__ */ i(
           E,
           {
@@ -802,14 +802,14 @@ const kt = T.div`
           }
         ),
         /* @__PURE__ */ b(
-          v,
+          x,
           {
             direction: "column",
             gap: "8px",
             justifyContent: n,
             children: [
               s.map((m) => /* @__PURE__ */ i(
-                U,
+                j,
                 {
                   direction: "column",
                   padding: "6px 12px",
@@ -828,7 +828,7 @@ const kt = T.div`
                 m.conditionName
               )),
               g && p && /* @__PURE__ */ i(
-                U,
+                j,
                 {
                   direction: "column",
                   padding: "6px 12px",
@@ -844,8 +844,8 @@ const kt = T.div`
                   )
                 }
               ),
-              c && f && /* @__PURE__ */ i(
-                U,
+              u && f && /* @__PURE__ */ i(
+                j,
                 {
                   direction: "column",
                   padding: "6px 12px",
@@ -866,18 +866,18 @@ const kt = T.div`
         )
       ] })
     ] })
-  ] }) : /* @__PURE__ */ b(v, { justifyContent: "space-between", children: [
-    /* @__PURE__ */ b(v, { alignItems: "center", gap: "8px", children: [
+  ] }) : /* @__PURE__ */ b(x, { justifyContent: "space-between", children: [
+    /* @__PURE__ */ b(x, { alignItems: "center", gap: "8px", children: [
       /* @__PURE__ */ i(W, { animated: !0, width: "150px" }),
       /* @__PURE__ */ i(W, { animated: !0, width: "70px" })
     ] }),
-    /* @__PURE__ */ b(v, { alignItems: "center", gap: "8px", children: [
+    /* @__PURE__ */ b(x, { alignItems: "center", gap: "8px", children: [
       /* @__PURE__ */ i(W, { animated: !0, width: "50px" }),
-      /* @__PURE__ */ i(jn, { animated: !0 })
+      /* @__PURE__ */ i(Yn, { animated: !0 })
     ] })
   ] });
-}, Sn = (e) => {
-  var D;
+}, Cn = (e) => {
+  var y;
   const {
     decision: n,
     loading: t = !1,
@@ -885,60 +885,60 @@ const kt = T.div`
     position: r,
     isOpen: a = !1,
     onToggle: s
-  } = e, u = !!(n != null && n.effectiveFrom), l = !!(n != null && n.validUntil), d = u ? {
+  } = e, c = !!(n != null && n.effectiveFrom), l = !!(n != null && n.validUntil), d = c ? {
     element: {
       labelName: o == null ? void 0 : o.effectiveFrom,
       value: String(n.effectiveFrom),
       howToSetTheDecision: G.EQUAL,
-      decisionDataType: _.DATE
+      decisionDataType: U.DATE
     },
     valueData: pe({
       labelName: o == null ? void 0 : o.effectiveFrom,
       value: String(n.effectiveFrom),
       howToSetTheDecision: G.EQUAL,
-      decisionDataType: _.DATE
+      decisionDataType: U.DATE
     })
   } : null, g = l ? {
     element: {
       labelName: o == null ? void 0 : o.validUntil,
       value: String(n.validUntil),
       howToSetTheDecision: G.EQUAL,
-      decisionDataType: _.DATE
+      decisionDataType: U.DATE
     },
     valueData: pe({
       labelName: o == null ? void 0 : o.validUntil,
       value: String(n.validUntil),
       howToSetTheDecision: G.EQUAL,
-      decisionDataType: _.DATE
+      decisionDataType: U.DATE
     })
-  } : null, c = n ? {
+  } : null, u = n ? {
     labelName: n.labelName || "",
     decisionDataType: n.decisionDataType || "alphabetical",
     value: pe(n),
     howToSetTheDecision: n.howToSetTheDecision || "EqualTo"
-  } : null, p = ((D = n == null ? void 0 : n.conditionsThatEstablishesTheDecision) == null ? void 0 : D.filter(
+  } : null, p = ((y = n == null ? void 0 : n.conditionsThatEstablishesTheDecision) == null ? void 0 : y.filter(
     (w) => !w.hidden
-  )) || [], f = Array.from({ length: 5 }), m = !!(!t && n && o && c), x = p.length < 2 ? "start" : "space-between", y = `N° ${String((r ?? 0) + 1).padStart(2, "0")}`;
+  )) || [], f = Array.from({ length: 5 }), m = !!(!t && n && o && u), v = p.length < 2 ? "start" : "space-between", D = `N° ${String((r ?? 0) + 1).padStart(2, "0")}`;
   return /* @__PURE__ */ i(
-    At,
+    Pt,
     {
-      conditionsAlignment: x,
+      conditionsAlignment: v,
       decision: n,
-      decisionMapper: c,
+      decisionMapper: u,
       loading: m,
       skeleton: f,
       textValues: o,
       visibleConditions: p,
-      tagLabel: y,
+      tagLabel: D,
       isOpen: a,
       onToggle: s,
-      hasEffectiveFrom: u,
+      hasEffectiveFrom: c,
       hasValidUntil: l,
       effectiveFromRenderer: d,
       validUntilRenderer: g
     }
   );
-}, It = Dn`
+}, Rt = Dn`
   from {
     opacity: 0;
     transform: translateY(20px);
@@ -972,7 +972,7 @@ T.div`
 }};
   }
 `;
-const $t = T.div`
+const Lt = T.div`
   & > div {
     box-shadow: 0px 2px 3px 0px
       ${({ theme: e }) => {
@@ -981,18 +981,18 @@ const $t = T.div`
 }};
     cursor: pointer;
   }
-`, Ft = T.div`
+`, Mt = T.div`
   width: 100%;
   height: 100%;
   & > div {
-    animation: ${It} 600ms ease-out;
+    animation: ${Rt} 600ms ease-out;
   }
-`, Rt = T.div`
+`, Ot = T.div`
   & > div > div {
     border-radius: 8px;
     box-sizing: border-box;
   }
-`, Pt = T.div`
+`, Vt = T.div`
   & > div {
     width: 100%;
     height: 100%;
@@ -1012,21 +1012,21 @@ const $t = T.div`
       border-radius: 8px;
     }
   }
-`, Lt = (e) => {
+`, zt = (e) => {
   const { index: n, handleOpenModal: t } = e;
   return /* @__PURE__ */ i(
-    wn,
+    Sn,
     {
       id: `loading-card-${n}`,
       handleDelete: () => {
       },
       handleView: () => t ? t() : null,
       controls: !1,
-      children: /* @__PURE__ */ i(Sn, { loading: !0 })
+      children: /* @__PURE__ */ i(Cn, { loading: !0 })
     },
     `loading-card-${n}`
   );
-}, Mt = (e) => {
+}, Ht = (e) => {
   const {
     decision: n,
     controls: t,
@@ -1034,41 +1034,41 @@ const $t = T.div`
     handleDelete: r,
     textValues: a,
     index: s,
-    isOpen: u,
+    isOpen: c,
     onToggle: l
   } = e;
-  return n ? /* @__PURE__ */ i(We, { children: /* @__PURE__ */ i(v, { direction: "column", gap: "4px", width: "100%", children: /* @__PURE__ */ i(
-    wn,
+  return n ? /* @__PURE__ */ i(Ge, { children: /* @__PURE__ */ i(x, { direction: "column", gap: "4px", width: "100%", children: /* @__PURE__ */ i(
+    Sn,
     {
       id: n.decisionId,
       handleDelete: () => r ? r(n.decisionId) : null,
       handleView: () => o ? o(n) : null,
       controls: t,
       children: /* @__PURE__ */ i(
-        Sn,
+        Cn,
         {
           decision: n,
           textValues: a,
           position: s,
-          isOpen: !!u,
-          onToggle: () => l == null ? void 0 : l(!u)
+          isOpen: !!c,
+          onToggle: () => l == null ? void 0 : l(!c)
         }
       )
     }
   ) }) }, n.decisionId) : null;
-}, Ot = (e) => {
+}, _t = (e) => {
   const {
     customTitleContentAddCard: n,
     index: t,
     handleOpenModal: o,
     shouldRenderEmptyMessage: r
   } = e;
-  return /* @__PURE__ */ i(Ft, { children: r ? null : /* @__PURE__ */ i(
-    $t,
+  return /* @__PURE__ */ i(Mt, { children: r ? null : /* @__PURE__ */ i(
+    Lt,
     {
       onClick: () => o ? o() : null,
       children: /* @__PURE__ */ i(
-        U,
+        j,
         {
           direction: "column",
           gap: "4px",
@@ -1077,7 +1077,7 @@ const $t = T.div`
           background: !0,
           borderRadius: "8px",
           children: /* @__PURE__ */ b(
-            v,
+            x,
             {
               justifyContent: "space-between",
               alignItems: "center",
@@ -1100,14 +1100,14 @@ const $t = T.div`
       )
     }
   ) }, `add-decision-${t}`);
-}, Vt = {
-  loading: Lt,
-  decision: Mt,
-  add: Ot
-}, He = (e) => {
-  const { type: n } = e, t = Vt[n];
+}, Ut = {
+  loading: zt,
+  decision: Ht,
+  add: _t
+}, _e = (e) => {
+  const { type: n } = e, t = Ut[n];
   return t ? t(e) : null;
-}, zt = (e) => {
+}, jt = (e) => {
   const {
     controls: n,
     customTitleContentAddCard: t,
@@ -1115,11 +1115,11 @@ const $t = T.div`
     loading: r,
     handleOpenModal: a,
     handleDelete: s,
-    textValues: u,
+    textValues: c,
     isOpenFor: l,
     toggleAt: d
   } = e, g = r ? Array.from({ length: 3 }).map(
-    (p, f) => He({
+    (p, f) => _e({
       type: "loading",
       index: f,
       controls: n,
@@ -1127,10 +1127,10 @@ const $t = T.div`
       loading: r,
       handleOpenModal: a,
       handleDelete: s,
-      textValues: u
+      textValues: c
     })
   ) : o == null ? void 0 : o.map(
-    (p, f) => He({
+    (p, f) => _e({
       type: "decision",
       decision: p,
       controls: l ? l(f) : !1,
@@ -1138,19 +1138,20 @@ const $t = T.div`
       loading: r,
       handleOpenModal: a,
       handleDelete: s,
-      textValues: u,
+      textValues: c,
       index: f,
       isOpen: l ? l(f) : !1,
       onToggle: d ? () => d(f) : void 0
     })
-  ), c = ((o == null ? void 0 : o.length) === 0 || o.length < Math.floor(window.innerWidth / 300)) && !r && n;
-  return { renderedCards: g, shouldRenderAddCard: c };
-}, Ht = T.div`
+  ), u = ((o == null ? void 0 : o.length) === 0 || o.length < Math.floor(window.innerWidth / 300)) && !r && n;
+  return { renderedCards: g, shouldRenderAddCard: u };
+}, Bt = T.div`
   position: relative;
   & > div {
     padding: 24px 16px;
+    place-items: unset;
   }
-`, _t = T.div`
+`, qt = T.div`
   background-color: ${({ theme: e }) => {
   var n, t;
   return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N0) || C.palette.neutral.N0;
@@ -1182,18 +1183,18 @@ const $t = T.div`
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, Ut = (e) => {
+`, Yt = (e) => {
   const { children: n, description: t, portalId: o, onCloseModal: r, title: a } = e, s = document.getElementById(o);
   if (!s)
     throw new Error(
       "The portal node is not defined. This can occur when the specific node used to render the portal has not been defined correctly."
     );
-  const u = X("(max-width: 400px)");
-  return Ye(
-    /* @__PURE__ */ i(Ht, { smallScreen: u, children: /* @__PURE__ */ i(Be, { children: /* @__PURE__ */ i(_t, { children: /* @__PURE__ */ b(v, { direction: "column", gap: "24px", children: [
-      /* @__PURE__ */ b(v, { direction: "column", gap: "24px", children: [
-        /* @__PURE__ */ b(v, { alignItems: "center", justifyContent: "space-between", children: [
-          /* @__PURE__ */ b(v, { direction: "column", gap: "8px", children: [
+  const c = X("(max-width: 400px)");
+  return Xe(
+    /* @__PURE__ */ i(Bt, { smallScreen: c, children: /* @__PURE__ */ i(Ye, { children: /* @__PURE__ */ i(qt, { children: /* @__PURE__ */ b(x, { direction: "column", gap: "24px", children: [
+      /* @__PURE__ */ b(x, { direction: "column", gap: "24px", children: [
+        /* @__PURE__ */ b(x, { alignItems: "center", justifyContent: "space-between", children: [
+          /* @__PURE__ */ b(x, { direction: "column", gap: "8px", children: [
             /* @__PURE__ */ i(
               E,
               {
@@ -1214,39 +1215,39 @@ const $t = T.div`
     ] }) }) }) }),
     s
   );
-}, jt = (e) => ({
+}, Xt = (e) => ({
   schema: le().required("Requerido").test(
     "non-empty",
     "El valor no puede estar vacío",
     (n) => n != null && n.trim() !== ""
   ),
   value: e
-}), qt = (e) => ({
+}), Wt = (e) => ({
   schema: ke().test(
     "isArrayOrString",
-    "Must be an array of strings/numbers or a single string",
+    "Por favor selecciona una opcion",
     (n) => Array.isArray(n) ? n.every(
       (t) => typeof t == "string" || typeof t == "number"
     ) : typeof n == "string"
   ),
   value: e
-}), Bt = (e) => ({
+}), Gt = (e) => ({
   schema: ke().test(
     "isArrayOrString",
-    "Must be an array of strings/numbers or a single string",
+    "Por favor selecciona al menos una opcion",
     (n) => Array.isArray(n) ? n.every(
       (t) => typeof t == "string" || typeof t == "number"
     ) : typeof n == "string"
   ),
   value: e
-}), Yt = (e) => {
+}), Zt = (e) => {
   const n = (e == null ? void 0 : e.from) ?? 0, t = (e == null ? void 0 : e.to) ?? 0;
   return {
     schema: Z({
-      from: ae().required("Range From is required").max(t, "'Range From' cannot be greater than 'Range To'").min(0, "'Range From' cannot be less than 0"),
-      to: ae().min(0, "To value must be greater than or equal to 0").required("To value is required").test(
+      from: ae().required("El campo de tipo rango es requerido").max(t, "El rango desde no puede ser mayor al rango hasta").min(0, "El rango desde no puede ser menor a 0"),
+      to: ae().min(0, "El rengo hasta debe ser mayor o igual a 0").required("El rango hasta es requerido").test(
         "is-greater",
-        "To value must be greater than From value",
+        "El rengo hasta debe ser mayor a el rango desde",
         function(o) {
           const { from: r } = this.parent;
           return o > r;
@@ -1255,29 +1256,29 @@ const $t = T.div`
     }),
     value: { from: n, to: t }
   };
-}, Pe = (e, n) => n === _.PERCENTAGE ? {
-  schema: ae().required("Percentage is required").min(0, "Percentage cannot be less than 0").max(100, "Percentage cannot be greater than 100"),
+}, Re = (e, n) => n === U.PERCENTAGE ? {
+  schema: ae().required("El campo porcentaje es requerido").min(0, "El porcentaje no puede ser menor a 0").max(100, "El porcentaje no puede ser mayor a 100"),
   value: e
 } : {
-  schema: le().required("Required"),
+  schema: le().required("Requerido"),
   value: e
-}, Xt = {
-  [k.LIST_OF_VALUES]: qt,
-  [k.LIST_OF_VALUES_MULTI]: Bt,
-  [k.RANGE]: Yt,
-  [k.GREATER_THAN]: Pe,
-  [k.LESS_THAN]: Pe,
-  [k.EQUAL]: Pe
-}, tn = (e) => Xt[e] || jt;
-var Ge = /* @__PURE__ */ ((e) => (e.EQUAL = "EqualTo", e.GREATER_THAN = "GreaterThan", e.LESS_THAN = "LessThan", e.LIST_OF_VALUES = "ListOfValues", e.LIST_OF_VALUES_MULTI = "ListOfValuesMulti", e.RANGE = "Range", e))(Ge || {});
-function Wt({
+}, Qt = {
+  [k.LIST_OF_VALUES]: Wt,
+  [k.LIST_OF_VALUES_MULTI]: Gt,
+  [k.RANGE]: Zt,
+  [k.GREATER_THAN]: Re,
+  [k.LESS_THAN]: Re,
+  [k.EQUAL]: Re
+}, on = (e) => Qt[e] || Xt;
+var Ze = /* @__PURE__ */ ((e) => (e.EQUAL = "EqualTo", e.GREATER_THAN = "GreaterThan", e.LESS_THAN = "LessThan", e.LIST_OF_VALUES = "ListOfValues", e.LIST_OF_VALUES_MULTI = "ListOfValuesMulti", e.RANGE = "Range", e))(Ze || {});
+function Kt({
   decision: e,
   onSubmitEvent: n,
   textValues: t
 }) {
   const o = {
     ruleName: e.ruleName || "",
-    decisionDataType: e.decisionDataType || _.ALPHABETICAL,
+    decisionDataType: e.decisionDataType || U.ALPHABETICAL,
     howToSetTheDecision: e.howToSetTheDecision || "",
     value: e.value || "",
     effectiveFrom: e.effectiveFrom || "",
@@ -1289,23 +1290,23 @@ function Wt({
   };
   let r;
   const a = {
-    ruleName: le().required("Name is required"),
-    value: xe(() => tn(
+    ruleName: le().required("El nombre de la decision es requerido"),
+    value: ye(() => on(
       r.values.howToSetTheDecision
     )(
       r.values.value,
       r.values.decisionDataType
     ).schema),
-    conditionsThatEstablishesTheDecision: xe((l, { parent: d }) => {
+    conditionsThatEstablishesTheDecision: ye((l, { parent: d }) => {
       var p;
       if ((d == null ? void 0 : d.toggleNone) && Object.keys(d.conditionsThatEstablishesTheDecision || {}).length > 0) return Z().shape({});
-      const c = (p = e.conditionsThatEstablishesTheDecision) == null ? void 0 : p.reduce(
+      const u = (p = e.conditionsThatEstablishesTheDecision) == null ? void 0 : p.reduce(
         (f, m) => {
           if (r.values.conditionsThatEstablishesTheDecision[m.conditionName] !== void 0) {
-            const y = tn(
+            const D = on(
               m.howToSetTheCondition
             );
-            f[m.conditionName] = y(
+            f[m.conditionName] = D(
               m.value,
               m.conditionDataType
             ).schema;
@@ -1314,7 +1315,7 @@ function Wt({
         },
         {}
       );
-      return Z(c).test(
+      return Z(u).test(
         "at-least-one-condition",
         "Debe existir al menos una condición para que la decisión se valide correctamente.",
         (f) => f ? Object.values(f).some(
@@ -1324,12 +1325,12 @@ function Wt({
     })
   };
   t.terms && (a.effectiveFrom = Te().required(
-    "effective From date is required"
+    "Se requiere la fecha de vigencia desde"
   ), a.validUntil = Te().when(
     "checkClosed",
-    (l, d, { parent: g }) => (g == null ? void 0 : g.checkClosed) ? d.required("valid Until date is required").test(
+    (l, d, { parent: g }) => (g == null ? void 0 : g.checkClosed) ? d.required("Se requiere la fecha de vigencia hasta").test(
       "is-after-startDate",
-      "valid Until date must be greater than or equal to Start date",
+      "La fecha válida para la vigencia hasta debe ser mayor o igual a la fecha de inicio",
       function(p) {
         const f = this.parent.effectiveFrom;
         return !f || !p ? !0 : new Date(p) >= new Date(f);
@@ -1351,12 +1352,12 @@ function Wt({
         value: l.value,
         effectiveFrom: l.effectiveFrom,
         validUntil: l.validUntil,
-        conditionsThatEstablishesTheDecision: (g = e.conditionsThatEstablishesTheDecision) == null ? void 0 : g.filter((c) => {
-          const p = l.conditionsThatEstablishesTheDecision[c.conditionName];
+        conditionsThatEstablishesTheDecision: (g = e.conditionsThatEstablishesTheDecision) == null ? void 0 : g.filter((u) => {
+          const p = l.conditionsThatEstablishesTheDecision[u.conditionName];
           return p != null && p !== "";
-        }).map((c) => ({
-          ...c,
-          value: l.conditionsThatEstablishesTheDecision[c.conditionName]
+        }).map((u) => ({
+          ...u,
+          value: l.conditionsThatEstablishesTheDecision[u.conditionName]
         }))
       };
       n(d);
@@ -1370,16 +1371,16 @@ function Wt({
           void 0
         );
       else {
-        const c = g.howToSetTheCondition === Ge.LIST_OF_VALUES_MULTI ? [] : "";
+        const u = g.howToSetTheCondition === Ze.LIST_OF_VALUES_MULTI ? [] : "";
         r.setFieldValue(
           `conditionsThatEstablishesTheDecision.${g.conditionName}`,
-          c
+          u
         );
       }
     });
   } };
 }
-const Gt = T.div`
+const Jt = T.div`
   & > div {
     border-radius: 8px;
     border: 1px solid
@@ -1388,7 +1389,7 @@ const Gt = T.div`
   return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || C.palette.neutral.N30;
 }};
   }
-`, Zt = T.div`
+`, eo = T.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -1405,7 +1406,7 @@ const Gt = T.div`
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, Qt = (e) => {
+`, no = (e) => {
   const {
     checked: n,
     children: t,
@@ -1413,14 +1414,14 @@ const Gt = T.div`
     id: r,
     labelToggle: a,
     name: s,
-    valueToggle: u = ""
-  } = e, [l, d] = P(n), g = (c) => {
-    d(c.target.checked), o(c);
+    valueToggle: c = ""
+  } = e, [l, d] = P(n), g = (u) => {
+    d(u.target.checked), o(u);
   };
-  return re(() => {
+  return te(() => {
     d(n);
-  }, [n]), /* @__PURE__ */ b(F, { children: [
-    /* @__PURE__ */ i(v, { children: /* @__PURE__ */ i(
+  }, [n]), /* @__PURE__ */ b(R, { children: [
+    /* @__PURE__ */ i(x, { children: /* @__PURE__ */ i(
       Ee,
       {
         checked: l,
@@ -1428,13 +1429,13 @@ const Gt = T.div`
         name: s,
         onChange: g,
         size: "small",
-        value: u,
+        value: c,
         children: /* @__PURE__ */ i(E, { size: "medium", type: "label", weight: "bold", children: a })
       }
     ) }),
-    l && /* @__PURE__ */ i(F, { children: t })
+    l && /* @__PURE__ */ i(R, { children: t })
   ] });
-}, Kt = (e) => {
+}, to = (e) => {
   const {
     onHandleStartChange: n,
     onHandleEndChange: t,
@@ -1442,90 +1443,89 @@ const Gt = T.div`
     labelStart: r,
     labelEnd: a,
     checkedClosed: s = !1,
-    required: u = !1,
+    required: c = !1,
     valueStart: l = "",
     valueEnd: d = "",
     messageStart: g = "",
-    messageEnd: c = "",
+    messageEnd: u = "",
     statusStart: p = "pending",
     statusEnd: f = "pending"
-  } = e, [m, x] = P(s), [y, D] = P(l), [w, N] = P(d), A = ({ target: $ }) => {
-    x($.checked), o && o($.checked);
+  } = e, [m, v] = P(s), [D, y] = P(l), [w, N] = P(d), A = ({ target: $ }) => {
+    v($.checked), o && o($.checked);
   }, S = ($) => {
-    D($.target.value), n($);
+    y($.target.value), n($);
   }, I = ($) => {
     N($.target.value), t($);
-  }, j = X("(max-width: 400px)");
-  return /* @__PURE__ */ b(F, { children: [
-    /* @__PURE__ */ b(v, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
+  }, B = X("(max-width: 400px)");
+  return /* @__PURE__ */ b(x, { direction: "column", width: "100%", gap: "20px", children: [
+    /* @__PURE__ */ b(x, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ i(E, { appearance: "dark", size: "large", type: "label", children: "¿La vigencia para este decisión es cerrada?" }),
       /* @__PURE__ */ i(
-        E,
+        xn,
         {
-          appearance: "gray",
-          margin: "10px 0",
-          size: "medium",
-          type: "title",
-          weight: "bold",
-          children: "Vigencia"
-        }
-      ),
-      /* @__PURE__ */ i(
-        v,
-        {
-          alignContent: "center",
-          justifyContent: "center",
-          wrap: "wrap",
-          gap: "4px",
-          children: /* @__PURE__ */ i(
-            vn,
-            {
-              label: "Cerrada",
-              onChange: A,
-              checked: m,
-              value: ""
-            }
-          )
+          label: "Cerrada",
+          onChange: A,
+          checked: m,
+          value: ""
         }
       )
     ] }),
     /* @__PURE__ */ b(
-      v,
+      x,
       {
-        direction: j ? "column" : "row",
+        direction: B ? "column" : "row",
         justifyContent: "space-between",
         gap: "24px",
         children: [
           /* @__PURE__ */ i(
-            De,
+            xe,
             {
               id: "dateStart",
               label: r,
               onChange: S,
-              value: y,
-              required: u,
+              value: D,
+              required: c,
               size: "compact",
               status: p,
-              message: g
+              message: g,
+              fullwidth: !0
             }
           ),
           m && /* @__PURE__ */ i(
-            De,
+            xe,
             {
               id: "dateEnd",
               label: a,
               onChange: I,
               value: w,
-              required: u,
+              required: c,
               size: "compact",
               status: f,
-              message: c
+              message: u,
+              fullwidth: !0
             }
           )
         ]
       }
     )
   ] });
-}, Jt = (e) => {
+}, Le = [
+  {
+    id: "mainCondition",
+    label: "Condición principal",
+    isDisabled: !1
+  },
+  {
+    id: "alternateCondition-1",
+    label: "Condición alterna N° 01",
+    isDisabled: !1
+  },
+  {
+    id: "alternateCondition-2",
+    label: "Condición  alterna N° 02",
+    isDisabled: !1
+  }
+], oo = (e) => {
   const {
     formik: n,
     textValues: t,
@@ -1533,75 +1533,87 @@ const Gt = T.div`
     visibleConditions: r,
     normalizedDecision: a,
     handleToggleNoneChange: s,
-    handleConditionToggleChange: u,
+    handleConditionToggleChange: c,
     showConditionsError: l,
     termStartStatus: d,
     termEndStatus: g
-  } = e;
-  return /* @__PURE__ */ i("form", { onSubmit: n.handleSubmit, children: /* @__PURE__ */ b(v, { direction: "column", gap: "24px", width: "100%", children: [
-    /* @__PURE__ */ i(ve, { legend: "Decisión N° 01", spacing: "wide", children: ye({
+  } = e, [u, p] = P(Le[0].id), f = (v) => p(v), m = location.pathname.split("/").pop();
+  return te(() => {
+    p(Le[0].id);
+  }, [m]), /* @__PURE__ */ i("form", { onSubmit: n.handleSubmit, children: /* @__PURE__ */ b(x, { direction: "column", gap: "24px", width: "100%", children: [
+    /* @__PURE__ */ i(ve, { legend: "Decisión N° 01", spacing: "wide", children: De({
       condition: a,
       formik: n,
       isDecision: !0
     }) }),
-    /* @__PURE__ */ i(ve, { legend: "Condiciones a evaluar", spacing: "wide", children: /* @__PURE__ */ i(Gt, { children: /* @__PURE__ */ i(Zt, { children: /* @__PURE__ */ b(
-      v,
-      {
-        direction: "column",
-        padding: "6px 12px",
-        gap: "16px",
-        height: "272px",
-        children: [
-          /* @__PURE__ */ b(
-            v,
-            {
-              justifyContent: "space-between",
-              alignItems: "center",
-              gap: "64px",
-              children: [
-                /* @__PURE__ */ i(
-                  E,
-                  {
-                    type: "title",
-                    size: "small",
-                    weight: "bold",
-                    appearance: "gray",
-                    children: t.factsThatConditionIt
-                  }
-                ),
-                /* @__PURE__ */ i(
-                  Ee,
-                  {
-                    id: "toggleNone",
-                    onChange: () => s(!n.values.toggleNone),
-                    checked: n.values.toggleNone,
-                    size: "small",
-                    children: /* @__PURE__ */ i(E, { as: "span", size: "medium", type: "label", weight: "bold", children: t.none })
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ i(v, { direction: "column", gap: "20px", children: r == null ? void 0 : r.map((c) => /* @__PURE__ */ i(
-            Qt,
-            {
-              id: `toggle-${c.conditionName}`,
-              name: `toggle.${c.conditionName}`,
-              labelToggle: c.labelName,
-              checked: !n.values.toggleNone && n.values.conditionsThatEstablishesTheDecision[c.conditionName] !== void 0,
-              handleToggleChange: (p) => u(
-                c.conditionName,
-                c.howToSetTheCondition === Ge.LIST_OF_VALUES_MULTI
-              )(p.target.checked),
-              children: ye({ condition: c, formik: n })
-            },
-            c.conditionName
-          )) })
-        ]
-      }
-    ) }) }) }),
-    /* @__PURE__ */ i(ve, { legend: "Vigencia", spacing: "wide", children: t.terms && /* @__PURE__ */ i(F, { children: /* @__PURE__ */ i(
-      Kt,
+    /* @__PURE__ */ b(ve, { legend: "Condiciones a evaluar", spacing: "wide", children: [
+      /* @__PURE__ */ i(
+        Xn,
+        {
+          onChange: f,
+          tabs: Le,
+          selectedTab: u
+        }
+      ),
+      /* @__PURE__ */ i(Jt, { children: /* @__PURE__ */ i(eo, { children: /* @__PURE__ */ b(
+        x,
+        {
+          direction: "column",
+          padding: "6px 12px",
+          gap: "16px",
+          height: "272px",
+          children: [
+            /* @__PURE__ */ b(
+              x,
+              {
+                justifyContent: "space-between",
+                alignItems: "center",
+                gap: "64px",
+                children: [
+                  /* @__PURE__ */ i(
+                    E,
+                    {
+                      type: "title",
+                      size: "small",
+                      weight: "bold",
+                      appearance: "gray",
+                      children: t.factsThatConditionIt
+                    }
+                  ),
+                  /* @__PURE__ */ i(
+                    Ee,
+                    {
+                      id: "toggleNone",
+                      onChange: () => s(!n.values.toggleNone),
+                      checked: n.values.toggleNone,
+                      size: "small",
+                      children: /* @__PURE__ */ i(E, { as: "span", size: "medium", type: "label", weight: "bold", children: t.none })
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ i(x, { direction: "column", gap: "20px", children: r == null ? void 0 : r.map((v) => /* @__PURE__ */ i(
+              no,
+              {
+                id: `toggle-${v.conditionName}`,
+                name: `toggle.${v.conditionName}`,
+                labelToggle: v.labelName,
+                checked: !n.values.toggleNone && n.values.conditionsThatEstablishesTheDecision[v.conditionName] !== void 0,
+                handleToggleChange: (D) => c(
+                  v.conditionName,
+                  v.howToSetTheCondition === Ze.LIST_OF_VALUES_MULTI
+                )(D.target.checked),
+                children: De({ condition: v, formik: n })
+              },
+              v.conditionName
+            )) })
+          ]
+        }
+      ) }) })
+    ] }),
+    /* @__PURE__ */ i(ve, { legend: "Vigencia", spacing: "wide", children: t.terms && /* @__PURE__ */ i(R, { children: /* @__PURE__ */ i(
+      to,
       {
         labelStart: t.termStart,
         labelEnd: t.termEnd,
@@ -1611,27 +1623,27 @@ const Gt = T.div`
         messageEnd: n.errors.validUntil,
         statusStart: d,
         statusEnd: g,
-        onHandleStartChange: (c) => n.setFieldValue("effectiveFrom", c.target.value),
-        onHandleEndChange: (c) => n.setFieldValue("validUntil", c.target.value),
-        onCheckClosedChange: (c) => {
-          n.setFieldValue("checkClosed", c), c && n.setFieldValue("validUntil", "");
+        onHandleStartChange: (v) => n.setFieldValue("effectiveFrom", v.target.value),
+        onHandleEndChange: (v) => n.setFieldValue("validUntil", v.target.value),
+        onCheckClosedChange: (v) => {
+          n.setFieldValue("checkClosed", v), v && n.setFieldValue("validUntil", "");
         },
         checkedClosed: n.values.checkClosed
       }
     ) }) }),
-    l && /* @__PURE__ */ i(E, { type: "label", size: "medium", appearance: "danger", children: String(n.errors.conditionsThatEstablishesTheDecision) }),
-    /* @__PURE__ */ b(v, { direction: "row", justifyContent: "end", gap: "16px", children: [
-      /* @__PURE__ */ i(B, { appearance: "gray", onClick: o, children: t.cancel }),
-      /* @__PURE__ */ i(B, { type: "submit", children: t.confirm })
+    l && /* @__PURE__ */ i(E, { 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__ */ b(x, { direction: "row", justifyContent: "end", gap: "16px", children: [
+      /* @__PURE__ */ i(H, { appearance: "gray", onClick: o, variant: "outlined", children: t.cancel }),
+      /* @__PURE__ */ i(H, { type: "submit", children: t.confirm })
     ] })
   ] }) });
-}, eo = (e) => {
+}, ro = (e) => {
   var f;
-  const { decision: n, onSubmitEvent: t, textValues: o, onCancel: r } = e, { formik: a, handleToggleNoneChange: s } = Wt({
+  const { decision: n, onSubmitEvent: t, textValues: o, onCancel: r } = e, { formik: a, handleToggleNoneChange: s } = Kt({
     decision: n,
     onSubmitEvent: t,
     textValues: o
-  }), u = {
+  }), c = {
     ruleName: n.ruleName,
     labelName: n.labelName,
     howToSetTheCondition: n.howToSetTheDecision,
@@ -1639,19 +1651,19 @@ const Gt = T.div`
     listOfPossibleValues: n.listOfPossibleValues
   }, l = ((f = n.conditionsThatEstablishesTheDecision) == null ? void 0 : f.filter(
     (m) => !m.hidden
-  )) || [], d = !!a.errors.conditionsThatEstablishesTheDecision && a.submitCount > 0, g = a.touched.effectiveFrom ? a.errors.effectiveFrom ? "invalid" : "valid" : void 0, c = a.touched.validUntil ? a.errors.validUntil ? "invalid" : "valid" : void 0;
+  )) || [], d = !!a.errors.conditionsThatEstablishesTheDecision && a.submitCount > 0, g = a.touched.effectiveFrom ? a.errors.effectiveFrom ? "invalid" : "valid" : void 0, u = a.touched.validUntil ? a.errors.validUntil ? "invalid" : "valid" : void 0;
   return /* @__PURE__ */ i(
-    Jt,
+    oo,
     {
       formik: a,
       onCancel: r,
       textValues: o,
       decision: n,
       visibleConditions: l,
-      normalizedDecision: u,
+      normalizedDecision: c,
       handleToggleNoneChange: s,
-      handleConditionToggleChange: (m, x) => (y) => {
-        if (!y)
+      handleConditionToggleChange: (m, v) => (D) => {
+        if (!D)
           a.setFieldValue(
             `conditionsThatEstablishesTheDecision.${m}`,
             void 0
@@ -1661,19 +1673,19 @@ const Gt = T.div`
             !1
           );
         else {
-          const D = x ? [] : "";
+          const y = v ? [] : "";
           a.setFieldValue(
             `conditionsThatEstablishesTheDecision.${m}`,
-            D
+            y
           );
         }
       },
       showConditionsError: d,
       termStartStatus: g,
-      termEndStatus: c
+      termEndStatus: u
     }
   );
-}, oa = (e) => {
+}, sa = (e) => {
   const {
     controls: n = !0,
     customTitleContentAddCard: t,
@@ -1681,15 +1693,15 @@ const Gt = T.div`
     decisions: r,
     textValues: a,
     decisionTemplate: s,
-    isModalOpen: u,
+    isModalOpen: c,
     selectedDecision: l,
     loading: d,
     handleOpenModal: g,
-    handleCloseModal: c,
+    handleCloseModal: u,
     handleSubmitForm: p,
     handleDelete: f,
     terms: m = !0
-  } = e, [x, y] = P(null), D = X("(max-width: 681px)"), { renderedCards: w, shouldRenderAddCard: N } = zt({
+  } = e, [v, D] = P(null), y = X("(max-width: 681px)"), { renderedCards: w, shouldRenderAddCard: N } = jt({
     controls: n,
     customTitleContentAddCard: t,
     decisions: r,
@@ -1697,21 +1709,21 @@ const Gt = T.div`
     handleOpenModal: g,
     handleDelete: f,
     textValues: a,
-    isOpenFor: (I) => x === I,
-    toggleAt: (I) => y((j) => j === I ? null : I)
+    isOpenFor: (I) => v === I,
+    toggleAt: (I) => D((B) => B === I ? null : I)
   }), A = (r == null ? void 0 : r.length) === 0 && !d;
-  return /* @__PURE__ */ b(F, { children: [
-    /* @__PURE__ */ i(Rt, { children: /* @__PURE__ */ i(Pt, { children: /* @__PURE__ */ i(v, { direction: "column", gap: "16px", padding: "6px", children: A ? /* @__PURE__ */ b(
-      v,
+  return /* @__PURE__ */ b(R, { children: [
+    /* @__PURE__ */ i(Ot, { children: /* @__PURE__ */ i(Vt, { children: /* @__PURE__ */ i(x, { direction: "column", gap: "16px", padding: "6px", children: A ? /* @__PURE__ */ b(
+      x,
       {
         direction: "column",
         gap: "28px",
         width: "100%",
-        height: D ? "auto" : "435px",
+        height: y ? "auto" : "435px",
         justifyContent: "center",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ i(E, { as: "span", type: "label", size: "large", appearance: "gray", children: o || /* @__PURE__ */ b(F, { children: [
+          /* @__PURE__ */ i(E, { as: "span", type: "label", size: "large", appearance: "gray", children: o || /* @__PURE__ */ b(R, { children: [
             "Aún NO tienes definidas tasas de interés efectivas . Presiona",
             /* @__PURE__ */ b(
               E,
@@ -1731,7 +1743,7 @@ const Gt = T.div`
             "para empezar."
           ] }) }),
           /* @__PURE__ */ i(
-            B,
+            H,
             {
               iconBefore: /* @__PURE__ */ i(Ce, {}),
               onClick: () => g ? g() : null,
@@ -1751,10 +1763,10 @@ const Gt = T.div`
         autoRows: "auto",
         justifyItems: "center",
         padding: "6px",
-        height: D ? "auto" : "484px",
+        height: y ? "auto" : "484px",
         children: [
           w,
-          N && He({
+          N && _e({
             type: "add",
             index: r == null ? void 0 : r.length,
             controls: n,
@@ -1770,36 +1782,36 @@ const Gt = T.div`
         ]
       }
     ) }) }) }),
-    u && /* @__PURE__ */ i(
-      Ut,
+    c && /* @__PURE__ */ i(
+      Yt,
       {
         portalId: "modal-portal",
-        onCloseModal: c,
+        onCloseModal: u,
         title: l ? "Editar Decisión" : "Configurar Decisión",
         description: "Diligencia los campos para configurar tu decisión.",
         children: /* @__PURE__ */ i(
-          eo,
+          ro,
           {
             decision: l || s,
             onSubmitEvent: p,
             textValues: a,
-            onCancel: () => c ? c() : () => {
+            onCancel: () => u ? u() : () => {
             }
           }
         )
       }
     )
   ] });
-}, no = {
+}, ao = {
   border: {
     color: C.palette.neutral.N40
   }
-}, to = T.div`
+}, io = T.div`
   border-width: 1px;
   border-style: solid;
   border-color: ${({ theme: e }) => {
   var n, t;
-  return ((t = (n = e == null ? void 0 : e.box) == null ? void 0 : n.border) == null ? void 0 : t.color) || no.border.color;
+  return ((t = (n = e == null ? void 0 : e.box) == null ? void 0 : n.border) == null ? void 0 : t.color) || ao.border.color;
 }};
   border-radius: ${({ $borderRadius: e }) => e};
   margin: ${({ $margin: e }) => e};
@@ -1808,7 +1820,7 @@ const Gt = T.div`
   height: ${({ $height: e }) => e};
   box-sizing: border-box;
 `;
-function oo(e) {
+function lo(e) {
   const {
     children: n,
     padding: t = "16px",
@@ -1818,7 +1830,7 @@ function oo(e) {
     height: s
   } = e;
   return /* @__PURE__ */ i(
-    to,
+    io,
     {
       $padding: t,
       $margin: o,
@@ -1829,24 +1841,24 @@ function oo(e) {
     }
   );
 }
-const ro = (e, n) => {
-  const [t, o] = P([]), [r, a] = P([]), [s, u] = P(!1), l = ue(null);
-  return re(() => {
+const so = (e, n) => {
+  const [t, o] = P([]), [r, a] = P([]), [s, c] = P(!1), l = ue(null);
+  return te(() => {
     if (!e.current || !l.current) return;
-    const d = e.current, g = l.current, c = () => {
+    const d = e.current, g = l.current, u = () => {
       var N;
       const f = d.clientWidth, m = Array.from(
         g.querySelectorAll('[data-filter-tag="true"]')
-      ), x = 48;
-      let y = 0;
-      const D = [], w = [];
+      ), v = 48;
+      let D = 0;
+      const y = [], w = [];
       for (let A = 0; A < n.length; A++) {
         const S = ((N = m[A]) == null ? void 0 : N.offsetWidth) ?? 0;
-        y + S + x <= f ? (D.push(n[A]), y += S) : w.push(n[A]);
+        D + S + v <= f ? (y.push(n[A]), D += S) : w.push(n[A]);
       }
-      o(D), a(w), u(w.length > 0);
+      o(y), a(w), c(w.length > 0);
     }, p = new ResizeObserver(() => {
-      requestAnimationFrame(c);
+      requestAnimationFrame(u);
     });
     return p.observe(d), () => p.disconnect();
   }, [n, e]), { visible: t, hidden: r, showOverflowIndicator: s, measurementRef: l };
@@ -1856,21 +1868,21 @@ T.div`
     width: 100%;
   }
 `;
-const ao = T.div`
+const co = T.div`
   position: absolute;
   top: calc(100% + 4px);
   right: 0;
   z-index: 1000;
   width: 170px;
-`, io = T.div`
+`, uo = T.div`
   position: absolute;
   visibility: hidden;
   pointer-events: none;
   height: 0;
   overflow: hidden;
-`, lo = T.div`
+`, go = T.div`
   cursor: pointer;
-`, _e = {
+`, Ue = {
   border: {
     color: {
       regular: C.palette.neutral.N40,
@@ -1906,7 +1918,7 @@ const ao = T.div`
       hover: C.palette.neutral.N30
     }
   }
-}, so = T.li`
+}, po = T.li`
   display: flex;
   align-items: center;
   align-self: stretch;
@@ -1921,17 +1933,17 @@ const ao = T.div`
   &:hover {
     background-color: ${({ theme: e }) => {
   var n, t, o;
-  return ((o = (t = (n = e == null ? void 0 : e.input) == null ? void 0 : n.background) == null ? void 0 : t.color) == null ? void 0 : o.regular) || _e.background.color.regular;
+  return ((o = (t = (n = e == null ? void 0 : e.input) == null ? void 0 : n.background) == null ? void 0 : t.color) == null ? void 0 : o.regular) || Ue.background.color.regular;
 }};
   }
-`, co = (e) => {
-  var p, f, m, x, y, D;
-  const { id: n, label: t, leadingIcon: o, onClose: r } = e, [a, s] = P(!1), u = () => s(!0), l = () => s(!1), d = Xn(Yn), g = ((m = (f = (p = d == null ? void 0 : d.input) == null ? void 0 : p.option) == null ? void 0 : f.appearance) == null ? void 0 : m.hover) ?? _e.option.appearance.hover, c = ((D = (y = (x = d == null ? void 0 : d.input) == null ? void 0 : x.option) == null ? void 0 : y.appearance) == null ? void 0 : D.regular) ?? _e.option.appearance.regular;
+`, ho = (e) => {
+  var p, f, m, v, D, y;
+  const { id: n, label: t, leadingIcon: o, onClose: r } = e, [a, s] = P(!1), c = () => s(!0), l = () => s(!1), d = Qn(Zn), g = ((m = (f = (p = d == null ? void 0 : d.input) == null ? void 0 : p.option) == null ? void 0 : f.appearance) == null ? void 0 : m.hover) ?? Ue.option.appearance.hover, u = ((y = (D = (v = d == null ? void 0 : d.input) == null ? void 0 : v.option) == null ? void 0 : D.appearance) == null ? void 0 : y.regular) ?? Ue.option.appearance.regular;
   return /* @__PURE__ */ i(
-    so,
+    po,
     {
       id: n,
-      onMouseEnter: u,
+      onMouseEnter: c,
       onMouseLeave: l,
       onClick: (w) => {
         w.stopPropagation();
@@ -1949,7 +1961,7 @@ const ao = T.div`
               {
                 icon: o,
                 size: "medium",
-                appearance: a ? g : c
+                appearance: a ? g : u
               }
             ),
             /* @__PURE__ */ i(
@@ -1957,19 +1969,19 @@ const ao = T.div`
               {
                 textAlign: "start",
                 size: "medium",
-                appearance: a ? g : c,
+                appearance: a ? g : u,
                 children: t
               }
             ),
             /* @__PURE__ */ i(
               O,
               {
-                icon: /* @__PURE__ */ i(Hn, {}),
+                icon: /* @__PURE__ */ i(_n, {}),
                 size: "small",
                 onClick: (w) => {
                   w.stopPropagation(), r == null || r();
                 },
-                appearance: a ? g : c,
+                appearance: a ? g : u,
                 cursorHover: !0
               }
             )
@@ -1978,7 +1990,7 @@ const ao = T.div`
       )
     }
   );
-}, ra = (e) => {
+}, ca = (e) => {
   const {
     appliedFilters: n = [],
     onClear: t,
@@ -1986,33 +1998,33 @@ const ao = T.div`
     noFiltersLabel: r,
     titleClearFilter: a,
     titleFilter: s
-  } = e, u = ue(null), l = ue(null), d = ue(null), {
+  } = e, c = ue(null), l = ue(null), d = ue(null), {
     visible: g,
-    hidden: c,
+    hidden: u,
     showOverflowIndicator: p,
     measurementRef: f
-  } = ro(u, n), [m, x] = P(!1), y = (S) => {
-    S.stopPropagation(), x((I) => !I);
+  } = so(c, n), [m, v] = P(!1), D = (S) => {
+    S.stopPropagation(), v((I) => !I);
   };
-  re(() => {
+  te(() => {
     const S = (I) => {
-      var Qe, Ke;
-      const j = I.target;
-      !((Qe = l.current) != null && Qe.contains(j)) && !((Ke = d.current) != null && Ke.contains(j)) && x(!1);
+      var Ke, Je;
+      const B = I.target;
+      !((Ke = l.current) != null && Ke.contains(B)) && !((Je = d.current) != null && Je.contains(B)) && v(!1);
     };
     return m && window.addEventListener("mousedown", S), () => window.removeEventListener("mousedown", S);
   }, [m]);
-  const D = n.length === 0, w = m && c.length > 0, N = c.map((S) => ({
+  const y = n.length === 0, w = m && u.length > 0, N = u.map((S) => ({
     id: S.label,
     value: S.label,
     label: S.label,
     icon: S.icon
   })), A = (S) => {
-    var I, j;
-    (j = (I = c.find(($) => $.label === S)) == null ? void 0 : I.onClose) == null || j.call(I), x(!1);
+    var I, B;
+    (B = (I = u.find(($) => $.label === S)) == null ? void 0 : I.onClose) == null || B.call(I), v(!1);
   };
-  return /* @__PURE__ */ b(oo, { borderRadius: "8px", width: "100%", children: [
-    /* @__PURE__ */ i(io, { ref: f, children: n.map((S) => /* @__PURE__ */ i("div", { "data-filter-tag": "true", children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ b(lo, { borderRadius: "8px", width: "100%", children: [
+    /* @__PURE__ */ i(uo, { ref: f, children: n.map((S) => /* @__PURE__ */ i("div", { "data-filter-tag": "true", children: /* @__PURE__ */ i(
       ce,
       {
         appearance: "primary",
@@ -2025,9 +2037,9 @@ const ao = T.div`
     ) }, S.label)) }),
     /* @__PURE__ */ b(Ne, { gap: "12px", templateColumns: "1fr auto auto", width: "100%", children: [
       /* @__PURE__ */ i(
-        U,
+        j,
         {
-          ref: u,
+          ref: c,
           background: !0,
           borderRadius: "8px",
           height: "100%",
@@ -2036,7 +2048,7 @@ const ao = T.div`
           alignItems: "center",
           padding: "0px 8px",
           border: !0,
-          children: D ? /* @__PURE__ */ i(E, { size: "small", type: "label", appearance: "gray", children: r }) : /* @__PURE__ */ b(F, { children: [
+          children: y ? /* @__PURE__ */ i(E, { size: "small", type: "label", appearance: "gray", children: r }) : /* @__PURE__ */ b(R, { children: [
             g.map((S) => /* @__PURE__ */ i(
               ce,
               {
@@ -2056,27 +2068,27 @@ const ao = T.div`
                 ref: d,
                 style: { position: "relative", display: "inline-block" },
                 children: [
-                  /* @__PURE__ */ i(lo, { onClick: y, children: /* @__PURE__ */ i(
+                  /* @__PURE__ */ i(go, { onClick: D, children: /* @__PURE__ */ i(
                     ce,
                     {
                       appearance: "primary",
-                      label: `+${c.length}`
+                      label: `+${u.length}`
                     }
                   ) }),
-                  w && /* @__PURE__ */ i(ao, { ref: l, children: /* @__PURE__ */ i(
-                    qn,
+                  w && /* @__PURE__ */ i(co, { ref: l, children: /* @__PURE__ */ i(
+                    Wn,
                     {
                       options: N,
                       onOptionClick: A,
-                      children: c.map((S) => /* @__PURE__ */ i(
-                        co,
+                      children: u.map((S) => /* @__PURE__ */ i(
+                        ho,
                         {
                           id: S.label,
                           label: S.label,
                           leadingIcon: S.icon,
                           onClose: () => {
                             var I;
-                            (I = S.onClose) == null || I.call(S), x(!1);
+                            (I = S.onClose) == null || I.call(S), v(!1);
                           }
                         },
                         S.label
@@ -2090,21 +2102,21 @@ const ao = T.div`
         }
       ),
       /* @__PURE__ */ i(
-        B,
+        H,
         {
           cursorHover: !0,
-          disabled: D,
-          iconBefore: /* @__PURE__ */ i(mn, {}),
+          disabled: y,
+          iconBefore: /* @__PURE__ */ i(bn, {}),
           onClick: t,
           variant: "outlined",
           children: a
         }
       ),
       /* @__PURE__ */ i(
-        B,
+        H,
         {
           cursorHover: !0,
-          iconBefore: /* @__PURE__ */ i(bn, {}),
+          iconBefore: /* @__PURE__ */ i(vn, {}),
           onClick: o,
           variant: "outlined",
           children: s
@@ -2112,7 +2124,7 @@ const ao = T.div`
       )
     ] })
   ] });
-}, uo = T.div`
+}, fo = T.div`
   display: flex;
   flex-direction: column;
   background-color: ${({ theme: e }) => {
@@ -2125,7 +2137,7 @@ const ao = T.div`
   padding: 24px;
   gap: 24px;
   box-sizing: border-box;
-`, aa = (e) => {
+`, ua = (e) => {
   const {
     actionButtonLabel: n,
     cancelButtonLabel: t,
@@ -2133,19 +2145,19 @@ const ao = T.div`
     loading: r,
     onClick: a,
     onCloseModal: s,
-    portalId: u,
+    portalId: c,
     title: l
-  } = e, d = X("(max-width: 768px)"), g = document.getElementById(u);
+  } = e, d = X("(max-width: 768px)"), g = document.getElementById(c);
   if (!g)
     throw new Error(
       "The portal node is not defined. This can occur when the specific node used to render the portal has not been defined correctly."
     );
-  return Ye(
-    /* @__PURE__ */ i(Be, { children: /* @__PURE__ */ b(uo, { $smallScreen: d, children: [
-      /* @__PURE__ */ b(v, { direction: "column", gap: "16px", children: [
-        /* @__PURE__ */ b(v, { alignContent: "center", justifyContent: "space-between", children: [
+  return Xe(
+    /* @__PURE__ */ i(Ye, { children: /* @__PURE__ */ b(fo, { $smallScreen: d, children: [
+      /* @__PURE__ */ b(x, { direction: "column", gap: "16px", children: [
+        /* @__PURE__ */ b(x, { alignContent: "center", justifyContent: "space-between", children: [
           /* @__PURE__ */ i(E, { appearance: "dark", size: "small", type: "headline", children: l }),
-          /* @__PURE__ */ b(v, { alignItems: "center", children: [
+          /* @__PURE__ */ b(x, { alignItems: "center", children: [
             /* @__PURE__ */ i(E, { children: "Cerrar" }),
             /* @__PURE__ */ i(
               O,
@@ -2161,20 +2173,20 @@ const ao = T.div`
         /* @__PURE__ */ i(q, {})
       ] }),
       o,
-      /* @__PURE__ */ b(v, { gap: "20px", justifyContent: "flex-end", children: [
+      /* @__PURE__ */ b(x, { gap: "20px", justifyContent: "flex-end", children: [
         /* @__PURE__ */ i(
-          B,
+          H,
           {
             appearance: "gray",
             onClick: s,
-            iconBefore: /* @__PURE__ */ i(mn, {}),
+            iconBefore: /* @__PURE__ */ i(bn, {}),
             spacing: "wide",
             variant: "outlined",
             children: t
           }
         ),
         /* @__PURE__ */ i(
-          B,
+          H,
           {
             appearance: "primary",
             loading: r,
@@ -2188,14 +2200,14 @@ const ao = T.div`
     ] }) }),
     g
   );
-}, ia = (e) => {
+}, ga = (e) => {
   const { appliedFilters: n, fields: t, onChange: o, noFiltersLabel: r } = e, a = X("(max-width: 768px)"), s = !n || n.length === 0;
-  return /* @__PURE__ */ b(v, { direction: "column", gap: "16px", children: [
-    a && /* @__PURE__ */ b(F, { children: [
-      /* @__PURE__ */ b(v, { gap: "6px", width: "100%", alignItems: "center", children: [
-        /* @__PURE__ */ i(O, { appearance: "gray", icon: /* @__PURE__ */ i(bn, {}) }),
+  return /* @__PURE__ */ b(x, { direction: "column", gap: "16px", children: [
+    a && /* @__PURE__ */ b(R, { children: [
+      /* @__PURE__ */ b(x, { gap: "6px", width: "100%", alignItems: "center", children: [
+        /* @__PURE__ */ i(O, { appearance: "gray", icon: /* @__PURE__ */ i(vn, {}) }),
         /* @__PURE__ */ i(
-          U,
+          j,
           {
             background: !0,
             borderRadius: "8px",
@@ -2206,55 +2218,55 @@ const ao = T.div`
             border: !0,
             width: "100%",
             height: "36px",
-            children: s ? /* @__PURE__ */ i(E, { size: "small", type: "label", appearance: "gray", children: r }) : n == null ? void 0 : n.map((u) => /* @__PURE__ */ i(
+            children: s ? /* @__PURE__ */ i(E, { size: "small", type: "label", appearance: "gray", children: r }) : n == null ? void 0 : n.map((c) => /* @__PURE__ */ i(
               ce,
               {
                 appearance: "primary",
                 displayIcon: !0,
-                icon: u.icon,
-                label: u.label,
-                onClose: u.onClose,
+                icon: c.icon,
+                label: c.label,
+                onClose: c.onClose,
                 removable: !0
               },
-              u.label
+              c.label
             ))
           }
         )
       ] }),
       /* @__PURE__ */ i(q, { dashed: !0 })
     ] }),
-    t.map((u) => /* @__PURE__ */ b(v, { gap: "6px", alignItems: "center", children: [
-      /* @__PURE__ */ i(v, { padding: "22px 0 0 0", children: /* @__PURE__ */ i(O, { appearance: "primary", icon: u.icon }) }),
+    t.map((c) => /* @__PURE__ */ b(x, { gap: "6px", alignItems: "center", children: [
+      /* @__PURE__ */ i(x, { padding: "22px 0 0 0", children: /* @__PURE__ */ i(O, { appearance: "primary", icon: c.icon }) }),
       /* @__PURE__ */ i(
-        Bn,
+        Gn,
         {
-          disabled: u.disabled,
-          invalid: u.invalid,
-          label: u.label,
-          message: u.message,
-          name: u.name,
+          disabled: c.disabled,
+          invalid: c.invalid,
+          label: c.label,
+          message: c.message,
+          name: c.name,
           onChange: o,
-          options: u.options,
-          placeholder: u.placeholder,
-          required: u.required,
-          values: u.values,
+          options: c.options,
+          placeholder: c.placeholder,
+          required: c.required,
+          values: c.values,
           fullwidth: !0
         },
-        u.name
+        c.name
       )
-    ] }, u.name))
+    ] }, c.name))
   ] });
-}, go = (e) => {
+}, mo = (e) => {
   const n = [];
   return e.from !== void 0 && e.from !== null && n.push(`>${e.from}`), e.to !== void 0 && e.to !== null && n.push(`<${e.to}`), n.join(";");
-}, la = (e) => {
+}, pa = (e) => {
   var s;
-  const { decision: n, fallbackId: t, template: o } = e, r = (u) => typeof u == "object" && u !== null && "from" in u && "to" in u ? go(u) : u, a = ((s = n.conditionsThatEstablishesTheDecision) == null ? void 0 : s.map((u, l) => {
-    var c;
-    const d = u == null ? void 0 : u.value;
+  const { decision: n, fallbackId: t, template: o } = e, r = (c) => typeof c == "object" && c !== null && "from" in c && "to" in c ? mo(c) : c, a = ((s = n.conditionsThatEstablishesTheDecision) == null ? void 0 : s.map((c, l) => {
+    var u;
+    const d = c == null ? void 0 : c.value;
     return d == null || typeof d == "string" && d.trim() === "" || Array.isArray(d) && d.length === 0 ? null : {
-      ...(c = o.conditionsThatEstablishesTheDecision) == null ? void 0 : c[l],
-      ...u,
+      ...(u = o.conditionsThatEstablishesTheDecision) == null ? void 0 : u[l],
+      ...c,
       value: r(d)
     };
   }).filter(Boolean)) ?? [];
@@ -2265,7 +2277,7 @@ const ao = T.div`
     value: r(n.value),
     conditionsThatEstablishesTheDecision: a
   };
-}, da = (e) => {
+}, ha = (e) => {
   if (typeof e != "string") return e;
   const n = e.split(";").map((o) => o.trim()), t = {};
   for (const o of n)
@@ -2277,7 +2289,7 @@ const ao = T.div`
       isNaN(r) || (t.to = r);
     }
   return t.from !== void 0 || t.to !== void 0 ? t : e;
-}, sa = (e) => {
+}, fa = (e) => {
   const { dataDecision: n, originalDecision: t } = e, o = {
     conditionName: n.ruleName || "",
     labelName: n.labelName || "",
@@ -2293,7 +2305,7 @@ const ao = T.div`
       (r) => r.hidden ? { ...o } : r
     )
   };
-}, ca = (e) => {
+}, ma = (e) => {
   const { decisions: n } = e;
   return n == null ? void 0 : n.map((t) => {
     var r;
@@ -2312,14 +2324,14 @@ const ao = T.div`
       )
     } : t;
   });
-}, po = (e) => ({
+}, bo = (e) => ({
   schema: le().required("Requerido").test(
     "non-empty",
     "El valor no puede estar vacío",
     (n) => n != null && n.trim() !== ""
   ),
   value: e
-}), ho = (e) => ({
+}), vo = (e) => ({
   schema: ke().test(
     "isArrayOrString",
     "Debe ser un array de strings/numbers o un solo string",
@@ -2328,7 +2340,7 @@ const ao = T.div`
     ) : typeof n == "string"
   ),
   value: e
-}), fo = (e) => ({
+}), xo = (e) => ({
   schema: ke().test(
     "isArrayOrString",
     "Debe ser un array de strings/numbers o un solo string ",
@@ -2337,7 +2349,7 @@ const ao = T.div`
     ) : typeof n == "string"
   ),
   value: e
-}), mo = (e) => {
+}), Do = (e) => {
   const n = (e == null ? void 0 : e.from) ?? 0, t = (e == null ? void 0 : e.to) ?? 0;
   return {
     schema: Z({
@@ -2353,28 +2365,28 @@ const ao = T.div`
     }),
     value: { from: n, to: t }
   };
-}, Le = (e, n) => n === _.PERCENTAGE ? {
+}, Me = (e, n) => n === U.PERCENTAGE ? {
   schema: ae().required("El campo tipo porcentaje es requerido").min(0, "El campo tipo porcentaje no puede ser menor que 0").max(100, "El campo tipo porcentaje no puede ser mayor que 100"),
   value: e
 } : {
   schema: le().required("Requerido"),
   value: e
-}, bo = {
-  [k.LIST_OF_VALUES]: ho,
-  [k.LIST_OF_VALUES_MULTI]: fo,
-  [k.RANGE]: mo,
-  [k.GREATER_THAN]: Le,
-  [k.LESS_THAN]: Le,
-  [k.EQUAL]: Le
-}, on = (e) => bo[e] || po;
-function vo({
+}, yo = {
+  [k.LIST_OF_VALUES]: vo,
+  [k.LIST_OF_VALUES_MULTI]: xo,
+  [k.RANGE]: Do,
+  [k.GREATER_THAN]: Me,
+  [k.LESS_THAN]: Me,
+  [k.EQUAL]: Me
+}, rn = (e) => yo[e] || bo;
+function To({
   decision: e,
   onSubmitEvent: n,
   textValues: t
 }) {
   const o = {
     ruleName: e.ruleName || "",
-    decisionDataType: e.decisionDataType || _.ALPHABETICAL,
+    decisionDataType: e.decisionDataType || U.ALPHABETICAL,
     howToSetTheDecision: e.howToSetTheDecision || "",
     value: e.value || "",
     effectiveFrom: e.effectiveFrom || "",
@@ -2387,7 +2399,7 @@ function vo({
   let r;
   const a = {
     ruleName: le().required("El nombre de la regla es requerido"),
-    value: xe(() => on(
+    value: ye(() => rn(
       r.values.howToSetTheDecision
     )(
       r.values.value,
@@ -2430,16 +2442,16 @@ function vo({
     //     },
     //   );
     // }),
-    conditionsThatEstablishesTheDecision: xe((l, { parent: d }) => {
+    conditionsThatEstablishesTheDecision: ye((l, { parent: d }) => {
       var p;
       if ((d == null ? void 0 : d.toggleNone) && Object.keys(d.conditionsThatEstablishesTheDecision || {}).length > 0) return Z().shape({});
-      const c = ((p = e.conditionsThatEstablishesTheDecision) == null ? void 0 : p.reduce(
+      const u = ((p = e.conditionsThatEstablishesTheDecision) == null ? void 0 : p.reduce(
         (f, m) => {
           if (r.values.conditionsThatEstablishesTheDecision[m.conditionName] !== void 0) {
-            const y = on(
+            const D = rn(
               m.howToSetTheCondition
             );
-            f[m.conditionName] = y(
+            f[m.conditionName] = D(
               m.value,
               m.conditionDataType
             ).schema;
@@ -2448,7 +2460,7 @@ function vo({
         },
         {}
       )) ?? {};
-      return Z(c);
+      return Z(u);
     })
   };
   t.terms && (a.effectiveFrom = Te().required(
@@ -2479,12 +2491,12 @@ function vo({
         value: l.value,
         effectiveFrom: l.effectiveFrom,
         validUntil: l.validUntil,
-        conditionsThatEstablishesTheDecision: (g = e.conditionsThatEstablishesTheDecision) == null ? void 0 : g.filter((c) => {
-          const p = l.conditionsThatEstablishesTheDecision[c.conditionName];
+        conditionsThatEstablishesTheDecision: (g = e.conditionsThatEstablishesTheDecision) == null ? void 0 : g.filter((u) => {
+          const p = l.conditionsThatEstablishesTheDecision[u.conditionName];
           return p != null && p !== "";
-        }).map((c) => ({
-          ...c,
-          value: l.conditionsThatEstablishesTheDecision[c.conditionName]
+        }).map((u) => ({
+          ...u,
+          value: l.conditionsThatEstablishesTheDecision[u.conditionName]
         }))
       };
       n(d);
@@ -2498,16 +2510,16 @@ function vo({
           void 0
         );
       else {
-        const c = g.howToSetTheCondition === k.LIST_OF_VALUES_MULTI ? [] : "";
+        const u = g.howToSetTheCondition === k.LIST_OF_VALUES_MULTI ? [] : "";
         r.setFieldValue(
           `conditionsThatEstablishesTheDecision.${g.conditionName}`,
-          c
+          u
         );
       }
     });
   } };
 }
-const Do = T.div`
+const wo = T.div`
   & > div {
     border-radius: 8px;
     border: 1px solid
@@ -2516,7 +2528,7 @@ const Do = T.div`
   return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || C.palette.neutral.N30;
 }};
   }
-`, yo = T.div`
+`, So = T.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -2533,7 +2545,7 @@ const Do = T.div`
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, xo = (e) => {
+`, Co = (e) => {
   const {
     checked: n,
     children: t,
@@ -2541,14 +2553,14 @@ const Do = T.div`
     id: r,
     labelToggle: a,
     name: s,
-    valueToggle: u = ""
-  } = e, [l, d] = P(n), g = (c) => {
-    d(c.target.checked), o(c);
+    valueToggle: c = ""
+  } = e, [l, d] = P(n), g = (u) => {
+    d(u.target.checked), o(u);
   };
-  return re(() => {
+  return te(() => {
     d(n);
-  }, [n]), /* @__PURE__ */ b(F, { children: [
-    /* @__PURE__ */ i(v, { children: /* @__PURE__ */ i(
+  }, [n]), /* @__PURE__ */ b(R, { children: [
+    /* @__PURE__ */ i(x, { children: /* @__PURE__ */ i(
       Ee,
       {
         checked: l,
@@ -2556,13 +2568,13 @@ const Do = T.div`
         name: s,
         onChange: g,
         size: "small",
-        value: u,
+        value: c,
         children: /* @__PURE__ */ i(E, { size: "medium", type: "label", weight: "bold", children: a })
       }
     ) }),
-    l && /* @__PURE__ */ i(F, { children: t })
+    l && /* @__PURE__ */ i(R, { children: t })
   ] });
-}, To = (e) => {
+}, No = (e) => {
   const {
     onHandleStartChange: n,
     onHandleEndChange: t,
@@ -2570,22 +2582,22 @@ const Do = T.div`
     labelStart: r,
     labelEnd: a,
     checkedClosed: s = !1,
-    required: u = !1,
+    required: c = !1,
     valueStart: l = "",
     valueEnd: d = "",
     messageStart: g = "",
-    messageEnd: c = "",
+    messageEnd: u = "",
     statusStart: p = "pending",
     statusEnd: f = "pending"
-  } = e, [m, x] = P(s), [y, D] = P(l), [w, N] = P(d), A = ({ target: $ }) => {
-    x($.checked), o && o($.checked);
+  } = e, [m, v] = P(s), [D, y] = P(l), [w, N] = P(d), A = ({ target: $ }) => {
+    v($.checked), o && o($.checked);
   }, S = ($) => {
-    D($.target.value), n($);
+    y($.target.value), n($);
   }, I = ($) => {
     N($.target.value), t($);
-  }, j = X("(max-width: 400px)");
-  return /* @__PURE__ */ b(F, { children: [
-    /* @__PURE__ */ b(v, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
+  }, B = X("(max-width: 400px)");
+  return /* @__PURE__ */ b(R, { children: [
+    /* @__PURE__ */ b(x, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
       /* @__PURE__ */ i(
         E,
         {
@@ -2598,14 +2610,14 @@ const Do = T.div`
         }
       ),
       /* @__PURE__ */ i(
-        v,
+        x,
         {
           alignContent: "center",
           justifyContent: "center",
           wrap: "wrap",
           gap: "4px",
           children: /* @__PURE__ */ i(
-            vn,
+            xn,
             {
               label: "Cerrada",
               onChange: A,
@@ -2617,43 +2629,43 @@ const Do = T.div`
       )
     ] }),
     /* @__PURE__ */ b(
-      v,
+      x,
       {
-        direction: j ? "column" : "row",
+        direction: B ? "column" : "row",
         justifyContent: "space-between",
         gap: "24px",
         children: [
           /* @__PURE__ */ i(
-            De,
+            xe,
             {
               id: "dateStart",
               label: r,
               onChange: S,
-              value: y,
-              required: u,
+              value: D,
+              required: c,
               size: "compact",
               status: p,
               message: g
             }
           ),
           m && /* @__PURE__ */ i(
-            De,
+            xe,
             {
               id: "dateEnd",
               label: a,
               onChange: I,
               value: w,
-              required: u,
+              required: c,
               size: "compact",
               status: f,
-              message: c
+              message: u
             }
           )
         ]
       }
     )
   ] });
-}, wo = (e) => {
+}, Eo = (e) => {
   const {
     formik: n,
     textValues: t,
@@ -2661,20 +2673,20 @@ const Do = T.div`
     visibleConditions: r,
     normalizedDecision: a,
     handleToggleNoneChange: s,
-    handleConditionToggleChange: u,
+    handleConditionToggleChange: c,
     showConditionsError: l,
     termStartStatus: d,
     termEndStatus: g
   } = e;
-  return /* @__PURE__ */ i("form", { onSubmit: n.handleSubmit, children: /* @__PURE__ */ b(v, { direction: "column", gap: "24px", children: [
-    ye({
+  return /* @__PURE__ */ i("form", { onSubmit: n.handleSubmit, children: /* @__PURE__ */ b(x, { direction: "column", gap: "24px", children: [
+    De({
       condition: a,
       formik: n,
       isDecision: !0
     }),
     /* @__PURE__ */ i(q, { dashed: !0 }),
-    /* @__PURE__ */ i(Do, { children: /* @__PURE__ */ i(yo, { children: /* @__PURE__ */ b(
-      v,
+    /* @__PURE__ */ i(wo, { children: /* @__PURE__ */ i(So, { children: /* @__PURE__ */ b(
+      x,
       {
         direction: "column",
         padding: "6px 12px",
@@ -2682,7 +2694,7 @@ const Do = T.div`
         height: "272px",
         children: [
           /* @__PURE__ */ b(
-            v,
+            x,
             {
               justifyContent: "space-between",
               alignItems: "center",
@@ -2702,28 +2714,28 @@ const Do = T.div`
               ]
             }
           ),
-          /* @__PURE__ */ i(v, { direction: "column", gap: "20px", children: r == null ? void 0 : r.map((c) => /* @__PURE__ */ i(
-            xo,
+          /* @__PURE__ */ i(x, { direction: "column", gap: "20px", children: r == null ? void 0 : r.map((u) => /* @__PURE__ */ i(
+            Co,
             {
-              id: `toggle-${c.conditionName}`,
-              name: `toggle.${c.conditionName}`,
-              labelToggle: c.labelName,
-              checked: !n.values.toggleNone && n.values.conditionsThatEstablishesTheDecision[c.conditionName] !== void 0,
-              handleToggleChange: (p) => u(
-                c.conditionName,
-                c.howToSetTheCondition === k.LIST_OF_VALUES_MULTI
+              id: `toggle-${u.conditionName}`,
+              name: `toggle.${u.conditionName}`,
+              labelToggle: u.labelName,
+              checked: !n.values.toggleNone && n.values.conditionsThatEstablishesTheDecision[u.conditionName] !== void 0,
+              handleToggleChange: (p) => c(
+                u.conditionName,
+                u.howToSetTheCondition === k.LIST_OF_VALUES_MULTI
               )(p.target.checked),
-              children: ye({ condition: c, formik: n })
+              children: De({ condition: u, formik: n })
             },
-            c.conditionName
+            u.conditionName
           )) })
         ]
       }
     ) }) }),
-    t.terms && /* @__PURE__ */ b(F, { children: [
+    t.terms && /* @__PURE__ */ b(R, { children: [
       /* @__PURE__ */ i(q, { dashed: !0 }),
       /* @__PURE__ */ i(
-        To,
+        No,
         {
           labelStart: t.termStart,
           labelEnd: t.termEnd,
@@ -2733,10 +2745,10 @@ const Do = T.div`
           messageEnd: n.errors.validUntil,
           statusStart: d,
           statusEnd: g,
-          onHandleStartChange: (c) => n.setFieldValue("effectiveFrom", c.target.value),
-          onHandleEndChange: (c) => n.setFieldValue("validUntil", c.target.value),
-          onCheckClosedChange: (c) => {
-            n.setFieldValue("checkClosed", c), c && n.setFieldValue("validUntil", "");
+          onHandleStartChange: (u) => n.setFieldValue("effectiveFrom", u.target.value),
+          onHandleEndChange: (u) => n.setFieldValue("validUntil", u.target.value),
+          onCheckClosedChange: (u) => {
+            n.setFieldValue("checkClosed", u), u && n.setFieldValue("validUntil", "");
           },
           checkedClosed: n.values.checkClosed
         }
@@ -2744,18 +2756,18 @@ const Do = T.div`
     ] }),
     /* @__PURE__ */ i(q, {}),
     l && /* @__PURE__ */ i(E, { 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__ */ b(v, { direction: "row", justifyContent: "end", gap: "16px", children: [
-      /* @__PURE__ */ i(B, { appearance: "gray", onClick: o, children: t.cancel }),
-      /* @__PURE__ */ i(B, { type: "submit", children: t.confirm })
+    /* @__PURE__ */ b(x, { direction: "row", justifyContent: "end", gap: "16px", children: [
+      /* @__PURE__ */ i(H, { appearance: "gray", onClick: o, children: t.cancel }),
+      /* @__PURE__ */ i(H, { type: "submit", children: t.confirm })
     ] })
   ] }) });
-}, So = (e) => {
+}, ko = (e) => {
   var f;
-  const { decision: n, onSubmitEvent: t, textValues: o, onCancel: r } = e, { formik: a, handleToggleNoneChange: s } = vo({
+  const { decision: n, onSubmitEvent: t, textValues: o, onCancel: r } = e, { formik: a, handleToggleNoneChange: s } = To({
     decision: n,
     onSubmitEvent: t,
     textValues: o
-  }), u = {
+  }), c = {
     ruleName: n.ruleName,
     labelName: n.labelName,
     howToSetTheCondition: n.howToSetTheDecision,
@@ -2763,19 +2775,19 @@ const Do = T.div`
     listOfPossibleValues: n.listOfPossibleValues
   }, l = ((f = n.conditionsThatEstablishesTheDecision) == null ? void 0 : f.filter(
     (m) => !m.hidden
-  )) || [], d = !!a.errors.conditionsThatEstablishesTheDecision && a.submitCount > 0, g = a.touched.effectiveFrom ? a.errors.effectiveFrom ? "invalid" : "valid" : void 0, c = a.touched.validUntil ? a.errors.validUntil ? "invalid" : "valid" : void 0;
+  )) || [], d = !!a.errors.conditionsThatEstablishesTheDecision && a.submitCount > 0, g = a.touched.effectiveFrom ? a.errors.effectiveFrom ? "invalid" : "valid" : void 0, u = a.touched.validUntil ? a.errors.validUntil ? "invalid" : "valid" : void 0;
   return /* @__PURE__ */ i(
-    wo,
+    Eo,
     {
       formik: a,
       onCancel: r,
       textValues: o,
       decision: n,
       visibleConditions: l,
-      normalizedDecision: u,
+      normalizedDecision: c,
       handleToggleNoneChange: s,
-      handleConditionToggleChange: (m, x) => (y) => {
-        if (!y)
+      handleConditionToggleChange: (m, v) => (D) => {
+        if (!D)
           a.setFieldValue(
             `conditionsThatEstablishesTheDecision.${m}`,
             void 0
@@ -2785,19 +2797,19 @@ const Do = T.div`
             !1
           );
         else {
-          const D = x ? [] : "";
+          const y = v ? [] : "";
           a.setFieldValue(
             `conditionsThatEstablishesTheDecision.${m}`,
-            D
+            y
           );
         }
       },
       showConditionsError: d,
       termStartStatus: g,
-      termEndStatus: c
+      termEndStatus: u
     }
   );
-}, ua = (e) => {
+}, ba = (e) => {
   var r;
   const { decisionTemplate: n } = e, t = { ...n }, o = (r = t.conditionsThatEstablishesTheDecision) == null ? void 0 : r.find(
     (a) => a.switchPlaces
@@ -2813,7 +2825,7 @@ const Do = T.div`
       (a) => a.conditionName === o.conditionName ? { ...a, hidden: !0 } : a
     )
   } : t;
-}, ga = (e) => {
+}, va = (e) => {
   const { decisions: n } = e;
   return n == null ? void 0 : n.map((t) => {
     var r;
@@ -2849,7 +2861,7 @@ const Do = T.div`
       color: C.palette.neutral.N0
     }
   }
-}, Co = T.div`
+}, Ao = T.div`
   & > div {
     border: 1px solid
       ${({ theme: e, $active: n }) => {
@@ -2865,27 +2877,27 @@ const Do = T.div`
     return ((r = (o = (t = e == null ? void 0 : e.menu) == null ? void 0 : t.item) == null ? void 0 : o.background) == null ? void 0 : r.hover) || Q.item.background.hover;
 }};
   }
-`, rn = T.div`
+`, an = T.div`
   display: flex;
   align-items: center;
   gap: 12px;
   width: 100%;
   outline: none;
   cursor: pointer;
-`, No = T.div`
+`, Io = T.div`
   display: flex;
   align-items: center;
   outline: none;
   cursor: pointer;
-`, Eo = T(xn)`
+`, $o = T(Tn)`
   display: flex;
   align-items: center;
   text-decoration: none;
-`, ko = T(xn)`
+`, Fo = T(Tn)`
   display: block;
   text-decoration: none;
   color: inherit;
-`, Ao = T.div`
+`, Po = T.div`
   & > div {
     border-bottom: 1px solid
       ${({ theme: e, $active: n }) => {
@@ -2894,12 +2906,12 @@ const Do = T.div`
 }};
     border-radius: 8px 8px 0 0;
   }
-`, Cn = T.div`
+`, Nn = T.div`
   display: block;
   text-decoration: none;
   background-color: ${({ theme: e, $active: n }) => {
-  var t, o, r, a, s, u;
-  return n ? ((r = (o = (t = e == null ? void 0 : e.menu) == null ? void 0 : t.item) == null ? void 0 : o.background) == null ? void 0 : r.active) || Q.item.background.active : ((u = (s = (a = e == null ? void 0 : e.menu) == null ? void 0 : a.item) == null ? void 0 : s.background) == null ? void 0 : u.inactive) || Q.item.background.inactive;
+  var t, o, r, a, s, c;
+  return n ? ((r = (o = (t = e == null ? void 0 : e.menu) == null ? void 0 : t.item) == null ? void 0 : o.background) == null ? void 0 : r.active) || Q.item.background.active : ((c = (s = (a = e == null ? void 0 : e.menu) == null ? void 0 : a.item) == null ? void 0 : s.background) == null ? void 0 : c.inactive) || Q.item.background.inactive;
 }};
   &:last-child {
     border-radius: 0 0 8px 8px;
@@ -2912,32 +2924,32 @@ const Do = T.div`
     return ((a = (r = (o = n == null ? void 0 : n.menu) == null ? void 0 : o.item) == null ? void 0 : r.background) == null ? void 0 : a.hover) || Q.item.background.hover;
 }};
   }
-`, Io = T.div`
+`, Ro = T.div`
   display: flex;
   flex-direction: column;
 
-  & > a:last-child ${Cn} {
+  & > a:last-child ${Nn} {
     border-radius: 0 0 8px 8px;
   }
-`, $o = (e) => {
-  const { isOpen: n, links: t, onClick: o, title: r, activeId: a, headerPath: s, headerActive: u } = e, l = (m) => {
+`, Lo = (e) => {
+  const { isOpen: n, links: t, onClick: o, title: r, activeId: a, headerPath: s, headerActive: c } = e, l = (m) => {
     (m.key === "Enter" || m.key === " ") && (m.preventDefault(), o());
   }, d = (m) => {
     m.preventDefault(), m.stopPropagation(), o();
   }, g = (m) => {
     (m.key === "Enter" || m.key === " ") && (m.preventDefault(), m.stopPropagation(), o());
-  }, c = n || u ? "primary" : "dark", p = n || u ? "bold" : "normal", f = z.useId();
-  return /* @__PURE__ */ i(Co, { $active: n, children: /* @__PURE__ */ b(U, { border: !0, borderRadius: "8px", width: "100%", children: [
+  }, u = n || c ? "primary" : "dark", p = n || c ? "bold" : "normal", f = z.useId();
+  return /* @__PURE__ */ i(Ao, { $active: n, children: /* @__PURE__ */ b(j, { border: !0, borderRadius: "8px", width: "100%", children: [
     /* @__PURE__ */ i(
-      Ao,
+      Po,
       {
         $active: n && t.length > 0,
         "aria-controls": f,
         "aria-expanded": n,
         onClick: d,
         onKeyDown: g,
-        children: s ? /* @__PURE__ */ i(Eo, { to: s, children: /* @__PURE__ */ b(
-          U,
+        children: s ? /* @__PURE__ */ i($o, { to: s, children: /* @__PURE__ */ b(
+          j,
           {
             alignItems: "center",
             borderRadius: "8px",
@@ -2948,15 +2960,15 @@ const Do = T.div`
               /* @__PURE__ */ i(
                 O,
                 {
-                  appearance: c,
+                  appearance: u,
                   cursorHover: !0,
-                  icon: n && t.length > 0 ? /* @__PURE__ */ i(Ve, {}) : /* @__PURE__ */ i(Je, {})
+                  icon: n && t.length > 0 ? /* @__PURE__ */ i(ze, {}) : /* @__PURE__ */ i(en, {})
                 }
               ),
-              /* @__PURE__ */ i(rn, { children: /* @__PURE__ */ i(
+              /* @__PURE__ */ i(an, { children: /* @__PURE__ */ i(
                 E,
                 {
-                  appearance: c,
+                  appearance: u,
                   cursorHover: !0,
                   size: "small",
                   type: "title",
@@ -2967,7 +2979,7 @@ const Do = T.div`
             ]
           }
         ) }) : /* @__PURE__ */ b(
-          U,
+          j,
           {
             alignItems: "center",
             borderRadius: "8px",
@@ -2978,13 +2990,13 @@ const Do = T.div`
               /* @__PURE__ */ i(
                 O,
                 {
-                  appearance: c,
+                  appearance: u,
                   cursorHover: !0,
-                  icon: n && t.length > 0 ? /* @__PURE__ */ i(Ve, {}) : /* @__PURE__ */ i(Je, {})
+                  icon: n && t.length > 0 ? /* @__PURE__ */ i(ze, {}) : /* @__PURE__ */ i(en, {})
                 }
               ),
-              /* @__PURE__ */ i(rn, { children: /* @__PURE__ */ i(
-                No,
+              /* @__PURE__ */ i(an, { children: /* @__PURE__ */ i(
+                Io,
                 {
                   "aria-controls": f,
                   "aria-expanded": n,
@@ -2993,7 +3005,7 @@ const Do = T.div`
                   children: /* @__PURE__ */ i(
                     E,
                     {
-                      appearance: c,
+                      appearance: u,
                       cursorHover: !0,
                       size: "small",
                       type: "title",
@@ -3008,24 +3020,24 @@ const Do = T.div`
         )
       }
     ),
-    n && t.length > 0 && /* @__PURE__ */ i(Io, { id: f, children: t.map((m) => {
-      const x = m.id === a;
-      return /* @__PURE__ */ i(ko, { to: m.path, children: /* @__PURE__ */ i(Cn, { $active: x, children: /* @__PURE__ */ b(
-        v,
+    n && t.length > 0 && /* @__PURE__ */ i(Ro, { id: f, children: t.map((m) => {
+      const v = m.id === a;
+      return /* @__PURE__ */ i(Fo, { to: m.path, children: /* @__PURE__ */ i(Nn, { $active: v, children: /* @__PURE__ */ b(
+        x,
         {
           alignItems: "center",
           direction: "row",
           gap: "8px",
-          padding: x ? "8px 4px" : "8px 32px",
+          padding: v ? "8px 4px" : "8px 32px",
           children: [
-            x && /* @__PURE__ */ i(O, { appearance: "primary", icon: /* @__PURE__ */ i(_n, {}) }),
+            v && /* @__PURE__ */ i(O, { appearance: "primary", icon: /* @__PURE__ */ i(Un, {}) }),
             /* @__PURE__ */ i(
               E,
               {
-                appearance: x ? "primary" : "dark",
+                appearance: v ? "primary" : "dark",
                 size: "small",
                 type: "title",
-                weight: x ? "bold" : "normal",
+                weight: v ? "bold" : "normal",
                 children: m.label
               }
             )
@@ -3034,7 +3046,7 @@ const Do = T.div`
       ) }) }, m.id);
     }) })
   ] }) });
-}, Fo = T.div`
+}, Mo = T.div`
   & > div {
     background: ${({ $background: e, theme: n }) => {
   var t, o, r, a;
@@ -3042,25 +3054,25 @@ const Do = T.div`
 }};
   }
   height: 90vh;
-`, pa = (e) => {
-  const { collapseOnNavigate: n = !1, defaultOpenId: t = null, groups: o } = e, [r, a] = z.useState(t), s = Wn();
+`, xa = (e) => {
+  const { collapseOnNavigate: n = !1, defaultOpenId: t = null, groups: o } = e, [r, a] = z.useState(t), s = Kn();
   z.useEffect(() => {
     n && a(null);
   }, [n, s.pathname]);
-  const u = z.useCallback(
+  const c = z.useCallback(
     (d) => {
       var g;
-      return (g = d.find((c) => c.path === s.pathname)) == null ? void 0 : g.id;
+      return (g = d.find((u) => u.path === s.pathname)) == null ? void 0 : g.id;
     },
     [s.pathname]
   ), l = z.useCallback(
     (d) => d ? s.pathname === d || s.pathname.startsWith(d + "/") : !1,
     [s.pathname]
   );
-  return /* @__PURE__ */ i(Fo, { $background: !0, children: /* @__PURE__ */ i(v, { direction: "column", gap: "8px", padding: "12px", height: "100%", children: o.map((d) => /* @__PURE__ */ i(
-    $o,
+  return /* @__PURE__ */ i(Mo, { $background: !0, children: /* @__PURE__ */ i(x, { direction: "column", gap: "8px", padding: "12px", height: "100%", children: o.map((d) => /* @__PURE__ */ i(
+    Lo,
     {
-      activeId: u(d.links),
+      activeId: c(d.links),
       headerPath: d.path,
       headerActive: l(d.path),
       isOpen: r === d.id,
@@ -3077,7 +3089,7 @@ function L(e) {
 function ee(e) {
   e.stopPropagation();
 }
-function Nn() {
+function En() {
   const e = /* @__PURE__ */ new Map();
   return [function(o, r) {
     e.get(o) && e.get(o).forEach((a) => {
@@ -3088,8 +3100,8 @@ function Nn() {
     a.push(r), e.set(o, a);
   }];
 }
-var [En, kn] = Nn();
-function Ro(e, n) {
+var [kn, An] = En();
+function Oo(e, n) {
   return e.source === n.source && e.flags.split("").sort().join("") === n.flags.split("").sort().join("");
 }
 function he(e, n, t = !0, o = ["__key"]) {
@@ -3099,7 +3111,7 @@ function he(e, n, t = !0, o = ["__key"]) {
     if (e instanceof Date && n instanceof Date)
       return e.getTime() === n.getTime();
     if (e instanceof RegExp && n instanceof RegExp)
-      return Ro(e, n);
+      return Oo(e, n);
     if (e === null || n === null) return !1;
     const r = e, a = n;
     if (Object.keys(r).length !== Object.keys(a).length) return !1;
@@ -3111,30 +3123,30 @@ function he(e, n, t = !0, o = ["__key"]) {
   }
   return !1;
 }
-function An(e) {
+function In(e) {
   return e.split(" ").filter((n) => n);
 }
 function de(e) {
   return { x: e.clientX, y: e.clientY };
 }
 Array();
-var Ze = typeof window < "u", R = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakMap();
-function In() {
-  if (!Ze) return !1;
+var Qe = typeof window < "u", F = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakMap();
+function $n() {
+  if (!Qe) return !1;
   if ("userAgentData" in navigator)
     return navigator.userAgentData.mobile === !0;
   const e = navigator.userAgent, n = /android|iphone|ipod/i.test(e), t = /iPad/.test(e) || e.includes("Macintosh") && navigator.maxTouchPoints > 1;
   return n || t;
 }
-var Po = {
+var Vo = {
   affectedNodes: [],
   coordinates: {
     x: 0,
     y: 0
   },
   currentTargetValue: void 0,
-  on: kn,
-  emit: En,
+  on: An,
+  emit: kn,
   originalZIndex: void 0,
   pointerSelection: !1,
   preventEnter: !1,
@@ -3160,16 +3172,16 @@ var Po = {
   scrollDebounceTimeout: void 0,
   frameIdX: void 0,
   frameIdY: void 0
-}, h = Po, J = !1, an, Me;
-function Lo() {
+}, h = Vo, J = !1, ln, Oe;
+function zo() {
   h.scrollDebounceTimeout && clearTimeout(h.scrollDebounceTimeout), h.longPressTimeout && clearTimeout(h.longPressTimeout), h.frameIdX !== void 0 && cancelAnimationFrame(h.frameIdX), h.frameIdY !== void 0 && cancelAnimationFrame(h.frameIdY), h = { ...{
     affectedNodes: [],
     coordinates: {
       x: 0,
       y: 0
     },
-    on: kn,
-    emit: En,
+    on: An,
+    emit: kn,
     currentTargetValue: void 0,
     originalZIndex: void 0,
     pointerId: void 0,
@@ -3202,38 +3214,38 @@ function Lo() {
     frameIdY: void 0
   } };
 }
-function $n(e) {
+function Fn(e) {
   return Object.assign(h, e), e.initialParent.data.emit("dragStarted", h), J = !1, h.emit("dragStarted", h), h;
 }
-function Mo() {
-  h.activeState && te(h.activeState.parent, void 0, h), h.selectedState && ne(h.selectedState.nodes, h.selectedState.parent, h), h.selectedState = h.activeState = void 0;
+function Ho() {
+  h.activeState && oe(h.activeState.parent, void 0, h), h.selectedState && ne(h.selectedState.nodes, h.selectedState.parent, h), h.selectedState = h.activeState = void 0;
 }
-function Oo() {
-  if (h.pointerDown && (h.pointerDown.node.el.draggable = !0), h.pointerDown = void 0, !H(h)) return;
+function _o() {
+  if (h.pointerDown && (h.pointerDown.node.el.draggable = !0), h.pointerDown = void 0, !_(h)) return;
   const e = h.currentParent.data.config;
-  H(h) && e.handleEnd(h);
+  _(h) && e.handleEnd(h);
 }
-function Vo(e) {
-  e.key === "Escape" && (h.selectedState && ne(h.selectedState.nodes, h.selectedState.parent, h), h.activeState && te(h.activeState.parent, void 0, h), h.selectedState = h.activeState = void 0);
+function Uo(e) {
+  e.key === "Escape" && (h.selectedState && ne(h.selectedState.nodes, h.selectedState.parent, h), h.activeState && oe(h.activeState.parent, void 0, h), h.selectedState = h.activeState = void 0);
 }
-function zo(e) {
+function jo(e) {
   if (!M(h)) return;
   J = !0;
   const n = h.initialParent.data.config.handleEnd;
   n(h);
 }
-function Ho(e) {
+function Bo(e) {
   if (!M(h)) return;
   L(e);
   const { x: n, y: t } = de(e);
   M(h) && $e({ x: n, y: t }, e, h);
 }
-function _o(e) {
+function qo(e) {
   if (!h.pointerDown || !h.pointerDown.validated) return;
   const n = h.pointerDown.parent.data.config;
-  if (!(e.pointerType === "mouse" && !In()))
-    if (H(h))
-      H(h) && ln(e, h);
+  if (!(e.pointerType === "mouse" && !$n()))
+    if (_(h))
+      _(h) && dn(e, h);
     else {
       if (L(e), n.longPress && !h.longPress) {
         clearTimeout(h.longPressTimeout), h.longPress = !1;
@@ -3241,7 +3253,7 @@ function _o(e) {
       }
       const t = n.draggedNodes(h.pointerDown);
       n.dragstartClasses(h.pointerDown.node, t, n, !0);
-      const o = h.pointerDown.node.el.getBoundingClientRect(), r = mr(
+      const o = h.pointerDown.node.el.getBoundingClientRect(), r = Dr(
         h.pointerDown.node,
         h.pointerDown.parent,
         e,
@@ -3249,70 +3261,70 @@ function _o(e) {
         t,
         o
       );
-      ln(e, r, !0);
+      dn(e, r, !0);
     }
 }
-function Uo({
+function Yo({
   parent: e,
   getValues: n,
   setValues: t,
   config: o = {}
 }) {
   var l, d, g;
-  if (!Ze) return;
-  an || (an = we(document, {
-    dragover: Ho,
-    pointerdown: Mo,
-    pointerup: Oo,
-    keydown: Vo,
-    drop: zo,
-    pointermove: _o,
+  if (!Qe) return;
+  ln || (ln = we(document, {
+    dragover: Bo,
+    pointerdown: Ho,
+    pointerup: _o,
+    keydown: Uo,
+    drop: jo,
+    pointermove: qo,
     pointercancel: V(o.handlePointercancel),
-    touchmove: (c) => {
-      M(h) && c.cancelable && L(c);
+    touchmove: (u) => {
+      M(h) && u.cancelable && L(u);
     },
-    contextmenu: (c) => {
-      H(h) && L(c);
+    contextmenu: (u) => {
+      _(h) && L(u);
     }
   })), Rn(e);
-  const [r, a] = Nn(), s = {
+  const [r, a] = En(), s = {
     getValues: n,
     setValues: t,
     config: {
       dragDropEffect: o.dragDropEffect ?? "move",
       dragEffectAllowed: o.dragEffectAllowed ?? "move",
-      draggedNodes: nr,
-      dragstartClasses: ar,
-      handleNodeKeydown: lr,
-      handleDragstart: or,
-      handleNodeDragover: vr,
-      handleParentDragover: Dr,
-      handleNodeDrop: sr,
-      handleNodeFocus: cr,
-      handleNodeBlur: ur,
-      handlePointercancel: pr,
-      handleEnd: hr,
-      handleDragend: gr,
-      handleParentFocus: qo,
-      handleNodePointerup: fr,
-      handleNodePointerover: dr,
-      handleParentPointerover: yr,
-      handleParentScroll: tr,
-      handleNodePointerdown: rr,
-      handleNodeDragenter: Tr,
-      handleNodeDragleave: wr,
-      handleParentDrop: Yo,
+      draggedNodes: ar,
+      dragstartClasses: sr,
+      handleNodeKeydown: ur,
+      handleDragstart: lr,
+      handleNodeDragover: Tr,
+      handleParentDragover: wr,
+      handleNodeDrop: pr,
+      handleNodeFocus: hr,
+      handleNodeBlur: fr,
+      handlePointercancel: br,
+      handleEnd: vr,
+      handleDragend: mr,
+      handleParentFocus: Wo,
+      handleNodePointerup: xr,
+      handleNodePointerover: gr,
+      handleParentPointerover: Sr,
+      handleParentScroll: ir,
+      handleNodePointerdown: dr,
+      handleNodeDragenter: Nr,
+      handleNodeDragleave: Er,
+      handleParentDrop: Zo,
       multiDrag: o.multiDrag ?? !1,
       nativeDrag: o.nativeDrag ?? !0,
-      performSort: jo,
-      performTransfer: Bo,
+      performSort: Xo,
+      performTransfer: Go,
       root: o.root ?? document,
-      setupNode: Wo,
-      setupNodeRemap: Pn,
-      reapplyDragClasses: Go,
-      tearDownNode: Qo,
-      tearDownNodeRemap: Zo,
-      remapFinished: Jo,
+      setupNode: Ko,
+      setupNodeRemap: Ln,
+      reapplyDragClasses: Jo,
+      tearDownNode: nr,
+      tearDownNodeRemap: er,
+      remapFinished: or,
       threshold: {
         horizontal: 0,
         vertical: 0
@@ -3325,26 +3337,26 @@ function Uo({
     on: a,
     emit: r
   };
-  new MutationObserver(Ko).observe(e, { childList: !0 }), R.set(e, s), (l = o.plugins) == null || l.forEach((c) => {
+  new MutationObserver(tr).observe(e, { childList: !0 }), F.set(e, s), (l = o.plugins) == null || l.forEach((u) => {
     var p, f;
-    (f = (p = c(e)) == null ? void 0 : p.tearDown) == null || f.call(p);
-  }), (d = o.plugins) == null || d.forEach((c) => {
+    (f = (p = u(e)) == null ? void 0 : p.tearDown) == null || f.call(p);
+  }), (d = o.plugins) == null || d.forEach((u) => {
     var p, f;
-    (f = (p = c(e)) == null ? void 0 : p.tearDown) == null || f.call(p);
-  }), (g = o.plugins) == null || g.forEach((c) => {
+    (f = (p = u(e)) == null ? void 0 : p.tearDown) == null || f.call(p);
+  }), (g = o.plugins) == null || g.forEach((u) => {
     var p, f;
-    (f = (p = c(e)) == null ? void 0 : p.setup) == null || f.call(p);
-  }), Xo(e, s), Ae(e, !0);
+    (f = (p = u(e)) == null ? void 0 : p.setup) == null || f.call(p);
+  }), Qo(e, s), Ae(e, !0);
 }
-function Fn(e, n, t, o, r, a) {
-  const { x: s, y: u } = de(t), l = e.el.getBoundingClientRect();
+function Pn(e, n, t, o, r, a) {
+  const { x: s, y: c } = de(t), l = e.el.getBoundingClientRect();
   return {
     affectedNodes: [],
     ascendingDirection: !1,
     clonedDraggedEls: [],
     coordinates: {
       x: s,
-      y: u
+      y: c
     },
     draggedNode: {
       el: e.el,
@@ -3366,21 +3378,21 @@ function Fn(e, n, t, o, r, a) {
     currentTargetValue: e.data.value,
     scrollEls: [],
     startLeft: r || s - ((l == null ? void 0 : l.left) ?? 0),
-    startTop: a || u - ((l == null ? void 0 : l.top) ?? 0),
+    startTop: a || c - ((l == null ? void 0 : l.top) ?? 0),
     targetIndex: e.data.index,
     transferred: !1
   };
 }
-function jo({
+function Xo({
   parent: e,
   draggedNodes: n,
   targetNodes: t
 }) {
   Ae(e.el);
-  const o = n.map((l) => l.data.value), r = ie(e.el, e.data), a = n[0].data.index, s = [...e.data.enabledNodes], u = [
+  const o = n.map((l) => l.data.value), r = ie(e.el, e.data), a = n[0].data.index, s = [...e.data.enabledNodes], c = [
     ...r.filter((l) => !o.some((d) => he(l, d)))
   ];
-  u.splice(t[0].data.index, 0, ...o), "draggedNode" in h && (h.currentTargetValue = t[0].data.value), Ue(e.el, e.data, [...u]), e.data.config.onSort && e.data.config.onSort({
+  c.splice(t[0].data.index, 0, ...o), "draggedNode" in h && (h.currentTargetValue = t[0].data.value), je(e.el, e.data, [...c]), e.data.config.onSort && e.data.config.onSort({
     parent: {
       el: e.el,
       data: e.data
@@ -3388,7 +3400,7 @@ function jo({
     previousValues: [...r],
     previousNodes: [...s],
     nodes: [...e.data.enabledNodes],
-    values: [...u],
+    values: [...c],
     draggedNodes: n,
     previousPosition: a,
     position: t[0].data.index,
@@ -3396,7 +3408,7 @@ function jo({
     state: h
   });
 }
-function te(e, n, t) {
+function oe(e, n, t) {
   if (!n) {
     t.activeState = void 0;
     return;
@@ -3416,24 +3428,24 @@ function ne(e, n, t) {
   );
   for (const a of r) {
     a.el.setAttribute("aria-selected", "false");
-    const s = t.selectedState.nodes.findIndex((u) => u.el === a.el);
+    const s = t.selectedState.nodes.findIndex((c) => c.el === a.el);
     s !== -1 && t.selectedState.nodes.splice(s, 1);
   }
 }
 function me(e, n, t, o, r = !1) {
   o.pointerSelection = r;
   for (const a of n)
-    a.el.setAttribute("aria-selected", "true"), oe([a.el], e.data.config.selectedClass, !0);
+    a.el.setAttribute("aria-selected", "true"), re([a.el], e.data.config.selectedClass, !0);
   o.selectedState = {
     nodes: n,
     parent: e
-  }, te(e, t, o);
+  }, oe(e, t, o);
 }
-function qo(e, n) {
+function Wo(e, n) {
   const t = e.targetData.parent.data.enabledNodes[0];
-  t && (n.selectedState && n.selectedState.parent.el !== e.targetData.parent.el ? te(e.targetData.parent, t, n) : n.selectedState || te(e.targetData.parent, t, n));
+  t && (n.selectedState && n.selectedState.parent.el !== e.targetData.parent.el ? oe(e.targetData.parent, t, n) : n.selectedState || oe(e.targetData.parent, t, n));
 }
-function Bo({
+function Go({
   currentParent: e,
   targetParent: n,
   initialParent: t,
@@ -3443,18 +3455,18 @@ function Bo({
   state: s
 }) {
   Ae(t.el);
-  const u = o.map((p) => p.data.value), l = [
+  const c = o.map((p) => p.data.value), l = [
     ...ie(e.el, e.data).filter(
-      (p) => !u.some((f) => he(p, f))
+      (p) => !c.some((f) => he(p, f))
     )
   ], d = ie(n.el, n.data), g = t.el === n.el && n.data.config.sortable === !1;
-  let c;
-  a.length ? (g ? c = r : n.data.config.sortable === !1 ? c = n.data.enabledNodes.length : c = a[0].data.index, d.splice(c, 0, ...u)) : (c = g ? r : n.data.enabledNodes.length, d.splice(c, 0, ...u)), Ue(e.el, e.data, l), Ue(n.el, n.data, d), n.data.config.onTransfer && n.data.config.onTransfer({
+  let u;
+  a.length ? (g ? u = r : n.data.config.sortable === !1 ? u = n.data.enabledNodes.length : u = a[0].data.index, d.splice(u, 0, ...c)) : (u = g ? r : n.data.enabledNodes.length, d.splice(u, 0, ...c)), je(e.el, e.data, l), je(n.el, n.data, d), n.data.config.onTransfer && n.data.config.onTransfer({
     sourceParent: e,
     targetParent: n,
     initialParent: t,
     draggedNodes: o,
-    targetIndex: c,
+    targetIndex: u,
     state: s,
     targetNodes: a
   }), e.data.config.onTransfer && e.data.config.onTransfer({
@@ -3462,7 +3474,7 @@ function Bo({
     targetParent: n,
     initialParent: t,
     draggedNodes: o,
-    targetIndex: c,
+    targetIndex: u,
     state: s,
     targetNodes: a || []
   });
@@ -3470,32 +3482,32 @@ function Bo({
 function ie(e, n) {
   return [...n.getValues(e)];
 }
-function Ue(e, n, t) {
+function je(e, n, t) {
   n.setValues(t, e);
 }
-function Yo(e, n) {
+function Zo(e, n) {
   ee(e.e), J = !0;
   const t = n.initialParent.data.config.handleEnd;
   t(n);
 }
 function Rn(e) {
-  const n = R.get(e);
+  const n = F.get(e);
   n && n.abortControllers.mainParent && n.abortControllers.mainParent.abort();
 }
 function M(e) {
   return "draggedNode" in e && !!e.draggedNode;
 }
-function H(e) {
+function _(e) {
   return "synthDragging" in e && !!e.synthDragging;
 }
-function Xo(e, n) {
+function Qo(e, n) {
   n.abortControllers.mainParent = we(e, {
     dragover: be(n.config.handleParentDragover),
     handleParentPointerover: n.config.handleParentPointerover,
     scroll: be(n.config.handleParentScroll),
     drop: be(n.config.handleParentDrop),
     hasNestedParent: (t) => {
-      const o = R.get(t.target);
+      const o = F.get(t.target);
       o && (o.nestedParent = t.detail.parent);
     },
     focus: be(n.config.handleParentFocus)
@@ -3516,7 +3528,7 @@ function Xo(e, n) {
         if (!r) return;
         const a = o.parentNode;
         if (!(a instanceof HTMLElement)) return;
-        const s = R.get(a);
+        const s = F.get(a);
         s && (h.pointerDown = {
           parent: {
             el: a,
@@ -3532,7 +3544,7 @@ function Xo(e, n) {
     }
   ));
 }
-function Wo(e) {
+function Ko(e) {
   var t;
   const n = e.parent.data.config;
   e.node.data.abortControllers.mainNode = we(e.node.el, {
@@ -3553,48 +3565,48 @@ function Wo(e) {
       M(h) && o.cancelable && L(o);
     },
     contextmenu: (o) => {
-      H(h) && L(o);
+      _(h) && L(o);
     }
   }), e.node.el.draggable = !0, n.reapplyDragClasses(e.node.el, e.parent.data), (t = e.parent.data.config.plugins) == null || t.forEach((o) => {
     var r, a;
     (a = (r = o(e.parent.el)) == null ? void 0 : r.setupNode) == null || a.call(r, e);
   });
 }
-function Pn(e) {
+function Ln(e) {
   var n;
   Y.set(e.node.el, e.node.data), (n = e.parent.data.config.plugins) == null || n.forEach((t) => {
     var o, r;
     (r = (o = t(e.parent.el)) == null ? void 0 : o.setupNodeRemap) == null || r.call(o, e);
   });
 }
-function Go(e, n) {
+function Jo(e, n) {
   if (!M(h)) return;
-  const t = H(h) ? n.config.synthDropZoneClass : n.config.dropZoneClass;
-  h.draggedNode.el === e && oe([e], t, !0);
+  const t = _(h) ? n.config.synthDropZoneClass : n.config.dropZoneClass;
+  h.draggedNode.el === e && re([e], t, !0);
 }
-function Zo(e) {
+function er(e) {
   var n;
   (n = e.parent.data.config.plugins) == null || n.forEach((t) => {
     var o, r;
     (r = (o = t(e.parent.el)) == null ? void 0 : o.tearDownNodeRemap) == null || r.call(o, e);
   });
 }
-function Qo(e) {
+function nr(e) {
   var n, t, o, r, a;
   (n = e.parent.data.config.plugins) == null || n.forEach((s) => {
-    var u, l;
-    (l = (u = s(e.parent.el)) == null ? void 0 : u.tearDownNode) == null || l.call(u, e);
+    var c, l;
+    (l = (c = s(e.parent.el)) == null ? void 0 : c.tearDownNode) == null || l.call(c, e);
   }), e.node.el.draggable = !1, (o = (t = e.node.data) == null ? void 0 : t.abortControllers) != null && o.mainNode && ((a = (r = e.node.data) == null ? void 0 : r.abortControllers) == null || a.mainNode.abort());
 }
-function Ko(e) {
+function tr(e) {
   if (e.length === 1 && e[0].addedNodes.length === 1 && !(e[0].addedNodes[0] instanceof HTMLElement))
     return;
   const n = e[0].target;
-  !(n instanceof HTMLElement) || !R.get(n) || Ae(n);
+  !(n instanceof HTMLElement) || !F.get(n) || Ae(n);
 }
 function Ae(e, n) {
-  var u;
-  const t = R.get(e);
+  var c;
+  const t = F.get(e);
   if (!t) return;
   t.privateClasses = Array.from(e.classList);
   const o = [], r = t.config;
@@ -3623,7 +3635,7 @@ function Ae(e, n) {
   for (let l = 0; l < o.length; l++) {
     const d = o[l], g = Y.get(d);
     if (r.draggableValue && !r.draggableValue(a[l])) continue;
-    const c = Object.assign(
+    const u = Object.assign(
       g ?? {
         privateClasses: [],
         abortControllers: {}
@@ -3633,26 +3645,26 @@ function Ae(e, n) {
         index: l
       }
     );
-    if (!M(h) && h.activeState && he(h.activeState.node.data.value, c.value) && te(
+    if (!M(h) && h.activeState && he(h.activeState.node.data.value, u.value) && oe(
       {
         data: t,
         el: e
       },
       {
         el: d,
-        data: c
+        data: u
       },
       h
-    ), M(h) && he(h.draggedNode.data.value, c.value)) {
-      h.draggedNode.data = c, h.draggedNode.el = d;
+    ), M(h) && he(h.draggedNode.data.value, u.value)) {
+      h.draggedNode.data = u, h.draggedNode.el = d;
       const p = h.draggedNodes.find(
-        (f) => f.data.value === c.value
+        (f) => f.data.value === u.value
       );
       p && (p.el = d);
     }
     s.push({
       el: d,
-      data: c
+      data: u
     }), (n || !g) && r.setupNode({
       parent: {
         el: e,
@@ -3660,31 +3672,31 @@ function Ae(e, n) {
       },
       node: {
         el: d,
-        data: c
+        data: u
       }
-    }), Pn({
+    }), Ln({
       parent: {
         el: e,
         data: t
       },
       node: {
         el: d,
-        data: c
+        data: u
       }
     });
   }
-  R.set(e, { ...t, enabledNodes: s }), r.remapFinished(t), (u = t.config.plugins) == null || u.forEach((l) => {
+  F.set(e, { ...t, enabledNodes: s }), r.remapFinished(t), (c = t.config.plugins) == null || c.forEach((l) => {
     var d, g;
     (g = (d = l(e)) == null ? void 0 : d.remapFinished) == null || g.call(d);
   });
 }
-function Jo() {
+function or() {
   h.remapJustFinished = !0, "draggedNode" in h && (h.affectedNodes = []);
 }
-function er(e) {
+function rr(e) {
   return !!e.targetData.parent.data.config.nativeDrag;
 }
-function nr(e) {
+function ar(e) {
   var n;
   if (e.parent.data.config.multiDrag) {
     if (h.selectedState)
@@ -3697,14 +3709,14 @@ function nr(e) {
   } else return [e.node];
   return [];
 }
-function tr(e) {
-  M(h) && (h.emit("scrollStarted", h), !H(h) && (h.preventEnter = !0, Me && clearTimeout(Me), Me = setTimeout(() => {
+function ir(e) {
+  M(h) && (h.emit("scrollStarted", h), !_(h) && (h.preventEnter = !0, Oe && clearTimeout(Oe), Oe = setTimeout(() => {
     h.preventEnter = !1, h.emit("scrollEnded", h);
   }, 100)));
 }
-function or(e, n) {
+function lr(e, n) {
   const t = e.targetData.parent.data.config;
-  if (!t.nativeDrag || !er(e) || !Ln({
+  if (!t.nativeDrag || !rr(e) || !Mn({
     x: e.e.clientX,
     y: e.e.clientY,
     node: e.targetData.node,
@@ -3718,7 +3730,7 @@ function or(e, n) {
     node: e.targetData.node
   });
   o.length === 0 && (o = [e.targetData.node]), t.dragstartClasses(e.targetData.node, o, t);
-  const r = ir(e, o);
+  const r = cr(e, o);
   if (t.onDragstart) {
     const a = {
       parent: e.targetData.parent,
@@ -3734,20 +3746,20 @@ function or(e, n) {
     t.onDragstart(a);
   }
 }
-function rr(e, n) {
-  var u, l;
+function dr(e, n) {
+  var c, l;
   if (ee(e.e), n.pointerDown = {
     parent: e.targetData.parent,
     node: e.targetData.node,
     validated: !1
-  }, !Ln({
+  }, !Mn({
     x: e.e.clientX,
     y: e.e.clientY,
     node: e.targetData.node,
     config: e.targetData.parent.data.config
   }))
     return;
-  n.pointerDown.validated = !0, br(e, n, e.targetData.node);
+  n.pointerDown.validated = !0, yr(e, n, e.targetData.node);
   const t = e.targetData.parent.data;
   let o = [e.targetData.node];
   const r = e.e.ctrlKey || e.e.metaKey, a = e.e.shiftKey, s = e.targetData.node;
@@ -3773,14 +3785,14 @@ function rr(e, n) {
         for (let g = 0; g <= s.data.index; g++)
           o.push(d[g]);
       } else {
-        const [g, c] = n.activeState.node.data.index < e.targetData.node.data.index ? [
+        const [g, u] = n.activeState.node.data.index < e.targetData.node.data.index ? [
           n.activeState.node.data.index,
           e.targetData.node.data.index
         ] : [
           e.targetData.node.data.index,
           n.activeState.node.data.index
         ];
-        o = d.slice(g, c + 1);
+        o = d.slice(g, u + 1);
       }
     else
       for (let g = 0; g <= s.data.index; g++)
@@ -3794,9 +3806,9 @@ function rr(e, n) {
     );
     return;
   }
-  (l = (u = n.selectedState) == null ? void 0 : u.nodes) != null && l.length ? n.selectedState.nodes.findIndex(
+  (l = (c = n.selectedState) == null ? void 0 : c.nodes) != null && l.length ? n.selectedState.nodes.findIndex(
     (g) => g.el === e.targetData.node.el
-  ) === -1 && (n.selectedState.parent.el !== e.targetData.parent.el ? ne(n.selectedState.nodes, e.targetData.parent, n) : t.config.multiDrag && In() ? o.push(...n.selectedState.nodes) : ne(n.selectedState.nodes, e.targetData.parent, n), me(
+  ) === -1 && (n.selectedState.parent.el !== e.targetData.parent.el ? ne(n.selectedState.nodes, e.targetData.parent, n) : t.config.multiDrag && $n() ? o.push(...n.selectedState.nodes) : ne(n.selectedState.nodes, e.targetData.parent, n), me(
     e.targetData.parent,
     o,
     e.targetData.node,
@@ -3810,18 +3822,18 @@ function rr(e, n) {
     !0
   );
 }
-function ar(e, n, t, o = !1) {
-  oe(
+function sr(e, n, t, o = !1) {
+  re(
     n.map((r) => r.el),
     o ? t.synthDraggingClass : t.draggingClass
   ), setTimeout(() => {
     K(
       n.map((r) => r.el),
       o ? t.synthDraggingClass : t.draggingClass
-    ), oe(
+    ), re(
       n.map((r) => r.el),
       o ? t.synthDragPlaceholderClass : t.dragPlaceholderClass
-    ), oe(
+    ), re(
       n.map((r) => r.el),
       o ? t.synthDropZoneClass : t.dropZoneClass
     ), K(
@@ -3830,10 +3842,10 @@ function ar(e, n, t, o = !1) {
     );
   });
 }
-function ir(e, n) {
+function cr(e, n) {
   ee(e.e);
-  const t = $n(
-    Fn(
+  const t = Fn(
+    Pn(
       e.targetData.node,
       e.targetData.parent,
       e.e,
@@ -3856,9 +3868,9 @@ function ir(e, n) {
       {
         const a = document.createElement("div");
         a.setAttribute("id", "dnd-dragged-node-clone"), a.setAttribute("popover", "manual");
-        for (const u of n) {
-          const l = u.el.cloneNode(!0);
-          l.id = u.el.id + "-clone", l.style.pointerEvents = "none", a.appendChild(l);
+        for (const c of n) {
+          const l = c.el.cloneNode(!0);
+          l.id = c.el.id + "-clone", l.style.pointerEvents = "none", a.appendChild(l);
         }
         const { width: s } = n[0].el.getBoundingClientRect();
         Object.assign(a.style, {
@@ -3885,7 +3897,7 @@ function ir(e, n) {
   }
   return t;
 }
-function Ln({
+function Mn({
   x: e,
   y: n,
   node: t,
@@ -3901,22 +3913,22 @@ function Ln({
     if (a === s || s.contains(a)) return !0;
   return !1;
 }
-function lr(e) {
+function ur(e) {
 }
-function dr(e) {
-  e.detail.targetData.parent.el === e.detail.state.currentParent.el ? On(e.detail, e.detail.state) : Ie(e.detail, e.detail.state);
+function gr(e) {
+  e.detail.targetData.parent.el === e.detail.state.currentParent.el ? Vn(e.detail, e.detail.state) : Ie(e.detail, e.detail.state);
 }
-function sr(e, n) {
+function pr(e, n) {
   const t = e.targetData.parent.data.config;
   t.nativeDrag && (ee(e.e), J = !0, t.handleEnd(n));
 }
-function cr(e) {
+function hr(e) {
   e.e.target !== e.e.currentTarget && h.pointerDown && (h.pointerDown.node.el.draggable = !1);
 }
-function ur(e) {
+function fr(e) {
   e.e.target !== e.e.currentTarget && h.pointerDown && (h.pointerDown.node.el.draggable = !0);
 }
-function gr(e, n) {
+function mr(e, n) {
   const t = e.targetData.parent.data.config;
   if (t.nativeDrag) {
     if (L(e.e), ee(e.e), J) {
@@ -3926,14 +3938,14 @@ function gr(e, n) {
     t.handleEnd(n);
   }
 }
-function pr(e, n) {
+function br(e, n) {
   var o;
-  if (!H(n)) return;
+  if (!_(n)) return;
   if (L(e.e), J) {
     J = !1;
     return;
   }
-  const t = (o = R.get(n.initialParent.el)) == null ? void 0 : o.config;
+  const t = (o = F.get(n.initialParent.el)) == null ? void 0 : o.config;
   t != null && t.onDragend && t.onDragend({
     parent: n.currentParent,
     values: ie(n.currentParent.el, n.currentParent.data),
@@ -3942,13 +3954,13 @@ function pr(e, n) {
     state: n
   }), t == null || t.handleEnd(n);
 }
-function hr(e) {
-  var g, c, p, f, m;
+function vr(e) {
+  var g, u, p, f, m;
   e.draggedNode && (e.draggedNode.el.draggable = !0);
-  const n = e.draggedNodes.map((x) => x.el), t = e.initialParent.data, o = H(e), r = (g = R.get(e.initialParent.el)) == null ? void 0 : g.config, a = o ? r == null ? void 0 : r.synthDropZoneClass : r == null ? void 0 : r.dropZoneClass, s = (c = t == null ? void 0 : t.config) == null ? void 0 : c.longPressClass, u = o ? (p = t == null ? void 0 : t.config) == null ? void 0 : p.synthDragPlaceholderClass : (f = t == null ? void 0 : t.config) == null ? void 0 : f.dragPlaceholderClass, l = e.originalZIndex;
-  H(e) && (e.clonedDraggedNode && e.clonedDraggedNode.remove(), e.longPressTimeout && clearTimeout(e.longPressTimeout)), je(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(() => {
-    K(n, a), K(n, s), K(n, u);
-  }), ne(e.draggedNodes, e.currentParent, e), te(e.currentParent, void 0, e);
+  const n = e.draggedNodes.map((v) => v.el), t = e.initialParent.data, o = _(e), r = (g = F.get(e.initialParent.el)) == null ? void 0 : g.config, a = o ? r == null ? void 0 : r.synthDropZoneClass : r == null ? void 0 : r.dropZoneClass, s = (u = t == null ? void 0 : t.config) == null ? void 0 : u.longPressClass, c = o ? (p = t == null ? void 0 : t.config) == null ? void 0 : p.synthDragPlaceholderClass : (f = t == null ? void 0 : t.config) == null ? void 0 : f.dragPlaceholderClass, l = e.originalZIndex;
+  _(e) && (e.clonedDraggedNode && e.clonedDraggedNode.remove(), e.longPressTimeout && clearTimeout(e.longPressTimeout)), Be(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(() => {
+    K(n, a), K(n, s), K(n, c);
+  }), ne(e.draggedNodes, e.currentParent, e), oe(e.currentParent, void 0, e);
   const d = { ...e };
   (m = r == null ? void 0 : r.onDragend) == null || m.call(r, {
     parent: d.currentParent,
@@ -3959,9 +3971,9 @@ function hr(e) {
     draggedNode: d.draggedNode,
     draggedNodes: d.draggedNodes,
     state: d
-  }), e.emit("dragEnded", d), Lo();
+  }), e.emit("dragEnded", d), zo();
 }
-function fr(e, n) {
+function xr(e, n) {
   ee(e.e), !n.pointerSelection && n.selectedState && ne(n.selectedState.nodes, e.targetData.parent, n);
   const t = e.targetData.parent.data.config;
   n.pointerSelection = !1, "longPressTimeout" in n && n.longPressTimeout && clearTimeout(n.longPressTimeout), n.longPress = !1, K(
@@ -3969,10 +3981,10 @@ function fr(e, n) {
     t.longPressClass
   ), M(n) && t.handleEnd(n);
 }
-function mr(e, n, t, o, r, a) {
-  var m, x;
+function Dr(e, n, t, o, r, a) {
+  var m, v;
   const s = n.data.config;
-  let u, l;
+  let c, l;
   const d = [
     "display",
     "flexDirection",
@@ -4001,13 +4013,13 @@ function mr(e, n, t, o, r, a) {
     "height",
     "boxSizing",
     "overflow"
-  ], g = (y, D) => {
-    const w = window.getComputedStyle(y);
+  ], g = (D, y) => {
+    const w = window.getComputedStyle(D);
     d.forEach((N) => {
-      D.style[N] = w[N];
+      y.style[N] = w[N];
     });
-  }, c = (y, D = {}) => {
-    Object.assign(y.style, {
+  }, u = (D, y = {}) => {
+    Object.assign(D.style, {
       position: "absolute",
       zIndex: "9999",
       pointerEvents: "none",
@@ -4017,31 +4029,31 @@ function mr(e, n, t, o, r, a) {
       overflow: "hidden",
       width: `${a.width}px`,
       height: `${a.height}px`,
-      ...D
+      ...y
     });
   };
   if (s.synthDragImage)
-    l = s.synthDragImage(e, n, t, r), u = l.dragImage, u.setAttribute("popover", "manual"), c(u);
+    l = s.synthDragImage(e, n, t, r), c = l.dragImage, c.setAttribute("popover", "manual"), u(c);
   else if (!s.multiDrag || r.length === 1)
-    u = e.el.cloneNode(!0), g(e.el, u), u.setAttribute("popover", "manual"), c(u);
+    c = e.el.cloneNode(!0), g(e.el, c), c.setAttribute("popover", "manual"), u(c);
   else {
-    const y = document.createElement("div");
-    y.setAttribute("popover", "manual"), r.forEach((D) => {
-      const w = D.el.cloneNode(!0);
-      g(D.el, w), w.style.pointerEvents = "none", w.style.margin = "0", y.append(w);
-    }), 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", u = y;
+    const D = document.createElement("div");
+    D.setAttribute("popover", "manual"), r.forEach((y) => {
+      const w = y.el.cloneNode(!0);
+      g(y.el, w), w.style.pointerEvents = "none", w.style.margin = "0", D.append(w);
+    }), D.style.display = "flex", D.style.flexDirection = "column", D.style.padding = "0", D.style.margin = "0", D.style.position = "absolute", D.style.zIndex = "9999", D.style.pointerEvents = "none", c = D;
   }
-  u.id = "dnd-dragged-node-clone", n.el.appendChild(u), u.showPopover();
+  c.id = "dnd-dragged-node-clone", n.el.appendChild(c), c.showPopover();
   const p = {
     clonedDraggedEls: [],
-    clonedDraggedNode: u,
+    clonedDraggedNode: c,
     synthDragScrolling: !1,
     synthDragging: !0,
     rootScrollWidth: (m = document.scrollingElement) == null ? void 0 : m.scrollWidth,
-    rootScrollHeight: (x = document.scrollingElement) == null ? void 0 : x.scrollHeight
+    rootScrollHeight: (v = document.scrollingElement) == null ? void 0 : v.scrollHeight
   };
-  return $n({
-    ...Fn(
+  return Fn({
+    ...Pn(
       e,
       n,
       t,
@@ -4052,29 +4064,29 @@ function mr(e, n, t, o, r, a) {
     ...p
   });
 }
-function br(e, n, t) {
+function yr(e, n, t) {
   const o = e.targetData.parent.data.config;
   n.longPressTimeout = setTimeout(() => {
-    n && (n.longPress = !0, o.longPressClass && e.e.cancelable && oe([t.el], o.longPressClass), L(e.e));
+    n && (n.longPress = !0, o.longPressClass && e.e.cancelable && re([t.el], o.longPressClass), L(e.e));
   }, o.longPressDuration || 1e3);
 }
-function je(e, n = !0, t = !0) {
+function Be(e, n = !0, t = !0) {
   n && (e.frameIdX !== void 0 && (cancelAnimationFrame(e.frameIdX), e.frameIdX = void 0), e.lastScrollDirectionX = void 0), t && (e.frameIdY !== void 0 && (cancelAnimationFrame(e.frameIdY), e.frameIdY = void 0), e.lastScrollDirectionY = void 0), !e.frameIdX && !e.frameIdY && (e.preventEnter = !1);
 }
-function Mn(e, n = !1) {
+function On(e, n = !1) {
   var g;
-  const { x: t, y: o } = e.coordinates, r = e.startLeft ?? 0, a = e.startTop ?? 0, s = window.scrollX ?? 0, u = window.scrollY ?? 0, l = t - r + s, d = o - a + u;
+  const { x: t, y: o } = e.coordinates, r = e.startLeft ?? 0, a = e.startTop ?? 0, s = window.scrollX ?? 0, c = window.scrollY ?? 0, l = t - r + s, d = o - a + c;
   e.clonedDraggedNode.style.transform = `translate3d(${l}px, ${d}px, 0px)`, n && (e.clonedDraggedNode.style.opacity = "1", K(
-    e.draggedNodes.map((c) => c.el),
+    e.draggedNodes.map((u) => u.el),
     (g = e.initialParent.data.config) == null ? void 0 : g.longPressClass
   ));
 }
-function ln(e, n, t = !1) {
+function dn(e, n, t = !1) {
   const o = de(e);
-  n.coordinates.x = o.x, n.coordinates.y = o.y, Mn(n, t), n.scrollDebounceTimeout && (clearTimeout(n.scrollDebounceTimeout), n.scrollDebounceTimeout = void 0), n.scrollDebounceTimeout = setTimeout(() => {
-    H(n) && $e(n.coordinates, e, n);
+  n.coordinates.x = o.x, n.coordinates.y = o.y, On(n, t), n.scrollDebounceTimeout && (clearTimeout(n.scrollDebounceTimeout), n.scrollDebounceTimeout = void 0), n.scrollDebounceTimeout = setTimeout(() => {
+    _(n) && $e(n.coordinates, e, n);
   }, 16);
-  const r = Er(o);
+  const r = $r(o);
   if (!r) {
     document.dispatchEvent(
       new CustomEvent("handleRootPointerover", {
@@ -4101,22 +4113,22 @@ function ln(e, n, t = !1) {
     })
   );
 }
-function vr(e, n) {
+function Tr(e, n) {
   var a;
   if (!e.targetData.parent.data.config.nativeDrag) return;
   const { x: o, y: r } = de(e.e);
-  n.coordinates.y = r, n.coordinates.x = o, L(e.e), ee(e.e), M(n) && $e({ x: o, y: r }, e.e, n), e.targetData.parent.el === ((a = n.currentParent) == null ? void 0 : a.el) ? On(e, n) : Ie(e, n);
+  n.coordinates.y = r, n.coordinates.x = o, L(e.e), ee(e.e), M(n) && $e({ x: o, y: r }, e.e, n), e.targetData.parent.el === ((a = n.currentParent) == null ? void 0 : a.el) ? Vn(e, n) : Ie(e, n);
 }
-function Dr(e, n) {
+function wr(e, n) {
   if (!e.targetData.parent.data.config.nativeDrag) return;
   L(e.e), ee(e.e);
   const { x: o, y: r } = de(e.e);
   M(n) && $e({ x: o, y: r }, e.e, n), Ie(e, n);
 }
-function yr(e) {
+function Sr(e) {
   e.detail.targetData.parent.el !== e.detail.state.currentParent.el && Ie(e.detail, e.detail.state);
 }
-function xr({
+function Cr({
   currentParent: e,
   targetParent: n,
   initialParent: t,
@@ -4134,25 +4146,25 @@ function xr({
     r
   ) : !(!a.group || a.group !== s.group);
 }
-function Tr(e, n) {
+function Nr(e, n) {
   L(e.e);
 }
-function wr(e, n) {
+function Er(e, n) {
   L(e.e);
 }
-function Sr(e, n, t, o) {
+function kr(e, n, t, o) {
   var g;
-  if (n.affectedNodes.map((c) => c.data.value).includes(e.targetData.node.data.value))
+  if (n.affectedNodes.map((u) => u.data.value).includes(e.targetData.node.data.value))
     return !1;
   if (n.remapJustFinished)
-    return n.remapJustFinished = !1, (e.targetData.node.data.value === n.currentTargetValue || n.draggedNodes.map((c) => c.el).includes(e.targetData.node.el)) && (n.currentTargetValue = e.targetData.node.data.value), !1;
+    return n.remapJustFinished = !1, (e.targetData.node.data.value === n.currentTargetValue || n.draggedNodes.map((u) => u.el).includes(e.targetData.node.el)) && (n.currentTargetValue = e.targetData.node.data.value), !1;
   if (n.preventEnter) return !1;
-  if (n.draggedNodes.map((c) => c.el).includes(e.targetData.node.el))
+  if (n.draggedNodes.map((u) => u.el).includes(e.targetData.node.el))
     return n.currentTargetValue = void 0, !1;
   if (e.targetData.node.data.value === n.currentTargetValue || e.targetData.parent.el !== ((g = n.currentParent) == null ? void 0 : g.el) || e.targetData.parent.data.config.sortable === !1 || e.targetData.node.el.contains(n.draggedNodes[0].el)) return !1;
-  const r = e.targetData.node.el.getBoundingClientRect(), a = n.draggedNode.el.getBoundingClientRect(), s = r.y - a.y, u = r.x - a.x;
+  const r = e.targetData.node.el.getBoundingClientRect(), a = n.draggedNode.el.getBoundingClientRect(), s = r.y - a.y, c = r.x - a.x;
   let l;
-  Math.abs(s) > Math.abs(u) ? l = s > 0 ? "above" : "below" : l = u > 0 ? "left" : "right";
+  Math.abs(s) > Math.abs(c) ? l = s > 0 ? "above" : "below" : l = c > 0 ? "left" : "right";
   const d = n.currentParent.data.config.threshold;
   switch (l) {
     case "left":
@@ -4174,9 +4186,9 @@ function Sr(e, n, t, o) {
   }
   return !1;
 }
-function On(e, n) {
+function Vn(e, n) {
   const { x: t, y: o } = de(e.e);
-  if (!Sr(e, n, t, o))
+  if (!kr(e, n, t, o))
     return;
   const r = n.draggedNode.data.index > e.targetData.node.data.index ? [e.targetData.node.data.index, n.draggedNode.data.index] : [n.draggedNode.data.index, e.targetData.node.data.index];
   n.targetIndex = e.targetData.node.data.index, n.affectedNodes = e.targetData.parent.data.enabledNodes.filter(
@@ -4191,7 +4203,7 @@ function V(e) {
   function n(t) {
     const o = Y.get(t);
     if (!o) return;
-    const r = R.get(t.parentNode);
+    const r = F.get(t.parentNode);
     if (r)
       return {
         node: {
@@ -4217,7 +4229,7 @@ function V(e) {
   };
 }
 function Ie(e, n) {
-  L(e.e), xr({
+  L(e.e), Cr({
     currentParent: n.currentParent,
     targetParent: e.targetData.parent,
     initialParent: n.initialParent,
@@ -4235,7 +4247,7 @@ function Ie(e, n) {
 }
 function be(e) {
   function n(t) {
-    const o = R.get(t);
+    const o = F.get(t);
     if (o)
       return {
         parent: {
@@ -4256,18 +4268,18 @@ function be(e) {
       );
   };
 }
-function oe(e, n, t = !1) {
+function re(e, n, t = !1) {
   function o(r, a) {
     Y.set(r, a);
   }
   for (const r of e) {
-    const a = Y.get(r), s = Cr(r, n, a, t);
+    const a = Y.get(r), s = Ar(r, n, a, t);
     s && o(r, s);
   }
 }
-function Cr(e, n, t, o = !1) {
+function Ar(e, n, t, o = !1) {
   if (!n) return;
-  const r = An(n);
+  const r = In(n);
   if (!r.length) return;
   if (!t) {
     e.classList.add(...r);
@@ -4284,106 +4296,106 @@ function Cr(e, n, t, o = !1) {
 }
 function K(e, n) {
   if (!n) return;
-  const t = An(n);
+  const t = In(n);
   if (t.length)
     for (const o of e) {
       if (!Fe(o)) {
         o.classList.remove(...t);
         continue;
       }
-      const r = Y.get(o) || R.get(o);
+      const r = Y.get(o) || F.get(o);
       if (r)
         for (const a of t)
           r.privateClasses.includes(a) || o.classList.remove(a);
     }
 }
-function dn(e, n, t, o, r) {
-  const s = r.axis === "x", u = e === document.scrollingElement, l = s ? "scrollLeft" : "scrollTop", d = s ? "clientWidth" : "clientHeight", g = s ? "offsetWidth" : "offsetHeight", c = s ? "scrollWidth" : "scrollHeight", p = s ? n.clientX : n.clientY, f = s ? o.left : o.top, m = s ? t.overflowX : t.overflowY;
-  if (u) {
-    const x = e[l], y = e[d], D = x > 0, w = x + y < (s ? r.state.rootScrollWidth || 0 : e[c]);
+function sn(e, n, t, o, r) {
+  const s = r.axis === "x", c = e === document.scrollingElement, l = s ? "scrollLeft" : "scrollTop", d = s ? "clientWidth" : "clientHeight", g = s ? "offsetWidth" : "offsetHeight", u = s ? "scrollWidth" : "scrollHeight", p = s ? n.clientX : n.clientY, f = s ? o.left : o.top, m = s ? t.overflowX : t.overflowY;
+  if (c) {
+    const v = e[l], D = e[d], y = v > 0, w = v + D < (s ? r.state.rootScrollWidth || 0 : e[u]);
     return s ? {
-      left: D && p < y * 0.075,
-      right: w && p > y * (1 - 0.075)
+      left: y && p < D * 0.075,
+      right: w && p > D * (1 - 0.075)
     } : {
-      up: D && p < y * 0.075,
-      down: w && p > y * (1 - 0.075)
+      up: y && p < D * 0.075,
+      down: w && p > D * (1 - 0.075)
     };
   }
   if ((m === "auto" || m === "scroll") && e !== document.body && e !== document.documentElement) {
-    const x = e[c], y = e[g], D = e[l], w = D > 0, N = D < x - y;
+    const v = e[u], D = e[g], y = e[l], w = y > 0, N = y < v - D;
     return s ? {
-      left: w && p < f + y * 0.075,
-      right: N && p > f + y * (1 - 0.075)
+      left: w && p < f + D * 0.075,
+      right: N && p > f + D * (1 - 0.075)
     } : {
-      up: w && p < f + y * 0.075,
-      down: N && p > f + y * (1 - 0.075)
+      up: w && p < f + D * 0.075,
+      down: N && p > f + D * (1 - 0.075)
     };
   }
   return s ? { left: !1, right: !1 } : { up: !1, down: !1 };
 }
-function Nr(e, n, t, o) {
+function Ir(e, n, t, o) {
   if (!M(t) || !t.draggedNode)
     return;
   t.preventEnter = !0;
-  const r = o.axis === "x", a = o.direction === "positive" ? 1 : -1, s = 20, u = r ? "lastScrollDirectionX" : "lastScrollDirectionY", l = r ? "frameIdX" : "frameIdY";
-  t[l] !== void 0 && (cancelAnimationFrame(t[l]), t[l] = void 0), t[u] = o.direction;
+  const r = o.axis === "x", a = o.direction === "positive" ? 1 : -1, s = 20, c = r ? "lastScrollDirectionX" : "lastScrollDirectionY", l = r ? "frameIdX" : "frameIdY";
+  t[l] !== void 0 && (cancelAnimationFrame(t[l]), t[l] = void 0), t[c] = o.direction;
   const d = () => {
     if (!M(t) || !t.draggedNode) {
       t[l] !== void 0 && (cancelAnimationFrame(t[l]), t[l] = void 0);
       return;
     }
-    const g = r ? "scrollLeft" : "scrollTop", c = r ? "clientWidth" : "clientHeight", p = r ? "scrollWidth" : "scrollHeight", f = e[g], m = e[c], x = e[p];
-    if (!(a > 0 ? f + m < x : f > 0)) {
-      t[l] = void 0, t[u] = void 0;
+    const g = r ? "scrollLeft" : "scrollTop", u = r ? "clientWidth" : "clientHeight", p = r ? "scrollWidth" : "scrollHeight", f = e[g], m = e[u], v = e[p];
+    if (!(a > 0 ? f + m < v : f > 0)) {
+      t[l] = void 0, t[c] = void 0;
       return;
     }
-    e[g] += s * a, H(t) && Mn(t), t[l] = requestAnimationFrame(d);
+    e[g] += s * a, _(t) && On(t), t[l] = requestAnimationFrame(d);
   };
   t[l] = requestAnimationFrame(d);
 }
-function sn(e, n, t) {
+function cn(e, n, t) {
   const o = e.getBoundingClientRect();
   return n >= o.left && n <= o.right && t >= o.top && t <= o.bottom;
 }
 function $e(e, n, t) {
   if (!M(t) || !t.draggedNode)
     return;
-  je(t);
+  Be(t);
   const { x: o, y: r } = e;
   let a = !1;
   const s = (l, d, g) => {
-    Nr(g, n, t, { axis: l, direction: d }), a = !0;
-  }, u = (l) => {
-    const d = window.getComputedStyle(l), g = l.getBoundingClientRect(), c = dn(l, n, d, g, {
+    Ir(g, n, t, { axis: l, direction: d }), a = !0;
+  }, c = (l) => {
+    const d = window.getComputedStyle(l), g = l.getBoundingClientRect(), u = sn(l, n, d, g, {
       axis: "x",
       state: t
-    }), p = dn(l, n, d, g, { axis: "y" });
-    (c.left || c.right) && (t.lastScrollContainerX = l, s("x", c.right ? "positive" : "negative", l)), (p.up || p.down) && (t.lastScrollContainerY = l, s("y", p.down ? "positive" : "negative", l));
+    }), p = sn(l, n, d, g, { axis: "y" });
+    (u.left || u.right) && (t.lastScrollContainerX = l, s("x", u.right ? "positive" : "negative", l)), (p.up || p.down) && (t.lastScrollContainerY = l, s("y", p.down ? "positive" : "negative", l));
   };
-  if (t.lastScrollContainerX && sn(t.lastScrollContainerX, o, r) && u(t.lastScrollContainerX), !a && t.lastScrollContainerY && sn(t.lastScrollContainerY, o, r) && u(t.lastScrollContainerY), !a) {
+  if (t.lastScrollContainerX && cn(t.lastScrollContainerX, o, r) && c(t.lastScrollContainerX), !a && t.lastScrollContainerY && cn(t.lastScrollContainerY, o, r) && c(t.lastScrollContainerY), !a) {
     let l = document.elementFromPoint(o, r);
     for (; l && !(a && t.lastScrollContainerX && t.lastScrollContainerY); )
-      l instanceof HTMLElement && u(l), l = l.parentElement;
+      l instanceof HTMLElement && c(l), l = l.parentElement;
   }
   if (!a) {
     const l = document.scrollingElement;
-    l instanceof HTMLElement && u(l);
+    l instanceof HTMLElement && c(l);
   }
-  a || je(t);
+  a || Be(t);
 }
-function Er(e) {
+function $r(e) {
   let n = document.elementFromPoint(e.x, e.y);
   if (!Fe(n)) return;
   let t, o = !0;
   for (; n && o; ) {
-    if (Y.has(n) || R.has(n)) {
-      o = !1, t = R.has(n);
+    if (Y.has(n) || F.has(n)) {
+      o = !1, t = F.has(n);
       break;
     }
     n = n.parentNode;
   }
   if (t) {
-    const r = R.get(n);
+    const r = F.get(n);
     return r ? {
       parent: {
         el: n,
@@ -4393,7 +4405,7 @@ function Er(e) {
   } else {
     const r = Y.get(n);
     if (!r) return;
-    const a = R.get(n.parentNode);
+    const a = F.get(n.parentNode);
     return a ? {
       node: {
         el: n,
@@ -4421,48 +4433,48 @@ function we(e, n) {
   }
   return t;
 }
-function kr(e) {
+function Fr(e) {
   if (e instanceof HTMLElement) return e;
   if ("current" in e && e.current instanceof HTMLElement)
     return e.current;
   console.warn("Invalid parent element", e);
 }
-function Ar(e, n) {
-  const t = kr(e);
+function Pr(e, n) {
+  const t = Fr(e);
   t && n(t);
 }
 var Se = /* @__PURE__ */ new WeakMap();
-function Ir(e) {
+function Rr(e) {
   const n = Se.get(e);
   return n ? n[0] : (console.warn("No values found for parent element"), []);
 }
-function $r(e, n) {
+function Lr(e, n) {
   const t = Se.get(n);
   t && t[1](e), Se.set(n, [e, t[1]]);
 }
-function Fr(e, n) {
+function Mr(e, n) {
   return (t) => {
-    Se.set(t, n), Uo({ parent: t, getValues: Ir, setValues: $r, config: e });
+    Se.set(t, n), Yo({ parent: t, getValues: Rr, setValues: Lr, config: e });
   };
 }
-function cn(e) {
-  Ze && (Array.isArray(e) || (e = [e]), e.forEach((n) => {
+function un(e) {
+  Qe && (Array.isArray(e) || (e = [e]), e.forEach((n) => {
     const { parent: t, state: o, ...r } = n;
-    Ar(t, Fr(r, o));
+    Pr(t, Mr(r, o));
   }));
 }
-function Rr(e, n = {}) {
+function Or(e, n = {}) {
   const t = ue(null), [o, r] = P(e);
   function a(s = {}) {
-    cn({ parent: t, state: [o, r], ...s });
+    un({ parent: t, state: [o, r], ...s });
   }
-  return re(() => {
-    cn({ parent: t, state: [o, r], ...n });
-  }, [o]), re(() => () => {
+  return te(() => {
+    un({ parent: t, state: [o, r], ...n });
+  }, [o]), te(() => () => {
     t.current && Rn(t.current);
   }, []), [t, o, r, a];
 }
-const un = {
+const gn = {
   border: {
     selected: {
       color: C.palette.blue.B400
@@ -4471,7 +4483,7 @@ const un = {
       color: C.palette.neutral.N40
     }
   }
-}, Pr = T.ul`
+}, Vr = T.ul`
   list-style: none;
   padding: 0;
   margin: 0;
@@ -4480,15 +4492,15 @@ const un = {
   gap: 12px;
   width: 100%;
   justify-content: ${({ $isEmpty: e }) => e ? "center" : "flex-start"};
-`, Lr = T.li`
+`, zr = T.li`
   & > div {
     border: 1px solid
       ${({ theme: e, $active: n }) => {
   var t, o, r, a;
-  return n ? ((o = (t = e == null ? void 0 : e.border) == null ? void 0 : t.selected) == null ? void 0 : o.color) || un.border.selected.color : ((a = (r = e == null ? void 0 : e.border) == null ? void 0 : r.clear) == null ? void 0 : a.color) || un.border.clear.color;
+  return n ? ((o = (t = e == null ? void 0 : e.border) == null ? void 0 : t.selected) == null ? void 0 : o.color) || gn.border.selected.color : ((a = (r = e == null ? void 0 : e.border) == null ? void 0 : r.clear) == null ? void 0 : a.color) || gn.border.clear.color;
 }};
   }
-`, Oe = "dnd:draggingLabel", gn = (e) => {
+`, Ve = "dnd:draggingLabel", pn = (e) => {
   const {
     emptyMessage: n,
     id: t,
@@ -4496,48 +4508,48 @@ const un = {
     legend: r,
     initialItems: a,
     highlightFirst: s,
-    onMove: u
-  } = e, [l, d] = Rr(
+    onMove: c
+  } = e, [l, d] = Or(
     a,
     { group: o }
-  ), [g, c] = z.useState(
+  ), [g, u] = z.useState(
     null
   ), p = z.useRef(a);
   z.useEffect(() => {
-    const D = (w) => {
+    const y = (w) => {
       const N = w.detail ?? null;
-      c(N);
+      u(N);
     };
-    return window.addEventListener(Oe, D), () => window.removeEventListener(Oe, D);
+    return window.addEventListener(Ve, y), () => window.removeEventListener(Ve, y);
   }, []);
-  const f = z.useCallback((D) => {
+  const f = z.useCallback((y) => {
     window.dispatchEvent(
-      new CustomEvent(Oe, { detail: D })
+      new CustomEvent(Ve, { detail: y })
     );
-  }, []), m = (D) => {
+  }, []), m = (y) => {
     var S;
-    const w = D.target, N = (S = w == null ? void 0 : w.closest) == null ? void 0 : S.call(w, "li.dnd-item"), A = (N == null ? void 0 : N.getAttribute("data-label")) || null;
-    A && (c(A), f(A));
-  }, x = z.useCallback(() => {
-    c(null), f(null);
+    const w = y.target, N = (S = w == null ? void 0 : w.closest) == null ? void 0 : S.call(w, "li.dnd-item"), A = (N == null ? void 0 : N.getAttribute("data-label")) || null;
+    A && (u(A), f(A));
+  }, v = z.useCallback(() => {
+    u(null), f(null);
   }, [f]);
   z.useEffect(() => {
-    const D = () => x();
-    return window.addEventListener("pointerup", D), window.addEventListener("blur", D), () => {
-      window.removeEventListener("pointerup", D), window.removeEventListener("blur", D);
+    const y = () => v();
+    return window.addEventListener("pointerup", y), window.addEventListener("blur", y), () => {
+      window.removeEventListener("pointerup", y), window.removeEventListener("blur", y);
     };
-  }, [x]), z.useEffect(() => {
-    const D = p.current;
-    if (d.length !== D.length && d.length === D.length + 1) {
-      const w = new Set(D), N = d.find((A) => !w.has(A)) || null;
+  }, [v]), z.useEffect(() => {
+    const y = p.current;
+    if (d.length !== y.length && d.length === y.length + 1) {
+      const w = new Set(y), N = d.find((A) => !w.has(A)) || null;
       if (N) {
         const A = t === "left" ? "right" : "left";
-        u == null || u({ item: N, from: A, to: t });
+        c == null || c({ item: N, from: A, to: t });
       }
     }
     p.current = d;
-  }, [d, t, u]);
-  const y = d.length === 0;
+  }, [d, t, c]);
+  const D = d.length === 0;
   return /* @__PURE__ */ i(
     ve,
     {
@@ -4546,15 +4558,15 @@ const un = {
       height: "-webkit-fill-available",
       spacing: "wide",
       children: /* @__PURE__ */ i(
-        Pr,
+        Vr,
         {
           ref: l,
           onPointerDownCapture: m,
-          onPointerUpCapture: x,
-          onPointerCancelCapture: x,
-          $isEmpty: y,
-          children: y ? /* @__PURE__ */ i(
-            U,
+          onPointerUpCapture: v,
+          onPointerCancelCapture: v,
+          $isEmpty: D,
+          children: D ? /* @__PURE__ */ i(
+            j,
             {
               background: !0,
               borderRadius: "8px",
@@ -4563,16 +4575,16 @@ const un = {
               justifyContent: "center",
               children: /* @__PURE__ */ i(E, { type: "label", size: "medium", appearance: "gray", padding: "12px", children: n || "No hay elementos en esta lista" })
             }
-          ) : d.map((D, w) => {
-            const N = g === D;
+          ) : d.map((y, w) => {
+            const N = g === y;
             return /* @__PURE__ */ i(
-              Lr,
+              zr,
               {
                 className: `dnd-item${N ? " is-dragging" : ""}`,
-                "data-label": D,
+                "data-label": y,
                 "data-first": !!(s && w === 0) || void 0,
                 $active: N,
-                children: /* @__PURE__ */ i(U, { border: !0, borderRadius: "8px", width: "100%", children: /* @__PURE__ */ i(
+                children: /* @__PURE__ */ i(j, { border: !0, borderRadius: "8px", width: "100%", children: /* @__PURE__ */ i(
                   E,
                   {
                     type: "title",
@@ -4580,23 +4592,23 @@ const un = {
                     weight: N ? "bold" : "normal",
                     size: "medium",
                     padding: "6px 12px",
-                    children: D
+                    children: y
                   }
                 ) })
               },
-              D
+              y
             );
           })
         }
       )
     }
   );
-}, ha = (e) => {
+}, Da = (e) => {
   const { group: n = "clients", left: t, right: o, onMove: r } = e, a = (s) => {
     r == null || r(s);
   };
   return /* @__PURE__ */ b(
-    v,
+    x,
     {
       justifyContent: "space-between",
       alignItems: "start",
@@ -4604,7 +4616,7 @@ const un = {
       gap: "40px",
       children: [
         /* @__PURE__ */ i(
-          gn,
+          pn,
           {
             group: n,
             highlightFirst: t.highlightFirst,
@@ -4616,7 +4628,7 @@ const un = {
           }
         ),
         /* @__PURE__ */ i(
-          gn,
+          pn,
           {
             group: n,
             highlightFirst: o.highlightFirst,
@@ -4630,17 +4642,88 @@ const un = {
       ]
     }
   );
-}, se = /* @__PURE__ */ new Map(), Mr = (e, n) => se.get(`${n}:${e}`), Or = (e, n, t) => {
+}, Hr = T.div`
+  & > button {
+    height: 66px;
+    min-width: 66px;
+    border-radius: 16px;
+    padding: 12px 16px;
+
+    & > div > div {
+      flex-direction: column;
+      & > figure > svg {
+        width: 20px;
+        height: 20px;
+      }
+      & > p {
+        font-weight: 400;
+      }
+    }
+  }
+`, ya = (e) => /* @__PURE__ */ i(Hr, { children: /* @__PURE__ */ i(H, { ...e }) }), _r = T.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  box-sizing: border-box;
+  border-radius: 16px;
+  background-color: white;
+  box-shadow:
+    0px 1px 3px 1px rgba(0, 0, 0, 0.15),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.3);
+  max-width: 140px;
+  width: 100%;
+  & > button {
+    height: 66px;
+    min-width: 66px;
+    border-radius: 16px;
+    padding: 12px 16px;
+
+    & > div > div {
+      flex-direction: column;
+      & > figure > svg {
+        width: 20px;
+        height: 20px;
+      }
+      & > p {
+        font-weight: 400;
+      }
+    }
+  }
+`, Ta = (e) => {
+  const { handleBack: n, handleNext: t, textValues: o } = e;
+  return /* @__PURE__ */ b(_r, { children: [
+    /* @__PURE__ */ i(
+      H,
+      {
+        ...e,
+        iconBefore: /* @__PURE__ */ i(jn, {}),
+        variant: "none",
+        onClick: n,
+        children: o.back
+      }
+    ),
+    /* @__PURE__ */ i(
+      H,
+      {
+        ...e,
+        iconBefore: /* @__PURE__ */ i(Bn, {}),
+        variant: "none",
+        onClick: t,
+        children: o.next
+      }
+    )
+  ] });
+}, se = /* @__PURE__ */ new Map(), Ur = (e, n) => se.get(`${n}:${e}`), jr = (e, n, t) => {
   const o = `${n}:${e}`;
   if (se.set(o, t), se.size > 1e3) {
     const r = se.keys().next().value;
     r !== void 0 && se.delete(r);
   }
-}, pn = /* @__PURE__ */ new Map(), Vr = 1e3, zr = (e) => {
-  const n = Date.now(), t = pn.get(e) || 0;
-  return n - t < Vr ? !0 : (pn.set(e, n), !1);
-}, Hr = (e) => {
-  const n = Zn(e);
+}, hn = /* @__PURE__ */ new Map(), Br = 1e3, qr = (e) => {
+  const n = Date.now(), t = hn.get(e) || 0;
+  return n - t < Br ? !0 : (hn.set(e, n), !1);
+}, Yr = (e) => {
+  const n = et(e);
   return {
     spa: "es",
     eng: "en",
@@ -4649,14 +4732,14 @@ const un = {
     ita: "it",
     por: "pt"
   }[n] || "en";
-}, _r = async (e, n, { url: t, apiKey: o }) => {
-  const r = `${n}:${e}`, a = Mr(e, n);
+}, Xr = async (e, n, { url: t, apiKey: o }) => {
+  const r = `${n}:${e}`, a = Ur(e, n);
   if (a) return a;
-  if (zr(r))
+  if (qr(r))
     return console.warn(`[Throttle] Skipped translation for: "${e}"`), e;
-  const s = Hr(e);
+  const s = Yr(e);
   try {
-    const { data: u } = await Gn.post(
+    const { data: c } = await Jn.post(
       t,
       {
         q: e,
@@ -4669,26 +4752,26 @@ const un = {
           "Content-Type": "application/json"
         }
       }
-    ), l = (u == null ? void 0 : u.translatedText) || e;
-    return Or(e, n, l), l;
-  } catch (u) {
-    return console.warn(`[Translation] Failed for: "${e}"`, u), e;
+    ), l = (c == null ? void 0 : c.translatedText) || e;
+    return jr(e, n, l), l;
+  } catch (c) {
+    return console.warn(`[Translation] Failed for: "${e}"`, c), e;
   }
-}, Ur = (e) => typeof e == "string" && e.trim().length > 0, hn = async (e, n, t) => {
+}, Wr = (e) => typeof e == "string" && e.trim().length > 0, fn = async (e, n, t) => {
   const o = await Promise.all(
     Object.entries(e).map(async ([r, a]) => {
-      if (Ur(a)) {
-        const s = await _r(a, n, t);
+      if (Wr(a)) {
+        const s = await Xr(a, n, t);
         return [r, s];
       } else if (Array.isArray(a)) {
         const s = await Promise.all(
           a.map(
-            async (u) => typeof u == "object" && u !== null ? await hn(u, n, t) : u
+            async (c) => typeof c == "object" && c !== null ? await fn(c, n, t) : c
           )
         );
         return [r, s];
       } else if (typeof a == "object" && a !== null) {
-        const s = await hn(a, n, t);
+        const s = await fn(a, n, t);
         return [r, s];
       } else
         return [r, a];
@@ -4697,28 +4780,30 @@ const un = {
   return Object.fromEntries(o);
 };
 export {
-  Xe as BusinessRuleCard,
-  wn as BusinessRuleCardNew,
-  Tn as BusinessRuleView,
-  Sn as BusinessRuleViewNew,
-  ta as BusinessRules,
-  oa as BusinessRulesNew,
-  ha as DragAndDropBoxes,
-  gn as DraggableList,
-  $o as DropdownMenu,
-  pa as DropdownMenuContainer,
-  ra as Filter,
-  aa as FilterModal,
-  ia as FormFilter,
-  st as ModalRules,
-  So as RulesForm,
-  go as convertRangeToString,
-  la as formatDecisionForBackend,
-  da as parseRangeFromString,
-  sa as revertSortedDataSampleSwitchPlaces,
-  ca as revertSortedDataSwitchPlaces,
-  ua as sortDisplayDataSampleSwitchPlaces,
-  ga as sortDisplayDataSwitchPlaces,
-  hn as translateObject,
-  _r as translateText
+  Ta as BackAndNextButton,
+  We as BusinessRuleCard,
+  Sn as BusinessRuleCardNew,
+  wn as BusinessRuleView,
+  Cn as BusinessRuleViewNew,
+  da as BusinessRules,
+  sa as BusinessRulesNew,
+  Da as DragAndDropBoxes,
+  pn as DraggableList,
+  Lo as DropdownMenu,
+  xa as DropdownMenuContainer,
+  ca as Filter,
+  ua as FilterModal,
+  ga as FormFilter,
+  pt as ModalRules,
+  ko as RulesForm,
+  ya as SendButton,
+  mo as convertRangeToString,
+  pa as formatDecisionForBackend,
+  ha as parseRangeFromString,
+  fa as revertSortedDataSampleSwitchPlaces,
+  ma as revertSortedDataSwitchPlaces,
+  ba as sortDisplayDataSampleSwitchPlaces,
+  va as sortDisplayDataSwitchPlaces,
+  fn as translateObject,
+  Xr as translateText
 };